﻿.guide-slider {
    width:100%;
    margin:50px auto;
    background: #fff;
    height: 360px;
}

.guide-slider .guide {
    width: 250px;
    height: 360px;
    float: left;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
    position: relative;
    overflow: hidden;
}

.guide-slider .guide .display {
    border-right: 1px solid #d5d5d5;
    width: 250px;
    height: 360px;
    text-align: center;
    float: left;
    position: relative;
    z-index: 2;
    background: #ffffff;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}

.guide-slider .guide .display .icon {
    display: inline-block;
    width: 74px;
    height: 74px;
    margin-top: 42px;
    background-image: url("../images/function.png");
}

.guide-slider .guide .display .icon.icon1 {
    background-position: -592px 0;
}

.guide-slider .guide .display .icon.icon2 {
    background-position: 0 0;
}

.guide-slider .guide .display .icon.icon3 {
    background-position: -296px 0;
}

.guide-slider .guide .display .icon.icon4 {
    background-position: -444px 0;
}

.guide-slider .guide .display .icon.icon5 {
    background-position: -518px 0;
}

.guide-slider .guide .display .title {
    font-size: 16px;
    color: #666666;
    height: 40px;
    line-height: 40px;
}

.guide-slider .guide .display .introduction {
    border-top: 1px solid #ddd;
    width: 200px;
    margin: 0 auto;
    font-size: 13px;
	padding-top:10px;
    color: #999999;
    text-align: left;
    line-height: 20px;
}

.guide-slider .guide .display::after {
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-color: transparent #ffffff transparent transparent;
    border-width: 10px 15px;
    top: 100%;
    margin-top: 0;
    right: -1px;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}

.guide-slider .guide .behind {
    width: 250px;
    height: 360px;
    display: inline-block;
    border-right: 1px solid #ddd;
    background: #fff;
    overflow: hidden;
    position: absolute;
    right: 20;
    top: 0;
    z-index: 1;
}

.guide-slider .guide .behind .function-list-wrap {
    width: 210px;
    margin: 0 auto;
}

.guide-slider .guide .behind .function-list {
    margin-right: -10px;
    margin-top: 20px;
}

.guide-slider .guide .behind .function-list > li {
    float: left;
    padding-right: 10px;
}

.guide-slider .guide .behind .function-list > li > a {
    display: block;
    border: 1px solid #ddd;
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 18px;
    color: #15b29d;
}

.guide-slider .guide .behind .function-list > li > a:hover {
    text-decoration: none;
    border: 1px solid #ccc;
    background: #ccc;
    color: #ffffff;
}

.guide-slider .guide .behind .function-list > li > a.important {
    color: #f58914;
}

.guide-slider .guide .behind .function-list > li > a.important:hover {
    border: 1px solid #f58914;
    background: #f58914;
    color: #ffffff;
}

.guide-slider .guide.on {
    width: 450px;
}

.guide-slider .guide.on .display {
    background: #15b29d;
    border-right-color: transparent;
}

.guide-slider .guide.on .display .title {
    color: #fff;
}

.guide-slider .guide.on .display .introduction {
    color: #fff;
}

.guide-slider .guide.on .display::after {
    top: 50%;
    margin-top: -5px;
}

.guide-slider .guide.on .display .icon.icon1 {
    background-position: -74px 0;
}

.guide-slider .guide.on .display .icon.icon2 {
    background-position: -148px 0;
}

.guide-slider .guide.on .display .icon.icon3 {
    background-position: -222px 0;
}

.guide-slider .guide.on .display .icon.icon4 {
    background-position: -370px 0;
}

.guide-slider .guide.on .display .icon.icon5 {
    background-position: -666px 0;
}

.main {
	padding:0px 50px 90px 50px;
}
.main .container{
	width:100%; height:auto; margin:0 auto;
}
.main .maincp {
	padding-top:10px;
}
.maincp .left {
	width:40%;
	height:600px;
	line-height:225px;
	float:left;
}
.main .maincp .left img {
	vertical-align:middle;
	width:100%;
}
.main .maincp .right {
	position:relative;
	width:57%;
	padding-left:3%;
	float:right;
}
.main .maincp .right {
	line-height:26px;
	color:#666;
	font-size:14px;
}
.main .maincp .right.rightneirong {
	width:100%;
	text-align:center;
	height:500px;
	color:#666;
	font-size:14px;
}
.rightneirong .neironga{
	margin:0 auto;
	width:100%;
	text-align:center;
}
.rightneirong ul{
	margin:0 auto;
	width:340px;
	text-align:center;
}
.rightneirong ul li {
	padding:10px;
	line-height:50px;

}
.rightneirong ul li a {
	color:#FFF;
	

}
.rightneirong .childContentLi {
	width:150px;
	height:50px;
	text-align:center;
	float:left;
	color:#000;
	font-size:14px;
	background:#00873c;

}
.rightneirong .childContentLib {
	width:150px;
	height:50px;
	text-align:center;
	float:left;
	color:#000;
	font-size:14px;
	background:#000;

}
.rightneirong .childContentLic {
	width:100%;
	padding-top:20px;
	float:left;
	height:100px;
	text-align:center;
	color:#000;
	font-size:14px;
	background:#fff;

}
.rightneirong .childContentLid {
	width:100%;
	padding-top:20px;
	float:left;
	height: auto;
	text-align:center;
	color:#000;
	font-size:14px;
	background:#fff;

}
/*product*/
.productmain .child {
	position:relative;
	float:left;
	width:220px;
	border:1px solid #e8e8e8;
	margin:10px 10px 0 0;
}
.productmain .child {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.productmain .child:hover {
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
}
.productmain .child .childImg {
	width:220px;
	height:230px;
	line-height:230px;
	text-align:center;
}
.productmain .child .childImg img {
	vertical-align:middle;
	max-width:90%;
	max-height:90%;
}
.productmain .child .childImg img {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.productmain .child .childImg img:hover {
	transform:scale(1.04);
	-moz-transform:scale(1.04);
	-ms-transform:scale(1.04);
	-o-transform:scale(1.04);
	-webkit-transform:scale(1.04);
}
.productmain .child .childTitle {
	position:relative;
	height:60px;
	text-align:center;
}
.productmain .child .childTitle p {
	line-height:20px;
	padding-top:14px;
	color:#006FCF;
}
.productmain .child .childSub {
	height:5px;
	width:210px;
	margin:0 auto;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
.productmain .child .childInfo {
	height:54px;
	line-height:54px;
	text-align:center;
	color:#006FCF;
	font-size:14px;
}
.productmain .child .childInfo img, .main .about .child .childInfo span {
	vertical-align:middle;
}
/*news*/
.mainContent .child {
	width:285px;
	margin-right:10px;
	vertical-align:text-top;
	padding-top:60px;
	display:inline-block;
*display:inline;
*zoom:1;
}
.mainContent .child .childImg {
	overflow:hidden;
	position:relative;
	width:285px;
	height:212px;
	line-height:212px;
	text-align:center;
}
.mainContent .child .childImg {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.mainContent .child:hover .childImg {
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
}
.mainContent .child .childImg .childImgimg {
	width:100%;
	height:100%;
	vertical-align:middle;
}
.mainContent .child .childImg .childHide {
	opacity:0;
	position:absolute;
	top:0px;
	left:-100%;
	width:100%;
	height:100%;
	background-image: linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
	background-image: -o-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
	background-image: -moz-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
	background-image: -webkit-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
	background-image: -ms-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(232,232,232, 0.8)), color-stop(1, rgba(214,214,214, 0.8)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#d6d6d6'), progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.mainContent .child .childImg .childHide {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.mainContent .child .childImg .childHide .childHideIcon {
	display:inline-block;
*display:inline;
*zoom:1;
	margin:0 2px;
	cursor:pointer;
	width:36px;
	height:36px;
	text-align:center;
	line-height:36px;
	border-radius:36px;
	-moz-border-radius:36px;
	-ms-border-radius:36px;
	-o-border-radius:36px;
	-webkit-border-radius:36px;
	background:#5f5f5f;
}
.mainContent .child .childImg .childHide .childHideIcon {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.mainContent .child .childImg .childHide .childHideIcon:hover {
	background:#000;
}
.mainContent .child .childImg .childHide .childHideIcon img {
	vertical-align:middle;
}
.mainContent .child .childImg:hover .childHide {
	left:0;
	opacity:1;
}
.mainContent .child .childTitle {
	line-height:24px;
	padding:20px 0 0 0;
	color:#333333;
	font-size:14px;
}
.mainContent .child .childTime {
	line-height:22px;
	padding:6px 0;
	color:#999999;
	font-size:12px;
}
.mainContent .child .childInfo {
	line-height:22px;
	font-size:12px;
	color:#666;
}
@media (max-width: 639px) {
.main {
	padding:0px 0 20px 0;
	text-align:center;
}
.maincp .left {
	width:100%;
	height: auto;
	padding-bottom:30px;
	line-height:0px;
	float:left;
}
.main .maincp .left img {
	vertical-align:middle;
	width:100%;
}
.main .maincp .right {
	position:relative;
	width:100%;
	padding-left:0%;
	float:right;
}
.main .maincp .right {
	line-height:26px;
	color:#666;
	font-size:14px;
}
.main .child {
	width:260px;
	margin:10px auto;
	float:none;
	display:inline-block;
*display:inline;
*zoom:1;
}
.main .child .childImg {
	width:260px;
	height:260px;
	line-height:260px;
}
.main .child .childTitle {
	height:60px;
}
.main .child .childTitle p {
	line-height:20px;
	padding-top:14px;
}
.main .child .childSub {
	height:5px;
	width:230px;
}
.main .child .childInfo {
	height:54px;
	line-height:54px;
	font-size:14px;
}
/*product*/
.productmain .child {
	position:relative;
	float:left;
	width:46%;
	border:1px solid #e8e8e8;
	margin:10px 5px 0 5px;
}
.productmain .child {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.productmain .child:hover {
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
}
.productmain .child .childImg {
	width:100%;
	height:100%;
	padding-top:10px;
	line-height:100px;
	text-align:center;
}
.productmain .child .childImg img {
	vertical-align:middle;
	max-width:90%;
	max-height:90%;
}
.productmain .child .childImg img {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.productmain .child .childImg img:hover {
	transform:scale(1.04);
	-moz-transform:scale(1.04);
	-ms-transform:scale(1.04);
	-o-transform:scale(1.04);
	-webkit-transform:scale(1.04);
}
.productmain .child .childTitle {
	position:relative;
	height:60px;
	text-align:center;
}
.productmain .child .childTitle p {
	line-height:20px;
	padding-top:14px;
	color:#006FCF;
}
.productmain .child .childSub {
	height:5px;
	width:80%;
	margin:0 auto;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
.productmain .child .childInfo {
	height:54px;
	line-height:54px;
	text-align:center;
	color:#006FCF;
	font-size:14px;
}
.productmain .child .childInfo img, .main .about .child .childInfo span {
	vertical-align:middle;
}
}
@media (min-width: 640px) and (max-width:1023px ) {
.main {
	padding:36px 0 60px 0;
	text-align:center;
}
.main .child {
	width:230px;
	margin:6px 6px 0 0;
	float:none;
	display:inline-block;
*display:inline;
*zoom:1;
}
.main .child .childImg {
	width:230px;
	height:230px;
	line-height:230px;
}
.main .child .childTitle {
	height:60px;
}
.main .child .childTitle p {
	line-height:20px;
	padding-top:14px;
}
.main .child .childSub {
	height:5px;
	width:230px;
}
.main .child .childInfo {
	height:54px;
	line-height:54px;
	font-size:14px;
}
}
@media (min-width: 1024px) and (max-width:1199px ) {
.main {
	text-align:center;
}
.main .child {
	float:none;
	display:inline-block;
*display:inline;
*zoom:1;
}
}
@media (min-width: 1200px) and (max-width:1439px ) {
}
@media (min-width: 1440px) and (max-width:1920px ) {
}
.pages {
	text-align:center;
	margin: 64px 0 0 0;
}
.pages a, .pages span {
	display:inline-block;
	padding:9px 14px;
	margin:0 1px;
	border:1px solid #f0f0f0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.pages a, .pages li {
	display:inline-block;
	list-style: none;
	text-decoration:none;
	color:#58A0D3;
}
.pages a.first, .pages a.prev, .pages a.next, .pages a.end {
	margin:0;
}
.pages a:hover {
	border-color:#50A8E6;
}
.pages span.current {
	background:#50A8E6;
	color:#FFF;
	font-weight:700;
	border-color:#50A8E6;
}
