@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"microsoft yahei", Helvetica, STHeiTi, "helvetica neue", 微软雅黑, SimSun, sans-serif; font-size:14px; line-height:1.5; color:#333; background:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{
	list-style:none;
	margin:0;
	/* [disabled]border:none; */
	outline:none;
	border: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=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
body::-webkit-scrollbar{ width:2px; height:1px;}
body::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#006fdb;}
body::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}

/*header*/
@media screen and (min-width:1441px){
.header{ width:100%; height:70px; background-color:rgba(255, 255, 255, .7); position:fixed; left: 0; top: 0; z-index:99;}
.header .head{ width:90%; max-width:1440px; margin:auto;}
.header .logo{ height:60px; float:left; padding:5px 0;}
.header .logo img{ display:block; height:60px;}
.header .logo img.mobile{ display:none;}
.header .right{ float:right;}
.header .right .nav{ display:block; float:left;}
.header .right .nav li{ display:flex; height:70px; position:relative; align-items:center; float:left; margin-right:2.6vw;}
.header .right .nav li>a{ display:block; font-size:16px; line-height:26px;}
.header .right .nav li img{ display:block; margin-left:.5vw; -webkit-transition:.3s linear; transition:.3s ease-in;}
.header .right .nav li.on>a,.header .right .nav li:hover>a{ color:#006fdb;}
.header .right .nav li:hover img{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.header .right .nav li .head-popul{ position:absolute; width:140px; background:rgba(251,251,251,.8); left:50%; margin-left:-70px; z-index:9; transform-origin:50% 0; top:80%; transform:scale(0); transition:0.3s;}
.header .right .nav li:hover .head-popul{ top:100%; transform:scale(1); transition:0.3s;}
.header .right .nav li .head-popul a{ display:block; text-align:center; font-size:14px; line-height:30px; height:30px; overflow:hidden; padding:0 15px; box-sizing:border-box; width:100%;}
.header .right .nav li .head-popul a:first-child{ margin-top:15px;}
.header .right .nav li .head-popul a:last-child{ margin-bottom:15px;}
.header .right .nav li .head-popul a:hover{ color:#006fdb;}
.header .right .navBtn{ display:none;}
.header .right .tel{ height:70px; display:flex; align-items:center; float:left; font-size:20px; line-height:30px; color:#006fdb;}
.header .right .tel strong{ height:20px; display:block; border-left:1px dashed #ccc; padding-left:1.5625vw;}
.header .right .tel strong img{ display:block; height:20px;}
.header .right .tel span{ display:block; margin-left:.5vw; font-size:16px; line-height:20px; height:20px;}
.header .right .tel b{ display:block; font-size:20px; line-height:30px; height:30px; color:#006fdb;}
.header .right .ser{ height:20px; float:left; margin:25px 0; margin-left:1.5625vw;}
.header .right .ser img{ display:block; height:20px; cursor:pointer;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.header{ width:100%; height:60px; background-color:rgba(255, 255, 255, .7); position:fixed; left: 0; top: 0; z-index:99;}
.header .head{ width:94%; margin:auto;}
.header .logo{ height:40px; float:left; padding:10px 0;}
.header .logo img{ display:block; height:40px;}
.header .logo img.pc{ display:none;}
.header .right{ float:right;}
.header .right .nav{ display:block; float:left;}
.header .right .nav li{ display:flex; height:60px; position:relative; align-items:center; float:left; margin-right:1.5vw;}
.header .right .nav li>a{ display:block; font-size:16px; line-height:26px;}
.header .right .nav li img{ display:block; margin-left:5px; -webkit-transition:.3s linear; transition:.3s ease-in;}
.header .right .nav li.on>a,.header .right .nav li:hover>a{ color:#006fdb;}
.header .right .nav li:hover img{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.header .right .nav li .head-popul{ position:absolute; width:140px; background:rgba(251,251,251,.8); left:50%; margin-left:-70px; z-index:9; transform-origin:50% 0; top:80%; transform:scale(0); transition:0.3s;}
.header .right .nav li:hover .head-popul{ top:100%; transform:scale(1); transition:0.3s;}
.header .right .nav li .head-popul a{ display:block; text-align:center; font-size:14px; line-height:24px; height:24px; overflow:hidden; padding:0 10px; box-sizing:border-box; width:100%;}
.header .right .nav li .head-popul a:first-child{ margin-top:10px;}
.header .right .nav li .head-popul a:last-child{ margin-bottom:10px;}
.header .right .nav li .head-popul a:hover{ color:#006fdb;}
.header .right .navBtn{ display:none;}
.header .right .tel{ height:60px; display:flex; align-items:center; float:left; font-size:20px; line-height:30px; color:#006fdb;}
.header .right .tel strong{ height:20px; display:block; border-left:1px dashed #ccc; padding-left:1.5vw;}
.header .right .tel strong img{ display:block; height:20px;}
.header .right .tel span{ display:block; margin-left:5px; font-size:16px; line-height:20px; height:20px;}
.header .right .tel b{ display:block; font-size:20px; line-height:30px; height:30px; color:#006fdb;}
.header .right .ser{ height:20px; float:left; margin:20px 0; margin-left:1.5vw;}
.header .right .ser img{ display:block; height:20px; cursor:pointer;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; height:60px; background-color:#fff; position:relative; z-index:9;}
.header .head{ width:94%; margin:auto;}
.header .logo{ height:40px; float:left; padding:10px 0;}
.header .logo img{ display:block; height:40px;}
.header .logo img.pc{ display:none;}
.header .right{ float:right;}
.header .right .nav{ display:none; float:left;}
.header .head .navBtn{ position:relative; float:right; display:block; width:32px; height:60px; cursor:pointer;}
.header .head .navBtn span{ display:block; width:100%; height:2px; background-color:#333; position:absolute; left:0; top:calc((100% - 2px) / 2); transition:all .3s;}
.header .head .navBtn span:nth-child(1){ transform:translateY(11px) rotate(0deg);}
.header .head .navBtn span:nth-child(3){ transform:translateY(-11px) rotate(0deg);}
.header .head .navBtn.active span:nth-child(1){ transform:translateY(0) rotate(45deg);}
.header .head .navBtn.active span:nth-child(3){ transform:translateY(0) rotate(-45deg);}
.header .head .navBtn.active span:nth-child(2){ opacity:0;}
.header .right .tel{ display:none;}
.header .right .ser{ width:24px; height:24px; float:left; margin:18px 15px; background-image:url(../images/ser.png);}
.header .right .ser img{ display:none;}
.navBox{ position:absolute; left:0; right:0; top:60px; bottom:0; width:100%; overflow:hidden; z-index:99; border-top:1px solid rgba(0, 0, 0, 0.2); background-color:#fff; display:none; height:calc(100vh - 61px);}
.navList{ width:94%; display:block; padding:15px 3%; height:calc(100% - 90px); overflow-y:auto;}
.navList > li{ display:block;}
.navList > li > a{ display:block; position:relative; font-size:16px; line-height:50px; padding-right:40px; border-bottom:1px solid #ddd; color:#333;}
.navList > li.active > a,.navList > li.cur > a{ color:#006fdb;}
.navList > li.dropdown > a b{ display:block; width:40px; height:50px; background-image:url(../images/nav_12.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; top:0; transition:all .3s;}
.navList > li.cur > a b{ transform:rotate(180deg);}
.navList > li.dropdown .navSub{ width:100%; background-color:#006fdb; color:#fff; display:none; padding:10px 0;}
.navList > li.dropdown .navSub a{ display:block; font-size:14px; padding:5px 15px; color:#fff; overflow:hidden; height:24px; line-height:24px;}
.navList > li.dropdown .navSub a:hover{ background-color:rgba(255,255,255,.1);}
.navBox .tel{ width:94%; padding:15px 3%; position:absolute; left:0; bottom:0; background-color:#eff7ff; display:flex; justify-content:center; align-items:center; font-size:20px; line-height:30px; color:#006fdb; font-weight:bold;}
.navBox .tel img{ display:block; margin-right:10px;}
.navBox .tel span{ display:block; font-size:16px; line-height:30px; height:30px;}
.navBox .tel b{ display:block; font-size:20px; line-height:30px; height:30px; color:#006fdb;}
}

/*搜索*/
@media screen and (min-width:1441px){
.serbox{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:99; background-color:rgba(0,0,0,.9); display:none;}
.serbox .close{ width:40px; cursor:pointer; border-radius:100%; position:absolute; right:3vw; top:3vw; -webkit-transition:1s linear; transition:1s ease-in;}
.serbox .close img{ width:100%; display:block;}
.serbox .close img.img02{ display:none;}
.serbox .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.serbox .box{ width:700px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-bottom:1px solid rgba(255,255,255,.3);}
.serbox .box p{ width:600px; height:50px; display:block; float:left; margin-left:15px;}
.serbox .box p input{ width:100%; display:block; height:50px; line-height:50px; font-size:16px; color:#fff; overflow:hidden; background-color:transparent;}
.serbox .box p input::-webkit-input-placeholder{ color:#ccc;} 
.serbox .box p input:-moz-placeholder{ color:#ccc;} 
.serbox .box p input::-moz-placeholder{ color:#ccc;} 
.serbox .box p input:-ms-input-placeholder{ color:#ccc;} 
.serbox .box span{ width:50px; height:50px; display:block; float:right;}
.serbox .box span input{ width:100%; height:50px; display:block; cursor:pointer; background-image:url(../images/ser_10.png); background-position:center; background-repeat:no-repeat; background-color:transparent;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.serbox{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:99; background-color:rgba(0,0,0,.9); display:none;}
.serbox .close{ width:30px; cursor:pointer; border-radius:100%; position:absolute; right:3vw; top:3vw; -webkit-transition:1s linear; transition:1s ease-in;}
.serbox .close img{ width:100%; display:block;}
.serbox .close img.img02{ display:none;}
.serbox .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.serbox .box{ width:700px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-bottom:1px solid rgba(255,255,255,.3);}
.serbox .box p{ width:600px; height:50px; display:block; float:left; margin-left:15px;}
.serbox .box p input{ width:100%; display:block; height:50px; line-height:50px; font-size:16px; color:#fff; overflow:hidden; background-color:transparent;}
.serbox .box p input::-webkit-input-placeholder{ color:#ccc;} 
.serbox .box p input:-moz-placeholder{ color:#ccc;} 
.serbox .box p input::-moz-placeholder{ color:#ccc;} 
.serbox .box p input:-ms-input-placeholder{ color:#ccc;} 
.serbox .box span{ width:50px; height:50px; display:block; float:right;}
.serbox .box span input{ width:100%; height:50px; display:block; cursor:pointer; background-image:url(../images/ser_10.png); background-position:center; background-repeat:no-repeat; background-color:transparent;}
}
@media only screen and (max-width:1023px){
.serbox{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:99; background-color:rgba(0,0,0,.9); display:none;}
.serbox .close{ width:30px; cursor:pointer; border-radius:100%; position:absolute; right:15px; top:15px; -webkit-transition:1s linear; transition:1s ease-in;}
.serbox .close img{ width:100%; display:block;}
.serbox .close img.img01{ display:none;}
.serbox .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.serbox .box{ width:94%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-bottom:1px solid rgba(255,255,255,.3);}
.serbox .box p{ width:calc(100% - 50px); height:40px; display:block; float:left; margin-left:10px;}
.serbox .box p input{ width:100%; display:block; height:40px; line-height:40px; font-size:14px; color:#fff; overflow:hidden; background-color:transparent;}
.serbox .box p input::-webkit-input-placeholder{ color:#ccc;} 
.serbox .box p input:-moz-placeholder{ color:#ccc;} 
.serbox .box p input::-moz-placeholder{ color:#ccc;} 
.serbox .box p input:-ms-input-placeholder{ color:#ccc;} 
.serbox .box span{ width:40px; height:40px; display:block; float:right;}
.serbox .box span input{ width:100%; height:40px; display:block; cursor:pointer; background-image:url(../images/ser_10.png); background-position:center; background-repeat:no-repeat; background-color:transparent;}
}

/*banner*/
@media screen and (min-width:1441px){
.banner{ width:100%; height:calc(66vh + 70px); position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; height:100%;}
.banner .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.banner .swiper-slide a img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-pagination{ width:90%; position:absolute; left:5%; bottom:0; z-index:3; display:flex; justify-content:center; align-items:flex-end;}
.banner .swiper-pagination span{ display:block; width:10px; height:10px; margin:0 3px; background-color:#fff; opacity:.5; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#ffcc00; opacity:1; height:20px;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.banner{ width:100%; height:calc(66vh + 60px); position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; height:100%;}
.banner .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.banner .swiper-slide a img{ width:130%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-pagination{ width:90%; position:absolute; left:5%; bottom:0; z-index:3; display:flex; justify-content:center; align-items:flex-end;}
.banner .swiper-pagination span{ display:block; width:10px; height:10px; margin:0 3px; background-color:#fff; opacity:.5; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#ffcc00; opacity:1; height:20px;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; height:56.25vw; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; height:100%;}
.banner .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.banner .swiper-slide a img{ width:160%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-pagination{ width:90%; position:absolute; left:5%; bottom:0; z-index:3; display:flex; justify-content:center; align-items:flex-end;}
.banner .swiper-pagination span{ display:block; width:10px; height:10px; margin:0 3px; background-color:#fff; opacity:.5; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#ffcc00; opacity:1; height:20px;}
}

/*关于我们*/
@media screen and (min-width:1441px){
.title{ width:100%; min-height:100px; position:relative;}
.title .left{ padding-top:50px; position:relative; width:100%;}
.title .left b{ text-transform:uppercase; font-size:100px; height:98px; line-height:98px; color:#006fdb; opacity:.05; position:absolute; left:-30px; top:0; z-index:1; overflow:hidden;}
.title .left strong{ display:block; font-size:36px; line-height:46px; height:46px; position:relative; z-index:3; overflow:hidden;}
.title .right{ max-width:calc(100% - 180px); position:absolute; right:0; bottom:10px; z-index:3;}
.title .right a{ width:160px; height:46px; line-height:46px; display:flex; justify-content:center; align-items:center; background-color:#006fdb; font-size:16px; color:#fff; border-bottom-left-radius:10px; border-top-right-radius:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.title .right a img{ display:block; margin-left:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.title .right a:hover img{ margin-left:15px;}
.abox{ width:100%; padding-top:90px; padding-bottom:130px; position:relative; z-index:1;}
.abox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:.05;}
.abox .box{ max-width:1440px; width:90%; margin:auto; position:relative; z-index:3;}
.abox .box .bt{ width:100%; margin-top:35px; font-size:26px; line-height:36px;}
.abox .box .wen{ width:100%; margin-top:20px; font-size:16px; line-height:36px;}
.abox .box .list{ width:100%; margin-top:60px;}
.abox .box .list li{ display:block; height:220px; float:left; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,.1); width:48.61%; background-color:#fff; border-radius:10px; margin-left:2.78%; background-image:url(../images/atu_22.jpg); background-position:left center; background-repeat:no-repeat;}
.abox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.abox .box .list li:hover{ background-image:url(../images/atuh_18.jpg);}
.abox .box .list li a{ width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; background-position:right center; background-repeat:no-repeat; background-size:auto 100%; padding-left:14.28%; padding-right:37.14%; box-sizing:border-box;}
.abox .box .list li a .w01{ width:100%; font-size:26px; line-height:36px; font-weight:bold; letter-spacing:6px;}
.abox .box .list li a .w02{ width:100%; font-size:16px; line-height:26px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:20px;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.title{ width:100%; min-height:80px; position:relative;}
.title .left{ padding-top:36px; position:relative; width:100%;}
.title .left b{ text-transform:uppercase; font-size:80px; height:78px; line-height:78px; color:#006fdb; opacity:.05; position:absolute; left:-20px; top:0; z-index:1; overflow:hidden;}
.title .left strong{ display:block; font-size:30px; line-height:40px; height:40px; position:relative; z-index:3; overflow:hidden;}
.title .right{ max-width:calc(100% - 160px); position:absolute; right:0; bottom:10px; z-index:3;}
.title .right a{ width:140px; height:40px; line-height:40px; display:flex; justify-content:center; align-items:center; background-color:#006fdb; font-size:14px; color:#fff; border-bottom-left-radius:10px; border-top-right-radius:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.title .right a img{ display:block; margin-left:10px; height:6px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.title .right a:hover img{ margin-left:15px;}
.abox{ width:100%; padding-top:60px; padding-bottom:90px; position:relative; z-index:1;}
.abox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:.05;}
.abox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.abox .box .bt{ width:100%; margin-top:20px; font-size:22px; line-height:32px;}
.abox .box .wen{ width:100%; margin-top:12px; font-size:14px; line-height:30px;}
.abox .box .list{ width:100%; margin-top:42px;}
.abox .box .list li{ display:block; height:170px; float:left; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,.1); width:48.61%; background-color:#fff; border-radius:10px; margin-left:2.78%; background-image:url(../images/atu_22.jpg); background-position:left center; background-repeat:no-repeat;}
.abox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.abox .box .list li:hover{ background-image:url(../images/atuh_18.jpg);}
.abox .box .list li a{ width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; background-position:right center; background-repeat:no-repeat; background-size:auto 100%; padding-left:7%; padding-right:38%; box-sizing:border-box;}
.abox .box .list li a .w01{ width:100%; font-size:22px; line-height:32px; font-weight:bold; letter-spacing:6px;}
.abox .box .list li a .w02{ width:100%; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:10px;}
}
@media only screen and (max-width:1023px){
.title{ width:100%; position:relative; min-height:60px;}
.title .left{ padding-top:25px; position:relative; width:100%; z-index:1;}
.title .left b{ text-transform:uppercase; font-size:50px; height:48px; line-height:48px; color:#006fdb; opacity:.05; position:absolute; left:-10px; top:0; z-index:1; overflow:hidden;}
.title .left strong{ display:block; font-size:20px; line-height:30px; height:30px; position:relative; z-index:3; overflow:hidden;}
.title .right{ position:absolute; right:0; bottom:10px; z-index:3;}
.title .right a{ width:120px; height:34px; line-height:34px; display:flex; justify-content:center; align-items:center; background-color:#006fdb; font-size:14px; color:#fff; border-bottom-left-radius:5px; border-top-right-radius:5px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.title .right a img{ display:block; margin-left:10px; height:6px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.title .right a:hover img{ margin-left:15px;}
.abox{ width:100%; padding-top:35px; padding-bottom:50px; position:relative; z-index:1;}
.abox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:.05;}
.abox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.abox .box .bt{ width:100%; margin-top:5px; font-size:16px; line-height:26px;}
.abox .box .wen{ width:100%; margin-top:5px; font-size:14px; line-height:24px;}
.abox .box .list{ width:100%; padding-top:10px;}
.abox .box .list li{ display:block; height:110px; float:left; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,.1); width:100%; background-color:#fff; border-radius:5px; margin-top:15px; background-image:url(../images/atu_22.jpg); background-position:left center; background-repeat:no-repeat;}
.abox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.abox .box .list li:hover{ background-image:url(../images/atuh_18.jpg);}
.abox .box .list li a{ width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; background-position:right center; background-repeat:no-repeat; background-size:auto 100%; padding-left:7%; padding-right:30%; box-sizing:border-box;}
.abox .box .list li a .w01{ width:100%; font-size:16px; line-height:26px; font-weight:bold;}
.abox .box .list li a .w02{ width:100%; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:5px;}
}

/*业务领域*/
@media screen and (min-width:1441px){
.ybox{ width:100%; padding-top:90px; padding-bottom:130px; height:820px; box-sizing:border-box; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ybox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:linear-gradient(to right,rgba(0,111,219,.7),rgba(0,111,219,0));}
.ybox .box{ width:90%; max-width:1440px; margin:auto; position:relative; z-index:3;}
.ybox .box .title .left b{ color:#fff;}
.ybox .box .title .left strong{ color:#fff;}
.ybox .box .bt{ width:100%; position:relative; margin-top:55px;}
.ybox .box .bt b{ display:block; font-size:26px; line-height:36px; height:36px; color:#fff; position:relative; z-index:3;}
.ybox .box .bt img{ display:block; position:absolute; left:-20px; top:-45px; height:100px;}
.ybox .box .wen{ width:48.61%; margin-top:15px; font-size:16px; line-height:36px; color:#fff;}
.ybox .box .more{ padding-top:30px;}
.ybox .box .more a{ height:36px; line-height:36px; display:flex; justify-content:center; align-items:center; font-size:16px; color:#fff; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; float:left;}
.ybox .box .more a img{ display:block; margin-left:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .box .more a:hover img{ margin-left:15px;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ybox{ width:100%; padding-top:60px; padding-bottom:90px; min-height:580px; box-sizing:border-box; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ybox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:linear-gradient(to right,rgba(0,111,219,.7),rgba(0,111,219,0));}
.ybox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ybox .box .title .left b{ color:#fff;}
.ybox .box .title .left strong{ color:#fff;}
.ybox .box .bt{ width:100%; position:relative; margin-top:35px;}
.ybox .box .bt b{ display:block; font-size:22px; line-height:32px; height:32px; color:#fff; position:relative; z-index:3;}
.ybox .box .bt img{ display:block; position:absolute; left:-15px; top:-32px; height:80px;}
.ybox .box .wen{ width:70%; margin-top:12px; font-size:14px; line-height:30px; color:#fff;}
.ybox .box .more{ padding-top:17px;}
.ybox .box .more a{ height:24px; line-height:24px; display:flex; justify-content:center; align-items:center; font-size:14px; color:#fff; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; float:left;}
.ybox .box .more a img{ display:block; margin-left:10px; height:6px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .box .more a:hover img{ margin-left:15px;}
}
@media only screen and (max-width:1023px){
.ybox{ width:100%; padding-top:30px; padding-bottom:45px; min-height:500px; box-sizing:border-box; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ybox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:linear-gradient(to right,rgba(0,111,219,.7),rgba(0,111,219,0));}
.ybox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ybox .box .title .left b{ color:#fff;}
.ybox .box .title .left strong{ color:#fff;}
.ybox .box .bt{ width:100%; position:relative; margin-top:5px;}
.ybox .box .bt b{ display:block; font-size:18px; line-height:28px; height:32px; color:#fff; position:relative; z-index:3;}
.ybox .box .bt img{ display:block; position:absolute; left:-10px; top:-15px; height:50px;}
.ybox .box .wen{ width:70%; margin-top:5px; font-size:14px; line-height:24px; color:#fff;}
.ybox .box .more{ padding-top:5px;}
.ybox .box .more a{ height:24px; line-height:24px; display:flex; justify-content:center; align-items:center; font-size:14px; color:#fff; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; float:left;}
.ybox .box .more a img{ display:block; margin-left:10px; height:6px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .box .more a:hover img{ margin-left:15px;}
}

/*一洲制药*/
@media screen and (min-width:1441px){
.jbox{ width:100%; padding-top:90px; padding-bottom:130px; position:relative; z-index:1;}
.jbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:.05;}
.jbox .box{ max-width:1440px; width:90%; margin:auto; position:relative; z-index:3;}
.jbox .box .cont{ width:100%; display:flex; align-items:center; margin-top:60px;}
.jbox .box .cont .left{ width:50%;}
.jbox .box .bt{ font-size:26px; line-height:36px; font-weight:bold;}
.jbox .box .wen{ margin-top:20px; font-size:16px; line-height:36px; height:108px;}
.jbox .box .list{ width:45%; margin-left:5%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:-30px;}
.jbox .box .list dl{ display:block; width:48.5%; margin-left:3%; box-sizing:border-box; padding:30px; background-color:#f7f7f7; text-align:center; margin-top:30px; border-radius:20px; transition:-webkit-transform 1s,height 1s,width 1s; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.jbox .box .list dl:nth-child(2n+1){ margin-left:0;}
.jbox .box .list dl:hover{ transform:rotateY(360deg); -ms-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg);}
.jbox .box .list dl dt{ font-size:20px; line-height:30px; color:#006fdb; display:block; overflow:hidden; font-weight:bold;}
.jbox .box .list dl dd{ font-size:16px; line-height:26px; color:#333; display:block; overflow:hidden; margin-top:8px;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.jbox{ width:100%; padding-top:60px; padding-bottom:90px; position:relative; z-index:1;}
.jbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:.05;}
.jbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.jbox .box .cont{ width:100%; display:flex; align-items:center; margin-top:40px;}
.jbox .box .cont .left{ width:50%;}
.jbox .box .bt{ font-size:22px; line-height:32px; font-weight:bold;}
.jbox .box .wen{ font-size:14px; line-height:30px;}
.jbox .box .list{ width:47%; margin-left:3%; margin-top:-25px; display:flex; flex-wrap:wrap; justify-content:center;}
.jbox .box .list dl{ display:block; width:48.5%; margin-left:3%; box-sizing:border-box; padding:25px; background-color:#f7f7f7; text-align:center; margin-top:25px; border-radius:15px; transition:-webkit-transform 1s,height 1s,width 1s; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.jbox .box .list dl:nth-child(2n+1){ margin-left:0;}
.jbox .box .list dl:hover{ transform:rotateY(360deg); -ms-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg);}
.jbox .box .list dl dt{ font-size:18px; line-height:28px; color:#006fdb; display:block; overflow:hidden; font-weight:bold;}
.jbox .box .list dl dd{ font-size:16px; line-height:26px; color:#333; display:block; overflow:hidden; margin-top:5px;}
}
@media only screen and (max-width:1023px){
.jbox{ width:100%; padding-top:35px; padding-bottom:50px; position:relative; z-index:1;}
.jbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:.05;}
.jbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.jbox .box .bt{ width:90%; margin:auto; margin-top:5px; font-size:16px; line-height:26px; text-align:center; font-weight:bold;}
.jbox .box .wen{ width:90%; margin:auto; margin-top:5px; font-size:14px; line-height:24px text-align:center;}
.jbox .box .list{ width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
.jbox .box .list dl{ display:block; width:48.5%; margin-left:3%; box-sizing:border-box; padding:15px; background-color:#f7f7f7; text-align:center; margin-top:15px; border-radius:10px; transition:-webkit-transform 1s,height 1s,width 1s; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.jbox .box .list dl:nth-child(2n+1){ margin-left:0;}
.jbox .box .list dl:hover{ transform:rotateY(360deg); -ms-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg);}
.jbox .box .list dl dt{ font-size:16px; line-height:26px; color:#006fdb; display:block; overflow:hidden; font-weight:bold;}
.jbox .box .list dl dd{ font-size:14px; line-height:24px; color:#333; display:block; overflow:hidden;}
}

/*产品展示*/
@media screen and (min-width:1441px){
.pbox{ width:100%; padding-top:90px; padding-bottom:130px; position:relative; z-index:1;}
.pbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:.05;}
.pbox .box{ width:90%; max-width:1440px; margin:auto; position:relative; z-index:3;}
.pbox .box .title .right01{ max-width:calc(100% - 180px); position:absolute; right:0; bottom:10px; z-index:3;}
.pbox .box .title .right01 a{ float:left; width:160px; height:46px; line-height:46px; display:flex; justify-content:center; align-items:center; background-color:#eee; font-size:16px; border-bottom-left-radius:10px; border-top-right-radius:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; margin-left:1vw; margin-top:15px;}
.pbox .box .title .right01 a.on{ background-color:#006fdb; color:#fff;}
.pbox .box .tabox{ width:100%; margin-top:40px;}
.pbox .box .tabox .tab{ width:100%; display:block;}
.pbox .box .tabox .tab li{ width:30.56%; display:block; float:left; margin-left:4.16%; box-shadow:0 0 20px rgba(0,0,0,.1);}
.pbox .box .tabox .tab li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .tabox .tab li:nth-child(n+4){ display:none;}
.pbox .box .tabox .tab li .tu{ width:100%; position:relative;}
.pbox .box .tabox .tab li .tu .w01{ width:100%; height:15.627vw; max-height:250px; position:relative; z-index:1;}
.pbox .box .tabox .tab li .tu .w01 img{ width:100%; display:block;}
.pbox .box .tabox .tab li .tu .w02{ width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:2; background-image:url(../images/pro_35.png); background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.pbox .box .tabox .tab li:hover .tu .w02{ background-image:url(../images/pro01_35.png);}
.pbox .box .tabox .tab li .tu .w03{ width:50px; height:50px; position:absolute; right:6.82%; bottom:5px; z-index:3; background-color:#fff; border-radius:100%; box-shadow:0 0 10px rgba(0,0,0,.1); display:flex; align-items:center;}
.pbox .box .tabox .tab li .tu .w03 img{ display:block; margin:auto;}
.pbox .box .tabox .tab li .wen{ padding:13px 6.82%; padding-bottom:15px; background-color:#fff;}
.pbox .box .tabox .tab li:hover .wen{ background-color:#006fdb;}
.pbox .box .tabox .tab li .wen .w01{ font-size:20px; line-height:30px; height:30px; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}
.pbox .box .tabox .tab li .wen .w02{ font-size:16px; line-height:26px; height:26px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.pbox .box .tabox .tab li .wen .w03{ height:26px;}
.pbox .box .tabox .tab li .wen .w03 p{ line-height:26px; font-size:16px; display:block; float:left;}
.pbox .box .tabox .tab li .wen .w03 img{ display:block; margin:8px 0 8px 10px; float:left;}
.pbox .box .tabox .tab li .wen .w03 .img02{ display:none;}
.pbox .box .tabox .tab li:hover .wen *{ color:#fff;}
.pbox .box .tabox .tab li:hover .wen .w03 .img01{ display:none;}
.pbox .box .tabox .tab li:hover .wen .w03 .img02{ display:block;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.pbox{ width:100%; padding-top:60px; padding-bottom:90px; position:relative; z-index:1;}
.pbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:.05;}
.pbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.pbox .box .title .right01{ max-width:calc(100% - 130px); position:absolute; right:0; bottom:10px; z-index:3;}
.pbox .box .title .right01 a{ float:left; padding:0 15px; min-width:70px; height:40px; line-height:40px; display:block; background-color:#eee; font-size:14px; text-align:center; border-bottom-left-radius:10px; border-top-right-radius:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; margin-left:1.5vw; margin-top:15px;}
.pbox .box .title .right01 a.on{ background-color:#006fdb; color:#fff;}
.pbox .box .tabox{ width:100%; margin-top:25px;}
.pbox .box .tabox .tab{ width:100%; display:block;}
.pbox .box .tabox .tab li{ width:31.33%; display:block; float:left; margin-left:3%; box-shadow:0 0 10px rgba(0,0,0,.1);}
.pbox .box .tabox .tab li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .tabox .tab li:nth-child(n+4){ display:none;}
.pbox .box .tabox .tab li .tu{ width:100%; position:relative;}
.pbox .box .tabox .tab li .tu .w01{ width:100%; height:16.73vw; position:relative; z-index:1;}
.pbox .box .tabox .tab li .tu .w01 img{ width:100%; display:block;}
.pbox .box .tabox .tab li .tu .w02{ width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:2; background-image:url(../images/pro_35.png); background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.pbox .box .tabox .tab li:hover .tu .w02{ background-image:url(../images/pro01_35.png);}
.pbox .box .tabox .tab li .tu .w03{ width:40px; height:40px; position:absolute; right:5%; bottom:0; z-index:3; background-color:#fff; border-radius:100%; box-shadow:0 0 10px rgba(0,0,0,.1); display:flex; align-items:center;}
.pbox .box .tabox .tab li .tu .w03 img{ display:block; margin:auto;}
.pbox .box .tabox .tab li .wen{ padding:5px 5%; padding-bottom:10px; background-color:#fff;}
.pbox .box .tabox .tab li:hover .wen{ background-color:#006fdb;}
.pbox .box .tabox .tab li .wen .w01{ font-size:18px; line-height:28px; height:24px; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}
.pbox .box .tabox .tab li .wen .w02{ font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.pbox .box .tabox .tab li .wen .w03{ height:24px;}
.pbox .box .tabox .tab li .wen .w03 p{ line-height:24px; font-size:14px; display:block; float:left;}
.pbox .box .tabox .tab li .wen .w03 img{ display:block; height:6px; margin:9px 0 9px 10px; float:left;}
.pbox .box .tabox .tab li .wen .w03 .img02{ display:none;}
.pbox .box .tabox .tab li:hover .wen *{ color:#fff;}
.pbox .box .tabox .tab li:hover .wen .w03 .img01{ display:none;}
.pbox .box .tabox .tab li:hover .wen .w03 .img02{ display:block;}
}
@media only screen and (max-width:1023px){
.pbox{ width:100%; padding-top:35px; padding-bottom:50px; position:relative; z-index:1;}
.pbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:.05;}
.pbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.pbox .box .title .right01{ margin-left:-10px; position:relative; z-index:3;}
.pbox .box .title .right01 a{ float:left; padding:0 15px; min-width:70px; height:34px; line-height:34px; display:block; background-color:#eee; font-size:14px; text-align:center; border-bottom-left-radius:5px; border-top-right-radius:5px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; margin-left:10px; margin-top:10px;}
.pbox .box .title .right01 a.on{ background-color:#006fdb; color:#fff;}
.pbox .box .tabox{ width:100%; margin-top:5px;}
.pbox .box .tabox .tab{ width:100%; display:block;}
.pbox .box .tabox .tab li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; box-shadow:0 0 5px rgba(0,0,0,.1);}
.pbox .box .tabox .tab li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .tabox .tab li .tu{ width:100%; position:relative;}
.pbox .box .tabox .tab li .tu .w01{ width:100%; height:25.9vw; position:relative; z-index:1;}
.pbox .box .tabox .tab li .tu .w01 img{ width:100%; display:block;}
.pbox .box .tabox .tab li .tu .w02{ width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:2; background-image:url(../images/pro_35.png); background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.pbox .box .tabox .tab li:hover .tu .w02{ background-image:url(../images/pro01_35.png);}
.pbox .box .tabox .tab li .tu .w03{ width:30px; height:30px; position:absolute; right:10px; bottom:0; z-index:3; background-color:#fff; border-radius:100%; box-shadow:0 0 10px rgba(0,0,0,.1); display:flex; align-items:center;}
.pbox .box .tabox .tab li .tu .w03 img{ height:8px; display:block; margin:auto;}
.pbox .box .tabox .tab li .wen{ padding:5px 10px; background-color:#fff;}
.pbox .box .tabox .tab li:hover .wen{ background-color:#006fdb;}
.pbox .box .tabox .tab li .wen .w01{ font-size:16px; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}
.pbox .box .tabox .tab li .wen .w02{ font-size:14px; line-height:20px; height:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.pbox .box .tabox .tab li .wen .w03{ height:24px;}
.pbox .box .tabox .tab li .wen .w03 p{ line-height:24px; font-size:14px; display:block; float:left;}
.pbox .box .tabox .tab li .wen .w03 img{ display:block; height:6px; margin:9px 0 9px 10px; float:left;}
.pbox .box .tabox .tab li .wen .w03 .img02{ display:none;}
.pbox .box .tabox .tab li:hover .wen *{ color:#fff;}
.pbox .box .tabox .tab li:hover .wen .w03 .img01{ display:none;}
.pbox .box .tabox .tab li:hover .wen .w03 .img02{ display:block;}
}

/*数据*/
@media screen and (min-width:1441px){
.sbox{ width:100%; height:270px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .box{ width:100%; background-color:rgba(0,111,219,.9); height:100%;}
.sbox .box dl{ width:90%; max-width:1440px; margin:auto; height:100%; display:flex; align-items:center;}
.sbox .box dl dd{ display:block; width:4px; height:50px; background-color:#fff; overflow:hidden;}
.sbox .box dl dt{ display:block; flex:1; text-align:center; padding:0 3%;}
.sbox .box dl dt span{ display:block; font-size:48px; height:50px; line-height:50px; color:#fff; overflow:hidden;}
.sbox .box dl dt b{ width:30px; height:2px; display:block; margin:34px auto; margin-bottom:15px; background-color:#fff;}
.sbox .box dl dt p{ display:block; font-size:20px; line-height:30px; color:#fff;}
.sbox .box dl dt a{ display:block; font-size:16px; line-height:26px; color:#fff; opacity:.5; text-transform:uppercase; margin-top:10px;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.sbox{ width:100%; height:200px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .box{ width:100%; background-color:rgba(0,111,219,.9); height:100%;}
.sbox .box dl{ width:100%; margin:auto; height:100%; display:flex; align-items:center;}
.sbox .box dl dd{ display:block; width:3px; height:40px; background-color:#fff; overflow:hidden;}
.sbox .box dl dt{ display:block; flex:1; text-align:center; padding:0 3%;}
.sbox .box dl dt span{ display:block; font-size:38px; height:40px; line-height:40px; color:#fff; overflow:hidden;}
.sbox .box dl dt b{ width:25px; height:2px; display:block; margin:20px auto; margin-bottom:10px; background-color:#fff;}
.sbox .box dl dt p{ display:block; font-size:18px; line-height:28px; color:#fff;}
.sbox .box dl dt a{ display:block; font-size:14px; line-height:24px; height:48px; color:#fff; opacity:.5; text-transform:uppercase; margin-top:5px;}
}
@media only screen and (max-width:1023px){
.sbox{ width:100%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .box{ width:100%; background-color:rgba(0,111,219,.9); padding:30px 0;}
.sbox .box dl{ width:100%; margin:auto; height:100%; display:flex; flex-wrap:wrap; align-items:center;}
.sbox .box dl dd{ display:block; width:2px; height:30px; background-color:#fff; overflow:hidden;}
.sbox .box dl dd:nth-child(4){ display:none;}
.sbox .box dl dt{ width:calc(44% - 1px); display:block; text-align:center; padding:5px 3%;}
.sbox .box dl dt span{ display:block; font-size:28px; height:30px; line-height:30px; color:#fff; overflow:hidden;}
.sbox .box dl dt b{ width:20px; height:2px; display:block; margin:10px auto; margin-bottom:5px; background-color:#fff;}
.sbox .box dl dt p{ display:block; font-size:16px; line-height:26px; color:#fff;}
.sbox .box dl dt a{ display:block; font-size:12px; line-height:20px; color:#fff; opacity:.5; text-transform:uppercase;}
}

/*新闻动态*/
@media screen and (min-width:1441px){
.nbox{ width:100%; padding-top:90px; padding-bottom:125px; position:relative; z-index:1;}
.nbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:.05;}
.nbox .box{ width:90%; max-width:1440px; margin:auto; position:relative; z-index:3;}
.nbox .box .list{ width:100%; display:block; margin-top:40px;}
.nbox .box .list li{ width:30.56%; display:block; float:left; margin-left:4.16%;}
.nbox .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.nbox .box .list li:nth-child(n+4){ display:none;}
.nbox .box .list li .tu{ width:100%; position:relative; max-height:280px; height:17.5vw;}
.nbox .box .list li .tu img{ width:100%; display:block;}
.nbox .box .list li .wen{ width:100%; padding-top:25px;}
.nbox .box .list li .wen .w01{ font-size:20px; line-height:30px; height:30px; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}
.nbox .box .list li .wen .w02{ font-size:16px; line-height:26px; height:52px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:10px 0;}
.nbox .box .list li .wen .w03{ height:26px;}
.nbox .box .list li .wen .w03 p{ line-height:26px; font-size:16px; display:block; float:left;}
.nbox .box .list li .wen .w03 img{ display:block; margin:8px 0 8px 10px; float:left;}
.nbox .box .list li .wen .w03 .img02{ display:none;}
.nbox .box .list li:hover .wen .w01{ color:#006fdb;}
.nbox .box .list li:hover .wen .w03 p{ color:#006fdb;}
.nbox .box .list li:hover .wen .w03 .img01{ display:none;}
.nbox .box .list li:hover .wen .w03 .img02{ display:block;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.nbox{ width:100%; padding-top:60px; padding-bottom:85px; position:relative; z-index:1;}
.nbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:.05;}
.nbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.nbox .box .list{ width:100%; display:block; margin-top:25px;}
.nbox .box .list li{ width:31.33%; display:block; float:left; margin-left:3%;}
.nbox .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.nbox .box .list li:nth-child(n+4){ display:none;}
.nbox .box .list li .tu{ width:100%; position:relative; height:18.74vw;}
.nbox .box .list li .tu img{ width:100%; display:block;}
.nbox .box .list li .wen{ width:100%; padding-top:15px;}
.nbox .box .list li .wen .w01{ font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}
.nbox .box .list li .wen .w02{ font-size:14px; line-height:24px; height:48px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:5px 0;}
.nbox .box .list li .wen .w03{ height:24px;}
.nbox .box .list li .wen .w03 p{ line-height:24px; font-size:14px; display:block; float:left;}
.nbox .box .list li .wen .w03 img{ display:block; height:6px; margin:9px 0 9px 10px; float:left;}
.nbox .box .list li .wen .w03 .img02{ display:none;}
.nbox .box .list li:hover .wen .w01{ color:#006fdb;}
.nbox .box .list li:hover .wen .w03 p{ color:#006fdb;}
.nbox .box .list li:hover .wen .w03 .img01{ display:none;}
.nbox .box .list li:hover .wen .w03 .img02{ display:block;}
}
@media only screen and (max-width:1023px){
.nbox{ width:100%; padding-top:35px; padding-bottom:45px; position:relative; z-index:1;}
.nbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:.05;}
.nbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.nbox .box .list{ width:100%; display:block;}
.nbox .box .list li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:10px;}
.nbox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.nbox .box .list li .tu{ width:100%; position:relative; height:29.01vw;}
.nbox .box .list li .tu img{ width:100%; display:block;}
.nbox .box .list li .wen{ width:100%; padding-top:5px;}
.nbox .box .list li .wen .w01{ font-size:16px; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}
.nbox .box .list li .wen .w02{ font-size:14px; line-height:20px; height:40px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:2px 0;}
.nbox .box .list li .wen .w03{ height:24px;}
.nbox .box .list li .wen .w03 p{ line-height:24px; font-size:14px; display:block; float:left;}
.nbox .box .list li .wen .w03 img{ display:block; height:6px; margin:9px 0 9px 10px; float:left;}
.nbox .box .list li .wen .w03 .img02{ display:none;}
.nbox .box .list li:hover .wen .w01{ color:#006fdb;}
.nbox .box .list li:hover .wen .w03 p{ color:#006fdb;}
.nbox .box .list li:hover .wen .w03 .img01{ display:none;}
.nbox .box .list li:hover .wen .w03 .img02{ display:block;}
}

/*联系我们*/
@media screen and (min-width:1441px){
.lbox{ width:100%; padding-top:60px; padding-bottom:70px; box-sizing:border-box; position:relative; z-index:1; background-color:#006fdb;}
.lbox .bg{ width:1920px; height:100%; position:absolute; left:50%; margin-left:-960px; top:0; z-index:1; background-color:#006fdb; display: none;}
.lbox .bg .map{ width:1140px; float:right; height:100%; position:relative; z-index:1;}
.lbox .bg .mask{ width:1140px; height:100%; position:absolute; right:0; top:0; z-index:3;}
.lbox .box{ width:90%; max-width:1440px; margin:auto; position:relative; z-index:3;}
.lbox .box .title .left b{ color:#fff;}
.lbox .box .title .left strong{ color:#fff;}
.lbox .box .list{ width: 100%; display:flex; align-items:center; justify-content:space-between;}
.lbox .box .list dt{ display:block; overflow:hidden; float: left; margin-right: 40px;}
.lbox .box .list dt span{ display:block; padding-left:40px; overflow:hidden; background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:30px; height:30px; color:#fff;}
.lbox .box .list dt p{ display:block; padding-left:40px; overflow:hidden; font-size:20px; line-height:30px; color:#fff;}
.lbox .box .list dt p a{ display:block; float:left; margin-right:40px; color:#fff;}
.lbox .box .list dd{ display:flex; align-items:center; float: right;}
.lbox .box .list dd strong{ width:120px; padding:10px; display:block; overflow:hidden; background-image:url(../images/mabg.jpg);}
.lbox .box .list dd strong a{ width:100%; height:120px; background-color:#fff; display:block; overflow:hidden;}
.lbox .box .list dd strong a img{ width:100%; display:block;}
.lbox .box .list dd p{ display:block; font-size:16px; line-height:30px; color:#fff; margin-left:20px;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.lbox{ width:100%; padding-top:40px; padding-bottom:50px; box-sizing:border-box; position:relative; z-index:1; background-color:#006fdb;}
.lbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#006fdb; display: none;}
.lbox .bg .map{ width:50%; float:right; height:100%; position:relative; z-index:1;}
.lbox .bg .mask{ width:50%; height:100%; position:absolute; right:0; top:0; z-index:3;}
.lbox .box{ width:100%; margin:auto; position:relative; z-index:3;}
.lbox .box .title{ width:94%; margin:auto;}
.lbox .box .title .left b{ color:#fff;}
.lbox .box .title .left strong{ color:#fff;}
.lbox .box .list{ width:94%; margin: auto; display:flex; align-items:center; justify-content:space-between;}
.lbox .box .list dt{ display:block; overflow:hidden; margin-right: 30px}
.lbox .box .list dt span{ display:block; padding-left:35px; overflow:hidden; background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:28px; height:28px; color:#fff; background-size:18px auto;}
.lbox .box .list dt p{ display:block; padding-left:35px; overflow:hidden; font-size:18px; line-height:28px; color:#fff;}
.lbox .box .list dt:nth-child(1) p{ padding-left:15px;}
.lbox .box .list dt p a{ display:block; float:left; margin-left:20px; color:#fff;}
.lbox .box .list dd{ display:flex; align-items:center;}
.lbox .box .list dd strong{ width:100px; padding:10px; display:block; overflow:hidden; background-image:url(../images/mabg.jpg); background-size:100% 100%;}
.lbox .box .list dd strong a{ width:100%; height:100px; background-color:#fff; display:block; overflow:hidden;}
.lbox .box .list dd strong a img{ width:100%; display:block;}
.lbox .box .list dd p{ display:block; font-size:16px; line-height:26px; color:#fff; margin-left:15px;}
}
@media only screen and (max-width:1023px){
.lbox{ width:100%; box-sizing:border-box; position:relative; z-index:1;}
.lbox .bg{ width:100%; height:300px; position:relative; z-index:1; display: none;}
.lbox .bg .map{ width:100%; height:100%; position:relative; z-index:1;}
.lbox .bg .mask{ width:100%; height:100%; position:absolute; right:0; top:0; z-index:3;}
.lbox .box{ width:94%; padding:35px 3%; padding-bottom:50px; background-color:#006fdb; position:relative; z-index:3;}
.lbox .box .title .left b{ color:#fff;}
.lbox .box .title .left strong{ color:#fff;}
.lbox .box .list{ width:100%; padding-top:5px; display:block;}
.lbox .box .list dt{ display:block; overflow:hidden; margin-top:5px;}
.lbox .box .list dt span{ display:block; padding-left:25px; overflow:hidden; background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:26px; height:26px; color:#fff; background-size:16px auto;}
.lbox .box .list dt p{ display:block; padding-left:25px; overflow:hidden; font-size:16px; line-height:26px; color:#fff; margin-top:-2px;}
.lbox .box .list dt:nth-child(1) p{ padding-left:10px;}
.lbox .box .list dt p a{ display:block; float:left; margin-left:15px; color:#fff;}
.lbox .box .list dd{ margin-top:15px; display:flex; align-items:center;}
.lbox .box .list dd strong{ width:80px; padding:10px; display:block; overflow:hidden; background-image:url(../images/mabg.jpg); background-size:100% 100%;}
.lbox .box .list dd strong a{ width:100%; height:80px; background-color:#fff; display:block; overflow:hidden;}
.lbox .box .list dd strong a img{ width:100%; display:block;}
.lbox .box .list dd p{ display:block; font-size:14px; line-height:24px; color:#fff; margin-left:10px;}
}

/*footer*/
@media screen and (min-width:1441px){
.footer{ width:100%; background-color:#222;}
.footer .foot{ width:90%; max-width:1440px; margin:auto; padding:65px 0; display: flex; justify-content:space-between;}
.footer .foot .f01{ margin-right:4.86%; float:left; display:block;}
.footer .foot .f01 dt{ display:block;}
.footer .foot .f01 dt a{ font-size:20px; line-height:30px; height:30px; color:#fff; display:block;}
.footer .foot .f01 dt a:hover{ color:#43a9e7;} 
.footer .foot .f01 dd{ display:block; padding-top:4px; overflow:hidden;}
.footer .foot .f01 dd a{ display:block; font-size:16px; line-height:26px; height:26px; color:#999; overflow:hidden; margin-top:6px;}
.footer .foot .f01 dd a:hover{ color:#fff;}
.footer .foot .f02{ width:140px; float:left; display:block; margin-left:2.08%;}
.footer .foot .f02 .t01{ font-size:20px; line-height:30px; height:30px; color:#fff; display:block;}
.footer .foot .f02 .t02{ margin-top:15px;}
.footer .foot .f02 .t02 strong{ display:block; overflow:hidden; width:120px; padding:9px; border:1px solid #333;}
.footer .foot .f02 .t02 strong a{ display:block; overflow:hidden; width:120px; height:120px;}
.footer .foot .f02 .t02 strong img{ width:100%; display:block;}
.footer .foot .f02 .t02 p{ font-size:16px; line-height:26px; display:block; text-align:center; margin-top:10px; color:#999;}
.footer .foot .f03{ width:25%; float:right; display:none; padding-bottom:5px;}
.footer .foot .f03 .t01{ font-size:20px; line-height:30px; height:30px; color:#fff;}
.footer .foot .f03 .t02{ padding-top:5px; width:calc(100% + 10px);}
.footer .foot .f03 .t02 a{ display:block; width:36px; height:36px; overflow:hidden; float:left; margin-right:10px; margin-top:10px;}
.footer .foot .f03 .t02 a img{ width:100%; display:block;}
.footer .foot .f03 .t03{ font-size:18px; line-height:28px; color:#999; margin-top:25px;}
.footer .foot .f03 .t04{ font-size:14px; line-height:24px; color:#999; padding:5px 0;}
.footer .foot .f03 .t05{ margin-top:10px; width:100%; height:40px; border:1px solid #999; box-sizing:border-box;}
.footer .foot .f03 .t05 p{ width:calc(100% - 69px); display:block; height:38px; float:left; overflow:hidden;}
.footer .foot .f03 .t05 p input{ color:#fff; padding:0 10px; width:100%; display:block; box-sizing:border-box; font-size:14px; line-height:38px; height:38px; background-color:transparent !important;}
.footer .foot .f03 .t05 a{ width:68px; display:block; height:38px; border-left:1px solid #999; float:left; overflow:hidden;}
.footer .foot .f03 .t05 a input{ width:100%; height:100%; display:block; cursor:pointer; background-color:transparent !important; background-image:url(../images/fb.jpg); background-position:center; background-repeat:no-repeat;}
.footer .line{ width:100%; height:1px; background-color:#333; border-bottom:1px solid #111;}
.footer .bq{ width:90%; max-width:1440px; margin:auto; height:72px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.footer .bq p{ display:block; margin:0 1.04%; font-size:14px; line-height:24px; color:#999; overflow:hidden;}
.footer .bq p a{ color:#999;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.footer{ width:100%; background-color:#222;}
.footer .foot{ width:94%; margin:auto; padding:45px 0; display: flex; justify-content:space-between;}
.footer .foot .f01{ margin-right:3%; float:left; display:block;}
.footer .foot .f01 dt{ display:block;}
.footer .foot .f01 dt a{ font-size:18px; line-height:28px; height:28px; color:#fff; display:block;}
.footer .foot .f01 dt a:hover{ color:#43a9e7;} 
.footer .foot .f01 dd{ display:block; overflow:hidden;}
.footer .foot .f01 dd a{ display:block; font-size:14px; line-height:24px; height:24px; color:#999; overflow:hidden; margin-top:5px;}
.footer .foot .f01 dd a:hover{ color:#fff;}
.footer .foot .f02{ width:120px; float:left; display:block; margin-left:2%;}
.footer .foot .f02 .t01{ font-size:18px; line-height:28px; height:28px; color:#fff; display:block;}
.footer .foot .f02 .t02{ margin-top:10px;}
.footer .foot .f02 .t02 strong{ display:block; overflow:hidden; width:100px; padding:9px; border:1px solid #333;}
.footer .foot .f02 .t02 strong a{ display:block; overflow:hidden; width:100px; height:100px;}
.footer .foot .f02 .t02 strong img{ width:100%; display:block;}
.footer .foot .f02 .t02 p{ font-size:14px; line-height:24px; display:block; text-align:center; margin-top:5px; color:#999;}
.footer .foot .f03{ width:25%; float:right; display:none; padding-bottom:5px;}
.footer .foot .f03 .t01{ font-size:18px; line-height:28px; height:28px; color:#fff;}
.footer .foot .f03 .t02{ width:calc(100% + 10px);}
.footer .foot .f03 .t02 a{ display:block; width:36px; height:36px; overflow:hidden; float:left; margin-right:10px; margin-top:10px;}
.footer .foot .f03 .t02 a img{ width:100%; display:block;}
.footer .foot .f03 .t03{ font-size:16px; line-height:26px; color:#999; margin-top:15px;}
.footer .foot .f03 .t04{ font-size:14px; line-height:24px; color:#999;}
.footer .foot .f03 .t05{ margin-top:10px; width:100%; height:40px; border:1px solid #999; box-sizing:border-box;}
.footer .foot .f03 .t05 p{ width:calc(100% - 59px); display:block; height:38px; float:left; overflow:hidden;}
.footer .foot .f03 .t05 p input{ color:#fff; padding:0 10px; width:100%; display:block; box-sizing:border-box; font-size:14px; line-height:38px; height:38px; background-color:transparent !important;}
.footer .foot .f03 .t05 a{ width:58px; display:block; height:38px; border-left:1px solid #999; float:left; overflow:hidden;}
.footer .foot .f03 .t05 a input{ width:100%; height:100%; display:block; cursor:pointer; background-color:transparent !important; background-image:url(../images/fb.jpg); background-position:center; background-repeat:no-repeat;}
.footer .line{ width:100%; height:1px; background-color:#333; border-bottom:1px solid #111;}
.footer .bq{ width:94%; margin:auto; height:58px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.footer .bq p{ display:block; margin:0 7px; font-size:14px; line-height:24px; color:#999; overflow:hidden;}
.footer .bq p a{ color:#999;}
}
@media only screen and (max-width:1023px){
.footer{ width:100%; background-color:#222;}
.footer .foot{ width:94%; margin:auto; padding:25px 0;}
.footer .foot .f01{ margin-right:3%; float:left; display:none;}
.footer .foot .f01 dt{ display:block;}
.footer .foot .f01 dt a{ font-size:16px; line-height:26px; height:26px; color:#fff; display:block;}
.footer .foot .f01 dt a:hover{ color:#43a9e7;} 
.footer .foot .f01 dd{ display:block; overflow:hidden;}
.footer .foot .f01 dd a{ display:block; font-size:14px; line-height:24px; height:24px; color:#999; overflow:hidden; margin-top:5px;}
.footer .foot .f01 dd a:hover{ color:#fff;}
.footer .foot .f02{ width:100px; float:right; display:block;}
.footer .foot .f02 .t01{ font-size:16px; line-height:26px; height:26px; color:#fff; display:block;}
.footer .foot .f02 .t02{ margin-top:10px;}
.footer .foot .f02 .t02 strong{ display:block; overflow:hidden; width:80px; padding:9px; border:1px solid #333;}
.footer .foot .f02 .t02 strong a{ display:block; overflow:hidden; width:80px; height:80px;}
.footer .foot .f02 .t02 strong img{ width:100%; display:block;}
.footer .foot .f02 .t02 p{ font-size:14px; line-height:24px; display:block; text-align:center; margin-top:5px; color:#999;}
.footer .foot .f03{ width:calc(100% - 120px); float:left; display:block; padding-bottom:5px;}
.footer .foot .f03 .t01{ font-size:18px; line-height:28px; height:28px; color:#fff;}
.footer .foot .f03 .t02{ width:calc(100% + 10px);}
.footer .foot .f03 .t02 a{ display:block; width:30px; height:30px; overflow:hidden; float:left; margin-right:10px; margin-top:10px;}
.footer .foot .f03 .t02 a img{ width:100%; display:block;}
.footer .foot .f03 .t03{ font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.footer .foot .f03 .t04{ font-size:14px; line-height:24px; color:#999;}
.footer .foot .f03 .t05{ margin-top:5px; width:100%; height:36px; border:1px solid #999; box-sizing:border-box;}
.footer .foot .f03 .t05 p{ width:calc(100% - 49px); display:block; height:34px; float:left; overflow:hidden;}
.footer .foot .f03 .t05 p input{ color:#fff; padding:0 10px; width:100%; display:block; box-sizing:border-box; font-size:14px; line-height:34px; height:34px; background-color:transparent !important;}
.footer .foot .f03 .t05 a{ width:48px; display:block; height:34px; border-left:1px solid #999; float:left; overflow:hidden;}
.footer .foot .f03 .t05 a input{ width:100%; height:100%; display:block; cursor:pointer; background-color:transparent !important; background-image:url(../images/fb.jpg); background-position:center; background-repeat:no-repeat;}
.footer .line{ width:100%; height:1px; background-color:#333; border-bottom:1px solid #111;}
.footer .bq{ width:94%; padding:12px 3%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.footer .bq p{ display:block; margin:0 5px; font-size:14px; line-height:20px; color:#999; overflow:hidden;}
.footer .bq p a{ color:#999;}
}

/*右侧浮动*/
@media screen and (min-width:1441px){
.onFixed{ position:fixed; right:12px; top:50%; transform:translateY(-50%); z-index:9;}
.onFixed li{ position:relative; margin:8px 0;}
.onFixed li a{ display:block; cursor:pointer;}
.onFixed li a .icon{ display:block; width:50px; height:50px; border-radius:50%; box-shadow:0 0 10px rgba(0, 0, 0, 0.04); background-color:#FFFFFF; background-repeat:no-repeat; background-position:center center; transition:all .3s;}
.onFixed li a .icon-online-tel{ background-image:url(../images/icon_online_1.png);}
.onFixed li a .icon-online-email{ background-image:url(../images/icon_online_2.png);}
.onFixed li a .icon-online-wx{ background-image:url(../images/icon_online_3.png);}
.onFixed li a .icon-online-kefu{ background-image:url(../images/icon_online_4.png);}
.onFixed li a .icon-online-top{ background-image:url(../images/icon_online_5.png);}
.onFixed li .onCon{ position:absolute; right:100%; top:6px; padding-right:15px; line-height:38px; white-space:nowrap; color:#FFFFFF; font-size:16px; opacity:0; visibility:hidden; transform:translateX(-5px); transition:all .3s;}
.onFixed li .onCon::before{ display:block; content:""; position:absolute; right:10px; top:14px; width:0; height:0; border-left:5px solid #006fdb; border-top:5px solid transparent; border-bottom:5px solid transparent;}
.onFixed li .onCon p{ background-color:#006fdb; padding:0 16px; border-radius:5px;}
.onFixed li .onCon img{ width:120px; border:10px solid #006fdb; border-radius:5px;}
.onFixed li a:hover .icon{ background-color:#006fdb;}
.onFixed li a:hover .icon-online-tel{ background-image:url(../images/icon_online_1_hover.png);}
.onFixed li a:hover .icon-online-email{ background-image:url(../images/icon_online_2_hover.png);}
.onFixed li a:hover .icon-online-wx{ background-image:url(../images/icon_online_3_hover.png);}
.onFixed li a:hover .icon-online-kefu{ background-image:url(../images/icon_online_4_hover.png);}
.onFixed li a:hover .icon-online-top{ background-image:url(../images/icon_online_5_hover.png);}
.onFixed li a:hover .onCon{ opacity:1; visibility:visible; transform:translateX(0);}
.botBg{ display:none;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.onFixed{ position:fixed; right:10px; top:50%; transform:translateY(-50%); z-index:9;}
.onFixed li{ position:relative; margin:8px 0;}
.onFixed li a{ display:block; cursor:pointer;}
.onFixed li a .icon{ display:block; width:44px; height:44px; border-radius:50%; box-shadow:0 0 10px rgba(0, 0, 0, 0.04); background-color:#FFFFFF; background-repeat:no-repeat; background-position:center center; transition:all .3s; background-size:100% 100%;}
.onFixed li a .icon-online-tel{ background-image:url(../images/icon_online_1.png);}
.onFixed li a .icon-online-email{ background-image:url(../images/icon_online_2.png);}
.onFixed li a .icon-online-wx{ background-image:url(../images/icon_online_3.png);}
.onFixed li a .icon-online-kefu{ background-image:url(../images/icon_online_4.png);}
.onFixed li a .icon-online-top{ background-image:url(../images/icon_online_5.png);}
.onFixed li .onCon{ position:absolute; right:100%; top:5px; padding-right:15px; line-height:34px; white-space:nowrap; color:#FFFFFF; font-size:14px; opacity:0; visibility:hidden; transform:translateX(-5px); transition:all .3s;}
.onFixed li .onCon::before{ display:block; content:""; position:absolute; right:10px; top:12px; width:0; height:0; border-left:5px solid #006fdb; border-top:5px solid transparent; border-bottom:5px solid transparent;}
.onFixed li .onCon p{ background-color:#006fdb; padding:0 14px; border-radius:5px;}
.onFixed li .onCon img{ width:100px; border:6px solid #006fdb; border-radius:5px;}
.onFixed li a:hover .icon{ background-color:#006fdb;}
.onFixed li a:hover .icon-online-tel{ background-image:url(../images/icon_online_1_hover.png);}
.onFixed li a:hover .icon-online-email{ background-image:url(../images/icon_online_2_hover.png);}
.onFixed li a:hover .icon-online-wx{ background-image:url(../images/icon_online_3_hover.png);}
.onFixed li a:hover .icon-online-kefu{ background-image:url(../images/icon_online_4_hover.png);}
.onFixed li a:hover .icon-online-top{ background-image:url(../images/icon_online_5_hover.png);}
.onFixed li a:hover .onCon{ opacity:1; visibility:visible; transform:translateX(0);}
.botBg{ display:none;}
}
@media only screen and (max-width:1023px){
.onFixed{ position:fixed; right:5px; bottom:10%; z-index:9;}
.onFixed li{ position:relative; margin:8px 0;}
.onFixed li a{ display:block; cursor:pointer;}
.onFixed li a .icon{ display:block; width:36px; height:36px; border-radius:50%; box-shadow:0 0 10px rgba(0, 0, 0, 0.04); background-color:#FFFFFF; background-repeat:no-repeat; background-position:center center; transition:all .3s; background-size:100% 100%;}
.onFixed li a .icon-online-tel{ background-image:url(../images/icon_online_1.png);}
.onFixed li a .icon-online-email{ background-image:url(../images/icon_online_2.png);}
.onFixed li a .icon-online-wx{ background-image:url(../images/icon_online_3.png);}
.onFixed li a .icon-online-kefu{ background-image:url(../images/icon_online_4.png);}
.onFixed li a .icon-online-top{ background-image:url(../images/icon_online_5.png);}
.onFixed li .onCon{ position:absolute; right:100%; top:3px; padding-right:15px; line-height:30px; white-space:nowrap; color:#FFFFFF; font-size:14px; opacity:0; visibility:hidden; transform:translateX(-5px); transition:all .3s;}
.onFixed li .onCon::before{ display:block; content:""; position:absolute; right:10px; top:10px; width:0; height:0; border-left:5px solid #006fdb; border-top:5px solid transparent; border-bottom:5px solid transparent;}
.onFixed li .onCon p{ background-color:#006fdb; padding:0 10px; border-radius:3px;}
.onFixed li .onCon img{ width:80px; border:4px solid #006fdb; border-radius:3px;}
.onFixed li a:hover .icon{ background-color:#006fdb;}
.onFixed li a:hover .icon-online-tel{ background-image:url(../images/icon_online_1_hover.png);}
.onFixed li a:hover .icon-online-email{ background-image:url(../images/icon_online_2_hover.png);}
.onFixed li a:hover .icon-online-wx{ background-image:url(../images/icon_online_3_hover.png);}
.onFixed li a:hover .icon-online-kefu{ background-image:url(../images/icon_online_4_hover.png);}
.onFixed li a:hover .icon-online-top{ background-image:url(../images/icon_online_5_hover.png);}
.onFixed li a:hover .onCon{ opacity:1; visibility:visible; transform:translateX(0);}
.botBg{ position:sticky; left:0; right:0; bottom:0; width:100%; background:#fff; display:flex; justify-content:center; text-align:center; z-index:5; box-shadow:0 -2px 5px rgba(0, 0, 0, 0.1); border-radius:.1rem .1rem 0 0;}
.botBg li{ position:relative; width:33.33%; font-size:14px; color:#333;}
.botBg li a{ display:block; padding:10px; line-height:24px; color:#333;}
.botBg li + li::before{ display:block; content:"|"; padding:0 5px; position:absolute; left:-2px; top:50%; transform:translateY(-50%); color:#999999;}
}

/*内页*/
@media screen and (min-width:1441px){
.ban{ width:100%; height:400px; position:relative; z-index:1;}
.ban .tu{ width:100%; height:100%; position:relative; z-index:1;}
.ban .tu img{ display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .tu b{ width:100%; height:100%; display:block; position:relative; z-index:3; background-color:#006fdb; opacity:.7;}
.ban .wen{ width:90%; max-width:1150px; text-align:center; z-index:3; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .wen .w01{ width:100%; position:relative; overflow:visible;}
.ban .wen .w01 b{ width:100%; color:#fff; display:block; font-size:36px; height:50px; line-height:50px; overflow:hidden; position:relative; z-index:3;}
.ban .wen .w01 strong{  width:100%;color:#fff; display:block; font-size:100px; line-height:1; overflow:hidden; opacity:.05; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; text-transform:uppercase;}
.ban .wen .w02{ width:100%; margin-top:16px; font-size:16px; line-height:30px; color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ban{ width:100%; height:300px; position:relative; z-index:1;}
.ban .tu{ width:100%; height:100%; position:relative; z-index:1;}
.ban .tu img{ display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .tu b{ width:100%; height:100%; display:block; position:relative; z-index:3; background-color:#006fdb; opacity:.7;}
.ban .wen{ width:94%; text-align:center; z-index:3; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .wen .w01{ width:100%; position:relative; overflow:visible;}
.ban .wen .w01 b{ width:100%; color:#fff; display:block; font-size:30px; height:42px; line-height:42px; overflow:hidden; position:relative; z-index:3;}
.ban .wen .w01 strong{ width:100%; color:#fff; display:block; font-size:80px; line-height:1; overflow:hidden; opacity:.05; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; text-transform:uppercase;}
.ban .wen .w02{ width:100%; margin-top:10px; font-size:14px; line-height:26px; color:#fff;}
}
@media only screen and (max-width:1023px){
.ban{ width:94%; padding:37px 3%; position:relative; z-index:1;}
.ban .tu{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.ban .tu img{ display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .tu b{ width:100%; height:100%; display:block; position:relative; z-index:3; background-color:#006fdb; opacity:.7;}
.ban .wen{ width:100%; text-align:center; z-index:3; position:relative;}
.ban .wen .w01{ width:100%; position:relative; overflow:visible;}
.ban .wen .w01 b{ width:100%; color:#fff; display:block; font-size:20px; height:28px; line-height:28px; overflow:hidden; position:relative; z-index:3;}
.ban .wen .w01 strong{ width:100%; color:#fff; display:block; font-size:50px; line-height:1; overflow:hidden; opacity:.05; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; text-transform:uppercase;}
.ban .wen .w02{ width:100%; margin-top:6px; font-size:14px; line-height:22px; color:#fff;}
}

/*走进我们*/
@media screen and (min-width:1441px){
.ab01{ width:100%; padding-top:90px; padding-bottom:130px; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:90%; max-width:1440px; margin:auto; position:relative; z-index:3; display:flex; align-items:flex-end;}
.ab01 .box .zc{ width:66.67%; margin-right:5.55%;}
.ab01 .box .bt{ width:100%; margin-top:35px; font-size:26px; line-height:36px;}
.ab01 .box .wen{ width:100%; margin-top:15px; font-size:16px; line-height:36px;}
.ab01 .box .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:20px;}
.ab01 .box .list dl{ display:block; width:calc(25% - 41px); padding-left:20px; margin-right:20px; border-left:1px solid #ddd; margin-top:30px;}
.ab01 .box .list dl dt{ font-size:20px; line-height:30px; color:#006fdb; display:block; overflow:hidden}
.ab01 .box .list dl dd{ font-size:16px; line-height:26px; color:#333; display:block; overflow:hidden; margin-top:8px;}
.ab01 .box .yc{ width:27.78%; height:33.75vw; max-height:540px;}
.ab01 .box .yc img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ab01{ width:100%; padding-top:60px; padding-bottom:90px; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:94%; margin:auto; position:relative; z-index:3; display:flex; align-items:flex-end;}
.ab01 .box .zc{ width:66.67%; margin-right:4%;}
.ab01 .box .bt{ width:100%; margin-top:20px; font-size:22px; line-height:32px;}
.ab01 .box .wen{ width:100%; margin-top:7px; font-size:14px; line-height:30px;}
.ab01 .box .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:10px;}
.ab01 .box .list dl{ display:block; width:calc(25% - 31px); padding-left:15px; margin-right:15px; border-left:1px solid #ddd; margin-top:20px;}
.ab01 .box .list dl dt{ font-size:18px; line-height:28px; color:#006fdb; display:block; overflow:hidden}
.ab01 .box .list dl dd{ font-size:14px; line-height:24px; color:#333; display:block; overflow:hidden; margin-top:5px;}
.ab01 .box .yc{ width:30.33%; height:38.48877vw;}
.ab01 .box .yc img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.ab01{ width:100%; padding-top:35px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab01 .box .zc{ width:100%;}
.ab01 .box .bt{ width:100%; margin-top:5px; font-size:16px; line-height:26px;}
.ab01 .box .wen{ width:100%; margin-top:5px; font-size:14px; line-height:24px;}
.ab01 .box .list{ width:calc(100% - 160px); display:flex; flex-wrap:wrap; padding-top:5px;}
.ab01 .box .list dl{ display:block; width:calc(50% - 21px); padding-left:10px; margin-right:10px; border-left:1px solid #ddd; margin-top:10px;}
.ab01 .box .list dl dt{ font-size:16px; line-height:22px; color:#006fdb; display:block; overflow:hidden}
.ab01 .box .list dl dd{ font-size:14px; line-height:20px; color:#333; display:block; overflow:hidden; margin-top:2px;}
.ab01 .box .yc{ width:160px; height:216px; position:absolute; right:0; bottom:0;}
.ab01 .box .yc img{ width:100%; display:block;}
}

@media screen and (min-width:1441px){
.ab02{ width:100%; padding-top:90px; padding-bottom:130px; position:relative; z-index:1; background-color:#fff;}
.ab02 .box{ width:90%; max-width:1440px; margin:auto; position:relative; z-index:3;}
.ab02 .box .title .right02{ position:absolute; right:0; bottom:10px; z-index:3;}
.ab02 .box .title .right02 a{ display:block; float:left; width:46px; height:46px; border-radius:100%; background-color:#f1f1f1; overflow:hidden; background-position:center; background-repeat:no-repeat; margin-left:30px; cursor:pointer;}
.ab02 .box .title .right02 a:hover{ background-color:#006fdb;}
.ab02 .box .title .right02 a.prev{ background-image:url(../images/prev.png);}
.ab02 .box .title .right02 a.prev:hover{ background-image:url(../images/prevh.png);}
.ab02 .box .title .right02 a.next{ background-image:url(../images/next.png);}
.ab02 .box .title .right02 a.next:hover{ background-image:url(../images/nexth.png);}
.ab02 .box .cont{ width:100%; margin-top:40px;}
.ab02 .box .cont .bd{ width:48.61%; height:27.49vw; max-height:440px; display:block; float:left; overflow:hidden; border-radius:10px;}
.ab02 .box .cont .bd ul{ height:100%; }
.ab02 .box .cont .bd li{ width:100%; height:100%; overflow:hidden;}
.ab02 .box .cont .bd li img{ height:100%; display:block;}
.ab02 .box .cont .hd{ width:47.22%; height:27.49vw; max-height:440px; display:block; float:right; overflow:hidden;}
.ab02 .box .cont .hd ul{ width:100%; display:block; overflow:hidden;}
.ab02 .box .cont .hd ul li{ width:30.88%; height:8.25vw; max-height:131px; margin-left:3.68%; display:block; float:left; overflow:hidden; border-radius:10px; position:relative; cursor:pointer;}
.ab02 .box .cont .hd li img{ height:100%; display:block;}
.ab02 .box .cont .hd ul li:nth-child(1),.ab02 .box .cont .hd ul li:nth-child(5),.ab02 .box .cont .hd ul li:nth-child(9){ clear:left; float:left; margin-left:0;}
.ab02 .box .cont .hd ul span{ width:100%; float:left; height:1.37vw; max-height:23px;}
.ab02 .box .cont .hd ul li p{ width:100%; height:100%; padding:20px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; background-color:rgba(0,111,219,.7); opacity:0;}
.ab02 .box .cont .hd ul li b{ display:block; font-size:18px; color:#fff; width:100%; text-align:center;}
.ab02 .box .cont .hd ul li.on p{ opacity:1;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ab02{ width:100%; padding-top:60px; padding-bottom:90px; position:relative; z-index:1; background-color:#fff;}
.ab02 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab02 .box .title .right02{ position:absolute; right:0; bottom:10px; z-index:3;}
.ab02 .box .title .right02 a{ display:block; float:left; width:40px; height:40px; border-radius:100%; background-color:#f1f1f1; overflow:hidden; background-position:center; background-repeat:no-repeat; margin-left:20px; cursor:pointer; background-size:100% 100%;}
.ab02 .box .title .right02 a:hover{ background-color:#006fdb;}
.ab02 .box .title .right02 a.prev{ background-image:url(../images/prev.png);}
.ab02 .box .title .right02 a.prev:hover{ background-image:url(../images/prevh.png);}
.ab02 .box .title .right02 a.next{ background-image:url(../images/next.png);}
.ab02 .box .title .right02 a.next:hover{ background-image:url(../images/nexth.png);}
.ab02 .box .cont{ width:100%; margin-top:25px;}
.ab02 .box .cont .bd{ width:49.78%; height:29.41vw; display:block; float:left; overflow:hidden; border-radius:10px;}
.ab02 .box .cont .bd ul{ height:100%; }
.ab02 .box .cont .bd li{ width:100%; height:100%; overflow:hidden;}
.ab02 .box .cont .bd li img{ height:100%; display:block;}
.ab02 .box .cont .hd{ width:47.22%; height:29.41vw; display:block; float:right; overflow:hidden;}
.ab02 .box .cont .hd ul{ width:100%; display:block; overflow:hidden;}
.ab02 .box .cont .hd ul li{ width:31.33%; height:8.74vw; margin-left:3%; display:block; float:left; overflow:hidden; border-radius:10px; position:relative; cursor:pointer;}
.ab02 .box .cont .hd li img{ height:100%; display:block;}
.ab02 .box .cont .hd ul li:nth-child(1),.ab02 .box .cont .hd ul li:nth-child(5),.ab02 .box .cont .hd ul li:nth-child(9){ clear:left; float:left; margin-left:0;}
.ab02 .box .cont .hd ul span{ width:100%; float:left; height:1.595vw;}
.ab02 .box .cont .hd ul li p{ width:100%; height:100%; padding:15px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; background-color:rgba(0,111,219,.7); opacity:0;}
.ab02 .box .cont .hd ul li b{ display:block; font-size:16px; color:#fff; width:100%; text-align:center;}
.ab02 .box .cont .hd ul li.on p{ opacity:1;}
}
@media only screen and (max-width:1023px){
.ab02{ width:100%; padding-top:35px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff;}
.ab02 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab02 .box .title .right02{ position:absolute; right:0; bottom:10px; z-index:3;}
.ab02 .box .title .right02 a{ display:block; float:left; width:34px; height:34px; border-radius:100%; background-color:#f1f1f1; overflow:hidden; background-position:center; background-repeat:no-repeat; margin-left:10px; cursor:pointer; background-size:100% 100%;}
.ab02 .box .title .right02 a:hover{ background-color:#006fdb;}
.ab02 .box .title .right02 a.prev{ background-image:url(../images/prev.png);}
.ab02 .box .title .right02 a.prev:hover{ background-image:url(../images/prevh.png);}
.ab02 .box .title .right02 a.next{ background-image:url(../images/next.png);}
.ab02 .box .title .right02 a.next:hover{ background-image:url(../images/nexth.png);}
.ab02 .box .cont{ width:100%; margin-top:10px;}
.ab02 .box .cont .bd{ width:100%; height:59.08vw; display:block; float:left; overflow:hidden; border-radius:5px;}
.ab02 .box .cont .bd li{ width:100%; height:100%; overflow:hidden;}
.ab02 .box .cont .bd li img{ width:100%; display:block;}
.ab02 .box .cont .hd{ width:100%; display:block; float:right; overflow:hidden;}
.ab02 .box .cont .hd ul{ width:100%; display:block; overflow:hidden; padding-top:5px;}
.ab02 .box .cont .hd ul li{ width:31.33%; height:18.51vw; margin-left:3%; margin-top:10px; display:block; float:left; overflow:hidden; border-radius:5px; position:relative; cursor:pointer;}
.ab02 .box .cont .hd li img{ height:100%; display:block;}
.ab02 .box .cont .hd ul li:nth-child(1),.ab02 .box .cont .hd ul li:nth-child(5),.ab02 .box .cont .hd ul li:nth-child(9){ clear:left; float:left; margin-left:0;}
.ab02 .box .cont .hd ul span{ display:none;}
.ab02 .box .cont .hd ul li p{ width:100%; height:100%; padding:10px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; background-color:rgba(0,111,219,.7); opacity:0;}
.ab02 .box .cont .hd ul li b{ display:block; font-size:14px; color:#fff; width:100%; text-align:center;}
.ab02 .box .cont .hd ul li.on p{ opacity:1;}
}

@media screen and (min-width:1441px){
.ab03{ width:100%; padding-top:90px; padding-bottom:130px; position:relative; z-index:1; background-color:#fff;}
.ab03 .box{ width:90%; max-width:1440px; margin:auto; position:relative; z-index:3;}
.ab03 .bd{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.ab03 .bd ul{ width:100%; height:100%; display:block; overflow:hidden;}
.ab03 .bd li{ width:100%; height:100%; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab03 .bg{ width:50%; height:100%; background-color:#006fdb; opacity:.9; position:absolute; left:0; top:0; z-index:2;}
.ab03 .box .title .left b{ color:#fff;}
.ab03 .box .title .left strong{ color:#fff;}
.ab03 .box .bt{ width:45.83%; font-size:26px; line-height:36px; color:#fff; margin-top:35px;}
.ab03 .box .wen{ width:45.83%; font-size:18px; line-height:28px; color:#fff; margin-top:20px;}
.ab03 .box .wen span{ font-size:16px; margin:0 15px;}
.ab03 .box .hd{ width:45.83%; overflow:hidden; margin-top:20px;}
.ab03 .box .hd ul{ width:100%; display:block; overflow:hidden;}
.ab03 .box .hd ul li{ width:30.3%; height:8.74vw; max-height:140px; margin-left:4.55%; margin-top:30px; display:block; float:left; overflow:hidden; border-radius:10px; position:relative; cursor:pointer;}
.ab03 .box .hd li img{ height:100%; display:block;}
.ab03 .box .hd ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab03 .box .hd ul li p{ width:100%; height:100%; padding:20px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; background-color:rgba(233,85,4,.7); opacity:0;}
.ab03 .box .hd ul li p img{ display:block; width:30px;}
.ab03 .box .hd ul li.on p{ opacity:1;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ab03{ width:100%; padding-top:60px; padding-bottom:90px; position:relative; z-index:1; background-color:#fff;}
.ab03 .box{ width:100%; margin:auto; position:relative; z-index:3;}
.ab03 .bd{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.ab03 .bd ul{ width:100%; height:100%; display:block; overflow:hidden;}
.ab03 .bd li{ width:100%; height:100%; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab03 .bg{ width:50%; height:100%; background-color:#006fdb; opacity:.9; position:absolute; left:0; top:0; z-index:2;}
.ab03 .box .title{ margin-left:3%;}
.ab03 .box .title .left b{ color:#fff;}
.ab03 .box .title .left strong{ color:#fff;}
.ab03 .box .bt{ width:44%; margin-left:3%; font-size:22px; line-height:32px; color:#fff; margin-top:20px;}
.ab03 .box .wen{ width:44%; margin-left:3%; font-size:16px; line-height:26px; color:#fff; margin-top:10px;}
.ab03 .box .wen span{ font-size:14px; margin:0 10px;}
.ab03 .box .hd{ width:44%; margin-left:3%; overflow:hidden; margin-top:10px;}
.ab03 .box .hd ul{ width:100%; display:block; overflow:hidden;}
.ab03 .box .hd ul li{ width:31.33%; height:9.64vw; margin-left:3%; margin-top:20px; display:block; float:left; overflow:hidden; border-radius:10px; position:relative; cursor:pointer;}
.ab03 .box .hd li img{ height:100%; display:block;}
.ab03 .box .hd ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab03 .box .hd ul li p{ width:100%; height:100%; padding:20px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; background-color:rgba(233,85,4,.7); opacity:0;}
.ab03 .box .hd ul li p img{ display:block; width:24px;}
.ab03 .box .hd ul li.on p{ opacity:1;}
}
@media only screen and (max-width:1023px){
.ab03{ width:100%; position:relative; z-index:1; background-color:#fff;}
.ab03 .box{ width:94%; padding:35px 3%; padding-bottom:50px; position:relative; z-index:3;}
.ab03 .bd{ width:100%; height:41.67vw; position:relative; z-index:1;}
.ab03 .bd ul{ width:100%; height:100%; display:block; overflow:hidden;}
.ab03 .bd li{ width:100%; height:100%; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab03 .bg{ width:100%; height:calc(100% - 41.67vw); background-color:#006fdb; opacity:.9; position:absolute; left:0; top:0; z-index:2;}
.ab03 .box .title .left b{ color:#fff;}
.ab03 .box .title .left strong{ color:#fff;}
.ab03 .box .bt{ font-size:16px; line-height:26px; color:#fff; margin-top:5px;}
.ab03 .box .wen{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.ab03 .box .wen span{ font-size:12px; margin:0 5px;}
.ab03 .box .hd{ width:100%; overflow:hidden; margin-top:5px;}
.ab03 .box .hd ul{ width:100%; display:block; overflow:hidden;}
.ab03 .box .hd ul li{ width:31.33%; height:20.61vw; margin-left:3%; margin-top:10px; display:block; float:left; overflow:hidden; border-radius:5px; position:relative; cursor:pointer;}
.ab03 .box .hd li img{ height:100%; display:block;}
.ab03 .box .hd ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab03 .box .hd ul li p{ width:100%; height:100%; padding:20px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; background-color:rgba(233,85,4,.7); opacity:0;}
.ab03 .box .hd ul li p img{ display:block; width:20px;}
.ab03 .box .hd ul li.on p{ opacity:1;}
}

@media screen and (min-width:1441px){
.ab04{ width:100%; padding-top:90px; padding-bottom:130px; position:relative; z-index:1; background-color:#fff;}
.ab04 .box{ width:90%; max-width:1440px; margin:auto; position:relative; z-index:3;}
.ab04 .bd{ width:48.61%; position:absolute; right:0; bottom:0; z-index:1;}
.ab04 .bd ul{ width:100%; height:100%; display:block; overflow:hidden;}
.ab04 .bd li{ width:100%; height:100%; height:30.6243vw; max-height:490px; border-radius:10px; display:block; overflow:hidden;}
.ab04 .bd li img{ height:100%;}
.ab04 .box .bt{ width:45.83%; font-size:26px; line-height:36px; color:#333; margin-top:35px;}
.ab04 .box .wen{ width:45.83%; font-size:18px; line-height:28px; color:#666; margin-top:20px;}
.ab04 .box .wen span{ font-size:16px; margin:0 15px;}
.ab04 .box .hd{ width:45.83%; overflow:hidden; margin-top:20px;}
.ab04 .box .hd ul{ width:100%; display:block; overflow:hidden;}
.ab04 .box .hd ul li{ width:30.3%; height:8.74vw; max-height:140px; margin-left:4.55%; margin-top:30px; display:block; float:left; overflow:hidden; border-radius:10px; position:relative; cursor:pointer; opacity:.5;}
.ab04 .box .hd li img{ height:100%; display:block;}
.ab04 .box .hd ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab04 .box .hd ul li.on{ opacity:1;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ab04{ width:100%; padding-top:60px; padding-bottom:90px; position:relative; z-index:1; background-color:#fff;}
.ab04 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab04 .bd{ width:51.17%; position:absolute; right:0; bottom:0; z-index:1;}
.ab04 .bd ul{ width:100%; height:100%; display:block; overflow:hidden;}
.ab04 .bd li{ width:100%; height:100%; height:33.66986vw; border-radius:10px; display:block; overflow:hidden;}
.ab04 .bd li img{ height:100%;}
.ab04 .box .bt{ width:45.83%; font-size:22px; line-height:32px; color:#333; margin-top:20px;}
.ab04 .box .wen{ width:45.83%; font-size:16px; line-height:26px; color:#666; margin-top:10px;}
.ab04 .box .wen span{ font-size:14px; margin:0 10px;}
.ab04 .box .hd{ width:45.83%; overflow:hidden; margin-top:10px;}
.ab04 .box .hd ul{ width:100%; display:block; overflow:hidden;}
.ab04 .box .hd ul li{ width:31.33%; height:9.44vw; margin-left:3%; margin-top:20px; display:block; float:left; overflow:hidden; border-radius:10px; position:relative; cursor:pointer; opacity:.5;}
.ab04 .box .hd li img{ height:100%; display:block;}
.ab04 .box .hd ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab04 .box .hd ul li.on{ opacity:1;}
}
@media only screen and (max-width:1023px){
.ab04{ width:100%; position:relative; z-index:1; background-color:#fff;}
.ab04 .box{ width:94%; padding:35px 3%; padding-bottom:50px; position:relative; z-index:3;}
.ab04 .bd{ width:100%; z-index:1; margin-top:15px;}
.ab04 .bd ul{ width:100%; height:100%; display:block; overflow:hidden;}
.ab04 .bd li{ width:100%; height:100%; height:65.8vw; border-radius:5px; display:block; overflow:hidden;}
.ab04 .bd li img{ height:100%;}
.ab04 .box .bt{ font-size:16px; line-height:26px; color:#333; margin-top:5px;}
.ab04 .box .wen{ font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.ab04 .box .wen span{ font-size:12px; margin:0 5px;}
.ab04 .box .hd{ width:100%; overflow:hidden; margin-top:5px;}
.ab04 .box .hd ul{ width:100%; display:block; overflow:hidden;}
.ab04 .box .hd ul li{ width:31.33%; height:20.61vw; margin-left:3%; margin-top:10px; display:block; float:left; overflow:hidden; border-radius:5px; position:relative; cursor:pointer; opacity:.5;}
.ab04 .box .hd li img{ height:100%; display:block;}
.ab04 .box .hd ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab04 .box .hd ul li.on{ opacity:1;}
}

@media screen and (min-width:1441px){
.ab05{ width:100%; padding-top:90px; padding-bottom:130px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab05 .bg{ width:100%; height:100%; background-color:#006fdb; opacity:.7; position:absolute; left:0; top:0; z-index:2;}
.ab05 .box{ width:90%; max-width:1440px; margin:auto; position:relative; z-index:3;}
.ab05 .box .title .left b{ color:#fff;}
.ab05 .box .title .left strong{ color:#fff;}
.ab05 .bd{ width:48.61%; z-index:1; margin-top:40px;}
.ab05 .bd ul{ width:100%; height:100%; display:block; overflow:hidden;}
.ab05 .bd li{ width:100%; height:100%; height:30.6243vw; max-height:490px; display:block; overflow:hidden; border-radius:10px; background-color: #fff;}
.ab05 .bd li img{ width:100%;}
.ab05 .box .cont{ width:45.83%; position:absolute; right:0; height:calc(30.6243vw + 40px); max-height:530px; display:flex; flex-direction:column;}
.ab05 .box .bt{ font-size:26px; line-height:36px; color:#fff; margin-top:35px; text-align:right;}
.ab05 .box .wen{ font-size:18px; line-height:28px; color:#fff; margin-top:20px; text-align:right;}
.ab05 .box .anniu{ width:100%; margin-top:45px; z-index:3;}
.ab05 .box .anniu a{ display:block; float:right; width:46px; height:46px; border-radius:100%; background-color:rgba(255,255,255,.3); overflow:hidden; background-position:center; background-repeat:no-repeat; margin-left:30px; cursor:pointer;}
.ab05 .box .anniu a:hover{ background-color:#fff;}
.ab05 .box .anniu a.prev{ background-image:url(../images/prevh.png);}
.ab05 .box .anniu a.prev:hover{ background-image:url(../images/prev.png);}
.ab05 .box .anniu a.next{ background-image:url(../images/nexth.png);}
.ab05 .box .anniu a.next:hover{ background-image:url(../images/next.png);}
.ab05 .box .wen span{ font-size:16px; margin:0 15px;}
.ab05 .box .hd{ width:100%; overflow:hidden; flex:1;}
.ab05 .box .hd ul{ width:100%; height:100%; display:flex; align-items:flex-end; flex-wrap:wrap; overflow:hidden;}
.ab05 .box .hd ul li{ width:30.3%; height:8.74vw; max-height:140px; margin-left:4.55%; margin-top:30px; display:block; float:left; overflow:hidden; border-radius:10px; position:relative; cursor:pointer; background-color: #fff;}
.ab05 .box .hd li img{ width:100%; display:block;}
.ab05 .box .hd ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab05 .box .hd ul li p{ width:100%; height:100%; padding:20px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; background-color:rgba(233,85,4,.7); opacity:0;}
.ab05 .box .hd ul li p img{ display:block; width:30px; height:auto;}
.ab05 .box .hd ul li.on p{ opacity:1;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ab05{ width:100%; padding-top:60px; padding-bottom:90px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab05 .bg{ width:100%; height:100%; background-color:#006fdb; opacity:.7; position:absolute; left:0; top:0; z-index:2;}
.ab05 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab05 .box .title .left b{ color:#fff;}
.ab05 .box .title .left strong{ color:#fff;}
.ab05 .bd{ width:51.17%; z-index:1; margin-top:25px;}
.ab05 .bd ul{ width:100%; height:100%; display:block; overflow:hidden;}
.ab05 .bd li{ width:100%; height:100%; height:33.66986vw; display:block; overflow:hidden; border-radius:10px; background-color: #fff;}
.ab05 .bd li img{ width:100%;}
.ab05 .box .cont{ width:45.83%; position:absolute; right:0;}
.ab05 .box .bt{ font-size:22px; line-height:32px; color:#fff; margin-top:20px; text-align:right;}
.ab05 .box .wen{ font-size:16px; line-height:26px; color:#fff; margin-top:10px; text-align:right;}
.ab05 .box .wen span{ font-size:14px; margin:0 10px;}
.ab05 .box .anniu{ width:100%; margin-top:20px; z-index:3;}
.ab05 .box .anniu a{ display:block; float:right; width:40px; height:40px; border-radius:100%; background-color:rgba(255,255,255,.3); overflow:hidden; background-position:center; background-repeat:no-repeat; margin-left:20px; cursor:pointer; background-size:100% 100%;}
.ab05 .box .anniu a:hover{ background-color:#fff;}
.ab05 .box .anniu a.prev{ background-image:url(../images/prevh.png);}
.ab05 .box .anniu a.prev:hover{ background-image:url(../images/prev.png);}
.ab05 .box .anniu a.next{ background-image:url(../images/nexth.png);}
.ab05 .box .anniu a.next:hover{ background-image:url(../images/next.png);}
.ab05 .box .hd{ width:100%; overflow:hidden; margin-top:15px;}
.ab05 .box .hd ul{ width:100%; display:block; overflow:hidden;}
.ab05 .box .hd ul li{ width:31.33%; height:9.64vw; margin-left:3%; margin-top:20px; display:block; float:left; overflow:hidden; border-radius:10px; position:relative; cursor:pointer; background-color: #fff;}
.ab05 .box .hd li img{ width:100%; display:block;}
.ab05 .box .hd ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab05 .box .hd ul li p{ width:100%; height:100%; padding:20px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; background-color:rgba(233,85,4,.7); opacity:0;}
.ab05 .box .hd ul li p img{ display:block; width:24px; height:auto;}
.ab05 .box .hd ul li.on p{ opacity:1;}
}
@media only screen and (max-width:1023px){
.ab05{ width:100%; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab05 .bg{ width:100%; height:100%; background-color:#006fdb; opacity:.7; position:absolute; left:0; top:0; z-index:2;}
.ab05 .box{ width:94%; padding:35px 3%; padding-bottom:50px; position:relative; z-index:3;}
.ab05 .box .title .left b{ color:#fff;}
.ab05 .box .title .left strong{ color:#fff;}
.ab05 .bd{ width:100%; z-index:1; margin-top:15px;}
.ab05 .bd ul{ width:100%; height:100%; display:block; overflow:hidden;}
.ab05 .bd li{ width:100%; height:100%; height:65.8vw; border-radius:5px; display:block; overflow:hidden; background-color: #fff;}
.ab05 .bd li img{ width:100%;}
.ab05 .box .cont{ width:100%;}
.ab05 .box .bt{ font-size:16px; line-height:26px; color:#fff; margin-top:5px;}
.ab05 .box .wen{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.ab05 .box .wen span{ font-size:12px; margin:0 5px;}
.ab05 .box .anniu{ width:100%; margin-top:10px; z-index:3;}
.ab05 .box .anniu a{ display:block; float:right; width:34px; height:34px; border-radius:100%; background-color:rgba(255,255,255,.3); overflow:hidden; background-position:center; background-repeat:no-repeat; margin-left:10px; cursor:pointer; background-size:100% 100%;}
.ab05 .box .anniu a:hover{ background-color:#fff;}
.ab05 .box .anniu a.prev{ background-image:url(../images/prevh.png);}
.ab05 .box .anniu a.prev:hover{ background-image:url(../images/prev.png);}
.ab05 .box .anniu a.next{ background-image:url(../images/nexth.png);}
.ab05 .box .anniu a.next:hover{ background-image:url(../images/next.png);}
.ab05 .box .hd{ width:100%; overflow:hidden; margin-top:5px;}
.ab05 .box .hd ul{ width:100%; display:block; overflow:hidden;}
.ab05 .box .hd ul li{ width:31.33%; height:20.61vw; margin-left:3%; margin-top:10px; display:block; float:left; overflow:hidden; border-radius:5px; position:relative; cursor:pointer; background-color: #fff;}
.ab05 .box .hd li img{ width:100%; display:block;}
.ab05 .box .hd ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab05 .box .hd ul li p{ width:100%; height:100%; padding:20px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; background-color:rgba(233,85,4,.7); opacity:0;}
.ab05 .box .hd ul li p img{ display:block; width:20px; height:auto;}
.ab05 .box .hd ul li.on p{ opacity:1;}
}

@media screen and (min-width:1441px){
.ab06{ width:100%; padding-top:90px; padding-bottom:220px; position:relative; z-index:1; background-color:#fff;}
.ab06 .box{ width:90%; max-width:1440px; margin:auto; position:relative; z-index:3;}
.ab06 .box .bt{ width:54.17%; margin-top:35px; font-size:26px; line-height:36px; font-weight:bold;}
.ab06 .box .line{ width:100px; height:2px; background:linear-gradient(to right,#006fdb,#0090ff); margin-top:10px;}
.ab06 .box .wen{ width:54.17%; margin-top:20px; font-size:16px; line-height:36px;}
.ab06 .bg{ width:41.67%; height:100%; position:absolute; right:0; top:0; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ab06{ width:100%; padding-top:60px; padding-bottom:150px; position:relative; z-index:1; background-color:#fff;}
.ab06 .box{ width:100%; margin:auto; position:relative; z-index:3;}
.ab06 .box .title{ margin-left:3%;}
.ab06 .box .bt{ width:52%; margin-left:3%; margin-top:20px; font-size:22px; line-height:32px; font-weight:bold;}
.ab06 .box .line{ margin-left:3%; width:70px; height:2px; background:linear-gradient(to right,#006fdb,#0090ff); margin-top:10px;}
.ab06 .box .wen{ margin-left:3%; width:52%; margin-top:12px; font-size:14px; line-height:30px;}
.ab06 .bg{ width:42%; height:100%; position:absolute; right:0; top:0; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat;}
}
@media only screen and (max-width:1023px){
.ab06{ width:100%; padding-top:35px; position:relative; z-index:1; background-color:#fff;}
.ab06 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab06 .box .bt{ width:100%; margin-top:5px; font-size:16px; line-height:26px; font-weight:bold;}
.ab06 .box .line{ width:50px; height:2px; background:linear-gradient(to right,#006fdb,#0090ff); margin-top:10px;}
.ab06 .box .wen{ width:100%; margin-top:10px; font-size:14px; line-height:24px;}
.ab06 .bg{ width:100%; height:94vw; background-position:center; background-size:cover; background-repeat:no-repeat; margin-top:45px;}
}

@media screen and (min-width:1441px){
.ab07{ width:100%; position:relative; z-index:3; margin-top:-100px;}
.ab07 .bg{ width:72.92%; height:100%; background:linear-gradient(to right,#006fdb,#0090ff); position:absolute; left:0; top:0; z-index:1;}
.ab07 .box{ width:90%; max-width:1440px; margin:auto; position:relative; z-index:3; padding:45px 0;}
.ab07 .box .title{ position:absolute; right:0; bottom:-5px;}
.ab07 .box .title .left b{ left:auto; right:-30px;}
.ab07 .box .title .left strong{ text-align:right;}
.ab07 .box dl{ width:69.44%; display:flex; justify-content:space-between;}
.ab07 .box dl dt{ text-align:center; display:block; width:22%; overflow:hidden;}
.ab07 .box dl dt strong{ display:block; font-size:60px; height:58px; line-height:58px; color:#fff;}
.ab07 .box dl dt p{ display:block; font-size:16px; line-height:26px; color:#fff; margin-top:20px;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ab07{ width:100%; position:relative; z-index:3; margin-top:-70px;}
.ab07 .box{ width:100%; margin:auto; position:relative; z-index:3;}
.ab07 .box .title{ position:absolute; right:3%; bottom:-5px;}
.ab07 .box .title .left b{ left:auto; right:-20px;}
.ab07 .box .title .left strong{ text-align:right;}
.ab07 .box dl{ width:69.44%; display:flex; justify-content:space-between; padding:35px 3%; background:linear-gradient(to right,#006fdb,#0090ff);}
.ab07 .box dl dt{ text-align:center; display:block; width:22%; overflow:hidden;}
.ab07 .box dl dt strong{ display:block; font-size:50px; height:48px; line-height:48px; color:#fff;}
.ab07 .box dl dt p{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:15px;}
}
@media only screen and (max-width:1023px){
.ab07{ width:100%; position:relative; z-index:3; margin-top:-40px;}
.ab07 .bg{ width:100%; height:100%; background:linear-gradient(to right,#006fdb,#0090ff); position:absolute; left:0; top:0; z-index:1;}
.ab07 .box{ width:94%; margin:auto; position:relative; z-index:3; padding:25px 0;}
.ab07 .box .title .left b{ color:#fff;}
.ab07 .box .title .left strong{ color:#fff;}
.ab07 .box dl{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.ab07 .box dl dt{ text-align:center; display:block; width:48.5%; overflow:hidden; margin-top:10px;}
.ab07 .box dl dt strong{ display:block; font-size:40px; height:38px; line-height:38px; color:#fff;}
.ab07 .box dl dt p{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
}

@media screen and (min-width:1441px){
.ab08{ width:100%; padding-top:90px; padding-bottom:130px; position:relative; z-index:1; background-color:#fff;}
.ab08 .box{ width:90%; max-width:1440px; margin:auto; position:relative; z-index:3;}
.ab08 .box .swiper-container{ width:100%; position:relative; margin-top:40px;}
.ab08 .box .swiper-container .left{ width:41.67%; float:left;}
.ab08 .box .swiper-container .left .w01{ font-size:36px; line-height:38px; font-weight:bold; margin-top:10px; color:#999; text-transform:uppercase;}
.ab08 .box .swiper-container .left .w02{ font-size:60px; line-height:58px; font-weight:bold; margin-top:30px; color:#006fdb;}
.ab08 .box .swiper-container .left .w03{ font-size:26px; line-height:36px; margin-top:40px; color:#333;}
.ab08 .box .swiper-container .left .w04{ font-size:16px; line-height:30px; height:90px; overflow:auto; margin-top:18px; color:#666;}
.ab08 .box .swiper-container .left .w04::-webkit-scrollbar{ width:2px; height:1px;}
.ab08 .box .swiper-container .left .w04::-webkit-scrollbar-thumb{ border-radius:2px; background-color:#006fdb;}
.ab08 .box .swiper-container .left .w04::-webkit-scrollbar-track{ border-radius:2px; background:rgba(0,0,0,0.1);}
.ab08 .box .swiper-container .right{ width:43.06%; height:27.5vw; max-height:440px; float:right; border-radius:20px;}
.ab08 .box .swiper-container .right img{ width:100%; display:block;}
.ab08 .box .swiper-container .swi{ position:absolute; left:0; bottom:0; width:100%; z-index:3;}
.ab08 .box .swiper-container .swi .swiper-button-white{ width:46px; height:46px; float:left; margin-right:30px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:#f1f1f1; border-radius:100%; background-size:100% 100%;}
.ab08 .box .swiper-container .swi .swiper-button-white:hover{ background-color:#006fdb;}
.ab08 .box .swiper-container .swi .swiper-button-prev{ background-image:url("../images/prev.png");}
.ab08 .box .swiper-container .swi .swiper-button-next{ background-image:url("../images/next.png");}
.ab08 .box .swiper-container .swi .swiper-button-prev:hover{ background-image:url("../images/prevh.png");}
.ab08 .box .swiper-container .swi .swiper-button-next:hover{ background-image:url("../images/nexth.png");}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ab08{ width:100%; padding-top:60px; padding-bottom:90px; position:relative; z-index:1; background-color:#fff;}
.ab08 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab08 .box .swiper-container{ width:100%; position:relative; margin-top:25px;}
.ab08 .box .swiper-container .left{ width:47%; float:left;}
.ab08 .box .swiper-container .left .w01{ font-size:30px; line-height:32px; font-weight:bold; margin-top:5px; color:#999; text-transform:uppercase;}
.ab08 .box .swiper-container .left .w02{ font-size:50px; line-height:48px; font-weight:bold; margin-top:10px; color:#006fdb;}
.ab08 .box .swiper-container .left .w03{ font-size:22px; line-height:32px; margin-top:15px; color:#333;}
.ab08 .box .swiper-container .left .w04{ font-size:14px; line-height:30px; height:90px; overflow:auto; margin-top:12px; color:#666;}
.ab08 .box .swiper-container .left .w04::-webkit-scrollbar{ width:2px; height:1px;}
.ab08 .box .swiper-container .left .w04::-webkit-scrollbar-thumb{ border-radius:2px; background-color:#006fdb;}
.ab08 .box .swiper-container .left .w04::-webkit-scrollbar-track{ border-radius:2px; background:rgba(0,0,0,0.1);}
.ab08 .box .swiper-container .right{ width:50%; height:30.32vw; max-height:440px; float:right; border-radius:10px;}
.ab08 .box .swiper-container .right img{ width:100%; display:block;}
.ab08 .box .swiper-container .swi{ position:absolute; left:0; bottom:0; width:100%; z-index:3;}
.ab08 .box .swiper-container .swi .swiper-button-white{ width:40px; height:40px; float:left; margin-right:20px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:#f1f1f1; border-radius:100%; background-size:100% 100%;}
.ab08 .box .swiper-container .swi .swiper-button-white:hover{ background-color:#006fdb;}
.ab08 .box .swiper-container .swi .swiper-button-prev{ background-image:url("../images/prev.png");}
.ab08 .box .swiper-container .swi .swiper-button-next{ background-image:url("../images/next.png");}
.ab08 .box .swiper-container .swi .swiper-button-prev:hover{ background-image:url("../images/prevh.png");}
.ab08 .box .swiper-container .swi .swiper-button-next:hover{ background-image:url("../images/nexth.png");}
}
@media only screen and (max-width:1023px){
.ab08{ width:100%; padding-top:35px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff;}
.ab08 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab08 .box .swiper-container{ width:100%; position:relative; margin-top:10px;}
.ab08 .box .swiper-container .left{ width:100%; float:left;}
.ab08 .box .swiper-container .left .w01{ font-size:20px; line-height:22px; font-weight:bold; margin-top:15px; color:#999; text-transform:uppercase;}
.ab08 .box .swiper-container .left .w02{ font-size:40px; line-height:38px; font-weight:bold; margin-top:5px; color:#006fdb;}
.ab08 .box .swiper-container .left .w03{ font-size:16px; line-height:26px; margin-top:10px; color:#333;}
.ab08 .box .swiper-container .left .w04{ font-size:14px; line-height:24px; margin-top:5px; color:#666;}
.ab08 .box .swiper-container .right{ width:100%; height:66.70vw; float:right; border-radius:5px;}
.ab08 .box .swiper-container .right img{ width:100%; display:block;}
.ab08 .box .swiper-container .swi{ position:absolute; right:0; top:66.70vw; margin-top:20px; z-index:3;}
.ab08 .box .swiper-container .swi .swiper-button-white{ width:34px; height:34px; float:left; margin-left:10px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:#f1f1f1; border-radius:100%; background-size:100% 100%;}
.ab08 .box .swiper-container .swi .swiper-button-white:hover{ background-color:#006fdb;}
.ab08 .box .swiper-container .swi .swiper-button-prev{ background-image:url("../images/prev.png");}
.ab08 .box .swiper-container .swi .swiper-button-next{ background-image:url("../images/next.png");}
.ab08 .box .swiper-container .swi .swiper-button-prev:hover{ background-image:url("../images/prevh.png");}
.ab08 .box .swiper-container .swi .swiper-button-next:hover{ background-image:url("../images/nexth.png");}
}

@media screen and (min-width:1441px){
.ab09{ width:100%; padding-top:90px; padding-bottom:130px; box-sizing:border-box; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab09 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:#006fdb; opacity:.7;}
.ab09 .box{ width:90%; max-width:1440px; margin:auto; position:relative; z-index:3;}
.ab09 .box .title .left b{ color:#fff;}
.ab09 .box .title .left strong{ color:#fff;}
.ab09 .cont{ width:90%; padding:0 5%; position:relative; margin-top:40px; z-index:3;}
.ab09 .cont .swiper-container{ width:100%; position:relative;}
.ab09 .cont .swiper-container .swiper-slide{ width:23.26%; margin-right:2.32%; height:26.37vw; max-height:420px; background-color:#fff; overflow:hidden; display:block; position:relative;}
.ab09 .cont .swiper-container .swiper-slide img{ width:100%; display:block;}
.ab09 .cont .swiper-container .swiper-slide p{ width:100%; padding:0 20px; box-sizing:border-box; position:absolute; left:0; bottom:-50px; height:50px; background-color:rgba(0,0,0,.7); line-height:50px; font-size:18px; color:#fff; display:block; overflow:hidden; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab09 .cont .swiper-container .swiper-slide:hover p{ bottom:0;}
.ab09 .cont .swiper-button-white{ width:46px; height:46px; position:absolute; z-index:3; top:50%; margin-top:-23px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:rgba(255,255,255,.3); border-radius:100%;}
.ab09 .cont .swiper-button-white:hover{ background-color:#fff;}
.ab09 .cont .swiper-button-prev{ background-image:url("../images/prevh.png"); left:0;}
.ab09 .cont .swiper-button-next{ background-image:url("../images/nexth.png"); right:0;}
.ab09 .cont .swiper-button-prev:hover{ background-image:url("../images/prev.png");}
.ab09 .cont .swiper-button-next:hover{ background-image:url("../images/next.png");}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ab09{ width:100%; padding-top:60px; padding-bottom:90px; box-sizing:border-box; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab09 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:#006fdb; opacity:.7;}
.ab09 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab09 .box .title .left b{ color:#fff;}
.ab09 .box .title .left strong{ color:#fff;}
.ab09 .cont{ width:88%; padding:0 6%; position:relative; margin-top:25px; z-index:3;}
.ab09 .cont .swiper-container{ width:100%; position:relative;}
.ab09 .cont .swiper-container .swiper-slide{ width:23.5%; margin-right:2%; height:27.21vw; background-color:#fff; overflow:hidden; display:block; position:relative;}
.ab09 .cont .swiper-container .swiper-slide img{ width:100%; display:block;}
.ab09 .cont .swiper-container .swiper-slide p{ width:100%; padding:0 15px; box-sizing:border-box; position:absolute; left:0; bottom:-40px; height:40px; background-color:rgba(0,0,0,.7); line-height:40px; font-size:16px; color:#fff; display:block; overflow:hidden; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab09 .cont .swiper-container .swiper-slide:hover p{ bottom:0;}
.ab09 .cont .swiper-button-white{ width:40px; height:40px; position:absolute; z-index:3; top:50%; margin-top:-20px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:rgba(255,255,255,.3); border-radius:100%;}
.ab09 .cont .swiper-button-white:hover{ background-color:#fff;}
.ab09 .cont .swiper-button-prev{ background-image:url("../images/prevh.png"); left:0;}
.ab09 .cont .swiper-button-next{ background-image:url("../images/nexth.png"); right:0;}
.ab09 .cont .swiper-button-prev:hover{ background-image:url("../images/prev.png");}
.ab09 .cont .swiper-button-next:hover{ background-image:url("../images/next.png");}
}
@media only screen and (max-width:1023px){
.ab09{ width:100%; padding-top:30px; padding-bottom:50px; box-sizing:border-box; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab09 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:#006fdb; opacity:.7;}
.ab09 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab09 .box .title .left b{ color:#fff;}
.ab09 .box .title .left strong{ color:#fff;}
.ab09 .cont{ width:100%; position:relative; margin-top:10px; z-index:3;}
.ab09 .cont .swiper-container{ width:100%; margin:auto; position:relative;}
.ab09 .cont .swiper-container .swiper-slide{ width:48.5%; height:63.826vw; margin-right:3%; background-color:#fff; overflow:hidden; display:block; position:relative;}
.ab09 .cont .swiper-container .swiper-slide img{ width:100%; display:block;}
.ab09 .cont .swiper-container .swiper-slide p{ width:100%; padding:0 15px; box-sizing:border-box; position:absolute; left:0; bottom:-40px; height:40px; background-color:rgba(0,0,0,.7); line-height:40px; font-size:14px; color:#fff; display:block; overflow:hidden; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab09 .cont .swiper-container .swiper-slide:hover p{ bottom:0;}
.ab09 .cont .swiper-button-white{ width:34px; height:34px; position:absolute; z-index:3; top:50%; margin-top:-17px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:rgba(0,0,0,.3); border-radius:100%;}
.ab09 .cont .swiper-button-white:hover{ background-color:#006fdb;}
.ab09 .cont .swiper-button-prev{ background-image:url("../images/prevh.png"); left:10px;}
.ab09 .cont .swiper-button-next{ background-image:url("../images/nexth.png"); right:10px;}
}

@media screen and (min-width:1441px){
.ab10{ width:100%; padding-top:90px; padding-bottom:130px; box-sizing:border-box; position:relative; z-index:1; display: none;}
.ab10 .box{ width:90%; max-width:1440px; margin:auto; position:relative; z-index:3;}
.ab10 .box .list{ width:100%; display:block; position:relative;}
.ab10 .box .list li{ width:23.035%; height:470px; display:block; float:left; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:40px; margin-left:2.62%;}
.ab10 .box .list li:nth-child(4n+1){ margin-left:0;}
.ab10 .box .list li a{ width:100%; height:100%; padding:30px; padding-top:398px; display:block; overflow:hidden; position:relative; background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0)); box-sizing:border-box; position:relative;}
.ab10 .box .list li a:hover{ overflow:auto; background:rgba(0,111,219,0.8); padding-top:65px;}
.ab10 .box .list li .w01{ font-size:20px; line-height:30px; color:#fff;}
.ab10 .box .list li .w02{ margin-top:10px; width:70px; height:2px; background-color:#fff;}
.ab10 .box .list li .w03{ display:none; margin-top:13px; font-size:16px; line-height:30px; color:#fff;}
.ab10 .box .list li a:hover .w01{ font-size:24px; line-height:34px;}
.ab10 .box .list li a:hover .w03{ display:block;}
.ab10 .box .list li a::-webkit-scrollbar{ width:2px; height:1px;}
.ab10 .box .list li a::-webkit-scrollbar-thumb{ border-radius:2px; background-color:#fff;}
.ab10 .box .list li a::-webkit-scrollbar-track{ border-radius:2px; background:rgba(0,0,0,0.7);}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.ab10{ width:100%; padding-top:60px; padding-bottom:90px; box-sizing:border-box; position:relative; z-index:1; display: none;}
.ab10 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab10 .box .list{ width:100%; display:block; position:relative; margin-top:-5px;}
.ab10 .box .list li{ width:23.5%; height:440px; display:block; float:left; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:30px; margin-left:2%;}
.ab10 .box .list li:nth-child(4n+1){ margin-left:0;}
.ab10 .box .list li a{ width:100%; height:100%; padding:25px 20px; padding-top:375px; display:block; overflow:hidden; position:relative; background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0)); box-sizing:border-box; position:relative;}
.ab10 .box .list li a:hover{ overflow:auto; background:rgba(0,111,219,0.8); padding-top:45px;}
.ab10 .box .list li .w01{ font-size:18px; line-height:28px; color:#fff;}
.ab10 .box .list li .w02{ margin-top:10px; width:50px; height:2px; background-color:#fff;}
.ab10 .box .list li .w03{ display:none; margin-top:10px; font-size:16px; line-height:26px; color:#fff;}
.ab10 .box .list li a:hover .w01{ font-size:20px; line-height:30px;}
.ab10 .box .list li a:hover .w03{ display:block;}
.ab10 .box .list li a::-webkit-scrollbar{ width:2px; height:1px;}
.ab10 .box .list li a::-webkit-scrollbar-thumb{ border-radius:2px; background-color:#fff;}
.ab10 .box .list li a::-webkit-scrollbar-track{ border-radius:2px; background:rgba(0,0,0,0.7);}
}
@media only screen and (max-width:1023px){
.ab10{ width:100%; padding-top:30px; padding-bottom:50px; box-sizing:border-box; position:relative; z-index:1; display: none;}
.ab10 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab10 .box .list{ width:100%; display:block; position:relative; margin-top:-10px;}
.ab10 .box .list li{ width:48.5%; height:340px; display:block; float:left; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:20px; margin-left:3%;}
.ab10 .box .list li:nth-child(2n+1){ margin-left:0;}
.ab10 .box .list li a{ width:100%; height:100%; padding:15px; padding-top:287px; display:block; overflow:hidden; position:relative; background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0)); box-sizing:border-box; position:relative;}
.ab10 .box .list li a:hover{ overflow:auto; background:rgba(0,111,219,0.8); padding-top:25px;}
.ab10 .box .list li .w01{ font-size:16px; line-height:26px; color:#fff;}
.ab10 .box .list li .w02{ margin-top:5px; width:50px; height:2px; background-color:#fff;}
.ab10 .box .list li .w03{ display:none; margin-top:5px; font-size:14px; line-height:24px; color:#fff;}
.ab10 .box .list li a:hover .w01{ font-size:18px; line-height:28px;}
.ab10 .box .list li a:hover .w03{ display:block;}
.ab10 .box .list li a::-webkit-scrollbar{ width:2px; height:1px;}
.ab10 .box .list li a::-webkit-scrollbar-thumb{ border-radius:2px; background-color:#fff;}
.ab10 .box .list li a::-webkit-scrollbar-track{ border-radius:2px; background:rgba(0,0,0,0.7);}
}

/*新闻动态*/
@media screen and (min-width:1441px){
.main{ width:100%; padding-top:90px; padding-bottom:130px; position:relative; z-index:1;}
.main .box{ width:90%; max-width:1440px; margin:auto; position:relative; z-index:3;}
.main .box .title{ min-height:100px;}
.main .box .title .left{ position:absolute; left:0; top:0; z-index:1;}
.main .box .title .right01{ max-width:calc(100% - 280px); float:right; padding-top:29px; position:relative; z-index:3;}
.main .box .title .right01 a{ float:left; width:160px; height:46px; line-height:46px; display:flex; justify-content:center; align-items:center; background-color:#eee; font-size:16px; border-bottom-left-radius:10px; border-top-right-radius:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; margin-left:1vw; margin-top:15px;}
.main .box .title .right01 a.on{ background-color:#006fdb; color:#fff;}
.main .box .news{ width:100%;}
.main .box .news li{ display:flex; align-items:center; overflow:hidden; margin-top:40px;}
.main .box .news li .left{ width:400px; height:255px;}
.main .box .news li .left img{ width:100%; display:block;}
.main .box .news li .right{ width:calc(97% - 400px); margin-left:3%;}
.main .box .news li .right .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.main .box .news li .right .w01 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .news li .right .w01 a:hover{ color:#006fdb;}
.main .box .news li .right .w02{ font-size:16px; line-height:26px; color:#666; margin-top:5px;}
.main .box .news li .right .w03{ font-size:16px; line-height:30px; height:90px; margin-top:10px; padding-top:13px; border-top:1px solid #ddd; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.main .box .news li .right .w04{ padding-top:13px; padding-bottom:5px;}
.main .box .news li .right .w04 a{ width:130px; display:flex; align-items:center; justify-content:center; border-radius:36px; background-color:#333; font-size:16px; line-height:36px; height:36px; overflow:hidden; color:#fff;}
.main .box .news li .right .w04 a img{ display:block; margin-left:10px; height:10px;}
.main .box .news li .right .w04 a:hover{ background-color:#006fdb;}

.fanye{ width:100%; margin-top:70px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ width:40px; height:40px; line-height:40px; background-color:#f2f2f2; border-radius:100%; display:block;}
.fanye li span{ width:40px; height:40px; line-height:40px; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#006fdb;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#006fdb;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.main{ width:100%; padding-top:60px; padding-bottom:90px; position:relative; z-index:1;}
.main .box{ width:94%; margin:auto; position:relative; z-index:3;}
.main .box .title{ min-height:80px;}
.main .box .title .left{ position:absolute; left:0; top:0;}
.main .box .title .right01{ max-width:calc(100% - 230px); float:right; padding-top:15px; position:relative; z-index:3;}
.main .box .title .right01 a{ float:left; padding:0 15px; min-width:70px; height:40px; line-height:40px; display:block; background-color:#eee; font-size:14px; text-align:center; border-bottom-left-radius:10px; border-top-right-radius:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; margin-left:1.5vw; margin-top:15px;}
.main .box .title .right01 a.on{ background-color:#006fdb; color:#fff;}
.main .box .news{ width:100%; margin-top:-5px;}
.main .box .news li{ display:flex; align-items:center; overflow:hidden; margin-top:30px;}
.main .box .news li .left{ width:400px; height:255px;}
.main .box .news li .left img{ width:100%; display:block;}
.main .box .news li .right{ width:calc(97% - 400px); margin-left:3%;}
.main .box .news li .right .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.main .box .news li .right .w01 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .news li .right .w01 a:hover{ color:#006fdb;}
.main .box .news li .right .w02{ font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.main .box .news li .right .w03{ font-size:14px; line-height:30px; height:90px; margin-top:10px; padding-top:12px; border-top:1px solid #ddd; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.main .box .news li .right .w04{ padding-top:12px; padding-bottom:5px;}
.main .box .news li .right .w04 a{ width:130px; display:flex; align-items:center; justify-content:center; border-radius:36px; background-color:#333; font-size:14px; line-height:36px; height:36px; overflow:hidden; color:#fff;}
.main .box .news li .right .w04 a img{ display:block; margin-left:10px; height:6px;}
.main .box .news li .right .w04 a:hover{ background-color:#006fdb;}

.fanye{ width:100%; margin-top:50px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ width:40px; height:40px; line-height:40px; background-color:#f2f2f2; border-radius:100%; display:block;}
.fanye li span{ width:40px; height:40px; line-height:40px; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#006fdb;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#006fdb;}
}
@media only screen and (max-width:1023px){
.main{ width:100%; padding-top:35px; padding-bottom:50px; position:relative; z-index:1;}
.main .box{ width:94%; margin:auto; position:relative; z-index:3;}
.main .box .title .right01{ margin-left:-10px; position:relative; z-index:3;}
.main .box .title .right01 a{ float:left; padding:0 15px; min-width:70px; height:34px; line-height:34px; display:block; background-color:#eee; font-size:14px; text-align:center; border-bottom-left-radius:5px; border-top-right-radius:5px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; margin-left:10px; margin-top:10px;}
.main .box .title .right01 a.on{ background-color:#006fdb; color:#fff;}
.main .box .news{ width:100%; padding-top:5px;}
.main .box .news li{ overflow:hidden; margin-top:15px;}
.main .box .news li .left{ width:100%; height:59.82vw;}
.main .box .news li .left img{ width:100%; display:block;}
.main .box .news li .right{ width:100%; margin-top:10px;}
.main .box .news li .right .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.main .box .news li .right .w01 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .news li .right .w01 a:hover{ color:#006fdb;}
.main .box .news li .right .w02{ font-size:14px; line-height:24px; color:#666;}
.main .box .news li .right .w03{ font-size:14px; line-height:24px; height:72px; margin-top:5px; padding-top:5px; border-top:1px solid #ddd; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.main .box .news li .right .w04{ padding-top:5px;}
.main .box .news li .right .w04 a{ width:120px; display:flex; align-items:center; justify-content:center; border-radius:32px; background-color:#333; font-size:14px; line-height:32px; height:32px; overflow:hidden; color:#fff;}
.main .box .news li .right .w04 a img{ display:block; margin-left:10px; height:6px;}
.main .box .news li .right .w04 a:hover{ background-color:#006fdb;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 2px; display:inline-block;}
.fanye li a{ width:34px; height:34px; line-height:34px; background-color:#f2f2f2; border-radius:100%; display:block;}
.fanye li span{ width:34px; height:34px; line-height:34px; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#006fdb;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#006fdb;}
}

/*新闻动态内页*/
@media screen and (min-width:1441px){
.news-detail{ width:100%; border-bottom:5px solid #f6f6f6; padding-bottom:15px; margin-top:35px;}
.news-detail .tit{ width:calc(100% - 100px); font-size:26px; line-height:36px; font-weight:bold; float:left;}
.news-detail .date{ width:100px; text-align:right; font-size:16px; line-height:36px; color:#999; float:left;}
.news-wen{ font-size:16px; line-height:36px; margin-top:30px; margin-bottom:60px;}
.news-wen img{ max-width:100%; height:auto !important;}
.next-list{ width:100%; display:block; background-color:#f1f1f1; border-top:5px solid #006fdb;}
.next-list li{ display:block; overflow:hidden; width:90%; max-width:1440px; margin:auto; padding:65px 0;}
.next-list h2{ font-size:24px; line-height:34px; display:block; padding-bottom:15px; border-bottom:2px solid #999;}
.next-list .cont-box{ margin-top:15px;}
.next-list .cont-box .date{ display:block; color:#999; font-size:18px; line-height:26px;}
.next-list .cont-box .tit{ display:block; color:#333; font-size:20px; line-height:30px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.next-list .cont-box .txt{ display:block; color:#666; font-size:16px; line-height:26px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.next-list .cont-box .tit:hover{ color:#006fdb;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.news-detail{ width:100%; border-bottom:4px solid #f6f6f6; padding-bottom:10px; margin-top:20px;}
.news-detail .tit{ width:calc(100% - 100px); font-size:22px; line-height:32px; font-weight:bold; float:left;}
.news-detail .date{ width:100px; text-align:right; font-size:16px; line-height:32px; color:#999; float:left;}
.news-wen{ font-size:16px; line-height:30px; margin-top:23px; margin-bottom:43px;}
.news-wen img{ max-width:100%; height:auto !important;}
.next-list{ width:100%; display:block; background-color:#f1f1f1; border-top:4px solid #006fdb;}
.next-list li{ display:block; overflow:hidden; width:94%; margin:auto; padding:45px 0;}
.next-list h2{ font-size:20px; line-height:30px; display:block; padding-bottom:10px; border-bottom:2px solid #999;}
.next-list .cont-box{ margin-top:10px;}
.next-list .cont-box .date{ display:block; color:#999; font-size:16px; line-height:26px;}
.next-list .cont-box .tit{ display:block; color:#333; font-size:18px; line-height:28px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.next-list .cont-box .txt{ display:block; color:#666; font-size:16px; line-height:26px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.next-list .cont-box .tit:hover{ color:#006fdb;}
}
@media only screen and (max-width:1023px){
.news-detail{ width:100%; border-bottom:2px solid #f6f6f6; padding-bottom:5px; margin-top:15px;}
.news-detail .tit{ width:100%; font-size:18px; line-height:28px; font-weight:bold;}
.news-detail .date{ font-size:14px; line-height:24px; color:#999;}
.news-wen{ font-size:14px; line-height:24px; margin-top:10px; margin-bottom:25px;}
.news-wen img{ max-width:100%; height:auto !important;}
.next-list{ width:100%; display:block; background-color:#f1f1f1; border-top:4px solid #006fdb;}
.next-list li{ display:block; overflow:hidden; width:94%; margin:auto; padding:25px 0;}
.next-list h2{ font-size:16px; line-height:26px; display:block; padding-bottom:5px; border-bottom:1px solid #999;}
.next-list .cont-box{ margin-top:5px;}
.next-list .cont-box .date{ display:block; color:#999; font-size:14px; line-height:24px;}
.next-list .cont-box .tit{ display:block; color:#333; font-size:16px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.next-list .cont-box .txt{ display:block; color:#666; font-size:14px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.next-list .cont-box .tit:hover{ color:#006fdb;}
}

/*产品展示*/
@media screen and (min-width:1441px){
.main .pro{ width:100%; display:block;}
.main .pro li{ width:30.56%; display:block; float:left; margin-left:4.16%; margin-top:40px; box-shadow:0 0 20px rgba(0,0,0,.1);}
.main .pro li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .pro li .tu{ width:100%; position:relative;}
.main .pro li .tu .w01{ width:100%; height:15.627vw; max-height:250px; position:relative; z-index:1;}
.main .pro li .tu .w01 img{ width:100%; display:block;}
.main .pro li .tu .w02{ width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:2; background-image:url(../images/pro_35.png); background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.main .pro li:hover .tu .w02{ background-image:url(../images/pro01_35.png);}
.main .pro li .tu .w03{ width:50px; height:50px; position:absolute; right:6.82%; bottom:5px; z-index:3; background-color:#fff; border-radius:100%; box-shadow:0 0 10px rgba(0,0,0,.1); display:flex; align-items:center;}
.main .pro li .tu .w03 img{ display:block; margin:auto;}
.main .pro li .wen{ padding:13px 6.82%; padding-bottom:15px; background-color:#fff;}
.main .pro li:hover .wen{ background-color:#006fdb;}
.main .pro li .wen .w01{ font-size:20px; line-height:30px; height:30px; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}
.main .pro li .wen .w02{ font-size:16px; line-height:26px; height:26px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.main .pro li .wen .w03{ height:26px;}
.main .pro li .wen .w03 p{ line-height:26px; font-size:16px; display:block; float:left;}
.main .pro li .wen .w03 img{ display:block; margin:8px 0 8px 10px; float:left;}
.main .pro li .wen .w03 .img02{ display:none;}
.main .pro li:hover .wen *{ color:#fff;}
.main .pro li:hover .wen .w03 .img01{ display:none;}
.main .pro li:hover .wen .w03 .img02{ display:block;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.main .pro{ width:100%; display:block; margin-top:-5px;}
.main .pro li{ width:31.33%; display:block; float:left; margin-left:3%; margin-top:30px; box-shadow:0 0 10px rgba(0,0,0,.1);}
.main .pro li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .pro li .tu{ width:100%; position:relative;}
.main .pro li .tu .w01{ width:100%; height:16.73vw; position:relative; z-index:1;}
.main .pro li .tu .w01 img{ width:100%; display:block;}
.main .pro li .tu .w02{ width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:2; background-image:url(../images/pro_35.png); background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.main .pro li:hover .tu .w02{ background-image:url(../images/pro01_35.png);}
.main .pro li .tu .w03{ width:40px; height:40px; position:absolute; right:5%; bottom:0; z-index:3; background-color:#fff; border-radius:100%; box-shadow:0 0 10px rgba(0,0,0,.1); display:flex; align-items:center;}
.main .pro li .tu .w03 img{ display:block; margin:auto;}
.main .pro li .wen{ padding:5px 5%; padding-bottom:10px; background-color:#fff;}
.main .pro li:hover .wen{ background-color:#006fdb;}
.main .pro li .wen .w01{ font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}
.main .pro li .wen .w02{ font-size:14px; line-height:24px; height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.main .pro li .wen .w03{ height:24px;}
.main .pro li .wen .w03 p{ line-height:24px; font-size:14px; display:block; float:left;}
.main .pro li .wen .w03 img{ display:block; height:6px; margin:9px 0 9px 10px; float:left;}
.main .pro li .wen .w03 .img02{ display:none;}
.main .pro li:hover .wen *{ color:#fff;}
.main .pro li:hover .wen .w03 .img01{ display:none;}
.main .pro li:hover .wen .w03 .img02{ display:block;}
}
@media only screen and (max-width:1023px){
.main .pro{ width:100%; display:block; margin-top:5px;}
.main .pro li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; box-shadow:0 0 5px rgba(0,0,0,.1);}
.main .pro li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .pro li .tu{ width:100%; position:relative;}
.main .pro li .tu .w01{ width:100%; height:25.9vw; position:relative; z-index:1;}
.main .pro li .tu .w01 img{ width:100%; display:block;}
.main .pro li .tu .w02{ width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:2; background-image:url(../images/pro_35.png); background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.main .pro li:hover .tu .w02{ background-image:url(../images/pro01_35.png);}
.main .pro li .tu .w03{ width:30px; height:30px; position:absolute; right:10px; bottom:0; z-index:3; background-color:#fff; border-radius:100%; box-shadow:0 0 10px rgba(0,0,0,.1); display:flex; align-items:center;}
.main .pro li .tu .w03 img{ height:8px; display:block; margin:auto;}
.main .pro li .wen{ padding:5px 10px; background-color:#fff;}
.main .pro li:hover .wen{ background-color:#006fdb;}
.main .pro li .wen .w01{ font-size:16px; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}
.main .pro li .wen .w02{ font-size:14px; line-height:20px; height:40px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:2px 0;}
.main .pro li .wen .w03{ height:24px;}
.main .pro li .wen .w03 p{ line-height:24px; font-size:14px; display:block; float:left;}
.main .pro li .wen .w03 img{ display:block; height:6px; margin:9px 0 9px 10px; float:left;}
.main .pro li .wen .w03 .img02{ display:none;}
.main .pro li:hover .wen *{ color:#fff;}
.main .pro li:hover .wen .w03 .img01{ display:none;}
.main .pro li:hover .wen .w03 .img02{ display:block;}
}

/*产品展示内页*/
@media screen and (min-width:1441px){
.main .pro01{ margin-top:40px;}
.main .pro01 .zc{ width:50%; float:left; position:relative;}
.main .pro01 .zc img{ width:100%; display:block; }
.main .pro01 .zc .swiper-button-white{ width:46px; height:46px; position:absolute; z-index:3; top:50%; margin-top:-23px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:rgba(255,255,255,.3); border-radius:100%;}
.main .pro01 .zc .swiper-button-white:hover{ background-color:#fff;}
.main .pro01 .zc .swiper-button-prev{ background-image:url("../images/prevh.png"); left:3%;}
.main .pro01 .zc .swiper-button-next{ background-image:url("../images/nexth.png"); right:3%;}
.main .pro01 .zc .swiper-button-prev:hover{ background-image:url("../images/prev.png");}
.main .pro01 .zc .swiper-button-next:hover{ background-image:url("../images/next.png");}
.main .pro01 .yc{ width:45%; float:right; font-size:16px; line-height:36px;}
.main .pro01 .yc img{ max-width:100%; height:auto !important;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.main .pro01{ margin-top:23px;}
.main .pro01 .zc{ width:50%; float:left; position:relative;}
.main .pro01 .zc img{ width:100%; display:block; }
.main .pro01 .zc .swiper-button-white{ width:40px; height:40px; position:absolute; z-index:3; top:50%; margin-top:-20px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:rgba(255,255,255,.3); border-radius:100%;}
.main .pro01 .zc .swiper-button-white:hover{ background-color:#fff;}
.main .pro01 .zc .swiper-button-prev{ background-image:url("../images/prevh.png"); left:3%;}
.main .pro01 .zc .swiper-button-next{ background-image:url("../images/nexth.png"); right:3%;}
.main .pro01 .zc .swiper-button-prev:hover{ background-image:url("../images/prev.png");}
.main .pro01 .zc .swiper-button-next:hover{ background-image:url("../images/next.png");}
.main .pro01 .yc{ width:45%; float:right; font-size:16px; line-height:30px;}
.main .pro01 .yc img{ max-width:100%; height:auto !important;}
}
@media only screen and (max-width:1023px){
.main .pro01{ margin-top:25px;}
.main .pro01 .zc{ width:100%; float:left; position:relative;}
.main .pro01 .zc img{ width:100%; display:block; }
.main .pro01 .zc .swiper-button-white{ width:34px; height:34px; position:absolute; z-index:3; top:50%; margin-top:-17px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:rgba(255,255,255,.3); border-radius:100%;}
.main .pro01 .zc .swiper-button-white:hover{ background-color:#fff;}
.main .pro01 .zc .swiper-button-prev{ background-image:url("../images/prevh.png"); left:10px;}
.main .pro01 .zc .swiper-button-next{ background-image:url("../images/nexth.png"); right:10px;}
.main .pro01 .zc .swiper-button-prev:hover{ background-image:url("../images/prev.png");}
.main .pro01 .zc .swiper-button-next:hover{ background-image:url("../images/next.png");}
.main .pro01 .yc{ width:100%; float:right; font-size:14px; line-height:24px; margin-top: 15px;}
.main .pro01 .yc img{ max-width:100%; height:auto !important;}
}

/*人才招聘*/
@media screen and (min-width:1441px){
.main .tou{ width:90%; height:60px; line-height:60px; font-size:16px; padding:0 5%; background-color:#006fdb; margin-top:40px;}
.main .tou span{ color:#fff; width:25%; display:block; float:left; text-align:center;}
.main .tou p{ color:#fff; width:20%; display:block; float:left; text-align:center;}
.main .tou a{ color:#fff; width:15%; display:block; float:left; text-align:center;}
.main .sideMen{ width:100%; padding:0 5%; border:1px solid #eee; border-top:none; box-sizing:border-box; margin:auto; padding-bottom:50px;}
.main .sideMen h3{ width:100%; display:block; font-weight:normal; height:60px; line-height:60px; font-size:16px; border-bottom:1px solid #ddd;}
.main .sideMen h3 span{ width:25%; display:block; float:left; text-align:left;}
.main .sideMen h3 p{ width:20%; display:block; float:left; text-align:center;}
.main .sideMen h3 a{ width:15%; display:flex; align-items:center; float:left; justify-content:center;}
.main .sideMen h3 a b{ width:10px; height:5px; display:block; margin-left:10px; background-image:url(../images/xia.jpg);}
.main .sideMen h3.on a{ color:#006fdb;}
.main .sideMen h3.on a b{ background-image:url(../images/xia01.jpg);}
.main .sideMen .cont{ padding:43px 5%; padding-top:40px; background-color:#f1f1f1; overflow:hidden;}
.main .sideMen .cont .c01{ width:100%; padding-bottom:20px; border-bottom:1px solid #cacaca; display:block;}
.main .sideMen .cont .c01 li{ width:31.33%; margin-left:3%; display:block; float:left; height:36px; line-height:36px; font-size:16px; overflow:hidden;}
.main .sideMen .cont .c01 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .sideMen .cont .c01 li span{ color:#999;}
.main .sideMen .cont .c02{ width:100%; padding-top:25px; display:block;}
.main .sideMen .cont .c02 dl{ width:48.5%; margin-left:3%; display:block; float:left; overflow:hidden;}
.main .sideMen .cont .c02 dl:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .sideMen .cont .c02 dl dt{ display:block; height:30px; line-height:30px; font-size:20px; overflow:hidden; color:#006fdb; margin-bottom:8px;}
.main .sideMen .cont .c02 dl dd{ display:block; overflow:hidden; font-size:16px; line-height:30px;}
}
@media screen and (min-width:1024px) and (max-width:1440px){
.main .tou{ width:94%; height:50px; line-height:50px; font-size:14px; padding:0 3%; background-color:#006fdb; margin-top:25px;}
.main .tou span{ color:#fff; width:25%; display:block; float:left; text-align:center;}
.main .tou p{ color:#fff; width:20%; display:block; float:left; text-align:center;}
.main .tou a{ color:#fff; width:15%; display:block; float:left; text-align:center;}
.main .sideMen{ width:100%; padding:0 3%; border:1px solid #eee; border-top:none; box-sizing:border-box; margin:auto; padding-bottom:40px;}
.main .sideMen h3{ width:100%; display:block; font-weight:normal; height:50px; line-height:50px; font-size:14px; border-bottom:1px solid #ddd;}
.main .sideMen h3 span{ width:25%; display:block; float:left; text-align:left;}
.main .sideMen h3 p{ width:20%; display:block; float:left; text-align:center;}
.main .sideMen h3 a{ width:15%; display:flex; align-items:center; float:left; justify-content:center;}
.main .sideMen h3 a b{ width:10px; height:5px; display:block; margin-left:10px; background-image:url(../images/xia.jpg);}
.main .sideMen h3.on a{ color:#006fdb;}
.main .sideMen h3.on a b{ background-image:url(../images/xia01.jpg);}
.main .sideMen .cont{ padding:22px 3%; padding-top:22px; background-color:#f1f1f1; overflow:hidden;}
.main .sideMen .cont .c01{ width:100%; padding-bottom:12px; border-bottom:1px solid #cacaca; display:block;}
.main .sideMen .cont .c01 li{ width:31.33%; margin-left:3%; display:block; float:left; height:30px; line-height:30px; font-size:14px; overflow:hidden;}
.main .sideMen .cont .c01 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .sideMen .cont .c01 li span{ color:#999;}
.main .sideMen .cont .c02{ width:100%; padding-top:15px; display:block;}
.main .sideMen .cont .c02 dl{ width:48.5%; margin-left:3%; display:block; float:left; overflow:hidden;}
.main .sideMen .cont .c02 dl:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .sideMen .cont .c02 dl dt{ display:block; height:28px; line-height:28px; font-size:15px; overflow:hidden; color:#006fdb;}
.main .sideMen .cont .c02 dl dd{ display:block; overflow:hidden; font-size:14px; line-height:30px;}
}
@media only screen and (max-width:1023px){
.main .tou{ width:94%; height:40px; display:flex; align-items:center; line-height:18px; font-size:14px; padding:0 3%; background-color:#006fdb; margin-top:10px;}
.main .tou span{ color:#fff; width:calc(100% - 220px); display:block; float:left; text-align:center;}
.main .tou p{ color:#fff; width:70px; display:block; float:left; text-align:center;}
.main .tou p:nth-child(3),.main .tou p:nth-child(4){ width:40px;}
.main .tou a{ color:#fff; width:70px; display:block; float:left; text-align:center;}
.main .sideMen{ width:100%; padding:0 3%; border:1px solid #eee; border-top:none; box-sizing:border-box; margin:auto; padding-bottom:20px;}
.main .sideMen h3{ width:100%; display:block; font-weight:normal; height:50px; line-height:50px; font-size:14px; border-bottom:1px solid #ddd;}
.main .sideMen h3 span{ width:calc(100% - 220px); display:block; float:left; text-align:left;}
.main .sideMen h3 p{ width:70px; display:block; float:left; text-align:center;}
.main .sideMen h3 p:nth-child(3),.main .sideMen h3 p:nth-child(4){ width:40px;}
.main .sideMen h3 a{ width:70px; display:flex; align-items:center; float:left; justify-content:center;}
.main .sideMen h3 a b{ display:none;}
.main .sideMen h3.on a{ color:#006fdb;}
.main .sideMen h3.on a b{ background-image:url(../images/xia01.jpg);}
.main .sideMen .cont{ padding:15px 3%; padding-top:15px; background-color:#f1f1f1; overflow:hidden;}
.main .sideMen .cont .c01{ width:100%; padding-bottom:5px; border-bottom:1px solid #cacaca; display:block;}
.main .sideMen .cont .c01 li{ width:48.5%; margin-left:3%; display:block; float:left; height:24px; line-height:24px; font-size:14px; overflow:hidden;}
.main .sideMen .cont .c01 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .sideMen .cont .c01 li span{ color:#999;}
.main .sideMen .cont .c02{ width:100%; display:block; margin-top:5px;}
.main .sideMen .cont .c02 dl{ width:100%; display:block; float:left; overflow:hidden; padding-top:5px;}
.main .sideMen .cont .c02 dl:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .sideMen .cont .c02 dl dt{ display:block; height:26px; line-height:26px; font-size:14px; overflow:hidden; color:#006fdb;}
.main .sideMen .cont .c02 dl dd{ display:block; overflow:hidden; font-size:14px; line-height:24px;}
}

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