@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#222;font:14px/30px "Microsoft Yahei", Arial;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
*{box-sizing:border-box;}
a{color:#222;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#483583;text-decoration:none;}
.hide,.none,ins{display:none;}
.wrap{clear:both;display:block;margin:0 auto;max-width:1400px;width:100%;padding:0 0;}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}


#header{ width:100%; height:90px; padding:0 5%; background:#fff; position:fixed; left:0; top:0;box-shadow:0 1px 10px rgba(0,0,0,.08); }
#header{display:flex;justify-content:space-between ;align-items:center; z-index:990}
	.head-logo img{ height:40px; }
	.head-nav ul{display:flex;gap:0 10px}
		.head-nav ul li{ position:relative}
		.head-nav ul li h3 a{ padding:0 10px; font-size:16px; line-height:90px; font-weight: normal}
		.head-nav ul li .sub{ display:none; width:250px; position:absolute; left:0; top:90px; background:#fff; border-radius:0 0 4px 4px;box-shadow:0 1px 10px rgba(0,0,0,.08);}
		.head-nav ul li .sub dl{ padding:20px}
		.head-nav ul li .sub dl dd{ line-height:40px; border-bottom:1px solid #483583}
		.head-nav ul li .sub dl dd a{ color:#483583}
		.head-nav ul li.on h3 a{ color:#483583}
		
		
#banner{ width:100%; margin-top:90px;}
#banner .focus{ position:relative}
	.focus .swiper-slide img { width:100%; }
	
#home{ width:100%; padding:80px 0}
	.home-list ul{ display:flex;justify-content:space-between ;align-items:center;gap:0 30px }
	.home-list ul li{ width:calc((100% - 60px) / 3)}
	.home-list ul li .img img{ width:100%}
	.home-list ul li .title{ text-align:center; font-size:20px; font-weight:700; margin-top:20px; color:#483583; }
	
#copyright{ width:100%; border-top:1px solid #eee;; padding:30px 0; }
	#copyright p{ text-align:center; }
	#copyright p i{ margin:0 10px; }
	#copyright p a{ color:#483583; }
	
#nbanner{ width:100%; height:150px; background:#483583; display:flex;justify-content:center ;align-items:center; margin-top:90px}
	#nbanner .title{ font-size:36px; color:#fff; letter-spacing:5px}
	
#main{ width:100%;}
	.about-content{ padding:50px 0; font-size:16px; line-height:2;}
		.about-content .img { text-align:center;}
		.about-content .img img{ max-width:100%;}
		.about-content .content{ margin-top:50px; }
		.about-content .content img{ max-width:100%;}
		.about-content .content p{ margin-bottom:10px;}
	
	.product-list{ padding:50px 0;display:flex;justify-content:space-between ;}
		.product-list-left{ width:260px}
			.product-list-left ul li{ border-bottom:1px solid #483583}
			.product-list-left ul li a{ display:block; position: relative; padding-left:24px; line-height:44px; font-size:16px }
			.product-list-left ul li a::before{position:absolute;left:0;top:50%; margin-top:-2px;content:'';height:4px;border-radius:2px;width:14px;display:block;background:#483583;}
			.product-list-left ul li.active a{ color:#483583; font-weight:700; }

		.product-list-right{ width:calc(100% - 330px)}
			.product-list-name{ font-size:26px; font-weight:700; color:#483583; border-bottom:1px solid #eee; padding-bottom:20px;}
			.product-list-about{ margin-top:5px; }
				.product-list-about .img img{ width:100%}
				.product-list-about .text{ margin-top:20px; line-height:1.8; font-size:16px}
			.product-list-item{ margin-top:30px; min-height:500px}
				.product-list-item ul{display:flex;flex-wrap:wrap;gap:20px}
				.product-list-item ul li{ width:calc((100% - 60px) / 4)}
				.product-list-item ul li .img{ border:1px solid #eee; padding:5px; height:220px; overflow:hidden; }
				.product-list-item ul li .img img{ width:100%;height:100%;object-fit:cover; }
				.product-list-item ul li .title{ text-align:center; margin-top:20px; font-size:16px}

	.client-list{ padding:50px 0;display:flex;justify-content:space-between ;}
		.client-list-right{ width:calc(100% - 330px)}
			.client-list-name{ font-size:26px; font-weight:700; color:#483583; border-bottom:1px solid #eee; padding-bottom:20px;}
			.client-list-about{ margin-top:5px; }
				.client-list-about .img img{ width:100%}
				.client-list-about .text{ margin-top:20px; line-height:1.8; font-size:16px}
			.client-list-item{ margin-top:30px; min-height:500px}
				.client-list-item ul{display:flex;flex-wrap:wrap;gap:20px}
				.client-list-item ul li{ width:calc((100% - 40px) / 3)}
				.client-list-item ul li .img{ border:1px solid #eee; padding:5px; height:240px; overflow:hidden; }
				.client-list-item ul li .img img{ width:100%;height:100%;object-fit:cover; }
				.client-list-item ul li .title{ text-align:center; margin-top:20px; font-size:16px}
				
	.down-list{ padding:50px 0;display:flex;justify-content:space-between ;}
		.down-list-right{ width:calc(100% - 330px)}
			.down-list-name{ font-size:26px; font-weight:700; color:#483583; border-bottom:1px solid #eee; padding-bottom:20px;}
			.down-list-item{; min-height:500px}
				.down-list-item ul li{ border-bottom:1px solid #eee; padding:30px 0; }
				.down-list-item ul li .title{ font-size:18px; font-weight:700; color:#483583;}
				.down-list-item ul li .time,
				.down-list-item ul li .desc{ line-height:1.8; color:#999; margin-top:5px;}
				.down-list-item ul li .more{ margin-top:10px;}
				.down-list-item ul li .more a{ border:1px solid #483583; border-radius:30px; padding:2px 20px; display:inline-block; font-size:12px; color:#483583;}
				.down-list-item ul li:hover .more a{ background:#483583; color:#fff; }
		
	.news-list{ padding:50px 0;display:flex;justify-content:space-between ;}
		.news-list-right{ width:calc(100% - 330px)}
			.news-list-name{ font-size:26px; font-weight:700; color:#483583; border-bottom:1px solid #eee; padding-bottom:20px;}
			.news-list-item{}
				.news-list-item ul li{ border-bottom:1px solid #eee; padding:30px 0; }
				.news-list-item ul li .title{ font-size:18px; font-weight:700; color:#483583;}
				.news-list-item ul li .time,
				.news-list-item ul li .desc{ line-height:1.8; color:#999; margin-top:5px;}
				.news-list-item ul li .more{ margin-top:10px;}
				.news-list-item ul li .more a{ border:1px solid #483583; border-radius:30px; padding:2px 20px; display:inline-block; font-size:12px; color:#483583;}
				.news-list-item ul li:hover .more a{ background:#483583; color:#fff; }
				
	.contact-list{ padding:50px 0;display:flex;justify-content:space-between ;}
		.contact-list-right{ width:calc(100% - 330px)}
			.contact-list-name{ font-size:26px; font-weight:700; color:#483583; border-bottom:1px solid #eee; padding-bottom:20px;}			
			.contact-list-img { text-align:center;}
			.contact-list-img img{ max-width:100%;}
			.contact-list-content{ margin-top:50px; min-height:500px; font-size:16px; }
			.contact-list-content img{ max-width:100%;}
			.contact-list-content p{ margin-bottom:10px;}
			
			.news-view{ margin-top:20px}
			.view-title{ text-align:center; padding:10px 0;border-bottom:1px solid #eee}
			.view-title h1{ font-size:24px; font-weight:700; padding:20px}
			.view-title .view-info{ color:#999; }
			.view-title .view-info span{ margin:0 10px}
			.view-content{ padding:20px 0; line-height:1.8; font-size:16px; min-height:500px;}
			.view-content img{ max-width:100%;}
			.view-content p{ margin-bottom:10px}
			.view-page{ border-top:1px solid #eee; padding-top:20px}
			
	.product-view{margin-top:20px; }
		.product-view .pro-view-img{ display:flex;justify-content:space-between;align-items:center;}
		.product-view .pro-view-img .img{ width:48%}
		.product-view .pro-view-img .img img{ width:100%; border:1px solid #eee}
		.product-view .pro-view-img .name{ width:48%}
		.product-view .pro-view-img .name h1{font-size:24px; font-weight:700;}
		.product-view .pro-view-img .name .info{ margin-top:10px}
		.product-view .pro-view-img .name .contact{ margin-top:50px}
		.product-view .pro-view-img .name .contact a{ border:1px solid #483583; border-radius:30px; padding:2px 20px; display:inline-block; font-size:12px; color:#483583;}
		.product-view .pro-view-tit{ margin-top:20px; border-bottom:1px solid #483583 ;}
		.product-view .pro-view-tit span{ border:1px solid #483583; border-bottom:0; background:#f8f8f8; padding:10px 40px; display:inline-block; font-size:16px; font-weight:700; text-align:center; ;}
				
			.pro-view-content{ padding:20px 0; line-height:1.8; font-size:16px; min-height:500px;}
			.pro-view-content img{ max-width:100%;}
			.pro-view-content p{ margin-bottom:10px}
			.view-page{ border-top:1px solid #eee; padding-top:20px}
	
	
	.annex{ border:1px dashed #ddd; padding:10px; font-size:14px; width:600px}
	.annex a{ color:#483583;}
			
		
	
    .product-yuan {position: relative; height:800px;}

    .big-circle {width: 465px;height: 465px;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); overflow:hidden}
	.big-circle  img{ width:100%;height:100%;object-fit:cover;}
    .outer-line {width: 705px;height: 705px;border: 1px solid #483583;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    .small-circle {width: 130px;height: 130px;background: #fff;border-radius: 50%;position: absolute;top: 50%;left: 50%; overflow:hidden; border:1px solid #483583;display:flex;justify-content:center ;align-items:center; }
	.small-circle .img{ display:none}
	.small-circle .img img{ width:100%;height:100%;object-fit:cover;}
	.small-circle .t{ display:block; width:100%; height:100%;text-align:center; line-height:1.4; font-size:16px; padding:10px 20px;}
	.small-circle:hover .img{ display:block;}
	.small-circle:hover .t{ display:none}

	.small-circle:nth-child(3)  { transform: translate(-50%, -50%) rotate(270deg) translate(352.5px) rotate(90deg);  }
	.small-circle:nth-child(4)  { transform: translate(-50%, -50%) rotate(225deg) translate(352.5px) rotate(135deg); }
	.small-circle:nth-child(5)  { transform: translate(-50%, -50%) rotate(315deg) translate(352.5px) rotate(45deg);  }
	.small-circle:nth-child(6)  { transform: translate(-50%, -50%) rotate(180deg) translate(352.5px) rotate(180deg); }
	.small-circle:nth-child(7)  { transform: translate(-50%, -50%) rotate(0deg)   translate(352.5px) rotate(0deg);   }
	.small-circle:nth-child(8)  { transform: translate(-50%, -50%) rotate(135deg) translate(352.5px) rotate(225deg); }
	.small-circle:nth-child(9)  { transform: translate(-50%, -50%) rotate(45deg)  translate(352.5px) rotate(315deg); }
	.small-circle:nth-child(10) { transform: translate(-50%, -50%) rotate(90deg)  translate(352.5px) rotate(270deg); }
		
#fenye{padding:80px 0 0px;display:flex;align-items:center;justify-content:center;gap:0 8px;}
#fenye a{color:#5a5a5a;height:40px;width:40px;line-height:40px;text-align:center;border:1px solid #eee;border-radius:4px;}
#fenye a.curr{color:#fff;background:#483583;border:1px solid #483583;}
#fenye a:hover{background:#483583;color:#fff;border:1px solid #483583;}
#fenye a.curr + a,
#fenye a.curr + a + a{display:block;}