@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:1.5; 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;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
body::-webkit-scrollbar{ width:2px; height:1px; position:absolute; right:0; top:0;}
body::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#075fc5;}
body::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}

/*header*/
.header{ width:100%; height:110px; position:fixed; left:0; top:0; z-index:999; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header:after{ content:""; width:100%; height:1px; background-color:#fff; opacity:.2; position:absolute; left:0; bottom:0; overflow:hidden;}
.header.pos,.header.white{ height:90px; background-color:#fff; box-shadow:0 20px 20px -20px rgb(71 71 71 / 20%);}
.header.pos{  box-shadow:0 20px 20px -20px rgb(71 71 71 / 20%);}
.header.pos:after,.header.white:after{ height:0;}
.header .head{ width:94%; height:100%; max-width:1600px; margin:auto;}
.header .head .logo{ height:100%; float:left; display:flex; align-items:center;}
.header .head .logo img{ display:block; height:50px;}
.header .head .logo img.img02{ display:none;}
.header.pos .head .logo img.img01,.header.white .head .logo img.img01{ display:none;}
.header.pos .head .logo img.img02,.header.white .head .logo img.img02{ display:block;}
.header .head .nav{ height:100%; float:right;}
.header .head .nav ul{ height:100%; display:block; float:left;}
.header .head .nav ul li{ display:flex; align-items:center; height:100%; position:relative; float:left;}
.header .head .nav ul li>a{ display:block; padding:0 1.8vw; font-size:18px; line-height:28px; color:#fff; position:relative; z-index:3;}
.header.pos .head .nav ul li>a,.header.white .head .nav ul li>a{ color:#333;}
.header .head .nav ul li:hover>a{ color:#fff;}
.header .head .nav ul li>b{ width:100%; height:0; display:block; position:absolute; left:0; bottom:0; z-index:1; background-color:#075fc5; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; overflow:hidden;}
.header .head .nav ul li:hover>b{ height:100%;}
.header .head .nav ul li p{ background-color:#fff; position:absolute; left:0; top:100%; width:230px; height:auto; padding:10px 0; box-shadow:0 0 10px rgb(0 0 0 / 20%); display:none; overflow:hidden;}
.header .head .nav ul li:hover p{ display:block;}
.header .head .nav ul li p a{ display:block; font-size:14px; height:40px; line-height:40px; padding:0 20px;}
.header .head .nav ul li p a:hover{ background-color:#075fc5; color:#fff;}
.header .head .ser{ height:100%; float:left; display:flex; align-items:center; display:none;}
.header .head .ser p{ font-size:18px; line-height:28px; height:28px; cursor:pointer; color:#fff;}
.header .head .ser img{ height:16px; display:block; float:left; margin:6px 10px; margin-left:1.8vw;}
.header .head .ser img.img02{ display:none;}
.header.pos .head .ser p,.header.white .head .ser p{ color:#333;}
.header.pos .head .ser img.img01,.header.white .head .ser img.img01{ display:none;}
.header.pos .head .ser img.img02,.header.white .head .ser img.img02{ display:block;}

.serbox{ width:500px; height:100vh; position:fixed; right:0; top:0; background-color:#fff; z-index:1000; display:none;}
.serbox .box{ width:400px; height:50px; border-bottom:1px solid #cacaca; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.serbox .box p{ display:block; padding-left:10px; height:50px; float:left; width:calc(100% - 50px);}
.serbox .box p input{ width:100%; display:block; font-size:16px; line-height:50px; height:50px; overflow:hidden;}
.serbox .box span{ display:block; width:40px; height:50px; float:right;}
.serbox .box span input{ width:40px; height:50px; display:block; cursor:pointer; background-color:#fff; background-image:url(../images/ser01.png); background-position:center; background-repeat:no-repeat;}
.serbox .close{ position:absolute; right:3%; top:3%; -webkit-transition:1s linear; transition:1s ease-in;}
.serbox .close img{ display:block; cursor:pointer; width:28px;}
.serbox .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}

/*banner*/
@-webkit-keyframes opa_btm {
    0% { -webkit-transform:translate(0, 10px); opacity:0;}
    100% { -webkit-transform:translate(0, 0); opacity:1;}
}
@keyframes opa_btm {
    0% { transform:translate(0, 10px); opacity:0;}
    100% { transform:translate(0, 0); opacity:1;}
}
.down{ position:absolute; bottom:0; left:50%; margin-left:-9px; width:18px; height:60px; z-index:9;}
.down>img{ cursor:pointer;}
.down img{ display:block; margin:auto;}
.down p{ display:block; margin-top:3px; -webkit-animation:opa_btm 1s infinite alternate linear; animation:opa_btm 1s infinite alternate linear;}

.banner{ width:100%; height:100vh; max-height:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:100vh; position:relative; z-index:1;}
.banner .swiper-wrapper{ width:100%; height:100vh;}
.banner .swiper-slide{ width:100%; height:100vh; display:block; overflow:hidden; position:relative; z-index:1;}
.banner .swiper-slide .tu{ width:100%; height:100vh; max-height:100%; position:relative; z-index:1; transition: all ease 2s; transform: scale(1.1);}
.banner .swiper-slide .tu img{ display:block; width:100%; left:0; top:0; z-index:1;}
.banner .swiper-slide-active .tu{ transform: scale(1);}
/*.banner .swiper-slide .wen{ width:94%; max-width:1600px; display:block; position:absolute; left:50%; top:100px; padding-top:5vw; transform:translateX(-50%); z-index:3;}
.banner .swiper-slide .wen a{ display:block; float:left; transform:translateX(-100px); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.banner .swiper-slide .wen a img{ display:block;}
.banner .swiper-slide-active .wen a{ transform:translateX(0px);}*/
.banner .swiper-pagination{ width:94%; max-width:1600px; position:absolute; left:50%; bottom:38px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:40px; height:4px; display:block; float:left; margin-right:10px; cursor:pointer; border-radius:4px; background-color:#fff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#075fc5;}

/*About us*/
.abox{ width:100%; padding-top:90px; background-color:#fff; position:relative; z-index:2;}
.abox .bg{ width:100%; height:90px; background-color:#f5f5f5; position:absolute; left:0; bottom:0; z-index:1;}
.abox .box{ width:94%; max-width:1600px; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:37.5%; float:left; position:relative;}
.abox .box .left .wen{ padding:.78125vw; border-radius:100%; background-color:#f5f5f5; position:absolute; left:0; top:2.6vw; z-index:3;}
.abox .box .left .wen a{ width:148px; height:148px; border:1px solid #eee; border-radius:100%; background-color:#fff; overflow:hidden; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.abox .box .left .wen a span{ font-size:16px; line-height:24px; display:block; color:#fb941c;}
.abox .box .left .wen a b{ font-size:18px; line-height:26px; display:block; color:#075fc5;}
.abox .box .left .wen a p{ font-size:16px; line-height:24px; display:block; color:#333;}
.abox .box .left .tu{ width:26vw; height:26vw; max-width:500px; max-height:500px; padding-right:1.5625vw; float:right; position:relative; z-index:1;}
.abox .box .left .tu a{ width:100%; height:100%; display:block; position:relative; z-index:3; overflow:hidden; border-radius:100%;}
.abox .box .left .tu a img{ width:100%; display:block;}
.abox .box .left .tu b{ height:100%; display:block; position:absolute; right:0; top:0; z-index:1; overflow:hidden;}
.abox .box .left .tu b img{ height:100%; display:block;}
.abox .box .right{ width:56.25%; float:right; position:relative; padding-top:25px;}
.abox .box .right .w01{ font-size:16px; line-height:24px; color:#666;}
.abox .box .right .w01 b{ width:6px; height:6px; border-radius:100%; background-color:#075fc5; overflow:hidden; display:block; float:left; margin:9px 10px; margin-left:0;}
.abox .box .right .w02{ font-size:36px; line-height:44px; color:#333; margin-top:10px; font-weight:bold;}
/*.abox .box .right .w02 span{ color:#075fc5}*/
.abox .box .right .w03{ width:100%; display:flex; flex-wrap:wrap;}
.abox .box .right .w03 li{ width:48.89%; padding:14px 3.2%; box-sizing:border-box; margin-left:2.22%; display:flex; align-items:center; border:1px solid #eee; border-radius:5px; margin-top:25px;}
.abox .box .right .w03 li img{ height:40px; margin:5px 10px; margin-left:0; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.abox .box .right .w03 li p{ display:block; flex:1; font-size:16px; line-height:24px; overflow:hidden;}
.abox .box .right .w03 li:nth-child(2n+1){ margin-left:0;}
.abox .box .right .w03 li:hover img{ -webkit-transform:rotateY(-360deg);}
.abox .box .right .w04{ font-size:16px; line-height:30px; color:#333; margin-top:22px;}
.abox .box .right .w05{  margin-top:37px;}
.abox .box .right .w05 a{ display:block; width:220px; height:50px; line-height:50px; font-size:18px; font-weight:bold; text-align:center; border-radius:50px; overflow:hidden; background-color:#075fc5; color:#fff;}
.abox .box .right .w05 a:hover{ background-color:#fb941c;}
.abox .list{ width:94%; max-width:1600px; margin:30px auto; margin-bottom:0; position:relative; z-index:3; background-color:#fff; border-radius:5px; box-shadow:0 0 20px rgba(0,0,0,.1); display:flex; align-items:center;}
.abox .list ul{ width:96%; padding:40px 2%; padding-bottom:35px; display:flex; justify-content:space-between;}
.abox .list ul li{ display:block; width:24%; text-align:center;}
.abox .list ul li strong{ display:block; overflow:hidden; position:relative; height:50px;}
.abox .list ul li strong img{ display:block; height:50px; position:relative; z-index:3; margin:auto;}
.abox .list ul li span{ width:50px; height:50px; border-radius:100%; overflow:hidden; display:block; background-color:#f7f7f7; position:absolute; left:50%; margin-left:-55px; top:0; z-index:1;}
.abox .list ul li b{ display:block; font-size:34px; height:44px; line-height:44px; overflow:hidden; margin-top:10px;}
.abox .list ul li p{ display:block; font-size:16px; line-height:24px; overflow:hidden;}

/*Products*/
.title{ width:94%; max-width:1600px; margin:auto; text-align:center; position:relative; z-index:3;}
.title .t01{ font-size:36px; line-height:44px; font-weight:bold;}
/*.title .t01 span{ color:#075fc5;}*/
.title .t02{ width:62.5%; margin:auto; font-size:16px; line-height:24px; color:#666; margin-top:8px;}
.pbox{ width:100%; padding-top:85px; padding-bottom:90px; background-color:#f5f5f5; position:relative; z-index:1;}
.pbox .box{ width:94%; max-width:1600px; margin:auto; margin-top:45px; position:relative; z-index:3;}
.pbox .box .swiper-container{ width:100%;}
.pbox .box .swiper-container .swiper-slide{ width:23.125%; margin-right:2.5%; position:relative; padding-bottom:20px;}
.pbox .box .swiper-container .swiper-slide .nei{ background-color:#fff; padding:15px; padding-bottom:30px;}
.pbox .box .swiper-container .swiper-slide .nei .w01{ width:100%; position:relative;}
.pbox .box .swiper-container .swiper-slide .nei .w01:after{ content:''; display:block; padding-top:100%;}
.pbox .box .swiper-container .swiper-slide .nei .w01 a{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide .nei .w01 a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pbox .box .swiper-container .swiper-slide .nei .w02{ width:100%; margin-top:20px; font-weight:bold;}
.pbox .box .swiper-container .swiper-slide .nei .w02 a{ display:block; font-size:18px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pbox .box .swiper-container .swiper-slide:hover .nei .w02 a{ color:#075fc5;}
.pbox .box .swiper-container .swiper-slide .nei .w03{ display:block; font-size:16px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.pbox .box .swiper-container .swiper-slide .duo{ width:40px; position:absolute; right:20px; bottom:0; background-color:#075fc5; border-radius:40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-container .swiper-slide .duo b{ display:block; width:34px; height:34px; border-radius:100%; overflow:hidden; background-color:#fff; float:right; position:relative; z-index:3; border:3px solid #075fc5;}
.pbox .box .swiper-container .swiper-slide .duo b img{ display:block; height:12px; margin:11px auto;}
.pbox .box .swiper-container .swiper-slide .duo a{ display:block; width:110px; text-indent:20px; font-size:16px; height:40px; line-height:40px; color:#fff; position:absolute; left:0; top:0; z-index:1;}
.pbox .box .swiper-container .swiper-slide .duo:hover{ width:150px;}
.pbox .box .more{ width:340px; height:50px; margin:50px auto; margin-bottom:0;}
.pbox .box .more .swiper-button-white{ width:50px; height:50px; border-radius:100%; background-color:#fb941c; float:left; overflow:hidden; background-position:center; background-repeat:no-repeat;}
.pbox .box .more .swiper-button-white:hover{ background-color:#075fc5;}
.pbox .box .more .swiper-button-prev{ background-image:url(../images/prev.png);}
.pbox .box .more .swiper-button-next{ background-image:url(../images/next.png);}
.pbox .box .more a{ display:block; width:220px; height:50px; line-height:50px; font-size:18px; font-weight:bold; text-align:center; border-radius:50px; overflow:hidden; background-color:#fb941c; color:#fff; float:left; margin:0 10px;}
.pbox .box .more a:hover{ background-color:#075fc5;}

/*Our Factory*/
.hbox{ width:100%; padding-top:85px; background-color:#fff; position:relative; z-index:1;}
.hbox .box{ width:94%; max-width:1600px; margin:auto; margin-top:45px; position:relative; z-index:3;}
.hbox .box .swiper-container{ width:100%;}
.hbox .box .swiper-container .swiper-slide{ width:31.25%; height:20.5625vw; max-height:350px; display:block; overflow:hidden; margin-right:3.125%;}
.hbox .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.hbox .box .swiper-pagination{ width:100%; display:flex; justify-content:center; flex-wrap:wrap; margin-top:50px;}
.hbox .box .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.hbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#075fc5;}

/*Services*/
.sbox{ width:100%; padding-top:85px; background-color:#fff; position:relative; z-index:1;}
.sbox .box{ width:100%; margin-top:45px; position:relative; z-index:3;}
.sbox .box ul{ width:100%; display:block; overflow:hidden;}
.sbox .box ul li{ width:25%; height:480px; display:block; float:left; margin-right:1px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.sbox .box ul li:last-child{ margin-right:0;}
.sbox .box ul li.active{ width:calc(50% - 3px);}
.sbox .box ul li .bg{ width:100%; height:100%; background-color:#000; opacity:0.7; position:relative; z-index:1;}
.sbox .box ul li.active .bg{ background-color:#075fc5;}
.sbox .box ul li .tu{ position:absolute; left:10.81%; bottom:50px; z-index:2; height:60px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box ul li .tu img{ height:60px; display:block;}
.sbox .box ul li.active .tu{ left:19.83%;}
.sbox .box ul li .wen{ width:78.38%; height:calc(100% - 110px); position:absolute; top:0; left:10.81%; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; display:flex; flex-direction:column; justify-content:center;}
.sbox .box ul li.active .wen{ width:60.34%; left:19.83%;}
.sbox .box ul li .wen .w01{ font-size:16px; line-height:24px; height:24px; color:#fff; opacity:.7;}
.sbox .box ul li .wen .w02{ padding-top:5px; font-size:24px; line-height:32px; color:#fff; font-weight:bold;}
.sbox .box ul li.active .wen .w02{ font-size:30px; line-height:38px; text-transform:uppercase; padding-top:7px;}
.sbox .box ul li .wen .w03{ display:none; font-size:16px; line-height:30px; color:#fff; margin-top:13px;}
.sbox .box ul li.active .wen .w03{ display:block;}
.sbox .box ul li .wen .w04{ display:none; font-size:16px; line-height:24px; color:#fff; margin-top:18px;}
.sbox .box ul li.active .wen .w04{ display:block;}
.sbox .box ul li .wen .w04 a{ color:#fff;}
.sbox .box ul li .wen .w04 a:hover{ text-decoration:underline;}

/*Vantages*/
.ybox{ width:100%; padding-top:85px; padding-bottom:90px; background-color:#fff; position:relative; z-index:1; display:none;}
.ybox .box{ width:94%; max-width:1600px; margin:auto; margin-top:45px; position:relative; z-index:3;}
.ybox .box .left{ width:43.75%; float:left;}
.ybox .box .left .w01{ margin-top:25px; font-size:24px; line-height:32px; font-weight:bold; color:#075fc5;}
.ybox .box .left .w02{ margin-top:17px; font-size:16px; line-height:30px; max-height:180px;}
.ybox .box .left .w03{ padding-top:25px;}
.ybox .box .left .w03 li{ display:flex; align-items:center; overflow:hidden; margin-top:10px;}
.ybox .box .left .w03 li b{ width:30px; height:30px; display:block; float:left; border-radius:100%; background-color:#075fc5; overflow:hidden; margin:5px 10px; margin-left:0; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ybox .box .left .w03 li b img{ width:100%; display:block;}
.ybox .box .left .w03 li p{ width:calc(100% - 40px); display:block; float:left; font-size:16px; line-height:24px;}
.ybox .box .left .w03 li:hover b{ -webkit-transform:rotateY(-360deg);}
.ybox .box .right{ width:54.6875%; float:right; position:relative; padding-bottom:120px;}
.ybox .box .right .w01{ float:right; margin-right:3.42%; width:76.57%; max-width:670px; height:27.02vw; max-height:460px; position:
relative; z-index:4;}
.ybox .box .right .w02{ width:36.57%; max-width:320px; height:18.79vw; max-height:320px; position:absolute; left:8.57%; bottom:0; z-index:5;}
.ybox .box .right .w03{ width:8.57%; position:absolute; left:0; top:0; z-index:2;}
.ybox .box .right .w04{ width:8.57%; position:absolute; right:0; bottom:0; z-index:1;}
.ybox .box .right img{ width:100%; display:block;}
.ybox .box .right .w05{ width:30%; height:calc(27.02vw - 60px); max-height:400px; background-color:#fb941c; position:absolute; right:0; top:30px; z-index:3;}

/*Online message*/
.mbox{ width:100%; padding-top:90px; padding-bottom:90px; background-color:#fff; position:relative; z-index:1;}
.mbox .bg{ width:100%; height:320px; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:1;}
.mbox .bg b{ width:100%; height:100%; display:block; background-color:#075fc5; opacity:.7; overflow:hidden;}
.mbox .box{ width:94%; max-width:1600px; margin:auto; position:relative; z-index:3;}
.mbox .box .left{ width:68.75%; float:left;}
.mbox .box .left .w01{ font-size:16px; line-height:24px; color:#fff;}
.mbox .box .left .w01 b{ width:6px; height:6px; border-radius:100%; background-color:#fff; overflow:hidden; display:block; float:left; margin:9px 10px; margin-left:0;}
.mbox .box .left .w02{ width:92.73%; font-size:36px; line-height:44px; color:#fff; margin-top:10px; font-weight:bold;}
.mbox .box .left .w03{ width:81.82%; font-size:16px; line-height:30px; height:60px; color:#ccc; margin-top:8px;}
.mbox .box .left .w04{ width:100%; display:block; margin-top:90px;}
.mbox .box .left .w04 li{ display:block; overflow:hidden; float:left; margin-right:6.3%; padding-top:40px; min-width:22%; max-width:65%;}
.mbox .box .left .w04 li:nth-child(2n+1){ clear:left; float:left;}
.mbox .box .left .w04 li p{ width:80px; height:80px; border-radius:100%; display:block; overflow:hidden; background-color:#fb941c;}
.mbox .box .left .w04 li p img{ height:34px; display:block; margin:23px auto;}
.mbox .box .left .w04 li span{ display:block; font-size:16px; line-height:24px; margin-top:15px; overflow:hidden;}
.mbox .box .left .w04 li b{ display:block; font-size:16px; line-height:24px; margin-top:6px; overflow:hidden; color:#333;}
.mbox .box .left .w04 li strong{ display:block; font-size:16px; line-height:24px; margin-top:6px; overflow:hidden;}
.mbox .box .right{ height:570px; width:31.25%; float:right; background-color:#fff; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,.1);}
.mbox .box .right .w01{ width:80%; padding:3px 10%; padding-top:45px; font-size:24px; line-height:32px; font-weight:bold;}
.mbox .box .right .w02{ width:80%; margin:auto; margin-top:20px; height:50px; background-color:#f5f5f5; border-radius:5px;}
.mbox .box .right .w02 input{ width:90%; padding:0 5%; font-size:16px; height:50px; line-height:50px; display:block; background-color:transparent; overflow:hidden;}
.mbox .box .right .w03{ width:80%; margin:auto; margin-top:20px; height:140px; background-color:#f5f5f5; border-radius:5px;}
.mbox .box .right .w03 textarea{ width:90%; padding:13px 5%; font-size:16px; height:114px; line-height:24px; display:block; background-color:transparent; overflow:auto; font-family:Arial, Helvetica, sans-serif;}
.mbox .box .right .w04{ width:80%; margin:auto; margin-top:20px; height:50px; border-radius:5px;}
.mbox .box .right .w04 input{ width:100%; font-size:16px; height:50px; line-height:50px; display:block; background-color:#fb941c; overflow:hidden; text-align:center; cursor:pointer; color:#fff;}
.mbox .box .right .w04 input:hover{ background-color:#075fc5;}

/*footer*/
.footer{ width:100%; background-color:#075fc5;}
.footer .lx{ width:100%; border-bottom:1px solid #528fd7; display:block;}
.footer .lx ul{ width:94%; max-width:1600px; margin:auto; display:flex;}
.footer .lx ul li{ display:flex; align-items:center; overflow:hidden; padding:30px 2%; border-left:1px solid #528fd7; box-sizing:border-box;}
.footer .lx ul li:nth-child(1){ padding-left:0; border-left:none; width:18%;}
.footer .lx ul li:nth-child(2){ width:24%;}
.footer .lx ul li:nth-child(3){ width:18%;}
.footer .lx ul li:nth-child(4){ padding-right:0; width:40%;}
.footer .lx ul li img{ width:34px; display:block; margin-right:15px;}
.footer .lx ul li p{ display:block; width:calc(100% - 49px); overflow:hidden; color:#fff;}
.footer .lx ul li p span{ display:block; font-size:16px; line-height:24px; overflow:hidden; color:#fff;}
.footer .lx ul li p b{ display:block; font-size:16px; line-height:24px; margin-top:5px;  overflow:hidden; color:#fff;}
.footer .lx ul li p a{ display:block; font-size:16px; line-height:24px; margin-top:5px; overflow:hidden; color:#fff; word-break:break-all;}
.footer .lx ul li:nth-child(4) p a{ word-break:normal;}
.footer .foot{ width:94%; max-width:1600px; margin:55px auto; display:flex; justify-content:space-between;}
.footer .foot .f01 span{ display:block; font-size:24px; line-height:32px; color:#fff; overflow:hidden;}
.footer .foot .f01 p{ display:block; margin-top:17px; overflow:hidden;}
.footer .foot .f01 p a{ display:block; font-size:16px; line-height:30px; color:#fff; text-transform:uppercase; overflow:hidden;}
.footer .foot .f01 p a:hover{ color:#fb941c;}
.footer .foot .f02 span{ display:block; font-size:24px; line-height:32px; color:#fff; overflow:hidden;}
.footer .foot .f02 p{ display:block; margin-top:17px; overflow:hidden;}
.footer .foot .f02 p a{ display:block; font-size:16px; line-height:30px; color:#fff; overflow:hidden;}
.footer .foot .f02 p a:hover{ color:#fb941c;}
.footer .foot .f03{ width:19.375%;}
.footer .foot .f03 span{ display:block; font-size:24px; line-height:32px; color:#fff; overflow:hidden;}
.footer .foot .f03 ul{ display:block; width:100%; overflow:hidden; margin-top:25px;}
.footer .foot .f03 ul li{ display:block; width:45.16%; float:left; margin-left:9.68%; overflow:hidden;}
.footer .foot .f03 ul li:nth-child(1){ margin-left:0;}
.footer .foot .f03 ul li strong{ width:100%; padding:10px; box-sizing:border-box; background-image:url(../images/ma_56.png); background-size:100% 100%; display:block; overflow:hidden;}
.footer .foot .f03 ul li strong img{ width:100%; display:block;}
.footer .foot .f03 ul li p{ font-size:16px; line-height:24px; color:#fff; margin-top:10px; text-align:center;}
.footer .bq{ width:100%; height:50px; background-color:#0051af;}
.footer .bq dl{ width:94%; max-width:1600px; margin:auto;}
.footer .bq dl dt{ float:left; font-size:16px; line-height:50px; color:#fff;}
.footer .bq dl dt p{ display:block; float:left; margin-right:2.3vw;}
.footer .bq dl dd{ float:right; font-size:16px; line-height:50px; color:#fff;}
.footer .bq dl dd img{ height:20px; vertical-align:middle; margin-left:5px;}
.footer .bq a{ color:#fff;}

/*右侧浮动*/
.kefu{ position:fixed; z-index:99999; bottom:14%; right:30px; 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:#0051af; color:#fff; border:1px solid #0051af;}
.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 #0051af; 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 #0051af; 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 #0051af; 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 #0051af; 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 #fb941c; border:1px solid #fb941c; 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:16px; 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:#0051af;}	
.kefu ul li span a.kf-tel{ font-size:18px; color:#fb941c;}
.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{ width:100%;}
.kefu ul li span dl dt img{ display:block; width:100%;}
.kefu ul li span dl dd{ width:100%; font-size:16px;}

/*内页*/
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform:scale(1);  /*开始为原始大小*/
    }
    25%{
        transform:scale(1.05); /*放大1.1倍*/
    }
    50%{
        transform:scale(1);
    }
    75%{
        transform:scale(1.05);
    }
}
.ban{ width:100%; height:460px; position:relative; overflow:hidden; 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,.1); display:flex; align-items:center; position:absolute; left:0%; bottom:0; z-index:1; padding-top:110px; box-sizing:border-box;}
.ban .box p{ width:94%; max-width:1600px; margin:auto; text-align:center;}
.ban .box p b{ display:block; color:#fff; font-size:36px; line-height:44px; margin-bottom:15px;}
.ban .box p span{ width:62.5%; margin:auto; display:block; color:#fff; font-size:16px; line-height:24px;}

.wei{ width:70px; border-bottom:1px solid #ddd; width:100%;}
.wei .box{ width:94%; max-width:1600px; margin:auto;}
.wei .box .left{ float:left; border-left:1px solid #ddd;}
.wei .box .left a{ display:block; padding:0 2.5vw; border-right:1px solid #ddd; float:left; font-size:18px; height:70px; line-height:70px; overflow:hidden;}
.wei .box .left a:hover{ color:#fb941c;}
.wei .box .left a.on{ background-color:#0051af; color:#fff;}
.wei .box .right{ float:right; height:70px; display:flex; align-items:center; font-size:16px; line-height:24px;}
.wei .box .right svg{ display:block; height:24px; margin:0 10px;}

/*About Company*/
.ab01{ width:100%; padding-top:90px; background-color:#fff; position:relative; z-index:3;}
.ab01 .bg{ width:100%; height:90px; background-color:#f5f5f5; position:absolute; left:0; bottom:0; z-index:1;}
.ab01 .box{ width:94%; max-width:1600px; margin:auto; position:relative; z-index:3; display:flex;}
.ab01 .left{ width:50%; margin-bottom:5px;}
.ab01 .left .w01{ font-size:36px; line-height:44px; height:44px; color:#999; text-transform:uppercase;}
.ab01 .left .w02{ width:100%; margin-top:5px;}
.ab01 .left .w02 p{ display:flex; align-items:center; float:left; padding:8px 20px; font-size:16px; line-height:24px; color:#fff; background-color:#075fc5;}
.ab01 .left .w02 p img{ display:block; height:16px; margin-right:10px;}
.ab01 .left .w03{ width:100%; font-size:24px; line-height:32px; margin-top:25px; font-weight:bold;}
/*.ab01 .left .w03 span{ color:#075fc5;}*/
.ab01 .left .w04{ width:100%; font-size:16px; line-height:30px; margin-top:17px;}
.ab01 .left .w05{ width:100%; display:flex; flex-wrap:wrap; padding-top:2px;}
.ab01 .left .w05 li{ width:48.89%; padding:14px 3.2%; box-sizing:border-box; margin-left:2.22%; display:flex; align-items:center; border:1px solid #eee; border-radius:5px; margin-top:25px;}
.ab01 .left .w05 li img{ height:40px; margin:5px 10px; margin-left:0; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab01 .left .w05 li p{ display:block; flex:1; font-size:16px; line-height:24px; overflow:hidden;}
.ab01 .left .w05 li:nth-child(2n+1){ margin-left:0;}
.ab01 .left .w05 li:hover img{ -webkit-transform:rotateY(-360deg);}
.ab01 .right{ width:45%; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:10px; margin-left:5%; overflow:hidden;}
.ab01 .right .cover{ background:rgb(0 0 0 / 60%); display:flex; justify-content:center; transition:all ease .3s; opacity:0; position:relative; width:100%; height:100%;}
.ab01 .right:hover .cover{ opacity:1;}
.ab01 .right .cover .playIco{ position:absolute; width:100px; height:100px; z-index:2; left:50%; top:50%; margin:-50px auto auto -50px; cursor:pointer; transform:scale(0); transition:all ease .3s;}
.ab01 .right:hover .cover .playIco{ transform:scale(1)}
.ab01 .list{ width:94%; max-width:1600px; margin:60px auto; margin-bottom:0; position:relative; z-index:3; background-color:#fff; border-radius:5px; box-shadow:0 0 20px rgba(0,0,0,.1); display:flex; align-items:center;}
.ab01 .list ul{ width:88.125%; padding:50px 5.9375%; display:block;}
.ab01 .list ul li{ display:block; width:31.8%; margin-left:2.3%; float:left; overflow:hidden; text-align:center;}
.ab01 .list ul li:nth-child(3n+1){ margin-left:0;}
.ab01 .list ul li strong{ display:block; overflow:hidden; position:relative; width:100%;}
.ab01 .list ul li strong img{ display:block; width:100%;}

/*视频弹框*/
.videoBox{ position:fixed; background:rgb(0 0 0 / 60%); left:0; top:0; bottom:0; right:0; display:flex; flex-direction:column; justify-content:center; pointer-events:none; opacity:0; z-index:-1;}
.videoBox.show{ opacity:1; pointer-events:auto; z-index:1990;}
.videoBox video{ display:block; max-width:800px; max-height:70vh; margin:0 auto;}
.videoBox iframe{ display:block; width:800px; height:600px; margin:0 auto;}
.closeVideo{ max-width:150px; background:#fff; margin:30px auto 0; border-radius:55px; padding:10px 30px; width:100%; text-align:center; font-size:15px; cursor:pointer; transition:all ease .3s;}
.closeVideo:hover{ background:#075fc5; color:#fff;}

.ab02{ width:100%; padding-top:85px; padding-bottom:90px; background-color:#f5f5f5; position:relative; z-index:1; display:none;}
.ab02 .box{ width:94%; max-width:1600px; margin:auto; margin-top:15px; position:relative; z-index:3;}
.ab02 .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.ab02 .box .list dt{ width:31.25%; height:420px; background-position:center; background-repeat:no-repeat; background-size:cover; float:left; margin-left:3.125%; display:block; position:relative; overflow:hidden; margin-top:30px;}
.ab02 .box .list dt:nth-child(3n+1){ margin-left:0;}
.ab02 .box .list dt .wen{ width:70%; height:300px; padding:30px; box-sizing:border-box; background-color:rgba(255,255,255,.8); margin:30px}
.ab02 .box .list dt .wen a{ display:block; overflow:hidden; width:100%; height:100%; position:relative;}
.ab02 .box .list dt .wen .w01{ height:60px;}
.ab02 .box .list dt .wen .w01 img{ display:block; height:60px;}
.ab02 .box .list dt .wen .w02{ font-size:24px; line-height:34px; margin-top:20px; font-weight:bold;}
.ab02 .box .list dt .wen .w03{ font-size:16px; line-height:24px; height:96px; margin-top:5px; color:#666;}
.ab02 .box .list dt .wen .w04{ width:30px; height:4px; background-color:#999; position:absolute; left:0; bottom:0;}
.ab02 .box .list dt:hover .wen .w02{ color:#075fc5;}
.ab02 .box .list dt:hover .wen .w04{ background-color:#fb941c;}

.ab03{ width:100%; padding-top:85px; padding-bottom:90px; background-color:#f5f5f5; position:relative; z-index:1;}
.ab03 .box{ width:94%; max-width:1600px; margin:auto; margin-top:40px; position:relative; z-index:3;}
.ab03 .box .swiper-container{ width:100%;}
.ab03 .box .swiper-container .swiper-slide{ width:31.25%; height:20.5625vw; max-height:350px; display:block; overflow:hidden; margin-right:3.125%;}
.ab03 .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.ab03 .box .swiper-pagination{ width:100%; display:flex; justify-content:center; flex-wrap:wrap; margin-top:50px;}
.ab03 .box .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.ab03 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#075fc5;}

.ab03 .box .w01{ width:100%; font-size:16px; margin-bottom:35px;}
.ab03 .box .w01 img{ max-width:100%;}

/*Qualification*/
.ab04{ width:100%; padding-top:85px; padding-bottom:90px; background-color:#fff; position:relative; z-index:1;}
.ab04 .box{ width:94%; max-width:1600px; margin:auto; margin-top:15px; position:relative; z-index:3;}
.ab04 .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.ab04 .box .list a{ width:23.5%; display:block; margin-top:30px; background-color:#f5f5f5; padding:10px; box-sizing:border-box; padding-bottom:0; overflow:hidden; margin-left:2%;}
.ab04 .box .list a:nth-child(4n+1){ margin-left:0;}
.ab04 .box .list a strong{ width:100%; display:block; overflow:hidden;}
.ab04 .box .list a img{ width:100%; display:block;}
.ab04 .box .list a p{ width:100%; font-size:16px; height:54px; line-height:54px; display:block; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ab04 .box .list a:hover{ background-color:#075fc5;}
.ab04 .box .list a:hover p{ color:#fff;}

.fanye{ width:100%; margin-top:40px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block; font-size:16px;}
.fanye li a{ min-width:24px; padding:0 5px; height:34px; line-height:34px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:24px; padding:0 5px; height:34px; line-height:34px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#075fc5;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#075fc5;}

.ab05{ width:100%; padding-top:85px; padding-bottom:90px; background-color:#fff; position:relative; z-index:1;}
.ab05 .box{ width:94%; max-width:1600px; margin:auto; margin-top:15px; position:relative; z-index:3;}
.ab05 .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.ab05 .box .list li{ width:31.25%; display:block; overflow:hidden; margin-left:3.125%; margin-top:30px;}
.ab05 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab05 .box .list li .tu{ width:100%; height:20.5625vw; max-height:350px; position:relative;}
.ab05 .box .list li .tu img{ width:100%; display:block;}
.ab05 .box .list li .tu .cover{ background:rgb(0 0 0 / 60%); display:flex; justify-content:center; transition:all ease .3s; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%;}
.ab05 .box .list li .tu .cover .playIco{ position:absolute; width:100px; height:100px; z-index:2; left:50%; top:50%; margin:-50px auto auto -50px; cursor:pointer; transform:scale(0); transition:all ease .3s;}
.ab05 .box .list li:hover .tu .cover{ opacity:1;}
.ab05 .box .list li:hover .tu .cover .playIco{ transform:scale(1)}
.ab05 .box .list li .wen{ text-align:center; font-size:16px; line-height:24px; height:24px; text-align:center; margin-top:10px; text-overflow:ellipsis; white-space:nowrap;}
.ab05 .box .list li:hover .wen{ color:#075fc5;}

.ab05 .box video{ display:block; width:800px; height:630px; margin:30px auto; background-color:#000;}
.ab05 .box iframe{ display:block; width:800px; height:600px; margin:30px auto; background-color:#000;}
.ab05 .box .back{ display:block; max-width:150px; background:#075fc5; margin:auto; border-radius:55px; padding:10px 30px; width:100%; text-align:center; font-size:15px; cursor:pointer; transition:all ease .3s; color:#fff;}
.ab05 .box .back:hover{ background:#fb941c;}

/*products*/
.main{ width:94%; max-width:1600px; margin:90px auto; position:relative; z-index:3;}
.main .lbar{ width:25%; float:left;}
.main .lbar .box{ width:90%; background-color:#f5f5f5; padding:35px 5%; padding-bottom:40px; border-radius:10px;}
.main .lbar .box .w01{ font-size:30px; line-height:38px; font-weight:bold;}
.main .lbar .box .w02{ display:block;}
.main .lbar .box .w02 a{ display:block; width:100%; padding:0 20px; box-sizing:border-box; font-size:16px; line-height:44px; height:44px; border-radius:5px; background-color:#fff; overflow:hidden; margin-top:15px;}
.main .lbar .box .w02 a:hover{ color:#fb941c;}
.main .lbar .box .w02 a.on{ background-color:#075fc5; color:#fff;}
.main .lbar .box01{ width:90%; background-color:#f5f5f5; padding:35px 5%; padding-bottom:40px; border-radius:10px; margin-top:30px;}
.main .lbar .box01 .w01{ font-size:30px; line-height:38px; font-weight:bold;}
.main .lbar .box01 .w02{ width:100%;}
.main .lbar .box01 .w02 a{ width:48.5%; display:block; float:left; background-color:#fff; margin-left:3%; margin-top:15px; padding:10px; box-sizing:border-box;}
.main .lbar .box01 .w02 a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .lbar .box01 .w02 a strong{ width:100%; display:block; overflow:hidden; position:relative;}
.main .lbar .box01 .w02 a strong:after{ content:''; display:block; padding-top:100%;}
.main .lbar .box01 .w02 a strong img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.main .lbar .box01 .w02 a p{ width:100%; margin-top:5px; display:block; font-size:16px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .lbar .box01 .w02 a:hover p{ color:#075fc5;}
.main .rbar{ width:70%; float:right;}
.main .rbar .pro{ width:100%; display:block; margin-top:-30px;}
.main .rbar .pro li{ display:flex; align-items:center; width:100%; overflow:hidden; padding:30px 0; border-bottom:1px solid #ddd;}
.main .rbar .pro li .tu{ width:30%;}
.main .rbar .pro li .tu a{ width:100%; display:block; overflow:hidden; position:relative;}
.main .rbar .pro li .tu a:after{ content:''; display:block; padding-top:100%;}
.main .rbar .pro li .tu a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.main .rbar .pro li .wen{ width:66%; margin-left:4%;}
.main .rbar .pro li .wen .w01 a{ display:block; font-size:24px; line-height:32px; font-weight:bold;}
.main .rbar .pro li .wen .w02{ display:block; font-size:16px; line-height:24px; height:72px; color:#666; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .rbar .pro li .wen .w03{ margin-top:25px;}
.main .rbar .pro li .wen .w03 a{ display:block; width:180px; height:44px; line-height:44px; font-size:16px; text-align:center; border-radius:5px; overflow:hidden; background-color:#075fc5; color:#fff;}
.main .rbar .pro li .wen .w03 a:hover{ background-color:#fb941c;}

/*Product_son*/
.main01{ width:94%; max-width:1600px; margin:50px auto;}
.main01 .lbar{ width:510px; float:left;}
.main01 .lbar .box{ width:100%; height:410px; padding-bottom:20px;}
.main01 .lbar .box .gallery-top{ width:408px; height:408px; display:block; overflow:hidden; border:1px solid #eee; float:right;}
.main01 .lbar .box .gallery-top .swiper-slide{ width:100%; height:418px; display:flex; align-items:center; overflow:hidden;}
.main01 .lbar .box .gallery-top .swiper-slide img{ max-width:calc(100% - 40px); max-height:380px; display:block; margin:auto;}
.main01 .lbar .box .gallery-thumbs{ width:88px; height:374px; padding:18px 0; display:block; overflow:hidden; float:left; position:relative;}
.main01 .lbar .box .gallery-thumbs .swiper-container{ width:100%; height:374px; overflow:hidden; position:relative; z-index:1;}
.main01 .lbar .box .gallery-thumbs .swiper-slide{ width:100%; height:86px; display:flex; align-items:center; overflow:hidden; border:1px solid #eee; box-sizing:border-box; cursor:pointer;}
.main01 .lbar .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border:1px solid #075fc5;}
.main01 .lbar .box .gallery-thumbs .swiper-slide img{ max-width:100%; max-height:86px; display:block; margin:auto;}
.main01 .lbar .box .gallery-thumbs .swiper-button-white{ width:32px; height:32px; border:1px solid #ddd; border-radius:100%; background-position:center; background-repeat:no-repeat; position:absolute; left:50%; margin-left:-17px; background-color:#fff; opacity:1 !important; z-index:9;}
.main01 .lbar .box .gallery-thumbs .swiper-button-white.swiper-button-disabled{ border:1px solid #eee;}
.main01 .lbar .box .gallery-thumbs .swiper-button-next{ background-image:url(../images/right.png); bottom:0; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
.main01 .lbar .box .gallery-thumbs .swiper-button-prev{ background-image:url(../images/left.png); top:0; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
.main01 .lbar .box .gallery-thumbs .swiper-button-next:hover{ background-color:#075fc5; border:1px solid #075fc5; background-image:url(../images/right01.png);}
.main01 .lbar .box .gallery-thumbs .swiper-button-prev:hover{ background-color:#075fc5; border:1px solid #075fc5; background-image:url(../images/left01.png);}

.main01 .rbar{ width:calc(95% - 550px); float:right;}
.main01 .rbar .w01{ font-size:24px; line-height:34px; font-weight:bold; padding-top:25px;}
.main01 .rbar .w02{ font-size:18px; line-height:26px; color:#999; padding-top:5px; padding-bottom:15px; border-bottom:1px solid #eee;}
.main01 .rbar .w03{ padding-top:25px; display:block; font-size:18px; line-height:26px; color:#075fc5; font-weight:bold;}
.main01 .rbar .w04{ display:block; font-size:16px; line-height:24px; padding-top:10px;}

.main02{ width:94%; max-width:1600px; margin:auto; margin-bottom:90px;}
.main02 .biao{ width:100%; border-bottom:2px solid #075fc5;}
.main02 .biao p{ display:block; float:left; padding:0 30px; height:48px; line-height:50px; font-size:20px; color:#fff; background-color:#075fc5; overflow:hidden; border-top-left-radius:5px; border-top-right-radius:5px;}
.main02 .box{ width:100%;}
.main02 .box .w01{ font-size:24px; line-height:32px; font-weight:bold; margin-top:45px; color:#075fc5; border-left:12px solid #fb941c; position:relative; padding-left:10px;}
.main02 .box .w01:before{ content:''; position:absolute; width:4px; height:100%; left:-7px; bottom:0px; z-index:1; background:#ffffff}
.main02 .box .w02{ width:100%; border-collapse:collapse; margin-top:20px;}
.main02 .box .w02 td{ border: 1px solid rgba(0,0,0,0.1); padding:10px; font-size:16px; color:#74777c}
.main02 .box .w02 td:nth-child(odd){ background:#f2f2f2; color:#333;}
.main02 .box .w03{ width:100%; font-size:16px; margin-top:15px;}
.main02 .box .w03 img{ max-width:100%;}
.main02 .box .w04{ width:100%; display:block;}
.main02 .box .w04 li{ width:31.25%; float:left; margin-left:3.125%; display:block; overflow:hidden; margin-top:15px;}
.main02 .box .w04 li:nth-child(3n+1){ margin-left:0;}
.main02 .box .w04 li img{ width:100%; display:block;}
.main02 .box .w05{ width:100%; display:block; padding-top:5px;}
.main02 .box .w05 li{ display:block; margin-top:10px;}
.main02 .box .w05 li strong{ display:block; font-size:18px; line-height:26px; font-weight:bold; overflow:hidden;}
.main02 .box .w05 li strong b{ color:#075fc5;}
.main02 .box .w05 li p{ display:block; font-size:16px; line-height:24px; color:#666; overflow:hidden;}
.main02 .box .w05 li p b{ color:#fb941c; font-size:18px;}

/*service*/
.fw01{ width:100%; padding-top:85px; padding-bottom:90px; background-color:#fff; position:relative; z-index:1;}
.fw01 .box{ width:94%; max-width:1600px; margin:auto; margin-top:15px; position:relative; z-index:3;}
.fw01 .box .w01{ width:100%; font-size:16px; margin-top:40px;}
.fw01 .box .w01 img{ max-width:100%;}
.fw01 .box .w02{ width:100%; display:flex; flex-wrap:wrap; padding-top:15px;}
/*.fw01 .box .w02 li{ width:22.75%; display:block; margin-top:30px; overflow:hidden; margin-left:3%;}
.fw01 .box .w02 li:nth-child(4n+1){ margin-left:0;}
.fw01 .box .w02 li img{ width:100%; display:block;}*/
.fw01 .box .w02 li{ width:31.33%; display:block; float:left; border-radius:10px; background-color:#f5f5f5; overflow:hidden; margin-top:30px; margin-left:3%; padding:40px 30px; padding-bottom:35px; box-sizing:border-box;}
.fw01 .box .w02 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.fw01 .box .w02 li .k01{ height:80px;}
.fw01 .box .w02 li .k01 img{ display:block; height:80px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.fw01 .box .w02 li .k02{ font-size:24px; line-height:32px; margin-top:20px; font-weight:bold; text-align:center; text-transform:uppercase;}
.fw01 .box .w02 li .k03{ width:40px; height:2px; margin:10px auto; margin-bottom:15px; background-color:#075fc5;}
.fw01 .box .w02 li .k04{ font-size:16px; line-height:24px;}
.fw01 .box .w02 li:hover img{ -webkit-transform:rotateY(-360deg);}

/*news*/
.news{ width:100%; padding-top:85px; padding-bottom:90px; background-color:#fff; position:relative; z-index:1;}
.news .box{ width:94%; max-width:1600px; margin:auto; margin-top:15px; position:relative; z-index:3;}
.news .list{ width:100%; display:block; padding-top:5px;}
.news .list li{ display:flex; align-items:center; overflow:hidden; margin-top:40px;}
.news .list li .left{ width:400px; height:270px;}
.news .list li .left img{ width:100%; display:block;}
.news .list li .right{ width:calc(97% - 350px); margin-left:3%;}
.news .list li .right .w01{ font-size:24px; line-height:32px; font-weight:bold;}
.news .list li .right .w01 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .list li .right .w01 a:hover{ color:#075fc5;}
.news .list li .right .w02{ font-size:16px; line-height:24px; color:#666; margin-top:5px;}
.news .list li .right .w03{ font-size:16px; line-height:30px; height:90px; margin-top:10px; padding-top:12px; border-top:1px solid #ddd; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news .list li .right .w04{ margin-top:17px;}
.news .list li .right .w04 a{ display:block; width:180px; height:44px; line-height:44px; font-size:16px; text-align:center; border-radius:5px; overflow:hidden; background-color:#075fc5; color:#fff;}
.news .list li .right .w04 a:hover{ background-color:#fb941c;}

.ny{ width:94%; max-width:1600px; margin:auto; padding-bottom:55px; padding-top:85px; position:relative; z-index:1; background-color:#fff;}
.ny .titles{ width:100%;}
.ny .titles b{ display:block; font-size:24px; line-height:32px; color:#333;}
.ny .titles span{ display:block; font-size:16px; line-height:22px; color:#333; margin-top:10px;}
.ny .titles p{ display:block; margin-top:10px; width:100px; height:2px; background-color:#333;}
.ny .wen{ margin-top:25px; font-size:16px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto !important;}
#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:16px; 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:16px; 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;}

/*contact*/
.contact{ width:100%; padding-top:90px; padding-bottom:90px; background-color:#fff; position:relative; z-index:1;}
.contact .box{ width:94%; max-width:1600px; margin:auto; position:relative; z-index:3;}
.contact .box .left{ width:68.75%; float:left;}
.contact .box .left .w01{ font-size:16px; line-height:24px; color:#666; margin-top:25px;}
.contact .box .left .w01 b{ width:6px; height:6px; border-radius:100%; background-color:#075fc5; overflow:hidden; display:block; float:left; margin:9px 10px; margin-left:0;}
.contact .box .left .w02{ width:92.73%; font-size:36px; line-height:44px; color:#333; margin-top:10px; font-weight:bold;}
/*.contact .box .left .w02 span{ color:#075fc5;}*/
.contact .box .left .w03{ width:81.82%; font-size:16px; line-height:30px; height:60px; color:#666; margin-top:10px;}
.contact .box .left .w04{ width:100%; display:block;}
.contact .box .left .w04 li{ display:block; overflow:hidden; float:left; margin-right:6.3%; margin-top:30px; min-width:22%; max-width:65%;}
.contact .box .left .w04 li:nth-child(2n+1){ clear:left; float:left;}
.contact .box .left .w04 li p{ width:80px; height:80px; border-radius:100%; display:block; overflow:hidden; background-color:#fb941c;}
.contact .box .left .w04 li p img{ height:34px; display:block; margin:23px auto;}
.contact .box .left .w04 li span{ display:block; font-size:16px; line-height:24px; margin-top:15px; overflow:hidden;}
.contact .box .left .w04 li b{ display:block; font-size:16px; line-height:24px; margin-top:7px; overflow:hidden; color:#333;}
.contact .box .left .w04 li strong{ display:block; font-size:16px; line-height:24px; margin-top:7px; overflow:hidden;}
.contact .box .right{ height:570px; width:31.25%; float:right; background-color:#fff; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,.1);}
.contact .box .right .w01{ width:80%; padding:3px 10%; padding-top:45px; font-size:24px; line-height:32px; font-weight:bold;}
.contact .box .right .w02{ width:80%; margin:auto; margin-top:20px; height:50px; background-color:#f5f5f5; border-radius:5px;}
.contact .box .right .w02 input{ width:90%; padding:0 5%; font-size:16px; height:50px; line-height:50px; display:block; background-color:transparent; overflow:hidden;}
.contact .box .right .w03{ width:80%; margin:auto; margin-top:20px; height:140px; background-color:#f5f5f5; border-radius:5px;}
.contact .box .right .w03 textarea{ width:90%; padding:13px 5%; font-size:16px; height:114px; line-height:24px; display:block; background-color:transparent; overflow:auto; font-family:Arial, Helvetica, sans-serif;}
.contact .box .right .w04{ width:80%; margin:auto; margin-top:20px; height:50px; border-radius:5px;}
.contact .box .right .w04 input{ width:100%; font-size:16px; height:50px; line-height:50px; display:block; background-color:#fb941c; overflow:hidden; text-align:center; cursor:pointer; color:#fff;}
.contact .box .right .w04 input:hover{ background-color:#075fc5;}

.add02{ width:100%; padding-top:85px; padding-bottom:90px; background-color:#fff; position:relative; z-index:1;}
.add02 .box{ width:94%; max-width:1600px; margin:auto; margin-top:40px; position:relative; z-index:3;}
.add02 .box .list{ width:100%; display:block; margin-top:-30px;}
.add02 .box .list li{ width:31.25%; height:20.5625vw; max-height:350px; display:block; overflow:hidden; margin-left:3.125%; margin-top:30px; float:left;}
.add02 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.add02 .box .list li img{ width:100%; display:block;}
.add02 .box .w01{ width:100%; font-size:16px; margin-bottom:35px;}
.add02 .box .w01 img{ max-width:100%;}

.add01{ width:100%; padding-top:85px; padding-bottom:90px; background-color:#fff; position:relative; z-index:1;}
.add01 .box{ width:94%; max-width:1600px; margin:auto; margin-top:15px; position:relative; z-index:3;}
.add01 .box .w02{ width:48.5%; margin-top:20px; height:50px; background-color:#f5f5f5; border-radius:5px; float:left;}
.add01 .box .w02:nth-child(2){ margin-left:3%;}
.add01 .box .w02:nth-child(3){ width:100%;}
.add01 .box .w02 input{ width:90%; padding:0 5%; font-size:16px; height:50px; line-height:50px; display:block; background-color:transparent; overflow:hidden;}
.add01 .box .w02:nth-child(3) input{ width:95.15%; padding:0 2.425%;}
.add01 .box .w03{ width:100%; margin:auto; margin-top:20px; height:140px; background-color:#f5f5f5; border-radius:5px; float:left;}
.add01 .box .w03 textarea{ width:95.15%; padding:13px 2.425%; font-size:16px; height:114px; line-height:24px; display:block; background-color:transparent; overflow:auto; font-family:Arial, Helvetica, sans-serif;}
.add01 .box .w04{ width:100%; margin:auto; margin-top:20px; height:50px; border-radius:5px; float:left;}
.add01 .box .w04 input{ width:100%; font-size:16px; height:50px; line-height:50px; display:block; background-color:#fb941c; overflow:hidden; text-align:center; cursor:pointer; color:#fff;}
.add01 .box .w04 input:hover{ background-color:#075fc5;}