@import url("shortcode/theme-default.css");
@import url("shortcode/header.css");
@import url("shortcode/slider.css");
@import url("shortcode/product.css");
@import url("shortcode/service.css");
@import url("shortcode/subscribe.css");
@import url("shortcode/footer.css");
@import url("shortcode/breadcrumb.css");
@import url("shortcode/shop.css");
@import url("shortcode/single-product.css");
@import url("shortcode/cart.css");
@import url("shortcode/checkout.css");
@import url("shortcode/blog.css");
@import url("shortcode/error.css");
@import url("shortcode/login.css");
@import url("shortcode/contact-form.css");
@import url("shortcode/scrollup.css");
@import url("shortcode/home2.css");
@import url("shortcode/about-us.css");
@import url("shortcode/parallax.css");

/*--------------------------------------------------
    Template Name: Kiosk - eCommerce Bootstrap4 Html Template
    website: www.nahartheme.com
    Author: themedream1
    Version: 1.0



    CSS INDEX
    ================

    1. Theme Default CSS (css/shortcode/theme-default.css)
    2. Header CSS (css/shortcode/header.css)
    3. Slider CSS (css/shortcode/slider.css)
    4. Products CSS (css/shortcode/product.css)
    5. Service CSS (css/shortcode/service.css)
    6. Subscribe CSS (css/shortcode/subscribe.css)
    7. Footer CSS (css/shortcode/footer.css)
    8. Breadcrumb CSS (css/shortcode/breadcrumb.css)
    9. Shop Page CSS (css/shortcode/shop.css)
    10. Single Product CSS (css/shortcode/single-product.css)
    11. Cart & Wish List CSS (css/shortcode/cart.css)
    12. Checkout CSS (css/shortcode/checkout.css)
    13. Blog CSS (css/shortcode/blog.css)
    14. Error 404 CSS (css/shortcode/error.css)
    15. LogIn CSS (css/shortcode/login.css)
    16. Contact Form CSS (css/shortcode/contact-form.css)
    17. ScrollUp CSS (css/shortcode/scrollup.css)
    18. Home-2 CSS (css/shortcode/home2.css)
    19. About Us CSS (css/shortcode/about-us.css)
    20. Parallax Css (css/shortcode/parallax.css)
  
-----------------------------------------------------*/

.fullwidth-banner-bg-1 {
	background-image: url("../img/fullwidth-banner-1.jpg");
}

@media screen and (max-width:1366px) {
	.fullwidth-banner-bg-1 {
		background-image: url("../img/fullwidth-banner-2.jpg");
	}
}

.fullwidth-banner-bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: 0%;
}

.fullwidth-banner-content p {
	position: relative;
	font-size: 20px;
	line-height: 30px;
	color: #6b6b6b;
	font-weight: 300;
	padding-bottom: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
	max-width: 500px;
}

.fullwidth-banner-content p.fullwidth-banner-title {
	font-size: 30px;
	line-height: 40px;
	font-weight: 500;
	color: #434343;
	font-style: italic;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 0;
}

.fullwidth-banner-content p.fullwidth-banner-title::after {
	background: none;
}

.fullwidth-banner-content p::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
	height: 1.5px;
	content: "";
	background-color: #1e1e1e;
}

.fullwidth-banner-content a {
	font-size: 18px;
	color: #1e1e1e;
	font-weight: 500;
	font-style: italic;
}

.fullwidth-banner-content a:hover {
	color: #26ABB1;
}


.contact-con p{
	line-height: 50px;
}












/*----------------------------
	厂房设备
-----------------------------*/

#thumbs{
	width:1200px;
	margin:30px auto 35px;
	
}

#thumbs a{
	width: 279px;
	height: 200px;
	display:inline-block;
	border:3px solid #fff;
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	border-radius:4px;
	margin: 6px 6px 60px;
	position:relative;
	text-decoration:none;
	box-shadow: 0 0 5px #bbb;
	background-position:center center;
	background-repeat: no-repeat;
	
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

#thumbs a:after{
	
    border-radius: 7px;
    bottom: -204px;
  
    color: #343434;
    content: attr(title);
    display: inline-block;
    font-size: 14px;
  
    overflow: hidden;
    padding: 2px 10px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
	display: block;
}

#credit{
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	font-size: 11px;
	margin: 0 auto 70px;
	opacity: 0.5;
	padding: 12px 16px;
	text-align: center;
	width: 400px;
}

@media screen and (max-width: 750px) {
	#thumbs{
		width: 100%;
		text-align: center;
	}
	#thumbs a{
		width: 90%;
		height: 200px
	}
}
/*留言表单*/

.feedback {
	.height: 1000px;
	margin: 0 auto;
}

.feedback ul li {
	position: relative;
	overflow: hidden;
	float: left;
	margin-bottom: 2%;
}

.feedback ul li.wide {
	margin-right: 0;
}

.feedback ul li.border {
	padding-bottom: 16px;
	border: none;
}

