@charset "UTF-8";

html,body{ width:100%; height:100%;}
body{ font:14px/1.7 "Source Han Sans","Source Han Sans CN","Noto Sans", sans-serif; color:#5a5a5a; background:#fff; margin:0;}
a{ text-decoration:none; color:#5a5a5a; -webkit-tap-highlight-color:transparent;}
input,select,textarea{ border:none; margin:0; padding:0; font-family:inherit; outline:none;}
h1,h2,h3,h4,h5,h6,strong,b,span,a,dl,dt,dd,p,img,ul,ol{ list-style-type:none; margin:0; padding:0;}
ul,ol,li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ line-height:1.2em;}
table, td{ color:#5a5a5a;}
table{ border-collapse:collapse; border-spacing:0; empty-cells:show;}
th, td{ border-collapse:collapse;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ *zoom:1;}
.clear:before, .clear:after{ display:table; content:"";}
.clear:after{ clear:both;}

/*header*/
.header{ width:100%; position:relative; z-index:99; background-color:#fff;}
.header .thead{ width:100%; position:relative; z-index: 3; background-color: #f8f8f8;}
.header .yu{ width: 94%; max-width:1300px; height:40px; margin:auto;}
.header .yu p{ display:block; font-size: 14px; line-height: 40px; float:left;}
.header .yu dt{ display:block; overflow:hidden; float: right;}
.header .yu dt img{ display:block; height:18px; float:left; margin-top:11px; margin-right: 10px;}
.header .yu dt span{ display:block; height:40px; line-height:40px; font-size:16px; float:left; margin:0 5px;}
.header .yu dt a{ display:block; height:40px; line-height:40px; font-size:16px; float:left;}
.header .yu dt a.on,.header .yu dt a:hover{ color:#005ea5;}
.header .yu dd{ display:block; overflow:hidden; float: right; margin-right: 30px;}
.header .yu dd img{ display:block; height:18px; float:left; margin-top:11px;}
.header .yu dd span{ display:block; height:40px; line-height:40px; font-size:14px; float:left; margin-left:10px;}
.header .yu dd b{ display:block; height:40px; line-height:40px; float:left; color:#005ea5;}
.header .head{ width: 94%; max-width:1300px; height:100px; margin:auto; position:relative; z-index: 1;}
.header .logo{ height:54px; float:left; padding:23px 0;}
.header .logo img{ display:block; height:54px;}
.header .nav{ display:block; float:right; height:100px; position:relative; z-index:1;}
.header .nav li{ display:block; float:left; margin-left:1.3vw; height:100px; position:relative; z-index:1;}
.header .nav li>a{ display:block; font-size:16px; line-height:100px; height:100px; color:#333;}
.header .nav li.on>a, .header .nav li:hover>a{ color:#005ea5;}
.header .nav li p{ width:160px; position:absolute; left:50%; margin-left:-80px; top:100%; background-color:rgba(255,255,255,.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:5px; box-sizing:border-box;}
.header .nav li p a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#5a5a5a; text-align:center;}
.header .nav li p a:hover{ color:#005ea5;}
.header .nav li:hover p{ top:100%; opacity:1; height:auto; padding:15px 20px;}

.header.white{ position: absolute; left: 0; top: 0; background-color: transparent;}
.header.white .thead{ background-color: transparent;}
.header.white .yu p{ color: #fff;}
.header.white .yu dt span{ color: #fff;}
.header.white .yu dt a{ color: #fff;}
.header.white .yu dd span{ color:#fff;}
.header.white .yu dd b{ color:#fff;}
.header.white .head{ margin-top: -20px;}
.header.white .logo img{ filter: grayscale(100%) brightness(300%);}
.header.white .nav li>a{ color:#fff;}

/*banner*/
.banner{ width:100% !important; height:100%; position:relative; z-index:1;}
.banner .box{ width:100%; height:100%; position:relative;}
.banner .shutter{ width:100%; height:100%; position:relative; overflow:hidden;}
.banner .shutter-img{ z-index:1;}
.banner .shutter-img,.banner .shutter-img a{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banner .shutter-img a{ cursor:default;}
.banner .shutter-img a > img{ width:100%; height:100%;}
.banner .shutter-img .created{ overflow:hidden; position:absolute; z-index:20;}
.banner .shutter-desc{ display:none;}

.banner .slider-nav{ position:absolute; left:50%; transform:translateX(-50%); bottom:25px; z-index:9;}
.banner .slider-nav li{ width:12px; height:12px; display:block; float:left; border-radius:100%; background-color:rgba(255,255,255,.5); margin:0 8px; overflow:hidden; cursor:pointer;}
.banner .slider-nav li.active{ background-color:#e33439;}

.banner .shutter-btn li.prev{ width:32px; height:32px; cursor:pointer; position:absolute; left:25px; top:50%; margin-top:-16px; background-image:url(../images/left_arrow.png); background-size:100% 100%; z-index:11;}
.banner .shutter-btn li.next{ width:32px; height:32px; cursor:pointer; position:absolute; right:25px; top:50%; margin-top:-16px; background-image:url(../images/right_arrow.png); background-size:100% 100%; z-index:11;}

/*Advantages*/
.sbox{ width:100%; padding-top:40px; position:relative; z-index:1; background-color:#f8f8f8;}
.sbox .box{ width: 94%; max-width:1300px; margin:auto; display:block;}
.sbox .box li{ width:21.25%; display:block; float:left; padding-bottom:35px; margin-left:5%; text-align:center; overflow:hidden;}
.sbox .box li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.sbox .box li .w01{ height:62px;}
.sbox .box li .w01 img{ display:block; height:62px; margin:auto;}
.sbox .box li .w02{ font-size:18px; line-height:28px; margin-top:15px; color:#333;}
.sbox .box li .w03{ font-size:14px; line-height:24px; margin-top:5px;}

/*About Us*/
.abox{ width:100%; padding-top:80px; padding-bottom:75px; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width: 94%; max-width:1300px; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:45%; float:left;}
.abox .box .left .w01{ width:50px; height:2px; background-color:#005ea5;}
.abox .box .left .w02{ margin-top:15px; font-size:38px; line-height:40px; font-weight:bold; text-transform:uppercase;}
.abox .box .left .w03{ font-size:32px; line-height:42px; font-weight:bold; margin-top: 5px;}
.abox .box .left .w03 span{ color:#005ea5;}
.abox .box .left .w04{ width:100%; margin-top:17px; font-size:14px; line-height:30px; height:210px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:7;}
.abox .box .left .w05{ margin-top:22px;}
.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:#005ea5; 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:#e33439;}
.abox .box .right{ width:50%;  background-color:#000; float:right; border-radius: 20px;}
.abox .box .right video{ width:100%; display:block;}

.abox .list{ width:94%; max-width: 1300px; margin:auto; margin-top:40px; position:relative; z-index:3; display:flex; justify-content:space-between;}
.abox .list li{ display:block; overflow:hidden;}
.abox .list li b{ display:block; font-size:24px; line-height:34px; color: #005ea5;}
.abox .list li b a{ color: #005ea5;}
.abox .list li span{ display:block; font-size:14px; line-height:24px; margin-top: 5px;}

/*Product Center*/
.title{ width: 94%; max-width:1300px; margin:auto; text-align:center; margin-top:-5px; position: relative; z-index: 3;}
.title .t01{ font-size:32px; line-height:42px; font-weight:bold; color:#333;}
.title .t02{ width:50px; height:2px; background-color:#005ea5; margin:auto; margin-top:11px;}

.pbox{ width:100%; padding:80px 0; position:relative; z-index:1; background-color:#fff; background-position:bottom center; background-repeat:no-repeat; background-size:cover;}
.pbox .box{ width: 94%; max-width:1300px; margin: auto; margin-top:35px; display:block;}
.pbox .box .left{ width:250px; float:left; display: none;}
.pbox .box .left .w01{ width:100%; height:100px; background-color:#005ea5; color:#fff; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:20px; box-sizing:border-box;}
.pbox .box .left .w01 span{ display:block; font-size:24px; line-height:34px; color:#fff;}
.pbox .box .left .w01 p{ display:block; font-size:14px; line-height:22px; color:#fff;}
.pbox .box .left .w02{ width:100%; display:block;}
.pbox .box .left .w02 li{ display:block; border-top:1px solid #fff;}
.pbox .box .left .w02 li>a{ height:48px; line-height:48px; display:block; overflow:hidden; background-color:#333; padding:0 18px;}
.pbox .box .left .w02 li>a img{ height:24px; display:block; float:left; margin:12px 0;}
.pbox .box .left .w02 li>a span{ width:calc(100% - 42px); display:block; float:left; font-size:16px; height:48px; line-height:48px; overflow:hidden; margin-left:18px; color:#fff;}
.pbox .box .left .w02 li:hover>a{ background-color:#005ea5;}
.pbox .box .left .w02 li p{ width:100%; display:none; overflow:hidden;}
.pbox .box .left .w02 li:hover p{ display:block;}
.pbox .box .left .w02 li p a{ display:block; padding-left:60px; padding-right:18px; font-size:14px; height:36px; line-height:36px; color:#333; background-color:#eee; overflow:hidden;}
.pbox .box .left .w02 li p a:hover{ background-color:#005ea5; color:#fff;}
.pbox .box .right{ width:100%; float:right; display: flex;}
.pbox .box .right ul{ width:100%; display:block; margin-top:-30px; position: relative;}
.pbox .box .right ul li{ width:23.25%; display:block; float:left; margin-top:30px; margin-left:2.5%; text-align:center; overflow:hidden;}
.pbox .box .right ul li:nth-child(1){ width:48.5%; margin-left:0;}
.pbox .box .right ul li:nth-child(4){ position: absolute; left: 48.5%; bottom: 0;}
.pbox .box .right ul li:nth-child(5){ position: absolute; right: 0; bottom: 0;}
.pbox .box .right ul li a{ width:100%; display:block; background-color:#fff; border-radius:10px; overflow:hidden;}
.pbox .box .right ul li .w01{ width:100%; padding-top:100%; border-radius:10px; position:relative;}
.pbox .box .right ul li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pbox .box .right ul li .w02{ padding:0 15px; height:60px; display:none; align-items:center;}
.pbox .box .right ul li .w02 b{ flex:1; margin-right:15px; text-align: left; display:block; overflow:hidden; font-size:16px; line-height:24px; max-height:48px;}
.pbox .box .right ul li .w02 span{ padding:0 10px; display:block; overflow:hidden; font-size:14px; line-height:30px; height:30px; text-align:center; background-color:#005ea5; color:#fff; border-radius:30px;}
.pbox .box .right ul li:hover a{ background-color:#005ea5;}
.pbox .box .right ul li:hover .w02 b{ color:#fff;}
.pbox .box .right ul li:hover .w02 span{ background-color:#fff; color:#e33439;}

.pbox .list01{ width: 94%; max-width:1300px; margin:auto; display:flex; flex-wrap:wrap;}
.pbox .list01 li{ display:flex; flex-direction: column; position:relative; width:22.75%; float:left; margin-left:3%; margin-top:35px; overflow:hidden; cursor:pointer;}
.pbox .list01 li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pbox .list01 li .wen{ flex:1; padding:45px 30px; display: block; text-align: center; background-color:#fff; border-radius:20px; text-align:center;}
.pbox .list01 li .wen .w01{ width:100%;}
.pbox .list01 li .wen .w01 img{ display:block; margin:5px auto; height:50px;}
.pbox .list01 li .wen .w02{ width:100%; margin:10px 0; font-size:20px; line-height:30px; font-weight:bold; color:#0254a6;}
.pbox .list01 li .wen .w03{ width:100%; font-size:14px; line-height:24px;}
.pbox .list01 li:hover .wen{ background-color:#005ea5;}
.pbox .list01 li:hover .wen .w01 img{ filter:brightness(100);}
.pbox .list01 li:hover .wen .w02,.pbox .list01 li:hover .wen .w03{ color:#fff;}
.pbox .list01 li .mask{ width:100%; margin-top:20px;}
.pbox .list01 li .mask img{ width:100%; display:block;}

/*Application Fields*/
.ybox{ width:100%; padding-top: 80px; padding-bottom: 80px; position: relative; z-index: 1; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover;}
.ybox .title .t01{ color:#fff;}
.ybox .title .t02{ background-color:#e33439;}
.ybox .bg{ width:100%; height: 100%; background-color: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; z-index: 1;}
.ybox .box{ width: 94%; max-width:1300px; margin: auto; margin-top: 35px; position:relative; z-index:3;}
.ybox .box .swiper-container{ width:100%; overflow:hidden;}
.ybox .box .swiper-container .swiper-slide{ width:50%;}
.ybox .box .swiper-container .swiper-slide a{ width:100%; display:block; border-radius: 1.04vw; overflow:hidden; position:relative; transform:scale(0.85, 0.85); -ms-transform:scale(0.85, 0.85); -moz-transform:scale(0.85, 0.85); -webkit-transform:scale(0.85, 0.85); -o-transform:scale(0.85, 0.85); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .box .swiper-container .swiper-slide.swiper-slide-active a{ transform:scale(1, 1); -ms-transform:scale(1, 1); -moz-transform:scale(1, 1); -webkit-transform:scale(1, 1); -o-transform:scale(1, 1);}
.ybox .box .swiper-container .swiper-slide .tu{ width:100%; padding-top: 63.88%; position:relative; overflow: hidden; z-index: 1;}
.ybox .box .swiper-container .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0;} 
.ybox .box .swiper-container .swiper-slide .wen{ max-width: 90%; padding:0 40px; box-sizing: border-box; position: absolute; left:50%; bottom: 40px; z-index: 3; opacity: 0;  transform:translateX(-50%); background-color: rgba(255,255,255,.7); color: #333; border-radius: 46px; font-size: 16px; line-height: 46px; height: 46px; overflow: hidden;}
.ybox .box .swiper-container .swiper-slide.swiper-slide-active .wen{ opacity: 1;}
.ybox .box .swiper-container .swiper-slide .wen:hover{ background-color:#e33439; color: #fff;}
.ybox .box .swiper-container .swiper-button-white{ width:46px; height:46px; position:absolute; top:50%; transform:translateY(-50%); z-index:3; background-color:#fff; border-radius:100%; cursor:pointer; background-position:center; background-repeat:no-repeat; box-shadow:0 0 1.04vw rgba(0,0,0,.1); background-size: auto 10px;}
.ybox .box .swiper-container .swiper-button-white:hover{ background-color:#e33439;}
.ybox .box .swiper-container .swiper-button-prev{ left:21%; margin-left: -23px; background-image:url(../images/prev01.png);}
.ybox .box .swiper-container .swiper-button-next{ right:21%; margin-right: -23px; background-image:url(../images/next01.png);}
.ybox .box .swiper-container .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.ybox .box .swiper-container .swiper-button-next:hover{ background-image:url(../images/next.png);}

.ybox .swiper-pagination{ display: flex; justify-content:center; flex-wrap:wrap; position: relative; z-index:9; margin-top: 20px;}
.ybox .swiper-pagination span{ width:40px; height:4px; border-radius:4px; display:block; cursor:pointer; background-color: #999; margin:5px 10px;}
.ybox .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#e33439;}

.ybox .box .list{ width: 100%; display:flex; flex-wrap:wrap; margin-top:-35px;}
.ybox .box .list li{ display: block; position:relative; width:31.33%; float:left; margin-left:3%; margin-top:35px; overflow:hidden; cursor:pointer; background-color:rgba(255,255,255,.7); border-radius:20px; box-sizing: border-box;}
.ybox .box .list li:nth-child(3n+1){ margin-left:0;}
.ybox .box .list li a{ padding:30px; display: block; text-align:center;}
.ybox .box .list li a .w01{ width:100%;}
.ybox .box .list li a .w01 img{ display:block; margin:5px auto; height:80px;}
.ybox .box .list li a .w02{ width:100%; margin:10px 0; font-size:20px; line-height:30px; font-weight:bold; color:#0254a6;}
.ybox .box .list li a .w03{ width:100%; font-size:14px; line-height:24px;}
.ybox .box .list li:hover{ background-color:#005ea5;}
.ybox .box .list li:hover a .w01 img{ filter:brightness(100);}
.ybox .box .list li:hover a .w02,.ybox .box .list li:hover a .w03{ color:#fff;}

/*Packaging Solution Design Process*/
.bbox{ width:100%; padding:80px 0; position:relative; z-index:1; background-color:#fff;}
.bbox .box{ width: 94%; max-width:1300px; margin:auto; margin-top:35px; display:block;}
.bbox .box .swiper-container{ width:100%; height:500px;}
.bbox .swiper-container-multirow-column>.swiper-wrapper{ flex-wrap: wrap; flex-direction: column; height:100%;}
.bbox .box .swiper-container .swiper-slide{ height:240px; overflow:hidden; position:relative;}
.bbox .box .swiper-container .swiper-slide img{ width:100%; height:100%; display:block; object-fit:cover; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.bbox .box .swiper-container .swiper-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);}
.bbox .box .swiper-container .swiper-slide p{ padding:9px 15px; position:absolute; left:0; bottom:0; min-width:120px; background-color:rgba(0,94,165,.7); color:#fff; font-size:16px; line-height:22px;}
.bbox .box .swiper-container .swiper-slide p b{ font-size:20px; margin-right:5px;}
.bbox .box .swi{ width:100%; margin-top:30px;}
.bbox .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; background-size: auto 10px;}
.bbox .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; background-size: auto 10px;}
.bbox .box .swi .swiper-button-prev:hover,.bbox .box .swi .swiper-button-next:hover{ background-color:#005ea5;}
.bbox .box .swi .more{ overflow:hidden; min-width:90px; display:block; padding:0 25px; height:40px; line-height:40px; font-size:14px; background-color:#005ea5; color:#fff; float:right;}
.bbox .box .swi .more img{ display:block; height:12px; float:right; margin-left:10px; margin-top:14px;}
.bbox .box .swi .more:hover{ background-color:#e33439;}

/*News*/
.nbox{ width:100%; padding-top:80px; position:relative; z-index:1; background-color:#f8f8f8;}
.nbox .box{ width:94%; max-width: 1300px; margin: auto; margin-top: 35px; position:relative; z-index:3; display: flex;}
.nbox .box .left{ width: 38.89%; background-color: #fff; padding: 35px 40px; padding-bottom: 80px; box-sizing: border-box;}
.nbox .box .left .time{ font-size: 16px; line-height: 24px; height: 24px;}
.nbox .box .left .w01{ width: 100%; display: block; font-size: 18px; line-height: 28px; height: 28px; overflow: hidden; font-weight: bold; margin-top: 5px;}
.nbox .box .left .w01 a:hover{ color:#005ea5;}
.nbox .box .left .w02{ font-size: 14px; line-height: 24px; height: 96px; margin-top: 10px; padding-left: 20px; position: relative;}
.nbox .box .left .w02:before{ width:2px; height: calc(100% - 14px); position: absolute; left: 0; top: 7px; background-color: #ddd; display: block; content: '';}
.nbox .box .left .w03{ margin-top: 20px;}
.nbox .box .left .w03 a{ display: block; width:100%; padding-top: 56.25%; position:relative; overflow: hidden; z-index: 1;}
.nbox .box .left .w03 a img{ width:100%; display:block; position:absolute; left:0; top:0;} 
.nbox .box .right{ width: 61.11%; display: block;}
.nbox .box .right li{ display:block; position: relative; padding:30px 7%; padding-right: 0;}
.nbox .box .right li .wen{ width:100%; position: relative; z-index: 3; padding-left: 110px; box-sizing: border-box;}
.nbox .box .right li .wen span{ text-align: center; padding: 10px 0; padding-right: 25px; display: block; font-size: 14px; line-height: 22px; color: #999; border-right:1px solid #ddd; position: absolute; left: 0; top: 7px;}
.nbox .box .right li .wen span strong{ display:block; font-size: 24px; line-height: 32px;}
.nbox .box .right li .wen a{ width: 100%; display: block; font-size: 18px; line-height: 28px; height: 28px; overflow: hidden; float: left;}
.nbox .box .right li .wen p{ width: calc(100% - 90px); display: block; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #666; margin-top: 10px; float: left;}
.nbox .box .right li .wen b{ width: 58px; display: block; height: 40px; overflow: hidden; margin-top: 14px; float: right; background-image: url("../images/more03.png"); background-position: right center; background-repeat: no-repeat; border-left: 2px solid #ddd;}
.nbox .box .right li:hover .wen a,.nbox .box .right li:hover .wen p,.nbox .box .right li:hover .wen span{ color: #fff;}
.nbox .box .right li:hover .wen b{ background-image: url("../images/more04.png");}
.nbox .box .right li .bg{ width: calc(50vw + 160px); height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background:#005ea5; opacity: 0;}
.nbox .box .right li:hover .bg{ opacity: 1;}

/*footer*/
.footer{ width:100%; background-color:#005ea5; position:relative; z-index:1;}
.footer .foot{ width:94%; max-width: 1300px; margin:auto; padding-top:50px; padding-bottom:45px; min-height:175px;}
.footer .foot .left{ width: 20%; float:left;}
.footer .foot .left img{ display:block; width: 100%;}
.footer .foot .right{ float:right; width: 75%; display:flex; justify-content:space-between;}
.footer .foot .right dl{ display:block; margin-left:3%;}
.footer .foot .right dl dt{ display:block;}
.footer .foot .right dl dt, .footer .foot .right dl dt a{ display:block; color:#fff; font-size:18px; line-height:28px;}
.footer .foot .right dl dd{ display:block; padding-top:10px;}
.footer .foot .right dl dd a{ display:block; color:#eee; font-size:14px; line-height:24px; margin-top:5px;}
.footer .bq{ width:94%; max-width: 1300px; margin:auto; text-align:center; font-size:14px; height:64px; line-height:64px; color:#fff; border-top:1px solid #5388b0;}
.footer .bq a{ color:#fff;}

.fd{ width:150px; height:50px; line-height:50px; font-size:16px; text-align:center; background-color:#e33439; color:#fff; font-weight:bold; cursor:pointer; border-radius:3px; position:fixed; right:27px; bottom:26px; z-index:999; -moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 4px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 4px 0px; box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 4px 0px; -moz-transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s; -webkit-transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s; -o-transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s; transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s;}
.fd:hover{ background-color:#f61219;}

.fbg{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:998; background-color:rgba(0,0,0,.3); display:none;}
.fbox{ width:400px; position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:999; background-image:url(../images/fhde.png); padding:40px; padding-top:35px; box-sizing:border-box; display:none;}
.fbox .close{ position:absolute; right:10px; top:10px; font-size:32px; color:#fff; cursor:pointer; width:0.8em; line-height:0.64em; font-family:"SimSun";}
.fbox .w01{ font-size:16px; line-height:26px; color:#fff;}
.fbox .w02{ width:100%; display:block; margin-top: -5px;}
.fbox .w02 li{ display:block; margin-top:15px;}
.fbox .w02 li .bt{ font-size:14px; line-height:24px; color:#fff; margin-bottom:5px;}
.fbox .w02 li .bt span{ color:#ff0000; margin-left:3px;}
.fbox .w02 li .inpbox{ width:100%; border-radius:3px; overflow:hidden;}
.fbox .w02 li .inpbox input{ width:100%; height:40px; line-height:40px; padding:0 15px; box-sizing:border-box; display:block; background-color:#fff; font-size:14px;}
.fbox .w02 li .inpbox textarea{ width:100%; height:78px; line-height:24px; padding:8px 15px; box-sizing:border-box; display:block; background-color:#fff; font-size:14px;}
.fbox .w03{ width:100%; margin-top:20px; border-radius:3px; overflow:hidden;}
.fbox .w03 input{ width:100%; display:block; cursor:pointer; height:40px; line-height:40px; font-size:14px; text-align:center; background-color:#e33439; color:#fff;}

/*Inner page*/
.ban{ width:100%; position: relative; z-index: 1;}
.ban img{ width:100%; display: block;}

.dao{ width:100%; padding: 15px 0; background-color:#f5f5f5; display:flex; flex-wrap:wrap; justify-content:center;}
.dao a{ margin:0 15px; height:40px; line-height:40px; font-size:16px; font-weight:bold; position:relative;}
.dao a:hover,.dao a.on{ color:#005ea5;}
.dao a.on:before{ content: ''; width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background:#005ea5;}

.fanye{ width:100%; margin-top:35px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block;}
.fanye li a{ display:block; font-size:14px; line-height:1.2em; min-width:1.2em; border:1px solid #ccc; padding:5px; border-radius:3px; text-align:center;}
.fanye li:hover a,.fanye li.active span{ display:block; font-size:14px; line-height:1.2em; min-width:1.2em; border:1px solid #005ea5; padding:5px; border-radius:3px; text-align:center; background-color:#005ea5; color:#fff;}

.main{ padding-bottom: 80px; padding-top: 45px; position:relative; z-index:1; background-color:#fff;}
.main .title{ display:none;}

/*Corporate Strength*/
/*.main .fw{ width: 94%; max-width:1300px; margin:auto;}
.main .fw li{ width:100%; display:flex; margin-top:35px; overflow:hidden;}
.main .fw li .left{ width:50%; float:left;}
.main .fw li .left img{ width:100%; display:block;}
.main .fw li .right{ width:50%; float:right; padding:30px 40px; box-sizing:border-box; background-color:#f8f8f8;}
.main .fw li .right .w01{ font-size:20px; line-height:30px; color:#005ea5; padding-bottom:10px; border-bottom:1px solid #ddd;}
.main .fw li .right .w02{ font-size:14px; line-height:24px; margin-top:20px;}
.main .fw li:nth-child(2n){ flex-direction:row-reverse;}*/

.main .fw{ width: 94%; max-width:1300px; margin: auto; padding-top: 5px; display: block;}
.main .fw li{ display:block; float:left; position:relative; width:48.5%; margin-left:3%; margin-top:30px; overflow:hidden;}
.main .fw li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .fw li strong{ display: block; overflow: hidden; width:100%; position:relative; border-radius: 20px;}
.main .fw li strong:before{ width:100%; padding-top:56.25%; display:block; content:''; overflow:hidden;}
.main .fw li strong img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .fw li:hover strong 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);}
.main .fw li p{ width:100%; margin-top:10px; font-size:16px; line-height:26px; height:26px; color:#666; text-align: center;}
.main .fw li:hover p{ color:#005ea5;}

/*Corporate Imaging*/
.main .hj{ width: 94%; max-width:1300px; margin:auto; display:block; padding-top:5px;}
.main .hj a{ width:31.43%; margin-left:2.855%; margin-top: 30px; display: block; float: left; overflow:hidden; position:relative;}
.main .hj a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .hj a strong{ width:100%; display:block; position: relative; overflow: hidden;}
.main .hj a strong:before{ content: ''; width:100%; display:block; padding-top: 75%;}
.main .hj a img{ width:100%; height:100%; display:block; object-fit:cover; position: absolute; left: 0; top: 0; z-index: 1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .hj a: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);}
.main .hj a p{ font-size:16px; text-align: center; margin-top: 10px; display: block; line-height:26px;}
.main .hj a:hover p{ color:#005ea5;}

/*Company News*/
.main .news{ width: 94%; max-width:1300px; margin: auto; display: block;}
.main .news li{ display:block; position:relative; width:100%; margin-top:35px; overflow:hidden;}
.main .news li .tu{ width:380px; position:relative; float:left;}
.main .news li .tu:before{ width:100%; padding-top:56.25%; display:block; content:''; overflow:hidden;}
.main .news li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .news li .wen{ width:calc(97% - 380px); float: right;}
.main .news li .w02{ width:100%; margin-top:5px; font-size:16px; line-height:24px; height:24px; color:#666;}
.main .news li .w03{ width:100%; margin-top:3px; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap;}
.main .news li .w03:hover{ color:#005ea5;}
.main .news li .w04{ width:50px; margin-top:8px; 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; margin-top:5px;}
.main .news li .w06:hover{ border-bottom:1px solid #0254a6; color:#005ea5;}

/*Article page*/
.artview{ width: 94%; max-width:1300px; padding:75px 0; margin:auto; position:relative; z-index:1;}
.artview_title{ text-align:center; font-size:18px; line-height:28px; font-weight:bold; color:#333;}
.artview_info{ text-align:center; font-size:12px; line-height:22px; color:#999; margin-top:10px;}
.artview_info span{ display:inline-block; padding:0 15px;}
.artview_intro{ font-size:14px; line-height:24px; padding:5px 10px; background-color:#F5F5F5; border:1px solid #E5E5E5; color:#434343; margin-top:15px;}
.artview_content{ width:100%; font-size:14px; line-height:1.7; margin-top:20px;}
.artview_content img{ max-width:100%; height:auto !important;}
.artview_content video{ max-width:100% !important; width: auto !important; max-height:640px !important; display: block; margin: auto;}
.artview_prev_next{ width:100%; font-size:14px; line-height:1.7; margin-top:20px;}
.artview_prev_next p{ display: block; width:calc(100% - 100px); float: left;}
.artview_prev_next span{ display: block; float: right;}
.artview_prev_next a{ display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.artview_prev_next a:hover{ color:#005ea5;}

/*Qualification & Certification*/
.main .ry{ width: 94%; max-width:1300px; margin: auto; padding-top: 5px; display: block;}
.main .ry li{ display:block; float:left; position:relative; width:23.125%; margin-left:2.5%; margin-top:30px; overflow:hidden;}
.main .ry li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .ry li strong{ display: block; overflow: hidden; width:100%; position:relative; border: 1px solid #eee; box-sizing: border-box;}
.main .ry li:hover strong{ border: 1px solid #005ea5;}
.main .ry li strong:before{ width:100%; padding-top:141.53%; display:block; content:''; overflow:hidden;}
.main .ry li strong img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .ry li p{ width:100%; margin-top:10px; font-size:16px; line-height:26px; height:26px; color:#666; text-align: center;}
.main .ry li:hover p{ color:#005ea5;}

/*Application Fields*/
/*.main .yy{ width: 94%; max-width:1300px; margin: auto; display: block;}
.main .yy li{ display:block; position:relative; float:left; width:31.43%; margin-left:2.855%; margin-top:35px; overflow:hidden;}
.main .yy li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .yy li a{ width:100%; display:block; border-radius: 15px; overflow:hidden; position:relative;}
.main .yy li .tu{ width:100%; padding-top: 63.88%; position:relative; overflow: hidden; z-index: 1;}
.main .yy li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;} 
.main .yy li .wen{ max-width: 90%; padding:0 20px; box-sizing: border-box; position: absolute; left:50%; bottom: 20px; z-index: 3; transform:translateX(-50%); background-color: rgba(255,255,255,.7); color: #333; border-radius: 40px; font-size: 16px; line-height: 36px; height: 36px; overflow: hidden;}
.main .yy li .wen:hover{ background-color:#005ea5; color: #fff;}*/

.main .about{ width: 94%; max-width:1300px; margin: auto; margin-top: 30px; font-size: 14px; line-height: 24px;}
.main .about img{ max-width:100%; height:auto;}

.main .yy{ width: 94%; max-width:1300px; margin: auto; display: flex; flex-wrap:wrap;}
.main .yy li{ display: block; position:relative; width:31.33%; float:left; margin-left:3%; margin-top:35px; overflow:hidden; cursor:pointer; background-color:#f8f8f8; border-radius:20px; box-sizing: border-box;}
.main .yy li:nth-child(3n+1){ margin-left:0;}
.main .yy li a{ padding:45px 30px; display: block; text-align:center;}
.main .yy li a .tu{ width:100%;}
.main .yy li a .tu img{ display:block; margin:5px auto; height:80px;}
.main .yy li a .wen{ width:100%; margin:10px 0; font-size:20px; line-height:30px; font-weight:bold; color:#0254a6;}
.main .yy li a .wen01{ width:100%; font-size:14px; line-height:24px;}
.main .yy li:hover{ background-color:#005ea5;}
.main .yy li:hover a .tu img{ filter:brightness(100);}
.main .yy li:hover a .wen,.main .yy li:hover a .wen01{ color:#fff;}

/*Application Fields inner page*/
.yy01{ width:100%; padding-top: 80px;}
.yy01 .wen{ width:94%; max-width: 1300px; margin: auto; font-size:14px; line-height: 24px; margin-top: 30px;}
.yy01 .wen img{ max-width:100%; height:auto;}

.yy02{ width:100%; padding-top: 70px; padding-bottom: 80px;}
.yy02 .bd{ width:94%; max-width: 1300px; margin: auto; margin-top: 35px;}
.yy02 .bd li{ width:320px; height:204px; margin-right:20px; float:left; display:block; overflow:hidden; position: relative;}
.yy02 .bd li img{ width:100%; height:100%; display:block; object-fit:cover;}
.yy02 .bd li p{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center; padding:20px; box-sizing: border-box; position:absolute; left:0; top:100%; font-size:16px; line-height:26px; color:#fff; background-color:rgba(0,94,165,.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.yy02 .bd li:hover p{ top:0;}

.yy03{ width:100%; padding-top: 80px; padding-bottom: 80px; position: relative; z-index: 1; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover;}
.yy03 .title .t01{ color:#fff;}
.yy03 .title .t02{ background-color:#e33439;}
.yy03 .bg{ width:100%; height: 100%; background-color: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; z-index: 1;}
.yy03 .list{ width: 94%; max-width:1300px; margin: auto; padding-top: 5px; position:relative; z-index:3;}
.yy03 .list li{ width:23.125%; display:block; float:left; margin-top:30px; margin-left:2.5%; text-align:center; overflow:hidden;}
.yy03 .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.yy03 .list li a{ width:100%; display:block; background-color:#fff; border-radius:10px; overflow:hidden;}
.yy03 .list li .w01{ width:100%; padding-top:71.43%; border-radius:10px; position:relative;}
.yy03 .list li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.yy03 .list li .w02{ padding:0 15px; height:60px; display:flex; align-items:center;}
.yy03 .list li .w02 b{ flex:1; margin-right:15px; text-align: left; display:block; overflow:hidden; font-size:16px; line-height:24px; max-height:48px;}
.yy03 .list li .w02 span{ padding:0 10px; display:block; overflow:hidden; font-size:14px; line-height:30px; height:30px; text-align:center; background-color:#005ea5; color:#fff; border-radius:30px;}
.yy03 .list li:hover .w02 b{ color:#005ea5;}
.yy03 .list li:hover .w02 span{ background-color:#e33439; color:#fff;}

.yy04{ width:100%; margin-top: 80px; padding-bottom: 80px;}
.yy04 .box{ width: 94%; max-width:1300px; margin: auto; padding-top: 35px; position:relative; z-index:3;}
.yy04 .box .swiper-container{ width:100%;}
.yy04 .box .swiper-container .swiper-slide{ display: block; overflow: hidden; position: relative;}
.yy04 .box .swiper-container .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.yy04 .box .swiper-container .swiper-slide .tu a{ width:100%; padding-top:63.88%; display:block; position:relative; overflow:hidden;}
.yy04 .box .swiper-container .swiper-slide .tu a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.yy04 .box .swiper-container .swiper-slide:hover .tu a 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);}
.yy04 .box .swiper-container .swiper-slide .wen{ margin-top: 10px;}
.yy04 .box .swiper-container .swiper-slide .wen .w01{ width:100%;}
.yy04 .box .swiper-container .swiper-slide .wen .w01 a{ width:100%; font-size:18px; line-height:28px; height:28px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.yy04 .box .swiper-container .swiper-slide .wen .w01 a:hover{ color:#005ea5;}
.yy04 .box .swiper-container .swiper-slide .wen .w02{ margin-top:5px; font-size:14px; line-height:24px; height:48px; color:#666;}

.yy04 .swiper-pagination{ display: flex; justify-content:center; flex-wrap:wrap; position: relative; z-index:9; margin-top: 25px;}
.yy04 .swiper-pagination span{ width:50px; height:5px; border-radius: 5px; background-color:#999; display:block; cursor:pointer; margin:10px 8px; margin-bottom: 0;}
.yy04 .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#005ea5;}

/*About Us*/
.ab01{ width:100%; padding-top: 80px; padding-bottom: 75px;}
.ab01 .wen{ width:94%; max-width: 1300px; margin: auto; font-size:14px; line-height: 24px; margin-top: 30px;}
.ab01 .wen img{ max-width:100%; height:auto;}

.ab02{ width:100%; padding-top: 80px; padding-bottom: 80px; background-color:#f8f8f8;}
.ab02 .box{ width:94%; max-width: 1300px; margin: auto; margin-top: 35px; position:relative; z-index:3;}
.ab02 .swiper-button-white{ width:40px; height:40px; border-radius:100%; cursor:pointer; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:auto 10px; position: absolute; top: 50%; margin-top: -23px;}
.ab02 .swiper-button-prev{ left: -60px;  background-image:url(../images/prev01.png);}
.ab02 .swiper-button-next{ right: -60px; background-image:url(../images/next01.png);}
.ab02 .swiper-button-white:hover{ background-color:#e33439;}
.ab02 .swiper-button-prev:hover{  background-image:url(../images/prev.png);}
.ab02 .swiper-button-next:hover{ background-image:url(../images/next.png);}
.ab02 .box .swiper-container{ width:100%; position: relative; z-index:1;}
.ab02 .box .swiper-container .swiper-slide{ width:100%; margin-top: -20px;}
.ab02 .box .swiper-container .swiper-slide .bj{ width:calc(50% - 10px); height:100px; background-color: #fff; margin-top: 20px; margin-left: 20px; display: flex; align-items:center; position: relative; float: left;}
.ab02 .box .swiper-container .swiper-slide .bj:nth-child(2n+1){ margin-left: 0;}
.ab02 .box .swiper-container .swiper-slide .bj:before{ width:1px; height: 100px; position: absolute; left: 180px; top: 0; content: ''; display: block;
  background-color: #ddd;}
.ab02 .box .swiper-container .swiper-slide .bj .sj{ width: 140px; text-align: center; padding: 20px;}
.ab02 .box .swiper-container .swiper-slide .bj .sj h3{ display: block; font-size: 16px; line-height: 24px; color: #005ea5;}
.ab02 .box .swiper-container .swiper-slide .bj .sj p{ display: block; font-size: 14px; line-height: 24px;}
.ab02 .box .swiper-container .swiper-slide .bj .nr{ flex:1; padding: 0 20px; font-size: 14px; line-height: 24px;}

.ab03{ width:100%; padding-top: 80px; padding-bottom: 75px; position: relative; z-index: 1; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover;}
.ab03 .title .t01{ color:#fff;}
.ab03 .title .t02{ background-color:#e33439;}
.ab03 .bg{ width:100%; height: 100%; background-color: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; z-index: 1;}
.ab03 .wen{ width:94%; max-width: 1300px; margin: auto; font-size:14px; line-height: 24px; margin-top: 30px; color: #fff; position:relative; z-index:3;}
.ab03 .wen img{ max-width:100%; height:auto;}

.ab04{ width:100%; margin-top: 80px; padding-bottom: 80px;}
.ab04 .box{ width: 94%; max-width:1300px; margin: auto; padding-top: 35px; position:relative; z-index:3;}
.ab04 .box .swiper-container{ width:100%;}
.ab04 .box .swiper-container .swiper-slide{ display: block; overflow: hidden; position: relative;}
.ab04 .box .swiper-container .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.ab04 .box .swiper-container .swiper-slide .tu a{ width:100%; padding-top:63.88%; display:block; position:relative; overflow:hidden;}
.ab04 .box .swiper-container .swiper-slide .tu a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab04 .box .swiper-container .swiper-slide:hover .tu a 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);}
.ab04 .box .swiper-container .swiper-slide .wen{ width: 100%; padding: 0 15px; box-sizing: border-box; position: absolute; left: 0; bottom: 0; background-color: rgba(0,0,0,.7); color: #fff; line-height:40px; height: 40px; font-size: 14px; overflow: hidden; text-align: center; z-index: 3;}

.ab04 .swiper-pagination{ display: flex; justify-content:center; flex-wrap:wrap; position: relative; z-index:9; margin-top: 30px;}
.ab04 .swiper-pagination span{ width:50px; height:5px; border-radius: 5px; background-color:#999; display:block; cursor:pointer; margin:10px 8px; margin-bottom: 0;}
.ab04 .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#005ea5;}

.ab05{ width:100%; padding-top: 80px; padding-bottom: 75px; background-color:#f8f8f8;}
.ab05 .wen{ width:94%; max-width: 1300px; margin: auto; font-size:14px; line-height: 24px; margin-top: 30px;}
.ab05 .wen img{ max-width:100%; height:auto;}

/*Contact Us*/
.main .lx01{ width:94%; max-width: 1300px; margin: auto; margin-top: 35px; position:relative; z-index:3; display: flex;}
.main .lx01 .left{ width:50%;}
.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:45%; margin-left:5%;}
.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:14px; 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:14px; line-height:24px;}
.main .lx01 .right dl dd p{ display:flex; align-items:center; margin-top: 5px;}
.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;}

/*Exhibition Zone-Exhibition Special Topic*/
.zh{ width:100%; margin-top: 80px; padding-bottom: 80px;}
.zh .box{ width: 94%; max-width:1300px; margin: auto; padding-top: 65px; position:relative; z-index:3;}
.zh .box:nth-child(2){ padding-top: 30px;}
.t-box { width: 100%; justify-content: center; align-items: center; display: flex; }
.g-title { font-size: 30px; margin: 0 10px; line-height: 40px; }
.t-icon { width: 23px; height: 20px; display: block; }
.t-icon1 { background: url(../images/title-before.png) no-repeat center center; }
.t-icon2 { background: url(../images/title-after.png) no-repeat center center;}

.colockbox{ width:283px; height:76px; margin:auto; margin-top: 25px; background:url(../images/colockbg.png) no-repeat;}
.colockbox span{ float:left; display:block; width:58px; height:48px; line-height:48px; font-size:26px; text-align:center; color:#ffffff; margin:0 17px 0 0;}
.colockbox span.second{ margin:0;}

.cont{ width:100%; margin-top: 25px;}
.cont .wen { width:47.5%; float: right; font-size: 16px; text-align: center;  line-height: 26px; background-color:#eff7ff; border-radius:10px;}
.zh .box .cont .wen img{ width:100%; height: auto !important; display: block;}
.zh .box .cont .list{ width:47.5%; float: left; display:flex; flex-wrap:wrap; justify-content:space-between;}
.zh .box .cont .list dt{ width:100%; display:block; margin-top:20px; overflow:hidden;}
.zh .box .cont .list dd{ width:47.5%; display:block; margin-top:20px; overflow:hidden;}
.zh .box .cont .list span{ color:#999; display:block; font-size:16px; line-height: 26px;}
.zh .box .cont .list p{ display:block; font-size:16px; line-height: 26px;}

.zh .box .left{ width:47.5%; float: left;}
.zh .box .right{ width:47.5%; float: right;}
.zh .box .tu { margin-top: 25px;}
.zh .box .tu img{ max-width:100%; height:auto; display:block; margin:auto;}

.con{ width:100%; position: relative;}
.con .left { width:100%; position: absolute; left: 0; top: 0; z-index: 1; height: 100%;}
.con .left img{ width:100%; height: 100%; display: block; object-fit:cover;}
.con .right { width:100%; position: relative; z-index: 3; padding:75px 50px; box-sizing: border-box; background-color: rgba(0,0,0,.7);}
.con .right .g-title{ color: #fff;}
.con .tel{ text-align:center; display: flex; justify-content:center; margin-top:25px;}
.con .tel b{ display:block; padding:0 40px; font-size:20px; line-height:50px; height:50px; background-color:#005ea5; color:#fff; border-radius:40px;}
.con .mail{ font-size:20px; line-height:30px; color:#fff; font-weight:bold; text-align:center; margin-top:25px;}
.con .ma{ text-align:center; margin-top:25px;}
.con .ma b{ display:block; font-size:20px; line-height:30px; font-weight:bold; color: #fff;}
.con .ma strong{ width:200px; padding:10px; background-color:#f8f8f8; border-radius:10px; display:block; margin:auto; margin-top:10px;}
.con .ma strong img{ width:100%; display:block;}
.con .ma span{ display:block; font-size:16px; line-height:26px; margin-top:10px; color: #fff;}

.zh .box .wz{ font-size: 16px; text-align: center; margin-top: 25px; line-height: 26px; padding:40px; background-color:#eff7ff; border-radius:10px;}

.pro{ width: 100%; padding-top: 5px; position:relative; z-index:3;}
.pro li{ width:23.125%; display:block; float:left; margin-top:30px; margin-left:2.5%; text-align:center; overflow:hidden;}
.pro li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro li a{ width:100%; display:block; background-color:#f8f8f8; border-radius:10px; overflow:hidden;}
.pro li .w01{ width:100%; padding-top:67.875%; border-radius:10px; position:relative;}
.pro li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro li:hover .w01 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);}
.pro li .w02{ padding:0 15px; height:60px; display:flex; align-items:center;}
.pro li .w02 b{ flex:1; margin-right:15px; text-align: left; display:block; overflow:hidden; font-size:16px; line-height:24px; max-height:48px;}
.pro li .w02 span{ padding:0 10px; display:block; overflow:hidden; font-size:14px; line-height:30px; height:30px; text-align:center; background-color:#005ea5; color:#fff; border-radius:30px;}
.pro li:hover .w02 b{ color:#005ea5;}
.pro li:hover .w02 span{ background-color:#e33439; color:#fff;}

.arranges{ width:100%; display:flex; margin-top:30px;}
.arranges dt{ flex:1; display: block; text-align: center; position:relative; border-radius: 10px; border:1px solid #005ea5; box-sizing: border-box; overflow: hidden;}
.arranges dt .stage{ height:100px; line-height:20px; background-color:#005ea5; padding: 0 20px; text-align:center; color:#fff; font-size:16px; font-weight:400; display: flex; align-items:center; text-align: center; justify-content:center;}
.arranges dt .date{ font-size:14px; line-height:24px; font-weight:400; padding: 15px 20px; box-sizing:border-box;}
.arranges dd{ width:38px; margin: 0 15px; display:flex; align-items: center;}
.arranges dd .icon-arrow{ width:38px; height:38px;}

.zh .bd{ width:100%; margin-top: 30px;}
.zh .bd li{ width:320px; height:204px; margin-right:20px; float:left; display:block; overflow:hidden; position: relative;}
.zh .bd li img{ width:100%; height:100%; display:block; object-fit:cover;}
.zh .bd li p{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center; padding:20px; box-sizing: border-box; position:absolute; left:0; top:100%; font-size:16px; line-height:26px; color:#fff; background-color:rgba(0,94,165,.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.zh .bd li:hover p{ top:0;}

.zh .swiper-container{ width:100%; margin-top: 30px;}
.zh .swiper-container .swiper-slide{ display: block; overflow: hidden; position: relative;}
.zh .swiper-container .swiper-slide .w01{ width:100%; position:relative; z-index:1;}
.zh .swiper-container .swiper-slide .w01 a{ width:100%; padding-top:63.88%; display:block; position:relative; overflow:hidden;}
.zh .swiper-container .swiper-slide .w01 a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.zh .swiper-container .swiper-slide:hover .w01 a 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);}
.zh .swiper-container .swiper-slide .w02{ width:100%; margin-top: 10px;}
.zh .swiper-container .swiper-slide .w02 a{ width:100%; font-size:18px; line-height:28px; height:28px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.zh .swiper-container .swiper-slide .w02 a:hover{ color:#005ea5;}
.zh .swiper-container .swiper-slide .w03{ margin-top:5px; font-size:14px; line-height:24px; height:48px; color:#666;}

.zh .swiper-pagination{ display: flex; justify-content:center; flex-wrap:wrap; position: relative; z-index:9; margin-top: 20px;}
.zh .swiper-pagination span{ width:50px; height:5px; border-radius: 5px; background-color:#999; display:block; cursor:pointer; margin:10px 8px; margin-bottom: 0;}
.zh .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#005ea5;}

/*Product Center*/
.cp{ width: 94%; max-width:1300px; margin:auto; margin-top:35px; display:block;}
.cp .left{ width:250px; float:left; display: none;}
.cp .left .w01{ width:100%; height:100px; background-color:#005ea5; color:#fff; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:20px; box-sizing:border-box;}
.cp .left .w01 span{ display:block; font-size:24px; line-height:34px; color:#fff;}
.cp .left .w01 p{ display:block; font-size:14px; line-height:22px; color:#fff;}
.cp .left .w02{ width:100%; display:block;}
.cp .left .w02 li{ display:block; border-top:1px solid #fff;}
.cp .left .w02 li>a{ height:48px; line-height:48px; display:block; overflow:hidden; background-color:#333; padding:0 18px;}
.cp .left .w02 li>a img{ height:24px; display:block; float:left; margin:12px 0;}
.cp .left .w02 li>a span{ width:calc(100% - 42px); display:block; float:left; font-size:16px; height:48px; line-height:48px; overflow:hidden; margin-left:18px; color:#fff;}
.cp .left .w02 li:hover>a,.cp .left .w02 li.on>a{ background-color:#005ea5;}
.cp .left .w02 li p{ width:100%; display:none; overflow:hidden;}
.cp .left .w02 li:hover p,.cp .left .w02 li.on p{ display:block;}
.cp .left .w02 li p a{ display:block; padding-left:60px; padding-right:18px; font-size:14px; height:36px; line-height:36px; color:#333; background-color:#eee; overflow:hidden;}
.cp .left .w02 li p a.cur{ color:#005ea5;}
.cp .left .w02 li p a:hover{ background-color:#005ea5; color:#fff;}
.cp .right{ width:100%; float:right;}
.cp .right ul{ width:100%; display:block; margin-top:-30px;}
.cp .right ul li{ width:23.125%; display:block; float:left; margin-top:30px; margin-left:2.5%; text-align:center; overflow:hidden;}
.cp .right ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.cp .right ul li a{ width:100%; display:block; background-color:#f8f8f8; border-radius:10px; overflow:hidden;}
.cp .right ul li .w01{ width:100%; padding-top:100%; border-radius:10px; position:relative;}
.cp .right ul li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cp .right ul li:hover .w01 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);}
.cp .right ul li .w02{ padding:0 15px; height:60px; display:none; align-items:center;}
.cp .right ul li .w02 b{ flex:1; margin-right:15px; text-align: left; display:block; overflow:hidden; font-size:16px; line-height:24px; max-height:48px;}
.cp .right ul li .w02 span{ padding:0 10px; display:block; overflow:hidden; font-size:14px; line-height:30px; height:30px; text-align:center; background-color:#005ea5; color:#fff; border-radius:30px;}
.cp .right ul li:hover .w02 b{ color:#005ea5;}
.cp .right ul li:hover .w02 span{ background-color:#e33439; color:#fff;}

/*Product Center inner page*/
.pro01{ width:94%; max-width:1300px; margin:auto; margin-top: 50px;}
.pro01 .lbar{ width:600px; float:left; display:flex; align-items:center; justify-content:space-between;}
.pro01 .lbar .thumbs{ width:80px;}
.pro01 .lbar .thumbs .gallery-thumbs{ width:100%; height:360px; overflow:hidden;}
.pro01 .lbar .thumbs .gallery-thumbs .swiper-slide{ width:80px; height:80px; border-radius:10px; position:relative; display:flex; align-items:center; overflow:hidden; cursor:pointer;}
.pro01 .lbar .thumbs .gallery-thumbs .swiper-slide img{ width:100%; height:100%; object-fit:cover; display:block; margin:auto;}
.pro01 .lbar .thumbs .gallery-thumbs .swiper-slide b{ width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; display:block; position:absolute; left:0; top:0; border-radius:10px;}
.pro01 .lbar .thumbs .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b{ border:2px solid #0355f9;}
.pro01 .lbar .gallery-top{ width:500px; border:1px solid #ddd; border-radius:20px; box-sizing:border-box;}
.pro01 .lbar .gallery-top .swiper-slide{ width:100%; border-radius:20px; position:relative; display:flex; align-items:center; overflow:hidden;}
.pro01 .lbar .gallery-top .swiper-slide:before{ width:100%; padding-top:100%; content:''; display:block;}
.pro01 .lbar .gallery-top .swiper-slide img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.pro01 .rbar{ width:calc(95% - 600px); float:right;}
.pro01 .rbar .w01{ font-size:24px; line-height:34px; font-weight:bold; padding-top:25px;}
.pro01 .rbar .w02{ font-size:16px; line-height:26px; color:#999; padding-top:10px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.pro01 .rbar .w03{ padding-top:22px; display:block; font-size:14px; line-height:30px;}

.pro02{ width:100%; padding-top: 80px;}
.pro02 .wen{ width:94%; max-width: 1300px; margin: auto; font-size:14px; line-height: 24px; margin-top: 30px;}
.pro02 .wen img{ max-width:100%; height:auto;}

.pro03{ width:100%; padding-top: 75px;}
.pro03 .bd{ width:94%; max-width: 1300px; margin: auto; margin-top: 35px;}
.pro03 .bd li{ width:320px; height:204px; margin-right:20px; float:left; display:block; overflow:hidden; position: relative;}
.pro03 .bd li img{ width:100%; height:100%; display:block; object-fit:cover;}
.pro03 .bd li p{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center; padding:20px; box-sizing: border-box; position:absolute; left:0; top:100%; font-size:16px; line-height:26px; color:#fff; background-color:rgba(0,94,165,.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro03 .bd li:hover p{ top:0;}

.pro04{ width:100%; padding-top: 80px; padding-bottom:80px;}

/*Customer Service*/
.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; cursor: pointer;}
.kefu ul li:hover a.kf-gy{ background:#0355f9; color:#fff; border:1px solid #0355f9;}
.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 #0355f9; 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 #0355f9; 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 #0355f9; 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 #0355f9; 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 #0355f9; border:1px solid #0355f9; 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:#0355f9; cursor: pointer;}	
.kefu ul li span a.kf-tel{ font-size:16px; color:#0355f9;}
.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;}