/*TYPOGRAPHY */
body {
    font-family:Microsoft YaHei, sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #53565a;
    background-color: #fff;
    }
p, a {color: #53565a;font-family: 'Microsoft YaHei', Arial, sans-serif;line-height: 22px;}
p {padding-bottom: 0px; }
a {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; text-decoration: none; }
a:hover {text-decoration:underline;}
input{ outline:medium;}
h1, h2, h3, h4, h5, h6{font-family: 'Microsoft YaHei', sans-serif;margin-top: 0;/* font-weight: normal; */color: #353535;}

h1{font-size: 36px; line-height: 36px;  }
h2{ }
hr {margin: 30px 0 30px 0;border-top: 1px solid #e88118;clear: both;}
strong{font-weight: 900; }

img.float-left {float: left; margin: 12px 12px 12px 0; }
img.float-right {float: right; margin: 12px 0px 12px 12px; }

.img-fixed-bottom{position: relative; bottom: -70px; }
ul,ol {list-style-position: inside; }
ul li,ol li {}
li {list-style: none;}
blockquote + p {margin-top: 15px; }
.required{color: #ce292d; }
.text-big{font-size: 18px;line-height: 25px;color: #333;}
.align-right{text-align: right; }

a.read-more{float: right; position: relative; }
.color-green {color: #62b151;}

.mb-70{margin-bottom: 70px;}
.mb-50{margin-bottom: 50px;}
.mb-30{margin-bottom: 30px;}
.mb-0{margin-bottom: 0;}
.fl {float: left;padding-right: 15px;}
.fr {float: right;padding-left: 15px;}
.btn {border: 1px solid #a9a9a9;padding: 5px 10px;font-size: 18px;color: #000;background: none;box-shadow: none;border-radius: 5px;}

.btn:hover {background: #e8e8e8;color: #000;}
.btn-white {border: 1px solid #fff;color: #fff;}
.btn-white:hover {border: 1px solid #62b151;color: #62b151;background: #fff}
.images img {}

#animate2,#animate8,#animate8-1,#animate9,#animate9-1,#animate7,#animate10,#animate10-1,#animate11{

  
  
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: .2s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 1s;
  -moz-animation-delay: .2s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -ms-animation-duration: 1s;
  -ms-animation-delay: .2s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: 1s;
  animation-delay: .2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
}

/*header*/


.header-wrapper {width: 100%;background:#fff;z-index: 999;}

#quick-links li {float: right;padding: 0  0 0 10px;}
#top-search {float: right;position: relative;}
#top-search input {width: 370px;height: 36px;border: 1px solid #53565a;background: none;border-radius: 2px;padding: 0px 20px;transition:all .2s ease}
#top-search input:focus {border:1px solid #898989;outline: none;}
#top-search .search-submit {width: 30px;height: 34px;background: none;border: none;color: #fff;right: 10px;top: 0;outline: none;position: absolute;}
.icon.fa {width: 20px;height: 20px;display: inline-block;}
.icon.font20 {font-size: 20px;}
.icon-search {width: 20px;height: 20px;background: url(../img/icon_search.png) center no-repeat;margin-bottom: -5px;display: inline-block;}
.header-wrapper .navbar-nav>li>.dropdown-menu {width: 100%;color: #343434;background: #fff;padding: 0;box-shadow: none;border: none;}
.dropdown-menu>li>a {padding: 8px 20px;color: #343434;}
.dropdown-menu a {color: #343434;}

.clearfix { *zoom: 1; }

.product-category {padding-top: 10px;overflow: hidden;display: block;position: relative;background: #fff;}
.product-category .caption, .download-category .caption {border-bottom: 1px solid #e8e8e8;line-height: 26px;height: 28px;overflow: hidden;}
.product-category .product-item .image {max-width: 180px;max-height: 180px;width: 180px;height: 180px;}
.product-item {padding-top: 20px;vertical-align: middle;transition: all .4s;-webkit-transition: all .4s;}
.product-item .image{text-align: center;transition: all .4s;-webkit-transition: all .4s;text;text-align: center;text-align: center;text-align: center;margin: 0 auto;}
.product-item .image img {width: 100%;height: auto;}
.product-item:hover .image{opacity: .8; }
.product-item:hover, .download-category .caption:hover {transform: translateY(-5px);-webkit-transform: translateY(-10px);}
.download-category {padding: 50px 0;overflow: hidden;}
.download-category .caption {transition: all .4s;-webkit-transition: all .4s;background: #fff;}
.icon-30 {display: inline-block;width: 30px;height: 30px;float: left;margin: -2px 10px 0 0;}
.icon-catalog {background: url("../images/icon_catalog.png")/*tpa=http://www.bellavim.com/Templates/bangc/images/icon_catalog.png*/ center no-repeat;}
.icon-graphic {background: url("../images/icon_graphic.png")/*tpa=http://www.bellavim.com/Templates/bangc/images/icon_graphic.png*/ center no-repeat;}
.icon-sheets {background: url("../images/icon_sheets.png")/*tpa=http://www.bellavim.com/Templates/bangc/images/icon_sheets.png*/ center no-repeat;}
.icon-videos {background: url("../images/icon_videos.png")/*tpa=http://www.bellavim.com/Templates/bangc/images/icon_videos.png*/ center no-repeat;}
@media (max-width: 728px) {
.dropdown-menu {right: 0;left: auto}
.header-wrapper {line-height: 20px;}
.navbar-brand {float: none;}
.navbar-brand>img {margin: 0 auto;max-width: 100%;}
.top-brand .top-logo {float: none}
.top-brand .top-logo img {margin: 0 auto}
.module-title {padding: 0 15px;}
}
/*slider*/
.slider-wrapper {width: 100%;}
.pi-caption01 {font-size: 50px;font-family: 'Raleway';font-weight: bold;line-height: 50px;text-transform:uppercase;}
.pi-caption02 {font-size: 40px;font-family: 'open sans';font-weight: 300;line-height: 44px;}
.pi-text {font-size: 30px;line-height: 40px;}
#owl-slider .owl-prev:hover, #owl-slider .owl-next:hover {opacity: 1}
#owl-slider .owl-prev {position:absolute;left:20px;width:26px;height: 50px;background: url("../images/Expand-Arrow-left.png")/*tpa=http://www.bellavim.com/Templates/bangc/images/Expand-Arrow-left.png*/ no-repeat;opacity: .5}
#owl-slider .owl-next {position:absolute;right:20px;width:26px;height:50px;background: url("../images/Expand-Arrow-right.png")/*tpa=http://www.bellavim.com/Templates/bangc/images/Expand-Arrow-right.png*/ no-repeat;opacity: .5}
/*header*/
.navbar, header {margin:0;border: none;background: none;min-height: 36px; margin-top:55px; position: static;}
.navbar-nav>li>a {padding-top: 15px; padding-bottom: 5px; }
.logo {float: left;}
.logo img{}
.top-contact {padding-top: 30px;}
.top-contact i {float: left;}
.top-contact span {padding-left: 15px;color: #a3abbe;}
.top-contact a {display: inline-block;padding-left: 15px;font-size: 20px;font-weight: bold;}
.top-contact-phone a {color: #ffa62e;}
.top-contact-customer a {color: #00cb4c;}
.top-nav {width: 100%; background-color:#3d3d45;}
.navbar-collapse {padding: 0;}
.main-nav {margin-top: 20px;position: relative;background:#dedede;}
.navbar-default .navbar-nav {width:100%;/* margin-bottom: 20px; */}
.navbar-default .navbar-nav .dropdown .open {background: #fff;color: #000;}
.navbar-default .navbar-nav>li>a {display:inline-block;text-align:center;font-size: 16px;color: #383838;text-transform: none;padding: 10px 17px; line-height:26px; font-weight: 600;}
.navbar-default .navbar-nav>li>a h2{display:inline-block;text-align:center;font-size: 16px;color: #383838;text-transform: none;font-weight: 600;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #fff;background-color: transparent;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {    color:#62b151; background: none; }
.navbar-nav>li {/* width:14%; */padding: 0;position: static;}
.navbar-nav>li:last-child {/* width: 16% */}
.heading {position: relative;padding-bottom: 50px;font-size: 32px;color: #272727;text-align: center;}
.heading::before {position: absolute;left:50%;bottom:30px;margin-left: -150px;display:inline-block;width: 300px;height: 3px;content: '';background: url("../images/title_before.png")/*tpa=http://www.bellavim.com/Templates/bangc/images/title_before.png*/ repeat-x;}
.heading::after {position: absolute;left:50%;bottom:20px;margin-left: -17px;padding:0 5px;display:inline-block;width: 34px;height: 24px;content: '';background: url("../images/title_after.png")/*tpa=http://www.bellavim.com/Templates/bangc/images/title_after.png*/ 5px 0 no-repeat #fff;}
@media (max-width: 480px) {
.top-contact {clear: both;}
.top-contact-phone {width: 60%;}
.top-contact-customer {width: 40%;}
.navbar-default .navbar-toggle {float: left; background: #5a5a64; border: 1px solid #80808d; z-index: 999; position: absolute; top: -48px; left: 10px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #595963; }
.navbar-default .navbar-nav>li>a {padding: 5px 0;text-align: center;}
.navbar-collapse{border: 0;position: absolute;z-index: 999;/* background: #f6f6f6; */width: 100%;top: 0;overflow:hidden;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {text-align: center; }
.navbar-nav {margin: 8px}
}

#owl-slider .owl-dots {position: relative;margin-top: -30px;}
#owl-slider .owl-theme .owl-dots .owl-dot.active span {width: 12px;height: 12px;border: 3px solid #62b151;background: none}
#owl-slider .owl-theme .owl-dots .owl-dot:hover span {background-color: #62b151;}

/*end slider*/
/*product*/
.page-content {clear: both;padding-top: 60px;}
.custom-heading {line-height: 28px;overflow: hidden;margin: 0 auto;background:url(../img/newsbg.png) center bottom no-repeat;text-align: center;}
.custom-heading h3 {text-transform: uppercase;font-size: 28px;margin: 0;letter-spacing: 1px;text-align: center;font-weight: bold;padding-bottom: 20px;}
.custom-heading .read-more {float: right;}
.product-wrap {overflow: hidden;}
.product-series {display: block;line-height: 20px;height: 40px;color: #898989;overflow: hidden;}
.product-item .caption {height: 40px;line-height: 20px;overflow: hidden;color: #353535;margin: 0;}
.procut-cont {text-align: center;}

@media (max-width: 480px){
    .product-wrapper .nav-tabs>li {margin: 0; width: 50%; }
    .product-wrapper .nav-tabs>li>a {padding: 8px;font-size: 16px;}
}
.gallery-img {display:block;border: 1px solid #ddd;padding: 5px;background-color: #fff;}
.gallery-img img {max-width: 100%}
/*aboutus*/
.about-wapper .row, .about-left {height: 400px;margin: 0;padding: 0;background: url("../images/about_left.jpg")/*tpa=http://www.bellavim.com/Templates/bangc/images/about_left.jpg*/ no-repeat top right;}
.about-wapper p, .about-wapper h2 {color: #fff;}
.about-left img {width: auto;height: 100%}
.about-center {height: 400px;padding:60px 30px 0 30px;background-color: #62b151;color: #fff;}
.about-center p {line-height: 30px;}
.about-right {height: 400px;padding:115px 30px 0 30px;font-size: 22px;background-color: #3d3d45;color: #fff;}
.about-right p {line-height: 36px;}
/*news-factory*/
.latest-posts .caption h5, .latest-news .caption p  {overflow: hidden;max-height: 45px;}
.latest-posts .caption p {color: #a3abbe;}
.latest-posts .list-group-item {border: 0}
.latest-posts-li {padding-bottom: 20px;}
.about-us {padding: 10px 0 10px 0;line-height: 24px;word-spacing: 2px;/* letter-spacing: 1px; */color: #353535;}
.index-inquriy {padding: 10px 0 0 0;}
.index-inquriy .form-control {border-radius: 0}
.index-inquriy label {font-weight: normal;}
.index-inquriy .btn {background: #000;color: #fff;border-radius: 0;float: left;border: none;}
.index-inquriy .btn:hover {background: #353535;color: #fff;}
.post-item {border-bottom: 1px dashed #898989;margin: 5px 0;padding: 5px 0;line-height: 20px;font-size: 12px;}
.post-item .post-time {display: inline-block;float: right; position: absolute;top: 0;right: 0}
.post-title {-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.post-title:hover a {transform: translateY(-5px); -webkit-transform: translateY(-5px);}
.post-title:after {content: "";position: absolute;width: 0%;height: 1px;left: 0;bottom: 0px;background-color: #53565a;transition: all 0.3s ease;}
.post-title:hover:after {width: 70%;}
.post-title a {font-size: 13px;line-height: 20px;/* padding: 0 0 5px 0; */display: inline-block;color: #353535;margin: 0 70px 0 0;}
.post-title a:hover {color: #353535;}
.post-title, .post-brief {max-height: 21px;overflow: hidden;line-height: 20px;position: relative;margin:0 0 3px 0;}
/*footer*/
.footer-dark {clear:both;background: #dedede;clear: both;color: #000;}
.footer-dark h1, .footer-dark h2, .footer-dark h3, .footer-dark h4, .footer-dark h5, .footer-dark h6 {color: #fff;}
.footer-dark a{color: #898989;}
.footer-dark a:hover {color: #000;}
.footer-widget{background: #e88118;height: 40px;padding-left: 100px !important;}
.footer-widget li{float: left;background: url(../img/footbg.jpg) right no-repeat;}
.footer-widget li h2{font-size: 14px;line-height: 40px;font-weight: normal;padding: 0px 50px;}
.copyright-container { }
.copyright-container  {line-height: 36px;padding: 0;margin: 0;color: #898989;/* text-align: center; */}
.copyright {text-align: center;}
.social-media {
    display: block;
}
.social-media ul {padding: 0;margin: 0;}
.social-icon {float: left;overflow: hidden;width: 40px;height: 48px;vertical-align: middle;font-size: 20px;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.social-icon a {width: 30px;height: 30px;display: inline-block;overflow: hidden;text-align: center;margin-top: 9px;line-height: 48px;}
.social-icon i {display: block;width: 30px;height: 30px;position: relative;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;line-height: 30px;border-radius: 2px}
.social-icon i:last-child {color: #fff;}
.social-icon:hover i:first-child {margin-top: -30px;}
.social-icon:hover i:last-child.fa-facebook {background: #23527c}
.social-icon:hover i:last-child.fa-linkedin {background: #0E76A8}
.social-icon:hover i:last-child.fa-pinterest {background: #C8232C}
.social-icon:hover i:last-child.fa-twitter {background: #00ACEE}
.social-icon:hover i:last-child.fa-skype {background: #01aef0}
.align-center {text-align: center;}
.scroll-up {float: right;line-height: 48px;}
.widget_pages {padding-bottom: 20px;}
.widget ul {padding: 0;}
.widget h5 {font-size: 13px;font-weight: bold;color: #fff;margin: 0;line-height: 22px;}
.widget li {font-size: 14px;line-height: 28px;padding: 0;}
.widget_quik-link {line-height: 26px;}
.widget_quik-link a {color: #fff;}
.footer a{color: #898989;}
.footer a:hover{color: #898989;padding-left: 5px}
.footer h4 {font-size: 22px;color: #62b151;text-transform:uppercase;}
.footer h3 {padding-bottom: 20px;}
.footer i {padding-right: 5px;}
.footer .foot-contact i, .slidercontact i {display: inline-block;color: #62b151;min-width: 20px;text-align: center;}
.follow-us {overflow: hidden;}
.follow-us  img{float: left;padding: 15px 5px 0 0;}
.footer-title {padding-top: 70px;}
.footer-nav ul {padding-left: 20px}
.footer-nav li {list-style: url("../images/icon_list_arr.png")/*tpa=http://www.bellavim.com/Templates/bangc/images/icon_list_arr.png*/;padding-left: 5px;}
@media (max-width: 480px){
    .copyright-container {/* padding: 15px 0; */}
    .copyright-container p {line-height: 30px;}
    .footer-title {padding-top: 30px;}
}
/*endfooter*/

/*inpage*/
/*about*/
.top-banner {position:relative;width: 100%;height: 300px;background-image:url("../images/banner_bg.jpg")/*tpa=http://www.bellavim.com/Templates/bangc/images/banner_bg.jpg*/;background-size: 100% 100%;    background-repeat: no-repeat;}
.top-title {margin-top: 170px;font-size: 64px;color: #62b151;text-transform: uppercase}
.breadcrumb {/* position:absolute; *//* right:0; *//* top:270px; *//* border-radius:0; *//* padding: 5px 0; */margin: 0;/* height: 30px; */background: none;/* color: #fff; *//* font-size: 14px; */}
.breadcrumb>li {margin: 0;padding: 0}
.breadcrumb>.active,.breadcrumb a {/* color: #fff; */}
@media (max-width: 480px) {
    .top-banner {height: 200px;}
    .breadcrumb {top: 0;}
    .top-title {margin-top: 120px;font-size: 48px;}
}
/*slider bar*/
.slider-bar {}
.subtitle {border-bottom: 1px solid #353535;margin: 10px 0;font-size: 18px;color:#000;line-height: 30px;}
.subtitle a{font-size: 18px;color:#000;line-height: 30px;}
.box-category li .a{line-height: 25px;font-size: 14px;color:#898989;}
.box-category ul {padding: 0;}
.main-content, .bref-content {color: #898989;font-size: 13px;line-height: 23px;}
.slidernav li {line-height: 40px;border-bottom: 1px solid #e2e6ef;list-style: url("../images/icon_list_arr.png")/*tpa=http://www.bellavim.com/Templates/bangc/images/icon_list_arr.png*/;padding-left: 5px;font-size: 18px;}
.slidernav li:last-child {border-bottom: none}
.slider-title h3 span {display: inline-block;margin:-1px 0 0 -1px;background: #62b151;color: #fff;padding: 8px 32px;font-size: 18px;}
.newsticker {padding: 0 15px;}
.newsticker li {border-bottom: 1px solid #e2e6ef;padding: 10px 0;}
.newsticker li a {display:block;font-size: 14px;padding-bottom: 10px;overflow: hidden;}
.newsticker li h4 {padding-top: 10px;max-height: 60px;overflow: hidden;}
.newsticker li p {color: #828999;max-height: 40px;overflow: hidden;}
.slidercontact h3{padding: 15px 15px 0 15px}
.slidercontact ul {padding:  0 15px 15px 15px}
.aticle p {text-indent:2em;padding-bottom: 0;font-size: 14px;}
.aticle img {max-width: 100%;}
.news-list p {overflow: hidden;max-height: 40px;color: #a3abbe;padding: 0}
.news-item {clear: both;padding: 15px 0}
.pagination {border-radius: 0;margin-top: 50px;}
.pagination>li>a, .pagination>li>span {color: #898989;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {color: #353535;}
.icon-date {    display: inline-block; width: 20px; height: 20px;margin:0 0 -5px 0;background: url("../images/icon_sm_Calendar.png")/*tpa=http://www.bellavim.com/Templates/bangc/images/icon_sm_Calendar.png*/ no-repeat;}
.icon-tag {    display: inline-block; width: 20px; height: 20px; margin:0 0 -5px 10px;background: url("../images/icon_sm_tag.png")/*tpa=http://www.bellavim.com/Templates/bangc/images/icon_sm_tag.png*/ no-repeat;}
.property span, .property a {color: #a3abbe;}
[class*=' imghvr-'] figcaption,[class^=imghvr-] figcaption{background-color:rgba(51,51,51,.55)}
[class^=imghvr-] a{position:relative}
.icon-eye {display:inline-block;width: 48px;height: 48px;background: url("../images/icon_eye.png")/*tpa=http://www.bellavim.com/Templates/bangc/images/icon_eye.png*/ no-repeat;}
.hover-icons1 {margin-top: 30px;}
.hover-icons1 a {width:100%;height: 100%; }
.hover-icons1 i {width: 48px;height: 48px;font-size: 48px;color: #62b151;}
.gallery_img_shadow {box-shadow: 10px 15px 24px rgba(0,0,0,.3); }
.gallery_img_shadow:hover {box-shadow: 5px 6px 8px rgba(0,0,0,.1); }
.isotope-item .text {height: 30px;line-height: 30px;overflow: hidden;}
.div1_hover:hover img{background-color:#99c7e8;transition:transform ease-in .2s;transform:scale(1.04);}
.div1_hover {border: 1px solid #ddd; }
.div1_hover:hover {transition:all ease-in .2s;border: 1px solid #62b151;box-shadow: 0 0 20px rgba(0,0,0, .3)}
.div1_hover:hover a {color: #62b151;}
.isotope-item img {max-width: 100%;}
.isotope-item h5 {border-top: 1px solid #ddd;margin: 10px 0}
.isotope-item .bgcolor1 {padding: 20px; }
.bgcolor1 {background-color: #fff; }
.gallery_img_shadow img, .industry-img {transition: transform ease-in .2s; }
.isotope-item h5 {padding: 10px 0; font-size: 18px; max-height: 50px; overflow: hidden; }
.isotope-item p {max-height: 52px; overflow: hidden; line-height: 18px; color: #828999; }
@media (max-width: 728px){
    #rightArrow, #floatDivBoxs {display: none;}
}
.contact i {width: 20px;padding-right: 5px;}
.sent-msg form {padding: 20px 0;overflow: hidden;}
.sent-msg label {color: #898989;font-weight: normal;}
.sent-msg input, .sent-msg textarea {background-color: #ffffff;border-radius: 0;border: 1px solid #ddd;}
.related-product {clear: both;overflow: hidden;}
.form-control {height: 38px;}
.form-control:focus {
    border-color: #898989;
    outline: 0;
    box-shadow: none;
}
/*************product******************/
.mc-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.mc-pic a img{vertical-align:middle;width: 100%;}
.mc-s56 a img {max-width: 128px;max-height: 128px;}
.mc-pic a{*display:block;*font-family:Arial;*line-height:1;}
.mc-thumb{margin:10px 0 0;overflow:hidden;}
.mc-thumb li{background:none repeat scroll 0 0 transparent;float:left;height: 130px;margin: 5px 5px 0 0;overflow:hidden;line-height: 0;border: 1px solid #e8e8e8;}
.mc-s420 a{*font-size:271px;}
.mc-s56 a{*font-size:35px;}
.mc-s56, .mc-s56 a{height: 128px;width: 128px;}
.mc-booth{border:1px solid #e8e8e8;position:relative;z-index:1;  width: 100%;}
.mc-thumb .mc-selected{background:none repeat scroll 0 0 #fff;height:130px;}
.mc-thumb .mc-selected div{background-color:#FFFFFF;border:medium none;}
.mc-thumb li div{/* border:1px solid #CDCDCD; */}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png")/*tpa=http://www.bellavim.com/Templates/bangc/images/mask.png*/ repeat scroll 0 0 transparent;cursor:move;z-index:1;}
@media (min-width:768px) {
.mc-s420, .mc-s420 img{max-height:535px;max-width:535px;}
.proclear1{clear:both;} .proclear,.proclear2{clear:none;}
}
@media (max-width:1000px) {
.top_search{ display:none !important;}
}
@media (max-width:767px) {
.top_search{ display:none !important;}
.navbar, header{ margin-top:0 !important;}
.mc-s420, .mc-s420 img{max-height:100%;max-width:100%;width:100%;}
.mc-s420, .mc-s420 a{height:auto;width:100%;}
.proclear2{clear:both;} .proclear,.proclear1{clear:none;}
div#menu ul.sublist {display:none;}
}
@media (min-width:992px){.proclear{clear:both;} .proclear1,.proclear2{clear:none;}}

.product-top {overflow: hidden;}
.product-top h2 {margin: 0 0 25px 0;font-weight: 600;font-size: 34px;color: #000;}
.discription {font-size: 12px;line-height: 25px;color: #898989;}
.inquiry-btn {padding: 5px 10px;border: 1px solid #a9a9a9;border-radius:5px;font-size: 16px;font-weight: 600;line-height: 34px;color: #000;}
.share {padding: 10px 0;border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;line-height: 34px;}
.share-meida-icon {float: right;/* line-height: 34px; */padding-left: 5px;}
.share-meida-icon a {display: inline-block;width: 20px;height: 20px;color: #fff;font-size: 14px;background: #ccc;line-height: 20px;text-align: center;}
.share-meida-icon a i {display: inline-block;width: 20px;height: 20px;line-height: 21px;}
.share-meida-icon a i.fa-facebook {background: #23527c}
.share-meida-icon a i.fa-twitter {background: #00ACEE}
.share-meida-icon a i.fa-linkedin {background: #0E76A8}
.share-meida-icon a i.fa-pinterest {background: #C8232C}
.share-meida {float: right;}

.file-download .type {float: left;padding-right: 40px;max-height: 45px;width: 100%;height: 45px;text-align: left;overflow: hidden;line-height: 45px;display: block;}
.file-download .download-icon {float: right;/* vertical-align: middle; */display: inline-block;width: 40px;margin-top: -45px;}
.file-download li {line-height: 45px;border-bottom: 1px dashed #eaeaea;margin: 15px 0 10px 10px;overflow: hidden;max-height: 60px;vertical-align: middle;}


.detail-content {margin-top: 30px;border: 1px solid #e5e5e;/* border-radius: 5px; */}
.detail-content .tog-tabs {/* margin-bottom: 30px; */border: 1px solid #e5e5e5;/* border-radius: 5px; *//* text-transform: uppercase; */}
.detail-content .tog-tabs .nav-tabs {margin-bottom: 10px;padding-left: 0;list-style: none;background: #eee}
.detail-content .tog-tabs .nav-tabs li {display: block;list-style: none;position: relative;padding-bottom: 0;}
.detail-content .tog-tabs .nav-tabs li a {height: 40px;line-height: 38px;background: #eee;text-transform: uppercase;}
.detail-content .nav-tabs:after {clear:both;display: table; content: " ";}
.detail-content .nav-tabs > li > a {display: block;margin-left:-1px;border-radius:0; padding: 0 20px;}
.detail-content .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus {/* border-top: 3px solid #898989; */line-height: 38px;color: #000000;background: #fff;}
.detail-content .nav-tabs > li:first-child {/* margin-left: 10px; */}

.detail-content .tab-content {padding: 10px;}
.detail-content .tab-content img, .main-content img { max-width: 100% }
@media (min-width: 1200px) {
    .navbar-default .navbar-nav>li:hover a h2{color: #219648}
    .navbar-default .navbar-nav>li>a {padding: 5px 30px;}
    .navbar-default .navbar-nav>li>a h2{font-weight: normal;}
    .products-wrap .product-item img {width: 240px;height: 240px;}
}
@media (min-width: 768px) and (max-width: 991px) {
   .top-header .container {width: 100%}
   .top-header .navbar-header {width: 100%}
.logo {float:left;width:40%;text-align: left;}
 #quick-links {text-align: center;padding: 25px 0 0 0;border-top: 1px solid #353535;}
 #quick-links li {float: none;display: inline;}
  #quick-links li:first-child {padding: 0}
 .main-nav {border: 0}
 .navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;box-shadow: none}
 #top-search {float: none;width: 100%;margin-bottom: 20px;}
 #top-search input {width: 100%;}
 #dl-menu {display: block; float: none; /* padding-bottom: 20px; */ /* padding-left: 15px; */  /*position: fixed; margin: 0 auto; */ margin: 0; top: 0; right: 0; z-index: 999; width: 100%; max-width: 100%; background: none; }
 #dl-menu button.dl-active{background: #353535;}
 .copyright-container {line-height: 22px;text-align: center;}
 .scroll-up {position: absolute;top: 0px;right: 15px;}
 .social-media {width: 100%;float: none;overflow: hidden;margin: 0 auto;/* text-align: center; */}
 .copyright {line-height: 32px;text-align: center;padding: 0;}
 /*product*/
 .product-top h2 {margin: 20px 0;}
 .mc-thumb li {height: 57px;}
 .mc-thumb .mc-selected {height: 57px}
 .mc-s56, .mc-s56 a {height: 56px; width: 56px; }
 .mc-s56 a img {height: 54px;width: 54px;}
 .detail-content .tog-tabs .nav-tabs li a {padding: 0 10px;border: none;margin: 0;}
 .navbar{ margin-top:0 !important;}
 .logo-fixed {top: 0;height: 70px;z-index: 998; padding:0;}
 .logo-fixed .logo img {height: 70px;margin: 0;}
 .quick-links-wrap  {padding-top: 80px;}
 .header-style {margin-top: -30px;}
 
 /*button*/
 #header .dl-menuwrapper button:after{content: none;}
.dl-trigger .icon-bar{display:block;position:absolute;opacity:1;width:30px;height:3px;/* top: 10px; */left: 18px;background-color: #ffffff;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;}
.dl-trigger .icon-bar1{top:22px}
.dl-trigger .icon-bar2{top:30px}
.dl-trigger .icon-bar3{top:38px}
.dl-trigger.dl-active .icon-bar1{top:30px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
.dl-trigger.dl-active .icon-bar2{opacity:0;left:45px;width:0}
.dl-trigger.dl-active .icon-bar3{top:30px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}
}
/*end 768 - 990*/
@media (min-width:481px) and (max-width:767px) {
 .logo {width:40%;text-align: center;}
 #quick-links {text-align: center;padding: 25px 0 0 0;border-top: 1px solid #353535;}
 #quick-links li {float: none;display: inline;}
  #quick-links li:first-child {padding: 0}
 .main-nav {border: 0}
 .navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;box-shadow: none}
 #top-search {float: none;width: 100%;margin-bottom: 20px;}
 #top-search input {width: 100%;}
 #dl-menu {display: block; float: none; /* padding-bottom: 20px; */ /* padding-left: 15px; */ /* margin: 0 auto; */ margin: 0; top: 0; right: 0; z-index: 999; width: 100%; max-width: 100%; background: none; }
 #dl-menu button.dl-active{background: #353535;}
 .copyright-container {line-height: 22px;text-align: center;}
 .scroll-up {position: absolute;top: 0px;right: 15px;}
 .social-media {width: 100%;float: none;overflow: hidden;margin: 0 auto;/* text-align: center; */}
 .copyright {line-height: 32px;text-align: center;padding: 0;}
 /*product*/
 .product-top h2 {margin: 20px 0;}
 .mc-thumb li {height: 57px;}
 .mc-thumb .mc-selected {height: 57px}
 .mc-s56, .mc-s56 a {height: 56px; width: 56px; }
 .mc-s56 a img {height: 54px;width: 54px;}
 .detail-content .tog-tabs .nav-tabs li a {padding: 0 10px;border: none;margin: 0;}
 .logo-fixed {background: #fff;top: 0;height: 70px;z-index: 998;}
 .logo-fixed .logo img {height: 70px;margin: 0;}
 .quick-links-wrap  {padding-top: 80px;}
 .header-style {margin-top: -30px;}
 
 /*button*/
 #header .dl-menuwrapper button:after{content: none;}
.dl-trigger .icon-bar{display:block;position:absolute;opacity:1;width:30px;height:3px;/* top: 10px; */left: 18px;background-color: #ffffff;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;}
.dl-trigger .icon-bar1{top:22px}
.dl-trigger .icon-bar2{top:30px}
.dl-trigger .icon-bar3{top:38px}
.dl-trigger.dl-active .icon-bar1{top:30px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
.dl-trigger.dl-active .icon-bar2{opacity:0;left:45px;width:0}
.dl-trigger.dl-active .icon-bar3{top:30px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}

}
/*end 481-767*/
@media (max-width: 480px) {
 .logo {float: left; /*position:fixed;*/ width:63%;text-align: left; padding:0;}
 #quick-links {text-align: center;padding: 25px 0 0 0;border-top: 1px solid #353535;}
 #quick-links li {float: none;display: inline;}
  #quick-links li:first-child {padding: 0}
 .main-nav {border: 0}
 .navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;box-shadow: none}
 #top-search {float: none;width: 100%;margin-bottom: 20px;}
 #top-search input {width: 100%;}
 #dl-menu button.dl-active{background: #353535;}
 .copyright-container {line-height: 22px;text-align: center;}
 .scroll-up {position: absolute;top: 0px;right: 15px;}
 .social-media {width: 100%;float: none;overflow: hidden;margin: 0 auto;/* text-align: center; */}
 .copyright {line-height: 32px;text-align: center;padding: 0;}
 /*product*/
 .product-top h2 {margin: 20px 0;}
 .mc-thumb li {height: 57px;}
 .mc-thumb .mc-selected {height: 57px}
 .mc-s56, .mc-s56 a {height: 56px; width: 56px; }
 .mc-s56 a img {height: 54px;width: 54px;}
 .detail-content .tog-tabs .nav-tabs li a {padding: 0 5px;border: none;margin: 0;}
 .logo-fixed {background: #fff;top: 0;height: 55px;z-index: 998; padding:0;}
 .logo-fixed .logo img {width: 53%;margin: 0;}
 .quick-links-wrap  {padding-top: 80px;}
 .header-style {margin-top: -30px;}
 /*product*/
 /*button*/
 #header .dl-menuwrapper button:after{content: none;}
.dl-trigger .icon-bar{display:block;position:absolute;opacity:1;width:30px;height:3px;/* top: 10px; */left: 15px;background-color: #ffffff;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;}
.dl-trigger .icon-bar1{top:18px}
.dl-trigger .icon-bar2{top:26px}
.dl-trigger .icon-bar3{top:34px}
.dl-trigger.dl-active .icon-bar1{top:30px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
.dl-trigger.dl-active .icon-bar2{opacity:0;left:45px;width:0}
.dl-trigger.dl-active .icon-bar3{top:30px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}
.dl-menuwrapper .dl-menu{top:40px !important;} 
div#menu li.list1 h3{padding:0 10px !important; line-height:35px !important;}
div#menu li.list2 h3{ padding:0 10px !important; line-height:35px !important;}
}
/*end 480px*/
@media  (min-width:320px) and (max-width:340px) {
    #quick-links li {display: inline-block;padding: 0}
}
.download-file {margin-top: 30px;overflow: hidden;}
.download-file .download-title {height: 40px;line-height: 40px;background: #eee;padding: 0 15px;text-transform: uppercase;font-weight: 700;color: #000;}
.download-file .download {font-size: 14px;position: relative;line-height: 32px;/* clear: both; */padding: 10px 5px 10px 35px;border-bottom:1px solid #e8e8e8;/* margin: 5px 15px; */}
.download-file .download:hover a {color: #000;}
.download-file .download:hover .icon {color: #898989;}
.download-file .download .icon {border-radius:10px;font-size: 12px;line-height: 20px;background: #f0f0f0;position: absolute;left: 5px;top: 12px;transition: all 0.2s ease 0s;color: #ccc;text-align: center;vertical-align:middle;}
.download-file a {display: block;color: #353535;}
.download-file .download-wrap {/* margin: 5px 0; */}
.download-file .download span {display: block;color: #898989;font-size: 12px;/* padding-left: 30px; */border: none;background:none;}
.download-file .download:after {content: "";position: absolute;width: 0%;height: 1px;left: 0;bottom: -1px;background-color: #53565a;transition: all 0.3s ease;}
.download-file .download:hover:after {width: 70%}
@media (max-width: 480px) {
    .download-file .download-wrap {padding: 0;margin-bottom: -5px;}
}

.breadcrumb-container {padding-top: 60px;}
@media (min-width:1190px){
.custom-bkg {padding-top: 60px;}
.master-slider {padding-top: 143px;}
div#menu ul.sublist {width:1190px; border-bottom:1px dashed #cccccc; background:#fff; height:auto; padding-top:0px; position:absolute; left:0px; list-style:none;
}
}
@media (min-width: 1024px) and (max-width:1190px){
.custom-bkg {padding-top: 143px;}
.master-slider {padding-top: 143px;}
}
@media (min-width: 768px) and (max-width:1190px){
div#menu ul.sublist {width:100%; border-bottom:1px dashed #cccccc; background:#fff; height:auto; padding-top:0px; position:absolute; left:0px; list-style:none;
}
}


.container .mb-50 img{width: 156px;}


.in_banner{width: 100%;}
.in_page_main{padding-top:37px; margin-bottom:30px;}
/*正文左侧*/
.left_menu{width: 100%;}
.top_head{ background:#333333; padding:15px 0; text-align:center; font-size:28px; color:#ffffff; line-height:46px;}
.top_head span{ font-size:14px; color:#ffffff; font-family:'Arial'; text-transform:uppercase;}
.left_top_line{width:100%; height:0; margin-top:1px; border-bottom:1px solid #333333;}
.top_menu{width:100%; margin-top:9px;}
.left_list1{ background:url(../img/in_dot1.png) right no-repeat; border:1px solid #cccccc; margin-bottom:7px;}
.left_list1 h3{font-size: 18px; padding:15px 50px 15px 46px; font-weight: normal; line-height: 21px; color:#333333;}
.left_list1:hover{background:url(../img/in_dot2.png) right no-repeat #0a903e; border:1px solid #0a903e;}
.left_list1:hover h3{color:#fff;}
.left_list1:hover a{ text-decoration:none;}
.left_list2{background:url(../img/in_dot2.png) right no-repeat #0a903e; border:1px solid #0a903e; margin-bottom:7px;}
.left_list2 h3{font-size: 18px; color:#fff; font-weight: normal; padding:15px 50px 15px 46px; line-height: 21px;}
.left_list2:hover a{ text-decoration:none;}

.left_list_ej1{ background:#f2f2f2; margin-bottom:1px;}
.left_list_ej1 h3{font-size: 16px; padding:15px 50px 15px 65px; font-weight: normal; line-height: 21px; color:#333333;}
.left_list_ej1:hover h3{color:#0a903e;}
.left_list_ej1:hover a{ text-decoration:none;}
.left_list_ej2{background:#f2f2f2; margin-bottom:1px;}
.left_list_ej2 h3{font-size: 16px; color:#0a903e; font-weight: normal; padding:15px 50px 15px 65px; line-height: 21px;}
.left_list_ej2:hover a{ text-decoration:none;}

.left_contact{background:url(../img/left_contact.jpg) no-repeat; display:block; font-size:21px; color:#ffffff; line-height:36px; padding:95px 0 12px 10px;}

/*手机站分类*/
@media screen and (max-width: 1199px){
.page_Left{ width:100%; float:left;padding-right:0% !important;}
}
.leftlist{ width:100%; float:left; padding-bottom:15px}
.leftlist ul li ul{ float:left; width:100%}
.leftlist ul li ul,.leftlist ul,.leftlist ul li ul li ul{ padding:0}
.leftlist ul li ul li ul{ float:inherit}
.leftlist ul li ul li{padding:15px 8%; border-bottom:1px solid #e3e3e3;cursor:pointer}
.leftlist ul li ul li h3{font-size:18px; color:#6b6b6b; line-height:18px; font-weight:normal;}
.leftlist ul li ul li ul{display: none; padding-top:10px}
.leftlist ul li ul li ul li{ background:none; border-bottom:none; cursor:pointer;padding:5px 8%}
.leftlist ul li ul li ul li h3{font-size:15px; color:#6b6b6b; line-height:27px; padding-left:5%; font-weight:normal;}

.leftlist ul li h2{width:100%; float:left; background:#41413f; font-size:18px; color:#fff; line-height:52px; padding:0 2%;
    border: 1px solid transparent;
    border-radius: 4px;}
.leftlist ul li h2 .leftxl{position: relative;
    float: right;
    padding: 9px 8px 5px 8px;
    margin-top: 8px;
    margin-bottom: 8px;
    border: 1px solid transparent;
    border-radius: 4px;}

.leftlist ul li h2 .leftxl .icon-bar{background-color: #888; display: block; margin-bottom: 4px;
    width: 22px;
    height: 2px;
    border-radius: 1px;}

/*正文右侧*/
.in_right_title{width:100%; text-align:left; margin-bottom:20px; font-size:28px; color:#1f1f1f; line-height:45px; font-weight:normal;}
.in_right_title span{ float:right; background:url(../img/pro_line.jpg) right bottom no-repeat;}
.in_right_title span a{ font-size:16px; color:#333333;}
.in_right_title span a:hover{ text-decoration:underline; color:#333333;}

.in_right_title2{width:100%; text-align:left; margin-bottom:20px; margin-top:30px; font-size:28px; color:#1f1f1f; line-height:45px; font-weight:normal;}
.in_right_title2 h3{ display:inline-block; font-size:28px; color:#1f1f1f; line-height:45px; font-weight:normal;}
.in_right_title2 span{ float:right; background:url(../img/pro_line.jpg) right bottom no-repeat;}
.in_right_title2 span a{ font-size:16px; color:#333333;}
.in_right_title2 span a:hover{ text-decoration:underline; color:#333333;}
.page_RightTitle{width:100%; text-align:center; background:url(../img/other_line.jpg) center no-repeat; margin-bottom:15px;}
.page_RightTitle h4{ font-size:26px; color:#1f1f1f; font-weight:normal; line-height:45px; display:inline-block; padding:0 15px; background:#fff;}

.edit{width:95%; margin-left:5%;}
.edit img{max-width:100%;}

@media (max-width:992px){
.left_menu{ display:none !important;}
}
@media (max-width:768px){
.in_page_main{ padding-top:15px; margin-bottom:0;}
.in_right_title{margin-bottom:10px; font-size:20px;}
.edit{width:100%; margin-left:0;}	
.proimg_proimg img{ height:auto !important;}
.pro_detail{ margin-top:20px;}
}

.pro_item{ padding:0 5px;}
.proimg{ float:left; background:url(../img/in_pro_line1.jpg) left bottom no-repeat; padding-bottom:8px; overflow:hidden; margin-bottom:28px;}
.proimg_proimg{ position:relative; overflow:hidden;}
.proimg_proimg img{width:284px; height:197px; border:1px solid #cccccc; overflow:hidden;}
.proimg_proimg .pro_rsp{width:286px;overflow:hidden;position: absolute;background:url(../img/pro_bg.png) repeat;top:0;left:0;height: 198px;}
.proimg_proimg .pro_text{position:absolute;width:286px;height:198px;bottom:-198px;left:0;overflow:hidden; text-align:center; padding-top:104px;}
.proimg_proimg .pro_text img{width:30px; height:29px; border:none;}
.proimg .proimg_name{ margin-top:10px;}
.proimg .proimg_name a{font-size:14px; color:#333333; line-height:25px;}
.proimg .proimg_jj{text-align:left;}  
.proimg .proimg_jj a{ font-size:13px; color:#808080; line-height:18px;}
.proimg:hover{ border-bottom:2px solid #0077fc; background:none; padding-bottom:6px;}
.proimg:hover .proimg_name a{ font-weight:bold;}

@media(min-width: 1px) and (max-width:992px){
.proimg_proimg .pro_rsp,.proimg_proimg .pro_text{ display:none !important;}
}
@media(min-width: 768px) and (max-width:992px){
.proimg_proimg .pro_text{ display:none;}
.proimg .proimg_name{ margin-top:17px; background:#eeeeee; padding:5px 0 5px 10px;}
.proimg .proimg_name a{font-size:14px; color:#333333; line-height:20px; padding-left:0;}
.proimg:hover .proimg_name{background:#0168b7;}
.proimg:hover .proimg_name a{font-size:14px; color:#fff;}
.col-sm-4{width:32% !important;}
}
@media(min-width: 1px) and (max-width:992px){
.proimg .proimg_name{ margin-top:17px; background:#eeeeee; padding:5px 0 5px 10px;}
.proimg .proimg_name a{font-size:14px; color:#333333; line-height:20px; padding-left:0;}
.proimg:hover .proimg_name{background:#0168b7;}
.proimg:hover .proimg_name a{font-size:14px; color:#fff;}
.mobile_menu{ margin:0 !important;}
.mobile_container{width:96% !important; margin:auto;}
}
@media(max-width: 768px){
.col-xs-6{width:49% !important;}
}

@media(min-width:1px) and (max-width:600px){.container{width:100%}
.row>div[class^="col-"]>div[id^="location_"]{margin:0 10px}
.row>div[class^="col-"]{clear: both !important;}
.row>div.col-md-12{padding:0}
.row>div.col-md-12>div[id^="location_"]{margin:0}
.prodlist-fix-style li{margin-right: 4% !important;}
.container .row>div.col-md-12>div[id^="location_"],.row .row>div.col-md-12>div[id^="location_"]{margin:0 10px}
.prodlist-fix-style li{width:46% !important}
.prodlist-fix-style li .prodlist-display{width:100% !important;height:100% !important}
.piclist .prodlist-pic3-2 li .prodlist-display{width:170px;height:113px}
.piclist .prodlist-pic2-3 li .prodlist-display{width:170px;height:255px}
.piclist .prodlist-pic4-3 li .prodlist-display{width:170px;height:127px}
.piclist .prodlist-pic3-4 li .prodlist-display{width:170px;height:226px}
.piclist .prodlist-pic16-9 li .prodlist-display{width:170px;height:95px}
.piclist .prodlist-pic9-16 li .prodlist-display{width:170px;height:302px}
.in_banner{width: 100% !important;}


.col-md-90{width: 35%;float: right;position: relative;}
.col-md-30{width: 30%;float: left;}
.navigation-bar{position: absolute !important;}
#lightbox-container-image-box{width: 100% !important;height: 100% !important}
#lightbox-container-image img{width: 100% !important}
#lightbox-nav a{height: 100% !important;}
#lightbox-image-details{width: 30% !important;}
#lightbox-secNav{width: 30%;float: right;}
#lightbox-container-image-data-box{width: 100% !important}
.page_Main table{width: 100% !important}
.sitewidget-hd2 h2{color: #61a526 !important}
.sidebar{display: none;}
.videoBox{display: none;}
.shouji{display: block !important;}
.navigation-thumb-current{background: #E8F4FE !important;border-bottom: none !important;border-top: none !important;}
.navigation-thumb-current strong{color: #E8F4FE !important }
}


div#menu {
	width:100%; position:relative;
}

div#menu ul {
    width:100%; list-style:none; position:relative;
}


div#menu li {
    margin: 0;
    padding: 0;
    display: block;
    z-index: 999;
	line-height:64px;
	cursor:pointer;
	position:static;
}

div#menu li.list1{float:left; line-height:64px; text-align:center; border-right:1px solid #fff; }
div#menu li.list1 h3{font-size: 15px; padding:0px 30px; font-weight: normal; line-height: 64px; color:#333333;}
div#menu li.list1:hover{background:#fff;}
div#menu li.list1:hover h3{font-size: 15px; color:#0168b7;}

div#menu li.list2{float:left; z-index:99; line-height:64px; text-align:center; background:#fff;}
div#menu li.list2 h3{font-size: 15px; color:#0168b7; font-weight: normal; padding:0px 30px; line-height: 64px;}

div#menu li div {
    list-style: none;
    position: absolute;
    z-index: 1000;
    top: 64px;
    left: 0px;
	display:none;
    width: 100%;
	margin: 0px;
    padding: 0; 

}
div#menu ul ul {
	  z-index: 10005; 
}
div#menu li:hover>div {
    display:block;
}

div#menu a {
    position: relative;
    z-index: 10;
    height: auto;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    width: auto;
    text-align:center;
}


/* menu::level1 */
div#menu a {
    padding: 0;
    background: none;
}
div#menu a:hover {

  }
div#menu li.current a,
div#menu ul.menu>li:hover>a {

}

div#menu ul.menu>li:hover>a span {

}
div#menu li {  }
div#menu li.last { background: none; }

/* menu::level2 */
div#menu ul ul li {
    background:none;
    padding:0 30px 0 0;
	z-index: 99999;
	float:left;
	height:39px;
	text-align:left;
}


div#menu ul ul li.s_list a {
    margin:0px;
    height:auto;
	padding:0;
    float: left;
    display: block;
    line-height: 39px;
    white-space: nowrap;
	text-align:left;
    text-transform: none;
	background-color:none;
	border:none;
     
}

div#menu ul ul li.s_list h3{background:url(../img/left_on.jpg) left no-repeat; text-align:left; padding-left:10px; font-size:14px !important; color:#333333 !important; font-weight:normal; line-height:39px;}

div#menu ul ul li.s_list:hover h3 {
font-size:14px; color:#0168b7 !important;
      
}
    
div#menu ul ul a span {
    font-weight:normal;
	padding: 0px;
    line-height: 32px;
    color: #4d4d4d;
}
div#menu li.current ul a,
div#menu li.current ul a span {
    background:none;
}

div#menu ul ul a.parent:hover span {
  background:none; 
}
div#menu ul ul span {
	
    margin-top: 0;
    text-align: left;
}
div#menu ul ul li.last { background: none; }

/* menu::level3 */
div#menu ul ul div {
	  width: 100%;
	  padding: 0;
    margin: 0;
    margin-left: -2px;
}
div#menu ul ul ul {
    padding: 0px 0px 0 0px;	
}
div#menu ul ul div li {
    position:relative;
    top:0px;
}


.in_products_KSearch{height:158px; background:url(../img/top_searchbg.jpg) center no-repeat; overflow:hidden;}
.in_products_leftwz ul{width:80%; margin:auto; padding-top:23px;}
.in_products_leftwz ul li{ text-align:center; font-size:20px; color:#ffffff; line-height:32px; margin-bottom:10px;}
.in_products_Search{ width:76%; margin-left:18%; margin-top:42px; height:41px; border:1px solid #219648; background:none; text-align:left}
.in_products_Search ul li{ float:left; font-size:13px;}
.in_products_Search ul li input[type=text]{ width:233px; padding-left:10px; height:41px; line-height:41px; color:#fff; font-size:14px; border:0; background:none}
@media (min-width:992px) and (max-width:1190px){
	.in_products_Search ul li input[type=text]{width:150px;}
}
@media (min-width: 768px) and (max-width:992px){
	.top_search{ height:130px !important;}
.in_products_KSearch{ background:#0177fd; height:auto !important;}
.in_products_leftwz{width:100% !important;}
.in_products_rightwz{width:100% !important;}
.in_products_Search{width:76%; margin:auto; margin-top:20px; margin-bottom:20px;}
}
.in_products_searchbtn{width:56px; height:41px; text-align:left; background:none;}
.in_products_key{width:93%; margin-left:2%; margin-top:15px;}
.in_products_key ul li{ float:left; font-size:14px; color:#cfcfcf;}
.in_products_key ul li a{font-size:14px; color:#cfcfcf; line-height:20px;}

.daohangtop_bg{width:100%; border-bottom:1px solid #e5e5e5; padding:10px 0;}
.daohangtop{width:100%; text-align:right;}
.daohangtop a:hover{ color:#0168b7;}
.page_lmTitle{width:100%; text-align:left; font-size:20px; color:#1f1f1f; line-height:40px;}
.page_lmTitle h3{ float:left; display:inline-block;}
.page_lmTitle3{width:100%; background:url(../img/in_head_title2.jpg) right no-repeat; text-align:left;}
.page_lmTitle3 h2{ font-size:26px; background:#FFFFFF; padding-right:10px; display:inline-block; color:#1f1f1f; font-weight:normal; line-height:40px;}

.main_page{text-align:center;width:100%; float:left; padding-top:15px; padding-bottom:15px;}
.main_page a,.main_page .current{ margin:0 5px;}
.main_page a{ background:#f5f5f5; padding:3px 8px; color:#717071 !important; border:1px solid #d6d7d2}
.main_page .current{ padding:3px 8px; background:#0a903e; color:#fff;border:1px solid #0a903e}


#sitemap ul li{ list-style:none; text-align:left; list-style:none}
#sitemap ul li h2{ font-size:18px; padding-bottom:8px;color:#333333; text-transform:uppercase; font-weight:bold;}
#sitemap ul li ul li{ float:inherit; padding-left:30px}
#sitemap ul li ul li h3,#sitemap ul li ul li a{ font-size:15px;line-height:24px; color:#333333; font-weight:normal;}

/*评论*/
.commentTitle{ width:100%; float:left; text-align:left;}
.commentTitle h5{ font-size:22px; color:#333; line-height:53px;text-align:left; font-weight:normal}
.commentTitle h5 span{ float:right; line-height:53px; font-size:14px;}
.commentlist{ width:100%; float:left; padding-top:10px; text-align:left;}
.commentlist ul{ width:100%; float:left;}
.commentlist ul li{ float:left; list-style:none}
.inquiryinfo{ width:100%; float:left; padding-bottom:10px;}


.pro_img .big_pic { width: 100%;text-align:center;}
.pro_img .big_pic img {max-width:100% !important; border:1px solid #ccc}
.pro_img .big_pic .bigimg{ width:700px; height:485px;}
.pro_img .big_pic .view { display: block;text-indent: 20px; margin-left: 130px; width: 19px; height: 15px; display: inline-block; cursor: pointer; }

/*焦点图*/
.pro_detail ul.pic_list {width:100%; float:left;overflow: hidden; padding:22px 0;}
.pro_detail ul.pic_list li { width: 196px; height: 136px; float: left;text-align:center; padding-left:13px;}
.pro_detail ul li { list-style: none; margin-bottom:10px;}

.mod18{width:100%;height:136px;margin:0px auto;position:relative;}
.mod18 .btn{position:absolute;width:27px;height:68px; left:0; cursor:pointer;z-index:9;}
.mod18 .prev{top:0;background:url(../img/l_btn.jpg) no-repeat; top:0px; border:none; border-radius:0;}
.mod18 .prev:hover{background:url(../img/l_btn2.jpg) no-repeat;}
.mod18 .next{top:0;background:url(../img/r_btn.jpg) no-repeat;top:68px; border:none; border-radius:0;}
.mod18 .next:hover{background:url(../img/r_btn2.jpg) no-repeat;}

.mod18 li{float:left;}
.mod18 .listBox{width:90%;height:136px;margin:0 auto;position:relative;overflow:hidden;padding:0;}
.mod18 .listBox ul{height:136px;position:absolute; padding:0}
.mod18 .listBox li{width:196px;height:136px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:194px;height:134px;}
.mod18 .listBox li img{width:194px;height:134px; border:1px solid #666}
.mod18 .listBox .on i{display:block;}

.pro_detail{ padding:0 0 0 3%;}

.bt{
background: #18495c;
color: #fff;
border: 0 !important;
cursor: pointer;
height: 30px !important;
font-family:微软雅黑;
padding: 0 10px 0 10px !important;
width:114px !important;
text-align:center
}

/*手机站产品分类*/
.qc-wrapper{margin-right:auto;margin-left:auto}
@media only screen and (min-width:992px){.side-nav-fixed{display:none}}
@media (max-width: 992px) {
	.qc-wrapper{margin:20px 0;}
.side-nav-fixed{display:block; text-align:center;position:absolute;background-color:#fff;width:100%;min-width:320px;box-sizing:border-box;z-index:81}
.text-overflow{display:inline-block; width:110px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle; font-size:20px; background:url(../img/pro_dot1.jpg) right no-repeat; text-align:left;}
.text-overflow:hover{background:url(../img/pro_dot2.jpg) right no-repeat;}
.side-nav-down-btn.cur .down-icon{background-image:url(sprite/documentation-v3-media14-201712181317.png);background-position:-16px -29px}
.compute{width:100%; margin-bottom:7px;height:34px;border-bottom:1px solid #ccc;font-size:14px;font-weight:700;line-height:34px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom:12px;}
.compute h3{font-size:16px;line-height:34px;color:#000; font-weight:bold;}
.doc-box .table-box{position:relative;display:block;margin-top:0;padding-top:44px}
.two_menu h3{display:block;padding:4px 0;font-size:14px;line-height:22px;color:#444; font-weight:normal;}
.two_menu h3:hover{background:0 0;color:#2277da}
}

@media (min-width: 768px) {
.mobile_top{display:none;}
}
@media (max-width: 768px) {
#goTop{  
	display: none;  
	cursor:pointer;  
	position: fixed;  
	width: 30px;  
	right: 10px;  
	bottom: 60px;  
	z-index: 999;  
} 
}

.mainbody{ display:none;}
@media (max-width: 768px) {
.pc_pro{ display:none;}
.mainbody{ width:100%; display:block;}
.mainbody table{ max-width:100%!important;}
.mainbody img{ max-width:100% !important; height:auto !important}
.proclass{ width:100%; float:left; }
.proclass ul li{ list-style:none; border-bottom:1px solid #d2d2d2}
.proclass ul li h3{ font-size:13px; color:#000000; font-weight:normal;}

.proclass .classname{width:100%; color:#010101; padding:10px 0px;}
.proclass .classname a h3{ font-weight:bold; font-size:18px; margin:10px 0;}

.proclass .classname2{width:90%; color:#010101; padding:5px 5%;}
.proclass .classname2 a h3{ font-weight:normal; font-size:16px; margin:10px 0; line-height:20px;}

.proclass .classname3{width:80%; color:#010101; padding:5px 5% 5px 15%;}
.proclass .classname3 a h3{ font-weight:normal; line-height:20px; margin:10px 0;}
}