@media screen and (min-width:1800px){
	
/*.banner .flickerplate{ height:800px;}*/
.entrance li{ height:550px;}
.entrance .pub-p{ padding-top:100px; width:300px; height:500px;}
.entrance .pub-p img{ margin:60px auto 0;}
.i-video .video-img{ min-height:650px;}
.i-video .txt{ height:650px;}
.i-pm li{ height:600px;}
.lovelvoe .banner{ height:600px;}
.lovelvoe .banner .blue{ height:600px;}
.lovelvoe .banner .txt{ padding:150px 150px 0;}

.lovelvoe .top img{ height:550px;}
.lovelvoe .top .txt{ height:550px;}
	
}


@media screen and (max-width:1500px){
.i-love:before{ left:-120px;}
.i-love:after{ right:-50px;}
.i-love .con{ width:540px;}
.i-love .con .touchcarousel{ width:540px;}
.i-love .con .touchcarousel li{ width:540px;}
.i-love .con .pub-wz li a{ font-size:22px; overflow:hidden;}

.product .r .list .col{ width:50%;}
.article-detail .left img{ max-width:800px;}



}

@media screen and (max-width:1400px){	
.lovelvoe .banner .txt strong{ font-size:40px; }

/*品牌愿景*/
/*.brand-vision .col-01{ height:500px;}
.brand-vision .col-01 .xl-65{ height:500px;}
.brand-vision .col-01 .xl-35{ padding:120px 0 0 30px;}
.brand-vision .col-01 .xl-35 p{ font-size:36px;}
.brand-vision .col-01 .xl-35 b{ font-size:56px;}
.brand-vision .col-01 .xl-35 span{ font-size:18px;}

.brand-vision .col-02{ padding:120px 0;}
.brand-vision .col-02 .xl-65{ padding:0 100px; padding-top:60px;}
.brand-vision .col-02 .xl-65 strong{ font-size:46px;}
.brand-vision .col-02 .xl-65 strong label{ font-size:30px;}
.brand-vision .col-02 .xl-65 strong:after{ width:92px;}

.brand-vision .col-02 .xl-65 p span{ font-size:24px; margin-bottom:5px;}
.brand-vision .col-02 .xl-65 p label{ font-size:20px;}
.brand-vision .col-02 .xl-35{ height:320px;}

.brand-vision .col-03{ height:560px;}

.brand-vision .col-04{ padding:120px 0;}
.brand-vision .col-04 .xl-35{ height:320px; margin-top:10px;}
.brand-vision .col-04 .xl-65{ padding-top:0;}
.brand-vision .col-04 .xl-65 strong{ font-size:46px;}
.brand-vision .col-04 .xl-65 strong label{ font-size:30px;}
.brand-vision .col-04 .xl-65 p span{ font-size:24px; margin-bottom:5px;}
.brand-vision .col-04 .xl-65 p label{ font-size:20px;}
.brand-vision .col-04 .xl-65 strong:after{ width:92px;}

.brand-vision .col-05{ height:560px;}

.brand-vision .col-06{ padding:120px 0;}
.brand-vision .col-06 .xl-65{ padding:0 100px; padding-top:60px;}
.brand-vision .col-06 .xl-65 strong{ font-size:46px;}
.brand-vision .col-06 .xl-65 strong label{ font-size:30px;}
.brand-vision .col-06 .xl-65 strong:after{ width:92px;}

.brand-vision .col-06 .xl-65 p span{ font-size:24px; margin-bottom:5px;}
.brand-vision .col-06 .xl-65 p label{ font-size:20px;}
.brand-vision .col-06 .xl-35{ height:320px;}

.brand-vision .col-07{ height:560px;}

.brand-vision .col-08{ padding:120px 0;}
.brand-vision .col-08 .xl-35{ height:320px; margin-top:60px;}
.brand-vision .col-08 .xl-65{ padding-top:0;}
.brand-vision .col-08 .xl-65 strong{ font-size:46px;}
.brand-vision .col-08 .xl-65 strong label{ font-size:30px;}
.brand-vision .col-08 .xl-65 p span{ font-size:24px; margin-bottom:5px;}
.brand-vision .col-08 .xl-65 p label{ font-size:20px;}
.brand-vision .col-08 .xl-65 strong:after{ width:92px;}*/


}

