* {
	outline: 0
}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
	margin: 0;
	padding: 0
}
body, button, input, select, textarea {
	font: 14px/1.8 arial, "times new roman", tahoma, "Microsoft Yahei", "微软雅黑", "Microsoft JhengHei", "微软正黑体", sans-serif;
	color: #666
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400
}
b, cite, code, em, i, small, th {
	font-style: normal
}
ol, ul {
	list-style: none
}
a {
	text-decoration: none;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
	cursor: pointer
}
fieldset, iframe, img {
	border: 0
}
button, input, select, textarea {
	font-size: 100%;
	border-radius: 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	background: 0 0;
	outline: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
th {
	text-align: inherit
}
button, input[type=button], input[type=submit] {
	cursor: pointer
}
 button::-moz-focus-inner, button::-moz-focus-outer, input::-moz-focus-inner, input::-moz-focus-outer {
border:0 none;
padding:0;
margin:0
}
input[type=search] {
	-webkit-appearance: textfield
}
 input:focus::-webkit-input-placeholder {
color:transparent
}
 input::-ms-clear {
display:none
}
textarea {
	resize: vertical;
	overflow-y: auto
}

::-moz-selection {
background:#d76c00;
color:#fff;
text-shadow:none
}
::selection {
	background: #d76c00;
	color: #fff;
	text-shadow: none
}
a:link, a:visited {
	text-decoration: none
}
a:active, a:hover {
	text-decoration: none
}
.clearfix:after, .clearfix:before {
	display: table;
	content: "";
	line-height: 0
}
.clearfix:after {
	clear: both
}
@font-face {
	font-family: futurabtmedium;
	src: url(../other/futurabtmedium.eot);
	src: url(../other/futurabtmedium.eot) format('embedded-opentype'), url(../other/futurabtmedium.woff2) format('woff2'), url(../other/futurabtmedium.woff) format('woff'), url(../other/futurabtmedium.ttf) format('truetype'), url(../other/futurabtmedium.svg#futurabtmedium) format('svg')
}
.ff-1 {
	font-family: futurabtmedium
}
a {
	color: #666
}
.freeTx a {
	color: #000
}
.ly-box {
	position: fixed;
	z-index: 9999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../images/black5.png);
	overflow: hidden
}
.ly-anim {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .6s;
	-moz-transition: .6s;
	transition: .6s
}
.ly-anim .ly-cont {
	-webkit-transform: translateX(10%);
	-moz-transform: translateX(10%);
	-ms-transform: translateX(10%);
	transform: translateX(10%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .6s;
	-moz-transition: .6s;
	transition: .6s
}
.ly-box.show.ly-anim {
	opacity: 1;
	visibility: visible
}
.ly-box.show.ly-anim .ly-cont {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	visibility: visible
}
.ly-cont {
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%
}
 @media screen and (max-width:1024px) {
.ly-cont {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}
}
.header {
	position: fixed;
	z-index: 1010;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.5)
}
.menuBox {
	position: fixed;
	z-index: 1009;
	top: 0;
	right: -320px;
	width: 320px;
	height: 100%;
	background: #e5e5e5;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	display: none
}
.menuBlack {
	position: fixed;
	z-index: 1008;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: url(../images/black5.png);
	display: none
}
.container {
	min-height: 490px;
	overflow: hidden
}
 @media screen and (max-width:1366px) {
.container {
	min-height: 300px
}
}
.pw {
	width: 1200px;
	margin: 0 auto
}
 @media screen and (max-width:1366px) {
.pw {
	width: 1000px
}
}
 @media screen and (max-width:1024px) {
.pw {
	width: 90%
}
}
.tb {
	display: table;
	width: 100%;
	height: 100%
}
.tbc {
	display: table-cell;
	vertical-align: middle
}
.mcv {
	text-align: center;
	line-height: 50px;
	display: none
}
.mcv .sj-b {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
	border-top-width: 6px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
.pnav.show .sj-b {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg)
}
 @media screen and (max-width:861px) {
.mcv {
	display: block
}
}
.splwo span {
	display: block
}
.splwo i {
	display: inline-block
}
.bsz {
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.cover {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../images/black5.png)
}
.bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}
.open {
	overflow: hidden
}
.na {
	cursor: default
}
.pai {
	overflow: hidden;
	position: relative
}
.pai>img {
	display: block;
	position: absolute;
	width: 100%;
	height: 89%;
	-webkit-transition: .6s;
	-moz-transition: .6s;
	transition: .6s
}
.pic, .pic2, .picbox {
	display: block;
	position: relative;
	overflow: hidden
}
.pic>img {
	display: block;
	width: 100%;
	-webkit-transition: .6s;
	-moz-transition: .6s;
	transition: .6s
}
.pic2>img {
	display: block;
	width: 100%
}
.logo {
	display: block
}
.logo>img {
	display: block;
	width: 100%
}
.now {
	white-space: nowrap
}
.nowti {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.4
}
.freeTx {
	overflow: hidden;
	position: relative;
	text-align: justify
}
.freeTx img {
	max-width: 100%;
	vertical-align: bottom;
	height: auto!important
}
.sbar {
	overflow: hidden;
	overflow-y: auto
}
 .sbar::-webkit-scrollbar {
width:6px;
background:#ccc
}
 .sbar::-webkit-scrollbar-thumb {
background:#0891a3
}
.tx {
	overflow: hidden;
	line-height: 24px!important;
	text-align: justify
}
.ch, .name, .ti {
	line-height: 1.4
}
.en {
	line-height: 1
}
.ttu {
	text-transform: uppercase
}
.fwb {
	font-weight: 700
}
.rel {
	position: relative
}
.l {
	float: left
}
.r {
	float: right
}
.tac {
	text-align: center
}
.fsi {
	font-style: italic
}
.bra {
	border-radius: 100%
}
.aw, .ico {
	background-repeat: no-repeat;
	background-position: center top
}
.fixbg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed
}
.fixbg>img {
	display: block;
	width: 100%;
	opacity: 0;
	visibility: hidden
}
 @media screen and (max-width:1024px) {
.fixbg {
	background-attachment: scroll
}
}
.psfixbg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	z-index: -1
}
.fib, .pager {
	text-align: center;
	letter-spacing: -6px
}
.ib, .pager a {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0
}
.ib {
	vertical-align: top
}
.sj {
	width: 0;
	height: 0
}
.sj-t {
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-color: transparent;
	border-left-color: transparent;
	border-left-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 8px
}
.sj-b {
	border-right-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	border-right-color: transparent;
	border-left-color: transparent;
	border-left-width: 4px;
	border-right-width: 4px;
	border-top-width: 8px
}
.sj-r {
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 8px
}
.sj-l {
	border-bottom-style: solid;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-right-width: 8px
}
.banner-box, .pbanner {
	position: relative;
	overflow: hidden
}
.i_g {
	display: block;
	position: absolute;
	top: 0;
	left: -10%;
	width: 110%!important
}
.active .i_g {
	left: -5%;
	-webkit-transition: imgMove 6s .2s linear;
	-moz-transition: imgMove 6s .2s linear;
	transition: imgMove 6s .2s linear
}
 @-webkit-keyframes imgMove {
 0% {
left:-10%
}
 100% {
left:-5%
}
}
 @-moz-keyframes imgMove {
 0% {
left:-10%
}
 100% {
left:-5%
}
}
 @keyframes imgMove {
 0% {
left:-10%
}
 100% {
left:-5%
}
}
.u-slick {
	position: relative;
	overflow: hidden
}
.u-slick .item {
	position: relative;
	overflow: hidden
}
.ol {
	display: block;
	z-index: 9;
	position: absolute;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
.ol-l {
	left: auto;
	right: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	background: #000
}
.ol-v {
	left: 0;
	top: auto;
	bottom: 0;
	height: 0;
	width: 100%;
	background: #000
}
 @media screen and (min-width:1025px) {
.ol-h:hover .ol-l {
	width: 100%;
	left: 0;
	right: auto
}
.ol-h:hover .ol-v {
	height: 100%;
	top: 0;
	bottom: auto
}
}
.fl {
	display: block;
	z-index: 9;
	position: absolute;
	background: #000;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
.fl-b, .fl-t {
	width: 0;
	height: 2px
}
.fl-l, .fl-r {
	height: 0;
	width: 2px
}
.fl-t {
	top: 0;
	left: 0
}
.fl-r {
	top: 0;
	right: 0
}
.fl-b {
	right: 0;
	bottom: 0
}
.fl-l {
	left: 0;
	bottom: 0
}
 @media screen and (min-width:1025px) {
.fl-h:hover .fl-b, .fl-h:hover .fl-t {
	width: 100%
}
.fl-h:hover .fl-l, .fl-h:hover .fl-r {
	height: 100%
}
}
.dl {
	display: block;
	z-index: 9;
	position: absolute;
	background: #000;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
.dl-b, .dl-t {
	width: 0;
	height: 2px
}
.dl-l, .dl-r {
	height: 0;
	width: 2px
}
.dl-l, .dl-t {
	left: 0;
	top: 0
}
.dl-b, .dl-r {
	right: 0;
	bottom: 0
}
 @media screen and (min-width:1025px) {
.dl-h:hover .dl-b, .dl-h:hover .dl-t {
	width: 100%
}
.dl-h:hover .dl-l, .dl-h:hover .dl-r {
	height: 100%
}
}
.bdsharebuttonbox a {
	padding: 0!important;
	margin: 0!important
}
.vwrap {
	display: none;
	z-index: 1040;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0
}
.vwrap .videobtg {
	z-index: 900;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: .8;
	filter: alpha(opacity=80);
	overflow: hidden
}
.vwrap .videobox {
	z-index: 990;
	width: 860px;
	height: 480px;
	background-color: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -240px;
	margin-left: -430px
}
.vwrap .videobox #videobox {
	width: 100%;
	display: inline-block;
	height: 100%;
	background: #80abde
}
#videobox_wrapper {
	height: 100%!important
}
.vwrap .close {
	z-index: 999;
	width: 24px;
	height: 24px;
	cursor: pointer;
	position: absolute;
	top: -28px;
	right: 0
}
.vwrap .close i {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/close1.png) no-repeat 50% 50%;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
.vwrap .close:hover i {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
#videobox_display_button {
	background: none no-repeat!important
}
.jwplayer .jwicon:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
.jwclick, .jwlogo {
	display: none!important
}
 @media screen and (max-width:1024px) {
.vwrap .videobox {
	width: 700px;
	margin-left: -350px
}
}
 @media screen and (max-width:861px) {
.vwrap .videobox {
	width: 100%;
	left: 0;
	margin-left: 0
}
}
 @media screen and (max-width:641px) {
.vwrap .videobox {
	height: 350px;
	margin-top: -175px
}
}
 @media screen and (max-width:481px) {
.vwrap .videobox {
	height: 300px;
	margin-top: -150px
}
}
.popUpblack {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1020;
	background: url(../images/black5.png);
	display: none
}
.popUpblack.show .popUp {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	visibility: visible;
	-webkit-transition: .6s;
	-moz-transition: .6s;
	transition: .6s
}
.popUp {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -126px 0 0 -115px;
	width: 220px;
	height: 242px;
	border: 5px solid #0079c3;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%)
}
.popUp .t {
	padding: 0 10px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	font-weight: 700;
	background: #0079c3;
	overflow: hidden
}
.popUp .t .close {
	float: right;
	cursor: pointer;
	color: #fff;
	font-weight: 400
}
.popUp .img {
	padding: 20px
}
.popUp .img img {
	width: 100%;
	display: block
}
.menu-handler {
	position: fixed;
	z-index: 1012;
	right: 0;
	top: 0;
	width: 60px;
	height: 60px;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
	display: none
}
.menu-handler .burger {
	display: block;
	position: absolute;
	top: 21px;
	left: 50%;
	margin-left: -16px;
	width: 32px;
	height: 4px;
	background: #666;
	-webkit-transition: .8s;
	-moz-transition: .8s;
	transition: .8s
}
.menu-handler .burger-2 {
	top: 28px
}
.menu-handler .burger-3 {
	top: 35px
}
.menu-handler.active .burger-1 {
	top: 28px;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg)
}
.menu-handler.active .burger-2 {
	opacity: 0;
	visibility: hidden;
	left: -100%
}
.menu-handler.active .burger-3 {
	top: 28px;
	-webkit-transform: rotate(-225deg);
	-moz-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	transform: rotate(-225deg)
}
.menuBtn {
	position: absolute;
	z-index: 1012;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	display: none
}
.menuBtn .mb {
	position: relative;
	height: 100%;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.4, .01, .165, .99);
	transition: -webkit-transform .4s cubic-bezier(.4, .01, .165, .99);
	-moz-transition: transform .4s cubic-bezier(.4, .01, .165, .99), -moz-transform .4s cubic-bezier(.4, .01, .165, .99);
	transition: transform .4s cubic-bezier(.4, .01, .165, .99);
	transition: transform .4s cubic-bezier(.4, .01, .165, .99), -webkit-transform .4s cubic-bezier(.4, .01, .165, .99), -moz-transform .4s cubic-bezier(.4, .01, .165, .99);
	transition: transform .4s cubic-bezier(.4, .01, .165, .99), -webkit-transform .4s cubic-bezier(.4, .01, .165, .99)
}
.menuBtn .ml {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99);
	transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99);
	-moz-transition: transform .25s cubic-bezier(.4, .01, .165, .99), -moz-transform .25s cubic-bezier(.4, .01, .165, .99);
	transition: transform .25s cubic-bezier(.4, .01, .165, .99);
	transition: transform .25s cubic-bezier(.4, .01, .165, .99), -webkit-transform .25s cubic-bezier(.4, .01, .165, .99), -moz-transform .25s cubic-bezier(.4, .01, .165, .99);
	transition: transform .25s cubic-bezier(.4, .01, .165, .99), -webkit-transform .25s cubic-bezier(.4, .01, .165, .99)
}
.menuBtn .ml:before {
	content: "";
	position: absolute;
	top: 29px;
	left: 50%;
	margin-left: -9px;
	width: 18px;
	height: 2px;
	background: #fff
}
.menuBtn .ml-1:before {
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
	-webkit-transition: -webkit-transform .2s .2s;
	transition: -webkit-transform .2s .2s;
	-moz-transition: transform .2s .2s, -moz-transform .2s .2s;
	transition: transform .2s .2s;
	transition: transform .2s .2s, -webkit-transform .2s .2s, -moz-transform .2s .2s;
	transition: transform .2s .2s, -webkit-transform .2s .2s
}
.menuBtn .ml-2:before {
	-webkit-transform: translateY(3px);
	-moz-transform: translateY(3px);
	-ms-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	-moz-transition: transform .2s, -moz-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s, -moz-transform .2s;
	transition: transform .2s, -webkit-transform .2s
}
.menuBtn.active .mb {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}
.menuBtn.active .ml {
	-webkit-transition: -webkit-transform .25s .2s cubic-bezier(.4, .01, .165, .99);
	transition: -webkit-transform .25s .2s cubic-bezier(.4, .01, .165, .99);
	-moz-transition: transform .25s .2s cubic-bezier(.4, .01, .165, .99), -moz-transform .25s .2s cubic-bezier(.4, .01, .165, .99);
	transition: transform .25s .2s cubic-bezier(.4, .01, .165, .99);
	transition: transform .25s .2s cubic-bezier(.4, .01, .165, .99), -webkit-transform .25s .2s cubic-bezier(.4, .01, .165, .99), -moz-transform .25s .2s cubic-bezier(.4, .01, .165, .99);
	transition: transform .25s .2s cubic-bezier(.4, .01, .165, .99), -webkit-transform .25s .2s cubic-bezier(.4, .01, .165, .99)
}
.menuBtn.active .ml-1 {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.menuBtn.active .ml-2 {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.menuBtn.active .ml:before {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}
.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}
.slick-list:focus {
	outline: 0
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}
.slick-track:after, .slick-track:before {
	display: table;
	content: ''
}
.slick-track:after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}
[dir=rtl] .slick-slide {
	float: right
}
.slick-slide img {
	display: block
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-arrow.slick-hidden {
	display: none
}
.slick-arrow {
	position: absolute;
	z-index: 101;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	
	font-size: 18px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	font-family: iconfont!important
}
.slick-prev {
	left: 10px
}

.slick-next {
	right: 10px
}
.slick-next:before {
	content: "\e65f"
}
.slick-dots {
	position: absolute;
	z-index: 100;
	left: 0;
	right: 0;
	bottom: 5%;
	text-align: center;
	letter-spacing: -6px;
	line-height: 0
}
.slick-dots li {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #fff;
	margin: 0 6px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}
.slick-dots li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px
}
.slick-dots .slick-active {
	background: #d06301!important
}
 @media screen and (min-width:1025px) {
.slick-arrow:hover {
	background: #d06301
}
.slick-dots li:hover {
	background: #d06301!important
}
}
.cg-w .item.slick-current {
	z-index: 3!important
}
.cg-w .item.prevSlick {
	z-index: 4!important
}
.cg-w .item {
	opacity: 1!important;
	z-index: 2!important
}
.cg-w .item.prevSlick .pic2 {
	-moz-animation: increaseHeight 1.5s forwards;
	animation: increaseHeight 1.5s forwards;
	-webkit-animation: increaseHeight 1.5s forwards
}
.cg-s .slick-current .pic2 img {
	-webkit-animation: scaleUpDown 5s forwards cubic-bezier(.25, .46, .45, .94);
	-moz-animation: scaleUpDown 5s forwards cubic-bezier(.25, .46, .45, .94);
	animation: scaleUpDown 5s forwards cubic-bezier(.25, .46, .45, .94)
}
.igm {
	position: relative;
	top: -5%;
	left: -5%;
	width: 110%!important
}
.cg-m .active .igm {
	-webkit-animation: imgMove 6s linear;
	-moz-animation: imgMove 6s linear;
	animation: imgMove 6s linear
}
 @-webkit-keyframes phoneRotate {
 from, to {
-webkit-transform:none;
transform:none
}
 20% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
 40% {
-webkit-transform:rotate(10deg);
transform:rotate(10deg)
}
 60% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
 80% {
-webkit-transform:rotate(10deg);
transform:rotate(10deg)
}
}
 @-moz-keyframes phoneRotate {
 from, to {
-webkit-transform:none;
-moz-transform:none;
transform:none
}
 20% {
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
transform:rotate(-10deg)
}
 40% {
-webkit-transform:rotate(10deg);
-moz-transform:rotate(10deg);
transform:rotate(10deg)
}
 60% {
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
transform:rotate(-10deg)
}
 80% {
-webkit-transform:rotate(10deg);
-moz-transform:rotate(10deg);
transform:rotate(10deg)
}
}
 @keyframes phoneRotate {
 from, to {
-webkit-transform:none;
-moz-transform:none;
transform:none
}
 20% {
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
transform:rotate(-10deg)
}
 40% {
-webkit-transform:rotate(10deg);
-moz-transform:rotate(10deg);
transform:rotate(10deg)
}
 60% {
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
transform:rotate(-10deg)
}
 80% {
-webkit-transform:rotate(10deg);
-moz-transform:rotate(10deg);
transform:rotate(10deg)
}
}
 @-webkit-keyframes phoneJump {
 from, to {
-webkit-transform:none;
transform:none
}
 50% {
-webkit-transform:translate(0, -7px);
transform:translate(0, -7px)
}
}
 @-moz-keyframes phoneJump {
 from, to {
-webkit-transform:none;
-moz-transform:none;
transform:none
}
 50% {
-webkit-transform:translate(0, -7px);
-moz-transform:translate(0, -7px);
transform:translate(0, -7px)
}
}
 @keyframes phoneJump {
 from, to {
-webkit-transform:none;
-moz-transform:none;
transform:none
}
 50% {
-webkit-transform:translate(0, -7px);
-moz-transform:translate(0, -7px);
transform:translate(0, -7px)
}
}
 @-webkit-keyframes _cyLogoShow {
 0% {
background:-webkit-linear-gradient(330deg, transparent -15%, rgba(255,255,255,.5), transparent 15%);
background:linear-gradient(120deg, transparent -15%, rgba(255,255,255,.5), transparent 15%)
}
 10% {
background:-webkit-linear-gradient(330deg, transparent -5%, rgba(255,255,255,.5), transparent 25%);
background:linear-gradient(120deg, transparent -5%, rgba(255,255,255,.5), transparent 25%)
}
 20% {
background:-webkit-linear-gradient(330deg, transparent 5%, rgba(255,255,255,.5), transparent 35%);
background:linear-gradient(120deg, transparent 5%, rgba(255,255,255,.5), transparent 35%)
}
 30% {
background:-webkit-linear-gradient(330deg, transparent 15%, rgba(255,255,255,.5), transparent 45%);
background:linear-gradient(120deg, transparent 15%, rgba(255,255,255,.5), transparent 45%)
}
 40% {
background:-webkit-linear-gradient(330deg, transparent 25%, rgba(255,255,255,.5), transparent 55%);
background:linear-gradient(120deg, transparent 25%, rgba(255,255,255,.5), transparent 55%)
}
 50% {
background:-webkit-linear-gradient(330deg, transparent 35%, rgba(255,255,255,.5), transparent 65%);
background:linear-gradient(120deg, transparent 35%, rgba(255,255,255,.5), transparent 65%)
}
 60% {
background:-webkit-linear-gradient(330deg, transparent 45%, rgba(255,255,255,.5), transparent 75%);
background:linear-gradient(120deg, transparent 45%, rgba(255,255,255,.5), transparent 75%)
}
 70% {
background:-webkit-linear-gradient(330deg, transparent 55%, rgba(255,255,255,.5), transparent 85%);
background:linear-gradient(120deg, transparent 55%, rgba(255,255,255,.5), transparent 85%)
}
 80% {
background:-webkit-linear-gradient(330deg, transparent 65%, rgba(255,255,255,.5), transparent 95%);
background:linear-gradient(120deg, transparent 65%, rgba(255,255,255,.5), transparent 95%)
}
 90% {
background:-webkit-linear-gradient(330deg, transparent 75%, rgba(255,255,255,.5), transparent 105%);
background:linear-gradient(120deg, transparent 75%, rgba(255,255,255,.5), transparent 105%)
}
 100% {
background:-webkit-linear-gradient(330deg, transparent 85%, rgba(255,255,255,.5), transparent 115%);
background:linear-gradient(120deg, transparent 85%, rgba(255,255,255,.5), transparent 115%)
}
}
 @-moz-keyframes _cyLogoShow {
 0% {
background:-moz-linear-gradient(330deg, transparent -15%, rgba(255,255,255,.5), transparent 15%);
background:linear-gradient(120deg, transparent -15%, rgba(255,255,255,.5), transparent 15%)
}
 10% {
background:-moz-linear-gradient(330deg, transparent -5%, rgba(255,255,255,.5), transparent 25%);
background:linear-gradient(120deg, transparent -5%, rgba(255,255,255,.5), transparent 25%)
}
 20% {
background:-moz-linear-gradient(330deg, transparent 5%, rgba(255,255,255,.5), transparent 35%);
background:linear-gradient(120deg, transparent 5%, rgba(255,255,255,.5), transparent 35%)
}
 30% {
background:-moz-linear-gradient(330deg, transparent 15%, rgba(255,255,255,.5), transparent 45%);
background:linear-gradient(120deg, transparent 15%, rgba(255,255,255,.5), transparent 45%)
}
 40% {
background:-moz-linear-gradient(330deg, transparent 25%, rgba(255,255,255,.5), transparent 55%);
background:linear-gradient(120deg, transparent 25%, rgba(255,255,255,.5), transparent 55%)
}
 50% {
background:-moz-linear-gradient(330deg, transparent 35%, rgba(255,255,255,.5), transparent 65%);
background:linear-gradient(120deg, transparent 35%, rgba(255,255,255,.5), transparent 65%)
}
 60% {
background:-moz-linear-gradient(330deg, transparent 45%, rgba(255,255,255,.5), transparent 75%);
background:linear-gradient(120deg, transparent 45%, rgba(255,255,255,.5), transparent 75%)
}
 70% {
background:-moz-linear-gradient(330deg, transparent 55%, rgba(255,255,255,.5), transparent 85%);
background:linear-gradient(120deg, transparent 55%, rgba(255,255,255,.5), transparent 85%)
}
 80% {
background:-moz-linear-gradient(330deg, transparent 65%, rgba(255,255,255,.5), transparent 95%);
background:linear-gradient(120deg, transparent 65%, rgba(255,255,255,.5), transparent 95%)
}
 90% {
background:-moz-linear-gradient(330deg, transparent 75%, rgba(255,255,255,.5), transparent 105%);
background:linear-gradient(120deg, transparent 75%, rgba(255,255,255,.5), transparent 105%)
}
 100% {
background:-moz-linear-gradient(330deg, transparent 85%, rgba(255,255,255,.5), transparent 115%);
background:linear-gradient(120deg, transparent 85%, rgba(255,255,255,.5), transparent 115%)
}
}
 @keyframes _cyLogoShow {
 0% {
background:-webkit-linear-gradient(330deg, transparent -15%, rgba(255,255,255,.5), transparent 15%);
background:-moz-linear-gradient(330deg, transparent -15%, rgba(255,255,255,.5), transparent 15%);
background:linear-gradient(120deg, transparent -15%, rgba(255,255,255,.5), transparent 15%)
}
 10% {
background:-webkit-linear-gradient(330deg, transparent -5%, rgba(255,255,255,.5), transparent 25%);
background:-moz-linear-gradient(330deg, transparent -5%, rgba(255,255,255,.5), transparent 25%);
background:linear-gradient(120deg, transparent -5%, rgba(255,255,255,.5), transparent 25%)
}
 20% {
background:-webkit-linear-gradient(330deg, transparent 5%, rgba(255,255,255,.5), transparent 35%);
background:-moz-linear-gradient(330deg, transparent 5%, rgba(255,255,255,.5), transparent 35%);
background:linear-gradient(120deg, transparent 5%, rgba(255,255,255,.5), transparent 35%)
}
 30% {
background:-webkit-linear-gradient(330deg, transparent 15%, rgba(255,255,255,.5), transparent 45%);
background:-moz-linear-gradient(330deg, transparent 15%, rgba(255,255,255,.5), transparent 45%);
background:linear-gradient(120deg, transparent 15%, rgba(255,255,255,.5), transparent 45%)
}
 40% {
background:-webkit-linear-gradient(330deg, transparent 25%, rgba(255,255,255,.5), transparent 55%);
background:-moz-linear-gradient(330deg, transparent 25%, rgba(255,255,255,.5), transparent 55%);
background:linear-gradient(120deg, transparent 25%, rgba(255,255,255,.5), transparent 55%)
}
 50% {
background:-webkit-linear-gradient(330deg, transparent 35%, rgba(255,255,255,.5), transparent 65%);
background:-moz-linear-gradient(330deg, transparent 35%, rgba(255,255,255,.5), transparent 65%);
background:linear-gradient(120deg, transparent 35%, rgba(255,255,255,.5), transparent 65%)
}
 60% {
background:-webkit-linear-gradient(330deg, transparent 45%, rgba(255,255,255,.5), transparent 75%);
background:-moz-linear-gradient(330deg, transparent 45%, rgba(255,255,255,.5), transparent 75%);
background:linear-gradient(120deg, transparent 45%, rgba(255,255,255,.5), transparent 75%)
}
 70% {
background:-webkit-linear-gradient(330deg, transparent 55%, rgba(255,255,255,.5), transparent 85%);
background:-moz-linear-gradient(330deg, transparent 55%, rgba(255,255,255,.5), transparent 85%);
background:linear-gradient(120deg, transparent 55%, rgba(255,255,255,.5), transparent 85%)
}
 80% {
background:-webkit-linear-gradient(330deg, transparent 65%, rgba(255,255,255,.5), transparent 95%);
background:-moz-linear-gradient(330deg, transparent 65%, rgba(255,255,255,.5), transparent 95%);
background:linear-gradient(120deg, transparent 65%, rgba(255,255,255,.5), transparent 95%)
}
 90% {
background:-webkit-linear-gradient(330deg, transparent 75%, rgba(255,255,255,.5), transparent 105%);
background:-moz-linear-gradient(330deg, transparent 75%, rgba(255,255,255,.5), transparent 105%);
background:linear-gradient(120deg, transparent 75%, rgba(255,255,255,.5), transparent 105%)
}
 100% {
background:-webkit-linear-gradient(330deg, transparent 85%, rgba(255,255,255,.5), transparent 115%);
background:-moz-linear-gradient(330deg, transparent 85%, rgba(255,255,255,.5), transparent 115%);
background:linear-gradient(120deg, transparent 85%, rgba(255,255,255,.5), transparent 115%)
}
}
 @-webkit-keyframes logoShow {
 from, to {
-webkit-transform:scale(1, 1);
transform:scale(1, 1)
}
 25% {
-webkit-transform:scale(.9, 1.1);
transform:scale(.9, 1.1)
}
 50% {
-webkit-transform:scale(1.1, .9);
transform:scale(1.1, .9)
}
 75% {
-webkit-transform:scale(.95, 1.05);
transform:scale(.95, 1.05)
}
}
 @-moz-keyframes logoShow {
 from, to {
-webkit-transform:scale(1, 1);
-moz-transform:scale(1, 1);
transform:scale(1, 1)
}
 25% {
-webkit-transform:scale(.9, 1.1);
-moz-transform:scale(.9, 1.1);
transform:scale(.9, 1.1)
}
 50% {
-webkit-transform:scale(1.1, .9);
-moz-transform:scale(1.1, .9);
transform:scale(1.1, .9)
}
 75% {
-webkit-transform:scale(.95, 1.05);
-moz-transform:scale(.95, 1.05);
transform:scale(.95, 1.05)
}
}
 @keyframes logoShow {
 from, to {
-webkit-transform:scale(1, 1);
-moz-transform:scale(1, 1);
transform:scale(1, 1)
}
 25% {
-webkit-transform:scale(.9, 1.1);
-moz-transform:scale(.9, 1.1);
transform:scale(.9, 1.1)
}
 50% {
-webkit-transform:scale(1.1, .9);
-moz-transform:scale(1.1, .9);
transform:scale(1.1, .9)
}
 75% {
-webkit-transform:scale(.95, 1.05);
-moz-transform:scale(.95, 1.05);
transform:scale(.95, 1.05)
}
}
 @-webkit-keyframes scaleUpDown {
 from {
-webkit-transform:scale(1.08);
transform:scale(1.08)
}
to {
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
 @-moz-keyframes scaleUpDown {
 from {
-webkit-transform:scale(1.08);
-moz-transform:scale(1.08);
transform:scale(1.08)
}
to {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}
}
 @keyframes scaleUpDown {
 from {
-webkit-transform:scale(1.08);
-moz-transform:scale(1.08);
transform:scale(1.08)
}
to {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}
}
 @-webkit-keyframes fadeInUp {
 from {
opacity:0;
-webkit-transform:translate3d(0, 60px, 0);
transform:translate3d(0, 60px, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
 @-moz-keyframes fadeInUp {
 from {
opacity:0;
-moz-transform:translate3d(0, 60px, 0);
transform:translate3d(0, 60px, 0)
}
to {
	opacity: 1;
	-moz-transform: none;
	transform: none
}
}
 @keyframes fadeInUp {
 from {
opacity:0;
-webkit-transform:translate3d(0, 60px, 0);
-moz-transform:translate3d(0, 60px, 0);
transform:translate3d(0, 60px, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}
}
 @-webkit-keyframes lightSpeedIn {
 from {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
 60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
 80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
to {
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
 @-moz-keyframes lightSpeedIn {
 from {
-moz-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
 60% {
-moz-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
 80% {
-moz-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
to {
	-moz-transform: none;
	transform: none;
	opacity: 1
}
}
 @keyframes lightSpeedIn {
 from {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
-moz-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
 60% {
-webkit-transform:skewX(20deg);
-moz-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
 80% {
-webkit-transform:skewX(-5deg);
-moz-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
to {
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
	opacity: 1
}
}
 @-webkit-keyframes fadeInDown {
 from {
opacity:0;
-webkit-transform:translate3d(0, -60px, 0);
transform:translate3d(0, -60px, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
 @-moz-keyframes fadeInDown {
 from {
opacity:0;
-moz-transform:translate3d(0, -60px, 0);
transform:translate3d(0, -60px, 0)
}
to {
	opacity: 1;
	-moz-transform: none;
	transform: none
}
}
 @keyframes fadeInDown {
 from {
opacity:0;
-webkit-transform:translate3d(0, -60px, 0);
-moz-transform:translate3d(0, -60px, 0);
transform:translate3d(0, -60px, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}
}
 @-webkit-keyframes fadeInRight {
 from {
opacity:0;
-webkit-transform:translate3d(60px, 0, 0);
transform:translate3d(60px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
 @-moz-keyframes fadeInRight {
 from {
opacity:0;
-moz-transform:translate3d(60px, 0, 0);
transform:translate3d(60px, 0, 0)
}
to {
	opacity: 1;
	-moz-transform: none;
	transform: none
}
}
 @keyframes fadeInRight {
 from {
opacity:0;
-webkit-transform:translate3d(60px, 0, 0);
-moz-transform:translate3d(60px, 0, 0);
transform:translate3d(60px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}
}
 @-webkit-keyframes fadeInLeft {
 from {
opacity:0;
-webkit-transform:translate3d(-60px, 0, 0);
transform:translate3d(-60px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
 @-moz-keyframes fadeInLeft {
 from {
opacity:0;
-moz-transform:translate3d(-60px, 0, 0);
transform:translate3d(-60px, 0, 0)
}
to {
	opacity: 1;
	-moz-transform: none;
	transform: none
}
}
 @keyframes fadeInLeft {
 from {
opacity:0;
-webkit-transform:translate3d(-60px, 0, 0);
-moz-transform:translate3d(-60px, 0, 0);
transform:translate3d(-60px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none
}
}
 @-webkit-keyframes reveal-v {
 0% {
-webkit-transform:scaleY(0);
transform:scaleY(0)
}
 50% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:0 0 0;
transform-origin:0 0 0
}
 51% {
-webkit-transform-origin:50% 100% 0;
transform-origin:50% 100% 0
}
 100% {
-webkit-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:50% 100% 0;
transform-origin:50% 100% 0
}
}
 @-moz-keyframes reveal-v {
 0% {
-moz-transform:scaleY(0);
transform:scaleY(0)
}
 50% {
-moz-transform:scaleY(1);
transform:scaleY(1);
-moz-transform-origin:0 0 0;
transform-origin:0 0 0
}
 51% {
-moz-transform-origin:50% 100% 0;
transform-origin:50% 100% 0
}
 100% {
-moz-transform:scaleY(0);
transform:scaleY(0);
-moz-transform-origin:50% 100% 0;
transform-origin:50% 100% 0
}
}
 @keyframes reveal-v {
 0% {
-webkit-transform:scaleY(0);
-moz-transform:scaleY(0);
transform:scaleY(0)
}
 50% {
-webkit-transform:scaleY(1);
-moz-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:0 0 0;
-moz-transform-origin:0 0 0;
transform-origin:0 0 0
}
 51% {
-webkit-transform-origin:50% 100% 0;
-moz-transform-origin:50% 100% 0;
transform-origin:50% 100% 0
}
 100% {
-webkit-transform:scaleY(0);
-moz-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:50% 100% 0;
-moz-transform-origin:50% 100% 0;
transform-origin:50% 100% 0
}
}
 @-webkit-keyframes reveal-l {
 0% {
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
 50% {
-webkit-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:0 0 0;
transform-origin:0 0 0
}
 51% {
-webkit-transform-origin:100% 50% 0;
transform-origin:100% 50% 0
}
 100% {
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:100% 50% 0;
transform-origin:100% 50% 0
}
}
 @-moz-keyframes reveal-l {
 0% {
-moz-transform:scaleX(0);
transform:scaleX(0)
}
 50% {
-moz-transform:scaleX(1);
transform:scaleX(1);
-moz-transform-origin:0 0 0;
transform-origin:0 0 0
}
 51% {
-moz-transform-origin:100% 50% 0;
transform-origin:100% 50% 0
}
 100% {
-moz-transform:scaleX(0);
transform:scaleX(0);
-moz-transform-origin:100% 50% 0;
transform-origin:100% 50% 0
}
}
 @keyframes reveal-l {
 0% {
-webkit-transform:scaleX(0);
-moz-transform:scaleX(0);
transform:scaleX(0)
}
 50% {
-webkit-transform:scaleX(1);
-moz-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:0 0 0;
-moz-transform-origin:0 0 0;
transform-origin:0 0 0
}
 51% {
-webkit-transform-origin:100% 50% 0;
-moz-transform-origin:100% 50% 0;
transform-origin:100% 50% 0
}
 100% {
-webkit-transform:scaleX(0);
-moz-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:100% 50% 0;
-moz-transform-origin:100% 50% 0;
transform-origin:100% 50% 0
}
}
 @-webkit-keyframes hide-lr {
 0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
 100% {
opacity:0;
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
}
 @-moz-keyframes hide-lr {
 0% {
opacity:1;
-moz-transform:translateX(0);
transform:translateX(0)
}
 100% {
opacity:0;
-moz-transform:translateX(30px);
transform:translateX(30px)
}
}
 @keyframes hide-lr {
 0% {
opacity:1;
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
transform:translateX(0)
}
 100% {
opacity:0;
-webkit-transform:translateX(30px);
-moz-transform:translateX(30px);
transform:translateX(30px)
}
}
 @-webkit-keyframes hide-dt {
 0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
 100% {
opacity:0;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
}
 @-moz-keyframes hide-dt {
 0% {
opacity:1;
-moz-transform:translateY(0);
transform:translateY(0)
}
 100% {
opacity:0;
-moz-transform:translateY(30px);
transform:translateY(30px)
}
}
 @keyframes hide-dt {
 0% {
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
transform:translateY(0)
}
 100% {
opacity:0;
-webkit-transform:translateY(30px);
-moz-transform:translateY(30px);
transform:translateY(30px)
}
}
 @-webkit-keyframes hide-dt-f {
 0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
 100% {
opacity:0;
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
}
 @-moz-keyframes hide-dt-f {
 0% {
opacity:1;
-moz-transform:translateY(0);
transform:translateY(0)
}
 100% {
opacity:0;
-moz-transform:translateY(-30px);
transform:translateY(-30px)
}
}
 @keyframes hide-dt-f {
 0% {
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
transform:translateY(0)
}
 100% {
opacity:0;
-webkit-transform:translateY(-30px);
-moz-transform:translateY(-30px);
transform:translateY(-30px)
}
}
 @-webkit-keyframes increaseHeight {
 from {
width:100%
}
to {
	width: 0
}
}
 @-moz-keyframes increaseHeight {
 from {
width:100%
}
to {
	width: 0
}
}
 @keyframes increaseHeight {
 from {
width:100%
}
to {
	width: 0
}
}
 @-webkit-keyframes tbfade {
 0% {
-webkit-transform:translateY(-10%);
transform:translateY(-10%);
opacity:1
}
 100% {
-webkit-transform:translateY(10%);
transform:translateY(10%);
opacity:0
}
}
 @-moz-keyframes tbfade {
 0% {
-moz-transform:translateY(-10%);
transform:translateY(-10%);
opacity:1
}
 100% {
-moz-transform:translateY(10%);
transform:translateY(10%);
opacity:0
}
}
 @keyframes tbfade {
 0% {
-webkit-transform:translateY(-10%);
-moz-transform:translateY(-10%);
transform:translateY(-10%);
opacity:1
}
 100% {
-webkit-transform:translateY(10%);
-moz-transform:translateY(10%);
transform:translateY(10%);
opacity:0
}
}
 @media screen and (min-width:1025px) {
.scapic:hover img {
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}
.transY {
	-webkit-transform: translateY(60px);
	-moz-transform: translateY(60px);
	-ms-transform: translateY(60px);
	transform: translateY(60px);
	opacity: 0;
	visibility: hidden
}
.transYF {
	-webkit-transform: translateY(-60px);
	-moz-transform: translateY(-60px);
	-ms-transform: translateY(-60px);
	transform: translateY(-60px);
	opacity: 0;
	visibility: hidden
}
.transX {
	-webkit-transform: translateX(60px);
	-moz-transform: translateX(60px);
	-ms-transform: translateX(60px);
	transform: translateX(60px);
	opacity: 0;
	visibility: hidden
}
.transXF {
	-webkit-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	-ms-transform: translateX(-60px);
	transform: translateX(-60px);
	opacity: 0;
	visibility: hidden
}
.active .transX, .active .transXF, .active .transY, .active .transYF {
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
	opacity: 1;
	visibility: visible
}
.trans {
	-webkit-transition: .7s ease-out;
	-moz-transition: .7s ease-out;
	transition: .7s ease-out
}
.dly-1 {
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	transition-delay: .1s
}
.dly-2 {
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	transition-delay: .2s
}
.dly-3 {
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	transition-delay: .3s
}
.dly-4 {
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	transition-delay: .4s
}
.dly-5 {
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	transition-delay: .5s
}
.dly-6 {
	-webkit-transition-delay: .6s;
	-moz-transition-delay: .6s;
	transition-delay: .6s
}
.dly-7 {
	-webkit-transition-delay: .7s;
	-moz-transition-delay: .7s;
	transition-delay: .7s
}
.dly-8 {
	-webkit-transition-delay: .8s;
	-moz-transition-delay: .8s;
	transition-delay: .8s
}
.am-fid, .am-fil, .am-fir, .am-fiu, .am-lsi {
	opacity: 0
}
.active .am-lsi {
	-webkit-animation: lightSpeedIn .8s both;
	-moz-animation: lightSpeedIn .8s both;
	animation: lightSpeedIn .8s both
}
.active .am-fiu {
	-webkit-animation: fadeInUp .8s both;
	-moz-animation: fadeInUp .8s both;
	animation: fadeInUp .8s both
}
.active .am-fid {
	-webkit-animation: fadeInDown .8s both;
	-moz-animation: fadeInDown .8s both;
	animation: fadeInDown .8s both
}
.active .am-fir {
	-webkit-animation: fadeInRight .8s both;
	-moz-animation: fadeInRight .8s both;
	animation: fadeInRight .8s both
}
.active .am-fil {
	-webkit-animation: fadeInLeft .8s both;
	-moz-animation: fadeInLeft .8s both;
	animation: fadeInLeft .8s both
}
.active .am-rvv {
	position: relative
}
.active .am-rvv:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 0 0 0;
	-moz-transform-origin: 0 0 0;
	-ms-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	-webkit-animation: reveal-v 2s .2s cubic-bezier(0, 0, .2, 1) both;
	-moz-animation: reveal-v 2s .2s cubic-bezier(0, 0, .2, 1) both;
	animation: reveal-v 2s .2s cubic-bezier(0, 0, .2, 1) both
}
.active .am-rvl {
	position: relative
}
.active .am-rvl:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 0 0;
	-moz-transform-origin: 0 0 0;
	-ms-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	-webkit-animation: reveal-l 2s .2s cubic-bezier(0, 0, .2, 1) both;
	-moz-animation: reveal-l 2s .2s cubic-bezier(0, 0, .2, 1) both;
	animation: reveal-l 2s .2s cubic-bezier(0, 0, .2, 1) both
}
.active .am-delay-1 {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	animation-delay: .1s
}
.active .am-delay-2 {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	animation-delay: .2s
}
.active .am-delay-3 {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	animation-delay: .3s
}
.active .am-delay-4 {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	animation-delay: .4s
}
.active .am-delay-5 {
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	animation-delay: .5s
}
.active .am-delay-6 {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	animation-delay: .6s
}
.active .am-delay-7 {
	-webkit-animation-delay: .7s;
	-moz-animation-delay: .7s;
	animation-delay: .7s
}
.active .am-delay-8 {
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	animation-delay: .8s
}
.active .am-delay-9 {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	animation-delay: .9s
}
.active .am-delay-10 {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s
}
.active .am-delay-11 {
	-webkit-animation-delay: 1.1s;
	-moz-animation-delay: 1.1s;
	animation-delay: 1.1s
}
.active .am-delay-12 {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	animation-delay: 1.2s
}
}
.bubbly-button:after, .bubbly-button:before {
	position: absolute;
	content: "";
	display: block;
	width: 140%;
	height: 100%;
	left: -20%;
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
	transition: all ease-in-out .5s;
	background-repeat: no-repeat
}
.bubbly-button:before {
	display: none;
	top: -75%;
	background-image: -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, transparent 20%, #0079c3 20%, transparent 30%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, transparent 10%, #0079c3 15%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%);
	background-image: -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, transparent 20%, #0079c3 20%, transparent 30%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, transparent 10%, #0079c3 15%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%);
	background-image: radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, transparent 20%, #0079c3 20%, transparent 30%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, transparent 10%, #0079c3 15%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%);
	background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%
}
.bubbly-button:after {
	display: none;
	bottom: -75%;
	background-image: -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, transparent 10%, #0079c3 15%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%);
	background-image: -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, transparent 10%, #0079c3 15%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%);
	background-image: radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, transparent 10%, #0079c3 15%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%);
	background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%
}
 @-webkit-keyframes topBubbles {
 0% {
background-position:5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%
}
 50% {
background-position:0 80%, 0 20%, 10% 40%, 20% 0, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%
}
 100% {
background-position:0 70%, 0 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
background-size:0 0, 0 0, 0 0, 0 0, 0 0, 0 0
}
}
 @-moz-keyframes topBubbles {
 0% {
background-position:5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%
}
 50% {
background-position:0 80%, 0 20%, 10% 40%, 20% 0, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%
}
 100% {
background-position:0 70%, 0 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
background-size:0 0, 0 0, 0 0, 0 0, 0 0, 0 0
}
}
 @keyframes topBubbles {
 0% {
background-position:5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%
}
 50% {
background-position:0 80%, 0 20%, 10% 40%, 20% 0, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%
}
 100% {
background-position:0 70%, 0 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
background-size:0 0, 0 0, 0 0, 0 0, 0 0, 0 0
}
}
 @-webkit-keyframes bottomBubbles {
 0% {
background-position:10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0
}
 50% {
background-position:0 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0
}
 100% {
background-position:0 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
background-size:0 0, 0 0, 0 0, 0 0, 0 0, 0 0
}
}
 @-moz-keyframes bottomBubbles {
 0% {
background-position:10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0
}
 50% {
background-position:0 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0
}
 100% {
background-position:0 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
background-size:0 0, 0 0, 0 0, 0 0, 0 0, 0 0
}
}
 @keyframes bottomBubbles {
 0% {
background-position:10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0
}
 50% {
background-position:0 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0
}
 100% {
background-position:0 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
background-size:0 0, 0 0, 0 0, 0 0, 0 0, 0 0
}
}
 @media screen and (min-width:1025px) {
.bubbly-button:hover:before {
	display: block;
	-webkit-animation: topBubbles ease-in-out .75s forwards;
	-moz-animation: topBubbles ease-in-out .75s forwards;
	animation: topBubbles ease-in-out .75s forwards
}
.bubbly-button:hover:after {
	display: block;
	-webkit-animation: bottomBubbles ease-in-out .75s forwards;
	-moz-animation: bottomBubbles ease-in-out .75s forwards;
	animation: bottomBubbles ease-in-out .75s forwards
}
}
.friendship-link {
	position: relative;
	z-index: 99;
	width: 370px
}
.friendship-link .s {
	position: relative;
	background: #4d4d4d;
	height: 54px;
	padding: 0 60px 0 30px;
	line-height: 54px;
	overflow: hidden;
	cursor: pointer
}
.friendship-link .sj-t {
	display: block;
	position: absolute;
	right: 35px;
	top: 50%;
	margin-top: -3px;
	border-right-width: 6px;
	border-left-width: 6px;
	border-bottom-width: 6px;
	color: #fff
}
.friendship-link .k {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	background: #4d4d4d;
	overflow: hidden;
	display: none
}
.friendship-link .g {
	max-height: 300px;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}
.friendship-link .nowti {
	display: block;
	margin: 0 30px;
	line-height: 30px
}
.friendship-link.act .sj-t {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
 @-webkit-keyframes zoomIn {
 0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
 50% {
opacity:1
}
}
 @-moz-keyframes zoomIn {
 0% {
opacity:0;
-moz-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
 50% {
opacity:1
}
}
 @keyframes zoomIn {
 0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
-moz-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
 50% {
opacity:1
}
}
.active .zoomIn i {
	-webkit-animation: zoomIn .8s both;
	-moz-animation: zoomIn .8s both;
	animation: zoomIn .8s both
}
.pswp {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	z-index: 1500;
	-webkit-text-size-adjust: 100%;
	-webkit-backface-visibility: hidden;
	outline: 0
}
.pswp * {
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.pswp img {
	max-width: none
}
.pswp--animate_opacity {
	opacity: .001;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
	-moz-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--open {
	display: block
}
.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}
.pswp--zoomed-in .pswp__img {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab
}
.pswp--dragging .pswp__img {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing
}
.pswp__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	will-change: opacity
}
.pswp__scroll-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.pswp__container, .pswp__zoom-wrap {
	-ms-touch-action: none;
	touch-action: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}
.pswp__container, .pswp__img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}
.pswp__zoom-wrap {
	position: absolute;
	width: 100%;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	-moz-transform-origin: left top;
	transform-origin: left top;
	-webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
	transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
	-moz-transition: transform 333ms cubic-bezier(.4, 0, .22, 1), -moz-transform 333ms cubic-bezier(.4, 0, .22, 1);
	transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
	transition: transform 333ms cubic-bezier(.4, 0, .22, 1), -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1), -moz-transform 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp__bg {
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
	-moz-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none
}
.pswp__container, .pswp__zoom-wrap {
	-webkit-backface-visibility: hidden
}
.pswp__item {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden
}
.pswp__img {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	left: 0
}
.pswp__img--placeholder {
	-webkit-backface-visibility: hidden
}
.pswp__img--placeholder--blank {
	background: #222
}
.pswp--ie .pswp__img {
	width: 100%!important;
	height: auto!important;
	left: 0;
	top: 0
}
.pswp__error-msg {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	margin-top: -8px;
	color: #ccc
}
.pswp__error-msg a {
	color: #ccc;
	text-decoration: underline
}
.pswp__button {
	width: 44px;
	height: 44px;
	position: relative;
	background: 0 0;
	cursor: pointer;
	overflow: visible;
	-webkit-appearance: none;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	opacity: .75;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	transition: opacity .2s;
	box-shadow: none
}
.pswp__button:focus, .pswp__button:hover {
	opacity: 1
}
.pswp__button:active {
	outline: 0;
	opacity: .9
}
 .pswp__button::-moz-focus-inner {
padding:0;
border:0
}
.pswp__ui--over-close .pswp__button--close {
	opacity: 1
}
.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
	background: url(../images/default-skin.png) 0 0 no-repeat;
	background-size: 264px 88px;
	width: 44px;
	height: 44px
}
 @media (-webkit-min-device-pixel-ratio:1.1), (-webkit-min-device-pixel-ratio:1.09375), (min-resolution:105dpi), (min-resolution:1.1dppx) {
 .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
background-image:url(../other/default-skin.svg)
}
 .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
background:0 0
}
}
.pswp__button--close {
	background-position: 0 -44px
}
.pswp__button--share {
	background-position: -44px -44px
}
.pswp__button--fs {
	display: none
}
.pswp--supports-fs .pswp__button--fs {
	display: block
}
.pswp--fs .pswp__button--fs {
	background-position: -44px 0
}
.pswp__button--zoom {
	display: none;
	background-position: -88px 0
}
.pswp--zoom-allowed .pswp__button--zoom {
	display: block
}
.pswp--zoomed-in .pswp__button--zoom {
	background-position: -132px 0
}
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
	visibility: hidden
}
.pswp__button--arrow--left, .pswp__button--arrow--right {
	background: 0 0;
	top: 50%;
	margin-top: -50px;
	width: 70px;
	height: 100px;
	position: absolute
}
.pswp__button--arrow--left {
	left: 0
}
.pswp__button--arrow--right {
	right: 0
}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
	content: '';
	top: 35px;
	background-color: rgba(0,0,0,.3);
	height: 30px;
	width: 32px;
	position: absolute
}
.pswp__button--arrow--left:before {
	left: 6px;
	background-position: -138px -44px
}
.pswp__button--arrow--right:before {
	right: 6px;
	background-position: -94px -44px
}
.pswp__counter, .pswp__share-modal {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.pswp__share-modal {
	display: block;
	background: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px;
	position: absolute;
	z-index: 1600;
	opacity: 0;
	-webkit-transition: opacity .25s ease-out;
	-moz-transition: opacity .25s ease-out;
	transition: opacity .25s ease-out;
	-webkit-backface-visibility: hidden;
	will-change: opacity
}
.pswp__share-modal--hidden {
	display: none
}
.pswp__share-tooltip {
	z-index: 1620;
	position: absolute;
	background: #fff;
	top: 56px;
	border-radius: 2px;
	display: block;
	width: auto;
	right: 44px;
	box-shadow: 0 2px 5px rgba(0,0,0,.25);
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	-moz-transform: translateY(6px);
	transform: translateY(6px);
	-webkit-transition: -webkit-transform .25s;
	transition: -webkit-transform .25s;
	-moz-transition: transform .25s, -moz-transform .25s;
	transition: transform .25s;
	transition: transform .25s, -webkit-transform .25s, -moz-transform .25s;
	-webkit-backface-visibility: hidden;
	will-change: transform
}
.pswp__share-tooltip a {
	display: block;
	padding: 8px 12px;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px
}
.pswp__share-tooltip a:hover {
	text-decoration: none;
	color: #000
}
.pswp__share-tooltip a:first-child {
	border-radius: 2px 2px 0 0
}
.pswp__share-tooltip a:last-child {
	border-radius: 0 0 2px 2px
}
.pswp__share-modal--fade-in {
	opacity: 1
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0)
}
.pswp--touch .pswp__share-tooltip a {
	padding: 16px 12px
}
a.pswp__share--facebook:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -12px;
	right: 15px;
	border: 6px solid transparent;
	border-bottom-color: #fff;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none
}
a.pswp__share--facebook:hover {
	background: #3e5c9a;
	color: #fff
}
a.pswp__share--facebook:hover:before {
	border-bottom-color: #3e5c9a
}
a.pswp__share--twitter:hover {
	background: #55acee;
	color: #fff
}
a.pswp__share--pinterest:hover {
	background: #ccc;
	color: #ce272d
}
a.pswp__share--download:hover {
	background: #ddd
}
.pswp__counter {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	font-size: 13px;
	line-height: 44px;
	color: #fff;
	opacity: .75;
	padding: 0 10px
}
.pswp__caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 44px
}
.pswp__caption small {
	font-size: 11px;
	color: #bbb
}
.pswp__caption__center {
	text-align: left;
	max-width: 420px;
	margin: 0 auto;
	font-size: 13px;
	padding: 10px;
	line-height: 20px;
	color: #ccc
}
.pswp__caption--empty {
	display: none
}
.pswp__caption--fake {
	visibility: hidden
}
.pswp__preloader {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -22px;
	opacity: 0;
	-webkit-transition: opacity .25s ease-out;
	-moz-transition: opacity .25s ease-out;
	transition: opacity .25s ease-out;
	will-change: opacity;
	direction: ltr
}
.pswp__preloader__icn {
	width: 20px;
	height: 20px;
	margin: 12px
}
.pswp__preloader--active {
	opacity: 1
}
.pswp__preloader--active .pswp__preloader__icn {
	background: url(../images/preloader.gif) 0 0 no-repeat
}
.pswp--css_animation .pswp__preloader--active {
	opacity: 1
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
	-webkit-animation: clockwise .5s linear infinite;
	-moz-animation: clockwise .5s linear infinite;
	animation: clockwise .5s linear infinite
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
	-webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
	-moz-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
	animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}
.pswp--css_animation .pswp__preloader__icn {
	background: 0 0;
	opacity: .75;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 15px;
	top: 15px;
	margin: 0
}
.pswp--css_animation .pswp__preloader__cut {
	position: relative;
	width: 7px;
	height: 14px;
	overflow: hidden
}
.pswp--css_animation .pswp__preloader__donut {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border: 2px solid #fff;
	border-radius: 50%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	background: 0 0;
	margin: 0
}
 @media screen and (max-width:1024px) {
.pswp__preloader {
	position: relative;
	left: auto;
	top: auto;
	margin: 0;
	float: right
}
}
 @-webkit-keyframes clockwise {
 0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
 100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
 @-moz-keyframes clockwise {
 0% {
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
transform:rotate(0)
}
 100% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
transform:rotate(360deg)
}
}
 @keyframes clockwise {
 0% {
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
transform:rotate(0)
}
 100% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
transform:rotate(360deg)
}
}
 @-webkit-keyframes donut-rotate {
 0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
 50% {
-webkit-transform:rotate(-140deg);
transform:rotate(-140deg)
}
 100% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
}
 @-moz-keyframes donut-rotate {
 0% {
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
transform:rotate(0)
}
 50% {
-webkit-transform:rotate(-140deg);
-moz-transform:rotate(-140deg);
transform:rotate(-140deg)
}
 100% {
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
transform:rotate(0)
}
}
 @keyframes donut-rotate {
 0% {
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
transform:rotate(0)
}
 50% {
-webkit-transform:rotate(-140deg);
-moz-transform:rotate(-140deg);
transform:rotate(-140deg)
}
 100% {
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
transform:rotate(0)
}
}
.pswp__ui {
	-webkit-font-smoothing: auto;
	visibility: visible;
	opacity: 1;
	z-index: 1550
}
.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	width: 100%
}
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar {
	-webkit-backface-visibility: hidden;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
	-moz-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
	visibility: visible
}
.pswp__caption, .pswp__top-bar {
	background-color: rgba(0,0,0,.5)
}
.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
	background-color: rgba(0,0,0,.3)
}
.pswp__ui--idle .pswp__top-bar {
	opacity: 0
}
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
	opacity: 0
}
.pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar {
	opacity: .001
}
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
	display: none
}
.pswp__element--disabled {
	display: none!important
}
.pswp--minimal--dark .pswp__top-bar {
	background: 0 0
}
.header .t {
	height: 90px
}
.header .logo {
	float: left;
	width: 216px;
	margin-top: 24px
}
.header .h-tel {
	float: right;
	margin-top: 29px
}
.header .b {
	background: #0071c1;
	height: 50px
}
.header .b a {
	color: #fff
}
.header .nav li {
	width: 11.11%;
	float: left;
	position: relative
}
.header .nav li:hover .seco-nav {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	visibility: visible
}
.header .nav li+li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #bd7b40
}
.header .nav li>a {
	display: block;
	font-size: 16px;
	line-height: 50px;
	text-align: center
}
.header .nav li>a.act, .header .nav li>a:hover {
	background: #d06301
}
.header .seco-nav a {
	color: #383737
}
.seco-nav {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	padding: 10px 0;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}
.seco-nav a {
	display: block;
	padding: 10px 5px;
	text-align: center;
	line-height: 1.4
}
.seco-nav a:hover {
	color: #d06301
}
.h-tel {
	line-height: 32px;
	white-space: nowrap;
	color: #d06301
}
.h-tel i {
	display: inline-block;
	vertical-align: bottom
}
.h-tel .icon {
	margin: 0 10px;
	width: 28px;
	border: 2px solid #d06301;
	border-radius: 100%;
	font-size: 20px;
	text-align: center;
	line-height: 28px
}
.h-tel .telNum {
	font-size: 22px
}
.banner .pic2 {
	position: absolute;
	top: 0;
	left: 0
}
.banner .txts {
	position: absolute;
	left: 0;
	right: 0;
	top: 32%;
	color: #fff
}
.banner .txts .ti {
	font-size: 50px;
	font-weight: 700;
	line-height: 1.3
}
.banner .slick-dots {
	display: none!important
}
.mtop {
	height: 140px
}
.ix1 {
	background: #f2f2f2;
	padding: 100px 0
}
.ix-ab {
	background: #fff
}
.ix-ab .txts {
	float: left;
	padding: 50px 60px 0 45px;
	width: 50%;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.ix-ab .txts .tx {
	height: 72px;
	margin-bottom: 80px
}
.ix-ab .txts .ia-ti {
	margin-bottom: 25px
}
.ix-ab .ia-video {
	width: 50%;
	float: right
}
.ia-ti {
	font-size: 26px;
	color: #333
}
.ia-more {
	display: inline-block;
	vertical-align: bottom;
	width: 136px;
	height: 36px;
	border: 1px solid #666;
	line-height: 36px;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}
.ia-more .icon {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 10px;
	font-size: 24px
}
 @media screen and (min-width:1025px) {
.ia-more:hover {
	background-color: #d06301;
	border-color: #d06301!important;
	color: #fff
}
}
.ia-video {
	position: relative;
	background: #d06301;
	padding: 0 15px 15px 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.ia-video .pai {
	margin: -15px 0 0 -15px;
	padding-bottom: 63.33%
}
.video-btn {
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	width: 46px;
	height: 46px;
	border-radius: 100%;
	border: 2px solid #fff;
	color: #fff
}
.video-btn .sj {
	margin: 13px 0 0 15px;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 16px
}
.ix-pro li {
	width: 25%;
	float: left
}
.ix-pro li>a {
	display: block;
	position: relative;
	color: #fff
}
.ix-pro li.act .cover {
	background: rgba(0,159,144,.8)
}
.ix-pro li.act .txts {
	padding-top: 90px;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	transition-delay: .4s
}
.ix-pro li.act .txts .more, .ix-pro li.act .txts .tx {
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	transition-delay: .4s
}
.ix-pro .cover {
	background: rgba(0,0,0,.5);
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
.ix-pro .pic2 {
	height: 370px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}
.ix-pro .txts {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	padding: 158px 35px 0 35px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
.ix-pro .txts .tx {
	margin-top: 25px;
	height: 48px
}
.ix-pro .txts .ia-more {
	border-color: #fff
}
.ix-pro .txts .more {
	margin-top: 45px
}
.ix-pro .txts .more, .ix-pro .txts .tx {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
.ip-ti .ch {
	font-size: 24px
}
.ip-ti .en {
	margin-top: 3px;
	font-size: 18px
}
.ix3 {
	padding: 85px 0 75px 0
}
.ix3 .in-ti {
	float: right;
	text-align: right;
	width: 200px
}
.in-ti .ch {
	font-size: 18px;
	color: #333
}
.in-ti .en {
	margin-top: 5px
}
.in-a {
	display: block;
	width: 780px;
	max-width: 100%;
	overflow: hidden
}
.in-a .txts {
	overflow: hidden
}
.in-a .in-date {
	float: left;
	margin-right: 60px
}
.in-a .nowti {
	font-size: 18px;
	font-weight: 700;
	color: #333
}
.in-a .tx {
	margin-top: 20px;
	height: 48px
}
.in-a .more {
	margin-top: 20px
}
.in-date {
	position: relative;
	width: 90px;
	height: 110px;
	padding: 15px 0 0 10px;
	background: #d06301;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.in-date .m {
	margin-top: 20px;
	font-size: 26px
}
.in-date .y {
	position: absolute;
	left: 10px;
	bottom: 15px;
	font-size: 14px
}
.ix-news {
	margin-right: 200px;
	overflow: visible
}
.ix-news .slick-dots {
	left: 100%;
	right: auto;
	bottom: 0;
	width: 200px;
	text-align: right
}
.ix-news .slick-dots li {
	margin: 0 0 0 12px;
	border-radius: 0;
	width: 6px;
	height: 6px;
	background: #666
}
.ix-news .slick-dots .slick-active {
	width: 54px
}
.footer {
	background: #333;
	padding: 25px 0;
	color: #999;
	font-size: 12px;
	line-height: 24px
}
.footer a {
	color: #999
}
.footer .f-ma {
	float: right
}
.footer .logo {
	float: left;
	width: 170px;
	margin: 22px 25px 0 0
}
.footer .l {
	border-left: 1px solid #999;
	padding-left: 25px;
	margin-top: 15px
}
.f-ma>img {
	float: left;
	width: 77px
}
.f-ma p {
	overflow: hidden;
	padding-top: 27px;
	margin-left: 10px
}
.f-cont {
	overflow: hidden
}
.f-cont p {
	float: left
}
.f-cont p+p {
	margin-left: 40px
}
.f-cont .icon {
	display: inline-block;
	vertical-align: bottom;
	width: 25px;
	font-size: 18px
}
 @media screen and (min-width:1025px) {
.footer a:hover {
	color: #d06301
}
}
.navMobile {
	padding-top: 60px
}
.navMobile a {
	display: block;
	padding-left: 60px;
	padding-right: 15px;
	line-height: 1.4
}
.navMobile dd>a {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 18px;
	color: #333
}
.navMobile dd>a.act {
	background: #044f9f;
	color: #fff
}
.navMobile .mtv {
	background: #d06301;
	padding: 10px 0;
	display: none
}
.navMobile .mtv a {
	color: #fff
}
.navMobile .mtv>a {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 16px
}
.navMobile .mtv .one {
	padding-left: 20px
}
.navMobile .mtv .one>a {
	padding-top: 4px;
	padding-bottom: 4px;
	opacity: .9
}
.navMobile .mtv .two {
	padding-left: 20px
}
.navMobile .mtv .two>a {
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 12px;
	opacity: .6
}
.sos-box {
	text-align: center;
	padding: 110px 0 180px 0
}
.sos-box .tx1 {
	font-size: 16px;
	margin-top: 15px
}
.sos-box img {
	vertical-align: bottom;
	max-width: 100%
}
.sos-box .ib {
	width: 170px;
	height: 38px;
	background: #d06301;
	color: #fff;
	white-space: nowrap;
	line-height: 38px
}
.sos-box .fib {
	margin-top: 45px
}
 @media screen and (min-width:1025px) {
.sos-box .ib:hover {
	background-color: #044f9f
}
}
.pbanner {
	color: #cc6509
}
.pbanner .txts {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 5%;
	right: 5%
}
.pbanner .ch {
	font-size: 26px;
	font-weight: 700
}
.pbanner .en {
	margin-top: 2px;
	font-size: 12px
}

.pba-arrow {
	border: 2px solid #fff;
	width: 26px;
	height: 26px;
	line-height: 26px;
	font-size: 14px
}
.pnav {
	border-bottom: 1px solid #ccc;
	line-height: 24px
}
.pnav li {
	padding: 0 16px
}
.pnav li>a {
	display: block;
	position: relative;
	padding: 15px 8px
}
.pnav li>a:before {
	content: "";
	position: absolute;
	left: auto;
	right: 0;
	bottom: 0;
	width: 0;
	height: 4px;
	background: #d06301;
	-webkit-transition: .6s;
	-moz-transition: .6s;
	transition: .6s
}
.pnav li>a.act {
	color: #d06301
}
.pnav li>a.act:before {
	left: 0;
	right: auto;
	width: 100%
}
 @media screen and (min-width:1025px) {
.pnav li>a:hover:before {
	left: 0;
	right: auto;
	width: 100%
}
}
.spec-news {
	display: block;
	position: relative;
	background: #d06301;
	color: #fff
}
.spec-news .pic {
	width: 50%;
	float: left
}
.spec-news .txts {
	width: 50%;
	float: right;
	padding: 70px 50px 0 50px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.spec-news .nowti {
	font-size: 18px;
	font-weight: 700
}
.spec-news .tx {
	margin-top: 20px;
	line-height: 20px!important;
	height: 60px
}
.spec-news .more {
	position: absolute;
	right: 0;
	bottom: 70px;
	padding: 0 50px;
	width: 50%;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.nw-more {
	display: inline-block;
	vertical-align: bottom;
	line-height: 18px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}
.nw-more .icon {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 10px;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	background: #fff;
	font-size: 8px;
	color: #d06301;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}
 @media screen and (min-width:1025px) {
.nwm-h:hover .nw-more .icon {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}
}
.news-list a {
	display: block;
	padding: 20px;
	border: 1px solid #ccc;
	overflow: hidden
}
.news-list a+a {
	margin-top: 35px
}
.news-list .pic {
	float: left;
	width: 220px;
	margin-right: 30px
}
.news-list .txts {
	overflow: hidden
}
.news-list .txts .w {
	width: 610px;
	max-width: 100%
}
.news-list .nw-date {
	float: right;
	margin-left: 30px
}
.news-list .nowti {
	margin-bottom: 20px;
	font-size: 16px;
	color: #333
}
.news-list .tx {
	margin-bottom: 45px;
	line-height: 20px!important;
	height: 40px
}
.news-list .nw-more .icon {
	background: #999;
	color: #fff
}
.nw-date {
	position: relative;
	background: #999;
	padding-top: 5px;
	width: 70px;
	height: 70px;
	line-height: 1;
	text-align: center;
	color: #fff;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}
.nw-date .d {
	font-size: 30px
}
.nw-date .d i {
	display: none
}
.nw-date .y {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 17px
}
 @media screen and (min-width:1025px) {
.news-list a:hover {
	border-color: #d06301
}
.news-list a:hover .nw-date {
	background-color: #d06301
}
.news-list a:hover .nw-more {
	color: #d06301
}
.news-list a:hover .nw-more .icon {
	background: #d06301
}
}
.nw1 .news-list {
	margin-top: 80px
}
.nw1 .pager {
	margin-top: 80px
}
.pager a {
	vertical-align: top;
	margin: 0 5px;
	width: 42px;
	height: 40px;
	border: 1px solid #ccc;
	font-size: 16px;
	line-height: 40px
}
.pager a.act {
	background: #d06301;
	border-color: #d06301;
	color: #fff
}
.pager .arrow {
	width: 70px;
	font-size: 14px
}
.pager .prev {
	margin-right: 10px
}
.pager .next {
	margin-left: 10px
}
 @media screen and (min-width:1025px) {
.pager a:hover {
	background: #d06301;
	border-color: #d06301;
	color: #fff
}
}
.page-pa {
	padding: 90px 0 60px 0
}
.pw2 {
	width: 960px;
	margin: 0 auto
}
.nd-pa {
	padding-left: 35px;
	padding-right: 35px
}
.nd-tx .ti {
	color: #333;
	font-size: 20px
}
.nd-tx .mes {
	margin-top: 5px
}
.nd-tx .freeTx {
	margin-top: 80px
}
.nd-tx .nd-back {
	margin-top: 140px
}
.backList {
	display: block;
	width: 110px;
	height: 36px;
	background: #d06301;
	color: #fff;
	white-space: nowrap;
	line-height: 36px;
	text-align: center
}
.nd-back {
	border-top: 1px solid #ccc;
	padding-top: 25px
}
.nd-back .backList {
	float: right;
	margin-left: 40px
}
.nd-back .b {
	overflow: hidden
}
.nd-back .b>a {
	display: block
}
.nd-back .b>a+a {
	margin-top: 10px
}
 @media screen and (min-width:1025px) {
.nd-back .b>a:hover {
	color: #d06301
}
.backList:hover {
	background: #044f9f
}
}
.nw3>div {
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.nwR {
	float: right;
	width: 35.8%
}
.nwL {
	float: left;
	width: 64.2%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 40px
}
.tec-infor {
	border: 1px solid #ccc;
	padding: 25px 0 35px 0
}
.tec-infor .tec-ti {
	margin: 0 25px 25px 25px
}
.tec-infor .item {
	padding: 0 25px
}
.tec-infor .item+.item {
	border-top: 1px dashed #ccc;
	padding-top: 35px;
	margin-top: 35px
}
.tec-infor .item>a {
	display: block;
	line-height: 30px;
	overflow: hidden
}
.tec-infor .item .more {
	float: right;
	width: 80px;
	text-align: right
}
.tec-infor .item .nowti {
	line-height: 30px
}
 @media screen and (min-width:1025px) {
.tec-infor .item>a:hover {
	color: #d06301
}
}
.tec-ti {
	position: relative;
	font-size: 18px;
	color: #333
}
.tec-ti:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	border-top: 1px dashed #ccc
}
.tec-ti span {
	position: relative;
	background: #fff;
	padding-right: 15px
}
.spec-indu {
	display: block;
	background: #d06301;
	color: #fff
}
.spec-indu .pai {
	padding-bottom: 58.9%
}
.spec-indu .txts {
	width: 560px;
	padding: 25px 30px 20px 30px;
	max-width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.spec-indu .nowti {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 700
}
.spec-indu .tx {
	margin-bottom: 20px;
	line-height: 20px!important;
	height: 60px
}
.indu-list a {
	display: block;
	overflow: hidden;
	line-height: 40px
}
.indu-list .nowti {
	position: relative;
	line-height: 40px;
	padding-left: 30px
}
.indu-list .date {
	float: right;
	width: 90px;
	text-align: right
}
.indu-list .sj {
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -4px
}
 @media screen and (min-width:1025px) {
.indu-list a:hover {
	color: #d06301
}
}
.nw3 .indu-list {
	margin-top: 40px
}
.nw3 .pager {
	margin-top: 80px
}
.case-nav a {
	position: relative;
	margin: 0 6px;
	width: 140px;
	height: 48px;
	border: 1px solid #ccc;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 48px;
	white-space: nowrap
}
.case-nav a.act {
	background: #d06301;
	border-color: #d06301;
	color: #fff
}
.case-nav a.act .sj {
	display: block
}
.case-nav .sj {
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -4px;
	border-top-width: 6px;
	color: #d06301;
	display: none
}
 @media screen and (min-width:1025px) {
.case-nav a:hover {
	background: #d06301;
	border-color: #d06301;
	color: #fff
}
}
.case-list {
	margin-left: -50px
}
.case-list li {
	width: 33.33%;
	float: left;
	margin-bottom: 55px
}
.case-list a {
	display: block;
	position: relative;
	margin-left: 50px;
	background: #f2f2f2;
	overflow: hidden
}
.case-list a:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 3px solid #d06301;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
.case-list .pai {
	padding-bottom: 64.86%
}
.case-list .nowti {
	height: 66px;
	padding: 0 5%;
	border-bottom: 2px solid #d06301;
	line-height: 66px;
	text-align: center
}
.case-list .cover {
	background: rgba(0,159,144,.8);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
.case-plus {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -1px 0 0 -15px;
	width: 30px;
	height: 2px;
	background: #fff;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
.case-plus:before {
	content: "";
	position: absolute;
	left: 14px;
	top: -14px;
	width: 2px;
	height: 30px;
	background: #fff
}
 @media screen and (min-width:1025px) {
.case-list a:hover .cover, .case-list a:hover:after {
	opacity: 1;
	visibility: visible
}
.case-list a:hover {
	background: #d06301;
	color: #fff
}
.case-list a:hover .case-plus {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	visibility: visible
}
}
.case1 .case-nav {
	margin-bottom: 80px
}
.case1 .case-list {
	margin-bottom: 25px
}
.case-big-imgs .slick-dots {
	display: none!important
}
.case-small-imgs {
	padding: 25px 200px;
	background: #f2f2f2
}
.case-small-imgs .pic {
	margin: 0 4px;
	cursor: pointer
}
.case-small-imgs .pic:after, .case-small-imgs .pic:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
.case-small-imgs .pic:before {
	background: rgba(0,159,144,.8)
}
.case-small-imgs .pic:after {
	border: 2px solid #d06301
}
.case-small-imgs .pic.act:after, .case-small-imgs .pic.act:before {
	opacity: 1;
	visibility: visible
}
.case-small-imgs .slick-arrow {
	width: auto;
	background: 0 0;
	font-weight: 700;
	font-size: 20px;
	color: #666
}
.case-small-imgs .slick-prev {
	left: 170px
}
.case-small-imgs .slick-next {
	right: 170px
}
.case-small-imgs .slick-disabled {
	color: #999!important;
	cursor: default
}
 @media screen and (min-width:1025px) {
.case-small-imgs .slick-arrow:hover {
	color: #d06301
}
}
.nw2 .case-big-imgs {
	margin-top: 40px
}
.case-table table {
	width: 100%;
	text-align: center
}
.case-table table td, .case-table table th {
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #ccc
}
.case-table table td {
	padding-top: 28px;
	padding-bottom: 28px
}
.case-table table th {
	padding-top: 12px;
	padding-bottom: 12px;
	background: #dbf2f0;
	font-weight: 400;
	color: #333
}
.case-table a {
	color: #d06301
}
.jb1 .freeTx {
	width: 1000px;
	max-width: 100%
}
.jb1 .freeTx a {
	color: #ef0000;
	text-decoration: underline
}
.jb1 .job-list {
	margin-top: 80px
}
 @media screen and (min-width:1025px) {
.jb1 .freeTx a:hover {
	color: #d06301
}
}
.job-list {
	border-top: 3px solid #ccc
}
.job-list li {
	border-bottom: 3px solid #ccc
}
.job-list li.act .t {
	background: #d06301;
	color: #fff
}
.job-list li.act .t:after, .job-list li.act .t:before {
	background: #fff
}
.job-list li.act .t:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}
.job-list .b {
	padding: 30px 20px 60px 20px;
	background: #f2f2f2;
	display: none
}
.job-list .t {
	position: relative;
	padding: 0 20px;
	cursor: pointer;
	color: #333;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}
.job-list .t:after, .job-list .t:before {
	content: "";
	position: absolute;
	background: #666;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}
.job-list .t:before {
	top: 50%;
	right: 50px;
	margin-top: -2px;
	width: 16px;
	height: 4px
}
.job-list .t:after {
	top: 50%;
	right: 56px;
	margin-top: -8px;
	width: 4px;
	height: 16px
}
.job-list .nowti {
	margin-right: 100px;
	font-size: 16px;
	line-height: 72px
}
 @media screen and (min-width:1025px) {
.job-list li:hover .t {
	background: #d06301;
	color: #fff
}
.job-list li:hover .t:after, .job-list li:hover .t:before {
	background: #fff
}
}
#map {
	height: 550px;
	background: #d06301
}
.map-nav {
	background: #f2f2f2;
	line-height: 74px;
	font-size: 16px;
	color: #333
}
.map-nav li {/* width:50%;float:left; */
	white-space: nowrap;
	text-align: center;
	cursor: pointer
}
.map-nav li>p {
	display: inline-block;
	vertical-align: middle;
	line-height: 34px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}
.map-nav li.act {
	background: #d06301;
	color: #fff
}
.map-nav li.act .icon {
	background: #fff;
	color: #d06301
}
.map-nav .icon {
	width: 34px;
	height: 34px;
	border-radius: 100%;
	margin-left: 20px;
	background: #333;
	font-size: 12px;
	color: #fff
}
 @media screen and (min-width:1025px) {
.map-nav li:not(.act):hover p {
	color: #d06301
}
.map-nav li:not(.act):hover .icon {
	background: #d06301;
	color: #fff
}
}
.pbg {
	background: #f2f2f2
}
.cta1 {
	background: #fff;
	padding: 70px 0 40px 0
}
.cta-list {
	overflow: hidden;
	position: relative;
	border: 1px solid #ccc;
	border-right: none;
	border-bottom: none;
}
/* .cta-list:after,.cta-list:before{content:"";position:absolute} */

/* .cta-list:before{top:0;bottom:0;left:50%;border-left:1px solid #ccc} */

/* .cta-list:after{left:0;right:0;top:50%;border-top:1px solid #ccc} */

.cta-list li {
	width: 50%;
	float: left;
	line-height: 30px;
	border-bottom: 1px solid #ccc;
}
/* .cta-list li:nth-last-child(-n+1){ border-bottom: none; } */

.cta-list .ti {
	margin-bottom: 15px;
	font-size: 18px;
	color: #333
}
.cta-list .icon {
	display: inline-block;
	vertical-align: bottom;
	width: 30px;
	font-size: 18px
}
.cta-list .ma {
	height: 195px;
	padding: 65px 60px 0;
	overflow: hidden;
	border-right: 1px solid #ccc;
}
 @media screen and (min-width:1025px) {
.cta-list a:not(.na):hover {
	color: #d06301
}
}
.cta-ti {
	text-transform: uppercase;
	font-size: 38px;
	color: #d06301
}
.fill-in-mess {
	padding: 0 90px
}
.fill-in-mess li+li {
	margin-top: 2%
}
.fill-in-mess .clearfix .s-input {
	float: left;
	width: 32%
}
.fill-in-mess .clearfix .s-input+.s-input {
	margin-left: 2%
}
.fill-in-mess .s-input, .fill-in-mess .subBtn {
	height: 40px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}
.fill-in-mess .s-input {
	padding-left: 20px;
	background: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.fill-in-mess .s-input:focus {
	background: #d06301;
	color: #fff
}
.fill-in-mess .s-textarea, .fill-in-mess .subBtn {
	width: 100%
}
.fill-in-mess .s-textarea {
	padding-top: 10px;
	height: 150px
}
.fill-in-mess .subBtn {
	background: #d06301;
	color: #fff
}
 @media screen and (min-width:1025px) {
.fill-in-mess .subBtn:hover {
	background: #666
}
}
.cta2 {
	padding: 75px 0 95px 0
}
.cta2 .freeTx {
	width: 780px;
	max-width: 100%;
	margin: 75px auto 0 auto
}
.cta2 .cta-ti {
	margin-bottom: 40px
}
.ser-ti {
	position: relative
}
.ser-ti.white {
	color: #fff
}
.ser-ti.white .ch {
	color: #fff
}
.ser-ti .pai {
	padding-bottom: 55%
}
.ser-ti .txts {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 5%;
	background: url(../images/black5.png)
}
.ser-ti .ch {
	font-size: 30px;
	color: #d06301
}
.ser-ti .en {
	margin-top: 2px;
	font-size: 18px
}
.ser-ti .en-l {
	line-height: 1.4;
	position: relative;
	margin-top: 5px
}
.ser-ti .en-l:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	border-top: 1px solid #ccc
}
.ser-ti .en-l span {
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	background: #fff;
	padding: 0 15px
}
.ser-ti.black .ch {
	color: #666
}
.ser-tx {
	padding: 65px 50px 70px 50px
}
.ser-tx .ser-ti {
	margin-bottom: 50px
}
.ser-tx .ser-ti .en {
	margin-top: 10px;
	line-height: 1.6
}
.prom-list {
	margin-left: -15px
}
.prom-list li {
	float: left;
	width: 25%;
	margin-bottom: 15px
}
.prom-list li:nth-child(4) .ma {
	background: #8cc856
}
.prom-list li:nth-child(5) .ma {
	background: #00479d
}
.prom-list li:nth-child(7) .ma {
	background: #1ca3d3
}
.prom-list .ma {
	margin-left: 15px;
	height: 219px;
	background: #d06301;
	color: #fff;
	overflow: hidden
}
.prom-list .nowti, .prom-list .tx {
	text-align: center
}
.prom-list .nowti {
	height: 50px;
	margin-bottom: 20px;
	border-bottom: 1px solid #fff;
	font-size: 18px;
	line-height: 50px
}
.prom-list .tx {
	line-height: 20px!important
}
.prom-list .tx1 {
	max-height: 80px
}
.prom-tx {
	padding-top: 90px
}
.prom-tx .prom-list {
	margin-top: 60px
}
.tech-list li {
	overflow: hidden;
	background: #f2f2f2;
	padding: 25px 35px 25px 25px
}
.tech-list li+li {
	margin-top: 20px
}
.tech-list .pic {
	float: left;
	width: 215px;
	margin-right: 35px
}
.tech-list .txts {
	overflow: hidden;
	padding: 20px 0
}
.tech-list .ti {
	margin-bottom: 15px;
	font-size: 24px
}
.wall-list li {
	overflow: hidden;
	height: 209px
}
.wall-list li+li {
	margin-top: 10px
}
.wall-list li:nth-child(2n) .ma {
	background: #8cc856
}
.wall-list li:nth-child(3n) .ma {
	background: #044f9f
}
.wall-list li:nth-child(4n) .ma {
	background: #1ca3d3
}
.wall-list li:nth-child(5n) .ma {
	background: #666
}
.wall-list .pic {
	float: left;
	width: 64.1%
}
.wall-list .txts {
	float: right;
	width: 35.9%;
	height: 100%
}
.wall-list .ma {
	margin-left: 10px;
	padding: 20px 30px 0 30px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #d06301;
	color: #fff;
	height: 100%
}
.wall-list .ti {
	margin-bottom: 15px;
	font-size: 20px
}
.wall-list .freeTx {
	height: 120px
}
.wa-ti {
	font-size: 24px;
	line-height: 1.4;
	color: #d06301
}
.wall-tx {
	margin-top: 25px
}
.wall-tx .wa-ti {
	margin-bottom: 30px
}
.wall-tx .freeTx+.freeTx {
	padding-top: 75px
}
.wall-tx .freeTx.pbg {
	margin-top: 25px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 90px
}
.chara-tx {
	padding: 35px 0 135px 0;
	background-position: center top;
	background-repeat: no-repeat
}
.chara-list li {
	position: relative;
	width: 170px;
	height: 170px;
	border-radius: 100%;
	margin: 0 40px;
	background: #d06301;
	color: #fff
}
.chara-list li+li:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -9px;
	width: 80px;
	height: 17px;
	background: url(../images/aw1.png) no-repeat center top
}
.chara-list li:nth-child(2n) {
	background: #20ab51
}
.chara-list li:nth-child(3n) {
	background: #044f9f
}
.chara-list li:nth-child(4n) {
	background: #b31835
}
.chara-list .ti {
	padding-top: 70px;
	font-size: 20px;
	line-height: 30px
}
.pro-list {
	margin-left: -10px
}
.pro-list li {
	width: 25%;
	float: left
}
.pro-list li:nth-child(2n) .ma {
	background: #20ab51
}
.pro-list li:nth-child(3n) .ma {
	background: #044f9f
}
.pro-list li:nth-child(4n) .ma {
	background: #b31835
}
.pro-list .ma {
	margin-left: 10px;
	background: #d06301;
	color: #fff
}
.pro-list .txts {
	height: 305px;
	padding: 0 10px;
	overflow: hidden
}
.pro-list .ti {
	margin-top: 25px;
	font-size: 18px;
	font-weight: 700
}
.pro-list .tx {
	margin-top: 15px
}
.pro-list .pai {
	padding-bottom: 103.39%
}
.pro-adva-box {
	padding: 65px 50px 0 50px;
	margin-top: 80px
}
.pro-adva-box .pic2 {
	width: 245px;
	margin-right: 15px;
	float: left
}
.pro-adva-box>.freeTx {
	margin-bottom: 75px
}
.pro-adva-box.ser-pa {
	padding-bottom: 70px;
	margin-top: 20px
}
.pro-adva-list {
	overflow: hidden
}
.pro-adva-list li {
	border-left: 2px solid #ccc;
	padding: 35px 0 25px 45px
}
.pro-adva-list li:last-child {
	padding-bottom: 80px
}
.pro-adva-list .ti {
	position: relative;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 700
}
.pro-adva-list .sj {
	display: block;
	position: absolute;
	top: 50%;
	right: 100%;
	margin: -5px 36px 0 0;
	border-left-width: 9px;
	border-top-width: 5px;
	border-bottom-width: 5px
}
.afsale-list {
	margin-left: -100px;
	position: relative
}
.afsale-list li {
	width: 50%;
	float: left
}
.afsale-list .ma {
	margin-left: 100px
}
.afsale-list img {
	vertical-align: bottom;
	max-width: 100%
}
.afsale-list .tx1 {
	margin-top: 10px;
	background: #f2f2f2;
	padding: 21px 5%;
	font-size: 26px
}
.afsale-list .tx2 {
	margin-top: 10px;
	color: #999
}
.afsale-list .txts {
	padding-top: 30px
}
.afsale-list .c {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -30px;
	width: 160px
}
.sale-list li {
	overflow: hidden
}
.sale-list li+li {
	margin-top: 55px
}
.sale-list .picbox {
	float: left;
	width: 435px;
	margin-right: 40px
}
.sale-list .pai {
	padding-bottom: 56.32%
}
.sale-list .txts {
	overflow: hidden
}
.sale-list .ti {
	position: relative;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 700
}
.sale-list .ti:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	border-top: 1px solid #ccc
}
.sale-list .ti span {
	display: inline-block;
	vertical-align: bottom;
	background: #f2f2f2;
	position: relative;
	padding-right: 15px
}
.his-tx {
	position: relative
}
.his-tx .txts {
	position: relative;
	width: 900px;
	max-width: 100%;
	padding: 55px 60px 125px 60px;
	background: #d06301;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff
}
.his-tx .ser-ti {
	margin-bottom: 20px
}
.his-tx .picbox {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 50%
}
.his-tx .pic2 {
	margin-left: 300px;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}
.his-box {
	margin-top: 70px
}
.his-box .his-list {
	position: relative;
	margin: 0 8.33%;
	padding: 100px 0 55px 0
}
.his-box .his-list:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	border-left: 1px solid #ccc
}
.his-box .txts {
	width: 50%;
	position: relative
}
.his-box .item1 .txts {
	float: right
}
.his-box .item1 .freeTx {
	margin-left: 35px
}
.his-box .item1 .date {
	left: 35px
}
.his-box .item1 .dot {
	right: 100%;
	margin-right: 28px
}
.his-box .item1 .dot:after {
	left: 100%;
	margin-left: 1px;
	width: 28px
}
.his-box .item2 .freeTx {
	margin-right: 35px
}
.his-box .item2 .date {
	right: 35px
}
.his-box .item2 .dot {
	left: 100%;
	margin-left: 29px
}
.his-box .item2 .dot:after {
	right: 100%;
	margin-right: 1px;
	width: 29px
}
.his-box .freeTx {
	border-radius: 10px;
	padding: 25px 25px 35px 25px;
	background: #e5e5e5
}
.his-box .date {
	position: absolute;
	bottom: 100%;
	margin-bottom: 8px;
	width: 110px;
	height: 28px;
	border-radius: 10px;
	background: #d06301;
	line-height: 28px;
	font-size: 18px;
	text-align: center;
	white-space: nowrap;
	color: #fff
}
.his-box .dot {
	display: block;
	position: absolute;
	top: 7px;
	border: 1px solid #d06301;
	border-radius: 5px;
	width: 11px;
	height: 11px;
	background: #fff
}
.his-box .dot:before {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	border-radius: 4px;
	width: 9px;
	height: 9px;
	background: #d06301
}
.his-box .dot:after {
	content: "";
	position: absolute;
	top: 5px;
	height: 1px;
	background: #ccc
}
.his-dot {
	height: 33px;
	background: url(../images/aw2.png) no-repeat center top
}
.honorx-list {
	line-height: 24px
}
.honorx-list .t, .honorx-list a {
	overflow: hidden
}
.honorx-list a {
	display: block;
	cursor: default;
	background: #e5e5e5
}
.honorx-list a:nth-child(2n-1) {
	background: #ccc
}
.honorx-list .l {
	width: 77.5%
}
.honorx-list .l p {
	padding: 23px 65px;
	border-right: 1px solid #fff
}
.honorx-list .r {
	width: 22.5%
}
.honorx-list .r p {
	padding: 23px 55px
}
.honorx-list .t {
	background: #d06301;
	color: #fff;
	font-size: 18px
}
 @media screen and (min-width:1025px) {
.honorx-list a:hover {
	background: #999
}
}
.honori-list {
	margin-left: -30px
}
.honori-list a {
	width: 33.33%;
	float: left;
	margin-bottom: 30px
}
.honori-list .pai {
	margin-left: 30px;
	padding-bottom: 62.83%
}
.honori-list .pai:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 4px solid #d06301;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
.honori-list figure {
	display: none
}
 @media screen and (min-width:1025px) {
.honori-list a:hover .pai:after {
	opacity: 1;
	visibility: visible
}
}
.ab1 .honor-tx, .ab1 .honori-list {
	margin-top: 55px
}
.ab1 .res-list {
	margin-bottom: 70px
}
.ab1 .ab-adva-list {
	margin-top: 25px
}
.ab1 .ab-link-list {
	margin-top: 85px
}
.ab1 .indu-list {
	margin-bottom: 35px
}
.ab1 .indu-tx {
	margin-bottom: 40px
}
.res-list {
	margin-left: -30px
}
.res-list li {
	width: 20%;
	float: left
}
.res-list li:nth-child(2n) .ma {
	background: #8cc856
}
.res-list li:nth-child(3n) .ma {
	background: #044f9f
}
.res-list li:nth-child(4n) .ma {
	background: #1ca3d3
}
.res-list li:nth-child(5n) .ma {
	background: #666
}
.res-list .ma {
	margin-left: 30px;
	background: #d06301;
	color: #fff
}
.res-list .txts {
	padding: 0 10px;
	height: 205px;
	overflow: hidden
}
.res-list .ico {
	height: 74px;
	margin-top: 75px
}
.res-list .ti {
	margin-top: 10px;
	text-align: center;
	font-size: 18px
}
.res-list .pai {
	padding-bottom: 127.91%
}
.res-ti {
	background: #e5e5e5;
	padding: 20px 30px;
	line-height: 1.4;
	font-size: 20px;
	font-weight: 700
}
.res-ti>p {
	display: inline-block;
	vertical-align: middle
}
.res-ti .sj-r {
	margin-left: 20px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 12px
}
.res-tx {
	padding-bottom: 60px
}
.res-tx .indu-ti, .res-tx .res-ti {
	margin-bottom: 30px
}
.ab-adva-list li {
	overflow: hidden;
	padding: 20px 35px 20px 20px;
	border: 1px solid #ccc
}
.ab-adva-list li+li {
	margin-top: 30px
}
.ab-adva-list .pic {
	float: left;
	width: 255px;
	height: 165px;
	margin-right: 35px
}
.ab-adva-list .txts {
	overflow: hidden
}
.ab-adva-list .ti {
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 20px;
	color: #d06301
}
.indu-ti {
	padding: 25px 5%;
	font-size: 28px;
	background: #e5e5e5
}
.indu-list {
	margin-left: -50px
}
.indu-list li {
	width: 33.33%;
	float: left;
	margin-bottom: 50px
}
.indu-list .ma {
	margin-left: 50px
}
.indu-list .pai {
	padding-bottom: 101.35%
}
.indu-list .txts {
	overflow: hidden;
	height: 115px;
	font-size: 16px;
	line-height: 1.6;
	text-align: center
}
.indu-list .year {
	width: 124px;
	max-width: 100%;
	height: 30px;
	margin: 25px auto 10px auto;
	border-radius: 10px;
	background: #d06301;
	color: #fff;
	line-height: 30px;
	white-space: nowrap
}
.ab-link-box .ser-ti .en {
	font-size: 20px;
	margin: 0
}
.ab-link-list {
	margin-left: -30px
}
.ab-link-list li {
	float: left;
	width: 20%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 30px;
	margin-bottom: 30px
}
.ab-link-list .pai {
	border: 1px solid #e5e5e5;
	padding-bottom: 31.81%;
	background: #e5e5e5
}
.ab-intro .pic2 {
	width: 374px;
	margin-right: 75px;
	float: left
}
.ab3 {
	background: #d06301;
	color: #fff
}
.ab3 .pw {
	background-position: left bottom;
	background-repeat: no-repeat
}
.ab3 .pic {
	width: 715px;
	height: 485px;
	margin-left: 70px;
	float: right
}
.ab3 .txts {
	padding: 75px 0 0 70px;
	overflow: hidden;
	font-size: 20px;
	line-height: 1.5
}
.ab4 {
	position: relative;
	background-position: center bottom;
	background-repeat: no-repeat
}
.ab4 .pw>.freeTx {
	padding-top: 100px
}
.idea-box {
	float: left;
	width: 486px;
	margin-right: 40px;
	background: #e5e5e5
}
.idea-box .idea-ti {
	background: #d06301;
	padding: 30px 5%;
	color: #fff
}
.idea-list {
	padding: 100px 45px
}
.idea-list li {
	overflow: hidden
}
.idea-list li+li {
	margin-top: 40px
}
.idea-list .ico {
	width: 55px;
	height: 35px;
	background-position: left top;
	float: left
}
.idea-list .txts {
	overflow: hidden
}
.idea-list .ti {
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 16px
}
.idea-ti {
	font-size: 20px
}
.idea-ti .en {
	margin-top: 2px
}
.pro-box {
	overflow: hidden
}
.proL {
	float: left;
	width: 220px;
	min-height: 10px;
	margin-right: 85px
}
.proL .pnav {
	display: none
}
.proR {
	overflow: hidden;
	min-height: 1000px
}
.pro-nav {
	width: 220px
}
.pro-nav.fix {
	position: fixed;
	z-index: 299;
	left: 50%;
	top: 140px;
	margin-left: -600px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 140px;
	max-height: 100%;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}
 .pro-nav.fix::-webkit-scrollbar {
width:6px;
background:#ccc
}
 .pro-nav.fix::-webkit-scrollbar-thumb {
background:#d06301
}
.pro-nav a {
	display: block;
	line-height: 1.4
}
.pro-nav li {
	background: #fff
}
.pro-nav li+li {
	margin-top: 3px
}
.pro-nav li>a {
	position: relative;
	background: #d06301;
	padding: 11px 0 11px 20px;
	font-size: 16px;
	font-weight: 700;
	color: #fff
}
.pro-nav li>a .sj {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: 15px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-top-width: 6px
}
.pro-nav .one {
	display: none;
	padding: 15px 0;
	background: #e5e5e5
}
.pro-nav .one>a {
	padding: 12px 0 12px 20px;
	color: #333
}
.pro-nav .one>a.act {
	background: #ccc;
	color: #333
}
.pro-nav .two {
	padding: 10px 0 10px 30px;
	display: none
}
.pro-nav .two>a {
	position: relative;
	border-left: 2px solid #999;
	padding: 7px 0 7px 20px;
	color: #999
}
.pro-nav .two>a .sj {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 6px;
	-webkit-transform: translateX(150%);
	-moz-transform: translateX(150%);
	-ms-transform: translateX(150%);
	transform: translateX(150%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}
 @media screen and (min-width:1025px) {
.pro-nav .one>a:hover {
	background: #ccc;
	color: #333
}
.pro-nav .two>a:hover {
	color: #333
}
.pro-nav .two>a:hover .sj {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	visibility: visible
}
}
.pro-tx {
	background: #ececec
}
.pro-tx .pic {
	width: 50%;
	float: left
}
.pro-tx .txts {
	width: 50%;
	float: right;
	padding: 25px 30px 0 30px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.pro-tx .pro-ti {
	margin-bottom: 40px
}
.pro-ti {
	position: relative;
	padding-bottom: 15px;
	color: #d06301;
	font-size: 20px
}
.pro-ti:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background: #d06301;
	width: 40px;
	height: 3px
}
.pro-sti {
	position: relative;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	color: #333
}
.pro-sti:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	border-top: 1px solid #ccc
}
.pro-sti>p {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	background: #fff;
	padding-right: 20px
}
.pro-sti .en {
	margin-left: 10px;
	display: inline-block;
	vertical-align: bottom;
	font-size: 14px;
	text-transform: uppercase;
	color: #ccc;
	font-weight: 400;
	line-height: 24px
}
.pro-x {
	padding-top: 70px
}
.pro-x.tp {
	padding-top: 0
}
.pro-x .pro-sti, .pro-x .pro-ti {
	margin-bottom: 40px
}
.pro-x .adv {
	background: #e5e5e5;
	padding: 10px 20px;
	font-size: 16px;
	color: #333
}
.pro-x .adv+.adv {
	margin-top: 5px
}
.pro-x .advx {
	padding: 5px 10px 12px 25px
}
.pro-x .advx:last-child {
	padding-bottom: 0
}
.auxi-tp {
	background: #d06301;
	padding: 70px 0 100px 0;
	color: #fff
}
.auxi-tp a {
	color: #fff
}
.auxi-tp .auxi-nav {
	margin-top: 110px
}
.auxi-ti .ch {
	position: relative;
	font-size: 24px
}
.auxi-ti .ch span {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	padding: 0 25px;
	background: #d06301
}
.auxi-ti .ch:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	border-top: 1px solid #fff
}
.auxi-ti .en {
	margin-top: 10px
}
.auxi-nav {
	padding: 0 50px;
	margin-left: -50px
}
.auxi-nav li {
	width: 25%;
	float: left
}
.auxi-nav a {
	display: block;
	margin-left: 50px;
	border: 1px solid #fff;
	border-radius: 10px;
	font-size: 16px;
	text-align: center;
	white-space: nowrap;
	line-height: 38px
}
 @media screen and (min-width:1025px) {
.auxi-nav a:hover {
	background: #fff;
	color: #d06301
}
}
.auxi-sti p:before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -2px;
	width: 5px;
	height: 5px;
	background: #ccc
}
.au1 .freeTx .pic {
	float: right;
	width: 59%;
	margin-left: 40px
}
.aux {
	padding-top: 70px
}
.aux .auxi-sti {
	margin-bottom: 40px
}
.aux .auxi-stx {
	margin-top: 50px
}
.aux .auxii-list {
	margin-top: 30px
}
.auxi-stx {
	background: #e5e5e5;
	padding: 25px 5%;
	line-height: 1.4;
	text-align: center;
	font-size: 24px;
	color: #333
}
.auxii-list {
	margin-left: -20px
}
.auxii-list li {
	width: 50%;
	float: left
}
.auxii-list .ma {
	margin-left: 20px
}
.auxii-list .ti {
	text-align: center;
	margin-top: 20px
}
.auxii-list .item1 {
	clear: both
}
.process-list {
	margin-left: -25px
}
.process-list li {
	width: 33.33%;
	float: left;
	margin-bottom: 25px
}
.process-list .freeTx {
	margin-left: 25px;
	background: #ececec;
	padding: 25px 20px 0 20px;
	height: 100px;
	font-size: 16px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.process-list .sj {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -10px;
	border-left-width: 10px;
	border-right-width: 10px;
	border-top-width: 16px;
	color: #fff
}
.charac-list {
	border-left: 1px solid #ccc;
	margin-bottom: 20px;
	position: relative;
	color: #999
}
.charac-list .item {
	width: 20%;
	float: left;
	padding: 0 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.charac-list .item:nth-child(2n) .ti {
	background: #ececec;
	color: #333
}
.charac-list .ti {
	width: 130px;
	height: 130px;
	border-radius: 100%;
	margin: 0 auto 12px auto;
	padding-top: 35px;
	background: #d06301;
	text-align: center;
	line-height: 1.25;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.charac-list .lin {
	position: absolute;
	z-index: 9;
	top: 0;
	bottom: 0;
	border-left: 1px solid #ccc;
	display: block
}
.charac-list .lin1 {
	left: 20%
}
.charac-list .lin2 {
	left: 40%
}
.charac-list .lin3 {
	left: 60%
}
.charac-list .lin4 {
	left: 80%
}
.charac-list .lin5 {
	left: 100%;
	margin-left: -1px
}
 @media screen and (max-width:1366px) {
.header .t {
	height: 60px
}
.header .logo {
	margin-top: 9px
}
.header .h-tel {
	margin-top: 14px
}
.header .b {
	height: 40px
}
.header .nav li>a {
	font-size: 14px;
	line-height: 40px
}
.mtop {
	height: 100px
}
.banner .txts .ti {
	font-size: 40px
}
.banner .txts {
	top: 30%
}
.ix-ab .txts {
	padding-top: 40px
}
.ix-ab .txts .tx {
	margin-bottom: 40px
}
.ix-ab .txts .ia-ti {
	margin-bottom: 20px
}
.ix1 {
	padding: 80px 0
}
.ix3 {
	padding: 75px 0 65px 0
}
.sos-box {
	padding: 80px 0 100px 0
}
.sos-box .tx1 {
	margin-top: 0
}
.sos-box .fib {
	margin-top: 30px
}
.spec-news .txts {
	padding: 50px 40px 0 40px
}
.spec-news .more {
	bottom: 50px;
	padding: 0 40px
}
.nwL {
	padding-right: 30px
}
.tec-infor .item+.item {
	padding-top: 30px;
	margin-top: 30px
}
.case-nav a {
	margin: 0 3px;
	width: 120px;
	font-size: 14px
}
.case-list a {
	margin-left: 35px
}
.case-list {
	margin-left: -35px
}
#map {
	height: 430px
}
.map-nav {
	line-height: 64px
}
.cta-ma .b {
	margin-left: 0
}
.cta-ma {
	width: 23%
}
.fill-in-mess {
	padding: 0
}
.prom-list .ma {
	height: 181px
}
.prom-list .nowti {
	height: 44px;
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 44px
}
.wall-list li {
	height: 174px
}
.wall-list .ti {
	margin-bottom: 10px;
	font-size: 16px
}
.wall-list .freeTx {
	font-size: 12px;
	height: 100px
}
.afsale-list .tx1 {
	font-size: 22px
}
.afsale-list .ma {
	margin-left: 60px
}
.afsale-list {
	margin-left: -60px
}
.afsale-list .c {
	margin-left: -50px
}
.sale-list .picbox {
	width: 385px
}
.his-tx .txts {
	width: 700px;
	padding: 45px 40px 90px 40px
}
.his-tx .pic2 {
	margin-left: 200px
}
.honorx-list .l p {
	padding: 23px 45px
}
.honorx-list .r p {
	padding: 23px 35px
}
.res-list .ma {
	margin-left: 15px
}
.res-list {
	margin-left: -15px
}
.ab-link-list li {
	padding-left: 20px
}
.ab-link-list {
	margin-left: -20px
}
.ab-link-list li {
	margin-bottom: 20px
}
.ab3 .pic {
	width: 615px;
	height: 417px;
	margin-left: 50px
}
.ab3 .txts {
	padding: 55px 0 0 50px;
	font-size: 18px
}
.idea-box {
	width: 436px
}
.idea-list {
	padding-top: 80px;
	padding-bottom: 80px
}
.ab4 .pw>.freeTx {
	padding-top: 80px
}
.pro-nav.fix {
	top: 100px;
	margin-left: -500px;
	padding-bottom: 100px
}
.proL {
	margin-right: 45px
}
.pro-ti:before {
	width: 30px
}
.pro-ti {
	padding-bottom: 10px
}
.pro-tx .pro-ti {
	margin-bottom: 20px
}
.auxii-list .ti {
	margin-top: 15px;
	font-size: 12px
}
.process-list .freeTx {
	margin-left: 20px;
	padding-top: 15px;
	font-size: 14px
}
.process-list {
	margin-left: -20px
}
.process-list li {
	margin-bottom: 20px
}
.process-list .sj {
	margin-left: -8px;
	border-left-width: 8px;
	border-right-width: 8px;
	border-top-width: 14px
}
.charac-list .ti {
	width: 110px;
	height: 110px;
	padding-top: 30px;
	font-size: 20px
}
.charac-list .item {
	padding: 0 15px
}
}
 @media screen and (max-width:1024px) {
.header .b, .header .h-tel {
	display: none
}
.mtop {
	height: 60px
}
.header .logo {
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8)
}
.menu-handler {
	display: block
}
.banner .pic2 {
	position: relative
}
.banner .txts {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.banner .slick-arrow {
	display: none!important
}
.banner .slick-dots {
	display: block!important
}
.ia-video {
	padding: 0 10px 10px 0
}
.ia-video .pai {
	margin: -10px 0 0 -10px
}
.ix-ab .txts .tx {
	height: 48px
}
.ix-ab .txts {
	padding-right: 55px
}
.ix-ab .ia-ti {
	font-size: 24px
}
.ix-pro .txts .more, .ix-pro .txts .tx {
	display: none
}
.ix-pro .txts {
	padding-top: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.ix-pro li {
	width: 50%
}
.in-a .in-date {
	margin-right: 40px
}
.footer .f-ma {
	display: none
}
.footer .f-cont, .footer .f-cop {
	float: none
}
.footer .f-cont {
	overflow: hidden;
	margin-top: 0
}
.footer {
	padding-top: 40px
}
.sos-box {
	padding: 100px 0 120px 0
}
.pbanner .pba-arrow {
	display: none
}
.spec-news .txts {
	padding: 40px 5% 0 5%
}
.spec-news .more {
	bottom: 40px;
	padding: 0 5%
}
.nw1 .news-list {
	margin-top: 60px
}
.pw2 {
	width: 90%
}
.nd-pa {
	padding-left: 0;
	padding-right: 0
}
.nd-tx .freeTx {
	margin-top: 60px
}
.nd-tx .nd-back {
	margin-top: 100px
}
.case-list .nowti {
	border: none;
	height: 56px;
	line-height: 56px
}
.case-small-imgs {
	display: none
}
.case-big-imgs .slick-dots {
	display: block!important
}
.map-nav {
	line-height: 54px;
	font-size: 14px
}
.map-nav .icon {
	width: 24px;
	height: 24px;
	margin-left: 10px
}
.map-nav li>p {
	line-height: 24px
}
.cta-ma {
	width: 150px;
	margin-right: 40px
}
.cta-ma .b {
	width: 100%
}
.prom-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.prom-list li {
	width: 24.75%
}
.prom-list .ma, .prom-list .pic {
	height: 100%
}
.prom-list .tx {
	font-size: 12px
}
.prom-list .nowti {
	height: 40px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 40px
}
.prom-list .pic>img {
	object-fit: cover;
	height: 100%
}
.prom-list .tx2 {
	margin-bottom: 10px
}
.ser-tx {
	padding-left: 5%;
	padding-right: 5%
}
.wall-list .freeTx {
	font-size: 14px;
	height: auto
}
.wall-list .ti {
	font-size: 18px
}
.wall-list .ma {
	padding-bottom: 20px
}
.wall-list li {
	height: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}
.wall-list .pic>img {
	object-fit: cover;
	height: 100%
}
.wall-list .pic {
	width: 64%
}
.wall-list .txts {
	width: 36%
}
.pro-adva-box, .wall-tx .freeTx.pbg {
	padding-left: 5%;
	padding-right: 5%
}
.pro-list .tx {
	margin-top: 20px;
	font-size: 12px;
	line-height: 20px!important
}
.pro-list .ti {
	margin-top: 35px;
	font-size: 16px
}
.pro-list .txts {
	height: 225px
}
.pro-adva-box .pic2 {
	display: none
}
.sale-list .picbox {
	width: 335px;
	margin-right: 30px
}
.sale-list .freeTx {
	font-size: 12px
}
.sale-list .ti {
	font-size: 16px;
	margin-bottom: 15px
}
.chara-list li {
	width: 120px;
	height: 120px;
	margin: 0 30px
}
.chara-list .ti {
	padding-top: 45px;
	font-size: 18px
}
.chara-list li+li:before {
	width: 60px
}
.his-tx .pw {
	width: 100%
}
.his-tx .txts {
	width: 68%
}
.his-tx .picbox {
	width: 32%
}
.his-tx .pic2 {
	margin-left: 0
}
.his-box .his-list {
	margin: 0
}
.chara-tx.pw {
	width: 100%
}
.ab-intro .pic2 {
	margin: 0 auto 60px auto;
	max-width: 100%;
	float: none
}
.ab3 .pw {
	width: 100%
}
.ab3 .txts {
	padding-left: 5%
}
.ab3 .pic {
	margin-left: 35px;
	width: 60%;
	height: auto
}
.idea-box {
	width: 386px
}
.idea-list {
	padding-top: 60px;
	padding-bottom: 60px
}
.idea-list li+li {
	margin-top: 30px
}
.ab4 .pw>.freeTx {
	padding-top: 60px
}
.proL .pnav {
	display: block
}
.pro-box.pw {
	width: 100%
}
.pro-box {
	padding-top: 0!important
}
.proL {
	width: 100%;
	float: none;
	margin: 0 0 90px 0
}
.pro-nav {
	display: none
}
.proR {
	min-height: 0;
	width: 90%;
	margin: 0 auto
}
.pro-x .adv, .pro-x .advx {
	padding-left: 5%;
	padding-right: 5%
}
.auxi-nav, .auxi-ti .en {
	padding: 0 5%
}
.auxi-ti .ch span {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 90%
}
.cta-list .ma {
	padding-left: 10%;
	padding-right: 10%
}
.footer .logo {
	float: none;
	margin: 0
}
.footer .l {
	float: none;
	border: none;
	padding-left: 0
}
.process-list .freeTx {
	padding-top: 20px
}
}
 @media screen and (max-width:861px) {
.banner .txts .ti {
	font-size: 32px
}
.ix-ab .txts {
	width: 100%;
	float: none;
	padding: 40px 5% 50px 5%
}
.ix-ab .txts .tx {
	height: auto
}
.ix-ab .ia-video {
	width: 100%;
	float: none
}
.ia-video .pai {
	margin: 0
}
.ia-video {
	padding: 0
}
.ix3 .in-ti {
	width: 140px
}
.ix-news {
	margin-right: 140px
}
.ix-news .slick-dots {
	width: 140px
}
.ix-news .slick-dots .slick-active {
	width: 6px
}
.in-a .in-date {
	margin-right: 30px
}
.f-cont p {
	float: none
}
.f-cont p+p {
	margin: 0
}
.pnav {
	position: relative;
	background: #d06301;
	border: none;
	z-index: 99;
	color: #fff
}
.pnav a {
	color: #fff
}
.pnav ul {
	position: absolute;
	left: 0;
	width: 100%;
	top: 100%;
	padding: 10px 0;
	background: #d06301;
	background: rgba(0,159,144,.9);
	overflow: hidden;
	display: none
}
.pnav li>a:before {
	display: none
}
.pnav li {
	width: 50%;
	padding: 0;
	float: left
}
.pnav li>a {
	padding: 6px 15px
}
.pnav li>a.act {
	color: #fff
}
.spec-news .more {
	bottom: 20px
}
.spec-news .txts {
	padding-top: 30px
}
.page-pa {
	padding: 70px 0 80px 0
}
.proL {
	margin-bottom: 70px
}
.nw1 .pager {
	margin-top: 60px
}
.nwL, .nwR {
	width: 100%;
	float: none
}
.nwL {
	padding-right: 0
}
.nwR {
	margin-top: 60px
}
.nw3 .pager {
	margin-top: 60px
}
.tec-infor .item {
	padding: 0 5%
}
.tec-infor .tec-ti {
	margin-left: 5%;
	margin-right: 5%
}
.spec-indu .txts {
	padding-left: 5%;
	padding-right: 5%
}
.case-nav .sj {
	display: none!important
}
.case-nav a {
	width: 19.2%;
	margin: 0 1% 1% 0;
	text-align: center
}
.case-nav a:nth-child(5n) {
	margin-right: 0
}
.case-nav {
	text-align: left
}
.case1 .case-nav {
	margin-bottom: 60px
}
.case-list a {
	margin-left: 25px
}
.case-list {
	margin-left: -25px
}
.case-list li {
	margin-bottom: 35px
}
.jb1 .job-list {
	margin-top: 60px
}
.map-nav .icon {
	display: none
}
.cta-list:after, .cta-list:before {
	display: none
}
.cta-list .ma {
	padding: 0;
	height: auto;
	margin-left: 40px;
	border: none;
}
.cta-list {
	margin-left: -40px
}
.cta-list li:nth-child(2n-1) {
	clear: both
}
.cta-list li {
	margin-bottom: 40px;
	border: none;
}
.cta-list {
	border: none;
}
.cta1 {
	padding: 70px 0 60px 0
}
.fill-in-mess .clearfix .s-input {
	width: 49%
}
.fill-in-mess .clearfix .s-input:last-child {
	width: 100%;
	margin: 2% 0 0 0
}
.ser-ti .ch {
	font-size: 24px
}
.ser-ti .en {
	font-size: 16px
}
.ser-ti .txts {
	padding-top: 20px;
	padding-bottom: 20px
}
.prom-tx {
	padding-top: 70px
}
.prom-list li {
	width: 33%;
	-webkit-box-ordinal-group: 21;
	-webkit-order: 20;
	-moz-box-ordinal-group: 21;
	-ms-flex-order: 20;
	order: 20
}
.prom-list li:nth-child(7) {
	width: 66%
}
.prom-list li:nth-child(1) {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}
.prom-list li:nth-child(2) {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	-moz-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}
.prom-list li:nth-child(3) {
	-webkit-box-ordinal-group: 4;
	-webkit-order: 3;
	-moz-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3
}
.prom-list li:nth-child(4) {
	-webkit-box-ordinal-group: 5;
	-webkit-order: 4;
	-moz-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4
}
.prom-list li:nth-child(6) {
	-webkit-box-ordinal-group: 6;
	-webkit-order: 5;
	-moz-box-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5
}
.prom-list li:nth-child(5) {
	-webkit-box-ordinal-group: 7;
	-webkit-order: 6;
	-moz-box-ordinal-group: 7;
	-ms-flex-order: 6;
	order: 6
}
.prom-list li:nth-child(8) {
	-webkit-box-ordinal-group: 8;
	-webkit-order: 7;
	-moz-box-ordinal-group: 8;
	-ms-flex-order: 7;
	order: 7
}
.prom-list li:nth-child(7) {
	-webkit-box-ordinal-group: 9;
	-webkit-order: 8;
	-moz-box-ordinal-group: 9;
	-ms-flex-order: 8;
	order: 8
}
.tech-list .txts {
	padding-top: 0
}
.wall-list .pic {
	width: 55%
}
.wall-list .txts {
	width: 45%
}
.wall-list .ma {
	padding-left: 20px;
	padding-right: 20px
}
.pro-list li {
	width: 100%;
	float: none
}
.pro-list, .pro-list .ma {
	margin: 0
}
.pro-list .ma {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}
.pro-list .pai {
	padding-bottom: 0;
	width: 42%
}
.pro-list .pai>img {
	position: static;
	object-fit: cover;
	height: 100%
}
.pro-list .txts {
	height: auto;
	width: 58%
}
.pro-list li:nth-child(2n) .txts {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	-moz-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}
.pro-list li:nth-child(2n) .pic {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}
.pro-list .tx {
	margin-top: 30px;
	margin-bottom: 55px;
	font-size: 14px;
	line-height: 24px!important
}
.pro-list .ti {
	margin-top: 55px;
	font-size: 18px
}
.afsale-list .ma {
	margin-left: 20px
}
.afsale-list {
	margin-left: -20px
}
.afsale-list .tx1 {
	font-size: 18px;
	padding-top: 16px;
	padding-bottom: 16px
}
.afsale-list img {
	width: 100px
}
.afsale-list .txts img {
	width: auto
}
.afsale-list .c {
	margin-left: -40px
}
.afsale-list .txts {
	padding-top: 20px
}
.sale-list .picbox {
	width: 185px
}
.sale-list .freeTx {
	font-size: 14px
}
.sale-list .ti {
	font-size: 18px;
	margin-bottom: 20px
}
.chara-list li {
	width: 100px;
	height: 100px
}
.chara-list .ti {
	padding-top: 35px;
	font-size: 16px
}
.chara-tx {
	padding-bottom: 95px
}
.honori-list .pai {
	margin-left: 20px
}
.honori-list {
	margin-left: -20px
}
.honori-list a {
	margin-bottom: 20px
}
.res-list .ma {
	margin-left: 5px
}
.res-list {
	margin-left: -5px
}
.res-list .ico {
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: scale(.75);
	-moz-transform: scale(.75);
	-ms-transform: scale(.75);
	transform: scale(.75)
}
.res-list .ti {
	font-size: 16px
}
.res-list .txts {
	height: 165px
}
.res-list .ico {
	margin-top: 45px
}
.ab-adva-list .pic {
	display: none
}
.ab-adva-list li {
	padding: 25px 5% 35px 5%
}
.indu-ti {
	font-size: 24px
}
.indu-list .ma {
	margin-left: 30px
}
.indu-list {
	margin-left: -30px
}
.indu-list .txts {
	font-size: 14px;
	height: 105px
}
.indu-list .year {
	width: 104px;
	margin-top: 20px
}
.indu-list li {
	margin-bottom: 35px;
	padding-left: 10px;
}
.ab-link-list {
	margin-left: -10px
}
.ab-link-list li {
	margin-bottom: 10px
}
.ab1 .ab-link-list {
	margin-top: 60px
}
.ab3 .pic {
	width: 100%;
	float: none;
	margin-left: 0
}
.ab3 .txts {
	padding-right: 5%;
	padding-bottom: 220px
}
.ab3 .pw {
	width: 90%;
	background-color: #d06301
}
.ab3 {
	background: 0 0
}
.idea-box {
	width: 100%;
	float: none
}
.idea-list {
	padding-left: 5%;
	padding-right: 5%
}
.ab4 {
	background: 0 0!important;
	padding: 60px 0 80px 0
}
.pro-tx {
	padding: 20px 20px 40px 20px
}
.pro-tx .txts {
	width: auto;
	float: none;
	padding: 0;
	overflow: hidden
}
.pro-tx .pic {
	width: 240px;
	margin-right: 20px
}
.auxi-nav a {
	margin-left: 25px
}
.auxi-nav {
	margin-left: -25px
}
.auxi-tp .auxi-nav {
	margin-top: 90px
}
.auxi-tp {
	padding-bottom: 80px
}
.process-list li {
	width: 50%
}
.charac-list .item {
	font-size: 12px;
	padding: 0 10px
}
.charac-list .ti {
	width: 90px;
	height: 90px;
	padding-top: 22px;
	font-size: 18px
}
}
 @media screen and (max-width:641px) {
.spec-news {
	padding: 15px 15px 45px 15px
}
.spec-news .pic {
	width: 100%;
	float: none
}
.spec-news .txts {
	width: 100%;
	float: none;
	padding: 15px 0 0 0
}
.spec-news .tx {
	height: auto
}
.spec-news .more {
	padding: 0;
	width: 100%;
	position: static;
	margin-top: 30px
}
.news-list a {
	padding: 15px
}
.news-list .pic {
	width: 170px;
	margin-right: 20px
}
.news-list .nowti {
	margin-bottom: 10px
}
.news-list .tx {
	margin-bottom: 20px
}
.news-list .nw-date {
	margin-left: 20px
}
.case-list li {
	width: 50%
}
.case-table {
	overflow: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}
.case-table table {
	width: 800px
}
.cta-ti {
	font-size: 30px
}
.prom-list .ma {
	margin-left: 10px
}
.prom-list {
	margin-left: -10px
}
.prom-list li {
	margin-bottom: 10px
}
.tech-list .pic {
	width: 115px;
	margin-right: 25px
}
.tech-list .ti {
	font-size: 20px
}
.afsale-list .tx1 {
	font-size: 16px
}
.his-tx .picbox {
	display: none
}
.his-tx .txts {
	width: 100%;
	padding-left: 5%;
	padding-right: 5%
}
.chara-list li {
	margin: 0 20px
}
.chara-list li+li:before {
	width: 40px
}
.indu-list li {
	width: 50%
}
.charac-list .item {
	float: none;
	width: 100%;
	padding: 0;
	font-size: 14px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.charac-list .lin {
	display: none
}
.charac-list {
	border-left: none
}
.charac-list .text {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: 15px
}
.charac-list .ti {
	margin: 0
}
.charac-list .item+.item {
	margin-top: 20px
}
}
 @media screen and (max-width:601px) {
.banner .txts .ti {
	font-size: 26px
}
.ix1 {
	padding: 13.33vw 0
}
.ix-ab .txts {
	padding-top: 6.67vw;
	padding-bottom: 8.33vw
}
.ix-ab .txts .ia-ti {
	margin-bottom: 3.33vw
}
.ix-ab .txts .tx {
	margin-bottom: 6.67vw
}
.ix-pro .txts {
	padding-left: 5%;
	padding-right: 5%
}
.ix-pro .pic2 {
	height: 61.67vw
}
.ix3 {
	padding: 12.5vw 0 10.83vw 0
}
.ix3 .in-ti {
	float: none;
	text-align: left;
	width: 100%
}
.ix-news {
	margin: 6.67vw 0 0 0;
	padding-bottom: 36px
}
.ix-news .slick-dots {
	width: 100%;
	left: 0;
	text-align: center
}
.ix-news .slick-dots li {
	margin: 0 6px
}
.in-a .in-date {
	margin-right: 5vw
}
.footer {
	padding: 6.67vw 0
}
.sos-box {
	padding: 16.67vw 0 20vw 0
}
.sos-box .fib {
	margin-top: 5vw
}
.page-pa {
	padding: 12vw 0 14vw 0
}
.proL {
	margin-bottom: 12vw
}
.spec-news .tx {
	margin-top: 3.33vw
}
.spec-news .more {
	margin-top: 5vw
}
.spec-news {
	padding-bottom: 7.5vw
}
.nw1 .news-list {
	margin-top: 10vw
}
.nw1 .pager {
	margin-top: 10vw
}
.nw-date {
	width: auto;
	height: auto;
	padding: 0;
	background: 0 0;
	text-align: left;
	color: #999;
	font-size: 12px
}
.nw-date .d i, .nw-date>p {
	display: inline
}
.nw-date .y {
	position: static
}
.nw-date .d {
	font-size: 12px
}
.news-list .nw-date {
	float: none;
	margin: 0 0 10px 0;
	overflow: hidden
}
.news-list .tx {
	margin-bottom: 45px
}
.news-list .nowti {
	margin-bottom: 20px
}
.news-list .pic {
	width: 130px
}
.news-list a+a {
	margin-top: 5.83vw
}
.nd-tx .freeTx {
	margin-top: 10vw
}
.nd-tx .nd-back {
	margin-top: 16.67vw
}
.spec-indu .nowti, .spec-indu .tx {
	margin-bottom: 3.33vw
}
.spec-indu .txts {
	padding-top: 4.17vw;
	padding-bottom: 3.33vw
}
.indu-list .nowti {
	padding-left: 15px
}
.indu-list .sj {
	left: 0
}
.nw3 .indu-list {
	margin-top: 6.67vw
}
.nw3 .pager, .nwR {
	margin-top: 10vw
}
.tec-infor .item+.item {
	padding-top: 5vw;
	margin-top: 5vw
}
.tec-infor .tec-ti {
	margin-bottom: 4.17vw
}
.tec-infor {
	padding: 4.17vw 0 5.83vw 0
}
.case-nav a:nth-child(5n) {
	margin-right: 1%
}
.case-nav a {
	width: 24.25%
}
.case-nav a:nth-child(4n) {
	margin-right: 0
}
.case1 .case-nav {
	margin-bottom: 10vw
}
.case-list li {
	margin-bottom: 5.83vw
}
.case1 .case-list {
	margin-bottom: 4.17vw
}
.nw2 .case-big-imgs {
	margin-top: 6.67vw
}
.case-table table td {
	padding-top: 4.67vw;
	padding-bottom: 4.67vw
}
.jb1 .job-list {
	margin-top: 10vw
}
.job-list .t:before {
	right: 20px
}
.job-list .t:after {
	right: 26px
}
.job-list, .job-list li {
	border-width: 2px
}
.job-list .nowti {
	margin-right: 40px;
	line-height: 12vw
}
.job-list .t {
	padding: 0 5%
}
.job-list .b {
	padding: 5vw 5% 10vw 5%
}
.cta2 {
	padding: 13vw 0 15vw 0
}
.cta1 {
	padding: 13vw 0 7.5vw 0
}
.cta-ma {
	width: 120px;
	margin-right: 6.67vw
}
.cta2 .cta-ti {
	margin-bottom: 6.67vw
}
.cta2 .freeTx {
	margin-top: 12vw
}
.ser-ti .txts {
	padding-top: 3.33vw;
	padding-bottom: 3.33vw
}
.ser-tx {
	padding-top: 10vw;
	padding-bottom: 12vw
}
.ser-tx .ser-ti {
	margin-bottom: 8.33vw
}
.prom-tx .prom-list {
	margin-top: 10vw
}
.prom-tx {
	padding-top: 12vw
}
.prom-list li, .prom-list li:nth-child(7) {
	width: 49.5%
}
.prom-list li:nth-child(3) {
	-webkit-box-ordinal-group: 5;
	-webkit-order: 4;
	-moz-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4
}
.prom-list li:nth-child(4) {
	-webkit-box-ordinal-group: 4;
	-webkit-order: 3;
	-moz-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3
}
.prom-list li:nth-child(7) {
	-webkit-box-ordinal-group: 8;
	-webkit-order: 7;
	-moz-box-ordinal-group: 8;
	-ms-flex-order: 7;
	order: 7
}
.prom-list li:nth-child(8) {
	-webkit-box-ordinal-group: 9;
	-webkit-order: 8;
	-moz-box-ordinal-group: 9;
	-ms-flex-order: 8;
	order: 8
}
.tech-list li {
	padding: 4.17vw 5%
}
.wall-list .ma {
	padding-left: 3.33vw;
	padding-right: 3.33vw;
	margin-left: 0
}
.wall-tx .freeTx.pbg {
	padding-bottom: 15vw
}
.wall-tx .freeTx+.freeTx {
	padding-top: 12.5vw
}
.wall-list .pic, .wall-list .txts {
	width: 100%
}
.wall-list li {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.wall-list .pic {
	height: 35vw
}
.pro-list .ti {
	margin-top: 9.17vw
}
.pro-list .tx {
	margin-top: 5vw;
	margin-bottom: 9.17vw
}
.pro-adva-box {
	padding-top: 10vw;
	margin-top: 12vw
}
.pro-adva-box>.freeTx {
	margin-bottom: 12vw
}
.pro-adva-list li {
	padding-top: 7vw;
	padding-bottom: 4.17vw
}
.pro-adva-list li:last-child {
	padding-bottom: 14vw
}
.sale-list .picbox {
	margin-right: 5vw;
	width: 135px
}
.sale-list .freeTx {
	font-size: 12px
}
.sale-list .ti {
	font-size: 16px;
	margin-bottom: 3.33vw
}
.sale-list li+li {
	margin-top: 9.17vw
}
.pro-adva-box.ser-pa {
	padding-bottom: 12vw;
	margin-top: 0
}
.afsale-list img {
	width: 80px
}
.afsale-list .ma {
	margin-left: 10px
}
.afsale-list {
	margin-left: -10px
}
.afsale-list .c {
	margin-left: -35px
}
.afsale-list .tx1 {
	margin-top: 1.67vw;
	font-size: 14px;
	padding-top: 2.67vw;
	padding-bottom: 2.67vw
}
.afsale-list .tx2 {
	margin-top: 1.67vw;
	font-size: 12px
}
.afsale-list .txts {
	padding-top: 3.33vw
}
.chara-list li+li:before {
	display: none
}
.chara-list li {
	width: 120px;
	height: 120px;
	margin: 0 30px 5vw 30px
}
.chara-list .ti {
	padding-top: 45px;
	font-size: 18px
}
.chara-list {
	width: 360px;
	margin: 0 auto
}
.chara-tx {
	padding-bottom: 10vw
}
.his-tx .txts {
	padding-top: 7.5vw;
	padding-bottom: 15vw
}
.his-box {
	margin-top: 12vw
}
.his-box .txts {
	width: 100%
}
.his-box .date {
	position: relative;
	margin-left: 35px
}
.his-box .his-list:before {
	left: 11px
}
.his-dot {
	background-position: left 0
}
.his-box .item2 .freeTx {
	margin-right: 0;
	margin-left: 35px
}
.his-box .item1 .date, .his-box .item2 .date {
	left: 0
}
.his-box .item2 .date {
	right: auto
}
.his-box .item2 .dot {
	left: auto;
	right: 100%;
	margin-left: 0
}
.his-box .item2 .dot:after {
	right: auto;
	left: 100%;
	margin-right: 0
}
.his-box .item1 .dot, .his-box .item2 .dot {
	margin-right: 17px
}
.his-box .item1 .dot:after, .his-box .item2 .dot:after {
	width: 17px
}
.his-list li+li {
	margin-top: 5vw
}
.his-box .his-list {
	padding: 10vw 0
}
.honorx-list .l p {
	padding: 3.83vw 7.5vw
}
.honorx-list .r p {
	padding: 3.83vw 5.83vw
}
.honorx-list .l {
	width: 70%
}
.honorx-list .r {
	width: 30%
}
.ab1 .honor-tx, .ab1 .honori-list {
	margin-top: 9.17vw
}
.honori-list a {
	width: 50%
}
.res-tx {
	padding-bottom: 10vw
}
.res-ti {
	padding: 3.33vw 5%
}
.res-tx .res-ti {
	margin-bottom: 5vw
}
.res-list li {
	width: 33.33%;
	margin-bottom: 5px
}
.ab1 .res-list {
	margin-bottom: 12vw
}
.res-ti .sj-r {
	display: none
}
.ab-adva-list li {
	padding-top: 4.17vw;
	padding-bottom: 5.83vw
}
.ab-adva-list .ti {
	margin-bottom: 2.5vw
}
.ab-adva-list li+li {
	margin-top: 5vw
}
.ab1 .ab-adva-list {
	margin-top: 4.17vw
}
.indu-ti {
	font-size: 20px;
	padding-top: 4.17vw;
	padding-bottom: 4.17vw
}
.res-tx .indu-ti {
	margin-bottom: 5vw
}
.ab1 .indu-tx {
	margin-bottom: 6.67vw
}
.ab1 .indu-list {
	margin-bottom: 5.83vw
}
.ab1 .ab-link-list {
	margin-top: 10vw
}
.ab-link-list li {
	width: 33.33%
}
.ab-intro .pic2 {
	margin-bottom: 10vw
}
.ab3 .txts {
	padding-top: 9.17vw
}
.ab4 {
	padding: 10vw 0 14vw 0
}
.ab4 .pw>.freeTx {
	padding-top: 10vw
}
.idea-box .idea-ti {
	padding-top: 5vw;
	padding-bottom: 5vw
}
.idea-list {
	padding-top: 10vw;
	padding-bottom: 10vw
}
.pro-tx .pic {
	width: 180px
}
.pro-x .pro-sti, .pro-x .pro-ti {
	margin-bottom: 6.67vw
}
.pro-x {
	padding-top: 10vw
}
.auxi-tp {
	padding: 12vw 0 14vw 0
}
.auxi-tp .auxi-nav {
	margin-top: 15vw
}
.auxi-nav a {
	margin-left: 15px
}
.auxi-nav {
	margin-left: -15px
}
.auxi-ti .ch span {
	padding: 0 5vw
}
.au1 .freeTx .pic {
	width: 100%;
	font: none;
	margin: 0 0 5vw 0
}
.aux .auxi-sti {
	margin-bottom: 6.67vw
}
.aux {
	padding-top: 12vw
}
.auxi-stx {
	padding-top: 4.17vw;
	padding-bottom: 4.17vw;
	font-size: 20px
}
.aux .auxi-stx {
	margin-top: 8.33vw
}
.aux .auxii-list {
	margin-top: 5vw
}
.cta-list li {
	width: 100%;
	float: none;
	margin-bottom: 7.5vw
}
.cta-list, .cta-list .ma {
	margin-left: 0
}
.process-list .freeTx {
	padding-top: 15px
}
}
 @media screen and (max-width:481px) {
.menuBox {
	width: 260px;
	right: -260px
}
.navMobile .mtv>a {
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 14px
}
.navMobile dd>a {
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 16px
}
.navMobile a {
	padding-left: 40px
}
.navMobile .mtv .one>a {
	font-size: 13px
}
.banner .txts .ti {
	font-size: 20px
}
.ix-ab .ia-ti {
	font-size: 20px
}
.ip-ti .ch {
	font-size: 18px
}
.ip-ti .en {
	font-size: 12px
}
.ia-more {
	width: 96px;
	font-size: 12px
}
.ia-more .icon {
	margin-left: 3px;
	font-size: 20px
}
.sos-box .tx1 {
	font-size: 14px
}
.pager .arrow {
	display: none
}
.news-list .pic {
	width: 110px;
	margin-right: 15px
}
.pbanner .ch {
	font-size: 20px
}
.backList {
	font-size: 12px;
	width: 80px
}
.nd-back .backList {
	margin-left: 20px
}
.indu-list .nowti, .indu-list a {
	line-height: 30px
}
.case-nav a:nth-child(4n) {
	margin-right: 1%
}
.case-nav a {
	width: 32.66%
}
.case-nav a:nth-child(3n) {
	margin-right: 0
}
.case-list li {
	width: 100%;
	float: none
}
.case-list, .case-list a {
	margin-left: 0
}
.slick-dots li {
	width: 8px;
	height: 8px;
	margin: 0 4px
}
.job-list .nowti {
	font-size: 14px
}
.job-list .t:before {
	right: 5%;
	margin-top: -1px;
	width: 12px;
	height: 2px
}
.job-list .t:after {
	right: 5%;
	margin-top: -6px;
	margin-right: 5px;
	width: 2px;
	height: 12px
}
.cta-ti {
	font-size: 24px
}
#map {
	height: 330px
}
.cta-ma {
	float: none;
	width: 100%
}
.cta-ma .b {
	width: 150px;
	margin: 0 auto
}
.ser-ti .ch {
	font-size: 20px
}
.ser-ti .en {
	font-size: 14px
}
.prom-list li {
	width: 30%
}
.prom-list li:nth-child(2), .prom-list li:nth-child(4), .prom-list li:nth-child(5), .prom-list li:nth-child(7) {
	width: 69%
}
.prom-list .ma {
	margin-left: 5px
}
.prom-list {
	margin-left: 5px
}
.prom-list li {
	margin-bottom: 5px
}
.tech-list .pic {
	width: 85px;
	margin-right: 4.17vw
}
.tech-list .ti {
	font-size: 18px
}
.wa-ti {
	font-size: 20px
}
.pro-list .ti {
	font-size: 16px
}
.pro-list .tx {
	font-size: 12px;
	line-height: 20px!important
}
.pro-adva-list li {
	border-width: 1px;
	padding-left: 25px
}
.pro-adva-list .sj {
	margin: -3px 18px 0 0;
	border-left-width: 7px;
	border-top-width: 3px;
	border-bottom-width: 3px
}
.pro-adva-list .ti {
	margin-bottom: 10px;
	font-size: 16px
}
.afsale-list img {
	width: 60px
}
.afsale-list .c {
	margin-left: -25px
}
.sale-list .picbox {
	float: none;
	width: 100%;
	margin-bottom: 5vw;
	margin-right: 0
}
.sale-list .freeTx {
	font-size: 14px
}
.sale-list .ti {
	font-size: 18px
}
.chara-list li {
	width: 100px;
	height: 100px;
	margin-left: 10px;
	margin-right: 10px
}
.chara-list {
	width: 240px
}
.chara-list .ti {
	padding-top: 35px;
	font-size: 16px
}
.honorx-list .t {
	font-size: 16px
}
.honori-list .pai {
	margin-left: 10px
}
.honori-list {
	margin-left: -10px
}
.honori-list a {
	margin-bottom: 10px
}
.ab-adva-list .ti, .res-ti {
	font-size: 18px
}
.indu-ti {
	font-size: 18px
}
.indu-list li {
	width: 100%;
	float: none
}
.indu-list, .indu-list .ma {
	margin-left: 0
}
.indu-list .txts {
	font-size: 16px;
	height: auto
}
.indu-list .year {
	width: 124px;
	margin-top: 25px
}
.ab-link-box .ser-ti .en {
	font-size: 18px
}
.ab-link-list li {
	margin-bottom: 5px;
	padding-left: 5px;
}
.ab-link-list {
	margin-left: -5px
}
.ab3 .txts {
	font-size: 16px
}
.idea-ti {
	font-size: 18px
}
.idea-list .ico {
	width: 45px
}
.pro-sti .en {
	display: block;
	margin: 5px 0 0 0
}
.pro-tx .pic {
	width: 100%;
	margin: 0 0 20px 0;
	float: none
}
.pro-tx {
	padding: 5% 5% 6.67vw 5%
}
.pro-sti:before {
	display: none
}
.pro-sti {
	line-height: 1.4
}
.pro-sti .en {
	line-height: 1
}
.pro-sti>p {
	display: block;
	padding: 0
}
.auxi-stx {
	font-size: 18px
}
.auxi-ti .ch {
	font-size: 20px
}
.auxi-ti .en {
	font-size: 12px
}
.auxi-nav a {
	margin-left: 5px;
	font-size: 14px
}
.auxi-nav {
	margin-left: -5px
}
.auxi-sti:before {
	display: block
}
.auxi-sti>p {
	display: inline-block;
	padding-right: 20px
}
.auxii-list li {
	width: 100%;
	font: none
}
.auxii-list, .auxii-list .ma {
	margin-left: 0
}
.auxii-list li+li {
	margin-top: 5vw
}
.auxii-list .ti {
	font-size: 14px
}
.process-list .freeTx {
	margin-left: 10px;
	padding-left: 15px;
	padding-right: 15px;
	height: 110px;
	font-size: 12px
}
.process-list {
	margin-left: -10px
}
.process-list li {
	margin-bottom: 10px
}
.process-list .sj {
	margin-left: -5px;
	border-top-width: 8px;
	border-left-width: 5px;
	border-right-width: 5px
}
.charac-list .ti {
	width: 70px;
	height: 70px;
	padding-top: 17px;
	font-size: 14px
}
}
















*, :after, :before {
	outline: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
	margin: 0;
	padding: 0
}
body, button, input, select, textarea {
	font: 14px/1.8 arial, "times new roman", tahoma, "Microsoft Yahei", "微软雅黑", "Microsoft JhengHei", "微软正黑体", sans-serif;
	color: #666
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400
}
b, cite, code, em, i, small, th {
	font-style: normal
}
ol, ul {
	list-style: none
}
a {
	text-decoration: none;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
	cursor: pointer
}
fieldset, iframe, img {
	border: 0
}
button, input, select, textarea {
	font-size: 100%;
	border-radius: 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	background: 0 0;
	outline: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
th {
	text-align: inherit
}
button, input[type=button], input[type=submit] {
	cursor: pointer
}
 button::-moz-focus-inner, button::-moz-focus-outer, input::-moz-focus-inner, input::-moz-focus-outer {
border:0 none;
padding:0;
margin:0
}
input[type=search] {
	-webkit-appearance: textfield
}
 input:focus::-webkit-input-placeholder {
color:transparent
}
 input::-ms-clear {
display:none
}
textarea {
	resize: vertical;
	overflow-y: auto
}

::-moz-selection {
background:#d76c00;
color:#fff;
text-shadow:none
}




.navMobile .mtv {
	display: none;
	padding: 12px 0;
	border-bottom: 1px solid rgba(255,255,255,.6)
}
.navMobile .mtv>a {
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 16px
}
 @media screen and (max-width:1366px) {
.navMobile dd>a {
	font-size: 16px
}
.navMobile .mtv>a {
	font-size: 14px
}
}
.footer {
	position: relative;
	background: #183b54;
	padding: 36px 0;
	color: #fff;
	color: rgba(255,255,255,.5)
}
.footer a {
	color: #fff;
	color: rgba(255,255,255,.5)
}
 @media screen and (min-width:1025px) {
.footer a:not(.na):hover {
	color: #e71f29
}
}
.footer .logo-wrap {
	display: block;
	margin-bottom: 65px;
	color: #fff;
	overflow: hidden
}
.footer .logo-wrap .name {
	float: left;
	margin-top: 9px;
	padding-left: 15px;
	border-left: 1px solid #fff;
	line-height: 1;
	font-size: 16px
}
.footer .logo {
	float: left;
	width: 212px;
	margin-right: 25px
}
.footer .f-cta {
	float: left;
	border-left: 1px solid #fff;
	padding-left: 20px;
	color: #fff
}
.footer .f-cta a {
	color: #fff
}
 @media screen and (min-width:1025px) {
.footer .f-cta a:not(.na):hover {
	color: #e71f29
}
}
.footer .f-cop {
	float: right;
	text-align: right
}
.footer .back-top {
	position: absolute;
	left: 0;
	top: 0;
	height: auto;
	bottom: 115px;
	color: #999
}
 @media screen and (max-width:1221px) {
.footer {
	padding: 75px 0
}
.footer .back-top {
	position: fixed;
	z-index: 599;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(231,31,41,.8);
	top: auto;
	left: auto;
	right: 10px;
	bottom: 10px
}
.footer .back-top .x {
	display: none
}
.footer .back-top .btn-arrow {
	height: 20px
}
.footer .back-top .btn-arrow:before {
	background: #fff
}
.footer .back-top .btn-arrow:after {
	color: #fff
}
}
 @media screen and (max-width:861px) {
.footer .f-cop, .footer .f-cta {
	float: none
}
.footer .f-cop {
	text-align: left;
	margin-top: 10px
}
.footer .f-cta {
	border-left: none;
	padding-left: 0
}
.footer .logo-wrap {
	margin-bottom: 40px
}
}
 @media screen and (max-width:601px) {
.footer {
	padding: 12.5vw 0
}
.footer .logo {
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(.7);
	-moz-transform: scale(.7);
	-ms-transform: scale(.7);
	transform: scale(.7);
	float: none
}
.footer .logo-wrap .name {
	float: none;
	font-size: 14px;
	margin-top: 5px
}
}
.index-page .mtop {
	height: 0
}
.index-page .header {
	background: 0 0;
	box-shadow: none
}
.index-page .header a {
	color: #fff
}
.index-page .header .logo-wrap .name {
	border-color: #fff;
	border-color: rgba(255,255,255,.6)
}
.index-page .header .logo .img1 {
	display: block
}
.index-page .header .logo .img2 {
	display: none
}
.index-page .sheader {
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.5)
}
.index-page .sheader a {
	color: #666
}
.index-page .sheader .logo-wrap .name {
	border-color: #e5e5e5
}
.index-page .sheader .logo .img1 {
	display: none
}
.index-page .sheader .logo .img2 {
	display: block
}
.index-page .sheader .nav li>a {
	color: #333
}
 @media screen and (max-width:1024px) {
.index-page .mtop {
	height: 60px
}
.index-page .header {
	background: #2b78dc
}
}
.ix1 .info-wrap {
	padding: 155px 5% 145px
}
.ix1 .info-wrap .freeTx {
	width: 860px;
	max-width: 100%;
	margin: 25px auto 0;
	font-size: 16px
}
.ix1 .fixbg {
	overflow: hidden
}
.ix1 .ix-pro-list li {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0;
	visibility: hidden
}
.ix1 .ix-pro-list li:nth-child(2n) {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}
 @media screen and (max-width:1366px) {
.ix1 .info-wrap {
	padding-top: 125px;
	padding-bottom: 115px
}
.ix1 .info-wrap .freeTx {
	width: 760px;
	font-size: 14px
}
}
 @media screen and (max-width:1024px) {
.ix1 .info-wrap {
	padding-bottom: 85px
}
}
 @media screen and (max-width:601px) {
.ix1 .info-wrap {
	padding-top: 20.83333vw;
	padding-bottom: 14.16667vw
}
.ix1 .info-wrap .freeTx {
	margin-top: 4.16667vw
}
}
.active .ix-pro-list li, .active .ix-pro-list li:nth-child(2n) {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	visibility: visible
}
.pw2 {
	width: 1402px;
	margin: 0 auto
}
 @media screen and (max-width:1700px) {
.pw2 {
	width: 1201px
}
}
 @media screen and (max-width:1500px) {
.pw2 {
	width: 1102px
}
}
 @media screen and (max-width:1366px) {
.pw2 {
	width: 1003px
}
}
 @media screen and (max-width:1024px) {
.pw2 {
	width: 90%
}
}



.slick-next:before {
	content: "\e65f"
}
.ipimgs-list .pai {
	padding-bottom: 36.45833%
}
 @media screen and (max-width:1024px) {
.ipimgs-list {
	display: none
}
}
.ip-wrap {
	position: relative
}
 @media screen and (max-width:1024px) {
.ip-wrap {
	padding: 0 5%
}
}
.ix-pro-list {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
.ix-pro-list li {
	width: 25%;
	height: 100%;
	float: left
}
.ix-pro-list a {
	display: block;
	padding: 65.83333% 5% 0;
	height: 100%;
	background: url(../images/black5.png);
	background: rgba(0,0,0,.8);
	text-align: center;
	color: #fff;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
 @media screen and (min-width:1025px) {
.ix-pro-list a:hover {
	background: rgba(0,0,0,.6);
	padding-top: 38%
}
.ix-pro-list a:hover .line, .ix-pro-list a:hover .more, .ix-pro-list a:hover .nowti {
	opacity: 1;
	visibility: visible
}
}
 @media screen and (min-width:1367px) {
.ix-pro-list a:hover {
	padding-top: 48.33333%
}
}
.ix-pro-list .line, .ix-pro-list .more, .ix-pro-list .nowti {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
.ix-pro-list .line {
	display: block;
	margin: 20px auto 0;
	width: 30px;
	height: 1px;
	background: #fff;
	background: rgba(255,255,255,.5)
}
.ix-pro-list .nowti {
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.8
}
.ix-pro-list .more {
	margin-top: 50px
}
 @media screen and (max-width:1366px) {
.ix-pro-list a {
	padding-top: 62%
}
}
 @media screen and (max-width:1024px) {
.ix-pro-list {
	position: static;
	margin-left: -30px
}
.ix-pro-list a {
	padding-top: 61px;
	margin-left: 30px;
	background: 0 0;
	border: 1px solid #e5e5e5;
	height: 360px;
	color: #666;
	box-shadow: 0 3px 6px rgba(0,0,0,.16)
}
.ix-pro-list .line, .ix-pro-list .more, .ix-pro-list .nowti {
	opacity: 1;
	visibility: visible
}
.ix-pro-list li {
	width: 50%;
	margin-top: 30px
}
.ix-pro-list .btn-more {
	background: #e71f29;
	border-color: #e71f29;
	color: #fff
}
.ix-pro-list .line {
	background: #e5e5e5
}
}
 @media screen and (max-width:861px) {
.ix-pro-list .nowti {
	font-size: 14px
}
.ix-pro-list .more {
	margin-top: 40px
}
.ix-pro-list .btn-more-1 {
	width: 120px;
	height: 40px;
	line-height: 38px;
	font-size: 14px
}
.ix-pro-list a {
	padding-top: 50px;
	height: 300px
}
}
 @media screen and (max-width:601px) {
.ix-pro-list li {
	width: 100%;
	border-right: none;
	margin-top: 5vw
}
.ix-pro-list a {
	height: auto;
	padding-top: 10vw;
	padding-bottom: 10vw
}
}
.ic-nav {
	margin-left: -15px
}
.ic-nav li {
	width: 9.08%;
	float: left;
	margin-bottom: 15px
}
.ic-nav li>a {
	display: block;
	margin-left: 15px;/* padding:0 25px; */
	height: 46px;
	background: #fff;
	color: #999;
	line-height: 46px;
	font-size: 16px;
	text-align: center
}
.ic-nav li>a.act {
	background: #e71f29;
	color: #fff
}
 @media screen and (min-width:1025px) {
.ic-nav li>a:hover {
	background: #e71f29;
	color: #fff
}
}
 @media screen and (max-width:1366px) {
.ic-nav {
	margin-left: -5px
}
.ic-nav li {
	margin-bottom: 5px
}
.ic-nav li>a {
	margin-left: 5px
}
}
 @media screen and (max-width:1024px) {
.ic-nav li {
	width: 20%
}
.ic-nav li>a {
	font-size: 14px
}
}
 @media screen and (max-width:601px) {
.ic-nav li {
	width: 25%
}
}
 @media screen and (max-width:481px) {
.ic-nav {
	margin-left: -1px
}
.ic-nav li {
	margin-bottom: 1px
}
.ic-nav li>a {
	margin-left: 1px
}
}
.case-list {
	margin-left: -1px
}
.case-list li {
	width: 33.33%;
	float: left;
	margin-bottom: 1px
}
.case-list a {
	display: block;
	position: relative;
	margin-left: 1px;
	color: #d06301
}
 @media screen and (min-width:1025px) {
.case-list a:hover .pai:before {
	opacity: 0;
	visibility: hidden
}
.case-list a:hover .pai:after {
	opacity: 1;
	visibility: visible
}
.case-list a:hover .ti1 {
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
	opacity: 0;
	visibility: hidden
}
.case-list a:hover .more, .case-list a:hover .txts {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	visibility: visible
}
}
.case-list .pai {
	padding-bottom: 57.81585%
}
.case-list .pai:after, .case-list .pai:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
.case-list .pai:before {
	height: 75px;
	background: -webkit-linear-gradient(top, rgba(7,7,7,0) 0, #000 100%);
	background: -moz- oldlinear-gradient(top, rgba(7,7,7,0) 0, #000 100%);
	background: linear-gradient(180deg, rgba(7,7,7,0) 0, #000 100%);
	opacity: .3
}
.case-list .pai:after {
	top: 0;
	background: #2b78dc;
	background: rgba(43,120,220,.8);
	opacity: 0;
	visibility: hidden
}
.case-list .ti1, .case-list .txts {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 10;
	padding: 0 30px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
.case-list .ti1 {
	bottom: 13px
}
.case-list .txts {
	top: 40px;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
	visibility: hidden
}
.case-list .ty {
	font-size: 12px;
	margin-bottom: 2px
}
.case-list .ti2 {
	font-size: 16px;
	font-weight: 700
}
.case-list .more {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10;
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	transform: translateX(-20px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
 @media screen and (max-width:1700px) {
.case-list .txts {
	top: 30px
}
}
 @media screen and (max-width:1500px) {
.case-list .ti1, .case-list .txts {
	padding: 0 20px
}
.case-list .txts {
	top: 25px
}
}
 @media screen and (max-width:1366px) {
.case-list .btn-more-2 {
	width: 168px;
	height: 40px;
	line-height: 38px
}
.case-list .btn-more-2 .btn-arrow {
	margin: 0 0 17px 20px;
	height: 4px;
	width: 34px
}
.case-list .btn-more-2 .btn-arrow:after {
	border-left-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px
}
}
 @media screen and (max-width:1024px) {
.case-list li {
	width: 50%
}
}
 @media screen and (max-width:481px) {
.case-list li {
	width: 100%
}
}
.in-item {
	display: block;
	border: 1px solid #e5e5e5;
	border-left: none;
	height: 272px;
	padding: 40px 50px 0 40px;
	font-size: 16px
}
.in-item .nowti {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}
.in-item .tx {
	height: 48px;
	margin-top: 5px
}
.in-item .more {
	line-height: 0;
	margin-top: 48px
}
.in-item .date {
	margin-bottom: 13px
}
 @media screen and (min-width:1025px) {
.in-item:hover .nowti {
	color: #3f58bc
}
.in-item:hover .btn-arrow {
	width: 95px
}
.in-item:hover .btn-arrow:before {
	background: #e71f29
}
.in-item:hover .btn-arrow:after {
	color: #e71f29
}
}
 @media screen and (max-width:1700px) {
.in-item {
	padding-right: 40px
}
}
 @media screen and (max-width:1366px) {
.in-item {
	padding-left: 30px;
	padding-right: 30px
}
}
 @media screen and (max-width:1024px) {
.in-item {
	margin-left: 20px;
	border: none;
	background: #f2f2f2
}
}
 @media screen and (max-width:601px) {
.in-item {
	padding-left: 5%;
	padding-right: 5%
}
}
.ix-news-list {
	overflow: visible;
	border-left: 1px solid #e5e5e5
}
.ix-news-list .slick-dots {
	top: 100%;
	margin-top: 70px
}
.ix-news-list .slick-dots li {
	border: 1px solid #ccc;
	background: 0 0
}
 @media screen and (min-width:1025px) {
.ix-news-list .slick-dots li:hover {
	background: #e71f29;
	border-color: #e71f29
}
}
.ix-news-list .slick-dots .slick-active {
	background: #e71f29;
	border-color: #e71f29
}
 @media screen and (max-width:1024px) {
.ix-news-list {
	border-left: none;
	margin-left: -20px
}
.ix-news-list .slick-dots {
	position: static;
	padding-left: 20px;
	margin-top: 50px
}
}
 @media screen and (max-width:601px) {
.ix-news-list .slick-dots {
	margin-top: 8.33333vw
}
}
.ix-charac-list {
	line-height: 1.2;
	font-size: 16px
}
.ix-charac-list li {
	width: 25%;
	text-align: center
}
 @media screen and (min-width:1025px) {
.ix-charac-list li:hover .icon, .ix-charac-list li:hover .tx1 {
	color: #2b78dc
}
}
.ix-charac-list .icon {
	margin-bottom: 13px;
	line-height: 1;
	font-size: 50px;
	color: #000;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}
.ix-charac-list .tx1 {
	color: #333;
	font-size: 20px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}
 @media screen and (max-width:861px) {
.ix-charac-list li {
	width: 50%;
	margin-bottom: 50px
}
}
 @media screen and (max-width:601px) {
.ix-charac-list li {
	margin-bottom: 8.33333%
}
}
 @media screen and (max-width:481px) {
.ix-charac-list {
	font-size: 14px
}
.ix-charac-list .tx1 {
	font-size: 16px
}
.ix-charac-list .icon {
	font-size: 40px
}
}
.sos-box {
	position: absolute;
	left: 10%;
	right: 10%;
	top: 50%;
	margin-top: -300px;
	text-align: center;
	line-height: 1.4
}
.sos-box img {
	vertical-align: bottom;
	max-width: 100%
}
.sos-box .tx1 {
	margin-top: 60px;
	font-size: 30px;
	color: #333
}
.sos-box .tx2 {
	margin-top: 3px
}
.sos-box .fib {
	margin-top: 25px
}
.sos-box .ib {
	width: 160px;
	height: 50px;
	background: #2b78dc;
	color: #fff;
	line-height: 50px
}
 @media screen and (min-width:1025px) {
.sos-box .ib:hover {
	background: #e71f29
}
}
 @media screen and (max-width:1366px) {
.sos-box {
	margin-top: -290px
}
.sos-box .tx1 {
	margin-top: 40px
}
}
 @media screen and (max-width:1024px) {
.sos-box {
	margin: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
}
 @media screen and (max-width:481px) {
.sos-box .tx1 {
	font-size: 24px;
	margin-top: 20px
}
.sos-box .ib {
	width: 120px;
	height: 40px;
	line-height: 40px
}
.sos-box .fib {
	margin-top: 15px
}
}

 @-webkit-keyframes cloudMove {
 0% {
-webkit-transform:translate(-30%);
-moz-transform:translate(-30%);
transform:translate(-30%)
}
 100% {
-webkit-transform:translate(100%);
-moz-transform:translate(100%);
transform:translate(100%)
}
}
 @-moz-keyframes cloudMove {
 0% {
-webkit-transform:translate(-30%);
-moz-transform:translate(-30%);
transform:translate(-30%)
}
 100% {
-webkit-transform:translate(100%);
-moz-transform:translate(100%);
transform:translate(100%)
}
}
 @keyframes cloudMove {
 0% {
-webkit-transform:translate(-30%);
-moz-transform:translate(-30%);
transform:translate(-30%)
}
 100% {
-webkit-transform:translate(100%);
-moz-transform:translate(100%);
transform:translate(100%)
}
}
.ab1 {
	padding: 40px 0 110px
}
.ab1 .txts {
	width: 67.83333%;
	max-width: 100%
}
.ab1 .freeTx {
	font-size: 16px;
	margin-top: 25px
}
.ab1 .ab-line {
	margin-top: 90px
}
 @media screen and (max-width:1600px) {
.ab1 {
	padding-top: 135px
}
}
 @media screen and (max-width:1366px) {
.ab1 {
	padding: 115px 0 90px
}
.ab1 .freeTx {
	font-size: 14px
}
.ab1 .ab-line {
	margin-top: 70px
}
}
 @media screen and (max-width:1024px) {
.ab1 .txts {
	width: 625px
}
}
 @media screen and (max-width:861px) {
.ab1 {
	padding-top: 95px
}
}
 @media screen and (max-width:601px) {
.ab1 {
	padding: 15.83333vw 0 15vw
}
.ab1 .freeTx {
	margin-top: 4.16667vw
}
.ab1 .ab-line {
	margin-top: 11.66667vw
}
}
 @media screen and (max-width:481px) {
.ab1 .ab-line {
	margin-top: 15vw
}
}
.ab-line {
	display: block;
	height: 1px;
	width: 120px;
	background: #ccc
}
 @media screen and (max-width:601px) {
.ab-line {
	width: 20vw
}
}
.pw3 {
	width: 1320px;
	margin: 0 auto
}
 @media screen and (max-width:1500px) {
.pw3 {
	width: 1200px
}
}
 @media screen and (max-width:1366px) {
.pw3 {
	width: 1000px
}
}
 @media screen and (max-width:1024px) {
.pw3 {
	width: 90%
}
}
.ab2 {
	padding-bottom: 110px
}
 @media screen and (max-width:601px) {
.ab2 {
	padding-bottom: 18.33333%
}
}
.about-en.move-en {
	top: 0;
	bottom: 0;
	left: auto;
	right: 50%;
	margin: 0 -600px 0 0;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	-webkit-animation: cloudMove2 20s linear infinite;
	-moz-animation: cloudMove2 20s linear infinite;
	animation: cloudMove2 20s linear infinite
}
 @media screen and (max-width:1366px) {
.about-en.move-en {
	margin-right: -500px
}
}
 @media screen and (max-width:1024px) {
.about-en.move-en {
	margin: 0;
	right: 5%
}
}
 @-webkit-keyframes cloudMove2 {
 0% {
-webkit-transform:translateY(-30%);
-moz-transform:translateY(-30%);
transform:translateY(-30%)
}
 100% {
-webkit-transform:translateY(100%);
-moz-transform:translateY(100%);
transform:translateY(100%)
}
}
 @-moz-keyframes cloudMove2 {
 0% {
-webkit-transform:translateY(-30%);
-moz-transform:translateY(-30%);
transform:translateY(-30%)
}
 100% {
-webkit-transform:translateY(100%);
-moz-transform:translateY(100%);
transform:translateY(100%)
}
}
 @keyframes cloudMove2 {
 0% {
-webkit-transform:translateY(-30%);
-moz-transform:translateY(-30%);
transform:translateY(-30%)
}
 100% {
-webkit-transform:translateY(100%);
-moz-transform:translateY(100%);
transform:translateY(100%)
}
}

 @media screen and (min-width:1025px) {
.ab-arrow .slick-arrow:hover {
	background: #e71f29
}
}
.ab-arrow .slick-prev {
	left: auto;
	right: 100px
}
.ab-arrow .slick-prev:before {
	content: "\e726"
}
.ab-arrow .slick-next:before {
	content: "\e727"
}
.ab-arrow .slick-next:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -6px;
	height: 12px;
	width: 1px;
	background: #fff
}
.ab-list .pai {
	padding-bottom: 45.90909%
}
.ab-list .txts {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 50px 60px 0;
	width: 500px;
	min-height: 345px;
	background: #fff
}
.ab-list .item {
	padding-bottom: 215px
}
.ab-list .freeTx {
	font-size: 16px;
	margin-top: 13px
}
.ab-list .ab-line {
	margin-top: 70px
}
.ab-list .slick-arrow {
	bottom: 215px
}
 @media screen and (max-width:1366px) {
.ab-list .freeTx {
	font-size: 14px
}
.ab-list .ab-line {
	margin-top: 50px
}
.ab-list .txts {
	width: 400px;
	min-height: 275px;
	padding: 40px 40px 0
}
.ab-list .item {
	padding-bottom: 145px
}
.ab-list .slick-arrow {
	bottom: 145px
}
}
 @media screen and (max-width:861px) {
.ab-list {
	background: #f2f2f2;
	padding-bottom: 50px
}
.ab-list .item {
	padding-bottom: 0
}
.ab-list .txts {
	position: static;
	background: 0 0;
	padding-left: 5%;
	padding-right: 5%;
	min-height: 0
}
.ab-list .slick-arrow {
	right: auto;
	bottom: auto;
	top: 0;
	left: 0;
	width: 80px;
	height: 64px;
	line-height: 64px;
	background: rgba(43,120,220,.8)
}
.ab-list .slick-next {
	left: 80px
}
}
 @media screen and (max-width:641px) {
.ab-list .slick-arrow {
	width: 64px;
	height: 52px;
	font-size: 22px;
	line-height: 52px
}
.ab-list .slick-next {
	left: 64px
}
}
 @media screen and (max-width:601px) {
.ab-list {
	padding-bottom: 8.33333vw
}
.ab-list .txts {
	padding-top: 6.66667vw
}
.ab-list .ab-line {
	margin-top: 8.33333vw
}
.ab-list .freeTx {
	margin-top: 2.16667vw
}
}
 @media screen and (max-width:481px) {
.ab-list .slick-arrow {
	width: 52px;
	height: 42px;
	line-height: 42px;
	font-size: 18px
}
.ab-list .slick-next {
	left: 52px
}
}
.news-list {
	margin-left: -40px
}
.news-list li {
	width: 50%;
	float: left;
	margin-bottom: 40px
}
.news-list a {
	display: block;
	margin-left: 40px;
	height: 205px;
	padding: 30px;
	border: 1px solid #e5e5e5;
	overflow: hidden
}
 @media screen and (min-width:1025px) {
.news-list a:hover .nowti {
	color: #2b78dc
}
.news-list a:hover .btn-arrow {
	width: 80px
}
.news-list a:hover .btn-arrow:before {
	background: #e71f29
}
.news-list a:hover .btn-arrow:after {
	color: #e71f29
}
}
.news-list .pic {
	float: left;
	width: 184px;
	height: 143px;
	margin-right: 35px
}
.news-list .txts {
	overflow: hidden
}
.news-list .date {
	margin-bottom: 9px;
	line-height: 1
}
.news-list .nowti {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}
.news-list .tx {
	height: 48px;
	margin-top: 2px
}
.news-list .more {
	margin-top: 34px;
	line-height: 0
}
 @media screen and (max-width:1366px) {
.news-list {
	margin-left: -25px
}
.news-list a {
	margin-left: 25px
}
.news-list .pic {
	margin-right: 25px
}
}
 @media screen and (max-width:1024px) {
.news-list a {
	padding-left: 20px;
	padding-right: 20px
}
.news-list .pic {
	margin-right: 20px
}
}
 @media screen and (max-width:861px) {
.news-list .pic {
	display: none
}
}
 @media screen and (max-width:601px) {
.news-list li {
	width: 100%;
	margin-bottom: 6.66667vw
}
.news-list .pic {
	display: block
}
.news-list a {
	padding-left: 5%;
	padding-right: 5%
}
}
 @media screen and (max-width:481px) {
.news-list .pic {
	display: none
}
}
.nw1 {
	padding: 100px 0 90px
}
.nw1 .news-list {
	margin-bottom: 30px
}
 @media screen and (max-width:601px) {
.nw1 {
	padding: 16.66667vw 0 15vw
}
.nw1 .news-list {
	margin-bottom: 5vw
}
}
.nd-pw {
	width: 900px;
	margin: 0 auto;
	max-width: 90%
}
.nd-t {
	padding: 130px 0;
	background-color: #2b78dc;
	color: #fff
}
.nd-t .name {
	margin-bottom: 4px;
	color: rgba(255,255,255,.5)
}
.nd-t .ti {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 50px
}
.nd-t .nd-mess {
	line-height: 24px
}
.nd-t .nd-mess li+li {
	margin-left: 40px
}
 @media screen and (max-width:601px) {
.nd-t .nd-mess li+li {
	margin-left: 6.66667vw
}
}
.nd-t .date .icon {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 6px;
	font-size: 14px
}
.nd-t .share {
	color: #fff
}
.nd-t .share a {
	color: #fff!important
}
 @media screen and (min-width:1025px) {
.nd-t .share a:hover {
	color: #e71f29!important
}
}
 @media screen and (max-width:1366px) {
.nd-t {
	padding: 110px 0
}
.nd-t .ti {
	font-size: 40px
}
}
 @media screen and (max-width:861px) {
.nd-t .ti {
	font-size: 32px
}
}
 @media screen and (max-width:601px) {
.nd-t {
	padding: 18.33333vw 0
}
.nd-t .ti {
	font-size: 26px
}
}
 @media screen and (max-width:481px) {
.nd-t .ti {
	font-size: 22px;
	margin-bottom: 3.33333vw
}
}
.nd-back .back-arrow {
	position: fixed;
	z-index: 599;
	top: 50%;
	margin-top: -48px;
	-webkit-transition: .6s;
	-moz-transition: .6s;
	transition: .6s
}
.nd-back .back-arrow.hide {
	opacity: 0;
	visibility: hidden
}
.nd-back .back-prev {
	left: 50%;
	margin-left: -600px
}
.nd-back .back-prev.hide {
	-webkit-transform: translateX(-40px);
	-moz-transform: translateX(-40px);
	-ms-transform: translateX(-40px);
	transform: translateX(-40px)
}
.nd-back .back-next {
	right: 50%;
	margin-right: -600px
}
.nd-back .back-next.hide {
	-webkit-transform: translateX(40px);
	-moz-transform: translateX(40px);
	-ms-transform: translateX(40px);
	transform: translateX(40px)
}
 @media screen and (max-width:1220px) {
.nd-back {
	position: relative
}
.nd-back .back-arrow {
	position: absolute;
	top: 0;
	margin: 0;
	width: 54px
}
.nd-back .back-arrow .x {
	display: none
}
.nd-back .back-arrow .icon {
	height: 54px;
	line-height: 52px
}
.nd-back .back-prev {
	left: 0
}
.nd-back .back-next {
	right: 0
}
}
 @media screen and (max-width:481px) {
.nd-back .back-list .btn-more {
	width: 160px
}
.nd-back .back-arrow {
	width: 44px
}
.nd-back .back-arrow .icon {
	height: 44px;
	line-height: 42px
}
.nd-back .back-arrow .btn-arrow {
	width: 15px
}
}
.nd-b {
	padding: 100px 0 90px
}
 @media screen and (max-width:1366px) {
.nd-b {
	padding-top: 90px
}
}
 @media screen and (max-width:601px) {
.nd-b {
	padding: 15vw 0
}
}
.nw2 {
	padding-bottom: 95px
}
 @media screen and (max-width:601px) {
.nw2 {
	padding-bottom: 15.83333vw
}
}
.contact-list {
	width: 580px;
	margin: 0 auto;
	max-width: 100%
}
.contact-list li {
	display: table;
	table-layout: fixed;
	width: 100%;
	border: 1px solid #e5e5e5;
	padding: 20px 50px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}
.contact-list li+li {
	margin-top: 30px
}
 @media screen and (min-width:1025px) {
.contact-list li:hover {
	background: #f2f2f2
}
}
.contact-list .b, .contact-list .name {
	display: table-cell;
	vertical-align: middle
}
.contact-list .name {
	width: 140px;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px
}
.contact-list .name .icon {
	display: inline-block;
	vertical-align: bottom;
	width: 35px;
	color: #ccc;
	font-size: 22px
}
.contact-list .b {
	font-size: 16px
}
 @media screen and (min-width:1025px) {
.contact-list a:not(.na):hover {
	color: #e71f29
}
}
 @media screen and (max-width:641px) {
.contact-list li {
	padding-left: 5%;
	padding-right: 5%
}
}
 @media screen and (max-width:601px) {
.contact-list li+li {
	margin-top: 5vw
}
}
 @media screen and (max-width:481px) {
.contact-list .b {
	font-size: 14px
}
.contact-list .name {
	font-size: 16px;
	width: 110px
}
.contact-list .name .icon {
	font-size: 18px;
	width: 28px
}
}
.cta1 {
	padding: 90px 0 100px
}
.cta1 .contact-list {
	margin-top: 40px
}
 @media screen and (max-width:601px) {
.cta1 {
	padding: 15vw 0 16.66667vw
}
.cta1 .contact-list {
	margin-top: 6.66667vw
}
}
.move-en {
	position: fixed;
	z-index: -1;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -140px;
	line-height: 1;
	color: #fafafa;
	font-size: 280px;
	white-space: nowrap;
	-webkit-animation: cloudMove 20s linear infinite;
	-moz-animation: cloudMove 20s linear infinite;
	animation: cloudMove 20s linear infinite
}
 @media screen and (max-width:1600px) {
.move-en {
	font-size: 224px;
	margin-top: -112px
}
}
 @media screen and (max-width:1366px) {
.move-en {
	font-size: 180px;
	margin-top: -90px
}
}
 @media screen and (max-width:1024px) {
.move-en {
	margin-top: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
}
 @media screen and (max-width:641px) {
.move-en {
	font-size: 144px
}
}
 @media screen and (max-width:481px) {
.move-en {
	font-size: 114px
}
}
 @media screen and (max-width:1024px) {
#map {
	height: 500px!important
}
}
 @media screen and (max-width:601px) {
#map {
	height: 83.33333vw!important
}
}
.case-nav {/* padding-right:156px */
	margin-left: -15px;
}
.case-nav .item {
	float: left;
	width: 11.11%;
}
.case-nav .item>a {
	display: block;
	margin-left: 15px;
	margin-bottom: 10px;
	height: 46px;
	border: 1px solid #e5e5e5;
	text-align: center;
	line-height: 44px;
	color: #999;
	font-size: 13px;
}
.case-nav .item>a.act {
	background: #e71f29;
	border-color: #e71f29;
	color: #fff
}
 @media screen and (max-width:1366px) {
.case-nav {
	margin-left: -5px;
}
.case-nav .item>a {
	margin-left: 5px;
}
}
 @media screen and (max-width:1024px) {
.case-nav .item {
	width: 20%;
}
}
 @media screen and (max-width:861px) {
.case-nav .item>a {
	height: 36px;
	line-height: 34px;
	margin-bottom: 5px;
}
}
 @media screen and (max-width:641px) {
.case-nav .item {
	width: 33.33%;
}
}
 @media screen and (min-width:1025px) {
.case-nav .item>a:hover {
	background: #e71f29;
	border-color: #e71f29;
	color: #fff
}
}
.case-nav .slick-arrow {
	width: 78px;
	height: 46px;
	line-height: 46px
}
.case-nav .slick-prev {
	right: 78px
}
 @media screen and (max-width:641px) {
.case-nav {/* padding-right:116px */
}
.case-nav .slick-arrow {
	width: 58px
}
.case-nav .slick-prev {
	right: 58px
}
}
 @media screen and (max-width:481px) {
.case-nav {/* padding-right:76px */
}
.case-nav .slick-arrow {
	width: 38px;
	font-size: 18px
}
.case-nav .slick-prev {
	right: 38px
}
}
.case1 {
	padding: 85px 0 100px
}
.case1 .case-list {
	margin-bottom: 70px
}
.case1 .case-nav {
	margin-bottom: 40px
}
 @media screen and (max-width:601px) {
.case1 {
	padding: 14.16667vw 0 16.66667vw
}
.case1 .case-list {
	margin-bottom: 11.66667vw
}
.case1 .case-nav {
	margin-bottom: 6.66667vw
}
}
.case-base {
	display: table;
	width: 100%;
	border: 1px solid #e5e5e5;
	line-height: 24px
}
.case-base li {
	display: table-cell;
	width: 33.33%;
	padding: 10px 20px;
	overflow: hidden
}
.case-base li+li {
	border-left: 1px solid #e5e5e5
}
.case-base .name {
	float: left;
	margin-right: 20px;
	line-height: 24px;
	color: #999
}
.case-base .text {
	overflow: hidden
}
 @media screen and (max-width:601px) {
.case-base {
	display: block
}
.case-base li {
	display: block;
	width: 100%;
	padding-left: 5%;
	padding-right: 5%
}
.case-base li+li {
	border-left: none;
	border-top: 1px solid #e5e5e5
}
.case-base .name {
	width: 80px;
	margin-right: 0
}
}
.nd-b .case-base {
	margin-bottom: 50px
}
 @media screen and (max-width:601px) {
.nd-b .case-base {
	margin-bottom: 8.33333%
}
}
.pro-banner {/* padding-right:13.75% */
}
.pro-banner .txts {
	top: auto;
	margin-bottom: 18.22917%;
	padding-bottom: 100px
}
.pro-banner .en {
	top: auto;
	bottom: 100px;
	margin: 0 0 18.22917% 0
}
.pro-banner .link {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 13.75% 18.22917% 0
}
.pro-banner .btn-more {
	width: 340px;
	height: 80px;
	line-height: 78px
}
.pro-banner .btn-more .btn-arrow {
	margin-bottom: 35px
}
 @media screen and (max-width:1024px) {
.pro-banner {
	padding-right: 0
}
.pro-banner .txts {
	margin-bottom: 0;
	padding-bottom: 0;
	bottom: 50%;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%)
}
.pro-banner .en {
	margin: 0;
	bottom: auto;
	top: 50%;
	margin-top: -84px
}
.pro-banner .link {
	padding: 0 5% 5% 0
}
.pro-banner .btn-more {
	width: 250px;
	height: 54px;
	line-height: 52px
}
.pro-banner .btn-more .btn-arrow {
	margin-bottom: 22px
}
}
 @media screen and (max-width:861px) {
.pro-banner .en {
	margin-top: -64px
}
}
 @media screen and (max-width:641px) {
.pro-banner .btn-more {
	width: auto;
	height: auto;
	border: none;
	line-height: 20px
}
.pro-banner .btn-more .btn-arrow {
	margin-bottom: 6px
}
}
 @media screen and (max-width:601px) {
.pro-banner .en {
	margin-top: -50px
}
.pro-banner .btn-more {
	font-size: 14px
}
.pro-banner .btn-more .btn-arrow {
	width: 40px;
	height: 6px;
	margin: 0 0 7px 15px
}
.pro-banner .btn-more .btn-arrow:after {
	border-left-width: 6px;
	border-right-width: 6px;
	border-bottom-width: 6px
}
}
 @media screen and (max-width:481px) {
.pro-banner .en {
	margin-top: -40px
}
.pro-banner .btn-more {
	font-size: 12px
}
.pro-banner .btn-more .btn-arrow {
	width: 24px;
	height: 4px;
	margin: 0 0 8px 10px
}
.pro-banner .btn-more .btn-arrow:after {
	border-left-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px
}
}
.pro-page .container {
	position: relative;
	z-index: 29;
	margin-top: -18.22917%;
	min-height: 600px
}
.pro-page .container:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 50%;
	background: #f2f2f2
}
 @media screen and (max-width:1024px) {
.pro-page .container {
	margin: 0;
	background: #f2f2f2;
	min-height: 300px
}
.pro-page .container:before {
	display: none
}
}
.pro1 {
	position: relative;
	background: #f2f2f2;
	padding: 85px 0 100px;
	min-height: 600px
}
.pro1:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 100%;
	width: 8.33333%;
	background: #f2f2f2
}
 @media screen and (max-width:1024px) {
.pro1 {
	min-height: 0;
	background: 0 0;
	padding-bottom: 50px
}
.pro1:before {
	display: none
}
}
 @media screen and (max-width:601px) {
.pro1 {
	padding: 14.16667vw 0 8.33333vw
}
}



}
.pager a {
	width: 54px;
	height: 54px;
	margin: 0 4px;
	border: 1px solid #e5e5e5;
	line-height: 52px;
	color: #999;
	font-size: 16px
}
.pager a.act {
	background: #2b78dc;
	border-color: #2b78dc;
	color: #fff
}
 @media screen and (min-width:1025px) {
.pager a:hover {
	background: #2b78dc;
	border-color: #2b78dc;
	color: #fff
}
}
.pager .arrow {
	width: 120px;
	margin: 0 17px;
	color: #2b78dc
}
 @media screen and (max-width:861px) {
.pager a {
	width: 44px;
	height: 44px;
	line-height: 42px;
	font-size: 14px
}
.pager .arrow {
	width: 80px
}
}
 @media screen and (max-width:601px) {
.pager a {
	width: 44px;
	height: 44px;
	line-height: 42px;
	font-size: 14px
}
.pager .arrow {
	width: 70px;
	margin: 0 4px
}
}
 @media screen and (max-width:481px) {
.pager a {
	width: 34px;
	margin: 0 1px;
	font-size: 12px
}
.pager .arrow {
	width: 54px;
	margin: 0 1px
}
}
 @media screen and (max-width:351px) {
.pager a {
	width: 30px
}
.pager .arrow {
	width: 50px
}
}


@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; }
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button,input, textarea,th, td,img{border:medium none;margin: 0;padding: 0; outline:none;}
body,button, input, select, textarea {font: 14px/1.5 Arial, Helvetica, sans-serif; color:#333333; outline:none;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
ul, ol,li { list-style: none; }
a { text-decoration: none; cursor:pointer; color:#333333}
a:hover{ outline:none;}
b{ font-weight:normal}
img{ border:0px;}
html,body{-webkit-text-size-adjust:none; color:#323232; width:100%; overflow-x:hidden; background:white}
.clear{ clear:both;}
.fn-left{ float:left}
.fn-right{ float:right}
.fn-center{ margin:auto}
.fn-clear:after{ content:""; display:block; clear:both}
.fn-hide{ display:none}
.fn-inl{ display:inline-block}
.underline:hover{ text-decoration:underline}

/**************************************************** 首页 ****************************************************/

.nav{ width:1200px; margin:auto; height:96px; line-height:96px; position:relative; text-align:center}
.nav .logo{ position:absolute; left:0; height:100%}
.nav .contact{ position:absolute; right:0; width:138px; height:35px; border:1px solid #898989; text-align:center; border-radius:3px; color:#d06301; font-weight:bold; margin-top:30.5px; line-height:35px}
.nav .contact:hover{ color:white; background:#d06301; border-color:#d06301; -webkit-transition:all .5s;transition:all .5s;}
.nav>p{ display:inline-block; height:96px}
.nav>p a{ font-size:16px; margin-right:40px; display:inline-block; height:96px; font-weight:bold; position:relative}
.nav>p a b{ position:absolute; width:0; -webkit-transition:all .5s;transition:all .5s; height:3px; background:#d06301; top:31px; left:0}
.nav>p a.active b{ display:block; width:100%}
.nav>p a:hover b{ width:100%}
.nav>p a span{ display:block}
/*.nav>p a:hover span{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);-webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1;}
@keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }

  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}
@-webkit-keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }

  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}*/
.nav>p a:last-child{ margin-right:0}
.nav .contact_p{ position:absolute; left:0; top:96px; padding: 38px 5%; box-sizing: border-box; width:1200px; text-align:left; display:none; z-index:10; font-size: 18px; line-height: 1.8;}
.nav .contact_p:before{ content:""; width:100%; left: 0; top: 0; height:100%; position:absolute; background:black; opacity:.8; filter:alpha(opacity=80);}
.nav .contact_p>*{ position:relative; z-index:2; color:white}
.nav .contact_p .close{ background:url(../images/close.png); width:22px; height:22px; position:absolute; right:15px; top:25px; cursor:pointer}
.nav .contact_p a{ color: #fff;}
.nav .contact_p a:hover{ text-decoration:underline}
.full_m{ width:100%}
.full_c{ width:1200px; margin:auto}
.full_t{ width:1020px; margin:auto}
.full_mc{ width:860px}
.footer{ border-top:1px solid #898989; height:180px}
.footer .top{ width:1200px; margin:auto; height:213px; text-align:center}
.footer .top>div{ width:203px; text-align:left}
.footer .top>div h3{ font-size:18px; line-height:18px; margin-top:42px; padding-bottom:11px; border-bottom:2px solid #d06301; margin-bottom:12px}
.footer .top>div a{ display:block; line-height:1.8; float:left; clear:both; font-size:16px; color:#666666}
.footer .top>div a:hover{ color:#d06301}
.footer .full_m{ border-top:1px solid #898989; height:58px; line-height:58px}
.footer .full_m .bot{ width:1200px; margin:auto; color:#7b7b7b}
.footer .full_m .bot a{ float:right; margin-top:14px; margin-left:4px}
.banner{ overflow:hidden; position:relative}
.banner ul{ width:300%; position:relative}
.banner ul li{ width:33.33%; float:left; position:relative}
.banner ul li>img{ width:100%}
.banner ul li .text{ width:1000px; top:10%; height:230px; position:absolute; z-index:2}
.banner ul li .text:before{ content:""; height:230px; width:100%; height:100%; position:absolute; background:black; opacity:.4; filter:alpha(opacity=40)}
.banner ul li .text>*{ position:relative; z-index:2; margin-left:210px}
.banner ul li .text p{ font-size:28px; font-weight:bold; color:white; width:700px; line-height:1.6; margin-top:28px}
.banner ul li .text div{ width:667px}
.banner ul li .text div img{ margin-top:8px; float:right}
.banner ul li .last div img,.banner ul li .last div a{ margin-top:50px}
.banner ul li .fir div,.banner ul li .fir p{ width:643px}
.banner ul li .last p{ margin-top:50px}
.banner ul li .last div img{ margin-top:35px}
.banner ul li .text a{ float:left; width:156px; height:43px; color:white; margin-top:30px; line-height:43px; text-align:center; border:1px solid white; border-radius:3px; font-weight:bold}
.banner .btn{ width:42px; height:98px; z-index:3; position:absolute; cursor:pointer; bottom:33%; left:36px}
.banner .btn p{ background:#b30008; border-radius:3px; width:100%; height:100%; opacity:.64; filter:alpha(opacity=64)}
.banner .btn:hover p{ opacity:1; filter:alpha(opacity=100)}
.banner .btn:after{ content:""; width:100%; height:100%; position:absolute; top:0; z-index:2; background:url(../images/l_btn.png) center center no-repeat}
.banner .rbtn{ left:initial; right:36px}
.banner .rbtn:after{ background-image:url(../images/r_btn.png)}
.main{ text-align:justify}
.main .in_title{ width:100%; line-height:50px; text-align:center; font-size:24px; height:50px; margin:10% auto 7%; text-transform:uppercase; position:relative}
.main .in_title:before{ content:""; width:430px; left:50%; margin-left:-215px; border-top:3px solid #fffff; position:absolute}
.in_first p{ font-size:16px; color:#7b7b7b;}
.main .i1{ height:279px;  margin-top:8%; background-attachment:fixed; background-size:100% auto}
.main .i1 .full_c{ height:100%; display:table; position:relative; z-index:2}
.main .i1:before{ content:""; position:absolute; width:100%; height:279px; background:black; opacity:.3}
.main .i_btn{ display:table-cell; vertical-align:middle; width:440px}
.main .i_btn a{ width:156px; height:43px; line-height:43px; text-align:center; color:white; border:1px solid white; border-radius:3px; font-weight:bold; float:right}
.main .i1 .text{ display:table-cell; text-align:left; vertical-align:middle; color:white; width:760px; font-size:24px; font-weight:bold}
.main .i1 .text .p2{ font-weight:normal; font-size:14px; margin-top:25px}
.main .in_two .in_title,.main .in_last .in_title{ margin-top:4%}
.main .in_last .in_title{ margin-bottom:50px}
.main .in_two li{ float:left; width:560px; margin-right:60px; text-align:left; margin-bottom:65px}
.main .in_two li img{ float:left; width:127px; margin-right:18px; -webkit-transition:all .5s;transition:all .5s;}
.news .con .list li img,.share a{ -webkit-transition:all .5s;transition:all .5s;}
.main .in_two li:hover img,.news .con .list li:hover img,.share a:hover{ -webkit-transform:scale(1.1);transform:scale(1.1);}
.main .in_two li .text{ float:left; width:415px}
.main .in_two li p{ color:#7b7b7b; font-size:16px}
.main .in_two li .title{ font-size:18px; font-weight:bold; color:#333; margin:10px 0}
.main .in_two li:hover .title{ color:#d06301}
.main .full_c .more{ background:#0071c1; color:white; font-weight:bold; text-align:center; border-radius:3px; line-height:45px; width:158px; height:45px; display:block; margin:auto; text-transform:uppercase}
.main .i2{  margin-top:5%}
.main .in_last li{ float:left; width:335px; margin-right:97.5px; text-align:center; color:#7b7b7b;}
.main .in_last li:nth-child(3n) {margin-right: 0px;}
.main .in_last li .t { font-size:18px; font-weight:bold; line-height:1.2; text-align:center; color:#333333;}
.technology.main .in_last li .t { color:#01777e;}
.main .in_last li p{ text-align:justify; margin-top:15px}
.main .in_last .more{ margin-top:4%}
.main .i3{margin-top:5%}
.technology_b ul li .text{ width:1366px; display:table}
.technology_b ul li .text .con{ display:table-cell; vertical-align:middle; width:100%}
.technology_b ul li .text p{ font-size:24px; width:1060px; margin-top:0; margin-left:210px}
.technology_b ul li .text .p2{ font-size:14px; font-weight:normal; margin-top:14px}
.technology .in_last .in_title{ margin-top:8%}
.main.technology .i_btn a{ width:200px}
.technology .t_first{ margin-top:60px; color:#7b7b7b; font-size:16px}
.technology .t_first .group{ display:table}
.technology .t_first .group .text.left{ width:605px; display:table-cell; vertical-align:middle; height:100%}
.technology .t_first .group .left{ width:605px}
.technology .t_first .group .text.left p{ width:405px}
.technology .in_title{ text-transform:none}
#request2 .group .text.left p{ width:445px}
#request2 .group .text.left,#request2 .group .left{ width:575px}
#request2 .group img.right,#request2 .group .right{ width:435px}
#request3 .group .text.left,#request3 .group .left{ width:560px}
#request3 .group img.right,#request3 .group .right{ width:450px}
#request3{ margin-bottom:5%}
.technology .t_first .group img.right{ width:415px}
.technology .t_first .group .text.right{ width:415px; display:table-cell; vertical-align:middle; height:100%}
.technology .t2{ margin-top:4%}
.solutions .con{ width:1200px; margin:auto; font-size:16px; text-align:justify}
.solutions .con .img{ text-align:center;}
.solutions .con .img img{ margin:80px auto 40px; max-width:1060px}
.solutions .con .text{ width:1060px; margin:auto; color:#7b7b7b}
.solutions .con .text p{ margin-top:30px; line-height:1.8}
.solutions .con .in_title{ margin:7% auto 3%; text-transform:none}
.solutions .con .s_table{ margin-top:60px}
.solutions .con .s_table li{ float:left; width:400px; box-sizing:border-box; height:413px; text-align:center; line-height:1.8}
.solutions .con .s_table .left{ width:399px; border:1px solid #dcdcdc; border-right:0}
.solutions .con .s_table .cen{ width:398px; border:1px solid #dcdcdc}
.solutions .con .s_table .right{ width:399px; border:1px solid #dcdcdc; border-left:0}
.solutions .con .s_table li img{ margin-top:65px; margin-bottom:15px}
.solutions .con .s_table li p{ width:286px; margin:auto; font-size:14px}
.solutions .con .s_table li .title{ color:#01777e; font-size:18px; line-height:45px; font-weight:bold}
.solutions .con .s_table .clear{ height:100px}
.news_b ul li .text{ width:1000px}
.news_b ul li .text p{ width:730px; font-size:28px}
.news .in_title{ margin-top:0}
.news .in_title:before{ width:560px; margin-left:-280px}
.news .con{ width:920px; margin:auto; position:relative; margin-top:100px}
.share{ position:absolute; width:218px; height:300px; border:1px solid #e5e5e5; left:50%; margin-left:-785px}
.share p{ font-size:18px; color:#818181; text-align:center; line-height:80px; height:80px}
.share a{ width:52px; display:block; margin:0 auto 15px;}
.news .con .list ul{ margin-bottom:90px}
.news .con .list li{ height:150px; padding:30px 0 40px 0; border-bottom:1px dashed #cccccc; text-align:left}
.news .con .list li a>img{ float:left; width:126px; margin-right:29px}
.news .con .list li .text{ width:765px; float:left; height:150px; position:relative}
.news .con .list li .text .title{ font-size:18px; font-weight:bold; line-height:1.2; margin-top:6px; margin-bottom:4px; max-height:42px; overflow:hidden;}
.news .con .list li:hover .text .title,.news .con .list li:hover .text .more{ color:#d06301}
.news .con .list li .text .time{ color:#c6c6c6; font-style:italic}
.news .con .list li .text .cont{ color:#7b7b7b; font-size:16px; margin-top:6px; overflow:hidden; max-height:48px;}
.news .con .list li .text .more{ color:#7b7b7b; font-style:italic; position:absolute; bottom:0; text-decoration:underline}
.news .con .paging{ margin-top:80px; border-top:3px solid #ebebeb; padding-top:23px; line-height:31px; height:31px; margin-bottom:120px}
.news .con .paging .prev{ float:left; width:143px; color:#7b7b7b; font-size:14px; height:31px; background:url(../images/news_lbtn.png) right top no-repeat}
.news .con .paging .prev:hover{ background-image:url(../images/news_lbtnh.png)}
.news .con .paging .next{ float:right; width:143px; color:#7b7b7b; text-align:right; font-size:14px; height:31px; background:url(../images/news_rbtn.png) left top no-repeat}
.news .con .paging .next:hover{ background-image:url(../images/news_rbtnh.png)}
.news .con .paging p{ text-align:center; font-size:14px; color:#7b7b7b}
.about_b ul li .text p{ width:590px}
.about .con{ width:1200px; margin:100px auto}
.about .con .menu{ width:266px; height:201px; color:#7b7b7b; float:left; margin-right:84px}
.about .con .menu a{ position:relative; display:block; height:67px}
.about .con .menu a.active,.about .con .menu a:hover{ background:url(../images/about_mb.jpg) right top; color:white}
.about .con .menu a.active .border,.about .con .menu a:hover .border{ display:none}
.about .con .menu a .border{ position:absolute; width:264px; height:65px; border:1px solid #e5e5e5}
.about .con .menu a.two .border{ border-top:0; border-bottom:0; height:67px}
.about .con .menu a .text{ text-indent:30px; line-height:65px; position:relative; z-index:2}
.about .con .cont{ width:850px; float:right}
.about .con .cont .in_title{ margin-top:0; margin-bottom:0}
.about .con .cont .in_title:before{ width:100%; left:0; margin-left:0}
.about .con .cont .in-p{ margin-top:30px; color:#999999; font-size:20px}
.about .con .cont .include{ margin-top:20px; padding-bottom:40px; border-bottom:1px dashed #cccccc; margin-bottom:40px}
.about .con .cont .include .title{ color:#d06301; font-size:18px; font-style:italic; margin-bottom:10px}
.about .con .cont .include li{ text-indent:10px; background:url(../images/ab_b.jpg) left center no-repeat; font-size:16px; line-height:2}
.about .con .cont .containt p{ color:#7b7b7b; font-size:16px}
.leadership .con .cont{ padding-bottom:50px}
.leadership .con .cont img{ display:block; margin:auto}
.leadership .con .cont .in_title{ height:80px; line-height:80px}
.leadership .con .cont .in_title2{ margin-top:100px}
.leadership .con .cont .ttl{ text-transform:uppercase; font-size:20px; color:#333; margin-top:50px; margin-bottom:15px; width:695px; text-align:left}
.leadership .con .cont .ttc{ font-size:16px; color: #999;}
.height{ position:fixed; height:100%; width:100%; left:0; top:0; z-index:-1; opacity:0}
.nf{ position:fixed !important; top:0 !important; margin-top:0 !important}

.moreT{ position:relative; -webkit-transition:all .5s;transition:all .5s;}
.moreT b{ position:relative; z-index:2; font-weight:bold}
.moreT:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#d06301; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; border-radius:3px}
.moreT:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.moreT:hover{ border-color:#d06301 !important}
.more:before{ background:#d06301}
.mob{ display:none}


.fadeInDown{ -webkit-animation:fadeInDown 1.5s;animation:fadeInDown 1.5s;}
@-webkit-keyframes fadeInDown{ 0%,33%{ opacity:0; -webkit-transform:translateY(-15px)}}
@keyframes fadeInDown{ 0%,33%{ opacity:0; transform:translateY(-15px)}}
.fadeInUp{ -webkit-animation:fadeInUp 1.5s;animation:fadeInUp 1.5s;}
@-webkit-keyframes fadeInUp{ 0%,33%{ opacity:0; -webkit-transform:translateY(15px)}}
@keyframes fadeInUp{ 0%,33%{ opacity:0; transform:translateY(15px)}}

.nomargin{ margin-right:0 !important}
.nomarginb{ margin-bottom:0 !important}
.noborderb{ border-bottom:0 !important}

@media screen and (max-width:1600px){
	.share{ margin-left:-745px}
}
@media screen and (max-width:1440px){
	.technology_b ul li .text{ width:1100px}
	.technology_b ul li .text .con{ width:100%}
	.technology_b ul li .text p{ margin-left:150px; width:880px}
	.news_b ul li .text{ width:1000px}
	.news_b ul li .text p{ width:730px}
	.share{ margin-left:-675px}
	.about_b ul li .text p{ width:590px}
}

@media screen and (min-width:1200px){
	.solutions .con .s_table li:nth-child(3n-1){ width:402px; margin:0 -1px}
	.solutions .con .s_table li:nth-child(n+4){ margin-top:-1px}
}
@media screen and (max-width:1366px){
	.news .con{ width:880px}
	.share{ margin-left:-645px; width:180px; height:250px}
	.share p{ font-size:14px; line-height:60px; height:60px}
	.share a,.share a img{ width:40px; height:40px}
	.news .con .list li .text{ width:725px}
}

@media screen and (max-width:1280px){
	.news .con{ width:860px}
	.news .con .list li .text{ width:705px}
	.share{ margin-left:-625px}
}

@media screen and (max-width:1024px){
	.nav .contact_p,.nav,.footer .top,.footer .full_m .bot,.about .con,.solutions .con,.full_c,.full_t,.solutions .con .text{ width:920px}
	.technology_b ul li .text,.banner ul li .text{ width:750px}
	.news_b ul li .text p{ margin-left:80px}
	.about .con .menu{ width:210px; margin-right:35px}
	.about .con .menu a .border{ width:210px}
	.about .con .cont{ width:675px}
	.share{ margin-left:-430px; margin-top:-85px; background:white; z-index:20; height:70px; width:340px}
	.share p{ float:left; height:70px; line-height:70px; margin-left:15px; margin-right:15px}
	.share a{ float:left; line-height:70px; margin-right:15px; margin-top:15px}
	.technology_b ul li .text p,.banner ul li .text div,.banner ul li .text p{ width:600px; margin-left:80px}
	.main .in_last li{ width:280px; margin-right:40px}
	.solutions .con .s_table .left,.solutions .con .s_table .right{ width:305px}
	.solutions .con .s_table .cen{ width:306px}
	.banner ul li .text{ height:180px; top:7%}
	.banner ul li .text p{ font-size:24px; margin-top:12px}
	.banner ul li .text a{ margin-top:20px}
	.banner ul li .text div img{ margin-top:0}
	.banner ul li .last p{ margin-top:30px}
	.banner ul li .last div a,.banner ul li .last div img{ margin-top:30px}
	.banner .btn{ bottom:29%}
	.main .in_two li{ width:440px; margin-right:40px}
	.main .in_two li img,.news .con .list li a>img{ width:90px; margin-right:15px}
	.main .in_two li .text{ width:335px}
	.main .in_two li .title{ overflow:hidden; /*white-space: nowrap; text-overflow: ellipsis;*/ margin:0}
    .news .con .list li .text .title,.news .con .list li .text .cont{ max-height:100%;}
    .news .con .list li { height:auto;}
    .news .con .list li .text{ height:auto; padding-bottom:60px;}
    .news .con .list li:before, .news .con .list li:after { display: table; content: ""; line-height: 0px; }
    .news .con .list li:after { clear: both; }
    .news .con .list li .text .more{bottom:15px;}
}

@media screen and (max-width:800px){
	.footer{ height:auto}
	.mob{ display:block}
	.nav .contact_p,.nav,.footer .top,.footer .full_m .bot,.about .con,.solutions .con,.full_c,.full_t,.solutions .con .text,.technology_b ul li .text,.banner ul li .text,.main .i1 .text{ width:100%}
	.nav .contact_p{ top:60px}
	.nav{ height:60px; position:fixed; top:0; z-index:1000; background:white}
	.nav .logo img{ height:100%; float:left}
	.nav .logo{ margin-left:5%; position:relative; float:left}
	.nav .contact{ right:13%; margin-top:12.5px}
	.nav .mob_menu{ right:0; position:absolute; width:10%; height:100%; background:url(../images/nav_menu.png) center center no-repeat}
	.nav .mob_menu.active{ background-image:url(../images/nav_close.png)}
	.nav>p{ position:fixed; top:60px; left:0; height:0; overflow:hidden; width:100%; background:#f4f4f4; font-size:20px}
	.nav>p a{ display:block; margin:0 5%; line-height:56px; height:56px; border-bottom:1px solid #727171; text-align:left}
	.nav>p a:first-child{ margin-top:10%}
	.nav>p a:last-child{ margin-right:5%}
	.banner{ margin-top:60px}
	.banner .btn{ bottom:50%; margin-bottom:38px}
	.banner ul li .text{ bottom:-174px; top:initial}
	.technology_b ul li .text p, .banner ul li .text div, .banner ul li .text p{ margin-left:5%; margin-right:8%; width:auto}
	.full_mc,.main .i1 .text{ width:90%}
	.main .i1 .text{ display:block; margin:4% auto}
	.main .i_btn{ float:none; width:100%; display:block; width:90%; margin:auto}
	.main .i_btn a{ float:left}
	.main .in_two li{ width:90%; margin:auto !important; float:none; padding-bottom:30px}
	.main .in_two li:after{ content:""; display:block; clear:both}
	.main .in_two li .text{ width:calc(100% - 105px)}
	.main .in_last li{ width:280px; margin:auto !important; padding-bottom:30px; float:none}
	.footer .top{ height:auto}
	.footer .top>div{ float:none !important; margin:20px 5% !important; width:205px; display:block; width:auto}
	.footer .top>div a{ float:none; display:block}
	.footer .full_m .bot{ width:90%}
	.nav>p a.active b{ display:none}
	.nav>p a.active{ color:#d06301}
	.about .con{ margin-top:30px}
	.about .con .menu{ width:90%; margin:auto; float:none; height:auto; padding-bottom:30px}
	.about .con .menu:after{ content:""; display:block; clear:both}
	.about .con .menu a{ float:left; box-sizing:border-box; width:33%; border:1px solid #e5e5e5}
	.about .con .menu a.active,.about .con .menu a:hover{ background:#d06301; border:0}
	.about .con .menu a .border{ display:none}
	.about .con .menu a:last-child{ border-left:0}
	.about .con .cont,.news .con,.solutions .con,.technology .t_first .group{ width:90%; margin:auto; float:none}
	.about .con{ margin-bottom:30px}
	.news .con{ margin-top:100px}
	.share{ margin-left:0; left:5%}
	.nf{ top:initial !important; margin-top:-85px !important; position:absolute !important}
	.news .con .list li .text{ width:calc(100% - 105px)}
	.news .con .list li>a img{ margin-top:30px}
	.banner.solutions_b ul li .text p{ font-size:18px}
	.banner.solutions_b ul li .text .p2{ font-size:14px}
	.banner.technology_b ul li .text p{ font-size:18px}
	.banner.technology_b ul li .text .p2{ font-size:14px}
	.solutions .con .img img{ width:100%}
	.solutions .con .in_title:first-child{ line-height:36px; padding:10px 0}
	.solutions .con .in_title:first-child:before{ margin-top:-10px}
	.solutions .con .s_table li{ width:50% !important; box-sizing:border-box}
	.solutions .con .s_table li:nth-child(3),.solutions .con .s_table li:nth-child(4){ border-top:0 !important; border-bottom:0 !important}
	.solutions .con .s_table li:nth-child(2n){ border-left:0 !important}
	.technology .t_first .group>*{ display:block !important}
	.technology .t_first .group img.right{ display:none !important}
	.technology .t_first .group img.right.mob{ display:block !important; margin:auto}
	.technology .t_first .group .text{ margin:auto; margin-top:30px; text-align:center}
	.technology .t_first .group .text p{ display:inline-block; text-align:justify}
	.technology .t_first .group .left{ margin:30px auto; text-align:center}
	.main .i1 .text{ min-height:139px}
	.solutions .con .s_table li .title{ width:100%}
	.nav>p a:hover b{ width:0}
	.footer .top{ margin-top:30px}
}
@media screen and (max-width:600px){
	.nav .contact_p,.nav>p{ top:4rem !important}
	.nav .contact_p{ font-size:1.4rem;}
	.nav .contact_p .close{ right:1rem; top:1rem}
	.nav{ height:4rem}
	.banner{ margin-top:4rem}
	.in_first p{ font-size:1.2rem}
	.nav .contact{ width:8rem; height:2rem; line-height:2rem; margin-top:1rem; -webkit-transition:none;transition:none;}
	.nav .mob_menu{ background-size:1.9rem auto; width:4rem}
	.banner .btn{ width:2rem; height:4rem; left:.5rem; margin-bottom:0; bottom:initial}
	.banner .rbtn{ right:.5rem; left:initial}
	.banner .btn:after{ background-size:.6rem auto}
	.banner ul li .text{ height:11rem; bottom:-11rem; margin-bottom:7px}
	.banner ul li .text p{ font-size:1.2rem; margin-right:5%}
	.banner ul li .text a{ width:10rem; height:2.4rem; line-height:2.4rem; font-size:1.2rem; margin-top:1.5rem}
	.banner ul li .text div img{ height:4rem; margin-top:1rem}
	.main .in_title:before{ width:100%; margin-left:0; left:0}
	.main .in_title{ font-size:1.6rem; line-height:3.5rem; height:3.5rem; margin-bottom:0}
	.main .i1{ height:15rem; position:relative}
	.main .i1 .text{ font-size:1.2rem; margin:.5rem auto}
	.main .i1 .text .p2{ font-size:1rem; margin-top:.5rem}
	.main .i_btn{ height:2.8rem}
	.main .i_btn a{ width:8rem; height:2rem; line-height:2rem; font-size:1rem}
	.full_c{ width:90%; margin:auto}
	.main .in_two li{ width:100%}
	.main .in_two li img{ width:6rem; margin-right:1rem}
	.main .in_two li .text{ width:calc(100% - 7rem)}
	.main .in_two li p{ font-size:1.2rem}
	.main .in_two li .title{ font-size:1.2rem}
	.main .full_c .more{ width:12rem; height:3.5rem; line-height:3.5rem}
	.footer .full_m{ line-height:30px; padding:14px 0}
	.main .i1{ display:table}
	.main .i1 .full_c{ height:auto; display:table-cell; vertical-align:middle; width:100%}
	.main .i1 .text{ height:auto; min-height:initial}
	.footer .top>div{ margin-top:0 !important; margin-bottom:1rem !important}
	.footer .top>div h3{ margin-top:1rem}
	.footer .top>div a{ line-height:1.5}
	.about .con .menu a{ height:4rem; line-height:4rem; font-size:1rem}
	.about .con .menu a .text{ line-height:4rem; text-align:center; text-indent:0; font-size:.8rem}
	.about .con .cont .containt p,.about .con .cont .in-p{ font-size:1.2rem; margin-top:1.5rem; text-align:justify}
	.about .con .cont .include li{ text-align:justify; font-size:1.2rem}
	.about .con .cont .include li{ text-indent:0}
	.about .con .cont .include{ padding-bottom:1rem; margin-bottom:2rem}
	.about .con .cont img{ max-width:100%}
	.leadership .con .cont .ttl{ font-size:1.4rem; margin-top:2rem; width:100%; text-align:justify}
	.leadership .con .cont .in_title2{ margin-top:3rem}
	.leadership .con .cont{ padding-bottom:3rem}
	.news .con .list li>a img{ width:6rem; margin-right:1rem; margin-top:calc((160px - 10rem) / 2)}
	.news .con .list li .text{ width:calc(100% - 7rem)}
	.news .con .list li .text .title{ font-size:1.2rem; /*overflow:hidden; white-space: nowrap; text-overflow: ellipsis*/}
	.news .con .list li .text .cont{ font-size:1rem}
	.news .con .list li{ padding:1.5rem 0}
	.news .con .list ul{ margin-bottom:3rem}
	.news .con .paging{ margin-top:3rem; margin-bottom:3rem; padding-top:1.2rem}
	.news .con .paging .prev,.news .con .paging .next{ font-size:10px; width:100px}
	.news .con .paging p{ font-size:1rem; display:none; line-height:16px; padding:0 calc(2rem + 100px)}
	.banner.solutions_b ul li .text p{ font-size:1rem}
	.banner.solutions_b ul li .text .p2{ font-size:.8rem; margin-top:.6rem}
	.banner.technology_b ul li .text p{ font-size:1rem}
	.banner.technology_b ul li .text .p2{ font-size:.8rem; margin-top:.6rem}
	.solutions .con .in_title{ font-size:1.3rem}
	.solutions .con .text p{ margin-top:1.5rem; font-size:1.2rem}
	.solutions .con .img img,.solutions .con .s_table li img{ margin-top:3rem}
	.main.solutions .con .s_table li{ width:100% !important}
	.solutions .con .s_table li p{ width:100%; box-sizing:border-box; padding:0 5%}
	.solutions .con .s_table{ margin-top:3rem}
	.technology .in_last .in_title,.solutions .con .in_title:first-child{ line-height:20px; padding:10px 0}
	.technology .in_last .in_title:before,.solutions .con .in_title:first-child:before{ margin-top:-10px}
	.technology .t_first .group img{ max-width:100%}
	.technology .t_first .group .text.left{ width:100%}
	.technology .t_first .group{ display:block}
	.technology .t_first .group .text.left p,.technology .t_first .group .left,#request2 .group .text.left, #request2 .group .left,#request2 .group .text.left p,#request2 .group img.right, #request2 .group .right,#request3 .group .text.left, #request3 .group .left,#request3 .group img.right, #request3 .group .right,.technology .t_first .group .text.right{ width:100%}
	.technology .t_first .group .left{ margin:1.5rem auto}
	.main .in_title,.main .i1,.main .in_two .in_title, .main .in_last .in_title,.technology .t_first{ margin-top:3rem}
	.main .in_last li:last-child{ padding-bottom:0}
	.main .in_last li{ width:100%}
	.main .i1{ background-size:auto 30rem; background-position:center center; background-attachment:inherit}
	.banner ul li .text:before{ opacity:.2}
	#request3{ margin-bottom:3rem}
	.banner ul li .text p{ margin-top:0}
	.ib ul li .text p{ margin-top:12px}
	.main .i2{ height:16.4rem}
	.main .i01{ height:18.5rem}
	.main .i1:before{ height:100%}
}