/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:16px;font-family:' '; color:var(--color-four);}
.beijin{ background:#fafafa}
a{color:var(--color-three);}
a:hover{ color:var(--color-one); }
p{line-height:1.8em; padding:0px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ margin:0 auto;     padding: 0 8.333vw;     width: 100%; box-sizing:border-box;}

:root{
	
    --color-whiteblock:#ffffff;
    --color-blockwhite:#000000;
    --color-one:#cd0000;
    --color-two:#444;
    --color-three:#333;
	--color-four:#666;
	--color-fiver:#a2a2a2;
	
	/*CCC*/
	--main-temBold: 'temBold';
	--main-temLight: 'temLight';
	--main-temMid: 'temMid';
	--main-temRegular: 'temRegular';
	--main-temThin: 'temThin';
	--main-color: #df453e;
	--main-color-white: #ffffff;
	--main-color-555: #555555;
	--main-color-999: #999999;
	--main-color-666: #666666;
	--main-color-333: #333333;
	--main-color-888: #888888;
	--main-color-222: #222222;
	--main-transition: all ease 0.4s;
	--main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}



.header-bg{     border-bottom: 1px solid #eee; background:#fff; position:fixed; left:0; top:0; z-index:99; width:100%;}
.logo{ float:left; display:block; width:10.938vw}
.logo a{height: 4.688vw;display: flex;justify-content: center;align-items: center;}
.logo a img{ max-width:100%; vertical-align:bottom; max-height:100%} 
.jtzx{ float:right; position:relative; display:block; width:7.5vw;    border-left: 1px solid #eee;  border-right: 1px solid #eee;   font-size: 20px; 
    line-height: 4.688vw; text-align:center;}
.jtzx h2{font-size: 20px; font-weight:normal; color:var(--color-three);     display: flex;
    justify-content: center;
    align-items: center;
}
.jtzx h2 img{ width:10px;}
.xia{ display:none; position:absolute; top:100%; left:0; width:100%; background:#fff;     padding: 0.781vw 0.521vw; box-sizing:border-box;}
.jtzx:hover .xia{ display:block; } 
.xia ul li{    line-height: 2.5vw;
    font-size: 20px;}
 
 
 /*menu*/
.menu{    padding-left: 2.813vw; height: 4.688vw; line-height: 4.688vw; float:left;}
.menu ul li{ float:left; position:relative;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:100%;  padding:.781vw 1.2vw;display:none;   border: 1px solid #f5f5f5; border-bottom: 2px solid var(--color-one);;   }
.menu ul li dl dd{     line-height: 1.5vw;
    padding: 0.5vw 0;
    font-size: 20px; position:relative}
	.menu ul li dl dd>dl{ top:0; left:100%;}
.menu ul li dl dd a{  color:var(--color-three); font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:var(--color-one);}
.menu a{ font-size: 17px;color:var(--color-two); text-decoration:none;display:block;text-align:center;padding: 0 1.302vw}
.menu a:hover{color:var(--color-one); }
a.menu_hover{color:var(--color-one); }
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
.menu ul li.hover span>a{ color:var(--color-one);}

.top{ height:4.688vw}
.banner{ width:100%;}
.shp{ width:100%;}
.shp video{ width:100%; vertical-align:bottom;}
.swiper-pagination01{ text-align:right !important; left:inherit !important;    right: 3% !important;     bottom: 2% !important;}
.swiper-pagination01 span{ width:11.198vw;  border-radius:0;    height: 2px; background:#a9a4a5 !important}
.swiper-pagination01 .swiper-pagination-bullet-active{ background:#dc3545!important}

.title{}
.title h2{    font-size: 2.865vw; color: #333; font-weight:normal}

.cent01{   display: flex; justify-content: center; align-items: center;  justify-content: space-between; background:#f8f6f9;}
.cent01-r{ width:50%;}
.cent01-r img{ width:100%; vertical-align:bottom;}
.cent01-1{ width:24.479vw; box-sizing:border-box;  margin:0 auto;}
.cent01-1 span{    font-size: 20px;     margin: 0; padding-top: 2.083vw;  padding-bottom: 20%;  line-height: 1.67; display:inline-block;  color:var(--color-four);}
.chakan{display: inline-block;border: 1px solid #7a7a7c;    min-width: 8.563vw;padding: 0 1.667vw;line-height: 3.385vw;text-align: center;color:var(--color-four);font-size: 20px;vertical-align: middle;cursor: pointer;}
.chakan::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.302vw;
    height: 1.302vw;
    margin-left: 0.208vw;
    background: url(../images/readMore.png) no-repeat center;
    background-size: 1.302vw 1.302vw;
}
.chakan:hover {
    color: #fff;
    background-color: var(--color-one);;
    border: 1px solid var(--color-one);;
    transition: all 0.8s;
}
.chakan:hover::after {
    background: url(../images/moreHover.png) no-repeat center !important;
    background-size: 25px 25px;
}


.cent02 strong{ font-size:20px; font-weight:normal; padding-top: 1.667vw; display:block;}

/*slideTxtBox_01*/
.slideTxtBox_01 .hd{ width:28%; float:left;    padding-top: 4.479vw;}
.slideTxtBox_01 .hd ul li.on{cursor:pointer; } 
.slideTxtBox_01 .hd ul li.on a{ color:var(--color-one);}
.slideTxtBox_01 .hd ul li{padding-bottom: 2.24vw;}
.slideTxtBox_01 .hd ul li a{ font-size:1.25vw; color:#888}
.slideTxtBox_01 .bd{ padding-top: 4.479vw; float:left; overflow: hidden;  width: 71.9%;}
.gundong{position:relative;padding-bottom: 3.604vw;} 
.yys{ width:100%; background:#fff;}
.yys .img{ width:100%}
.yys .img a{ display:block; overflow:hidden; display: flex;
    justify-content: center;
    align-items: center; height:360px;
}
.yys .img a img{cursor:pointer; transition: all 0.5s; max-width:100%; max-height:100%; }
.yys .img a img:hover{ transform: scale(1.3);}
.yys span{ display:block;    color: #333;
    font-size: 1.146vw;
    padding: 7% 0.521vw;
    line-height: 1.458vw;
}
.yys:hover span{    color: var(--color-one);;}
.gundong .swiper-button-next{    width: 2.604vw;
    height: 2.604vw;
    top: inherit;
    left: 3.125vw;
    bottom: 0 !important;
    background:url(../images/tu01.png) no-repeat;
    background-size: 2.604vw 2.604vw;}
.gundong .swiper-button-prev:after, .gundong .swiper-button-next:after{ display:none}
.gundong .swiper-button-next:hover{ background:url(../images/tu04.png) no-repeat !important;  background-size: 2.604vw 2.604vw !important}
 .gundong .swiper-button-prev{  width: 2.604vw;
    height: 2.604vw;
    top: inherit;
    left:0;
    bottom: 0 !important;
    background:url(../images/tu02.png) no-repeat;
    background-size: 2.604vw 2.604vw;}    
 .gundong .swiper-button-prev:hover{ background:url(../images/tu03.png) no-repeat !important;  background-size: 2.604vw 2.604vw !important}	 

.cent04{ padding:4.271vw 8.333vw 10vh}
.cent04-01{    display: flex;
    justify-content: center;
    align-items: center;  justify-content: space-between}
.cent04-1{ width:35.521vw}
.cent04-1 span{    color:var(--color-four); font-size: 20px; display:block; padding-top:1.563vw}
.cent04-1 a{ margin-top:1.667vw;}	 
.cent04-r{ width:27.135vw}
.cent04-r em{ display:block;    width: 20px;
    height: 2px;
    background-color: #db0029;}
.cent04-r span{ font-size:20px; line-height:1.67; color:var(--color-four); display:block;    padding-top: 2.135vw;}
.cent04 .img{    padding-top: 4.427vw; width:86%;}
.cent04 .img img{ width:100%}
.cent04 .img01{ width:100%; padding-top: 4.427vw;}
.cent04 .img01 img{ width:100%}
.cent05{    display: flex;
    justify-content: center;
    align-items: center;   justify-content: space-between; padding-top:5.208vw; padding-bottom:4.688vw}

.footer-bg{ background:#f4f4f4}
.footer-l{ float:left; display:block; width:60.5%;    padding: 5.469vw 0 0 0;}
.footer-l dl dd{ float:left; display:block; width:33.33%}
.footer-l dl dd h2{ margin-bottom:2.708vw}
.footer-l dl dd h2 a{ color:var(--color-three);    font-weight: 400; font-size:22px}
.footer-l dl dd ul li{    margin-bottom: 20px;}
.footer-l dl dd ul li a{ font-size:20px;     color:var(--color-four);}
.footer-l dl dd ul li a:hover{ color:var(--color-one);}
.footer-r{ float:left;
    padding: 5.469vw 0 0 4.479vw;
    border-left: 1px solid #e5e5e5;
    text-align: left; min-height:31.25vw; box-sizing:border-box;
}
.footer-r h2{ margin-bottom:2.708vw; color:var(--color-three);    font-weight: 400; font-size:22px}
.footer-r h3{ font-size:2.083vw; color:var(--color-one); background:url(../images/tup.png) no-repeat right 35%;    background-size: 0.833vw 0.677vw; width:7.292vw;}
.footer-r h4{ color:var(--color-fiver);; padding-bottom:2.083vw; font-size:20px; font-weight:normal;}
.footer-r h5{ color:var(--color-four); font-size:20px; font-weight:normal; margin:0;}
 .erme{ margin-top:2.865vw; }
  .weixin {
            position: relative;    font-size: .938vw;
    vertical-align: middle;
    width: 10.417vw;
    color: var(--color-fiver);;
    display: inline-block; background:url(../images/ru02.png) left center  no-repeat; background-size: 1.302vw 1.302vw; padding-left:1.823vw;
        }
 
        .weixin .qrcode {
           opacity: 0;
    position: absolute;
    width: 4.688vw;
    height: 4.688vw;
    bottom: -4.688vw;
    left: -1.667vw;
        }
  .weixin .qrcode img{ width:100%;}
        .weixin:hover .qrcode {
            transform: scale(1);
            opacity: 1;
        }
.footer03{display: flex;
      justify-content: space-between;
    align-items: center;
}
.footer03 span {
    font-size: 20px;
    width: 63%;
    padding-left: 8.333vw;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;color: #adadad;
    line-height: 4.688vw;
}
.footer03 span a{ color:#adadad;}
.footer03 strong{ width:37%; height:65px}
.footer03 strong img{ max-height:100%; max-width:100%; vertical-align:bottom; display: flex; justify-content: center;  align-items: center;}
 
 .cent03{ position:relative}
 .mySwiper02{ width:100%; height:100%; z-index:6;}
 .tup{ position:relative}
 .tup .img{ width:100%;}
 .tup .img img{ width:100%; vertical-align:bottom; z-index:1}
 .tup01{display: flex; align-items: center;  justify-content: space-between; position:absolute; top:0; width:100%;padding-top: 10vh; padding-left: 8.333vw; box-sizing:border-box;  color: var(--color-whiteblock); padding-right: 8.333vw;}
 .tup01-l .title h2{  color: var(--color-whiteblock);}
.tup01-l{ text-align:left;}
.tup01-l a{ margin-top:1.667vw;   color: var(--color-whiteblock); border: 1px solid #fff;}	
.tup01-l .chakan::after{ background: url(../images/moreHover.png) no-repeat center;} 
.tup01-r{ width:27.135vw;  color: var(--color-whiteblock); text-align:left;}
.tup01-r em{ display:block;    width: 20px;
    height: 2px;
    background-color: #db0029;}
.tup01-r span{ font-size:20px; line-height:1.67;  display:block;    padding-top: 2.135vw;}
 
.mySwiper03{ position:absolute !important; bottom:0; background:url(../images/waterCurve.6dcc0989.png) top no-repeat !important; background-size:100% cover !important; z-index:9; height:30vh !important;}
.mySwiper03 .swiper-slide{ overflow:hidden;} 
.mySwiper03 .swiper-slide a{ text-align:center; display:block;}
.mySwiper03 .swiper-slide a>.ig {
      margin: 0!important;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    background-image: none;
    z-index: 99999;
    transition: all .5s; position:relative;
}
.mySwiper03 .ig>div.ig{    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 -7px;
    background-color: #fff;
    border: 3px solid #333;
    border-radius: 50%; box-sizing:border-box;}
.mySwiper03 .ig:after {
    content: attr(attr-name);
    display: block;
    font-size: .729vw;
    top: 20px;
    margin-left: -100%;
    color: #8f98a6;
    width: 100px;
    text-align: left;
    position: relative;
}
.tp{ display:none} 
.mySwiper03 .swiper-slide-next a>.ig{ left:15.625vw; top:.781vw!important}
.mySwiper03 .swiper-slide-active{ text-align:center;}
.mySwiper03 .swiper-slide-active a>.ig{ display:none}
.mySwiper03 .swiper-slide-active .tp{ display:block}
.mySwiper03 .swiper-slide-active .tp .img02{    position:relative;
    left: 50%;
    top: 2.083vw;
    z-index: 10;
    width: 5.208vw;
    height: 5.208vw;
    margin-left: -2.604vw;
    border-radius: 50%;
    border: 2px solid red;
    overflow: hidden;} 
.mySwiper03 .swiper-slide-active .tp .img02 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mySwiper03 .swiper-slide-active .tp .img02:before {
    content: "";
    position:absolute;
    left: 50%;
    top: 50%;
    width: 0.417vw;
    height: 0.417vw;
    background-color: var(--color-one);;
    border-radius: 50%;
    margin: -0.208vw 0 0 -0.208vw;
}
 .jzfd{
   
    z-index: 13;
    height: 2.083vw;
    font-size: 20px;
    color: #fff;
    text-align: center; margin-top:10%;
}
.mySwiper03 .swiper-slide-prev a>.ig{ left:15.625vw ;
    top: 0.2vw!important;}

.swiper-pagination03{ 
 width: 6% !important;    right: 9.063vw !important;
    bottom: 16% !important; text-align:right; left:inherit !important;
    font-size: 20px;
    line-height: 1;
    color: #fff;
}

.cent0302{ display:none}

.sp_header{ display:none}
.sjj_nav{display:none}


.cent06{ width:100%; position:relative;}
.cent06 img{ width:100%; vertical-align:bottom;}
.cent06-l{ position:absolute; top:0; left:0;     display: flex;
    justify-content: center;
    align-items: center; width:100%; height:100%;   flex-direction: column;  color: var(--color-whiteblock);
}
.cent06-l h2{ display:block; font-size:3.542vw; font-weight:normal; margin-bottom: 1rem;}
.cent06-l span{ display:block; font-size:1.875vw; margin-bottom: 1rem;}

.cent07-bg{ background:#f8f6f9; padding-top: 8.125vw; padding-bottom:8.125vw;}
.cent07{    display: flex;
    justify-content: center;
    align-items: center;}
.cent07-l{ padding-left:8.438vw; width:45%;}
.cent07-l h2{    font-size: 2.708vw;
    color: #333; display:block; font-weight:normal;}
.cent07-l span{
    margin: 0;
    padding-top: 20px;
    padding-bottom: 5.208vw;
    width: 32.135vw;
    font-size: 20px;
    line-height: 1.563vw;
    color:var(--color-four); display:block;
}
.cent07-l h3{    font-size: 1.354vw; display:block; font-weight:normal; color:var(--color-three);}
.cent07-l .mun_top{display: flex;align-items: end;font-size: 2.604vw;height: 7.813vw;font-weight: 300;color: #333;}
.cent07-l .mun_top h2{font-size: 6.354vw;font-weight:300;line-height: 5.5vw;margin-right: 2%;}
.cent07-l em{    width: 20px; height: 2px;  background-color: var(--color-one);; display:block; margin-top:2.5vw;}
.cent07-l p{ font-size:20px;     padding-top: 3.125vw; width: 31.875vw; display:block}
.cent07-r{ display:block; width:54%}
.cent07-r img{ width:100%; height:auto; vertical-align:bottom;}


.cent08-bg{ width:100%; position:relative;}
.cent08-bg img{ width:100%; vertical-align:bottom;}
.cent08{position:absolute;top: 22%;left:8.333vw;width: 34%; color: var(--color-whiteblock);}
.cent08 h2{ color: var(--color-whiteblock);margin-bottom: 1rem;font-size: 2.5vw;}
.cent08 span{    text-align: left;  font-size: 20px;  margin-bottom: 2.604vw; display:block}
.cent08 em{    width: 20px; height: 2px;  background-color: var(--color-one);; display:block; margin-bottom:2.5vw;}	
.cent08 strong{    text-align: left;  font-size: 20px;  display:block; font-weight:normal;}	


.cent09{ margin-top:3vw; padding:0 8.333vw 11.458vw 8.333vw}
.cent09-l{ float:left; display:block; width:50%}
.cent09-l img{ width:100%; vertical-align:bottom;}
.cent09-r{ float:right; display:block; width:40%;     margin-top: 5.365vw;}
.cent09-r h2{    font-size: 2.708vw;
    color: #333; font-weight:normal;}
.cent09-r span{    margin: 0;
    padding-top: 1.875vw;
    padding-bottom: 2.604vw;
    font-size: 20px;
    line-height: 1.563vw;
    color:var(--color-four); display:block;}
.cent09-r em{  width: 20px; height: 2px;  background-color: var(--color-one);; display:block;}

.cent10{ padding:0 8.333vw 8.854vw 8.333vw}
.cent10-l{ float:left; display:block; width:40%;}
.cent10-l>h2{ display:block; font-size:2.708vw; color:var(--color-three); font-weight:normal;}
.cent10-l span{    margin: 0;
    padding-top: 1.875vw;
    padding-bottom: 2.604vw;
    font-size: 20px;
    line-height: 1.563vw;
    color:var(--color-four);
    text-align: left; display:block;}
.cent10-l em{width: 20px; height: 2px;  background-color: var(--color-one);; display:block;}
.cent10-l ul{ margin-top:5%;}	
.cent10-l ul li{ float:left; display:block; width:40%; position:relative;     padding-right: 2.813vw;
    margin-right: 2.813vw;}
.cent10-l ul li h3{ font-weight:300;font-size: 1.146vw;     color:var(--color-four);}
.cent10-l ul li:after {
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 6.667vw;
    background: #ccc;
    opacity: .6;
    right: 0;
    top: 0;
}
.cent10-l ul li:last-child{padding-right:0; margin-right: 0vw}
.cent10-l ul li:last-child:after{ display:none;}	
.cent10-l ul li .mun_top{    display: flex;align-items:flex-start; color:var(--color-four);    font-size: 2.604vw;}
.cent10-l ul li .mun_top h2{font-size: 5.104vw; font-weight:300;}	
.cent10-r{ float:right; display:block; width:50%;}
.cent10-r img{ vertical-align:bottom; width:100%;}


.cent11{ width:100;}
.cent11 img{ width:100%; vertical-align:bottom;}


.cent12-l{ padding:6.771vw 0 0 9.115vw; width:50%; box-sizing:border-box; float:left;}
.cent12-l h2{     font-size: 2.708vw;
    color: #333; display:block; font-weight:normal;}
.cent12-l span{ display:block;
    margin: 0;
    padding-top: 1.563vw;
    padding-bottom: 3.125vw;
    width: 82%;
    font-size: 20px;
    line-height: 1.563vw;
    color:var(--color-four);
    text-align: left;
}
.cent12-r{ float:right; display:block; width:50%}
.cent12-r a{ display:block}
.cent12-r a img{ width:100%; vertical-align:bottom;}

.cent13-bg{ position:relative}
.cent13-bg img{ width:100%; vertical-align:bottom;}
.cent13{     position: absolute;
    left: 8.333vw;
    top: 14.063vw;
    width: 56.25vw;
     white-space: pre-line;}

.cent13 h2{  color: #fff;
    font-size: 2.865vw;
    text-align: left;
    line-height: 4.688vw;  font-weight:normal; display:block;}

.cent14{ margin-top:8.125vw;}
.cent1401 .img{ float:left; display:block; width:50%;}
.cent1401 .img video{ vertical-align:bottom;}
.cent1402{ float:right; display:block; width:50%; text-align:left; box-sizing:border-box; padding:0 7%; color:#333}
.cent1402 h2{ font-size:2.708vw; display:block; font-weight:normal;}
.cent1402 span{ display:block;     margin: 0;
    padding-top: 0.521vw;
    padding-bottom: 3.125vw;
    padding-right: 7.292vw;
    font-size: 1.25vw;
    color:var(--color-four);}
.cent1402 strong{    font-size: 2.708vw;
    font-weight: 400;
    color:var(--color-four); display:block;}
.cent1402 em{width: 20px; height: 2px;  background-color: var(--color-one);; display:block; margin-top: 2.125vw; margin-bottom:2.125vw; display:block}
.cent1402 h3{ font-size:20px;     width: 31.875vw; display:block; font-weight:normal; color:#666}

.cent14 .swiper-button-next{
    width: 3.385vw;
    height: 3.385vw;
    top: inherit;
    right: 35.125vw;
    bottom: 0 !important;
    background:url(../images/sss.png) no-repeat;
    background-size: 3.385vw 3.385vw;
    }
.cent14 .swiper-button-prev:after, .cent14 .swiper-button-next:after{ display:none}
.cent14 .swiper-button-next:hover{ background:url(../images/tu04.png) no-repeat !important;  background-size: 3.385vw 3.385vw !important}
.cent14 .swiper-button-prev{
    width: 3.385vw;
    height: 3.385vw;
    top: inherit;
    right: 40.125vw;
    bottom: 0 !important;
    background:url(../images/dhe.png) no-repeat;
    background-size: 3.385vw 3.385vw;
    left: inherit;
    }    
.cent14 .swiper-button-prev:hover{ background:url(../images/tu03.png) no-repeat !important;  background-size: 3.385vw 3.385vw !important}	 

.gao{ margin-top:8.125vw}

.cent15{ padding-top:8.177vw; padding-bottom:8.177vw;}
.cent15-l{ float:left; display:block; width:50%;}
.cent15-l img{ width:100%; vertical-align:bottom;}
.cent15-r{display:block;width: 42%;box-sizing:border-box;padding: 0 4% 0 0%;float:right;position:relative;padding-bottom: 6.688vw;}

.shzr{ text-align:left;}
.shzr h2{     color: #333;
    font-size: 2.708vw; font-weight:normal;}
.shzr ul{
    width: 36.302vw;
    padding-left: 2.344vw;
    margin-left: 0.625vw;
    border-left: 2px solid #b4464a;
    position: relative;
    box-sizing:border-box;
    margin-top: 2.355vw;
	
    }
.shzr ul li{margin-bottom: 1.667vw;position:relative;margin-left: 0.625vw;}
.shzr ul li strong{    font-size: 1.25vw;
    margin-bottom: 0.417vw; display:block; font-weight:normal;}
.shzr ul li span{ display:block; font-size:20px;}
.shzr ul li i{
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    left: -3.469vw;
    top: 0;
    }
.shzr ul li i:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 2px solid #b4464a;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.cent15-r .swiper-button-next{
    width: 3.385vw;
    height: 3.385vw;
    top: inherit;
    left: 7.292vw;
    bottom: 0 !important;
    background:url(../images/sss.png) no-repeat;
    background-size: 3.385vw 3.385vw;
    }
.cent15-r .swiper-button-prev:after, .cent15-r .swiper-button-next:after{ display:none}
.cent15-r .swiper-button-next:hover{ background:url(../images/tu04.png) no-repeat !important;  background-size: 3.385vw 3.385vw !important}
.cent15-r .swiper-button-prev{
    width: 3.385vw;
    height: 3.385vw;
    top: inherit;
    left: 3.125vw;
    bottom: 0 !important;
    background:url(../images/dhe.png) no-repeat;
    background-size: 3.385vw 3.385vw;
    }    
.cent15-r .swiper-button-prev:hover{ background:url(../images/tu03.png) no-repeat !important;  background-size: 3.385vw 3.385vw !important}	 


.cent16{ padding-top:5.625vw; padding-bottom:3.281vw;}
.cent16 ul li{ float:left; display:block; width:calc(100%/5); margin-bottom: 3.49vw;}
.cent16 ul li a{ display:block; width:100%;    display: flex;
    justify-content: center;
    align-items: center; height:8.333vw}
.cent16 ul li a img{ max-height:100%; max-width:100%;}


.cent17{ width:100%;}
.cent17 .img img{ width:100%; vertical-align:bottom;}
.swiper-button-prev06{ background:rgb(0 0 0 / 50%); width:48px!important; height:48px !important; border-radius:50%; left:4%;}
.swiper-button-next06{ background:rgb(0 0 0 / 50%); width:48px!important; height:48px !important; border-radius:50%; right:4%;}
.swiper-button-next06:after, .swiper-button-prev06:after{ color:#fff !important; font-size:14px !important;}


.cent19{ width:100%}
.cent19 img{ width:100%; vertical-align:bottom;}

.cent18{ margin-top:-6.635vw; position:relative; z-index:2; margin-bottom:4%;}
.cent1801{ background:#fff; padding-left:5.365vw; padding-bottom:3.417vw; box-sizing:border-box;}
.cent1801 .title{ padding:3.646vw 0 1.823vw 0}
.cent1801>span{ color:var(--color-four);line-height: 1.667vw;  white-space: pre-line; font-size: 20px; display:block}
.cent1801 .mun_top{ padding-top:2.604vw;    display: flex; align-items: center; font-size: 2.865vw; color:#c10c0c; font-weight:700;}
.cent1801 .mun_top h2{ 
    color: #c10c0c;
    font-weight: 700;
    position: relative; font-size: 2.865vw;}
.cent1801 strong{ display:block; font-weight:normal; font-size:20px; color:var(--color-three);}



.waterLife {
    display: flex;
    align-items: center;
    background-color: #f5f4f9;
    margin-top: 5.208vw;
    box-sizing: border-box;
}

.waterLife .lifeBox {
    position: relative;
    width: 35.417vw;
    height: 35.417vw
}

.waterLife .lifeBox .pie {
    position: absolute;
    left: 2.604vw;
    top: 2.604vw;
    width: 30.208vw;
    height: 30.208vw;
    border-radius: 50%;
    z-index: 1
}

.waterLife .lifeBox .pie:before {
    content: "";
    display: block;
    width: 30.208vw;
    height: 30.208vw;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100%;
    z-index: -15
}



.waterLife .lifeBox .pie:after {
    content: "";
    display: block;
    width: 20.938vw;
    height: 20.938vw;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10.469vw;
    margin-top: -10.469vw;
    background-size: 100%;
    z-index: 1
}

.waterLife .lifeBox .pie img {
    position: absolute;
    z-index: -10;
    display: none
}

.waterLife .lifeBox .pie img.active {
    display: block
}

.waterLife .lifeBox .pie .slice {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 50%;
    transform-origin: 0 100%;
    cursor: pointer
}

.waterLife .lifeBox .pie .slice-0 {
    transform: rotate(-87deg) skewY(-18deg)
}

.waterLife .lifeBox .pie .slice-1 {
    transform: rotate(-15deg) skewY(-18deg)
}

.waterLife .lifeBox .pie .slice-2 {
    transform: rotate(57deg) skewY(-18deg)
}

.waterLife .lifeBox .pie .slice-3 {
    transform: rotate(129deg) skewY(-18deg)
}

.waterLife .lifeBox .pie .slice-4 {
    transform: rotate(181deg) skewY(-18deg)
}

.waterLife .lifeCon {
    flex: 1;
    color: #333;
    text-align: left;
    border-left: 1px solid #ddd;
    padding-left: 6.25vw;
    margin-left: 6.25vw
}

.waterLife .lifeCon .title {
    font-size: 2.865vw;
    line-height: 2.708vw;
    margin-bottom: 1.25vw
}

.waterLife .lifeCon .slogon {
    font-size: 1.458vw;
    line-height: 1.458vw;
    margin-bottom: 3.073vw
}

.waterLife .lifeCon .content-tip {
    padding-top: 1.563vw; position:relative;
}

.waterLife .lifeCon .line:before {
    content: "——";
    display: block;
    color: #bb002c;
    line-height: 20px;
    margin-bottom: 1.927vw
}

.waterLife .lifeCon .desc {
    color:var(--color-four);
    font-size: 1.458vw;
    line-height: 1.458vw;
    margin-bottom: 1.563vw
}

.waterLife .lifeCon .content {
    color:var(--color-four);
    font-size: 20px
}


.water-mineral {
	padding-bottom:8.333vw;
    text-align: left
}
.water-mineral .title{    padding: 6.042vw 0 1.823vw;}
.water-mineral .firstLevel-title {
    padding: 6.042vw 0 1.823vw
}

.water-mineral .mineral-knowledge>ul {
    display: table;
    width: 83.333vw;
    margin-bottom: .833vw
}

.water-mineral .mineral-knowledge>ul li {
    padding: 0 2.5vw;
    display: table-cell;
    width: 33%;
    height: 5.208vw;
    vertical-align: middle;
    font-size: 18px;
    text-align: center;
    color: #333;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    border-right: none;
    white-space: pre-line
}

.water-mineral .mineral-knowledge>ul li:last-child {
    width: 34%;
    border-right: 1px solid #e5e5e5
}

.water-mineral .mineral-knowledge>ul li.current,.water-mineral .mineral-knowledge>ul li:hover {
    background-color: var(--color-one);;
    color: #fff;
    border-left: 1px solid var(--color-one);
}

.water-mineral .mineral-knowledge .knowledge-box ul {
    width: 83.333vw;
    height: 31.25vw;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

.water-mineral .mineral-knowledge .knowledge-box ul li {
    width: 33.33%;
    float: left;
    padding: 7.24vw 2.604vw 0 3.646vw;
    position: relative; box-sizing:border-box;
}

.water-mineral .mineral-knowledge .knowledge-box ul li .content {
    padding: 1.302vw 0 1.719vw 0;
    line-height: 1.51vw;
    text-align: left;
    white-space: pre-line
}

.water-mineral .mineral-knowledge .knowledge-box ul li .content-deepTip {
    padding-top: 1.823vw
}

.water-mineral .mineral-knowledge .knowledge-box ul li:not(:last-of-type):before {
    content: "";
    position: absolute;
    right: 0;
    top: 10.729vw;
    width: 1px;
    height: 11.094vw;
    background-color: #888;
    opacity: .2
}
 .water-mineral .content {
    font-size: 20px;
    color:var(--color-four);
}

 .water-PH {
    position: relative;
    width: 100%;
    height: 26.875vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0; text-align:center;
}
.water-PH .title{   padding-top: 5.938vw;}
.water-PH .title h2{   color: #fff;}	
.water-PH .firstLevel-title {
    color: #fff;
    padding-top: 5.938vw
}
.water-PH .thirdLevel-title {
    font-size: 1.458vw; 
}
.thirdLevel-title{    color: #333;}
.water-PH .ph-num {
    position: absolute;
    left: 8.333vw;
    top: 14.688vw;
    padding: 3.125vw 13.542vw 0 13.542vw;
    width: 83.333vw;
    height: 23.438vw;
    background-color: #fff;
    background-position: center .781vw;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2; box-sizing:border-box;
}

.water-PH .ph-num .content.first {
    padding: 2.083vw 0 1.302vw
}

.water-PH .ph-num .content.second {
    text-align: left;
	font-size: 20px;
    color:var(--color-four);
}
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}

.clearfix {
    zoom:1}
	
.PH-link {
    padding-top: 13.021vw;
    font-size: 20px;
    color: #999;
    padding-bottom: 6.302vw;text-align:center;
}

.PH-link span {
    cursor: pointer;
    text-decoration: underline;
    display: inline-block
}

.PH-link span:hover {
    color: var(--color-one);
}

.PH-link>div {
    padding-top: 2.083vw;
    white-space: pre-line;
    text-align: left;
    padding-left: 8.333vw;
    font-size: 20px;
    color:var(--color-four); 
}
.baby-water .banner {
    width: 100%;
    height: 26.042vw;
    background-size: cover;
    text-align: right;
    padding-right: 8.333vw;
    white-space: pre-line;
    padding-top: 5%;
    color: #fff; box-sizing:border-box;
	    font-size: 2.865vw;

}

.baby-water .banner.isEn {
    padding-top: 6.5%
}

.baby-water .QA-box { padding-top: 6.146vw; padding-bottom:8.333vw;
}

.baby-water .QA-box>div {
    margin-bottom: 3.125vw;
    display: table
}

.baby-water .QA-box>div:last-child {
    margin-bottom: 5.313vw
}

.baby-water .QA-box .box {
    width: 41.667vw;
    text-align: left;
    display: table-cell;
    vertical-align: middle
}

.baby-water .QA-box .box.p8 img {
    height: auto
}

.baby-water .QA-box .box .fourthLevel-title.padding {
    padding: .521vw 0 2.604vw 0
}

.baby-water .QA-box .box .content-box dl {
    width: 12.604vw;
    margin-right: .208vw;
    float: left
}

.baby-water .QA-box .box .content-box dl dd,.baby-water .QA-box .box .content-box dl dt {
    margin-bottom: .208vw;
    height: 2.604vw;
    line-height: 2.604vw;
    text-align: center;
    color:var(--color-four);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.baby-water .QA-box .box .content-box dl dt {
    font-size: 1.25vw;
    background-color: #eaeff1
}

.baby-water .QA-box .box .content-box dl dd {
    font-size: 20px;
    border: 1px solid #e5e5e5
}

.baby-water .QA-box .box .content-tip {
    padding-top: .885vw
}

.baby-water .QA-box .box img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.baby-water .QA-box .box.rt {
    padding-left: 2.083vw
}

.baby-water .QA-box .box.rl {
    padding-right: 2.188vw
}

.baby-water .QA-box .box.big .secondLevel-title {
    padding-bottom: .625vw
}

.baby-water .QA-box .box.big .fourthLevel-title {
    padding-bottom: 1.823vw
}

.baby-water .QA-box .box.big .content {
    overflow: hidden
}

.baby-water .QA-box .box.big dl {
    position: relative;
    float: left;
    padding: 0 0 0 20px;
    color: #666
}

.baby-water .QA-box .box.big dl:first-child {
    padding-left: 0;
    width: 30%
}

.baby-water .QA-box .box.big dl:nth-child(2) {
    width: 35%
}

.baby-water .QA-box .box.big dl dt {
    font-size: 1.146vw;
    padding-bottom: .885vw
}

.baby-water .QA-box .box.big dl dd {
    font-size: 20px;
    margin-bottom: 0
}

.baby-water .QA-box .box.big dl:before {
    content: "";
    position: absolute;
    right: 0;
    top: .417vw;
    width: 1px;
    height: 5.729vw;
    background-color: #e5e5e5
}

.baby-water .QA-box .box.big dl:last-child {
    width: 35%;
    padding-right: 0
}

.baby-water .QA-box .box.big dl:last-child:before {
    display: none
}

.baby-water .QA-box .box.big .content-deepTip {
    font-size: .833vw
}

.baby-water .QA-box .box .secondLevel-title {
    padding-bottom: 2.031vw
}

.baby-water .QA-box .box .content {
    line-height: 1.563vw;
    text-align: left;    font-size: 20px;
    color:var(--color-four);
}
}

.baby-water .firstLevel-title {
    font-size: 2.865vw;  color: #333
}

.baby-water .secondLevel-title {
    font-size: 1.979vw;  color: #333
}

.baby-water .thirdLevel-title {
    font-size: 1.458vw;  color: #333
}

.baby-water .fourthLevel-title {
    font-size: 1.25vw;  color: #333
}

.content-tip {
    position: relative;
    font-size: 20px;
    color: #999
}

.content-tip:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 2px;
    display: block;
    background-color: var(--color-one);
}

.content-tip.ref {
    margin-top: 2.604vw
}

.content-deepTip {
    font-size: 20px;
    color: #888;
    line-height: 1.563vw;
    position: relative
}

.content-deepTip:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3.125vw;
    height: 1px;
    background-color: #888
}	

.cent20{}
.cent20 .title{    padding: 5.938vw 0 3.594vw; text-align:center;}
.cent20 ul li{ float:left; display:block; width:calc((100% - 21%)/4); margin-right:7%}
.cent20 ul li:nth-child(4n){ margin-right:0}
.cent20 ul li em{display:block;    width: 20px;
    height: 2px;
    background-color: #db0029;}
.cent20 ul li h2{    padding-top: 2.292vw;     font-size: 1.458vw;     color: #333; font-weight:normal;}
.cent20 ul li span{    line-height: 1.563vw;
    padding-top: 20px;     font-size: 20px;
    color:var(--color-four); display:block;}
	
	
.cent21{ padding-top:5.365vw; margin-bottom:8.177vw}	
.cent21 ul li{  float:left; display:block; width:calc((100% - 5%)/3); margin-right:2.5%; background:#f5f7f9; margin-bottom:2.5%}
.cent21 ul li:nth-child(3n) {
    margin-right: 0% ;
}
.cent21 ul li a{ display:block;}
.cent21 ul li .img{     display: flex;
    justify-content: center;
    align-items: center; width:100%; overflow:hidden;    height: 16.406vw; }
.cent21 ul li .img img{ max-width:100%; max-height:100%; transition:all 0.5s}
.cent21 ul li:hover .img img{ transform:scale(1.1)}
.lfsc{ padding:2.24vw 1.667vw  1vw }
.lfsc h2{ font-size:1.458vw;margin-bottom: 1.563vw; font-weight:normal;}
.lfsc span{
    box-sizing: content-box;
    font-size: 20px;
    color: #888;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 3; border-bottom:1px solid #dcdcdc; padding-bottom:1%;
}
.den{padding-top:2.083vw;display: flex;align-items: center;justify-content: space-between;}	
.den i{width:25px;height:25px;display: block;}
.den i img{ width:100%; height:100%;}
.den h3{    font-size: 20px;
    color: #a5a5a5; font-weight:normal;}



.cent22{ width:100%; display:block; position:relative}
.cent22>img{ width:100%; height:auto; vertical-align:bottom;}
.cent2202{ position:absolute; top:0; left:0;  color: var(--color-whiteblock);    width:100%; font-weight:normal;}
.cent2202 h2{  padding: 7.656vw 0 0 8.333vw; font-size: 2.604vw;}

.cent2203{     position: absolute;
    left: 8.333vw;
    bottom: -10.417vw;
    width: 83.333vw;
    height:auto;
    z-index: 10;
    background-color: #fff;}
.cent2203 ul li{ float:left; display:block;     border-bottom: 1px solid #eee; width:100%; box-sizing:border-box; width:50%;     padding-left: 4.271vw; padding-top: 3.771vw; padding-bottom:5%;}
.cent2203 ul li:hover {
    border-bottom: 0.156vw solid #dc0000!important;
}
.cent2203 ul li img{ width:40px;}
.cent2203 ul li h2{     font-size: 2.083vw;font-weight: 700; color:#333}
.cent2203 ul li span{
    padding-top: 0.521vw;
    font-size: .938vw;
    font-weight: 400;
}
.cent2203 dl{ padding:1.646vw  4.271vw}
.cent2203 dl dd{ float:left; display:block;  width:calc(100%/4);}
.cent2203 dl dd img{ width:48px; float:left;}
.zhog{float:right;display:block;font-size:20px;color: #333;width: calc(100% - 60px);}
.map{ width:100%; display:block;}
.map img{ width:100%; height:auto; vertical-align:bottom;}

.anj{ position:relative;     }
.anj .mySwiper04 .swiper-slide{padding: 0 0 20px;
  
}
.niafen{ position:relative; width:100%;
    border-bottom: 1px solid #e5e5e5;
    font-size: 2.083vw;
    color: #888;
    text-align: center;
    float: left;
    transition: all .8s; height: 5.729vw; }
.niafen h2{    font-size: 2.083vw;
    color: #888; font-weight:normal; display:block; margin-bottom:.521vw;     position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0.521vw;
    cursor: pointer;}
.niafen em {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0.521vw;
    height: 0.521vw;
    margin-left: -0.26vw;
    margin-top: -0.26vw;
    background-color: #dcdcdc;
    border-radius: 0.26vw;
}
.anj .mySwiper04{     width: 72.917vw;margin: 5.573vw auto 4.688vw;  }
.anj .mySwiper04 .swiper-slide-thumb-active h2{     font-size: 3.125vw !important;
    color: #333 !important;}
.anj .mySwiper04 .swiper-slide-thumb-active em {
    position: absolute;
    left: 50%;
    top: 100%;
    width: 20px;
    height: 20px;
    margin-left: -0.521vw;
    margin-top: -0.521vw;
    background-color: #fff;
    border: 2px solid var(--color-one);;
    border-radius: 50%;
}

.swiper-button-prev05{ background:rgb(0 0 0 / 50%); width:48px!important; height:48px !important; border-radius:50%; left:4%;}
.swiper-button-next05{ background:rgb(0 0 0 / 50%); width:48px!important; height:48px !important; border-radius:50%; right:4%;}
.swiper-button-next05:after, .swiper-button-prev05:after{ color:#fff !important; font-size:14px !important;}

.gze{}
.gze ul li{    min-height: 17.708vw;
    padding: 3.125vw 0;
    width: 65.625vw;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
    margin: 0 auto;
    position: relative; box-sizing:border-box;}
.gze ul li a{ display:block;}
.gze ul li .ykde{ float:left; display:block; width:35.417vw}
.gze ul li .ykde h2{    padding-top: 1.563vw;
    padding-bottom: 1.51vw;
    font-size: 1.563vw;
    color: #333; font-weight:normal;}
.gze ul li .ykde span{    font-size: 20px;
    line-height: 1.563vw;
    color:var(--color-four);
    text-align: left;}
.gze ul li .img{ float:right; display:block; width:20.833vw}
.gze ul li .img img{ width:100%; vertical-align:bottom}




.cent23 ul{    display: flex;
    justify-content: center;
    align-items: center;  flex-wrap: wrap;   justify-content: space-between }
.cent23 ul li{ display:block; width:calc((100% - 45px)/4);margin-bottom:15px;}

.cent23 ul li .cent23-01 em img{filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);}
.cent23 ul li:nth-child(5n-1) {
    margin-right: 0% ;
}
.cent23 ul li a:hover {
    box-shadow: 0 2px 0.833vw 0 #d8dbdf;
}
.cent23 ul li a:hover em img{filter:none; }
.cent23 ul li a{ display:block;    height: 23.646vw;}
.cent23 ul li .img{ width:100%}
.cent23 ul li .img img{ width:100%; vertical-align:bottom;}
.cent23 ul li .cent23-01{    padding: 0.833vw 0.833vw 0 0.833vw;}
.cent23 ul li .cent23-01 h2{    font-size: 1.675vw;
    font-weight: 500;
    line-height: 2.604vw;}
.cent23 ul li .cent23-01 span{    margin-top: 0.417vw;
    font-size: 1.25vw;
    line-height: 1.875vw;
    color:var(--color-four);}
.cent23 ul li .cent23-01 em{ display:block; margin-bottom:10%; margin-top:10%}
.zuih{ width:100% !important; margin-right:0 !important;     margin-bottom: 3.75vw !important;}
.zuih .img{ display:block; width:20.208vw !important; }
.zuih a{     width: 41.25vw !important;
    height: 13.542vw !important;
    display: flex !important;
    align-items: flex-end !important;
    cursor: pointer !important;}
.zuih a .cent23-01{  display:block;}



.HBoxbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:88; background:rgba(0,0,0,.3); display:block;}
.HBox {    font-size: 20px;
    color: #333;
    text-align: center;
    z-index: 100;
    opacity: 1;
    width: 66.667vw;
    height: 37.5vw;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -33.333vw;
    margin-top: -18.75vw;
    box-shadow: 0 0.615vw 20px rgba(0,0,0,.2);
}
.zdd{    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 3.125vw 4.167vw 0 4.167vw; box-sizing:border-box;}
.zdd01{ width:60%; text-align:left;}
.zdd01 h2{font-size: 2.083vw;     font-weight: 500;
    line-height: 3.125vw;
    margin-bottom: 0.625vw;}
.zdd01 span{    font-size: 1.25vw;
    line-height: 1.875vw;
    margin-bottom: 1.25vw; display:block}
.zdd01 .dee{font-size: 20px;
    line-height: 1.667vw;}	
.zdd .img {
    width: 20.833vw;
}
.zdd .img img{ width:100%;}

.swiper-button-next09{  
    bottom: 1.875vw;
    right: 4.167vw; 
    background:url(../images/sss.png) no-repeat;
    background-size: 2.5vw 2.5vw; top:inherit !important;     width: 2.5vw !important;
    height: 2.5vw !important;
}
.swiper-button-prev09{
    bottom: 1.875vw;
    left: 56.458vw !important;
    background:url(../images/dhe.png)no-repeat;
    background-size: 2.5vw 2.5vw; top:inherit !important;     width: 2.5vw !important;
    height: 2.5vw !important;}
.swiper-button-next09:after, .swiper-button-prev09:after{ display:none}
.swiper-button-next09:hover{  background:url(../images/tu04.png) no-repeat;  background-size: 2.5vw 2.5vw; top:inherit !important; }

.swiper-pagination09{ background: rgba(0,0,0,.1) !important;     width: 520px !important;
    height: 1px !important;
    bottom: 3.125vw !important;
    left: 4.167vw !important; top: inherit !important 
}

.swiper-pagination09 span{ background:var(--color-one); !important;}
.inside_con{ padding:10px 0; min-height:300px;}

@media only screen and (max-width: 980px) {
	.wapper{ width:90%; padding:0;}
	.top{ height:50px;}
	
	.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display:block}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display:block}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:var(--color-four);width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
	
	.header-bg{ display:none}
	.cent01{ padding:0 5%}
	.cent01{ display:block; margin-top:5%}
	.cent01-1{ width:100%; padding-top:5%; padding-bottom:5%;}
	.cent01-1 span{ padding-bottom:5%;}
	.cent01-r{ float:none; width:100%;}
	.title h2{ font-size:18px;}
	.chakan{ font-size:14px; width:136px; text-align:center; line-height:36px; height:36px;}
	.chakan::after {
           width: 24px;
        height: 22px;
        margin-left: 8px;
        background-size: 24px;
}
	.cent02-bg{
    padding-top:5%;
    height:auto;
    min-height:inherit;
    padding-bottom:5%;
    background: #fafafa url(../images/productBg.70db77e5.png) no-repeat bottom;
    background-size: 100% auto;
    min-height: inherit !important;
    }
	
	
	.slideTxtBox_01 .hd ul li a{ font-size:18px}
	.yys span{font-size:18px}
	
	.yys .img a{ height:260px;}
	.slideTxtBox_01 .hd{width: 29%;/* float:none; */}
	.slideTxtBox_01 .bd{padding-top:5%;width: 71%;/* float:none; */}
	.gundong .swiper-button-next{ width:30px; height:30px; background: url(../images/tu01.png) no-repeat;
    background-size: 100% auto;    left: 11.125vw;}
	.gundong .swiper-button-prev{width:30px; height:30px; background: url(../images/tu02.png) no-repeat;
    background-size: 100% auto;}
	.gundong .swiper-button-next:hover{background: url(../images/tu04.png) no-repeat !important;
    background-size: 100% auto !important;}
	.gundong .swiper-button-prev:hover { background: url(../images/tu03.png) no-repeat !important;  background-size: 100% auto !important;}
	.gundong{  padding-bottom: 10.604vw;}
	.cent03{ display:none;}
	.cent0302{ display:block}
	.tup01{ display:block; padding-top: 3vh;}
	.tup01-r{ width:100%; margin-top:4%;}
	.tup01-r span{        display: block;
        font-size: 12px;}
	
	.cent04{ margin-top:4%;}
	.cent04-01{ display:block}
	.cent04-1{ float:none; display:block; width:100%}
	.cent04-r{ float:none; display:block; width:100%; margin-top:5%;}
	.cent04 .img{ width:100%;}
	.cent05{display:block;padding:5% 0;text-align: center;}
	.cent05 .title{
	margin-bottom: 22px;
	}
	.cent05 h2{ font-size:28px}
	
	.footer-l{/* float:none; */display:block;width:100%;}
	.footer-l dl dd{/* float:none; */display:inline-block;width:30%;}
	.footer-r{/* float:none; */display:block;width:100%;border-left:0;padding-left:0;padding-bottom:5%;}
	.footer-r h3{font-size:20px;}
	.weixin{ width:100%;    background-size: 30px 30px; padding-left:35px; line-height:30px; box-sizing:border-box;}
	.footer03{ display:block;}
	.footer03 span{float:none;display:block;width:100%;box-sizing:border-box;border-right:0;padding: 4%;font-size: 14px;}
	
	.cent07{ display:block; width:100%;}
	.cent07-l{display:block; width:100%;}
	.cent07-r{ display:block; width:100%;}
	.cent07-l{ width:90%; padding-left:0; margin:0 auto;}
	.cent07-l h2{ font-size:18px;}
	.cent07-l span{ width:100%; line-height:24px; font-size:14px;}
	.cent07-l h3{ font-size:18px;}
	.cent07-l .mun_top h2{ font-size:20px;}
	.cent07-l .mun_top{ font-size:14px;}
	.cent07-l p{width:100%;line-height:24px; font-size:14px;}
.cent06-l h2{
    font-size: 31px;
}
.cent06-l span{
    font-size: 16px;
}
	
	.cent08{color: #fff;width: 86.5%;left: 0;right: 0;top: 56px;margin: 0 auto;position: absolute;}
	.cent08-bg img{
    object-fit: cover;
    height: 542px;
    }
	.cent08 .title h2{
    font-size: 24px;
}
.cent08 span{
    font-size: 14px;
    line-height: 19px;
}
	.cent08 p{
    padding: 0;
    line-height: 16px;
}
	.cent08 strong{
    font-size: 14px;
    line-height: 19px;
    display: block;
}
	
	.cent09-l{ float:none; display:block; width:100%;}
	.cent09-r{ float:none; display:block; width:100%;}
	.cent09-r h2{ font-size:20px;}
	.cent09-r span{ font-size:14px; line-height:24px;}
	.cent10{ margin-top:5%;}
	.cent10-l{ float:none; display:block; width:100%;}
	.cent10-l>h2{ font-size:24px;}
	.cent10-l span{ line-height:24px; font-size:14px;}
	.cent10-l ul li h3{ font-size:16px;}
	.cent10-l ul li .mun_top{font-size:14px;}
	.cent10-l ul li .mun_top h2{ font-size:22px;}
	
	.cent10-r{ margin-top:5%; width:100%; width:100%; margin-bottom:5%;}
	.cent12-l{ width:90%; margin:0 auto; display:block;}
	.cent12-l h2{ font-size:20px;}
	.cent12-l span{ font-size:14px; display:block; line-height:24px; width:100%;}
	.cent12-r{ float:none; display:block; width:100%; }
	.cent13{ width:90%;}
	.cent13 h2{ font-size:18px;}
	
	.cent1401 .img{ float:none; display:block; width:100%;}
	.cent1402{float:none; display:block;width:100%; margin-top:5%;}
	.cent1402 h3{ width:100%; font-size:16px;}
	.cent1402 h2{ font-size:24px;}
	.cent1402 span{ font-size:16px;}
	.cent1402 strong{ font-size:24px;}
	.cent14 .mySwiper04{ padding-bottom:11%; position:relative}
	.cent14 .swiper-button-next{ width:30px; height:30px; background-size: 30px 30px;  left:16%}
	.cent14 .swiper-button-prev{ width:30px; height:30px; background-size: 30px 30px; left:5%;}
	.cent14 .swiper-button-next:hover{    background-size: 30px 30px !important;}
	.cent14 .swiper-button-prev:hover{background-size:30px 30px !important;}
	
	.cent15-l{ float:none; display:block; width:100%;}
	.cent15-r{float:none;display:block;width:90%;margin:5%  auto;box-sizing: border-box;padding-right: 0;}
	.shzr h2{ font-size:24px;}
	.shzr ul{float:none;display:block;width:100%;padding-left: 8.344vw;margin-top:5%;box-sizing: border-box;position: relative;border-left:0;position:relative;margin-left: 0;}
	.shzr ul:before { content: ""; position:absolute; top:0; left:11px; width:2px; height:100%; background:#c9141e;}
	.shzr ul li{ margin-bottom:5%;}
	.shzr ul li i{left: -8.469vw;}
	.shzr ul li strong{ font-size:20px;} 
	.shzr ul li span{ font-size:16px;}
	.cent15-r .swiper-button-next{ width:30px; height:30px; background-size: 30px 30px;  left:16%}
	.cent15-r .swiper-button-prev{ width:30px; height:30px; background-size: 30px 30px; left:5%;}
	.cent15-r .swiper-button-next:hover{    background-size: 30px 30px !important;}
	.cent15-r .swiper-button-prev:hover{background-size:30px 30px !important;}
	
	
	.cent16 ul li{ width: calc(100%/2);}
	.cent16 ul li a{ height:100px;}
	
	.cent1801{ padding:0% 5% 5% 5%;}
	.cent1801>span{ font-size:16px; line-height:inherit;}
	.cent1801 .mun_top{ font-size:24px;}
	.cent1801 .mun_top h2{font-size:24px;}
	.cent1801 strong{font-size:16px;}
	
	.cent20 ul li{ float:none; width:100%; margin-bottom:2%}
	.cent20 ul li h2{ font-size:20px;}
	.cent20 ul li span{ line-height:24px;  font-size:14px;}
	.cent20 ul li em{ width:30px;}
	.waterLife .lifeCon{ padding:5% 5%}
	.water-mineral .mineral-knowledge>ul{display:block;width:100%;box-sizing: border-box;}
	.water-mineral .mineral-knowledge>ul li{width:100%;display: block;font-size: 21px;height: auto;     box-sizing: border-box;}
	.water-mineral .mineral-knowledge>ul li:last-child{ width:100%;}
	.water-mineral .mineral-knowledge .knowledge-box ul{ width:100%; height:auto;}
	.water-mineral .mineral-knowledge .knowledge-box ul li{ width:100%; box-sizing:border-box; padding-top:5%;}
	.water-mineral .mineral-knowledge .knowledge-box ul li:not(:last-of-type):before{ display:none;}
	.water-mineral .mineral-knowledge .knowledge-box ul li .content{ line-height:24px; font-size:18px;}
	
	.water-PH{ height:auto;}
	.water-PH .ph-num{position:relative;height:auto;margin-top: 5%;top: 0;}
	
	.PH-link{ font-size:24px;}
	.baby-water .banner{ font-size:18px;}
	.baby-water .QA-box>div{ display:block;}
	.baby-water .QA-box .box{ width:100%; display:block;}
	.baby-water .thirdLevel-title{ font-size:16px;}
	.baby-water .QA-box .box .fourthLevel-title.padding{ font-size:14px;}

	.baby-water .QA-box .box .content-box dl{width:100%;}
	.baby-water .QA-box .box .content-box dl dt{ font-size:20px; height:auto; line-height:normal;}
	.baby-water .QA-box .box .content-box dl dd{ font-size:18px; height:auto; line-height:normal;}
	.content-tip{ margin-top:4%; font-size:14px;}
	.content-tip:before{ width:30px;}
	.baby-water .secondLevel-title{ font-size:16px;}
	.baby-water .QA-box .box .content{ line-height:24px; font-size:14px;}
	.baby-water .QA-box .box.rt{ padding-left:0; margin-top:5%;}
	
	
	.cent21 ul li{ float:none; display:block; width:100%; margin-right:0; margin-bottom:5%;}
	.cent21 ul li .img{ height:auto;}
	.lfsc{ padding:5%;}
	.lfsc h2{ font-size:18px;}
	.lfsc span{ font-size:14px;}
	.den h3{ font-size:14px;}
	
	.cent2203{ position:relative; left:0; bottom:inherit; margin:0 auto;}
	.cent2203 dl{ padding:5%}
	.cent2203 dl dd{ width:100%; float:none; height:48px;    display: flex;   align-items: center;}
	.zhog { font-size:16px;}
	.cent2203 ul li img{ width:50px;}
	.cent2203 ul li h2{ font-size:20px;}
	.cent2203 ul li span{ font-size:20px;}
	
	
	.anj .mySwiper04 .swiper-slide-thumb-active h2{ font-size:20px !important;}
	.niafen{ height:40px;}
	.gze ul li{ float:none; display:block; width:100%;}
	.gze ul li .ykde{ float:none; width:100%;}
	.gze ul li .ykde h2{ font-size:24px;}
	.gze ul li .img{ float:none; width:100%; margin-top:5%;}
	.gze ul li .ykde span{ font-size:18px;}
	.cent23 ul li a{ height:auto !important}
	.cent23 ul li{ display:block; width:100%;}
	.cent23 ul li .cent23-01 h2{ font-size:25px; line-height:30px;}
	.cent23 ul li .cent23-01 span{ font-size:18px; line-height:20px;}
	.cent23 ul li .cent23-01{ padding:5% 5% 0 5%;}
	.zuih a{ display:block !important; width:100% !important;}
	.cent23 ul li .img{width:100% !important; display:block !important;}
	
	.HBox{ width:90%; margin-left:-45%; left:50%; height:80vh; margin-top:-40vh;}
	.zdd{ display:block}
	.zdd .zdd01{ width:100%; height:auto;}
	.zdd .img{width:100%; height:auto;}
	.zdd01 h2{font-size:24px; line-height:24px;}
	.zdd01 span{font-size:18px; line-height:24px;}
	.zdd01 .dee{ font-size:14px; line-height:24px;}
	
	.swiper-button-next09{ width:30px !important; height:30px !important; background-size: 30px 30px;  left:16%}
	.swiper-button-prev09{ width:30px !important; height:30px !important; background-size: 30px 30px; left:5%;}
	.swiper-button-next09:hover{    background-size: 30px 30px !important; }
	.swiper-button-prev09:hover{background-size:30px 30px !important;}
	}
	



.slideBox{ width:210px; height:250px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00;  color: var(--color-whiteblock); }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul li{ position:relative;}
.slideBox .bd ul span{ display:block; height:40px; line-height:40px; background:#000; background:rgba(0,0,0,0.8); position:absolute; bottom:0px; width:100%;  color: var(--color-whiteblock); padding-left:10px;}
.slideBox .bd img{ width:210px; height:250px; }

.flash{ position:relative; width:100%; height:415px; overflow:hidden; margin-top:-50px;}
.myFocus{width:1600px;
	margin:0 auto;
	position:absolute;
	left:50%;
	margin-left:-800px;
	height:415px;
	}
.flashn{ position:relative; width:100%; height:250px; overflow:hidden; margin-top:-50px;}
.myFocusn{width:1600px;
	margin:0 auto;
	position:absolute;
	left:50%;
	margin-left:-800px;
	height:250px;
	}
	
	
/* 大图特效 开始theme-default */
.theme-default #slider{margin:0 auto;width:1600px;height:415px;}
.theme-default .nivoSlider{background:url(loading.gif) no-repeat 50% 50% rgb(255, 255, 255);margin-bottom:50px;position:relative;}
.theme-default .nivoSlider img{left:0px;top:0px;display:none;position:absolute;}
.theme-default .nivoSlider a{border:0px currentColor;display:block;}
.theme-default .nivo-controlNav{left:684px;width:193px;height:38px;bottom:-12px;padding-top:0px;padding-left:50px;position:absolute;z-index:9;}
.theme-default .nivo-controlNav a{background:url(../images/bullets.png) no-repeat;border:0px currentColor;width:23px;height:17px;text-indent:-9999px;margin-right:3px;float:left;display:block;}
.theme-default .nivo-controlNav a.active{background-position:0px -17px;}
.theme-default .nivo-directionNav a{background:url(../images/arrows.png) no-repeat;border:0px currentColor;width:65px;height:65px;text-indent:-9999px;display:block;}
.theme-default a.nivo-nextNav{background-position:-65px 0px;top:181px;right:300px;}
.theme-default a.nivo-prevNav{left:300px;top:181px;}
.theme-default a.nivo-nextNav:hover{background-position:-65px -65px;top:181px;right:300px;}
.theme-default a.nivo-prevNav:hover{background-position:0px -65px;left:300px;top:181px;}
.theme-default .nivo-caption{font-family:Helvetica,Arial,sans-serif;}
.theme-default .nivo-caption a{color:rgb(255, 255, 255);border-bottom-color:rgb(255, 255, 255);border-bottom-width:1px;border-bottom-style:dotted;}
.theme-default .nivo-caption a:hover{color:rgb(255, 255, 255);}
/* nivoSlider */
.nivoSlider{position:relative;}
.nivoSlider img{left:0px;top:0px;position:absolute;}
.nivoSlider a.nivo-imageLink{margin:0px;padding:0px;border:0px currentColor;left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;}
.nivo-slice{height:100%;display:block;position:absolute;z-index:5;}
.nivo-slice img{width: 107px; height: 100%; opacity: 1; top: 0px; display: block;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{background:rgb(0, 0, 0);left:0px;width:30%;bottom:0px;color:rgb(255, 255, 255);display:none;position:absolute;z-index:8;opacity:0.8;}
.nivo-caption p{margin:0px;display:none;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{top:45%;position:absolute;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0px;}
.nivo-nextNav{right:0px;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:bold;}	
/* 大图特效 end */











/*common end*/


/*banner_01*/
.banner_01{ width:1000px;height:360px; overflow:hidden; position:relative; z-index:1; }
.banner_01 ul {height:360px;position:absolute;}
.banner_01 ul li {width:1000px; height:360px;float:left;overflow:hidden; position:relative; background:#ccc;}
.banner_01 ul li img{ width:1000px; height:360px;}
.banner_01 .btnBg { width:1000px;height:20px;position:absolute; left:0; bottom:0; background:#000;}
.banner_01 .btn {width:1000px; position:absolute; height:10px; padding:5px 10px; right:0; bottom:3px; text-align:right;}
.banner_01 .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
.banner_01 .btn span.on {background:#fff;}
.banner_01 .preNext {top:130px;width:45px; height:100px;  position:absolute; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
.banner_01 .pre {left:0;}
.banner_01 .next {right:0; background-position:right top;}

/*banner_02*/
.banner_02{ height:360px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}

/*banner_03*/
.banner_03{ position:relative; z-index: 1; width:100%; height:360px; overflow:hidden;}
.banner_03 .bd { Z-INDEX: 0; position: relative; overflow:hidden; }
.banner_03 .bd ul{ margin:0px auto;}
.banner_03 .bd li { width:100%; height:360px; text-align:center;  overflow:hidden;}
.banner_03 .hd { position:relative; top:-40px; width:1100px; height:20px; margin:0px auto; text-align:center;}
.banner_03 .hd ul { position:absolute; left:50%; margin-left:-60px; bottom:0px; z-index:99; width:150px; height:22px;}
.banner_03 .hd ul li { height:22px; width:22px; margin-left:15px; text-align:center; text-indent:-9999em; float:left; background:url(../Images/BannerBg_02.png) no-repeat; cursor:pointer;}
.banner_03 .hd ul .on { background:url(../images/BannerBg_01.png) no-repeat; }
.banner_03 .prev { position:absolute;  TOP:50%; left:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerLeft.png) no-repeat; cursor: pointer;}
.banner_03 .next { position:absolute; TOP:50%; right:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerRgt.png) no-repeat; cursor:pointer;}

/*scroll_left start*/
#scroll_left{overflow:hidden;width:930px; margin:0px 10px; }
#scroll_left span{ display:block; height:28px; line-height:28px; text-align:center;}
#scroll_left .scroll_scale{width:164px;height:124px; background:#FFF; margin:0 5px;border:1px solid #e4e4e4;} 
#scroll_left .scroll_scale table tr td{ height:124px; width:164px; text-align:center;}
#scroll_left .scroll_scale img{max-width:160px; max-height: 120px; width: expression(this.width >160 && this.height < this.width ? 160: true); height: expression(this.height > 120 ? 120: true);}
/*scroll_left end*/

/*scroll_01*/
.scroll_01{ background:#ddd;}
.scroll_01 .hd .prev,.scroll_01 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_01 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_01 .bd li{ float:left;}

/*scroll_02*/
.scroll_02{ background:#ddd;}
.scroll_02 .hd .prev,.scroll_02  .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_02 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 

/*scroll_03*/
.scroll_03{ background:#ddd;}
.scroll_03 .hd .prev,.scroll_03 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_03 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_03 .bd li{ float:left; width:200px; overflow:hidden; margin:0 10px;}
.scroll_03 .bd li .img{height:150px; border:#f4f4f4 solid 1px; padding:2px; background:#fff;}
.scroll_03 .bd li .img:hover{background:#f4f4f4;}
.scroll_03 .bd li span{ height:30px; line-height:30px; text-align:center; display:block;}
.scroll_03 .bd li .img table tr td{ height:144px;}
.scroll_03 .bd li .img table tr td img{ max-width:194px; max-height:144px;}


.contentfirst{ display:none;}
.contentin{ display:block;}
.tabin{ background:#ddd;}



/*Add------------------------------------------------------------------------------*/

.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.inside{margin-top:20px; background:url(../images/title_04.gif) #fff repeat-y; min-height:400px;}

.inside_left{ width:220px; float:left;}
.inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
.inside_left .side_a dl dd{ height:36px; line-height:36px; border-bottom:#ddd solid 1px;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px; background: url(../images/about-cn3_19.jpg) 15px center no-repeat;}
.inside_left .side_a dl dd a:hover{ background:#324483;  color: var(--color-whiteblock);}
.inside_left .side_a dl .hover a{ background:#324483;  color: var(--color-whiteblock);} 
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:720px; float:right; }




/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px;  color: var(--color-whiteblock); background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px;  color: var(--color-whiteblock); background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}