body,input,select,textarea,button,input::-webkit-input-placeholder{font-family:"microsoft yahei","PingFang SC","STHeitiSC-Light","Hiragino Sans GB","宋体","Arial","sans-serif";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body{font-size:14px; color:#666666; font-weight: 400; background:#FFF; min-width: 1000px;}
a{text-decoration:none;color:#666666;}
a:hover {text-decoration:none;color:#5fc2cf;}
.index-top{width: 100%; height: 115px; background: #FFF; overflow: visible; position: relative; z-index: 3;}
.nav-box{width:1000px; margin: 0 auto; height: 115px;}
.logo{width:200px; padding: 40px 0 0 10px;}
.nav-menu{padding: 40px 0 0; height: 75px;}
.nav-menu ul li{float: left; height: 75px;}
.nav-menu ul li span{display:block; position: relative; z-index: 0;}
.nav-menu ul li span.menu-open:after{content: ''; display: block; width:0; height: 0; border:10px solid #5FC2CF; border-top: transparent 10px solid;border-left: transparent 10px solid;border-right: transparent 10px solid; position: absolute; z-index: 1; top:55px; left: 50%; -webkit-transform: translateX(-50%);}
.nav-menu ul li span a{font-size:16px; display: inline-block; height: 36px; line-height: 36px; padding: 0 23px; border-radius: 36px;}
.nav-menu ul li.active span a,.nav-menu ul li span a:hover{background: #5FC2CF; color: #FFF;}
.nav-menu ul li div{position: absolute; width: 100%; height: 40px; line-height: 40px; background: rgba(95,194,207,0.8); top:115px; left: 0; text-align: center; display: none;}
.nav-menu ul li div a{color: #FFF; margin: 0 20px;}
.nav-menu ul li div strong{display: block; width:1000px; margin: 0 auto; font-weight: normal; text-align: right; box-sizing: border-box;}
.index-banner{width:100%; height: 500px; position: relative; z-index: 0;}
#ibanner{width: auto;}
#ibanner li {display:none;}	
#ibanner li:first-child {display:block;}
#ibanner li{width:100%; height: 500px; max-width: 1920px; overflow: hidden; position: relative; z-index: 0; background-repeat: no-repeat; background-position: top center;}
#ibanner li a{width: 100%; height: 100%; display: block;}
.index-banner ol.numericControls{position:absolute; left:0; bottom:18px; z-index:99; width:100%; height:12px; text-align:center;}
.index-banner ol.numericControls li{display:inline;margin:0 5px; padding:0; vertical-align: middle;}
.index-banner ol.numericControls li a{display:inline-block; *display:inline; width:12px; height:12px; background:rgba(255,255,255,0.4); border-radius:50%;line-height:0; font-size:0; zoom:1; vertical-align: middle;}
.index-banner ol.numericControls li.current a{background-color:#FFF;}
.index-banner ol.numericControls li a:focus{outline:none;}
.index-banner .prevBtn,.index-banner .nextBtn{position: absolute; z-index: 10; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 58px; height: 58px; background-image: url(../images/bg_pn.png); background-repeat: no-repeat; font-size:0; line-height: 0;}
.index-banner .prevBtn{left: 60px; background-position: 0 0;}
.index-banner .nextBtn{right:60px; background-position: 0 -68px;}
.section-core{width:100%; height: 259px; padding: 50px 0; background: #f0f0f0; overflow: hidden;}
.box-contain {width:1000px; margin: 0 auto;}
.index-title{text-align: center; font-size:0;}
.index-title strong,.index-title span{display: inline-block; vertical-align: top; border-bottom-width: 2px; border-bottom-style: solid; padding-bottom: 5px;font-weight:normal; height: 30px;}
.index-title strong{border-bottom-color: #bbb; font-size:27px; line-height: 27px; padding-right: 10px;}
.index-title span{border-bottom-color: #5FC2CF; color: #5FC2CF;font-size:30px; line-height: 30px;}
.core-img{margin-top: 28px; overflow: hidden;}
.core-img ul{width:1068px;}
.core-img ul li{float: left; width: 288px; height: 195px; margin-right: 68px;}
.section-pro{width:100%; padding: 37px 0;}
.pro-tab{margin-top: 32px; margin-bottom: 30px;height: 600px;  overflow: hidden;}
#tab{text-align: center; font-size:0;}
#tab li{display: inline-block; vertical-align: top; margin: 0 13px; font-size:16px; border:1px solid #dedede; width:137px; height: 37px; line-height: 37px;}
#tab li.active{border-color: #5FC2CF; color: #5FC2CF;}
.tabCon{padding: 37px 0 0; width:962px; margin: 0 auto; overflow: hidden;}
.pro-big{width:465px; height: 465px; overflow: hidden;}
.pro-big li{position: relative; z-index: 0;}
.pro-small{width:497px; height: 465px;}
.pro-small li{float: left; width: 221px; height: 221px; overflow: hidden; margin: 0 0 23px 23px;position: relative; z-index: 0;}
.pro-big li p,.pro-small li p{height: 70px; background: rgba(95,194,207,0.8); font-size:16px; line-height: 70px; color: #FFF; text-align: center; width: 100%; position: absolute; z-index: 1; left: 0; bottom: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: none;}
.section-about{width:100%; height: 300px; overflow: hidden;}
.about-info{height: 186px; background: #f6f6f6; position: relative; z-index: 0; overflow: visible; margin-top: 50px;}
.about-info figure{position: absolute; z-index: 1; width:244px; height: 180px; padding: 10px; background: #FFF; left: 47px; top:-47px;}
.about-info article{padding: 15px 20px 0 335px; font-size: 14px; line-height: 30px;}
.btn{display: inline-block; width: 96px; height: 28px; border: 1px solid #5FC2CF; color: #5FC2CF; text-align: center; line-height: 28px; outline: none; cursor: pointer;}
.btn-block{display: block; width: 100%; background: #5FC2CF; color: #FFF; height: 36px; line-height: 36px;}
.btn-block:hover{color: #FFF;}
.about-info .btn-about{position: absolute; z-index: 2; bottom:10px; right:20px;}
.section-news{width:100%; overflow: hidden; padding: 60px 0;}
.index-news-list{margin-top: 60px; overflow: hidden;}
.index-news-list li{float: left; width:500px; height: 120px; overflow: hidden; margin-bottom: 48px;}
.index-news-list li a{display: block;}
.index-news-list li figure{width:137px; float: left;}
.index-news-list li dl{width:323px; height: 108px; overflow:hidden; float: left; padding: 10px 20px 0 20px;}
.index-news-list li dl dt{color: #5FC2CF; font-size:16px; line-height: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.index-news-list li dl dd{padding-top: 10px;line-height: 26px; color: #999; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.index-foot{width:100%;}
.foot-nav{height: 50px; background: #dadada; line-height: 50px;}
.foot-company{background: #45b0be; color: #FFF; padding: 40px 0;}
.foot-company a{color: #FFF;}
.fc-info{overflow: hidden;}
.fc-info li{float: left;font-size:16px; line-height: 30px; margin-right: 49px;}
.fc-copy{margin-top: 40px; overflow: hidden;}
.inner-section{width:100%; padding: 36px 0; min-height: 350px; height: auto !important; height: 350px;}
.inner-banner{width:100%; height: 234px; background-repeat: no-repeat; background-position: center top;}
.inner-title-nav{text-align: center; font-size:0; padding-top:15px; padding-bottom: 18px;}
.inner-title-nav a{display: inline-block;height: 28px; border: 1px solid rgba(183, 183, 183, 0.39); padding: 0 15px; text-align: center; line-height: 28px;font-size:14px; vertical-align: top; margin:0 10px 10px 10px;}
.inner-title-nav a.active,.inner-title-nav a:hover{border-color: #5FC2CF; color: #5FC2CF;}
.inner-article{}
.inner-article article{line-height: 30px;padding: 20px 0 0;}
.inner-article article hr{margin: 15px 0; border:0 none; border-bottom: 1px solid #ccc;}
.inner-article h3{font-size:24px; text-align: center; border-bottom: 1px dotted #F0F0F0; padding-bottom: 14px;}
.inner-article h4{font-size:14px; text-align: center; padding-top: 14px; color: #999;}
.pro-list{overflow: hidden;}
.pro-list ul{width:1104px;}
.pro-list li{width:264px; height:310px; background: #f3f3f3; float: left; margin: 20px 104px 30px 0;}
.pro-list li a{display: block; width:100%; height: 100%;}
.pro-list li p{text-align: center; font-size:16px; padding-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.page{text-align: center; font-size:0;}
.page a{display: inline-block; width:36px; height: 36px; font-size:14px; text-align: center; line-height: 36px; background: #f3f3f3; margin: 0 10px;}
.page a.active,.page a:hover{background-color: #5FC2CF; color: #FFF;}
.news-list{padding: 30px 0;}
.news-list ul li{display: block;border-bottom: 1px dashed #ECECEC; padding: 15px 0; overflow: hidden; position: relative;z-index: 0;}
.news-list ul li span{display: block;float: left; width: 200px;}
.news-list ul li dl{display: block;float: left; width:770px;padding: 10px 0 0 30px;}
.news-list ul li dl dt{font-size: 16px;}
.news-list ul li dl dt a,.newsList ul li dl dd.date{color: #000;}
.news-list ul li dl dt a:hover{color: #5FC2CF;}
.news-list ul li dl dd{padding: 10px 0; color: #666;}
a.btnLink{display: block; color:#5FC2CF; position: absolute;z-index: 1;right: 0;bottom: 15px;}
.location{border-bottom: 1px solid #F0F0F0; padding: 15px 0;}
.contact-form{width:1000px; margin:0 auto 30px auto;overflow:hidden; position: relative; z-index: 0;}
.contact-form h3{font-size:20px; padding: 20px 0;}
.contact-form h3 strong{font-weight: normal; color: #5FC2CF;}
.contact-form ul li{float:left; margin-bottom:20px; display:inline; *overflow:hidden;}
.inputType{width:423px; height:44px; border:1px solid #cac8c8; line-height:44px; padding:0 30px; font-size:14px; font-family:"Microsoft Yahei"; border-radius:5px; -webkit-transition: all 0.2s; transition: all 0.2s;}
.inputType:focus,.areaType:focus{border-color:#5FC2CF;}
.areaType{width:938px; height:118px; border:1px solid #cac8c8;padding:10px 30px;font-size:14px; font-family:"Microsoft Yahei"; border-radius:5px;}
.inputSub{float:right; width:246px; height:41px; text-align:center; line-height:41px; color:#FFF; font-size:16px; cursor:pointer; border-radius:5px; background: #585858; border:0 none; -webkit-transition: all 0.2s; transition: all 0.2s; font-family:"Microsoft Yahei";}
.inputSub:hover{background-color: #5FC2CF; color:#FFF;}

/*以下为validform必须*/
.Validform_checktip{margin-left:8px;line-height:20px;height:20px;overflow:hidden;color:#999;font-size:16px;}
.Validform_right{color:#71b83d;padding-left:20px;background:url(../images/right.png) no-repeat left center;}
.Validform_wrong{color:#df3440;padding-left:20px;white-space:nowrap;background:url(../images/error.png) no-repeat left center;}
.Validform_loading{padding-left:20px;background:url(../images/onLoad.gif) no-repeat left center;}
.Validform_error{background-color:#EFFAFF;}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#999;
background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #bbb; border-top:none; text-align:left;}
/*以上为validform必须*/

.progress{padding: 0 20px;margin-top: 0;}
.progress h1{font-size:20px; color:#5FC2CF;}
.progress-list{padding-left: 30px;position: relative; background:url(../images/bg_linev.png) repeat-y 7px 0;}
.progress-list h3{font-size: 18px;color: #5FC2CF;position: relative; margin-bottom:10px; cursor:pointer;}
.progress-list h3 span{position: absolute;left:-31px;top:4px;width: 16px;height: 16px;overflow: hidden;display: block;background: url("../images/icon_cir.png") no-repeat;}
.progress-list div{margin-top: 20px;}
.progress-list li{line-height: 23px;}
.progress-list div ul{display:block;}
.order-form{width:830px; margin: 0 auto;}
.order-form table td{vertical-align: middle; padding: 10px; font-size:16px;}
.order-form input,.order-form textarea{border: 1px solid #cac8c8; padding: 0 5px; font-family:"Microsoft Yahei"; box-sizing: border-box; width: 100%; height: 40px; line-height: 40px;}
.order-form textarea{min-height: 80px; resize: vertical;}
.order-form select{border: 1px solid #cac8c8;height: 40px; color: #666;}