@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"微软雅黑","Microsoft YaHei",arial,sans-serif; font-size:14px; line-height:1.5; color:#333; background:#fff;}
@media screen and (min-width:1024px){
body::-webkit-scrollbar{ width:5px; height:1px; z-index:1;}
body::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#251d81;}
body::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.3);}
}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
@media screen and (min-width:1280px){
.header{ width:84%; padding:0 8%; padding-top:20px; position:fixed; left:0; top:0; height:70px; z-index:99;}
.header.pos{ background-color:#fff; padding-top:0; box-shadow:0 0 10px rgba(0,0,0,.1);}
.header .logo{ height:70px; float:left;}
.header .logo a{ display:block; height:70px; display:flex; align-items:center;}
.header .logo img{ height:50px; display:block;}
.header .logo img.img02{ display:none;}
.header.pos .logo img{ height:36px;}
.header.pos .logo img.img01{ display:none;}
.header.pos .logo img.img02{ display:block;}
.header .head{ float:right; height:70px;}
.header .yu{ float:left; display:block; height:70px; padding-left:28px; background-image:url(../images/yu_03.png); background-position:left center; background-repeat:no-repeat;}
.header .yu dt{ display:block; float:left; font-size:18px; line-height:70px;}
.header .yu dt a{ display:block; color:#999; line-height:70px;}
.header .yu dt a:hover{ color:#fff;}
.header .yu dt.on a{ color:#fff;}
.header .yu dd{ display:block; float:left; font-size:18px; height:70px; line-height:70px; color:#999;}
.header.pos .yu{ background-image:url(../images/yu01_03.png);}
.header.pos .yu dt a:hover{ color:#251d81;}
.header.pos .yu dt.on a{ color:#251d81;}
.header .nav{ display:block; float:left; padding-right:.5vw; height:70px;}
.header .nav li{ display:block; float:left; margin-right:3vw; position:relative;}
.header .nav li>a{ display:block; font-size:18px; line-height:70px; height:70px; color:#fff;}
.header .nav li:hover>a{ text-decoration:underline;}
.header.pos .nav li>a{ color:#333;}
.header.pos .nav li:hover>a{ color:#251d81; text-decoration:none;}
.header .nav li p{ display:block; width:180px; position:absolute; left:50%; margin-left:-110px; top:40px; background-color:rgba(255,255,255,.7); text-align:center; overflow:hidden; opacity:0; transition:1s; padding:15px 20px;}
.header .nav li:hover p{ opacity:1; top:70px;}
.header .nav li p a{ display:block; font-size:14px; line-height:30px; height:30px; color:#333; overflow:hidden;}
.header .nav li p a:hover{ color:#251d81;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.header{ width:90%; padding:10px 5%; position:fixed; left:0; top:0; height:50px; z-index:99; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
.header .logo{ height:50px; float:left;}
.header .logo a{ display:block; height:50px; display:flex; align-items:center;}
.header .logo img{ height:36px; display:block;}
.header .logo img.img01{ display:none;}
.header .head{ float:right; height:50px;}
.header .yu{ float:left; display:block; height:50px; padding-left:26px; background-image:url(../images/yu01_03.png); background-position:left center; background-repeat:no-repeat; background-size:16px;}
.header .yu dt{ display:block; float:left; font-size:16px; line-height:50px;}
.header .yu dt a{ display:block; color:#999; line-height:50px;}
.header .yu dt a:hover{ color:#251d81;}
.header .yu dt.on a{ color:#251d81;}
.header .yu dd{ display:block; float:left; font-size:16px; height:50px; line-height:50px; color:#999;}
.header .nav{ display:block; float:left; padding-right:1vw; height:50px;}
.header .nav li{ display:block; float:left; margin-right:2.5vw; position:relative;}
.header .nav li>a{ display:block; font-size:16px; line-height:50px; height:50px; color:#333;}
.header .nav li:hover>a{ color:#251d81;}
.header .nav li p{ display:block; width:180px; position:absolute; left:50%; margin-left:-110px; top:40px; background-color:rgba(255,255,255,.7); text-align:center; overflow:hidden; opacity:0; transition:1s; padding:15px 20px;}
.header .nav li:hover p{ opacity:1; top:50px;}
.header .nav li p a{ display:block; font-size:14px; line-height:30px; height:30px; color:#333; overflow:hidden;}
.header .nav li p a:hover{ color:#251d81;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; position:fixed; left:0; top:0; height:60px; z-index:99; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
.header .logo{ height:60px; position:absolute; left:3%; top:0; z-index:3; display:flex; align-items:center;}
.header .logo img{ display:block; height:36px;}
.header .logo img.img01{ display:none;}
.header .head{ width:100%; position:fixed; left:0; top:-100vh; z-index:0; height:30px; opacity:0; transition:1s; background-color:rgba(240, 242, 242, .95); visibility:visible !important; animation-name:a !important;}
.header.openMenu .head{ top:0; opacity:1; height:100vh; overflow:auto;}
.header .yu{ display:block; width:94%; margin:auto;}
.header .yu dt{ display:block; float:left; font-size:14px; line-height:34px; margin-left:3%; background-color:#fff; border-radius:5px; height:34px; overflow:hidden; width:48.5%;}
.header .yu dt:first-child{ margin-left:0;}
.header .yu dt a{ display:block; width:100%; line-height:34px; text-align:center;}
.header .yu dt a:hover{ color:#251d81;}
.header .yu dt.on a{ color:#fff; background-color:#251d81;}
.header .yu dd{ display:none;}
.header .nav{ display:block; width:94%; padding:80px 15px; padding-bottom:30px;}
.header .nav li{ display:block; margin-bottom:20px; position:relative;}
.header .nav li>a{ display:block; font-size:16px; line-height:26px; height:26px; font-weight:bold;}
.header .nav li p{ display:block; overflow:hidden;}
.header .nav li p a{ width:48.5%; display:block; float:left;font-size:14px; line-height:24px; height:24px; color:#888; margin-left:3%; overflow:hidden;}
.header .nav li p a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.header .nav li p a:hover{ color:#251d81;}
.header .menu{ width:30px; height:30px; position:absolute; top:15px; right:3%; z-index:5;}
.header .menu span{ width:100%; height:1px; position:absolute; background:#000; transition:transform .6s ease, background .6s ease;}
.menu span:nth-child(1){ top:6px;}
.menu span:nth-child(2){ top:14px;}
.menu span:nth-child(3){ top:22px;}
.header.openMenu .menu span:nth-child(1){ transform:translateY(8px) rotateZ(-45deg);}
.header.openMenu .menu span:nth-child(2){ opacity:0;}
.header.openMenu .menu span:nth-child(3){ transform:translateY(-8px) rotateZ(45deg);}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%;}
.banner .swiper-container .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.banner .swiper-container .swiper-slide a img{ display:block; width:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-pagination{ text-align:center; position:absolute; left:50%; transform:translateX(-50%); bottom:30px; z-index:3;}
.banner .swiper-pagination span{ display:block; float:left; width:10px; height:10px; background-color:#fff; margin:0 5px; cursor:pointer; border-radius:10px; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:70px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.banner{ width:100%; height:56.25vw; position:relative; z-index:1; margin-top:70px;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%;}
.banner .swiper-container .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.banner .swiper-container .swiper-slide a img{ display:block; width:100%;}
.banner .swiper-pagination{ text-align:center; position:absolute; left:50%; transform:translateX(-50%); bottom:20px; z-index:3;}
.banner .swiper-pagination span{ display:block; float:left; width:8px; height:8px; background-color:#fff; margin:0 4px; cursor:pointer; border-radius:10px; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:60px;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; position:relative; z-index:1; margin-top:60px;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%;}
.banner .swiper-container .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.banner .swiper-container .swiper-slide a img{ display:block; width:110%; margin-left:-5%;}
.banner .swiper-pagination{ text-align:center; position:absolute; left:50%; transform:translateX(-50%); bottom:15px; z-index:3;}
.banner .swiper-pagination span{ display:block; float:left; width:6px; height:6px; background-color:#fff; margin:0 3px; cursor:pointer; border-radius:10px; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:50px;}
}

/*关于鼎威*/
@media screen and (min-width:1280px){
.abox{ width:100%; position:relative; z-index:1; padding-top:90px; padding-bottom:100px; background-color:#fff;}
.abox .box{ width:84%; margin:auto;}
.abox .box .title{ text-align:center; position:relative; padding-top:30px; overflow:hidden;}
.abox .box .title strong{ display:block; position:absolute; left:0; top:0; z-index:1; width:100%; font-size:60px; line-height:66px; text-transform:uppercase; opacity:0.1;}
.abox .box .title b{ display:block; position:relative; z-index:3; width:100%; font-size:36px; line-height:46px;}
.abox .box .stitle{ font-size:18px; line-height:28px; margin-top:30px; text-align:center;}
.abox .box .a02{ width:100%; max-width:1096px; font-size:16px; line-height:36px; margin:auto; margin-top:30px; overflow:hidden;}
.abox .box .a03{ width:170px; margin:auto; margin-top:35px; overflow:hidden;}
.abox .box .a03 a{ width:100%; height:44px; line-height:44px; text-align:center; border-radius:44px; background-color:#251d81; color:#fff; font-size:16px; display:block; overflow:hidden;}
.abox .box .a03 a:hover{ background-color:#333;}
.abox .box .a04{ max-width:1096px; margin:auto; margin-top:50px; display:flex; justify-content:space-between; overflow:hidden;}
.abox .box .a04 li{ width:244px; height:164px; display:block; overflow:hidden; text-align:center; background-image:url(../images/abg_07.png); background-size:100% 100%;}
.abox .box .a04 li a{ display:block; width:100%; height:100%; box-sizing:border-box; padding:0 30px; padding-top:32px; overflow:hidden;}
.abox .box .a04 li a .top{ width:100%; display:flex; justify-content:center;}
.abox .box .a04 li a .top span{ display:block; font-size:48px; line-height:48px; color:#251d81; height:48px;}
.abox .box .a04 li a .top p{ display:block; margin-left:10px;}
.abox .box .a04 li a .top p strong{ display:block; font-weight:normal; font-size:18px; line-height:20px; height:20px;}
.abox .box .a04 li a .top p b{ display:block; font-weight:normal; font-size:14px; line-height:22px; height:22px; padding-top:6px;}
.abox .box .a04 li a .bot{ padding-top:6px; font-size:16px; line-height:26px; color:#666;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.abox{ width:100%; position:relative; z-index:1; padding-top:60px; padding-bottom:70px; background-color:#fff;}
.abox .box{ width:90%; margin:auto;}
.abox .box .title{ text-align:center; position:relative; padding-top:25px; overflow:hidden;}
.abox .box .title strong{ display:block; position:absolute; left:0; top:0; z-index:1; width:100%; font-size:50px; line-height:56px; text-transform:uppercase; opacity:0.1;}
.abox .box .title b{ display:block; position:relative; z-index:3; width:100%; font-size:30px; line-height:40px;}
.abox .box .stitle{ font-size:18px; line-height:28px; margin-top:20px; text-align:center;}
.abox .box .a02{ width:100%; font-size:16px; line-height:26px; margin:auto; margin-top:25px; overflow:hidden;}
.abox .box .a03{ width:160px; margin:auto; margin-top:25px; overflow:hidden;}
.abox .box .a03 a{ width:100%; height:40px; line-height:40px; text-align:center; border-radius:44px; background-color:#251d81; color:#fff; font-size:16px; display:block; overflow:hidden;}
.abox .box .a03 a:hover{ background-color:#333;}
.abox .box .a04{ width:100%; margin-top:40px; display:flex; justify-content:space-between; overflow:hidden;}
.abox .box .a04 li{ width:244px; height:164px; display:block; overflow:hidden; text-align:center; background-image:url(../images/abg_07.png); background-size:100% 100%;}
.abox .box .a04 li a{ display:block; width:100%; height:100%; box-sizing:border-box; padding:0 25px; padding-top:32px; overflow:hidden;}
.abox .box .a04 li a .top{ width:100%; display:flex; justify-content:center;}
.abox .box .a04 li a .top span{ display:block; font-size:48px; line-height:48px; color:#251d81; height:48px;}
.abox .box .a04 li a .top p{ display:block; margin-left:5px;}
.abox .box .a04 li a .top p strong{ display:block; font-weight:normal; font-size:18px; line-height:20px; height:20px;}
.abox .box .a04 li a .top p b{ display:block; font-weight:normal; font-size:14px; line-height:22px; height:22px; padding-top:4px;}
.abox .box .a04 li a .bot{ padding-top:5px; font-size:16px; line-height:26px; color:#666;}
}
@media only screen and (max-width:1023px){
.abox{ width:100%; position:relative; z-index:1; padding-top:30px; padding-bottom:40px; background-color:#fff;}
.abox .box{ width:94%; margin:auto;}
.abox .box .title{ text-align:center; position:relative; padding-top:15px; overflow:hidden;}
.abox .box .title strong{ display:block; position:absolute; left:0; top:0; z-index:1; width:100%; font-size:40px; line-height:46px; text-transform:uppercase; opacity:0.1;}
.abox .box .title b{ display:block; position:relative; z-index:3; width:100%; font-size:24px; line-height:34px;}
.abox .box .stitle{ font-size:16px; line-height:26px; margin-top:10px; text-align:center; overflow:hidden;}
.abox .box .a02{ width:100%; font-size:14px; line-height:24px; margin:auto; margin-top:15px; overflow:hidden;}
.abox .box .a03{ width:130px; margin:auto; margin-top:15px; overflow:hidden;}
.abox .box .a03 a{ width:100%; height:34px; line-height:34px; text-align:center; border-radius:44px; background-color:#251d81; color:#fff; font-size:14px; display:block; overflow:hidden;}
.abox .box .a03 a:hover{ background-color:#333;}
.abox .box .a04{ width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; padding-top:5px; overflow:hidden;}
.abox .box .a04 li{ width:48.5%; display:block; overflow:hidden; text-align:center; background-image:url(../images/abg_07.png); background-size:100% 100%; margin-top:15px;}
.abox .box .a04 li a{ display:block; width:100%; height:100%; box-sizing:border-box; padding:20px; overflow:hidden;}
.abox .box .a04 li a .top{ width:100%; display:flex; justify-content:center;}
.abox .box .a04 li a .top span{ display:block; font-size:40px; line-height:40px; color:#251d81; height:40px;}
.abox .box .a04 li a .top p{ display:block; margin-left:5px;}
.abox .box .a04 li a .top p strong{ display:block; font-weight:normal; font-size:18px; line-height:18px; height:18px;}
.abox .box .a04 li a .top p b{ display:block; font-weight:normal; font-size:14px; line-height:18px; height:18px;}
.abox .box .a04 li a .bot{ font-size:14px; line-height:24px; color:#666;}
}

/*核心业务*/
@media screen and (min-width:1280px){
.sbox{ width:100%; position:relative; z-index:1; padding-top:90px; padding-bottom:100px; background-color:#f1f1f1;}
.sbox .box{ width:84%; margin:auto;}
.sbox .box .title{ text-align:center; position:relative; padding-top:30px; overflow:hidden;}
.sbox .box .title strong{ display:block; position:absolute; left:0; top:0; z-index:1; width:100%; font-size:60px; line-height:66px; text-transform:uppercase; opacity:0.1;}
.sbox .box .title b{ display:block; position:relative; z-index:3; width:100%; font-size:36px; line-height:46px;}
.sbox .box .stitle{ font-size:18px; line-height:28px; margin-top:30px; text-align:center; overflow:hidden;}
.sbox .box .list{ width:100%; margin-top:40px; display:flex; justify-content:space-between; overflow:hidden;}
.sbox .box .list li{ margin:0 1px; display:block; overflow:hidden; position:relative;}
.sbox .box .list li img{ width:100%; display:block;}
.sbox .box .list li a{ padding:30px; display:flex; flex-direction:column; justify-content:center; text-align:center; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .list li a:hover{ opacity:0; filter:alpha(opacity=0);}
.sbox .box .list li a strong{ display:block; color:#fff; text-transform:uppercase; font-size:34px; line-height:34px; font-family:Arial, Helvetica, sans-serif;}
.sbox .box .list li a p{ display:block; color:#fff; font-size:20px; line-height:30px; padding-top:10px;}
.sbox .box .more{ width:170px; margin:auto; margin-top:40px; overflow:hidden;}
.sbox .box .more a{ width:100%; height:44px; line-height:44px; text-align:center; border-radius:44px; background-color:#251d81; color:#fff; font-size:16px; display:block; overflow:hidden;}
.sbox .box .more a:hover{ background-color:#333;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.sbox{ width:100%; position:relative; z-index:1; padding-top:60px; padding-bottom:70px; background-color:#f1f1f1;}
.sbox .box{ width:90%; margin:auto;}
.sbox .box .title{ text-align:center; position:relative; padding-top:25px; overflow:hidden;}
.sbox .box .title strong{ display:block; position:absolute; left:0; top:0; z-index:1; width:100%; font-size:50px; line-height:56px; text-transform:uppercase; opacity:0.1;}
.sbox .box .title b{ display:block; position:relative; z-index:3; width:100%; font-size:30px; line-height:40px;}
.sbox .box .stitle{ font-size:18px; line-height:28px; margin-top:20px; text-align:center; overflow:hidden;}
.sbox .box .list{ width:100%; margin-top:30px; display:flex; justify-content:space-between; overflow:hidden;}
.sbox .box .list li{ margin:0 1px; display:block; overflow:hidden; position:relative;}
.sbox .box .list li img{ width:100%; display:block;}
.sbox .box .list li a{ padding:25px; display:flex; flex-direction:column; justify-content:center; text-align:center; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .list li a:hover{ opacity:0; filter:alpha(opacity=0);}
.sbox .box .list li a strong{ display:block; color:#fff; text-transform:uppercase; font-size:30px; line-height:30px; font-family:Arial, Helvetica, sans-serif;}
.sbox .box .list li a p{ display:block; color:#fff; font-size:18px; line-height:28px; padding-top:5px;}
.sbox .box .more{ width:160px; margin:auto; margin-top:30px; overflow:hidden;}
.sbox .box .more a{ width:100%; height:40px; line-height:40px; text-align:center; border-radius:44px; background-color:#251d81; color:#fff; font-size:16px; display:block; overflow:hidden;}
.sbox .box .more a:hover{ background-color:#333;}
}
@media only screen and (max-width:1023px){
.sbox{ width:100%; position:relative; z-index:1; padding-top:30px; padding-bottom:40px; background-color:#f1f1f1;}
.sbox .box{ width:94%; margin:auto;}
.sbox .box .title{ text-align:center; position:relative; padding-top:15px; overflow:hidden;}
.sbox .box .title strong{ display:block; position:absolute; left:0; top:0; z-index:1; width:100%; font-size:40px; line-height:46px; text-transform:uppercase; opacity:0.1;}
.sbox .box .title b{ display:block; position:relative; z-index:3; width:100%; font-size:24px; line-height:34px;}
.sbox .box .stitle{ font-size:16px; line-height:26px; margin-top:10px; text-align:center; overflow:hidden;}
.sbox .box .list{ width:100%; padding-top:5px; overflow:hidden;}
.sbox .box .list li{ width:48.5%; margin-top:15px; margin-left:3%; display:block; float:left; overflow:hidden; position:relative;}
.sbox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.sbox .box .list li img{ width:100%; display:block;}
.sbox .box .list li a{ padding:25px; display:flex; flex-direction:column; justify-content:center; text-align:center; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .list li a:hover{ opacity:0; filter:alpha(opacity=0);}
.sbox .box .list li a strong{ display:block; color:#fff; text-transform:uppercase; font-size:26px; line-height:26px; font-family:Arial, Helvetica, sans-serif;}
.sbox .box .list li a p{ display:block; color:#fff; font-size:16px; line-height:26px;}
.sbox .box .more{ width:130px; margin:auto; margin-top:20px; overflow:hidden;}
.sbox .box .more a{ width:100%; height:34px; line-height:34px; text-align:center; border-radius:44px; background-color:#251d81; color:#fff; font-size:14px; display:block; overflow:hidden;}
.sbox .box .more a:hover{ background-color:#333;}
}

/*公司业绩*/
@media screen and (min-width:1280px){
.ybox{ width:100%; position:relative; z-index:1; padding-top:90px; padding-bottom:100px; background-position:center; background-size:cover; background-repeat:no-repeat;}
.ybox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#000; opacity:.7;}
.ybox .box{ width:84%; margin:auto; position:relative; z-index:3;}
.ybox .box .title{ text-align:center; position:relative; padding-top:30px; color:#fff; overflow:hidden;}
.ybox .box .title strong{ display:block; position:absolute; left:0; top:0; z-index:1; width:100%; font-size:60px; line-height:66px; text-transform:uppercase; opacity:0.1;}
.ybox .box .title b{ display:block; position:relative; z-index:3; width:100%; font-size:36px; line-height:46px;}

.ybox .box .swiper-container{ width:100%; margin-top:40px; overflow:hidden;}
.ybox .box .swiper-container .y01{ width:100%; position:relative; z-index:1;}
.ybox .box .swiper-container .y01 img{ width:100%; display:block;}
.ybox .box .swiper-container .y01 p{ width:100%; display:flex; align-items:center; height:0; position:absolute; left:0; bottom:0; background-color:rgba(37,29,129,.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .box .swiper-container .y01 b{ width:calc(100% - 40px); font-size:26px; line-height:36px; color:#fff; display:block; text-align:center; margin:auto; text-overflow:ellipsis; white-space:nowrap;}
.ybox .box .swiper-container .y02{ width:calc(100% - 80px); padding:0 20px; position:relative; z-index:3; margin:auto; margin-top:-25px; height:50px; line-height:50px; font-size:20px; font-weight:bold; color:#fff; background-color:rgba(37,29,129,.9); text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; text-overflow:ellipsis; white-space:nowrap;}
.ybox .box .swiper-container .y03{ padding-top:15px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:16px; line-height:26px; height:104px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; color:#fff;}
.ybox .box .swiper-container .swiper-slide:hover .y01 p{ height:100%;}
.ybox .box .swiper-container .swiper-slide:hover .y02{ height:0;}
.ybox .box .swiper-container .swiper-slide:hover .y03{ padding-top:45px;}

.ybox .box .more{ width:278px; height:44px; margin:auto; margin-top:35px; overflow:hidden;}
.ybox .box .more .swiper-button-prev{ width:42px; height:42px; border-radius:100%; border:1px solid #fff; background-image:url(../images/lefth.png); background-position:center; background-repeat:no-repeat; float:left;}
.ybox .box .more .swiper-button-prev:hover{ background-image:url(../images/left.png); background-color:#fff;}
.ybox .box .more .swiper-button-next{ width:42px; height:42px; border-radius:100%; border:1px solid #fff; background-image:url(../images/righth.png); background-position:center; background-repeat:no-repeat; float:left;}
.ybox .box .more .swiper-button-next:hover{ background-image:url(../images/right.png); background-color:#fff;}
.ybox .box .more a{ width:168px; float:left; margin:0 10px; display:block; font-size:16px; line-height:42px; height:42px; border-radius:44px; border:1px solid #fff; text-align:center; overflow:hidden; color:#fff;}
.ybox .box .more a:hover{ color:#251d81; background-color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ybox{ width:100%; position:relative; z-index:1; padding-top:60px; padding-bottom:70px; background-position:center; background-size:cover; background-repeat:no-repeat;}
.ybox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#000; opacity:.7;}
.ybox .box{ width:90%; margin:auto; position:relative; z-index:3;}
.ybox .box .title{ text-align:center; position:relative; padding-top:25px; color:#fff; overflow:hidden;}
.ybox .box .title strong{ display:block; position:absolute; left:0; top:0; z-index:1; width:100%; font-size:50px; line-height:56px; text-transform:uppercase; opacity:0.1;}
.ybox .box .title b{ display:block; position:relative; z-index:3; width:100%; font-size:30px; line-height:40px;}

.ybox .box .swiper-container{ width:100%; margin-top:30px; overflow:hidden;}
.ybox .box .swiper-container .y01{ width:100%; position:relative; z-index:1;}
.ybox .box .swiper-container .y01 img{ width:100%; display:block;}
.ybox .box .swiper-container .y01 p{ width:100%; display:flex; align-items:center; height:0; position:absolute; left:0; bottom:0; background-color:rgba(37,29,129,.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .box .swiper-container .y01 b{ width:calc(100% - 30px); font-size:24px; line-height:34px; color:#fff; display:block; text-align:center; margin:auto; text-overflow:ellipsis; white-space:nowrap;}
.ybox .box .swiper-container .y02{ width:calc(100% - 60px); padding:0 15px; position:relative; z-index:3; margin:auto; margin-top:-22px; height:44px; line-height:44px; font-size:18px; font-weight:bold; color:#fff; background-color:rgba(37,29,129,.9); text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; text-overflow:ellipsis; white-space:nowrap;}
.ybox .box .swiper-container .y03{ padding-top:15px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:16px; line-height:26px; height:104px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; color:#fff;}
.ybox .box .swiper-container .swiper-slide:hover .y01 p{ height:100%;}
.ybox .box .swiper-container .swiper-slide:hover .y02{ height:0;}
.ybox .box .swiper-container .swiper-slide:hover .y03{ padding-top:42px;}

.ybox .box .more{ width:260px; height:40px; margin:auto; margin-top:25px; overflow:hidden;}
.ybox .box .more .swiper-button-prev{ width:38px; height:38px; border-radius:100%; border:1px solid #fff; background-image:url(../images/lefth.png); background-position:center; background-repeat:no-repeat; float:left;}
.ybox .box .more .swiper-button-prev:hover{ background-image:url(../images/left.png); background-color:#fff;}
.ybox .box .more .swiper-button-next{ width:38px; height:38px; border-radius:100%; border:1px solid #fff; background-image:url(../images/righth.png); background-position:center; background-repeat:no-repeat; float:left;}
.ybox .box .more .swiper-button-next:hover{ background-image:url(../images/right.png); background-color:#fff;}
.ybox .box .more a{ width:158px; float:left; margin:0 10px; display:block; font-size:16px; line-height:38px; height:38px; border-radius:44px; border:1px solid #fff; text-align:center; overflow:hidden; color:#fff;}
.ybox .box .more a:hover{ color:#251d81; background-color:#fff;}
}
@media only screen and (max-width:1023px){
.ybox{ width:100%; position:relative; z-index:1; padding-top:30px; padding-bottom:40px; background-position:center; background-size:cover; background-repeat:no-repeat;}
.ybox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#000; opacity:.7;}
.ybox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ybox .box .title{ text-align:center; position:relative; padding-top:15px; color:#fff; overflow:hidden;}
.ybox .box .title strong{ display:block; position:absolute; left:0; top:0; z-index:1; width:100%; font-size:40px; line-height:46px; text-transform:uppercase; opacity:0.1;}
.ybox .box .title b{ display:block; position:relative; z-index:3; width:100%; font-size:24px; line-height:34px;}

.ybox .box .swiper-container{ width:100%; margin-top:20px; overflow:hidden;}
.ybox .box .swiper-container .y01{ width:100%; position:relative; z-index:1;}
.ybox .box .swiper-container .y01 img{ width:100%; display:block;}
.ybox .box .swiper-container .y01 p{ width:100%; display:flex; align-items:center; height:0; position:absolute; left:0; bottom:0; background-color:rgba(37,29,129,.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .box .swiper-container .y01 b{ width:calc(100% - 20px); font-size:22px; line-height:32px; color:#fff; display:block; text-align:center; margin:auto; text-overflow:ellipsis; white-space:nowrap;}
.ybox .box .swiper-container .y02{ width:calc(100% - 40px); padding:0 10px; position:relative; z-index:3; margin:auto; margin-top:-20px; height:40px; line-height:40px; font-size:16px; font-weight:bold; color:#fff; background-color:rgba(37,29,129,.9); text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; text-overflow:ellipsis; white-space:nowrap;}
.ybox .box .swiper-container .y03{ padding-top:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:14px; line-height:24px; height:96px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; color:#fff;}
.ybox .box .swiper-container .swiper-slide:hover .y01 p{ height:100%;}
.ybox .box .swiper-container .swiper-slide:hover .y02{ height:0;}
.ybox .box .swiper-container .swiper-slide:hover .y03{ padding-top:40px;}

.ybox .box .more{ width:218px; height:34px; margin:auto; margin-top:15px; overflow:hidden;}
.ybox .box .more .swiper-button-prev{ width:32px; height:32px; border-radius:100%; border:1px solid #fff; background-image:url(../images/lefth.png); background-position:center; background-repeat:no-repeat; float:left; background-size:6px auto;}
.ybox .box .more .swiper-button-prev:hover{ background-image:url(../images/left.png); background-color:#fff;}
.ybox .box .more .swiper-button-next{ width:32px; height:32px; border-radius:100%; border:1px solid #fff; background-image:url(../images/righth.png); background-position:center; background-repeat:no-repeat; float:left; background-size:6px auto;}
.ybox .box .more .swiper-button-next:hover{ background-image:url(../images/right.png); background-color:#fff;}
.ybox .box .more a{ width:128px; float:left; margin:0 10px; display:block; font-size:14px; line-height:32px; height:32px; border-radius:44px; border:1px solid #fff; text-align:center; overflow:hidden; color:#fff;}
.ybox .box .more a:hover{ color:#251d81; background-color:#fff;}
}

/*技术交流*/
@media screen and (min-width:1280px){
.jbox{ width:100%; padding:100px 0; position:relative; z-index:1; background-color:#fff;}
.jbox .box{ width:84%; margin:auto; display:flex;}
.jbox .box .left{ width:45%; margin-bottom:30px; background-image:url(../images/jbg_21.jpg); background-position:right bottom; background-repeat:no-repeat; background-size:48.47% auto;}
.jbox .box .left .title{ width:100%; padding-top:25px;}
.jbox .box .left .title b{ display:block; font-size:36px; line-height:46px;}
.jbox .box .left .title p{ display:block; font-size:18px; line-height:28px; margin-top:10px;}
.jbox .box .left .title span{ display:block; margin-top:20px; width:50px; height:2px; background-color:#251d81; overflow:hidden;}
.jbox .box .left .j01{ font-size:24px; line-height:34px; color:#251d81; margin-top:40px;}
.jbox .box .left .j02{ font-size:16px; line-height:36px; margin-top:15px; height:144px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.jbox .box .left .j03{ width:170px; margin-top:35px;}
.jbox .box .left .j03 a{ width:100%; height:44px; line-height:44px; text-align:center; border-radius:44px; background-color:#eee; font-size:16px; display:block; overflow:hidden;}
.jbox .box .left .j03 a:hover{ background-color:#251d81; color:#fff;}
.jbox .box .right{ width:50%; margin-left:5%; border-radius:30px;}
.jbox .box .right img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.jbox{ width:100%; padding:70px 0; position:relative; z-index:1; background-color:#fff;}
.jbox .box{ width:90%; margin:auto;}
.jbox .box .left{ width:47%; padding-bottom:25px; float:left; background-image:url(../images/jbg_21.jpg); background-position:right bottom; background-repeat:no-repeat; background-size:48.47% auto;}
.jbox .box .left .title{ width:100%; padding-top:15px;}
.jbox .box .left .title b{ display:block; font-size:30px; line-height:40px;}
.jbox .box .left .title p{ display:block; font-size:18px; line-height:28px; margin-top:5px;}
.jbox .box .left .title span{ display:block; margin-top:15px; width:50px; height:2px; background-color:#251d81; overflow:hidden;}
.jbox .box .left .j01{ font-size:22px; line-height:32px; color:#251d81; margin-top:30px;}
.jbox .box .left .j02{ font-size:16px; line-height:26px; margin-top:10px; height:104px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.jbox .box .left .j03{ width:160px; margin-top:25px;}
.jbox .box .left .j03 a{ width:100%; height:40px; line-height:40px; text-align:center; border-radius:44px; background-color:#eee; font-size:16px; display:block; overflow:hidden;}
.jbox .box .left .j03 a:hover{ background-color:#251d81; color:#fff;}
.jbox .box .right{ width:50%; border-radius:20px; float:right;}
.jbox .box .right img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.jbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.jbox .box{ width:94%; margin:auto;}
.jbox .box .left{ width:100%; padding-bottom:20px; background-image:url(../images/jbg_21.jpg); background-position:right bottom; background-repeat:no-repeat; background-size:48.47% auto;}
.jbox .box .left .title{ width:100%; text-align:center;}
.jbox .box .left .title b{ display:block; font-size:24px; line-height:34px;}
.jbox .box .left .title p{ display:block; font-size:16px; line-height:26px;}
.jbox .box .left .title span{ display:block; margin:auto; margin-top:10px; width:50px; height:2px; background-color:#251d81; overflow:hidden;}
.jbox .box .left .j01{ font-size:18px; line-height:28px; color:#251d81; margin-top:20px;}
.jbox .box .left .j02{ font-size:14px; line-height:24px; margin-top:5px; height:120px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5;}
.jbox .box .left .j03{ width:130px; margin-top:15px;}
.jbox .box .left .j03 a{ width:100%; height:34px; line-height:34px; text-align:center; border-radius:44px; background-color:#eee; font-size:14px; display:block; overflow:hidden;}
.jbox .box .left .j03 a:hover{ background-color:#251d81; color:#fff;}
.jbox .box .right{ width:100%; margin-top:20px; border-radius:10px;}
.jbox .box .right img{ width:100%; display:block;}
}

/*新闻资讯*/
@media screen and (min-width:1280px){
.nbox{ width:100%; position:relative; z-index:1; padding-top:90px; padding-bottom:150px; background-color:#f1f1f1;}
.nbox .box{ width:84%; margin:auto;}
.nbox .box .title{ text-align:center; position:relative; padding-top:30px; overflow:hidden;}
.nbox .box .title strong{ display:block; position:absolute; left:0; top:0; z-index:1; width:100%; font-size:60px; line-height:66px; text-transform:uppercase; opacity:0.1;}
.nbox .box .title b{ display:block; position:relative; z-index:3; width:100%; font-size:36px; line-height:46px;}
.nbox .box .stitle{ font-size:18px; line-height:28px; margin-top:30px; text-align:center; overflow:hidden;}
.nbox .box .list{ width:100%; padding-top:10px; overflow:hidden;}
.nbox .box .list li{ width:22.5%; margin-top:30px; float:left; margin-left:3.33%; display:block; overflow:hidden; position:relative;}
.nbox .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.nbox .box .list li .tu{ width:100%; background-color:#fff;}
.nbox .box .list li .tu .n01{ width:100%; height:13.65vw;}
.nbox .box .list li .tu .n01 img{ width:100%; display:block;}
.nbox .box .list li .tu .n02{ padding:25px 30px;}
.nbox .box .list li .tu .n02 span{ font-size:16px; line-height:24px; height:24px; color:#999; display:block;}
.nbox .box .list li .tu .n02 b{ font-size:20px; line-height:30px; height:30px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:5px;}
.nbox .box .list li .wen{ padding:30px; padding-top:25px; width:100%; height:100%; box-sizing:border-box; background-color:#fff; position:absolute; left:0; top:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; overflow:auto;}
.nbox .box .list li .wen .n01{ font-size:16px; line-height:24px; height:24px; color:#999;}
.nbox .box .list li .wen .n02{ font-size:20px; line-height:30px; height:60px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:10px;}
.nbox .box .list li .wen .n03{ font-size:16px; line-height:26px; height:104px; margin-top:20px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.nbox .box .list li .wen .n04{ margin-top:30px; width:130px; height:40px; line-height:40px; text-align:center; font-size:16px; background-color:#251d81; color:#fff;}
.nbox .box .list li:hover .wen{ top:0;}
.nbox .box .list li .wen::-webkit-scrollbar{ width:5px; height:1px; z-index:1;}
.nbox .box .list li .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#251d81;}
.nbox .box .list li .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.3);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.nbox{ width:100%; position:relative; z-index:1; padding-top:60px; padding-bottom:110px; background-color:#f1f1f1;}
.nbox .box{ width:90%; margin:auto;}
.nbox .box .title{ text-align:center; position:relative; padding-top:25px; overflow:hidden;}
.nbox .box .title strong{ display:block; position:absolute; left:0; top:0; z-index:1; width:100%; font-size:50px; line-height:56px; text-transform:uppercase; opacity:0.1;}
.nbox .box .title b{ display:block; position:relative; z-index:3; width:100%; font-size:30px; line-height:40px;}
.nbox .box .stitle{ font-size:18px; line-height:28px; margin-top:20px; text-align:center; overflow:hidden;}
.nbox .box .list{ width:100%; margin-top:10px; overflow:hidden;}
.nbox .box .list li{ width:23.5%; margin-top:20px; float:left; margin-left:2%; display:block; overflow:hidden; position:relative;}
.nbox .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.nbox .box .list li .tu{ width:100%; background-color:#fff;}
.nbox .box .list li .tu .n01{ width:100%; height:15.275vw;}
.nbox .box .list li .tu .n01 img{ width:100%; display:block;}
.nbox .box .list li .tu .n02{ padding:15px 20px;}
.nbox .box .list li .tu .n02 span{ font-size:16px; line-height:24px; height:24px; color:#999; display:block;}
.nbox .box .list li .tu .n02 b{ font-size:18px; line-height:28px; height:28px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .list li .wen{ padding:25px; padding-top:20px; width:100%; height:100%; box-sizing:border-box; background-color:#fff; position:absolute; left:0; top:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; overflow:auto;}
.nbox .box .list li .wen .n01{ font-size:16px; line-height:24px; height:24px; color:#999;}
.nbox .box .list li .wen .n02{ font-size:18px; line-height:28px; height:56px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:5px;}
.nbox .box .list li .wen .n03{ font-size:16px; line-height:26px; height:104px; margin-top:15px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.nbox .box .list li .wen .n04{ margin-top:20px; width:110px; height:34px; line-height:34px; text-align:center; font-size:16px; background-color:#251d81; color:#fff;}
.nbox .box .list li:hover .wen{ top:0;}
.nbox .box .list li .wen::-webkit-scrollbar{ width:5px; height:1px; z-index:1;}
.nbox .box .list li .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#251d81;}
.nbox .box .list li .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.3);}
}
@media only screen and (max-width:1023px){
.nbox{ width:100%; position:relative; z-index:1; padding-top:30px; padding-bottom:90px; background-color:#f1f1f1;}
.nbox .box{ width:94%; margin:auto;}
.nbox .box .title{ text-align:center; position:relative; padding-top:15px; overflow:hidden;}
.nbox .box .title strong{ display:block; position:absolute; left:0; top:0; z-index:1; width:100%; font-size:40px; line-height:46px; text-transform:uppercase; opacity:0.1;}
.nbox .box .title b{ display:block; position:relative; z-index:3; width:100%; font-size:24px; line-height:34px;}
.nbox .box .stitle{ font-size:16px; line-height:26px; margin-top:10px; text-align:center; overflow:hidden;}
.nbox .box .list{ width:100%; padding-top:5px; overflow:hidden;}
.nbox .box .list li{ width:48.5%; margin-top:15px; margin-left:3%; display:block; float:left; overflow:hidden; position:relative;}
.nbox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.nbox .box .list li .tu{ width:100%; background-color:#fff;}
.nbox .box .list li .tu .n01{ width:100%; height:32.93vw;}
.nbox .box .list li .tu .n01 img{ width:100%; display:block;}
.nbox .box .list li .tu .n02{ padding:10px;}
.nbox .box .list li .tu .n02 span{ font-size:14px; line-height:22px; height:22px; color:#999; display:block;}
.nbox .box .list li .tu .n02 b{ font-size:16px; line-height:26px; height:26px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .list li .wen{ padding:20px 10px; padding-top:15px; width:100%; height:100%; box-sizing:border-box; background-color:#fff; position:absolute; left:0; top:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; overflow:auto;}
.nbox .box .list li .wen .n01{ font-size:14px; line-height:22px; height:22px; color:#999;}
.nbox .box .list li .wen .n02{ font-size:16px; line-height:26px; height:52px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.nbox .box .list li .wen .n03{ font-size:14px; line-height:24px; height:96px; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.nbox .box .list li .wen .n04{ margin-top:15px; width:90px; height:30px; line-height:30px; text-align:center; font-size:14px; background-color:#251d81; color:#fff;}
.nbox .box .list li:hover .wen{ top:0;}
.nbox .box .list li .wen::-webkit-scrollbar{ width:5px; height:1px; z-index:1;}
.nbox .box .list li .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#251d81;}
.nbox .box .list li .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.3);}
}

/*联系我们*/
@media screen and (min-width:1280px){
.lbox{ width:100%; position:relative; z-index:3; height:100px; margin-top:-50px; overflow:hidden;}
.lbox .box{ width:84%; margin:auto; position:relative; height:100%; background-color:#251d81;}
.lbox .box .left{ position:absolute; right:100%; height:100%; top:0;}
.lbox .box .right{ position:absolute; left:100%; height:100%; top:0;}
.lbox .box img{ height:100%; display:block;}
.lbox .box ul{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; width:100%; height:100%; overflow:hidden;}
.lbox .box ul li{ display:block; font-size:18px; line-height:26px; height:26px; overflow:hidden; color:#fff; margin:0 1%;}
.lbox .box ul li img{ display:block; height:26px; float:left; margin-right:10px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.lbox{ width:100%; position:relative; z-index:3; height:80px; margin-top:-40px; overflow:hidden;}
.lbox .box{ width:90%; margin:auto; position:relative; height:100%; background-color:#251d81;}
.lbox .box .left{ position:absolute; right:100%; height:100%; top:0;}
.lbox .box .right{ position:absolute; left:100%; height:100%; top:0;}
.lbox .box img{ height:100%; display:block;}
.lbox .box ul{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; width:100%; height:100%; overflow:hidden;}
.lbox .box ul li{ display:block; font-size:16px; line-height:22px; height:22px; overflow:hidden; color:#fff; margin:0 2%;}
.lbox .box ul li img{ display:block; height:22px; float:left; margin-right:8px;}
}
@media only screen and (max-width:1023px){
.lbox{ width:100%; position:relative; z-index:3; height:100px; margin-top:-50px; overflow:hidden;}
.lbox .box{ width:94%; margin:auto; position:relative; height:100%; background-color:#251d81;}
.lbox .box .left{ position:absolute; right:100%; width:3vw; height:100%; top:0;}
.lbox .box .right{ position:absolute; left:100%; width:3vw; height:100%; top:0;}
.lbox .box img{ height:100%; display:block; width:100%;}
.lbox .box ul{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; width:100%; height:100%; overflow:hidden;}
.lbox .box ul li{ display:block; font-size:14px; line-height:16px; height:16px; overflow:hidden; color:#fff; margin:0 5px;}
.lbox .box ul li img{ display:block; width:auto; height:16px; float:left; margin-right:5px;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; position:relative; z-index:1; margin-top:-50px; padding-top:115px; background-size:cover; background-size:cover;}
.footer .foot{ width:84%; margin:auto; padding-bottom:40px;}
.footer .foot .f01{ float:left; padding-top:5px; width:28.125%; margin-right:6.875%;}
.footer .foot .f01 strong{ width:100%; display:block; overflow:hidden;}
.footer .foot .f01 strong img{ display:block; max-width:100%; max-height:50px;}
.footer .foot .f01 p{ font-size:14px; line-height:26px; margin-top:20px; display:block; color:#fff; height:104px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; overflow:hidden;}
.footer .foot .f02{ display:block; float:left; width:8.625%; margin-right:2%;}
.footer .foot .f02 dt{ display:block; color:#fff; font-size:24px; color:#fff; line-height:34px;}
.footer .foot .f02 dd{ padding-top:15px; display:block;}
.footer .foot .f02 dd a{ display:block; font-size:16px; line-height:34px; height:34px; overflow:hidden; color:#999;}
.footer .foot .f02 dd a:hover{ color:#fff;}
.footer .foot .f03{ width:7.25%; float:right; margin-top:30px;}
.footer .foot .f03 strong{ display:block; width:100%;}
.footer .foot .f03 strong img{ width:100%; display:block;}
.footer .foot .f03 p{ display:block; width:100%; font-size:14px; line-height:24px; height:24px; text-align:center; color:#fff; padding-top:5px;}
.footer .foot .f04{ display:block; clear:both; float:right;}
.footer .foot .f04 dt{ float:left; display:block; color:#fff; font-size:16px; color:#fff; line-height:26px;}
.footer .foot .f04 dd{ float:left; display:block;}
.footer .foot .f04 dd a{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; color:#999; margin-left:20px; float:left;}
.footer .foot .f04 dd a:hover{ color:#fff;}
.footer .bot{ width:84%; margin:auto; border-top:1px solid rgba(255,255,255,.3);}
.footer .bot .left{ float:left;}
.footer .bot .left p{ display:block; font-size:14px; color:#ccc; height:60px; line-height:60px; float:left; margin-right:30px;}
.footer .bot .left p a{ color:#ccc;}
.footer .bot .right{ display:block; font-size:14px; color:#ccc; height:60px; line-height:60px; float:right;}
.footer .bot .right a{ color:#ccc;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.footer{ width:100%; position:relative; z-index:1; margin-top:-40px; padding-top:85px; background-size:cover; background-size:cover;}
.footer .foot{ width:90%; margin:auto; padding-bottom:30px;}
.footer .foot .f01{ float:left; padding-top:5px; width:28.125%;}
.footer .foot .f01 strong{ width:100%; display:block; overflow:hidden;}
.footer .foot .f01 strong img{ display:block; max-width:100%; max-height:50px;}
.footer .foot .f01 p{ font-size:14px; line-height:24px; margin-top:15px; display:block; color:#fff; height:94px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; overflow:hidden;}
.footer .foot .f02{ display:block; float:left; margin-left:3%;}
.footer .foot .f02 dt{ display:block; color:#fff; font-size:20px; color:#fff; line-height:30px;}
.footer .foot .f02 dd{ padding-top:10px; display:block;}
.footer .foot .f02 dd a{ display:block; font-size:16px; line-height:30px; height:30px; overflow:hidden; color:#999;}
.footer .foot .f02 dd a:hover{ color:#fff;}
.footer .foot .f03{ width:10%; float:right; margin-top:20px;}
.footer .foot .f03 strong{ display:block; width:100%;}
.footer .foot .f03 strong img{ width:100%; display:block;}
.footer .foot .f03 p{ display:block; width:100%; font-size:14px; line-height:24px; height:24px; text-align:center; color:#fff; padding-top:5px;}
.footer .foot .f04{ display:block; clear:both; float:right;}
.footer .foot .f04 dt{ float:left; display:block; color:#fff; font-size:16px; color:#fff; line-height:26px;}
.footer .foot .f04 dd{ float:left; display:block;}
.footer .foot .f04 dd a{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; color:#999; margin-left:15px; float:left;}
.footer .foot .f04 dd a:hover{ color:#fff;}
.footer .bot{ width:90%; margin:auto; border-top:1px solid rgba(255,255,255,.3);}
.footer .bot .left{ float:left;}
.footer .bot .left p{ display:block; font-size:14px; color:#ccc; height:50px; line-height:50px; float:left; margin-right:20px;}
.footer .bot .left p a{ color:#ccc;}
.footer .bot .right{ display:block; font-size:14px; color:#ccc; height:50px; line-height:50px; float:right;}
.footer .bot .right a{ color:#ccc;}
}
@media only screen and (max-width:1023px){
.footer{ width:100%; position:relative; z-index:1; margin-top:-50px; padding-top:80px; background-size:cover; background-size:cover;}
.footer .foot{ width:94%; margin:auto; padding-bottom:20px; position:relative;}
.footer .foot .f01{ width:100%;}
.footer .foot .f01 strong{ width:100%; display:block; overflow:hidden;}
.footer .foot .f01 strong img{ display:block; max-width:100%; max-height:50px; margin:auto;}
.footer .foot .f01 p{ font-size:14px; line-height:24px; margin-top:10px; display:block; color:#fff; height:94px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; overflow:hidden;}
.footer .foot .f02{ display:block; width:calc(100% - 120px);}
.footer .foot .f02 dt{ display:block; color:#fff; font-size:16px; color:#fff; line-height:26px; padding-top:10px;}
.footer .foot .f02 dd{ display:block;}
.footer .foot .f02 dd a{ display:block; font-size:14px; line-height:18px; height:18px; float:left; margin-right:10px; overflow:hidden; color:#999;}
.footer .foot .f02 dd a:hover{ color:#fff;}
.footer .foot .f02:nth-child(5),.footer .foot .f02:nth-child(6){ display:none;}
.footer .foot .f03{ width:116px; position:absolute; right:0; bottom:17px;}
.footer .foot .f03 strong{ display:block; width:100%;}
.footer .foot .f03 strong img{ width:100%; display:block;}
.footer .foot .f03 p{ display:block; width:100%; font-size:14px; line-height:24px; height:24px; text-align:center; color:#fff; padding-top:5px;}
.footer .foot .f04{ display:block; clear:both;}
.footer .foot .f04 dt{ display:block; color:#fff; font-size:16px; color:#fff; line-height:26px; padding-top:10px;}
.footer .foot .f04 dd{ display:block;}
.footer .foot .f04 dd a{ display:block; font-size:14px; line-height:18px; height:18px; float:left; margin-right:10px; overflow:hidden; color:#999;}
.footer .foot .f04 dd a:hover{ color:#fff;}
.footer .bot{ width:94%; margin:auto; border-top:1px solid rgba(255,255,255,.3); padding:10px 0;}
.footer .bot .left{ width:100%; display:flex; justify-content:center; flex-wrap:wrap;}
.footer .bot .left p{ display:block; font-size:14px; color:#ccc; height:20px; line-height:20px; text-align:center;}
.footer .bot .left p a{ color:#ccc;}
.footer .bot .right{ display:block; font-size:14px; color:#ccc; height:20px; line-height:20px; text-align:center;}
.footer .bot .right a{ color:#ccc;}
}

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

/*内页*/
@media screen and (min-width:1280px){
.ban{ display:flex; align-items:center; width:100%; position:relative; z-index:1; padding-top:80px; height:420px; background-position:center; background-size:cover;}
.ban .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:#251d81; opacity:0.7; z-index:1;}
.ban .box{ width:84%; margin:auto; text-align:center; position:relative; z-index:3; padding-bottom:44px; overflow:hidden;}
.ban .box b{ display:block; font-size:36px; line-height:46px; color:#fff;}
.ban .box strong{ width:70px; height:2px; display:block; margin:25px auto; background-color:#fff;}
.ban .box p{ display:block; font-size:18px; line-height:28px; color:#fff; max-height:56px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}

.ban .dao{ width:84%; position:absolute; left:8%; bottom:0; z-index:9; overflow:hidden;}
.ban .dao span{ display:none;}
.ban .dao ul{ width:100%; display:flex;}
.ban .dao li{ flex:1;}
.ban .dao li a{ display:block; margin:0 1px; padding:0 20px; background-color:rgba(255,255,255,0.7); font-size:18px; line-height:44px; height:44px; overflow:hidden; text-align:center;}
.ban .dao li.on a{ background-color:rgba(255,255,255,0.9); color:#251d81;}
.ban .dao li a:hover{ color:#251d81;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ban{ display:flex; align-items:center; width:100%; position:relative; z-index:1; padding-top:70px; height:330px; background-position:center; background-size:cover;}
.ban .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:#251d81; opacity:0.7; z-index:1;}
.ban .box{ width:90%; margin:auto; text-align:center; position:relative; z-index:3; padding-bottom:40px; overflow:hidden;}
.ban .box b{ display:block; font-size:30px; line-height:40px; color:#fff;}
.ban .box strong{ width:60px; height:2px; display:block; margin:15px auto; background-color:#fff;}
.ban .box p{ display:block; font-size:16px; line-height:26px; color:#fff; max-height:52px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}

.ban .dao{ width:90%; position:absolute; left:5%; bottom:0; z-index:9; overflow:hidden;}
.ban .dao span{ display:none;}
.ban .dao ul{ width:100%; display:flex;}
.ban .dao li{ flex:1;}
.ban .dao li a{ display:block; margin:0 1px; padding:0 15px; background-color:rgba(255,255,255,0.7); font-size:16px; line-height:40px; height:40px; overflow:hidden; text-align:center;}
.ban .dao li.on a{ background-color:rgba(255,255,255,0.9); color:#251d81;}
.ban .dao li a:hover{ color:#251d81;}
}
@media only screen and (max-width:1023px){
.ban{ display:flex; align-items:center; width:100%; position:relative; z-index:3; margin-top:60px; height:180px; background-position:center; background-size:cover;}
.ban .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:#251d81; opacity:0.7; z-index:1;}
.ban .box{ width:94%; margin:auto; text-align:center; position:relative; z-index:3; padding-bottom:36px; overflow:hidden;}
.ban .box b{ display:block; font-size:24px; line-height:34px; color:#fff;}
.ban .box strong{ width:60px; height:2px; display:block; margin:5px auto; background-color:#fff;}
.ban .box p{ display:block; font-size:14px; line-height:24px; color:#fff; max-height:48px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}

.ban .dao{ width:50%; display:block; position:absolute; left:3%; top:144px; z-index:9; overflow:hidden;}
.ban .dao span{ padding:0 10px; display:block; background-color:rgba(255,255,255,0.9); color:#251d81; font-size:16px; line-height:36px; height:36px; overflow:hidden;}
.ban .dao li{ display:none; font-size:14px; line-height:34px; height:34px; overflow:hidden;}
.ban .dao li a{ display:block; overflow:hidden; padding:0 15px; background-color:#eee;}
.ban .dao li.on a{ background-color:#251d81; color:#fff;}
.ban .dao.active{ height:120px;}
.ban .dao.active li{ display:block;}
.ban .dao.active ul{ display:block; height:90px; overflow:auto;}
}

@media screen and (min-width:1280px){
.sec{ width:100%; position:relative; z-index:1; padding-top:90px; padding-bottom:150px; background-color:#fff;}
.sec .box{ width:84%; margin:auto;}
.sec .box .title{ text-align:center; position:relative; padding-top:30px; overflow:hidden;}
.sec .box .title strong{ display:block; position:absolute; left:0; top:0; z-index:1; width:100%; font-size:60px; line-height:66px; text-transform:uppercase; opacity:0.1;}
.sec .box .title b{ display:block; position:relative; z-index:3; width:100%; font-size:36px; line-height:46px;}
.sec .box .stitle{ font-size:18px; line-height:28px; margin-top:30px; text-align:center;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.sec{ width:100%; position:relative; z-index:1; padding-top:60px; padding-bottom:110px; background-color:#fff;}
.sec .box{ width:90%; margin:auto;}
.sec .box .title{ text-align:center; position:relative; padding-top:25px; overflow:hidden;}
.sec .box .title strong{ display:block; position:absolute; left:0; top:0; z-index:1; width:100%; font-size:50px; line-height:56px; text-transform:uppercase; opacity:0.1;}
.sec .box .title b{ display:block; position:relative; z-index:3; width:100%; font-size:30px; line-height:40px;}
.sec .box .stitle{ font-size:18px; line-height:28px; margin-top:20px; text-align:center;}
}
@media only screen and (max-width:1023px){
.sec{ width:100%; position:relative; z-index:1; padding-top:30px; padding-bottom:90px; background-color:#fff;}
.sec .box{ width:94%; margin:auto;}
.sec .box .title{ text-align:center; position:relative; padding-top:15px; overflow:hidden;}
.sec .box .title strong{ display:block; position:absolute; left:0; top:0; z-index:1; width:100%; font-size:40px; line-height:46px; text-transform:uppercase; opacity:0.1;}
.sec .box .title b{ display:block; position:relative; z-index:3; width:100%; font-size:24px; line-height:34px;}
.sec .box .stitle{ font-size:16px; line-height:26px; margin-top:10px; text-align:center;}
}

/*公司简介*/
@media screen and (min-width:1280px){
.sec .box .ab01{ width:100%; font-size:16px; line-height:36px; margin:auto; margin-top:30px; overflow:hidden;}
.sec .box .ab01 img{ max-width:100%; height:auto; margin-top:10px;}
.sec .box .ab02{ width:100%; overflow:hidden; padding-top:5px;}
.sec .box .ab02 a{ display:block; width:23.5%; float:left; margin-top:25px; margin-left:2%;}
.sec .box .ab02 a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.sec .box .ab02 a img{ width:100%; display:block;}
.sec .box .ab03{ max-width:1096px; margin:auto; margin-top:30px; display:flex; justify-content:space-between; overflow:hidden;}
.sec .box .ab03 li{ width:244px; height:164px; display:block; overflow:hidden; text-align:center; background-image:url(../images/abg_07.png); background-size:100% 100%;}
.sec .box .ab03 li a{ display:block; width:100%; height:100%; box-sizing:border-box; padding:0 30px; padding-top:32px; overflow:hidden;}
.sec .box .ab03 li a .top{ width:100%; display:flex; justify-content:center;}
.sec .box .ab03 li a .top span{ display:block; font-size:48px; line-height:48px; color:#251d81; height:48px;}
.sec .box .ab03 li a .top p{ display:block; margin-left:10px;}
.sec .box .ab03 li a .top p strong{ display:block; font-weight:normal; font-size:18px; line-height:20px; height:20px;}
.sec .box .ab03 li a .top p b{ display:block; font-weight:normal; font-size:14px; line-height:22px; height:22px; padding-top:6px;}
.sec .box .ab03 li a .bot{ padding-top:6px; font-size:16px; line-height:26px; color:#666;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.sec .box .ab01{ width:100%; font-size:16px; line-height:26px; margin:auto; margin-top:25px; overflow:hidden;}
.sec .box .ab01 img{ max-width:100%; height:auto; margin-top:5px;}
.sec .box .ab02{ width:100%; overflow:hidden; padding-top:5px;}
.sec .box .ab02 a{ display:block; width:32%; float:left; margin-top:20px; margin-left:2%;}
.sec .box .ab02 a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.sec .box .ab02 a img{ width:100%; display:block;}
.sec .box .ab03{ width:100%; margin-top:25px; display:flex; justify-content:space-between; overflow:hidden;}
.sec .box .ab03 li{ width:244px; height:164px; display:block; overflow:hidden; text-align:center; background-image:url(../images/abg_07.png); background-size:100% 100%;}
.sec .box .ab03 li a{ display:block; width:100%; height:100%; box-sizing:border-box; padding:0 25px; padding-top:32px; overflow:hidden;}
.sec .box .ab03 li a .top{ width:100%; display:flex; justify-content:center;}
.sec .box .ab03 li a .top span{ display:block; font-size:48px; line-height:48px; color:#251d81; height:48px;}
.sec .box .ab03 li a .top p{ display:block; margin-left:5px;}
.sec .box .ab03 li a .top p strong{ display:block; font-weight:normal; font-size:18px; line-height:20px; height:20px;}
.sec .box .ab03 li a .top p b{ display:block; font-weight:normal; font-size:14px; line-height:22px; height:22px; padding-top:4px;}
.sec .box .ab03 li a .bot{ padding-top:5px; font-size:16px; line-height:26px; color:#666;}
}
@media only screen and (max-width:1023px){
.sec .box .ab01{ width:100%; font-size:14px; line-height:24px; margin:auto; margin-top:15px; overflow:hidden;}
.sec .box .ab01 img{ max-width:100%; height:auto; margin-top:5px;}
.sec .box .ab02{ width:100%; overflow:hidden;}
.sec .box .ab02 a{ display:block; width:48.5%; float:left; margin-top:15px; margin-left:3%;}
.sec .box .ab02 a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.sec .box .ab02 a img{ width:100%; display:block;}
.sec .box .ab03{ width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; overflow:hidden;}
.sec .box .ab03 li{ width:48.5%; display:block; overflow:hidden; text-align:center; background-image:url(../images/abg_07.png); background-size:100% 100%; margin-top:15px;}
.sec .box .ab03 li a{ display:block; width:100%; height:100%; box-sizing:border-box; padding:20px; overflow:hidden;}
.sec .box .ab03 li a .top{ width:100%; display:flex; justify-content:center;}
.sec .box .ab03 li a .top span{ display:block; font-size:40px; line-height:40px; color:#251d81; height:40px;}
.sec .box .ab03 li a .top p{ display:block; margin-left:5px;}
.sec .box .ab03 li a .top p strong{ display:block; font-weight:normal; font-size:18px; line-height:18px; height:18px;}
.sec .box .ab03 li a .top p b{ display:block; font-weight:normal; font-size:14px; line-height:18px; height:18px;}
.sec .box .ab03 li a .bot{ font-size:14px; line-height:24px; color:#666;}
}

/*资质*/
@media screen and (min-width:1280px){
.sec.mar{ padding-bottom:100px;}
.sec .box .ab04{ width:100%; padding-top:15px; overflow:hidden;}
.sec .box .ab04 a{ display:block; width:23.5%; float:left; margin-top:25px; margin-left:2%; position:relative; overflow:hidden; border:1px solid #cacaca; box-sizing:border-box;}
.sec .box .ab04 a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.sec .box .ab04 a img{ width:100%; display:block;}
.sec .box .ab04 a p{ padding:10px 20px; background-color:rgba(37,29,129,0.7); display:block; position:absolute; left:0; bottom:-80px; min-width:180px; max-width:80%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:18px; line-height:28px; height:28px; overflow:hidden; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sec .box .ab04 a:hover p{ bottom:0;}
.sec .box .ab05{ width:100%; padding-top:40px;}
.sec .box .ab05 table{ width:100%; background-color:#c1bcff; text-align:center;}
.sec .box .ab05 table th{ padding:5px 10px; background-color:#251d81; color:#fff;}
.sec .box .ab05 table td{ padding:5px 10px; background-color:#fff; color:#333;}
.sec .box .ab05 table tr:nth-child(2n+1) td{ background-color:#f1f1f1;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.sec.mar{ padding-bottom:70px;}
.sec .box .ab04{ width:100%; padding-top:10px;}
.sec .box .ab04 a{ display:block; width:32%; float:left; margin-top:20px; margin-left:2%; position:relative; overflow:hidden; border:1px solid #cacaca; box-sizing:border-box;}
.sec .box .ab04 a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.sec .box .ab04 a img{ width:100%; display:block;}
.sec .box .ab04 a p{ padding:5px 15px; background-color:rgba(37,29,129,0.7); display:block; position:absolute; left:0; bottom:-80px; min-width:180px; max-width:80%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:16px; line-height:26px; height:26px; overflow:hidden; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sec .box .ab04 a:hover p{ bottom:0;}
.sec .box .ab05{ width:100%; padding-top:30px; overflow:auto;}
.sec .box .ab05 table{ width:100%; background-color:#c1bcff; text-align:center;}
.sec .box .ab05 table th{ padding:5px 10px; background-color:#251d81; color:#fff;}
.sec .box .ab05 table td{ padding:5px 10px; background-color:#fff; color:#333;}
.sec .box .ab05 table tr:nth-child(2n+1) td{ background-color:#f1f1f1;}
}
@media only screen and (max-width:1023px){
.sec.mar{ padding-bottom:40px;}
.sec .box .ab04{ width:100%; padding-top:5px;}
.sec .box .ab04 a{ display:block; width:48.5%; float:left; margin-top:15px; margin-left:3%; position:relative; overflow:hidden; border:1px solid #cacaca; box-sizing:border-box;}
.sec .box .ab04 a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.sec .box .ab04 a img{ width:100%; display:block;}
.sec .box .ab04 a p{ padding:3px 10px; background-color:rgba(37,29,129,0.7); display:block; position:absolute; left:0; bottom:-80px; min-width:180px; max-width:80%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sec .box .ab04 a:hover p{ bottom:0;}
.sec .box .ab05{ width:100%; padding-top:20px; overflow:auto;}
.sec .box .ab05 table{ width:100%; background-color:#c1bcff; text-align:center;}
.sec .box .ab05 table th{ padding:5px 10px; background-color:#251d81; color:#fff;}
.sec .box .ab05 table td{ padding:5px 10px; background-color:#fff; color:#333;}
.sec .box .ab05 table tr:nth-child(2n+1) td{ background-color:#f1f1f1;}
}

/*业务*/
@media screen and (min-width:1280px){
.sec .box .yw01{ width:100%; overflow:hidden; padding-top:15px;}
.sec .box .yw01 a{ display:flex; align-items:center; width:49%; float:left; margin-top:25px; margin-left:2%; padding:15px 30px; box-sizing:border-box; background-color:#fff; border-radius:15px; overflow:hidden;}
.sec .box .yw01 a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.sec .box .yw01 a p{ display:block; flex:1; font-size:16px; line-height:26px; padding-left:28px; box-sizing:border-box; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sec .box .yw01 a span{ width:34px; height:26px; display:block; float:right; background-image:url(../images/yw.png); background-position:right center; background-repeat:no-repeat;}
.sec .box .yw01 a:hover{ background-color:#251d81;}
.sec .box .yw01 a:hover p{ color:#fff; background-image:url(../images/title01.png);}
.sec .box .yw01 a:hover span{ background-image:url(../images/yw01.png);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.sec .box .yw01{ width:100%; overflow:hidden; padding-top:10px;}
.sec .box .yw01 a{ display:flex; align-items:center; width:49%; float:left; margin-top:20px; margin-left:2%; padding:10px 20px; box-sizing:border-box; background-color:#fff; border-radius:10px; overflow:hidden;}
.sec .box .yw01 a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.sec .box .yw01 a p{ display:block; flex:1; font-size:16px; line-height:26px; padding-left:25px; box-sizing:border-box; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sec .box .yw01 a span{ width:30px; height:26px; display:block; float:right; background-image:url(../images/yw.png); background-position:right center; background-repeat:no-repeat; background-size:10px auto;}
.sec .box .yw01 a:hover{ background-color:#251d81;}
.sec .box .yw01 a:hover p{ color:#fff; background-image:url(../images/title01.png);}
.sec .box .yw01 a:hover span{ background-image:url(../images/yw01.png);}

}
@media only screen and (max-width:1023px){
.sec .box .yw01{ width:100%; overflow:hidden; padding-top:5px;}
.sec .box .yw01 a{ display:flex; align-items:center; width:100%; margin-top:15px; padding:7px 15px; box-sizing:border-box; background-color:#fff; border-radius:5px; overflow:hidden;}
.sec .box .yw01 a p{ display:block; flex:1; font-size:14px; line-height:24px; padding-left:20px; box-sizing:border-box; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-size:14px;}
.sec .box .yw01 a span{ width:24px; height:24px; display:block; float:right; background-image:url(../images/right.png); background-position:right center; background-repeat:no-repeat;}
.sec .box .yw01 a:hover{ background-color:#251d81;}
.sec .box .yw01 a:hover p{ color:#fff; background-image:url(../images/title01.png);}
.sec .box .yw01 a:hover span{ background-image:url(../images/righth.png);}
}

/*业务内页*/
@media screen and (min-width:1280px){
.sec .ny{ width:84%; margin:auto;}
.ny .title{ width:100%;}
.ny .title b{ display:block; font-size:24px; line-height:34px; color:#251d81;}
.ny .title span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.ny .title p{ display:block; margin-top:10px; width:100px; height:2px; background-color:#251d81;}
.ny .wen{ margin-top:25px; font-size:16px; line-height:36px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:10px;}

#portfolio-nav{ width:100%; height:40px; padding:30px 0; margin:15px auto; margin-top:30px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#251d81; color:#251d81; box-shadow:-0.6em 0 #251d81, -0.6em 0.6em #251d81, 0.6em 0 #251d81, 0.6em -0.6em #251d81, 0 -0.6em #251d81, -0.6em -0.6em #251d81, 0 0.6em #251d81, 0.6em 0.6em #251d81;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.sec .ny{ width:90%; margin:auto;}
.ny .title{ width:100%;}
.ny .title b{ display:block; font-size:20px; line-height:30px; color:#251d81;}
.ny .title span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:5px;}
.ny .title p{ display:block; margin-top:5px; width:80px; height:2px; background-color:#251d81;}
.ny .wen{ margin-top:20px; font-size:16px; line-height:26px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px;}

#portfolio-nav{ width:100%; height:40px; padding:20px 0; margin:15px auto; margin-top:25px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#251d81; color:#251d81; box-shadow:-0.6em 0 #251d81, -0.6em 0.6em #251d81, 0.6em 0 #251d81, 0.6em -0.6em #251d81, 0 -0.6em #251d81, -0.6em -0.6em #251d81, 0 0.6em #251d81, 0.6em 0.6em #251d81;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}
}
@media only screen and (max-width:1023px){
.sec .ny{ width:94%; margin:auto;}
.ny .title{ width:100%;}
.ny .title b{ display:block; font-size:16px; line-height:26px; color:#251d81;}
.ny .title span{ display:block; font-size:14px; line-height:24px; color:#333;}
.ny .title p{ display:block; margin-top:5px; width:60px; height:2px; background-color:#251d81;}
.ny .wen{ margin-top:10px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px;}

#portfolio-nav{ width:100%; height:40px; padding:15px 0; margin:30px auto; margin-top:15px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#251d81; color:#251d81; box-shadow:-0.6em 0 #251d81, -0.6em 0.6em #251d81, 0.6em 0 #251d81, 0.6em -0.6em #251d81, 0 -0.6em #251d81, -0.6em -0.6em #251d81, 0 0.6em #251d81, 0.6em 0.6em #251d81;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}
}

/*业绩*/
@media screen and (min-width:1280px){
.yj01{ width:100%; margin-top:40px;}
.yj01 .swiper-container{ width:100%; overflow:hidden;}
.yj01 .swiper-container .y01{ width:100%; position:relative; z-index:1;}
.yj01 .swiper-container .y01 img{ width:100%; display:block;}
.yj01 .swiper-container .y01 p{ width:100%; display:flex; align-items:center; height:0; position:absolute; left:0; bottom:0; background-color:rgba(37,29,129,.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.yj01 .swiper-container .y01 b{ width:calc(100% - 40px); font-size:26px; line-height:36px; color:#fff; display:block; text-align:center; margin:auto; text-overflow:ellipsis; white-space:nowrap;}
.yj01 .swiper-container .y02{ width:calc(100% - 80px); padding:0 20px; position:relative; z-index:3; margin:auto; margin-top:-25px; height:50px; line-height:50px; font-size:20px; font-weight:bold; color:#fff; background-color:rgba(37,29,129,.9); text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; text-overflow:ellipsis; white-space:nowrap;}
.yj01 .swiper-container .y03{ padding-top:15px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:16px; line-height:26px; color:#333;}
.yj01 .swiper-container .swiper-slide:hover .y01 p{ height:100%;}
.yj01 .swiper-container .swiper-slide:hover .y02{ height:0;}
.yj01 .swiper-container .swiper-slide:hover .y03{ padding-top:45px;}
.yj01 .swiper-pagination{ text-align:center; width:100%; display:flex; justify-content:center; margin-top:35px;}
.yj01 .swiper-pagination span{ display:block; float:left; width:10px; height:10px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:10px; overflow:hidden;}
.yj01 .swiper-pagination span.swiper-pagination-bullet-active{ width:70px; background-color:#251d81;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.yj01{ width:100%; margin-top:30px;}
.yj01 .swiper-container{ width:100%; overflow:hidden;}
.yj01 .swiper-container .y01{ width:100%; position:relative; z-index:1;}
.yj01 .swiper-container .y01 img{ width:100%; display:block;}
.yj01 .swiper-container .y01 p{ width:100%; display:flex; align-items:center; height:0; position:absolute; left:0; bottom:0; background-color:rgba(37,29,129,.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.yj01 .swiper-container .y01 b{ width:calc(100% - 30px); font-size:24px; line-height:34px; color:#fff; display:block; text-align:center; margin:auto; text-overflow:ellipsis; white-space:nowrap;}
.yj01 .swiper-container .y02{ width:calc(100% - 60px); padding:0 15px; position:relative; z-index:3; margin:auto; margin-top:-22px; height:44px; line-height:44px; font-size:18px; font-weight:bold; color:#fff; background-color:rgba(37,29,129,.9); text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; text-overflow:ellipsis; white-space:nowrap;}
.yj01 .swiper-container .y03{ padding-top:15px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:16px; line-height:26px; color:#333;}
.yj01 .swiper-container .swiper-slide:hover .y01 p{ height:100%;}
.yj01 .swiper-container .swiper-slide:hover .y02{ height:0;}
.yj01 .swiper-container .swiper-slide:hover .y03{ padding-top:42px;}
.yj01 .swiper-pagination{ text-align:center; width:100%; display:flex; justify-content:center; margin-top:25px;}
.yj01 .swiper-pagination span{ display:block; float:left; width:8px; height:8px; background-color:#999; margin:0 4px; cursor:pointer; border-radius:10px; overflow:hidden;}
.yj01 .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#251d81;}
}
@media only screen and (max-width:1023px){
.yj01{ width:100%; margin-top:20px;}
.yj01 .swiper-container{ width:100%; overflow:hidden;}
.yj01 .swiper-container .y01{ width:100%; position:relative; z-index:1;}
.yj01 .swiper-container .y01 img{ width:100%; display:block;}
.yj01 .swiper-container .y01 p{ width:100%; display:flex; align-items:center; height:0; position:absolute; left:0; bottom:0; background-color:rgba(37,29,129,.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.yj01 .swiper-container .y01 b{ width:calc(100% - 20px); font-size:22px; line-height:32px; color:#fff; display:block; text-align:center; margin:auto; text-overflow:ellipsis; white-space:nowrap;}
.yj01 .swiper-container .y02{ width:calc(100% - 40px); padding:0 10px; position:relative; z-index:3; margin:auto; margin-top:-20px; height:40px; line-height:40px; font-size:16px; font-weight:bold; color:#fff; background-color:rgba(37,29,129,.9); text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; text-overflow:ellipsis; white-space:nowrap;}
.yj01 .swiper-container .y03{ padding-top:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:14px; line-height:24px; color:#333;}
.yj01 .swiper-container .swiper-slide:hover .y01 p{ height:100%;}
.yj01 .swiper-container .swiper-slide:hover .y02{ height:0;}
.yj01 .swiper-container .swiper-slide:hover .y03{ padding-top:40px;}
.yj01 .swiper-pagination{ text-align:center; width:100%; display:flex; justify-content:center; margin-top:15px;}
.yj01 .swiper-pagination span{ display:block; float:left; width:6px; height:6px; background-color:#999; margin:0 3px; cursor:pointer; border-radius:10px; overflow:hidden;}
.yj01 .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; background-color:#251d81;}
}

@media screen and (min-width:1280px){
.yj02{ width:100%; position:relative; margin:auto; margin-top:40px;}
.yj02 .swiper-container{ width:100%; position:relative; height:530px;}
.yj02 .swiper-container .swiper-slide{ width:1000px; height:100%; margin:0 35px; position:relative; overflow:hidden;}
.yj02 .swiper-container .swiper-slide img{ width:100%; display:block;}
.yj02 .swiper-container .swiper-slide .bg{ width:100%; height:100%; background-color:#000; opacity:0.7; position:absolute; left:0; top:0;}
.yj02 .swiper-container .swiper-slide .wen{ padding:15px 20px; position:absolute; left:0; bottom:0; display:none; width:100%; box-sizing:border-box; background-color:rgba(37,29,129,.8);}
.yj02 .swiper-container .swiper-slide .wen .h01{ font-size:20px; line-height:30px; color:#fff; font-weight:bold;}
.yj02 .swiper-container .swiper-slide .wen .h02{ font-size:16px; line-height:26px; color:#fff; margin-top:5px;}
.yj02 .swiper-container .swiper-slide.swiper-slide-active .bg{ display:none;}
.yj02 .swiper-container .swiper-slide.swiper-slide-active .wen{ display:block;}
.yj02 .swiper-button-white{ position:absolute; top:50%; margin-top:-30px; width:60px; height:60px;}
.yj02 .swiper-button-white img{ width:100%; display:block;}
.yj02 .swiper-button-prev{ left:45px;}
.yj02 .swiper-button-next{ right:45px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.yj02{ width:100%; position:relative; margin:auto; margin-top:30px;}
.yj02 .swiper-container{ width:100%; position:relative; height:34.595vw;}
.yj02 .swiper-container .swiper-slide{ width:69.44%; height:100%; margin:0 1.5%; position:relative; overflow:hidden;}
.yj02 .swiper-container .swiper-slide img{ width:100%; display:block;}
.yj02 .swiper-container .swiper-slide .bg{ width:100%; height:100%; background-color:#000; opacity:0.7; position:absolute; left:0; top:0;}
.yj02 .swiper-container .swiper-slide .wen{ padding:10px 15px; position:absolute; left:0; bottom:0; display:none; width:100%; box-sizing:border-box; background-color:rgba(37,29,129,.8);}
.yj02 .swiper-container .swiper-slide .wen .h01{ font-size:18px; line-height:28px; color:#fff; font-weight:bold;}
.yj02 .swiper-container .swiper-slide .wen .h02{ font-size:16px; line-height:26px; color:#fff; margin-top:5px;}
.yj02 .swiper-container .swiper-slide.swiper-slide-active .bg{ display:none;}
.yj02 .swiper-container .swiper-slide.swiper-slide-active .wen{ display:block;}
.yj02 .swiper-button-white{ position:absolute; top:50%; margin-top:-25px; width:50px; height:50px;}
.yj02 .swiper-button-white img{ width:100%; display:block;}
.yj02 .swiper-button-prev{ left:6.14%; margin-left:-25px;}
.yj02 .swiper-button-next{ right:6.14%; margin-right:-25px;}
}
@media only screen and (max-width:1023px){
.yj02{ width:100%; position:relative; margin:auto; margin-top:20px;}
.yj02 .swiper-container{ width:100%; position:relative;}
.yj02 .swiper-container .swiper-wrapper{ align-items:center;}
.yj02 .swiper-container .swiper-slide{ width:69.44%; margin:0 1.5%; height:100%; overflow:hidden;}
.yj02 .swiper-container .swiper-slide .tu{ height:34.595vw;}
.yj02 .swiper-container .swiper-slide img{ width:100%; display:block;}
.yj02 .swiper-container .swiper-slide .bg{ width:100%; height:100%; background-color:#000; opacity:0.7; position:absolute; left:0; top:0;}
.yj02 .swiper-container .swiper-slide .wen{ width:94%; margin:auto; position:relative; z-index:3; margin-top:-25px; display:none; padding:10px 15px; box-sizing:border-box; background-color:rgba(37,29,129,.8);}
.yj02 .swiper-container .swiper-slide .wen .h01{ font-size:16px; line-height:26px; color:#fff; font-weight:bold;}
.yj02 .swiper-container .swiper-slide .wen .h02{ font-size:14px; line-height:24px; color:#fff;}
.yj02 .swiper-container .swiper-slide.swiper-slide-active .bg{ display:none;}
.yj02 .swiper-container .swiper-slide.swiper-slide-active .wen{ display:block;}
.yj02 .swiper-button-white{ position:absolute; top:50%; margin-top:-15px; width:30px; height:30px;}
.yj02 .swiper-button-white img{ width:100%; display:block;}
.yj02 .swiper-button-prev{ left:6.14%; margin-left:-15px;}
.yj02 .swiper-button-next{ right:6.14%; margin-right:-15px;}
}

/*新闻*/
@media screen and (min-width:1280px){
.news{ width:100%; padding-top:10px; overflow:hidden;}
.news li{ width:22.5%; margin-top:30px; float:left; margin-left:3.33%; display:block; overflow:hidden; position:relative;}
.news li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.news li .tu{ width:100%; background-color:#f1f1f1;}
.news li .tu .n01{ width:100%; height:13.65vw;}
.news li .tu .n01 img{ width:100%; display:block;}
.news li .tu .n02{ padding:25px 30px;}
.news li .tu .n02 span{ font-size:16px; line-height:24px; height:24px; color:#999; display:block;}
.news li .tu .n02 b{ font-size:20px; line-height:30px; height:30px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:5px;}
.news li .wen{ padding:30px; padding-top:25px; width:100%; height:100%; box-sizing:border-box; background-color:#eee; position:absolute; left:0; top:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; overflow:auto;}
.news li .wen .n01{ font-size:16px; line-height:24px; height:24px; color:#999;}
.news li .wen .n02{ font-size:20px; line-height:30px; height:60px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:10px;}
.news li .wen .n03{ font-size:16px; line-height:26px; height:104px; margin-top:20px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.news li .wen .n04{ margin-top:30px; width:130px; height:40px; line-height:40px; text-align:center; font-size:16px; background-color:#251d81; color:#fff;}
.news li:hover .wen{ top:0;}
.news li .wen::-webkit-scrollbar{ width:5px; height:1px; z-index:1;}
.news li .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#251d81;}
.news li .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.3);}

.fanye{ width:100%; display:flex; justify-content:center; margin-top:40px; text-align:center;}
.fanye li{ margin:0 5px; display:block;}
.fanye li a{ width:40px; height:40px; line-height:40px; font-size:16px; background-color:#f1f1f1; border-radius:100%; display:block;}
.fanye li span{ width:40px; height:40px; line-height:40px; font-size:16px; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#251d81;}
.fanye li.disabled span{ color:#aaa; background-color:#f1f1f1; cursor:no-drop;}
.fanye li a:hover{ color:#251d81;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.news{ width:100%; margin-top:10px; overflow:hidden;}
.news li{ width:23.5%; margin-top:20px; float:left; margin-left:2%; display:block; overflow:hidden; position:relative;}
.news li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.news li .tu{ width:100%; background-color:#f1f1f1;}
.news li .tu .n01{ width:100%; height:15.275vw;}
.news li .tu .n01 img{ width:100%; display:block;}
.news li .tu .n02{ padding:15px 20px;}
.news li .tu .n02 span{ font-size:16px; line-height:24px; height:24px; color:#999; display:block;}
.news li .tu .n02 b{ font-size:18px; line-height:28px; height:28px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news li .wen{ padding:25px; padding-top:20px; width:100%; height:100%; box-sizing:border-box; background-color:#eee; position:absolute; left:0; top:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; overflow:auto;}
.news li .wen .n01{ font-size:16px; line-height:24px; height:24px; color:#999;}
.news li .wen .n02{ font-size:18px; line-height:28px; height:56px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:5px;}
.news li .wen .n03{ font-size:16px; line-height:26px; height:104px; margin-top:15px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.news li .wen .n04{ margin-top:20px; width:110px; height:34px; line-height:34px; text-align:center; font-size:16px; background-color:#251d81; color:#fff;}
.news li:hover .wen{ top:0;}
.news li .wen::-webkit-scrollbar{ width:5px; height:1px; z-index:1;}
.news li .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#251d81;}
.news li .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.3);}

.fanye{ width:100%; display:flex; justify-content:center; margin-top:30px; text-align:center;}
.fanye li{ margin:0 5px; display:block;}
.fanye li a{ width:36px; height:36px; line-height:36px; font-size:16px; background-color:#f1f1f1; border-radius:100%; display:block;}
.fanye li span{ width:36px; height:36px; line-height:36px; font-size:16px; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#251d81;}
.fanye li.disabled span{ color:#aaa; background-color:#f1f1f1; cursor:no-drop;}
.fanye li a:hover{ color:#251d81;}
}
@media only screen and (max-width:1023px){
.news{ width:100%; padding-top:5px; overflow:hidden;}
.news li{ width:48.5%; margin-top:15px; margin-left:3%; display:block; float:left; overflow:hidden; position:relative;}
.news li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.news li .tu{ width:100%; background-color:#f1f1f1;}
.news li .tu .n01{ width:100%; height:32.93vw;}
.news li .tu .n01 img{ width:100%; display:block;}
.news li .tu .n02{ padding:10px;}
.news li .tu .n02 span{ font-size:14px; line-height:22px; height:22px; color:#999; display:block;}
.news li .tu .n02 b{ font-size:16px; line-height:26px; height:26px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news li .wen{ padding:20px 10px; padding-top:15px; width:100%; height:100%; box-sizing:border-box; background-color:#eee; position:absolute; left:0; top:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; overflow:auto;}
.news li .wen .n01{ font-size:14px; line-height:22px; height:22px; color:#999;}
.news li .wen .n02{ font-size:16px; line-height:26px; height:52px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news li .wen .n03{ font-size:14px; line-height:24px; height:96px; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.news li .wen .n04{ margin-top:15px; width:90px; height:30px; line-height:30px; text-align:center; font-size:14px; background-color:#251d81; color:#fff;}
.news li:hover .wen{ top:0;}
.news li .wen::-webkit-scrollbar{ width:5px; height:1px; z-index:1;}
.news li .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#251d81;}
.news li .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.3);}

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

/*技术交流*/
@media screen and (min-width:1280px){
.js01{ width:100%; margin-top:40px;}
.js01 .left{ width:50%; float:left; overflow:hidden;}
.js01 .left .j01{ font-size:24px; line-height:34px; color:#251d81; margin-top:20px;}
.js01 .left .j02{ font-size:16px; line-height:36px; margin-top:15px; height:144px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.js01 .right{ width:45%; float:right; border-radius:30px; overflow:hidden;}
.js01 .right img{ width:100%; display:block;}

.js02{ width:100%; margin-top:40px;}
.js02 .left{ width:50%; float:right; overflow:hidden;}
.js02 .left .j01{ font-size:24px; line-height:34px; color:#251d81; margin-top:20px;}
.js02 .left .j02{ font-size:16px; line-height:36px; margin-top:15px; height:144px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.js02 .right{ width:45%; float:left; border-radius:30px; overflow:hidden;}
.js02 .right img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.js01{ width:100%; margin-top:30px;}
.js01 .left{ width:50%; float:left; overflow:hidden;}
.js01 .left .j01{ font-size:22px; line-height:32px; color:#251d81; margin-top:15px;}
.js01 .left .j02{ font-size:16px; line-height:26px; margin-top:10px; height:104px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.js01 .right{ width:47%; border-radius:20px; float:right; overflow:hidden;}
.js01 .right img{ width:100%; display:block;}

.js02{ width:100%; margin-top:30px;}
.js02 .left{ width:50%; float:right; overflow:hidden;}
.js02 .left .j01{ font-size:22px; line-height:32px; color:#251d81; margin-top:15px;}
.js02 .left .j02{ font-size:16px; line-height:26px; margin-top:10px; height:104px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.js02 .right{ width:47%; border-radius:20px; float:left; overflow:hidden;}
.js02 .right img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.js01{ width:100%; margin:auto;}
.js01 .left{ width:100%; overflow:hidden;}
.js01 .left .j01{ font-size:18px; line-height:28px; color:#251d81; margin-top:15px;}
.js01 .left .j02{ font-size:14px; line-height:24px; margin-top:5px; height:120px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5;}
.js01 .right{ width:100%; margin-top:20px; border-radius:10px; overflow:hidden;}
.js01 .right img{ width:100%; display:block;}

.js02{ width:100%; margin:auto;}
.js02 .left{ width:100%; overflow:hidden;}
.js02 .left .j01{ font-size:18px; line-height:28px; color:#251d81; margin-top:15px;}
.js02 .left .j02{ font-size:14px; line-height:24px; margin-top:5px; height:120px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5;}
.js02 .right{ width:100%; margin-top:20px; border-radius:10px; overflow:hidden;}
.js02 .right img{ width:100%; display:block;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.lx01{ width:100%; position:relative; margin:auto; margin-top:40px;}
.lx01 .left{ width:660px; float:left; margin-top:-20px;}
.lx01 .right{ width:660px; float:right;}
.lx01 p{ width:100%; height:50px; line-height:50px; border-radius:50px; background-color:#f1f1f1; margin-top:20px; overflow:hidden; display:block; padding:0 30px; box-sizing:border-box;}
.lx01 p input{ width:100%; font-size:16px; line-height:50px; height:50px; display:block; background-color:transparent;}
.lx01 span{ width:100%; background-color:#f1f1f1; border-radius:20px; overflow:hidden; display:block;}
.lx01 span textarea{ width:100%; height:260px; display:block; padding:12px 30px; box-sizing:border-box; font-size:16px; line-height:26px; overflow:auto; background-color:transparent;}
.lx01 .sub{ width:100%; float:left; margin-top:50px;}
.lx01 .sub input{ display:block; width:190px; margin:auto; text-align:center; line-height:50px; color:#fff; font-size:20px; height:50px; border-radius:50px; background:linear-gradient(to right,#251d81,#433aa9); cursor:pointer;}
.lx01 .sub input:hover{ background:linear-gradient(to right,#251d81,#251d81);}
.lx02{ width:100%; margin:auto; margin-top:70px; display:flex; justify-content:space-between;}
.lx02 li{ padding:50px 30px; width:440px; box-sizing:border-box; border-radius:10px; background-color:#f1f1f1; overflow:hidden; display:block; text-align:center;}
.lx02 li strong{ display:block; overflow:hidden;}
.lx02 li strong img{ display:block; margin:auto; height:40px;}
.lx02 li span{ font-size:24px; line-height:34px; color:#333; margin-top:15px; display:block;}
.lx02 li p{ font-size:24px; line-height:28px; color:#333; display:block; margin-top:15px;}
.lx02 li a{ font-size:18px; line-height:28px; color:#333; display:block; margin-top:15px;}
#map{ width:100%; height:32.29vw; position:relative; z-index:1;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.lx01{ width:100%; position:relative; margin:auto; overflow:hidden; margin-top:30px;}
.lx01 .left{ width:48%; float:left; margin-top:-20px;}
.lx01 .right{ width:48%; float:right;}
.lx01 p{ width:100%; height:46px; line-height:46px; border-radius:46px; background-color:#f1f1f1; margin-top:20px; overflow:hidden; display:block; padding:0 25px; box-sizing:border-box;}
.lx01 p input{ width:100%; font-size:16px; line-height:46px; height:46px; display:block; background-color:transparent;}
.lx01 span{ width:100%; background-color:#f1f1f1; border-radius:15px; overflow:hidden; display:block;}
.lx01 span textarea{ width:100%; height:244px; display:block; padding:10px 25px; box-sizing:border-box; font-size:16px; line-height:26px; overflow:auto; background-color:transparent;}
.lx01 .sub{ width:100%; float:left; margin-top:25px;}
.lx01 .sub input{ display:block; width:190px; margin:auto; text-align:center; line-height:46px; color:#fff; font-size:18px; height:46px; border-radius:46px; background:linear-gradient(to right,#251d81,#433aa9); cursor:pointer;}
.lx01 .sub input:hover{ background:linear-gradient(to right,#251d81,#251d81);}
.lx02{ width:100%; margin:auto; margin-top:50px; display:flex; justify-content:space-between;}
.lx02 li{ padding:30px 20px; width:31%; box-sizing:border-box; border-radius:10px; background-color:#f1f1f1; overflow:hidden; display:block; text-align:center;}
.lx02 li strong{ display:block; overflow:hidden;}
.lx02 li strong img{ display:block; margin:auto; height:30px;}
.lx02 li span{ font-size:20px; line-height:30px; color:#333; margin-top:10px; display:block;}
.lx02 li p{ font-size:20px; line-height:26px; color:#333; display:block; margin-top:5px;}
.lx02 li a{ font-size:16px; line-height:26px; color:#333; display:block; margin-top:5px;}
#map{ width:100%; height:40vw; position:relative; z-index:1;}
}
@media only screen and (max-width:1023px){
.lx01{ width:100%; position:relative; margin:auto; overflow:hidden; margin-top:5px;}
.lx01 .left{ width:100%; float:left;}
.lx01 .right{ width:100%; float:right; margin-top:15px;}
.lx01 p{ width:100%; height:34px; line-height:34px; border-radius:34px; background-color:#f1f1f1; margin-top:15px; overflow:hidden; display:block; padding:0 15px; box-sizing:border-box;}
.lx01 p input{ width:100%; font-size:14px; line-height:34px; height:34px; display:block; background-color:transparent;}
.lx01 span{ width:100%; background-color:#f1f1f1; border-radius:10px; overflow:hidden; display:block;}
.lx01 span textarea{ width:100%; height:140px; display:block; padding:10px 15px; box-sizing:border-box; font-size:14px; line-height:24px; overflow:auto; background-color:transparent;}
.lx01 .sub{ width:100%; float:left; margin-top:15px;}
.lx01 .sub input{ display:block; width:120px; margin:auto; text-align:center; line-height:34px; color:#fff; font-size:14px; height:34px; border-radius:34px; background:linear-gradient(to right,#251d81,#433aa9); cursor:pointer;}
.lx01 .sub input:hover{ background:linear-gradient(to right,#251d81,#251d81);}
.lx02{ width:94%; margin:auto; padding-top:15px;}
.lx02 li{ padding:20px 15px; width:100%; box-sizing:border-box; border-radius:10px; background-color:#f1f1f1; overflow:hidden; display:block; text-align:center; margin-top:15px;}
.lx02 li strong{ display:block; overflow:hidden;}
.lx02 li strong img{ display:block; margin:auto; height:20px;}
.lx02 li span{ font-size:18px; line-height:28px; color:#333; margin-top:5px; display:block;}
.lx02 li p{ font-size:18px; line-height:24px; color:#333; display:block;}
.lx02 li a{ font-size:14px; line-height:24px; color:#333; display:block;}
#map{ width:100%; height:50vw; position:relative; z-index:1;}
}