@charset "UTF-8";
/*内页*/
/*banner*/
.nei-ban{width:100%;position:relative;height:300px;overflow:hidden;background-position:center;background-repeat:no-repeat; z-index:10;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*position*/
.nei-pos{width: 100%;margin-bottom: 30px;position: relative;border-bottom: 1px solid #ddd;}
.nei-pos .fl,
.nei-pos .fr{ width:50%;color: #666;padding-bottom: 10px;}
.nei-pos .fl{font-size: 20px;line-height: 1em; width: 50%;}
.nei-pos .fr{position: absolute; bottom: 0; height: 100%; right: 0;display: flex;align-items: center;justify-content: flex-end;}
.nei-pos .fr i{width: 16px;height: 16px;background: url(../images/position.png) no-repeat center;}
.nei-pos .fr a{margin: 0 5px;}
.nei-pos .fr a:hover{color:#762069;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
.neiye{ width:100%; position:relative; padding:40px 85px;}

/*左侧*/
.nei-left{width:calc(25% - 20px); max-width:260px;float:left;padding:30px 10px;background:#762069;}
.nei-left h1{width: 100%;text-align: center;line-height: 1em;font-size: 40px;font-weight: bold;padding-bottom: 20px;margin-bottom:20px;position: relative;color: #fff;background: url(../images/lefttitbg.png) no-repeat bottom center ;}
.nei-left ul{ width:100%; position:relative; font-size:0;}

.nei-nav{width:100%; position:relative;}
.nei-nav li{ width:100%; position:relative;margin-bottom:10px;color: #fff;}
.nei-nav li:last-child{ margin-bottom:0;}
.nei-nav li a{font-size: 16px;position:relative;}
.nei-nav li .a1{display: flex;height: 44px;align-items: center;justify-content: center; border: 1px solid #fff;}
.nei-nav li:hover .a1, .nei-nav li.on .a1{background:#fff;color:#762069;}

.nei-nav dl{width: 100%;border: 1px #fff solid;border-top:none;}
.nei-nav dl dd{width: 100%;display: flex;height: 44px;align-items: center;justify-content: center;}
.nei-nav dl dd a:before{content:'○  ';display:block; position:absolute;left: -20px;transition: .5s ease-in-out;opacity: 0;}
.nei-nav dd.on a:before, .nei-nav dd:hover a:before{opacity: 1;}

.nei-chanpin{ width:100%; position:relative; margin-top:30px;}
.nei-chanpin ul li{ width:calc(calc(100% - 10px) / 2); float:left; margin-right:10px; margin-top:10px;}
.nei-chanpin ul li img{ display:block; width:100%;}
.nei-chanpin ul li:nth-child(2n){ margin-right:0;}
.nei-chanpin ul li p{color: #fff;font-size: 14px;line-height: 20px;text-align: center;overflow: hidden;margin-top: 10px;height: 20px;}

/*右侧*/
.nei-right{width:75%;float:right;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*contact*/
.nei-contact{margin-bottom: 30px;width: 100%;position: relative;}
.nei-contact h1{font-size: 24px;font-weight: bold;margin-bottom:20px;color: #762069;}
.nei-contact dl{width:100%;display: flex;justify-content: space-between;position:relative; margin-bottom:20px;}
.nei-contact h3{font-size: 18px;line-height:2em;font-weight: bolder;}
.nei-contact p{ font-size:16px;margin-top:5px; line-height:20px;}

#allmap {width: 100%;height: 400px;overflow: hidden;}
#allmap b{color: #762069;font-size: 14px; }
#allmap img{max-width: none;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*gbook*/
.nei-gbook p{ font-size:16px; line-height:2em;}
.nei-gbook strong{ font-weight:bold; color:#762069;}
.nei-gbook h2{font-size:30px;margin-bottom:20px;color:#762069;}

.nei-gbook input[type="text"],
.nei-gbook textarea{ width:100%; height:100%; display:block; background:none; line-height:20px; font-size:14px;}
.nei-gbook img{position:absolute;right:0;top:0;border:0px;display:block; width:100px; height:100%;}
.nei-gbook .box{ width:100%; position:relative; margin-top:40px;}
.nei-gbook .item{border: 1px solid #ddd;background:#f8f8f8;position:relative; padding:10px;overflow: hidden;}
.nei-gbook .item em{display: block;height: 20px;line-height: 20px;overflow: hidden;position: absolute;top: 10px;left: 10px;}
.nei-gbook .item:hover{ border-color:#762069;}
.nei-gbook .item:hover em{color:#762069;}

.nei-gbook .box1 .item{ width:calc(50% - 10px); margin-right:20px; height:40px; float:left;}
.nei-gbook .box1 .item:last-child{ margin-right:0;}
.nei-gbook .box1 .item input[type="text"]{ padding-left:35px;}
.nei-gbook .box1.box3 .item input[type="text"]{ padding-left:50px; padding-right:110px;}
.nei-gbook .box2 .item{ height:200px;}
.nei-gbook .box2 .item textarea{ text-indent:65px;}

.nei-gbook .item.but{width: 232px;border-color:#762069;background: #762069;color: #FFF;display: block;float: right;padding: 0;}
.nei-gbook .box1.box3 .item input[type="submit"]{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;font-size: 18px;letter-spacing: 5px;cursor: pointer;}
.nei-gbook .item.but:hover{ background:#f8f8f8; color:#762069;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*列表*/
/*样式1*/
.ny-list1{width:100%; position:relative; overflow:hidden;}
.ny-list1 .item1{width:calc(calc(100% - 40px) / 3); display:block;margin-right:20px; margin-bottom:20px;position:relative;cursor: pointer; padding:10px;border: 1px solid #ddd; float:left;} 
.ny-list1 .item1:nth-child(3n){ margin-right:0;}
.ny-list1 .item1 .img{display:block;width:100%; position:relative;}
.ny-list1 .item1 .img img{width:100%;display:block;margin:0 auto;}
.ny-list1 .item1 p{line-height:20px; height:20px; display:block; margin-top:10px; overflow:hidden;font-size:16px;text-align:center;}
.ny-list1 .item1:hover{border-color:#762069;color:#762069;}

/*质量保证*/
.quatxt{margin-bottom: 16px;font-size:16px;line-height:2em;text-indent:2em;}

.nei-qua{font-size:0; text-align:center;}
.nei-qua h1{ font-size:20px; font-weight:bold; color:#762069; display:block; position:relative;margin: 30px 0;}
.nei-qua h1:before,
.nei-qua h1:after{ content:''; width:calc(calc(100% - 200px) / 2); height:1px; background:#000; display:block; position:absolute; top:50%;opacity: .1;transform: translateY(-50%);}
.nei-qua h1:before{ left:0;}
.nei-qua h1:after{ right:0;}
.nei-qua .item1{display:inline-block; float:none;} 
.nei-qua .item1:last-child{ margin-right:0;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*新闻*/
.nei-news{ width:100%; position:relative;}
.nei-news li{width:100%;padding:20px;margin-bottom:40px;border:1px solid #ddd;transition:all .5s;}
.nei-news li a{width:100%;display:block; padding-left:240px; position:relative; padding-right:120px;}

.nei-news li .img,
.nei-news li .date{height:100%;display:block;position: absolute;top: 0;}
.nei-news li .img{width:220px;left:0;}
.nei-news li .img img{width:100%;height:100%;display:block;}
.nei-news li .date{width: 100px;color: #666;right: 0;display: flex;flex-direction: column;justify-content: center;}
.nei-news li .date span{font-size: 34px;}
.nei-news li .date em{font-size: 16px;opacity: .7;}
.nei-news li .date i{width:100%;height:10px;display:block;margin-top:20px; background:url(../images/newsmore.png) no-repeat left center;}

.nei-news li h3{font-size: 18px;padding-bottom: 20px; padding-top:10px;transition: all .5s;}
.nei-news li p{line-height:24px;opacity: .8;}

.nei-news li:hover{border:1px solid #762069;}
.nei-news li:hover h3{color:#762069;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*内页*/
/*通用小零件*/
.page-tit{width: 100%;position: relative;text-align: center;}
.page-tit h1{font-size: 22px;}
.page-tit p{line-height: 2em;overflow: hidden;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin: 20px 0;padding: 5px 0;color: #999;}

.page-info{ width:100%; position:relative; margin-bottom:20px;}
.page-info img{ display:block; width: auto; margin:0 auto;max-width: 100%;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*内页上下页*/
.pagebut{width:100%; padding:10px 0;border-top:2px solid #ddd;border-bottom:2px solid #ddd;margin-top:10px;}
.pagebut .but{width:50%;display:block;color:#666; line-height:20px; height:20px; overflow:hidden; float:left;}
.pagebut .but:hover{color:#762069;}
.pagebut .next{ text-align:right;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*相关新闻*/
.pagenews{margin-top:30px; width:100%; position:relative;}
.pagenews h1{font-size: 22px;line-height: 1em;margin-bottom: 30px;position: relative;display: block;border-left: 5px #762069 solid;text-indent: 15px;}
.pagenews h1 a{position: absolute;font-size: 14px;width: 120px;height: 150%;color: #666;border: 1px solid #ddd;transition: all .5s ease;right: 0;top: 50%;display: flex;align-items: center;justify-content: center;transform: translateY(-50%);}
.pagenews h1 a:hover{ border-color:#762069; color:#762069;}

.pagenews li{width:calc(50% - 10px);float:left;margin-right:20px;margin-bottom:20px;border-bottom:1px solid #ddd;overflow: hidden;padding-bottom: 20px;}
.pagenews li:nth-child(2n){margin-right:0;}
.pagenews li a{display: block;position: relative;padding-left: 170px;}
.pagenews li .img{width: 160px;position: absolute;left: 0;top: 0;height: 100%;overflow: hidden;}
.pagenews li .img img{width:100%;height:100%;}
.pagenews li h3{font-size: 18px;line-height: 1em;margin-bottom:20px;overflow: hidden;height: 1em;}
.pagenews li p{line-height: 24px;font-size: 14px;opacity: .8;height: calc(24px * 3);overflow: hidden;}
.pagenews li:hover h3{color:#762069;text-indent:0;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*页码*/
.pglist{padding:20px 0 30px;width:100%;text-align:center;clear:both;}
.pglist a, .pglist span{color:#666;padding:0 15px;margin:0 3px;display:inline-block;vertical-align:middle;line-height:30px;background:#fff;border:1px solid #ccc;}
.pglist a:hover, .pglist span, .pglist a.page-num-current{display:inline-block;color:#fff;background:#762069;border-color:#762069;}
.pglist span.page-num{ display:none;}
.pglist select{color:#333; background-color:#FFF; border:1px solid #ccc;padding:0 15px; margin:0 3px;line-height:30px;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*产品内页*/
.page-pro .pics{ width:100%; margin-bottom:20px;}
.page-pro .pics .but{cursor: pointer;position:absolute;}
.page-pro .pics .but.swiper-button-disabled{cursor: auto;}

.page-pro .bigbox{position:relative;overflow: hidden;}
.page-pro .bigbox .swiper-container{width:100%;}
.page-pro .bigbox .swiper-container .swiper-slide .img{display: flex;justify-content: center;}
.page-pro .bigbox .but{width:50%; height:100%; top:0;}
.page-pro .bigbox .next{right:0;}
.page-pro .bigbox .prev{left:0;}

.page-pro .smallbox{background: #eee;overflow: hidden;position: relative; height:150px; padding:0 85px; position:relative; margin-top:20px;}
.page-pro .smallbox .swiper-container{ width:100%; height:110px; margin:20px 0;}
.page-pro .smallbox .swiper-container .swiper-slide{height:100%;border: 3px solid #ddd;}
.page-pro .smallbox .swiper-container .swiper-slide.swiper-slide-thumb-active{border: 3px solid #762069;}
.page-pro .smallbox .swiper-container .swiper-slide .img{width:100%;height:100%; display:block; background-position:center; background-repeat:no-repeat; background-size: cover;}
.page-pro .smallbox .but{ width:45px; height:110px;top:20px;}
.page-pro .smallbox .prev{ left:20px; background:url(../images/ArrowL.jpg) no-repeat center;}
.page-pro .smallbox .next{ right:20px; background:url(../images/ArrowR.jpg) no-repeat center;}
/*------------------------------------------------------------------------------------------------------------------------------------*/