.@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font:14px/1.7 "Microsoft Yahei","微软雅黑", sans-serif, Arial; 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;}

/*header*/
@media screen and (min-width:1280px){
.header{ width:100%; background-color:#fff; position:relative; z-index:1;}
.header .bg{ width:100%; height:40px; background-color:#fafafa; border-bottom:1px solid #eeeeee; position:absolute; left:0; top:0; z-index:1;}
.header .thead{ width:1200px; margin:auto; padding-bottom:1px; position:relative; z-index:3; display:flex; justify-content:space-between;}
.header .thead .left{ float:left; height:40px; line-height:40px; font-size:14px; color:#666; flex:1; text-overflow:ellipsis; white-space:nowrap;}
.header .thead .right{ float:right; height:40px;}
.header .thead .right .h01{ float:left; height:40px; display:flex; align-items:center;}
.header .thead .right .h01 img{ display:block; height:14px; margin-right:10px;}
.header .thead .right .h01 p{ display:block; margin-right:20px;}
.header .thead .right .h01 p a{ color:#2b3395;}
.header .thead .right .h02{ width:1px; height:14px; background-color:#ddd; float:left; margin:13px 20px; margin-left:0;}
.header .thead .right .h03{ float:left; height:40px;}
.header .thead .right .h03 a{ display:block; float:left; font-size:14px; line-height:40px; height:40px; margin-left:20px; overflow:hidden;}
.header .thead .right .h03 a img{ display:block; height:14px; margin:13px 4px; margin-left:0; float:left;}
.header .thead .right .h03 a:hover{ color:#2b3395;}

.header .head{ width:1200px; margin:auto; position:relative; z-index:1;}
.header .head .logo{ height:50px; float:left; padding:32px 0;}
.header .head .logo img{ display:block; height:50px;}
.header .head .logo img.img02{ display:none;}
.header .head .xq{ float:right; margin:37px 0;}
.header .head .xq a{ display:flex; justify-content:center; align-items:center; padding:0 20px; min-width:100px; height:40px; border-radius:5px; background-color:#2b3395; overflow:hidden; color:#fff; font-size:16px;}
.header .head .xq a img{ display:block; margin-right:10px; height:18px;}
.header .head .xq a:hover{ background-color:#79cd1e;}
.header .head .ss{ float:right; margin:37px 20px; border:1px solid #cacaca; border-radius:5px;}
.header .head .ss .emptyInput{ width:256px; float:left; display:block; font-size:14px; height:38px; line-height:38px; text-indent:14px;}
.header .head .ss .btn-search{ width:42px; height:38px; float:right; cursor:pointer; background-color:transparent;}
.header .head .ss .btn-search img{ display:block; height:14px; margin:12px auto;}

.menu{ width:100%; background-color:#2b3395;}
.menu .box{ width:1200px; margin:auto;}
.menu .box .bt,.menu .box .ser,.menu .box .yu,.menu .box .mask{ display:none;}
.menu .box .sav{ display:block; width:100%; position:relative; padding:10px 0;}
.menu .box .sav>li{ width:200px; float:left; text-align:center; height:40px;}
.menu .box .sav>li>a{ width:100%; font-size:16px; line-height:40px; height:40px; text-align:center; overflow:hidden; position:relative; z-index:1; display:block; color:#fff; text-transform:capitalize;}
.menu .box .sav>li>a.on{ font-weight:bold; color:#79cd1e;}
.menu .box .sav>li:hover>a{ font-weight:bold;}
.menu .box .sav>li>a:before{ width:1px; height:20px; display:block; content:''; position:absolute; right:0; top:10px; background-color:#fff;}
.menu .box .sav>li:last-child{ display:none;}
.menu .box .sav>li:nth-child(6n) a:before{ display:none;}
.menu .box .sav>li b{ display:none;}
.menu .box .sav>li .er{ width:100%; position:absolute; left:0; top:50px; background-color:rgba(43,51,149,.9); text-align:center; padding:30px 15px; padding-bottom:0; z-index:9; display:none; box-sizing:border-box;}
.menu .box .sav>li:hover .er{ display:block;}
.menu .box .sav>li .er li{ display:inline-block; margin:25px 15px; margin-top:0;}
.menu .box .sav>li .er li strong{ height:80px; display:flex; align-items:center; width:120px; overflow:hidden;}
.menu .box .sav>li .er li strong img{ display:block; max-width:100%; max-height:80px; margin:auto;}
.menu .box .sav>li .er li p{ display:block; font-size:14px; line-height:24px; margin-top:6px; color:#fff;}
.menu .box .sav>li .er li:hover p{ color:#79cd1e;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.header{ width:100%; background-color:#fff; position:relative; z-index:1;}
.header .bg{ width:100%; height:38px; background-color:#fafafa; border-bottom:1px solid #eeeeee; position:absolute; left:0; top:0; z-index:1;}
.header .thead{ width:94%; margin:auto; padding-bottom:1px; position:relative; z-index:3; display:flex; justify-content:space-between;}
.header .thead .left{ float:left; height:38px; line-height:38px; font-size:14px; color:#666; flex:1; text-overflow:ellipsis; white-space:nowrap;}
.header .thead .right{ float:right; height:38px;}
.header .thead .right .h01{ float:left; height:38px; display:flex; align-items:center;}
.header .thead .right .h01 img{ display:block; height:14px; margin-right:.5vw;}
.header .thead .right .h01 p{ display:block; margin-right:1vw;}
.header .thead .right .h01 p a{ color:#2b3395;}
.header .thead .right .h02{ width:1px; height:14px; background-color:#ddd; float:left; margin:12px 1vw; margin-left:0;}
.header .thead .right .h03{ float:left; height:38px;}
.header .thead .right .h03 a{ display:block; float:left; font-size:14px; line-height:38px; height:38px; margin-left:1vw; overflow:hidden;}
.header .thead .right .h03 a img{ display:block; height:14px; margin:12px 4px; margin-left:0; float:left;}
.header .thead .right .h03 a:hover{ color:#2b3395;}

.header .head{ width:94%; margin:auto; position:relative; z-index:1;}
.header .head .logo{ height:50px; float:left; padding:25px 0;}
.header .head .logo img{ display:block; height:50px;}
.header .head .logo img.img02{ display:none;}
.header .head .xq{ float:right; margin:31px 0;}
.header .head .xq a{ display:flex; justify-content:center; align-items:center; padding:0 15px; min-width:100px; height:38px; border-radius:5px; background-color:#2b3395; overflow:hidden; color:#fff; font-size:15px;}
.header .head .xq a img{ display:block; margin-right:7px; height:18px;}
.header .head .xq a:hover{ background-color:#79cd1e;}
.header .head .ss{ float:right; margin:31px 15px; border:1px solid #cacaca; border-radius:5px;}
.header .head .ss .emptyInput{ width:256px; float:left; display:block; font-size:14px; height:36px; line-height:36px; text-indent:11px;}
.header .head .ss .btn-search{ width:36px; height:36px; float:right; cursor:pointer; background-color:transparent;}
.header .head .ss .btn-search img{ display:block; height:14px; margin:11px auto;}

.menu{ width:100%; background-color:#2b3395;}
.menu .box{ width:94%; margin:auto;}
.menu .box .bt,.menu .box .ser,.menu .box .yu,.menu .box .mask{ display:none;}
.menu .box .sav{ display:block; width:100%; position:relative; padding:8px 0;}
.menu .box .sav>li{ width:16.66%; float:left; text-align:center; height:38px;}
.menu .box .sav>li>a{ width:100%; font-size:15px; line-height:38px; height:38px; text-align:center; overflow:hidden; position:relative; z-index:1; display:block; color:#fff; text-transform:capitalize;}
.menu .box .sav>li>a.on{ font-weight:bold; color:#79cd1e;}
.menu .box .sav>li:hover>a{ font-weight:bold;}
.menu .box .sav>li>a:before{ width:1px; height:18px; display:block; content:''; position:absolute; right:0; top:10px; background-color:#fff;}
.menu .box .sav>li:last-child{ display:none;}
.menu .box .sav>li:nth-child(6n) a:before{ display:none;}
.menu .box .sav>li b{ display:none;}
.menu .box .sav>li .er{ width:100%; position:absolute; left:0; top:46px; background-color:rgba(43,51,149,.9); text-align:center; padding:25px 10px; padding-bottom:0; z-index:9; display:none; box-sizing:border-box;}
.menu .box .sav>li:hover .er{ display:block;}
.menu .box .sav>li .er li{ display:inline-block; margin:20px 10px; margin-top:0;}
.menu .box .sav>li .er li strong{ height:80px; display:flex; align-items:center; width:120px; overflow:hidden;}
.menu .box .sav>li .er li strong img{ display:block; max-width:100%; max-height:80px; margin:auto;}
.menu .box .sav>li .er li p{ display:block; font-size:14px; line-height:24px; margin-top:6px; color:#fff;}
.menu .box .sav>li .er li:hover p{ color:#79cd1e;}
}
@media only screen and (max-width: 1023px){
.header{ width:100%; background-color:#fff; position:relative; z-index:1;}
.header .bg{ display:none;}
.header .thead{ display:none;}

.header .head{ width:94%; margin:auto; position:relative; z-index:1;}
.header .head .logo{ height:30px; float:left; padding:15px 0;}
.header .head .logo img{ display:block; height:30px;}
.header .head .logo img.img01{ display:none;}
.header .head .xq{ display:none;}
.header .head .ss{ display:none;}
.header .head .navBtn{ position:relative; float:right; display:block; width:28px; height:60px; cursor:pointer;}
.header .head .navBtn span{ display:block; width:100%; height:2px; background-color:#333; position:absolute; left:0; top:calc((100% - 2px) / 2); transition:all .3s;}
.header .head .navBtn span:nth-child(1){ transform:translateY(9px) rotate(0deg);}
.header .head .navBtn span:nth-child(3){ transform:translateY(-9px) rotate(0deg);}
.header .head .navBtn.active span:nth-child(1){ transform:translateY(0) rotate(45deg);}
.header .head .navBtn.active span:nth-child(3){ transform:translateY(0) rotate(-45deg);}
.header .head .navBtn.active span:nth-child(2){ opacity:0;}

.menu{ width:0; height:calc(100vh - 60px); position:fixed; top:60px; right:0; z-index:97; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.menu.open{ width:100%; overflow-y:auto;}
.menu .mask{ width:100%; height:100%; position:absolute; right:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.menu .box{ width:80%; min-height:100%; background-color:#fff; position:relative; z-index:3; margin-left:20%;}
.menu .box .bt{ width:100%; text-align:center; font-size:14px; height:44px; line-height:44px; border-bottom:1px solid #eee;}
.menu .box .ser{ margin:20px; background-color:#f7f7f7; position:relative;}
.menu .box .ser .emptyInput{ width:calc(100% - 38px); display:block; float:left; text-indent:10px; overflow:hidden; background-color:transparent; font-size:14px; height:38px; line-height:38px;}
.menu .box .ser .btn-search{ width:38px; height:38px; display:block; float:left; cursor:pointer; background-color:transparent;}
.menu .box .ser .btn-search img{ display:block; height:18px; margin:10px;}
.menu .box .sav{ margin:0 20px;}
.menu .box .sav>li{ display:block; padding:5px 0; position:relative;}
.menu .box .sav>li>a{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden; text-transform:capitalize;}
.menu .box .sav>li>a.on{ color:#2b3395;}
.menu .box .sav>li>a.xz{ color:#2b3395;}
.menu .box .sav>li>b{ display:block; width:16px; height:16px; position:absolute; right:0; top:9px;}
.menu .box .sav>li>b img{ height:16px; display:block;}
.menu .box .sav>li>ul{ padding-left:15px; display:none; overflow:hidden;}
.menu .box .sav>li>ul>li{ display:block;}
.menu .box .sav>li>ul>li>a{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden; color:#666;}
.menu .box .sav>li>ul>li>a img{ display:none;}
.menu .box .sav>li>ul>li>a.sen_x p{ color:#2b3395;}
.menu .box .yu{ padding:0 20px; border-top:1px solid #eee; margin-top:20px; display:block;}
.menu .box .yu>li{ display:block; padding:20px 0; position:relative;}
.menu .box .yu>li>a{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden;}
.menu .box .yu>li>b{ display:block; width:16px; height:16px; position:absolute; right:0; top:24px;}
.menu .box .yu>li>b img{ height:16px; display:block;}
.menu .box .yu>li>ul{ padding-left:15px; display:none; overflow:hidden;}
.menu .box .yu>li>ul>li{ display:block; padding-top:5px;}
.menu .box .yu>li>ul>li>a{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden; color:#666;}
.menu .box .yu>li>ul>li>a.on{ color:#2b3395;}
.menu .box .yu>li>ul>li>a img{ display:block; height:11px; margin-right:6px; margin-top:7px; float:left;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-container .swiper-slide{ width:100%; height:640px; display:block; position:relative; overflow:hidden;}
.banner .swiper-container .swiper-slide img{ display:block; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.banner .swiper-container .swiper-slide img.mobile{ display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:20px; z-index:3;}
.banner .swiper-pagination span{ display:block; overflow:hidden; float:left; margin:0 5px; width:10px; height:10px; cursor:pointer; background-color:rgba(255,255,255,.7); border-radius:100%;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#79cb20;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-container .swiper-slide{ width:100%; height:49.8vw; display:block; position:relative; overflow:hidden;}
.banner .swiper-container .swiper-slide img{ display:block; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.banner .swiper-container .swiper-slide img.mobile{ display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:20px; z-index:3;}
.banner .swiper-pagination span{ display:block; overflow:hidden; float:left; margin:0 5px; width:10px; height:10px; cursor:pointer; background-color:rgba(255,255,255,.7); border-radius:100%;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#79cb20;}
}
@media only screen and (max-width: 1023px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-container .swiper-slide{ width:100%; height:49.8vw; display:block; position:relative; overflow:hidden;}
.banner .swiper-container .swiper-slide img{ display:block; width:100%;}
.banner .swiper-container .swiper-slide img.pc{ display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:15px; z-index:3;}
.banner .swiper-pagination span{ display:block; overflow:hidden; float:left; margin:0 5px; width:10px; height:10px; cursor:pointer; background-color:rgba(255,255,255,.7); border-radius:100%;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#79cb20;}
}

/*公司简介*/
@media screen and (min-width:1280px){
.abox{ width:100%; padding:70px 0; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:670px; float:left; position:relative; z-index:3;}
.abox .box .left .w01{ width:100%; margin-top:-10px;}
.abox .box .left .w01 b{ font-size:54px; line-height:60px; height:60px; text-transform:uppercase; display:block; font-family:Georgia, "Times New Roman", Times, serif;}
.abox .box .left .w01 p{ font-size:30px; line-height:40px; margin-top:1px; display:block;}
.abox .box .left .w01 span{ display:block; width:40px; height:4px; overflow:hidden; background-color:#2b3395; overflow:hidden; margin-top:15px;}
.abox .box .left .w02{ width:100%; font-size:24px; line-height:34px; margin-top:25px; font-weight:bold;}
.abox .box .left .w02 a:hover{ color:#2b3395;}
.abox .box .left .w03{ width:100%; font-size:14px; line-height:30px; height:150px; margin-top:7px;}
.abox .box .left .w04{ margin-top:32px;}
.abox .box .left .w04 a{ display:block; width:120px; padding:0 14px; height:38px; line-height:38px; border:1px solid #2b3395; font-size:14px; color:#2b3395; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; overflow:hidden;}
.abox .box .left .w04 a img{ display:block; height:8px; float:right; margin-top:15px;}
.abox .box .left .w04 a:hover{ background-color:#2b3395; color:#fff; width:110px; padding:0 19px;}
.abox .box .left .w04 a:hover img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.abox .box .left .w05{ width:820px; height:140px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); margin-top:50px; display:flex; align-items:center;}
.abox .box .left .w05 dt{ display:block; text-align:center; flex:1;}
.abox .box .left .w05 dt p{ display:block; font-size:40px; line-height:42px; height:42px; overflow:hidden; color:#2b3395;}
.abox .box .left .w05 dt span{ display:block; font-size:14px; line-height:24px; color:#333; padding:0 20px; margin-top:5px;}
.abox .box .left .w05 dd{ display:block; width:1px; height:80px; background-color:#eee; overflow:hidden;}
.abox .box .right{ width:460px; overflow:hidden; float:right; position:relative; z-index:1;}
.abox .box .right a{ width:100%; padding-top:640px; display:block; position:relative; overflow:hidden;}
.abox .box .right a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.abox{ width:100%; padding:55px 0; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:calc(97% - 388px); float:left; position:relative; z-index:3;}
.abox .box .left .w01{ width:100%; margin-top:-10px;}
.abox .box .left .w01 b{ font-size:44px; line-height:50px; height:50px; text-transform:uppercase; display:block; font-family:Georgia, "Times New Roman", Times, serif;}
.abox .box .left .w01 p{ font-size:24px; line-height:34px; display:block;}
.abox .box .left .w01 span{ display:block; width:30px; height:3px; overflow:hidden; background-color:#2b3395; overflow:hidden; margin-top:8px;}
.abox .box .left .w02{ width:100%; font-size:20px; line-height:30px; margin-top:20px; font-weight:bold;}
.abox .box .left .w02 a:hover{ color:#2b3395;}
.abox .box .left .w03{ width:100%; font-size:14px; line-height:30px; height:150px; margin-top:2px;}
.abox .box .left .w04{ margin-top:20px;}
.abox .box .left .w04 a{ display:block; width:110px; padding:0 14px; height:36px; line-height:36px; border:1px solid #2b3395; font-size:14px; color:#2b3395; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; overflow:hidden;}
.abox .box .left .w04 a img{ display:block; height:8px; float:right; margin-top:14px;}
.abox .box .left .w04 a:hover{ background-color:#2b3395; color:#fff; width:100px; padding:0 19px;}
.abox .box .left .w04 a:hover img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.abox .box .left .w05{ width:123%; height:120px; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); margin-top:35px; display:flex; align-items:center;}
.abox .box .left .w05 dt{ display:block; text-align:center; flex:1;}
.abox .box .left .w05 dt p{ display:block; font-size:34px; line-height:34px; height:34px; overflow:hidden; color:#003591;}
.abox .box .left .w05 dt span{ display:block; font-size:14px; line-height:24px; color:#333; padding:0 15px; margin-top:4px;}
.abox .box .left .w05 dd{ display:block; width:1px; height:70px; background-color:#eee; overflow:hidden;}
.abox .box .right{ width:388px; overflow:hidden; float:right; position:relative; z-index:1;}
.abox .box .right a{ width:100%; padding-top:540px; display:block; position:relative; overflow:hidden;}
.abox .box .right a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
}
@media only screen and (max-width:1023px){
.abox{ width:100%; padding:40px 0; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:94%; margin:auto; position:relative; z-index:3; padding-bottom:30px;}
.abox .box .left{ width:100%; float:left; position:relative; z-index:3;}
.abox .box .left .w01{ width:100%; margin-top:-5px;}
.abox .box .left .w01 b{ font-size:34px; line-height:34px; height:34px; text-transform:uppercase; display:block; font-family:Georgia, "Times New Roman", Times, serif;}
.abox .box .left .w01 p{ font-size:20px; line-height:30px; display:block;}
.abox .box .left .w01 span{ display:block; width:20px; height:2px; overflow:hidden; background-color:#2b3395; overflow:hidden; margin-top:4px;}
.abox .box .left .w02{ width:100%; font-size:16px; line-height:26px; margin-top:15px; font-weight:bold;}
.abox .box .left .w02 a:hover{ color:#2b3395;}
.abox .box .left .w03{ width:100%; font-size:14px; line-height:24px; height:168px; margin-top:5px;}
.abox .box .left .w04{ margin-top:15px;}
.abox .box .left .w04 a{ display:block; width:100px; padding:0 9px; height:34px; line-height:34px; border:1px solid #2b3395; font-size:14px; color:#2b3395; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; overflow:hidden;}
.abox .box .left .w04 a img{ display:block; height:8px; float:right; margin-top:13px;}
.abox .box .left .w04 a:hover{ background-color:#2b3395; color:#fff; width:90px; padding:0 14px;}
.abox .box .left .w04 a:hover img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.abox .box .left .w05{ width:50%; padding:15px; min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; box-sizing:border-box; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); margin-top:20px;}
.abox .box .left .w05 dt{ display:block; text-align:center; padding:10px 0;}
.abox .box .left .w05 dt p{ display:block; font-size:28px; line-height:28px; height:28px; overflow:hidden; color:#003591;}
.abox .box .left .w05 dt p a{ font-size:14px;}
.abox .box .left .w05 dt span{ display:block; font-size:14px; line-height:24px; color:#333;}
.abox .box .left .w05 dd{ display:none;}
.abox .box .right{ width:244px; overflow:hidden; float:right; position:absolute; right:0; bottom:0; z-index:1;}
.abox .box .right a{ width:100%; padding-top:340px; display:block; position:relative; overflow:hidden;}
.abox .box .right a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
}

/*产品中心*/
@media screen and (min-width:1280px){
.title{ width:1200px; margin:auto; position:relative; z-index:3; padding-top:26px; text-align:center;}
.title b{ width:100%; font-size:54px; line-height:60px; height:60px; text-transform:uppercase; display:block; font-family:Georgia, "Times New Roman", Times, serif; position:absolute; left:0; top:0; z-index:1; opacity:.1;}
.title p{ font-size:30px; line-height:40px; display:block; position:relative; z-index:3; text-transform:capitalize;}
.title span{ display:block; width:40px; height:4px; overflow:hidden; background-color:#2b3395; overflow:hidden; margin:30px auto; margin-top:10px;}
.title a{ display:block; position:absolute; right:0; bottom:20px; font-size:14px; line-height:18px; height:18px; overflow:hidden;}
.title a img{ display:block; float:left; height:18px; margin-right:10px;}
.title a:hover{ color:#2b3395;}
.title a:hover img{ filter:drop-shadow(#2b3395 10000px 0); transform:translateX(-10000px);}

.pbox{ width:100%; padding-top:60px; padding-bottom:70px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:#2b3395; opacity:.9;} 
.pbox .title p,.pbox .title b,.pbox .title a{ color:#fff;}
.pbox .title span{ background-color:#fff;}
.pbox .title a img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.pbox .title a:hover{ color:#79cb20;}
.pbox .title a:hover img{ filter:drop-shadow(#79cb20 10000px 0); transform:translateX(-10000px);}
.pbox .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.pbox .box .left{ width:300px; height:540px; float:left; background-color:#f4f5ff;}
.pbox .box .left .top{ width:100%; height:100px; background-image:url(../images/pt_27.jpg); background-position:right bottom; background-repeat:no-repeat; display:flex; flex-direction:column; justify-content:center; box-sizing:border-box; padding:0 30px;}
.pbox .box .left .top span{ display:block; font-size:24px; line-height:34px; color:#fff;}
.pbox .box .left .top p{ display:block; font-size:16px; line-height:26px; color:#fff;}
.pbox .box .left .bot{ padding:20px 30px;}
.pbox .box .left .bot a{ display:block; padding-left:20px; padding-right:38px; height:40px; line-height:40px; overflow:hidden; border-radius:40px; position:relative;}
.pbox .box .left .bot a:hover{ background-color:#2b3395; color:#fff;}
.pbox .box .left .bot a:hover b{ display:block; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:0; height:0; border-left:5px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent;}
.pbox .box .right{ width:900px; height:540px; float:left; background-color:#fff;}
.pbox .box .right .list{ width:100%; display:block; overflow:hidden;}
.pbox .box .right .list li{ width:50%; height:270px; display:block; float:left; border-bottom:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box;}
.pbox .box .right .list li:nth-child(3),.pbox .box .right .list li:nth-child(4){ border-bottom:none;}
.pbox .box .right .list li:nth-child(2),.pbox .box .right .list li:nth-child(4){ border-right:none;}
.pbox .box .right .list li a{ width:100%; height:100%; box-sizing:border-box; padding:30px; display:block; overflow:hidden; position:relative;}
.pbox .box .right .list li a .tu{ width:100%;}
.pbox .box .right .list li a .tu img{ display:block; max-height:180px; max-width:100%; float:right;}
.pbox .box .right .list li a .wen{ position:absolute; left:30px; bottom:25px;}
.pbox .box .right .list li a .wen .w01{ font-size:20px; line-height:30px;}
.pbox .box .right .list li a:hover .wen .w01{ color:#2b3395;}
.pbox .box .right .list li a .wen .w02{ font-size:14px; line-height:24px; color:#666; text-overflow:ellipsis; white-space:nowrap;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.title{ width:94%; margin:auto; position:relative; z-index:3; padding-top:21px; text-align:center;}
.title b{ width:100%; font-size:44px; line-height:50px; height:50px; text-transform:uppercase; display:block; font-family:Georgia, "Times New Roman", Times, serif; position:absolute; left:0; top:0; z-index:1; opacity:.1;}
.title p{ font-size:24px; line-height:34px; display:block; position:relative; z-index:3; text-transform:capitalize;}
.title span{ display:block; width:30px; height:3px; overflow:hidden; background-color:#2b3395; overflow:hidden; margin:25px auto; margin-top:7px;}
.title a{ display:block; position:absolute; right:0; bottom:15px; font-size:14px; line-height:18px; height:18px; overflow:hidden;}
.title a img{ display:block; float:left; height:18px; margin-right:7px;}
.title a:hover{ color:#2b3395;}
.title a:hover img{ filter:drop-shadow(#2b3395 10000px 0); transform:translateX(-10000px);}

.pbox{ width:100%; padding-top:45px; padding-bottom:55px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:#2b3395; opacity:.9;} 
.pbox .title p,.pbox .title b,.pbox .title a{ color:#fff;}
.pbox .title span{ background-color:#fff;}
.pbox .title a img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.pbox .title a:hover{ color:#79cb20;}
.pbox .title a:hover img{ filter:drop-shadow(#79cb20 10000px 0); transform:translateX(-10000px);}
.pbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.pbox .box .left{ width:260px; height:500px; float:left; background-color:#f4f5ff;}
.pbox .box .left .top{ width:100%; height:80px; background-image:url(../images/pt_27.jpg); background-position:right bottom; background-repeat:no-repeat; display:flex; flex-direction:column; justify-content:center; box-sizing:border-box; padding:0 25px;}
.pbox .box .left .top span{ display:block; font-size:20px; line-height:30px; color:#fff;}
.pbox .box .left .top p{ display:block; font-size:15px; line-height:25px; color:#fff;}
.pbox .box .left .bot{ padding:20px 25px;}
.pbox .box .left .bot a{ display:block; padding-left:15px; padding-right:30px; height:38px; line-height:38px; overflow:hidden; border-radius:40px; position:relative;}
.pbox .box .left .bot a:hover{ background-color:#2b3395; color:#fff;}
.pbox .box .left .bot a:hover b{ display:block; position:absolute; right:15px; top:50%; transform:translateY(-50%); width:0; height:0; border-left:5px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent;}
.pbox .box .right{ width:calc(100% - 260px); height:500px; float:left; background-color:#fff;}
.pbox .box .right .list{ width:100%; display:block; overflow:hidden;}
.pbox .box .right .list li{ width:50%; height:250px; display:block; float:left; border-bottom:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box;}
.pbox .box .right .list li:nth-child(3),.pbox .box .right .list li:nth-child(4){ border-bottom:none;}
.pbox .box .right .list li:nth-child(2),.pbox .box .right .list li:nth-child(4){ border-right:none;}
.pbox .box .right .list li a{ width:100%; height:100%; box-sizing:border-box; padding:25px 20px; display:block; overflow:hidden; position:relative;}
.pbox .box .right .list li a .tu{ width:100%;}
.pbox .box .right .list li a .tu img{ display:block; max-height:150px; max-width:100%; float:right;}
.pbox .box .right .list li a .wen{ position:absolute; left:25px; bottom:20px;}
.pbox .box .right .list li a .wen .w01{ font-size:18px; line-height:28px;}
.pbox .box .right .list li a:hover .wen .w01{ color:#2b3395;}
.pbox .box .right .list li a .wen .w02{ font-size:14px; line-height:24px; color:#666; text-overflow:ellipsis; white-space:nowrap;}
}
@media only screen and (max-width:1023px){
.title{ width:94%; margin:auto; position:relative; z-index:3; padding-top:13px; text-align:center;}
.title b{ width:100%; font-size:34px; line-height:34px; height:34px; text-transform:uppercase; display:block; font-family:Georgia, "Times New Roman", Times, serif; position:absolute; left:0; top:0; z-index:1; opacity:.1;}
.title p{ font-size:20px; line-height:30px; display:block; position:relative; z-index:3; text-transform:capitalize;}
.title span{ display:block; width:20px; height:2px; overflow:hidden; background-color:#2b3395; overflow:hidden; margin:20px auto; margin-top:5px;}
.title a{ display:block; position:absolute; right:0; bottom:10px; font-size:14px; line-height:18px; height:18px; overflow:hidden;}
.title a img{ display:block; float:left; height:18px; margin-right:4px;}
.title a:hover{ color:#2b3395;}
.title a:hover img{ filter:drop-shadow(#2b3395 10000px 0); transform:translateX(-10000px);}

.pbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:#2b3395; opacity:.9;} 
.pbox .title p,.pbox .title b,.pbox .title a{ color:#fff;}
.pbox .title span{ background-color:#fff;}
.pbox .title a img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.pbox .title a:hover{ color:#79cb20;}
.pbox .title a:hover img{ filter:drop-shadow(#79cb20 10000px 0); transform:translateX(-10000px);}
.pbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.pbox .box .left{ width:100%; float:left; background-color:#f4f5ff;}
.pbox .box .left .top{ width:100%; background-image:url(../images/pt_27.jpg); background-position:right bottom; background-repeat:no-repeat; display:flex; flex-direction:column; justify-content:center; background-color:#2b3395; box-sizing:border-box; padding:15px;}
.pbox .box .left .top span{ display:block; font-size:16px; line-height:26px; color:#fff;}
.pbox .box .left .top p{ display:block; font-size:14px; line-height:24px; color:#fff;}
.pbox .box .left .bot{ padding:10px 15px;}
.pbox .box .left .bot a{ width:48.5%; box-sizing:border-box; float:left; display:block; padding-left:15px; padding-right:30px; height:36px; line-height:36px; overflow:hidden; border-radius:40px; position:relative;}
.pbox .box .left .bot a::nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .left .bot a:hover{ background-color:#2b3395; color:#fff;}
.pbox .box .left .bot a:hover b{ display:block; position:absolute; right:15px; top:50%; transform:translateY(-50%); width:0; height:0; border-left:5px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent;}
.pbox .box .right{ width:100%; float:left; background-color:#fff;}
.pbox .box .right .list{ width:100%; display:flex; flex-wrap:wrap; overflow:hidden;}
.pbox .box .right .list li{ width:50%; display:block; float:left; border-bottom:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box;}
.pbox .box .right .list li:nth-child(3),.pbox .box .right .list li:nth-child(4){ border-bottom:none;}
.pbox .box .right .list li:nth-child(2),.pbox .box .right .list li:nth-child(4){ border-right:none;}
.pbox .box .right .list li a{ width:100%; height:100%; box-sizing:border-box; padding:15px; display:block; overflow:hidden; position:relative;}
.pbox .box .right .list li a .tu{ width:100%; padding:5px 0;}
.pbox .box .right .list li a .tu img{ display:block; max-height:150px; max-width:100%; float:right;}
.pbox .box .right .list li a .wen{ width:100%;}
.pbox .box .right .list li a .wen .w01{ font-size:16px; line-height:26px;}
.pbox .box .right .list li a:hover .wen .w01{ color:#2b3395;}
.pbox .box .right .list li a .wen .w02{ font-size:14px; line-height:24px; color:#666; text-overflow:ellipsis; white-space:nowrap;}
}

/*行业应用方案*/
@media screen and (min-width:1280px){
.hbox{ width:100%; padding-top:60px; padding-bottom:40px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.hbox .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.hbox .box .gallery-top{ width:100%;}
.hbox .box .gallery-top .swiper-slide{ width:100%; display:block; overflow:hidden;}
.hbox .box .gallery-top .swiper-slide a{ width:100%; padding-top:450px; display:block; position:relative; overflow:hidden;}
.hbox .box .gallery-top .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.hbox .box .gallery-top .swiper-slide img.img02{ display:none;}
.hbox .box .gallery-top .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:rgba(0,0,0,.7); position:absolute; top:50%; margin-top:-20px; z-index:9; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat;}
.hbox .box .gallery-top .swiper-button-prev{ left:30px; background-image:url(../images/prev.png);}
.hbox .box .gallery-top .swiper-button-next{ right:30px; background-image:url(../images/next.png);}
.hbox .box .gallery-top .swiper-button-white:hover{ background-color:#2b3395;}
.hbox .box .gallery-thumbs{ width:100%; padding:30px 20px; margin-left:-20px; margin-top:-30px; z-index:3;}
.hbox .box .gallery-thumbs .swiper-slide{ width:200px; height:110px; background-color:#eee; padding-right:1px; box-sizing:border-box; display:block; position:relative;}
.hbox .box .gallery-thumbs .swiper-slide .top{ background-color:#fff; width:100%; height:100%; position:relative; z-index:1;}
.hbox .box .gallery-thumbs .swiper-slide .top strong{ width:100%; display:block; height:40px; padding-top:20px;}
.hbox .box .gallery-thumbs .swiper-slide .top strong img{ display:block; height:40px; margin:auto;}
.hbox .box .gallery-thumbs .swiper-slide .top p{ text-align:center; font-size:16px; line-height:26px; height:26px; overflow:hidden; margin-top:10px;}
.hbox .box .gallery-thumbs .swiper-slide .bot{ width:240px; height:170px; background-color:#2b3395; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; opacity:0; padding:0 20px; box-sizing:border-box;}
.hbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bot{ opacity:1;}
.hbox .box .gallery-thumbs .swiper-slide .bot strong{ width:100%; display:block; height:40px; padding-top:25px;}
.hbox .box .gallery-thumbs .swiper-slide .bot strong img{ display:block; height:40px; margin:auto; filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.hbox .box .gallery-thumbs .swiper-slide .bot p{ text-align:center; font-size:16px; line-height:26px; height:26px; overflow:hidden; margin-top:10px; color:#fff;}
.hbox .box .gallery-thumbs .swiper-slide .bot span{ width:100%; display:block; height:30px; padding-top:15px;}
.hbox .box .gallery-thumbs .swiper-slide .bot span img{ display:block; height:30px; margin:auto;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.hbox{ width:100%; padding-top:45px; padding-bottom:35px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.hbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.hbox .box .gallery-top{ width:100%;}
.hbox .box .gallery-top .swiper-slide{ width:100%; display:block; overflow:hidden;}
.hbox .box .gallery-top .swiper-slide a{ width:100%; padding-top:37.5%; display:block; position:relative; overflow:hidden;}
.hbox .box .gallery-top .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.hbox .box .gallery-top .swiper-slide img.img02{ display:none;}
.hbox .box .gallery-top .swiper-button-white{ width:38px; height:38px; border-radius:100%; background-color:rgba(0,0,0,.7); position:absolute; top:50%; margin-top:-19px; z-index:9; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat;}
.hbox .box .gallery-top .swiper-button-prev{ left:25px; background-image:url(../images/prev.png);}
.hbox .box .gallery-top .swiper-button-next{ right:25px; background-image:url(../images/next.png);}
.hbox .box .gallery-top .swiper-button-white:hover{ background-color:#2b3395;}
.hbox .box .gallery-thumbs{ width:100%; padding:20px 0; margin-top:-20px; z-index:3;}
.hbox .box .gallery-thumbs .swiper-slide{ width:25%; height:100px; background-color:#eee; padding-right:1px; box-sizing:border-box; display:block; position:relative;}
.hbox .box .gallery-thumbs .swiper-slide .top{ background-color:#fff; width:100%; height:100%; position:relative; z-index:1;}
.hbox .box .gallery-thumbs .swiper-slide .top strong{ width:100%; display:block; height:40px; padding-top:15px;}
.hbox .box .gallery-thumbs .swiper-slide .top strong img{ display:block; height:40px; margin:auto;}
.hbox .box .gallery-thumbs .swiper-slide .top p{ text-align:center; font-size:16px; line-height:25px; height:25px; overflow:hidden; margin-top:10px;}
.hbox .box .gallery-thumbs .swiper-slide .bot{ width:100%; height:150px; background-color:#2b3395; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; opacity:0; padding:0 15px; box-sizing:border-box;}
.hbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bot{ opacity:1;}
.hbox .box .gallery-thumbs .swiper-slide .bot strong{ width:100%; display:block; height:40px; padding-top:20px;}
.hbox .box .gallery-thumbs .swiper-slide .bot strong img{ display:block; height:40px; margin:auto; filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.hbox .box .gallery-thumbs .swiper-slide .bot p{ text-align:center; font-size:15px; line-height:25px; height:25px; overflow:hidden; margin-top:8px; color:#fff;}
.hbox .box .gallery-thumbs .swiper-slide .bot span{ width:100%; display:block; height:30px; padding-top:10px;}
.hbox .box .gallery-thumbs .swiper-slide .bot span img{ display:block; height:30px; margin:auto;}
}
@media only screen and (max-width:1023px){
.hbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.hbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.hbox .box .gallery-top{ width:100%;}
.hbox .box .gallery-top .swiper-slide{ width:100%; display:block; overflow:hidden;}
.hbox .box .gallery-top .swiper-slide a{ width:100%; padding-top:60%; display:block; position:relative; overflow:hidden;}
.hbox .box .gallery-top .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.hbox .box .gallery-top .swiper-slide img.img01{ display:none;}
.hbox .box .gallery-top .swiper-button-white{ width:36px; height:36px; border-radius:100%; background-color:rgba(0,0,0,.7); position:absolute; top:50%; margin-top:-18px; z-index:9; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat;}
.hbox .box .gallery-top .swiper-button-prev{ left:15px; background-image:url(../images/prev.png);}
.hbox .box .gallery-top .swiper-button-next{ right:15px; background-image:url(../images/next.png);}
.hbox .box .gallery-top .swiper-button-white:hover{ background-color:#2b3395;}
.hbox .box .gallery-thumbs{ width:100%; z-index:3;}
.hbox .box .gallery-thumbs .swiper-slide{ width:50%; height:100px; background-color:#eee; padding-right:1px; box-sizing:border-box; display:block; position:relative;}
.hbox .box .gallery-thumbs .swiper-slide .top{ background-color:#fff; width:100%; height:100%; position:relative; z-index:1;}
.hbox .box .gallery-thumbs .swiper-slide .top strong{ width:100%; display:block; height:40px; padding-top:18px;}
.hbox .box .gallery-thumbs .swiper-slide .top strong img{ display:block; height:40px; margin:auto;}
.hbox .box .gallery-thumbs .swiper-slide .top p{ text-align:center; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-top:5px;}
.hbox .box .gallery-thumbs .swiper-slide .bot{ width:100%; height:100%; background-color:#2b3395; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; opacity:0; padding:0 10px; box-sizing:border-box;}
.hbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bot{ opacity:1;}
.hbox .box .gallery-thumbs .swiper-slide .bot strong{ width:100%; display:block; height:40px; padding-top:18px;}
.hbox .box .gallery-thumbs .swiper-slide .bot strong img{ display:block; height:40px; margin:auto; filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.hbox .box .gallery-thumbs .swiper-slide .bot p{ text-align:center; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-top:5px; color:#fff;}
.hbox .box .gallery-thumbs .swiper-slide .bot span{ display:none;}
}

/*案例展示*/
@media screen and (min-width:1280px){
.cbox{ width:100%; padding-top:60px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.cbox .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.cbox .box .swiper-slide{ display:block; overflow:hidden;}
.cbox .box .swiper-slide .w01{ width:100%; position:relative;}
.cbox .box .swiper-slide .w01:before{ width:100%; padding-top:280px; display:block; content:''; overflow:hidden;}
.cbox .box .swiper-slide .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.cbox .box .swiper-slide .w02{ width:100%; margin-top:15px; font-size:16px; line-height:24px; height:24px; color:#666;}
.cbox .box .swiper-slide .w03{ width:100%; margin-top:5px; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box .swiper-slide .w03:hover{ color:#2b3395;}
.cbox .box .swiper-slide .w04{ width:50px; margin-top:10px; height:2px; background-color:#333;}
.cbox .box .swiper-slide .w05{ width:100%; margin-top:15px; font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.cbox .box .swiper-slide .w06{ width:100px; border-bottom:1px solid #ddd; font-size:14px; height:38px; line-height:38px; text-align:center;}
.cbox .box .swiper-slide .w06:hover{ border-bottom:1px solid #2b3395; color:#2b3395;}
.cbox .swiper-pagination{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:30px;}
.cbox .swiper-pagination span{ display:block; overflow:hidden; float:left; margin:0 5px; width:10px; height:10px; cursor:pointer; background-color:#999; border-radius:10px;}
.cbox .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#2b3395;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.cbox{ width:100%; padding-top:45px; padding-bottom:55px; position:relative; z-index:1; background-color:#fff;}
.cbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.cbox .box .swiper-slide{ display:block; overflow:hidden;}
.cbox .box .swiper-slide .w01{ width:100%; position:relative;}
.cbox .box .swiper-slide .w01:before{ width:100%; padding-top:73.68%; display:block; content:''; overflow:hidden;}
.cbox .box .swiper-slide .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.cbox .box .swiper-slide .w02{ width:100%; margin-top:13px; font-size:15px; line-height:23px; height:23px; color:#666;}
.cbox .box .swiper-slide .w03{ width:100%; margin-top:5px; font-size:17px; line-height:27px; height:27px; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box .swiper-slide .w03:hover{ color:#2b3395;}
.cbox .box .swiper-slide .w04{ width:40px; margin-top:10px; height:2px; background-color:#333;}
.cbox .box .swiper-slide .w05{ width:100%; margin-top:10px; font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.cbox .box .swiper-slide .w06{ width:100px; border-bottom:1px solid #ddd; font-size:14px; height:36px; line-height:36px; text-align:center;}
.cbox .box .swiper-slide .w06:hover{ border-bottom:1px solid #2b3395; color:#2b3395;}
.cbox .swiper-pagination{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:25px;}
.cbox .swiper-pagination span{ display:block; overflow:hidden; float:left; margin:0 5px; width:10px; height:10px; cursor:pointer; background-color:#999; border-radius:10px;}
.cbox .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; background-color:#2b3395;}
}
@media only screen and (max-width:1023px){
.cbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.cbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.cbox .box .swiper-slide{ display:block; overflow:hidden;}
.cbox .box .swiper-slide .w01{ width:100%; position:relative;}
.cbox .box .swiper-slide .w01:before{ width:100%; padding-top:73.68%; display:block; content:''; overflow:hidden;}
.cbox .box .swiper-slide .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.cbox .box .swiper-slide .w02{ width:100%; margin-top:10px; font-size:14px; line-height:22px; height:22px; color:#666;}
.cbox .box .swiper-slide .w03{ width:100%; margin-top:1px; font-size:16px; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box .swiper-slide .w03:hover{ color:#2b3395;}
.cbox .box .swiper-slide .w04{ width:30px; margin-top:7px; height:2px; background-color:#333;}
.cbox .box .swiper-slide .w05{ width:100%; margin-top:10px; font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.cbox .box .swiper-slide .w06{ width:100px; border-bottom:1px solid #ddd; font-size:14px; height:34px; line-height:34px; text-align:center;}
.cbox .box .swiper-slide .w06:hover{ border-bottom:1px solid #2b3395; color:#2b3395;}
.cbox .swiper-pagination{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:20px;}
.cbox .swiper-pagination span{ display:block; overflow:hidden; float:left; margin:0 5px; width:10px; height:10px; cursor:pointer; background-color:#999; border-radius:10px;}
.cbox .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background-color:#2b3395;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.lbox{ width:100%; padding-top:60px; padding-bottom:70px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.lbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:#2b3395; opacity:.9;} 
.lbox .title p,.lbox .title b,.lbox .title a{ color:#fff;}
.lbox .title span{ background-color:#fff;}
.lbox .title a img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.lbox .title a:hover{ color:#79cb20;}
.lbox .title a:hover img{ filter:drop-shadow(#79cb20 10000px 0); transform:translateX(-10000px);}
.lbox .list{ width:1200px; margin:auto; position:relative; z-index:3; padding-bottom:30px;}
.lbox .list a{ width:200px; padding:0 20px; box-sizing:border-box; display:block; float:left; text-align:center; overflow:hidden; margin-bottom:25px;}
.lbox .list a:nth-child(6n+1){ clear:left; float:left;}
.lbox .list a strong{ width:100px; height:100px; border-radius:100%; margin:auto; background-color:rgba(255,255,255,.3); display:flex; align-items:center;}
.lbox .list a strong img{ max-height:54px; max-width:54px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.lbox .list a:hover strong img{ -webkit-transform:rotateY(-360deg);}
.lbox .list a span{ display:block; font-size:18px; line-height:28px; margin-top:13px; color:#fff;}
.lbox .list a p{ display:block; font-size:14px; line-height:24px; color:#fff;}
.lbox .box{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:-80px;}
.lbox .box .left{ float:left; width:700px;}
.lbox .box .left .item{ width:300px; margin-right:50px; margin-top:75px; float:left;}
.lbox .box .left .item span{ display:block; font-size:14px; line-height:24px; color:#fff;}
.lbox .box .left .item p{ display:block; border-bottom:1px solid #fff; overflow:hidden; margin-top:-4px;}
.lbox .box .left .item p input{ width:100%; height:34px; line-height:34px; font-size:14px; display:block; overflow:hidden; color:#fff; background-color:transparent;}
.lbox .box .right{ float:left; width:500px; margin-top:75px;}
.lbox .box .right .item{ width:100%;}
.lbox .box .right .item span{ display:block; font-size:14px; line-height:24px; color:#fff;}
.lbox .box .right .item p{ display:block; border:1px solid #fff; overflow:hidden; margin-top:30px;}
.lbox .box .right .item p textarea{ width:100%; box-sizing:border-box; height:80px; padding:5px 10px; line-height:24px; font-size:14px; display:block; overflow:hidden; color:#fff; background-color:transparent; font-family:inherit;}
.lbox .box .right .item a{ display:block; overflow:hidden; margin-top:10px;}
.lbox .box .right .item a input{ width:100%; height:40px; line-height:40px; text-align:center; background-color:#fff; color:#2b3395; cursor:pointer;}
.lbox .box .right .item a input:hover{ background-color:#79cb20; color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.lbox{ width:100%; padding-top:45px; padding-bottom:55px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.lbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:#2b3395; opacity:.9;} 
.lbox .title p,.lbox .title b,.lbox .title a{ color:#fff;}
.lbox .title span{ background-color:#fff;}
.lbox .title a img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.lbox .title a:hover{ color:#79cb20;}
.lbox .title a:hover img{ filter:drop-shadow(#79cb20 10000px 0); transform:translateX(-10000px);}
.lbox .list{ width:94%; margin:auto; position:relative; z-index:3; padding-bottom:20px;}
.lbox .list a{ width:16.66%; padding:0 15px; box-sizing:border-box; display:block; float:left; text-align:center; overflow:hidden; margin-bottom:15px;}
.lbox .list a:nth-child(6n+1){ clear:left; float:left;}
.lbox .list a strong{ width:90px; height:90px; border-radius:100%; margin:auto; background-color:rgba(255,255,255,.3); display:flex; align-items:center;}
.lbox .list a strong img{ max-height:46px; max-width:46px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.lbox .list a:hover strong img{ -webkit-transform:rotateY(-360deg);}
.lbox .list a span{ display:block; font-size:17px; line-height:27px; margin-top:9px; color:#fff;}
.lbox .list a p{ display:block; font-size:14px; line-height:24px; color:#fff;}
.lbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:-70px;}
.lbox .box .left{ float:left; width:65%;}
.lbox .box .left .item{ width:47%; margin-right:3%; margin-top:65px; float:left;}
.lbox .box .left .item span{ display:block; font-size:14px; line-height:24px; color:#fff;}
.lbox .box .left .item p{ display:block; border-bottom:1px solid #fff; overflow:hidden; margin-top:-4px;}
.lbox .box .left .item p input{ width:100%; height:34px; line-height:34px; font-size:14px; display:block; overflow:hidden; color:#fff; background-color:transparent;}
.lbox .box .right{ float:left; width:35%; margin-top:65px;}
.lbox .box .right .item{ width:100%;}
.lbox .box .right .item span{ display:block; font-size:14px; line-height:24px; color:#fff;}
.lbox .box .right .item p{ display:block; border:1px solid #fff; overflow:hidden; margin-top:30px;}
.lbox .box .right .item p textarea{ width:100%; box-sizing:border-box; height:73px; padding:5px 10px; line-height:24px; font-size:14px; display:block; overflow:hidden; color:#fff; background-color:transparent; font-family:inherit;}
.lbox .box .right .item a{ display:block; overflow:hidden; margin-top:8px;}
.lbox .box .right .item a input{ width:100%; height:38px; line-height:38px; text-align:center; background-color:#fff; color:#2b3395; cursor:pointer;}
.lbox .box .right .item a input:hover{ background-color:#79cb20; color:#fff;}
}
@media only screen and (max-width:1023px){
.lbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.lbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:#2b3395; opacity:.9;} 
.lbox .title p,.lbox .title b,.lbox .title a{ color:#fff;}
.lbox .title span{ background-color:#fff;}
.lbox .title a img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.lbox .title a:hover{ color:#79cb20;}
.lbox .title a:hover img{ filter:drop-shadow(#79cb20 10000px 0); transform:translateX(-10000px);}
.lbox .list{ width:94%; margin:auto; position:relative; z-index:3; padding-bottom:5px;}
.lbox .list a{ width:31.33%; margin-left:3%; display:block; float:left; text-align:center; overflow:hidden; margin-bottom:15px;}
.lbox .list a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.lbox .list a strong{ width:70px; height:70px; border-radius:100%; margin:auto; background-color:rgba(255,255,255,.3); display:flex; align-items:center;}
.lbox .list a strong img{ max-height:30px; max-width:30px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.lbox .list a:hover strong img{ -webkit-transform:rotateY(-360deg);}
.lbox .list a span{ display:block; font-size:16px; line-height:26px; margin-top:5px; color:#fff;}
.lbox .list a p{ display:block; font-size:14px; line-height:24px; color:#fff;}
.lbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:-20px;}
.lbox .box .left{ float:left; width:100%;}
.lbox .box .left .item{ width:48.5%; margin-left:3%; margin-top:15px; float:left;}
.lbox .box .left .item:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.lbox .box .left .item span{ display:block; font-size:14px; line-height:24px; color:#fff;}
.lbox .box .left .item p{ display:block; border-bottom:1px solid #fff; overflow:hidden; margin-top:-4px;}
.lbox .box .left .item p input{ width:100%; height:24px; line-height:24px; font-size:14px; display:block; overflow:hidden; color:#fff; background-color:transparent;}
.lbox .box .right{ float:left; width:100%; margin-top:15px;}
.lbox .box .right .item{ width:100%;}
.lbox .box .right .item span{ display:block; font-size:14px; line-height:24px; color:#fff;}
.lbox .box .right .item p{ display:block; border:1px solid #fff; overflow:hidden; margin-top:5px;}
.lbox .box .right .item p textarea{ width:100%; box-sizing:border-box; height:70px; padding:5px 10px; line-height:24px; font-size:14px; display:block; overflow:hidden; color:#fff; background-color:transparent; font-family:inherit;}
.lbox .box .right .item a{ display:block; overflow:hidden; margin-top:10px;}
.lbox .box .right .item a input{ width:100%; height:36px; line-height:36px; text-align:center; background-color:#fff; color:#2b3395; cursor:pointer;}
.lbox .box .right .item a input:hover{ background-color:#79cb20; color:#fff;}
}

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

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

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

.wei{ width:100%; height:50px; background-color:#fff; background-image:url(../images/ab.jpg); background-position:left bottom; background-repeat:repeat-x;}
.wei .box{ width:1200px; margin:auto;}
.wei .box .left{ float:left; padding-left:26px; background-image:url(../images/home.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:50px;}
.wei .box .right{ float:right;}
.wei .box .right a{ display:block; float:left; font-size:14px; line-height:50px; height:48px;}
.wei .box .right span{ font-size:12px; color:#ccc; display:block; float:left; margin:0 20px; line-height:50px;}
.wei .box .right a:hover{ color:#2b3395;}
.wei .box .right a.on{ color:#2b3395; border-bottom:2px solid #79cb20;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.ban{ width:100%; height:300px; position:relative; z-index:1;}
.ban .bg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; align-items:center; position:absolute; left:0%; bottom:0; z-index:1;}
.ban .box .wen{ width:94%; margin:auto; text-align:center;}
.ban .box .wen .w01{ display:block; color:#fff; font-size:24px; line-height:38px; margin-bottom:10px; font-weight:bold; text-transform:capitalize;}
.ban .box .wen .w02{ width:100%; margin:auto; display:block; color:#fff; font-size:14px; line-height:28px; height:60px;}

.wei{ width:100%; height:50px; background-color:#fff; background-image:url(../images/ab.jpg); background-position:left bottom; background-repeat:repeat-x;}
.wei .box{ width:94%; margin:auto;}
.wei .box .left{ float:left; padding-left:26px; background-image:url(../images/home.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:50px;}
.wei .box .right{ float:right;}
.wei .box .right a{ display:block; float:left; font-size:14px; line-height:50px; height:48px;}
.wei .box .right span{ font-size:12px; color:#ccc; display:block; float:left; margin:0 15px; line-height:50px;}
.wei .box .right a:hover{ color:#2b3395;}
.wei .box .right a.on{ color:#2b3395; border-bottom:2px solid #79cb20;}
}
@media only screen and (max-width: 1023px){
.ban{ width:100%; height:200px; position:relative; z-index:1;}
.ban .bg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; align-items:center; position:absolute; left:0%; bottom:0; z-index:1;}
.ban .box .wen{ width:94%; margin:auto; text-align:center;}
.ban .box .wen .w01{ display:block; color:#fff; font-size:20px; line-height:30px; margin-bottom:6px; font-weight:bold; text-transform:capitalize;}
.ban .box .wen .w02{ width:100%; margin:auto; display:block; color:#fff; font-size:14px; line-height:24px; height:72px;}

.wei{ width:100%; background-color:#fff; background-image:url(../images/ab.jpg); background-position:left bottom; background-repeat:repeat-x;}
.wei .box{ width:94%; margin:auto;}
.wei .box .left{ float:left; margin-top:10px; padding-left:20px; background-image:url(../images/home.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:20px;}
.wei .box .right{ float:right; width:100%; display:flex; justify-content:center; flex-wrap:wrap;}
.wei .box .right a{ display:block; float:left; font-size:14px; line-height:34px; height:34px;}
.wei .box .right span{ font-size:12px; color:#ccc; display:block; float:left; margin:0 10px; line-height:34px;}
.wei .box .right a:hover{ color:#2b3395;}
.wei .box .right a.on{ color:#2b3395; border-bottom:2px solid #79cb20;}
}

/*走进我们*/
@media screen and (min-width:1280px){
.main{ width:100%; padding-top:60px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.main .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.main .box .about{ width:100%; font-size:14px; line-height:24px; margin-top:-5px;}
.main .box .about img{ max-width:100%; height:auto !important;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.main{ width:100%; padding-top:45px; padding-bottom:55px; position:relative; z-index:1; background-color:#fff;}
.main .box{ width:94%; margin:auto; position:relative; z-index:3;}
.main .box .about{ width:100%; font-size:14px; line-height:24px; margin-top:-5px;}
.main .box .about img{ max-width:100%; height:auto !important;}
}
@media only screen and (max-width:1023px){
.main{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.main .box{ width:94%; margin:auto; position:relative; z-index:3;}
.main .box .about{ width:100%; font-size:14px; line-height:24px; margin-top:-5px;}
.main .box .about img{ max-width:100%; height:auto !important;}
}

/*产品中心*/
@media screen and (min-width:1280px){
.pro{ width:100%; padding-top:70px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.pro .box{ width:1200px; margin:auto;}
.pro .left{ float:left; padding:30px; width:200px; background-color:#f7f7f7; border-radius:10px;}
.pro .left .w01{ font-size:20px; line-height:28px; color:#999; font-weight:bold;}
.pro .left .w02{ font-size:20px; line-height:30px; color:#333; font-weight:bold; margin-top:5px;}
.pro .left .w03{ padding-top:4px; display:block;}
.pro .left .w03 li{ display:block; overflow:hidden; margin-top:6px; font-size:14px; line-height:24px; cursor:pointer;}
.pro .left .w03 li p{ display:block; float:left; max-width:calc(100% - 20px); overflow:hidden; color:#2b3395;}
.pro .left .w03 li a{ width:10px; float:left; margin-left:10px; height:24px; display:block; overflow:hidden;}
.pro .left .w03 li a img{ width:100%; display:block; margin:7px 0; -webkit-transition:1s linear; transition:1s ease-in;}
.pro .left .w03 li:hover a img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.pro .left .w04{ padding-top:10px;}
.pro .left .w04 a{ display:block; font-size:14px; line-height:24px; color:#999; height:24px; overflow:hidden; cursor:pointer;}
.pro .left .w04 a:hover{ color:#2b3395;}
.pro .left .line{ width:70px; height:1px; background-color:#ddd; margin-top:15px;}
.pro .left .box01{ width:100%;}
.pro .left .box01 .bt{ width:100%; margin-top:15px; font-size:16px; line-height:26px; height:26px; padding-left:20px; box-sizing:border-box; background-image:url(../images/add01.png); background-position:left center; background-repeat:no-repeat; cursor:pointer; font-weight:bold;}
.pro .left .box01 .bt.cur{ background-image:url(../images/add.png);}
.pro .left .box01 .cp{ display:none; padding-left:20px; padding-top:1px;}
.pro .left .box01 .cp a{ display:block; font-size:14px; line-height:24px; margin-top:4px; color:#333;}
.pro .left .box01 .cp a:hover{ color:#333;}
.pro .left .box01 .cp a.on{ color:#2b3395;}
.pro .left .box01 .bt01{ width:100%; margin-top:15px; font-size:16px; line-height:26px; height:26px; padding-left:20px; box-sizing:border-box; font-weight:bold;}
.pro .left .box01 .bt01 a{ display:block; color:#333;}
.pro .left .box01 .bt01 a.on,.pro .left .box01 .bt01 a:hover{ color:#2b3395;}
.pro .right{ float:right; width:calc(95% - 260px);}
.pro .right .list{ width:100%; display:block; margin-top:-20px;}
.pro .right .list li{ width:280px; display:block; float:left; margin-left:20px; margin-top:20px; overflow:hidden;}
.pro .right .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pro .right .list li a{ display:block; overflow:hidden; padding:9px; padding-bottom:0; border:1px solid #eee; position:relative; background-color:#fff;}
.pro .right .list li .tu{ width:100%; height:191px; border-radius:5px; background-color:#f7f7f7; display:flex; align-items:center;}
.pro .right .list li .tu img{ width:100%; margin:auto; display:block;}
.pro .right .list li .wen{ padding:15px 10px;}
.pro .right .list li .wen span{ width:100%; display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro .right .list .wen p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666; margin-top:2px;}
.pro .right .list a:hover .wen span{ color:#2b3395;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:18px;}
.fanye li a{ min-width:30px; padding:0 5px; height:40px; line-height:40px; border:1px solid #333; border-radius:3px; display:block;}
.fanye li span{ min-width:30px; padding:0 5px; height:40px; line-height:40px; border:1px solid #2b3395; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#2b3395;}
.fanye li.disabled span{ color:#aaa; cursor:no-drop; border:1px solid #aaa;}
.fanye li a:hover{ color:#2b3395; border:1px solid #2b3395;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.pro{ width:100%; padding-top:55px; padding-bottom:55px; position:relative; z-index:1; background-color:#fff;}
.pro .box{ width:94%; margin:auto;}
.pro .left{ float:left; padding:30px; width:200px; background-color:#f7f7f7; border-radius:10px;}
.pro .left .w01{ font-size:20px; line-height:28px; color:#999; font-weight:bold;}
.pro .left .w02{ font-size:20px; line-height:30px; color:#333; font-weight:bold; margin-top:5px;}
.pro .left .w03{ padding-top:4px; display:block;}
.pro .left .w03 li{ display:block; overflow:hidden; margin-top:6px; font-size:14px; line-height:24px; cursor:pointer;}
.pro .left .w03 li p{ display:block; float:left; max-width:calc(100% - 20px); overflow:hidden; color:#2b3395;}
.pro .left .w03 li a{ width:10px; float:left; margin-left:10px; height:24px; display:block; overflow:hidden;}
.pro .left .w03 li a img{ width:100%; display:block; margin:7px 0; -webkit-transition:1s linear; transition:1s ease-in;}
.pro .left .w03 li:hover a img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.pro .left .w04{ padding-top:10px;}
.pro .left .w04 a{ display:block; font-size:14px; line-height:24px; color:#999; height:24px; overflow:hidden; cursor:pointer;}
.pro .left .w04 a:hover{ color:#2b3395;}
.pro .left .line{ width:70px; height:1px; background-color:#ddd; margin-top:15px;}
.pro .left .box01{ width:100%;}
.pro .left .box01 .bt{ width:100%; margin-top:15px; font-size:16px; line-height:26px; height:26px; padding-left:20px; box-sizing:border-box; background-image:url(../images/add01.png); background-position:left center; background-repeat:no-repeat; cursor:pointer; font-weight:bold;}
.pro .left .box01 .bt.cur{ background-image:url(../images/add.png);}
.pro .left .box01 .cp{ display:none; padding-left:20px; padding-top:1px;}
.pro .left .box01 .cp a{ display:block; font-size:14px; line-height:24px; margin-top:4px; color:#333;}
.pro .left .box01 .cp a:hover{ color:#333;}
.pro .left .box01 .cp a.on{ color:#2b3395;}
.pro .left .box01 .bt01{ width:100%; margin-top:15px; font-size:16px; line-height:26px; height:26px; padding-left:20px; box-sizing:border-box; font-weight:bold;}
.pro .left .box01 .bt01 a{ display:block; color:#333;}
.pro .left .box01 .bt01 a.on,.pro .left .box01 .bt01 a:hover{ color:#2b3395;}
.pro .right{ float:right; width:calc(97% - 260px);}
.pro .right .list{ width:100%; display:block; margin-top:-20px;}
.pro .right .list li{ width:31.33%; display:block; float:left; margin-left:3%; margin-top:20px; overflow:hidden;}
.pro .right .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pro .right .list li a{ display:block; overflow:hidden; padding:9px; padding-bottom:0; border:1px solid #eee; position:relative; background-color:#fff;}
.pro .right .list li .tu{ width:100%; padding-top:73.77%; border-radius:5px; background-color:#f7f7f7; position:relative;}
.pro .right .list li .tu img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro .right .list li .wen{ padding:12px 7px;}
.pro .right .list li .wen span{ width:100%; display:block; font-size:17px; height:27px; line-height:27px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro .right .list .wen p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.pro .right .list a:hover .wen span{ color:#2b3395;}

.fanye{ width:100%; margin-top:25px; text-align:center;}
.fanye li{ margin:0 4px; display:inline-block; font-size:16px;}
.fanye li a{ min-width:24px; padding:0 5px; height:34px; line-height:34px; border:1px solid #333; border-radius:3px; display:block;}
.fanye li span{ min-width:24px; padding:0 5px; height:34px; line-height:34px; border:1px solid #2b3395; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#2b3395;}
.fanye li.disabled span{ color:#aaa; cursor:no-drop; border:1px solid #aaa;}
.fanye li a:hover{ color:#2b3395; border:1px solid #2b3395;}
}
@media only screen and (max-width: 1023px){
.pro{ width:100%; padding-top:40px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.pro .box{ width:94%; margin:auto;}
.pro .left{ float:left; padding:15px; width:calc(100% - 30px); background-color:#f7f7f7; border-radius:10px;}
.pro .left .w01{ font-size:18px; line-height:26px; color:#999; font-weight:bold;}
.pro .left .w02{ font-size:18px; line-height:28px; color:#333; font-weight:bold;}
.pro .left .w03{ display:block; margin-top:5px; margin-left:-15px;}
.pro .left .w03 li{ display:block; overflow:hidden; font-size:14px; line-height:24px; cursor:pointer; float:left; margin-left:15px;}
.pro .left .w03 li p{ display:block; float:left; max-width:calc(100% - 15px); overflow:hidden; color:#2b3395;}
.pro .left .w03 li a{ width:10px; float:left; margin-left:5px; height:24px; display:block; overflow:hidden;}
.pro .left .w03 li a img{ width:100%; display:block; margin:7px 0; -webkit-transition:1s linear; transition:1s ease-in;}
.pro .left .w03 li:hover a img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.pro .left .w04{ padding-top:5px;}
.pro .left .w04 a{ display:block; font-size:14px; line-height:24px; color:#999; height:24px; overflow:hidden; cursor:pointer;}
.pro .left .w04 a:hover{ color:#2b3395;}
.pro .left .line{ width:70px; height:1px; background-color:#eee; margin-top:10px;}
.pro .left .box01{ width:100%;}
.pro .left .box01 .bt{ width:100%; margin-top:10px; font-size:16px; line-height:26px; height:26px; padding-left:15px; box-sizing:border-box; background-image:url(../images/add01.png); background-position:left center; background-repeat:no-repeat; cursor:pointer; font-weight:bold;}
.pro .left .box01 .bt.cur{ background-image:url(../images/add.png);}
.pro .left .box01 .cp{ display:none; padding-left:15px; padding-top:5px;}
.pro .left .box01 .cp a{ display:block; font-size:14px; line-height:24px; color:#333; width:45.5%; float:left; margin-left:3%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro .left .box01 .cp a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro .left .box01 .cp a:hover{ color:#333;}
.pro .left .box01 .cp a.on{ color:#2b3395;}
.pro .left .box01 .bt01{width:100%; margin-top:10px; font-size:16px; line-height:26px; height:26px; padding-left:15px; box-sizing:border-box;}
.pro .left .box01 .bt01 a{ display:block; color:#333;}
.pro .left .box01 .bt01 a.on,.pro .left .box01 .bt01 a:hover{ color:#2b3395;}
.pro .right{ float:right; width:100%;}
.pro .right .list{ width:100%; display:block; margin-top:5px;}
.pro .right .list li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; overflow:hidden;}
.pro .right .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro .right .list li a{ display:block; overflow:hidden; padding:4px; padding-bottom:0; border:1px solid #eee; position:relative; background-color:#fff;}
.pro .right .list li .tu{ width:100%; padding-top:73.77%; border-radius:5px; background-color:#f7f7f7; position:relative;}
.pro .right .list li .tu img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro .right .list li .wen{ padding:10px 5px;}
.pro .right .list li .wen span{ width:100%; display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro .right .list .wen p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.pro .right .list a:hover .wen span{ color:#2b3395;}

.fanye{ width:100%; margin-top:20px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block; font-size:14px;}
.fanye li a{ min-width:20px; padding:0 5px; height:30px; line-height:30px; border:1px solid #333; border-radius:3px; display:block;}
.fanye li span{ min-width:20px; padding:0 5px; height:30px; line-height:30px; border:1px solid #2b3395; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#2b3395;}
.fanye li.disabled span{ color:#aaa; cursor:no-drop; border:1px solid #aaa;}
.fanye li a:hover{ color:#2b3395; border:1px solid #2b3395;}
}

/*产品中心内页*/
@media screen and (min-width:1280px){
.chan{ width:1200px; margin:70px auto; margin-bottom:50px;}
.cl{ width:512px; height:378px; float:left; border:1px solid #cacaca; position:relative;} 
.cl .swiper-container{ width:100%; height:100%; overflow:hidden; position:relative;}
.cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.cl .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden;}
.cl .swiper-slide img{ display:block; margin:auto; height:100%;}
.cl .swiper-button-prev{ width:40px; height:40px; border-radius:100%; overflow:hidden; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; left:20px; top:50%; margin-top:-20px; z-index:11; background-color:rgba(0,0,0,.7);}
.cl .swiper-button-prev:hover{ background-color:#2b3395;}
.cl .swiper-button-next{ width:40px; height:40px; border-radius:100%; overflow:hidden; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; right:20px; top:50%; margin-top:-20px; z-index:11; background-color:rgba(0,0,0,.7);}
.cl .swiper-button-next:hover{ background-color:#2b3395;}

.cr{ width:585px; float:right; padding-top:15px;}
.cr .tou{ font-size:24px; line-height:34px; color:#2b3395; margin-bottom:5px;}
.cr .wen{ font-size:16px; line-height:26px; margin-bottom:10px;}
.cr .xx{ border-top:1px solid #cacaca; padding-top:20px; line-height:24px; font-size:14px;}

.pro02{ width:1200px; margin:auto;}
.pro02 .tab_menu{ display:block; overflow:hidden; height:40px; border-bottom:1px solid #eee; width:100%;}
.pro02 .tab_menu li{ display:block; float:left; line-height:40px; height:40px; text-align:center;}
.pro02 .tab_menu li a{ display:block; font-size:16px; cursor:pointer; min-width:120px; padding:0 20px;}
.pro02 .tab_menu li:hover a{ color:#2b3395;}
.pro02 .tab_menu li.on a{ color:#fff; background:linear-gradient(to right,#2b3395,#4148a3);}
.pro02 .wen{ margin-bottom:65px;}
.pro02 .box{ width:100%; margin-top:20px; font-size:16px; line-height:26px; display:none;}
.pro02 .box img{ max-width:100%; height:auto;}
.pro02 .box table{ width:100% !important; font-size:16px !important;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.chan{ width:94%; margin:55px auto; margin-bottom:35px;}
.cl{ width:417px; height:308px; float:left; border:1px solid #cacaca; position:relative;} 
.cl .swiper-container{ width:100%; height:100%; overflow:hidden; position:relative;}
.cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.cl .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden;}
.cl .swiper-slide img{ display:block; margin:auto; height:100%;}
.cl .swiper-button-prev{ width:38px; height:38px; border-radius:100%; overflow:hidden; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; left:15px; top:50%; margin-top:-19px; z-index:11; background-color:rgba(0,0,0,.7);}
.cl .swiper-button-prev:hover{ background-color:#2b3395;}
.cl .swiper-button-next{ width:38px; height:38px; border-radius:100%; overflow:hidden; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; right:15px; top:50%; margin-top:-19px; z-index:11; background-color:rgba(0,0,0,.7);}
.cl .swiper-button-next:hover{ background-color:#2b3395;}

.cr{ width:calc(97% - 419px); float:right; padding-top:15px;}
.cr .tou{ font-size:20px; line-height:30px; color:#2b3395; margin-bottom:5px;}
.cr .wen{ font-size:16px; line-height:26px; margin-bottom:10px;}
.cr .xx{ border-top:1px solid #cacaca; padding-top:15px; line-height:24px; font-size:14px;}

.pro02{ width:94%; margin:auto;}
.pro02 .tab_menu{ display:block; overflow:hidden; height:40px; border-bottom:1px solid #eee; width:100%;}
.pro02 .tab_menu li{ display:block; float:left; line-height:40px; height:40px; text-align:center;}
.pro02 .tab_menu li a{ display:block; font-size:16px; cursor:pointer; min-width:120px; padding:0 20px;}
.pro02 .tab_menu li:hover a{ color:#2b3395;}
.pro02 .tab_menu li.on a{ color:#fff; background:linear-gradient(to right,#2b3395,#4148a3);}
.pro02 .wen{ margin-bottom:50px;}
.pro02 .box{ width:100%; margin-top:15px; font-size:15px; line-height:25px; display:none;}
.pro02 .box img{ max-width:100%; height:auto;}
.pro02 .box table{ width:100% !important; font-size:15px !important;}
}
@media only screen and (max-width: 1023px){
.chan{ width:94%; margin:30px auto; margin-bottom:20px;}
.cl{ width:100%; float:left; position:relative;} 
.cl .swiper-container{ width:70vw; height:60vw; margin:auto; border:1px solid #cacaca; overflow:hidden; position:relative;}
.cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.cl .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden;}
.cl .swiper-slide img{ display:block; margin:auto; height:100%;}
.cl .swiper-button-prev{ width:36px; height:36px; border-radius:100%; overflow:hidden; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; left:0; top:50%; margin-top:-18px; z-index:11; background-color:rgba(0,0,0,.7);}
.cl .swiper-button-prev:hover{ background-color:#2b3395;}
.cl .swiper-button-next{ width:36px; height:36px; border-radius:100%; overflow:hidden; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; top:50%; margin-top:-18px; z-index:11; background-color:rgba(0,0,0,.7);}
.cl .swiper-button-next:hover{ background-color:#2b3395;}

.cr{ width:100%; float:right; padding-top:10px;}
.cr .tou{ font-size:18px; line-height:28px; color:#2b3395;}
.cr .wen{ font-size:14px; line-height:24px; margin-bottom:10px;}
.cr .xx{ border-top:1px solid #cacaca; padding-top:10px; line-height:24px; font-size:14px;}

.pro02{ width:94%; margin:auto;}
.pro02 .tab_menu{ display:block; overflow:hidden; border-bottom:1px solid #eee; width:100%;}
.pro02 .tab_menu li{ display:block; float:left; line-height:34px; height:34px; text-align:center;}
.pro02 .tab_menu li a{ display:block; font-size:14px; cursor:pointer; padding:0 10px;}
.pro02 .tab_menu li:hover a{ color:#2b3395;}
.pro02 .tab_menu li.on a{ color:#fff; background:linear-gradient(to right,#2b3395,#4148a3);}
.pro02 .wen{ margin-bottom:35px;}
.pro02 .box{ width:100%; margin-top:10px; font-size:14px; line-height:24px; display:none;}
.pro02 .box img{ max-width:100%; height:auto;}
.pro02 .box table{ width:100% !important; font-size:14px !important;}
}


@media screen and (min-width:1280px){
.pro03{ width:100%; padding-top:60px; padding-bottom:70px; position:relative; z-index:1; background-color:#f7f7f7;}
.pro03 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.pro03 .box .list{ width:100%; display:block; margin-top:-20px;}
.pro03 .box .list li{ width:285px; display:block; float:left; margin-left:20px; margin-top:20px; overflow:hidden;}
.pro03 .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro03 .box .list li a{ display:block; overflow:hidden; padding:10px; padding-bottom:0; position:relative; background-color:#fff;}
.pro03 .box .list li .tu{ width:100%; height:225px; border-radius:5px; background-color:#f7f7f7; display:flex; align-items:center;}
.pro03 .box .list li .tu img{ max-width:calc(100% - 40px); max-height:185px; margin:auto; display:block;}
.pro03 .box .list li .wen{ padding:15px 10px;}
.pro03 .box .list li .wen span{ width:100%; display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro03 .box .list .wen p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666; margin-top:2px;}
.pro03 .box .list a:hover .wen span{ color:#2b3395;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.pro03{ width:100%; padding-top:45px; padding-bottom:55px; position:relative; z-index:1; background-color:#f7f7f7;}
.pro03 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.pro03 .box .list{ width:100%; display:block; margin-top:-20px;}
.pro03 .box .list li{ width:23.5%; display:block; float:left; margin-left:2%; margin-top:20px; overflow:hidden;}
.pro03 .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro03 .box .list li a{ display:block; overflow:hidden; padding:10px; padding-bottom:0; position:relative; background-color:#fff;}
.pro03 .box .list li .tu{ width:100%; padding-top:87%; border-radius:5px; background-color:#f7f7f7; position:relative;}
.pro03 .box .list li .tu img{ max-width:calc(100% - 30px); max-height:calc(100% - 30px); display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro03 .box .list li .wen{ padding:12px 7px;}
.pro03 .box .list li .wen span{ width:100%; display:block; font-size:17px; height:27px; line-height:27px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro03 .box .list .wen p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.pro03 .box .list a:hover .wen span{ color:#2b3395;}
}
@media only screen and (max-width:1023px){
.pro03{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.pro03 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.pro03 .box .list{ width:100%; display:block; margin-top:-15px;}
.pro03 .box .list li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; overflow:hidden;}
.pro03 .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro03 .box .list li a{ display:block; overflow:hidden; padding:5px; padding-bottom:0; position:relative; background-color:#fff;}
.pro03 .box .list li .tu{ width:100%; padding-top:87%; border-radius:5px; background-color:#f7f7f7; position:relative;}
.pro03 .box .list li .tu img{ max-width:calc(100% - 20px); max-height:calc(100% - 20px); display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro03 .box .list li .wen{ padding:10px 5px;}
.pro03 .box .list li .wen span{ width:100%; display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro03 .box .list .wen p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.pro03 .box .list a:hover .wen span{ color:#2b3395;}
}

/*案例展示*/
@media screen and (min-width:1280px){
.main .case{ width:100%; margin-top:-30px;}
.main .case li{ width:380px; float:left; margin-left:30px; margin-top:30px; display:block; overflow:hidden;}
.main .case li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .case li .w01{ width:100%; position:relative;}
.main .case li .w01:before{ width:100%; padding-top:280px; display:block; content:''; overflow:hidden;}
.main .case li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .case li .w02{ width:100%; margin-top:15px; font-size:16px; line-height:24px; height:24px; color:#666;}
.main .case li .w03{ width:100%; margin-top:5px; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap;}
.main .case li .w03:hover{ color:#2b3395;}
.main .case li .w04{ width:50px; margin-top:10px; height:2px; background-color:#333;}
.main .case li .w05{ width:100%; margin-top:15px; font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .case li .w06{ width:100px; border-bottom:1px solid #ddd; font-size:14px; height:38px; line-height:38px; text-align:center;}
.main .case li .w06:hover{ border-bottom:1px solid #2b3395; color:#2b3395;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.main .case{ width:100%; margin-top:-25px;}
.main .case li{ width:32%; float:left; margin-left:2%; margin-top:25px; display:block; overflow:hidden;}
.main .case li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .case li .w01{ width:100%; position:relative;}
.main .case li .w01:before{ width:100%; padding-top:73.68%; display:block; content:''; overflow:hidden;}
.main .case li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .case li .w02{ width:100%; margin-top:13px; font-size:15px; line-height:23px; height:23px; color:#666;}
.main .case li .w03{ width:100%; margin-top:5px; font-size:17px; line-height:27px; height:27px; text-overflow:ellipsis; white-space:nowrap;}
.main .case li .w03:hover{ color:#2b3395;}
.main .case li .w04{ width:40px; margin-top:10px; height:2px; background-color:#333;}
.main .case 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 .case li .w06{ width:100px; border-bottom:1px solid #ddd; font-size:14px; height:36px; line-height:36px; text-align:center;}
.main .case li .w06:hover{ border-bottom:1px solid #2b3395; color:#2b3395;}
}
@media only screen and (max-width:1023px){
.main .case{ width:100%; margin-top:-20px;}
.main .case li{ width:48.5%; float:left; margin-left:3%; margin-top:20px; display:block; overflow:hidden;}
.main .case li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .case li .w01{ width:100%; position:relative;}
.main .case li .w01:before{ width:100%; padding-top:73.68%; display:block; content:''; overflow:hidden;}
.main .case li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .case li .w02{ width:100%; margin-top:10px; font-size:14px; line-height:22px; height:22px; color:#666;}
.main .case li .w03{ width:100%; margin-top:1px; font-size:16px; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap;}
.main .case li .w03:hover{ color:#2b3395;}
.main .case li .w04{ width:30px; margin-top:7px; height:2px; background-color:#333;}
.main .case 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 .case li .w06{ width:100px; border-bottom:1px solid #ddd; font-size:14px; height:34px; line-height:34px; text-align:center;}
.main .case li .w06:hover{ border-bottom:1px solid #2b3395; color:#2b3395;}
}

/*文章页*/
@media screen and (min-width:1280px){
.ny{ width:1200px; margin:65px auto; position:relative; z-index:3;}
.ny .lbar{ width:830px; float:left;}
.ny .lbar .bt{ font-size:24px; line-height:34px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:24px; height:24px; padding-top:5px; padding-bottom:15px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:14px; line-height:30px; margin-top:25px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:501px; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:25px; padding-top:23px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 100px); display:block; font-size:14px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#2b3395;}
.ny .lbar .back span{ position:absolute; right:0; top:23px; font-size:14px; height:30px; line-height:30px;}
.ny .lbar .back span a:hover{ color:#2b3395;}

.ny .rbar{ width:308px; border:1px solid #eee; border-top:2px solid #2b3395; float:right; margin:5px 0;}
.ny .rbar .bt{ padding-left:29px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #eee;}
.ny .rbar ul{ display:block; padding:5px 29px; padding-bottom:25px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:25px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; height:184px; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; padding-top:5px; text-overflow:ellipsis; white-space:nowrap;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:16px; height:24px; line-height:24px; color:#999;}
.ny .rbar ul li p:hover{ color:#2b3395;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.ny{ width:94%; margin:50px auto; position:relative; z-index:3;}
.ny .lbar{ width:calc(95% - 280px); float:left;}
.ny .lbar .bt{ font-size:20px; line-height:30px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:24px; height:24px; padding-top:5px; padding-bottom:10px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:14px; line-height:30px; margin-top:20px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:501px; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:20px; padding-top:20px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 80px); display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#2b3395;}
.ny .lbar .back span{ position:absolute; right:0; top:20px; font-size:14px; height:24px; line-height:24px;}
.ny .lbar .back span a:hover{ color:#2b3395;}

.ny .rbar{ width:278px; border:1px solid #eee; border-top:2px solid #2b3395; float:right; margin:5px 0;}
.ny .rbar .bt{ padding-left:19px; font-size:16px; height:46px; line-height:46px; border-bottom:1px solid #eee;}
.ny .rbar ul{ display:block; padding:5px 19px; padding-bottom:15px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; height:176px; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px; text-overflow:ellipsis; white-space:nowrap;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}
.ny .rbar ul li p:hover{ color:#2b3395;}
}
@media only screen and (max-width: 1023px){
.ny{ width:94%; margin:35px auto; position:relative; z-index:3;}
.ny .lbar{ width:100%; float:left;}
.ny .lbar .bt{ font-size:18px; line-height:28px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:24px; height:24px; padding-bottom:5px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:14px; line-height:24px; margin-top:15px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:70.5vw; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:15px; padding-top:15px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 70px); display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#2b3395;}
.ny .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.ny .lbar .back span a:hover{ color:#2b3395;}

.ny .rbar{ display:none;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.lx01{ width:1200px; margin:auto; position:relative; z-index:3;}
.lx01 .w01{ padding-left:20px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:26px; color:#2b3395;}
.lx01 .w02{ font-size:30px; line-height:40px; font-weight:bold; margin-top:10px;}
.lx01 .w03{ margin-top:20px; width:60px; height:4px; background-color:#2b3395;}
.lx01 .yc{ width:420px; border-radius:10px; padding:35px 30px; padding-bottom:40px; background-color:#f1f1f1; float:right;}
.lx01 .yc .f01{ font-size:24px; line-height:34px; font-weight:bold; color:#333;}
.lx01 .yc .f02{ font-size:14px; line-height:24px; color:#333; margin-top:20px;}
.lx01 .yc .f03{ margin-top:5px;}
.lx01 .yc .f03 p{ display:block; overflow:hidden; margin-top:20px;}
.lx01 .yc .f03 p strong{ height:20px; width:30px; float:left; display:block;}
.lx01 .yc .f03 p strong img{ height:20px;}
.lx01 .yc .f03 p span{ font-size:14px; line-height:20px; color:#333; width:calc(100% - 30px); float:left; display:block;}
.lx01 .yc .f04{ margin-top:36px; display:flex; align-items:center;}
.lx01 .yc .f04 strong{ display:block; width:100px; padding:10px; background-image:url(../images/l05_14.png); background-size:100% 100%; overflow:hidden;}
.lx01 .yc .f04 strong img{ width:100%; display:block;}
.lx01 .yc .f04 p{ display:block; font-size:14px; line-height:24px; color:#666; margin-left:10px;}
.lx01 .zc{ width:calc(95% - 480px); float:left;}
.lx01 .zc .w04{ margin-top:20px;}
.lx01 .zc .f01{ width:48%; float:left; margin-left:4%; margin-bottom:20px;}
.lx01 .zc .f01:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.lx01 .zc .f01 span{ display:block; font-size:14px; line-height:34px; margin-bottom:6px;}
.lx01 .zc .f01 p{ display:block; border-radius:5px; padding:0 19px; overflow:hidden; border:1px solid #ddd;}
.lx01 .zc .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%;}
.lx01 .zc .f01 p select{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%; background-image:url(../images/sel01.png); background-position:right center; background-repeat:no-repeat;}
.lx01 .zc .f02{ width:100%; float:left; margin-right:40px; margin-bottom:30px;}
.lx01 .zc .f02 span{ display:block; font-size:14px; line-height:34px; margin-bottom:6px;}
.lx01 .zc .f02 p{ display:block; border-radius:5px; overflow:hidden; border:1px solid #ddd;}
.lx01 .zc .f02 p textarea{ height:104px; font-size:14px; line-height:24px; padding:7px 19px; display:block; overflow:auto; width:100%; font-family:inherit;}
.lx01 .zc .f03{ width:100%; float:left; margin-right:40px;}
.lx01 .zc .f03 input{ cursor:pointer; display:block; text-align:center; float:right; width:150px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.lx01 .zc .f03 input:hover{ background-color:#2b3395;}

#map{ width:100%; height:460px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.lx01{ width:94%; margin:auto; position:relative; z-index:3;}
.lx01 .w01{ padding-left:20px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:26px; color:#2b3395;}
.lx01 .w02{ font-size:24px; line-height:34px; font-weight:bold; margin-top:5px;}
.lx01 .w03{ margin-top:15px; width:50px; height:3px; background-color:#2b3395;}
.lx01 .yc{ width:360px; border-radius:10px; padding:35px 30px; padding-bottom:40px; background-color:#f1f1f1; float:right;}
.lx01 .yc .f01{ font-size:22px; line-height:32px; font-weight:bold; color:#333;}
.lx01 .yc .f02{ font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.lx01 .yc .f03{ margin-top:5px;}
.lx01 .yc .f03 p{ display:block; overflow:hidden; margin-top:20px;}
.lx01 .yc .f03 p strong{ height:20px; width:30px; float:left; display:block;}
.lx01 .yc .f03 p strong img{ height:20px;}
.lx01 .yc .f03 p span{ font-size:14px; line-height:20px; color:#333; width:calc(100% - 30px); float:left; display:block;}
.lx01 .yc .f04{ margin-top:36px; display:flex; align-items:center;}
.lx01 .yc .f04 strong{ display:block; width:100px; padding:10px; background-image:url(../images/l05_14.png); background-size:100% 100%; overflow:hidden;}
.lx01 .yc .f04 strong img{ width:100%; display:block;}
.lx01 .yc .f04 p{ display:block; font-size:14px; line-height:24px; color:#666; margin-left:10px;}
.lx01 .zc{ width:calc(95% - 420px); float:left;}
.lx01 .zc .w04{ margin-top:20px;}
.lx01 .zc .f01{ width:48%; float:left; margin-left:4%; margin-bottom:20px;}
.lx01 .zc .f01:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.lx01 .zc .f01 span{ display:block; font-size:14px; line-height:24px; margin-bottom:6px;}
.lx01 .zc .f01 p{ display:block; border-radius:5px; padding:0 19px; overflow:hidden; border:1px solid #ddd;}
.lx01 .zc .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%;}
.lx01 .zc .f01 p select{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%; background-image:url(../images/sel01.png); background-position:right center; background-repeat:no-repeat;}
.lx01 .zc .f02{ width:100%; float:left; margin-right:40px; margin-bottom:30px;}
.lx01 .zc .f02 span{ display:block; font-size:14px; line-height:24px; margin-bottom:6px;}
.lx01 .zc .f02 p{ display:block; border-radius:5px; overflow:hidden; border:1px solid #ddd;}
.lx01 .zc .f02 p textarea{ height:104px; font-size:14px; line-height:24px; padding:7px 19px; display:block; overflow:auto; width:100%; font-family:inherit;}
.lx01 .zc .f03{ width:100%; float:left; margin-right:40px;}
.lx01 .zc .f03 input{ cursor:pointer; display:block; text-align:center; float:right; width:150px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.lx01 .zc .f03 input:hover{ background-color:#2b3395;}

#map{ width:100%; height:360px;}
}
@media only screen and (max-width: 1023px){
.lx01{ width:94%; margin:auto; position:relative; z-index:3;}
.lx01 .w01{ padding-left:15px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#2b3395;}
.lx01 .w02{ font-size:20px; line-height:30px; font-weight:bold;}
.lx01 .w03{ margin-top:10px; width:40px; height:2px; background-color:#2b3395;}
.lx01 .yc{ width:100%; box-sizing:border-box; border-radius:10px; padding:25px 15px; padding-bottom:20px; background-color:#f1f1f1; float:right; margin-top:20px;}
.lx01 .yc .f01{ font-size:18px; line-height:28px; font-weight:bold; color:#333;}
.lx01 .yc .f02{ font-size:14px; line-height:24px; color:#333; margin-top:5px;}
.lx01 .yc .f03{ margin-top:5px;}
.lx01 .yc .f03 p{ display:block; overflow:hidden; margin-top:15px;}
.lx01 .yc .f03 p strong{ height:20px; width:30px; float:left; display:block;}
.lx01 .yc .f03 p strong img{ height:20px;}
.lx01 .yc .f03 p span{ font-size:14px; line-height:20px; color:#333; width:calc(100% - 30px); float:left; display:block;}
.lx01 .yc .f04{ margin-top:20px; display:flex; align-items:center;}
.lx01 .yc .f04 strong{ display:block; width:100px; padding:10px; background-image:url(../images/l05_14.png); background-size:100% 100%; overflow:hidden;}
.lx01 .yc .f04 strong img{ width:100%; display:block;}
.lx01 .yc .f04 p{ display:block; font-size:14px; line-height:24px; color:#666; margin-left:10px;}
.lx01 .zc{ width:100%; float:left;}
.lx01 .zc .w04{ margin-top:15px;}
.lx01 .zc .f01{ width:100%; float:left; margin-bottom:15px;}
.lx01 .zc .f01 span{ display:block; font-size:14px; line-height:24px; margin-bottom:5px;}
.lx01 .zc .f01 p{ display:block; border-radius:5px; padding:0 14px; overflow:hidden; border:1px solid #ddd;}
.lx01 .zc .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%;}
.lx01 .zc .f01 p select{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%; background-image:url(../images/sel01.png); background-position:right center; background-repeat:no-repeat;}
.lx01 .zc .f02{ width:100%; float:left; margin-bottom:20px;}
.lx01 .zc .f02 span{ display:block; font-size:14px; line-height:24px; margin-bottom:5px;}
.lx01 .zc .f02 p{ display:block; border-radius:5px; overflow:hidden; border:1px solid #ddd;}
.lx01 .zc .f02 p textarea{ height:104px; font-size:14px; line-height:24px; padding:7px 14px; display:block; overflow:auto; width:100%; font-family:inherit;}
.lx01 .zc .f03{ width:100%; float:left; margin-right:40px;}
.lx01 .zc .f03 input{ cursor:pointer; display:block; text-align:center; float:right; width:150px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.lx01 .zc .f03 input:hover{ background-color:#2b3395;}

#map{ width:100%; height:260px;}
}

/*国际认证*/
@media screen and (min-width:1280px){
.main .ry{ width:100%; margin-top:-20px;}
.main .ry a{ width:285px; height:210px; display:block; margin-top:20px; margin-left:20px; overflow:hidden; float:left; position:relative;}
.main .ry a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .ry a img{ width:100%; margin:auto; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.main .ry a span{ display:block; width:100%; height:36px; line-height:36px; background-color:rgba(0,0,0,0.7); font-size:14px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; padding:0 20px; box-sizing:border-box;}
.main .ry 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);}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.main .ry{ width:100%; margin-top:-20px;}
.main .ry a{ width:23.5%; display:block; margin-top:20px; margin-left:2%; overflow:hidden; float:left; position:relative;}
.main .ry a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .ry a:before{ width:100%; padding-top:73.68%; display:block; content:''; overflow:hidden;}
.main .ry a img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease; position:absolute; left:0; top:0;}
.main .ry a span{ display:block; width:100%; height:34px; line-height:34px; background-color:rgba(0,0,0,0.7); font-size:14px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; z-index:3; padding:0 15px; box-sizing:border-box;}
.main .ry 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);}
}

@media only screen and (max-width: 1023px){
.main .ry{ width:100%; margin-top:-15px;}
.main .ry a{ width:48.5%; display:block; margin-top:15px; margin-left:3%; overflow:hidden; float:left; position:relative;}
.main .ry a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .ry a:before{ width:100%; padding-top:73.68%; display:block; content:''; overflow:hidden;}
.main .ry a img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease; position:absolute; left:0; top:0;}
.main .ry a span{ display:block; width:100%; height:32px; line-height:32px; background-color:rgba(0,0,0,0.7); font-size:14px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; z-index:3; padding:0 10px; box-sizing:border-box;}
.main .ry 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);}
}

/*知识产品*/
@media screen and (min-width:1280px){
.main .cq{ width:100%; margin-top:-20px;}
.main .cq a{ width:285px; height:400px; display:block; margin-top:20px; margin-left:20px; overflow:hidden; float:left; position:relative;}
.main .cq a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .cq a img{ width:100%; margin:auto; display:block;}
.main .cq a span{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; background-color:rgba(0,0,0,0.7); font-size:16px; color:#fff; text-align:center; position:absolute; left:0; top:100%; padding:0 20px; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .cq a:hover span{ top:0;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.main .cq{ width:100%; margin-top:-20px;}
.main .cq a{ width:23.5%; display:block; margin-top:20px; margin-left:2%; overflow:hidden; float:left; position:relative;}
.main .cq a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .cq a:before{ width:100%; padding-top:140.63%; display:block; content:''; overflow:hidden;}
.main .cq a img{ width:100%; margin:auto; display:block; position:absolute; left:0; top:0; z-index:1;}
.main .cq a span{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; background-color:rgba(0,0,0,0.7); font-size:15px; color:#fff; text-align:center; position:absolute; left:0; top:100%; z-index:3; padding:0 15px; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .cq a:hover span{ top:0;}
}

@media only screen and (max-width: 1023px){
.main .cq{ width:100%; margin-top:-15px;}
.main .cq a{ width:48.5%; display:block; margin-top:15px; margin-left:3%; overflow:hidden; float:left; position:relative;}
.main .cq a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .cq a:before{ width:100%; padding-top:140.63%; display:block; content:''; overflow:hidden;}
.main .cq a img{ width:100%; margin:auto; display:block; position:absolute; left:0; top:0; z-index:1;}
.main .cq a span{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; background-color:rgba(0,0,0,0.7); font-size:14px; color:#fff; text-align:center; position:absolute; left:0; top:100%; z-index:3; padding:0 10px; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .cq a:hover span{ top:0;}
}

/*生产设备*/
@media screen and (min-width:1280px){
.main .sb{ width:1200px; margin:auto; display:block; overflow:hidden; margin-top:-20px;}
.main .sb li{ width:285px; display:block; float:left; margin-top:20px; margin-left:20px; background-color:#fff; position:relative;}
.main .sb li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .sb li .bg{ width:100%; height:calc(100% - 40px); background-color:#f7f7f7; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; position:absolute; left:0; top:0; z-index:1;}
.main .sb li .tu{ padding:10px; position:relative; z-index:3;}
.main .sb li .tu b{ width:100%; height:198px; overflow:hidden; display:block;}
.main .sb li .tu b img{ width:100%; display:block;}
.main .sb li .wen{ padding:10px; padding-bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; position:relative; z-index:3; height:30px;}
.main .sb li .wen span{ width:calc(95% - 80px); display:block; height:30px; line-height:30px; font-size:16px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .sb li .wen p{ width:80px; display:flex; justify-content:center; align-items:center; font-size:14px; height:30px; line-height:30px; border-radius:30px; background-color:#f7f7f7; float:right; color:#666;}
.main .sb li:hover .bg{ height:100%;}
.main .sb li:hover .wen{ padding:10px; padding-top:0;}
.main .sb li:hover .wen p{ background-color:#2b3395; color:#fff;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.main .sb{ width:100%; margin:auto; display:block; overflow:hidden; margin-top:-20px;}
.main .sb li{ width:23.5%; display:block; float:left; margin-top:20px; margin-left:2%; background-color:#fff; position:relative;}
.main .sb li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .sb li .bg{ width:100%; height:calc(100% - 40px); background-color:#f7f7f7; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; position:absolute; left:0; top:0; z-index:1;}
.main .sb li .tu{ padding:10px; position:relative; z-index:3;}
.main .sb li .tu b{ width:100%; padding-top:64.44%; position:relative; overflow:hidden; display:block;}
.main .sb li .tu b img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .sb li .wen{ padding:10px 10px; padding-bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; position:relative; z-index:3; height:30px;}
.main .sb li .wen span{ width:calc(95% - 70px); display:block; height:30px; line-height:30px; font-size:15px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .sb li .wen p{ width:70px; display:flex; justify-content:center; align-items:center; font-size:14px; height:30px; line-height:30px; border-radius:30px; background-color:#f7f7f7; float:right; color:#666;}
.main .sb li:hover .bg{ height:100%;}
.main .sb li:hover .wen{ padding:10px; padding-top:0;}
.main .sb li:hover .wen p{ background-color:#2b3395; color:#fff;}
}
@media only screen and (max-width: 1023px){
.main .sb{ width:100%; margin:auto; display:block; overflow:hidden; margin-top:-15px;}
.main .sb li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; background-color:#fff; position:relative;}
.main .sb li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .sb li .bg{ width:100%; height:calc(100% - 29px); background-color:#f7f7f7; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; position:absolute; left:0; top:0; z-index:1;}
.main .sb li .tu{ padding:10px; position:relative; z-index:3;}
.main .sb li .tu b{ width:100%; padding-top:64.44%; position:relative; overflow:hidden; display:block;}
.main .sb li .tu b img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .sb li .wen{ padding:5px 10px; padding-bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; position:relative; z-index:3; height:24px;}
.main .sb li .wen span{ width:100%; display:block; height:24px; line-height:24px; font-size:14px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .sb li .wen p{ display:none;}
.main .sb li:hover .bg{ height:100%;}
.main .sb li:hover .wen{ padding:0 10px; padding-top:5px;}
}

/*设备内页*/
@media screen and (min-width:1280px){
.ny01{ width:1200px; margin:65px auto; margin-bottom:30px; position:relative; z-index:1;}
.ny01 .titles{ width:100%; text-align:center;}
.ny01 .titles b{ display:block; font-size:24px; line-height:34px; color:#333;}
.ny01 .titles span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.ny01 .titles p{ display:block; margin:auto; margin-top:10px; width:100px; height:2px; background-color:#333;}
.ny01 .wen{ margin-top:25px; font-size:14px; line-height:24px;}
.ny01 .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:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-left:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.ny01{ width:94%; margin:45px auto; margin-bottom:30px; position:relative; z-index:1;}
.ny01 .titles{ width:100%; text-align:center;}
.ny01 .titles b{ display:block; font-size:22px; line-height:32px; color:#333;}
.ny01 .titles span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:5px;}
.ny01 .titles p{ display:block; margin:auto; margin-top:10px; width:100px; height:2px; background-color:#333;}
.ny01 .wen{ margin-top:20px; font-size:14px; line-height:24px;}
.ny01 .wen img{ max-width:100%; height:auto !important;}
#portfolio-nav{ width:100%; height:40px; padding:20px 0; margin:auto; margin-top:20px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-left:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}
}
@media only screen and (max-width: 1023px){
.ny01{ width:94%; margin:35px auto; margin-bottom:20px; position:relative; z-index:1;}
.ny01 .titles{ width:100%; text-align:center;}
.ny01 .titles b{ display:block; font-size:18px; line-height:28px; color:#333;}
.ny01 .titles span{ display:block; font-size:14px; line-height:20px; color:#333; margin-top:5px;}
.ny01 .titles p{ display:block; margin:auto; margin-top:10px; width:50px; height:2px; background-color:#333;}
.ny01 .wen{ margin-top:15px; font-size:14px; line-height:24px;}
.ny01 .wen img{ max-width:100%; height:auto !important;}
#portfolio-nav{ width:100%; height:40px; padding:15px 0; margin:auto; margin-top:15px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px;}
#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 .line{ width:20px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px;}
#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 .line{ width:20px;}
}

/*案例展示*/
@media screen and (min-width:1280px){
.ny01 .tp{ width:100%; margin:auto; margin-top:30px; position:relative; z-index:3;}
.ny01 .tp .swiper-slide{ display:block; overflow:hidden;}
.ny01 .tp .swiper-slide a{ width:100%; padding-top:140.63%; display:block; position:relative; overflow:hidden;}
.ny01 .tp .swiper-slide a img{ width:100%; display:block; position:absolute; left:0; top:0;}

.ny01 .tp .swiper-pagination{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:30px;}
.ny01 .tp .swiper-pagination span{ display:block; overflow:hidden; float:left; margin:0 5px; width:10px; height:10px; cursor:pointer; background-color:#999; border-radius:10px;}
.ny01 .tp .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#2b3395;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ny01 .tp{ width:100%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.ny01 .tp .swiper-slide{ display:block; overflow:hidden;}
.ny01 .tp .swiper-slide a{ width:100%; padding-top:140.63%; display:block; position:relative; overflow:hidden;}
.ny01 .tp .swiper-slide a img{ width:100%; display:block; position:absolute; left:0; top:0;}

.ny01 .tp .swiper-pagination{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:25px;}
.ny01 .tp .swiper-pagination span{ display:block; overflow:hidden; float:left; margin:0 5px; width:10px; height:10px; cursor:pointer; background-color:#999; border-radius:10px;}
.ny01 .tp .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; background-color:#2b3395;}
}
@media only screen and (max-width:1023px){
.ny01 .tp{ width:100%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.ny01 .tp .swiper-slide{ display:block; overflow:hidden;}
.ny01 .tp .swiper-slide a{ width:100%; padding-top:140.63%; display:block; position:relative; overflow:hidden;}
.ny01 .tp .swiper-slide a img{ width:100%; display:block; position:absolute; left:0; top:0;}

.ny01 .tp .swiper-pagination{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:20px;}
.ny01 .tp .swiper-pagination span{ display:block; overflow:hidden; float:left; margin:0 5px; width:10px; height:10px; cursor:pointer; background-color:#999; border-radius:10px;}
.ny01 .tp .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background-color:#2b3395;}
}