@charset "utf-8";

@font-face{font-family: 'Muli'; src:url(../font/Muli-Regular.TTF);}

.red{ color:#b01d2c;}



.ycwrapper{ width:1180px; margin:0 auto; color:#222020;  font-size:15px;}
.ycwrapper,.ycwrapper *{ font-family:Muli;}
.ycwrapper a:hover{ text-decoration:none;}
.ycwrapper img{ max-width:100%; position:relative; display:block;}

.ycpropic .imgpop{ position:relative; display:block;}
.ycpropic .imgpop:after{ content:""; transition:.3s; display:block; z-index:2; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../ycimg/jia.png) rgba(0,0,0,.6) no-repeat center center; transform:scale(0);}
.ycpropic .imgpop:hover::after{transform:scale(1);}

.ycbanner{ position:relative; overflow:hidden; background:url(../ycimg/bannerx.jpg) no-repeat center center; background-size:100% auto; transition:.3s;}
.ycbanner img{ width:100%; display:block;}
/*.ycbanner:after{ background:url(../ycimg/play.png) no-repeat center center; height:100%; width:100%; content:""; position:absolute; top:0; left:0;}
.ycbanner:hover{ background-size:110% auto;}*/
.fancybox{ position:relative; display:block; width:100%; overflow:hidden;}
/*.fancybox:after{ background:url(../ycimg/play.png) no-repeat center center; height:100%; width:100%; content:""; position:absolute; top:0; left:0;}*/
.fancybox img{ transition:.5s;}
.fancybox:hover img{ transform:scale(1.2);}

.ycbanner02 img{ max-width:1600px; display:block; width:100%; margin:0 auto;}


.ycbigtit{ font-size:30px; padding:30px 0 40px; text-align:center; line-height:34px; font-weight:bold;}

.ycontent .line{ overflow:hidden;}
.ycontent .hd{ margin:30px 0 50px; text-align:center;}
.ycontent .hd li{ cursor:default; width:278px; margin:0 5px 1px; display:inline-block; line-height:47px; background-color:#dcdcdc; text-align:center; font-family:Muli;}
/*.ycpropic .hd li:nth-child(4){ margin-right:0;} */
.ycontent .hd .on,.ycpropic .hd li:hover{ background-color:rgb(107, 30, 38); color:#fff;}
.ycontent .boxfl{ float:left; width:50%; box-sizing:border-box; padding:10px;}
.ycontent .boxfl .pictit{ font-weight:bold; margin-top:20px; line-height:160%;}
.ycontent .boxfl .imglist li{ width:32%; margin-right:2%; float:left;} 
.ycontent .boxfl .imglist li:nth-child(3n){ margin-right:0;}
.ycontent .boxfr{ float:right; width:50%; padding:10px; box-sizing:border-box;}
.ycontent .tit01{ font-size:30px; padding-top:10px; line-height:30px; margin-bottom:30px; font-weight:bold; color:#323232;}
.ycontent .tit02{ font-size:18px; border-left:7px solid #6b1e26; padding-left:20px; line-height:30px; font-weight:bold; color:#323232;}
.ycontent .txtlist{ padding-top:30px;}
.ycontent .txtlist li{ padding-left:30px; margin-right:100px; background:url(../ycimg/arrow.png) no-repeat left 8px; line-height:36px; }
.ycontent .txtlistc li{ padding:5px 0; padding-left:30px; line-height:26px;}
.ycontent .txtlistd li{ margin-right:0;}
.ycontent .txtlist02 li{ width:50%; padding-right:2%;  float:left; margin-right:0; box-sizing:border-box; line-height:30px; background-position:left 3px;}

.ycpropic .inner{ overflow-y:auto;overflow-x:auto;}

.ycontent .tit06{ position:relative; padding:30px 0 0; margin-bottom:30px; font-size:18px; font-weight:bold;}
.ycontent .tit06 span{ margin-right:10px; width:30px; height:30px; font-size:15px; background-color:#6a1d25; color:#fff;  line-height:30px; text-align:center; border-radius:50%; display:inline-block; }
.ycontent .tit06 img{ position:absolute; bottom:0; left:34%;}
.ycontent .tit07{ margin:30px 0; font-weight:bold; font-size:18px; border-left:5px solid #6f1d29; padding:5px 0; padding-left:20px;}
.ycontent .tit08{ border-bottom:5px solid #6b1e26; line-height:25px; padding:5px 0; font-weight:bold; color:#323232; margin-top:15px;}
.ycontent .tit08:before{ content:"●"; color:#6b1e26; padding-right:8px;}
.ycontent .tit08 span{ color:#6b1e26;padding-right:8px;}
.ycontent .tit08cc{ margin-top:30px; line-height:25.5px; color:#323232;}
.ycontent .tit10{ text-align:center; padding:5px 0; line-height:20px; margin-top:30px;}
.ycontent .tit011{border-left:7px solid #6b1e26; padding-left:20px; line-height:24px;}

.prodetail{ margin-top:30px;}
.prodetail li{ width:15%; margin-right:2%; margin-top:10px; float:left;}
.prodetail li:nth-child(6n){ margin-right:0;}

.ycontent h2{ color:#600018; /*font-size:14px;*/ margin-top:20px;}
.prodetail.prodetail01{ margin-top:10px;}
.prodetail.prodetail01 li{ width:32%; margin-top:0;}
.prodetail.prodetail01 li:nth-child(3){ margin-right:0;}
.prodetail.prodetail01 li img{ max-width:100%; position: relative; display:block;}
.prodetail.prodetail02 li{ width:23.5%;}
.prodetail li p{ text-align:center; font-size:12px;}
.prodetail.prodetail02 li:nth-child(4n){ margin-right:0;}
.prodetail.prodetail02 li:nth-child(6n){ margin-right:2%;}
.prodetail.prodetail02 li img{ max-width:100%; position: relative; display:block;}
.prodetail.prodetail03 li{ width:50%; margin-right:5%;}
.prodetail.prodetail03 li:nth-child(2){ width:45%; margin-right:0;}
.prodetail.prodetail03 li img{ max-width:100%; position: relative; display:block;}


.ycprotab{ margin-top:20px;}
.ycprotab .tit03{  font-weight:bold; margin-bottom:20px;}
.ycoption{ margin-top:42px; color:#323232;}
.ycoption .tit04{ border-left:7px solid #6b1e26; padding-left:20px; line-height:24px;}
.ycoption .tit04 .cn{ font-size:18px; font-weight:bold; padding-bottom:8px; line-height:100%;} 
.ycoption .ycon{ border-top:5px solid rgb(107, 30, 38); margin-top:25px;}
.ycoption .ycon li{ padding:30px 0; border-bottom:1px solid rgb(229, 229, 229);overflow:hidden;}
.ycoption .ycon .img{ float:left; width:177px;}
.ycoption .ycon .img img{ margin:0 auto;}
.ycoption .ycon .txt{ padding-left:200px;}
.ycoption .ycon .tit05{ font-size:18px; overflow:hidden; font-weight:bold; margin:40px 0 20px;}
.ycoption .ycon .tit05 a{ display:block; float:left; width:91.6%;}
.ycoption .ycon .tit05 em{ display:block; float:right; width:8.4%; height:18px; background:url(../ycimg/arrowbottom.jpg) no-repeat right center;}
.ycoption .ycon .tit05.on em{ background-image:url(../ycimg/arrowtop.jpg);}
.ycoption .ycon .note{ margin-top:10px;  color:#616161;} 
.ycoption .ycon .info{ display:none;}
.ycoption .ycon .intro{ float:left; width:48%; margin-top:20px;}
.ycoption .ycon .intro:nth-child(2n){ float:right;}
.ycoption .ycon .intro h3{ background:url(../ycimg/arrow.png) no-repeat left top; padding-left:30px; line-height:27px; font-size:15px;}
.ycoption .ycon .intro p{ line-height:25px; color:#616161; padding-left:28px;}

.ycoption .ycon01{border-top:5px solid rgb(107, 30, 38); margin-top:25px;}
.ycoption .ycon01 .txt{ font-size:18px; font-weight:bold; padding:10px 0;}
.ycoption .ycon01 .txt span{ color:#6b1e26;}


.ycsum .imglist li{ width:32%; margin-right:2%; float:left;} 
.ycsum .imglist li:nth-child(3n){ margin-right:0;}
.ycsum .imglist02 li{ width:25%; margin-right:2%; float:left; text-align:center;} 
.ycsum .imglist02 li:last-child{ width:45%; margin-right:0; text-align:left;}
.ycsum .imglist02 li ul li{ width:100%; text-align:left;}
.ycsum .imglist02 img{ max-width:422px; margin:0 auto; width:100%;}
.ycsum .imglist02 p{ font-weight:bold;}
.ycsum .tit02{font-size:18px; border-left:7px solid #6b1e26; padding-left:20px; line-height:30px; font-weight:bold; color:#323232; margin:20px 0 20px;}
.ycsum .txt li{ color:#323232; padding-left:30px; background:url(../ycimg/arrow.png) no-repeat left 8px; line-height:36px;  }

.ycsum02{ margin:30px 0;}
.ycsum02 .boxfl{ width:33%; float:left; padding:0 10px; box-sizing:border-box;}
.ycsum02 .boxfr{ width:67%; float:right; padding:0 10px; box-sizing:border-box;}
.ycsum02 .tit09{ font-size:30px; line-height:35px; padding-bottom:20px;}
.ycsum02 .boxfr .txt{ line-height:33px;}

.ycflfr .ycfl{ width:75%; float:left; box-sizing:border-box; padding:10px; line-height:25px;}
.ycflfr .ycfr{ width:25%; float:right; box-sizing:border-box; padding:10px;}
.ycflfr .titcc{ border-bottom:5px solid #6b1e26; line-height:37px; font-weight:bold; color:#323232; margin-bottom:30px;}
.ycflfr .titcc:before{ content:"●"; color:#6b1e26; padding-right:10px;}
.ycflfr .imglist li{ margin-bottom:10px;}
.ycflfr .imglist02 li{ width:32%; margin-right:2%; float:left; margin-bottom:10px;} 
.ycflfr .imglist02 li:nth-child(3n){ margin-right:0;}

.ycflfr02 .ycf2{ width:100%; border-top:5px solid #6b1e26; float:right; box-sizing:border-box; padding:10px;}

.ycflfr02 .ycfl{ width:28%; float:left; box-sizing:border-box; padding:10px; line-height:25px;}
.ycflfr02 .ycfl img{ width:100%;}
.ycflfr02 .ycfr{ width:70%; border-top:5px solid #6b1e26; float:right; box-sizing:border-box; padding:10px;}
.ycflfr02 .tit11 h3{ float:left; font-size:18px;}
.ycflfr02 .tit11 em{ float:right; display:block; width:18px; height:11px; background:url(../ycimg/arrtop.jpg) no-repeat center center;}
.ycflfr02 .ycfr .intro{ color:#616161; line-height:25px; margin:5px 0;}
.ycflfr02 .ycfr .list{padding:10px 0; overflow:hidden;}
.ycflfr02 .ycfr .list li{ padding-left:30px; background:url(../ycimg/arrow.png) no-repeat left 8px; width:50%; padding-right:2%;  float:left; margin-right:0; box-sizing:border-box; line-height:25px; background-position:left 3px;color:#616161;  }
.ycflfr02 .ycfr .intro02{ color:#616161; line-height:25px; margin:5px 0;}

.ycinfo{ line-height:25px; color:#323232;}

.ycbox{ background-color:#eee; margin-top:20px;}

.proatlas .yctit{ font-weight:bold; border-bottom:1px solid #bfbfbf; text-align:center; padding:40px 0 10px; margin-bottom:10px;}
.proatlas .ycboxfl{ width:49%; float:left;}
.proatlas .ycboxfr{ width:49%; float:right;}
.proatlas .imglist li{ width:49%; float:left; margin-bottom:10px;}
.proatlas .imglist li:nth-child(2n){ float:right;}

.proatlas .imglist03 li{ width:32%; margin-right:2%; float:left; margin-bottom:10px;}
.proatlas .imglist03 li:nth-child(3n){ margin-right:0;}

.proatlas .imglist03c li{ width:32%; margin-right:2%; float:left; margin-bottom:10px;}
.proatlas .imglist03c li:nth-child(3n){ margin-right:0;}

.proatlas .imglist04 li{ width:23.5%; margin-right:2%; float:left; margin-bottom:10px;}
.proatlas .imglist04 li:nth-child(4n){ margin-right:0;}

.proatlas .imglist04c li{ width:23.5%; margin-right:2%; float:left; margin-bottom:10px;}
.proatlas .imglist04c li:nth-child(4n){ margin-right:0;}

.proatlas .imglist04d li img{ max-height:214px;margin-right:2%;  margin-bottom:10px;}
.proatlas .imglist04e li img{ height:195px;margin-right:2%; margin-bottom:10px;}

.proatlas .imglist05 li{ width:18.4%; float:left; margin-right:2%; margin-bottom:10px;}
.proatlas .imglist05 li:nth-child(5n){ margin-right:0;}



.formula li{ width:29%; text-align:center; padding-right:6.5%; float:left; background:url(../ycimg/plus.jpg) no-repeat right center; background-size:22% auto;}
.formula li:nth-child(3n){ padding-right:0; background:none;}
.formula li p{ font-weight:bold; padding-top:10px;}

.tit12{ font-weight:bold; padding-bottom:10px; text-align:center; line-height:30px; font-size:18px; color:#6b1e26;  background:url(../ycimg/titline.png) no-repeat center center;}


/* decoration*/
.fancybox-title-float-wrap .child{ font-family:Muli;}

.protab{ border-collapse:collapse; text-align:center; width:100%;  margin-bottom:20px;}
.protab td{ border:1px solid #ccc; line-height:19px; padding:5px 0;}

.protab02{ border-collapse:collapse; width:100%;  margin-bottom:20px;}
.protab02 td{ border:1px solid #ccc; color:#545454; font-size:14px; padding:10px 0 10px 10px; line-height:20px;}

.protab03{ border-collapse:collapse; width:100%;  margin-bottom:20px;}
.protab03 td{ border:1px solid #ccc; color:#545454;  padding:4px 0 4px 10px; line-height:20px;}

.nofloat{ float:none !important; width:100% !important;}

.ke-zeroborder{ word-wrap:normal !important;word-break:normal !important;}


/*20220602修改*/
.dyproitem{}
.dyproitem .box{
	border: 1px solid #ccc;
    padding: 2px;
    float: left;
    width: 32%;
    box-sizing: border-box;
    margin: 0.5%;
}
.dyproitem .box .txt{ text-align:center; padding: 10px 5px;}
.dyproitem .box .img img{ display:block; max-width:100%;}
.dyproitem01 .box{ width:48%;}
.dyproitem01 .box .txt{ text-align:left;}

.dypic img{ position:inherit; display:inline-block;}
.dy_content{ font-size:14px; line-height:30px;}
.dy_content .dy_aa{ border-top:1px solid #ccc; padding-top:30px;}

.dy_title{ background:#8e0d0d; font-size:24px; color:#fff; padding:10px; margin-bottom:10px;}

.dy_ul_2{}
.dy_ul_2 li{ display:inline-block; width:45%; margin:0.5%; text-align:center;}

.dy_ul_flex2{ display:flex; align-items: flex-start;}
.dy_ul_flex2 li{ width:50%; margin-right:2%; text-align:center;}
.dy_ul_flex2 li:last-child{ margin-right:0;}

.dy_ul_3{}
.dy_ul_3 li{ display:inline-block; width:32%; margin:0.5%; text-align:center;}
.dy_ul_3 li:last-child{ margin-right:0;}

.dy_ul_4{}
.dy_ul_4 li{ display:inline-block; width:23%; margin:0.5%; text-align:center;}

.dy_ul_text{}
.dy_ul_text li{ float:left; width:30%;}

.ul_text li{ list-style:disc; margin-left:20px;}

.dy_ul_bgtext{ margin-bottom:10px;}
.dy_ul_bgtext li{
	background: #eee;
    margin-right: 10px;
    padding: 10px;
    display: inline-flex;
    box-sizing: border-box;
    width: 48%;
    height: 170px;
}
.dy_ul_bgtext li:last-child{ margin-right:0;}


.dy_bbox{}
.dy_bbox .item{ display:flex; margin-bottom:10px;border-bottom: 1px dashed #ccc;
    padding: 20px 0;}
.dy_bbox .item .text{ float:left; width:80%; padding-right:3%; box-sizing:border-box; font-size:16px;}
.dy_bbox .item .img{ float:right; width:20%;}
 
.dy_bbox .item:nth-child(2n) .text{ float:right; padding-left:3%;}
.dy_bbox .item:nth-child(2n) .img{ float:left;}



@media (max-width: 1180px) {
	.ycwrapper{ width:100%; padding:0 10px; box-sizing:border-box;}
}

@media (max-width: 990px) {
	.ycwrapper{ max-width:750px; margin:0 auto;}
	.ycpropic .boxfl{ float:none; width:100%;}
	.ycpropic .boxfr{ float:none; margin-top:20px; width:100%;}
	
	.prodetail li{ width:32%; margin-bottom:10px;}
	.prodetail li:nth-child(6n){ margin-right:2%;}
	.prodetail li:nth-child(3n){ margin-right:0;}
	
	.ycoption .ycon .img{ float:none; text-align:center; width:100%; }
	.ycoption .ycon .txt{ padding-left:0;}
	.ycoption .ycon .intro{ float:none; width:100%;}
	.ycoption .ycon .intro:nth-child(2n){ float:none;}
	
	.ycflfr .ycfl{ float:none; width:100%;}
	.ycflfr .ycfr{ float:none; width:100%;}
	.ycflfr .imglist li{ width:32%; margin-right:2%; float:left;} 
	.ycflfr .imglist li:nth-child(3n){ margin-right:0;}
	
	.proatlas .ycboxfl{ float:none; width:100%;}
	.proatlas .ycboxfr{ float:none; width:100%; margin-bottom:10px}
}


@media (max-width: 768px){	
	.ycflfr .imglist li{ width:49%;} 
	.ycflfr .imglist li:nth-child(3n){ margin-right:2%;}
	.ycflfr .imglist li:nth-child(2n){ margin-right:0;}
	.ycflfr .imglist02 li{ width:49%;} 
	.ycflfr .imglist02 li:nth-child(3n){ margin-right:2%;}
	.ycflfr .imglist02 li:nth-child(2n){ margin-right:0;}
	
	.ycflfr02 .ycfl{ float:none; width:100%;}
	.ycflfr02 .ycfr{ float:none; width:100%;}
	.ycflfr02 .ycfr .list li{ width:100%; float:none;}
	
	.proatlas .imglist03 li{ width:49%;}
	.proatlas .imglist03 li:nth-child(3n){ margin-right:2%;}
	.proatlas .imglist03 li:nth-child(2n){ margin-right:0;}
	
	.proatlas .imglist04 li{ width:49%;}
	.proatlas .imglist04 li:nth-child(4n){ margin-right:2%;}
	.proatlas .imglist04 li:nth-child(2n){ margin-right:0;}	
	.proatlas .imglist04e li img{ height:auto;}	
	
	.ycpropic .tit06 img{ position:relative; left:0; margin-top:10px;}
	.ycpropic .txtlist02 li{ width:100%;}
	.prodetail.prodetail03 li{ width:100%;}
	.prodetail.prodetail03 li:nth-child(2){ width:100%;}
}