@charset "utf-8"; 
:root{--color:#00A2EB;--color1:#BED84F}
.home-choose .choose-list li .icon::after{background:var(--color1)}
footer .foot-bot{background:#00A2EB24}
@media (min-width:1201px){.prodetails-info .prodetails-left{width:62%;}
.preview-container .small-box{width:600px}
.preview-container{height:600px}
.preview-container .thumbnail-box .item,.thumbnail-box .prodetails-button-next, .thumbnail-box .prodetails-button-prev{width:100px}
.prodetails-info .prodetails-right{width:38%;display:flex;justify-content:center;flex-direction:column;}
.singglepic{width:600px;height:600px;}}
@media (max-width:1366px) and  (min-width:1201px){.preview-container .small-box{width:500px}
.preview-container{height:500px}
.singglepic{width:500px;height:500px;}}
@media (min-width:1025px){.prodetails-info .prodetails-text-title{margin-bottom:25px;}
.prodetails-info .prodetails-text{line-height: 2.4;}
.prodetails-info .prodetails-share{margin-top:40px;}}
/*.nobanner header.is-active .head-info {background: #ffffff;}*/
/*.nobanner header.is-active .head-nav .nav-ul>li>a{color: #000000;}*/

body:not(.nobanner) header,.nobanner header .head-top,.nobanner header .head-info{background: #fff;}
.lang-icon img{filter: brightness(0);}
@media (min-width:1025px){body:not(.nobanner){padding-top:116px}
body.index{padding-top:0;}
body.index header:not(.is-active){background: none;}
body.index header:not(.is-active) .lang-icon img{filter: brightness(360);}
.head-top .head-right .head-share .icon-share,.head-share ul a,.head-nav .nav-ul>li>a,.head-left{color:var(--fontcolor)}
body.index header:not(.is-active) .head-top .head-right .head-share .icon-share,body.index header:not(.is-active) .head-share ul a,body.index header:not(.is-active) .head-nav .nav-ul>li>a,body.index header:not(.is-active) .head-left{color:#fff}
.nobanner .lang-icon span{color:var(--fontcolor)}
.nobanner .lang-icon span:before,.nobanner .lang-icon span:after{background:var(--fontcolor)}
body.index header:not(.is-active) .head-nav .nav-ul>li>a:hover,body.index header:not(.is-active).head-left .item:hover{color:var(--color)}
.head-share ul a:hover{color:#fff;}}
@media(max-width:1024px){.m-menu span{background:var(--introcolor)}}
@media (min-width:1025px) {.nav-ul>li .submenu li.LiLevel1 ul{min-width: 240px;}}