﻿/***product***/
#dy_dan {
    width: 100%;
    margin: auto;
    font-size: 16px;
    line-height: 26px;
    width: expression(document.body.clientWidth <= 1200? "1180px": "auto");
    min-width: 1200px;
}

.dy_w {
    width: 1200px;
    overflow: hidden;
    margin: auto;
    padding: 40px 0;
}

.pro_list {
    width: 1200px;
    overflow: hidden;
}

.pro_list li {
    float: left;
    width: 358px;
    margin: 0 20px;
    border-bottom: 3px solid #e1e1e1;
    margin-bottom: 40px;
    line-height: 40px;
}

.pro_list li:hover{
	border-bottom:3px solid #5dc2d0;
}

.pro_list li a {
    color: #000;
	font-size:18px;
}

.pro_list li a:hover {
    color: #5dc2d0;
}

.pro_list li img {
    background:url(../images/pro_shadaw.png) left bottom no-repeat;
    width: 358px;
    padding-bottom: 60px;
}

.pro_list li p {
    text-align: center;
	color:#000;
	font-size:18px;
}

.pro_list li p span{
	padding:0 20px;
	height:60px;
}

.pro_list li a.xiangxi {
    background:url(../images/round.png) right 6px no-repeat;
    padding-right: 20px;
    color: #5dc2d0;
}

#pagePath {
    position: relative;
    z-index: 1;
    height: 28px;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: #5dc2d0;
}

pagePath ul {
    padding: 6px 0 5px;
    margin: 0 auto;
    width: 1200px;
}

#pagePath li {
    display: inline;
    color: #000;
}

.newstitle {
    margin-bottom: 22px;
    text-align: center;
    height: 210px;
    text-indent: -9999px;
    background:url(../images/newbanner.jpg) no-repeat center top;
}

.protitle {
    margin-bottom: 22px;
    text-align: center;
    height: 360px;
    text-indent: -9999px;
    background:url(../images/probanner1.jpg) no-repeat center top;
}
.aboutitle {
    /*margin-bottom: 22px;*/
    text-align: center;
    height: 364px;
    text-indent: -9999px;
    background:url(../images/banner.png) no-repeat center top;
}

.servadvn {
    margin-bottom: 22px;
    text-align: center;
    height: 524px;
    text-indent: -9999px;
    background:url(../images/servicebanner.jpg) no-repeat center top;
}

.teambanner {
    margin-bottom: 22px;
    text-align: center;
    height: 380px;
    text-indent: -9999px;
    background:url(../images/join_02.jpg) no-repeat center top;
}

.contactbanner {
    text-align: center;
    height: 500px;
    text-indent: -9999px;
    background:url(../images/service.jpg) no-repeat center top;
}

.facilitybanner {
    text-align: center;
    height: 350px;
    text-indent: -9999px;
    background:url(../images/facility.jpg) no-repeat center top;
}

.smart {
    margin-bottom: 22px;
    text-align: center;
    height: 598px;
    text-indent: -9999px;
    background:url(../images/smart3_02.png) no-repeat center top;
}

/***facility***/
.facility{
	background-color:#FFF;
	width:1200px;
	max-width:1200px;
	height:390px;
	margin-bottom:60px;
	box-shadow:-2px 0 2px #9da7a8,/*左边阴影*/
	           0 4px 4px #9da7a8;/*底部阴影*/
}

