@charset "utf-8";

@font-face {
font-family:'dinpro-regular';
src: url('../fonts/dinpro-regular.eot'); /* IE9 Compat Modes */
src: url('../fonts/dinpro-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/dinpro-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/dinpro-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/dinpro-regular.svg#dinpro-regular') format('svg'); /* Legacy iOS */
	font-weight: normal;
    font-style: normal;
}


/* Added on 2 March, 2015 */
/*
@font-face {font-family: 'dinpro-bold-webfont';src: url('../fonts/2D5D3C_0_0.eot');src: url('../fonts/2D5D3C_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2D5D3C_0_0.woff2') format('woff2'),url('../fonts/2D5D3C_0_0.woff') format('woff'),url('../fonts/2D5D3C_0_0.ttf') format('truetype');}
*/

@font-face {font-family: 'dinpro-bold-webfont';src: url('../fonts/din-medium.eot');src: url('../fonts/din-medium-b.eot?#iefix') format('embedded-opentype'),url('../fonts/din-medium.woff') format('woff2'),url('../fonts/din-medium.woff') format('woff'),url('../fonts/din-medium.ttf') format('truetype');}


@font-face {
font-family:'dinpro-light-webfont';
src: url('../fonts/dinpro-light-webfont.eot'); /* IE9 Compat Modes */
src: url('../fonts/dinpro-light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/dinpro-light-webfont.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/dinpro-light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/dinpro-light-webfont.svg#dinpro-light-webfont') format('svg'); /* Legacy iOS */
	font-weight: normal;
    font-style: normal;
}


@font-face {font-family: 'FFDINWebProLight';src: url('../fonts/2D5D3C_1_0.eot');src: url('../fonts/2D5D3C_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2D5D3C_1_0.woff2') format('woff2'),url('../fonts/2D5D3C_1_0.woff') format('woff'),url('../fonts/2D5D3C_1_0.ttf') format('truetype');}


@font-face {
font-family:'Avenir-Roman';
src: url('../fonts/Avenir-Roman.eot'); /* IE9 Compat Modes */
src: url('../fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/Avenir-Roman.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/Avenir-Roman.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/Avenir-Roman.svg#Avenir-Roman') format('svg'); /* Legacy iOS */
	font-weight: normal;
    font-style: normal;
}


