@charset "utf-8";
/*++----------------------------------------------
/*++  内容开始
/*++----------------------------------------------*/
.back-color{ width: 100%;background:#fafafa; }
.back-white{ width: 100%;background: #fff; }
.nbanner a{ position: relative; display: block;width: 100%;min-height: 800px; }
.nbanner .text{ position: absolute;top: 48%; }
.nbanner .text h5{ font-size: 48px;font-weight: bold;color: #fff;padding-bottom: 8px; }
.nbanner .text p{ font-size: 18px;color: rgba(255,255,255,.8); }
/*+---------------
/*+  rl-list
/*+---------------*/
.rl-list .remark{ display: flex;align-items: center;min-height: 560px; }
.rl-list .remark-con{ width: 74%;margin: 0 auto; }
.rl-list .remark-con h5{ font-size: 38px;color: #000; font-weight: bold;padding-bottom: 20px; }
.rl-list .remark-con p{ font-size: 17px;color: #666; }
.rl-list .imgs img{ display: block;width: 100% !important; }
.about-cert{ padding: 80px 0; }
.about-future,.about-future .container{ height: 800px; }
.about-future{ width: 100%; }
.about-future .container{ display: flex;align-items: center; }
.about-future .remark{ width: 760px; color: #fff; }
.about-future .remark h5{ font-size: 38px;padding-bottom: 25px; }
.about-future .remark p{ font-size: 16px; }
/** explore about-explore **/
.explore.about-explore{ padding: 80px 0 70px; }
.explore.about-explore h3{ font-size: 40px;color: #000;padding-bottom: 40px; }
/** supply **/
.supply .rl-list{ padding: 80px 0 0; }
.supply .rl-list:nth-of-type(2n) .col-6.remark{ float: left; }
.supply .rl-list:nth-of-type(2n) .col-6.imgs{ float: right; }
.supply .rl-list:last-child{ padding-bottom: 80px; }
/*+---------------
/*+  product-lists
/*+---------------*/
.product-lists{padding: 50px 0 80px; }
/** Show **/
.intro-show{ padding: 80px 0; }
.intro-show .rl-list.nthumb .remark{ width: 100%; }
.intro-show .rl-list.nthumb .remark-con{ width: 87%; }
.intro-show .rl-list.nthumb .imgs{ display: none; }
.intro-show .shopurl{ width:160px;height:50px;line-height:50px;background:#2a59a7;margin-top: 60px; }
.svideo{ position: relative; width: 100%;height: 800px; }
.svideo .pay-bths {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 8;
}
/** pics-list **/
.pics-list{ position: relative; }
.catname-all{ text-align: center;font-size: 36px;color: #000;padding: 80px 0 25px; }
.pics-list .hd a{ position: absolute;top: 48%; display: block;width: 53px;height: 53px;cursor: pointer; z-index: 66 }
.pics-list .hd a.prev{ left: 50px; }
.pics-list .hd a.next{ right: 50px;background-position: -61px 0; }
.pics-list .hd a.prev.prevStop,
.pics-list .hd a.next.nextStop{ opacity: .1 }
/** recomm recipes-list **/
.recomm.recipes-list{ margin-top: 80px;padding: 60px 0 20px; }
.recomm.recipes-list .rtitle{ text-align: center;font-size: 36px;color: #000;padding-bottom: 30px; }
.recomm.recipes-list .recipes-slide{ position: relative; }
.recomm.recipes-list ul.uls li:nth-of-type(3n-1){ margin: 0; }
.recomm.recipes-list ul.uls li{ margin-right: 33px !important; }
.recomm.recipes-list .hd{
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 0;
    text-align: center;
    z-index: 66;
}
.recomm.recipes-list .hd ul li{ display: inline-block;width: 65px;height: 4px;background: #e1e1e1;text-indent: -9999px;margin-right: 20px;cursor: pointer; }
.recomm.recipes-list .hd ul li:last-child{ margin-right: 0; }
.recomm.recipes-list .hd ul li.on{ background: #295aa7; }
/*+---------------
/*+  recipes-list
/*+---------------*/
.recipes-list{ padding: 40px 0 60px; }
.recipes-list ul.uls li{
    float: left;
    width: 32%;
    margin-bottom: 2%;
    background: #fff;
}
.recipes-list ul.uls li:nth-of-type(3n-1){ margin: 0 2%; }
.recipes-list ul.uls li .imgs{ width: 100%;overflow: hidden; }
.recipes-list ul.uls li .imgs img{ display: block;width: 100%; }
.recipes-list ul.uls li .remark{ padding: 15px 15px 25px; }
.recipes-list ul.uls li .remark h5{ font-size: 20px;color: #333; }
.recipes-list ul.uls li .remark p{ height: 50px; font-size: 14px;color: #666;margin: 3px 0 10px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.recipes-list ul.uls li .remark span{ font-size: 12px; color: #999; }
.recipes-list ul.uls li:hover{ background: #295aa7; }
.recipes-list ul.uls li:hover .remark h5,
.recipes-list ul.uls li:hover .remark p,
.recipes-list ul.uls li:hover .remark span{ color: #fff; }
/*+---------------
/*+  article-show
/*+---------------*/
.article-show{ padding: 110px 0 0; }
.article-show .title{ padding: 70px 0 40px;border-bottom: 1px solid #ededed; }
.article-show .title h1{ color: #000;font-size: 40px;padding-bottom: 5px; }
.article-show .title p span,
.article-show .title p span a{ color: #999; }
.article-show .title p span{ font-size: 16px;margin-right: 10px; }
.detail-content{ padding: 40px 0; }
.detail-content img{ display: block;max-width: 100%; }
/*+---------------
/*+  course-list
/*+---------------*/
.course-list{ padding: 0 0 50px; }
.course-list .screen{ height: 100px;line-height: 100px;font-size: 16px;color: #666; }
.course-list .screen a{ color: #000;padding: 0 30px; }
.course-list .screen a.on{ color: #2a59a7; }
.course-list ul li{
    display: flex;
    align-items: center;
    padding: 30px 0;
}
.course-list ul li .imgs{ width: 42.8%; }
.course-list ul li .imgs img{ display: block;width: 100%; }
.course-list ul li .remark{ width: calc(100% - 43% - 60px);padding-left: 60px; }
.course-list ul li .remark h5{ font-size: 36px;color: #000;padding-bottom: 25px; }
.course-list ul li .remark p{ font-size: 16px;color: #666; }
/*+---------------
/*+  honor-list
/*+---------------*/
.honor-list{ padding: 40px 0 30px; }
.honor-list ul li{ float: left; width: 32%; background: #fff;margin-bottom: 2%; }
.honor-list ul li:nth-of-type(3n-1){ margin: 0 2%; }
.honor-list ul li .imgs{ padding: 25px 0;border-bottom: 1px solid #f0f0f0; }
.honor-list ul li img{ margin: 0 auto; }
.honor-list ul li .remark{ position: relative; height: 70px;line-height: 70px;padding: 0 20px; }
.honor-list ul li .remark h5{ font-size: 16px;color: #000; }
.honor-list ul li .remark .picbig{
    position: absolute;
    bottom: 22px;
    right: 20px;
    width: 25px;
    height: 25px;
    background-position: -176px 0;
    z-index: 5;
}
/*+---------------
/*+  visit-list
/*+---------------*/
.visit-list{ padding-bottom: 50px; }
.visit-list .cat-title{ text-align: center;padding: 80px 0 40px; }
.visit-list .cat-title h5{ font-size: 36px;color: #000; }
.visit-list .cat-title p{ font-size: 16px;color: #666; }
.visit-list .vs-video{ position: relative; width: 100%;height: 700px; }
.visit-list .vs-video .pay-bths {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 8;
}
.visit-list .vrbg{ display: block;width: 100%;height: 700px;background-repeat: no-repeat;background-position: center top; }
/*+---------------
/*+  article-list
/*+---------------*/
.article-list{ padding: 40px 0 20px; }
.article-list ul li{ display: flex;align-items: center;padding-bottom: 35px; }
.article-list ul li .imgs{ width: 36.2%; }
.article-list ul li .imgs img{ display: block;width: 100%; }
.article-list ul li .remark{ width: calc(63.8% - 30px);padding-left: 30px; }
.article-list ul li .remark h5{ font-size: 26px;color: #000; }
.article-list ul li .remark p{ font-size: 16px;color: #666;padding: 8px 0 35px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
.article-list ul li .remark .time{ color: #999; }
.article-list ul li .remark a{ width: 158px;height: 48px;line-height: 48px;text-align: center; border: 1px solid #e6e6e6;color: #999; }
.article-list ul li:hover .remark h5{ color: #295aa7; }
.article-list ul li:hover .remark a{ background: #295aa7;color: #fff; }
/*+---------------
/*+  Contactus
/*+---------------*/
.contactus .container{ position: relative; }
.contactus .cons{ width: 100%; position: absolute;top: -120px;left: 0; padding: 80px 0;background: #fff; z-index: 66 }
.contactus ul li{ display: flex;align-items: center;justify-content: center; }
.contactus ul li:nth-of-type(2){ width: calc(33.3333333% - 2px);border: 1px solid #e6e6e6;border-width: 0 1px; }
.contactus ul li img{ display: block;width: 70px;margin-right: 13px; }
.contactus ul li h5{ font-size: 18px;color: #000;font-weight: bold; }
.contactus ul li p{ color: #666; }
/** map **/
.maps{ position: relative; }
.Map,#allmap,#maps{height: 800px;overflow: hidden;}
#maps{width: 100%;}
#maps .info-title{color: white;font-size: 14px;background-color: rgba(0,155,255,0.8);line-height: 26px;padding: 0 0 0 6px;font-weight: lighter;letter-spacing: 1px}
#maps .info-content{padding: 4px;color: #666666;line-height: 23px;}
#maps .info-content img{float: left;margin: 3px;}
#maps .amap-adcombo-close{ background:#000 url(../images/mapclose.png) center center no-repeat !important; }
/** Feedback **/
.feedback-form{ padding-bottom: 50px; }
.feedback .ftitle{ font-size: 36px;color: #000;text-align: center;padding: 80px 0 25px; }
.feedback-list ul li{ float: left;width: calc(32% - 2px); height: 55px;line-height: 55px;border:1px solid #ededed;color:#666;border-radius: 5px;overflow: hidden; }
.feedback-list ul li:nth-of-type(2){ margin: 0 2%; }
.feedback-list ul li input[type=text]{ width: calc(100% - 30px); padding: 0 15px; height:55px;line-height: 55px;border:none;}
.feedback-list ul li.textarea{width: 100%;height: 120px;margin:2% 0 50px;overflow: hidden;}
.feedback-list ul li.textarea textarea{width: 100%;height: 120px;padding:5px;border:none;resize:none;}
.feedback-list ul li.submit{position: relative;width: 100%;height: 60px;border:none;}
.feedback-list ul li.submit input[type=submit]{ display:block;width: 200px;height: 60px;color:#fff;
    background:#295aa7;cursor: pointer;font-size: 16px;margin:0 auto;border: 0;border-radius: 5px; }
.feedback-list ul li.submit span.error-hide{position: absolute;top: 13px;left: 0;}
/*+---------------
/*+  Pages
/*+---------------*/
.pages{ text-align:center;padding:35px 0 0; }
.pages a{ display:inline-block;padding:5px 13px;margin-right:5px;background: #fff;border: 1px solid #f0f0f0; }
.pages a:last-child{ margin-right:0; }
.pages a.curr{ color:#fff;background:#295aa7; }
/*+------------------
/*+  Prev-Next
/*+------------------*/
.Pre-Next{ position: relative; height: 110px;border-top: 1px solid #ededed; }
.Pre-Next p{ max-width:50%;min-height:110px;line-height:110px;float: left; overflow:hidden;}
.Pre-Next .page-next{ float: right; }
.Pre-Next p a{ font-size: 14px; }