@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Conv_langdon';
  src: url("/yangshi/fonts/langdon.eot");
  src: local('☺'), url("/yangshi/fonts/langdon.woff") format('woff'), url("/yangshi/fonts/langdon.ttf") format('truetype'), url("/yangshi/fonts/langdon.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}

body{font-family:Arial, Helvetica, sans-serif;font-size: 14px;overflow-x: hidden;}
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;}
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;}
#pro0 .owl-wrapper-outer .owl-wrapper{transform:translate3d(0px, 0px, 0px) !important; width:1200px !important;}
#scrollTop{
  display: none;
  background: #363636;
  font-size: 60px;
  text-align: center;
  color: #fff;
  position: fixed;
  z-index: 999999;
  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{
  border-top: 1px solid #b6b6b6;
  background: #fff;
}
.position{
  position: fixed;
  left: 0;
  right: 0;
  z-index: 99;
  box-shadow: 0 1px 3px #000;
}
.head{background: #08026d;}
.head .email{
  padding: 0 10px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
}
.head .email i{color: #fff;margin-right: 5px;}
.head .email a{color: #eecb93;}
.head .media i{
  font-size: 16px;
  color: #eecb93;
}
.head .media{
  overflow: hidden;
  float: left;
}
.head .media a{
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
}
.head .right{
  float: right;
}
.head .right .flag{
  height: 40px;
  line-height: 40px;
  display: inline-block;
}
.head .right .flag a{
  margin: 0 5px;
  color:#fff;
}
.head .serach>i{
  color: #999;
  font-size: 16px;
  cursor: pointer;
}
.head .search{
  
  text-align: center;
  position: relative;
  cursor: pointer;
}
.head .search .button{
  height: 40px;
  width: 40px;
  margin-top: -10px;
  line-height: 40px;
  color: #fff;
}
.head .search form{
  position: absolute;
  right: 0;
  top: 25px;
  line-height: 30px;
  width: 280px;
  padding: 20px;
  background: #fff;
  z-index: 999;
  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: #08026d;
  color: #fff;
}
.head:after{
  display: table;
  content: '';
  clear: both;
}
#nav:after{
  content: '';
  display: block;
  clear: both;
}
#nav{padding-bottom: 1px;}
#nav .logo{
  float: left;
}
@media (min-width:992px) {
  nav{
    float: right;
  }
  nav li{
    float: left;
    position: relative;
  }
  nav li a:hover{background: #bb0501;color: #fff;}
  nav li .on{background: #bb0501;color: #fff;}
  nav li>a{
    padding: 22px 9px;
    display: block;
    font-size: 16px;
    color: #000;
    text-align: center;
    transition:0.5s;
    position: relative;
    text-transform: uppercase;
  }
  nav li>a:after{content: '';display: block;width: 1px;height: 20px;background: #ddd;position: absolute;right: 0;top: 22px;}
  nav ul>:last-child>a:after{display: none;}
  nav dl{
    position: absolute;
    display: block;
    background: #08026d;
    top: 66px;
    opacity: 0;
    transition: opacity 1s ease;
    left: 9999px;
    border-top: 4px solid #a74f4d;
    z-index: 999;
  }
  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: #5656cf;}
  nav li:hover dl{
    opacity: 1;
    left: 0;
  }
  #nav .nav-button{display: none;}
}
@media (min-width:1150px){
  nav li>a{padding: 22px 20px;}
}
@media (min-width:1280px){
  nav li>a{padding: 22px 24px;}
}
.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){
  #nav .nav-button{width: 35px;height: 35px;border-radius: 3px;background: #333;color: #fff;position: absolute;right: 10px;top: 60px;line-height: 35px;text-align: center;font-size: 20px;position: fixed; z-index:999;}
  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;}
  nav li>a{font-size: 16px;padding: 8px 10px;display: block;font-weight: bold;}
  nav li a:hover{background: #08026d;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 #08026d;}
#banner_home .owl-theme .owl-controls .owl-page.active span{background: #08026d;}

#main .title1{text-align: center;margin-bottom: 30px;}
#main .title1 h1{color: #08026d;text-transform: uppercase;font-size: 34px;}
#main .title1 span{display: block;margin-top: -10px;}
#main .title1 span:after{content: '';display: inline-block;width: 40px;height: 1px;background: #08026d;}
#main .title1 .two:after{width: 100px;}
section{padding: 50px 0;}

.wh-box1{background: #f1f1f1;}
.wh-box1 .list li,.wh-box4 .list li{padding: 0 10px;}
.wh-box1 .list li a,.wh-box4 .list li a{background: #fff;display: block;}
.wh-box1 .list li .text,.wh-box4 .list li .text{padding: 10px;}
.wh-box1 .list li h5,.wh-box4 .list li h5{font-size: 15px;font-weight: bold;margin-bottom: 10px;}
.wh-box1 .list li p,.wh-box4 .list li p{color: #666;line-height: 26px;height: 75px;overflow: hidden;word-wrap: break-word;}
.wh-box1 .owl-theme .owl-controls .owl-page span,.wh-box4 .owl-theme .owl-controls .owl-page span{background: #888;opacity: 1;}
.wh-box1 .owl-theme .owl-controls .owl-page.active span,.wh-box4 .owl-theme .owl-controls .owl-page.active span{background: #08026d;}
.wh-box1 .owl-buttons{display: none;}
.wh-box1 .bd .list{display: none;}
.wh-box1 .hd{text-align: center;}
.wh-box1 .hd>div{display: inline-block;margin-bottom:20px;}
.wh-box1 .hd span{display: inline-block;background: #fff;margin-right: 5px;padding: 15px 25px;font-size: 16px;cursor: pointer;margin-bottom:10px;}
.wh-box1 .hd span:hover,.wh-box1 .hd span.on{background: #08026d;color: #fff;}
.wh-box1 .hd span:nth-child(4){margin-right: 0;}

.wh-box2{background: url("../images/ab-bj.jpg") no-repeat center 0;background-attachment:fixed;background-size:cover;}
#main .wh-box2 .title1 h1{color: #fff;}
#main .wh-box2 .title1 span:after{background: #fff;}
.wh-box2 .edit-box{color: #fff;}
.wh-box2 ul span{display: inline-block;color: #274f9d;text-transform: uppercase;margin-top: 5px;}

h5{font-size: 16px;}
.wh-box3 .title1 b{font-weight: normal;color: #f49602;}
.wh-box3 dd{border-bottom: 1px dashed #ddd;padding-bottom: 35px;margin-bottom: 30px;}
.wh-box3 dd a{position: relative;padding-left: 105px;display: block;}
.wh-box3 .time{display: inline-block;width: 85px;height: 85px;border: 3px solid #08026d;text-align: center;color: #08026d;position: absolute;left: 0;}
.wh-box3 .time p{font-size: 44px;line-height: 55px;}
.wh-box3 .time span{display: block;}
.wh-box3 .left .text h5{font-weight: bold;margin-bottom: 10px;word-wrap: break-word;}
.wh-box3 .left .text p{color: #666;height: 45px;overflow: hidden;line-height: 24px; word-wrap: break-word;}
.text a:link{background:#BACBF8;color:#33C;}
.text a:hover{background: #08026d;color: #fff;}
.wh-box3 dd a:hover .time{background: #08026d;color: #fff;}
.wh-box3 .right h5{font-weight: bold;margin: 15px 0;}
.wh-box3 .right p{color: #666;line-height: 24px;word-wrap: break-word;}
.wh-box3 .owl-pagination{position: absolute;right: 0;top: 0;}
.wh-box3 .owl-pagination .owl-page span{border-radius: 0;width: 13px;height: 13px;background: #08026d;opacity: 1;margin: 3px;}
.wh-box3 .owl-pagination .owl-page.active span{background: #f49602;}
.curr{background:#CCC; color:#FFF;}
#main .wh-box4 .title1 h1{color: #f49602;}
.wh-box4 .title1 b{font-weight: normal;color: #333;}
.wh-box4 .title1 p{margin: 10px 0;}
.wh-box4{background: #f0f0f0;}
.wh-box4 .owl-buttons{display: none;}

footer{
  background: #464646;color: #ddd;
}
footer .link{padding: 15px 0;color: #fff;border-bottom: 1px solid #5a5a5a;}
footer .link b{font-size: 20px;}
footer .footer{padding: 50px 0;}
footer h4{
  text-transform: uppercase;
  color: #fff;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 20px;
}
footer dd{padding:15px 0;border-bottom: 1px solid #5a5a5a;}
footer .media a{font-size: 20px;margin-right: 5px;}
footer 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: #ffb425;color: #000;}
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: #ffb425;
}
footer .navcop{border-top: 1px solid #5a5a5a;overflow: hidden;padding: 10px 0;}
footer .footernav{float:left;}
footer .copyright{float:right;}

#banner_home h2{
  color: #08026d;
  font-weight: 700;
  font-size: 48px;
}
#banner_home p{
  font-size: 24px;
  font-weight:700;
  color: #fff;
}

#position h2{
  font-size:30px;
  margin-bottom:15px;
}
#position{
  padding: 30px 0;
  background: #f0f2f1;
  border-bottom: 1px solid #d4d4d4;
}
#position a:hover{
  color: #08026d;
}
#position i{
  margin-right: 5px;
  color: #666;
}

#container,
#container .padding{
  padding: 30px 0;
}
.company-title{
  margin-bottom: 20px;
}
.company-title a{
  display: inline-block;
  padding: 7px 15px;
  background: #bbb;
  margin-right: 5px;
}
.company-title>:last-child{
  margin-right: 0;
}
.company-title a.on,
.company-title a:hover{
  background: #08026d;
  color: #fff;
}
.edit-box{
  line-height: 30px;
  overflow: hidden;
}
.edit-box p{ width:100%;}
.edit-box .img{
  float: left;
  margin-right: 10px;
}
.la-new span{
  display: inline-block;
  background: #08026d;
  color: #fff;
  padding: 2px 8px;
  margin-right: 10px;
}
.sortDisabled p{word-wrap: break-word;}
.la-new li a{
  color: #999;
  display: block;
  word-wrap: break-word;
  margin: 10px 0;
  border-bottom: 1px dashed #ddd;
  padding-bottom: 9px;
}
.la-new li a:hover{
  color: #333;
}

.sidebar-left .product-list dd i{
  display: inline-block;
  margin-right: 5px;
}
.sidebar-left .product-list dd a{
  display: inline-block;
}
.sidebar-left .product-list h4{
  background: #cdcdcd;
  padding: 15px 0 15px 10px;
  transition: 0.5s;
}
.sidebar-left .product-list h4 a{
  font-size: 14px;
  font-weight: 700;
}
.sidebar-left .product-list h4 i{
  width: 30px;
  height: 30px;
  float:right;
  cursor: pointer;
  text-align: center;
}
.sidebar-left .product-list h4.on,
.sidebar-left .product-list h4:hover{
  background: #08026d;
}
.sidebar-left .product-list h4.on,
.sidebar-left .product-list h4.on a,
.sidebar-left .product-list h4:hover,
.sidebar-left .product-list h4:hover a{
  color: #fff;
}
.sidebar-left .product-list dl,
.sidebar-left .product-list dd{
  display: block;
}
.sidebar-left .product-list dd i{
  font-size: 10px;
}
.sidebar-left .product-list dl{
  background: #f5f5f5;
}
.sidebar-left .product-list dd{
  border-bottom:1px solid #fff;
  padding-left: 15px;
}
.sidebar-left .product-list dl a{
  display: inline-block;
  padding: 6px 0;
}
.sidebar-left .product-list dl a:hover{
  color: #08026d;
}
.sidebar-left .product-list li{
  margin-bottom:3px;
  background: #fff;
}
.sidebar-left .hot-product h3{
  font-size: 16px;
  font-weight:700;
  color: #fff;
  background: #08026d;
  padding: 15px 0 15px 10px;
}
.sidebar-left .hot-product img{
  float: left;
  width: 40%;
}
.sidebar-left .hot-product .text{
  float: right;
  width: 55%;
}
.sidebar-left .hot-product h5{
  font-size: 14px;
  word-wrap: break-word;
}
.sidebar-left .hot-product p{
  font-size: 12px;
  color: #666;
  height: 35px;
  margin: 5px 0;
  overflow: hidden;
  word-wrap: break-word;
}
.sidebar-left .hot-product span{
  color: #08026d;
  text-decoration: underline;
}
.sidebar-left .hot-product li{
  overflow: hidden;
  margin: 15px 0;
}
.sidebar-left .hot-product{
  margin-top: 30px;
}

.sidebar-right .right-title,
.sidebar-right .la-new .ln-title{
  font-size: 16px;
  font-weight:700;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.sidebar-right .description{
  margin: 15px 0;
  line-height: 24px;
}
.sidebar-right .pro-list a>div{
  display: block;
  position: relative;
  overflow: hidden;
}
.sidebar-right .pro-list .more{
  text-align: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(3,3,151,0.6);
  opacity: 0;
  -ms-transform:scale(2);  /* IE 9 */
  -moz-transform:scale(2); /* Firefox */
  -webkit-transform:scale(2); /* Safari 和 Chrome */
  -o-transform:scale(2);  /* Opera */
  transform: scale(2);
  transition:0.3s;
}
.sidebar-right .pro-list .more span{
  display: inline-block;
  padding: 5px 20px;
  border: 1px solid #fff;
  color: #fff;
  margin-top:30%;
}
.sidebar-right .pro-list li:hover .more{
  opacity: 1;
  -ms-transform:scale(1);  /* IE 9 */
  -moz-transform:scale(1); /* Firefox */
  -webkit-transform:scale(1); /* Safari 和 Chrome */
  -o-transform:scale(1);  /* Opera */
  transform: scale(1);
  transition:0.3s;
}
.sidebar-right .pro-list li:hover p{
  color: #08026d;
}
.sidebar-right .pro-list li p{
  margin-top: 10px;
  height: 40px;
  overflow: hidden;
}
.sidebar-right .pro-list li{
  margin:10px 0;
}

.digg4{
  padding:3px;
  margin:15px 0;
  text-align:center;
  font-size:12px;
  text-align: center;
  overflow: hidden;
}  
.digg4 a{
  margin: 0;
  border:1px solid #ddd;
  padding:3px 7px;
  color:#08026d;
}  
.digg4 a.on,
.digg4 a:hover{
  background-color:#08026d;
  color:#fff;
  border: 1px solid #08026d;
}

.sidebar-right .la-new span{
  background: #888;
  transition: 0.3s;
}
.sidebar-right .la-new a:hover{
  color: #08026d;
}
.sidebar-right .la-new a:hover span{
  background: #08026d;
}
.pro-main .bd{
  margin-top:15px;
  overflow: hidden;
}
.pro-main .bd li{
  float: left;
  width: 24%;
  margin-right: 1.3333%;
  cursor: pointer;
}
.pro-main .bd>:last-child{
  margin-right: 0;
}
.pro-main .border{
  padding: 15px;
  border: 1px solid #ddd;
}
.pro-main .main{
  padding-left: 30px;
}
.pro-main .main h4{
  color: #000;
  margin-bottom:15px;
}
.pro-main .main .text{
  line-height: 30px;
  word-wrap: break-word;

}
.pro-main .contact span{
  color: #08026d
}
.pro-main .contact li{
  display: inline-block;
  margin-right: 15px;
  font-size: 16px;
}
.pro-main .contact ul>:last-child{
  margin-right: 0;
}
.pro-main .contact li a:hover{
  color: #08026d;
  text-decoration: underline;
}
.pro-main .contact{
  margin-top:30px;
}
.pro-main .chat a{
  display: inline-block;
  padding: 10px 30px;
  background: #666;
  color: #fff;
  font-size: 17px;
}
.pro-main .chat a:hover{
  background: #08026d;
}
.pro-main .chat a:nth-child(1){
  margin-right: 20px;
}
.pro-main .chat i{
  margin-right:10px;
}
.pro-main .chat{
  margin-top:30px;
}
.pro-del .line{
  border-bottom: 1px solid #ddd;
  margin: 30px 0;
}

.maodian a{
  display: block;
  color: #fff;
  padding: 10px 0;
  font-size: 16px;
}
.maodian li{
  float: left;
  width: 20%;
  text-align: center;
}
.maodian ul{
  overflow: hidden;
  background: #201817;
}
.maodian a:hover,
.maodian ul .choose{
  background: #08026d;
}
.del h4{
  font-size: 16px;
  color: #08026d;
  padding:20px 0;
  border-bottom: 1px dashed #ddd;
}
.del .np li{
  display: inline-block;
}
.del .np li:nth-child(1){
  margin-right: 20%;
}
.del .np li span{
  font-weight:700;
  margin-right: 10px;
}
.del .np{
  background: #f0f0f0;
  border:1px solid #ddd;
  padding: 10px;
  margin: 30px 0 15px;
}
.del .np li a{
  color: #666;
}
.del .np li a:hover{
  color: #08026d;
}
#inquiry li:nth-child(1),
#inquiry li:nth-child(2){
  width: 49%;
  float: left;
  margin-top: 0;
}
#inquiry li:nth-child(1){
  margin-right: 2%;
}
#inquiry li:nth-child(2):after{
  content: '';
  display: table;
  clear:both;
}
#inquiry li input,#inquiry li textarea{
  width: 100%;
  line-height: 24px;
  border:1px solid #ddd;
  padding: 5px;
}
#inquiry li{
  margin:15px 0;
}
#inquiry button{
  border: none;
  background: #08026d;
  color: #fff;
  padding: 5px 30px;
}
#inquiry select{
	border:1px #000;
	}
#inquiry{
  margin-bottom:30px;
}

.case li h4{
  font-size: 14px;
}
.case li p{
  font-size: 13px;
  margin: 10px 0;
  color: #666;
  word-wrap: break-word;
}
.case li{
  line-height: 24px;
  margin-bottom: 20px;
}
.case li span{
  color: #0080c4;
}

.la-new .uptodate{
  line-height: 24px;
}
.la-new .uptodate h4{
  font-size: 14px;
  word-wrap: break-word;
}
.la-new .uptodate span{
  display: inline-block;
  padding: 2px 8px;
  margin: 5px 0;
}
.la-new .uptodate b{
  font-weight:300;
  color: #08026d;
}
.la-new .uptodate p,
.la-new .uptodate b{
  font-size: 13px;
}
.la-new .uptodate p{
  color: #666;
  word-wrap: break-word;

}

.edit-box .title{
  font-size: 18px;
  margin: 15px 0 10px;
}
.edit-box span i{
  margin-right: 10px;
}
.edit-box span{
  display: block;
  margin-bottom:10px;
}

.prn{
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.prn a{
  color: #08026d;
}
.prn div{
  margin: 5px 0;
}

.contactinfo h5{
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.inquirymap #inquiry b{
  font-size: 18px;
  color: #08026d;
}

.fullwidthbanner-container{
  width:100%!important;
  position:relative;
  max-height:650px!important;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:50%;
  padding:0;
  visibility:hidden
}
.tp-simpleresponsive>ul>li{
  position:absolute;
  visibility:hidden;
}
.tp-simpleresponsive .caption,.tp-simpleresponsive .tp-caption{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity:0;
  -khtml-opacity:0;
  opacity:0;
  position:absolute;
  visibility:hidden;
}

.tp-leftarrow.default,
.tp-rightarrow.default{
  z-index:100;
  position:relative;
  background:#000;
  padding-top:20px!important;
  width:45px;
  height:60px;
  text-align:center;
  cursor:pointer;
  font: normal normal normal 14px/1 FontAwesome;
  color: #fff;
  font-size: 20px;
}
.tp-leftarrow.default:hover,
.tp-rightarrow.default:hover{
  background: #08026d;
}
.tp-leftarrow.default{
  border-bottom-right-radius:3px;
  border-top-right-radius:3px;
  -o-transition:background .5s ease-in-out;
  transition:background .5s ease-in-out;
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter:alpha(opacity=0);
  opacity:0;
  -khtml-opacity:0;
  -moz-opacity:0;
  visibility:visible;
}

.tp-leftarrow.default:before{
  content:"\f053";
  visibility:visible
}

.tp-rightarrow.default{
  border-bottom-left-radius:3px;
  border-top-left-radius:3px;
  -webkit-transition:background .5s ease-in-out;
  -moz-transition:background .5s ease-in-out;
  -o-transition:background .5s ease-in-out;
  -ms-transition:background .5s ease-in-out;
  transition:background .5s ease-in-out;
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter:alpha(opacity=0);
  opacity:0;
  -khtml-opacity:0;
  -moz-opacity:0;
  visibility:visible;
}

.tp-rightarrow.default:before{
  content:"\f054";
  visibility:visible;
}
.phonefooter{
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.phonefooter ul{
  overflow: hidden;
  text-align: center;
  background: #08026d;
}
.phonefooter li{
  width: 25%;
  float: left;
  font-size: 24px;
}
.phonefooter li i{
  color: #fff;
}

.pro-main .chat {
    margin-top: 10px;
}
.pro-main .chat a {
    padding: 10px 20px;
    font-size: 14px;
} 

@media screen and (max-width: 991px){
  .sidebar-left{
    display: none;
  }
}
@media screen and (max-width: 767px){
  #banner_home .owl-theme .owl-controls{bottom: 0;}
  .js_slide .text{
    top: 88%;
  }
     .row{ margin-left: 0px; margin-right: 0px;}
  footer .konw{
    display: none;
  }
  .case li h4{
    margin-top: 20px;
  }
  .la-new .uptodate h4{
    margin-top: 20px;
  }
  .pro-main .main{
    margin-top: 20px;
  }
  .del .np li:nth-child(1){
    margin-bottom:15px;
  }
  .head .media{display:none;}
  .head .right .flag{display:none;}
  .head .search .button{
  margin-top: 0px;}
  #nav .nav-button{top: 60px;width: 30px;height: 30px;line-height:30px;}
  #nav .logo{width: 180px;}
  section{padding: 30px 0;}
  #main .title1 h1{font-size: 24px;}
  .wh-box1 .hd>div{border-top: none;}
  .wh-box1 .hd span{font-size: 12px;
    margin-bottom: 5px;
    width: 48%;
    overflow: hidden;
    float: left;
    margin: 0 1% 5px;
    padding: 12px 0;
    text-transform: capitalize;}
.wh-box1 .list li img,.wh-box4 .list li img{width:100%}
  .wh-box2 .edit-box{height: 150px;overflow: hidden;margin-top: 20px;}
  footer .link,footer .col-sm-3,footer .col-sm-5,footer .footernav{/*  */}
  footer .copyright{text-align: center;}
  footer .footer{padding: 30px 0;}
  footer .footernav{ display:none;}
}
@media screen and (max-width: 640px){
  .maodian li{
    width: 33.333%;
  }
#position {
    padding: 20px 0;
}
#position h2 {
    font-size: 22px;
    margin-bottom: 10px;
}
.edit-box{padding: 1.5%;line-height:24px;}
.edit-box1{overflow-x: auto;}
.phonefooter{
    display: block;
  }
  footer{
    margin-bottom: 34px;
  }
 
}

@media screen and (max-width: 480px){
  .company-title a{
    width: 49%;
    text-align: center;
    margin: 5px 0;
  }
  .sidebar-right .pro-list li{
    width: 50%;
  }
.pro-main .main .text {
    line-height: 24px;
} 
.del h4 {
    font-size: 16px;
    padding: 20px 5px;
}
}
@media screen and (max-width: 320px){
.maodian li{
  width: 100%;
}
  .wh-box1 .hd span{width: 100%;}
}