@charset "utf-8";
  /* CSS Document */

  body,html{margin:0;padding:0;font-family: Microsoft YaHei; font-size: 1rem;  line-height: 1.5; color: #373a3c; background-color: #fff; width:100%; max-width:100%; min-width:1100px;}
  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
  table{border-collapse:collapse;border-spacing:0;}
  fieldset,img{border:0;}
  address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
  input:hover,input:active,input:focus{ outline: 0;}
  ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
  img,a img{border:0;margin:0;padding:0;}
  img{vertical-align: middle;}
  caption,th{text-align:left;}
  h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
  a{text-decoration:none; color:#444;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
  a:hover{text-decoration:none; cursor:pointer}
  .fl{float:left;}
  .fr{float:right;}
  textarea{resize:none; overflow:auto;}
  .clearfix:after {content:'';display:block;height:0;clear:both;visibility:hidden;}
  .clearfix{zoom:1;}
  .clear { clear: both;font-size: 0;height: 0;line-height: 0;}
  .baseDiv{ width:1300px; margin:0 auto; margin-left:auto !important; margin-right:auto !important;overflow:hidden}
  .baseDiva{ width:1330px; margin:0 auto; margin-left:auto !important; margin-right:auto !important;overflow:hidden}
  .baseDivb{ width:1300px; margin:0 auto;height:600px;overflow:hidden}
  .w1400 {margin: 0 auto;margin-left: auto !important;margin-right: auto !important;width: 1300px;overflow:hidden}
  .w1300 {margin: 0 auto;margin-left: auto !important;margin-right: auto !important;width: 1300px;overflow:hidden}
  .mt5 {margin-top: 5px!important;}
  .mt20{ margin-top:20px;}
  .mt30{ margin-top:30px;}
  .mt40{ margin-top:40px;}
  .pt25{padding-top:25px;}
  .pt30{padding-top:30px;}
  .myClass{
  background-position:center center; 
  -webkit-background-size: cover;  
  -moz-background-size: cover;  
  -o-background-size: cover; 
  background-size:cover;
  }
  @-webkit-keyframes ball {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }
  }
  @keyframes ball {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }
  }
  /*top*/
  .top-part {height: 120px;width: 94%;margin: 0 auto;}
  .top-part .by{ margin-left:30px; height:80px;margin-top: 20px;}
  .top-part .by span{ display:block; line-height:80px; float:left;}
  .top-part .by .span1{ color:#777; font-size:26px; font-family:华文行楷}
  .top-part .by .span2{ font-weight:700; padding:0 5px; color:#d8d8d8;}
  /*头部文字动画*/
  @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { 
      .work{background-image: -webkit-linear-gradient(left, #0301d1, #f6bf1a 25%, #0301d1 50%, #f6bf1a 75%, #0301d1); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%;   -webkit-animation: masked-animation 0.8s infinite linear;} 
    .work{background-image: -webkit-linear-gradient(left, #0301d1, #f6bf1a 50%, #0301d1 50%, #f6bf1a 100%, #0301d1);       -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%; -webkit-animation: masked-animation 3s infinite linear;}
  .work span{ color:#0301d1;}
  }
  @-webkit-keyframes masked-animation {
      0%  { background-position: 0 0;}
      100% { background-position: -100% 0;}
  }
  @-moz-keyframes rotate{
              100%{-moz-transform:rotate(0deg);}
               100%{ -moz-transform:rotate(360deg);}
            }
   @-webkit-keyframes rotate{
              100%{-webkit-transform:rotate(0deg);}
               100%{-webkit-transform:rotate(360deg);}
            }
   @keyframes rotate{
              100%{transform:rotate(0deg);}
               100%{transform:rotate(360deg);}
            }     
  /*中间文字动画结束*/


  /*宽度小于1920px*/
  @media screen and (max-width:1800px){ 
  .head {}
  .top-part{width: 100%;}
  .top-part .by{ height:auto; padding-top:2px !important;}
  .top-part .by span{ display:block;float:none; line-height:25px;}
  .top-part .by .span1{ color:#777; font-size:16px;}
  .top-part .by .span2{ display:none;}
  .navb .m{padding:0 15px !important;}
  .navb{margin-left: 30px !important;;}
  }


  .nava {
    background: #fff;
    width: 100%;
    z-index: 99;
    height: 120px;
  }
  @media(max-width:992px){
      .nava{
          position:relative;
          background:#294176;
      }
  }
  .nava .left-logo {
    width: 320px;
    height: 120px;
    text-align: center;
    vertical-align: middle;
  }
  .nava .left-logo img {
    vertical-align: middle;
    display: inline-block;
    vertical-align: middle;
    margin-top: 16px;
  }
  .navb{margin-left: 90px;}
/*页头导航*/
  .navb .m {
      position: relative;
      float: left;
      display: inline;
      text-align: center;
      height: 120px;
      padding: 0 18px;
  }
  .navb a {
      font-size: 100%;
      font-weight: normal;
      font-size: 16px;
      text-align: center;
  }
  .navb a .span1 {
      zoom: 1;
      display: block;
      color: #000;
      text-align: center;
      font-size: 16px;
      padding-top: 30px;
  }
  .navb a .span2{color: #bbb;font-size: 14px;padding-top: 5px;display: block;}

  .navb a::after{content:''; display:block;position:absolute; z-index:1; right:50%; bottom:25px; width:5px; height:2px; z-index:1; background-color:rgb(33, 124, 238);-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; }
  .navb a::before{content:''; position:absolute; z-index:1; left:50%; bottom:25px; width:5px; height:2px; z-index:1; background-color:rgb(33, 124, 238); -moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

  .navb .m:hover{transition-duration: .3s;background: #044b96;color: #fff;font-size: 18px;text-decoration: none;}
  .navb .m:hover .span1{color: #fff;}
  .navb .m:hover .span2{color: #f3f3f3;}

  /* 搜索 */
  .in_shbox{ clear:both; width:100%; height:117px;background-color: rgba(0,0,0,0.7);display:none; height:0;position: absolute;top: 120px;z-index: 999}
  .in_shbox .in_sh{ width:910px; margin:0 auto; overflow:hidden; padding-top:35px;}
  .in_shbox .in_sh .txt{ float:left; width:783px; line-height:21px; padding:13px 10px; border:0; background:#FFF;}
  .in_shbox .in_sh .btn{ float:left; width:107px; height:47px;text-align:center; color:#FFF; font-size:17px; border:0; background:#df0800; cursor:pointer;}
  .in_topjg{height: 103px;}

  .navb .sub {
      display: none;
      width: 100px;
      position: absolute;
      left: 0px;
      top: 120px;
      float: left;
      line-height: 30px;
      z-index: 1000;
  }
  .navb .sub2 {
      left: -150px !important;
      width: 895px;
      height: auto;
  }
  .navb .sub li{ text-align:center;  }
  .navb .sub li a{ color:#5e5e5e; display:block; zoom:1;}
  .navb .sub li a:hover{  background:#ddd; color:#c00; }
  .navb .sub li a img{width: 151px;height:129px;}
  .navb .sub li p{text-align:left;}
  .mun1{width: 210px;height: auto;
       background:#f6f6f6;
       padding-left:15px;
           padding-top: 16px;
       -moz-box-shadow:0px 2px 2px #999 inset;
       -webkit-box-shadow:0px 2px 2px #999 inset;
       box-shadow:0px 2px 2px #e4e4e4 inset;}
  .mun1 ul li{width:150px;height:auto;overflow:hidden;margin-left:13px;margin-top:25px;}
  .mun1 ul li h2{width:100%; font-size:14px; color:#5e5e5e; border-bottom:1px solid #dbdbdb; line-height:35px; margin-bottom:7px;}
  .nav .sub .mun1 ul li p a{width:100%; height:28px; display:block; color:#919191; font-size:13px;overflow: hidden;}
  .nav .sub .mun1 ul li p a:hover{color:#fff; background:none;}
  .mun1 ul li ul li{width:75px; float:left; margin:0px;}
  .nava .sub .mun1 ul li ul li a{color:#919191;}
  .nava .sub .mun1 ul li ul li a:hover{color:#0c438c; background:none;}
  
/*  .mun1{
      width: 210px;
      height: auto;
       background:#044b96;
       padding-left:15px;
       -moz-box-shadow:0px 2px 2px #999 inset;
       -webkit-box-shadow:0px 2px 2px #999 inset;
       box-shadow:0px 2px 2px #e4e4e4 inset;}
  .mun1 ul li{width:150px;height:auto;overflow:hidden;margin-left:13px;margin-top:25px;}
  .mun1 ul li h2{width:100%; font-size:14px; color:#5e5e5e; border-bottom:1px solid #dbdbdb; line-height:35px; margin-bottom:7px;}
  .nav .sub .mun1 ul li p a{width:100%; height:28px; display:block; color:#919191; font-size:13px;overflow: hidden;}
  .nav .sub .mun1 ul li p a:hover{color:#0c438c; background:none;}
  .mun1 ul li ul li{width:75px; float:left; margin:0px;}
  .nava .sub .mun1 ul li ul li a{color:#919191;}
  .nava .sub .mun1 ul li ul li a:hover{color:#0c438c; background:none;}
*/

  @media screen and (max-width: 1640px) {
    .nava .right-tel p {
      font-size: 16px;
    }
  }
  @media screen and (max-width: 1312px) {

    .top-part .by{display: none;}
  }
  @media screen and (max-width: 992px) {
    .nava .right-tel {
      display: none;
    }
    .nava .nav-btn {
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
    }
    .nava ul {
      background: rgba(0, 0, 0, 0.8);
      position: fixed;
      top: 0;
      width: 30%;
      right: -30%;
      padding: 0 18px;
      height: 100%;
    }
    .nava ul li {
      float: none;
      width: 100%;
      border-bottom: 1px dotted #cccccc;
    }
    .nava ul li a {
      line-height: 40px;
      font-size: 16px;
      color: #ffffff;
    }
    .nava ul li span {
      display: none;
      line-height:15px;
    }
    .nava ul .closemenu {
      display: block;
      margin-top: 12px;
      text-align: right;
    }
    .nava ul .closemenu i {
      color: #ffffff;
    }
  }



  /*banner*/
  .banner{width:100%; background:#fafafa;  z-index:11;position: relative;}
  .banner_slides{ position:relative; overflow:hidden; width:100%; margin:auto; }
  .banner_slides , .slides_container,.slides_control ,.banner_pic{height:610px;}
  .banner_slides li.slidesjs-slide{width:100%;height:610px;}
  .banner_slides li a{}
  .banner_pic{display:block; width:100%; height:610px;}
  .slides_btn{position:absolute; z-index:999;display:block;width:40px;height:70px;margin-top:-35px;top:50%;overflow: hidden;text-indent:-9999px; background-color:#fff;filter:alpha(opacity=20); /*IEÂ˾µ£¬Í¸Ã÷¶È50%*/-moz-opacity:0.2; /*Firefox˽ÓУ¬Í¸Ã÷¶È50%*/opacity:0.2;/*ÆäËû£¬Í¸Ã÷¶È50%*/ background-position: center center; background-repeat:no-repeat; }
  .banner:hover .slides_btn{filter:alpha(opacity=60); -moz-opacity:0.6; /*Firefox˽ÓУ¬Í¸Ã÷¶È50%*/opacity:0.6;}
  .btn_previous{ left:4%; background-image:url(../images/pre01.png);}
  .btn_previous:hover{ background-color:#000;background-image:url(../images/pre02.png);}
  .btn_next{ right:4%; background-image:url(../images/next01.png);}
  .btn_next:hover{ background-color:#000;background-image:url(../images/next02.png);}
  /**/
  .slides_pagination{ width:100px;height:15px;bottom:30px; right:50%; margin-right:-37px; position:absolute;z-index:100; text-align:center; }
  .slides_pagination li{margin: 0 7px;display:inline-block; width:10px;+float:left;}
  .slides_pagination li a{display:inline-block; *display:inline;zoom:1;overflow:hidden;width:10px;height:10px;line-height:50px; border:2px solid #fff;color:#666;border-radius:100%;}
  .slides_pagination li a.active,.slides_pagination li a:hover.active,.slides_pagination li a:hover{background:#fff;color:#fff; border:2px solid #fff;}
  /*banner end*/

  /*产品分类*/
  .product {background-color: #f1f1f1;padding: 45px 0 0 0;}
  .baseTitle{  margin:auto; text-align:center; margin-bottom:20px;width: 1300px;overflow: hidden;}
  .baseTitle div{}
  .baseTitle .div1{ text-align:center; font-size:40px; color:#333/*rgb(33, 124, 238)*/; line-height:45px; font-weight:700;}
  .baseTitle .div1 span{color:#2495e4}
  .baseTitle .div2{ position:relative; margin-top:15px;}
  .baseTitle .div2 a{display:block; text-align:center; margin:auto;height:6px; position:relative; z-index:10; position: relative}
  .baseTitle .div2 a em{ display:block; position:absolute;top:0; height:6px; width:40px;  background-color:#2495e4; z-index:10;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
  .baseTitle .div2 a em.em1{ right:50%;}
  .baseTitle .div2 a em.em2{ left:50%;}
  .baseTitle .div2 .em3{ display:block; position:absolute; z-index:1; top:50%; margin-top:-1px; left:25%; width:50%; height:0; border-top:#ededed 1px solid;}
  .baseTitle:hover .div2 a .em1,.baseTitle:hover .div2 a .em2{ width:130px;}
  .baseTitle .div3{ font-size:14px; color:#888; padding-top:15px; letter-spacing:2px;}

  /*产品展示*/
  .pro-bj{position: relative;}
  .pro-bj .top_m{display: block;width: 120px;height: 40px;position: absolute;top: -10px;left: 50%;margin-left: -60px;background: url(../images/pro_top.jpg) top center no-repeat;}
  .h60{height: 60px;}
  #pro-box1{
    width: 90%;
    overflow: hidden;
    margin: 50px auto;
  }
  @media (max-width: 1366px) {
    #pro-box1{
    width: 100%;
    overflow: hidden;
    margin: 50px auto;
    }
  }
  #pro-box1 li{
      width: 24%;
      height: 330px;
      background: #fff;
      margin: 0 0.5% 20px 0.5%;
      float: left;
      list-style: none;
      position: relative;
      z-index: 0;
      border-bottom: solid 1px #e0e0e0;
      box-sizing: border-box;

  }
  #pro-box1 li .Img div{
      width: 100%;
      height: 330px;
      padding: 0;
      margin: 0;
      display: block;
  }
  #pro-box1 li p{
    position: absolute;
    width: 100%;
    height: 50px;
    background: rgba(0,0,0,0.7);
    z-index: 999;
    left: 0;
    bottom: 0;
  }

  #pro-box1 li p .sytitle{
      width: 100%;
      font-size: 16px;
      color: #fff;
      line-height: 50px;
      margin-left: 20px;
  }
  #pro-box1 li p .smore{
    display: block;
    width: 35%;
    z-index: 3;
    margin: 0 auto;
    position: absolute;
    right: 20px;
    bottom: 10px;
    background: url(../images/cpjt.png) right center no-repeat;
    height: 30px;
  }
  #pro-box1 li p .tumore{display: none;}
  #pro-box1 li p .cptel{display: none;}
  #pro-box1 li:hover p{height: 100%; background: rgba(0,98,190,0.7); transition: all 1s ease 0s;}
  #pro-box1 li:hover p .sytitle{text-align: center;color: #fff;font-size: 25px;display: block;margin-left: initial;margin-top: 70px;}
  #pro-box1 li:hover p .cptel{display: block;color: #fff;text-align: center;font-family: "Impact";font-size: 35px;margin-top: 10px;}
  #pro-box1 li:hover p .smore{display: none;}
  #pro-box1 li:hover p .tumore{display: block;width: 45px;height: 45px;background: #fff;border-radius: 50px;margin: 0 auto;text-align: center;line-height: 40px;margin-top: 20px;font-size: 30px;color: #e20000;}

  #pro-box1 li .avatar{
      position: relative;
  }
  #pro-box1 li .avatar{
      display: block;
      height: 330px;
      overflow: hidden;
      width:100%;
  }
  #pro-box1 li .avatar .myClass{
      height: 330px;
  }
  .avatar:after {
      bottom: 0;
      content: url("../images/bg_play.png");
      left: 5px;
      position: absolute;
      z-index: 10;
  }
  .avatar:hover, .zhuti .avatar:hover, .bbsinner .avatar:hover {
      box-shadow: 0 0 10px gray;
  }
  .avatar:hover .myClass, .zhuti .avatar:hover .myClass, .bbsinner .avatar:hover .myClass {
      transform: scale(1.3);
      transition: all 1s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s;
  }

  .pro_more{width: 560px;margin: 0 auto;margin-top: 50px;height: 60px;}
  .pro_more a{display: block;width: 260px;height: 50px;border-radius:35px;float: left;margin-left: 10px;margin-right: 10px;text-align: center;line-height: 50px;color: #fff;}
  .pro_more .cpdh{background: #cf0c02 url(../images/tel.png) 15px center no-repeat;font-size: 25px;font-family: "Impact";}
  .pro_more .cpgd{background: #0e5cb6;font-size: 16px;}
  .pro_more:hover a{color: #fff;}
  .pro_more .cpdh:hover{margin-top: 10px;background: #bc0900 url(../images/tel.png) 15px center no-repeat;}
  .pro_more .cpgd:hover{margin-top: 10px;background: #004faa;}

  /*公司简介*/
  .about_bj{height: 580px;width: 100%;background: url(../images/gsbj.jpg) top center no-repeat;margin-top: 50px;}
  .abbt{text-align: center;height: 90px;background: url(../images/ab.png) top center no-repeat;margin-top: 30px;}
  .abbt a{color: #000;font-size: 35px;font-weight: bold;display: block;padding-top: 15px;color: #000;}
  .abbt em{display: block;width: 70px;height: 4px;background: #cf0c02;margin: 0 auto;margin-top: 10px;}
  .abbt:hover a{color: #0e5cb6;}
  .abbt:hover em{width: 145px;transition: all 1s ease 0s;}
  .neirong{width: 650px;box-shadow: 0 5px 5px #ccc;float: right;position: relative;background: #FFF;text-align: left;padding: 50px 30px 60px 400px;margin-top: 20px;}
  .neirong h3{color: #0e5cb6;font-size: 23px;font-weight: bold;}
  .neirong span{font-size: 15px;color: #616161;font-family: "Times New Roman";text-transform: uppercase;line-height: 50px;}
  .neirong p{color: #727272;font-size: 15px;line-height: 28px;}
  .ablb{margin-top: 30px;}
  .ablb ul li{float: left;width: 198px;height: 60px;background: url(../images/juxing.png) left center no-repeat;margin-right: 10px;line-height: 60px;}
  .ablb ul li img{padding-left: 35px;}
  .ablb ul li a{color: #fff;font-size: 16px;padding-left: 10px;}
  .ablb ul li:hover{background: url(../images/juxinga.png) left center no-repeat;}
  .ablb ul li:hover a{font-size: 18px;}
  .abtu{width: 590px;height: 363px;position: absolute;margin-top: 40px;overflow: hidden;float: left;background: url(../images/abtu.jpg) #ffffff no-repeat 0 center;box-shadow: 0 5px 5px #ccc;z-index: 9}

  /*数字*/
  .ys_box{height: 110px;background: #fff;width: 1300px;margin:0 auto;overflow: hidden;}
  .ys_box ul li{float: left;width: 320px;height: 110px;text-align: center;border-right: 1px #e5e5e5 solid;margin-top: 10px;}
  .ys_box ul li:nth-child(4) {border-right-style: none;}
  .ys_box .div1 .span1{font-size: 50px;color: #e00b00;font-family: "方正宋黑简体";}
  .ys_box .div1 .span3{font-size: 16px;color: #000;font-family: "方正宋黑简体";}
  .ys_box .div2 .span2{font-size: 18px;color: #7a7a7a;}

  /*优势*/
  .ysbj{height: 895px;width: 100%;background: url(../images/ysbj.jpg) center no-repeat;margin-top: 40px;}
  .ysbt{text-align: center;padding-top: 55px;width: 1300px;margin: 0 auto;overflow: hidden;}
  .ysbt b{color: #292929;font-size: 35px;font-weight: bold;}
  .ysbt b img{padding-top: 10px;animation: ball .6s infinite alternate;}
  @-webkit-keyframes ball {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }
  }
  @keyframes ball {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }
  }
  .ysbt span{display: block;font-family: "Times New Roman";font-size: 20px;color: #a8a8a8;text-transform: uppercase;line-height: 35px;font-style: italic;}
  .ysneirong{width: 1200px;margin: 0 auto;background: url(../images/yscen.png) center 150px no-repeat;height: 700px;position: relative;overflow: hidden;}
  .biaoyu{width: 285px;height: 40px;background: #ffcc00;border-radius: 25px;margin-top: 100px;margin-left: 435px;line-height: 40px;font-size: 18px;color: #000;text-align: center;}
  .ysa{width: 390px;padding-top: 90px;}
  .ysa span{display: block;width: 105px;height: 105px;background: url(../images/yuan.png) center center no-repeat;font-size: 55px;color: #ff5a00;font-weight: bold;text-align: center;line-height: 105px;}
  .ysa p{color: #fff;font-size: 15px;display: block;width: 275px;}
  .ysa p b{font-size: 20px;line-height: 45px;}
  .ysb{width: 420px; margin-top: 35px;margin-left: 20px;}
  .ysb span{display: block;width: 105px;height: 105px;background: url(../images/yuan.png) center center no-repeat;font-size: 55px;color: #ff5a00;font-weight: bold;text-align: center;line-height: 105px;}
  .ysb p{color: #000;font-size: 15px;display: block;width: 300px;margin-top: 50px;text-align: right;}
  .ysb p b{font-size: 20px;line-height: 45px;}
  .ysc{width: 430px;position: absolute;bottom: 30px;margin-left: 380px;}
  .ysc span{display: block;width: 105px;height: 105px;background: url(../images/yuan.png) center center no-repeat;font-size: 55px;color: #ff5a00;font-weight: bold;text-align: center;line-height: 105px;margin: 0 auto;}
  .ysc p{color: #000;font-size: 15px;display: block;width: 430px;text-align: center;}
  .ysc p b{font-size: 20px;line-height: 45px;}





  /*案例*/
  .xwbt{text-align: center;font-size: 35px;}
  .xwbt a{color: #000;}
  .xwbt a em{display: block;width: 60px;height: 4px;background: #2495e4;margin: 0 auto;margin-top:18px;}
  .xwbt a:hover{color: #0e5cb6}
  .xwbt a:hover em{background: #df0000;}

  .case_bj{height:auto;margin-top: 40px;}


  .commend-pro {position: relative;width: 400px;height:490px;overflow: hidden;}

  .commend-pro .pro-content ul li {overflow: hidden;width: 400px;height: 490px;}

  .commend-pro .pro-content ul li a .myClass {width: 400px;height:490px;}

  .commend-pro .pro-content ul li a cite {position: relative;width: 100%;display: block;text-align: center;height: 34px;line-height: 34px;font-style: normal; }

  .commend-pro .pro-content ul li a span {height: 50px;line-height:50px;width: 100%;text-align: center;color: #fff;font-size: 16px;position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.7);display: none;}
  .commend-pro .pro-content ul li a:hover span {background: rgba(14, 92, 182, 0.7);display: block;}
  .commend-pro .pro-content ul li .avatar .myClass {
      display: block;
      height: 490px;
      overflow: hidden;
      width: 400px;
      position: relative;
  }
  .commend-pro .pro-content ul li .avatar .myClass{
      height: 490px;
  }
  .commend-pro .pro-content ul li .avatar .myClass:hover , .zhuti .avatar .myClass:hover, .bbsinner .avatar .myClass:hover  {
      transform: scale(1.3);
      transition: all 1s ease 0s;
      -webkit-transform: scale(1.3);
      -webkit-transform: all 1s ease 0s;
  }
  .alright{width: 100%;height: 490px;float:right;}
  #demo {WIDTH: 100%;OVERFLOW:hidden;height: 490px;}



  #indemo {

      WIDTH:9000px; FLOAT:left

  }

  #demo1 {

      FLOAT:left;

      width:1680px;

  }

  #demo2 {

      FLOAT:left;

      width:1380px;

  }

  .showcar li{width:320px; height:240px; float:left; margin-left:15px;overflow:hidden; position:relative; margin-bottom:10px;}

  .showcar li .myClassa{width:320px; height:240px;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;}

  .showcar li p{display: none; width:320px; height:45px;text-align:center; line-height:45px; position:absolute; left:0px; bottom:0px;background: rgba(0, 0, 0, 0.6);}

  .showcar li a{color:#fff; font-size:15px;}

  .showcar li:hover p{background: rgba(0, 113, 212, 0.7);display: block;}
  .showcar li .avatara .myClassa {
      display: block;
      height: 240px;
      overflow: hidden;
      width: 320px;
      position: relative;
  }
  .showcar li .avatara .myClassa{
      height: 240px;
  }
  .showcar li .avatara .myClassa:hover , .zhuti .avatara .myClassa:hover, .bbsinner .avatara .myClassa:hover  {
      transform: scale(1.3);
      transition: all 1s ease 0s;
      -webkit-transform: scale(1.3);
      -webkit-transform: all 1s ease 0s;
  }


  /*广告*/
  .index_gg{height: 230px;background: url(../images/ggbj.jpg) center no-repeat;margin-top: 60px;}
  .ggfl{width: 620px;}
  .gbt{padding-top: 20px;}
  .gbt h3{color: #fff;font-size: 40px;}
  .gbt span{color: #fff;font-size: 16px;text-transform: uppercase;}
  .gys{margin-top: 20px;}
  .gys ul li{float: left;color: #fff;font-size: 16px;background: url(../images/dui.png) left center no-repeat;padding-left: 35px;margin-right: 45px;}
  .gdh{width: 410px;height: 40px;background: #ffb400 url(../images/tel.png) 40px center no-repeat;border-radius: 25px;margin-top: 15px;line-height: 40px;color: #fff;font-size: 16px;padding-left: 90px;}
  .gdh span{font-family: "Impact";font-size: 25px;}
  .ggfr img{animation: ball .6s infinite alternate;}

  /*厂貌*/
  #focus_Box{position:relative;height:450px; margin-top:40px;}
  #focus_Box ul{position:relative;width:1400px; height:450px;}
  #focus_Box li{z-index:0;position:absolute;width:0px;height:0;top:0px;cursor:pointer;left:377px;border: 10px #fff solid;}
  #focus_Box li img{width:100%;height:100%;vertical-align:top; position:relative;}
  #focus_Box li span{height:50px; line-height:50px;text-align:center; color:#fff; position:absolute; bottom:0; width:100%;background-color: rgba(0,0,0,.7);display:none;}
  #focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:67px;height:140px;top:25%; margin-top:-6px;}
  #focus_Box .prev{background:url(../images/btn.png) left bottom no-repeat;left:-50px;}
  #focus_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:-50px;}
  #focus_Box .prev:hover{background-position:left top;}
  #focus_Box .next:hover{background-position:right top;}
  #focus_Box li:hover span{background-color: rgba(14,92,182,.7);display: block;}


  .index_ser{height: 600px;background: #eee;margin-top: 40px;}
  .jsbt{text-align: center;padding-top: 20px;}
  .jsbt a{display: block;background: url(../images/xian.png) center bottom no-repeat;height: 90px;line-height: 70px;color: #000;font-size: 35px;font-weight: bold;}
  .jsbt a span{color: #0e5cb6;}
  .jsbt p{font-size: 16px;color: #949598;line-height: 35px;}
  .jsbt a:hover span{color: #d10a00;}
  .serlb{margin-top: 35px;}
  .serlb ul li{float: left;margin-right: 20px;position: relative;width: 420px;height: 400px;}
  .serlb ul li:nth-child(3){margin-right: initial;}
  .wenti{width: 330px;height: 200px;background: #0061d2;position: absolute;top: 170px;left: 55px;text-align: center;}
  .wenti img{display: block;margin: 0 auto;margin-top: 20px;margin-bottom: 15px;}
  .wenti a{color: #fff;font-size: 18px;}
  .wenti em{display: block;width: 55px;height: 2px;background: #fff;margin: 0 auto;margin-top: 12px;}
  .wenti span{font-size: 15px;color: #fff;line-height: 35px;}
  .wenti:hover{background: #df0000;cursor: pointer;box-shadow: 0 5px 5px #ccc;}
  .wenti:hover img{cursor:pointer; -webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
  .wenti:hover a{color: #fff;font-size: 20px;}
  /*工程案例*/
  .hotbj{background:url(../images/hotbj.jpg) center 150px no-repeat; margin-top:35px;}

  #demokk{overflow:hidden;width:100%;}
  #demokk .demowrap{overflow:hidden;width:30000px;margin-top: 30px;}
  #demokk .demowrap li{float:left;margin: 0 10px;display:inline;width: 239px;height: 239px;overflow: hidden;border-radius: 50%;}
  #demokk .demowrap li a{display:block;width: 100%;height: 350px;overflow:hidden;position:relative;}
  #demokk .demowrap li a:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transition:all .5s;}
  #demokk .demowrap li .project_info{width:100%;height:100%;position:absolute;left:0;top:0;transition:all ease-out .3s;}
  #demokk .demowrap li a:hover .project_info{background: initial;}
  #demokk .demowrap li .project_info div{position:relative;bottom: -164px;left: 0;height: 45px;line-height: 45px;background: #3883E1;}
  #demokk .demowrap li .project_info p.title{color: #fff;font-size:16px;transition:all ease-out .3s;}
  #demokk .demowrap li .project_info p{text-align:center;color:#fff;padding:0 20px;}
  #demokk .demowrap li a:hover .project_info p.title{color:#fff;background-color: #cf0c02;}
  /*新闻*/
  .newsbj{ height:auto; width:100%; background:#f7f7f7; padding-bottom:50px;margin-top:40px;}
  .xwbt{padding-top: 45px;}
  .btfl{
    margin-bottom: 30px;
    display: block;
    width: 100%;
}
  .btfl h3{display: block;height: 40px;color: #000;font-size: 30px;background: url(../images/xwa.png) left center no-repeat;line-height: 40px;padding-left: 40px;}
  .btfl span{display: block;height: 30px;line-height: 30px;background: url(../images/xian.jpg) left center no-repeat;font-size: 14px;color: #7e7e7e;font-family: "Times New Roman";padding-left: 60px;}
  .btfr{height: 30px;background: #eee;border: 1px #e1e1e1 solid;line-height: 30px;margin-top: 10px;}
  .btfr a{color: #727272;font-size: 15px;float: left;width: 100px;border-right: 1px #e1e1e1 solid;}
  .btfr a:nth-child(2){border-right: initial;}
  .btfr a:hover{background: #df0000;color: #fff;}
  .xwlb{}
  .xwlb ul li{width: 313px;height: 415px;background: #fff;float: left;margin-right: 6px;margin-left: 6px;margin-top: 30px;position: relative;}
  .xwlb ul li:nth-child(4){margin-right: initial;}

  .xwClass{background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;}

  .xwlb ul li .xwtel{width: 185px;height: 35px;background: #035dbd;margin: 0 auto;line-height: 35px;text-align: center;color: #fff;font-size: 16px;position: absolute;top:190px;left: 75px; z-index: 99;}
  .xwlb ul li .xwnr{padding: 30px 10px 0 10px;}
  .xwlb ul li .xwnr h3{font-size: 16px;color: #000;line-height: 35px;overflow: hidden;height: 45px;}
  .xwlb ul li .xwnr p{font-size: 14px;color: #7a7a7a;line-height: 22px;display: block;height: 70px;overflow: hidden;}
  .xwlb ul li .xwnr span{display: block;background: url(../images/rili.png) left center no-repeat;padding-left: 30px;color: #a4a4a4;font-size: 14px;margin-top: 5px;}
  .xwlb ul li:hover{box-shadow: 0 5px 10px #c2c2c2;}
  .xwlb ul li:hover .xwtel{top:85px;transition: all 1s ease 0s;}
  .xwlb ul li:hover .xwnr{background: #035dbd;height: 250px;position: absolute;bottom: 0;}
  .xwlb ul li:hover .xwnr h3{font-weight: bold;font-size: 16px;color: #fff;}
  .xwlb ul li:hover .xwnr p{color: #f3f3f3;font-size: 14px;}
  .xwlb ul li:hover .xwnr span{display: block;background: url(../images/rilia.png) left center no-repeat;color: #fff;}
  .xwlb ul li .xwmore{display: none;}
  .xwlb ul li:hover .xwmore{display: block;position: absolute;bottom: 10px;left: 145px;}

  /*流程*/
  .lcbt{text-align: center;margin-top: 60px;margin-bottom: 50px;}
  .lcbt b{font-size: 35px;color: #333;}
  .lcbt b span{color: #c80a01;}
  .lcbt p{font-size: 16px;color: #a8a8a8;text-transform: uppercase;line-height: 40px;}
  .zhizuo{height: 250px;background: #fff;margin-top: 30px;}
  .zhizuo ul{display: block;width: 1300px;margin: 0 auto;}
  .zhizuo ul li{width: 260px;height: 240px; float: left;background: url(../images/juxingb.png) top center no-repeat;margin-top: 5px;}
  .zhizuo ul li img{display: block;margin: 0 auto;margin-top: 40px;}
  .zhizuo ul li span{display: block;width: 260px;text-align: center;font-size: 18px;color: #000;margin-top: 70px;}
  .zhizuo ul li:hover img{cursor:pointer; -webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}

  /*底部*/
  .footbj{height: 484px;background: url(../images/footbj.jpg) center no-repeat;width: 100%;}
  .foot{width: 570px;}
  .fbt{width: 570px;height: 80px;border-bottom: 1px #528acb solid;line-height: 80px;}
  .fbt a{font-weight: bold;color: #fff;font-size: 25px;}
  .fbt a span{font-weight: normal;color: #528acb;font-family: "Impact";}
  .fbt a:hover{color: #de0a00;}
  .ewm{width: 197px;margin-top: 80px;text-align: center;}
  .ewm span{color: #fff;line-height: 45px;font-size: 15px;}
  .ftel{width: 371px;margin-top: 30px;}
  .ftel h3{font-size: 23px;color: #d2e7ff;font-weight: bold;line-height: 60px;}
  .ftel p{display: block;background: url(../images/tua.jpg) left center no-repeat;height: 250px;padding-left: 65px;font-size: 16px;color: #d2e7ff;line-height: 41px;}
  .map{width: 640px;}
  .mbt{}
  .mbt b{color: #292929;font-size: 25px;line-height: 85px;}
  .mbt b span{color: #11519c;font-family: "Impact";text-transform:uppercase;font-weight: normal;}
  .mbt p{display: block;height: 45px;line-height: 45px;border-bottom: 1px #939393 solid;border-top: 1px #939393 solid;font-size: 16px;color: #3d3d3d;}
  .ditu{margin-top: 30px;}
  .fmore{width: 160px;height: 35px;background: #ff7800;margin-top: 15px;line-height: 35px;text-align: center;}
  .fmore a{color: #fff;font-size: 16px;display: block;}
  .fmore:hover{background: #e86d00;}
  .fmore:hover a{color: #fff;}
  .copy{width: 100%;height: 60px;background: #0e417d;text-align: center;line-height: 60px;color: #fff;font-size: 14px;}
  .copy a{color: #fff;}


  /* 回到顶部 */
   #returnTop {
      _display:none;
      position:fixed;
      _position:absolute;
      z-index:999;
      right:15px;
      bottom:-200px;
      _bottom:auto;
      width:36px;
      height:65px;
      text-indent:-999px;
      overflow:hidden;
      background-image:url(../images/top.png);
      _background-image:url(../images/top.png);
      background-repeat:no-repeat;
      background-position:0 0;
      transition:bottom 0.9s;
      -webkit-transition:bottom 0.9s;
      -moz-transition:bottom 0.9s;
      -o-transition:bottom 0.9s;
  }
  #returnTop:hover {
      background-position:0 -65px;
  }

  /*内页分类*/
  .h60{height: 60px;}
  .nybanner{height: 450px;background: url(../images/nybanner.jpg) center no-repeat;position: relative;}

  .H-proclass{width: 1200px;height: 120px;background: #eee;margin-bottom: 20px;}
  .H-proclass span a{display: block;float: left; width: 210px;height: 120px;background: #ffbe00;line-height: 120px;text-align: center;font-size: 18px;color: #fff;}
  .H-proclass span a:hover{background: #ff9600;}
  .H-proclass ul{display: block;float: right;width: 980px;}
  .H-proclass ul li{float: left;line-height: 40px;}
  .H-proclass ul li a{font-size: 15px;color: #868686;padding-left: 13px;padding-right: 13px;}
  .H-proclass ul li:hover a{color: #cd0007;text-decoration: underline;}

  .H-proclassa{width: 1200px;height: 40px;background: #eee;margin-bottom: 20px;}
  .H-proclassa span a{display: block;float: left; width: 210px;height: 40px;background: #ffbe00;line-height: 40px;text-align: center;font-size: 18px;color: #fff;}
  .H-proclassa span a:hover{background: #ff9600;}
  .H-proclassa ul{display: block;float: right;width: 980px;}
  .H-proclassa ul li{float: left;line-height: 40px;}
  .H-proclassa ul li a{font-size: 15px;color: #868686;padding-left: 13px;padding-right: 13px;}
  .H-proclassa ul li:hover a{color: #cd0007;text-decoration: underline;}
  /*当前导航*/

  .breadcrumbs{height:70px;font-size:14px;line-height:70px;color:#b0b0b0;background: #fdfdfd;border-bottom: 1px solid #f0f0f0;}
  .breadcrumbs .dh_boxa{width: 89%;margin: 0 auto;overflow: hidden;}
  .breadcrumbs .sortName{ color:#388c19; font-size:22px; font-weight:700;}
  .breadcrumbs .dqdhMain{ float:right; }
  .breadcrumbs .dqdhMain a{font-size: 14px;color: #666; display:inline-block;}
  .breadcrumbs .dqdhMain a:hover{ text-decoration:underline; color:#000;}
  .breadcrumbs .dqdhMain .span2{ color:#b7b7b7; font-size: 14px; display:inline-block; padding:0 5px;}
  .breadcrumbs .indexa{ }
  .breadcrumbs .span1{ color:#666;padding:0 10px 0 30px; background:url(../images/dizhi.png) left center no-repeat;}
  .breadcrumbs .dqdh_class{ margin-top:15px; float:left;}
  .breadcrumbs .dqdh_class li{ float:left; padding:0 15px 0 0px; }
  .breadcrumbs .dqdh_class li a{ display:block; padding:0 50px; height:40px; line-height:40px; background-color:rgb(48,93,195); color:#fff; font-size:15px; position:relative;}
  .breadcrumbs .dqdh_class li a::before,.breadcrumbs .dqdh_class li a::after{ content:''; display:block; position:absolute; top:50%; margin-top:-6px; height:12px; width:1px; border-left:1px solid #fff; border-right:1px solid #fff;}
  .breadcrumbs .dqdh_class li a::before{ left:20px;}
  .breadcrumbs .dqdh_class li a::after{ right:20px;}
  .breadcrumbs .dqdh_class li a:hover,.breadcrumbs .dqdh_class li.active a{ background-color:#ff7800;}

  .nybt{text-align: center;}
  .nybt h1{display: block;font-weight: bold;font-size: 30px;background: url(../images/line1.jpg) bottom center no-repeat;height: 60px;line-height: 55px;}
  .nybt p{font-size: 14px;color: #999;margin-top: 15px;}

  .about-information h2 {
      text-transform: uppercase;
      font-family: "Microsoft YaHei";
      font-weight: 500;
      margin-bottom: 30px;
      margin-top: 0;
  }
  .section-header h2:before {
      border-left: 50px solid #DADADA;
      border-right: 50px solid #DADADA;
      bottom: 5px;
      content: "";
      height: 1px;
      left: 50%;
      margin-left: -70px;
      position: absolute;
      width: 40px;
  }
  .section-header h2:after {
      background: #E70014 none repeat scroll 0 0 padding-box content-box;
      border-bottom: 1px solid #DADADA;
      border-left: 1px solid #DADADA;
      bottom: -10px;
      content: "";
      height: 22px;
      left: 50%;
      margin-left: -16px;
      padding: 0 0 8px 8px;
      position: absolute;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      width: 22px;
  }
  .section-header p {
      text-align: center;
      color: #969595;
      font-size: 15px;
      padding: 0 150px;
      margin: 0 0 40px 0;
      font-family: "Microsoft YaHei";
  }
  .section-header h2 {
      margin-top: 0;
      margin-bottom: 30px;
      font-size: 45px;
      font-weight: 500;
      color: #313131;
      font-family: "Microsoft YaHei";
      text-align: center;
      text-transform: uppercase;
      position: relative;
      padding-bottom: 30px;
  }
  /*内页导航*/
  .sycpfl{width: 270px;}
  .biaoti{background: url(../images/zcbt.png) top center no-repeat;height: 85px;width: 270px;text-align: center;}
  .biaoti a{display: block;text-align: center;color: #fff;font-size: 26px;line-height: 45px;}
  .biaoti span{color: #fff;font-size: 18px;}
  .cpfl{width: 260px;background: #f4f4f4;height: auto;padding-bottom: 30px;}
  .cpfl ul{width: 230px;margin: 0 auto;}
  .cpfl ul li{height: 60px;line-height: 60px;border-bottom: 1px #9b9b9b dotted;background: url(../images/jiantou.png) 30px center no-repeat;}
  .cpfl ul li a{font-size: 15px;color: #000;padding-left: 65px;display: block;}
  .cpfl ul li:hover a{color: #dc0000;font-weight: bold;padding-left: 75px;}
  .sytel{width: 260px;height: 190px;background: #3063b5 url(../images/teltu.png) left bottom no-repeat;margin-top: 15px;}
  .sytel p{font-size: 16px;color: #fff;display: block;padding-top: 40px;margin-left: 95px;}
  .sytel p span{font-size: 23px;font-family: "Impact";display: block;}
  .sytel a{display: block;width: 130px;height: 35px;background: #ffba00;line-height: 35px;text-align: center;border-radius: 25px;color: #fff;font-size: 16px;margin-top: 15px;margin-left: 115px;}
  .sytel a:hover{background: #ff8400;color: #fff;}


  .nytel{background: #fff;width: 260px;height: auto;margin-top: 20px;}
  .nytel span{display: block;height: 60px;background: #3063b5;line-height: 60px;text-align: center;color: #fff;font-size: 23px;}
  .nytel span b{font-weight: normal;font-size: 17px;}
  .nytel p{padding: 15px;font-size: 16px;line-height: 30px;color: #333;}


  .lybt{ text-align:center; margin-top:40px;}
  .lybt span{font-size: 43px !important;line-height: 45px;text-transform: uppercase;color:#5a5a5a !important;}
  .lybt h3{ display:block; font-size:20px; line-height:45px;color:#5a5a5a;background: url(../images/xiana.jpg) center bottom no-repeat;}
  .liuyan{ margin-top:30px; text-align:center;}
  .liuyan span{ font-size:20px;color: rgb(215, 12, 25);}
  .liuyan a{ font-size:16px;color: #CCCCCC;}
  .liuyan p{ font-size:16px;color: #666666; line-height:30px;}

  .nyfl{}
  .nyfl ul li{width: 160px;height: 45px;background: #1964d2;float: left;margin-bottom: 15px;margin-right: 10px;border-radius: 25px;text-align: center;line-height: 45px;}
  .nyfl ul li a{color: #fff;font-size: 16px;display: block;}
  .nyfl ul li:hover{background: #d90000;font-weight: bold;}

  /*内页关于我们*/
  .about_box{width: 1300px;margin: 0 auto;margin-top: 50px;}
  .about_box .about_left{ width:100%;}
  .about_box .about_left .about_t1 { position:relative; height:40px;}
  .about_box .about_left .about_t1 .div1{ font-size: 21px; line-height: 148%; color:#000;}
  .about_box .about_left .about_t1 .div2{ font-size:18px; color:#444;}
  .about_box .about_left .about_t1 .about_t2{text-align: center;} 
  .about_box .about_left .about_t1 .about_t2 .span1{font-size:28px; font-weight:700; line-height:38px; color:#000;}
  .about_box .about_left .about_t1 .about_t2 .span2{ font-size:14px; text-align:right; color:#b7b7b7; line-height:20px;}
  .about_box .about_left .text{ 
      line-height:35px; 
      color:#666; 
      font-size:15px; 
      text-indent:2rem; 
      padding-top:25px;
  }
  .about_box .about_left .text p{ 
      width:30%;
      height: auto;      
      padding:10px 0;}
  .about_box .about_left .text p img{
      height: 200px;
  }
  .about_box .about_right{ width:370px;}
  .about_box .about_right ul{ margin-top:8px;}
  .about_box .about_right ul li{ float:left; margin-left:2px; width:180px; margin-bottom:3px;border: 1px #ccc solid;}
  .about_box .about_right ul li a{ display:block; width:100%; height:130px;background-repeat:no-repeat !important; background-size:cover !important;background-position:center center !important; -webkit-background-size: cover;  
  -moz-background-size: cover;  -o-background-size: cover; }




  /*·ÖÒ³*/
  .page_nav{ padding:15px 15px; color:#999; font-size:14px; text-align:center; background-color:#fff;}
  .page_nav .nolink{display:inline-block; margin:0 5px; padding:0 5px; height:25px; line-height:25px; border:1px solid #fff;}
  .page_nav font,.page_nav a{ display:inline-block; margin:0 5px; padding:0 10px; border:1px solid #e5e5e5; height:25px; line-height:25px; border-radius:5px;}
  .page_nav font{ border:1px solid #fff;}
  .page_nav a:hover{ color:#fff; border:1px solid #54a530; background-color:#54a530}

  .viewpage{ margin:0; padding:20px 0 50px 0; border-top:1px solid #eee;}
  .viewpage .main_r_nav{ color:#999; font-size:14px; line-height:30px;padding-left: 20px;padding-right: 20px;}
  .viewpage .main_r_nav a{ font-size:14px; color:#444}
  .viewpage .main_r_nav a:hover{ text-decoration:underline;}

  /*分页*/
  .fenye{ text-align:center; color:#666; font-size:14px; line-height:30px; padding:20px 0;}
  .fenye li{display:inline;width:20px;margin: 2px;border:1px #ccc solid;padding: 4px 10px;border-radius:4px;}
 .fenye li.active{background:#eee}

    
  .fenye .rows{ color:#666; font-size:13px; padding:0 10px;}
  .fenye .current{ display: inline-block; color:#cc0000; font-size:14px; padding:0 5px;}
  .fenye .num,.fenye .next{display:inline-block; margin:0 3px; padding:0 10px;  border:1px solid #ddd; color:#666; font-size:14px; height:28px; line-height:27px; border-radius:5px;}
  .fenye .num:hover,.fenye .next:hover{ background-color:#cc0000; color:#fff; border:1px solid #cc0000;}

  .maina{background-color:#eee;padding-bottom: 60px;width: 100%;padding: 60px 0;}
  .main{ background-color:#fff;padding-bottom: 60px;}
  .main .main_right{ width:100%;border-top: 1px #ebebeb solid;background: url(../images/on_bj.jpg) left center no-repeat;}
  .main .main_righta{ width:100%;}
  .main .main_rightb{border: 1px solid #f0f0f0;margin-top: 50px;}
  .text{ line-height:35px; font-size:15px; color:#666;padding:30px;}
  .text span{font-size:15px; color:#666;}
  .texta{ line-height:35px; font-size:15px; color:#666;padding:30px;}

  .main .tT01{ text-align:center; line-height:35px; padding-top:30px;background: #fdfdfd}
  .main .tT01 h1{ font-size:2em; color:#444; text-align: center;}
  .main .tT01 .span1{ font-size:24px; color:#444;}
  
  .main .subtitle{font-size: 16px; line-height:50px; height: 50px; color: #8F8F8F; text-align:center;border-bottom: 1px #f0f0f0 dotted;background: #fdfdfd}
  .main .subtitle span{ padding:0 10px;}

  .mainBox{margin-top: 50px;}

  .classify{width: 89%;margin: 0 auto;margin-top: 20px;margin-bottom: 20px;min-height: 185px;overflow: hidden;}
  .classify ul li{float: left;height: 50px;background: #2e6fd3;width: 19.2%;margin-right: 10px;margin-bottom: 10px;line-height: 50px;text-align: center;}
  .classify ul li a{color: #fff;font-size: 16px;display: block;}
  .classify ul li:hover{background: #d53433;}

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

      .classify ul li{width: 19%;}
  }


  #faqbox{padding:90px 0 50px 0; width:700px; margin:0 auto;}
  #faqbox form{}
  #faqbox .faqline{line-height:2em;text-align:left; padding-bottom:10px; color:#999; font-size:13px;}
  #faqbox .faqtit{width:150px;display:block;float:left;clear:both;text-align:right; color:#555;}
  #faqbox .Content{line-height:2em;text-align:left; padding-bottom:10px;}
  #faqbox font{margin:0 5px;}
  #faqbox .FaqTitle{ height:50px; line-height:50px; padding:0 10px; border:1px solid #ddd; width:435px; vertical-align:top;}
  #faqbox .Content textarea{height:100px;}
  .wizfrm{ border:none;width:455px;height:50px;line-height:50px;font-size:16px;color:#fff;text-align:center;cursor:pointer;background:#fff; margin-top:20px;  font-family:'Microsoft YaHei';-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; border-radius:5px;background-color:#dd0103; }
  .wizfrm:hover{ background-color:#ff9900; }

  /**/
  .maina .nypro-box{width: 90%;overflow: hidden;margin: 10px auto;}
  .maina .proListal{width:100%;}
  .maina .proListal li{ width:24%; float:left;background: #fff;height: 450px;margin-bottom: 20px;margin-left: 10px;position:relative;} 
  .maina .proListal li .boxal{ width:100%; height:300px;display:block; cursor:pointer;}
  .maina .proListal li .boxal .spanImgal{ 
      display:block; 
      overflow:hidden;
      width:80%; 
      height:300px;
      margin: 0 auto;
      margin-top: 15px;
  background-position:center center; 
  -webkit-background-size: cover;  
  -moz-background-size: cover;  
  -o-background-size: cover; 
  background-size:cover;}

  .maina .proListal li .probt{width: 93%;margin: 0 auto;}
  .maina .proListal li .probt .protitle{font-size: 18px;color: #535353;line-height: 40px;}
  .maina .proListal li .probt p{font-size: 14px;color: #a7a7a7;line-height: 23px;display: block;height: 50px;overflow: hidden;}
  .maina .proListal li .probt .promore{display: block;background: url(../images/look.png) left center no-repeat;color: #a7a7a7;font-size: 14px;padding-left: 30px;margin-top: 10px;}
  .maina .proListal li:hover .probt .protitle{color: #d40a00;padding-left: 15px;}
  .maina .proListal li .probt .promore:hover{color: #d40a00;}

  .proListal li .avatar{
      position: relative;
  }
  .proListal li .avatar{
      display: block;
      height: 300px;
      overflow: hidden;
      width:100%;
  }
  .proListal li .avatar img{
      /*width:100%;*/
      margin:5px 10px;
      /*height: auto;*/
  }
  .avatar:hover, .zhuti .avatar:hover, .bbsinner .avatar:hover {
      box-shadow: 0 0 10px gray;
  }
  .avatar:hover .spanImgal, .zhuti .avatar:hover .spanImgal, .bbsinner .avatar:hover .spanImgal {
      transform: scale(1.3);
      transition: all 1s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s;
  }


  /**/
  .main .news_list{width:100%;margin: 0 auto;overflow: hidden;}
  .main .news_list li{border-bottom: 1px dotted #ccc; padding:50px;}
  .main .news_list li .img{border: 1px #f0f0f0 solid;}
  .main .news_list li .lMore{ width:1300px;margin: 0 auto;position: relative;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
  .main .news_list li .xwneirong{}
  .main .news_list li .xwneirong .title{font-size: 18px;color: #393939;line-height: 36px; margin-bottom:15px;}
  .main .news_list li .xwneirong span{ font-size:14px; color:#999;display: block;line-height: 40px;}
  .main .news_list li .xwneirong p{font-size:14px; color:#999; line-height:26px;}
  .main .news_list li .xwneirong .more2{width: 88px;height: 30px;line-height: 30px;color: #999999;border: 1px solid rgba(0, 0, 0, .1);bottom: 30px;display:block; font-size:13px; text-align:center; float:right; margin-top:30px;}
  .main .news_list li:hover{background: #3882e1;}
  .main .news_list li:hover .lMore{left:-16px;}
  .main .news_list li:hover .title{ color:#fff; padding-left:25px; font-weight:bold;}
  .main .news_list li:hover .xwneirong span{color: #fff;}
  .main .news_list li:hover .xwneirong p{color: #fff;}
  /*详情页*/

  .product_dqdh {
    background-color:#f4f4f4 ;
  }
  .product_top {
  }
  .product_top .l_img {
    width:100%;
    height:auto;
    text-align:center;
    display:table;
    margin-top: 50px;
  }
  .product_top .l_img span {/*display: table-cell; vertical-align:middle;*/
    display:block;
    width:100%;
    height:100%;
    background-size:cover !important;
  }

  .product_top .r_box {
    width:1200px;
    margin: 0 auto;
    padding-bottom: 30px;
  }
  .product_top .r_box .product_title {
    border-bottom:1px solid #ddd;
    padding:30px 0 8px 0;
  }
  .product_top .r_box .product_title h2 {
    font-weight:700;
    font-size:26px;
    color:#101010;
  }
  .miaoshu {
  }
  .product_top .subtitle {
    font-size:14px;
    color:#b7b7b7;
    padding-top:8px;
    border-bottom: none;
    height: inherit;
  }
  .product_top .subtitle span {
    display:block;
    padding-left:25px;
    line-height: 23px;
    height: 24px;
  }
  .product_top .subtitle span.span1 {
    background:url(../images/shijian.png) left center no-repeat;
  }
  .product_top .subtitle span.span2 {
    background:url(../images/liulan.png) left center no-repeat;
  }
  .product_top .keyword {
    height:40px;
    line-height:40px;
    font-size:15px;
    color:#717171;
  }
  .product_top .keyword span {
    font-size:18px;
    color:#0059A9;
  }
  .product_top .desc {
    font-size:14px;
    color:#717171;
    line-height:30px;
    margin-top: 15px;
  }
  .product_top .desc span {
    display:block;
    float:left;
    width:200px;
  }
  .product_top .desc p {
    display:block;
    line-height: 25px;
    font-size: 15px;
    color: #8b8b8b;
  }
  .product_top .lianxi {
    height:60px;
  }
  .product_top .lianxi .a {
    display:block;
    height:40px;
    line-height:40px;
    float:left;
    margin-right:50px;
    color:#d30000;
    font-size:18px;
    border-bottom:1px solid #d30000;
    padding-left:28px;
  }
  .product_top .lianxi .a.a_qq {
    background:url(../images/qq.png) left center no-repeat;
  }
  .product_top .lianxi .a.a_tel {
    background:url(../images/tela.png) left center no-repeat;
  }
  .product_top .dianhua {
    height:40px;
    padding:0 30px;
    line-height:40px;
    text-align:center;
    border-radius:30px;
    font-size:15px;
    background-color:#be0000;
    margin-top: 10px;
    width: 130px;
  }
  .product_top .dianhua a {
    color:#fff;
  }
  .product_top .dianhua:hover {
    background-color:rgba(250, 175, 41, 1);
  }
  .product_top .text .product-title-china{
      font-size: 2em;
      font-weight: bold;
      text-align: center;
  }
  
  .product_top .text .product-title-english{
      
      text-align: center;
  }
  .product_top .contenta .text h3{
      font-size: 16px;
      font-weight: bold;
  }
  .product_top .text table{
      border: 1px #ddd solid;
      width:100%;
  }
  .product_top .text table th{
      width:28%;
      font-weight: bold;
      padding-left: 10px;
      word-wrap: break-word
  }
  .product_top .text table td{
      text-align: center;
      padding-left: 10px;
      
  }
  .product_top .text .shebeixitong{
      margin: 10px;
  }
   .product_top .text .shebeixitong p{
      display: inline-block;
      margin: 0 10px;
      text-align: center;
  }
     .product_top .text .shebeixitong img{
      display: block;
  }
    
  .share {
    margin-top:10px;
  }
  .share .span1 {
    line-height:32px;
    color:#999;
    padding-right:10px;
    font-size:15px;
  }
  .xiangqing {
    border-top:50px solid #f9f9f9;
  }
  .xiangqing_top {
  }
  .xiangqing_top .a_nav {
    display:block;
    float:left;
    width:190px;
    background-color:#fff;
    border-bottom:2px solid #e50000;
    color:#eea200;
    text-align:center;
    height:50px;
    line-height:50px;
    font-size:18px;
  }
  .xiangqing_top .a_nav.active {
    background-color:#e50000;
    color:#fff;
  }
  .contenta {
    border-top:1px solid #ddd;
  }
  .contact_title2 {
    text-align: center;
    font-size: 18px;
    color: #888;
  }
  .lx_b {
    width: 100%;
    height: 420px;
    border: 1px solid #000;
    margin-top: 30px;
  }
  .lx_list {
    background-color: #fff;
    width: 275px;
    margin: 39px 10px;
    min-height: 300px;
  }
  .lx_list p {
    line-height: 35px;
    font-size: 16px;
    color: #666;
    padding-left: 30px;
  }
  /*地图*/
  .BMap_Marker.BMap_noprint {
      background: url(../images/dt.png) center center no-repeat !important;
      display: block !important;
  }
  .BMap_Marker {
      display: none !important;
  }

  .xqys{margin-left: 25px;margin-right: 25px;}
  .xqys ul li{float: left;margin-right: 15px;margin-top: 30px;text-align: center;}
  .xqys ul li span{line-height: 35px;font-size: 16px;}
  .xqys ul li:hover span{color: #db0000;font-weight: bold;}

  .endeds{padding-left: 100px;color: #fff;margin-top: 76px;background: url(../images/tel2.png) no-repeat left;}
  .endeds span{font-size: 40px;color: #ffcc00;display: block;}

  .productbox ul li{float: left;margin: 1%;width: 12.2%;position: relative;z-index: 1;box-sizing: border-box;}
  .productbox ul li img{border-radius: 50%;width: 100%;height: 95%;display: block;margin: 0 auto;position: absolute;top: 0;left: 0;z-index: -1;border: 3px #fff solid;}
  .productbox ul li p{background: #0075c7;color: #fff;border-radius: 24px;text-align: center;padding: 8px 0;font-size: 12px;margin-top: 91%;}
  .wbox{width: 100%;margin: 0 auto;overflow: hidden;}
.wbox ul{overflow: hidden;}
.productbox{overflow: hidden;}

.newsL,.newsR{width: 50%;padding: 20px;box-sizing: border-box;}
.newsL{float:left}
.newsL ul li,.newsR ul li{width: 100%;border-bottom: 1px #ccc dashed;}
.newsL ul li a,.newsR ul li{background: url(../images/newsa.jpg) no-repeat center left;padding-left: 18px;line-height: 50px;font-size: 15px;}
.newsL ul li a span,.newsR ul li{float: right;}
.newsR{float:right}