@charset "utf-8";
@media only screen and (max-width:1700px){	
    .nutrition-faq .text .in {padding-top:30px;padding-bottom:35px}
    .nutrition-faq .text .subject {font-size:40px;}
    .nutrition-faq .text li {margin-top:25px}
    .contact .contact-title {margin-bottom:5%}
}

@media only screen and (max-width:1260px){	
    .wrap {margin:0 4%}    
    .home-about {margin:80px 0;}
    .home-about .text .logo {padding-top:40px;}
    .home-about .text .logo:before {width:25px;height:3px; }
    .home-about .text .logo img {height:35px}
    .home-about .text .title {font-size:37px; line-height: 1.2;margin:10px 0 25px 0;}
    .home-about .text .content {font-size:15px;line-height: 1.7;}
    .home-about .text ul {padding-top:30px}
    .home-about .text li {font-size:16px;}
    .home-about .text li img {width:35px;margin-bottom:3px}
    .home-about .pic {width:47%;right:-4%}
    .home-about .text li:before {height:67%;}
    .home-pic .text .wrap {max-width:100%;margin:0 auto;width:65%}
    .product .mix .btn a {padding:0 15px;margin:0 4px;}    
    .nutrition-faq .text .in {width:auto;padding:30px 8% 35px 8%;}    
}

