﻿@charset "utf-8";
/* CSS Document *//*营销-严选材料专用CSS表*/

/*.foot_3 { display:none;}*/
body { background-color:#ffffff;}


#demo01 { height:3.74rem;}
#demo01 .flex-control-nav { display:none;}



.mark_101 {}
.mk101_main_1 { padding:0.48rem 0 0 0;}
.mk101_main_2 { margin-top:0.44rem; display:flex; align-items:center; justify-content:space-between;}
.mk101_main_2 .abox { display:block; flex:1}
.mk101_main_2 .abox .iconbox { width:0.5rem; height:0.36rem; position:relative; margin:0 auto;}
.mk101_main_2 .abox .iconbox .icon { display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.mk101_main_2 .abox .iconbox .icon.no1 { display:block;}
.mk101_main_2 .abox .iconbox .icon.no2 { display:none;}
.mk101_main_2 .abox .text_item_1 { color:#7c7c7c; font-size:0.24rem; line-height:0.32rem; text-align:center; margin-top:0.1rem;}
.mk101_main_3 { margin-top:0.36rem;}
.mk101_main_3 .main_item {}
.mk101_main_3 .main_item .item { position:relative;}
.mk101_main_3 .main_item .item .imgbox {}
.mk101_main_3 .main_item .item .imgbox .img { display:block; width:100%;}
.mk101_main_3 .main_item .item .textbox { position:absolute; z-index:5; left:0; bottom:0; right:0; padding:0.2rem 0.26rem 0.16rem 0.26rem; background-color:rgba(0,0,0,0.7);}
.mk101_main_3 .main_item .item .textbox .text_item_1 { color:#ffffff; font-size:0.24rem; line-height:0.36rem;}
.mk101_main_3 .main_item .item .textbox .text_item_2 { color:#ffffff; font-size:0.2rem; line-height:0.3rem; height:0.6rem; margin-top:0.1rem;}
/*act*/
.mk101_main_2 .abox.on .iconbox .icon.no1 { display:none;}
.mk101_main_2 .abox.on .iconbox .icon.no2 { display:block;}
.mk101_main_2 .abox.on .text_item_1 { color:#383838;}
/*act*/

.mark_102 { margin-top:0.24rem;}
.mk102_main_1 { font-size:0;}
.mk102_main_1 .img { display:block; width:6.9rem; margin:0 auto;}


.mark_103 { margin-top:0.44rem; padding:0 0 0.4rem 0;}
.mk103_main_1 {}
.mk103_main_2 { width:7.1rem; margin:0.5rem auto 0 auto;}
.mk103_main_2 .img { display:block; width:100%;}


.mark_104 { height:6.95rem; background:url(../image/yx/yxcl/bg-mark_104-1-1.jpg) repeat center center; background-size:cover;}
.mk104_main_1 { padding:0.6rem 0 0 0;}
.mk104_main_1 .mktitle_01 .text_item_1 { color:#ffffff;}
.mk104_main_1 .mktitle_01 .text_item_2 { color:#b2afaf;}
.mk104_main_1 .mktitle_01 .linebox .line_1 { background-color:#ffffff;}

.mk104_main_2 { margin-top:0.6rem; width:100%; position:relative; overflow:hidden;}
.mk104_main_2_swiper { width:486px; height:198px; margin:0 auto; position:relative; left:50%; margin-left:-243px; overflow:hidden;}
.swipercss_1 .swiper-slide { transform: scale(0.8); position:relative; overflow:hidden;}
.swipercss_1 .swiper-slide .abox { display:block; width:100%; height:100%; background-color:#ffffff;}
.swipercss_1 .swiper-slide .abox .imgbox { width:150px; height:100px; margin:0 auto; padding:6px 0 0 0;}
.swipercss_1 .swiper-slide .abox .imgbox .img { display:block; width:100%; height:100%;}
.swipercss_1 .swiper-slide .abox .textbox { padding:0 10px; margin-top:30px; text-align:center;}
.swipercss_1 .swiper-slide .abox .textbox .text_item_1 { color:#414141; font-size:14px; line-height:18px; font-weight:bold;}
.swipercss_1 .swiper-slide .abox .textbox .text_item_2 { color:#7c7c7c; font-size:12px; line-height:16px; margin-top:4px;}
.swipercss_1 .swiper-slide .abox .textbox .text_item_2 .cor2 { color:#414141;}
/*act*/
.swipercss_1 .swiper-slide.swiper-slide-active { transform: scale(1);}
/*act*/

.mark_105 { margin-top:0.24rem;}
.mk105_main_1 { font-size:0;}
.mk105_main_1 .img { display:block; width:6.9rem; margin:0 auto;}



.mark_106 { margin-top:0.1rem; padding-top:0.32rem; height:7.7rem; background:url(../image/yx/yxcl/bg-mark_106-1-1.jpg) repeat center center; background-size:cover;}
.mk106_main_1 { font-size:0;}
.mk106_main_2 { margin-top:0.6rem;}
.mk106_main_2 .img { display:block; width:6.9rem; margin:0 auto;}


.mark_107 { margin-top:0.42rem;}
.mk107_main_1 {}
.mk107_main_2 { height:210px; margin-top:0.36rem; background:url(../image/yx/yxcl/bg-mk107_main_2-1-1.jpg) no-repeat center center; background-size:cover;}
.mk107_main_2 #pic_01 { width:374px; height:136px; margin: 0 auto; padding:36px 0 0 0;}
.mk107_main_2 #pic_01_Box { position: relative; height: 100%}
.mk107_main_2 #pic_01_Box ul { position: relative;}
.mk107_main_2 #pic_01_Box li { z-index: 0; position: absolute; width:0; background: #787878; height: 0px; overflow: hidden; top: 73px; left: 188px; width:100px; height:100px;}
.mk107_main_2 #pic_01_Box li a,
.mk107_main_2 #pic_01_Box li img { display:block; width: 100%; height:100%; position:relative;}
.mk107_main_2 #pic_01_Box .btn {position: absolute; z-index:100; width: 100px; height: 100%; top: 0;}
.mk107_main_2 #pic_01_Box .prev { display: block; left: 0}
.mk107_main_2 #pic_01_Box .next { display: block; right: 0}

.mark_108 { margin-top:0.24rem;}
.mk108_main_1 { font-size:0;}
.mk108_main_1 .img { display:block; width:6.9rem; margin:0 auto;}







