/*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:focus, a:hover {text-decoration: none;}

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{ }
h3{font-size: 28px; line-height: 28px;  }
h4{font-size: 18px; line-height: 22px; margin-bottom: 15px; }
h5{font-size: 16px; line-height: 18px; margin-bottom: 5px; }
h6{font-size: 15px; line-height: 18px; margin-bottom: 5px; }

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 {font-size: 18px;color: #000;background: none;box-shadow: none;}

.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%;color: #fff;z-index: 999;border-bottom: 1px solid #a3a3a3}
.header-wrapper a {color: #fff;}
#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;}*/


/*
.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;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 {position: relative;/!*background:url(../img/navbg.jpg);*!/z-index: 99}
.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: #000;text-transform: none;padding: 10px 35px;font-weight: normal;}
.navbar-default .navbar-nav>li>a h2{display:inline-block;text-align:center;font-size: 16px;color: #000;text-transform: none;font-weight: bold !important;}
.navbar-default .navbar-nav>li:hover a h2{color: #007f4a !important}
.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:hover{background: #fff}
.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){
    .owl-nav {display: none;}
    .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: #9dc958;}
.footer-widget{}
.footer-widget li{}
.footer-widget li a{font-size: 15px;color: #fff}
.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: 5px;}
.widget ul {padding: 0;}
.widget h5 {font-size: 13px;font-weight: bold;color: #fff;margin: 0;line-height: 22px;}
.widget .title {font-size: 20px;padding-bottom: 15px;border-bottom: 1px solid #a8a8ad;font-size: 22px;}
.widget li{font-size: 15px;color: #fff;line-height: 16px;margin-bottom: 10px;padding-top: 5px;}
.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("../img/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;display: none !important; 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;}
}
@media (max-width:767px) {
.mc-s420, .mc-s420 img{max-height:100%;max-width:100%;width:100%;}
.mc-s420, .mc-s420 a{height:auto;width:100%;}
}
.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{background: #f2f2f2}
    .navbar-default .navbar-nav>li:hover a h2{color: #000}
    .navbar-default .navbar-nav>li{}
    .navbar-default .navbar-nav>li>a {padding: 10px 48px;}
    .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) {

/*.row>div[class^="col-"] {

}*/
.nav_top{height: 70px !important;padding: 0px;}
  .logo h1{height: 70px !important;}
  .index_nav{position: fixed;right: 0px;z-index: 500}
.more{font-size: 24px !important;}
   .top-header .container {width: 100%;    height: 0px !important;}
.index_nav{z-index: 1000}
   .top-header .navbar-header {width: 100%}
/*.logo {float: none;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: relative;background: #8c8c8c;
    height: 70px; /* margin: 0 auto; */ margin: 0; top: 0; right: 0; z-index: 999; width: 100%; max-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;    font-size: 16px;}
 /*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: #8c8c8c;position: relative;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:0px;}
 .row{margin: 0}
 /*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: #fff;-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) {
  .more{font-size: 22px !important;}
  .nav_top{height: 70px !important;padding: 0px;}
 /* .logo h1{height: 70px !important;}*/
  .index_nav{position: fixed;right: 0px;z-index: 500}
 .logo {float: none;width:100%;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}
.row>div[class^="col-"] {
    clear: both !important;
}
 .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: relative; /* margin: 0 auto; */ margin: 0; top: 0; right: 0; z-index: 999; width: 100%; max-width: 100%; background: #8c8c8c;height: 70px; }
 #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: #8c8c8c;position: relative;top: 0;height: 70px;z-index: 998;}
 .index_nav{position: absolute;top: 0px;}
 .logo-fixed .logo img {height: 70px;margin: 0;}
 .quick-links-wrap  {padding-top: 80px;}
 .header-style {}
 
 /*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: #fff;-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: none;width:100%;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 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: 22px;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 {top: 0;height: 70px;z-index: 998;padding: 0}
 .logo-fixed .logo img {width: 100%;margin: 0;}
 .quick-links-wrap  {padding-top: 80px;}
 .header-style {padding: 0px;}
 /*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: 18px;background-color: #fff;-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 480px*/
