@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"微软雅黑","Microsoft YaHei",arial,sans-serif; font-size:14px; line-height:1.5; color:#333; background:#fff;}
@media screen and (min-width:1441px){
body::-webkit-scrollbar{ width:5px; height:1px; z-index:1;}
body::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#0e6eb8;}
body::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.3);}
}
@media screen and (min-width:1025px) and (max-width:1440px){
body::-webkit-scrollbar{ width:5px; height:1px; z-index:1;}
body::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#0e6eb8;}
body::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.3);}
}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.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=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
@media screen and (min-width:1441px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:999; background-color:rgba(0,0,0,.5);}
.header:hover,.header.pos{ background-color:#fff;}
.header .head{ width:1440px; margin:auto; height:90px; position:relative;}
.header .head .logo{ height:50px; float:left; margin:20px 0;}
.header .head .logo img{ display:block; height:50px;}
.header .head .logo img.img02{ display:none;}
.header:hover .head .logo img.img01,.header.pos .head .logo img.img01{ display:none;}
.header:hover .head .logo img.img02,.header.pos .head .logo img.img02{ display:block;}
.header .head .nav{ display:block; float:left; height:90px; margin-left:60px;}
.header .head .nav>li{ display:block; height:90px; margin-left:50px; float:left;}
.header .head .nav>li>a{ display:block; height:90px; line-height:90px; font-size:16px; color:#fff; position:relative;}
.header .head .nav>li>a b{ width:100%; height:2px; display:none; position:absolute; left:0; bottom:25px; background:linear-gradient(to right,#0e6eb8,#319dd0); overflow:hidden;}
.header:hover .head .nav>li>a,.header.pos .head .nav>li>a{ color:#333;}
.header .head .nav>li:hover>a{ color:#0e6eb8;}
.header .head .nav>li.on>a b{ display:block;}
.header .nav .down{ width:100%; display:none; position:absolute; left:0; top:100%; z-index:9;}
.header .nav .down>div{ width:100%; display:flex; background-color:#f1f1f1; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.header .nav .tab-hd{ width:24%; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.header .nav .tab-hd .tab-nav{ display:block; padding:50px; padding-right:0; overflow:hidden;}
.header .nav .tab-hd .tab-nav li{ display:block; height:50px; line-height:50px; cursor:pointer; padding:0 20px; font-size:16px; font-weight:bold; border-bottom-left-radius:5px; border-top-left-radius:5px; color:#fff; text-transform:capitalize;}
.header .nav .tab-hd .tab-nav li.selected{ background-color:#fff; color:#0e6eb8;}
.header .nav .tab-bd{ width:76%; overflow:hidden; padding:50px; padding-top:30px; box-sizing:border-box;}
.header .nav .tab-bd .tab-pal{ width:100%; overflow:hidden;}
.header .nav .tab-bd .tab-pal .ul1{ width:30%; display:block; float:left; margin-left:5%; margin-top:20px; overflow:hidden;}
.header .nav .tab-bd .tab-pal .ul1:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.header .nav .tab-bd .tab-pal .ul1 h3{ display:block; font-size:18px; line-height:28px; border-bottom:2px solid #cacaca; position:relative; padding-bottom:8px; margin-bottom:10px;}
.header .nav .tab-bd .tab-pal .ul1 h3 b{ width:60px; height:2px; display:block; position:absolute; left:0; bottom:-2px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.header .nav .tab-bd .tab-pal .ul1 li{ font-size:14px; line-height:24px; display:block; color:#666;}
.header .nav .tab-bd .tab-pal .ul1 li a{ display:block; color:#666;}
.header .nav .tab-bd .tab-pal .ul1 li a:hover{ color:#0e6eb8;}
.header .nav .tab-bd .tab-pal .list{ width:21.25%; float:left; margin-left:5%; margin-top:20px; overflow:hidden;}
.header .nav .tab-bd .tab-pal .list:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.header .nav .tab-bd .tab-pal .list strong{ display:block; height:52px;}
.header .nav .tab-bd .tab-pal .list strong img{ display:block; height:52px; margin:auto;}
.header .nav .tab-bd .tab-pal .list p{ font-size:16px; line-height:26px; display:block; text-align:center; margin-top:10px;}
.header .nav .tab-bd .tab-pal .list:hover p{ color:#0e6eb8;}
.header .nav>li:hover .down{ display:block;}
.header .nav .tab-bd .bt a:hover{ color:#0e6eb8;}
.header .right{ float:right; height:40px; margin:25px 0;}
.header .right b{ display:block; float:left; font-size:18px; line-height:40px; color:#fff; background-image:url(../images/tel_06.png); background-position:left center; background-repeat:no-repeat; padding-left:26px;}
.header:hover .right b,.header.pos .right b{ color:#333; background-image:url(../images/telh_06.png);}
.header .right a{ width:150px; height:40px; line-height:40px; text-align:center; display:block; float:left; border-radius:40px; margin-left:30px; color:#fff; background:linear-gradient(to right,#0e6eb8,#319dd0); font-size:16px;}
.header .right a:hover{ background:linear-gradient(to right,#0e6eb8,#0e6eb8);}
.header .icon{ display:none;}

.tkbox{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; background-color:rgba(0,0,0,0.3); display:none;}
.tkbox .box{ padding:50px 30px; width:800px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background-color:#fff; border-radius:20px;}
.tkbox .box .close{ width:20px; height:20px; position:absolute; right:20px; top:20px; cursor:pointer;}
.tkbox .box .close img{ display:block; width:100%; -webkit-transition:1s linear; transition:1s ease-in;}
.tkbox .box .close img:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.tkbox .box .bt{ width:100%; text-align:center; font-size:24px; line-height:34px; font-weight:bold; color:#0e6eb8;}
.tkbox .box .list{ width:100%; display:flex; justify-content:space-between; padding:30px 0;}
.tkbox .box .list a{ width:18%; display:block; text-align:center; margin-top:20px;}
.tkbox .box .list a strong{ width:100%; display:flex; align-items:center; overflow:hidden; height:80px;}
.tkbox .box .list a strong img{ max-height:80px; max-width:100%; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.tkbox .box .list a p{ font-size:14px; line-height:24px; display:block; margin-top:15px;}
.tkbox .box .list a:hover p{ color:#0e6eb8;}
.tkbox .box .list a:hover strong img{ -webkit-transform:rotateY(-360deg);}

.sav{ display:none;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:999; background-color:rgba(0,0,0,.5);}
.header:hover,.header.pos{ background-color:#fff;}
.header .head{ width:94%; margin:auto; height:80px; position:relative;}
.header .head .logo{ height:50px; float:left; margin:15px 0;}
.header .head .logo img{ display:block; height:50px;}
.header .head .logo img.img02{ display:none;}
.header:hover .head .logo img.img01,.header.pos .head .logo img.img01{ display:none;}
.header:hover .head .logo img.img02,.header.pos .head .logo img.img02{ display:block;}
.header .head .nav{ display:block; float:left; height:80px; margin-left:3vw;}
.header .head .nav>li{ display:block; height:80px; margin-left:2.5vw; float:left;}
.header .head .nav>li>a{ display:block; height:80px; line-height:80px; font-size:16px; color:#fff; position:relative;}
.header .head .nav>li>a b{ width:100%; height:2px; display:none; position:absolute; left:0; bottom:20px; background:linear-gradient(to right,#0e6eb8,#319dd0); overflow:hidden;}
.header:hover .head .nav>li>a,.header.pos .head .nav>li>a{ color:#333;}
.header .head .nav>li:hover>a{ color:#0e6eb8;}
.header .head .nav>li.on>a b{ display:block;}
.header .nav .down{ width:100%; display:none; position:absolute; left:0; top:100%; z-index:9;}
.header .nav .down>div{ width:100%; display:flex; background-color:#f1f1f1; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.header .nav .tab-hd{ width:24%; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.header .nav .tab-hd .tab-nav{ display:block; padding:35px 50px; padding-right:0; overflow:hidden;}
.header .nav .tab-hd .tab-nav li{ display:block; height:50px; line-height:50px; cursor:pointer; padding:0 20px; font-size:16px; font-weight:bold; border-bottom-left-radius:5px; border-top-left-radius:5px; color:#fff; text-transform:capitalize;}
.header .nav .tab-hd .tab-nav li.selected{ background-color:#fff; color:#0e6eb8;}
.header .nav .tab-bd{ width:76%; overflow:hidden; padding:30px 50px; padding-top:10px; box-sizing:border-box;}
.header .nav .tab-bd .tab-pal{ width:100%; overflow:hidden;}
.header .nav .tab-bd .tab-pal .ul1{ width:30%; display:block; float:left; margin-left:5%; margin-top:20px; overflow:hidden;}
.header .nav .tab-bd .tab-pal .ul1:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.header .nav .tab-bd .tab-pal .ul1 h3{ display:block; font-size:18px; line-height:28px; border-bottom:2px solid #cacaca; position:relative; padding-bottom:5px; margin-bottom:7px;}
.header .nav .tab-bd .tab-pal .ul1 h3 b{ width:60px; height:2px; display:block; position:absolute; left:0; bottom:-2px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.header .nav .tab-bd .tab-pal .ul1 li{ font-size:14px; line-height:24px; display:block; color:#666;}
.header .nav .tab-bd .tab-pal .ul1 li a{ display:block; color:#666;}
.header .nav .tab-bd .tab-pal .ul1 li a:hover{ color:#0e6eb8;}
.header .nav .tab-bd .tab-pal .list{ width:21.25%; float:left; margin-left:5%; margin-top:20px; overflow:hidden;}
.header .nav .tab-bd .tab-pal .list:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.header .nav .tab-bd .tab-pal .list strong{ display:block; height:52px;}
.header .nav .tab-bd .tab-pal .list strong img{ display:block; height:52px; margin:auto;}
.header .nav .tab-bd .tab-pal .list p{ font-size:16px; line-height:26px; display:block; text-align:center; margin-top:10px;}
.header .nav .tab-bd .tab-pal .list:hover p{ color:#0e6eb8;}
.header .nav>li:hover .down{ display:block;}
.header .nav .tab-bd .bt a:hover{ color:#0e6eb8;}
.header .right{ float:right; height:36px; margin:22px 0;}
.header .right b{ display:block; float:left; font-size:18px; line-height:36px; color:#fff; background-image:url(../images/tel_06.png); background-position:left center; background-repeat:no-repeat; padding-left:26px;}
.header:hover .right b,.header.pos .right b{ color:#333; background-image:url(../images/telh_06.png);}
.header .right a{ width:140px; height:36px; line-height:36px; text-align:center; display:block; float:left; border-radius:40px; margin-left:2vw; color:#fff; background:linear-gradient(to right,#0e6eb8,#319dd0); font-size:16px;}
.header .right a:hover{ background:linear-gradient(to right,#0e6eb8,#0e6eb8);}
.header .icon{ display:none;}

.tkbox{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; background-color:rgba(0,0,0,0.3); display:none;}
.tkbox .box{ padding:50px 30px; width:800px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background-color:#fff; border-radius:20px;}
.tkbox .box .close{ width:20px; height:20px; position:absolute; right:20px; top:20px; cursor:pointer;}
.tkbox .box .close img{ display:block; width:100%; -webkit-transition:1s linear; transition:1s ease-in;}
.tkbox .box .close img:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.tkbox .box .bt{ width:100%; text-align:center; font-size:24px; line-height:34px; font-weight:bold; color:#0e6eb8;}
.tkbox .box .list{ width:100%; display:flex; justify-content:space-between; padding:30px 0;}
.tkbox .box .list a{ width:18%; display:block; text-align:center; margin-top:20px;}
.tkbox .box .list a strong{ width:100%; display:flex; align-items:center; overflow:hidden; height:80px;}
.tkbox .box .list a strong img{ max-height:80px; max-width:100%; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.tkbox .box .list a p{ font-size:14px; line-height:24px; display:block; margin-top:15px;}
.tkbox .box .list a:hover p{ color:#0e6eb8;}
.tkbox .box .list a:hover strong img{ -webkit-transform:rotateY(-360deg);}

.sav{ display:none;}
}
@media only screen and (max-width:1024px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:999;  background-color:#fff;}
.header .head{ width:94%; margin:auto; height:50px; position:relative;}
.header .head .logo{ height:30px; float:left; margin:10px 0;}
.header .head .logo img{ display:block; height:30px;}
.header .head .logo img.img01{ display:none;}
.header .head .icon{ height:20px; float:right; margin:15px 0;}
.header .head .icon img{ display:block; height:20px;}
.header .head .icon img.img01{ display:none;}
.header .head .nav{ display:none;}
.header .head .right{ float:right; height:50px;}
.header .head .right b{ display:none;}
.header .head .right a{ width:120px; height:30px; line-height:30px; text-align:center; display:block; border-radius:30px; color:#fff; background:linear-gradient(to right,#0e6eb8,#319dd0); font-size:14px; margin:10px;}
.header .right a:hover{ background:linear-gradient(to right,#0e6eb8,#0e6eb8);}

.sav{ width:100%; background-color:#fff; position:fixed; left:0; top:0; z-index:9999; display:none;}
.sav .mobile{ width:100%; height:calc(100vh - 50px); overflow:auto; position:relative; z-index:1;}
.sav .top{ width:94%; margin:10px 3%;}
.sav .top .logo{ height:30px; float:left;}
.sav .top .logo img{ display:block; height:30px;}
.sav .top .close{ height:20px; float:right; margin:5px 0; opacity:0.3;}
.sav .top .close img{ display:block; height:20px;}
.mobile-search{ width:calc(94% - 2px); height:38px; margin:10px auto; margin-top:0; border:1px solid #cacaca; border-radius:40px;}
.mobile-search .input-input{ width:calc(94% - 65px); float:left; padding:0 15px; height:38px; line-height:38px; display:block; font-size:14px; background-color:transparent;}
.mobile-search .search-btn{ width:20px; height:20px; float:right; margin:9px 15px; margin-left:0; position:relative;}
.mobile-search .search-btn img{ width:100%; display:block;}
.mobile-search .search-btn input{ width:100%; height:20px; display:block; position:absolute; left:0; top:0; opacity:0; cursor:pointer;}
.sav .menu-one{ width:100%;}
.sav .menu-one .type{ padding:0 3%; display:flex; justify-content:space-between; height:50px; align-items:center; border-bottom:solid 1px #eee;}
.sav .menu-one .type .title{ display:block; font-size:15px; font-weight:bold;}
.sav .layui-icon{ width:14px; height:14px; background-image:url(../images/selh.png); background-position:center; background-repeat:no-repeat;}
.sav .active > div > .layui-icon{ transform:rotate(180deg);}
.sav .menu-one.active .type{ background-color:#ecf2f8;}
.sav .menu-one .ul{ background-color:#f9f9f9; height:0; overflow:hidden;}
.sav .menu-one.active .ul{ height:auto;}
.sav .menu-one .ul .ul-level1{ margin-left:5%; margin-right:3%;}
.sav .menu-one .ul .ul-level1 .level1-title{ border-bottom:solid 1px #eee; display:flex; justify-content:space-between; height:50px; align-items:center;}
.sav .menu-one .ul .ul-level1 .level1-title a{ font-weight:bold; font-size:14px; color:#333;}
.sav .menu-one .ul .ul-level1 .level1-ul{ display:none; margin-left:10px;}
.sav .menu-one .ul .ul-level1.active .level1-ul{ display:block;}
.sav .menu-one .ul .ul-level1 .level1-ul .level2-title{ border-bottom:solid 1px #eee; display:flex; justify-content:space-between; height:50px; align-items:center;}
.sav .menu-one .ul .ul-level1 .level1-ul .level2-title a{ font-weight:bold; font-size:14px; color:#444;}
.sav .menu-one .ul .ul-level1 .level1-ul .level2-ul{ display:none;}
.sav .menu-one .ul .ul-level1 .level1-ul.active .level2-ul{ display:block;}
.sav .menu-one .ul .ul-level1 .level1-ul .level2-ul .li{ border-bottom:solid 1px #eee; line-height:50px;}
.sav .menu-one .ul .ul-level1 .level1-ul .level2-ul .li a{ font-size:13px; color:#666;}
.sav .di{ width:94%; height:50px; padding:0 3%; background-color:#f5f8fc;}
.sav .di a{ width:calc(50% - 20px); font-size:16px; line-height:50px; float:left; display:flex; justify-content:center; align-items:center;}
.sav .di a img{ display:block; float:left; height:16px; margin:17px 5px; margin-left:0;}
.sav .di b{ width:40px; display:block; float:left; padding:17px 0;}
.sav .di b img{ display:block; height:16px; margin:auto;}

.tkbox{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; background-color:rgba(0,0,0,0.3); display:none;}
.tkbox .box{ padding:15px 10px; width:94%; box-sizing:border-box; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background-color:#fff; border-radius:10px;}
.tkbox .box .close{ width:20px; height:20px; position:absolute; right:15px; top:15px; cursor:pointer;}
.tkbox .box .close img{ display:block; width:100%; -webkit-transition:1s linear; transition:1s ease-in;}
.tkbox .box .close img:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.tkbox .box .bt{ width:100%; text-align:center; font-size:20px; line-height:30px; font-weight:bold; color:#0e6eb8;}
.tkbox .box .list{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding:10px 0;}
.tkbox .box .list a{ width:90px; display:block; text-align:center; margin:10px 5px; margin-bottom:0;}
.tkbox .box .list a strong{ width:100%; display:flex; align-items:center; overflow:hidden; height:40px;}
.tkbox .box .list a strong img{ max-height:40px; max-width:100%; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.tkbox .box .list a p{ font-size:14px; line-height:24px; display:block; margin-top:5px;}
.tkbox .box .list a:hover p{ color:#0e6eb8;}
.tkbox .box .list a:hover strong img{ -webkit-transform:rotateY(-360deg);}
}

/*banner*/
@media screen and (min-width:1441px){
.banner{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%;}
.banner .swiper-container .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:30px; z-index:3;}
.banner .swiper-pagination span{ display:inline-block; width:10px; height:10px; margin:0 5px; background-color:#fff; cursor:pointer; opacity:0.7; border-radius:10px; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; opacity:1;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.banner{ width:100%; height:54.6875vw; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%;}
.banner .swiper-container .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:20px; z-index:3;}
.banner .swiper-pagination span{ display:inline-block; width:8px; height:8px; margin:0 5px; background-color:#fff; cursor:pointer; opacity:0.7; border-radius:8px; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; opacity:1;}
}
@media only screen and (max-width:1024px){
.banner{ width:100%; height:54.6875vw; position:relative; z-index:1; margin-top:50px;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%;}
.banner .swiper-container .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:5px; z-index:3;}
.banner .swiper-pagination span{ display:inline-block; width:6px; height:6px; margin:0 3px; background-color:#fff; cursor:pointer; opacity:0.7; border-radius:6px; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; opacity:1;}
}

/*我们的核心技术*/
@media screen and (min-width:1441px){
.jbox{ width:100%; padding-top:65px; padding-bottom:50px; background-color:#f2f5fc;}
.jbox .title{ width:1440px; margin:auto; text-align:center; position:relative;}
.jbox .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3;}
.jbox .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px;}
.jbox .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.jbox .stitle{ width:900px; margin:auto; font-size:16px; line-height:26px; text-align:center; margin-top:15px;}
.jbox .box{ width:1440px; position:relative; margin:auto; margin-top:30px;}
.jbox .box .tu{ width:100%; position:relative; z-index:1;}
.jbox .box .tu img{ max-width:100%; display:block; margin:auto; max-height:480px;}
.jbox .box .left{ position:absolute; left:0; top:50%; margin-top:-165px; z-index:3;}
.jbox .box .right{ position:absolute; right:0; top:50%; margin-top:-165px; z-index:3;}
.jbox .box a{ display:block; width:340px; background-color:#fff; height:50px; border-radius:50px; overflow:hidden; position:relative; margin-top:90px;}
.jbox .box a:nth-child(1){ margin-top:0;}
.jbox .box a:nth-child(2){ margin-left:80px;}
.jbox .box p{ box-sizing:border-box; border:1px solid #fff; border-radius:50px; display:block; font-size:18px; line-height:48px; height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jbox .box .left p{ padding-left:20px; padding-right:70px; text-align:right;}
.jbox .box .right p{ padding-right:20px; padding-left:70px;}
.jbox .box a:hover p{ border:1px solid #0e6eb8;}
.jbox .box strong{ width:50px; height:50px; display:block; border-radius:50px; background-color:#eee; overflow:hidden; position:absolute; top:0;}
.jbox .box .left strong{ right:0;}
.jbox .box .right strong{ left:0;}
.jbox .box strong img{ display:block; height:26px; margin:12px auto;}
.jbox .box strong img.img02{ display:none;}
.jbox .box a:hover strong{ background-color:#0e6eb8;}
.jbox .box a:hover strong img.img01{ display:none;}
.jbox .box a:hover strong img.img02{ display:block;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.jbox{ width:100%; padding-top:45px; padding-bottom:35px; background-color:#f2f5fc;}
.jbox .title{ width:94%; margin:auto; text-align:center; position:relative;}
.jbox .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3;}
.jbox .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px;}
.jbox .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.jbox .stitle{ width:94%; max-width:900px; margin:auto; font-size:16px; line-height:26px; text-align:center; margin-top:10px;}
.jbox .box{ width:94%; position:relative; margin:auto; margin-top:20px;}
.jbox .box .tu{ width:100%; position:relative; z-index:1;}
.jbox .box .tu img{ max-width:100%; display:block; margin:auto; max-height:360px;}
.jbox .box .left{ position:absolute; left:0; top:50%; margin-top:-119px; z-index:3;}
.jbox .box .right{ position:absolute; right:0; top:50%; margin-top:-119px; z-index:3;}
.jbox .box a{ display:block; width:340px; background-color:#fff; height:46px; border-radius:46px; overflow:hidden; position:relative; margin-top:50px;}
.jbox .box a:nth-child(1){ margin-top:0;}
.jbox .box a:nth-child(2){ margin-left:3vw;}
.jbox .box p{ box-sizing:border-box; border:1px solid #fff; border-radius:46px; display:block; font-size:16px; line-height:44px; height:46px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jbox .box .left p{ padding-left:15px; padding-right:60px; text-align:right;}
.jbox .box .right p{ padding-right:15px; padding-left:60px;}
.jbox .box a:hover p{ border:1px solid #0e6eb8;}
.jbox .box strong{ width:46px; height:46px; display:block; border-radius:46px; background-color:#eee; overflow:hidden; position:absolute; top:0;}
.jbox .box .left strong{ right:0;}
.jbox .box .right strong{ left:0;}
.jbox .box strong img{ display:block; height:26px; margin:10px auto;}
.jbox .box strong img.img02{ display:none;}
.jbox .box a:hover strong{ background-color:#0e6eb8;}
.jbox .box a:hover strong img.img01{ display:none;}
.jbox .box a:hover strong img.img02{ display:block;}
}
@media only screen and (max-width:1024px){
.jbox{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#f2f5fc;}
.jbox .title{ width:94%; margin:auto; text-align:center; position:relative;}
.jbox .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3;}
.jbox .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px;}
.jbox .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.jbox .stitle{ width:94%; margin:auto; font-size:14px; line-height:24px; text-align:center; margin-top:10px;}
.jbox .box{ width:94%; position:relative; margin:auto;}
.jbox .box .tu{ width:100%; margin-top:10px;}
.jbox .box .tu img{ max-width:100%; display:block; margin:auto; max-height:240px;}
.jbox .box .left{ margin-top:15px;}
.jbox .box .right{ margin-top:10px;}
.jbox .box a{ display:block; width:calc(100% - 15px); background-color:#fff; height:40px; border-radius:40px; overflow:hidden; position:relative; margin-top:15px;}
.jbox .box a:nth-child(1){ margin-top:0;}
.jbox .box a:nth-child(2){ margin-left:15px;}
.jbox .box p{ box-sizing:border-box; border:1px solid #fff; border-radius:40px; display:block; font-size:14px; line-height:38px; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jbox .box .left p{ padding-left:10px; padding-right:50px; text-align:right;}
.jbox .box .right p{ padding-right:10px; padding-left:50px;}
.jbox .box a:hover p{ border:1px solid #0e6eb8;}
.jbox .box strong{ width:40px; height:40px; display:block; border-radius:40px; background-color:#eee; overflow:hidden; position:absolute; top:0;}
.jbox .box .left strong{ right:0;}
.jbox .box .right strong{ left:0;}
.jbox .box strong img{ display:block; height:20px; margin:10px auto;}
.jbox .box strong img.img02{ display:none;}
.jbox .box a:hover strong{ background-color:#0e6eb8;}
.jbox .box a:hover strong img.img01{ display:none;}
.jbox .box a:hover strong img.img02{ display:block;}
}
.jbox{ display:none;}

/*能为你提供应用方案*/
@media screen and (min-width:1441px){
.cbox{ width:100%; padding-top:65px; background-color:#fff;}
.cbox .title{ width:1440px; margin:auto; text-align:center; position:relative;}
.cbox .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3;}
.cbox .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px;}
.cbox .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.cbox .box{ width:100%; position:relative; margin:auto; margin-top:30px;}
.cbox .box .item{ width:12.5%; float:left; margin-left:1px; height:600px; position:relative; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-position:left center; background-repeat:no-repeat; background-size:cover;}
.cbox .box .item.active{ width:calc(50% - 4px);}
.cbox .box .item:nth-child(1){ margin-left:0;}
.cbox .box .item .con{ width:100%; height:100%; background-color:rgba(14,110,184,.9); position:relative; box-sizing:border-box; padding:190px 12.5%; padding-bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .item.active .con{ background-color:rgba(14,110,184,.7); padding-left:25.1%; padding-right:28%; padding-top:100px;}
.cbox .box .item .con .c01{ height:70px;}
.cbox .box .item .con .c01 img{ display:block; height:70px;}
.cbox .box .item .con .c02{ font-size:20px; line-height:30px; margin-top:45px;}
.cbox .box .item .con .c02 a{ display:block; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box .item.active .con .c02{ font-size:24px; line-height:34px; font-weight:bold;}
.cbox .box .item .con .c03{ font-size:16px; line-height:26px; margin-top:10px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box .item.active .con .c03{ font-size:18px; line-height:28px;}
.cbox .box .item .con .c04{ display:none; font-size:14px; line-height:24px; height:96px; margin-top:78px; color:#fff;}
.cbox .box .item.active .con .c04{ display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.cbox .box .item .con .c05{ display:none; margin-top:20px;}
.cbox .box .item .con .c05 a{ display:flex; float:left; align-items:center; font-size:14px; line-height:24px; color:#fff;}
.cbox .box .item .con .c05 a img{ display:block; margin-left:10px;}
.cbox .box .item.active .con .c05{ display:block;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.cbox{ width:100%; padding-top:45px; background-color:#fff;}
.cbox .title{ width:94%; margin:auto; text-align:center; position:relative;}
.cbox .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3;}
.cbox .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px;}
.cbox .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.cbox .box{ width:100%; position:relative; margin:auto; margin-top:25px;}
.cbox .box .item{ width:15%; float:left; margin-left:1px; height:450px; position:relative; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-position:left center; background-repeat:no-repeat; background-size:cover;}
.cbox .box .item.active{ width:calc(40% - 4px);}
.cbox .box .item:nth-child(1){ margin-left:0;}
.cbox .box .item .con{ width:100%; height:100%; background-color:rgba(14,110,184,.9); position:relative; box-sizing:border-box; padding:155px 1.5625vw; padding-bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .item.active .con{ background-color:rgba(14,110,184,.7); padding:0 3vw; padding-top:60px;}
.cbox .box .item .con .c01{ height:50px;}
.cbox .box .item .con .c01 img{ display:block; height:50px;}
.cbox .box .item .con .c02{ font-size:18px; line-height:28px; margin-top:35px;}
.cbox .box .item .con .c02 a{ display:block; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box .item.active .con .c02{ font-size:22px; line-height:32px; font-weight:bold;}
.cbox .box .item .con .c03{ font-size:14px; line-height:24px; margin-top:5px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box .item.active .con .c03{ font-size:16px; line-height:26px;}
.cbox .box .item .con .c04{ display:none; font-size:14px; line-height:24px; height:96px; margin-top:58px; color:#fff;}
.cbox .box .item.active .con .c04{ display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.cbox .box .item .con .c05{ display:none; margin-top:15px;}
.cbox .box .item .con .c05 a{ display:flex; float:left; align-items:center; font-size:14px; line-height:24px; color:#fff;}
.cbox .box .item .con .c05 a img{ display:block; margin-left:10px;}
.cbox .box .item.active .con .c05{ display:block;}
}
@media only screen and (max-width:1024px){
.cbox{ width:100%; padding-top:25px; background-color:#fff;}
.cbox .title{ width:94%; margin:auto; text-align:center; position:relative;}
.cbox .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3;}
.cbox .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px;}
.cbox .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.cbox .box{ width:100%; position:relative; margin:auto; margin-top:20px;}
.cbox .box .item{ width:100%; margin-top:1px; position:relative; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-position:top center; background-repeat:no-repeat; background-size:cover;}
.cbox .box .item:nth-child(1){ margin-top:0;}
.cbox .box .item .con{ width:100%; height:100%; background-color:rgba(14,110,184,.9); position:relative; box-sizing:border-box; padding:15px 3%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .item.active .con{ background-color:rgba(14,110,184,.8);}
.cbox .box .item .con .c01{ height:35px; position:absolute; left:3%; top:22px;}
.cbox .box .item .con .c01 img{ display:block; height:35px;}
.cbox .box .item .con .c02{ padding-left:45px; font-size:16px; line-height:26px;}
.cbox .box .item .con .c02 a{ display:block; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box .item.active .con .c02{ font-weight:bold; font-size:18px;}
.cbox .box .item .con .c03{ padding-left:45px; font-size:14px; line-height:20px; color:#eee; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box .item.active .con .c03{ color:#fff;}
.cbox .box .item .con .c04{ display:none; font-size:14px; line-height:24px; height:96px; margin-top:5px; color:#fff;}
.cbox .box .item.active .con .c04{ display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.cbox .box .item .con .c05{ display:none; margin-top:2px;}
.cbox .box .item .con .c05 a{ display:flex; float:left; align-items:center; font-size:14px; line-height:24px; color:#fff;}
.cbox .box .item .con .c05 a img{ display:block; margin-left:10px;}
.cbox .box .item.active .con .c05{ display:block;}
}

/*我们的优势*/
@media screen and (min-width:1441px){
.abox{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.abox .box{ width:100%; padding-top:65px; padding-bottom:70px; background-image:url(../images/abg_04.png); background-size:100% 100%; background-repeat:no-repeat;}
.abox .title{ width:1440px; margin:auto; text-align:center; position:relative;}
.abox .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3;}
.abox .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px;}
.abox .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.abox .stitle{ width:900px; margin:auto; font-size:16px; line-height:26px; text-align:center; margin-top:15px;}
.abox .list{ display:flex; align-items:center; justify-content:space-between; width:1440px; position:relative; margin:auto; margin-top:25px; background-color:rgba(255,255,255,0.7); border-radius:10px; padding:50px 0;}
.abox .list dd{ width:1px; height:110px; display:block; background-color:#666;}
.abox .list dt{ width:359px; display:block; text-align:center;}
.abox .list dt .a01{ height:60px; padding:6px 0;}
.abox .list dt .a01 img{ display:block; height:60px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.abox .list dt:hover .a01 img{ -webkit-transform:rotateY(-360deg);}
.abox .list dt .a02{ height:48px; display:flex; align-items:center; justify-content:center;}
.abox .list dt .a02>span{ font-size:48px; line-height:48px; color:#0e6eb8; margin-right:10px; text-align:right;}
.abox .list dt .a02>p{ text-align:left; display:block;}
.abox .list dt .a02>p span{ display:block; font-size:16px; line-height:24px;}
.abox .list dt .a02>p a{ display:block; font-size:14px; line-height:22px; color:#0e6eb8;}
.abox .list01{ width:1200px; margin:auto; margin-top:45px; display:flex; align-items:center; justify-content:space-between;}
.abox .list01 a{ padding:0 30px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; flex-direction:column; width:350px; background-color:rgba(255,255,255,0.7); border-radius:10px; height:200px; text-align:center;}
.abox .list01 a .a01{ font-size:26px; line-height:36px; width:100%;}
.abox .list01 a .a02{ font-size:16px; line-height:26px; width:100%; color:#666; margin-top:20px;}
.abox .list01 a .a03{ width:114px; height:32px; font-size:14px; line-height:32px; border:2px solid #0e6eb8; border-radius:36px; margin:5px auto; margin-top:25px;}
.abox .list01 a:hover .a01{ color:#0e6eb8;}
.abox .list01 a:hover .a03{ background-color:#0e6eb8; color:#fff;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.abox{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.abox .box{ width:100%; padding-top:45px; padding-bottom:50px; background-image:url(../images/abg_04.png); background-size:100% 100%; background-repeat:no-repeat;}
.abox .title{ width:94%; margin:auto; text-align:center; position:relative;}
.abox .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3;}
.abox .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px;}
.abox .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.abox .stitle{ width:94%; max-width:900px; margin:auto; font-size:16px; line-height:26px; text-align:center; margin-top:10px;}
.abox .list{ display:flex; align-items:center; justify-content:space-between; width:94%; position:relative; margin:auto; margin-top:20px; background-color:rgba(255,255,255,0.7); border-radius:10px; padding:30px 0;}
.abox .list dd{ width:1px; height:110px; display:block; background-color:#666;}
.abox .list dt{ width:calc((100% - 3px)/4); display:block; text-align:center;}
.abox .list dt .a01{ height:50px; padding:5px 0;}
.abox .list dt .a01 img{ display:block; height:50px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.abox .list dt:hover .a01 img{ -webkit-transform:rotateY(-360deg);}
.abox .list dt .a02{ height:44px; display:flex; align-items:center; justify-content:center;}
.abox .list dt .a02>span{ display:block; font-size:44px; line-height:44px; color:#0e6eb8; margin-right:7px; text-align:right;}
.abox .list dt .a02>p{ text-align:left; display:block;}
.abox .list dt .a02>p span{ display:block; font-size:16px; line-height:20px;}
.abox .list dt .a02>p a{ display:block; font-size:14px; line-height:18px; color:#0e6eb8;}
.abox .list01{ width:90%; margin:auto; margin-top:25px; display:flex; align-items:center; justify-content:space-between;}
.abox .list01 a{ padding:0 20px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; flex-direction:column; width:32%; background-color:rgba(255,255,255,0.7); border-radius:10px; height:150px; text-align:center;}
.abox .list01 a .a01{ font-size:22px; line-height:32px; width:100%;}
.abox .list01 a .a02{ font-size:14px; line-height:24px; width:100%; color:#666; margin-top:5px;}
.abox .list01 a .a03{ width:106px; height:28px; font-size:14px; line-height:28px; border:2px solid #0e6eb8; border-radius:36px; margin:5px auto; margin-top:15px;}
.abox .list01 a:hover .a01{ color:#0e6eb8;}
.abox .list01 a:hover .a03{ background-color:#0e6eb8; color:#fff;}
}
@media only screen and (max-width:1024px){
.abox{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.abox .box{ width:100%; padding-top:25px; padding-bottom:30px; background-image:url(../images/abg_04.png); background-size:100% 100%; background-repeat:no-repeat;}
.abox .title{ width:94%; margin:auto; text-align:center; position:relative;}
.abox .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3;}
.abox .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px;}
.abox .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.abox .stitle{ width:94%; margin:auto; font-size:14px; line-height:24px; text-align:center; margin-top:10px;}
.abox .list{ display:flex; position:relative; width:94%; position:relative; margin:auto; margin-top:15px; background-color:rgba(255,255,255,0.7); border-radius:5px; flex-wrap:wrap;}
.abox .list dd{ display:none;}
.abox .list dd:nth-child(2){ width:1px; height:calc(100% - 30px); display:block; background-color:#666; position:absolute; left:50%; margin-left:-0.5px; top:15px;}
.abox .list dd:nth-child(4){ width:calc(100% - 30px); height:1px; display:block; background-color:#666; position:absolute; top:50%; margin-top:-0.5px; left:15px;}
.abox .list dt{ width:50%; padding:15px; box-sizing:border-box; display:block; text-align:center;}
.abox .list dt .a01{ height:30px; padding:5px 0;}
.abox .list dt .a01 img{ display:block; height:30px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.abox .list dt:hover .a01 img{ -webkit-transform:rotateY(-360deg);}
.abox .list dt .a02{ text-align:center; display:inline-block; position:relative; padding-right:20px; padding-bottom:26px; overflow:visible;}
.abox .list dt .a02>span{ display:block; font-size:30px; line-height:30px; color:#0e6eb8;}
.abox .list dt .a02>p{ width:100%; text-align:center; display:block; position:absolute; right:0; bottom:0; padding-bottom:24px;}
.abox .list dt .a02>p span{ width:47vw; display:block; font-size:16px; line-height:26px; position:absolute; left:50%; margin-left:-23.4vw; bottom:0; padding:0 15px; box-sizing:border-box; overflow:hidden; height:26px;}
.abox .list dt .a02>p a{ display:block; font-size:14px; line-height:24px; color:#0e6eb8; text-align:right;}
.abox .list01{ width:94%; margin:auto; display:flex; justify-content:space-between; flex-wrap:wrap;}
.abox .list01 a{ width:48%; padding:15px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; flex-direction:column; background-color:rgba(255,255,255,0.7); border-radius:5px; text-align:center; margin-top:15px;}
.abox .list01 a:nth-child(1){ width:100%;}
.abox .list01 a .a01{ font-size:18px; line-height:28px; width:100%;}
.abox .list01 a .a02{ font-size:14px; line-height:24px; width:100%; color:#666;}
.abox .list01 a .a03{ width:90px; height:24px; font-size:14px; line-height:24px; border:1px solid #0e6eb8; border-radius:36px; margin:5px auto; margin-top:10px;}
.abox .list01 a:hover .a01{ color:#0e6eb8;}
.abox .list01 a:hover .a03{ background-color:#0e6eb8; color:#fff;}
}

/*新闻动态*/
@media screen and (min-width:1441px){
.nbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f2f5fc;}
.nbox .title{ width:1440px; margin:auto; text-align:center; position:relative;}
.nbox .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3;}
.nbox .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px;}
.nbox .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.nbox .stitle{ width:900px; margin:auto; font-size:16px; line-height:26px; text-align:center; margin-top:15px;}
.nbox .box{ width:1440px; position:relative; margin:auto; margin-top:25px; overflow:hidden;}
.nbox .box .left{ width:340px; height:460px; border-radius:10px; float:left; background-position:center; background-size:cover; background-repeat:no-repeat;}
.nbox .box .left a{ display:block; width:100%; height:100%; position:relative; overflow:hidden; background:linear-gradient(to bottom,rgba(14,110,184,0),rgba(14,110,184,1));}
.nbox .box .left .wen{ position:absolute; left:0; bottom:0; padding:25px 30px; width:100%; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .left .wen .n01{ font-size:14px; line-height:24px; color:#fff;}
.nbox .box .left .wen .n02{ font-size:18px; line-height:28px; color:#fff; height:28px; font-weight:bold; margin-top:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nbox .box .left .wen .n03{ font-size:14px; line-height:24px; color:#fff; height:48px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .left .wen .n04{ font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
.nbox .box .left a:hover .wen{ padding-bottom:35px;}
.nbox .box .left a:hover{ background:linear-gradient(to bottom,rgba(14,110,184,.8),rgba(14,110,184,.8));}
.nbox .box .mil{ width:340px; height:460px; border-radius:10px; float:left; background-color:#fff; margin:0 30px;}
.nbox .box .mil a{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}
.nbox .box .mil .wen{ padding:30px; padding-top:25px;}
.nbox .box .mil .wen .n01{ font-size:14px; line-height:24px; color:#0e6eb8;}
.nbox .box .mil .wen .n02{ font-size:18px; line-height:28px; color:#333; height:28px; font-weight:bold; margin-top:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nbox .box .mil .wen .n03{ font-size:14px; line-height:24px; color:#333; height:48px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .mil .wen .n04{ font-size:14px; line-height:24px; color:#999; margin-top:10px;}
.nbox .box .mil .tu{ width:280px; height:180px; position:absolute; left:30px; bottom:30px;}
.nbox .box .mil .tu img{ width:100%; display:block;}
.nbox .box .mil .wen .n02:hover{ color:#0e6eb8;}
.nbox .box .mil .wen .n04:hover{ color:#0e6eb8;}
.nbox .box .right{ width:700px; display:block; float:right; margin-top:-26px;}
.nbox .box .right li{ display:flex; align-items:center; height:136px; margin-top:26px; border-radius:10px; background-color:#fff; overflow:hidden;}
.nbox .box .right li a{ padding-left:10px; padding-right:30px; display:block; overflow:hidden;}
.nbox .box .right li .zc{ width:90px; text-align:center; float:left; position:relative;}
.nbox .box .right li .zc b{ font-size:36px; line-height:38px; display:block; color:#0e6eb8;}
.nbox .box .right li .zc p{ font-size:14px; line-height:22px; display:block; color:#666;}
.nbox .box .right li .zc span{ width:1px; height:calc(100% - 10px); background-color:#cacaca; position:absolute; right:0; top:5px; display:block; overflow:hidden;}
.nbox .box .right li .yc{ float:right; width:calc(100% - 110px);}
.nbox .box .right li .yc b{ font-size:18px; line-height:28px; display:block; height:28px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nbox .box .right li .yc p{ font-size:14px; line-height:24px; height:48px; margin:3px 0; display:block; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .right li .yc span{ font-size:14px; line-height:24px; display:block; color:#999;}
.nbox .box .right li:hover .yc b{ color:#0e6eb8;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.nbox{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#f2f5fc;}
.nbox .title{ width:94%; margin:auto; text-align:center; position:relative;}
.nbox .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3;}
.nbox .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px;}
.nbox .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.nbox .stitle{ width:94%; max-width:900px; margin:auto; font-size:16px; line-height:26px; text-align:center; margin-top:10px;}
.nbox .box{ width:94%; position:relative; margin:auto; margin-top:20px; overflow:hidden;}
.nbox .box .left{ width:23.61%; height:30.026vw; border-radius:10px; float:left; background-position:center; background-size:cover; background-repeat:no-repeat;}
.nbox .box .left a{ display:block; width:100%; height:100%; position:relative; overflow:hidden; background:linear-gradient(to bottom,rgba(14,110,184,0),rgba(14,110,184,1));}
.nbox .box .left .wen{ position:absolute; left:0; bottom:0; padding:15px 8%; width:100%; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .left .wen .n01{ font-size:14px; line-height:24px; color:#fff;}
.nbox .box .left .wen .n02{ font-size:18px; line-height:28px; color:#fff; height:28px; font-weight:bold; margin-top:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nbox .box .left .wen .n03{ font-size:14px; line-height:24px; color:#fff; height:48px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .left .wen .n04{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.nbox .box .left a:hover .wen{ padding-bottom:25px;}
.nbox .box .left a:hover{ background:linear-gradient(to bottom,rgba(14,110,184,.8),rgba(14,110,184,.8));}
.nbox .box .mil{ width:23.61%; height:30.026vw; border-radius:10px; float:left; background-color:#fff; margin:0 2%;}
.nbox .box .mil a{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}
.nbox .box .mil .wen{ padding:20px 8%; padding-top:15px;}
.nbox .box .mil .wen .n01{ font-size:14px; line-height:24px; color:#0e6eb8;}
.nbox .box .mil .wen .n02{ font-size:18px; line-height:28px; color:#333; height:28px; font-weight:bold; margin-top:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nbox .box .mil .wen .n03{ font-size:14px; line-height:24px; color:#333; height:48px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .mil .wen .n04{ font-size:14px; line-height:24px; color:#999; margin-top:5px;}
.nbox .box .mil .tu{ width:84%; height:11.98vw; position:absolute; left:8%; bottom:20px;}
.nbox .box .mil .tu img{ width:100%; display:block;}
.nbox .box .mil .wen .n02:hover{ color:#0e6eb8;}
.nbox .box .mil .wen .n04:hover{ color:#0e6eb8;}
.nbox .box .right{ width:48.78%; display:block; float:right; margin-top:-1vw;}
.nbox .box .right li{ display:flex; align-items:center; height:9.342vw; margin-top:1vw; border-radius:10px; background-color:#fff; overflow:hidden;}
.nbox .box .right li a{ padding-left:1.43%; padding-right:4.29%; display:block; overflow:hidden;}
.nbox .box .right li .zc{ width:80px; text-align:center; float:left; position:relative;}
.nbox .box .right li .zc b{ font-size:32px; line-height:34px; display:block; color:#0e6eb8;}
.nbox .box .right li .zc p{ font-size:14px; line-height:22px; display:block; color:#666;}
.nbox .box .right li .zc span{ width:1px; height:calc(100% - 10px); background-color:#cacaca; position:absolute; right:0; top:5px; display:block; overflow:hidden;}
.nbox .box .right li .yc{ float:right; width:calc(100% - 100px);}
.nbox .box .right li .yc b{ font-size:18px; line-height:28px; display:block; height:28px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nbox .box .right li .yc p{ font-size:14px; line-height:24px; height:48px; display:block; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .right li .yc span{ font-size:14px; line-height:24px; display:block; color:#999;}
.nbox .box .right li:hover .yc b{ color:#0e6eb8;}
}
@media only screen and (max-width:1024px){
.nbox{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#f2f5fc;}
.nbox .title{ width:94%; margin:auto; text-align:center; position:relative;}
.nbox .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3;}
.nbox .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px;}
.nbox .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.nbox .stitle{ width:94%; margin:auto; font-size:14px; line-height:24px; text-align:center; margin-top:10px;}
.nbox .box{ width:94%; position:relative; margin:auto; margin-top:15px; overflow:hidden;}
.nbox .box .left{ width:48%; height:61.04vw; border-radius:5px; float:left; background-position:center; background-size:cover; background-repeat:no-repeat;}
.nbox .box .left a{ display:block; width:100%; height:100%; position:relative; overflow:hidden; background:linear-gradient(to bottom,rgba(14,110,184,0),rgba(14,110,184,1));}
.nbox .box .left .wen{ position:absolute; left:0; bottom:0; padding:10px; width:100%; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .left .wen .n01{ font-size:14px; line-height:1; color:#fff;}
.nbox .box .left .wen .n02{ font-size:16px; line-height:26px; color:#fff; height:26px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nbox .box .left .wen .n03{ font-size:14px; line-height:20px; color:#fff; height:40px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .left .wen .n04{ font-size:14px; line-height:20px; color:#fff;}
.nbox .box .left a:hover .wen{ padding-bottom:20px;}
.nbox .box .left a:hover{ background:linear-gradient(to bottom,rgba(14,110,184,.8),rgba(14,110,184,.8));}
.nbox .box .mil{ width:48%; height:61.04vw; border-radius:5px; float:left; background-color:#fff; margin-left:4%;}
.nbox .box .mil a{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}
.nbox .box .mil .wen{ padding:10px; padding-top:15px;}
.nbox .box .mil .wen .n01{ font-size:14px; line-height:1; color:#0e6eb8;}
.nbox .box .mil .wen .n02{ font-size:16px; line-height:26px; color:#333; height:26px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nbox .box .mil .wen .n03{ font-size:14px; line-height:20px; color:#333; height:40px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .mil .wen .n04{ font-size:14px; line-height:20px; color:#999;}
.nbox .box .mil .tu{ width:calc(100% - 20px); max-height:calc(29vw - 20px); position:absolute; left:10px; bottom:15px;}
.nbox .box .mil .tu img{ width:100%; display:block;}
.nbox .box .mil .wen .n02:hover{ color:#0e6eb8;}
.nbox .box .mil .wen .n04:hover{ color:#0e6eb8;}
.nbox .box .right{ width:100%; display:block; float:right;}
.nbox .box .right li{ margin-top:15px; border-radius:5px; background-color:#fff; overflow:hidden;}
.nbox .box .right li a{ display:block; overflow:hidden; padding:10px 0;}
.nbox .box .right li .zc{ width:70px; text-align:center; float:left; position:relative;}
.nbox .box .right li .zc b{ font-size:28px; line-height:30px; display:block; color:#0e6eb8;}
.nbox .box .right li .zc p{ font-size:14px; line-height:22px; display:block; color:#666;}
.nbox .box .right li .zc span{ width:1px; height:calc(100% - 10px); background-color:#cacaca; position:absolute; right:0; top:5px; display:block; overflow:hidden;}
.nbox .box .right li .yc{ float:right; width:calc(100% - 90px); margin:0 10px;}
.nbox .box .right li .yc b{ font-size:16px; line-height:26px; display:block; height:26px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nbox .box .right li .yc p{ font-size:14px; line-height:24px; height:48px; display:block; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .right li .yc span{ font-size:14px; line-height:24px; display:block; color:#999;}
.nbox .box .right li:hover .yc b{ color:#0e6eb8;}
}

/*footer*/
@media screen and (min-width:1441px){
.footer{ width:100%; position:relative; background-position:center; background-size:cover;}
.footer .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.9); position:absolute; left:0; top:0; z-index:1;}
.footer .foot{ width:1440px; position:relative; margin:auto; z-index:3;}
.footer .foot .top{ padding-top:30px; padding-bottom:25px;}
.footer .foot .top .left{ width:290px; float:left;}
.footer .foot .top .left .f01{ height:50px;}
.footer .foot .top .left .f01 img{ display:block; height:50px;}
.footer .foot .top .left .f02{ color:#fff; font-size:16px; line-height:26px; margin-top:10px;}
.footer .foot .top .left .f03{ margin-top:13px; margin-bottom:5px; width:calc(100% - 2px); height:38px; border:1px solid rgba(255,255,255,0.3); border-radius:40px;}
.footer .foot .top .left .f03 .text{ display:block; float:left; width:calc(100% - 54px); text-indent:19px; height:38px; line-height:38px; font-size:14px; color:#fff; background-color:transparent;}
.footer .foot .top .left .f03 .text::-webkit-input-placeholder{ color:#ccc;} 
.footer .foot .top .left .f03 .text:-moz-placeholder{ color:#ccc;} 
.footer .foot .top .left .f03 .text::-moz-placeholder{ color:#ccc;} 
.footer .foot .top .left .f03 .text:-ms-input-placeholder{ color:#ccc;}
.footer .foot .top .left .f03 .sub{ width:54px; height:38px; cursor:pointer; float:left; display:block; background-color:transparent; background-image:url(../images/ser_16.png); background-position:center; background-repeat:no-repeat;} 
.footer .foot .top .right{ float:right; width:240px;}
.footer .foot .top .right strong{ width:248px; display:block; height:116px; overflow:hidden;}
.footer .foot .top .right strong img{ width:116px; display:block; float:left; margin-right:8px;}
.footer .foot .top .right p{ text-align:center; display:block; margin-top:4px; font-size:14px; line-height:24px; color:#fff;}
.footer .foot .top .mil{ float:right; margin-right:70px; width:calc(100% - 630px);}
.footer .foot .top .mil .f01{ padding-top:20px; display:block; height:24px;}
.footer .foot .top .mil .f01 li{ display:block; position:relative; margin-right:40px; float:left;}
.footer .foot .top .mil .f01 li>a{ display:flex; align-items:center; font-size:16px; line-height:24px; color:#fff;}
.footer .foot .top .mil .f01 li>a img{ display:block; height:4px; margin-left:10px;}
.footer .foot .top .mil .f01 li p{ width:100%; display:none; position:absolute; left:0; bottom:100%;}
.footer .foot .top .mil .f01 li p b{ margin-left:10px; display:block; width:0; height:0; border-top:6px solid #fff; border-right:6px solid transparent; border-left:6px solid transparent;}
.footer .foot .top .mil .f01 li p span{ display:block; padding:10px; background-color:#fff; border-radius:5px;}
.footer .foot .top .mil .f01 li p span a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .foot .top .mil .f01 li p span a:hover{ color:#0e6eb8;}
.footer .foot .top .mil .f01 li:hover p{ display:block;}
.footer .foot .top .mil .f02{ display:block; margin-top:30px;}
.footer .foot .top .mil .f02 dt{ display:block; float:left; margin-right:50px; padding-left:45px; background-position:0 6px; background-repeat:no-repeat;}
.footer .foot .top .mil .f02 dd{ display:block; float:left; padding-left:45px; background-position:0 6px; background-repeat:no-repeat; max-width:30%;}
.footer .foot .top .mil .f02 span{ display:block; font-size:14px; line-height:22px; color:#fff;}
.footer .foot .top .mil .f02 dt p{ display:block; font-size:18px; line-height:22px; color:#fff;}
.footer .foot .top .mil .f02 dd p{ display:block; font-size:14px; line-height:18px; color:#fff; padding-top:4px;}
.footer .foot .bot{ width:100%; height:50px; border-top:1px solid rgba(255,255,255,0.3);}
.footer .foot .bot p{ float:left; display:block; font-size:14px; line-height:50px; margin-right:30px; color:#ccc; height:50px;}
.footer .foot .bot a{ color:#ccc;}
.footer .foot .bot span{ display:block; float:right; font-size:14px; line-height:50px; color:#ccc; height:50px;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.footer{ width:100%; position:relative; background-position:center; background-size:cover;}
.footer .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.9); position:absolute; left:0; top:0; z-index:1;}
.footer .foot{ width:94%; position:relative; margin:auto; z-index:3;}
.footer .foot .top{ padding-top:25px; padding-bottom:20px;}
.footer .foot .top .left{ width:250px; float:left;}
.footer .foot .top .left .f01{ height:50px;}
.footer .foot .top .left .f01 img{ display:block; height:50px;}
.footer .foot .top .left .f02{ color:#fff; font-size:14px; line-height:24px; margin-top:10px;}
.footer .foot .top .left .f03{ margin-top:13px; margin-bottom:5px; width:calc(100% - 2px); height:36px; border:1px solid rgba(255,255,255,0.3); border-radius:40px;}
.footer .foot .top .left .f03 .text{ display:block; float:left; width:calc(100% - 44px); text-indent:14px; height:36px; line-height:36px; font-size:14px; color:#fff; background-color:transparent;}
.footer .foot .top .left .f03 .text::-webkit-input-placeholder{ color:#ccc;} 
.footer .foot .top .left .f03 .text:-moz-placeholder{ color:#ccc;} 
.footer .foot .top .left .f03 .text::-moz-placeholder{ color:#ccc;} 
.footer .foot .top .left .f03 .text:-ms-input-placeholder{ color:#ccc;}
.footer .foot .top .left .f03 .sub{ width:44px; height:36px; cursor:pointer; float:left; display:block; background-color:transparent; background-image:url(../images/ser_16.png); background-position:center; background-repeat:no-repeat;} 
.footer .foot .top .right{ float:right; width:205px;}
.footer .foot .top .right strong{ width:210px; display:block; height:100px; overflow:hidden;}
.footer .foot .top .right strong img{ width:100px; display:block; float:left; margin-right:5px;}
.footer .foot .top .right p{ text-align:center; display:block; margin-top:4px; font-size:14px; line-height:24px; color:#fff;}
.footer .foot .top .mil{ float:right; width:calc(94% - 455px); margin:0 3%;}
.footer .foot .top .mil .f01{ padding-top:10px; display:block; overflow:hidden;}
.footer .foot .top .mil .f01 li{ display:block; position:relative; margin-right:3vw; float:left;}
.footer .foot .top .mil .f01 li>a{ display:flex; align-items:center; font-size:16px; line-height:24px; color:#fff;}
.footer .foot .top .mil .f01 li>a img{ display:block; height:4px; margin-left:10px;}
.footer .foot .top .mil .f01 li p{ width:100%; display:none; position:absolute; left:0; bottom:100%;}
.footer .foot .top .mil .f01 li p b{ margin-left:10px; display:block; width:0; height:0; border-top:6px solid #fff; border-right:6px solid transparent; border-left:6px solid transparent;}
.footer .foot .top .mil .f01 li p span{ display:block; padding:10px; background-color:#fff; border-radius:5px;}
.footer .foot .top .mil .f01 li p span a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .foot .top .mil .f01 li p span a:hover{ color:#0e6eb8;}
.footer .foot .top .mil .f01 li:hover p{ display:block;}
.footer .foot .top .mil .f02{ display:block; margin-top:20px; display:flex; justify-content:space-between;}
.footer .foot .top .mil .f02 dt{ min-width:120px; display:block; padding-left:45px; background-position:0 6px; background-repeat:no-repeat;}
.footer .foot .top .mil .f02 dd{ max-width:200px; display:block; padding-left:45px; background-position:0 6px; background-repeat:no-repeat;}
.footer .foot .top .mil .f02 span{ display:block; font-size:14px; line-height:22px; color:#fff;}
.footer .foot .top .mil .f02 dt p{ display:block; font-size:18px; line-height:22px; color:#fff;}
.footer .foot .top .mil .f02 dd p{ display:block; font-size:14px; line-height:18px; color:#fff; padding-top:4px;}
.footer .foot .bot{ width:100%; height:44px; border-top:1px solid rgba(255,255,255,0.3);}
.footer .foot .bot p{ float:left; display:block; font-size:14px; line-height:44px; margin-right:2vw; color:#ccc; height:44px;}
.footer .foot .bot a{ color:#ccc;}
.footer .foot .bot span{ display:block; float:right; font-size:14px; line-height:44px; color:#ccc; height:44px;}
}
@media only screen and (max-width:1024px){
.footer{ width:100%; position:relative; background-position:center; background-size:cover;}
.footer .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.9); position:absolute; left:0; top:0; z-index:1;}
.footer .foot{ width:94%; position:relative; margin:auto; z-index:3;}
.footer .foot .top{ padding-top:20px; padding-bottom:15px; position:relative;}
.footer .foot .top .left{ width:100%; float:left;}
.footer .foot .top .left .f01{ height:50px;}
.footer .foot .top .left .f01 img{ display:block; height:50px; margin:auto;}
.footer .foot .top .left .f02{ color:#fff; font-size:14px; line-height:24px; margin-top:5px; text-align:center;}
.footer .foot .top .left .f03{ margin-top:10px; margin-bottom:5px; width:calc(100% - 2px); height:36px; border:1px solid rgba(255,255,255,0.3); border-radius:40px;}
.footer .foot .top .left .f03 .text{ display:block; float:left; width:calc(100% - 44px); text-indent:14px; height:36px; line-height:36px; font-size:14px; color:#fff; background-color:transparent;}
.footer .foot .top .left .f03 .text::-webkit-input-placeholder{ color:#ccc;} 
.footer .foot .top .left .f03 .text:-moz-placeholder{ color:#ccc;} 
.footer .foot .top .left .f03 .text::-moz-placeholder{ color:#ccc;} 
.footer .foot .top .left .f03 .text:-ms-input-placeholder{ color:#ccc;}
.footer .foot .top .left .f03 .sub{ width:44px; height:36px; cursor:pointer; float:left; display:block; background-color:transparent; background-image:url(../images/ser_16.png); background-position:center; background-repeat:no-repeat;} 
.footer .foot .top .right{ float:right; margin-top:60px; width:80px;}
.footer .foot .top .right strong{ width:100%; display:block; overflow:hidden;}
.footer .foot .top .right strong img{ width:100%; display:block; margin-bottom:5px;}
.footer .foot .top .right p{ text-align:center; display:block; font-size:14px; line-height:24px; color:#fff;}
.footer .foot .top .mil{ float:right; width:calc(100% - 100px); margin-right:10px; padding-top:10px;}
.footer .foot .top .mil .f01{ width:94vw; display:block;}
.footer .foot .top .mil .f01:after{ content:""; display:block; clear:both;}
.footer .foot .top .mil .f01 li{ display:block; position:relative; margin-right:15px; float:left;}
.footer .foot .top .mil .f01 li>a{ display:flex; align-items:center; font-size:14px; line-height:24px; color:#fff;}
.footer .foot .top .mil .f01 li>a img{ display:block; height:4px; margin-left:10px;}
.footer .foot .top .mil .f01 li p{ width:100%; display:none; position:absolute; left:0; bottom:100%;}
.footer .foot .top .mil .f01 li p b{ margin-left:10px; display:block; width:0; height:0; border-top:6px solid #fff; border-right:6px solid transparent; border-left:6px solid transparent;}
.footer .foot .top .mil .f01 li p span{ display:block; padding:10px; background-color:#fff; border-radius:5px;}
.footer .foot .top .mil .f01 li p span a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .foot .top .mil .f01 li p span a:hover{ color:#0e6eb8;}
.footer .foot .top .mil .f01 li:hover p{ display:block;}
.footer .foot .top .mil .f02{ width:100%; display:block;}
.footer .foot .top .mil .f02 dt{ margin-top:10px; display:block; padding-left:45px; background-position:0 6px; background-repeat:no-repeat;}
.footer .foot .top .mil .f02 dd{ margin-top:10px; display:block; padding-left:45px; background-position:0 6px; background-repeat:no-repeat;}
.footer .foot .top .mil .f02 span{ display:block; font-size:14px; line-height:22px; color:#fff;}
.footer .foot .top .mil .f02 dt p{ display:block; font-size:18px; line-height:22px; color:#fff;}
.footer .foot .top .mil .f02 dd p{ display:block; font-size:14px; line-height:18px; color:#fff; padding-top:4px;}
.footer .foot .bot{ width:100%; border-top:1px solid rgba(255,255,255,0.3); padding:3px 0;}
.footer .foot .bot p{ display:block; float:left; font-size:14px; line-height:34px; margin-right:20px; color:#ccc; height:34px;}
.footer .foot .bot a{ color:#ccc; text-align:center;}
.footer .foot .bot span{ display:block; float:right; font-size:14px; line-height:34px; color:#ccc;}
}
@media only screen and (max-width:768px){
.footer .foot .bot{ width:100%; border-top:1px solid rgba(255,255,255,0.3); padding:5px 0; text-align:center;}
.footer .foot .bot p{ float:none; display:inline-block; font-size:14px; line-height:18px; margin:0 5px; color:#ccc; height:18px;}
.footer .foot .bot a{ color:#ccc;}
.footer .foot .bot span{ float:none; display:inline-block; font-size:14px; line-height:18px; color:#ccc;}	
}

/*右侧浮动*/
@media screen and (min-width:1441px){
.m-tell-top{ display:none; position:fixed; z-index:100; bottom:50px; right:10px;}
.m-tell-top .top{ width:46px;}
.m-tell-top .top .top-tell{ box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); background-color:#fff; border-radius:6px; text-align:center; padding-bottom:5px; overflow:hidden;}
.m-tell-top .top .top-tell .tell-icon{ cursor:pointer; height:46px; text-align:center; background-color:#0e6eb8; margin-bottom:10px;}
.m-tell-top .top .top-tell .tell-icon img{ width:24px; height:24px; vertical-align:top; margin-top:10px;}
.m-tell-top .top .top-tell .tell-txt{ cursor:pointer; font-size:18px; writing-mode:vertical-rl; color:#333; line-height:24px; letter-spacing:3px;}
.m-tell-top .mobile-body{ display:none; position:absolute; right:46px; top:0; text-align:left;}
.m-tell-top .mobile{ margin-right:5px; box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); bottom:50px; right:56px; width:280px; padding:10px 20px; border-radius:6px; background-color:#fff;}
.m-tell-top .mobile .line{ overflow:hidden; margin:8px 0;}
.m-tell-top .mobile .line > img{ float:left; width:25px; vertical-align:top; margin-top:5px;}
.m-tell-top .mobile .line .line-body{ float:left; width:190px; margin-left:10px;}
.m-tell-top .mobile .line .line-body .title{ font-size:16px; font-weight:400; color:#00102F; line-height:22px;}
.m-tell-top .mobile .line .line-body .info a{ font-size:14px; color:#626C77; line-height:20px;}
.m-tell-top .mobile .line .line-body .info a.bl{ color:#0e6eb8;}
.m-tell-top .top .top-top{ display:flex; align-items:center; box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); width:100%; height:46px; background-color:#fff; border-radius:6px; margin-top:10px; text-align:center;}
.m-tell-top .top .top-top img{ width:24px; height:24px; display:block; margin:auto;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.m-tell-top{ display:none; position:fixed; z-index:100; bottom:50px; right:10px;}
.m-tell-top .top{ width:46px;}
.m-tell-top .top .top-tell{ box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); background-color:#fff; border-radius:6px; text-align:center; padding-bottom:5px; overflow:hidden;}
.m-tell-top .top .top-tell .tell-icon{ cursor:pointer; height:46px; text-align:center; background-color:#0e6eb8; margin-bottom:10px;}
.m-tell-top .top .top-tell .tell-icon img{ width:24px; height:24px; vertical-align:top; margin-top:10px;}
.m-tell-top .top .top-tell .tell-txt{ cursor:pointer; font-size:18px; writing-mode:vertical-rl; color:#333; line-height:24px; letter-spacing:3px;}
.m-tell-top .mobile-body{ display:none; position:absolute; right:46px; top:0; text-align:left;}
.m-tell-top .mobile{ margin-right:5px; box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); bottom:50px; right:56px; width:280px; padding:10px 20px; border-radius:6px; background-color:#fff;}
.m-tell-top .mobile .line{ overflow:hidden; margin:8px 0;}
.m-tell-top .mobile .line > img{ float:left; width:25px; vertical-align:top; margin-top:5px;}
.m-tell-top .mobile .line .line-body{ float:left; width:190px; margin-left:10px;}
.m-tell-top .mobile .line .line-body .title{ font-size:16px; font-weight:400; color:#00102F; line-height:22px;}
.m-tell-top .mobile .line .line-body .info a{ font-size:14px; color:#626C77; line-height:20px;}
.m-tell-top .mobile .line .line-body .info a.bl{ color:#0e6eb8;}
.m-tell-top .top .top-top{ display:flex; align-items:center; box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); width:100%; height:46px; background-color:#fff; border-radius:6px; margin-top:10px; text-align:center;}
.m-tell-top .top .top-top img{ width:24px; height:24px; display:block; margin:auto;}
}
@media only screen and (max-width:1024px){
.m-tell-top{ display:none; position:fixed; z-index:100; bottom:50px; right:10px;}
.m-tell-top .top{ width:36px;}
.m-tell-top .top .top-tell{ display:none;}
.m-tell-top .top .top-top{ width:36px; display:flex; align-items:center; box-shadow:0px 1px 5px 0px rgba(205, 208, 221, 0.5); height:36px; background-color:#fff; border-radius:6px; text-align:center;}
.m-tell-top .top .top-top img{ width:24px; height:24px; display:block; margin:auto;}
}

/*内页*/
@media screen and (min-width:1441px){
.ban{ display:flex; align-items:center; width:100%; position:relative; z-index:99; padding-top:90px; height:410px; background-position:center; background-size:cover;}
.ban .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:#0e6eb8; opacity:0.7; z-index:1;}
.ban .box{ width:1440px; margin:auto; text-align:center; position:relative; z-index:3;}
.ban .box span{ display:block; font-size:58px; line-height:58px; color:#fff; opacity:0.5; text-transform:uppercase;}
.ban .box p{ display:block; font-size:30px; line-height:44px; color:#fff; margin-top:5px;}

.min{ min-height:50vh;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.ban{ display:flex; align-items:center; width:100%; position:relative; z-index:99; padding-top:80px; height:320px; background-position:center; background-size:cover;}
.ban .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:#0e6eb8; opacity:0.7; z-index:1;}
.ban .box{ width:94%; margin:auto; text-align:center; position:relative; z-index:3;}
.ban .box span{ display:block; font-size:48px; line-height:48px; color:#fff; opacity:0.5; text-transform:uppercase;}
.ban .box p{ display:block; font-size:26px; line-height:36px; color:#fff; margin-top:5px;}

.min{ min-height:50vh;}
}
@media only screen and (max-width:1024px){
.ban{ overflow:visible; display:flex; align-items:center; width:100%; position:relative; z-index:99; margin-top:50px; height:180px; background-position:center; background-size:cover;}
.ban .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:#0e6eb8; opacity:0.7; z-index:1;}
.ban .box{ width:94%; margin:auto; text-align:center; position:relative; z-index:3;}
.ban .box span{ display:block; font-size:38px; line-height:38px; color:#fff; opacity:0.5; text-transform:uppercase;}
.ban .box p{ display:block; font-size:22px; line-height:32px; color:#fff;}

.min{ min-height:50vh;}
}

/*企业介绍*/
@media screen and (min-width:1441px){
.ab01{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.ab01 .title{ width:1440px; margin:auto; text-align:center; position:relative;}
.ab01 .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3;}
.ab01 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px;}
.ab01 .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.ab01 .box{ width:1440px; position:relative; margin:auto; margin-top:30px;}
.ab01 .box .left{ width:620px; float:left; height:450px; border-radius:30px; overflow:hidden;}
.ab01 .box .left img{ width:100%; display:block;}
.ab01 .box .right{ width:770px; float:right; padding-top:15px;}
.ab01 .box .right .a01{ font-weight:bold; font-size:24px; line-height:34px;}
.ab01 .box .right .a02{ font-size:16px; line-height:28px; color:#666;}
.ab01 .box .right .a03{ width:100px; height:2px; margin-top:10px; background-color:#0e6eb8;}
.ab01 .box .right .a04{ padding-top:17px; font-size:14px; line-height:30px;}
.ab01 .box .right .a05{ display:flex; margin-top:22px;}
.ab01 .box .right .a05 li{ display:block; border-left:1px solid #cacaca; padding-left:19px; padding-right:30px;}
.ab01 .box .right .a05 li:last-child{ padding-right:0;}
.ab01 .box .right .a05 li .a06{ font-size:20px; line-height:30px; color:#0e6eb8;}
.ab01 .box .right .a05 li .a07{ font-size:14px; line-height:24px; color:#333; margin-top:10px;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.ab01{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff;}
.ab01 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.ab01 .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3;}
.ab01 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px;}
.ab01 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.ab01 .box{ width:94%; position:relative; margin:auto; margin-top:25px;}
.ab01 .box .left{ width:43.06%; float:left; height:29.378vw; border-radius:20px; overflow:hidden;}
.ab01 .box .left img{ width:100%; display:block;}
.ab01 .box .right{ width:53.47%; float:right;}
.ab01 .box .right .a01{ font-weight:bold; font-size:20px; line-height:30px;}
.ab01 .box .right .a02{ font-size:14px; line-height:24px; color:#666;}
.ab01 .box .right .a03{ width:80px; height:2px; margin-top:5px; background-color:#0e6eb8;}
.ab01 .box .right .a04{ padding-top:15px; font-size:14px; line-height:24px;}
.ab01 .box .right .a05{ display:flex; margin-top:15px;}
.ab01 .box .right .a05 li{ display:block; border-left:1px solid #cacaca; padding-left:14px; padding-right:20px;}
.ab01 .box .right .a05 li:last-child{ padding-right:0;}
.ab01 .box .right .a05 li .a06{ font-size:18px; line-height:28px; color:#0e6eb8;}
.ab01 .box .right .a05 li .a07{ font-size:14px; line-height:24px; color:#333; margin-top:5px;}
}
@media only screen and (max-width:1024px){
.ab01{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#fff;}
.ab01 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.ab01 .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3;}
.ab01 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px;}
.ab01 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.ab01 .box{ width:94%; position:relative; margin:auto; margin-top:20px;}
.ab01 .box .left{ width:100%; float:left; height:68.2258vw; border-radius:10px; overflow:hidden;}
.ab01 .box .left img{ width:100%; display:block;}
.ab01 .box .right{ width:100%; float:right; margin-top:10px;}
.ab01 .box .right .a01{ font-weight:bold; font-size:18px; line-height:28px;}
.ab01 .box .right .a02{ font-size:12px; line-height:18px; color:#666;}
.ab01 .box .right .a03{ width:60px; height:2px; margin-top:5px; background-color:#0e6eb8;}
.ab01 .box .right .a04{ padding-top:10px; font-size:14px; line-height:24px;}
.ab01 .box .right .a05{ display:flex; flex-wrap:wrap;}
.ab01 .box .right .a05 li{ width:48%; box-sizing:border-box; display:block; border-left:1px solid #cacaca; padding-left:9px; margin-top:10px;}
.ab01 .box .right .a05 li:nth-child(2n){ margin-left:4%;}
.ab01 .box .right .a05 li .a06{ font-size:16px; line-height:22px; color:#0e6eb8;}
.ab01 .box .right .a05 li .a07{ font-size:14px; line-height:20px; color:#333; margin-top:3px;}
}

@media screen and (min-width:1441px){
.ab02{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab02 .box{ width:100%; padding-top:65px; padding-bottom:70px; background-image:url(../images/abg_04.png); background-size:100% 100%; background-repeat:no-repeat;}
.ab02 .title{ width:1440px; margin:auto; text-align:center; position:relative;}
.ab02 .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3;}
.ab02 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px;}
.ab02 .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.ab02 .stitle{ width:900px; margin:auto; font-size:16px; line-height:26px; text-align:center; margin-top:15px;}
.ab02 .list{ display:flex; align-items:center; justify-content:space-between; width:1440px; position:relative; margin:auto; margin-top:25px; background-color:rgba(255,255,255,0.7); border-radius:10px; padding:50px 0;}
.ab02 .list dd{ width:1px; height:110px; display:block; background-color:#666;}
.ab02 .list dt{ width:359px; display:block; text-align:center;}
.ab02 .list dt .a01{ height:60px; padding:6px 0;}
.ab02 .list dt .a01 img{ display:block; height:60px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab02 .list dt:hover .a01 img{ -webkit-transform:rotateY(-360deg);}
.ab02 .list dt .a02{ height:48px; display:flex; align-items:center; justify-content:center;}
.ab02 .list dt .a02>span{ font-size:48px; line-height:48px; color:#0e6eb8; margin-right:10px; text-align:right;}
.ab02 .list dt .a02>p{ text-align:left; display:block;}
.ab02 .list dt .a02>p span{ display:block; font-size:16px; line-height:24px;}
.ab02 .list dt .a02>p a{ display:block; font-size:14px; line-height:22px; color:#0e6eb8;}
.ab02 .list01{ width:1200px; margin:auto; margin-top:45px; display:flex; justify-content:space-between;}
.ab02 .list01 li{ padding:30px; padding-top:35px; box-sizing:border-box; display:block; width:350px; background-color:rgba(255,255,255,0.7); border-radius:10px; text-align:center;}
.ab02 .list01 li .a01{ height:70px;}
.ab02 .list01 li .a01 img{ display:block; height:70px; margin:auto;}
.ab02 .list01 li .a02{ display:block; font-size:20px; line-height:30px; margin-top:10px; color:#0e6eb8;}
.ab02 .list01 li .a03{ display:block; font-size:16px; line-height:26px; color:#666;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.ab02{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab02 .box{ width:100%; padding-top:45px; padding-bottom:50px; background-image:url(../images/abg_04.png); background-size:100% 100%; background-repeat:no-repeat;}
.ab02 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.ab02 .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3;}
.ab02 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px;}
.ab02 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.ab02 .stitle{ width:94%; max-width:900px; margin:auto; font-size:16px; line-height:26px; text-align:center; margin-top:10px;}
.ab02 .list{ display:flex; align-items:center; justify-content:space-between; width:94%; position:relative; margin:auto; margin-top:20px; background-color:rgba(255,255,255,0.7); border-radius:10px; padding:30px 0;}
.ab02 .list dd{ width:1px; height:110px; display:block; background-color:#666;}
.ab02 .list dt{ width:calc((100% - 3px)/4); display:block; text-align:center;}
.ab02 .list dt .a01{ height:50px; padding:5px 0;}
.ab02 .list dt .a01 img{ display:block; height:50px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab02 .list dt:hover .a01 img{ -webkit-transform:rotateY(-360deg);}
.ab02 .list dt .a02{ height:44px; display:flex; align-items:center; justify-content:center;}
.ab02 .list dt .a02>span{ display:block; font-size:44px; line-height:44px; color:#0e6eb8; margin-right:7px; text-align:right;}
.ab02 .list dt .a02>p{ text-align:left; display:block;}
.ab02 .list dt .a02>p span{ display:block; font-size:16px; line-height:20px;}
.ab02 .list dt .a02>p a{ display:block; font-size:14px; line-height:18px; color:#0e6eb8;}
.ab02 .list01{ width:90%; margin:auto; margin-top:25px; display:flex; align-items:center; justify-content:space-between;}
.ab02 .list01 li{ padding:20px; padding-top:25px; box-sizing:border-box; display:block; width:32%; background-color:rgba(255,255,255,0.7); border-radius:10px; text-align:center;}
.ab02 .list01 li .a01{ height:60px;}
.ab02 .list01 li .a01 img{ display:block; height:60px; margin:auto;}
.ab02 .list01 li .a02{ display:block; font-size:18px; line-height:28px; margin-top:10px; color:#0e6eb8;}
.ab02 .list01 li .a03{ display:block; font-size:14px; line-height:24px; color:#666;}
}
@media only screen and (max-width:1024px){
.ab02{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab02 .box{ width:100%; padding-top:25px; padding-bottom:30px; background-image:url(../images/abg_04.png); background-size:100% 100%; background-repeat:no-repeat;}
.ab02 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.ab02 .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3;}
.ab02 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px;}
.ab02 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.ab02 .stitle{ width:94%; margin:auto; font-size:14px; line-height:24px; text-align:center; margin-top:10px;}
.ab02 .list{ display:flex; position:relative; width:94%; position:relative; margin:auto; margin-top:15px; background-color:rgba(255,255,255,0.7); border-radius:5px; flex-wrap:wrap;}
.ab02 .list dd{ display:none;}
.ab02 .list dd:nth-child(2){ width:1px; height:calc(100% - 30px); display:block; background-color:#666; position:absolute; left:50%; margin-left:-0.5px; top:15px;}
.ab02 .list dd:nth-child(4){ width:calc(100% - 30px); height:1px; display:block; background-color:#666; position:absolute; top:50%; margin-top:-0.5px; left:15px;}
.ab02 .list dt{ width:50%; padding:15px; box-sizing:border-box; display:block; text-align:center;}
.ab02 .list dt .a01{ height:30px; padding:5px 0;}
.ab02 .list dt .a01 img{ display:block; height:30px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab02 .list dt:hover .a01 img{ -webkit-transform:rotateY(-360deg);}
.ab02 .list dt .a02{ text-align:center; display:inline-block; position:relative; padding-right:20px; padding-bottom:26px; overflow:visible;}
.ab02 .list dt .a02>span{ display:block; font-size:30px; line-height:30px; color:#0e6eb8;}
.ab02 .list dt .a02>p{ width:100%; text-align:center; display:block; position:absolute; right:0; bottom:0; padding-bottom:24px;}
.ab02 .list dt .a02>p span{ width:47vw; display:block; font-size:16px; line-height:26px; position:absolute; left:50%; margin-left:-23.4vw; bottom:0; padding:0 15px; box-sizing:border-box; overflow:hidden; height:26px;}
.ab02 .list dt .a02>p a{ display:block; font-size:14px; line-height:24px; color:#0e6eb8; text-align:right;}
.ab02 .list01{ width:94%; margin:auto; display:flex; justify-content:space-between; flex-wrap:wrap;}
.ab02 .list01 li{ width:48%; padding:15px; padding-top:20px; box-sizing:border-box; display:block; background-color:rgba(255,255,255,0.7); border-radius:5px; text-align:center; margin-top:15px;}
.ab02 .list01 li:nth-child(1){ width:100%;}
.ab02 .list01 li .a01{ height:35px;}
.ab02 .list01 li .a01 img{ display:block; height:35px; margin:auto;}
.ab02 .list01 li .a02{ display:block; font-size:16px; line-height:26px; margin-top:5px; color:#0e6eb8;}
.ab02 .list01 li .a03{ display:block; font-size:14px; line-height:24px; color:#666;}
}

@media screen and (min-width:1441px){
.ab03{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f1f1f1;}
.ab03 .title{ width:1440px; margin:auto; text-align:center; position:relative;}
.ab03 .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3;}
.ab03 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px;}
.ab03 .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.ab03 .box{ width:1440px; position:relative; margin:auto; margin-top:30px; display:block; height:470px; background-position:center; background-size:cover;}
.ab03 .box .bg{ width:100%; display:block; height:100%; position:absolute; left:0; top:0;}
.ab03 .box ul{ width:100%; height:100%; display:block; overflow:hidden; position:relative; z-index:9; background-color:rgba(14,110,184,.8);}
.ab03 .box li{ box-sizing:border-box; float:left; display:block; overflow:hidden; padding:0 30px; width:320px; border-left:1px solid rgba(255,255,255,.5); height:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab03 .box li.active{ width:480px;}
.ab03 .box li:nth-child(1){ border-left:none;}
.ab03 .box li .h01{ padding-top:40px; font-size:30px; line-height:40px; color:#fff;}
.ab03 .box li .h02{ padding-top:20px; font-size:18px; line-height:28px; color:#fff;}
.ab03 .box li .h03{ padding-top:10px; font-size:14px; line-height:24px; color:#fff;}
.ab03 .box li .h04{ display:none; width:100%; margin-top:40px; font-size:14px; line-height:24px; color:#fff;}
.ab03 .box li.active .h01{ padding-top:60px; font-size:48px; line-height:58px;}
.ab03 .box li.active .h02{ padding-top:35px; font-size:24px; line-height:34px;}
.ab03 .box li.active .h03{ font-size:16px;}
.ab03 .box li.active .h04{ display:block;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.ab03{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#f1f1f1;}
.ab03 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.ab03 .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3;}
.ab03 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px;}
.ab03 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.ab03 .box{ width:94%; position:relative; margin:auto; margin-top:25px; display:block; height:440px; background-position:center; background-size:cover;}
.ab03 .box .bg{ width:100%; display:block; height:100%; position:absolute; left:0; top:0;}
.ab03 .box ul{ width:100%; height:100%; display:block; overflow:hidden; position:relative; z-index:9; background-color:rgba(14,110,184,.8);}
.ab03 .box li{ box-sizing:border-box; float:left; display:block; overflow:hidden; padding:0 25px; width:22.22%; border-left:1px solid rgba(255,255,255,.5); height:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab03 .box li.active{ width:33.34%;}
.ab03 .box li:nth-child(1){ border-left:none;}
.ab03 .box li .h01{ padding-top:20px; font-size:24px; line-height:34px; color:#fff;}
.ab03 .box li .h02{ padding-top:10px; font-size:18px; line-height:28px; color:#fff;}
.ab03 .box li .h03{ padding-top:5px; font-size:14px; line-height:24px; color:#fff;}
.ab03 .box li .h04{ display:none; width:100%; margin-top:20px; font-size:14px; line-height:24px; color:#fff;}
.ab03 .box li.active .h01{ padding-top:30px; font-size:34px; line-height:44px;}
.ab03 .box li.active .h02{ font-size:20px; line-height:30px;}
.ab03 .box li.active .h03{ font-size:16px;}
.ab03 .box li.active .h04{ display:block;}
}
@media only screen and (max-width:1024px){
.ab03{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#f1f1f1;}
.ab03 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.ab03 .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3;}
.ab03 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px;}
.ab03 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.ab03 .box{ width:94%; position:relative; margin:auto; margin-top:20px; display:block; background-position:center; background-size:cover;}
.ab03 .box .bg{ width:100%; display:block; height:100%; position:absolute; left:0; top:0;}
.ab03 .box ul{ width:100%; display:block; overflow:hidden; position:relative; z-index:9; background-color:rgba(14,110,184,.8);}
.ab03 .box li{ box-sizing:border-box; float:left; display:block; overflow:hidden; padding:10px 15px; width:100%; border-top:1px solid rgba(255,255,255,.5); height:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; position:relative;}
.ab03 .box li:nth-child(1){ border-top:none;}
.ab03 .box li .h01{ font-size:20px; line-height:30px; color:#fff; position:absolute; right:10px; right:15px; opacity:0.5;}
.ab03 .box li .h02{ width:calc(100% - 30px); font-size:16px; line-height:26px; color:#fff;}
.ab03 .box li .h03{ width:calc(100% - 30px); font-size:14px; line-height:18px; color:#fff;}
.ab03 .box li .h04{ display:none; width:100%; margin-top:5px; font-size:14px; line-height:24px; color:#fff;}
.ab03 .box li.active .h04{ display:block;}
}

@media screen and (min-width:1441px){
.ab04{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.ab04 .title{ width:1440px; margin:auto; text-align:center; position:relative;}
.ab04 .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3;}
.ab04 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px;}
.ab04 .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.ab04 .box{ width:1440px; position:relative; margin:auto; margin-top:30px; display:flex; justify-content:space-between;}
.ab04 .box li{ width:320px; height:470px; position:relative; display:block; overflow:hidden; background-position:center; background-size:cover;}
.ab04 .box li .bg{ width:100%; height:100%; position:relative; z-index:1; background-image:url(../images/ab05_09.png); background-position:left bottom; background-repeat:repeat-x; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab04 .box li:hover .bg{ background-image:none; background-color:#0e6eb8; opacity:0.8;}
.ab04 .box li .wen{ width:calc(100% - 60px); position:absolute; left:30px; bottom:30px; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab04 .box li:hover .wen{ bottom:73px;}
.ab04 .box li .wen .a01{ font-size:20px; line-height:30px; color:#fff;}
.ab04 .box li .wen .a02{ width:70px; height:2px; background-color:#fff; opacity:0.5; margin-top:10px;}
.ab04 .box li .wen .a03{ display:none; padding-top:12px; font-size:14px; line-height:30px; height:270px; color:#fff;}
.ab04 .box li:hover .wen .a01{ font-size:24px; line-height:34px;}
.ab04 .box li:hover .wen .a03{ display:block;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.ab04{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff;}
.ab04 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.ab04 .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3;}
.ab04 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px;}
.ab04 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.ab04 .box{ width:94%; position:relative; margin:auto; margin-top:25px; display:flex; justify-content:space-between;}
.ab04 .box li{ width:22.22%; height:30.68vw; position:relative; display:block; overflow:hidden; background-position:center; background-size:cover;}
.ab04 .box li .bg{ width:100%; height:100%; position:relative; z-index:1; background-image:url(../images/ab05_09.png); background-position:left bottom; background-repeat:repeat-x; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab04 .box li:hover .bg{ background-image:none; background-color:#0e6eb8; opacity:0.8;}
.ab04 .box li .wen{ width:calc(100% - 40px); position:absolute; left:20px; bottom:20px; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab04 .box li:hover .wen{ bottom:30px;}
.ab04 .box li .wen .a01{ font-size:18px; line-height:28px; color:#fff;}
.ab04 .box li .wen .a02{ width:60px; height:2px; background-color:#fff; opacity:0.5; margin-top:5px;}
.ab04 .box li .wen .a03{ display:none; padding-top:10px; font-size:14px; line-height:24px; height:264px; color:#fff;}
.ab04 .box li:hover .wen .a01{ font-size:20px; line-height:30px;}
.ab04 .box li:hover .wen .a03{ display:block;}
}
@media only screen and (max-width:1024px){
.ab04{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#fff;}
.ab04 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.ab04 .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3;}
.ab04 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px;}
.ab04 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.ab04 .box{ width:94%; position:relative; margin:auto; padding-top:5px; display:flex; flex-wrap:wrap;}
.ab04 .box li{ width:48%; height:66.27vw; position:relative; display:block; overflow:hidden; background-position:center; background-size:cover; margin-top:15px;}
.ab04 .box li:nth-child(2n){ margin-left:4%;}
.ab04 .box li .bg{ width:100%; height:100%; position:relative; z-index:1; background-image:url(../images/ab05_09.png); background-position:left bottom; background-repeat:repeat-x; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab04 .box li:hover .bg{ background-image:none; background-color:#0e6eb8; opacity:0.8;}
.ab04 .box li .wen{ width:calc(100% - 30px); position:absolute; left:0; bottom:0; padding:15px; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab04 .box li:hover .wen{ max-height:calc(100% - 30px); overflow:auto;}
.ab04 .box li .wen .a01{ font-size:16px; line-height:26px; color:#fff;}
.ab04 .box li .wen .a02{ width:50px; height:2px; background-color:#fff; opacity:0.5; margin-top:5px;}
.ab04 .box li .wen .a03{ display:none; padding-top:10px; font-size:14px; line-height:24px; color:#fff;}
.ab04 .box li:hover .wen .a03{ display:block;}
}

@media screen and (min-width:1441px){
.ab05{ width:100%; padding:65px 0; background-position:center; background-size:cover; position:relative;}
.ab05 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#0e6eb8; opacity:0.8;}
.ab05 .line{ width:100%; height:2px; background-color:#fff; opacity:0.3; position:absolute; left:0; bottom:139px; z-index:2;}
.ab05 .box{ width:1440px; position:relative; margin:auto; z-index:3;}
.ab05 .title{ width:1440px; margin:auto; text-align:center; position:relative;}
.ab05 .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3; color:#fff;}
.ab05 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px; color:#fff;}
.ab05 .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:#fff;}
.ab05 .gallery-top{ width:600px; margin:0; height:460px; padding-top:45px; position:relative; z-index:3;}
.ab05 .gallery-top .swiper-slide{ width:100%; height:100%; display:block;}
.ab05 .gallery-top .swiper-slide .a01{ font-size:20px; line-height:30px; color:#fff;}
.ab05 .gallery-top .swiper-slide .a02{ font-size:14px; line-height:24px; color:#fff; margin-top:20px; height:240px;}
.ab05 .gallery-top .swiper-slide .a03{ font-size:36px; line-height:44px; color:#fff; margin-top:30px; height:44px;}
.ab05 .gallery-thumbs{ height:162px; overflow:hidden; width:1200px; position:absolute; right:0; bottom:0; z-index:5;}
.ab05 .gallery-thumbs .swiper-slide{ width:240px; height:100%; display:block; position:relative; cursor:pointer;}
.ab05 .gallery-thumbs .swiper-slide p{ width:60px; height:60px; border-radius:100%; background-color:rgba(255,255,255,0.7); position:absolute; left:50%; margin-left:-35px; top:52px; overflow:hidden; padding:5px;}
.ab05 .gallery-thumbs .swiper-slide p a{ width:60px; height:60px; background-color:#eee; font-size:16px; line-height:60px; text-align:center; display:block; border-radius:100%; overflow:hidden;}
.ab05 .gallery-thumbs .swiper-slide span{ width:200px; position:absolute; left:20px; bottom:0; display:block; text-align:center; color:#fff; overflow:hidden; font-size:14px; line-height:24px; height:24px; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab05 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ bottom:126px; font-size:18px; line-height:36px; height:36px;}
.ab05 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p a{ color:#0e6eb8;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.ab05{ width:100%; padding:45px 0; background-position:center; background-size:cover; position:relative;}
.ab05 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#0e6eb8; opacity:0.8;}
.ab05 .line{ width:100%; height:2px; background-color:#fff; opacity:0.3; position:absolute; left:0; bottom:114px; z-index:2;}
.ab05 .box{ width:94%; position:relative; margin:auto; z-index:3;}
.ab05 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.ab05 .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3; color:#fff;}
.ab05 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px; color:#fff;}
.ab05 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:#fff;}
.ab05 .gallery-top{ width:600px; margin:0; padding-top:20px; position:relative; z-index:3;}
.ab05 .gallery-top .swiper-slide{ width:100%; height:100%; display:block;}
.ab05 .gallery-top .swiper-slide .a01{ font-size:18px; line-height:28px; color:#fff;}
.ab05 .gallery-top .swiper-slide .a02{ font-size:14px; line-height:24px; color:#fff; margin-top:10px; height:240px;}
.ab05 .gallery-top .swiper-slide .a03{ font-size:30px; line-height:40px; color:#fff; margin-top:20px; height:40px; padding-bottom:90px;}
.ab05 .gallery-thumbs{ height:140px; overflow:hidden; width:83%; position:absolute; right:0; bottom:0; z-index:5;}
.ab05 .gallery-thumbs .swiper-slide{ width:20%; height:100%; display:block; position:relative; cursor:pointer;}
.ab05 .gallery-thumbs .swiper-slide p{ width:60px; height:60px; border-radius:100%; background-color:rgba(255,255,255,0.7); position:absolute; left:50%; margin-left:-35px; top:36px; overflow:hidden; padding:5px;}
.ab05 .gallery-thumbs .swiper-slide p a{ width:60px; height:60px; background-color:#eee; font-size:16px; line-height:60px; text-align:center; display:block; border-radius:100%; overflow:hidden;}
.ab05 .gallery-thumbs .swiper-slide span{ width:90%; position:absolute; left:5%; bottom:0; display:block; text-align:center; color:#fff; overflow:hidden; font-size:14px; line-height:24px; height:24px; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab05 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ bottom:114px; font-size:16px; line-height:26px; height:26px;}
.ab05 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p a{ color:#0e6eb8;}
}
@media only screen and (max-width:1024px){
.ab05{ width:100%; padding:25px 0; background-position:center; background-size:cover; position:relative;}
.ab05 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#0e6eb8; opacity:0.8;}
.ab05 .line{ width:100%; height:2px; background-color:#fff; opacity:0.3; position:absolute; left:0; bottom:84px; z-index:2;}
.ab05 .box{ width:94%; position:relative; margin:auto; z-index:3;}.ab05 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.ab05 .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3; color:#fff;}
.ab05 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px; color:#fff;}
.ab05 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:#fff;}
.ab05 .gallery-top{ width:100%; margin:0; padding-top:15px; position:relative; z-index:3;}
.ab05 .gallery-top .swiper-slide{ width:100%; height:100%; display:block;}
.ab05 .gallery-top .swiper-slide .a01{ font-size:16px; line-height:26px; color:#fff;}
.ab05 .gallery-top .swiper-slide .a02{ font-size:14px; line-height:24px; color:#fff; height:240px; overflow:auto;}
.ab05 .gallery-top .swiper-slide .a03{ font-size:24px; line-height:34px; color:#fff; margin-top:30px; height:34px; padding-bottom:60px;}
.ab05 .gallery-thumbs{ height:120px; overflow:hidden; width:calc(100% - 70px); position:absolute; right:0; bottom:0; z-index:5;}
.ab05 .gallery-thumbs .swiper-slide{ width:50%; height:100%; display:block; position:relative; cursor:pointer;}
.ab05 .gallery-thumbs .swiper-slide p{ width:50px; height:50px; border-radius:100%; background-color:rgba(255,255,255,0.7); position:absolute; left:50%; margin-left:-30px; top:29px; overflow:hidden; padding:5px;}
.ab05 .gallery-thumbs .swiper-slide p a{ width:50px; height:50px; background-color:#eee; font-size:14px; line-height:50px; text-align:center; display:block; border-radius:100%; overflow:hidden;}
.ab05 .gallery-thumbs .swiper-slide span{ width:90%; position:absolute; left:5%; bottom:0; display:block; text-align:center; color:#fff; overflow:hidden; font-size:14px; line-height:24px; height:24px; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab05 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ bottom:94px; font-size:16px; line-height:26px; height:26px;}
.ab05 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p a{ color:#0e6eb8;}
}

@media screen and (min-width:1441px){
.ab06{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.ab06 .box{ width:1440px; position:relative; margin:auto;}
.ab06 .title{ width:100%; text-align:center; position:relative;}
.ab06 .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3;}
.ab06 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px;}
.ab06 .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.ab06 .swiper-container{ width:100%; margin-top:30px;}
.ab06 .swiper-container .swiper-slide a{ display:block; overflow:hidden; background-color:#f1f1f1;}
.ab06 .swiper-container .swiper-slide a .tu{ width:100%;}
.ab06 .swiper-container .swiper-slide a .tu img{ width:100%; display:block;}
.ab06 .swiper-container .swiper-slide a .wen{ padding:25px 30px;}
.ab06 .swiper-container .swiper-slide a .wen .a01{ width:100%;}
.ab06 .swiper-container .swiper-slide a .wen .a01 b{ display:block; font-size:20px; line-height:30px; float:left; margin-right:10px;}
.ab06 .swiper-container .swiper-slide a .wen .a01 p{ display:block; font-size:16px; line-height:26px; padding-top:4px; float:left; color:#666; text-transform:uppercase;}
.ab06 .swiper-container .swiper-slide a .wen .a02{ width:100%; font-size:16px; line-height:26px; height:26px; color:#666; text-overflow:ellipsis; white-space:nowrap; margin-top:5px;}
.ab06 .swiper-container .swiper-slide a .wen .a03{ width:100%; font-size:14px; line-height:24px; height:96px; margin-top:10px; color:#333; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.ab06 .swiper-pagination{ width:100%; text-align:center; margin-top:30px;}
.ab06 .swiper-pagination span{ display:inline-block; width:10px; height:10px; margin:0 5px; background-color:#eee; cursor:pointer; border-radius:10px; overflow:hidden;}
.ab06 .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; opacity:1; background:linear-gradient(to right,#0e6eb8,#319dd0);}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.ab06{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff;}
.ab06 .box{ width:94%; position:relative; margin:auto;}
.ab06 .title{ width:100%; text-align:center; position:relative;}
.ab06 .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3;}
.ab06 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px;}
.ab06 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.ab06 .swiper-container{ width:100%; margin-top:25px;}
.ab06 .swiper-container .swiper-slide a{ display:block; overflow:hidden; background-color:#f1f1f1;}
.ab06 .swiper-container .swiper-slide a .tu{ width:100%;}
.ab06 .swiper-container .swiper-slide a .tu img{ width:100%; display:block;}
.ab06 .swiper-container .swiper-slide a .wen{ padding:15px 20px;}
.ab06 .swiper-container .swiper-slide a .wen .a01{ width:100%;}
.ab06 .swiper-container .swiper-slide a .wen .a01 b{ display:block; font-size:18px; line-height:28px; float:left; margin-right:8px;}
.ab06 .swiper-container .swiper-slide a .wen .a01 p{ display:block; font-size:14px; line-height:24px; padding-top:4px; float:left; color:#666; text-transform:uppercase;}
.ab06 .swiper-container .swiper-slide a .wen .a02{ width:100%; font-size:16px; line-height:26px; height:26px; color:#666; text-overflow:ellipsis; white-space:nowrap;}
.ab06 .swiper-container .swiper-slide a .wen .a03{ width:100%; font-size:14px; line-height:24px; height:96px; margin-top:5px; color:#333; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.ab06 .swiper-pagination{ width:100%; text-align:center; margin-top:20px;}
.ab06 .swiper-pagination span{ display:inline-block; width:8px; height:8px; margin:0 4px; background-color:#eee; cursor:pointer; border-radius:10px; overflow:hidden;}
.ab06 .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; opacity:1; background:linear-gradient(to right,#0e6eb8,#319dd0);}
}
@media only screen and (max-width:1024px){
.ab06{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#fff;}
.ab06 .box{ width:94%; position:relative; margin:auto;}
.ab06 .title{ width:100%; text-align:center; position:relative;}
.ab06 .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3;}
.ab06 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px;}
.ab06 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.ab06 .swiper-container{ width:100%; margin-top:20px;}
.ab06 .swiper-container .swiper-slide a{ display:block; overflow:hidden; background-color:#f1f1f1;}
.ab06 .swiper-container .swiper-slide a .tu{ width:100%;}
.ab06 .swiper-container .swiper-slide a .tu img{ width:100%; display:block;}
.ab06 .swiper-container .swiper-slide a .wen{ padding:10px 15px;}
.ab06 .swiper-container .swiper-slide a .wen .a01{ width:100%;}
.ab06 .swiper-container .swiper-slide a .wen .a01 b{ display:block; font-size:16px; line-height:26px; float:left; margin-right:5px;}
.ab06 .swiper-container .swiper-slide a .wen .a01 p{ display:block; font-size:12px; line-height:22px; padding-top:4px; float:left; color:#666; text-transform:uppercase;}
.ab06 .swiper-container .swiper-slide a .wen .a02{ width:100%; font-size:16px; line-height:26px; height:26px; color:#666; text-overflow:ellipsis; white-space:nowrap;}
.ab06 .swiper-container .swiper-slide a .wen .a03{ width:100%; font-size:14px; line-height:24px; height:96px; margin-top:5px; color:#333; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.ab06 .swiper-pagination{ width:100%; text-align:center; margin-top:15px;}
.ab06 .swiper-pagination span{ display:inline-block; width:6px; height:6px; margin:0 3px; background-color:#eee; cursor:pointer; border-radius:10px; overflow:hidden;}
.ab06 .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; opacity:1; background:linear-gradient(to right,#0e6eb8,#319dd0);}
}

/*核心技术*/
@media screen and (min-width:1441px){
.ban .dao{ width:1440px; position:absolute; left:50%; margin-left:-720px; bottom:0; z-index:9;}
.ban .dao span{ display:none;}
.ban .dao ul{ width:100%; display:table;}
.ban .dao li{ display:table-cell;}
.ban .dao li a{ display:block; margin:0 1px; padding:0 20px; background-color:rgba(255,255,255,0.7); font-size:16px; line-height:40px; height:40px; overflow:hidden; text-align:center;}
.ban .dao li.on a{ background-color:rgba(255,255,255,0.9); color:#0e6eb8;}
.ban .dao li a:hover{ color:#0e6eb8;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.ban .dao{ width:94%; position:absolute; left:3%; bottom:0; z-index:9;}
.ban .dao span{ display:none;}
.ban .dao ul{ width:100%; display:table;}
.ban .dao li{ display:table-cell;}
.ban .dao li a{ display:block; margin:0 1px; padding:0 15px; background-color:rgba(255,255,255,0.7); font-size:16px; line-height:36px; height:36px; overflow:hidden; text-align:center;}
.ban .dao li.on a{ background-color:rgba(255,255,255,0.9); color:#0e6eb8;}
.ban .dao li a:hover{ color:#0e6eb8;}
}
@media only screen and (max-width:1024px){
.ban .dao{ width:50%; display:block; position:absolute; left:3%; top:150px; z-index:9;}
.ban .dao span{ padding:0 10px; display:block; background-color:rgba(255,255,255,0.9); color:#0e6eb8; font-size:14px; line-height:30px; height:30px; overflow:hidden;}
.ban .dao li{ display:none; font-size:14px; line-height:30px; height:30px; overflow:hidden;}
.ban .dao li a{ display:block; overflow:hidden; padding:0 10px; background-color:#eee;}
.ban .dao li.on a{ background-color:#0e6eb8; color:#fff;}
.ban .dao.active{ height:120px;}
.ban .dao.active li{ display:block;}
.ban .dao.active ul{ display:block; height:90px; overflow:auto;}
}

@media screen and (min-width:1441px){
.hx01{ width:100%; padding-top:65px; padding-bottom:65px; background-color:#fff;}
.hx01 .title{ width:1440px; margin:auto; text-align:center; position:relative;}
.hx01 .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3;}
.hx01 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px;}
.hx01 .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.hx01 .box{ width:1440px; position:relative; margin:auto;}
.hx01 .box .gallery-top{ width:100%; overflow:hidden; position:relative; z-index:1;}
.hx01 .box .gallery-top .swiper-slide{ width:100%; display:block;}
.hx01 .box .gallery-top .swiper-slide .left{ width:900px; float:left;}
.hx01 .box .gallery-top .swiper-slide .left .h01{ padding-top:45px; font-size:24px; line-height:34px; font-weight:bold;}
.hx01 .box .gallery-top .swiper-slide .left .h02{ font-size:14px; line-height:24px; color:#666; text-transform:uppercase;}
.hx01 .box .gallery-top .swiper-slide .left .h03{ width:70px; height:2px; background-color:#0e6eb8; margin-top:10px;}
.hx01 .box .gallery-top .swiper-slide .left .h04{ font-size:14px; line-height:30px; height:240px; overflow:auto; margin-top:22px;}
.hx01 .box .gallery-top .swiper-slide .left .h04::-webkit-scrollbar{ width:5px; height:1px;}
.hx01 .box .gallery-top .swiper-slide .left .h04::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#0e6eb8;}
.hx01 .box .gallery-top .swiper-slide .left .h04::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.3);}
.hx01 .box .gallery-top .swiper-slide .right{ width:470px; height:480px; position:relative; float:right;}
.hx01 .box .gallery-top .swiper-slide .right img{ display:block; max-width:100%; max-height:100%; position:absolute; right:0; bottom:0;}
.hx01 .box .cont{ width:830px; padding-right:70px; display:block; overflow:hidden; position:absolute; left:0; bottom:0;}
.hx01 .box .gallery-thumbs{ width:100%; position:relative; z-index:1; overflow:hidden;}
.hx01 .box .gallery-thumbs .swiper-slide{ width:100px; text-align:center; display:block; margin-right:46px; cursor:pointer;}
.hx01 .box .gallery-thumbs .swiper-slide:last-child{ margin-right:0;}
.hx01 .box .gallery-thumbs .swiper-slide span{ width:70px; height:70px; display:block; line-height:70px; margin:auto; border-radius:100%; overflow:hidden; background-color:#ccc; font-size:30px;}
.hx01 .box .gallery-thumbs .swiper-slide p{ display:block; font-size:16px; line-height:26px; margin-top:10px; overflow:hidden; height:26px;}
.hx01 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ background-color:#0e6eb8; color:#fff;}
.hx01 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ color:#0e6eb8;}
.hx01 .box .gallery-thumbs .swiper-slide:hover{ color:#0e6eb8;}
.hx01 .box .cont .swi{ position:absolute; right:0; top:5px; z-index:9;}
.hx01 .box .cont .swiper-button-white{ width:40px; height:40px; background-position:center; background-repeat:no-repeat; background-color:#ccc; border-radius:100%; margin-bottom:10px;}
.hx01 .box .cont .swiper-button-white:hover{ background-color:#0e6eb8;}
.hx01 .box .cont .swiper-button-prev{ background-image:url(../images/left.png);}
.hx01 .box .cont .swiper-button-next{ background-image:url(../images/right.png);}
.hx01 .box .cont .swiper-button-prev:hover{ background-image:url(../images/lefth.png);}
.hx01 .box .cont .swiper-button-next:hover{ background-image:url(../images/righth.png);}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.hx01{ width:100%; padding-top:45px; padding-bottom:45px; background-color:#fff;}
.hx01 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.hx01 .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3;}
.hx01 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px;}
.hx01 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.hx01 .box{ width:94%; position:relative; margin:auto; padding-bottom:100px;}
.hx01 .box .gallery-top{ width:100%; overflow:hidden; position:relative; z-index:1;}
.hx01 .box .gallery-top .swiper-slide{ width:100%; display:block;}
.hx01 .box .gallery-top .swiper-slide .left{ width:62.5%; float:left;}
.hx01 .box .gallery-top .swiper-slide .left .h01{ padding-top:30px; font-size:20px; line-height:30px; font-weight:bold;}
.hx01 .box .gallery-top .swiper-slide .left .h02{ font-size:14px; line-height:24px; color:#666; text-transform:uppercase;}
.hx01 .box .gallery-top .swiper-slide .left .h03{ width:60px; height:2px; background-color:#0e6eb8; margin-top:5px;}
.hx01 .box .gallery-top .swiper-slide .left .h04{ font-size:14px; line-height:24px; overflow:auto; margin-top:15px;}
.hx01 .box .gallery-top .swiper-slide .right{ width:32.64%; position:relative; float:right;}
.hx01 .box .gallery-top .swiper-slide .right img{ display:block; width:100%;}
.hx01 .box .cont{ width:62.5%; padding-right:60px; display:block; overflow:hidden; position:absolute; left:0; bottom:0; box-sizing:border-box;}
.hx01 .box .gallery-thumbs{ width:100%; position:relative; z-index:1; overflow:hidden;}
.hx01 .box .gallery-thumbs .swiper-slide{ width:22%; text-align:center; display:block; margin-right:3%; cursor:pointer;}
.hx01 .box .gallery-thumbs .swiper-slide:last-child{ margin-right:0;}
.hx01 .box .gallery-thumbs .swiper-slide span{ width:60px; height:60px; display:block; line-height:60px; margin:auto; border-radius:100%; overflow:hidden; background-color:#ccc; font-size:24px;}
.hx01 .box .gallery-thumbs .swiper-slide p{ display:block; font-size:14px; line-height:24px; margin-top:5px; overflow:hidden; height:24px;}
.hx01 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ background-color:#0e6eb8; color:#fff;}
.hx01 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ color:#0e6eb8;}
.hx01 .box .gallery-thumbs .swiper-slide:hover{ color:#0e6eb8;}
.hx01 .box .cont .swi{ position:absolute; right:0; top:0; z-index:9;}
.hx01 .box .cont .swiper-button-white{ width:36px; height:36px; background-position:center; background-repeat:no-repeat; background-color:#ccc; border-radius:100%; margin-bottom:10px;}
.hx01 .box .cont .swiper-button-white:hover{ background-color:#0e6eb8;}
.hx01 .box .cont .swiper-button-prev{ background-image:url(../images/left.png);}
.hx01 .box .cont .swiper-button-next{ background-image:url(../images/right.png);}
.hx01 .box .cont .swiper-button-prev:hover{ background-image:url(../images/lefth.png);}
.hx01 .box .cont .swiper-button-next:hover{ background-image:url(../images/righth.png);}
}
@media only screen and (max-width:1024px){
.hx01{ width:100%; padding-top:25px; padding-bottom:25px; background-color:#fff;}
.hx01 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.hx01 .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3;}
.hx01 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px;}
.hx01 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.hx01 .box{ width:94%; position:relative; margin:auto;}
.hx01 .box .gallery-top{ width:100%; overflow:hidden; position:relative; z-index:1;}
.hx01 .box .gallery-top .swiper-slide{ width:100%; display:block;}
.hx01 .box .gallery-top .swiper-slide .left{ width:100%; float:left;}
.hx01 .box .gallery-top .swiper-slide .left .h01{ padding-top:15px; font-size:16px; line-height:26px; font-weight:bold;}
.hx01 .box .gallery-top .swiper-slide .left .h02{ font-size:14px; line-height:20px; color:#666; text-transform:uppercase;}
.hx01 .box .gallery-top .swiper-slide .left .h03{ width:60px; height:2px; background-color:#0e6eb8; margin-top:5px;}
.hx01 .box .gallery-top .swiper-slide .left .h04{ font-size:14px; line-height:24px; overflow:auto; margin-top:10px;}
.hx01 .box .gallery-top .swiper-slide .right{ display:none; width:32.64%; position:relative; float:right;}
.hx01 .box .gallery-top .swiper-slide .right img{ display:block; width:100%;}
.hx01 .box .cont{ width:100%; padding-right:40px; display:block; overflow:hidden; position:relative; margin-top:10px; box-sizing:border-box;}
.hx01 .box .gallery-thumbs{ width:100%; position:relative; z-index:1; overflow:hidden;}
.hx01 .box .gallery-thumbs .swiper-slide{ width:30%; text-align:center; display:block; margin-right:3%; cursor:pointer;}
.hx01 .box .gallery-thumbs .swiper-slide:last-child{ margin-right:0;}
.hx01 .box .gallery-thumbs .swiper-slide span{ width:60px; height:60px; display:block; line-height:60px; margin:auto; border-radius:100%; overflow:hidden; background-color:#ccc; font-size:24px;}
.hx01 .box .gallery-thumbs .swiper-slide p{ display:block; font-size:14px; line-height:24px; margin-top:5px; overflow:hidden; height:24px;}
.hx01 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ background-color:#0e6eb8; color:#fff;}
.hx01 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ color:#0e6eb8;}
.hx01 .box .gallery-thumbs .swiper-slide:hover{ color:#0e6eb8;}
.hx01 .box .cont .swi{ position:absolute; right:0; top:5px; z-index:9;}
.hx01 .box .cont .swiper-button-white{ width:32px; height:32px; background-position:center; background-repeat:no-repeat; background-color:#ccc; border-radius:100%; margin-bottom:6px;}
.hx01 .box .cont .swiper-button-white:hover{ background-color:#0e6eb8;}
.hx01 .box .cont .swiper-button-prev{ background-image:url(../images/left.png);}
.hx01 .box .cont .swiper-button-next{ background-image:url(../images/right.png);}
.hx01 .box .cont .swiper-button-prev:hover{ background-image:url(../images/lefth.png);}
.hx01 .box .cont .swiper-button-next:hover{ background-image:url(../images/righth.png);}
}

@media screen and (min-width:1441px){
.hx02{ width:100%; padding-top:65px; padding-bottom:70px; background-position:center; background-size:cover; position:relative;}
.hx02 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#0e6eb8; opacity:0.7;}
.hx02 .box{ width:1440px; position:relative; margin:auto; z-index:3;}
.hx02 .title{ width:1440px; margin:auto; text-align:center; position:relative;}
.hx02 .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3; color:#fff;}
.hx02 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px; color:#fff;}
.hx02 .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:#fff;}
.hx02 .list{ width:100%; display:flex; flex-wrap:wrap;}
.hx02 .list li{ display:block; background-color:rgba(255,255,255,0.8); border-radius:10px; margin-top:30px; width:450px; margin-left:45px; padding:30px; padding-top:35px; box-sizing:border-box; text-align:center;}
.hx02 .list li:nth-child(3n+1){ margin-left:0;}
.hx02 .list li .h01{ width:78px; height:78px; border-radius:100%; margin:auto; background-color:#0e6eb8; border:1px solid #0e6eb8;}
.hx02 .list li .h01 img{ display:block; height:40px; margin:19px auto;}
.hx02 .list li .h02{ font-size:18px; line-height:28px; font-weight:bold; margin-top:15px;}
.hx02 .list li .h03{ font-size:14px; line-height:22px; color:#666; margin-top:5px;}
.hx02 .list li:hover{ background-color:#0e6eb8;}
.hx02 .list li:hover .h01{ border:1px solid #fff;}
.hx02 .list li:hover .h02,.hx02 .list li:hover .h03{ color:#fff;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.hx02{ width:100%; padding-top:45px; padding-bottom:50px; background-position:center; background-size:cover; position:relative;}
.hx02 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#0e6eb8; opacity:0.7;}
.hx02 .box{ width:94%; position:relative; margin:auto; z-index:3;}
.hx02 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.hx02 .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3; color:#fff;}
.hx02 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px; color:#fff;}
.hx02 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:#fff;}
.hx02 .list{ width:100%; display:flex; flex-wrap:wrap;}
.hx02 .list li{ display:block; background-color:rgba(255,255,255,0.8); border-radius:10px; margin-top:25px; width:32%; margin-left:2%; padding:25px; padding-top:30px; box-sizing:border-box; text-align:center;}
.hx02 .list li:nth-child(3n+1){ margin-left:0;}
.hx02 .list li .h01{ width:68px; height:68px; border-radius:100%; margin:auto; background-color:#0e6eb8; border:1px solid #0e6eb8;}
.hx02 .list li .h01 img{ display:block; height:30px; margin:19px auto;}
.hx02 .list li .h02{ font-size:18px; line-height:28px; font-weight:bold; margin-top:10px;}
.hx02 .list li .h03{ font-size:14px; line-height:22px; color:#666; margin-top:5px;}
.hx02 .list li:hover{ background-color:#0e6eb8;}
.hx02 .list li:hover .h01{ border:1px solid #fff;}
.hx02 .list li:hover .h02,.hx02 .list li:hover .h03{ color:#fff;}
}
@media only screen and (max-width:1024px){
.hx02{ width:100%; padding-top:25px; padding-bottom:30px; background-position:center; background-size:cover; position:relative;}
.hx02 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#0e6eb8; opacity:0.7;}
.hx02 .box{ width:94%; position:relative; margin:auto; z-index:3;}
.hx02 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.hx02 .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3; color:#fff;}
.hx02 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px; color:#fff;}
.hx02 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:#fff;}
.hx02 .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:5px;}
.hx02 .list li{ display:block; background-color:rgba(255,255,255,0.8); border-radius:5px; margin-top:15px; width:48%; margin-left:4%; padding:15px; padding-top:20px; box-sizing:border-box; text-align:center;}
.hx02 .list li:nth-child(2n+1){ margin-left:0;}
.hx02 .list li .h01{ width:58px; height:58px; border-radius:100%; margin:auto; background-color:#0e6eb8; border:1px solid #0e6eb8;}
.hx02 .list li .h01 img{ display:block; height:30px; margin:14px auto;}
.hx02 .list li .h02{ font-size:16px; line-height:26px; font-weight:bold; margin-top:5px;}
.hx02 .list li .h03{ font-size:14px; line-height:22px; color:#666;}
.hx02 .list li:hover{ background-color:#0e6eb8;}
.hx02 .list li:hover .h01{ border:1px solid #fff;}
.hx02 .list li:hover .h02,.hx02 .list li:hover .h03{ color:#fff;}
}

@media screen and (min-width:1441px){
.hx03{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f1f1f1;}
.hx03 .title{ width:1440px; margin:auto; text-align:center; position:relative;}
.hx03 .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3;}
.hx03 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px;}
.hx03 .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.hx03 .box{ width:1440px; position:relative; margin:auto;}
.hx03 .list{ width:100%; display:flex; flex-wrap:wrap;}
.hx03 .list li{ display:block; background-color:#fff; border-radius:10px; margin-top:30px; width:450px; margin-left:45px; padding:30px; padding-bottom:25px; box-sizing:border-box;}
.hx03 .list li:nth-child(3n+1){ margin-left:0;}
.hx03 .list li .h01{ width:100%; display:flex;}
.hx03 .list li .h01 strong{ display:block; height:30px;}
.hx03 .list li .h01 strong img{ height:30px; display:block;}
.hx03 .list li .h01 b{ display:block; height:30px; font-size:18px; line-height:30px; margin-left:10px;}
.hx03 .list li .h02{ font-size:14px; line-height:24px; margin-top:15px; color:#666;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.hx03{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#f1f1f1;}
.hx03 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.hx03 .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3;}
.hx03 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px;}
.hx03 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.hx03 .box{ width:94%; position:relative; margin:auto; padding-bottom:100px;}
.hx03 .list{ width:100%; display:flex; flex-wrap:wrap;}
.hx03 .list li{ display:block; background-color:#fff; border-radius:10px; margin-top:25px; width:32%; margin-left:2%; padding:25px; padding-bottom:20px; box-sizing:border-box;}
.hx03 .list li:nth-child(3n+1){ margin-left:0;}
.hx03 .list li .h01{ width:100%; display:flex;}
.hx03 .list li .h01 strong{ display:block; height:30px;}
.hx03 .list li .h01 strong img{ height:30px; display:block;}
.hx03 .list li .h01 b{ display:block; height:28px; font-size:18px; line-height:28px; margin-left:8px;}
.hx03 .list li .h02{ font-size:14px; line-height:24px; margin-top:10px; color:#666;}
}
@media only screen and (max-width:1024px){
.hx03{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#f1f1f1;}
.hx03 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.hx03 .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3;}
.hx03 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px;}
.hx03 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.hx03 .box{ width:94%; position:relative; margin:auto;}
.hx03 .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:5px;}
.hx03 .list li{ display:block; background-color:#fff; border-radius:5px; margin-top:15px; width:100%; padding:15px; padding-bottom:10px; box-sizing:border-box;}
.hx03 .list li .h01{ width:100%; display:flex;}
.hx03 .list li .h01 strong{ display:block; height:26px;}
.hx03 .list li .h01 strong img{ height:26px; display:block;}
.hx03 .list li .h01 b{ display:block; height:26px; font-size:16px; line-height:26px; margin-left:6px;}
.hx03 .list li .h02{ font-size:14px; line-height:24px; margin-top:5px; color:#666;}
}

@media screen and (min-width:1441px){
.hx04{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.hx04 .box{ width:100%; padding-top:65px; padding-bottom:70px; background-image:url(../images/abg_04.png); background-size:100% 100%; background-repeat:no-repeat;}
.hx04 .title{ width:1440px; margin:auto; text-align:center; position:relative;}
.hx04 .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3;}
.hx04 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px;}
.hx04 .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.hx04 .stitle{ width:900px; margin:auto; font-size:16px; line-height:26px; text-align:center; margin-top:15px;}
.hx04 .list{ display:flex; align-items:center; justify-content:space-between; width:1440px; position:relative; margin:auto; margin-top:25px; background-color:rgba(255,255,255,0.7); border-radius:10px; padding:50px 0;}
.hx04 .list dd{ width:1px; height:110px; display:block; background-color:#666;}
.hx04 .list dt{ width:359px; display:block; text-align:center;}
.hx04 .list dt .a01{ height:60px; padding:6px 0;}
.hx04 .list dt .a01 img{ display:block; height:60px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.hx04 .list dt:hover .a01 img{ -webkit-transform:rotateY(-360deg);}
.hx04 .list dt .a02{ height:48px; display:flex; align-items:center; justify-content:center;}
.hx04 .list dt .a02>span{ font-size:48px; line-height:48px; color:#0e6eb8; margin-right:10px; text-align:right;}
.hx04 .list dt .a02>p{ text-align:left; display:block;}
.hx04 .list dt .a02>p span{ display:block; font-size:16px; line-height:24px;}
.hx04 .list dt .a02>p a{ display:block; font-size:14px; line-height:22px; color:#0e6eb8;}
.hx04 .list01{ width:1440px; margin:auto; margin-top:30px; display:flex; justify-content:space-between;}
.hx04 .list01 li{ padding:30px; padding-bottom:25px; box-sizing:border-box; display:block; width:450px; background-color:rgba(255,255,255,0.7); border-radius:10px; text-align:center;}
.hx04 .list01 li .a01{ height:70px;}
.hx04 .list01 li .a01 img{ display:block; height:70px; margin:auto;}
.hx04 .list01 li .a02{ display:block; font-size:18px; line-height:28px; margin-top:15px; font-weight:bold;}
.hx04 .list01 li .a03{ display:block; font-size:14px; line-height:24px; color:#666; margin-top:10px;}
.hx04 .list01 li:hover .a02{ color:#0e6eb8;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.hx04{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.hx04 .box{ width:100%; padding-top:45px; padding-bottom:50px; background-image:url(../images/abg_04.png); background-size:100% 100%; background-repeat:no-repeat;}
.hx04 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.hx04 .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3;}
.hx04 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px;}
.hx04 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.hx04 .stitle{ width:94%; max-width:900px; margin:auto; font-size:16px; line-height:26px; text-align:center; margin-top:10px;}
.hx04 .list{ display:flex; align-items:center; justify-content:space-between; width:94%; position:relative; margin:auto; margin-top:20px; background-color:rgba(255,255,255,0.7); border-radius:10px; padding:30px 0;}
.hx04 .list dd{ width:1px; height:110px; display:block; background-color:#666;}
.hx04 .list dt{ width:calc((100% - 3px)/4); display:block; text-align:center;}
.hx04 .list dt .a01{ height:50px; padding:5px 0;}
.hx04 .list dt .a01 img{ display:block; height:50px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.hx04 .list dt:hover .a01 img{ -webkit-transform:rotateY(-360deg);}
.hx04 .list dt .a02{ height:44px; display:flex; align-items:center; justify-content:center;}
.hx04 .list dt .a02>span{ display:block; font-size:44px; line-height:44px; color:#0e6eb8; margin-right:7px; text-align:right;}
.hx04 .list dt .a02>p{ text-align:left; display:block;}
.hx04 .list dt .a02>p span{ display:block; font-size:16px; line-height:20px;}
.hx04 .list dt .a02>p a{ display:block; font-size:14px; line-height:18px; color:#0e6eb8;}
.hx04 .list01{ width:94%; margin:auto; margin-top:25px; display:flex; align-items:center; justify-content:space-between;}
.hx04 .list01 li{ padding:20px; padding-bottom:15px; box-sizing:border-box; display:block; width:32%; background-color:rgba(255,255,255,0.7); border-radius:10px; text-align:center;}
.hx04 .list01 li .a01{ height:60px;}
.hx04 .list01 li .a01 img{ display:block; height:60px; margin:auto;}
.hx04 .list01 li .a02{ display:block; font-size:18px; line-height:28px; margin-top:10px; font-weight:bold;}
.hx04 .list01 li .a03{ display:block; font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.hx04 .list01 li:hover .a02{ color:#0e6eb8;}
}
@media only screen and (max-width:1024px){
.hx04{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.hx04 .box{ width:100%; padding-top:25px; padding-bottom:30px; background-image:url(../images/abg_04.png); background-size:100% 100%; background-repeat:no-repeat;}
.hx04 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.hx04 .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3;}
.hx04 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px;}
.hx04 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.hx04 .stitle{ width:94%; margin:auto; font-size:14px; line-height:24px; text-align:center; margin-top:10px;}
.hx04 .list{ display:flex; position:relative; width:94%; position:relative; margin:auto; margin-top:15px; background-color:rgba(255,255,255,0.7); border-radius:5px; flex-wrap:wrap;}
.hx04 .list dd{ display:none;}
.hx04 .list dd:nth-child(2){ width:1px; height:calc(100% - 30px); display:block; background-color:#666; position:absolute; left:50%; margin-left:-0.5px; top:15px;}
.hx04 .list dd:nth-child(4){ width:calc(100% - 30px); height:1px; display:block; background-color:#666; position:absolute; top:50%; margin-top:-0.5px; left:15px;}
.hx04 .list dt{ width:50%; padding:15px; box-sizing:border-box; display:block; text-align:center;}
.hx04 .list dt .a01{ height:30px; padding:5px 0;}
.hx04 .list dt .a01 img{ display:block; height:30px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.hx04 .list dt:hover .a01 img{ -webkit-transform:rotateY(-360deg);}
.hx04 .list dt .a02{ text-align:center; display:inline-block; position:relative; padding-right:20px; padding-bottom:26px; overflow:visible;}
.hx04 .list dt .a02>span{ display:block; font-size:30px; line-height:30px; color:#0e6eb8;}
.hx04 .list dt .a02>p{ width:100%; text-align:center; display:block; position:absolute; right:0; bottom:0; padding-bottom:24px;}
.hx04 .list dt .a02>p span{ width:47vw; display:block; font-size:16px; line-height:26px; position:absolute; left:50%; margin-left:-23.4vw; bottom:0; padding:0 15px; box-sizing:border-box; overflow:hidden; height:26px;}
.hx04 .list dt .a02>p a{ display:block; font-size:14px; line-height:24px; color:#0e6eb8; text-align:right;}
.hx04 .list01{ width:94%; margin:auto; display:flex; justify-content:space-between; flex-wrap:wrap;}
.hx04 .list01 li{ width:48%; padding:15px; padding-bottom:10px; box-sizing:border-box; display:block; background-color:rgba(255,255,255,0.7); border-radius:5px; text-align:center; margin-top:15px;}
.hx04 .list01 li:nth-child(1){ width:100%;}
.hx04 .list01 li .a01{ height:50px;}
.hx04 .list01 li .a01 img{ display:block; height:50px; margin:auto;}
.hx04 .list01 li .a02{ display:block; font-size:16px; line-height:26px; margin-top:5px; font-weight:bold;}
.hx04 .list01 li .a03{ display:block; font-size:14px; line-height:24px; color:#666;}
.hx04 .list01 li:hover .a02{ color:#0e6eb8;}
}

/*解决方案*/
@media screen and (min-width:1441px){
.jj01{ width:100%; padding-top:65px; background-color:#fff;}
.jj01 .title{ width:1440px; margin:auto; text-align:center; position:relative;}
.jj01 .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3;}
.jj01 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px;}
.jj01 .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.jj01 .box{ width:1440px; position:relative; margin:auto;}
.jj01 .box .left{ width:100%; float:left;}
.jj01 .box .left ul{ display:block; overflow:hidden;}
.jj01 .box .left ul li{ display:block; margin-top:20px; overflow:hidden; text-align:center;}
.jj01 .box .left ul li .j01{ width:100%;}
.jj01 .box .left ul li .j01 span{ width:40px; height:40px; line-height:40px; font-size:18px; background-color:#0e6eb8; color:#fff; display:none; float:left; border-radius:100%; text-align:center;}
.jj01 .box .left ul li .j01 b{ font-weight:normal; display:block; text-align:center; font-size:20px; line-height:30px;}
.jj01 .box .left ul li .j02{ width:70%; padding:0 15%; padding-top:10px; font-size:14px; line-height:24px;}
.jj01 .box .right{ padding-left:20px; padding-bottom:20px; float:right; position:relative; margin-bottom:5px;}
.jj01 .box .right strong{ width:700px; height:450px; display:block; overflow:hidden; position:relative; z-index:2;}
.jj01 .box .right strong img{ width:100%; display:block;}
.jj01 .box .right b{ width:calc(100% - 20px); height:calc(100% - 20px); position:absolute; left:0; bottom:0; display:block; z-index:1; background-color:#0e6eb8;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.jj01{ width:100%; padding-top:45px; background-color:#fff;}
.jj01 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.jj01 .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3;}
.jj01 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px;}
.jj01 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.jj01 .box{ width:94%; position:relative; margin:auto; margin-top:5px;}
.jj01 .box .left{ width:100%; float:left;}
.jj01 .box .left ul{ display:block; overflow:hidden;}
.jj01 .box .left ul li{ display:block; margin-top:15px; overflow:hidden; text-align:center;}
.jj01 .box .left ul li .j01{ width:100%;}
.jj01 .box .left ul li .j01 span{ width:36px; height:36px; line-height:36px; font-size:16px; background-color:#0e6eb8; color:#fff; display:block; float:left; border-radius:100%; text-align:center;}
.jj01 .box .left ul li .j01 b{ font-weight:normal; display:block; text-align:center; font-size:18px; line-height:28px;}
.jj01 .box .left ul li .j02{ width:85%; padding:0 7.5%; padding-top:5px; font-size:14px; line-height:24px;}
.jj01 .box .right{ width:48.61%; padding-left:15px; padding-bottom:15px; float:right; position:relative; margin-bottom:5px;}
.jj01 .box .right strong{ width:100%; height:29.37vw; display:block; overflow:hidden; position:relative; z-index:2;}
.jj01 .box .right strong img{ width:100%; display:block;}
.jj01 .box .right b{ width:calc(100% - 15px); height:calc(100% - 15px); position:absolute; left:0; bottom:0; display:block; z-index:1; background-color:#0e6eb8;}
}
@media only screen and (max-width:1024px){
.jj01{ width:100%; padding-top:25px; background-color:#fff;}
.jj01 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.jj01 .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3;}
.jj01 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px;}
.jj01 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.jj01 .box{ width:94%; position:relative; margin:auto; margin-top:5px;}
.jj01 .box .left{ width:100%; float:left;}
.jj01 .box .left ul{ display:block; overflow:hidden;}
.jj01 .box .left ul li{ display:block; margin-top:10px; overflow:hidden; text-align:center;}
.jj01 .box .left ul li .j01{ width:100%;}
.jj01 .box .left ul li .j01 span{ width:30px; height:30px; line-height:30px; font-size:14px; background-color:#0e6eb8; color:#fff; display:block; float:left; border-radius:100%; text-align:center;}
.jj01 .box .left ul li .j01 b{ font-weight:normal; display:block; text-align:center; font-size:16px; line-height:26px;}
.jj01 .box .left ul li .j02{ font-size:14px; line-height:24px; margin-top:2px;}
.jj01 .box .right{ width:calc(100% - 10px); padding-left:10px; padding-bottom:10px; float:right; position:relative; margin-top:10px;}
.jj01 .box .right strong{ width:100%; display:block; overflow:hidden; position:relative; z-index:2;}
.jj01 .box .right strong img{ width:100%; display:block;}
.jj01 .box .right b{ width:calc(100% - 10px); height:calc(100% - 10px); position:absolute; left:0; bottom:0; display:block; z-index:1; background-color:#0e6eb8;}
}

.min.mmm>div.jj02:nth-child(2) .title{ display:none;}
@media screen and (min-width:1441px){
.jj02{ width:100%; padding-top:65px; background-color:#fff;}
.jj02 .title{ width:1440px; margin:auto; text-align:center; position:relative;}
.jj02 .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3;}
.jj02 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px;}
.jj02 .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.jj02 .box{ width:1439px; position:relative; margin:auto; display:flex; flex-wrap:wrap;}
.jj02 .box li{ display:block; width:calc(20% - 24px); position:relative; overflow:hidden; margin-top:30px; margin-left:30px; background-image:none !important; background-color:#f1f1f1;}
.jj02 .box li:nth-child(5n+1){ margin-left:0;}
.jj02 .box li .bg{ width:100%; height:100%; background-color:#0e6eb8; opacity:0.8; display:none;}
.jj02 .box li .cont{ width:100%; box-sizing:border-box; padding:25px 30px; max-height:470px; overflow:auto;}
.jj02 .box li .cont .h01{ width:100%;}
.jj02 .box li .cont .h01 img{ height:80px; display:block; margin:5px auto;}
.jj02 .box li .cont .h01 img.img02{ display:none;}
.jj02 .box li .cont .h02{ font-size:20px; text-align:center; line-height:30px; padding-top:20px; font-weight:bold; color:#333;}
.jj02 .box li .cont .h03{ font-size:14px; text-align:center; line-height:24px; padding-top:10px; color:#666;}
.jj02 .box li:hover{ background-color:#0e6eb8 !important;}
.jj02 .box li:hover .cont .h01 img.img01{ display:none;}
.jj02 .box li:hover .cont .h01 img.img02{ display:block;}
.jj02 .box li:hover .cont .h02,.jj02 .box li:hover .cont .h03{ color:#fff;}
.min.mmm>div.jj02:nth-child(2) .box{ margin-top:-50px;}
.min.mmm>div:last-child{ padding-bottom:70px;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.jj02{ width:100%; padding-top:45px; background-color:#fff;}
.jj02 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.jj02 .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3;}
.jj02 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px;}
.jj02 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.jj02 .box{ width:94%; position:relative; margin:auto; display:flex; flex-wrap:wrap;}
.jj02 .box li{ display:block; width:18.4%; position:relative; overflow:hidden; margin-top:25px; margin-left:2%; background-image:none !important; background-color:#f1f1f1;}
.jj02 .box li:nth-child(5n+1){ margin-left:0;}
.jj02 .box li .bg{ width:100%; height:100%; background-color:#0e6eb8; opacity:0.8; display:none;}
.jj02 .box li .cont{ width:100%; box-sizing:border-box; padding:15px 20px; max-height:31.75vw; overflow:auto;}
.jj02 .box li .cont .h01{ width:100%;}
.jj02 .box li .cont .h01 img{ height:60px; display:block; margin:5px auto;}
.jj02 .box li .cont .h01 img.img02{ display:none;}
.jj02 .box li .cont .h02{ font-size:18px; text-align:center; line-height:28px; padding-top:10px; font-weight:bold; color:#333;}
.jj02 .box li .cont .h03{ font-size:14px; text-align:center; line-height:24px; padding-top:5px; color:#666;}
.jj02 .box li:hover{ background-color:#0e6eb8 !important;}
.jj02 .box li:hover .cont .h01 img.img01{ display:none;}
.jj02 .box li:hover .cont .h01 img.img02{ display:block;}
.jj02 .box li:hover .cont .h02,.jj02 .box li:hover .cont .h03{ color:#fff;}
.min.mmm>div.jj02:nth-child(2) .box{ margin-top:-35px;}
.min.mmm>div:last-child{ padding-bottom:50px;}
}
@media only screen and (max-width:1024px){
.jj02{ width:100%; padding-top:25px; background-color:#fff;}
.jj02 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.jj02 .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3;}
.jj02 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px;}
.jj02 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.jj02 .box{ width:94%; position:relative; margin:auto; display:flex; flex-wrap:wrap; padding-top:5px;}
.jj02 .box li{ display:block; width:48.5%; position:relative; overflow:hidden; margin-top:15px; margin-left:3%; background-image:none !important; background-color:#f1f1f1;}
.jj02 .box li:nth-child(2n+1){ margin-left:0;}
.jj02 .box li .bg{ width:100%; height:100%; background-color:#0e6eb8; opacity:0.8; display:none;}
.jj02 .box li .cont{ width:100%; box-sizing:border-box; padding:10px 15px; max-height:66.27vw; overflow:auto;}
.jj02 .box li .cont .h01{ width:100%;}
.jj02 .box li .cont .h01 img{ height:40px; display:block; margin:5px auto;}
.jj02 .box li .cont .h01 img.img02{ display:none;}
.jj02 .box li .cont .h02{ font-size:16px; text-align:center; line-height:26px; padding-top:5px; font-weight:bold; color:#333;}
.jj02 .box li .cont .h03{ font-size:14px; text-align:center; line-height:20px; padding-top:5px; color:#666;}
.jj02 .box li:hover{ background-color:#0e6eb8 !important;}
.jj02 .box li:hover .cont .h01 img.img01{ display:none;}
.jj02 .box li:hover .cont .h01 img.img02{ display:block;}
.jj02 .box li:hover .cont .h02,.jj02 .box li:hover .cont .h03{ color:#fff;}
.min.mmm>div.jj02:nth-child(2) .box{ margin-top:-20px;}
.min.mmm>div:last-child{ padding-bottom:30px;}
}

@media screen and (min-width:1441px){
.jj03{ width:100%; padding-top:65px; padding-bottom:70px; margin-top:70px; background-position:center; background-size:cover; position:relative;}
.jj03 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#0e6eb8; opacity:0.9;}
.jj03 .box{ width:1440px; position:relative; margin:auto; z-index:3;}
.jj03 .title{ width:1440px; margin:auto; text-align:center; position:relative;}
.jj03 .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3; color:#fff;}
.jj03 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px; color:#fff;}
.jj03 .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:#fff;}
.jj03 .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:5px;}
.jj03 .list li{ display:block; margin-top:25px; width:330px; margin-left:40px; text-align:center;}
.jj03 .list li:nth-child(4n+1){ margin-left:0;}
.jj03 .list li .h01{ height:80px; margin:auto;}
.jj03 .list li .h01 img{ display:block; height:80px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.jj03 .list li .h02{ font-size:18px; line-height:28px; font-weight:bold; margin-top:15px; color:#fff;}
.jj03 .list li .h03{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.jj03 .list li:hover .h01 img{ -webkit-transform:rotateY(-360deg);}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.jj03{ width:100%; padding-top:45px; padding-bottom:50px; margin-top:50px; background-position:center; background-size:cover; position:relative;}
.jj03 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#0e6eb8; opacity:0.9;}
.jj03 .box{ width:94%; position:relative; margin:auto; z-index:3;}
.jj03 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.jj03 .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3; color:#fff;}
.jj03 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px; color:#fff;}
.jj03 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:#fff;}
.jj03 .list{ width:100%; display:flex; flex-wrap:wrap;}
.jj03 .list li{ display:block; background-color:rgba(255,255,255,0.8); border-radius:10px; margin-top:25px; width:32%; margin-left:2%; padding:25px; padding-top:30px; box-sizing:border-box; text-align:center;}
.jj03 .list li:nth-child(3n+1){ margin-left:0;}
.jj03 .list li .h01{ width:68px; height:68px; border-radius:100%; margin:auto; background-color:#0e6eb8; border:1px solid #0e6eb8;}
.jj03 .list li .h01 img{ display:block; height:30px; margin:19px auto;}
.jj03 .list li .h02{ font-size:18px; line-height:28px; font-weight:bold; margin-top:10px;}
.jj03 .list li .h03{ font-size:14px; line-height:22px; color:#666; margin-top:5px;}
.jj03 .list li:hover{ background-color:#0e6eb8;}
.jj03 .list li:hover .h01{ border:1px solid #fff;}
.jj03 .list li:hover .h02,.jj03 .list li:hover .h03{ color:#fff;}
}
@media only screen and (max-width:1024px){
.jj03{ width:100%; padding-top:25px; padding-bottom:30px; margin-top:30px; background-position:center; background-size:cover; position:relative;}
.jj03 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#0e6eb8; opacity:0.9;}
.jj03 .box{ width:94%; position:relative; margin:auto; z-index:3;}
.jj03 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.jj03 .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3; color:#fff;}
.jj03 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px; color:#fff;}
.jj03 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:#fff;}
.jj03 .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:5px;}
.jj03 .list li{ display:block; background-color:rgba(255,255,255,0.8); border-radius:5px; margin-top:15px; width:48%; margin-left:4%; padding:15px; padding-top:20px; box-sizing:border-box; text-align:center;}
.jj03 .list li:nth-child(2n+1){ margin-left:0;}
.jj03 .list li .h01{ width:58px; height:58px; border-radius:100%; margin:auto; background-color:#0e6eb8; border:1px solid #0e6eb8;}
.jj03 .list li .h01 img{ display:block; height:30px; margin:14px auto;}
.jj03 .list li .h02{ font-size:16px; line-height:26px; font-weight:bold; margin-top:5px;}
.jj03 .list li .h03{ font-size:14px; line-height:22px; color:#666;}
.jj03 .list li:hover{ background-color:#0e6eb8;}
.jj03 .list li:hover .h01{ border:1px solid #fff;}
.jj03 .list li:hover .h02,.jj03 .list li:hover .h03{ color:#fff;}
}

@media screen and (min-width:1441px){
.jj04{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.jj04 .title{ width:1440px; margin:auto; text-align:center; position:relative;}
.jj04 .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3;}
.jj04 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px;}
.jj04 .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.jj04 .box{ width:1440px; position:relative; margin:auto;}
.jj04 .box .swiper-slide{ width:450px; height:250px; margin-left:45px; margin-top:30px; position:relative; overflow:hidden; float:left;}
.jj04 .box .swiper-slide:nth-child(3n+1){ margin-left:0;}
.jj04 .box .swiper-slide .tu{ width:100%; height:100%;}
.jj04 .box .swiper-slide .tu img{ max-height:100%; max-width:100%; display:block; margin:auto;}
.jj04 .box .swiper-slide .bg{ width:100%; height:100%; background-color:#000; opacity:0.7; position:absolute; left:0; top:0; display:none;}
.jj04 .box .swiper-slide .wen{ padding:25px 30px; position:absolute; left:0; top:100%; width:100%; height:100%; box-sizing:border-box; background-color:rgba(14,110,184,.8); overflow:auto; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; text-align:center;}
.jj04 .box .swiper-slide:hover .wen{ top:0;}
.jj04 .box .swiper-slide .wen .h01{ font-size:20px; line-height:30px; color:#fff; font-weight:bold;}
.jj04 .box .swiper-slide .wen .h02{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.jj04 .box .swiper-slide.swiper-slide-active .bg{ display:none;}
.jj04 .box .swiper-slide.swiper-slide-active .wen{ display:block;}
.jj04 .box .swiper-button-white{ position:absolute; top:50%; margin-top:-30px; width:60px; height:60px;}
.jj04 .box .swiper-button-white img{ width:100%; display:block;}
.jj04 .box .swiper-button-prev{ left:45px;}
.jj04 .box .swiper-button-next{ right:45px;}
.jj04 .box .swiper-slide .wen::-webkit-scrollbar{ width:5px; height:1px;}
.jj04 .box .swiper-slide .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#0e6eb8;}
.jj04 .box .swiper-slide .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.jj04{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff;}
.jj04 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.jj04 .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3;}
.jj04 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px;}
.jj04 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.jj04 .box{ width:94%; position:relative; margin:auto; margin-top:25px;}
.jj04 .box .swiper-slide{ width:32%; height:16.71vw; margin-left:2%; margin-top:30px; position:relative; overflow:hidden; float:left;}
.jj04 .box .swiper-slide:nth-child(3n+1){ margin-left:0;}
.jj04 .box .swiper-slide .tu{ width:100%; height:100%;}
.jj04 .box .swiper-slide img{ max-height:100%; max-width:100%; display:block; margin:auto;}
.jj04 .box .swiper-slide .bg{ width:100%; height:100%; background-color:#000; opacity:0.7; position:absolute; left:0; top:0; display:none;}
.jj04 .box .swiper-slide .wen{ padding:20px; position:absolute; left:0; top:100%; width:100%; height:100%; box-sizing:border-box; background-color:rgba(14,110,184,.8); overflow:auto; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; text-align:center;}
.jj04 .box .swiper-slide:hover .wen{ top:0;}
.jj04 .box .swiper-slide .wen .h01{ font-size:18px; line-height:28px; color:#fff; font-weight:bold;}
.jj04 .box .swiper-slide .wen .h02{ font-size:14px; line-height:24px; color:#fff; margin-top:3px;}
.jj04 .box .swiper-slide.swiper-slide-active .bg{ display:none;}
.jj04 .box .swiper-slide.swiper-slide-active .wen{ display:block;}
.jj04 .box .swiper-button-white{ position:absolute; top:50%; margin-top:-25px; width:50px; height:50px;}
.jj04 .box .swiper-button-white img{ width:100%; display:block;}
.jj04 .box .swiper-button-prev{ left:6.14%; margin-left:-25px;}
.jj04 .box .swiper-button-next{ right:6.14%; margin-right:-25px;}
.jj04 .box .swiper-slide .wen::-webkit-scrollbar{ width:5px; height:1px;}
.jj04 .box .swiper-slide .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#0e6eb8;}
.jj04 .box .swiper-slide .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}
}
@media only screen and (max-width:1024px){
.jj04{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#fff;}
.jj04 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.jj04 .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3;}
.jj04 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px;}
.jj04 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.jj04 .box{ width:94%; position:relative; margin:auto; margin-top:5px;}
.jj04 .box .swiper-slide{ width:100%; position:relative; margin-top:15px; overflow:hidden;}
.jj04 .box .swiper-slide .tu{ height:52.22vw;}
.jj04 .box .swiper-slide .tu img{ max-height:100%; max-width:100%; display:block; margin:auto;}
.jj04 .box .swiper-slide .bg{ width:100%; height:100%; background-color:#000; opacity:0.7; position:absolute; left:0; top:0; display:none;}
.jj04 .box .swiper-slide .wen{ padding:15px; position:absolute; left:0; top:100%; width:100%; height:100%; box-sizing:border-box; background-color:rgba(14,110,184,.8); overflow:auto; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; text-align:center;}
.jj04 .box .swiper-slide:hover .wen{ top:0;}
.jj04 .box .swiper-slide .wen .h01{ font-size:16px; line-height:26px; color:#fff; font-weight:bold;}
.jj04 .box .swiper-slide .wen .h02{ font-size:14px; line-height:20px; color:#fff;}
.jj04 .box .swiper-slide.swiper-slide-active .bg{ display:none;}
.jj04 .box .swiper-slide.swiper-slide-active .wen{ display:block;}
.jj04 .box .swiper-button-white{ position:absolute; top:50%; margin-top:-15px; width:30px; height:30px;}
.jj04 .box .swiper-button-white img{ width:100%; display:block;}
.jj04 .box .swiper-button-prev{ left:6.14%; margin-left:-15px;}
.jj04 .box .swiper-button-next{ right:6.14%; margin-right:-15px;}
}

/*新闻动态*/
@media screen and (min-width:1441px){
.news{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.news .title{ width:1440px; margin:auto; text-align:center; position:relative;}
.news .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3;}
.news .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px;}
.news .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.news .box{ width:1440px; position:relative; margin:auto;}
.news .list{ width:100%; display:flex; flex-wrap:wrap;}
.news .list li{ width:340px; height:460px; margin-top:30px; margin-left:26.66px; overflow:hidden; border-radius:10px; float:left; background-position:center; background-size:cover; background-repeat:no-repeat;}
.news .list li:nth-child(4n+1){ margin-left:0;}
.news .list li a{ display:block; width:100%; height:100%; position:relative; overflow:hidden; background:linear-gradient(to bottom,rgba(14,110,184,0),rgba(14,110,184,1));}
.news .list li .wen{ position:absolute; left:0; bottom:0; padding:25px 30px; width:100%; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.news .list li .wen .n01{ font-size:14px; line-height:24px; color:#fff;}
.news .list li .wen .n02{ font-size:18px; line-height:28px; color:#fff; height:28px; font-weight:bold; margin-top:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news .list li .wen .n03{ font-size:14px; line-height:24px; color:#fff; height:48px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.news .list li .wen .n04{ font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
.news .list li a:hover .wen{ padding-bottom:35px;}
.news .list li a:hover{ background:linear-gradient(to bottom,rgba(14,110,184,.8),rgba(14,110,184,.8));}

.fanye{ width:100%; display:flex; justify-content:center; margin-top:30px; text-align:center;}
.fanye li{ margin:0 5px; display:block;}
.fanye li a{ width:40px; height:40px; line-height:40px; font-size:16px; background-color:#f1f1f1; border-radius:100%; display:block;}
.fanye li span{ width:40px; height:40px; line-height:40px; font-size:16px; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#0e6eb8;}
.fanye li.disabled span{ color:#aaa; background-color:#f1f1f1; cursor:no-drop;}
.fanye li a:hover{ color:#0e6eb8;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.news{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff;}
.news .title{ width:94%; margin:auto; text-align:center; position:relative;}
.news .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3;}
.news .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px;}
.news .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.news .box{ width:94%; position:relative; margin:auto;}
.news .list li{ width:23.61%; height:30.026vw; border-radius:10px; float:left; overflow:hidden; margin-top:25px; margin-left:1.85%; background-position:center; background-size:cover; background-repeat:no-repeat;}
.news .list li:nth-child(4n+1){ margin-left:0;}
.news .list li a{ display:block; width:100%; height:100%; position:relative; overflow:hidden; background:linear-gradient(to bottom,rgba(14,110,184,0),rgba(14,110,184,1));}
.news .list li .wen{ position:absolute; left:0; bottom:0; padding:15px 8%; width:100%; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.news .list li .wen .n01{ font-size:14px; line-height:24px; color:#fff;}
.news .list li .wen .n02{ font-size:18px; line-height:28px; color:#fff; height:28px; font-weight:bold; margin-top:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news .list li .wen .n03{ font-size:14px; line-height:24px; color:#fff; height:48px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.news .list li .wen .n04{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.news .list li a:hover .wen{ padding-bottom:25px;}
.news .list li a:hover{ background:linear-gradient(to bottom,rgba(14,110,184,.8),rgba(14,110,184,.8));}

.fanye{ width:100%; display:flex; justify-content:center; margin-top:25px; text-align:center;}
.fanye li{ margin:0 5px; display:block;}
.fanye li a{ width:36px; height:36px; line-height:36px; font-size:16px; background-color:#f1f1f1; border-radius:100%; display:block;}
.fanye li span{ width:36px; height:36px; line-height:36px; font-size:16px; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#0e6eb8;}
.fanye li.disabled span{ color:#aaa; background-color:#f1f1f1; cursor:no-drop;}
.fanye li a:hover{ color:#0e6eb8;}
}
@media only screen and (max-width:1024px){
.news{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#fff;}
.news .title{ width:94%; margin:auto; text-align:center; position:relative;}
.news .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3;}
.news .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px;}
.news .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.news .box{ width:94%; position:relative; margin:auto; padding-top:5px;}
.news .list li{ width:48%; height:61.04vw; border-radius:5px; float:left; overflow:hidden; margin-top:15px; margin-left:4%; background-position:center; background-size:cover; background-repeat:no-repeat;}
.news .list li:nth-child(2n+1){ margin-left:0;}
.news .list li a{ display:block; width:100%; height:100%; position:relative; overflow:hidden; background:linear-gradient(to bottom,rgba(14,110,184,0),rgba(14,110,184,1));}
.news .list li .wen{ position:absolute; left:0; bottom:0; padding:10px; width:100%; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.news .list li .wen .n01{ font-size:14px; line-height:1; color:#fff;}
.news .list li .wen .n02{ font-size:16px; line-height:26px; color:#fff; height:26px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news .list li .wen .n03{ font-size:14px; line-height:20px; color:#fff; height:40px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.news .list li .wen .n04{ font-size:14px; line-height:20px; color:#fff;}
.news .list li a:hover .wen{ padding-bottom:20px;}
.news .list li a:hover{ background:linear-gradient(to bottom,rgba(14,110,184,.8),rgba(14,110,184,.8));}

.fanye{ width:100%; display:flex; justify-content:center; margin-top:15px; text-align:center;}
.fanye li{ margin:0 5px; display:block;}
.fanye li a{ width:30px; height:30px; line-height:30px; font-size:14px; background-color:#f1f1f1; border-radius:100%; display:block;}
.fanye li span{ width:30px; height:30px; line-height:30px; font-size:14px; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#0e6eb8;}
.fanye li.disabled span{ color:#aaa; background-color:#f1f1f1; cursor:no-drop;}
.fanye li a:hover{ color:#0e6eb8;}
}

/*新闻动态内页*/
@media screen and (min-width:1441px){
.ny{ width:1440px; margin:auto; margin-top:65px; position:relative; z-index:1;}
.ny .title{ width:100%;}
.ny .title b{ display:block; font-size:24px; line-height:34px; color:#0e6eb8;}
.ny .title span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.ny .title p{ display:block; margin-top:10px; width:100px; height:2px; background-color:#0e6eb8;}
.ny .wen{ margin-top:25px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px; margin-bottom:5px;}
#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:#0e6eb8; color:#0e6eb8; box-shadow:-0.6em 0 #0e6eb8, -0.6em 0.6em #0e6eb8, 0.6em 0 #0e6eb8, 0.6em -0.6em #0e6eb8, 0 -0.6em #0e6eb8, -0.6em -0.6em #0e6eb8, 0 0.6em #0e6eb8, 0.6em 0.6em #0e6eb8;}
#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-right: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:1025px) and (max-width:1440px){
.ny{ width:94%; margin:auto; margin-top:45px; position:relative; z-index:1;}
.ny .title{ width:100%;}
.ny .title b{ display:block; font-size:20px; line-height:30px; color:#0e6eb8;}
.ny .title span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:5px;}
.ny .title p{ display:block; margin-top:5px; width:80px; height:2px; background-color:#0e6eb8;}
.ny .wen{ margin-top:20px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px; margin-bottom:5px;}
#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:#0e6eb8; color:#0e6eb8; box-shadow:-0.6em 0 #0e6eb8, -0.6em 0.6em #0e6eb8, 0.6em 0 #0e6eb8, 0.6em -0.6em #0e6eb8, 0 -0.6em #0e6eb8, -0.6em -0.6em #0e6eb8, 0 0.6em #0e6eb8, 0.6em 0.6em #0e6eb8;}
#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-right: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:1024px){
.ny{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:1;}
.ny .title{ width:100%;}
.ny .title b{ display:block; font-size:16px; line-height:26px; color:#0e6eb8;}
.ny .title span{ display:block; font-size:14px; line-height:24px; color:#333;}
.ny .title p{ display:block; margin-top:5px; width:60px; height:2px; background-color:#0e6eb8;}
.ny .wen{ margin-top:10px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px; margin-bottom:5px;}
#portfolio-nav{ width:100%; height:40px; padding:15px 0; margin:auto; margin-top:10px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display: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:#0e6eb8; color:#0e6eb8; box-shadow:-0.6em 0 #0e6eb8, -0.6em 0.6em #0e6eb8, 0.6em 0 #0e6eb8, 0.6em -0.6em #0e6eb8, 0 -0.6em #0e6eb8, -0.6em -0.6em #0e6eb8, 0 0.6em #0e6eb8, 0.6em 0.6em #0e6eb8;}
#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-right: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:1441px){
.lx01{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.lx01 .title{ width:1440px; margin:auto; text-align:center; position:relative;}
.lx01 .title b{ font-size:30px; display:block; height:40px; line-height:40px; position:relative; z-index:3;}
.lx01 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:36px; text-transform:uppercase; opacity:0.1; height:38px; line-height:38px;}
.lx01 .title p{ width:80px; height:2px; display:block; margin:auto; margin-top:13px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.lx01 .box{ width:1440px; position:relative; margin:auto; margin-top:30px;}
.lx01 .box .left{ width:660px; float:left; margin-top:-20px;}
.lx01 .box .right{ width:660px; float:right;}
.lx01 .box p{ width:100%; height:50px; line-height:50px; border-radius:50px; background-color:#f1f1f1; margin-top:20px; overflow:hidden; display:block; padding:0 30px; box-sizing:border-box;}
.lx01 .box p input{ width:100%; font-size:16px; line-height:50px; height:50px; display:block; background-color:transparent;}
.lx01 .box span{ width:100%; background-color:#f1f1f1; border-radius:20px; overflow:hidden; display:block;}
.lx01 .box span textarea{ width:100%; height:260px; display:block; padding:12px 30px; box-sizing:border-box; font-size:16px; line-height:26px; overflow:auto; background-color:transparent;}
.lx01 .sub{ width:100%; float:left; margin-top:50px;}
.lx01 .sub input{ display:block; width:190px; margin:auto; text-align:center; line-height:50px; color:#fff; font-size:20px; height:50px; border-radius:50px; background:linear-gradient(to right,#0e6eb8,#319dd0); cursor:pointer;}
.lx01 .sub input:hover{ background:linear-gradient(to right,#0e6eb8,#0e6eb8);}
.lx01 .list{ width:1440px; margin:auto; margin-top:50px; display:flex; justify-content:space-between;}
.lx01 .list li{ padding:50px 30px; width:440px; box-sizing:border-box; border-radius:10px; background-color:#f1f1f1; overflow:hidden; display:block; text-align:center;}
.lx01 .list li strong{ display:block; overflow:hidden;}
.lx01 .list li strong img{ display:block; margin:auto; height:40px;}
.lx01 .list li span{ font-size:24px; line-height:34px; color:#333; margin-top:15px; display:block;}
.lx01 .list li p{ font-size:24px; line-height:28px; color:#333; display:block; margin-top:15px;}
.lx01 .list li a{ font-size:18px; line-height:28px; color:#333; display:block; margin-top:15px;}
#map{ width:100%; height:32.29vw;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
.lx01{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff;}
.lx01 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.lx01 .title b{ font-size:26px; display:block; height:36px; line-height:36px; position:relative; z-index:3;}
.lx01 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:11px; z-index:1; font-size:30px; text-transform:uppercase; opacity:0.1; height:32px; line-height:32px;}
.lx01 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:12px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.lx01 .box{ width:94%; position:relative; margin:auto; overflow:hidden; margin-top:25px;}
.lx01 .box .left{ width:48%; float:left; margin-top:-20px;}
.lx01 .box .right{ width:48%; float:right;}
.lx01 .box p{ width:100%; height:46px; line-height:46px; border-radius:46px; background-color:#f1f1f1; margin-top:20px; overflow:hidden; display:block; padding:0 25px; box-sizing:border-box;}
.lx01 .box p input{ width:100%; font-size:16px; line-height:46px; height:46px; display:block; background-color:transparent;}
.lx01 .box span{ width:100%; background-color:#f1f1f1; border-radius:15px; overflow:hidden; display:block;}
.lx01 .box span textarea{ width:100%; height:244px; display:block; padding:10px 25px; box-sizing:border-box; font-size:16px; line-height:26px; overflow:auto; background-color:transparent;}
.lx01 .sub{ width:100%; float:left; margin-top:25px;}
.lx01 .sub input{ display:block; width:190px; margin:auto; text-align:center; line-height:46px; color:#fff; font-size:18px; height:46px; border-radius:46px; background:linear-gradient(to right,#0e6eb8,#319dd0); cursor:pointer;}
.lx01 .sub input:hover{ background:linear-gradient(to right,#0e6eb8,#0e6eb8);}
.lx01 .list{ width:94%; margin:auto; margin-top:40px; display:flex; justify-content:space-between;}
.lx01 .list li{ padding:30px 20px; width:31%; box-sizing:border-box; border-radius:10px; background-color:#f1f1f1; overflow:hidden; display:block; text-align:center;}
.lx01 .list li strong{ display:block; overflow:hidden;}
.lx01 .list li strong img{ display:block; margin:auto; height:30px;}
.lx01 .list li span{ font-size:20px; line-height:30px; color:#333; margin-top:10px; display:block;}
.lx01 .list li p{ font-size:20px; line-height:26px; color:#333; display:block; margin-top:5px;}
.lx01 .list li a{ font-size:16px; line-height:26px; color:#333; display:block; margin-top:5px;}
#map{ width:100%; height:40vw;}
}
@media only screen and (max-width:1024px){
.lx01{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#fff;}
.lx01 .title{ width:94%; margin:auto; text-align:center; position:relative;}
.lx01 .title b{ font-size:20px; display:block; height:30px; line-height:30px; position:relative; z-index:3;}
.lx01 .title strong{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:10px; z-index:1; font-size:24px; text-transform:uppercase; opacity:0.1; height:26px; line-height:26px;}
.lx01 .title p{ width:60px; height:2px; display:block; margin:auto; margin-top:8px; background:linear-gradient(to right,#0e6eb8,#319dd0);}
.lx01 .box{ width:94%; position:relative; margin:auto; overflow:hidden; margin-top:5px;}
.lx01 .box .left{ width:100%; float:left;}
.lx01 .box .right{ width:100%; float:right; margin-top:15px;}
.lx01 .box p{ width:100%; height:34px; line-height:34px; border-radius:34px; background-color:#f1f1f1; margin-top:15px; overflow:hidden; display:block; padding:0 15px; box-sizing:border-box;}
.lx01 .box p input{ width:100%; font-size:14px; line-height:34px; height:34px; display:block; background-color:transparent;}
.lx01 .box span{ width:100%; background-color:#f1f1f1; border-radius:10px; overflow:hidden; display:block;}
.lx01 .box span textarea{ width:100%; height:140px; display:block; padding:10px 15px; box-sizing:border-box; font-size:14px; line-height:24px; overflow:auto; background-color:transparent;}
.lx01 .sub{ width:100%; float:left; margin-top:15px;}
.lx01 .sub input{ display:block; width:120px; margin:auto; text-align:center; line-height:34px; color:#fff; font-size:14px; height:34px; border-radius:34px; background:linear-gradient(to right,#0e6eb8,#319dd0); cursor:pointer;}
.lx01 .sub input:hover{ background:linear-gradient(to right,#0e6eb8,#0e6eb8);}
.lx01 .list{ width:94%; margin:auto; padding-top:5px;}
.lx01 .list li{ padding:20px 15px; width:100%; box-sizing:border-box; border-radius:10px; background-color:#f1f1f1; overflow:hidden; display:block; text-align:center; margin-top:15px;}
.lx01 .list li strong{ display:block; overflow:hidden;}
.lx01 .list li strong img{ display:block; margin:auto; height:20px;}
.lx01 .list li span{ font-size:18px; line-height:28px; color:#333; margin-top:5px; display:block;}
.lx01 .list li p{ font-size:16px; line-height:24px; color:#333; display:block;}
.lx01 .list li a{ font-size:14px; line-height:24px; color:#333; display:block;}
#map{ width:100%; height:50vw;}
}