/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle;}
body{font-size:14px; text-align:center; margin:0 auto;color:#666; font-family:Arial, Helvetica, sans-serif; background:#f3f3f3;}
table{border-collapse:collapse;border-spacing:0;}
a{color:#fff;text-decoration:none;}
a:hover{color:#ff6633;}

img{ display:block;}
.fl{float: left; _display: inline;}
.fr{float:right; _display: inline;}
.l{ width:100%; float:left;}
.cf{ clear:both;}
.tl{ text-align:left;}
.tc{text-align: center; width:100%;}
.tc img{ margin:0 auto;}
.tr{ text-align:right;}
.wl{width: 100%; float: left;}
.btn{ display:inline-block;}
.oh{ overflow:hidden;}
.none{display: none;}
.red{ color:#d80d20;}
.btn{ display:inline-block; cursor:pointer; border:none;}
.pr{ position:relative;}
.pa{ position:absolute;}
.fx{ position:fixed;}
em{ font-style:normal;}
strong{ font-weight:normal;}
.cur{ cursor:pointer;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.red{color: #d45f5e;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
.f14{ font-size:14px;}
.w1170{width:1170px; text-align: left;margin: 0 auto;}
.fontbolder{ font-weight:bolder}

input:focus{outline: none;}
body{ overflow-x:hidden; text-align:center;}
.bodygray{background:#f2f3f2;padding-bottom:10px;}
.wrap{ width:1024px; margin:0 auto; text-align:left;}
.bodyen{ font-family:Myriad Pro,Arial, Helvetica, sans-serif; font-size:24px; line-height:34px; }
/*顶部*/
.phd{ width:100%; height:126px; z-index:2000; position:fixed; background:none;}
.logo{ margin-top:39px; background:url(../images/logo.png) no-repeat; width:177px; height:77px;}
.navFix{ background:#fff;}
.navFix .logo{ background:url(../images/logo2.png) no-repeat;width:177px; height:77px;}

.nav-height{ position:relative;}
.nav-box{ padding-top:50px;} 
.nav-box li {float: left; text-align: center;position: relative; text-transform:capitalize; font-weight:bold;}
.nav-box li:last-child a{ padding-right:0;}
.nav-box li a {display: block;padding: 0 20px; font-size:15px; text-transform:uppercase; line-height:18px; color: #fff; text-decoration: none;}
.nav-box li a:hover{color: #c00;}
.nav-box li a.active {color: #c00;}
.navFix .nav-box li a{ color:#21243b}
.navFix .nav-box li a.active {color: #c00;}
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;}
.click-me a {display: block;color: white;}
.lg{ right:0; top:0;}
.lg div{ width:19px; margin-right:10px; color:#fff; font-size:11px; cursor:pointer; height:16px; line-height:16px; text-align:center; border:1px solid #a2a5ab;}
.lg div a{ display:block; width:100%; height:100%;}
.lg div:last-child{ margin-right:0;}
.lg div.on{ border:1px solid #c00; background:#c00; color:#fff;}
.navFix .lg div{ background:#ccc; color:#000;}
.navFix .lg div.on{ background:#c00;color:#fff;border:1px solid #c00;}
.slidebox .swiper-slide{ background:url(../images/ban01.jpg) no-repeat center top; height:838px;}
.slidebox .swiper-slide:nth-child(2){ background:url(../images/ban02.jpg) no-repeat center top; }
.swiper-container{ height:100%;}
.swiper-slide img{ margin:0 auto; padding-top:330px;}
.logo_s{ padding-top:59px; height:50px;}
.infopart{ text-align:center; margin-bottom:45px;}
.infopart .title{font-size:48px; line-height:48px; margin-bottom:20px; font-weight:bold; color:#333; text-transform:uppercase;}
.infopart .desc{ font-size:18px; line-height:24px; margin:0 90px;}
.infopart p{ margin-bottom:20px;}
#section1{ height:4287px;}
#section2{ padding-top:90px; height:710px; background:url(../images/section_2_2.jpg) no-repeat center top #fff; }
#section3{ height:1183px; background:#fff;}
#section4{ padding-top:90px; height:728px;background:url(../images/section_4.jpg) no-repeat center top;}
#section5{ padding-top:295px; height:300px;background:url(../images/section_5.jpg) no-repeat center top #000;}
.footer-box{ height:120px; line-height:120px; font-size:18px; color:#8f97a6;}
.photopart li{ position:relative; height:445px; text-align:left; background:#f3f3f3;}
.swiper-button-next{ background:url(../images/next.png) no-repeat; width:55px; height:55px; top:50%; margin-top:-28px; right:15%;}
.swiper-button-prev{ background:url(../images/prev.png) no-repeat; width:55px; height:55px; left:15%;}

.area01-group{ padding-top:88px; height:562px;}
.qknav li{ cursor:pointer; height:332px; background:#fff; box-shadow:0 0 10px rgba(220,220,220,.6); float:left; width:270px; margin-right:22px; text-align:center; border-top:4px solid #ac6a00;}
.iconwrap,.iconwrap2{ padding-top:58px; height:72px; text-align:center;}
.iconwrap img,.iconwrap2 img{ margin:0 auto;}
.qknav li .title{ height:40px; font-size:20px; line-height:20px; color:#000;}
.qknav li .txt{ font-size:15px; line-height:20px; height:100px; margin:0 10px;}
.qknav li .readmore{ font-size:14px;}
.qknav li:hover{ background:#c00; color:#fff;}
.qknav li:hover .title{ color:#fff;}
.qknav li:hover .iconwrap{ display:none;}
.qknav li:hover .iconwrap2{ display:block;}
.qknav li:nth-child(2){ border-top:4px solid #c00;}
.qknav li:nth-child(3){ border-top:4px solid #ff6600;}
.qknav li:nth-child(4){ border-top:4px solid #005dac;}
.area01-prestige{ padding-top:89px; height:642px; background:url(../images/section_2.jpg) no-repeat center top;}
.white .title{ color:#fff;}
.white .desc{ color:#fff;}
.proul li{ width:570px; height:340px; position:relative;}
.proul li .txt{ background:rgba(0,0,0,.6); font-size:18px; color:#fff; line-height:24px; padding:25px 25px 0 25px; height:70px; width:520px; left:0; bottom:0; z-index:2;}
.proul li .imgwrap{ width:100%; height:340px; overflow:hidden;}
.proul li .imgwrap img{ width:100%; height:340px;}
.proul li:hover img{ -webkit-transform:scale(1.05);-webkit-transition:all .5s linear;}
.area01-food{ height:660px;}
.area01-promotional{ padding-top:90px; height:660px; background:url(../images/section_2_1.jpg) no-repeat center top;}
#section5 .infopart .title{ color:#fff;}
#section4  .info{ line-height:28px; font-size:18px; color:#fff; margin:0 90px; text-align:center;}
.mail p{ font-size:24px; line-height:24px; margin-bottom:26px; color:#fff;}
.mailbtn{ height:50px; font-size:18px; text-align:center; line-height:50px; background:#c00; color:#fff; border-radius:30px; width:194px; display:block; margin:0 auto;}
.mailbtn:hover{ color:#fff; opacity:.9;}

.photopart li{ width:570px; overflow:hidden; background:#f3f3f3;}
.photopart li .imgwrap{ width:100%; height:240px; overflow:hidden;}
.photopart li .imgwrap img{ width:100%; height:240px;}
.photopart li:hover img{ -webkit-transform:scale(1.05);-webkit-transition:all .5s linear;}
.photopart li .txt{ padding:50px 5% 15px 5%; width:90%}
.photopart li .txt .title{ font-weight:bold; font-size:20px;}
.photopart li .txt .desc{ font-size:18px; line-height:24px;}
#section2 .infopart{ margin-bottom:34px;}
.vision{ width:100px; height:100px; background:#c00; left:30px; top:170px; text-align:center; line-height:100px; font-size:18px; color:#fff;}
.partners .first{ background:url(../images/new_1.png) repeat-y center top; height:340px;}
.partners .second{ background:url(../images/new_2.png) repeat-y center top; height:340px;}
.part01-partner{ float:left; width:50%; text-align:center; line-height:340px;}
.part01-partner img{ margin:0 auto; display:inline; vertical-align:middle;}
.part02-partner{ float:left; width:50%;}
.partners .second .part01-partner{ float:right;}
.txtwrap{ margin-left:50px; padding-top:60px;}
.txtwrap .title{ margin-bottom:20px; font-size:30px; line-height:30px;}
.txtwrap .txt{ font-size:18px; line-height:24px; margin-bottom:20px;}
.txtwrap .mailbtn{ margin:0;}
.ourpartners{ padding-top:57px;}
.ourpartners .title{ font-size:30px; margin-bottom:30px; line-height:30px;}
.ourpartners .desc{ font-size:18px; line-height:26px; }
.kindnav{ height:245px;}
.kindnav li{ cursor:pointer; width:270px; height:200px; color:#414141; font-size:16px; text-align:center; background:#fff; float:left; margin-right:30px;}
.kindnav li:last-child{ margin-right:0;}
.kindnav .iconwrap,.kindnav .iconwrap2{ height:92px; padding-top:40px;}
.kindnav li:hover{ background:#c00; color:#fff;}
.kindnav li:hover .iconwrap{ display:none;}
.kindnav li:hover .iconwrap2{ display:block;}
li#prestige:hover{ background:#ac6a00;}

.qknav li:nth-child(3):hover{ background:#ff6600;}
.qknav li:nth-child(4):hover{ background:#005dac;}
@media screen and (max-width:1000px) {
.ban{ display:none;}
.phd{ height:60px;}
.fl,.fr{ float:none;}
.phd .logo{ background-size:100px 27px; margin-top:15px; margin-left:12px;}
.nav-mobile{ width:35px; right:20px; top:0; display:block;}
.nav-mobile .line{ height:5px; width:35px; margin-bottom:5px; background:#fff;}
.navFix .nav-mobile .line{ background:#9d9d9d;}
.slidebox{ height:220px;}
.slidebox .swiper-slide{ width:100%; height:220px;background-size:100% 100%;}
.swiper-slide img{ padding-top:20%; width:72%;}
.w1170,.phd{ width: 100%; }
.nav-height{ display:none;}
.nav-box{ padding-top:0;}
.lg div{ float:left; color:#333;}
.nav-height{ position:absolute;width:100%; top:45px; background:#fff; padding-bottom:10px;}
.nav-height ul{ margin-left:10px; display:block; }
.nav-height li{ width:100%; text-align:left; float:none; width:100%; height:34px; line-height:34px; line-height:34px; border-bottom:1px solid #ddd;}
.nav-height li a{ display:block; height:34px; color:#333; line-height:34px; padding:0;}
.lg{ position:static; padding:10px 0; margin-left:10px;}

.ban_p{ display:block; }
.infopart{ margin-bottom:25px;}
.infopart .title{ height:auto; margin-bottom:10px; font-size:32px; line-height:32px; font-weight:normal;}
.infopart .desc{ height:auto; font-size:16px; line-height:20px; margin-bottom:10px; margin:0 20px 30px 20px; padding-bottom:0;}
#section1{ height:auto}
#section2{ height:auto; padding-top:30px;}
#section3{ height:auto}
#section4{ height:auto; padding-bottom:40px;}
#section5{ height:auto}
#section6{ height:auto}
#section2 .desc{ height:auto;}
.photopart{ height:auto;}
.word{margin:0 20px 0 20px;font-size:16px; line-height:24px; padding-bottom:20px;}
.prolist li{ float:none; margin:0 auto;}
.prolist li.last{ margin:0 auto;}
.sourlist li{float:none; margin:0 auto; margin-bottom:20px;}
.sourlist li.last{ margin:0 auto;}
#section6{ padding-top:180px; padding-bottom:30px;}
.footer-box{ font-size:14px; padding:20px 5% 20px 5%; line-height:18px; width:90%; height:auto;}
.logo_s{ padding-top:29px;}
.photopart{ width:90%; margin:0 auto;}
.photopart li{ position:relative; text-align:left; width:100%; height:auto; display:inline-block; margin:0 auto 30px auto;}
.photopart li .imgwrap{ height:auto;}
.photopart .txt{ width:100%; font-size:16px; line-height:22px; }
.mail{ font-size:16px; line-height:20px;}
.mialbtn{ width:162px; height:40px; line-height:40px;}
.logo_s{ height:35px; font-size:18px;}
.logo_s .pink{ font-size:22px;}
.nav-box li{ font-weight:normal;}
.nav-box li a{ font-size:12px;}
.swiper-button-prev{ background-size:25px 25px; width:25px; height:25px; left:5%; margin-top:-12px;}
.swiper-button-next{ background-size:25px 25px;width:25px; height:25px; right:5%;margin-top:-12px;}
.area01-group{ padding-top:20px; height:auto;}
.qknav li{ width:80%; float:none; margin:0 auto 20px auto;}
.area01-prestige{ padding-top:29px; padding-bottom:50px; margin-bottom:30px;}
.proul{ width:90%; margin:0 auto;}
.proul li{ width:100%; margin:0 auto 15px auto; height:auto; float:none;}
.area01-prestige{ background-size:100% 100%;}
.proul li .txt{ width:90%; padding:10px  5% 0 5%;}
.proul li .imgwrap{ height:auto;}
.proul li .imgwrap img{ height:auto;}
.area01-food{ height:auto;}
.area01-promotional{ height:auto;padding-bottom:20px; margin-bottom:30px;}
.partners .first{ background:none; height:auto;}
.part01-partner{ float:none; width:100%; background:#000;}
.part02-partner{ float:none; width:100%; background:#fff; margin-bottom:30px;}
.partners .second{ background:none; height:auto;}
.txtwrap{ margin:0 30px; padding-top:30px;}
.ourpartners{ padding-top:30px;}
.ourpartners .desc{ margin:0 5%; padding-bottom:20px; width:90%;}
#section4{ padding-top:30px; height:auto;}
.kindnav{ height:auto; width:270px; margin:0 auto;}
.kindnav li{ margin-bottom:20px;}
#section4 .info{ margin:0 5%; width:90%;}
#section5{ padding-top:200px; padding-bottom:20px;}
.area01-promotional{ padding-top:20px}
.area01-promotional{ background:#430008;}
#section2 .desc{ padding-bottom:0; margin-bottom:0;}
#section4{ background:#000;}
.second .part01-partner{ margin-bottom:30px;}
.slidebox .swiper-slide:nth-child(2){ background-size:100% 100%;}
.lg div a{ color:#333;}
.lg div.on a{ color:#fff;}
}
@media screen and (min-width:1900px) {
.index_focus{ width:1920px; margin:0 auto;}
}