﻿/* reset */
img { vertical-align: top }
button { cursor: pointer }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top; top:0!important; }
sub { vertical-align: text-bottom }
a { text-decoration: none!important; transition:0.2s all; -webkit-transition:0.1s all;  }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }
.edit_con_original{font-size:16px;
}
.edit_con_original.large{font-size: 18px;}
.edit_con_original.middle{font-size: 16px;}
.edit_con_original.small{font-size: 14px;}
.edit_con_original{ line-height:1.7em; padding:0 0; color:#333;}
.edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;}
.edit_con_original ul li { list-style-type:disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; }
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}

.animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); }
.animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);}

.animate_normal{ transition: 0.5s all linear;-webkit-transition: 0.5s all linear;}
/*.main{ transition: 0.5s all linear !important;}*/

/*两端对齐*/
.justify { text-align:justify; text-justify:distribute-all-lines;}
 
 .page_404 { width:100%; height:auto; }
 
/*所有后台编辑器区域都要引用 edit_con_original 类名*/
 

 
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
            
.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{transition:0.5s all; -webkit-transition:0.5s  all;}

#LRdiv0{ display: none!important;}
#rightLR{ position: fixed; width:50px; height:110px; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background: url(../images/online.png) no-repeat; z-index: 200000;}
#rightLR .bgLR{ cursor: pointer; position: absolute; top:0; left:0; width:100%; height:100%; z-index: 100;}
#rightLR .closeLR{ position: absolute; bottom:0; right:0; width:19px; height:17px; display: block; z-index: 200;}



.main{
    position: relative;
    z-index: 30;
}

