.m-toubu{ position:fixed; left:0; top:0; width:100%; z-index:999;}
.m-toubuge{ width:100%; height:0px;}
.m-header {
    height: 50px;
	background-color: #fff;
    z-index: 60;
	width:100%;
	position:relative;
	display:flex; border-bottom:1px solid #f0f0f0;align-items: center;		
}
.cd-logo { padding-left:20px; width:283px; box-sizing:border-box; min-width:283px;}
.cd-logo img { display:block;  width:62%!important; margin-top:0.5%;}
.search_openv1 {
width: 100%; 
background: url(../images/wap_sea1.png) no-repeat;
height:100%;
background-position:center center; background-size:auto 21px; border-left:1px solid #e1e1e1;
}
.menu_openv1 {
width: 100%;
background-image:url(../images/wap_menu1.png);
background-repeat:no-repeat;
height:100%;
background-position:52% center; background-size:auto 25px;
}
.menu_closev1 {
width: 100%;
background-image:url(../images/wap_close1.png)!important;
background-repeat:no-repeat;
height:100%;
background-position:52% center; background-size:auto 25px;
}
#m-menu{ position:fixed; width:243px; height: calc(100vh - 50px); left:-243px; background:#fff; z-index:200;  font-size:15px; overflow-y: auto; top:50px;transition: all 0.8s ease 0s; }
.m-list{width: 100%; padding-top:25px; padding-bottom:20px;}
.m-menglish{ color:#adadad!important; padding-left:10px; text-transform:uppercase; font-weight: 700; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.m-list ul li a{padding-left: 20px;color: #000; display: block;  height:46px;line-height: 46px;position: relative; text-decoration:none;font-size:15px; font-weight:bold;}
.m-list ul li .inactive{ background:url(../images/shl-down-openv1.png) no-repeat 95% center; background-size:auto 14px;}
.m-list ul li .inactives{background:url(../images/shl-up-openv1.png) no-repeat 95% center; background-size:auto 16px;} 
.m-list ul li ul{display: none; padding-top:10px; padding-bottom:10px;background-color:#f4f5f6;}
.m-list ul li ul li {  background-color:#f4f5f6;background-image:url(../images/wap_li.png);
	background-repeat:no-repeat;
	background-position:30px center;
	background-size:auto 2px; }
.m-active{background-image:url(../images/m-navact.png);
	background-repeat:no-repeat;
	background-position:20px 38px;
	background-size:auto 2.5px;}	
.m-list ul li ul li a{ padding-left:40px;background:url(../images/shl-img-h60.png) no-repeat 92% center; background-size:auto 8px;font-weight: lighter;
font-size:14px; color:#5c5c5c ; height:34px; line-height:34px;}
.m-yuyan{  height:45px; line-height:45px; color:#656565; font-size:12px;background:#f2f3f2 url(../images/wap_yuyan1.png) no-repeat 20px center; background-size:auto 18px; padding-left:45px;}
.m-yuyan a{ color:#656565;font-size:12px!important;text-transform:uppercase; padding-left:5px; padding-right:5px;}
.m-code{ padding-top:10px; text-align:center; width:100%;}
.m-code img{ width:100px; height:100px; margin:0 auto;}
.m-code1{ padding-top:6px; padding-bottom:12px; text-align:center; color:#656565;font-size:13px;}
.m-sousuo{ padding:20px 30px 70px 30px; width:100%; box-sizing:border-box; background-color:#f2f3f2; display:flex; }
.m-sousuo .button1 {
	line-height: 40px;
	height: 40px;
	width: 80%;
	padding: 0 10px 0 10px;
	border: 1px solid #d2d2d2;
	background: #f2f3f2;
font-size:12px;
	z-index: 1001; box-sizing:border-box;
}
.m-sousuo .button2 {	
	width: 20%;
	height: 40px;
	z-index: 1001;
	background-image:url(../images/wap_sea2.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 20px;
	border-bottom:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	border-left:0;
}

.m-animate{transition: all 0.8s ease 0s;left: 0px!important;} 

.tbottom{ height:50px; }
#BottomNav {	
    bottom: 0;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 300; box-sizing:border-box; background-color:#FFF; box-shadow:0px 8px 8px 8px rgba(0,0,0,.2);
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 25%; 
}
#BottomNav ul li a {
    color: #515151;
    display: block;
    padding-top:7px; 
}
#BottomNav ul li a div {
    font-size: 12px; padding-top:2px;
}
#BottomNav .a {
    background-image: url(../images/shl-b1a.png); background-size:auto 20px;
}
#BottomNav .b {
    background-image: url(../images/shl-b1b.png);background-size:auto 20px;
}
#BottomNav .c {
    background-image: url(../images/shl-b1c.png);background-size:auto 20px;
}
#BottomNav .d {
    background-image: url(../images/shl-b1d.png);background-size:auto 20px;
}

#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 30px;	
}
.mclearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
#m-msk{ position:fixed; width:100%; background-color:rgba(0,0,0,0.1); top:0px; left:0; z-index:50; height: calc(100vh - 50px); top:50px; display:none;}










