@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'open_sansbold';
    src: url('font/opensans-bold-webfont.eot');
    src: url('font/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-bold-webfont.woff2') format('woff2'),
         url('font/opensans-bold-webfont.woff') format('woff'),
         url('font/opensans-bold-webfont.ttf') format('truetype'),
         url('font/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('font/opensans-semibold-webfont.eot');
    src: url('font/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-semibold-webfont.woff2') format('woff2'),
         url('font/opensans-semibold-webfont.woff') format('woff'),
         url('font/opensans-semibold-webfont.ttf') format('truetype'),
         url('font/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('font/opensans-regular-webfont.eot');
    src: url('font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-regular-webfont.woff2') format('woff2'),
         url('font/opensans-regular-webfont.woff') format('woff'),
         url('font/opensans-regular-webfont.ttf') format('truetype'),
         url('font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (min-width:0px) and (max-width:479px){
	.brands{padding:40px 20px !important;}
	.brands-item  h3{margin-top:20px !important;}
	.distribution .row .col-sm-4{margin-bottom:30px;}
	.distribution .row .col-sm-4 img{width:100%;}
	.distri-box{height:auto !important;}
	.core-box img,.sis-channel img{width:100%;}
	.home-brand img{margin:0 auto 20px;}
	.core-box h2{margin-top:15px !important;}
	.sis-channel .col-sm-4,.home-brand .col-sm-3{margin-bottom:30px;}
	.hbrand-line hr{width:76% !important;}
	.hbrand-line .btn{width:22% !important;}
	.market-item img{width:100%;}
}

@media screen and (min-width:480px) and (max-width:767px){
	.brands{padding:40px 20px !important;}
	.brands-item  h3{margin-top:30px !important;}
	.distribution .row .col-sm-4{margin-bottom:30px;}
	.distribution .row .col-sm-4 img{width:100%;}
	.distri-box{height:auto !important;}
	.core-box img,.sis-channel img{width:100%;}
	.home-brand img{margin:0 auto 20px;}
	.core-box h2{margin-top:15px !important;}
	.sis-channel .col-sm-4,.home-brand .col-sm-3{margin-bottom:30px;}
	.hbrand-line hr{width:80% !important;}
	.hbrand-line .btn{width:18% !important;}
	.market-item img{width:100%;}
	
}
@media screen and (min-width:768px) and (max-width:991px){
	.distri-box{height:210px !important;}
	.core-box .btn{padding:10px 7px !important;}
	.home-brand h4{font-size:20px !important;}
	.hbrand-line .btn{font-size:16px !important;}
}

@media screen and (min-width:992px) and (max-width:1023px){
	.distri-box{height:160px !important;}
}

@media screen and (min-width:1024px) and (max-width:1199px){
	.distri-box{height:160px !important;}
}

@media screen and (min-width:1200px){
	
}


html{position:relative; min-height:100%;}
body{font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,sans-serif; color:#363636; font-size:16px;}
h1,h2,h3,h4,h5,h6{font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,sans-serif;}
a,a:hover,a:focus,img{color:inherit; text-decoration:none; outline:none;}
.clear{clear:both;}
:focus{outline:none;}

/*index*/
.grain-h {color: #cc3232; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,sans-serif; font-size: 40px; margin-bottom: 25px; text-align: center;}
.line-red { background-color: #cc3232;height: 4px;margin: 5px auto 0; width: 90px;}
#full-width-slider{width:100%;}
.consumer-prouct-content{padding:0px 0 0px;}
.core-ser,.home-brand{ background-color:#f3f3f3; padding:30px 0 50px;}
.core-box{background-color:#158181; color:#fff; padding:20px; border-radius:5px;}
.core-box h2{margin-top:0;}
.core-box .btn{background-color:#fff; color:#158181; padding:15px 20px; font-size:16px;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,sans-serif;margin-top:10px;}
.sis-channel{margin:50px 0;}
.sis-channel .distri-box{background-color:#e4e4e4;}
.home-brand {text-align:center; font-size:15px; letter-spacing:-0.2px;}
.hbrand-line{margin-bottom:30px;}
.hbrand-line hr{width:90%; float:left; border-color:#999; border-width:3px;}
.hbrand-line .btn{width:8%; float:right; background-color:#096363; color:#fff; font-size:18px;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,sans-serif; padding:10px 0; display:inline-block;}
.home-brand h4{color:#158181; border-bottom:2px solid #000; padding-bottom:10px; text-transform:uppercase;}

/*logistics*/
.consumer-prouct{padding:20px 0 150px;}
.nom{margin-top:0;}
.green-bg{background-color:#208585; padding:15px; color:#fff; font-size:34px; display:inline-block; margin-bottom:30px;}
.consumer-common-box{border:1px solid #158181; padding-bottom:30px;background-color:#f3f3f3; margin-bottom:200px;}
.consumer-common-box > h1{font-size:40px; text-align:center;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,sans-serif; margin:0; background-color:#158181; color:#fff; padding:10px 0; } 
.brands{padding:40px 80px;}
.brands-item{margin-bottom:20px; padding-bottom:20px; }
.brands-item .col-sm-3 img{margin:0 auto;}
.brands-item  h3{border-bottom:2px solid #000; padding-bottom:15px; color:#158181; font-size:20px; text-transform:uppercase; margin-top:0;}
.distribution{padding:40px 20px;}
.distri-box{text-align:center; background-color:#fff; padding:15px; font-size:15px; height:130px;}
.distri-box h4{margin-top:0;}
.dc-item{margin-top:50px;}
.dci-title{border-bottom:1px solid #158181; color:#158181; font-size:20px; display:inline-block; margin-bottom:20px;}
.dci-img a{display:inline-block; vertical-align:middle; margin:0 40px 15px 0;}
.market-item{margin-bottom:30px;}
.market-item p{background-color:#eee; 1text-align:center; padding:10px;}