@media screen and (max-width:1300px){	
	
	/*.banner .flickerplate{ height:580px;}*/

.head-div .container{ padding:0 40px;}
.i-pm li.nh .touchcarousel{ width:320px;}
.i-pm li.nh .touchcarousel li{ width:320px;}
.i-pm li.nh .touchcarousel li img{ width:320px;}	
.i-pm .pl{ width:180px; height:360px;}

.i-love .con{ width:460px;}
.i-love .con .plan li a{ font-size:16px;}
.i-love .con .touchcarousel{ width:460px;}
.i-love .con .touchcarousel li{ width:460px;}	
.i-love .con .pub-wz li a{ font-size:18px;}	

.i-love:before{ left:-200px;}
.i-love:after{ right:-100px;}

.lovelvoe .banner .txt strong{ font-size:34px; }
.lovelvoe .banner .txt span{ font-size:22px; }
.lovelvoe .menu li{ padding:0 50px;}	
	
.head-div ul.dh li { padding:40px 0;}
.entrance{ padding:0;}
.i-video .txt{ padding:0 40px;}
.i-new{ padding:40px;}
.i-pm{ padding:0 40px 40px;}

.i-love:before{ left:-260px;}
.i-love:after{ right:-150px;}

.entrance li{ height:360px;}
.entrance .pub-p{ width:200px; height:310px; padding-top:40px;}
.entrance .pub-p img{ width:80px;}

.lovelvoe .menu{ padding:40px 40px 80px;}
.lovelvoe .top{ padding:0 40px;} 
.lovelvoe .list{ padding:40px;}

.lovelvoe .type-list{ margin:0 40px 20px; } 

.step{ padding:40px;}

.shop{ padding:40px;}

.seach{ margin:40px auto; width:100%; padding:0 40px;}

.article-detail{ padding:40px;}
.article-detail .left img{ max-width:600px;}

.about{ padding:0 40px;}

}

@media screen and (max-width:1080px){
	/*文章*/
	.article-detail .left{ width:65%;}
	.article-detail .right{ width:30%;}
	.article-detail .left img{ width:100%;}
	
	
	
	
}	