@media  (min-width:480px) and (max-width:768px) {
   /* .logo{width:78%;text-align: center;margin: auto}*/
}
@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:1170px){
.custom-bkg {padding-top: 60px;}
.master-slider {padding-top: 143px;}
}
@media (min-width: 1024px) and (max-width:1170px){
.custom-bkg {padding-top: 143px;}
.master-slider {padding-top: 143px;}
}





/*fixed??*/

.mobile-container {width: 61px;height: 61px;background: url("../images/r_skype.png")/*tpa=http://www.bellavim.com/Templates/bangc/images/r_skype.png*/ no-repeat #7f7f7f;/* float:left; */}
.mobile-container:hover{background: url("../images/r_skype.png")/*tpa=http://www.bellavim.com/Templates/bangc/images/r_skype.png*/ no-repeat #000000;cursor:pointer;}
.mobile-show {width: 120px;min-height: 120px; background: #fff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -122px; top: -40px; }
.mobile-show .mobile-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 120px; top: 65px; position: absolute; z-index: 2;}
.mobile-show .mobile-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 121px; top: 64px; position: absolute; }
.mobile-show .mobile-txt{ float:left; width:104px; padding:10px 12px 20px; text-align:center; font-size:15px; color:#4c4c4c; }
.mobile-show .mobile-txt ul li{ width:104px; line-height:40px; text-align:left}

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


.in_banner{width: 100%;}
.asd_pro{width: 268px;overflow: hidden;float:left;margin-left: 17px;margin-bottom: 25px;}
.proimg{ overflow:hidden;width:268px;height: 220px;border: 1px solid #e3e3e3;}
.proimg img{width: 268px;height: 220px;transition: all 0.6s;}
.in_proname{width: 100%;padding: 6px 0;background: -webkit-linear-gradient(#00f1f9, #00a7ac); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#00f1f9, #00a7ac); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#00f1f9, #00a7ac); /* Firefox 3.6 - 15 */
    background: linear-gradient(#00f1f9, #00a7ac); /* 标准的语法 */}
.in_proname a{font-size: 14px;color: #ffffff;font-family: 微软雅黑;font-weight: normal;}

.asd_pro:hover .in_proname{background: #ff8737;}
.asd_pro:hover .proimg img{transform: scale(1.2);transition: all 0.6s;}

.in_proname2{font-size: 14px;text-align: center;line-height: 20px;background: #fff;margin-top: -6px;padding-top: 8px;padding-bottom: 8px}
.in_proname2 h3{font-size: 14px;text-align: center;line-height: 20px;}
.proimg:hover .in_proname2 a h3{color: #fff}
.proimg:hover .in_proname2 a {color: #fff}

.more{height:50px;font-size: 24px;line-height: 40px;padding-bottom: 20px;color: #007f4a;font-weight: bold; }
.more span{float: right;margin-right: 10px;}
.more span a{line-height: 40px;font-size: 14px;}
.more{margin-bottom: 20px !important;}
@media(min-width:1px) and (max-width:600px){.container{width:100%;padding: 0px;}
.index_nav {position: fixed;right: 0px;}
.more{font-size: 18px;line-height: 24px;padding-bottom: 8px !important;}
.row>div[class^="col-"]>div[id^="location_"]{margin:0 10px}
.row>div[class^="col-"]{clear: both !important;}
.row>div.col-md-12{}
.row{margin: 0}
.nav_top{height: 70px !important;}
.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}
.col-md-9{clear: both;}
/*.in_banner{width: 950px !important;margin-left: -40%}*/
#product_detail .product_info{margin-left: 0px !important;width: 100%;}
#product_detail .left{width: 100% !important;}
#product_detail .big_pic{width: 100% !important;}
#product_detail .big_pic img{width: 100% !important;}
#product_detail ul.pic_list{width: 100% !important;}
.mod18 .listBox{width: 92%;}
.mod18{ 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 }
}

@media (min-width: 992px){
.proclear1{
  clear: both;
}
.proclear2 {
    clear: none;
}
}
@media (min-width: 768px){

.proclear, .proclear2 {
    clear: none;
}
}

@media (min-width: 768px){
.proclear1 {
    clear: both;
}
}
@media screen and (max-width: 767px){
.proclear2 {
    clear: both;
}
}


@media(min-width:1190px) and (max-width:1920px){

 .proimg2,.indexpromore{display: none;}
 .proimg img{width: 266px;height: 220px;}
 .in_proname{text-align: center;}
/* .yc_name{width: 314px;margin: auto;height: 37px;background: #fff;text-align: center;font-size: 20px;line-height: 37px;margin-bottom: 20px;}
 .yc_jj{width: 314px;padding-left: 28px;padding-right: 28px;padding-top: 20px;padding-bottom: 20px;border: 2px solid #d0d1cf;margin: auto;color: #fff;font-size: 14px;line-height: 24px;}*/
.proimg .rsp{width:376px;overflow:hidden;position: absolute;background:url(../img/pro_bg.png) bottom no-repeat;top:0;left:0;height: 303px;}
.proimg .text{position:absolute;width:376px;height:303px;bottom:-303px;left:0;overflow:hidden; text-align:center; padding-top:76px;}
.proimg:hover{}
.proimg:hover .in_proname{ color: #000;}
.proimg:hover .in_proname a{color: #000}
.proimg:hover  .cpjs{color: #fff}

    .inpro_more{width: 146px;height: 39px;border: 1px solid #ff8737;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;margin: auto;vertical-align: middle;line-height: 37px;text-align: center;margin-top: 30px;}
    .inpro_more a{display: inline-block;width: 139px;height: 33px;background-color: #ff8737;margin: auto;text-align: center;line-height: 33px;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;color: #fff;font-size: 15px;}

/*.inpro_more{width: 110px;height: 35px;border-radius: 10px;text-align: center;clear: both;margin: auto;background:
#5f5f5f}
.inpro_more:hover{background: #ff6030;}
.inpro_more a{line-height: 35px;font-size: 16px;color: #fff;}*/
}

@media(min-width:0px) and (max-width:1190px){
.asd_pro,.indexpromore2{display: none;}
.proimg2{display: block;width: 31%;float: left;margin-bottom: 10px;margin-right: 2%}
.proimg2 img{width: 100%;}
.in_proname{text-align: center;}
/*.inpro3{width: 98%;margin-left: 2%}*/
    .inpro_more{width: 146px;height: 39px;border: 1px solid #f77620;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;margin: auto;vertical-align: middle;line-height: 37px;text-align: center;margin-bottom: 30px;}
    .inpro_more a{display: inline-block;width: 139px;height: 33px;background-color: #f77620;margin: auto;text-align: center;line-height: 33px;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;color: #fff;font-size: 15px;}

}
@media(min-width:0px) and (max-width:600px){
.inpro_more{display: none !important;}
.pro_info_box{display: none !important;}
.pic_list{display: none !important;}
.detail_title ul li {
    width: 100px !important;
    height: 28px !important;
    text-align: center;
    margin: auto;
    background: url(../img/in_titledot2.png) no-repeat;
    font-size: 18px;
    color: #000;
    line-height: 28px !important;
    float: left;
    text-transform: uppercase;
}
.detail_title{border-bottom: 1px solid #ccc;clear: both;height: 28px !important;}

.detail_title ul li:hover{
  background: url(../img/in_titledot3.png) no-repeat;
  color: #fff
}  
.pro_detail{text-align: left;padding: 20px 2%;}
.detial-cont-prodescription{padding: 0 2%}
}
.pro_detail p img{max-width: 100%}

.detail_title ul li {
    width: 156px;
    height: 36px;
    text-align: center;
    margin: auto;
    background: url(../img/in_titledot2.png) no-repeat;
    font-size: 18px;
    color: #000;
    line-height: 36px;
    float: left;
    text-transform: uppercase;
}
.detail_title{border-bottom: 1px solid #ccc;clear: both;height: 36px;}

.detail_title ul li:hover{
  background: url(../img/in_titledot3.png) no-repeat;
  color: #fff
}  


.case img{width: 100%;}
.in_casename{text-align: center;}