@charset "utf-8";
h1	{font-size:28px;color: #ad1020;}

/*banner*/
.banner_bg{background:url(../images/banner_bg.png)repeat-x;}
.banner{margin: 0 auto;position: relative;padding: 0;}
.banner:before{content: '';display: block;}
.banner .owl-carousel .owl-item a{text-decoration:none;}
.banner .owl-carousel{position: absolute; top: 0;}
.banner .owl-carousel .owl-item{margin: 28px auto;width: inherit;}
.banner .owl-carousel .owl-item .food,.banner .owl-carousel .owl-item .food li,
.banner .owl-carousel .owl-item .title,.banner .owl-carousel .owl-item figure{display: inline-block;vertical-align: middle;}
.banner .owl-carousel .owl-item .title h2{color: #263379;border-bottom: 2px solid rgba(85, 85, 85, .6);font-weight: 500;}
.banner .owl-carousel .owl-item .title h3{color: #717171;font-weight: 500;}
.banner .owl-carousel .owl-item figure{width: calc(28% - 8px);margin: 0px 8px 0 0;}
.banner .owl-theme .owl-dots .owl-dot span{background:rgba(40, 51, 121, .5);width:12px;height:12px;}
.banner .owl-theme .owl-dots .owl-dot.active span,.banner .owl-theme .owl-dots .owl-dot:hover span{background:#283379;}
.banner .owl-theme .owl-nav.disabled+.owl-dots{position: relative;}
/*banner2*/
.banner .owl-carousel .owl-item .item.banner2-background {background: url(../images/gf-50m_background.png) no-repeat top center;
max-height: 480px;background-size: 100%;}
.banner .owl-carousel .owl-item .item.banner2-background a {display: flex;align-items: center;
}
.banner2-slogan {width: 40%;border: 3px solid #e13000;font-size: 40px;padding: 15px;color: #e13000;}
.banner2-slogan span {font-size: 48px;font-weight: bold;}
.banner .owl-carousel .owl-item .item.banner2-background .title {width: 25%;margin: 0 15px;}
.banner .owl-carousel .owl-item .item.banner2-background figure {width: 28%;}
/*banner3*/
.banner .owl-carousel .owl-item .item.banner3{}
.banner .owl-carousel .owl-item .item.banner3 a {display: flex;align-items: center;justify-content: center;}
.banner3-foodlists ul {display: flex;align-items: center;}
.banner3-foodlists ul li {padding: 0 5px;list-style-type: none;}
/*banner4*/
.banner .owl-carousel .owl-item .item.banner4 {}
.banner .owl-carousel .owl-item .item.banner4 a {display: flex;align-items: center;}



/*about*/
.about{text-align: center;font-size: 17px;}
.about_bg{background: rgb(219,201,239);background: -moz-linear-gradient(top, rgba(219,201,239,1) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 51%);background: -webkit-linear-gradient(top, rgba(219,201,239,1) 0%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 51%);background: linear-gradient(to bottom, rgba(219,201,239,1) 0%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 51%);padding: 118px 0 38px;}
.about > .more{color: #1e2a54;}
.about > article > a{background-repeat: no-repeat;position: relative;background-size: 100% auto;background-position: center center;}
.about > article > a:hover{text-decoration:none;}
.about > article > a:before{content:"";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(15, 19, 49, .5);display: block;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;-moz-transition: all 0.5s;}
.about > article > a.foot{background-image:url(../images/about_foot_bg.jpg);}
.about > article > a.cooking{background-image:url(../images/about_cooking_bg.jpg);}
.about > article > a > span{background-repeat: no-repeat;position: relative;}
.about > article > a > span span{color: #FFF;width: 70%;}
.about > article > a > span span h2{font-size:27px;margin: 0;}
.about > article > a > span span p{margin: 10px 0 19px 0;}
.about > article > a > span span .more{color: #FFF;border: 1px solid;padding: 5px 40px;}
.about > article > a > span figure{width: 30%;}

.videoNews_bg{
background: rgb(238,230,248);
background: -moz-linear-gradient(top, rgba(238,230,248,1) 0%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 38%);
background: -webkit-linear-gradient(top, rgba(238,230,248,1) 0%,rgba(255,255,255,1) 38%,rgba(255,255,255,1) 38%);
background: linear-gradient(to bottom, rgba(238,230,248,1) 0%,rgba(255,255,255,1) 38%,rgba(255,255,255,1) 38%);}
.news,.video{display: inline-block;vertical-align: top;margin: 15px 0;width: 100%;}
.news h3,.video h3{font-size: 32px;color: #1e2a55;border-bottom: 4px solid;display: inline-block;text-transform: uppercase;}
/*news*/
.news ul li{list-style: none;border-bottom: 1px solid #D9DBDC;}
.news ul li a {padding: 28px 0;display: block;letter-spacing: 0;}
.news ul li a:hover {text-decoration: none;}
.news ul li:first-child a {padding-top: 0;}
.news ul li a time,.news a h4,.news ul li a .list{display: inline-block;vertical-align: middle;margin-bottom: 5px;}
.news ul li a time{font-size: 14px;color:#666;margin-right: 5px;}
.news ul li a .list{font-size: 15px;background:#a1abb6;color:#FFF;border-radius: 15px;padding: 2px 15px;min-width: 70px;text-align: center;margin-left: 3px;margin-right: 6px;}
.news ul li a h4{color:#222;font-weight: 400;}
.news ul li a i{font-size: 12px;background: #eaedef;color: #c3c9c7;padding: 6px;border-radius: 50%;margin-left: 4px;}

/*video*/
.box_video li{
	list-style-type: none;
}


@media print, screen and (max-width:1280px){

}

@media print, screen and (max-width:999px){
/*banner*/
.banner:before{padding-top: 62%;}
.banner_bg{background-size:auto 100%;background-color: #f2f2f2;}
.banner .owl-carousel .owl-item{text-align:center;}
.banner .owl-carousel .owl-item .title h2{font-size: 22px;}
.banner .owl-carousel .owl-item .title h3{font-size: 15px;}
.banner .owl-carousel .owl-item .food{display:block;margin-bottom: 20px;}
.banner .owl-carousel .owl-item .food li{width: calc(100% / 10 - 10px);margin: 3px;}
.banner .owl-carousel .owl-item .title{width: calc(70% - 50px);margin: 0px 18px 0;max-width: 400px;}

/*banner-2*/
.banner .owl-carousel .owl-item .item.banner2-background {
background: url(../images/gf-50m_background-forphone.png) no-repeat center center;background-size: cover;

}
.banner .owl-carousel .owl-item .item.banner2-background a {flex-wrap: wrap;justify-content: center;}
.banner2-slogan {width: 65%;font-size: 24px;}
.banner2-slogan span {font-size: 28px;}
.banner .owl-carousel .owl-item .item.banner2-background .title {width: 50%;}
.banner .owl-carousel .owl-item .item.banner2-background figure {width: 25%;}
/*banner3*/
.banner3-foodlists ul {flex-wrap: wrap;}
.banner .owl-carousel .owl-item .item.banner3 .title {width: auto;}
/*banner4*/
.banner .owl-carousel .owl-item .item.banner4 .title {width:auto;}
.banner .owl-carousel .owl-item .item.banner4 figure {width: 40%;}


/*about*/
.about_bg{margin-top: 0;padding: 0;}
.about > article > a{display: block;}
.about > article > a > span{padding:28px;display: block;}
.about > article > a > span figure{margin: 0 5px 0 0;}

.news h3, .video h3{margin-bottom:28px;}

}

@media only screen and (max-width: 768px) {
.banner .owl-theme .owl-nav.disabled+.owl-dots{margin-top: -48px;}
.banner3-foodlists ul li {width: 30%;}
.banner .owl-carousel .owl-item .item.banner4 a {margin-top: 40px;}
}

@media only screen and (max-width: 640px) {
.banner .owl-carousel .owl-item .item.banner2-background figure {width: 25%;}
.banner .owl-carousel .owl-item .item.banner3 a{flex-wrap:wrap;}
.banner3-foodlists ul li {width: 80px;height: 80px;overflow: hidden;}
.banner3-foodlists ul li img {margin-top: -50px;}
.banner .owl-carousel .owl-item .item.banner3 .title {width: calc(70% - 50px);}
.banner .owl-carousel .owl-item .item.banner4 a {margin-top: 70px;}
}

@media only screen and (max-width: 570px) {
.news ul li a h4{max-width: calc(100% - 31px);margin-top: 5px;}
.banner .owl-carousel .owl-item .item.banner2-background .title {width: calc(70% - 50px);}
}
@media only screen and (max-width: 480px) {
.banner2-slogan {width: 80%;font-size: 18px;padding: 5px;margin: 20px auto;}
.banner2-slogan span {font-size: 24px;}
.banner .owl-carousel .owl-item .item.banner4 a {margin-top: 0;flex-wrap: wrap;justify-content: center;}
.banner .owl-carousel .owl-item .item.banner4 a .banner4-part {width: 100%;}
.banner .owl-carousel .owl-item .item.banner4 a .banner4-part img {width: 30%;}
.banner .owl-carousel .owl-item .item.banner4 .title {width: calc(70% - 50px);}
.banner .owl-carousel .owl-item .item.banner4 figure {width: calc(28% - 8px);}
}
@media only screen and (max-width: 414px) {
.banner:before{padding-top: 90%;}
.banner .owl-carousel .owl-item .food li{width: calc(100% / 5 - 10px);max-width:50px;}
.banner3-foodlists {margin-bottom: 45px;}

.about > article > a{background-size: auto 100%;}
.about > article > a > span figure{margin:auto;}
}

@media only screen and (max-width: 320px) {
.banner:before{padding-top: 100%;}
}
@media print, screen and (min-width:320px){

}
@media print, screen and (min-width:414px){
.about > article > a > span{display: flex;align-items: center;justify-content: center;}
}
@media print, screen and (min-width:570px){
.news ul li a h4{max-width: calc(100% - 228px);}
}
@media print, screen and (min-width:640px){

}
@media print, screen and (min-width:768px){
.banner .owl-theme .owl-nav.disabled+.owl-dots{margin-top: -18px;}
}
@media print, screen and (min-width:999px){
.banner:before{padding-top: 45.23%;}
.banner .owl-carousel .owl-item .title h2{font-size:40px;}
.banner .owl-carousel .owl-item .title h3{font-size:18px;}
.banner .owl-carousel .owl-item .food{width: 36%;}
.banner .owl-carousel .owl-item .food li{width: calc(100% / 3 - 25px);margin:8px;}
.banner .owl-carousel .owl-item .title{width: calc(34% - 73px);margin: -58px 28px 0;}

.about_bg{margin-top: -90px;}
.about > article > a{display: table-cell;width: 50%;}
.about > article > a:hover:before{background: rgba(15, 19, 49, .8);}
.about > article > a > span{padding-left: 28px;padding-top: 28px;}
.about > article > a > span figure{margin-right: 28px;margin-bottom: 28px;}
.about > article > a > span span{margin-right: 28px;margin-bottom: 28px;}

.news h3, .video h3{margin-bottom: 58px;}
.news,.video{width: calc(100% / 2 - 32px);}
.news ul li a:hover time{color:#1e2a54;}
.news ul li a:hover .list,.news ul li a:hover i{background:#1e2a54;color: #FFF;}
.news ul li a:hover time, .news a:hover h4, .news ul li a:hover .list{-webkit-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;-moz-transition: all 0.5s;}

.video{margin-right:58px;}
}
@media print, screen and (min-width:1280px){
.about > article > a > span figure{margin-right: 58px;margin-bottom: 58px;}
.about > article > a > span span{margin-right: 28px;margin-bottom: 58px;}




}