.feedback ul li label {
	float: left;
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
}

.feedback ul li label em {
	color: #eb340a;
	;
}

.feedback ul li input {
	float: left;
	height: 36px;
	line-height: 36px;
	border: none;
	font-size: 14px;
	border: none;
	padding-left: 20px;
	background: #fbfbfb none repeat scroll 0 0;
	width: 100%;
	border: 1px solid #d6d4d4;
	padding: 3px 5px;
}

.feedback ul li select {
	width: 100%;
	height: 36px;
	line-height: 36px;
	border: 1px solid #4c4c4c;
	font-size: 14px;
	color: #4c4c4c;
}

.feedback ul li textarea {
	width: 100%;
	height: 140px;
	line-height: 24px;
	padding: 10px 8px;
	box-sizing: border-box;
	border: 1px solid #4c4c4c;
	font-size: 14px;
	margin-bottom: 30px;
}

.feedback .submit {
	position: relative;
	display: block;
	width: 205px;
	line-height: 50px;
	margin: 0 auto;
	background: #888;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.feedback .submit:after {
	position: absolute;
	top: 3px;
	left: 3px;
	content: "";
	width: 197px;
	height: 42px;
	border: 1px solid #a7a7a7;
}




/*产品*/
/*.title_block {

    border-bottom: 2px solid #363636;
    border-top: 2px solid #363636;
    color: #363636;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 20px;
    padding: 15px 0;
    text-transform: uppercase;

}
.sidebar-content-area .categories {

    margin-bottom: 30px;

}
.categories-content > ul {

    margin-bottom: 9px;
    margin-top: 0;

}
.categories-content > ul li {

    position: relative;

}
.categories-content ul li a {

    color: #797979;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;

}
.sidebar-content-area .categories i.fa.fa-plus, .sidebar-content-area .categories i.fa-minus.minus {

    border: 1px solid #f6f6f6;
    border-radius: 50%;
    color: #c8c8c8;
    float: right;
    font-size: 10px !important;
    font-weight: 300;
    height: 20px;
    left: inherit;
    line-height: 20px;
    position: inherit;
    text-align: center;
    top: inherit;
    vertical-align: middle;
    width: 20px;

}
.submenu {

    overflow: hidden;
    max-height: 0;
    transition: max-height 0.25s ease-out;

}
ul.submenu {

    list-style: outside none none;
    margin: 0;
    padding: 0;

}
.categories-content > ul li {

    position: relative;

}
.left-sub-navbar.submenu > li {

    padding-left: 15px;

}
ul.submenu li a {

    color: #6a6a6a;
    display: block;
    padding: 12px 0 12px 30px !important;

}
.categories-content ul li a {

    color: #797979;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;

}
.left-sub-navbar.submenu > li a {

    color: #797979;
    display: block;
    font-size: 12px;
    font-weight: 300;
    line-height: 30px;
    padding: 0 30px 0 0 !important;

}*/

