/*导航菜单*/
.sp_header {height:50px;overflow:hidden;background:#008cd4;position:relative;z-index:10;width:100%;}
.xy {padding:0 20px;float:left;height:50px}
.xy i {position:absolute;height:24px;font-size:24px;line-height:24px;margin-top: 13px;color: #fff;}
.sp_nav {width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span {display:block;background:#fff;width:23px;height:3px;position:absolute;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1) {top:0px}
.sp_nav span:nth-of-type(2) {top:8px}
.sp_nav span:nth-of-type(3) {top:16px}
.sp_nav_se span:nth-of-type(1) {top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2) {width:0}
.sp_nav_se span:nth-of-type(3) {top:10px;transform:rotate(-45deg)}
.sjj_nav {position:absolute;z-index:9;background:#3badeb;width:100%;left:0;overflow:auto;overflow-x:hidden;transition:left ease 2s;height:254px;display:none;}
.nav_show {display:block;top:50px}
.sjj_nav>ul>li:first-child {overflow:hidden;border-top:0}
.sjj_nav ul li {border-top:1px solid #008cd4;border-bottom:1px solid #69bdeb;position:relative;line-height:40px;font-size:16px}
.sjj_nav ul li a {color:#fff;padding-left:20px;width:100%;}
.sjj_nav li.cur {background:#ff8b00;}
.nav-list {position:fixed;height:100%;top:0;padding:5px;width:60%;background:#1c1c1c;left:-60%;-webkit-transition:1s;transition:1s;z-index:1000;}
.nav-list > li {width:100%;margin:0;overflow:hidden;list-style:none;}
.nav-list > li a {color:#fff;display:block;padding:15px;font-size:16px;font-weight:normal;border-bottom:1px solid #292929;}
.open {left:0%;overflow:auto;}
/*banner*/
.swipslider {position:relative;overflow:hidden;display:block;padding-top:100%;margin-top:unset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin: unset;}
.swipslider .sw-slides {display:block;padding:0;list-style:none;width:100%;height:100%;white-space:nowrap;font-size:0;-webkit-transform:translateX(0);transform:translateX(0);position:absolute;bottom:0;}
.swipslider .sw-slide {width:100%;height:100%;margin:auto;display:inline-block;position:relative;}
.swipslider .sw-slide > img {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%;max-width:100%;margin-left:auto;margin-right:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

.sw-bullet {position:absolute;bottom:2%;list-style:none;display:block;width:100%;text-align:center;padding:0;margin:0;}
.sw-bullet li {width:10px;height:10px;background-color:rgba(160,160,160,0.53);border-radius:50%;display:inline-block;cursor:pointer;transition:all .2s ease-out;}
.sw-bullet li.active {background-color:rgba(255,255,255,0.5);box-shadow:0 0 2px rgba(160,160,160,0.53);}
.sw-bullet li:not(:last-child) {margin-right:5px;}
/*案例滚动 */
.marqueeleft {height:160px;width:100%;overflow:hidden;margin:20px auto;}
.marqueeleft ul {float:left;}
.marqueeleft li {float:left;margin:0 5px;display:inline;width:160px;height:150px;overflow:hidden;}
.marqueeleft li .pic {display:block;border:#ccc 1px solid;width:160px;height:120px;padding:2px;overflow:hidden;}
.marqueeleft li .txt {text-align:center;height:30px;line-height:15px;background:#febf72;font-size:13px;overflow:hidden;}
/*新闻资讯*/
.tabClick {background:#f3f3f3;overflow:hidden}
.tabClick li {background:#3badeb;color:#333;height:40px;line-height:40px;width:50%;float:left;text-align:center}
.tabClick li.active {background:#ff8b00;color:#fff;transition:0.1s;font-weight:bold}
.tabCon {overflow:hidden}
.tabBox {position:relative}
.tabList {word-break:break-all;width:100%;float:left;line-height:100px;color:#D3D3D3;text-align:left;margin:0 10px}
.tabList h3 {overflow:hidden;margin:15px 0 5px 15px;padding:0px;height:23px;color:#000;font-weight:normal;line-height:23px;font-size:14px;}
.tabList p {margin:0 15px;padding-bottom:15px;color:#818181;line-height:1.5;font-size:14px;border-bottom:1px solid #ddd;}
.tabList h4 {text-align:center;width:40%;height:35px;background:#ff8b00;font-size:14px;margin:10px auto;line-height:35px;border-radius:3px;}
.tabList h4 a {color:#fff;}
/*分页 页码*/
.page {text-align:center;padding:30px 0 0}
.pagination {display:inline-block;}
.page ul li {display:inline;}
.page li a {border:1px solid #e0e0e0;height:40px;line-height:26px;min-width:28px;text-align:center;display:inline-block;color:#333;padding:5px;font-size: 13px;}
.page li a:hover {border:1px solid #a0a0a0;color:#333}
.pagination > li:first-child > a {margin-left:0;border-bottom-left-radius:25px;border-top-left-radius:25px;background:#f0f0f0;}
.pagination > li:last-child > a {border-bottom-right-radius:25px;border-top-right-radius:25px;}
.page .active a {font-weight:bold;background:#ff8b00;color:#333;border:1px solid #ff8b00;}
/*底部*/
#footer .footerlist.footerlist{background:-webkit-gradient(linear,0 0,0 100%,from(#008cd4),to(#0073bb), color-stop(100%, #0073bb)); }
.h50{height: 50px;}