/* Reset HTML5
*/
@import url('http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:400,600,700'); 
@import url('font-awesome.css'); 
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	font-family: arial,helvetica,sans-serif;
	margin: 0;
	padding: 0;
	list-style: none;
}
html {
	min-height: 100%;
}
html,
body {
	height: 100%;
	-ms-overflow-style: scrollbar;

}


/* common style */
body {
	background-color: #ededed;
}
input,
button {
	border-radius: 0;
}
a,
a:focus {
	text-decoration: none;
	outline: none;
}
	a:hover {
		text-decoration: underline;
      	transition: all 0.3s ease 0s;
	}
img {
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.icon,
.icon-before::before {
	background: url(../images/icon-sprites.png) no-repeat;
	display: inline-block;
	position: absolute;
}

	a::before,
	a::after,
	.border-green::before,
	.icon-before::before {
		content: "";
		display: block;
		position: absolute;
	}
.clear {
	font-size:0;
	line-height:0;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	isibility:hidden;
}
.l {
	float: left;
}
.r {
	float: right;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-search::before {
    content: "\f002";
}

/* navbar */
.navbar {
	min-height: 90px;
}
	.top-bar img {
		padding-top: 12px;
		float: left;
		width: 21%;
	} 
	.top-bar .navbar-nav {
		width: 55%;
	}
	.top-bar .tel {
		line-height: 90px;
	    float: right;
	    width: 24%;
	    text-align: right;
	    font-size: 20px;
	    color: #fe000e;
	}
		.navbar .nav>li>a {
			font-size: 15px;
			color: #333;
			padding: 0;
			line-height: 87px;
			padding: 0 22px;		
		}
		.navbar .nav>li>a:hover,
		.navbar .nav>li>a:focus,
		.navbar .nav>li>a.active,
.navbar .nav>li.current>a{
			font-size: 15px;
			color: #ffb91d;
			/*border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;*/
			border-bottom: 3px solid #ffb91d;
		}
		.navbar-default .navbar-nav>li>a:focus, 
		.navbar-default .navbar-nav>li>a:hover,
		.navbar-default .navbar-nav>li.current>a	{
		    background-color: #eee;
		}

.navbar-header {
	display: none;
}
	.navbar-header .mobile-show {
		display: none;
	}


/* banner */
.banner {
	margin-top: 90px;
	margin-bottom: 25px;
}
.ocarousel_window_slides img {
  float:none;
  
}

.bread.product-details {
	margin-top: 90px;
}
/* .left-infos */
/*.left-infos h3 {
	color: #fff;
	line-height: 65px;
    text-align: center;
    font-family: "微软雅黑";
    background: #6c7e8f;
}*/
.left-sider .product-nav {
	margin-bottom: 22px;
}
.left-sider h3 {
	color: #333;
    font-size: 18px;
	background: url(../images/tit1n.gif) no-repeat;
	background-size: 100% 36px;
    height: 36px;
    line-height: 36px;
    padding-left: 13px;
    font-weight: bold;
    
}
.left-sider h3  span a {
	color: #e44f2b;
}
.product-nav ul {
    background: #fff;
}
		/* .accordion */
	    .accordion .link{
	        color: #333;
	        font-size: 16px;
	        cursor: pointer;
	        display: block;
	        padding: 14px 0;
	        text-align: center;
	        border-bottom: 1px solid #CCC;
	        position: relative;
	        -webkit-transition: all 0.4s ease;
	        -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
	    }
	    .accordion .link a {
	    	color: #333;
	    	text-decoration: none;
	    }
	    .accordion .link:hover,
	    .accordion .link:focus {
	       color: #b63b4d;
	    }
	    .accordion li:last-child .link a {
	        border-bottom: 0;
	    }
	    .accordion li.open .link a {
	        color: #b63b4d;
	    }
	    .accordion li.open .link:after {
	        transform: rotate(180deg);
	    }
	/* .submenu */
	.accordion .submenu {
	    display: none;
	    background: #abaaaa;
	    font-size: 14px;
	}
	.accordion .submenu li {
	    border-bottom: 1px solid #fff;
	}
	    .accordion .submenu a {
	        display: block;
	        text-decoration: none;
	        color: #fff;
	        padding: 8px 0;
	        text-align: center;
	        -webkit-transition: all 0.25s ease;
	        -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
	    }
	    .accordion .submenu a:hover {
	        background: #b63b4d;
	        color: #FFF;
	    }

/* contact-sider */
.contact-sider {
	margin-bottom: 22px;
}

/* .latest-pro */
.latest-pro{
  padding:2em 0;
  background:#FFF;
  margin-bottom: 2em;
}
	.latest-pro h3{
		font-size:25px;
		color:#e44f2b;
		padding-bottom:15px;
	}
	.line{
	  display:block;
	  background:#EEE;
	  height:1px;
	}
	.ocarousel_window {
		width: 100%;
	}
	.ocarousel {
	    display: none;
	    padding-top:35px;
	    position:relative;
	}
		.ocarousel span{
			position:absolute;
			right:0;
			top:-48px;
			width:70px;
		}
		.ocarousel span a.prev,.ocarousel span a.next{
			width:30px;
			height:30px;
			text-align:center;
			background:#e44f2b url("../images/arrows.png") no-repeat;
			border-radius:2em;
			-webkit-border-radius:2em;
			-moz-border-radius:2em;
			-o-border-radius:2em;
		}
		.ocarousel span a.prev{
			background-position:0px 2px;
		}
		.ocarousel span a.next{
			background-position:-40px 2px;
		}
		.ocarousel span a.prev:hover,.ocarousel span a.next:hover{
			background-color:#444;
		}
		.ocarousel_window {
		        overflow: hidden;
		        white-space: nowrap;
		        /* default size */
		        width:100%;
		}
		.ocarousel_window_slides {
            position: relative;
            margin: 0 auto;
            overflow: hidden;
            width: 50000px;
            white-space: nowrap;
 		}
			.ocarousel_window_slides * {
	            float: left;
	            white-space: normal;
			}
			.ocarousel_window_slides a{
				border-left:1px solid #F2F2F2;
				padding:0 35px;
			}
				.ocarousel_window_slides a h2{
				  display:block;
				  font-size:14px;
				  color:#a5a5a5;
				  float:none;
				  text-align:center;
				  line-height: 40px;	
				}
				.ocarousel_window_slides a:hover h2{
				 color:#e44f2b;
				 text-decoration:underline;
				}
				.ocarousel_indicators {
				    width: 100%;
				}


.news-latest{
	margin-bottom: 22px;
}
	.contact-box,
	.news-box {
		border: 1px solid #CCC;
		padding: 10px;
	}
	.news-box ul {
		margin-top: 10px;
	}
	.news-box li {
		height: 34px;
	    line-height: 34px;
	    border-bottom: 1px dotted #bcbcbc;
	}
		.news-box li a {
			font-size: 14px;
			font-family: '宋体';
			color: #666;
			overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap;
			display: inline-block;
   			width: 100%;
		}
		.news-box li a:hover,
		.news-box li a:focus {
			color: #fe000e;
			text-decoration: none;
		}
	.contact-box p {
		font-family: '宋体',Arial;
		font-size: 14px;
		line-height: 26px;
		padding-top: 10px;
	}
	.contact-box p b{
		font-size: 13px;
		padding-top: 10px;
	}

/* right-main */
.right-main {

}
	.right-main .hot-product .row {
		margin-right: -8px;
	    margin-left: -8px;
	}
	.right-main .hot-product .col-md-3 {
		padding-right: 8px;
	    padding-left: 8px;

	} 
	.right-main .white-panel {
		padding: 6.5%;
	    text-align: center;
	    background: #FFF;
	    margin-bottom: 9.5%;
	}
	.right-main .white-panel:hover {
		    box-shadow: 0px 4px 8px 5px rgb(171, 170, 170);
      		transition: all 0.3s ease 0s;
	}
		/*.white-panel h2 {
			border-top: 1px solid #eee;
		}*/
		.white-panel h2 a {
		    color: #e44f2b;
		    font-size: 15px;
		    line-height: 40px;
		    overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap;
			display: inline-block;
			width: 100%;
		}
		.part h4 {
		    background: #23272a !important;
		    margin-bottom: 15px !important;
		    padding-left: 10px !important;
		    font-size: 1.1em;
		    color: #FFF;
		    padding: 10px;
		}
		.more-info h5 a {
			font-size: 0.5em;
		    display: inline-block;
		    padding: 6px 20px;
		    background: #8fa7ae;
		    color: #FFF;
		    text-decoration: none;
		    outline: 0;
		    -webkit-transition: all 0.5s ease-in-out;
		    -moz-transition: all 0.5s ease-in-out;
		    -o-transition: all 0.5s ease-in-out;
		    transition: all 0.5s ease-in-out;
		    position: relative;
		}
		.more-info h5 a:hover,
		.more-info h5 a:focus {
			text-shadow: 0px 0px 1px #000;
    		background: #292929;
    		text-decoration: none;
		}
		.more-info h5 a::before {
		    top: 0;
		    right: 0;
		    border-width: 14px 5px 12px 0px;
		    border-style: solid;
		    border-color: rgba(239, 0, 0, 0) #FFF rgba(0, 128, 0, 0) rgba(35, 39, 42, 0);
		}
		.more-info h5 a::after {
			top: 0;
		    left: 0;
		    border-width: 14px 0px 12px 5px;
		    border-style: solid;
		    border-color: rgba(255, 0, 0, 0) rgba(0, 0, 255, 0) rgba(0, 128, 0, 0) #FFF;
		}

.skill-block .name{
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: #8fa7ae;
}
	.skill-block .group a:hover {
		text-decoration: none;
	}
	.skill-block .group a:hover .name {
		background: #2d91f1;
	}


/* .bread */
.bread {
	padding: 10px 0 20px;
}


/* about-company-pro */
.about-company-pro {
	margin-top: 115px;
}

/* good-list */
.goods-list img {
	float: left;
	width: 40%;
	margin-right: 40px;
}
.goods-list ul {
	float: left;
	width: 50%;
	margin-top: 20px;
}
	.goods-list ul li {
		font-size: 14px;
		color: #333;
		font-family: Arial;
		background-image: url(../images/icon1.jpg);
	    background-repeat: no-repeat;
	    background-position: left center;
	    width: 480px;
	    line-height: 40px;
	    height: 40px;
	    padding-left: 20px;
	    float: left;
	    
	}
.part {
	margin-bottom: 20px;
}

	.part p {
		font-family: Arial;
		color: #333;
		margin: 30px 0 20px;
	    font-size: 16px;
	    line-height: 30px;
	}


/* item-thumbs */
.item-thumbs {
	margin-bottom: 20px;
	margin-top: 10px;
}
.item-thumbs .hover-wrap {
	position: absolute;
	display: block;
	width: 87%;
	height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.item-thumbs:hover .hover-wrap,
.item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	background: rgba(228, 137, 7, 0.64);
}

.item-thumbs .hover-wrap .overlay-img-thumb {
	position: absolute;
	border-radius: 60px;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #fff;
	font-size: 32px;
	line-height: 1em;
	opacity: 1;
	filter: alpha(opacity=100);
}



/* product-center.html */

.kinds-list .txt {
    width: 86.5%;
    height: 25px;
    background: url(../images/1px.png) repeat;
    background-size: cover;
    position: absolute;
    left: 15px;
    bottom: 0;
    color: #fff;
    font-family: "微软雅黑";
}
	.kinds-list .txt h2 {
	    font-size: 16px;
	    font-weight: 100;
	    text-align: center;
	    line-height: 25px;
	}
	.kinds-list a:hover {
		text-decoration: none;
	}

	.kinds-list .txt p {
		color: #fff;
	    font-size: 14px;
	    text-align: center;
	}
.kinds-list ul li {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	margin-bottom: 40px;
}
.ocarousel_window_slides a p {
	display: block;
    font-size: 14px;
    color: #585555;
    float: none;
    text-align: center;
}


/*product-center-details.html*/

/* product-details-section */
.product-details-section {
	margin-top: 100px;
}
.product-img {
    width: 37%;
    float: left;
    text-align: center;
    margin-bottom: 40px;
}
.desc {
    display: block;
    float: left;
    margin: 0% 0 0% 4%;
    width: 58%;
}
	.product-infos h1 {
		font-size: 2.3em;
	    color: #333;  
	    font-weight: bold;
	    margin-bottom: 20px;
	}
.available {
    padding: 10px 0;
    border-top: 1px solid #EBEBEB;
}
	.available li {
	    display: block;
	    color: #000;
	    font-size: 20px;
	    padding: 5px 0;
	}	
		.available li span {
		    font-size: 13px;
		    color: #8B8B8B;
		}

/* btn-area */
.btn-area {
	margin-right: -30px;
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #d9d9d9;
}
	.btn-area li {
		float: left;
		margin-right: 30px;
	}		
		.btn-area .product-btn {
			height: 50px;
			line-height: 50px;
			padding: 0 34px;			   
		    color: #fff;	    
		    display: block;
		    text-align: center;	
		    border-radius: 5px;    
		}
		.btn-orange {
			 background: #ffa200;
		}
		.btn-area .icon-txt {		
			color: #666;
			display: inline-block;		
			line-height: 60px;
			position: relative;
		}
			.btn-area .icon {
				width: 60px;
				height: 60px;
				top: 0;
				left: 0;		
			}	
			.btn-area .icon-tel-big	{
				background-position: -60px -120px;
			}	
			.btn-area .icon-txt a {
				text-decoration: none;
			}
				.btn-area .icon-txt .txt-orange {
					font-size: 23.96px;
					color: #ffa200;
					padding-left: 60px;
				}

.product-infos h4 {
	color: #fe000e;
    font-size: 16px;
    margin-bottom: 10px;
}
.product-infos p {
	color: #464646;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 20px;
}
.prod_con .prod_li_fl .prod_li_p table {  
	width: 750px;   
	border: 1px solid #afafaf;
	border-collapse:separate;
	border-collapse:collapse;
}
.resp-tab-content table {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #afafaf;
    border-collapse: collapse;
}
	.resp-tab-content table tr:hover {
      background: #ffa200;
      color: #fff;
	 }
		.resp-tab-content table td{ 
			border-right: 1px solid #afafaf;
			border-bottom: 1px solid #afafaf;
			text-align:center;
		}
		.resp-tab-content table td p{ 
			text-align: center
		}
.review table tr:hover {
      background: #fff;
      color: #333;
}


/* news-center.html */

.news-list {
	margin-bottom: 10px;
    background: #f0f5f8;
    padding: 10px;
}
.news-list:hover {
	background: #fff;
	box-shadow: 0 0 3px 3px #EAEAEA;
	border: 10px solid #f0f5f8;
	padding:0;  
}
	
	
	.news-list .img-box {
		float: left;
		margin-right: 20px;
		width: 27%;
	}
	.news-list .news-infos {
		float: left;
		width: 70%;
	}
		.news-infos h2 a {
			font-size: 18px;
			color: #333;
    		text-decoration: none;
			line-height: 26px;
			display: inline-block;
		}
		.news-infos h2 a:hover,
		.news-infos h2 a:focus {
			color: #cf000b;
		}
		.news-infos em {
		    font-style: normal;
		    background-image: url(../images/time.jpg);
		    background-repeat: no-repeat;
		    background-position: left center;
		    padding-left: 25px;
		    line-height: 34px;
		}
		.news-infos p{
			color: #666;
			line-height: 28px;
			font-size: 16px;
			margin-top: 4px;
			overflow: hidden;
		    text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-line-clamp: 2;
		    -webkit-box-orient: vertical;
		}
		.news-infos b {
			text-align: right;
			float: right;
		}
		.news-infos b a {
			font-size: 14px;
			color: #cf000b;
		    text-decoration: none;
			line-height: 26px;   
		}

/* .pages */
	.page-area {	
		padding-left: 12px;
		margin-top: 40px;
	}			
		.page-area  li {
			color: #fff;
			float: left;
			line-height: 30px;
			height: 30px;
			text-align: center;
			padding: 0 12px;
			margin-right: 12px;
			border-radius: 4px;
			background: #abaaaa;
			list-style-type: none;
		}
		.page-area  li.thisclass {
			background: #ffa200;
		}
		.page-area  li.pageinfo {
			background: #98cb45;
		}
			.page-area  li a {
				color: #fff;
				font-size: 16px;
				display: block;	
				position: relative;	
			}

.about img {
	float: left;
	width: 40%;
	margin-right: 20px;
}
	.skill-block h4 span a{
		color: #fff;
		float: right;
		margin-right: 20px;
	}
	.desc-infos h3 {
		padding-top: 15px;
	}


/* news-center-details.html */

.news-block h1 {
	text-align: center;
    font-size: 16px;
    color: #444444;
    margin: 35px 0 15px;
    width: 500px;
    margin-left: 142px;
}
.news-con {
    padding-top: 5px;
    border-top: 1px solid #cccccc;
    margin: 0 20px;
}
	.news-con .title-p {
		text-align: center;
		margin: 5px 0 20px;
	}
		.news-con .title-p span {
			padding-right:  30px;
		}
	.updown {
		margin-top: 30px;
	}
	.news-con .updownbg {
		font-size: 12px;
	    background: url(../images/updownbg.jpg) no-repeat left top #909090;
	    color: #ffffff;
	    margin-bottom: 10px;
	    margin-top: 0;
	    padding-left: 22px;
	    overflow: hidden;
	}
		.news-con .updownbg a {
			color: #ffffff;
		}
		.news-con .updownbg span {
			margin-right: 44px;
    		float: left;
		}



/* .foot-guild */
.foot-guild {
	padding:55px 0 0;
	background:#282e3c;
}
	.foot-guild .foot-nav {
		margin: 0 -49px;	
	}
		.foot-nav dl {
			width:25%;
			height:100%;
			float:left;
			padding: 0 49px;
		}
			.foot-nav dl dt {
				font-family:"宋体";
				font-size:14px;
				color:#fff;
				line-height:28px;
				padding-bottom:12px;
				margin-bottom: 13px;
				background: url(../images/footer-line.jpg) no-repeat left bottom;
			}
				.foot-nav dl dd a {
					font-family:"宋体";
					font-size:12px;
					line-height:28px;
					color:#d4d4d4;
				}
					.foot-nav .icon-txt {
						color: #d4d4d4;
						margin-bottom: 14px;						
					}
						.foot-nav .icon-txt .txt {
							width: 160px;
							display: inline-block;
							line-height: 22px;
						}
						.foot-nav dl dd a img {
							width: 170px;
							height: 170px;
						}
	.icon-txt {
		font-family: "宋体";
		font-size: 14px;
		color: #fff;
		display: inline-block;		
		line-height: 32px;
	}
		.icon-txt .txt {
			color: #d4d4d4;
			font-size: 12px;
			padding-left: 11px;
		}	
		.icon-txt .icon-before {
			width: 32px;
			height: 32px;
			background: #fcbe16;
			border-radius: 50%;
			float: left;
			position: relative;
		}		
		.icon-txt .icon-before::before {
			width: 20px;
			height: 20px;
			top: 7px;
			left: 7px;
		}
		.icon-map.icon-before::before {
			background-position: 0 0;					
		}
		.icon-email.icon-before::before {
			background-position: -20px 0;
			top: 6px;
			left: 6px;		
		}
		.icon-tel.icon-before::before {
			background-position: -40px 0;
		}		
		
/* .footer-copyright */
.footer-copyright {
	height: 38px;
	line-height: 38px;
}
	.footer-copyright span,
	.footer-copyright span a {
		font-family: "宋体";
		font-size: 12px;
		color: #7a7a7a;
	}
	.footer-copyright .black {
		color: #000000;
		margin-right: 28px;
	}

/* contact-us.html */

.input-text,
 textarea {
	margin-bottom: 15px;
    font-family: 微软雅黑;
    font-size: 12px;
    width: 385px;
    height: 42px;
    display: inline-block;
    line-height: 42px;
    padding-left: 15px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(239, 239, 239);
    border-image: initial;
}
textarea {
    line-height: 22px;
    height: 150px;
    resize: none;
    padding-top: 10px;
}
.right-main .btn {
	width: 155px;
    height: 42px;
    border: none;
    cursor: pointer;
    background: #e34141;
    color: #fff;
    margin-left: 70px;
}
.right-main .btn.btn-gray {
	background: #979797;
    margin-left: 70px;
}
.right-main .txt-p {
	font-size: 15px;
	line-height: 28px;
	color: #333;
	margin-bottom: 40px;
}
.right-main form {
	margin-bottom: 30px;
}
.right-main table {
	margin: 0 auto;
}
.map-area {
    height: 300px;
}
 
@media (max-width: 1025px){
	.top-bar img {
    	padding-top: 11px;
   	}
   	.product-img {
   		width: 48%;
   	}
   	.desc {
		width: 52%;
        margin: 0;
   	}
}
@media (max-width: 992px){
	.top-bar img {
	    padding-top: 19px;
	}
	.top-bar .navbar-nav {
	    width: 65%;
	}
	.navbar .nav>li>a {
	    padding: 0px 12px;
	}
	.top-bar .tel {
	    font-size: 14px;
	    width: 22%;
	}
	.top-bar .navbar-nav {
	    width: 56%;
	}
}

@media (max-width: 768px) {
	.navbar-header {
		display: block;
	}
	/*.tel {
		display: none;
	}*/
	.navbar-header .navbar-toggle {
		margin-top: 26px;
    	margin-right: 21px;
	}
	.navbar-fixed-bottom .navbar-collapse, 
	.navbar-fixed-top .navbar-collapse {
		max-height: 700px;
	}
	.navbar .nav>li>a {
	    padding: 0 10px;
	}
	.top-bar .navbar-nav {
	    width: 52%;
	}
	.top-bar .tel {
	    width: 26%;
	}
	.top-bar img {
		padding-top: 20px;
	}
	.product-img {
   		width: 47%;
   	}
   	.desc {
		width: 53%;
   	}
   



@media screen and (max-width: 767px){
	.tel .glyphicon {
		display: none;
	}
	.navbar-header .mobile-show {
	    display: block;
	    float: left;
    	padding: 15px;
	}
	.top-bar img {
	    display: none;
	}
	.foot-guild .foot-nav {
		margin: 0;
	}
	.foot-nav dl {
		width: 100%;
    	padding: 0 15px;
	}
	.foot-nav dl dt {
		background-size: 100%;
	}
}
  
@media (max-width:736px){

  .navbar-nav {
    margin: 0;
  }
  .top-bar .navbar-nav {
    width:100%;
  }
  .top-bar .tel {
    display:none;
  }
  .news-list .img-box {
    width:100%;
  }
  .news-list .news-infos{
 	width: 100%;
  }
  
}
 
@media (max-width:568px){

  .product-img {
      width: 100%;
  }
  .desc {
    width: 100%;
  }
  
}
  
@media (max-width:415px){
	.input-text,
	textarea {
		width: 310px;
	}
	.right-main .btn {
		margin: 0;
		width: 110px;
	}
	.right-main .btn.btn-gray {
		margin-left: 16px;
	}
    .product-img {
      width: 100%;
  	}
    .desc {
      width: 100%;
  	}
}

@media (max-width:375px){ 

	.input-text,
	textarea {
		width: 300px;
	}
}

@media (max-width:321px){ 

	.input-text,
	textarea {
		width: 234px;
	}
	.right-main .btn {
		width: 74px;
	}
}