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


body{
	font-family:"Microsoft YaHei","微软雅黑" !important;	
}
.wrap{ width:100%px; margin:auto}


/**********************************************************************top**********************************************************************/
#menu{ position:fixed; top:0; font-family:"微软雅黑"; border-bottom:1px solid rgba(153,153,153,0.3);  z-index:999999;width:100%; font-size:16px !important;height:90px; line-height:90px;padding-right:20px;}

#menu a{ font-size:16px;color:#fff; text-decoration:none;cursor:pointer;padding-top:0px;height:100%;}
#menu a:hover{background-color: transparent;color:#83c541 !important} 
#menu .logo{ float:left;width:120px;}
#menu .logo img{ padding-top:0px;padding-left:80px;}
#menu .nav .navli{ float:left;padding-top:0px;height:90%; display:block; width:120px; text-align:center; cursor:pointer;}
#menu .nav .navli:hover{border-bottom:3px solid #83c541 !important;}
#menu .nav{ width:720px;float:right;height:90px; position:relative;}

#menu_white{ position:fixed; top:0; font-family:"微软雅黑"; border-bottom:1px solid rgba(153,153,153,0.3);background-color:#fff;  z-index:999999;width:100%; font-size:16px !important;height:90px; line-height:90px;padding-right:20px;}
#menu_white a{ font-size:16px;color:#000; text-decoration:none;cursor:pointer;padding-top:0px;height:100%;}
#menu_white a:hover{background-color: transparent;color:#83c541 !important} 
#menu_white .logo{ float:left;width:120px;}
#menu_white .logo img{ padding-top:0px;padding-left:80px;}
#menu_white .nav .navli{ float:left;padding-top:0px;height:90%; display:block; width:120px; text-align:center; cursor:pointer;}
#menu_white .nav .navli:hover{border-bottom:3px solid #83c541 !important;}
#menu_white .nav{ width:720px;float:right;height:90px; position:relative;}

.yinying{-webkit-box-shadow: 1px 1px 10px 2px #a9a9a9;-moz-box-shadow: 1px 1px 10px 2px #a9a9a9;box-shadow: 1px 1px 10px 2px #a9a9a9;}

/**********************************************************************index**********************************************************************/

.slider { width:100%; height:720px; margin:auto; position: relative; overflow:hidden;}
.slider .num { overflow:hidden; height: 4px; position: absolute; bottom:30px;  zoom:1; z-index:3; width:168px; left:50%; margin-left:-84px; }
.slider .num li { width: 48px; height: 4px; line-height: 4px; text-align:center; font-size:0px; color: #444444; background: #444444; margin:0 4px; cursor:pointer; float: left; display:inline-block; color:#444 }
.slider .num li.on { background: #83c541; color:#83c541 } 
/* .sliderul a{ display:block; width:100%; height:100%;} */
.sliderul .sliderli1{ background:url(../images/banner.jpg) no-repeat top center; height:720px;}
.sliderul .sliderli2{ background:url(../images/banner1.jpg) no-repeat top center; height:720px;}
.sliderul .sliderli3{ background:url(../images/banner2.jpg) no-repeat top center; height:720px;}

.slider .prev,.slider .next { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top: 280px;}
.slider .prev { left: 0px; }
.slider .next { right: 0px; background-position: right;}

/*****header*******/
.header{
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	background:#000;
	}
/* .head_in{
	width:100%;
	position:relative;
	}
.header_hide{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:-1;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	border-bottom:#ddd 1px solid;
	}
.logo{
	float:left;
	margin-top:10px;
	margin-left:30px;
	}
.nav{
	width:70%;
	float:right;
	margin-top:20px;
	text-align:right;
	margin-right:5%;
	}
.nav li{
	display:inline-block;
	}
.nav li a{
	display:inline-block;
	padding:15px 40px;
	color:#666;
	font-size:14px;
	}
.nav li a:hover{
	background-color: #83c541;
	color: #fff;
}		
.head_in .nav li a{
	display:inline-block;
	padding:15px 40px;
	color:#333;
	font-size:14px;
	}
.head_in .nav li a:hover{
	background-color: #83c541;
	color: #fff;
}	
.head_in .nav_btns_line{
	background:#83c541!important;
	}
	
.head_in .nav_btns_line:after{
	background:#83c541!important;
	}
.head_in .nav_btns_line:before{
	background:#83c541!important;
	}
 */
/* .nav_btn{
	overflow:hidden;
	z-index:999;
	width:70px;
	height:54px;
	padding:15px;
	float:right;
	margin-top:30px;
	margin-right:30px;
	}
.nav_btns{
    width: 40px;
    height: 24px;
    display: inline-block;
	cursor:pointer;
	}
.nav_btns_line{
    width: 40px;
    height: 2px;
    background-color: #333;
    border-radius: 4px;
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -2px;	
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
    transition: background-color 0.2s 0.25s ease-in;	
	}
.nav_btns_line:before{
    content: "";
    display: block;	
    width: 40px;
    height: 2px;
    background-color: #333;
    border-radius: 4px;
    position: absolute;
    top: -10px;	
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;	
    left: 0;
    transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
    transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);	
	}
.nav_btns_line:after{
    content: "";
    display: block;	
    width: 40px;
    height: 2px;
    background-color: #333;
    border-radius: 4px;
    position: absolute;
    bottom: -10px;	
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;	
	top: 10px;
    right: 0;
    transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
    transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
	}	

.nav_btn_on .nav_btns_line{
    background-color: #333;	
	}
.nav_btn_on .nav_btns_line:before{
	background-color: #333;	
	}
.nav_btn_on .nav_btns_line:after{
	background-color: #333;	
	}	

.nav_btn_active .nav_btns_line{
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent;	
	}
.nav_btn_active .nav_btns_line:before{
	left: -80px;
    top: -80px;
    -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
    transform: translate3d(80px, 80px, 0) rotate(45deg);
    transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
	}
.nav_btn_active .nav_btns_line:after{
    right: -80px;
    top: -80px;
    -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);	
	}
	 */
/*****header*******/	
	


.warpper_mian{
	width:100%;
	position:relative;
	margin-top:90px; 
	/* z-index:2;
	-webkit-transition:-webkit-transform 0.4s ease;
	-moz-transition:-moz-transform 0.4s ease;
	-ms-transition:-ms-transform 0.4s ease;
	-o-transition:-o-transform 0.4s ease;
    transition:transform 0.4s ease; */
	}
.banner_box{
	-webkit-transition:-webkit-transform 0.4s ease;
	-moz-transition:-moz-transform 0.4s ease;
	-ms-transition:-ms-transform 0.4s ease;
	-o-transition:-o-transform 0.4s ease;
    transition:transform 0.4s ease;
	}		
.banner{
	width:100%;
	overflow:hidden;
	position:relative;
	}	
.banner_zi{
	width:100%;
	position:absolute; top:50%; left:0;
	margin-top:-145px;
	}	
.banner_zi h5{
	font-size:60px;
	font-weight:600;
	letter-spacing:2px;
	color:#fff;
	text-align:center;
	
	}
.banner_zi p{
	font-size:18px;
	letter-spacing:2px;
	color:#fff;
	text-align:center;
	}
.banner_zi h6{
	font-size:32px;
	letter-spacing:2px;
	color:#fff;
	text-align:center;
	padding:10px 0;
	}	
.banner_btn{
    width: 216px;
    height: 110px;
    position: relative;
	margin:0 auto;
	margin-top:30px;
	}	
.banner_btn svg{	
	width: 100%;
    height: auto;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    }
.banner_btn1{
	width: 52px;
    height: 52px;
    position: absolute;
    top: 28px;
    left: 82px;
	}	
.banner_btn2{	
	width: 216px;
    height: 110px;
	position:absolute; left:0;
	opacity:0.8;
    filter:alpha(opacity=80);
    -moz-opacity:0.8; 
    -khtml-opacity:0.8;
    -webkit-opacity:0.8;
    }
.banner_btn3{
    width: 110px;
    height: 95px;
	position:absolute;
    top: 7px;
    left: 53px;	
	opacity:0.5;
    filter:alpha(opacity=50);
    -moz-opacity:0.5; 
    -khtml-opacity:0.5;
    -webkit-opacity:0.5;
	}	
	
.banner_btn4{
    width: 116px;
    height: 100px;
	position:absolute;
    top: 4px;
    left: 50px;	
    transition: all 0.68s cubic-bezier(0.075, 0.82, 0.565, 1);
    -moz-transition: all 0.68s cubic-bezier(0.075, 0.82, 0.565, 1);
    -webkit-transition: all 0.68s cubic-bezier(0.075, 0.82, 0.565, 1);
    -ms-transition: all 0.68s cubic-bezier(0.075, 0.82, 0.565, 1);
    -webkit-animation: m-hold 1.48s ease-in-out .48s both infinite alternate;
    animation: m-hold 1.48s ease-in-out .48s both infinite alternate;		
	}

.banner_btn5{
    width: 116px;
    height: 100px;
	position:absolute;
    top: 4px;
    left: 50px;
    -webkit-animation: m-hold-outline-a 1.48s ease-in-out .48s both infinite alternate;
    animation: m-hold-outline-a 1.48s ease-in-out .48s both infinite alternate;		
	}
	
.banner_btn6{
    width: 116px;
    height: 100px;
	position:absolute;
    top: 4px;
    left: 50px;
    -webkit-animation: m-hold-outline-b 1.48s ease-in-out .48s both infinite alternate;
    animation: m-hold-outline-b 1.48s ease-in-out .48s both infinite alternate;	
	}	
	

@-webkit-keyframes m-hold {
  0% {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -ms-filter: "alpha(opacity=$num)";
    /* IE8 */
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; }
  50% {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -ms-filter: "alpha(opacity=$num)";
    /* IE8 */
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; }
  100% {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -ms-filter: "alpha(opacity=$num)";
    /* IE8 */
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; } 
}
@keyframes m-hold {
  0% {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -ms-filter: "alpha(opacity=$num)";
    /* IE8 */
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; }
  50% {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -ms-filter: "alpha(opacity=$num)";
    /* IE8 */
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; }
  100% {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -ms-filter: "alpha(opacity=$num)";
    /* IE8 */
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; } 
}

@-webkit-keyframes m-hold-outline-a {
  0% {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -ms-filter: "alpha(opacity=$num)";
    /* IE8 */
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; }
  50% {
    transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -ms-filter: "alpha(opacity=$num)";
    /* IE8 */
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; }
  100% {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -ms-filter: "alpha(opacity=$num)";
    /* IE8 */
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; }
}

@keyframes m-hold-outline-a {
  0% {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -ms-filter: "alpha(opacity=$num)";
    /* IE8 */
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; }
  50% {
    transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -ms-filter: "alpha(opacity=$num)";
    /* IE8 */
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; }
  100% {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -ms-filter: "alpha(opacity=$num)";
    /* IE8 */
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; }
}

@-webkit-keyframes m-hold-outline-b {
  0% {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -ms-filter: "alpha(opacity=$num)";
    /* IE8 */
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; }
  50% {
    transform: scale(1.8);
    -moz-transform: scale(1.8);
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -ms-filter: "alpha(opacity=$num)";
    /* IE8 */
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; }
  100% {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -ms-filter: "alpha(opacity=$num)";
    /* IE8 */
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; } 
}

@keyframes m-hold-outline-b {
  0% {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -ms-filter: "alpha(opacity=$num)";
    /* IE8 */
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; }
  50% {
    transform: scale(1.8);
    -moz-transform: scale(1.8);
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -ms-filter: "alpha(opacity=$num)";
    /* IE8 */
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; }
  100% {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -ms-filter: "alpha(opacity=$num)";
    /* IE8 */
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; }
}	



.banner_btn_zi1{
	position:absolute;
	left:-185px; top:50%;
	margin-top:-10px;
	}
.banner_btn_zi1 span{
	line-height:20px;
	font-size:14px;
	color:#fff;
	letter-spacing:1px;
	}		
	
.banner_btn_zi2{
	position:absolute;
	right:-140px; top:50%;
	margin-top:-10px;
	}
.banner_btn_zi2 span{
	line-height:20px;
	font-size:14px;
	color:#fff;
	letter-spacing:1px;
	}	

.banner_bot{
	width:500px;
	position:absolute; bottom:5%; left:50%;
	margin-left:-250px;
	text-align:center;
	}	
.banner_bot span{
	color:#eee;
	font-size:13px;
	line-height:22px;
	letter-spacing:1px;
	}	



.index_sec1{
	width:100%;
	padding-top:3%;
	position:relative;
	z-index:2;
	}		
.index_sec1_left{
	width:100%;
	position:relative;
	}	
.index_sec1_left2{
	width:95%;
	position:absolute; top:108%; right:0%;
	z-index:9;
	}	
.index_sec1_left3{
	width:200%;
	position:absolute; top:100%; left:0;
	font-weight:600;
	text-transform:uppercase;
    background:url(../images/index.jpg) repeat top left;
	z-index:-1;
    opacity:0.2;
    filter:alpha(opacity=20);
    -moz-opacity:0.2; 
    -khtml-opacity:0.2;
    -webkit-opacity:0.2;		
	}


.index_sec1_right{
	width:100%;
	margin-top: 40px;
	}	
	
.index_sec1_right1{
	width:100%;
	padding-left:20%;
	padding-top:3%;
	padding-right:10%;
	padding-bottom:5%;
	}	
.index_sec1_right1 h5{
    font-size: 70px;
    padding-bottom: 17px;
    margin-bottom: 28px;
    line-height: 1.1;
	position:relative;
	color:#83c541;
	font-weight:600;
	text-transform:uppercase;	
	}	
.index_sec1_right1 h5:before{
    content: "";
	width:60px;
	height:3px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #83c541;	
	}	
.index_sec1_right1 span{
    display: block;
    line-height: 1.6;
    color: #000;
	font-size:16px;
	font-weight:600;	
	}	
.index_sec1_right1 p{
    font-size: 13px;
    line-height: 2.15;
	margin-top:15px;
    margin-bottom: 30px;
	color:#333;	
	}	
.index_btn{
	width: 205px;
	height: 50px;
	position:relative;
	}	
.index_btn a{
    width: 100%;
    height: 100%;
    line-height: 50px;
    vertical-align: middle;
    display: block;
    text-align: center;
    position: absolute;
    z-index: 1;
    text-decoration: none !important;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    background: none;
    border: none;	
	}	
.index_btn svg{	
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
    overflow: visible;
    }
.index_btn:hover a{
	-webkit-animation: btn-anime1 1s ease-in-out 0s infinite normal none running;
    animation: btn-anime1 1s ease-in-out 0s infinite normal none running;
	}
.index_btn:hover svg polygon {
    -webkit-animation: btn-anime3 0.5s linear 0s infinite alternate none running;
    animation: btn-anime3 0.5s linear 0s infinite alternate none running;
}
.index_btn:hover svg path {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: btn-anime2 1s ease-out 0s infinite normal none running;
    animation: btn-anime2 1s ease-out 0s infinite normal none running;
}


@-webkit-keyframes btn-anime1 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    opacity: 0; } 
}

@keyframes btn-anime1 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    opacity: 0; } 
}

