body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select {
	margin:0;
	padding:0}
body {
	font-family:"Helvetica Neue",Helvetica,Tahoma,Arial,'Microsoft Yahei','PingFang SC','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif,Arial;
	font-size:12px}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-size:100%}
table {
	border-collapse:collapse;
	border-spacing:0}
ul,div,article,aside,footer,header,hgroup,menu,nav,section {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box}
a {
	text-decoration:none;
	transition:color 218ms cubic-bezier(0.42,0,0.58,1)}
a:hover {
	text-decoration:none}
li {
	list-style:none}
input[type=search] {
	-webkit-appearance:none}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
	display:none}
img {
	border:0;
	vertical-align:middle}
input,button,select,textarea {
	border:0 none;
	outline:0 none;
	font-family:"Helvetica Neue",Helvetica,Tahoma,Arial,"Microsoft Yahei","PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif}
address,em,i {
	font-style:normal}
textarea {
	resize:none}
html {
	-moz-text-size-adjust:100%;
	-webkit-text-size-adjust:100%}
label {
	cursor:pointer}
::selection {
	color:#fff;
	background:#0083D5}
::-moz-selection {
	color:#fff;
	background:#0083D5}
::-webkit-scrollbar {
	width:6px;
	height:8px;
	background-color:#0083D5}
::-webkit-scrollbar-track {
	box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	background-color:#fff}
::-webkit-scrollbar-thumb {
	box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	background-color:#0083D5}
.clearfix,.wrap {
	display:block;
	zoom:1}
.clearfix:after,.wrap:after {
	content:"";
	display:block;
	font-size:0;
	height:0;
	clear:both;
	visibility:hidden}
.auto {
	height:auto;
	overflow:hidden}
.left {
	float:left}
.right {
	float:right}
input,select,button,textarea {
	font-family:"寰蒋闆呴粦",Arial}
input[type=submit] {
	cursor:pointer}
.toe,.main-index .content li a,.main-news2 .right-list .con a h3 {
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis}
.imgallscale .img img {
	width:100%;
	height:100%;
	transition:0.5s all linear}
.imgallscale:hover img {
	-ms-transform:scale(1.2);
	transform:scale(1.2)}
.inputfocus input {
	transition:0.5s all}
.inputfocus input[type=text]:focus {
	box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(156,41,50,0.3)}
* {
	box-sizing:border-box}
.wrap {
	width:1200px;
	margin:0 auto}
input {
	transition:0.5s}
img {
	max-width:100%}
body {
	position:relative;
	height:100%;
	width:100%;
	background:#ffffff;
	min-width:1280px;
	overflow-x:auto}
.icon {
	display:inline-block}
.mask {
	background:rgba(0,0,0,0.5);
	top:0;
	left:0;
	right:0;
	bottom:0;
	position:fixed;
	z-index:999;
	display:none;
	display:block;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:-1}
.mask.animated {
	z-index:9999}
.fullscreen {
	overflow:hidden;
	min-width:1200px;
	width:100%;
	position:fixed;
	right:0;
	bottom:33px;
	top:0;
	left:0}
body {
	padding-bottom:33px}
#main {
	margin-left:80px}
.main-content {
	padding-left:80px}
.main-slide {
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	left:0;
	margin-left:80px}
.main-slide .left-bigimg {
	width:50%}
.main-slide .left-bigimg ul {
	transition:0.5s linear;
	width:105%}
.main-slide .left-bigimg li {
	width:105%;
	background-size:cover;
	transition:0.5s}
.main-slide .left-bigimg li:hover {
	-ms-transform:translate(-20px,0);
	transform:translate(-20px,0)}
.main-slide .left-bigimg li.hover {
	left:-20px;
	animation:wp 15s 0s linear infinite alternate}
.main-slide ul {
	display:inline-block}
.main-slide .right-texts {
	width:50%;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	background:#fff}
.main-slide .right-texts ul {
	transition:0.8s linear;
	width:100%}
.main-slide .right-texts li {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:0;
	filter:alpha(opacity=0);
	transition:0.5s}
.main-slide .right-texts .texts {
	width:85%;
	margin:0 auto;
	margin-top:10%}
.main-slide .right-texts .texts h3 {
	font-size:50px;
	color:#c50000;
	font-weight:bold;
	margin-bottom:35px;
	transition:0.5s}
.main-slide .right-texts .texts h3 span {
	font-size:35px;
	color:#333333;
	margin-left:20px;
	transition:0.5s;
	display:inline-block}
.main-slide .right-texts .texts p {
	transition:1.5s;
	font-size:18px;
	line-height:36px;
	color:#666666;
	-ms-transform:translate(0,30px);
	transform:translate(0,30px)}
.main-slide .right-texts .texts .more {
	-ms-transform:translate(0,20px);
	transform:translate(0,20px);
	width:150px;
	height:40px;
	border-radius:25px;
	display:inline-block;
	border:1px solid #ddd;
	transition:transform,background-position 0.8s ease-in;
	line-height:38px;
	padding-left:25px;
	font-size:14px;
	color:#666666;
	background:url("/public/static/images/img5.png") no-repeat 110px 50%}
.main-slide .right-texts .texts .more:hover {
	border:1px solid #fff;
	background:url("/public/static/images/img5-1.png") #0083D5 no-repeat 120px 50%;
	color:#fff}
.main-slide .right-texts li.active {
	opacity:1;
	filter:alpha(opacity=100);
	z-index:99}
.main-slide .right-texts li.active p {
	margin-bottom:30px;
	-ms-transform:translate(0,0);
	transform:translate(0,0)}
.main-slide .right-texts li.active .more {
	-ms-transform:translate(0,0);
	transform:translate(0,0)}
.main-slide .items {
	position:absolute;
	bottom:140px;
	left:50%;
	margin-left:-42%;
	width:85%;
	z-index:999}
.main-slide .items dl {
	width:110%}
.main-slide .items dd {
	position:relative;
	border-radius:50%;
	cursor:pointer;
	background:#ffffff;
	margin-right:44px;
	float:left;
	text-align:center;
	width:72px;
	height:72px}
.main-slide .items dd .box {
	line-height:70px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border:1px solid #ddd;
	border-radius:50%;
	position:relative;
	overflow:hidden;
	width:72px;
	height:72px}
.main-slide .items dd .imgs {
	transition:0.5s;
	width:140px;
	position:absolute;
	left:0;
	height:70px}
.main-slide .items dd .ico {
	border-radius:50%;
	width:70px;
	float:left;
	overflow:hidden}
.main-slide .items dd .ico2 {
	border-radius:50%;
	width:70px;
	overflow:hidden;
	float:left}
.main-slide .items dd em {
	opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	transition:0.5s;
	left:25px;
	top:-28px;
	background:url("/public/static/images/img14.png") no-repeat;
	width:39px;
	height:25px;
	display:inline-block}
.main-slide .items dd:hover em,.main-slide .items dd.active em {
	left:30px;
	opacity:1;
	filter:alpha(opacity=100)}
.main-slide .items dd:hover .imgs,.main-slide .items dd.active .imgs {
	left:-70px;
	background:#0083D5}
.main-slide .items a {
	display:block}
.main-slide .prev,.main-slide .next {
	transition:0.5s;
	top:30px;
	right:50%;
	margin-right:-29px;
	width:57px;
	height:57px;
	background:#ffffff;
	position:absolute;
	z-index:999;
	cursor:pointer}
.main-slide .prev:before,.main-slide .prev:after,.main-slide .next:before,.main-slide .next:after {
	transition:0.5s;
	top:22px;
	background:url("/public/static/images/img3.png") no-repeat;
	width:25px;
	height:13px;
	display:inline-block;
	position:absolute;
	content:""}
.main-slide .prev:before,.main-slide .next:before {
	left:14px}
.main-slide .prev:after,.main-slide .next:after {
	left:22px}
.main-slide .prev:hover,.main-slide .next:hover {
	box-shadow:0 0 5px rgba(0,0,0,0.4)}
.main-slide .prev:hover:before,.main-slide .next:hover:before {
	left:16px}
.main-slide .prev:hover:after,.main-slide .next:hover:after {
	left:16px}
.main-slide .next {
	bottom:40px;
	top:auto}
.main-slide .next:before,.main-slide .next:after {
	background:url("/public/static/images/img4.png") no-repeat}
.main-index {
	overflow:hidden}
.main-index .index-item {
	float:left;
	position:relative;
	width:25%;
	background:#eeeeee;
	height:100%;
	opacity:0;
	transition:0.6s all ease}
.main-index .index-item:after {
	position:absolute;
	z-index:99;
	background:url("/public/static/images/showad2.png") repeat-y;
	width:17px;
	top:0;
	bottom:0;
	right:-17px;
	content:'';
	display:inline-block}
.main-index .index-item .slogen {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition:0.5s;
	display:block;
	background-size:cover;
	background-repeat:no-repeat}
.main-index .index-item .slogen>.txt {
	z-index:9}
.main-index .index-item .slogen .mask-img {
	z-index:99}
.main-index .index-item .slogen .mask-img .txt {
	z-index:20}
.main-index .index-item .slogen:hover {
	-ms-transform:scale(1.2);
	transform:scale(1.2)}
.main-index .index-item .img {
	left:0;
	right:0;
	top:0;
	position:absolute;
	bottom:308px;
	overflow:hidden}
.main-index .index-item .content {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:308px}
.main-index .index-item .title {
	position:relative;
	height:123px;
	line-height:123px;
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:cover}
.main-index .index-item .title a {
	font-size:32px;
	display:block;
	font-weight:bold;
	text-align:center;
	color:#fff}
.main-index .index-item .title:before {
	transition:0.5s;
	content:'';
	display:inline-block;
	background:url("/public/static/images/img41.png") no-repeat;
	width:17px;
	height:9px;
	position:absolute;
	left:50%;
	margin-left:-8.5px;
	top:95px}
.main-index .index-item .title:hover:before {
	top:100px}
.main-index .txt {
	position:absolute;
	top:35%;
	left:10%}
.main-index .txt .h3 {
	display:block;
	font-size:35px;
	color:#fff}
.main-index .txt .h4 {
	font-size:18px;
	color:#fff;
	text-transform:uppercase}
.main-index .index-item1 {
	z-index:9;
	transition-delay:0.15s}
.main-index .index-item1 .title {
	background-image:url("/public/static/images/img29.jpg")}
.main-index .index-item1 .icon1 {
	background-image:url(/public/static/images/img42.png)}
.main-index .index-item1 .icon2 {
	background-image:url(/public/static/images/img44.png)}
.main-index .index-item1 .icon3 {
	background-image:url(/public/static/images/img43.png)}
.main-index .index-item1 .icon4 {
	background-image:url(/public/static/images/img45.png)}
.main-index .index-item1 li:hover a {
	color:#0083D5}
.main-index .index-item1 li:hover .icon1 {
	background-image:url(/public/static/images/img42-1.png)}
.main-index .index-item1 li:hover .icon2 {
	background-image:url(/public/static/images/img44-1.png)}
.main-index .index-item1 li:hover .icon3 {
	background-image:url(/public/static/images/img43-1.png)}
.main-index .index-item1 li:hover .icon4 {
	background-image:url(/public/static/images/img45-1.png)}
.main-index .index-item2 {
	z-index:8;
	transition-delay:0.3s}
.main-index .index-item2 .txt {
	left:auto;
	top:45%;
	right:10%}
.main-index .index-item2 .txt .h3 {
	color:#040404}
.main-index .index-item2 .txt .h4 {
	color:#040404}
.main-index .index-item2 .title {
	background-image:url("/public/static/images/img31.jpg")}
.main-index .index-item2 .icon1 {
	background-image:url(/public/static/images/img46.png)}
.main-index .index-item2 .icon2 {
	background-image:url(/public/static/images/img47.png)}
.main-index .index-item2 .icon3 {
	background-image:url(/public/static/images/img48.png)}
.main-index .index-item2 .icon4 {
	background-image:url(/public/static/images/img49.png)}
.main-index .index-item2 li:hover a {
	color:#0083D5}
.main-index .index-item2 li:hover .icon1 {
	background-image:url(/public/static/images/img46-1.png)}
.main-index .index-item2 li:hover .icon2 {
	background-image:url(/public/static/images/img47-1.png)}
.main-index .index-item2 li:hover .icon3 {
	background-image:url(/public/static/images/img48-1.png)}
.main-index .index-item2 li:hover .icon4 {
	background-image:url(/public/static/images/img49-1.png)}
.main-index .index-item3 {
	z-index:7;
	transition-delay:0.45s}
.main-index .index-item3 .txt {
	left:auto;
	top:75%;
	right:10%}
.main-index .index-item3 .title {
	background-image:url("/public/static/images/img32.jpg")}
.main-index .index-item3 .icon1 {
	background-image:url(/public/static/images/img50.png)}
.main-index .index-item3 .icon2 {
	background-image:url(/public/static/images/img51.png)}
.main-index .index-item3 .icon3 {
	background-image:url(/public/static/images/img52.png)}
.main-index .index-item3 .icon4 {
	background-image:url(/public/static/images/img53.png)}
.main-index .index-item3 li:hover a {
	color:#0083D5}
.main-index .index-item3 li:hover .icon1 {
	background-image:url(/public/static/images/img50-1.png)}
.main-index .index-item3 li:hover .icon2 {
	background-image:url(/public/static/images/img51-1.png)}
.main-index .index-item3 li:hover .icon3 {
	background-image:url(/public/static/images/img52-1.png)}
.main-index .index-item3 li:hover .icon4 {
	background-image:url(/public/static/images/img53-1.png)}
.main-index .index-item4 {
	z-index:6;
	transition-delay:0.6s}
.main-index .index-item4 .title {
	background-image:url("/public/static/images/img33.jpg")}
.main-index .index-item4 .icon1 {
	background-image:url(/public/static/images/img54.png)}
.main-index .index-item4 .icon2 {
	background-image:url(/public/static/images/img55.png)}
.main-index .index-item4 .icon3 {
	background-image:url(/public/static/images/img56.png)}
.main-index .index-item4 .icon4 {
	background-image:url(/public/static/images/img57.png)}
.main-index .index-item4 li:hover a {
	color:#0083D5}
.main-index .index-item4 li:hover .icon1 {
	background-image:url(/public/static/images/img54-1.png)}
.main-index .index-item4 li:hover .icon2 {
	background-image:url(/public/static/images/img55-1.png)}
.main-index .index-item4 li:hover .icon3 {
	background-image:url(/public/static/images/img56-1.png)}
.main-index .index-item4 li:hover .icon4 {
	background-image:url(/public/static/images/img57-1.png)}
.main-index .content ul {
	height:auto;
	overflow:hidden;
	margin:0 auto}
.main-index .content li {
	position:relative;
	width:50%;
	float:left;
	height:92px;
	line-height:92px;
	background:#EDEDED}
.main-index .content .item1 a,.main-index .content .item3 a {
	float:right;
	margin-right:10px}
.main-index .content .item2 a,.main-index .content .item4 a {
	float:left;
	margin-left:10px}
.main-index .content li a {
	position:relative;
	padding-left:50px;
	width:195px;
	margin:0 auto;
	display:block;
	transition:0.5s;
	font-size:18px;
	color:#000}
.main-index .content .icon {
	transition:0.5s;
	height:92px;
	position:absolute;
	left:0;
	top:0;
	background-position:center;
	background-repeat:no-repeat;
	width:50px;
	display:inline-block}
.main-index .content .item1,.main-index .content .item2 {
	border-bottom:1px dashed #BEBEBE;
	background:#f8f8f8}
.main-index .content li:hover .icon {
	transform:rotateY(180deg)}
.loaded .main-index .index-item {
	opacity:1}
.loaded .mask-img {
	background-size:cover;
	transition:cubic-bezier(0.55,0.055,0.675,0.19);
	background-repeat:no-repeat;
	animation:slide 15s ease-out infinite;
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
	position:absolute;
	display:block;
	top:0;
	bottom:0;
	left:0;
	right:0}
.loaded .index-item1 .mask-img {
	animation-delay:1.2s}
.loaded .index-item2 .mask-img {
	animation-delay:1.6s}
.loaded .index-item3 .mask-img {
	animation-delay:2s}
.loaded .index-item4 .mask-img {
	animation-delay:2.4s}
.sp-animation {
	z-index:0;
	width:1px;
	height:1px;
	position:absolute;
	left:-100px;
	top:-100px;
	animation:down 0.7s 0.2s 1 ease-out;
	animation-fill-mode:forwards;
	-webkit-animation:down 0.7s 0.2s 1 ease-out;
	-webkit-animation-fill-mode:forwards}
.sp-animation .obox {
	position:absolute;
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	border-radius:100%;
	border:1px solid #e5e5e5;
	animation:obox 10s 2s infinite ease;
	animation-fill-mode:forwards;
	-webkit-animation:obox 10s 2s infinite ease;
	-webkit-animation-fill-mode:forwards;
	animation-direction:alternate}
@keyframes down {
	0% {
	opacity:0;
	transform:translateY(-100%)}
60% {
	transform:translateY(-50%)}
80% {
	transform:translateY(-20%)}
100% {
	opacity:1;
	transform:translateY(0px)}
}
@keyframes obox {
	0% {
	opacity:0;
	transform:scale(0.9,0.9)}
50% {
	transform:scale(0.7,0.7);
	opacity:1}
100% {
	opacity:0;
	transform:scale(1,1)}
}
.load {
	background:#000000;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:999}
.gb-aside {
	z-index:999999;
	text-align:center;
	width:80px;
	position:fixed;
	left:0;
	top:0;
	bottom:33px}
.gb-aside:before {
	box-shadow:5px 0 40px rgba(0,0,0,0.3);
	background:#ffffff;
	content:'';
	display:inline-block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:99}
.gb-aside .home,.gb-aside .logo {
	position:relative;
	z-index:99}
.gb-aside .nav ul>li>a {
	position:relative;
	z-index:99;
	border-bottom:1px solid #CBCBCB}
.gb-aside .home {
	height:80px;
	border-bottom:1px solid #CBCBCB}
.gb-aside .home a {
	display:block;
	height:100%;
	transition:0.5s}
.gb-aside .home .icon-home {
	margin-top:20px;
	background:url("/public/static/images/img1-1.png") no-repeat center;
	width:100%;
	height:34px}
.gb-aside .home a:hover {
	background:rgba(46,172,55,0.9)}
.gb-aside .home.active a,.gb-aside .home:hover a {
	background:#0083D5}
.gb-aside .home.active .icon-home,.gb-aside .home:hover .icon-home {
	background:url("/public/static/images/img1.png") no-repeat center}
.gb-aside .nav li {
	height:99px;
	border-bottom:1px solid #CBCBCB}
.gb-aside .asidenav-btn {
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	width:60px;
	height:50px;
	background:url(/public/static/images/nav-btn.png) center no-repeat}
.gb-aside .nav a {
	overflow:hidden;
	transition:0.3s;
	font-size:14px;
	color:#585858;
	display:block;
	height:100%}
.gb-aside .nav .icon {
	display:block;
	background-position:center;
	height:36px;
	margin-top:15px;
	background-image:url(/public/static/images/icon1.png);
	background-repeat:no-repeat}
.gb-aside .nav .icon-home {
	background-image:url("/public/static/images/img1-1.png")}
.gb-aside .nav .icon-php {
	background-image:url("/public/static/images/php-1.png")}
.gb-aside .nav .icon-students {
	background-image:url("/public/static/images/students-1.png")}
.gb-aside .nav .icon-teacher {
	background-image:url("/public/static/images/teacher-1.png")}
	.gb-aside .nav .icon-salary {
	background-image:url("/public/static/images/salary-1.png")}
.gb-aside .nav .icon-xuexi {
	background-image:url("/public/static/images/xuexi-1.png")}
.gb-aside .nav .icon-faq {
	background-image:url("/public/static/images/faq-1.png")}
.gb-aside .nav .icon-about {
	background-image:url("/public/static/images/about-1.png")}
.gb-aside .nav .icon-serve {
	background-image:url("/public/static/images/icon2.png")}
.gb-aside .nav .icon-case {
	background-image:url("/public/static/images/icon3.png")}
.gb-aside .nav .icon-news {
	background-image:url("/public/static/images/icon4.png")}
.gb-aside .nav .icon-contac {
	background-image:url("/public/static/images/icon5.png")}
.gb-aside .nav li:hover,.gb-aside .nav li.active {
	border-bottom:1px solid transparent}
.gb-aside .nav li:hover>a,.gb-aside .nav li.active>a {
	background:#0083D5}
.gb-aside .nav li:hover .icon-home,.gb-aside .nav li.active .icon-home {
	background-image:url("/public/static/images/img1.png");
}
.gb-aside .nav li:hover .icon-php,.gb-aside .nav li.active .icon-php {
	background-image:url("/public/static/images/php.png");
}
.gb-aside .nav li:hover .icon-students,.gb-aside .nav li.active .icon-students {
	background-image:url("/public/static/images/students.png");
}
.gb-aside .nav li:hover .icon-teacher,.gb-aside .nav li.active .icon-teacher {
	background-image:url("/public/static/images/teacher.png");
}
.gb-aside .nav li:hover .icon-salary,.gb-aside .nav li.active .icon-salary {
	background-image:url("/public/static/images/salary.png");
}
.gb-aside .nav li:hover .icon-xuexi,.gb-aside .nav li.active .icon-xuexi {
	background-image:url("/public/static/images/xuexi.png");
}
.gb-aside .nav li:hover .icon-faq,.gb-aside .nav li.active .icon-faq {
	background-image:url("/public/static/images/faq.png");
}
.gb-aside .nav li:hover .icon-about,.gb-aside .nav li.active .icon-about {
	background-image:url("/public/static/images/about.png");
}
.gb-aside .nav li:hover .icon-serve,.gb-aside .nav li.active .icon-serve {
	background-image:url(/public/static/images/icon2-1.png)}
.gb-aside .nav li:hover .icon-case,.gb-aside .nav li.active .icon-case {
	background-image:url(/public/static/images/icon3-1.png)}
.gb-aside .nav li:hover .icon-news,.gb-aside .nav li.active .icon-news {
	background-image:url(/public/static/images/img2-8.png)}
.gb-aside .nav li:hover .icon-contac,.gb-aside .nav li.active .icon-contac {
	background-image:url(/public/static/images/img2-10.png)}
.gb-aside .nav li:hover a,.gb-aside .nav li.active a {
	color:#fff}
.gb-aside .logo {
	position:absolute;
	bottom:30px;
	left:0;
	right:0}
.slide-nav {
	position:fixed;
	top:0;
	left:-120px;
	transition:0.5s;
	bottom:0;
	text-align:center;
	z-index:9;
	width:120px;
	background:rgba(40,149,244,0.9)}
.slide-nav dl {
	margin-top:100px}
.slide-nav dd {
	background:transparent;
	height:45px;
	line-height:45px;
	position:relative;
}
.slide-nav dd:hover>ul{
	display:block;
}
.slide-nav dd ul{
	display:none;
	position: absolute;
	left:120px;
	top: 0; 
	background-color: orange;
	z-index: 1;
	width: 120px;
    line-height: 46px;
}
.slide-nav dd ul li{
	height:46px !important;
}
.slide-nav dd a {
	background:transparent !important;
	font-size:14px;
	color:#ffffff;
	display:block}
.slide-nav dd:hover {
	background:#0083D5}
.gb-aside .nav li:hover .slide-nav {
	left:80px}
.md-post {
	width:85%;
	font-size:16px;
	margin:30px auto}
.footer {
	position:relative;
	z-index:999999;
	padding:0 25px;
	height:33px;
	line-height:33px;
	background:#1a1a1a;
	font-size:12px;
	color:#707070;
	overflow:hidden}
.footer a {
	color:#707070;
	margin:0 5px}
.footer a:hover {
	color:#fff}
.footer #links {
	/* overflow:hidden;
	width:500px */}
.footer .qimo8 .qimo {
	width:8000%}
.footer span {
	margin-right:10px}
.footer .qimo8 .qimo div {
	float:left}
.footer .qimo8 .qimo ul {
	float:left;
	overflow:hidden;
	zoom:1}
.footer .qimo8 .qimo ul li {
	float:left;
	line-height:33px}
.footer .qimo8 li a {
	margin-right:10px}
.footer a:hover {
	color:#fff}
.footer.footer-fixed {
	position:fixed;
	left:0;
	right:0;
	bottom:0}
.loading {
	background:#ffffff;
	position:fixed;
	top:0;
	bottom:0;
	left:60px;
	right:0;
	z-index:99999}
.loading .img {
	width:595px;
	height:170px}
.loading .load-box {
	width:600px;
	position:absolute;
	top:50%;
	height:260px;
	margin-top:-130px;
	left:50%;
	margin-left:-300px}
.loading .icon {
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-20px;
	background:url("/public/static/images/bars.svg") no-repeat;
	background-size:cover;
	width:40px;
	height:40px}
@keyframes wp {
	0% {
	transform:translate3d(0,0,0) scale(1)}
100% {
	transform:translate3d(0,0,0) scale(1.1)}
}
@keyframes slide {
	0% {
	transform:translateX(-100%)}
8% {
	transform:translateX(0)}
52% {
	transform:translateX(0)}
60% {
	transform:translateX(100%)}
100% {
	transform:translateX(100%)}
}
.md-post {
	font-size:16px;
	color:#666666;
	line-height:2}
.post-page {
	width:85%;
	height:auto;
	padding-bottom:80px;
	overflow:hidden;
	margin:0 auto;
	padding-top:30px;
	border-top:1px solid #ccc}
.post-page a {
	font-size:14px;
	color:#666}
.post-page .prev {
	float:left}
.post-page .next {
	float:right}
.post-page a:hover {
	color:#0083D5}
.main-about {
	position:relative;
	overflow:hidden}
.main-about .wrap {
	width:1280px}
.main-about .section {
	overflow:hidden;
	position:relative;
	background-size:cover;
	right:0;
	background-color:#ffffff;
	background-position:center}
.main-about .zp {
	position:fixed;
	z-index:99;
	left:-40px;
	bottom:-80px;
	width:220px;
	border-radius:50%;
	background:#1fae38;
	height:220px}
.main-about .zp .txt {
	padding-top:30px;
	text-align:center;
	width:105px;
	position:absolute;
	right:15px;
	top:0}
.main-about .ico {
	margin:0 auto;
	background:url("/public/static/images/img76.png") no-repeat;
	width:27px;
	height:32px}
.main-about span {
	font-size:24px;
	color:#fff}
.main-about .num {
	margin-bottom:25px;
	height:85px;
	position:relative}
.main-about .num em {
	position:relative;
	top:-25px;
	margin-left:10px;
	font-size:50px;
	color:#fff}
.main-about .num span {
	transition:0.5s;
	width:50px;
	display:inline-block;
	height:85px;
	background-image:url(/public/static/images/img67.png);
	background-repeat:no-repeat;
	background-position:0 0}

.main-about .section2 {
	z-index:1;
	overflow:hidden;
	background-position:center;
	background-repeat:no-repeat;
	height:923px;
	background-size:cover
}
.main-about .section2:before,.main-about .section2:after {
	top:0;
	bottom:0;
	position:absolute;
	width:50%;
	display:inline-block;
	content:""}
.main-about .section2:before {
	left:0;
	background:#f6f6f6}
.main-about .section2:after {
	right:0;
	background:#fff}
.main-about .section2 .table {
	position:relative;
	z-index:9;
	display:table}
.main-about .section2 .table-cell {
	vertical-align:middle;
	display:table-cell}
.main-about .section2 .left-text {
	float:left;
	width:50%;
	padding-right:50px}
.main-about .section2 .left-text .img {
	margin-bottom:50px;
	padding-bottom:15px;
	position:relative;
	font-size:40px;
}
.main-about .section2 .left-text .img:before {
	content:'';
	display:inline-block;
	height:3px;
	width:80px;
	background:#0083D5;
	position:absolute;
	left:0;
	bottom:0}
.main-about .section2 .right-text {
	width:50%;
	float:right;
	padding-left:50px}
.main-about .section2 .txt h3 {
	font-size:30px;
	color:#000}
.main-about .section2 .txt p {
	line-height:38px;
	font-size:14px;
	color:#484848}

.anim2_up .section2 {
	-ms-transform:translateY(0%);
	transform:translateY(0%)}
.anim2_up .section3 {
	-ms-transform:translateY(100%);
	transform:translateY(100%)}
.anim2_down .section1 {
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)}
.anim2_down .section2 {
	-ms-transform:translateY(0%);
	transform:translateY(0%)}
.anim2_down .section3 {
	-ms-transform:translateY(100%);
	transform:translateY(100%)}
.anim3_down .section1 {
	-ms-transform:translateY(-100%);
	transform:translateY(-100%)}
.anim3_down .section2 {
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)}
.anim3_down .section3 {
	-ms-transform:translateY(0%);
	transform:translateY(0%)}
.anim3_up .section2 {
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)}
.anim3_up .section3 {
	-ms-transform:translateY(0%);
	transform:translateY(0%)}
.anim3_up .section4 {
	-ms-transform:translateY(100%);
	transform:translateY(100%)}
.anim4_down .section1 {
	-ms-transform:translateY(-100%);
	transform:translateY(-100%)}
.anim4_down .section2 {
	-ms-transform:translateY(-100%);
	transform:translateY(-100%)}
.anim4_down .section3 {
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)}
.anim4_down .section4 {
	-ms-transform:translateY(0);
	transform:translateY(0)}
.anim4_up .section2 {
	-ms-transform:translateY(-100%);
	transform:translateY(-100%)}
.anim4_up .section3 {
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)}
.anim4_up .section4 {
	-ms-transform:translateY(0%);
	transform:translateY(0%)}
.anim4_up .section5 {
	-ms-transform:translateY(100%);
	transform:translateY(100%)}
.anim6_down .section4 {
	-ms-transform:translateY(-100%);
	transform:translateY(-100%)}
.anim6_down .section5 {
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)}
.anim6_down .section6 {
	z-index:10;
	-ms-transform:translateY(0);
	transform:translateY(0)}
.anim5_down .section1 {
	-ms-transform:translateY(-100%);
	transform:translateY(-100%)}
.anim5_down .section2 {
	-ms-transform:translateY(-100%);
	transform:translateY(-100%)}
.anim5_down .section3 {
	-ms-transform:translateY(-100%);
	transform:translateY(-100%)}
.anim5_down .section4 {
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)}
.anim5_down .section5 {
	-ms-transform:translateY(0%);
	transform:translateY(0%)}
.anim5_down .section6 {
	-ms-transform:translateY(100%);
	transform:translateY(100%)}
.anim5_up .section1 {
	-ms-transform:translateY(-100%);
	transform:translateY(-100%)}
.anim5_up .section2 {
	-ms-transform:translateY(-100%);
	transform:translateY(-100%)}
.anim5_up .section3 {
	-ms-transform:translateY(-100%);
	transform:translateY(-100%)}
.anim5_up .section4 {
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)}
.anim5_up .section5 {
	-ms-transform:translateY(0%);
	transform:translateY(0%)}
.anim6_up .section5 {
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%)}
.anim6_up .section6 {
	-ms-transform:translateY(0%);
	transform:translateY(0%);
	-webkit-transform:translateY(0%)}
.anim6_up .section7 {
	-ms-transform:translateY(100%);
	transform:translateY(100%);
	-webkit-transform:translateY(100%)}
.anim7_down .section1 {
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%)}
.anim7_down .section2 {
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%)}
.anim7_down .section3 {
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%)}
.anim7_down .section4 {
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%)}
.anim7_down .section5 {
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%)}
.anim7_down .section6 {
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%)}
.anim7_down .section7 {
	-ms-transform:translateY(0%);
	transform:translateY(0%);
	-webkit-transform:translateY(0%)}
.main-news2 {
	padding-top:5%}
.main-news2 .right-list {
	width:1580px;
	margin:0 auto;
	overflow:hidden}
.main-news2 .right-list .con {
	width:110%}
.main-news2 .right-list .page {
	margin-bottom:50px;
	text-align:center}
.main-news2 .right-list .page a {
	width:36px;
	font-size:12px;
	height:36px;
	background:#ececec;
	color:#848484;
	font-size:14px;
	text-align:center;
	line-height:36px;
	border-radius:50%;
	display:inline-block;
	margin:0 10px}
.main-news2 .right-list .page a:hover {
	color:#0083D5}
.main-news2 .right-list .page a.active {
	background:#0083D5;
	color:#ffffff;
	font-weight:bold}
.main-news2 .right-list .page .prev {
	background:#ececec url("/public/static/images/img83.png") center no-repeat}
.main-news2 .right-list .page .next {
	background:#ececec url("/public/static/images/img84.png") center no-repeat}
.main-news2 .right-list .con a {
	margin-bottom:50px;
	margin-right:107px;
	width:698px;
	float:left;
	display:block;
	padding-left:110px;
	position:relative}
.main-news2 .right-list .con a h3 {
	margin-bottom:6px;
	font-size:22px;
	color:#636161;
	font-weight:bold;
	font-family:'宋体';
	width: 410px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}
.main-news2 .right-list .con a p {
	font-size:14px;
	line-height:22px;
	color:#666;
	width:410px;
	height: 66px; /*高度正好是 line-height的整数倍，防止超出的文字*/
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;}
.main-news2 .right-list .con a .date {
	left:0;
	top:0;
	position:absolute;
	text-align:center;
	background:#ececec;
	width:90px;
	height:98px}
.main-news2 .right-list .con a .date .d {
	height:59px;
	line-height:59px;
	display:block;
	font-size:36px;
	color:#8d8d8d;
	font-weight:bold}
.main-news2 .right-list .con a .date .y {
	display:block;
	font-size:14px;
	color:#ffffff;
	height:40px;
	background:#bdbdbd;
	line-height:40px;
	position:absolute;
	bottom:0;
	left:0;
	right:0}
.main-news2 .right-list .con a .date .y:before {
	content:'';
	background:url("/public/static/images/img81.png") no-repeat;
	display:inline-block;
	width:19px;
	height:7px;
	position:absolute;
	left:50%;
	margin-left:-9.5px;
	top:-7px}
.main-news2 .right-list .con a:hover h3 {
	color:#0083D5}
.main-news2 .right-list .con a:hover .date .d {
	color:#0083D5}
.main-news2 .right-list .con a:hover .date .y {
	background:#0083D5}
.main-news2 .right-list .con a:hover .date .y:before {
	background:url("/public/static/images/img82.png") no-repeat}
/* .main-news .item2 {
	margin-top:600px;
	margin-left:0}
.main-news.fixed-2 .item2 {
	position:fixed;
	margin-top:0 !important;
	left:80px}
.main-news.fixed-2 .item3 {
	margin-top:1200px}
.main-news.fixed-3 .item3 {
	position:fixed;
	margin-top:0 !important;
	left:80px}
.main-news.fixed-3 .item4 {
	margin-top:1800px}
.main-news.fixed-4 .item4 {
	position:fixed;
	margin-top:0 !important;
	left:80px}
.main-news.fixed-4 .item5 {
	margin-top:2400px} */
.main-news .item {
	transition:marginTop 0.5s;
	margin-left:0;
	z-index:99;
	top:0;
	left:0;
	right:0;
	text-align:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	position:relative;
	background-image: url('/public/static/images/20170908134128.jpg');
}
/* .main-news .item1 {
	z-index:1;
	}
.main-news .item2 {
	z-index:2}
.main-news .item3 {
	z-index:3}
.main-news .item4 {
	z-index:4}
.main-news .item4 {
	z-index:5} */
.main-news .table-con {
	padding-top:15px;
	/* height:600px; */
	width:988px;
	margin:0 auto;
	display:table}
.main-news .logo {
	margin-bottom:10px}
.main-news .logo .img1 {
	display:none}
.main-news .big {
	margin:0 auto;
	margin-bottom:10px;
	font-size:60px;
	font-weight:bold}
.main-news .text {
	font-size:14px;
	line-height:26px;
	color:#000}
.main-news .more {
	width:180px;
	height:50px;
	line-height:50px;
	display:inline-block;
	border-radius:25px;
	background:#0083D5;
	color:#ffffff;
	font-size:18px;
	margin:20px auto}
.main-news .more:hover {
	background:#2A9632}
.main-news .tag {
	font-size:14px;
	color:#adadad}
.main-ywxq {
	overflow-x:hidden}
.main-ywxq .header {
	position:relative;
	/* background:url("/public/static/images/img2.jpg") no-repeat; */
	background:#434343;
	height:220px;
	padding-left:150px;
	padding-top:20px;
	background-size:cover;
	color:#fff}
.main-ywxq .header .close {
	/* transition:1.5s;
	background:url("/public/static/images/img40.png") no-repeat;
	width:52px;
	height:52px;
	position:absolute;
	top:120px;
	z-index:99;
	right:50px */}
.main-ywxq .header .close a {
	width:100%;
	height:100%;
	display:block}
.main-ywxq .header .close.active {
	-ms-transform:rotate(45deg) translate(0,50px);
	transform:rotate(45deg) translate(0,50px)}
.main-ywxq .header h2 {
	font-size:60px}
.main-ywxq .header h4 {
	font-size:18px;
	color:#ffffff;
	margin-top:15px}
.main-ywxq .header h5 {
	font-size:20px}
.main-ywxq .title {
	width:280px;
	font-size:30px;
	color:#000000;
	position:absolute;
	top:50%;
	left:-385px;
	text-align:right;
	margin-top:-20px}
.main-ywxq .list {
	padding:50px 100px 122px 385px;
	overflow:hidden;
	position:relative}
.main-ywxq .list:before {
	background:url("/public/static/images/img3.jpg") repeat-y;
	position:absolute;
	top:0;
	bottom:0;
	content:'';
	width:1px;
	display:inline-block;
	left:315px}
.main-ywxq .list ul {
	position:relative;
	z-index:99}
.main-ywxq .list li {
	margin-bottom:40px;
	position:relative}
.main-ywxq .list li:before,.main-ywxq .list li:after {
	position:absolute;
	content:'';
	display:inline-block}
.main-ywxq .list li:before {
	width:9px;
	height:9px;
	background:#000000;
	left:-75px;
	top:50%;
	margin-top:-4px}
.main-ywxq .list li:after {
	width:57px;
	height:1px;
	background:url("/public/static/images/img4.jpg") repeat-x;
	left:-65px;
	top:50%}
.main-ywxq .list .text {
	font-size:16px;
	line-height:2;
	color:rgba(0,0,0,0.7)}
.main-ywxq .list .btn {
	float:left;
	display:inline-block;
	text-align:center;
	border-radius:35px;
	line-height:73px;
	width:342px;
	height:73px;
	color:#ffffff;
	background:#0083D5;
	font-size:30px;
	transition:1s}
.main-ywxq .list .btn:hover {
	box-shadow:4px 1px 10px rgba(0,0,0,0.5)}
.main-ywxq .links {
	line-height:73px;
	position:relative;
	z-index:99}
.main-ywxq .links .page {
	float:right}
.main-ywxq .links .page a {
	transition:0.5s;
	font-size:14px;
	color:#666}
.main-ywxq .links .page span {
	margin:0 10px}
.main-ywxq .links .page a:hover {
	color:#0083D5}
.case-list ul {
	height:auto;
	overflow:hidden;
	width:100%}
.case-list li .tag {
	position:absolute;
	bottom:10px;
	left:0;
	right:0;
	text-align:center;
	color:#333;
	transition:0.5s;
	z-index:99;
	opacity:0;
	font-size:16px}
.case-list li .tag span {
	margin:0 6px}
.case-list li:hover .tag {
	bottom:35px;
	opacity:1}
.case-list li {
	width:33.3333%;
	float:left;
	background-position:50% 50%;
	background-size:cover;
	position:relative;
	overflow:hidden}
.case-list li a {
	width:100%;
	height:100%;
	display:block;
	position:relative}
/* .case-list li a:before {
	position:absolute;
	display:inline-block;
	width:100%;
	height:100%;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:rgba(255,255,255,0.95);
	z-index:99;
	content:'';
	opacity:0;
	filter:alpha(opacity=0);
	transition:0.5s} */
.case-list li .img {
	width:100%;
	height:100%}
.case-list li .logo {
	max-width:80%;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:9999;
	transition:0.7s;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform:translate(-40%,-50%);
	transform:translate(-40%,-50%)}
/* .case-list li:hover a:before {
	opacity:1;
	filter:alpha(opacity=100)} */
/* .case-list li:hover .logo {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)} */
.md-contact {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0}
.md-contact .left-texts {
	width:415px;
	float:left;
	background:#ffffff;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	overflow-y:auto}
.md-contact .left-texts .submit {
	text-align:center;
	cursor:pointer;
	line-height:42px;
	margin:35px auto;
	width:172px;
	height:42px;
	border-radius:21px;
	background:#0083D5;
	color:#fff;
	font-size:20px}
.md-contact .left-texts .submit .icon {
	background:url("/public/static/images/img65.png") no-repeat center;
	position:relative;
	top:3px;
	margin-right:5px;
	width:19px;
	height:21px;
	display:inline-block}
.md-contact .left-texts .submit:hover {
	background:#2b9532}
.md-contact .left-texts .com-list li {
	cursor:pointer;
	text-align:center;
	background:#f5f5f5;
	border-bottom:1px solid #e0e0e0;
	transition:0.5s}
.md-contact .left-texts .com-list li h3 {
	transition:0.5s;
	height:57px;
	line-height:56px;
	color:#b0b0b0;
	font-size:16px}
.md-contact .left-texts .com-list li b {
	transition:0.5s;
	color:#000000;
	font-size:22px;
	font-weight:normal}
.md-contact .left-texts .com-list .txt {
	display:none}
.md-contact .left-texts .com-list li.active {
	background:none;
	padding-top:45px;
	padding-bottom:30px}
.md-contact .left-texts .com-list li.active h3,.md-contact .left-texts .com-list li.active b {
	font-size:24px;
	color:#0083D5}
.md-contact .left-texts .com-list li.active h3 {
	position:relative;
	padding-bottom:15px}
.md-contact .left-texts .com-list li.active h3:before {
	width:48px;
	height:1px;
	display:inline-block;
	background:#0083D5;
	bottom:0;
	content:'';
	position:absolute;
	left:50%;
	margin-left:-24px}
.md-contact .left-texts .com-list li.active .txt {
	padding:0 44px;
	display:block;
	margin-top:19px;
	font-size:14px;
	line-height:22px;
	color:rgba(0,0,0,0.7)}
.md-contact .right-map {
	position:absolute;
	left:415px;
	top:0;
	bottom:0;
	right:0}
.md-contact .right-map img {
	width:100%;
	height:100%}
.md-contact .contact {
	height:250px;
	padding-top:58px;
	padding-left:40px}
.md-contact .contact .wx {
	text-align:center;
	width:120px;
	float:left}
.md-contact .contact .wx img {
	border:3px solid #ededed;
	width:110px;
	height:110px}
.md-contact .contact .wx h3 {
	font-size:14px;
	color:#000000;
	margin-top:10px}
.md-contact .contact .txt {
	width:200px;
	margin-left:18px;
	float:left;
	text-align:center;
	padding-top:25px}
.md-contact .contact .txt h3 {
	font-size:24px;
	font-weight:bold;
	color:#0083D5}
.md-contact .contact .txt h3 img {
	position:relative;
	top:-3px;
	margin-right:3px}
.md-contact .contact .txt p {
	margin-top:12px;
	font-size:12px;
	line-height:18px;
	color:#878787;
	width:195px}
.md-contact .account {
	background:#f5f5f5;
	padding:35px 0;
	padding-left:40px;
	font-size:14px;
	color:#000000;
	line-height:25px}
.md-contact .account dd {
	margin-bottom:20px}
.md-contact .account dd:last-child {
	margin-bottom:0}
.modal {
	overflow-x:hidden;
	padding-top:100px;
	overflow-y:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:80px;
	background:rgba(0,0,0,0.95);
	right:0;
	z-index:99}
.modal .close {
	cursor:pointer;
	width:200px;
	height:200px;
	border-radius:50%;
	position:absolute;
	top:-100px;
	right:-100px;
	background:#353b3e}
.modal .close::before {
	position:fixed;
	content:'';
	background:url("/public/static/images/close.png") no-repeat center;
	display:inline-block;
	width:36px;
	height:36px;
	position:absolute;
	top:125px;
	left:45px}
.modal .head {
	text-align:center;
	margin-bottom:40px;
	font-size:18px;
	color:#fff;
	font-weight:bold}
.modal .head b {
	font-size:36px}
.modal .body {
	width:900px;
	margin:0 auto;
	overflow:hidden}
.modal .text {
	width:100%;
	color:#fff;
	background:transparent;
	height:42px}
.modal .item {
	font-size:14px;
	line-height:42px;
	margin-bottom:30px;
	margin-right:50px;
	width:420px;
	float:left;
	border-bottom:1px solid #1e2528}
.modal .item2 {
	width:900px;
	position:relative;
	color:#929292}
.modal .item2 .upload {
	display:-ms-flexbox;
	display:flex}
.modal .item2 span.text {
	width:500px;
	line-height:30px;
	display:inline-block;
	margin-right:30px}
.modal .item2 em {
	font-size:14px;
	color:#273035;
	position:absolute;
	right:10px;
	bottom:10px}
.modal .item2 span {
	color:#273035}
.modal ul {
	height:auto;
	overflow:hidden;
	width:110%}
.modal .textarea {
	height:115px;
	line-height:1.6;
	overflow:hidden}
.modal .input {
	text-align:center;
	line-height:30px;
	cursor:pointer;
	float:right;
	width:80px;
	position:relative;
	height:30px;
	background:#202729;
	color:#999a99;
	text-align:center;
	line-height:30px;
	border-radius:15px}
.modal .input input {
	width:100%;
	height:100%;
	display:block;
	cursor:pointer;
	position:absolute;
	z-index:9;
	opacity:0;
	top:0;
	bottom:0;
	left:0;
	right:0}
.modal .yzm {
	float:left}
.modal .item3 {
	width:900px;
	border-bottom:none}
.modal .item3 .text2 {
	float:left;
	border-bottom:1px solid #1e2528;
	width:263px}
.modal .item3 span {
	color:#fff}
.modal .submit {
	float:right;
	font-size:18px;
	width:420px;
	height:50px;
	border-radius:25px;
	line-height:50px;
	background:#0083D5;
	text-align:center;
	color:#fff}
.modal .submit:hover {
	background:#27be32}
.gotop {
	width:55px;
	z-index:9999;
	opacity:0;
	height:55px;
	background:#0083D5 url("/public/static/images/img13.png") no-repeat center;
	cursor:pointer;
	position:fixed;
	right:0;
	transition:0.5s;
	bottom:33px}
.gotop.gotop2 {
	opacity:1}
#allmap {
	height:100%;
	width:100%;
	overflow:hidden}
.BMapLib_nav_tab_content li {
	padding:0 !important;
	height:auto}
#BMapLib_searchBox0,#BMapLib_transBox0 {
	padding:10px !important}
#BMapLib_transBox0 tr td:last-child {
	width:138px}
#BMapLib_transBox0 tr td:first-child {
	width:60px}
.BMapLib_trans_text {
	width:98%}
#allmap img {
	width:auto;
	height:auto}
#result {
	width:100%;
	font-size:12px}
.BMapLib_ap input {
	border:1px solid #ddd}
.BMapLib_SearchInfoWindow ul {
	width:105%}
.BMapLib_SearchInfoWindow .BMapLib_nav {
	overflow:hidden}
.BMapLib_bubble_content img {
	display:none}
.BMapLib_SearchInfoWindow .BMapLib_bubble_content {
	padding:0 !important}
.BMapLib_bubble_top {
	border-bottom:none !important;
	background:url("/public/static/images/map.jpg") no-repeat;
	height:130px !important;
	background-size:cover}
.BMapLib_bubble_title {
	display:none}
.BMapLib_SearchInfoWindow .BMapLib_bubble_tools div {
	background-color:transparent !important}
.BMapLib_bubble_content {
	height:auto !important}
.BMapLib_SearchInfoWindow .BMapLib_bubble_close {
	background:url("/public/static/images/img21.png") no-repeat center !important}
.top-meun {
	position:absolute;
	z-index:999;
	height:30px;
	left:50px;
	top:30px;
	line-height:30px}
.top-meun span {
	font-size:20px;
	display:inline-block;
	position:relative}
.top-meun>a {
	display:inline-block;
	font-size:20px;
	color:#ffffff;
	font-weight:bold;
	position:relative;
	line-height:30px}
.top-meun .js-meun {
	cursor:pointer}
.map-content .addr {
	padding:0 10px;
	background:#383840;
	color:#ffffff;
	line-height:35px;
	height:35px}

#allmap dt {
	font-size:14px;
	font-weight:bold;
	border-bottom:1px dotted #000;
	padding:5px 0 5px 5px;
	margin:5px 0}
#allmap dd {
	padding:5px 0 0 5px}
.case-intro {
	margin-bottom:33px;
	background-repeat:no-repeat;
	background-position:top center;
	min-height:1053px}
.case-intro .gb-aside {
	left:-100px;
	bottom:0}
.case-lc .title {
	font-size:36px;
	color:#666666;
	margin-top:20px}
.case-lc ul {
	height:auto;
	overflow:hidden;
	width:110%}
.case-lc ul li {
	position:relative;
	padding-left:10px;
	width:175px;
	margin-right:30px;
	padding-right:25px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	float:left;
	line-height:50px;
	font-size:20px;
	color:#333333;
	background:url(/public/static/images/v2-arr2.png) no-repeat right center}
.case-lc ul li::before {
	position:absolute;
	content:'';
	display:inline-block;
	width:5px;
	display:inline-block;
	height:5px;
	background:#0083D5;
	left:0;
	top:50%;
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)}
.case-meun {
	position:fixed;
	top:20px;
	left:92px;
	z-index:99999}
.case-meun.active .list {
	z-index:100;
	opacity:1;
	position:relative;
	-ms-transform:translateX(-54px);
	transform:translateX(-54px)}
.case-meun.active .title {
	opacity:0}
.case-meun .title {
	float:left;
	width:54px;
	height:54px;
	border-radius:50%;
	font-size:16px;
	background:rgba(0,0,0,0.2);
	color:#fff;
	text-align:center;
	line-height:54px;
	position:relative;
	cursor:pointer;
	z-index:99}
.case-meun .title::after {
	animation:bounce-right 2s ease-out infinite;
	position:absolute;
	left:60px;
	top:50%;
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	display:inline-block;
	content:'';
	width:15px;
	line-height:30px;
	height:30px;
	background:url(/public/static/images/new-22.png) no-repeat center}
.case-meun .list {
	float:left;
	opacity:0;
	transition:0.4s;
	line-height:54px;
	-ms-transform:translateX(-24px);
	transform:translateX(-24px)}
.case-meun .list a {
	color:#ffffff;
	font-size:16px;
	padding:0 12px;
	background:rgba(0,0,0,0.2);
	border-radius:60px;
	display:inline-block}
.case-meun .list a.active {
	background:#ffffff;
	color:#29c334}
.case-call {
	position:absolute;
	top:33px;
	height:60px;
	right:40px;
	z-index:999;
	background:url("/public/static/images/img39.png") no-repeat left center;
	padding-left:85px;
	font-size:45px;
	font-weight:bold;
	color:#fff}
.case-intro .case-section .case {
	margin-top:30px}
.case-intro .top-btn {
	transition:0.5s;
	position:fixed;
	top:14px;
	left:14px;
	z-index:99}
.case-intro .top-btn a {
	width:54px;
	height:54px;
	display:inline-block}
.case-intro .top-btn .home {
	background:url("/public/static/images/img23.png") no-repeat}
.case-intro .top-btn .nav-btn {
	background:url("/public/static/images/img22.png") no-repeat;
	margin-left:-4px}
.case-intro .top-btn.active {
	left:60px}
.case-intro .case-pager {
	position:relative;
	z-index:999}
.case-intro .case-prev,.case-intro .case-next {
	z-index:999;
	transition:0.5s;
	display:inline-block;
	background:url("/public/static/images/img24.png") no-repeat;
	width:51px;
	height:51px;
	position:fixed;
	bottom:80px}
.case-intro .case-prev {
	left:75px}
.case-intro .case-prev:hover {
	left:65px}
.case-intro .case-next {
	right:55px;
	background:url("/public/static/images/img25.png") no-repeat}
.case-intro .case-next:hover {
	right:45px}
.case-intro .case-back {
	transition:0.5s;
	padding-right:48px;
	height:50px;
	display:block;
	border-radius:25px;
	background:rgba(255,255,255,0.95);
	position:fixed;
	bottom:80px;
	left:50%;
	-ms-transform:translate(-50%,0);
	transform:translate(-50%,0)}
.case-intro .case-back .ico {
	transition:0.5s;
	position:absolute;
	right:-1px;
	top:0;
	width:51px;
	height:51px;
	background:url("/public/static/images/img26.png") no-repeat}
.case-intro .case-back .txt {
	transition:0.5s;
	width:0;
	overflow:hidden;
	text-align:center;
	height:50px;
	font-size:16px;
	color:#000000;
	line-height:51px}
.case-intro .case-pager.active .case-prev {
	left:-100px;
	opacity:0}
.case-intro .case-pager.active .case-next {
	right:-100px;
	opacity:0}
.case-intro .case-pager.active .case-back {
	bottom:-100px;
	opacity:0}
.case-intro .top-desc {
	padding-bottom:100px;
	transition:0.2s}
.case-intro .top-desc .arrow {
	cursor:pointer;
	position:absolute;
	z-index:99;
	bottom:20px;
	left:50%;
	width:30px;
	margin-left:-15px}
.case-intro .top-desc .arrow:before,.case-intro .top-desc .arrow:after {
	transition:0.3s;
	background:url("/public/static/images/img72.png") center no-repeat;
	width:25px;
	height:14px;
	content:'';
	display:inline-block}
.case-intro .top-desc .arrow:after {
	animation:arrow 3s ease-out 500ms infinite}
.case-intro .top-desc .arrow:before {
	animation:arrow 3s ease-out 1s infinite}
.case-intro .top-desc .box {
	text-align:center;
	transition:0.2s;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-70px;
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)}
.case-intro .case-back:hover .txt {
	width:170px}
.case-intro .case-back:hover .ico {
	-ms-transform:rotate(720deg);
	transform:rotate(720deg)}
.bd_weixin_popup {
	padding:5px !important}
.case-section {
	overflow:hidden;
	position:relative}
.case-section>div {
	position:relative;
	z-index:2}
.case-section .share {
	margin-right:2%;
	margin-top:20px;
	text-align:center}
.case-section .share .bdsharebuttonbox {
	text-align:center}
.case-section .share a {
	float:none;
	display:inline-block;
	width:35px;
	height:35px;
	padding:0;
	background-image:url(/public/static/images/img32.png);
	transition:0.5s;
	background-repeat:no-repeat;
	background-position:0 -35px}
.case-section .share .qq {
	background-position:-92px -35px}
.case-section .share .qq:hover {
	background-position:-92px 0}
.case-section .share .wb {
	background-position:0 -35px}
.case-section .share .wx {
	background-position:-46px -35px}
.case-section .share a:hover {
	background-position:0 0}
.case-section .share .wb:hover {
	background-position:0 0}
.case-section .share .wx:hover {
	background-position:-46px 0}
.case-section .top-desc {
	z-index:1;
	transition:0.2s;
	height:600px;
	padding-top:175px;
	background-size:cover;
	background-position:center;
	position:fixed;
	top:0;
	left:80px;
	right:0}
.case-section .top-desc em {
	opacity:0;
	background:#000;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:99}
.case-section .logo {
	text-align:center}
.case-section .logo span {
	text-shadow:0 4px 5px rgba(0,0,0,0.3)}
.case-section .tag {
	margin:0 auto;
	display:inline-block;
	margin-top:65px;
	border-radius:5px;
	width:auto;
	padding:0 35px;
	line-height:56px;
	font-size:22px;
	color:#ffffff;
	height:56px;
	background:#0083D5;
	text-align:center}
.case-section b {
	margin:0 18px}
.case-section .link {
	text-align:center;
	margin-top:20px;
	font-size:22px}
.case-section .link a {
	color:#ffffff;
	text-shadow:0 5px 5px rgba(0,0,0,0.5)}
.case-section .big {
	position:relative;
	z-index:9;
	overflow:hidden;
	background:url("/public/static/images/img28.png") no-repeat;
	width:1042px;
	height:1042px;
	margin:0 auto;
	margin-top:90px;
	margin-bottom:157px}
.case-section .big .img {
	height:540px;
	width:955px;
	margin:0 auto;
	margin-top:42px}
.case-section .big .img img {
	width:100%;
	height:100%}
.case-list {
	padding-bottom:33px}
.case-section .detal {
	border-top:1px solid #EEEEEE;
	padding-top:70px;
	padding-bottom:90px;
	background:#f9f9f9;
	font-size:14px}
.case-section .detal .bodys {
	font-size:16px;
	color:#666666;
	line-height:30px}
.case-section .detal p {
	line-height:30px;
	color:#666}
.case-section .detal .title {
	font-size:36px;
	color:#666666;
	margin-top:20px}
.case-section .frame {
	transition:0.5s;
	background:#282936;
	padding-top:0;
	overflow:hidden}
.case-section .frame .wrap {
	position:relative}
.case-section .frame .head {
	margin:0 auto;
	margin-top:100px;
	width:468px;
	text-align:center;
	margin-bottom:75px;
	padding-bottom:25px;
	border-bottom:1px solid #5F5F68;
	position:relative}
.case-section .frame .head:before {
	content:'';
	display:inline-block;
	position:absolute;
	width:90px;
	margin-left:-45px;
	bottom:0;
	left:50%;
	background:#dddddd;
	height:4px}
.case-section .frame .head h3 {
	font-size:40px;
	color:#cdcdcd}
.case-section .frame .body {
	text-align:center}
.case-section .frame .slide-img {
	transition:0.5s}
.case-section .frame .slide-title {
	color:#fff;
	width:22px;
	text-align:center;
	right:-30px;
	position:absolute;
	top:155px}
.case-section .frame .slide-title span {
	display:block}
.case-section .frame .slide-title .prev {
	margin-bottom:15px;
	background:url(/public/static/images/img63.png) center no-repeat;
	display:inline-block}
.case-section .frame .slide-title .prev,.case-section .frame .slide-title .next {
	cursor:pointer;
	width:33px;
	height:42px}
.case-section .frame .slide-title .next {
	width:22px;
	margin-top:5px;
	background:url(/public/static/images/img64.png) center no-repeat}
.case-section .frame .slide-title ul {
	margin-top:8px}
.case-section .frame .slide-title li {
	transition:0.5s;
	display:none;
	position:relative;
	font-size:16px;
	line-height:26px;
	color:#ffffff;
	cursor:pointer}
.case-section .frame .slide-title li.active {
	display:block}
.case-section .slide {
	overflow:hidden;
	text-align:center;
	height:200px;
	background:#21222d;
	margin-top:50px;
	margin-bottom:75px}
.case-section .slide .slide-box {
	display:inline-block;
	margin:0 13px;
	margin-top:35px}
.case-section .slide .slide-box .item {
	position:relative;
	transition:0.5s;
	border:3px solid transparent;
	display:inline-block;
	width:75px;
	margin:0 13px;
	height:122px;
	overflow:hidden}
.case-section .slide .slide-box .item:before {
	transition:0.5s;
	position:absolute;
	content:'';
	display:inline-block;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5)}
.case-section .slide .slide-box .item.active {
	border:3px solid #0083D5}
.case-section .slide .slide-box .item.active:before {
	opacity:0}
.case-section .slide .prev,.case-section .slide .next {
	display:inline-block;
	cursor:pointer;
	background:url("/public/static/images/img34.png") center no-repeat;
	transition:0.5s;
	width:27px;
	height:122px}
.case-section .slide .prev {
	margin-right:50px}
.case-section .slide .prev:hover {
	-ms-transform:translate(-10px);
	transform:translate(-10px)}
.case-section .slide .next {
	margin-left:50px;
	background:url("/public/static/images/img35.png") center no-repeat}
.case-section .slide .next:hover {
	-ms-transform:translate(10px);
	transform:translate(10px)}
.case-section .btn {
	text-align:center;
	margin-top:55px}
.case-section .btn a {
	display:inline-block;
	width:342px;
	height:73px;
	text-align:center;
	font-size:30px;
	color:#ffffff;
	line-height:73px;
	padding-left:30px;
	border-radius:40px;
	background:#0083D5 url(/public/static/images/img36.png) 65px 50% no-repeat}
.case-section .case {
	border-top:1px solid #383944;
	margin-top:140px}
.case-section .case-slide {
	position:relative}
.case-section .case-slide .owl-item {
	position:relative}
.case-section .case-slide .tag2 {
	position:absolute;
	bottom:10px;
	left:0;
	right:0;
	text-align:center;
	color:#333;
	transition:0.5s;
	z-index:99;
	opacity:0;
	font-size:16px}
.case-section .case-slide .tag2 span {
	margin:0 6px}
.case-section .case-slide .item {
	position:relative;
	display:block}
.case-section .case-slide .item .bigimg {
	width:100%;
	height:100%}
.case-section .case-slide .item:before {
	transition:0.5s;
	opacity:0;
	filter:alpha(opacity=0);
	background:rgba(255,255,255,0.95);
	content:'';
	display:inline-block;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0}
.case-section .case-slide .item .logo {
	transition:0.7s;
	opacity:0;
	max-width:80%;
	position:absolute;
	margin-top:0;
	left:50%;
	top:50%;
	-ms-transform:translate(-40%,-50%);
	transform:translate(-40%,-50%)}
.case-section .case-slide .item:hover .tag2 {
	bottom:35px;
	opacity:1}
.case-section .case-slide .item:hover:before {
	opacity:1;
	filter:alpha(opacity=100)}
.case-section .case-slide .item:hover .logo {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)}
.case-section .owl-prev,.case-section .owl-next {
	z-index:99;
	top:50%;
	position:absolute;
	left:40px;
	background:url("/public/static/images/img37.png") no-repeat;
	width:52px;
	height:52px;
	margin-top:-25px}
.case-section .owl-next {
	right:40px;
	left:auto;
	background:url("/public/static/images/img38.png") no-repeat}
.index-fixed {
	z-index:999;
	position:fixed;
	top:30px;
	right:15px}
.index-fixed li {
	margin-bottom:12px}
.index-fixed .icon {
	text-align:center;
	line-height:65px;
	transition:0.5s;
	background:#7F786A;
	width:65px;
	height:65px;
	border-radius:50%;
	display:block}
.index-fixed li:hover .icon {
	background:#0083D5}
.gb-contact {
	z-index:9999;
	right:10px;
	position:fixed;
	top:50%;
	-ms-transform:translate(0,-50%);
	transform:translate(0,-50%)}
.gb-contact li {
	margin-bottom:10px;
	height:60px;
	width:60px;
	transition:0.5s;
	position:relative}
.gb-contact .txt {
	position:absolute;
	right:0;
	height:60px;
	overflow:hidden;
	transition:0.5s;
	width:60px;
	line-height:60px;
	font-size:16px;
	color:#ffffff;
	padding-right:60px;
	text-align:center;
	background:#0083D5;
	border-radius:60px}
.gb-contact .ico {
	transition:0.5s;
	position:absolute;
	right:0;
	top:0;
	background-color:#fff;
	background-image:url("/public/static/images/img33.png");
	background-repeat:no-repeat;
	display:inline-block;
	height:60px;
	width:60px;
	border-radius:60px}
.gb-contact .ico-phone {
	background-position:0 -70px}
.gb-contact .ico-sc {
	background-position:0 -140px}
.gb-contact .ico-cx {
	background-position:0 -210px}
.gb-contact .ico-zx {
	background-position:0 -280px}
.gb-contact li:hover .txt {
	width:188px}
.gb-contact li:hover .ico {
	background-color:#0083D5}
.gb-contact li:hover .ico-pc {
	background-position:-90px 0}
.gb-contact li:hover .ico-phone {
	background-position:-90px -70px}
.gb-contact li:hover .ico-sc {
	background-position:-90px -140px}
.gb-contact li:hover .ico-cx {
	background-position:-90px -210px}
.gb-contact li:hover .ico-zx {
	background-position:-90px -280px}
.contac-fexid {
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:9999}
.contac-fexid .contac-box {
	transition:0.5s;
	perspective:500;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:516px;
	height:310px;
	background:rgba(0,223,46,0.85);
	border-radius:5px}
.contac-fexid .contac-box:before {
	content:'';
	position:absolute;
	display:inline-block;
	border:1px solid #ffffff;
	border-radius:5px;
	right:6px;
	top:6px;
	bottom:6px;
	left:6px}
.contac-fexid .contac-box .close {
	transition:0.5s;
	background:url("/public/static/images/img88.png") center no-repeat;
	position:absolute;
	right:16px;
	top:16px;
	width:20px;
	height:20px;
	display:inline-block}
.contac-fexid .contac-box .close:hover {
	cursor:pointer;
	-ms-transform:rotate(270deg);
	transform:rotate(270deg)}
.contac-fexid .contac-box .text {
	margin-top:38px;
	padding-left:34px}
.contac-fexid .contac-box .top {
	height:auto;
	overflow:hidden}
.contac-fexid .contac-box .top .img {
	width:95px;
	float:left;
	height:95px;
	margin-right:20px;
	margin-left:34px;
	margin-top:38px}
.contac-fexid .contac-box .tip {
	margin:10px;
	padding-left:34px}
.contac-fexid .contac-box p {
	font-size:14px;
	line-height:28px;
	color:#fff}
.contac-fexid .contac-box h4 {
	color:#ffffff;
	font-size:18px;
	margin-bottom:10px}
.contac-fexid .contac-box h3 {
	font-size:40px;
	color:#ffffff;
	font-weight:bold}
.contac-fexid .contac-fexid-mask {
	background:rgba(0,0,0,0.5);
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0}
.contac-fexid .contact-tell {
	z-index:2;
	position:relative;
	margin:15px 38px;
	margin-top:5px;
	height:44px;
	background:#ffffff;
	display:-ms-flexbox;
	display:flex;
	position:relative}
.contac-fexid .contact-tell::before {
	content:'';
	display:inline-block;
	width:35px;
	height:44px;
	position:absolute;
	left:0;
	top:0;
	z-index:2}
.contac-fexid .contact-tell .input {
	-ms-flex:0 0 318px;
	flex:0 0 318px;
	padding-left:10px;
	font-size:14px}
.contac-fexid .contact-line {
	margin:15px 38px;
	z-index:2;
	position:relative}
.contac-fexid input::-webkit-input-placeholder {
	color:#999999}
.contac-fexid .btn {
	-ms-flex:1;
	flex:1;
	background:#209a33;
	color:#ffffff;
	font-size:16px;
	height:44px;
	text-align:center;
	line-height:44px;
	display:block}
.contac-fexid .btn a {
	color:#ffffff}
.contac-fexid .contac-box ul {
	background:#eeeeee;
	border-radius:0 0 5px 5px;
	height:58px;
	position:absolute;
	bottom:6px;
	right:6px;
	left:6px}
.contac-fexid .contac-box li {
	font-size:18px;
	float:left;
	width:33.33%;
	text-align:center;
	line-height:58px;
	border-right:1px solid rgba(33,177,63,0.6)}
.contac-fexid .contac-box li .icon {
	width:26px;
	height:22px;
	display:inline-block;
	position:relative;
	top:3px;
	margin-right:4px}
.contac-fexid .contac-box li .icon1 {
	background:url("/public/static/images/img85.png") center no-repeat}
.contac-fexid .contac-box li .icon2 {
	background:url("/public/static/images/img86.png") center no-repeat}
.contac-fexid .contac-box li .icon3 {
	background:url("/public/static/images/img87.png") center no-repeat}
.contac-fexid .contac-box li a {
	display:block;
	color:#21b13f}
.contac-fexid .contac-box li:hover .icon {
	animation:bounce-down 1s ease-out infinite}
@keyframes bounce-down {
	25% {
	transform:translateY(-3px)}
50%,100% {
	transform:translateY(0)}
75% {
	transform:translateY(3px)}
}
@keyframes bounce-right {
	25% {
	left:58px}
50%,100% {
	left:60px}
75% {
	left:65px}
}
@media screen and (min-height:800px) {
	.gb-aside .nav li {
	height:100px}
	h6.logo{display:block;}
}

@media screen and (max-height:800px) {
	.gb-aside .nav li {
	height:80px}
	
}
@media screen and (max-height:700px) {
	.gb-aside .nav li {
	height:75px}
.gb-aside .nav .icon {
	margin-top:10px}
	h6.logo{display:none;}
}
@media screen and (max-width:1366px) {
	.case-intro .top-desc .arrow {
	bottom:200px}
.gb-aside .nav .icon,.gb-aside .home .icon-home {
	-ms-transform:scale(0.7);
	transform:scale(0.7)}
.gb-aside .nav .icon {
	margin-top:5px}
.gb-aside .nav li {
	height:65px}
}
@media screen and (max-width:1300px) {
	.gb-aside .nav li {
	height:70px}
.gb-aside .nav .icon {
	margin-top:8px}
}
@media (min-width:1900px) {
	.case-intro .top-desc .arrow {
	bottom:60px}
.main-about .section1 .list {
	margin-top:50px;
	padding-top:50px}
.main-about .wrap {
	width:1340px;
	height:auto;
	overflow:visible}
}
@keyframes ripple {
	0% {
	opacity:0;
	transform:scale(0.1)}
5% {
	opacity:1}
to {
	opacity:0;
	transform:scale(1)}
}
@keyframes arrow {
	0% {
	opacity:0;
	transform:translateY(0)}
50% {
	opacity:1;
	transform:translateY(10px)}
to {
	opacity:0}
}
.mCSB_container {
	width:auto;
	margin-right:30px;
	overflow:hidden}
.mCSB_container.mCS_no_scrollbar {
	margin-right:0}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar {
	margin-right:30px}
.mCustomScrollBox>.mCSB_scrollTools {
	width:16px;
	height:100%;
	top:0;
	right:0}
.mCSB_scrollTools .mCSB_draggerContainer {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	height:auto}
.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin:20px 0}
.mCSB_scrollTools .mCSB_draggerRail {
	width:2px;
	height:100%;
	margin:0 auto;
	border-radius:10px}
.mCSB_scrollTools .mCSB_dragger {
	cursor:pointer;
	width:100%;
	height:30px}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:4px;
	height:100%;
	margin:0 auto;
	border-radius:10px;
	text-align:center}
.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown {
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer}
.mCSB_scrollTools .mCSB_buttonDown {
	top:100%;
	margin-top:-40px}
.mCSB_horizontal>.mCSB_container {
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
	margin-bottom:0}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
	margin-right:0;
	margin-bottom:30px}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools {
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin:0 20px}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
	width:100%;
	height:2px;
	margin:7px 0;
	border-radius:10px}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger {
	width:30px;
	height:100%}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:100%;
	height:4px;
	margin:6px auto;
	border-radius:10px}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
	margin-left:-40px;
	float:right}
.mCustomScrollBox {
	-ms-touch-action:none}
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail {
	background:#000;
	background:rgba(0,0,0,0.15)}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background:#000;
	background:rgba(0,0,0,0.75)}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background:rgba(0,0,0,0.85)}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background:rgba(0,0,0,0.9)}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp {
	background-position:-80px 0}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown {
	background-position:-80px -20px}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft {
	background-position:-80px -40px}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight {
	background-position:-80px -56px}
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail {
	width:4px;
	background:#fff;
	background:rgba(255,255,255,0.1);
	border-radius:1px}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:4px;
	background:#fff;
	background:rgba(255,255,255,0.75);
	border-radius:1px}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
	width:100%;
	height:4px;
	margin:6px 0}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:100%;
	height:4px;
	margin:6px auto}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background:rgba(255,255,255,0.85)}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background:rgba(255,255,255,0.9)}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp {
	background-position:-32px 0}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown {
	background-position:-32px -20px}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft {
	background-position:-40px -40px}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight {
	background-position:-40px -56px}
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail {
	width:4px;
	background:#000;
	background:rgba(0,0,0,0.1);
	border-radius:1px}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:4px;
	background:#000;
	background:rgba(0,0,0,0.75);
	border-radius:1px}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
	width:100%;
	height:4px;
	margin:6px 0}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:100%;
	height:4px;
	margin:6px auto}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background:rgba(0,0,0,0.85)}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background:rgba(0,0,0,0.9)}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp {
	background-position:-112px 0}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown {
	background-position:-112px -20px}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft {
	background-position:-120px -40px}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight {
	background-position:-120px -56px}
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail {
	width:4px;
	background:#fff;
	background:rgba(255,255,255,0.1);
	border-radius:2px}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:6px;
	background:#fff;
	background:rgba(255,255,255,0.75);
	border-radius:2px}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
	width:100%;
	height:4px;
	margin:6px 0}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:100%;
	height:6px;
	margin:5px auto}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background:rgba(255,255,255,0.85)}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background:rgba(255,255,255,0.9)}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp {
	background-position:-16px 0}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown {
	background-position:-16px -20px}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft {
	background-position:-20px -40px}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight {
	background-position:-20px -56px}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail {
	width:4px;
	background:#000;
	background:rgba(0,0,0,0.1);
	border-radius:2px}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:6px;
	background:#000;
	background:rgba(0,0,0,0.75);
	border-radius:2px}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
	width:100%;
	height:4px;
	margin:6px 0}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:100%;
	height:6px;
	margin:5px auto}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background:rgba(0,0,0,0.85)}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background:rgba(0,0,0,0.9)}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp {
	background-position:-96px 0}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown {
	background-position:-96px -20px}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft {
	background-position:-100px -40px}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight {
	background-position:-100px -56px}
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail {
	background:#fff;
	background:rgba(255,255,255,0.1)}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:2px}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
	width:100%}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:100%;
	height:2px;
	margin:7px auto}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail {
	background:#000;
	background:rgba(0,0,0,0.15)}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:2px;
	background:#000;
	background:rgba(0,0,0,0.75)}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
	width:100%}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:100%;
	height:2px;
	margin:7px auto}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background:rgba(0,0,0,0.85)}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background:rgba(0,0,0,0.9)}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp {
	background-position:-80px 0}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown {
	background-position:-80px -20px}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft {
	background-position:-80px -40px}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight {
	background-position:-80px -56px}
.content_1>.mCustomScrollBox>.mCSB_scrollTools {
	height:96%;
	top:2%}
.content_2 .mCSB_scrollTools .mCSB_draggerRail {
	width:6px;
	box-shadow:1px 1px 1px rgba(255,255,255,0.1)}
.content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background:rgba(255,255,255,0.4);
	filter:"alpha(opacity=40)";
	-ms-filter:"alpha(opacity=40)"}
.content_2 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background:rgba(255,255,255,0.5);
	filter:"alpha(opacity=50)";
	-ms-filter:"alpha(opacity=50)"}
.content_2 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.content_2 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background:rgba(255,255,255,0.6);
	filter:"alpha(opacity=60)";
	-ms-filter:"alpha(opacity=60)"}
.content_3>.mCustomScrollBox>.mCSB_scrollTools {
	height:94%;
	top:3%}
.content_3 .mCSB_scrollTools .mCSB_draggerRail {
	width:0;
	border-right:1px dashed #09C}
.content_3 .mCSB_scrollTools .mCSB_dragger {
	height:11px}
.content_3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:11px;
	border-radius:11px;
	background:#09C}
.content_4>.mCustomScrollBox>.mCSB_scrollTools {
	height:94%;
	top:3%}
.content_4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:8px;
	border-radius:2px;
	background:#d0b9a0;
	box-shadow:1px 1px 5px rgba(0,0,0,0.5)}
.content_4 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background:#dfcdb9}
.content_4 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	box-shadow:0 0 3px rgba(0,0,0,0.5)}
.content_5>.mCustomScrollBox>.mCSB_scrollTools {
	width:98%;
	margin:0 1%}
.content_6>.mCustomScrollBox>.mCSB_scrollTools {
	width:88%;
	margin:0 6%}
.content_8 .mCSB_scrollTools .mCSB_draggerRail {
	width:0px;
	border-left:1px solid rgba(0,0,0,0.8);
	border-right:1px solid rgba(255,255,255,0.2)}
.main-about .section6 {
	z-index:9;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center}
.main-about .section6 .owl-prev,.main-about .section6 .owl-next {
	position:absolute;
	top:195px;
	left:-150px;
	width:65px;
	height:65px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(/public/static/images/v2-about-arrow-left.png)}
.main-about .section6 .owl-next {
	left:auto;
	right:-150px;
	background-image:url(/public/static/images/v2-about-arrow-right.png)}
.main-about .section6 .head {
	text-align:center;
	font-size:48px;
	color:#000000;
	position:relative;
	padding-bottom:10px;
	margin-bottom:50px}
.main-about .section6 .head::before {
	position:absolute;
	content:'';
	height:3px;
	width:50px;
	left:50%;
	bottom:0;
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	display:inline-block;
	background:#21b13f;
	content:''}
.main-about .section6 .body {
	width:1146px;
	margin:0 auto}
.main-about .section6 .list-item {
	height:565px;
	position:relative}
.main-about .section6 .item1 {
	top:0;
	z-index:2}
.main-about .section6 .item3 {
	top:0;
	left:395px;
	z-index:2}
.main-about .section6 .item5 {
	top:0;
	left:785px;
	z-index:2}
.main-about .section6 .item2 {
	bottom:0;
	left:195px}
.main-about .section6 .item4 {
	bottom:0;
	left:590px}
.main-about .section6 img {
	transition:0.3s}
.main-about .section6 .item {
	position:absolute;
	overflow:hidden;
	width:360px;
	height:360px}
.main-about .section6 .item:hover img {
	-ms-transform:scale(0.9);
	transform:scale(0.9)}
.modal {
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
	transition:0.5s;
	background:rgba(255,255,255,0.95);
	padding:90px;
	width:900px;
	box-shadow:5px 0 20px rgba(0,0,0,0.2);
	font-size:16px}
.modal.active {
	-ms-transform:translateX(0);
	transform:translateX(0)}
.modal .close {
	background:url(/public/static/images/v2-close.png);
	width:40px;
	height:40px;
	background-repeat:no-repeat;
	right:20px;
	top:20px;
	cursor:pointer}
.modal .close::before {
	display:none}
.modal .title {
	font-size:22px;
	color:#000000;
	position:absolute;
	left:60px;
	top:30px;
	background:url(/public/static/images/v2-400.png) no-repeat left top;
	padding-left:52px;
	height:45px;
	line-height:45px}
.modal .head {
	font-size:40px;
	color:#3a3a3a}
.modal .body {
	width:710px}
.modal .item {
	border-bottom:none;
	width:320px;
	position:relative;
	padding-left:82px}
.modal .item span {
	position:absolute;
	line-height:30px;
	left:0;
	top:8px;
	width:80px;
	text-align:justify}
.modal .item3 .yzm {
	position:static}
.modal .input {
	width:66px;
	border-radius:0;
	background:#0083D5;
	color:#ffffff}
.modal .item3 {
	display:-ms-flexbox;
	display:flex}
.modal .item3 span {
	color:#000000}
.modal .item2 {
	width:700px;
	padding-left:0;
	margin-bottom:10px}
.modal .item2 em {
	bottom:15px}
.modal .item2 span {
	position:static}
.modal .item2 i {
	font-size:12px;
	color:#8e8e8e}
.modal .item2 .textarea {
	width:700px;
	height:200px;
	border:1px solid #dbdbdb;
	background:#f9f9f9;
	color:#8e8e8e;
	padding:10px;
	font-size:16px}
.modal .text {
	line-height:30px;
	height:30px;
	color:#000000;
	border-bottom:1px solid #dbdbdb}
.modal .submit {
	float:none;
	width:300px;
	margin:0 auto;
	display:block}
@media (max-width:1460px) {
	.main-about .section6 .owl-prev {
	left:-80px}
.main-about .section6 .owl-next {
	right:-80px}
.main-about .section6 .body {
	-ms-transform:scale(0.8);
	transform:scale(0.8)}
}
@media (max-width:1700) {
	.main-index .content li a {
	width:165px}
}
@media screen and (max-width:1450px) {
	.main-index .content li a {
	width:135px}
.modal .item2 .textarea {
	height:100px}
.case-section .tag {
	margin-top:40px}
.case-section .big {
	margin-top:45px;
	margin-bottom:100px}
.case-section .logo img {
	max-height:120px}
.case-section .frame .head h3 {
	font-size:32px}
.case-section .btn a {
	-ms-transform:scale(0.8);
	transform:scale(0.8)}
.case-section .detal {
	padding-top:30px;
	padding-bottom:50px}
.case-section .frame .wrap {
	width:980px}
.case-intro .case-call {
	font-size:38px;
	height:60px;
	line-height:60px}
.case-section .frame .head {
	margin-top:60px}
}
@media (max-width:1300px) {
	.gb-aside .asidenav-btn {
	cursor:pointer;
	display:block}
.gb-aside .home {
	display:none}
.gb-aside .nav {
	display:none}
}
@media (max-width:1460px) {
	.main-about .section3 .body {
	height:500px}
.case-intro .top-desc .arrow {
	bottom:150px}
.main-slide .right-texts .texts h3 {
	font-size:40px}
.main-slide .right-texts li h3 span {
	font-size:22px}
.main-slide .right-texts li p {
	font-size:16px;
	line-height:1.8;
	height:150px}
.main-slide .items dd {
	margin-right:15px}
.main-slide .items {
	width:480px}
.gb-aside .nav li {
	height:85px;}
.gb-aside .nav li  a h3{
	font-size:12px;
}
.gb-aside .nav .icon {
	margin-top:20px}
.gb-aside {
	width:60px}
.case-section .top-desc {
	left:60px}
.modal {
	left:60px}
.gb-aside .nav li:hover .slide-nav {
	left:60px}
.main-content {
	padding-left:60px}
.gb-aside .logo {
	bottom:10px}
.gb-aside .logo img {
	width:35px}
#main {
	margin-left:60px}
.main-slide .right-texts .texts h3 {
	margin-bottom:25px}
.main-slide {
	margin-left:60px}
.main-slide .items {
	bottom:50px}
.gb-aside .home {
	height:60px}
.gb-aside .home .icon-home {
	margin-top:12px}
.main-index .content a {
	font-size:16px}
.main-index .index-item .title {
	height:90px;
	line-height:90px}
.main-index .index-item .title a {
	font-size:22px}
.main-index .index-item .title:before {
	top:65px}
.main-index .index-item .title:hover:before {
	top:70px}
.main-index .content li {
	height:65px;
	line-height:65px}
.main-index .content .icon {
	left:0;
	-ms-transform:scale(0.7);
	transform:scale(0.7);
	height:65px}
.main-index .content li:hover .icon {
	transform:scale(0.7) rotateY(180deg)}
.main-index .index-item .content {
	height:220px}
.main-index .index-item .img {
	bottom:220px}
.index-fixed ul {
	-ms-transform:scale(0.7);
	transform:scale(0.7)}
.main-index .content .item1 a,.main-index .content .item3 a {
	margin-right:5px}
.main-index .content .item2 a,.main-index .content .item4 a {
	margin-left:5px}
.main-news.fixd-2 .item2,.main-news.fixd-3 .item3,.main-news.fixd-4 .item4 {
	left:60px}
.main-about .section {
	background-size:auto}
.main-about .section2 .left-text {
	padding-left:20px}
.main-about .section4 .left {
	width:310px;
	margin-left:20px;
	line-height:1.7}
.main-about .section4 .wrap {
	height:550px;
	margin-top:-255px}
.main-about .section4 .left .case {
	margin-top:50px}
.main-about .section4 .left .num {
	margin-top:15px}
.main-news2 {
	padding-top:50px}
.main-news2 .right-list {
	width:1090px}
.main-news2 .right-list .con a {
	width:520px;
	margin-right:30px}
.main-index .txt .h3 {
	font-size:28px}
.main-index .txt .h4 {
	font-size:14px}
.main-news.fixed-4 .item4,.main-news.fixed-3 .item3,.main-news.fixed-2 .item2 {
	left:60px}
}
.lang-link {
	font-size:14px;
	margin-top:10px;
	color:#585858;
	position:relative;
	z-index:99;
	line-height:45px;
	display:block;
	text-align:center}
.right-top-fixed {
	position:fixed;
	z-index:9999;
	right:37px;
	top:25px;
	display:-ms-flexbox;
	display:flex}
.right-top-fixed .lang {
	margin-left:15px;
	position:relative;
	top:1px}
.right-top-fixed .lang .subnav {
	width:72px;
	background:#ffffff;
	border-radius:10px;
	top:38px;
	text-align:center;
	padding:5px 0;
	position:absolute;
	visibility:hidden;
	transition:0.2s;
	opacity:0}
.right-top-fixed .lang .subnav a {
	color:#4c4c4c;
	margin-left:0;
	line-height:26px;
	display:block;
	font-size:12px}
.right-top-fixed .lang:hover .subnav {
	top:28px;
	opacity:1;
	visibility:visible}
.right-top-fixed .lang:hover .subnav a:hover {
	color:#8ec100}
.right-top-fixed .lang .icon-lang {
	width:16px;
	height:16px;
	display:inline-block;
	background:url(/public/static/images/lang.png) no-repeat;
	position:relative;
	top:4px}
.right-top-fixed .lang span {
	font-size:14px;
	color:#ffffff;
	margin:0 6px}
.right-top-fixed .lang .arr-down {
	width:9px;
	height:5px;
	display:inline-block;
	position:relative;
	top:-2px;
	background:url(/public/static/images/arr-down.png) no-repeat}
.right-top-fixed .sear {
	position:relative;
	height:24px;
	width:50px}
.right-top-fixed .sear .text {
	overflow:hidden;
	border-radius:12px;
	transition:0.5s;
	height:24px;
	font-size:14px;
	padding:0 8px;
	position:absolute;
	right:0;
	top:0;
	background:#ffffff;
	visibility:hidden;
	opacity:0;
	width:50px}
.right-top-fixed .sear.active .text {
	opacity:1;
	visibility:visible;
	width:220px;
	border:1px solid #0083D5;
}
.right-top-fixed .sear.active .submit {
	background:url(/public/static/images/submit.png) center no-repeat}
.right-top-fixed .sear .submit {
	height:24px;
	background:url(/public/static/images/submit-dafulte.png) center no-repeat;
	width:24px;
	position:absolute;
	right:5px;
	top:0}
.right-top-fixed a {
	line-height:24px;
	font-size:14px;
	color:#ffffff;
	margin-left:20px}
.right-top-fixed.active a,.right-top-fixed.active .lang span {
	color:#4c4c4c}
.right-top-fixed.active .lang .icon-lang {
	background:url(/public/static/images/lang2.png) no-repeat}
.right-top-fixed.active .lang .arr-down {
	background:url(/public/static/images/arr-down2.png) no-repeat}
.right-top-fixed.active .submit {
	background:url(/public/static/images/submit-dafulte.png) center no-repeat}


.whyphp{height:110px; line-height:110px; background-color:#4d8cc6; text-align:center; color:#fff; font-size:48px; font-weight:bold;}
.whyphp01{height:1137px; background: url(/public/static/images/whyphp_bg.png) repeat-x;  text-align:center;}

.whyyt{height:110px; line-height:110px; background-color:#4d8cc6; text-align:center; color:#fff; font-size:48px; font-weight:bold;}
.whyyt01{height:732px; background-color:#fff; text-align:center;}
.whyweb{height:110px; line-height:110px; background-color:#ff7218; text-align:center; color:#fff; font-size:48px; font-weight:bold;}
.whyweb01{height:1161px; background: url(/public/static/images/whyweb_bg.jpg) repeat-x;  text-align:center;}
.webniu{height:583px;background:url(/public/static/images/webniu.jpg) center no-repeat #1276db;}


.kecheng{height:1160px;background:url(/public/static/images/kecheng.jpg) center no-repeat #385d8c;}
.kecheng01{margin:0 auto;width:500px; padding-left:260px; padding-top:740px; height:400px;}
.kecheng .kecheng01 h3{width:350px; color:#efc518; font-size:18px; background-color:#192f4c; height:40px; width:300px; padding-left:15px; line-height:40px; font-weight:normal;}
.kecheng .kecheng01 div{font-size:14px; color:#fff;letter-spacing: 1px; padding-top:15px; padding-bottom:15px; padding-left:15px;}

.pytop{
	height:629px;
	padding:50px 0 60px;
	background:url('/public/static/images/pytop_bg.jpg') no-repeat center;
}
.main1200{
	width:1100px; margin:0 auto;
}
.py .title{text-align:center;}
.py .title h3{
	font-size:48px;
}
.py .title p{font-size:24px; line-height:78px;}
.py .title .yellow{color:#fff60c;}
.py .title .white{color:#fff;}
.py .title .blue{color:#1c22e7;}
.py .title .c222{color:#222;}
.py .title .red{color:#FF3636;}
.py .title .zise{color: #a51ce9;}
.py .title .pink{color: #ff287b;}
.pytop .content{margin-top:15px;}
.pytop .content ul{display:flex;justify-content:space-between;}
.pytop .content ul li{width:338px; height:380px; padding-top:15px; background:#fff; border-radius:5px; text-align:center;}
.pytop .content ul li img{width:177px; height:140px;}
.pytop .content ul li div{font-size:32px; font-weight:bold; color:#072990; line-height:65px;}
.pytop .content ul li p{font-size:30px; color:#222; text-align:left; padding:0 24px;}

.pypos{background:#f5f5f5;padding:50px 0 60px;}
.pypos .content ul{display:flex;justify-content:space-between;}
.pypos .content ul li{width:530px;}
.pypos .content ul li div{float:left;}
.pypos .content ul li div.first,
.pypos .content ul li div.second{
	font-size:30px; 
	width:74px;
	padding:32px 21px;
	height: 288px;
	line-height:35px;
	color:#fff;
	border-bottom-left-radius: 15px;
	background-image: linear-gradient(#8432F5, #254CF7);
}
.pypos .content ul li div.second{
	background-image: linear-gradient(#e95915, #ea4388);
}
.pypos .content ul li div:last-child{
	width:436px;
	padding-left:15px;
	background-color: #fff;
	height: 288px;
	border-top-right-radius: 15px;
	padding-top: 26px;
	line-height: 26px;
	font-size: 16px;
	color: #222;;
}
.pypos .content ul li:first-child span{
	color: #0f0fc5;
}
.pypos .content ul li:last-child span{
	color: #e44c15;
}
.pypos .content ul li div:last-child li{
	margin-top: 15px;
}

.pywhy{
	height:894px;
	padding-top: 80px;
	background:url('/public/static/images/pywhy_bg.jpg') no-repeat center;
}
.pywhy .content{
	padding-top: 20px;
}

.pywhy .content ul{display:flex; justify-content: space-between;} 
.pywhy .content ul li{
	height: 72px; line-height: 72px;
	width: 350px;
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}
.pywhy .content ul li:first-child{
	background-color: #fff60c;
	position: relative;
}
.pywhy .content ul li:first-child::after{
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
	top:72px;
	left:158px;
	border-bottom: 17px solid transparent;
	border-top: 17px solid #fff60c;
	border-left: 17px solid transparent;
	border-right: 17px solid transparent;
}
.pywhy .detail{
	height: 485px;
	border-radius: 10px;
	background-color: #fff;
	margin-top: 38px;
	padding-top: 43px;
}
.pywhy .detail ul{
	display: flex;
	justify-content: space-around;
}
.pywhy .detail ul li{
	width: 480px;
}
.pywhy .detail ul li h5{
	font-size: 24px;
	margin-bottom: 40px;
	position: relative;
	padding-left: 28px;
	height: 24px;
}
.pywhy .detail ul li h5::after{
	content: "";
	display: block;
	position: absolute;
	width: 14px;
	height: 14px;
	background-color: #2743cf;
	border-radius: 50%;
	left:0;
	top:8px;
}
.pywhy .detail ul li:last-child h5::after{
	background-color: #FF3636;
}
.pywhy .detail ul li div{
	padding-left: 28px;
}
.pywhy .detail p{
	text-align: center;
	font-size: 18px;
	color: #888;
	line-height: 60px;
}

.pyeasy{
	height: 648px;
	padding-top: 68px;
	background-color: #f5f5f5;
}
.pyeasy .content{
	text-align: center;
	padding-top: 20px;
}
.pymain{
	height: 729px;
	padding-top: 68px;
	background: url('/public/static/images/py05.jpg') no-repeat center;
}

.pymain .content{
	padding-top: 60px;
	text-align: center;
}

.pyit{
	height: 800px;
	padding-top: 60px;
	background-color: #f5f5f5;
}

.pagenum>.pagination{clear: both;text-align: center;}
.pagenum>.pagination>li{display: inline-block;}
.pagenum>.pagination>li>a,.pagenum>.pagination>li>span{width: 26px;
	font-size: 12px;
	height: 26px;
	background: #ececec;
	color: #848484;
	font-size: 14px;
	text-align: center;
	line-height: 26px;
	border-radius: 50%;
	display: inline-block;
	margin: 0 10px}
.pagenum>.pagination>li.active>span{background: #0083D5; color: #fff;}