@charset "utf-8";
html { width:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; -o-text-size-adjust:100%; text-size-adjust:100%; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{ margin:0; padding:0; }
body,button,input,select,textarea { font-family:"Roboto-Light",Tahoma,Arial,sans-serif; font-size:62.5%; word-wrap:break-word; }
textarea {resize:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
a,label{blr:expression_r(this.onFocus=this.blur());outline:none;}
address,cite,dfn,em,var{font-style:normal}
ul,ol{list-style:none}
fieldset,img{border:0;vertical-align:bottom;}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
table{width:100%;border-collapse:collapse;border-spacing:0;}

.tranAll, a { transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; }
*,*:after,*:before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;  -o-box-sizing:border-box; box-sizing:border-box; }
*:after, *:before { display:block; }
*:focus { outline:none; }
.clear{display:block;height:0;overflow:hidden;clear:both}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { outline:#ec050d solid thin; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#a4a4a4; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#a4a4a4; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#a4a4a4; }
input:-moz-placeholder, textarea:-moz-placeholder { color:#a4a4a4; }
input[type="checkbox"] { width:14px; height:14px; border:1px solid #ddd; background:#fff url(_blank); }

.hidden{display:none;}
.invisible{visibility:hidden;}
.noBg{background:none !important;}
.noBd{border:none !important;}

.cssTable { width:100%; height:100%; display:table; }
.cssTd { width:100%; height:100%; vertical-align:middle; display:table-cell; }

body { font-family:"arial","Microsoft Yahei"; color:#858585; margin:0 auto; background:#fff; }
input, textarea { font-family:"arial","Microsoft Yahei";/*  -webkit-appearance:none; */ }
a { color:#858585; text-decoration:none; }
a:hover { color:#BE9D84; text-decoration:none; }
img { vertical-align:bottom; }
.wrap { width:1280px; margin:0 auto; }
/*
display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex;
margin:auoto
*/

@font-face {
	font-family: 'FZLTXHK';
	src: url('../fonts/FZLTXHK.eot');
	src: url('../fonts/FZLTXHK.eot') format('embedded-opentype'),
	url('../fonts/FZLTXHK.woff2') format('woff2'),
	url('../fonts/FZLTXHK.woff') format('woff'),
	url('../fonts/FZLTXHK.ttf') format('truetype'),
	url('../fonts/FZLTXHK.svg#FZLTXHK') format('svg');
}
@font-face {
	font-family: 'AvantGardecebook';
	src: url('../fonts/AvantGardecebook.eot');
	src: url('../fonts/AvantGardecebook.eot') format('embedded-opentype'),
	url('../fonts/AvantGardecebook.woff2') format('woff2'),
	url('../fonts/AvantGardecebook.woff') format('woff'),
	url('../fonts/AvantGardecebook.ttf') format('truetype'),
	url('../fonts/AvantGardecebook.svg#AvantGardecebook') format('svg');
}
@font-face {
	font-family: 'AvenirNextLTPro-Regular';
	src: url('../fonts/AvenirNextLTPro-Regular.eot');
	src: url('../fonts/AvenirNextLTPro-Regular.eot') format('embedded-opentype'),
	url('../fonts/AvenirNextLTPro-Regular.woff2') format('woff2'),
	url('../fonts/AvenirNextLTPro-Regular.woff') format('woff'),
	url('../fonts/AvenirNextLTPro-Regular.ttf') format('truetype'),
	url('../fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
}



.loading {	position: fixed;	left: 0;	top: 0;	width: 100%;	height: 100%;	background: #fff;	z-index: 99;}.loader {	position: absolute;	left: 50%;	top: 50%;  -webkit-transform: translate(-50%, -50%);      -moz-transform: translate(-50%, -50%);      -ms-transform: translate(-50%, -50%);      -o-transform: translate(-50%, -50%);          transform: translate(-50%, -50%);	box-sizing: border-box;    display: flex;    flex: 0 1 auto;    flex-direction: column;    flex-grow: 1;    flex-shrink: 0;    flex-basis: 25%;    max-width: 25%;    height: 200px;    align-items: center;    justify-content: center;}.ball-triangle-path {  position: relative;  -webkit-transform: translate(-25px, -25px);      -ms-transform: translate(-25px, -25px);          transform: translate(-25px, -25px); }  .ball-triangle-path > div:nth-child(1) {    -webkit-animation-name: ball-triangle-path-1;            animation-name: ball-triangle-path-1;    -webkit-animation-delay: 0;            animation-delay: 0;    -webkit-animation-duration: 2s;            animation-duration: 2s;    -webkit-animation-timing-function: ease-in-out;            animation-timing-function: ease-in-out;    -webkit-animation-iteration-count: infinite;            animation-iteration-count: infinite; }  .ball-triangle-path > div:nth-child(2) {    -webkit-animation-name: ball-triangle-path-2;            animation-name: ball-triangle-path-2;    -webkit-animation-delay: 0;            animation-delay: 0;    -webkit-animation-duration: 2s;            animation-duration: 2s;    -webkit-animation-timing-function: ease-in-out;            animation-timing-function: ease-in-out;    -webkit-animation-iteration-count: infinite;            animation-iteration-count: infinite; }  .ball-triangle-path > div:nth-child(3) {    -webkit-animation-name: ball-triangle-path-3;            animation-name: ball-triangle-path-3;    -webkit-animation-delay: 0;            animation-delay: 0;    -webkit-animation-duration: 2s;            animation-duration: 2s;    -webkit-animation-timing-function: ease-in-out;            animation-timing-function: ease-in-out;    -webkit-animation-iteration-count: infinite;            animation-iteration-count: infinite; }  .ball-triangle-path > div {    -webkit-animation-fill-mode: both;            animation-fill-mode: both;    position: absolute;    width: 10px;    height: 10px;    border-radius: 100%;    border: 1px solid #63be43; }    .ball-triangle-path > div:nth-of-type(1) {      top: 50px; }    .ball-triangle-path > div:nth-of-type(2) {      left: 25px; }    .ball-triangle-path > div:nth-of-type(3) {      top: 50px;      left: 50px; }@-webkit-keyframes ball-pulse-rise-even {  0% {    -webkit-transform: scale(1.1);            transform: scale(1.1); }  25% {    -webkit-transform: translateY(-30px);            transform: translateY(-30px); }  50% {    -webkit-transform: scale(0.4);            transform: scale(0.4); }  75% {    -webkit-transform: translateY(30px);            transform: translateY(30px); }  100% {    -webkit-transform: translateY(0);            transform: translateY(0);    -webkit-transform: scale(1);            transform: scale(1); } }@keyframes ball-pulse-rise-even {  0% {    -webkit-transform: scale(1.1);            transform: scale(1.1); }  25% {    -webkit-transform: translateY(-30px);            transform: translateY(-30px); }  50% {    -webkit-transform: scale(0.4);            transform: scale(0.4); }  75% {    -webkit-transform: translateY(30px);            transform: translateY(30px); }  100% {    -webkit-transform: translateY(0);            transform: translateY(0);    -webkit-transform: scale(1);            transform: scale(1); } }@-webkit-keyframes ball-pulse-rise-odd {  0% {    -webkit-transform: scale(0.4);            transform: scale(0.4); }  25% {    -webkit-transform: translateY(30px);            transform: translateY(30px); }  50% {    -webkit-transform: scale(1.1);            transform: scale(1.1); }  75% {    -webkit-transform: translateY(-30px);            transform: translateY(-30px); }  100% {    -webkit-transform: translateY(0);            transform: translateY(0);    -webkit-transform: scale(0.75);            transform: scale(0.75); } }@keyframes ball-pulse-rise-odd {  0% {    -webkit-transform: scale(0.4);            transform: scale(0.4); }  25% {    -webkit-transform: translateY(30px);            transform: translateY(30px); }  50% {    -webkit-transform: scale(1.1);            transform: scale(1.1); }  75% {    -webkit-transform: translateY(-30px);            transform: translateY(-30px); }  100% {    -webkit-transform: translateY(0);            transform: translateY(0);    -webkit-transform: scale(0.75);            transform: scale(0.75); } }@keyframes ball-triangle-path-1 {  33% {    -webkit-transform: translate(25px, -50px);            transform: translate(25px, -50px); }  66% {    -webkit-transform: translate(50px, 0px);            transform: translate(50px, 0px); }  100% {    -webkit-transform: translate(0px, 0px);            transform: translate(0px, 0px); } }@-webkit-keyframes ball-triangle-path-2 {  33% {    -webkit-transform: translate(25px, 50px);            transform: translate(25px, 50px); }  66% {    -webkit-transform: translate(-25px, 50px);            transform: translate(-25px, 50px); }  100% {    -webkit-transform: translate(0px, 0px);            transform: translate(0px, 0px); } }@keyframes ball-triangle-path-2 {  33% {    -webkit-transform: translate(25px, 50px);            transform: translate(25px, 50px); }  66% {    -webkit-transform: translate(-25px, 50px);            transform: translate(-25px, 50px); }  100% {    -webkit-transform: translate(0px, 0px);            transform: translate(0px, 0px); } }@-webkit-keyframes ball-triangle-path-3 {  33% {    -webkit-transform: translate(-50px, 0px);            transform: translate(-50px, 0px); }  66% {    -webkit-transform: translate(-25px, -50px);            transform: translate(-25px, -50px); }  100% {    -webkit-transform: translate(0px, 0px);            transform: translate(0px, 0px); } }@keyframes ball-triangle-path-3 {  33% {    -webkit-transform: translate(-50px, 0px);            transform: translate(-50px, 0px); }  66% {    -webkit-transform: translate(-25px, -50px);            transform: translate(-25px, -50px); }  100% {    -webkit-transform: translate(0px, 0px);            transform: translate(0px, 0px); } }.ball-triangle-path {  position: relative;  -webkit-transform: translate(-25px, -25px);      -ms-transform: translate(-25px, -25px);          transform: translate(-25px, -25px); }  .ball-triangle-path > div:nth-child(1) {    -webkit-animation-name: ball-triangle-path-1;            animation-name: ball-triangle-path-1;    -webkit-animation-delay: 0;            animation-delay: 0;    -webkit-animation-duration: 2s;            animation-duration: 2s;    -webkit-animation-timing-function: ease-in-out;            animation-timing-function: ease-in-out;    -webkit-animation-iteration-count: infinite;            animation-iteration-count: infinite; }  .ball-triangle-path > div:nth-child(2) {    -webkit-animation-name: ball-triangle-path-2;            animation-name: ball-triangle-path-2;    -webkit-animation-delay: 0;            animation-delay: 0;    -webkit-animation-duration: 2s;            animation-duration: 2s;    -webkit-animation-timing-function: ease-in-out;            animation-timing-function: ease-in-out;    -webkit-animation-iteration-count: infinite;            animation-iteration-count: infinite; }  .ball-triangle-path > div:nth-child(3) {    -webkit-animation-name: ball-triangle-path-3;            animation-name: ball-triangle-path-3;    -webkit-animation-delay: 0;            animation-delay: 0;    -webkit-animation-duration: 2s;            animation-duration: 2s;    -webkit-animation-timing-function: ease-in-out;            animation-timing-function: ease-in-out;    -webkit-animation-iteration-count: infinite;            animation-iteration-count: infinite; }  .ball-triangle-path > div {    -webkit-animation-fill-mode: both;            animation-fill-mode: both;    position: absolute;    width: 14px;    height: 14px;    border-radius: 100%;    border: 2px solid #63be43;}    .ball-triangle-path > div:nth-of-type(1) {      top: 50px; }    .ball-triangle-path > div:nth-of-type(2) {      left: 25px; }    .ball-triangle-path > div:nth-of-type(3) {      top: 50px;      left: 50px; }

/* head */
body{ padding-top:162px;}
.header{ background:#fff;  position: fixed; width: 100%; top: 0; left: 0; z-index: 9;}

.headertop{ background:#76be43; width:100%; height:40px;}
.headertop .headcontactbox{ float:right;}
.headertop .headcontactbox .row{ float:left; line-height:40px; color:#fff; font-family:"Arial","Microsoft Yahei"; font-size:13px; margin-right:50px; }
.headertop .headcontactbox .row:last-child{ margin-right:0;}
.headertop .headcontactbox .row i,
.headertop .headcontactbox .row span{ display:inline-block;}
.headertop .headcontactbox .row span{font-size:18px; font-weight:bold;} 
.headertop .headcontactbox .row i img{ margin-bottom:12px;}
.headertop .headcontactbox .row i{ margin-right:8px;}

.conheader{ min-height:120px; position:relative;}
.conheader .wrap{ position:relative;}
.conheader .logo{ float:left; width:280px; margin-top: 27px;  -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.conheader .logo a{ display:inline-block;}
.conheader .logo a img{max-width:100%; height:auto;}

.conheader .head-nav{ float:right; margin-right:150px;}
.conheader .head-nav ul li{ float:left;}
.conheader .head-nav ul li a{ display:inline-block; line-height:120px; padding:0 5px; font-family:"Microsoft Yahei","Arial"; font-size:15px; color:#8a8a8a; -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	position:relative;
}
.conheader .head-nav ul li a:after{ content:""; width:100%; height:4px; background:#ed161c; display:none; position:absolute; left:0; bottom:0;}
.conheader .head-nav ul li a:hover,
.conheader .head-nav ul li a.current{ background:#f5f5f5; color:#4d4d4d;} 
.conheader .head-nav ul li a:hover:after,
.conheader .head-nav ul li a.current:after{ display:block;} 

.conheader .btn-switch{ position:absolute; right:0; top:50%; width:134px; height:40px; border-radius:20px; background:#caccd2; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); }
.conheader .btn-switch ul li{ float:left; width:50%; height:100%; text-align:center;}
.conheader .btn-switch ul li a{ display:block; font-family:"Microsoft Yahei","Arial"; font-size:16px; color:#fff; line-height:40px; border-radius:20px;}
.conheader .btn-switch ul li a.current{ background:#76be43;}

.header.on{ 
    background: #fff;
	border-bottom: 3px solid #76BE43;
}
.header.on .conheader{ height:70px; min-height:auto;}
.header.on .conheader .logo{ float: left; width: 230px; margin-top: 12px;}
.header.on .conheader .head-nav ul li a{ line-height:70px;}
.header.on .conheader .head-nav ul li a:hover:after,
.header.on .conheader .head-nav ul li a.current:after{ bottom:-4px;}



















/* index */
.indexbanner{ width:100%; max-height:850px; min-width:1280px; position:relative; overflow:hidden;}
.indexbanner ul li{ float:left; position:relative;}
.indexbanner ul li img{max-width:100%; height:auto;}

.indexbanner .flex-control-nav{ position:relative; bottom:40px; left:0; width:100%; text-align:center; z-index:2;}
.indexbanner .flex-control-nav li{ display:inline-block; margin-right:10px; }
.indexbanner .flex-control-nav li:last-child{ margin-right:0;}
.indexbanner .flex-control-nav li a{ display:block; width:12px; height:12px; background:none; border:2px solid #fff; border-radius:50%; text-indent:-999em; }
.indexbanner .flex-control-nav li a.flex-active,
.indexbanner .flex-control-nav li a:hover{ border:2px solid #ed161c; background:#ed161c;}

.indexbanner .flex-direction-nav{}
.indexbanner .flex-direction-nav li{ position:absolute; top:50%; z-index:2; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); text-indent:-999em; background:#2d3948;}
.indexbanner .flex-direction-nav li.flex-nav-prev{ left:0; border-radius:0 4px 4px 0; }
.indexbanner .flex-direction-nav li.flex-nav-next{ right:0; border-radius:4px 0 0 4px;}
.indexbanner .flex-direction-nav li a{ display:block; width:60px; height:60px;}

.indexbanner .flex-direction-nav li.flex-nav-prev a{background:url(grayarrow1.png) no-repeat center;}
.indexbanner .flex-direction-nav li.flex-nav-next a{  background:url(grayarrow2.png) no-repeat center;}

.indexbanner .flex-direction-nav li.flex-nav-prev a:hover{background:url(whitearrow1.png) no-repeat center;}
.indexbanner .flex-direction-nav li.flex-nav-next a:hover{background:url(whitearrow2.png) no-repeat center;}

.indexbanner .flex-direction-nav li:hover{ background:#76be43;}

.indexbanner .bannerTxt{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; text-align:center; color:#fff;}
.indexbanner .bannerTxt h1{ display:block; font-size:80px; line-height:120px; font-family:"FZLTXHK","Microsoft Yahei","Arial";}
.indexbanner .bannerTxt a{ display:inline-block; font-size:24px; line-height:46px; padding:0 30px; border-radius:20px; background:#ed161c; color:#fff; font-family:"Microsoft Yahei","Arial"; margin: 15px 0 5px;}
.indexbanner .bannerTxt a:hover{ background:#76be43;}
.indexbanner .bannerTxt p{ display:block; font-size:18px; line-height:20px; font-family:"AvantGardecebook","Microsoft Yahei","Arial"; position:relative;}
.indexbanner .bannerTxt p:after{content:""; width:30px; height:5px; background:#fff; margin:40px auto 0;}


.indexservice{ padding:70px 0 0; position:relative;}
.contopTit{ padding:80px 0; text-align:center;}
.contopTit h1{ font-size:40px; line-height:40px; font-family:"AvantGardecebook","Microsoft Yahei","Arial";/*  color:rgba(0,0,0,0.4); */color:#373737; }
.contopTit h2{ font-size:32px; line-height:40px; font-family:"Microsoft Yahei","Arial"; color:#373737; margin:10px 0; position:relative;}
.contopTit h2:after{ content:""; width:30px; height:5px; background:#76be43; margin:20px auto 0;}

.sertabBox{}
.sertabBox .sertabMenu{ width:100%; height:auto;}
.sertabBox .sertabMenu .wrap{ height:100%;}
.sertabBox .sertabMenu ul{ width:100%; height:100%; }
.sertabBox .sertabMenu ul li{ float:left; width:20%; height:214px; text-align:center;  cursor:pointer; position:relative; margin-bottom:60px; padding:5px;}
.sertabBox .sertabMenu ul li .cssTable{ border-radius:6px;}
.toptriangle{ width:41px; height:20px; left: 50%; bottom:-61px; position: absolute; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); display:none; }




.sertabBox .sertabMenu ul li:hover .cssTable,
.sertabBox .sertabMenu ul li.current .cssTable{ background:#76be43; } 
.sertabBox .sertabMenu ul li:hover h1,
.sertabBox .sertabMenu ul li.current h1{color:#fff;} 
.sertabBox .sertabMenu ul li:hover small,
.sertabBox .sertabMenu ul li.current small{ color:rgba(255,255,255,0.5);}

.sertabBox .sertabMenu ul li.current .toptriangle{ display:block;}

.sertabBox .sertabMenu ul li i{ display:block; margin:28px auto;}
.sertabBox .sertabMenu ul li h1{ font-family:"Microsoft Yahei","Arial"; color:#4d4d4d; font-size:24px; line-height:24px; margin:5px 0; }
.sertabBox .sertabMenu ul li small{ display:block; font-family:"AvantGardecebook","Microsoft Yahei","Arial"; color:#rgba(77,77,77,0.5); font-size:15px; line-height:20px; }

.sertabBox .sertabMenu ul li i.i1{ width:104px; height:60px; background:url(icon-g1.png) no-repeat center;}
.sertabBox .sertabMenu ul li i.i2{ width:70px; height:70px; background:url(icon-g2.png) no-repeat center;}
.sertabBox .sertabMenu ul li i.i3{ width:70px; height:70px; background:url(icon-g3.png) no-repeat center;}
.sertabBox .sertabMenu ul li i.i4{ width:70px; height:70px; background:url(icon-g4.png) no-repeat center;}
.sertabBox .sertabMenu ul li i.i5{ width:43px; height:70px; background:url(icon-g5.png) no-repeat center;}

.sertabBox .sertabMenu ul li:hover i.i1,
.sertabBox .sertabMenu ul li.current i.i1{ width:104px; height:60px; background:url(icon-w1.png) no-repeat center;} 
.sertabBox .sertabMenu ul li:hover i.i2,
.sertabBox .sertabMenu ul li.current i.i2{ width:70px; height:70px; background:url(icon-w2.png) no-repeat center;} 
.sertabBox .sertabMenu ul li:hover i.i3,
.sertabBox .sertabMenu ul li.current i.i3{ width:70px; height:70px; background:url(icon-w3.png) no-repeat center;} 
.sertabBox .sertabMenu ul li:hover i.i4,
.sertabBox .sertabMenu ul li.current i.i4{ width:70px; height:70px; background:url(icon-w4.png) no-repeat center;} 
.sertabBox .sertabMenu ul li:hover i.i5,
.sertabBox .sertabMenu ul li.current i.i5{ width:43px; height:70px; background:url(icon-w5.png) no-repeat center;} 

.sertabBox .sertabMain{ background:#f5f5f5; width:100%; height:auto; text-align:center;box-shadow: 0 0 20px #DADADA inset;}
.sertabBox .sertabMain .conserblock{ padding:20px 0;}
.sertabBox .sertabMain .conserblock ul{}
.sertabBox .sertabMain .conserblock ul li{ display:inline-block; margin:10px 5px; padding:7px 0; }
.sertabBox .sertabMain .conserblock ul li a{ display:inline-block; font-family:"Microsoft Yahei","Arial"; color:#777777; font-size:16px; line-height:20px; padding:3px 25px; border-right: 1px solid #76BE43; cursor: context-menu;}
.sertabBox .sertabMain .conserblock ul li:last-child{padding:0; background: #fff;}
.sertabBox .sertabMain .conserblock ul li:last-child a{ border-right:none;  box-shadow: 0 0 6px #DADADA; border-radius: 5px; padding: 10px 25px; cursor:pointer;} 
.hide{ display:none;}
.hover{display:block;}
.sertabBox .sertabMain .conserblock ul li:last-child:hover{ color:#fff; background:#ed161c; box-shadow: 0 0 6px #DADADA; border-radius: 5px;} 
.sertabBox .sertabMain .conserblock ul li:last-child a:hover{ color:#fff; border-color:#ed161c;} 


.indexchoose{ padding: 70px 0 0; position:relative;}
.indexchoose .conchoose{ position:relative;/*  height:600px; */ min-width:1280px;}
.indexchoose .conchoose ul li{ float:left; width:33.3333%; height:100%; }
.indexchoose .conchoose ul li a{ display:block; width:100%; height:100%; position:relative;}
.indexchoose .conchoose ul li a img{ max-width:100%; }
.chooseTxt{ position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
.chooseTxt i{ display:block;}
.chooseTxt i img{}
.chooseTxt h1{ font-family:"Microsoft Yahei","Arial"; color:#fff; font-size:24px; line-height:24px; margin:30px 0 2px; } 
.chooseTxt small{ display:block; font-family:"AvantGardecebook","Microsoft Yahei","Arial"; color:rgba(255,255,255,0.4); font-size:15px; line-height:20px; }
.indexchoose .conchoose ul li a:hover{ }

.svg-line{ position:absolute; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);} 
.svg-line path {
    -o-transition:2s;
    -ms-transition:2s;
    -moz-transition:2s;
    -webkit-transition:2s;
    transition:2s;
} 
.svg-line:hover path{stroke-dashoffset:0;} 
.svg-line2,
.svg-line3{ display:none;}

.indexCase{ padding:70px 0 0;}
.indexCase .sledeCaselist{ text-align:center; padding-bottom:260px;}
.indexCase .sledeCaselist .scrollimgbox{ position:relative; }
.indexCase .sledeCaselist .scrollimgbox ul{ position:relative; width:720px; height:200px; margin:0 auto 30px;}
.indexCase .sledeCaselist .scrollimgbox ul li{ position:absolute; background:#fff; width:0;height:0; top:146px; left:377px; z-index:0; cursor:pointer; overflow:hidden; border-radius:50%;}
.indexCase .sledeCaselist .scrollimgbox ul li img{width:100%;height:100%; vertical-align:top;}

.scrollimgbox .prev, 
.scrollimgbox .next{ display:inline-block; width:45px; height:45px; border-radius:6px; margin-right:10px; text-indent:-999em; position: absolute; bottom: -300px; left: 50%; cursor:pointer;}

.scrollimgbox .prev{ background:#caccd2 url(arrowleft01.png) no-repeat center; }
.scrollimgbox .next{ background:#caccd2 url(arrowright02.png) no-repeat center; }

.scrollimgbox .prev:hover{ background:#ed161c url(arrowright1-1.png) no-repeat center; }
.scrollimgbox .next:hover{ background:#ed161c url(arrowright2-2.png) no-repeat center; }



.scrollimgbox .prev{ left:45%; }
.scrollimgbox .next{ } 

.flexslideTxt{ width:1000px; margin:0 auto; height:auto; position:relative; }
.flexslideTxt .quote{ position:absolute; }
.flexslideTxt .leftquote2{ left:0; top:80px;}
.flexslideTxt .rightquote2{right:0; top:140px; }
.flexslideTxt ul li{ width:100%; float:left; text-align:center; position:relative;}

.flexslideTxt ul li h1{font-family:"Microsoft Yahei","Arial"; color:#4d4d4d; font-size:24px; line-height:24px;}
.flexslideTxt ul li h2{font-family:"Microsoft Yahei","Arial"; color:#7b7b7b; font-size:16px; line-height:24px; padding-bottom:20px; padding-top:5px;}
.flexslideTxt ul li p{font-family:"Microsoft Yahei","Arial"; color:#a4a4a4; font-size:16px; line-height:30px;}



.indexcontactus{ background:#222c37; padding:70px 0;}
.indexcontactus .contopTit h1{ color:#fff;}
.indexcontactus .contopTit h2{ color:#fff;}

.indexcontactus .incon-infobox{}
.indexcontactus .incon-infobox .in-detail{ float:left; font-family:"Arial","Microsoft Yahei"; width:45%; padding-right:30px;}
.in-detail h1{ font-size:22px; color:#fff; line-height:24px; position:relative;}
.in-detail h1:after{ content:""; width:20px; height:2px; background:#50575F; margin:40px 0 35px;}
.in-detail .row{ font-size:16px; color:#9fa6ac; line-height:20px; margin-bottom:10px;}
.in-detail .row .bl{ float:left; width:50%; margin-bottom:20px;}
.in-detail .row i{ display:inline-block; width:25px;}
.in-detail .row a{ display:inline-block; font-size:16px; color:#9fa6ac; line-height:20px;}
.in-detail .row a:hover{ color:#76be43;}
.in-detail .row span{ display:inline-block; font-size:16px; color:#69717b; line-height:20px;}

.sharebox{margin-top:35px;}
.sharebox{}
.sharebox a{display:inline-block; width:40px; height:40px; border-radius:50%; text-align:center; margin-right:10px; background:#2f3843; color:#82888e; font-size:20px; position:relative;}
.sharebox a .tip{ position: absolute; top: 120%; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); font-size: 14px; width: 260px; font-family: "Arial","Microsoft Yahei"; display:none; margin-left:50px;}
.sharebox a:hover .tip,
.contact-detail .sharebox a:hover .tip{ display:block; color:#fff;}
.sharebox a:hover{ background:#ee1d23; color:#fff;}
.sharebox a i{ display:inline-block; padding-top:10px;}

.indexcontactus .incon-infobox .f-right{ float:right; width:55%;}

.foot-subscribe{ padding-bottom:50px;}
.foot-subscribe h1{ font-size: 22px; color: #fff; line-height: 24px; position: relative; font-family: "Microsoft Yahei","Arial"; padding-bottom: 25px;}
.foot-subscribe h2{font-size: 16px; color: #69717b; line-height: 20px; position: relative; font-family: "Microsoft Yahei","Arial"; padding-bottom: 15px;}
.foot-subscribe .foot-form{ position:relative; width:100%; padding-right:200px; }
.foot-subscribe .foot-form input{ width:100%; height:60px; line-height:35px; display:block; padding:10px 20px; background:#4B545D; border-style:none; font-size: 16px; color: #fff; font-family: "Microsoft Yahei","Arial";}
.foot-subscribe .foot-form button{ width:200px; height:60px; line-height:60px; background:#1B242D; text-align:center; font-size: 22px; color: #fff; font-family: "Microsoft Yahei","Arial"; position:absolute; right:0; top:0; border-style:none; cursor:pointer;}

.foot-subscribe .foot-form input[type="text"]:focus,.foot-subscribe .foot-form  input[type="password"]:focus, textarea:focus, select:focus { outline:none; }
.foot-subscribe .foot-form input::-webkit-input-placeholder,.foot-subscribe .foot-form  textarea::-webkit-input-placeholder { color:#626B74; }
.foot-subscribe .foot-form input:-ms-input-placeholder,.foot-subscribe .foot-form  textarea:-ms-input-placeholder { color:#626B74; }
.foot-subscribe .foot-form input::-moz-placeholder,.foot-subscribe .foot-form  textarea::-moz-placeholder { color:#626B74; }
.foot-subscribe .foot-form input:-moz-placeholder,.foot-subscribe .foot-form  textarea:-moz-placeholder { color:#626B74; }

.indexcontactus .incon-infobox .f-right .block{ float:left; margin-right:45px; }
.indexcontactus .incon-infobox .f-right .block:last-child{ margin-right:0;}
.indexcontactus .incon-infobox .f-right .block a{ display:block; text-align:center;  }
.indexcontactus .incon-infobox .f-right .block a img{ display:block;}
.indexcontactus .incon-infobox .f-right .block a p{ background:#fff; font-size:16px; color:#000; font-family:"Microsoft Yahei","Arial"; padding-bottom:10px; line-height:20px;}

/* footer */
.footer{ background:#1b232c; width:100%;}
.footer .designed{ float:right; font-size:14px; color:#69717b; font-family:"Arial","Microsoft Yahei"; line-height:20px; padding:15px 0; margin-left:50px; }
.footer .designed a{display:inline-block; color:#69717b;}
.footer .designed a:hover{ color:#76BE43;}
.footer .copyright{ float:right; font-size:14px; color:#69717b; font-family:"Arial","Microsoft Yahei"; line-height:20px; padding:15px 0; }

/* 固定在右边的分享框 */
.fixedRight{ position:fixed; right:0; bottom:100px; background:#a8aaaf; width:60px; height:auto; border-radius:4px 0 0 4px; text-align:center; color:#fff; z-index:9;}

.fixedRight i{display:block; height:100%; line-height:60px;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-size:20px;}
.fixedRight i:hover{ font-size:26px; }


.fixedRight .btnshare{ width:100%; height:60px; cursor:pointer;}
.fixedRight .btnshare:hover{ background:#76be43; border-radius:4px 0 0 4px; }
.fixedRight .rightsharelist{ display:none;}
.fixedRight .rightsharelist ul li{ width:100%; height:60px;}
.fixedRight .rightsharelist ul li a{ color:#fff;}
.fixedRight .rightsharelist ul li.li1{ background:#5194d0;}
.fixedRight .rightsharelist ul li.li2{ background:#ee1d23;}
.fixedRight .rightsharelist ul li.li3{ background:#76be43;}
.fixedRight .rightsharelist ul li.li4{ background:#5a83c0;}
.fixedRight .rightsharelist ul li.li5{ cursor:pointer; }
.fixedRight .rightsharelist ul li.li5:hover{  background:#76be43; border-radius:0 0 0 4px; }


/* about us */
.conTopbanner{ width:100%; height:560px; position:relative; }
.conTopbanner .leftTit{ width:50%; height:100%; background:#27323e; position:absolute; top:0; left:0;}
.conTopbanner .rightimg{ width:50%; height:100%; position:absolute; top:0; right:0; overflow:hidden;}

.conTopbanner .conicon{ margin:25px 0;}
.conTopbanner h1{ font-size:50px; color:#fff; font-family:"Microsoft Yahei","Arial"; line-height:50px; padding:10px 0; }
.conTopbanner h2{font-size:40px; color:rgba(255,255,255,1); font-family:"AvantGardecebook","Arial"; line-height:40px;}
.conTopbanner h2:after{ content:""; width:40px; height:5px; background:#76be43; margin-top:50px;}

.conTopbanner .wrap{ position:relative; height:100%;}

.arrowdown{ position:absolute; width:50px; height:50px; background:#ec050d; border-radius:50%; bottom:-25px; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -mos-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0);}
.arrowdown a{ display:block; text-align:center; font-size:30px; color:#fff; }
.arrowdown a i{ display:block; line-height:50px;}

.aboutusblock{ width:100%; height:795px; position:relative;}
.aboutusblock .wrap{ height:100%;}
.aboutusblock .aboutleft{ float:left; width:50%; height:100%; position:relative;}
.aboutusblock .aboutleft .bgmap{ position:absolute; width:580px; height:285px; background:url(bgmap1.png) no-repeat center; right:60px; top:300px;}
.aboutusblock .aboutright{ float:right; width:50%; height:100%; position:relative;}
.aboutusblock .aboutright h1{ font-size:32px; color:#373737; font-family:"Microsoft Yahei","Arial"; line-height:32px; }
.aboutusblock .aboutright h1:after{  content:""; width:40px; height:5px; background:#76be43; margin:30px 0;}
.aboutusblock .aboutright p{  font-size:16px; color:#7b7b7b; font-family:"Microsoft Yahei","Arial"; line-height:25px; padding:15px 0; }

.smallbotbox{ position:absolute; width:22px; height:22px; border-radius:50%; border:1px solid #76be43; right: 85px; bottom: 52px;}
.smallinnerdot{ position:absolute; width:8px; height:8px; border-radius:50%; background:#76be43; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);}
.smallbotbox:before{ content:""; width:1px; background:#e5e5e5; height:70px; top: -72px; position: absolute; left: 10px;}
.mapicon{ position:absolute; width:15px; height:20px; background:url(mapicon.png) no-repeat center; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);}
.bigdotbox{ position:absolute; width:80px; height:80px; right: 55px; top: 70px; }
.bigdotbox i{ position:inherit; top:0; top:0; width:inherit; height:inherit; border-radius:50%; background:rgba(118,190,67,1);
	-webkit-animation:mapCircle 2s linear 2s infinite backwards;
	-moz-animation:mapCircle 2s linear 2s infinite backwards;
	-ms-animation:mapCircle 2s linear 2s infinite backwards;
	-o-animation:mapCircle 2s linear 2s infinite backwards;
	animation:mapCircle 2s linear 2s infinite backwards;}

.bigdotbox i:nth-child(1) {
	-webkit-animation:mapCircle 2s linear 1s infinite backwards;
	-moz-animation:mapCircle 2s linear 1s infinite backwards;
	-ms-animation:mapCircle 2s linear 1s infinite backwards;
	-o-animation:mapCircle 2s linear 1s infinite backwards;
	animation:mapCircle 2s linear 1s infinite backwards;
}
.bigdotbox i:nth-child(2) {
	-webkit-animation:mapCircle 3s linear 1s infinite backwards;
	-moz-animation:mapCircle 3s linear 1s infinite backwards;
	-ms-animation:mapCircle 3s linear 1s infinite backwards;
	-o-animation:mapCircle 3s linear 1s infinite backwards;
	animation:mapCircle 3s linear 1s infinite backwards;
}
.bigdotbox i:nth-child(3) {
	-webkit-animation:mapCircle 4s linear 1s infinite backwards;
	-moz-animation:mapCircle 4s linear 1s infinite backwards;
	-ms-animation:mapCircle 4s linear 1s infinite backwards;
	-o-animation:mapCircle 4s linear 1s infinite backwards;
	animation:mapCircle 4s linear 1s infinite backwards;
}


@-webkit-keyframes mapCircle {
	0% { -webkit-transform:scale(0,0); background:rgba(118,190,67,1); }
	50% { -webkit-transform:scale(0.5,0.5); background:rgba(118,190,67,0.5); }
	100% { -webkit-transform:scale(1,1); background:rgba(118,190,67,0);  }
}

@-moz-keyframes mapCircle {
	0% { -moz-transform:scale(0,0); background:rgba(118,190,67,1); }
	50% { -moz-transform:scale(0.5,0.5); background:rgba(118,190,67,0.5); }
	100% { -moz-transform:scale(1,1); background:rgba(118,190,67,0);  }
}

@-ms-keyframes mapCircle {
	0% { -ms-transform:scale(0,0); background:rgba(118,190,67,1); }
	50% { -ms-transform:scale(0.5,0.5); background:rgba(118,190,67,0.5); }
	100% { -ms-transform:scale(1,1); background:rgba(118,190,67,0);  }
}

@-o-keyframes mapCircle {
	0% { -o-transform:scale(0,0); background:rgba(118,190,67,1); }
	50% { -o-transform:scale(0.5,0.5); background:rgba(118,190,67,0.5); }
	100% { -o-transform:scale(1,1); background:rgba(118,190,67,0);  }
}
@keyframes mapCircle {
	0% { transform:scale(0,0); background:rgba(118,190,67,1); }
	50% { transform:scale(0.5,0.5); background:rgba(118,190,67,0.5); }
	100% { transform:scale(1,1); background:rgba(118,190,67,0);  }
}
.greenborder{ font-size:18px; font-family:"Microsoft Yahei","Arial"; color:#ec050d; padding:10px 25px; border:3px solid #76be43; display:inline-block; position:relative; margin-top:40px;}
.rightquote{ position:absolute; width:30px; height:30px; background:#fff url(rightquote.png) no-repeat center; right: -15px; top: -15px;}

.about-serbox{ position:relative; width:100%; height:1417px;}
.about-serbox .bg-top{ position:absolute; width:100%; height:745px; background:#27323e; left:0; top:0; }
.about-serbox .bg-bottom{ position:absolute; width:100%; height:670px; background:#fff;  left:0; bottom:0; } 
.about-serbox .wrap{ position:relative; padding:150px 0;}
.about-serbox .topTit{ text-align:center;}
.about-serbox .topTit h1{  font-size:32px; font-family:"Microsoft Yahei","Arial"; color:#fff; line-height:40px;}
.about-serbox .topTit h1:after{ content:""; width:40px; height:3px; margin:30px auto; background:#76be43;}
.about-serbox .conBlock{ margin:50px 0;}
.about-serbox .conBlock .leftblock{ float:left; width:65%;}
.about-serbox .conBlock .rightblock{ float:right; width:35%;}

.about-serbox .conBlock .leftblock .left{ float:left; width:50%; height:472px;}
.about-serbox .conBlock .leftblock .right{ float:right; width:50%; height:472px;}
.about-serbox .conBlock .img{ overflow:hidden;  height:472px;}
.about-serbox .conBlock .img img{ width:100%; height:100%; }
.about-serbox .conBlock .leftblock .block1 .article{ background:#83cf4d;}
.about-serbox .conBlock .leftblock .block2 .article{ background:#76be43;}
.about-serbox .conBlock .rightblock .block3 .article{ background:#76be43; height:472px;}
.about-serbox .article{ position:relative; padding:10px 15px 5px 30px; font-family:"Microsoft Yahei","Arial";}
.about-serbox .article:before{ content:""; position:absolute; top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%);}
.about-serbox .conBlock .rightblock .block3 .article:before{ left:50%; top:-7px;   width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #76be43;}
.about-serbox .block1 .article:before{ left:-15px;  width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 15px solid #83cf4d;
    border-bottom: 15px solid transparent;}
.about-serbox .block2 .article:before{ right:-15px;  width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid #76be43;
    border-bottom: 15px solid transparent;}
.about-serbox .article h1{ font-size:28px; color:#fff; padding:25px 0 0; } 
.about-serbox .article h1:after{  content:""; width:40px; height:3px; background:rgba(255,255,255,0.7); margin-top:15px;}
.about-serbox .article p{ font-size:16px; color:rgba(255,255,255,0.6); padding:25px 0; }
.about-serbox .block1 .article ul{ padding-top:20px; }
.about-serbox .article ul li{ font-size:16px; color:rgba(255,255,255,0.6); line-height:20px; padding:5px 0 5px 20px; position:relative;}
.about-serbox .article ul li:before{ content:""; width:6px; height:6px; background:rgba(255,255,255,0.6); border-radius:50%; left:0; top:15px; position:absolute; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); }
.about-serbox .block2 .article h1:after{ background:rgba(255,255,255,0.2);}
.about-serbox .block3 .article h1:after{ background:rgba(255,255,255,0.2);}

/* 教育 */
.educationContainer{ padding:100px 0;}
.educationCate{ padding:50px 0;}
.educationCate .eduName{ float:left; width:240px; }
.educationCate .eduName .imgbox{ width:160px; height:160px; border-radius:50%; text-align:center; background:#caccd2;}
.educationCate .eduContent{ width:100%; padding-left:240px; position:relative;}
.educationCate .eduContent .eduInfo{  height:160px;   position:relative;}
.educationCate .eduContent .eduInfo .edugread{ float:left; width:290px; height:100%;}
.educationCate .eduContent .eduInfo .edugread h1{  font-size:24px; font-family:"Microsoft Yahei","Arial"; color:#4d4d4d; line-height:30px;}
.educationCate .eduContent .eduInfo .edugread h2{  font-size:15px; font-family:"AvantGardecebook","Arial"; color:rgba(77,77,77,0.5); line-height:30px;}
.educationCate .eduContent .eduInfo .eduInfotxt{ width:100%; padding-left:290px; padding-right:130px; height:100%; font-size:15px; font-family:"Microsoft Yahei","Arial"; color:#7b7b7b; line-height:25px;}
.educationCate .eduContent .eduInfo .eduInfotxt p{ max-height:50px;  overflow:hidden; }

.educationCate .eduName .imgbox.on{ background:#76be43;}
.btnopreat{ position:absolute; right:0; top:50%;  transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); width:45px; height:45px; border:1px solid #E6E6E6; border-radius:50%; color:#CACCD2; font-size:30px; text-align:center; cursor:pointer;}
.btnopreat i{ display:block; line-height:45px;  transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;}
.btnopreat.on,
.btnopreat:hover{ background:#ed161c; color:#fff; border-color:#ed161c;}
.btnopreat.on i{-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); top:40%;}

.educationCate .eduContent .eduDetail{position:relative;}
.educationCate .eduContent .eduDetail .topline{ width:100%; height:1px; background:#E5E5E5; position:relative;}
.educationCate .eduContent .eduDetail .topline:before{ content:""; width:40px; height:5px; background:#76BE46; position: absolute; left: 0; top: -2px;}
.educationCate .eduContent .deuconarticle{ background:#f5f5f5; width:100%; height:auto; padding:10px 40px 60px 40px; display:none;}
.educationCate .eduContent .deuconarticle ul li{ width:100%; height:auto;  border-bottom:1px solid #DCDCDC;}  
.educationCate .eduContent .deuconarticle ul li .li-tit{ padding:25px 40px 25px 0; font-size:20px; font-family:"Microsoft Yahei","Arial"; color:#7b7b7b; line-height:34px; position:relative; }

.educationCate .eduContent .deuconarticle ul li .li-tit i{ display:block; width:40px; height:40px; text-align:center; line-height:40px; font-size:30px; color:#BDBDBD; position:absolute; right:0; top:50%;   transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); cursor:pointer;  transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;}
.educationCate .eduContent .deuconarticle ul li .li-tit.on i{ color:#ed161c;-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); top:40%;}

.educationCate .eduContent .deuconarticle ul li .li-article{  font-size:15px; font-family:"Microsoft Yahei","Arial"; color:#7b7b7b; line-height:34px; position:relative; padding-bottom:40px; display:none;}
.educationCate .eduContent .deuconarticle ul li .li-article p{padding:15px 0;}
.educationCate .eduContent .deuconarticle ul li .li-article dl{ padding:15px 0;}
.educationCate .eduContent .deuconarticle ul li .li-article dl dd{ position:relative; padding-left:20px; color:#7b7b7b; }
.educationCate .eduContent .deuconarticle ul li .li-article dl dd:before{ content:""; width:5px; height:5px; border-radius:50%; background:#CACCD2; left:0; top:50%; position:absolute;  transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); }
.educationCate .eduContent .deuconarticle ul li .li-article ul{ padding:15px 0 !important;}
.educationCate .eduContent .deuconarticle ul li .li-article ul li{ position:relative !important; padding-left:20px !important; color:#7b7b7b !important; border-bottom:none !important; }
.educationCate .eduContent .deuconarticle ul li .li-article ul li:before{ content:""; width:5px; height:5px; border-radius:50%; background:#CACCD2; left:0; top:50%; position:absolute;  transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); }

/* 联系我们 contact us */
.contactusblock{}
.contactusblock .formbox{ padding:150px 0;}
.contactusblock .formbox .topTit{ text-align: center;}
.contactusblock .formbox .topTit h1{font-size: 32px;
    font-family: "Microsoft Yahei","Arial";
    color: #4d4d4d;
    line-height: 40px;}
.contactusblock .formbox .topTit h1:after{content: "";
    width: 40px;
    height: 3px;
    margin: 30px auto;
    background: #76be43;}

.contactusblock .formbox form{ width:100%; height:auto;}
.contactusblock .formbox form .row{ width:33.3333%; float:left; padding-right:20px;}
.contactusblock .formbox form .row input{ width:100%; height:40px; line-height:40px; background:#f9f9f9; border:1px solid #F3F3F3; border-radius:4px; padding:0 25px; box-shadow: 0 0 2px #B7B4B4; margin:10px 0;  font-size:16px; font-family:"Microsoft Yahei","Arial"; color:#7b7b7b;}
.contactusblock .formbox form .block{ padding-right:20px; }
.contactusblock .formbox form textarea{ width:100%; height:180px; border-radius:4px; resize:none; padding:10px 25px; line-height:24px;  margin:10px 0; border:1px solid #F3F3F3; background:#f9f9f9; box-shadow: 0 0 2px #B7B4B4;   font-size:18px; font-family:"Microsoft Yahei","Arial"; color:#7b7b7b;}
.contactusblock .formbox form button{  font-size:18px; font-family:"Microsoft Yahei","Arial"; color:#fff; background:#caccd2; border-radius:20px; line-height:45px; width:240px; border-style:none; margin:70px auto 0; display: block; cursor:pointer; }
.contactusblock .formbox form button:hover{ background:#ec050d;}

.contactusblock .map-info{ width:100%; height:640px; }
.contactusblock .map-info .mapbox{ float:left; width:50%; height:100%; position:relative;}
.contactusblock .map-info .infobox{ float:left; width:50%; height:100%; position:relative; background:#76be43; padding:0 15px 0 90px;}

.mask{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.75); z-index:2;}

.contactusblock .map-info .infobox .contact-detail{ float:left; height:640px; font-family:"Microsoft Yahei","Arial";}
.contact-detail .in-detail h1{ font-size:24px; }
.contact-detail .in-detail h1:after{ background:#fff; width:30px; height:5px; }
.contact-detail .in-detail .row span{ color:#daf1c9; float:left;}
.contact-detail .in-detail .row{ color:#fff;}
.contact-detail .in-detail .row a{ color:#fff;}
.contact-detail .in-detail .row a:hover{ color:#db0a12;}
.contact-detail .in-detail .row .rightinfo{ padding-left:101px;}
.contact-detail .in-detail .row i{ float:left; }
.contact-detail .sharebox a{ background:none; border:1px solid #fff; color:#fff;}
.contact-detail .sharebox a:hover{ background:#fff; border:1px solid #fff; color:#76be43;}

.contactusblock .map-info .infobox .conerweima{ float:left; height:640px; margin:0 30px; } 
.contactusblock .map-info .infobox .conerweima a{ display:block; text-align:center; }
.contactusblock .map-info .infobox .conerweima a p{ background: #fff;
    font-size: 16px;
    color: #000;
    font-family: "Microsoft Yahei","Arial";
    padding-bottom: 10px;
    line-height: 20px;}

.contactusblock .map-info .mapbox{}
.contactusblock .map-info .mapbox .map{ height:100%; position:relative;}
.inneraddress{ position:absolute; top:50%; left:50%; width:412px; height:auto;  transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); z-index:3; margin-left: 35px; margin-top: -15px; }
.inneraddress .topmain{ width:100%; height:auto; background:#27323e; padding:40px 35px; border-radius:6px; position:relative;}
.inneraddress .topmain:after{ content:"";  width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #27323e;
	position: absolute;
    bottom: -20px;
    left: 50%;
	transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0)
	}

.inneraddress .topmain h1{ font-size:24px; color:#fff; font-family:"Arial","Microsoft Yahei"; line-height:34px; padding-bottom:12px;}
.inneraddress .topmain h2{ font-size:15px; color:rgba(255,255,255,0.3); font-family:"Arial","Microsoft Yahei"; line-height:20px;}

.inneraddress .downicon{ text-align:center; margin-top:35px;}
.inneraddress .downicon img{ display:block; margin:0 auto;}

/* 旅游 */
.tourblock{}
.tourblock .block1{ padding:80px 0 150px; }
.tourblock .conToptit{ text-align:center; padding:70px 0 150px;}
.tourblock .conToptit h1{ font-size: 32px;
    font-family: "Microsoft Yahei","Arial";
    color: #4d4d4d;
    line-height: 40px;}
.tourblock .conToptit h1:after{ content: "";
    width: 40px;
    height: 3px;
    margin: 30px auto;
    background: #76be43;}
.tourblock .campbox{}
.tourblock .campbox .campleft{float:left; width:50%; font-family: "Microsoft Yahei","Arial";}
.tourblock .campbox .campleft h1{ font-size:24px; line-height:30px; color:#7b7b7b; padding-bottom:10px;}
.tourblock .campbox .campleft p{ font-size:16px; line-height:28px; color:#7b7b7b; padding:5px;}
.tourblock .campbox .campleft .ulbox{ padding:15px 0;}
.tourblock .campbox .campleft ul li{ float:left; border-right:1px solid #E5E5E5; padding-right:25px;}
.tourblock .campbox .campleft ul li:last-child{ border-right:none; padding-right:0; padding-left:25px;}
.tourblock .campbox .campleft ul li span{ display:inline-block; font-size:40px; color:#000; font-family:"AvantGardecebook","Arial","Microsoft Yahei"; margin:0 3px;}
.tourblock .campbox .campleft ul li span i{ display:block; font-style:normal; font-size:14px; color:rgba(0,0,0,0.6); font-family:"Microsoft Yahei","Arial";}
.tourblock .campbox .campleft ul li span small{ display:inline-block; color:rgba(0,0,0,0.5); font-size:13px;}
.tourblock .campbox .campright{float:left; width:50%;} 
.tourblock .campbox .campright .flowbox{ width:490px; height:410px; border-radius:8px; border:1px solid #E5E5E5; padding:45px; margin-left:150px;}

.tourblock .campbox .campright .flowbox ul li{ position:relative; min-height:100px; margin-bottom:10px;}
.tourblock .campbox .campright .flowbox ul li .smallbotbox{ left:0; top:0;}
.tourblock .campbox .campright .flowbox ul li .smallbotbox:before{ top:22px; height:80px;} 
.tourblock .campbox .campright .flowbox ul li:last-child .smallbotbox:before{ display:none;}

.tourblock .campbox .campright .flowbox ul li .rightmainflow{ padding-left:50px; width:100%;}
.tourblock .campbox .campright .flowbox ul li .rightmainflow span{ display:block; font-size:35px; color:rgba(0,0,0,0.3); font-family:"AvantGardecebook","Arial"; line-height:40px;}
.tourblock .campbox .campright .flowbox ul li .rightmainflow p{ display:block; font-size:18px; color:#7b7b7b; font-family:"Microsoft Yahei","Arial"; line-height:30px; }

.tourblock .block2{ width:100%; height:738px; display:flex;  align-items:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center;}
.tourblock .block2 .leftimg{ float:left; width:50%; height:100%; overflow:hidden;}
.tourblock .block2 .rightTxt{ float:left; width:50%; height:100%; overflow:hidden; background:#76be43; font-family:"Microsoft Yahei","Arial"; padding:20px 80px; font-size:16px; color:#fff;}
.tourblock .block2 .rightTxt h1{ font-size:32px; color:rgba(255,255,255,1); line-height:40px; position:relative;}
.tourblock .block2 .rightTxt h1:after{ content:""; width:40px; height:5px; background:#fff; margin:35px 0;}
.tourblock .block2 .rightTxt h2{ font-size:24px; color:rgba(255,255,255,0.75); line-height:30px; }
.tourblock .block2 .rightTxt p{ font-size:16px; color:rgba(255,255,255,0.6); line-height:30px; margin:30px 0;}

.tourblock .block3{ padding:80px 0 150px;}
.tourblock .conToptit h2{ font-size:24px; color:#7b7b7b; line-height:30px; padding:0 0 15px 0;}
.tourblock .conToptit p{ font-size:16px; color:#7b7b7b; line-height:24px; padding-top:10px;}

.tourblock .routebox{ margin:80px 0 180px 0; width:100%; position:relative; }
.tourblock .routebox .outbox{ width:100%; position:relative; }
.tourblock .routebox .outbox .bgline{ overflow:hidden; position:absolute; left:0; top:0; }
.tourblock .routebox .outbox ul li{ width:100%; float:left;}
.tourblock .routebox .outbox .groupbox{ width:100%; padding:0 200px; } 

.groupbox .row{width:33.3333%; text-align:center; position:relative; float:left; height:1px;}
.groupbox .row .smallbotbox{ left:50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0);}
.groupbox .smallbotbox:before{ display:none;} 
.groupbox .num{ font-size:35px; color:rgba(0,0,0,0.35); font-family:"AvantGardecebook","Arial"; position:absolute; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); left: 50%; }
.groupbox .txt{ position:absolute; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); left: 50%; width:100%; }
.groupbox .txt h1{ font-size:20px; color:#7b7b7b; line-height:30px; font-family:"Microsoft Yahei","Arial";}
.groupbox .txt p{ font-size:15px; color:#7b7b7b; line-height:24px; font-family:"Microsoft Yahei","Arial";}
.groupbox .row:nth-of-type(odd) .txt h1{ padding-top:15px;}
.groupbox .row:nth-of-type(even) .txt h1{ padding-bottom:15px;}
.groupbox .row:nth-of-type(even) .num{top: -60px;}
.groupbox .row:nth-of-type(odd) .num{ top: 80px;}
.groupbox .row:nth-of-type(even) .txt{ top: 80px; }
.groupbox .row:nth-of-type(odd) .txt{ top: -150px;}

.outbox .flex-control-nav{ display:none;}

.outbox .flex-direction-nav{}
.outbox .flex-direction-nav li{ position:absolute; top:50%; z-index:2; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); text-indent:-999em; background:none; border:1px solid #E8E8E8; border-radius:50%; width:45px!important; height:45px; }
.outbox .flex-direction-nav li.flex-nav-prev{ left:0; }
.outbox .flex-direction-nav li.flex-nav-next{ right:0; }
.outbox .flex-direction-nav li a{ display:block; border-radius:50%; width:45px!important; height:45px; }

.outbox .flex-direction-nav li.flex-nav-prev a{background:url(arrowright1.png) no-repeat center;}
.outbox .flex-direction-nav li.flex-nav-next a{  background:url(arrowright2.png) no-repeat center;}

.outbox .flex-direction-nav li.flex-nav-prev a:hover{background:url(arrowright1-1.png) no-repeat center;}
.outbox .flex-direction-nav li.flex-nav-next a:hover{background:url(arrowright2-2.png) no-repeat center;}

.outbox .flex-direction-nav li:hover{ background:#ec050d; border-color:#ec050d;}

/* 培训 */
.trainingbox{ height:auto; padding:150px 0 200px; font-family: "Microsoft Yahei","Arial";}
.trainingbox .aboutright{ padding:80px; position:relative;}
.trainingbox .aboutright p{  }
.trainingbox .aboutright ul li{ position:relative; padding-left:20px; color:#7b7b7b; font-size:16px; line-height:30px; }
.trainingbox .aboutright ul li:before{ content: "";
    width: 6px;
    height: 6px;
    background: #caccd2;
    border-radius: 50%;
    left: 0;
    top: 12px;
    position: absolute; }

.questionicon{ position:absolute; right:50px; top:60px;}
.training-hsc{ width:100%; height:1000px; background:url(training2.jpg) no-repeat center; background-size:cover; padding:80px 0 150px; }
.training-hsc .conToptit { text-align: center; padding: 70px 0; }
.training-hsc .conToptit h1{font-size: 32px; font-family: "Microsoft Yahei","Arial"; color: #ffffff; line-height: 40px;}
.training-hsc .conToptit h2{font-size: 24px; font-family: "Microsoft Yahei","Arial"; color: rgba(255,255,255,0.9); line-height: 40px;}
.training-hsc .conToptit p{ font-size: 18px; font-family: "Microsoft Yahei","Arial"; color: rgba(255,255,255,0.6); line-height: 28px;}
.training-hsc .conToptit h1:after{ content: ""; width: 40px; height: 3px; margin: 30px auto; background: #76be43;}

.hsc-listbox{}
.hsc-listbox ul li{ float:left; width:340px; height:340px; border-radius:50%; text-align:center; position:relative; cursor:pointer; margin-right:120px;}
.hsc-listbox ul li.li1{ background:rgba(118,190,67,0.85);}
.hsc-listbox ul li.li2{ background:rgba(28,122,161,0.85);}
.hsc-listbox ul li.li3{ background:rgba(236,5,13,0.85); margin-right:0;}
.hsc-listbox h1{ font-size: 24px; font-family: "Microsoft Yahei","Arial"; color: rgba(255,255,255,1); line-height: 30px; padding:25px 0 5px;}
.hsc-listbox h2{ font-size: 15px; font-family: "AvantGardecebook","Arial"; color: rgba(255,255,255,0.3); line-height: 20px;}
.hsc-listbox p{ font-size: 15px; font-family: "Microsoft Yahei","Arial"; color: rgba(255,255,255,0.65); line-height: 25px; padding-top:10px;}

.hsc-detail{ position:absolute; top:0; left:0; width:100%; height:100%; padding:0 30px; display:none; border-radius:50%;}
.hsc-detail dl{ margin-bottom:-13px; margin-top:13px;}
.hsc-detail dl dd{font-size: 15px; font-family: "Microsoft Yahei","Arial"; color: rgba(255,255,255,0.65); line-height: 25px; }

.hsc-listbox ul li:hover .breif{ display:none;}
.hsc-listbox ul li:hover .hsc-detail{ display:block;}


/* 投资investmentblock */
.investmentblock{ padding:150px 0;
	font-size: 16px;
    color: #7b7b7b;
    font-family: "Microsoft Yahei","Arial";
    line-height: 30px;  
}
.investmentblock .row{ width:100%; height:550px; margin-bottom:80px;}
.investmentblock .investmentimgbox{ float:left; width:50%; height:100%; overflow:hidden;}
.investmentblock .investmenttxtbox{ float:left; width:50%; height:100%; position:relative; color:#7b7b7b; }
.investmentblock .investmenttxtbox h1{font-size: 32px; font-family: "Microsoft Yahei","Arial"; color:#4d4d4d; line-height: 40px; position:relative; padding:40px 0 30px;}
.investmentblock .investmenttxtbox p{font-size: 16px; font-family: "Microsoft Yahei","Arial"; color:#7b7b7b; line-height: 26px; padding-bottom:40px!important; }
.investmentblock .investmenttxtbox h1:after{ content:""; width:40px; height:4px; background:#76be43; margin-top:30px;}
.investmentblock .investmenttxtbox .article{ max-height:215px; overflow:hidden;}

.investmentblock .investmenttxtbox .nummber{ position:absolute; top:190px;}
.investmentblock .investmenttxtbox .more{ position:absolute; bottom:-80px; width:80px; height:80px;  }
.investmentblock .investmenttxtbox .more a{ display:block; width:100%; height:100%; text-align:center; color:#fff; background:#caccd2; font-size:30px; }
.investmentblock .investmenttxtbox .more a i{ display:block; width:100%; height:100%; line-height:80px; } 
.investmentblock .investmenttxtbox .more a:hover{ background:#ec050d;}

.investmentblock .row:nth-of-type(odd) .investmenttxtbox{ padding:80px 0 80px 80px;}
.investmentblock .row:nth-of-type(odd) .investmenttxtbox .nummber{ right:0; }
.investmentblock .row:nth-of-type(odd) .investmenttxtbox .more{ left:0; }
.investmentblock .row:nth-of-type(even) .investmenttxtbox .nummber{ right:80px; }
.investmentblock .row:nth-of-type(even) .investmenttxtbox .more{ right:0; }
.investmentblock .row:nth-of-type(even) .investmenttxtbox{ padding:80px 80px 80px 0;}

/* 移民签证 */
.inmigrationVisabox{}
.inmigrationVisabox .visabox{}
.inmigrationVisabox .visabox .visaMenubox{}
.inmigrationVisabox .visabox .visaMenubox ul li{ float:left; width:20%; text-align:center; font-size: 16px; font-family: "Microsoft Yahei","Arial"; color:#8a8a8a; line-height: 25px; padding:35px 0; cursor:pointer;border-bottom:3px solid #fff;}

.inmigrationVisabox .visabox .visaMenubox ul li:hover,
.inmigrationVisabox .visabox .visaMenubox ul li.current{ border-bottom:3px solid #76be43;}

.inmigrationVisabox .visabox .visacontent{background: #f5f5f5;
    width: 100%;
    height: auto;
    text-align: center;
    box-shadow: 0 0 20px #DADADA inset;}

.inmigrationVisabox .visabox .visacontent .visarow{ text-align:center; padding: 20px 0;}
.inmigrationVisabox .visabox .visacontent .visarow ul li{ display:inline-block; margin: 10px 5px;}
.inmigrationVisabox .visabox .visacontent .visarow ul li a{ display: inline-block;
    background: #fff;
    font-family: "Microsoft Yahei","Arial";
    color: #777777;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 25px;
    box-shadow: 0 0 6px #DADADA;
    border-radius: 5px;}
.inmigrationVisabox .visabox .visacontent .visarow ul li a:hover,
.inmigrationVisabox .visabox .visacontent .visarow ul li a.on{ color:#fff; background:#ed161c;}
.inmigrationVisabox .visabox .visacontent .visarow.hover{ display:block;}
.visamainbox{ padding:35px 0 150px;}
.visamainbox h1{ padding:45px 0; font-size: 32px; font-family: "Microsoft Yahei","Arial"; color:#4d4d4d; line-height: 40px; }

.visamainbox .leftInfobox{ float:left; width:50%; padding-right:20px;}
.contop{ width:100%; background:#f5f5f5; padding:0 40px; height:80px; line-height:80px; border-radius:8px 8px 0 0;}
.contop h2{  font-size: 24px; font-family: "Microsoft Yahei","Arial"; color:#4d4d4d;}
.conmain{ height:540px; padding:40px; border:1px solid #EBEBEB; border-radius:0 0 8px 8px; }
.visamainbox .leftInfobox .conmain .innerconmain{ width:100%; height:100%; font-size:15px; color:#777; line-height:28px; font-family: "Microsoft Yahei","Arial"; padding-right:30px; }
.visamainbox .leftInfobox .conmain .innerconmain p{ padding-bottom:40px;  }
.visamainbox .leftInfobox .conmain .innerconmain ul{ padding-bottom:40px;  }
.visamainbox .leftInfobox .conmain .innerconmain ul li{ padding-left:20px; position:relative;}
.visamainbox .leftInfobox .conmain .innerconmain ul li:before{ content: "";
    width: 6px;
    height: 6px;
    background:#caccd2;
    border-radius: 50%;
    left: 0;
    top: 12px;
    position: absolute;
	}
.visamainbox .leftInfobox .conmain{ position:relative;}
.visamainbox .leftInfobox .conmain .scrollBox{ position: relative; overflow: hidden; height: 100%;}
.visamainbox .leftInfobox .conmain .innerconmain span{ display:block;}
.visamainbox .leftInfobox .conmain .innerconmain a{ color:#777;}
.visamainbox .leftInfobox .conmain .innerconmain a:hover{ text-decoration:underline;}
.visamainbox .rightrequirebox{ float:right; width:50%; padding-left:20px;}
.visamainbox .rightrequirebox .conmain{ font-size: 15px; font-family: "Microsoft Yahei","Arial"; color:#777; line-height:28px;}

.visamainbox .rightrequirebox .conmain span{ padding-bottom:35px; display:block;}
.visamainbox .rightrequirebox .conmain p{ color:#777; padding-bottom:35px;}
.visamainbox .rightrequirebox .conmain ul{ padding-bottom:35px;}
.visamainbox .rightrequirebox .conmain ul li{ padding-left:20px; position:relative;}
.visamainbox .rightrequirebox .conmain ul li:before{content: "";
    width: 6px;
    height: 6px;
    background:#caccd2;
    border-radius: 50%;
    left: 0;
    top: 12px;
    position: absolute; }
.merryrequire{ height:400px; overflow:hidden; position:relative; padding-right:40px;}
.merryrequire .ps-scrollbar-x-rail { display: none!important; }
.merrybtn .row{  display:inline-block; margin-right:10px;}
.merrybtn a{ display:block; padding:12px 20px; font-size: 18px; font-family: "Microsoft Yahei","Arial"; color:#fff; line-height:20px; background:#caccd2; border-radius:4px;}
.merrybtn a:hover{ background:#76be43;}



.innerconmain .ps-scrollbar-x-rail{ display:none!important;} 



/* 申请流程弹框 */
.outpopbox{ position:fixed; width:100%; height:100%; padding:100px; background:rgba(0,0,0,0.5); top:0; left:0; display:none; z-index:10;}
.outpopbox.on{ display:block;}
.outpopbox .close{ position:absolute; right:30px; top:30px; font-size:40px; color:#fff; cursor:pointer; }
.innerpopbox{ width:100%; height:100%; background:#fff; font-size: 14px; font-family: "Microsoft Yahei","Arial"; color:#777; line-height:22px; border-radius:8px; padding:40px; overflow:hidden; position:relative;}
.innerpopbox h1{ text-align:center; font-size:18px; padding:10px 0 30px 0; }
.innerpopbox .article{ width:100%; height:100%; overflow:hidden; padding-right:40px;}
.innerpopbox .ps-scrollbar-x-rail{ display:none!important;}
.outpopbox .scrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
}


/* 响应式 by merry at 2016-05-10 */
@media (max-width: 1700px){
	.contactusblock .map-info .infobox{ padding:0 195px 0 30px;}
	.contactusblock .map-info .infobox .conerweima{ position:absolute; right:15px; margin:0;}
	.conheader .head-nav ul li a{ font-size:14px;}
}
@media (max-width: 1600px){
	.svg-line2{ display:block;}
	.svg-line1{ display:none;}
}

@media (max-width: 1440px){   
}
@media (max-width: 1300px){ 
	.wrap{ width:100%; padding:0 10px;}
	body{ padding-top:142px;}
	
	.conheader{ min-height:100px;}
	.conheader .logo{ width:260px;}
	.conheader .head-nav{ margin-right:130px;}
	.conheader .head-nav ul li a{ padding:0 5px; line-height: 100px;}
	.conheader .btn-switch{ width:100px;}
	
	.indexbanner{ min-width:auto; width:100%;} 
	
	.indexchoose .conchoose{ min-width:auto; width:100%;}
	
	.indexcontactus .incon-infobox .f-right .block{ width:160px;}
	.indexcontactus .incon-infobox .f-right .block a img{ max-width:100%;}
	
	
	.about-serbox .conBlock .img img{ width:auto; max-width:100%;}
	
	.contactusblock .map-info .infobox .conerweima{ width:150px; }
	.contactusblock .map-info .infobox .conerweima a img{ max-width:100%;}
	
	.hsc-listbox{ text-align:center;}
	.hsc-listbox ul li{ float:none; display:inline-block; margin-right:60px;}
	
	.tourblock .campbox .campright{ padding-left:50px;}
	.tourblock .campbox .campright .flowbox{ width:100%; margin-left:0;}
	.tourblock .routebox .outbox .bgline img{ max-width:100%;}
	.groupbox .row:last-child .smallbotbox{ bottom:-28px!important;}
}
@media (max-width: 1200px){
	.svg-line2{ display:none;}
	.svg-line3{ display:block;}
	
	.conheader .logo{ width:190px;}
	.conheader .head-nav { margin-right: 100px; }
	.conheader .head-nav ul li a{ font-size:14px;}
	.indexbanner .bannerTxt h1{ font-size:60px;}
	
	.indexservice{ padding:0;} 
	.sertabBox .sertabMenu ul li h1{ font-size:20px;}
	
	.flexslideTxt{ width:100%; padding:0 20px;}
	
	.indexcontactus .incon-infobox .f-right .block{ width:140px;}
	
	.about-serbox .wrap{ padding:100px 0;}
	.about-serbox{ height:auto;}
	
	 
	
	.hsc-listbox ul li{ margin-right:20px;}
	.training-hsc{ padding:0;}
	.training-hsc .conToptit{ padding:60px 0 30px;}
	
	.aboutusblock .aboutleft img{ max-width:100%;}
	.trainingbox .aboutright{ padding:20px;}
	
	.tourblock .routebox .outbox .groupbox{ padding:0 100px;}
	.groupbox .row:nth-of-type(1) .smallbotbox{ bottom:-25px!important;} 
	.groupbox .row:nth-of-type(3) .smallbotbox{ bottom:-42px!important;}
	.groupbox .row:nth-of-type(odd) .txt{ top:-90px;}
	.groupbox .txt p{ line-height:20px;}
}
@media (max-width: 1100px){
	.conheader .head-nav ul li a{ padding:0 5px; font-size:12px;}
}
@media (max-width: 1024px){
	.groupbox .row:nth-of-type(1) .smallbotbox{ bottom:-28px!important;} 
	.groupbox .row:nth-of-type(3) .smallbotbox{ bottom:-35px!important;}
}



/* 页面新增版块 by merry at 2016-07-21 */

.newtrainblock{ padding:100px 0 80px;}
.newtrainblock .block{ position:relative; margin-bottom:150px;}
.newtrainblock .block:last-child{ margin-bottom:0;}

.newtrainblock .block1{ padding-left:480px; }
.newtrainblock .block1 .txt{ left:0; padding-right:120px;}

.newtrainblock .block2{ padding-right:480px; }
.newtrainblock .block2 .txt{ right:0; padding-left:120px; padding-right:50px;}

.newtrainblock .block3 .txt ul{ padding:30px 0 35px; }

.newtrainblock .block .txt{ width:480px; position:absolute; top:0; padding-top:40px;}
.newtrainblock .block .img{ overflow:hidden; width:100%; }
.newtrainblock .block .img img{ display:block; max-width:100%;}


.newtrainblock .block .txt article{ padding:20px 0;}
.newtrainblock .block .txt h1{ font-size:32px; color:#373737; font-family:"Microsoft Yahei","Arial"; line-height:32px; }
.newtrainblock .block .txt h1:after{  content:""; width:40px; height:5px; background:#76be43; margin:20px 0;}
.newtrainblock .block .txt p{  font-size:16px; color:#7b7b7b; font-family:"Microsoft Yahei","Arial"; line-height:30px; padding:15px 0; height:293px; overflow:hidden; }

.newtrainblock .block .txt ul{}
.newtrainblock .block .txt ul li{ position:relative; padding-left:20px; color:#7b7b7b; font-size:16px; line-height:30px;}
.newtrainblock .block .txt ul li:before{
	content: "";
    width: 6px;
    height: 6px;
    background: #caccd2;
    border-radius: 50%;
    left: 0;
    top: 12px;
    position: absolute;
}

.newtrainblock .block .txt a{ display:block; width:240px; height:45px; line-height:45px; text-align:center; border:2px solid #76be43; background:#76be43; font-size:18px; color:#fff; font-family:"Microsoft Yahei","Arial"; border-radius:20px; margin-top:20px;}

.newtrainblock .block .txt a:hover{ background:none; color:#76be43;}

.newtrainblock .block .txt a i{ margin-left:15px; position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    font-size: 25px;
}

.newtrainblock .block .txt span{ position:relative; padding-right:20px;}



.newtouraddbox{}
.newtouraddbox .newmelist1{ width:100%;;}
.newtouraddbox .newmelist1 .img{}


.newtouraddbox .newmelist{ height:550px; margin:140px 0 100px;}
.newtouraddbox .newmelist:last-child{ margin-bottom:0;}
.newtouraddbox .newmelist .img{ width:46%; height:100%; overflow:hidden; float:left;}
.newtouraddbox .newmelist .img img{ display:block;  }

.newtouraddbox .newmelist .bgblank{ width:54%; height:100%; float:left; position:relative;}

.newtouraddbox .newmelist .bgblank .bggray{ width:1020px; height:397px; position:absolute;   top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -moz-transform:translate(0,-50%); background:#F5F5F5; z-index:-1;}


.newtouraddbox .newmelist .bgblank .bgwhite{ width:839px; height:354px; position:absolute;  top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -moz-transform:translate(0,-50%); background:#fff; padding:30px 40px; font-size:16px; color:#7b7b7b; font-family: "Microsoft Yahei","Arial";}

.newtouraddbox .newmelist .bgblank .bgwhite h1{ font-size:32px; line-height:32px; color:#4d4d4d; font-family:"Microsoft Yahei","Arial"; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.newtouraddbox .newmelist .bgblank .bgwhite h1:after{ content:""; width:40px; height:5px; background:#76be43; margin:20px 0;}
.newtouraddbox .newmelist .bgblank .bgwhite h2{font-size:24px; line-height:38px; color:#7b7b7b; font-family:"Microsoft Yahei","Arial";  max-height:76px; overflow:hidden;}
.newtouraddbox .newmelist .bgblank .bgwhite p{font-size:16px; line-height:28px; color:#7b7b7b; font-family:"Microsoft Yahei","Arial"; padding-top:10px; max-height:94px; overflow:hidden;}
.newtouraddbox .newmelist .bgblank .bgwhite a{display:block; width:240px; height:45px; line-height:45px; text-align:center; border:2px solid #76be43; background:#76be43; font-size:18px; color:#fff; font-family:"Microsoft Yahei","Arial"; border-radius:20px; margin-top:13px;}
.newtouraddbox .newmelist .bgblank .bgwhite a span{position:relative; padding-right:20px;}
.newtouraddbox .newmelist .bgblank .bgwhite a span i{ margin-left:15px; position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    font-size: 25px;
}

.newtouraddbox .newmelist .bgblank .bgwhite a:hover{  background:none; color:#76be43;}


.newtouraddbox .newmelist1 .bgblank .bggray{ left:-300px;}
.newtouraddbox .newmelist1 .bgblank .bgwhite{ left:-140px;}

.newtouraddbox .newmelist2 .bgblank .bggray{ right:-300px;}
.newtouraddbox .newmelist2 .bgblank .bgwhite{ right:-140px;}


@media (max-width: 1300px){ 
	.newtrainblock .block1 .txt{ padding-left:15px;}
}

@media (max-width: 1360px){ 
	.newtouraddbox .newmelist1 .bgblank .bggray{ left:-500px;}
	.newtouraddbox .newmelist1 .bgblank .bgwhite{ left:-200px;}

	.newtouraddbox .newmelist2 .bgblank .bggray{ right:-500px;}
	.newtouraddbox .newmelist2 .bgblank .bgwhite{ right:-200px;}
	
	.newtouraddbox .newmelist .bgblank .bggray{ height:400px;}
	.newtouraddbox .newmelist .bgblank .bgwhite{ height:360px; width:700px;}

}
@media (max-width: 1200px){ 
	.newtrainblock .block1 .txt{ padding-right:20px;}
	.newtrainblock .block2 .txt{ padding-right:20px; padding-left:30px;}
	
	.newtrainblock .block2{ padding-right:400px;}
	.newtrainblock .block1{ padding-left:400px;}
	.newtrainblock .block .txt{ width:400px;}
	.newtrainblock .block .txt article{ padding:0;}
	
	.newtrainblock .block .txt a{ width:160px;}
	.newtrainblock .block .txt h1:after{ margin:20px 0 0;}
	.newtrainblock .block .txt{ padding-top:20px;}
	
	.newtrainblock .block .txt h1{ font-size:26px; line-height:26px;}
	.newtrainblock .block3 .txt ul{ padding:15px 0;}
	
	.conheader .head-nav{ margin-right:90px; font-size:13px;}
}

@media (max-width: 1040px){ 
	.header.on .conheader .logo { width: 200px;  margin-top: 15px; }
}