@charset "UTF-8";

@font-face {
	font-family: 'DIN';
	src: url("../fonts/DIN-Medium.otf");
}
@font-face {
    font-family: 'Conv_QUARTO-BOLD';

    src: url('../fonts/quarto-bold.eot');

    src: local('☺'), url('../fonts/quarto-bold.woff') format('woff'), url('../fonts/quarto-bold.ttf') format('truetype'), url('../fonts/quarto-bold.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}
@-webkit-keyframes o-upfade-top {
	0% {
		opacity: 0;
		top: 90px;
	}

	100% {
		opacity: 1;
		top: 0;
	}
}

@keyframes o-upfade-top {
	0% {
		opacity: 0;
		top: 90px;
	}

	100% {
		opacity: 1;
		top: 0;
	}
}

@-webkit-keyframes rings {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(6);
		-moz-transform: scale(6);
		-ms-transform: scale(6);
		transform: scale(6);
	}
}

@keyframes rings {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(6);
		-moz-transform: scale(6);
		-ms-transform: scale(6);
		transform: scale(6);
	}
}

@-webkit-keyframes fade {
	0% {
		opacity: 1;
	}

	25% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	75% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fade {
	0% {
		opacity: 1;
	}

	25% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	75% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes logoMove {
	0% {
		-webkit-transform: translatey(-15px);
		-moz-transform: translatey(-15px);
		-ms-transform: translatey(-15px);
		transform: translatey(-15px);
	}

	50% {
		-webkit-transform: translatey(0px);
		-moz-transform: translatey(0px);
		-ms-transform: translatey(0px);
		transform: translatey(0px);
	}

	100% {
		-webkit-transform: translatey(-15px);
		-moz-transform: translatey(-15px);
		-ms-transform: translatey(-15px);
		transform: translatey(-15px);
	}
}

@-webkit-keyframes floatUser2 {

	from,
	to {
		opacity: .5;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	}

	75% {
		opacity: .5;
		-webkit-transform: translate3d(7px, 7px, 0);
		-moz-transform: translate3d(7px, 7px, 0);
		-ms-transform: translate3d(7px, 7px, 0);
		transform: translate3d(7px, 7px, 0);
	}
}

@keyframes floatUser2 {

	from,
	to {
		opacity: .5;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	}

	75% {
		opacity: .5;
		-webkit-transform: translate3d(7px, 7px, 0);
		-moz-transform: translate3d(7px, 7px, 0);
		-ms-transform: translate3d(7px, 7px, 0);
		transform: translate3d(7px, 7px, 0);
	}
}

@-webkit-keyframes floatUser3 {

	from,
	to {
		opacity: 1;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	}

	75% {
		opacity: 1;
		-webkit-transform: translate3d(14px, 14px, 0);
		-moz-transform: translate3d(14px, 14px, 0);
		-ms-transform: translate3d(14px, 14px, 0);
		transform: translate3d(14px, 14px, 0);
	}
}

@keyframes floatUser3 {

	from,
	to {
		opacity: 1;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	}

	75% {
		opacity: 1;
		-webkit-transform: translate3d(14px, 14px, 0);
		-moz-transform: translate3d(14px, 14px, 0);
		-ms-transform: translate3d(14px, 14px, 0);
		transform: translate3d(14px, 14px, 0);
	}
}

@-webkit-keyframes floatUser4 {

	from,
	to {
		opacity: 1;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	}

	75% {
		opacity: 1;
		-webkit-transform: translate3d(21px, 21px, 0);
		-moz-transform: translate3d(21px, 21px, 0);
		-ms-transform: translate3d(21px, 21px, 0);
		transform: translate3d(21px, 21px, 0);
	}
}

@keyframes floatUser4 {

	from,
	to {
		opacity: 1;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	}

	75% {
		opacity: 1;
		-webkit-transform: translate3d(21px, 21px, 0);
		-moz-transform: translate3d(21px, 21px, 0);
		-ms-transform: translate3d(21px, 21px, 0);
		transform: translate3d(21px, 21px, 0);
	}
}

@-webkit-keyframes emptyNetOdd {
	0% {
		opacity: 0;
		-webkit-transform: translate(-20px) scale(0) rotate(-20deg);
		-ms-transform: translate(-20px) scale(0) rotate(-20deg);
		transform: translate(-20px) scale(0) rotate(-20deg);
	}

	33% {
		opacity: 1;
		-webkit-transform: translate(100%, 130%) scale(0.6) rotate(5deg);
		-ms-transform: translate(100%, 130%) scale(0.6) rotate(5deg);
		transform: translate(100%, 130%) scale(0.6) rotate(5deg);
	}

	66% {
		opacity: 1;
		-webkit-transform: translate(240%, 250%) scale(0.8) rotate(60deg);
		-ms-transform: translate(240%, 250%) scale(0.8) rotate(60deg);
		transform: translate(240%, 250%) scale(0.8) rotate(60deg);
	}

	to {
		opacity: 0;
		-webkit-transform: translate(340%, 460%) scale(0.5) rotate(100deg);
		-ms-transform: translate(340%, 460%) scale(0.5) rotate(100deg);
		transform: translate(340%, 460%) scale(0.5) rotate(100deg);
	}
}

@keyframes emptyNetOdd {
	0% {
		opacity: 0;
		-webkit-transform: translate(-20px) scale(0) rotate(-20deg);
		-ms-transform: translate(-20px) scale(0) rotate(-20deg);
		transform: translate(-20px) scale(0) rotate(-20deg);
	}

	33% {
		opacity: 1;
		-webkit-transform: translate(100%, 130%) scale(0.6) rotate(5deg);
		-ms-transform: translate(100%, 130%) scale(0.6) rotate(5deg);
		transform: translate(100%, 130%) scale(0.6) rotate(5deg);
	}

	66% {
		opacity: 1;
		-webkit-transform: translate(240%, 250%) scale(0.8) rotate(60deg);
		-ms-transform: translate(240%, 250%) scale(0.8) rotate(60deg);
		transform: translate(240%, 250%) scale(0.8) rotate(60deg);
	}

	to {
		opacity: 0;
		-webkit-transform: translate(340%, 460%) scale(0.5) rotate(100deg);
		-ms-transform: translate(340%, 460%) scale(0.5) rotate(100deg);
		transform: translate(340%, 460%) scale(0.5) rotate(100deg);
	}
}

@-webkit-keyframes emptyNetEven {
	0% {
		opacity: 0;
		-webkit-transform: translate(30px) scale(0) rotate(0deg);
		-ms-transform: translate(30px) scale(0) rotate(0deg);
		transform: translate(30px) scale(0) rotate(0deg);
	}

	30% {
		opacity: 1;
		-webkit-transform: translate(-50%, 100%) scale(0.7) rotate(-30deg);
		-ms-transform: translate(-50%, 100%) scale(0.7) rotate(-30deg);
		transform: translate(-50%, 100%) scale(0.7) rotate(-30deg);
	}

	70% {
		opacity: 1;
		-webkit-transform: translate(-100%, 250%) scale(1) rotate(-90deg);
		-ms-transform: translate(-100%, 250%) scale(1) rotate(-90deg);
		transform: translate(-100%, 250%) scale(1) rotate(-90deg);
	}

	to {
		opacity: 0;
		-webkit-transform: translate(-140%, 460%) scale(0.4) rotate(-230deg);
		-ms-transform: translate(-140%, 460%) scale(0.4) rotate(-230deg);
		transform: translate(-140%, 460%) scale(0.4) rotate(-230deg);
	}
}

@keyframes emptyNetEven {
	0% {
		opacity: 0;
		-webkit-transform: translate(30px) scale(0) rotate(0deg);
		-ms-transform: translate(30px) scale(0) rotate(0deg);
		transform: translate(30px) scale(0) rotate(0deg);
	}

	30% {
		opacity: 1;
		-webkit-transform: translate(-50%, 100%) scale(0.7) rotate(-30deg);
		-ms-transform: translate(-50%, 100%) scale(0.7) rotate(-30deg);
		transform: translate(-50%, 100%) scale(0.7) rotate(-30deg);
	}

	70% {
		opacity: 1;
		-webkit-transform: translate(-100%, 250%) scale(1) rotate(-90deg);
		-ms-transform: translate(-100%, 250%) scale(1) rotate(-90deg);
		transform: translate(-100%, 250%) scale(1) rotate(-90deg);
	}

	to {
		opacity: 0;
		-webkit-transform: translate(-140%, 460%) scale(0.4) rotate(-230deg);
		-ms-transform: translate(-140%, 460%) scale(0.4) rotate(-230deg);
		transform: translate(-140%, 460%) scale(0.4) rotate(-230deg);
	}
}

@-webkit-keyframes emptyNetCenter {
	0% {
		opacity: 0;
		-webkit-transform: translate(0) scale(0) rotate(120deg);
		-ms-transform: translate(0) scale(0) rotate(120deg);
		transform: translate(0) scale(0) rotate(120deg);
	}

	30% {
		opacity: 1;
		-webkit-transform: translate(-20%, 100%) scale(0.5) rotate(-30deg);
		-ms-transform: translate(-20%, 100%) scale(0.5) rotate(-30deg);
		transform: translate(-20%, 100%) scale(0.5) rotate(-30deg);
	}

	70% {
		opacity: 1;
		-webkit-transform: translate(80%, 250%) scale(0.7) rotate(90deg);
		-ms-transform: translate(80%, 250%) scale(0.7) rotate(90deg);
		transform: translate(80%, 250%) scale(0.7) rotate(90deg);
	}

	to {
		opacity: 0;
		-webkit-transform: translate(50%, 460%) scale(0.3) rotate(-50deg);
		-ms-transform: translate(50%, 460%) scale(0.3) rotate(-50deg);
		transform: translate(50%, 460%) scale(0.3) rotate(-50deg);
	}
}

@keyframes emptyNetCenter {
	0% {
		opacity: 0;
		-webkit-transform: translate(0) scale(0) rotate(120deg);
		-ms-transform: translate(0) scale(0) rotate(120deg);
		transform: translate(0) scale(0) rotate(120deg);
	}

	30% {
		opacity: 1;
		-webkit-transform: translate(-20%, 100%) scale(0.5) rotate(-30deg);
		-ms-transform: translate(-20%, 100%) scale(0.5) rotate(-30deg);
		transform: translate(-20%, 100%) scale(0.5) rotate(-30deg);
	}

	70% {
		opacity: 1;
		-webkit-transform: translate(80%, 250%) scale(0.7) rotate(90deg);
		-ms-transform: translate(80%, 250%) scale(0.7) rotate(90deg);
		transform: translate(80%, 250%) scale(0.7) rotate(90deg);
	}

	to {
		opacity: 0;
		-webkit-transform: translate(50%, 460%) scale(0.3) rotate(-50deg);
		-ms-transform: translate(50%, 460%) scale(0.3) rotate(-50deg);
		transform: translate(50%, 460%) scale(0.3) rotate(-50deg);
	}
}

.wrapper {
	width: 92%;
	max-width: 1440px;
	margin: 0 auto;
	position: relative;
}

.wrapper:after {
	content: '';
	display: block;
	clear: both;
}

.header {
	height: 72px;
}

.header .main {
	position: fixed;
	width: 100%;
	height: 72px;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(2, 2, 2, 0.15);
	font-size: 0;
	z-index: 888;
}

.header .main .nav {
	display: inline-block;
	vertical-align: top;
	width: 90px;
	height: 100%;
	position: relative;
}

.header .main .nav .nav_btn {
	height: 100%;
	text-align: center;
	cursor: pointer;
}

.header .main .nav .nav_btn i {
	display: block;
	width: 30px;
	height: 19px;
	margin: 0 auto;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../images/icon1.png");
	-webkit-transition: margin 0.2s linear;
	-moz-transition: margin 0.2s linear;
	-ms-transition: margin 0.2s linear;
	transition: margin 0.2s linear;
}

.header .main .nav .nav_btn span {
	display: block;
	font-size: 14px;
	color: #324b5c;
	line-height: 1;
	margin-top: 5px;
	-webkit-transition: opacity 0.15s linear 0.2s;
	-moz-transition: opacity 0.15s linear 0.2s;
	-ms-transition: opacity 0.15s linear 0.2s;
	transition: opacity 0.15s linear 0.2s;
}

.header .main .nav .nav_cont {
	position: absolute;
	top: 100%;
	left: 0;
	box-shadow: 0 5px 10px inset rgba(2, 2, 2, 0.1);
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
	-ms-transform: translateY(40px);
	transform: translateY(40px);
	-webkit-transition: transform 0.3s, opacity 0.35s, visibility 0.1s;
	-moz-transition: transform 0.3s, opacity 0.35s, visibility 0.1s;
	-ms-transition: transform 0.3s, opacity 0.35s, visibility 0.1s;
	transition: transform 0.3s, opacity 0.35s, visibility 0.1s;
	overflow: hidden;
}

.header .main .nav .nav_cont:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #e6e6e6;
	position: absolute;
	top: -10px;
	left: 25px;
}

.header .main .nav .nav_cont ul {
	width: 265px;
	padding: 1.5vw 0 4.5vw;
	background: #e6e6e6;
	height: calc(465px + 6vw);
}

.header .main .nav .nav_cont ul li {
	margin-top: 5px;
}

.header .main .nav .nav_cont ul li:first-of-type {
	margin-top: 0;
}

.header .main .nav .nav_cont ul li a.tit {
	display: block;
	font-size: 15px;
	line-height: 42px;
	color: #464646;
	padding: 0 30px;
}

.header .main .nav .nav_cont ul li a.tit:hover {
	transition-delay: 0s !important;
	background-color: #ededed;
	color: #108cee;
}

.header .main .nav .nav_cont ul li.menu>a.tit {
	background-repeat: no-repeat;
	background-position: 85% center;
	background-image: url("../images/icon14.png");
}

.header .main .nav .nav_cont ul li.menu>a.tit:hover {
	background-image: url("../images/icon15.png");
}

.header .main .nav .nav_cont ul li.open>a.tit {
	color: #108cee;
	background-color: #f0f0f0;
	background-image: url("../images/icon15.png");
}

.header .main .nav .nav_cont ul li.open>.block {
	width: 520px;
	z-index: 3;
	visibility: visible;
}

.header .main .nav .nav_cont ul li.open>.block>ul {
	-webkit-transition: transform 0.2s linear;
	-moz-transition: transform 0.2s linear;
	-ms-transition: transform 0.2s linear;
	transition: transform 0.2s linear;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	transition-delay: .2s;
}

.header .main .nav .nav_cont ul li.open>.block>ul>h3 {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	transition-delay: 0.2s, 0.3s;
}

.header .main .nav .nav_cont ul li.open>.block>ul>li>a.tit {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	transition-delay: 0.2s, 0.3s;
}

.header .main .nav .nav_cont ul li.open>.block>ul>li:nth-of-type(2)>a.tit {
	transition-delay: 218ms, 318ms;
}

.header .main .nav .nav_cont ul li.open>.block>ul>li:nth-of-type(3)>a.tit {
	transition-delay: 236ms, 336ms;
}

.header .main .nav .nav_cont ul li.open>.block>ul>li:nth-of-type(4)>a.tit {
	transition-delay: 254ms, 354ms;
}

.header .main .nav .nav_cont ul li.open>.block>ul>li:nth-of-type(5)>a.tit {
	transition-delay: 272ms, 372ms;
}

.header .main .nav .nav_cont ul li.open>.block>ul>li:nth-of-type(6)>a.tit {
	transition-delay: 290ms, 390ms;
}

.header .main .nav .nav_cont ul li.open>.block>ul>li:nth-of-type(7)>a.tit {
	transition-delay: 308ms, 408ms;
}

.header .main .nav .nav_cont ul li.open>.block>ul>li:nth-of-type(8)>a.tit {
	transition-delay: 326ms, 426ms;
}

.header .main .nav .nav_cont ul li.open>.block>ul>li:nth-of-type(9)>a.tit {
	transition-delay: 344ms, 444ms;
}

.header .main .nav .nav_cont ul li.open>.block>ul>a.more {
	opacity: 1;
	transition-delay: .5s;
}

.header .main .nav .nav_cont ul li.close .block {
	visibility: hidden;
}

.header .main .nav .nav_cont ul li.close .block ul.ul {
	transition-delay: 0s;
}

.header .main .nav .nav_cont ul a.more {
	position: absolute;
	bottom: 2vw;
	left: 30px;
	font-size: 15px;
	color: #108cee;
	opacity: 0;
}

.header .main .nav .nav_cont ul.ul2 li.open>a.tit {
	background-color: #fafafa;
}

.header .main .nav .nav_cont ul.ul2 li:hover>a.tit {
	background-color: #fafafa;
}

.header .main .nav .nav_cont ul.ul3 li:hover>a.tit {
	background-color: #fff;
}

.header .main .nav .nav_cont .block {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 265px;
	overflow: hidden;
	z-index: 1;
	visibility: hidden;
}

.header .main .nav .nav_cont .block ul.ul {
	width: 265px;
	height: 100%;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	transition-delay: 1s;
}

.header .main .nav .nav_cont .block ul.ul.ul2 {
	background: #f0f0f0;
}

.header .main .nav .nav_cont .block ul.ul.ul3 {
	background: #fafafa;
}

.header .main .nav .nav_cont .block ul.ul h3 {
	font-size: 16px;
	color: #464646;
	margin: 0 30px 5px;
	line-height: 42px;
	border-bottom: 1px solid #dddddd;
	opacity: 0;
	-webkit-transform: translateX(-110%);
	-moz-transform: translateX(-110%);
	-ms-transform: translateX(-110%);
	transform: translateX(-110%);
	-webkit-transition: transform 0.3s 1s, opacity 0.2s 0s;
	-moz-transition: transform 0.3s 1s, opacity 0.2s 0s;
	-ms-transition: transform 0.3s 1s, opacity 0.2s 0s;
	transition: transform 0.3s 1s, opacity 0.2s 0s;
}

.header .main .nav .nav_cont .block ul.ul li {
	overflow: hidden;
}

.header .main .nav .nav_cont .block ul.ul li a.tit {
	opacity: 0;
	-webkit-transform: translateX(-110%);
	-moz-transform: translateX(-110%);
	-ms-transform: translateX(-110%);
	transform: translateX(-110%);
	-webkit-transition: transform 0.3s 1s, opacity 0.2s 0s;
	-moz-transition: transform 0.3s 1s, opacity 0.2s 0s;
	-ms-transition: transform 0.3s 1s, opacity 0.2s 0s;
	transition: transform 0.3s 1s, opacity 0.2s 0s;
}

.header .main .nav .nav_cont .block ul.ul a.more {
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.header .main .nav:hover .nav_btn i {
	margin-top: 19px;
	transition-delay: .1s;
	background-image: url("../images/icon2.png");
}

.header .main .nav:hover .nav_btn span {
	opacity: 0;
	transition-delay: 0s;
}

.header .main .nav:hover .nav_cont {
	overflow: inherit;
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: transform 0.3s, opacity 0.35s, visibility 0s;
	-moz-transition: transform 0.3s, opacity 0.35s, visibility 0s;
	-ms-transition: transform 0.3s, opacity 0.35s, visibility 0s;
	transition: transform 0.3s, opacity 0.35s, visibility 0s;
}

.header .main .nav:hover .nav_cont .block {
	visibility: visible;
}

.header .main .logo {
	width: 86px;
	height: 100%;
	text-align: center;
	background: none;
	display: inline-block;
	vertical-align: top;
}

.header .main .logo img {
	height: 40px;
}

.header .main .ope {
	float: right;
	padding-right: 30px;
}

.header .main .ope form,
.header .main .ope a,
.header .main .ope .contact {
	display: inline-block;
	vertical-align: middle;
}

.header .main .ope form {
	width: 225px;
	height: 42px;
	position: relative;
	padding-right: 40px;
	border: 1px solid #f4f4f4;
	border-radius: 3px;
	-webkit-transition: border 0.2s linear;
	-moz-transition: border 0.2s linear;
	-ms-transition: border 0.2s linear;
	transition: border 0.2s linear;
}

.header .main .ope form.focus {
	border-color: #108cee;
}

.header .main .ope form.focus button {
	background-image: url("../images/icon8_on.svg");
}

.header .main .ope form input {
	padding: 0 10px;
	width: 100%;
	height: 100%;
	display: block;
	color: #636363;
}

.header .main .ope form .but01 {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 20px 20px;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.header .main .ope form input.search {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 20px 20px;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}


.header .main .ope form button {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	display: none;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url("../fonts/icon8.svg");
	background-size: 20px 20px;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.header .main .ope .link {
	font-size: 16px;
	color: #324b5c;
	line-height: 42px;
	padding-right: 30px;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto 20px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	transition: all 500ms ease;
	cursor: pointer;
}

.header .main .ope a.btn {
	margin-left: 3vw;
	padding-top: 15px;
	padding-bottom: 15px;
	border: none;
	font-weight: normal;
	letter-spacing: 0px;
	padding: 15px 30px 15px 0px;
}

.header .main .ope a.btn.about {
	background-image: url("../fonts/icon9.svg");
}

.header .main .ope a.btn.product {
	background-image: url("../fonts/icon10.svg");
}

.header .main .ope a.btn:hover {
	color: #108cee;
}

.header .main .ope a.btn.about:hover {
	background-image: url("../fonts/icon9_on.svg");
}

.header .main .ope a.btn.product:hover {
	background-image: url("../fonts/icon10_on.svg");
}

.header .main .ope .contact {
	margin-left: 3vw;
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
}

.header .main .ope .contact .link {
	background-image: url("../fonts/icon11.svg");
}

.header .main .ope .contact .hover {
	position: absolute;
	top: 100%;
	right: 0;
	background: #f5f5f5;
	padding: 5px 35px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
	-ms-transform: translateY(40px);
	transform: translateY(40px);
	-webkit-transition: transform 0.3s, opacity 0.25s, visibility 0.1s;
	-moz-transition: transform 0.3s, opacity 0.25s, visibility 0.1s;
	-ms-transition: transform 0.3s, opacity 0.25s, visibility 0.1s;
	transition: transform 0.3s, opacity 0.25s, visibility 0.1s;
}

.header .main .ope .contact .hover:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 17px solid transparent;
	border-right: 17px solid transparent;
	border-bottom: 14px solid #f5f5f5;
	position: absolute;
	top: -14px;
	right: 40px;
}

.header .main .ope .contact .hover .item {
	padding: 30px 0;
	overflow: hidden;
	padding-right: 3vw;
}

.header .main .ope .contact .hover .item i {
	float: left;
	width: 60px;
	height: 60px;
	background-color: #108cee;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px auto;
}

.header .main .ope .contact .hover .item h3 {
	margin-left: 76px;
	font-size: 18px;
	color: #333;
	white-space: nowrap;
	margin-top: 5px;
}

.header .main .ope .contact .hover .item p {
	margin-left: 76px;
	font-size: 16px;
	color: #808080;
	white-space: nowrap;
	margin-top: 10px;
}

.header .main .ope .contact .hover .item a {
	margin-left: 76px;
	margin-top: 20px;
	font-size: 16px;
	color: #108cee;
	display: block;
}

.header .main .ope .contact .hover .item a:hover {
	color: #0056a5;
}

.header .main .ope .contact .hover .item:nth-of-type(1) {
	border-bottom: 1px solid #e6e6e6;
}

.header .main .ope .contact .hover .item:nth-of-type(1) i {
	background-image: url("../fonts/icon12.svg");
}

.header .main .ope .contact .hover .item:nth-of-type(2) i {
	background-image: url("../fonts/icon13.svg");
}

.header .main .ope .contact:hover .link {
	color: #108cee;
	background-image: url("../fonts/icon11_on.svg");
}

.header .main .ope .contact:hover .hover {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: transform 0.3s, opacity 0.25s, visibility 0s;
	-moz-transition: transform 0.3s, opacity 0.25s, visibility 0s;
	-ms-transition: transform 0.3s, opacity 0.25s, visibility 0s;
	transition: transform 0.3s, opacity 0.25s, visibility 0s;
}

.banner {
	width: 100%;
	margin: 0 auto;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide img {
	width: 100%;
	height: 100%;
}


.index-about {
	width: 100%;
	background: #fff;
	padding: 50px 0 0px 0;
}

.index-about-title {
	width: 100%;
	position: relative;
	padding-bottom: 0;
}

.index-about-title .bdl {
	font-size: 70px;
	line-height: 70px;
	font-family: Helvetica;
	color: #000;
}

.index-about-title .title {
	font-size: 36px;
	line-height: 1;
	font-weight: bold;
	color: #222;
	margin-bottom: 23px;
}

.index-about-title .txt {
	width: 685px;
	font-size: 14px;
	line-height: 24px;
	color: #666;
}

.index-about-title .bdr span {
	width: 300px;
	height: 2px;
	background: #222;
	display: inline-block;
	position: absolute;
	top: 9px;
	right: 65px;
}

.index-about-title .bdr {
	font-size: 70px;
	line-height: 70px;
	font-family: Helvetica;
	color: #000;
	display: table;
	position: absolute;
	right: 0;
	top: 110px;
}

.index-services {
	width: 100%;
	margin: 0 auto;
}

.service_list {
	padding: 25px 0 50px 0;
}
.nyservices .service_list{
    padding: 0 0 0 0;
}
.sale-service {
	padding: 50px 30px;
	background: #fff none repeat scroll 0 0;
	border: 2px solid #fff;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	position: relative;
	box-shadow: 0px 3px 14px 0px rgba(0, 11, 40, 0.06);
	margin: 5px 0.5%;
	width: 24%;
	float: left;
	min-height: 245px;
}

.service-number {
	font-size: 55px;
	position: absolute;
	top: 25px;
	right: 25px;
	width: 60px;
	height: 55px;
	font-weight: 500;
	line-height: 55px;
	color: rgba(35, 61, 92, 0.07);
	border-radius: 0 0 0 10px;
	z-index: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.service-icon {
	height: 60px;
}

.service-icon img {
	display: block;
	height: 100%;
}

.service-text {
	margin-top: 25px;
}

.service-text h3 {
	font-size: 20px;
	color: #001238;
	letter-spacing: 1px;
	margin-bottom: 15px;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	display: inline-block;
	text-transform: capitalize;
	font-weight: 600;
}

.service-text p {
	color: #7c8a97;
	line-height: 32px;
	font-size: 14px;
}

/*案例*/
.h-bt {
	width: 200px;
	position: relative;
	left: 0;
	float: left;
	cursor: pointer;
}

.h-bt .h-bt-txt {
	display: inline-block;
}

.h-bt .h-en {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.5em;
	display: block;
}

.h-bt .h-ch {
	font-size: 20px;
	display: block;
	line-height: 2em;
}

.index-case {
	padding: 55px 0;
	background: #f7f7f7;
}

.index-case .hd {
	float: right;
	left: -150px;
}

.index-case .hd li,
.index-case .hd .h-more {
	display: inline-block;

	font-size: 16px;
	color: #2b2b2b;
	line-height: 2em;
	margin: 0 22px;
}

.index-case .hd li.on {

	font-weight: 600;
	color: #000;
	border-bottom: 1px solid #000;
	cursor: pointer;
}

.index-case .hd ul {
	display: inline-block;
}

.index-case .hd .h-more {
	font-family: arial;
	cursor: pointer;
}

.index-case .hd .h-more a:hover {
	font-weight: 600;
	color: #000;
}

.index-case .bd {
	overflow: hidden;
	zoom: 1;
}

.index-case .bd ul {
	padding-top: 20px;
}

.index-case .bd ul li {
	width: 32.5%;
	float: left;
	margin-right: 1.25%;
	margin-bottom: 20px;
}

.index-case .bd ul li:nth-child(3n) {
	margin-right: 0;
}

.index-case .bd ul li:hover {
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, .1);
}

.index-case .bd ul li .img {
	width: 100%;
	overflow: hidden;
}

.index-case li .img img {
	width: 100%;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	height:320px;
}

.index-case .bd ul li:hover .img img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.index-case .bd ul li .tbox {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ebebeb;
	border-top: none;
	padding: 20px 20px 0;
	background: #fff;
}

.index-case .bd ul li .tbox .title {
	width: 100%;
	position: relative;
	line-height: 36px;
}

.index-case .bd ul li .tbox .title .t1 {
	font-size: 16px;
	font-weight: bold;
	color: #222;
}

.index-case .bd ul li .tbox .title .t2 {
	font-size: 14px;
	color: #666;
}

.index-case .bd ul li .tbox .title .icon {
	position: absolute;
	right: 0;
	top: 0;
}

.index-case .bd li .tbox .title .icon .icon2 {
	background: url(../images/icon18.png) left center no-repeat;
}

.index-case .bd ul li .tbox .title .icon span {
	width: 70px;
	height: 16px;
	font-size: 15px;
	padding-left: 22px;
}

.index-case .bd ul li .tbox .title .icon .icon1 {
	background: url(../images/icon17.png) center center no-repeat;
}

.index-case .bd li .tbox .more {
	width: 100%;
	border-top: 1px solid #e3e3e3;
	margin-top: 7px;
	font-size: 14px;
	color: #666;
	line-height: 36px;
	padding: 7px;
	background: url(../images/icon20.png) right center no-repeat;
	transition: all ease .3s;
}

.index-case .bd li:hover .tbox .more {
	background: url(../images/icon21.png) right center no-repeat;
}
.index-case-more{
   clear:both;
       width: 200px;
   margin:0 auto;
}
.index-case-more a {
padding:10px 35px;
    text-align: center;
    line-height: 45px;
    background: #108cee;
    color: #fff;
    margin: 0 auto;
 
}
.index-customer {
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
}

.customer_list {
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	position: relative
}

.customer_list ul li {
	float: left;
	width: calc(20% - 1px);
	border-left: 1px solid #dfdfdf;
	border-top: 1px solid #dfdfdf;
	overflow: hidden;
	position: relative
}

.customer_list ul li img {

	width: 100%;
	vertical-align: bottom;
}

.customer_list ul li:first-child {
	width: 39.85%;
	border-left: 0;
	border-top: 0
}

.customer_list ul li .imgs {
	cursor: pointer;
	overflow: hidden;
	border-color: #fff
}

.customer_list ul li .imgs:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: inset 0 0 0 0 #eee;
	transition: .2s
}

.customer_list ul li .imgs:hover:after {
	box-shadow: inset 0 0 0 10px #f6f6f6
}

.customer_list ul li .imgs img {
	opacity: 1;
	filter: grayscale(0);
	filter: gray;
	transition: .3s
}

.customer_list ul li:hover .imgs img {
	opacity: 1;
	filter: grayscale(0);
	filter: none;
	transform: scale(.9) translateY(-8px);
}

.customer_list .item {
	display: none;
	overflow: hidden
}

.customer_list .customer-buttons {
	position: absolute;
	top: 20px;
	width: 40%;
	left: 0;
	height: 0;
	text-align: right;
	z-index: 1000;
}

.customer_list .customer-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
	width: 50px;
	height: 50px;
	text-indent: 60px;
	overflow: hidden;
	transition: all .3s ease-out 0s;
	cursor: pointer
}

.customer_list .customer-buttons div.owl-prev {
	background: url(../images/left.png) no-repeat;
	margin-right: -1px
}

.customer_list .customer-buttons div.owl-prev:hover {
	opacity: .6;
	background: url(../images/left_on.png) no-repeat
}

.customer_list .customer-buttons div.owl-prev.disabled {
	background: url(../images/left_on.png) no-repeat
}

.customer_list .customer-buttons div.owl-next {
	background: url(../images/right.png) no-repeat;
	margin-right: 20px
}

.customer_list .customer-buttons div.owl-next:hover {
	opacity: .6;
	background: url(../images/right_on.png) no-repeat
}

.customer_list .customer-buttons div.owl-next.disabled {
	background: url(../images/right_on.png) no-repeat
}

.index-news {
	width: 100%;
	margin: 0 auto;
	padding: 55px 0;
	background: #f7f7f7;
}

.index-news .hd {
	float: right;
	left: -150px;
}

.index-news .hd li,
.index-news .hd .h-more {
	display: inline-block;

	font-size: 16px;
	color: #2b2b2b;
	line-height: 2em;
	margin: 0 22px;
}

.index-news .hd li.on {

	font-weight: 600;
	color: #000;
	border-bottom: 1px solid #000;
	cursor: pointer;
}

.index-news .hd ul {
	display: inline-block;
}

.index-news .hd .h-more {
	font-family: arial;
	cursor: pointer;
}

.index-news .hd .h-more a:hover {
	font-weight: 600;
	color: #000;
}

.index-news .bd ul {
	width: 100%;
	padding: 30px 0;
}

.index-news .bd ul li {
	width: 33.33%;
	padding: 15px 20px;
	background: url(../images/point.png) no-repeat left center;
	float: left;
	overflow: hidden;
}

.index-news .bd ul li a {
	font-size: 16px;
	color: #333;
	float: left;
	width: 75%;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.index-news .bd ul li span {
	float: right;
	width: 20%;
	display: inline-block;
	text-align: right;
}



.pa-banner {
	display: block;
	position: relative;
	overflow: hidden;
	max-height: 100%;
}

.pa-banner img {
	display: block;
	width: 100%;
}

.pa-banner dd {
	position: absolute;
	top: 50%;
	left: 1%;
	width: 100%;
	height: auto;
	z-index: 5;
	margin-top: -94px;
}

.pa-banner dd h3 {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}

.pa-banner dd h3 span {
	display: block;
	float: left;
	width: 100px;
	height: 1px;
	background: #fff;
	margin: 18px 12px 0 0;
}

.pa-banner dd h3 font {
	text-transform: uppercase;
	display: block;
	float: left;
	color: #fff;
	line-height: 40px;
	font-size: 2.6rem;
	letter-spacing: 2px;
	height: 40px;

}

.pa-banner dd h4 {
	color: #fff;
	letter-spacing: 2px;
	font-size: 24px;
	margin: 20px 0 20px 112px;
	height: 26px;
	line-height: 26px;
}

.pa-banner dd a {
	transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	display: inline-block;
	font-size: 1em;
	margin: 20px 0 0 112px;
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
}

.pa-banner dd a .fa {
	color: #fff;
}

.pa-banner dd a .fa img {
	width: 15px;
	height: auto;
	text-align: center;
	margin: 0 auto;
}

.pa-banner dd a strong {
	animation: downico 1.5s ease-out infinite;
	position: relative;
	display: block;
	line-height: 30px;
}

.pa-banner h6 {
	width: 40%;
	background-image: radial-gradient(#ffffff 15%, #af666600 16%), radial-gradient(#ffffff 15%, transparent 16%);
	background-size: 120px 120px;
	background-position: 0 0, 60px 60px;
	min-height: 720px;
	overflow: hidden;
	top: 0;
	right: 0;
	position: absolute;
	height: 100%;
}

@keyframes downico {
	0% {
		top: 0;
		opacity: 1;
	}

	35% {
		top: 40%;
		opacity: 0;
	}

	65% {
		top: -40%;
		opacity: 0;
	}

	100% {
		top: 0;
		opacity: 1;
	}
}

.pa-banner .ny-nav {

	width: 100%;
	height: 80px;
	box-sizing: border-box;
	border-bottom: 1px solid #efefef;
	position: absolute;
	z-index: 88;
	background: #fff;
	bottom: 0;
	left: 0;
	transition: all .4s linear .2s;
	-webkit-transition: all .4s linear .2s;

}

.ny-nav .fl {
	float: left;
	max-width: 100%;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

.ny-nav .fr {
	float: right;
	padding-left: 20px;
	position: relative;
	font-size: 14px;
	color: #999;
	line-height: 80px;
}

.ny-nav .fr a {

	color: #999;

}

.ny-nav .fl li {
	float: left;
	height: 80px;
	font-size: 16px;
	line-height: 80px;
	position: relative;
	margin-right: 60px;
}

.ny-nav .fl li.active:before,
.ny-nav .fl li:hover:before {
	width: 100%;
}

.ny-nav .fl li:before {
	content: '';
	width: 0;
	height: 2px;
	background: #108cee;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
}

.ny-nav .fr:before {
	content: '';
	display: block;
	width: 12px;
	height: 15px;
	background: url(../images/dw-icon.png) no-repeat;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7px;
}

.nyservices {
	width: 100%;
	margin: 0 auto;
}


.nyproduct h1 {
    font-size: 34px;
    font-weight: normal;
    text-align: center;
  
}



.nyproduct ul {
	padding: 50px 0;
}

.nyproduct ul li {
	width: 32.5%;
	float: left;
	margin-right: 1.25%;
	margin-bottom: 20px;
}

.nyproduct ul li:nth-child(3n) {
	margin-right: 0;
}

.nyproduct ul li:hover {
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, .1);
}

.nyproduct ul li .img {
	width: 100%;
	overflow: hidden;
}

.nyproduct li .img img {
	width: 100%;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	height: 320px;
}

.nyproduct ul li:hover .img img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.nyproduct ul li .tbox {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ebebeb;
	border-top: none;
	padding: 20px 20px 0;
	background: #fff;
}

.nyproduct ul li .tbox .title {
	width: 100%;
	position: relative;
	line-height: 36px;
}

.nyproduct ul li .tbox .title .t1 {
	font-size: 16px;
	font-weight: bold;
	color: #222;
}

.nyproduct ul li .tbox .title .t2 {
	font-size: 14px;
	color: #666;
}

.nyproduct ul li .tbox .title .icon {
	position: absolute;
	right: 0;
	top: 0;
}

.nyproduct li .tbox .title .icon .icon2 {
	background: url(../images/icon18.png) left center no-repeat;
}

.nyproduct ul li .tbox .title .icon span {
	width: 70px;
	height: 16px;
	font-size: 15px;
	padding-left: 22px;
}

.nyproduct ul li .tbox .title .icon .icon1 {
	background: url(../images/icon17.png) center center no-repeat;
}

.nyproduct li .tbox .more {
	width: 100%;
	border-top: 1px solid #e3e3e3;
	margin-top: 7px;
	font-size: 14px;
	color: #666;
	line-height: 36px;
	padding: 7px;
	background: url(../images/icon20.png) right center no-repeat;
	transition: all ease .3s;
}

.nyproduct li:hover .tbox .more {
	background: url(../images/icon21.png) right center no-repeat;
}

.nynews {
	padding: 50px 0;
}


.nynews .list1 li {
	background: #f7f7f7;
	float: left;
	width: 32.5%;
	margin-right: 1.25%;
	margin-bottom: 20px;
}

.nynews .list1 li:nth-child(3n) {
	margin-right: 0;
}

.nynews .list1 li .tbox {
	width: 100%;
	height: 270px;
	box-sizing: border-box;
	padding: 0 30px;
	transition: all ease .3s;
}

.nynews .list1 li .tbox:hover {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.nynews .list1 li .tbox a {
	display: inline-block;
	width: 100%;
}

.nynews .list1 li .tbox .time {
	font-size: 48px;
	font-weight: bold;
	line-height: 50px;
	font-family: 'sheepsansbold';
	color: #999;
	padding: 22px 0 15px;
	background: url(../images/icon20.png) right 54px no-repeat;
	border-bottom: 1px solid #dbdbdb;
	transition: all ease .3s;
}

.nynews .list1 li .tbox .time span {
	font-size: 16px;
	line-height: 20px;
	display: block;
}

.nynews .list1 li .tbox:hover .time {
	color: #222;
}

.nynews .list1 li .tbox .titles {
	font-size: 16px;
	line-height: 36px;
	color: #000;
	margin-top: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.nynews .list1 li .tbox .txts {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


/**/
.newsinfo {
	padding: 50px 0;
}

.newsinfo .newscon {}

.newsinfo .newscon .newsdes {
	float: left;
	width: 68%;
	padding-bottom: 2%;
	overflow: hidden;
}

.newsinfo .newscon .newsdes .newsitop {
	padding-bottom: 2%;
	border-bottom: 1px solid #e5e5e5;
}

.newsinfo .newscon .newsdes .newsitop h5 {
	font-size: 34px;
	font-weight: 400;
}

.newsinfo .newscon .newsdes .newsitop p {
	line-height: 45px;
}

.newsinfo .newscon .newsdes .newsitop p span {
	margin-right: 20px;
}

.newsinfo .newscon .newsdes .newsibom {
	margin-top: 2%;
	padding-bottom: 2%;
	border-bottom: 1px solid #e5e5e5;
	line-height: 30px;
	text-align: justify;
}

.newsinfo .newscon .newsdes .newsibom img {
	max-width: 100%;
}

.newsinfo .newscon .newsdes .newsibom p {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 1.5%;
	text-align: justify;
}

.newsinfo .newscon .newsdes .newsibom h5 {
	font-size: 22px;
	color: #108cee;
	font-weight: normal;
	line-height: 30px;
	margin-bottom: 3%;
}

.newsinfo .newscon .newsdes .newsibom .imgBox {
	text-align: center;
	margin-bottom: 3%;
}

.caseinfo .info_pn {
	border-top: 1px solid #e5e5e5;
}

.info_pn {
	padding-top: 2%;
}

.info_pn span a {
	font-size: 16px;
	line-height: 30px;
	display: inline-block;
	color: #999;
}

.info_pn span a:hover {
	color: #108cee;
}

.info_pn span:nth-child(1) {
	float: left;
}

.info_pn span:nth-child(2) {
	float: right;
}

.caseinfo .info_back {
	padding-bottom: 2%;
}

.info_back {
	margin-top: 2%;
}

.info_back a {
	display: block;
	width: 135px;
	text-align: center;
	line-height: 40px;
	background: #108cee;
	color: #fff;
	margin: 0 auto;
	border-radius: 8px;
}
.nyservices{
	width:100%;
	padding:50px 0;
}
.newsinfo .newscon .popularnew {
	float: right;
	width: 25%;
	border-radius: 2px;
	box-shadow: 0 0 20px rgba(51, 51, 51, .1);
	padding: 2%;
}

.newsinfo .newscon .popularnew h1 {
	font-size: 25px;
	line-height: 30px;
	margin-bottom: 8%;
	font-weight: 400;
}

.newsinfo .newscon .popularnew li {
	padding-bottom: 5%;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 5%;
}

.newsinfo .newscon .popularnew li:last-child {
	border-bottom: none;
}

.newsinfo .newscon .popularnew li .imgBox {
	overflow: hidden;
	border-radius: 2px;
	margin-bottom: 5%;
}

.newsinfo .newscon .popularnew li .imgBox img {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	width: 100%;
}

.newsinfo .newscon .popularnew li h5 {
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
}

.newsinfo .newscon .popularnew li:hover .imgBox img {
	transform: scale(1.1);
}

.proinfo {
	padding: 50px 0;
}

.proinfo .procon {}

.proinfo .procon .prodes {
	float: left;
	width: 68%;
	padding-bottom: 2%;
	overflow: hidden;
}

.proinfo .procon .prodes .proitop {
	padding-bottom: 1%;
	border-bottom: 1px solid #e5e5e5;
}

.proinfo .procon .prodes .proitop h5 {
	font-size: 34px;
	font-weight: 400;
}

.proinfo .procon .prodes .proitop p {
	line-height: 45px;
}

.proinfo .procon .prodes .proitop p span {
	margin-right: 20px;
}

.proinfo .procon .prodes .proibom {
	margin-top: 2%;
	padding-bottom: 2%;
	border-bottom: 1px solid #e5e5e5;
}

.proinfo .procon .prodes .proibom img {
	max-width: 100%;
	    margin-bottom: 8px;
}

.proinfo .procon .prodes .proibom p {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 3%;
}

.proinfo .procon .prodes .proibom h5 {
	font-size: 22px;
	color: #108cee;
	font-weight: normal;
	line-height: 30px;
	margin-bottom: 3%;
}

.proinfo .procon .prodes .proibom .imgBox {
	text-align: center;
	margin-bottom: 3%;
}

.proinfo .procon .prodes .proibom .imgBox {
	text-align: center;
	margin-bottom: 3%;
}






.proinfo .procon .popularnew {
	float: right;
	width: 25%;
	border-radius: 2px;
	box-shadow: 0 0 20px rgba(51, 51, 51, .1);
	padding: 2%;
}

.proinfo .procon .popularnew h1 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 8%;
	font-weight: 400;
}

.proinfo .procon .popularnew li {
	padding-bottom: 5%;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 5%;
}

.proinfo .procon .popularnew li:last-child {
	border-bottom: none;
}

.proinfo .procon .popularnew li .imgBox {
	overflow: hidden;
	border-radius: 2px;
	margin-bottom: 5%;
}

.proinfo .procon .popularnew li .imgBox img {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	width: 100%;
}

.proinfo .procon .popularnew li h5 {
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
}

.proinfo .procon .popularnew li:hover .imgBox img {
	transform: scale(1.1);
}
.nyabout{
	width: 100%;
	margin: 0 auto;
}
.nyabout .about-intro{
	padding: 50px 50px 0px 50px;
	    background: url(../images/infobg.png) no-repeat bottom center;
}
.nyabout .about-intro h1 {
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 40px;
}

.nyabout .about-intro  p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 10px;
}
.nyservices .service_list h1 {
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 40px;
}
.nycontact {
	padding: 50px 0;
	background: #f7f7f7;
}

.contactbox {}

.contactbox .tacttxt {}

.contactbox .tacttxt h1 {
	font-size: 34px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 3%;
}

.contactbox .tacttxt .tacttop {}

.contactbox .tacttxt .tacttop .item {
	float: left;
	width: 49.28571429%;
	background: #fff;
	padding: 3% 3.5%;
	border-radius: 15px;
}

.contactbox .tacttxt .tacttop .item:nth-child(2n) {
	float: right;
}

.contactbox .tacttxt .tacttop .item h5 {
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 8%;
}

.contactbox .tacttxt .tacttop .item li {
	width: 50%;
	float: left;
	position: relative;
	padding-left: 4%;
	margin-bottom: 6.5%;
}

.contactbox .tacttxt .tacttop .item li:before {
	width: 3px;
	height: 100%;
	content: '';
	background: #108cee;
	border-radius: 35px;
	top: 0;
	left: 0;
	position: absolute;
}

.contactbox .tacttxt .tactbom {
	margin-top: 1.25%;
	margin-bottom: 4%;
}

.contactbox .tacttxt .tactbom li {
	float: left;
	width: 32.5%;
	margin-right: 1.25%;
	background: #fff;
	border-radius: 10px;
	padding: 2% 3.5%;
}

.contactbox .tacttxt .tactbom li:nth-child(3n) {
	margin-right: 0;
}

.contactbox .tacttxt .tactbom li h5 {
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 2%;
}

.contactbox .tacttxt .tactbom li p {
	font-size: 16px;
	line-height: :28px;
}
/*new vidoe */
.big-video{
    width:90%;
    margin:0 auto;
}