@media screen and (max-width:900px){  

body{ontouchstart='ontouchstart'} /*去除 hover*/

.flexslider{ margin:0 !important;}

.head-div .container.tag{ height:auto; overflow:initial; min-height:100px;}	
	
.pub-pc{ display:none;}
.head-div{ border:1px solid #0058a2;}
.head-div .logo{ float:none; margin:16px auto; display:block; background:url(../images/head-logo.png) no-repeat; width:285px; height:61px;}
.head-div .meun{ top:0; left:0; width:100px; height:100px; background:url(../images/m-menu.png) center no-repeat;}
.head-div .zoom{ top:0; right:0; width:100px; height:100px; background:url(../images/m-zoom.png) center no-repeat;}

.m-menu{ position:fixed; z-index:9999; padding:30px 40px; box-shadow:0 0 5px 3px rgba(0,0,0,0.2); left:0; width:100%; background:#fff; top:100px; }
.m-menu p{ height:90px; line-height:90px; border-bottom:1px solid #ccc;}
.m-menu p:last-child{ border:0;}
.m-menu p a{ padding-left:20px; text-align:left; display:block; font-size:26px; color:#666;}

.m-banner{ display:block;  position: relative; overflow: hidden; list-style: none;}
.m-banner .flickerplate{ height:520px;}

.entrance{ background:#0058a2;}
.entrance li{ height:240px; overflow:hidden;}
.entrance .pub-p{ height:225px; width:140px; margin:15px auto 0;}
.entrance .pub-p b{ font-size:28px; padding:0; text-align:center; }
.entrance .pub-p label{ padding-left:15px; padding:0; font-size:16px;  text-align:center;}
.entrance .pub-p img{ margin:20px auto 0;}
.entrance .p01 img{ width:45px;}
.entrance .p02 img{ width:50px;}
.entrance .p03 img{ width:45px;}


/*.i-video video{ width:100%;}*/
.i-video{ margin-top:-1px;}
.i-video .video-img{ width:100%; min-height:480px;}

.i-video .txt{ width:100%; height:auto; padding:20px 40px;}
.i-video .txt b{ font-size:34px;}
.i-video .txt p{ font-size:24px; line-height:40px;}

.i-love .title b{ font-size:34px;} 
.i-love .title span{ font-size:24px;}
.i-love .con .plan li a{ font-size:22px;}

.m-i-new { display:block; padding:80px 40px; overflow:hidden; background:#fff;}
.m-i-new .title{ text-align:center; margin-bottom:50px;}
.m-i-new .title b{ position:relative; display:block; font-size:34px; color:#0058a2;}
.m-i-new .title b a{ right:0; position:absolute; color:#999; font-weight:normal; width:70px; height:70px; line-height:70px; border-radius:50%; font-size:22px; border:1px solid #ccc;}
.m-i-new .title p{ margin-top:10px; font-size:24px; color:#999;}

.m-i-new .touchcarousel{ width:560px; height:560px; margin:0 auto;}
.m-i-new .touchcarousel li{ width:560px;}
.m-i-new .touchcarousel li img{ width:100%; margin-bottom:10px;}
.m-i-new .touchcarousel li b{ font-size:28px; display:block; padding:10px 0; line-height:50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
.m-i-new .touchcarousel li p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; font-size:24px; line-height:40px; color:#666;}
.m-i-new .touchcarousel .arrow-icon{ margin-top:-105px; background:rgba(0,88,162,0.8); width:50px; height:50px; border-radius:50%;}
.m-i-new .touchcarousel .arrow-icon.left{ background:url(../images/m-left.png) center no-repeat rgba(0,88,162,0.8);}
.m-i-new .touchcarousel .arrow-icon.right{ background:url(../images/m-right.png) center no-repeat rgba(0,88,162,0.8);}
.m-i-new .touchcarousel .arrow-holder.left{ left:20px;}
.m-i-new .touchcarousel .arrow-holder.right{ right:22px;}

.m-i-pm{ display:block; }
.m-i-pm .col{ overflow:hidden;}
.m-i-pm .col a{ display:block; color:#fff; width:100%;}
.m-i-pm .col p{ text-align:center; width:50%; height:400px; float:left; display:flex; align-items:center;}
.m-i-pm .col:first-child{}
.m-i-pm .col:first-child p:first-child{ background:#fff;}
.m-i-pm .col:first-child p:last-child{ background:#133e7a;}

.m-i-pm .col:nth-child(2) p:first-child{ background:#133e7a;}
.m-i-pm .col .pub-c{ padding-top:85px; text-align:center; margin:0 auto; display:block; border-radius:100px; width:140px; height:245px; background:#0058a2;}
.m-i-pm .col p b{ display:block; font-size:32px; margin-bottom:10px;}
.m-i-pm .col p label{ font-size:24px;}

.m-i-pm .m-i-zj{ border-top:1px solid #0058a2; border-bottom:1px solid #0058a2; background:#0058a2; padding-bottom:30px;}
.m-i-pm .m-i-zj .tle{ padding:50px 0; color:#fff; text-align:center;}
.m-i-pm .m-i-zj .tle b{ font-size:34px; display:block; margin-bottom:5px;}
.m-i-pm .m-i-zj .tle span{ font-size:24px;}

.m-i-pm .touchcarousel{ width:600px; margin:0 auto;}
.m-i-pm .touchcarousel li{ width:600px; text-align:center;}
.m-i-pm .touchcarousel li img{ width:600px;}

.m-i-pm .touchcarousel .tc-paging-item.current { background:#fff;  width:80px;}
.m-i-pm .touchcarousel .tc-paging-item { border-radius:5px; margin:0 5px; background:#899fbd;  width:40px; height:3px; }

.i-love{ border-bottom:1px solid #133e7a;}
.i-love:before{ top:260px; left:-380px;}
.i-love:after{ top:200px; right:-150px; background: url(../images/l-bg02.png) center / 260px 700px no-repeat; width:260px; height:700px;}
.i-love .con{ width:600px;}
.i-love .con .touchcarousel{ width:380px; margin:0 auto;}
.i-love .con .touchcarousel li{ width:380px;}

/*产品*/
.product{ padding:0;}
.product .pro{ margin:0;}
.product .m-type{ display:block; background:#f8f8f8; position:fixed;}
.product .m-type dl{ margin-bottom:15px;}
.product .m-type dt{ background:#ececec; font-size:26px; padding:15px 15px;}
.product .m-type dd{ font-size:20px; padding:20px 15px; display:none;}

.product .m-type dl.tag dt{ border:1px solid #0058a2; background:#0058a2; color:#fff;}
.product .m-type dl.tag dd{ display:block;}

.product .r{ padding:30px 40px;}
.product .r .list .col{ width:100%;}
.product .r .list .tt b{ font-size:26px; margin-top:30px;}
.product .r .list .tt span{ font-size:22px; margin-bottom:15px;}
.product .r .list .tt a{ font-size:20px;}
.product .r .list .tt label{ font-size:20px; bottom:0; position:relative;}

.product .r .tle{ font-size:28px;}


/*爱上爱爱*/
.m-gk{ height:159px; display:block;}

.m-love-menu{ display:block; padding:30px 0; overflow:hidden; position:fixed; top:100px; width:100%; background:#fff; z-index:10; }
.m-love-menu a{ float:left; width:20%; text-align:center; font-size:18px; color:#666;}
.m-love-menu a i{ display:block; margin:0 auto 20px; width:85px; background:#ececec; height:55px; border-radius:50px; }
.m-love-menu a:nth-child(1) i{ background:url(../images/lovelove-icon.png) 28px 10px no-repeat #ececec;}
.m-love-menu a:nth-child(2) i{ background:url(../images/lovelove-icon.png) 28px -49px no-repeat #ececec;}
.m-love-menu a:nth-child(3) i{ background:url(../images/lovelove-icon.png) 28px -105px no-repeat #ececec;}
.m-love-menu a:nth-child(4) i{ background:url(../images/lovelove-icon.png) 28px -157px no-repeat #ececec;}
.m-love-menu a:nth-child(5) i{ background:url(../images/lovelove-icon.png) 28px -206px no-repeat #ececec;}

.m-love-menu a.tag label{ color:#0058a2;}
.m-love-menu a.tag:nth-child(1) i{ background:url(../images/lovelove-icon.png) -60px 10px no-repeat #0058a2;}
.m-love-menu a.tag:nth-child(2) i{ background:url(../images/lovelove-icon.png) -60px -49px no-repeat #0058a2;}
.m-love-menu a.tag:nth-child(3) i{ background:url(../images/lovelove-icon.png) -60px -105px no-repeat #0058a2;}
.m-love-menu a.tag:nth-child(4) i{ background:url(../images/lovelove-icon.png) -60px -157px no-repeat #0058a2;}
.m-love-menu a.tag:nth-child(5) i{ background:url(../images/lovelove-icon.png) -60px -206px no-repeat #0058a2;}


.lovelvoe .top{ padding:0;}
.lovelvoe .top .txt{position:relative; width:100%; padding:40px; height:auto;}
.lovelvoe .top .txt strong{ font-size:28px;}
.lovelvoe .top .txt p{ font-size:20px;}
.lovelvoe .top .txt a{ font-size:20px; height:60px; line-height:60px; padding:0 60px;}

.lovelvoe .top img{ width:100% !important; height:auto !important; }

.lovelvoe .list .con{ margin:0;}
.lovelvoe .list{ padding:0;}
.lovelvoe .list .col{ width:100%; padding:0; }
.lovelvoe .list .col .txt{ padding:30px;}
.lovelvoe .list .col b{ font-size:28px; margin-bottom:10px;}
.lovelvoe .list .col p{ font-size:24px; line-height:38px;}
.lovelvoe .list .col span{ font-size:18px;}
.lovelvoe .list .col a.btn{ font-size:20px; height:60px; line-height:60px; padding:0 60px; margin-bottom:0;}
.lovelvoe .list .col a.btn:hover{ line-height:60px;}

/*关于8868体育*/
.about{ padding:0;}
.about .r{ padding:0; width:100%;}

.m-about-menu{ display:block; padding:30px 0; overflow:hidden; border-bottom:1px solid #f1f1f1; background-color: #fff;}
.m-about-menu a{ padding:20px 0; color:#666; font-size:20px; float:left; width:25%; text-align:center}
.m-about-menu a i{ display:block; margin:0 auto 20px; width:85px; background:#ececec; height:60px; border-radius:50px; }
.m-about-menu a.tag{ color:#0058a2;}

/*

.m-about-menu a:nth-child(1) i{ background:url(../images/about-icon.png) 20px 12px no-repeat #ececec;}
.m-about-menu a:nth-child(2) i{ background:url(../images/about-icon.png) 20px -400px no-repeat #ececec;}
.m-about-menu a:nth-child(3) i{ background:url(../images/about-icon.png) 20px -54px no-repeat #ececec;}
.m-about-menu a:nth-child(4) i{ background:url(../images/about-icon.png) 20px -125px no-repeat #ececec;}
.m-about-menu a:nth-child(5) i{ background:url(../images/about-icon.png) 22px -470px no-repeat #ececec;}
.m-about-menu a:nth-child(6) i{ background:url(../images/about-icon.png) 20px -192px no-repeat #ececec;}
.m-about-menu a:nth-child(7) i{ background:url(../images/about-icon.png) 20px -260px no-repeat #ececec;}
.m-about-menu a:nth-child(8) i{ background:url(../images/about-icon.png) 20px -328px no-repeat #ececec;}

.m-about-menu a.tag:nth-child(1) i{ background:url(../images/about-icon.png) -62px 12px no-repeat #0058a2;}
.m-about-menu a.tag:nth-child(2) i{ background:url(../images/about-icon.png) -62px -400px no-repeat #0058a2;}
.m-about-menu a.tag:nth-child(3) i{ background:url(../images/about-icon.png) -60px -54px no-repeat #0058a2;}
.m-about-menu a.tag:nth-child(5) i{ background:url(../images/about-icon.png) -60px -470px no-repeat #0058a2;}
.m-about-menu a.tag:nth-child(4) i{ background:url(../images/about-icon.png) -62px -125px no-repeat #0058a2;}
.m-about-menu a.tag:nth-child(6) i{ background:url(../images/about-icon.png) -60px -192px no-repeat #0058a2;}
.m-about-menu a.tag:nth-child(7) i{ background:url(../images/about-icon.png) -62px -260px no-repeat #0058a2;}
.m-about-menu a.tag:nth-child(8) i{ background:url(../images/about-icon.png) -60px -328px no-repeat #0058a2;}
*/


.m-about-menu a:nth-child(1) i{ background:url(../images/about-icon.png) 20px -400px no-repeat #ececec;}
.m-about-menu a:nth-child(2) i{ background:url(../images/about-icon.png) 20px -54px no-repeat #ececec;}
.m-about-menu a:nth-child(3) i{ background:url(../images/about-icon.png) 22px -470px no-repeat #ececec;}
.m-about-menu a:nth-child(4) i{ background:url(../images/about-icon.png) 20px -125px no-repeat #ececec;}
.m-about-menu a:nth-child(5) i{ background:url(../images/about-icon.png) 20px -192px no-repeat #ececec;}
.m-about-menu a:nth-child(6) i{ background:url(../images/about-icon.png) 20px -328px no-repeat #ececec;}
.m-about-menu a:nth-child(7) i{ background:url(../images/about-icon.png) 20px -540px no-repeat #ececec;}
/*
.m-about-menu a:nth-child(7) i{ background:url(../images/about-icon.png) 20px -260px no-repeat #ececec;}
.m-about-menu a:nth-child(8) i{ background:url(../images/about-icon.png) 20px -328px no-repeat #ececec;}
*/

.m-about-menu a.tag:nth-child(1) i{ background:url(../images/about-icon.png) -62px -400px no-repeat #0058a2;}
.m-about-menu a.tag:nth-child(2) i{ background:url(../images/about-icon.png) -62px -54px no-repeat #0058a2;}
.m-about-menu a.tag:nth-child(3) i{ background:url(../images/about-icon.png) -60px -470px no-repeat #0058a2;}
.m-about-menu a.tag:nth-child(4) i{ background:url(../images/about-icon.png) -62px -125px no-repeat #0058a2;}
.m-about-menu a.tag:nth-child(5) i{ background:url(../images/about-icon.png) -60px -192px no-repeat #0058a2;}
.m-about-menu a.tag:nth-child(6) i{ background:url(../images/about-icon.png) -60px -328px no-repeat #0058a2;}
/*
.m-about-menu a.tag:nth-child(7) i{ background:url(../images/about-icon.png) -62px -260px no-repeat #0058a2;}
.m-about-menu a.tag:nth-child(8) i{ background:url(../images/about-icon.png) -60px -328px no-repeat #0058a2;}
*/



.about .r strong{ font-size:28px;}
.about .r p{ font-size:22px; padding:0 20px; line-height:44px; text-indent:48px;}
.about .r .d-img{ display:block; width:600px; margin:0 auto 30px;}
.about .r .a-img{ padding:0 20px;}
.about .r .a-img img{ width:100%;}

/*精选门店*/
.shop{ padding:50px 30px;}
.shop .col{ width:50%;}

.blue{ background:#0058a2;}
.video-con{ width:640px; left:0; margin-left:0; top:50%; margin-top:-142px; padding:0; background:none;}
.video-con .m-close{ color:#fff; font-size:26px; border:2px solid #fff; bottom:-100px;  height:60px; line-height:60px; width:160px; left:50%; margin-left:-80px; text-align:center; border-radius:50px;  }

.lovelvoe .btn{ margin-bottom:100px; }
.lovelvoe .btn a{ font-size:26px; color:#999;}

.m-quality{ display:block;}

/*产品详情*/
.product-details .info{ width:100%; padding:20px;}
.product-details .info .txt{ width:100%;}

.contact{ padding:0 20px;}


/*新闻详情*/
.article-detail{ padding:20px 20px 100px 20px;}
.article-detail .left > strong { padding:20px 0; margin-bottom:10px;  font-weight:400; font-size:38px; line-height:50px;}
.article-detail .left{ width:100%;}
.article-detail .left h3{ font-size:34px; line-height:50px; color:#333;}
.article-detail .left h4{ font-size:32px; line-height: 50px; padding-bottom: 30px; color:#333;}
.article-detail .left p{ font-size:28px; line-height:50px; text-indent:56px;}
.article-detail .left p img{/* margin-left: -56px; */}
.article-detail .left p iframe{margin-left: -56px;}
.article-detail .left p video{margin-left: -56px;}
.article-detail .right{ display:none; width:100%;}
.article-detail .data{ text-align:left; color:#999; margin-bottom:60px; font-size: 20px;}

.article-detail .left iframe{ width:600px; height:400px;}
.share-btn{ margin:0;}
.page-bor{ margin:20px 0 0;}

.mobile-dp{ display:block; }

.foot-div .icon-list{ font-size:24px;}
.foot-div .icon-list label{ display:block; margin-bottom:30px;}
.foot-div .lg a{ font-size:24px;}
.foot-div .mg{ font-size:18px;}
.foot-div .mg p a{ color:#fff;}

.foot-div .fg{ font-size:24px;}
.foot-div .fg ul{ width:200px; margin-left:-100px; margin-bottom: 10px;}

.seach .seach-inp span{ font-size:32px;}
.seach .list .col .product-img{ width:560px;}
.seach .list .col .product-img b{ font-size:20px;}

.seach .list .col .new-img b{ font-size:26px;}
.seach .list .col .new-img p{ font-size:20px; overflow: hidden;      
  text-overflow: ellipsis;      
  display: -webkit-box;      
  -webkit-line-clamp:2;      
  -webkit-box-orient: vertical; }
.seach .list .col .new-img img{ width:280px;}

.china-pimg h4{ padding:0 20px; font-size:24px;}
.china-col h4{ padding:0 20px; font-size:24px;}
.about .r .subtitle{ padding:0 20px; font-size:28px;}
.shop .col .pt label{ font-size:16px;}

.product-details{ padding-bottom:100px;}
.product-details .info .touchcarousel{ display:block; width:600px; height:600px; margin:0 auto; border:1px solid #ccc;}
.product-details .info .touchcarousel li{ width:600px; text-align:center; padding-top:50px;}

.product-details .info .touchcarousel .arrow-icon{ opacity:0.5; width:60px; height:60px;}
.product-details .info .touchcarousel .arrow-icon.left{ background:url(../images/p-left-jt.png) center / 30px 30px no-repeat #0058a2;}
.product-details .info .touchcarousel .arrow-icon.right{ right:0; background:url(../images/p-right-jt.png) center / 30px 30px no-repeat #0058a2;}

.product-details .tj{ width:auto; padding:0 20px; display:none;}
.product-details .tj .list{ margin-right:0;}
.product-details .tj .list .col{ width:100%; padding-right:0;}
.product-details .tj .tle{ font-size:30px;}
.product-details .tj .list .tt b{ font-size:22px;}
.product-details .tj .list .tt span{ font-size:18px; margin-bottom:20px;}
.product-details .tj .list .tt label{ font-size:16px; }


.product-details .info .txt{ margin-top:30px;}
.product-details .info .txt strong{ font-size:36px;}
.product-details .info .txt span{ font-size:24px;}
.product-details .info .txt .pr p{ font-size:24px; line-height:44px;}
.product-details .info .txt .sm p{ font-size:24px; line-height:44px;}
.product-details .info .btn{ }
.product-details .info .btn a{ display:block; text-align:center; height:120px; line-height:110px; font-size:30px;}
.product-details .info .btn.tag{ z-index:9999; position:fixed; bottom:0; left:0; width:100%;}


.product-details .details-img{ width:100%; padding:0 20px;}
.product-details .details-img img{ width:100%;}
.product-details .details-img .btn{ display:none;}

.contact .col b{ font-size:30px;}
.contact .col span{width:100%; font-size:22px; line-height:36px;}
.contact .col:first-child span{ width:100%; margin-bottom:20px; }
.contact .col span.map { background: url(../images/map-icon.png) 0 10px no-repeat;}
.contact .col span.phone { padding-left:26px; background:url(../images/phone-icon.png)  0 10px no-repeat;}
.contact .col span.mail { padding-left:26px; background:url(../images/mail-icon.png) 0 10px no-repeat;}
.contact .col span.num { padding-left:26px; background: url(../images/num-icon.png) 0 10px no-repeat;}

.contact .col:nth-child(2) span:nth-child(3){ width:100%;}
.contact .col:nth-child(2) span:nth-child(4){ width:50%;}
.contact .col:nth-child(2) span:nth-child(5){ width:50%;}
.contact .col:nth-child(2) span:nth-child(6){ width:50%;}
.contact .col:nth-child(2) span:nth-child(7){ width:50%;}

.contact .col span i{ display:block;}

.contact .col label{ font-size:22px;}

.shop .txt{ font-size:18px; }

.lovelvoe .type-list{ margin:0; padding:10px 30px 30px;}

.lovelvoe .type-list .col{ font-size:20px; padding-bottom: 10px;}
.lovelvoe .type-list .col label{ float:none; display:block; padding:10px 0;}
.lovelvoe .type-list .col p{ padding:10px 0;}
.lovelvoe .type-list .col span{ margin:0 10px 0 0;}

.lovelvoe .list .no-data{ font-size:24px; }

.global-map{}
.global-map .map-list{ width:100%; height:342px; }
.global-map .map-list .pub-i{ width:20px; height:20px;}

.m-map{ display:block;}
.mCSB_container.mCS_touch{ padding:150px 0 0; left:-380px;  }
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{ bottom: none !important; top:0 !important;}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{ width:90%  !important; left:50%  !important; margin-left:-45%;}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:rgba(0, 88, 162, 1) !important;}


.global-map .map-list .pub-i{ }

.global-map .map-list .pub-i.i01{ top:190px; left:490px}/*越南 马来西亚 泰国 新加坡*/
.global-map .map-list .pub-i.i02{ top:60px; left:320px}/*奥地利 捷克共和国 法国 德国 荷兰 丹麦 */
.global-map .map-list .pub-i.i25{ top:90px; left:390px}/*  匈牙利 葡萄牙 瑞士 爱沙尼亚 挪威*/
.global-map .map-list .pub-i.i23{ top:70px; left:440px}/*罗马尼亚 斯洛文尼亚 英国 捷克共和国*/
.global-map .map-list .pub-i.i24{ top:90px; left:460px}/* 比利时 克罗地亚 拉脱维亚 波兰 瑞典*/

.global-map .map-list .pub-i.i03{ top:240px; left:180px}/*巴西 秘鲁*/
.global-map .map-list .pub-i.i04{ top:180px; left:440px}/*埃及 以色列 意大利*/
.global-map .map-list .pub-i.i05{ top:120px; left:355px}/*爱尔兰*/
.global-map .map-list .pub-i.i06{ top:195px; left:545px}/*印度 巴基斯坦*/
.global-map .map-list .pub-i.i07{ top:120px; left:520px}/*日本*/
.global-map .map-list .pub-i.i08{ top:365px; left:7503x}/*新西兰*/
.global-map .map-list .pub-i.i09{ top:230px; left:400px}/*尼日利亚*/
.global-map .map-list .pub-i.i10{ top:90px; left:460px}/*俄罗斯 */
.global-map .map-list .pub-i.i11{ top:250px; left:450px}/*坦桑尼亚*/
.global-map .map-list .pub-i.i12{ top:100px; left:130px}/*加拿大*/
.global-map .map-list .pub-i.i13{ top:230px; left:220px}/*哥伦比亚*/
.global-map .map-list .pub-i.i14{ top:160px; left:150px}/*墨西哥 美国 危地马拉 洪都拉斯 尼加拉瓜 萨尔瓦多 巴拿马*/
.global-map .map-list .pub-i.i15{ top:220px; left:340px}/*土耳其 以色列*/
.global-map .map-list .pub-i.i16{ top:270px; left:540px}/*澳大利亚*/

.global-map .map-list .pub-i.i17{ top:200px; left:170px}/*巴西 秘鲁 危地马拉*/
.global-map .map-list .pub-i.i18{ top:270px; left:640px}/*印度尼西亚*/
.global-map .map-list .pub-i.i19{ top:220px; left:660px}/*菲律宾*/

.global-map .map-list .pub-i.i20{ top:130px; left:600px}/*中国*/

.global-map .map-list .pub-i.i21{ top:60px; left:400px}/*芬兰*/
.global-map .map-list .pub-i.i22{ top:320px; left:430px}/*南非*/

.global-map .map-tsdiv{ background:none; z-index:inherit; box-shadow:none; }
.global-map .map-tsdiv p { float:left; width:50%; padding:0; text-indent: 0;}
.global-map .map-tsdiv p a{ font-size:20px; margin:0;  float:none; color:#0058a2;}

.global-map .map-tsdiv p span{ float:right; padding-right:20px; color:#666;} 

.global-map .map-tsdiv .btn{ color: #fff; position:absolute;
    font-size: 26px;
    border: 2px solid #fff;
    bottom: -100px;
    height: 60px;
    line-height: 60px;
    width: 160px;
    left: 50%;
    margin-left: -80px;
    text-align: center;
    border-radius: 50px;}


.map-xs-div{ z-index:9999; position:fixed; bottom:auto; top:200px; width:600px; left:50%; margin-left:-300px; background:#fff; padding:20px; box-shadow: 5px 5px 15px #ccc;}

.validate-seach{ padding:40px;}

.validate-seach .validate-form .inp{  height:auto;}
.validate-seach .validate-form .inp input{ border:1px solid #ccc; border-radius:0; height:76px; font-size:24px; width:100%; margin-bottom:20px; float:none; }
.validate-seach .validate-form .inp a{ height:76px; line-height:76px; font-size:28px; width:100%; float:none; }
.validate-seach .validate-form .txt p{ font-size:24px; line-height:42px;}
	
.validate-seach .validate-form .inp .ts{ display:none; font-size:24px; text-align:center; margin-top:40px; color:#0058a2; font-weight:bold; line-height:34px; }
.validate-seach .validate-form .inp .ts.tag{ display:block;}
.validate-seach .validate-form .inp .ts i{ background:url(../images/btn_search_jt.png) top center / 34px 34px no-repeat; display:inline-block; width:34px; height:34px; vertical-align:bottom;  margin-left:5px; }	

.validate-seach .validate-result strong{ background:#0058a2; color:#fff; display:block; text-align:center; padding:10px 0; font-size:30px;}
	
.validate-seach .validate-form .xl-6{ width:100%; margin-bottom:20px;}
.validate-seach .validate-form .xl-4{ width:100%; display:none;}
.validate-seach .validate-form .list-img{ float:left; display:none;}


.validate-seach .validate-form .list-p{ width:100%; padding:0;}

.validate-seach .validate-form .list-img.m_img{ display:block; margin-top:20px;}



.validate-seach .validate-result .xl-7{ width:100%;}
.validate-seach .validate-result p{ font-size:24px; line-height:42px;}

.validate-seach .validate-result .btn{ margin-top:30px;}
.validate-seach .validate-result .btn a{ font-size:24px; border:1px solid #0058a2; padding:10px; margin-bottom:20px;}

.validate-seach .validate-result .xl-3{ width:100%;}
.validate-seach .validate-result .dpmh{ float:left;}

.i-love .con .pub-wz li a{ font-size:22px;}	




.validate-seach strong{ font-size:36px;}
.validate-seach .info p{ height:76px; line-height:76px;}
.validate-seach .info p input{ width:100%; height:76px; line-height:76px; font-size:24px;}
.validate-seach .info a{ height:76px; line-height:76px; font-size:28px; width: 100%;}
.validate-seach .info{ overflow:hidden;}

.validate-seach .validate-form .xl-7{ width:100%;}
.validate-seach .validate-form .xl-3{ display:none;}

.glasslayer02{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,1); top:0px; left:0px; z-index:9998;}


.i-love .con .more{ right:10px; width: 70px; top:-200px; opacity:0.6;
    height: 70px;
    line-height: 70px; font-size:22px;}
    
    
.news-list .i-new{ padding:40px;}    

.news-list .btn a{ font-size:20px; line-height:60px; padding:0 40px;}


.m_animation{ display:block;}


/*公益守护*/
.gysh_con .col-01{ height:auto;}
.gysh_con .col-01 .xl-65{ width:100%;}
.gysh_con .col-01 .xl-35{ width:100%; padding:50px;}

.gysh_con .sm_txt{ padding:30px; font-size:22px; line-height:44px;}

.gysh_con .old{ padding:0 30px;}
.gysh_con .old img{ width:100%;}

.gysh_con .group{ padding-left:50px;}
.gysh_con .group .title{ margin:0 50px 30px;}
.gysh_con .list{ padding:0 50px;}

.gysh_con .group:before{ left:50px;}
.gysh_con .group:after{ left:40px;}
.gysh_con .group i{ left:45px;}

.gysh_con .list .col{ width:100%;}
.gysh_con .list .col b{ font-size:22px;}
.gysh_con .list .col span{ font-size:22px; line-height:44px;}

}

@media screen and (max-width:660px){ 

.m-banner{ height:800px;}
.m-banner .flickerplate{ height:800px;}
.entrance{ padding:0;}

.wechat-div i{ width:60px; height:60px; background: url(../images/code-close.png) center / 40px 40px no-repeat #0058a2; top:-30px; right:-30px;}
.dd-div i,.ks-div i,.xhs-div i{width:60px; height:60px; background: url(../images/code-close.png) center / 40px 40px no-repeat #0058a2; top:-30px; right:-30px;}



.news-list .i-new{ padding:0;}
.news-list li{ width:100%;}
.news-list .i-new li .txt{ padding:30px;}
.news-list .i-new li .txt b{ font-size:28px;} 
.news-list .i-new li .txt p{ font-size:24px; line-height:38px;}
.news-list .i-new li .txt a.btn{font-size: 20px;
    height: 60px;
    line-height: 60px;
    padding: 0 60px;
    margin-bottom: 0;}

.flexslider01 .flex-direction-nav .flex-prev{ margin-top:-100px; margin-left:20px; width:50px; height:50px; border-radius:50%; background: url(../images/m-left.png) center no-repeat rgba(0,88,162,0.8);}
.flexslider01 .flex-direction-nav .flex-next{ margin-top:-100px; margin-right:20px; width:50px; height:50px; border-radius:50%; background: url(../images/m-right.png) center no-repeat rgba(0,88,162,0.8);}
.flexslider01 .flex-control-nav{ display:none;}

.flexslider02 .flex-direction-nav .flex-prev{ margin-top:-50px; width:50px; height:50px; background: url(../images/p-left-jt.png) center / 30px 30px no-repeat #0058a2;}
.flexslider02 .flex-direction-nav .flex-next{ margin-top:-50px; width:50px; height:50px; background: url(../images/p-right-jt.png) center / 30px 30px no-repeat #0058a2;}
.flexslider02 .flex-control-nav{ display:none;}


.durex-privacy{ padding:80px 40px;}
.durex-privacy h4{ font-size:28px; margin-bottom:40px;}
.durex-privacy p{ font-size:22px; line-height:40px; margin-bottom:40px;}
.durex-privacy b{ font-size:22px; margin-bottom:40px;}


/*品牌愿景*/
.brand-vision .col-01{ height:980px; }
.brand-vision .col-01 .xl-65{ width:100%; height:660px;}
.brand-vision .col-01 .xl-35{ width:100%; padding:60px 0 0px 30px;}
.brand-vision .col-01 .xl-35 p{ margin-bottom:10px;padding-right:0;}
.brand-vision .col-01 .xl-35 .pc{ display:none;}
.brand-vision .col-01 .xl-35 .undis{ display:block; margin-bottom:15px;}

.brand-vision .col-02{ padding:150px 0;}
.brand-vision .col-02 .xl-65{ width:100%; padding:0 30px; }
.brand-vision .col-02 .xl-35{ width:80%; display:none; }
.brand-vision .col-02 .xl-65 p span{ font-size:30px; line-height:50px;}
.brand-vision .col-02 .xl-65 p label{ font-size:26px; line-height:40px;}

.brand-vision .col-03{ height:520px; border-radius:500px 0 0 500px; }

.brand-vision .col-04{ padding:150px 0;}
.brand-vision .col-04 .xl-65{ width:100%; padding:0 30px;}
.brand-vision .col-04 .xl-35{ width:80%; display:none;}
.brand-vision .col-04 .xl-65 p span{ font-size:30px; line-height:50px;}
.brand-vision .col-04 .xl-65 p label{ font-size:26px; line-height:40px;}

.brand-vision .col-05{ height:506px;}
.brand-vision .col-05 .xl-65{ border-radius:0 500px 500px 0; width:100%; height:506px;}

.brand-vision .col-06{ padding:150px 0;}
.brand-vision .col-06 .xl-65{width:100%; padding:0 30px; }
.brand-vision .col-06 .xl-35{ width:80%;  display:none;}
.brand-vision .col-06 .xl-65 p span{ font-size:30px; line-height:50px;}
.brand-vision .col-06 .xl-65 p label{ font-size:26px; line-height:40px;}

.brand-vision .col-07{ height:506px;}
.brand-vision .col-07 .xl-65{ border-radius:500px 0 0 500px; width:100%; height:506px;}

.brand-vision .col-08{ padding:150px 0;}
.brand-vision .col-08 .xl-65{ width:100%; padding:0 30px;}
.brand-vision .col-08 .xl-35{ width:80%; display:none; margin-bottom:90px; margin-top:0;}
.brand-vision .col-08 .xl-65 p span{ font-size:30px;}
.brand-vision .col-08 .xl-65 p label{ font-size:26px; display:block; margin-bottom:30px;}

/*20210712*/
.brand-vision .col-09{ padding:150px 30px 100px;}
.brand-vision .col-09 .xl-65{ padding:0; width:100%; float:none;}
.brand-vision .col-09 .xl-35{ display:none;}

.brand-vision .col-09 .xl-65 p span{ font-size:30px; line-height:50px;}
.brand-vision .col-09 .xl-65 p label{ font-size: 26px; line-height: 40px;}


.brand-vision .m_09_img{ margin-bottom:50px; height:660px; background:#0059a2; display:block;}
.brand-vision .m_09_img p{ border-radius: 0 500px 500px 0; height:660px; background:url(../images/1221/a-m09-01.jpg) center / cover no-repeat;}


}