/*内容区域*/
.content{width: 1200px;margin:0px auto;height:auto;*zoom:1;}
.content:after{content:"";clear:both;visibility:hidden;height:0px;display:block;}

/*顶部*/
#head{position:fixed;left:0;top:0;width: 100%; height: 186px; background: #fff;z-index: 99999; }
.head{ width: 100%; height: 130px; background: #fff; overflow: hidden;}
.head ul li{float: left;}
.head ul li.right{float: right;}
.head ul li.logo img{height: 100%;width: auto;}
.head ul li.logo1{height: 80px;margin-top: 25px;margin-right: 28px;}
.head ul li.logo2{height: 60px;margin-top: 35px;}
.head ul li.tel{text-align: right;}
.head ul li.tel p{font-size: 18px;color: #666666; line-height: 28px;margin-top: 32px;}
.head ul li.tel p span{font-size: 28px;color: #e67817;font-weight: bold;}
.head ul li.tel a{margin-top: 10px;}

/*导航*/
.nav{ width: 100%; height: 56px; background: #02a193; z-index: 10000; position: relative;}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button{margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#cssmenu #menu-button{display: none;}
#cssmenu > ul > li{float: left; width: 12.5%;}
#cssmenu > ul > li > a{color: #fff; height: 56px; line-height: 56px; font-size: 16px; -webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .5s ease;transition: color .5s ease;transition: all 0.5s ease 0s;-webkit-transition: all .5s;transition: all .5s; text-align: center;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{color: #fff; background: #006657;}
#cssmenu ul ul{position: absolute;left: -9999px;}
#cssmenu li:hover > ul{left: auto;}
#cssmenu.align-right li:hover > ul{right: 0;}

#cssmenu ul ul li{height: 0;-webkit-transition: height .5s ease;-moz-transition: height .5s ease;-ms-transition: height .5s ease;-o-transition: height .2s ease;transition: height .5s ease;margin-top: 1px;}
#cssmenu ul li:hover > ul > li{height: 32px;}
#cssmenu ul li:hover > ul > li:last-child{ border-bottom: none;}
#cssmenu ul ul li a{width: 162.5px; height: 32px; background: rgba(255,255,255,1); line-height: 32px; text-align: center; display: block; text-decoration: none;color: #666;transition: all 0.5s ease 0s;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover{color: #fff; background: #006657;}

/*轮播图*/
.banner{width:100%; position:relative; overflow:hidden;margin-top: 186px;}
.banner_bar{ width:1000px; margin:0 auto;}
.n_banner{ width:1920px; margin:0 -460px; overflow:hidden; position:relative;}
.banner ul{ width:100%; position:relative;  height:488px;}
.banner ul li{ width:100%; position:absolute;  height:488px; left:0; top:0; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.banner ul li.on{z-index:2;}
.banner .num{ position:absolute; width:100%; height:10px; bottom:30px; left:0; text-align:center; z-index:3;}
.banner .num a{ width:10px; height:10px; display:inline-block; background:none; border: 1px solid #fff; border-radius:10px; margin:0 5px;}
.banner .num a.on{ background:#fff;}
.banner li img {display: block;}

/*关于我们*/
.home_about .content .tit{width: 100%;text-align: center;margin-top: 50px;margin-bottom: 24px;}
.home_about .content .tit h1{font-size: 30px;color: #333333;line-height: 30px;}
.home_about .content .tit h2{font-size: 12px;color: #cbcbcb;line-height:24px;}
.home_about .content .main{width: 100%;text-align: center;}
.home_about .content .main p{font-size: 14px;color: #666666;line-height: 28px;}
.home_about .content ul{width:816px;margin: 0 auto;}
.home_about .content ul li{float: left;color: #b3b3b3;font-size: 16px;line-height: 48px;text-align: center;width: 108px;padding-top: 108px;margin: 40px 48px;}
.home_about .content ul li:hover{color: #02a193;}
.home_about .content ul li.icon01{background-image: url(../img/about_icon01.png);background-repeat: no-repeat;background-size: 100% auto;transition: all 0.5s ease 0s;}
.home_about .content ul li.icon01:hover{background-image: url(../img/about_icon011.png);transition: all 0.5s ease 0s;}
.home_about .content ul li.icon02{background-image: url(../img/about_icon02.png);background-repeat: no-repeat;background-size: 100% auto;transition: all 0.5s ease 0s;}
.home_about .content ul li.icon02:hover{background-image: url(../img/about_icon022.png);transition: all 0.5s ease 0s;}
.home_about .content ul li.icon03{background-image: url(../img/about_icon03.png);background-repeat: no-repeat;background-size: 100% auto;transition: all 0.5s ease 0s;}
.home_about .content ul li.icon03:hover{background-image: url(../img/about_icon033.png);transition: all 0.5s ease 0s;}
.home_about .content ul li.icon04{background-image: url(../img/about_icon04.png);background-repeat: no-repeat;background-size: 100% auto;transition: all 0.5s ease 0s;}
.home_about .content ul li.icon04:hover{background-image: url(../img/about_icon044.png);transition: all 0.5s ease 0s;}

/*产品世界*/
.product_box{width: 100%;height: 680px;background-image: url(../img/product_bg.jpg);background-repeat: no-repeat;background-position: center top;}
.product_box .content .tit{width: 100%;text-align: center;padding-top: 50px;padding-bottom: 24px;}
.product_box .content .tit h1{font-size: 30px;color: #ffffff;line-height: 30px;}
.product_box .content .tit h2{font-size: 12px;color: #99fff8;line-height:24px;}
.product_box .content .cp_box{width: 100%;background-image: url(../img/cp_logo.png);background-repeat: no-repeat;background-position: center 80px;}
.product_box .content .cp_box>li{width: 50%;float: left;}
.product_box .content .cp_box>li .cp li img{display: block;}
.product_box .content .cp_box>li .cp li.tit_box{margin-top: 20px;}
.product_box .content .cp_box>li .cp li.tit_box h3{font-size: 20px;color: #fff;line-height: 20px;font-weight: bold;transition: all 0.3s ease 0s;}
.product_box .content .cp_box>li .cp li.tit_box h4{font-size: 14px;color: #93f5ee;line-height: 28px;}
.product_box .content .cp_box>li.left1 .cp li{float: right;}
.product_box .content .cp_box>li.left1 .cp li.tit_box{text-align: right;margin-right: 24px;}
.product_box .content .cp_box>li.right1 .cp li{float: left;}
.product_box .content .cp_box>li.right1 .cp li.tit_box{margin-left: 24px;}
.product_box .content .cp_box>li.left1 .cp01{margin-right: 161px;}
.product_box .content .cp_box>li.left1 .cp02{margin-right: 234px;margin-top: -5px;}
.product_box .content .cp_box>li.left1 .cp03{margin-right: 268px;margin-top: 18px;}
.product_box .content .cp_box>li.left1 .cp04{margin-right: 256px;margin-top: 23px;}
.product_box .content .cp_box>li.left1 .cp05{margin-right: 203px;margin-top: 10px;}
.product_box .content .cp_box>li.left1 .cp06{margin-right: 117px;margin-top: 0px;}
.product_box .content .cp_box>li.right1 .cp07{margin-left: 161px;}
.product_box .content .cp_box>li.right1 .cp08{margin-left: 234px;margin-top: -5px;}
.product_box .content .cp_box>li.right1 .cp09{margin-left: 268px;margin-top: 18px;}
.product_box .content .cp_box>li.right1 .cp10{margin-left: 256px;margin-top: 23px;}
.product_box .content .cp_box>li.right1 .cp11{margin-left: 203px;margin-top: 10px;}
.product_box .content .cp_box>li.right1 .cp12{margin-left: 117px;margin-top: 0px;}
.product_box .content .cp_box>li .cp li.tit_box a:hover h3{text-decoration: overline;transition: all 0.3s ease 0s;}


/*新闻中心*/
.news_box{width: 100%;}
.news_box .content .tit{width: 100%;text-align: center;margin-top: 50px;margin-bottom: 24px;}
.news_box .content .tit h1{font-size: 30px;color: #333333;line-height: 30px;}
.news_box .content .tit h2{font-size: 12px;color: #cbcbcb;line-height:24px;}
.news_box .content .news_nav{margin-bottom: 50px;}
.news_box .content .news_nav li{ float:left; width:132px; height:40px; font-size:14px; line-height:40px; text-align:center; color:#474747; background-color:#f0f0f0; margin-right:48px;}
.news_box .content .news_nav li.cur{ color:#fff; background-color:#02a193;}
.news_box .content .news_nav_con{ width:100%;margin-bottom: 48px;}
.news_box .content .news_nav_con .main_left{ float:left; width:56%; margin-right:4%;}
.news_box .content .news_nav_con .main_left .news_list{ width:100%; margin-bottom:20px;}
.news_box .content .news_nav_con .main_left .news_list .time{ float:left; width:12%;}
.news_box .content .news_nav_con .main_left .news_list .time h1{ width:100%; height:60px; font-size:32px; line-height:60px; text-align:center; color:#fff; background-color:#949494; margin-bottom:2px;transition: all 1s;}
.news_box .content .news_nav_con .main_left .news_list .time h2{ width:100%; height:30px; font-size:14px; line-height:30px; text-align:center; color:#fff; background-color:#949494;transition: all 1s;}
.news_box .content .news_nav_con .main_left .news_list .title{ float:right; width:82%; margin-left:6%;}
.news_box .content .news_nav_con .main_left .news_list .title h3{ color:#333; line-height:36px;transition: all 1s;}
.news_box .content .news_nav_con .main_left .news_list .title p{ font-size:14px; color:#858585; line-height:24px; text-indent: 2em; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; height:48px;  }
.news_box .content .news_nav_con .main_left .news_list:hover .time h1,
.news_box .content .news_nav_con .main_left .news_list:hover .time h2{ background-color:#02a193;transition: all 1s;}
.news_box .content .news_nav_con .main_left .news_list:hover .title h3{ color:#02a193;transition: all 1s;}
.news_box .content .news_nav_con .main_right{ float:left; width:40%; height:428px; background-color:#efefef; overflow:hidden;}
.news_box .content .news_nav_con .main_right .news_list{ width:100%;}
.news_box .content .news_nav_con .main_right .news_list>a{ width:100%; height:204px; overflow:hidden; cursor:pointer;}
.news_box .content .news_nav_con .main_right .news_list>a img{ width:100%; height:auto;}
.news_box .content .news_nav_con .main_right .news_list .title{ padding:30px;}
.news_box .content .news_nav_con .main_right .news_list .title a{ font-size:18px; font-weight:bold; color:#333; line-height:18px;transition: all 0.3s}
.news_box .content .news_nav_con .main_right .news_list .title a:hover{ color:#6ac610;transition: all 0.3s;}
.news_box .content .news_nav_con .main_right .news_list .title h4{ font-size:12px; line-height:52px; color:#858585; padding-left:20px; background-image:url(../img/icon_time.png); background-repeat:no-repeat; background-size:12px 12px; background-position:0 20px;}
.news_box .content .news_nav_con .main_right .news_list .title p{ font-size:14px; color:#858585; line-height:24px; text-indent: 2em; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; height:48px;  }

/*底部导航*/
.footnav{width: 100%;background-color: #21beb0;}
.footnav .content .bnav{width:100%;padding: 50px 0;position: relative;}
.footnav .content .bnav li{float: left;margin-right: 48px;}
.footnav .content .bnav li.mr{margin-right: 24px;}
.footnav .content .bnav li h5{font-size: 18px;color: #fff; line-height: 18px;margin-bottom: 14px;}
.footnav .content .bnav li h6{font-size:14px;color: #ccfffb; line-height: 24px;transition: all 0.3s ease 0s;}
.footnav .content .bnav li h6:hover{color: #fff;text-decoration: underline;transition: all 0.3s ease 0s;}
.footnav .content .bnav .bnav_logo{position: absolute;right: 0 ;top:0;}
.footnav .content .bnav .bnav_logo .bnav_logobox{margin-top: 50px;margin-right: 34px;text-align: right;}
.footnav .content .bnav .bnav_logo p{font-size: 28px;color: #fff; line-height: 80px;}

/*版权*/
.c_box{width: 100%;background-color: #02a193;padding: 24px 0;}
.c_box .content li{float: left;font-size: 14px;color: #f2fffe;}
.c_box .content li img{margin-left: 16px;margin-top: 5px;}
.c_box .content li.right1{float: right;}
.c_box .content li.right1 a{display: inline; color: #f2fffe;}
.c_box .content li.right1 a:hover{color: #ffc600;}
.c_box1{display:none;}

/*内页*/