.bottomNav {
	/*border:1px solid red;
	*/
    width:100%;
	height:70px;
	position:fixed;
	bottom:1px; z-index:999999999999999;
}
.bottomNav_item {
	/*border:1px solid red;
	*/
    width:20%;
	height:70px; border-top:1px solid #d8d8d8;
	float:left; color:#333;
	text-align:center; background:#fff;
}
.bottomNav_icon {
	margin:auto;
	width:30px;
	height:30px; margin-top:11px;
}
.bottomNav_icon img {
	width:100%;
	height:100%;
}
.bottomNav_item p {
	margin-top:3px; font-size:14px;}
.gray {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
}



.inital_color {
    color: #1b2040;
}








@media only screen  and (max-width:2400px){
header { display:block;}
.header { display:block;}
.mbdh {display: none}
.mbfor {display:none;}
.pcba { display:block;}
.sjba { display:none;}
.pcyc {display:none;}
.sjheader { display:block;}
.cplb { display:none;}
}






@media only screen  and (max-width:1024px){
.sjheader { display:none;}
header { display:none ;}
.header { display:none ;}
.header_fixed { display:none ;}
.mbdh {display: block;}
.mbfor {display:block;}

.pcba { display:none;}
.sjba { display:block;}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
	.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:45px; text-align:center;  }
	.focus .shanghl00 ul{ display:inline-block; height:5px; padding:5px 5px 10px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .shanghl00 ul .on{ background:#f1a502;  }
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}
.focus .bd li{ margin:0px; padding:0px; height:40rem !important; position:relative; overflow:hidden;}
	.focus .bd li img{ width:100%;  height:100%; object-fit:cover; display:block; }
	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}