.in_menuNav{ width:100%; height:100%; background: rgba(255,255,255,0.95); z-index: 200; position:absolute; left:0; top:0; padding:50px 0; box-sizing: border-box; visibility: hidden; opacity:0;}
.all-index .in_menuNav{position: fixed;}
.in_menuNav_header ul{ text-align: center;}
.in_menuNav_header ul li{display: inline-block; width:170px; position:relative;}
.in_menuNav_header ul li > a{ color:#000000; line-height: 38px; text-align: center; border-right:1px solid #ddd3bd; width:100%; display: block;}
.in_menuNav_header ul li:last-child a{ border-right:0;}
.in_menuNav_header ul li dl{ position:absolute; left:0; top:0; top:50px; width:100%; text-align: center;}
.in_menuNav_header ul li dl dd a{ margin-bottom: 14px; color:#5f5f5f; display: inline-block; padding:4px;}

.in_menuNav_bottom{ position:absolute; bottom:50px; width:100%; left:0; text-align: center;}
.in_menuNav_bottom a{ color:#555555;}
.in_menuNav_bottom span{ display: inline-block; width:140px; position:relative;}
.index-banner-device .in_menuNav_bottom span dl{ position:absolute; bottom:30px; width:100%; text-align: center; display: none; background: rgba(255,255,255,0.75); padding: 10px;}
.index-banner-device .in_menuNav_bottom span dl dd{ line-height: 30px;}
.index-banner-device .in_menuNav_bottom span dl dd a{ color:#121212;}

.index-banner-device .swiper-slide > a,.index-banner-device .swiper-slide > em,.index-banner-device .swiper-slide em video{ display: block; width:100%; height:auto; position: relative;}
.index-banner-device .swiper-slide > em,.index-banner-device .swiper-slide em video{ height:100%;}
.index-banner-device .swiper-slide > em{ position: absolute; left:0; top:0; z-index: 20;}


.index-banner-device{ position:relative;}
.index-banner-device .pagination{ position: absolute; bottom:40px; margin:0; z-index: 20; text-align: center; width:100%;}
.index-banner-device .pagination span{ display: inline-block; width:10px; height:10px; border-radius: 100%; margin-right: 12px; cursor: pointer;background: transparent;border: 1px solid #fff}
.index-banner-device .pagination span:last-child{ margin:0;}
.index-banner-device .pagination span.swiper-active-switch{ background: #fff;}
.index-banner-device,.index-banner-device .swiper-container{ height: auto!important;}
.index-banner-device .swiper-wrapper,.index-banner-device .swiper-slide{ height: auto!important;}
.index-banner-device img{ width:100%; height:100%;}
.index-banner-device .swiper-slide{ opacity:0;}

.index-part2,.index-part3-box1{ position:relative;}

.index-part2 > img{ width:100%; height:auto;}
.index-part2-txt h4{ text-align: center; margin-bottom:0.5em;}
.index-part2-txt > img{ display:block; margin:0 auto 10px;}
.index-part2-txt p{ text-align: center; color:#fff;}
.index-part2-txt h4 a{ color:#fff; font-weight: bold;}
.index-part2 .container{ position:absolute; z-index: 20; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.index-part2-bottom{ text-align: center;}
.index-part2-bottom h5{ margin-top: 1em; color:#fff; font-family: Impact;}
.index-part2-bottom em,.index-part2-bottom p{ color:#fff; line-height: 1.7em; margin-bottom:1.4em; display: block; width:90%;}

.index-part3-box1 > img{ width:100%; height:auto;}
.index-part3-box1 .container{ position:absolute; z-index: 20; left:15%; top:32%; transform:translate(0%,-50%); -webkit-transform:translate(0%,-50%); width:400px;}

.index-part3-box1-txt-header{ position:relative;}
.index-part3-box1-txt-header em{ color:#a88d49; display: block; width:70px; text-align: right; border-bottom:1px solid #c4a862; padding-bottom: 1.4em; position: absolute; left:0; top:50%;  transform:translate(-150%,-50%); -webkit-transform:translate(-150%,-50%);}
.index-part3-box1-txt-header h4,.index-part3-box1-txt-header h5{ color:#fff; font-weight: normal;margin-bottom: 10px;}

.index-part3-box1-txt-center{ color:#a88d49; position:relative; width:340px; padding:30px 0 30px 100px;}
.index-part3-box1-txt-center em{ display: block; width:105px; height:1px; background: #c4a862; position:absolute; right:0; top:50%; transform:translate(0%,-50%); -webkit-transform:translate(0%,-50%);}
.index-part3-box1-txt-main p{ color:#fff; line-height: 1.7em; }
.index-part3-box1-txt-main p:nth-child(3){margin-bottom: 20px;}
.index-part3-box2 li{ overflow: hidden; background: url(../images/bg_white.jpg) repeat; position:relative;}
.index-part3-box2 li > a{ display: block; width:50%; float:right;}
.index-part3-box2 li > a img{ width:100%; height:auto;}
.index-part3-box2 .index-part3-txt{ display: block; width:460px; float:left; text-align: left; left:15%; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%);}
.index-part3-box2 .index-part3-txt h4{ clear: both; position:relative; display: inline-block;}
.index-part3-box2 .index-part3-txt h4 em{ height:1px; width:40px; background: #000; display: block; position:absolute;/*transform:translate(-150%,0%); -webkit-transform:translate(-150%,0%);*/ bottom:0; left:0;}
.index-part3-box2 .index-part3-txt h4 a{ color:#080808;}
.index-part3-box2 .index-part3-txt p{ clear: both; color:#080808;}
.index-part3-box2  img{ float: right; width: 44%; }
.index-part3-box2 .swiper-slide{position: relative;}
.index-btn_ll{ position: absolute;left:20px; top:50%; margin-top:-42px; width: 42px; height: 85px; background: url(../images/nutritious_img3_arrl.png) no-repeat; background-size: cover;}
.index-btn_rr{position: absolute;right:20px; top:50%; margin-top:-42px; width: 42px; height: 85px; background: url(../images/nutritious_img3_arrr.png) no-repeat; background-size: cover;}

.index-part3-txt{ position:absolute; left:0; top:50%; transform:translate(0%,-50%); -webkit-transform:translate(0%,-50%);}


.index-part3-box2 li:nth-child(2n) a{ float:left;}
.index-part3-box2 li:nth-child(2n) .index-part3-txt{ right:15%; left:auto;}

.index-part4{ background: #e2dac3; padding:60px 0 80px;}

.index-part4 .container > img{ display: block; margin:0 auto;}
.index-part4 .container > h4{ text-align: center; margin:1em 0;}
.index-part4 .container > h4 a{ color:#0f0f0f;}

.index-part4-header{ padding-bottom: 50px; border-bottom:1px solid #d3c9ad; margin-bottom: 50px;}
.index-part4-header .col-md-6{ padding-right: 70px;}
.index-part4-header .col-md-6 >  a img{ width:100%; height:auto; }
.date-index{ width:114px; height:62px; position:absolute; left:0; top:0; background: url(../images/ind_line.png) no-repeat;}

.date-index em,.date-index i{ position:absolute; font-family: Arial;}
.date-index em{ color:#9d8c5e;}
.date-index i{ left:60px; color:#000;}

.index-part4-header .col-md-6 dt{ position:relative; min-height:62px; padding-left: 142px; margin-bottom: 35px;}
.index-part4-header .col-md-6 dt > a{ display: inline-block; padding-top: 18px; color:#000;}
.index-part4-header .col-md-6 dd p{ padding-bottom: 20px;}
.index-part4-header .col-md-6 dd a,.index-part4-header .col-md-6 dd img{ margin:0 auto; display: block; text-align: center; color:#333;}

.index-part4-main .col-md-4 dt{ position:relative; min-height:62px; padding-left: 142px; margin-bottom: 35px;}
.index-part4-main .col-md-4 dt > a{ display: inline-block; padding-top: 18px; color:#000;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 1.5em;max-height: calc(3em + 18px);max-height: -moz-calc(3em + 18px);}
.index-part4-main .col-md-4 dd p{ margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 1.5em;max-height: 4.5em;}
.index-part4-main .col-md-4 dd a,.index-part4-header .col-md-6 dd img{ margin:0 auto; display: block; text-align: center; color:#333;}

.index-part4-main .row{ margin:0 -50px;}
.index-part4-main .col-md-4{ padding:0;}
.index-part4-main .col-md-4 dl{ margin:0 50px;}

.index-part5{ position:relative; overflow: hidden;}
.index-part5 > img{ width:100%; height:auto;}

.index-part5-part{ position:absolute; top:0; left:50%; transform:translate(-50%,0%); -webkit-transform:translate(-50%,0%);}
.index-part5-part1{ width:236px; height:442px; background: rgba(220,0,0,0.2); top:-10px; transition: 0.2s linear;-webkit-transition: 0.2s linear;}
.index-part5-part1 .index-part5-part1-wrap{ width:216px; height:422px; border:1px solid rgba(255,255,255,0.4); margin: 0px 0 0 10px; position:relative; top:10px;}

.index-part5-part1-wrap .ind-p5-icon1{ display: block; margin:0 auto 46px;}
.index-part5-part1-wrap .ind-p5-icon2{ display: block; margin:0 auto 100px;}
.index-part5-part-txt{ text-align: center; color:#fff;}
.index-part5-part-txt h4{ margin-top:0.2em;}

.index-part5-part2{ width:236px; height:562px; background: none; top:50%; transform:translate(-150%,-120px); -webkit-transform:translate(-150%,-120px); transition:0.2s linear;-webkit-transition:0.2s linear; }
.index-part5-part2 .index-part5-part1-wrap{ width:216px; height:542px; border:1px solid rgba(255,255,255,0.4); margin: 0px 0 0 10px; position:relative; top:10px; background: rgba(220,0,0,0.2);}
.index-part5-part2 .index-part5-part1-wrap h4{ margin-bottom:210px; color:rgba(255,255,255,0.45); transition:0.2s linear;-webkit-transition:0.2s linear;}
.index-part5-part2 .index-part5-part1-wrap .ind-p5-icon1{ display: block; margin:0 auto 46px; opacity:0; transition:0.2s linear;-webkit-transition:0.2s linear;}


.index-part5-part3{ width:236px; height:352px; background: none; top:50%; transform:translate(50%,-100px); -webkit-transform:translate(50%,-100px); transition:0.2s linear; -webkit-transition:0.2s linear;}
.index-part5-part3 .index-part5-part1-wrap{ width:216px; height:332px; border:1px solid rgba(255,255,255,0.4); margin: 0px 0 0 10px; position:relative; top:10px; background: rgba(220,0,0,0.2);}
.index-part5-part3 .index-part5-part1-wrap h4{ margin-bottom:80px; color:rgba(255,255,255,0.45); transition:0.2s linear;-webkit-transition:0.2s linear;}
.index-part5-part3 .index-part5-part1-wrap .ind-p5-icon1{ display: block; margin:0 auto 46px; opacity:0; transition:0.2s linear;-webkit-transition:0.2s linear;}


    /*手机导航按钮开始*/
.nav_phone_btn{display: block;position: relative;cursor: pointer;margin-top:0px; height: 21px;}
.nav_phone_btn span {
    position: absolute;font-size: 0;width: 26px;height: 1px;
    background-color: #000;display: inline-block;
    transition:all 250ms ease-out;
    -webkit-transition:all 250ms ease-out;
    top:11px;
}
.nav_phone_btn span:before,.nav_phone_btn span:after {
    content: "";position: absolute;width: 100%;height: 1px;
    background-color: #000;
    left:0px;
    transition:all 250ms ease-out;
    -webkit-transition:all 250ms ease-out;
}
.nav_phone_btn span:before{top:-10px;}
.nav_phone_btn span:after{top:10px;}
.visible_nav.nav_phone_btn span{background-color: transparent;}
.visible_nav.nav_phone_btn span:before{left:0px;top:0px;
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
}
.visible_nav.nav_phone_btn span:after{top:0px;left: 0px;
    transform: rotateZ(-45deg);
    -webkit-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
}
/*手机按钮结束*/


.backtop{position: fixed;bottom: 100px;right: 30px;cursor: pointer;opacity: 0;}
@media only screen and (max-width: 1024px) {
	.backtop{display: none!important;}
}



/*hover*/
@media only screen and (min-width: 1025px) {
    a:hover{ text-decoration: none; color:#e50112 !important;}
    .index-part5-part1:hover{ background: rgba(220,0,0,0.7);}
    .tran_scale:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }
    .index-ser-part:hover{ border:1px solid #de0a17; background: #de0a17;}
    .index-ser-part:hover span.index-part4-icon1{ background: url(../images/index_icon1_w.svg) no-repeat; background-size:100% auto;}
    .index-ser-part:hover span.index-part4-icon2{ background: url(../images/index_icon2_w.svg) no-repeat; background-size:100% auto;}
    .index-ser-part:hover span.index-part4-icon3{ background: url(../images/index_icon3_w.svg) no-repeat; background-size:100% auto;}
    .index-ser-part:hover span.index-part4-icon4{ background: url(../images/index_icon4_w.svg) no-repeat; background-size:100% auto;}
    .index-ser-part:hover p{ color:#fff;}

    .index-part5-part2:hover{ background: rgba(220,0,0,0.7);}
    .index-part5-part2:hover .index-part5-part1-wrap h4{ color:rgba(255,255,255,1);}
    .index-part5-part2:hover .index-part5-part1-wrap .ind-p5-icon1{ opacity:1;}

    .index-part5-part3:hover{ background: rgba(220,0,0,0.7);}
    .index-part5-part3:hover .index-part5-part1-wrap h4{ color:rgba(255,255,255,1);}
    .index-part5-part3:hover .index-part5-part1-wrap .ind-p5-icon1{ opacity:1;}

    .in_menuNav_header ul li dl dd a:hover{ background: #dedede; color:#9e8347!important;}
    .in_menuNav_bottom a:hover{ color:#a48d5b!important;}
}


/*行高*/
.tLineHeight{ line-height: 1.2em;}
.aLineHeight{ line-height: 1.7em;}


/*font-size*/
.fnt_14 { font-size: 14px;}
.fnt_16 { font-size: 16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size: 20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px;}
.fnt_28 { font-size:28px;}
.fnt_30 { font-size:30px;}
.fnt_32 { font-size:32px;}
.fnt_34 { font-size:34px;}
.fnt_36 { font-size:36px;}
.fnt_40 { font-size:40px;}
.fnt_48 { font-size:48px;}
.fnt_52 { font-size:52px;}
.fnt_60 { font-size:60px;}
.fnt_72 { font-size:72px;}
.fnt_80 { font-size:80px;}
.fnt_100 { font-size:100px;}

.container{ padding:0;}

.footer .col-md-5 br{ display:none;}

.in_menuNav,.in_top_menuNav{ transition:0.4s linear; -webkit-transition:0.4s linear; box-shadow: 0 4px 15px rgba(0,0,0,0.5)}
.in_menuNav.on{ visibility: visible; opacity:1; top:108px;}
.in_top_menuNav.on{ visibility: hidden; opacity:0;}


/*site*/
.site{background-image: url(../images/bg_white.jpg);background-repeat: repeat;}
.site .container{position: relative;}
.site h1{padding: 1.89% 0 1.89% 0;line-height: 1.1em;border-bottom: 3px solid #a48d5b;margin-bottom: 1px;color: #000;text-align: left;display: inline-block; margin-left: 0px;}
.linkbox{display: inline-block;margin-left: 30px; float:right;padding: 1.89% 0 1.89% 0;}
.site a{color: #0f0f0f; margin:0 5px;}
.site span{color: #b5b5b5; margin-left: 5px;}





/*share*/
.shares{color:#303030;}
.shares em{display: inline-block; margin-right: 10px;position: relative;top: 2px;}
.share_b{display: inline-block;}
.share_b a{margin-right: 10px;position: relative;display: inline-block;width: 26px;height: 26px;}
.shares .img02{display: none;}
.shares a:hover img{display: none;}
.shares a:hover img.img02{display: inline-block;}
.close{color: #9e8347;padding: 0 20px;height: 30px;line-height: 30px;background: #dedede;font-size: 14px;font-weight: normal;opacity: 1;margin-bottom: 10px;}

.header-top-right-search > a{ display: none;}


/*hover*/
@media only screen and (min-width: 1025px) {
    .index-part2-img dl dd a:hover{ opacity:0.7;}
    .index-part2-img li:hover dl{ opacity:1; transform:translateY(0%); -webkit-transform:translateY(0%);}
}

@media only screen and (min-width: 767px) {

}

@media only screen and (max-width: 1520px) {
	    .fnt_14 { font-size: 12px;}
        .fnt_16 { font-size: 14px;}
        .fnt_18 {  font-size:15px;}
        .fnt_20 { font-size: 16px;}
        .fnt_22 {  font-size:18px}
        .fnt_24 { font-size:21px;}
        .fnt_28 {  font-size:24px;}
		    .fnt_30 { font-size:25px;}
        .fnt_32 {  font-size:26px;}
        .fnt_34 { font-size:27px;}
        .fnt_36 { font-size:28px;}
        .fnt_40 { font-size: 32px;}
        .fnt_48 {  font-size:38px;}
        .fnt_60 {font-size: 52px;}
        .fnt_72 { font-size:56px;}
	    .fnt_80 {font-size: 64px;}
        .fnt_100 { font-size: 80px;}
}


@media only screen and (max-width: 1679px) {
        .fnt_16 { font-size: 13px;}
        .fnt_18 {  font-size:14px;}
        .fnt_20 { font-size: 15px;}
        .fnt_22 { font-size:16px;}
        .fnt_24 { font-size:17px;}
        .fnt_28 { font-size:18px;}
    	  .fnt_30 { font-size:20px;}
        .fnt_32 { font-size:21px; }
        .fnt_34 { font-size:22px; }
        .fnt_36 { font-size:24px;}
        .fnt_40 { font-size: 27px;}
        .fnt_48 { font-size:32px;}
        .fnt_52 { font-size:40px;}
        .fnt_60 {font-size: 45px;}
        .fnt_72 { font-size:49px;}
    	.fnt_80 {font-size: 53px;}
        .fnt_100 { font-size: 68px;}

    .header-nav-center{ width:690px;}

    .index-part3-box2 .index-part3-txt{ width:380px;}
    .page{ margin:40px 0;}

    .his_swiper .swiper-slide.on em{ font-size:52px;}

}

@media only screen and (max-width: 1407px) {
        .fnt_24 { font-size:18px;}
        .fnt_28 { font-size:20px;}
        .fnt_30 { font-size:22px;}
        .fnt_32 { font-size:23px; }
        .fnt_34 { font-size:25px; }
        .fnt_36 { font-size:26px;}
        .fnt_40 { font-size: 29px;}
        .fnt_48 { font-size:35px;}
        .fnt_52 { font-size:38px;}
        .fnt_60 {font-size: 44px;}
        .fnt_72 { font-size:53px;}
        .fnt_80 {font-size: 58px;}
        .fnt_100 { font-size: 73px;}
    .in_menuNav_header ul li {
        width: 156px;
    }
}

@media only screen and (max-width: 1299px) {
        .fnt_24 { font-size:15px;}
        .fnt_28 { font-size:16px;}
    	.fnt_30 { font-size:18px;}
        .fnt_32 { font-size:19px; }
        .fnt_34 { font-size:20px; }
        .fnt_36 { font-size:21px;}
        .fnt_40 { font-size: 23px;}
        .fnt_48 { font-size:28px;}
        .fnt_52 { font-size:32px;}
        .fnt_60 {font-size: 40px;}
        .fnt_72 { font-size:44px;}
	    .fnt_80 {font-size: 47px;}
        .fnt_100 { font-size: 60px;}

    .in_menuNav_header ul li{ width:120px;}
    .in_menuNav_header ul li dl dd a{ margin-bottom: 6px;}
    .in_menuNav_header ul li dl{ top:40px;}
    .in_menuNav_bottom{ bottom:30px;}
    .in_menuNav_bottom span dl dd{ line-height: 24px;}
    .in_menuNav{ padding: 30px 0;}
    .in_menuNav_bottom span{ width:130px;}

    .header-nav-center li{ margin-right: 36px;}
    .header-nav-center{ width:560px;}

    .index-part3-box2 .index-part3-txt{ width:400px; left:8%;}

    .page{ margin:30px 0;}
    .footer-top span{ margin:0 10px;}

    .header-top-right-search input{ width:140px;}



}

@media only screen and (max-width: 1024px) {

}


@media only screen and (max-width: 1023px) {
    	.fnt_30 { font-size:16px;}
    	.fnt_34 { font-size:18px; }
    	.fnt_48 { font-size:26px;}
        .fnt_36 { font-size:19px;}
        .fnt_40 { font-size: 21px;}
        .fnt_52 { font-size:30px;}
        .fnt_60 {font-size: 36px;}
        .fnt_72 { font-size:39px;}
	    .fnt_80 {font-size: 42px;}
        .fnt_100 { font-size: 53px;}

    .in_menuNav_header ul li{ width:118px;}
}

@media only screen and (max-width: 992px) {
    .header{ margin-bottom: 0px;}
    .index-part2 .container{ position: relative; transform: translate(0%,0%); -webkit-transform: translate(0%,0%); left:0; padding: 20px 0; background: url(../images/ind_img3.png) repeat;}
    .index-part2-txt > img{ display: none;}
    .index-part2-bottom h5{ margin-top: 10px;}
    .index-part2-bottom{ padding-bottom: 0px;}
    .index-part2-bottom li{ width:50%; float:left; padding:0;}
    .index-part2 .container .row{ margin:0;}
    .index-part2-bottom li:nth-child(2n+1){ clear:both;}
    .index-part2-txt h4 a,.index-part2-txt p,.index-part2-bottom h5,.index-part2-bottom em, .index-part2-bottom p{ color:#000;}
    .index-part2-bottom em, .index-part2-bottom p{ margin:0 auto;}
    /* .index-banner-device{ margin-bottom: 20px; } */
    .index-part2-bottom em, .index-part2-bottom p{ text-align: left;}
    .index-part3-box1 .container{ position: relative; left:0; top:0;transform: translate(0%,0%); -webkit-transform: translate(0%,0%);}
    .index-part3-box1-txt-header h4, .index-part3-box1-txt-header h5,.index-part3-box1-txt-main p{ color:#000;}
    .index-part3-box1-txt{ padding:20px 0;}
    .index-part3-box1-txt-center{ width:100%; padding:10px 0;}
    .index-part3-box1-txt-center em{ display: none;}
    .index-part3-box1-txt-header em{ left:auto; right:0;transform: translate(0%,-50%);
        -webkit-transform: translate(0%,-50%);}
    .index-part3-box2 li > a{ width:100%; float:none;}
    .index-part3-box2 li:nth-child(2n) .index-part3-txt{ width:100%; float:none; position:relative; top:0; left:0; transform: translate(0%,0%);
        -webkit-transform: translate(0%,0%); padding: 25px; right:0; clear:both;}
    .index-part3-box2 .index-part3-txt{left:12%;}
    .index-part3-box2 .index-part3-txt h4 em{ display: none;}
    .index-part4-header .col-md-6{ padding-right: 0;}
    .index-part4{ padding:20px 0;}
    .index-part4-main .col-md-4 dt{ margin-bottom: 10px; padding-left: 0;}
    .index-part5-part1,.index-part5-part2,.index-part5-part3{ width:100%; height:auto; position:relative; top:0; left:0;transform: translate(0%,0%);  -webkit-transform: translate(0%,0%); box-sizing: border-box; padding:10px; display: block;}
    .index-part5-part1 .index-part5-part1-wrap,.index-part5-part2 .index-part5-part1-wrap,.index-part5-part3 .index-part5-part1-wrap{ width:100%; height:auto; margin:0; top:0;}
    .index-part5-part1-wrap .ind-p5-icon1,.index-part5-part1-wrap .ind-p5-icon2,.index-part5-part-txt,.index-part5-part2 .index-part5-part1-wrap .ind-p5-icon1,.index-part5-part3 .index-part5-part1-wrap .ind-p5-icon1{ margin-bottom: 20px;}
    .index-part5-part2 .index-part5-part1-wrap h4,.index-part5-part3 .index-part5-part1-wrap h4{ margin-bottom: 0;}
    .index-part5-part1{background: rgba(220,0,0,0.7);}
    .index-part5-part1, .index-part5-part2,.index-part5 > img{ margin-bottom: 0px;}
    .footer{ padding-bottom: 20px;}
    .footer-top{ padding-top:20px; padding-bottom: 10px; margin-bottom: 10px;}

    .footer-top span{ margin:0 3px;}
    .footer-center{ margin-bottom: 20px;}

    .index-part5-part2{ background: rgba(220,0,0,0.7);}
    .index-part5-part2 .index-part5-part1-wrap h4{ color:rgba(255,255,255,1);}
    .index-part5-part2 .index-part5-part1-wrap .ind-p5-icon1{ opacity:1;}

    .index-part5-part3{ background: rgba(220,0,0,0.7);}
    .index-part5-part3 .index-part5-part1-wrap h4{ color:rgba(255,255,255,1);}
    .index-part5-part3 .index-part5-part1-wrap .ind-p5-icon1{ opacity:1;}

    .index-part3-box1 .container{ width:auto; margin:0 25px;}
    .index-part4-header dl{ margin:0 10px; }
    .date-index{ position:relative;}
    .index-part4-header .col-md-6 dt{ min-height:inherit; padding-left: 0;}
    .date-index{ width:auto; height:auto; overflow: hidden; background-position: -8px center; background: none;}
    .date-index em, .date-index i{ position: relative;}
    .date-index i{ left:5px;border-left: 1px solid #9d8c5e;padding-left: 5px;}
    .index-part4-header .col-md-6 dt > a{ padding-top: 10px;}
    .index-part4-header .col-md-6 dt{ margin-bottom: 10px;}
    .index-part4-header .col-md-6 dd p{ padding-bottom: 10px;}
    .index-part4-header .row{ margin:0;}
    .index-part4-header .col-md-6{ padding:0;}
    .index-part4-header{ padding-bottom:20px; margin-bottom: 20px;}
    .index-part4-header dl{ padding:20px 25px 0; margin:0;}

    .index-part4-main .col-md-4 dt > a{ padding-top:10px;}
    .index-part4-main .row{ margin:0;}
    .index-part4-main .col-md-4 dl{ margin:0 25px;}
    .index-banner-device .pagination{ bottom:10px;}

    .in_menuNav.on{ visibility: hidden; opacity:0;}
    .in_top_menuNav.on{ visibility: visible; opacity:1;}
    .scollheader .header-top .in_top_menuNav{top: 72px;}

 



    .index-page .header{ position: relative;}
    .index-part2-bottom em, .index-part2-bottom p{ width:auto;}
    .index-part2-bottom{ margin:0 25px;}
    .index-part2-bottom li{ text-align: justify;}
    .index-part2-bottom li em,.index-part2-bottom li p,.index-part2-bottom li h5{ margin-right: 14px; text-align: justify;}
    .index-part2-bottom li:nth-child(2n) em,.index-part2-bottom li:nth-child(2n) p,.index-part2-bottom li:nth-child(2n) h5{ margin-left:14px; margin-right: 0;}

    .footer .container{ margin:0 25px;}

    .index-btn_ll{width: 20px;}
    .index-btn_rr{background-size: 100%; width: 20px; background-position: center center;}  
    .index-part3-box2,.index-part3-box2 .swiper-container,.index-part3-box2 .swiper-wrapper,.index-part3-box2 .swiper-slide{height: auto!important;} 

}

@media only screen and (max-width: 767px) {
	    .fnt_22{ font-size:14px;}
        .fnt_32 { font-size:18px;}
        .fnt_36 { font-size:17px;}
        .fnt_40 { font-size: 18px;}
        .fnt_48 { font-size:16px;}
        .fnt_52 { font-size:16px;}
        .fnt_60 {font-size: 18px;}
        .fnt_72 { font-size:24px;}
	    .fnt_80 {font-size: 31px;}
        .fnt_100 { font-size: 40px;}

        .index-part2-txt{ margin-bottom: 20px;}
    .index-part2-bottom h5{ font-size:40px;}


    .linkbox{ display: none;}

    .index-part3-box2  img{width: 100%; float: none;}
    .index-part3-box2 .index-part3-txt p{color: #fff;}
	
	.nav_phone_btn span{width: 25px;}
	.nav_phone_btn{height: 22px;}
	.header-other .header-top-right-menu{width: 35px;padding: 5px;right: 26px;height: 34px;top: 22px;}
	.nav_phone_btn span:before{top: -7px;}
	.nav_phone_btn span:after{top: 7px;}

    .footer-top em dl{
        display: none;
    }
    footer-top{
        text-align: left;
    }
    .footer-top em{
        display: inline-block;
        width:32.3%;
        text-align: center;
    }
}

.header-top-right-menu{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all; background: rgba(255,255,255,0.5);padding:10px; width:47px; height:44px; }
.scollheader .header-top-right-menu{}
/*.scollheader .in_menuNav {position: fixed; top:109px;}
.scollheader .header-top .in_top_menuNav{position: fixed; top:0;}*/

@media only screen and (max-width: 768px) {
.scollheader .header-top-right-menu{ position: absolute; right: 50px;}

.scollheader .in_menuNav {position: static;}
.scollheader .header-top .in_top_menuNav{position: static; }

}





/*2018-1-11修改*/
.all-index .header{padding-top: 0px;background: none;}
.all-index .header .header-top{position: fixed;height: 134px;top: 0px;padding-bottom:14px;padding-top: 14px;background: rgba(0,0,0,0.5)}
.all-index .header .header-top .topbox{margin-bottom: 44px;transition: all .3s;height: 29px;}
.all-index .header .header-top .topbox a{color: #fff;}
.all-index .header .header-top .language{float: left;width: 50%;text-align: right;padding-right: 110px;box-sizing: border-box;}
.all-index .header .header-top .language a{display: inline-block;position: relative;padding: 4px 8px 4px 30px;}
.all-index .header .header-top .language a:last-child{margin-left: 16px;padding-left: 16px;}
.all-index .header .header-top .language a:last-child:before{content: "";display: block;position: absolute;border-left: 1px solid #fff;height: 1em;transform: rotate(-30deg);left: -3px;top: 9px;}
.all-index .header .header-top .linkbox{float: left;width: 50%;text-align: left;padding-left: 110px;box-sizing: border-box;margin: 0;display: block;padding-top: 5px;}
.all-index .header .header-top .linkbox a{margin-right: 13px;}
.all-index .header .header-top .linkbox a img{width: 20px;height: 20px;}
.all-index .header .header-top .linkbox a.mall{padding: 4px 8px 4px 30px;line-height: 1.1em;border-radius: 15px;border: 1px solid #fff;background-image: url(../images/index_icon03.png);background-repeat: no-repeat;background-size: auto;background-position:8px center;}
.all-index .header .header-top .share{display: inline-block;}
.all-index .header .new_nav{text-align: center;max-width: 1069px;margin: auto;}
.all-index .header .new_nav li{display: block;padding: 0 20px;width: 14.27%;float: left;box-sizing: border-box;text-align: center;position: relative;}
.all-index .header .new_nav li.logo{transform: translateY(-75px);-webkit-transform: translateY(-75px);}
.all-index .header .new_nav li.logo img{max-width: 88px;width: 100%;}
.all-index .header .new_nav li a{color: #fff;}
.all-index .header .new_nav dl{position: absolute;top: 50px;
left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);width: 140px;background: rgba(0,0,0,0.5);text-align: center;padding: 10px 20px;visibility: hidden;opacity: 0;transition: 0.4s linear;-webkit-transition: 0.4s linear;font-size: 14px;}
.all-index .header .new_nav dd{line-height: 2em;font-size: 14px;}
.all-index .header .new_nav dl.on{visibility: visible;opacity: 1;}

.index-banner-device .swiper-slide{position: relative;}
.index-banner-device .txt{position: absolute;top: 70%;left: 30%;color: #fff;opacity: 0;transition: all 2s; -webkit-transition: all 2s;  z-index: 9999; }
.index-banner-device .on .txt{opacity: 1;margin-right:0px;left: 50%;}
.index-banner-device .txt h1{font-weight: bold;line-height: 1.1em;margin-bottom: 0.4em;}
.index-banner-device .txt em{line-height: 1.1em;}

.index-part1 .row,.index-part2 .row,.index-part3 .row{margin: 0; position: relative}
.index-part1 .col-md-6,.index-part2 .col-md-6,.index-part3 .col-md-6,.index-part2 .col-md-5,.index-part3 .col-md-7,.index-part3 .col-md-5,.index-part1 .col-sm-6{padding: 0;position: relative;}
.index-part1{position: relative;}
.index-part1 .listbox{width: 100%;height: 100%;position: relative;}
.index-part1 .list{width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .5s;-webkit-transition: all .5s;}
.index-part1 .list .imgbox{display: block;width: 100%;height: 100%;background-size: contain;transition: all .5s;-webkit-transition: all .5s;background-repeat: no-repeat;}
.index-part1 .list .imgbox img{display: none;}
.index-part1 .list:nth-child(1){transform: translateX(0);-webkit-transform: translateX(0);}
.index-part1 .list:nth-child(2){transform: translateX(50%);-webkit-transform: translateX(50%);}
.index-part1 .list:nth-child(3){transform: translateX(75%);-webkit-transform: translateX(75%);}
.index-part1 .item-1 .list:nth-child(1){transform: translateX(0);-webkit-transform: translateX(0);}
.index-part1 .item-1 .list:nth-child(2){transform: translateX(50%);-webkit-transform: translateX(50%);}
.index-part1 .item-1 .list:nth-child(3){transform: translateX(75%);-webkit-transform: translateX(75%);}
.index-part1 .item-2 .list:nth-child(1){transform: translateX(0);-webkit-transform: translateX(0);}
.index-part1 .item-2 .list:nth-child(2){transform: translateX(25%);-webkit-transform: translateX(25%);}
.index-part1 .item-2 .list:nth-child(3){transform: translateX(75%);-webkit-transform: translateX(75%);}
.index-part1 .item-3 .list:nth-child(1){transform: translateX(0);-webkit-transform: translateX(0);}
.index-part1 .item-3 .list:nth-child(2){transform: translateX(25%);-webkit-transform: translateX(25%);}
.index-part1 .item-3 .list:nth-child(3){transform: translateX(50%);-webkit-transform: translateX(50%);}
.index-part1 .txt{position: absolute;top: 60px;left: 60px;transition: all .5s;opacity: 0;-webkit-transition:all .5s;transform: translateY(30px);-webkit-transform: translateY(30px);}
.index-part1 .on .txt{opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);}
.index-part1 h3{position: absolute;bottom: 30px;left: 22%;transition:all .5s;-webkit-transition:all .5s;color: #fff;transform: translate(-139%,0);-webkit-transform: translate(-139%,0);opacity: 1;}
.index-part1 .on h3{transform: translate(-139%,20px);-webkit-transform: translate(-139%,20px);opacity: 0;}
.index-part1 .txt h4{line-height: 1.1em;font-weight: bold;margin-bottom: 23px;color: #fff!important}
.index-part1 .txt p{line-height: 2em;position: relative;color: #fff!important}
/*.index-part1 .txt p:before{content: "";display: block;position: absolute;left: 0;top:2em;width: 12em;border-bottom: 2px solid #fff;}*/
@media only screen and (max-width: 1300px){
	.index-part1 .txt{top: 30px;left: 30px;}
	.index-part1 h3{transform: translate(-125%,0);-webkit-transform: translate(-125%,0);}
}
@media only screen and (max-width: 1024px){
	.index-part1 .txt{width: 30%;opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);}
	.index-part1 .txt p{line-height: 2em;}
	.index-part1 .txt p:before{display: none;}
	.index-part1 h3{display: none;}
	.index-part1 .list:nth-child(2){transform: translateX(33.33%)!important;-webkit-transform: translateX(33.33%)!important;}
	.index-part1 .list:nth-child(3){transform: translateX(66.66%)!important;-webkit-transform: translateX(66.66%)!important;}
}
@media only screen and (max-width: 1023px){
	.index-part1 .txt{top: 20px;left: 20px;width: 25%;}
}
@media only screen and (max-width: 767px){
	.index-part1{height: auto!important;}
	.index-part1 .listbox .list{height: 150px;position: static;transform: translateX(0)!important;-webkit-transform: translateX(0)!important;}
	.index-part1 .list .imgbox{background-size: cover;background-position: center center;}
	.index-part1 .list .txt{display: none;}
	.index-part1 .list h3{display: block;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom: 15px;opacity: 1;}
}

.index-part2 .imgbox,
.index-part3 .imgbox{display: block;width: 100%;overflow: hidden;position: relative;}
.index-part1 .imgbox img,
.index-part2 .imgbox img,
.index-part3 .imgbox img{width: 100%;}
.index-part2 .txt,
.index-part3 .txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);line-height: 2em;}
.index-part2 .txt h4,
.index-part3 .txt h4{position: relative;line-height: 1.1em;margin-bottom: 0.8em; font-weight: bold}
.index-part2 .txt h4:before,
.index-part3 .txt h4:before{position: absolute;content: "";display: block;left: 0;transform: translateX(-120%);-webkit-transform: translateX(-120%);bottom: 0;width: 45px;border-bottom: 1px solid #000; display: none;}
.index-part3 .txt p{line-height: 2.3em;}
.index-part1 .col-md-6.first .txt{left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);bottom: auto;}
.index-part2 .txt{color: #000;}
.index-part2 .imgbox:last-child{background: url(../images/index_img07.jpg) no-repeat;background-size: cover;}
.index-part2 p{color: #3b3b3b; line-height: 2.3em}
.index-part3 video{width: 100%;height: 100%;}
.index-part3 h5{color: #fff;}
.index-part3 h5 em{font-weight: bold;vertical-align: middle;}
.index-part3 .imgbox:last-child{background: #454545}
.index-part3 .txt{color: #fff;}
.index-part3 .txt h4:before{border-color: #fff;}
.index-part2.special{background: #dc0000}
.index-part2.special .imgbox:first-child{background: url(../images/index_img08.jpg) no-repeat;background-size: cover;}
.index-part2.special *{color: #fff;}
.index-part2.special h4:before{border-color: #fff;}
.index-part2.special h5 em{font-weight: bold;}
.index-part2.special p{margin-bottom: 2em; line-height: 2.3em;}
.all-index .header-top .logobox{left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);position: absolute;top: 0;top: 50%;}
.all-index .header-top .logobox a{width: 60px;display: block;}
.all-index .header-top .logobox img{width: 100%;}

@media only screen and (min-width: 1025px){
	.all-index .header-top-right-menu{display: none;}
	.all-index .header-top .logobox{display: none;}
	.all-index.scollheader .header-top{height: 100px;background: rgba(0,0,0,0.5);top: 0;}
	.all-index.scollheader .header .header-top .topbox{overflow: hidden;height: 0;}
	.all-index.scollheader .header .new_nav li{font-size: 18px;transform: translateY(-30px);-webkit-transform: translateY(-30px);}
	.all-index.scollheader .header .new_nav li.logo{transform: translateY(-46px);-webkit-transform: translateY(-46px);}
	.all-index.scollheader .header .new_nav li.logo img{max-width: 60px; }
}


@media only screen and (max-width: 1280px){
	.all-index .header{padding-top: 35px;}
	.all-index .header .header-top{top: 0px;}
	.all-index.scollheader .header-top{top: 0;}
	.all-index .header .new_nav{max-width: 900px;}
	.all-index .header .new_nav li.logo{transform: translateY(-66px);-webkit-transform: translateY(-66px);}
	.all-index .header .new_nav li{padding: 0 15px;}
}

@media only screen and (max-width: 1024px){
	.all-index .header{padding-top: 20px;}
	.all-index .header .header-top{height: 108px;top: 0px;background: rgba(0,0,0,0.5);top: 0;}
	.all-index.scollheader .header-top{top: 0;}
	.all-index .header .header-top .topbox{margin-bottom: 0;padding-top: 10px;}
	.all-index .header .new_nav{display: none;}
	.all-index.scollheader .header-top .in_top_menuNav{top: 108px;}

    .water-n-outer{
        width:90%!important;
    }
}

@media only screen and (max-width: 1023px){

    /* .index-part2 .col-md-6,.index-part3 .col-md-5,.index-part2 .col-md-6{height:auto!important;} */
    .index-part2 .col-md-6 > a,.index-part3 .col-md-5 > a{position: relative}
    /* .index-part2 .imgbox,
    .index-part3 .imgbox{height: auto!important;} */
	.index-part2 .imgbox .txt,
	.index-part3 .col-md-5 .imgbox .txt{position: relative;top: 0;left: 0;transform: translate(0);-webkit-transform: translate(0);padding: 40px;}
    .all-index .header-top .in_top_menuNav{top: 108px}
    
	
}

@media only screen and (max-width: 767px){
	.all-index .header-top .logobox a{width: 40px;}
	.all-index .header .header-top{height: 80px;padding: 15px 0;}
	.all-index .header-top-right-menu{top: 16px;}
	.all-index .header-top .in_top_menuNav{top: 80px;}
	.all-index .header .header-top .topbox{float: left;width: 50%;padding-left: 10px;text-align: left;padding-top: 0;}
	.all-index .header .header-top .language{margin-bottom: 7px;}
	.all-index .header .header-top .language,
	.all-index .header .header-top .linkbox{padding-right: 0;text-align: left;float: none;width: 70%;padding: 0;display: inline-block;}
	.all-index .header .header-top .language a:first-child{padding: 0;line-height: 1.1em}
	.all-index .header .header-top .language a:last-child{padding: 0;margin-left: 3px;border-left: 1px solid #fff;padding-left: 6px;}
	.all-index .header .header-top .language a:last-child:before{display: none;line-height: 1.1em}
	.all-index .header .header-top .linkbox a.mall{display: none;}
    .index-banner-device{margin-bottom: 0;}
}


.main-other-bg{ background: url(../images/de_cue_bg.jpg) repeat left top;}
.cue-wrap{ padding:240px 0 140px; width:90%; max-width:768px; margin:0 auto;}
.cue-box img{ width:100%; height:auto;}
.cue-wrap .cue-box cue-box-404 img{ width:100%; height:auto;}
.cue-box-404-bottom{ background: url(../images/de_cue_img2.jpg) repeat; line-height: 78px; color:#fff; text-align: center;}
.cue-box-500-bottom{ background: #dc0000; line-height: 78px; color:#fff; text-align: center;}

@media only screen and (max-width: 1024px) {
    .cue-wrap {
        padding: 180px 0 100px;
    }
}


.index-p3-v{
    display: block;
}
.index-p3-m{
    display: none;
}

@media only screen and (max-width: 768px) {
    .index-p3-v{
        display: none;
    }
    .index-p3-m{
        display: block;
        width:100%!important;
        height:auto!important;
    }
    .pc_ban{
        display: none!important;
    }
}

.all-index .header .header-top .linkbox a{
    position: relative;
}
.all-index .header .header-top .topbox{
    position: relative;
    z-index: 2000;
}
.wx-outer{
    position: absolute;
    left:0;
    top:120%;
    display: none;
}
.wx-outer img{
    width:114px!important;
    height:114px!important;
    padding:5px;
    background: #fff;
}


.index-part2 .col-md-6{
    position: relative;
}



.index-part2 .ip2-r{
    position: absolute;
    right:0;
    top:0;
    height:100%;
}

.index-part2 .col-md-6 > a{
    display: block;
    position: absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
}

.index-part2 .spec-true{
    display: block;
    position: absolute;
    left:0;
    top:0;
    height:100%;
}

.index-part2 .ip2-l > a{
    position: relative;
    height:auto;
}

.index-part3 .col-md-5{
    position: absolute;
    right:0;
    top:0;
    height:100%;
}

.index-part3 .col-md-5 > a{
    display: block;
    position: absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
}

@media (max-width:1023px){
    .index-banner-device .txt{top: 60%; left: 50%; width: 78%; transform: translateX(-70%);-webkit-transform: translateX(-70%);}
    .index-banner-device .on .txt{ left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);}
}
@media (max-width:991px){
    .index-part2 .ip2-r,.index-part3 .col-md-5,.index-part2 .col-md-6 > a,.index-part3 .col-md-5 > a,.index-part2 .spec-true{
        position: relative;
        height:auto;
    }
    .index-part2.special .spec-false{display: none;}
}

.water-new-part1-txt p, .water-new-part3-l p, .water-new-part4-r p, .water-new-part5-l p, .water-new-part6-r p{
     display: block!important;
     /*font-size:12px;*/
     line-height: 1.7em!important;
 }

@media (max-width:768px) {
    .industry-new-part2-list li{
        margin-bottom: 0!important;
    }
    .industry-new-part2-button{
        display: none!important;
    }
    .industry-new-part2 .industry-new-part2-txt{
        padding-bottom: 0!important;
    }

    .nutritious-new-part3-l, .nutritious-new-part3-r{
        display: block!important;
    }
    .nutritious-new-part3-c{
        width:35.48%!important;
    }
    .nutritious-new-part3{
        background: url(../images/nutritious_n_img3c.jpg) repeat;
    }

}

@media (max-width:767px){
    /* .index-part2 .ip2-r,.index-part3 .col-md-5,.index-part2 .col-md-6 > a,.index-part3 .col-md-5 > a,.index-part2 .spec-true{
        position: relative;
        height:auto;
    } */
    .spec-false{
        display: none;
    }

    /* .index-banner-device .txt{top: 60%; left: 50%; width: 78%; transform: translateX(-70%);-webkit-transform: translateX(-70%);}
    .index-banner-device .on .txt{ left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);} */
    .water-new-part1-txt p, .water-new-part3-l p, .water-new-part4-r p, .water-new-part5-l p, .water-new-part6-r p{
        line-height: 1.3em!important; font-size:12px;
    }
	

    .water-new-part1-txt p br, .water-new-part3-l p br, .water-new-part4-r p br, .water-new-part5-l p br, .water-new-part6-r p br{
        display: none;
    }

    .water-new-part5-l{

    }

    .water-new-part5-l{
        
        padding-bottom: 4em;
    }
   

    .nutritious-new-part3-l{
        width:30%!important;
    }
    .nutritious-new-part3-c{
        width:70%!important;
    }
    .nutritious-new-part3-r{
        width:100%!important;
    }

    .header-top .in_menuNav_header{
        border:0;
    }
    .all-index .header{
        padding-top: 0;
    }
    .header-top .in_menuNav_header ul li,.header-top .in_menuNav_bottom span{
        width:100%;
        margin-bottom: 0;
        border-bottom:1px solid #999;
        padding:5px 0;
    }
    .header-top .in_menuNav_header ul li a,.header-top .in_menuNav_bottom span{
        text-align: center;
    }
    .header-top .in_menuNav_header ul li dl,.header-top .in_menuNav_bottom span dl{
        display: none;
    }
    .header-top .in_menuNav_bottom{
        padding-top: 0;
        padding-bottom: 20px;
    }

}


.share_b{
    float:left;
}
.shares em{
    float:left;
}
.share_b a{
    float:none!important;
    font-size: 14px !important;
    line-height: 1.5!important;
    width:0;
    height:26px!important;
    padding-left: 26px!important;
    background: none!important;
    margin:0px!important;
    margin-right:10px!important;
    position: relative!important;
}

.share_b a img{
    display: none!important;
}
.share_b a{
}
.share_b a:nth-child(1){
    background: url(../images/share_icon01.png) no-repeat!important;
}
.share_b a:nth-child(2){
    background: url(../images/share_icon03.png) no-repeat!important;
}
.share_b a:nth-child(3){
    background: url(../images/share_icon04.png) no-repeat!important;
}
.share_b a:nth-child(4){
    background: url(../images/share_icon05.png) no-repeat!important;
}
/*.share_b a:nth-child(5){*/
    /*background: url(../images/share_icon05.png) no-repeat!important;*/
/*}*/


@media (max-width:340px){
.water-new-part1 h4,.water-new-part2 h4,.water-new-part3 h4,.water-new-part4 h4,.water-new-part5 h4,.water-new-part6 h4{font-size:16px; padding-bottom:5px!important; margin-bottom:5px!important;}
}