ul.expmenu{/*width:199px;margin:40px auto;*/}
ul.expmenu li div.header{padding:12px;border-bottom:1px #fff solid;background: #F2C21F;}
ul.expmenu li:last-child div.header{border-bottom:none;}
ul.expmenu li ul li {background-color:#F6F6F6;padding:12px;border-bottom:1px solid #d2c8b5;border-top:1px solid #d2c8b5;color:#727272;text-shadow:0px 1px 0px rgba(255, 255, 255, 0.8);font-size: 14px;margin-bottom: 0;}
ul.expmenu li ul li:last-child{border-bottom:none;}
ul.expmenu li ul li.selected{background-color:#f4f4f4;}
ul.expmenu div.header{
	color:#203f61;
	text-shadow:0px 1px 0px rgba(255, 255, 255, 0.2);
	
	background:#ae9c7e;/* Old browsers */
	background:-moz-linear-gradient(top, #ae9c7e 0%, #ae9c7e 100%);/* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae9c7e), color-stop(100%,#ae9c7e));/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #ae9c7e 0%,#ae9c7e 100%);/* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #ae9c7e 0%,#ae9c7e 100%);/* Opera 11.10+ */
	background:-ms-linear-gradient(top, #ae9c7e 0%,#ae9c7e 100%);/* IE10+ */
	background:linear-gradient(to bottom, #ae9c7e 0%,#ae9c7e 100%);/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae9c7e', endColorstr='#ae9c7e',GradientType=0 );/* IE6-9 */
}
ul.expmenu li div.header .label{background:no-repeat;color: #fff;/*text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.8);*/ font-weight:bold;}
ul.expmenu li div.header .arrow{display:block;width:16px;height:16px;background:no-repeat center;float:right;}
ul.expmenu li div.header .arrow.up{background-image:url(../img/arrow_u.png);}
ul.expmenu li div.header .arrow.down{background-image:url(../img/arrow_d.png);}
ul.expmenu li .menu{display:none;}	
/* Mouse Events */
ul.expmenu div.header:hover{
	
}

ul.expmenu li ul li:not(.selected):hover{
	background:#F6F6F6;/* Old browsers */
	cursor:pointer;
}
ul.expmenu li ul li:not(.selected):active{
	background:#f1f1f1;/* Old browsers */
	cursor:pointer;
}

.menu .green1{
	color: #464646;
}
.menu li ol a.green2{
	color: #F2C21F!important;
}



@media only screen and (max-width:750px){
	.home2-header {
	    top: 0px;
	    left: 0;
	    width: 100%;
	    z-index: 99999;
	
	}	
	.logo img {
		width: 100px!important;
	}
	.breadcrumb-area {
	
	    background: #f6f6f6;
	    margin-top: 53px;
	
	}
	.ptb-sm-30 {
		padding: 0px 0!important;
	}


}

/*产品展示*/
.play { width: 400px; height: 508px; background: #CECECE; font: 12px Arial; margin:0 auto }
.big_pic { width: 400px; height: 400px; overflow: hidden; border-bottom: 1px solid #ccc; background: #222; position: relative; }
.big_pic li { width: 400px; height: 400px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0; background: url(../img/loading.gif) no-repeat center center; }
.big_pic li img{
	width: 400px;
}
.mark_left { width: 200px; height: 320px; position: absolute; left: 0; top: 0; background: red; filter: alpha(opacity:0); opacity: 0; z-index:3000; }
.mark_right { width: 200px; height: 320px; position: absolute; left: 200px; top: 0; background: green; filter: alpha(opacity:0); opacity: 0; z-index:3000; }
.big_pic .prev { width: 60px; height: 60px; background: url(../img/btn.gif) no-repeat; position: absolute; top: 130px; left: 10px; z-index: 3001; cursor: pointer; filter:alpha(opacity: 0); opacity:0; }
.big_pic .next { width: 60px; height: 60px; background: url(../img/btn.gif) no-repeat 0 -60px; position: absolute; top: 130px; right: 10px; z-index: 3001;cursor: pointer; filter:alpha(opacity: 0); opacity:0; }
.big_pic .text { position: absolute; left: 10px; top: 302px; z-index: 3000; color: #ccc; }
.big_pic .length { position: absolute; right: 10px; bottom: 4px; z-index: 3000; color: #ccc; }
.big_pic .bg { width: 400px; height: 25px; background: #000; filter: alpha(opacity=60); opacity: 0.6; position: absolute; z-index: 2999; bottom: 0; left: 0; }
.small_pic { width: 380px; height: 94px; position: relative; top: 7px; left: 10px; overflow: hidden; }
.small_pic ul { height: 94px; position: absolute; top: 0; left: 0; }
.small_pic li { width: 95px; height: 100px; float: left; padding-right: 5px; background: url(../img/loading.gif) no-repeat center center; cursor: pointer; filter: alpha(opacity=60); opacity: 0.6; }
.small_pic img { width: 100%;  }
.clear{
	clear: both;
}
.pro_detail .pro_l{
	float: left;
}
.pro_detail .pro_r{
	float: right;
}
.pro_r h1.pro_tit {

    color: #3f3f3f;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 15px;

}
.pro_r .pro_descr p {

    line-height: 30px;
    margin-bottom: 1em;
    font-size: 14px;

}
#product-comments-block-extra {

    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #d6d4d4;
    font-weight: bold;
    line-height: 18px;
    margin: 20px 0 20px;
    padding: 8px 10px 10px;
    width: 50%;

}
.comments-advices {

    clear: both;
    padding-top: 2px;

}
.comments-advices li {

    display: inline-block;
    line-height: 30px;

}
.comments-advices a {

    color: #777777;
    display: inline-block;
    line-height: 30px;
    margin-right: 8px;
    padding: 0;
    position: relative;
    text-decoration: none;

}
.comments-advices a.open-comment-form::before {

    content: "\f040";

}
.comments-advices a.back_icon::before {

    content: "\f064";

}
.comments-advices a::before {

    background: #929292 none repeat scroll 0 0;
    border-radius: 50px;
    color: #ffffff;
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 15px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    margin-right: 6px;
    text-align: center;
    width: 30px;

}

@media only screen and (max-width:750px){
	
	.pro_detail .pro_l{
		float: none;
		margin-top: 50px;
	}
	.pro_detail .pro_r{
		float:none;
		margin-top: 50px;
	}
	
	.play { width:100%;min-height: 354px;height: ; background:none!important; font: 12px Arial; margin:0 auto }
.big_pic { width: 100%; min-height: 354px; height:354px; overflow: hidden; border-bottom: 1px solid #ccc; background: none; position: relative; }
.big_pic li { width: 100%; height: 354px!important; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0; background: url(../img/loading.gif) no-repeat center center; }
.big_pic li img{
	width: 100%;
}
.small_pic{
	width: 100%;
	left: 0;
}
.product-area{
	margin-top: 50px;
}

}