.facility a:hover{color:#5dc2d0;}

.facility .factitle{
	text-align:center;
	font-family:"微软雅黑 Light";
	font-size:24px;
	color:#000;
	padding-top:10px;
}

.facility .facdiscimg{
	width:100%;
	padding:10px 60px 20px 60px;
}

.facility .facdisc{
	width:100%;
	padding:45px 60px;
}

.facility .facdisc p{
	font-family:"微软雅黑 Light";
	font-size:26px;
	color:#3b3b3b;
	font-weight:bold;
	width:640px;
	margin-top:30px;
	line-height:32px;
}

.facility .facdisc p span{
	font-family:"微软雅黑 Light";
	font-size:18px;
	color:#3b3b3b;	
}

.facility .facdisc p a{
	color:#3b3b3b;
}

.facility .facdisc p a:hover{
	color:#5dc2d0;
}

.facility .facdisc .detail{
	border-radius:20px;
	background-color:#5dc2d0;
	width:140px; 
	height:30px;
	font-family:"微软雅黑 Light";
	font-size:16px;
	text-align:center;
	margin-top:20px;
	font-weight:bold;
}

.facility .facdisc .detail a{color:#FFF;}

.facility .facdisc .detail a:hover{color:#000;}

.desc_list {
    width: 1200px;
    overflow: hidden;
}

.desc_list li {
    float: left;
    width: 380px;
    margin: 0 10px;
    margin-bottom: 40px;
    line-height: 40px;
}

.desc_list li:hover{
}

.desc_list li a {
    color: #000;
	font-size:16px;
}

.desc_list li a:hover {
    color: #5dc2d0;
}

.desc_list li p {
	color:#000;
	font-size:20px;
	text-align:left;
}

.xiex{
    text-decoration: line-through;
}

.pro2{ 
    width:100%;
	height:450px;
	overflow:hidden;
	position:relative;
}

.pro2_1{
	position:absolute;
	width:496px;
	border:#5dc2d0 1px solid;
	height:376px;
}

.pro2_2{
	width:638px;
}

.pro2_2 p{
	border-bottom:#5dc2d0 1px solid;
	text-align:left;
	margin-bottom:2px;
	width:638px;
}

.pro2_2 p span{
	font-size:18px;
}

<!--=====================smart==========================-->
.m_course{
	min-width:1200px;
	border-top:1px solid #dcdcdc;
	padding:30px 0 0 0;
	overflow:hidden;
}

#gallery{
	width:990px;
	margin:0 auto; 
	position:relative;
}

#myRoundabout{
	width:990px; 
	margin:0 auto; 
	height:460px;
}

#myRoundabout li{position:relative;}

.roundabout-holder {
	width:850px; 
	height:460px; 
	margin:0 auto;
}

.roundabout-moveable-item {
	width: 608px; 
	height: 456px;
	cursor: pointer;
}

.roundabout-moveable-item img{
	width:100%; 
	height:100%;
}

.roundabout-in-focus {border:3px solid rgba(0, 0, 0, 0.2);}

.shaft_box{
	position:relative; 
	margin:100px 0 0 0;
}

.shaft_box > .line{border-bottom:1px solid #505050;}

.shaft_box > .wrap{
	width:1200px; 
	overflow:hidden; 
	position:relative; 
	top:-43px; 
	margin:0 auto;
}

.shaft_box > .wrap li{
	width:120px; 
	height:70px; 
	text-align:center; 
	font-size:14px; 
	cursor:pointer; 
	float:right;
}

.shaft_box > .wrap li i{
	display:block; 
	width:15px; 
	height:15px; 
	border-radius:100%; 
	background:#505050; 
	margin:10px auto;
}

.shaft_box > .wrap li.on{ color:#5dc2d0;}

.shaft_box > .wrap li.on i{ background:#5dc2d0;}

.shaft_box > span{
	display:block; 
	width:32px;
	height:32px; 
	overflow:hidden; 
	position:absolute; 
	cursor:pointer; 
	top:-16px;
}

.shaft_box > span.prev{
	left:0px; 
	background-position:left bottom;
	background-image:url(../images/join_left) left bottom;
}

.shaft_box > span.next{
	right:0px; 
	background-position:right bottom;
	background-image:url(../images/join_right) right bottom;
}

.shaft_box > span.prev.on{
	background-position:left top;
	background-image:url(../images/join_left) left top;
}

.shaft_box > span.next.on{
	background-position:right top;
	background-image:url(../images/join_right) right top;	
}

.f_txt_wrap{
	clear:both; 
	height:80px; 
	position:relative;
}

#f_txt{
	border:1px solid #5dc2d0; 
	color:#000; 
	line-height:20px; 
	font-size:14px; 
	width:380px; 
	position:absolute; 
	margin-left:-400px; 
	margin-top:-30px;
}

#f_txt > .cn{
	padding:10px;
	position:relative;
}