@-webkit-keyframes btn-anime2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    fill: #83c541; }
  50% {
    fill: #ffa800; }
  100% {
    -webkit-transform: scale(1.08, 1.3);
            transform: scale(1.08, 1.3);
    opacity: 0;
    fill: #83c541; } 
}

@keyframes btn-anime2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    fill: #83c541; }
  50% {
    fill: #ffa800; }
  100% {
    -webkit-transform: scale(1.08, 1.3);
            transform: scale(1.08, 1.3);
    opacity: 0;
    fill: #83c541; } 
}

@-webkit-keyframes btn-anime3 {
  0% {
    fill: #83c541; }
  50% {
    fill: #ffa800; }
  100% {
    fill: #83c541; } 
}

@keyframes btn-anime3 {
  0% {
    fill: #83c541; }
  50% {
    fill: #ffa800; }
  100% {
    fill: #83c541; } 
}


.index_sec1_right2{
	width:100%;
	}
.index_sec1_right3{
	width:47.2%;
	float:left;
	}	
.index_sec1_right4{
	width:52.8%;
	float:left;
	}	



.index_sec2{
	width:100%;
	}
.index_sec2_con{
	width:100%;
	position:relative;
	}
	
.index_sec2_cons{
	position:relative;
	padding-bottom:16%;
	}	
.index_sec2_a{
	width:100%;
	position:relative;
	z-index:2;
	}
.index_sec2_b{
	width:85%;
	position:absolute; right:0; bottom:0;
    box-shadow: 80px 80px 98px 0px rgba(164, 168, 174, 0.2);	
	}

.index_sec2_c{
	width:100%;
	position:absolute; top:30%; left:0;
	z-index:4;
	text-align:center;
	}

.index_sec2_c h5{
    font-size: 70px;
    padding-bottom: 17px;
    margin-bottom: 28px;
    line-height: 1.1;
	position:relative;
	color:#83c541;
	text-align:center;
	font-weight:600;
	text-transform:uppercase;	
	}	
.index_sec2_c h5:before{
    content: "";
	width:60px;
	height:3px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
	margin-left:-30px;
    background-color: #83c541;	
	}		
.index_sec2_c span{
    display: block;
    line-height: 1.6;
    color: #000;
	font-size:16px;
	font-weight:600;
	margin-bottom:30px;	
	}
.index_sec2_d{
	width:25%;
	position:absolute; top:5%;
	left:55%;
	z-index:3;
	}	
.index_sec2_e{
	width:100%;
	font-size:240px;
	font-weight:600;
	text-align:center;
	background:url(../images/photo_patern.svg) repeat top left;
    -webkit-background-clip: text;
	background-clip: text;
	text-transform:uppercase;
	position:absolute; top:-12%; left:0;
	z-index:5;
	letter-spacing:10px;
    color: transparent;
    opacity:0.2;
    filter:alpha(opacity=20);
    -moz-opacity:0.2; 
    -khtml-opacity:0.2;
    -webkit-opacity:0.2;		
	}	



.index_sec3{
	width:100%;
	position:relative;
	z-index:2;
	}
	
.index_sec3_con{
	width:100%;
	position:relative;
	}
.index_sec3_cons{
	padding:10% 38% 0% 10%;
	}		
.index_sec3_a{
	width:100%;
	}	

.index_sec3_b{
	position:absolute; top:27%; right:4%;
	width:30%;
	}
.index_sec3_b h5{
    font-size: 70px;
    padding-bottom: 17px;
    margin-bottom: 28px;
    line-height: 1.1;
	position:relative;
	color:#83c541;
	font-weight:600;
	text-transform:uppercase;	
	}	
.index_sec3_b h5:before{
    content: "";
	width:60px;
	height:3px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #83c541;	
	}	
.index_sec3_b span{
    display: block;
    line-height: 1.6;
    color: #000;
	font-size:16px;
	font-weight:600;	
	}	
.index_sec3_b p{
    font-size: 13px;
    line-height: 2.15;
	margin-top:15px;
    margin-bottom: 30px;
	color:#333;	
	}

.index_sec3_c{
	width:18%;
	position:absolute; top:22%; left:-2%;
	}	

.index_sec3_d{
	width:18%;
	position:absolute; top:20%; right:-2%;
	}


.index_sec3_e{
	width:18%;
	position:absolute; bottom:-30%; left:35%;
	}

.index_sec4{
	width:100%;
	margin-top: 30px;
	position:relative;
	z-index:9;
	background-color:#f1f1f1;
	padding-top:60px;
	padding-bottom:60px;
	}

.index_sec4_con{
	width:100%;
	-webkit-transition:-webkit-transform 0.8s ease;
	-moz-transition:-moz-transform 0.8s ease;
	-ms-transition:-ms-transform 0.8s ease;
	-o-transition:-o-transform 0.8s ease;
    transition:transform 0.8s ease;
	}	

.index_sec4_con>h5{
	
	}	
.index_sec4_con>span{
	
	}	
.index_sec4_con>h5{
    font-size: 50px;
    padding-bottom: 17px;
    margin-bottom: 28px;
    line-height: 1.1;
	position:relative;
	color:#83c541;
	font-weight:600;
	text-transform:uppercase;	
	}	
.index_sec4_con>h5:before{
    content: "";
	width:60px;
	height:3px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #83c541;	
	}	
.index_sec4_con>span{
    display: block;
    line-height: 1.6;
    color: #000;
	font-size:16px;
	font-weight:600;	
	}

.index_sec4_con>ul{
	padding:0;
	margin:0;
	margin-top:30px;
	border-top: 2px solid #dee1e5;
	}
.index_sec4_con>ul li{
    border-bottom: 2px solid #dee1e5;
	padding:20px;
	padding-left:170px;
	position:relative;	
	}
.index_sec4_con>ul li>span{
	width:130px;
	font-size:15px;
	font-weight:600;
	position:absolute; top:20px; left:20px;
	color:#83c541;
	}	
.index_sec4_con>ul li p{
	font-size:15px;
	font-weight:600;
	color:#333;
	margin-bottom:0;
	float:left;
	}

.index_sec4_con>ul li p b{
	display:inline-block;
	font-weight:normal;
	color:#333;
	text-transform:uppercase;
	font-weight: 600;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    width: 60px;
    height: 20px;
    line-height: 21px;
    margin-left: 10px;
	background:url(../images/new-icon.svg) center no-repeat;
	background-size:100%;
	}	
.index_sec4_con>ul li h5{
	float:right;
	margin:0;
	}	
.index_sec4_con>ul li h5 span{
	font-size:12px;
	font-weight:600;
	display:inline-block;
	line-height:20px;
	padding:0 5px;
	color:#83c541;
	text-transform:uppercase;
	position:relative;
	z-index:2;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
	}
.index_sec4_con>ul li h5 span:before{
	width:0%;
	height:100%;
	content:'';
	background:#83c541;
	position:absolute; top:0; left:0;
	z-index:-1;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
	}		
.index_sec4_con>ul li h5 i{
	margin-left:20px;
	color:#83c541;
	font-size:20px;
	position:relative; top:1px;
	}		

.index_sec4_con>ul li:hover h5 span:before{
	width:100%;
	}		
.index_sec4_con>ul li:hover h5 span{
    color:#fff;
	}



	
.index_sec4 .container{
	position:relative;
	}	

.index_sec5_list{
	position:relative;
	cursor:pointer;
	overflow:hidden;
	}
	
.index_sec5_list img{
	-webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -ms-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
	}
	
.index_sec5_list:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
	
	}
		
.index_sec5_list span{
	width:100%;
	height:100%;
	content:'';
	position:absolute; top:0; left:0;
	background:#000;
	opacity:0.4;
    filter:alpha(opacity=40);
    -moz-opacity:0.4; 
    -khtml-opacity:0.4;
    -webkit-opacity:0.4;
	}	
.index_sec5_list h5{
	width:100%;
	position:absolute; top:50%; left:0;
	font-size:22px;
	color:#fff;
	letter-spacing:1px;
	margin:0;
	line-height:30px;
	text-align:center;
	margin-top:-15px;
	}
	
.index_sec5_list p{
	width:100%;
	position:absolute; top:70%; left:0;
	font-size:16px;
	color:#fff;
	letter-spacing:1px;
	margin:0;
	line-height:30px;
	text-align:center;
	margin-top:-30px;
	}
	
.index_bit{
	width:100%;
	margin-top:10px;
	text-align:center;
	}
.index_bit p{
	color:#666;
	line-height:24px;
	text-align:center;
	margin-bottom:0;
	}
.index_bit span{
	color:#83c541;
	cursor:pointer;
	}

/*back_top*/	
.back_top{
	position:fixed;
	bottom:10px;
	right:10px;
	/*border-radius:50%;*/
	border:1px solid #333;
	width:40px;
	height:40px;
	z-index: 2;
	}
.back_top a{
    /*border-radius:50%;*/
	line-height:37px;
	width:40px;
	height:40px;
	color:#333;
	text-align:center;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}	
.back_top a:hover{
	background:#252525;
	color:#fff;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
	}	
/*back_top*/



.foot_top{
	width:100%;
	background:#f2f2f2;
	padding-top:40px;
	padding-bottom:0px;
	}

.foot_top .col-xs-3{
	width:20%;
}
.foot_top .col-xs-9{
    width:60%;
    align:right;
	}	
.foot_top_list h5{
	font-size:15px;
	color:#333;
	margin:0;
	margin-bottom:5px;
	}
.foot_top_list>img{
	margin-bottom:10px;
	}	

.foot_top_list p{
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 0;
    line-height: 25px;
    color: #999;
    margin-bottom: 2px;
    }

.footer_b {
    width: 100%;
    background: #83c541;
}
.footer_b .container {
    position: relative;
}
.footer_b p {
    line-height: 50px;
    margin-bottom: 0;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
	display:inline-block;
}
.unohacha {
    width: 150px;
    height: 40px;
    position: absolute;
    right: 15px;
    top: 0px;
}
	

#page-body-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}


.clm0{
	margin-left:0 !important;
	margin-right:0 !important;
	widht:100%;
	background-color:#f1f1f1;
	}
.clp0{
	padding-left:0 !important;
	padding-right:0 !important;
	}

.clp7{
	padding-left:100px !important;
	padding-right:0 !important;
	}

.clm5{
	margin-left:-5px !important;
	margin-right:-5px !important;
	}
.clp5{
	padding-left:5px !important;
	padding-right:5px !important;
	}
	
.move{
	-webkit-transition:-webkit-transform 0.8s ease;
	-moz-transition:-moz-transform 0.8s ease;
	-ms-transition:-ms-transform 0.8s ease;
	-o-transition:-o-transform 0.8s ease;
    transition:transform 0.8s ease;
	}	
	
/*1.16调整*/

.index_sec1_left4{
	width:100%;
	}
.index_sec1_left4 li{
	width:50%;
	float:left;
	position:relative;
	}
	
.inds_wz{
	position:absolute;
	top:10%;
	left:10%;
	width:80%;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	z-index:22;
	}
	
.inds_wzs{
	position:absolute;
	top:40%;
	left:10%;
	width:80%;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	z-index:22;
	}
.inds_bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#83c541;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	z-index:1;
	}
	
	
.inds_wz h3{
	font-size:16px;
	color:#fff;
	text-align:center;
	}
.inds_wz p{
	font-size:14px;
	color:#fff;
	line-height:24px;
	text-align:center;
	}
	
.inds_wzs h3{
	font-size:22px;
	color:#fff;
	text-align:center;
	}
.inds_wzs p{
	font-size:14px;
	color:#fff;
	line-height:24px;
	text-align:center;
	}
	
.case_ico{
	width:100%;
	}
.case_ico li{
	width:25%;
	float:left;
	}
.index_sec2_f{
	position:absolute;
	right:10%;
	top:36%;
	z-index:99;
	}
	
/*1.16调整*/



/*about*/

.ab_tit{
	width:100%;	
	/* border-bottom:#ddd 1px solid; */
	}
.ab_tit h2{
	font-size:30px;
	color:#83c541;
	margin:0 0 30px;
	}
	
.ab_tit h3{
	border-top:#ddd 1px solid;
	border-bottom:#ddd 1px solid;
	padding:10px 0;
	margin:0;
	font-size:16px;
	color:#333;
	}
	
.ab_tit h3 span{
	color:#333;
	margin-right:5px;
	}
.ab_tit h3 b{
	font-weight:normal;
	margin-left:5px;
	color:#999;
	}	
	
.company{
	width:100%;
	margin:0 auto;
	background:#f2f1f6;
	padding:60px 0;
	}
	
.company_box{
	width:100%;
	margin-top:80px;
	}
.comp_l{
	width:100%;
	}
.comp_l h4{
	font-size:18px;
	color:#333;
	position:relative;
	padding:10px 0;
	
	}
.comp_l h4 b{
	background:#83c541;
	width:50px;
	height:1px;
	display:inline-block;
	position:absolute;
	bottom:0;
	left:0;
	}
.comp_l p{
	color:#666;
	font-size:14px;
	line-height:36px;
	text-indent:2em;
	}	
	
.ab_news{
	width:100%;
	margin:60px 0;
	}
.abn_box{
	width:100%;
	margin-top:25px;
	}
.abn_list{
	width:100%;
	padding:35px 0;
	border-bottom:#ddd 1px solid;
	}
.abn_l{
	width:23%;
	margin-right:3%;
	float:left;
	}
.abn_r{
	width:74%;
	float:left;
	}
	
.abn_r span{
	color:#999;
	font-size:14px;
	}
	
.abn_r h4 a{
	font-size:18px;
	color:#333;
	position:relative;
	padding:10px 0; 
	margin:0 0 10px;
	text-decoration: none !important;
	}
.abn_r p a{
	color:#666;
	line-height:24px;
	font-size:14px;
	margin-bottom:0;
	}
.abn_r h4 b{
	background:#83c541;
	width:50px;
	height:1px;
	display:inline-block;
	position:absolute;
	bottom:0;
	left:0;
	}
.abt_btn a{
	height:35px!important;
	line-height:35px!important;
	}
.abt_btn{
	height:35px!important;
	margin-top:30px;
	}
	
.talent{
	width:100%;
	padding:60px 0;
	background:url(../images/talent_bg.jpg) center no-repeat fixed;
	background-size:cover;
	}
.talent_box{
	width:100%;
	margin-top:10px;
	}

.talent_list{
	width:100%;
	height:280px;
	padding:50px;
	background:#fff;
	text-align:center;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
	}

.talent_list h3{
	font-size:20px;
	color:#333;
	font-weight:600;
	margin-top:0;
	padding-bottom:20px;
	letter-spacing:1px;
	position:relative;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
	}	
.talent_list h3:before{
	width:40px;
	height:1px;
	content:'';
	position:absolute; left:50%; bottom:5px;
	margin-left:-20px;
	background:#83c541;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
	}	
.talent_list span{
	display:block;
	color:#666;
	font-size:14px;
	letter-spacing:1px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
	}
.talent_list h5{
	font-size:16px;
	color:#666;
	margin-top:20px;
	letter-spacing:1px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
	}	
.talent_list p{
	font-size:14px;
	color:#999;
	line-height:22px;
	letter-spacing:1px;
	margin-bottom:0;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
	}	

.talent_list_on{
	background:#83c541;
	}	
.talent_list_on h3:before{
	background:#83c541;
	}	
.talent_list_on h3{
	color:#fff;
	}
.talent_list_on span{
	color:#fff;
	}	
.talent_list_on h5{
	color:#fff;
	}		
.talent_list_on p{
	color:#eee;
	}		

.talent_box .col-sm-4{
	position:relative; 
	/* top:60px; */
	/* opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; */
	}
	
.talent_box a{
	text-decoration: none !important;
}

.job_inner{
	padding:30px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	}

.job_inner_list{
	margin-bottom:30px;
	position:relative; top:60px;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	}	
.job_inner_list h5{
	font-size:20px;
	color:#666;
	margin-bottom:15px;
	}
.job_inner_list p{
	font-size:14px;
	color:#999;
	}
	
.job_tit{
	
}	
.job_tit h2{
	font-size:30px;
	color:#83c541;
	margin:0 0 0px;
	}
	
.yidong{
	width:100%;
	padding:60px 0;
	background:#f5f5f5;
	}

.yidong_con{
	width:100%;
	margin:0 auto;
	}
.yidong_img{
/* 	width:25%;
	float:left;
	margin-bottom:30px;
	position:relative; */
	/* opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; */
	}
.yidong_imgs{
	width:100%;
	height:100%;
	position:absolute; top:0; left:0;
	display:none;
	}	

.yidong_btn{
	position:absolute; left:0; bottom:-10px;
	width:100%;
	text-align:center;
	}
.yidong_btn span{
	width:12px;
	height:12px;
	display:inline-block;
	cursor:pointer;
	border-radius:100%;
	background:#ddd;
	margin:0 3px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
	}	
.yd_on{
	background:#83c541 !important;
	}	

.yidong_zi{
	width:37.5%;
	float:left;
	padding:30px 0;
	}
.yidong_zi1{
	width:37.5%;
	padding-right:2%;
	float:left;
	position:relative;
	/*  left:-120px; */
	/* opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; */
	}	
.yidong_zi2{
	width:37.5%;
	float:left;
	/* padding:30px 0; */
	padding-left:2%;
	position:relative;
	/*  right:-120px;
 */	/* opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; */
	}	
.yidong_zi1 .yidong_zis{
	text-align:right;
	}
.yidong_zis{
	margin-bottom:5%;
	}
.yidong_zis h5{
	font-size:20px;
	color:#333;
	margin-bottom:15px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
	}	
.yidong_zis p{
	font-size:14px;
	color:#666;
	line-height:25px;
	}	
	
.yidong_apbox{
	width:40%;
	float:left;
	}
	
.yidong_apbox h4{
	font-size:36px;
	color:#83c541;
	margin-left:35%;
	}
.yidong_apbox h3{
	font-size:36px;
	font-weight:bold;
	color:#fff;
	margin-left:35%;
	margin-bottom:80px;
	}
.yidong_apbox p{
	color:#333;
	line-height:24px;
	font-size:14px;
	letter-spacing:2px;
	text-indent:2em;
	}
.yidong_appmg{
	width:100%;
	overflow:hidden;
	margin-top:40px;
	margin-left:35%;
	}
	
.yidong_appmg>img{
	float:left;
	}
	
.yidong_ap_r{
	float:left;
	width:60%;
	margin-left:5%;
	}
.yidong_ap_r img{
	margin-right:5px;
	}
.yidong_ap_r a{
	display:block;
	width:130px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:#83c541;
	color:#fff;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	margin-top:20px;
	margin-bottom:20px;
	}

	
	
	
.ab_ser{
	width:100%;
	padding:30px 0;
	background:#f6f6f6;
	}
.abser_box{
	width:100%;
	margin-top:10px;
	margin-left:20px;
	}
.abser_box li{
	width:100%;
	/* background:#fff; */
	/* padding:20px; */
	/* margin-bottom:0px; */
	}
	
.abser_box li h4{
	font-size:16px;
	color:#333;
	margin:0 0 10px;
	}
.abser_box li p{
	line-height:24px;
	color:#666;
	font-size:14px;
	margin-bottom:0;
	}
	
.notice{
	width:100%;
	margin:60px 0;
	}
.not_box{
	width:100%;
	margin-top:60px;
	}
.not_box p{
	color:#666;
	line-height:24px;
	font-size:14px;
	margin-top:20px;
	margin-bottom:0;
	}

.not_btn a{
	height:35px!important;
	line-height:35px!important;
	}
.not_btn{
	height:35px!important;
	margin:50px auto 0;
	}

/*about*/


/** product ****/
.warpper{
	letter-spacing:1px;
	margin-top:90px;
	}
.war_pro{
	background:#f2f2f5;
	}
.pro_top{
	padding:50px 0;
	}
.pro1_title{
	font-size:36px;
	color:#333;
	font-weight:bold;
	margin:0 0 15px 0;
	}
.brand_nav{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	line-height:30px;
	}
.brand_nav li{
	color:#333;
	font-size:14px;
	float:left;
	}
.br_active{
	color:#999 !important;
	}
.pro_1{
    margin-top:10px;
	padding-bottom:30px;
	}

.pro1_box1{
	margin-bottom:30px;
	background:#fff;
	}

.pro1_img1{
	position:relative;
	}	

.pro1_img1 span{
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:98%;
	height:98%;
	
	
filter:alpha(opacity=0);  
-moz-opacity:0;  
-khtml-opacity: 0;  
 opacity: 0; 
 transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	}	
	
.pro1_img1:hover span{
	
filter:alpha(opacity=100);  
-moz-opacity:1;  
-khtml-opacity: 1;  
 opacity:1; 
 }
	
	
.pro1_cont1{
	padding:15px;
	}
.pro1_cont1 h3{
	font-size:18px;
	color:#333;
	margin:0;
	line-height:40px;
	position:relative;
	margin-bottom:10px;
	}
.pro1_cont1 h3 b{
	display:inline-block;
	width:30px;
	border-top:2px solid #333333;
	position:absolute;
	bottom:0;
	left:0;	
	}
.pro1_cont1 p{
	font-size:14px;
	color:#666;
	margin:0;
	line-height:25px;
	margin-bottom:20px;
	}
	
	
.read_more a{
	position:relative;
	text-align:center;
	line-height:25px;
	}
	
	
	
.read_more a span{
	position:absolute;
	top:-3px;
	left:0;
	font-size:14px;
	color:#fff;
	line-height:25px;
	display:block;
	width:100%;
	text-align:center;
	}
	
 
	
	
/**! product ***/










/** join ***/
.join_top{
	padding:50px 0;
	}
.join_1{
	margin-top:10px;
	padding-bottom:30px;
	}
.join1_box1{
	padding:20px;
	}
.join1_box1 li span{
	border-radius:50%;
	display:block;
	width:45px;
	height:45px;
	line-height:45px;
	font-size:24px;
	color:#fff;
	text-align:center;
	float:left;
	position:relative;
	top:2px;
	background:#89c84b;
	}
.join1_box1 li p{
    height:75px;
	line-height:25px;
	font-size:14px;
	color:#333;
	margin:0;
    overflow:hidden;
	padding-left:20px;
	}
.join1_cont1 h4{
	font-size:18px;
	text-align:center;
	margin:20px 0;
	position:relative;
	line-height:40px;
	}
.join1_cont1 h4 b{
	display:inline-block;
	width:30px;
	border-top:2px solid #89c84b;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-15px;	
	}
.join1_form_group_label {
    width:30px;
}
.xitj input{
	border:none;
	border-bottom:1px solid #ddd;
	line-height:40px;
	font-size:14px;
	color:#999;
	padding-left:10px;
	width:100%;
	
	}
.dq_choose{
	margin-top:20px;
	}
.dq_choose select{
	width:180px;
	margin-right:10px;
	border:none;
	color:#666;
	font-size:14px;
	line-height:40px;
	}
.anz_choose{
	margin-top:50px;
	width:140px;	
	border:none;
	color:#666;
	font-size:14px;
	line-height:40px;
	}
.jion_re{
	margin-top:50px;
	}
.join1_cont1 textarea{
	width:100%;
	height:200px;

}
.join1_cont1 textarea{
	width:100%;
	height:200px;
	}
.join1_cont1 p{
	margin:0;
	text-align:right;
	font-size:12px;
	color:#999;
	}
.tijiao{
	margin-top:40px;
	text-align:center;
	position:relative;
	}
.tijiao a{
	position:relative;
	text-align:center;
	line-height:25px;
	}
.tijiao a span{
	position:absolute;
	top:-3px;
	left:0;
	font-size:14px;
	color:#fff;
	line-height:25px;
	display:block;
	width:100%;
	text-align:center;
	}
.foot1{
	border-top:1px solid #ddd;
	}
.join_2{
	margin-bottom:60px;
	}
/** join ***/
/** plan **/
.plan1_box{
	width:100%;	
	position:relative;
	-webkit-transition:-webkit-transform 0.8s ease;
	-moz-transition:-moz-transform 0.8s ease;
	-ms-transition:-ms-transform 0.8s ease;
	-o-transition:-o-transform 0.8s ease;
    transition:transform 0.8s ease;
    z-index:9;
}
	
	
.plan1_box>h4{
 	/* font-size:18px;
 	top:0px;
	margin:20px 0;
	position:relative;
	line-height:40px; */
	}
	
	
	
.plan1_box1{
 	margin-bottom:30px;
	padding:30px;
	height:auto;
	overflow:hidden; 
	background:#ddd;	
	}
	
	
	
.plan1_box h4 b{
	display:inline-block;
	width:30px;
	border-top:2px solid #89c84b;
	position:absolute;
	bottom:0;
	left:0;
	margin-left:40px;	
	}
	
	
.plan1_cont{
	margin-top:30px;
	}
	
	
.plan1_img{
	width:98%;
	margin:auto;
	background:#89c84b;
	}
	
	
.plan1_cont1{
	width:100%;
	opacity:1;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:30px;
	text-align:left;
	font-size:26px;
}

.plan1_cont1 span{
	color:orange;
	font-size:36px;
	font-weight: bold;
	padding-right:10px;
}

.plan1_content{
	width:98%;
	opacity:1;
	padding-bottom:20px;
	text-align:left;
	margin:auto;
	border-style: solid;
	border-width: 1px;
	border-color:#21B6A8;	
}

.plan1_content_without_border{
	width:98%;
	opacity:1;
	padding-bottom:20px;
	text-align:left;
	margin:auto;	
}

.plan1_price{
	width:33%;
	opacity:1;
	text-align:center;		
	float:left;
	border-width: 1px;
	border-color:#21B6A8;
	border-style: solid;
}

.plan1_middle{
	width:34%;
	opacity:1;
	text-align:center;		
	float:left;
	border-width: 1px;
	border-color:#21B6A8;
	border-style: solid;
}


.plan1_case{
	width:33%;
	opacity:1;
	text-align:center;		
	float:left;	
	border-width: 1px;
	border-color:#21B6A8;
	border-style: solid;
}


.plan2_img1{
	width:15% !important;
	margin-right:5%!important;
	float:left!important;
	background:#89c84b!important;
	}

.plan1_cont2{
	width:80%!important;
	float:left!important;
	text-align:left!important;
	padding-top:0px!important;
}

.plan1_cont1 h3{
     font-size:18px;
	 color:#333;
	 padding-top:10px;
	 margin:0;
	}
	
	
.plan1_cont1 p{
     font-size:14px;
	 color:#666;
	 line-height:25px;
	 height:75px;
	 overflow:hidden;
	 margin-top:8px;
	}
	
	
.plan2_box h4{
	font-size:18px;
	margin:20px 0;
	position:relative;
	line-height:40px;
	}

.plan2_box h4 b{
	display:inline-block;
	width:30px;
	border-top:2px solid #89c84b;
	position:absolute;
	bottom:0;
	left:0;
	margin-left:40px;	
	}
.plan2_img{
	width:15%;
	background:#c2c2c2;
	float:left;
	}
.plan_1{
	 padding-bottom:50px; 
	}

.plan_top{
	/*padding-top:30px;
	opacity:1;
     filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; 
	position:relative;
	top:60px;*/
	
	width:100%;
	margin-top: 20px;
	position:relative;
	z-index:9;
	}
.plan1_box h4{	
	position:relative;
	top:20px;
	}
.plan1_box1{
	/* opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; */
	position:relative;
	top:40px;
	}
.plan2_box h4{
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	position:relative;
	top:60px;
	}
/*** !plan **/
/*** case **/
/* .case_tab li{
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; 
	
}
*/
.case1_box1{
	/* opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; */
	position:relative;
	top:60px;
	}

.case1_cont{
	/* opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; */
	position:relative;
	top:60px;
	}

.case_tab{
	position:relative;
	top:0px;
	padding:30px 0;
	line-height:30px;
	border-bottom:1px dashed #ddd;
	text-align:center;
	}
.case_tab li{
	padding:0 30px;
	line-height:20px;
	border-right:1px solid #ddd;
	text-align:center;
	float:left;
	}
.case_tab li b{
	display:inline-block;
	width:20px;
	border-top:6px solid transparent;
	border-left:10px solid #999;
	border-bottom:6px solid transparent;
	border-right:10px solid transparent;
	}
.case_tab li span{
    font-size:16px;
	color:#333;
	}
.case_tab ul{
	display:inline-block;
	margin:0;
	}
	
.case1_cont{
	padding-top:13%;
	}	
	
.case1_cont h3{
	font-size:24px;
	color:#333;
	margin:0 0 10px 0; 
	}
.case1_cont p{
	font-size:14px;
	color:#666;
	margin:0;
	line-height:25px;
	}
.case1_img1{
	margin-bottom:30px;
	}
.case_1{
	padding-bottom:50px;
	}
	
.case1_title{
	font-size:36px;
	color:#333;
	font-weight:bold;
	margin:0 0 15px 0;
}

.case_top{	
	position:relative;
	top:0px;
	}
/*** !case **/




/*1.20  调整*/

/*app*/
.index_app{
	position:relative;
	width:100%;
	background:url(../images/appbg.jpg) center center no-repeat;
	background-size:cover;
	padding:100px 0;	   
	}
.index_sec7{
	width:100%;
	margin-top:0px;
	padding-top:60px;
	padding-bottom:30px;
	/* -webkit-transition: -webkit-transform 0.8s ease;
    -moz-transition: -moz-transform 0.8s ease;
    -ms-transition: -ms-transform 0.8s ease;
    -o-transition: -o-transform 0.8s ease;
    transition: transform 0.8s ease; */
	}
	
.index_sec71{
	width:100%;
	margin-top:0px;
	padding-top:60px;
	padding-bottom:30px;	
	background-color:#f1f1f1;
	}
	
.index_sec72{
	width:100%;
	padding-top:30px;
	padding-bottom:10px;	
	background-color:#fff;
	}
	
.index_sec73{
	width:100%;
	padding-top:10px;
	padding-bottom:30px;	
	background-color:#fff;
	}
	
.index_sec7_plus{
	padding-top: 30px;
	padding-bottom: 30px;
}

ul.waves-list>li>i{
    margin-right: 10px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    background-color: #21B6A8;
    color: #FBFBFB;
    width: 21px;
    height: 21px;
    text-align: center;
    border-radius: 4px;
}


.ind_sy_c .waves-list li{
    line-height: 1.3;
    font-size: 15px;
}

ul.waves-list li{
    line-height: 1.9;
    font-size: 16px;
}

ul.waves-list>li>i{
    font-size: 10px;
    line-height: 21px;
    width: 18px;
    height: 18px;
}
ul.waves-list li{
    line-height: 2.5;
    position: relative;
    font-size: 20px;
}
	
.waves-heading .heading-title{
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 0;
    font-size: 35px;
    margin-top:0px;
    padding-top:30px;
}
.waves-heading .heading-title>span{
    color: #21b6a8;
    font-size: 35px;
    padding-top:10px;
    padding-bottom:10px;
}

.waves-heading p{
    font-size: 24px;
    padding-top:20px;
    padding-bottom:30px;
}

.index_sec5{
	width:100%;
	/* -webkit-transition: -webkit-transform 0.8s ease;
    -moz-transition: -moz-transform 0.8s ease;
    -ms-transition: -ms-transform 0.8s ease;
    -o-transition: -o-transform 0.8s ease;
    transition: transform 0.8s ease; */
	margin-top:0px;
	padding-top:30px;
	}
	
.index_apbox h4{
	font-size:36px;
	color:#83c541;
	margin:0;
	}
.index_apbox h3{
	font-size:36px;
	font-weight:bold;
	color:#333;
	margin:5px 0 20px;
	}
.index_apbox p{
	color:#333;
	line-height:24px;
	font-size:14px;
	letter-spacing:2px;
	text-indent:2em;
	}
.index_appmg{
	width:100%;
	overflow:hidden;
	margin-top:40px;
	}
	
.index_appmg>img{
	float:left;
	}
	
.index_ap_r{
	float:left;
	width:60%;
	margin-left:5%;
	}
.index_ap_r img{
	margin-right:5px;
	}
.index_ap_r a{
	display:block;
	width:130px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:#83c541;
	color:#fff;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	margin-top:20px;
	}
	
.index_apbox{
	width:40%;
	float:right;
	}
	
/*充电系统功能*/

.ind_sys{
	width:100%;
	padding:0 0 100px;
	}
.ind_sys_c{
	width:100%;
	text-align:center;
	}
.ind_syg{
	display:none;
	}
.ind_sys_c p{
	font-size:22px;
	color:#666;
	margin-top:10px;
	}
.ind_sys>h4{
	font-size:28px;
	color:#333;
	margin:0 0 70px;
	text-align:center;
	}
	
	
.ind_sy{
	width:100%;
	margin:0px auto 0;
	position:relative;
	}
	
.ind_sy_bg{
	width:100%;
	position:absolute;
	top:5px;
	left:5px;
	z-index:-1;
	}
.ind_sy_bg li{
	float:left;
	width:90%;
	margin-right:10%;
	margin-bottom:30px;
	}
	
.ind_bt{
	width:100%;
	position:absolute;
	top:82%;
	left:12%;
	}

.ind_sy_c{
	width:100%;
	position:relative;
	padding-top:10px;
	}
.ind_sy_c ul{
	width:100%;
	overflow:hidden;
	}
.ind_sy_c li{
	float:left;
	width:90%;
	margin-right:10%;
	margin-bottom:30px;
	position: relative;   
	}
	
/* .ind_sy_c li:hover {
    -webkit-transform: perspective(800px) rotateY(180deg);
    -moz-transform: perspective(800px) rotateY(180deg);
    -ms-transform: perspective(800px) rotateY(180deg);
    -o-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
}
 */	
.ind_smg{
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -ms-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    transform: translateZ(1px);
    z-index: 10;
}

.ind_smg1 {
    -webkit-transform: translateZ(-1px) scale(-1, 1);
    -moz-transform: translateZ(-1px) scale(-1, 1);
    -ms-transform: translateZ(-1px) scale(-1, 1);
    -o-transform: translateZ(-1px) scale(-1, 1);
    transform: translateZ(-1px) scale(-1, 1);
}
	
.ind_sy_p{
	width:100%;
	position:absolute;
	top:82%;
	left:12%;
	}
.ind_sy_c li img{
	position:absolute;
	top:0;
	left:0;
	}


/*充电系统功能*/


/*合作伙伴*/

.index_sec6{
	width:100%;
	margin-top: 90px;
	}
.ind_part{
	width:100%;
	overflow:hidden;
	padding:30px 0;
	}
	
.ind_part li{
	width:16.66%;
	float:left;
	text-align:center;
	    
	}
.ind_part li>img{
	filter: gray;
    -webkit-filter: grayscale(0);
    filter: gray;
    filter: grayscale(0);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
	}
.ind_part li>img:hover {
    filter: gray;
    -webkit-filter: grayscale(0);
    filter: gray;
    filter: grayscale(0);
    box-shadow: 0px 0px 10px rgba(0,0,0,.2);
}

/*合作伙伴*/


/*banner*/

.device {
  width: 100%;
  height: 100%;
  position: relative;

}
.device .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;

  width: 17px;
  height: 30px;
}
.device .arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.swiper-container {
  height: 100%;
  width: 100%;
}
.content-slide {

  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
  z-index:99;
}


.swiper-pagination-switch {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #83c541;
}

.ban1{
	position:relative;
	}
.ind_vid{
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
/*banner*/


/*右侧菜单*/
.wright{
	width:50px;
	position:fixed;
	right:0;
	top:70%;
	z-index:99999;
	margin-top:-70px;	
	}
	
.wright li{	
	position:relative;
	cursor:pointer;
	}
.wright li span{
	display:block;
	width:100%;
	height:48px;
	border-bottom:#afe37b 1px solid;
	background:#83c541;
	text-align:center;
	line-height:48px;
	position:relative;
	overflow:hidden;
	}
.wright li span>img{
	position:relative;
	top:0;
	}
.wright li span p{
	color:#fff;
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	height:48px;
	}
.wright_hd{
	position:absolute;
	left:-120px;
	top:0;	
	/*background:#83c541;*/
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	z-index:-1;
	border:#83c541 1px solid;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
	cursor:Default;
	}
	

.li_span_toTop{
	display:block;
	width:100%;
	height:48px;
	border-bottom:#FFA500 1px solid !important;
	background:orange !important;
	text-align:center;
	line-height:48px;
	position:relative;
	overflow:hidden;
	}
.wright_hdon{
	opacity:1;
    filter:alpha(opacity=100);
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
	left:-100px;
	}
	
.wright_hd p{
	border-right:#afe37b 1px solid;
	margin-bottom:0;
	height:100%;
	color:#fff;
	}
.wright li a{
	display:inline-block;
	width:48%;
	text-align:center;
	border-right:#4b4e53 1px solid;
	height:100%;
	line-height:40px;
	}
	
.wright_join{
	position:fixed;
	bottom:0;
	left:0;
	background:url(../images/we_bg.jpg) center center no-repeat;
	width:100%;
	padding:30px 0;
	display:none;
	cursor:default;
	}
	
.wright_inp_submit{
	cursor:pointer !important;
}

.wright_inp{
	width:36%;
	margin:0 auto;
	position:relative;
	
	}
.wright_inp input{
	width:100%;
	height:60px;
	line-height:60px;
	border:#ddd 1px solid;
	-moz-border-radius:40px;
    -webkit-border-radius:40px;
    border-radius:40px;
	padding:0 140px 0 10px;
	font-size:16px;
	color:#999;
	}
	
.wright_inp a{
	display:block;
	position:absolute;
	height:50px!important;
	line-height:50px!important;
	-moz-border-radius:40px;
    -webkit-border-radius:40px;
    border-radius:40px;
	background:#83c541;
	right:5px;
	top:5px;
	color:#fff;
	font-size:16px;
	width:140px!important;
	text-align:center;
	border-right:none!important;
	}
	
.we_close{
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer !important;
	}	
	
/*右侧菜单*/

.index_sec1_left1>h5{
	font-size: 50px;
    padding-bottom: 17px;
    margin-bottom: 28px;
    line-height: 1.1;
    position: relative;
    color: #83c541;
    font-weight: 600;
    text-transform: uppercase;
	text-align:center;
	}
	
.index_sec1_left1>span{
	display: block;
    line-height: 1.6;
    color: #000;
    font-size: 16px;
    font-weight: 600;
	text-align:center;
	margin-bottom:50px;
	}
.index_sec1_left1>h5:before {
    content: "";
    width: 60px;
    height: 3px;
    display: block;
    position: absolute;
    bottom: 0;
    left:50%;
    background-color: #83c541;
	margin-left:-30px;
}

.index_sec1_right1>span{
	display: block;
    line-height: 1.6;
    color: #000;
    font-size: 16px;
    font-weight: 600;
	margin-bottom:50px;
 }
 
 .index_sec1_right7>p{
	display: block;
    line-height: 1.9;
    color: #000;
    font-size: 18px;
    text-indent:2em; 
  /*   font-weight: 600; */
	margin-bottom:10px;
	color: #21b6a8;
 }
	

.index_sec1_right7{
	width:100%;
	padding-left:10%;
	padding-top:1%;
	padding-right:5%;
	padding-bottom:1%;
	}		

.index_apbox>h5{
	font-size: 50px;
    padding-bottom: 17px;
    margin-bottom: 28px;
    line-height: 1.1;
    position: relative;
    color: #83c541;
    font-weight: 600;
    text-transform: uppercase;
	}
	
.index_apbox>span{
	display: block;
    line-height: 1.6;
    color: #000;
    font-size: 16px;
    font-weight: 600;
	margin-bottom:50px;
	}
.index_apbox>h5:before {
    content: "";
    width: 60px;
    height: 3px;
    display: block;
    position: absolute;
    bottom: 0;
    left:0;
    background-color: #83c541;
}


.ind_part>h5{
	font-size: 50px;
    padding-bottom: 17px;
    margin-bottom: 28px;
    line-height: 1.1;
    position: relative;
    color: #83c541;
    font-weight: 600;
    text-transform: uppercase;
	text-align:center;
	}
	
.ind_part>span{
	display: block;
    line-height: 1.6;
    color: #000;
    font-size: 16px;
    font-weight: 600;
	margin-bottom:50px;
	text-align:center;
	}
.ind_part>h5:before {
    content: "";
    width: 60px;
    height: 3px;
    display: block;
    position: absolute;
    bottom: 0;
    left:50%;
    background-color: #83c541;
	margin-left:-30px;
}

.footer_b>div>p{
	width:40%;
	float:left;
	}
.foot_nal{
	/*width:46%;
	float:left;*/
	margin-top:7px;
	text-align:center; 
	line-height:60px; 
	color:#FFF; 
	font-size:14px;
	width:100%;
	height:60px;
	bottom:0;
	margin:0 auto; 
	}
.foot_nal a{
	color:#fff;
	padding:10px;
	display:inline-block;
	cursor:pointer;
	}
	
.foot_nal span{
	color:#fff;
	}
	
/*join*/	
.ban_join{
	width:60%;
	margin:0 auto;
	position:absolute;
	left:20%;
	top:50%;
	margin-top:-100px;
	}
	
.ban_join>h2{
	font-size:36px;
	color:#fff;
	text-align:center;
	letter-spacing:2px;
	}
.ban_join>p{
	font-size:16px;
	color:#e1e1e1;
	text-align:center;
	letter-spacing:2px;
	width:70%;
	margin:20px auto;
	line-height:28px;
	}
	
.join_bt{
	width:100%;
	text-align:center;
	margin-top:105px;
	}
	
.join_bt a{
	display:inline-block;
	width:210px;
	height:70px;
	line-height:70px;
	background:#83c541;
	text-align:center;
	font-size:26px;
	margin-right:3%;
	color:#fff;
	text-decoration:none; 
	cursor:pointer;
}

.join_bt a:HOVER{	
	text-decoration:none; 
	color:#000;
}
	
.join_bt_banner{
	width:80px;
	margin-top:200px !important;
	float:right;
	right:80px;
	}
	
/* .join_bt_banner a{
	display:inline-block;
	width:210px;
	height:70px;
	line-height:70px;
	background:#83c541;
	text-align:center;
	font-size:26px;
	margin-right:3%;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	}
	 */
.join_bta{
	margin-right:0!important;
	background:orange!important;	
	text-decoration:none;
	}
	
.ban_jonb{
	width:100%;
	overflow:hidden;
	margin-top:180px;
	text-align:center;
	}
.ban_jonb li{
	width:30%;
	margin-right:5%;
	float:left;
	text-align:center;
	}
.ban_jonb li h3{
	font-size:58px;
	color:#fff;
	}	
.ban_jonb li h3 b{
	font-size:58px;
	color:#fff;
	font-weight:normal;
	display:inline-block;
	}
.ban_jonb li h3 span{
	color:#fff;
	font-size:20px;
	}
.ban_jonb li p{
	color:#fff;
	}
/*join新增*/
.join_form_l{
	padding-bottom:20px;
/*	padding-bottom:40px;*/
	padding-left:60px;
	padding-right:20px;
 	align:right;
    	vertical-align: middle;
}

.join_form_down {
    padding-bottom: 20px;
    padding-top: 10px;
    padding-left: 60px;
    padding-right: 20px;
    align: right;
    vertical-align: middle;
}

.join_form_up{
	padding-left:60px;
    /*padding-top: 10px;*/
    padding-right:20px;
    padding-bottom: 20px;
    align:right;
    vertical-align: middle;
}


.join_form_r{
	color: #999;
	font-size: 14px;
	line-height: 40px;
	width: 48%;
	float: right;	
	text-align: left;
}
.join_form_3{
	color: #999;
	font-size: 14px;
	line-height: 40px;
	width: 48%;
	float: left;
	border-bottom: 1px solid #999;
	text-align: left;
}
.join_form_4{
	color: #999;
	font-size: 14px;
	line-height: 40px;
	width: 48%;
	float: right;
	border-bottom: 1px solid #999;
	text-align: left;
}
.join_form_5{
	color: #999;
	font-size: 14px;
	line-height: 40px;
	width: 100%;
	float: left;
	border-bottom: 1px solid #999;
	text-align: left;
}
.join_form{
	margin-top: 80px;
}
.tijiaoshenqing{
	margin-top: 30px;
	text-align: center;
	cursor:default;
}
	
	
.tijiaoshenqing img{	
	cursor:pointer !important;
}

/*app*/

.app{
	width:100%;
	}
	
.app_box{
	width:100%;
	}
.app_l{
	width:100%;
	float:left;
	}
.app_list{
	width:100%;
	margin-top:50px;
	}
.app_l_l{
	width:80%;
	float:left;
	}
	
.app_l_r{
	width:20%;
	float:right;
	}

/*app*/





/*** 缓动 效果 ******/
.foot_top_list{
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	position:relative;
	top:60px;
	}
/*** about  ***/
.ab_tit{
	/* opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; */
	position:relative;
	/* top:60px; */
	
	}
.ab_tit1{
 
	position:relative;
	top:0px!important;
	
	opacity:1 !important;
    filter:alpha(opacity=1) !important;
    -moz-opacity:1 !important;
    -khtml-opacity:1 !important;
    -webkit-opacity:1 !important;
	
	}	


.comp_l{
	/* opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; */
	position:relative;
	/* top:60px; */
	}


.comp_r{
	/* opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; */
	position:relative;
	top:0px;
	}

.abn_l{
	/* opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; */
	position:relative;
	/* top:60px; */
	}


.abn_r{
	/* opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; */
	position:relative;
	/* top:60px; */
	}

.talent_l li{
	/* opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; */
	position:relative;
	/* top:60px; */
	}

.talent_r{
	/* opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; */
	position:relative;
	/* top:60px; */
	}

.abser_box li{
	/* opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; */
	position:relative;
	/* top:60px; */
	}

.not_box img{
	/* opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; */
	position:relative;
	/* top:60px; */
	}

.not_box p{
	/* opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; */
	position:relative;
	/* top:60px; */
	}

.index_btn{
	/* opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; */
	position:relative;
	/* top:60px; */
	}
/** pro **/
.pro_top{
	/* opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0; */
	position:relative;
	top:60px;
	}

.pro1_box1{
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	position:relative;
	top:60px;
	}

/***  join  ***/
.ban_join>h2{
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	position:relative;
	top:60px;
	}
.ban_join>p{
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	position:relative;
	top:60px;
	}
.join_bt a{
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	position:relative;
	top:60px;
	}
.ban_jonb li{
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	position:relative;
	top:60px;
	}
/** app ****/
.app_l_l{
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	position:relative;
	top:60px;
	}
	
.app_l_r{
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	position:relative;
	top:60px;
	}

.app_c{
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	position:relative;
	top:60px;
	}

.app_r_l{
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	position:relative;
	top:60px;
	}
.app_r_r{
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
	position:relative;
	top:60px;
	}

/* 新闻 */

.news1 {
	position: relative;
/* 	background: #f5f5f5; */
	padding-bottom:100px;
}
.news1_list {
	
	margin-top:30px;
	position:relative;
	top:60px;
 
}

.new1_img{
	overflow:hidden;
	}
.new1_img img{
	-webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -ms-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
	}
	
.news1_list:hover .new1_img img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
	
	}

.news1_con {
	padding: 50px 0;
}


.news1_text {
	background: #fff;
	padding: 20px 15px;
	position: relative;
	border: 1px solid #ccc;
	border-top:hidden;
	
}

.news1_text h3 {
	margin-top: 0;
	font-size: 16px;
	line-height: 30px;	
	color: #333;
}
.news1_text h4 {
	margin-top: 0;
	font-size: 14px;
	line-height: 25px;
	display:block;
	height:150px;
	overflow:hidden;
	color: #808080;
}


.news1_text p {
	margin-top: 0;
	font-size: 12px;
	line-height: 25px;
	color: #999;
	margin-bottom: 0;
}

.news1_text p i{
	margin-right:5px;
	}
.news1_text span {
	margin-top: 0;
	font-size: 12px;
	line-height: 25px;
	/*color: #391b1d;*/
	color:#007356;
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.news1_more {
	display:block;
	width:160px;
	border:1px solid #ddd;
	margin:0 auto;
	margin-bottom:50px;
	margin-top:50px;
	background:#999;
	text-align: center;
}
.news1_more a{
	font-size: 16px;
	color:#fff;
	line-height:40px;
	
	font-family:Arial, Helvetica, sans-serif;
}




/*新闻内页*/

.new_in{
	width:100%;
	margin:50px 0 80px;
	}
.newin_box{
	width:100%;
	overflow:hidden;
	margin-top:20px;
	text-align:center;
	}
	
.new_in h2{
	width:100%;
	text-align:center;
	font-size:20px;
	margin-top:40px;
	}
	
.newin_top{
	width:100%;
	text-align:center;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:#ddd 1px dotted;
	}	
	
.newin_top span{
	font-size:12px;
	color:#666;
	margin:0 5%;
	}
	
.newin_box img{
	margin:10px 0;
	}
	
.newin_box  p{
	color:#666;
	font-size:14px;
	line-height:24px;
	text-align:left;
	text-indent:2em;
	margin-bottom:0;
	}
	
.newin_a{
	width:170px;
	height:40px;
	line-height:40px;
	color:#fff;
	background:#83c541;
	display:block;
	margin:8% auto 0;
	}

.sr-bdimgshare,.sr-bdimgshare-list,.sr-bdimgshare-16,.sr-bdimgshare-black{
	display:none!important;
	}
	
.bdimgshare_1472044062813{
	display:none;
	}
	
.bdimgshare-bg{
	display:none;
	}

/*新闻内页*/



.map_box{
	width:100%;
	position:relative;
	padding-left:0;
	}
.map_box_l{
	height:100%;
	width:420px;
	position:absolute; left:-420px; top:0;
	background:url(../images/bg.png);
	}	
.map_box_r{
	width:100%;
	height:100%;
	position:relative;
	}	

.map_box_ltop{
	padding:30px;
	}	
.map_box_ltop h5{
	margin:0;
	line-height:20px;
	color:#83c541;
	margin-bottom:10px;
	font-size:16px;
	}	
.map_box_ltop h5 span{
	font-weight:600;
	line-height:20px;
	color:#83c541;
	font-size:16px;
	}	

.map_box_search{
	width:100%;
	position:relative;
	}
.map_box_search input{
	display:inline-block;
	width:100%;
	border:1px solid #ddd;
	line-height:48px;
	padding:0 10px;
	font-size:14px;
	letter-spacing:1px;
	}	
.map_box_search span{
	position:absolute; top:0; right:0;
	width:50px;
	height:50px;
	background:#83c541;
	color:#fff;
	text-align:center;
	line-height:50px;
	font-size:16px;
	cursor:pointer;
	}

.map_box_l ul{
	padding:0;
	margin:0;
	overflow-y:scroll;
	background:#fff;
	}	

.map_box_l ul li{
	width:100%;
	}
.map_box_l ul li>h5{
	padding:15px 60px 15px 80px;
	position:relative;
	line-height:25px;
	font-size:14px;
	margin:0;
	cursor:pointer;
	border-bottom:1px solid #eee;
	}
.map_box_l ul li>h5>i{
	font-size:24px;
	position:absolute; top:0; right:30px;
	color:#83c541;
	line-height:53px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
	}
.map_on >i{
	-webkit-transform: rotateZ(180deg);
	-moz-transform: rotateZ(180deg);
	-ms-transform: rotateZ(180deg);
	-o-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
	}		
.map_box_l ul li>h5>span{
	width:30px;
	height:36px;
	position:absolute; top:50%; left:30px;
	margin-top:-18px;
	background:url(../images/marker-icon.png) center no-repeat;
	background-size:100%;
	font-size:14px;
	line-height:32px;
	text-align:center;
	color:#fff;
	font-weight:600;
	}			
.map_box_l ul li>h5 p{
	margin-bottom:0;
	display:inline-block;
	margin-right:10px;
	font-size:14px;
	}
.map_box_l ul li>h5 p span{
	color:#333;
	font-weight:600;
	font-size:14px;
	}	

.map_box_show{
	width:100%;
	padding:20px 30px;
	background:#f6f6f6;
	position:relative;
	display:none;
	}
.map_box_shows{
	position:relative;
	border-bottom:1px solid #e0e0e0;
	padding:10px 0;
	}	
.map_box_shows_a{
	width:50px;
	float:left;
	text-align:center;
	color:#333;
	}	
.map_box_shows_a span{
	font-size:13px;
	line-height:25px;
	color:#999;
	}	
.map_box_shows_b{
	width:240px;
	float:left;
	padding-left:15px;
	}	
.map_box_shows_b h5{
	font-size:15px;
	color:#333;
	}
.map_box_shows_b p{
	font-size:12px;
	color:#666;
	margin-bottom:0;
	}	
.map_box_shows a{
	font-size:13px;
	line-height:30px;
	width:60px;
	text-align:center;
	position:absolute; right:0px; top:50%;
	margin-top:-15px;
	background:#999;
	color:#fff;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
	}
.map_box_shows a:hover{
	background:#83c541;
	}	
.map_table{
	height:41px;

	position:relative;
	}
.map_table p{
	position:absolute;
	left:1%;
	top:0;
	width:100%;
    height:100%;
	margin:0;
	border-bottom:1px solid #83c541;
	padding-left:30px;
	}
.map_table p span{
	width:160px;
	color:#333;
	display:block;
	text-align:center;
	float:left;
	line-height:40px;
	font-size:14px;
	cursor:pointer;
	margin:0 1.5% 0 0;
	background:#fff;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	}	
.map_table p span i{
	color:#333;
	padding-right:5px;
	}
.map_list{
	position:relative;
	}
.map_list ul{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	
	}

.bg_color{
	background:#83c541 !important;
	color:#fff  !important;
	}
.bg_color i{
	color:#fff !important;
	}
.ce_btn{
	position:absolute;
	top:50%;
	margin-top:-60px;
	width:50px;
	height:140px;
	right:-50px;
	background-color:#83c541;
	text-align:center;
	z-index:9999;
	padding-top:20px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	cursor:pointer;
	}
.ce_btn span{
	font-size:16px;
	color:#fff;
	width:28px;
	line-height:25px;
	display:inline-block;
	}


.foot_top_list_index{
	opacity:1 !important;
    filter:alpha(opacity=100) !important;
    -moz-opacity:1 !important; 
    -khtml-opacity:1 !important;
    -webkit-opacity:1 !important;
	position:relative !important;
	top:0 !important;
	}	


.safari{
	overflow:scroll !important;
	overflow-x:hidden !important;
	}

.safari .index_sec4{
	margin-top:0px !important;
	padding-top:60px !important;
	padding-bottom:90px !important;
	}
.safari .index_sec5{
	margin-top:0 !important;
	padding-top:60px !important;
	padding-bottom:60px !important;
	}	
.safari .index_sec4{
	margin-top:0 !important;
	}	
.safari .index_sec6{
	margin-top:0 !important;
	}	


.ie8_icon{
	display:none;
	}
.banner_btns{
	display:block;
	}
	
.toTop{
	/* opacity:0 ;
    filter:alpha(opacity=0) ;
    -moz-opacity:0 ; 
    -khtml-opacity:0 ;
    -webkit-opacity:0 ; */
    display:none;
}

 .newslist-right-warp{
	width:98%;
	float:right;
	padding:0 20px 20px;
	background:#fff;
}
.newslist-right-warp ul li{
	padding:40px 0;
	border-bottom:1px solid #e5e5e5;
}
.newslist-right-warp ul li h3{
	font-size:18px;
	line-height:28px;
	color:#383838;
	font-weight:normal;
}
.newslist-right-warp ul li h3 em{
	display:inline-block;
	float:right;
	font-size:14px;
	color:#808080;
}
.newslist-right-warp ul li p{
	font-size:14px;
	line-height:22px;
	color:#808080;
}
.newslist-right-warp ul li p a{
	display:inline-block;
	float:right;
	color:#55d4cb;
}

.page_and_btn {width:100%;height:auto;overflow:hidden;padding:10px 0px 0px 0px;}
.page_and_btn ul { margin:0px;list-style:none;float:right;width:auto;height:100%;overflow:hidden;padding:0px;}
.page_and_btn ul li { float:left; border:1px solid #CCCCCC; height:20px; line-height:20px; margin:0px 2px;}
.page_and_btn ul li a{color:#333; text-decoration:none;}
.page_and_btn ul li a, .pageinfo { display:block; padding:0px 6px; background:#FAFBFD;}
.page_and_btn  { color:#555;}
.current { background:#ccced4; display:block; padding:0px 6px; font-weight:bold;}
.page_and_btn div{float:left;}


/*------------------------
	price table
---------------------------  */
/* Price Block Element */
.waves-container {
    position: relative;
}
.waves-container > .waves-main,
.waves-container > .row > .waves-main{
    padding: 30px 15px;
}
.waves-container > .waves-sidebar.left-sidebar,
.waves-container > .row > .waves-sidebar.left-sidebar{
    padding-top: 30px;
    padding-left: 15px;
}
.waves-container > .waves-sidebar.right-sidebar,
.waves-container > .row > .waves-sidebar.right-sidebar{
    padding-top: 30px;
    padding-right: 15px;
}
.waves-main.left {
    margin-right: 300px;
}
.waves-main.right {
    margin-left: 300px;
}
.waves-sidebar {
    padding-left: 15px;
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
}
.waves-sidebar.left-sidebar {
    padding-left: 0;
    padding-right: 15px;
    right: auto;
    left: 0;
}
.tw-element.waves-pricing {
    padding-left: 0;
    padding-right: 0;
}
.pricing-column {
    position: relative;
    background-color: #fff;
    text-align: center;
    margin-right: -1px;
}
.tw-pricing-two {
    width: 50%;
}
.tw-pricing-three {
    width: 33.333%;
}
.tw-pricing-four {
    width: 25%;
}
.pricing-column {
    float: left;
    padding: 0 15px;
}

.pricing-header h1 {
    font-size: 22px;
    color: #21b6a8;
}
.pricing-top {
    width: 195px;
    height: 195px;
    border: 3px solid #21b6a8;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    margin: -95px auto 0;
    padding-top: 45px;
    background: #fff;
    color: #21b6a8;
}
.pricing-box {
    margin-top: 10px;
    margin-bottom: 30px;
    border: 2px solid #FFA500 ;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.price-symbol {
    font-size: 60px;
    font-weight: normal;
    line-height: 64px;
}
.price-time {
    font-size: 22px;
}
.pricing-content{
    padding: 0px 0 0px;
    height:365px;
}
.pricing-content h3 {
    margin-bottom: 10px;
}
.pricing-content ul {
    margin: 0 0 0;
    padding: 2px 0 0;
    background: #f4f4f4;
    color: #343434;
}
.pricing-content ul li{
    padding: 20px;
    list-style: none;
    margin: 0;
    line-height: 1.5;
    font-size:16px;
    text-align: left;
    padding-left:30%;
}

.pricing-content ul>li>i{
    margin-right: 10px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: #21B6A8;
    width: 21px;
    height: 21px;
    text-align: center;
    border-radius: 4px;
}

.pricing-footer a{
    font-size: 16px;
    font-weight: 900;
    border-color: #21b6a8;
    background: #fff;
    color: #21b6a8;
    padding: 15px 40px;
    margin: 0 0 -32px;
    text-transform: uppercase;
}
.pricing-footer a:hover{
    background: #21b6a8;
    color: #fff;
}
.pricing-column.featured .pricing-top,.pricing-column:hover .pricing-top{
    width: 215px;
    border: 10px solid #fff;
    border-bottom: none;
    border-top: none;
    background: #21b6a8;
    color: #fff;
}
.pricing-column.featured .pricing-box,.pricing-column:hover .pricing-box{
    border: 2px solid #21b6a8;
}
.pricing-column.featured .pricing-footer a,.pricing-column:hover .pricing-footer a{
    background: #21b6a8;
    color: #fff !important;
}
.pricing-column.featured .pricing-footer a:hover,.pricing-column:hover .pricing-footer a:hover{
    background: #fff !important;
    color: #21b6a8 !important;
}

.waves-container {
    position: relative;
}
.waves-container > .waves-main,
.waves-container > .row > .waves-main{
    padding: 30px 15px;
}
.waves-container > .waves-sidebar.left-sidebar,
.waves-container > .row > .waves-sidebar.left-sidebar{
    padding-top: 30px;
    padding-left: 15px;
}
.waves-container > .waves-sidebar.right-sidebar,
.waves-container > .row > .waves-sidebar.right-sidebar{
    padding-top: 30px;
    padding-right: 15px;
}
.waves-main.left {
    margin-right: 300px;
}
.waves-main.right {
    margin-left: 300px;
}
.waves-sidebar {
    padding-left: 15px;
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
}
.waves-sidebar.left-sidebar {
    padding-left: 0;
    padding-right: 15px;
    right: auto;
    left: 0;
}

/* 分页 */
 .pagination{margin:10px 0;}
 .pagination ul{display:inline-block;*display:inline;margin-bottom:0;margin-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*zoom:1;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}
 .pagination ul>li{display:inline;}
 .pagination ul>li>a,.pagination ul>li>input,.pagination ul>li>select,.pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#fff;border:1px solid #ddd;border-left-width:0}
 .pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#f5f5f5}
 .pagination ul>.active>a,.pagination ul>.active>span{color:#999;cursor:default}
 .pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#999;cursor:default;background-color:transparent}
 .pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px}
 .pagination ul>li:last-child>a,.pagination ul>li:last-child>span{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px}
 
 
 .pagination .btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.pagination .btn-success:focus,
.pagination .btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.pagination .btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}


.smart-tap-wrap{box-sizing:border-box;padding:120px 0 70px 86px}
.smart-tap-wrap .smart-tap-wrap{
	height:540px;	
   /*  width:440px;  */
	text-align:center;
    width:25%; 
	float:left;
	margin-bottom:30px;
	position:relative;
	}
.smart-tap-wrap .con-txt{text-indent:0;margin-bottom:0}
.smart-tap-wrap .con-tit{margin-bottom:12px;-webkit-transition:1s;transition:1s}
.smart-tap-wrap ul{padding-top:54px}
.smart-tap-wrap li{margin-bottom:80px;cursor:pointer}
.smart-tap-wrap li.active .con-tit,.smart-tap-wrap li:hover .con-tit{color:#83c541}
.smart-tap-wrap .smart-tap-img{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;z-index:1;-webkit-transition:1.5s;transition:1.5s}
.smart-tap-wrap .active{opacity:1;z-index:2}
.smart-tap-wrap .smart-dot-wrap{position:absolute;left:0;bottom:0;width:100%}
.smart-tap-wrap .smart-dot{display:inline-block;width:10px;height:10px;border-radius:5px;background:#e1e1e1;margin:0 8px;cursor:pointer;-webkit-transition:.5s;transition:.5s}
.smart-tap-wrap .smart-dot.active{background:#83c541}
.tr{text-align:right!important}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex}

/** 关于我们 联系我们 **/
.content_pane{}
.content_pane .left_img{float:left;margin:0 36px 0 40px;}
.content_pane .cont_font{color:#707477;line-height:30px;font-size:16px;}
.content_pane .cont_font ul{line-height: 16px;}
.content_pane .cont_font li{margin-bottom:18px;font-size:16px;}
.content_pane .cont_font li>span{margin-left:8px;font-size:16px;}
.content_pane .cont_font li>img{margin-left:8px;}
.content_pane .cont_font li>i{
    margin-right: 10px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    background-color: #83c541;
    color: #FBFBFB;
    width: 21px;
    height: 21px;
    text-align: center;
    border-radius: 4px;
}

.comp_cont_r{
	padding:10px 10px 10px 20px;
}

.ab_tit>h2:AFTER {
    content: "";
	width:98%;
	height:2px;
    display: block;
    position: absolute;
    bottom: 5;
    left: 0;
    background-color: #83c541;	
}

.ab_tit i{
	margin-right: 10px;
    font-size: 32px;
    font-weight: normal;
    line-height: 32px;
    background-color: #83c541;
    color: #FBFBFB;
    width: 36px;
    height: 36px;
    text-align: center;
    border-radius: 4px;
}

#myModal{
	top:5%;	
}

.params-con {
	border-top: 1px solid #e9eaeb;
	border-left: 1px solid #e9eaeb;
	border-right: 1px solid #e9eaeb;
	margin-top: 30px;
	width:98%;
}
.params-con table {
	background-color: #fff!important;
	width: 100%;
}
.params-con table th, .params-con table td {
	border-bottom: 1px solid #e9eaeb;
	border-right: 1px solid #e9eaeb;
	font-size:14px;
	text-align: center;
}
.params-con table th {
	background-color: #f4f6f7;
	padding: 20px 0;
}
.params-con table td {
	padding: 30px 0;
	vertical-align: top;
}
.params-con table td.params-con-title {
	text-align: center;
}
.params-con table td p {
	text-align: center;
	color: #333;
	padding-top: 10px;
}
.params-con table td dl {
	width: 80%;
	margin: 0 auto 10px;
*zoom:1;
}
.params-con table td dl:before, .params-con table td dl:after {
	display: table;
	content: "";
	line-height: 0;
}
.params-con table td dl:after {
	clear: both;
}
.params-con table td dl dt, .params-con table td dl dd {
	float: left;
	line-height: 2;	
}

.params-con table td dl dt{
	text-align: right;
}

.params-con table td dl dd {	
	text-align: left;
}

.params-con table td dl dt {
	width: 30%;
	margin:0;
}
.params-con table td dl dd {
	width: 70%;
	margin: 0;	
	color: #757575;
	word-break: break-all;
}

.params-con-row  dt{	
	width: 50%!important;
	padding-left:5px;
}

.params-con-row  dd {	
	width: 50%!important;
	padding-left:5px;
}

.params-con-des ul>li>span{
	text-indent:2em;
	line-height: 200%;
	font-size:14px;	
}

.params-con-des ul{
	padding:10px;
	text-align:left!important;
}

.params-con table td dl .spe {
	color: #616161;
}
.params-con table td img {
	display: block;
	margin: auto;
}



.bg-parallax{
        background-attachment: scroll !important;
        background-position: top center !important;
        background-size: cover;
        padding:20px 0;
    }
    
 .tw-service-box.style_1:hover .tw-font-icon{
    color: #fff !important;
    background-color: #21B6A8 !important;
    border-color: #21B6A8 !important;
}

.tw-font-icon,.tw-font-icon:after,.tw-font-icon:before{
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

#div_8b27_12{margin-left:-47px;}
#div_8b27_9{margin-left:-47px;}

/* .tw-service-box .tw-service-icon{
    display: block;
    margin-bottom: 28px;
    text-align: center;
} */
.tw-service-box .tw-service-icon.pull-left,.tw-service-box .tw-service-icon.pull-right{
    margin-bottom: 10px;
}

 .left-service.style_2 .tw-service-icon{
    top: 50%;
} 
.left-service,.tw-service,.right-service{
    display: inline-block;
    *display: inline;
    position: relative;
}
.left-service .tw-service-icon,.right-service .tw-service-icon{
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    padding-top:20px;
}
/* .right-service .tw-service-icon{
    left: auto;
    right: 0;
} */

/* .tw-service-box, .tw-service-box h3, .tw-service-box .tw-font-icon, 
.pricing-box{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
} */

.tw-service-box.style_1:hover .tw-font-icon{
    color: #fff !important;
    background-color: #21B6A8 !important;
    border-color: #21B6A8 !important;
}
 .tw-service-box.style_2:hover .tw-font-icon{
    color: #fff !important;
    background-color: #21B6A8 !important;
    border-color: #fff !important;
} 
.tw-service-box.style_2:hover{
    background-color: #f5f5f5;
    border: solid 1px #d5d5d5;
}

.tw-service-box .tw-service-content.desc_unstyle{
   /*  text-align:inherit; */
}

/* .tw-service-box .tw-service-content{
    text-align: center;
} */

.tw-service-box.right-service .tw-service-content.desc_unstyle{
    text-align:right;
}

.service-title-sep{
    margin: 10px auto 10px 10px;
    width:  70px;
    height: 2px;
    background-color: #e5e5e5;
}

.tw-font-icon,.tw-font-icon:after,.tw-font-icon:before{
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.tw-future-icon{
	padding: 20px 5px 20px 5px;
}

.tw-future-image{
	margin-top:50px;
	padding: 60px 5px 10px 5px;
}

.tw-chuangxin-image{
	margin-bottom:40px;
	padding:0px;
	text-align: center;
}

.tw-chuangxin-banner-image{
	/* padding:0px;
	text-align: center; */
}

.chuanxin{
	position: relative;
}

.chuanxin-banner{
	position: relative;
	margin-top:0px;
	/* margin-bottom:20px;	 */
}

.chuanxin-case{
	position: relative;
	margin-top:60px;
	/* margin-bottom:20px;	 */
}

.join-case-bg{
	display:block;
	background-image: url(../images/join-bg.png);
}

.chuangxin_join_left{
	width:40%;
	margin:0 auto;
	position:absolute;
	left:8%;
	top:5%;
}

	
.chuangxin_jonb_left{
	width:100%;
	overflow:hidden;
	position:relative;
	}

.chuangxin_join_left .left-one{	
	margin-top:20px;
}

.chuangxin_join_left .left-two{	
	margin-top:60px;
}

.chuangxin_join_left .left-three{	
	margin-top:50px;
}

.chuangxin_join_right{
	right:8px;
	width:40%;
	margin:0 120px 0 0;
	position:absolute;
	top:5%;
}

.chuangxin_join_right .right-one{	
	margin-top:20px;
}

.chuangxin_join_right .right-two{	
	margin-top:80px;
}

.chuangxin_join_right .right-three{	
	margin-top:60px;
}
	
.chuangxin_jonb_right{
	width:100%;
	overflow:hidden;
	position:relative;
	
	}
	
.chuangxin_jonb_left p{
	width:260px;
	height:auto;
	font-size:22px;
	color:#fff;
	border-style: dashed;
	border-width: 2px;
	border-color: #83c541;
	padding:5px;
	text-align: left;
	float:left;	
}

.chuangxin_jonb_right p{
	width:260px;
	height:auto;
	font-size:22px;
	color:#fff;
	border-style: dashed;
	border-width: 2px;
	border-color: #83c541;
	padding:5px;
	text-align: left;
	float:right;	
}

#div_8b27_7{background-color:#f1f1f1;padding-top:30px;padding-bottom:30px;}
#div_8b27_0{margin-top:74px;}
#div_8b27_1{margin-top:-74px;}
#i_8b27_0{border-style: solid;font-style:normal;text-align:center;font-size:60px;width:62px;line-height:62px;padding:40px;color:#808080;background-color:#fff;border-color:#808080;border-width:4px;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;}
#div_8b27_2{margin-top:74px;}
#div_8b27_3{margin-top:-74px;}
#i_8b27_1{border-style: solid;font-style:normal;text-align:center;font-size:60px;width:62px;line-height:62px;padding:40px;color:#808080;background-color:#fff;border-color:#808080;border-width:4px;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;}
#div_8b27_4{margin-top:74px;}
#div_8b27_5{margin-top:-74px;}
#i_8b27_2{border-style: solid;font-style:normal;text-align:center;font-size:60px;width:62px;line-height:62px;padding:40px;color:#808080;background-color:#fff;border-color:#808080;border-width:4px;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;}
#div_8b27_6{margin-bottom:60px}
#h2_8b27_0{text-align: center; font-weight: 300;}
#div_8b27_8{margin-left:47px;height:120px;}
#div_8b27_9{margin-left:-47px;}
#i_8b27_3{border-style: solid;font-style:normal;text-align:center;font-size:30px;width:32px;line-height:32px;padding:30px;color:#808080;background-color:#FFA500;border-color:#808080;border-width:2px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;}
#div_8b27_10{margin-left:32px;padding-left:10px;border-left-style: solid;border-left-color: orange;border-left-width: 5px;}
#div_8b27_11{margin-left:47px;}
#div_8b27_12{margin-left:-47px;}
#i_8b27_4{border-style: solid;font-style:normal;text-align:center;font-size:30px;width:32px;line-height:32px;padding:30px;color:#808080;background-color:#FFA500;border-color:#808080;border-width:2px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;}
#div_8b27_13{margin-left:32px;padding-left:10px;border-left-style: solid;border-left-color: orange;border-left-width: 5px;}
#div_8b27_14{margin-left:47px;}
#div_8b27_15{margin-left:-47px;}
#i_8b27_5{border-style: solid;font-style:normal;text-align:center;font-size:30px;width:32px;line-height:32px;padding:30px;color:#808080;background-color:#FFA500/* transparent */;border-color:#808080;border-width:2px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;}
#div_8b27_16{margin-left:32px;padding-left:10px;border-left-style: solid;border-left-color: orange;border-left-width: 5px;}
#div_8b27_17{display:block;margin-bottom:60px;margin-top:60px;}
#div_8b27_18{opacity:0;}
#div_8b27_19{margin-bottom:-60px}
#div_8b27_20{opacity:0;}
#div_8b27_21{opacity:0;}
#div_8b27_22{opacity:0;}
#div_8b27_23{opacity:0;}

#i_7fb0_0{border-style: solid;font-style:normal;text-align:center;font-size:28px;width:30px;line-height:30px;padding:51px;color:#808080;background-color:fff;border-color:#808080;border-width:3px;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;}

.section-title-case {
	padding-top:20px;
	margin-bottom: 60px;
	border-bottom-style: solid;
	border-bottom-color: #83c541;
	border-bottom-width: 2px; 
	width:300px;
	margin:0px auto;
	padding-bottom:20px;
	
}

.section-title-case span{
	font-size:32px;
	color:orange;	
}

.section-title {
	padding-top:20px;
	margin-bottom: 60px;
	border-bottom-style: solid;
	border-bottom-color: #83c541;
	border-bottom-width: 2px; 
}

.section-title .bigFirstText{
	font-size:48px;
	font-weight: bold;
	color:orange;
}

.section-title .otherText{
	font-size:32px;
}

.service .icon i {
	font-size: 60px;
}
.service h4 {
	margin: 0 0 17px;
}


.div_bottom_border{
	border-style: solid;
	border-color: orange;
	border-radius:2em;
	border-width: 2px; 
	margin:10px;
	padding:10px;
	color:#83c541;
	cursor: default;
}

.div_bottom_border:HOVER{
	border-style: solid;
	border-radius:2em;
	border-width: 2px;
	border-color: #83c541;
	color:orange;
	background-color: #f5f5f5;
}

#img_server{
	padding-bottom:20px;
	background-color:#83c541;
	height:90px;
	width:90px;
	border-radius: 5px;
	margin:10px auto;
	}
	
	
<!--时间轴 -->
.bg-scroll,.bg-fixed,.bg-parallax{
    background-size: cover;
}

.waves-about{
    background-image: url(../images/about-bg.png);
    background-repeat: repeat-y;
    background-position: 50%;
    padding-top:10px;
    padding-bottom:20px;
}
.waves-about .about-type-content{
    position: relative;
}
.waves-about .about-type-content>.about-bullet{
    position: absolute;
    top: 50%;
    left: 50%;
    border: solid 2px #d5d5d5;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-top: -15px;
    margin-left: -15px;
    background-color: #ffffff;
    text-align: center;
}

.waves-about .about-type-content>.about-bullet i{
	padding-top:5px;
	padding-left:1px;
	font-size: 20px;
    font-weight: normal;
    line-height: 20px;
}

.waves-about .about-type-content>.about-bullet, 
.waves-about .about-type-content>.about-content,
.waves-about .about-type-content>.about-content:before{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.waves-about .about-type-content:hover>.about-bullet{
    border-color: #ffffff;
    background-color: #21b6a8;
}
.waves-about .about-type-title{
    text-align: center;
}
.waves-about .about-type-title>.about-title{
    color: #FFF;
    background-color: #21B6A8;
    display: inline-block;
    padding: 9px 24px;
    font-size: 20px;
    line-height: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 2px #fff;
    margin: 60px auto;
}
.waves-about .about-type-title:first-child>.about-title{
    margin-top:0;
}
.waves-about .about-type-title:last-child>.about-title{
    margin-bottom: 0;
}
.waves-about .about-type-content>.about-content,.waves-about .about-type-content>.about-content:before{
    width: 20%;
    background-color: #F5F5F5;
    border-style: solid;
    border-width: 1px;
    border-color: #21B6A8;
}
.waves-about .about-type-content>.about-content:before{
    position: absolute;
    content: "";
    top: 50%;
    right: -10px;
    margin-top: -10px;
    width:  20px;
    height: 20px;
    -webkit-transform:  rotate(45deg);
    -moz-transform:     rotate(45deg);
    -o-transform:       rotate(45deg);
    -ms-transform:      rotate(45deg);
    transform:          rotate(45deg);
    border-left-width: 0;
    border-bottom-width: 0;
}
.waves-about .about-pos-right>.about-content:before{
    right: auto;
    left: -10px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 0;
    border-top-width: 0;
}
.waves-about .about-type-content>.about-content{
    position: relative;
    color: #808080;
    padding: 16px 28px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.waves-about .about-pos-right>.about-content{
    float: right;
    right:20%;
}

.waves-about .about-pos-left>.about-content{
    float: left;
    left:20%;
}

.waves-about .about-type-content .about-heading>div{
    display: inline-block;
}
.waves-about .about-type-content .about-title{
    font-family: 'Lato';
    font-size: 20px;
    color: orange;/* #808080 */;
    font-weight: bold;
    margin-bottom:10px;
    padding-bottom:2px;
    border-bottom-style: solid;
    border-bottom-width:1px;
    border-bottom-color:orange;
}
.waves-about .about-type-content .about-date{
    float: right;
    font-size: 16px;
}
.waves-about .about-type-content:hover .about-content,.waves-about .about-type-content:hover .about-content:before{
    background-color: #ffffff;
    border-color: #d5d5d5;
}
.waves-about .about-type-content:hover .about-title{
    color: #21b6a8;
    font-weight: 600;
}
.waves-about .about-type-content:hover .about-date{
    font-weight: 600;
}

.waves-heading{
    position: relative;
    text-align: center;
}
.waves-heading .heading-title.minimal{
    font-size: 20px;
    font-weight: 700;
}
.waves-heading .heading-title.minimal>span.title-seperator{
    width: 100px;
    background: #808080;
    margin: 22px auto 30px;
}
.waves-heading .heading-title{
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 0px;
    font-size: 35px;
    padding-bottom:10px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
	border-bottom-color: #83c541;
	
}
.waves-heading .heading-title>span{
    color: #21b6a8;
}
.waves-heading p{
    font-size: 24px;
}

.waves-heading p {
    max-width: 100%;
    margin: 38px auto 0;
}

.waves-heading.left, .left .waves-title {
    text-align: left;
}
.waves-heading.left .title-seperator,.waves-heading.left p{
    margin-left: 0;
}
.waves-heading.left .title-seperator, .waves-heading.right .title-seperator{
    width: 153px;
}
.waves-heading.left .title-seperator > i.default{
    margin-left: 0;
    left: 0;
    width: 16px;
    padding-right: 2px;
}
.waves-heading.right{
    text-align: right;
}
.waves-heading.right .title-seperator,.waves-heading.right p{
    margin-right: 0;
}
.waves-heading.right .title-seperator > i.default{
    margin-left: 0;
    left: auto;
    right: 0;
    width: 16px;
    padding-left: 2px;
}

.waves-title h3{
    font-size: 20px;
    margin-bottom: 20px;
}


/**400+招募计划**/
.panel-header-join{
	/* background-color:#21b6a8!important; */
	height:60px;
}

.panel-body-join span{
	/* background-color:#21b6a8!important; */
	font-size:16px;
}

.panel-body-join ul{
	/* line-height: 2em; */
	list-style-type:disc;	
	color:#83c541!important;
	/* background-color:red; */
}

.panel-body-join li{
	line-height:40px;
}

.panel-body-join-left{
	width:18%;
	margin:0 auto;
	position:absolute;
	left:8%;
	top:6%;
	bottom:5%;
	border-style: solid;
	border-width: 0px;
	border-color:#000;
	border-radius: 10px;
	background-color:#f1f1f1;
	padding-top:40px;
}

.panel-body-join-left-title{
	width:60%;
	padding-top:20px;
	height:50px;
	background-color:#83c541;

}

.panel-body-join-left-title H5{
	text-align: left;
	padding-left:20px;
	font-size:22px;
	margin:0px auto;
	color:#fff;
}

.panel-body_jonb_left{
	width:90%;
	overflow:hidden;
	position:relative;
	padding-top:20px;
	margin:20px 10px 10px 20px;
	color:#83c541!important;	
}


/* .left-jiedu{	
	margin-top:60px;	
} */

/* .panel-body_jonb_left ul>li{	
	list-style-type: disc!important;
	color:#83c541!important;
} */

.panel-body_jonb_left li{
	line-height:30px;
}

.panel-body_jonb_left ul>li>span{	
	font-size:26px;
	padding-left:10px;
	color:#83c541!important;
}

.panel-body_jonb_left ul>li>p{	
	font-size:18px;
	padding-left: 2em;
	color:#83c541!important;
}

.panel-body_jonb_left  i{
	padding-top:5px;
	padding-left:1px;
	font-size: 26px;
    font-weight: normal;
    line-height: 20px;
    color:#83c541!important;
}

.panel-body-join-right{
	right:10px;
	width:35%;
	margin:0 20px 0 0;
	position:absolute;
	top:15%;
	bottom:5%;
	text-align:center;	
}


.panel-body_jonb_right{
	border-style: solid;
	border-color: orange;
	border-width: 1px;
	width:90%;
	height:100px;
}


.panel-body-right-one{
	margin-top:40px;
}

.panel-body-right-two{
	margin-top:40px;
	margin-bottom:40px;
	text-align: center;
}

.panel-body-right-three{
	margin-bottom:40px;
}

.left-one-header{
	width:20%;	
	border-style: solid;
	border-color: orange;
	border-width: 1px;
	height:100px;
	margin:-1px;
	background-color:#83c541;
}

.right-one-content{
	width:80%;
	padding-right:20px;	
	text-align: left;
	margin:0px auto;
}

.right-one-content p{
	color:#fff;
	font-size:20px;
	height:100px;
	padding:10px;
	white-space:normal; 
}

.panel-body-join-title{	
	margin:0 auto;
	position:absolute;
	left:43%;
	top:3%;	
	
}

.panel-body-join-title h1{	
	color:#83c541;
	font-weight:bold;
	border-bottom-style: solid;
	border-bottom-color:#83c541;
	border-bottom-width:2px;
	padding-bottom:5px;
}

/* #wrapper-one,#wrapper-two,#wrapper-three {display:table;margin:0 auto;color:red;}
#cell-one,#cell-two,#cell-three{display:table-cell; vertical-align:middle;}
#cell-one-one,#cell-two-two,#cell-three-three{display:table-cell; vertical-align:middle;} */

.step-body{
	position: relative;	
	padding-top:0px;
	padding-bottom:140px;
	margin-top:0px;
	/* height:630px; */
}


.step-list{
/* 	display: none;
	clear: both; */
}

.page-panel-title{
	height: 80px;
	line-height: 24px;
	padding: 10px 30px;
	background-color: #e0f5f1;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	font-family: 微软雅黑;
	font-weight: bold;
	text-align: center;
	color:#21b6a8;
}

.page-panel-title i{
	font-size:22px;
	color:#21b6a8;
}


.page-panel-title-left{
	float: left;
	color: #009999;
	font-size: 16px;
	font-style: italic;
}
.page-panel-title-right{
	float: right;
	color: #FF6700;
	font-size: 14px;
	
}
.intro-flow{
	margin-top: 50px;
	
}
.intro-list{
	padding-top:20px;
	padding-bottom:20px;
}

.intro-list-left{
	float: left;
	text-align: right;
	width: 28%;
	font-size: 16px;
	font-weight: bold;
	font-family: 微软雅黑;
	color: #333333;
	padding: 8px;
}
.intro-list-right{
	float: left;
	width: 70%;
	text-align: left;
	padding-bottom: 60px;
	background: url(../images/ling-bg.jpg) repeat-y 13px;

}
.intro-list-last .intro-list-right{
	padding-bottom: 0px;
	background: url(../images/ling-bg.jpg) repeat-y 13px;
}

.intro-list-right>span{
	float: left;
	background: url(../images/circle.png);
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	display: block;
	
}
.intro-list-content{
	float: left;
	border: 1px solid #A8E0DC;
	border-radius: 6px;
	background-color: #F2FFFC;
	color: #666666;
	font-size: 13px;
	font-family: 宋体;
	padding: 10px 20px;
	position: relative;
	left: 25px;
	width: 80%;
	line-height: 18px;

}
.intro-list-content:before,.intro-list-content:after{
	content:"";
    border-width:9px;
    position:absolute;
    left:-18px;
    border-style:solid dashed dashed;
    border-color:transparent #A8E0DC transparent transparent;
}
.intro-list-content:after{
   	left:-17px;
   	top: 10px;
    border-color:transparent #F2FFFC transparent transparent;
}
.intro-list-active>.intro-list-left{
	color: #ff6600;

}
.intro-list-active>.intro-list-right>span{
	background: url(../images/circle-active.png);
}

.intro-list-active .intro-list-content{
	border-color: #FFB48F;
	background-color:#FFF8F0;
}
.intro-list-active .intro-list-content:before,.intro-list-active .intro-list-content:after{
    border-color:transparent #FFB48F transparent transparent;
}
.intro-list-active .intro-list-content:after{
    border-color:transparent #FFF8F0 transparent transparent;
}


.pro_ban{background:url("../images/pro_banner.jpg") center no-repeat;height:630px;margin:0 0 0 0;}
.phone_banner{background:url("../images/pro_pbanner.jpg") center no-repeat;height:630px;margin:0 0 0 0;}

.plan_ban{background:url("../images/plan_banner.jpg") center no-repeat;height:630px;margin:0 0 0 0;}
.phone_plan_banner{background:url("../images/plan_pbanner.jpg") center no-repeat;height:630px;margin:0 0 0 0;}

.case_ban{background:url("../images/ca_banner.jpg") center no-repeat;height:630px;margin:0 0 0 0;}
.phone_case_banner{background:url("../images/case_pbanner.jpg") center no-repeat;height:630px;margin:0 0 0 0;}

.ban_in{background:url("../images/join_ban.jpg") center no-repeat;height:950px;margin:0 0 0 0;}
/*.phone_case_banner{background:url("../images/case_pbanner.jpg") center no-repeat;height:630px;margin:0 0 48px 0;}*/

.ab_ban{background:url("../images/about1_new.jpg") center no-repeat;height:630px;margin:0 0 0 0;}
.phone_ab_banner{background:url("../images/about_pbanner.jpg") center no-repeat;height:630px;margin:0 0 0 0;}

.job_ban{background:url("../images/zhaopin.jpg") center no-repeat;height:480px;margin:0 0 0 0;}
.phone_job_banner{background:url("../images/zhaopin.jpg") center no-repeat;height:480px;margin:0 0 0 0;}

.partner_ban{background:url("../images/partner-join.jpg") center no-repeat;height:420px;margin:0 0 0 0;}
.phone_partner_banner{background:url("../images/partner-join.jpg") center no-repeat;height:420px;margin:0 0 0 0;}


.ban1{background:url("../images/yidong-bg.jpg") center no-repeat;height:720px;margin:0 0 0 0;}


 .col-sm-6_hzhd {
    width: 48%;
  }