@charset "utf-8";
html, body {
   min-height: 100%; 
}
*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
body{
	    margin: 0;
    font-size: 16px;
    font-family:   "微软雅黑", Arial,  "nt","Microsoft Yahei";
    line-height: 1.5; 
    color: #333;
background: #FFFFFF;
}

body.index-page{background: #f5f5f5;} 



a, a:hover, a:focus {
    color: #333333;
    text-decoration: none;
}
html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,th,td,fieldset,form,input,select,textarea,hr,blockquote,pre{margin:0;padding:0;}
ul,ol,dl{list-style:none;}
h1, h2, h3, h4, h5, h6,{margin:0px !important; padding:0px !important;   line-height: 1 !important;font-style: normal;}
img{border:0;margin: 0; }

.w-main{width: 90%;max-width: 1400px;min-width: 950px; margin: 0 auto;}
.wenzhang{width: 100%;height: auto;}
.wenzhang p{font-size: 16px;}
.txt p{font-size: 16px;color: #666666;}
.h80{width: 100%;height: 80px;overflow: hidden;}
.h40{width: 100%;height: 40px;overflow: hidden;}

.title{width: 100%;height: auto;}
.title h1{font-size: 28px; color: #333333;}
.title h2{font-size: 20px;text-transform: uppercase;color: #999;font-weight: normal;}



.pc-nav{background: #FFFFFF; transition: all 0.3s ease; width: 100%;position:fixed;top: 0;left: 0;z-index: 999; height: auto;overflow: hidden;height: 90px;}
.pc-nav .logo{transition: all 0.3s ease; width:190px;height: auto;float: left;margin-top: 20px;}
.pc-nav .logo img{display: block;width: 100%;height: auto;}
.pc-nav .nav{width: calc(100% - 190px);float: right;line-height: 90px;text-align: right;}
.pc-nav .nav li{transition: all 0.3s ease;  display: inline-block;font-size: 18px;padding: 0 3%;}
.pc-nav .nav li a{color: #333333;}
.pc-nav .nav li:hover{background: #005aab;}
.pc-nav .nav li:hover a{color:#FFFFFF;}
.pc-nav2 {height: 60px;box-shadow:0 0 5px rgba(0,0,0,0.3) ;}
.pc-nav2 .logo{width: 160px;margin-top: 9px;}
.pc-nav2 .nav{line-height: 60px;width: calc(100% - 160px);}
.pc-nav2 .nav li{font-size: 16px;}

@media only screen and (max-width:1100px ) {
	.pc-nav .nav li{font-size: 16px;padding: 0 2.5%;}
}
.banner{width: 100%;height: auto;margin-top: 90px;}
.banner .banner-js{width: 100%;height: auto;z-index: 199;}
.banner .banner-js .pic{width: 100%;height: auto;position: relative;}
.banner .banner-js img{display: block;width: 100%;height: auto;}
.banner .banner-js .pic .con{width: 90%; position: absolute;top: 50%;left:5%;color: #FFFFFF;transform: translateY(-50%);}
.banner .banner-js .pic .con p{font-size: 60px;font-family: arial;}
.banner .banner-js .pic .con span{display: block;font-size: 36px;}

.banner .banner-js .swiper-pagination-fraction, .banner .banner-js .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom:50%;
    right: 5%;
    left: auto;
   height: auto;
    width: 80px;
    text-align: right;
    z-index: 200;
    color: #FFFFFF;
    line-height: 40px;
}

.banner .banner-js .swiper-pagination-bullet{
width: 100%;
height: 40px;
 display: block;
 transition: all 0.6s ease;
border-radius: 0;
background: none;
opacity:1;
}

.banner .banner-js .swiper-pagination-bullet:before{content: "";position: absolute;transition: all 1s ease; right: 0;bottom: 0;width: 0;}

.banner .banner-js .swiper-pagination-bullet-active{
    opacity: 1;
    background:none;
    position: relative;
}
.banner .banner-js .swiper-pagination-bullet-active:before{transition-delay: 0.1s; content: ""; position: absolute;right: 0;bottom: 0; width: 100%;height: 2px;background: #FFFFFF;}

@media only screen and (max-width:1200px ) {
	.banner .banner-js .pic .con p{font-size: 56px;}
	.banner .banner-js .pic .con span{font-size: 30px;}
}

.in-achiv{width: 100%;height: auto;}
.in-achiv ul{width: 100%;height: auto;overflow: hidden;}
.in-achiv ul li{ transition: all 0.5s;float: left; margin-bottom: 24px; width: calc(33.3% - 16px);height: auto; margin-right: 24px;position: relative;}
.in-achiv ul li:nth-child(3n){margin-right: 0;}
.in-achiv ul li .pic{ width: 100%;height: auto;overflow: hidden;}
.in-achiv ul li .pic img{ transition: all 0.5s; display: block;width: 100%;height: auto;}
.in-achiv ul li .bk{ transition: all 0.5s;opacity: 0; position: absolute;width: 100%;height: 100%;top: 0;left: 0; background: rgba(0,0,0,0.5);color: #FFFFFF;}
.in-achiv ul li .bk h5{width: calc(90% - 38px); opacity: 0;position: absolute;left: 5%;bottom: 114px;max-width: 230px;font-size: 18px;height: 28px;line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 1;-webkit-box-orient: vertical;-webkit-transition: all 0.5s; -moz-transition: all 0.5s;transition: all 0.5s;}

.in-achiv ul li .bk h6{opacity: 0;font-weight: normal;position: absolute;left: 5%;bottom: 10px;max-width: 230px;height: 24px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;
  	display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.in-achiv ul li .bk span{display: block;opacity: 0;position: absolute;right: 20%;bottom: 40px;width: 38px;height: 38px;font-size: 20px;line-height: 34px;text-align: center;border: 2px solid #fff;
	border-radius: 50%;color: #fff; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; transition: all 0.5s;}
.in-achiv ul li:hover .pic img{transform: scale(1.1);}
.in-achiv ul li:hover .bk{opacity: 1;}
.in-achiv ul li:hover .bk h5{opacity: 1;bottom: 65px;}
.in-achiv ul li:hover .bk h6{opacity: 1;bottom: 40px;}
.in-achiv ul li:hover .bk span{opacity: 1;right: 5%;}

.more-btn{ color: #949494;display: block;width: 180px;line-height: 45px;text-align: center;transition: all 0.3s ease; margin: 0 auto;margin-top: 20px;   border: 1px solid #0a0607;}
.more-btn:hover{color: #FFFFFF;background:#005AAB;border: 1px solid #005AAB;}

.in-ab{width: 100%;height: auto;background: #f9f9f9;}
.in-ab .con{width: 100%;height: auto;overflow: hidden;}
.in-ab .con .con-r{width: 40%;float: right; height: auto;}
.in-ab .con .con-r img{display: block;width: 100%;height: auto;}
.in-ab .con .con-l{width: 60%;padding-right: 6%;float: left;}
.in-ab .con .con-l .more-btn{margin: inherit;margin-top: 40px;}


.in-news{width: 100%;height: auto;}
.in-news .con{width: 100%;height: auto;overflow: hidden;}
.in-news .con .con-l{border-bottom:1px solid  #eaeaea ; padding-bottom: 20px; width: 47%;float: left;}
.in-news .con .con-l .pic{width: 100%;height: 175px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.in-news .con .con-l h5{margin-top: 15px; font-size: 20px;font-weight: normal; color: #333; width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-news .con .con-l .tent{width: 100%;height: auto;overflow: hidden;margin-top: 20px;}
.in-news .con .con-l .tent .date{float: left;width: 66px;padding: 5px 10px 5px 0;margin-right: 10px;border-right:1px solid #eaeaea  ;}
.in-news .con .con-l .tent .date b{font-weight: normal; font-size: 18px;display: block; color: #333;}
.in-news .con .con-l .tent .date span {font-size: 14px;color: #999; display: block;}
.in-news .con .con-l .tent .txt{width: calc(100% - 76px);float: left;padding-left: 10px;height: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.in-news .con .con-l .tent .txt p{color: #666;}
.in-news .con .con-r{width: 47%;float: right;border-top:1px solid #dcdcdc ;}
.in-news .con .con-r li{overflow: hidden; width: 100%;height: auto;padding: 23px 0;border-bottom: 1px solid #eaeaea;}
.in-news .con .con-r li .date{float: left;width: 66px;padding: 5px 10px 5px 0;margin-right: 10px;border-right:1px solid #eaeaea  ;}
.in-news .con .con-r li .date b{font-weight: normal; font-size: 18px;display: block; color: #333;}
.in-news .con .con-r li .date span {font-size: 14px;color: #999; display: block;}
.in-news .con .con-r li .tent{width: calc(100% - 76px);float: left;padding-left: 10px;}
.in-news .con .con-r li .tent h5{font-weight: normal; font-size: 20px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-news .con .con-r li .tent .txt{width: 100%;margin-top: 5px; height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.in-news .con .con-r li .tent .txt p{color: #666;}
.in-news .con .con-r li:hover h5{color: #005AAB;}
.in-news .con .con-l:hover h5{color: #005aab;}


.yl{width: 100%;height: auto;background: #F9F9F9;padding: 30px 0;border-bottom: 6px solid #005bac;}

.yl-c{color: #666666;font-size: 16px;}
.yl-c p{font-weight: bold; color: #005BAC; position: relative;width: 100%;height: auto;padding-left: 30px;}
.yl-c p:before{content: "";position: absolute;top:5px;left: 0;width: 22px;height: 22px;background: url(../img/a001.png)center no-repeat;background-size: cover;}

.yl-c a{font-weight: normal; color: #666;font-size: 16px;margin: 8px;display: inline-block;}
.yl-c a:hover{color: #005bac;}


.footer{width: 100%;height: auto;background: #222222;}
.footer .footer-c{padding: 35px 0; height: auto;overflow: hidden;}
.footer .footer-c .logo{float: left;width:180px;height: auto;}
.footer .footer-c .logo img{display: block;width: 100%;height: auto;}
.footer .footer-c ul{width: calc(100% - 180px);padding-left:8%; float: right;color: #FFFFFF;}
.footer .footer-c ul li .tl{margin-bottom: 20px; width: 100%;height: auto;}
.footer .footer-c ul li .tl h5{ font-size: 18px;color: #FFFFFF;}
.footer .footer-c ul li .tl h6{font-size: 16px;font-weight: normal; color: #999;}
.footer .footer-c ul li:first-child{ float: left;width: 310px;}
.footer .footer-c ul li:first-child p{margin-bottom: 5px;}
.footer .footer-c ul li:nth-child(2){float: left;width: 90px;  margin: 0 15%; height: auto;}
.footer .footer-c ul li:nth-child(2) span{display: block;padding-left: 20px;position: relative;}
.footer .footer-c ul li:nth-child(2) span a{color: #FFFFFF;}
.footer .footer-c ul li:nth-child(2) span:before{content: ">";font-size: 18px; position: absolute;left: 0;color: #005bac;}
.footer .footer-c ul li:last-child{width:210px;float: right;}
.footer .footer-c ul li:last-child a{display: inline-block;color: #FFFFFF;margin-right:5px;}

.footer .foot-d{background: #000000;padding: 15px 0;line-height: 24px;color: #FFFFFF;text-align: center;}
.footer .foot-d a{color: #FFFFFF;}
@media only screen and (max-width:1330px ) {
	.footer .footer-c ul{padding-left:6%;}
	.footer .footer-c ul li:nth-child(2){margin:  0 8%;}
}
@media only screen and (max-width:1200px ) {
	.footer .footer-c ul li:nth-child(2){margin:  0 5%;}
}

.banner2{position: relative;}
.banner .img{width: 100%;height: auto;}
.banner .img img{display: block;width: 100%;height: auto;}
.banner .t-con{position: absolute;width: 90%;max-width: 1400px; left: 50%;top: 50%;height: auto;transform: translateX(-50%)translateY(-50%);}
.banner .t-con h3{color: #FFFFFF;font-size: 40px;}
.banner .t-con h4{color: #FFFFFF;font-size: 28px;font-weight: normal;text-transform: uppercase;}
.ab1{width: 100%;height: auto;}
.ab3{width: 100%;height: auto;}
.ab2{width: 100%;height: auto;position: relative;z-index: 1;}
.ab2 .bk{position: absolute;top: 0;left: 0;width: 100%;height:100%;z-index: -1;background-size: cover;background-position: center;background-attachment: fixed; }
.ab2-c{text-align: center;}
.ab2-c p{font-size: 30px;color: #FFFFFF;font-weight: bolder;}
@media only screen and (max-width: 1200px) {
	.ab2-c p{font-size: 26px;}
}

.case{width: 100%;height: auto;}
.case-list{width: 100%;height: auto;overflow: hidden;}
.case-list li{width: calc(33.3% - 16px);margin-bottom: 30px;transition: all 0.6s ease;   border-bottom:1px solid #DCDCDC ;padding-bottom: 20px; margin-right: 24px;float: left;height: auto;}
.case-list li:nth-child(3n){margin-right: 0;}
.case-list li .pic{width: 100%;height: auto;overflow: hidden; }
.case-list li .pic img{display: block;width: 100%;height: auto;}
.case-list li h5{font-size: 18px;color: #333333;margin-top: 20px; width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case-list li .txt{margin-top: 15px; width: 100%;height: 72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break: break-all;}
.case-list li .txt p{font-size: 16px;color: #666666;}
.case-list li:hover h5{color: #005AAB;}
.case-list li:hover img{transform: scale(1.1);transition: all 0.6s ease;}
.fy{width: 100%;height: auto;text-align: center;margin-top: 20px;font-size: 0;}
.fy a{display: inline-block;line-height: 34px;width: 36px;color: #333333;font-size: 16px;margin: 0 6px; border-radius: 3px;border:1px  solid #999999;}
.fy a.cut{border:1px solid #005AAB;background: #005AAB;color: #FFFFFF;}
.fy a:hover{border:1px solid #005AAB;background: #005AAB;color: #FFFFFF;}


.case-d{width: 100%;height: auto;}
.case-d h5{font-weight:normal; font-size: 20px;color: #005AAB;text-align: center;}
.case-d .date{text-align: center;font-size: 14px;color: #999;margin-top: 10px;}
.case-d .tab{background: #005AAB;color: #FFFFFF;padding: 25px;}
.case-d .tab a{display: inline-block;color: #FFFFFF;margin: 0 10px;}
.case-d .return{display: block;color: #005AAB; margin: 0 auto;margin-top: 40px; line-height: 40px;border:1px solid #005AAB;text-align: center;width: 140px;}
.case-d .return:hover{background: #005AAB;color: #FFFFFF;}

.relat-case{width: 100%;height: auto;background: #f3f3f3;}
.title2{width: 100%;height: auto;text-align: center;}
.title2 h1{font-size: 30px;color:#333333;}
.title2 h2{text-transform: uppercase;margin-top: 10px; color: #666666;font-size: 18px;font-weight: normal;}

.partner{width: 100%;height: auto;}
.partner-list{width: 100%;height: auto;overflow: hidden;}
.partner-list li{vertical-align: top; margin-bottom: 25px; width: calc(25% - 15px);margin-right: 20px;float: left;}
.partner-list li:nth-child(4n){margin-right: 0;}
.partner-list li .pic{ width: 100%;height: auto;position: relative;}
.partner-list li .pic img{display: block;width: 100%;height: auto;}
.partner-list li .pic .bk{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,90,171,0.2)}
.partner-list li h5{margin-top: 15px; text-align: center; color: #333;font-size:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news{width: 100%;height: auto;}
.news-top{width: 100%;height: auto;}
.news-top li{padding-bottom: 25px;margin-bottom: 25px; width: 100%;height: auto;overflow: hidden;border-bottom: 1px dashed #dcdcdc;}
.news-top li .pic{width: 200px;height: 150px;float: left;}
.news-top li .pic img{display: block;width: 100%;height: auto;}
.news-top li .con{width: calc(100% - 200px);float: left;padding-left: 45px;}
.news-top li .con .date{color: #005aab;}
.news-top li .con .date b{font-size: 28px;}
.news-top li .con .date span{font-size: 16px;font-weight: bold;}
.news-top li .con h5{ margin-top:20px; width: 100%;font-size: 20px; height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-top li .con .txt{margin-top: 15px; width: 100%;height: auto;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.news-list{width: 100%;height: auto;overflow: hidden;}
.news-list li{border-bottom:1px dashed #dcdcdc ; width: calc(50% - 15px);padding-bottom: 25px;margin-bottom: 25px; margin-right: 30px;float: left;}
.news-list li:nth-child(2n){margin-right: 0;}
.news-list li .date{color: #005aab;}
.news-list li .date b{font-size: 28px;}
.news-list li .date span{font-size: 16px;font-weight: bold;}
.news-list li h5{ margin-top:15px; width: 100%;font-size: 20px; height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-list li .txt{margin-top: 10px; width: 100%;height: auto;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.news-d{width: 100%;height: auto;}
.news-d h5{font-weight:normal; font-size: 20px;color: #005AAB;text-align: center;}
.news-d .date{text-align: center;font-size: 14px;color: #999;margin-top: 10px;}
.news-d .tab{background: #005AAB;color: #FFFFFF;padding: 25px;}
.news-d .tab a{display: inline-block;color: #FFFFFF;margin: 0 10px;}
.news-d .pn{width:100%;height: auto;overflow: hidden; padding-top: 40px;margin-top: 40px;border-top:1px solid #dcdcdc ; height: auto;}
.news-d .pn-l{width: calc(100% - 150px);float: left;}
.news-d .pn-l a{width: 100%;display: block;margin-bottom: 10px; height: auto;font-size: 16px;color: #666;}
.news-d .pn-l a span{color: #005aab;}

.news-d .return{display: block;color: #005AAB; float:right; line-height: 40px;border:1px solid #005AAB;text-align: center;width: 140px;}
.news-d .return:hover{background: #005AAB;color: #FFFFFF;}

.contact{width: 100%;height: auto;}
.contact ul{width: 100%;height: auto;padding: 5px;overflow: hidden;}
.contact ul li{text-align: center;vertical-align: top;padding: 20px  5%; background: #FFFFFF;box-shadow: 0 0 5px rgba(0,0,0,0.2); width:calc(25% - 15px);margin-right: 20px;float: left;}
.contact ul li:nth-child(4n){margin-right: 0;}
.contact ul li .ico{display: inline-block;width: 75px;height: 75px;}
.contact ul li .ico img{display: block;width: 100%;height: auto;}
.contact ul li h5{margin-top: 20px; font-size: 20px;color: #333;}
.contact ul li h6{margin-top: 10px;height:48px ;  font-size: 16px;color: #666;font-weight: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}

.map{width: 100%;height: 500px;border: 1px solid #dcdcdc;}
.map #map{width: 100%;height: 100%;}

.r-top{width: 36px;height: 36px;background: #005aab;border-radius:5px;position: fixed;bottom: 20%;right: 10px;box-shadow:0 0px 5px rgba(0,0,0,0.2) ;z-index: 699;}





/*标签页*/
.list-content {width: 100%;height: auto;min-height: 40%;}
.list-content .fix {width: 100%;height: auto;}
.list-content .fix li {display: inline-block;padding: 5px 10px;border: 1px solid #eee;margin: 5px;font-size: 16px;color: #666666;}
.list-content .fix li a{color: #333333;}
.list-content .fix li:hover a {color: #005aab;}







/*标签*/
.tabs {width: 100%;height: auto;}
.tabs ul {width: 100%;height: auto;}
.tabs li {float: left;width: calc(25% - 20px);margin: 10px 10px;padding-left: 20px;background: #005aab;opacity: 0.8;color: #FFFFFF;}
.tabs li:hover {opacity: 1;}
.tabs li h2 {font-size: 20px;color: #fff;font-weight: normal;padding-top: 12px;}
.tabs li p {font-size: 14px;color: #fff;text-transform: uppercase;padding-bottom: 12px;font-family: Arial;}



.nnew-content {width: 100%;}
.nnew-content li {width: 100%;background: #f7f7f7;zoom: 1;margin-top: 40px;overflow: hidden;}
.nnew-content li:hover {box-shadow: 0px 2px 20px rgba(0,0,0,0.2);transition: all 0.3s ease;}
.news_time {background: #005aab;width: 120px;height: 100%;float: left;padding: 18px 20px 40px 0;}
.news_time .day {display: block;font-size: 70px;color: #fff;font-family: impact;text-align: right;line-height: 1.5;}
.news_time .year {display: block;color: #eee;text-align: right;line-height: 1;}
.news_time .type {display: block;font-size: 16px;text-align: right;padding-top: 20px;}
.news_time .type a {color: #fff;}
.news_cont {float: left;width: calc(100% - 200px);margin: 0 40px;}
.news_cont h2 {font-size: 20px;font-weight: normal;padding-top: 30px;}
.news_cont h2 a {color: #333;}
.news_cont a:hover {color: #005aab;}
.news_cont .demo {line-height: 24px;margin-top: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;  word-break: break-all; }
.news_cont .vis {color: #999;line-height: 38px;margin-top: 20px;}
.news_cont .more {float: right;color: #005aab;;display: inline-block;border: 1px solid #005aab;line-height: 38px;padding: 0 24px;}





.lab-content{width: 100%;}
.lab1{width:100%;min-height: 272px;float: left;margin-right: 40px;background: #f7f7f7;position: relative;}

.lab-content   .lab-l{
	position: absolute;
	top: 0;
	left: 0;
width: 120px;
height: 100%;
background: #005aab;
text-align: center;
}

.lab-content    .lab-r h5{
font-size: 36px;
position: absolute;
top: 50%;
margin-top: -74px;
font-weight: 600;
color: #FFFFFF;
 writing-mode: vertical-lr;
line-height: 120px;
}


.lab-content   .lab-l  h5{
	position: absolute;
	top: 50%;
	margin-top: -74px;
	font-size: 36px;
font-weight: 600;
color: #FFFFFF;
 writing-mode: vertical-lr;
line-height: 120px;
}



.lab-content   ul{
width: calc(100%  - 180px);
height: auto;
float: right;
margin:  30px;
font-size: 14px;
overflow: hidden;

}
.lab-content  .lab1 li {
display: inline-block;
padding:5px 10px;
color: #666666;
margin: 5px;
border: 1px #005aab solid;
border-radius: 5px;
}
.lab-content  .lab1 li :hover{
color: #005aab;
}