@charset "utf-8";
html,body{ font-family: "SourceHanSansCN-Regular"; color:#151515; font-size:14px;  -webkit-text-size-adjust:none; min-width:1200px; padding:0; margin:0;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0; font-weight:normal;
}
input,textarea {border: 2 none; box-shadow: none; outline: none;}
/* 设置默认字体 */
body,button, input, select, textarea { color: #666;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;}
/* 重置列表元素 */
ul, ol ,li{list-style: none;}
/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#910800;}
/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}


/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}


/*清除浮动*/
.clearfix:after{ clear:both;}
.clear{clear: both;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.b-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.clearafter:after { content:"."; display:block; height:0; visibility:hidden; clear:both;  }





.boxed {
    margin-left: 80px;
    margin-right: 80px; padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.services-post{ clear:both; width: 1200px; margin: 0px auto 70px; position: relative;}
.services-post:nth-child(1) .image-post,.services-post:nth-child(3) .image-post,.services-post:nth-child(5) .image-post{ float: right;}
.services-post .image-post{ float:left; width:40%; }
.services-post .image-post img{ object-fit:cover; height:100%; width:100%;}
.services-post .services-text{ float:left; width:60%; padding:0px 80px; height:450px;}
.services-post .desc {  padding: 80px 0;}
.services-post .desc .title-block-number {  margin-bottom: 30px;  padding-left: 0px;  position: relative;}
.services-post .desc .title-block-number .title-with-sub {color: #333131;  letter-spacing: 3px; font-size: 31px;  margin-bottom: 0; padding-top: 10px;}
.services-post .desc .title-block-number span.sub-title { font-size: 16px;     color: #999494; font-weight: 500;}
.services-post .desc p{line-height: 30px; color: #999494;}

.ot-btn {    margin-top: 30px;
  font-size: 14px;
  text-align: center;
  padding: 0 45px;
  line-height: 50px;
  outline: none;
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
  display: inline-block;
  position: relative;
  color: #999494;
}
.ot-btn:hover,
.ot-btn:focus {
  text-decoration: none;
}
.border-dark:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 25px;
  border: 2px solid #999494;
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
  border-right: 0;
  border-bottom: 0;
  content: "";
}
.border-dark:after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 55px;
  height: 25px;
  border: 2px solid #999494;
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
  border-left: 0;
  border-top: 0;
  content: "";
}
.border-dark:hover:after,
.border-dark:hover:before {
  width: 100%;
  height: 100%;
  border-color: #ff7400;
}
.border-dark:hover {
  color: #ff7400;
}
.border-theme:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 25px;
  border: 2px solid #ff7400;
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
  border-right: 0;
  border-bottom: 0;
  content: "";
}
.border-theme:after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 55px;
  height: 25px;
  border: 2px solid #ff7400;
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
  border-left: 0;
  border-top: 0;
  content: "";
}
.border-theme:hover:after,
.border-theme:hover:before {
  width: 100%;
  height: 100%;
  border-color: #ff7400;
}
.ot-btn-classic {
  font-size: 14px;
  text-align: center;
  padding: 0 25px;
  line-height: 40px;
  color: #fff;
  background: #ff7400;
  display: inline-block;
}
.ot-btn-classic:hover,
.ot-btn-classic:focus {
  text-decoration: none;
  background: #cc5d00;
  color: #fff;
}
.ot-btn-border-classic {
  font-size: 14px;
  text-align: center;
  padding: 0 25px;
  line-height: 36px;
  color: #999494;
  border: 2px solid #999494;
  display: inline-block;
}
.ot-btn-border-classic:hover,
.ot-btn-border-classic:focus {
  text-decoration: none;
  border-color: #ff7400;
  color: #ff7400;
}
.btn-style-2 {
  color: #ff7400;
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
}
.btn-style-2:before {
  position: absolute;
  top: 0;
  left: -webkit-calc(5% + 45px);
  left: calc(5% + 45px);
  width: -webkit-calc(90% - 90px);
  width: calc(90% - 90px);
  height: 0;
  border: 2px solid #ff7400;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  content: "";
  -webkit-transition: left 0.3s ease-out, width 0.3s ease-out, height 0.3s ease-out 0.3s;
          transition: left 0.3s ease-out, width 0.3s ease-out, height 0.3s ease-out 0.3s;
}
.btn-style-2:after {
  position: absolute;
  bottom: 0;
  left: -webkit-calc(5% + 45px);
  left: calc(5% + 45px);
  width: -webkit-calc(90% - 90px);
  width: calc(90% - 90px);
  height: 0;
  border: 2px solid #ff7400;
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  content: "";
  -webkit-transition: left 0.3s ease-out, width 0.3s ease-out, height 0.3s ease-out 0.3s;
          transition: left 0.3s ease-out, width 0.3s ease-out, height 0.3s ease-out 0.3s;
}
.btn-style-2:hover {
  color: #ff7400;
}
.btn-style-2:hover:before {
  width: 100%;
  height: 50%;
  left: 0;
  border: 2px solid #ff7400;
  border-bottom: 0;
}
.btn-style-2:hover:after {
  width: 100%;
  height: 50%;
  left: 0;
  border: 2px solid #ff7400;
  border-top: 0;
}
/* Button */
.btn-contact {
  background: transparent;
  border: 0;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 30px;
}



.bg-top-right-services {
    background: url(../images/bg-services.png) no-repeat;
    background-position: center right;
    -webkit-background-origin: content-box;
    background-origin: content-box;    padding: 0px 0 80px 0;
}
.bg-top-right-services h2 {color: #333131;
    font-size: 38px;
    margin-bottom: 40px;
    letter-spacing: 3px;
}
.bg-top-right-services h5 {color: #333131;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 500;
}
 .bg-top-right-services p {   font-size: 14px;
    line-height: 30px;
    color: #999494;}
.icon-box-block {
  position: relative;
  padding: 20px 0;
}
.icon-box-block img,
.icon-box-block span {
  height: 60px;
  margin-bottom: 20px;
}


.item-testimonial-1 h2 {
    font-size: 24px;
    line-height: 57px;
    color: #fffdfc;
    letter-spacing: 3px; margin-bottom: 40px;
}
.item-testimonial-1 p {
    margin: 30px auto;
    max-width: 700px;line-height: 30px;
    color: #999494;
}
.item-testimonial-1 strong {
    color: #fff;
    margin-right: 10px;
}
.item-testimonial-1 span {color: #999494;}

.btn-1.prev {
    left: 60px;
}
.btn-1.next {
    right: 60px;
}
.btn-1 {
    position: absolute;
    top: 50%;
    font-size: 60px;
    color: #999494;
    opacity: .8;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}


footer {
    background: #333131; margin-top: 60px;
    
    display: inline-block;
    width: 100%;
    vertical-align: top;
    position: relative;
}
.footer-home-1 .footer-inner {
    padding: 25px 80px;
}


.footer-home-1 .logo {
    float: left;
    padding-right: 50px;
}



.footer-home-1 .footer-link-2 {
    float: left;
}
.footer-link-2 li {
    display: inline-block;
}
.footer-link-2 li a {
    color: #999494;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    line-height: 100px;
    padding: 0 30px;
}
.footer-link-2.on-light li a:hover {
  color: #333;
}

.footer-home-1 .widget-social-list {
    float: right;
}

.widget-social-list li {
    display: inline-block;
}
.widget-social-list li a {
    color: #999494;
    font-size: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 0 20px;
    line-height: 100px;
}
.widget-social-list li a:hover {
  color: #ff7400;
}


.footer-home-1 .copyright {    color: #999494;
    float: right;
    padding-top: 25px;
    line-height: 28px;
}

/* -- 页面整体布局 -- */
.content , .footer { width:1200px; margin:0 auto;  }

/* function */
h2 a:hover{ text-decoration: none;}
input,textarea{ outline:none; }
textarea{ resize:none;}
em{ font-style: normal;}
.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden; content:".";}
.f_cb,.f_cbli li{zoom:1;}
.f_ib{display:inline-block;*display:inline;*zoom:1;}
.f_dn{display:none;}
.f_db{display:block;}
.f_pr{position:relative;}
.f_pa{position:absolute;}
.f_fl{float:left;}
.f_fr{float:right;}
.f_prz{position:relative;zoom:1;}
.f_oh{overflow:hidden;}
.f_fa{font-family:Arial, Helvetica, sans-serif;}
.f_fw{ }

.f_pr{position:relative;}
.f_pa{position:absolute;}

em{font-style:normal;}

.g_top{ height:100px; background: #fff;    line-height: 0;    vertical-align: top;   display: inline-block;   width: 100%;}
.g_top .m_top{height: 100px; margin:0px 80px;}
.top_c .tlogo{ float:left; }
.top_c .tlogo img{ display:block; height:100px; }
.top_c h2{ float:left; height:60px; margin:25px 0 0px 30px; color: #000; font-size: 20px; }
.top_c h2 em{ display:block; color:#666666; font-weight:normal; font-size: 14px; padding-top: 3px; }
.top_c p{ float:right; margin:35px 0 0 0 ;padding: 0 0 0 55px; background:url(../images/tel.jpg) no-repeat left 2px; line-height:48px; }
.top_c p b{display: block; color:#333333; font-size:26px;font-weight: normal;}
.top_c p span{ display:block; font-size:26px; color:#171c60; }
.g_nav{height:100px; line-height: 100px; float:right; }
.g_nav li{position: relative; float:left; font-size:16px; }
.g_nav li a{ display:block;float: left; padding: 0 20px; color:#151515; line-height:100px; text-decoration: none;}
.g_nav li a:hover,.g_nav .active a{color: #eb3505;}

header.fixed-top{z-index: 999;    position: fixed;
    -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 18%);
    box-shadow: 0 1px 4px rgb(0 0 0 / 18%);}
   


.index-banner{ margin:0px 80px; height:calc(100vh - 160px)}    
.index-banner .swiper-pagination{bottom: 25px!important;}
.index-banner .swiper-pagination .swiper-pagination-bullet{ opacity: 1; margin: 0px 6px !important; position: relative; height: 10px; width: 10px; background: #fff;}
.index-banner .swiper-pagination .swiper-pagination-bullet:after{ background:rgba(255,255,255,.2); border-radius: 100%; height: 18px; width: 18px; left: -4px; top: -4px; z-index: -1; position: absolute; content: ""; display: block;}
.index-banner .swiper-pagination .swiper-pagination-bullet-active{ background: #ffbd05; }
 
 
 .banner .slick-arrow {
            position: absolute;font-size: 0;
            top: 50%; 
            z-index:12;
            width: 100px;
            height: 100px;
            margin-top: -42px;
            border: 0;
        }
        .banner .slick-prev {outline: none;
            left: 5%; display: none; background:none; position: absolute;top:50%;margin-top:-42px; font-size:0;border: none; z-index:12;
           background:url(../images/probt1.png) no-repeat;width:30px;height: 84px;
        }
        .banner .slick-next {outline: none;
            right: 5%; display: none;background:none;position: absolute;top:50%;margin-top:-42px; font-size:0;border: none; z-index:12;
           background:url(images/probt2.png) no-repeat;width:30px;height: 84px;
        }   

    .banner img {
            display: block;
            width: 100%;
            margin:0 auto;
        }
      
       .slick-dots {
            position: absolute;
            left: 0; font-size:0;
            bottom: 5%;
            width: 100%;
            text-align: center;
            outline: none;
            
        }
        .slick-dots li {
            display: inline-block;
            margin: 0 15px; outline: none;
        }
        .slick-dots li button {
            display: block;
            border: 0 none;width: 15px;height: 15px;
            color: #fff; border-radius: 50%;
            background-color: #fff;
            outline: none; 
        }
        .slick-dots .slick-active button {
            background-color: #0f3dc4;width:60px;border-radius: 30px;
        }
        


  .g_ser{height: 86px;line-height:86px;border-bottom: 1px solid #d9d9d9; }
  .h_sea{ height:86px;line-height: 86px; overflow:hidden; color:#666666; font-size: 14px;}
  .h_sea b{font-weight: normal; color: #333333;}
  .inp01{height:35px;line-height:35px;   padding-left: 20px; width:246px;float:left;color:#999999; font-size: 14px;  border: none; background: none; font-family:"Microsoft Yahei"}
  .s_ss{float:left; width:38px; height:35px; background: none;border: none; cursor: pointer;}
  .key a{color:#666666;padding:0 15px;}
  .key a:hover{color:#f08700;}
  .key .lasta{background: none;}
  .s_inp{ margin-top:30px; background:url(../images/serbg.jpg) no-repeat; width: 312px;height: 35px;}
  

.xclst li{width:200px;margin-right:68px;}
.xclst li img{width:200px; height:266px;display:block; border:1px solid #ccc;}
.xclst li em{width:200px;}



      .g_ft{ height:374px; background: #000;}
      .g_ft .m_fnav{  height:88px; line-height:88px; color:#f18700; text-align: center; }
      .g_ft .m_fnav a{ color:#fff; padding:0 56px 0 0;  font-size: 16px; font-weight: normal;display: inline-block;}
      .g_ft .m_fnav a:hover{color:#f18700;}
      .g_ft .f_ftcon{float: left;color:#fff;  padding: 47px 0 0 285px; width: 590px;  line-height: 40px; font-size: 14px;    }
      .g_ft .f_ftcon a{ color:#f18700; display: inline-block;}
      .g_ft .flogo{ left:0; top:139px;}
      .g_ft .flogo em{display: block;font-size: 18px;font-weight: bold;color:#f18700;}
      .g_ft .m_code{float: right;width: 282px;padding: 56px 0 0 0;}
      .g_ft .codelst li{float: left;width: 118px;height: 118px;margin-right: 36px;}
      .g_ft .codelst li img{width: 118px;height: 118px;display: block;}
      .g_ft .codelst .code2{margin-right: 0;}
      .g_ft .codelst li em{display: block;height: 32px;line-height: 32px;text-align: center;font-size: 14px;color:#fff;background: #3b3b3b;}





      

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #171c61;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #171c61;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    



.index_about{height: 686px;padding-top: 110px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.index_about .about_l{ float:left; width:60%}
.index_about .about_r{ float:left; width:40%}
.index_about .about_r img{ width:100%;}
.index_about h2{position: relative;font-size: 36px;color: #000;width:566px;padding-top: 12px;margin-bottom: 42px;animation-delay: 0.1s;}
.index_about h2 em{display: block;font-size: 28px;color:#222222;font-weight: normal;}
.index_about h2:before{content: "";position: absolute;background:url(../images/ppico1s.png) no-repeat;width:22px;height: 12px;left:0;top:147px;}
.index_about p{font-size: 16px;line-height: 36px;color:#666666;width:566px;margin-bottom: 58px;animation-delay: 0.2s;}

.index_about li{position: relative;float: left;width:220px;text-align:center;font-size: 24px;color:#171c61;}
.index_about li a{color:#151515;}
.index_about li i{display: block;width:60px;height: 60px;overflow: hidden;margin:0 auto;}
.index_about li:hover i img,.g_pp .cur i img{margin-left: -60px;}
.index_about li:nth-child(1){width:104px;padding-right: 48px;}
.index_about li:before{content: "";position: absolute;width:1px;height: 76px;background: #eaeaea;right:0;top:8px;}
.index_about li:nth-child(4):before{background: none;}
.index_about li:hover a,.index_about .cur a{color:#eb3505;}
.index_about li:nth-child(1){animation-delay: 0.1s;}
.index_about li:nth-child(2){animation-delay: 0.2s;}
.index_about li:nth-child(3){animation-delay: 0.3s;}




.index_product{background: #f3f3f3;padding-top: 94px;padding-bottom: 65px;}
.index_product h2 a{display: block;height: 156px;text-align:center;font-size: 36px;color:#222;position: relative;}
.index_product h2 em{display: block;font-size: 18px;color:#454545;font-weight: normal;}
.index_product h2 a:before{content: "";position: absolute;background:url(../images/tit.png) no-repeat;width:1200px;height: 26px;left:0;top:107px;}
.index_product .m_fl{height: 217px;}
.index_product .m_fl dl{height: 64px;line-height: 64px;}
.index_product .m_fl dt{float: left;width:222px;height: 64px;line-height: 64px;border-bottom: 1px solid #0b0e39;border-top: 1px solid #232a87;background: #171c61;padding-left: 70px;position: relative;font-size: 18px;color:#fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.index_product .m_fl dt i{position: absolute;left:30px;top:20px;line-height:0;}
.index_product .m_fl dt a{color: #fff;}
.index_product .m_fl dd{float: left;width:976px;border-top: 1px solid #fff;border-bottom: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;}
.index_product .m_fl dd a{display: block;float: left;width: 195px;height: 62px;line-height: 62px;border-left: 1px solid #dfdfdf;border-right: 1px solid #fff; font-size: 16px;color:#333333;text-align:center;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.index_product .m_fl dl:nth-child(1) dd a{border-top:1px solid #dfdfdf;}
.index_product .m_fl dl:nth-child(3) dd a{border-bottom:1px solid #fff;}
.index_product .m_fl dl dd a:hover{color:#f08700;font-weight: bold;}

.fltj{float: left;width: 48.8%;overflow: hidden; height:700px; position:relative;}
.fltj img{width:100%;height:700px; object-fit:cover;display: block;transition: all 0.3s linear 0s;}
.fltj p{ position:absolute; bottom:0px; padding:20px 20px; background:rgba(0,0,0,0.8); width:100%; font-size:16px; line-height:30px; color:#fff;    box-sizing: border-box;}



.cplst{float: left;width: 51.2%;}
.cplst dl{float: left;width: 48%;margin-left: 2%;position: relative;margin-bottom: 20px; overflow: hidden;background: #fff; height:340px;}
.cplst dt{width:100%;}
.cplst dt img{width:100%;display: block;transition: all 0.3s linear 0s; height:340px; object-fit:cover;}


.cplst dl:hover dt img{transform: scale(1.1);}
.cplst dd{position: absolute; bottom:10px;width:100%; padding:0px 20px;text-align:right; box-sizing: border-box;}
.cplst h3{ float: left;}
.cplst h3 a{display: block;font-size: 0.8rem;color:#333333;font-weight: normal;}
.cplst span{display: block;width:2rem;height: 2rem;overflow: hidden;float: right;}
.cplst span img{display: block;}
.cplst dl:hover h3 a,.cplst dl:hover h3 em{color:#f08700;}
.cplst dl:hover span img{}


.index_youshi{background:url(../images/pcysbg.jpg) no-repeat center top;height: 906px;position: relative;padding-top: 120px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


.index_youshi h2{display: block;height: 170px;text-align:center;font-size: 36px;color:#222;position: relative;}
.index_youshi h2 em{display: block;font-size: 18px;color:#454545;font-weight: normal;}
.index_youshi h2:before{content: "";position: absolute;background:url(../images/tit.png) no-repeat;width:1200px;height: 26px;left:0;top:107px;}

.cpyshd{float: left;width: 590px;}
.cpyshd dl{float: left;width:295px;height: 169px;padding-top: 53px; overflow: hidden;background:#fff; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 34%, #f3f3f3 66%, #f4f4f4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 34%,#f3f3f3 66%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 34%,#f3f3f3 66%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.cpyshd dl:nth-child(2n-1){clear: both;}
.cpyshd dt{float: left;margin:0 15px 0 38px;width: 70px;overflow: hidden;}
.cpyshd dd{float: left;width: 132px;}
.cpyshd p{font-size: 21px;color:#333333;}
.cpyshd p b{display: block;color:#171c61;padding-top: 5px;}
.cpyshd dl.on,.cpyshd dl:hover{background:#eb3505;}
.cpyshd dl.on p,.cpyshd .on p b,.cpyshd dl:hover p,.cpyshd dl:hover p b{color:#fff;}
.cpyshd dl.on dt img,.cpyshd dl.on t img,.cpyshd dl:hover dt img{margin-left: -70px;}

.cpysbd{float: right;width:595px!important;height: 507px!important;background: #fff;box-shadow: 0 0 24px rgba(0,0,0,.1);}
.cpysbd dl{padding: 15px 0 0 19px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.cpysbd dt{width: 560px;height: 317px;overflow: hidden;margin-bottom: 15px;overflow: hidden;}
.cpysbd dt img{width: 560px;height: 317px;display: block;transition: all 0.3s linear 0s; }
.cpysbd dl:hover dt img{transform: scale(1.1);}
.cpysbd dd{padding: 0 20px;}
.cpysbd h3{height: 50px;line-height: 50px;width: 440px;border-bottom: 1px solid #ededed;margin-bottom: 13px;font-size: 24px;color:#eb3505;}
.cpysbd p{font-size: 16px;line-height: 24px;color:#666666;}


.index_gongyi{ background:url(../images/gongyi_bg.jpg) center center; overflow:hidden; padding:60px 0px 60px 0px;}
.index_gongyi .i_title{ text-align: center; margin-bottom:15px;}
.index_gongyi .i_title h2.tit{ display: block; margin:auto; overflow:hidden; position:relative; margin-bottom:20px;}
.index_gongyi .i_title span{ font-weight:bold; color:#fff; /*font-size:50px;*/ display:block;}
.index_gongyi .i_title p{ font-size:24px;color:#fff; margin-top:20px;}
.index_gongyi ul.gongyi_list{ display:flex; margin:70px 0px 90px 0px; }
.index_gongyi ul.gongyi_list li{ float:left;-webkit-flex: 1;flex: 1; text-align:center;}
.index_gongyi ul.gongyi_list li h3{ color:#fff; font-size:20px; font-weight:bold;}
.index_gongyi ul.gongyi_list li:hover h3{ color:#f08700;}
.index_gongyi ul.gongyi_list li img{ transition: all 1.6s;}
.index_gongyi ul.gongyi_list li:hover img{ transform: scale(1.1);}

.index_gongyi .gongyi_box span{ width:300px; display:block;color:#fff; font-size:24px; margin:auto; text-align:center; text-transform:uppercase;}
.index_gongyi .gongyi_box span:after{content:""; width:100px; height:2px; background:#fff; display:block; margin:auto; margin-top:10px;}


.index_case{background:url(../images/anbg.jpg) no-repeat center top;height: 1003px;padding-top: 80px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.index_case h2 a{display: block;height: 155px;text-align:center;font-size: 48px;color:#222;position: relative;}
.index_case h2 em{display: block;font-size: 24px;color:#454545;font-weight: normal;}
.index_case h2 a:before{content: "";position: absolute;background:url(../images/tit.png) no-repeat;width:1200px;height: 26px;left:0;top:107px;}

.index_case .antit{float: left;width: 294px;position: relative;z-index: 142; border-bottom:1px solid #ddd;}
.index_case .antit li{height: 84px;line-height: 84px;border:1px solid #ddd;border-bottom: none;background: #fff;position: relative;padding-left: 104px;font-size: 20px;color:#333;font-weight: bold;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.index_case .antit li a{color: #333;}
.index_case .antit li i{position: absolute;left:40px;top:17px;width:55px;height: 55px;overflow: hidden;}
.index_case .antit .on{background: #f18700;position: relative;}
.index_case .antit .on:before{content: "";position: absolute;background:url(../images/anjt.png) no-repeat;width: 45px;height: 84px;right: -45px;top:0;}
.index_case .antit .on i img{margin-left: -55px;}
.index_case .antit .on a{color:#fff;}
.index_case .anmore{height: 90px;line-height: 90px;border:1px solid #ddd;background: #fff;position: relative;padding-left: 104px;font-size: 20px;color:#333;font-weight: bold;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.index_case .anmore a{color: #333;}
.index_case .anmore i{position: absolute;left:40px;top:17px;width:55px;height: 55px;overflow: hidden;}
.index_case .anbd{float: right;width: 902px;height: 678px;position: relative;}
.index_case .anbd dl{position: relative;}
.index_case .anbd dt{width: 902px;height: 678px;overflow: hidden;}
.index_case .anbd dt img{width: 902px;height: 678px;display: block;transition: all 0.3s linear 0s;}
.index_case .anbd dl:hover dt img{transform: scale(1.1);}
.index_case .anbd dd{position: absolute;left:0;bottom: 0;width: 902px;background: rgba(0,0,0,.5);padding: 16px 30px 16px 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;}
.index_case .anbd h3 a{display: block;line-height: 38px;font-size: 16px;font-weight: bold;color:#fff;}
.index_case .anbd p{font-size: 16px;line-height: 26px;color: #fff;}



.index_new{ height:865px; padding-top:85px;  overflow:hidden; background:#f2f2f2;}
.index_new .tit a{display: block;height: 180px;text-align:center;font-size: 48px;color:#222;position: relative;font-weight: bold;}
.index_new .tit em{display: block;font-size: 24px;color:#454545;font-weight: normal;}
.index_new .tit a:before{content: "";position: absolute;background:url(../images/tit.png) no-repeat;width:1200px;height: 26px;left:0;top:107px;}


.news_left{ width:712px;}
.news_left .dl1{ height:138px; border-bottom:1px dashed #d1d1d1; }
.news_left .dl1 dt{ height:60px; line-height: 60px;margin-bottom: 8px;}
.news_left .dl1 dt em{ display:block; width:122px; height:56px; float:left; background:url(../images/new_t.png) no-repeat; font-size:20px;padding: 20px 0 0 15px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.news_left .dl1 dt em a{ display:block; color:#f18700;font-weight: bold;}
.news_left .dl1 dt span a{ display:block; width:530px; float:left; font-size:22px;  line-height:35px; color:#333333; margin-top:20px; overflow:hidden; height:35px;}
.news_left .dl1 dd { font-size:14px; line-height:24px; color:#666666;}
.news_left .dl1 dd a{ color:#171c61;}
.news_left .dl1:hover span a{ font-weight:bold; color:#f08700;}

.news_left ul{ margin-top:16px;}
.news_left li{ font-size:16px; height:36px; line-height:36px; overflow:hidden;position: relative;padding-left: 20px;}
.news_left li:before{content: "";position: absolute;width:6px;height: 6px;background: #999999;border-radius: 50%;left:0;top:16px;}
.news_left li a{ display:block; color:#666666;}
.news_left li i{ float:right; color:#999999;font-style: normal;}
.news_left li:hover a{ font-weight:bold;color: #f08700;}
.news_left li:hover i{ color:#666; font-weight:normal; }

.news_left .dl2{padding: 20px 0 0 0; height:140px;border-bottom:1px dashed #d1d1d1;}
.news_left .dl2 dt{ width:212px; height:119px; float:left; overflow:hidden;}
.news_left .dl2 dt img{ display:block;width:212px; height:119px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.news_left .dl2 dd{ width:465px; float:right; }
.news_left .dl2 h3 a{display: block;line-height: 46px;font-size: 18px;color:#333333;}
.news_left .dl2 dd p{ font-size:14px; line-height:26px; color:#666666; height:52px; overflow:hidden;}
.news_left .dl2:hover dt img,.news_right dl:hover dt img{-webkit-transform:scale(1.1,1.1);   -moz-transform:scale(1.1,1.1);   -transform:scale(1.1,1.1);}
.news_left .dl2:hover h3 a,.news_left .dl2:hover h3 a{ color:#f08700;}




.news_right{ width:420px; height:572px;overflow:hidden;padding: 25px 25px 0;background:url(../images/wdbg.jpg) no-repeat;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.news_right h2{ height:42px;margin-bottom: 11px; position:relative; font-size:22px; line-height:42px;}
.news_right h2 a{ color:#171c61;}
.news_right h2 em{display: inline-block;font-size: 18px;color:#999999;}
.wdimg{width:366px;height: 206px;overflow: hidden;}
.wdimg img{width:366px;height: 206px;display: block;transition: all 0.3s linear 0s;}
.wdimg:hover img{transform: scale(1.1);}

.news_right dl{padding:15px 0 0 0;height:76px;border-bottom:1px dashed #d1d1d1;}
.news_right dt{height:28px;line-height:28px;padding-left:24px;font-size:16px;font-weight:700;position: relative;}
.news_right dt a{color:#333333}
.news_right dt:before{content: "";position: absolute;width:6px;height: 6px;background: #999999;border-radius: 50%;left:0;top:10px;}
.news_right dd{height:30px;line-height:30px;padding-left:24px;font-size:14px;color:#666666;overflow:hidden}
.news_right dl:nth-child(3){border-bottom:none}
.news_right dl:hover dt a{color:#f08700}


/**/
.help_cut{ height: 480px; margin-top:60px !important;}
.help_nav{ margin-bottom:20px; overflow:hidden;}
.help_nav li{float: left;position: relative;font-size: 20px; margin:0px 10px;color:#202428;padding-top: 10px;	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.help_nav li a{color: #202428; }
.help_nav li em{display: block;font-size: 20px;color:#333333;}

.help_nav li i{position: absolute;left:70px;top:2px;width: 80px;height: 80px;overflow: hidden;}
.help_nav li.cur a{color: #f18700;}
.help_nav li.cur i img{margin-left: -80px;}
.help_nav li.cur em{color: #f18700;}
.help_nav li:nth-child(3):before{background: none;}


.m_help{ height:330px;width: 1200px; position: relative; }
.xc{width:1200px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  overflow: hidden;}
.xc li{ width:285px; position:relative;margin-right: 20px; float: left; overflow: hidden;}
.xc li img{ display:block;width:285px; height:214px;}
.xc li em{display: block;height: 58px;line-height: 58px;border-bottom: 1px solid #d9d9d9;text-align:center;font-size: 16px;color:#333;position: relative;}
.xc li:hover em{color:#f18700;}
.xc li em:before{content: "";position: absolute;width: 0;height: 1px;background: #f18700;left:0;top:58px;transition: all 0.3s linear 0s; }
.xc li:hover em:before{width:100%;}

.prev1,.next1{position: absolute;width: 15px;height: 20px;}
.prev1{left:-30px;top:98px;background:url(../images/ljt.png) no-repeat}
.next1{right:-30px;top:98px;background:url(../images/rjt.png) no-repeat}
.prev1:hover,.next1:hover{background-position: -15px 0;}





.g_link{ height: 66px;background:url(../images/linkbg.jpg) no-repeat center top;}
.g_link h2{float: left; width: 120px;height: 66px;line-height: 66px;font-size: 16px;font-weight: normal;color: #222;}
.link_c{line-height:66px; overflow:hidden;float: left;width: 1080px; font-size: 14px;}
.link_c a{ white-space:nowrap; padding:0 30px;float: left; height: 66px; line-height:66px; color:#131315;display: block;}


.contact-box{ margin:100px 0px;}
.icon-box-center {
    text-align: center;
    font-weight: 500;
}
.icon-box-center .box-icon {
    height: 100px;
}
.icon-box-center img {
    margin: 30px auto;
}
.icon-box-center h5 {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 500;
}
/*分页*/
.justify-content-center {   -ms-flex-pack: center!important;  justify-content: center!important;}
.pagination {   display: -ms-flexbox;  display: flex;   padding-left: 0;  list-style: none; padding:15px 0px; }
.page-num:not(:disabled) {cursor: pointer;}
.page-num, .page-link {	position: relative;	display: block;	padding: .5rem .75rem;	margin-left: -1px;	line-height: 1.25;	color: #333;	background-color: #fff;	border: 1px solid #dee2e6;}
a.page-num:hover, .page-link:hover {	text-decoration: none;}
.page-num-current {	z-index: 1;	color: #fff;	background-color: #171c61;	border-color: #171c61;}
.page-num-current:hover {	color: #fff;}
.reLink {	height: 60px; width:1200px;		margin: 0px auto 0px;}
.reLink .prevLink, .reLink .nextLink {	line-height: 60px; padding:0px 20px; width:50%;    box-sizing: border-box;}
.reLink .prevLink a, .reLink .nextLink a {	}
.reLink .prevLink a:hover, .reLink .nextLink a:hover {	color: #04549b;}
.reLink .prevLink {	float: left; background:url(../images/mub02_jt01.png) no-repeat center left;}
.reLink .nextLink {	float: right;background:url(../images/mub02_jt03.png) no-repeat center right; text-align:right;}
/*内页侧栏*/
.pages{ margin-bottom:30px;}

.position{ font-weight:normal; line-height:50px;}
.sb_left{border-bottom:1px solid #e4e4e4; display:flex; justify-content:space-between;padding:0px 200px; }
.sb_left .sb_nav{  }
.sb_nav h3.title{ text-indent: 28px;background:#171c61 url(../images/sidebar01.png) no-repeat 200px center; padding:0px 0px; height:75px; line-height:75px;font-size:20px; color:#fff;}
.sb_nav h3.line{ margin-top:15px; }
.sb_nav .active{ padding:0px 0px; background:#fff; }
.sb_nav dl{ margin:0px 30px;}
.sb_nav dl dt{ background:url(../images/mub02.png) no-repeat 220px center ; position:relative; height:50px; line-height:50px;}
.sb_nav dl dt a {  display: block;   font-size: 14px;   font-weight: normal;     color: #666;}
.sb_nav dl dt.on a{ color:#eb3505; }
.sb_nav dl dt.on:after{ content:""; background:#eb3505; height:1px; display:block;}
.sb_nav dl dd{ border-top:1px solid #eee;}
.sb_nav dl dd a{ height:50px; line-height:50px; display:block;   }
.sb_nav .sb_active{ display:flex;}

.sb_contact{border: 1px solid #e4e4e4;margin-top: 20px;padding: 0 19px 20px;margin-bottom: 20px;}
.sb_contact h3.title{font-size: 18px;color: #171c61;font-weight: normal;height: 59px;line-height: 59px;border-bottom: 1px solid #e4e4e4;margin-bottom: 18px;}
.sb_contact p{font-size: 14px;color: #333333;margin-bottom: 12px;line-height: 20px;padding: 0 0px;}

.sb_contact .zxzx {   display: block;   width: 160px;   height: 50px;   overflow: hidden;  background: #171c61;   text-decoration: none;  margin-top: 20px;}
.sb_contact .zxzx span {  display: block;   width: 50px;   height: 50px;  float: left;   border-right: 1px solid #fff;   background: url(../images/zxzx_icon01.png) no-repeat center;}
.sb_contact .zxzx em {   display: block;   width: 109px;   height: 50px;   line-height: 50px;   text-align: center;   font-size: 16px;   color: #fff;  float: left;}
.sb_contact .zxzx em img {   display: inline-block;  *display: inline-block;   position: relative;  top: 2px;  margin-left: 8px;}

/*内产品页*/
.mainCon{ padding:0px 0px; width:1200px; box-sizing:border-box; background:#fff; margin:auto; margin-top:20px;}
.mub-title { text-align:center; margin-bottom:30px;}
.mub-title h2{ color:#171c61;}
.box-content{ margin:0px 200px;}
.box-content p{ line-height:30px;}
.btn_c p{ width:270px; float:left; font-size:16px; color:#000; text-align:left;}
.btn_c a{ display:block; width:130px; height:35px; text-align:center; line-height:35px; background:#3ea86e;  color:#fff; font-size:16px;}
#productlist{ padding:60px 0px;}
#productlist li{ float:left; display:inline;   margin:0px 20px 40px 20px; width: calc(25% - 40px); }

#productlist li .li_pic .li_text{  padding:0px 0px; }
#productlist .list .li_pic .li_text h5{ line-height:60px; text-align:center;  height:60px; background:#171c61; color:#fff; }
#productlist .list .li_pic .li_text h5 a{ color:#fff; font-size:16px;}
#productlist .list .li_pic .li_text p{ line-height:30px;}
#productlist .list .li_pic .img{ margin:auto; vertical-align:middle; width:100%; object-fit:cover; }
#productlist li a.img:hover{ margin:auto;  max-height:200px;}
#productlist li h3{ padding:5px 0px 10px; font-weight:normal; line-height:1.5;}

#productlist li .li_pic{ position:relative; overflow:hidden;}
#productlist li .li_pic img {
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
}
#productlist li .li_pic .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(51, 49, 49, 0.7);
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
  z-index: 2;
}
#productlist li .li_pic .btn-detail-project {
  width: 36px;
  height: 36px;
  color: #ff7400;
  position: absolute; font-weight: lis;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-18px, -50px) rotate(45deg);
      -ms-transform: translate(-18px, -50px) rotate(45deg);
          transform: translate(-18px, -50px) rotate(45deg);
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
  font-size: 36px;
}
#productlist li .li_pic h4 a {
  color: #fffdfc;
  font-size: 20px;
  letter-spacing: 1px;
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
}
#productlist li .li_pic h4 a:hover {
  color: #ff7400;
}
#productlist li .li_pic h4 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 25px);
      -ms-transform: translate(-50%, 25px);
          transform: translate(-50%, 25px);
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
  width: 100%;
  text-align: center;
}
#productlist li .li_pic .cate-project {
  color: #bfbdbd;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 55px);
      -ms-transform: translate(-50%, 55px);
          transform: translate(-50%, 55px);
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
}
#productlist li .li_pic .cate-project:hover {
  color: #ff7400;
}
#productlist li .li_pic:hover img {
  -webkit-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}
#productlist li .li_pic:hover .overlay {
  opacity: 1;
}


#showproduct{ padding:15px 0px;}
#showproduct .pshow{ }
#showproduct .pshow .dt{ float:left;width:60%; }
.li_pic .more{ margin-top:20px; }
.li_pic .more a {width: 132px;border:1px solid #e2e2e2; display:block; text-align:center; margin-right:5px; float: left; line-height: 35px;}
.li_pic .more a:nth-child(2){ margin-right:0px; }





/*产品轮播*/
.pro-main{ width:1200px; margin:60px auto; }
.pro-left{ width:480px; }
.view {	/* border:1px solid #ccc;*/ width:480px; height:480px;  margin-bottom:0px; position:relative;   padding: 0px; box-sizing: border-box;}
.view .swiper-slide {max-width: 500px;	padding: 0 0px;box-sizing: border-box;	overflow: hidden;text-align: center;}
.view .swiper-slide img {width:100%;	height: 480px;  object-fit:cover; }
.view .arrow-left {	background: url(../images/prodetailsintrobtn01.png) no-repeat left center;	position: absolute; top:50%; margin-top:-22px;	left: 0px;	width: 44px;height: 44px;	z-index: 10;}
.view .arrow-right {background: url(../images/prodetailsintrobtn02.png) no-repeat right center;	position: absolute;	top:50%; margin-top:-22px;right: 0px;	width: 44px;height: 44px;	z-index: 10;}
.preview {	position: relative;	width: 420px;	left: 30px;}
.preview .swiper-slide { text-align:center;	width: 87.5px;	height: 70px;	margin: 0 3px;	box-sizing: border-box;	overflow: hidden;	cursor: pointer;}
.preview .swiper-slide img {display: inline-block;	height: 100%;}
.preview .active-nav {border: 1px solid #F00;}
.preview .arrow-left {	background: #fff url(../images/feel3.png) no-repeat left center;	position: absolute;left: -20px;	top: 0;	width: 20px;	height: 70px;	z-index: 10;}
.preview .arrow-right {	background: #fff url(../images/feel4.png) no-repeat right center;	position: absolute;	right: -20px;	top: 0;	width: 20px;	height: 70px;	z-index: 10;}
a.btn-danger {color: #fff; font-size: 14px; padding: 5px 20px; background: #dc3545;display: inline-block; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 5px;}
.dec-tit { border-bottom:1px solid #e4e4e4;  padding: 0px 0px;  margin:0px 0px 20px 0px; height:50px; line-height:50px;   font-size: 14px;   font-weight: bold;}
.dec-tit span{ width:150px; text-align: center; color:#fff; background:#eb3505; display:block;}
.pro-right{ width:660px; padding: 40px 20px 0px 0px; box-sizing: border-box; position:relative; height:380px;}
.pro-right h2{ font-size:20px; color:#000; font-weight:bold;border-bottom:1px solid #e4e4e4; padding-bottom:10px;}
.pro-right .text-secondary{ margin:20px 0px; line-height:30px;}
.pro-right .p-box{width: 100%;position: absolute;bottom: 30px;left: 0;}
.pro-right .zx{display: block;   width: 132px; height: 40px;   float: left; font-size: 16px;   color: #fff; line-height: 40px; background:#eb3505; text-align: center;  text-decoration: none;border-radius:50px;}
.pro-right .phone {  float: left;  padding-left: 42px;   background: url(../images/prodetailsintro_phone.png) no-repeat left center;  margin-left: 18px;   }
.pro-right .phone span {  display: block;   font-size: 13px;   color: #666666;}
.pro-right .phone em {   display: block;    font-size: 24px;   color: #eb3505;   font-family: arial;}
/*内页新闻*/
#newslist{ margin-top:60px;}
#newslist li{ float:left; padding: 0px 0px 30px 0px; margin:0px 20px 40px 20px; width:calc(25% - 40px); background:#fff; border-bottom:1px solid #e4e4e4;}
#newslist li .news_img{ width:100%;}
#newslist li img{ width:100%; height:250px; display:block; }
#newslist li .news_t {   width:100%; padding:20px; }
#newslist li .news_t h4{ line-height:30px; font-size:16px;}
#newslist li .news_t time{ line-height:30px;}
#newslist li  p{ line-height:30px; padding-bottom:20px; margin-top:10px; color:#797979;}
#newslist li a.more{float: right; color:#797979; width:125px; height:35px; line-height: 35px; display: inline-block; border-radius:3px; border: 1px solid #dedede; font-size: 14px; text-align: center;}
#newslist li a.more:hover{ background:#171c61; color:#fff;}	
h2.news-title {  font-size: 20px;  padding: 0px 0px 10px 0px;   margin: 0px 0px;    color: #333;}
.news-time {    padding-bottom: 0px;   margin-bottom: 0px; }

/*内页案例*/
#imglist li{ float:left; display:inline;   margin:0px 15px 15px 0px; width:289px; }
#imglist li:nth-child(3n){ margin-right:0px;}
#imglist li .img{ border:1px solid #e4e4e4; display:block; height:220px; line-height:220px;}
#imglist li .img img{ margin:auto;  height:200px; vertical-align:middle; width:100%;object-fit: contain;}
#imglist li h3{ padding:5px 0px 10px; font-weight:normal; line-height:1.5; text-align:center;}
/*产品页推荐新闻*/
.l_con {  width: 228px;  margin: 0 auto;  margin-bottom: 10px;}
.s_con {border: 1px solid #e2e2e2;   width: 228px;  margin: 0 auto;  margin-bottom: 10px;}
.c_con { width: 228px;  margin: 0 auto;   margin-bottom: 10px;}
.info_b, .info_b2 {  padding: 10px 0;  overflow: hidden;   margin-bottom: 0px;}
.s_con dl dt{ border: 1px solid #e2e2e2; width:190px; height:140px;   padding: 5px;}
.s_con dl {   float: left;   overflow: hidden;   margin: 10px 0px 10px 12px; text-align:center;   width: 204px;}
.s_con dt img { max-width: 100%;    height: 140px;}
.s_con dd {   line-height: 30px;    height: 30px;   overflow: hidden;   text-align: center;   color: #000;   width: 200px;}

.news_con {   clear: both;   margin:11px 0px;    border: 1px solid #e4e4e4;   padding: 20px 20px 20px 20px;    margin-top: 20px;}
.news_con .t04 {      font-size: 18px;  color: #171c61;   font-weight: normal;   height: 40px;   border-bottom: 1px solid #e4e4e4;}
.news_con li {   float: left; /*padding-left:15px;*/ line-height:30px;   width: 48%;/*background: url('../dtico.jpg') no-repeat scroll left center transpartnerent;*/}
.news_con li span{ float:right;}
.news_con li:nth-child(2n){ margin-left:4%;}
.a_pro_con {   clear: both;   margin:11px 0px;}
.a_pro_con li{ width:260px; float:left; margin:10px 10px 0px 10px; text-align:center; border:1px solid #e2e2e2;}
.a_pro_con li img{ width:260px; float:left; height:160px;}
.a_pro_con li a{ display:block; line-height:30px;}




#pictureViewer{   width: 100%;  height: 100%;   position: fixed;   top: 0;  left: 0;  background-color: rgba(0,0,0,.9);   z-index: 10000;}
#pictureViewer > .content{  background-color: #fff;   position: absolute;  width: 590px;   height: 420px;  margin: auto;   top: 0;    right: 0;   bottom: 0;   left: 0;}
#pictureViewer .menu-bar{   width: 100%;}
#pictureViewer .menu-bar .handel{   width: 40px;   height: 40px;    float: right;    background-repeat: no-repeat;    background-position: 50%;  cursor: pointer;}
#pictureViewer .menu-bar .handel:hover{  background-color: #063c9d;   -webkit-transition: all .3s;   -moz-transition: all .3s;    -ms-transition: all .3s;   -o-transition: all .3s;   transition: all .3s;}
#pictureViewer .menu-bar .handel.maximization{   background-image: url(../images/maximization_black.png);    background-size: 14px;}
#pictureViewer .menu-bar .handel.maximization:hover{   background-image: url(../images/maximization_white.png);}
#pictureViewer .menu-bar .handel.miniaturization{   background-size: 16px;  background-image: url(../images/miniaturization_black.png);}
#pictureViewer .menu-bar .handel.miniaturization:hover{   background-image: url(../images/icons/miniaturization_white.png);}
#pictureViewer .menu-bar .handel.close-view{  background-image: url(../images/close_black.png);   background-size: 15px;}
#pictureViewer .menu-bar .handel.close-view:hover{   background-image: url(../images/close_white.png);}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{  display: inline-block;   width: 50px;   height: 70px;   position: relative;   top: calc(50% - 80px);   background-repeat: no-repeat;   background-size: 25px;   background-position: 50%;   cursor: pointer;  -webkit-transition: all .3s;   -moz-transition: all .3s;   -ms-transition: all .3s;   -o-transition: all .3s;  transition: all .3s;}
#pictureViewer .handel-prev{   background-image: url(../images/prev_blank.png);}
#pictureViewer .handel-next{   background-image: url(../images/next_blank.png);}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{   background-color: #063c9d;}
#pictureViewer .handel-prev:hover{   background-image: url(../images/prev_white.png);}
#pictureViewer .handel-next:hover{  background-image: url(../images/next_white.png);}
#pictureViewer .picture-content{  display: inline-block;  width: 80%;   height: calc(100% - 80px);   position: absolute;   margin: 0 auto;   left: 0;    right: 0;}
#pictureViewer .picture-content .cover{   position: absolute;   margin: auto;   top: 0;   right: 0;   bottom: 0;   left: 0;}
#pictureViewer .counter{   position: absolute;   bottom: 0;    height: 40px;   line-height: 40px;   width: 100%;    text-align: center;   color: #808080;  font-size: 13px;}
#pictureViewer .hide{   display: none;}
#pictureViewer .left{   float: left;}
#pictureViewer .right{   float: right;}
#pictureViewer .clear-flex{   clear: both;}
#pictureViewer img{   max-width: 100%;   max-height: 100%;}

@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-webkit-keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}
@keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}




.online {
    position: fixed;
    bottom: 100px;
    right: 10px;
    width: 60px;
    z-index: 999;
    color: #999;
}
.online dl {
    background: #eb3505;
    padding: 10px 5px;
    margin-bottom: 1px;
    position: relative;
}
.online dl dd {
    color: #fff;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}
.online dl dd i {
    font-size: 25px;
}
.online dl dt {
    position: absolute;
    top: 0px;
    right: 60px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 9999;
    display: none;
    padding: 10px 15px;
    font-weight: normal;
}
.online dl dt h3 {
    display: block;
    font-size: 16px;
    color: #666;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
.online dl dt h3 span {
    float: right;
    cursor: pointer;
}


html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1024px) {html {font-size: 15px;}}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}