/* CSS Document */
html {overflow-x:hidden;overflow-y:auto;}
html {overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,img,p,tr {padding:0;margin:0;border:0;list-style:none;font-weight:normal; color: #000; font-size:0.95rem;}
h1,h2,h3,h4,h5,h6 { color:#000;font-weight: bold;}

body { font-size:0.95rem;color:#000; word-wrap:break-word; overflow:hidden;}
a {text-decoration:none; color:#000; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
a:hover {text-decoration:none; color:#652c89; }
img { border:none;    max-width: 100%;vertical-align: middle;}
.clear {clear:both;height:0 auto; line-height:0px; zoom:1; font-size:1px;}
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.wrap { max-width:1440px; padding:0 30px;height:auto; margin: 0 auto;   }
.fl { float:left;}
.fr { float:right;}
.mid {
    display: table;
    height: 100%;
    width: 100%;
}
.cell {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.block {
    display: block;
}
@media screen and (max-width:1024px) {

.wrap { padding: 0 10px;}

}


@font-face {
  font-family: "1";
  src: url("../font/1.woff2") format("woff2"),
       url("../font/1.woff") format("woff"),
       url("../font/1.ttf") format("truetype"),
       url("../font/1.eot") format("embedded-opentype"),
       url("../font/1.svg") format("svg");
}
@font-face {
  font-family: "2";
  src: url("../font/2.woff2") format("woff2"),
       url("../font/2.woff") format("woff"),
       url("../font/2.ttf") format("truetype"),
       url("../font/2.eot") format("embedded-opentype"),
       url("../font/2.svg") format("svg");
}
@font-face {
  font-family: "3";
  src: url("../font/3.woff2") format("woff2"),
       url("/template/default/font/3.woff") format("woff"),
       url("../font/3.ttf") format("truetype"),
       url("../font/3.eot") format("embedded-opentype"),
       url("../font/3.svg") format("svg");
}
/* 名称 */
.tits{overflow:hidden;margin-bottom:4%;}

.tits h1{font-size:1.8rem;color:#000;font-family: "2";}
.tits p{color:#aaa6a6;font-family: "1";}

@media screen and (max-width:1140px) {
.tits h1{font-size:1.5rem;}
}

@media screen and (max-width:500px) {
.tits h1{font-size:1.2rem;}
}

/*焦点图*/
.indexbanner{position:relative;}
.indexbanner .swiper-pagination-bullet{ text-align:left;opacity:1; font-family:Arial, Helvetica, sans-serif;width:3em; height:2em; background:none;border-radius:0; color:#fff; position:relative; margin:0 5px;border:none;}
.indexbanner .swiper-pagination-bullet:after{content:''; position:absolute; left:0; width:100%; bottom:0; height:5px; background-color:#fff;}
.indexbanner .swiper-pagination-bullet:before{ z-index:888;content:''; position:absolute; left:0; width:0%; bottom:0; height:5px; background-color:#652c89;opacity:1;}
.indexbanner .swiper-pagination-bullet-active:before{width:100%; transition: width 7s ease-out 0s;}
.indexbanner .swiper-pagination-bullet i{font-style:normal; opacity:0;}
.indexbanner .swiper-pagination-bullet-active i{opacity:0}
.indexbanner .swiper-pagination-index-banner{ position:static; margin:0 auto; width:auto; max-width:75em; padding:0 1em;text-align:center;}
.banner_footer{position:absolute;right:0; bottom:5%; width:45%; z-index:10;}
.banner_mid{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; color:#fff;text-align: center;}
.banner_mid h2{color:#fff;font-family:"2";font-size:2.4rem;font-weight:normal;}
.banner_mid p{color:#fff;display:inline-block;font-family:"3";font-size:1.2rem;line-height:1.6em;border-top:1px solid #fff;padding-top:1%;margin:2% 0;}
.banner_mid a{display:inline-block;background:#652c89;color:#fff;padding:1% 2%;margin:2% 0 0 0;text-decoration:none;}
.banner_mid a:hover{background:#fff;color:#652c89;text-decoration:none;}
.banner_mid span{display:block;}
.mobilebannerimg{display:none;background-position:center;background-repeat:no-repeat;background-size:cover;background-repeat:no-repeat;height: 50vh;}

.down {position: absolute; z-index: 999; width:41px; height: 41px; background: url(../image/index15.png) no-repeat center; left: 0; right: 0; margin: 0 auto; bottom: 2%; animation: ud 1s linear alternate infinite; -webkit-animation: ud 1s linear alternate infinite;-moz-animation: ud 1s linear alternate infinite;}
@keyframes ud {
    0% {bottom: 40px;}
    100% {bottom: 20px;}
}

@-webkit-keyframes ud {
    0% {bottom: 40px;}
    100% {bottom: 20px;}
}
@media screen and (max-width: 1200px) {
.banner_mid h2{font-size:2.1rem;}
}
@media screen and (max-width: 1070px) {
.banner_mid h2{font-size:1.8rem;}
.banner_mid p{margin:1% 0;}
.indexbanner .swiper-pagination-bullet{width:2em; height:2em;}
}
@media screen and (max-width: 750px) {
.pcbannerimg{display:none}
.mobilebannerimg{display:block;}
.banner_mid h2{font-size:1.5rem;}
.banner_mid p{font-size:1rem;}
.banner_mid a{font-size: 0.8rem;}
}

@media screen and (max-width: 500px) {
.down {background-size:60%;}
.banner_mid h2{font-size:1.2rem;}
.banner_mid p{font-size:0.85rem;}
.banner_mid span , .banner_mid a{display:none;}
.indexbanner .swiper-pagination-bullet{width:1em; height:1em;}
@keyframes ud {
    0% {bottom: 15px;}
    100% {bottom: 5px;}
}

@-webkit-keyframes ud {
    0% {bottom: 15px;}
    100% {bottom: 5px;}
}

}
@media screen and (max-width: 450px) {

.banner_mid h2{font-size:1rem;}

}
/*关于我们*/
.index01{width:100%;background:url(/template/default/images/index02.jpg) no-repeat top center;background-size: cover;overflow:hidden;padding:4% 0;}
.index01 .about{oveflow:hidden;}
.about .left{width:53%;float:left;}
.about .left .con{overflow:hidden; }
.about .left .con p{line-height:2em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.about .ab_c{overflow:hidden;width:100%;margin:4% 0 8% 0;}
.about .ab_c ul{overflow:hidden;}
.about .ab_c li{width:25%;float:left;text-align:center;}
.about .ab_c h2{font-family:"1";font-size:1.8rem;display:inline-block}
.about .ab_c small{display:inline-block;font-size:1.8rem;font-weight: bold;font-family: "1";transform: translate(5%,-20%);-webkit-transform: translate(5%,-20%);-moz-transform: translate(5%,-20%);-o-transform: translate(5%,-20%);}
.about .ab_c b{font-weight:normal;}
.about .ab_c li p{margin-top:4%;padding-right:5%;}
.about .right{width:40%;float:right;text-align: right;overflow:hidden;}
.about .right img{width:100%;visibility: visible; -webkit-animation:scale-bg 7s linear forwards;animation:scale-bg 7s linear forwards;}

.more a{display:inline-block;background:#652c89;padding:1% 3%;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.more a span{display:inline-block;color:#fff;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.more a img{display:inline-block;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.more a:hover {box-shadow:-5px -5px 20px rgba(0,0,0,0.2);-webkit-box-shadow:-5px -5px 20px rgba(0,0,0,0.2);-moz-box-shadow:-5px -5px 20px rgba(0,0,0,0.2);-o-box-shadow:-5px -5px 20px rgba(0,0,0,0.2)}
.more a:hover span{transform: translate(-10px);-webkit-transform: translate(-10px);-moz-transform: translate(-10px);-o-transform: translate(-10px);}
.more a:hover img{transform: translate(10px);-webkit-transform: translate(10px);-moz-transform: translate(10px);-o-transform: translate(10px);}

@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

@media screen and (max-width: 1140px) {
.about .ab_c h2 , .about .ab_c small{font-size:1.5rem;}
}

@media screen and (max-width: 850px) {
.index01 .tits{text-align:center;}
.about .left{width:100%}
.about .right{width:100%;margin: 4% 0 0 0;}
.about .ab_c{margin: 4% 0;}

}

@media screen and (max-width: 450px) {

.about .ab_c h2 , .about .ab_c small{font-size:1.2rem;}
.about .ab_c li{width:50%;margin-bottom:3%;}
.about .ab_c li p{margin-top:0;}
}



/*产品中心*/
.index02{width:100%;background:url(../image/index05.jpg) no-repeat top center;background-size: cover;overflow:hidden;padding:4% 0 2% 0;}
.index02 .product{overflow:hidden;}
.index02 .tits{text-align:center;}
.index02 .tits h1 , .index02 .tits p{color:#fff;}
.pro_c .category{overflow:hidden;width:100%;margin-bottom:3%;}
.pro_c .category .fen a{display:inline-block;text-indent: 1.3em;position:relative;cursor:pointer;color:#fff;text-decoration:none;}
.pro_c .category .fen a:before {position:absolute;content:"";width:7px;height:7px;border-radius:100%;background:#fff;top:0.4em;left: 0;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.pro_c .category .fen a:hover:before {width:11px;height:11px;}
.pro_c .category .fen a:hover{color:#fff;text-decoration:none;}
.index02 .pros .swiper-container3{padding:6% 0 10% 0;}
.pros a{display:block;width: 100%;height: 100%;}
.pros a .pic {overflow: hidden;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius:100%;}
.pros a img {display: inline-block;height: 100%;width: 100%;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius:100%;}
.pros a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);}
.pros a .title{color:#fff;text-align:center;margin-top:20%;}



/*新闻资讯*/
.index03{width:100%;overflow:hidden;margin:4% 0;}
.index03 .titles{overflow:hidden;}
.index03 .tits{width:50%;float:left;}
.index03 .titles .right{width:50%;float:right;text-align:right;}
.index03 .titles .right a{display:inline-block;padding:1% 2%;margin-top:2%;}
.index03 .titles .right a:hover{background:#652c89;color:#fff;}
.index03 .new_c{overflow:hidden;}
.new_c .left{width:54%;float:left;}
.new_c a{display:block;width:100%;height:l00%;overflow:hidden;margin-bottom:4%;}
.new_c a .new_p{position:relative;overflow:hidden;width: 100%;}
.new_c a .new_p:after { position: absolute;content: ""; width: 100%;height: 100%;top: 60%;left: 0;background-image: linear-gradient(0deg,rgba(0,0,0,0.6) 60%,rgba(255,255,255,0) 100%);z-index: 1;transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s;}
.new_c a:hover .new_p:after { top:70%;background-image: linear-gradient(0deg,rgba(101,44,137,0.6) 60%,rgba(255,255,255,0) 100%);}
.new_c a .pic{overflow:hidden;}
.new_c a .pic img{width:100%;transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s;}
.new_c a:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);}
.new_c a .des{position:absolute;bottom: 0;left: 0;width: 100%;z-index: 10;}
.new_c a .des .dd{margin:4% 5%;overflow:hidden;}
.new_c a .des h3{color:#fff;margin-bottom:2%;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.new_c a .des p{line-height:1.8em;font-size:0.85rem;margin-bottom:2%;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color:#fff;}
.new_c a .des span{display:block;color:#fff;font-size:0.85rem;m}
.new_c .right{width:44%;float:right;}
.index03 .more{text-align:center;margin:3% 0 0 0;}
.index03 .more a{background:none;border:1px solid #000;}
.index03 .more span{color:#000;}
@media screen and (max-width: 700px) {
.new_c .left , .new_c .right{width:100%;}

}


/*联系我们*/
.index04{width:100%;background:#f8f8f8;overflow:hidden;padding:4% 0 2% 0;}
.index04 .contact{overflow:hidden;position:relative;}
.index04 .tits{text-align:center;font-size:1.1rem;margin-bottom:1%;}
.contact .contact_c{position:absolute;right:4em;bottom:7em;background:#652c89;padding:2em}
.contact_c h2{color:#fff;font-size:1.1rem;}
.contact_c .cc{margin:5% 0 0 0;}
.contact_c .cc li{color:#fff;margin-bottom:4%;text-indent:1.5em;}
.contact_c .cc li:first-child{background:url(../image/index06.png) no-repeat left center;}
.contact_c .cc li:nth-child(2){background:url(../image/index07.png) no-repeat left center;}
.contact_c .cc li:nth-child(3){background:url(../image/index08.png) no-repeat left center;}
.contact_c .cc li:last-child{background:url(../image/index09.png) no-repeat left center;margin-bottom:0}

@media screen and (max-width:1340px) {
.contact .contact_c{bottom:5em;right:0em}
}
@media screen and (max-width:1024px) {
.contact .contact_c{bottom:2em;}
}

@media screen and (max-width:850px) {
.index04 .tits{font-size:1rem;}
.contact .contact_c{padding:1em;bottom:0}
.contact_c h2{font-size:1rem;}
}

@media screen and (max-width:600px) {
.index04{padding:4% 0;}
.contact .contact_c{background:url(../image/index11.png);}
}



/*底部*/
.index05{width:100%;overflow:hidden;background:#313131 url(../image/index12.png) no-repeat bottom center;position:relative;}
.index05 .foot{overflow:hidden;padding:4% 0}
.foot .left{width:15%;float:left;}
.foot .left a{display:inline-block;}
.foot .midd{width:75%;float:left}
.foot .midd .f1{float:left;width:25%}
.foot .midd .f1 a.cc{display:block;position:relative}
.foot .midd .f1 span{display:block;font-size:1rem;margin-bottom:8%;font-weight:bold;color:#fff;}
.foot .midd .f1 li{margin-bottom:4%;overflow: hidden;}
.foot .midd .f1 li a{color:#fff;text-decoration:none;font-size:0.875rem;}
.foot .midd .f1 li a:hover{color:#652c89;text-decoration:none;}
.foot .right{width:10%;float:right;}
.foot .right .wx{width:100%;text-align:right;}
.foot .right .wx p{color:#fff;margin:3% 0 0 0;font-size:0.875rem;}
.link{overflow:hidden;margin-top:1em;color:#c7c7c7;}
.link span{color:#c7c7c7;font-size:0.875rem;}
.link a{display:inline-block;margin:0 0.5%;color:#c7c7c7;font-size:0.875rem;}
.index05 .foot2{position:absolute;width:100%;bottom:0;left:0;border-top:1px solid #5d5b5e;padding:1% 0;}
.index05 .foot2 span , .index05 .foot2 span a{color:#fff;display:inline-block;text-decoration:none;font-size:0.8rem;}
.index05 .foot2 span a:hover{color:#0068b7;text-decoration:none;}
.index05 .foot2 .s1{float:left;}
.index05 .foot2 .s2{float:right;}
.lfooter{display:none;}


@media screen and (max-width: 810px) {
.foot .left , .foot .midd{width:100%;}
.link{margin-bottom:2em;}
.foot .right{width: 100%;float: left; margin: 1% 0 0 0;}
.foot .right .wx{text-align: left;}
.foot .right .wx p{margin: 1% 0 0 0;}

}

@media screen and (max-width: 600px) {
.index05 .foot2{padding:1.5% 0;}
.index05 .foot2 .s1 , .index05 .foot2 .s2{float:none;text-align:center;display: block;}
.link{margin-bottom:3em;}
}



@media screen and (max-width: 500px) {
.foot .midd .f1{width:100%;}
.foot .midd .f1 li a{font-size:0.8rem;}
.foot .midd .f1{margin-bottom: 2%;}
.foot .midd .f1 span{margin-bottom:3%;font-size: 0.9rem;border-bottom:none;padding-bottom:0;width:100%;}
.foot .midd .f1 span:after{background:none;height:0;width:0}
.foot .midd .f1 a.cc:after { transition: .2s ease-in-out;  -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -o-transition: .6s ease-in-out;  position: absolute; right: 0;  content: '';  background-image: url(../image/index14.png); width: 14px; height: 7px; top: 50%; margin-top: -3px;}
.fot{display:none}
.link{margin-bottom:4em;}
.foot .right .clear{display:block;}
.foot .right .map{width:100%;}
.foot .right .wx{text-align: center;float:none;margin: 1% auto;}
.foot .left{text-align: center;}
.index05{margin-bottom:40px;}
.lfooter{display:block; max-width: 100%;position: fixed; height:40px;line-height:40px;bottom: 0px; left: 0;right: 0;margin: 0 auto;display: block; z-index: 99;background:-webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#dcdcdc), color-stop(35% ,#ededed), color-stop(50%, #e3e3e3) );}
.lfooter ul li { width: 50%;height: 100%; float: left; text-align: center;border-left:1px solid #ccc;}
.lfooter ul li:first-child{border-left:none;}

}