/*移动端*/
@media screen and (max-width:767px){
html,body{font-size:14px;}
.xs-clear{clear:both;}
.layui-fluid,.layui-container{padding: 0}
.layui-fluid,.layui-row{overflow: hidden;}
.layui-container{width:92%;margin:0 auto;}

/*公共内容开始*/
/*
.dropdown {padding-bottom:20px;}
.dropdown .type li{
	display:inline-block;
	width:32.5%;
	margin-bottom:5px;
}
.dropdown .type li a{line-height:30px;color:#333333}
.dropdown .column{margin-top:10px;padding:15px 15px 0 15px;box-shadow: 0 0 10px 0px rgb(194,174,253,.4);}
.dropdown .column li{margin:0 20px 15px 0;font-size: 13px;}
*/

.secondnav{margin:-5px;}
.secondnav li{
	width:50%;
	padding:5px;
	position: relative;
    display: block;
    box-sizing: border-box;
}
.secondnav3 li{width:33.33%;}
.secondnav li a{
	height:35px;
	border-radius:35px;
	font-size:13px;
}
.product-screen{border:1px solid #c2aefd;margin-bottom:20px;text-align: right;}
.product-screen span{background-color: #c2aefd;color:#ffffff;padding:0 15px;display: inline-block;line-height: 35px;}
.product-screen i{margin-left:5px;font-size: 14px;}
.product-type{
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 99999;
	/* display: none; */
}
.product-type .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);
	z-index: 9;
}
.product-type .content{
	position: absolute;
	top: 0;
	right: 0;
	width:90%;
	padding:0 5%;
	height: 100%;
	background: #ffffff;
	z-index: 10;
	overflow-y: scroll;
	margin-top:50px;
}
.product-type .close{position:absolute;right:5%;top:15px;}
.product-type .close i{font-size:24px;color:#c2aefd;}
.pronav-all{padding:60px 0 0 0;}
.pronav-all .botton a{text-align: center;margin:10px 0 30px 0;line-height:40px;width:48%;display:inline-block;border:1px solid #c2aefd;border-radius: 5px;}
.pronav-all .botton a:last-child{float: right;}
.pronav-list{font-size: 14px;line-height:120%;border-bottom:none;margin-bottom:25px;padding-bottom:0;}
.pronav-list .category{float:initial;width:initial;padding:0;margin-bottom:5px;text-align:left;font-weight: initial;}
.pronav-list .category span{color:#666666;float:right;}
.pronav-list .category span i{font-size: 12px;margin-left:5px;color:#7d7d7d;}
.pronav-list .category .on i:before{content: "\e619";}
.pronav-list ul{margin-left:0;}
.pronav-list li{padding:0;margin:5px 0.5%;border-radius:5px;width:32%;background-color:#f5f5f5;text-align: center;height:35px;font-size: 12px;display:inline-table;}
.pronav-list li span{display:table-cell;vertical-align:middle;padding:0 5px;}



.prolist ul{margin:-8px;}
.prolist li{padding:8px;}
.prolist li a{box-shadow:0 0 10px 0px rgb(0 0 0 / 10%);}
.prolist li .name{height: 40px;}
.prolist li .name p{
	-webkit-line-clamp:2;
	font-size:12px;
}
.news-list li{
	box-shadow:0 0 10px 0px rgb(0 0 0 / 10%);
	padding:12px;
	border-radius:5px;
	margin-bottom:15px;
}
.news-list .left{width:140px;margin-right:0;}
.news-list .left img{height:initial;}
.news-list .right{margin-top:0;padding-left:150px;}
.news-list .content{
	width:initial;
    float:initial;
}
.news-list .content p{
    font-size:12px;
    line-height:150%;
    margin:5px 0 10px 0;
}
.news-list .content .name{font-size:15px;}
.news-list .date{margin-top:5px;font-size:12px;float:initial;width:initial;}
.news-list .date span{opacity:1;}
.owl-dots{margin-top:25px;}
.owl-dot{margin:0 15px;}
.owl-dots i{margin:0 10px 0 0;}
.owl-dots i.layui-icon-right{margin:0 0 0 10px;}
.owl-dot.active::after{width:34px;height:34px;}
.player{transform:translate(-28px,-28px);}
.player p{padding:8px;}
.player span{padding:5px;}
.player i{
	font-size:17px;
	width:30px;
	height:30px;
}
.player i:before{margin-left:3px;}
.change{height:8px;}
.change li{border:1px solid #c2aefd;margin:0 5px;width:6px;height:6px;}
.contact-way .three{padding:0 0 20px 0;}
.contact-way .three li{padding:5px 0;text-align:left;}
.contact-way .three li i{background-size:40px;width:40px;height:40px;float:left;}
.contact-way .three li p{margin:0 0 0 50px;display:block;}
.contact-way .three li span{height:40px;}
.contact-way .person{background-color:initial;padding:15px 0;border-top:1px dashed #e6e6e6;border-bottom:1px dashed #e6e6e6;}
.contact-way .person li{text-align:left;padding:10px 0;}
.contact-way .person li strong{margin-bottom:0;padding-right:5px;}
/*
.contact-way .person li i{font-size:24px;margin-right:10px;border-radius:50%;background-color:#ffffff;height:40px;width:40px;display:inline-block;text-align:center;line-height:40px;}
*/
.contact-way .person li p{display:inline-block;}
.contact .contact-way{padding:25px 0;}
.contact .contact-way .left{width:100%;}
.contact .contact-way .three li p{margin-top:0;}
.contact .contact-way .three li span{height:40px;}
.contact .contact-way .person{margin:0;padding:15px 0;}
.contact .contact-way .right{margin-top:25px;}

.message{height:initial;border:none;}
.feedback{font-size:14px;width:100%;float:initial;padding:25px 0;}
.feedback .form{border:none;padding:0;}
.feedback .form p{font-size:16px;margin-bottom:15px;}
.feedback .form li{margin-bottom:15px;}
.feedback .form .content{padding:5px 10px;}
.feedback .form .big-list textarea{height:80px;}
.feedback .tj a{height:42px;}
.map{width:100%;float:initial;height:200px;}

.no-data{font-size:14px;text-align:center;margin:50px 0;}
.page{
	text-align:center;
    margin-top:30px;
	font-size:14px;
}
.page a{
	padding:5px 10px; 
	background-color:#c2aefd;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #c2aefd;
	border-radius:3px;
    -moz-border-radius:3px; 
	-ms-border-radius:3px;
    -webkit-border-radius:3px;
	-o-border-radius:3px;
	display:inline-block;
}
.page span{
	padding:5px 22px;
	margin:0 6px;
	border:1px solid #c2aefd;
	border-radius:3px;
    -moz-border-radius:3px; 
	-ms-border-radius:3px;
    -webkit-border-radius:3px;
	-o-border-radius:3px;
}
.noproduct{font-size:14px;}

/*header开始*/
.mheader{
	background:#ffffff;
    position:fixed;
    top:0;
    left:0;
	z-index:1000;
	width:100%;
	height:50px;
}
.mheader .content{
	box-shadow:3px 0 7px 0 rgb(0 0 0 / 10%);
	position:relative;
	height:50px;
}
.mheader .logo{position:relative;z-index:1000;background-color:#ffffff;padding:10px 0;}
.mheader .logo img{height:30px;margin-left:12px;}
.mheader .top-more{position:absolute;top:15px;right:12px;z-index:1002;}
.mheader .top-more i{font-size:20px;}
.mainnav{
	background-color:#c2aefd;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	width:35%;
	padding:0 15px;
	height: 100vh;
	z-index: 9999;
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
}
.show {
	top:40px;
	overflow: hidden;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
}

.mainnav .close{position:absolute;right:12px;top:15px;}
.mainnav .close i{color:#ffffff;font-size:20px;}
.mainnav ul{margin-top:50px;}
.mainnav li{
	border-bottom:1px solid rgba(255,255,255,.3);
	text-align:center;
}
.mainnav li a{
	color:#ffffff;
	font-size:14px;
	text-transform:capitalize;
	height:58px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.mainnav li{position:relative;}
.mainnav li i{font-weight:bold;position:absolute;right:0;font-size:14px;}
.mainnav li:hover i:before{content:"\e67e";}
.mainnav li:hover span{font-weight:bold;font-size:16px;}
.mainnav .column2{display:none;margin:0 0 15px 0;}
.mainnav > ul > li.hover .column2{display: block;}
.mainnav > ul > li.hover .column2 li{border:0;}
.mainnav > ul > li.hover .column2 li a{height:42px;}
#mainnav-background-layer{
	position: fixed;
	z-index: 988;
	display: none;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
}
#mainnav-background-layer.show{display: block;}

/*header结束*/

/*定位开始*/
.nav-bottomhight{height:63px}
.nav-bottom{
    display:block;
    position:fixed;
    width:100%;
    bottom:0;
    left:0;
    z-index:999;
    background-color:rgba(255,255,255,1);
	border-top:1px solid #f0f0f0;	
}
.nav-bottom .cell{ 
    width:25%;
    text-align:center;
	float:left;
	font-size:12px;
}
.nav-bottom a{
    display:inline-block;  
    color:#4c4c4c;
	white-space:nowrap;
}
.nav-bottom .button{padding:8px 0;}
.nav-bottom .button i{ 
	background-repeat:no-repeat;
	background-position:center;
	background-size:20px;
	height:30px;
	display:block;
}
.nav-bottom .cell ul{
    bottom:63px;
    background-color:rgba(255,255,255,1);
	box-shadow:0 0 10px 0px rgb(0 0 0 / 10%);	
    position:absolute;
    left:0;
    width:25%;
    display:none;
	padding:10px 0;
}
.nav-bottom .cell li{padding:0px 5px;}
.nav-bottom .cell li a{line-height:40px;}
.nav-right{
	position:fixed;
	right:20px;
	bottom:150px;
	z-index:999;	
}
.nav-right .content{
	position:relative;
	height:225px;
	width:50px;
}
.nav-right a{
	width:45px;
	height:45px;
	display:block;
	background-color:#ffffff;
	box-shadow:0 3px 6px 0px rgb(0 0 0 / 15%);
	border-radius:50%;
}
.nav-right .more{
	position:absolute;
	bottom:0px;
	right:0;
	background-color:#c2aefd;
	color:#ffffff;
	text-align:center;
	line-height:45px;
}
.nav-right ul{position:absolute;top:0px;right:0;display:none;}
.nav-right li a{
	background-repeat:no-repeat;
	background-position:center;
	background-size:16px;
	margin:0 0 15px 0;
}
/*定位结束*/



/*首页banner开始*/
.slideBoxbanner{overflow:hidden;height:0;padding-top:36.458% !important;margin-top:50px;}
.slideBoxbanner .bd li{display:block;height:100% !important;background-size:100%;}
.slideBoxbanner .hd{bottom:5px;}
.slideBoxbanner .hd ul{height:8px;}
.slideBoxbanner .hd li{margin:0 5px;width:6px;height:6px;border:1px solid #ffffff;}

/*内页banner开始*/
.banner{    
    height:inherit;
    background-size:160%;
    background-position:center;
	margin-top:50px;
}
.banner .layui-container {width:100%;}
.banner .content{
	height:inherit;
	background-size:158%;
	padding:15% 0;
	background-position:35% center;
}
.bproduct{background-position:53% center;}
.bproduct .content{background-image:url(../images/bproduct02.png);background-position:45% center;}
.babout{background-position:53% center;}
.babout .content{background-image:url(../images/babout02.png);}
.bvideo{background-position:53% center;}
.bvideo .content{background-image:url(../images/bvideo02.png);}
.bstrength{background-position:53% center;}
.bstrength .content{background-image:url(../images/bstrength02.png);}
.bcertificate{background-position:50% center;}
.bcertificate .content{background-image:url(../images/bcertificate02.png);}
.bbrand{background-position:50% center;}
.bbrand .content{background-image:url(../images/bbrand02.png);}
.bnews{background-position:55% center;}
.bnews .content{background-image:url(../images/bnews02.png);}
.bcontact{background-position:30% center;}
.bcontact .content{background-image:url(../images/bcontact02.png);}


/*首页内容开始*/
.intitle{font-size:20px;margin-bottom:20px;}
.intitle p{font-size:12px;margin-top:5px;line-height:165%;}
.in-part .main{padding:30px 0;}
.in-part1{background-position:top left;background-size:cover;}
.in-part1 .intitle{margin-bottom:10px;}
.in-part1 .intitle a{
	font-size:12px;
	margin-left:0;
	line-height:26px;
	height:26px;
	padding:0 10px;
	top:-1px;
	right:0;
	box-shadow: 0 0 5px rgb(194 174 252 / 35%);
}
.in-part1 .intitle strong{font-weight:normal;}
.in-part1 .intitle a i{font-size:16px;margin-right:5px;}
.in-part1 .main{padding:25px 0 30px 0;}
.in-part2{background-size:cover;}
.in-part2 .main{padding:30px 0 20px 0;}
.in-part2 .intitle{margin-bottom:20px;}
.in-part3 .slideBoxbanner{padding-top:49.479%!important;margin:0}
.in-part3 .slideBoxbanner .hd li{border:1px solid #c2aefd;}
.in-part3 .slideBoxbanner .bd li{background-size:100%;}
.in-part4 .in-more a,.in-part5 .in-more a{
	line-height:28px;
	padding:0 20px;
	font-size:12px;
	margin-top:25px;
}
.in-part5 li{width:150px;margin-right:16px;}
.in-part5 .attestation{margin-bottom:30px;}
.in-part5 li a{box-shadow:0 0 10px 0px rgb(0 0 0 / 10%);}
.in-part5 .attestation img{height:45px;}
.in-part6 .main{padding:30px 0 0 0;}
.in-part6 .invideo img{min-height:200px;}
.in-part7 .main{padding:30px 0 20px 0;}
.in-part7 .news-list li{margin-bottom:15px;}
.in-part7 .change{margin-top:20px;}
.in-part7 .news-list .swiper-slide { padding: 10px; }
.in-part8 .intitle{margin:30px 0 20px 0;}
.in-part8 .main{background-color:#f5f5f5;padding:30px 0;}

.footer{padding:0;}
.footer .bottom{line-height:45px;text-align:center;}


/*内页内容开始*/
.all-main{padding:30px 0;}
/*
.all-main .dropdown{padding-bottom:25px;}
*/
.all-maintop{padding:25px 0 15px 0;}
.all-maintop .intitle{font-size:20px;margin-bottom:15px;}
.pronav-main{padding:20px 0;}
.pronav-main .product-screen{margin:0;}
.prodetail-top{padding:30px 0;}
.prodetail-top .left,.prodetail-top .right{width:100%;float: initial;}
.prodetail-top .left{padding:30px 0;}
.prodetail-top .left-content{width:60%;margin:0 auto;}
.prodetail-top .left .change{bottom:15px;}
.prodetail-top .right{padding:30px 0 0 0;}
.prodetail-top .right-content{padding: 0;}
.prodetail-top .right-content .name{font-size:18px;padding:0;margin-bottom:15px;border: none;}
.prodetail-top .right-content p{line-height:190%;}
.prodetail{padding:30px 0;}

.abouttop{height:initial;}
.abouttop .left{width:initial;float:initial;}
.abouttop .left .content{padding:30px 10%;}
.abouttop .left p{line-height:180%;}
.abouttop .left .name{font-size:20px;margin-bottom:10px;}
.abouttop .right{width:initial;float:initial;}
.abouttop .right .content{width:60%;}
.abouttop .right .content ul{padding:30px 15%;}
.abouttop .right .content li:first-child{margin-bottom:25px;}
.abouttop .right .content li p{font-size: 12px;}
.abouttop .right .content li p span{font-size:35px;padding-right:5px;}
.about{margin-top:30px;}
.about p{line-height:180%;margin:10px 0 20px 0;}
.about .style01{font-size:18px;margin-top:30px;}
.about .style01 span{font-size:30px;padding-right:5px;}
.about ul{box-shadow: 0 0 10px 0px rgb(0 0 0 / 10%);padding:15px 10px;margin-top:30px;}
.about li{font-size:12px;padding:10px 10px;border: none;}
.about li span{font-size:32px;}
.history .layui-container {width:85%;}
.history .name{font-size:20px;margin-bottom:30px;}
.history ul{background-position:left top;padding-top:10px;}
.history li{margin-bottom:35px;}
.history li .circle{transform:translate(-13px,0);margin-top:40px;left:5px;}
.history li .circle i{width:14px;height:14px;border:3px solid #e1d9f8;}
.history li .content{margin-left:40px;}
.history li .content .year{font-size:26px;margin-bottom:5px;}
.culture{height:initial}
.culture .right{width:100%;float:initial;background-position:120% bottom;background-size:190px;}
.culture .right .content {padding:35px 10%;margin:0;}
.culture .right .name{font-size:18px;}
.culture .right li{margin-top:35px;line-height:150%;}
.culture .right li span{font-size:18px;line-height:initial;}
.culture .right li span::after{width:26px;height: 3px;margin:10px 0;}

.videoleft .name{font-size:16px;bottom:20px;left:30px;}
.videoright{margin-top:20px;}
.videoright ul{padding:0 30px;}
.videoright li p{font-size:12px;}
.videoright .swiper-button{width:22px;}
.videoright .swiper-wrapper {flex-direction: row; }
.videoright .swiper-slide{width: 48%;height: auto; margin-right: 10px}
.videoright .swiper { height: auto; }
.videoright .pic { height: auto; }
.videonote{font-size:14px;}

.strengthtop{width:92%;margin:0 auto;padding-top:30px;}
.strengthtop ul{margin:0 -5px;}
.strengthtop li{padding:0 5px;}
.strengthtop li i{width:35px;height:35px;margin-bottom:5px;}
.strengthtop li p span{font-size:12px;padding:0;height:45px;border-bottom:3px solid #ffffff;}
.strengthtop li.on p span{border-bottom:3px solid #c2aefd;}
.strength .layui-container{width:85%;}
.strength ul{padding:20px 0;}
.strength .left,.strength .right{padding:10px 0;}
.strength .left .content,.strength .right .content{margin:0;}
.strength .left .name{font-size:20px;}
.strength .left p{line-height: 180%;margin:10px 0 0 0;}
.honor ul{margin:-8px;}
.honor li{padding:8px;}
.honor li a{box-shadow:0 0 10px 0px rgb(0 0 0 / 10%);}
.honor li p{height:50px;font-size:12px;}
.brand ul{margin:-10px -8px;}
.brand li{padding:10px 8px;}
.brand li p{margin-top:10px;}
.news-detail .title{margin:0 0 25px 0;font-size:12px;}
.news-detail .title strong{font-size:18px;margin:0 0 8px 0;}
.news-detail p{line-height:180%;margin:20px 0;}
.news-detail img{margin:20px 0;}






}



@media screen and (max-width:414px){	
.culture .right{background-position:165% bottom;}

}