body{ background:#F2F6F7 !important}
.panel-body{ padding:0;}
.header { position: absolute; top: 0; width: 100%;  background-color:rgba(0,0,0,.1); background-image:url(../images/line_w.png); background-position: left bottom; background-repeat: repeat-x;}
.header .head-logo .logo {display: block;height: 64px; background: url(../images/logo_white.png) 0 0 no-repeat;}
.header .header-nav{ border-right: 0;}
.header .header-nav li{ margin-left: 40px;}
.header .header-nav li a { color: #FFF; border-left: none; padding: 0 5px;}
.header .header-nav li a:hover, .head-nav .head-nav-hover a { color: #FFF; background: none; border-bottom: 3px solid #FFF }
.header .header-nav .active a { color: #FFF!important;text-decoration: none; background: none; border-bottom: 3px solid #FFF; }
.head-tit-r a { color: #FFF;}


.banner-box{ position:relative;}
#slideshow {height: 600px;width: 100%;min-width: 1000px;position: relative;overflow: hidden;}
.index_focus {width: 1920px;height: 600px;position:absolute;left:50%;margin-left:-960px;overflow: hidden;}
.index_focus .bd li {display: block;position: absolute;left: 0;top: 0;}
.index_focus .bd ul{margin:0;padding:0;}
.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block; width: 100%;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus img.pic{ height: 600px;}
.index_focus .slide_nav {position: absolute; display: block; width: 1170px; left: 50%;bottom:6%;margin-left:-585px; text-align: center;}
.index_focus .slide_nav a { display:inline-block;cursor:pointer;height:14px; width:14px; background: rgba(0,0,0,0.3); /*border: rgba(255,255,255,.7) 2px solid; */border-radius: 7px; margin-left:8px;}
.index_focus .slide_nav a:first-child{ margin-left:0;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{background:#FFF;}
.index_focus_pre,.index_focus_next {display: none;position: absolute;top: 50%;margin-top: -36px;width: 72px;height: 72px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;background: url(../images/ico_sliding.png) no-repeat;}
.index_focus_pre {left: 280px;background-position: 0 0;}
.index_focus_pre:hover {background-position: 0 -144px;}
.index_focus_next {right: 280px;background-position: 0 -72px;}
.index_focus_next:hover {background-position: 0 -216px;}
/*slide_activity*/
.activity_focus{margin: 0 auto;width: 215px;}
.activity_focus .activity_nav{text-align:center;} 
.activity_focus .activity_nav a {cursor:pointer;font-size:18px;font-family: arial;color: #a0a0a0;}
.activity_focus .activity_nav li:hover,.activity_focus .activity_nav .on{text-decoration: none;color: red;filter: alpha(opacity=80);opacity: 0.8;}
.activityImg li img{ display:block; width:215px; height:137px;}

.index-container{ width:100%; padding:60px 0;}
.main-line{border-bottom:#efefef 1px solid;}
.bg-white{ background:#FFF; }
.bg-gray{ background:#FAFAFA;}


.about-wrapper{ position: relative; }

.about-box{ position: relative;padding-left:380px; min-height: 260px; }
.about-box .about-pic{ position: absolute; left: 0; top: 0;}
.h-tit.about-tit{ text-align:left; margin-bottom: 30px;}
.about-cont{ font-size: 14px; color: #666; line-height: 24px; max-height: 335px; overflow: hidden}
.about-cont h3{ font-size:18px; margin-bottom: 15px;}



.main-ys-box{ margin:0 auto;}
.main-ys-box ul{ margin-left: -30px;}
.main-ys-box ul li{ position: relative;float:left; margin-left: 30px; margin-bottom: 20px; height: 180px; text-align:center; border-radius: 5px; overflow: hidden;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.main-ys-box ul li:hover{-webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.2);-moz-box-shadow: 0 3px 15px rgba(0,0,0,0.2);box-shadow: 0 3px 15px rgba(0,0,0,0.2);}
.main-ys-box ul li .pro-img{ display:inline-block;height: 180px; width: 270px;}

.main-ys-box ul li .pro-name{ display: block; position: absolute; left: 0;bottom: -215px; width: 270px; height: 100%; line-height: 40px; background: rgba(45,155,173,.5); padding-top:60px;color: #FFF;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); -webkit-transition:bottom .3s ease 0s;transition:bottom .3s ease 0s;text-shadow:0 1px 2px rgba(0,0,0,.3);}
.main-ys-box ul li .pro-name span{ display: block;font-size:26px; }
.main-ys-box ul li .pro-name i{ display: block;font-size:36px; margin-top: 10px;filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5; }
.main-ys-box ul li:hover .pro-name{ bottom: 0}
/*.main-ys-box ul li.ys-box-1 .pro-name{background: rgba(89,194,211,.7);}
.main-ys-box ul li.ys-box-2 .pro-name{background: rgba(253,186,90,.7);}
.main-ys-box ul li.ys-box-3 .pro-name{background: rgba(96,213,93,.7);}*/



.hxcp-wrapper{/* background-image: url(../images/hxcp_bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;*/}
.hxcp-wrapper {}

.hxcp-wrapper .h-tit{ text-align:center; margin-bottom: 40px;}
.hxcp-wrapper .h-tit h2{ font-size: 32px; margin-bottom: 15px;}
.hxcp-wrapper .h-tit p{  text-transform:uppercase; font-size: 16px;}

.main-hxcp ul{ /*margin:0 -15px;*/}
.main-hxcp ul li { position:relative;float: left; padding-top: 10px; }
.main-hxcp ul li a{ display: block;margin: 0 10px; padding: 0;background: #f2f2f2; /*border: #e9e9e9 1px solid; border-radius: 5px;*/transition: transform .2s linear 0s;}
.main-hxcp ul li a:hover{ color: #FFF; background: #02B3CE; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.1);-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.1);box-shadow: 0 2px 10px rgba(0,0,0,0.1);transform: translateY(-10px)}
.main-hxcp ul li img{ width: 100%; height: 178px!important}
/*.main-hxcp ul li img{transition:1s;-webkit-transition:1s;-moz-transition:1s;}
.main-hxcp ul li img:hover{ -webkit-transform:rotate(360deg) scale(1); -moz-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1);-o-transform:rotate(360deg) scale(1);
}*/
.main-hxcp ul li  p { display: block; height: 46px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;font-size: 14px; text-align: center; padding: 12px 5px 0; }



#flexiselDemo1, #flexiselDemo2 { display: none; }
.nbs-flexisel-container { position: relative; max-width: 100%; }
.nbs-flexisel-ul { position: relative; width: 9999px; list-style-type: none; text-align: center; }
.nbs-flexisel-inner { overflow: hidden; width: 100%; margin: 0 auto; }
.nbs-flexisel-item { float: left; cursor: pointer; position: relative; }
.nbs-flexisel-item > img { cursor: pointer; position: relative; }
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width:20px; height:34px; position: absolute; top:110px!important; cursor: pointer; z-index: 100; }
.nbs-flexisel-nav-left { left: -30px; background: url(../images/scoll_icon2.png) no-repeat 0 0; }
.nbs-flexisel-nav-left:hover{ background: url(../images/scoll_icon2.png) no-repeat -30px 0;}
.nbs-flexisel-nav-right { right: -30px; background: url(../images/scoll_icon2.png) no-repeat 0 -44px; }
.nbs-flexisel-nav-right:hover{background: url(../images/scoll_icon2.png) no-repeat -30px -44px;}





.index-news{ background: url(../images/news_bg.jpg) center top no-repeat; background-size: cover}
.index-news .h-tit{ text-align:center; margin-bottom: 40px;}
.index-news .h-tit h2{ font-size: 32px; margin-bottom: 15px; font-weight: 600; color: #FFF;}
.index-news .h-tit p{  text-transform:uppercase; font-size: 16px; color: #FFF;filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}


.index-news .newsbox{ width:100%; position:relative}

.index-news .newsbox .tab-nav {  display: block; text-align: center; background: url(../images/line_w.png) left bottom repeat-x; margin-top: -10px; margin-bottom: 30px;}
.index-news .newsbox .tab-nav li { display: inline-block}
.index-news .newsbox .tab-nav li a { display: block; padding: 0 10px; margin-right: 10px; font-size: 18px; color:#FFF;padding-bottom: 15px; }
.index-news .newsbox .tab-nav li a:hover, .index-news .newsbox .tab-nav li.active a { color: #FFF; border-bottom: #FFF 2px solid;}



.index-news .newslist{ overflow:hidden; width:100%; height:100%;}

.index-news .listbox { overflow:hidden; margin-left: -30px;}
.index-news .listbox .list{ overflow:hidden; width:570px; float: left; background: #FFF; padding: 15px; margin-left: 30px; margin-bottom:20px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.index-news .listbox img{ display:block; width: 140px; height: 90px; float:left;}
.index-news .listbox .wen{ overflow:hidden; height: 90px;  padding-left:20px; }
.index-news .listbox h3{ overflow:hidden; font-size:16px; font-weight:normal; margin-bottom:10px;}
.index-news .listbox h3 a{ display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left}
.index-news .listbox span.news-date{ display: block; margin-bottom: 5px; color:#999; font-family:Arial;}
.index-news .listbox p{ font-size:12px; color:#666; line-height:20px;}
.index-news .listbox .list:hover{ background: #00A0B8;-webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.2);-moz-box-shadow: 0 3px 15px rgba(0,0,0,0.2);box-shadow: 0 3px 15px rgba(0,0,0,0.2);}
.index-news .listbox .list:hover h3 a{ color: #FFF;}
.index-news .listbox .list:hover span.news-date{ color: #FFF;}
.index-news .listbox .list:hover p{ color:#FFF;}



.view-more{position:relative; display:inline-block; width:100%; text-align: center; margin:0 auto;}
.view-more a{ display:inline-block; height:40px; line-height:40px; border-radius:3px; border: #00A0B8 1px solid; color:#00A0B8; padding: 0 30px; font-size:14px; text-align:center; margin:0 auto;}
.view-more a:hover{ background:#00A0B8; border: #00A0B8 1px solid; color:#FFF;-webkit-transition: background-color .2s; -moz-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s }

.view-more.view-more-w a{border: #FFF 1px solid; color:#FFF;}
.view-more.view-more-w a:hover{ background:#00A0B8; border: #00A0B8 1px solid; color:#FFF; }