@font-face {
  font-family: 'iconfont';  /* Project id 1264008 */
  src: url('//at.alicdn.com/t/c/font_1264008_zs0e2nczbcc.woff2?t=1748245430035') format('woff2'),
       url('//at.alicdn.com/t/c/font_1264008_zs0e2nczbcc.woff?t=1748245430035') format('woff'),
       url('//at.alicdn.com/t/c/font_1264008_zs0e2nczbcc.ttf?t=1748245430035') format('truetype');
}
.iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
/*-----  Global  ----*/
*{margin:0px;padding:0px; border-width:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-size:14px; font-family:"Microsoft YaHei";}
a,a:visited{text-decoration:none;color:#555;}
a:hover,a:active{text-decoration:none;color:#555;}
ul li{list-style:none;}
.clear{clear:both;overflow:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
*html .clearfix {zoom:1;}

::-webkit-input-placeholder
{color:#666;}
:-moz-placeholder
{color:#666;}
::-moz-placeholder
{color:#666;}
:-ms-input-placeholder
{color:#666;}
.container{width:1600px;margin:0 auto;}
@media screen and (max-width:1699px){
  .container{width:1400px;}
}
@media screen and (max-width:1499px){
  .container{width:1200px;}
}
@media screen and (max-width:1199px){
	.container{width:994px;}
}
@media screen and (max-width:1023px){
	.container{width:738px;}
}
@media screen and (max-width:767px){
	.container{width:calc(100% - 30px);}
}
.positionimg img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.positionimg img.img_way{object-fit:contain;}
.scale_img:hover img{
    -webkit-transform:scale(1.05);
       -moz-transform:scale(1.05);
         -o-transform:scale(1.05);
            transform:scale(1.05);
}
.pb_btn{display:block;position:relative;z-index:1;}
.pb_btn:before{content:'';position:absolute;left:0;top:0;width:0;height:100%;z-index:-1;}
.pb_btn:hover:before{width:100%;}
.font_inline{font-size:0;-webkit-text-size-adjust:none;}
.de3,.de3:before{
    -webkit-transition:all 0.3s ease-in-out;
       -moz-transition:all 0.3s ease-in-out;
         -o-transition:all 0.3s ease-in-out;
            transition:all 0.3s ease-in-out;}
.de5,.de5:before{
    -webkit-transition:all 0.5s ease-in-out;
       -moz-transition:all 0.5s ease-in-out;
         -o-transition:all 0.5s ease-in-out;
            transition:all 0.5s ease-in-out;}
.de7,.de7:before{
    -webkit-transition:all 0.7s ease-in-out;
       -moz-transition:all 0.7s ease-in-out;
         -o-transition:all 0.7s ease-in-out;
            transition:all 0.7s ease-in-out;}
.tlx{-webkit-transform:translateX(-50%);
       -moz-transform:translateX(-50%);
         -o-transform:translateX(-50%);
            transform:translateX(-50%);}
.tly{-webkit-transform:translateY(-50%);
       -moz-transform:translateY(-50%);
         -o-transform:translateY(-50%);
            transform:translateY(-50%);}
.tl{-webkit-transform:translate(-50%,-50%);
       -moz-transform:translate(-50%,-50%);
         -o-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);}
.fl{ float: left;}
.fr{ float: right ;}
/*图片特效*/
.white{position: relative;overflow: hidden;}
.white:after{content: '';cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));transform: skewx(-25deg);}
.white:hover:after{left: 100%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;}            
/*top*/
.topbg{height:115px; border-top: 3px solid #0070c0;}
.top{width:100%;z-index:9999999;background:#FFF;position:relative;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);
     -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);
       -o-box-shadow:0 1px 3px rgba(0,0,0,0.2);
          box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.top .logo{ position: relative; width:400px;float:left;margin:20px 0 10px;height:70px;display:block;overflow:hidden;text-indent:-1000em;font-size:14px;color:#fff;}
.top .logo::before{content: "";position: absolute;left: -800px;top: -460px;width: 400px;height: 15px;background-color: rgba(255, 255, 255, .4);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: searchLights 1.5s ease-in 1.5s infinite;-o-animation: searchLights 1.5s ease-in 1.5s infinite;animation: searchLights 1.5s ease-in 1.5s infinite;}
@-webkit-keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
@-o-keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
@-moz-keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
@keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
.top .t_right{float:right;position:relative;}
/*nav*/
.pcnav{float:left;}
.pcnav .f_nav{width:100%;}
.pcnav .f_nav .f_li{float:left;position:relative;}
.pcnav .f_nav .f_li .f_n{position:relative;overflow:hidden;}
.pcnav .f_nav .f_li .f_n:before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height:3px;opacity:0;background:#0070c0;}
.pcnav .f_nav .f_li .f_n a{display:inline-block;height:115px;line-height:115px;width:100%;color:#333;font-size:17px;text-align:center;padding:0 28px;position:relative;}
.pcnav .f_nav .f_li .f_n a:after{content:attr(data-title);position:absolute;width:100%;height:100%;left:0;top:0;transform:translateY(-100%);color:#0070c0;font-weight:bold;}
.pcnav .s_nav{position:absolute;left:0;min-width:100%;background:#FFF;display:none;z-index:10;}
.pcnav .s_nav a{display:block;height:46px;line-height:46px;color:#76838F; padding: 0 10px; border-bottom:1px solid #CCC;white-space:nowrap;font-size:14px;box-sizing:border-box;text-align:center;}
.pcnav .s_nav a:hover{background:#DDD;}
.pcnav .f_nav .f_li:hover .f_n:before,.pcnav .f_nav .f_li.on .f_n:before{width:100%;opacity:1;}
.pcnav .f_nav .f_li:hover .f_n a,.pcnav .f_nav .f_li.on .f_n a{transform:translateY(100%);}
.pcnav .f_nav .f_li:hover .s_nav{height:auto;opacity:1;background:#F2F2F2;}
.top .t_right .t_r{float:right;position:relative;margin-top:39px;}
.top .t_right .t_r .a_span{width:38px;height:35px;background-repeat:no-repeat;background-position:center center;display:block;float:left;cursor:pointer;background-color:#0070c0;margin-left:7px;border-radius:50%;}
.top .t_right .t_r .a_span:first-child{margin-left:0;}
.top .t_right .t_r .a_span.icon1{background-image:url(../image/top_icon1.png);}
.top .t_right .t_r .a_span.icon2{background-image:url(../image/top_icon2.png);}
.top .t_right .t_r .a_phone{position:absolute;right:30px;top:50px;background:#0070c0;color:#FFF;height:40px;line-height:40px;padding:0 18px;opacity:0;border-radius:5px;z-index:-1;white-space:nowrap;}
.top .t_right .t_r .ts_c{background:#FFF;padding:6px 10px;position:absolute;width:320px;right:40px;top:50px;box-shadow:0px 3px 13px 0px rgba(0,0,0,.2);border:1px solid #dedede;border-radius:2px;display:none;-webkit-animation: avia_pop 0.3s 1 cubic-bezier(0.175,0.885,0.320,1.275);
    animation: avia_pop 0.3s 1 cubic-bezier(0.175,0.885,0.320,1.275);}

.top .t_right .t_r .ts_c input{width:calc(100% - 42px);float:left;background:#F8F8F8;height:42px;line-height:42px;outline:none;padding:0 6px;}
.top .t_right .t_r .ts_c input::-webkit-input-placeholder{color:#666;}
.top .t_right .t_r .ts_c input:-moz-placeholder{color:#666;}
.top .t_right .t_r .ts_c input::-moz-placeholder{color:#666;}
.top .t_right .t_r .ts_c input:-ms-input-placeholder{color:#666;}
.top .t_right .t_r .ts_c .ts_btn{width:42px;height:42px;background:url(../image/top_icon1.png) no-repeat center center #0070c0;float:right;cursor:pointer;}
.top .t_right .t_r .ts_c .ts_p{margin-top:8px;font-size:0;-webkit-text-size-adjust:none;}
.top .t_right .t_r .ts_c .ts_p .ts_span{font-size:12px;height:24px;line-height:24px;display:inline-block;margin-right:6px;}
.top .t_right .t_r .a_span.icon2:hover+.a_phone{right:0;opacity:1;z-index:1;}
@-webkit-keyframes avia_pop{0%{-webkit-transform:scale(0.8)} 100%{-webkit-transform:scale(1)}}@keyframes avia_pop{0%{transform:scale(0.8)} 100%{transform:scale(1)}}
.topfix{position:fixed;left:0;top:0;}
/*mobilehead*/
.top .nav{float:right;display:none;}
.top .nav_bg{display:none;position:fixed;top:70px;left:0;z-index:989;width:100%;height:calc(100% - 70px);background:rgba(0, 0, 0, 0.6);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;}
.top .nav .nav_box{display:none;position:absolute;top:70px;left:0;z-index:991;width:100%;overflow:auto;border-top:1px solid #eee;background:#fff;box-sizing:border-box;}
.top .nav .nav_one>li{border-bottom:1px solid #eee;padding:0 10px;}
.top .nav .nav_one>li>span{height:42px;line-height:42px;font-size:15px;}
.top .nav .nav_one>li>span>a{display:block;position:relative;width:calc(100% - 150px);height:52px;box-sizing:border-box;font-size:17px;color:#666;line-height:52px;float:left;text-transform: uppercase;}
.top .nav .nav_one>li>span>i{float:right;display:block;width:150px;height:42px;}
.top .nav .nav_one>li>span>i>em{float:right;width:42px;height:42px;background:url(../image/ea6b27229739.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;display:block;}
.top .nav .nav_one>li>span>i>em.on{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.top .nav .nav_one>li .mob_tit{font-size:16px;height:40px;line-height:40px;}
.top .nav .nav_one>li>ul{display:none;padding:5px 0 10px;}
.top .nav .nav_one>li>ul>li{height:36px;line-height:36px;text-indent:20px;}
.top .nav .nav_one>li>ul>li.li1{font-size:16px;height:40px;line-height:40px;font-weight:bold;margin-top:15px;}
.top .nav .nav_one>li>ul>li.li2{margin-top:0;}
.top .nav .nav_one>li>ul>li>a{font-size:15px;color:#666;width:100%;height:100%;display:block;}
.top .nav .nav_one>li>ul>li.li1>a{font-size:16px;height:40px;line-height:40px;font-weight:bold;color:#000;}
.top .nav .push-nav{display:block;position:relative;z-index:998;width:54px;height:50px;font-size:0;margin-top:10px;border-radius:5px;}
.top .nav .push-nav .nav-toggle{display:block;position:absolute;left:50%;top:50%;border:0;border-radius:4px;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.top .nav .push-nav.on .nav-toggle{margin-left:-4px;}
.top .nav .push-nav .nav-toggle span{display:block;position:relative;z-index:1;width:37px;height:2px;margin:0 0 10px auto;background:#0070c0;border-radius:3px;-webkit-transform-origin:35px;transform-origin:35px;-webkit-transition:all .5s;transition:all .5s;}
.top .nav .push-nav .nav-toggle span:last-child{margin-bottom:0;}
.top .nav .push-nav.on .nav-toggle span{ opacity:1;}
.top .nav .push-nav.on .nav-toggle span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.top .nav .push-nav.on .nav-toggle span:nth-child(2){-webkit-transform:scale(0);transform:scale(0);}
.top .nav .push-nav.on .nav-toggle span:nth-child(1){-webkit-transform:rotate(-45deg);transform: rotate(-45deg);}
.top .nav .nav_contact{position:relative;border-top:1px solid #eee;color:#666;}
.top .nav .nav_contact .nav_txt{width:100%;}
.top .nav .nav_contact .nav_txt span{height:42px;line-height:42px;display:block;float:left;position:relative;text-indent:15px;margin-left:10px;font-size:15px;}
.top .nav .nav_contact .nav_txt span a{color:#666;}
.top .nav .nav_contact .nav_txt span.sitemapicon{background:url(../image/mobilesitemap.png) no-repeat left center;background-size:auto 15px;}
.top .nav .nav_contact .nav_txt span.topphoneicon{background:url(../image/mobilephone.png) no-repeat left center;background-size:auto 15px;}
.top .nav .nav_contact .nav_txt span.topemailicon{background:url(../image/mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;}
@media screen and (max-width:1699px){
  .topbg{height:109px;}
  .top .logo{width:300px;height:59px;margin:25px 0;}
  .pcnav .f_nav .f_li .f_n a{height:109px;line-height:109px;font-size:16px;padding:0 20px;}
  .pcnav .s_nav a{font-size:14px;height:44px;line-height:44px;}
  .top .t_right .t_r{margin-top:37px;}
}
@media screen and (max-width:1499px){
  .container{width:1200px;}
  .topbg{height:92px;}
  .top .logo{width:281px;height:52px;margin:20px 0;}
  .pcnav .f_nav .f_li .f_n a{height:92px;line-height:92px;font-size:16px;padding:0 12px;}
  .top .t_right .t_r{margin-top:29px;}
}
@media screen and (max-width:1199px){
	.container{width:994px;}
  .topbg{height:74px;}
  .top .logo{width:222px;height:44px;margin:15px 0;}
  .pcnav .f_nav .f_li .f_n a{height:74px;line-height:74px;padding:0 8px;}
  .top .t_right .t_r{margin-top:20px;}
}
@media screen and (max-width:1023px){
	.container{width:738px;}
	.topbg{height:70px;}
	.top .container{width:calc(100% - 30px);}
	.top .logo{margin:13px 0;}
	.top .t_right{display:none;}
	.top .nav{display:block;}
}
@media screen and (max-width:767px){
	.container{width:calc(100% - 30px);}
  .top .logo{width:calc(100% - 120px);}
}


/*flash*/
.index_banner{width:100%;height:0;padding-bottom:763px;position:relative;overflow:hidden;z-index:9;}
.index_banner .swiper-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;}
.index_banner .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.index_banner.swiper-container-horizontal .swiper-pagination{bottom:43px;font-size:0;-webkit-text-size-adjust:none;}
.index_banner .swiper-pagination-bullet{opacity:1;width:26px;height:26px;margin:0 2px!important;position:relative;background-image:url(../image/flash_icon.png);background-size:auto;background-color:transparent;}
.index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-image:url(../image/flash_hover.png);}
.index_banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .index_banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ display: none;}
.index_banner:hover .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .index_banner:hover .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ display: block; padding: 40px 25px; background-color: #00000026;;}
@media screen and (max-width:1699px){
  .index_banner{padding-bottom:661px;}
  .index_banner.swiper-container-horizontal .swiper-pagination{bottom:35px;}
}
@media screen and (max-width:1499px){
  .index_banner{padding-bottom:560px;}
  .index_banner.swiper-container-horizontal .swiper-pagination{bottom:22px;}
  .index_banner .swiper-pagination-bullet{width:20px;height:20px;background-size:100% 100%;}
}
@media screen and (max-width:1199px){
  .index_banner{padding-bottom:480px;}
  .index_banner.swiper-container-horizontal .swiper-pagination{bottom:16px;}
  .index_banner .swiper-pagination-bullet{width:16px;height:16px;background-size:100% 100%;}
}
@media screen and (max-width:1023px){
  .index_banner{padding-bottom:360px;}
  .index_banner.swiper-container-horizontal .swiper-pagination{bottom:15px;}
}
@media screen and (max-width:767px){
  .index_banner{padding-bottom:47%;}
  .index_banner.swiper-container-horizontal .swiper-pagination{bottom:10px;}
}

/*pb_title*/
.pb_title{text-align:center;position:relative;padding-top:51px;}
.pb_title i{display:block;position:absolute;left:0;top:0;width:100%;text-align:center;font-size:57px;height:1em;line-height:1em;color:rgba(3,0,0,.2);font-family:Impact;font-style:normal;text-transform:uppercase;}
.pb_title .h_t{font-size:48px;color:#323232;height:58px;line-height:58px;position:relative;font-weight:bold;display:inline-block; top: -30px; letter-spacing: 2px;}
.h_tlt1{width:100%;text-align:center;font-size:0;margin-bottom:30px;}
.h_tlt1 p{display:inline-block;vertical-align:middle;color:#0070c0;font-size:44px;text-transform:uppercase;font-family: 'Barlow-Bold',Microsoft Yahei,Arial;font-weight:bold;margin-right:15px;height:70px;line-height:70px;}
.h_tlt1 span{display:inline-block;vertical-align:middle;font-size:40px;color:#191919;text-align:center;height:70px;line-height:70px;}
.h_tlt1 em{display:block;font-size:16px;color:#999;height:24px;line-height:24px;margin-top:10px;text-align:center;font-style:normal;}
.bttitle{ font-size:48px; font-weight:bold; color:#222; text-align:center; display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.bttitle em{ display: inline-block; width:69px; height:8px; background:url(../image/indbtico.png) center no-repeat; margin:0 23px; background-size:100%;}
.bttitle em:nth-of-type(2){ transform: rotate(-180deg);}
.fbttitle{ text-align: center; font-size: 15px; color: #999; line-height: 1.4;}
@media screen and (max-width:1699px){
  .pb_title{padding-top:47px;}
  .pb_title i{font-size:50px;}
  .pb_title .h_t{font-size:40px;height:50px;line-height:50px;}
  .pb_title p{font-size:15px;height:24px;line-height:24px;margin-top:8px;}
}
@media screen and (max-width:1499px){
  .pb_title{padding-top:36px;}
  .pb_title i{font-size:40px;}
  .pb_title .h_t{font-size:30px;height:40px;line-height:40px;}
  .bttitle{ font-size:40px;}
}
@media screen and (max-width:1199px){
  .pb_title{padding-top:24px;}
  .pb_title i{font-size:30px;}
  .pb_title .h_t{top:-10px;height:30px;line-height:30px;}
  .h_tlt1{margin-bottom:20px;}
	.h_tlt1 p{font-size: 34px;height:50px;line-height:50px;}
	.h_tlt1 span{font-size:24px;height:50px;line-height:50px;}
  .bttitle{ font-size:36px;}
	.bttitle em{ width:60px; height:7px;}
}
@media screen and (max-width:767px){
  .pb_title{padding-top:18px;}
  .pb_title i{font-size:20px;height:20px;line-height:20px;}
  .h_tlt1{margin-bottom:15px;}
  .h_tlt1 p{font-size:28px;}
  .h_tlt1 span{font-size:26px;}
  .h_tlt1 em{margin-top:3px;}
  .bttitle{ font-size:28px;}
	.bttitle em{ width:50px; height:6px; margin:0 10px;}
}

/* ys */
.sec-title{text-align: center;padding: 40px 0;height: 40px;position: relative;}
.sec-title h2{font-size: 35px;color: #252525;font-weight: bold;}
.sec-title h2 span{color: #0070c0;}
.sec-title p{font-size: 16px;margin-top: 10px;}
.ys{height: auto; overflow: hidden; padding: 60px 0px 120px 0;}
.ys .content{margin-top: 80px;display: flex; justify-content: space-between;}
.ys .content dl{display: inline-block; margin-right: 14px;width: 25%; border: 1px solid #cccccc;padding: 30px 20px 30px 39px; cursor: pointer;}
@media (max-width: 1440px){.ys .content dl{ padding: 10px;}}
.ys .content dl:last-child{margin-right: 0;}
.ys .content dl:hover{color: #0070c0; border: 1px solid #0070c0;}
.ys .content dl dt{float: left;}
.ys .content dl dd{float: right;margin-top: 20px;}
.ys .content dl dd img{ width: 66px; height: auto; transition: ease .5s;}
.ys .content dl:hover dd img{ transform: rotateY(180deg);}
.ys .content dl dt h3{font-size: 20px;font-weight: bold;color: #333;}
.ys .content dl dt p{line-height: 35px;}
.ys .content dl dt .more{width: 90px;height: 28px;display: block;line-height: 28px;text-align: center;background: #0070c0;border-radius: 5px;margin-top: 15px;}
.ys .content dl dt .more a{color: #FFF;width: 90px;height: 28px;display: block;border-radius: 5px;}
.ys .content dl:hover h3{color: #0070c0;}
@media screen and (max-width:1299px){
  .ys .content dl dd{ display: none;}
}
@media (max-width: 768px){ 
  .sec-title{ padding: 20px 0; height: auto;}
  .sec-title h2{ font-size: 20px;}
  .sec-title p{ font-size: 15px;}
  .ys{padding-bottom: 40px;}
  .ys .content{ display: block; margin-top: 20px;}
  .ys .content dl{ width: 100%; padding: 20px; margin-bottom: 20px;}
  .ys .content dl dd{ display: block;}
}

/*syproduct*/
.syproduct .pro_shipin{ width:100%; height: 900px; bottom: 0;left: 0; overflow: hidden; right: 0;top: 0;position:relative;background: #69b5eb;}
.syproduct .pro_shipin video{ height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%;}
.syproduct .pro_nr{ width:100%;box-sizing: border-box;  z-index:999999;left: 0;top:50px;position: absolute;min-height: 100%;}
.syproduct .pro_nr .bttitle{ color: #0070c0;}

.indPro_mulu {margin:40px 0 80px;text-align:center;max-height:60px;overflow:hidden;}
.indPro_mulu a{display:inline-block;height: 60px;line-height:60px;margin-right:1.3%;text-align:center;color:#222;font-size: 18px;background: #f6f6f6;padding:0 1.5%; border-radius:30px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;transition: all .4s ease;}
.indPro_mulu a:nth-child(4n){margin-right:0;}
.indPro_mulu a:hover{background: #0070c0;color:#fff; font-weight:bold;}
.indPro_mulu a.on{background: #0070c0;color:#fff;font-weight:bold;}

.pro_nr .prolist{ width:100%; overflow:hidden; position:relative; padding-bottom:84px; min-height:300px;}
.pro_nr .prolist li{ width: auto; float: none; background: #fff;border: 1px solid #e6e6e6;padding: 9px 9px 18px; border-radius: 15px; transition: all .4s ease;}
.pro_nr .prolist li:hover{background:#0070c0;border: 1px solid #0070c0;}
.pro_nr .prolist li .pic{ display:block; width:100%; height:0; padding-bottom:100%; border-radius:12px; overflow:hidden; position:relative; background:#fff;}
.pro_nr .prolist li .pic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transition: all .4s ease;}
.pro_nr .prolist li:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.pro_nr .prolist li .text{ padding:0 15px;}
.pro_nr .prolist li .text .name{ font-size:18px; font-weight:bold; color:#333; margin:15px 0 5px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block; transition: all .4s ease;}
.pro_nr .prolist li:hover .text .name{ color:#fff;}
.pro_nr .prolist li .text .more{ display:block; width:100%; font-size:14px; color:#999;display:flex; display: -webkit-flex;  align-items:center;transition: all .4s ease;}
.pro_nr .prolist li:hover .text .more{ color:#2b9865;}
.pro_nr .prolist li .text .more i{ width:70%; height:1px; background:#fff; margin-right:18px;transition: all .4s ease;}
.pro_nr .prolist li:hover .text .more i{background:#2b9865;}

.pro_nr .probtn{ width:100%;position: absolute;bottom: 0;}
.pro_nr .probtn .cpzxmore{ display:block; width:160px; height:36px; line-height:36px; border-radius:20px; text-align:center; color:#fff;background:#0070c0; font-size:16px; position:absolute; right:55px; bottom:0;transition: all .4s ease;}
.pro_nr .probtn .cpzxmore:hover{background: #2b9865;color: #fff;}
.pro_nr .probtn .swiper-button-next, .pro_nr .probtn .swiper-button-prev{ width:36px; height:36px; border-radius:50%; border:1px solid #fff;background:url(../image/jt03.png) center no-repeat; background-size:8px 14px; top:auto; bottom:0;}
.pro_nr .probtn .swiper-button-prev{ left:auto; transition: all .4s ease;right:236px;}
.pro_nr .probtn .swiper-button-next{ transform:rotate(180deg); right:0; transition: all .4s ease;}
.pro_nr .probtn .swiper-button-prev:hover{border:1px solid #0070c0; background:#0070c0 url(../image/jt04.png) center no-repeat;background-size:8px 14px;}
.pro_nr .probtn .swiper-button-next:hover{border:1px solid #0070c0; background:#0070c0 url(../image/jt04.png) center no-repeat;background-size:8px 14px;}
@media screen and (max-width:1699px){
  .syproduct .pro_shipin{height: 860px;}
}
@media screen and (max-width:1499px){
  .syproduct .pro_shipin{height: 780px;}
	.indPro_mulu{ margin:30px 0; max-height:50px;}
	.indPro_mulu a{height:50px; line-height:50px;}
}
@media screen and (max-width:1199px){
  .syproduct .pro_shipin{height: 720px;}
  .indPro_mulu a{width:23.5%;}
	.indPro_mulu a:nth-child(4n){margin-right:0;}
	.indPro_mulu a:nth-child(6n){margin-right:2%;}
}
@media screen and (max-width:1023px){
  .syproduct .pro_shipin{height: 710px;}
  .indPro_mulu{max-height:50px;margin:30px 0;}
	.indPro_mulu a{padding:0 1%;width: 20%;font-size: 15px;height:48px;line-height:48px;}
}
@media screen and (max-width:767px){
  .syproduct .pro_shipin{height: 650px;}
  .indPro_mulu{max-height:88px;height:auto;}
	.indPro_mulu{margin:20px 0;}
	.indPro_mulu a{width: 40%;height:40px;line-height:40px;font-size: 14px;margin-right: 2%;margin-bottom:5px;padding: 0 10px;}
	.indPro_mulu a:nth-child(2n){margin-right:0;}
}

/*h_about*/
.h_about{position:relative;width:100%; overflow:hidden; margin:80px 0 0;}
.h_about .l {width:48%;float:left;}
.h_about .l .h_tlt1{text-align:left;margin-bottom:10px;}
.h_about .l .gsby{font-size:16px;color:#999;height:24px;line-height:24px;margin-bottom:15px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.h_about .l .gsmc{color:#0070c0;font-size:1.786em;font-weight:bold;margin-bottom:30px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.h_about .l .gscon{min-height:150px;text-indent: 2em;overflow:hidden;margin-bottom:40px;line-height:2em;font-size:17px; text-align: justify;}
.h_about .l .more{display:block;width:120px;height:38px;line-height:38px;text-align:center;padding:0 10px; border-radius: 10px; border:1px solid #dedede;color:#555;font-size:16px;margin:0 0;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.h_about .l .more:hover{background:#0070c0;color:#fff;border:1px solid #0070c0;}

.h_about .r{width:48%;float:right;}
.h_about .r .settingBig{overflow:hidden;height:550px;margin-bottom:1px;}
.h_about .r .settingBig .bgImg{display:block;width:100%;height:100%;}
.h_about .r .settingBig .bgImg img{width:100%;height:100%;object-fit: cover;border-top-left-radius: 20px; border-top-right-radius: 20px;}
.h_about .r .settingSmall{margin-right:-1px;}
.h_about .r .settingSmall li{float:left;width:25%;height:120px;padding-right:1px;text-align:center;font-size:1.429em;line-height:120px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.h_about .r .settingSmall li a{color:#fff;z-index:2;display:block;width:100%;height:100%;}
.h_about .r .settingSmall li a img{width:100%;height:100%;object-fit: cover;}
.h_about .r .settingSmall li a::after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;opacity:0;z-index:-1;border:5px solid #0070c0;transition:all .3s;}
.h_about .r .settingSmall .on a::after{opacity:.8;z-index:99;}
.h_about .r .settingSmall li.more a::after{background:#000;opacity:.8;border-color:#000;}
.h_about .r .settingSmall li.more p{font-size:14px;line-height:2;padding-top:35px;}
.h_about .r .settingSmall li.more i{display:block;font-style:normal;}
.h_about .r .settingSmall li.more:hover a::after{opacity:.9;} 
.h_about .gssj{position:absolute;bottom:0;width:40%;display: flex;color:#fff;flex-flow:row wrap;justify-content: space-between;height:120px;}
.h_about .gssj .data { padding:20px 0;}
.h_about .gssj p{font-size:34px;font-weight:bold;color:#fff;padding-top:30px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.h_about .gssj img { display:block; width:48px; height:48px; overflow:hidden; margin:0 auto; padding:0;transition: transform 0.5s ease-in-out;}
.h_about .gssj img:hover { animation: swing 1s ease-in-out infinite alternate;}
.h_about .gssj span{display:block;font-size:15px;color:#fff;margin-top:10px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap; text-align:center;}
.h_about::after{content:"";display:block;position: absolute;left:0;bottom:0;background:#0070c0;width:100%;height:120px;z-index:-1;}
@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}
@keyframes swing {
  0% { transform: rotate(-20deg); }
  100% { transform: rotate(20deg); }
}
@media screen and (max-width:1600px) {
}
@media screen and (max-width:1440px) {
}
@media screen and (max-width:1360px) {
	.h_about .l .gscon{font-size:16px;}
  .h_about .gssj span{font-size:14px;}
}
@media screen and (max-width:1280px) {
}
@media screen and (max-width:1200px) {
  .h_about_wrap{padding: 60px 0 40px;}
}
@media screen and (max-width:1080px) {
	.h_about{padding-bottom:130px;}
  .h_about .r .settingBig{height:320px;}
	.h_about .l .gsmc{font-size:22px;margin-bottom: 17px;}
	.h_about .l .gscon{font-size:16px;line-height:27px;margin-bottom: 20px;}
	.h_about::after{margin-left:0;}
	.h_about .gssj{bottom:-130px;z-index:99;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	.h_about .r .settingSmall li{height:76px;}
	.h_about .r .settingSmall li a::after{border: 3px solid #0070c0;}
}
@media screen and (max-width:767px) {
	.h_about_wrap{padding: 20px 0 20px;}
  .h_about .l{width:100%;margin-bottom:20px;}
  .h_about .r{width:100%;}
	.h_about .l .h_tlt1{margin-bottom:0;}
	.h_about .r .settingBig{height:240px;}
	.h_about .r .settingSmall li{height:60px;}
	.h_about .gssj .data{width:50%;margin-bottom:10px;}
	.h_about{padding-bottom:280px;}
	.h_about::after{height:260px;}
	.h_about .gssj p{padding-top:0;font-size: 24px;}
	.h_about .gssj{ width: 90%; bottom: 0;height:auto;}
}

/*youshi*/
.youshi{padding:100px 0;background:#f3f3f3;}
.youshi .ys_span{margin-top:45px;text-align:center;}
.youshi .ys_span .swiper-pagination{position:relative;}
.youshi .ys_span .swiper-pagination-bullet{width:auto;height:auto;opacity:1;background:transparent;margin-left:107px;outline:none;}
.youshi .ys_span .swiper-pagination-bullet:first-child{margin-left:0;}
.youshi .ys_span i{display:inline-block;width:88px;height:88px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;}
.youshi .ys_span i.icon1{background-image:url(../image/ys_icon1.png);}
.youshi .ys_span i.icon2{background-image:url(../image/ys_icon2.png);}
.youshi .ys_span i.icon3{background-image:url(../image/ys_icon3.png);}
.youshi .ys_span i.icon4{background-image:url(../image/ys_icon4.png);}
.youshi .ys_span i.icon5{background-image:url(../image/ys_icon5.png);}
.youshi .ys_span p{font-size:17px;height:27px;line-height:27px;font-weight:bold;color:#666;margin-top:11px;}
.youshi .ys_span em{display:inline-block;border-top:8px solid #0070c0;border-left:8px solid transparent;border-right:8px solid transparent;margin-top:10px;opacity:0;}
.youshi .ys_span .swiper-pagination-bullet.swiper-pagination-bullet-active p{ color: #0070c0;}
.youshi .ys_span .swiper-pagination-bullet.swiper-pagination-bullet-active em{opacity:1;}
.youshi .ys_ul{width:100%;overflow:hidden;padding:0 13.5%;margin-top:40px;position:relative;}
.youshi .ys_ul .swiper-slide{padding-bottom:10px;}
.youshi .ys_ul .ys_li{position:relative;}
.youshi .ys_ul .ys_li:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.59);position:absolute;left:0;top:0;z-index:2;}
.youshi .ys_ul .ys_left{width:50%;float:left;}
.youshi .ys_ul .ys_img{width:100%;padding-bottom:75%;position:relative;z-index:1;}
.youshi .ys_ul .ys_right{width:50%;height:100%;position:absolute;right:0;top:0;background:#FFF;
    box-shadow:2px 2px 5px rgba(0,0,0,.08);
    -webkit-box-shadow:2px 2px 5px rgba(0,0,0,.08);
    -moz-box-shadow:2px 2px 5px rgba(0,0,0,.08);
    -o-box-shadow:2px 2px 5px rgba(0,0,0,.08);
}
.youshi .ys_ul .ys_right .ys_txt{padding:0 15% 0 11%;position:absolute;top:50%;}
.youshi .ys_ul .ys_right .ys_txt .ys_title{}
.youshi .ys_ul .ys_right .ys_txt .ys_title .ys_num{display:inline-block;font-size:67px;height:67px;line-height:67px;color:#0070c0;font-family:Arial;font-weight:bold;}
.youshi .ys_ul .ys_right .ys_txt .ys_title .ys_p{display:inline-block;font-size:30px;height:54px;line-height:54px;color:#333333;font-weight:bold;vertical-align:bottom;}
.youshi .ys_ul .ys_right .ys_txt p{font-size:16px;line-height:32px;color:#666;}
.youshi .ys_ul .ys_right .ys_txt span{font-size:26px;height:1em;line-height:1em;font-weight:bold;color:#989898;font-family:Arial;font-weight:bold;margin-top:14px;text-transform:uppercase;}
.youshi .ys_ul .ys_right .ys_txt i{display:block;width:43px;height:2px;margin:29px 0 16px;background:#0070c0;}
.youshi .ys_ul .ys_right .ys_txt a{display:block;width:150px;height:52px;line-height:50px;margin-top:62px;border:1px solid #dcdcdc;font-size:14px;color:#999;text-align:center;font-style:normal;}
.youshi .ys_ul .swiper-slide.swiper-slide-active .ys_li:before{content:none;}
.youshi .ys_ul .swiper-slide.swiper-slide-active .ys_right .ys_img{display:none;}
.youshi .ys_ul .swiper-button-prev,.youshi .ys_ul .swiper-button-next{width:91px;height:56px;background-image:url(../image/ys_jiantou.png);background-size:100% 100%;margin-top:-28px;}
.youshi .ys_ul .swiper-button-prev{left:11.5%;}
.youshi .ys_ul .swiper-button-next{right:11.5%;
    transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);}

@media screen and (max-width:1699px){
    .youshi{padding:40px 0;}
    .youshi .ys_span{margin-top:30px;}
    .youshi .ys_span i{width:80px;height:80px;}
    .youshi .ys_span p{font-size:16px;height:26px;line-height:26px;margin-top:9px;}
    .youshi .ys_span em{margin-top:8px;}
    .youshi .ys_ul{margin-top:40px;}
    .youshi .ys_ul .ys_right .ys_txt{padding:0 12% 0 7%;}
    .youshi .ys_ul .ys_right .ys_txt .ys_title .ys_num{font-size:60px;height:60px;line-height:60px;}
    .youshi .ys_ul .ys_right .ys_txt .ys_title .ys_p{font-size:24px;height:44px;line-height:44px;}
    .youshi .ys_ul .ys_right .ys_txt span{font-size:20px;}
    .youshi .ys_ul .ys_right .ys_txt i{margin:20px 0 10px;}
    .youshi .ys_ul .ys_right .ys_txt p{font-size:15px;line-height:30px;}
    .youshi .ys_ul .ys_right .ys_txt a{margin-top:50px;height:46px;line-height:44px;width:140px;}
}
@media screen and (max-width:1499px){
    .youshi{padding:30px 0;}
    .youshi .ys_span{margin-top:20px;}
    .youshi .ys_span .swiper-pagination-bullet{margin-left:70px;}
    .youshi .ys_span i{width:70px;height:70px;}
    .youshi .ys_span p{font-size:14px;height:24px;line-height:24px;margin-top:6px;}
    .youshi .ys_span em{margin-top:5px;}
    .youshi .ys_ul{margin-top:22px;}
    .youshi .ys_ul .ys_right .ys_txt{padding:0 10% 0 4%;}
    .youshi .ys_ul .ys_right .ys_txt .ys_title .ys_num{font-size:50px;height:50px;line-height:50px;}
    .youshi .ys_ul .ys_right .ys_txt .ys_title .ys_p{font-size:20px;height:36px;line-height:36px;}
    .youshi .ys_ul .ys_right .ys_txt span{font-size:17px;}
    .youshi .ys_ul .ys_right .ys_txt i{margin:12px 0 6px;}
    .youshi .ys_ul .ys_right .ys_txt p{font-size:14px;line-height:26px;}
    .youshi .ys_ul .ys_right .ys_txt a{margin-top:30px;height:40px;line-height:38px;width:120px;}
    .youshi .ys_ul .swiper-button-prev, .youshi .ys_ul .swiper-button-next{width:70px;height:43px;margin-top:-22px;}
    .youshi .ys_ul .swiper-button-prev{left:10%;}
    .youshi .ys_ul .swiper-button-next{right:10%;}
}
@media screen and (max-width:1199px){
    .youshi{padding:20px 0;}
    .youshi .ys_span{margin-top:15px;}
    .youshi .ys_span .swiper-pagination-bullet{margin-left:40px;}
    .youshi .ys_span i{width:60px;height:60px;}
    .youshi .ys_span p{font-size:14px;height:24px;line-height:24px;margin-top:6px;}
    .youshi .ys_span em{margin-top:0;border-top-width:5px;border-left-width:5px;border-right-width:5px;}
    .youshi .ys_ul{margin-top:15px;padding:0 0;}
    .youshi .ys_ul .ys_right .ys_txt{padding:0 50px 0 15px;}
    .youshi .ys_ul .ys_right .ys_txt .ys_title .ys_num{font-size:50px;height:50px;line-height:50px;}
    .youshi .ys_ul .ys_right .ys_txt .ys_title .ys_p{font-size:20px;height:36px;line-height:36px;}
    .youshi .ys_ul .ys_right .ys_txt span{font-size:17px;}
    .youshi .ys_ul .ys_right .ys_txt i{margin:12px 0 6px;}
    .youshi .ys_ul .ys_right .ys_txt p{font-size:14px;line-height:26px;}
    .youshi .ys_ul .ys_right .ys_txt a{margin-top:30px;height:40px;line-height:38px;width:120px;}
    .youshi .ys_ul .swiper-button-prev, .youshi .ys_ul .swiper-button-next{width:40px;height:25px;margin-top:-13px;}
    .youshi .ys_ul .swiper-button-prev{left:0;}
    .youshi .ys_ul .swiper-button-next{right:0;}
}
@media screen and (max-width:1023px){
    .youshi .ys_ul .ys_right .ys_txt a{margin-top:15px;}
}
@media screen and (max-width:767px){
    .youshi{ padding-top: 50px;}
    .youshi .ys_span{margin-top:10px;}
    .youshi .ys_span .swiper-pagination-bullet{margin-left:0;width:20%;border-radius:0;}
    .youshi .ys_span i{display:none;}
    .youshi .ys_span p{margin-top:0;font-weight:normal;background:#DFE2E5;border-right:1px solid #FFF;height:36px;line-height:36px;}
    .youshi .ys_span .swiper-pagination-bullet.swiper-pagination-bullet-active p{background:#0070c0;color:#FFF;}
    .youshi .ys_ul{margin-top:10px;}
    .youshi .ys_ul .ys_li:before{content:none;}
    .youshi .ys_ul .ys_left{width:100%;float:none;}
    .youshi .ys_ul .ys_right{width:100%;position:relative;}
    .youshi .ys_ul .ys_right .ys_img{display:none;}
    .youshi .ys_ul .ys_right .ys_txt{position:relative;top:0;padding:10px;}
    .youshi .ys_ul .ys_right .ys_txt.tly{ -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0);}
    .youshi .ys_ul .ys_right .ys_txt p:nth-of-type(1){height:104px;}
    .youshi .ys_ul .ys_right .ys_txt .ys_title .ys_num{font-size:30px;height:30px;line-height:30px;}
    .youshi .ys_ul .ys_right .ys_txt .ys_title .ys_p{font-size:18px;height:26px;line-height:26px;}
    .youshi .ys_ul .ys_right .ys_txt span{font-size:12px;}
}

/*service*/
.service{ padding: 80px 0; background: rgba(238, 238, 238, 1); position: relative; overflow: hidden;}
.service-content{margin: 45px 10px 50px; height: 300px; position: relative;overflow: hidden;}
.service-box{width: 1200px;margin: 0 auto;padding: 0 20px;position: relative;z-index: 2;}
.service-animation-bg{width: 100;z-index: 1;font-size: 0;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-animation: bgScroll 24s infinite linear;animation: bgScroll 24s infinite linear;will-change: transform;}
.service-animation-group{-webkit-box-sizing: border-box;box-sizing: border-box;;min-height: 280px;}
.service-item{ width: 23%; height: 150px; margin: 0 1% 1%; padding: 10px;border: 1px solid #e6e6e6; background: #fff; display: inline-block;}
.service-item img{ width: 100%; height: 100%; object-fit: contain;}
@-webkit-keyframes bgScroll{from{-webkit-transform: translateY(0);transform: translateY(0)}
to{-webkit-transform: translateY(-33.333%);transform: translateY(-33.333%)}}
@keyframes bgScroll{from{-webkit-transform: translateY(0);transform: translateY(0)}
to{-webkit-transform: translateY(-33.333%);transform: translateY(-33.333%)}}
.g-more a{position: relative; display: block; width:180px; height:40px; background:#0070c0; border-radius:20px; text-align: center; line-height: 40px; font-size: 16px; color:#fff; margin:0 auto 42px; overflow: hidden; z-index: 1;}
.g-more a:before{content:'';position:absolute;left:0;top:0;width:0;height:100%;z-index:-1; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.g-more a:hover:before{width: 100%; background: #2b9865;}

.ss_img{ height: 60px;}
.ss_img .waves{position: relative; width: 100%; height: 60px; min-height: 60px}
.parallax>use {animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite}
.parallax>use:nth-child(1) { animation-delay: -2s;animation-duration: 7s}
.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}
.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}
.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}
@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}100%{transform:translate3d(85px,0,0)}}
@media screen and (max-width:1699px){
  .service{ padding: 60px 0;}
}
@media screen and (max-width:1499px){
  .service-item{ height: 140px;}
}
@media screen and (max-width:1199px){
  .service-item{ height: 130px;}
}
@media screen and (max-width:1023px){
  .service-item{ height: 120px;}
}
@media screen and (max-width:767px){
  .service{ padding: 30px 0;}
  .service-item{ width: 48%; height: 100px; margin: 0 1% 2%;}
}

/* index-server */
.index-server{ background: url('../image/server.jpg') repeat center 10% / cover; padding: 50px 0;}
.index-server .bttitle{ color: #fff;}
.index-server-items{overflow: hidden;margin-bottom: 75px}
.index-server-items ul li{ padding-top: 50px; text-align: center;float: left;width: 12.5%;}
.index-server-items ul li .icon{width: 80px;height: 80px; background: #fff; border-radius: 50%; object-fit: scale-down;margin: 0 auto;display: block;transition: transform 0.5s ease-in-out;}
.index-server-items ul li:hover .icon{ animation: swing 1s ease-in-out infinite alternate;}
.index-server-items ul li p{line-height: 30px;padding: 15px 0 15px;color: #fff;text-align: center;font-size: 16px}
.index-server-items ul li .number{position: relative;}
.index-server-items ul li .number span{width: 35px;height: 35px;line-height: 35px;border-radius: 50%;display: inline-block;border: 1px solid #fff;color: #0070c0;background: #fff;transition: all 0.5s}
.index-server-items ul li .number::before, .index-server-items ul li .number::after{position: absolute;top: 50%;display: block;content: '';width: 35%;border-top: 1px dashed #808080;}
.index-server-items ul li:nth-child(1) .number::before{position: absolute;top: 50%;display: none;content: '';width: 35%;border-top: none}
.index-server-items ul li:nth-child(8) .number::after{position: absolute;top: 50%;display: none;content: '';width: 35%;border-top: none}
.index-server-items ul li:nth-child(9) .number::before{position: absolute;top: 50%;display: none;content: '';width: 35%;border-top: none}
.index-server-items ul li:nth-child(16) .number::after{position: absolute;top: 50%;display: none;content: '';width: 35%;border-top: none}
.index-server-items ul li .number::after{right: 0;}
.index-server-items ul li:hover .number span{background: #0070c0;color: #fff;border: 1px solid #0070c0;}
.index-server-items ul li:hover p{color: #0070c0}
@media screen and (max-width:767px){
  .index-server-items ul li{ width: 25%;}
  .index-server-items ul li:nth-child(1) .number::before{position: absolute;top: 50%;display: none;content: '';width: 35%;border-top: none}
  .index-server-items ul li:nth-child(4) .number::after{position: absolute;top: 50%;display: none;content: '';width: 35%;border-top: none}
  .index-server-items ul li:nth-child(5) .number::before{position: absolute;top: 50%;display: none;content: '';width: 35%;border-top: none}
  .index-server-items ul li:nth-child(8) .number::after{position: absolute;top: 50%;display: none;content: '';width: 35%;border-top: none}
  .index-server-items ul li:nth-child(9) .number::before{position: absolute;top: 50%;display: none;content: '';width: 35%;border-top: none}
  .index-server-items ul li:nth-child(12) .number::after{position: absolute;top: 50%;display: none;content: '';width: 35%;border-top: none}
  .index-server-items ul li:nth-child(13) .number::before{position: absolute;top: 50%;display: none;content: '';width: 35%;border-top: none}
  .index-server-items ul li:nth-child(16) .number::after{position: absolute;top: 50%;display: none;content: '';width: 35%;border-top: none}
  .index-server-items ul li .icon{ width: 60px; height: 60px;}
  .index-server-items ul li .number span{ width: 30px; height: 30px; line-height: 30px; font-size: 14px;}
}

/*news*/
.news .container{position:relative;overflow:visible}
.news{padding:80px 0}
.news .newsswiper{width:100%;padding:50px 0}
.news .newsswiper .swiper-wrapper{display:flex}
.news .newsswiper .swiper-slide{background:#0070c026;border-radius:5px;overflow:hidden;position:relative;box-shadow:0 2px 10px rgba(0,0,0,.1);flex-shrink:0;width:auto;transition:all .3s ease-in-out}
.news .newsswiper .swiper-slide:hover{background:#0070c0;box-shadow:0 4px 20px rgba(0,0,0,.2);transform:translateY(-5px)}
.news .newsswiper .swiper-slide a{display:block;height:100%;padding:37px 30px 28px}
.news .newsswiper .swiper-slide .txt{text-align:justify}
.news .newsswiper .swiper-slide .txt .t1{display:flex;align-items:center}
.news .newsswiper .swiper-slide .txt .t1 img{width:16px;margin-right:8px;font-size:14px}
.news .newsswiper .swiper-slide .txt .t2{line-height:1.5;height:3em;margin:15px 0;font-size:18px;font-weight:700}
.news .newsswiper .swiper-slide .txt .t3{display:flex;align-items:center;margin-bottom:35px}
.news .newsswiper .swiper-slide .txt .t3 .in{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid #474747;border-radius:50px;margin-left:10px}
.news .newsswiper .swiper-slide .txt .t3 .in .i{width:10px;position:relative}
.news .newsswiper .swiper-slide .txt .t3 .in .i img{border:none;display:block;max-width:100%}
.news .newsswiper .swiper-slide .img{overflow:hidden;border-radius:8px;height:200px}
.news .newsswiper .swiper-slide .img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}
.news .newsswiper .swiper-slide:hover .img img{transform:scale(1.05)}
.news .newsswiper .swiper-slide:hover .txt .t2,.news .newsswiper .swiper-slide:hover .txt .t3{color:#fff}
.news .newsswiper .swiper-slide:hover .txt .t3 .in{border:1px solid #fff;background:#fff}
.news .custom-arrow{position: absolute;top: 60%;width: 40px;height: 40px;background: rgba(0, 0, 0, 0.4);color: #fff;border-radius: 50%;z-index: 99;display: flex;align-items: center;justify-content: center;cursor: pointer;opacity: 0.7;transition: all 0.3s;}
.news .custom-arrow:hover{opacity: 1;background: rgba(0, 0, 0, 0.6);}
.news .swiper-button-prev{left: -60px;}
.news .swiper-button-next{right: -60px;}
.news .custom-arrow i{font-size: 30px;}
.news .custom-arrow::before{ font-size: 20px;}
.news .custom-arrow::after{ font-size: 20px;}
@media (max-width:1280px){
  .news .newsswiper .swiper-slide .img{height:150px}
}
@media (max-width:768px){
  .news{padding:20px 0}
  .news .custom-arrow{ top: 50%;}
  .news .swiper-button-prev{ left: 0;}
  .news .swiper-button-next{ right: 0;}
}

/* ly_foot */
.lyFt_scroll { width:80px; height:80px; margin:0 0 0 -40px; padding:10px 0; background-color:#fff; border-radius:50%; box-shadow:0 5px 10px rgba(0,0,0,0.05); position: absolute; left:50%; top:0; z-index:99;}
.lyFt_scroll img { display:block; width:36px; height:36px; overflow:hidden; margin:0 auto 4px; padding:0;}
.lyFt_scroll span { display:block; width:100%; overflow:hidden; line-height:20px; color:#d3d3d3; font-size:12px; text-align:center; margin:0 auto; padding:0;}

.ly_foot { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:100px 0 0; _background-color:#fafafa; position:relative;}
.ly_foot .lyFoot_container { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0; background-color:#3c434d;}
.ly_foot .lyFoot_container .container{ width: 1400px;}
.ly_foot .lyFoot_fl { width:40%; height:auto; margin:0; padding:50px 50px 50px 0; border-right:1px solid rgba(255,255,255,0.1); float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFoot_fl .lyFootFl_logo { width:100%; height:65px; overflow:hidden; margin:0 0 20px; padding:0;}
.lyFoot_fl .lyFootFl_text { width:100%; overflow:hidden; margin:0; padding:0;}
.lyFootFl_text dl dd { width:100%; overflow:hidden; line-height:30px; color:#9297a1; font-size:15px; margin:0 0 5px; padding:0 0 0 25px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFootFl_text dl dd img { display:block; width:20px; height:20px; margin:0; padding:0; position:absolute; left:0; top:5px;}

.ly_foot .lyFoot_fr { width:60%; height:auto; margin:0; padding:60px 0 60px 120px; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFoot_fr ul li { width:30%; height:auto; margin:0; padding:0 20px 0 0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFoot_fr ul li:nth-child(3) { width:40%; padding:0 0 0 50px;}
.lyFoot_fr ul li p { width:100%; height:20px; height:auto; line-height:20px; color:#d4d4d4; font-size:17px; font-weight:bold; margin:0 auto 10px; padding:0;}
.lyFoot_fr ul li p img { display:block; width:15px; height:12px; margin:4px 5px 4px -10px; padding:0; float:left;}
.lyFoot_fr ul li .ft1_list { width:100%; max-height:216px; overflow:hidden; margin:0; padding:0;}
.lyFoot_fr ul li .ft1_list a { display:block; width:100%; height:36px; overflow:hidden; line-height:36px; color:#d2d2d2; font-size:14px; white-space: nowrap; text-overflow: ellipsis; margin:0 auto; padding:0 0 0 12px; background:url(../image/ftjt1.png) center left no-repeat; background-size:6px 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFoot_fr ul li .ft1_list a:hover { color:#fff; background:url(../image/ftjt2.png) center left no-repeat; background-size:6px 8px;}
.lyFoot_fr ul li .ft1_list img{ padding-top: 10px; width: 140px; height: auto;}

.lyFoot_copy { width:100%; overflow:hidden; margin:0 auto; padding:10px 0; background-color:#333941;}
.lyFoot_copy  p { height:40px; line-height:40px; color:#d4d4d4; font-size:14px; margin:0; padding:0;}
.lyFoot_copy  p a { color:#d4d4d4; font-size:14px;}
.lyFoot_copy  p a:hover { color:#fff;}

.ly_foot:after{content:'';position:absolute;top: 0;left:0;width:7584px;height:100px;background:url(../image/float1.png) repeat-x;z-index:10;animation: wave 15s linear infinite;}
@keyframes wave {
    100% {
        transform: translateX(-50%);
    }
}

@media (max-width:1499px) {
  .ly_foot .lyFoot_container .container{ width: 1200px;}
	.ly_foot .lyFoot_fr { padding: 60px 0 60px 100px;}
}
@media (max-width:1199px) {
  .ly_foot .lyFoot_container .container{ width: 994px;}
	.ly_foot .lyFoot_fr { padding: 60px 0 60px 80px;}
  .lyFoot_fl .lyFootFl_logo img{ width: 100%; height: 100%; object-fit: contain;}
}
@media (max-width:1080px) {
  .ly_foot .lyFoot_container .container{ width: 738px;}
	.lyFoot_copy .lyFoot_copy  { width:94%;}
	.ly_foot .lyFoot_fr { padding: 60px 0 60px 60px;}
}
@media (max-width:800px) {
	.ly_foot .lyFoot_fl { width:100%; padding:30px 0; border-right:0; border-bottom:1px solid rgba(255,255,255,0.1); float:inherit;}
	.ly_foot .lyFoot_fr { width:100%; padding:30px 0; float:inherit;}
	.lyFoot_copy  p { float:inherit!important; height:auto; line-height:30px;}
	
}
@media (max-width:767px) {
  .ly_foot{ margin-bottom: 50px;}
  .ly_foot .lyFoot_container .container{ width: calc(100% - 30px);}
	.ly_foot .lyFoot_fl { padding:12px 0; border:0;}
	.ly_foot .lyFoot_fr { display:none;}
	.lyFoot_fl .lyFootFl_ico { display:none;}
	.ly_links { padding:0 0 20px;}
	.lylink_main p { height:90px; font-size:14px; margin:6px 0}
}

/*stylepbulic*/
#stylesubnav{width:100%;border-bottom:1px solid #E5E5E5;background:#eff0f1;}
#stylesubnav .xq_c{padding:0;position:relative;}
#stylesubnav .xq_crumbs{background:url(../image/position.png) no-repeat left 18px;background-size:auto 12px;line-height:29px;padding:10px 0 10px 20px;color:#999;}
#stylesubnav .xq_crumbs a{color:#999;}

/*px*/
#px_banner{width:100%;padding-bottom:420px;position:relative;z-index:9;}
#px_banner img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;}
#px_banner .crumbs{position:absolute;left:0;bottom:27px;width:100%;text-align:right;}
#px_banner .crumbs .xq_crumbs{background:url(../image/pos_icon.png) no-repeat left 5px;line-height:24px;padding-left:20px;color:#FFF;display:inline-block;}
#px_banner .crumbs .xq_crumbs a{color:#FFF;}

.px_txt{position:absolute;width:100%;height:100%;left:0;top:0;}
.px_txt .container{position:relative;height:100%;}
.px_txt .px_txt_p{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:right;}
.px_txt .px_txt_p p:first-child{font-size:40px;height:40px;line-height:40px;color:#FFF;text-transform:uppercase;font-weight:bold;}
.px_txt .px_txt_p p:last-child{height:58px;line-height:58px;font-size:48px;color:#FFF;margin-top:13px;font-weight:bold;}


/*sub_nav*/
#sub_navbg{width:100%;background:#F4F4F4;}
.sub_nav{}
.sub_nav a{border-right:1px solid #FFF;height:60px;line-height:60px;text-align:center;width:186px;display:block;position:relative;float:left;font-size:15px;}
.sub_nav a:before{content:none;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #0071bd;position:absolute;left:50%;margin-left:-9px;bottom:-9px;}
.sub_nav a.on{background:#085dad;color:#FFF;}
.sub_nav a.on:before{content:'';}
/*sub_cnav*/
.sub_cnav{margin-top:20px;background:#eee;font-size:0;-webkit-text-size-adjust:none;}
.sub_cnav a{font-size: 15px; border-right:1px solid #FFF;height:49px;line-height:49px;text-align:center;padding:0 30px;position:relative;display:inline-block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sub_cnav a.on, .sub_cnav a:hover{background:#0070c0;color:#FFF;}

/*sub_title*/
.sub_title{text-align:center;position:relative;}
.sub_title .s_t{margin:0;font-size:36px;color:#313131;height:46px;line-height:46px;position:relative;font-weight:bold;}
.sub_title .s_t span{font-weight:bold;color:#0894d1;}
.sub_title i{display:block;width:41px;height:4px;background:#0070c0;margin:19px auto 0;}
.sub_title p{margin:0;font-size:16px;color:#666;line-height:26px;margin-top:6px;}
.h_space{height:40px;}
/*page*/
.manu{text-align:center;margin-top:30px;}
.manu a{border:1px solid #D9D9D9;padding:9px 15px;text-decoration:none;margin:0 2px;display:inline-block;}
.manu a:hover{border:1px solid #D9D9D9;}
.manu a:active {border:1px solid #D9D9D9;}
.manu .page-num-current {border:1px solid #0070c0;padding:9px 15px;background:#0070c0;font-weight:bold;margin:0 2px;color:#FFF;display:inline-block;}
.manu .disabled{border:1px solid #D9D9D9;padding:9px 15px;color:#D9D9D9;margin:0 2px;display:inline-block;}


/*公用右侧*/
.newscow_right{width:25%;float:right;}
.newscow_right .news_product{border:1px solid #dbdbdb;padding:10px;}
.newscow_right .news_product .np_title{font-size:14px;color:#2a2a2a;line-height:12px;padding:10px 0;border-bottom:2px solid #2a2a2a;}
.newscow_right .news_product .np_title span{font-size:22px;line-height:32px;}
.newscow_right .news_product .bd{overflow:hidden;zoom:1;margin-top:30px;}
.newscow_right .news_product .bd ul li{}
.newscow_right .news_product .bd ul li .r_img{width:100%;padding-bottom:75%;position:relative;border:1px solid #ccc;}
.newscow_right .news_product .bd ul li .pic{position:absolute;top:0;left:0;width:100%;height:100%;}
.newscow_right .news_product .bd ul li .pic img{display:block;width:100%;height:100%;object-fit:cover;}
.newscow_right .news_product .bd ul li .title{height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.newscow_right .news_product .bd ul li .title a{color:#666}
.newscow_right .news_nlist{ padding-bottom:5px; overflow:hidden}
.newscow_right .news_nlist ul{ padding-top:5px}
.newscow_right .news_nlist ul li{line-height:36px;background:url(../image/zys_42.jpg) no-repeat 2px center; text-indent:0.3cm; margin:0 auto; border-bottom:1px dashed #d5d5d5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*公用分页*/
.fanye{list-style:none;border-top:1px dashed #cccccc;border-bottom:1px dashed #c2a9a4;padding-top:10px;padding-bottom:10px;margin-top:10px;}
.fanye ul li{height:30px;line-height:30px;text-align:left;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fanye ul li a{ color:#333;}

/*视频弹出*/
#tan_box{display:none;position:fixed;left:0px;top:0px;right:0px;bottom:0px;background:rgba(0, 0, 0, 0.8);z-index:1000;}
.tan_box{position:absolute;left:0px;top:0px;right:0px;bottom:0px;padding:50px;display:-webkit-box;display:-moz-box;display:-webkit-flex;
    display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.tan_box .box{position:relative;background:#fff url(http://www.lymsck.com/static/Image/loading.gif) center center no-repeat;padding:10px;box-shadow:0 0 15px #ccc;border-radius:5px 0 5px 5px;}
.tan_box .box video{max-width:1000px;width:100%;height:auto;display:block;overflow:hidden;}
.tan_box .v_close{width:36px;height:36px;text-align:center;position:absolute;right:0px;top:-36px;cursor:pointer;box-shadow:0 0 5px #ccc;border-radius:5px 5px 0 0;background:url(../image/closeicon.png) no-repeat center center #FFF;}

/*电脑浮动*/
.izl-rmenu{position:fixed;right:0;bottom:10%;z-index:999;width:55px;}
.izl-rmenu .iz_btn{width:55px;margin-bottom:1px;cursor:pointer;position:relative;padding:5px 0 5px;background:#0070c0;display:block;}
.izl-rmenu .iz_btn i{display:block;width:100%;height:33px;background-repeat:no-repeat;background-position:center center;background-size: 20px;}
.izl-rmenu .iz_btn i.icon1{background-image:url(../image/r_qq.png);}
.izl-rmenu .iz_btn i.icon2{background-image:url(../image/r_wx.png);}
.izl-rmenu .iz_btn i.icon3{background-image:url(../image/r_phone.png);}
.izl-rmenu .btn-qq{}
.izl-rmenu .btn-wx{}
.izl-rmenu .btn-wx .pic{position:absolute;left:0;top:0px;background:#FFF;padding:10px;width:160px;height:160px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;opacity:0;}
.izl-rmenu .btn-wx:hover .pic{left:-160px;opacity:1;}
.izl-rmenu .btn-phone{position:relative;}
.izl-rmenu .btn-phone .phone{background-color:#0070c0;position:absolute;width:160px;left:0;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;opacity:0;}
.izl-rmenu .btn-phone:hover .phone{left:-160px;opacity:1;}
.izl-rmenu .iz_btn span{display:block;font-size:12px;height:21px;line-height:21px;color:#FFF;text-align:center;}
.izl-rmenu .btn-top{background:url(../image/r_top.png) 0px 0px no-repeat; background-size: 60px; background-color:#666666;padding:10px 0 10px;height:63px;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
@media screen and (max-width:768px){
    .izl-rmenu{ display: none;}
}

/*手机浮动*/
.footer-fix{box-shadow:0 0 10px rgba(41,42,45,.2);position:fixed;bottom:0;left:0;width:100%;background-color:#fff;z-index:9999999;display:block}
.footer-fix li{float:left;width:25%}
.footer-fix li a{display:block;text-align:center;padding:7px 0;font-size:14px;line-height:1}
.footer-fix li i{display:block; font-size: 25px; background:no-repeat center;background-size:contain;margin-bottom:5px}
@media screen and (min-width:768px){
    .footer-fix{ display: none;}
}

/*视频弹出*/
#videobg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999999;text-align:center;}
#videobg .container{position:relative;height:100%;}
.video{padding:10px;width:700px;height:auto;background:#FFF;position:absolute;left:50%;margin-left:-350px;top:50%;transform:translateY(-50%);}
.video .videoc{width:100%;padding-bottom:70%;position:relative;}
.video video{width:100%;height:100%;display:block;position:absolute;left:0;top:0;}
.video iframe{width:100%;height:100%;display:block;position:absolute;left:0;top:0;}
.video p{margin:0;height:60px;line-height:60px;color:#000;}
.video span{width:40px;height:40px;background:#000;color:#FFF;font-size:20px;line-height:40px;text-align:center;position:absolute;outline:none;top:0px;right:-40px;cursor:pointer;display:block;font-family:Arial;}