body{margin:0;padding:0;background:#fff;}
body{margin:0;padding:0;font:14px Tahoma,Verdana,Geneva,CenturyGothic Italic,微软雅黑,sans-serif;color:#555}
body,div,span,p,h4,ul,li{padding: 0;margin: 0;}
ul{list-style: none;}
table,tr,td{border: none;overflow: hidden;}
a,a:hover{text-decoration: none;}
a:focus {outline:none;}
.left{float: left;}
.right{float: right;}
.clearfix:after{clear:both;content:".";display:block;margin:0;padding:0;font-size:0;height:0;line-height:0;overflow:hidden}
.clearfix{*zoom:1}
a{  text-decoration:none;  }
a:link{  text-decoration:none;  }
a:visited{  text-decoration:none;  }
a:hover{  text-decoration:none;  }
a:active{  text-decoration:none;  }

.itermText_Center{
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
img{max-width: 100%;}
.backdown {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 200px;
    height: 200px;
    background: transparent;
    left: 0;
    bottom: 0;
}
.backtop{
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 100px;
    height: 150px;
    background: transparent;
    right: 0;
    bottom: 0;
    z-index: 999;
}
.backdown_container {
    position: relative;
    width: 24px;
    height: 24px;
}

.chevron {
    position: absolute;
    width: 28px;
    height: 8px;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite;
}

.chevron:first-child {
    animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
    animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #000;
}

.chevron:before {
    left: 0;
    transform: skew(0deg, 30deg);
}

.chevron:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, -30deg);
}
.backtop .chevron:before {
    left: 0;
    transform: skew(0deg, -30deg);
}

.backtop .chevron:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, 30deg);
}
@keyframes move {
    25% {
        opacity: 1;

    }
    33% {
        opacity: 1;
        transform: translateY(30px);
    }
    67% {
        opacity: 1;
        transform: translateY(40px);
    }
    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
    }
}

.text {
    display: block;
    margin-top: 75px;
    margin-left: -30px;
    font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: .25;
    animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
    to {
        opacity: 1;
    }
}

@media (min-width: 1200px)
{  }
@media (max-width: 991px) and (min-width: 768px)
{  }
@media (max-width: 767px)
{ 

	
	
}
img{max-width: 100%;}