@media only screen and (max-width:1160px){	
	body {line-height:1.8;}   
	html,body,input,button,select,textarea,big,small {font-size:14px;font-weight:400}
    .list-paddingleft-1,.list-paddingleft-2{margin:0 0 0 17px;}
	.phonemenu { display:block;}
    .fixtop .navpc {display:none;}
	::-webkit-scrollbar {width: 1px;}
	.page_wrap {padding:35px 0 0 0;}
	.pager a,.pager span,.pager font {margin:1px 3px;width:23px; height:23px; line-height:21px;border-radius:3px;}
	.pager font {font-family:'宋体';margin:0px; line-height: 23px; }
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:12px;}
	.pager i {line-height: 25px;margin:0 5px; letter-spacing: 2px}	     
    .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px;}
    .swiper-pagination-bullet {width:5px;height:5px;}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}	
    .swiper-button-next,.swiper-button-prev {width:25px;height:25px;margin-top:-12px;}
    .swiper-button-next:after,.swiper-button-prev:after {font-size:14px;width:25px;height:25px;line-height:25px;}
    .swiper-button-prev {left:0}
    .swiper-button-next{right:0} 
    .indpics .swiper-horizontal>.swiper-pagination-bullets,.indpics .swiper-pagination-bullets.swiper-pagination-horizontal,.indpics .swiper-pagination-custom,.swiper-pagination-fraction {right:4%;width:7px;}
    .indpics .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.indpics .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:5px 0;}
    .fixtop { height:50px;}
    .fixtop .logo {top:13px;}
    .fixtop .logo a {width:243px;height:24px;}    
    .pic-position {top:-50px;}    
    .fixtop.active .nav__icon,.fixtop.active .nav__icon:before,.fixtop.active .nav__icon:after {background-color:#FF5E00}
    .fixtop.active .phonemenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
    .fixtop.active .phonemenu .nav--active .nav__icon:before,.fixtop.active .phonemenu .nav--active .nav__icon:after {background: #FF5E00}
    .foot {padding-top:30px;font-size:13px}
    .foot .foot-contact a.logo {width:207px; height:35px;}
    .foot .social .wx {width:100px;}
    .social {width:200px;}
    .social ul {margin-top:120px;}
    .social li .icon {width:20px;height:20px;}
    .social li .pic { bottom:40px;width:100px;margin-left:-50px;}
    .social li .pic:before {bottom:-8px;margin-left:-8px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #fff;}
    .social li:last-of-type .pic {left:auto;right:0;margin-left:0;}
    .social li:last-of-type .pic:before {left:auto;right:0; margin-left:0;}
    .footer {padding:12px 0;margin-top:15px; text-align: center;display:block}
    .footer ul {display:none;}
    .footer .copy {font-size:13px;}    
    .home-about {margin:40px 0;}
    .home-about .text {width:50%;padding-right:6%}
    .home-about .text .logo {padding-top:25px;}
    .home-about .text .logo:before {width:25px;height:2px;}
    .home-about .text .logo img {height:25px}
    .home-about .text .title {font-size:22px; line-height: 1.4;margin:10px 0 20px 0;}
    .home-about .text .content {font-size:14px;line-height: 1.8;}
    .home-about .text ul {padding-top:5px}
    .home-about .text li {font-size:14px;}
    .home-about .text li img {width:35px;}
    .home-about .pic {width:44%;right:0}
    .home-about .text li:before {height:88%;}    
    .home-pic .swiper-button-next,.home-pic .swiper-button-prev { width:2.6042vw;height:3.3333vw;margin-top:-7.15vw;opacity:1}
    .home-pic .swiper-button-next:after,.home-pic .swiper-button-prev:after { font-size:1.2vw;width:2.6042vw;height:3.3333vw;line-height:3.3333vw;}
    .home-numbers {height:120px;}
    .home-numbers ul {height:120px;}
    .home-numbers li {margin-left:50px;}
    .home-numbers li h2,.home-numbers li h3 {font-size:28px; }
    .home-numbers li .content {font-size:13px; line-height: 1.8;margin-top:5px}    
    .home-history {padding:40px 0 50px 0;}
    .home-history .subject {font-size:25px; margin:0 0 40px 0}    
    .home-history .line { height:1px;margin:0 100px;top:-180px}    
    .home-history .line:before {left:-100px;height:1px;width:100px;}
    .home-history .line:after {right:-100px;height:1px;width:100px; }
    .home-history .swiper-container {height:360px}
    .home-history .swiper-slide {height:180px;width:175px;}
    .home-history .swiper-slide .text {width:315px;height:180px;border-width:1px;padding-left:15px;left:-105px;}
    .home-history .swiper-slide .text .title {font-size:25px; line-height: 20px;}
    .home-history .swiper-slide .text .title span {font-size:15px;margin:4px 0 0 3px}
    .home-history .swiper-slide .text .content {border-radius:3px;font-size:13px; line-height: 1.6;left:0;top:0}
    .home-history .swiper-slide:first-of-type .text .content {padding:4px 12px 4px 12px;border-radius:3px;}
    .home-history .swiper-slide .text:hover .content {background:#fff;color:#1a1a1a}
    .home-history .swiper-slide .text:hover .title {color:#002066}
    .home-history .swiper-slide .text:before {bottom:-4px;left:-4px;width:7px;height:7px;}
    .home-history .swiper-slide:nth-child(odd) .text {top:180px;left:20px; }
    .home-history .swiper-slide:nth-child(odd) .text:before {top:-3px}
    .home-history .swiper-slide:last-of-type {width:175px}
    .home-history .swiper-slide:last-of-type .text .title { line-height: 35px;top:-6px; letter-spacing: 1px}
    .home-history .swiper-button-next,.home-history .swiper-button-prev {top:2px;width:30px;height:22px;border-radius:35px;}
    .home-history .swiper-button-next:after,.home-history .swiper-button-prev:after {font-size:13px;width:30px;height:22px;line-height:21px; border-radius:35px;}
    .home-history .swiper-button-prev {right:36px}
    .top-pic .text .title {padding-top:30px}    
    .product-text {padding:35px 0 40px 0}
    .product-text .title {font-size:22px; line-height: 1.6;margin-bottom:15px}
    .product-text .content {font-size:14px;}    
    .namemj {top:-50px}
    .product {padding:35px 0 40px 0}
    .product .cate li {margin:5px}
    .product .cate li a {height:30px; line-height: 28px;padding:0 15px;border-radius:30px;font-size:16px;}
    .product .controls {margin:15px 0 30px 0;}
    .product .controls i {height:15px;margin:9px 8px 0 7px}
    .product .control {font-size:14px; line-height: 22px;margin:5px 0}
    .product .mix .in {border-radius:5px}
    .product .mix .pic,.product .mix .pic img {border-top-left-radius:5px;border-top-right-radius:5px}
    .product .mix .text {padding:15px 15px 20px 15px;}
    .product .mix .text .title {height:20px; line-height: 20px;font-size:18px;margin-bottom:8px}
    .product .mix .text .subtitle {height:20px; line-height: 20px;font-size:14px}
    .product .mix .btn {padding:0 0 15px 0;bottom:-50px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
    .product .mix .btn:before {top:-5px;height:5px;}
    .product .mix .btn a {height:30px; line-height: 28px;border-radius:3px;padding:0 10px;margin:3px;font-size:13px;}
    .product .mix .btn a i {width:15px;height:15px;margin:6px 5px 0 0}
    .product .mix {width:calc(33.3333% - 6.6666px);width:-webket-calc(33.33333% - 6.6666px);}    
    .new_telst {margin:40px 0 30px 0}
    .new_telst li {height:30px;line-height:29px;border-radius:30px;font-size:16px;padding:0 15px 0 13px;margin:0 5px;}
    .new_telst li i.active,.new_telst li i.hover {width:18px;height:18px;margin:6px 7px 0 0;}
    .new_telst li i.hover {left:13px;}
    .strength {padding-bottom:50px}
    .strength .new_con_2 {margin-top:50px}
    .nutrition-standard .text {padding:30px 4% 4% 4%;}
    .nutrition-standard .text .title {font-size:22px;}
    .nutrition-standard .text .new_telst {margin:15px 0 20px 0;}
    .nutrition-standard .text .new_telst li {font-size:14px; line-height: 22px;margin:5px 0}
    .nutrition-standard .text .new_telst li i {height:15px;margin:5px 8px 0 9px}
    .nutrition-standard {padding-bottom:50px}
    .nutrition-faq .text .subject {font-size:25px; margin:0 0 0px 0}
    .nutrition-faq .text li {margin-top:25px}
    .nutrition-faq .text li .title {font-size:20px; padding:0 0 0 32px;margin:0 0 10px 0}
    .nutrition-faq .text li .sub {top:6px;width:22px;height:22px; line-height: 20px;font-size:14px; }
    .nutrition-faq .text li .content {padding:0 0 0 32px; line-height: 1.6;font-size:13px}
    .get_more{width:120px;margin:40px 0 0 -60px}
    .get_more p {height:35px; line-height:33px;font-size:16px;border-radius:35px;}
    .get_more p span {font-size:14px;margin:11px 0 0 5px;}
    .news {margin:40px 0}
    .news .item {border-radius:5px; }
    .news .item:before {height:2px;}
    .news .item .pic,.news .item .pic img {border-top-left-radius:5px;border-top-right-radius:5px;}
    .news .item .text {padding:20px 5% 0 5%;}
    .news .item .text .title {line-height: 22px;height:25px;}
    .news .item .text .title a {font-size:18px;}
    .news .item .text .content {font-size:14px;line-height: 23px; height:48px; margin-top:12px;}
    .news .item .text .date-more {padding:10px 0 15px 0;margin-top:15px}
    .news .item .text .date-more .date {font-size:14px;}
    .news .item .text .date-more .more {top:10px}
    .news .item .text .date-more .more a {font-size:14px;}
    .news .item .text .date-more .more a i {width:18px;height:18px;margin:2px 0 0 5px}
    .contact .contact-title {font-size:30px; line-height: 1.6; margin:30px 0 6% 0}
    .contact .contact-content {font-size:16px}
    .contact .contact-content img.wx {width:100px}
    .contact .contact-content img.email {width:20px;margin:5px 8px 0 0}    
    .to-top {right:5px;bottom:5px;width:20px;height:20px;border-radius:2px; }
    .to-top i {width:10px;height:10px;}    
    .rshow {padding:90px 0 50px 0}
    .rshow .title {font-size:20px; line-height:30px;}
    .rshow .date {margin:10px 0;font-size:12px}
    .rshow .addtime { padding:15px;font-size:14px;}
    .rshow .content {font-size:14px;margin:30px auto 40px auto}
    .rshow .prevnext { padding:10px 20px; }
    .rshow .prevnext .back {margin-left:-10px;}
    .foot,.footer {letter-spacing: 0}
    .foot .foot-contact .content .links {margin:12px 0 -10px 0}
}

@media only screen and (max-width:788px){
    .indpics .swiper-slide {height:0;padding:31% 0}
    .product .mix {width:calc(50% - 5px);width:-webket-calc(50% - 5px); }
    .foot {text-align:center}
    .foot .foot-contact {float:none}
    .foot .foot-contact a.logo {margin:0 auto}
    .foot .foot-contact .content .links {margin:15px 0 0px 0}
    .foot .social {float:none; text-align:center}
    .foot .social .wx {right:auto;left:50%; top:0;width:100px;margin-left:-50px}
    .social {width:200px;margin:0 auto}
    .social ul {margin-top:20px;padding-top:120px;}
}

@media only screen and (max-width:640px){
    .home-about .text {width:100%;padding-right:0}
    .home-about .pic {width:90%;padding-left:5%; text-align:center;right:0;margin-top:40px}
    .home-pic .swiper-button-next:after,.home-pic .swiper-button-prev:after { font-size:1.5vw;}
    .home-history .line {margin:0 auto;position:absolute;width:90%;top:3px;left:5%}
    .home-history .line:before {left:-5%;width:5%;}
    .home-history .line:after {right:-5%;width:5%;}
    .home-history .swiper-container {height:auto}
    .home-history .swiper-slide {height:auto;width:auto;}
    .home-history .swiper-slide .text,.home-history .swiper-slide:nth-child(odd) .text {width:auto;height:auto;padding:0; position:relative;border-width:1px;left:4px;top:0;display:block; }
    .home-history .swiper-slide .text:before,.home-history .swiper-slide:nth-child(odd) .text:before {top:0;left:-4px;width:7px;height:7px;}
    .home-history .swiper-slide .text .content {font-size:14px; line-height: 1.8;}
    .home-history .swiper-slide .text .in {padding:25px 30px 0 20px}
    .home-history ::-webkit-scrollbar {width: 0}
    .top-pic {padding:20% 0}
    .top-pic .text .title {font-size:3.8vw; line-height:1.6;letter-spacing: 1px;}
    .product .mix {width:100%; text-align: center}    
    .social li:last-of-type .pic {left:50%;right:auto;margin-left:-50px;}
    .social li:last-of-type .pic:before {left:50%;right:auto; margin-left:-8px;}
    .new_telst li {font-size:14px;padding:0 10px 0 12px;margin:0 3px;}
    .new_telst li i.active,.new_telst li i.hover {width:15px;height:15px;margin:7px 5px 0 0;}
    .new_telst li i.hover {left:12px;}
    .nutrition-faq {display:block}
    .nutrition-faq .text .in {padding:40px 4% 40px 4%;}
    .nutrition-faq .text li .content {line-height: 1.8;font-size:14px}
    .news .single_item {width:100%;margin:-4% 0 0 0}
    .news .item {width:100%;margin:4% 0 0 0;}
    .news .item .text .title {line-height: 22px;height:auto}
    .contact {padding:70% 0;height:auto;}
    .contact .contact-title {font-size:22px; line-height: 1.5; margin:30px 0 15% 0}
    .contact .contact-content {font-size:14px}
    .contact .contact-content img.wx {margin-bottom:-10px}
    .contact .contact-content img.email {margin:3px 5px 0 0}
    .news .item .text .title {line-height: 28px;height:auto;}
	.rshow .prevnext {text-align:left;}
	.rshow .prevnext .prev {width:100%;}
	.rshow .prevnext .next {width:100%; text-align: left;}
	.rshow .prevnext .back,.rshow .addtime span {display:none;}
}