@charset "utf-8";
/* CSS Document */
body{font-size:12px; background:#f9f9f9;}
ul,li,dl,dd,dt{ list-style:none; margin:0px; padding:0px;}
h1,h2,h3{ font-size:100%; font-weight:500;}
.container {padding:0px;}
.row{margin:0px;}
a{ color:#666;}
a:hover {text-decoration: none; color:#333;}
@font-face {
font-family:'iconfont';
src:url("../../../i/font/iconfont.eot");
src:url("../../../i/font/iconfont.eot-#iefix") format("embedded-opentype")
}

.m-top-5{ margin-top:5px;}
.m-top-10{ margin-top:10px;}
.m-top-15{ margin-top:15px;}
.m-top-20{ margin-top:20px;}
.thumbnail{ border:0px; margin:0px; padding:0px;}
.banner img{border-radius:4px;}

.up{ height:40px; background-color:#3c3e46;}
.top-back{ background-color: #2b2a2a; color: #fff; height: 34px;}
.top-bar-spacer {
    background: url("../img/header-sep-white.png")  repeat-y scroll right 0;
    float: left;
    height: 24px;
    margin-left: 4px;
    padding-right: 4px;
	margin-top:8px;
    width: 24px;
}
.cust-serv {
    font-size: 12px;
    letter-spacing: .025em;
    line-height: 12px;
    height: 30px;
    padding: 12px 4px 0 30px;
	margin-top:2px;
    text-decoration: none;
    background: url("../img/iconup.png") no-repeat -6px -484px; 
}
.cust-serv a{ color:#fff; }
.live-chat {height: 26px; padding: 12px 4px 0 30px; float:left; margin-top:2px;}
.chat {background: url("../img/iconup.png") no-repeat -6px -1px; }
.mail {background: url("../img/iconup.png") no-repeat -6px -34px;}
.live-chat a{color:#fff; }
.shenwu{ padding-left:8px;}
.wishlist{  background: url("../img/iconup.png") no-repeat -6px -522px;     padding: 8px 4px 0 30px;
 width:120px; height:40px; margin-top:4px;}
.wishlist a{ color:#fff;}
.wishlist a:hover{ color:#f00;}


.top{ padding-top:20px; } 

.top-top{ width:100%; height:85px;}
@media (max-width:360px) {
 .home{ width:100%;padding-top:10px;margin:0px !important;background: #fff;}
 .top-top{ width:100%; height:35px;}
}
.top-logo{ padding:0 0 10px 0px ;height:85px;}
.site-title{padding:0px 0px 10px 0px;overflow: hidden;}
.top-nav{margin-top:10px; zoom:1;}
.top-nav li{float:left;}
.top-nav li.hbord{margin-top:20px;}
.top-nav li.hbord .ha{ padding:0px 24px 33px 24px; }
.top-nav li.hbord .ha:hover{border-bottom:3px solid #206CAE;}
.top-nav li.hbord .ano{border-bottom:0px !important}
.dropdown-menu3 li.ano{border-bottom:0px !important}
.top-nav li span{ color:#000;}
.top-nav li a{color:#000;font-size:16px}
.top-nav li a:hover{ color:#206CAE;}
.zhcn{ font-size:12px; float:right; line-height:48px; margin-right:20px;}

.consult{ float:left;width:180px;}
.consult-btn{ float:left;display: block;color:#fff;text-indent:10px;margin-top:5px;
    height: 29px;
    line-height: 29px;
    width:150px;
    background: url("../img/hmz.png")  no-repeat 2px;
    border-radius: 2px;
    border: 1px solid #dbdbdb;
    font-size: 14px;
    padding-left: 25px;}
.consult-btn:hover{ float:left;background: url("../img/hmz.png")  no-repeat 2px; color:#fff; background-color:#1F6BAE; border: 1px solid #1F6BAE; border-radius: 2px;}

.top-btm{margin-top:10px; zoom:1; font-size:14px;}
.top-btm li{ padding:0 46px; float:left;  line-height:46px; }
.top-btm li span{ color:#F00;}
.top-btm li a:hover{ color:#206CAE;}
.zhcn{ font-size:12px; float:right; line-height:48px; margin-right:20px;}
.zhcn a{ color:#999;}
.search_box{position:relative;float:right;margin-top:25px}
.search-expand{display:none;background-color:#fff;border:1px solid #ccc;position:absolute;top:-16px;right:0;z-index:999;width:740px;line-height:40px;padding:10px;border-radius:4px;-moz-box-shadow:0px 0px 8px rgba(102,102,102,0.35);-webkit-box-shadow:0px 0px 8px rgba(102,102,102,0.35);box-shadow:0px 0px 8px rgba(102,102,102,0.35);}
.search-expand .input{color:#707070;font-size:14px;width:671px;height:40px;padding:0 5px;margin:0;border:1px solid #dbdbdb}
.search-expand button{position:absolute;top:7px;right:13px;width:40px;height:40px;padding:0;background:url("../img/search1.png") #fff no-repeat 10px center;border:none;}
.layout{ line-height:50px; padding:0 20px;}
.layout-index{ float:left;}
.layout-index span{ padding:0 4px;}
.selected-box{ float:left; margin-top:15px; margin-left:20px;}
.selected{float: left;
    height: 22px;
    line-height: 22px;
    margin-right: 20px;
    padding: 0 26px 0 5px;
    min-width: 40px;
    color: #f56416;
    border: 1px solid #dbdbdb;
    background: #fff url("../img/xx.png") no-repeat right 0;}
.selected:hover{color: #f56416;  background: #fff url("../img/xx.png") no-repeat right -22px;}
.view{ float:right;}
.view span{ font-weight:bold; color:#0f69dc;}

.main{padding-right:0px;}
.main-l{ float:left; width:965px;}
.main-r{ float:right; width:220px;}
.main-box{padding:0px; background:#FFF;border:1px solid #ddd }
.main-left{width:100%;}
.main-right{width:220px; padding:2px; margin-bottom:20px; padding-bottom:10px;}

.mod{ border-bottom:1px solid #dbdbdb; }
.mod-dt{ float:left; width:200px; padding-left:10px; color:#999; padding-top:20px; padding-right:10px;}
.mod-dd{ float:right; width:758px; padding-top:10px;}
.mod-dd li { float:left; width:250px; overflow:hidden;    padding:0 4px; margin:5px 0; word-break:keep-all; display:block;  text-overflow: ellipsis; white-space: nowrap;  }
.mod-dd li a:hover{ color:#FFF; background-color:#247ff2; border-radius: 2px; padding:0 4px;}
.mod-checked{ float:left; font-size:12px; color:#FFF;  background-color:#247ff2; border-radius: 2px; padding:0 4px;  word-break:keep-all; display:block;  text-overflow: ellipsis; white-space: nowrap;}
.mod-pic{width:100%; padding:5px;}
.mod-pic img{ margin:5px; width:179px; height:150px; border:1px solid #dbdbdb; border-radius:4px; }
.mod-pic a{position:relative; float:left; }
.mod-pic a p{ position:absolute; left:6px; bottom:-4px; background:url("../img/bg-black.png") repeat; font-size:14px; width:177px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; color:#FFF; text-align:center; line-height:25px;}

.main-list{ margin-bottom:20px;}
.main-list-title{ float:left; width:100%;padding-left:10px; margin:10px 0;font-size:16px; font-weight:bold; color:#999;}
.list-main{ padding:10px 0;margin:10px 0px}
.stand-list,.standlist{ line-height:25px; padding-left:10px;}
.stand-list a{ float:left; width:155px; font-size:14px;height:35px; overflow:hidden;text-align:center; border:1px solid #dbdbdb; margin:5px;padding:3px 0px;border-radius: 4px;}
.stand-list a:hover{ background-color:#EFEFEF;}
.standlist li img{width:100%;height:160px;}
.standlist li h2{font-size:14px;height:40px;line-height:22px;margin-top:5px;width:100%;overflow:hidden;}
.latest-supply{ font-size:16px; color:#666; padding:8px 0 8px 10px;  border-bottom:1px solid #dbdbdb;}
.latest-supply-list{border-bottom:1px solid #dbdbdb; padding-bottom:10px; margin-bottom:10px;}
.latest-more{text-align:center; margin-bottom:10px;}
.bebon-show-nav{text-align:center;}
.bebon-show-nav a{border-bottom:1px solid #dbdbdb; line-height:30px; float:left; width:215px;}
.bebon-show-nav a:hover{ background-color:#CCC;}
.main-right{ padding-bottom:0px!important;}

.latest-img{ float:left;}
.latest-img img { border-radius:4px; margin:5px; width:400px; height:200px;}
.latest-detail{ float:left; width:350px; margin-left:10px; padding:5px;}
.latest-detail li{ line-height:25px;}
.latest-detail li span{ color:#999; margin-right:5px;}
.latest-bebon{ float:left; padding:5px; position:relative;}
.latest-bebon img{ border-radius:4px;width:180px;height:180px;}
.latest-bebon p{ position:absolute; left:5px; top:135px;background:url("../img/bg-black.png") repeat; width:150px; color:#FFF; text-align:center; font-size:14px; line-height:20px;border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
.latest-bebon-contant{ line-height:20px; margin-top:10px;} 
.manonlin span{ font-family:Verdana, Geneva, sans-serif; margin-left:5px;}
.latest-h1{ font-size:18px; color:#999; margin-top:20px; float:left; margin-bottom:0px;}

.service-list{ line-height:25px; padding-left:10px;}
.service-list a{ float:left;}

.service-list img{border:1px solid #dbdbdb; width:220px; height:150px; border-radius:4px; margin:0 7px;}
.service-list p{ padding-left:8px; text-align:center;}

.foot{ border-top:2px solid #dbdbdb; height:auto;line-height:28px; background-color:#2b2a2a; padding-top:10px; }
.foot h2 {color: #fff;font-size: 20px;font-weight: 400;}
.list-unstyled {padding-left: 0;margin-top:20px;}
.list-unstyled  li {line-height: 32px;}
.list-unstyled  li a{color:#fff;font-size:15px;}
.footer-right {border-left: 1px solid #4c4c4c; height: 179px;margin-top: 20px;}
.footer-right-wrap {max-width: 220px;float: right;}
.footer-right-wrap .online_btn {line-height: 42px; margin-top: 0;margin-bottom: 20px;}
.footer-right-wrap h3 {margin-bottom: 0;}
.online_btn a {background-color:#216CAE;border: 1px solid #216CAE; border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;color: #fff;font-size: 16px;padding: 9px 16px 10px 16px;}
.online_btn a:hover{text-decoration:underline}
.online_btn a img{margin-right:6px}
.footer-right-wrap p {color: #fff;line-height: 32px;font-size:15px}
.footer-right-wrap p a{color:#fff}
.footer{ color:#bcbcbc;border-top: 1px solid #4c4c4c;padding:20px 0px;font-size:14px;margin-top:25px}
.copyright{ float:left;} 
.footer-r{ float:right;text-align:right}
.footer-r a{ color:#bcbcbc;}
.flinks a{margin-right:20px;}
.item-title h2 {font-size: 18px;margin: 0;padding-top: 5px;margin:0px !important}
.fwtp{float:right;font-size:14px;margin-right:20px;color:#fff !important;display:none;}
a:hover .fwtp{display:block;float:right;margin-right:20px;font-size:14px;color:#fff !important;}
.modal-body {padding: 15px 15px 25px 15px !important;}
.modal-body span{font-size:16px;line-height:22px;color:#333}
.modal-header {min-height:22px !important;padding: 10px 15px 0px 15px !important;border:0px !important}
.modal-dialog {
    width: 350px;
    margin: 20% auto !important;
}
@media (max-width:320px) {
	.modal-dialog {
    width: 320px;
    margin: 20% auto !important;
   }	
   .modal-body span{font-size:15px;line-height:22px;}
}
/*new style*/
.header{width:100%;background:#2b2a2a;}
.navbar-left > li {text-align: center; margin:0px 10px 0px 10px}
.navbar-left > li > a { font-size: 13px;line-height:38px;color:#fff !important }
.nal1 {background:url("../img/hicon1.png") no-repeat left;float:left;margin-top: 2px;margin-left:0px !important}
.nal1  a{margin-left:25px}
.ca1 a,.ca2 a{margin-left:35px}
.ca1 {background: url("../img/chat.png") no-repeat left;}

.ca2 {background: url("../img/hemail.png") no-repeat left;}
.cema a{font-size:15px !important;}
.head-con{float:right;height:38px;line-height:38px;font-size: 13px;}
.head-con li a{float:left;color:#fff !important;margin-left:26px;line-height:10px;}
.logimg{height:auto;}
.logo a img {margin-top: 0;width: auto;}
.hnav{border:1px solid red;}
.home{ width:100%;padding-top:10px;margin:0px !important;background: #fff;} 
@media (max-width:320px) {
 .home{ width:100%;padding-top:10px;;margin:0px !important;background: #fff;}
}
.home-logo{padding-left:0px !important;}

/*轮播图*/
.fh5co-spacer {clear: both;position: relative;border: none;padding: 0;margin: 0; }
.fh5co-spacer-xlg {height: 150px; }
@media screen and (max-width: 768px) {
  .fh5co-spacer-xlg {height: 70px; } 
  }

.fh5co-spacer-lg {height: 100px; }
@media screen and (max-width: 768px) {
  .fh5co-spacer-lg {height: 50px; } 
  }

.fh5co-spacer-md {height: 80px; }
@media screen and (max-width: 768px) {
  .fh5co-spacer-md {height: 30px; } 
  }

.fh5co-spacer-sm {height: 50px; }
@media screen and (max-width: 768px) {
  .fh5co-spacer-sm {height: 20px; } 
  }

.fh5co-spacer-xs {height: 30px; }
@media screen and (max-width: 768px) {
  .fh5co-spacer-xs {height: 20px; } 
  }

.fh5co-spacer-xxs {height: 20px; }

@media screen and (max-width: 480px) {
  .col-xxs-12 {float: none;width: 100%; } 
  }

.fh5co-mb30 {margin-bottom: 30px; }

.fh5co-row-padded {padding: 50px 0; }

.owl-carousel .owl-controls, .owl-carousel-posts .owl-controls {margin-top: 0; }

@media screen and (max-width: 768px) {
  .owl-carousel .owl-controls .owl-nav {
    display: none; } }

.owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel-posts .owl-controls .owl-nav .owl-next, .owl-carousel-posts .owl-controls .owl-nav .owl-prev {
  top: 50%;
  margin-top: -29px;
  z-index: 9999;
  position: absolute;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s; }

.owl-carousel-posts .owl-controls .owl-nav .owl-next, .owl-carousel-posts .owl-controls .owl-nav .owl-prev {top: 24%; }

.owl-carousel .owl-controls .owl-nav .owl-next {
  left: 0;
  left: -70px;
  margin-top: -60px; }
.owl-carousel .owl-controls .owl-nav .owl-next:hover {
  margin-top: -65px; }
.owl-carousel .owl-controls .owl-nav .owl-next:hover i:before {
  color: #FBB040; }

.owl-carousel .owl-controls .owl-nav .owl-prev {
  left: -70px;
  margin-top: 0px; }
.owl-carousel .owl-controls .owl-nav .owl-prev:hover {
  margin-top: 5px; }
.owl-carousel .owl-controls .owl-nav .owl-prev:hover i:before {
  color: #FBB040; }

.owl-carousel-posts .owl-controls .owl-nav .owl-next i, .owl-carousel-posts .owl-controls .owl-nav .owl-prev i, .owl-carousel-fullwidth .owl-controls .owl-nav .owl-next i, .owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev i {
  color: #444; }
.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i, .owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i, .owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:hover i, .owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:hover i {
  color: #000; }

.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next i, .owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev i {
  color: #fff; }
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next:hover i, .owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev:hover i {
  color: #fff; }

@media screen and (max-width: 768px) {
  .owl-theme .owl-controls .owl-nav {
    display: none; } }

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
  background: none !important; }
.owl-theme .owl-controls .owl-nav [class*="owl-"] i {
  font-size: 30px; }
.owl-theme .owl-controls .owl-nav [class*="owl-"] i:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"] i:focus {
  background: none !important; }
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"]:focus {
  background: none !important; }

.owl-theme .owl-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center; }

.owl-carousel-fullwidth.owl-theme .owl-dots {bottom: 0;margin-bottom: 2.5em; }

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.4);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  border: 2px solid transparent; }
.owl-theme .owl-dots .owl-dot span:hover {background: none;background: white; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: white;border: 2px solid transparent; }

.owl-carousel-fullwidth .item, .owl-carousel-fullwidth .fh5co-owl-text-wrap {height: 450px;display: table;width: 100%; }
.owl-carousel-fullwidth .item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
  position: relative; }
.owl-carousel-fullwidth .item .fh5co-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: .1;
  z-index: 8; }
.owl-carousel-fullwidth .item img {
  max-width: 100%; }
.owl-carousel-fullwidth .item .fh5co-owl-text {
  display: table-cell;
  vertical-align: middle;
  z-index: 10;
  position: relative; }
.owl-carousel-fullwidth .item .fh5co-owl-text a {
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.owl-carousel-fullwidth .item .fh5co-owl-text a:hover {
  text-decoration: none;
  color: white;
  border-bottom: 1px solid white; }
.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead, .owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-sub-lead {
  color: #fff;
  margin: 0;
  padding: 0;
  font-weight: 100; }
.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead {
  font-weight: 300;
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Montserrat", arial, sans-serif; }
.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-sub-lead {
  font-size: 30px;
  line-height: 42px;
  font-weight: 100;
  font-family: "Roboto", arial, sans-serif; }

.js .to-animate {opacity: 0; }
.to-animate p{margin-top:80px;}
.to-animate p a{border:2px solid #206CAE !important;background:#206CAE;opacity: 0.8;padding:10px 25px;font-size:14px;}
.to-animate p a:hover{border:2px solid #fff !important;background:rgba(0,0,0,0);}
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.mfp-with-zoom.mfp-ready .mfp-container {opacity: 1; }

.mfp-with-zoom.mfp-ready.mfp-bg {opacity: 0.8; }

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {opacity: 0; }

/* Image Alignment */
img.fh5co-align-right {
  float: right;
  margin: 0 0 .5em 1em; }
@media screen and (max-width: 480px) {
  img.fh5co-align-right {
    width: 100%;
    margin: 0 0 .5em 0; } }
img.fh5co-align-left {
  float: left;
  margin: 0 1em .5em 0; }
@media screen and (max-width: 480px) {
  img.fh5co-align-left {
    width: 100%;
    margin: 0 0 .5em 0; } }
img.fh5co-align-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

a > img.fh5co-align-right {
  float: right;
  margin: 0 0 .5em 1em; }
@media screen and (max-width: 480px) {
  a > img.fh5co-align-right {
    width: 100%;
    margin: 0 0 .5em 0; } }
a > img.fh5co-align-left {
  float: left;
  margin: 0 1em .5em 0; }
@media screen and (max-width: 480px) {
  a > img.fh5co-align-left {
    width: 100%;
    margin: 0 0 .5em 0; } }
a > img.fh5co-align-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*home-main*/
.home-main{width:100%;height:auto;position:relative;background:#fff}
.home-main .vm-img{width:100%}
.h-product{width:100%;height:auto;padding-top:20px;}
.h-product .hptit{width:100%;height:auto;font-size: 28px;font-weight: bold;line-height: normal;text-align: center;}
.h-product .hp-tit{width:100%;font-size:16px;line-height:22px;margin-bottom: 35px;padding:0px 15px}
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
}
.col-md-4ths{position:relative;margin:0px 4px;}
.h-product img {width:100%;height:auto;border-radius:4px;border:2px solid #ddd;min-height:170px;}
.h-product img:hover{border:2px solid #216CAE }
.col-md-5ths p{font-size:15px;font-weight:bold;text-align:center;width:100%;line-height:25px;margin-top:8px;color:#216CAE}
.h-btn{width:100%;text-align:center;margin:6px auto}
.btn-other{background:#216CAE;color:#fff;border:1px solid #fff;border-radius:15px;padding:5px 25px;}

@media ( min-width : 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}
 
@media ( min-width : 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
 
@media ( min-width : 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}	
@media ( min-width : 768px) {
    .col-sm-4ths {
        width: 25%;
        float: left;
    }
}
 
@media ( min-width : 992px) {
    .col-md-4ths {
        width: 24%;
        float: left;
    }
}
 
@media ( min-width : 1200px) {
    .col-lg-4ths {
        width: 25%;
        float: left;
    }
}
.home-about{width:100%;height:auto;margin-top:10px;background:#F2F2F2;padding-top:20px}	
.home-about h2{width:100%;height:auto;font-size: 28px;font-weight: bold;line-height: normal;text-align: center;margin-bottom:30px}
	.border-left { border-left: 1px solid #eaedf2 }
	.border-right { border-right: 1px solid #D7D7D7 }
	.border-top { border-top: 1px solid #eaedf2 }
	.border-bottom { border-bottom: 1px solid #D7D7D7 }	
	.wbg_img { background: #206CAE; border-radius: 50%; width: 120px; height: 120px; overflow: hidden }
	.wbg_img img { margin-top: 24px }
	.wbg-desc h3 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
	.make-pd {padding: 40px 40px 10px;}
	.make-pd p{min-height: 96px;font-size:14px;line-height:24px;color:#666}
	.make-pd h3 { margin-bottom: 20px;font-size:17px;font-weight:bold }
	@media (min-width:992px) and (max-width:1199px) {
		.wbg_wrap { max-height: 201px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis }

	}
	@media (min-width:768px) and (max-width:991px) {
		.wbg_wrap { max-height: 201px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis }

	}
	@media (max-width:767px) {		
		.wbg_img { margin: 0 -15px }
		.wbg-desc { text-align: center;width:100%;padding:0px }
		.wbg-desc p { max-height: 96px; overflow: hidden; text-overflow: ellipsis;font-size:12px; }
		.new-con img{height:auto !important}
		.figure img{width:100% !important;height:auto !important}
		.container{padding:15px;}
		#fixedMenu{display:none;}
		.case-bar img{height:auto !important}
		.padbg p.padbg-a a{float:left;width:300px;margin-bottom:10px;font-size:14px;}
		.item-title{height:auto !important}
		.case h2{height:auto !important;padding-bottom:10px}
		.list-main{width:100%}
		.case-right,.footer-right{display:none;}
		.col-img img, .col-imgs img{width:100% !important}
		.cnav{margin:10px auto;}
		.top-nav li{float:none;text-align: center;border-bottom: 1px solid #ddd;line-height: 40px;}
		.top-nav li.hbord {margin-top: 10px;}
		.padbg{float:left}
		.pclimg{height:auto !important;}
	}

/*****style2样式*****/
.floor{width:100%;height:auto;margin:10px 0px;}
.floor .box-hd{width:100%;height:auto;}
.floor .box-hd .title{margin:0;font-size:20px;font-weight:200;line-height:58px;color:#333;text-align:left;font-weight:bold}
.box-hd .title small {margin-left:10px;font-size:14px}
.floor .box-hd .more {top:5px;right:0;text-align:right}
.floor .box-hd .more .more-link {font-size:14px;line-height:58px;color:#424242;-webkit-transition:all .4s;transition:all .4s}
.floor .box-hd .more .more-link:hover {color:#206CAE}
.box-hd .more .more-link:hover .iconfont {background:#206CAE url("../img/pright.png") no-repeat center;}

.iconfont {
	font-family:"iconfont" !important;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:0.2px;
	-moz-osx-font-smoothing:grayscale;
}
.box-hd .more .more-link .iconfont {width:12px;height:12px;padding:4px;margin-left:9px;border-radius:16px;font-size:12px;line-height:12px;background:#b0b0b0 url("../img/pright.png") no-repeat center;color:#fff;vertical-align: 1px;-webkit-transition: all .4s;transition: all .4s;}
.box-hd .more .more-link  .more-right{background:#b0b0b0 url("../img/pright.png") no-repeat center;width:12px;height:12px;padding:2px 10px;margin-left:9px;border-radius:50%;}
.box-hd .more .more-link  .more-right:hover{background:#206CAE url("../img/pright.png") no-repeat center;}
.span-first {_margin-left:0}
.floor .box-bd {position:relative;width:100%;overflow:hidden;_zoom:1;}
.brick-promo-list .brick-item-l{margin-top:10px}
.brick-promo-list .brick-item-l img {height:407px;border:0px !important}
.brick-item {position: relative;z-index: 1;float: left;background: #fff;-webkit-transition: all .2s linear;transition: all .2s linear;padding: 0px 0px 7px 0px;}
.brick-item  .brt{line-height:18px;text-align:center;font-size:14px;padding-top:10px;height:38px;}
.brick-item  .brt a{color:#333 !important;}
.brick-item:hover,.brick-li:hover {
	z-index:2;
	-webkit-box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);
	box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);
	-webkit-transform:translate3d(0, -2px, 0);
	transform:translate3d(0, -2px, 0)
}
.brick-item-m-2 .title {margin: 0 10px 2px;}
.brick-item-m .title, .brick-item-m .title a {color: #333;}
.brick-item-m .title {font-size: 14px;font-weight: 400;text-align:left;line-height:18px;height:38px;overflow:hidden;float:left}
.figure img{width:92%;height:170px;margin:10px 8px;border:0px !important}
.figure img:hover{border:none !important}
.box-bd .col-md-3{padding:0px 10px 0px 10px}
.box-bd .col-md-9{padding:0px}
.brick-li{width:100%;background:#f9f9f9;height:114px;margin-top:10px;padding-top:15px;float:left}
.bls{height:105px !important;margin-top:15px !important;padding-top:25px !important;}
.brick-li .more {display: block;margin: 10px 90px 0 20px;font-size: 14px;color: #333;}
.brick-li .more small {display: block;font-size: 12px;color: #757575;}
.brick-li .figure-more { right: 30px;width: 38px;height: 48px;position:absolute;background:url("../img/right.png") no-repeat left 10px;}
.brick-li .figure-more:hover{background:url("../img/right.png") no-repeat left 10px;}
.brick-li .figure-more a {display: block;color: #206CAE !important;}

.brick-li .figure-more i{position:absolute;font-size: 48px; line-height: 48px;}
.brick-li .figure-more .iconfont {
	font-family:"iconfont" !important;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:0.2px;
	-moz-osx-font-smoothing:grayscale
}

.brick-li .bl{margin-left:20px;line-height:24px;}
.bobg{width:100%;height:15px;background:#f7f7f7}
/*about us*/

.hpic,.case-bar{width:100%;height:auto;}
.hpic img{width:100%;min-height:100px}

/* 移动端媒体查询（阈值同样可改，比如768px/375px） */
@media (max-width: 768px) {
  /* 隐藏原有img标签 */
 .hpic img {
    display: none;
  }
  /* 给.hpic容器设置移动端背景图，模拟img效果 */
 .hpic {
    min-height: 150px; /* 和原有img的min-height一致 */
    background: url("/banner/mobile_nybanner.jpg") no-repeat center center;
    background-size: 100% auto; /* 背景图宽度铺满，高度自适应，保持比例 */
  }
}



.home-main .aboutus{margin-top:20px}
.home-main .aboutus h1{font-size:28px;color:#333;padding-top:20px;text-align:center}
.home-main .aboutus .about{font-size:15px;line-height:22px;margin:20px 0px 40px 0px}
.about p{line-height:24px;}
.abouts{margin:10px auto;font-size:14px;line-height:22px;}
.abouts img{width:100%;height:auto}
.abouts p{font-size:14px;line-height:24px}
.abouts hr{font-size:4px;height:3px;width:60px;text-align:left;background-color:#206CAE}
.abouts .anote{padding:10px 0px 0px 0px;word-wrap: break-word;word-break: normal;}
.abouts h2{font-size:18px;margin-bottom:25px;font-weight:bold;color:#206CAE}
.aa1{background:#fff}
.aa2{background:#f5f5f5;padding:25px 0px 10px 0px}
.aas{padding:25px 0px !important}
.aa3{margin:40px 0px}
/*case*/
.case-bar,.news-bar{position:relative}
.case-bar img{width:100%;height:220px;position:relative;}

/* 移动端媒体查询：替换图片 */
@media (max-width: 767px) {
  /* 隐藏原有img标签 */
 .case-bar img {
    display: none;
  }
  /* 给case-bar设置移动端背景图，模拟img效果 */
 .case-bar {
    height: 120px; /* 移动端图片高度，按需调整 */
    background: url("/banner/mobile_nybanner.jpg") no-repeat center center;
    background-size: 100% 100%; /* 背景图铺满容器，也可设cover/auto */
  }
}

.case-name{position:absolute;background: rgba(32,108,174,.5);display:block;width:100%;height:100%;top:0px;color:#fff}
.case-name h2{font-size:28px;text-align:center;margin:13% 0px 40px 0px}
.case-name p{line-height:22px;font-size:15px;padding:10px 12%;margin-bottom:40px;}
.case-name a{border:1px solid #fff;padding:10px 30px;text-align:center;font-size:15px;color:#fff;}
.case-name a:hover{background:#206CAE;border:1px solid #206CAE}
.case{position:relative;padding:10px 0px}
.case h2{text-align:center;width:320px;font-size:22px;height:40px;margin:20px auto}
.case .caseh2{text-align:center;width:auto !important;font-size:22px;height:40px;margin:40px auto 20px auto}
.case h2 span{float:left;margin:0px 15px}
.case h2 hr{width:60px;height:2px;float:left;background-color:#206CAE;margin-top:12px}
.case-left{margin:0px 0px 20px 0px }
.case-left .case-tit{width:100%;height:40px;line-height:40px;color:#fff;font-size:16px;font-weight:700;text-indent:20px;background:#216CAF;margin:10px 0px 30px 0px}
.case-tabs{width:100%;height:30px;border:0px;margin:0px 0px 50px 0px;}
.case-tabs li{border:1px solid #333;border-radius:0px;margin:2px 0px}
.case-tabs li.noright{border-right:0px}
.case-tabs li :hover{background:#206CAE;}
.case-tabs li a{margin-right:0px;color:#000;font-size:15px}
.case-tabs li a:hover{background:#206CAE;color:#fff;border-radius:0px;margin-right:0px;border: 1px solid #206CAE}
.case-list{width:100%;height:auto;margin:20px 0px;float:left}
.case-list .case-img img{width:100%;height:200px}
.case-list .case-img img:hover{background: #fff;filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.case-list .case-note{height:auto;padding:0px 15px 0px 25px}
.case-list .case-note h1{font-size:18px;margin-top:0px}
.case-list .case-note p{font-size:14px;line-height:22px;margin-bottom:36px;margin-top:10px;float:left}
.case-list .case-note .case-more{padding:10px 40px;background:#206CAE;border:1px solid #206CAE;color:#fff;font-size:14px;text-align:center}
.case-list .case-note .case-more:hover{background:#206CAE}
.case-right{margin:10px 0px 20px 0px }
.case-right .latest,.case-contact{border:1px solid #dbdbdb;float:left}
.case-right .latest .latest-tit{text-align:center;font-size:16px;font-weight:bold;color:#fff;margin:0px;background:#216CAF;padding:15px 0px}
.case-right .latest .latest-list{width:100%;height:auto;margin:0px 0px 10px 0px;float:left}
.case-right .latest .latest-list h2{width:100%;margin:15px 0px 0px 0px;height:30px;padding:0px 10px;font-size:15px;float:left;text-align:left;line-height:22px;font-weight:bold;color:#333}
.case-right .latest .latest-list p{padding:0px 15px;font-size:14px;}
.case-right .latest img{width:100%;height:auto}
.case-right .latest .latest-list .latest-more{border:1px solid #206CAE;font-size:14px;padding:8px 35px;margin:5% 30%;float:left;color:#000}
.case-right .latest .latest-list .latest-more:hover{background:#206CAE;color:#fff}
.case-contact{margin-top:20px;max-width:263px;background:#fff;margin-bottom:10px}
.case-right .case-contact-tit{text-align:center;font-size:1.27em;font-weight:bold;color:#000;margin:20px 0px;}
.case-right .case-contact-tit span{font-weight:normal;color:#666;font-size:14px;}
.case-right .right-nav{width:100%;margin-bottom:40px;}
.case-right .right-nav .rn-tit{width:100%;height:40px;line-height:40px;color:#fff;font-size:16px;font-weight:700;text-align:center;background:#216CAF;margin:0px 0px 15px 0px}
.case-right .right-nav .rn-list{margin-bottom:15px;}
.case-right .right-nav .rn-list li{width:100%;line-height:22px;border-bottom:1px solid #ddd;font-size:15px;/*text-indent:35px;background: url(../img/bright.png) no-repeat 6px;overflow:hidden*/margin:10px 0px;padding:0px 10px 10px 10px}
#fixedMenu{ z-index:10; bottom:0;}
.case-contact .c-contact{width:100%;float:left}
.case-contact .c-contact li{line-height:35px;font-size:14px;color:#fff;border-top:1px solid #fff;text-indent:4.6em;padding:10px 10px;float:left;width:100%}
.case-contact .c-contact li a{color:#fff}
.case-contact .c-contact li.c-tel{background:#206CAE url("../img/ctel.png") no-repeat 35px 18px;}
.case-contact .c-contact li.c-online{background:#206CAE url("../img/conline.png") no-repeat 35px 18px;}
.case-contact .c-contact li.c-email{background:#206CAE url("../img/cemail.png") no-repeat 35px 18px;}
.case-contact .c-contact li a:hover{text-decoration:underline}
.c-other{max-width:263px;line-height:60px;background:#206CAE;text-align:center;text-indent:0 !important;}
.c-other a{background:url("../img/cren.png") no-repeat 0px 5px;padding:10px 30px;color:#fff;font-size:16px;font-weight:bold;margin-left:10px}
.c-other:hover{background:#206CAE}
.right-search{margin-bottom:20px;}
.rsea-tit{font-size:15px;font-weight:700;text-align:left;margin-top:8px;}
.rsea-txt{width:98%;padding:12px 10px;border: 2px solid #206CAE;color: #666;font-size: 14px;}
.rtip-bottom{padding:11px 9px;background:#206CAE;border:0px;margin-left:-40px;line-height:24px;position:absolute;}
.control-label{font-size:13px;}

.case-left-note{border:1px solid #dbdbdb;margin-top:10px}
.case-left-note h1{font-size:20px;line-height:40px;text-align:center;font-weight:bold;padding:0px 10px;color:#666}
.case-left-note .casenote{padding:15px 25px;font-size:14px;line-height:22px;}
.bpic{padding:0px 10%;text-align:center;margin-bottom:20px}
.case-left-note .casenote img{text-align:center;vertical-align: middle;width:auto}
.case-other{margin-top:20px;border:1px solid #dbdbdb;padding:15px 0px}
.case-other li{margin:7px 0px;}
.case-other li a{font-size:14px;margin-left:10px}
.case-other li a.ca1{color:#666;font-weight:bold}
.case-other h2{text-align:left;font-size: 18px;width:100%}
.rel-more{float:right;font-size:14px;line-height:20px;margin-right:20px}
.caseother{margin-top:20px;}
.main-nav{line-height:30px;padding-top:15px;padding-left:45px;background:url("../img/homes.png") no-repeat 15px 15px;text-indent:20px}
.main-message{width:100%;height:auto;margin-top:20px;float:left}
.mains-left{width:100%}
.item-title { border-bottom: 1px solid #dbdbdb; height: 35px;padding-left: 20px;}
.item-title span {font-size: 18px;font-weight: bold;color: #666;}
.item-title .btn-primary{width:auto !important}
.form { margin-top: 20px;}
.pull-right{margin-right:0}
.btn-send{background:#206CAE;color:#fff;padding:7px 30px}
.case-nav{width:100%;float:left;margin-bottom:25px;margin-left:20px}
.case-nav div{float:left;font-weight:bold;font-size:18px}
.case-nav li{float:left;}
.case-nav li a{font-weight:normal;color:#333;font-size:17px;padding:10px}
.case-nav li a:hover{background:#206CAE;padding:10px;color:#fff}
.pronos{font-size:15px;line-height:24px;padding:10px;margin-bottom:20px}
.listar {background: #0057a9;border-radius:4px;color: #fff !important;}
.listars{color:#0057a9 !important}
/*news*/
.news-bar img{width:100%;height:auto;position:relative;} 
.news-list{width:100%;height:auto;}
.news-list .news-tit{width:100%;height:40px;line-height:40px;color:#fff;font-size:15px;text-indent:20px;background:#216CAF;margin:10px 0px 15px 0px}
.nlist{width:100%;height:auto;margin:15px 0px;float:left;border-bottom:1px solid #D5D3D4;padding-bottom:25px;position:relative}
.nlist .news-img{padding:0;}
.nlist .news-img img{width:100%;max-height:200px;}
.nlist .news-img img:hover{background: rgba(0,152,50);filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;-khtml-opacity: 0.8;}
.news-note{padding:0px 15px 0px 25px;}
.news-note h1{font-size:18px;margin:10px 0px 15px 0px;}
.news-note h1 a{color:#000}
.news-note h1 a:hover{color:#216CAF}
.news-note .nnote{font-size:14px;line-height:22px;color:#666}
.news-note .nother{font-size:14px;width:90%;position:absolute;bottom:0px;padding:0px;margin:0px}
.news-note .nother span{float:left}
.news-note .nother a{float:right;font-size:14px;}
.news-note .nother a:hover{color:#206CAE}


.listpage {text-align: center;margin-top: 20px;}
.listpage li{ display:inline-block;}
.listpage a {line-height: 40px;border: 1px solid #dbdbdb;padding: 4px 10px;margin-left: 10px;}
.listpage a:hover{background:#206CAE;color:#FFF}



.newsnote{padding:15px 25px;}
.newsnote a{color: #206cae;}
.newsnote img{max-width:100%;height:auto;margin:0px auto 15px auto}
.new-con{font-size:14px;line-height:22px;}
.new-con img{margin:10px auto;text-align:center;display:block}
/*contact*/
.contact h2{width:100%;font-size:28px;height:auto;font-weight:700}
.contact p{font-size:15px;line-height:22px;padding:10px 25px;color:#666;width:100%}
.contact-way{margin:30px 0px 65px 0px}
.contact-way ul{background:#216CAF;padding:30px 35px;font-size:14px;color:#fff;min-height:530px}
.contact-way ul li{width:100%;line-height:40px;text-indent:50px;margin:20px 0px;}
.contact-way ul li span{margin-right:10px}
.leftway .caddress{background:url("../img/address.png") no-repeat 5px 8px}
.leftway .ctel{background:url("../img/ctel.png") no-repeat 5px 8px}
.leftway .cfax{background:url("../img/fax.png") no-repeat 5px 8px}
.leftway .cemail{background:url("../img/cemail.png") no-repeat 5px 8px}
.leftway .cemail a{color:#fff}
.leftway .cemail a:hover{text-decoration:underline}
.leftway .clink{margin-top:80px;padding-bottom:10px}
.clink a{width:30px;height:30px;margin-right:20px;}
.clink img:hover{-webkit-animation: rotateIn 1s .1s ease both; -moz-animation: rotateIn 1s .1s ease both; animation: rotateIn 1s .1s ease both}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(0)
}
100% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(360deg)
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin:center center;
-moz-transform:rotate(0)
}
100% {
-moz-transform-origin:center center;
-moz-transform:rotate(360deg)
}
}
@keyframes rotateIn {
from {
transform-origin:50% 50%;
transform:rotate(0)
}
to {
transform-origin:50% 50%;
transform:rotate(360deg)
}
}
.contact-way .righttway{background:#216CAF;padding:30px 35px;font-size:14px;color:#fff;min-height:530px}
.btn-contact{border:1px solid #fff;background:rgba(0,0,0,0);width:120px;text-align:center;margin:10px 37%}
.btn-contact:hover{border-radius:4px;background:rgba(0,0,0,0.2);}
.ocon{line-height:40px;margin-top:8px;}
.ocon input,.ocon textarea{color:#fff;border:0px;border-bottom:1px solid #fff;background-color:transparent;border-radius:0px;outline:none !important;box-shadow: none;}
.ocon input:focus {border-bottom:1px solid #fff;}
.ocon textarea{height:170px;display:inline;}
.contact-other{margin:20px 0px;padding-bottom:40px;border-bottom:1px solid #dbdbdb}
.oth-no{border-bottom:0px}
.contact-other h3{font-size:18px;color:#333;text-align:left;line-height:40px;}
.contact-other h2 {text-align: center;width: 420px;font-size: 22px;height: 40px;margin: 0px auto 20px auto;}
.contact-other h2 span {float: left; margin: 0px 15px;}
.contact-other p{font-size:14px;line-height:22px;width:100%;padding:0px;}
.contact-other ul{width:100%;margin-top:20px;padding:0px}
.contact-other ul li{font-size:14px;line-height:35px;text-indent:35px;}
.contact-other ul li.cn1{background:url("../img/cn1.png") no-repeat left;}
.contact-other ul li.cn2{background:url("../img/cn3.png") no-repeat left;}
.contact-other ul li.cn3{background:url("../img/cn2.png") no-repeat left;}
.contact-other ul li a:hover{color:#216CAF}
/*team*/
.jiagou{text-align:center;padding:0px 0px 15px 0px}
.jiagou h2 {text-align: center;width:420px;font-size: 22px;height: 40px;margin: 40px auto 20px auto;}
.jiagou h2 span {float: left;margin: 0px 15px;}
.jiagou h2 hr {width: 60px;height: 2px;float: left;background-color: #206CAE;margin-top: 12px;}
.jiagou img{padding:20px 0px;width:auto;height:auto}
@media (max-width:360px) {
 .jiagou h2 {text-align: center;width:420px;font-size: 16px;height: 40px;margin: 40px auto 20px auto;}
 .jiagou img{padding:20px 0px;width:100%;height:auto}
 .jiagou h2 hr {width: 40px;height: 2px;float: left;background-color: #206CAE;margin-top: 12px;}
}
.team{width:100%;background:#F5F5F5;padding:50px 0px}
.teamimg{padding:0px}
.teams img{width:100%;height:auto}
.teams h2{font-size:20px;line-height:30px;padding:40px 20px 25px 20px}
.teams p{font-size:15px;line-height:24px;padding:0px 20px;color:#666}
.teams p a:hover{color:#206CAE}
.team-name{position:absolute;display:block;width:100%;height:auto;top:0px;color:#fff}
.team-name h2{font-size:32px;margin:15% 0px 20px 0px}
.team-name p{line-height:22px;font-size:15px;padding:10px 12%;margin-bottom:40px;}
.btn-primary{width:100%}
.team-mess{padding:10px 0px}
.team-mess h2{font-size:28px;text-align:center;color: #333;line-height: 48px;padding:15px 0px;margin-bottom: 20px;font-weight:700}
@media (max-width:360px) {
 .team-mess h2{font-size:22px;}
}
.message-con{margin-top:20px}
.message-con input{padding:10px 15px 10px 15px !important;height:auto;font-size:14px}
.ll button{padding:10px 0px;font-size:16px}
/*service*/
.service-name{position:absolute;display:block;width:100%;height:auto;top:0px;color:#fff}
.service-name h2{font-size:30px;margin:9% 0px 20px 12%}
.service-name p{line-height:22px;font-size:15px;padding:10px 12%;margin-bottom:40px;}
.service{margin:30px auto;padding-bottom:20px}
.ser-title h2{text-align:center;font-size:28px;color:#333}
.ser-title .ser-head{font-size:14px;line-height:22px;padding:20px 25px;}
.sernav{width:160px;height:160px;line-height:160px;border-radius:50%;text-align:center;display:table-cell;vertical-align:middle;float:left;margin:0px 10%}
.sernav1{background:#fff url("../img/ship1.png") no-repeat center;border:1px solid #ddd;}
.sernav1:hover{background:#206CAE url("../img/ship.png") no-repeat center;border:1px solid #206CAE;}
.sernav2{background:#206CAE url("../img/sc.png") no-repeat center;}
.sernav3{background:#fff url("../img/quality1.png") no-repeat center;border:1px solid #ddd;}
.sernav3:hover{background:#206CAE url("../img/quality.png") no-repeat center;border:1px solid #206CAE;}
.sernav4{background:#fff url("../img/kefu1.png") no-repeat center;border:1px solid #ddd;}
.sernav4:hover{background:#206CAE url("../img/kefu.png") no-repeat center;border:1px solid #206CAE;}
.ser1{padding:15px 20px}
.ser1 ul{width:100%;height:auto;margin:10px auto;float:left}
.ser1 ul h3{font-size:16px;font-weight:700;padding:15px 0px}
.ser1 ul h3 a{color:#333}
.ser1 ul li{width:100%;font-size:14px;line-height:30px;background:url("../img/cir.png") no-repeat left;text-indent:20px}
.nav{border:0px;text-align:center;}
.cnav{margin:10px 26%}
.cnavs{margin:30px 25%}
.sercon{padding:0px 20px 20px 20px;border-bottom:1px solid #ddd}
.sercon h3{font-size:16px;font-weight:700;line-height:40px;text-align:center;float:left;width:100%}
.sernote{font-size:14px;line-height:22px;color:#333;word-wrap:break-word;float:left;width:100%}
.serpic{padding:15px 0px}
.serpic .col-md-3 img,.serpic .col-md-4 img{width:100%;margin:10px 0px}
.serpic p{font-size:14px;}
.serpic .col-md-2 img{margin:10px 0px;padding:0px}
.serpic img{width:100%;margin:10px 0px;}

@media (max-width:720px) {
	.navser{margin:10px 6%}
}
.navser{margin:10px 12%}
.col-img {width:100%;text-align:center;border:1px solid #ccc;float:left;margin:10px 0px;}
.col-imgs {width:100%;text-align:center;}
.col-img img,.col-imgs img{display:block;margin:0px auto;width:auto !important;padding:15px 10px}
.col-serv p{text-align:center;font-size:15px;font-weight:bold}
.col-border img{border:1px solid #ccc;height:325px;}
.col-md img{display:block;margin:0px auto;width:auto !important;float:left;margin-right:20px;margin-bottom:20px}
.col-plan img{padding:15px 10px;border:1px solid #ccc}
/*pronote*/
.pro-left-note{margin-top:10px}
.pro-left-note h1{font-size:20px;text-align:left;font-weight:bold;padding:0px;color:#666}
.pronote{padding:0px 0px 0px 0px;font-size:14px;line-height:22px;}
.pronote h2{font-size:18px;text-align:left;width:100% !important;}

@media (max-width:360px) {
 .pro-left-note h1 {font-size: 16px;text-align: left;font-weight: bold;padding: 0px; color: #666;}
 .item-title {border-bottom: 1px solid #dbdbdb;min-height:60px;padding-left: 20px;}
 .pronote h2{font-size:14px;line-height:24px;text-align:left;width:100% !important;}
 .ppic img{width:100%;height:auto}
}
.pronote .ppic{width:100%;text-align:center;margin:20px auto;}
.pronote .ppic img{width:80%;height:auto}
.detail {padding:10px 10px 10px 0px;line-height: 25px;margin: 10px 0 10px 20px;font-size:14px;overflow:hidden;}
table{border:1px solid #dbdbdb;margin-bottom:10px;width:100%;}
table tr{border:1px solid #dbdbdb}
table tr td{border:1px solid #dbdbdb;padding: 0 5px;}
/*culture*/
.clh2{text-align:center;font-size: 22px;height: 40px;margin: 30px auto 20px auto;}
.culture{width:100%;padding:40px 0px}
.culture .culturelist{width:100%;height:auto;margin:0px auto}
.culture .culturelist li{width:100%;border:1px solid #dbdbdb;margin:10px auto;float:left}
.culture .culturelist li .culture-img{padding-left:0px !important;}
.culture .culturelist li img{width:100%;height:auto;padding:0px}
.culture-note {margin:20px 0px}
.culture-note h1{font-size:18px;margin-top:20px;margin-left:20px;}
.culture-note p{font-size:16px;line-height:24px;margin-top:30px;margin-left:20px;word-break:break-word;}
/*search*/
.slist{margin:15px auto;width:97%}
.slist li{line-height:40px;font-size:14px;border-bottom:1px solid #dbdbdb;padding:0px 15px;background:url("../img/cir.png") no-repeat 5px;text-indent:10px;}
.slist li span{float:right}
/*cooperation*/
.cooperation{width: 100%; padding: 50px 0px;}
.cooperation .cotit{margin:20px 0px}
.cooperation .cotit h2{font-size:28px;color:#333;text-align:center;font-weight:bold}
.cooperation .cotit p{font-size:15px;line-height:24px;padding:10px 40px;}
.cbrand img{width:100%;height:95px;margin-top:40px;border: 1px solid #d4d4d4; padding: 0;}
.cbrand img:hover{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;box-shadow: 1px 1px 10px rgba(0,0,0,0.5);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.form-controls{
    display: block;
    width: 60%;float:left;margin-right:10px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.fbutton{padding:6px 6px;background:#ddd;border:1px solid #ddd}
.grobal{float:right;line-height:40px;margin-left:15px}
.grobal img{margin-right:10px;}
.grobal a{font-size:14px;color:#fff}

.rad{margin-top:20px;}
.pclimg{width:100%;height:160px;}
.pclh3{text-align:center;margin:0px 0px 10px 10px;padding:0px;line-height:22px;width:100%;hyphens: auto;word-wrap: break-word;height:41px;overflow:hidden;}

.lctit{font-size:1.5em;text-align:left;border-bottom:1px solid #ddd;padding-bottom:10px;font-weight:700;color:#666}
.lc-contact{margin-top:20px;}
.lc-contact .lc-contact-tit{text-align: left;font-size: 1.27em;font-weight: bold;color: #206CAE;margin: 20px 0px;}
.lc-contact .lc-con{margin-top:15px;}
.lc-contact .lc-con li{font-size: 1.2em;line-height: 2.6em;text-indent: 2.5em;}
.lc-contact .lc-con li a{color:#333}
.lc-contact .lc-con li.lc-tel{background:url("../images/lc-tel.png") no-repeat left;}
.lc-contact .lc-con li.lc-online{background:url("../images/lc-on.png") no-repeat left;}
.lc-contact .lc-con li.lc-email{background:url("../images/lc-email.png") no-repeat left;}
.lc-contact .lc-con li.lc-add{background:url("../images/lc-add.png") no-repeat left top;line-height: 1.8em;color:#666}
.lc-contact .lc-con li.lc-order{margin-top:15px;text-indent: 2.5em;}
.lc-contact .lc-con li.lc-order a{padding:8px 25px;border:1px solid #206CAE;background:#206CAE;color:#fff}
.lc-contact .lc-con li.lc-order a:hover{border:1px solid #206CAE;color:#333;background:none;}

.col-lefs{padding:0px !important;margin-top:20px;}
.col-lefs .col-lefs-tit {text-align: center;font-size: 1.27em;font-weight: bold;color: #000;margin:0px 0px;border:1px solid #ddd;padding:15px 0px;width:186px;}
.left-naves li{margin:1px 0px;width:186px;background:#337ab7;padding:10px 0px;text-align:center}
.left-naves li a{color:#fff;font-size:15px;}
.pstit{text-align:center;font-weight:700;height:28px;}


.hptit-m{width:100%;height:auto;font-size:20px;font-weight: bold;line-height: normal;text-align: center;}
.hptit-t{width:100%;height:auto;font-size:22px;font-weight: bold;line-height: normal;text-align: center;}
.hptit-p{width:100%;height:auto;font-size:20px;font-weight: bold;line-height: normal; text-align:left;}

.machining-left-note{margin-top:10px}
.machining-left-note h1{font-size:20px;line-height:40px;text-align:center;font-weight:bold;padding:0px 10px; color:#666;}
.machining-left-note .casenote{padding:15px 25px;font-size:14px;line-height:22px;}
.bpic{padding:0px 10%;text-align:center;margin-bottom:20px}
.machining-left-note .casenote img{text-align:center;vertical-align: middle;width:auto}


.floor .box-hd_t{width:100%;height:auto; padding:0 30px 0 10px;}
.floor .box-hd_t .title{margin:0;font-size:20px;font-weight:200;line-height:58px;color:#333;text-align:left;font-weight:bold;}
.box-hd .title small {margin-left:10px;font-size:14px}
.floor .box-hd_t .more {top:5px;right:0;text-align:right}
.floor .box-hd_t .more .more-link {font-size:14px;line-height:58px;color:#424242;-webkit-transition:all .4s;transition:all .4s}
.floor .box-hd_t .more .more-link:hover {color:#206CAE}
.box-hd_t .more .more-link:hover .iconfont {background:#206CAE url("../img/pright.png") no-repeat center;}
.box-hd_t .more .more-link .iconfont {width:12px;height:12px;padding:4px;margin-left:9px;border-radius:16px;font-size:12px;line-height:12px;background:#b0b0b0 url("../img/pright.png") no-repeat center;color:#fff;vertical-align: 1px;-webkit-transition: all .4s;transition: all .4s;}
.box-hd_t .more .more-link  .more-right{background:#b0b0b0 url("../img/pright.png") no-repeat center;width:12px;height:12px;padding:2px 10px;margin-left:9px;border-radius:50%;}
.box-hd_t .more .more-link  .more-right:hover{background:#206CAE url("../img/pright.png") no-repeat center;}

.min-img {margin:30px 0px}
.min-img h3{background: rgba(4, 90, 196, 0.83);height:55px;line-height:55px;text-align:center;color:#fff;margin:0px}
.min-img .col-md-4 a{overflow:hidden;display:block;color:#fff !important}
.min-img img{width:100%;-webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;}
.min-img a:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

/*内页引导*/
.padbg{margin:20px 0px;background:url("../img/padbg.jpg") no-repeat center;padding:25px 10px;background-size:cover}
.padbg h5{font-size:24px;color:#fff;text-align:center;margin:30px 0px}
.padbg p{font-size:16px;color:#f6f6f6;text-align:left;padding-left:15px;padding-right:15px;letter-spacing:1px}
.padbg p.padbg-a{margin:50px 0px 30px 0px;color:#fff;text-align:center;letter-spacing:0px}
.padbg p.padbg-a a{color:#fff;padding:15px 20px;margin-right:30px;font-size:18px; -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;}
.padbg p.padbg-a a:nth-child(1){background:#171212;border:1px solid #171212;border-radius:5px}
.padbg p.padbg-a a:nth-child(1):hover{background:#fff;border:1px solid #fff;color:#333}
.padbg p.padbg-a a:nth-child(2){border:1px solid #fff;border-radius:5px}
.padbg p.padbg-a a:nth-child(2):hover{background:#fff;border:1px solid #fff;color:#333}