.bannerVideo.smbg{max-width: 1070px;}
.bannerVideo{ width:100%;  margin:0 auto;  overflow: hidden;padding: 0%;position: relative;}
.bannerVideo video{max-width: 100%;position: relative;}
.bannerVideo:after{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;    z-index: 9;background: url("../images/videoCover.png") repeat;}
.bannerVideo img{max-width: 100%;display: block;}
.bannerVideo{position: relative;}
.videoMenuBox{width: 75%;margin: auto;}
.videoMenu{position: absolute;width: 100%;left: 0%;top:0;padding-top: 15px;z-index: 11;line-height: 2;}
.videoMenuIterm{ padding:0 10px; width:100px;} 
.videoMenuIterm a{color: #FFFFFF;  display: inline-block; line-height:1.5;}
.videoMenuIterm a:hover{color: #ffc843;}
.videoMenuIterm{text-align: center;position: relative;    font-size: 16px;}
@media (max-width: 991px) and (min-width: 768px)
{ 
    .videoMenuIterm{width: 15%;text-align: center;position: relative;    font-size: 16px;}
}
.videoMenuItermList{position: absolute;  padding:0 10px;  line-height: 2;display: none;}
.videoMenuIterm:hover .videoMenuItermList a{color: #FFFFFF;}
.videoMenuIterm:hover .videoMenuItermList{display: block;}
.solganBox{position: absolute;  z-index: 9;        top: 45%;
    left: 35%;
    max-width: 35%;}
.transition{
    transition-duration: 1s;
    -moz-transition-duration: 1s; /* Firefox 4 */
    -webkit-transition-duration: 1s; /* Safari 和 Chrome */
    -o-transition-duration: 1s; /* Opera */
}
@media (max-width: 767px)
{
.bannerVideo{height: auto;}
}
.navbar-default {
    background-color: #ffc843;
    border-color: #ffc843;margin-bottom: 0;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffc843;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    text-align: center;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
    text-align: center;
}
.navbar-nav .open .dropdown-menu{
	background-color:#deae3a; 
} 
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #fff;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.downShowMenu{/*background: url("../images/downShowBG.png") repeat; */ background: #FFFFFF;box-shadow: 0px -1px 5px #888888; position: fixed;  z-index: 99;  width: 100%;display: block;
    transition-duration: 1.5s;
    -moz-transition-duration: 1.5s; /* Firefox 4 */
    -webkit-transition-duration: 1.5s; /* Safari 和 Chrome */
    -o-transition-duration: 1.5s; /* Opera */top:-100%;}
.downShowMenuPic{width: 15%;}
.downShowMenuPic img{max-width: 70px;
    padding: 10px;}
.downShowMenuBox{}
.downShowMenuBox .headerSearch{position: relative;    width: 250px;
    float: right;}
.downShowMenuList{width: 100%;  padding-top: 5px;}
.downShowMenuList .videoMenuItermList{z-index: 99;    background: #f3bb36; left:50%; margin-left:-50px; width:100px;}
.downShowMenuList .videoMenuIterm a:hover{color: #3a3a3a;}
.downShowMenuList .videoMenuIterm{padding: 5px 10px; width:auto;}
.downShowMenuList .videoMenuIterm a {
    color: #ffcb4d;
    height: 30px;
    display: inline-block;
}
.FormBox{padding: 0px 10px;border: 1px solid transparent;border-radius:10px; }
.FormBox:hover{border: 1px solid #fff;}
.videoOutSide{position: relative;}
.headerSearch{position: absolute;right: 0px;top: 0;}
.SearchBox{height: 30px;  padding: 0;background: transparent;/*color: #FFFFFF;*/color: #fff;  border: none;}
.submitBtn{padding: 0;  background: transparent;  border: none; color: #fff; /*color: #fff;*/}

.language a{display: inline-block;padding: 5px; color: #fff;}
.SearchBox:focus{border-color: transparent;}

.downShowMenu .SearchBox{height: 30px;  padding: 0;background: transparent;/*color: #FFFFFF;*/color: #ffcb4d;  border: none;}
.downShowMenu .submitBtn{padding: 0;  background: transparent;  border: none; color: #ffcb4d; /*color: #fff;*/}
.downShowMenu .language a{display: inline-block;padding: 5px; color: #ffcb4d;}
.downShowMenu .FormBox:hover{border: 1px solid #ffcb4d;}

@media (max-width: 991px) and (min-width: 768px)
{
    .videoMenuBox {
        width: 90%;
        margin: auto;
    }
}

.infoBox{width: 75%;max-width: 1000px; padding-right: 15px;  padding-left: 15px;  margin-right: auto;  margin-left: auto;}
@media (max-width: 768px) {
    .infoBox {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .infoBox {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .infoBox {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .infoBox {
        width: 1170px;
    }
}

.areaChoose{ margin-top: 60px;  position: relative;  z-index: 10;}
.areaChooseBox{width: 80%;margin: auto;}
.areaChooseIterm{width: 50%;float: left;text-align: center;padding: 0 45px;}
.showArea{display: none;}
.hiddenArea{display: block;}
.downIcon{opacity: 0;padding: 15px 0;}
.chooseAre  .showArea{display: block;}
.chooseAre .hiddenArea{display: none;}
.chooseAre .downIcon{opacity: 1;}
.areaSummary{/*background:#f6f6f6;*/ }

.areaIndex{padding: 90px 0;}
.areaIndexSolgan{padding-bottom: 80px;
    text-align: center;
    padding-top: 10px;}
.differentIterm{width: 33.3%;float: left; padding:0 30px;}
.differentTitle{color: #ffc843;font-size: 18px;padding: 20px 0 ;text-align: center;   }
.differentPic{ }
.differentSummary{color: #5b5c5c;line-height: 2;text-align: center;font-size: 16px;        }

/*.differentIterm:hover .differentPic{    background: #ffc843;  padding: 20px;}
.differentIterm:hover .differentTitle{    background: #ffc843;  color: #fff;}
.differentIterm:hover .differentSummary{    background: #ffc843; color: #fff;  }*/
@media (max-width: 768px){
	.differentIterm{
		padding:0 10px;
	}
	.iberital{
		max-width:100%;
	}

	.newsProList{
		padding:60px 0 40px 0;
	}
	.coffeeSlogan{
		padding:0 20px;
	}
	
    .areaChooseBox {
        width: 100%;
        margin: auto;
    }
    .areaChoose {
        margin-top: 40px;
        position: relative;
        z-index: 10;
    }
    .differentSummary {
        color: #5b5c5c;
        line-height: 2;
        text-align: center;
        font-size: 14px;    height: 180px;
    }
    .downIcon img{max-width: 35%;}
    .areaIndex {
        padding-top: 50px;
        padding-bottom: 35px;
    }
    .areaIndexSolgan {
        padding-bottom: 30px;
    }
    .differentTitle {
        color: #ffc843;
        font-size: 1.2em; 
        padding: 20px 0 15px 0;
        text-align: center;
        text-decoration:none;
    }
}

@media (min-width: 1200px) {
    .differentTitle{font-size: 18px;}
}

.spfTitle{width: 90%;position: relative; margin: auto;/*;background: url("../images/spfBG.png") no-repeat;height: 595px; */ margin-top: -3%;  z-index: 9;  position: relative; background-size: cover;background-position: center;}
#spfTitleMore{    width: 10%;
    height: 10%;
    position: absolute;
    left: 12%;
    bottom: 20%;}
.spfSolgan{/*position: absolute;  top: 20%; */ line-height: 2;  width: 100%;  text-align: center;font-size: 2em;color: #5b5c5c;}
.spfSolgan p:nth-child(2){padding-bottom: 50px;}
.spfList{margin: auto;padding: 120px 0;    padding-bottom: 200px;}
.spfIterm{text-align: center;margin:0 30px;position: relative;/*height: 500px;*/}
.spfIterm img{width: 100%;}
.spfItermCover{position: absolute;width: 100%;height: 100%;top: 0;left: 0;   transition-duration: 1.5s;
    -moz-transition-duration: 1.5s; /* Firefox 4 */
    -webkit-transition-duration: 1.5s; /* Safari 和 Chrome */
    -o-transition-duration: 1.5s; /* Opera */display: none;
    background: url("../images/menuBG.png") repeat;color: #FFFFFF;font-size: 1.25em;font-weight: bold;}
.spfIterm:hover .spfItermCover{display: flex;}


@media (max-width: 1200px) and (min-width: 1024px){
    .spfSolgan {
       /* position: absolute;
        top: 20%;*/
        line-height: 2;
        width: 100%;
        text-align: center;
        font-size: 18px;
        color: #5b5c5c;
    }
    .spfList{padding: 80px 0;  padding-bottom: 50px;}
    .spfSolgan p:nth-child(2) {
        padding-bottom: 30px;
    }
}

@media (max-width: 1024px){
    .spfSolgan {
        font-size: 1.5em;
    }
  /*  .spfTitle{background: url("../images/spfBGXS.png") no-repeat;background-size: cover;background-position: left;border-bottom: 10px solid #ffc843;}
   */ .spfSolgan p:nth-child(2) {
        padding-bottom: 10px;
    }
}
@media (max-width: 767px){
    .spfList{padding: 30px 0;  padding-bottom: 50px;}
    .spfTitle{margin-top: 0;}
    .spfSolgan {
       /* position: absolute;
        top: 0%;*/
        line-height: 2;
       /* width: 60%;*/
        text-align: center;
        font-size: 12px;
        color: #5b5c5c;
        right: 0;
    }
    .spfIterm{height: auto;margin:0;}
    .spfSolgan p:nth-child(2) {
        padding-bottom: 10px;
    }
 /*   .spfTitle{margin-top: 0px;background: url("../images/spfBGXS.png") no-repeat;background-size: cover;background-position: left;}
*/}

.iberital{height: 16px; background: #f3bb36;position: relative; width:1072px; margin:0 auto;}
.iberitalImage{text-align: center;position: absolute;top:-28px;z-index: 11;margin-left:-115px;left:50%; width:230px;}
.iberitalImage img{max-width: 100%}
.mix .iberitalImage{top:-64px;}

.bvbg{background: url("../images/produceIndexBG.jpg") no-repeat;background-size: cover; padding-top:27px;}
.produceIndex{padding: 60px 15px;}
.produceIndexIterm{width: 50%;float: left;}
.produceIndexItermTitle{color: #dd062f;font-size: 2em;font-weight: bold;    letter-spacing: 8px;    padding-bottom: 5%;}
.produceIndexItermSummary{line-height: 2;color: #a5a5a5;font-size: 1.25em;padding-bottom: 5%;}
.produceIndexItermMore{color: #000000;text-align: right;font-size: 1.25em;    padding: 0 10%;}
.produceIndexItermMore a{color: #000000;font-weight: bold; }

.newsPro{padding: 90px 0;}
.newsProTitle{text-align: center;}
.newsProList{padding: 90px 0;}
.newsProMore{text-align: center;    padding-top: 20px;    padding-bottom: 100px;}
.newsIcon{background: #828282;  border-radius: 100%;    max-width: 130px;}
.newsProMore img{    transition-duration: 1s;
    -moz-transition-duration: 1s; /* Firefox 4 */
    -webkit-transition-duration: 1s; /* Safari 和 Chrome */
    -o-transition-duration: 1s; /* Opera */}
.newsProMore:hover img{transform:rotate(7deg);
    -ms-transform:rotate(7deg); 	/* IE 9 */
    -moz-transform:rotate(7deg); 	/* Firefox */
    -webkit-transform:rotate(7deg); /* Safari 和 Chrome */
    -o-transform:rotate(7deg); background: #fa1414;	/* Opera */}
.newsProMoreText{color:#1c1c1c;font-size: 18px;padding-top: 10px;}

.create{padding: 90px 0;position: relative;}
.createIcon{position: absolute;}
.createrBG01{ right: 0;  top: -10%;}
.createrBG02{left: 0;bottom: 0%;}
.createrTitle{color: #1c1c1c;text-align: center;font-size: 18px;}
.createrMore{text-align: center;}
.createrMore a{background: #ffc843;color: #FFFFFF;      font-size: 18px;  padding: 5px 20px;border-radius: 10px;display: inline-block;margin: 15px auto;}
.createrList{padding-top: 50px;}
.createrIterm,.codeIterm{padding: 15px;}

.mindBanner{border-top: 15px solid #FFFFFF;}
.codeBox{background: #ffc843;padding: 60px 0;}
.footer{background: #3a3a3a;text-align: center;}
.footer a{display: inline-block;padding: 15px;color: #FFFFFF;}

/*0802 cover*/
.spf{position: relative;}
.spf:before{content: '';position: absolute;z-index: -1;width: 186.4px;height: 170px;background: url("../images/yezhi01.jpg") no-repeat;background-size: cover;left: 0%;bottom: 17%;}
.spf:after{content: '';position: absolute;z-index: -1; width: 137px;height: 175px;background: url("../images/yezhi02.jpg")  no-repeat;background-size: cover;right: 0%;top:10%;}


.spfItermMsgTitle span{display: inline-block;margin: auto;background: #ffcb4d;padding: 5px 15px;color: #FFFFFF;    margin-bottom: 20px;
    margin-top: -25px;}
.spfItermMsgContent,.spfItermMsgTitle{text-align: center;font-size: 16px;}
.spfItermMsgContent{color:#5b5c5c;    line-height: 1.5;}
@media (max-width: 767px){
    .spf{background: none;}
    .spfItermMsgContent, .spfItermMsgTitle {
        text-align: center;
        font-size: 12px;
    }
    .newsProMore{
		padding-bottom:40px;
	}  
    .areaChooseIterm {
        width: 50%;
        float: left;
        text-align: center;
        padding: 0 20px;
    }
    
    .spf:before,
	.spf:after{
		background:none;
	}
	
}

.insideTypeIcon{ width: 0;  height: 0;  border-top: 20px solid #ffcb4d;  border-right: 20px solid transparent;  border-bottom: 20px solid transparent;  border-left: 20px solid transparent;}

.mcindex{text-align: center;padding: 70px 0;}
.mcBoxPic{position: relative;}
.mcBoxPicCover{position: absolute;}
.mcBoxPicCoverOne{width: 45%;right: 2.5%;bottom: 10%;}
.mcBoxPicCoverIterm{margin: 10px;text-align: center;}
.mcBoxPicCover a{color: #fff;width: 150px; border: 1px solid #909294;display: inline-block;padding: 10px 0px;margin: 10px;text-align: center;font-size: 12px;}
.mcBoxPicCoverTwo{width: 80%;right: 10%;bottom: 10%;}
.mcIterm110{margin: 15px;}
.mcIterm110 img{width: 100%;}
.mcIterm110Box{padding: 40px 0;}

@media (max-width: 767px)
{
    .mcIterm110{margin: 0;}
    .mcBoxPicCoverIterm{margin: 0;}
    .mcItermLinkBox{background: #ffc843;}
    .mcItermLinkBox a{display: inline-block;padding: 8px;;color: #ffffff;}
}
@media (max-width: 991px) and (min-width: 768px){
    .mcBoxPicCover a {
        color: #fff;
        width: 130px;
        border: 1px solid #909294;
        display: inline-block;
        padding: 10px 0px;
        margin: 10px;
        text-align: center;
        font-size: 12px;
    }
    .mcBoxPicCoverTwo {
        width: 80%;
        right: 10%;
        bottom: 0%;
    }
}

.produceIterm{padding: 100px 0;}
.produceIterm:nth-child(odd){background: #f6f6f6;}
.produceVideo{width: 60%;float: right;text-align: center;}
.produceVideo iframe{max-width: 100%;max-height: 350px;}
.produceInfo{width: 38%;padding: 0 1%;float: right;text-align: right;font-size: 14px;line-height: 2;}
.produceIterm:nth-child(odd) .produceVideo,.produceIterm:nth-child(odd) .produceInfo{float:left;text-align: left;}
.produceInfo span{position: relative; display: inline-block;padding: 5px 15px;font-size: 16px;color: #ffffff;background: #fecb4c;margin-bottom: 10px;}
.produceInfo span:before{content: ''; position: absolute;     border-left: 0px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 50px solid #fff;left: 0;top: 0;
}
.produceInfo span:after{content: ''; position: absolute;     border-left: 10px solid transparent;
    border-right: 0px solid transparent;
    border-top: 50px solid #fff;right: 0;top: 0;
}
.produceIterm:nth-child(odd) .produceInfo span:before{content: ''; position: absolute;     border-left: 0px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 50px solid #f6f6f6;left: 0;top: 0;
}
.produceIterm:nth-child(odd) .produceInfo span:after{content: ''; position: absolute;     border-left: 10px solid transparent;
    border-right: 0px solid transparent;
    border-top: 50px solid #f6f6f6;right: 0;top: 0;
}
@media (max-width: 767px)
{
    .produceVideo{width: 100%;float: none;text-align: center;}
    .produceInfo span{margin: 10px 0;}
    .mcindex {
        text-align: center;
        padding: 30px 0;
    }
    .produceInfo{width: 98%;padding: 0 1%;float: none;text-align: left;font-size: 14px;line-height: 2;}
}
@media (max-width: 991px) and (min-width: 768px){

}