@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;}
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;}
body::-webkit-scrollbar{ width:3px; height:1px;}
body::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#333;}
body::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}

/*header*/
@media screen and (min-width:1367px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:999;}
.header .thead{ width:75%; height:40px; background-color:#333; padding:0 12.5%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .thead .left{ font-size:14px; height:40px; line-height:40px; color:#fff; float:left;}
.header .thead .right{ float:right;}
.header .thead .right p{ display:block; float:left; padding-left:24px; background-position:left center; background-repeat:no-repeat; font-size:14px; height:40px; line-height:40px; color:#fff; overflow:hidden; margin-left:2vw;}
.header .head{ width:75%; padding:0 12.5%; background-color:#fff; height:100px; display:flex; justify-content:space-between; align-items:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .menu{ display:none;}
.header .head .logo{ height:60px;}
.header .head .logo img{ display:block; height:60px;}
.header .head .nav{ height:100%; flex:1;}
.header .head .nav ul{ display:flex; justify-content:center; height:100%;}
.header .head .nav li{ display:flex; margin:0 1.3vw; height:100%; align-items:center; position:relative;}
.header .head .nav li>a{ width:100%; height:28px; display:block; line-height:28px; font-size:18px; position:relative;}
.header .head .nav li b{ width:0; display:block; height:2px; position:absolute; left:0; bottom:0; z-index:1; background-color:#006ebc; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .nav li:hover>a{ color:#006ebc;}
.header .head .nav li.on>a{ color:#006ebc;}
.header .head .nav li.on b,.header .head .nav li:hover b{ width:100%;}
.header .head .nav li svg{ display:none;}
.header .head .nav li p{ display:none; background:#f7f7f7; width:170px; position:absolute; left:50%; top:100%; z-index:99; transform:translateX(-50%); border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.header .head .nav li p a{ border-bottom:1px solid #eee; display:block; padding:0 20px; font-size:14px; line-height:40px; text-align:center; height:40px; overflow:hidden;}
.header .head .nav li p a:last-child{ border-bottom:none;}
.header .head .nav li p a:hover{ color:#006ebc;}
.header .head .nav li:hover p{ display:block;}
.header .head .ser{ font-size:18px; line-height:28px; height:28px; cursor:pointer; margin:0;}
.header .head .ser img{ height:18px; display:block; float:left; margin:5px 10px; margin-left:0;}
.header .head .ser img.mobile{ display:none;}
.header.pos{ box-shadow:0 20px 20px -20px rgb(71 71 71 / 20%);}
.header.pos .thead{ height:0;}
.header.pos .head{ height:80px;}

.serbox{ width:500px; height:100vh; position:fixed; right:0; top:0; background-color:#fff; z-index:1000; display:none;}
.serbox .box{ width:400px; height:50px; border-bottom:1px solid #cacaca; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.serbox .box p{ display:block; padding-left:10px; height:50px; float:left; width:calc(100% - 50px);}
.serbox .box p input{ width:100%; display:block; font-size:16px; line-height:50px; height:50px; overflow:hidden;}
.serbox .box span{ display:block; width:40px; height:50px; float:right;}
.serbox .box span input{ width:40px; height:50px; display:block; cursor:pointer; background-color:#fff; background-image:url(../images/ser_10.png); background-position:center; background-repeat:no-repeat;}
.serbox .close{ position:absolute; right:3%; top:3%; -webkit-transition:1s linear; transition:1s ease-in;}
.serbox .close img{ display:block; cursor:pointer; width:28px;}
.serbox .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:999;}
.header .thead{ width:90%; height:40px; background-color:#333; padding:0 5%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .thead .left{ font-size:14px; height:40px; line-height:40px; color:#fff; float:left;}
.header .thead .right{ float:right;}
.header .thead .right p{ display:block; float:left; padding-left:24px; background-position:left center; background-repeat:no-repeat; font-size:14px; height:40px; line-height:40px; color:#fff; overflow:hidden; margin-left:2vw;}
.header .head{ width:90%; padding:0 5%; background-color:#fff; height:90px; display:flex; justify-content:space-between; align-items:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .menu{ display:none;}
.header .head .logo{ height:50px;}
.header .head .logo img{ display:block; height:50px;}
.header .head .nav{ height:100%; flex:1;}
.header .head .nav ul{ display:flex; justify-content:center; height:100%;}
.header .head .nav li{ display:flex; margin:0 1.3vw; height:100%; align-items:center; position:relative;}
.header .head .nav li>a{ width:100%; height:26px; display:block; line-height:26px; font-size:16px; position:relative;}
.header .head .nav li b{ width:0; display:block; height:2px; position:absolute; left:0; bottom:0; z-index:1; background-color:#006ebc; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .nav li:hover>a{ color:#006ebc;}
.header .head .nav li.on>a{ color:#006ebc;}
.header .head .nav li.on b,.header .head .nav li:hover b{ width:100%;}
.header .head .nav li svg{ display:none;}
.header .head .nav li p{ display:none; background:#f7f7f7; width:170px; position:absolute; left:50%; top:100%; z-index:99; transform:translateX(-50%); border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.header .head .nav li p a{ border-bottom:1px solid #eee; display:block; padding:0 20px; font-size:14px; line-height:40px; text-align:center; height:40px; overflow:hidden;}
.header .head .nav li p a:last-child{ border-bottom:none;}
.header .head .nav li p a:hover{ color:#006ebc;}
.header .head .nav li:hover p{ display:block;}
.header .head .ser{ font-size:16px; line-height:26px; height:26px; cursor:pointer; margin:0;}
.header .head .ser img{ height:16px; display:block; float:left; margin:5px 10px; margin-left:0;}
.header .head .ser img.mobile{ display:none;}
.header.pos{ box-shadow:0 20px 20px -20px rgb(71 71 71 / 20%);}
.header.pos .thead{ height:0;}
.header.pos .head{ height:70px;}

.serbox{ width:500px; height:100vh; position:fixed; right:0; top:0; background-color:#fff; z-index:1000; display:none;}
.serbox .box{ width:400px; height:50px; border-bottom:1px solid #cacaca; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.serbox .box p{ display:block; padding-left:10px; height:50px; float:left; width:calc(100% - 50px);}
.serbox .box p input{ width:100%; display:block; font-size:16px; line-height:50px; height:50px; overflow:hidden;}
.serbox .box span{ display:block; width:40px; height:50px; float:right;}
.serbox .box span input{ width:40px; height:50px; display:block; cursor:pointer; background-color:#fff; background-image:url(../images/ser_10.png); background-position:center; background-repeat:no-repeat;}
.serbox .close{ position:absolute; right:3%; top:3%; -webkit-transition:1s linear; transition:1s ease-in;}
.serbox .close img{ display:block; cursor:pointer; width:28px;}
.serbox .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media only screen and (max-width:1000px){
.header{ width:100%; background-color:#fff; position:fixed; left:0; top:0; z-index:999; box-shadow:0 10px 10px rgb(71 71 71 / 20%); height:60px;}
.header .thead{ display:none;}
.header .head{ width:100%; position:relative;}
.header .head .logo{ position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.header .head .logo img{ display:block; height:30px;}
.header .head .logo img.pc{ display:none;}
.header .menu{ width:24px; background-color:transparent; height:20px; margin:20px 3%; position:relative; float:left;}
.header .menu::after{ content:""; display:block; width:100%; height:2px; position:absolute; background:#333; bottom:0; left:0; transition:all 0.3s;}
.header .menu::before{ content:""; display:block; width:100%; height:2px; position:absolute; background:#333; top:0; left:0; transition:all 0.3s;}
.header .menu span{ display:block; height:2px; width:100%; background:#333; position:absolute; left:0; top:50%; margin-top:-1px;}
.header .menu.on span{ opacity:0;}
.header .menu.on::after{ transform:rotate(-45deg); top:50%;}
.header .menu.on::before{ transform:rotate(45deg); top:50%;}
.header .head .nav{ width:100%; height:0; position:fixed; left:0; top:60px; z-index:999; background-color:#f1f1f1; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .open.nav{ height:calc(100vh - 60px);}
.header .head .nav ul{ display:block; height:calc(100vh - 109px); overflow:auto;}
.header .head .nav ul li{ font-size:16px; font-weight:500; display:block; border-bottom:1px solid #ddd; position:relative;}
.header .head .nav ul li:last-child{ border-bottom:none;}
.header .head .nav ul li a{ color:#333; display:block;}
.header .head .nav ul li>a{ text-transform:uppercase; padding:15px 3%; width:calc(94% - 40px); font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.header .head .nav ul li svg{ height:16px; display:block; color:#666; position:absolute; right:3%; top:20px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.header .head .nav ul li.active>a{ color:#006ebc;}
.header .head .nav ul li.active svg{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.header .head .nav ul li.active{ border-bottom:none;}
.header .head .nav ul li p{ padding:10px 8%; background-color:#fff; display:none; text-align:left; overflow:hidden;}
.header .head .nav ul li.active p{ display:block;}
.header .head .nav ul li p a{ padding:10px 0; border-bottom:1px solid #eee; font-size:14px; line-height:18px; display:block; text-transform:capitalize; color:#333;}
.header .head .nav ul li p a:hover{ color:#006ebc;}
.header .head .nav ul li p a:last-child{ border-bottom:none;}
.header .head .ser{ width:20px; height:20px; float:right; margin:20px 3%;}
.header .head .ser img{ height:20px; display:block;}
.header .head .ser img.pc{ display:none;}

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

/*banner*/
@media screen and (min-width:1367px){
.banner{ width:100%; height:calc(100% - 140px); position:relative; z-index:1; border-top:140px solid #fff; background-color:#000;}
.banner video{ width:100%; display:block; margin:auto; position:absolute; width:100%; left:0px; top:50%; transform:translateY(-50%); object-fit:cover; z-index:1;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container .swiper-wrapper{ width:100%; height:100%; z-index:1; position:relative;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%; position:relative; overflow:hidden;}
.banner .swiper-container .swiper-slide a{ width:100%; height:100%; overflow:hidden; display:block; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-pagination{ position:absolute; right:12.5%; top:50%; transform:translateY(-50%); z-index:3;}
.banner .swiper-pagination span{ display:block; overflow:hidden; width:2px; height:40px; margin:10px 0; background-color:#fff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#006ebc;}
.banner .down{ cursor:pointer; position:absolute; left:50%; transform:translateX(-50%); bottom:1.5625vw; z-index:9;}
.banner .down img{ display:block;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.banner{ width:100%; max-height:calc(100% - 130px); position:relative; z-index:1; border-top:130px solid #fff; background-color:#000;}
.banner video{ width:100%; display:block; margin:auto; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:46.875vw; position:relative; z-index:1;}
.banner .swiper-container .swiper-wrapper{ width:100%; height:100%; z-index:1; position:relative;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%; position:relative; overflow:hidden;}
.banner .swiper-container .swiper-slide a{ width:100%; height:100%; overflow:hidden; display:block; background-position:center; background-repeat:no-repeat; background-size:120%;}
.banner .swiper-pagination{ position:absolute; right:5%; top:50%; transform:translateY(-50%); z-index:3;}
.banner .swiper-pagination span{ display:block; overflow:hidden; width:2px; height:30px; margin:10px 0; background-color:#fff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#006ebc;}
.banner .down{ cursor:pointer; position:absolute; left:50%; transform:translateX(-50%); bottom:1.5625vw; z-index:9;}
.banner .down img{ display:block; height:30px;}
}
@media only screen and (max-width:1000px){
.banner{ width:100%; position:relative; z-index:1; border-top:60px solid #fff; background-color:#000;}
.banner video{ width:100%; display:block; margin:auto; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:46.875vw; position:relative; z-index:1;}
.banner .swiper-container .swiper-wrapper{ width:100%; height:100%; z-index:1; position:relative;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%; position:relative; overflow:hidden;}
.banner .swiper-container .swiper-slide a{ width:100%; height:100%; overflow:hidden; display:block; background-position:center; background-repeat:no-repeat; background-size:150%;}
.banner .swiper-pagination{ position:absolute; right:3%; top:50%; transform:translateY(-50%); z-index:3;}
.banner .swiper-pagination span{ display:block; overflow:hidden; width:2px; height:20px; margin:6px 0; background-color:#fff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#006ebc;}
.banner .down{ cursor:pointer; position:absolute; left:50%; transform:translateX(-50%); bottom:15px; z-index:9;}
.banner .down img{ display:block; height:20px;}
}

/*我们的产品*/
@media screen and (min-width:1367px){
.abox{ width:100%; position:relative; z-index:1; display:flex; background-color:#fff;}
.abox .right{ width:50%; margin:100px 0; background-position:center; background-repeat:no-repeat; background-size:cover; display:flex; align-items:center;}
.abox .right img{ width:13%; max-width:100%; cursor:pointer; display:block; margin:auto;}
.abox .left{ padding:140px 12.5%; padding-right:5.2%; width:32.3%;}
.abox .left .a01{ width:100%; display:flex;}
.abox .left .a01 a{ display:block; height:100px;}
.abox .left .a01 b{ display:block; height:100px; margin-left:9.88%;}
.abox .left .a01 img{ display:block; height:100px;}
.abox .left .a02{ width:100%; margin-top:50px; display:none;}
.abox .left .a02 li{ display:block; float:left; overflow:hidden; margin-right:6%;}
.abox .left .a02 li:last-child{ margin-right:0;}
.abox .left .a02 li img{ height:50px; display:block; float:left;}
.abox .left .a02 li p{ margin-left:10px; display:block; float:left;}
.abox .left .a02 li p span{ display:block; font-size:20px; line-height:30px; height:30px; overflow:hidden;}
.abox .left .a02 li p a{ display:block; font-size:14px; line-height:24px; height:24px; margin-top:-2px; overflow:hidden; color:#999;}
.abox .left .a03{ width:100%; margin-top:45px; font-weight:bold; font-size:26px; line-height:36px;}
.abox .left .a04{ width:100%; margin-top:5px; font-size:16px; line-height:26px;}
.abox .left .a05{ width:100%; margin-top:18px; font-size:16px; line-height:30px; height:150px;}
.abox .left .more{ width:100%; margin-top:48px;}
.abox .left .more p{ display:block; width:28px; height:28px; border:1px dashed #006ebc; border-radius:100%; overflow:hidden; float:left;}
.abox .left .more span{ display:block; width:16px; height:16px; border:1px solid #006ebc; border-radius:100%; margin:5px; overflow:hidden;}
.abox .left .more b{ display:block; width:6px; height:6px; background-color:#006ebc; margin:5px; border-radius:100%; overflow:hidden;}
.abox .left .more a{ display:block; float:left; margin-left:10px; font-size:16px; height:30px; line-height:30px;}
.abox .left .more a:hover{ color:#006ebc;}

.xuan{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; top:0; left:0; z-index:999999; display:none;}
.xuan .box{ padding:10px; padding-bottom:0; background-color:#fff; border-radius:5px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); width:870px; box-sizing:border-box;}
.xuan .video{ width:850px;}
.xuan .video video{ width:100%; display:block; overflow:hidden;}
.xuan .wen{ margin:15px auto;}
.xuan .wen b{ font-size:18px; line-height:28px; display:block; float:left; margin:0 10px; width:800px;}
.xuan .wen a{ cursor:pointer; display:block; float:right; height:28px;}
.xuan .wen a img{ display:block; height:28px; -webkit-transition:1s linear; transition:1s ease-in;}
.xuan .wen a img:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.abox{ width:100%; position:relative; z-index:1; display:flex; background-color:#fff;}
.abox .right{ width:50%; margin:50px 0; background-position:center; background-repeat:no-repeat; background-size:cover; display:flex; align-items:center;}
.abox .right img{ width:13%; max-width:100%; cursor:pointer; display:block; margin:auto;}
.abox .left{ padding:80px 5%; width:40%;}
.abox .left .a01{ width:100%; display:flex;}
.abox .left .a01 a{ display:block; height:80px;}
.abox .left .a01 b{ display:block; height:80px; margin-left:5%;}
.abox .left .a01 img{ display:block; height:80px;}
.abox .left .a02{ width:100%; margin-top:20px; display:none;}
.abox .left .a02 li{ display:block; float:left; overflow:hidden; margin-right:5%; padding-top:20px;}
.abox .left .a02 li img{ height:50px; display:block; float:left;}
.abox .left .a02 li p{ margin-left:10px; display:block; float:left;}
.abox .left .a02 li p span{ display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden;}
.abox .left .a02 li p a{ display:block; font-size:14px; line-height:24px; height:24px; margin-top:-2px; overflow:hidden; color:#999;}
.abox .left .a03{ width:100%; margin-top:35px; font-weight:bold; font-size:22px; line-height:32px;}
.abox .left .a04{ width:100%; margin-top:5px; font-size:16px; line-height:26px;}
.abox .left .a05{ width:100%; margin-top:15px; font-size:16px; line-height:26px; height:130px;}
.abox .left .more{ width:100%; margin-top:35px;}
.abox .left .more p{ display:block; width:28px; height:28px; border:1px dashed #006ebc; border-radius:100%; overflow:hidden; float:left;}
.abox .left .more span{ display:block; width:16px; height:16px; border:1px solid #006ebc; border-radius:100%; margin:5px; overflow:hidden;}
.abox .left .more b{ display:block; width:6px; height:6px; background-color:#006ebc; margin:5px; border-radius:100%; overflow:hidden;}
.abox .left .more a{ display:block; float:left; margin-left:10px; font-size:16px; height:30px; line-height:30px;}
.abox .left .more a:hover{ color:#006ebc;}

.xuan{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; top:0; left:0; z-index:999999; display:none;}
.xuan .box{ padding:10px; padding-bottom:0; background-color:#fff; border-radius:5px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); width:94%; max-width:870px; box-sizing:border-box;}
.xuan .video{ width:100%;}
.xuan .video video{ width:100%; display:block; overflow:hidden;}
.xuan .wen{ margin:10px auto;}
.xuan .wen b{ font-size:16px; line-height:26px; display:block; float:left; margin:0 10px; width:calc(100% - 80px); overflow:hidden;}
.xuan .wen a{ cursor:pointer; display:block; float:right; height:26px;}
.xuan .wen a img{ display:block; height:26px; -webkit-transition:1s linear; transition:1s ease-in;}
.xuan .wen a img:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media only screen and (max-width:1000px){
.abox{ width:100%; position:relative; z-index:1; background-color:#fff;}
.abox .right{ width:100%; height:50vw; background-position:center; background-repeat:no-repeat; background-size:cover; display:flex; align-items:center;}
.abox .right img{ width:13%; max-width:100%; cursor:pointer; display:block; margin:auto;}
.abox .left{ padding:40px 3%; width:94%;}
.abox .left .a01{ width:100%; display:flex;}
.abox .left .a01 a{ display:block; height:50px;}
.abox .left .a01 b{ display:block; height:50px; margin-left:15px;}
.abox .left .a01 img{ display:block; height:50px;}
.abox .left .a02{ margin-top:5px; display:none; margin-left:-15px;}
.abox .left .a02 li{ display:block; float:left; overflow:hidden; margin-left:15px; padding-top:15px;}
.abox .left .a02 li img{ height:40px; display:block; float:left;}
.abox .left .a02 li p{ margin-left:10px; display:block; float:left;}
.abox .left .a02 li p span{ display:block; font-size:16px; line-height:22px; height:22px; overflow:hidden;}
.abox .left .a02 li p a{ display:block; font-size:12px; line-height:18px; height:18px; overflow:hidden; color:#999;}
.abox .left .a03{ width:100%; margin-top:15px; font-weight:bold; font-size:18px; line-height:28px;}
.abox .left .a04{ width:100%; font-size:14px; line-height:24px;}
.abox .left .a05{ width:100%; margin-top:5px; font-size:14px; line-height:24px; height:120px;}
.abox .left .more{ width:100%; margin-top:15px;}
.abox .left .more p{ display:block; width:22px; height:22px; border:1px dashed #006ebc; border-radius:100%; overflow:hidden; float:left;}
.abox .left .more span{ display:block; width:12px; height:12px; border:1px solid #006ebc; border-radius:100%; margin:4px; overflow:hidden;}
.abox .left .more b{ display:block; width:4px; height:4px; background-color:#006ebc; margin:4px; border-radius:100%; overflow:hidden;}
.abox .left .more a{ display:block; float:left; margin-left:6px; font-size:14px; height:24px; line-height:24px;}
.abox .left .more a:hover{ color:#006ebc;}

.xuan{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; top:0; left:0; z-index:999999; display:none;}
.xuan .box{ padding:5px; padding-bottom:0; background-color:#fff; border-radius:5px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); width:94%; max-width:870px; box-sizing:border-box;}
.xuan .video{ width:100%;}
.xuan .video video{ width:100%; display:block; overflow:hidden;}
.xuan .wen{ margin:5px auto;}
.xuan .wen b{ font-size:14px; line-height:24px; display:block; float:left; margin:0 5px; width:calc(100% - 40px); overflow:hidden;}
.xuan .wen a{ cursor:pointer; display:block; float:right; height:24px;}
.xuan .wen a img{ display:block; height:24px; -webkit-transition:1s linear; transition:1s ease-in;}
.xuan .wen a img:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}

/*我们的产品*/
@media screen and (min-width:1367px){
.pbox{ width:75%; padding:0 12.5%; position:relative; z-index:1; display:flex; background-color:#f1f1f1;}
.pbox .bg{ width:60%; height:100%; background-color:#006ebc; position:absolute; left:0; top:0; z-index:1;}
.pbox .left{ padding:140px 0; padding-right:4.86%; width:37.5%; float:left; position:relative; z-index:3;}
.pbox .left .title{ margin-top:-5px;}
.pbox .left .title .top{ width:100%;}
.pbox .left .title .top span{ display:block; float:left; font-size:36px; height:38px; line-height:38px; text-transform:uppercase; color:#fff;}
.pbox .left .title .top p{ display:block; float:left; margin-left:10px; padding-top:25px;}
.pbox .left .title .top p b{ display:block; background-color:#fff; width:20px; height:2px; border-radius:2px; overflow:hidden;}
.pbox .left .title .top p strong{ display:block; background-color:#fff; width:10px; height:2px; border-radius:2px; overflow:hidden; margin-top:4px;}
.pbox .left .title .bot{ width:100%; font-size:36px; line-height:46px; color:#fff; margin-top:10px;}
.pbox .left .tabox{ margin-top:60px;}
.pbox .left .tabox .p01{ font-weight:bold; font-size:26px; line-height:36px; color:#fff;}
.pbox .left .tabox .p02{ text-transform:uppercase; font-size:16px; line-height:24px; color:#fff; margin-top:5px;}
.pbox .left .tabox .p03{ font-size:16px; line-height:36px; color:#fff; margin-top:35px; height:144px;}
.pbox .left .more{ width:100%; margin-top:60px;}
.pbox .left .more p{ display:block; width:28px; height:28px; border:1px dashed #fff; border-radius:100%; overflow:hidden; float:left;}
.pbox .left .more span{ display:block; width:16px; height:16px; border:1px solid #fff; border-radius:100%; margin:5px; overflow:hidden;}
.pbox .left .more b{ display:block; width:6px; height:6px; background-color:#fff; margin:5px; border-radius:100%; overflow:hidden;}
.pbox .left .more a{ display:block; float:left; margin-left:10px; font-size:16px; height:30px; line-height:30px; color:#fff;}
.pbox .left .more a:hover{ color:#7fb947;}
.pbox .mil{ width:41.66%; float:left; position:relative; z-index:3; margin:140px 0;}
.pbox .mil img{ width:100%; display:block;}
.pbox .mil .tu{ width:26.04vw; height:26.04vw; border-radius:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pbox .mil .tu a{ width:100%; height:100%; display:block; overflow:hidden; border-radius:100%;}
.pbox .right{ width:15.98%; float:right; position:relative; z-index:3;}
.pbox .right .line{ width:2px; height:100%; background-color:#999; margin-right:5px; float:right;}
.pbox .right ul{ display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); overflow:hidden;}
.pbox .right ul li{ display:block; overflow:hidden; padding:30px 22px; padding-left:0; background-image:url(../images/pt_50.jpg); background-position:right center; background-repeat:no-repeat;}
.pbox .right ul li.on{ background-image:url(../images/pt01_42.jpg);}
.pbox .right ul li strong{ width:40px; display:block; float:right; margin-left:10px; overflow:hidden;}
.pbox .right ul li strong img{ width:100%; display:block;}
.pbox .right ul li strong img.img02{ display:none;}
.pbox .right ul li.on strong img.img01{ display:none;}
.pbox .right ul li.on strong img.img02{ display:block;}
.pbox .right ul li p{ display:block; float:right; height:40px;}
.pbox .right ul li p span{ float:right; font-size:18px; line-height:26px; height:26px; overflow:hidden; display:block;}
.pbox .right ul li.on p span{ color:#006ebc;}
.pbox .right ul li p b{ clear:right; float:right; display:block; width:30px; height:2px; border-radius:2px; background-color:#666; overflow:hidden; margin-top:5px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .right ul li p a{ clear:right; float:right; display:block; width:20px; height:2px; border-radius:2px; background-color:#666; overflow:hidden; margin-top:2px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .right ul li.on p b{ width:50px; background-color:#006ebc;}
.pbox .right ul li.on p a{ width:40px; background-color:#006ebc;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.pbox{ width:90%; padding:0 5%; position:relative; z-index:1; display:flex; background-color:#f1f1f1;}
.pbox .bg{ width:60%; height:100%; background-color:#006ebc; position:absolute; left:0; top:0; z-index:1;}
.pbox .left{ padding:80px 0; padding-right:3%; width:37.5%; float:left; position:relative; z-index:3;}
.pbox .left .title{ margin-top:-5px;}
.pbox .left .title .top{ width:100%;}
.pbox .left .title .top span{ display:block; float:left; font-size:30px; height:32px; line-height:32px; text-transform:uppercase; color:#fff;}
.pbox .left .title .top p{ display:block; float:left; margin-left:10px; padding-top:19px;}
.pbox .left .title .top p b{ display:block; background-color:#fff; width:20px; height:2px; border-radius:2px; overflow:hidden;}
.pbox .left .title .top p strong{ display:block; background-color:#fff; width:10px; height:2px; border-radius:2px; overflow:hidden; margin-top:4px;}
.pbox .left .title .bot{ width:100%; font-size:30px; line-height:40px; color:#fff; margin-top:5px;}
.pbox .left .tabox{ margin-top:30px;}
.pbox .left .tabox .p01{ font-weight:bold; font-size:22px; line-height:32px; color:#fff;}
.pbox .left .tabox .p02{ text-transform:uppercase; font-size:14px; line-height:22px; color:#fff; margin-top:5px;}
.pbox .left .tabox .p03{ font-size:16px; line-height:26px; color:#fff; margin-top:15px; height:156px;}
.pbox .left .more{ width:100%; margin-top:35px;}
.pbox .left .more p{ display:block; width:28px; height:28px; border:1px dashed #fff; border-radius:100%; overflow:hidden; float:left;}
.pbox .left .more span{ display:block; width:16px; height:16px; border:1px solid #fff; border-radius:100%; margin:5px; overflow:hidden;}
.pbox .left .more b{ display:block; width:6px; height:6px; background-color:#fff; margin:5px; border-radius:100%; overflow:hidden;}
.pbox .left .more a{ display:block; float:left; margin-left:10px; font-size:16px; height:30px; line-height:30px; color:#fff;}
.pbox .left .more a:hover{ color:#7fb947;}
.pbox .mil{ width:41.66%; float:left; position:relative; z-index:3; margin:80px 0;}
.pbox .mil img{ width:100%; display:block;}
.pbox .mil .tu{ width:30vw; height:30vw; border-radius:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pbox .mil .tu a{ width:100%; height:100%; display:block; overflow:hidden; border-radius:100%;}
.pbox .right{ width:17.84%; float:right; position:relative; z-index:3;}
.pbox .right .line{ width:2px; height:100%; background-color:#999; margin-right:5px; float:right;}
.pbox .right ul{ display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); overflow:hidden;}
.pbox .right ul li{ display:block; overflow:hidden; padding:20px 22px; padding-left:0; background-image:url(../images/pt_50.jpg); background-position:right center; background-repeat:no-repeat;}
.pbox .right ul li.on{ background-image:url(../images/pt01_42.jpg);}
.pbox .right ul li strong{ width:40px; display:block; float:right; margin-left:10px; overflow:hidden;}
.pbox .right ul li strong img{ width:100%; display:block;}
.pbox .right ul li strong img.img02{ display:none;}
.pbox .right ul li.on strong img.img01{ display:none;}
.pbox .right ul li.on strong img.img02{ display:block;}
.pbox .right ul li p{ display:block; float:right; height:40px;}
.pbox .right ul li p span{ float:right; font-size:16px; line-height:24px; height:24px; overflow:hidden; display:block;}
.pbox .right ul li.on p span{ color:#006ebc;}
.pbox .right ul li p b{ clear:right; float:right; display:block; width:30px; height:2px; border-radius:2px; background-color:#666; overflow:hidden; margin-top:5px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .right ul li p a{ clear:right; float:right; display:block; width:20px; height:2px; border-radius:2px; background-color:#666; overflow:hidden; margin-top:2px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .right ul li.on p b{ width:40px; background-color:#006ebc;}
.pbox .right ul li.on p a{ width:30px; background-color:#006ebc;}

}
@media only screen and (max-width:1000px){
.pbox{ width:100%; position:relative; z-index:1; background-color:#f1f1f1;}
.pbox .bg{ width:100%; height:calc(363px + 47vw); background-color:#006ebc; position:absolute; left:0; top:0; z-index:1;}
.pbox .left{ padding:40px 3%; width:94%; float:left; position:relative; z-index:3;}
.pbox .left .title{ margin-top:-5px;}
.pbox .left .title .top{ width:100%;}
.pbox .left .title .top span{ display:block; float:left; font-size:26px; height:30px; line-height:30px; text-transform:uppercase; color:#fff;}
.pbox .left .title .top p{ display:block; float:left; margin-left:10px; padding-top:17px;}
.pbox .left .title .top p b{ display:block; background-color:#fff; width:20px; height:2px; border-radius:2px; overflow:hidden;}
.pbox .left .title .top p strong{ display:block; background-color:#fff; width:10px; height:2px; border-radius:2px; overflow:hidden; margin-top:4px;}
.pbox .left .title .bot{ width:100%; font-size:24px; line-height:34px; color:#fff;}
.pbox .left .tabox{ margin-top:10px;}
.pbox .left .tabox .p01{ font-weight:bold; font-size:18px; line-height:28px; color:#fff;}
.pbox .left .tabox .p02{ text-transform:uppercase; font-size:14px; line-height:22px; color:#fff;}
.pbox .left .tabox .p03{ font-size:14px; line-height:24px; color:#fff; margin-top:5px; max-height:120px;}
.pbox .left .more{ width:100%; margin-top:15px;}
.pbox .left .more p{ display:block; width:22px; height:22px; border:1px dashed #fff; border-radius:100%; overflow:hidden; float:left;}
.pbox .left .more span{ display:block; width:12px; height:12px; border:1px solid #fff; border-radius:100%; margin:4px; overflow:hidden;}
.pbox .left .more b{ display:block; width:4px; height:4px; background-color:#fff; margin:4px; border-radius:100%; overflow:hidden;}
.pbox .left .more a{ display:block; float:left; margin-left:6px; font-size:14px; height:24px; line-height:24px; color:#fff;}
.pbox .mil{ width:94%; float:left; position:relative; z-index:3; margin:0 3%;}
.pbox .mil img{ width:100%; display:block;}
.pbox .mil .tu{ width:80vw; height:80vw; border-radius:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pbox .mil .tu a{ width:100%; height:100%; display:block; overflow:hidden; border-radius:100%;}
.pbox .right{ width:94%; padding:40px 3%; float:right; position:relative; z-index:3;}
.pbox .right .line{ display:none;}
.pbox .right ul{ display:block; width:100%; margin-top:-20px; overflow:hidden;}
.pbox .right ul li{ display:block; overflow:hidden; width:48.5%; margin-left:3%; margin-top:20px;}
.pbox .right ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pbox .right ul li strong{ width:40px; display:block; float:left; margin-right:10px; overflow:hidden;}
.pbox .right ul li strong img{ width:100%; display:block;}
.pbox .right ul li strong img.img02{ display:none;}
.pbox .right ul li.on strong img.img01{ display:none;}
.pbox .right ul li.on strong img.img02{ display:block;}
.pbox .right ul li p{ display:block; float:left; height:40px;}
.pbox .right ul li p span{ font-size:16px; line-height:26px; height:26px; overflow:hidden; display:block;}
.pbox .right ul li.on p span{ color:#006ebc;}
.pbox .right ul li p b{ display:block; width:20px; height:2px; border-radius:2px; background-color:#666; overflow:hidden; margin-top:5px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .right ul li p a{ display:block; width:10px; height:2px; border-radius:2px; background-color:#666; overflow:hidden; margin-top:2px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .right ul li.on p b{ width:30px; background-color:#006ebc;}
.pbox .right ul li.on p a{ width:20px; background-color:#006ebc;}
}

/*解决方案*/
@media screen and (min-width:1367px){
.sbox{ width:100%; padding:140px 0; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.sbox .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.sbox .title span{ display:block; font-size:24px; line-height:30px; height:30px; color:#fff; text-transform:uppercase;}
.sbox .title p{ display:flex; justify-content:center; align-items:center; margin-top:4px;}
.sbox .title p img{ display:block;}
.sbox .title p b{ display:block; font-size:36px; line-height:46px; height:46px; color:#fff; margin:0 20px;}
.sbox .tab_menu{ width:100%; height:39px; border-bottom:1px solid rgba(255,255,255,.3); display:flex; justify-content:center; margin-top:25px; position:relative; z-index:3;}
.sbox .tab_menu li{ display:block; cursor:pointer; margin:0 5px; padding:0 20px; font-size:18px; line-height:38px; height:38px; color:#fff;}
.sbox .tab_menu li.on{ border-bottom:2px solid #7fbf3b; color:#7fbf3b;}
.sbox .tabox{ width:100%; margin-top:50px; position:relative; z-index:3;}
.sbox .tabox .box{ height:0; overflow:hidden; width:100%;}
.sbox .tabox .box.hei{ height:auto;}
.sbox .tabox .swiper-container{ width:920px; margin:auto; overflow:visible; position:relative;}
.sbox .tabox .swiper-slide{ width:480px; height:350px; background-color:#fff; border-radius:5px; overflow:hidden; margin-right:7.6%;}
.sbox .tabox .swiper-slide .left{ display:none; width:380px; padding:45px 30px; padding-bottom:0; float:left; position:relative;}
.sbox .tabox .swiper-slide .left .s01{ font-size:100px; line-height:120px; opacity:.1; position:absolute; top:0; left:15px; z-index:1;}
.sbox .tabox .swiper-slide .left .s02{ font-size:26px; line-height:36px; font-weight:bold; position:relative; z-index:3;}
.sbox .tabox .swiper-slide .left .s03{ font-size:16px; line-height:26px; height:78px; position:relative; z-index:3; margin-top:25px;}
.sbox .tabox .swiper-slide .left .s04{ font-size:18px; line-height:28px; font-weight:bold; position:relative; z-index:3; margin-top:20px;}
.sbox .tabox .swiper-slide .left .s05{ width:380px; position:relative; z-index:3; margin-top:5px;}
.sbox .tabox .swiper-slide .left .s05 a{ width:50%; display:block; float:left; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#006ebc;}
.sbox .tabox .swiper-slide .left .s05 a:hover{ color:#7fbf3b;}
.sbox .tabox .swiper-slide .right{ width:450px; height:320px; margin:15px; border-radius:5px; float:left; position:relative;}
.sbox .tabox .swiper-slide .right img{ width:100%; display:block;}
.sbox .tabox .swiper-slide.swiper-slide-active{ width:920px; background-color:transparent; background-image:url(../images/sbg_59.png); background-size:100% 100%;}
.sbox .tabox .swiper-slide.swiper-slide-active .left{ display:block;}
.sbox .tabox .swiper-slide.swiper-slide-active .right{ margin:15px 30px; margin-left:0;}
.sbox .tabox .swiper-button-white{ width:50px; height:50px; border-radius:100%; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); position:absolute; top:50%; margin-top:-25px; background-position:center; background-repeat:no-repeat;}
.sbox .tabox .swiper-button-prev{ left:-4.89%; margin-left:-50px; background-image:url(../images/prev.png);}
.sbox .tabox .swiper-button-next{ right:-4.89%; margin-right:-50px; background-image:url(../images/next.png);}
.sbox .tabox .swiper-button-prev:hover{ background-image:url(../images/prevh.png);}
.sbox .tabox .swiper-button-next:hover{ background-image:url(../images/nexth.png);}
.sbox .tabox .more{ width:100%; margin-top:50px; display:flex; justify-content:center;}
.sbox .tabox .more p{ display:block; width:28px; height:28px; border:1px dashed #fff; border-radius:100%; overflow:hidden; float:left;}
.sbox .tabox .more span{ display:block; width:16px; height:16px; border:1px solid #fff; border-radius:100%; margin:5px; overflow:hidden;}
.sbox .tabox .more b{ display:block; width:6px; height:6px; background-color:#fff; margin:5px; border-radius:100%; overflow:hidden;}
.sbox .tabox .more a{ display:block; float:left; margin-left:10px; font-size:16px; height:30px; line-height:30px; color:#fff;}
.sbox .tabox .more a:hover{ color:#7fb947;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.sbox{ width:100%; padding:80px 0; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.sbox .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.sbox .title span{ display:block; font-size:20px; line-height:24px; height:24px; color:#fff; text-transform:uppercase;}
.sbox .title p{ display:flex; justify-content:center; align-items:center; margin-top:1px;}
.sbox .title p img{ display:block;}
.sbox .title p b{ display:block; font-size:30px; line-height:40px; height:40px; color:#fff; margin:0 15px;}
.sbox .tab_menu{ width:100%; height:37px; border-bottom:1px solid rgba(255,255,255,.3); display:flex; justify-content:center; margin-top:15px; position:relative; z-index:3;}
.sbox .tab_menu li{ display:block; cursor:pointer; margin:0 5px; padding:0 15px; font-size:16px; line-height:36px; height:36px; color:#fff;}
.sbox .tab_menu li.on{ border-bottom:2px solid #7fbf3b; color:#7fbf3b;}
.sbox .tabox{ width:100%; margin-top:40px; position:relative; z-index:3;}
.sbox .tabox .box{ height:0; overflow:hidden; width:100%;}
.sbox .tabox .box.hei{ height:auto;}
.sbox .tabox .swiper-container{ width:820px; margin:auto; overflow:visible; position:relative;}
.sbox .tabox .swiper-slide{ width:410px; height:300px; background-color:#fff; border-radius:5px; overflow:hidden; margin-right:3%;}
.sbox .tabox .swiper-slide .left{ display:none; width:380px; padding:35px 20px; padding-bottom:0; float:left; position:relative;}
.sbox .tabox .swiper-slide .left .s01{ font-size:80px; line-height:100px; opacity:.1; position:absolute; top:0; left:10px; z-index:1;}
.sbox .tabox .swiper-slide .left .s02{ font-size:22px; line-height:32px; font-weight:bold; position:relative; z-index:3;}
.sbox .tabox .swiper-slide .left .s03{ font-size:14px; line-height:24px; height:72px; position:relative; z-index:3; margin-top:15px;}
.sbox .tabox .swiper-slide .left .s04{ font-size:16px; line-height:26px; font-weight:bold; position:relative; z-index:3; margin-top:10px;}
.sbox .tabox .swiper-slide .left .s05{ width:380px; position:relative; z-index:3; margin-top:3px;}
.sbox .tabox .swiper-slide .left .s05 a{ width:50%; display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#006ebc;}
.sbox .tabox .swiper-slide .left .s05 a:hover{ color:#7fbf3b;}
.sbox .tabox .swiper-slide .right{ width:380px; height:270px; margin:15px; border-radius:5px; float:left; position:relative;}
.sbox .tabox .swiper-slide .right img{ width:100%; display:block;}
.sbox .tabox .swiper-slide.swiper-slide-active{ width:820px; background-color:transparent; background-image:url(../images/sbg_59.png); background-size:100% 100%;}
.sbox .tabox .swiper-slide.swiper-slide-active .left{ display:block;}
.sbox .tabox .swiper-slide.swiper-slide-active .right{ margin:15px 20px; margin-left:0;}
.sbox .tabox .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); position:absolute; top:50%; margin-top:-25px; background-position:center; background-repeat:no-repeat; background-size:20px auto;}
.sbox .tabox .swiper-button-prev{ left:-3.5%; margin-left:-20px; background-image:url(../images/prev.png);}
.sbox .tabox .swiper-button-next{ right:-3.5%; margin-right:-20px; background-image:url(../images/next.png);}
.sbox .tabox .swiper-button-prev:hover{ background-image:url(../images/prevh.png);}
.sbox .tabox .swiper-button-next:hover{ background-image:url(../images/nexth.png);}
.sbox .tabox .more{ width:100%; margin-top:40px; display:flex; justify-content:center;}
.sbox .tabox .more p{ display:block; width:28px; height:28px; border:1px dashed #fff; border-radius:100%; overflow:hidden; float:left;}
.sbox .tabox .more span{ display:block; width:16px; height:16px; border:1px solid #fff; border-radius:100%; margin:5px; overflow:hidden;}
.sbox .tabox .more b{ display:block; width:6px; height:6px; background-color:#fff; margin:5px; border-radius:100%; overflow:hidden;}
.sbox .tabox .more a{ display:block; float:left; margin-left:10px; font-size:16px; height:30px; line-height:30px; color:#fff;}
.sbox .tabox .more a:hover{ color:#7fb947;}
}
@media only screen and (max-width:1000px){
.sbox{ width:100%; padding:40px 0; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.sbox .title{ width:94%; padding:0 3%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.sbox .title span{ display:block; font-size:16px; line-height:22px; height:22px; color:#fff; text-transform:uppercase;}
.sbox .title p{ display:flex; justify-content:center; align-items:center; margin-top:-2px;}
.sbox .title p img{ display:block; height:8px;}
.sbox .title p b{ display:block; font-size:20px; line-height:30px; height:30px; color:#fff; margin:0 10px;}
.sbox .tab_menu{ width:100%; height:31px; border-bottom:1px solid rgba(255,255,255,.3); display:flex; justify-content:center; position:relative; z-index:3; margin-top:3px;}
.sbox .tab_menu li{ display:block; cursor:pointer; margin:0 5px; padding:0 10px; font-size:14px; line-height:30px; height:30px; color:#fff;}
.sbox .tab_menu li.on{ border-bottom:2px solid #7fbf3b; color:#7fbf3b;}
.sbox .tabox{ width:100%; margin-top:20px; position:relative; z-index:3;}
.sbox .tabox .box{ height:0; overflow:hidden; width:100%;}
.sbox .tabox .box.hei{ height:auto;}
.sbox .tabox .swiper-container{ width:75%; margin:auto; overflow:visible; position:relative;}
.sbox .tabox .swiper-container .swiper-wrapper{ align-items:center;}
.sbox .tabox .swiper-slide{ width:100%; background-color:#fff; border-radius:5px; overflow:hidden; margin-right:15px;}
.sbox .tabox .swiper-slide .left{ display:none; width:100%; padding:15px; padding-bottom:0; box-sizing:border-box; float:left; position:relative;}
.sbox .tabox .swiper-slide .left .s01{ font-size:60px; line-height:80px; opacity:.1; position:absolute; top:0; left:10px; z-index:1;}
.sbox .tabox .swiper-slide .left .s02{ font-size:18px; line-height:28px; margin-top:10px; font-weight:bold; position:relative; z-index:3;}
.sbox .tabox .swiper-slide .left .s03{ font-size:14px; line-height:24px; height:72px; position:relative; z-index:3; margin-top:10px;}
.sbox .tabox .swiper-slide .left .s04{ font-size:16px; line-height:26px; font-weight:bold; position:relative; z-index:3; margin-top:5px;}
.sbox .tabox .swiper-slide .left .s05{ width:100%; position:relative; z-index:3;}
.sbox .tabox .swiper-slide .left .s05 a{ width:48.5%; display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#006ebc; margin-left:3%;}
.sbox .tabox .swiper-slide .left .s05 a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.sbox .tabox .swiper-slide .left .s05 a:hover{ color:#7fbf3b;}
.sbox .tabox .swiper-slide .right{ width:calc(100% - 30px); margin:15px; overflow:hidden; border-radius:5px; float:left; position:relative;}
.sbox .tabox .swiper-slide .right img{ width:100%; display:block;}
.sbox .tabox .swiper-slide.swiper-slide-active .left{ display:block;}
.sbox .tabox .swiper-button-white{ width:34px; height:34px; border-radius:100%; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); position:absolute; top:50%; margin-top:-17px; background-position:center; background-repeat:no-repeat; background-size:17px auto;}
.sbox .tabox .swiper-button-prev{ left:-7%; margin-left:-17px; background-image:url(../images/prev.png);}
.sbox .tabox .swiper-button-next{ right:-7%; margin-right:-17px; background-image:url(../images/next.png);}
.sbox .tabox .swiper-button-prev:hover{ background-image:url(../images/prevh.png);}
.sbox .tabox .swiper-button-next:hover{ background-image:url(../images/nexth.png);}
.sbox .tabox .more{ width:100%; margin-top:20px; display:flex; justify-content:center;}
.sbox .tabox .more p{ display:block; width:22px; height:22px; border:1px dashed #fff; border-radius:100%; overflow:hidden; float:left;}
.sbox .tabox .more span{ display:block; width:12px; height:12px; border:1px solid #fff; border-radius:100%; margin:4px; overflow:hidden;}
.sbox .tabox .more b{ display:block; width:4px; height:4px; background-color:#fff; margin:4px; border-radius:100%; overflow:hidden;}
.sbox .tabox .more a{ display:block; float:left; margin-left:6px; font-size:14px; height:24px; line-height:24px; color:#fff;}
}

/*典型案例*/
@media screen and (min-width:1367px){
.cbox{ width:75%; padding:140px 12.5%; position:relative; z-index:1; background-color:#fff;}
.cbox .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.cbox .title span{ display:block; font-size:24px; line-height:30px; height:30px; color:#666; text-transform:uppercase;}
.cbox .title p{ display:flex; justify-content:center; align-items:center; margin-top:4px;}
.cbox .title p img{ display:block;}
.cbox .title p b{ display:block; font-size:36px; line-height:46px; height:46px; color:#333; margin:0 20px;}
.cbox .tab_menu{ width:100%; height:40px; display:flex; justify-content:center; margin-top:35px; position:relative; z-index:3;}
.cbox .tab_menu ul{ display:block; overflow:hidden; display:flex; justify-content:center; align-items:center; padding:0 40px; background-color:#f9fcfe; border-radius:40px; border:1px solid #b2d3eb;}
.cbox .tab_menu li{ display:block; cursor:pointer; font-size:18px; line-height:38px; height:38px;}
.cbox .tab_menu li.on{ color:#006ebc;}
.cbox .tab_menu span{ width:8px; height:8px; display:block; margin:0 20px; background-color:#006ebc; border-radius:100%; overflow:hidden;}
.cbox .tab_menu a{ display:block; cursor:pointer; font-size:18px; line-height:38px; height:38px;}
.cbox .tab_menu a:hover{ color:#006ebc;}
.cbox .tabox{ width:100%; margin-top:10px; position:relative; z-index:3;}
.cbox .tabox ul{ display:block; width:100%;}
.cbox .tabox ul li{ display:block; margin-top:40px; margin-left:2.78%; width:22.915%; float:left; border-radius:10px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); overflow:hidden;}
.cbox .tabox ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.cbox .tabox ul li .tu{ width:100%; border-radius:10px;}
.cbox .tabox ul li .tu img{ width:100%; display:block;}
.cbox .tabox ul li .wen{ padding:30px; padding-top:23px;}
.cbox .tabox ul li .wen .c01{ padding-left:30px; height:20px; line-height:20px; font-size:18px; text-overflow:ellipsis; white-space:nowrap; background-image:url(../images/cb_55.jpg); background-position:left center; background-repeat:no-repeat;}
.cbox .tabox ul li .wen .c02{ margin-top:10px; font-size:16px; line-height:26px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.cbox .tabox ul li .wen .c03{ margin-top:15px; padding:11px 20px; background-color:#f5fafe; border-radius:5px;}
.cbox .tabox ul li .wen .c03 p{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.cbox .tabox ul li .wen .c03 p span{ color:#999;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.cbox{ width:90%; padding:80px 5%; position:relative; z-index:1; background-color:#fff;}
.cbox .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.cbox .title span{ display:block; font-size:20px; line-height:24px; height:24px; color:#666; text-transform:uppercase;}
.cbox .title p{ display:flex; justify-content:center; align-items:center; margin-top:1px;}
.cbox .title p img{ display:block;}
.cbox .title p b{ display:block; font-size:30px; line-height:40px; height:40px; color:#333; margin:0 15px;}
.cbox .tab_menu{ width:100%; height:38px; display:flex; justify-content:center; margin-top:25px; position:relative; z-index:3;}
.cbox .tab_menu ul{ display:block; overflow:hidden; display:flex; justify-content:center; align-items:center; padding:0 30px; background-color:#f9fcfe; border-radius:40px; border:1px solid #b2d3eb;}
.cbox .tab_menu li{ display:block; cursor:pointer; font-size:16px; line-height:36px; height:36px;}
.cbox .tab_menu li.on{ color:#006ebc;}
.cbox .tab_menu span{ width:8px; height:8px; display:block; margin:0 15px; background-color:#006ebc; border-radius:100%; overflow:hidden;}
.cbox .tab_menu a{ display:block; cursor:pointer; font-size:16px; line-height:36px; height:36px;}
.cbox .tab_menu a:hover{ color:#006ebc;}
.cbox .tabox{ width:100%; margin-top:10px; position:relative; z-index:3;}
.cbox .tabox ul{ display:block; width:100%;}
.cbox .tabox ul li{ display:block; margin-top:30px; margin-left:2%; width:32%; float:left; border-radius:10px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); overflow:hidden;}
.cbox .tabox ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.cbox .tabox ul li:nth-child(4){ display:none;}
.cbox .tabox ul li .tu{ width:100%; border-radius:10px;}
.cbox .tabox ul li .tu img{ width:100%; display:block;}
.cbox .tabox ul li .wen{ padding:20px; padding-top:17px;}
.cbox .tabox ul li .wen .c01{ padding-left:30px; height:20px; line-height:20px; font-size:18px; text-overflow:ellipsis; white-space:nowrap; background-image:url(../images/cb_55.jpg); background-position:left center; background-repeat:no-repeat;}
.cbox .tabox ul li .wen .c02{ margin-top:5px; font-size:16px; line-height:26px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.cbox .tabox ul li .wen .c03{ margin-top:10px; padding:6px 15px; background-color:#f5fafe; border-radius:5px;}
.cbox .tabox ul li .wen .c03 p{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.cbox .tabox ul li .wen .c03 p span{ color:#999;}
}
@media only screen and (max-width:1000px){
.cbox{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.cbox .title{ width:94%; padding:0 3%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.cbox .title span{ display:block; font-size:16px; line-height:22px; height:22px; color:#666; text-transform:uppercase;}
.cbox .title p{ display:flex; justify-content:center; align-items:center; margin-top:-2px;}
.cbox .title p img{ display:block; height:8px;}
.cbox .title p b{ display:block; font-size:20px; line-height:30px; height:30px; color:#333; margin:0 10px;}
.cbox .tab_menu{ width:100%; height:32px; display:flex; justify-content:center; position:relative; z-index:3; margin-top:10px;}
.cbox .tab_menu ul{ display:block; overflow:hidden; display:flex; justify-content:center; align-items:center; padding:0 15px; background-color:#f9fcfe; border-radius:40px; border:1px solid #b2d3eb;}
.cbox .tab_menu li{ display:block; cursor:pointer; font-size:14px; line-height:30px; height:30px;}
.cbox .tab_menu li.on{ color:#006ebc;}
.cbox .tab_menu span{ width:6px; height:6px; display:block; margin:0 10px; background-color:#006ebc; border-radius:100%; overflow:hidden;}
.cbox .tab_menu a{ display:block; cursor:pointer; font-size:14px; line-height:30px; height:30px;}
.cbox .tab_menu a:hover{ color:#006ebc;}
.cbox .tabox{ width:100%; margin-top:5px; position:relative; z-index:3;}
.cbox .tabox ul{ display:block; width:100%;}
.cbox .tabox ul li{ display:block; margin-top:15px; margin-left:3%; width:48.5%; float:left; border-radius:5px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); overflow:hidden;}
.cbox .tabox ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.cbox .tabox ul li .tu{ width:100%; border-radius:10px;}
.cbox .tabox ul li .tu img{ width:100%; display:block;}
.cbox .tabox ul li .wen{ padding:15px 10px; padding-top:13px;}
.cbox .tabox ul li .wen .c01{ padding-left:25px; height:20px; line-height:20px; font-size:16px; text-overflow:ellipsis; white-space:nowrap; background-image:url(../images/cb_55.jpg); background-position:left center; background-repeat:no-repeat;}
.cbox .tabox ul li .wen .c02{ margin-top:5px; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.cbox .tabox ul li .wen .c03{ margin-top:10px; padding:5px 10px; background-color:#f5fafe; border-radius:5px;}
.cbox .tabox ul li .wen .c03 p{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.cbox .tabox ul li .wen .c03 p span{ color:#999;}
}

/*新闻中心*/
@media screen and (min-width:1367px){
.nbox{ width:75%; padding:140px 12.5%; position:relative; z-index:1; background-color:#f1f1f1;}
.nbox .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.nbox .title span{ display:block; font-size:24px; line-height:30px; height:30px; color:#666; text-transform:uppercase;}
.nbox .title p{ display:flex; justify-content:center; align-items:center; margin-top:4px;}
.nbox .title p img{ display:block;}
.nbox .title p b{ display:block; font-size:36px; line-height:46px; height:46px; color:#333; margin:0 20px;}
.nbox .box{ width:100%; position:relative; margin-top:45px;}
.nbox .box .left{ width:28%; margin-right:2.8%; position:relative; background-color:#fff; float:left;}
.nbox .box .left .top{ position:relative; z-index:1;}
.nbox .box .left .tu{ width:100%;}
.nbox .box .left .tu img{ width:100%; display:block;}
.nbox .box .left .wen{ padding:45px 40px; padding-bottom:55px;}
.nbox .box .left .wen .n01{ width:100%;}
.nbox .box .left .wen .n01 a{ font-size:18px; display:block; float:left; line-height:28px; height:28px; color:#006ebc;}
.nbox .box .left .wen .n01 span{ font-size:18px; display:block; float:right; line-height:28px; height:28px; color:#999; padding-left:30px; background-image:url(../images/time.png); background-position:left center; background-repeat:no-repeat;}
.nbox .box .left .wen .n02{ width:100%; margin-top:20px;}
.nbox .box .left .wen .n02 a{ display:block; font-size:20px; line-height:30px; height:60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .left .bot{ position:absolute; top:100%; left:0; z-index:3; background-color:#006ebc; height:100%; display:flex; align-items:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .left .bot .wen{ padding:0 40px;}
.nbox .box .left .bot .wen .n01 a{ color:#fff;}
.nbox .box .left .bot .wen .n01 span{ background-image:url(../images/time01.png); color:#fff;}
.nbox .box .left .bot .wen .n02 a{ color:#fff;}
.nbox .box .left .bot .wen .n03{ color:#ccc; font-size:16px; line-height:36px; height:144px; margin-top:35px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.nbox .box .left .bot .wen .n04{ width:100%; margin-top:40px;}
.nbox .box .left .bot .wen .n04 p{ display:block; width:28px; height:28px; border:1px dashed #fff; border-radius:100%; overflow:hidden; float:left;}
.nbox .box .left .bot .wen .n04 span{ display:block; width:16px; height:16px; border:1px solid #fff; border-radius:100%; margin:5px; overflow:hidden;}
.nbox .box .left .bot .wen .n04 b{ display:block; width:6px; height:6px; background-color:#fff; margin:5px; border-radius:100%; overflow:hidden;}
.nbox .box .left .bot .wen .n04 a{ display:block; float:left; margin-left:10px; font-size:16px; height:30px; line-height:30px; color:#fff;}
.nbox .box .left:hover .bot{ top:0;}
.nbox .box .right{ width:38.4%; position:absolute; right:0; top:0; height:100%;}
.nbox .box .right ul{ height:100%; width:100%; display:block;}
.nbox .box .right ul li{ width:100%; height:calc((100% - 82px)/3); overflow:hidden; display:flex; align-items:center; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd; overflow:hidden;}
.nbox .box .right ul li:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0;}
.nbox .box .right ul li .tu{ height:100%;}
.nbox .box .right ul li .tu img{ display:block; height:100%;}
.nbox .box .right ul li .wen{ flex:1; padding-left:20px;}
.nbox .box .right ul li .wen span{ display:block; overflow:hidden; margin-bottom:5px;}
.nbox .box .right ul li .wen span a{ width:100%; display:block; font-size:20px; line-height:30px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .right ul li .wen p{ display:block; font-size:16px; line-height:26px; height:52px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-bottom:10px;}
.nbox .box .right ul li .wen b{ display:block; width:50px; height:20px;}
.nbox .box .right ul li .wen b a{ display:block; width:100%; height:20px; overflow:hidden; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.nbox .box .right ul li .wen span:hover a{ color:#006ebc;}
.nbox .box .right ul li .wen b:hover a{ background-image:url(../images/more01.png);} 
}
@media screen and (min-width:1001px) and (max-width:1366px){
.nbox{ width:90%; padding:80px 5%; position:relative; z-index:1; background-color:#f1f1f1;}
.nbox .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.nbox .title span{ display:block; font-size:20px; line-height:24px; height:24px; color:#666; text-transform:uppercase;}
.nbox .title p{ display:flex; justify-content:center; align-items:center; margin-top:1px;}
.nbox .title p img{ display:block;}
.nbox .title p b{ display:block; font-size:30px; line-height:40px; height:40px; color:#333; margin:0 15px;}
.nbox .box{ width:100%; position:relative; margin-top:35px;}
.nbox .box .left{ width:29%; margin-right:2%; position:relative; background-color:#fff; float:left;}
.nbox .box .left .top{ position:relative; z-index:1;}
.nbox .box .left .tu{ width:100%;}
.nbox .box .left .tu img{ width:100%; display:block;}
.nbox .box .left .wen{ padding:35px 30px; padding-bottom:45px;}
.nbox .box .left .wen .n01{ width:100%;}
.nbox .box .left .wen .n01 a{ font-size:16px; display:block; float:left; line-height:26px; height:26px; color:#006ebc;}
.nbox .box .left .wen .n01 span{ font-size:16px; display:block; float:right; line-height:26px; height:26px; color:#999; padding-left:25px; background-image:url(../images/time.png); background-position:left center; background-repeat:no-repeat; background-size:18px auto;}
.nbox .box .left .wen .n02{ width:100%; margin-top:10px;}
.nbox .box .left .wen .n02 a{ display:block; font-size:18px; line-height:28px; height:56px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .left .bot{ position:absolute; top:100%; left:0; z-index:3; background-color:#006ebc; height:100%; display:flex; align-items:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .left .bot .wen{ padding:0 30px;}
.nbox .box .left .bot .wen .n01 a{ color:#fff;}
.nbox .box .left .bot .wen .n01 span{ background-image:url(../images/time01.png); color:#fff;}
.nbox .box .left .bot .wen .n02 a{ color:#fff;}
.nbox .box .left .bot .wen .n03{ color:#ccc; font-size:16px; line-height:26px; height:130px; margin-top:25px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.nbox .box .left .bot .wen .n04{ width:100%; margin-top:30px;}
.nbox .box .left .bot .wen .n04 p{ display:block; width:28px; height:28px; border:1px dashed #fff; border-radius:100%; overflow:hidden; float:left;}
.nbox .box .left .bot .wen .n04 span{ display:block; width:16px; height:16px; border:1px solid #fff; border-radius:100%; margin:5px; overflow:hidden;}
.nbox .box .left .bot .wen .n04 b{ display:block; width:6px; height:6px; background-color:#fff; margin:5px; border-radius:100%; overflow:hidden;}
.nbox .box .left .bot .wen .n04 a{ display:block; float:left; margin-left:10px; font-size:16px; height:30px; line-height:30px; color:#fff;}
.nbox .box .left:hover .bot{ top:0;}
.nbox .box .right{ width:38%; position:absolute; right:0; top:0; height:100%;}
.nbox .box .right ul{ height:100%; width:100%; display:block;}
.nbox .box .right ul li{ width:100%; height:calc((100% - 62px)/3); overflow:hidden; display:flex; align-items:center; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd; overflow:hidden;}
.nbox .box .right ul li:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0;}
.nbox .box .right ul li .tu{ height:100%;}
.nbox .box .right ul li .tu img{ display:block; height:100%;}
.nbox .box .right ul li .wen{ flex:1; padding-left:15px;}
.nbox .box .right ul li .wen span{ display:block; overflow:hidden;}
.nbox .box .right ul li .wen span a{ width:100%; display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .right ul li .wen p{ display:block; font-size:16px; line-height:26px; height:52px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-bottom:5px;}
.nbox .box .right ul li .wen b{ display:block; width:50px; height:20px;}
.nbox .box .right ul li .wen b a{ display:block; width:100%; height:20px; overflow:hidden; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.nbox .box .right ul li .wen span:hover a{ color:#006ebc;}
.nbox .box .right ul li .wen b:hover a{ background-image:url(../images/more01.png);} 
}
@media only screen and (max-width:1000px){
.nbox{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#f1f1f1;}
.nbox .title{ width:94%; padding:0 3%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.nbox .title span{ display:block; font-size:16px; line-height:22px; height:22px; color:#666; text-transform:uppercase;}
.nbox .title p{ display:flex; justify-content:center; align-items:center; margin-top:-2px;}
.nbox .title p img{ display:block; height:8px;}
.nbox .title p b{ display:block; font-size:20px; line-height:30px; height:30px; color:#333; margin:0 10px;}
.nbox .box{ width:100%; position:relative; margin-top:15px;}
.nbox .box .left{ width:48.5%; margin-left:3%; position:relative; background-color:#fff; float:left;}
.nbox .box .left:first-child{ margin-left:0;}
.nbox .box .left .top{ position:relative; z-index:1;}
.nbox .box .left .tu{ width:100%;}
.nbox .box .left .tu img{ width:100%; display:block;}
.nbox .box .left .wen{ padding:15px 10px; padding-bottom:20px;}
.nbox .box .left .wen .n01{ width:100%;}
.nbox .box .left .wen .n01 a{ font-size:14px; display:block; float:left; line-height:24px; height:24px; color:#006ebc;}
.nbox .box .left .wen .n01 span{ font-size:14px; display:block; float:right; line-height:24px; height:24px; color:#999; padding-left:20px; background-image:url(../images/time.png); background-position:left center; background-repeat:no-repeat; background-size:16px auto;}
.nbox .box .left .wen .n02{ width:100%; margin-top:5px;}
.nbox .box .left .wen .n02 a{ display:block; font-size:16px; line-height:26px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .left .bot{ position:absolute; top:100%; left:0; z-index:3; background-color:#006ebc; height:100%; display:flex; align-items:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .left .bot .wen{ padding:0 10px;}
.nbox .box .left .bot .wen .n01 a{ color:#fff;}
.nbox .box .left .bot .wen .n01 span{ background-image:url(../images/time01.png); color:#fff;}
.nbox .box .left .bot .wen .n02{ margin-top:0;}
.nbox .box .left .bot .wen .n02 a{ color:#fff;}
.nbox .box .left .bot .wen .n03{ color:#ccc; font-size:14px; line-height:24px; height:96px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.nbox .box .left .bot .wen .n04{ width:100%; margin-top:10px;}
.nbox .box .left .bot .wen .n04 p{ display:block; width:22px; height:22px; border:1px dashed #fff; border-radius:100%; overflow:hidden; float:left;}
.nbox .box .left .bot .wen .n04 span{ display:block; width:12px; height:12px; border:1px solid #fff; border-radius:100%; margin:4px; overflow:hidden;}
.nbox .box .left .bot .wen .n04 b{ display:block; width:4px; height:4px; background-color:#fff; margin:4px; border-radius:100%; overflow:hidden;}
.nbox .box .left .bot .wen .n04 a{ display:block; float:left; margin-left:6px; font-size:14px; height:24px; line-height:24px; color:#fff;}
.nbox .box .left:hover .bot{ top:0;}
.nbox .box .right{ width:100%; margin-top:15px;}
.nbox .box .right ul{ width:100%; display:block;}
.nbox .box .right ul li{ width:100%; overflow:hidden; display:flex; align-items:center; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd; overflow:hidden;}
.nbox .box .right ul li:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0;}
.nbox .box .right ul li .tu{ height:100px;}
.nbox .box .right ul li .tu img{ display:block; height:100%;}
.nbox .box .right ul li .wen{ flex:1; padding-left:10px;}
.nbox .box .right ul li .wen span{ display:block; overflow:hidden;}
.nbox .box .right ul li .wen span a{ width:100%; display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .right ul li .wen p{ display:block; font-size:14px; line-height:24px; height:48px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .right ul li .wen b{ display:block; width:50px; height:20px;}
.nbox .box .right ul li .wen b a{ display:block; width:100%; height:20px; overflow:hidden; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.nbox .box .right ul li .wen span:hover a{ color:#006ebc;}
.nbox .box .right ul li .wen b:hover a{ background-image:url(../images/more01.png);} 
}

/*优迈大讲堂*/
@media screen and (min-width:1367px){
.jbox{ width:100%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.jbox a{ display:flex; align-items:center; height:280px; width:75%; padding:0 12.5%; overflow:hidden;}
.jbox a img{ display:block; max-width:100%; max-height:126px;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.jbox{ width:100%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.jbox a{ display:flex; align-items:center; height:280px; width:90%; padding:0 5%; overflow:hidden;}
.jbox a img{ display:block; max-width:100%; max-height:126px;}
}
@media only screen and (max-width:1000px){
.jbox{ width:100%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.jbox a{ display:flex; align-items:center; height:200px; width:94%; padding:0 3%; overflow:hidden;}
.jbox a img{ display:block; margin:auto; max-width:100%; max-height:126px;}
}

/*合作伙伴*/
@media screen and (min-width:1367px){
.hbox{ width:100%; position:relative; z-index:1; display:flex; background-color:#f1f1f1; flex-direction:row-reverse;}
.hbox .left{ padding:140px 4.9%; padding-right:12.5%; width:42.5%; position:relative; z-index:3;}
.hbox .left .title{ margin-top:-5px;}
.hbox .left .title .top{ width:100%;}
.hbox .left .title .top span{ display:block; float:right; font-size:36px; height:38px; line-height:38px; text-transform:uppercase; color:#666;}
.hbox .left .title .top p{ display:block; float:right; margin-right:10px; padding-top:25px; width:20px;}
.hbox .left .title .top p b{ display:block; background-color:#006ebc; width:20px; height:2px; border-radius:2px; overflow:hidden;}
.hbox .left .title .top p strong{ display:block; background-color:#006ebc; width:10px; height:2px; border-radius:2px; overflow:hidden; margin-top:4px; margin-left:10px;}
.hbox .left .title .bot{ width:100%; font-size:36px; line-height:46px; color:#333; margin-top:10px; text-align:right;}
.hbox .left .h01{ font-weight:bold; font-size:26px; line-height:36px; color:#333; margin-top:20px; text-align:right;}
.hbox .left .h02{ text-transform:uppercase; font-size:16px; line-height:24px; color:#666; margin-top:5px; text-align:right;}
.hbox .left .h03{ width:100%; display:block; padding-top:70px;}
.hbox .left .h03 li{ display:block; float:left; margin-top:-25px; width:17.28%; margin-left:1.23%; position:relative;}
.hbox .left .h03 li:nth-child(1),.hbox .left .h03 li:nth-child(11),.hbox .left .h03 li:nth-child(21){ margin-left:8.68%;}
.hbox .left .h03 li:nth-child(6),.hbox .left .h03 li:nth-child(16),.hbox .left .h03 li:nth-child(26){ margin-left:0;}
.hbox .left .h03 li span{ display:block; width:100%;}
.hbox .left .h03 li span img{ width:100%; display:block;}
.hbox .left .h03 li a{ width:78.57%; height:46.67%; display:flex; align-items:center; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.hbox .left .h03 li a img{ max-width:100%; max-height:100%; margin:auto;}
.hbox .right{ width:40.1%; background-size:cover; background-position:center; background-repeat:no-repeat;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.hbox{ width:100%; position:relative; z-index:1; display:flex; background-color:#f1f1f1; flex-direction:row-reverse;}
.hbox .left{ padding:80px 5%; width:49.9%; float:left; position:relative; z-index:3;}
.hbox .left .title{ margin-top:-5px;}
.hbox .left .title .top{ width:100%;}
.hbox .left .title .top span{ display:block; float:right; font-size:30px; height:32px; line-height:32px; text-transform:uppercase; color:#666;}
.hbox .left .title .top p{ display:block; float:right; margin-right:10px; padding-top:19px; width:20px;}
.hbox .left .title .top p b{ display:block; background-color:#006ebc; width:20px; height:2px; border-radius:2px; overflow:hidden;}
.hbox .left .title .top p strong{ display:block; background-color:#006ebc; width:10px; height:2px; border-radius:2px; overflow:hidden; margin-top:4px; margin-left:10px;}
.hbox .left .title .bot{ width:100%; font-size:30px; line-height:40px; color:#333; margin-top:5px; text-align:right;}
.hbox .left .h01{ font-weight:bold; font-size:22px; line-height:32px; color:#333; margin-top:15px; text-align:right;}
.hbox .left .h02{ text-transform:uppercase; font-size:14px; line-height:22px; color:#666; margin-top:5px; text-align:right;}
.hbox .left .h03{ width:100%; display:block; padding-top:55px;}
.hbox .left .h03 li{ display:block; float:left; margin-top:-20px; width:17.28%; margin-left:1.23%; position:relative;}
.hbox .left .h03 li:nth-child(1),.hbox .left .h03 li:nth-child(11),.hbox .left .h03 li:nth-child(21){ margin-left:8.68%;}
.hbox .left .h03 li:nth-child(6),.hbox .left .h03 li:nth-child(16),.hbox .left .h03 li:nth-child(26){ margin-left:0;}
.hbox .left .h03 li span{ display:block; width:100%;}
.hbox .left .h03 li span img{ width:100%; display:block;}
.hbox .left .h03 li a{ width:78.57%; height:46.67%; display:flex; align-items:center; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.hbox .left .h03 li a img{ max-width:100%; max-height:100%; margin:auto;}
.hbox .right{ width:40.1%; background-size:cover; background-position:center; background-repeat:no-repeat;}
}
@media only screen and (max-width:1000px){
.hbox{ width:100%; position:relative; z-index:1; background-color:#f1f1f1;}
.hbox .left{ padding:40px 3%; width:94%; float:left; position:relative; z-index:3;}
.hbox .left .title{ margin-top:-5px;}
.hbox .left .title .top{ width:100%;}
.hbox .left .title .top span{ display:block; float:left; font-size:26px; height:30px; line-height:30px; text-transform:uppercase; color:#666;}
.hbox .left .title .top p{ display:block; float:left; margin-left:10px; padding-top:17px;}
.hbox .left .title .top p b{ display:block; background-color:#006ebc; width:20px; height:2px; border-radius:2px; overflow:hidden;}
.hbox .left .title .top p strong{ display:block; background-color:#006ebc; width:10px; height:2px; border-radius:2px; overflow:hidden; margin-top:4px;}
.hbox .left .title .bot{ width:100%; font-size:24px; line-height:34px; color:#333;}
.hbox .left .h01{ font-weight:bold; font-size:18px; line-height:28px; color:#333; margin-top:10px;}
.hbox .left .h02{ text-transform:uppercase; font-size:14px; line-height:22px; color:#666;}
.hbox .left .h03{ width:100%; display:block; padding-top:35px;}
.hbox .left .h03 li{ display:block; float:left; margin-top:-20px; width:27%; margin-right:3%; position:relative;}
.hbox .left .h03 li:nth-child(6n+1){ margin-left:13%;}
.hbox .left .h03 li:nth-child(3n){ margin-right:0;}
.hbox .left .h03 li span{ display:block; width:100%;}
.hbox .left .h03 li span img{ width:100%; display:block;}
.hbox .left .h03 li a{ width:78.57%; height:46.67%; display:flex; align-items:center; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.hbox .left .h03 li a img{ max-width:100%; max-height:100%; margin:auto;}
.hbox .right{ width:40.1%; background-size:cover; background-position:center; background-repeat:no-repeat;}
}

/*footer*/
@media screen and (min-width:1367px){
.footer{ width:75%; padding:70px 12.5%; padding-bottom:65px; background-color:#333; position:relative; z-index:1;}
.footer .left{ width:45.61%; float:left; margin-right:3%;}
.footer .left .f01{ height:60px;}
.footer .left .f01 img{ height:60px; display:block;}
.footer .left .f02{ width:410px; height:40px; border:1px solid #999; border-radius:5px; box-sizing:border-box; position:relative; max-width:100%; margin-top:30px;}
.footer .left .f02 select{ height:38px; line-height:38px; display:block; width:100%; background-color:#333; color:#fff; overflow:hidden; text-indent:19px; border-radius:5px;}
.footer .left .f02 b{ display:block; position:absolute; right:19px; top:50%; margin-top:-3px; width:0; height:0; border:6px solid transparent; border-top-color:#999;}
.footer .left .f03{ width:100%; padding-top:10px;}
.footer .left .f03 a{ height:20px; display:block; float:left; opacity:.5; margin-right:30px; margin-top:10px;}
.footer .left .f03 a img{ height:20px;}
.footer .left .f03 a:hover{ opacity:1;}
.footer .left .f04{ padding-top:17px;}
.footer .left .f04 p{ display:block; overflow:hidden;}
.footer .left .f04 span{ display:block; float:left; font-size:14px; line-height:24px; color:#ccc; margin-right:20px;}
.footer .left .f04 a{ display:block; float:left; font-size:14px; line-height:24px; color:#ccc;}
.footer .right{ width:51.39%; float:right;}
.footer .right .f01{ float:right; padding:17px 0;}
.footer .right .f01 a{ display:block; float:left; margin-left:; font-size:16px; line-height:26px; color:#ccc; overflow:hidden; margin-left:40px;}
.footer .right .f01 a:hover{ color:#fff;}
.footer .right .f02{ clear:right; float:left; width:calc(95% - 120px); margin-right:5%; display:block; margin-top:20px;}
.footer .right .f02 dt{ display:block; overflow:hidden; height:49px;}
.footer .right .f02 dt img{ display:block; float:left; height:49px;}
.footer .right .f02 dt p{ display:block; float:left; margin-left:15px; overflow:hidden;}
.footer .right .f02 dt p span{ display:block; font-size:14px; height:22px; line-height:22px; color:#ccc; overflow:hidden;}
.footer .right .f02 dt p a{ display:block; font-size:24px; height:26px; line-height:26px; color:#fff; overflow:hidden;}
.footer .right .f02 dd{ display:block; overflow:hidden; padding-top:15px;}
.footer .right .f02 dd p{ display:block; overflow:hidden; margin-top:6px;}
.footer .right .f02 dd p img{ width:16px; float:left; display:block; margin:4px 10px; margin-left:0;}
.footer .right .f02 dd p span{ width:calc(100% - 26px); float:left; display:block; font-size:14px; line-height:24px; color:#aaa;}
.footer .right .f03{ width:120px; display:block; float:right; margin-top:20px;}
.footer .right .f03 strong{ width:100%; display:block; overflow:hidden;}
.footer .right .f03 strong img{ width:100%; display:block;}
.footer .right .f03 p{ display:block; width:100%; text-align:center; font-size:14px; line-height:24px; color:#ccc; padding-top:10px;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.footer{ width:90%; padding:50px 5%; padding-bottom:45px; background-color:#333; position:relative; z-index:1;}
.footer .left{ width:45.61%; float:left; margin-right:3%;}
.footer .left .f01{ height:60px;}
.footer .left .f01 img{ height:60px; display:block;}
.footer .left .f02{ width:410px; height:40px; border:1px solid #999; border-radius:5px; box-sizing:border-box; position:relative; max-width:100%; margin-top:20px;}
.footer .left .f02 select{ height:38px; line-height:38px; display:block; width:100%; background-color:#333; color:#fff; overflow:hidden; text-indent:19px; border-radius:5px;}
.footer .left .f02 b{ display:block; position:absolute; right:19px; top:50%; margin-top:-3px; width:0; height:0; border:6px solid transparent; border-top-color:#999;}
.footer .left .f03{ width:100%; padding-top:5px;}
.footer .left .f03 a{ height:20px; display:block; float:left; opacity:.5; margin-right:1.5vw; margin-top:10px;}
.footer .left .f03 a img{ height:20px;}
.footer .left .f03 a:hover{ opacity:1;}
.footer .left .f04{ padding-top:10px;}
.footer .left .f04 p{ display:block; overflow:hidden;}
.footer .left .f04 span{ display:block; float:left; font-size:14px; line-height:24px; color:#ccc; margin-right:20px;}
.footer .left .f04 a{ display:block; float:left; font-size:14px; line-height:24px; color:#ccc;}
.footer .right{ width:51.39%; float:right;}
.footer .right .f01{ float:right; padding:17px 0;}
.footer .right .f01 a{ display:block; float:left; margin-left:; font-size:16px; line-height:26px; color:#ccc; overflow:hidden; margin-left:2vw;}
.footer .right .f01 a:hover{ color:#fff;}
.footer .right .f02{ clear:right; float:left; width:calc(95% - 120px); margin-right:5%; display:block; margin-top:10px;}
.footer .right .f02 dt{ display:block; overflow:hidden; height:49px;}
.footer .right .f02 dt img{ display:block; float:left; height:49px;}
.footer .right .f02 dt p{ display:block; float:left; margin-left:15px; overflow:hidden;}
.footer .right .f02 dt p span{ display:block; font-size:14px; height:22px; line-height:22px; color:#ccc; overflow:hidden;}
.footer .right .f02 dt p a{ display:block; font-size:24px; height:26px; line-height:26px; color:#fff; overflow:hidden;}
.footer .right .f02 dd{ display:block; overflow:hidden; padding-top:15px;}
.footer .right .f02 dd p{ display:block; overflow:hidden; margin-top:6px;}
.footer .right .f02 dd p img{ width:16px; float:left; display:block; margin:4px 10px; margin-left:0;}
.footer .right .f02 dd p span{ width:calc(100% - 26px); float:left; display:block; font-size:14px; line-height:24px; color:#aaa;}
.footer .right .f03{ width:120px; display:block; float:right; margin-top:10px;}
.footer .right .f03 strong{ width:100%; display:block; overflow:hidden;}
.footer .right .f03 strong img{ width:100%; display:block;}
.footer .right .f03 p{ display:block; width:100%; text-align:center; font-size:14px; line-height:24px; color:#ccc; padding-top:10px;}
}
@media only screen and (max-width:1000px){
.footer{ width:94%; padding:30px 3%; padding-bottom:25px; background-color:#333; position:relative; z-index:1;}
.footer .left{ width:100%;}
.footer .left .f01{ display:none;}
.footer .left .f02{ width:100%; height:36px; border:1px solid #999; border-radius:5px; box-sizing:border-box; position:relative; margin-top:15px;}
.footer .left .f02 select{ height:34px; line-height:34px; display:block; width:100%; background-color:#333; color:#fff; overflow:hidden; text-indent:9px; border-radius:5px;}
.footer .left .f02 b{ display:block; position:absolute; right:9px; top:50%; margin-top:-3px; width:0; height:0; border:6px solid transparent; border-top-color:#999;}
.footer .left .f03{ width:calc(100% - 85px); padding-top:5px;}
.footer .left .f03 a{ height:20px; display:block; float:left; opacity:.5; margin-right:15px; margin-top:10px;}
.footer .left .f03 a img{ height:20px;}
.footer .left .f03 a:hover{ opacity:1;}
.footer .left .f04{ padding-top:10px; width:calc(100% - 100px);}
.footer .left .f04 p{ display:block; overflow:hidden;}
.footer .left .f04 span{ display:block; font-size:14px; line-height:20px; color:#ccc; margin-bottom:2px;}
.footer .left .f04 a{ display:block; font-size:14px; line-height:20px; margin-bottom:2px; color:#ccc;}
.footer .right{ width:100%; overflow:visible; position:relative;}
.footer .right .f01{ display:none;}
.footer .right .f02{ width:100%; margin-right:3%; display:block;}
.footer .right .f02 dt{ display:block; overflow:hidden; height:49px;}
.footer .right .f02 dt img{ display:block; float:left; height:49px;}
.footer .right .f02 dt p{ display:block; float:left; margin-left:15px; overflow:hidden;}
.footer .right .f02 dt p span{ display:block; font-size:14px; height:22px; line-height:22px; color:#ccc; overflow:hidden;}
.footer .right .f02 dt p a{ display:block; font-size:24px; height:26px; line-height:26px; color:#fff; overflow:hidden;}
.footer .right .f02 dd{ display:block; overflow:hidden; padding-top:5px;}
.footer .right .f02 dd p{ display:block; overflow:hidden; margin-top:5px;}
.footer .right .f02 dd p img{ width:16px; float:left; display:block; margin:4px 10px; margin-left:0;}
.footer .right .f02 dd p span{ width:calc(100% - 26px); float:left; display:block; font-size:14px; line-height:24px; color:#aaa;}
.footer .right .f03{ width:80px; display:block; position:absolute; right:0; top:100%; margin-top:70px;}
.footer .right .f03 strong{ width:100%; display:block; overflow:hidden;}
.footer .right .f03 strong img{ width:100%; display:block;}
.footer .right .f03 p{ display:block; width:100%; text-align:center; font-size:14px; line-height:24px; color:#ccc; padding-top:5px;}
}

/*在线客服*/
@media screen and (min-width:1367px){
.xj-backtop{ position:fixed; right:1%; bottom:10%; z-index:99;}
.xj-backtop .right-con{ width:70px; display:block; margin-bottom:20px;}
.xj-backtop .fixed-item{ width:100%; height:76px; background-color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; cursor:pointer;}
.xj-backtop .right-con .fixed-item{ border-bottom:1px solid #ddd;}
.xj-backtop .right-con .fixed-item:last-child{ border-bottom:none;}
.xj-backtop .fixed-item img{ display:block; height:30px; margin:5px auto; margin-bottom:3px;}
.xj-backtop .fixed-item span{ display:block; font-size:14px; line-height:24px; height:24px; color:#666;}
.xj-backtop .fixed-item>p{ display:none; position:absolute; right:80px; bottom:0; width:100px; border-radius:5px; border:1px solid #ddd; overflow:hidden; padding:5px; padding-bottom:9px; box-shadow:0 0 1px rgba(0,0,0,.1); background-color:#fff;}
.xj-backtop .fixed-item>p img{ width:100%; display:block; height:auto; margin:auto;}
.xj-backtop .fixed-item>p b{ text-align:center; display:block; font-size:12px; line-height:14px; color:#666; font-weight:normal;}
.xj-backtop .fixed-item:hover>p{ display:block;}
.xj-backtop .fixed-item>div{ display:none; position:absolute; right:80px; bottom:0; width:200px; border-radius:5px; border:1px solid #ddd; overflow:hidden; padding:10px 15px; box-shadow:0 0 1px rgba(0,0,0,.1); background-color:#fff;}
.xj-backtop .fixed-item>div img{ display:block; float:left; height:26px; margin:10px 0;}
.xj-backtop .fixed-item>div p{ width:calc(100% - 35px); display:block; float:right;}
.xj-backtop .fixed-item>div p b{ display:block; font-size:14px; line-height:18px; height:18px; overflow:hidden; color:#999; font-weight:normal;}
.xj-backtop .fixed-item>div p strong{ display:block; font-size:24px; line-height:28px; height:28px; color:#006ebc;}
.xj-backtop .fixed-item:hover>div{ display:block;}
.xj-backtop .fixed-item#gotop{ background-color:#006ebc;}
.xj-backtop .fixed-item#gotop span{ color:#fff;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.xj-backtop{ position:fixed; right:1%; bottom:5%; z-index:99;}
.xj-backtop .right-con{ width:60px; display:block; margin-bottom:10px;}
.xj-backtop .fixed-item{ width:100%; height:66px; background-color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; cursor:pointer;}
.xj-backtop .right-con .fixed-item{ border-bottom:1px solid #ddd;}
.xj-backtop .right-con .fixed-item:last-child{ border-bottom:none;}
.xj-backtop .fixed-item img{ display:block; height:24px; margin:5px auto; margin-bottom:1px;}
.xj-backtop .fixed-item span{ display:block; font-size:12px; line-height:22px; height:22px; color:#666;}
.xj-backtop .fixed-item>p{ display:none; position:absolute; right:70px; bottom:0; width:100px; border-radius:5px; border:1px solid #ddd; overflow:hidden; padding:5px; padding-bottom:9px; box-shadow:0 0 1px rgba(0,0,0,.1); background-color:#fff;}
.xj-backtop .fixed-item>p img{ width:100%; display:block; height:auto; margin:auto;}
.xj-backtop .fixed-item>p b{ text-align:center; display:block; font-size:12px; line-height:14px; color:#666; font-weight:normal;}
.xj-backtop .fixed-item:hover>p{ display:block;}
.xj-backtop .fixed-item>div{ display:none; position:absolute; right:80px; bottom:0; width:180px; border-radius:5px; border:1px solid #ddd; overflow:hidden; padding:5px 10px; box-shadow:0 0 1px rgba(0,0,0,.1); background-color:#fff;}
.xj-backtop .fixed-item>div img{ display:block; float:left; height:26px; margin:7px 0;}
.xj-backtop .fixed-item>div p{ width:calc(100% - 35px); display:block; float:right;}
.xj-backtop .fixed-item>div p b{ display:block; font-size:12px; line-height:16px; height:16px; overflow:hidden; color:#999; font-weight:normal;}
.xj-backtop .fixed-item>div p strong{ display:block; font-size:20px; line-height:24px; height:24px; color:#006ebc;}
.xj-backtop .fixed-item:hover>div{ display:block;}
.xj-backtop .fixed-item#gotop{ background-color:#006ebc;}
.xj-backtop .fixed-item#gotop span{ color:#fff;}
}
@media only screen and (max-width:1000px){
.xj-backtop{ position:fixed; right:3%; bottom:15px; z-index:99;}
.xj-backtop .right-con{ width:40px; display:block; margin-bottom:10px;}
.xj-backtop .fixed-item{ width:100%; height:40px; background-color:#006ebc; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; cursor:pointer;}
.xj-backtop .right-con .fixed-item{ display:none;}
.xj-backtop .fixed-item img{ display:block; height:20px; margin:0 auto;}
.xj-backtop .fixed-item span{ display:none; font-size:12px; line-height:22px; height:17px; color:#fff;}
}

/*内页*/
@media screen and (min-width:1367px){
.ban{ width:100%; height:400px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1; border-top:140px solid #fff;}
.ban .box{ width:75%; height:100%; padding:0 12.5%; position:relative; z-index:1; display:flex; align-items:center; background:linear-gradient(to right,rgba(0,110,188,.0),rgba(0,110,188,0));}
.ban .title{ width:100%;}
.ban .title .top{ width:100%;}
.ban .title .top span{ display:block; float:left; font-size:36px; height:38px; line-height:38px; text-transform:uppercase; color:#fff;}
.ban .title .top p{ display:block; float:left; margin-left:10px; padding-top:25px;}
.ban .title .top p b{ display:block; background-color:#fff; width:20px; height:2px; border-radius:2px; overflow:hidden;}
.ban .title .top p strong{ display:block; background-color:#fff; width:10px; height:2px; border-radius:2px; overflow:hidden; margin-top:4px;}
.ban .title .bot{ width:100%; font-size:36px; line-height:46px; color:#fff; margin-top:10px;}
.ban .wei{ position:absolute; left:12.5%; z-index:3; bottom:25px; padding-left:26px; background-image:url(../images/home_03.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#fff;}
.ban .wei a{ color:#fff;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.ban{ width:100%; height:300px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1; border-top:130px solid #fff;}
.ban .box{ width:90%; height:100%; padding:0 5%; position:relative; z-index:1; display:flex; align-items:center; background:linear-gradient(to right,rgba(0,110,188,.0),rgba(0,110,188,0));}
.ban .title{ width:100%;}
.ban .title .top{ width:100%;}
.ban .title .top span{ display:block; float:left; font-size:30px; height:32px; line-height:32px; text-transform:uppercase; color:#fff;}
.ban .title .top p{ display:block; float:left; margin-left:10px; padding-top:19px;}
.ban .title .top p b{ display:block; background-color:#fff; width:20px; height:2px; border-radius:2px; overflow:hidden;}
.ban .title .top p strong{ display:block; background-color:#fff; width:10px; height:2px; border-radius:2px; overflow:hidden; margin-top:4px;}
.ban .title .bot{ width:100%; font-size:30px; line-height:40px; color:#fff; margin-top:5px;}
.ban .wei{ position:absolute; left:5%; z-index:3; bottom:15px; padding-left:26px; background-image:url(../images/home_03.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#fff;}
.ban .wei a{ color:#fff;}
}
@media only screen and (max-width:1000px){
.ban{ width:100%; height:200px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1; border-top:60px solid #fff;}
.ban .box{ width:100%; height:100%; padding:0 3%; padding-bottom:30px; box-sizing:border-box; position:relative; z-index:1; display:flex; align-items:center; background:linear-gradient(to right,rgba(0,110,188,.0),rgba(0,110,188,0));}
.ban .title{ width:100%;}
.ban .title .top{ width:100%;}
.ban .title .top span{ display:block; float:left; font-size:26px; height:30px; line-height:30px; text-transform:uppercase; color:#fff;}
.ban .title .top p{ display:block; float:left; margin-left:10px; padding-top:17px;}
.ban .title .top p b{ display:block; background-color:#fff; width:20px; height:2px; border-radius:2px; overflow:hidden;}
.ban .title .top p strong{ display:block; background-color:#fff; width:10px; height:2px; border-radius:2px; overflow:hidden; margin-top:4px;}
.ban .title .bot{ width:100%; font-size:24px; line-height:34px; color:#fff;}
.ban .wei{ position:absolute; left:3%; z-index:3; bottom:10px; padding-left:20px; background-image:url(../images/home_03.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#fff; background-size:14px auto;}
.ban .wei a{ color:#fff;}
}

/*产品中心*/
@media screen and (min-width:1367px){
.pro{ width:75%; padding:70px 12.5%; padding-bottom:100px; background-color:#f1f1f1; position:relative; z-index:1;}
.pro .sav{ margin-left:-12px; margin-right:-12px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.pro .sav a{ margin:0 12px; flex:1; margin-bottom:20px; height:60px; border-radius:10px; background-color:#fff; overflow:hidden; display:flex; justify-content:center; align-items:center;}
.pro .sav a strong{ display:block; height:30px; overflow:hidden; margin-right:10px;}
.pro .sav a strong img{ display:block; height:30px;}
.pro .sav a strong img.img02{ display:none;}
.pro .sav a span{ display:block; font-size:18px; line-height:28px; overflow:hidden; height:28px;}
.pro .sav a:hover span{ color:#006ebc;}
.pro .sav a.on{ background-color:#006ebc;}
.pro .sav a.on strong img.img01{ display:none;}
.pro .sav a.on strong img.img02{ display:block;}
.pro .sav a.on span{ color:#fff;}
.pro .list{ display:block; overflow:hidden;}
.pro .list li{ width:100%; display:flex; align-items:center; overflow:hidden; margin-top:50px;}
.pro .list li .tu{ width:48.61%; border-radius:10px;}
.pro .list li .tu img{ width:100%; display:block;}
.pro .list li .wen{ width:46.53%; margin-left:4.68%;}
.pro .list li .wen .w01{ width:100%; display:flex; align-items:center;}
.pro .list li .wen .w01 strong{ display:flex; align-items:center; width:80px; height:80px; border-radius:100%; background-color:#006ebc; overflow:hidden;}
.pro .list li .wen .w01 strong img{ max-height:40px; max-width:40px; display:block; margin:auto;}
.pro .list li .wen .w01 p{ display:block; flex:1; margin-left:20px; overflow:hidden;}
.pro .list li .wen .w01 p span{ display:block; overflow:hidden; font-size:18px; line-height:28px; height:28px; color:#666;}
.pro .list li .wen .w01 p a{ display:block; overflow:hidden; font-size:26px; line-height:36px; height:36px; color:#333; font-weight:bold; margin-top:5px;}
.pro .list li .wen .w01 p a:hover{ color:#006ebc;}
.pro .list li .wen .w02{ font-size:16px; line-height:30px; margin-top:23px; height:150px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.pro .list li .wen .w03{ width:100%; margin-top:33px;}
.pro .list li .wen .w03 p{ display:block; width:28px; height:28px; border:1px dashed #006ebc; border-radius:100%; overflow:hidden; float:left;}
.pro .list li .wen .w03 span{ display:block; width:16px; height:16px; border:1px solid #006ebc; border-radius:100%; margin:5px; overflow:hidden;}
.pro .list li .wen .w03 b{ display:block; width:6px; height:6px; background-color:#006ebc; margin:5px; border-radius:100%; overflow:hidden;}
.pro .list li .wen .w03 a{ display:block; float:left; margin-left:10px; font-size:16px; height:30px; line-height:30px;}
.pro .list li .wen .w03 a:hover{ color:#006ebc;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.pro{ width:90%; padding:50px 5%; padding-bottom:70px; background-color:#f1f1f1; position:relative; z-index:1;}
.pro .sav{ margin-left:-8px; margin-right:-8px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.pro .sav a{ margin:0 8px; flex:1; margin-bottom:10px; height:50px; border-radius:10px; background-color:#fff; overflow:hidden; display:flex; justify-content:center; align-items:center;}
.pro .sav a strong{ display:block; height:24px; overflow:hidden; margin-right:10px;}
.pro .sav a strong img{ display:block; height:24px;}
.pro .sav a strong img.img02{ display:none;}
.pro .sav a span{ display:block; font-size:16px; line-height:26px; overflow:hidden; height:26px;}
.pro .sav a:hover span{ color:#006ebc;}
.pro .sav a.on{ background-color:#006ebc;}
.pro .sav a.on strong img.img01{ display:none;}
.pro .sav a.on strong img.img02{ display:block;}
.pro .sav a.on span{ color:#fff;}
.pro .list{ display:block; overflow:hidden;}
.pro .list li{ width:100%; display:flex; align-items:center; overflow:hidden; margin-top:40px;}
.pro .list li .tu{ width:50%; border-radius:10px;}
.pro .list li .tu img{ width:100%; display:block;}
.pro .list li .wen{ width:48%; margin-left:4%;}
.pro .list li .wen .w01{ width:100%; display:flex; align-items:center;}
.pro .list li .wen .w01 strong{ display:flex; align-items:center; width:60px; height:60px; border-radius:100%; background-color:#006ebc; overflow:hidden;}
.pro .list li .wen .w01 strong img{ max-height:30px; max-width:30px; display:block; margin:auto;}
.pro .list li .wen .w01 p{ display:block; flex:1; margin-left:15px; overflow:hidden;}
.pro .list li .wen .w01 p span{ display:block; overflow:hidden; font-size:16px; line-height:26px; height:26px; color:#666;}
.pro .list li .wen .w01 p a{ display:block; overflow:hidden; font-size:22px; line-height:32px; height:32px; color:#333; font-weight:bold;}
.pro .list li .wen .w01 p a:hover{ color:#006ebc;}
.pro .list li .wen .w02{ font-size:16px; line-height:26px; margin-top:15px; height:104px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.pro .list li .wen .w03{ width:100%; margin-top:25px;}
.pro .list li .wen .w03 p{ display:block; width:28px; height:28px; border:1px dashed #006ebc; border-radius:100%; overflow:hidden; float:left;}
.pro .list li .wen .w03 span{ display:block; width:16px; height:16px; border:1px solid #006ebc; border-radius:100%; margin:5px; overflow:hidden;}
.pro .list li .wen .w03 b{ display:block; width:6px; height:6px; background-color:#006ebc; margin:5px; border-radius:100%; overflow:hidden;}
.pro .list li .wen .w03 a{ display:block; float:left; margin-left:10px; font-size:16px; height:30px; line-height:30px;}
.pro .list li .wen .w03 a:hover{ color:#006ebc;}

}
@media only screen and (max-width:1000px){
.pro{ width:94%; padding:30px 3%; padding-bottom:40px; background-color:#f1f1f1; position:relative; z-index:1;}
.pro .sav{ display:flex; flex-wrap:wrap;}
.pro .sav a{ margin-left:3%; width:48.5%; margin-bottom:10px; height:40px; border-radius:10px; background-color:#fff; overflow:hidden; display:flex; justify-content:center; align-items:center;}
.pro .sav a:nth-child(2n+1){ margin-left:0;}
.pro .sav a strong{ display:block; height:20px; overflow:hidden; margin-right:10px;}
.pro .sav a strong img{ display:block; height:20px;}
.pro .sav a strong img.img02{ display:none;}
.pro .sav a span{ display:block; font-size:16px; line-height:26px; overflow:hidden; height:26px;}
.pro .sav a:hover span{ color:#006ebc;}
.pro .sav a.on{ background-color:#006ebc;}
.pro .sav a.on strong img.img01{ display:none;}
.pro .sav a.on strong img.img02{ display:block;}
.pro .sav a.on span{ color:#fff;}
.pro .list{ display:block; overflow:hidden;}
.pro .list li{ width:100%; overflow:hidden; margin-top:20px;}
.pro .list li .tu{ width:100%; border-radius:10px;}
.pro .list li .tu img{ width:100%; display:block;}
.pro .list li .wen{ width:100%; margin-top:15px;}
.pro .list li .wen .w01{ width:100%; display:flex; align-items:center;}
.pro .list li .wen .w01 strong{ display:flex; align-items:center; width:50px; height:50px; border-radius:100%; background-color:#006ebc; overflow:hidden;}
.pro .list li .wen .w01 strong img{ max-height:20px; max-width:20px; display:block; margin:auto;}
.pro .list li .wen .w01 p{ display:block; flex:1; margin-left:10px; overflow:hidden;}
.pro .list li .wen .w01 p span{ display:block; overflow:hidden; font-size:14px; line-height:22px; height:22px; color:#666;}
.pro .list li .wen .w01 p a{ display:block; overflow:hidden; font-size:18px; line-height:26px; height:26px; color:#333; font-weight:bold;}
.pro .list li .wen .w01 p a:hover{ color:#006ebc;}
.pro .list li .wen .w02{ font-size:14px; line-height:24px; margin-top:10px; height:96px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.pro .list li .wen .w03{ width:100%; margin-top:10px;}
.pro .list li .wen .w03 p{ display:block; width:22px; height:22px; border:1px dashed #006ebc; border-radius:100%; overflow:hidden; float:left;}
.pro .list li .wen .w03 span{ display:block; width:12px; height:12px; border:1px solid #006ebc; border-radius:100%; margin:4px; overflow:hidden;}
.pro .list li .wen .w03 b{ display:block; width:4px; height:4px; background-color:#006ebc; margin:4px; border-radius:100%; overflow:hidden;}
.pro .list li .wen .w03 a{ display:block; float:left; margin-left:6px; font-size:14px; height:24px; line-height:24px;}
.pro .list li .wen .w03 a:hover{ color:#006ebc;}
}

/*产品内页*/
@media screen and (min-width:1367px){
.dao{ width:100%; height:70px; background-color:#fff; display:flex; flex-wrap:wrap; justify-content:center;}
.dao a{ margin:0 20px; height:70px; line-height:70px; font-size:18px; font-weight:bold; position:relative;}
.dao a:hover,.dao a.on{ color:#006ebc;}
.dao a.on b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#006ebc;}

.pro01{ width:75%; padding:100px 12.5%; background-color:#f1f1f1; position:relative; z-index:1; display:flex; align-items:center;}
.pro01 .tu{ width:48.61%; border-radius:10px;}
.pro01 .tu img{ width:100%; display:block;}
.pro01 .wen{ width:46.53%; margin-left:4.68%;}
.pro01 .wen .w01{ width:100%; display:flex; align-items:center; padding-top:7px;}
.pro01 .wen .w01 strong{ display:flex; align-items:center; width:80px; height:80px; border-radius:100%; background-color:#006ebc; overflow:hidden;}
.pro01 .wen .w01 strong img{ max-height:40px; max-width:40px; display:block; margin:auto;}
.pro01 .wen .w01 p{ display:block; flex:1; margin-left:20px; overflow:hidden;}
.pro01 .wen .w01 p b{ display:block; overflow:hidden; font-size:26px; line-height:36px; height:36px; color:#333;}
.pro01 .wen .w01 p a{ display:block; overflow:hidden; font-size:16px; line-height:26px; height:26px; color:#333; text-transform:uppercase;}
.pro01 .wen .w02{ font-size:20px; line-height:30px; margin-top:35px; font-weight:bold;}
.pro01 .wen .w03{ font-size:16px; line-height:30px; margin-top:8px;}

.pro02{ width:75%; padding:100px 12.5%; padding-bottom:95px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro02 .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.pro02 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.pro02 .title span{ display:block; font-size:24px; line-height:30px; height:30px; color:#fff; text-transform:uppercase;}
.pro02 .title p{ display:flex; justify-content:center; align-items:center; margin-top:4px;}
.pro02 .title p img{ display:block;}
.pro02 .title p b{ display:block; font-size:36px; line-height:46px; height:46px; color:#fff; margin:0 20px;}
.pro02 .box{ width:100%; display:block; position:relative; z-index:3;}
.pro02 .box li{ width:47.22%; display:block; float:left; margin-top:35px; margin-left:5.56%;}
.pro02 .box li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro02 .box li .tu{ width:80px; display:block; float:left; overflow:hidden;}
.pro02 .box li .tu img{ width:56px; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.pro02 .box li .wen{ width:calc(100% - 80px); float:left;}
.pro02 .box li .wen .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff; margin-top:10px;}
.pro02 .box li .wen .w02{ font-size:16px; line-height:26px; color:#fff; margin-top:10px;}
.pro02 .box li:hover .tu img{ -webkit-transform:rotateY(-360deg);}

.pro04{ width:75%; padding:100px 12.5%; padding-bottom:95px; position:relative; z-index:1; background-color:#fff;}
.pro04 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.pro04 .title span{ display:block; font-size:24px; line-height:30px; height:30px; color:#666; text-transform:uppercase;}
.pro04 .title p{ display:flex; justify-content:center; align-items:center; margin-top:4px;}
.pro04 .title p img{ display:block;}
.pro04 .title p b{ display:block; font-size:36px; line-height:46px; height:46px; color:#333; margin:0 20px;}
.pro04 .box{ width:100%; display:block; position:relative; z-index:3; margin-top:-5px; display:flex; flex-wrap:wrap;}
.pro04 .box li{ width:47.22%; display:block; float:left; margin-top:40px; margin-left:5.56%; background-color:#f1f1f1; padding:35px 3%; padding-top:40px; box-sizing:border-box; border-radius:10px;}
.pro04 .box li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro04 .box li .tu{ width:100%; display:block; overflow:hidden;}
.pro04 .box li .tu img{ height:100px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.pro04 .box li .w01{ text-align:center; font-size:20px; line-height:30px; font-weight:bold; color:#333; margin-top:15px;}
.pro04 .box li .w02{ width:60px; height:2px; display:block; margin:10px auto; background-color:#006ebc;}
.pro04 .box li .w03{ font-size:16px; line-height:26px; color:#333; margin-top:15px;}
.pro04 .box li:hover .tu img{ -webkit-transform:rotateY(-360deg);}

.pro03{ width:75%; padding:100px 12.5%; position:relative; z-index:1; background-color:#f1f1f1;}
.pro03 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.pro03 .title span{ display:block; font-size:24px; line-height:30px; height:30px; color:#666; text-transform:uppercase;}
.pro03 .title p{ display:flex; justify-content:center; align-items:center; margin-top:4px;}
.pro03 .title p img{ display:block;}
.pro03 .title p b{ display:block; font-size:36px; line-height:46px; height:46px; color:#333; margin:0 20px;}
.pro03 .box{ width:100%; margin-top:35px; position:relative; z-index:3;}
.pro03 .box img{ display:block; margin:auto; max-width:100%;}

.pro05{ width:75%; padding:100px 12.5%; padding-bottom:95px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro05 .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.pro05 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.pro05 .title span{ display:block; font-size:24px; line-height:30px; height:30px; color:#fff; text-transform:uppercase;}
.pro05 .title p{ display:flex; justify-content:center; align-items:center; margin-top:4px;}
.pro05 .title p img{ display:block;}
.pro05 .title p b{ display:block; font-size:36px; line-height:46px; height:46px; color:#fff; margin:0 20px;}
.pro05 .box{ width:100%; display:block; position:relative; z-index:3;}
.pro05 .box ul{ width:100%; display:flex; flex-wrap:wrap; margin-top:-5px;}
.pro05 .box ul li{ width:47.22%; display:flex; align-items:center; padding:35px 0; background-color:rgba(255,255,255,.9); overflow:hidden; margin-left:5.56%; margin-top:40px; border-radius:10px;}
.pro05 .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro05 .box ul li .tu{ width:150px; display:block;}
.pro05 .box ul li .tu img{ display:block; margin:auto; width:100px;}
.pro05 .box ul li .wen{ width:calc(100% - 180px); margin-right:30px; display:block; overflow:hidden;}
.pro05 .box ul li .wen .w01{ display:block; padding-left:30px; background-image:url(../images/kc12_24.png); background-position:0 4px; background-repeat:no-repeat; font-size:18px; line-height:28px; font-weight:bold;}
.pro05 .box ul li .wen .w03{ display:block; font-size:16px; line-height:26px; margin-top:10px;}
.pro05 .box ul li:hover .wen .w01{ color:#006ebc;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.dao{ width:100%; height:60px; background-color:#fff; display:flex; flex-wrap:wrap; justify-content:center;}
.dao a{ margin:0 15px; height:60px; line-height:60px; font-size:16px; font-weight:bold; position:relative;}
.dao a:hover,.dao a.on{ color:#006ebc;}
.dao a.on b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#006ebc;}

.pro01{ width:90%; padding:70px 5%; background-color:#f1f1f1; position:relative; z-index:1; display:flex; align-items:center;}
.pro01 .tu{ width:50%; border-radius:10px;}
.pro01 .tu img{ width:100%; display:block;}
.pro01 .wen{ width:48%; margin-left:4%;}
.pro01 .wen .w01{ width:100%; display:flex; align-items:center; margin-top:5px;}
.pro01 .wen .w01 strong{ display:flex; align-items:center; width:60px; height:60px; border-radius:100%; background-color:#006ebc; overflow:hidden;}
.pro01 .wen .w01 strong img{ max-height:30px; max-width:30px; display:block; margin:auto;}
.pro01 .wen .w01 p{ display:block; flex:1; margin-left:15px; overflow:hidden;}
.pro01 .wen .w01 p b{ display:block; overflow:hidden; font-size:22px; line-height:32px; height:32px; color:#333;}
.pro01 .wen .w01 p a{ display:block; overflow:hidden; font-size:14px; line-height:24px; height:24px; color:#333; text-transform:uppercase;}
.pro01 .wen .w02{ font-size:18px; line-height:28px; margin-top:25px; font-weight:bold;}
.pro01 .wen .w03{ font-size:16px; line-height:26px; margin-top:5px;}

.pro02{ width:90%; padding:50px 5%; padding-bottom:45px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro02 .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.pro02 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.pro02 .title span{ display:block; font-size:20px; line-height:24px; height:24px; color:#fff; text-transform:uppercase;}
.pro02 .title p{ display:flex; justify-content:center; align-items:center; margin-top:1px;}
.pro02 .title p img{ display:block;}
.pro02 .title p b{ display:block; font-size:30px; line-height:40px; height:40px; color:#fff; margin:0 15px;}
.pro02 .box{ width:100%; display:block; position:relative; z-index:3;}
.pro02 .box li{ width:48%; display:block; float:left; margin-top:35px; margin-left:4%;}
.pro02 .box li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro02 .box li .tu{ width:75px; display:block; float:left; overflow:hidden;}
.pro02 .box li .tu img{ width:56px; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.pro02 .box li .wen{ width:calc(100% - 75px); float:left;}
.pro02 .box li .wen .w01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff; margin-top:5px;}
.pro02 .box li .wen .w02{ font-size:16px; line-height:26px; color:#fff; margin-top:5px;}
.pro02 .box li:hover .tu img{ -webkit-transform:rotateY(-360deg);}

.pro04{ width:90%; padding:50px 5%; position:relative; z-index:1; background-color:#fff;}
.pro04 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.pro04 .title span{ display:block; font-size:20px; line-height:24px; height:24px; color:#666; text-transform:uppercase;}
.pro04 .title p{ display:flex; justify-content:center; align-items:center; margin-top:1px;}
.pro04 .title p img{ display:block;}
.pro04 .title p b{ display:block; font-size:30px; line-height:40px; height:40px; color:#333; margin:0 15px;}
.pro04 .box{ width:100%; display:block; position:relative; z-index:3; margin-top:-5px; display:flex; flex-wrap:wrap;}
.pro04 .box li{ width:48%; display:block; float:left; margin-top:35px; margin-left:4%; background-color:#f1f1f1; padding:25px 3%; padding-top:30px; box-sizing:border-box; border-radius:10px;}
.pro04 .box li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro04 .box li .tu{ width:100%; display:block; overflow:hidden;}
.pro04 .box li .tu img{ height:100px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.pro04 .box li .w01{ text-align:center; font-size:18px; line-height:28px; font-weight:bold; color:#333; margin-top:15px;}
.pro04 .box li .w02{ width:50px; height:2px; display:block; margin:10px auto; background-color:#006ebc;}
.pro04 .box li .w03{ font-size:16px; line-height:26px; color:#333; margin-top:15px;}
.pro04 .box li:hover .tu img{ -webkit-transform:rotateY(-360deg);}

.pro03{ width:90%; padding:50px 5%; position:relative; z-index:1; background-color:#f1f1f1;}
.pro03 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.pro03 .title span{ display:block; font-size:20px; line-height:24px; height:24px; color:#666; text-transform:uppercase;}
.pro03 .title p{ display:flex; justify-content:center; align-items:center; margin-top:1px;}
.pro03 .title p img{ display:block;}
.pro03 .title p b{ display:block; font-size:30px; line-height:40px; height:40px; color:#333; margin:0 15px;}
.pro03 .box{ width:100%; margin-top:25px; position:relative; z-index:3;}
.pro03 .box img{ display:block; margin:auto; max-width:100%;}

.pro05{ width:90%; padding:50px 5%; padding-bottom:45px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro05 .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.pro05 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.pro05 .title span{ display:block; font-size:20px; line-height:24px; height:24px; color:#fff; text-transform:uppercase;}
.pro05 .title p{ display:flex; justify-content:center; align-items:center; margin-top:1px;}
.pro05 .title p img{ display:block;}
.pro05 .title p b{ display:block; font-size:30px; line-height:40px; height:40px; color:#fff; margin:0 15px;}
.pro05 .box{ width:100%; display:block; position:relative; z-index:3;}
.pro05 .box ul{ width:100%; display:flex; flex-wrap:wrap; margin-top:-5px;}
.pro05 .box ul li{ width:48%; display:flex; align-items:center; padding:30px 0; background-color:rgba(255,255,255,.9); overflow:hidden; margin-left:4%; margin-top:30px; border-radius:10px;}
.pro05 .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro05 .box ul li .tu{ width:130px; display:block;}
.pro05 .box ul li .tu img{ display:block; margin:auto; width:80px;}
.pro05 .box ul li .wen{ width:calc(100% - 155px); margin-right:25px; display:block; overflow:hidden;}
.pro05 .box ul li .wen .w01{ display:block; padding-left:30px; background-image:url(../images/kc12_24.png); background-position:0 4px; background-repeat:no-repeat; font-size:18px; line-height:28px; font-weight:bold;}
.pro05 .box ul li .wen .w03{ display:block; font-size:16px; line-height:26px; margin-top:5px;}
.pro05 .box ul li:hover .wen .w01{ color:#006ebc;}
}
@media only screen and (max-width:1000px){
.dao{ width:100%; height:40px; background-color:#fff; display:flex; flex-wrap:wrap; justify-content:center;}
.dao a{ margin:0 5px; height:40px; line-height:40px; font-size:14px; font-weight:bold; position:relative;}
.dao a:hover,.dao a.on{ color:#006ebc;}
.dao a.on b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#006ebc;}

.pro01{ width:94%; padding:40px 3%; padding-bottom:35px; background-color:#f1f1f1; position:relative; z-index:1;}
.pro01 .tu{ width:100%; border-radius:10px;}
.pro01 .tu img{ width:100%; display:block;}
.pro01 .wen{ width:100%; margin-top:20px;}
.pro01 .wen .w01{ width:100%; display:flex; align-items:center;}
.pro01 .wen .w01 strong{ display:flex; align-items:center; width:50px; height:50px; border-radius:100%; background-color:#006ebc; overflow:hidden;}
.pro01 .wen .w01 strong img{ max-height:20px; max-width:20px; display:block; margin:auto;}
.pro01 .wen .w01 p{ display:block; flex:1; margin-left:10px; overflow:hidden;}
.pro01 .wen .w01 p b{ display:block; overflow:hidden; font-size:18px; line-height:28px; height:28px; color:#333;}
.pro01 .wen .w01 p a{ display:block; overflow:hidden; font-size:14px; line-height:22px; height:22px; color:#333; text-transform:uppercase;}
.pro01 .wen .w02{ font-size:16px; line-height:26px; margin-top:10px; font-weight:bold;}
.pro01 .wen .w03{ font-size:14px; line-height:24px; margin-top:5px;}

.pro02{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro02 .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.pro02 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.pro02 .title span{ display:block; font-size:16px; line-height:22px; height:22px; color:#fff; text-transform:uppercase;}
.pro02 .title p{ display:flex; justify-content:center; align-items:center; margin-top:-2px;}
.pro02 .title p img{ display:block; height:8px;}
.pro02 .title p b{ display:block; font-size:20px; line-height:30px; height:30px; color:#fff; margin:0 10px;}
.pro02 .box{ width:100%; display:block; position:relative; z-index:3;}
.pro02 .box li{ width:100%; display:block; float:left; margin-top:15px;}
.pro02 .box li .tu{ width:80px; display:block; float:left; overflow:hidden;}
.pro02 .box li .tu img{ width:56px; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.pro02 .box li .wen{ width:calc(100% - 70px); float:left;}
.pro02 .box li .wen .w01{ font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.pro02 .box li .wen .w02{ font-size:14px; line-height:24px; color:#fff;}
.pro02 .box li:hover .tu img{ -webkit-transform:rotateY(-360deg);}

.pro04{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.pro04 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.pro04 .title span{ display:block; font-size:16px; line-height:22px; height:22px; color:#666; text-transform:uppercase;}
.pro04 .title p{ display:flex; justify-content:center; align-items:center; margin-top:-2px;}
.pro04 .title p img{ display:block; height:8px;}
.pro04 .title p b{ display:block; font-size:20px; line-height:30px; height:30px; color:#333; margin:0 10px;}
.pro04 .box{ width:100%; position:relative; z-index:3;}
.pro04 .box li{ width:100%; display:block;  margin-top:15px; background-color:#f1f1f1; padding:15px 5%; padding-top:20px; box-sizing:border-box; border-radius:10px;}
.pro04 .box li .tu{ width:100%; display:block; overflow:hidden;}
.pro04 .box li .tu img{ height:100px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.pro04 .box li .w01{ text-align:center; font-size:16px; line-height:26px; font-weight:bold; color:#333; margin-top:10px;}
.pro04 .box li .w02{ width:40px; height:2px; display:block; margin:5px auto; background-color:#006ebc;}
.pro04 .box li .w03{ font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.pro04 .box li:hover .tu img{ -webkit-transform:rotateY(-360deg);}

.pro03{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#f1f1f1;}
.pro03 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.pro03 .title span{ display:block; font-size:16px; line-height:22px; height:22px; color:#666; text-transform:uppercase;}
.pro03 .title p{ display:flex; justify-content:center; align-items:center; margin-top:-2px;}
.pro03 .title p img{ display:block; height:8px;}
.pro03 .title p b{ display:block; font-size:20px; line-height:30px; height:30px; color:#333; margin:0 10px;}
.pro03 .box{ width:100%; margin-top:15px; position:relative; z-index:3;}
.pro03 .box img{ display:block; margin:auto; max-width:100%;}

.pro05{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro05 .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.pro05 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.pro05 .title span{ display:block; font-size:16px; line-height:22px; height:22px; color:#fff; text-transform:uppercase;}
.pro05 .title p{ display:flex; justify-content:center; align-items:center; margin-top:-2px;}
.pro05 .title p img{ display:block; height:8px;}
.pro05 .title p b{ display:block; font-size:20px; line-height:30px; height:30px; color:#fff; margin:0 10px;}
.pro05 .box{ width:100%; display:block; position:relative; z-index:3;}
.pro05 .box ul{ width:100%;}
.pro05 .box ul li{ width:100%; display:flex; align-items:center; padding:20px 0; background-color:rgba(255,255,255,.9); overflow:hidden; margin-top:15px; border-radius:10px;}
.pro05 .box ul li .tu{ width:80px; display:block;}
.pro05 .box ul li .tu img{ display:block; margin:auto; width:50px;}
.pro05 .box ul li .wen{ width:calc(100% - 95px); margin-right:15px; display:block; overflow:hidden;}
.pro05 .box ul li .wen .w01{ display:block; padding-left:30px; background-image:url(../images/kc12_24.png); background-position:0 3px; background-repeat:no-repeat; font-size:16px; line-height:26px; font-weight:bold;}
.pro05 .box ul li .wen .w03{ display:block; font-size:14px; line-height:24px; margin-top:5px;}
.pro05 .box ul li:hover .wen .w01{ color:#006ebc;}
}

/*解决方案*/
@media screen and (min-width:1367px){
.jj{ width:75%; padding:70px 12.5%; padding-bottom:100px; background-color:#f1f1f1; position:relative; z-index:1;}
.jj .list{ display:block; overflow:hidden; margin-top:-40px;}
.jj .list li{ width:100%; display:flex; align-items:center; overflow:hidden; margin-top:40px;}
.jj .list li .tu{ width:31.25%; border-radius:10px;}
.jj .list li .tu img{ width:100%; display:block;}
.jj .list li .wen{ width:65.28%; margin-left:3.47%;}
.jj .list li .wen .w01{ border-left:5px solid #006ebc; padding-left:15px;}
.jj .list li .wen .w01 strong{ font-size:24px; line-height:32px; height:32px; color:#999; text-transform:uppercase; overflow:hidden;}
.jj .list li .wen .w01 a{ display:block; overflow:hidden; font-size:26px; line-height:36px; height:36px; color:#333; font-weight:bold;}
.jj .list li .wen .w01 a:hover{ color:#006ebc;}
.jj .list li .wen .w02{ font-size:16px; line-height:30px; margin-top:33px; height:90px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.jj .list li .wen .w03{ width:100%; margin-top:43px;}
.jj .list li .wen .w03 p{ display:block; width:28px; height:28px; border:1px dashed #006ebc; border-radius:100%; overflow:hidden; float:left;}
.jj .list li .wen .w03 span{ display:block; width:16px; height:16px; border:1px solid #006ebc; border-radius:100%; margin:5px; overflow:hidden;}
.jj .list li .wen .w03 b{ display:block; width:6px; height:6px; background-color:#006ebc; margin:5px; border-radius:100%; overflow:hidden;}
.jj .list li .wen .w03 a{ display:block; float:left; margin-left:10px; font-size:16px; height:30px; line-height:30px;}
.jj .list li .wen .w03 a:hover{ color:#006ebc;}

.fanye{ width:100%; margin-top:50px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ width:40px; height:40px; line-height:40px; background-color:#fff; border-radius:100%; font-size:18px; overflow:hidden; display:block;}
.fanye li span{ width:40px; height:40px; line-height:40px; background-color:#006ebc; color:#fff; border-radius:100%; font-size:18px; overflow:hidden; display:block;}
.fanye li.active span{ color:#fff; background-color:#006ebc;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#15589f;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.jj{ width:90%; padding:50px 5%; padding-bottom:70px; background-color:#f1f1f1; position:relative; z-index:1;}
.jj .list{ display:block; overflow:hidden; margin-top:-40px;}
.jj .list li{ width:100%; display:flex; align-items:center; overflow:hidden; margin-top:40px;}
.jj .list li .tu{ width:40%; border-radius:10px;}
.jj .list li .tu img{ width:100%; display:block;}
.jj .list li .wen{ width:56%; margin-left:4%;}
.jj .list li .wen .w01{ border-left:3px solid #006ebc; padding-left:10px;}
.jj .list li .wen .w01 strong{ font-size:20px; line-height:28px; height:28px; color:#999; text-transform:uppercase; overflow:hidden;}
.jj .list li .wen .w01 a{ display:block; overflow:hidden; font-size:22px; line-height:32px; height:32px; color:#333; font-weight:bold;}
.jj .list li .wen .w01 a:hover{ color:#006ebc;}
.jj .list li .wen .w02{ font-size:16px; line-height:26px; margin-top:25px; height:78px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.jj .list li .wen .w03{ width:100%; margin-top:30px;}
.jj .list li .wen .w03 p{ display:block; width:28px; height:28px; border:1px dashed #006ebc; border-radius:100%; overflow:hidden; float:left;}
.jj .list li .wen .w03 span{ display:block; width:16px; height:16px; border:1px solid #006ebc; border-radius:100%; margin:5px; overflow:hidden;}
.jj .list li .wen .w03 b{ display:block; width:6px; height:6px; background-color:#006ebc; margin:5px; border-radius:100%; overflow:hidden;}
.jj .list li .wen .w03 a{ display:block; float:left; margin-left:10px; font-size:16px; height:30px; line-height:30px;}
.jj .list li .wen .w03 a:hover{ color:#006ebc;}

.fanye{ width:100%; margin-top:40px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ width:36px; height:36px; line-height:36px; background-color:#fff; border-radius:100%; font-size:16px; overflow:hidden; display:block;}
.fanye li span{ width:36px; height:36px; line-height:36px; background-color:#006ebc; color:#fff; border-radius:100%; font-size:16px; overflow:hidden; display:block;}
.fanye li.active span{ color:#fff; background-color:#006ebc;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#15589f;}
}
@media only screen and (max-width:1000px){
.jj{ width:94%; padding:30px 3%; padding-bottom:40px; background-color:#f1f1f1; position:relative; z-index:1;}
.jj .list{ display:block; overflow:hidden; margin-top:-20px;}
.jj .list li{ width:100%; overflow:hidden; margin-top:20px;}
.jj .list li .tu{ width:100%; border-radius:10px;}
.jj .list li .tu img{ width:100%; display:block;}
.jj .list li .wen{ width:100%; margin-top:15px;}
.jj .list li .wen .w01{ border-left:2px solid #006ebc; padding-left:8px;}
.jj .list li .wen .w01 strong{ font-size:16px; line-height:24px; height:24px; color:#999; text-transform:uppercase; overflow:hidden;}
.jj .list li .wen .w01 a{ display:block; overflow:hidden; font-size:18px; line-height:28px; height:28px; color:#333; font-weight:bold;}
.jj .list li .wen .w01 a:hover{ color:#006ebc;}
.jj .list li .wen .w02{ font-size:14px; line-height:24px; margin-top:10px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.jj .list li .wen .w03{ width:100%; margin-top:10px;}
.jj .list li .wen .w03 p{ display:block; width:22px; height:22px; border:1px dashed #006ebc; border-radius:100%; overflow:hidden; float:left;}
.jj .list li .wen .w03 span{ display:block; width:12px; height:12px; border:1px solid #006ebc; border-radius:100%; margin:4px; overflow:hidden;}
.jj .list li .wen .w03 b{ display:block; width:4px; height:4px; background-color:#006ebc; margin:4px; border-radius:100%; overflow:hidden;}
.jj .list li .wen .w03 a{ display:block; float:left; margin-left:6px; font-size:14px; height:24px; line-height:24px;}
.jj .list li .wen .w03 a:hover{ color:#006ebc;}

.fanye{ width:100%; margin-top:20px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block;}
.fanye li a{ width:30px; height:30px; line-height:30px; background-color:#fff; border-radius:100%; font-size:14px; overflow:hidden; display:block;}
.fanye li span{ width:30px; height:30px; line-height:30px; background-color:#006ebc; color:#fff; border-radius:100%; font-size:14px; overflow:hidden; display:block;}
.fanye li.active span{ color:#fff; background-color:#006ebc;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#15589f;}
}

/*解决方案内页*/
@media screen and (min-width:1367px){
.jj01{ width:75%; padding:65px 12.5%; padding-bottom:100px; background-color:#f1f1f1; position:relative; z-index:1;}
.jj01 .bt{ font-size:16px; line-height:24px; color:#006ebc;}
.jj01 .bt01{ font-size:24px; line-height:34px; color:#333; font-weight:bold; margin-top:10px;}
.jj01 .box{ width:100%; margin-top:30px;}
.jj01 .box .lbar{ width:69.44%; float:left;}
.jj01 .box .lbar .wen{ font-size:16px; line-height:30px;}
.jj01 .box .lbar .wen img{ max-width:100%; height:auto;}
.jj01 .box .lbar .fy{ margin-top:45px;}
.jj01 .box .lbar .fy a{ display:block; overflow:hidden; background-color:#fff; border-radius:10px; width:48%; padding:15px 20px; box-sizing:border-box; float:left;}
.jj01 .box .lbar .fy a:nth-child(2){ float:right;}
.jj01 .box .lbar .fy a span{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jj01 .box .lbar .fy a p{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jj01 .box .lbar .fy a:hover p{ color:#15589f;}
.jj01 .box .rbar{ width:24.31%; margin-top:7px; float:right; border-radius:20px; padding:25px 30px; background-color:#fff; box-sizing:border-box;}
.jj01 .box .rbar .title{ width:100%;}
.jj01 .box .rbar .title .top{ width:100%;}
.jj01 .box .rbar .title .top span{ display:block; float:left; font-size:18px; height:24px; line-height:24px; text-transform:uppercase; color:#999;}
.jj01 .box .rbar .title .top p{ display:block; float:left; margin-left:10px; padding-top:10px;}
.jj01 .box .rbar .title .top p b{ display:block; background-color:#006ebc; width:20px; height:2px; border-radius:2px; overflow:hidden;}
.jj01 .box .rbar .title .top p strong{ display:block; background-color:#006ebc; width:10px; height:2px; border-radius:2px; overflow:hidden; margin-top:4px;}
.jj01 .box .rbar .title .bot{ width:100%; font-size:24px; line-height:34px; color:#333;}
.jj01 .box .rbar .list{ width:100%; display:block; margin-top:7px;}
.jj01 .box .rbar .list li{ display:block; padding-left:18px; background-image:url(../images/li_03.jpg); background-position:left center; background-repeat:no-repeat; overflow:hidden;}
.jj01 .box .rbar .list li a{ display:block; font-size:16px; line-height:30px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jj01 .box .rbar .list li a:hover{ color:#15589f;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.jj01{ width:90%; padding:45px 5%; padding-bottom:70px; background-color:#f1f1f1; position:relative; z-index:1;}
.jj01 .bt{ font-size:16px; line-height:24px; color:#006ebc;}
.jj01 .bt01{ font-size:22px; line-height:32px; color:#333; font-weight:bold; margin-top:5px;}
.jj01 .box{ width:100%; margin-top:20px;}
.jj01 .box .lbar{ width:70%; float:left;}
.jj01 .box .lbar .wen{ font-size:16px; line-height:26px;}
.jj01 .box .lbar .wen img{ max-width:100%; height:auto;}
.jj01 .box .lbar .fy{ margin-top:35px;}
.jj01 .box .lbar .fy a{ display:block; overflow:hidden; background-color:#fff; border-radius:10px; width:48%; padding:15px 20px; box-sizing:border-box; float:left;}
.jj01 .box .lbar .fy a:nth-child(2){ float:right;}
.jj01 .box .lbar .fy a span{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jj01 .box .lbar .fy a p{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jj01 .box .lbar .fy a:hover p{ color:#15589f;}
.jj01 .box .rbar{ width:26%; margin-top:5px; float:right; border-radius:15px; padding:15px 20px; background-color:#fff; box-sizing:border-box;}
.jj01 .box .rbar .title{ width:100%;}
.jj01 .box .rbar .title .top{ width:100%;}
.jj01 .box .rbar .title .top span{ display:block; float:left; font-size:16px; height:22px; line-height:22px; text-transform:uppercase; color:#999;}
.jj01 .box .rbar .title .top p{ display:block; float:left; margin-left:10px; padding-top:8px;}
.jj01 .box .rbar .title .top p b{ display:block; background-color:#006ebc; width:20px; height:2px; border-radius:2px; overflow:hidden;}
.jj01 .box .rbar .title .top p strong{ display:block; background-color:#006ebc; width:10px; height:2px; border-radius:2px; overflow:hidden; margin-top:4px;}
.jj01 .box .rbar .title .bot{ width:100%; font-size:22px; line-height:32px; color:#333;}
.jj01 .box .rbar .list{ width:100%; display:block; margin-top:7px;}
.jj01 .box .rbar .list li{ display:block; padding-left:18px; background-image:url(../images/li_03.jpg); background-position:left center; background-repeat:no-repeat; overflow:hidden;}
.jj01 .box .rbar .list li a{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jj01 .box .rbar .list li a:hover{ color:#15589f;}
}
@media only screen and (max-width:1000px){
.jj01{ width:94%; padding:25px 3%; padding-bottom:40px; background-color:#f1f1f1; position:relative; z-index:1;}
.jj01 .bt{ font-size:14px; line-height:22px; color:#006ebc;}
.jj01 .bt01{ font-size:18px; line-height:28px; color:#333; font-weight:bold;}
.jj01 .box{ width:100%; margin-top:10px;}
.jj01 .box .lbar{ width:100%; float:left;}
.jj01 .box .lbar .wen{ font-size:14px; line-height:24px;}
.jj01 .box .lbar .wen img{ max-width:100%; height:auto;}
.jj01 .box .lbar .fy{}
.jj01 .box .lbar .fy a{ display:block; overflow:hidden; background-color:#fff; border-radius:10px; width:100%; padding:10px 15px; box-sizing:border-box; margin-top:10px;}
.jj01 .box .lbar .fy a span{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jj01 .box .lbar .fy a p{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jj01 .box .lbar .fy a:hover p{ color:#15589f;}
.jj01 .box .rbar{ width:100%; margin-top:20px; float:right; border-radius:10px; padding:15px; background-color:#fff; box-sizing:border-box;}
.jj01 .box .rbar .title{ width:100%;}
.jj01 .box .rbar .title .top{ width:100%;}
.jj01 .box .rbar .title .top span{ display:block; float:left; font-size:14px; height:20px; line-height:20px; text-transform:uppercase; color:#999;}
.jj01 .box .rbar .title .top p{ display:block; float:left; margin-left:5px; padding-top:6px;}
.jj01 .box .rbar .title .top p b{ display:block; background-color:#006ebc; width:20px; height:2px; border-radius:2px; overflow:hidden;}
.jj01 .box .rbar .title .top p strong{ display:block; background-color:#006ebc; width:10px; height:2px; border-radius:2px; overflow:hidden; margin-top:4px;}
.jj01 .box .rbar .title .bot{ width:100%; font-size:18px; line-height:28px; color:#333;}
.jj01 .box .rbar .list{ width:100%; display:block; margin-top:5px;}
.jj01 .box .rbar .list li{ display:block; padding-left:10px; background-image:url(../images/li_03.jpg); background-position:left center; background-repeat:no-repeat; overflow:hidden; background-size:5px auto;}
.jj01 .box .rbar .list li a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jj01 .box .rbar .list li a:hover{ color:#15589f;}
}

/*典型案例*/
@media screen and (min-width:1367px){
.case{ width:75%; padding:70px 12.5%; padding-bottom:100px; background-color:#f1f1f1; position:relative; z-index:1;}
.case .list{ display:block; overflow:hidden; margin-top:-40px;}
.case .list li{ width:100%; display:flex; align-items:center; overflow:hidden; margin-top:40px;}
.case .list li .tu{ width:31.25%; border-radius:10px;}
.case .list li .tu img{ width:100%; display:block;}
.case .list li .wen{ width:65.28%; margin-left:3.47%;}
.case .list li .wen .w01{ width:100%;}
.case .list li .wen .w01 a{ display:block; overflow:hidden; font-size:26px; line-height:36px; height:36px; color:#333; font-weight:bold;}
.case .list li .wen .w01 a:hover{ color:#006ebc;}
.case .list li .wen .w02{ font-size:16px; line-height:30px; margin-top:18px; height:90px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.case .list li .wen .w03{ width:100%; margin-top:43px;}
.case .list li .wen .w03 .left{ float:left;}
.case .list li .wen .w03 .left p{ display:block; width:28px; height:28px; border:1px dashed #006ebc; border-radius:100%; overflow:hidden; float:left;}
.case .list li .wen .w03 .left span{ display:block; width:16px; height:16px; border:1px solid #006ebc; border-radius:100%; margin:5px; overflow:hidden;}
.case .list li .wen .w03 .left b{ display:block; width:6px; height:6px; background-color:#006ebc; margin:5px; border-radius:100%; overflow:hidden;}
.case .list li .wen .w03 .left a{ display:block; float:left; margin-left:10px; font-size:16px; height:30px; line-height:30px;}
.case .list li .wen .w03 .left a:hover{ color:#006ebc;}
.case .list li .wen .w03 .right{ float:right; font-size:16px; line-height:30px; color:#666;}
.case .list li .wen .w03 .right p{ display:block; float:left;}
.case .list li .wen .w03 .right span{ display:block; float:left; margin-left:2.6vw;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.case{ width:90%; padding:50px 5%; padding-bottom:70px; background-color:#f1f1f1; position:relative; z-index:1;}
.case .list{ display:block; overflow:hidden; margin-top:-40px;}
.case .list li{ width:100%; display:flex; align-items:center; overflow:hidden; margin-top:40px;}
.case .list li .tu{ width:31%; border-radius:10px;}
.case .list li .tu img{ width:100%; display:block;}
.case .list li .wen{ width:65%; margin-left:4%;}
.case .list li .wen .w01{ width:100%;}
.case .list li .wen .w01 a{ display:block; overflow:hidden; font-size:22px; line-height:32px; height:32px; color:#333; font-weight:bold;}
.case .list li .wen .w01 a:hover{ color:#006ebc;}
.case .list li .wen .w02{ font-size:16px; line-height:26px; margin-top:10px; height:78px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.case .list li .wen .w03{ width:100%; margin-top:20px;}
.case .list li .wen .w03 .left{ float:left;}
.case .list li .wen .w03 .left p{ display:block; width:28px; height:28px; border:1px dashed #006ebc; border-radius:100%; overflow:hidden; float:left;}
.case .list li .wen .w03 .left span{ display:block; width:16px; height:16px; border:1px solid #006ebc; border-radius:100%; margin:5px; overflow:hidden;}
.case .list li .wen .w03 .left b{ display:block; width:6px; height:6px; background-color:#006ebc; margin:5px; border-radius:100%; overflow:hidden;}
.case .list li .wen .w03 .left a{ display:block; float:left; margin-left:10px; font-size:16px; height:30px; line-height:30px;}
.case .list li .wen .w03 .left a:hover{ color:#006ebc;}
.case .list li .wen .w03 .right{ float:right; font-size:16px; line-height:30px; color:#666;}
.case .list li .wen .w03 .right p{ display:block; float:left;}
.case .list li .wen .w03 .right span{ display:block; float:left; margin-left:1.5vw;}
}
@media only screen and (max-width:1000px){
.case{ width:94%; padding:30px 3%; padding-bottom:40px; background-color:#f1f1f1; position:relative; z-index:1;}
.case .list{ display:block; overflow:hidden; margin-top:-20px;}
.case .list li{ width:100%; overflow:hidden; margin-top:20px;}
.case .list li .tu{ width:100%; border-radius:10px;}
.case .list li .tu img{ width:100%; display:block;}
.case .list li .wen{ width:100%; margin-top:10px;}
.case .list li .wen .w01{ width:100%;}
.case .list li .wen .w01 a{ display:block; overflow:hidden; font-size:18px; line-height:28px; height:28px; color:#333; font-weight:bold;}
.case .list li .wen .w01 a:hover{ color:#006ebc;}
.case .list li .wen .w02{ font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.case .list li .wen .w03{ width:100%; margin-top:10px;}
.case .list li .wen .w03 .left p{ display:block; width:22px; height:22px; border:1px dashed #006ebc; border-radius:100%; overflow:hidden; float:left;}
.case .list li .wen .w03 .left span{ display:block; width:12px; height:12px; border:1px solid #006ebc; border-radius:100%; margin:4px; overflow:hidden;}
.case .list li .wen .w03 .left b{ display:block; width:4px; height:4px; background-color:#006ebc; margin:4px; border-radius:100%; overflow:hidden;}
.case .list li .wen .w03 .left a{ display:block; float:left; margin-left:6px; font-size:14px; height:24px; line-height:24px;}
.case .list li .wen .w03 .left a:hover{ color:#006ebc;}
.case .list li .wen .w03 .right{ display:none;}
}

/*新闻中心*/
@media screen and (min-width:1367px){
.news{ width:75%; padding:70px 12.5%; padding-bottom:100px; background-color:#f1f1f1; position:relative; z-index:1;}
.news .list{ display:block; overflow:hidden; margin-top:-40px;}
.news .list li{ width:22.92%; float:left; overflow:hidden; margin-top:40px; margin-left:2.77%; border-radius:10px; background-color:#fff;}
.news .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.news .list li .tu{ width:100%;}
.news .list li .tu img{ width:100%; display:block;}
.news .list li .wen{ padding:15px 20px; padding-bottom:25px;}
.news .list li .wen .w01{ font-size:18px; line-height:26px; color:#006ebc;}
.news .list li .wen .w02{ font-size:20px; line-height:30px; height:60px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news .list li .wen .w03{ font-size:16px; line-height:26px; height:52px; margin-top:10px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news .list li .wen .w04{ font-size:16px; line-height:26px; height:26px; margin-top:10px; color:#999;}
.news .list li:hover .w02{ color:#006ebc;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.news{ width:90%; padding:50px 5%; padding-bottom:70px; background-color:#f1f1f1; position:relative; z-index:1;}
.news .list{ display:block; overflow:hidden; margin-top:-30px;}
.news .list li{ width:32%; float:left; overflow:hidden; margin-top:30px; margin-left:2%; border-radius:10px; background-color:#fff;}
.news .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.news .list li .tu{ width:100%;}
.news .list li .tu img{ width:100%; display:block;}
.news .list li .wen{ padding:15px 20px; padding-bottom:20px;}
.news .list li .wen .w01{ font-size:16px; line-height:24px; color:#006ebc;}
.news .list li .wen .w02{ font-size:18px; line-height:28px; height:56px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news .list li .wen .w03{ font-size:16px; line-height:26px; height:52px; margin-top:5px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news .list li .wen .w04{ font-size:16px; line-height:26px; height:26px; margin-top:5px; color:#999;}
.news .list li:hover .w02{ color:#006ebc;}
}
@media only screen and (max-width:1000px){
.news{ width:94%; padding:30px 3%; padding-bottom:40px; background-color:#f1f1f1; position:relative; z-index:1;}
.news .list{ display:block; overflow:hidden; margin-top:-20px;}
.news .list li{ width:48.5%; float:left; overflow:hidden; margin-top:20px; margin-left:3%; border-radius:10px; background-color:#fff;}
.news .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.news .list li .tu{ width:100%;}
.news .list li .tu img{ width:100%; display:block;}
.news .list li .wen{ padding:10px; padding-bottom:15px;}
.news .list li .wen .w01{ font-size:14px; line-height:22px; color:#006ebc;}
.news .list li .wen .w02{ font-size:16px; line-height:26px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news .list li .wen .w03{ font-size:14px; line-height:24px; height:48px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news .list li .wen .w04{ font-size:14px; line-height:24px; height:24px; color:#999;}
.news .list li:hover .w02{ color:#006ebc;}
}

/*关于我们*/
@media screen and (min-width:1367px){
.index{ position:relative; top:-80px; left:0; width:100%; height:0;}
.ab01{ width:75%; padding:100px 12.5%; position:relative; z-index:1; background-color:#f1f1f1;}
.ab01 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.ab01 .title span{ display:block; font-size:24px; line-height:30px; height:30px; color:#666; text-transform:uppercase;}
.ab01 .title p{ display:flex; justify-content:center; align-items:center; margin-top:4px;}
.ab01 .title p img{ display:block;}
.ab01 .title p b{ display:block; font-size:36px; line-height:46px; height:46px; color:#333; margin:0 20px;}
.ab01 .box{ width:100%; position:relative; margin-top:35px;}
.ab01 .box .tu{ display:flex;}
.ab01 .box .tu strong{ flex:1; background-position:center; background-repeat:no-repeat; background-size:cover; display:block; overflow:hidden;}
.ab01 .box .tu strong img{ display:none;}
.ab01 .box .tu p{ width:530px; display:block; overflow:hidden;}
.ab01 .box .tu p img{ width:100%; display:block;}
.ab01 .box .wen{ font-size:16px; line-height:30px; margin-top:30px;}
.ab01 .box .wen img{ max-width:100%; height:auto;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.index{ position:relative; top:-70px; left:0; width:100%; height:0;}
.ab01{ width:90%; padding:70px 5%; position:relative; z-index:1; background-color:#f1f1f1;}
.ab01 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.ab01 .title span{ display:block; font-size:20px; line-height:24px; height:24px; color:#666; text-transform:uppercase;}
.ab01 .title p{ display:flex; justify-content:center; align-items:center; margin-top:1px;}
.ab01 .title p img{ display:block;}
.ab01 .title p b{ display:block; font-size:30px; line-height:40px; height:40px; color:#333; margin:0 15px;}
.ab01 .box{ width:100%; position:relative; margin-top:25px;}
.ab01 .box .tu{ display:flex;}
.ab01 .box .tu strong{ flex:1; background-position:center; background-repeat:no-repeat; background-size:cover; display:block; overflow:hidden;}
.ab01 .box .tu strong img{ width:100%; display:block;}
.ab01 .box .tu p{ width:36.8%; display:block; overflow:hidden;}
.ab01 .box .tu p img{ width:100%; display:block;}
.ab01 .box .wen{ font-size:16px; line-height:26px; margin-top:20px;}
.ab01 .box .wen img{ max-width:100%; height:auto;}
}
@media only screen and (max-width:1000px){
.index{ position:relative; top:-60px; left:0; width:100%; height:0;}
.ab01{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#f1f1f1;}
.ab01 .title{ width:94%; padding:0 3%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.ab01 .title span{ display:block; font-size:16px; line-height:22px; height:22px; color:#666; text-transform:uppercase;}
.ab01 .title p{ display:flex; justify-content:center; align-items:center; margin-top:-2px;}
.ab01 .title p img{ display:block; height:8px;}
.ab01 .title p b{ display:block; font-size:20px; line-height:30px; height:30px; color:#333; margin:0 10px;}
.ab01 .box{ width:100%; position:relative; margin-top:15px;}
.ab01 .box .tu{ width:100%;}
.ab01 .box .tu strong{ width:100%; display:block; overflow:hidden;}
.ab01 .box .tu strong img{ display:none;}
.ab01 .box .tu p{ width:100%; display:block; overflow:hidden;}
.ab01 .box .tu p img{ width:100%; display:block;}
.ab01 .box .wen{ font-size:14px; line-height:24px; margin-top:10px;}
.ab01 .box .wen img{ max-width:100%; height:auto;}
}

@media screen and (min-width:1367px){
.ab02{ width:75%; padding:100px 12.5%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab02 .bg{ width:100%; height:100%; background-color:#000; position:absolute; opacity:.7; left:0; top:0; z-index:1;}
.ab02 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.ab02 .title span{ display:block; font-size:24px; line-height:30px; height:30px; color:#fff; text-transform:uppercase;}
.ab02 .title p{ display:flex; justify-content:center; align-items:center; margin-top:4px;}
.ab02 .title p img{ display:block;}
.ab02 .title p b{ display:block; font-size:36px; line-height:46px; height:46px; color:#fff; margin:0 20px;}
.ab02 .box{ width:100%; position:relative; margin-top:35px; z-index:3;}
.ab02 .box .swiper-container{ width:100%; position:relative;}
.ab02 .box .swiper-container .left{ width:41.67%; float:left;}
.ab02 .box .swiper-container .left .w01{ font-size:36px; line-height:46px; font-weight:bold; margin-top:-10px; color:#fff; text-transform:uppercase;}
.ab02 .box .swiper-container .left .w02{ font-size:60px; line-height:58px; font-weight:bold; margin-top:30px; color:#006ebc;}
.ab02 .box .swiper-container .left .w03{ font-size:24px; line-height:34px; margin-top:40px; color:#fff;}
.ab02 .box .swiper-container .left .w04{ font-size:16px; line-height:30px; height:90px; overflow:auto; margin-top:20px; color:#fff;}
.ab02 .box .swiper-container .left .w04::-webkit-scrollbar{ width:2px; height:1px;}
.ab02 .box .swiper-container .left .w04::-webkit-scrollbar-thumb{ border-radius:2px; background-color:#006ebc;}
.ab02 .box .swiper-container .left .w04::-webkit-scrollbar-track{ border-radius:2px; background:rgba(0,0,0,0.7);}
.ab02 .box .swiper-container .right{ width:43.06%; float:right; border-radius:20px;}
.ab02 .box .swiper-container .right img{ width:100%; display:block;}
.ab02 .box .swiper-container .swi{ position:absolute; left:0; bottom:0; width:100%; z-index:3;}
.ab02 .box .swiper-container .swi .swiper-button-white{ width:50px; height:50px; float:left; margin-right:50px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:rgba(255,255,255,.7); border-radius:100%;}
.ab02 .box .swiper-container .swi .swiper-button-white:hover{ background-color:#fff;}
.ab02 .box .swiper-container .swi .swiper-button-prev{ background-image:url("../images/prev.png");}
.ab02 .box .swiper-container .swi .swiper-button-next{ background-image:url("../images/next.png");}
.ab02 .box .swiper-container .swi .swiper-button-prev:hover{ background-image:url("../images/prevh.png");}
.ab02 .box .swiper-container .swi .swiper-button-next:hover{ background-image:url("../images/nexth.png");}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.ab02{ width:90%; padding:70px 5%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab02 .bg{ width:100%; height:100%; background-color:#000; position:absolute; opacity:.7; left:0; top:0; z-index:1;}
.ab02 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.ab02 .title span{ display:block; font-size:20px; line-height:24px; height:24px; color:#fff; text-transform:uppercase;}
.ab02 .title p{ display:flex; justify-content:center; align-items:center; margin-top:1px;}
.ab02 .title p img{ display:block;}
.ab02 .title p b{ display:block; font-size:30px; line-height:40px; height:40px; color:#fff; margin:0 15px;}
.ab02 .box{ width:100%; position:relative; margin-top:25px; z-index:3;}
.ab02 .box .swiper-container{ width:100%; position:relative;}
.ab02 .box .swiper-container .left{ width:46%; float:left;}
.ab02 .box .swiper-container .left .w01{ font-size:30px; line-height:40px; font-weight:bold; margin-top:-10px; color:#fff; text-transform:uppercase;}
.ab02 .box .swiper-container .left .w02{ font-size:40px; line-height:48px; font-weight:bold; margin-top:10px; color:#006ebc;}
.ab02 .box .swiper-container .left .w03{ font-size:20px; line-height:30px; margin-top:10px; color:#fff;}
.ab02 .box .swiper-container .left .w04{ font-size:16px; line-height:26px; height:104px; overflow:auto; margin-top:10px; color:#fff;}
.ab02 .box .swiper-container .left .w04::-webkit-scrollbar{ width:2px; height:1px;}
.ab02 .box .swiper-container .left .w04::-webkit-scrollbar-thumb{ border-radius:2px; background-color:#006ebc;}
.ab02 .box .swiper-container .left .w04::-webkit-scrollbar-track{ border-radius:2px; background:rgba(0,0,0,0.7);}
.ab02 .box .swiper-container .right{ width:48%; float:right; border-radius:15px;}
.ab02 .box .swiper-container .right img{ width:100%; display:block;}
.ab02 .box .swiper-container .swi{ position:absolute; left:0; bottom:0; width:100%; z-index:3;}
.ab02 .box .swiper-container .swi .swiper-button-white{ width:40px; height:40px; float:left; margin-right:30px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:rgba(255,255,255,.7); border-radius:100%; background-size:20px;}
.ab02 .box .swiper-container .swi .swiper-button-white:hover{ background-color:#fff;}
.ab02 .box .swiper-container .swi .swiper-button-prev{ background-image:url("../images/prev.png");}
.ab02 .box .swiper-container .swi .swiper-button-next{ background-image:url("../images/next.png");}
.ab02 .box .swiper-container .swi .swiper-button-prev:hover{ background-image:url("../images/prevh.png");}
.ab02 .box .swiper-container .swi .swiper-button-next:hover{ background-image:url("../images/nexth.png");}
}
@media only screen and (max-width:1000px){
.ab02{ width:94%; padding:40px 3%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab02 .bg{ width:100%; height:100%; background-color:#000; position:absolute; opacity:.7; left:0; top:0; z-index:1;}
.ab02 .title{ width:94%; padding:0 3%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.ab02 .title span{ display:block; font-size:16px; line-height:22px; height:22px; color:#fff; text-transform:uppercase;}
.ab02 .title p{ display:flex; justify-content:center; align-items:center; margin-top:-2px;}
.ab02 .title p img{ display:block; height:8px;}
.ab02 .title p b{ display:block; font-size:20px; line-height:30px; height:30px; color:#fff; margin:0 10px;}
.ab02 .box{ width:100%; position:relative; margin-top:15px; z-index:3;}
.ab02 .box .swiper-container{ width:100%; position:relative;}
.ab02 .box .swiper-container .left{ width:100%; float:left; margin-top:10px;}
.ab02 .box .swiper-container .left .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff; text-transform:uppercase;}
.ab02 .box .swiper-container .left .w02{ font-size:30px; line-height:38px; font-weight:bold; color:#006ebc;}
.ab02 .box .swiper-container .left .w03{ font-size:16px; line-height:26px; margin-top:5px; color:#fff;}
.ab02 .box .swiper-container .left .w04{ font-size:14px; line-height:24px; height:120px; overflow:auto; margin-top:5px; color:#fff;}
.ab02 .box .swiper-container .left .w04::-webkit-scrollbar{ width:2px; height:1px;}
.ab02 .box .swiper-container .left .w04::-webkit-scrollbar-thumb{ border-radius:2px; background-color:#006ebc;}
.ab02 .box .swiper-container .left .w04::-webkit-scrollbar-track{ border-radius:2px; background:rgba(0,0,0,0.7);}
.ab02 .box .swiper-container .right{ width:100%; float:right; border-radius:10px;}
.ab02 .box .swiper-container .right img{ width:100%; display:block;}
.ab02 .box .swiper-container .swi{ margin-top:10px; width:100%; z-index:3;}
.ab02 .box .swiper-container .swi .swiper-button-white{ width:34px; height:34px; float:left; margin-right:15px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:rgba(255,255,255,.7); border-radius:100%; background-size:16px;}
.ab02 .box .swiper-container .swi .swiper-button-white:hover{ background-color:#fff;}
.ab02 .box .swiper-container .swi .swiper-button-prev{ background-image:url("../images/prev.png");}
.ab02 .box .swiper-container .swi .swiper-button-next{ background-image:url("../images/next.png");}
.ab02 .box .swiper-container .swi .swiper-button-prev:hover{ background-image:url("../images/prevh.png");}
.ab02 .box .swiper-container .swi .swiper-button-next:hover{ background-image:url("../images/nexth.png");}
}

@media screen and (min-width:1367px){
.ab03{ width:75%; padding:100px 12.5%; position:relative; z-index:1; background-color:#f1f1f1;}
.ab03 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.ab03 .title span{ display:block; font-size:24px; line-height:30px; height:30px; color:#666; text-transform:uppercase;}
.ab03 .title p{ display:flex; justify-content:center; align-items:center; margin-top:4px;}
.ab03 .title p img{ display:block;}
.ab03 .title p b{ display:block; font-size:36px; line-height:46px; height:46px; color:#333; margin:0 20px;}
.ab03 .box{ width:100%; position:relative; margin-top:35px;}
.ab03 .box .list{ width:100%; display:block; position:relative; margin-top:-40px;}
.ab03 .box .list li{ width:23.035%; height:470px; display:block; float:left; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:40px; margin-left:2.62%;}
.ab03 .box .list li:nth-child(4n+1){ margin-left:0;}
.ab03 .box .list li a{ width:100%; height:100%; padding:30px; padding-top:398px; display:block; overflow:hidden; position:relative; background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0)); box-sizing:border-box; position:relative;}
.ab03 .box .list li a:hover{ overflow:auto; background:rgba(0,110,188,0.8); padding-top:65px;}
.ab03 .box .list li .w01{ font-size:20px; line-height:30px; color:#fff;}
.ab03 .box .list li .w02{ margin-top:10px; width:70px; height:2px; background-color:#fff;}
.ab03 .box .list li .w03{ display:none; margin-top:13px; font-size:16px; line-height:30px; color:#fff;}
.ab03 .box .list li a:hover .w01{ font-size:24px; line-height:34px;}
.ab03 .box .list li a:hover .w03{ display:block;}
.ab03 .box .list li a::-webkit-scrollbar{ width:2px; height:1px;}
.ab03 .box .list li a::-webkit-scrollbar-thumb{ border-radius:2px; background-color:#fff;}
.ab03 .box .list li a::-webkit-scrollbar-track{ border-radius:2px; background:rgba(0,0,0,0.7);}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.ab03{ width:90%; padding:70px 5%; position:relative; z-index:1; background-color:#f1f1f1;}
.ab03 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.ab03 .title span{ display:block; font-size:20px; line-height:24px; height:24px; color:#666; text-transform:uppercase;}
.ab03 .title p{ display:flex; justify-content:center; align-items:center; margin-top:1px;}
.ab03 .title p img{ display:block;}
.ab03 .title p b{ display:block; font-size:30px; line-height:40px; height:40px; color:#333; margin:0 15px;}
.ab03 .box{ width:100%; position:relative; margin-top:25px;}
.ab03 .box .list{ width:100%; display:block; position:relative; margin-top:-30px;}
.ab03 .box .list li{ width:23.5%; height:440px; display:block; float:left; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:30px; margin-left:2%;}
.ab03 .box .list li:nth-child(4n+1){ margin-left:0;}
.ab03 .box .list li a{ width:100%; height:100%; padding:25px 20px; padding-top:375px; display:block; overflow:hidden; position:relative; background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0)); box-sizing:border-box; position:relative;}
.ab03 .box .list li a:hover{ overflow:auto; background:rgba(0,110,188,0.8); padding-top:45px;}
.ab03 .box .list li .w01{ font-size:18px; line-height:28px; color:#fff;}
.ab03 .box .list li .w02{ margin-top:10px; width:50px; height:2px; background-color:#fff;}
.ab03 .box .list li .w03{ display:none; margin-top:10px; font-size:16px; line-height:26px; color:#fff;}
.ab03 .box .list li a:hover .w01{ font-size:20px; line-height:30px;}
.ab03 .box .list li a:hover .w03{ display:block;}
.ab03 .box .list li a::-webkit-scrollbar{ width:2px; height:1px;}
.ab03 .box .list li a::-webkit-scrollbar-thumb{ border-radius:2px; background-color:#fff;}
.ab03 .box .list li a::-webkit-scrollbar-track{ border-radius:2px; background:rgba(0,0,0,0.7);}
}
@media only screen and (max-width:1000px){
.ab03{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#f1f1f1;}
.ab03 .title{ width:94%; padding:0 3%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.ab03 .title span{ display:block; font-size:16px; line-height:22px; height:22px; color:#666; text-transform:uppercase;}
.ab03 .title p{ display:flex; justify-content:center; align-items:center; margin-top:-2px;}
.ab03 .title p img{ display:block; height:8px;}
.ab03 .title p b{ display:block; font-size:20px; line-height:30px; height:30px; color:#333; margin:0 10px;}
.ab03 .box{ width:100%; position:relative; margin-top:15px;}
.ab03 .box .list{ width:100%; display:block; position:relative; margin-top:-20px;}
.ab03 .box .list li{ width:48.5%; height:340px; display:block; float:left; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:20px; margin-left:3%;}
.ab03 .box .list li:nth-child(2n+1){ margin-left:0;}
.ab03 .box .list li a{ width:100%; height:100%; padding:15px; padding-top:287px; display:block; overflow:hidden; position:relative; background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0)); box-sizing:border-box; position:relative;}
.ab03 .box .list li a:hover{ overflow:auto; background:rgba(0,110,188,0.8); padding-top:25px;}
.ab03 .box .list li .w01{ font-size:16px; line-height:26px; color:#fff;}
.ab03 .box .list li .w02{ margin-top:5px; width:50px; height:2px; background-color:#fff;}
.ab03 .box .list li .w03{ display:none; margin-top:5px; font-size:14px; line-height:24px; color:#fff;}
.ab03 .box .list li a:hover .w01{ font-size:18px; line-height:28px;}
.ab03 .box .list li a:hover .w03{ display:block;}
.ab03 .box .list li a::-webkit-scrollbar{ width:2px; height:1px;}
.ab03 .box .list li a::-webkit-scrollbar-thumb{ border-radius:2px; background-color:#fff;}
.ab03 .box .list li a::-webkit-scrollbar-track{ border-radius:2px; background:rgba(0,0,0,0.7);}
}

@media screen and (min-width:1367px){
.ab04{ width:75%; padding:100px 12.5%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab04 .bg{ width:100%; height:100%; background-color:#000; position:absolute; opacity:.7; left:0; top:0; z-index:1;}
.ab04 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.ab04 .title span{ display:block; font-size:24px; line-height:30px; height:30px; color:#fff; text-transform:uppercase;}
.ab04 .title p{ display:flex; justify-content:center; align-items:center; margin-top:4px;}
.ab04 .title p img{ display:block;}
.ab04 .title p b{ display:block; font-size:36px; line-height:46px; height:46px; color:#fff; margin:0 20px;}
.ab04 .box{ width:100%; padding:0 50px; box-sizing:border-box; position:relative; margin-top:35px; z-index:3;}
.ab04 .box .swiper-container{ width:100%; position:relative;}
.ab04 .box .swiper-container .swiper-slide{ width:22.72%; margin:0 1.14%; overflow:hidden; display:block; position:relative;}
.ab04 .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.ab04 .box .swiper-container .swiper-slide p{ width:100%; padding:0 20px; box-sizing:border-box; position:absolute; left:0; bottom:-50px; height:50px; background-color:rgba(0,0,0,.7); line-height:50px; font-size:18px; color:#fff; display:block; overflow:hidden; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab04 .box .swiper-container .swiper-slide:hover p{ bottom:0;}
.ab04 .box .swiper-button-white{ width:50px; height:50px; position:absolute; z-index:3; top:50%; margin-top:-25px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:rgba(255,255,255,.7); border-radius:100%;}
.ab04 .box .swiper-button-white:hover{ background-color:#fff;}
.ab04 .box .swiper-button-prev{ background-image:url("../images/prev.png"); left:0;}
.ab04 .box .swiper-button-next{ background-image:url("../images/next.png"); right:0;}
.ab04 .box .swiper-button-prev:hover{ background-image:url("../images/prevh.png");}
.ab04 .box .swiper-button-next:hover{ background-image:url("../images/nexth.png");}
.ab04 .more{ width:100%; margin-top:40px; display:flex; justify-content:center; position:relative; z-index:3;}
.ab04 .more p{ display:block; width:28px; height:28px; border:1px dashed #fff; border-radius:100%; overflow:hidden; float:left;}
.ab04 .more span{ display:block; width:16px; height:16px; border:1px solid #fff; border-radius:100%; margin:5px; overflow:hidden;}
.ab04 .more b{ display:block; width:6px; height:6px; background-color:#fff; margin:5px; border-radius:100%; overflow:hidden;}
.ab04 .more a{ display:block; float:left; margin-left:10px; font-size:16px; height:30px; line-height:30px; color:#fff;}
.ab04 .more a:hover{ color:#7fb947;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.ab04{ width:90%; padding:70px 5%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab04 .bg{ width:100%; height:100%; background-color:#000; position:absolute; opacity:.7; left:0; top:0; z-index:1;}
.ab04 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.ab04 .title span{ display:block; font-size:20px; line-height:24px; height:24px; color:#fff; text-transform:uppercase;}
.ab04 .title p{ display:flex; justify-content:center; align-items:center; margin-top:1px;}
.ab04 .title p img{ display:block;}
.ab04 .title p b{ display:block; font-size:30px; line-height:40px; height:40px; color:#fff; margin:0 15px;}
.ab04 .box{ width:100%; padding:0 40px; box-sizing:border-box; position:relative; margin-top:25px; z-index:3;}
.ab04 .box .swiper-container{ width:100%; position:relative;}
.ab04 .box .swiper-container .swiper-slide{ width:31.33%; margin:0 1%; overflow:hidden; display:block; position:relative;}
.ab04 .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.ab04 .box .swiper-container .swiper-slide p{ width:100%; padding:0 15px; box-sizing:border-box; position:absolute; left:0; bottom:-40px; height:40px; background-color:rgba(0,0,0,.7); line-height:40px; font-size:16px; color:#fff; display:block; overflow:hidden; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab04 .box .swiper-container .swiper-slide:hover p{ bottom:0;}
.ab04 .box .swiper-button-white{ width:40px; height:40px; position:absolute; z-index:3; top:50%; margin-top:-20px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:rgba(255,255,255,.7); border-radius:100%; background-size:20px;}
.ab04 .box .swiper-button-white:hover{ background-color:#fff;}
.ab04 .box .swiper-button-prev{ background-image:url("../images/prev.png"); left:0;}
.ab04 .box .swiper-button-next{ background-image:url("../images/next.png"); right:0;}
.ab04 .box .swiper-button-prev:hover{ background-image:url("../images/prevh.png");}
.ab04 .box .swiper-button-next:hover{ background-image:url("../images/nexth.png");}
.ab04 .more{ width:100%; margin-top:30px; display:flex; justify-content:center; position:relative; z-index:3;}
.ab04 .more p{ display:block; width:28px; height:28px; border:1px dashed #fff; border-radius:100%; overflow:hidden; float:left;}
.ab04 .more span{ display:block; width:16px; height:16px; border:1px solid #fff; border-radius:100%; margin:5px; overflow:hidden;}
.ab04 .more b{ display:block; width:6px; height:6px; background-color:#fff; margin:5px; border-radius:100%; overflow:hidden;}
.ab04 .more a{ display:block; float:left; margin-left:10px; font-size:16px; height:30px; line-height:30px; color:#fff;}
.ab04 .more a:hover{ color:#7fb947;}
}
@media only screen and (max-width:1000px){
.ab04{ width:94%; padding:40px 3%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab04 .bg{ width:100%; height:100%; background-color:#000; position:absolute; opacity:.7; left:0; top:0; z-index:1;}
.ab04 .title{ width:94%; padding:0 3%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.ab04 .title span{ display:block; font-size:16px; line-height:22px; height:22px; color:#fff; text-transform:uppercase;}
.ab04 .title p{ display:flex; justify-content:center; align-items:center; margin-top:-2px;}
.ab04 .title p img{ display:block; height:8px;}
.ab04 .title p b{ display:block; font-size:20px; line-height:30px; height:30px; color:#fff; margin:0 10px;}
.ab04 .box{ width:100%; padding:0 34px; box-sizing:border-box; position:relative; margin-top:15px; z-index:3;}
.ab04 .box .swiper-container{ width:100%; position:relative;}
.ab04 .box .swiper-container .swiper-slide{ width:90%; margin:0 5%; overflow:hidden; display:block; position:relative;}
.ab04 .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.ab04 .box .swiper-container .swiper-slide p{ width:100%; padding:0 10px; box-sizing:border-box; position:absolute; left:0; bottom:-30px; height:30px; background-color:rgba(0,0,0,.7); line-height:30px; font-size:14px; color:#fff; display:block; overflow:hidden; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab04 .box .swiper-container .swiper-slide:hover p{ bottom:0;}
.ab04 .box .swiper-button-white{ width:34px; height:34px; position:absolute; z-index:3; top:50%; margin-top:-17px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:rgba(255,255,255,.7); border-radius:100%; background-size:16px;}
.ab04 .box .swiper-button-white:hover{ background-color:#fff;}
.ab04 .box .swiper-button-prev{ background-image:url("../images/prev.png"); left:0;}
.ab04 .box .swiper-button-next{ background-image:url("../images/next.png"); right:0;}
.ab04 .box .swiper-button-prev:hover{ background-image:url("../images/prevh.png");}
.ab04 .box .swiper-button-next:hover{ background-image:url("../images/nexth.png");}
.ab04 .more{ width:100%; margin-top:20px; display:flex; justify-content:center; position:relative; z-index:3;}
.ab04 .more p{ display:block; width:22px; height:22px; border:1px dashed #fff; border-radius:100%; overflow:hidden; float:left;}
.ab04 .more span{ display:block; width:12px; height:12px; border:1px solid #fff; border-radius:100%; margin:4px; overflow:hidden;}
.ab04 .more b{ display:block; width:4px; height:4px; background-color:#fff; margin:4px; border-radius:100%; overflow:hidden;}
.ab04 .more a{ display:block; float:left; margin-left:6px; font-size:14px; height:24px; line-height:24px; color:#fff;}
}

@media screen and (min-width:1367px){
.ab05{ width:75%; padding:100px 12.5%; position:relative; z-index:1; background-color:#fff;}
.ab05 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.ab05 .title span{ display:block; font-size:24px; line-height:30px; height:30px; color:#666; text-transform:uppercase;}
.ab05 .title p{ display:flex; justify-content:center; align-items:center; margin-top:4px;}
.ab05 .title p img{ display:block;}
.ab05 .title p b{ display:block; font-size:36px; line-height:46px; height:46px; color:#333; margin:0 20px;}
.ab05 .box{ width:100%; position:relative; margin-top:35px;}
.ab05 .box img{ max-width:100%; height:auto; display:block; margin:auto;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.ab05{ width:90%; padding:70px 5%; position:relative; z-index:1; background-color:#fff;}
.ab05 .title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.ab05 .title span{ display:block; font-size:20px; line-height:24px; height:24px; color:#666; text-transform:uppercase;}
.ab05 .title p{ display:flex; justify-content:center; align-items:center; margin-top:1px;}
.ab05 .title p img{ display:block;}
.ab05 .title p b{ display:block; font-size:30px; line-height:40px; height:40px; color:#333; margin:0 15px;}
.ab05 .box{ width:100%; position:relative; margin-top:25px;}
.ab05 .box img{ max-width:100%; height:auto; display:block; margin:auto;}
}
@media only screen and (max-width:1000px){
.ab05{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.ab05 .title{ width:94%; padding:0 3%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.ab05 .title span{ display:block; font-size:16px; line-height:22px; height:22px; color:#666; text-transform:uppercase;}
.ab05 .title p{ display:flex; justify-content:center; align-items:center; margin-top:-2px;}
.ab05 .title p img{ display:block; height:8px;}
.ab05 .title p b{ display:block; font-size:20px; line-height:30px; height:30px; color:#333; margin:0 10px;}
.ab05 .box{ width:100%; position:relative; margin-top:15px;}
.ab05 .box img{ max-width:100%; height:auto; display:block; margin:auto;}
}

/*荣誉资质*/
@media screen and (min-width:1367px){
.ry{ width:75%; padding:70px 12.5%; padding-bottom:100px; background-color:#f1f1f1; position:relative; z-index:1;}
.ry #auto-loop{ display:block; overflow:hidden; margin-top:-40px;}
.ry #auto-loop a{ width:22.92%; float:left; overflow:hidden; margin-top:40px; margin-left:2.77%; position:relative;}
.ry #auto-loop a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ry #auto-loop a img{ width:100%; display:block;}
.ry #auto-loop a p{ width:100%; padding:0 20px; box-sizing:border-box; position:absolute; left:0; bottom:-50px; height:50px; background-color:rgba(0,0,0,.7); line-height:50px; font-size:18px; color:#fff; display:block; overflow:hidden; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ry #auto-loop a:hover p{ bottom:0;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.ry{ width:90%; padding:50px 5%; padding-bottom:70px; background-color:#f1f1f1; position:relative; z-index:1;}
.ry #auto-loop{ display:block; overflow:hidden; margin-top:-30px;}
.ry #auto-loop a{ width:32%; float:left; overflow:hidden; margin-top:30px; margin-left:2%; position:relative;}
.ry #auto-loop a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ry #auto-loop a img{ width:100%; display:block;}
.ry #auto-loop a p{ width:100%; padding:0 15px; box-sizing:border-box; position:absolute; left:0; bottom:-40px; height:40px; background-color:rgba(0,0,0,.7); line-height:40px; font-size:16px; color:#fff; display:block; overflow:hidden; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ry #auto-loop a:hover p{ bottom:0;}
}
@media only screen and (max-width:1000px){
.ry{ width:94%; padding:30px 3%; padding-bottom:40px; background-color:#f1f1f1; position:relative; z-index:1;}
.ry #auto-loop{ display:block; overflow:hidden; margin-top:-20px;}
.ry #auto-loop a { width:48.5%; float:left; overflow:hidden; margin-top:20px; margin-left:3%; position:relative;}
.ry #auto-loop a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ry #auto-loop a img{ width:100%; display:block;}
.ry #auto-loop a p{ width:100%; padding:0 10px; box-sizing:border-box; position:absolute; left:0; bottom:-30px; height:30px; background-color:rgba(0,0,0,.7); line-height:30px; font-size:14px; color:#fff; display:block; overflow:hidden; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ry #auto-loop a:hover p{ bottom:0;}
}

/*优迈大讲堂*/
@media screen and (min-width:1367px){
.jt{ width:75%; padding:70px 12.5%; padding-bottom:100px; background-color:#f1f1f1; position:relative; z-index:1;}
.jt .list{ display:block; overflow:hidden; margin-top:-40px;}
.jt .list li{ width:31.25%; float:left; overflow:hidden; margin-top:40px; margin-left:3.125%; border-radius:10px; background-color:#fff; position:relative;}
.jt .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.jt .list li .tu{ width:100%; position:relative; z-index:1;}
.jt .list li .tu img{ width:100%; display:block;}
.jt .list li .tu p{ width:100%; padding:0 20px; box-sizing:border-box; position:absolute; left:0; bottom:0; height:50px; background-color:rgba(0,0,0,.7); line-height:50px; font-size:18px; color:#fff; display:block; overflow:hidden; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jt .list li .wen{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jt .list li .wen a{ width:100%; height:100%; box-sizing:border-box; padding:30px; padding-bottom:25px; display:block; overflow:hidden; background-color:rgba(0,0,0,.7); position:relative;}
.jt .list li .wen .w01{ height:20px; font-size:18px; line-height:20px; color:#fff;}
.jt .list li .wen .w01 img{ display:block; height:20px; float:left; margin-right:10px;}
.jt .list li .wen .w02{ height:78px; font-size:16px; line-height:26px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; margin-top:10px;}
.jt .list li .wen .w03{ position:absolute; left:30px; bottom:25px; width:calc(100% - 60px);}
.jt .list li .wen .w03 p{ display:block; font-size:14px; line-height:24px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jt .list li:hover .tu p{ bottom:-50px;}
.jt .list li:hover .wen{ opacity:1;}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.jt{ width:90%; padding:50px 5%; padding-bottom:70px; background-color:#f1f1f1; position:relative; z-index:1;}
.jt .list{ display:block; overflow:hidden; margin-top:-30px;}
.jt .list li{ width:32%; float:left; overflow:hidden; margin-top:30px; margin-left:2%; border-radius:10px; background-color:#fff; position:relative;}
.jt .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.jt .list li .tu{ width:100%; position:relative; z-index:1;}
.jt .list li .tu img{ width:100%; display:block;}
.jt .list li .tu p{ width:100%; padding:0 15px; box-sizing:border-box; position:absolute; left:0; bottom:0; height:40px; background-color:rgba(0,0,0,.7); line-height:40px; font-size:16px; color:#fff; display:block; overflow:hidden; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jt .list li .wen{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jt .list li .wen a{ width:100%; height:100%; box-sizing:border-box; padding:20px; padding-bottom:15px; display:block; overflow:hidden; background-color:rgba(0,0,0,.7); position:relative;}
.jt .list li .wen .w01{ height:20px; font-size:18px; line-height:20px; color:#fff;}
.jt .list li .wen .w01 img{ display:block; height:20px; float:left; margin-right:10px;}
.jt .list li .wen .w02{ height:72px; font-size:14px; line-height:24px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; margin-top:5px;}
.jt .list li .wen .w03{ position:absolute; left:20px; bottom:15px; width:calc(100% - 40px);}
.jt .list li .wen .w03 p{ display:block; font-size:14px; line-height:20px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jt .list li:hover .tu p{ bottom:-40px;}
.jt .list li:hover .wen{ opacity:1;}
}
@media only screen and (max-width:1000px){
.jt{ width:94%; padding:30px 3%; padding-bottom:40px; background-color:#f1f1f1; position:relative; z-index:1;}
.jt .list{ display:block; overflow:hidden; margin-top:-20px;}
.jt .list li{ width:48.5%; float:left; overflow:hidden; margin-top:20px; margin-left:3%; border-radius:5px; background-color:#fff; position:relative;}
.jt .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.jt .list li .tu{ width:100%; position:relative; z-index:1;}
.jt .list li .tu img{ width:100%; display:block;}
.jt .list li .tu p{ width:100%; padding:0 15px; box-sizing:border-box; position:absolute; left:0; bottom:0; height:30px; background-color:rgba(0,0,0,.7); line-height:30px; font-size:14px; color:#fff; display:block; overflow:hidden; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jt .list li .wen{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jt .list li .wen a{ width:100%; height:100%; box-sizing:border-box; padding:10px; padding-bottom:5px; display:block; overflow:hidden; background-color:rgba(0,0,0,.7); position:relative;}
.jt .list li .wen .w01{ height:18px; font-size:16px; line-height:18px; color:#fff;}
.jt .list li .wen .w01 img{ display:block; height:18px; float:left; margin-right:5px;}
.jt .list li .wen .w02{ height:36px; font-size:14px; line-height:18px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;  margin-top:5px;}
.jt .list li .wen .w03{ position:absolute; left:10px; bottom:8px; width:calc(100% - 20px);}
.jt .list li .wen .w03 p{ display:block; font-size:12px; line-height:16px; height:16px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jt .list li:hover .tu p{ bottom:-30px;}
.jt .list li:hover .wen{ opacity:1;}
}

/*在线咨询*/
@media screen and (min-width:1367px){
.zx{ width:100%; height:100vh; position:fixed; top:0; left:0;  background-color:rgba(0,0,0,.7); z-index:1000; display:none;}
.zx .box{ width:600px; padding:50px; padding-top:30px; background-color:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-radius:20px;}
.zx .box .bt{ font-size:24px; line-height:34px; font-weight:bold;}
.zx .box .wen{ font-size:16px; line-height:26px; color:#666; margin-top:5px;}
.zx .box .inp{ width:620px;}
.zx .box .inp p{ width:288px; float:left; margin-right:20px; margin-top:20px; display:block; overflow:hidden; position:relative; border:1px solid #ddd; border-radius:5px;}
.zx .box .inp p input{ width:100%; display:block; padding:0 20px; height:38px; line-height:38px; box-sizing:border-box; overflow:hidden;}
.zx .box .inp p b{ display:block; position:absolute; right:10px; top:0; font-size:16px; height:38px; line-height:38px; color:#da0000;}
.zx .box .sub{ width:200px; margin:auto; margin-top:20px;}
.zx .box .sub input{ width:100%; display:block; margin:auto; height:40px; line-height:40px; text-align:center; background-color:#333; color:#fff; cursor:pointer; border-radius:5px; overflow:hidden;}
.zx .box .sub input:hover{ background-color:#006ebc;}
.zx .close{ position:absolute; right:20px; top:20px; -webkit-transition:1s linear; transition:1s ease-in;}
.zx .close img{ display:block; cursor:pointer; width:28px;}
.zx .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media screen and (min-width:1001px) and (max-width:1366px){
.zx{ width:100%; height:100vh; position:fixed; top:0; left:0;  background-color:rgba(0,0,0,.7); z-index:1000; display:none;}
.zx .box{ width:600px; padding:30px; padding-top:20px; background-color:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-radius:20px;}
.zx .box .bt{ font-size:24px; line-height:34px; font-weight:bold;}
.zx .box .wen{ font-size:16px; line-height:26px; color:#666; margin-top:5px;}
.zx .box .inp{ width:620px;}
.zx .box .inp p{ width:288px; float:left; margin-right:20px; margin-top:20px; display:block; overflow:hidden; position:relative; border:1px solid #ddd; border-radius:5px;}
.zx .box .inp p input{ width:100%; display:block; padding:0 20px; height:38px; line-height:38px; box-sizing:border-box; overflow:hidden;}
.zx .box .inp p b{ display:block; position:absolute; right:10px; top:0; font-size:16px; height:38px; line-height:38px; color:#da0000;}
.zx .box .sub{ width:200px; margin:auto; margin-top:20px;}
.zx .box .sub input{ width:100%; display:block; margin:auto; height:40px; line-height:40px; text-align:center; background-color:#333; color:#fff; cursor:pointer; border-radius:5px; overflow:hidden;}
.zx .box .sub input:hover{ background-color:#006ebc;}
.zx .close{ position:absolute; right:20px; top:20px; -webkit-transition:1s linear; transition:1s ease-in;}
.zx .close img{ display:block; cursor:pointer; width:28px;}
.zx .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media only screen and (max-width:1000px){
.zx{ width:100%; height:100vh; position:fixed; top:0; left:0;  background-color:rgba(0,0,0,.7); z-index:1000; display:none;}
.zx .box{ width:calc(94% - 30px); padding:15px; padding-top:10px; background-color:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-radius:20px;}
.zx .box .bt{ font-size:20px; line-height:30px; font-weight:bold;}
.zx .box .wen{ font-size:14px; line-height:24px; color:#666;}
.zx .box .inp{ width:100%;}
.zx .box .inp p{ width:calc(100% - 2px); float:left; margin-top:15px; display:block; overflow:hidden; position:relative; border:1px solid #ddd; border-radius:5px;}
.zx .box .inp p input{ width:100%; display:block; padding:0 15px; height:32px; line-height:32px; box-sizing:border-box; overflow:hidden;}
.zx .box .inp p b{ display:block; position:absolute; right:10px; top:0; font-size:14px; height:32px; line-height:32px; color:#da0000;}
.zx .box .sub{ width:200px; margin:auto; margin-top:15px;}
.zx .box .sub input{ width:100%; display:block; margin:auto; height:34px; line-height:34px; text-align:center; background-color:#333; color:#fff; cursor:pointer; border-radius:5px; overflow:hidden;}
.zx .box .sub input:hover{ background-color:#006ebc;}
.zx .close{ position:absolute; right:10px; top:10px; -webkit-transition:1s linear; transition:1s ease-in;}
.zx .close img{ display:block; cursor:pointer; width:28px;}
.zx .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}