* {
  /*box-sizing:content-box;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul,li{ list-style-type:none;}
a{text-decoration:none;color:#000;}
*{margin: 0px;padding: 0px;font-size:14px; font-family: "微软雅黑", arial, Helvetica, sans-serif;}
li{list-style-type:none;}
h1,h2,h3,h4,h5{font-weight: 500;}
img{border:0px;max-width: 100%;display:inline-block;}


@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.woff2?t=1689672280772') format('woff2'),
       url('../fonts/iconfont.woff?t=1689672280772') format('woff'),
       url('../fonts/iconfont.ttf?t=1689672280772') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



.clear:after{
  display:block;
  clear:both;
  content:"";
  visibility:hidden;
  height:0;
}
.w95{
  width: 95%;
  margin: 0 auto;
}
.w87{
  width: 87%;
  margin: 0 auto;
}
.w80{
  width: 80%;
  margin: 0 auto;
}
.w76{
  width: 76%;
  margin: 0 auto;
}

.ph90{
  padding: 90px 0;
}
.wp87{
  padding: 0 6.5%;
}
.wp76{
  padding: 0 12%;
}

.w1200{
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
}
.left{
  float: left;
}
.right{
  float: right;
}

html{
  height: 100%;
  width: 100%;
}
body {
  height: 100%;
  width: 100%;
  /*overflow-y: auto;*/
}


.layui-layer-content img{
  display: block;
}


/*head*/



.head{
  position: fixed;
  z-index: 9999;
  top: 0px;
  left: 0px;
  right: 0px;
  background-color: transparent;
  /*box-shadow: 0px 0px 5px rgba(0,0,0,0.1);*/
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  height: 90px;
  text-align: center;
}
.head .logo{
  position: relative;
  display: block;
  float: left;
  /*padding: 15px 0;*/
  line-height: 90px;
  font-size: 0px;
}
.head .logo a{
  display: block;
}
.head .logo img{
  display: none;
  max-height: 50px;
  vertical-align: middle;
}
.head .logo img.logo2{
  display: inline-block;
}

