@charset "utf-8";

  .s {
    width: 1238px;
    margin: 0 auto;
  }

  /* bnaner */
  .banner {
    position: relative;
    width: 100%;
    height: 600px;
    background-image: url("../images/banner.png");
    background-size:100% 100%; 
  }


  /* 介绍 */
  .introduce {
    position: relative;
    width: 100%;
    height: 280px;
  }
  .introduce ul {
    float: left;
    width: 100%;
  }
  .introduce ul .line {
    float: left;
    margin-top: 32px;
    height: 220px;
    width: 1px;
    border-left: 1px dashed #ccc;
  }
  .introduce ul li {
    box-sizing: border-box;
    float: left;
    width: 16.555555%;
    height: 280px;
  }
  .introduce ul li .introduce_title {
    float: left;
    width: 100%;
    height: 100px;
    line-height: 100px;
    color:  #0974EC;
    font-size: 22px;
    text-align: center;
  }
  .introduce ul li .introduce_text {
    float: left;
    width: 100%;
    box-sizing: border-box;
    height: 64px;
    padding: 0 30px;
    line-height: 20px;
    color: #999999;
    font-size: 14px;
    text-align: center;
  } 
  .introduce ul li .introduce_img {
    float: left;
    width: 100%;
    height: 64px;
    margin-top: 18px;
    box-sizing: border-box;
    text-align: center;
  } 

  /* 产品中心 */
  .product {
    position: relative;
    width: 100%;
    height: 818px;
    background-color: #eeeeee;
  }
  .product .product_title {
    float: left;
    width: 100%;
    height: 178px;
    text-align: center;
  }
  .product .product_title img {
    margin-top: 60px;
    display: inline-block;
  }
  .product .product_tabs {
    float: left;
    width: 100%;
    height: 92px;
  } 
  .product .product_tabs ul {
    float: left;
    width: 100%;
    height: 52px;
    text-align: center;
  }
  .product .product_tabs ul li {
    display: inline-block;
    cursor:pointer;
    margin-right: 20px;
    width: 20%;
    height: 52px;
    text-align: center;
    line-height: 52px;
    font-size: 16px;
    border: 1px solid #ccc;
  }
  .product .product_tabs ul li:last-of-type {
    margin-right: 0;
  }
  .product .product_tabs ul li:hover {
    background-color: #fff;
    color: #1881F6;
    border: 1px solid #1881F6;
  }
  .product .product_list {
    float: left;
    width: 100%;
    height: 466px;
    overflow: hidden;
  }  
  .product .product_list .product_intr {
    float: left;
    width: 100%;
    height: 100%;
  }
  .product_list .product_intr .product_left {
    float: left;
    width: 49%;
    height: 100%;
    overflow: hidden;
    position: relative;
  }
  .product_list .product_intr .product_left .product_left_reverse{
  	width:100%;
  	height:100%;
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    box-sizing: border-box;
  	position: absolute;
    padding: 180px;
  	left:0;
  	top:-100%;
  	transition: all .5s;
  }
  .product_list .product_intr .product_left:hover .product_left_reverse{
  	top:0
  }
  .product_list .product_intr .product_left .product_left_reverse>p{
  	width: 100%;
    font-size: 16px;
    color: #000;
    opacity: 1;
    text-align: center;
    font-family: SourceHanSansCN-Regular;
    font-weight: 600;
    line-height: 26px;
  }
  .product_list .product_intr .product_left .product_left_reverse>a{
  	text-align: center;
    widows: 120px;
    line-height: 30px;
    font-size: 16px;
    display: block;
    color: #fff;
    margin-top: 10px;
    background: rgba(3,172,34,1);
    border-radius: 17px;
  }
  
  
  
  .product_list .product_intr .product_left img {
    width: 100%;
    height: 100%;
  }
  .product_list .product_intr .product_right {
    float: right;
    width: 50%;
    height: 100%;
  }
  .product_list .product_intr .product_right ul {
    float: left;
    width: 100%;
    height: 100%;
  }
  .product_list .product_intr .product_right ul li {
    float: left;
    margin-right: 12px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 49%;
    height: 49%;
  }
  .product_list .product_intr .product_right ul li img {
    width: 100%;
    height: 100%;
  }
  .product_list .product_intr .product_right ul li:nth-of-type(even){
    margin-right: 0;
  }
  .product_list .product_intr .product_right ul li .porduct_cent {
    width:100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    padding: 70px 80px 0 80px;
    box-sizing:border-box;  
    position: absolute;
    top: -237px;
  }
  .product_list .product_intr .product_right ul li .porduct_cent p{
    width:100%;
    font-size:16px; 
    color: #000;
    opacity: 1;
    text-align: center; 
    font-family:SourceHanSansCN-Regular;
    font-weight: 600;
    line-height:26px;
  }
  .product_list .product_intr .product_right ul li .porduct_cent a:last-of-type{
    text-align: center;
    widows: 120px;
    line-height: 30px;
    font-size: 16px;
    display: block;
    color: #fff;
    margin-top: 10px;
    background:rgba(3,172,34,1);
    border-radius: 17px 
  }
  .product_list .product_intr .product_right ul li:hover .porduct_cent{
    animation:zhezhao 0.5s forwards;
  }
 
  @keyframes zhezhao {
    0% {  
      top:-270px;
    }
    100%{
      top:0px;
    }
  }  

  /* 企业热线 */
  .hot_line {
    position: relative;
    width: 100%;
    height: 264px;
    background-image: url("../images/015.png");
    background-size: 100% 100%;
  }
  .hot_line .hot_title {
    float: left;
    margin-top: 32px;
    width: 100%;
    height: 38px;
    color: #333333;
    text-align: center;
    font-size: 40px;
  }
  .hot_line .hot_title span:first-of-type {
    color:  #333333;
  }
  .hot_line .hot_title span:last-of-type {
    color:  #000000;
  }
  .hot_line .hot_slogan {
    float: left;
    margin-top: 20px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
  }
  .hot_line .hot_ul {
    float: left;
    width: 100%;
    height: 34px;
  }
  .hot_line .hot_ul ul {
    float: left;
    width: 650px;
    height: 100%;
    margin-left: 315px;
    margin-top: 30px;
    text-align: center;
  }
  .hot_line .hot_ul ul li {
    float: left;
    width: 94px;
    height: 34px;
    margin-right: 50px;
    line-height: 34px;
    text-align: center;
    font-size: 18px;
    color: #666666;
    border: 1px solid #ccc;
    cursor: pointer;
  }
  .hot_line .hot_ul ul li:hover {
    color: #FF763F;
    border: 1px solid #FF763F;
  }
  .hot_line .hot_call {
    float: left;
    margin-top: 58px;
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
  }
  .hot_line .hot_call span:first-of-type {
    margin-top: -4px;
    font-size: 20px;
    color:  #FF5A00;
  }
  .hot_line .hot_call span:last-of-type {
    font-size: 34px;
    color:  #FF763F;
  }

  /* 公司优势 */
  .advan {
    position: relative;
    width: 100%;
    height: 836px;
    background-color: #eeeeee;
  }
  .advan .advan_title {
    float: left;
    width: 100%;
    height: 186px;
    line-height: 186px;
    text-align: center;
  }
  .advan .advan_title img {
    display: inline-block;
  }
  .advan .advan_link {
    float: left;
    width: 100%;
    height: 70px;
  }
  .advan .advan_link ul {
    float: left;
    width: 100%;
    height: 70px;
  }
  .advan .advan_link ul li {
    float: left;
    cursor: pointer;
    width: 19.777777%;
    height: 70px;   
    text-align: center;
    border: 1px solid #0776EC;
  } 
 
 
  .advan .advan_link ul li .advan_img {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 100px;
    transition: all 1s forwards;
    height: 44px;
    margin-top: 2px;
    text-align: center;
  }
  .advan .advan_link ul li .advan_text {
    width: 100%;
    text-align: center;
    line-height: 26px;  
    font-size: 16px;
    color:  #0974EC;
  }  
  .advan .advan_link ul li:first-of-type:hover  {
    background-color: #0776EC; 
    box-sizing: border-box;
  } 
  .advan .advan_link ul li:first-of-type:hover  .advan_text{
    color: #fff !important 
  }
  .advan .advan_link ul li:first-of-type .advan_img {
    background: url("../images/icon/1.png") no-repeat center center ;
    background-repeat:no-repeat;
    text-align: center;
    float: left;
  }
  .advan .advan_link ul li:first-of-type:hover  .advan_img {
    background: url("../images/icon/1.jpg") no-repeat center center ;
    background-repeat:no-repeat;
    text-align: center;
    float: left;
  }

  .advan .advan_link ul li:nth-of-type(2):hover  {
    background-color: #0776EC; 
  } 
  .advan .advan_link ul li:nth-of-type(2):hover  .advan_text{
    color: #fff !important 
  }
  .advan .advan_link ul li:nth-of-type(2) .advan_img {
    background: url("../images/icon/2.png") no-repeat center center ;
    background-repeat:no-repeat;
    text-align: center;
    float: left;
  }
  .advan .advan_link ul li:nth-of-type(2):hover .advan_img {
    background: url("../images/icon/2.jpg") no-repeat center center ;
    background-repeat:no-repeat;
    text-align: center;
    float: left;
  }
  .advan .advan_link ul li:nth-of-type(3):hover  {
    background-color: #0776EC; 
  } 
  .advan .advan_link ul li:nth-of-type(3):hover  .advan_text{
    color: #fff !important 
  }
  .advan .advan_link ul li:nth-of-type(3) .advan_img {
    background: url("../images/icon/3.png") no-repeat center center ;
    background-repeat:no-repeat;
    text-align: center;
    float: left;
  }
  .advan .advan_link ul li:nth-of-type(3):hover .advan_img {
    background: url("../images/icon/3.jpg") no-repeat center center ;
    background-repeat:no-repeat;
    text-align: center;
    float: left;
  }
  .advan .advan_link ul li:nth-of-type(4):hover  {
    background-color: #0776EC; 
  } 
  .advan .advan_link ul li:nth-of-type(4):hover  .advan_text{
    color: #fff !important 
  }
  .advan .advan_link ul li:nth-of-type(4) .advan_img {
    background: url("../images/icon/4.png") no-repeat center center ;
    background-repeat:no-repeat;
    text-align: center;
    float: left;
  }
  .advan .advan_link ul li:nth-of-type(4):hover .advan_img {
    background: url("../images/icon/4.jpg") no-repeat center center ;
    background-repeat:no-repeat;
    text-align: center;
    float: left;
  }
  .advan .advan_link ul li:nth-of-type(5):hover  {
    background-color: #0776EC; 
  } 
  .advan .advan_link ul li:nth-of-type(5):hover  .advan_text{
    color: #fff !important 
  }
  .advan .advan_link ul li:nth-of-type(5) .advan_img {
    background: url("../images/icon/5.png") no-repeat center center ;
    background-repeat:no-repeat;
    text-align: center;
    float: left;
  }
  .advan .advan_link ul li:nth-of-type(5):hover .advan_img {
    background: url("../images/icon/5.jpg") no-repeat center center ;
    background-repeat:no-repeat;
    text-align: center;
    float: left;
  }
  

 
  .advan .advan_hover{
    width:363px;
    height:578px;    
    position: relative;
    padding: 105px 65px;
    transition: all 1s forwards;
    box-sizing: border-box;
    background:rgba(238,238,238,1);
    display: none;
  }

  .advan .advan_hover p:first-of-type {
  	width: 100%;
  	float: left;
    font-size: 22px;
    color: #03AC22;
  }
    .advan .advan_hover p:nth-of-type(2) {
    	float: left;
    	width: 100%;
    	margin-top: 20px;
      font-size: 16px;
    	color: #666666;
    }
    .advan .advan_hover p:last-of-type {
    	float: left;
    	margin-top: 20px;
    	width: 100%;
    	font-size: 16px;
    	color: #666;
    }
  .advan .advan_hover span {
    width:233px; 
    display: block;
    font-size:14px;
    line-height:18px;
    font-family:ArialMT;
    padding: 54px 0 0 0 ;
    color:rgba(153,153,153,1);
  } 
  .advan .advan_hover .advan_hover_cent{
    width:230px; 
    font-size:14px;
    padding: 45px 0 0 0 ;
    text-align: left; 
    font-family:SourceHanSansCN-Regular;
    color:rgba(102,102,102,1);
    line-height:29px;
  } 
  .advan .advan_hover  i{
    width:53px;
    height:3px; 
    bottom: 80px;
    left: 65px;
    position: absolute;
    background:rgba(3,172,34,1);
  }
  /*.advan .advan_link ul li:hover .advan_hover{ 
    animation: shade 1S forwards;
  }*/


  
