@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:16px/1.75 "MONTSERRAT", arial,sans-serif; COLOR: #666;  background:#fff;width: 100%; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width: 1400px;; margin:0 auto; max-width: 73%;}

.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}



/*字体引入*/

  @font-face {
    font-family: "MONTSERRAT";
    src: url("../font/MONTSERRAT-LIGHT.OTF");
  }



.flex{display: flex;}
.flex-sbc{display: flex; justify-content: space-between;  align-items: center;}
.flex-c{display: flex; align-items: center;}
.flex-cc{display: flex; align-items: center; justify-content: center;}
.flex-ccc{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.flex-dcsb{display: flex; flex-direction: column; justify-content: space-between;}
.flex-sb{display: flex; justify-content: space-between;}
.flex-sbw{display: flex;justify-content: space-between; flex-wrap: wrap;}
.flex-cw{display: flex; align-items: center; flex-wrap: wrap;}
.flex-dc{display: flex; flex-direction: column;}
.flex-w{display: flex; flex-wrap: wrap;}



/* 公共头部 */
.header{height: 100px; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); position: fixed; top: 0; width: 100%; z-index: 99;  background: #fff;}
.header .logo img{display: block; margin-left: 50px;}
.pc-nav ul{display: flex; position: relative; justify-content: space-between;}
.pc-nav ul li {margin-right: 106px;position: relative;}
.pc-nav ul li h3{display: block; position: relative; font-size: 16px; color: #333; line-height: 100px;}
.pc-nav ul li a:hover>h3,.pc-nav ul li.on a>h3{color: #601886;}
.pc-nav ul li .subnav-box{box-shadow: 1px 1px 3px rgba(0,0,0,0.1);transform: translateY(50px);opacity: 0;pointer-events: none;width: 400%;left: -130%;position: absolute;top: 100%;transition: all 0.4s ease;}
.pc-nav ul li .subnav {display: flex;align-items: flex-start;padding: 10px 0;box-sizing: border-box;z-index: 3;background: #fff;flex-wrap: wrap;text-align: center;}
.pc-nav ul li .subnav a{display: block;font-size: 15px;color: #333;width: 100%; line-height: 35px;}
.pc-nav ul li .subnav a:hover{color: #601886;}
.pc-nav ul li:hover .subnav-box {  transform: translateY(0);  opacity: 1;  pointer-events: auto;}
.ver{margin-top: 26px;}
.ver>a{position: relative; z-index: 6;  width: 83px; height: 26px;  border: 1px solid rgba(51,51,51,0.5); border-radius: 15px; font-size: 14px; color: #333; justify-content: space-evenly;}
.ver .ver-box {padding-top: 20px;  transform: translateY(20%);  transition: .5s;   opacity: 0; visibility: hidden;  }
.ver .ver-list { padding: 10px 0; z-index: -1;background: #fff;position: absolute;width: 100%;  border-radius: 0.3125rem; box-sizing: border-box; box-shadow: 0 2px 11px rgba(0, 0, 0, 0.35);}
.ver .ver-list>a {font-size: 1rem; color: #333; margin: 0.3125rem 0; display: block;transition: .5s; text-align: center;}
.ver .ver-list>a:hover {color: #601886;}
.ver .ver-list::after {content: ""; display: block; width: 0px; height: 0px; border: 0.75rem solid transparent; border-bottom-color: #fff; position: absolute; top: -1.375rem; left: 50%; margin-left: -0.6875rem;}
.ver:hover .ver-box {opacity: 1; visibility: visible; transform: translateY(0); }
.header-zw{height: 100px;}


/* 分类 */
.product{height: 675px; position: relative;}
.product .info{position: absolute; top: 0; z-index: 2; width: 100%;}
.product .info h2{display: block; width: 231px; background: #611885; border-radius: 27px; font-size: 24px; line-height: 53px; color: #fff; text-align: center; margin: 81px 0 34px;}
.product .info h3{display: block; font-size: 60px; color: #fff; line-height: 64px; margin-bottom: 60px;}
.product .info a{transition: 0.6s; display: block; width: 188px; font-size: 16px; line-height: 58px; color: #fff; border: 1px solid #ffffff; border-radius: 0px 0px 17px 0px; text-align: center; }
.product .info a:hover{background: #611885; border-color: #611885; }
.product-list ul .bg{height: 675px;}
.product-list ul .bg .container{display: flex; justify-content: flex-end;}
.product-list ul .bg .name{width: 544px; height: 675px; background: rgba(255, 255, 255, 0.7); padding: 0 40px; box-sizing: border-box; position: relative; z-index: 5;}
.product-list .list{margin-top: 110px;}
.product-list .list a{display: block; font-size: 18px; color: #333; position: relative; padding-left: 22px; margin-bottom: 22px; line-height: 22px}
.product-list .list a:before{content: "";width: 7px;height: 7px;border-radius: 50%; background: #000; position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: all 0.4s ease;}
.product-list .list a:after{content: "";width: 18px;height: 18px;border-radius: 50%;background: rgba(0, 0, 0, 0.3);position: absolute;left: -5.5px;top: 50%;transform: translateY(-50%);transition: all 0.4s ease;}
.product-list .list a:hover{color: #611885; text-decoration: underline;}
.product-list .list a:hover::before{border-color: #611885;}
.product-list .list a:hover::after{background: rgba(97, 24, 133, 0.3);}
.product-bottom{position: absolute; bottom: -66px; left: 0; right: 0; z-index: 8; }
/*.product-btn{margin-right: 0.8%;}*/
.product-btn ul li {-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);background: url(../images/btn-li.png) no-repeat  center bottom; width: 226px; height: 261px;  position: relative; box-shadow: 2.121px 2.121px 6.37px 0.63px rgba(51, 51, 51, 0.15);  }
.product-btn ul li a{height: 100%}
.product-btn ul li:hover,.product-btn ul li.on{ background: url(../images/btn-li-on.png) no-repeat  center bottom #611885;}
.product-btn ul li:hover img,.product-btn ul li.on img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.product-btn ul li .icon{margin-bottom: 20px;}
.product-btn ul li i{display: block; width: 18px; height: 2px; background: #611885; margin-bottom: 23px;}
.product-btn ul li em{display: block; font-size: 20px; line-height: 24px; color: #333; text-align: center;}
.product-btn ul li span{position: absolute;    margin: auto; text-align: center;  font-size: 160px; color: #611885; opacity: 0.02; line-height: 114px; z-index: 1; transform: translateY(88%); transition: 0.6s;}
.product-btn ul li:hover i,.product-btn ul li.on i{background: #fff;}
.product-btn ul li:hover em,.product-btn ul li.on em{color: #fff;}
.product-btn ul li:hover span,.product-btn ul li.on span{transform: translateY(0); color: #fff; opacity: 0.06;}


/* 联系 */
.contact{background: url(../images/contact-bg.jpg) no-repeat center top; height: 150px; margin-top: 75px;}
.contact-box{height: 150px;}
.contact .list ul li{position: relative; display: flex; height: 65px;}
.contact .list ul li:first-child{margin-right: 29px;}
.contact .list ul li img{display: inline-block; margin-right: 20px;}
.contact .list ul li em{display: block; font-size: 16px; color: #333;}
.contact .list ul li span{position: absolute; left: 0; top: 0; font-size: 90px; line-height: 65px; opacity: 0.1; color: #333;}
.contact-tel{margin-right: 4.5%}
.contact-tel .info{margin-left: 39px;}
.contact-tel em{display: block; font-size: 24px; color: #fff; line-height: 15px; margin-bottom: 16px;}
.contact-tel span{display: block; font-size: 20px; color: #fff; line-height: 23px;}


/* 公共底部 */
.footer{background: #fcfcfc;}
.foot-box{padding: 76px 0 61px;}
.foot-nav{width: 59%;}
.foot-nav dl dt{display: block; font-size: 18px; line-height: 13px; color: #333;margin-bottom: 28px;}
.foot-nav dl  img{display: block; margin-bottom: 19px;}
.foot-nav dl dd a{display: block; font-size: 14px; line-height: 36px; color: #666;}
.foot-nav dl dd a:hover{color: #611885;}
.foot-share{    display: flex; flex-direction: column; align-items: flex-end;}
.foot-logo a img{display: block; margin-bottom: 66px;}
.share-list ul li{margin-left: 20px;}
.share-list ul li img{transition: 0.6s;}
.share-list ul li:hover img{transform: translateY(-10px);}
.footer-copy{border-top: 1px solid #F5F5F5; padding: 17px 0;}
.footer-copy p{font-size: 14px; color: #666;}
.footer-copy a{color: #666;}
.footer-copy a:hover{color: #611885;}


/*在线咨询*/
.zx-service{position: fixed;right: 5px;top: 30%;z-index: 9999;}
.zx-service ul li{margin-bottom: 1px;position: relative;}
.zx-service ul li a{display: block; width: 80px;height: 52px;padding: 14px 0;background: #000;}
.zx-service ul li:hover a{background: #611885;}
.zx-service ul li a img{display: block;margin: 0 auto 10px;}
.zx-service ul li a span{display: block;width: 80px;color: #fff;text-align: center;line-height: 14px;}
.zx-service ul li dl{width: 150px;padding: 0 15px;background: #611885;text-align: center;display: none;position: absolute;right: 81px;top: 0;}
.zx-service ul li dl dd{font-family: arial;color: #fff;font-size: 20px;height: 50px;width: 150px;line-height: 50px;}
.weixin-hide{width: 130px;padding: 140px 10px 0;background:url(../images/ny-wechat.jpg) no-repeat center top 10px #611885;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide span{line-height: 36px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li span{line-height: 12px;font-size: 14px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;} 
.zx-service03:hover .weixin-hide{display: block;}
.zx-service ul li:hover dl{display: block;}


/* 内页banner */
.ny-banner img{display: block; width: 100%;}


.product-box{display: flex; justify-content: space-between; align-items: flex-start;}
.ny-left{width: 294px; position: sticky; top:50px}
.ny-left,.ny-right{padding: 5.4375rem 0 10rem;}
.pro-search{width: 100%; background: #f5f5f5; display: flex; justify-content: space-between; align-items: center; line-height: 3.75rem; height: 3.75rem; padding: 0 6.8%; box-sizing: border-box; margin-bottom: 3.25rem; }
.pro-search input{outline: none; border: none; }
.pro-search .text{display: block; font-size: 0.9375rem; color: #666; width: calc(100% - 30px); line-height: 3.75rem; background: transparent;}
.pro-search .text::placeholder{color: #666;}
.pro-search .submit{ background: url(../images/pro-search.png) no-repeat center; width: 18px; height: 100%;}
.left-title em{display: block; border-top: 0.0625rem solid #eee; font-size: 1.875rem; color: #611885; font-family: "PFBold"; padding-top: 2.1875rem; margin-bottom: 2.25rem;}
.left-title i {display: none;}
.pro-class .ctitle1{}
.pro-class .ctitle1>li{ border-bottom: 0.0625rem solid #eee;}
.pro-class .ctitle1>li>h3{transition:0.6s; display: flex; align-items: center; justify-content: space-between;  padding: 0 0.375rem; box-sizing: border-box;}
.pro-class .ctitle1>li>h3>a{display: block; font-size: 1.1rem; line-height: 3.3125rem; color: #333; font-family: "PFBold";}
.pro-class .ctitle1 li>h3>i{display: block;width: 20px;height: 20px;position: relative;cursor: pointer;}
.pro-class .ctitle1>li>h3>i:before,.pro-class .ctitle1>li>h3>i:after{content: "";background: #04061e;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.pro-class .ctitle1>li>h3>i:before{width: 10px;height: 2px;}
.pro-class .ctitle1>li>h3>i:after{width: 2px;height: 10px;}
.pro-class .ctitle1>li>h3>i.on{	transform: rotate(135deg);}
.pro-class .ctitle1>li:hover>h3>i:before,.pro-class .ctitle1>li:hover>h3>i:after{background: #fff;}
.pro-class .ctitle1>li:hover>h3{background: #611885; color: #fff; border-radius: 1.5625rem; }
.pro-class .ctitle1>li:hover>h3>a{color: #fff;}
.pro-class .ctitle2{display: none;padding: 1.75rem 0 1.5625rem 1.25rem;}
.pro-class .ctitle2>li{margin-bottom: 0.8125rem;}
.pro-class .ctitle2>li>a{display: block; font-size: 1.125rem; color: #333; position: relative; padding-left: 1.375rem;}


.pro-class .ctitle2>li>a:before{content: "";width: 10px;height: 10px;border: 1px solid #dfdfdf;border-radius: 50%;position: absolute;left: 0;top: 5px;transition: all 0.4s;}
.pro-class .ctitle2>li>a:after{content: "";width: 6px;height: 6px;background: #dfdfdf;border-radius: 50%;position: absolute;left: 3px;top: 8px;transition: all 0.4s;}
.pro-class .ctitle2>li>a:hover,
.pro-class .ctitle2>li>a.on{	color: #611885;}
.pro-class .ctitle2>li>a:hover:before,
.pro-class .ctitle2>li>a.on:before{	border-color: #611885;}
.pro-class .ctitle2>li>a:hover:after,
.pro-class .ctitle2>li>a.on:after{	background: #611885;}


.ny-right{width: calc(100% - 340px); padding-left: 3.25%; border-left: 0.0625rem solid #eee; box-sizing: border-box;}

.index-title{text-align: center; margin-bottom: 40px;}
.index-title b{display: block; font-size: 40px; color: #333; text-transform: capitalize;}

.xq-back a{transition:0.6s; display: block; width: 144px; font-size: 16px; line-height: 50px; color: #fff;  background: #000; border-radius: 28px; text-align: center; margin: 40px auto 0}
.xq-back a>img{display: inline-block; margin-right: 11px; vertical-align: middle;}
.xq-back a:hover{background: #611885;}



/* 图片列表页 */
.nypro-list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.nypro-list ul:after{content: ''; width: 31.5%;}
.nypro-list ul li{width: 31.5%;margin-bottom: 2.5625rem;box-sizing: border-box;border: 0.0625rem solid #dddddd;text-align: center;padding-bottom: 2rem;transition:0.6s}
.nypro-list ul li .pic{overflow: hidden;margin-bottom: 20px;}
.nypro-list ul li .pic img{display: block;  width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nypro-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nypro-list ul li strong{font-size: 1.5rem;color: #333;font-family: "PFBold";margin-bottom: 15px;}
.nypro-list ul li p{display: block; font-size: 1rem; color: #777; margin-bottom: 1.5625rem;}
.nypro-list ul li .pro-btn{display: flex; justify-content: center;}
.nypro-list ul li em{border-radius:5px;display: block;width: 7.75rem;background: #333333; font-size: 16px; line-height: 2.5rem; color: #fff; margin-right: 0.25rem;}
.nypro-list ul li span{border-radius:5px;display: flex; align-items: center; justify-content: center; width: 2.8125rem;height: 2.5rem;background: #611885;}



.proxq-arrow{display: flex; justify-content: space-between; align-items: center; border-top:  0.0625rem solid #eee; padding-top: 40px; margin-top: 40px;}
.proxq-arrow a{display: flex; align-items: center; }
.proxq-arrow i{display: block; display: flex;  align-items: center;  justify-content: center;  width: 3.125rem;  line-height: 2.875rem;  height: 3.125rem;  border-radius: 0.25rem;  border: 0.125rem solid #dbdbdb; transition:0.6s}
.proxq-arrow h5{display: block; font-size: 1.125rem; color: #1a1a1a;}
.proxq-arrow a:first-child i { transform: rotateY(180deg); margin-right: 1.25rem;}
.proxq-arrow a:last-child i {    margin-left: 1.25rem;}
.proxq-arrow a:hover i{background: #611885;border-color: #611885;}
.proxq-arrow a:hover i svg path{	fill: #ffffff;}
.proxq-arrow a:hover h5{color: #611885;}



/*分页*/
.fy { padding: 60px 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap; gap: 1rem;}
.fy a { background: #E6E6E6; display: flex; align-items: center; justify-content: center; color: #707070; font-size: 14px; transition: .4s;  padding: 5px 15px;}
.fy a:hover {color: #fff; background: #611885;}
.fy .layui-laypage-curr {color: #fff; background: #611885; font-size: 14px;  margin: 0 5px; padding: 5px 15px;}



/* 搜索页面 */
.search-page .box {margin-top: 50px;}
.search-page form {width: 60%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }
.search-page form .search-text {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 22px;  height: 23px; display: block; cursor: pointer; background: url(../images/searchIcon.png) no-repeat center; outline: none; border: none; background-size: 100%; filter: brightness(0);}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #611885; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: 18px; margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: 16px; color: #666; line-height: 20px;}
.search-page li .le {width: 95%; }
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}








@media screen and (min-width:200px)  and  (max-width:1400px)  {
	.container{max-width: 90%; width: 1300px;}
	body{min-width: 1300px; overflow-x: hidden; }

	


}