@charset "utf-8";/*公共样式*/div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,body{	padding:0;	margin:0;}ul,li{	 list-style:none;}img{	border:0 none;}input,textarea {	outline: none;}a{ 	text-decoration:none;	color:#666;	transition: all 0.3s;	-moz-transition: all 0.3s; 	-webkit-transition: all 0.3s; 	-o-transition: all 0.3s;}a:hover{	text-decoration: none;	color: #ac0001;}body{	font-size:16px;	font-family:"微软雅黑";	color:#666;	line-height:32px;	overflow-x: hidden;}@media only screen and (max-width:991px ) {	body {		font-size: 14px;		line-height: 24px;	}}@media only screen and (min-width:1600px ) {	.container {		width: 1400px;	}}.fl{	float:left;	display:inline;}.fr{	float:right;	display:inline;}.clear{	clear:both;}.bg_none{	background:none !important;	}.bd_none{	border:none !important;	}html,body{      -webkit-text-size-adjust:none;}[allbanner] .img img{width:100%;float: left;}/*banner*/.indexban{position:relative}.indexban .swiper-button-prev,.indexban .swiper-button-next{width:48px;height:48px;margin-top:-24px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%}.indexban .swiper-button-prev{left:30px;background-image:url(../images/bann-l.png)}.indexban .swiper-button-next{right:30px;background-image:url(../images/bann-r.png)}.indexban .swiper-button-prev:hover{background-image:url(../images/bann-l_cur.png)}.indexban .swiper-button-next:hover{background-image:url(../images/bann-r_cur.png)}.indexban .swiper-slide .textbox{position:absolute;left:36%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transition:1.4s ease 0s;-webkit-transition:1.4s ease 0s;-moz-transition:1.4s ease 0s}.indexban .swiper-slide .textbox1,.indexban .swiper-slide .textbox4{top:15%;opacity:0}.indexban .swiper-slide .textbox1.cur,.indexban .swiper-slide .textbox4.cur{top:20%;opacity:1}.indexban .swiper-slide .textbox1 .cnname{font-size:35px;text-align:center;margin:0 auto;line-height:1.286;color:#fff}.indexban .swiper-slide .textbox1 .enname{width:80%;font-size:60px;text-align:center;margin:16px auto 0;line-height:1;color:#fff;font-family:'helblack'}.indexban .swiper-slide .textbox .more{width:150px;height:48px;background-color:#0079d5;color:#fff;text-align:center;line-height:48px;display:block}.indexban .swiper-slide .textbox1 .more{margin:82px auto 0}.indexban .swiper-slide .textbox2,.indexban .swiper-slide .textbox3{top:50%;left:80%;opacity:0}.indexban .swiper-slide .textbox2.cur,.indexban .swiper-slide .textbox3.cur{left:50%;opacity:1}.indexban .swiper-slide .textbox2 .enname{font-family:'dincon';opacity:0.2;font-size:42px;color:#fff}.indexban .swiper-slide .textbox2 .cnname{font-weight:bold;font-size:45px;color:#fff;margin-top:26px}.indexban .swiper-slide .textbox2 .text{font-size:26px;color:#fff;margin-top:19px}.indexban .swiper-slide .textbox2 .more{margin-top:42px}.indexban .swiper-slide .textbox3 .enname{font-family:'idcnmei';opacity:0.2;font-size:36px;color:#fff}.indexban .swiper-slide .textbox3 .cnname{font-weight:bold;font-size:32px;color:#fff;margin-top:12px}.indexban .swiper-slide .textbox3 .more{margin-top:42px}.indexban .swiper-slide .textbox4 .icon{text-align:center}.indexban .swiper-slide .textbox4 .icon img{display:inline-block}.indexban .swiper-slide .textbox4 .cnname{width:80%;font-size:34px;text-align:center;margin:18px auto 0;line-height:1.286;color:#fff}.indexban .swiper-slide .textbox4 .text{width:35.8%;text-align:center;margin:17px auto 0;opacity:0.6;color:#fff;line-height:2.286}.indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:40px}.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px;background-color:rgba(255,255,255,0.5);opacity:1;margin:0 8px;position:relative}.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff}.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg{width:20px;height:20px;position:absolute;top:50%;margin-top:-10px;left:50%;margin-left:-10px}.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg:nth-child(2){position:absolute;left:0;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{fill:none}.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background{stroke:rgba(255,255,255,0);stroke-width:1}.circle-chart__circle{stroke-linecap:square;fill:none}.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{stroke:#fff;stroke-width:1;stroke-linecap:square;fill:none;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform-origin:center;-webkit-transform-origin:center;-ms-transform-origin:center;-moz-transform-origin:center}.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 5.2s linear reverse;-moz-animation:circle-chart-fill 5.2s linear reverse;-webkit-animation:circle-chart-fill 5.2s linear reverse;-ms-animation:circle-chart-fill 5.2s linear reverse}.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 4.5s linear reverse;-moz-animation:circle-chart-fill 4.5s linear reverse;-webkit-animation:circle-chart-fill 4.5s linear reverse;-ms-animation:circle-chart-fill 4.5s linear reverse}@keyframes circle-chart-fill{to{stroke-dasharray:0 100}}@-webkit-keyframes circle-chart-fill{to{stroke-dasharray:0 100}}@-moz-keyframes circle-chart-fill{to{stroke-dasharray:0 100}}@-ms-keyframes circle-chart-fill{to{stroke-dasharray:0 100}}@media (max-width:1620px){     .indexban .swiper-slide .textbox{} }@media (max-width:1440px){     .indexban .swiper-slide .textbox{}    .indexban .swiper-slide .textbox1 .cnname{font-size:25px}    .indexban .swiper-slide .textbox1 .enname{font-size:46px}    .indexban .swiper-slide .textbox1 .more{margin:41px auto 0}    .indexban .swiper-slide .textbox2 .enname{font-size:32px}    .indexban .swiper-slide .textbox2 .cnname{font-size:34px;margin-top:14px}    .indexban .swiper-slide .textbox2 .text{font-size:18px;margin-top:9px}    .indexban .swiper-slide .textbox2 .more, .indexban .swiper-slide .textbox3 .more{margin-top:31px}    .indexban .swiper-slide .textbox3 .enname{font-size:26px}    .indexban .swiper-slide .textbox3 .cnname{font-size:20px}    .indexban .swiper-slide .textbox4 .icon img{height:54px}    .indexban .swiper-slide .textbox4 .cnname{font-size:24px;margin-top:10px}    .indexban .swiper-slide .textbox4 .text{width:60%;line-height:2;margin:10px auto 0} }@media (max-width:1280px){     .indexban .swiper-slide .textbox{}}@media (max-width:1024px){    .indexban .swiper-button-prev,    .indexban .swiper-button-next{display:none}}.tit{ text-align:center; font:100px "Microsoft YaHei UI"; color:#f2f2f2; text-transform:uppercase;}.tit a{ color:#f2f2f2;}.tit em{ display:block; font:48px "Microsoft YaHei UI"; position:relative; margin-top:-70px; color:#000;}.tit i{ display:block; font:20px "Microsoft YaHei UI"; color:#000; margin-top:12px;}.yinz{ background:url(../images/yinz_bg.jpg) no-repeat center top; height:1050px; overflow:hidden;}.yinz .tit a{ color:#e1e5ea;}.yinz1{ width:645px; overflow:hidden; margin-top:100px;}.yinz p{ width:600px; margin:30px 0 23px; font:14px "Microsoft YaHei UI"; line-height:30px; color:#86898b; height:90px; overflow:hidden; text-align:center;}.yinz h5{ width:140px; height:40px; margin:0 auto; border-radius:5px; background:#186ae1; border:3px solid #186ae1; text-align:center; font:16px "Microsoft YaHei UI"; line-height:40px;}.yinz h5 a{ display:block; color:#fff;}.yinz h5:hover a{ color:#000;}.yinz h5:hover{ border:3px dashed #186ae1; background:none;}.sys{ height:824px; padding-top:75px; overflow:hidden; background:url(../images/sys_bg.jpg) no-repeat center top;}.sys .tit a{ color:rgba(255,255,255,0.03);}.sys .tit em,.sys .tit i{ color:#fff;}.sys ul{ margin:125px 0 0 145px;}.sys li{ width:230px; height:140px; border:4px solid #33d69f; border-radius:230px; float:left; margin-right:94px; text-align:center; font:22px "Microsoft YaHei UI"; font-weight:bold; color:#fff; padding-top:90px;}.sys li em{ display:block; font:18px "Microsoft YaHei UI"; color:#fff; opacity:0.5; margin-top:14px;}.sys li:nth-child(2){ border:4px solid #ff9066;}.sys li:nth-child(3){ border:4px solid #186ae1;}.sys li:hover{border:4px dashed #33d69f;transform: translateY(-10px);transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}.sys li:nth-child(2):hover{ border:4px dashed #ff9066;}.sys li:nth-child(3):hover{ border:4px dashed #186ae1;}.int{ height:785px; background:url(../images/int_bg.jpg) no-repeat center top; padding-top:65px;}.int .tit a{ color:#e2e3e7;}.int h3{ width:209px; height:429px; float:left; margin:70px 0 0 180px;}.int h3 img{ display:block;width:209px; height:429px;}.int h3:hover img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}.int ul{ width:560px; float:right; margin:100px 80px 0 0;}.int li{ width:280px; height:213px; float:left; text-align:center; font:20px "Microsoft YaHei UI"; text-align:center; color:#000;}.int li img{ display:block; width:90px; height:90px; margin:0 auto 18px;-moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}.int li em{ display:block; font:15px "Microsoft YaHei UI"; color:#838386; margin-top:12px;}.int li:hover img{-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);} .pro{ height:1122px; margin-top:70px;}.prot{ height:140px; margin:34px 0 0 160px;}.prot h3{ width:90px; height:90px; background:#eeeff3; border-radius:90px; text-align:center; font:24px "Microsoft Yahei"; line-height:90px; color:#070707; float:left; margin-right:172px; cursor:pointer;}.prot .cur,.prot h3:hover{ background:#33d69f; color:#fff;}.prot h3:last-child{ margin-right:0;}.pro1{ height:750px;}.pro1 dl{ position:relative;}.pro1 dt img{ display:block; width:1200px; height:720px;}.pro1 dd p{ width:240px; position:absolute;}.pro1 dd p em{ display:block; font:20px "Microsoft Yahei"; color:#000;white-space: nowrap;}.pro1 dd p span{ display:none; font:16px "Microsoft Yahei"; line-height:24px; color:#000; margin-top:5px;} .pro1 dd .p1{ top:48px; left:206px;}.pro1 dd .p2{ top:38px; left:930px;}.pro1 dd .p3{ top:324px; left:0;}.pro1 dd .p4{ top:230px; left:1032px;}.pro1 dd .p5{ top:582px; left:72px;}.pro1 dd .p6{ top:582px; left:965px;}.pro1 dd p:hover em{ color:#186ae1;}.pro1 dd p:hover span{ display:block;}.tyan2{ margin-top:35px;}.tyan2 img{ display:block; width:100%;}.tyan2 .slick-arrow{ display:none; width:0; height:0; background:none;}.tyan2 .slick-dots{ position:absolute; bottom:30px; height:30px;}.tyan2 .slick-dots li{ margin:0 9px;}.tyan2 .slick-dots li button:before{ content:"1"; position:absolute; width:20px; height:20px; border-radius:20px;opacity:1; background:#fff;}.tyan2 .slick-dots li:nth-child(2) button:before{ content:"2";}.tyan2 .slick-dots li:nth-child(3) button:before{ content:"3";}.tyan2 .slick-dots li:nth-child(4) button:before{ content:"4";}.tyan2 .slick-dots .slick-active button:before{ background:#186ae1; color:#fff;}.jiam{ background:#f1f2f6; padding:70px 0; text-align:center; min-width:1200px;max-width:1920px; width:100%;}.jiam dl{ width:28.7%; height:auto; margin-left:3.5%; position:relative; float:left;}.jiam dt img{ display:block; width:100%; border:10px solid #d9d9dd; border-radius:22px; box-sizing:border-box;}.jiam dd{ width:100%; position:absolute; top:24%;}.jiam dd h3 a{ display:block; font-size:2.25rem; font-weight:normal; color:#fff; text-align:center; width:70%; padding-bottom:1rem; border-bottom:1px solid #fff; margin:0 auto;}.jiam dd p{ text-align:center; line-height:2.8rem; font-size:1rem;}.jiam dd p a{ display:inline-block; color:#fff; opacity:0.8; padding:0 1%;}.jiam dd p a:hover{ opacity:1; text-decoration:underline; color:#186ae1; font-weight:bold;}.jiam dl:hover dt img{ border:10px solid #186ae1;}@media (min-width: 1600px) and (max-width: 1920px) {	.jiam dd{top:33%;}}.news{ height:695px; margin-top:60px; overflow:hidden;}.newst{ height:100px; overflow:hidden; position:relative;}.newst h3{ font:16px "Microsoft YaHei UI"; line-height:100px; float:left; margin-right:75px;}.newst h3 a{ display:block; color:#000;}.newst h3 a:hover,.newst .cur a{ font-weight:bold; color:#186ae1;}.newst h5 a{ display:block; font:16px "Microsoft YaHei UI"; line-height:100px; color:#a3a3a3; position:absolute; top:0; right:0;}.news1{ height:400px;}.news1 dl{ width:572px; float:left; height:400px; overflow:hidden;}.news1 dt{ width:572px; height:264px; overflow:hidden; margin-bottom:20px;}.news1 dt img{ display:block;width:572px; height:264px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}.news1 dd h5{ width:112px; height:76px; border-right:1px solid #ebebeb; text-align:center; font:50px Arial, Helvetica, sans-serif; color:#333; float:left;}.news1 dd h5 em,.news1 li h5 em{ display:block; font:14px "Microsoft YaHei UI"; color:#666;}.news1 dd p{ width:420px; float:right; overflow:hidden;}.news1 dd p a,.news1 li p b{ display:block; font:18px "Microsoft YaHei UI"; color:#333;}.news1 dd p i,.news1 li p i{ display:block; font:14px "Microsoft YaHei UI"; line-height:21px; color:#888; margin-top:13px;}.news1 ul{ width:560px; float:right; overflow:hidden;}.news1 li{ border:1px solid #ebebeb; margin-bottom:20px; height:108px;}.news1 li h5{ width:135px; height:80px; text-align:center; margin-top:12px; border-right:1px solid #ebebeb; font:50px Arial, Helvetica, sans-serif; color:#333; float:left;}.news1 li p{ width:385px; float:right; margin:16px 12px 0 0;}.news1 dl:hover dt img{-webkit-transform:scale(1.1,1.1);    -moz-transform:scale(1.1,1.1);    -transform:scale(1.1,1.1);}.news1 dl:hover dd p a,.news1 li:hover p b{ font-weight:bold; color:#186ae1;}.news1 li:hover{ border:1px solid #186ae1;}.about{ background:url(../images/about_bg.jpg) no-repeat center top; height:750px; overflow:hidden;}.about dl{ width:400px; float:right; margin:133px 85px 0 0;}.about .tit a{ color:#131629;}.about .tit em,.about .tit i{ color:#fff;}.about dd p{ font:16px "Microsoft YaHei UI"; text-align:center; line-height:32px; color:#9d9fa7; height:64px; overflow:hidden; margin:42px 0 32px;}.about dd span a{ display:block; width:140px; height:40px; border:3px solid #186ae1; background:#186ae1; border-radius:8px; font:6px "Microsoft YaHei UI"; text-align:center; line-height:40xp; overflow:hidden; color:#fff; line-height:40px; margin:0 auto;}.about dd span a:hover{ border:3px dashed #186ae1; background:none;}.link{ position:relative; margin-top:-100px; z-index:5;}.link p{ width:800px; margin-left:20px; font:14px "Microsoft YaHei UI"; line-height:32px; color:#a4a4a4;}.link p a{ display:inline-block;color:#a4a4a4; padding-right:30px;}.link p a:hover{font-weight:bold; color:#186ae1;}@-webkit-keyframes spin{  from {    -webkit-transform: rotate(0deg);    transform: rotate(0deg);  }  50% {    -webkit-transform: rotate(180deg);    transform: rotate(180deg);  }  to {    -webkit-transform: rotate(360deg);    transform: rotate(360deg);  }}@keyframes spin {  from {    -webkit-transform: rotate(0deg);    transform: rotate(0deg);  }  50% {    -webkit-transform: rotate(180deg);    transform: rotate(180deg);  }  to {    -webkit-transform: rotate(360deg);    transform: rotate(360deg);  }}/*animation*/@-webkit-keyframes hvr-buzz-out {  10% {    -webkit-transform: translateX(3px) rotate(2deg);    transform: translateX(3px) rotate(2deg);  }  20% {    -webkit-transform: translateX(-3px) rotate(-2deg);    transform: translateX(-3px) rotate(-2deg);  }  30% {    -webkit-transform: translateX(3px) rotate(2deg);    transform: translateX(3px) rotate(2deg);  }  40% {    -webkit-transform: translateX(-3px) rotate(-2deg);    transform: translateX(-3px) rotate(-2deg);  }  50% {    -webkit-transform: translateX(2px) rotate(1deg);    transform: translateX(2px) rotate(1deg);  }  60% {    -webkit-transform: translateX(-2px) rotate(-1deg);    transform: translateX(-2px) rotate(-1deg);  }  70% {    -webkit-transform: translateX(2px) rotate(1deg);    transform: translateX(2px) rotate(1deg);  }  80% {    -webkit-transform: translateX(-2px) rotate(-1deg);    transform: translateX(-2px) rotate(-1deg);  }  90% {    -webkit-transform: translateX(1px) rotate(0);    transform: translateX(1px) rotate(0);  }  100% {    -webkit-transform: translateX(-1px) rotate(0);    transform: translateX(-1px) rotate(0);  }}@keyframes hvr-buzz-out {  10% {    -webkit-transform: translateX(3px) rotate(2deg);    transform: translateX(3px) rotate(2deg);  }  20% {    -webkit-transform: translateX(-3px) rotate(-2deg);    transform: translateX(-3px) rotate(-2deg);  }  30% {    -webkit-transform: translateX(3px) rotate(2deg);    transform: translateX(3px) rotate(2deg);  }  40% {    -webkit-transform: translateX(-3px) rotate(-2deg);    transform: translateX(-3px) rotate(-2deg);  }  50% {    -webkit-transform: translateX(2px) rotate(1deg);    transform: translateX(2px) rotate(1deg);  }  60% {    -webkit-transform: translateX(-2px) rotate(-1deg);    transform: translateX(-2px) rotate(-1deg);  }  70% {    -webkit-transform: translateX(2px) rotate(1deg);    transform: translateX(2px) rotate(1deg);  }  80% {    -webkit-transform: translateX(-2px) rotate(-1deg);    transform: translateX(-2px) rotate(-1deg);  }  90% {    -webkit-transform: translateX(1px) rotate(0);    transform: translateX(1px) rotate(0);  }  100% {    -webkit-transform: translateX(-1px) rotate(0);    transform: translateX(-1px) rotate(0);  }}/*产品中心*/.wzbox{max-width: 1200px; margin: 0 auto;margin-top: 25px;}.axal_tit{ padding-top: 20px;}.axal_tit{text-align: center; padding-top: 90px;}.axal_tit h2{ color: #0079d5; font-size: 32px;  font-family: color1; line-height: 64px; }.axal_tit p{font-size: 30px;color: #646464;}.cpzx_tit{padding-top: 30px;background: url(../images/a6.png) left 94px;	background-repeat: repeat-x;	 height: 72px; }.cpzx_tit ul{text-align: center;}.cpzx_tit li{display: inline-block;*display: inline;}.cpzx_tit a{display: inline-block;*display: inline; height: 71px;}.cpzx_tit span{display: inline-block;*display: inline; line-height: 30px; padding: 0 15px; font-size: 16px;color: #969696;-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius:6px;}.cpzx_tit .hover_b a span{background: #0079d5;color: #fff;}.cpzx_tit .hover_b a {background: url(../images/a5.png) no-repeat bottom center;}.cpzx_tit a:hover span{background: #0079d5;color: #fff;}.cpzx_tit a:hover {background: url(../images/a5.png) no-repeat bottom center;}.cpzx_box{width:380px}.cpzx_tp{width:380px; height: 280px;position: relative; overflow: hidden;}.cpzx_tp img{width:380px;}.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }.img2:hover { transform: scale(1.2);-webkit-transform: scale(1.2); -moz-transform: scale(1.2);-o-transform: scale(1.2); -ms-transform: scale(1.2); }.cpzx_tp span{display: block; width:31px; height: 38px; position: absolute;top:27px; right:17px; z-index: 1;}.cpzx_box p{transition: All 0.4s ease-in-out;font-size: 16px; color: #969696; line-height: 66px; border-bottom: 1px solid #646464;}.qh2 a:hover p span{display: none;}.qh2 a:hover p{text-align: center;color: #fff;background: #0079d5; border-bottom: 1px solid #0079d5;}.cptpxq a:hover p span{display: none;}.cptpxq a:hover p{text-align: center;color: #fff;background: #0079d5; border-bottom: 1px solid #0079d5;}.cpzx_nr ul{overflow: hidden;}.cpzx_nr li{float: left; padding: 0 30px 85px 0;}.cpzx_nr ul li:nth-child(3){padding-right: 0;}.cpzx_nr ul li:nth-child(6){padding-right: 0;}.cpzx_nr ul li:nth-child(9){padding-right: 0;}.cpzx_nr ul li:nth-child(12){padding-right: 0;}.cpzx_nr ul li:nth-child(15){padding-right: 0;}