body {
  background:#fff;
  color:#4e4e4e;
  line-height: 22px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600; 
  font-family: 'Open Sans', sans-serif;
  color:#4e4e4e;
}

h1{
  font-size: 36px;
  color:#fff;
}

h2{
  font-size: 20px;
}

h3{
  font-size: 16px;
  color: #787878;
  font-weight: 400;
  line-height: 24px;
}

h4{
  font-size: 16px;
}

a {
  color: #c52d2f;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

a:hover, a:focus {
  color: #d43133;
}

hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}

.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}

.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}

a:hover,
a:focus {
  color: #111;
  text-decoration: none;
  outline: none;
}

.dropdown-menu {
  margin-top: -1px;
  min-width:180px;
}

.center h2{
  font-size: 36px;
  margin-top: 0;
}

.media>.pull-left{
  margin-right: 20px;
}

.media>.pull-right{
  margin-left: 20px;
}

body > section {
  padding: 55px 0;
}

.center {
  text-align: center;
  padding-bottom:50px;
  max-width:1120px;
}

.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
.lead{
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.transparent-bg {
  background-color: transparent !important;
  margin-bottom: 0;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

/*头部*/
#header .search{display: inline-block;}
.navbar>.container .navbar-brand{margin-left: 0;}
.top-bar{padding:8px 0; background: #121212; line-height: 28px;}
.top-number{color: #fff;}
.top-number p{margin: 0}
.social{text-align: right;}
.social-share{display: inline-block; list-style: none; padding: 0; margin: 0;}
ul.social-share li{display: inline-block;}
ul.social-share li a{display: inline-block; color: #fff; background: #404040; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 2px;}
ul.social-share li a:hover{background: #c52d2f; color: #fff;}

.weixin a{ display:block; position:relative;}
.weixin .weixin_nr{width:157px; height:157px; background-color:#121212;  border:4px solid #121212; border-top:none;background:url(../images/saoweixin.jpg) no-repeat center center; text-align:center; position:absolute; right:28px; top:36px; display:none; z-index:1;}
.weixin .weixin_nr .arrow{ border-bottom:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent; position:absolute; left:65px; top:-7px; text-align:center;}
.weixin.on .weixin_nr{ display:block; text-align:center;}
.weixin.on a{}

.search i {color:#fff;}
input.search-form{background:transparent; border:0 none; width:60px; padding:0 10px; color: #FFF; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;}

input.search-form::-webkit-input-placeholder{color:transparent;}
input.search-form:hover::-webkit-input-placeholder {color: #fff;}
input.search-form:hover {width: 180px;}

/*导航*/
.navbar-brand{padding: 0; margin:0;}
.navbar-header{padding:10px 0;}
.navbar{border-radius: 0; margin-bottom: 0; background: #fff; padding-bottom: 0;} 
.navbar-nav{padding-top:20px;}
.navbar-inverse{border: none;}
.navbar-inverse .navbar-brand{font-size: 36px; line-height:50px; color: #fff;}
.navbar-nav>li{margin-left: 35px; padding-bottom:25px;}
.navbar-inverse .navbar-nav > li > a{padding: 5px 12px; margin: 0; border-radius: 3px; color:#555; line-height: 24px; display: inline-block;}
.navbar-inverse .navbar-nav > li > a:hover{background-color:#fff01b; color:#555;}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus{background-color:#fff01b; color:#555;}
.navbar-inverse .navbar-nav .dropdown-menu{-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125); border: 0; padding: 0; margin-top: 0; border-top: 0; border-radius: 0; left:-25px;}
.navbar-inverse .navbar-nav .dropdown-menu:before{position: absolute; top:0;}
.navbar-inverse .navbar-nav .dropdown-menu > li > a{padding: 8px 15px; color: #555;}
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a{background-color: #fff01b;}
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a{border-radius: 0 0 3px 3px;}
.navbar-inverse .navbar-nav .dropdown-menu > li.divider{background-color:transparent;}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form{border-top: 0; padding-bottom: 0;}

/*banner*/
.slider_bg{background:url(../images/banner1.jpg) no-repeat 0px 0px;background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover;min-height:720px;}
.slider{position:relative;padding:23em 0 0;width:100%;text-align: center;overflow:hidden;}
.rslides{position:relative; list-style: none; width:100%;}
.rslides h3{color: #fff; font-size:2.9em; text-transform:capitalize;font-family: 'Rancho-Regular';max-width:85%;text-align:right;}
.rslides h3 p{color: #fbf03c;display:block;padding-top:1em;}
.rslides h3 span{font-size:0.4em;padding-top:1.5em;line-height:1.7em;font-weight:normal;display:inline-block;}
.rslides li{-webkit-backface-visibility: hidden; position: absolute; display: none; width:100%; top:10px;}
.rslides li:first-child{position: relative; display: block; float: left;}
/*About us*/
#about-us{padding-bottom:45px;}
.about-top{padding-left:0;}
.about-top p{font-size:1em; color:#4e4e4e; line-height:1.6em; font-weight:400; margin-top:0.8em;}
.about-top h2{color: #4f4f4f; font-size:2.1em; padding: 0; margin: 0; letter-spacing: 2px;border-bottom:1px solid #eee;padding-bottom:17px;}
.ab-top{margin-top:1em;}
p.sub{margin-bottom: 1em;}
.hvr-outline-out{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding:0.6em 1.3em; border:#fff01b solid 4px; background:#fff01b; color:#333; margin-bottom:20px;}
.hvr-outline-out:before{content: ''; position: absolute; border:#fff solid 4px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; color:#fff;}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before{top: -8px; right: -8px; bottom: -8px; left: -8px; color:#fff;}
a.hvr-outline-out:hover{color:#c52d2f;}

/*SERVICES*/
.#feature{padding-bottom: 40px;}
.fields-left{text-align:center;}
.fields-left span{background:url(../images/serviceimg.png) no-repeat;width:92px;height:92px;display:block;margin:0 auto;}
.fields-left span.home{background-position:0px 0px;}
.fields-left span.men{background-position:-91px 0px;}
.fields-left span.pen{background-position:-181px 0px;}
.fields-left h4{font-size: 1.5em;font-weight:400;color: #333;margin:15px 0 0 0;}
.fields-left p{font-size: 15px;margin-top:2.8%;line-height: 1.5em;color:#878787;text-align:left;}

/*LATEST PRODUCT*/
#latest-product {background: #000 url(../images/latestproduct_bg.jpg);background-size: cover;}
#latest-product h2{ color:#fff;}
.span1_of_3{width: 30.3333%;float: left;margin-right:4.5%; color:#fff;}
.span1_of_3:nth-child(3){margin-right:0;}
.span_of_3 h3{color:#fff; font-size:18px;}
.span_of_3 img{ max-width:100%;}
.span_of_3 h3.style{opacity: 0.5;}
.span_of_3 h4{}
.span_of_3 h4.divider{background: url('../images/divider.png') no-repeat;width: 40px;height: 10px;}

/*NEWS*/
#news{padding-bottom:50px;}
.events-grid{ width:30.3333%; margin-right:4.5%; float:left; padding:0;}
.events-grid:nth-child(3){ margin-right:0;}
.event-grid-bottom-left{padding:1em 0.4em; background:#fbf03c;text-align:center; min-width:24%; max-width:33%; }
.event-grid-bottom-left h4{font-size:0.75em;color:#333;text-align:center;}
.event-grid-bottom-left h4 span{display:block;color:#333; line-height:1.8em;}
.event-grid-bottom-right{width:75%; padding-left:13px; padding-right:0;}
.event-grid-bottom-right h4{margin:0.8em 0 0.3em;color:#000;font-size:0.9em;text-transform:capitalize;}
.event-grid-bottom-right h4 a{color:#333;line-height:1.5em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.event-grid-bottom-right h4 a:hover{color:#c52d2f;}
.event-grid-bottom-right p{color:#878787;line-height:1.3em;font-size:0.95em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}

/*CONTACT*/
#contact .row{ padding-left:30px;}
.widget{padding-left: 0; margin:0 30px;}
#contact{background: #f7f7f7; font-size: 14px; }
#contact h3{margin-top: 0; margin-bottom: 10px; font-size:22px; color: #000;}
#contact ul{list-style: none; padding: 0; margin: 0;}
#contact ul li{display: block; padding:2px 0 0;color: #333;}

/*footer*/
#footer{padding-top:30px; padding-bottom:30px; color: #fff; background:#121212;}
#footer a{color: #fff;}
#footer a:hover{color:#c52d2f;}
#footer ul{list-style: none; padding: 0; margin: 0;}
#footer ul > li{display: inline-block; margin-left:15px;}
#footer .col-sm-6{ font-size:0.8em;}
#toTop{display:none;text-decoration: none;position: fixed;bottom: 10px;right: 10px;overflow: hidden;width:34px;height:34px;border: none;text-indent: 100%;background:url(../images/top_move.png) no-repeat right top;}

/*about-us*/
.aboutbg{ background:url(../images/aboutbg.jpg) no-repeat;background-size: cover; }
.aboutbg h4{ color:#fff; padding:80px 0 80px; font-size:3em; text-align:center;}

.about-content{ position:relative; padding:50px 0 0 0;}
.Website-left{ float:left; margin-bottom:3.2%; }
.Website-right{ float:right;margin-bottom:3.2%;}
.websitetitle h2{ font-size:30px; padding-bottom:6px;}
.websitetitle i{ border-bottom:1.5px dashed #fbf03c;display:block; max-width:395px; margin:0 auto; text-align:center;}
.websitetitle p{ padding-top:20px; max-width:880px; text-align:center;margin:0 auto; font-size:1.1em; line-height:1.7em;}

.our-team{ padding-top:0;}
.team-grids{margin:0 0 4.5em;}
.team-grid{text-align:center;}
.team-grid img{float:left;}
.team-grid h4{color:#c52d2f; font-weight:500; font-size: 1.4em; margin:2.4em 0 0 1.2em; line-height: 1.4em; float:left; text-align:left;}
.team-grid h4 span{display:block;font-size:14px;color:#000;}

.patent-certificate{ }

.gallery{ padding-bottom:20px;}
.da-thumbs{list-style: none;position: relative;margin: 0;padding: 0;}
.da-thumbs li{float: left; margin-right:2%; margin-bottom:25px; padding:2px; position:relative; width:23%; border:1px solid #efefef;}
.da-thumbs li a,.da-thumbs li a img{display: block; position: relative; width:100%;}
.da-thumbs li a{overflow: hidden;}
.da-thumbs li a div{position:absolute; background:rgba(17, 17, 17, 0.66); width: 100%; height: 100%;}
.da-thumbs li a div p{display:block; padding:10px 0; margin:11px 20px 20px 20px; font-weight: normal; text-transform: capitalize; margin:0 auto; color: rgba(255,255,255,0.9); text-align:center; font-size:1em; line-height:1.9em; width:33px; height:33px;}
.da-thumbs li a div h5{color: #FFF; font-size:1.1em; margin:7em 0 0.8em 0; text-align: center; text-transform: capitalize;}

/*Services*/
.picturealbumbox{ margin-bottom:60px;}
.picture-album a{ float:left; padding-right:4.5%;}
.picture-album .download-tit{ float:left;  vertical-align:top;}
.picture-album .download-tit h5{ font-size:1.1em; font-weight:400; line-height:1.5em; color:#333;}
.picture-album .download-tit span{ display:block;}
.picture-album .download-tit a{ border:1px solid #c3c3c3; padding:4px 12px;}

#what-cando .candotitle h3{ color:#333;}
#what-cando .candotitle p{ color:#878787;}
#what-cando .candotitle{ padding-bottom:55px; overflow:hidden;}

/*New*/
.new-section{padding:1em 0 2em;}
.new-section h2{font-size: 3.5em; text-transform: capitalize; color: #222; text-align: center;}
.room-grids{margin-top: 3em;}
.room2{margin: 2em 0;}
.room4{margin-top: 2em ;}
.room-grid1 h4{ margin:0; padding:0;}
.room-grid1 h4 a{font-size: 1.2em; color: #333; font-weight:normal; }
.room-grid1 h4 a:hover{ text-decoration:underline;color:#c52d2f;}
.room-grid img{width: 100%;}
.room-grid1 p{font-size: 1em; color: #666; line-height:1.8em; margin:0.2em 0 0em;}
.room-grid1 span{color:#999; font-size:0.75em;}
.room-grid1 a{ color:#c52d2f; font-size:1em; line-height:1.7em;}
.room-grid1 a:hover{ text-decoration:underline;}
.pagerlist{ text-align:center;}
ul.pagination > li > a{border:1px solid #F1F1F1; margin-right:5px; border-radius: 5px; font-size: 16px; padding: 5px 14px; color:#333;}
ul.pagination > li > a i{margin-left:5px; margin-right:5px;}
ul.pagination > li.active > a,
ul.pagination > li:hover > a{background-color: #ffea02 !important; border-color: #ffea02 !important; color: #333;}


.news-wrap{margin-top:1%; padding:10px 0;}
.news-info{padding:1.2% 0;margin-bottom:3%;border-bottom: 1px dashed #b3b3b3;  text-align:center;}
.news-info span{padding-right:2%; color:#999; font-size:0.75em;}
.news-wrap p{font-size:1em;line-height: 30px;margin:1% 0;text-indent: 2em; text-align:left;}
.news-wrap h1{font-size:1.6em; font-weight:700;color: #43464d; text-align:center;}
.news-con{ }
.news-con img{max-width: 100%;margin:2% 0; text-align:center;}
.page-bottom{ background-color:#f4f4f4; padding:18px 0; margin:35px 0;}
.page-bottom .left a{display: block;margin-bottom: 1%; font-weight:bold; color:#333;padding-left:15px;}
.page-bottom .left a:hover{color:#c52d2f;}
.keyword span{margin:0 10px;}
.newsimg{ text-align:center;}

/*contact*/
#contactus{ padding-top:40px;}
.contact-top{margin:0 auto; float:none;}
.contact-textarea{ margin-bottom:50px;}
.contact-textarea input[type="text"],.contact-textarea textarea{width: 100%;color: #999;outline: none;font-size: 14px;padding:15px; margin-bottom:1.3em;-webkit-appearance: none;background: none;border:1px solid #cfcfcf;
border-radius:5px;-moz-border-radius:5px; }
.contact-textarea textarea{resize: none;min-height: 15em;}
.contact-textarea input[type="submit"],.contact-textarea input[type="reset"]{border: none;outline: none;color:#666;background:#fbf03c;width: 20.61%;padding:10px 20px; margin-right:1%;font-size:18px;-webkit-appearance: none;font-family: 'Oswald', sans-serif;}
#contactus .websitetitle h2{ padding-bottom:0;}

/*products*/
#productlist{background:url(../images/productslistbg.jpg);background-size: cover;}
#productlist h2{ color:#fff;}
.box_pro{text-align:center;}
.box1_product{  display:inline-block;margin-right:2.5%; margin-left:2.5%; margin-bottom:5%; color:#fff;position:relative;}
.box1_product p{ position:absolute;top:0; left:0; bottom:0;text-align:center; min-width:250px; background-color:#fbf03c; height:32px; line-height:32px; color:#333; font-size:1.2em;}
.box1_product p:hover{ color:#c52d2f;}
.box1_product img{ max-width:100%;}

/*productslist*/
.classification-nav{background: #7c7c7c;position:relative;margin:0;padding:0;color:#fefefe; height:45px; line-height:45px; margin:10px 0 0; }
.pageTitle{font-size:1.2em; padding-left:0;}
.pageTitle a,.pageTitle h2{color: #fff;display: inline-block;height:45px;line-height:45px; margin:0; font-weight:normal;}
.pageTitle a:hover{ color:#c52d2f;}
.pageTitle h2{ display:inline-block; color:#fbf03c; margin:0;font-size:1em;}
.pageTitle span{ padding:0 5px;}
.surface-treatment{ background-color:#f1f1f1;}
.surfacecolor{ border-bottom:1px solid #b4b4b4; margin:30px 0 10px 0;  }
.surfacecolor h4{color:#6e6e6e;font-size:1.1em;height:20px; line-height:20px;font-weight:normal;}
.surfacecolor-list{ overflow:hidden; text-align:left;}
.surfacecolor-list ul{ list-style:none; margin:0; padding:0;}
.surfacecolor-list ul li{width:9%; text-align:center; float:left; margin:10px 7px; }
.surfacecolor-list ul li img{ max-width:100%;text-align:center;}
.surfacecolor-list ul li p{ font-size:0.9em; line-height:1.2em; padding-top:4px;text-align:center;}
.productsbox{ overflow:hidden;}
.product-security{background:#fff; text-align:center;margin:1.8% 1% 0.8% 1%; width:23%;  min-height:270px; padding:0;}
.product-security h3{text-align:left;  margin:10px 0 15px 20px; font-size:1em;}
.product-security a{ font-size:1em; color:#333; }
.product-security a h3:hover{ text-decoration:underline; color:#c52d2f;}
.product-pic{ text-align:center;}
.product-pic img{text-align:center; max-width:100%;}

.hidden{ display: none;}
.moreload ul{list-style:none; margin:0; padding:0;}
.moreload ul li{padding:0;}
.moreload .more{overflow: hidden;padding:10px;text-align: center; float:none;}
.moreload .more a{display: block; background-color:#e5e5e5; padding:8px 0; color:#4f4f4f;margin:0 auto;text-align:center}
.moreload .more a:hover{text-decoration: none;background: #474747;color: #fff;}

/*product details*/
.portfolio_grid1{ margin:3em 0; overflow:hidden;}
.product-grid img{ width:100%;}
a.mask{text-decoration: none; overflow: hidden; display: block;}
img.zoom-img{-webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms;}
img.zoom-img:hover{-webkit-transform: scale(1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 750ms; -moz-transform: scale(1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 750ms; overflow: hidden;}
.col-md-6.portfolio_right{padding-left:3%}
.portfolio_right h2 {font-size: 1.6em; padding-bottom:5px; text-transform:uppercase;}

ul.project_detail{padding:0;margin:0;list-style:none;}
ul.project_detail li{font-size:1.1em;color: #666;text-transform: capitalize; line-height:1.8em;}
span.project_bold{color:#333; padding-right:15px;}
.product-mixcolor h4{ color:#333; font-size:1.3em;}
.product-mix img{ margin:1em 0; max-width:100%;}
.product-mix p{ line-height:1.5em; padding:2em 0;}

img{max-width:none;}
.zxx_image_zoom_list{display:inline-block; width:1.2em; height:1.1em; text-align:center; font-size:128px;}
.zxx_image_zoom_list img.zxx_zoom_image{padding:3px; border:1px solid #cccccc; background:white; vertical-align:middle; position:relative;}
.zxx_image_zoom_list:hover,.zxx_image_zoom_list:hover img.zxx_zoom_image{border-color:#ff3300;}
.zxx_image_zoom_div{width:200px; height:200px; padding:3px; background:white; border:1px solid #cccccc; text-align:center; position:absolute; z-index:1000; left:0; top:0; overflow:hidden;}

/*404*/
#error .btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success:hover{background-color:#fff01b; border-color:#fff01b; color: #333;}
#error h1{	font-size: 8em;font-weight: 700;color:#c52d2f;text-transform: uppercase;}
#error p{color:#4f4844;font-size: 1.2em;}
.btn-primary{padding:12px 26px; background: #fff01b; color: #333; border-radius:4px; border:none; margin-top: 10px;}
.btn-primary:hover,
.btn-primary:focus{background: #fff01b; outline: none; box-shadow: none; color:#333;} 

@media (max-width:1440px){
.slider{padding:24em 0 0;}
.rslides h3{font-size:3em;max-width:95%;}
.rslides h3 span{padding-top:1.4em;}
}
@media (max-width:1366px){
.slider_bg{background:url(../images/banner2.jpg) no-repeat 0px 0px;min-height:600px;}
.slider{padding:20em 0 0;}
.rslides h3{font-size:2.7em;max-width:83%;}
.rslides h3 span{padding-top:1.2em;}
}
@media (max-width:1280px){
.slider{padding:20em 0 0;}
.rslides h3{font-size:2.5em;max-width:90%;}
.about-top{padding:0;float: left;width:50%;}
.about-img{float: right;padding: 0;width:45%;}
/*about-us*/
.about-content .col-lg-8{ width:66%; overflow:hidden;}
.about-content .col-lg-4{ width:33%;overflow:hidden;}
}
@media (max-width:1080px){
.slider_bg{background:url(../images/banner3.jpg) no-repeat 0px 0px;min-height:550px;}
.slider{padding:17em 0 0;}
.rslides h3{font-size:2.2em;max-width:83%;}
.rslides h3 p{ padding-top:0.8em;}
.rslides h3 span{ font-size:0.45em; padding-top:1em;}
.about-img img{width: 100%;}
.fields-left h4 {font-size: 1.3em;}
#about-us{ padding-bottom:0;}
body > section {
  padding:35px 0;
}
/*about-us*/
.team-grid h4{margin:2.4em 0 0 1em;}
}
@media (max-width:991px){
.slider{padding:17em 0 0;}
.rslides h3{font-size:2em;max-width:90%;}
.about-top{padding:0;float: left;width: 52%;}
.about-img{float:right;padding: 0;width: 42%;}
.ab-top h2{font-size: 2.4em;}
.fields{padding: 3em 0px;}
.fields-left{width:100%;float: left;}
.fields-left h4{font-size: 1.2em;}
.fields-left p{font-size: 14px;margin-top: 1.5%;}
.fields-left span{width:75px;height:75px;background-size:300%;}
.fields-left span.men{background-position: -75px 0px;}
.fields-left span.pen{background-position: -150px 0px;}	
.span_of_3{margin-top:0.5%}
#contact .col-sm-6{ width:25%;}
.widget{ margin-bottom:10px;}
/*about-us*/
.team-grids .col-md-4{ width:33.33%; float:left;}
/*Services*/
.picture-album .download-tit h5{ font-size:0.9em;}
.picture-album .download-tit a{ font-size:0.9em; }
#what-cando .candotitle{ padding-bottom:30px;}
/*newlist*/
.room-grids .col-md-4{ width:33%; float:left;}
.room-grids .col-md-8{ width:66%; float:left;}
.page-bottom .left a{ margin-bottom:0.5%;}

/*productslist*/
.product-security{margin:1.8% 1.2% 0.8% 1.2%; width:30%;  display:inline-block;}
.product-grid{ width:48%; float:left; margin-right:2%;}
}
@media (max-width: 768px){
.slider{padding:17em 0 0;}
.rslides h3{font-size:1.75em;max-width:95%;}
.rslides h3 p{padding-top:0.5em;}
.rslides h3 span{font-size:0.45em; padding-top:0.75em;}
.span_of_3{ margin-top:0;}
#contact .col-sm-6{ width:50%;}
.widget{ margin-bottom:25px;}
/*about-us*/
.team-grid { text-align:center;}
.team-grid h4{margin:0.75em 0 0 2em;}
.our-team h2{ padding-bottom:0;}
.our-team .center{ padding-bottom:40px;}
.gallery .websitetitle h2{ padding-bottom:0;}
/*Services*/
.picture-album .download-tit h5{ font-size:0.75em;}
.picture-album .download-tit a{ font-size:0.75em; }
.picturealbumbox{ width:100%;}
/*productslist*/
.product-security{margin:1.8% 0.9% 0.8% 0.9%; width:31%;  min-height:270px;  display:inline-block;}
}
@media (max-width:640px){
.slider_bg{background:url(../images/banner4.jpg) no-repeat 0px 0px;min-height:400px;}
.slider{padding:12em 0 0;}
.rslides h3{font-size:1.35em;max-width:83%;}
.rslides h3 p{ padding-top:0.4em;}
.rslides h3 span{ font-size:0.45em; padding-top:0.60em; max-width:280px;}
.about-top {padding: 0;float:left;width:81%;margin-top: 2em;}
.about-img {float:right;padding: 0;width:100%;}
.center{ padding-bottom:20px;}
.fields-left {padding: 0 5px;}
.fields {padding: 2em 0px;}
.fields-left h4 {margin-top: 10px;}
.span_of_3 h3{ font-size:16px;}
.span_of_3{ margin-top:2%}
#contact .col-md-3{ width:50%; float:left;}
#contact h3{ font-size:18px}
#contact ul li{ font-size:0.9em;}
.widget{ margin-left:0; margin-right:0; margin-bottom:0; min-height:125px; }
#contact ul li{ line-height:1.6em;}
#contact .row{ padding-left:50px;}
#footer .col-sm-8{text-align:center;}
#footer .col-sm-4{text-align:center;}
#footer .pull-right{ float: none; padding-top:10px;}
/*about-us*/
.aboutbg h4{ padding:50px 0; font-size:2.5em;}
/*productslist*/
.surfacecolor-list ul li{ width:13%;}
.product-security{margin:1.8% 0.9% 0.8% 0.9%; width:31%;  min-height:260px;  display:inline-block;}
}
@media screen and (max-width:480px){

.slider_bg{background:url(../images/banner5.jpg) no-repeat 0px 0px;min-height:320px;}
.slider{padding:10em 0 0;}
.rslides h3{font-size:1.35em;max-width:94%;}
.rslides h3 p{ padding-top:0.35em;}
.rslides h3 span{ font-size:0.45em; padding-top:0.4em; max-width:280px;}
.ihonetel{ display:block; padding-left:15px; line-height:1em;}
.center{ padding-bottom:10px;}
.center h2{ font-size:30px;}
.about-top{ width:90%; margin-top:1em;}
.about-top h2{ font-size:1.5em;}
.fields-left{width:100%;}
.span1_of_3{margin-top:8%;width:90%;float:none;margin-left:5%;}
.events-grid{margin-bottom:5%; width:90%; margin-left:5%; display:block; }
.event-grid-bottom-right{ width:70%;}
#news{ padding-bottom:30px;}
#contact .row{ padding-left:20px;}
/*about-us*/
.Website-left{ float:none; margin-bottom:3.2%; }
.Website-right{ float:none;margin-bottom:6%;}
.about-content .col-lg-8{ width:98%;}
.about-content .col-lg-4{ width:98%;}
.about-content{ padding-top:35px;}
.websitetitle p{ padding-bottom:20px;}

.team-grid { text-align:center;}
.team-grid h4{margin:0.55em 0 0 1em;}
.our-team .center{ padding-bottom:30px;}
.team-grid h4,.team-grid h4 span{ font-size:1em;}
.gallery .websitetitle h2{ padding-bottom:20px;}
.da-thumbs li{float: left; margin-right:2%; margin-bottom:25px; padding:2px; position:relative; width:46%; border:1px solid #efefef;}
#what-cando .candotitle{ padding-bottom:0px;}
.candotitle .span1_of_3{ margin-top:6%;}
/*newlist*/
.room-grids .col-md-4{ width:100%; float:none;}
.room-grids .col-md-8{ width:100%; float:none;}
.room-grid1 h4{ margin-top:15px;line-height:1.2em;}
.new-section{ padding:0;}
.room2{ margin:2em 0 1em;}
ul.pagination > li > a{border:1px solid #F1F1F1; margin-right:5px; border-radius:5px; font-size:14px; padding:2px 10px; color:#333;}
ul.pagination > li > a i{margin-left:5px; margin-right:5px;}
.room-grid1 h4 a{ line-height:1.5em;}
.page-bottom{ margin:35px 0 20px}
.contact-textarea input[type="submit"], .contact-textarea input[type="reset"]{ width:28%; font-size:16px; text-align:center;}
/*products*/
#productlist h2{ padding-bottom:25px;}
.box_pro{ text-align:center;}
.box1_product{ width:43%;margin-right:3%; margin-left:3%; margin-bottom:6%; color:#fff;position:relative; float:left;overflow:hidden;}
.popup-with1{text-align:center;overflow:hidden;}
.box1_product p{ position:absolute;top:0; left:0; bottom:0;text-align:center; min-width:186px; overflow:hidden; background-color:#fbf03c; height:28px; line-height:28px; color:#333; font-size:0.85em;}
.box1_product p:hover{ color:#c52d2f;}
.box1_product img{ max-width:100%;}
/*productslist*/
.surfacecolor-list ul li{ width:12%;}
.product-security{margin:1.8% 1.5% 0.8% 1.5%; width:47%;  min-height:200px;  display:inline-block;}
.product-pic img{text-align:center; max-width:100%;}
.portfolio_grid1{ margin:2em 0;}
.portfolio_right h2{ font-size:1.2em;}
ul.project_detail li{ font-size:0.9em;}
.product-mix p{ line-height:1.2em; padding:1em 0;}
#error h1{	font-size:6em;}
#error p{ font-size:1em;}

}