/* 改变透明度 */
  @keyframes shade {
    0% {  
      opacity: 0;
    }
    100%{ 
       opacity: 0.8;
    }
  }


  /* tupian */
  .advan .advan_bgi {
    float: left;
    margin-top: 2px;
    width: 100%;
    height: 580px;
    z-index: 100;
    background-image: url("../images/010.png");
  }

  /* 关于我们 */
  .about {
    position: relative;
    width: 100%;
    height: 758px;
    background-color: #eeeeee;
  }
  .about .about_title {
    float: left;
    width: 100%;
    height: 185px;
    line-height: 185px;
    text-align: center;
  }
  .about .about_title img {
    display: inline-block;
  }
  .about .about_left {
    float: left;
    width: 794px;
    height: 512px;
  }
  .about .about_left .about_gs {
    float: left;
    cursor: pointer;
    width: 270px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ccc;
  }
  .about .about_left .about_gs span {
    color: #666666;
    font-size: 16px;
  }
  .about .about_left .about_gs span:hover {
    color: #0776EC;
  }
  .about .about_left .about_gs span:first-of-type {
    float: left;
  }
  .about .about_left .about_gs span:nth-of-type(2){
    text-align: center;
    width: 238px;
    float: left;
  }
  .about .about_left .about_gs span:last-of-type {
    float: right;
  }
  .about .about_left .about_text {
    float: left;
    margin-top: 20px;
    width: 100%;
    height: 136px;
    font-size: 15px;
    color:#666666;
    line-height: 28px;
    text-indent: 2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }


  .about .about_left .about_lc {
    float: left;
    margin-top: 32px;
    cursor: pointer;
    width: 182px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ccc;
  }
  .about .about_left .about_lc span {
    color: #666666;
    font-size: 16px;
  }
  .about .about_left .about_lc span:hover {
    color: #0776EC;
  }
  .about .about_left .about_lc span:first-of-type {
    float: left;
  }
  .about .about_left .about_lc span:nth-of-type(2){
    text-align: center;
    width: 150px;
    float: left;
  }
  .about .about_left .about_lc span:last-of-type {
    float: right;
  }
  .about .about_left .about_slogan {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color:  #666666;
    font-size: 15px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    text-indent: 2em;
  }
  .about .about_left .about_js {
    float: left;
    margin-top: 10px;
    width: 100%;
    height: 30px;
    line-height: 30px;
  }
  .about .about_left .about_js ul {
    float: left;
    width: 100%;
    height: 100%;
  }
  .about .about_left .about_js ul li {
    float: left;
    cursor: pointer;
    width: 86px;
    min-height: 30px;
    color: #999999;
    line-height: 24px;
    font-size: 14px;
  }
  .about .about_left .about_js ul li>p{
  	width:100%;
  	box-sizing: border-box;
  	padding-right:10px ;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden
  }
  .about .about_left .about_js ul li:hover {
    color: #1881F6;
  }
  .about .about_left .about_line {
    float: left;
    margin-top: 20px;
    width: 100%;
    height: 1px;
    border-top: 1px dashed #ccc;
  }
  .about .about_left .about_dot {
    float: left;
    margin-top: -16px;
    width: 100%;
    height: 30px;
    line-height: 30px;

  }
  .about .about_left .about_dot ul {
    float: left;
    width: 100%;
    height: 100%;
  }
  .about .about_left .about_dot ul li {
    float: left;
    margin-left: 2px;
    cursor: pointer;
    width: 84px;
    height: 30px;
    color: #03AC22;
    font-size: 14px;
  }
  .about .about_left .about_dot ul li:last-of-type {
    float: left;
    width: 0px;
  }






  .about .about_left .about_time {
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
  }
  .about .about_left .about_time ul {
    float: left;
    width: 100%;
    height: 100%;
  }
  .about .about_left .about_time ul li {
    float: left;
    cursor: pointer;
    width: 86px;
    height: 30px;
    color: #999999;
    font-size: 14px;
  }
  .about .about_left .about_time ul li:hover {
    color: #1881F6;
  }
  .about .about_left .about_fzlc {
    float: left;
    margin-top: 4px;
    width: 100%;
    height: 100px;
  }
  .about .about_left .about_fzlc ul {
    float: left;
    width: 100%;
    height: 100%;
  }
  .about .about_left .about_fzlc ul li {
    float: left;
    width: 188px;
    height: 100%;
    margin-right: 14px;
  }
  .about .about_left .about_fzlc ul li:last-of-type {
    margin-right: 0;
  }
  .about .about_left .about_fzlc ul li img {
    width: 100%;
    height: 100%;
  }
  .about .about_right {
    float: right;
    width: 354px;
    height: 512px;
  }
  .about .about_right img {
    width: 100%;
    height: 100%;
  }


  /* 客户案例 */
  .case {
    position: relative;
    width: 100%;
    height: 490px;
    background-color: #fff;
  }
  .case .case_img {
    float: left;
    width: 100%;
    text-align: center;
    line-height: 187px;
    height: 187px;
  }
  .case .case_img img {
    display: inline-block;
  }
  .case .case_lunbo {
    float: left;
    width: 100%;
    height: 230px;
    line-height: 230px;
  }
  .case .case_lunbo .swiper-wrapper {
    height: 230px;
  }
  .case .case_lunbo .swiper-slide {
    float: left;
    width: 279px !important;
    height: 90px;
    line-height: 90px;
    background-color: #fff;
    text-align: center;
    border: 1px solid #ccc;
    /* margin-right: 10px !important; */
  }
  /* .case .case_lunbo .swiper-slide img {
    float: left;
    display: block;
  } */

  /* 新闻资讯 */
  .news {
    position: relative;
    width: 100%;
    height: 760px;
    background-color: #eeeeee;
  }
  .news .news_list {
    float: left;
    width: 100%;
    height: 210px;
    line-height: 210px;
    text-align: center;
  }
  .news .news_list  img {
    display: inline-block;
  }
  .news  .news_tabs {
    float: left;
    width: 100%;
    height: 52px;
    line-height: 52px;
  }
  .news .news_tabs ul {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
  }
  .news .news_tabs ul li {
    display: inline-block;
    width: 152px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 16px;
    margin-right: 28px;
    color: #000000;
    border: 1px solid #ccc;
    cursor: pointer;
  }
  .news .news_tabs ul li.active {
    background-color: #0776EC;
    color: #fff;
  }
  .news .news_tabs ul li:hover {
    background-color: #0776EC;
    color: #fff;
  }
  .news .news_title {
    float: left;
    margin-top: 30px;
    width: 100%;
    height: 428px;
    overflow: hidden;
  } 
  .news .news_title .news_tit_ls {
    width: 100%;
    height: 100%;
  } 
  /* 左边 */
  .news .news_title .news_tit_ls .news_left {
    float: left;
    width: 386px;
    height: 428px;
    background-color: #ccc;
  }
  .news .news_title .news_tit_ls .news_left .news_lt_img {
    float: left;
    width: 386px;
    height: 140px;
  }
  .news_title .news_tit_ls .news_left .news_lt_img img {
    width: 100%;
    height: 100%;
  }
  .news_title .news_tit_ls .news_left .news_lt_text {
    float: left;
    width: 386px;
    height: 288px;
    background-color:  #FFFFFF;
  }
  .news_tit_ls .news_left .news_lt_text .news_lt_top {
    float: left;
    box-sizing: border-box;
    padding: 10px;
    width: 386px;
    height: 120px;
  }
  .news_left .news_lt_text .news_lt_top .news_time {
    float: left;
    width: 90px;
    height: 90px;
    background-color: #03AC22;
  }
  .news_left .news_lt_text .news_lt_top .news_time .news_num {
    width: 100%;
    height: 50px;
    font-size: 40px;
    color: #FFFFFF;
    text-align: center;
  }
  .news_left .news_lt_text .news_lt_top .news_time .news_rl {
    width: 100%;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.3);
    line-height: 40px;
    text-align: center;
    font-size: 16px;
  } 




  .news_left .news_lt_text .news_lt_top .news_bt {
    float: right;
    width: 268px;
    height: 70px;
  }
  .news_left .news_lt_text .news_lt_top .news_bt .news_tit {
    float: left;
    margin-top: 4px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .news_lt_text .news_lt_top .news_bt .news_tit a {
    color:  #03AC22;
    font-size: 16px;
  }
  .news_left .news_lt_text .news_lt_top .news_bt .news_bit  {
    float: left;
    margin-top: 26px;
    width: 100%;
    height: 20px;
  }
  .news_lt_text .news_lt_top .news_bt .news_bit .news_zb {
    float: left;
    width: 110px;
    height: 20px;
  }
  .news_lt_top .news_bt .news_bit .news_zb .news_tx {
    float: left;
    margin-right: 4px;
    width: 20px;
    height: 20px;
  }
  .news_lt_top .news_bt .news_bit .news_zb .news_tx img {
    width: 100%;
    height: 100%;
  }
  .news_lt_top .news_bt .news_bit .news_zb span:last-of-type {
    float: left;
    margin-top: 6px;
    font-size: 14px;
    color: #666666;
  }
  .news_lt_top .news_bt .news_bit .news_yb {
    float: right;
    margin-top: 4px;
    width: 92px;
    height: 20px;
  }
  .news_lt_top .news_bt .news_bit .news_yb span:last-of-type {
    font-size: 14px;
    color: #666666;
  }
  .news_tit_ls .news_left .news_lt_text .news_lt_foo {
    float: left;
    box-sizing: border-box;
    padding: 0 10px;
    width: 386px;
    height: 130px;
    background-color: #fff;
    color:  #999999;
    font-size: 14px;
    line-height: 26px;
    text-indent: 2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }

  /* 右边 */
  .news .news_title .news_tit_ls .news_right {
    float: right;
    width: 792px;
    height: 428px;
  }
  .news_title .news_tit_ls .news_right .news_lists {
    float: left;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    height: 120px;
    background-color: #fff;
  }
  .news_title .news_tit_ls .news_right .news_lists .news_sj {
    float: left;
    width: 100px;
    height: 100px;
    background-color: #ccc;
  }
  .news_title .news_tit_ls .news_right .news_lists .news_sj .news_num01 {
    float: left;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 40px;
    color: #fff;
  }
  .news_title .news_tit_ls .news_right .news_lists .news_sj .news_rl01 {
    float: left;
    width: 100%;
    height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
  } 

  .news_title .news_tit_ls .news_right .news_lists .news_nr {
    float: right;
    width: 650px;
    height: 100px;
  }
  .news_tit_ls .news_right .news_lists .news_nr .news_nr2{
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #03AC22;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .news_tit_ls .news_right .news_lists .news_nr .news_nr3{
    float: left;
    margin-top: 14px;
    width: 100%;
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    color:  #999999;
    /* text-indent: 2em; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .news_title .news_tit_ls .news_right .news_box {
    float: left;
    box-sizing: border-box;
    width: 100%;
    height: 308px;
  }
  .news_title .news_tit_ls .news_right .news_box ul {
    float: left;
    width: 100%;
    height: 100%;
  }
  .news_tit_ls .news_right .news_box ul li {
    float: left;
    box-sizing: border-box;
    padding: 10px;
    margin-top: 34px;
    margin-right: 20px;
    width: 386px;
    height: 120px;
    background-color: #fff;
  }
  .news_tit_ls .news_right .news_box ul li:nth-of-type(even){
    margin-right: 0;
  }
  .news_right .news_box ul li .news_box1 {
    float: left;
    width: 100px;
    height: 100px;
    background-color: #ccc;
  }
  .news_right .news_box ul li .news_box1 p:first-of-type {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 40px;
  }
  .news_right .news_box ul li .news_box1 p:last-of-type {
    float: left;
    width: 100%;
    height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
  }
  .news_right .news_box ul li .news_box2 {
    float: right;
    width: 244px;
    height: 100px;
  }
  .news_right .news_box ul li .news_box2 .news_box3 {
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #03AC22; 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
  }
  .news_right .news_box ul li .news_box2 .news_box4 {
    float: left;
    margin-top: 16px;
    width: 100%;
    height: 44px;
    line-height: 22px;
    font-size: 14px;
    color:  #999999;
    text-indent: 2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }















  /* 联系我们 */
  .contact {
    position: relative;
    width: 100%;
    height: 442px;
  }
  .contact .contact_img {
    float: left;
    width: 50%;
    height: 442px;
  }
  .contact .contact_img img {
    width: 100%;
    height: 100%;
  }
  .contact .contact_right {
    box-sizing: border-box;
    padding: 60px 0 24px 104px;
    float: right;
    width: 50%;
    height: 100%;
    background-image: url("../images/023.png");
    background-repeat: no-repeat;  
    background-size: 100% 100%;
  } 
  .contact .contact_right .contact_lx {
    float: left;
    width: 100%;
    font-size: 30px;
    color: #fff;
  }
  .contact .contact_right .contact_line {
    float: left;
    width: 100%;
    margin-top: 18px;
    width:59px;
    height:4px; 
    background:rgba(255,255,255,1);
  } 
  .contact .contact_right .contact_gs {
    float: left;
    height: 30px;
    width: 100%;
    font-size: 25px;
    color: #1881F6;
    margin-top: 22px;
  } 
  .contact .contact_right .contact_dz {
    float: left;
    margin-top: 6px;
    width: 100%;
    color: #fff;
    font-size: 16px;
  } 
  .contact .contact_right .contact_call {
    float: left;
    margin-top: 6px;
    width: 100%;
    color: #fff;
    font-size: 16px;
  } 
  .contact .contact_right .contact_mail {
    float: left;
    margin-top: 6px;
    width: 100%;
    color: #fff;
    font-size: 16px;
  } 
  .contact .contact_right .contact_code {
    float: left;
    margin-top: 20px;
    width: 100%;
    height: 110px;
  }
  .contact .contact_right .contact_code .contact_scan {
    float: left;
    width: 110px;
    height: 110px;
    background-color: #fff;
  }
  .contact .contact_right .contact_code .contact_scan img {
    width: 100%;
    height: 100%;
  }
  .contact .contact_right .contact_code .contact_wz {
    float: left;
    width: 80px;
    height: 110px;
    line-height: 110px;
    text-align: center;
    font-size: 14px;
    color: #fff;
  }




@media screen and (min-width: 992px) {
  /* 屏幕大于992px */
  .product .product_title02 {
    display: none;
  }
  .advan .advan_title02 {
    display: none;
  }
  .about .about_title02 {
    display: none;
  }
  .case .case_img02 {
    display: none;
  }
  .news .news_list02 {
    display: none;
  }
  .contact .contact_img02 {
    display: none;
  }
  .contact .contact_web {
    display: none;
  }
  .footer_lj02 {
    display: none;
  }
  .advan .advan_ys {
    display: none;
  }

}
@media screen and (max-width: 992px) {
  /* 屏幕小于992px */
  .content {
    box-sizing: border-box;
    padding-bottom: 44px;
    position: relative;
  }
  /* 头部 */
  .top_link ul li:first-of-type {
    border-bottom: 2px solid #0776EC;
  }

  /* banner */
  .banner {
    position: relative;
    width: 100%;
    height: 150px;
  }

    /* 介绍 */
    .introduce {
      height: 100%;
      display: inline-block;
    }
    .introduce ul li {
      float: left;
      width: 49.666666%;
      height: 220px;
    }
    .introduce ul .line {
      float: left;
      height: 184px;
    }
    .introduce ul .line:nth-of-type(even){
      border-left: none;
    }
    .introduce ul li .introduce_title {
      height: 40px;
      font-size: 18px;
      line-height: 40px;
    }
    .introduce ul li .introduce_text {
      float: left;
      width: 100%;
      font-size: 12px;
      height: 100px !important;
    }
    /* 产品中心 */
    .product {
      /* display: none; */
      height: 100%;
      display: inline-block;
      box-sizing: border-box;
      padding: 10px;
    }
    .product .product_tabs {
      height: 100%;
    }
    .product .product_title {
      display: none;
    }
    .product .product_title02 {
      float: left;
      height: 40px;
      line-height: 40px;
      font-size: 20px;
      width: 100%;
      color: #0974EC;
      text-align: center;
    }  
    .product .product_tabs ul {
      text-align: center;
      width: 100%;
      height: 100%;
    }
    .product .product_tabs ul li {
      display: inline-block;
      width: 46%;
      margin-right: 0;
      height: 40px;
      line-height: 40px;
      font-size: 12px;
      margin-bottom: 10px;
    }
    .product_list .product_intr .product_right ul li .porduct_cent {
      display: none;
    }
    .product .product_tabs ul li:nth-of-type(even) {
      float: right;
    }
    .product_list .product_intr .product_left {
      display: none;
    }
    .product_list .product_intr .product_right {
      width: 100%;
    }
    .product_list .product_intr .product_right ul li {
      margin-right: 0;
      float: left;
    }
    .product_list .product_intr .product_right ul li:nth-of-type(even) {
      float: right;
    }

    /* 企业热线 */
    .hot_line {
      /* display: none; */
      height: 210px;
    }
    .hot_line .hot_title {
      margin-top: 10px;
      font-size: 20px;
      line-height: 38px;
    }
    .hot_line .hot_slogan {
      font-size: 18px;
      margin-top: 0;
      float: left;
      width: 100%;
      height: 30px;
      color: #333333;
      line-height: 30px;
      text-align: center;
    }
    .hot_line .hot_ul ul {
      width: 100%;
      margin-left: 0;
    }
    .hot_line .hot_ul ul li {
      width: 24.222%;
      margin-right: 0;
    }
    .hot_line .hot_call span:first-of-type {
      font-size: 16px;
    }
    .hot_line .hot_call span:last-of-type {
      font-size: 24px;
    }

    /* 公司优势 */
    .advan {
      /* display: none; */
      box-sizing: border-box;
      padding: 10px;
      height: 300px;
    }
    .advan .advan_title {
      display: none;
    }
    .advan .advan_title02 {
      float: left;
      height: 40px;
      line-height: 40px;
      font-size: 20px;
      width: 100%;
      color: #0974EC;
      text-align: center;
    } 
    .advan .advan_bgi {
      display:none;
    }
    .advan .advan_link {
      height: 100%;
    }
    .advan .advan_ys {
      float: left;
      height: 40px;
      line-height: 40px;
      font-size: 20px;
      width: 100%;
      color: #0974EC;
      text-align: center;
    }
    .advan .advan_link ul {
      width: 100%;
      height: 100%;
    }
    .advan .advan_link ul li {
      float: left;
      width: 46%;
      margin-bottom: 10px;
    }
    .advan .advan_link ul li .advan_img {
      padding: 6px 50px;
    }
    .advan .advan_link ul li:nth-of-type(even) {
      float: right;
    }
    .advan .advan_hover {
      display: none;
    }
    .advan .advan_link ul li:first-of-type:hover  .advan_img {
      background: url("../images/icon/25.jpg") no-repeat center center ;
      background-repeat:no-repeat;
      text-align: center;
      float: left;
    }
    .advan .advan_link ul li:nth-of-type(2):hover .advan_img {
      background: url("../images/icon/46.jpg") no-repeat center center ;
      background-repeat:no-repeat;
      text-align: center;
      float: left;
    }
    .advan .advan_link ul li:nth-of-type(3):hover .advan_img {
      background: url("../images/icon/17.jpg") no-repeat center center ;
      background-repeat:no-repeat;
      text-align: center;
      float: left;
    }
    .advan .advan_link ul li:nth-of-type(4):hover .advan_img {
      background: url("../images/icon/18.jpg") no-repeat center center ;
      background-repeat:no-repeat;
      text-align: center;
      float: left;
    }
    .advan .advan_link ul li:nth-of-type(5):hover .advan_img {
      background: url("../images/icon/16.jpg") no-repeat center center ;
      background-repeat:no-repeat;
      text-align: center;
      float: left;
    }

    /* 关于我们 */
    .about {
      /* display: none; */
      box-sizing: border-box;
      padding: 10px;
      height: 100%;
      display: inline-block;
      background-color: #fff;
    }
    .about .about_title {
      display: none;
    }
    .about .about_title02 {
      float: left;
      height: 40px;
      line-height: 40px;
      font-size: 20px;
      width: 100%;
      color: #0974EC;
      text-align: center;
    } 
    .about .about_left {
      width: 100%;
      height: 100%;
    }
    .about .about_left .about_text {
      text-indent: 2em;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 12;
      overflow: hidden;
    }
    .about .about_left .about_slogan {
      width: 100%;
      text-indent: 2em;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 12;
      overflow: hidden;     
      height: auto;
      white-space: normal;
    }
    .about .about_left .about_js {
      display: none;
    }
    .about .about_left .about_line {
      display: none;
    }
    .about .about_left .about_dot {
      display: none;
    }
    .about .about_left .about_time {
      display: none;
    }
    .about .about_left .about_fzlc {
      display: none;
    }
    .about .about_right {
      display: none;
    }
    /* 客户案例 */
    .case {
      display: none;
      box-sizing: border-box;
      padding: 10px;
      height: 100%;
    } 
    .case .case_img {
      display: none;
    }
    .case .case_img02 {
      float: left;
      height: 40px;
      line-height: 40px;
      font-size: 20px;
      width: 100%;
      color: #0974EC;
      text-align: center;
    }
    .case .case_lunbo .swiper-wrapper {
      height: 184px;
    }
    .case .case_lunbo .swiper-slide {
      width: 130px !important;
      margin-right: 86px;
    }




    /* 新闻资讯 */
    .news {
      /* display: none; */
      height: 100%;
    } 
    .news .news_list {
      display: none;
    }
    .news .news_list02 {
      float: left;
      height: 40px;
      line-height: 40px;
      font-size: 20px;
      width: 100%;
      color: #0974EC;
      text-align: center;
    }
    .news .news_tabs {
      height: 100%;
    }
    .news .news_title .news_tit_ls .news_left {
      display: none;
    }
    .news_title .news_tit_ls .news_right .news_list {
      display: none;
    }
    .news .news_tabs ul li {
      display: inline-block;
      width: 94px;
      height: 30px;
      line-height: 30px;
      margin-right: 0;
    }
    .news .news_title {
      margin-top: 0;
    }
    .news .news_title .news_tit_ls .news_right {
      width: 100%;
      height: 100%;
    }
    .news .news_title {
      height: 100%;
    }
    .news_title .news_tit_ls .news_right .news_box {
      height: 100%;
    }
    .news_tit_ls .news_right .news_box ul li {
      margin-top: 10px;
      margin-bottom: 10px;
      width: 100%;
      height: 100px;
    }
    .news_right .news_box ul li .news_box1 {
      width: 28%;
      height: 80px;
    }
    .news_right .news_box ul li .news_box2 {
      width: 68%;
    }
    .news_right .news_box ul li .news_box2 .news_box3 {
      font-size: 14px;
    }
    .news_right .news_box ul li .news_box2 .news_box4 {
      margin-top: 0;
    }
    .news_title .news_tit_ls .news_right .news_lists .news_sj {
      width: 28%;
    }
    .news_title .news_tit_ls .news_right .news_lists .news_nr {
      width: 68%;
    }
    /* 联系我们 */
    .contact {
      display: none;
      height: 100%;
      display: inline-block;
      position: relative;
      top: 8px;
    } 
    .contact .contact_img {
      display: none;
    }
    .contact .contact_right {
      display: none;
    }
    .contact .contact_img02 {
      float: left;
      height: 40px;
      line-height: 40px;
      font-size: 20px;
      width: 100%;
      color: #0974EC;
      text-align: center;
    } 
    .contact .contact_web {
      float: left;
      box-sizing: border-box;
      padding: 10px;
      background-image: url(../images/023.png);
      background-size: 100% 100%;
      width: 100%;
      height: 330px;
    }
    .contact .contact_web .contact_lx {
      float: left;
      width: 100%;
      font-size: 18px;
      color: #fff;
    }
    .contact .contact_web .contact_line {
      float: left;
      width: 100%;
      margin-top: 10px;
      width: 59px;
      height: 4px;
      background: rgba(255,255,255,1);
    } 
    .contact .contact_web .contact_gs {
      float: left;
      height: 20px;
      width: 100%;
      font-size: 18px;
      color: #1881F6;
      margin-top: 10px
  }
  .contact .contact_web .contact_dz {
    float: left;
    margin-top: 6px;
    width: 100%;
    color: #fff;
    font-size: 14px;
  }
  .contact .contact_web .contact_call {
    float: left;
    margin-top: 6px;
    width: 100%;
    color: #fff;
    font-size: 14px;
  }
  .contact .contact_web .contact_mail {
    float: left;
    margin-top: 6px;
    width: 100%;
    color: #fff;
    font-size: 14px;
  }
  .contact .contact_web .contact_code {
    float: left;
    width: 100%;
  } 
  .contact .contact_web .contact_code .contact_scan {
    float: left;
    margin-left: 30px;
    width: 110px;
    height: 110px;
  }
  .contact .contact_web .contact_code .contact_wz {
    float: left;
    width: 80px;
    height: 110px;
    line-height: 110px;
    text-align: center;
    font-size: 14px;
    color: #fff;
  }
}



@media screen and (min-width:992px) and (max-width: 1236px) {
  /* 屏幕大于992px 且 屏幕小于1236px */

  .w {
    width: 100%;
  }

  .zixun {
    display: none;
  }


  .advan {
    display: none;
  }
  .case {
    display: none;
  }


  .product .product_tabs ul li {
    margin-right: 4px;
  }

  .product_list .product_intr .product_right ul li {
    width: 48%;
  }
  .about .about_right {
    display: none;
  }
  .news_title .news_tit_ls .news_right .news_lists {
    display: none;
  }
  .news .news_title .news_tit_ls .news_right {
    width: 48%;
  }
  .news_tit_ls .news_right .news_box ul li {
    margin-top: 20px;
  }
  .news_title .news_tit_ls .news_right .news_box {
    height: 430px;
    overflow: hidden;
  }
  .news .news_title .news_tit_ls .news_left {
    margin-left: 82px;
  }
}