.head .nav{
  position: relative;
  float: right;
}
.head .nav li{
  /*position: relative;*/
  display: inline-block;
}
.head .nav li>a{
  display: block;
  padding: 0 16px;
}
.head .nav li>a font{
  display: inline-block;
  font-size: 24px;
  color: #fff;
  height: 90px;
  line-height: 90px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.head .nav li span{
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  /*border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;*/
  border: 4px solid transparent;
  border-top: 4px dashed;
}

.head .nav li>a:hover font{
  color: #c30707;
}

.head .nav .nav_sub{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 120px;
  height: 3px;
  background-color: #c30707;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.head .nav .nav_sub:after{
  content: "";
  position: absolute;
  vertical-align: middle;
  border-bottom: 4px dashed #c30707;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  left: 50%;
  bottom: 100%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}

.head .nav_xl{
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0px;
  width: 100%;
  text-align: center;
  background-color: #e0e0e1;
}
.head .nav_xl .xl_list{
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.head .nav_xl dl{
  display: inline-block;
  padding-top: 25px;
  padding-bottom: 35px;
  margin: 0 2%;
  vertical-align: top;
}
.head .nav_xl dt{
  display: block;
  text-align: left;
}
.head .nav_xl dt a{
  display: inline-block;
  font-size: 18px;
  color: #333;
}
.head .nav_xl dd{
  text-align: left;
}
.head .nav_xl dd:nth-child(2){
  border-top: 1px solid #d0d0d0;
}
.head .nav_xl dd a{
  
}
.head .nav_xl a{
  display: block;
  font-size: 14px;
  color: #666;
  line-height: 2;
  padding-right: 5px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.head .nav_xl a:hover{
  color: #c30707;
}

.head .btn{
  float: right;
  line-height: 90px;
}
.head .btn .tel{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 18px;
  cursor: pointer;
  line-height: 32px;
  background: #e7e7e7;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  text-align: center;
}
.head .btn .tel i{
  font-size: 20px;
}
.head .btn .tel .tel_box{
  position: absolute;
  left: 50%;
  color: #fff;
  background-color: #c30707;
  /*line-height: normal;*/
  top: 150%;
  padding: 7px 14px;
  white-space: nowrap;
  border-radius: 42px;
  -webkit-border-radius: 42px;
  -ms-border-radius: 42px;
  -moz-border-radius: 42px;
  -o-border-radius: 42px;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  font-size: 16px;
  line-height: 18px;
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.head .btn .tel .tel_box i{
  color: #fff;
  margin-right: 5px;
  font-size: 20px;
  vertical-align: middle;
}
.head .btn .tel:hover .tel_box{
  opacity: 1;
  top: 132%;
  visibility: visible;
}
.head .btn .search{
  position: relative;
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
  line-height: 32px;
  background: #e7e7e7;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -ms-border-radius: 32px;
  -moz-border-radius: 32px;
  -o-border-radius: 32px;
  text-align: center;
  cursor: pointer;
  transition: all .5s;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
}
.head .btn .search:hover{
  width: 160px;
}
.head .btn .search input{
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  padding: 7px 31px 7px 11px;
  background: transparent;
  transition: all .5s;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  color: #000;
}
.head .btn .search button{
  position: absolute;
  background: transparent;
  border: none;
  outline: none;
  right: 4px;
  top: 50%;
  width: 24px;
  margin-top: -12px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #090805;
  font-size: 20px;
  line-height: 24px;

}

/*滚动条下来切换*/
.head.qh{
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
          box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
.head.qh .logo img.logo1 {
    display: inline-block;
}
.head.qh .logo img.logo2 {
    display: none;
}
.head.qh .nav li>a font{
  color: #444;
}

/*产品内页头部切换*/
.head_c .head{
    position: relative;
    background: #26272b;
}
.head_c .head .nav li>a font{
    color: #dfdfe0;
}
.head_c .head .logo img{
  display: none;
}
.head_c .head .logo img.logo3{
  display: inline-block;
}

/*手机头部*/
.m_head{
  display: none;
}


/*index*/

.inbanner_bg{
  height: 100%; 
}
.inbanner{
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.inbanner .slick-list{
  height: 100%;
}
.inbanner .slick-list .slick-track{
  height: 100%;
}
.inbanner .slick-list .slick-track .slick-slide{
  height: 100%;
  float: left;
}
.inbanner .slick-list .slick-track .slick-slide div{
  height: 100%;
}
.inbanner .slick-list .slick-track .slick-slide .banner_slick{
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
}
.inbanner .slick-dots{
  position: absolute;
  z-index: 1000;
  left: 50%;
  bottom: 20px;
  display: block;
  width: auto;
  font-size: 0px;
  background: rgba(255, 255, 255, 0.2);
  padding: 16px 60px;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  border-radius: 49px;
  -webkit-border-radius: 49px;
  -ms-border-radius: 49px;
  -moz-border-radius: 49px;
  -o-border-radius: 49px;
}
.inbanner .slick-dots li{
  display: inline-block;
  width: 17px;
  height: 17px;
  margin: 0 6px !important;
  border: 1px solid #fff;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  opacity: 1;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.inbanner .slick-dots li button{
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background-color: transparent;
}
.inbanner .slick-dots li.slick-active{
  background-color: #fff;
}



.intl{
  text-align: center;
  margin-bottom: 25px;
}
.intl h5{
  font-family: 'Arial';
  font-size: 16px;
  color: #acacac;
}
.intl h3{
  font-size: 48px;
  color: #323232;
  margin-bottom: 8px;
}
.intl p{
  font-size: 16px;
  color: #acacac;
}

/*首页产品*/

.inpro{
  background-color: #f5f5f5;
}
.inpro .content{
  position: relative;
  padding: 0 6.5%;
  overflow: hidden;
}
.inpro .left{
  position: relative;
  width: 22%;
  margin-left: 5%;
}
.inpro .left .intl{
  text-align: left;
}
.inpro .inpro_text .swiper-slide{
  position: relative;
  background-color: #fff;
  padding: 50px 46px;
}
.inpro .inpro_text .swiper-slide h3{
  font-size: 30px;
  color: #323232;
}
.inpro .inpro_text .swiper-slide h5{
  font-size: 16px;
  color: #646464;
  margin: 6px 0 24px;
}
.inpro .inpro_text .swiper-slide p{
  font-size: 16px;
  color: #787878;
  line-height: 1.7;
}
.inpro .inpro_text .swiper-slide a.learn{
  display: inline-block;
  font-size: 14px;
  color: #787878;
  border: 1px solid #bbb;
  padding: 8px 26px;
  margin-top: 38px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.inpro .inpro_text .swiper-slide a.learn:hover{
  background-color: #d6000f;
  border: 1px solid #d6000f;
  color: #fff;
}

.inpro .right{
  width: 78%;
  margin-right: -15%;
  margin-top: 6%;
}
.inpro .right .swiper-slide .img{
  height: 400px;
  line-height: 400px;
  text-align: center;
}
.inpro .right .swiper-slide .img img{
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.inpro .swiper-button-next,.inpro .swiper-button-prev{
  top: 53%;
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  margin-top: 0;
  cursor: pointer;
  overflow: hidden;
  -o-background-size: 27px 44px;
     background-size: 27px 44px;
  background: rgba(50, 50, 50, 0.7);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.inpro .swiper-button-prev {
    left: -22%;
}
.inpro .swiper-button-next {
    right: -22%;
}
.inpro .swiper-button-next i,.inpro .swiper-button-prev i{
  display: block;
  font-size: 24px;
  color: #fff;
}
.inpro .swiper-button-prev i{
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.inpro .swiper-button-next:hover,.inpro .swiper-button-prev:hover{
  background-color: #333;
}


.insoln{
  /*padding: 90px 0;*/
}
.insoln .intl{
  text-align: center;
}
.insoln .content{
  margin-left: -14px;
  margin-right: -14px;
}
.insoln .content ul{
  font-size: 0px;
}
.insoln .content ul li{
  display: inline-block;
  width: 50%;
  zoom: 1;
  vertical-align: top;
  padding-left: 14px;
  padding-right: 14px;
}
.insoln .content ul li a{
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 4%;
}
.insoln .content ul li .img_box{
  padding-top: 50%;
  width: 100%;
  background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  webkit-transition: -webkit-transform .8s ease;
  transition: -webkit-transform .8s ease;
  -webkit-transition: -webkit-transform .8s ease;
  -o-transition: -o-transform .8s ease;
  -moz-transition: transform .8s ease, -moz-transform .8s ease;
  transition: transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease, -moz-transform .8s ease, -o-transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
   -ms-transform-origin: center center;
    -o-transform-origin: center center;
       transform-origin: center center;
}
.insoln .content ul li:nth-child(1) .img_box,.insoln .content ul li:nth-child(4) .img_box{
  padding-top: 104%;
}

.insoln .content ul li .txt{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 15px 35px;
  background: black;
  background: rgba(0, 0, 0, 0.4);
}
.insoln .content ul li .txt h3{
  color: #fff;
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.insoln .content ul li .txt p{
  color: #fff;
  font-size: 18px;
  line-height: 1.3;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.insoln .content ul li .red_text{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #c30707;
  padding: 8%;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: all .5s;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
}
.insoln .content ul li .red_text h3{
  display: inline-block;
  zoom: 1;
  color: #fff;
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
  padding-bottom: 20px;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
}
.insoln .content ul li .red_text p{
  color: #fff;
  font-size: 18px;
  line-height: 1.7;
}
.insoln .content ul li a:hover .red_text{
  opacity: 1;
}


.incase{
  position: relative;
  padding: 90px 80px;
}
.incase .content{
  /*padding: 0 80px;*/
}
.incase .content li a{
  position: relative;
  display: block;
  padding: 30px 0 27px 0;
  transition: all .5s;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
}
.incase .content li .incase_img_box{
  position: relative;
  overflow: hidden;
}
.incase .content li .incase_img_box .img{
  padding-top: 96%;
  background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  webkit-transition: -webkit-transform .8s ease;
  transition: -webkit-transform .8s ease;
  -webkit-transition: -webkit-transform .8s ease;
  -o-transition: -o-transform .8s ease;
  -moz-transition: transform .8s ease, -moz-transform .8s ease;
  transition: transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease, -moz-transform .8s ease, -o-transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
   -ms-transform-origin: center center;
    -o-transform-origin: center center;
       transform-origin: center center;
}
.incase .content li .incase_logo{
  border: 1px solid #dcdcdc;
  height: 130px;
  line-height: 130px;
  text-align: center;
}
.incase .content li .incase_logo img{
  max-width: 70%;
  max-height: 80%;
  display: inline;
  vertical-align: middle;
  transition: all .5s;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
}
.incase .content li .plus{
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 54px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  background: #c30707;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: all .5s;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
}
.incase .content li .plus i{
    font-size: 28px;
    color: #fff;
}
.incase .content li a:hover{
  -webkit-transform: translate(0, -30px);
     -moz-transform: translate(0, -30px);
      -ms-transform: translate(0, -30px);
       -o-transform: translate(0, -30px);
          transform: translate(0, -30px);
}
.incase .content li a:hover .img {
  transform: scale(1.1) translateZ(0);
  -ms-transform: scale(1.1) translateZ(0);
  -webkit-transform: scale(1.1) translateZ(0);
  -o-transform: scale(1.1) translateZ(0);
  -moz-transform: scale(1.1) translateZ(0);
}
.incase .content li a:hover .incase_logo img{
    -webkit-transform: translate(0, -10px);
       -moz-transform: translate(0, -10px);
        -ms-transform: translate(0, -10px);
         -o-transform: translate(0, -10px);
            transform: translate(0, -10px);
}
.incase .content li a:hover .plus{
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=1);
}
.incase .incase_next,.incase .incase_prev{
  position: absolute;
  z-index: 999;
  top: 50%;
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  margin-top: -29px;
  background: rgba(50, 50, 50, 0.7);
  cursor: pointer;
  overflow: hidden;
  -o-background-size: 27px 44px;
     background-size: 27px 44px;
  background: rgba(50, 50, 50, 0.7);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.incase .incase_prev{
  left: 14px;
}
.incase .incase_next{
  right: 14px;
}
.incase .incase_next i,.incase .incase_prev i{
  display: block;
  font-size: 24px;
  color: #fff;
}
.incase .incase_prev i{
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.incase .incase_next:hover,.incase .incase_prev:hover{
  background-color: #333;
}



.innews{
  padding: 90px 0;
  background-color: #f5f5f5;
}
.innews .content ul{
  margin: 0 -26px;
}
.innews .content li{
  float: left;
  width: 33.33%;
  padding: 0 26px;
}
.innews .content li a{
  display: block;
  overflow: hidden;
  background-color: #fff;
}
.innews .content li .img_box{
  width: 100%;
  margin-right: 0;
  float: none;
  overflow: hidden;
}
.innews .content li .img_box .img{
  width: 100%;
  padding-top: 61%;
  background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  webkit-transition: -webkit-transform .8s ease;
  transition: -webkit-transform .8s ease;
  -webkit-transition: -webkit-transform .8s ease;
  -o-transition: -o-transform .8s ease;
  -moz-transition: transform .8s ease, -moz-transform .8s ease;
  transition: transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease, -moz-transform .8s ease, -o-transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
   -ms-transform-origin: center center;
    -o-transform-origin: center center;
       transform-origin: center center;
}
.innews .content li .text{
  margin-top: 20px;
  margin-bottom: 20px;
  border-left: 3px solid #999;
  padding-left: 16px;
}
.innews .content li .text span{
  display: block;
  float: right;
  margin-left: 10px;
  padding: 10px 18px;
  font-size: 14px;
  color: #c30707;
  border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border: 1px solid #c30707;
  background-color: transparent;
}
.innews .content li .text h3{
  font-size: 18px;
  color: #221815;
  font-weight: normal;
  line-height: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.innews .content li .text p{
  font-family: 'Arial';
  font-size: 14px;
  color: #afadac;
  margin-top: 5px;
}
.innews .content li a:hover{
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 50%);
            box-shadow: 0 0 10px 0 rgb(0 0 0 / 50%);
}
.innews .content li a:hover .img_box .img{
  transform: scale(1.1) translateZ(0);
  -ms-transform: scale(1.1) translateZ(0);
  -webkit-transform: scale(1.1) translateZ(0);
  -o-transform: scale(1.1) translateZ(0);
  -moz-transform: scale(1.1) translateZ(0);
}
.innews .content li a:hover .text{
    border-color: #c30707;
}
.innews .content li a:hover .text span{
    background-color: #c30707;
    color: #fff;
}





/*foot*/
.foot_gbook{
  overflow: hidden;
  background-image: url(../images/foot_gbook_bg.jpg);
  background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.foot_gbook .intl h5{
  color: rgba(255,255,255,0.5);
}
.foot_gbook .intl h3{
  color: #fff;
}
.foot_gbook .content ul{
  font-size: 0px;
}
.foot_gbook .content li{
  display: inline-block;
  width: 33.33%;
  padding: 0 9px;
}
.foot_gbook .content li input{
  width: 100%;
  height: 73px;
  padding: 25px 20px;
  font-size: 20px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.4);
  border: none;
  outline: none;
}
.foot_gbook .content li input::-webkit-input-placeholder{
  /* WebKit browsers */
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
}
.foot_gbook .content li input:-moz-placeholder{
  /* Mozilla Firefox 4 to 18 */
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
}
.foot_gbook .content li input::-moz-placeholder{
  /* Mozilla Firefox 19+ */
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
}
.foot_gbook .content li input:-ms-input-placeholder{
  /* Internet Explorer 10+ */
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
}
.foot_gbook .content .btn{
  text-align: center;
}
.foot_gbook .content .btn button{
  padding: 16px 42px;
  font-size: 14px;
  color: #fff;
  background-color: #c30707;
  border: none;
  outline: none;
  margin-top: 30px;
  cursor: pointer;
}
.foot_gbook .content .btn button:hover{
    background-color: #ff0113;
}

.foot{
  overflow: hidden;
  position: relative;
  z-index: -2;
  background-color: #35383e;
}
.foot .foot1{
  padding-top: 40px;
  padding-bottom: 52px;
  border-bottom: 1px solid #76787c;
}
.foot .foot1 .foot_nav{
  padding-top: 24px;
}
.foot .foot1 .foot_nav ul{
  float: left;
}
.foot .foot1 .foot_nav li{
  display: inline-block;
}
.foot .foot1 .foot_nav li a{
  display: block;
  font-size: 24px;
  color: #fff;
  margin-right: 30px;
}

.foot .bdsharebuttonbox{
  float: right;
  font-size: 0;
  line-height: 0;
}

.foot .bdsharebuttonbox a{
  display: -moz-inline-stack;
  display: inline-block;
  margin: 0px;
  margin-right: 5px;
  zoom: 1;
}

.foot .bdsharebuttonbox i{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  line-height: 1;
  color: #999;
  font-size: 25px;
  z-index: -1;
}
.foot .bdsharebuttonbox i{
  color: #d7d7d8;
  transition: all .5s;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
}
.foot .bdsharebuttonbox a {
  display: inline-block;
  margin-right: 5px;
  padding: 8px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border: 1px solid #d7d7d8;
  -webkit-transition: color 0.5s, all 0.5s;
  -moz-transition: color 0.5s, all 0.5s;
  -o-transition: color 0.5s, all 0.5s;
  transition: color 0.5s, all 0.5s;
}
.foot .bdsharebuttonbox a:hover {
  border: 1px solid #c30707;
}
.foot .bdsharebuttonbox a:hover i{
  color: #c30707;
}

.foot .bdsharebuttonbox a{
  background: transparent !important;
  text-indent:0 !important;
  width: auto !important;
  height: auto !important;
  line-height: normal !important;
}

#bdshare_weixin_qrcode_dialog {
  height: 268px !important;
}
.bd_weixin_popup .bd_weixin_popup_foot {
  display: none;
}


.foot .foot2{
  padding: 18px 0;
}
.foot .foot2 p{
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}
.foot .foot2 p.link{
  font-size: 0px;
}
.foot .foot2 p.link span{
  margin-right: 10px;
}
.foot .foot2 p.link span:first-child{
  margin-right: 0px;
}
.foot .foot2 span{
  display: inline-block;
  zoom: 1;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-right: 20px;
}
.foot .foot2 span a{
  font-size: 16px;
  color: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.foot .foot2 span a:hover{
  color: #c30707;
}



/*内页*/

.page_banner{
  position: relative;
  padding-top: 23%;
  background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page_banner h3{
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  font-size: 54px;
  color: #fff;
  opacity: .8;
  -moz-opacity: .8;
  -khtml-opacity: .8;
  filter: alpha(opacity=80);
}
.page_banner .title{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 80px;
  padding: 0 20px;
  text-align: center;
  margin-bottom: 25px;
}
.page_banner .title h4{
  font-size: 48px;
  color: #fff;
  margin-bottom: 8px;
}
.page_banner .title p{
  font-size: 16px;
  color: #fff;
}

/*联系我们*/
.contact .left{
  padding-left: 12%;
  padding-top: 8%;
}
.contact h3{
  font-size: 32px;
  color: #323232;
  margin-bottom: 39px;
}
.contact ul{
  border-top: 1px solid #e8e8e8;
  padding: 23px 0 10px;
}
.contact li{
  font-size: 16px;
  color: #787878;
  margin-bottom: 11px;
}
.contact li p{}

.contact .right{
  width: 50%;
}
.contact #dituContent{
  height: 752px;
}
.contact #dituContent img{
  max-width: none;
}

.contact #dituContent .anchorBL img{
  display: none;
}
.contact .iw_poi_title{
  font-size: 20px;
  color: #616161;
}
.contact .iw_poi_content{
  font-size: 16px;
  color: #787878;
}
.contact .name{
  display: inline-block;
  zoom: 1;
  border-right: 1px solid #e0e0e0;
  padding-right: 45.5px;
}
.contact #go_there{
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  font-size: 16px;
  color: #787878;
  padding: 0 15px;
}
.contact #go_there:hover{
  color: #d6000f;
}
.contact #go_there:hover i{
  color: #d6000f;
}
.contact #go_there i{
  display: block;
  font-size: 32px;
  color: #787878;
  transition: all .5s;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
}

/*关于我们*/
.about_main1 .title{
  margin-bottom: 25px;
  text-align: center;
}
.about_main1 .title h3{
  font-size: 48px;
  color: #323232;
  margin-bottom: 8px;
}
.about_main1 .text p{
  font-size: 16px;
  color: #646464;
  line-height: 1.7;
  margin-bottom: 30px;
}
.about_main1 .imgli li{
  float: left;
  width: 33.33%;
  padding: 0 8px;
}
.about_main1 .imgli li .img{
  padding-top: 76%;
  background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.about_main2{
  background-image: url(../images/about_main2_bg.jpg);
  position: relative;
  background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.about_main2 .title{
  margin-bottom: 200px;
  text-align: center;
}
.about_main2 .title h3{
  font-size: 48px;
  color: #fff;
  margin-bottom: 8px;
}
.about_main2 .content li{
  padding-top: 72px;
}
.about_main2 .content li .con{
  position: relative;
  background: url(../images/time_line.png) no-repeat top center;
  -o-background-size: contain;
     background-size: contain;
  padding-top: 68px;
}
.about_main2 .content li .Y{
  position: absolute;
  left: 44%;
  top: -30px;
  font-family: 'Arial';
  font-size: 24px;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.about_main2 .content li .text{
  padding-left: 44%;
  margin-top: 22px;
}
.about_main2 .content li .text h5{
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 16px;
  color: #5b5b5b;
  background: #cdcccc;
  padding: 4px 7px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  margin-bottom: 8px;
}
.about_main2 .content li .text p{
  font-size: 16px;
  color: #fff;
  line-height: 1.7;
}

.about_main2 .content li.swiper-slide-active .con{
  background: url(../images/time_line1.png) no-repeat top center;
  -o-background-size: contain;
     background-size: contain;
}
.about_main2 .content li.swiper-slide-active .Y{
  font-size: 72px;
  color: white;
  top: -76px;
}

.about_main2 .about_main2_next,.about_main2 .about_main2_prev{
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 1000;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  margin-top: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.about_main2 .about_main2_prev{
  left: 2%;
  top: 74px;
}
.about_main2 .about_main2_next{
  right: 2%;
  top: 74px;
}
.about_main2 .about_main2_prev i,.about_main2 .about_main2_next i{
  display: block;
  font-size: 24px;
  color: #fff;
}
.about_main2 .about_main2_prev i{
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}

.about_main2 .about_main2_prev:hover,.about_main2 .about_main2_next:hover {
    background: rgba(93, 93, 93, 0.8);
}

.about_main3 .left{
  width: 50%;
}
.about_main3 .right{
  width: 40%;
  padding-top: 7%;
}
.about_main3 .img img{
  display: block;
}
.about_main3 .text h1{
  font-size: 48px;
  color: #1e1e1e;
}
.about_main3 .text h5{
  display: block;
  font-size: 16px;
  color: #646464;
  margin-bottom: 27px;
}
.about_main3 .text p{
  font-size: 16px;
  color: #646464;
  line-height: 1.7;
}

.about_main4{
  background-color: #001235;
}
.about_main4 .left{
  width: 46%;
  padding-top: 20px;
}
.about_main4 .left h3{
  font-size: 48px;
  color: #fff;
  margin-bottom: 28px;
}
.about_main4 .left p{
  font-size: 16px;
  color: #fff;
  line-height: 2;
}
.about_main4 .left .btn{
  margin-top: 80px;
}
.about_main4 .left .btn a{
  display: inline-block;
  zoom: 1;
  width: 190px;
  padding: 16px 0;
  border: 1px solid #b3b8c3;
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-right: 14px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.about_main4 .left .btn a:hover{
  background: #fff;
  color: #001235;
}
.about_main4 .right{
  width: 32%;
}
.about_main4 .right li{
  position: relative;
  border-bottom: 1px solid #546078;
}
.about_main4 .right li a{
  display: block;
  font-size: 20px;
  color: #fff;
  padding: 21px 0;
  width: 90%;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.about_main4 .right li i{
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 30px;
  color: #fff;
  transform: translate(0, -50%) rotate(90deg);
  -webkit-transform: translate(0, -50%) rotate(90deg);
  -ms-transform: translate(0, -50%) rotate(90deg);
  -moz-transform: translate(0, -50%) rotate(90deg);
  -o-transform: translate(0, -50%) rotate(90deg);
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: all .5s;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
}
.about_main4 .right li:hover i{
  opacity: 1;
}

.about_main5 ul{
  margin: 0 -39px;
}
.about_main5 li{
  float: left;
  width: 50%;
  padding: 0 39px;
}
.about_main5 li .img{
  padding-top: 56%;
  background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.about_main5 li h3{
  font-size: 48px;
  color: #1e1e1e;
  margin: 54px 0 24px;
}
.about_main5 li .text p{
  font-size: 16px;
  color: #646464;
  line-height: 1.7;
}

.about_main6 li{
  float: left;
  width: 50%;
}
.about_main6 li .img1{
  position: relative;
  padding-top: 96%;
  background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.about_main6 li .img2{
  position: relative;
  padding-top: 48%;
  background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.about_main6 li .text{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  padding: 26px 45px;
}
.about_main6 li .text h3{
  font-size: 24px;
  color: #fff;
  margin-bottom: 8px;
}
.about_main6 li .text p{
  font-size: 16px;
  color: #fff;
  font-family: monospace;
  font-size: medium;
  white-space: pre-wrap;
}


.about_main7 .title{
  margin-bottom: 15px;
  text-align: center;
}
.about_main7 .title h3{
  font-size: 48px;
  color: #323232;
  margin-bottom: 8px;
}
.about_main7 .content{
  padding-top: 10px;
}
.about_main7 .content li dl{
  float: left;
  width: 33.333%;
  padding: 0 16px;
}
.about_main7 .content li dl .img{
  position: relative;
  background: #f1f1f1;
  margin-bottom: 32px;
  padding: 38px 30px;
  cursor: pointer;
  transition: all .5s;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
}
.about_main7 .content li dl h2{
  position: relative;
  font-size: 16px;
  color: #787878;
  padding-top: 40px;
  margin-bottom: 4px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.about_main7 .content li dl h2:after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 65px;
  height: 1px;
  background: #d5d5d5;
}
.about_main7 .content li dl h3{
  font-size: 24px;
  color: #1e1e1e;
  margin-bottom: 50px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.about_main7 .content li dl span{
  font-size: 16px;
  color: #787878;
}
.about_main7 .content li dl span i{
  color: #787878;
  font-size: 20px;
  margin-left: 4px;
  vertical-align: top;
}
.about_main7 .content li dl .icon{
  position: absolute;
  right: 23px;
  bottom: 18px;
  width: 74px;
  height: 70px;
  background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.about_main7 .content li dl .img.on{
  height: 518px;
}
.about_main7 .content li dl .img:hover{
  box-shadow: 0 1px 12px 0 rgb(0 0 0 / 30%);
  -moz-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 12px 0 rgb(0 0 0 / 30%);
  -o-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.3);
}
.about_main7 .content .swiper-pagination{
  position: static;
}
.about_main7 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0 8px;
}
.about_main7 .content .swiper-pagination-bullet{
  width: 15px;
  height: 15px;
  border: 1px solid #bebebe;
  color: transparent;
  background-color: transparent;
  opacity: 1;
}
.about_main7 .content .swiper-pagination-bullet-active{
  opacity: 1;
  border-color: #c30707;
  background: #c30707;
}


.about_main8 .title{
  text-align: center;
  margin-bottom: 25px;
}
.about_main8 .title h3{
  font-size: 48px;
  color: #323232;
  margin-bottom: 8px;
}
.about_main8 .content{
  padding-bottom: 125px;
}
.about_main8 .content li .img{
  padding: 0;
  text-align: center;
  height: 125px;
  line-height: 125px;
}
.about_main8 .content li .img img{
  display: inline;
  max-width: 90%;
  max-height: 70%;
  vertical-align: middle;
}
.about_main8 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0 8px;
}
.about_main8 .content .swiper-pagination{
  bottom: 94px;
}
.about_main8 .content .swiper-pagination-bullet{
  width: 15px;
  height: 15px;
  margin: 0 8px;
  border: 1px solid #bebebe;
  color: transparent;
  background-color: transparent;
  opacity: 1;
}
.about_main8 .content .swiper-pagination-bullet-active{
  opacity: 1;
  border-color: #c30707;
  background: #c30707;
}


/*产品列表*/
.proli_tl{
  background-color: #f7f7f7;
  padding: 56px 31%;
  text-align: center;
}
.proli_tl h3{
  font-size: 48px;
  color: #323232;
  margin-bottom: 8px;
}
.proli_tl p{
  font-size: 18px;
  color: #787878;
  line-height: 1.8;
  margin-top: 16px;
  margin-bottom: 25px;
}

.proli_main .proli_nav{
  text-align: center;
  margin-bottom: 56px;
}
.proli_main .proli_nav ul{
  font-size: 0px;
}
.proli_main .proli_nav li{
  display: inline-block;
  cursor: pointer;
}
.proli_main .proli_nav li a{
  display: block;
  font-size: 24px;
  color: #323232;
  padding: 18px 50px;
}
.proli_main .proli_nav li.cur a{
  background-color: #c30707;
  color: #fff;
}
.proli_main .proli_list ul{
  margin: 0 -19px;
}
.proli_main .proli_list li{
  float: left;
  width: 33.33%;
  padding: 0 19px;
  margin-bottom: 43px;
}
.proli_main .proli_list li a{
  position: relative;
  display: block;
  padding-top: 77.5%;
  border: 1px solid #e5e5e5;
}
.proli_main .proli_list li img{
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 90%;
  max-height: 90%;
  display: inline;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.proli_main .proli_list li h3{
  font-size: 22px;
  color: #646464;
  margin-top: 15px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.proli_solu{
  background-image: url(../images/proli_solu_bg.jpg);
  background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.proli_solu .title{
  text-align: center;
  margin-bottom: 25px;
}
.proli_solu .title h3{
  font-size: 48px;
  color: #fff;
  margin-bottom: 8px;
}
.proli_solu .title p{
  font-size: 18px;
  color: #fff;
  line-height: 1.8;
  margin-top: 16px;
}
.proli_solu .content{
  margin: 45px 0 30px;
}
.proli_solu .content li{
  float: left;
  width: 33.33%;
  padding: 0 9px;
  margin-bottom: 9px;
}
.proli_solu .content li a{
  position: relative;
  display: block;
  font-size: 24px;
  color: #12181b;
  background-color: #dcdddd;
  padding: 42px 68px 42px 26px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.proli_solu .content li i{
  position: absolute;
  right: 30px;
  top: 50%;
  font-size: 30px;
  color: #989898;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.proli_solu .content li a:hover{
  color: #fff;
  background-color: #d6000f;
}
.proli_solu .content li a:hover i{
  color: #fff;
}
.proli_solu .more{
  text-align: center;
}
.proli_solu .more a{
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 14px;
  color: #fff;
  border: 1px solid #a6a8aa;
  padding: 12px 42px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.proli_solu .more a:hover{
    border: 1px solid #d6000f;
    background-color: #d6000f;
}


/*产品内页*/

.pro_main{
  position: relative;
}
.pro_nav_h{
  position: relative;
  height: 65px;
}
.pro_nav{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  border-bottom: 1px solid #f3f5f7;
  z-index: 9;
  background: #fff;
}
.pro_nav.qh{
  position: fixed;
  top: 0px;
  -webkit-box-shadow: 0 0 5px #888;
          box-shadow: 0 0 5px #888;
}
.pro_nav .left h3{
  font-size: 24px;
  color: #1e1e1e;
  line-height: 65px;
}
.pro_nav .right {
  position: relative;
  padding-right: 96px;
}
.pro_nav .right li{
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 14px;
}
.pro_nav .right li a{
  position: relative;
  display: block;
  font-size: 16px;
  color: #646464;
  padding: 22px 0;
}
.pro_nav .right li a:after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0;
  height: 2px;
  background-color: #d6000f;
  transition: all .5s;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
}
.pro_nav .right li.current a{
  color: #d6000f;
}
.pro_nav .right li.current a:after{
  left: 0px;
  width: 100%;
}

.pro_main .dw{
  position: absolute;
  top: -100px;
  left: 0px;
}
.pro_main1{
  position: relative;
  margin-bottom: 90px;
}
.pro_main1 .left{
  width: 50%;
  padding: 0 10%;
}
.pro_main1 .left .bd{
  position: relative;
}
.pro_main1 .left .bd li{
  display: none;
  height: 688px;
  line-height: 688px;
  text-align: center;
}
.pro_main1 .left .bd li img{
  max-width: 90%;
  max-height: 90%;
  vertical-align: middle;
}
.pro_main1 .left .hd li{
  width: 20%;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  height: 124px;
  line-height: 124px;
  border: 1px solid #dedede;
  text-align: center;
  margin: 0 2% 4%;
}
.pro_main1 .left .hd li.on{
  border: 3px solid #d6000f;
}
.pro_main1 .left .hd li img{
  display: inline-block;
  max-width: 90%;
  max-height: 90%;
  vertical-align: middle;
}
.pro_main1 .left .bd .pro_btn{
  margin-top: 10px;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: -100px;
}
.pro_main1 .left .bd .pro_btn a.price {
  width: 100px;
  display: inline-block;
  font-size: 0;
  height: 103px;
  background: url(../images/sub.png) no-repeat left top;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}

.pro_main1 .right{
  width: 50%;
  background-color: #f3f5f7;
  padding: 6% 7%;
}
.pro_main1 .right>h3{
  font-size: 48px;
  color: #1e1e1e;
  padding-bottom: 12px;
  margin-bottom: 22px;
  border-bottom: 1px solid #d8dadd;
}
.pro_main1 .right .text p{
  font-size: 16px;
  color: #646464;
  line-height: 1.7;
  margin-bottom: 30px;
}

.pro_main2{
  /*line-height: 2em;*/
  font-size: 14px;
  position: relative;
  color: #666;
  margin-bottom: 90px;
}
.pro_main2 .title{
  font-size: 48px;
  color: #1e1e1e;
  /*border-bottom: 1px solid #e1e1e4;*/
  padding-bottom: 15px;
}
.pro_main2 h3{
  font-size: 32px;
  color: #1E4AA0;
  margin-bottom: 10px;
}
.pro_main2 p{
  font-size: 16px;
}
.pro_main2 .content{
  /*overflow-x:scroll*/
}
.pro_main2 .content::-webkit-scrollbar {
/*滚动条整体样式*/
  width: 4px;
 /*高宽分别对应横竖滚动条的尺寸*/
  height: 8px;
}

.pro_main2 .content::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #aaa;
}

.pro_main2 .content::-webkit-scrollbar-track {
/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 1px;
  background: #fff;
}
.pro_main2 table{
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #333 !important;
}
.pro_main2 table tr{
  border: 1px solid #333 !important;
}
.pro_main2 table td{
  font-size: 16px;
  line-height: 32px;
  border: 1px solid #333 !important;
  padding: 5px;
}
.pro_main2 table.tb1 td{
  padding-left: 20px;
  color: #231F20;
}
.pro_main2 table.tb1 .firstRow{
  background-color: #1E4AA0 !important;
}
.pro_main2 table.tb1 .firstRow td{
  color: #fff !important;
  font-size: 24px;
  line-height: 32px;
}
.pro_main2 table.tb1 tr:nth-child(2n+1){
  background-color: #E6E7E9;
}

.pro_main2 table.tb2{
  border: 1px solid #939598;
}
.pro_main2 table.tb2 td{
  color: #231F20;
  border-left: 1px solid #939598;
  text-align: center;
}
.pro_main2 table.tb2 .firstRow{
  background-color: #1E4AA0 !important;
}
.pro_main2 table.tb2 .firstRow td{
  color: #fff !important;
  font-size: 18px;
  line-height: 32px;
}
.pro_main2 table.tb2 tr:nth-child(2n+1){
  background-color: #E6E7E9;
}

.pro_main2 table.tb3{
  width: 100%;
  text-align: left;
  border: 1px solid #939598;
}
.pro_main2 table.tb3 td{
  padding-left: 10px;
  color: #231F20;
  border-left: 1px solid #fff;
}
.pro_main2 table.tb3 td:nth-child(1){
  width: 35%;
  background-color: #1E4AA0;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.pro_main2 table.tb3 tr:nth-child(2n+1){
  background-color: #E6E7E9;
}

.pro_main3{
  position: relative;
  margin-bottom: 110px;
}
.pro_main3 .title{
  font-size: 48px;
  color: #1e1e1e;
  padding-bottom: 15px;
}
.pro_main3 .content{
    position: relative;
    background-color: #f3f5f7;
    padding: 0 44px;
}
.pro_main3 .content h3{
  float: left;
    font-size: 24px;
    color: #646464;
    line-height: 110px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    width: 68%;
}
.pro_main3 .content a{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    line-height: 110px;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0 74px;
    font-size: 24px;
    color: #fff;
    background-color: #d6000f;
}
.pro_main3 .content a i{
    font-size: 24px;
    color: #fff;
    margin-right: 10px;
}


/*解决方案*/
.soluli_title{
  text-align: center;
}
.soluli_title h3{
  font-size: 48px;
  color: #323232;
  margin-bottom: 8px;
}
.soluli_title p{
  font-size: 18px;
  color: #787878;
  line-height: 1.8;
  margin-top: 16px;
}

.soluli_main{
  padding: 34% 0 4%;
  background-image: url(../images/proli_solu_bg.jpg);
  background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.soluli_main .title{
  text-align: center;
  margin-bottom: 25px;
}
.soluli_main .title h3{
  font-size: 48px;
  color: #fff;
  margin-bottom: 8px;
}
.soluli_main .title p{
  font-size: 18px;
  color: #fff;
  line-height: 1.8;
  margin-top: 16px;
}
.soluli_main .content{

}
.soluli_main .content li{
  float: left;
  width: 33.33%;
  padding: 0 9px;
  margin-bottom: 9px;
}
.soluli_main .content li a{
  position: relative;
  display: block;
  font-size: 24px;
  color: #12181b;
  background-color: #dcdddd;
  padding: 42px 68px 42px 26px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.soluli_main .content li i{
  position: absolute;
  right: 30px;
  top: 50%;
  font-size: 30px;
  color: #989898;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.soluli_main .content li a:hover{
  color: #fff;
  background-color: #d6000f;
}
.soluli_main .content li a:hover i{
  color: #fff;
}

.soluli_main1{
  background-image: url(../images/proli_solu_bg.jpg);
  position: relative;
  overflow: hidden;
  clear: both;
  background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 8% 5% 8% 0;
}
.soluli_main1 .content{
  float: right;
  background-color: #565656;
  width: 30%;
  padding: 82px 60px 54px;
}
.soluli_main1 .content h3{
  font-size: 48px;
  color: #fff;
  margin-bottom: 23px;
}
.soluli_main1 .content ul{
  height: 324px;
}
.soluli_main1 .content li{
  padding: 4px 0;
}
.soluli_main1 .content li a{
  position: relative;
  width: 100%;
  display: block;
  font-size: 20px;
  color: #fff;
  padding: 9px 37px 9px 15px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.soluli_main1 .content li a i{
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 24px;
  color: #fff;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.soluli_main1 .content li a:hover {
  background-color: #d6000f;
}
.soluli_main1 .content li a:hover i{
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
}
.soluli_main1 .content a.return{
  display: block;
  font-size: 16px;
  color: #fff;
  text-align: right;
  margin-top: 16px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.soluli_main1 .content a.return:hover {
  color: #d6000f;
}


/*解决方案内页*/
.solu_main img{
  display: block;
}
.solu_main .left{
  width: 45.833%;
  padding: 0 5px;
  min-height: 1px;
}
.solu_main .left>h3{
  font-size: 48px;
  color: #1e1e1e;
  margin-bottom: 28px;
}
.solu_main .left .text p{
  font-size: 16px;
  color: #646464;
  line-height: 1.8;
  margin-bottom: 30px;
}
.solu_main .right{
  width: 50%;
  padding: 0 5px;
  min-height: 1px;
  margin-left: 4.166%;
}
.solu_img .img{
  
}
.solu_img .img{
  padding-top: 38%;
  background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.solu_text{
  background-color: #565656;
}
.solu_text .wp76{
  position: relative;
}
.solu_text h3{
  font-size: 48px;
  color: #fff;
  margin-bottom: 27px;
}
.solu_text p{
  font-size: 16px;
  color: #fff;
  line-height: 1.7;
}

.solu_list .title{
  text-align: center;
  margin-bottom: 25px;
}
.solu_list .title h3{
  font-size: 48px;
  color: #323232;
  margin-bottom: 8px;
}
.solu_list .content{
  position: relative;
  padding: 0 110px;
}
.solu_list .content li a{
  display: block;
}
.solu_list .content li .imgbox{
  overflow: hidden;
  position: relative;
  background-color: #fff;
  padding-top: 75%;
  transition: all .5s;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
}
.solu_list .content li .imgbox .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-background-size: cover;
     background-size: cover;
  webkit-transition: -webkit-transform .8s ease;
  transition: -webkit-transform .8s ease;
  -webkit-transition: -webkit-transform .8s ease;
  -o-transition: -o-transform .8s ease;
  -moz-transition: transform .8s ease, -moz-transform .8s ease;
  transition: transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease, -moz-transform .8s ease, -o-transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
   -ms-transform-origin: center center;
    -o-transform-origin: center center;
       transform-origin: center center;
}
.solu_list .content li a:hover .imgbox .img {
  transform: scale(1.1) translateZ(0);
  -ms-transform: scale(1.1) translateZ(0);
  -webkit-transform: scale(1.1) translateZ(0);
  -o-transform: scale(1.1) translateZ(0);
  -moz-transform: scale(1.1) translateZ(0);
}
.solu_list .content li h3{
    font-size: 24px;
    color: #565656;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 14px;
}
.solu_list .content .solu_list_prev,.solu_list .content .solu_list_next{
  position: absolute;
  top: 50%;
  right: 10px;
  cursor: pointer;
  padding: 10px 0;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.solu_list .content .solu_list_prev{
  right: auto;
  left: 10px;
  -webkit-transform: translateY(-50%) rotate(180deg);
     -moz-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
       -o-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.solu_list .content .solu_list_prev i,.solu_list .content .solu_list_next i{
  font-size: 38px;
  color: #666;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.solu_list .content .solu_list_prev:hover i,.solu_list .content .solu_list_next:hover i{
  color: #c30707;
}

/*案例展示*/

.caseli{
  background: #f3f5f7;
}
.caseli ul{
  margin: 0 -24px;
}
.caseli li{
  float: left;
  width: 50%;
  padding: 0 24px;
  margin-bottom: 48px;
}
.caseli li a{
  display: block;
  background-color: #fff;
  padding: 82px 72px 0;
  transition: all .5s;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
}
.caseli li h3{
  font-size: 36px;
  color: #323232;
  margin-bottom: 10px;
  height: 2.6em;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.caseli li p{
  font-size: 16px;
  color: #787878;
  line-height: 2;
  margin-bottom: 25px;
  height: 6em;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.caseli li span{
  font-size: 14px;
  color: #d6000f;
}
.caseli li .line{
  width: 30%;
  height: 1px;
  background-color: #d9d9d9;
  margin-top: 86px;
}
.caseli li .img{
  height: 190px;
  line-height: 190px;
}
.caseli li .img img{
  max-height: 90%;
  vertical-align: middle;
}

.caseli .more{
  display: block;
  width: 100%;
  color: #787878;
  border: 1px solid #ddd;
  padding: 16px 50px;
  cursor: pointer;
  background-color: transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.caseli .more:hover{
  background-color: #d6000f;
  border: 1px solid #d6000f;
  color: #fff;
}


/*案例内页*/
.case_main{
  padding: 92px 19% 77px;
  background-color: #f3f5f7;
  text-align: center;
}
.case_main .title{
  text-align: center;
  margin-bottom: 35px;
}
.case_main .title h3{
  font-size: 36px;
  color: #323232;
  margin-bottom: 10px;
}
.case_main .title p{
  font-size: 16px;
  color: #787878;
  margin: 0 7px;
}
.case_main .title p span{
  display: inline-block;
  width: 17px;
}
.case_main .content img{
  margin-bottom: 44px;
  max-width: 100%;
}


/*新闻中心*/
.newsli{
  background-color: #f3f5f7;
}
.newsli li{
  margin-bottom: 38px;
}
.newsli li a{
  display: block;
  position: relative;
  background-color: #fff;
}
.newsli li .left{
  position: absolute;
  left: 4%;
  top: 32%;
  width: 53%;
  transition: all .5s;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
}
.newsli li h5{
  font-size: 12px;
  color: #787878;
}
.newsli li h3{
  font-size: 36px;
  color: #323232;
  margin-bottom: 30px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.newsli li p{
  font-size: 16px;
  color: #787878;
  line-height: 1.7;
  margin-bottom: 0;
  height: 0;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: all .5s;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  max-height: 8.4em;
}
.newsli li span{
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 14px;
  color: #787878;
  border: 1px solid #bbb;
  padding: 10px 26px;
  transition: all .5s;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
}
.newsli li .imgbox{
  float: right;
  width: 35%;
  position: relative;
  display: block;
  text-align: center;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.newsli .imgbox .img{
  padding-top: 79%;
  background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  webkit-transition: -webkit-transform .8s ease;
  transition: -webkit-transform .8s ease;
  -webkit-transition: -webkit-transform .8s ease;
  -o-transition: -o-transform .8s ease;
  -moz-transition: transform .8s ease, -moz-transform .8s ease;
  transition: transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease, -moz-transform .8s ease, -o-transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
   -ms-transform-origin: center center;
    -o-transform-origin: center center;
       transform-origin: center center;
}

.newsli li a:hover{
  box-shadow: 0 1px 12px 0 rgb(0 0 0 / 30%);
  -moz-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 12px 0 rgb(0 0 0 / 30%);
  -o-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.3);
}
.newsli li a:hover .left{
  top: 13%;
}
.newsli li a:hover p{
  margin-bottom: 30px;
  height: auto;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
}
.newsli li a:hover span{
  background-color: #d6000f;
  border: 1px solid #d6000f;
  color: #fff;
}
.newsli li a:hover .imgbox .img{
  transform: scale(1.1) translateZ(0);
  -ms-transform: scale(1.1) translateZ(0);
  -webkit-transform: scale(1.1) translateZ(0);
  -o-transform: scale(1.1) translateZ(0);
  -moz-transform: scale(1.1) translateZ(0);
}

.newsli .more{
  display: block;
  width: 100%;
  color: #787878;
  border: 1px solid #ddd;
  padding: 16px 50px;
  cursor: pointer;
  background-color: transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.newsli .more:hover{
  background-color: #d6000f;
  border: 1px solid #d6000f;
  color: #fff;
}


/*新闻内页*/
.news_main{
  padding: 92px 19% 77px;
  background-color: #f3f5f7;
  text-align: center;
}
.news_main .title{
  text-align: center;
  margin-bottom: 35px;
}
.news_main .title h3{
  font-size: 36px;
  color: #323232;
  margin-bottom: 10px;
}
.news_main .title p{
  font-size: 16px;
  color: #787878;
  margin: 0 7px;
}
.news_main .title p span{
  display: inline-block;
  width: 17px;
}
.news_main .content p {
  text-align: left;
  font-size: 16px;
  color: #787878;
  line-height: 2;
  margin-bottom: 44px;
}
.news_fy{
  position: relative;
  background-color: #fff;
  padding: 23px 36px;
}
.news_fy li{
  font-size: 16px;
  color: #323232;
  font-weight: bold;
  margin-bottom: 13px;
  text-align: left;
  width: 80%;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.news_fy li a{
  font-size: 16px;
  color: #787878;
  text-decoration: underline;
  font-weight: normal;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.news_fy .back{
  display: inline-block;
  position: absolute;
  right: 40px;
  top: 50%;
  font-size: 14px;
  color: #787878;
  border: 1px solid #d7d7d7;
  padding: 10px 25px;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.news_fy li a:hover {
  color: #d6000f;
}
.news_fy .back:hover{
  background-color: #d6000f;
  border: 1px solid #d6000f;
  color: #fff;
}











/*右侧悬浮*/
.floot_right{
  position: fixed;
  z-index: 999;
  bottom: 30%;
  right: 0px;
}
.floot_right ul{
  width: 65px;
  padding: 10px 0;
  background-color: #2c65d2;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.floot_right ul li{
  position: relative;
  width: 100%;
  height: 55px;
  /*background-color: #1E4AA0;*/
  /*box-shadow: 0px 0px 3px rgba(0,0,0,0.3);*/
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.floot_right ul li:hover{
  background-color: #1E4AA0;
}
.floot_right ul li a{
  display: block;
}
.floot_right ul li.gotop{
  background-color: #333;
  overflow: hidden;
  height: 0px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
/*.floot_right ul li:hover{
  background-color: #f34f24 !important;
}*/
.floot_right ul li .con i{
  display: block;
  font-size: 30px;
  line-height: 55px;
  text-align: center;
  color: #fff;
}
.floot_right ul li .con h5{
  font-size: 12px;
  color: #fff;
  line-height: 23px;
  text-align: center;
}
.floot_right ul li .fl_tc{
  position: absolute;
  top: 50%;
  right: 65px;
  background-color: #1E4AA0; 
  padding: 5px 24px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.floot_right ul li.code .fl_tc{
  padding: 15px;
}
.floot_right ul li .fl_tc h4{
  white-space:nowrap;
  color: #fff;
  font-size: 24px;
  line-height: 45px;
}
.floot_right ul li .fl_tc img{
  display: block;
  width: 105px;
  height: 105px;
  max-width: none;
}
.floot_right ul li .fl_tc a{
  display: block;
  white-space:nowrap;
  color: #fff;
  font-size: 20px;
  line-height: 45px;
}
.floot_right ul li:hover .fl_tc{
  opacity: 1;
  right: 65px;
  visibility: visible;
}
/*.floot_right ul li .fl_tc:after{
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  border: 5px solid transparent;
  border-left: 5px solid #c62721;
  transform: translateY(-50%);
}
.floot_right ul li .fl_tc:before{
  content: "";
  position: absolute;
  top: 0px;
  right: -10px;
  height: 100%;
  width: 10px;
}*/