*{ margin:0; padding:0; }
body a,body a:hover{text-decoration:none; cursor: pointer;color:#a6c4bd;}
body p,body label{margin-bottom: 0;}

.news-box .txt-wrap .arrow-box .btn{
	font-weight: lighter;
	border: 0;
	padding: 0;
	border-radius: 0;
	line-height: 1;
	font-size: 13px;
}

body img{ border:0 none}
.wrap{ display:block; position:relative; width:1021px; padding:0 18px;font-family:'dinpro-bold-webfont'; margin:0 auto; color:#c7c7c7;}
.header{ position:relative; overflow:hidden; padding-bottom:60px;}
.header .logo{ display:block; float:left; overflow:hidden; padding-right:19px; padding-top:17px;font-size: 0}
.header .menu-wrap{ display:block; float:left; overflow:hidden; padding-top:20px;}
.header .menu-wrap .menus{ display:block; float:left;color:#c7c7c7; font-size:12px; line-height:18px; padding-right:24px; text-transform:uppercase;}
.header .menu-wrap .menus:hover,
.header .menu-wrap .menus.active{ color:#a6c4bd;}
.header .menu-wrap .menus:last-child{
	padding-right: 0;
}
.header .top-slogan{ display:block; float:right; width:310px;padding-top:20px;}

.footer{ display:block; position:relative; overflow:hidden;border-top:1px solid #a6c4bc; padding-top:2px; padding-bottom:18px;}
.footer .left{ display:block; float:left;overflow:hidden;width:400px;padding-left:12px;}
.footer .right{ display:block; float:right;overflow:hidden;width:390px;padding-right:23px;}
.footer .left .copyright{ display:block;font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#9a9a9a; padding-top:2px;}
.footer .left .weblink{ display:block; background:url(../images/weblink.png) no-repeat; width:148px; height:13px; margin-top:6px;}
.footer .right .share-wrap{ display:block; float:right; width:245px;}
.share-wrap .txt{ display:block;font-size:14px; line-height:18px; color:#e5d7b4;}
.share-wrap .links{ display:block; padding-top:4px; overflow:hidden;}
.share-wrap .links a{ display:block; float:left; background:url(../images/icons_greenpages.png) no-repeat;height:16px;}
.share-wrap .links a.fb{ background-position:0 0; width:8px; margin-right:5px;}
.share-wrap .links a.tw{ background-position:-22px 0; width:18px;margin-right:5px;}
.share-wrap .links a.youtube{ background-position:-78px -32px; width:23px;margin-right:0px;}
.share-wrap .links a.gplus{ background-position:-51px 0; width:19px;margin-right:5px;}
.share-wrap .links a.stumbleupon{ background-position:-79px 0; width:17px; height:17px;margin-right:5px;}
.share-wrap .links a.digg{ background-position:-103px 0; width:23px; height:15px;margin-right:5px;}
.share-wrap .links a.webchat{ background-position:-137px 0; width:21px; height:17px;margin-right:5px;}
.share-wrap .links a.weibo{ background-position:-165px 0; width:22px; height:17px;margin-right:4px;}
.share-wrap .links a.instagram{ background-position:-197px 0; width:18px; height:17px;margin-right:3px;}
.share-wrap .links a.tumblr { background-position:-223px 0; width:18px; height:17px;}
.share-wrap .links a.linkedin { background-position:-245px 0; width:17px; height:17px;margin-right:3px;}
.share-wrap .links a.pinterest { background-position:-270px 0; width:17px; height:17px;margin-right:3px;}

.footer .right .sign-up{ display:block; float:right; padding-right:50px; padding-top:5px;}
.footer .right .sign-up a{ display:block; background:url(../images/signUp.jpg) no-repeat; width:109px; height:33px;}

.middle{ display:block; position:relative;padding-bottom:20px; overflow:hidden; min-height:430px;}
.middle .nav-box{ display:block; position:absolute; left:14px; top:2px;z-index:5; width:115px; font-size:10px; line-height:18px;}
.middle #navBoxNews{ font-size: 16px }
.middle .nav-box .nav{ padding-bottom:9px;}
.middle .nav-box .nav a,
.middle .nav-box .nav span{ color:#9a9a9a; text-transform:uppercase;}
.middle .nav-box .nav a:hover,
.middle .nav-box .nav a.active{color:#a6c4bd;}
.middle .nav-box .nav a.selected{ color:#e5d7b4;}

.middle .left-box{display:block; float:left; width:692px;}
.middle .left-box .inner{ display:block; position:relative; padding-left:160px;}
.main-title{ font-size:22px; line-height:26px; color:#a6c4bd; padding-bottom:41px;}
.font-green{color:#a6c4bd;}
.font-yellow{color:#e5d7b4;}
.font23{ font-size:23px; line-height:25px; font-family:'dinpro-bold-webfont'; color:#c7c7c7; }
.font20{ font-size:20px; line-height:23px; font-family:'dinpro-bold-webfont'; }
.arrow-box{font-size:15px; line-height:17px; padding-top:22px; padding-bottom:22px;clear:both;}
.arrow-box .btn a{display:inline-block;*display:inline; *zoom:1; height:17px;padding-right:19px; background:url(../images/arrow.jpg) no-repeat; background-position:right 5px; cursor:pointer;}
.list-wrap{ position:relative;margin-left:-12px;}
.list-box{ display:block;position:relative;font-size:14px; line-height:30px; overflow:visible; clear:both;}
.list-box .first-letter{ display:block; position:absolute; left:-7px; top:0;width:19px;color:#a6c4bd;font-size:13px;}
.list-box .lists{ display:block; float:left;width: 181px; /* width:169px;  */padding-left:12px;overflow:hidden; position: relative;
}
.list-box .space3,.list-box .space2{
    display: block;
    clear: both;
    font-size: 0;
    height: 0;
    width: 100%;
    overflow: hidden;
}
.list-box .space2{
    display: none;
}
/* .list-box .lists .txt{ display:block; float:left; height:30px;overflow:hidden;
width: 100%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding-right: 34px;} */
.list-box .lists .txt{ display:block; float:left; height:auto;overflow:hidden;
width: 100%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding-right: 28px;
        line-height: 18px;
        padding-bottom: 6px;
        padding-top: 6px;}
.list-box .lists .txt.txt-small{font-size:12px;}
.list-box .lists .txt a{ color:#9a9a9a; border-bottom:1px solid #fff;width: 100%;
        display: inline-block;
        word-break:break-all;}
.list-box .lists .txt a:hover{border-bottom-color:#a6c4bd;}
.list-box .lists .txt a span{ float:none; overflow:auto; display:inline; width:auto}
/* .list-box .lists .num{ display:block; float:right; width:29px; text-align:right; overflow:hidden;font-size:12px;font-family:'dinpro-light-webfont'; color:#c7c7c7;} */
.list-box .lists .num{ display:block; width:29px; text-align:right; overflow:hidden;font-size:12px;font-family:'dinpro-light-webfont'; color:#c7c7c7;
position: absolute;top: 0; right: 0;}

.middle .right-box{ display:block; float:right; width:310px;}
.cdn-box{ display:block; position:relative; overflow:hidden; border-bottom:1px solid #ebe2ca; padding-bottom:16px; margin-bottom:36px;}
.cdn-box .images{ display:block; border:1px solid #e5d7b4; text-align:center; padding:0px;width: 308px; overflow: hidden; margin-bottom:26px;}
.cdn-box .images img{ max-width:100%; display: block;}
.cdn-box .title{ font-size:22px; line-height:22px; color:#a6c4bd; padding-bottom:11px;}
.cdn-box .txt{ font-size:15px; line-height:18px;font-family:'dinpro-light-webfont'; color:#9a9a9a; padding-bottom:13px;}
.cdn-box .arrow-box{ padding-top:0; padding-bottom:0;}

.list-img-box .lists{ display:block; float:left; width:133px; padding-right:20px; padding-bottom:33px; overflow:hidden;}
.list-img-box .lists .images{ display:block; width:113px;height:70px; text-align:center; overflow:hidden;}
.list-img-box .lists .images img{ max-width:100%; max-height:100%;}
.list-img-box .lists .txt{text-align:center; padding-top:8px;}
.list-img-box .lists .txt .span-outter{font-family:'dinpro-light-webfont';line-height:18px;border-bottom:1px solid #fff;}
.list-img-box .lists a:hover .txt .span-outter{border-bottom-color:#a6c4bd;}
.list-img-box .lists .txt .span-outter .name{color:#9a9a9a;font-size:13px;}
.list-img-box .lists .txt .span-outter .num{color:#c7c7c7; font-size:12px;}
.clear{ clear:both}

.list-img-box.list-product{ padding-bottom:20px;}
.list-img-box.list-product .lists{ width:161px; padding-left:8px;padding-right:8px; padding-bottom:17px;}
.list-img-box.list-product .lists .images{width:161px; height:155px;}
.list-img-box.list-product .lists .txt{ padding-top:5px;}
.list-img-box.list-product .lists .txt .span-outter{ line-height:14px;}
.list-img-box.list-product .lists .txt .span-outter .name{ font-size:11px;}

.middle.middle-detail .left-box{ width:508px;}
.middle.middle-detail .right-box{width:498px;}
.product-detail-img{ display:block; position:relative; padding-top:5px;text-align:center;overflow:hidden; min-height:165px;}
.product-detail-img img{ max-width:100%;}

.accreditation{ display:block; position:relative;overflow:hidden; padding-left:14px; padding-top:36px;}
.accreditation .title{font-family:'dinpro-light-webfont'; font-size:12px; line-height:16px;color:#656565; padding-bottom:13px;}
.accreditation .logo-box{ display:block; height:70px; padding-top:5px; padding-bottom:5px;padding-right:15px; float:left;}
.accreditation .logo-box a{ font-size:0; line-height:0;}

.right-box .brand-box{ display:block; position:relative; min-height:21px; padding-top:2px; overflow: auto;}
.right-box .brand-box .brands{display:block; float:left;font-size:21px; line-height:21px; color:#a6c4bd; width:360px;}
.right-box .brand-box .back-btn{display:block; float:right;font-family:'dinpro-light-webfont';font-size:13px;line-height:17px; padding-left:18px; background:url(../images/arrow_back.jpg) no-repeat; background-position:0 4px;}
.right-box .names{font-size:21px; line-height:21px; color:#9a9a9a; clear:both;}
.right-box .materials{font-family:'dinpro-light-webfont';font-size:17px;line-height:19px;color:#9a9a9a; padding-bottom:30px; text-align: left;}
.right-box .descriptions{font-family:'dinpro-light-webfont';font-size:13px;line-height:17px; color:#656565; padding-right:170px; padding-bottom:17px;}
.right-box .websites{ padding-bottom:37px;}
.right-box .websites2{line-height: 17px}
.right-box .websites a{font-family:'dinpro-light-webfont';font-size:13px;line-height:17px;}
.right-box .contact-info-wrap{
	overflow: auto;
}
.right-box .contact-info-box{ display:block;color:#656565;font-family:'dinpro-light-webfont';font-size:13px;line-height:17px; width:234px; padding-right:15px; float:left; padding-bottom:24px; overflow:auto}
.right-box .contact-info-box.hidden{ display:none;}

#storeMoreDetail{ clear:both; display:none}
#storeMoreDetail .contact-info-box{ display:block;color:#656565;font-family:'dinpro-light-webfont';font-size:13px;line-height:17px; width:234px; padding:24px 1px 0 14px; float:left;  overflow:auto}
#storeMoreDetail .contact-info-box-space{ padding-left:24px}
.more-less-wrap{ display:block; clear:both;}
.more-less-wrap .btn{padding-left:19px;font-size:15px;line-height:20px;background:url(../images/see_more_less.jpg) no-repeat;}
.more-less-wrap .btn.btn-more{ background-position:0 5px;}
.more-less-wrap .btn.btn-less{ background-position:0 -27px;}

.more-less-wrap2{ display:block; clear:both;}
.more-less-wrap2 .btn{padding-left:19px;font-size:15px;line-height:20px;background:url(../images/see_more_less.jpg) no-repeat;}
.more-less-wrap2{ padding-top:24px}
.more-less-wrap2 .btn.btn-less{ background-position:0 -27px;}
#moreORless2{ margin-left:523px; }

.bootom-wrap{ display:block; position:relative; clear:both; padding-left:14px;font-family:'dinpro-light-webfont'; padding-top:10px;}
.bootom-wrap .title{ color:#656565; font-size:12px; line-height:18px; border-bottom:1px solid #a6c4bd; padding-bottom:6px; margin-bottom:10px;}
.bootom-wrap .inner{position:relative; margin-left:-1px; }
.slide-wrap{ display:block; overflow:hidden;height:205px;}
.slide-wrap .slide-box{ display:block; position:relative; overflow:hidden; height:auto;height:205px; width:100%;}
.slide-wrap .slide-box .slides{ display:block;float:left; width:134px; padding-left:5px; padding-right:5px; font-size:11px; line-height:14px; text-align:center; padding-top:24px; padding-bottom:15px;}
.slide-wrap .slide-box .slides.hidden{ display:none;}
.slide-wrap .slide-box .slides a{ color:#9a9a9a}
.slide-wrap .slide-box .slides a .brands{color:#a6c4bd;}
.slide-wrap .slide-box .slides .imgs{height:110px; overflow:hidden; padding-bottom:14px;}
.slide-wrap .slide-box .slides .imgs img{ max-width:100%; max-height:100%;}
.slide-wrap .control{display:block;position:absolute;width:20px;height:39px;top:74px;background:url(../images/left_rt.png) no-repeat;cursor:pointer;z-index:3;}
.slide-wrap .control.left{ left:0; background-position:0 10px;}
.slide-wrap .control.right{ right:0; background-position:-50px 10px;}

.middle-about{ font-size:20px;line-height:23px;}
.middle.middle-about .left-box .inner{ padding-right:75px;}
.middle-about .name-John{ font-size:16px;text-align:right; color:#a6c4bd; padding-top:12px; padding-bottom:4px;}

.content-knowledge .top-txts{ display:block; width:480px; padding-bottom:34px;}
.kn-wrap{ display:block; position:relative; overflow:hidden; padding-bottom:5px;}
.kn-wrap .kn-boxs{ display:block; width:480px;font-size:13px;line-height:18px; }
.kn-wrap .kn-boxs.left{ float:left;}
.kn-wrap .kn-boxs.right{ float:right;}
.kn-wrap .kn-boxs .items{display:block;position:relative;overflow:hidden;border-top:2px solid #ebefee;padding-top:11px; padding-bottom:12px;}
.kn-wrap .kn-boxs .items .imgs{ display:block; width:135px; padding-right:25px; text-align:center; float:left;}
.kn-wrap .kn-boxs .items .imgs img{ max-width:100%;}
.kn-wrap .kn-boxs .items .txt-wrap{ display:block; width:320px;float:right;}
.kn-wrap .kn-boxs .items .txt-wrap .txt-block{font-family:'dinpro-light-webfont';color:#656565; padding-bottom:17px;}
.kn-wrap .kn-boxs .items .txt-wrap .weblink{line-height:17px;}

.middle.middle-form .left-box .inner{ padding-right:35px;}
.middle.middle-form .txt-block{ padding-bottom:28px;}
.form-wrap{ width:478px;border-top:2px solid #ebefee; padding-top:23px;border-bottom:2px solid #ebefee;padding-bottom:31px; margin-bottom:20px;}
.form-wrap .form-row{ padding-bottom:17px; overflow:hidden;}
.form-wrap label{ display:block;font-size:14px; line-height:18px; width:150px; padding-right:18px; float:left; color:#e5d7b4;}
.form-wrap .txt-input,
.form-wrap textarea,
.form-wrap select{border:1px solid #666666; float:right; padding-left:14px;font-family:'dinpro-light-webfont'; font-size:11px; color:#656565;width:308px;}
.form-wrap .select-wrap{ display:block;width:308px; height:16px;border:1px solid #666666;float:right;overflow:hidden;position:relative; background:url(../images/select_arrow.jpg) no-repeat right center #FFFFFF;}
.form-wrap .select-wrap select{border:0 none; float:left;width:330px; background:none;*margin:-2px;}
.form-wrap .select-wrap select option{padding-left:14px;}

.form-wrap .txt-input{height:16px;}
.form-wrap .more-share{ font-size:18px; line-height:18px; padding-top:6px; padding-bottom:28px;}
.form-wrap textarea{height:115px; resize:none;}
.form-wrap .txts{font-family:'dinpro-light-webfont'; font-size:11px; line-height:12px; color:#656565; padding-bottom:15px;}
.form-wrap .code-wrap #imgcode{ display:block;margin-bottom:6px; cursor:pointer;}
.form-wrap .code-wrap .txt-input.small-input{ width:83px; float:none; clear:both;}
.form-wrap #submit{ display:block;margin-top:28px;}
.error{ display:block; clear:both;font-family:'dinpro-light-webfont'; font-size:11px; line-height:16px; color:#F00;}
.form-wrap .form-row .error{padding-left:164px;}
.form-wrap .code-wrap .error{padding-left:15px;}
.form-wrap .form-title{font-size:22px; line-height:18px;color:#a6c4bd; padding-bottom:25px;}
.middle-contact .form-wrap{ border-bottom:0 none; margin-bottom:0; margin-top:11px; padding-top:20px;}
.middle-contact .form-wrap #submit{ margin-top:16px;}
#contactContent{ padding-bottom:23px;}

.middle.middle-news .left-box{ width:764px;}
.news-box{ position:relative; overflow:hidden; border-top:1px solid #a6c4bd; padding-top:17px; padding-bottom:17px;}
.news-box.first-child{ border-top:0 none; padding-top:0;}
.news-box .img-wrap{ display:block; float:left; width:208px; padding-left:23px; background:#e7d9b6;}
.news-box .img-wrap img{ max-width:100%;}
.news-box .txt-wrap{ width:342px; float:right; font-family:Arial;font-size:13px; line-height:17px;}
.news-box.img-right .img-wrap{ float:right; padding-left:0;padding-right:23px;}
.news-box.img-right .txt-wrap{ float:left; width:338px; padding-left:23px;}
.news-box .txt-wrap .title{ font-size:16px; line-height:21px; font-weight:bold; color:#a6c4bd;}
.news-box .txt-wrap .dates{ padding-bottom:23px; line-height:15px;}
.news-box .txt-wrap .txts{ color:#656565;padding-bottom:17px;}
.news-box .txt-wrap .arrow-box{padding-top:0;padding-bottom:0; font-size:13px;}
.news-box .txt-wrap .arrow-box .btn a{ background-position: right 3px;}

.middle-news-detail .right-box .inner{ padding-left:3px;padding-right:17px; padding-top:69px;}
.news-detail-rt-box{ padding-bottom:27px;}
.news-detail-rt-box img{max-width:100%}
.news-detail-rt-box .title{ text-align:right;font-family:'dinpro-light-webfont'; font-size:11px; line-height:18px; color:#6e6e6e;}
.middle-news-detail .left-box{font-family:Arial;font-size:13px; line-height:17px;}
.middle-news-detail .news-title-box{display: block;min-height:18px;position: relative; overflow:hidden; padding-bottom:2px;}
.middle-news-detail .news-title-box .titles{ display:block; float:left; width:384px;color:#a6c4bd;font-size:16px; line-height:18px; font-weight:bold;}
.middle-news-detail .news-title-box .back-btn{display:block;float:right;width:111px;font-family:'dinpro-light-webfont'; font-size:13px;line-height:17px;background: url("../images/arrow_back.jpg") no-repeat 0 4px;padding-left:18px;}
.middle-news-detail .info-wrap{ display:block; padding-top:33px; padding-right:29px; color:#656565; padding-bottom:35px;}
.middle-news-detail .share-wrap{font-family:'dinpro-bold-webfont';font-size:14px; line-height:18px; padding-bottom:33px;}

#addALBottom{border-top:2px solid #ebefee; padding-top:20px}

.middle-legal{color: #656565; font-family: "dinpro-light-webfont";padding-bottom: 18px; font-size:13px}
.middle-legal .main-title{font-family: "dinpro-bold-webfont"}

.nav-box .nav{font-family:'dinpro-light-webfont'; }
#qrCodeBox{ position:fixed; z-index:1000; top:50%; left:50%; margin:-110px 0 0 -110px; width:200px; height:200px; background:#fff; padding:10px;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px; border:1px solid #666666; cursor:pointer}


.wrap{
	width: 1057px;
}
.navbar-header {
	position: relative;
}


.header .logo{
	padding-top: 20px;
	padding-bottom: 20px;
}
.navbar-toggle{
	display: none;
}
.news-box .img-wrap a{display: inline-block;}
.main_title_copy{display: none;}

.list-img-box.list-product .clear2{
	display: none;
}


.accreditation.accreditation_copy{
	padding: 0 20px;
	display: none;
}
.accreditation_copy .title{
	padding: 10px 0 0;
}

@media screen and (max-width: 1024px) {
	.wrap{
		width: 1024px;
		padding: 0 12px;
	}
	.header .logo{
		padding-right: 10px;
	}
	.header .menu-wrap .menus{
		padding-right: 16px;
	}
	.header .top-slogan {
		text-align: right;
	}
	.middle.middle-detail .right-box{
		width: 488px;
	}
	.middle .right-box{
		width: 280px;
	}
	.cdn-box .images{
		width: 280px;
	}
	.cdn-box .images img{
		height: auto
	}
}
@media screen and (max-width: 768px) {
	.wrap{
		width: 100%;
		padding: 0 ;
	}
	.navbar-header {
		overflow: auto;
		padding: 0 10px;
	}
	.header .menu-wrap{
		padding-top: 0;
		float: none;
		display: none;
	}
	.header .menu-wrap .menus{
		display: block;
		float: none;
		line-height: 20px;
		padding: 10px;
	}
	.header .menu-wrap .menus:hover{
		background: rgb(166, 196, 189);
		color: #fff;
	}
	.navbar-toggle {
		display: block;
	    position: relative;
		float: right;
		padding: 9px 10px;
		margin-top: 8px;
		margin-right: 10px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
		cursor: pointer;
	}
	.navbar-toggle:hover{
		background: #eee;

	}
	.sr-only {
	    position: absolute;
	    width: 1px;
	    height: 1px;
	    padding: 0;
	    overflow: hidden;
	    clip: rect(0,0,0,0);
	    white-space: nowrap;
	    -webkit-clip-path: inset(50%);
	    clip-path: inset(50%);
	    border: 0;
	}
	.bs-docs-nav .navbar-toggle .icon-bar {
	    background-color: rgb(86, 61, 124);
	}
	.navbar-toggle .icon-bar {
	    display: block;
	    width: 22px;
	    height: 2px;
	    border-radius: 1px;
	    margin-top: 4px;
	    background-color: rgb(86, 61, 124);
	}
	.header {
		padding-bottom: 20px;
	}
	.header .top-slogan{
		display: none;
	}
	.header .logo{margin-left: 10px;}
	.middle .left-box{
		float: none;
		width: 100%;
		padding: 0 20px;
	}
	.middle.middle-about .left-box .inner,
	.middle.middle-form .left-box .inner{
		padding: 0;
	}
	.footer .left{
		float: none;
		padding: 0 20px;
		width: 100%;
		text-align: center;
	}
	.footer .left .weblink{
		margin: 6px auto 0;
	}
	.footer .right{
		float: none;
		padding: 0 20px;
		width: 100%;
		text-align: center;
	}
	.footer .right .share-wrap {
		float: none;
		text-align: center;
		width: 100%;
	}
	.share-wrap .links{
		float: none;
		margin: 0 auto;
	}
	.share-wrap .links a{
		display: inline-block;
		float: none;
	}
	.footer .right .sign-up{
		float: none;
		margin: 0 auto;
		padding-right: 0;
	}
	.footer .right .sign-up a{
		display: inline-block;
	}
	.form-wrap .form-row{
		margin-left: 0;
		margin-right: 0;
	}
	.form-wrap{
		width: 100%;
	}
	.form-wrap label {
		float: none;
		width: 100%;
	}
	.form-wrap .txt-input, .form-wrap textarea, .form-wrap select,.form-wrap .select-wrap select,.form-wrap .select-wrap{
		float: none;
		width: 100%;
	}
	.form-wrap .form-row .error{
		padding-left: 0;
	}

	.middle .nav-box{
		left: auto;
		right: 20px;
		width: auto;
	}
	.middle .nav-box .nav{
		padding-bottom: 0;
		display: inline-block;
	}
	.middle.middle-news .left-box{
		width: 100%;
	}
	.middle .left-box .inner{
		padding-left: 0;
	}

	.middle-news .main-title,.middle-news-detail .main-title{
		padding-bottom: 10px;
	}
	.middle-news-detail .news-title-box .back-btn{
		width: auto;
	}
	.middle-news-detail .info-wrap{
		padding-right: 0px;
	}
	.middle .right-box{
		float: none;
		width: 100%;
	}
	.middle-news-detail .right-box .inner{
		padding: 0 20px;
		overflow: auto;
	}
	.news-detail-rt-box{
		padding-bottom: 10px;
		width: 50%;
		min-width: 290px;
		float: left;
		text-align: center;
	}
	.content-knowledge{
		padding: 0 20px;
	}
	.content-knowledge .top-txts{
		width: 100%;
	}
	.kn-wrap .kn-boxs.left,.kn-wrap .kn-boxs.right{
		float: none;
		width: 100%;
	}
	.kn-wrap .kn-boxs .items .imgs{
		width: 102px;
		padding: 0;
	}
	.kn-wrap .kn-boxs .items .txt-wrap{
		float: none;
		width: 100%;
		padding-left: 120px;
	}
	.list-box .lists{
		width: 33%;
	}
	.list-box .first-letter{
		left: 12px;
		position: relative;
		width: 100%;
		border-bottom: 1px solid rgb(166, 196, 189);
		margin-right: 12px;
		padding-top: 10px;
	}
	.list-box .first-letter:first-child{
		padding-top: 0;
	}
	.middle-directory .main-title{
		display: none;
	}
	.main_title_copy{
		font-size: 22px;
		line-height: 26px;
		color: rgb(166, 196, 189);
		display: block;
		padding: 0 20px 20px;
	}
	.middle-directory .main .nav-box{
		float: none;
		position: relative;
		right: auto;
		padding: 0 0 30px 20px;
	}
	.middle-directory .main .nav-box .nav{
		margin-right: 0;
	}
	.middle-directory .main .nav-box .nav:after{
		content: '>';
		margin: 0 10px;
	}

	.middle-directory .main .nav-box .nav:last-child:after{
		content: '';
		margin: 0;
	}
	.list-img-box .lists{
		width: 25%;
		padding-right: 0;
		min-width: 113px;
		padding-bottom: 20px;
	}
	.list-img-box .lists .images{
		width: 100%;
		text-align: center;
	}
	.list-img-box.list-product .clear{
		/* display: none; */
	}
	.list-img-box.list-product .lists{
		width: 33%;
	}
	.list-img-box.list-product .lists a{
		display: block;
		width: 100%;
		text-align: center;
	}
	.list-img-box.list-product .lists .images{
		width: 100%;
		text-align: center;
	}

	.middle-products.middle-detail .nav-box{
		display: block;
		float: none;
		width: 100%;
		right: auto;
		position: relative;
		padding: 0 20px 20px;
	}

	.middle-products.middle-detail .nav-box .nav:after{
		content: '>';
		margin: 0 10px;
	}

	.middle-products.middle-detail .nav-box .nav:last-child:after{
		content: '';
		margin: 0;
	}
	.middle.middle-detail .left-box{
		width: 100%;
	}
	.accreditation{
		padding-left: 0;
	}
	.middle.middle-detail .right-box{
		width: 100%;
		padding: 20px  20px 0;
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.right-box .descriptions{
		padding-right: 0;
		padding-bottom: 50px;
	}
	.right-box .brand-box{
		position: absolute;
		bottom: 10px;
		left: 0px;
		width: 100%;
		padding: 0 20px;
	}
	.middle .right-box{
		float: none;
		padding: 20px 20px 0;
	}
	.list-box{
		overflow: hidden;
	}
	.list-box .first-letter{
		margin-right: 0;
	}
	.cdn-box{
		text-align: center;
	}
	.cdn-box .images{
		margin-left: auto;
		margin-right: auto;
	}

	.right-box .brand-box{
		position: relative;
		padding: 0;
		top: 0;
	}
	.accreditation{
		display: none;
	}
	.accreditation.accreditation_copy{
		display: block;
	}


	.form-wrap .txt-input,  .form-wrap select,.form-wrap .select-wrap{
		height: 34px;
		line-height: 34px;
	}


	.middle-directory .left-box{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}


@media screen and (max-width: 640px) {
	.news-box .img-wrap,.news-box.img-right .img-wrap{
		float: none;
		padding-left: 0;
		padding-right: 0;
		background: none;
		width: 100%;
		text-align: center;
	}
	.news-box .txt-wrap,.news-box.img-right .txt-wrap {
		float: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.list-box .lists{
		width: 50%;
	}
    .list-box .space2{
        display: block;
    }
    .list-box .space3{
        display: none;
    }
	.list-img-box .lists{
		width: 33%;
		padding-right: 0;
		min-width: 113px;
		padding-bottom: 20px;
	}
	.list-img-box.list-product .clear{
		display: none;
	}
	.list-img-box.list-product .clear2{
		display: block;
	}
	.list-img-box.list-product .lists{
		width: 50%;
	}
	.right-box .materials,.right-box .descriptions{
		padding-bottom: 10px;
	}
	.right-box .contact-info-box{
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-bottom: 10px;
	}

	.middle.middle-detail .main{
		position: relative;
	}

}
@media screen and (max-width: 639px) {

	.right-box .brand-box .brands{
		width: 100%;
	}
	.right-box .brand-box .back-btn{
		display: none;
	}
}
@media screen and (max-width: 320px) {
	.right-box .contact-info-box{
		width: 100%;
		padding-left: 0;
	}
}
#searchWorldBox{
	padding-bottom: 50px;
	min-height: 500px
}
#searchWorldBox h4{
	margin: 0;
	padding: 0;
	font-size: 22px;
	color: #a6c4bd;
}
#searchBoxWrap{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#searchBoxWrap form{
	border: 1px solid #c7c7c7;
	padding: 0;
	width: 450px;
	overflow: auto;
	position: relative;
	margin: 0 0 20px 160px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#searchWorldBox #searchBoxWrap form{

	margin: 18px 0 0;
}
#searchBoxWrap form input[type=text]{
	width: 100%;
	height: 30px;
	border: none;
	padding: 0  35px 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#searchBoxWrap form input[type=submit]{
	font-size: 0;
	width: 30px;
	height: 30px;
	border: none;
	background:url(../images/search.png) no-repeat center center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
}
#searchWorldBox .item{
	margin-top: 20px;
	width: 100%;
	font-family:'dinpro-light-webfont';
	color: #666;
	padding: 0 5px;
}

#searchWorldBox .item a{
	color: #666;
	display: inline-block;
	margin: 0 5px;
}
#searchWorldBox .item a:first-child{
	margin-left: 0;
}
#searchWorldBox .item a.desc{
	display: block;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	line-height: 18px;
}
#searchWorldBox .pager{
	margin-top: 20px;
}
#searchWorldBox .pager a,
#searchWorldBox .pager span{
	display: inline-block;
	border: 1px solid #c7c7c7;
	margin: 0 5px 0 0;
	width: 24px;
	text-align: center;
	font-family:'dinpro-light-webfont';
	line-height: 24px;
}
#searchWorldBox .pager a{
	border: 1px solid #a6c4bd;
}
#searchWorldBox .no_result{
	font-family:'dinpro-light-webfont';
	font-size: 24px;
	padding: 20px 0 50px;
}
@media screen and (max-width: 768px) {
	.navbar-header{
		padding-left: 0;
		padding-right: 0;
	}
	#searchWorldBox{
		padding: 0 20px;
		min-height: 200px

	}
	#searchBoxWrap {
		padding: 0 20px;
	}
	#searchWorldBox #searchBoxWrap {
		padding: 0 ;
	}
	#searchBoxWrap form{
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-left: 0;
	}
}