@charset "utf-8";
/* CSS Document */
/* © 2020 18825285474 */

.headerpage{ padding: 10px 0 25px;}
.home_head{ width:100%;}

.language li{ float: left;}
.language li a{ display: inline-block; padding: 0 10px; position: relative; font-size: 14px; line-height: 36px;}
.language li a:before{ content:""; overflow:hidden; position:absolute; left:50%; bottom:5px; right: 50%; height:2px;  opacity: 0; background-color: #801c70; transition-duration: 0.3s; border-radius: 1px;}
.language li.over a{ color: #801c70;}
.language li a:hover:before,.language li.over a:before{ left:9px; right:9px; opacity: 1;}

.home_nav{ padding-top: 13px; position: relative;}

.logo{ width:240px; margin-top: 0px;}
.logo a{ float: left; width:100%; padding-top:22%; height:0; overflow:hidden; display:inline-block; background-image:url(../../images/logo.svg); background-repeat:no-repeat; background-position:left center; background-size:96%;}
.logo a:hover{ filter:Alpha(opacity=80); opacity:0.8;}


#menu{background-color: #801c70; border-radius: 5px; position: relative;z-index: 99;}
.menul{ padding: 0 0px; }
.menul li{ float:left; position: relative;}
.menul li a{ font-size:17px; line-height:50px; color: #fff; padding:0 16px; position:relative;  display:inline-block;transition-duration: 0.3s;}
.menul li a:hover,.menul li.over a,.menul li.overr a{ background-color: #000000;}

.menul li:first-child a{ border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.menul li:last-child a{ border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

.erMenu{ position: absolute; left: 0; top: 50px; background-color: #DDDDDD; width: 232px; padding: 10px 0; display: none;}
.erMenu p{}
.menul li.over .erMenu p a,.menul li.overr .erMenu p a{ background-color: #DDDDDD;}
.erMenu p a{ font-size: 14px;  line-height: 16px; padding: 8px 16px; color: #555555; display: inline-block; width: 200px; background-color: #DDDDDD; }
.erMenu p a:hover,.menul li.over .erMenu p a:hover,.menul li.overr .erMenu p a:hover{ color: #fff; background-color: #000000;}


.bannerHe{ height: 600px; border-radius: 5px; margin-top: 0px;}

.bannerPic .swiper-slide{ background-repeat: no-repeat; background-size: cover; background-position: center;}
.banner1{ background-image: url(../../images/homePic/banner1.jpg);}
.banner2{ background-image: url(../../images/homePic/banner2.jpg);}
.banner3{ background-image: url(../../images/homePic/banner3.jpg);}
.banner4{ background-image: url(../../images/homePic/banner4.jpg);}
.banner5{ background-image: url(../../images/homePic/banner5.jpg);}

.home_cs{ padding: 30px 0 24px;}
.home_cs_list{ border-radius: 8px; background-color: #fff; padding: 70px 0 70px 30px;}
.home_cs_list dl{ float: left; padding: 0 30px;}
.home_cs_list dl dt{ font-size: 32px; font-weight: bold; line-height:40px; color: #333;}
.home_cs_list dl dd{ font-size: 16px; line-height: 18px;}


.home_about_box{ padding: 0px 0 20px}
.home_about{ margin-right: -10px;}
.home_about_left{ width: 410px; padding: 35px; height: 228px; margin-top: 6px; background-color: #FFFFFF; border-radius: 5px;}
.homeTitle{ font-size: 24px; color: #333;}
.homeMore{ display: inline-block; font-size: 16px; line-height: 36px; border: 1px solid #801c70; border-radius: 5px; color: #801c70; padding: 0 20px;}
.homeMore:hover{ background-color: #801c70; color: #fff;}
.home_about_left dl{ }
.home_about_left dl dt{font-size:16px; line-height: 26px; color: #333333; padding: 15px 0;}
.home_about_left dl dd{}

.home_about_right{width: 620px; margin-left: 6px;}
.homeProList{}
.homeProListConet{ float: left; width:143px; padding:6px;}
.homeProListConet dl{ position: relative; height: 0; padding-top: 100%; transition-duration: 0.3s;}
.homeProListConet dl dt{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 5px; overflow: hidden;}
.homeProListConet dl dt span{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;background-repeat: no-repeat; background-size: cover; background-position: center; transition-duration: 0.3s;}
.homeProListConet dl dt:hover span{ transform: scale(1.1);}

.homeProListConet dl dt.homePro1 span{ background-image: url(../../images/homePic/aboutPro1.jpg);}
.homeProListConet dl dt.homePro2 span{ background-image: url(../../images/homePic/aboutPro2.jpg);}
.homeProListConet dl dt.homePro3 span{ background-image: url(../../images/homePic/aboutPro3.jpg);}
.homeProListConet dl dt.homePro4 span{ background-image: url(../../images/homePic/aboutPro4.jpg);}
.homeProListConet dl dt.homePro5 span{ background-image: url(../../images/homePic/aboutPro5.jpg);}
.homeProListConet dl dt.homePro6 span{ background-image: url(../../images/homePic/aboutPro6.jpg);}
.homeProListConet dl dt.homePro7 span{ background-image: url(../../images/homePic/aboutPro7.jpg);}
.homeProListConet dl dt.homePro8 span{ background-image: url(../../images/homePic/aboutPro8.jpg);}
.homeProListConet dl dd{ position: absolute; left: 14px; bottom: 14px; font-size: 14px; line-height: 14px;}
.homeProListConet a:hover dl{ box-shadow: 0px 0px 15px 6px rgba(50,50,50,0.1);}


.partnerBox{ padding: 4px 0 26px 0;}
.partner{ background-color: #fff; border-radius: 5px; padding: 30px 0;}
.partnerLeft{ width:165px; padding-left: 35px;}
.partnerLeft dl dt{ padding: 0px 0 15px 0px ;}

.partnerRight{ width:860px; position: relative;}
.partnerRight .swiper-pagination{ bottom: -15px; left: 50%; transform:translateX(-50%)}
.partnerRight .swiper-pagination span{ margin: 0 5px;}
.pc{ height: 80px;}
.pc .swiper-slide{ width: 143px; height:72px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.partner1{ background-image: url(../../images/partner/1.jpg);}
.partner2{ background-image: url(../../images/partner/2.jpg);}
.partner3{ background-image: url(../../images/partner/3.jpg);}
.partner4{ background-image: url(../../images/partner/4.jpg);}
.partner5{ background-image: url(../../images/partner/5.jpg);}
.partner6{ background-image: url(../../images/partner/6.jpg);}
.partner7{ background-image: url(../../images/partner/7.jpg);}
.partner8{ background-image: url(../../images/partner/8.jpg);}
.partner9{ background-image: url(../../images/partner/9.jpg);}
.partner10{ background-image: url(../../images/partner/10.jpg);}
.partner11{ background-image: url(../../images/partner/11.jpg);}
.partner12{ background-image: url(../../images/partner/12.jpg);}

.certificate1{ background-image: url(../../images/rz/1.jpg);}
.certificate2{ background-image: url(../../images/rz/2.jpg);}
.certificate3{ background-image: url(../../images/rz/3.jpg);}
.certificate4{ background-image: url(../../images/rz/4.jpg);}
.certificate5{ background-image: url(../../images/rz/5.jpg);}
.certificate6{ background-image: url(../../images/rz/6.jpg);}
.certificate7{ background-image: url(../../images/rz/7.jpg);}
.certificate8{ background-image: url(../../images/rz/8.jpg);}
.certificate9{ background-image: url(../../images/rz/9.jpg);}
.certificate10{ background-image: url(../../images/rz/10.jpg);}



/* 面包屑 */

.mb{ display: none; }
.mbBox{ position: relative; background-color: #FFFFFF; border-radius:5px; padding: 5px 20px;}
.mbBox a{ position: relative; display: inline-block;}
.mbBox a:before{ content:">"; overflow:hidden; position:absolute; right:-26px; top:0px; font-family:"\5b8b\4f53"; font-weight: bold; font-size: 18px; line-height: 40px; }
.mbBox a,.mbBox span{ font-size: 18px; line-height: 40px; color: #333;}
.mbBox a:hover{ color: #801c70;}
.mbBox span{ margin-left: 40px; }


.mainBox{ padding: 25px 0 30px;}

/* about */

.about{ padding: 30px 0 0px;}
.aboutLeft{ width: 53%; padding-right: 5%;}
.aboutName{ font-size: 24px; line-height: 60px;}
.aboutText{ font-size: 16px; line-height: 24px; color: #333;}
.aboutText p{ padding: 8px 0;}

.aboutRight{ width: 42%;}
.aboutRightPic{ position: relative; padding-top:70% ; margin-top: 70px;}
.aboutRightPic span{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(../../images/about/about.jpg); border-radius: 5px;}

.aboutTi{ font-size: 24px; line-height: 60px; text-align: center;}

.aboutProcessBox{ padding: 6px 0 20px;}
.aboutProcess{ background-color:#ffffff; border-radius: 5px; padding: 30px 0 50px;}

.aboutProcessListBox{ padding: 20px 0px 0 40px;}
.aboutProcessList{ width: 12.5%; float: left;}
.aboutProcessListTop{ position: relative; padding-right: 25%;}
.aboutProcessListTopic{ position: relative;padding-top:100% ; }
.aboutProcessListTop span{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 50%; border: 2px solid #333333;}
.aboutProcessListTop span.aProcess1{ background-image: url(../../images/about/process/1.jpg);}
.aboutProcessListTop span.aProcess2{ background-image: url(../../images/about/process/2.jpg);}
.aboutProcessListTop span.aProcess3{ background-image: url(../../images/about/process/3.jpg);}
.aboutProcessListTop span.aProcess4{ background-image: url(../../images/about/process/4.jpg);}
.aboutProcessListTop span.aProcess5{ background-image: url(../../images/about/process/5.jpg);}
.aboutProcessListTop span.aProcess6{ background-image: url(../../images/about/process/6.jpg);}
.aboutProcessListTop span.aProcess7{ background-image: url(../../images/about/process/7.jpg);}
.aboutProcessListTop span.aProcess8{ background-image: url(../../images/about/process/8.jpg);}

.aboutProcessListTop em{ font-size: 40px; line-height:30px; color: #333; font-weight: bold; font-style: italic; font-family:Helvetica,Arial,'Microsoft Yahei',sans-serif; position: absolute; left: 0px; bottom: 0px; text-shadow:#ffffff 1px 1px 0px;}

.aboutProcessList dl{}
.aboutProcessList dl dt{ font-size: 14px; line-height: 30px; font-weight: bold; color: #333; text-transform: uppercase; padding: 10px 0 5px;}
.aboutProcessList dl dd{ font-size: 13px; line-height: 20px; padding-right: 20px;}


.factoryTour{ padding: 10px 0 50px;}
.factoryTourList{ margin-top: 10px;}

.factoryTourList .gallery{ margin: 0 -1%;}
.factoryTourList .gallery li{float:left; width: 18%; margin: 0 1%; padding:10px 0 10px;}
.factoryTourList .gallery li:after{ content:""; display:block; clear:both;}
.factoryTourList .gallery li a{ position: relative; padding-top: 72%; display: inline-block; width: 100%; overflow: hidden; border-radius: 5px; float: left;}
.factoryTourList .gallery li span{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;background-repeat: no-repeat; background-size: cover; background-position: center; transition-duration: 0.3s; font-size: 0;}
.factoryTourList .gallery li:hover span{ transform: scale(1.1);}

.factoryTourList .gallery li em{ text-align: center; font-size: 14px; line-height:22px; margin-top: 6px; display: inline-block; width: 100%; float: left;}


/* certificatea 证书 */

.certificatea{ padding: 0px 0 40px;}
.certificateaList{ padding-top: 15px;}
.certificateaList .gallery{ margin: 0 -1%;}
.certificateaList .gallery li{float:left; width: 23%; margin: 1%; }
.certificateaList .gallery li:after{ content:""; display:block; clear:both;}
.certificateaList .gallery li a{ position: relative; padding-top: 140%; display: inline-block; width: 100%; box-shadow: 0px 0px 15px 1px rgba(50,0,0,0.05); border-radius: 5px; float: left;}
.certificateaList .gallery li span{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 5px; font-size: 0; }
.certificateaList .gallery li em{ display: inline-block; width: 100%; float: left; text-align: center; font-size: 16px; line-height: 34px; padding-top: 5px;}


/* contact */

.contactBox{ padding: 0 0 50px; }

.contactLeft{ width: 50%; }
.contactLeftPic{ position: relative;  border-radius: 5px; padding: 11px 0 0px;}

.contactLeftImg{ height: 255px; background-image:url(../../images/contact/contactPic.png); background-repeat:no-repeat; background-position:center; background-size:70%;}

.contactLogo{ position: relative; padding:0 25% 15px;}
.contactLogo span{ width:100%; padding-top:21%; height:0; overflow:hidden; display:inline-block; background-image:url(../../images/logo.png); background-repeat:no-repeat; background-position:left top; background-size:100%;}

.contactAD{ text-align: center; font-size: 20px; line-height: 30px; padding: 30px; display: none;}

.contactADbo{ text-align: center; font-size: 24px; line-height: 30px; display: none;}

.contactLefTx{ font-size: 18px; line-height: 30px; padding-top:10px;}

.contactRight{ width: 45%; padding-left: 5%;}

.contactCo{ padding-top: 0px;}
.contactCo li{ position: relative; padding:6px 0;}
.contactCo li,.contactCo li a{ font-size: 17px; line-height: 22px; color: #333;}
.contactCo li span{ display: inline-block; padding-right: 5px; font-weight: bold;}



.contactPartner{ position: relative;}
.contactPartner .swiper-pagination{}
.contactPartner .swiper-pagination span{ margin: 0 5px;}
.contactPartner{ height: 85px; padding-bottom: 50px; }
.contactPartner .swiper-slide{ background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 5px;}

.contactPartner .swiper-slide{}



/* partner */

.pagePartner{}
.pagePartnerlist{ margin: 0 -1%;}
.pagePartnerlist ul{ float: left; width: 18%; padding: 1%;}
.pagePartnerlist li{ position:relative; padding-top: 50%; overflow: hidden;}
.pagePartnerlist li span{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 5px; }

.pagePartner .contactPartner ul{ width: 15.5%; padding: 0.5%;}


/* Video */

.videoBox{}
.videoList{ margin: 0 -10px;}
.videoCo{ width: 50%; float: left; }
.videoCo dl{ padding:12px;}
.videoCo dl dt{ border-radius: 5px; overflow: hidden;}
.videoCo dl dt:after{ content:""; display:block; clear:both;}
.videoCo dl dt video{ width: 100%; height: 310px; float: left; border-radius: 5px;}
.videoCo dl dd{ font-size: 16px; line-height: 30px; text-align: center; padding-top: 10px;}


/* product */

.productBox{}
.mainProBox{ padding:25px 0 50px;}

.productLeft{ width:230px; position: relative; min-height: 200px;}
.productNa{ background-color: #801c70; border-radius: 5px; padding: 18px 0; margin-top:10px;}
.propeng{ position: fixed; left:50%; margin-left: -550px; width: 230px; top: 25px;}
.productNa li{}
.productNa li a{ font-size: 16px; line-height: 16px; color: #FFFFFF; display: inline-block; padding: 12px 0 12px 10%; width: 90%;}
.productNa li.curr a,.productNa li a:hover{  background-color: #000000; color: #FFFFFF;}


/* ProRight */
.productRight{ width:840px; margin-left:30px;}
.productRight .gallery{ margin: 0 -1%;}
.productRight .gallery li{float:left; width: 18%; margin: 0 1%; padding:10px 0 10px;}
.productRight .gallery li:after{ content:""; display:block; clear:both;}
.productRight .gallery li a{ position: relative; padding-top: 100%; display: inline-block; width: 100%; overflow: hidden; border-radius: 5px; float: left;}
.productRight .gallery li span{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;background-repeat: no-repeat; background-size: cover; background-position: center; transition-duration: 0.3s;}
.productRight .gallery li:hover span{ transform: scale(1.1);}

.productRight .gallery li em{ text-align: center; font-size: 14px; line-height:22px; margin-top: 6px; display: inline-block; width: 100%; float: left;}



/* 数据 */

.product-number-info { position: relative; background-color: #ffffff; border-radius: 5px;}

.product-number-info ul {
    padding: 30px 0;
}

.product-number-info li {
    float: left;
    color: #5555; padding-left: 44px;
}

.product-number-info li:first-child {
    border: none;
}

.product-number-info li b {
    font-weight: bold;
    font-size: 32px;
    display: inline-block;
    position: relative;
	 color: #333;
}

.product-number-info li b i {
    font-style: normal;
}


.product-number-info li p {
    font-size: 14px;
	 line-height: 16px; color: #888;
	 padding-top: 0px;
}