@charset "utf-8";

/* CSS Document */

@font-face {

  font-family: '微软雅黑' ;

  src: url('../fonts/langdon.eot');

  src: local('☺'), url('../fonts/langdon.woff') format('woff'), url('../fonts/langdon.ttf') format('truetype'), url('../fonts/langdon.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}



html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0;}

input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;outline:none;}

body{font-family:Microsoft YaHei, Arial, Helvetica, sans-serif ; font-size: 14px;overflow-x: hidden;}

img{border: 0 none;vertical-align: middle;max-width: 100%;}

a{color: #333;text-decoration:none;background-color:transparent;transition: 0.3s;}

a:hover{cursor: pointer;}

a:focus{outline:none;}

ul, li, dl, dt, dd{list-style: none outside none;}

.warper{width:98%;max-width:1200px;margin:0 auto;}



#scrollTop{display: none;background: #363636;font-size: 60px;text-align: center;color: #fff;position: fixed;z-index: 99;bottom: 45px;right: 15px;cursor: pointer;}

#scrollTop .scrollTop{position: relative;display: block;width: 90px;height: 90px;}

#scrollTop i{position: absolute;left: 0;right: 0;}

#scrollTop span{font-size: 20px;display: block;position: absolute;left:0;right: 0;bottom: 15px;}



header{padding: 10px 0 0;}

header:after{content: '';display: block;clear: both;}

header .logo{width: 348px;float: left;}

.head{text-align: right;}
.head .top-tel{display:inline-block;}
.head .top-tel span{margin-left: 5px; color:#444;}

.head .right .flag{display: inline-block;}

.head .right .flag a{margin: 0 5px;}

.head .serach>i{color: #333;font-size: 16px;cursor: pointer;}

.head .search{display: inline-block;text-align: center;position: relative;cursor: pointer;margin-left: 10px;}

.head .search .submit{height: 32px;width: 30px;margin-top:0;line-height: 40px;color: #fff;background: url("../images/serch.jpg");border: none;}

.head .search form{position: absolute;right: 0;top: 25px;line-height: 30px;width: 280px;padding: 15px;background: #fff;z-index: 99;border: 1px solid #eaeaea;display: none;}

.head .search input{border: 1px solid #ddd;padding: 0 3px;float: left;width: 200px;}

.head .search button{float: left;width: 30px;height: 32px;border: none;background: #1b54a2;color: #fff;}

.head:after{display: table;content: '';clear: both;}



#nav:after{content: '';display: block;clear: both;}

#nav{padding-bottom: 1px;}

#nav .logo{float: left;width: 240px;}



@media (min-width:992px) {


  nav{float: right;margin-top: 10px;}

  nav li{float: left;position: relative;}

  nav li>a{padding: 15px 23px;display: block;font-size: 16px;color: #000;text-align: center;transition:0.5s;position: relative;}

  nav li.on>a,nav li:hover>a{background: #f5431a;color: #fff;}

  nav dl{position: absolute;display: block;background: rgba(0,0,0,0.9);opacity: 0;transition: opacity 1s ease;left: 9999px;border-top: 4px solid #f5431a;z-index: 99;text-align: left;}

  nav dl dd{display: block;}

  nav dl a{color: #fff; display: block;font-size: 12px;

    padding: 8px 15px;white-space: nowrap;}

  nav dl a:hover{background: #f5431a;}

  nav li:hover dl{opacity: 1;left: 0;}

  .nav-button{display: none;}

}

@media (min-width:1280px){

  nav li>a{padding: 15px 20px;}

}



.close-nav{position: fixed;top:0;left:0;width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;}

.nav-open{transform: translateX(0);}

.close-open{opacity: 0.5;visibility: visible;}

.body-hidden{overflow: hidden!important;}



@media (max-width:991px){
 
  .logo img{width:60%;}
  .nav .nav-button{width: 30px;height: 30px;border-radius: 3px;background: #333;color: #fff;position: absolute;right: 15px;top: 20px;line-height: 31px;text-align: center;font-size: 14px;}

  nav{position: fixed;left: 0;top: 0;bottom: 0;width: 240px;box-shadow: 0 3px 5px #666;z-index: 99;padding: 10px 0;overflow: auto;background: #e5e5e5;transform: translateX(-300px);transition: 0.3s;text-align: left;}

  nav li>a{font-size: 16px;padding: 8px 10px;display: block;font-weight: bold;}

  nav li a:hover{background: #1b54a2;color: #fff;}

  nav li dl{background: #eee;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}

  nav li dd a{padding: 8px 20px;display: block;font-size: 13px;}

}



#banner_home .owl-theme .owl-controls{position: absolute;bottom: 10px;width: 100%;}

#banner_home .owl-theme .owl-controls .owl-page span{border-radius: 0;width: 16px;height: 16px;background: #fff;opacity: 1;border: 1px solid #f5431a;}

#banner_home .owl-theme .owl-controls .owl-page.active span{background: #f5431a;}



#main .title1{text-align: center;margin-bottom: 30px;}

#main .title1 h1,#main .title2 h3{color: #333;font-family: '微软雅黑';font-weight: bold;}

#main .title2 a{float: right;font-size: 12px;text-transform: uppercase;margin-top: -13px;}

#main .title2 a:hover{color: #f5431a;}

.zy-box2 .new .title2,.zy-box3 .title2{border-bottom: 1px solid #ddd;padding-bottom: 10px;}

section{padding: 50px 0;}



#main .owl-buttons{display: none;}

.zy-box1 .title1 h1{font-size: 45px;}

.zy-box1 .title1 p{width: 77%;margin: 0 auto;line-height: 24px;margin-top: 10px;font-size: 12px;}

.zy-box1 .list li{padding: 0 10px;}

.zy-box1 .list li a{display: block;position: relative;overflow: hidden}

.zy-box1 .list .text{position: absolute;top: 100%;width: 100%;height: 100%;background: rgba(245,67,26,0.85);color: #fff;padding: 30px 15px 20px 15px;line-height: 28px;transition: 0.3s;}

.zy-box1 .list .text p{margin-top: 20px;}

.zy-box1 .list li:hover .text{top: 0;}

.zy-box1 .list span{display: block;font-size: 15px;margin-top: 10px;}



.zy-box2{background: #f1f1f1;}

.zy-box2 .about h3{margin: 20px 0;}

.zy-box2 .about .video{display: block;padding: 15px;background: #e1e5e3;}

.zy-box2 .about .text p{height: 80px;line-height: 28px;overflow: hidden;}

.zy-box2 .about .text span{display: inline-block;padding: 5px 20px;border-radius: 5px;background: #f5431a;color: #fff;text-transform: uppercase;margin-top: 20px;}

.zy-box2 .new .img{float: left;width: 22%;}

.zy-box2 .new .text{width: 75%;float: right;}

.zy-box2 .new .text h4{font-size: 15px;height: 18px;overflow: hidden;}

.zy-box2 .new .text:hover h4{color: #f5431a;}

.zy-box2 .new .text p{height: 40px;overflow: hidden;color: #666;margin: 10px 0;}

.zy-box2 .new .text span{color: #f5431a;}

.zy-box2 .new dd{overflow: hidden;margin-top:20px; }

.zy-box2 .new dl{margin-bottom: 40px;}

.zy-box2 .new .list a{width: 80%;overflow: hidden;height: 20px;}

.zy-box2 .new .list a:hover{color: #f5431a;}

.zy-box2 .new .list span{float: right}

.zy-box2 .new .list{border-bottom: 1px dashed #ddd;margin-top: 10px;padding-bottom: 10px;}



.hover li{margin-top: 20px;}

.hover .img{position: relative;overflow: hidden;}

.hover .more{position: absolute;width: 100%;height: 100%;background: rgba(254,67,26,0.85);top: 0;transform:scale(2);transition: 0.3s;text-align: center;opacity: 0;}

.hover .more span{display: inline-block;padding: 5px 20px;color: #fff;border: 1px solid #fff;margin-top: 30%;}

.hover li a:hover .more{transform: scale(1);opacity: 1;}

.hover li p{margin-top: 10px;height: 40px;overflow: hidden;}

.hover li a:hover p{color:#f5431a;}







footer{background: #4e4e4e;color: #ddd;border-top: 4px solid #f5431a;}

footer .footer{padding: 50px 0;border-bottom: 1px solid #606060;}

footer h4{text-transform: uppercase;color: #fff;font-weight: normal;font-size: 16px;margin-bottom: 30px;}

footer .message dd{width: 49%;float: left;}

footer dd.fl{margin-right: 2%;}

footer dl{overflow: hidden;}

footer dd input,footer textarea{width: 100%;border: 1px solid #999;background: transparent;line-height: 30px;padding: 0 5px;margin-bottom: 15px;}

footer .submit{width: 150px;border: none;background: #f5431a;color: #fff;line-height: 30px;}

footer .contact i{margin-right: 10px;}

footer .contact ul{padding: 15px 0;border-top: 1px dashed #595556;margin-top: 15px;background: url(../images/map.png) no-repeat right 14px;}

footer .contact li{margin-bottom: 15px;  }

footer a{ color: #ddd;transition:0.3s}

footer  a:hover{color: #f5431a;}

footer .product li{margin-bottom: 10px;}

footer .product li a{margin-left: 5px;}

footer .copyright{text-align: center;padding: 15px 0;}



#breadcrumbs,#breadcrumbs a{color: #666;}

#breadcrumbs i{margin-right: 5px;}

#breadcrumbs a:hover{color: #f5431a;}

#breadcrumbs{padding: 5px 0;background: #ececec;}

#container{padding: 50px 0;}



.ab-title a{display: inline-block;padding: 6px 20px;background: #ccc;color: #000;font-size: 16px;margin-right: 5px;margin-bottom: 20px;}

.ab-title a.on,.ab-title a:hover{background: #f5431a;color: #fff;}

.edit-box{line-height: 30px;overflow: hidden;color: #666;}
.table-container{overflow-x: auto;}


#sidebar-left h4{padding: 10px 0 11px 15px;background: #f5431a;color: #fff;font-size: 17px;font-weight: bold;}

#sidebar-left .prolist h5{background: #e3e3e3;padding: 10px 10px 10px 20px;position: relative;border-bottom: 1px solid #ccc;}

#sidebar-left .prolist h5 a{display: inline-block;width: 90%;height: 15px;overflow: hidden;}

#sidebar-left .prolist h5 i{float: right;cursor: pointer;width: 10px;height: 10px;}

#sidebar-left .prolist dd a{display: block;padding: 10px 10px 10px 30px;background: #eee;color: #666;border-bottom: 1px dashed #ccc;}

#sidebar-left .prolist h5 a:hover,#sidebar-left .prolist dd a:hover{color: #f5431a;}

#sidebar-left .prolist dl>:last-child a{border-bottom: none;}

#sidebar-left .prolist dl{display: none;}

#sidebar-left .prolist{margin-bottom: 30px;}

#sidebar-left .hotpro p{margin-top: 5px; }

#sidebar-left .hotpro li:nth-child(1){margin-bottom: 15px;}



#sidebar-right .title{margin-bottom:20px; }

#sidebar-right .title h5{font-size: 17px;font-weight: bold;border-bottom: 1px solid #ddd;padding:10px 0;}

#sidebar-right .title a{float: right;margin-top: -24px;color: #666;}

#sidebar-right .title a:hover{color: #f5431a;}



#sidebar-right .case dt{width: 40%;float: left;}

#sidebar-right .case dd{width: 56%;float: right;}

#sidebar-right .case dd h4{height: 16px;overflow: hidden;font-size: 14px;}

#sidebar-right .case dd p{height: 40px;overflow: hidden;color: #666;margin: 10px 0;}

#sidebar-right .case dl{overflow: hidden;}

#sidebar-right .case a:hover h4,#sidebar-right .case a:hover span{color: #f5431a;}

#sidebar-right .case a{display: block}

#sidebar-right .case a:hover{background: #eee;}

#sidebar-right .case li{margin-bottom: 20px;}

.digg4{padding:3px; margin:15px 0; text-align:center; font-size:12px;overflow: hidden;}

.digg4 a{margin: 0; border:1px solid #ddd; padding:3px 7px; color: #aaa;}

.digg4 a.on,.digg4 a:hover{background-color:#eee;border-color: #ddd;}



.new-page h4{text-align: center;margin-bottom: 20px;}

.prev-next p a{color: #666;}

.prev-next p a:hover{color: #f5431a;}

.prev-next p{margin-top: 10px;}

.prev-next{margin-top: 30px;padding-top: 15px;border-top: 1px solid #ddd;}



#sidebar-right .new .new1 h4{margin: 10px 0;}

#sidebar-right .new .new1 p{height: 40px;overflow: hidden;color: #666;}

#sidebar-right .new .new1 span{color: #f5431a;margin-top: 5px;display: block;}

#sidebar-right .new li span{display: inline-block;background: #aaa;color: #fff;padding: 2px 10px;margin-right: 10px;transition: 0.5s;}

#sidebar-right .new li a{color: #666;}

#sidebar-right .new li a:hover{color: #f5431a;}

#sidebar-right .new li a:hover span{background: #f5431a;}

#sidebar-right .new li{border-bottom: 1px dashed #ccc;padding-bottom: 10px;margin-bottom: 10px;}

#sidebar-right .new ul{margin-top: 30px;}



#container .contact h3{font-size: 20px;color: #f5431a;margin-bottom: 20px;}

#container .contact h4{color: #f5431a;margin: 15px 0;}

#container .map{margin-top: 20px;}


#inquiry .fl,#inquiry .fr{width:49%;border: 1px solid #ddd;line-height: 30px;margin-bottom: 15px;padding-left: 5px;}
#inquiry .fl{margin-right: 2%;}
#inquiry textarea{width: 100%;border: 1px solid #ddd;line-height: 30px;margin-bottom: 15px;padding-left: 5px;}

#inquiry .submit{padding: 5px 30px;color: #fff;background: #f5431a;}



.prohover dl{position: relative;overflow: hidden;}

.prohover dd{position: absolute;top: 0;width: 100%;height: 100%;background: rgba(245,67,26,0.85);text-align: center;transform: scale(2);opacity: 0;visibility: hidden;transition: 0.3s;}

.prohover dd span{display: inline-block;padding: 5px 20px;border: 1px solid #fff;color: #fff;margin-top: 27%;}

.prohover li a:hover dd{transform: scale(1);opacity: 1;visibility: visible;}

.prohover li p{margin: 5px 0 15px;height: 36px;overflow: hidden;}

.prohover li a:hover p{color: #f5431a;}



.info-del .img{border: 1px solid #ddd;padding: 6px;}

.info-del .img .bd li{display: none;}

.info-del .img .hd dd{width: 25%;float: left;padding: 5px 2px 0;cursor: pointer;}

.info-del .img .hd{overflow: hidden;}

.info-del .text h4{color: #000;}

.info-del .text .edit-box{margin: 20px 0;}

.info-del .text .tm span{color: #ea222d;}

.info-del .text .tm li{display: inline-block;margin-bottom: 20px;}

.info-del .text .tm li:nth-child(1){margin-right: 30px;}

.info-del .cm a{color: #fff;background: #f5431a;display: inline-block;padding: 7px 30px;font-size: 17px;margin-top: 20px;}

.info-del .cm i{margin-right: 5px;}

.info-del .cm a:nth-child(2){margin-left: 15px;background: #666;}

.info-del{margin-bottom: 30px;}



.pro-del .title3 li{float: left;width: 25%;text-align: center;font-size: 16px;cursor: pointer;}

.pro-del .title3 li span a{display: block;border-right: 1px solid #555;color: #fff;padding: 8px 0;}

.pro-del .title3 li:nth-child(4) span a{border-right: none;}

.pro-del .title3{overflow: hidden;background: #000;}

.pro-del .title3 li:hover{background: #f5431a;}



.del .title4{color: #ea222d;border-bottom: 1px dashed #ddd;padding-bottom: 10px;margin: 20px 0 10px;font-size: 16px;}


.history-zy table {border-collapse: separate;border-spacing:20px;}
.history-zy table tr td{vertical-align:top;}
.history-zy table tr td:first-child{width: 15%;}
.history-zy table tr td:first-child img{margin: 0 5px;}


@media screen and (max-width: 991px){
 .zy-box1 .title1 h1{font-size: 30px;}
 
    header{padding: 10px 0;}

  #sidebar-left{display: none;}

  .zy-box2 .about .video{float: left;width: 45%;}

  .zy-box2 .about .text{float: right;width: 50%;}

  .zy-box2 .about{overflow: hidden;margin-bottom: 30px;}

  footer .message{margin-bottom: 20px;}

  .info-del .img{margin-bottom: 20px;}

    #container .contact .col-md-5{margin-bottom: 30px;}

}

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

    .zy-box2 .about .video,.zy-box2 .about .text{width: 100%;}

    .hover li{width: 50%;float: left;}

    footer .product{display: none;}

    .zy-box1 .title1 p{width: 95%;height: 45px;overflow: hidden;}

    .prohover li{width: 50%;float: left;}

    .pro-del .title3 li{width: 50%;}

    .pro-del .title3 li:nth-child(1) span,.pro-del .title3 li:nth-child(2) span{border-bottom: 1px solid #555;}

    .zy-box2 .new .img{width: 40%;}

    .zy-box2 .new .text{width: 55%;}
.history-zy table tr td:first-child{width:18% }
}

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



}
@media screen and (max-width: 480px){
.ab-title a{display: inline-block;padding: 6px 10px;background: #ccc;color: #000;font-size: 16px;margin-right: 5px;margin-bottom: 10px;}
.history-zy table tr td:first-child{width:20% }
.info-del .cm a:nth-child(2){margin-left: 0;}
}
@media screen and (max-width: 320px){

    .zy-box2 .new .img,.zy-box2 .new .text{width: 100%;margin-bottom: 15px;}
.nav .nav-button{top:20px;}
}



.phonefooter{

  display: none;

  position: fixed;

  bottom: 0;

  left: 0;

  right: 0;

}

.phonefooter ul{

  overflow: hidden;

  text-align: center;

  background: #1b54a2;

}

.phonefooter li{

  width: 25%;

  float: left;

  font-size: 24px;

}

.phonefooter li i{

  color: #fff;

}

#main section,#container,footer{padding-left:15px;padding-right: 15px;}