@import url("./frame.css");
.banner{
    height:500px;
    overflow: hidden;
    background: #86bae9;
    position: relative;
    z-index: 1;
}

.nav_wrap{
   
    background: #333333;
}
.nav_center{
    height:60px;
    
}

.nav_center a{
    display: block;
    width:12.5%;
    height:60px;
    float: left;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 60px;
}

.nav_center a:hover,.nav_center a.active_a{
    background: #de0e24;
}


.bottom_wrap{ background: #222327;}

.bottom_top{
    padding-top: 40px;
    padding-bottom: 30px;
}
.bottom_left{
    width: 600px;
    float: left;
}

.bottom_left_title{
    height:60px;
    line-height:60px;
    font-size:18px;
    color: #fff;
}


.bottom_left_info{
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    
}

.bottom_right{
    width:500px;
    float: right;
}

.form_item_label{
    width:80px;
    height:26px;
    float: left;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
}
.form_item{
    margin-bottom: 10px;
}
.form_item_input{
    width: 216px;
    height:26px;
    background: #fff;
    color: #333333;
    font-size: 14px;
    float: left;

}
.form_item_input input{
    width: 200px;
    padding-left: 10px;
    padding-right: 6px;
    overflow: hidden;
    height:26px;
    overflow: hidden;
}

.form_item_tips{
    width:164px;
    font-size: 14px;
    color: #fff;
    height:26px;
    line-height: 26px;
    padding-left: 10px;
    float: left;
}

.form_area{
    width:400px;
    float: left;
    height:80px;
    border:none;
    padding: 10px;
    line-height: 24px;
    color: #333;

}

.btn_submit{
    width: 124px;
    background: #de0e24;
    color: #fff;
    height:26px;
    line-height: 26px;
    text-align: center;
    display: block;
    overflow: hidden;
    float: left;
}

.btn_cancel{
    width: 124px;
    background: #de0e24;
    color: #fff;
    height:26px;
    line-height: 26px;
    text-align: center;
    display: block;
    overflow: hidden;
    float: left;
    margin-left:10px;
}

.bottom_xia{
    border-top:1px solid #171717;
    padding-top: 10px;
    padding-bottom: 20px;
}

.bottom_nav{
    height:30px;
    line-height: 30px;
    text-align: center;
}

.bottom_nav a{
    font-size: 14px;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;

}
.bottom_nav a:hover{
    color: #ddd;
    text-decoration: underline;
}

.bottom_copy{
    font-size: 14px;
    color: #999;
    line-height: 24px;
    text-align: center;
}

.bottom_copy a{
    font-size: 14px;
    color: #999;
}

.dynamic_wrap{
    width: 500px;
    float: left;
    padding-top: 30px;
}
.case_wrap{
    width: 380px;
    float: left;
    margin-left:20px;
    padding-top: 30px;
    display: inline;
}

.dyna_over{
    width: 380px;
    height:300px;
    overflow: hidden;
}

.dynamic_title{
    height:40px;
    background: url("../images/line.png") no-repeat left center;
    font-size: 24px;
    color: #de0e24;
    line-height: 40px;
}

.news_date{
    height:30px;
    line-height:30px;
    font-size: 12px;
    color: #9f9f9f;
}
.news_title{
    line-height: 24px;
    font-size: 16px;
    color: #333333;
}
.news_item_wrap{
    padding-top: 20px;
}

.news_item_wrap a:hover .news_title{
    color: #de0e24;
    text-decoration: underline;
}
.news_item_wrap a:hover{
    -webkit-box-shadow: 0 0px 10px #e9e9e9;
    box-shadow: 0 0px 10px #e9e9e9;
}


.news_desc{
    line-height: 20px;
    color: #999;
    font-size: 14px;
}

.news_item_wrap a{
    display: block;
    margin-bottom:16px;
    padding: 10px;
}

.contact_wrap{
    width: 280px;
    float: left;
    margin-left:20px;
    padding-top: 30px;
    display: inline;

}

.contact_title{
    height:50px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #de0e24;
}

.contact_img img{
    width: 100%;
    display: block;
}

.contact_name{
    
    line-height: 56px;
    font-size: 16px;
    color: #464646;
    font-weight: bold;
}

.contact_info{
    line-height: 24px;
    color: #464646;
}

.product_title{
    height:100px;
    line-height: 100px;
    font-size: 24px;
    color: #de0e24;
    text-align: center;
    background: url("../images/line2.png") center center no-repeat;
}


.pro_wraps{
    padding-bottom: 40px;
}
.pro_wraps a{
    width:216px;
   
height:192px;
    float: left;
    margin-right:30px;
    display: block;
    overflow: hidden;
}

.pro_wraps a:nth-of-type(5n){
    margin-right:0;
}

.pro_imgs{
    width: 214px;
    height: 160px;
    border:1px solid #ddd;
}


.pro_imgs img{
    width: 214px;
    height: 160px;
   display: block;
   overflow: hidden;
}

.pro_texts{
    min-height:30px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.about_left{
    width:280px;
    float: left;
}
.about_right{
    width: 890px;
    float: right;
}

.inner_about{
    padding-top: 40px;
    padding-bottom: 40px;
}

.about_left_title{
    
    background: #de0e24;
}

.about_left_title_ch{
    padding-top: 20px;
    height:50px;
    line-height: 50px;
    font-size: 30px;
    color: #fff;
    padding-left: 40px;
}

.about_left_title_en{
    
    height:24px;
    line-height: 24px;
    font-size: 18px;
    color: #fff;
    padding-left: 40px;
    padding-bottom: 20px;
}

.sort_ul li{
    height:40px;
    line-height:40px;
    padding-left: 30px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #ddd;
    background: url("../images/arrow.png") no-repeat left center;
}

.sort_ul li a{
    font-size: 14px;
    color: #333;
}


.sort_ul li a:hover{
    font-size: 14px;
    color:#de0e24;
}

.about_right{
    min-height:600px;
}

.location{
   
    border-bottom: 1px solid #ddd;
}

.location_left{
    float: left;
    height:50px;
    font-size: 24px;
    color: #333;
    line-height:50px;

}

.location_right{
    float: right;
    height:50px;
    line-height: 50px;
    font-size: 14px;
    color: #666;
    padding-left: 30px;
    background:url("../images/home.png") left center no-repeat;
}

.location_right a{
    color: #666;
    font-size: 14px;
    padding-left: 4px;
    padding-right: 4px;
}

.location_right span{
    color: #666;
    font-size: 14px;
    padding-left: 4px;
    padding-right: 4px;
}

.location_right a:hover{
    color: #de0e24;
}

.inner_about_content{
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 24px;
    color: #666;
    font-size: 14px;
}

.pro_list_wrap{
    padding-top: 20px;
}

.pro_list_wrap a{
    width:276px;
   

    float: left;
    margin-right:30px;
    display: block;
    overflow: hidden;
}

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

.pro_imgs2{
    width: 274px;
    height: 208px;
    border:1px solid #ddd;
}

.pro_imgs2 img{
    width: 274px;
    height: 208px;
    display: block;
    overflow: hidden;
}

.pro_texts2{
    min-height:60px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    text-align: center;
}
.news_list_wrap{
    padding-top: 20px;
}


.news_view_title {
    font-size: 18px;
    text-align: center;
    padding-bottom: 10px;
    color: #222;
    line-height: 24px;
}

.news_view_tag {
    font-size: 14px;
    color: #ddd;
    margin: 0 0 20px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    height:30px;
    line-height: 30px;
}

.news_view_neirong {
    padding: 20px 0;
    color: #666;
    line-height: 180%;
    font-size: 14px;
    min-height: 300px;
}

.news_contents{
    padding-top: 20px;
}


.xw_page {
    padding: 30px 0 30px;
    border-top: 1px solid lightgray;
    width: 100%;
    overflow: hidden;
    clear: both;
}

.xw_page .pagess {
    font-size: 14px;
    color: #333;
    line-height: 30px;
}

.xw_page .pagess a {
    line-height: 30px;
    font-weight: initial;
    font-size: 14px;
    color: #333;
}

.xw_page .pagess a:hover {
    color:#de0e24;
}

.logo_wrap_out{
    
   
    width: 100%;
    z-index: 2;
    background: #fff;
}
.logo_wrap{
    
   
    width: 1200px;
    

}
.logo_text{
    display: block;
    height:120px;
    float: left;
}

.logo_title{
    height:120px;
    float: left;
}
.logo_title b{
    display: block;
    font-size:30px;
    color:#072744 ;
    line-height: 40px;
    padding-top: 26px;
    height:40px;
}
.logo_title span{
    display: block;
    font-size:14px;
    color:#072744 ;
    line-height: 20px;
   
    height:20px;
    font-family: Arial, Helvetica, sans-serif;

}

.logo_img{
    width: 500px;
    float: left;
    height:120px;
    overflow: hidden;
    background: url("../images/logo.jpg") no-repeat left center;

}
.logo_img img{
    width: 100%;
    
    display: block;
}



.logo_tel{
  
  
    height: 60px;
    float: right;
    color: #072744;
    
    _background: url("../images/tels.png") no-repeat left center;
}

.logo_phone,.logo_tel2{
    height:24px;
    font-size: 16px;
    color: #de0e24;
    line-height: 24px;
}

.logo_phone2{
    height:26px;
    line-height:26px;
    font-weight: bold;
    font-size: 18px;
    color: #333;
    padding-top: 30px;
}

.logo_wechat{ width: 90px;float: right; padding-top: 10px; margin-right:10px;}
.logo_wechat img{
    display: block;
    width: 90px;
    height:90px;
}
.logo_wechat span{
    height:20px;
    line-height: 20px;
    font-size:12px;
    color: #333;
    text-align: center;
    width: 100%;
    display: block;
}


.fullSlide {width:100%;position:relative;height:500px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:500px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:500px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:30px;height:5px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on {background:#f00;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:15%;background-position:-6px -137px;}


.lb-box {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }

  
  .lb-content {
    width: 100%;  
    height: 100%;
  }
  
  .lb-item {
    width: 100%;  
    height: 100%;
    display: none;
    position: relative;   
  }
  
  .lb-item > a {
    width: 100%;
    height: 100%;
    display: block;
  }
  
  .lb-item > a > img {
    width: 100%;
    height: 100%;
  }
  
  .lb-item > a > span {
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0px;
    padding: 15px;
    color: #fff;
    background-color: rgba(0,0,0,0.7);
  }

  
  .lb-item.active {
    display: block;
    left: 0%;
  }
  .lb-item.active.left {
    left: -100%;
  }
  .lb-item.active.right {
    left: 100%;
  }
  
  /*  */
  .lb-item.next,
  .lb-item.prev {
    display: block;
    position: absolute;
    top: 0px;
  }
  .lb-item.next {
    left: 100%;
  }
  .lb-item.prev {
    left: -100%;
  }
  .lb-item.next.left,
  .lb-item.prev.right {
    left: 0%;
  }
  
  .lb-ctrl {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    
    user-select: none;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    width: 30px;
    height:30px;
    text-align: center;
    line-height: 30px;;
    cursor: pointer;
    border-radius: 15px;
    transition: all 0.1s linear;
  }
  
  .lb-ctrl.left {
    left: -50px;
  }
  .lb-ctrl.right {
    right: -50px;
  }
  .lb-box:hover .lb-ctrl.left {
    left: 10px;
  }
  .lb-box:hover .lb-ctrl.right {
    right: 10px;
  }
  .lb-ctrl:hover {
    background-color:#de0e24;
  }
  

  .news_item{
      padding-top: 10px;
      padding-bottom: 10px;
      border-bottom:1px solid #ddd;
      display: block;
  }

  .news_item_left{
      float: left;
      width:100px;
      height:75px;
      display: none;
    

  }

  .news_item_left img{
      width: 100%;
      height:100%;
      display: block;
  }


  .news_item_right{
      width:890px;
     
    
  }

  
#pageud { margin:0 auto; padding-top:20px; padding-bottom:20px; text-align:center; overflow:hidden; clear:both; }
#pageupdn{background-color:#dddddd; padding-left:8px;
padding-right:8px;
height: 32px;
line-height: 32px;
margin-right: 8px;

 font-weight:bold; font-size:14px; text-decoration:none; overflow:hidden; cursor:pointer; display:inline-block;}
#pageupdn a{color:#ff8604;}
#pageupdn a:hover{color:#333333;}
#pageupdnA{background-color:#023a83; padding-left:8px;padding-right:8px;height: 32px;
line-height: 32px;
	margin-right:8px; color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; overflow:hidden; cursor:pointer; display:inline-block;}
#pageupdn_wz{padding:12px;margin:0 auto;overflow:hidden;font-family:Arial; display:inline-block;}


/*2019首页改版样式 开始*/
.i_tit{font-family:"New York"; font-size:42px; color:#999; text-align:center;}
.i_tit span{font-size:20px; color:#222; display:block; margin-top:5px;}
.i_tit span i{width:20px; height:1px; background:#222; display:inline-block; margin:0 14px 5px;}
.i_service{width:1232px; margin:50px auto 60px; background:url(../images/icon_iarrow.png) center bottom no-repeat; padding-bottom:48px;}
.i_service li{width:276px; overflow:hidden; margin:0 16px; float:left;}
.i_service li img{width:276px; height:180px; display:block; transition:0.8s all;-webkit-transition:0.8s all;-moz-transition:0.8s all;-o-transition:0.8s all;}
.i_service li:hover img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1); width:276px; height:180px;}
.i_service li span{padding:30px 16px 40px; height:150px; background:#f5f5f5; color:#666; line-height:180%; display:block; text-align:center}
.i_service li h1{font-size:24px; line-height:100%; color:#333; margin-bottom:20px; font-weight:normal}
.i_service li:hover h1{color:#de0e24;}
.i_service li a.more{color:#fff; width:100%; height:24px; line-height:24px; text-align:center; background:#de0e24 url(../images/icon_add.png) 10px 7px no-repeat; display:block;}
.i_service li a.more:hover{background:#666 url(../images/icon_add.png) 10px 7px no-repeat;}
.mt-70 {
    margin-top: 70px;
}