.foctit{position:absolute; z-index:111; width:100%; bottom:0;background: rgba(0,0,0,.6); padding-left: 0.7rem; padding-right: 0.7rem; color:#FFF; font-size:0.8rem;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; overflow:hidden; height:40px; line-height:40px; box-sizing:border-box;}
	
.toubu{ position:fixed; left:0; top:0; width:100%; z-index:999;}
.toubuge{ width:100%; height:50px;}









.footer {width:100%!important; line-height:25px!important; padding:20px 0px 40px; text-align:center!important;  }
.contact {width:92%!important; margin:0px 4%!important;}
.nav1 {width:100%!important; text-align:center!important; padding-bottom:30px; }
.nav1 h3  { display:none;}


























/* 三丰首页 s*/
@font-face {font-family: "BEBAS";
  src:  url(../fonts/BEBAS-1.ttf),
        url(../../fonts/BEBAS.woff2);
  
  
  }

.ibanner .zi {padding: 42% 5% !important;}
body { background:#fff !important;}
.section-btn { display:none;} 
.ibanner .zi h5 { font-size:15px !important;}
.ibanner .zi h4 { font-size:40px !important; line-height:50px !important;}
.ibanner .zi h3{ font-size:15px !important;}
.banner { padding-top:0px !important;}
.slider-pagi {/* display:none !important;*/}
.iab { height:820px !important;}
.iab .warp .box { width:100% !important;}
.iab .warp .box h2 { font-size:35px!important; line-height:40px!important; padding-top:15px!important;}
.iab .warp .box h3 {font-size:25px!important; line-height:40px!important;}
.iab .warp .box .cent p { font-size:15px !important; line-height:28px !important;}
.iab .warp .box h2:before { width:75px !important;}
.iab .box .details { display:none !important;}
.iab .warp .pic {  width:100% !important; margin-top:30px !important;}
.iab .warp .box .btns { width:100% !important; font-size: 16px !important;}
.iab .warp .bot { padding-left:0px !important;}
.iab .warp .bot ul li { width:22%!important; margin:0px 1.5%!important; }
.iab .bot li p { font-size:35px !important;}
.iab .warp .pic .video-pc { margin-bottom:20px !important;}
.index_1_mid_right_1 span { font-size:35px !important; letter-spacing:0px !important; margin-bottom:0px !important;}
.index_3 { padding-bottom:50px !important;}
.section-3 .slider-container { height:450px !important;     margin-top: 10px !important; }
.iab { padding-bottom:0px !important;}
.slide.active .slide__text h3 { font-size:35px !important;}
.slide__text-heading { font-size:20px !important; line-height:32px !important; margin-bottom:10px !important;}
.slide__text-desc { display:block !important; font-size:15px !important;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 50px;
line-height: 25px;


 }
.slide__text { height:30rem !important; padding-top:10% !important;}
.slide__text-link { display: inline-block !important; font-size:16px !important;}
.large-header { top:700px !important;}

.slider-pagi__elem { width:8px !important;}
.slider-pagi__elem:before { width:8px !important;}

.upline-container { height:auto !important;}
.upline .item { height:auto !important;}
.upline .item .inner p { font-size:15px !important;}
.upline .upline-name{ top:0px !important;}
.section-name p { font-size:15px !important; padding: 0px 5% !important; }
.index_4_1 .left { width:100% !important; margin-right:0px !important;}
.index_4_1 .right{ width:100% !important;}
.footer_mid_2_left_mid a, .footer_mid_2_right_mid_2 dl dd { font-size:15px !important; color:#fff;}
.footer_mid_2_left_mid p, .footer_mid_2_right_mid p { font-size:18px !important;}
.banquan { font-size:14px !important;}
#footer { height:auto !important; padding-bottom:10% !important;}
.footer_mid_2_right_mid_2 a { color:#fff !important;}




/*三丰首页e*/






/*三丰内页 s*/
.about-section .content .jtjj .right { width:100% !important; margin-top:50px !important;}
.jtjj .left { padding-bottom:50px !important;}
.explore-fenix .banner .img { height:350px !important;}
.explore-fenix .page-nav li a h5{ text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}

.honor_listz .qiyezs dl { width:49% !important;}
.honor_list dl dt img{ max-height:130px!important}
.chann_l dl { width:47% !important; margin-bottom:10px !important; height:400px !important; }
.chann_l { padding-bottom:50px !important;}
.chann_l dl dt { height:120px !important;}
.chann_l dl dd { font-size:15px !important;}
.right .fl a p { width:24%!important; margin:0px .5%!important; font-size:14px !important;}
.honor_listz { margin-top:20px !important;}

.clearfix .honor_listz .hezuo dl dt { height:55px !important;}
.honor_listz .fuwu dl { width:97% !important; height:190px !important;}
.honor_listz .fuwu dl dt { height:175px !important;}
.honor_listz .fuwu dl dd { line-height:30px !important;}
.right .product-list .item a .text h5 { font-size:15px !important;}


.banner .title h3 { font-size:30px !important;}
.page-nav { padding:0px !important;}
.explore-fenix .page-nav li h6 { display:none !important;}
.explore-fenix .page-nav li a h5 { font-size:15px !important;}
.explore-fenix .page-nav li { height:60px !important;}
.explore-fenix .page-nav{ height:60px !important;}
/*.section { width:100% !important; padding:0px 4% !important;}*/

.about-section { width:92% !important; margin:0px 4% !important;}
.product-detail-faq .content { width:92% !important; margin:0px 4% !important;}

.about-company-profile .left .title h2 { padding:20px 0px 0px !important;}
.left .title h3{ font-size:20px !important;}
.content  .about-company-profile .left { width:100% !important;}
.about-company-profile .left .text { text-align:left !important; font-size:15px!important;; line-height:28px !important;}
.form .more, .about-company-profile .right { width:100% !important;}
.about-company-profile .right .text {    padding: 20px 0 0px 0 !important; font-size:15px!important;; line-height:28px !important;}
.footer { padding-top:0px !important;}
.about-company-profile .left .title h2 { font-size:35px !important;}
.wenhua dl { width:47% !important; height:230px !important; margin-bottom:1.5% !important;}
.wenhua dl dd { padding-top:0px !important; font-size:15px !important; line-height:25px !important;}
.honor_listz .qiyezs dl dt {
    height: 130px !important;}
.honor_listz .qiyezs dl { height:190px !important;}
.honor_list dl dd { font-size:15px !important; overflow:hidden !important; height:50px !important; text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 50px;
line-height: 50px;}

.honor_list dl { width:47% !important;}
.honor_list dl dt{ height:110px !important;}
.honor_list dl { height:172px !important;}
.case ul li { width:100% !important; margin-right:0px !important;}
.case ul li .play { width:auto !important; height:auto !important;}
.case ul li .shipinzx:before { height:100% !important;}
.case ul li .shipinzx img { height:auto !important;}
.product-detail-top .left { width:100% !important;}
.product-detail-top .right  { width:100% !important; position:relative !important;}
.product-detail-imgs { padding:80px 0px 0px 0px  !important;}
.product-detail-text .title h2 { font-size:30px !important;}
.product-detail-imgs { width:90% !important;}
.product-detail-top { padding-top:0px !important;}
.product-detail-imgs .swiper-imgs-big .img { height:360px !important;}
.product-detail-top .right { top:0px !important;}
.product-detail-text {
    width: 95%!important;
    padding: 6% 0 0 5% !important;}
.product-detail-main .content .detail-text .title h2 { font-size:20px !important;}
.product-detail-main {
    padding: 30px 0 0px 0 !important; }
.product-detail-parameter .content { width:92% !important; padding:50px 0px !important;}
.product-detail-parameter .content .text1 img{ height:auto !important; width:100% !important;}
.product-detail-faq .content .left { width:80% !important;}
.product-detail-faq .content .title h2 { font-size:20px !important;}

.product-detail-faq .product-faq .children .text { font-size:15px !important; line-height:25px !important; margin-top:20px !important;}
.product-detail-faq .product-faq .children .text p img {height:auto !important; width:100% !important;}
.product-detail-text .text { text-align:left !important;}
.product-main .content .right { width:100% !important; margin:0px !important;}

.product-list .item { width:100% !important; margin:0px 0px 10px !important;}
.product-list .item a .img { height:250px !important;}
.product-list .item a .text h5 { font-size:18px !important;}
.product-list .item a .text { padding-bottom:10px !important;}
.product-title h3 { font-size:25px !important;}

.product-title .text { font-size:15px !important; line-height:25px !important;}
.product-title { padding-top:30px !important;}
.evaluation-detail .detail-top h1 { font-size:20px !important;}
.evaluation-detail { padding:40px  0px!important;}
.evaluation-detail .content { width:100% !important;}
.page-trun { display:none !important;}

.evaluation-detail { width:92% !important; margin:0px 4% !important;}
.zhichi img { width:100% !important; height:auto !important;}
.honor_listz .hezuo dl { width:31.33333% !important;}

.honor_listz .hezuo dl dt { height:80px !important;}
.about-contact-us{ width:92% !important; margin:0px 4% !important; padding:50px 0px !important;}
.about-contact-us .left { width:100% !important; padding-left:0px !important; }

.about-contact-us .right { width:100% !important;}
.about-contact-us .right .map { height:278px !important;}
.diditutu{  height:276px !important;}
.about-contact-us .left .item h3 { font-size:25px !important;}
.product-title {width:92% !important; margin:0px 4% !important; }
.product-main{width:92% !important; margin:0px 4% !important; }

.honor_listz .yingyong dl { width:97% !important;}
.yingyong dl h3 { font-size:22px !important;}
.section .explore-fenix .banner .img  { background-size:auto 100% !important; background-position:top center !important;}
.honor_listz .yingyong dl dd { font-size:15px!important; line-height:30px !important; height:auto !important; -webkit-line-clamp: 100!important;}
.explore-fenix .page-nav li:last-child a::after { display:none !important;}

.wap_cp { display:block !important;}
.wap_cp .fl { width:100%; padding:20px 4%; float:left;}
.wap_cp .fl a p { width:47%; margin:1.5%; float:left; line-height:42px; text-align:center; color:#666; background:#fff; border:1px solid #cecece; font-size:16px;

text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 42px;
line-height: 42px;

}
.wap_cp .fl a:hover p { background:#ff5a00; border:1px solid #ff5a00; color:#fff;}
.wap_cp .fl a.cur p { background:#ff5a00; border:1px solid #ff5a00; color:#fff;}
.wap_cp1 { display:none !important;}
.banner .shipin { display:none !important;}
.ibanner .syba{ height:640px !important;}
.iab .warp .box { padding-top:20px !important;}
	
/*三丰内页 e*/




}