html,body{
	margin:0;
	padding:0;
	font-size:16px;
	font-family:Arial, "微软雅黑", Microsoft YaHei;
	color:#333333;
	background-color:#ffffff;
}
a{text-decoration:none;color:#333333;}
a:hover{text-decoration:none;}
input,textarea:focus{outline:none;}
img,ul,li,p,table,tr,td,th{margin:0;padding:0;border:0;}
ul,li{list-style-type:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;height:0!important;width:0!important;padding:0!important;margin:0!important}
.sm-clear,.xs-clear{height:0!important;width:0!important;padding:0!important;margin:0!important}

/*公共内容开始*/
.zfx{position:relative;width:100%;padding-top:75%;}
.zfx .zfxbox{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.zfx .pic{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify; 
}
.zfx img{max-width:100%;max-height:100%;}
/*
.dropdown{padding-bottom:40px;text-align: center;}
.dropdown .type li{
	display:inline-block;
	width:10.5%;
	position:relative;
}
.dropdown .type li a{
	display:block;
	line-height:50px;
	border-radius:50px;
	text-align: center;
}
.dropdown .type li.on a{
	color:#ffffff;
	background-color:#c2aefd;
}
.dropdown .type li.on a::after{
	content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom:-20px;
	left:50%;
	transform: translate(-10px,0);
    align-self: center;
	border:10px solid transparent;
    border-top: none;
    border-bottom-color: #fafafa;
	filter: drop-shadow(0 -3px 3px rgba(194,174,253,.4));
}
.dropdown .column{
	border-radius:5px;
	margin-top:20px;
	padding: 10px 25px;
	background-color: rgba(255,255,255,.4);
	box-shadow: 0 0 15px 0px rgba(194,174,253,.4);
}
.dropdown .column li{
	float:left;
    margin:10px 25px 10px 0;
    color:#808080;
	font-size:14px;
	font-weight:bold;
}
.dropdown .column li.on span{color:#c2aefd;}
*/

.secondnav{
	display:flex;
    justify-content:center;
	text-align:center;
	margin:0 -5px;
	overflow:hidden;
}
.secondnav li{
	display:inline-block;
	width:15%;
	float:left;
	padding:0 5px;
}
.secondnav li a{
	color:#666666;
	display:block;
	height:50px;
	border-radius:50px;
	display: flex;
    align-items: center;
    justify-content: center;
	padding:0 5px;
}
.secondnav li.on a{
	color:#ffffff;
	background-color:#c2aefd;
}
.pronav-all{margin-bottom:50px;}
.pronav-list{font-size: 14px;line-height:120%;border-bottom:1px solid #ebebeb;margin-bottom:15px;padding-bottom:10px;}
.pronav-list .category{float:left;font-weight:bold;width:90px;padding:5px 10px;text-align:center;color:#212121}
.pronav-list ul{margin-left: 130px; overflow: hidden;}
.pronav-list li, .pronav-list .product-attribute-clear{float:left;padding:5px 10px;margin:0 5px 5px 0;border-radius: 40px;color:#666666;}
.pronav-list li.on, .pronav-list .product-attribute-clear.on{background-color:#c2aefc;color:#ffffff;}
.prolist ul{margin:-16px -14px;}
.prolist li{
	padding:16px 14px;
	text-align: center;
    text-align: -webkit-center;
}
.prolist li a{
	display:block;
	background-color:#ffffff;
	box-shadow:0 0 20px 0px rgb(0 0 0 / 10%);
}
.prolist li .content{padding:5px 5px 0 5px;}
.prolist li .zfx{padding-top:100%;}
.prolist li .name{
    height: 60px;
    display:flex;
    align-items:center;
    padding: 5px 5%
}
.prolist li .name p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: 0 auto;
}
/*
.prolist li p{
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    padding:0 2em;
}
*/
.news-list li{
	background-color:#ffffff;
	box-shadow:0 0 20px 0px rgb(0 0 0 / 10%);
	padding:20px;
	border-radius:5px;
	margin-bottom:30px;
}
.news-list .left{width:260px;margin-right:3.5%;}
.news-list .left img{width:100%;height:160px;}
.news-list .right{margin-top:30px;}
.news-list .content{width:56%;}
.news-list .content .name{
	font-size:18px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	display:block;
}
.news-list .content p{
	font-size:14px;
	color:#828282;
	line-height:190%;
	margin-top:20px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.news-list .date{
	color:#b7b7b7;
	font-size:27px;
	width:110px;
}
.news-list .date p{
	background:url(../images/index07.png) left center no-repeat;	
	color:#ffffff;
	border-radius:50px;
	font-size:14px;
	line-height:40px;
	margin-top:15px;
	text-align:center;
}
.news-list .date span{opacity:0;}
.owl-dots{text-align:center;margin-top:60px;}
.owl-dots i{color:#b4b4b4;font-size:18px;margin:0 20px 0 0;cursor:pointer;}
.owl-dots i.layui-icon-right{margin:0 0 0 20px;}
.owl-dot{
    cursor:pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	display: inline-block;
    zoom: 1;
	position: relative;
    margin: 0 20px;
}
.owl-dot span{
    display: block;
    -webkit-backface-visibility: visible;
    border-radius: 30px;
	border: none;
    color: rgba(76, 76, 76, 0);
    background-color: transparent;
    font-size: 12px;
    margin: 0;
    width: auto;
    height: auto;
    transition: all 0.36s ease-out;
}
.owl-dot span::after{
    content: "";
    width: 6px;
    height: 6px;
    background-color: #b4b4b4;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.36s ease-out;
}
.owl-dot::after {
    content: "";
    width: 24px;
    height: 24px;
    border: 1px solid #cccccc;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.36s ease-out;
}
.owl-dot.active::after{opacity:1;width:48px;height:48px;}
.owl-dot.active span{color:#767676;}
.owl-dot.active span::after{opacity:0;}
.seven{position:relative;text-align:center;}
.seven img{max-width:900px;width:100%;}
.seven ul{
	position:absolute;
	top:0;
	left:50%;
    transform:translateX(-50%);
	max-width:900px;
	width:100%;
	height:-webkit-fill-available;
}
.seven li{
	display:inline-block;
	background-color:#ffffff;	
	border-radius:50%;
}
.seven li span{
	display:flex;
	padding:10px;
	border:2px dotted #c2aefd;	
	border-radius:50%;
}
.seven li i{
	background-image:url(../images/f01.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	display:inline-block;
	border-radius:50%;
	width:84px;
	height:84px;
}
.seven li.f02 i{background-image:url(../images/f02.png);}
.seven li.f03 i{background-image:url(../images/f03.png);}
.seven li.f04 i{background-image:url(../images/f04.png);}
.seven li.f05 i{background-image:url(../images/f05.png);}
.seven li.f06 i{background-image:url(../images/f06.png);}
.seven li.f07 i{background-image:url(../images/f07.png);}
.seven li.f02{position:absolute;left:24%;top:6.5%;}
.seven li.f03{position:absolute;right:24%;top:6.5%;}
.seven li.f04{position:absolute;left:9%;top:26%;}
.seven li.f05{position:absolute;right:9%;top:26%;}
.seven li.f06{position:absolute;left:3.5%;top:52.5%;}
.seven li.f07{position:absolute;right:3.5%;top:52.5%;}
.player{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-56px,-56px);
}
.player p{
	display:inline-flex;
	padding:16px;
	background-color:rgba(255,255,255,.15);
	border-radius:50%;
}
.player span{
	border-radius:50%;
	display:inline-block;
	text-align:center;
	padding:10px;
	background-color:rgba(255,255,255,.3);
}
.player i{
	background-color:#ffffff;
	color:#c2aefd;
	font-size:26px;
	width:60px;
	height:60px;
	border-radius:50%;
	display:table-cell;
	vertical-align:middle;
}
.player i:before{margin-left:5px;}
.change{text-align:center;height:16px;}
.change li{
	border: 2px solid #c2aefd;
	display: inline-block;
    margin: 0 12px;
    width: 12px;
    height: 12px;
    border: 2px solid #c2aefd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
}
.change li.on{background-color:#c2aefd;}
.contact-way .three{padding:15px 2%;}
.contact-way .three li{text-align:center;display:table;padding:0 2%;}
.contact-way .three li i{
	width:70px;
	height:70px;
	border-radius:50%;
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-position:center;
	display:inline-block;
}
.contact-way .three li p{
	margin-top:5px;
	display:table-row;
}
.contact-way .three li span{
	vertical-align:middle;
	height:40px;
    display:table-cell;
}
.contact-way .person{background-color:#eeeeee;padding:50px 0;}
.contact-way .person li{padding:10px 0;text-align:center;}
.contact-way .person li strong{padding-right:5px;display:inline-block;color:#212121;}
.contact-way .person li i{font-size:20px;margin-right:5px;color:#c2aefd;}
.contact-way .person li p{display:inline-block;}
.contact .contact-way .three li{text-align:left;}
.contact .contact-way .three li i{background-color:#c2aefd;}
.contact .contact-way .three li p{margin-top:10px;display:block;}
.contact .contact-way .three li span{height:initial;}
.contact .contact-way .person{margin-top:30px;padding:20px 0 0 0;border-top:1px dashed #e6e6e6;background-color:initial;}
.contact .contact-way .person li{text-align:left;}
.contact .contact-way .right{text-align:center;}
.contact .contact-way .right img{margin-bottom:5px;}
.message{height:436px;}
.feedback{width:25%;}
.feedback .form p{font-size:20px;margin-bottom:20px;}
.feedback .form li{margin-bottom:22px;}
.feedback .form .content{
	background-color:#ffffff;
	border:1px solid #ffffff;
	padding:6px 15px;
	border-radius:3px;
}
.feedback .form input{width:100%;line-height:34px;height:34px;border:none;}
.feedback .form select{border:none;width:100%;height:47px;background-color:#ffffff;}
.feedback .form .big-list textarea{border:none;width:100%;height:62px;}
.feedback .tj a{
	display:inline-block;
	background-color:#c2aefd;
	color:#ffffff;
	text-align:center;
	height:48px;
	width:130px;
	border-radius:50px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.map{width:75%;height:100%;}



.noproduct{font-size:24px;text-align:center;}
.nowrap{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	display:block;
}


/*首页banner开始*/
.slideBoxbanner{position:relative;padding-top:36.458%;}
.slideBoxbanner .bd{width:100% !important;}
.slideBoxbanner .bd ul{display: block;width:100% !important;height:100% !important;position: absolute !important;top: 0 !important;left: 0 !important;}
.slideBoxbanner .bd li{position: absolute;top: 0;left: 0;display: block;background-position:center;background-size:100%;background-repeat:no-repeat;height:100%;width:100% !important;}
.slideBoxbanner .hd{bottom:6%;left:0;width:100%;position:absolute;}
.slideBoxbanner .hd ul{text-align:center;height:16px;}
.slideBoxbanner .hd li{
	display:inline-block;
	margin:0 12px;
	width:12px;
	height:12px;
	border:2px solid #ffffff;
	border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
	cursor:pointer;
}
.slideBoxbanner .hd li.on{background-color:#ffffff;}

/*内页banner开始*/
.banner{
    background-image:url(../images/babout.jpg);
    background-repeat:no-repeat;
    background-position:center;
    height:360px;
}
.banner .content{
	background-image:url(../images/babout02.png);
	background-repeat:no-repeat;
    background-position:center left;
	height:360px;
}
.bproduct{background-image:url(../images/bproduct.jpg);}
.bproduct .content{background-image:url(../images/bproduct01.png);}
.babout{background-image:url(../images/babout.jpg);}
.babout .content{background-image:url(../images/babout01.png);}
.bvideo{background-image:url(../images/bvideo.jpg);}
.bvideo .content{background-image:url(../images/bvideo01.png);}
.bstrength{background-image:url(../images/bstrength.jpg);}
.bstrength .content{background-image:url(../images/bstrength01.png);}
.bcertificate{background-image:url(../images/bcertificate.jpg);}
.bcertificate .content{background-image:url(../images/bcertificate01.png);}
.bbrand{background-image:url(../images/bbrand.jpg);}
.bbrand .content{background-image:url(../images/bbrand01.png);}
.bnews{background-image:url(../images/bnews.jpg);}
.bnews .content{background-image:url(../images/bnews01.png);}
.bcontact{background-image:url(../images/bcontact.jpg);}
.bcontact .content{background-image:url(../images/bcontact01.png);}


/*首页内容开始*/
.intitle{color:#212121;font-size:42px;text-align:center;margin-bottom:40px;}
.intitle p{
	color:#505050;
	font-size:16px;
	margin-top:15px;
	line-height:195%;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.in-part{
	background-repeat:no-repeat;
	background-position:top center;
}
.in-part .main{padding:80px 0;}
.in-part1{background-image:url(../images/index01.jpg);background-size: cover;}
.in-part1 .intitle a{
	font-size:14px;
	margin-left:20px;
	background-color:#ffffff;
	line-height:42px;
	height:42px;
	padding:0 25px;
	border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    -o-border-radius:50px;
	display: inline-block;
	position:absolute;
	top:8px;
	box-shadow: 0 0 10px rgb(194 174 252 / 35%);
}
.in-part1 .intitle a i{font-size:20px;color:#c2aefc;margin-right:10px;}
.in-part2{background-image:url(../images/index02.jpg);background-size:cover;}
.in-part2 .main{padding:80px 0 45px 0;}
.in-part2 .intitle{margin-bottom:30px;}
.in-part3 .slideBoxbanner{padding-top:49.479%;}
.slideBoxbanner .hd{bottom:3%;}
.in-part3 .slideBoxbanner .hd li{border:2px solid #c2aefd;}
.in-part3 .slideBoxbanner .hd li.on{background-color:#c2aefd;}
.in-part4 .main{padding:80px 0 55px 0;}
.in-part4 .bg{
	background-color:#e0d6fe;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:45%;
}
.in-part4 .invideo{position:relative;}
.in-part4 .invideo img{border-radius:5px;}
.in-part4 .in-more, .in-part5 .in-more{text-align:center}
.in-part4 .in-more a, .in-part5 .in-more a{
    display:inline-block;
    color:#ffffff;
    border:1px solid #ffffff;
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    -o-border-radius:50px;
    line-height:45px;
    padding:0 40px;
	margin-top:45px;
}

.in-part5 .in-more a{
    color:#b7b7b7;
    border:1px solid #cccccc;
}

.in-part5 .in-more a:hover{
    color:#fff;
	background-color:#c2aefd;
    border:1px solid #c2aefd;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.in-part5{background-color:#f7faff;}
.in-part5 .attestation{text-align:center;margin-bottom:65px;}
.in-part5 .attestation img{
	margin:0 2.5%;
	height:130px;
}
.in-part5 .attestation img:first-child{margin-left:0;}
.in-part5 .attestation img:last-child{margin-right:0;}
.in-part5 ul{overflow:hidden;width:1000%;margin:-20px 0;}
.in-part5 li{
    float:left;
    width:368px;
    margin-right:30px;
	padding:20px 0;
}
.in-part5 li a{
	display:block;
	position:relative;
	box-shadow:0 0 20px 0px rgb(0 0 0 / 10%);	
}
.in-part5 li .zfx{padding-top:138.5%;background-color:#ffffff;}
.in-part6 .main{padding:80px 0 0 0;}
.in-part6 .invideo{position:relative;}
.in-part7{background-color:#f7faff;}
.in-part7 .main{padding:80px 0 45px 0;}
.in-part7 .news-list li{margin-bottom:25px;}
.in-part7 .change{margin-top:45px;}
.in-part7 .news-list .swiper-slide { padding: 30px; box-sizing: border-box; }
.in-part7 .news-list li:last-child { margin-bottom: 0; }
.in-part8 .intitle{margin:80px 0 40px 0;}
.in-part8 .main{padding:0 0 80px 0;}
.in-part8 .content{background-color:#f5f5f5;}

.footer{
	background-color:#424461;
	color:rgba(255,255,255,.25);
	font-size:14px;
	text-align:center;
}
.footer a{color:rgba(255,255,255,.25);}


/*内页内容开始*/
.all-main{padding:80px 0 90px 0;}
.all-main .dropdown{padding-bottom:50px;}
.all-maintop{padding:80px 0 50px 0;}
.all-maintop .intitle{font-size:36px;}
.pronav-main{padding:80px 0 35px 0;}
.pronav-main .pronav-all{margin:0;}
.prodetail-top{background-color:#eeeeee;padding:55px 0;}
.prodetail-top .left{width:55%;text-align: center;background-color:#ffffff;padding:45px 0;position: relative;}
.prodetail-top .left .swiper-button a {
    font-size:40px;
    color: #e1e1e1;
    line-height: 58px;
    text-align: center;
    display: inline-block;
    transform: translate(0,-29px);
}
.prodetail-top .left .swiper-button .next {
    position: absolute;
    right: 0;
    top: 50%;
    right: 4%;
}
.prodetail-top .left .swiper-button .last {
	position: absolute;
    left: 0;
    top: 50%;
    left: 4%;
}
.prodetail-top .left .change{position: absolute; bottom: 20px;width: 100%;height:8px;}
.prodetail-top .left .change li{height:8px;width:8px;border:none;background-color:rgba(194,174,253,.5);margin:0 10px;}
.prodetail-top .left .change li.on{background-color:#c2aefc;}
.prodetail-top .left-content{width:440px;margin:0 auto;}
.prodetail-top .left-content .zfx{padding-top:100%;}
.prodetail-top .right{width:38%;}
.prodetail-top .right-content{padding-top: 50px;}
.prodetail-top .right-content .name{color:#212121;font-size:24px;border-bottom: 1px solid #dcdcdc;padding-bottom:30px;margin-bottom: 30px;}
.prodetail-top .right-content p{line-height:210%;color:#505050;}
.prodetail{background-color:#f5f5f5;padding:55px 0;}
.prodetail img{max-width:100%;width:100%;}



.abouttop{background-color:#c2aefc;color:#ffffff;height:430px;}
.abouttop .left{width:35%;float:left;height:100%;}
.abouttop .left .content{padding:0 13%;height:100%;}
.abouttop .left p{
	display: flex;
    flex-direction: column;
	justify-content:center;
    height:100%;
	line-height:190%;
}
.abouttop .left .name{font-size:36px;display:block;line-height:initial;margin-bottom:20px;}
.abouttop .right{width:65%;float:right;height:100%;background-repeat:no-repeat;background-position:left top;background-size:cover;}
.abouttop .right .content{width:50%;background-color:rgba(154,130,228,.85);height:100%;text-align: center;}
.abouttop .right .content ul{
	padding:0 18%;
	display:flex;
    flex-direction:column;
	justify-content:center;
    height:100%;
}
.abouttop .right .content li:first-child{margin-bottom:55px;}
.abouttop .right .content li p{font-size: 14px;border-bottom: 1px solid #ffffff;margin-bottom:10px;}
.abouttop .right .content li p span{font-size: 60px;padding-right:10px;}
.about{margin-top: 60px;}
.about p{line-height:190%;margin:20px 0;}
.about .style01{color:#212121;font-size:24px;margin-top:50px;}
.about .style01 span{color:#c2aefc;font-size:50px;font-style:oblique;font-weight: bold;padding:0 10px 0 0;}
.about ul{background-color: #ffffff;box-shadow: 0 0 20px 0px rgb(0 0 0 / 10%);padding:45px 0;margin-top:50px;}
.about li{text-align: center;color:#7c7c7c;font-size: 14px;border-right:1px solid #e5e5e5 ;padding:0 15px;}
.about li:last-child{border: none;}
.about li span{display: block;font-size: 52px;color:#505050;font-weight: bold;}
.history{background:url(../images/history.jpg) no-repeat center;background-size: cover;}
.history .name{font-size: 28px;text-align: center;margin-bottom:40px;}
.history ul{background-image:url(../images/history02.jpg);background-repeat:repeat-y;background-position:center;padding-top:50px;}
.history li .circle{position: absolute;left:50%;transform:translate(-13px,0);margin-top:50px;}
.history li .circle i{background-color:#c2aefc;width:20px;height:20px;border:3px solid #e1d9f8;border-radius: 50%;display: inline-block;}
.history li .content{margin-left:60px;}
.history li .content .year{color:#c2aefc;font-size:32px;margin-bottom: 10px;}
.history li .content p{color:#505050;line-height:200%;position: relative;padding-left:15px;}
.history li .content p i{width:5px;height:5px;background-color:#505050;display: inline-block;border-radius:50%;position: absolute;left:0;top:12px;}
.culture{background-repeat:no-repeat;background-position:left top;height:554px;}
.culture .right{float:right;width:480px;height:100%;background: url(../images/culture02.png) no-repeat bottom right #ffffff;background-position:360px bottom;}
.culture .right .content{padding:0 15%;margin-top:50px;}
.culture .right .name{color:#c2aefc;font-size: 20px;text-align: right;}
.culture .right .name::after{display: block;content:'';border-bottom:1px solid #c2aefc;margin-top:-10px;}
.culture .right .name span{background-color:#ffffff;padding: 0 0 0 25px;}
.culture .right li{color:#505050;margin-top:50px;}
.culture .right li span{display:block;color:#212121;font-size: 24px;}
.culture .right li span::after{display: block;content: '';width:26px;height: 3px;background-color: #c2aefc;margin:10px 0;}

.videoleft{float:left;width:78%;position: relative;}
.videoleft .name{font-size: 24px;color: #ffffff;position: absolute;bottom:30px;left:40px;}
.videoright{float:right;width:19.5%;position:relative;}
.videoright .zfx{padding-top:62.5%;}
.videoright ul{margin:10px 0;padding-top:23px;}
.videoright li p{text-align:center;font-size: 14px;color:#505050;margin:5px 0 10px 0;}
.videoright .on a p{color:#c2aefd;font-weight: bold;}
.videoright .swiper-button{text-align:center;color:#c2aefd;background-color:#ebebeb;font-size:18px;display: block;line-height:23px;height:23px;width:100%;}
.videoright .first{position: absolute;top:0;}
.videoright .swiper { height: 548px; margin: 10px 0; }
.videoright .pic { height: 156px; display: flex; justify-content: center; align-items: center; }
.videoright .swiper-wrapper {flex-direction: column; }
.videoright .swiper-slide.on a p, .videoright .swiper-slide:hover { color: #c2aefd; font-weight: bold; cursor: pointer; }
.videoright .swiper-slide{ height: 176px; margin-bottom: 10px; }
.videonote{font-size:24px;text-align:center;margin:20px 0;}

.strengthtop{margin:0 10%;padding-top:80px;}
.strengthtop li{text-align: center;}
.strengthtop li i{
	background-image: url(../images/strength1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size:100%;
	display:block;
	width:60px;
	height:52px;
	margin:0 auto 10px;
}
.strengthtop .list2 i{background-image: url(../images/strength2.png);}
.strengthtop .list3 i{background-image: url(../images/strength3.png);}
.strengthtop .list4 i{background-image: url(../images/strength4.png);}
.strengthtop .list1.on i{background-image: url(../images/strength11.png);}
.strengthtop .list2.on i{background-image: url(../images/strength22.png);}
.strengthtop .list3.on i{background-image: url(../images/strength33.png);}
.strengthtop .list4.on i{background-image: url(../images/strength44.png);}
.strengthtop li p span{
	display:inline-block;
	color:#505050;
	border-bottom:10px solid #ffffff;
	padding:0 20px 10px 20px;
	height:35px;
}
.strengthtop li.on p span{
	color:#c2aefd;
	border-bottom:10px solid #c2aefd;
}
.strength{background-color:#f5f5f5;position: relative;}
.strength .bg{
	background-color:#eeeeee;
	position:absolute;
    bottom: 0;
    right: 0;
    width:50%;
    height:100%;
}
.strength .left{padding:10% 0 0 0;}
.strength .left .content{margin-right:40px;}
.strength .left .name{color:#212121;font-size:28px;}
.strength .left p{line-height:190%;margin:20px 0;}
.strength .right{padding:80px 0;}
.strength .right .content{margin-left:40px;}
.strength .right img{width:100%;}
.strength .swiper-button a{font-size:24px;color:#c7c7c7;height:58px;width:58px;line-height:58px;text-align:center;display:inline-block;border-radius: 50%;border:1px solid #c7c7c7;transform:translate(0,-30px);}
.strength .swiper-button .last{position: absolute;left:0;top:50%;left:4%;}
.strength .swiper-button .next{position: absolute;right:0;top:50%;right:4%;}
.strength .swiper-slide{height: auto;}
.honor{background:url(../images/certificate01.jpg);background-size:cover;}
.honor ul{margin:-20px -15px;}
.honor li{
	padding:20px 15px;
	text-align:center;
	text-align:-webkit-center;
}
.honor li .zfx{padding-top:138.5%;}
.honor li a{
    display: block;
    background-color: #ffffff;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 10%);
}
.honor li .content{padding: 10px 10px 0 10px;}
.honor li p {
    height: 60px;
	display:table-cell;
	vertical-align: middle;
}
.brand{background-color:#f5f5f5;}
.brand ul{margin:-15px -20px;}
.brand li{padding:15px 20px;}
.brand li .zfx{padding-top:46.89%;}
.brand li p{text-align:center;margin-top:15px;height: 20px;}
.news{background-color:#f5f5f5;}
.news-detail .title{
	text-align:center;
	color:#939393;
	border-bottom:1px dashed #e6e6e6;
	padding-bottom:20px;
	margin:0 0 50px 0;
	font-size:14px;
}
.news-detail .title strong{
	display:block;
	color:#212121;
	line-height:150%;
	font-size:24px;
	margin-bottom:20px;
	font-weight:normal;
}
.news-detail p{line-height:210%;margin:25px 0;}
.news-detail img{display:block;margin:25px auto;max-width:100%;width:100%;}



/*电脑版*/
@media screen and (min-width:768px){
.layui-fluid,.layui-container{padding:0}
.layui-fluid,.layui-row{overflow:hidden;}
.layui-container{max-width:1280px;width:96%;margin:0 auto;}
.sm-clear{clear:both;}
a:hover{color:#c2aefd;}

/*公共内容开始*/
/*
.dropdown .type li:hover a{
	color:#ffffff;
	background-color:#c2aefd;
}
.dropdown .type li:hover a::after{
	content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom:-20px;
	left:50%;
	transform: translate(-10px,0);
    align-self: center;
	border:10px solid transparent;
    border-top: none;
    border-bottom-color: #fafafa;
	filter: drop-shadow(0 -3px 3px rgba(194,174,253,.4));
}
.dropdown .column li:hover span{color:#c2aefd;}
*/
.secondnav li:hover a{
	color:#ffffff;
	background-color:#c2aefd;
}
.pronav-list li:hover{background-color:#c2aefc;color:#ffffff;}
.prolist li a:hover{background-color:#c2aefd;color:#ffffff;}
.prolist li a img{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
 }
.prolist li a:hover img{
	transform: scale(1.05); 
	-webkit-transform: scale(1.05); 
	-o-transform: scale(1.05); 
	-ms-transform: scale(1.05); 
	-moz-transform: scale(1.05);
}
.news-list a:hover .content .name{font-weight:bold;color:#c2aefd;}
.news-list a:hover .date p{
	background-color:#c2aefd;
	background-image:none;
	transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
.news-list a:hover .date span{
	opacity:1;
	transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
.owl-dots i:hover{color:#767676;}
.owl-dot:hover::after{opacity:1;width:48px;height:48px;}
.owl-dot:hover span{color:#767676;}
.owl-dot:hover span::after{opacity:0;}
.seven li:hover span{
	background-color:#e0d6fe;
	transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
.player:hover i{
	background-color:#c2aefd;
    color:#ffffff;
	transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
.feedback{height:436px;display:flex;align-items:center;justify-content:space-around;}
.feedback .form{margin:0 25px;width:100%;}
.feedback .tj a:hover{color:rgba(255,255,255,.7);}
.page{margin-top:60px;text-align:center;}
.page a{
	margin:0 5px 0 0;
	color:#666666;
	line-height:48px;
	width:48px;
	text-align:center;
	display:inline-block;
	border-radius:3px;
	-webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
	border:1px solid #dcdcdc;
}
.page a:last-child{margin:0;}
.page a:hover{
	color:#ffffff;
	background-color:#c2aefd;
	border:1px solid #c2aefd;
}
.page .current{
	color: #ffffff;
	background-color:#c2aefd;
	border:1px solid #c2aefd;
}

/*header开始*/
.header{height:205px;text-align:center;}
.header .logo{padding-top:20px}
.header .logo img{height:95px;}
.header .nav{margin-top:20px;line-height:30px;font-size:18px;color:#212121;}
.header .nav a{
	margin-right:60px;
	padding-bottom:10px;
}
.header .nav a:hover{color:#c2aefd;}
.header .nav a.on{border-bottom:3px solid #c2aefd;}
.header .nav .f-box{
	display:inline-block;
	position:relative;
}
.header .nav .f-box .f-top{padding-bottom:10px;}
.header .nav .f-box .f-top i{font-size:13px;margin-left:10px;color:#505050;}
.header .nav .f-box .f-bot{
	display:none;
	position:absolute;
	right:0;
	top:40px;
	z-index:1000;
	background-color:#ffffff;
	width:100%;
	box-shadow:0px 1px 5px rgb(0 0 0 / 20%);
	padding:10px 0;
	min-width: 100px;
}
.header .nav .f-box .f-bot a{
	margin:0;
	padding:0;
	line-height:35px;
	font-size:14px;
	display:block;
}
.header .nav .f-box:hover .f-bot{display:block;}
.sm-topmenu{display:none;}
.sm-topmenu .layui-icon-shrink-right{position:absolute;right:2%;top:0;line-height:120px;font-size:24px;}
.sm-topmenu .menu{
	z-index:2000;
	position:fixed;
	right:-300px;top:0;
	background-color:#ffffff;
	height:100%;width:300px;
	border-left:1px solid #f5f5f5;
	transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	}
.sm-topmenu .menu.show{
	right:0;
	transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
.sm-topmenu .menu .close{text-align:right;margin:0 30px;line-height:100px;height:100px;}
.sm-topmenu .menu .layui-icon-close{font-size:20px;font-weight:bold;}
.sm-topmenu .menu .layui-icon-close:hover{color:#c2aefd;}
.sm-topmenu .menu a{color:#666666;}
.sm-topmenu .menu li{border-top:1px solid #f5f5f5;}
.sm-topmenu .menu li a{
	padding:0 0 0 80px;
	display:block;
	border-bottom:1px solid #f5f5f5;
	text-transform:capitalize;
	height:60px;
    display:flex;
    align-items:center;
}
.sm-topmenu .menu li a:hover{background-color:#f8f8f8;color:#333333;}
.sm-topmenu .menu .language{padding:10px 0 0 80px;}
.sm-topmenu .menu .language a{display:block;line-height:40px;}
.sm-topmenu .menu .language a:hover{color:#c2aefd;}
/*header结束*/

/*首页内容开始*/
.in-part4 .in-more a:hover{
	background-color:#c2aefd;
    border:1px solid #c2aefd;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*内页内容开始*/
.prodetail-top .left .swiper-button a:hover{color: #c2aefc;}
.history li{float:right;width:50%;padding-left:50%;margin-bottom:60px;}
.history li:nth-child(even){float:left;text-align: right;padding:0 50% 0 0;}
.history li:nth-child(even) .content{margin-right:60px;}
.history li:nth-child(even) .content p{color:#505050;line-height:200%;position: relative;padding-right:15px;padding-left: 0;}
.history li:nth-child(even) .content p i{right:0;left: initial;}
.videoright li a:hover p{color:#c2aefd;}
.videoright .swiper-button a:hover{color:#ffffff;background-color:#c2aefd;}
.strengthtop .list1:hover i{background-image: url(../images/strength11.png);}
.strengthtop .list2:hover i{background-image: url(../images/strength22.png);}
.strengthtop .list3:hover i{background-image: url(../images/strength33.png);}
.strengthtop .list4:hover i{background-image: url(../images/strength44.png);}
.strengthtop li:hover p span{
	color:#c2aefd;
	border-bottom:10px solid #c2aefd;
}
.strength .swiper-button a:hover{background-color:#ffffff;border:1px solid #ffffff;}
.honor li a:hover{background-color:#c2aefd;color:#ffffff;}
.honor li a img{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
 }
.honor li a:hover img{
	transform: scale(1.05); 
	-webkit-transform: scale(1.05); 
	-o-transform: scale(1.05); 
	-ms-transform: scale(1.05); 
	-moz-transform: scale(1.05);
}
.contact .contact-way,.contact .message{padding:80px 0;border:none;}
.contact .feedback{background-color:#ffffff;}
.contact .feedback .form .content{background-color:#ffffff;border:1px solid #dcdcdc;}
.contact .contact-way .left{float:left;width:78%;}
.contact .contact-way .three{padding:0;margin:0 -2%;}
.contact .contact-way .right{float:right;width:165px}
.contact .contact-way .right img{width:165px;height:165px;}



}

@media screen and (min-width:1921px){
.banner{background-size:cover;height:450px;}
.banner .content{height:450px;background-size:contain;}
}
@media screen and (max-width:1600px){
.strength .layui-container{width:75%;}
}
@media screen and (max-width:1380px){
.header .nav{font-size:16px;}
.header .nav a{margin-right:50px;}
.strengthtop{margin:0 2%;}

}
@media screen and (max-width:1199px){
.header .nav a{margin-right:40px;}
.banner{background-size:auto 300px;height:300px;}
.banner .content{background-size:auto 300px;height:300px;}
.news-list .content{width:50%;}
.videoleft{float:initial;width:100%;}
.videoright{float:initial;width:100%;margin-top:30px;}
.videoright ul{margin:0 auto;width:initial;padding:0 50px;}
.videoright li{display:inline-block;width:32%;float:left;}
.videoright li:nth-child(2){margin:0 2%;}
.videoright li p{margin:10px 0 0 0;}
.videoright .swiper-button{height:100%;width:30px;position: absolute;right:0;top:0;line-height: initial;}
.videoright .first{left:0;}
.videoright .swiper-button .layui-icon-up:before{content: "\e603";position:absolute;top:50%;left:50%;transform: translate(-8px,-8px);}
.videoright .swiper-button .layui-icon-down:before{content: "\e602";position:absolute;top:50%;left:50%;transform: translate(-8px,-8px);}
.abouttop .left{width:40%;}
.abouttop .right{width:60%;}
.abouttop .right .content{width:60%;}
.feedback{width:30%;}
.map{width:70%;}
}
@media screen and (max-width:1100px){
.header{padding:0 2%;height:120px;}
.header .logo{float:left;line-height:120px;padding:0;}
.header .logo img{height:80px;}
.header .nav{display:none;}
.sm-topmenu{display:block;}
.prodetail-top .left{width:59%;}
.prodetail-top .right{width:35%;}
}
@media screen and (max-width:1070px){
.banner{background-size:auto 250px;height:250px;}
.banner .content{background-size:auto 250px;height:250px;}
}

/*ipad尺寸*/
@media screen and (max-width:991px){
.header{height:90px;}
.header .logo{line-height:90px;}
.header .logo img{height:50px;}
.bproduct{background-position:60% center;}
.bnews{background-position:59% center;}
.sm-topmenu .layui-icon-shrink-right{line-height:90px;}
.secondnav li{width:20%;}
.in-part1{background-size:cover;}
.in-part5 .attestation img{height:95px;}
.prodetail-top .left{padding: 35px 0;}
.prodetail-top .left-content {width:350px;}
.prodetail-top .right-content {padding-top: 20px;font-size: 14px;}
.prodetail-top .right-content .name {
    font-size:21px;
    padding-bottom:25px;
    margin-bottom: 25px;
}
.prodetail-top .left .swiper-button a {font-size:30px;}
.prodetail-top .left .swiper-button .last {left:2%;}
.prodetail-top .left .swiper-button .next {right:2%;}
.abouttop .left{width:50%;}
.abouttop .right{width:50%;}
.abouttop .right .content{width:70%;}
.abouttop .right .content ul{padding:0 15% 0 15%;}
.strength .left .name{font-size:24px;}
.strength .left p{font-size:14px;line-height:180%;}
.strength .swiper-button a{font-size:20px;height:42px;width:42px;line-height:42px;transform:translate(0,-21px);}
.brand ul{margin:-15px -15px;}
.brand li{padding:15px 15px;}
.news-list .content{width:45%;}
.feedback{width:35%;}
.map{width:65%;}
.contact-way .person li strong{padding-right:0;margin-bottom:8px;}
.contact-way .person li p{display:block;}
.contact .contact-way .left{width:73%;}
}

@media screen and (max-width:900px){
.bstrength{background-position: 55% center;}
.seven{padding:0 5%;}
.seven li span{padding:5px;}
.seven li i{width:70px;height:70px;}
.seven li.f02{position:absolute;left:26.5%;top:6.5%;}
.seven li.f03{position:absolute;right:26.5%;top:6.5%;}
.seven li.f04{position:absolute;left:13.5%;top:26%;}
.seven li.f05{position:absolute;right:13.5%;top:26%;}
.seven li.f06{position:absolute;left:8%;top:52.5%;}
.seven li.f07{position:absolute;right:8%;top:52.5%;}
.news-list .content{width:40%;}
}

@media screen and (max-width:800px){
.seven li span{padding:5px;}
.seven li i{width:65px;height:65px;}
.seven li.f02{position:absolute;left:25.5%;top:6.5%;}
.seven li.f03{position:absolute;right:25.5%;top:6.5%;}
.seven li.f04{position:absolute;left:13%;top:26%;}
.seven li.f05{position:absolute;right:13%;top:26%;}
.seven li.f06{position:absolute;left:7.5%;top:53%;}
.seven li.f07{position:absolute;right:7.5%;top:53%;}
}