/*页码*/
#yema {
	clear: both;
	text-align: center;
	margin: 30px 0;
}
#yema .pages {
    display: block;
}
#yema .pages a {
	font-size: 14px;
	font-family: "Microsoft YaHei";
	width: auto !important;
    padding: 3px 10px !important;
    margin: 0 5px;
	text-align: center;
	border: 1px solid #C6C6C6;
	color: #333;
    display: inline-block;
	
}
#yema .pages span {
	font-size: 14px;
    font-family: "Microsoft YaHei";
    width: auto !important;
    padding: 3px 10px !important;
    margin: 0 5px;
    text-align: center;
    background-color: #0C4DA2;
    border: 1px solid #0C4DA2;
    color: #fff;
    display: inline-block;
}

/*页码*/
/*详情页*/
.about_con p {
	color: #666;
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 16px;
}
.about_name {
	text-align: center;
	padding-bottom: 20px;
	font-size: 16px;
	color: #333333;
}
.about-con {
	text-align: center;
	font-size: 14px;
	margin-bottom: 15px;
	color: #666666;
}
.about_title {
	border-bottom: 1px solid #CCCCCC;
}
.about_con_bottom {
	width: 1000px;
	margin: 0 auto;
	padding: 10px; /* border-top: 1px solid #ccc; */
}
.about_con_fanye {
	font-size: 14px;
	line-height: 26px;
	color: #333;
	float: left;
}
.about_con_fanye a {
	color: #333;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.about_con_fanye a:hover {
	color: #C20D23;
}
.about_fx {
	float: right;
}
/*详情页*/
/*图片效果一*/
.chbimgbox {
	height: 300px;
	width: 300px;
}
.chbimg {
	overflow: hidden;
	position: relative;
	height: 300px;
	width: 300px;
}
.chbimg img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.chbimgbg {
	position: absolute;
	width: 300px;
	height: 300px;
	top: 0;
	background-color: #ccc;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.chbimgbox:hover .chbimg img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.chbimg:hover .chbimgbg {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.chbimgtitle {
	position: absolute;
	top: -10%;
	text-align: center;
	left: 0;
	right: 0;
	color: #000000;
	font-size: 14px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.chbimg:hover .chbimgtitle {
	top: 30%;
	-webkit-transition: all 0.3s 0.8s;
	-moz-transition: all 0.3s 0.8s;
	-ms-transition: all 0.3s 0.8s;
	-o-transition: all 0.3s 0.8s;
	transition: all 0.3s 0.8s;
}
.chbimgmore {
	position: absolute;
	bottom: -10%;
	text-align: center;
	left: 0;
	right: 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.chbimgmore a {
	padding: 2px 6px;
	color: #ff0000;
	font-size: 14px;
	border: 1px solid #ff0000;
}
.chbimg:hover .chbimgmore {
	bottom: 30%;
	-webkit-transition: all 0.3s 0.8s;
	-moz-transition: all 0.3s 0.8s;
	-ms-transition: all 0.3s 0.8s;
	-o-transition: all 0.3s 0.8s;
	transition: all 0.3s 0.8s;
}
/*图片效果一*/
/*图片效果二*/
.case-content {
	overflow: hidden;
	margin: 80px auto 0 auto;
	width: 1200px
}
.case-item {
	float: left;
	margin: 30px 40px;
	margin-bottom: 20px
}
.ih-item {
	position: relative;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.ih-item, .ih-item * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.ih-item a {
	color: #333
}
.ih-item a:hover {
	text-decoration: none
}
.ih-item img {
	width: 100%;
	height: 100%
}
.ih-item.circle, .ih-item.circle .img {
	position: relative;
	width: 210px;
	height: 210px;
	border-radius: 50%
}
.ih-item.circle .img:before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-shadow: inset 0 0 0 16px rgba(255,255,255,.6), 0 1px 2px rgba(0,0,0,.3);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.ih-item.circle .img img {
	border-radius: 50%
}
.ih-item.circle .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 50%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.ih-item.square {
	position: relative;
	width: 316px;
	height: 216px;
	border: 8px solid #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,.3)
}
.ih-item.square .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.ih-item.circle.effect1 .spinner {
	width: 220px;
	height: 220px;
	border: 10px solid #ecab18;
	border-right-color: #1ad280;
	border-bottom-color: #1ad280;
	border-radius: 50%;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out
}
.ih-item.circle.effect1 .img {
	position: absolute;
	top: 10px;
	bottom: 0;
	left: 10px;
	right: 0;
	width: auto;
	height: auto
}
.ih-item.circle.effect1 .img:before {
	display: none
}
.ih-item.circle.effect1.colored .info {
	background: #1a4a72;
	background: rgba(26,74,114,.6)
}
.ih-item.circle.effect1 .info {
	top: 10px;
	bottom: 0;
	left: 10px;
	right: 0;
	background: #333;
	background: rgba(0,0,0,.6);
	opacity: 0;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out
}
.ih-item.circle.effect1 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 24px;
	margin: 0 30px;
	padding: 55px 0 0;
	height: 110px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0,0,0,.3)
}
.ih-item.circle.effect1 .info p {
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,.5)
}
.ih-item.circle.effect1 a:hover .spinner {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}
.ih-item.circle.effect1 a:hover .info {
	opacity: 1
}
/*图片效果二*/
/*图片效果三*/
.da-thumbs {
	list-style: none;
	width: 984px;
	position: relative;
	margin: 20px auto;
	padding: 0;
}
.da-thumbs li {
	float: left;
	margin: 5px;
	background: #fff;
	padding: 8px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.da-thumbs li a, .da-thumbs li a img {
	display: block;
	position: relative;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #333;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
}
.da-thumbs li a div span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
}
.container {
	width: 100%;
	position: relative;
	min-height: 350px;
}
.clr {
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}
.container > header {
	margin: 10px;
	padding: 20px 10px 10px 10px;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	text-align: center;
}
.container > header > span {
	font-family: 'Alegreya SC', Georgia, serif;
	font-size: 20px;
	line-height: 20px;
	display: block;
	font-weight: 400;
	font-style: italic;
	color: #719dab;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.container > header h1 {
	font-size: 40px;
	line-height: 40px;
	margin: 0;
	position: relative;
	font-weight: 300;
	color: #498ea5;
	padding: 5px 0px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
}
.container > header h1 span {
	font-weight: 700;
}
.container > header h2 {
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
	padding: 15px 0 5px 0;
	color: #6190ca;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
}
.container > header p {
	font-style: italic;
	color: #aaa;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
}
/*图片效果三*/
/*图片效果4*/
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
	content: " ";
	display: block;
	background: white;
	position: absolute;
	z-index: 30;
	-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
	box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
	width: 3px;
	height: 9999px;
	left: 50%;
	margin-left: -1.5px;
}
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
	width: 9999px;
	height: 3px;
	top: 50%;
	margin-top: -1.5px;
}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.twentytwenty-before-label, .twentytwenty-after-label {
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	transition-property: opacity;
}
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
	color: white;
	font-size: 13px;
	letter-spacing: 0.1em;
}
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
	position: absolute;
	background: rgba(255, 255, 255, 0.2);
	line-height: 38px;
	padding: 0 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
	top: 50%;
	margin-top: -19px;
}
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
	left: 50%;
	margin-left: -45px;
	text-align: center;
	width: 90px;
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
	width: 0;
	height: 0;
	border: 6px inset transparent;
	position: absolute;
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
	top: 50%;
	margin-top: -6px;
}
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
	left: 50%;
	margin-left: -6px;
}
.twentytwenty-container {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	z-index: 0;
	overflow: hidden;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
}
.twentytwenty-container img {
	max-width: 100%;
	position: absolute;
	top: 0;
	display: block;
}
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
	background: rgba(0, 0, 0, 0);
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
	opacity: 0;
}
.twentytwenty-container * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.twentytwenty-before-label {
	opacity: 0;
}
.twentytwenty-before-label:before {
	content: "Before";
}
.twentytwenty-after-label {
	opacity: 0;
}
.twentytwenty-after-label:before {
	content: "After";
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
	left: 10px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
	right: 10px;
}
.twentytwenty-vertical .twentytwenty-before-label:before {
	top: 10px;
}
.twentytwenty-vertical .twentytwenty-after-label:before {
	bottom: 10px;
}
.twentytwenty-overlay {
	-webkit-transition-property: background;
	-moz-transition-property: background;
	transition-property: background;
	background: rgba(0, 0, 0, 0);
	z-index: 25;
}
.twentytwenty-overlay:hover {
	background: rgba(0, 0, 0, 0.5);
}
.twentytwenty-overlay:hover .twentytwenty-after-label {
	opacity: 1;
}
.twentytwenty-overlay:hover .twentytwenty-before-label {
	opacity: 1;
}
.twentytwenty-before {
	z-index: 20;
}
.twentytwenty-after {
	z-index: 10;
}
.twentytwenty-handle {
	height: 38px;
	width: 38px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -22px;
	margin-top: -22px;
	border: 3px solid white;
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	border-radius: 1000px;
	-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
	box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
	z-index: 40;
	cursor: pointer;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
	bottom: 50%;
	margin-bottom: 22px;
	-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:after {
	top: 50%;
	margin-top: 22px;
	-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:before {
	left: 50%;
	margin-left: 22px;
	-webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:after {
	right: 50%;
	margin-right: 22px;
	-webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-left-arrow {
	border-right: 6px solid white;
	left: 50%;
	margin-left: -17px;
}
.twentytwenty-right-arrow {
	border-left: 6px solid white;
	right: 50%;
	margin-right: -17px;
}
.twentytwenty-up-arrow {
	border-bottom: 6px solid white;
	top: 50%;
	margin-top: -17px;
}
.twentytwenty-down-arrow {
	border-top: 6px solid white;
	bottom: 50%;
	margin-bottom: -17px;
}
.row {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 62.5em;
*zoom: 1;
}
header .row{
	max-width:1280px;
}
.row:before, .row:after {
	content: " ";
	display: table;
}
.row:after {
	clear: both;
}
.row.collapse .column, .row.collapse .columns {
	position: relative;
	padding-left: 0;
	padding-right: 0;
	float: left;
}
.row .row {
	width: auto;
	margin-left: -0.9375em;
	margin-right: -0.9375em;
	margin-top: 0;
	margin-bottom: 0;
	max-width: none;
*zoom: 1;
}
.row .row:before, .row .row:after {
	content: " ";
	display: table;
}
.row .row:after {
	clear: both;
}
.row .row.collapse {
	width: auto;
	margin: 0;
	max-width: none;
*zoom: 1;
}
.row .row.collapse:before, .row .row.collapse:after {
	content: " ";
	display: table;
}
.row .row.collapse:after {
	clear: both;
}
.column, .columns {
	position: relative;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	width: 100%;
	float: left;
}
@media only screen {
.column,  .columns {
	position: relative;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	float: left;
}
.small-1 {
	position: relative;
	width: 8.33333%;
}
.small-2 {
	position: relative;
	width: 16.66667%;
}
.small-3 {
	position: relative;
	width: 25%;
}
.small-4 {
	position: relative;
	width: 33.33333%;
}
.small-5 {
	position: relative;
	width: 41.66667%;
}
.small-6 {
	position: relative;
	width: 50%;
}
.small-7 {
	position: relative;
	width: 58.33333%;
}
.small-8 {
	position: relative;
	width: 66.66667%;
}
.small-9 {
	position: relative;
	width: 75%;
}
.small-10 {
	position: relative;
	width: 83.33333%;
}
.small-11 {
	position: relative;
	width: 91.66667%;
}
.small-12 {
	position: relative;
	width: 100%;
}
.small-offset-0 {
	position: relative;
	margin-left: 0%;
}
.small-offset-1 {
	position: relative;
	margin-left: 8.33333%;
}
.small-offset-2 {
	position: relative;
	margin-left: 16.66667%;
}
.small-offset-3 {
	position: relative;
	margin-left: 25%;
}
.small-offset-4 {
	position: relative;
	margin-left: 33.33333%;
}
.small-offset-5 {
	position: relative;
	margin-left: 41.66667%;
}
.small-offset-6 {
	position: relative;
	margin-left: 50%;
}
.small-offset-7 {
	position: relative;
	margin-left: 58.33333%;
}
.small-offset-8 {
	position: relative;
	margin-left: 66.66667%;
}
.small-offset-9 {
	position: relative;
	margin-left: 75%;
}
.small-offset-10 {
	position: relative;
	margin-left: 83.33333%;
}
 [class*="column"] + [class*="column"]:last-child {
 float: right;
}
 [class*="column"] + [class*="column"].end {
 float: left;
}
.column.small-centered,  .columns.small-centered {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	float: none !important;
}
}
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) {
.large-1 {
	position: relative;
	width: 8.33333%;
}
.large-2 {
	position: relative;
	width: 16.66667%;
}
.large-3 {
	position: relative;
	width: 25%;
}
.large-4 {
	position: relative;
	width: 33.33333%;
}
.large-5 {
	position: relative;
	width: 41.66667%;
}
.large-6 {
	position: relative;
	width: 50%;
}
.large-7 {
	position: relative;
	width: 58.33333%;
}
.large-8 {
	position: relative;
	width: 66.66667%;
}
.large-9 {
	position: relative;
	width: 75%;
}
.large-10 {
	position: relative;
	width: 83.33333%;
}
.large-11 {
	position: relative;
	width: 91.66667%;
}
.large-12 {
	position: relative;
	width: 100%;
}
.row .large-offset-0 {
	position: relative;
	margin-left: 0%;
}
.row .large-offset-1 {
	position: relative;
	margin-left: 8.33333%;
}
.row .large-offset-2 {
	position: relative;
	margin-left: 16.66667%;
}
.row .large-offset-3 {
	position: relative;
	margin-left: 25%;
}
.row .large-offset-4 {
	position: relative;
	margin-left: 33.33333%;
}
.row .large-offset-5 {
	position: relative;
	margin-left: 41.66667%;
}
.row .large-offset-6 {
	position: relative;
	margin-left: 50%;
}
.row .large-offset-7 {
	position: relative;
	margin-left: 58.33333%;
}
.row .large-offset-8 {
	position: relative;
	margin-left: 66.66667%;
}
.row .large-offset-9 {
	position: relative;
	margin-left: 75%;
}
.row .large-offset-10 {
	position: relative;
	margin-left: 83.33333%;
}
.row .large-offset-11 {
	position: relative;
	margin-left: 91.66667%;
}
.push-1 {
	position: relative;
	left: 8.33333%;
	right: auto;
}
.pull-1 {
	position: relative;
	right: 8.33333%;
	left: auto;
}
.push-2 {
	position: relative;
	left: 16.66667%;
	right: auto;
}
.pull-2 {
	position: relative;
	right: 16.66667%;
	left: auto;
}
.push-3 {
	position: relative;
	left: 25%;
	right: auto;
}
.pull-3 {
	position: relative;
	right: 25%;
	left: auto;
}
.push-4 {
	position: relative;
	left: 33.33333%;
	right: auto;
}
.pull-4 {
	position: relative;
	right: 33.33333%;
	left: auto;
}
.push-5 {
	position: relative;
	left: 41.66667%;
	right: auto;
}
.pull-5 {
	position: relative;
	right: 41.66667%;
	left: auto;
}
.push-6 {
	position: relative;
	left: 50%;
	right: auto;
}
.pull-6 {
	position: relative;
	right: 50%;
	left: auto;
}
.push-7 {
	position: relative;
	left: 58.33333%;
	right: auto;
}
.pull-7 {
	position: relative;
	right: 58.33333%;
	left: auto;
}
.push-8 {
	position: relative;
	left: 66.66667%;
	right: auto;
}
.pull-8 {
	position: relative;
	right: 66.66667%;
	left: auto;
}
.push-9 {
	position: relative;
	left: 75%;
	right: auto;
}
.pull-9 {
	position: relative;
	right: 75%;
	left: auto;
}
.push-10 {
	position: relative;
	left: 83.33333%;
	right: auto;
}
.pull-10 {
	position: relative;
	right: 83.33333%;
	left: auto;
}
.push-11 {
	position: relative;
	left: 91.66667%;
	right: auto;
}
.pull-11 {
	position: relative;
	right: 91.66667%;
	left: auto;
}
.column.large-centered,  .columns.large-centered {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	float: none !important;
}
.column.large-uncentered,  .columns.large-uncentered {
	margin-left: 0;
	margin-right: 0;
	float: left !important;
}
.column.large-uncentered.opposite,  .columns.large-uncentered.opposite {
	float: right !important;
}
}
/*图片效果4*/
/*图片效果5*/
.view {
	width: 300px;
	height: 200px;
	margin: 10px;
	border: 5px solid rgb(255, 255, 255);
	overflow: hidden;
	position: relative;
	text-align: center;
	box-shadow: 0px 0px 5px rgb(170, 170, 170);
	cursor: default;
}
.view .mask, .view .content {
	width: 300px;
	height: 200px;
	position: absolute;
	overflow: hidden;
	top: 0px;
	left: 0px;
}
.view img {
	display: block;
	position: relative;
}
.effect img {
	opacity: 1;
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.effect .mask {
	opacity: 0;
	overflow: visible;
	border-color: rgba(0,0,0,0.7) transparent transparent transparent;
	border-style: solid;
	border-width: 150px;
	width: 0;
	height: 0;
	-moz-transform: translateY(-125px);
	-webkit-transform: translateY(-125px);
	-o-transform: translateY(-125px);
	-ms-transform: translateY(-125px);
	transform: translateY(-125px);
	-moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	-webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	-o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	-ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
}
.effect a.info {
	opacity: 0;
	-moz-transform: translateY(-125px);
	-webkit-transform: translateY(-125px);
	-o-transform: translateY(-125px);
	-ms-transform: translateY(-125px);
	transform: translateY(-125px);
	-moz-transition: -moz-transform 0.3s ease-in, opacity 0.1s ease-in-out;
	-webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.1s ease-in-out;
	-o-transition: -o-transform 0.3s ease-in, opacity 0.1s ease-in-out;
	-ms-transition: -ms-transform 0.3s ease-in, opacity 0.1s ease-in-out;
	transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;
}
.effect:hover img {
	opacity: 0.7;
	-moz-transform: scale(2, 2);
	-webkit-transform: scale(2, 2);
	-o-transform: scale(2, 2);
	-ms-transform: scale(2, 2);
	transform: scale(2, 2);
}
.effect:hover .mask {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.effect:hover a.info {
	opacity: 1;
	-moz-transform: translateY(100px);
	-webkit-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
}
.second-effect .mask {
	opacity: 0;
	overflow: visible;
	border: 0px solid rgba(0,0,0,0.7);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.second-effect a.info {
	position: relative;
	top: -10px;
	opacity: 0;
	-moz-transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.second-effect:hover .mask {
	opacity: 1;
	border: 100px solid rgba(0,0,0,0.7);
}
.second-effect:hover a.info {
	opacity: 1;
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.view a.info {
	background: url('../images/link.png') no-repeat scroll center center transparent;
	display: inline-block;
	text-decoration: none;
	padding: 0px;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
}
.third-effect .mask {
	opacity: 0;
	overflow: visible;
	border: 100px solid rgba(0, 0, 0, 0.7);
	box-sizing: border-box;
	transition: all 0.4s ease-in-out 0s;
}
.third-effect a.info {
	position: relative;
	top: -10px;
	opacity: 0;
	transition: opacity 0.5s ease-in-out 0s;
}
.third-effect:hover .mask {
	opacity: 1;
	border: 100px solid rgba(0, 0, 0, 0.7);
}
.third-effect:hover a.info {
	opacity: 1;
	transition-delay: 0.3s;
}
.fourth-effect .mask {
	position: absolute;
	top: 50px;
	left: 100px;
	cursor: pointer;
	border-radius: 50px;
	display: inline-block;
	height: 100px;
	width: 100px;
	border: 50px solid rgba(0, 0, 0, 0.7);
	box-sizing: border-box;
	opacity: 1;
	visibility: visible;
	transform: scale(4);
	transition: all 0.3s ease-in-out 0s;
}
.fourth-effect:hover .mask {
	opacity: 0;
	border: 0px solid rgba(0, 0, 0, 0.7);
	visibility: hidden;
}
/* FIFTH EFFECTS */
.fifth-effect img {
	opacity: 0.2;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.fifth-effect .mask {
	cursor: pointer;
	opacity: 1;
	visibility: visible;
	border: 100px solid rgba(0,0,0,0.7);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
	-webkit-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
	-o-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
	-ms-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
	transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
}
.fifth-effect:hover .mask {
	border: 0px double rgba(0,0,0,0.7);
	opacity: 0;
	visibility: hidden;
}
.fifth-effect:hover img {
	opacity: 1;
}
/*图片效果5*/
/*图片效果6*/
div.flip-3d {
	perspective: 1200px;
	width: 30%;
	float: left;
}
div.flip-3d .figure {
	position: relative;
	transform-style: preserve-3d;
	transition: 1s transform;
	font-size: 1.6rem;
}
div.flip-3d .figure img {
	width: 100%;
	height: auto;
}
div.flip-3d .figure figcaption {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
 transform: rotateY(.5turn) translateZ(1px);
	background: rgba(255, 255, 255, 0.9);
	text-align: center;
	padding-top: 45%;
	opacity: 0.6;
	transition: 1s .5s opacity;
}
div.flip-3d:hover .figure {
 transform: rotateY(.5turn);
}
div.flip-3d:hover .figure figcaption {
	opacity: 1;
}
div.flip-3d .figure:after {
	content: " ";
	display: block;
	height: 8vw;
	width: 100%;
	transform: rotateX(90deg);
	background-image: radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}
/*图片效果6*/

/*头部代码*/
@media screen and (min-width:1920px){
    .container-fluid{width:1920px}
}

/*header******************************************************************************/
header{position:relative;z-index:9999999;background:rgba(255,255,255,.99);box-shadow:0 0 6px 0 rgba(31,31,31,.1)}
header .menu-container{position:relative;margin:0 auto;width:100%}
header .logo{position:relative;z-index:99999;float:left}
header .logo img{margin-top:5px;width:190px}
header .menu{width:100%}
@media screen and (max-width:1024px){
    header .logo img{margin-top:10px;width:150px}
}
/* 第一层导航 */
.menu .nav1{position:relative;margin:0;padding:0;padding-left:200px;width:100%;height:auto;text-align:right;letter-spacing:-5px}
.menu .nav1 li{display:inline-block;margin:0;list-style:none;letter-spacing:normal;line-height:90px;margin-left:14px;}
.menu .nav1 li a{position:relative;display:block;padding:0 .9rem;color:#333;font-weight:600;font-size:16px;}
.menu .nav1 li a::after{position:absolute;top:50%;right:0;margin-top:-7px;width:1px;height:14px;content:""}
.menu .nav1 li:last-child a::after{width:0}
.menu .nav1 li a::before{position:absolute;bottom:0;left:0;width:0%;height:3px;background-color:#b55805;content:"";transition:all .3s ease 0s}

.menu .nav1 li:last-child a::before{
	background:none;
}

.menu .nav1 li:hover{background:#fff}
.menu .nav1 li:hover a::before{width:100%}
.menu .nav1 .active>a{color:#b55805}
/* .menu .nav1 .active a::before{width:100%} */
@media screen and (max-width:1440px){
    .menu .nav1 li a{padding:0 .5rem}
}
@media screen and (max-width:1440px){
    .menu .nav1 li a{padding:0 .4rem}
}
@media screen and (max-width:1024px){
    .menu .nav1{padding-left:0}
}
/* 第二层导航 普通二级下拉*/
.menu .nav2{position:absolute;left:auto;z-index:99999;display:none;margin:0;padding:15px 0;width:180px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background:#fbfaf8;text-align:left}
.menu .nav2 li{display:block;margin:0;width:100%;line-height:28px;}
.menu .nav2 li a{position:relative;margin:0;padding:.25rem 0 .25rem 1rem;font-weight:normal}
.menu .nav2 li a:hover{color:#b55805}
.menu .nav2 li a::before,.menu .nav2 li a::after{display:none}
.menu .menu-dropdown-icon:last-child .nav2{right:0}
/* 第三层导航 多列排序菜单*/
.menu .nav3{position:absolute;left:0;z-index:99999;display:none;margin:0;padding:15px 0;width:100%;border-bottom-right-radius:8px;border-bottom-left-radius:8px;background:#fbfaf8;text-align:left}
.menu .nav3 .list{position:relative;float:left;margin:0;padding:0 50px;width:calc(100% / 4);border-right:1px solid #eee;list-style:none;line-height:16px}
.menu .nav3 .list:last-child{border-right:0}
.menu .nav3 .list span{font-size:16px;position:relative;display:block;margin-bottom:.5rem;padding:10px 0 10px 1.5rem;border-radius:3px;background-color:#f5e7b5;color:#333;font-weight:600}
.menu .nav3 .list span::after{position:absolute;top:30%;left:10px;color:#b55805;font-family:FontAwesome}
.menu .nav3 .list a{position:relative;margin:0;padding:.35rem 0 .35rem 1rem;font-weight:normal;transition:all 0s ease 0s;    line-height: 28px;}
.menu .nav3 .list .hot{color:#b55805;background:#f7f3e4}
.menu .nav3 .list a .fa{color:#b55805;font-weight:normal;margin-left: 5px;}
.menu .nav3 .list a:hover{color:#b55805;background:#fff}
.menu .nav3 .list a::before,.menu .nav3 .list a::after{display:none}
.menu .nav3 .list-full{float:none;width:100%;border-right:0}
.menu .nav3 .list-full a{float:left;width:25%}
@media screen and (max-width:1280px){
    .menu .nav3 .list{padding:0 25px}
}
@media screen and (max-width:768px){
    .menu .nav3 .list span::after{top:15%}
}
/* 第三层导航 5列排列*/
.menu .nav3 .list-5{padding:0 15px;width:calc(100% / 5)}
.menu .nav3 .list-5 a:first-child{
	padding-left:0px;
	    font-size: 16px;
    position: relative;
    display: block;
    margin-bottom: 0.5rem;
    padding: 0;
    border-radius: 3px;
    background-color: #f5e7b5;
    color: #333;
    font-weight: 600;
    width: 100%;
}
/* 第三层导航 6列排列*/
.menu .nav3 .list-6{padding:0 15px;width:calc(100% / 6)}

/* 移动端出现导航 */
.menu-mobile{position:relative;float:right;display:none;width:80px;height:60px;border:0;background:0 0}
.menu-mobile:after{position:absolute;top:10%;right:0;padding:0;color:#b55805;content:"\f0c9";font-size:2.2rem;font-family:FontAwesome}
.menu-dropdown-icon:before{float:right;display:none;width:100px;color:#b55805;content:"\f0d7";text-align:right;font-weight:normal;font-family:FontAwesome;cursor:pointer}

@media screen and (max-width:960px){
    .sticky-top{position:relative}
    header .menu-container{height:auto}
    header .menu{background-color:#fff}
    header .logo img{margin-top:6px;width:130px}
    .menu-mobile{display:block}
    .menu-dropdown-icon:before{display:block}
    .menu .nav1{position:inherit;display:none;padding-bottom:25px;padding-left:0;text-align:left;letter-spacing:0}
    .menu .nav1 li{display:block;margin:0;width:100%;border-bottom:1px solid #eee;line-height:50px}
    .menu .nav1 li:first-child{border-top:1px solid #ddd}
    .menu .nav1 li:last-child{border-bottom:0}
    .menu .nav1 .active{background:0 0}
    .menu .nav1 li a{display:block;padding:0;width:50%}
    .menu .nav1 li a::after{display:none}
    .menu .nav1 li a::before{display:none}
    .menu .nav1 li:hover{background:0 0}
    .menu .show-on-mobile{display:block;padding-top:80px}
    .menu .normal-sub{margin:0;padding:0;width:100%}
    .menu .normal-sub li{width:100%;line-height:30px}
    .menu .normal-sub li a{padding:0;border:0}
    .menu .nav2{position:relative;padding:0 0 0 15px;background:0 0}
    .menu .nav2 li{padding:5px 0;border-bottom:1px dashed #eee}
    .menu .nav2 li:first-child{border-top:0 solid #ddd}
    .menu .nav2 li a{font-weight:normal}
    .menu .nav3{position:relative;overflow:hidden;background:0 0}
    .menu .nav3 .list{float:none;padding:0;width:100%;border-right:0;line-height:25px}
    .menu .nav3 .list:last-child{width:100%}
    .menu .nav3 .list span{margin-top:.5rem;margin-bottom:.5rem;padding:5px 0 5px 1.5rem}
    .menu .nav3 .list a{display:inline-block;margin-bottom:0;padding:.2rem 0 .2rem 15px;width:49%}
}
@supports ((position: -webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}
/**首页企业服务**/
.index-advantage {
	width:100%;
	background:#fff;
	padding:50px 0 30px 0;
}
.index-box {
	max-width:1280px;
	margin:auto;
	position:relative;
}
.advantage-title {
	width:100%;
	position:relative;
	padding-bottom:54px;
}
.advantage-title .bdl {
	font-size:70px;
	line-height:70px;
	font-family:Helvetica;
	color:#000;
}
.advantage-title .tbox {

}
.advantage-title .title {
	font-size:36px;
	line-height:1;
	font-weight:bold;
	color:#222;
	margin-bottom:23px;
}
.advantage-title .txt {
	width:685px;
	font-size:14px;
	line-height:24px;
	color:#666;
}
.advantage-title .bdr {
	font-size:70px;
	line-height:70px;
	font-family:Helvetica;
	color:#000;
	display:table;
	position:absolute;
	right:0;
	top:110px;
}
.advantage-title .bdr span {
	width:300px;
	height:2px;
	background:#222;
	display:inline-block;
	position:absolute;
	top:9px;
	right:65px;
}
.advantage-list {
	width:100%;
	display:table;
	border-bottom:2px solid #222;
	padding-bottom:60px;
	overflow:hidden;
}
.advantage-list li {
	width:20%;
	float:left;
	box-sizing:border-box;
	padding:60px 20px 54px 40px;
	background:#fff;
	transition:all ease .3s;
	border-radius:3px;
	margin:0 5.125% 0 0.5%;
}
.advantage-list li:nth-child(4n) {
	margin:0 0 0 8px;
}
.advantage-list li:hover {
	background:#5a7ebb;
}
.advantage-list li .icon {
	width:100%;
	height:100px;
	transition:all ease .3s;
}
.advantage-list li .icon1 {
	background:url(../images/icon8.png) left top no-repeat;
}
.advantage-list li .icon2 {
	background:url(../images/icon9.png) left top no-repeat;
}
.advantage-list li .icon3 {
	background:url(../images/icon10.png) left top no-repeat;
}
.advantage-list li .icon4 {
	background:url(../images/icon11.png) left top no-repeat;
}
.advantage-list li:hover .icon1 {
	background:url(../images/icon12.png) left top no-repeat;
}
.advantage-list li:hover .icon2 {
	background:url(../images/icon13.png) left top no-repeat;
}
.advantage-list li:hover .icon3 {
	background:url(../images/icon14.png) left top no-repeat;
}
.advantage-list li:hover .icon4 {
	background:url(../images/icon15.png) left top no-repeat;
}
.advantage-list li .title {
	font-size:24px;
	color:#222;
	line-height:36px;
	font-weight:bold;
	margin-bottom:28px;
	transition:all ease .3s;
}
.advantage-list li:hover .title {
	color:#fff;
}
.advantage-list li .txt {
	color:#666;
	font-size:14px;
	line-height:24px;
	transition:all ease .3s;
}
.advantage-list li:hover .txt {
	color:#fff;
}
.advantage-list li .link {
	width:0;
	height:10px;
	margin-top:45px;
	background:url(../images/icon16.png) right center no-repeat;
	transition:all ease .3s;
}
.advantage-list li:hover .link {
	width:48px;
}
.index-box {
    max-width: 1280px;
    margin: auto;
    position: relative;
}
@media (max-width: 1630px){
.index-box {
    width: 100%;
    
}
.advantage-list li {
		width:23%;
		margin:0 1.125% 0 0.5%;
		padding:60px 20px 20px 20px
	}
}
@media (max-width: 900px){
.advantage-title{
		padding-bottom: 30px;
	}
	.advantage-title .bdl{
		line-height: 20px;
	}
	.advantage-title .title{
		font-size: 26px;
		margin-bottom: 10px;
	}
	.advantage-title .bdr{
		line-height: 52px;
	}

	.index-box{
		padding: 0 30px;
	}
	.advantage-list{
		padding-bottom: 30px;
	}
	.advantage-list li{
		padding: 30px 10px 30px 10px;
	}
	.advantage-list li .icon{
		height: 60px;
	}
	.advantage-list li .icon1 {
		background:url(../images/icon8.png) left top no-repeat;
		background-size: 40px;
	}
	.advantage-list li .icon2 {
		background:url(../images/icon9.png) left top no-repeat;
		background-size: 40px;
	}
	.advantage-list li .icon3 {
		background:url(../images/icon10.png) left top no-repeat;
		background-size: 40px;
	}
	.advantage-list li .icon4 {
		background:url(../images/icon11.png) left top no-repeat;
		background-size: 40px;
	}
	.advantage-list li:hover .icon1 {
		background:url(../images/icon12.png) left top no-repeat;
		background-size: 40px;
	}
	.advantage-list li:hover .icon2 {
		background:url(../images/icon13.png) left top no-repeat;
		background-size: 40px;
	}
	.advantage-list li:hover .icon3 {
		background:url(../images/icon14.png) left top no-repeat;
		background-size: 40px;
	}
	.advantage-list li:hover .icon4 {
		background:url(../images/icon15.png) left top no-repeat;
		background-size: 40px;
	}
	.advantage-list li .title{
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	.advantage-list li .link{
		margin-top: 25px;
	}
}
@media (max-width: 767px){
	.index-box{
		padding: 0 20px;
	}
	.advantage-title .bdl{
		font-size: 40px;
	}
	.advantage-title .bdr{
		font-size: 40px;
		line-height: 70px;
	}
	.advantage-title .title{
		font-size: 18px;
	}
	.advantage-title .txt{
		width: 100%;
	}
	.advantage-title .bdr span {
		width: 170px;
		top: 23px;
		right: 50px;
	}
	.advantage-list li {
		width: 47%;
		margin: 0 1.5%;
	}
	.advantage-list li .txt{
		min-height: 96px;
	}
}
/**公司注册*/
.index-case {
	width:100%;
	padding:30px 0 80px;
}
.index-case-title {
	font-size:36px;
	line-height:36px;
	color:#222;
	font-weight:bold;
}
.index-case .mores {
	font-family: 'sheepsansbold';
	font-size:16px;
	line-height:36px;
	color:#000;
	background:url(../images/icon21.png) right center no-repeat;
	padding-right:35px;
	display:block;
	position:absolute;
	right:0;
	top:50px;
}
.index-case-menu {
	width:100%;
	display:table;
	margin-top:30px;
}
.index-case-menu li {
	height:28px;
	line-height:26px;
	float:left;
	border:1px solid #666;
	border-radius:14px;
	margin-right:10px;
}
.index-case-menu li:hover {
	border-radius:14px;
	border-color:#5a7ebb;
}
.index-case-menu li a {
	padding:0 20px;
	display:inline-block;
	font-size:14px;
	border-radius:14px;
	color:#666;
	transition:all ease .3s;
}
.index-case-menu li:hover a {
	background:#5a7ebb;
	color:#fff;
}
.index-case-menu li.on a {
	background:#5a7ebb;
	color:#fff;
}
.index-case-list {
	width:100%;
	display:table;
	margin-top:40px;
}
.index-case-list li {
	width:32.5%;
	float:left;
	margin-right:1.25%;
	margin-bottom:20px;
}
.index-case-list li:nth-child(3n) {
	margin-right:0;
}
.index-case-list li:hover {
	box-shadow:0 0 15px 1px rgba(0,0,0,.1);
}
.index-case-list li .img {
	width:100%;
	overflow:hidden;
}
.index-case-list li .img  img {
    width:100%;
    -moz-transition: all 0.5s linear;
    -o-transition:  all 0.5s linear;
    transition: all 0.5s linear;
}
.index-case-list li:hover .img img {
    -webkit-transform:  scale(1.05) ; 
    -moz-transform: scale(1.05) ; 
    -ms-transform: scale(1.05);     
    -o-transform:  scale(1.05) ; 
    transform:  scale(1.05);
}
.index-case-list li .tbox {
	width:100%;
	box-sizing:border-box;
	border:1px solid #ebebeb;
	border-top:none;
	padding:20px 20px 0;
}
.index-case-list li .tbox .title {
	width:100%;
	position:relative;
	line-height:36px;
}
.index-case-list li .tbox .title .t1 {
	font-size:16px;
	font-weight:bold;
	color:#222;
}
.index-case-list li .tbox .title .t2 {
	font-size:14px;
	color:#666;
}
.index-case-list li .tbox .title .icon {
	position:absolute;
	right:0;
	top:20px;
}
.index-case-list li .tbox .title .icon span {
	display:inline-block;
	width:18px;
	height:16px;
	margin-left:10px;
}
.index-case-list li .tbox .title .icon a {
	display:inline-block;
	width:18px;
	height:16px;
	margin-left:10px;
}
.index-case-list li .tbox .title .icon .icon1 {
	background:url(../images/icon17.png) center center no-repeat;
}
.index-case-list li .tbox .title .icon .icon2 {
	background:url(../images/icon18.png) center center no-repeat;
}
.index-case-list li .tbox .title .icon .icon3 {
	background:url(../images/icon19.png) center center no-repeat;
}
.index-case-list li .tbox .more {
	width:100%;
	border-top:1px solid #e3e3e3;
	margin-top:7px;
	font-size:14px;
	color:#666;
	line-height:36px;
	padding:7px;
	background:url(../images/icon20.png) right center no-repeat;
	transition:all ease .3s;
}
.index-case-list li:hover .tbox .more {
	background:url(../images/icon21.png) right center no-repeat;
}

/*首页服务*/
.index-fuwu{ overflow:hidden;}
.index-fuwu-box{ max-width:1280px;margin:50px auto;}

.index-fuwu-head{ text-align:center;margin-bottom:40px;}
.index-fuwu-head h2{ margin-bottom:20px;font-weight:bold;}

.list-index-fuwu{ overflow:hidden;}
.list-index-fuwu ul{ margin-top:-20px;margin-left:-20px;}
.list-index-fuwu ul li{ width:33.3334%;float:left;margin-top:20px;}
.list-index-fuwu ul li .li-box{ padding:20px 34px;margin-left:20px;border-radius:10px;transition: all ease .3s;}
.list-index-fuwu ul li .li-box:hover{ background: #5a7ebb;}
.list-index-fuwu ul li .li-box img{ height:40px;}
.list-index-fuwu ul li h2{ font-size:18px;line-height:28px;margin-top:20px;margin-bottom:10px;font-weight:bold;color:#222;}
.list-index-fuwu ul li p{ line-height:22px;height:66px;font-size:14px;color:#999;}
.list-index-fuwu ul li .li-box:hover h2, .list-index-fuwu ul li .li-box:hover p{ color:#fff;}
.list-index-fuwu ul li .li-box:hover a{ text-decoration: none;}

/*合作案例*/
.index-logo{ background:#111127;padding:60px 0;}
.index-logo-title{ text-align:center;margin-bottom:40px;}
.index-logo-title h2{ margin-bottom:20px;font-weight:bold;color:#fff;}

.index-swiper{ max-width:1280px !important;margin:0 auto;}
.swiper{ }
.swiper-logo img{ display: block;width: 100% !important;height: 100% !important;}

@media (max-width: 1200px){
	.index-case .mores, .index-news-more{
		top: 10px;
	}
	.index-case-menu li:last-child{
		margin-right: 0;
	}
	.index-case-menu li a, .index-news-menu li a{
		padding: 0 10px;
		font-size: 14px;
	}
	.index-case-list li .tbox .title .icon{
		top: 5px;
	}
}
@media (max-width:900px){
	.index-case{
		padding: 30px 0;
	}
	.index-case-title{
		font-size: 22px;
	}
	.index-case-menu{
		margin-top: 20px;
	}
	.index-case-menu li{
		margin-bottom: 10px;
	}
	.index-case-list{
		margin-top: 20px;
	}
	.index-case-list li .tbox .title .t2{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.index-case .mores, .index-news-more{
		top: 0;
		line-height: 26px;
	}
	.index-news-menu ul {
		display: flex;
		white-space: nowrap;
	}
	.index-news-menu {
		display: flex;
		overflow-x: scroll;
		white-space: normal;
	}
	.index-news-menu {
		margin-top: 20px;
	}
}
@media (max-width: 767px){
    
/*首页服务*/
.index-fuwu{ overflow:hidden;}
.index-fuwu-box{ max-width:auto;margin:50px 15px;}
.index-fuwu-head{ text-align:center;margin-bottom:40px;}
.index-fuwu-head h2{ margin-bottom:20px;font-weight:bold;}
.list-index-fuwu{ overflow:hidden;}
.list-index-fuwu ul{ margin-top:-20px;margin-left:-20px;}
.list-index-fuwu ul li{ width:100%;float:left;margin-top:20px;}
.list-index-fuwu ul li .li-box{ padding:20px 34px;margin-left:20px;border-radius:10px;transition: all ease .3s;}
.list-index-fuwu ul li .li-box:hover{ background: #5a7ebb;}
.list-index-fuwu ul li .li-box img{ height:40px;}
.list-index-fuwu ul li h2{ font-size:18px;line-height:28px;margin-top:20px;margin-bottom:10px;font-weight:bold;color:#222;}
.list-index-fuwu ul li p{ line-height:22px;height:auto;font-size:14px;color:#999;}
.list-index-fuwu ul li .li-box:hover h2, .list-index-fuwu ul li .li-box:hover p{ color:#fff;}
.list-index-fuwu ul li .li-box:hover a{ text-decoration: none;}

/*合作案例*/
.index-logo{ background:#111127;padding:60px 0;}
.index-logo-title{ text-align:center;margin-bottom:40px;}
.index-logo-title h2{ margin-bottom:20px;font-weight:bold;color:#fff;}

.index-swiper{ max-width:60% !important;margin:0 auto;}
.swiper{ }
.swiper-logo img{ display: block;width: 100% !important;height: 100% !important;}
    
    
	.index-case-title{
		font-size: 18px;
	}
	.index-case-list li .tbox{
		padding: 13px;
	}
	.index-case-list li .tbox .title{
		line-height: 18px;
	}
	.index-case-list li .tbox .title .t1{
		font-size: 14px;
	}
	.index-case-list li .tbox .title .t2{
		font-size: 12px;
		margin-top: 6px;
	}
	.index-case-list li .tbox .more{
		display: none;
	}
	.index-case-menu li a {
		font-size: 14px;
	}
	.index-case-list li{
		width: 100%;
		margin-right: 0;
	}
	.index-case .mores, .index-news-more{
		right: 20px;
	}
}
/**关于我们**/
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.index{padding-top:80px;padding-bottom:80px;width:100%}
.index h2{font-weight:normal}
.index h2{margin-bottom:2rem;color:#b55805}
.index h2 span{display:block;margin-top:.5rem;color:#ccc;text-transform:capitalize;font-size:70%}
.index h2::after{display:block;margin-top:1rem;width:25%;height:2px;background-color:#d0d5c9;content:""}
.index .cate-note{margin-top:1rem;width:100%}
.index-data{position:relative;margin-bottom:60px;background-position:center;background-size:cover;background-repeat:repeat;background-attachment:fixed}
.index-data .overlay{position:absolute;top:0;left:0;width:100%;height:100%;
background-image: linear-gradient(-65deg, hsl(30deg 4% 20% / 90%) 20%, #5a7ebb 90%);}
.index-data h2{color:#fff;text-align:center}
.index-data h2 span{color:rgba(255,255,255,.8)}
.index-data h2::after{margin:1rem auto;width:10%;height:2px;background-color:rgba(255,255,255,.6);content:""}
.index-data .cate-note{color:#fff;text-align:center}
/* 滚动数字 */
.index-data .counter_list{margin-top:2rem;margin-bottom:5rem;padding:0}
.index-data .counter_list ul{margin:0;padding:0;list-style:none}
.index-data .counter_list li{border-right:1px solid rgba(255,255,255,.15);text-align:center}
.index-data .counter_list li:last-child{border-right-width:0}
.index-data .counter_list span{color:#fff}
.index-data .counter_list .counter{margin-right:15px;background-image:linear-gradient(45deg,#f3d482,#5a7ebb);
color:#f9b90a;color:transparent;font-weight:600;font-size:4rem;-webkit-background-clip:text}
.index-data .counter_list .unit{font-weight:600;font-size:1.1rem}
.index-data .counter_list .note{display:block;font-weight:600}
.index-data .superiority{margin-bottom:-150px}
.index-data .superiority ul{margin:0;padding:40px 15px;border-radius:6px;background-image:linear-gradient(360deg,#eae8e1,#fff)}
.index-data .superiority li{list-style:none}
.index-data .superiority li .icon{float:left;width:70px;height:70px;border-radius:50%;background-color:rgba(255,255,255,0);text-align:center;line-height:70px}
.index-data .superiority li .icon img{width:100%}
.index-data .superiority li .text{float:left;margin-left:5%;width:auto}
.index-data .superiority li .text .title{display:block;color:#5a7ebb;font-size: 1.5em;}
.index-data .superiority li .text p{margin-bottom:0;color:#333}
.index-data .row{
	max-width:100%;
}
.font-xl {
    font-size: 2em;
}
@media screen and (max-width:1280px){
    .index-data .superiority li .text{float:none}
}
@media screen and (max-width:768px){
    .index-data .counter_list li{padding-bottom:25px}
    .index-data .superiority li{margin-bottom:25px}
    .index-data .counter_list li:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.15)}
    .index-data .superiority li .text{float:left}
}
@media screen and (max-width:576px){
    .index-data{background-attachment:scroll;margin-bottom:60px;}
    .index-data h2::after{width:30%}
    .index-data .counter_list{margin-bottom:2rem}
    .index-data .counter_list .counter{margin-right:5px;font-size:3rem}
    .index-data .counter_list .unit{font-size:.9rem}
    .index-data .counter_list .note{display:block;font-weight:normal;font-size:.9rem}
    .index-data .superiority ul{padding:25px 0}
    .index-data .superiority li{text-align:center}
    .index-data .superiority li .icon{float:none;margin:0 auto .5rem;width:40px;height:40px;line-height:40px}
    .index-data .superiority li .text{margin-left:0;width:100%}
    .index-data .superiority li .text p{font-size:12px}
}
/*解决方案和牌照**/

.index-solution {
	width:100%;
	padding:80px 0;
}
.index-solution-box {
	width:100%;
	background:#373737;
	display:table;
}
.index-solution-box .img {
	width:60%;
	float:left;
	
}
.index-solution-box .img img{
	border: 0;
    vertical-align: middle;
    max-width: 100%;
}
.index-solution-box .tbox {
	width:40%;
	float:left;
	padding:8.5% 0 0 80px;
	display:inline-block;
}
.index-solution-box .tbox .title {
	font-size:36px;
	font-weight:bold;
	color:#fff;
	line-height:1;
	margin-bottom:20px;
}
.index-solution-box .tbox .txt {
	max-width:475px;
	font-size:14px;
	line-height:28px;
	color:#fff;
}
.index-solution-box .tbox .list {
	width:100%;
	margin-top:53px;
}
.index-solution-box .tbox .list li {
	float:left;
	margin:0 20px 20px 0;
}
.index-solution-box .tbox .list li a {
	line-height:36px;
	border:1px solid #bbb;
	border-radius:19px;
	display:block;
	padding:0 21px;
	font-size:14px;
	color:#bbb;
	transition:all ease .3s;
}
.index-solution-box .tbox .list li:hover a {
	color:#222;
	background:#fff;
	border:1px solid #fff;
}


.index-news {
	width:100%;
	background:#fff;
	overflow:hidden;
}
.index-news-title {
	font-size:36px;
	line-height:1;
	color:#000;
	font-weight:bold;
}
.index-news-more {
	font-family: 'sheepsansbold';
    font-size: 16px;
    line-height: 36px;
    color: #000;
    background: url(../images/icon21.png) right center no-repeat;
    padding-right: 35px;
    display: block;
    position: absolute;
    right: 5px;
    top: 30px;
}
.index-news-menu {
	width:100%;
	margin-top:30px;
	display:table;
}
.index-news-menu li {
	float:left;
	margin-right:10px;
}
.index-news-menu li a {
	display:block;
	line-height:26px;
	padding:0 20px;
	border:1px solid #666;
	font-size:14px;
	color:#666;
	border-radius:14px;
	transition:all ease .3s;
}
.index-news-menu li:hover a {
	color:#fff;
	background:#222;
	border-color:#222;
}
.index-news-menu li.on a {
	color:#fff;
	background:#222;
	border-color:#222;
}
.index-news .index-box {
	max-width:1280x;
	overflow:hidden;
	padding:0px;
}
.index-news-list {
	width:calc(700% + 70px);
	margin-top:40px;
	display:inline-block;
	left:0;
	position:relative;
	transition:all ease 1s;
}
.index-news-list .lbox {
	width:calc(100% / 7);
	display:inline-block;
	float:left;
	padding-right:10px;
}
.index-news-list .lbox .box1 {
	width:30%;
	margin-right:0.625%;
	float:left;
	transition:all ease .3s;
}
.index-news-list .lbox .box1 a {
	display:inline-block;
	width:100%;
}
.index-news-list .lbox .box1 .img {
	width:100%;
	height:280px;
}
.index-news-list .lbox .box1 .tbox {
	width:100%;
	height:270px;
	box-sizing:border-box;
	background:#f7f7f7;
	padding:0 30px;
}
.index-news-list .lbox .box1:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.3);
}
.index-news-list .lbox .box1 .tbox .time {
	color:#999;
	font-family: 'sheepsansbold';
	font-weight:bold;
	font-size:48px;
	line-height:50px;
	border-bottom:1px solid #dbdbdb;
	padding:22px 0 16px;
	background:url(../images/icon20.png) right 54px no-repeat;
	transition:all ease .3s;
}
.index-news-list .lbox .box1 .tbox:hover .time {
	color:#222;
}
.index-news-list .lbox .box1 .tbox .time span {
	font-size:16px;
	line-height:20px;
	font-weight:initial;
	display:block;
}
.index-news-list .lbox .box1 .tbox .titles {
	font-size:16px;
	line-height:36px;
	color:#000;
	margin-top:30px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index-news-list .lbox .box1 .tbox .txts {
	font-size:14px;
	line-height:24px;
	color:#666;
	margin-top:14px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.index-news-list .lbox .box2 {
	width:30%;
	margin-right:0.625%;
	float:left;
}
.index-news-list .lbox .box2 .tbox {
	width:100%;
	height:270px;
	background:#f4f4f4;
	box-sizing:border-box;
	padding:0 30px;
	margin-bottom:10px;
	transition:all ease .3s;
}
.index-news-list .lbox .box2 .tbox:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.3);
}
.index-news-list .lbox .box2 .tbox a {
	display:inline-block;
	width:100%;
}
.index-news-list .lbox .box2 .tbox .time {
	font-size:48px;
	font-weight:bold;
	line-height:50px;
	font-family: 'sheepsansbold';
	color:#999;
	padding:22px 0 15px;
	background:url(../images/icon20.png) right 54px no-repeat;
	border-bottom:1px solid #dbdbdb;
	transition:all ease .3s;
}
.index-news-list .lbox .box2 .tbox .time span {
	font-size:16px;
	line-height:20px;
	display:block;
}
.index-news-list .lbox .box2 .tbox:hover .time {
	color:#222;
}
.index-news-list .lbox .box2 .tbox .titles {
	font-size:16px;
	line-height:36px;
	color:#000;
	margin-top:30px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index-news-list .lbox .box2 .tbox .txts {
	font-size:14px;
	line-height:24px;
	color:#666;
	margin-top:10px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.index-news-list .lbox .box3 {
	width:38.75%;
	float:left;
}
.index-news-list .lbox .box3 .tbox {
	width:100%;
	height:130px;
	margin-bottom:10px;
	box-sizing:border-box;
	padding:30px;
	background:#f4f4f4 url(../images/icon20.png) 95% 60px no-repeat;
	transition:all ease .3s;
}
.index-news-list .lbox .box3 .tbox:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.3);
}
.index-news-list .lbox .box3 .tbox a {
	display:inline-block;
}
.index-news-list .lbox .box3 .tbox .time {
	font-size:48px;
	font-weight:bold;
	line-height:50px;
	font-family: 'sheepsansbold';
	color:#999;
	float:left;
	margin-right:30px;
	transition:all ease .3s;
}
.index-news-list .lbox .box3 .tbox:hover .time {
	color:#222;
}
.index-news-list .lbox .box3 .tbox .time span {
	font-size:16px;
	display:block;
	line-height:20px;
}
.index-news-list .lbox .box3 .tbox .titles {
	width:410px;
	float:left;
	font-size:16px;
	line-height:26px;
	color:#000;
	padding-top:0px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media(max-width:1630px){
	.index-solution-box .tbox {
		padding:4.5% 20px 0 40px;
	}

	.index-news-list .lbox .box3 .tbox .titles {
		width:calc(100% - 110px);
	}
	.index-news {
		overflow:hidden;
		padding:0 40px;
	}
}

@media (max-width: 1200px){
.index-solution .index-box {
    padding: 0;
}
}
@media screen and (max-width:900px){
	.index-solution{
		padding: 50px 3% 50px;
	}
	.index-solution-box .img{
		width: 100%;
	}
	.index-solution-box .tbox{
		width: 100%;
		padding: 4.5% 20px 20px 40px;
	}
	.index-solution-box .tbox .title{
		font-size: 26px;
	}
	.index-news{
		padding: 0 30px;
	}
	.index-news-title{
		font-size: 26px;
	}
	.index-news-menu{
		margin-top: 20px;
	}
	.index-news-list{
		margin-top: 30px;
	}
	.index-news-list .lbox .box3 .tbox .time{
		margin-right: 10px;
	}
	.index-case .mores, .index-news-more {
		top: 0;
		line-height: 26px;
	}
}
@media screen and (max-width:767px){
	.index-solution{
		padding: 40px 3%;
	}
	.index-solution-box{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.index-solution-box .tbox{
		padding: 40px 25px 35px;
	}
	.index-solution-box .tbox .list {
		width:100%;
	}
	.index-solution-box .tbox .list li {
		float:left;
		margin: 0 10px 10px 0;
	}
	.index-solution-box .tbox .list li:nth-child(2n){
		margin-right: 0;
	}
	.index-solution-box .tbox .list li a {
		line-height: 30px;
		border-radius: 15px;
		padding: 0 10px;
		font-size:14px;
	}
	.index-solution-box .tbox .title{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.index-solution-box .tbox .txt{
		line-height: 20px;
	}
	.index-news{
		padding: 0 10px;
	}
	.index-news .index-box{
		padding: 0 10px;
	}
	.index-news-title{
		font-size: 18px;
	}
	.index-news-more{
		font-size: 14px;
	}
	.index-news-list .lbox .box1{
		margin-bottom: 10px;
	}
	.index-news-list .lbox .box1,
	.index-news-list .lbox .box2,
	.index-news-list .lbox .box3{
		width: 100%;
		margin-right: 0;
	}
	.index-news-list .lbox .box1 .tbox{
		display: flex;
		flex-wrap: wrap;
		padding: 17px 15px;
	}
	.index-news-list .lbox .box1 .tbox .time{
		order: 2;
		font-size: 12px;
		font-weight: initial;
		font-family: Arial;
		display: flex;
		background: none;
		line-height: 25px;
		padding: 0;
		border-bottom: none;
	}
	.index-news-list .lbox .box1 .tbox .time span{
		font-size: 12px;
		display: inline-block;
		order: -1;
		line-height: 25px;
	}
	.index-news-list .lbox .box1 .tbox .titles{
		order: 1;
		margin-top: 0;
		line-height: 22px;
	}
	.index-news-list .lbox .box1 .tbox .txts{
		order: 3;
		font-size: 12px;
		line-height: 18px;
		margin-top: 4px;
	}

	.index-news-list .lbox .box2 .tbox{
		padding: 17px 15px;
		height: auto;
	}
	.index-news-list .lbox .box2 .tbox a{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.index-news-list .lbox .box2 .tbox .time{
		order: 2;
		font-size: 12px;
		font-weight: initial;
		font-family: Arial;
		display: flex;
		background: none;
		line-height: 25px;
		padding: 0;
		border-bottom: none;
	}
	.index-news-list .lbox .box2 .tbox .time span{
		font-size: 12px;
		display: inline-block;
		order: -1;
		line-height: 25px;
	}
	.index-news-list .lbox .box2 .tbox .titles{
		order: 1;
		margin-top: 0;
		line-height: 22px;
	}
	.index-news-list .lbox .box2 .tbox .txts{
		order: 3;
		font-size: 12px;
		line-height: 18px;
		margin-top: 4px;
	}
	.index-news-list .lbox .box3{
		display: none;
	}
}
/*首页-全球海外注册*/
#v-pills-qycj{
    
    max-width: 1280px;
    margin: 0 auto;
    margin-bottom:80px;
}
.global-content-top{
	width: 100%;
	height: 60px;
	color: #000;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}

.global-content-box{
	position:relative;
	width:860px;
	height:440px;
	background-image:url('../images/bg.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-top: 30px;
}
@media screen and (max-width:860px){
    #v-pills-qycj{
        display:none;
    }
}


.global-content-box .location{
	position: absolute;
	background-color:#bd9e68;
	border-radius:6px;
	color:#fff;
	font-size:14px;
	display:inline;
	padding:6px 10px;
	text-align:center;
	cursor: pointer;
}

.global-content-box .location.small{
	transform: scale(0.8);
}
.global-content-box .location:hover{
	background-color:#b06335;
}

.global-content-box .location.small span{
    font-size:18px;
}

.global-content-box .location.small .p-1{
    font-size:18px;
}
.global-content-box .location.small{
    font-size:18px;
}
.global-content-box .location .location-list{
	display:none;
	position: absolute;
	padding:10px 0;
	z-index:99;

}
.global-content-box .location .location-list ul{
	border:1px solid #c8b28e;
	border-radius:6px;
	padding:10px;
	background-color:#fff;
	margin:0;
}
.global-content-box .location .location-list a{
	display:block;
    white-space: nowrap;
	color:#b38d4f;
}

.global-content-box .location:hover .location-list{
	display:block;
}