.banner,.header-m,.i-banner,footer,header,main{transition:all .5s;-webkit-transition:all .5s}
 table,th,td {border: 1px solid black; }
.header{border-top:5px solid #0050b6}
.header .logo{height:105px;line-height:105px;overflow:hidden}
.header nav{transition:all .5s;-webkit-transition:all .5s}
.header nav ul li{padding-top:.2rem;position:relative;float:left;padding-left:.3rem;padding-right:.3rem}
.header nav ul li.cur a::after,.header nav ul li:hover a::after{-webkit-transform:scale(1);transform:scale(1)}
.header nav ul li:hover>a{color:#0050b6}
.header nav ul li:hover .sub-nav{visibility:visible;opacity:1;top:62px}
.header nav ul li>a{position:relative;height:42px}
.header nav ul li>a::after{position:absolute;content:'';left:0;bottom:0;width:100%;height:3px;background:#0050b6;transform:scale(0,1);-webkit-transform:scale(0,1);transition:all .3s;-webkit-transition:all .3s}
.header nav ul li .sub-nav{visibility:hidden;opacity:0;z-index:1;top:130px;left:50%;padding:10px;width:150px;background:rgba(255,255,255,.9);transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all .5s;-webkit-transition:all .5s}
.header nav ul li .sub-nav a{line-height:23px;padding:8px 0;text-align:center;border-bottom:1px solid rgba(0,0,0,.1)}
.header nav ul li .sub-nav a:hover{color:#fff;background:#0050b6;border-bottom:1px solid #0050b6}
.header .search-w{height:105px}
.header .search{width:198px;height:40px;line-height:40px;border-radius:20px;background:#f6f6f6;overflow:hidden}
.header .search .txt{float:left;width:calc(100% - 50px);height:30px;line-height:30px;font-size:12px;padding-left:30px;background:0 0}
.header .search .btn{float:right;width:50px;height:100%;background:url(../fonts/e8c665438c0d40b288f7d42c6f3da46c.woff) no-repeat center;background-size:35%}
.header .search-btn{padding-left:35px;width:16px;height:62px;background:url(search.png) no-repeat center;cursor:pointer;background:url(i-se.png) no-repeat center;background-size:16px;line-height:62px}
.header .language{transition:all .5s;-webkit-transition:all .5s}
.header .language .a-d1{background:url(arrow-d1.png) no-repeat right center}
.header .language .a-d1::before{content:"";background:url(lan-u.png) no-repeat left center;padding-right:25px}
.header .language:hover .language-a{display:block;line-height:35px;background:rgba(255,255,255,.9)}
.header .language a{width:100%;display:block;transition:all .5s;-webkit-transition:all .5s}
.header .language a:hover{background:#f5f5f5;padding-left:10px;padding-right:10px}
.bgf6{background:#f6f6f6!important}
.bgf{background:#fff!important}
.bgf5{background:#f5f5f5}
.cde{color:#dedede}
.c4{color:#444}
.cp-info .cp-in-r{width:53.5%}
.cp-info .cp-in-l{width:41.7%;border:1px solid #e5e4e4}
.cp-info .cp-in-l img{width:100%}
.cp-info .i-ab-btn{width:180px;border-radius:25px;height:42px;margin:60px 30px 0 0;float:left}
.cp-info .i-ab-btn:hover .i-first{width:180px;border-radius:25px;border:1px solid #fff;background:#f9f9f9;color:#cfcfcf}
.cp-info .i-ab-btn:hover .i-second{background:#c50e01;color:#fff}
.cp-info .i-ab-btn .i-second{width:180px;border-radius:25px}
.cp-info .i-ab-btn .i-first{width:180px;border-radius:25px;border:0 solid #fff;background:#f6a702;color:#fff}
footer .footer-head{background-color: rgba(2,65,169,1); 

    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,0.3);}
footer .footer-head dl{margin-left:5%; margin-left:7%}

footer .footer-head dt{color:#eee;font-size:22px;padding-bottom:25px}
footer .footer-head dd{line-height:30px;color:#eee}
footer .footer-head dd a:hover{text-decoration:none}
footer .copyright{padding:.2rem;color:rgba(255,255,255,0.3);background-color: rgba(1,53,139,1);}

footer .footer-head .icon_list{width: 1200px;height: 70px;margin:0 auto;}
footer .footer-head .icon_list ul {float: left;margin-top: 12px;color:#ffffff;border-bottom: 1px solid rgba(255,255,255,0.3);width: 1200px;}
footer .footer-head .icon_list ul li{float: left;width: 400px;height: 55px;font-size: 18px;}
footer .footer-head .icon_list ul li:nth-child(-n+3){margin-right: 0px;}
footer .footer-head .icon_list ul li p{opacity: 0.6;font-size: 18px;}
footer .footer-head .icon_list .icon{width: 45px;height: 45px; }
footer .footer-head .icon_list .foot_icon1{background-position-x: 0px; background-position-y: 0px;}
footer .footer-head .icon_list .foot_icon2{background-position-x: -45px; background-position-y: 0px;}
footer .footer-head .icon_list .foot_icon3{background-position-x: -90px; background-position-y: 0px;}
footer .footer-head .icon_list .foot_icon4{background-position-x: -135px; background-position-y: 0px;}
footer .footer-head .icon_list .icon{float: left;}
footer .footer-head .icon_list .intro{float: left;margin-left: 10px;}

.f28{font-size:28px}
.z-x1{z-index:1}
.z-x9{z-index:9}
.i-banner:hover .slick-next,.i-banner:hover .slick-prev{opacity:1}
.i-banner .slick-next,.i-banner .slick-prev{width:40px;height:60px;transition:all .5s;-webkit-transition:all .5s;background-size:14px 23px!important;opacity:0}
.i-banner .slick-prev{background:url(b_pic_slider_l.png) no-repeat 48% center rgba(0,0,0,.4)}
.i-banner .slick-prev:hover{background-color:#0050b6}
.i-banner .slick-next{background:url(b_pic_slider_r.png) no-repeat 52% center rgba(0,0,0,.4)}
.i-banner .slick-next:hover{background-color:#0050b6}
.i-banner .slick-dots{display:none!important;bottom:.25rem}
.i-banner .slick-dots li{background:#fff;transition:all .3s;-webkit-transition:all .3s}
.i-banner .slick-dots li.slick-active,.i-banner .slick-dots li:focus,.i-banner .slick-dots li:hover{background:#0050b6}
.i-banner a{display:block;min-height:50px}
.i-banner .dn{display:none!important}
a:hover{color:#fff;}
.bor-b-e6{border-bottom:1px solid #e6e6e6}
.bg-f7{background:#f7f7f7}
.i-about{background:url(i-n-bg_02.png) no-repeat center;padding-top:.65rem;padding-bottom:.65rem}
.i-about .vide-le{width:6rem;height:3.9rem}
.i-about .video-open{transition:all .8s;-webkit-transition:all .8s}
.i-about .video-open::before{content:"";background:url(play-ico.png) no-repeat center 1.7rem;position:absolute;height:100%;color:#fff;font-size:18px;text-align:center;width:100%;line-height:3.9rem;transition:all .8s;-webkit-transition:all .8s}
.i-about .video-open:hover{border-radius:8%}
.i-about .video-open:hover::before{content:"";background:url(play-ico.png) no-repeat center 1.6rem;color:#fff;width:100%;line-height:3.9rem}
.i-about .i-ab-l,.i-about .i-ab-r{width:50%}
.i-about .i-ab-l img{max-width:inherit}
.i-about .i-ab-r{padding-left:5%}
.i-about .i-ab-r h1,.i-about .i-ab-r h2{transition:all .5s;-webkit-transition:all .5s}
.i-about .i-ab-r:hover>h1{margin-left:20%}
.i-about .i-ab-r:hover>h2{margin-left:25%}
.i-about .i-ab-btn{width:180px;border-radius:25px;height:42px;margin:50px 0 0}
.i-about .i-ab-btn:hover .i-first{width:180px;border-radius:25px;border:1px solid #fff;background:#f9f9f9;color:#cfcfcf}
.i-about .i-ab-btn:hover .i-second{background:#c50e01;color:#fff}
.i-about .i-ab-btn .i-second{width:180px;border-radius:25px}
.i-about .i-ab-btn .i-first{width:180px;border-radius:25px;border:0 solid #fff;background:#0050b6;color:#fff}
.i-about .i-ax-l,.i-about .i-ax-r{width:2.7rem}
.i-about .i-ax-l a,.i-about .i-ax-r a{display:block}
.i-about .i-ax-l{border-right:1px solid #ddd}
.i-about .i-ax-r a{margin-left:.6rem}
.bgf9{background:#f9f9f9}
.dib{display:inline-block}
.ml-b20{margin-left:20%}
.i-pro{background:#fff}
.i-pro .wbfxi li{float:left;width:4rem}
.i-pro .wbfxi li .dtm{height:2.5rem;width:4rem}
.i-pro .wbfxi li .info{line-height:100%}
.i-pro .wbfxi li:hover .bg-xx{top:-2.5rem}
.i-pro .wbfxi li:hover .bg-xn{bottom:-2.5rem}
.i-pro .bg-xx{height:2.5rem;width:4rem;background:#5e95db;transition:all .5s;-webkit-transition:all .5s;top:0}
.i-pro .bg-xn{height:2.5rem;width:4rem;background:#5e95db;transition:all .5s;-webkit-transition:all .5s;bottom:0}
.x-btn{height:46px;width:176px;border:2px solid #dcdcdc;line-height:46px;margin:.45rem auto .55rem auto;transition:all .6s;-webkit-transition:all .6s}
.x-btn:hover{border:2px dashed #0050b6;box-shadow:2px 2px 0 #0050b6;border-radius:5px}
.ca{color:#aaa}
.f24{font-size:24px}
.i-btn{width:160px;color:#cfcfcf;display:block;margin:30px auto 75px auto}
.i-btn .i-second{border:0 solid #fff;width:160px;height:40px;background:#0050b6;-webkit-transform:translatex(-310px) skew(0);-moz-transform:translatex(-310px) skew(0);-ms-transform:translatex(-310px) skew(0);-o-transform:translatex(-310px) skew(0);transform:translatex(-310px) skew(0);text-align:center;line-height:40px;z-index:3;position:relative;box-shadow:inset 0 2px 1px rgba(255,255,255,.5);-webkit-animation:removesecond 1s reverse;color:#fff}
.i-btn .i-first{border:1px solid #e6e6e6;width:158px;height:40px;position:relative;top:-40px;text-align:center;line-height:40px;z-index:2;box-shadow:inset 0 2px 1px rgba(255,255,255,.5)}
.i-btn:hover .i-second{-webkit-animation:movesecond 1s forwards;-moz-animation:movesecond 1s forwards;-ms-animation:movesecond 1s forwards;-o-animation:movesecond 1s forwards;animation:movesecond 1s forwards}
@-webkit-keyframes removesecond{
0%{-webkit-transform:translateX(-320px) skew(0)}
20%{-webkit-transform:translateX(50px) skew(-20deg)}
40%{-webkit-transform:translateX(-50dpx) skew(20deg)}
60%{-webkit-transform:translateX(25dpx) skew(-8deg)}
80%{-webkit-transform:translateX(-15px) skew(8deg)}
100%{-webkit-transform:translateX(0) skew(0)}
}
@-webkit-keyframes movesecond{
0%{-webkit-transform:translateX(-320px) skew(0)}
20%{-webkit-transform:translateX(50px) skew(-20deg)}
40%{-webkit-transform:translateX(-50dpx) skew(20deg)}
60%{-webkit-transform:translateX(25dpx) skew(-8deg)}
80%{-webkit-transform:translateX(-15px) skew(8deg)}
100%{-webkit-transform:translateX(0) skew(0)}
}
@-moz-keyframes movesecond{
0%{-webkit-transform:translateX(-320px) skew(0)}
20%{-webkit-transform:translateX(50px) skew(-20deg)}
40%{-webkit-transform:translateX(-50dpx) skew(20deg)}
60%{-webkit-transform:translateX(25dpx) skew(-8deg)}
80%{-webkit-transform:translateX(-15px) skew(8deg)}
100%{-webkit-transform:translateX(0) skew(0)}
}
@-ms-keyframes movesecond{
0%{-webkit-transform:translateX(-320px) skew(0)}
20%{-webkit-transform:translateX(50px) skew(-20deg)}
40%{-webkit-transform:translateX(-50dpx) skew(20deg)}
60%{-webkit-transform:translateX(25dpx) skew(-8deg)}
80%{-webkit-transform:translateX(-15px) skew(8deg)}
100%{-webkit-transform:translateX(0) skew(0)}
}
@-o-keyframes movesecond{
0%{-webkit-transform:translateX(-320px) skew(0)}
20%{-webkit-transform:translateX(50px) skew(-20deg)}
40%{-webkit-transform:translateX(-50dpx) skew(20deg)}
60%{-webkit-transform:translateX(25dpx) skew(-8deg)}
80%{-webkit-transform:translateX(-15px) skew(8deg)}
100%{-webkit-transform:translateX(0) skew(0)}
}
@keyframes movesecond{
0%{-webkit-transform:translateX(-320px) skew(0)}
20%{-webkit-transform:translateX(50px) skew(-20deg)}
40%{-webkit-transform:translateX(-50dpx) skew(20deg)}
60%{-webkit-transform:translateX(25dpx) skew(-8deg)}
80%{-webkit-transform:translateX(-15px) skew(8deg)}
100%{-webkit-transform:translateX(0) skew(0)}
}
.f36{font-size:36px}
.c3{color:#333}
.f15{font-size:15px}
.f20{font-size:20px}
.c5{color:#555}
.f17{font-size:17px}
.arrow-d{background:url(arrow-d.png) no-repeat right center;padding-right:.9rem}
.info{-webkit-transform:rotate3d(1,0,0,90deg);transform:rotate3d(1,0,0,90deg);position:absolute;pointer-events:none;background:url(se-bg.png) no-repeat center rgba(0,0,0,.15);width:100%;height:100%;top:0}
.in-top .info{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:in-top .3s ease 0s 1 forwards;animation:in-top .3s ease 0s 1 forwards}
.in-right .info{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-animation:in-right .3s ease 0s 1 forwards;animation:in-right .3s ease 0s 1 forwards}
.in-bottom .info{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:in-bottom .3s ease 0s 1 forwards;animation:in-bottom .3s ease 0s 1 forwards}
.in-left .info{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation:in-left .3s ease 0s 1 forwards;animation:in-left .3s ease 0s 1 forwards}
.out-top .info{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:out-top .3s ease 0s 1 forwards;animation:out-top .3s ease 0s 1 forwards}
.out-right .info{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:out-right .3s ease 0s 1 forwards;animation:out-right .3s ease 0s 1 forwards}
.out-bottom .info{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:out-bottom .3s ease 0s 1 forwards;animation:out-bottom .3s ease 0s 1 forwards}
.out-left .info{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation:out-left .3s ease 0s 1 forwards;animation:out-left .3s ease 0s 1 forwards}
@-webkit-keyframes in-top{
from{-webkit-transform:rotate3d(-1,0,0,90deg);transform:rotate3d(-1,0,0,90deg)}
to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}
@keyframes in-top{
from{-webkit-transform:rotate3d(-1,0,0,90deg);transform:rotate3d(-1,0,0,90deg)}
to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}
@-webkit-keyframes in-right{
from{-webkit-transform:rotate3d(0,-1,0,90deg);transform:rotate3d(0,-1,0,90deg)}
to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}
@keyframes in-right{
from{-webkit-transform:rotate3d(0,-1,0,90deg);transform:rotate3d(0,-1,0,90deg)}
to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}
@-webkit-keyframes in-bottom{
from{-webkit-transform:rotate3d(1,0,0,90deg);transform:rotate3d(1,0,0,90deg)}
to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}
@keyframes in-bottom{
from{-webkit-transform:rotate3d(1,0,0,90deg);transform:rotate3d(1,0,0,90deg)}
to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}
@-webkit-keyframes in-left{
from{-webkit-transform:rotate3d(0,1,0,90deg);transform:rotate3d(0,1,0,90deg)}
to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}
@keyframes in-left{
from{-webkit-transform:rotate3d(0,1,0,90deg);transform:rotate3d(0,1,0,90deg)}
to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
}
@-webkit-keyframes out-top{
from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
to{-webkit-transform:rotate3d(-1,0,0,104deg);transform:rotate3d(-1,0,0,104deg)}
}
@keyframes out-top{
from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
to{-webkit-transform:rotate3d(-1,0,0,104deg);transform:rotate3d(-1,0,0,104deg)}
}
@-webkit-keyframes out-right{
from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
to{-webkit-transform:rotate3d(0,-1,0,104deg);transform:rotate3d(0,-1,0,104deg)}
}
@keyframes out-right{
from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
to{-webkit-transform:rotate3d(0,-1,0,104deg);transform:rotate3d(0,-1,0,104deg)}
}
@-webkit-keyframes out-bottom{
from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
to{-webkit-transform:rotate3d(1,0,0,104deg);transform:rotate3d(1,0,0,104deg)}
}
@keyframes out-bottom{
from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
to{-webkit-transform:rotate3d(1,0,0,104deg);transform:rotate3d(1,0,0,104deg)}
}
@-webkit-keyframes out-left{
from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
to{-webkit-transform:rotate3d(0,1,0,104deg);transform:rotate3d(0,1,0,104deg)}
}
@keyframes out-left{
from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
to{-webkit-transform:rotate3d(0,1,0,104deg);transform:rotate3d(0,1,0,104deg)}
}
.i-news{line-height:.55rem}
.i-news .i-news-l{background:url(/images/i-ne.png) no-repeat left center;border-right:1px solid #f0f0f0}
.i-news .i-news-r{width:calc(100% - 115px)}
.i-news .i-news-r .slick-list{width:960px!important}
.i-news .i-news-r li{width:405px!important}
.i-news .slick-dots{display:none!important}
.i-news .slick-prev{background:url(/images/i-news-l.png) no-repeat 70% center;width:30px;height:55px;left:auto;right:30px}
.i-news .slick-prev:hover{background:url(/images/i-news-lh.png) no-repeat 70% center}
.i-news .slick-next{background:url(/images/i-news-r.png) no-repeat 30% center;width:30px;height:55px}
.i-news .slick-next:hover{background:url(/images/i-news-rh.png) no-repeat 30% center}
.banner{height:4rem;background-size:cover;background-repeat:no-repeat;background-position:center}
.main-nav-p{background:#f2f2f2}
.main-nav-p ul{font-size:0}
.main-nav-p li{display:inline-block}
.main-nav-p li.cur a,.main-nav-p li:hover a{color:#fff;background:#0050b6}
.main-nav-p li a{padding:0 16px}
.main-nav-p a{height:60px;line-height:60px;font-size:14px;transition:all .3s;-webkit-transition:all .3s}
.main-home{height:60px;line-height:60px}
.main-home a:hover{color:#0050b6}
.mbx-c{background:url(n-home.png) no-repeat left 48%;padding-left:30px}
.content{min-height:400px}
.n-nav{height:85px;line-height:85px}
.n-nav::before{content:" ";background:#0050b6;height:85px;line-height:85px;position:absolute;width:18.75%;z-index:0}
.n-nav .n-nav-lx{background:#0050b6}
.n-nav .n-nav-lx:hover{color:#fff}
.n-nav .c-home{color:#0050b6;background:url(c-home.png) no-repeat left center}
.bgf2{background:#f2f2f2}
.c40{font-size:40px}
.li28{line-height:28px}
.bdsharebuttonbox{font-size:0;text-align:center}
.bdsharebuttonbox a{float:none;display:inline-block;width:40px!important;height:40px!important;margin:0 .1rem 0 0!important;padding:0!important;background-repeat:no-repeat;background-position:center;border-radius:50%}
.bd_weixin_popup{height:auto!important}
.s-btn{line-height:50px;height:50px;width:180px;text-align:center;border-radius:5px!important;background:#005aaa;display:block;margin:0 auto}
.anli ul li{float:left;width:30.8%;margin:1.25%}
.anli ul li .i-bx{opacity:0;transition:all .5s;-webkit-transition:all .5s;color:#0050b6}
.anli ul li .i-linx{border-bottom:1px solid #0050b6;opacity:0;width:0;transition:all .5s;-webkit-transition:all .5s}
.anli ul li.cur .i-bx,.anli ul li:hover .i-bx{opacity:1}
.anli ul li.cur .i-linx,.anli ul li:hover .i-linx{opacity:1;width:100%}
.honor-list ul li{float:left;margin-left:20px;margin-right:20px}
.honor-list ul li .r-img1{width:2.68rem;height:3.68rem;border:1px solid #efefef;margin:0 auto;z-index:2;background:#fff;margin-bottom:-40px;transition:all .5s;-webkit-transition:all .5s}
.honor-list ul li .z-x1{transition:all .9s;-webkit-transition:all .9s;opacity:1}
.honor-list ul li:hover .r-img1{border:1px dashed #0050b6;border-radius:3%}
.honor-list ul li:hover h1{color:#0050b6}
.honor-list ul li:hover .z-x1{opacity:0}
.honor-list ul li{width:33.3333%;margin:0;padding:0 .2rem}
.honor-list ul li h1{width:100%;height:44px;line-height:22px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:.1rem}
.f32{font-size:32px}
.n-pro .n-pro-l{width:22.5%}
.n-pro .n-pro-top{height:100px;background:#0050b6}
.n-pro .n-pro-nav{background:#75adf3}
.n-pro .n-pro-nav a{line-height:49px;display:block}
.n-pro .n-pro-nav>li.cur>a,.n-pro .n-pro-nav>li:hover>a{background:url(pro-nav-f.png) no-repeat 90% center #2779e2;color:#fff;border-bottom:1px solid #75adf3}
.n-pro .n-pro-nav>li.cur>ul,.n-pro .n-pro-nav>li:hover>ul{display:block}
.n-pro .n-pro-nav>li>a{background:url(/images/pro-nav-fx.png) no-repeat 90% center #75adf3;border-bottom:1px solid #fff}
.n-pro .n-pro-nav>li>ul{display:none}
.n-pro .n-pro-nav>li>ul>li>a{padding-left:.5rem}
.n-pro .n-pro-nav>li>ul>li.cur>a,.n-pro .n-pro-nav>li>ul>li:hover>a{background:url(pro-nav-s.png) no-repeat .37rem center;color:#fff;text-decoration:underline}
.n-pro .n-pro-r{width:100%}
.n-pro .n-pro-r .n-pro-x li{transition:all .6s;-webkit-transition:all .6s;width:31%;margin:0 10px;float:left;overflow:hidden}
.n-pro .n-pro-r .n-pro-x li a{width:100%}
.n-pro .n-pro-r .n-pro-x li.cur .cph1,.n-pro .n-pro-r .n-pro-x li:hover .cph1{transition:all .6s;-webkit-transition:all .6s;color:#0050b6;border-bottom:1px solid #0050b6;background:url(/images/cp-rh.png) no-repeat 92% center;padding-left:.3rem}


.n-pro .n-pro-r .n-pro-x li .i-pro-img{overflow:hidden;width:100%;height:278px;background:#fff;text-align:center}
.n-pro .n-pro-r .n-pro-x li .i-pro-img>img{height:100%;}
.n-pro .n-pro-r .n-pro-x li .cph1{transition:all .6s;-webkit-transition:all .6s;background:url(/images/cp-r.png) no-repeat 95% center;height:60px;overflow:hidden;line-height:60px}
.f66{font-size:66px}
.pro-list ul{margin-left:-.3rem}
.pro-list li{padding-left:.3rem;margin-bottom:.2rem}
.pro-list .imgs{height:100px}
.bor-b{border-bottom:1px solid #dedede;width:100%}
.cx-wb{color:#0050b6}
.tab-head{background:#eee}
.tab-head li{height:45px;line-height:45px;border-right:2px solid #fff}
.tab-head li.cur,.tab-head li:hover{background:#f6a702;border-right:2px solid #f6a702;color:#fff}
.f38{font-size:38px}
.f26{font-size:26px}
.c2{color:#222}
.f30{font-size:30px}
.news-list ul li{transition:all .5s;-webkit-transition:all .5s;border-bottom:1px dotted #aaa}
.news-list ul li .arr{background:url(arr.png) no-repeat left center;height:24px;transition:all .5s;-webkit-transition:all .5s}
.news-list ul li .news-list-r{width:70%}
.news-list ul li .h-li{transition:all .5s;-webkit-transition:all .5s}
.news-list ul li img.fl{transition:all .5s;-webkit-transition:all .5s;width:300px}
.news-list ul li.cur,.news-list ul li:hover{border-bottom:1px dotted #0050b6}
.news-list ul li.cur .h-li,.news-list ul li:hover .h-li{border-left:3px solid #0050b6;padding-left:8px}
.news-list ul li.cur .h-li h1,.news-list ul li:hover .h-li h1{color:#0050b6}
.news-list ul li.cur .arr,.news-list ul li:hover .arr{background:url(arr-h.png) no-repeat left center;height:25px}
.news-list ul li:hover .arr{background:url(arr-h.png) no-repeat 5% center}
.news-list ul li:hover img.fl{padding-left:2%}
.f18{font-size:18px}
.br-l{border-left:4px solid #005aaa}
.join .join-top h2{width:75%;margin-left:auto;margin-right:auto}
.join .j-btn{width:110px;height:32px;line-height:32px;background:#a7a7a7;border-radius:5px;margin-left:auto;margin-right:auto}
.f-bak{height:40px;line-height:40px;width:130px;text-align:center;color:#015db2;border:1px solid #015db2;border-radius:5px}
.join-list .yp-top{background:#0050b6;border-radius:5px 5px 0 0}
.join-list .yp-top li{font-size:16px}
.join-list .yp-body li,.join-list .yp-top li{line-height:52px;float:left;width:20%;text-align:center}
.join-list .x-l-body>li{border-bottom:1px solid #eee}
.join-list .x-l-body>li.cur,.join-list .x-l-body>li:hover{background:#eee}
.factory .factory-ul li{width:31.3%;margin:1%;float:left;transition:all .8s;-webkit-transition:all .8s}
.factory .factory-ul li .cur,.factory .factory-ul li:hover{background:#0050b6}
.factory .factory-ul li .cur a h1,.factory .factory-ul li:hover a h1{color:#fff}
.factory .factory-ul li .cur .rel::before,.factory .factory-ul li:hover .rel::before{opacity:0}
.factory .factory-ul li .rel::before{content:" ";background:url(vi-bg.png) no-repeat center rgba(0,0,0,.15);width:100%;height:100%;display:block;position:absolute;opacity:1}
.factory .factory-ul li .rel .info{background:url(vi-bg.png) no-repeat center rgba(0,0,0,.15)}
.contact .lx-ipt input{background:#f5f5f5;height:47px;line-height:47px;width:3.6rem;display:block}
.contact .lx-ipt input:nth-child(2){margin-top:20px;margin-bottom:20px}
.contact .lx-tra{background:#f5f5f5;height:1.8rem;width:8rem}
.p-list li{background:#fff;overflow:hidden}
.p-list li .fl,.p-list li .fr{width:50%}
.p-list li .p-li-btn{width:210px;height:50px;line-height:50px;background:url(ard.png) no-repeat 68% center #dfdfdf;padding-left:60px;transition:all .6s;-webkit-transition:all .6s}
.p-list li .fr{padding:0;transition:all .6s;-webkit-transition:all .6s}
.p-list li .fr .linx{transition:all .6s;-webkit-transition:all .6s;border:1px solid #fff;padding:60px}
.p-list li h1{transition:all .6s;-webkit-transition:all .6s;font-weight:400}
.p-list li .fl img{transition:all .6s;-webkit-transition:all .6s}
.p-list li.cur .fl img,.p-list li:hover .fl img{border-radius:8px}
.p-list li.cur .fr,.p-list li:hover .fr{padding:20px}
.p-list li.cur .fr .linx,.p-list li:hover .fr .linx{border:1px solid #0050b6;padding:40px}
.p-list li.cur .p-li-btn,.p-list li:hover .p-li-btn{padding-left:70px;background:url(arr-hx.png) no-repeat 72% center #0050b6;color:#fff}
.p-list li.cur h1,.p-list li:hover h1{font-weight:700}
.p-list li:nth-child(2) .fl{float:right}
.p-list li:nth-child(2) .fr{float:left}
.f22{font-size:22px}
.i-cont .i-ci{width:100px;height:100px;margin-top:20px}
.i-cont .i-co-l{width:55%}
.i-cont .i-co-l ul li:hover .i-cix{-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg)}
.i-cont .i-co-l ul li:hover h1{padding-left:3%}
.i-cont .i-cx-a1{width:5.3rem}
.i-cont h1{transition:all .5s;-webkit-transition:all .5s}
.i-cont .i-cix{transition:all .6s;-webkit-transition:all .6s;background:#0050b6;background-size:71px;width:71px;height:71px;text-align:center;line-height:71px;-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);margin-left:15px;display:block;position:absolute;top:0;left:0}
.i-cont .i-cixx{z-index:1;position:absolute;left:0;right:0;margin:auto;top:0;bottom:0;width:38px;height:68px}
.cc{color:red}
.slick-dots li.slick-active,.slick-dots li:focus,.slick-dots li:hover{background:#0050b6}
.in-page{color:#888}
.in-page span{padding:0 15px;border:1px solid #e8e8e8}
.in-page a{height:35px;line-height:35px;padding:0 15px;border:1px solid #e8e8e8}
.in-page a.cur,.in-page a:hover{border-color:#0050b6;background:#0050b6;color:#fff}
.tab-head li{cursor:pointer}
.tab-body li{visibility:hidden;opacity:0;height:0;transition:all .3s;-webkit-transition:all .3s}
.tab-body li.cur{visibility:visible;opacity:1;height:inherit}

.edit{overflow:hidden}
.edit span{display:inline}
.edit img{width:auto!important;height:auto!important}
.fix-wrap{display:none;z-index:9999;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8)}
.fix-wrap .hide{position:fixed;width:25px;height:25px;padding:25px;right:5%;top:5%;background:#090908;cursor:pointer;border-radius:50%;transition:all .8s;-webkit-transition:all .8s}
.fix-wrap .hide::after,.fix-wrap .hide::before{position:absolute;top:50%;left:50%;content:'';width:1px;height:55%;background:#fff;margin-top:-27.5%}
.fix-wrap .hide::before{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.fix-wrap .hide::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.fix-wrap .hide:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.fix-video .video-wrap{min-width:55%;max-width:55%;padding:10px;border-radius:5px;background:#2d2d2d;border:1px solid #3a3a3a;box-shadow:0 0 5px rgba(0,0,0,.5);overflow:hidden;animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.fix-video video{width:100%;height:100%;object-fit:cover}
.fix-pic{overflow:auto}
.fix-pic img{animation:zoomIn .5s both;-webkit-animation:zoomIn .5s both}
.fix-search{padding:0 2.5%;background:#222}
.fix-search:hover .search::after{transform:scale(1);-webkit-transform:scale(1)}
.fix-search .search{position:relative;width:100%;height:125px;color:#555;padding-left:88px;font-size:66px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNEE5NEZGREQ0QUQxMUU2OUVGNjk4Qzg2RjZCRDdENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNEE5NEZGRUQ0QUQxMUU2OUVGNjk4Qzg2RjZCRDdENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM0QTk0RkZCRDRBRDExRTY5RUY2OThDODZGNkJEN0Q2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM0QTk0RkZDRDRBRDExRTY5RUY2OThDODZGNkJEN0Q2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/Hs+IwAAAVlJREFUeNpi+P//PwMaFgLiJiC+/x8VHATiCCzqMTC6QBKSIc+AeC0QzwXiA0jiT4DYmFhDS6CaNgGxOg4NIUD8E6rOipChcVCFZUR4jwWIj0PVq+EylA2q4AAx4YWEQeAxLkMroAqESTS0D6rPAZuhL4H4NYkGgrAG1NDl2AwFgRVkGMqClBpQ5JgYIOAdA+ngL5TmR5eAGapKhqE8UPo1NkNvAbEtGYaaQOmDGDLAMIiGho0niWEKy2UWuBL/VyD+RYKBFlAD9+PLUTZQRUeAWICAgU5QB4CAIaG8745UaHQCsRkQ8wIxOxCLA7EfEG9HK7kuArEsoVLKHIgf/McPQF72RioaXwGxCD5DYdgXiBcC8S0gfgvEV4B4OhA7IqmRh+ZGELgJxFyEDCUWSwLxVSSDZalhKAhzogWFLiPYZMqBJBBfBGJRIH5ALUNBQBGI5wPxVIAAAwAoIUyRNtFOOQAAAABJRU5ErkJggg==) no-repeat 35px center}
.fix-search .search::after,.fix-search .search::before{position:absolute;content:'';left:0;bottom:0;width:100%;height:1px;transition:all 1s;-webkit-transition:all 1s}
.fix-search .search::before{background:#515151}
.fix-search .search::after{background:rgba(255,255,255,.5);transform:scale(0,1);-webkit-transform:scale(0,1)}
.fix-search .btn,.fix-search .txt{color:#555;background:0 0}
.fix-search .txt{width:100%;text-align:center;font-size:66px;padding-right:2%}
.fix-search .btn{font-size:24px}
@media (max-width:1200px){
.mauto{max-width:92%}
}
@media (max-width:1024px){
body{padding-top:70px}
.header{display:none}
.header-m{display:block!important;z-index:999;position:fixed;left:0;top:0;width:100%;height:70px;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,.1)}
.header-m::after{display:none;position:fixed;content:'';top:70px;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.header-m .logo{position:absolute;left:50%;line-height:70px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.header-m .logo img{max-height:40px}
.header-m .m-menu-b{display:block;position:absolute;top:0;left:0;width:60px;height:70px;cursor:pointer}
.header-m .m-menu-b::after,.header-m .m-menu-b::before{position:absolute;top:50%;left:calc(35px / 2);content:'';width:25px;height:1px;z-index:9999;transition:all .3s ease-out .3s;-webkit-transition:all .3s ease-out .3s;background:#222}
.header-m .m-menu-b::before{transform:translateY(-4px) rotate(0);-webkit-transform:translateY(-4px) rotate(0)}
.header-m .m-menu-b::after{transform:translateY(4px) rotate(0);-webkit-transform:translateY(4px) rotate(0)}
.header-m .m-menu{display:none;z-index:888;position:fixed;width:100%;width:260px;height:100%;top:0;left:-260px;opacity:1;background:#fafafa;text-align:left;padding-top:70px}
.header-m .m-menu::after{position:absolute;top:70px;content:'';width:100%;height:1px;background:#ebebeb}
.header-m .nav{height:calc(100% - 82px);overflow-x:hidden;overflow-y:auto}
.header-m .nav>li{border-bottom:1px solid #ebebeb;animation:resize .5s both;-webkit-animation:resize .5s both}
.header-m .nav>li>a{position:relative;display:block;width:100%;font-size:15px;padding:0 40px;color:#666;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;overflow:hidden;height:50px;line-height:50px}
.header-m .nav>li>a::after{position:absolute;left:20px;top:50%;margin-top:-5px;content:'';width:8px;height:8px;border:1px solid #999;border-radius:50%;background:0 0;transition:all .3s;-webkit-transition:all .3s}
.header-m .nav>li .sub-nav{display:none}
.header-m .nav>li .sub-nav a{position:relative;display:block;line-height:24px;padding:12px 40px;background:#f2f2f2;color:#4e4e4e}
.header-m .nav>li .sub-nav a::after,.header-m .nav>li .sub-nav a::before{position:absolute;content:'';width:0;height:0;left:20px;top:20px;border:5px solid transparent;overflow:hidden;transition:all .3s;-webkit-transition:all .3s}
.header-m .nav>li .sub-nav a::before{left:21px;border-left:5px solid #555}
.header-m .nav>li .sub-nav a::after{border-left:5px #ebebeb solid}
.header-m .nav>li.cur{position:relative}
.header-m .nav>li.cur::after,.header-m .nav>li.cur::before{position:absolute;content:'';background:#999;transition:all .5s;-webkit-transition:all .5s}
.header-m .nav>li.cur::before{top:19px;right:25px;width:2px;height:12px}
.header-m .nav>li.cur::after{top:24px;right:20px;width:12px;height:2px}
.header-m .nav>li.active::after{background:#fff}
.header-m .nav>li.active::before{height:0}
.header-m .nav>li.active>a{color:#fff;background:#0050b6}
.header-m .nav>li.active>a::after{background:#fff;border-color:#fff}
.header-m .nav>li.active .sub-nav li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.header-m .m-language{position:absolute;left:0;bottom:0;width:100%;text-align:center}
.header-m .m-language a{color:#666;height:40px;line-height:40px;font-size:16px;display:block;border-bottom:1px solid #ebebeb;animation:slideInUp 1.5s both;-webkit-animation:slideInUp 1.5s both}
.header-m .m-search-b{display:block;position:absolute;top:0;right:0;width:40px;height:70px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAVFBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVW+WkCdAAAAG3RSTlMA86cS1Qd0zb+G48R+W0E4lVIhm5BKLeppGrQHXWddAAABjklEQVRIx6VV2XLDIAzkBgdf8d3o//+zg6GtB5DiTPfNi1cCrTRiV8i1Fc5aJ0yv2R30gsMv9mV7K9hekGGWtMJACf6kFOLnLyvGWShIaHCFgxOu+4rfk7GRWegcqr9y3X6SLfUOkbHSn3RfU0zx2khyrrGHiFowhcQaznewGuTpraynH4hXmpzVIZJnCELZbE6uIRBqcxNOv0oyVAXBUAsostTFtUs7fVHhos5zxoVmGunuE/+XuHcXKyOKzPvC/9LLNlYeQZ+KXFb+wCRztclCakXZ4gp6DIG6umSpn02AtswWj5Dhs+i4HNiFQZQKhQ/fEwLslJVyD+xDElMB3OhLisBRLi/x/NH0Mm6AmUOCwmxuIYEr7xWHC3ZsBawPKJAoPmBGNzwTdHqBiBXtWmP/9oTrdKpLbAAU07MdxdyYVWZr52D3cQBQGwD3GRl2asrKjqKxpVK+PtBMySCv72ukSs0j72u0T/ZO7D5eyWKk4bCtja5bakDQhUcPiGcfwMQSsE/QVbctjcFZw74Bhtc3xlH5qhwAAAAASUVORK5CYII=) no-repeat left center;background-size:23px}
html.active{height:100%;overflow:hidden}
html.active body{height:100%;overflow:hidden}
html.active .header-m{left:260px}
html.active .header-m::after{display:block}
html.active .header-m .m-menu-b::after,html.active .header-m .m-menu-b::before{background:#000}
html.active .header-m .m-menu-b::before{transform:translateY(0) rotate(225deg);-webkit-transform:translateY(0) rotate(225deg)}
html.active .header-m .m-menu-b::after{transform:translateY(0) rotate(-225deg);-webkit-transform:translateY(0) rotate(-225deg)}
html.active .header-m .m-menu{display:block;left:0}
html.active .banner,html.active .i-banner,html.active footer,html.active main{transform:translateX(260px);-webkit-transform:translateX(260px)}
}
@media (max-width:768px){
.i-news .i-news-r .slick-next,.i-news .i-news-r .slick-prev{display:none!important}
.i-cont .m-slx{float:none;width:100%;margin-left:0}
.i-cont .m-slx a{padding-left:0}
.i-cont .i-co-l{float:none;width:100%}
.i-cont .i-co-l ul li .i-ci{display:none}
.i-cont .i-co-l ul li .i-cx-a1{width:100%}
.i-cont .i-cont-ul li{width:100%}
.i-banner .sm-db{display:block!important}
.main-nav-p{display:none}
.main-nav-m{display:block;position:relative;z-index:555;cursor:pointer}
.main-nav-m .title{position:relative;height:45px;line-height:45px;padding:0 10px;background:#0050b6}
.main-nav-m .title strong{color:#fff;font-size:16px;font-weight:700}
.main-nav-m .title i{position:absolute;content:'';width:45px;height:100%;right:0}
.main-nav-m .title i::after,.main-nav-m .title i::before{position:absolute;top:50%;content:'';width:12px;height:1px;background:#fff;transition:all .3s;-webkit-transition:all .3s}
.main-nav-m .title i::before{left:46%;transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m .title i::after{right:46%;transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::before{transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::after{transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m ul{display:none;position:absolute;top:45px;width:100%;padding:0 10px;background:rgba(51,51,51,.8);color:#fff}
.main-nav-m ul li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.main-nav-m ul li a{display:block;height:45px;line-height:45px;border-bottom:1px solid rgba(255,255,255,.55)}
.banner{height:3rem}
.in-page a{display:none}
.in-page a.cur,.in-page a.lower,.in-page a.upper{display:inline-block}
.in-page a.cur{margin:0 2px}
.fix-video .video-wrap{max-width:90%}
.fix-search{padding:0 15px}
.fix-search .search{height:65px;padding-left:0;background:0 0}
.fix-search .txt{font-size:20px;text-align:left;padding:0 10px}
.fix-search .btn{font-size:22px;color:#777}
.f36{font-size:.4rem}
.ft-mx{display:none}
.i-line-mo{height:.08rem;width:90%;margin:0 auto}
.i-btn{margin:.2rem auto 0 auto}
.i-about{height:auto!important;max-height:unset!important}
.i-about .vide-le{width:100%;float:none;height:3.95rem}
.i-about .video-open{transition:all .8s;-webkit-transition:all .8s}
.i-about .video-open::before{content:"";background:url(play-ico.png) no-repeat center 1.4rem;position:absolute;height:100%;color:#fff;font-size:18px;text-align:center;width:100%;line-height:3.9rem;transition:all .8s;-webkit-transition:all .8s}
.i-about .video-open:hover{border-radius:8%}
.i-about .video-open:hover::before{content:"";background:url(play-ico.png) no-repeat center 1.3rem;color:#fff;width:100%;line-height:3.9rem}
.i-about .i-ab-l,.i-about .i-ab-r{width:100%;float:none;height:auto!important;max-height:unset!important}
.i-about .i-ab-l img{width:100%;height:auto!important}
.i-about .i-ab-r{padding-left:3%;padding-right:3%;padding-bottom:3%;text-align:justify}
.i-ax-r img{width:36px}
.i-ax-l img{width:36px}
.i-about .i-ab-r .number-w .dib{display:block;padding-left:3%}
.i-about .i-ab-r .number-w .ml-b20{margin-left:0}
.i-about .i-ab-r .i-ab-btn{margin:.5rem 0 0}
.i-cont .i-cont-ul li{width:98%;margin:.1rem auto}
.i-cont .i-cont-ul li:nth-last-child(2){float:none;margin-top:.15rem;height:105px}
.i-cont .i-cont-ul li:nth-last-child(1){float:none;margin-top:.15rem}
.i-foot{padding-top:.2rem!important;background:#fff}
.i-foot .ft-t{width:96%;margin:.2rem auto}
.i-foot .ft-t .ft-t1{background-size:.3rem;height:unset}
.i-foot .ft-t .ft-t2{background-size:.34rem;height:unset;padding-left:.6rem}
.i-foot .f28{font-size:.36rem}
footer .copyright{padding:.25rem}
footer .copyright .free,footer .copyright h1,footer .copyright>img{display:none}
footer .copyright h2{margin-top:0}
footer .footer-head .icon_list ul li {
    float: left;
    width: 100%;
    height: auto;
    font-size: 16px;
}
footer .footer-head  dl{
   display:none
}
footer .footer-head  .pb50 {
    padding-bottom: 0;
}
.i-cont{background:#fff!important}
.i-pro .wbfxi li{float:none;width:100%;margin-bottom:.2rem}
.i-pro .wbfxi li a{display:block}
.i-pro .wbfxi li .xadn{display:none!important}
.i-pro .wbfxi li .bg-xn{width:100%;height:auto}
.i-pro .wbfxi li .dtm{width:100%;height:3.4rem}
.i-pro .wbfxi:hover .bg-xx{top:0!important}
.i-pro .wbfxi:hover .bg-xn{bottom:0!important}
.i-pro .i-pro-ul li{width:50%;margin:.2rem auto}
.n-nav{display:none}
.about .ab-top>.fl{width:100%}
.factory .factory-ul li{width:46%;margin:2%}
.n-pro .n-pro-l{display:none}
.n-pro .n-pro-r{width:100%}
.n-pro .n-pro-r .prox-info .fl,.n-pro .n-pro-r .prox-info .fr{float:none;width:100%}
.n-pro .n-pro-r .prox-info .fr{padding-left:0}
.contact{background-size:cover;padding-top:.25rem}
.contact .contact-top{padding:.5rem .25rem}
.contact .f22{font-size:.36rem}
.contact .fl,.contact .fr{float:none}
.contact .pt40 img.fr{margin:0 auto}
.contact .i-cont{background:unset!important}
.contact .i-cont .i-cont-ul li{width:100%!important}
.news-list ul li img.fl{width:28%}
.honor-list ul li{margin-left:1%;margin-right:1%;width:48%}
.p-list li .fl,.p-list li .fr{width:100%}
.p-list li .fl{text-align:center}
.p-list li .fl img{width:100%}
.p-list li .fr{padding:0}
.p-list li .fr .linx{border:1px solid #fff;padding:.6rem}
.p-list li.cur .fr,.p-list li:hover .fr{padding:.2rem}
.p-list li.cur .fr .linx,.p-list li:hover .fr .linx{border:1px solid #0050b6;padding:.4rem}
.anli ul li{width:47%;margin:1.5%}
.contact .lx-ipt input{width:100%}
.contact .lx-tra{margin-top:20px;width:100%}
}
@media (max-width:480px){
.join .join-top h2{width:100%;margin-left:auto;margin-right:auto}
.join-list .box-sd{padding:0 0 .5rem 0}
.join-list .box-sd li{font-size:.21rem}
.cp-info .i-ab-btn{margin:60px 10px 0 0;width:160px}
.cp-info .i-ab-btn .i-second{width:160px}
.cp-info .i-ab-btn .i-first{width:160px}
.anli ul li{width:100%;margin:.2rem auto;float:none}
.news-list ul li img.fl{width:100%;float:none}
.news-list ul li .fr{float:none;width:100%}
.arrow-d{margin-top:.1rem;margin-left:.1rem}
.i-about .i-ax-r a{margin-left:.1rem}
.i-banner .slick-next,.i-banner .slick-prev{display:none!important}
.news .news-l{width:100%}
.news .news-r{width:100%;padding-top:.35rem}
.news ul li.cur h1,.news ul li:hover h1{color:#0050b6}
.news ul li.cur a>.news-l>img,.news ul li:hover a>.news-l>img{width:36%}
.news ul li.cur a .news-r img,.news ul li:hover a .news-r img{margin-left:0;margin-top:.1rem}
.pro-info .pic-slider-w .b-pic-slider .slick-slide li{height:.8rem}
.pro-info .pic-slider-w .t-pic-slider .slick-slide li{height:6rem}
.pro-info .pic-slider-w .slick-next,.pro-info .pic-slider-w .slick-prev{background-size:.2rem!important}
.tab-head li{width:100%}
.n-pro .n-pro-r .n-pro-x li{width:100%;margin:0 auto 2.8% auto;float:none}
.factory .factory-ul li{width:100%;margin:5% auto;float:none}
.about .ab-video .rel{height:3rem;max-width:100%}
.about .ab-video .rel .video-open{width:100%;height:100%}
.about .ab-video .rel .video-open::before{content:"Watch Video";background:url(v-play.png) no-repeat center .9rem rgba(0,0,0,.2);font-size:.28rem;line-height:4.5rem;background-size:1rem}
.about .ab-video .rel .video-open:hover{border-radius:50%}
.about .ab-video .rel .video-open:hover::before{content:"Click To Watch";background:url(v-play.png) no-repeat center .8rem rgba(0,0,0,.7);font-size:.28rem;line-height:4.4rem;background-size:1rem}
.c40{font-size:.6rem}
.i-pro .i-pro-m{width:100%}
.i-pro .i-pro-m a{width:49%;margin:1% 0}
.i-pro .i-pro-ul li{width:98%;margin:0 auto;float:none}
.i-foot .ft-t .ft-t1{background-size:.36rem}
.i-foot .ft-t .ft-t2{background-size:.5rem}
.i-news .i-news-l{display:none}
.i-news .i-news-slider{padding-left:0;padding-top:.1rem;padding-bottom:.1rem}
.i-news .i-news-r{width:100%}
.i-news .i-news-r li{width:100%!important}
.i-news .i-news-r li a .fl,.i-news .i-news-r li a .fr{float:none;display:inline-block;overflow:hidden;width:100%;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word}
.i-news .i-news-r .slick-list{width:100%!important}
.honor-list ul li{margin-left:0;margin-right:0;width:100%}
.honor-list ul li .r-img1{width:100%;height:6.6rem;margin-bottom:-.6rem}
.cp-info .cp-in-r{width:100%;margin-top:.5rem}
.cp-info .cp-in-l{width:100%;border:1px solid #e5e4e4}
.cp-info .cp-in-l img{width:100%}
}
@keyframes resize{
60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:scale(5,5)}
100%{opacity:1;transform:scale(1,1)}
}
@-webkit-keyframes resize{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale(5,5)}
100%{opacity:1;-webkit-transform:scale(1,1)}
}
@keyframes ReturnToNormal{
from{opacity:0;transform-origin:right bottom;transform:rotate3d(0,0,1,45deg)}
to{opacity:1;transform-origin:right bottom;transform:none}
}
@-webkit-keyframes ReturnToNormal{
from{opacity:0;-webkit-transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg)}
to{opacity:1;-webkit-transform-origin:right bottom;-webkit-transform:none}
}