/*内容区域*/
.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: 150px; 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:388px;}
.banner ul li{ width:100%; position:absolute;  height:388px; 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;}

/*内页导航*/
.page_nav{ width: 100%; height: 52px; line-height: 52px; background: #008075;}
.page_nav .content ul{width: 100%;}
.page_nav .content li{float: left;}
.page_nav .content li a{ height: 52px; padding: 0 30px; font-size: 16px; display: block; color: #fff;}
.page_nav .content li a:hover{ background: #29ccbe; color: #fff;}
.page_nav .content li a.active{ background: #29ccbe; color: #fff;}
.page_nav .content ul.cp_nav{width: 100%;}
.page_nav .content ul.cp_nav li{float: left;width: 16.66%;}
.page_nav .content ul.cp_nav li a{width: 100%;height: 26px;font-size: 14px;line-height: 26px;text-align: center;color: #fff;padding: 0;}
.page_nav .content ul.cp_nav li a:hover{ background: #29ccbe; color: #fff;}
.page_nav .content ul.cp_nav li a.active{ background: #29ccbe; color: #fff;}

/*内页内容*/
.page_main{width: 100%;padding: 36px 0;}
.page_main .content p{font-size: 16px;line-height: 30px;color: #666666;text-indent: 2em;}
.page_main .content p.center{text-indent: 0em;}
.page_main .content p span{color: #333333;font-weight: bold;}
.page_main .content .zgs_box{width: 100%;}
.page_main .content .zgs_box .zgs{width: 100%;margin-bottom: 28px;}
.page_main .content .zgs_box .zgs li{ float:left;}
.page_main .content .zgs_box .zgs li.left1{width: 112px;}
.page_main .content .zgs_box .zgs li.left1 img{width: 100%;height:auto;display: block;}
.page_main .content .zgs_box .zgs li.right1 {margin-left: 20px;width:calc(100% - 132px);}
.page_main .content .zgs_box .zgs li.right1 h3{font-size: 16px;color: #1a1a1a;line-height: 16px;font-weight: bold;margin-bottom: 8px;}
.page_main .content .zgs_box .zgs li.right1 h4{font-size: 16px;line-height: 30px;color: #666666;text-indent: 2em;}
.page_main .content .rcg02{display: none;}

/*新闻中心*/
.page .content .news_list{ width: 100%; height: auto; margin: 6px 0 36px 0; overflow: hidden; font-size: 16px; line-height: 29px;}
.page .content .news_list li{ width: 100%; height: auto; border-bottom: 1px dashed #aaa; overflow: hidden; padding: 30px 0;}
.page .content .news_list li .img{ width: 25%; height:auto; float: left; overflow: hidden;}
.page .content .news_list li .img img{ width: 100%; height:auto; -webkit-transition:-webkit-transform 0.5s ease-out; -moz-transition:-mos-transform 0.5s ease-out; -ms-transition:-ms-transform 0.5s ease-out; transition:transform 0.5s ease-out;}
.page .content .news_list li .img:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.page .content .news_text{ width: 71%; height: auto;margin-left: 4%; float: right;}
.page .content .news_text a{ font-size: 24px; color: #000; margin-bottom: 15px; display: inline-block;}
.page .content .news_text a:hover{ color: #02a193;}
.page .content .news_text .p2{ color: #999;}
.page .content .news_list .tit{ width: 100%; height: auto; font-size: 28px; line-height: 45px; color: #000; text-align: center;padding-top: 24px;}
.page .content .cp_tit{ width: 100%; height: auto; font-size: 28px; line-height: 45px; color: #000; text-align: center; margin-bottom: 20px;}
.page .content .news_list .time{ width: 100%; height: auto; font-size: 14px; color: #999; border-bottom: 1px dashed #aaa; margin-bottom: 25px; text-align: center; padding-bottom: 10px;}
.page .content .news_list img{ max-width: 100%;}
.page .content .news_list .text{ width: 100%; height: auto; text-align: justify;}

/*人力资源*/
.page .content .cp_list1{padding: 36px 0;}

/*技术支持*/
.page_main .content .jszc table{border-top: 1px solid #666;border-left: 1px solid #666;width: 100%;}
.page_main .content .jszc table td{border-right: 1px solid #666;border-bottom: 1px solid #666;}
.page .content ul.ly{width: 100%;padding: 36px 0;}
.page .content ul.ly li{width: 100%;margin-bottom: 20px;}
.page .content ul.ly li .left2{float: left;width: 16%;}
.page .content ul.ly li .left2 img{width: 100%;height: auto;}
.page .content ul.ly li .right2{float: left;padding-left: 2%;width: 82%;}
.page .content ul.ly li .right2 h1{width: 100%;font-size: 18px;line-height: 18px;color: #333333;font-weight: 800;cursor: pointer;}
.page .content ul.ly li .right2 h1:hover{color: #02a193;}
.page .content ul.ly li .right2 p{width: 100%;font-size: 16px;line-height: 32px;color: #666666;text-indent: 2em;margin-top: 16px;}


/*表单设置*/
#form{width: 60%;margin: 0 auto;}
#form tr{width: 100%;}
#form tr td{padding-bottom: 4px;}
#form tr td.left2{width: 12%;padding-right: 1%;font-size:16px;height: 32px;line-height: 32px;}
#form tr td.right2{width: 87%;}
#form tr td.right2 input{width:50%;height:32px;font-size:16px;padding-left:1%;border:#ccc 1px solid;box-sizing: border-box;}
#form tr td.right2 input:hover{border:#02a193 1px solid;}
#form tr td.right2 textarea{width:100%;height:200px;font-size:16px; line-height:32px;padding-left:1%;border:#ccc 1px solid;box-sizing: border-box;}
#form tr td.right2 textarea:hover{border:#02a193 1px solid;}
#form tr td.right2 select{width:50px;height:32px;font-size:16px;padding-left:1%;border:#ccc 1px solid;box-sizing: border-box;}
#form tr td.right2 select:hover{border:#02a193 1px solid;}
#form tr td.center2 input{width:120px;height:36px;font-size:18px;color: #fff;background-color: #02a193;text-align: center;line-height: 36px;cursor: pointer;border-radius: 4px;margin-top: 36px;}

/*产品世界*/
.page .content .cp_list{margin: 36px 0;}
.page .content .cp_list .col_tit{width: 98%;padding-left: 2%;height: 36px;background-color:#008075;}
.page .content .cp_list .col_tit a{font-size: 18px;color: #fff;line-height: 36px;}
.cpline{background:#dddddd}
td.cpquery{background:#ffffff;}
div.cpquery{border:1px #eeeeee solid;padding:5px;background:#ffffff;}
a.cpquerytitle{color:#777777;font-size:12px;line-height:26px}
div.cpquerytitle{border:1px #eeeeee solid;padding:2px;background:#f7f7f7}
.cppropname{color:#555555;font-size:12px;background:#dddddd}
.cpprop{color:#555555;font-size:12px;padding-left:10px;background:#f0f0f0}
.cpintro {color:#777777;font-size:12px;line-height:150%;}

/*产品详情页*/
.page .content .cp_list .col_tit1 {width: 100%;height: 36px;background-color:#008075;transition: all 0.5s ease 0s;}
.page .content .cp_list .col_tit1 ul{width: 100%;}
.page .content .cp_list .col_tit1 ul li{float: left;width: 50%; color: #fff;font-size: 16px;line-height: 36px;text-align: center;transition: all 0.5s ease 0s;}
.page .content .cp_list .col_tit1 ul li:hover{background: #29ccbe; color: #fff;transition: all 0.5s ease 0s;}
#TabTab03Con1{transition: all 0.2s ease 0s;}
#TabTab03Con2{transition: all 0.2s ease 0s;}
#TabTab03Con2 table{border-top: 1px solid #666;border-left: 1px solid #666;width: 100%;}
#TabTab03Con2 table td{border-right: 1px solid #666;border-bottom: 1px solid #666;}

/*返回列表*/
.back{margin-top: 30px;}
.back a{width: 160px;height: 48px;font-size: 16px;line-height: 48px;text-align: center;background-color: #999999;color: #F9F9F9;border-radius: 4px;}
.back a:hover{background-color:#02a193 ;}

/*底部导航*/
.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;}

/*底部翻页*/
.fenye{ width:100%; height:auto; overflow:hidden; clear:both; padding-top:10px;}
.pagesnow a{ width: 37px; height:34px; background:#02a193; color:#fff; line-height:34px; float:left; margin-right:7px; text-align:center;}
.pages a{ width: 37px; height:34px; background:#e6e6e6; color:#666; line-height:34px; float:left; margin-right:7px; text-align:center;}
.pages a:hover{ background:#02a193; color:#fff;}
.pagean{ width:72px; height: 34px; margin-right:7px; float:left; background: #e6e6e6; line-height: 34px; text-align: center;}
.pagean a{ width:72px; height: 34px; margin-right:7px; float:left; background: #e6e6e6; display: block; line-height: 34px; text-align: center;}
.pagean a:hover{ width: 72px; height:34px; background:#02a193; color:#fff; line-height:34px; float:left; margin-right:7px; text-align:center;}