@charset "UTF-8";

img{-webkit-transition: all 0.5s;  transition: all 0.5s;

  border:0;display: inline-block;

}

a{color:#333;-webkit-transition: all .2s;transition: all .2s;}

body{

  font-size: 14px;

  background-size: cover;

  -ms-behavior: url(/html/css/css/backgroundsize.min.htc);

  behavior: url(/html/css/css/backgroundsize.min.htc);

}

*{

  -webkit-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.wrap{width: 1435px;margin-left:auto;margin-right:auto;}

@media only screen and (max-width: 1500px){

  .wrap{width: 1200px;}

}

@media only screen and (max-width: 1225px){

  .wrap{width:100%;padding-right:20px;padding-left:20px;}

}

@media only screen and (max-width: 767px){

  .wrap{padding-right:10px;padding-left: 10px;}

}



 

/*输入框样式*/

input[type="text"]{

  width: 100%;

  height: 34px;

  font-size: 14px;

  line-height: 1.42857143;

  color: #555;

  background-color: #fff;

  background-image: none;

  border: 1px solid #ccc;

  border-radius: 0px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

  text-indent: 10px;

  box-sizing:border-box;

}

textarea{

  width: 260px;

  height: 34px;

  font-size: 14px;

  line-height: 1.42857143;

  color: #555;

  background-color: #fff;

  background-image: none;

  border: 1px solid #ccc;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

  text-indent: 10px;

  box-sizing:border-box;

}



/*下拉表单*/

.form-control {

  display: block;

  width: 100%;

  height: 34px;

  padding: 0px 10px;

  font-size: 14px;

  line-height: 1.42857143;

  color: #555;

  background-color: #fff;

  background-image: none;

  border: 1px solid #ccc;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

  box-sizing:border-box;

}



.links_a{position: fixed;right:2px;top: 40%;z-index: 99;}

.links_a p{margin-bottom: 3px;width: 50px;}

.links_a p img{width: 100%;}



.link_top{display: none;width: 50px;}

.link_top img{width: 100%;}
@media only screen and (max-width: 1500px){
  .links_a p{width: 45px;}
}
@media only screen and (max-width: 1400px){
  .links_a p{width: 40px;}
}
@media only screen and (max-width: 600px){

  .links_a{display: none;}

  .link_top{display: none;}

}



.header{padding:15px 0 0px;position: fixed;left: 0px;right: 0px;top: 0px;z-index: 999;box-shadow: 0 0 10px rgba(0,0,0,0.2)}

.header .wrap>.top{display: none;}

.header .left{float: left;margin-top:40px;}

.header .right{float: right;}

.header .top{padding-bottom:15px;text-align: right;}

.header .top>*{margin-left: 30px;display: inline-block;}

.header .top .tel{float: right;}

.header .top .tel a{color: #fff;padding-left:10px;float: left;display: block;line-height: 23px;}

.header .top .tel .dh_icon{display: block;float:left;width:23px;height: 23px;background: url(/html/img/h_phone.png) no-repeat; }

.header .top .language{color: #fff;float: right;}

.header .top .language a{display: inline-block;margin:0 5px;color: #eee;}

.header .top .language a:hover{color: #fff;text-decoration: underline;}

.header .top .language a.on{font-weight:700;color: #fff;}

.header .bottom{margin-top: 20px;}

.header .bottom .nav_con{float: left;}

.header .bottom .search{float: right;margin-left: 40px;}

.header .bottom .search a{position: relative;display: block;width: 25px;height: 25px;overflow: hidden;background: url(/html/img/h_search.png) no-repeat;text-indent: -9999px;transition:none;}

.header .nav li{float: left;text-align:center;height:45px;margin-left: 35px;position: relative;}

.header .nav li:hover>a{color: #fff;border-bottom: 2px solid #df0428;}

.header .nav li.on{border-bottom: 3px solid #df0428;}

.header .nav li.on>a{color: #fff;}

.header .nav li a{font-size: 15px;display: block;height: 100%;color: #fff;}

.header .nav li>a{height: 70%;}

.header .nav li .nav_list{position: absolute;top: 45px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);right: 0px;background: #fff;z-index: 9;width:120px;}

.header .nav li .nav_list dl{width: 100%;padding-top:10px;}

.header .nav li .nav_list dl dd a{text-align:center;font-size:15px;color: #666666;font-weight: normal;

  display: block;line-height:1.5;position: relative;padding: 10px 0;transition:all 0.5s;

}

.header .nav li .nav_list dl dd a:hover{color: #fff;box-sizing:border-box;background: #df0428;}

.header .nav li .nav_list .img_con{display: none;}

.header .show_submenu{display: none;}



.header:hover{background: #fff;}

.header:hover .top .tel a{color: #333;}

.header:hover .top .language{color: #333;}

.header:hover .top .language a{color: #333;}

.header:hover .top .language a:hover{color: #333;}

.header:hover .top .language a.on{color: #333;}

.header:hover .nav li a{color: #333;}

.header:hover .top .tel .dh_icon{background-position: left bottom;}

.header:hover .bottom .search a{background-position: left bottom;}



.n_body .header{background: #fff;position: static;}

.n_body .header .top .tel a{color: #333;}

.n_body .header .top .language{color: #333;}

.n_body .header .top .language a{color: #333;}

.n_body .header .top .language a:hover{color: #333;}

.n_body .header .top .language a.on{color: #333;}

.n_body .header .nav li a{color: #333;}

.n_body .header .top .tel .dh_icon{background-position: left bottom;}

.n_body .header .bottom .search a{background-position: left bottom;}





.scrollHeader.header{background: #fff;}

.scrollHeader.header .top .tel a{color: #333;}

.scrollHeader.header .top .language{color: #333;}

.scrollHeader.header .top .language a{color: #333;}

.scrollHeader.header .top .language a:hover{color: #333;}

.scrollHeader.header .top .language a.on{color: #333;}

.scrollHeader.header .nav li a{color: #333;}

.scrollHeader.header .top .tel .dh_icon{background-position: left bottom;}

.scrollHeader.header .bottom .search a{background-position: left bottom;}



.hideHeader.header{transform:translateY(-45px);}



@media only screen and (max-width: 1500px){

  .header .left{max-width: 30%;}

  .header .left .logo img{max-width: 100%;}

  .header .bottom{margin-top: 10px;}

}

@media only screen and (max-width: 1200px){

  .header .left{margin-top:25px;}

  .header .nav li{margin-left: 20px;}

}

@media only screen and (max-width: 1024px){

  .hideHeader.header{transform:translateY(-40px);}

  .header{position: fixed;top:0px;left: 0px;right: 0px;z-index: 99;background: #fff;}

  .header .nav{display: none;}

  /*导航按钮*/

  .header .nav_btn{display:block;float: right;cursor:pointer;height: 30px;width: 33px;position: relative;margin-left: 20px;z-index: 999;}

  .header .nav_btn span{display: inline-block;width: 33px;height: 4px;background-color: #1f5294;

    position: absolute;top: 14px;left: 0px;

    transition:background-color 0.3s ease-out 0.1s;

  }

  .header .nav_btn span:after{content:'';display: inline-block;width: 33px;height: 4px;

    background-color: #1f5294;position: absolute;top: 10px;left:0px;

    transition:transform 0.3s ease-out,top 0.5s ease 0.4s;

    transform: rotate(0deg);

  }

  .header .nav_btn span:before{content:'';display: inline-block;width: 33px;height: 4px;

    background-color: #1f5294;position: absolute;top: -10px;left:0px;

    transition:transform 0.3s ease-out,top 0.5s ease 0.4s;

    transform: rotate(0deg);

  }



  .header.btn_click .nav_btn span{background-color: transparent;z-index: 9;}

  .header.btn_click .nav_btn span:after{

    transition: top 0.5s ease, transform 0.3s ease-out 0.4s;

    transform: rotate(-45deg);top: 0px;

    background-color: #1f5294;

  }

  .header.btn_click .nav_btn span:before{

    transition: top 0.5s ease, transform 0.3s ease-out 0.4s;

    transform: rotate(45deg);top: 0px;

    background-color: #1f5294;

  }

  /*导航按钮结束*/

  /*点击展开移动端导航*/

  .header .top .tel a{color: #333;}

  .header .top .language{color: #333;}

  .header .top .language a{color: #333;}

  .header .top .language a:hover{color: #333;}

  .header .top .language a.on{color: #333;}

  .header .nav li a{color: #333;}

  .header .top .tel .dh_icon{background-position: left bottom;}

  .header .bottom .search a{background-position: left bottom;}



  .header .bottom .search{margin-top: 3px;}

  

  .header .bottom{margin-top: 0;margin-bottom: 10px;}

  .header .bottom .nav_con{float: right;}



  .header .nav{

    display: none;

    position: fixed;

    top: 94px;

    left: 0px;

    bottom:0;

    right: 0px;

    background: #fff;

    overflow-y: auto;

    overflow-x: hidden;

    padding-top: 10px;

    transition:left 0.5s ease;

    z-index: 2;

    height: 100vh;

  }

  .header .nav li{float: none;width: 100%;height: auto!important;text-align: left;margin-left: 0;border-bottom: 1px solid #eee;

    padding-left:20px;box-sizing:border-box;display: flex;padding-right: 0;

    position: static;

  }

  .header .nav li:first-child{border-top: 1px solid #eee;}

  .header .nav li a{display: block;width: 100%;padding-bottom: 0;color: #333;}

  .header .nav li>a{padding-top: 10px;padding-bottom: 10px;font-size: 14px;color: #000;}

  .header .right li>a em{right: 0;background-position: left bottom;display: none;}

  .header .nav li:hover{border-bottom: 1px solid #eee;}

  .header .nav li:hover>a{color: #000;border:0;}



  .header .show_submenu{display: block;width: 60px;position: relative;flex:0 0 60px;}

  .header .show_submenu svg{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 15px;}

  .header .nav li .nav_list{position: absolute;z-index: 9;top: 0;bottom: 0;z-index: 9;left: 100vw;width: 100%;background: #fff;transform:translateX(0);-webkit-transform:translateX(0);}

  .header .nav li .nav_list dl{padding-left: 20px;}

  .header .nav li .nav_list dl dd{border-top:1px solid #eee;}

  .header .nav li .nav_list dl dd a{text-align: left;padding:10px 0;font-size: 14px;}

  .header .nav li .nav_list dl dd a:hover{background: none;color: #333;}

  .header .nav li .nav_list .img_con{display: block;padding-left: 20px;}

  .header .nav li .nav_list .img_con em{display: block;margin-bottom: 20px;width: 15px;transform:rotate(180deg);}

  

}

@media only screen and (max-width: 950px){

  .header .top .tel{height: 24px;}

}

@media only screen and (max-width: 600px){

  .header .left{margin-top: 5px;max-width: 60%;}

  .header .left .logo img{width: 100%;}

  .header .right{margin-top: 7px;}

  .header .right .top{display: none;}

  .header .social-share{display: none;}

  .header .wrap>.top{display: block;}

  .header .top{padding-bottom: 0px;}

  .header .bottom .search{float: left;margin-left: 0;}

  .header .nav{top: 86px;}

}





.search_show{display:none;position: fixed;top: 0px;bottom: 0px;left: 0px;right: 0px;background: rgba(0,0,0,0.9);z-index: 9999;text-align: center;}

.search_show p{color: #fff;font-size: 30px;line-height: 1;width: 50px;padding: 8px 0 13px;background: #999;cursor:pointer;margin-left: auto;margin-top: 20px;margin-right: 20px;}

.search_show .con{width: 770px;margin:100px auto;position: relative;}

.search_show input{width: 640px;height:60px;line-height: 60px;background: #fff;border-radius: 8px;float: left;}

.search_show a.a_btn{width: 120px;height: 60px;line-height: 60px;text-indent: -9999px;

  text-align: center;color: #fff;border:0;float: right;border-radius: 8px;

  background:#129fde url(../img/ss_btn.png) no-repeat center;

}

.hideHeader.header .search_show{transform:translateY(45px);height: 100vh;}

@media only screen and (max-width: 900px){

  .search_show .con{width: 95%;}

  .search_show input{width: 75%;}

  .search_show a.a_btn{width: 22%;}

}

@media only screen and (max-width: 1024px){

  .hideHeader.header .search_show{transform:translateY(40px);}

}

@media only screen and (max-width: 767px){

  .search_show p{width: 32px;padding:5px 0 8px;font-size: 20px;}

}



/*banner*/

.banner .swiper-slide{overflow: hidden;}

.banner .swiper-slide>img{width: 100%;}

.banner .text{position: absolute;z-index: 2;color: #fff;}

.banner .text p{color: #fff;margin-top: 30px;color: #999;}

.banner .text .banner_btn{font-size:16px;text-align: center;margin-top: 40px;background: #df0428;border-radius: 5px;display:inline-block;width: 190px;height:50px;line-height: 50px;color: #fff;}

.banner .text .banner_btn:hover{background: #fff;color: #df0428;}



.banner .top_right{right:17%;top:10%;}

.banner .bottom_right{right:17%;bottom: 20%;}

.banner .bottom_left{left: 13%;bottom: 20%;}

.banner .top_left{left:13%;top:10%;}

.banner .center_right{right:20%;top:50%;transform:translateY(-50%);}

.banner .center_left{right:55%;top:50%;transform:translateY(-50%);}

.banner .center_center{top:40%;left:0px;right:0px;text-align: center;}

.banner .center_center p{color: #fff;}



.banner .swiper-pagination-bullet{width: 11px;height: 11px;background: #fff;opacity: 0.4;}

.banner .swiper-pagination-bullet-active{opacity: 1;background: transparent;border:2px solid #fff;width:14px;height: 14px;position: relative;top: 2px;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}





/*动画*/

@media only screen and (min-width: 1200px){

.banner .text{opacity: 0;transition:all 0.4s ease-in-out 0.4s;}

.banner .swiper-slide-active .text{opacity: 1;}

.banner .swiper-slide>img{transform:scale(1.05);transition:all 5s ease-in-out;}

.banner .swiper-slide.swiper-slide-active>img{transform:scale(1);}

.banner .text p{opacity: 0;transition:all 0.6s ease-in-out 0.8s;}

.banner .text .banner_btn{opacity: 0;transition:all 0.6s ease-in-out 1s;}

.banner .swiper-slide-active p{opacity: 1;}

.banner .swiper-slide-active .banner_btn{opacity: 1;}

}



@media only screen and (max-width: 1400px){

  

  .banner .text .banner_btn{width:150px;height: 40px;line-height: 40px;}



  .banner .text img{max-width: 80%;}

  .banner .center_center img{max-width: 50%;}

  

  .banner .top_right{right:5%;}

  .banner .bottom_right{right:5%;}

  .banner .center_right{right:5%;}

  .banner .bottom_left{left: 5%;}

  .banner .top_left{left:5%;}

  .banner .center_center{top: 30%;}

}

@media only screen and (max-width: 1024px){

  .banner{margin-top: 86px;}

  .banner .text{right: auto;left:50%;padding-right: 20px;}

  .banner .text img{max-width: 50%;}

  .banner .text p{margin-top: 15px;}

  .banner .text .banner_btn{margin-top: 20px;}

  .banner .center_center{width: 100%;left: 0;}

  .banner .center_left{left: 20%;}



}

@media only screen and (max-width: 600px){

  .banner .swiper-slide{overflow: hidden;}

  .banner .swiper-slide>img{height: 400px;width: auto;transform:translateX(-23%);}

  

  .banner .center_left{left: 20%;right:30%;}

  .banner .text img{max-width: 100%;}

  .banner .center_center img{max-width: 80%;}

  .banner .text .banner_btn{width:100px;height: 30px;line-height: 30px;font-size: 12px;}

}





.s_con01{position: relative;height: 300px;overflow: hidden; background:#012455}

.s_con01 .wrap{padding:0 5%;position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);z-index: 3;}

.s_con01 dl{float: left;width: 20%;color: #fff;text-align: center;font-size: 16px;}

.s_con01 dt{margin-bottom: 20px;}

.s_con01 dt span{font-weight: 700;padding-right: 5px;}

.s_con01 video{height: 100%;position: relative;left: 50%;transform:translateX(-50%);}



/*动画*/

.s_con01 dl{opacity: 0;top: 50px;position: relative;}

.s_con01.animateDOM dl{opacity: 1;top: 0;}

.s_con01.animateDOM dl:nth-of-type(1){transition:all 0.5s ease-in-out 0.2s;}

.s_con01.animateDOM dl:nth-of-type(2){transition:all 0.5s ease-in-out 0.4s;}

.s_con01.animateDOM dl:nth-of-type(3){transition:all 0.5s ease-in-out 0.6s;}

.s_con01.animateDOM dl:nth-of-type(4){transition:all 0.5s ease-in-out 0.8s;}

.s_con01.animateDOM dl:nth-of-type(5){transition:all 0.5s ease-in-out 1s;}



@media only screen and (max-width: 1400px){

  .s_con01 .wrap{padding:0;}

  .s_con01 dt{margin-bottom: 10px;}

}

@media only screen and (max-width: 1100px){
  .s_con01{background: url(/html/img/bgc.png) no-repeat;background-size: 100% 100%;}
  .s_con01 dl{font-size: 14px;}
  .s_con01 video {display: none;}
}

@media only screen and (max-width: 600px){

/*  .s_con01{padding:40px 0 20px;}*/

  .s_con01 dl{width: 33.33%;margin-bottom: 30px;}

}



.con_title{text-align: center;}

.con_title h3{font-weight: 700;font-size: 40px;}

.con_title span{color: #eee;}

.s_con02 .con_con{width:88%;margin-right:auto;margin-left: auto;}

.s_con02 .con_con dl{float: left;width:16.66%;text-align: center;}

.s_con02 .con_con dt{margin-bottom: 35px;transition:all 0.5s ease-in-out;}

.s_con02 .con_con dt img{max-width: 100%;}

.s_con02 .con_con dd em{position: relative;top:-5px;padding-left: 15px;font-size: 16px;}

.s_con02 .con_con dl:hover a{color: #df0428;}

.s_con02 .con_con dl:hover dt{transform:translateY(-20px);}

@media only screen and (max-width: 1500px){
  .con_title h3{font-size: 30px;}
}
@media only screen and (max-width: 1400px){
  .con_title h3{font-size: 26px;}
}
@media only screen and (max-width: 1100px){
  .con_title h3{font-size: 20px;}
}

/*动画*/

.s_con02 .con_con dl{opacity: 0;top: 50px;position: relative;}

.s_con02.animateDOM .con_con dl{opacity: 1;top: 0;}

.s_con02.animateDOM .con_con dl:nth-of-type(1){transition:all 0.5s ease-in-out 0.2s;}

.s_con02.animateDOM .con_con dl:nth-of-type(2){transition:all 0.5s ease-in-out 0.4s;}

.s_con02.animateDOM .con_con dl:nth-of-type(3){transition:all 0.5s ease-in-out 0.6s;}

.s_con02.animateDOM .con_con dl:nth-of-type(4){transition:all 0.5s ease-in-out 0.8s;}

.s_con02.animateDOM .con_con dl:nth-of-type(5){transition:all 0.5s ease-in-out 1s;}

.s_con02.animateDOM .con_con dl:nth-of-type(6){transition:all 0.5s ease-in-out 1.2s;}



@media only screen and (max-width: 1400px){

  .s_con02 .con_con dt img{max-width: auto;width: 75%;}
  

}

@media only screen and (max-width: 1100px){

  .s_con02 .con_con{display: flex;flex-wrap:wrap;width: 95%;}

  .s_con02 .con_con dl{width: 33.33%;margin-bottom: 20px;}

  .s_con02 .con_con dt{margin-bottom: 10px;}

  .s_con02 .con_con dd em{font-size: 14px;top:-2px;}

}

@media only screen and (max-width: 600px){

  .s_con02 .con_con dd em{padding-left: 8px;}

}

.s_con03 .con_con{width: 98%;margin-left: auto;margin-right: auto;}

.s_con03 .con_con dl{float: left;width: 33%;position: relative;color: #fff;margin-right: 0.5%;}

.s_con03 .con_con dl:nth-of-type(3n){margin-right: 0;}

.s_con03 .con_con dl dt{overflow: hidden;}

.s_con03 .con_con dl dt img{width: 100%;}

.s_con03 .con_con dl dd{position: absolute;left: 8%;bottom: 8%;right:5%;z-index: 2;font-size: 16px;transition:all 0.3s ease-in-out;}

.s_con03 .con_con dl dd h3{font-weight: 700;margin-bottom: 10px;}

.s_con03 .con_con dl dd p{color: #999;}

.s_con03 .con_con dl dd a{color: #df0428;font-size: 16px;margin-top: 30px;display: block;}

.s_con03 .con_con dl dd a em{position: relative;top: -4px;left: 10px;}





/*动画*/

.s_con03 .con_con dl{opacity: 0;}

.s_con03.animateDOM .con_con dl{opacity: 1;}

.s_con03.animateDOM .con_con dl:nth-of-type(1){transition:opacity 0.5s ease-in-out 0.2s,top 0.5s ease-in-out 0.2s;}

.s_con03.animateDOM .con_con dl:nth-of-type(2){transition:opacity 0.5s ease-in-out 0.4s,top 0.5s ease-in-out 0.4s;}

.s_con03.animateDOM .con_con dl:nth-of-type(3){transition:opacity 0.5s ease-in-out 0.6s,top 0.5s ease-in-out 0.6s;}



@media only screen and (min-width: 1200px){

/*.s_con03 .con_con dl:hover dd{bottom: 80px;}

.s_con03 .con_con dl dd a:hover{text-decoration: underline;}*/

.s_con03 .con_con dl:hover dt img{transform:scale(1.05);}

}

@media only screen and (max-width: 1200px){

  .s_con03 .con_con dl dd{font-size: 14px;}

  .s_con03 .con_con dl dd h3{margin-bottom: 5px;}

  .s_con03 .con_con dl dd a{margin-top: 10px;font-size: 14px;}

  .s_con03 .con_con dl dd a em{top: -2px;}

}

@media only screen and (max-width: 600px){

 .s_con03 .con_con dl{width: 100%;margin-right: 0;margin-bottom: 10px;}

}



.s_con04 .con_title{text-align: left;position: relative;}

.s_con04 .con_title a{position: absolute;bottom: 0px;right: 0px;color: #df0428;}

.s_con04 .con_title a:hover{text-decoration: underline;}

.s_con04 .con_title a img{position: relative;top: 4px;margin-left: 10px;}

.s_con04 .con_left{float: left;width: 41.8%;position: relative;height: 0px;padding-bottom: 30.5%;overflow: hidden;cursor: pointer;}

.s_con04 .con_left .img img{width: 100%;}

.s_con04 .con_left a.play{position: absolute;right: 50px;bottom: 40px;display: block;color: #fff;text-align: center;transition:all 0.4s ease-out;}

.s_con04 .con_left a.play p{margin-top: 10px;}

/*.s_con04 .con_left:hover a{right: 60px;}*/

.s_con04 .con_left .text{position: absolute;bottom: 20px;left: 20px;right: 0px;color: #fff;z-index: 3;}

.s_con04 .con_left .text a{color: #fff;}

.s_con04 .con_left .text h3{font-weight: 700;}



.s_con04 .con_right{float: right;width:54%;}

.s_con04 .con_right dl{margin-bottom: 25px;}

.s_con04 .con_right dt{float: left;width: 252px;margin-right: -252px;position: relative;z-index: 2;}

.s_con04 .con_right dt a{display: block;overflow: hidden;height: 0px;padding-bottom: 66.8%;}

.s_con04 .con_right dt img{width: 100%;}

.s_con04 .con_right dd{float: left;width: 100%;}

.s_con04 .con_right dd a{display: block;/* padding-left: 270px; */}

.s_con04 .con_right dd h3{font-weight: 700;margin-bottom: 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.s_con04 .con_right dd p{color: #999;margin-bottom: 15px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp:2;

  overflow:hidden;

  height:3em;

  line-height:1.5;

}

.s_con04 .con_right dd span{color: #5fb33e;}

.s_con04 .con_right dl:hover h3{color: #df0428;}

.s_con04 .con_right dl:hover img{transform:scale(1.05);}

.s_con04 .con_left .img:hover img{transform:scale(1.05);}



/*动画*/

.s_con04 .con_left{opacity: 0;}

.s_con04 .con_right dl{opacity: 0;top: 50px;position: relative;}

.s_con04.animateDOM .con_left{opacity: 1;transition:opacity 0.5s ease-in-out 0.2s;}

.s_con04.animateDOM .con_right dl{opacity: 1;top:0px;position: relative;}

.s_con04.animateDOM .con_right dl:nth-of-type(1){transition:opacity 0.5s ease-in-out 0.2s,top 0.5s ease-in-out 0.3s;}

.s_con04.animateDOM .con_right dl:nth-of-type(2){transition:opacity 0.5s ease-in-out 0.4s,top 0.5s ease-in-out 0.5s;}

.s_con04.animateDOM .con_right dl:nth-of-type(3){transition:opacity 0.5s ease-in-out 0.6s,top 0.5s ease-in-out 0.7s;}



@media only screen and (max-width: 1500px){

  .s_con04 .con_left{width: 48%;padding-bottom: 44.5%;}

  .s_con04 .con_right{width: 50%;}

  .s_con04 .con_right dt{width: 241px;margin-right: -241px;}

}

@media only screen and (max-width: 1230px){

  .s_con04 .con_right dl{margin-bottom: 4.5%;}

  .s_con04 .con_right dt{width: 40%;margin-right: 0;}

  .s_con04 .con_right dd{width:55%;}

  .s_con04 .con_right dd a{padding-left: 20px;}

}

@media only screen and (max-width: 800px){

  .s_con04 .con_right dd h3{margin-bottom: 5px;}

  .s_con04 .con_right dd p{margin-bottom: 5px;}

}

@media only screen and (max-width: 767px){

  .s_con04 .con_left{width: 100%;float: none;height: auto;padding-bottom: 0;margin-bottom: 20px;}

  .s_con04 .con_right{width: 100%;float: none;}

  .s_con04 .con_right dd a{padding-left: 10px;}

  .s_con04 .con_title a img{top: 2px;}

}



.video_show{display:none;position: fixed;top: 0px;bottom: 0px;left: 0px;right: 0px;background: rgba(0,0,0,0.7);z-index: 9999;text-align: center;}

.video_show video{width: 70%;margin-top: 20px;}

.video_show p{color: #fff;font-size: 30px;line-height: 1;width: 50px;padding: 8px 0 13px;background: #999;cursor:pointer;margin-left: auto;margin-top: 20px;margin-right: 20px;}

@media only screen and (max-width: 767px){

  .video_show video{width: 90%;}

  .video_show p{width: 32px;padding:5px 0 8px;font-size: 20px;}

}



.s_con05{background: #f4f5f5;padding:130px 0 60px;}

.s_con05 dt{float: left;width: 50%;}

.s_con05 dt h3{font-weight: 700;}

.s_con05 dt p{color: #999;}

.s_con05 dt a{color:#df0428;display: block;width: 190px;height: 40px;line-height: 40px;text-align: center;border:1px solid #df0428;border-radius: 40px;}

.s_con05 dt a:hover{background: #df0428;color: #fff;}

.s_con05 dd{float: right;width: 50%;}

.s_con05 dd p{float: left;width: 33.33%;margin-bottom: 60px;text-align: center;}

.s_con05 dd p img{max-width: 100%;}



/*动画*/

.s_con05 dt{opacity:0;transform:translateY(50px);}

.s_con05 dd p{opacity: 0;transform:translateY(10px);}



.s_con05.animateDOM dt{opacity:1;transform:translateY(0px);transition:all 0.5s ease-in-out;}

.s_con05.animateDOM dd p{opacity: 1;transform:translateY(0px);}

.s_con05.animateDOM dd p:nth-of-type(1){transition:all 0.5s ease-in-out 0.2s;}

.s_con05.animateDOM dd p:nth-of-type(2){transition:all 0.5s ease-in-out 0.3s;}

.s_con05.animateDOM dd p:nth-of-type(3){transition:all 0.5s ease-in-out 0.4s;}

.s_con05.animateDOM dd p:nth-of-type(4){transition:all 0.5s ease-in-out 0.5s;}

.s_con05.animateDOM dd p:nth-of-type(5){transition:all 0.5s ease-in-out 0.6s;}

.s_con05.animateDOM dd p:nth-of-type(6){transition:all 0.5s ease-in-out 0.7s;}

.s_con05.animateDOM dd p:nth-of-type(7){transition:all 0.5s ease-in-out 0.8s;}

.s_con05.animateDOM dd p:nth-of-type(8){transition:all 0.5s ease-in-out 0.9s;}

.s_con05.animateDOM dd p:nth-of-type(9){transition:all 0.5s ease-in-out 1s;}



@media only screen and (max-width: 1400px){

  .s_con05{padding:80px 0 30px;}

  .s_con05 dd p{margin-bottom: 30px;}

}

@media only screen and (max-width: 600px){

  .s_con05{padding:30px 0 20px;}

  .s_con05 dt{float: none;width: 100%;margin-bottom: 30px;}

  .s_con05 dt a{width: 120px;height:35px;line-height: 35px;}

  .s_con05 dd{float: none;width: 100%;}

  .s_con05 dd p{margin-bottom: 20px;}

}

.s_con06{background: url(/html/img/s_img24.jpg) no-repeat;padding:70px 0;border-top:1px solid #d8d8d9;}

.s_con06 .con_con{position: relative;left: 50%;display: inline-block;}

.s_con06 h3{font-weight: 700;margin-bottom: 10px;}

.s_con06 p{color: #999;}

.s_con06 a{color:#df0428;margin-top:25px;display: block;width: 190px;height: 40px;line-height: 40px;text-align: center;border:1px solid #df0428;border-radius: 40px;}

.s_con06 a:hover{background: #df0428;color: #fff;}

@media only screen and (max-width: 1400px){

  .s_con06 .con_con{left: 65%;}

}

@media only screen and (max-width: 600px){

  .s_con06 .con_con{left: 2%;}

  .s_con06 a{width: 120px;height:35px;line-height: 35px;}

}





.footer{background: #173863;}



.footer .top ul{float: left;}

.footer .top ul li{float: left;margin-right: 75px;}

.footer .top ul li a{color: #86aee6;display: block;margin-bottom: 5px;}

.footer .top ul li a:hover{color: #86aee6;text-decoration: underline;}

.footer .top ul li h3{margin-bottom: 15px;}

.footer .top ul li h3 a{color: #fff;}



.footer .top dl{float: left;color: #a0a0a0;width: 500px;}

.footer .top dl a{color: #a0a0a0;}

.footer .top dl dt{height: 55px;margin-bottom: 20px;}

.footer .top dl dt a{color: #86aee6;font-weight: 700;}
.footer .top dl dt a img{
  filter: grayscale(1000%) brightness(2000%);
  -webkit-filter: grayscale(1000%) brightness(2000%);
}
.footer .top dl dd p{color: #86aee6;padding-left: 50px;}

.footer .top dl dd p a{color: #86aee6;}

.footer .top dl dd p.first_p{

  color: #fff;font-weight: 700;font-size: 16px;margin-bottom: 10px;background: url(/html/img/s_img26.jpg) no-repeat;

  height: 40px;line-height: 40px;

}



.footer .top ol{float: right;}

.footer .top ol li{float: left;margin-left: 30px;}

.footer .top ol li img{width: 140px;height: 140px;}

.footer .top ol li p{font-weight: 700;margin-bottom: 30px;color: #fff;}



.footer .bottom{background: #173863;padding:12px 0 10px;text-align: center;color: #86ade5;border-top: 1px solid #38629d;}

.footer .bottom a{color: #86ade5;}





@media only screen and (max-width: 1500px){

  .footer .top ul li{margin-right: 40px;}

  .footer .top dl{margin-left: 4%;}

}

@media only screen and (max-width: 1400px){

  .footer .social-share .icon-wechat .wechat-qrcode:after{display: none;}

  .footer .social-share .icon-wechat .wechat-qrcode{right: 0;left: auto;}

}

@media only screen and (max-width: 1240px){

  .footer .top ul{width: 70%;float: left;margin-bottom: 20px;}

  .footer .top ul li{width: 31%;margin-right: 2%;}

  .footer .top ul li a{font-size: 12px;}

  .footer .top ul li h3 a{font-size: 16px;}

  .footer .top dl{margin-left: 0;float: none;width: 100%;margin-bottom: 50px;}

  .footer .top dl dt{margin-bottom: 5px;padding-left: 30px;}

  .footer .top dl dt img{width: 200px;}

  .footer .top dl dd p{padding-left: 30px;}

  .footer .top dl dd p.first_p{background-size: 25px;height: 25px;line-height: 25px;}

  .footer .top ol{width: 30%;}

}



@media only screen and (max-width: 767px){

  .footer .top ul{display: flex;flex-wrap:wrap;width: 100%;}

  .footer .top ul li{width: 31%;}

  .footer .top ul li a{font-size: 12px;}

  .footer .top ul li h3 a{font-size: 14px;}

  .footer .top dl{float: none;margin-bottom: 20px;width: 100%;}

  .footer .top ol{float: none;}

  .footer .top ol li{margin-left: 0;}

  

}



/*内页banner*/

.n_banner{width: 100%;height: 480px;background: url(/html/img/js_img01.jpg) no-repeat center top;background-size:cover;position: relative;}

.n_banner .con_mian{color: #fff;padding-top: 30px;}

.n_banner .con_mian img{margin-right: 20px;}

.n_banner .con_mian i{padding:0 5px;}

.n_banner .con_mian a{color: #fff;}

.n_banner .title{color: #fff;text-align: center;position: absolute;left:0px;right: 0px;top: 50%;transform:translateY(-50%);}

.n_banner .title p{margin-top: 30px;}



/*解决方案*/

.n_banner.jjfa .title{left: 20%;width: auto;right: auto;}

/*镜头*/

.n_banner.jingtou .title{left: 12%;width: auto;right: auto;text-align: left;}

@media only screen and (max-width: 1400px){

  .n_banner{height: 300px;}

  .n_banner .title h3 img{width: 200px;}

  .n_banner .title p{margin-top: 15px;}

  

  .n_banner.jingtou .title{left: 10%;}

  .n_banner.jingtou .title h3 img{width: 400px;}

}

@media only screen and (max-width: 1000px){

  .n_banner.jingtou .title{left: 0%;}

}

@media only screen and (max-width: 600px){

  .n_banner.jjfa{background-position: 60% 47%;}

  .n_banner.jingtou{background-position: 75% 47%;}

  .n_banner.jingtou .title h3 img{width: 300px;}

  .n_banner.jingtou .title{top: 80%;}

}

/*导航*/

.n_nav{background: #e7f0fd;}

.n_nav ul{text-align: center;}

.n_nav li{display: inline-block;margin:0 30px;line-height: 60px;}

.n_nav li a{color: #262626;font-size: 16px;display: block;height: 100%;position: relative;padding:0 5px;}

.n_nav li a:after{display:none;content: "";width: 100%;height: 2px;background: #df0428;position: absolute;bottom: 0px;left: 0px;}

.n_nav li a:hover{color: #df0428;}

.n_nav li a:hover:after{display: block;}

.n_nav li a.on{color: #df0428;}

.n_nav li a.on:after{display: block;}



.n_nav.fex{position: fixed;top: 0px;left: 0px;right: 0px;z-index: 98;}



@media only screen and (max-width: 1200px){

  .n_nav li{margin:0 15px;}

}

@media only screen and (max-width: 1000px){

  .n_nav ul{text-align: left;}

  .n_nav li{line-height: 45px;}

}



/*关于谈球吧*/

.qiyejieshao .con_top{max-width: 850px;margin-left: auto;margin-right: auto;font-size: 18px;line-height: 1.8;}

.qiyejieshao .title{font-weight: 700;text-align: center;}

.qiyejieshao .edit_con_original p{max-width: 850px;margin-left: auto;margin-right: auto;margin-top: 30px;font-size: 18px;line-height: 1.8;}

.qiyejieshao .edit_con_original h4{max-width: 850px;margin-left: auto;margin-right: auto;margin-top: 65px;font-size: 20px;}



.jiagou{background: url(/html/img/js_img03.jpg) no-repeat center top;background-size: cover;padding:80px 0;width: 100%;}

.jiagou .wrap{position: relative;}

.jiagou dt{color: #fff;position: absolute;left: 20px;top: 50%;transform:translateY(-50%);}

.jiagou dt h3{font-weight: 700;margin-bottom: 20px;}

.jiagou dd{float: right;}

.jiagou dd img{width: 1050px;}

@media only screen and (max-width: 1440px){

  .qiyejieshao .con_top{font-size: 16px;}

  .qiyejieshao .edit_con_original p{font-size: 16px;}

  .qiyejieshao .edit_con_original h4{margin-top: 40px;}

  .qiyejieshao .edit_con_original p{margin-top: 15px;}

  .jiagou dd img{width: 950px;}

}
@media only screen and (max-width: 1200px){
  .jiagou dd img{width: 800px;}
}
@media only screen and (max-width: 1000px){

  .jiagou dt{position: static;margin-bottom: 20px;text-align: center;transform:translateY(0%);}

  .jiagou dd img{max-width: 100%;width: auto;}

}

@media only screen and (max-width:767px){

  .qiyejieshao .edit_con_original h4{font-size: 16px;margin-top: 20px;}

  .qiyejieshao .edit_con_original p{font-size: 14px;margin-top: 10px;}

  .jiagou{padding:30px 0;}

}

/*理念*/
.linian{margin-top: 60px;margin-bottom: 0;}
.linian .linian_list{margin-bottom: 60px;}
.linian .linian_list dl{position: relative;}
.linian .linian_list dt{width: 100%;overflow: hidden;}

.linian .linian_list dt img{width: 100%;transition:all 0.5s ease-in-out;}

.linian .linian_list dd{width: 45%;position: absolute;left: 40px;top: 47%;z-index: 2;color: #fff;transform:translateY(-50%);}
.linian .linian_list dd span{background: #0073bf;padding:8px 15px;}
.linian .linian_list dd h3{font-weight: 700;margin-top: 20px;}

.linian .linian_list dd p{color: #fff;line-height: 1.5;font-size: 14px;}


@media only screen and (max-width: 1400px){
  .linian{margin-top: 50px;}
  .linian .linian_list{margin-bottom: 35px;}

}

@media only screen and (max-width: 1000px){
  .linian{margin-top: 30px;}
  .linian .linian_list dd h3 br{display: none;}

  .linian .linian_list dd{width: 60%;}


}

@media only screen and (max-width: 767px){

  .linian .linian_list dt{width: 100%;margin-bottom: 20px;}

  
  .linian .linian_list dd{width: 100%;position: static;transform:translateY(0%);color: #666;}
  .linian .linian_list dd span{color: #fff;}
  .linian .linian_list dd p{color: #666;}

}

.linian2{}
.linian2 h3{text-align: center;font-weight: 700;margin-bottom: 50px;}
.linian2 ul{display: flex;flex-wrap:wrap;}
.linian2 li{width: 46%;float: left;margin-bottom: 50px;margin-right: 8%;}
.linian2 li:nth-of-type(2n){margin-right: 0;}
.linian2 li h4{text-align: center;}
.linian2 li h4 img{width: 80px;}
.linian2 li h4 p{font-weight: 700;margin-top: 10px;}
.linian2 li .p{color: #808080;margin-top: 20px;line-height: 1.8;}
@media only screen and (max-width: 1400px){
  .linian2 h3{margin-bottom: 30px;}
  .linian2 li{margin-bottom: 30px;margin-right: 6%;width: 47%;}
  .linian2 li h4 img{width: 60px;}
}
@media only screen and (max-width: 1000px){
  .linian2 li h4 img{width: 40px;}
}
@media only screen and (max-width: 767px){
  .linian2 li{width: 100%;margin-right: 0;}
}


.wenhuahuodong{background: #f4f5f5;}

.wenhuahuodong .con_title span{color: #999;font-size: 16px;margin-top: 20px;display: block;}

.wenhuahuodong dl{float: left;width: 30.6%;margin-right: 4%;}

.wenhuahuodong dl:nth-of-type(3n){margin-right: 0;}

.wenhuahuodong dt{height: 0px;padding-bottom: 68%;overflow: hidden;}

.wenhuahuodong dt img{width: 100%;transition:all 0.5s ease-in-out;}

.wenhuahuodong h3{font-weight: 700;margin:20px 0 15px;}

.wenhuahuodong p{color: #999;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp:2;

  overflow:hidden;

  height:3em;

  line-height:1.5;

}

.wenhuahuodong .more a{color:#999;margin-top:25px;display: block;width: 190px;margin-left:auto;margin-right: auto;height: 40px;line-height: 40px;text-align: center;border:1px solid #999;border-radius: 40px;}

.wenhuahuodong .more a:hover{background: #df0428;color: #fff;border-color: #df0428;}

.wenhuahuodong dl:hover a{color: #df0428;}

.wenhuahuodong dl:hover dt img{transform:scale(1.05);}

@media only screen and (max-width: 1100px){

  .wenhuahuodong {padding-bottom: 50px;}

}

@media only screen and (max-width: 600px){

  .wenhuahuodong .more a{width: 120px;height:35px;line-height: 35px;}

  .wenhuahuodong dl{width: 100%;float: none;margin-bottom: 20px;margin-right: 0;}

  .wenhuahuodong h3{margin:10px 0 5px;}

  .wenhuahuodong .con_title span{margin-top: 0px;}

}



/*荣誉资质*/

.rongyuzizhi .con_title span{color: #999;font-size: 16px;margin-top: 20px;display: block;}

.rongyuzizhi dl{float: left;width: 30.6%;margin-right: 4%;margin-bottom: 90px;}

.rongyuzizhi dl:nth-of-type(3n){margin-right: 0;}

.rongyuzizhi dt{height: 0px;padding-bottom: 68%;overflow: hidden;}

.rongyuzizhi dt img{width: 100%;transition:all 0.5s ease-in-out;}

.rongyuzizhi h3{font-weight: 700;margin:20px 0 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.rongyuzizhi p{color: #999;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp:2;

  overflow:hidden;

  height:3em;

  line-height:1.5;

}

.rongyuzizhi dl:hover a{color: #df0428;}

.rongyuzizhi dl:hover dt img{transform:scale(1.05);}

@media only screen and (max-width: 1100px){

  .rongyuzizhi {padding-bottom: 50px;}

}

@media only screen and (max-width: 600px){

  .rongyuzizhi dl{width: 100%;float: none;margin-bottom: 20px;margin-right: 0;}

  .rongyuzizhi h3{margin:10px 0 5px;}

  .rongyuzizhi .con_title span{margin-top: 0px;}

}

.page{text-align: center;}

.page a{text-indent: -9999px!important;
  margin:0 5px!important;
  display: inline-block!important;
  width: 10px!important;
  height: 10px!important;
  line-height: 10px!important;
  background: #9ba2b3!important;
  border-radius: 100%!important;
  position: relative!important;
  top: 10px!important;
  border:0!important;
  padding:0!important;
}
.page span{text-indent: -9999px!important;
  margin:0 5px!important;
  display: inline-block!important;
  width: 10px!important;
  height: 10px!important;
  line-height: 10px!important;
  background: #9ba2b3!important;
  border-radius: 100%!important;
  position: relative!important;
  top: 10px!important;
  border:0!important;
  padding:0!important;
}
.page a:hover{background: #df0428!important;}
.page span.laypage_curr{background: #df0428!important;}

.page .laypage_prev{width: 30px!important;height: 30px!important;background: url(/html/img/btn_left.png) no-repeat!important;top: 0px!important;}

.page .laypage_next{width: 30px!important;height: 30px!important;background: url(/html/img/btn_right.png) no-repeat!important;top:0px!important;}

.page a.laypage_prev:hover{background: url(/html/img/btn_lefth.png) no-repeat!important;}

.page a.laypage_next:hover{background: url(/html/img/btn_righth.png) no-repeat!important;}



.hezuo{width: 1240px;margin-right: auto;margin-left: auto;}

.hezuo .con_title{text-align: left;}

.hezuo .con_con p{float: left;width: 16.9%;margin-right: 3.7%;margin-bottom: 5%;}

.hezuo .con_con p:nth-of-type(5n){margin-right: 0px;}

.hezuo .con_con p img{width: 100%;}

.hezuo .page{margin-top: 20px;}

@media only screen and (max-width: 1400px){

  .hezuo .con_con p{margin-bottom: 40px;}

}

@media only screen and (max-width: 1280px){

  .hezuo{width:100%;padding-right:20px;padding-left:20px;}

  .hezuo .page{margin-top: 10px;}

}

@media only screen and (max-width: 1000px){

  .hezuo{padding-top:50px;padding-bottom: 50px;}

  .hezuo .con_con p{margin-bottom: 20px;}

}

@media only screen and (max-width: 767px){

  .hezuo{padding-right:10px;padding-left: 10px;padding-top:30px;padding-bottom: 30px;}

  .hezuo .con_con p{width: 32%;margin-right: 2%;margin-bottom: 10px;}

  .hezuo .con_con p:nth-of-type(5n){margin-right: 2%;}

  .hezuo .con_con p:nth-of-type(3n){margin-right: 0px;}

}

.lingdao dt{float: left;max-width: 440px;}

.lingdao dt img{width: 100%;}

.lingdao dd{float: right;max-width: 720px;font-size: 18px;}

.lingdao dd p{text-indent: 2em;}

.lingdao .edit_con_original{line-height: 1.8;}



.lingdao .ld_info{margin-top: 30px;text-align: right;}

.lingdao .ld_info span{display: inline-block;margin-right: 10px;line-height: 87px;}

@media only screen and (max-width: 1280px){

  .lingdao dt{max-width: unset;width: 30%;}

  .lingdao dd{max-width: unset;width: 65%;font-size: 14px;}

}

@media only screen and (max-width: 600px){

  .lingdao dt{width: 70%;float: none;margin-bottom: 20px;}

  .lingdao dd{width: 100%;float: none;}

}



/*发展历程*/

.lishiyange .bt{text-align: center;font-weight: 700;margin-bottom: 50px;}

.lishiyange .p{text-align: center;font-weight: 700;margin-top: 50px;font-size: 18px;}

.lishiyange .dsj_con{position: relative;margin-bottom: 50px;width: 1320px;margin-left: auto;margin-right: auto;}

.lishiyange .dsj_con .daj_line{width: 10px;background-color: #e6e6e6;position: absolute;top:0px;bottom: 0px;left: 50%;min-height: 200px;z-index: -1;transform:translateX(-50%);}

.lishiyange .dsj_con .title{cursor:pointer;margin-bottom:50px;left:0px;background: #129cd8;color: #129cd8;position: relative;width: 90px;text-align: center;border-radius: 100%;margin-left: auto;margin-right: auto;}

.lishiyange .dsj_con .title h3{color: #fff;font-weight: 700;font-size: 30px;font-family: "Arial";height: 90px;line-height: 90px;}

.lishiyange .dsj_con .title p{position: absolute;right: 90px;width: 200px;top:20px;font-size: 18px;font-weight: 700;text-align: left;}

.lishiyange .dsj_con .con_con .dsj_div:nth-of-type(2n) .title p{right: auto;left: 110px;}

.dsj_div:hover .hist_show_hide{
	display: block;
}

.lishiyange .dsj_con dl{width:50%;margin-top:0px;position: relative;margin-top: 0px;text-align: right;}

.lishiyange .dsj_con dl:nth-of-type(2n+1){text-align: left;position: relative;left: 50%;}

.lishiyange .dsj_con dl dt{display:inline-block;width: 30px;height: 30px;

  background:#129cd8;

  border:4px solid #fff;

  border-radius: 100%;

  position: absolute;left: -15px;top: 0px;

}

.lishiyange .dsj_con dl dd{border:1px solid #e6e6e6;padding:20px 40px;margin-left: 55px;position: relative;top: -30px;border-radius: 5px;}

.lishiyange .dsj_con dl dd:after{content: "";display: block;

width: 20px;height: 20px;background: #fff;border:1px solid #e6e6e6;transform:rotate(45deg);

position: absolute;left: -12px;top:35px;border-top:0;border-right: 0px;

}

.lishiyange .dsj_con dl dd i{display:inline-block;font-size: 30px;font-family: "Arial";font-weight: 700;}

.lishiyange .dsj_con dl:nth-of-type(2n) dt{left: auto;right: -15px;}

.lishiyange .dsj_con dl:nth-of-type(2n) dd{margin-left: 0px;margin-right: 45px;}

.lishiyange .dsj_con dl:nth-of-type(2n) dd:after{right: -12px;left: auto;transform:rotate(225deg);}

@media only screen and (max-width: 1400px){

  .lishiyange .dsj_con{width: 1100px;}

  .lishiyange .dsj_con dl dd br{display: none;}

}

@media only screen and (max-width: 1200px){

  .lishiyange .dsj_con{width: 95%;}

  .lishiyange .dsj_con dl dd{padding:20px 20px;}

  .lishiyange .dsj_con dl dd i{font-size: 20px;}

  .lishiyange .p br{display: none;}

}



@media only screen and (max-width: 767px){

  .lishiyange .bt{margin-bottom: 20px;}

  .lishiyange .p{margin-top: 20px;font-size: 16px;}

  .lishiyange .dsj_con{margin-bottom: 20px;}

  .lishiyange .dsj_con .daj_line{left:25px;width: 5px;}

  .lishiyange .dsj_con .title{margin-bottom: 20px;width:50px;margin-left: 0;}

  .lishiyange .dsj_con .title h3{font-size: 18px;height: 50px;line-height: 50px;}

  .lishiyange .dsj_con .title p{right: auto;left: 60px;font-size: 14px;top:0px;}

  .lishiyange .dsj_con .con_con .dsj_div:nth-of-type(2n) .title p{right: auto;left: 60px;}



  .lishiyange .dsj_con dl{text-align: left;width: 100%;margin-bottom: 20px;}

  .lishiyange .dsj_con dl:nth-of-type(2n+1){left: 0;}

  .lishiyange .dsj_con dl dt{width: 20px;height: 20px;left: 15px;top:15px;}

  .lishiyange .dsj_con dl dd{top:0;padding:10px;margin-left: 50px;}

  .lishiyange .dsj_con dl dd i{font-size: 16px;}

  .lishiyange .dsj_con dl dd:after{top:20px;width: 10px;height: 10px;left: -6px;}

  .lishiyange .dsj_con dl:nth-of-type(2n) dt{left: 15px;right: auto;}

  .lishiyange .dsj_con dl:nth-of-type(2n) dd{margin-left: 50px;margin-right: 0px;}

  .lishiyange .dsj_con dl:nth-of-type(2n) dd:after{right: auto;left: -6px;transform:rotate(45deg);}

}



/*七天交付*/

.qitian_con01{border-bottom: 2px solid #f4f5f5;padding-bottom: 50px;margin-bottom: 70px;}

.qitian_con01 h2{text-align: center;font-weight: 700;}

.qitian_con01 .p{width: 980px;margin-left: auto;margin-right: auto;margin-bottom: 80px;}

.qitian_con01 span{display:block;text-align: center;}

.qitian_con01 span img{max-width: 100%;}



.qitian_con02>h2{text-align: center;font-weight: 700;}

.qitian_con02 .qitian_list{margin-bottom: 75px;}


.qitian_con02 .qitian_list dt{overflow: hidden;}
.qitian_con02 .qitian_list dt img{width: 100%;}

.qitian_con02 .qitian_list:nth-of-type(1) dt p{float: left;width: 32%;margin-right: 1.5%;margin-bottom: 1.5%;}
.qitian_con02 .qitian_list:nth-of-type(1) dt p:nth-of-type(3n){margin-right: 0;}

.qitian_con02 .qitian_list:nth-of-type(2) dt p{margin-right: 1%;margin-bottom: 3.2%;}
.qitian_con02 .qitian_list:nth-of-type(2) dt .left{float: left;width: 50%;}
.qitian_con02 .qitian_list:nth-of-type(2) dt .left p{width: 49%;float: left;}
.qitian_con02 .qitian_list:nth-of-type(2) dt .left p:last-child{width: 99%;float: left;}
.qitian_con02 .qitian_list:nth-of-type(2) dt .right{float: right;width: 50%;}
.qitian_con02 .qitian_list:nth-of-type(2) dt .right p{margin-right: 0;}

.qitian_con02 .qitian_list:nth-of-type(3) dt p{float: left;width: 32.5%;margin-right: 1%;margin-bottom: 1%;}
.qitian_con02 .qitian_list:nth-of-type(3) dt p:nth-of-type(3n){margin-right: 0;}


.qitian_con02 .qitian_list dd{text-align: center;font-size: 16px;margin-bottom: 40px;}
.qitian_con02 .qitian_list dd span{color: #0073bf;}
.qitian_con02 .qitian_list dd h3{font-weight: 700;margin-top: 20px;margin-bottom: 20px;}
.qitian_con02 .qitian_list dd p{line-height: 1.8;padding:0 100px;}




.qitian_con03{max-width: 1010px;margin-left: auto;margin-right: auto;padding-left: 10px;padding-right: 10px;color: #0073bf;text-align: center;}

@media only screen and (max-width: 1400px){

  .qitian_con01{padding-bottom: 40px;margin-bottom: 50px;}

  .qitian_con01 .p{margin-bottom: 50px;}

  .qitian_con02 .qitian_list{margin-bottom: 35px;}
  .qitian_con02 .qitian_list dd p{padding:0 70px;}

}



@media only screen and (max-width: 1000px){

  .qitian_con01{padding-bottom: 20px;margin-bottom: 30px;}

  .qitian_con01 .p{width: 90%;margin-bottom: 20px;}

  .qitian_con02 .qitian_list dd h3 br{display: none;}

  .qitian_con02 .qitian_list dd{padding-right: 20px;}
  .qitian_con02 .qitian_list dd p{padding:0 50px;}

}

@media only screen and (max-width: 767px){

  .qitian_con02 .qitian_list dt{width: 100%;float: none;margin-bottom: 20px;}

  .qitian_con02 .qitian_list dd{float: none;width: 100%;margin-bottom: 20px;}
  .qitian_con02 .qitian_list dd p{padding:0 30px;font-size: 14px;line-height: 1.5;}

}



/*定制*/

.dingzhi_con01{border-bottom: 2px solid #f4f5f5;padding-bottom: 50px;margin-bottom: 70px;}

.dingzhi_con01 h2{text-align: center;font-weight: 700;}

.dingzhi_con01 .p{width: 980px;margin-left: auto;margin-right: auto;margin-bottom: 80px;}

.dingzhi_con01 span{display:block;text-align: center;}

.dingzhi_con01 span img{max-width: 100%;}

@media only screen and (max-width: 1400px){

  .dingzhi_con01{padding-bottom: 40px;margin-bottom: 50px;}

  .dingzhi_con01 .p{margin-bottom: 50px;}

}

@media only screen and (max-width: 1000px){

  .dingzhi_con01{padding-bottom: 20px;margin-bottom: 30px;}

  .dingzhi_con01 .p{width: 90%;margin-bottom: 20px;}

}

.dingzhi_con02 p{margin-bottom: 10px;}

.dingzhi_con02 dl{margin-bottom: 25px;}

.dingzhi_con02 dd{width: 31.3%;float: left;margin-right: 3%;margin-bottom: 25px;}

.dingzhi_con02 dd:nth-of-type(3n){margin-right: 0;}

.dingzhi_con02 dd input{border:1px solid #d0d0d0;height:55px;width: 100%;box-sizing:border-box;padding-left: 10px;}

.dingzhi_con02 dt{width: 100%;float: left;}

.dingzhi_con02 dt textarea{width: 100%;height: 140px;padding:15px;}

.dingzhi_con02 select{height: 55px;}



.unpload_img .show_hide label{display: inline-block;margin-right: 30px;margin-bottom: 20px;position: relative;}

.unpload_img .show_hide label:after{position: absolute;left: 0px;top:4px;content: "";display: block;width: 20px;height: 20px;border:1px solid #cacaca;border-radius: 100%;background: #fff;z-index: 2;}

.unpload_img .show_hide label:before{position: absolute;left: 6px;top:10px;content: "";display: none;width: 10px;height: 10px;background: #1b9dd8;z-index: 3;border-radius: 100%;}

.unpload_img .show_hide label.active:before{display: block;}

.unpload_img .show_hide span{padding-left: 15px;}

.unpload_img .show_hide label input{visibility: hidden;}

.unpload_img .file_upload{position: relative;position: relative;}

.unpload_img q{display: block;width: 0px;height: 0px;overflow: hidden;}

.unpload_img i{color: #1b9dd8;position: absolute;left: 140px;top: 40%;transform:translateY(-50%);}





.dingzhi_con03{border-top:1px solid #c9c9c9;}

.dingzhi_con03 h3{color: #df0428;font-weight: 700;}

.dingzhi_con03 dd{width: 33.33%;float: left;margin-bottom: 10px;}

.dingzhi_con03 dd p{width: 45%;background: #e5e5e5;float: left;line-height: 55px;border:1px solid #d0d0d0;box-sizing:border-box;padding-left: 15px;}

.dingzhi_con03 dd input{height:57px;width: 55%;box-sizing:border-box;padding-left: 10px;border:0;border-top:1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0;border-right: 1px solid #d0d0d0;}

.dingzhi_con03 dt{width:100%;background: #e5e5e5;float: left;margin-bottom: 10px;position: relative;}

.dingzhi_con03 dt p{width: 15%;float: left;position: absolute;top:50%;transform:translateY(-50%);padding-left: 15px;}

.dingzhi_con03 dt textarea{width: 85%;padding:15px;height: 115px;float: right;}



.dingzhi_btn{text-align: center;}

.dingzhi_btn input{border:0;text-align: center;height: 40px;width: 190px;border-radius: 40px;margin:0 15px;background: none;}

.dingzhi_btn .reset{border:1px solid #c9c9c9;}

.dingzhi_btn .button{background: #df0428;color: #fff;}

.dingzhi_btn input:hover{text-decoration: underline;}



@media only screen and (max-width: 1500px){

  .dingzhi_con02 p{font-size: 16px;}

  .dingzhi_con03 dd p{font-size: 16px;padding-left: 5px;}

}

@media only screen and (max-width: 1400px){

  .dingzhi_con02 dd{margin-bottom: 15px;}

  .dingzhi_con02 dd input{height: 40px;}

  .dingzhi_con02 select{height: 40px;}

  .dingzhi_con03 dd p{line-height: 40px;}

  .dingzhi_con03 dd input{height: 42px;}

}

@media only screen and (max-width: 1230px){

  .dingzhi_con02 p{font-size: 14px;}

  .dingzhi_con03 dd p{width: 50%;}

  .dingzhi_con03 dd input{width: 50%;}

  .dingzhi_con03 dd p{font-size: 14px;}

}

@media only screen and (max-width: 1000px){

  .unpload_img .show_hide label:after{top: 0px;}

  .unpload_img .show_hide label:before{top:6px;}

  .dingzhi_con02 dt textarea{padding:5px;}

  .dingzhi_con03 dt textarea{padding:5px;}

  .dingzhi_con03 dd{width: 50%;}

  .dingzhi_con03 dd p{width: 55%;}

  .dingzhi_con03 dd input{width: 45%;}

}

@media only screen and (max-width: 600px){

  .dingzhi_con02 dd{width: 49%;margin-right: 2%;}

  .dingzhi_con02 dd:nth-of-type(3n){margin-right: 2%;}

  .dingzhi_con02 dd:nth-of-type(2n){margin-right: 0%;}

  .dingzhi_con02 p{margin-bottom: 5px;}

  .dingzhi_con03 dd{width: 49%;margin-right: 2%;}

  .dingzhi_con03 dd:nth-of-type(3n){margin-right: 2%;}

  .dingzhi_con03 dd:nth-of-type(2n){margin-right: 0%;}

  .dingzhi_con03 dd p{width: 100%;line-height: normal;margin-bottom: 5px;background: none;border:0;padding-left: 0;}

  .dingzhi_con03 dd input{width: 100%;border-left:1px solid #d0d0d0;height: 40px; }

  .dingzhi_con03 dt{background: none;}

  .dingzhi_con03 dt p{position: static;transform:translateY(0%);width: 100%;padding-left: 0;}

  .dingzhi_con03 dt textarea{width: 100%;}

  .dingzhi_btn input{width: 120px;}

}



/*镜头*/

.jingt{margin-bottom: 0px;}

.jingt_con02 .jingt_list dt img{width: 100%;}
.jingt_con02 .jingt_list dt p{width: 31%;float: left;font-size: 16px;margin-right: 2%;}
.jingt_con02 .jingt_list dt p:nth-of-type(3n){margin-right: 0;}
.jingt_con02 .jingt_list dt p span{display: block;text-align: center;margin-top: 10px;}

.jingt_con02 .jingt_list dd{width: 90%;margin:0 auto;margin-bottom: 70px;font-size: 16px;}
.jingt_con02 .jingt_list dd span{color: #0073bf;display: block;text-align: center;font-size: 18px;}

.jingt_con02 .jingt_list dd h3{font-weight: 700;margin-top: 10px;text-align: center;font-size: 48px;}

.jingt_con02 .jingt_list dd p{line-height: 1.8;}


.jingt_con02 .jingt_list:nth-of-type(1) dt{float: left;width: 43%;}
.jingt_con02 .jingt_list:nth-of-type(1) dd{float: right;width: 51%;padding-right: 90px;}
.jingt_con02 .jingt_list:nth-of-type(1) dd span{text-align: left;}
.jingt_con02 .jingt_list:nth-of-type(1) dd h3{text-align: left;}


@media only screen and (max-width: 1500px){
  .jingt_con02 .jingt_list dd h3{font-size: 40px;}
}
@media only screen and (max-width: 1400px){
  .jingt_con02 .jingt_list dd h3{font-size: 38px;}
  .jingt_con02 .jingt_list dd{margin-bottom: 40px;}
}
@media only screen and (max-width: 1200px){
  .jingt_con02 .jingt_list dd h3{font-size: 30px;}
}
@media only screen and (max-width: 1000px){

  .jingt_con02 .jingt_list dd h3 br{display: none;}

  .jingt_con02 .jingt_list dd{padding-right: 20px;}

}

@media only screen and (max-width: 767px){
  .jingt_con02 .jingt_list:nth-of-type(2){margin-bottom: 30px;}
  .jingt_con02 .jingt_list dt{width: 100%;float: none;margin-bottom: 20px;}
  .jingt_con02 .jingt_list dt p span{font-size: 12px;}

  .jingt_con02 .jingt_list dd{float: none;width: 100%;font-size: 14px;margin-bottom: 30px;}
  .jingt_con02 .jingt_list:nth-of-type(1) dt{float: none;width: 100%;}
  .jingt_con02 .jingt_list:nth-of-type(1) dd{float: none;width: 100%;padding-right: 0;}
  .jingt_con02 .jingt_list dd h3{font-size: 24px;}


}





.jingt_con03 dl{float: left;width: 30.6%;margin-right: 4%;}

.jingt_con03 dl:nth-of-type(3n){margin-right: 0;}

.jingt_con03 dt{height: 0px;padding-bottom: 68%;overflow: hidden;}

.jingt_con03 dt img{width: 100%;transition:all 0.5s ease-in-out;}

.jingt_con03 h3{font-weight: 700;margin:20px 0 15px;}

.jingt_con03 p{color: #999;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp:3;

  overflow:hidden;

  height:4.5em;

  line-height:1.5;

}

.jingt_con03 dl:hover a{color: #df0428;}

.jingt_con03 dl:hover dt img{transform:scale(1.05);}

@media only screen and (max-width: 1100px){

  .jingt_con03 {padding-bottom: 50px;}

}

@media only screen and (max-width: 600px){

  .jingt_con03{padding-bottom: 0px;}

  .jingt_con03 dl{width: 100%;float: none;margin-bottom: 20px;margin-right: 0;}

  .jingt_con03 h3{margin:10px 0 5px;}

}



.changgui{background: #f6faff;}

.changgui .con_con{margin-right:auto;margin-left: auto;}

.changgui .con_con dl{float: left;width:11.66%;text-align: center;margin-right: 2.5%;margin-left: 2.5%;}

.changgui .con_con dt{margin-bottom: 35px;}

.changgui .con_con dt img{max-width: 100%;transition:all 0.5s ease-in-out;}

.changgui .con_con dd em{position: relative;top:-5px;padding-left: 15px;font-size: 16px;}

.changgui .con_con dl:hover a{color: #df0428;}

.changgui .con_con dl:hover dt img{transform:translateY(-10px);}

@media only screen and (max-width: 1400px){

  .changgui .con_con dt img{max-width: auto;width: 75%;}

  .changgui .con_con dl{width:13%;margin-left: 1.7%;margin-right: 1.7%;}

}

@media only screen and (max-width: 1100px){

  .changgui .con_con{display: flex;flex-wrap:wrap;width: 95%;}

  .changgui .con_con dl{width: 33.33%;margin:0;margin-bottom: 20px;}

  .changgui .con_con dt{margin-bottom: 10px;}

  .changgui .con_con dd em{font-size: 14px;top:-2px;}

}

@media only screen and (max-width: 600px){

  .changgui .con_con dd em{padding-left: 8px;}

}



.f_nav dl{float: left;width: 47%;position: relative;color: #fff;margin-right: 5%;overflow: hidden;}

.f_nav dl:nth-of-type(2n){margin-right: 0;}

.f_nav dl dt img{width: 100%;transition:all 0.5s ease-in-out;}

.f_nav dl dd{position: absolute;left: 8%;top: 50%;right:5%;z-index: 2;font-size: 16px;transition:all 0.3s ease-in-out;transform:translateY(-50%);}

.f_nav dl dd h3{font-weight: 700;margin-bottom: 10px;}

.f_nav dl dd p{color: #999;}

.f_nav dl dd a{color: #df0428;font-size: 16px;margin-top: 30px;display: block;}

.f_nav dl dd a:hover{text-decoration: underline;}

.f_nav dl dd a em{position: relative;top: -4px;left: 10px;}

.f_nav dl:hover dt img{transform:scale(1.05);}

@media only screen and (max-width: 1200px){

  .f_nav dl dd{font-size: 14px;}

  .f_nav dl dd h3{margin-bottom: 5px;}

  .f_nav dl dd a{margin-top: 10px;font-size: 14px;}

  .f_nav dl dd a em{top: -2px;}

  .f_nav dl dd p{padding-right: 20px;}

}

@media only screen and (max-width: 767px){

 .f_nav dl{width: 100%;margin-right: 0;margin-bottom: 10px;padding-bottom: 50px;background: #000;}

 .f_nav dl dd{top: 70%;}

}



.n_banner.fal{height: 80px;background: #215092;}

.falv{text-indent: 2em;}

.falv .title{text-align: center;text-indent: 0;border-bottom: 1px solid #d8d8d9;position: relative;}

.falv .title h3{font-weight: 700;}

.falv .title a{position: absolute;right: 0px;bottom: 20px;color: #bdbdbd;font-size: 16px;}

.falv .title a:hover{color: #df0428;}

.falv .title a:after{display:block;content: "";width: 13px;height: 1px;background: #bdbdbd;

position: absolute;left: -18px;top: 13px;

}

.falv .title a:before{display:block;content: "";width: 6px;height: 6px;border-left: 1px solid #bdbdbd;

border-top: 1px solid #bdbdbd;transform:rotate(-45deg);

position: absolute;left: -18px;top: 10px;

}

@media only screen and (max-width: 1000px){

  .falv .title a{bottom: 5px;font-size: 14px;}

  .falv .title a:after{top: 10px;}

  .falv .title a:before{top: 7px;}

}

.n_banner.search_b{height: 280px}

.n_banner.search_b .title{width: 780px;margin-right: auto;margin-left: auto;}

.n_banner.search_b .text{width: 640px;height:60px;line-height: 60px;background: #fff;border-radius: 8px;float: left;}

.n_banner.search_b .button{width: 120px;height: 60px;line-height: 60px;

  text-align: center;color: #fff;border:0;float: right;border-radius: 8px;

  background:#129fde url(../img/ss_btn.png) no-repeat center;

}

@media only screen and (max-width: 900px){

  .n_banner.search_b .title{width: 95%;}

  .n_banner.search_b .text{width: 75%;}

  .n_banner.search_b .button{width: 22%;}

}

.search h3{font-weight: 700;border-bottom: 1px solid #d8d8d9;}

.search h3 span{color: #0073bf;padding-right: 10px;}

.search dl{border-bottom: 1px solid #d8d8d9;}

.search .page{margin: 30px 0;}

.search dl dt{font-weight: 700;}

.search dl dd{padding-left: 25px;margin-top: 10px;color: #999999;}

.search dl a:hover{color: #df0428;}

@media only screen and (max-width: 900px){

  .search dl dd{margin-top: 5px;}

}



.join .title{text-align: center;}

.hqgf_con dl{margin-bottom: 10px;}

.hqgf_con dt{background: #e5e5e5;padding:10px 35px;position: relative;cursor: pointer;}

.hqgf_con dt a{max-width: 70%;display: inline-block;}

.hqgf_con dt span{float: right;font-weight: 700;display: inline-block;margin-top: -2px;}

.hqgf_con dl.on dt{background: #129cd8;color: #fff;}

.hqgf_con dl.on dt a{color: #fff;}

.hqgf_con dd{padding:15px 40px 25px;display: none;font-size: 16px;border:1px solid #c9c9c9;box-sizing:border-box;}

.hqgf_con dd>div{margin-top: 10px;margin-bottom: 20px;}

@media only screen and (max-width: 1400px){

  .hqgf_con dt{padding:10px 40px;}

}

@media only screen and (max-width: 1000px){

  .hqgf_con dt{padding:10px 20px;}

  .hqgf_con dt:before{left: 10px;}

  .hqgf_con dd{padding:10px 15px 15px;font-size: 14px;}

}


/*重定义*/

.xinwen .con_title span{color: #999;font-size: 16px;margin-top: 20px;display: block;}

.xinwen .con_con{display: flex;flex-wrap:wrap;}

.xinwen dl{float: left;width: 30.6%;margin-right: 4%;margin-bottom: 40px;}

.xinwen dl:nth-of-type(3n){margin-right: 0;}

.xinwen dt{height: 0px;padding-bottom: 57%;overflow: hidden;}

.xinwen dt img{width: 100%;transition:all 0.5s ease-in-out;}

.xinwen h3{font-weight: 700;margin:20px 0 15px;}

.xinwen p{color: #999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.xinwen dl:hover a{color: #df0428;}

.xinwen dl:hover dt img{transform:scale(1.05);}

@media only screen and (max-width: 1100px){

  .xinwen {padding-bottom: 50px;}

}

@media only screen and (max-width: 600px){

  .xinwen dl{width: 100%;float: none;margin-bottom: 20px;margin-right: 0;}

  .xinwen h3{margin:10px 0 5px;}

  .xinwen .con_title span{margin-top: 0px;}

}



/*新闻中心*/


.xinwen_other.xinwen .con_title span{color: #999;font-size: 16px;margin-top: 20px;display: block;}

.xinwen_other.xinwen .con_con{display: flex;flex-wrap:wrap;}

.xinwen_other.xinwen dl{margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px solid #ccc;width: 100%;overflow: hidden;margin-right: 0;}


.xinwen_other.xinwen dt{height:240px;overflow: hidden;float: left;padding-bottom: 0;
      width: 400px;
    margin-right: -400px;
    position: relative;z-index: 2;
}

.xinwen_other.xinwen dt img{width: 100%;transition:all 0.5s ease-in-out;max-height: 100%;object-fit: cover;}
.xinwen_other.xinwen dd{width:100%;float: left;}
.xinwen_other.xinwen dd>*{padding-left: 450px;}
.xinwen_other.xinwen dd.more{
    position: relative;
    padding-right: 180px;
    box-sizing: border-box;
}
.xinwen_other.xinwen dd.more p{
    white-space: normal;
}
.xinwen_other.xinwen dd.more p span{
    display: inline-block;
}
.xinwen_other.xinwen dd.more p img{
    width: 1em;
    height: 1em;
    opacity: 0.6;
    vertical-align: middle;
    position: relative;
    top: -0.125em;
}
.xinwen_other.xinwen dd.more .p img{
    max-width: 320px;
}
.xinwen_other.xinwen dd.more .cc{
    position: absolute;
    right: 100px;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    border: 1px solid #999;
    border-radius: 50%;
    color: #999;
    text-align: center;
    line-height: 48px;
    padding: 0;
    transition: all 0.2s linear;
}
.xinwen_other.xinwen h3{font-weight: 700;margin:0 0 15px;}

.xinwen_other.xinwen p{color:#999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.xinwen_other.xinwen dd .p{color: #666;margin-top: 15px;line-height: 1.5;overflow: hidden;}
.xinwen_other.xinwen dl:hover .cc{background-color: #df0428;border-color: #df0428;color: #fff;}
.xinwen_other.xinwen dl:hover a{color: #df0428;}

.xinwen_other.xinwen dl:hover dt img{transform:scale(1.05);}

@media only screen and (max-width: 1100px){

  .xinwen_other.xinwen {padding-bottom: 50px;}

  .xinwen_other.xinwen dt{
    height:192px;
      width: 320px;
    margin-right: -320px;
  }
  .xinwen_other.xinwen dd>*{padding-left: 350px;}
  .xinwen_other.xinwen dd.more{
      padding-right: 0;
  }
  .xinwen_other.xinwen dd.more .cc{
      display: none;
  }
  .xinwen_other.xinwen dd.more .p img{
        max-width: 240px;
    }
}
@media only screen and (max-width: 700px){
    .xinwen_other.xinwen dt{
    height:auto;
      width: 100%;
    margin-right: 0px;
    float: none;
    margin-bottom: 20px;
  }
  .xinwen_other.xinwen dd{float: none;}
  .xinwen_other.xinwen dd>*{padding-left: 0px;}
  .xinwen_other.xinwen dd.more .p img{
        max-width: 50%;
        display: block;
        margin: 0 auto;
}
}
@media only screen and (max-width: 600px){

  .xinwen_other.xinwen dl{width: 100%;float: none;margin-bottom: 20px;padding-bottom:20px;margin-right: 0;}

  .xinwen_other.xinwen h3{margin:10px 0 5px;}

  .xinwen_other.xinwen .con_title span{margin-top: 0px;}

}




.news_con .title{text-align: center;text-indent: 0;border-bottom: 1px solid #d8d8d9;position: relative;}

.news_con .title h3{font-weight: 700;}

.news_con .title p{color: #999;}

.news_con .title a{position: absolute;right: 0px;bottom: 20px;color: #bdbdbd;font-size: 16px;}

.news_con .title a:hover{color: #df0428;}

.news_con .title a:after{display:block;content: "";width: 13px;height: 1px;background: #bdbdbd;

position: absolute;left: -18px;top: 13px;

}

.news_con .title a:before{display:block;content: "";width: 6px;height: 6px;border-left: 1px solid #bdbdbd;

border-top: 1px solid #bdbdbd;transform:rotate(-45deg);

position: absolute;left: -18px;top: 10px;

}

@media only screen and (max-width: 1000px){

  .news_con .title a{bottom: 5px;font-size: 14px;}

  .news_con .title a:after{top: 10px;}

  .news_con .title a:before{top: 7px;}

}


.news_con .con_con{border-bottom: 1px solid #d8d8d9;padding-left: 30px;padding-right: 30px;}

.news_con .con_con .edit_con_original img{max-width: 100%;}

.news_con .next_prev>div{width: 49%;float:left;margin-left: 1%;}

.news_con .next_prev p{color: #999;font-size: 16px;margin-bottom: 5px;}

.news_con .next_prev a{font-weight: 700;}

.news_con .next_prev a:hover{color: #df0428;}

@media only screen and (max-width: 1000px){

  .news_con .con_con{padding-left: 0px;padding-right: 0px;}

  .news_con .next_prev p{font-size: 14px;margin-bottom: 0;}

  .news_con .next_prev>div{width: 100%;margin-bottom: 10px;}

}



/*技术百科*/

.baike .con_title span{color: #999;font-size: 16px;margin-top: 20px;display: block;}

.baike .con_con{display: flex;flex-wrap:wrap;}

.baike dl{float: left;width: 30.6%;margin-right: 4%;margin-bottom: 40px;border:1px solid #dcdcdc;position: relative;}

.baike dl:nth-of-type(3n){margin-right: 0;}

.baike dt{height: 0px;padding-bottom: 34%;overflow: hidden;}

.baike dt img{width: 100%;transition:all 0.5s ease-in-out;}

.baike dd{padding:0px 22px 45px 22px;padding-top:0;}

.baike h3{font-weight: 700;margin:20px 0 15px;}

.baike p{color: #999;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp:4;

overflow:hidden;

height:6em;

line-height:1.5;

margin-bottom: 20px;

}

.baike dd a.more{color: #df0428; position: absolute;bottom: 25px;left: 22px;}

.baike dl:hover a{color: #df0428;}

.baike dl:hover dt img{transform:scale(1.05);}

@media only screen and (max-width: 1100px){

  .baike {padding-bottom: 50px;}

}

@media only screen and (max-width: 600px){

  .baike dl{width: 100%;float: none;margin-bottom: 20px;margin-right: 0;}

  .baike h3{margin:10px 0 5px;}

  .baike .con_title span{margin-top: 0px;}

  .baike p{display: block;height: auto;}

  .baike dd{padding-bottom: 20px;}

  .baike dd a.more{position: static;}

}

.js_con .title{text-align: center;text-indent: 0;border-bottom: 1px solid #d8d8d9;position: relative;}

.js_con .title h3{font-weight: 700;}

.js_con .title p{color: #999;}

.js_con .title a{position: absolute;right: 0px;bottom: 20px;color: #bdbdbd;font-size: 16px;}

.js_con .title a:hover{color: #df0428;}

.js_con .title a:after{display:block;content: "";width: 13px;height: 1px;background: #bdbdbd;

position: absolute;left: -18px;top: 13px;

}

.js_con .title a:before{display:block;content: "";width: 6px;height: 6px;border-left: 1px solid #bdbdbd;

border-top: 1px solid #bdbdbd;transform:rotate(-45deg);

position: absolute;left: -18px;top: 10px;

}

@media only screen and (max-width: 1000px){

  .js_con .title a{bottom: 5px;font-size: 14px;}

  .js_con .title a:after{top: 10px;}

  .js_con .title a:before{top: 7px;}

}

.js_con .con_con{border-bottom: 1px solid #d8d8d9;padding-left: 30px;padding-right: 30px;}

.js_con .con_con .edit_con_original img{max-width: 100%;}

.edit_other h3{text-align: center;font-size: 28px;}

.edit_other table{width: 100%;}

.edit_other td{padding:20px;width:50%;border:1px solid #c9c9c9;}

.edit_other thead{background: #215092;color: #fff;text-align: center;}

.edit_other thead td{border:0;}



.js_con .next_prev>div{width: 49%;float:left;margin-left: 1%;}

.js_con .next_prev p{color: #999;font-size: 16px;margin-bottom: 5px;}

.js_con .next_prev a{font-weight: 700;}

.js_con .next_prev a:hover{color: #df0428;}

@media only screen and (max-width: 1000px){

  .js_con .con_con{padding-left: 0px;padding-right: 0px;}

  .js_con .next_prev p{font-size: 14px;margin-bottom: 0;}

  .js_con .next_prev>div{width: 100%;margin-bottom: 10px;}

  .edit_other td{padding:10px;}

}

.chanpin dl{background: url(/html/img/cp_img08.png) no-repeat;width: 33.33%;float: left;position: relative;}

.chanpin dt img{width: 100%;}

.chanpin dd{text-align: center;position: absolute;bottom: 50px;width: 100%;}

.chanpin dd h3{font-weight: 700;}

.chanpin dd p{color: #999;margin-top: 12px;}

.chanpin dd a{display: none;margin-top: 12px;}

.chanpin dl:hover{background-image:url(/html/img/cp_img07.png);}

.chanpin dl:hover dd a{display: block;}

@media only screen and (max-width: 1200px){

  .chanpin dd{bottom: 20px;}

  .chanpin dd p{margin-top: 7px;}

  .chanpin dd a{margin-top: 7px;}

  .chanpin dd a img{width: 20px;}

}

@media only screen and (max-width: 1100px){

  .chanpin dd a{display: block;}

}

@media only screen and (max-width: 600px){

  .chanpin dl{width: 50%;}

  .chanpin dd h3{font-size: 14px;}

  .chanpin dd p{margin-top: 0px;font-size: 12px;}

  .chanpin dd a{margin-top: 0px;}

  .chanpin dd a img{width: 15px;}

}

.contact .con_title{text-align: center;}

.contact_con01{border-bottom: 1px solid #d8d8d9;}

.contact_con01 .left{float: left;width: 60%;height: 500px;}

.contact_con01 .right{float: right;width: 36%;}

.contact_con01 .right h3{font-weight: 700;}

.contact_con01 .right dd{margin-bottom: 15px;padding-left: 40px;background-repeat: no-repeat;background-position: 0 3px;line-height: 28px;}

.contact_con01 .right dd p{margin-bottom: 15px;}

.contact_con01 .right dd a{color: #215092;}

.contact_con01 .right dd.dd01{background-image: url(/html/img/lx_img04.png);}

.contact_con01 .right dd.dd02{background-image: url(/html/img/lx_img05.png);}

.contact_con01 .right dd.dd03{background-image: url(/html/img/lx_img06.png);margin-top: 30px;}

.contact_con01 .right dt{width: 140px;margin-left: 40px;}

.contact_con01 .right dt>span{display: block;border:1px solid #ccc;margin-bottom: 15px;}

.contact_con01 .right dt>span img{width: 100%;}



.contact_con01 .bottom{width: 100%;float: left;background: url(/html/img/lx_img09.png) no-repeat;padding-left: 80px;}

@media only screen and (max-width: 767px){

  .contact_con01 .left{width: 100%;float: none;height: 300px;margin-bottom: 30px;}

  .contact_con01 .right{float: none;width: 100%;}

  .contact_con01 .right dd p{margin-bottom: 5px;}

  .contact_con01 .right dd.dd03{margin-top: 15px;}

}

.contact_con02{width: 960px;margin-left: auto;margin-right: auto;}

.contact_con02 .con_title h3{margin-bottom: 10px;}

.contact_con02 p{margin-bottom: 10px;}

.contact_con02 dl{margin-bottom: 25px;}

.contact_con02 dd{width: 48.5%;float: left;margin-right: 3%;margin-bottom: 25px;}

.contact_con02 dd:nth-of-type(2n){margin-right: 0;}

.contact_con02 dd input{border:1px solid #d0d0d0;height:55px;width: 100%;box-sizing:border-box;padding-left: 10px;}

.contact_con02 dt{width: 100%;float: left;}

.contact_con02 dt textarea{width: 100%;height: 140px;padding:15px;}

@media only screen and (max-width: 1500px){

  .contact_con02 p{font-size: 16px;}

}

@media only screen and (max-width: 1400px){

  .contact_con02 dd{margin-bottom: 15px;}

  .contact_con02 dd input{height: 40px;}

}

@media only screen and (max-width: 1230px){

  .contact_con02 p{font-size: 14px;}

}

@media only screen and (max-width: 1000px){

  .contact_con02 dt textarea{padding:5px;}

  .contact_con02{width: 90%;}

}

@media only screen and (max-width: 600px){

  .contact_con02 dd{width: 49%;margin-right: 2%;}

  .contact_con02 dd:nth-of-type(3n){margin-right: 2%;}

  .contact_con02 dd:nth-of-type(2n){margin-right: 0%;}

  .contact_con02 p{margin-bottom: 5px;}

}



.cp_list_nav{background: #f6faff;padding-top: 30px;}

.cp_list_nav .con_con{margin-right:auto;margin-left: auto;width:1050px;}

.cp_list_nav .con_con dl{float: left;width:12%;text-align: center;margin-right: 2.3%;margin-left: 2.3%;}

.cp_list_nav .con_con dt{}

.cp_list_nav .con_con dt img{max-width: 90%;}

.cp_list_nav .con_con dd em{position: relative;font-size: 16px;}

.cp_list_nav .con_con dd a{padding:10px 0 25px;display: block;position: relative;}

.cp_list_nav .con_con dd a:after{content: "";display: none;position: absolute;left: 0px;right: 0px;bottom:0px;height: 2px;background: #df0428;}

.cp_list_nav .con_con dl:hover dd a:after{display: block;}

.cp_list_nav .con_con dl.on dd a:after{display: block;}

@media only screen and (max-width: 1400px){

  .cp_list_nav .con_con dt img{max-width: auto;width: 75%;}

  .cp_list_nav .con_con dl{width:13%;margin-left: 1.7%;margin-right: 1.7%;}

}

@media only screen and (max-width: 1100px){

  .cp_list_nav{padding-top: 0;}

  .cp_list_nav .con_con{display: flex;flex-wrap:wrap;width: 95%;}

  .cp_list_nav .con_con dl{width: 33.33%;margin:0;margin-top: 20px;}

  .cp_list_nav .con_con dd em{font-size: 14px;}

}

.cp_list .title h3{font-weight: 700;margin-bottom: 10px;}

.cp_list .title p{color: #999;}



.cp_list_con{display: flex;flex-wrap:wrap;}

.cp_list_con dl{float: left;width: 30.6%;margin-right: 4%;margin-bottom: 40px;}

.cp_list_con dl:nth-of-type(3n){margin-right: 0;}

.cp_list_con dt{height: 0px;padding-bottom: 68%;overflow: hidden;}

.cp_list_con dt img{width: 100%;transition:all 0.5s ease-in-out;}

.cp_list_con h3{font-weight: 700;margin:20px 0 15px;}

.cp_list_con p{color: #999;}

.cp_list_con dl:hover a{color: #df0428;}

.cp_list_con dl:hover dt img{transform:scale(1.05);}

@media only screen and (max-width: 1100px){

  .cp_list_con {padding-bottom: 50px;}

}

@media only screen and (max-width: 600px){

  .cp_list_con dl{width: 100%;float: none;margin-bottom: 20px;margin-right: 0;}

  .cp_list_con h3{margin:10px 0 5px;}

}

.cp_con01{border-bottom: 10px solid #e5e5e5;}

.cp_con01 .left{float: left;width:31%;}

.cp_con01 .left img{width: 100%;}

.cp_con01 .right{float: left;width: 63%;margin-left: 4%;}

.cp_con01 .right h3{font-weight: 700;}

.cp_con01 .right p{color: #999;}

.cp_con01 .right li{color: #215092;margin-bottom: 15px;position: relative;padding-left: 20px;}

.cp_con01 .right li:after{content: "";position: absolute;left: 0px;top: 8px;width: 10px;height: 10px;background: #215092;}



.cp_con02{border-bottom: 10px solid #e5e5e5;}

.cp_con02 .left{float: left;width:60%;}

.cp_con02 .left dt{float:left;width: 27%;font-weight: 700;}

.cp_con02 .left dd{float: left;width:73%;}

.cp_con02 .left ul{display: flex;flex-wrap:wrap;}

.cp_con02 .left li{float: left;width: 49%;margin-right: 2%;}

.cp_con02 .left li:nth-of-type(2n){margin-right: 0;}

.cp_con02 .left li p{font-weight: 700;margin-bottom: 10px;}

.cp_con02 .left li span{color: #999;}

.cp_con02 .right{float: right;width: 36%;margin-left: 4%;}

.cp_con02 .right img{max-width: 100%;}



.cp_con03 h3{font-weight: 700;}

.cp_con03 li{float: left;width: 23.5%;margin-right: 2%;}

.cp_con03 li:nth-of-type(4n){margin-right: 0%;}

.cp_con03 li>a{display: block;height: 0px;padding-bottom: 68%;overflow: hidden;}

.cp_con03 li img{width: 100%;}

.cp_con03 li p{font-weight: 700;margin-top: 10px;}

.cp_con03 li:hover a{color: #df0428;}

@media only screen and (max-width: 1500px){
  .cp_con01 .left{width: 36%;}
  .cp_con01 .right{width: 59%;}
}
@media only screen and (max-width: 600px){

  .cp_con01 .left{float: none;width: 100%;}

  .cp_con01 .right{float: none;width: 100%;margin-left: 0;margin-top: 10px;}

  .cp_con02 .left{float: none;width: 100%;}

  .cp_con02 .right{float: none;width: 100%;margin-left: 0;}

  .cp_con02 .left dt{float: none;width: 100%;margin-bottom: 20px;font-size: 20px;}

  .cp_con02 .left dd{float: none;width: 100%;}

  .cp_con03 h3{font-size: 20px;margin-bottom: 20px;}

  .cp_con03 li{width: 48.5%;margin-bottom: 20px;}

  .cp_con03 li:nth-of-type(4n){margin-right: 2%;}

  .cp_con03 li:nth-of-type(2n){margin-right: 0%;}

}

/*20210102*/
.xinwen .col-nav{width: 1435px;margin-left:auto;margin-right:auto;}
.xinwen .col-nav ul{overflow: hidden;text-align: center;}
.xinwen .col-nav li{
    display: inline-block;
    margin: 0 10px;
}

.xinwen .col-nav .nav>li>a{
  display: inline-block;padding:15px 0;width: 120px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #e7f0fd;
}
.xinwen .col-nav .nav>li>a:hover{background: #e7f0fd;}
.xinwen .col-nav .nav>li>a.on{color: #df0428;background: #e7f0fd;}

.rongyuzizhi .tool01{width: 80%;margin:0 auto;background: #f0f0f0;overflow: hidden;}
.rongyuzizhi .col-nav{
  float: left;
  width: 250px;
  text-align: center;
  border: 1px solid #ccc;
  border-bottom: 0;
}
.rongyuzizhi .col-nav .nav>li>a{
    padding-top: 22px;
    padding-bottom: 22px;
    color: #205294;
    text-align: center;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}
.rongyuzizhi .col-nav .nav>li>a.on{
    color: #fff;
    background-color: #205294;
}
.rongyuzizhi .col-formula{
  float: left;
      width: calc(100% - 250px);
      padding:20px 30px;
}
.rongyuzizhi .col-formula h3{color: #205294;font-weight: normal;text-align: center;font-size: 20px;}

.rongyuzizhi .col-formula button.btn{
      color: #fff;
    background-color: #205294;
    text-align: center;
    line-height: 40px;
    width: 154px;
    display: inline-block;
    border-radius: 0;
    padding:0;
    margin-bottom: 2px;
}
.rongyuzizhi .col-formula table td{vertical-align: middle;border:0!important;}
.rongyuzizhi .col-formula table th{text-align: right;vertical-align: middle;border:0!important;}
.rongyuzizhi .col-formula table label{font-weight: normal;}

.rongyuzizhi .col-formula table .bort th, .rongyuzizhi .col-formula table .bort td {
    border-bottom: 1px solid #1468d7 !important;
    padding-bottom: 15px !important;
}

.rongyuzizhi .col-formula .formula-1 .table-form label{

    font-size: 14px;
    color: #205294;
    font-weight: 400;
    margin: 0;

}

@media only screen and (max-width: 1500px){

  .xinwen .col-nav{width: 1200px;}

}

@media only screen and (max-width: 1225px){

  .xinwen .col-nav{width:100%;padding-right:20px;padding-left:20px;}
  
  .xinwen .col-nav .nav>li>a{width: 100px;padding: 10px 0;}

  .rongyuzizhi .tool01{width: 100%;}
}

@media only screen and (max-width: 767px){

  .xinwen .col-nav{padding-right:10px;padding-left: 10px;}

  .rongyuzizhi .col-nav{float: none;width: 100%;}
  .rongyuzizhi .col-nav li{float: left;width: 50%;}
  .rongyuzizhi .col-formula{width: 100%;float: none;padding:0;}
  .rongyuzizhi .col-formula button.btn{width: 100%;line-height: 1.5;padding:2px 3px;}
  .rongyuzizhi .col-nav .nav>li>a{padding-top:10px;padding-bottom: 10px;}
  .rongyuzizhi .col-nav .nav>li:last-child>a{border-bottom: 0;}
  .rongyuzizhi .col-nav .nav{border-bottom: 1px solid #ccc;}
  .xinwen_other.xinwen dd{
	  margin-top: 0;
  }
}