@charset "utf-8";
/* CSS Document */
.main{width: 1400px;margin: 0 auto;}
.header_warp{width: 100%;height: 80px;background-color: #fff;position: relative;}
.logo{display: block;height: 62px;float: left;margin: 9px 0;}
.nav{width: auto;display: block;float: right;}
.nav li{font-size: 16px;color: #333;line-height: 80px;display: block;float: left;}
.nav li+li{margin-left: 65px;}
.nav li a{color: #333;padding-bottom: 4px;}
.nav li:hover a{color: #1fa8a8;border-bottom: 1px solid #1fa8a8;}
.nav li.on a{color: #1fa8a8;border-bottom: 1px solid #1fa8a8;}
.nav li .xiala{width: 100%;overflow: hidden;position: absolute;top: 80px;left: 0;background-color: rgba(54,177,177,0.8);text-align: center;padding: 30px 0;display: none;}
.nav li:hover .xiala{display: block;z-index: 99;}
.nav li .xiala a{display: inline-block;padding: 0;width: auto;margin: 0 100px;}
.nav li .xiala a .img{width: 64px;height: 64px;border-radius: 64px;border: 2px solid #044645;margin: 0 auto;}
.nav li .xiala a .img img{display: block;width: 100%; height: 100%;}
.nav li .xiala a span{font-size: 16px;color: #044645;margin-top: 15px;display: block;text-align: center;}
.nav li:hover .xiala a{color: #044645;border-bottom: none;}
.nav li.on .xiala a{color: #044645;border-bottom: none;}
.nav li .xiala a:hover .img{background-color: #fff;border: 2px solid #fff;transition: all 0.1s;}
.nav li .xiala a:hover span{color: #fff;}
.nav li .xiala a.on .img{background-color: #fff;border: 2px solid #fff;transition: all 0.1s;}
.nav li .xiala a.on span{color: #fff;}
.sjheader{display: none;}
.menu{display: none;}

.owl-carousel .item{width: 100%;overflow: hidden;position: relative;}
.owl-carousel .item .cover{width: 58%;height: auto;box-sizing: border-box;padding: 6% 12%;background-color: rgba(255,255,255,0.7);
position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.owl-carousel .item .cover img{display: block;width: 100%;}

.index_one{width: 100%;overflow: hidden;margin: 105px 0 115px;}
.index_one .left{width: 29%;height: 590px;overflow: hidden;background: url(../../images/cjsw/index_05.jpg) no-repeat;background-size: 100% 100%;box-sizing: border-box;
padding: 65px 26px;position: relative;}
.index_one .left h1{font-size: 28px;color: #fff;font-weight: bold;}
.index_one .left h2{width: 30px;height: 3px;background-color: #fff;margin: 15px 0;}
.index_one .left h3{font-size: 14px;color: #fff;font-weight: bold;line-height: 30px;text-indent: 2rem;}
.index_one .left a{font-size: 14px;color: #fff;display: block;width: 205px;height: 35px;box-sizing: border-box;border: 1px solid #fff;border-radius: 30px;
line-height: 35px;text-align: center;position: absolute;bottom: 65px;left: 50%;transform:translate(-50%,0%);}
.index_one .left a:hover{border: 1px solid #48b8b8;background-color: #48b8b8;}
.index_one .right{width: 69%;height: 590px;overflow: hidden;}
.index_one .right .right_one{width: 100%;background-color: #fbfbfb;overflow: hidden;margin-bottom: 23px;}
.index_one .right .right_one .img{width: 411px;float: left;height: 283px;overflow: hidden;}
.index_one .right .right_one .img img{display: block;width: 100%;height: 100%;transition: all 0.5s;}
.index_one .right .right_one .img img:hover{transition: all 0.5s;transform: scale(1.1,1.1);}
.index_one .right .right_one .text{width: 400px;float: left;margin-left: 60px;padding-top: 40px;}
.index_one .right .right_one .text h1{font-size: 28px;color: #333;font-weight: bold;}
.index_one .right .right_one .text h2{width: 30px;height: 3px;background-color: #999;margin: 15px 0 10px;}
.index_one .right .right_one .text h3{font-size: 16px;color: #666;font-weight: bold;line-height: 50px;}
.index_one .right .right_one .text h3 font{font-size: 20px;color: #333;font-weight: bold;}
.index_one .right .right_two{width: 100%;overflow: hidden;}
.index_one .right .right_two a{width: 48.8%;float: left;background-color: #48b8b8;height: 284px;overflow: hidden;box-sizing: border-box;padding-top: 75px;}
.index_one .right .right_two a:nth-child(1) img{height: 55px;margin: 0 auto;}
.index_one .right .right_two a:nth-child(2){padding-top: 90px;float: right;background-color: #044645;}
.index_one .right .right_two a:nth-child(2) img{height: 46px;margin: 0 auto;}
.index_one .right .right_two a:nth-child(1) p{font-size: 28px;color: #fff;text-align: center;font-weight: bold;margin-top: 25px;}
.index_one .right .right_two a:nth-child(2) p{font-size: 16px;color: #fff;text-align: center;margin-top: 20px;}

.title{text-align: center;width: 100%;overflow: hidden;}
.title h1{font-size: 28px;color: #333;font-weight: bold;display: inline-block;text-align: center;position: relative;}
.title h1:before{content: ""; width: 66px;height: 1px; background-color: #c1c1c1;display: block;position: absolute;left: -85px;top: 15px;}
.title h1:after{content: ""; width: 66px;height: 1px; background-color: #c1c1c1;display: block;position: absolute;right: -85px;top: 15px;}
.title h3{font-size: 20px;color: #333;font-weight: bold;margin-top: 10px;}
.index_two{width: 100%;height: 750px;background: url(../../images/cjsw/index_bg_02.jpg) no-repeat center;box-sizing: border-box;padding-top: 66px;}
.index_two .nav_tab{width: 100%;overflow: hidden;margin: 25px 0 18px;}
.index_two .nav_tab a{display: block;width: 50%;float: left;font-size: 20px;color: #333;font-weight: bold;text-align: center;line-height: 60px;border-bottom: 2px solid #fff;}
.index_two .nav_tab a.on{border-bottom: 2px solid #1fa8a8;}
.index_two .con_tab{width: 100%;overflow: hidden;}
.index_two .con_tab .content{width: 100%;overflow: hidden;display: none;}
.index_two .con_tab .content.on{display: block;}
.index_two .con_tab .content .left{width: 31%;height: 462px;display: block;overflow: hidden;}
.index_two .con_tab .content .left img{display: block;width: 100%;height: 100%;transition: all 0.5s;}
.index_two .con_tab .content .left img:hover{transition: all 0.5s;transform: scale(1.1,1.1);}
.index_two .con_tab .content .right{width: 66.7%;overflow: hidden;margin-top: 20px;}
.index_two .con_tab .content .right .text{font-size: 14px;color: #666;line-height: 26px;height: 126px;text-overflow: ellipsis;
overflow: hidden;
/*display: -webkit-box;*/
-webkit-box-orient:vertical;
-webkit-line-clamp:3;}
.index_two .con_tab .content .right ul{width: 100%;overflow: hidden;margin: 20px 0 30px;}
.index_two .con_tab .content .right ul li{width: 30%;float: left;}
.index_two .con_tab .content .right ul li+li{margin-left: 5%;}
.index_two .con_tab .content .right ul li .img{width: 100%;height: 188px;overflow: hidden;}
.index_two .con_tab .content .right ul li .img img{display: block;width: 100%;height: 100%;transition: all 0.5s;}
.index_two .con_tab .content .right ul li .img img:hover{transition: all 0.5s;transform: scale(1.1,1.1);}
.index_two .con_tab .content .right ul li p{width: 100%;overflow: hidden;font-size: 14px;color: #333;line-height: 44px;text-align: center;height: 44px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
.index_two .con_tab .content .right .more{display: block;width: 205px;height: 35px;border: 1px solid #1fa8a8;box-sizing: border-box;border-radius: 30px;
font-size: 14px;color: #1fa8a8;text-align: center;line-height: 35px;margin: 0 auto;}
.index_two .con_tab .content .right .more:hover{background-color: #1fa8a8;color: #fff;}


.index_three{width: 100%;overflow: hidden;padding: 60px 0 110px;background-color: #fbfbfb;}
.index_three .title{margin-bottom: 38px;}
.index_three .left{display: block;width: 32%;height: 603px;overflow: hidden;position: relative;}
.index_three .left img{display: block;width: 100%;height: 100%;transition: all 0.5s;}
.index_three .left img:hover{transition: all 0.5s;transform: scale(1.1,1.1);}
.index_three .left .text{position: absolute;bottom: 0;left: 0;width: 100%;height: 100px;background-color: rgba(0,0,0,0.5);box-sizing: border-box;padding: 20px;}
.index_three .left .text p{width: 70%;font-size: 18px;color: #fff;line-height: 30px;height: 60px;float: left; text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;}
.index_three .left .text span{display: block;width: 90px;height: 34px;box-sizing: border-box;border: 1px solid #fff;border-radius: 30px;font-size: 14px;
color: #fff;text-align: center;line-height: 34px;float: right;margin-top: 15px;}
.index_three .left .text span:hover{background-color: #1fa8a8;border: 1px solid #1fa8a8;}
.index_three .right{width: 66%;overflow: hidden;}
.index_three .right li{width: 49%;float: left;background-color: #fff;box-sizing: border-box;padding: 48px 32px 43px;overflow: hidden;margin-bottom: 12px;}
.index_three .right li:nth-child(2n){float: right;}
.index_three .right li h1{font-size: 18px;color: #333;line-height: 20px;height: 20px;text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
.index_three .right li h2{font-size: 14px;color: #666;line-height: 26px;height: 52px;margin-top: 20px; text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;}
.index_three .right li h3{width: 100%;height: 2px;background-color: #fbfbfb;margin: 20px 0;}
.index_three .right li h4{float: left;width: 50%;font-size: 50px;color: #999;font-weight: bold;}
.index_three .right li h4 span{display: block; font-size: 16px;color: #999;font-weight: bold;margin-top: 5px;}
.index_three .right li h5{display: block;width: 90px;height: 34px;box-sizing: border-box;border: 1px solid #1fa8a8;border-radius: 30px;font-size: 14px;
color: #1fa8a8;text-align: center;line-height: 34px;float: right;margin-top: 25px;}
.index_three .right li:hover{background-color: #1fa8a8;}
.index_three .right li:hover h1{color: #fff;}
.index_three .right li:hover h2{color: #fff;}
.index_three .right li:hover h3{background-color: #fff;}
.index_three .right li:hover h4{color: #fff;}
.index_three .right li:hover h4 span{color: #fff;}
.index_three .right li:hover h5{color: #fff;border: 1px solid #fff;}


.footer{width: 100%;height: auto;background: url(../../images/cjsw/index_21.jpg) no-repeat center;overflow: hidden;box-sizing: border-box;border-top: 1px solid #bfbfbf;}
.footer_logo{width: 200px;float: left;margin-top: 28px;margin-right: 4%;}
.footer_nav{width: auto;float: left;padding: 20px 26px;}
.footer_nav h1{font-size: 16px;color: #333;line-height: 36px;text-align: center;}
.footer_nav h1 a{font-size: 16px;color: #333;}
.footer_nav a{font-size: 14px;color: #666;display: block;line-height: 36px;text-align: center;}
.footer_ma{width: auto;float: right;margin: 30px 0;margin-left: 3%;}
.footer_ma img{display: block;width: 116px;margin: 0 auto;}
.footer_ma img.ico{display: block;width: 34px;margin: 5px auto 10px;}
.footer_ma p{font-size: 14px;color: #333;}
.copyright{width: 100%;overflow: hidden;font-size: 14px; color: #666;line-height: 54px;text-align: center;border-top: 1px solid #e4e4e4;}
.copyright a{color: #666;}

.banner{width: 100%;overflow: hidden;}
.banner img{display: block;width: 100%;height: 100%;}

/*关于我们*/
.about_sm{width: 100%;overflow: hidden;background-color: #fbfbfb;padding: 40px 0;}
.about_sm .text{width: 33.33%;float: left;box-sizing: border-box;height: 68px;overflow: hidden;border-right: 2px solid #fff;}
.about_sm .text:nth-child(3){border-right: none;}
.about_sm .text img{display: inline-block;vertical-align: middle;height: 34px;}
.about_sm .text span{font-size: 16px;color: #333;line-height: 68px;margin-left: 26px;}
.about_sm .text:nth-child(2){text-align: center;}
.about_sm .text:nth-child(3){text-align: right;}
.about_main{width: 100%;overflow: hidden;padding: 60px 0 70px;}
.ab_title{font-size: 28px;color: #333;text-align: center;}
.ab_line{width: 24px;height: 2px;background-color: #044645;margin: 20px auto 30px;}
.about_main .content{font-size: 16px;color: #666;line-height: 36px;text-indent: 2rem;}
.about_main .content *{font-size: 16px;color: #666;line-height: 36px;text-indent: 2rem;}
.about_main .content img{display: block;max-width: 100%;margin: 0 auto;}

.develop_warp{width: 100%;overflow: hidden;padding: 60px 0 50px;}
.develop_main{width: 85%;box-sizing: border-box;margin:0 auto;border-left: 5px solid #e4e4e4;padding: 70px 0 0;margin-top: 34px;}
.develop_main li{width: 100%;min-height: 130px;position: relative;}
.develop_main li .yuan{width: 16px;height: 16px;background-color: #47b7b8;position: absolute;border-radius: 50%;opacity: 0.8;top: 9px;left: -10.5px;}
.develop_main li .time{font-size: 35px;color: #999;line-height: 36px;margin: 0 90px 0 50px;float: left;}
.develop_main li .text{font-size: 16px;color: #333;line-height: 36px;width: 80%;float: left;}
.develop_main li .yuan:after {background-color: #47b7b8;}
  /* 设置动画后颜色 */
.develop_main li .yuan:before {background-color: rgba(0, 168, 253, 0.2);}
  /* 设置动画 */
.develop_main li .yuan:before{
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    border-radius: 50%;
    animation: warn 1.5s ease-out 0s infinite;
  }
.develop_main li .yuan:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    border-radius: 50%;
    animation: warn 1.5s ease-out 0s infinite;
  } 
  /* @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。 */
  @keyframes warn {
    0% {
      transform: scale(0.5);
      opacity: 1;
    }
 
    30% {
      opacity: 1;
    }
 
    100% {
      transform: scale(1.4);
      opacity: 0;
    }
  }


.honor_warp{width: 100%;overflow: hidden;padding: 60px 0 30px;}
.honor_ul{width: 100%;overflow: hidden;margin-top: 46px;}
.honor_ul li{width: 22%;float: left;margin-right: 4%;margin-bottom: 55px;height: 440px;}
.honor_ul li img{display: block;width: 100%;height: 100%;}
.honor_ul li:nth-child(4n){margin-right: 0;}

.investor_warp{width: 100%;overflow: hidden;padding: 60px 0 90px;}
.investor_nav{width: 100%;overflow: hidden;}
.investor_nav a{display: block;width: 50%;float: left;font-size: 17px;color: #333;line-height: 56px;text-align: center;background-color: #fbfbfb;margin-bottom: 32px;}
.investor_nav a.on{color: #fff;background-color: #52b8ba;}
.investor_con{width: 100%;overflow: hidden;}
.investor_con .left{width: 16%;overflow: hidden;background-color: #f0f0f0;box-sizing: border-box;padding: 50px 0 0 44px;min-height: 780px;}
.investor_con .left a{display: block;font-size: 16px;color: #333;padding-left: 25px;background: url(../../images/cjsw/san.png) no-repeat left center;margin-bottom: 42px;}
.investor_con .left a.on{background: url(../../images/cjsw/san2.png) no-repeat left center;color: #1fa8a8;text-decoration: underline;}
.investor_con .right{width: 80%;overflow: hidden;padding-top: 40px;}
.investor_con .right .con{font-size: 16px;color: #666;line-height: 30px;display: none;}
.investor_con .right .con.on{display: block;}
.investor_con .right .con *{font-size: 16px;color: #666;line-height: 30px;}
.investor_con .right .con font{color: #333;font-weight: bold;}

.investor2{width: 100%;overflow: hidden;}
.investor2 li{width: 100%;overflow: hidden;background-color: #fbfbfb;box-sizing: border-box;padding: 45px 25px;}
.investor2 li h1{font-size:20px;color: #333;line-height: 22px;height: 22px;text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
.investor2 li h2{font-size:15px;color: #666;line-height: 16px;height: 16px;margin-top: 20px; text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
.investor2 li:nth-child(2n){background-color: #e7e7e7;}
.investor2 li:hover h1{color: #52b8ba;text-decoration: underline;}
/*分页*/
.page{
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin-top: 60px;
}
.page ul{
    display: inline-block;
    text-align: center;
  width: auto;
}
.page ul li{
    width: 34px;
    height: 34px;
    box-sizing: border-box;
    border: 1px solid #1fa8a8;
    margin: 4.5px;
    line-height: 34px;
    font-size: 14px;
    text-align: center;
    color: #333;
    overflow: hidden;
    padding: 0 !important;
    display: inline-block;
}
.page ul li span{
  color: #333;
}
.page ul li a{
  color: #333;
}
.page ul li.active{
    border: 1px solid #1fa8a8 !important;
    color: #fff;
    background-color: #1fa8a8;
}
.page ul li.active span{
  color: #fff;
}

.investor2_title{width: 100%;overflow: hidden;background-color: #52b8ba;}
.investor2_title .main{font-size: 20px;color: #fff;font-weight: bold;line-height: 150px;}
.investor2_nav{width: 100%;overflow: hidden;font-size: 15px;color: #333;line-height: 50px;padding-left: 35px;background: url(../../images/cjsw/home.png) no-repeat left center;}
.investor2_nav a{color: #333;}
.investor2_nav span{font-family: "宋体";margin: 0 12px;font-weight: bold;}
.investor2_con{font-size: 16px;color: #666;line-height: 30px;padding: 30px 0 70px;}
.investor2_con *{font-size: 16px;color: #666;line-height: 30px;}

/*产品列表*/
.product_warp{width: 100%;overflow: hidden;background-color: #fafafa;}
.product_warp:nth-child(2n){background-color: #fff;margin-bottom: 100px;}
.product_title{font-size: 26px;color: #333;line-height: 26px;padding-left: 20px;border-left: 3px solid #044645;margin: 50px 0 45px;}
.product_title span{font-size: 14px;color: #666;margin-left: 20px;}
.product_ul{width: 100%;overflow: hidden;}
.product_ul li{width: 32%;float: left;margin-right: 2%;margin-bottom: 30px;}
.product_ul li:nth-child(3n){margin-right: 0;}
.product_ul li .img{width: 100%;overflow: hidden;height: 332px;transition: all 0.5s;}
.product_ul li:hover .img{box-shadow: 0 0 10px #ddd;transition: all 0.5s;}
.product_ul li .img img{display: block;width: 100%;height: 100%;transition: all 0.5s;}
.product_ul li:hover .img img{transform: scale(1.1,1.1); transition: all 0.5s;}
.product_ul li .text{width: 100%;font-size: 16px;color: #333;line-height: 52px;text-align: center;height: 52px;text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
.product_ul.two li{width: 23.5%;}
.product_ul.two li:nth-child(3n){margin-right: 2%;}
.product_ul.two li:nth-child(4n){margin-right: 0;}
.product_ul.two li .img{width: 100%;overflow: hidden;height: 244px;}

.product_xq{margin-bottom: 20px;}
.product_sj{width: 100%;overflow: hidden;}
.product_sj .left{width: 50%;box-sizing: border-box;padding:10% 0 0 5%;}
.product_sj .left h1{font-size: 26px;color: #333;}
.product_sj .left h1 font{font-size: 40px;color: #333;font-weight: bold;margin-right: 20px;}
.product_sj .left h2{font-size: 18px;color: #333;margin-top: 35px; line-height:40px;}
.product_sj .right{width: 38%;margin-right: 8%;}
.product_sj .right img{display: block;width: 100%;}
.product_con{width: 100%;overflow: hidden;border-top: 1px solid #dcdcdc;padding: 60px 0 100px;font-size: 18px;color: #666;line-height: 40px;}
.product_con *{font-size: 18px;color: #666;line-height: 40px;}
.product_con font{color: #333;font-weight: bold;}


/*新闻*/
.news_warp{width: 100%;overflow: hidden;padding: 60px 0 100px;}
.news_ul{width: 100%;overflow: hidden;}
.news_ul li{width: 33%;float: left;margin-right: 0.5%;margin-bottom: 30px;}
.news_ul li:nth-child(3n){margin-right: 0;}
.news_ul li .img{width: 100%;height: 334px;overflow: hidden;}
.news_ul li .img img{display: block;width: 100%;height: 100%;transition: all 0.5s;}
.news_ul li:hover .img img{transform: scale(1.1,1.1); transition: all 0.5s;}
.news_ul li .text{width: 100%;overflow: hidden;background-color: #fdfdfd;box-sizing: border-box;padding: 16px 22px 10px;}
.news_ul li:hover .text{background-color: #47b7a4;}
.news_ul li .text h1{font-size: 20px;color: #333;line-height: 30px;font-weight: bold;height: 60px;text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;}
.news_ul li .text h2{width: 23px;height: 2px;background-color: #044645;margin: 6px 0 8px;}
.news_ul li .text h3{font-size: 13px;color: #666;}
.news_ul li .text h4{font-size: 14px;color: #666;line-height: 50px;height: 50px;text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
.news_ul li:hover .text h1{color: #fff;transition: all 0.1s;}
.news_ul li:hover .text h3{color: #fff;transition: all 0.1s;}
.news_ul li:hover .text h4{color: #fff;transition: all 0.1s;}

/*学术中心*/
.learning_warp{width: 100%;overflow: hidden;padding: 60px 0 100px;}
.learning_nav{width: 100%;overflow: hidden;}
.learning_nav a{display: block;width: 33.333333%;float: left;font-size: 17px;color: #333;line-height: 56px;text-align: center;background-color: #fbfbfb;margin-bottom: 32px;}
.learning_nav a.on{color: #fff;background-color: #52b8ba;}
.learning_ul{width: 100%;overflow: hidden;}
.learning_ul li{width: 100%;overflow: hidden;background-color: #e7e7e7;box-sizing: border-box;padding: 26px 70px 26px 26px;}
.learning_ul li:nth-child(2n){background-color: #fbfbfb;}
.learning_ul li .img{width: 30%;height: 275px;overflow: hidden;float: left;}
.learning_ul li .img img{display: block;width: 100%;height: 100%;transition: all 0.5s;}
.learning_ul li:hover .img img{transform: scale(1.1,1.1); transition: all 0.5s;}
.learning_ul li .text{width: 63%;float: right;padding-top: 45px;}
.learning_ul li .text h1{font-size: 28px;color: #333;line-height: 30px;height: 30px;text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
.learning_ul li .text h2{font-size: 16px;color: #666;line-height: 20px;height: 20px;margin: 35px 0 50px; text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
.learning_ul li .text h3{width: 158px;height: 35px;box-sizing: border-box;border: 1px solid #47b7b8;font-size: 14px;color: #52b8ba;line-height: 35px;text-align: center;}
.learning_ul li:hover .text h1{color: #52b8ba;}
.learning_ul li:hover .text h3{background-color: #52b8ba;color: #fff;}

/*加入我们*/
.join_warp{width: 100%;overflow: hidden;padding: 60px 0;}
.join_con{width: 100%;overflow: hidden;font-size: 16px;color: #666;line-height: 30px;}
.join_con *{font-size: 16px;color: #666;line-height: 30px;text-indent: 2rem;}
.join_con img{display: block;width: 88%;margin: 0 auto;}
.recruit_warp{width: 100%;overflow: hidden;}
.recruit_nav{width: 100%;overflow: hidden;background-color: #52b8ba;}
.recruit_nav h1{width: 22.5%;float: left;font-size: 17px;color: #fff;font-weight: bold;text-align: center;line-height: 58px;}
.recruit_nav h2{width: 34%;float: left;font-size: 17px;color: #fff;font-weight: bold;text-align: center;line-height: 58px;}
.recruit_nav h3{width: 25%;float: left;font-size: 17px;color: #fff;font-weight: bold;text-align: center;line-height: 58px;}
.recruit_con{width: 100%;overflow: hidden;}
.recruit_con .recruit{width: 100%;overflow: hidden;background-color: #fbfbfb;}
.recruit_con .recruit:nth-child(2n){background-color: #e7e7e7;}
.recruit_con .recruit h1{width: 22.5%;float: left;font-size: 17px;color: #333;text-align: center;line-height: 74px;}
.recruit_con .recruit h2{width: 34%;float: left;font-size: 17px;color: #333;text-align: center;line-height: 74px;}
.recruit_con .recruit h3{width: 25%;float: left;font-size: 17px;color: #333;text-align: center;line-height: 74px;}
.recruit_con .recruit a{display: block;width: 10%;float: left;margin-top: 21px; height: 32px;box-sizing: border-box;border: 1px solid #52b8ba;font-size: 14px;color: #52b8ba;line-height: 32px;text-align: center;}
.recruit_con .recruit a:hover{background-color: #52b8ba;color: #fff;}
.recruit_title{width: 100%;overflow: hidden;border-bottom: 1px solid #eee;margin-top: 20px;}
.recruit_title h1{font-size: 16px;color: #333;line-height: 60px;float: left;margin-right: 55px;}
.recruit_title h1 font{color: #da1111;}
.recruit_title h1 span{color: #127cd5;}
.recruit_con{width: 100%;overflow: hidden;font-size: 16px;color: #666;line-height: 30px;padding: 10px 0 40px;}
.recruit_con *{font-size: 16px;color: #666;line-height: 30px;}
.recruit_con .tit{font-size: 20px;color: #333;line-height: 52px;}
.recruit_con .text{font-size: 16px;color: #666;line-height: 30px;padding-left: 40px;}
.recruit_con .text *{font-size: 16px;color: #666;line-height: 30px;padding-left: 40px;}
.recruit_con .des{font-size: 16px;color: #333;line-height: 40px;}

/*联系我们*/
.contact_map{width: 100%;height: 935px;background: url(../../images/cjsw/lx_02.jpg) no-repeat center;}
.contact_map .main{position: relative;}
.contact_map .main .map{display: block;width: 100%;}
.map_text{padding: 20px;width: 296px;overflow: hidden;background-color: #fff;box-shadow: 0 0 5px #ddd;position: absolute;display: flex;}
.map_text .left{font-size: 20px;color: #044645;font-weight: bold;margin: auto 0;}
.map_text .right{margin-left: 10px;}
.map_text .right h1{font-size: 15px;color: #044645;line-height: 24px; padding-left: 30px;background: url(../../images/cjsw/lx01.png) no-repeat;}
.map_text .right h1+h1{margin-top: 10px;background: url(../../images/cjsw/lx02.png) no-repeat;}
.map_01{right: 180px;top: 220px;}
.map_02{right: 50px;top: 350px;}
.map_03{right: 120px;top: 478px;}
.map_03 .right{width: 80%;}
.contact_main{width: 100%;overflow: hidden;}
.contact_main ul{width: 100%;overflow: hidden;margin: 60px 0;}
.contact_main ul li{width: 32%;float: left;margin-right: 2%;overflow: hidden;box-sizing: border-box;background-color: #fbfbfb;padding: 30px 30px 10px;}
.contact_main ul li h1{font-size: 18px;color: #333;font-weight: bold;text-align: center;margin-bottom: 30px;}
.contact_main ul li h3{font-size: 16px;color: #333;line-height: 26px;padding-left: 48px;height: 52px;background: url(../../images/cjsw/lx05.png) no-repeat;margin-bottom: 10px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;}
.contact_main ul li:nth-child(3n){margin-right: 0;}
.contact_main ul li h3:nth-child(2){background: url(../../images/cjsw/lx03.png) no-repeat;}
.contact_main ul li h3:nth-child(3){background: url(../../images/cjsw/lx04.png) no-repeat;}





