@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:1.7; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333; -webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none; color:#333; font-family:inherit;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
select,input[type=text] {
  -webkit-appearance:none; /* 清除iOS默认样式 */
  -moz-appearance:none;    /* 清除Firefox默认样式 */
  appearance:none;         /* 标准语法 */
  background-color:transparent; /* 透明背景 */
}

/*header*/
@media screen and (min-width:1530px){
.header{ width:100%; position:relative; z-index:1; background-color:#fff;}
.header .head{ width:1400px; margin:auto; height:154px; display:flex; align-items:center;}
.header .head .logo{ height:100px;}
.header .head .logo img{ display:block; height:100px;}
.header .head .tel{ display:flex; justify-content:center; flex:1;}
.header .head .tel a{ display:block;}
.header .head .tel span{ display:block; font-size:16px; line-height:26px;}
.header .head .tel b{ display:block; font-size:30px; line-height:34px; margin-top:4px; color:#0254a6;}
.header .head .gg{ display:flex; align-items:center;}
.header .head .gg dt{ height:50px; margin-left:38px;}
.header .head .gg dt:first-child{ margin-left:0;}
.header .head .gg dt img{ display:block; height:50px;}
.header .head .gg dd{ display:block; font-size:20px; line-height:24px; width:44px; letter-spacing:2px; margin-left:10px;}

.navbox{ width:100%; position:relative; z-index:3; background-color:#0254a6; height:56px;}
.navbox .bg{ width:50%; height:100%; position:absolute; right:0; top:0; background-color:#333; z-index:1;}
.navbox .yu{ display:block; width:162px; position:absolute; right:50%; margin-right:-700px; top:0; height:56px; background-color:#333; z-index:3;}
.navbox .yu dt{ float:right; font-size:16px; height:56px; line-height:56px; color:#fff; overflow:hidden; display:block; position:relative; cursor:pointer;}
.navbox .yu dt strong{ height:20px; display:block; float:left; margin:18px 10px;}
.navbox .yu dt strong img{ height:20px; display:block;}
.navbox .yu dt b{ width:10px; height:6px; display:block; float:right; margin:25px 8px; margin-right:0; background-image:url(../images/sel.png); background-position:center; background-repeat:no-repeat; -webkit-transition:-webkit-transform .5s,height .5s,width .5s;}
.navbox .yu.active dt b{ -webkit-transform:rotateX(-180deg);}
.navbox .yu dd{ width:100%; position:absolute; left:0; top:100%; background-color:#333; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; box-sizing:border-box; text-align:center;}
.navbox .yu dd span{ display:inline-block; text-align:left; padding:10px 20px;}
.navbox .yu dd a{ display:block; font-size:14px; line-height:34px; height:34px; overflow:hidden; color:#fff;}
.navbox .yu dd a img{ display:block; height:20px; float:left; margin-top:7px; margin-right:10px;}
.navbox .yu dd a:hover{ color:#f04d22;}
.navbox .yu.active dd{ top:100%; opacity:1; height:auto;}

.navbox .nav{ width:1400px; margin:auto; position:relative; z-index:3;}
.navbox .nav li{ display:block; width:176px; float:left; height:56px; position:relative; padding-right:1px; background-color:#0254a6;}
.navbox .nav li:last-child{ padding-right:0;}
.navbox .nav li:before{ width:1px; height:16px; display:block; content:''; position:absolute; right:0; top:50%; margin-top:-8px; background-color:#fff; opacity:.5; overflow:hidden;}
.navbox .nav li:last-child:before{ display:none;}
.navbox .nav li>a{ width:100%; font-size:16px; height:56px; line-height:56px; position:relative; display:block; color:#fff; text-align:center;}
.navbox .nav li.on>a:before,.navbox .nav li:hover>a:before{ width:110px; height:3px; display:block; content:''; position:absolute; left:50%; margin-left:-55px; bottom:0; background-color:#f04d22; overflow:hidden;}
.navbox .nav li p{ width:100%; position:absolute; left:0; top:100%; background-color:#0254a6; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; text-align:center; box-sizing:border-box;}
.navbox .nav li p a{ display:block; font-size:14px; line-height:34px; height:34px; overflow:hidden; color:#fff; text-transform:capitalize;}
.navbox .nav li p a:hover{ color:#f04d22;}
.navbox .nav li:hover p{ top:100%; opacity:1; height:auto; padding:10px 15px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.header{ width:100%; position:relative; z-index:1; background-color:#fff;}
.header .head{ width:94%; margin:auto; height:120px; display:flex; align-items:center;}
.header .head .logo{ height:70px;}
.header .head .logo img{ display:block; height:70px;}
.header .head .tel{ display:flex; justify-content:center; flex:1;}
.header .head .tel a{ display:block;}
.header .head .tel span{ display:block; font-size:15px; line-height:25px;}
.header .head .tel b{ display:block; font-size:24px; line-height:30px; margin-top:1px; color:#0254a6;}
.header .head .gg{ display:flex; align-items:center;}
.header .head .gg dt{ height:44px; margin-left:1.979vw;}
.header .head .gg dt:first-child{ margin-left:0;}
.header .head .gg dt img{ display:block; height:44px;}
.header .head .gg dd{ display:block; font-size:18px; line-height:22px; width:40px; letter-spacing:2px; margin-left:0.52vw;}

.navbox{ width:100%; position:relative; z-index:3; background-color:#0254a6; height:50px;}
.navbox .bg{ width:50%; height:100%; position:absolute; right:0; top:0; background-color:#333; z-index:1;}
.navbox .yu{ display:block; width:130px; position:absolute; right:3%; height:40px; background-color:#333; z-index:3;}
.navbox .yu dt{ float:right; font-size:15px; height:50px; line-height:50px; color:#fff; overflow:hidden; display:block; position:relative; cursor:pointer;}
.navbox .yu dt strong{ height:18px; display:block; float:left; margin:16px 7px;}
.navbox .yu dt strong img{ height:18px; display:block;}
.navbox .yu dt b{ width:10px; height:6px; display:block; float:right; margin:22px 5px; margin-right:0; background-image:url(../images/sel.png); background-position:center; background-repeat:no-repeat; -webkit-transition:-webkit-transform .5s,height .5s,width .5s;}
.navbox .yu.active dt b{ -webkit-transform:rotateX(-180deg);}
.navbox .yu dd{ width:100%; position:absolute; left:0; top:100%; background-color:#333; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; box-sizing:border-box; text-align:center;}
.navbox .yu dd span{ display:inline-block; text-align:left; padding:10px 15px;}
.navbox .yu dd a{ display:block; font-size:14px; line-height:34px; height:34px; overflow:hidden; color:#fff;}
.navbox .yu dd a img{ display:block; height:18px; float:left; margin-top:8px; margin-right:7px;}
.navbox .yu dd a:hover{ color:#f04d22;}
.navbox .yu.active dd{ top:100%; opacity:1; height:auto;}

.navbox .nav{ width:94%; margin:auto; position:relative; z-index:3;}
.navbox .nav li{ display:block; width:calc((100% - 136px)/7); float:left; height:50px; position:relative; padding-right:1px; background-color:#0254a6;}
.navbox .nav li:last-child{ padding-right:0;}
.navbox .nav li:before{ width:1px; height:14px; display:block; content:''; position:absolute; right:0; top:50%; margin-top:-7px; background-color:#fff; opacity:.5; overflow:hidden;}
.navbox .nav li:last-child:before{ display:none;}
.navbox .nav li>a{ width:100%; font-size:15px; height:50px; line-height:50px; position:relative; display:block; color:#fff; text-align:center;}
.navbox .nav li.on>a:before,.navbox .nav li:hover>a:before{ width:90px; height:2px; display:block; content:''; position:absolute; left:50%; margin-left:-45px; bottom:0; background-color:#f04d22; overflow:hidden;}
.navbox .nav li p{ width:100%; position:absolute; left:0; top:100%; background-color:#0254a6; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; text-align:center; box-sizing:border-box;}
.navbox .nav li p a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#fff; text-transform:capitalize;}
.navbox .nav li p a:hover{ color:#f04d22;}
.navbox .nav li:hover p{ top:100%; opacity:1; height:auto; padding:10px 15px;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; position:relative; z-index:1; background-color:#fff;}
.header .head{ width:94%; margin:auto; height:60px;}
.header .head .logo{ height:36px; padding:12px 0; float:left;}
.header .head .logo img{ display:block; height:36px;}
.header .head .tel{ width:36px; height:36px; float:right; border-radius:100%; background-color:#0254a6; overflow:hidden; margin:12px 10px; display:none;}
.header .head .tel a{ display:block; width:36px; height:36px; opacity:0;}
.header .head .tel span{ display:block; font-size:15px; line-height:25px;}
.header .head .tel b{ display:block; font-size:24px; line-height:30px; margin-top:1px; color:#0254a6;}
.header .head .gg{ display:none;}

.header .hamburger{ height:22px; width:16px; border-radius:100%; background-color:#f04d22; float:right; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; margin:12px 0; padding:7px 10px;}
.header .hamburger .h-bar{ display:block; width:16px; height:1px; background-color:#fff; margin:5px auto; transform:rotate(0deg); opacity:1; transition:all 0.4s ease-out 0s;}
.header .hamburger.open-menu .h-bar{ margin-left:7px;}
.header .hamburger.open-menu .h-bar:nth-of-type(1){ transform:rotate(45deg) translateY(9px);}
.header .hamburger.open-menu .h-bar:nth-of-type(2){ opacity:0;}
.header .hamburger.open-menu .h-bar:nth-of-type(3){ transform:rotate(-45deg) translateY(-9px);}
.header .hamburger.open-menu .h-bar{ margin-bottom:0px;}

.navbox .yu{ display:block; width:36px; height:36px; border-radius:100%; position:absolute; right:3%; margin-right:46px; top:12px; background-color:#0254a6; z-index:3; background-image:url(../images/yu02.png); background-position:center; background-repeat:no-repeat; background-size:16px auto;}
.navbox .yu dt{ display:none; float:right; font-size:15px; height:50px; line-height:50px; color:#fff; overflow:hidden; position:relative; cursor:pointer;}
.navbox .yu dt strong{ height:18px; display:block; float:left; margin:16px 7px;}
.navbox .yu dt strong img{ height:18px; display:block;}
.navbox .yu dt b{ width:10px; height:6px; display:block; float:right; margin:22px 5px; margin-right:0; background-image:url(../images/sel.png); background-position:center; background-repeat:no-repeat; -webkit-transition:-webkit-transform .5s,height .5s,width .5s;}
.navbox .yu.active dt b{ -webkit-transform:rotateX(-180deg);}
.navbox .yu dd{ width:120px; position:absolute; left:50%; margin-left:-60px; top:30px; background-color:#333; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; box-sizing:border-box; text-align:center;}
.navbox .yu dd span{ display:inline-block; text-align:left; padding:10px;}
.navbox .yu dd a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#fff;}
.navbox .yu dd a img{ display:block; height:16px; float:left; margin-top:7px; margin-right:4px;}
.navbox .yu dd a:hover{ color:#f04d22;}
.navbox .yu.active dd{ top:48px; opacity:1; height:auto;}

.navbox .nav{ background-color:#0254a6; display:block; opacity:0; position:absolute; overflow-y:scroll; width:100%; height:calc(100vh - 60px); top:60px; left:-100vw; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; z-index:222; padding:30px 3%; padding-bottom:64px; box-sizing:border-box; border-top:1px solid #222;}
.navbox .nav.open-menu{ opacity:1; left:0px; transition:left 0.3s ease-out 0s;}
.navbox .nav li{ width:100%; display:block; overflow:hidden; border-bottom:1px solid #0064c8; position:relative;}
.navbox .nav li> a{ display:block; font-size:16px; color:#fff; padding-left:20px; height:50px; line-height:50px; text-transform:capitalize;}
.navbox .nav li b{ display:inline-flex; -webkit-box-pack:center; justify-content:center; -webkit-box-align:center; align-items:center; height:50px; width:50px; position:absolute; right:0; top:0px; text-align:center;}
.navbox .nav li b::after{ content:"+"; background-color:transparent; font-size:24px; color:#333; transform:rotateZ(0deg); transition:transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; color:#ccc;}
.navbox .nav li:nth-child(2) b,.navbox .nav li:last-child b{ display:none;}
.navbox .nav li.cur b::after{ transform:rotateZ(135deg);}
.navbox .nav li.cur>a,.navbox .nav li.on>a{ color:#f04d22;}
.navbox .nav li p{ display:none; width:100%; overflow:hidden; box-sizing:border-box; padding:10px 20px; margin-top:-20px;}
.navbox .nav li p a{ display:block; font-size:14px; line-height:30px; height:30px; color:#ccc; overflow:hidden; text-transform:capitalize;}
.navbox .nav li p a:hover{ color:#f04d22;}
}

/*banner*/
@media screen and (min-width:1530px){
.banner{ width:100%; height:740px; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-wrapper{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide a{ width:100%; height:740px; position:relative; z-index:1; display:block; overflow:hidden;}
.banner .swiper-slide a img{ height:740px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-slide a img.mobile{ display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:30px; z-index:3;}
.banner .swiper-pagination span{ width:50px; height:4px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,.5); overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-wrapper{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide a{ width:100%; position:relative; z-index:1; display:block; overflow:hidden;}
.banner .swiper-slide a img{ width:100%; display:block;}
.banner .swiper-slide a img.pc{ display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:25px; z-index:3;}
.banner .swiper-pagination span{ width:40px; height:4px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,.5); overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-wrapper{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide a{ width:100%; position:relative; z-index:1; display:block; overflow:hidden;}
.banner .swiper-slide a img{ width:100%; display:block;}
.banner .swiper-slide a img.pc{ display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:15px; z-index:3;}
.banner .swiper-pagination span{ width:20px; height:3px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,.5); overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
}

/*产品展示*/
@media screen and (min-width:1530px){
.title{ width:1400px; margin:auto; position:relative; z-index:3; text-align:center;}
.title .t01{ font-size:36px; line-height:46px; font-weight:bold; letter-spacing:2px; text-indent:2px;}
.title .t01 span{ color:#0254a6;}
.title .t02{ font-size:16px; line-height:26px; color:#666; margin-top:4px;}
.title .t03{ width:40px; height:4px; margin:auto; background-color:#0254a6; margin-top:15px;}
.title .t04{ font-size:30px; line-height:40px; padding-bottom:6px; font-weight:bold; letter-spacing:2px; text-indent:2px; color:#0254a6;}
.title .t04 span{ color:#f04d22;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.title{ width:94%; margin:auto; position:relative; z-index:3; text-align:center;}
.title .t01{ font-size:30px; line-height:40px; font-weight:bold; letter-spacing:1px; text-indent:1px;}
.title .t01 span{ color:#0254a6;}
.title .t02{ font-size:15px; line-height:25px; color:#666; margin-top:2px;}
.title .t03{ width:36px; height:3px; margin:auto; background-color:#0254a6; margin-top:10px;}
.title .t04{ font-size:24px; line-height:34px; padding-bottom:6px; font-weight:bold; letter-spacing:1px; text-indent:1px; color:#0254a6;}
.title .t04 span{ color:#f04d22;}
}
@media only screen and (max-width:1023px){
.title{ width:94%; margin:auto; position:relative; z-index:3; text-align:center;}
.title .t01{ font-size:24px; line-height:34px; font-weight:bold;}
.title .t01 span{ color:#0254a6;}
.title .t02{ font-size:14px; line-height:24px; color:#666;}
.title .t03{ width:30px; height:2px; margin:auto; background-color:#0254a6; margin-top:5px;}
.title .t04{ font-size:18px; line-height:28px; font-weight:bold; color:#0254a6;}
.title .t04 span{ color:#f04d22;}
}
@media screen and (min-width:1530px){
.pbox{ width:100%; padding-top:95px; padding-bottom:90px; position:relative; z-index:1; background-color:#fff; background-position:bottom center; background-repeat:no-repeat;}
.pbox .box{ width:1400px; margin:auto; position:relative; z-index:3;}
.pbox .box .list{ width:100%; display:flex; flex-wrap:wrap; padding-bottom:95px; padding-top:5px;}
.pbox .box .list a{ display:block; position:relative; width:320px; float:left; margin-left:40px; margin-top:35px; overflow:hidden;}
.pbox .box .list a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .list a .tu{ width:100%; padding-top:100%; display:block; position:relative; z-index:1;}
.pbox .box .list a .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.pbox .box .list a .tu p{ display:none;}
.pbox .box .list a .wen{ width:100%; text-align:center; margin-top:10px;}
.pbox .box .list a .wen span{ font-size:16px; line-height:26px; display:block; overflow:hidden;}
.pbox .box .list a .wen p{ display:none;}
.pbox .box .list a:hover .wen span{ color:#0254a6;}
.pbox .box .list01{ width:1398px; display:flex; flex-wrap:wrap;}
.pbox .box .list01 li{ display:block; position:relative; width:300px; float:left; margin-left:66px; margin-top:40px; overflow:hidden; cursor:pointer;}
.pbox .box .list01 li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .list01 li .wen{ width:100%; height:300px; display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:#fff; border-radius:100%; text-align:center;}
.pbox .box .list01 li .wen .w01{ width:80%;}
.pbox .box .list01 li .wen .w01 img{ display:block; margin:5px auto; height:50px;}
.pbox .box .list01 li .wen .w01 img.img02{ display:none;}
.pbox .box .list01 li .wen .w02{ width:80%; margin:10px 0; font-size:20px; line-height:30px; height:30px; font-weight:bold; color:#0254a6;}
.pbox .box .list01 li .wen .w03{ width:80%; font-size:14px; line-height:24px; height:48px;}
.pbox .box .list01 li:hover .wen{ background-color:#0254a6;}
.pbox .box .list01 li:hover .wen .w01 img.img01{ display:none;}
.pbox .box .list01 li:hover .wen .w01 img.img02{ display:block;}
.pbox .box .list01 li:hover .wen .w02,.pbox .box .list01 li:hover .wen .w03{ color:#fff;}
.pbox .box .list01 li .mask{ width:100%; margin-top:30px;}
.pbox .box .list01 li .mask img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.pbox{ width:100%; padding-top:65px; padding-bottom:60px; position:relative; z-index:1; background-color:#fff; background-position:bottom center; background-repeat:no-repeat;}
.pbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.pbox .box .list{ width:100%; display:flex; flex-wrap:wrap; padding-bottom:65px; padding-top:5px;}
.pbox .box .list a{ display:block; position:relative; width:22.8625%; float:left; margin-left:2.85%; margin-top:25px; overflow:hidden;}
.pbox .box .list a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .list a .tu{ width:100%; padding-top:100%; display:block; position:relative; z-index:1;}
.pbox .box .list a .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.pbox .box .list a .tu p{ display:none;}
.pbox .box .list a .wen{ width:100%; text-align:center; margin-top:7px;}
.pbox .box .list a .wen span{ font-size:15px; line-height:25px; display:block; overflow:hidden;}
.pbox .box .list a .wen p{ display:none;}
.pbox .box .list a:hover .wen span{ color:#0254a6;}
.pbox .box .list01{ width:100%; display:flex; flex-wrap:wrap;}
.pbox .box .list01 li{ display:block; position:relative; width:22.75%; float:left; margin-left:3%; margin-top:30px; overflow:hidden; cursor:pointer;}
.pbox .box .list01 li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .list01 li .wen{ width:100%; height:21.385vw; display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:#fff; border-radius:100%; text-align:center;}
.pbox .box .list01 li .wen .w01{ width:80%;}
.pbox .box .list01 li .wen .w01 img{ display:block; margin:5px auto; height:40px;}
.pbox .box .list01 li .wen .w01 img.img02{ display:none;}
.pbox .box .list01 li .wen .w02{ width:80%; margin:5px 0; font-size:18px; line-height:28px; height:28px; font-weight:bold; color:#0254a6;}
.pbox .box .list01 li .wen .w03{ width:80%; font-size:14px; line-height:24px; height:48px;}
.pbox .box .list01 li:hover .wen{ background-color:#0254a6;}
.pbox .box .list01 li:hover .wen .w01 img.img01{ display:none;}
.pbox .box .list01 li:hover .wen .w01 img.img02{ display:block;}
.pbox .box .list01 li:hover .wen .w02,.pbox .box .list01 li:hover .wen .w03{ color:#fff;}
.pbox .box .list01 li .mask{ width:100%; margin-top:20px;}
.pbox .box .list01 li .mask img{ width:100%; height:30px; display:block;}
}
@media only screen and (max-width:1023px){
.pbox{ width:100%; padding-top:35px; padding-bottom:35px; position:relative; z-index:1; background-color:#fff; background-position:bottom center; background-repeat:no-repeat;}
.pbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.pbox .box .list{ width:100%; display:flex; flex-wrap:wrap; padding-bottom:35px; padding-top:5px;}
.pbox .box .list a{ display:block; position:relative; width:48.5%; float:left; margin-left:3%; margin-top:15px; overflow:hidden;}
.pbox .box .list a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .list a:nth-child(n+7){ display:none;}
.pbox .box .list a .tu{ width:100%; padding-top:100%; display:block; position:relative; z-index:1;}
.pbox .box .list a .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.pbox .box .list a .tu p{ display:none;}
.pbox .box .list a .wen{ width:100%; text-align:center; margin-top:5px;}
.pbox .box .list a .wen span{ font-size:14px; line-height:24px; display:block; overflow:hidden;}
.pbox .box .list a .wen p{ display:none;}
.pbox .box .list a:hover .wen span{ color:#0254a6;}
.pbox .box .list01{ width:100%; display:flex; flex-wrap:wrap; padding-top:5px;}
.pbox .box .list01 li{  display:flex; flex-direction:column; position:relative; width:48.5%; float:left; margin-left:3%; margin-top:15px; overflow:hidden; cursor:pointer;}
.pbox .box .list01 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .list01 li .wen{ flex:1; background-color:#fff; border-radius:10px; text-align:center; padding:15px;}
.pbox .box .list01 li .wen .w01{ width:100%;}
.pbox .box .list01 li .wen .w01 img{ display:block; margin:5px auto; height:30px;}
.pbox .box .list01 li .wen .w01 img.img02{ display:none;}
.pbox .box .list01 li .wen .w02{ width:100%; font-size:16px; line-height:26px; height:26px; font-weight:bold; color:#0254a6;}
.pbox .box .list01 li .wen .w03{ width:100%; font-size:14px; line-height:24px}
.pbox .box .list01 li:hover .wen{ background-color:#0254a6;}
.pbox .box .list01 li:hover .wen .w01 img.img01{ display:none;}
.pbox .box .list01 li:hover .wen .w01 img.img02{ display:block;}
.pbox .box .list01 li:hover .wen .w02,.pbox .box .list01 li:hover .wen .w03{ color:#fff;}
.pbox .box .list01 li .mask{ width:100%; margin-top:10px;}
.pbox .box .list01 li .mask img{ width:100%; height:15px; display:block;}
}

/*海盛概况*/
@media screen and (min-width:1530px){
.abox{ width:100%; padding-top:100px; padding-bottom:170px; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:1400px; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:600px; float:left; height:530px;}
.abox .box .left .w01{ width:60px; height:2px; background-color:#0254a6;}
.abox .box .left .w02{ margin-top:20px; font-size:48px; line-height:48px; font-weight:bold; text-transform:uppercase;}
.abox .box .left .w03{ font-size:30px; line-height:40px; font-weight:bold;}
.abox .box .left .w03 span{ color:#0254a6;}
.abox .box .left .w04{ width:100%; margin-top:27px; font-size:14px; line-height:30px; height:180px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6;}
.abox .box .left .w05{ margin-top:32px;}
.abox .box .left .w05 a{ overflow:hidden; min-width:90px; display:block; padding:0 25px; height:40px; line-height:40px; font-size:14px; background-color:#0254a6; color:#fff; float:left;}
.abox .box .left .w05 a img{ display:block; height:12px; float:right; margin-left:10px; margin-top:14px;}
.abox .box .left .w05 a:hover{ background-color:#f04d22;}
.abox .box .left .w06{ display:flex; justify-content:space-between; padding-top:40px;}
.abox .box .left .w06 li{ display:block; margin-top:20px;}
.abox .box .left .w06 li b{ display:block; font-size:50px; line-height:60px; color:#0254a6;}
.abox .box .left .w06 li p{ display:block; font-size:16px; line-height:26px;}
.abox .box .right{ width:720px; height:530px; background-color:#000; float:right;}
.abox .box .right video{ width:100%; height:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.abox{ width:100%; padding-top:65px; padding-bottom:120px; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:94%; margin:auto; position:relative; z-index:3; display:flex;}
.abox .box .left{ width:45.57%; float:left; margin-bottom:-5px;}
.abox .box .left .w01{ width:40px; height:2px; background-color:#0254a6;}
.abox .box .left .w02{ margin-top:15px; font-size:38px; line-height:48px; font-weight:bold; text-transform:uppercase;}
.abox .box .left .w03{ font-size:24px; line-height:34px; font-weight:bold;}
.abox .box .left .w03 span{ color:#0254a6;}
.abox .box .left .w04{ width:100%; margin-top:20px; font-size:14px; line-height:24px; height:144px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6;}
.abox .box .left .w05{ margin-top:25px;}
.abox .box .left .w05 a{ overflow:hidden; min-width:90px; display:block; padding:0 20px; height:38px; line-height:38px; font-size:14px; background-color:#0254a6; color:#fff; float:left;}
.abox .box .left .w05 a img{ display:block; height:12px; float:right; margin-left:10px; margin-top:13px;}
.abox .box .left .w05 a:hover{ background-color:#f04d22;}
.abox .box .left .w06{ display:flex; justify-content:space-between; padding-top:25px;}
.abox .box .left .w06 li{ display:block; margin-top:15px;}
.abox .box .left .w06 li b{ display:block; font-size:40px; line-height:50px; color:#0254a6;}
.abox .box .left .w06 li p{ display:block; font-size:15px; line-height:25px;}
.abox .box .right{ width:51.43%; margin-left:3%; background-color:#000; float:right;}
.abox .box .right video{ width:100%; height:100%; display:block;}
}
@media only screen and (max-width:1023px){
.abox{ width:100%; padding-top:35px; padding-bottom:35px; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:100%; float:left;}
.abox .box .left .w01{ width:20px; height:2px; background-color:#0254a6;}
.abox .box .left .w02{ margin-top:10px; font-size:28px; line-height:28px; font-weight:bold; text-transform:uppercase;}
.abox .box .left .w03{ font-size:18px; line-height:28px; font-weight:bold;}
.abox .box .left .w03 span{ color:#0254a6;}
.abox .box .left .w04{ width:100%; margin-top:10px; font-size:14px; line-height:24px; height:144px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6;}
.abox .box .left .w05{ margin-top:15px;}
.abox .box .left .w05 a{ overflow:hidden; min-width:90px; display:block; padding:0 15px; height:34px; line-height:34px; font-size:14px; background-color:#0254a6; color:#fff; float:left;}
.abox .box .left .w05 a img{ display:block; height:12px; float:right; margin-left:10px; margin-top:11px;}
.abox .box .left .w05 a:hover{ background-color:#f04d22;}
.abox .box .left .w06{ display:flex; justify-content:space-between; padding-top:10px;}
.abox .box .left .w06 li{ display:block; margin-top:10px; max-width:31.33%;}
.abox .box .left .w06 li b{ display:block; font-size:30px; line-height:40px; color:#0254a6;}
.abox .box .left .w06 li p{ display:block; font-size:14px; line-height:24px;}
.abox .box .right{ width:100%; margin-top:25px; background-color:#000; float:right;}
.abox .box .right video{ width:100%; display:block;}
}

/*海盛概况*/
@media screen and (min-width:1530px){
.tbox{ width:100%; position:relative; z-index:3; background-color:#0254a6;}
.tbox .box{ width:1400px; margin:auto; height:300px; display:flex; align-items:center;}
.tbox .box .left{ width:520px;}
.tbox .box .left .w01{ width:100%;}
.tbox .box .left .w01 b{ display:block; float:left; font-size:30px; line-height:40px; color:#fff; margin-right:10px;}
.tbox .box .left .w01 p{ float:left; display:block; padding:1px 20px; font-size:18px; line-height:28px; margin-top:5px; color:#fff; background-color:#f04d22;}
.tbox .box .left .w02{ width:100%; font-size:16px; line-height:26px; color:#fff; margin-top:20px;}
.tbox .box .mil{ flex:1; height:100%; position:relative;}
.tbox .box .mil img{ display:block; max-width:100%; max-height:350px; position:absolute; bottom:70px; left:50%; transform:translateX(-50%);}
.tbox .box .right{ width:300px;}
.tbox .box .right .w01{ width:100%; font-size:16px; line-height:26px; color:#fff; text-align:right;}
.tbox .box .right .w02{ display:flex; justify-content:flex-end; align-items:flex-end; width:100%; font-size:30px; line-height:34px; color:#fff; margin-top:6px;}
.tbox .box .right .w02 img{ display:block; height:16px; margin-right:10px; margin-bottom:5px;}
.tbox .box .right .w03{ width:100%; font-size:14px; line-height:24px; color:#fff; text-align:right; margin-top:10px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.tbox{ width:100%; position:relative; z-index:3; background-color:#0254a6;}
.tbox .box{ width:94%; margin:auto; height:250px; display:flex; align-items:center;}
.tbox .box .left{ width:37.14%;}
.tbox .box .left .w01{ width:100%;}
.tbox .box .left .w01 b{ display:block; float:left; font-size:24px; line-height:34px; color:#fff; margin-right:7px;}
.tbox .box .left .w01 p{ float:left; display:block; padding:0 15px; font-size:16px; line-height:24px; margin-top:5px; color:#fff; background-color:#f04d22;}
.tbox .box .left .w02{ width:100%; font-size:15px; line-height:25px; color:#fff; margin-top:15px;}
.tbox .box .mil{ flex:1; height:100%; position:relative;}
.tbox .box .mil img{ display:block; max-width:100%; max-height:270px; position:absolute; bottom:50px; left:50%; transform:translateX(-50%);}
.tbox .box .right{ width:300px;}
.tbox .box .right .w01{ width:100%; font-size:15px; line-height:25px; color:#fff; text-align:right;}
.tbox .box .right .w02{ display:flex; justify-content:flex-end; align-items:flex-end; width:100%; font-size:30px; line-height:34px; color:#fff; margin-top:5px;}
.tbox .box .right .w02 img{ display:block; height:16px; margin-right:10px; margin-bottom:5px;}
.tbox .box .right .w03{ width:100%; font-size:14px; line-height:24px; color:#fff; text-align:right; margin-top:10px;}
}
@media only screen and (max-width:1023px){
.tbox{ width:100%; position:relative; z-index:3; background-color:#0254a6; padding:35px 0;}
.tbox .box{ width:94%; margin:auto;}
.tbox .box .left{ width:100%;}
.tbox .box .left .w01{ width:100%;}
.tbox .box .left .w01 b{ display:block; float:left; font-size:18px; line-height:28px; color:#fff; margin-right:4px;}
.tbox .box .left .w01 p{ float:left; display:block; padding:0 10px; font-size:14px; line-height:20px; margin:5px 0; color:#fff; background-color:#f04d22;}
.tbox .box .left .w02{ width:100%; font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
.tbox .box .mil{ flex:1; height:100%; position:relative; display:none;}
.tbox .box .mil img{ display:block; max-width:100%; max-height:270px; position:absolute; bottom:50px; left:50%; transform:translateX(-50%);}
.tbox .box .right{ width:100%; padding-top:10px;}
.tbox .box .right .w01{ width:100%; font-size:14px; line-height:24px; color:#fff; text-align:right;}
.tbox .box .right .w02{ display:flex; justify-content:flex-end; align-items:flex-end; width:100%; font-size:30px; line-height:34px; color:#fff; margin-top:5px;}
.tbox .box .right .w02 img{ display:block; height:16px; margin-right:10px; margin-bottom:5px;}
.tbox .box .right .w03{ width:100%; font-size:14px; line-height:24px; color:#fff; text-align:right; margin-top:10px;}
}

/*我们的优势*/
@media screen and (min-width:1530px){
.ybox{ width:100%; padding-top:95px; position:relative; z-index:1; background-color:#f5f5f5;}
.ybox .bg{ width:100%; height:1000px; position:absolute; left:0; top:0; background-position:center; background-size:cover; z-index:1;}
.ybox .bg:before{ width:100%; height:100%; display:block; content:''; background-color:rgba(0,0,0,.7);}
.ybox .title .t01,.ybox .title .t02{ color:#fff;}
.ybox .box{ width:1400px; margin:auto; position:relative; z-index:3;}
.ybox .box .list{ width:100%; display:block;}
.ybox .box .list dt,.ybox .box .list dd{ width:680px; position:relative; display:block; height:440px; float:left; margin-top:40px;}
.ybox .box .list dd{ float:right;}
.ybox .box .list dt .tu,.ybox .box .list dd .tu{ width:360px; height:420px; border:10px solid #0254a6;}
.ybox .box .list dd .tu{ float:right;}
.ybox .box .list dt .tu img,.ybox .box .list dd .tu img{ width:100%; height:100%; display:block; object-fit:cover;}
.ybox .box .list dt .wen,.ybox .box .list dd .wen{ width:400px; height:calc(100% - 80px); background-color:#fff; position:absolute; top:40px; padding:45px 40px; box-sizing:border-box;u}
.ybox .box .list dt .wen{ right:0;}
.ybox .box .list dd .wen{ left:0;}
.ybox .box .list .wen .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.ybox .box .list .wen .w02{ width:40px; height:2px; background-color:#0254a6; margin-top:15px;}
.ybox .box .list .wen .w03{ font-size:14px; line-height:24px; height:144px; margin-top:20px; position:relative; z-index:3; overflow:auto;}
.ybox .box .list .wen .w03::-webkit-scrollbar{ width:2px; height:1px;}
.ybox .box .list .wen .w03::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#999;}
.ybox .box .list .wen .w03::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}
.ybox .box .list .wen .w04{ font-size:60px; line-height:68px; position:absolute; left:40px; bottom:30px; z-index:1; color:#0254a6; opacity:.1;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ybox{ width:100%; padding-top:65px; position:relative; z-index:1; background-color:#f5f5f5;}
.ybox .bg{ width:100%; height:800px; position:absolute; left:0; top:0; background-position:center; background-size:cover; z-index:1;}
.ybox .bg:before{ width:100%; height:100%; display:block; content:''; background-color:rgba(0,0,0,.7);}
.ybox .title .t01,.ybox .title .t02{ color:#fff;}
.ybox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ybox .box .list{ width:100%; display:block;}
.ybox .box .list dt,.ybox .box .list dd{ width:48.5%; position:relative; display:block; height:394px; float:left; margin-top:30px;}
.ybox .box .list dd{ float:right;}
.ybox .box .list dt .tu,.ybox .box .list dd .tu{ width:326px; height:380px; border:7px solid #0254a6;}
.ybox .box .list dd .tu{ float:right;}
.ybox .box .list dt .tu img,.ybox .box .list dd .tu img{ width:100%; height:100%; display:block; object-fit:cover;}
.ybox .box .list dt .wen,.ybox .box .list dd .wen{ width:58.82%; height:calc(100% - 60px); background-color:#fff; position:absolute; top:40px; padding:35px 30px; box-sizing:border-box;u}
.ybox .box .list dt .wen{ right:0;}
.ybox .box .list dd .wen{ left:0;}
.ybox .box .list .wen .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.ybox .box .list .wen .w02{ width:30px; height:2px; background-color:#0254a6; margin-top:10px;}
.ybox .box .list .wen .w03{ font-size:14px; line-height:24px; height:120px; margin-top:20px; position:relative; z-index:3; overflow:auto;}
.ybox .box .list .wen .w03::-webkit-scrollbar{ width:2px; height:1px;}
.ybox .box .list .wen .w03::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#999;}
.ybox .box .list .wen .w03::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}
.ybox .box .list .wen .w04{ font-size:50px; line-height:58px; position:absolute; left:30px; bottom:20px; z-index:1; color:#0254a6; opacity:.1;}
}
@media only screen and (max-width:1023px){
.ybox{ width:100%; padding-top:35px; position:relative; z-index:1; background-color:#f5f5f5;}
.ybox .bg{ width:100%; height:calc(100% - 40px); position:absolute; left:0; top:0; background-position:center; background-size:cover; z-index:1;}
.ybox .bg:before{ width:100%; height:100%; display:block; content:''; background-color:rgba(0,0,0,.7);}
.ybox .title .t01,.ybox .title .t02{ color:#fff;}
.ybox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ybox .box .list{ width:100%; display:block;}
.ybox .box .list dt,.ybox .box .list dd{ width:48.5%; position:relative; display:block; height:210px; float:left; margin-top:20px;}
.ybox .box .list dd{ float:right;}
.ybox .box .list dt .tu,.ybox .box .list dd .tu{ width:150px; height:200px; border:5px solid #0254a6;}
.ybox .box .list dd .tu{ float:right;}
.ybox .box .list dt .tu img,.ybox .box .list dd .tu img{ width:100%; height:100%; display:block; object-fit:cover;}
.ybox .box .list dt .wen,.ybox .box .list dd .wen{ width:80%; height:calc(100% - 30px); background-color:#fff; position:absolute; top:15px; padding:10px 15px; box-sizing:border-box; overflow:auto;}
.ybox .box .list dt .wen{ right:0;}
.ybox .box .list dd .wen{ left:0;}
.ybox .box .list .wen .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.ybox .box .list .wen .w02{ width:20px; height:2px; background-color:#0254a6; margin-top:5px;}
.ybox .box .list .wen .w03{ font-size:14px; line-height:24px; margin-top:10px; position:relative; z-index:3;}
.ybox .box .list .wen .w04{ font-size:50px; line-height:58px; position:absolute; left:30px; bottom:20px; z-index:1; color:#0254a6; opacity:.1; display:none;}
}

/*加工流程*/
@media screen and (min-width:1530px){
.jbox{ width:100%; padding-top:95px; padding-bottom:100px; position:relative; z-index:1; background-color:#f5f5f5;}
.jbox .box{ width:1400px; margin:auto; position:relative; z-index:3; margin-top:40px;}
.jbox .box .swiper-container{ width:100%; margin-top:-20px; display:flex; flex-wrap:wrap;}
.jbox .box .swiper-container:nth-child(2){ flex-direction:row-reverse; margin-top:0;}
.jbox .box .swiper-container .slide{ width:15.5%; height:240px; margin-left:1.4%; margin-top:20px; overflow:hidden; position:relative;}
.jbox .box .swiper-container:nth-child(1) .slide:nth-child(6n+1){ margin-left:0;}
.jbox .box .swiper-container:nth-child(2) .slide:nth-child(6n){ margin-left:0;}
.jbox .box .swiper-container .slide img{ width:100%; height:100%; display:block; object-fit:cover; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jbox .box .swiper-container .slide:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.jbox .box .swiper-container .slide p{ padding:10px 20px; position:absolute; left:0; bottom:0; min-width:120px; background-color:rgba(2,84,166,.7); color:#fff; font-size:16px; line-height:26px;}
.jbox .box .swiper-container .slide p b{ font-size:24px; margin-right:5px;}
.jbox .box .swi{ width:100%; margin-top:40px;}
.jbox .box .swi .swiper-button-prev{ width:40px; height:40px; border-radius:100%; background-color:#333; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; float:left; cursor:pointer;}
.jbox .box .swi .swiper-button-next{ width:40px; height:40px; border-radius:100%; background-color:#333; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; margin-left:20px; float:left; cursor:pointer;}
.jbox .box .swi .swiper-button-prev:hover,.jbox .box .swi .swiper-button-next:hover{ background-color:#0254a6;}
.jbox .box .swi .more{ overflow:hidden; min-width:90px; display:block; padding:0 25px; height:40px; line-height:40px; font-size:14px; background-color:#0254a6; color:#fff; float:right;}
.jbox .box .swi .more img{ display:block; height:12px; float:right; margin-left:10px; margin-top:14px;}
.jbox .box .swi .more:hover{ background-color:#f04d22;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.jbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#f5f5f5;}
.jbox .box{ width:94%; margin:auto; margin-top:30px; position:relative; z-index:3;}
.jbox .box .swiper-container{ width:100%; margin-top:-20px; display:flex; flex-wrap:wrap;}
.jbox .box .swiper-container:nth-child(2){ flex-direction:row-reverse; margin-top:0;}
.jbox .box .swiper-container .slide{ width:15.5%; height:200px; margin-left:1.4%; margin-top:20px; overflow:hidden; position:relative;}
.jbox .box .swiper-container:nth-child(1) .slide:nth-child(6n+1){ margin-left:0;}
.jbox .box .swiper-container:nth-child(2) .slide:nth-child(6n){ margin-left:0;}
.jbox .box .swiper-container .slide img{ width:100%; height:100%; display:block; object-fit:cover; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jbox .box .swiper-container .slide:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.jbox .box .swiper-container .slide p{ padding:8px 15px; position:absolute; left:0; bottom:0; min-width:120px; background-color:rgba(2,84,166,.7); color:#fff; font-size:15px; line-height:24px;}
.jbox .box .swiper-container .slide p b{ font-size:20px; margin-right:5px;}
.jbox .box .swi{ width:100%; margin-top:30px;}
.jbox .box .swi .swiper-button-prev{ width:38px; height:38px; border-radius:100%; background-color:#333; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; float:left; cursor:pointer;}
.jbox .box .swi .swiper-button-next{ width:38px; height:38px; border-radius:100%; background-color:#333; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; margin-left:15px; float:left; cursor:pointer;}
.jbox .box .swi .swiper-button-prev:hover,.jbox .box .swi .swiper-button-next:hover{ background-color:#0254a6;}
.jbox .box .swi .more{ overflow:hidden; min-width:90px; display:block; padding:0 20px; height:38px; line-height:38px; font-size:14px; background-color:#0254a6; color:#fff; float:right;}
.jbox .box .swi .more img{ display:block; height:12px; float:right; margin-left:10px; margin-top:13px;}
.jbox .box .swi .more:hover{ background-color:#f04d22;}
}
@media only screen and (max-width:1023px){
.jbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f5f5f5;}
.jbox .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.jbox .box .swiper-container{ width:100%; margin-top:-15px; display:flex; flex-wrap:wrap;}
.jbox .box .swiper-container .slide{ width:48.5%; height:160px; margin-left:2%; margin-top:15px; overflow:hidden; position:relative;}
.jbox .box .swiper-container .slide:nth-child(2n+1){ margin-left:0;}
.jbox .box .swiper-container .slide img{ width:100%; height:100%; display:block; object-fit:cover; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jbox .box .swiper-container .slide:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.jbox .box .swiper-container .slide p{ padding:7px 10px; position:absolute; left:0; bottom:0; min-width:120px; background-color:rgba(2,84,166,.7); color:#fff; font-size:14px; line-height:20px;}
.jbox .box .swiper-container .slide p b{ font-size:16px; margin-right:5px;}
.jbox .box .swi{ width:100%; margin-top:20px;}
.jbox .box .swi .swiper-button-prev{ width:34px; height:34px; border-radius:100%; background-color:#333; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; float:left; cursor:pointer;}
.jbox .box .swi .swiper-button-next{ width:34px; height:34px; border-radius:100%; background-color:#333; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; margin-left:10px; float:left; cursor:pointer;}
.jbox .box .swi .swiper-button-prev:hover,.jbox .box .swi .swiper-button-next:hover{ background-color:#0254a6;}
.jbox .box .swi .more{ overflow:hidden; min-width:90px; display:block; padding:0 15px; height:34px; line-height:34px; font-size:14px; background-color:#0254a6; color:#fff; float:right;}
.jbox .box .swi .more img{ display:block; height:12px; float:right; margin-left:10px; margin-top:11px;}
.jbox .box .swi .more:hover{ background-color:#f04d22;}
}
@media only screen and (max-width:639px){
.jbox .box .swiper-container .slide{ height:120px;}	
}

/*工厂实力*/
@media screen and (min-width:1530px){
.sbox{ width:100%; padding-top:95px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff;}
.sbox .box{ width:1400px; margin:auto; position:relative; z-index:3; margin-top:40px;}
.sbox .box .swiper-container{ width:100%;}
.sbox .box .swiper-slide{ width:64.28%; position:relative;}
.sbox .box .swiper-slide .tu{ width:100%; display:block; position:absolute; z-index:1; padding-top:50%; overflow:hidden;}
.sbox .box .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.sbox .box .swiper-slide .wen{ position:relative; margin-left:50px; margin-top:80px; z-index:3; width:40%; height:calc(100% - 120px); border-radius:10px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); padding:100px 40px; padding-top:35px; box-sizing:border-box; opacity:0;}
.sbox .box .swiper-slide .wen .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.sbox .box .swiper-slide .wen .w02{ font-size:14px; line-height:1.7; margin-top:20px; color:#666;}
.sbox .box .swiper-slide .wen .w03{ width:40px; height:40px; border-radius:100%; background-color:#0254a6; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; left:40px; bottom:40px;}
.sbox .box .swiper-slide.swiper-slide-active .wen{ opacity:1;}
.sbox .box .swiper-slide:hover .wen .w01{ color:#0254a6;}
.sbox .box .swi{ width:100%; display:flex; justify-content:center; align-items:center;}
.sbox .box .swiper-pagination{ max-width:calc(100% - 120px); padding:0 20px; display:flex; justify-content:center; flex-wrap:wrap;}
.sbox .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 10px; cursor:pointer; background-image:url(../images/bn02.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.sbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn01.png);}
.sbox .box .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:#333; background-position:center; background-repeat:no-repeat; cursor:pointer;}
.sbox .box .swiper-button-prev{ background-image:url(../images/prev.png);}
.sbox .box .swiper-button-next{ background-image:url(../images/next.png);}
.nbox .box .swiper-button-white:hover{ background-color:#0254a6;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.sbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.sbox .box{ width:94%; margin:auto; margin-top:30px; position:relative; z-index:3;}
.sbox .box .swiper-container{ width:100%;}
.sbox .box .swiper-slide{ width:65%; position:relative;}
.sbox .box .swiper-slide .tu{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1; padding-top:50%; overflow:hidden;}
.sbox .box .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.sbox .box .swiper-slide .wen{ margin-left:40px; margin-top:50px; position:relative; z-index:3; width:60%; height:calc(100% - 80px); border-radius:10px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); padding:80px 30px; padding-top:25px; box-sizing:border-box; opacity:0;}
.sbox .box .swiper-slide .wen .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.sbox .box .swiper-slide .wen .w02{ font-size:14px;  line-height:1.7; margin-top:10px; color:#666;}
.sbox .box .swiper-slide .wen .w03{ width:38px; height:38px; border-radius:100%; background-color:#0254a6; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; left:30px; bottom:30px;}
.sbox .box .swiper-slide.swiper-slide-active .wen{ opacity:1;}
.sbox .box .swiper-slide:hover .wen .w01{ color:#0254a6;}
.sbox .box .swi{ width:100%; display:flex; justify-content:center; align-items:center;}
.sbox .box .swiper-pagination{ max-width:calc(100% - 102px); padding:0 13px; display:flex; justify-content:center; flex-wrap:wrap;}
.sbox .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 7px; cursor:pointer; background-image:url(../images/bn02.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.sbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn01.png);}
.sbox .box .swiper-button-white{ width:38px; height:38px; border-radius:100%; background-color:#333; background-position:center; background-repeat:no-repeat; cursor:pointer;}
.sbox .box .swiper-button-prev{ background-image:url(../images/prev.png);}
.sbox .box .swiper-button-next{ background-image:url(../images/next.png);}
.nbox .box .swiper-button-white:hover{ background-color:#0254a6;}
}
@media only screen and (max-width:1023px){
.sbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.sbox .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.sbox .box .swiper-container{ width:100%;}
.sbox .box .swiper-slide{ width:94%; position:relative;}
.sbox .box .swiper-slide .tu{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1; padding-top:50%; overflow:hidden;}
.sbox .box .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.sbox .box .swiper-slide .wen{ position:relative; margin-left:20px; margin-top:20px; z-index:3; width:calc(95% - 40px); height:calc(100% - 40px); border-radius:5px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); padding:60px 20px; padding-top:15px; box-sizing:border-box; opacity:0;}
.sbox .box .swiper-slide .wen .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.sbox .box .swiper-slide .wen .w02{ font-size:14px; l line-height:1.7; margin-top:5px; color:#666;}
.sbox .box .swiper-slide .wen .w03{ width:34px; height:34px; border-radius:100%; background-color:#0254a6; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; left:15px; bottom:15px;}
.sbox .box .swiper-slide.swiper-slide-active .wen{ opacity:1;}
.sbox .box .swiper-slide:hover .wen .w01{ color:#0254a6;}
.sbox .box .swi{ width:100%; display:flex; justify-content:center; align-items:center;}
.sbox .box .swiper-pagination{ max-width:calc(100% - 88px); padding:0 10px; display:flex; justify-content:center; flex-wrap:wrap;}
.sbox .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 5px; cursor:pointer; background-image:url(../images/bn02.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.sbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn01.png);}
.sbox .box .swiper-button-white{ width:34px; height:34px; border-radius:100%; background-color:#333; background-position:center; background-repeat:no-repeat; cursor:pointer;}
.sbox .box .swiper-button-prev{ background-image:url(../images/prev.png);}
.sbox .box .swiper-button-next{ background-image:url(../images/next.png);}
.nbox .box .swiper-button-white:hover{ background-color:#0254a6;}
}

/*新闻中心*/
@media screen and (min-width:1530px){
.nbox{ width:100%; padding-top:95px; padding-bottom:100px; position:relative; z-index:1; background-color:#f5f5f5;}
.nbox .box{ width:1400px; margin:auto; position:relative; z-index:3; margin-top:40px;}
.nbox .box .swiper-container{ width:100%;}
.nbox .box .swiper-slide{ width:31.43%; display:block; overflow:hidden;}
.nbox .box .swiper-slide .w01{ width:100%; position:relative;}
.nbox .box .swiper-slide .w01:before{ width:100%; padding-top:68.18%; display:block; content:''; overflow:hidden;}
.nbox .box .swiper-slide .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .swiper-slide .w02{ width:100%; margin-top:15px; font-size:14px; line-height:22px; height:22px; color:#666;}
.nbox .box .swiper-slide .w03{ width:100%; margin-top:5px; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .swiper-slide .w03:hover{ color:#0254a6;}
.nbox .box .swiper-slide .w04{ width:50px; margin-top:10px; height:2px; background-color:#333;}
.nbox .box .swiper-slide .w05{ width:100%; margin-top:15px; font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.nbox .box .swiper-slide .w06{ width:100px; border-bottom:1px solid #333; font-size:14px; height:34px; line-height:34px; text-align:center; padding-top:5px;}
.nbox .box .swiper-slide .w06:hover{ border-bottom:1px solid #0254a6; color:#0254a6;}
.nbox .box .swi{ width:100%; display:flex; justify-content:center; align-items:center; margin-top:40px;}
.nbox .box .swiper-pagination{ max-width:calc(100% - 120px); padding:0 20px; display:flex; justify-content:center; flex-wrap:wrap;}
.nbox .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 10px; cursor:pointer; background-image:url(../images/bn02.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.nbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn01.png);}
.nbox .box .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:#333; background-position:center; background-repeat:no-repeat; cursor:pointer;}
.nbox .box .swiper-button-prev{ background-image:url(../images/prev.png);}
.nbox .box .swiper-button-next{ background-image:url(../images/next.png);}
.nbox .box .swiper-button-white:hover{ background-color:#0254a6;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.nbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#f5f5f5;}
.nbox .box{ width:94%; margin:auto; margin-top:30px; position:relative; z-index:3;}
.nbox .box .swiper-container{ width:100%;}
.nbox .box .swiper-slide{ width:31.43%; display:block; overflow:hidden;}
.nbox .box .swiper-slide .w01{ width:100%; position:relative;}
.nbox .box .swiper-slide .w01:before{ width:100%; padding-top:68.18%; display:block; content:''; overflow:hidden;}
.nbox .box .swiper-slide .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .swiper-slide .w02{ width:100%; margin-top:10px; font-size:14px; line-height:22px; height:22px; color:#666;}
.nbox .box .swiper-slide .w03{ width:100%; margin-top:5px; font-size:17px; line-height:27px; height:27px; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .swiper-slide .w03:hover{ color:#0254a6;}
.nbox .box .swiper-slide .w04{ width:40px; margin-top:5px; height:2px; background-color:#333;}
.nbox .box .swiper-slide .w05{ width:100%; margin-top:10px; font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.nbox .box .swiper-slide .w06{ width:100px; border-bottom:1px solid #333; font-size:14px; height:34px; line-height:34px; text-align:center;}
.nbox .box .swiper-slide .w06:hover{ border-bottom:1px solid #0254a6; color:#0254a6;}
.nbox .box .swi{ width:100%; display:flex; justify-content:center; align-items:center; margin-top:30px;}
.nbox .box .swiper-pagination{ max-width:calc(100% - 102px); padding:0 13px; display:flex; justify-content:center; flex-wrap:wrap;}
.nbox .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 7px; cursor:pointer; background-image:url(../images/bn02.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.nbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn01.png);}
.nbox .box .swiper-button-white{ width:38px; height:38px; border-radius:100%; background-color:#333; background-position:center; background-repeat:no-repeat; cursor:pointer;}
.nbox .box .swiper-button-prev{ background-image:url(../images/prev.png);}
.nbox .box .swiper-button-next{ background-image:url(../images/next.png);}
.nbox .box .swiper-button-white:hover{ background-color:#0254a6;}
}
@media only screen and (max-width:1023px){
.nbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f5f5f5;}
.nbox .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.nbox .box .swiper-container{ width:100%;}
.nbox .box .swiper-slide{ width:100%; display:block; overflow:hidden;}
.nbox .box .swiper-slide .w01{ width:100%; position:relative;}
.nbox .box .swiper-slide .w01:before{ width:100%; padding-top:68.18%; display:block; content:''; overflow:hidden;}
.nbox .box .swiper-slide .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .swiper-slide .w02{ width:100%; margin-top:10px; font-size:14px; line-height:22px; height:22px; color:#666;}
.nbox .box .swiper-slide .w03{ width:100%; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .swiper-slide .w03:hover{ color:#0254a6;}
.nbox .box .swiper-slide .w04{ width:30px; margin-top:10px; height:2px; background-color:#333;}
.nbox .box .swiper-slide .w05{ width:100%; margin-top:10px; font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.nbox .box .swiper-slide .w06{ width:100px; border-bottom:1px solid #333; font-size:14px; height:34px; line-height:34px; text-align:center;}
.nbox .box .swiper-slide .w06:hover{ border-bottom:1px solid #0254a6; color:#0254a6;}
.nbox .box .swi{ width:100%; display:flex; justify-content:center; align-items:center; margin-top:20px;}
.nbox .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 5px; cursor:pointer; background-image:url(../images/bn02.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.nbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn01.png);}
.nbox .box .swiper-pagination{ max-width:calc(100% - 88px); padding:0 10px; display:flex; justify-content:center; flex-wrap:wrap;}
.nbox .box .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin:0 5px; cursor:pointer; background-image:url(../images/bn02.png); background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:100% auto;}
.nbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn01.png);}
.nbox .box .swiper-button-white{ width:34px; height:34px; border-radius:100%; background-color:#333; background-position:center; background-repeat:no-repeat; cursor:pointer;}
.nbox .box .swiper-button-prev{ background-image:url(../images/prev.png);}
.nbox .box .swiper-button-next{ background-image:url(../images/next.png);}
.nbox .box .swiper-button-white:hover{ background-color:#0254a6;}
}

/*footer*/
@media screen and (min-width:1530px){
.footer{ padding-top:70px; padding-bottom:65px; background-color:#333; position:relative; z-index:1;}
.footer .foot{ width:1400px; margin:auto;}
.footer .left{ width:600px; float:left; margin-right:50px;}
.footer .left .f01{ height:50px;}
.footer .left .f01 img{ height:50px; display:block;}
.footer .left .f02{ width:410px; height:40px; border:1px solid #999; border-radius:5px; box-sizing:border-box; position:relative; max-width:100%; margin-top:30px;}
.footer .left .f02 select{ height:38px; line-height:38px; display:block; width:100%; background-color:#333; color:#fff; overflow:hidden; text-indent:19px; border-radius:5px;}
.footer .left .f02 b{ display:block; position:absolute; right:19px; top:50%; margin-top:-3px; width:0; height:0; border:6px solid transparent; border-top-color:#999;}
.footer .left .f03{ width:100%; padding-top:10px;}
.footer .left .f03 a{ height:20px; display:none; float:left; opacity:.5; margin-right:30px; margin-top:20px;}
.footer .left .f03 a img{ height:20px;}
.footer .left .f03 a:hover{ opacity:1;}
.footer .left .f04{ padding-top:17px;}
.footer .left .f04 p{ display:block; overflow:hidden;}
.footer .left .f04 span{ display:block; float:left; font-size:14px; line-height:24px; color:#ccc; margin-right:20px;}
.footer .left .f04 a{ display:block; float:left; font-size:14px; line-height:24px; color:#ccc;}
.footer .left .f04 a img{ height:16px; margin-right:5px;}
.footer .right{ width:740px; float:right;}
.footer .right .f01{ float:right; height:50px; display:flex; flex-wrap:wrap; justify-content:flex-end;}
.footer .right .f01 a{ display:block; float:left; font-size:16px; line-height:26px; color:#ccc; overflow:hidden; margin-left:40px; cursor:pointer;}
.footer .right .f01 a:hover{ color:#fff;}
.footer .right .f02{ clear:right; float:left; width:440px; display:block; margin-top:25px;}
.footer .right .f02 dt{ display:block; overflow:hidden;}
.footer .right .f02 dt img{ display:none; float:left;}
.footer .right .f02 dt p{ display:block; float:left; margin-left:15px; overflow:hidden;}
.footer .right .f02 dt p span{ display:block; font-size:14px; height:24px; line-height:24px; color:#ccc; overflow:hidden;}
.footer .right .f02 dt p a{ display:block; font-size:24px; height:30px; line-height:30px; color:#fff; overflow:hidden;}
.footer .right .f02 dd{ display:block; overflow:hidden; padding-top:15px; margin-left:10px;}
.footer .right .f02 dd p{ display:block; overflow:hidden; margin-top:6px;}
.footer .right .f02 dd p img{ width:16px; float:left; display:block; margin:4px 10px; margin-left:0;}
.footer .right .f02 dd p span{ width:calc(100% - 26px); float:left; display:block; font-size:14px; line-height:24px; color:#aaa;}
.footer .right .f03{ display:block; float:right; margin-top:30px;}
.footer .right .f03 dt{ display:block; width:120px; float:left; margin-left:30px;}
.footer .right .f03 strong{ width:100%; display:block; overflow:hidden;}
.footer .right .f03 strong img{ width:100%; display:block;}
.footer .right .f03 p{ display:block; width:100%; text-align:center; font-size:14px; line-height:24px; color:#ccc; padding-top:11px;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.footer{ width:94%; padding:45px 3%; padding-bottom:45px; background-color:#333; position:relative; z-index:1;}
.footer .left{ width:410px; float:left; margin-right:5%;}
.footer .left .f01{ height:50px;}
.footer .left .f01 img{ height:50px; display:block;}
.footer .left .f02{ width:410px; height:40px; border:1px solid #999; border-radius:5px; box-sizing:border-box; position:relative; max-width:100%; margin-top:25px;}
.footer .left .f02 select{ height:38px; line-height:38px; display:block; width:100%; background-color:#333; color:#fff; overflow:hidden; text-indent:19px; border-radius:5px;}
.footer .left .f02 b{ display:block; position:absolute; right:19px; top:50%; margin-top:-3px; width:0; height:0; border:6px solid transparent; border-top-color:#999;}
.footer .left .f03{ width:100%; padding-top:10px;}
.footer .left .f03 a{ height:20px; display:none; float:left; opacity:.5; margin-right:1.5vw; margin-top:10px;}
.footer .left .f03 a img{ height:20px;}
.footer .left .f03 a:hover{ opacity:1;}
.footer .left .f04{ padding-top:15px;}
.footer .left .f04 p{ display:block; overflow:hidden;}
.footer .left .f04 span{ display:block; float:left; font-size:14px; line-height:24px; color:#ccc; margin-right:20px;}
.footer .left .f04 a{ display:block; float:left; font-size:14px; line-height:24px; color:#ccc;}
.footer .left .f04 a img{ height:16px; margin-right:5px;}
.footer .right{ width:calc(95% - 410px); float:right;}
.footer .right .f01{ float:right; margin-bottom:25px; height:50px; display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; margin-right:-2vw;}
.footer .right .f01 a{ display:block; float:left; font-size:15px; line-height:20px; color:#ccc; overflow:hidden; margin-right:2vw;}
.footer .right .f01 a:hover{ color:#fff;}
.footer .right .f02{ clear:right; float:left; width:calc(100% - 240px); display:block;}
.footer .right .f02 dt{ display:block; overflow:hidden; margin-top:-5px;}
.footer .right .f02 dt img{ display:none; float:left;}
.footer .right .f02 dt p{ display:block; float:left; overflow:hidden;}
.footer .right .f02 dt p span{ display:block; font-size:14px; height:24px; line-height:24px; color:#ccc; overflow:hidden;}
.footer .right .f02 dt p a{ display:block; font-size:24px; height:30px; line-height:30px; color:#fff; overflow:hidden;}
.footer .right .f02 dd{ display:block; overflow:hidden; padding-top:15px;}
.footer .right .f02 dd p{ display:block; overflow:hidden; margin-top:6px;}
.footer .right .f02 dd p img{ width:16px; float:left; display:block; margin:4px 10px; margin-left:0;}
.footer .right .f02 dd p span{ width:calc(100% - 26px); float:left; display:block; font-size:14px; line-height:24px; color:#aaa;}
.footer .right .f03{ display:block; float:right;}
.footer .right .f03 dt{ display:block; width:100px; float:left; margin-left:20px;}
.footer .right .f03 strong{ width:100%; display:block; overflow:hidden;}
.footer .right .f03 strong img{ width:100%; display:block;}
.footer .right .f03 p{ display:block; width:100%; text-align:center; font-size:14px; line-height:24px; color:#ccc; padding-top:10px;}
}
@media only screen and (max-width: 1023px){
.footer{ width:94%; padding:25px 3%; padding-bottom:25px; background-color:#333; position:relative; z-index:1;}
.footer .left{ width:100%;}
.footer .left .f01{ display:none;}
.footer .left .f02{ width:100%; height:36px; border:1px solid #999; border-radius:5px; box-sizing:border-box; position:relative; margin-top:15px;}
.footer .left .f02 select{ height:34px; line-height:34px; display:block; width:100%; background-color:#333; color:#fff; overflow:hidden; text-indent:9px; border-radius:5px;}
.footer .left .f02 b{ display:block; position:absolute; right:9px; top:50%; margin-top:-3px; width:0; height:0; border:6px solid transparent; border-top-color:#999;}
.footer .left .f03{ width:100%; padding-top:5px;}
.footer .left .f03 a{ height:20px; display:none; float:left; opacity:.5; margin-right:15px; margin-top:10px;}
.footer .left .f03 a img{ height:20px;}
.footer .left .f03 a:hover{ opacity:1;}
.footer .left .f04{ padding-top:10px;}
.footer .left .f04 p{ display:block; overflow:hidden;}
.footer .left .f04 span{ display:block; font-size:14px; line-height:20px; color:#ccc; margin-bottom:2px;}
.footer .left .f04 a{ display:block; font-size:14px; line-height:20px; margin-bottom:2px; color:#ccc;}
.footer .left .f04 a img{ height:16px; margin-right:5px;}
.footer .right{ width:100%; overflow:visible; position:relative;}
.footer .right .f01{ display:none;}
.footer .right .f02{ width:100%; margin-right:3%; display:block;}
.footer .right .f02 dt{ display:block; overflow:hidden;}
.footer .right .f02 dt img{ display:none; float:left; height:49px;}
.footer .right .f02 dt p{ display:block; float:left; overflow:hidden;}
.footer .right .f02 dt p span{ display:block; font-size:14px; height:24px; line-height:24px; color:#ccc; overflow:hidden;}
.footer .right .f02 dt p a{ display:block; font-size:24px; height:30px; line-height:30px; color:#fff; overflow:hidden;}
.footer .right .f02 dd{ display:block; overflow:hidden; padding-top:5px;}
.footer .right .f02 dd p{ display:block; overflow:hidden; margin-top:5px;}
.footer .right .f02 dd p img{ width:16px; float:left; display:block; margin:4px 10px; margin-left:0;}
.footer .right .f02 dd p span{ width:calc(100% - 26px); float:left; display:block; font-size:14px; line-height:24px; color:#aaa;}
.footer .right .f03{ width:70px; display:none; position:absolute; right:0; top:100%; margin-top:50px;}
.footer .right .f03 dt{ display:block; margin-bottom:10px;}
.footer .right .f03 strong{ width:100%; display:block; overflow:hidden;}
.footer .right .f03 strong img{ width:100%; display:block;}
.footer .right .f03 p{ display:block; width:100%; text-align:center; font-size:14px; line-height:24px; color:#ccc; padding-top:5px;}
}

/*右侧客服*/
@media screen and (min-width:1530px){
.kefu{ position:fixed; z-index:99999; bottom:14%; right:1%; width:48px;}
.kefu ul li{ position:relative; margin-bottom:12px;}
.kefu ul li a.kf-gy{ width:48px; height:48px; background:#fff; border:1px solid #eee; display:block; text-align:center; line-height:48px; color:#333; border-radius:50px; box-shadow:0 4px 16px rgba(28,67,125,.08); transition:all 0.5s ease-out 0s; cursor:pointer;}
.kefu ul li:hover a.kf-gy{ background:#0254a6; color:#fff; border:1px solid #0254a6;}
.kefu ul li a.kf-a1{ background:url(../images/kf-a1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-a1{ background:url(../images/kf-a2.png) center no-repeat #0254a6; background-size:20px;}
.kefu ul li a.kf-b1{ background:url(../images/kf-b1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-b1{ background:url(../images/kf-b2.png) center no-repeat #0254a6; background-size:20px;}
.kefu ul li a.kf-c1{ background:url(../images/kf-c1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-c1{ background:url(../images/kf-c2.png) center no-repeat #0254a6; background-size:20px;}
.kefu ul li a.kf-d1{ background:url(../images/kf-d1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-d1{ background:url(../images/kf-d2.png) center no-repeat #0254a6; background-size:20px;}
.kefu ul li a.kf-e1{ background:url(../images/kf-e1.png) center no-repeat #fff; background-size:20px; margin-top:20px;}
.kefu ul li:hover a.kf-e1{ background:url(../images/kf-e2.png) center no-repeat #0254a6; border:1px solid #0254a6; background-size:20px;}
.kefu ul li span{ position:absolute; box-shadow:0 4px 16px rgba(28,67,125,.08); padding:9px 20px; color:#161616; font-size:14px; line-height:22px; white-space:nowrap; bottom:5px; text-align:center; background:#fff; border:1px solid hsla(226,9%,73%,.12); border-radius:4px; transition:all .3s ease; opacity:0; visibility:hidden; right:100px;}
.kefu ul li span a{ color:#0254a6;}	
.kefu ul li span a.kf-tel{ font-size:16px; color:#0254a6;}
.kefu ul li:hover span{ visibility:visible; opacity:1; right:60px;}
.kefu ul li span:after{ position:absolute; box-sizing:border-box; background-color:inherit; width:12px; height:12px; bottom:15px; transition:all 250ms ease-in-out 0s; right:-4.25px; transform:rotate(315deg); border-right:1px solid hsla(226,9%,73%,.12); border-bottom:1px solid hsla(226,9%,73%,.12); content:"";}
.kefu ul li span dl{ width:100px;}
.kefu ul li span dl dt{ padding:5px;}
.kefu ul li span dl dt img{ display:block; width:100%;}
.kefu ul li span dl dd{ width:100%; font-size:14px;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.kefu{ position:fixed; z-index:99999; bottom:14%; right:1%; width:48px;}
.kefu ul li{ position:relative; margin-bottom:12px;}
.kefu ul li a.kf-gy{ width:44px; height:44px; background:#fff; border:1px solid #eee; display:block; text-align:center; line-height:44px; color:#333; border-radius:50px; box-shadow:0 4px 16px rgba(28,67,125,.08); transition:all 0.5s ease-out 0s; cursor:pointer;}
.kefu ul li:hover a.kf-gy{ background:#0254a6; color:#fff; border:1px solid #0254a6;}
.kefu ul li a.kf-a1{ background:url(../images/kf-a1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-a1{ background:url(../images/kf-a2.png) center no-repeat #0254a6; background-size:20px;}
.kefu ul li a.kf-b1{ background:url(../images/kf-b1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-b1{ background:url(../images/kf-b2.png) center no-repeat #0254a6; background-size:20px;}
.kefu ul li a.kf-c1{ background:url(../images/kf-c1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-c1{ background:url(../images/kf-c2.png) center no-repeat #0254a6; background-size:20px;}
.kefu ul li a.kf-d1{ background:url(../images/kf-d1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-d1{ background:url(../images/kf-d2.png) center no-repeat #0254a6; background-size:20px;}
.kefu ul li a.kf-e1{ background:url(../images/kf-e1.png) center no-repeat #fff; background-size:20px; margin-top:20px;}
.kefu ul li:hover a.kf-e1{ background:url(../images/kf-e2.png) center no-repeat #0254a6; border:1px solid #0254a6; background-size:20px;}
.kefu ul li span{ position:absolute; box-shadow:0 4px 16px rgba(28,67,125,.08); padding:7px 20px; color:#161616; font-size:14px; line-height:22px; white-space:nowrap; bottom:5px; text-align:center; background:#fff; border:1px solid hsla(226,9%,73%,.12); border-radius:4px; transition:all .3s ease; opacity:0; visibility:hidden; right:100px;}
.kefu ul li span a{ color:#0254a6;}	
.kefu ul li span a.kf-tel{ font-size:16px; color:#0254a6;}
.kefu ul li:hover span{ visibility:visible; opacity:1; right:60px;}
.kefu ul li span:after{ position:absolute; box-sizing:border-box; background-color:inherit; width:12px; height:12px; bottom:15px; transition:all 250ms ease-in-out 0s; right:-4.25px; transform:rotate(315deg); border-right:1px solid hsla(226,9%,73%,.12); border-bottom:1px solid hsla(226,9%,73%,.12); content:"";}
.kefu ul li span dl{ width:100px;}
.kefu ul li span dl dt{ padding:5px;}
.kefu ul li span dl dt img{ display:block; width:100%;}
.kefu ul li span dl dd{ width:100%; font-size:14px;}
}
@media only screen and (max-width: 1023px){
.kefu{ position:fixed; z-index:99999; bottom:14%; right:1%; width:40px;}
.kefu ul li{ display:none; position:relative;}
.kefu ul li.kf-top{ display:block;}
.kefu ul li a.kf-gy{ width:38px; height:38px; background:#fff; border:1px solid #eee; display:block; text-align:center; line-height:38px; color:#333; border-radius:50px; box-shadow:0 4px 16px rgba(28,67,125,.08); transition:all 0.5s ease-out 0s; cursor:pointer;}
.kefu ul li:hover a.kf-gy{ background:#0254a6; color:#fff; border:1px solid #0254a6;}
.kefu ul li a.kf-e1{ background:url(../images/kf-e1.png) center no-repeat #fff; background-size:20px; margin-top:20px;}
.kefu ul li:hover a.kf-e1{ background:url(../images/kf-e2.png) center no-repeat #0254a6; border:1px solid #0254a6; background-size:20px;}
}

/*内页*/
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform:scale(1);  /*开始为原始大小*/
    }
    25%{
        transform:scale(1.05); /*放大1.1倍*/
    }
    50%{
        transform:scale(1);
    }
    75%{
        transform:scale(1.05);
    }
}
@media screen and (min-width:1530px){
.ban{ width:100%; height:460px; position:relative; z-index:1;}
.ban .bg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:none; align-items:center; position:absolute; left:0%; bottom:0; z-index:1;}
.ban .box .wen{ width:1200px; margin:auto; text-align:center;}
.ban .box .wen .w01{ display:block; color:#fff; font-size:36px; line-height:46px; margin-bottom:20px; font-weight:bold;}
.ban .box .wen .w02{ width:100%; margin:auto; display:block; color:#fff; font-size:16px; line-height:36px;}

.sav{ width:1400px; position:relative; margin:auto; margin-top:-40px; z-index:3; align-items:center;}
.sav .left{ border-radius:10px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); padding:25px 0; display:flex; flex-wrap:wrap; justify-content:center;}
.sav .left a{ display:block; font-size:16px; line-height:30px; padding:0 1.5625vw; position:relative;}
.sav .left a:hover,.sav .left a.on{ color:#0254a6;}
.sav .right{ font-size:16px; line-height:26px; margin-top:1.3vw;}
.sav .right img{ display:block; height:20px; float:left; margin-right:0.78125vw; margin-top:3px;}
.sav .right a{ display:block; float:left;}
.sav .right span{ display:block; float:left; margin:0 0.677vw;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.ban{ width:100%; height:360px; position:relative; z-index:1;}
.ban .bg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:none; align-items:center; position:absolute; left:0%; bottom:0; z-index:1;}
.ban .box .wen{ width:94%; margin:auto; text-align:center;}
.ban .box .wen .w01{ display:block; color:#fff; font-size:30px; line-height:40px; margin-bottom:11px; font-weight:bold;}
.ban .box .wen .w02{ width:100%; margin:auto; display:block; color:#fff; font-size:15px; line-height:25px;}

.sav{ width:94%; position:relative; margin:auto; margin-top:-30px; z-index:3;}
.sav .left{ border-radius:7px; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); padding:16px 0; display:flex; flex-wrap:wrap; justify-content:center;}
.sav .left a{ display:block; font-size:15px; line-height:28px; padding:0 1.5625vw; position:relative;}
.sav .left a:hover,.sav .left a.on{ color:#0254a6;}
.sav .right{ font-size:15px; line-height:25px; margin-top:1.3vw;}
.sav .right img{ display:block; height:18px; float:left; margin-right:0.78125vw; margin-top:3px;}
.sav .right a{ display:block; float:left;}
.sav .right span{ display:block; float:left; margin:0 0.677vw;}
}
@media only screen and (max-width: 1023px){
.ban{ width:100%; height:31vw; position:relative; z-index:1;}
.ban .bg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:none; align-items:center; position:absolute; left:0%; bottom:0; z-index:1;}
.ban .box .wen{ width:94%; margin:auto; text-align:center;}
.ban .box .wen .w01{ display:block; color:#fff; font-size:24px; line-height:34px; font-weight:bold; margin-bottom:6px;}
.ban .box .wen .w02{ width:100%; margin:auto; display:block; color:#fff; font-size:14px; line-height:24px;}

.sav{ width:100%; position:relative; margin:auto; z-index:3;}
.sav .left{ padding:8px 5px; width:100%; box-sizing:border-box; flex-wrap:wrap; display:flex; align-items:center; justify-content:center; border-radius:0; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
.sav .left a{ display:block; font-size:14px; line-height:24px; padding:0 10px; position:relative;}
.sav .left a:hover,.sav .left a.on{ color:#0254a6;}
.sav .right{ font-size:14px; line-height:24px; margin-top:10px;}
.sav .right img{ display:block; height:16px; float:left; margin-right:5px; margin-top:4px;}
.sav .right a{ display:block; float:left;}
.sav .right span{ display:block; float:left; margin:0 5px;}
}

/*海盛概况*/
@media screen and (min-width:1530px){
.main{ width:100%; padding-top:95px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff;}
.main .box{ width:1400px; margin:auto; position:relative; z-index:3;}
.main .box .ab01{ width:100%; font-size:14px; line-height:30px; margin-top:32px;}
.main .box .ab01 img{ max-width:100%; height:auto !important;}

.main .box .ab03{ width:100%; display:flex; flex-wrap:wrap;}
.main .box .ab03 li{ width:47.5%; margin-left:5%; margin-top:32px;}
.main .box .ab03 li:nth-child(2n+1){ margin-left:0;}
.main .box .ab03 li img{ width:100%; display:block;}

.main .box .ab04{ display:flex; justify-content:space-between; padding-top:10px;}
.main .box .ab04 li{ display:block; margin-top:20px;}
.main .box .ab04 li b{ display:block; font-size:50px; line-height:60px; color:#0254a6;}
.main .box .ab04 li p{ display:block; font-size:16px; line-height:26px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.main{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.main .box{ width:94%; margin:auto; position:relative; z-index:3;}
.main .box .ab01{ width:100%; font-size:14px; line-height:24px; margin-top:25px;}
.main .box .ab01 img{ max-width:100%; height:auto !important;}

.main .box .ab03{ width:100%; display:flex; flex-wrap:wrap;}
.main .box .ab03 li{ width:47.5%; margin-left:5%; margin-top:25px;}
.main .box .ab03 li:nth-child(2n+1){ margin-left:0;}
.main .box .ab03 li img{ width:100%; display:block;}

.main .box .ab04{ display:flex; justify-content:space-between; padding-top:5px;}
.main .box .ab04 li{ display:block; margin-top:15px;}
.main .box .ab04 li b{ display:block; font-size:40px; line-height:50px; color:#0254a6;}
.main .box .ab04 li p{ display:block; font-size:15px; line-height:25px;}
}
@media only screen and (max-width:1023px){
.main{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.main .box{ width:94%; margin:auto; position:relative; z-index:3;}
.main .box .ab01{ width:100%; font-size:14px; line-height:24px; margin-top:15px;}
.main .box .ab01 img{ max-width:100%; height:auto !important;}

.main .box .ab03{ width:100%;}
.main .box .ab03 li{ width:100%; margin-top:15px;}
.main .box .ab03 li img{ width:100%; display:block;}

.main .box .ab04{ display:flex; flex-wrap:wrap; padding-top:5px;}
.main .box .ab04 li{ display:block; margin-top:10px; width:48.5%; margin-left:3%;}
.main .box .ab04 li:nth-child(2n+1){ margin-left:0;}
.main .box .ab04 li b{ display:block; font-size:30px; line-height:40px; color:#0254a6;}
.main .box .ab04 li p{ display:block; font-size:14px; line-height:24px;}
}

@media screen and (min-width:1530px){
.main .ab02{ width:100%; margin-top:-8px;}
.main .ab02 a{ width:320px; display:block; margin-top:40px; margin-left:40px; overflow:hidden; float:left; position:relative; cursor:pointer;}
.main .ab02 a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .ab02 a:before{ width:100%; display:block; padding-top:73.68%; content:''; overflow:hidden;}
.main .ab02 a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .ab02 a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .ab02 a span{ display:block; width:100%; height:46px; line-height:46px; background-color:rgba(0,0,0,0.7); font-size:16px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; box-sizing:border-box; padding:0 20px;}

.fanye{ width:100%; margin-top:40px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:18px;}
.fanye li a{ width:40px; height:40px; line-height:40px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li span{ width:40px; height:40px; line-height:40px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#0254a6;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#0254a6;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.main .ab02{ width:100%; margin-top:-5px;}
.main .ab02 a{ width:22.8625%; display:block; margin-top:30px; margin-left:2.85%; overflow:hidden; float:left; position:relative; cursor:pointer;}
.main .ab02 a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .ab02 a:before{ width:100%; display:block; padding-top:73.68%; content:''; overflow:hidden;}
.main .ab02 a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .ab02 a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .ab02 a span{ display:block; width:100%; height:40px; line-height:40px; background-color:rgba(0,0,0,0.7); font-size:15px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; box-sizing:border-box; padding:0 15px;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:16px;}
.fanye li a{ width:36px; height:36px; line-height:36px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li span{ width:36px; height:36px; line-height:36px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#0254a6;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#0254a6;}
}

@media only screen and (max-width: 1023px){
.main .ab02{ width:100%;}
.main .ab02 a{ width:48.5%; display:block; margin-top:15px; margin-left:3%; overflow:hidden; float:left; position:relative; cursor:pointer;}
.main .ab02 a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .ab02 a:before{ width:100%; display:block; padding-top:73.68%; content:''; overflow:hidden;}
.main .ab02 a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .ab02 a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .ab02 a span{ display:block; width:100%; height:34px; line-height:34px; background-color:rgba(0,0,0,0.7); font-size:14px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; box-sizing:border-box; padding:0 10px;}

.fanye{ width:100%; margin-top:20px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block; font-size:14px;}
.fanye li a{ width:32px; height:32px; line-height:32px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li span{ width:32px; height:32px; line-height:32px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#0254a6;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#0254a6;}
}

@media screen and (min-width:1530px){
.main .ab06{ width:100%; margin-top:-8px;}
.main .ab06 li{ width:100%; display:block; margin-top:40px; overflow:hidden;}
.main .ab06 li .left{ width:50%; float:left;}
.main .ab06 li .left img{ width:100%; display:block;}
.main .ab06 li .right{ width:45%; float:right;}
.main .ab06 li .right .w01{ font-size:24px; line-height:34px; margin-top:25px; color:#0254a6;}
.main .ab06 li .right .w02{ font-size:14px; line-height:30px; margin-top:10px;}
.main .ab06 li:nth-child(2n) .left{ float:right;}
.main .ab06 li:nth-child(2n) .right{ float:left;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.main .ab06{ width:100%; margin-top:-5px;}
.main .ab06 li{ width:100%; display:block; margin-top:25px; overflow:hidden;}
.main .ab06 li .left{ width:50%; float:left;}
.main .ab06 li .left img{ width:100%; display:block;}
.main .ab06 li .right{ width:45%; float:right;}
.main .ab06 li .right .w01{ font-size:20px; line-height:30px; margin-top:15px; color:#0254a6;}
.main .ab06 li .right .w02{ font-size:14px; line-height:24px; margin-top:10px;}
.main .ab06 li:nth-child(2n) .left{ float:right;}
.main .ab06 li:nth-child(2n) .right{ float:left;}
}

@media only screen and (max-width: 1023px){
.main .ab06{ width:100%;}
.main .ab06 li{ width:100%; display:block; margin-top:15px; overflow:hidden;}
.main .ab06 li .left{ width:100%; float:left;}
.main .ab06 li .left img{ width:100%; display:block;}
.main .ab06 li .right{ width:100%; float:right;}
.main .ab06 li .right .w01{ font-size:16px; line-height:26px; margin-top:10px; color:#0254a6;}
.main .ab06 li .right .w02{ font-size:14px; line-height:24px; margin-top:5px;}
}

@media screen and (min-width:1530px){
.main .ab07{ width:100%;}
.main .ab07 a{ width:320px; display:block; margin-top:40px; margin-left:40px; overflow:hidden; float:left; position:relative; cursor:pointer;}
.main .ab07 a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .ab07 a .tu{ width:100%; padding-top:73.68%; position:relative; overflow:hidden;}
.main .ab07 a .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.main .ab07 a .wen{ display:block; width:100%; line-height:26px; font-size:16px; text-align:center; margin-top:15px;}
.main .ab07 a:hover .wen{ color:#0254a6;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.main .ab07{ width:100%;}
.main .ab07 a{ width:22.8625%; display:block; margin-top:30px; margin-left:2.85%; overflow:hidden; float:left; cursor:pointer;}
.main .ab07 a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .ab07 a .tu{ width:100%; padding-top:73.68%; position:relative; overflow:hidden;}
.main .ab07 a .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.main .ab07 a .wen{ display:block; width:100%; line-height:25px; font-size:15px; text-align:center; margin-top:10px;}
.main .ab07 a:hover .wen{ color:#0254a6;}
}

@media only screen and (max-width: 1023px){
.main .ab07{ width:100%; padding-top:5px;}
.main .ab07 a{ width:48.5%; display:block; margin-top:15px; margin-left:3%; overflow:hidden; float:left; position:relative; cursor:pointer;}
.main .ab07 a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .ab07 a .tu{ width:100%; padding-top:73.68%; position:relative; overflow:hidden;}
.main .ab07 a .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.main .ab07 a .wen{ display:block; width:100%; line-height:24px; font-size:14px; text-align:center; margin-top:5px;}
.main .ab07 a:hover .wen{ color:#0254a6;}
}

/*产品中心*/
/*@media screen and (min-width:1530px){
.main .pro{ width:100%; display:flex; flex-wrap:wrap;}
.main .pro a{ display:block; position:relative; width:320px; float:left; margin-left:40px; margin-top:40px; overflow:hidden;}
.main .pro a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .pro a .tu{ width:100%; padding-top:100%; display:block; position:relative; z-index:1;}
.main .pro a .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.main .pro a .tu p{ width:100%; padding:0 20px; box-sizing:border-box; background-color:rgba(0,0,0,.7); font-size:16px; height:46px; line-height:46px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; z-index:9; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .pro a:hover .tu p{ bottom:-46px;}
.main .pro a .wen{ width:100%; height:100%; position:absolute; left:0; top:100%; z-index:9; background-color:rgba(2,84,166,.7); display:flex; flex-direction:column; justify-content:center; align-items:center; padding:20px; box-sizing:border-box; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .pro a .wen span{ font-size:24px; line-height:34px; display:block; color:#fff; overflow:hidden;}
.main .pro a .wen p{ font-size:16px; line-height:26px; display:block; color:#fff; overflow:hidden; margin-top:6px;}
.main .pro a:hover .wen{ top:0;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.main .pro{ width:100%; display:flex; flex-wrap:wrap;}
.main .pro a{ display:block; position:relative; width:22.8625%; float:left; margin-left:2.85%; margin-top:30px; overflow:hidden;}
.main .pro a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .pro a .tu{ width:100%; padding-top:100%; display:block; position:relative; z-index:1;}
.main .pro a .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.main .pro a .tu p{ width:100%; padding:0 15px; box-sizing:border-box; background-color:rgba(0,0,0,.7); font-size:15px; height:41px; line-height:41px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; z-index:9; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .pro a:hover .tu p{ bottom:-45px;}
.main .pro a .wen{ width:100%; height:100%; position:absolute; left:0; top:100%; z-index:9; background-color:rgba(2,84,166,.7); display:flex; flex-direction:column; justify-content:center; align-items:center; padding:15px; box-sizing:border-box; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .pro a .wen span{ font-size:20px; line-height:30px; display:block; color:#fff; overflow:hidden;}
.main .pro a .wen p{ font-size:15px; line-height:25px; display:block; color:#fff; overflow:hidden; margin-top:3px;}
.main .pro a:hover .wen{ top:0;}
}
@media only screen and (max-width:1023px){
.main .pro{ width:100%; display:flex; flex-wrap:wrap; padding-top:5px;}
.main .pro a{ display:block; position:relative; width:48.5%; float:left; margin-left:3%; margin-top:15px; overflow:hidden;}
.main .pro a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .pro a:nth-child(n+7){ display:none;}
.main .pro a .tu{ width:100%; padding-top:100%; display:block; position:relative; z-index:1;}
.main .pro a .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.main .pro a .tu p{ width:100%; padding:0 10px; box-sizing:border-box; background-color:rgba(0,0,0,.7); font-size:14px; height:34px; line-height:34px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; z-index:9; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .pro a:hover .tu p{ bottom:-40px;}
.main .pro a .wen{ width:100%; height:100%; position:absolute; left:0; top:100%; z-index:9; background-color:rgba(2,84,166,.7); display:flex; flex-direction:column; justify-content:center; align-items:center; padding:10px; box-sizing:border-box; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .pro a .wen span{ font-size:16px; line-height:26px; display:block; color:#fff; overflow:hidden;}
.main .pro a .wen p{ font-size:14px; line-height:24px; display:block; color:#fff; overflow:hidden;}
.main .pro a:hover .wen{ top:0;}
}*/

@media screen and (min-width:1530px){
.pro{ width:1400px; margin:auto; padding-top:95px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff;}
.pro .left{ width:370px; float:left; background-color:#f5f5f5;}
.pro .left .bt{ padding:30px; background-color:#0254a6; background-image:url(../images/ptitle.png); background-position:bottom right -20px; background-repeat:no-repeat;}
.pro .left .bt b{ display:block; font-size:30px; line-height:40px; font-weight:bold; color:#fff;}
.pro .left .bt p{ display:block; font-size:18px; line-height:28px; color:#fff; margin-top:8px;}
.pro .left .pleft-list{ width:100%; display:block;}
.pro .left .pleft-list li{ display:block; border-bottom:1px solid #ddd;}
.pro .left .pleft-list li:last-child{ border-bottom:none;}
.pro .left .pleft-list li .pleft-class{ padding:25px 30px; padding-right:60px; overflow:hidden; position:relative; cursor:pointer;}
.pro .left .pleft-list li .pleft-class a{ width:100%; display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden;}
.pro .left .pleft-list li .pleft-class i{ display:block; width:14px; height:8px; position:absolute; right:30px; top:50%; margin-top:-4px; background-image:url(../images/pro-down.png); background-position:center; background-repeat:no-repeat;}
.pro .left .pleft-list li.on .pleft-class a{ color:#0254a6;}
.pro .left .pleft-list li.on .pleft-class i{ background-image:url(../images/pro-up.png);}
.pro .left .pleft-list li dl{ display:none; padding:20px 30px; padding-top:0;}
.pro .left .pleft-list li.on dl{ margin-top:-10px; display:block;}
.pro .left .pleft-list li dl dd{ display:block; height:36px; overflow:hidden;}
.pro .left .pleft-list li dl dd a{ padding-left:20px; width:100%; box-sizing:border-box; position:relative; display:block; height:36px; font-size:16px; line-height:36px; overflow:hidden; color:#666; white-space:nowrap; text-overflow:ellipsis;}
.pro .left .pleft-list li dl dd a::before{ width:8px; height:2px; position:absolute; content:""; left:0px; top:50%; background-color:#999999; transform:translateY(-50%); transition:all 0.5s;}
.pro .left .pleft-list li dl dd a:hover,.pro .left .pleft-list li dl dd.on a{ color:#0254a6;}
.pro .left .pleft-list li dl dd a:hover::before,.pro .left .pleft-list li dl dd.on a::before{ background-color:#0254a6;}

.pro .right{ width:calc(97% - 370px); float:right;}
.pro .right .bt{ width:100%; border-bottom:1px solid #eee; padding-bottom:15px; font-size:20px; line-height:30px; color:#0254a6;}
.pro .right .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:5px;}
.pro .right .list a{ display:block; position:relative; width:31.33%; float:left; margin-left:3%; margin-top:35px; overflow:hidden;}
.pro .right .list a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pro .right .list a .tu{ width:100%; padding-top:100%; display:block; position:relative; z-index:1;}
.pro .right .list a .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.pro .right .list a .tu p{ display:none;}
.pro .right .list a .wen{ width:100%; text-align:center; margin-top:10px;}
.pro .right .list a .wen span{ font-size:16px; line-height:26px; display:block; overflow:hidden;}
.pro .right .list a .wen p{ display:none;}
.pro .right .list a:hover .wen span{ color:#0254a6;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.pro{ width:94%; margin:auto; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.pro .left{ width:350px; float:left; background-color:#f5f5f5;}
.pro .left .bt{ padding:20px; background-color:#0254a6; background-image:url(../images/ptitle.png); background-position:bottom right -20px; background-repeat:no-repeat; background-size:150px auto;}
.pro .left .bt b{ display:block; font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.pro .left .bt p{ display:block; font-size:16px; line-height:26px; color:#fff; margin-top:4px;}
.pro .left .pleft-list{ width:100%; display:block;}
.pro .left .pleft-list li{ display:block; border-bottom:1px solid #ddd;}
.pro .left .pleft-list li:last-child{ border-bottom:none;}
.pro .left .pleft-list li .pleft-class{ padding:15px 20px; padding-right:45px; overflow:hidden; position:relative; cursor:pointer;}
.pro .left .pleft-list li .pleft-class a{ width:100%; display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden;}
.pro .left .pleft-list li .pleft-class i{ display:block; width:14px; height:8px; position:absolute; right:20px; top:50%; margin-top:-4px; background-image:url(../images/pro-down.png); background-position:center; background-repeat:no-repeat;}
.pro .left .pleft-list li.on .pleft-class a{ color:#0254a6;}
.pro .left .pleft-list li.on .pleft-class i{ background-image:url(../images/pro-up.png);}
.pro .left .pleft-list li dl{ display:none; padding:10px 20px; padding-top:0;}
.pro .left .pleft-list li.on dl{ margin-top:-5px; display:block;}
.pro .left .pleft-list li dl dd{ display:block; height:35px; overflow:hidden;}
.pro .left .pleft-list li dl dd a{ padding-left:15px; width:100%; box-sizing:border-box; position:relative; display:block; height:35px; font-size:15px; line-height:35px; overflow:hidden; color:#666; white-space:nowrap; text-overflow:ellipsis;}
.pro .left .pleft-list li dl dd a::before{ width:6px; height:2px; position:absolute; content:""; left:0px; top:50%; background-color:#999999; transform:translateY(-50%); transition:all 0.5s;}
.pro .left .pleft-list li dl dd a:hover,.pro .left .pleft-list li dl dd.on a{ color:#0254a6;}
.pro .left .pleft-list li dl dd a:hover::before,.pro .left .pleft-list li dl dd.on a::before{ background-color:#0254a6;}

.pro .right{ width:calc(97% - 350px); float:right;}
.pro .right .bt{ width:100%; border-bottom:1px solid #eee; padding-bottom:10px; font-size:18px; line-height:28px; color:#0254a6;}
.pro .right .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:5px;}
.pro .right .list a{ display:block; position:relative; width:31.33%; float:left; margin-left:3%; margin-top:25px; overflow:hidden;}
.pro .right .list a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pro .right .list a .tu{ width:100%; padding-top:100%; display:block; position:relative; z-index:1;}
.pro .right .list a .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.pro .right .list a .tu p{ display:none;}
.pro .right .list a .wen{ width:100%; text-align:center; margin-top:7px;}
.pro .right .list a .wen span{ font-size:15px; line-height:25px; display:block; overflow:hidden;}
.pro .right .list a .wen p{ display:none;}
.pro .right .list a:hover .wen span{ color:#0254a6;}
}
@media only screen and (max-width:1023px){
.pro{ width:94%; margin:auto; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.pro .left{ width:100%; float:left; background-color:#f5f5f5;}
.pro .left .bt{ padding:15px; background-color:#0254a6; background-image:url(../images/ptitle.png); background-position:bottom right -20px; background-repeat:no-repeat; background-size:130px auto;}
.pro .left .bt b{ display:block; font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.pro .left .bt p{ display:block; font-size:14px; line-height:24px; color:#fff;}
.pro .left .pleft-list{ width:100%; display:block;}
.pro .left .pleft-list li{ display:block; border-bottom:1px solid #ddd;}
.pro .left .pleft-list li:last-child{ border-bottom:none;}
.pro .left .pleft-list li .pleft-class{ padding:15px; padding-right:40px; overflow:hidden; position:relative; cursor:pointer;}
.pro .left .pleft-list li .pleft-class a{ width:100%; display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.pro .left .pleft-list li .pleft-class i{ display:block; width:14px; height:8px; position:absolute; right:15px; top:50%; margin-top:-4px; background-image:url(../images/pro-down.png); background-position:center; background-repeat:no-repeat;}
.pro .left .pleft-list li.on .pleft-class a{ color:#0254a6;}
.pro .left .pleft-list li.on .pleft-class i{ background-image:url(../images/pro-up.png);}
.pro .left .pleft-list li dl{ display:none; padding:10px 15px; padding-top:0;}
.pro .left .pleft-list li.on dl{ margin-top:-5px; display:block;}
.pro .left .pleft-list li dl dd{ display:block; height:30px; overflow:hidden;}
.pro .left .pleft-list li dl dd a{ padding-left:10px; width:100%; box-sizing:border-box; position:relative; display:block; height:30px; font-size:14px; line-height:30px; overflow:hidden; color:#666; white-space:nowrap; text-overflow:ellipsis;}
.pro .left .pleft-list li dl dd a::before{ width:4px; height:2px; position:absolute; content:""; left:0px; top:50%; background-color:#999999; transform:translateY(-50%); transition:all 0.5s;}
.pro .left .pleft-list li dl dd a:hover,.pro .left .pleft-list li dl dd.on a{ color:#0254a6;}
.pro .left .pleft-list li dl dd a:hover::before,.pro .left .pleft-list li dl dd.on a::before{ background-color:#0254a6;}

.pro .right{ width:100%; float:right; margin-top:15px;}
.pro .right .bt{ width:100%; border-bottom:1px solid #eee; padding-bottom:5px; font-size:16px; line-height:26px; color:#0254a6;}
.pro .right .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:5px;}
.pro .right .list a{ display:block; position:relative; width:48.5%; float:left; margin-left:3%; margin-top:15px; overflow:hidden;}
.pro .right .list a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro .right .list a .tu{ width:100%; padding-top:100%; display:block; position:relative; z-index:1;}
.pro .right .list a .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.pro .right .list a .tu p{ display:none;}
.pro .right .list a .wen{ width:100%; text-align:center; margin-top:5px;}
.pro .right .list a .wen span{ font-size:14px; line-height:24px; display:block; overflow:hidden;}
.pro .right .list a .wen p{ display:none;}
.pro .right .list a:hover .wen span{ color:#0254a6;}
}

/*产品中心内页*/
@media screen and (min-width:1530px){
.pro02{ width:1400px; margin:auto; margin-top:5px; padding-bottom:5px;}
.pro02 .lbar{ width:532px; float:left;}
.pro02 .lbar .gallery-top{ display:block; overflow:hidden; border:1px solid #ddd;}
.pro02 .lbar .gallery-top .swiper-slide{ width:530px; overflow:hidden;}
.pro02 .lbar .gallery-top .swiper-slide a{ width:100%; padding-top:100%; display:block; position:relative; overflow:hidden;}
.pro02 .lbar .gallery-top .swiper-slide a img{ width:100%; display:block; position:absolute; top:0; left:0;}
.pro02 .lbar .gallery-thumbs{ padding:0 60px; margin:auto; margin-top:30px; display:block; overflow:hidden; position:relative;}
.pro02 .lbar .gallery-thumbs .swiper-container{ width:100%; overflow:hidden; position:relative; z-index:1;}
.pro02 .lbar .gallery-thumbs .swiper-slide{ width:25%; overflow:hidden;}
.pro02 .lbar .gallery-thumbs .swiper-slide a{ width:calc(100% - 22px); margin:0 10px; border:1px solid #ddd; display:block; position:relative;}
.pro02 .lbar .gallery-thumbs .swiper-slide a:before{ width:100%; padding-top:100%; display:block; content:''; overflow:hidden;}
.pro02 .lbar .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a{ border:1px solid #0254a6;}
.pro02 .lbar .gallery-thumbs .swiper-slide a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro02 .lbar .gallery-thumbs .swiper-button-white{ width:40px; height:40px; background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-20px; background-color:#b2b2b2; z-index:3;}
.pro02 .lbar .gallery-thumbs .swiper-button-next{ background-image:url(../images/next.png); right:0;}
.pro02 .lbar .gallery-thumbs .swiper-button-prev{ background-image:url(../images/prev.png); left:0;}
.pro02 .lbar .gallery-thumbs .swiper-button-white:hover{ background-color:#0254a6;}
.pro02 .rbar{ width:calc(95% - 532px); float:right;}
.pro02 .rbar .w01{ font-size:24px; line-height:34px; font-weight:bold; padding-top:25px;}
.pro02 .rbar .w02{ font-size:16px; line-height:26px; color:#999; padding-top:10px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.pro02 .rbar .w03{ padding-top:25px; display:block; font-size:18px; line-height:28px; color:#0254a6; font-weight:bold;}
.pro02 .rbar .w04{ display:block; font-size:16px; line-height:26px;}
.pro02 .rbar .w04 p{ display:block; margin-top:10px;}
.pro02 .rbar .w04 b{ color:#0254a6;}

.pro03{ width:1400px; margin:auto; margin-top:40px;}
.pro03.mar{ margin-top:0; margin-bottom:95px;}
.pro03 .bt{ font-size:24px; line-height:34px; color:#0254a6; font-weight:bold; padding-bottom:15px; border-bottom:1px solid #ddd;}
.pro03 .wen{ margin-top:20px; font-size:14px; line-height:30px;}
.pro03 .wen img{ max-width:100%; height:auto;}
table{ border-collapse:collapse;}
table,th, td{ border:1px solid black;}

.pro03 .list{ width:100%;}
.pro03 .list .bd{ display:flex; flex-wrap:wrap;}
.pro03 .list a{ display:block; position:relative; width:320px; float:left; margin-right:40px; margin-top:30px; overflow:hidden;}
.pro03 .list a .tu{ width:100%; padding-top:100%; display:block; position:relative; z-index:1;}
.pro03 .list a .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.pro03 .list a .tu p{ display:none;}
.pro03 .list a .wen{ width:100%; text-align:center; margin-top:10px;}
.pro03 .list a .wen span{ font-size:16px; line-height:26px; display:block; overflow:hidden;}
.pro03 .list a .wen p{ display:none;}
.pro03 .list a:hover .wen span{ color:#0254a6;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.pro02{ width:94%; margin:auto; margin-top:5px; padding-bottom:5px;}
.pro02 .lbar{ width:402px; float:left;}
.pro02 .lbar .gallery-top{ display:block; overflow:hidden; border:1px solid #ddd;}
.pro02 .lbar .gallery-top .swiper-slide{ width:400px; overflow:hidden;}
.pro02 .lbar .gallery-top .swiper-slide a{ width:100%; padding-top:100%; display:block; position:relative; overflow:hidden;}
.pro02 .lbar .gallery-top .swiper-slide a img{ width:100%; display:block; position:absolute; top:0; left:0;}
.jqZoomPup img{ width:400px !important;}
.pro02 .lbar .gallery-thumbs{ padding:0 55px; margin:auto; margin-top:30px; display:block; overflow:hidden; position:relative;}
.pro02 .lbar .gallery-thumbs .swiper-container{ width:100%; overflow:hidden; position:relative; z-index:1;}
.pro02 .lbar .gallery-thumbs .swiper-slide{ width:33.33%; overflow:hidden;}
.pro02 .lbar .gallery-thumbs .swiper-slide a{ width:calc(100% - 16px); margin:0 7px; border:1px solid #ddd; display:block; position:relative;}
.pro02 .lbar .gallery-thumbs .swiper-slide a:before{ width:100%; padding-top:100%; display:block; content:''; overflow:hidden;}
.pro02 .lbar .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a{ border:1px solid #0254a6;}
.pro02 .lbar .gallery-thumbs .swiper-slide a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro02 .lbar .gallery-thumbs .swiper-button-white{ width:38px; height:38px; background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-19px; background-color:#b2b2b2; z-index:3;}
.pro02 .lbar .gallery-thumbs .swiper-button-next{ background-image:url(../images/next.png); right:0;}
.pro02 .lbar .gallery-thumbs .swiper-button-prev{ background-image:url(../images/prev.png); left:0;}
.pro02 .lbar .gallery-thumbs .swiper-button-white:hover{ background-color:#0254a6;}
.pro02 .rbar{ width:calc(95% - 532px); float:right;}
.pro02 .rbar .w01{ font-size:20px; line-height:30px; font-weight:bold; padding-top:15px;}
.pro02 .rbar .w02{ font-size:15px; line-height:25px; color:#999; padding-top:7px; padding-bottom:15px; border-bottom:1px solid #ddd;}
.pro02 .rbar .w03{ padding-top:15px; display:block; font-size:14px; line-height:24px; color:#0254a6; font-weight:bold;}
.pro02 .rbar .w04{ display:block; font-size:14px; line-height:24px;}
.pro02 .rbar .w04 p{ display:block; margin-top:5px;}
.pro02 .rbar .w04 b{ color:#0254a6;}

.pro03{ width:94%; margin:auto; margin-top:30px;}
.pro03.mar{ margin-top:0; margin-bottom:65px;}
.pro03 .bt{ font-size:20px; line-height:30px; color:#0254a6; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #ddd;}
.pro03 .wen{ margin-top:20px; font-size:15px; line-height:25px;}
.pro03 .wen img{ max-width:100%; height:auto;}
table{ border-collapse:collapse;}
table,th, td{ border:1px solid black;}

.pro03 .list{ width:100%;}
.pro03 .list .bd{ display:flex; flex-wrap:wrap;}
.pro03 .list a{ display:block; position:relative; width:280px; float:left; margin-right:30px; margin-top:25px; overflow:hidden;}
.pro03 .list a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro03 .list a .tu{ width:100%; padding-top:100%; display:block; position:relative; z-index:1;}
.pro03 .list a .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.pro03 .list a .tu p{ display:none;}
.pro03 .list a .wen{ width:100%; text-align:center; margin-top:7px;}
.pro03 .list a .wen span{ font-size:15px; line-height:25px; display:block; overflow:hidden;}
.pro03 .list a .wen p{ display:none;}
.pro03 .list a:hover .wen span{ color:#0254a6;}
}
@media only screen and (max-width: 1023px){
.pro02{ width:94%; margin:auto; margin-top:5px;}
.pro02 .lbar{ width:100%; float:left;}
.pro02 .lbar .gallery-top{ width:100%; display:block; overflow:hidden; border:1px solid #ddd; box-sizing:border-box;}
.pro02 .lbar .gallery-top .swiper-slide{ width:100%; overflow:hidden;}
.pro02 .lbar .gallery-top .swiper-slide a{ width:100%; padding-top:100%; display:block; position:relative; overflow:hidden;}
.pro02 .lbar .gallery-top .swiper-slide a img{ width:100%; display:block; position:absolute; top:0; left:0;}
.pro02 .lbar .gallery-thumbs{ padding:0 40px; margin:auto; margin-top:30px; display:block; overflow:hidden; position:relative;}
.pro02 .lbar .gallery-thumbs .swiper-container{ width:100%; overflow:hidden; position:relative; z-index:1;}
.pro02 .lbar .gallery-thumbs .swiper-slide{ width:33.33%; overflow:hidden;}
.pro02 .lbar .gallery-thumbs .swiper-slide a{ width:calc(100% - 16px); margin:0 7px; border:1px solid #ddd; display:block; position:relative;}
.pro02 .lbar .gallery-thumbs .swiper-slide a:before{ width:100%; padding-top:100%; display:block; content:''; overflow:hidden;}
.pro02 .lbar .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a{ border:1px solid #0254a6;}
.pro02 .lbar .gallery-thumbs .swiper-slide a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro02 .lbar .gallery-thumbs .swiper-button-white{ width:34px; height:34px; background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-17px; background-color:#b2b2b2; z-index:3;}
.pro02 .lbar .gallery-thumbs .swiper-button-next{ background-image:url(../images/next.png); right:0;}
.pro02 .lbar .gallery-thumbs .swiper-button-prev{ background-image:url(../images/prev.png); left:0;}
.pro02 .lbar .gallery-thumbs .swiper-button-white:hover{ background-color:#0254a6;}
.pro02 .rbar{ width:100%; float:right;}
.pro02 .rbar .w01{ font-size:16px; line-height:26px; font-weight:bold; padding-top:15px;}
.pro02 .rbar .w02{ font-size:14px; line-height:24px; color:#999; padding-top:5px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.pro02 .rbar .w03{ padding-top:15px; display:block; font-size:16px; line-height:26px; color:#0254a6; font-weight:bold;}
.pro02 .rbar .w04{ display:block; font-size:14px; line-height:24px;}
.pro02 .rbar .w04 p{ display:block; margin-top:2px;}
.pro02 .rbar .w04 b{ color:#0254a6;}

.pro03{ width:94%; margin:auto; margin-top:20px;}
.pro03.mar{ margin-top:0; margin-bottom:35px;}
.pro03 .bt{ font-size:16px; line-height:26px; color:#0254a6; font-weight:bold; padding-bottom:5px; border-bottom:1px solid #ddd;}
.pro03 .wen{ margin-top:10px; font-size:14px; line-height:24px;}
.pro03 .wen img{ max-width:100%; height:auto;}
table{ border-collapse:collapse;}
table,th, td{ border:1px solid black;}

.pro03 .list{ width:100%;}
.pro03 .list .bd{ display:flex; flex-wrap:wrap;}
.pro03 .list a{ display:block; position:relative; width:240px; float:left; margin-right:15px; margin-top:15px; overflow:hidden;}
.pro03 .list a .tu{ width:100%; padding-top:100%; display:block; position:relative; z-index:1;}
.pro03 .list a .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.pro03 .list a .tu p{ display:none;}
.pro03 .list a .wen{ width:100%; text-align:center; margin-top:5px;}
.pro03 .list a .wen span{ font-size:14px; line-height:24px; display:block; overflow:hidden;}
.pro03 .list a .wen p{ display:none;}
.pro03 .list a:hover .wen span{ color:#0254a6;}
}

/*海盛服务*/
@media screen and (min-width:1530px){
.main .news{ width:100%; display:flex; flex-wrap:wrap;}
.main .news li{ display:block; position:relative; width:31.43%; margin-left:2.855%; margin-top:40px; overflow:hidden;}
.main .news li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .news li .w01{ width:100%; position:relative;}
.main .news li .w01:before{ width:100%; padding-top:68.18%; display:block; content:''; overflow:hidden;}
.main .news li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .news li .w02{ width:100%; margin-top:15px; font-size:14px; line-height:22px; height:22px; color:#666;}
.main .news li .w03{ width:100%; margin-top:5px; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap;}
.main .news li .w03:hover{ color:#0254a6;}
.main .news li .w04{ width:50px; margin-top:10px; height:2px; background-color:#333;}
.main .news li .w05{ width:100%; margin-top:15px; font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .news li .w06{ width:100px; border-bottom:1px solid #333; font-size:14px; height:34px; line-height:34px; text-align:center; padding-top:5px;}
.main .news li .w06:hover{ border-bottom:1px solid #0254a6; color:#0254a6;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.main .news{ width:100%; display:flex; flex-wrap:wrap;}
.main .news li{ display:block; position:relative; width:31.43%; margin-left:2.855%; margin-top:30px; overflow:hidden;}
.main .news li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .news li .w01{ width:100%; position:relative;}
.main .news li .w01:before{ width:100%; padding-top:68.18%; display:block; content:''; overflow:hidden;}
.main .news li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .news li .w02{ width:100%; margin-top:10px; font-size:14px; line-height:22px; height:22px; color:#666;}
.main .news li .w03{ width:100%; margin-top:5px; font-size:17px; line-height:27px; height:27px; text-overflow:ellipsis; white-space:nowrap;}
.main .news li .w03:hover{ color:#0254a6;}
.main .news li .w04{ width:40px; margin-top:5px; height:2px; background-color:#333;}
.main .news li .w05{ width:100%; margin-top:10px; font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .news li .w06{ width:100px; border-bottom:1px solid #333; font-size:14px; height:34px; line-height:34px; text-align:center;}
.main .news li .w06:hover{ border-bottom:1px solid #0254a6; color:#0254a6;}
}
@media only screen and (max-width:1023px){
.main .news{ width:100%; display:flex; flex-wrap:wrap;}
.main .news li{ display:block; position:relative; width:100%; margin-top:20px; overflow:hidden;}
.main .news li .w01{ width:100%; position:relative;}
.main .news li .w01:before{ width:100%; padding-top:68.18%; display:block; content:''; overflow:hidden;}
.main .news li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .news li .w02{ width:100%; margin-top:10px; font-size:14px; line-height:22px; height:22px; color:#666;}
.main .news li .w03{ width:100%; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap;}
.main .news li .w03:hover{ color:#0254a6;}
.main .news li .w04{ width:30px; margin-top:10px; height:2px; background-color:#333;}
.main .news li .w05{ width:100%; margin-top:10px; font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .news li .w06{ width:100px; border-bottom:1px solid #333; font-size:14px; height:34px; line-height:34px; text-align:center;}
.main .news li .w06:hover{ border-bottom:1px solid #0254a6; color:#0254a6;}
}

/*文章页*/
@media screen and (min-width:1530px){
.ny{ width:1400px; margin:65px auto; position:relative; z-index:1;}
.ny .bt{ width:100%;}
.ny .bt b{ display:block; font-size:24px; line-height:34px; color:#333;}
.ny .bt span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.ny .bt p{ display:block; margin-top:10px; width:100px; height:2px; background-color:#333;}
.ny .wen{ margin-top:25px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px; margin-bottom:5px;}
.ny .wen video{ max-width:100%; height:auto; display:block; margin:auto;}
#portfolio-nav{ width:100%; height:40px; padding:30px 0; margin:auto; margin-top:25px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-left:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ny{ width:94%; margin:45px auto; position:relative; z-index:1;}
.ny .bt{ width:100%;}
.ny .bt b{ display:block; font-size:20px; line-height:30px; color:#333;}
.ny .bt span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:5px;}
.ny .bt p{ display:block; margin-top:5px; width:80px; height:2px; background-color:#333;}
.ny .wen{ margin-top:20px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px; margin-bottom:5px;}
.ny .wen video{ max-width:100%; height:auto; display:block; margin:auto;}
#portfolio-nav{ width:100%; height:40px; padding:20px 0; margin:auto; margin-top:20px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-left:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}
}
@media only screen and (max-width:1023px){
.ny{ width:94%; margin:25px auto; position:relative; z-index:1;}
.ny .bt{ width:100%;}
.ny .bt b{ display:block; font-size:16px; line-height:26px; color:#333;}
.ny .bt span{ display:block; font-size:14px; line-height:24px; color:#333;}
.ny .bt p{ display:block; margin-top:5px; width:60px; height:2px; background-color:#333;}
.ny .wen{ margin-top:10px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px; margin-bottom:5px;}
.ny .wen video{ max-width:100%; height:auto; display:block; margin:auto;}
#portfolio-nav{ width:100%; height:40px; padding:15px 0; margin:auto; margin-top:10px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:none; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ cursor:pointer; text-align:left; display:flex; align-items:center; font-size:14px; line-height:24px; width:100%; overflow:hidden;}
#portfolio-nav .prev p{ display:block; float:left; width:10px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:24px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:10px; height:24px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next{ text-align:right; cursor:pointer; display:flex; align-items:center; flex-direction: row-reverse; font-size:14px; line-height:24px; width:100%; overflow:hidden; margin-top:5px;}
#portfolio-nav .next p{ display:block; float:right; width:10px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:24px; margin-left:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:10px; height:24px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
}

/*工厂实力*/
@media screen and (min-width:1530px){
.main .fw01{ width:100%;}
.main .fw01 li{ width:100%; display:flex; padding-top:40px; overflow:hidden;}
.main .fw01 li .left{ width:50%; float:left;}
.main .fw01 li .left img{ width:100%; display:block;}
.main .fw01 li .right{ width:50%; float:right; padding:40px; box-sizing:border-box; background-color:#f7f7f7;}
.main .fw01 li .right .w01{ font-size:24px; line-height:34px; color:#0254a6; padding-bottom:15px; border-bottom:1px solid #ddd;}
.main .fw01 li .right .w02{ font-size:14px; line-height:1.7; margin-top:25px;}
.main .fw01 li:nth-child(2n){ flex-direction:row-reverse;}

.pro03 .list01{ width:100%; display:block;}
.pro03 .list01 li{ width:47%; display:block; float:left; margin-left:6%; margin-top:15px; border-bottom:1px dashed #ddd; padding-left:16px; position:relative; box-sizing:border-box; overflow:hidden;}
.pro03 .list01 li:nth-child(2n+1){ margin-left:0;}
.pro03 .list01 li:before{ width:6px; height:6px; position:absolute; left:0; top:50%; margin-top:-3px; border-radius:100%; background-color:#f04d22; overflow:hidden; content:'';}
.pro03 .list01 li a{ width:calc(100% - 120px); display:block; float:left; font-size:14px; height:44px; line-height:44px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro03 .list01 li a:hover{ color:#0254a6;}
.pro03 .list01 li span{ display:block; float:right; font-size:14px; height:44px; line-height:44px; overflow:hidden; color:#999;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.main .fw01{ width:100%;}
.main .fw01 li{ width:100%; display:flex; padding-top:30px; overflow:hidden;}
.main .fw01 li .left{ width:50%; float:left;}
.main .fw01 li .left img{ width:100%; display:block;}
.main .fw01 li .right{ width:50%; float:right; padding:30px; box-sizing:border-box; background-color:#f7f7f7;}
.main .fw01 li .right .w01{ font-size:20px; line-height:30px; color:#0254a6; padding-bottom:10px; border-bottom:1px solid #ddd;}
.main .fw01 li .right .w02{ font-size:14px; line-height:1.7; margin-top:20px;}
.main .fw01 li:nth-child(2n){ flex-direction:row-reverse;}

.pro03 .list01{ width:100%; display:block;}
.pro03 .list01 li{ width:47%; display:block; float:left; margin-left:6%; margin-top:10px; border-bottom:1px dashed #ddd; padding-left:16px; position:relative; box-sizing:border-box; overflow:hidden;}
.pro03 .list01 li:nth-child(2n+1){ margin-left:0;}
.pro03 .list01 li:before{ width:6px; height:6px; position:absolute; left:0; top:50%; margin-top:-3px; border-radius:100%; background-color:#f04d22; overflow:hidden; content:'';}
.pro03 .list01 li a{ width:calc(100% - 120px); display:block; float:left; font-size:14px; height:44px; line-height:44px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro03 .list01 li a:hover{ color:#0254a6;}
.pro03 .list01 li span{ display:block; float:right; font-size:14px; height:44px; line-height:44px; overflow:hidden; color:#999;}
}
@media only screen and (max-width: 1023px){
.main .fw01{ width:100%;}
.main .fw01 li{ width:100%; display:block; padding-top:20px; overflow:hidden;}
.main .fw01 li .left{ width:100%; float:left;}
.main .fw01 li .left img{ width:100%; display:block;}
.main .fw01 li .right{ width:100%; float:right; padding:15px; box-sizing:border-box; background-color:#f7f7f7;}
.main .fw01 li .right .w01{ font-size:16px; line-height:26px; color:#0254a6; padding-bottom:5px; border-bottom:1px solid #ddd;}
.main .fw01 li .right .w02{ font-size:14px; line-height:1.7; margin-top:10px;}

.pro03 .list01{ width:100%; display:block;}
.pro03 .list01 li{ width:100%; display:block; margin-top:5px; border-bottom:1px dashed #ddd; padding-left:10px; position:relative; box-sizing:border-box; overflow:hidden;}
.pro03 .list01 li:before{ width:6px; height:6px; position:absolute; left:0; top:50%; margin-top:-3px; border-radius:100%; background-color:#f04d22; overflow:hidden; content:'';}
.pro03 .list01 li a{ width:calc(100% - 120px); display:block; float:left; font-size:14px; height:34px; line-height:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro03 .list01 li a:hover{ color:#0254a6;}
.pro03 .list01 li span{ display:block; float:right; font-size:14px; height:34px; line-height:34px; overflow:hidden; color:#999;}
}

@media screen and (min-width:1530px){
.main .fw02{ width:100%;}
.main .fw02 a{ width:320px; display:block; margin-top:40px; margin-left:40px; overflow:hidden; float:left; position:relative; cursor:pointer;}
.main .fw02 a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .fw02 a strong{ width:100%; display:block; padding-top:73.68%; overflow:hidden; position:relative;}
.main .fw02 a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .fw02 a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .fw02 a span{ display:block; width:100%; line-height:24px; font-size:14px; text-align:center; margin-top:10px;}
.main .fw02 a:hover span{ color:#0254a6;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.main .fw02{ width:100%;}
.main .fw02 a{ width:22.8625%; display:block; margin-top:30px; margin-left:2.85%; overflow:hidden; float:left; position:relative; cursor:pointer;}
.main .fw02 a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .fw02 a strong{ width:100%; display:block; padding-top:73.68%; overflow:hidden; position:relative;}
.main .fw02 a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .fw02 a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .fw02 a span{ display:block; width:100%; line-height:24px; font-size:14px; text-align:center; margin-top:7px;}
.main .fw02 a:hover span{ color:#0254a6;}
}

@media only screen and (max-width: 1023px){
.main .fw02{ width:100%; padding-top:5px;}
.main .fw02 a{ width:48.5%; display:block; margin-top:15px; margin-left:3%; overflow:hidden; float:left; position:relative; cursor:pointer;}
.main .fw02 a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .fw02 a strong{ width:100%; display:block; padding-top:73.68%; overflow:hidden; position:relative;}
.main .fw02 a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .fw02 a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .fw02 a span{ display:block; width:100%; line-height:24px; font-size:14px; text-align:center; margin-top:4px;}
.main .fw02 a:hover span{ color:#0254a6;}
}

/*荣誉资质*/
@media screen and (min-width:1530px){
.main .ry{ width:100%;}
.main .ry a{ width:320px; display:block; margin-top:40px; margin-left:40px; overflow:hidden; float:left; position:relative; cursor:pointer;}
.main .ry a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .ry a strong{ width:100%; display:block; padding:15px; overflow:hidden; border:1px solid #eee; box-sizing:border-box;}
.main .ry a strong b{ width:100%; display:block; padding-top:143.24%; position:relative; overflow:hidden;}
.main .ry a img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.main .ry a:hover strong{ border:1px solid #f04d22;}
.main .ry a span{ display:block; width:100%; line-height:24px; font-size:14px; text-align:center; margin-top:10px;}
.main .ry a:hover span{ color:#0254a6;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.main .ry{ width:100%;}
.main .ry a{ width:22.8625%; display:block; margin-top:30px; margin-left:2.85%; overflow:hidden; float:left; position:relative; cursor:pointer;}
.main .ry a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .ry a strong{ width:100%; display:block; padding:10px; overflow:hidden; border:1px solid #eee; box-sizing:border-box;}
.main .ry a strong b{ width:100%; display:block; padding-top:143.24%; position:relative; overflow:hidden;}
.main .ry a img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.main .ry a:hover strong{ border:1px solid #f04d22;}
.main .ry a span{ display:block; width:100%; line-height:24px; font-size:14px; text-align:center; margin-top:7px;}
.main .ry a:hover span{ color:#0254a6;}
}

@media only screen and (max-width: 1023px){
.main .ry{ width:100%; padding-top:5px;}
.main .ry a{ width:48.5%; display:block; margin-top:15px; margin-left:3%; overflow:hidden; float:left; position:relative; cursor:pointer;}
.main .ry a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .ry a strong{ width:100%; display:block; padding:5px; overflow:hidden; border:1px solid #eee; box-sizing:border-box;}
.main .ry a strong b{ width:100%; display:block; padding-top:143.24%; position:relative; overflow:hidden;}
.main .ry a img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.main .ry a:hover strong{ border:1px solid #f04d22;}
.main .ry a span{ display:block; width:100%; line-height:24px; font-size:14px; text-align:center; margin-top:4px;}
.main .ry a:hover span{ color:#0254a6;}
}

/*联系我们*/
@media screen and (min-width:1530px){
.main .lx01{ width:1400px; margin:auto; display:flex; padding-top:40px;}
.main .lx01 .left{ width:47.5%;}
.main .lx01 .left #map{ width:100%; height:100%;}
.main .lx01 .left img{ width:100%; height:100%; object-fit:cover; display:block;}
.main .lx01 .right{ width:46.875%; margin-left:5.625%;}
.main .lx01 .right dl{ display:block; overflow:hidden; margin-top:-30px;}
.main .lx01 .right dl dt{ margin-top:30px; overflow:hidden; display:flex; align-items:center;}
.main .lx01 .right dl dt strong{ width:50px;}
.main .lx01 .right dl dt strong img{ width:50px; display:block;}
.main .lx01 .right dl dt p{ width:calc(100% - 60px); display:block; margin-left:10px;}
.main .lx01 .right dl dt p span{ display:block; font-size:14px; line-height:24px; color:#999;}
.main .lx01 .right dl dt p a{ display:block; font-size:16px; line-height:26px; color:#333;}
.main .lx01 .right dl dd{ margin-top:25px; overflow:hidden; display:block;}
.main .lx01 .right dl dd span{ width:100%; font-size:16px; line-height:26px;}
.main .lx01 .right dl dd p{ display:flex; align-items:center; margin:10px 0;}
.main .lx01 .right dl dd strong{ width:120px; max-width:120px; display:block; overflow:hidden; border:1px solid #ddd;}
.main .lx01 .right dl dd strong img{ width:100%; display:block;}
.main .lx01 .right dl dd a{ display:block; font-size:14px; line-height:24px; margin-left:20px;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.main .lx01{ width:94%; margin:auto; display:flex; padding-top:30px;}
.main .lx01 .left{ width:48%;}
.main .lx01 .left #map{ width:100%; height:100%;}
.main .lx01 .left img{ width:100%; height:100%; object-fit:cover; display:block;}
.main .lx01 .right{ width:49%; margin-left:3%;}
.main .lx01 .right dl{ display:block; overflow:hidden; margin-top:-20px;}
.main .lx01 .right dl dt{ margin-top:20px; overflow:hidden; display:flex; align-items:center;}
.main .lx01 .right dl dt strong{ width:50px;}
.main .lx01 .right dl dt strong img{ width:50px; display:block;}
.main .lx01 .right dl dt p{ width:calc(100% - 60px); display:block; margin-left:10px;}
.main .lx01 .right dl dt p span{ display:block; font-size:14px; line-height:24px; color:#999;}
.main .lx01 .right dl dt p a{ display:block; font-size:16px; line-height:26px; color:#333;}
.main .lx01 .right dl dd{ margin-top:15px; overflow:hidden; display:block;}
.main .lx01 .right dl dd span{ width:100%; font-size:16px; line-height:26px;}
.main .lx01 .right dl dd p{ display:flex; align-items:center; margin:5px 0;}
.main .lx01 .right dl dd strong{ width:100px; max-width:120px; display:block; overflow:hidden; border:1px solid #ddd;}
.main .lx01 .right dl dd strong img{ width:100%; display:block;}
.main .lx01 .right dl dd a{ display:block; font-size:14px; line-height:24px; margin-left:20px;}
}

@media only screen and (max-width: 1023px){
.main .lx01{ width:94%; margin:auto; padding-top:20px;}
.main .lx01 .left{ width:100%;}
.main .lx01 .left #map{ width:100%; height:260px;}
.main .lx01 .left img{ width:100%; display:block;}
.main .lx01 .right{ width:100%;}
.main .lx01 .right dl{ display:block; overflow:hidden;}
.main .lx01 .right dl dt{ margin-top:15px; overflow:hidden; display:flex; align-items:center;}
.main .lx01 .right dl dt strong{ width:50px;}
.main .lx01 .right dl dt strong img{ width:50px; display:block;}
.main .lx01 .right dl dt p{ width:calc(100% - 60px); display:block; margin-left:10px;}
.main .lx01 .right dl dt p span{ display:block; font-size:14px; line-height:24px; color:#999;}
.main .lx01 .right dl dt p a{ display:block; font-size:16px; line-height:24px; color:#333;}
.main .lx01 .right dl dd{ margin-top:15px; overflow:hidden; display:block;}
.main .lx01 .right dl dd span{ width:100%; font-size:16px; line-height:26px;}
.main .lx01 .right dl dd p{ display:flex; align-items:center; margin-top:5px;}
.main .lx01 .right dl dd strong{ width:80px; display:block; overflow:hidden; border:1px solid #ddd;}
.main .lx01 .right dl dd strong img{ width:100%; display:block;}
.main .lx01 .right dl dd a{ display:block; font-size:14px; line-height:24px; margin-left:10px;}
}

@media screen and (min-width:1530px){
.main .lx02{ width:1400px; margin:auto; padding-top:10px;}
.main .lx02 .left{ width:47.5%; float:left;}
.main .lx02 .right{ width:47.5%; float:right;}
.main .lx02 p{ width:100%; height:50px; line-height:50px; border-radius:46px; background-color:#fff; margin-top:30px; overflow:hidden; display:block; padding:0 30px; box-sizing:border-box;}
.main .lx02 p input{ width:100%; font-size:16px; line-height:50px; height:50px; display:block; background-color:transparent;}
.main .lx02 p select{ width:100%; font-size:16px; line-height:50px; height:50px; display:block; background-color:transparent; background-image:url(../images/sel01.png); background-position:right center; background-repeat:no-repeat;}
.main .lx02 span{ width:100%; background-color:#fff; border-radius:15px; overflow:hidden; display:block; margin-top:30px;}
.main .lx02 span textarea{ width:100%; height:130px; display:block; padding:12px 30px; box-sizing:border-box; font-size:16px; line-height:26px; overflow:auto; background-color:transparent; font-family:inherit;}
.main .lx02 .sub{ width:100%; float:left; margin-top:50px;}
.main .lx02 .sub input{ display:block; width:15%; margin:auto; text-align:center; line-height:56px; color:#fff; font-size:18px; height:56px; border-radius:56px; background:#0254a6; cursor:pointer;}
.main .lx02 .sub input:hover{ background:#f04d22;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.main .lx02{ width:94%; margin:auto; padding-top:10px;}
.main .lx02 .left{ width:48.5%; float:left;}
.main .lx02 .right{ width:48.5%; float:right;}
.main .lx02 p{ width:100%; height:46px; line-height:46px; border-radius:46px; background-color:#fff; margin-top:20px; overflow:hidden; display:block; padding:0 20px; box-sizing:border-box;}
.main .lx02 p input{ width:100%; font-size:16px; line-height:46px; height:46px; display:block; background-color:transparent;}
.main .lx02 p select{ width:100%; font-size:16px; line-height:46px; height:46px; display:block; background-color:transparent; background-image:url(../images/sel01.png); background-position:right center; background-repeat:no-repeat;}
.main .lx02 span{ width:100%; background-color:#fff; border-radius:10px; overflow:hidden; display:block; margin-top:20px;}
.main .lx02 span textarea{ width:100%; height:112px; display:block; padding:10px 20px; box-sizing:border-box; font-size:16px; line-height:26px; overflow:auto; background-color:transparent; font-family:inherit;}
.main .lx02 .sub{ width:100%; float:left; margin-top:30px;}
.main .lx02 .sub input{ display:block; width:15%; margin:auto; text-align:center; line-height:56px; color:#fff; font-size:16px; height:46px; border-radius:46px; background:#0254a6; cursor:pointer;}
.main .lx02 .sub input:hover{ background:#f04d22;}
}

@media only screen and (max-width: 1023px){
.main .lx02{ width:94%; margin:auto; padding-top:5px;}
.main .lx02 .left{ width:100%; float:left;}
.main .lx02 .right{ width:100%; float:right;}
.main .lx02 p{ width:100%; height:40px; line-height:40px; border-radius:40px; background-color:#fff; margin-top:15px; overflow:hidden; display:block; padding:0 15px; box-sizing:border-box;}
.main .lx02 p input{ width:100%; font-size:14px; line-height:40px; height:40px; display:block; background-color:transparent;}
.main .lx02 p select{ width:100%; font-size:14px; line-height:40px; height:40px; display:block; background-color:transparent; background-image:url(../images/sel01.png); background-position:right center; background-repeat:no-repeat;}
.main .lx02 span{ width:100%; background-color:#fff; border-radius:10px; overflow:hidden; display:block; margin-top:15px;}
.main .lx02 span textarea{ width:100%; height:136px; display:block; padding:8px 15px; box-sizing:border-box; font-size:14px; line-height:24px; overflow:auto; background-color:transparent; font-family:inherit;}
.main .lx02 .sub{ width:100%; float:left; margin-top:15px;}
.main .lx02 .sub input{ display:block; width:120px; margin:auto; text-align:center; line-height:40px; color:#fff; font-size:14px; height:40px; border-radius:40px; background:#0254a6; cursor:pointer;}
.main .lx02 .sub input:hover{ background:#f04d22;}
}