/* CSS Document */
@charset "utf-8";
body {behavior:url("../css/csshover.htc");}
body{ margin:0px; overflow-x:hidden}
.wrap {width:100%;clear:both;}

.container {margin:0 auto;height:auto;clear:both;text-align:center; _width:1200px;}
@media (max-device-width:768px) {.container {width:100%;padding:0px;}.top {width:100%; margin:0px auto;}}
@media (min-device-width:992px) {.container {width:96%;padding:0px;}.top {width:100%; margin:0px auto;}}
@media (min-device-width:1200px){
.container {width:1400px;padding:0 20px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,0.1); -moz-box-shadow:0 4px 20px rgba(0,0,0,0.1); box-shadow:0 4px 20px rgba(0,0,0,0.1); border-radius:12px; margin:10px auto; background:#fff;}
.top {width:1430px; margin:0px auto;}
.menu{width:1400px; margin:0px auto;}
}
.main{width:100%;margin:20px auto;clear:both; height:auto; border-radius:12px; background:#fff; overflow:hidden; padding:20px; box-sizing:border-box;}
.slide-main{height:600px;position:relative;min-height:400px;max-height:800px; overflow:hidden; margin-bottom:30px; box-shadow:0 4px 20px rgba(0,0,0,0.1);}
.head{margin:0px auto auto auto;width:100%;}
.top{height:auto; margin:0px auto;_width:1200px;}
.logo{float:left; padding:0.5%;}
.logo img{max-height:65px; width:auto; height:auto;}
.logo .logo-text{display:inline-block; font-size:28px; font-weight:bold; color:#00A3D9 !important; text-decoration:none !important; line-height:55px; font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","黑体","宋体"; text-shadow:1px 1px 2px rgba(0,0,0,0.2); transition:all 0.3s ease;}
.logo .logo-text:hover{color:#007CA6 !important; text-shadow:1px 1px 3px rgba(0,0,0,0.3);}
/* 图片+文字模式样式 */
.logo img{vertical-align:middle; margin-right:10px; max-height:65px;}
.logo .logo-text{vertical-align:middle;}
#_userlogin{ float:right;width:250px; height:30px;}
#_userlogin .userinfo{ font-size:14px; color:#666}

.navigation {margin:auto auto; text-align:center;width:100%; height:55px;_overflow:hidden; background:linear-gradient(90deg, #00A3D9 0%, #0087BE 50%, #006BA3 100%); position:relative; overflow:visible;}
.navigation::before{content:""; position:absolute; top:0; left:-100%; width:200%; height:100%; background:linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); animation:navShimmer 6s infinite;}
@keyframes navShimmer{0%{left:-100%;} 100%{left:100%;}}
.menu{_width:1200px; margin:0px auto;}
#nav{text-align:center; margin:0px auto;}
#nav li ul{display:none; width:100%;}
.second-menu{position:absolute;}
.first-menu li{float:left;position:relative;z-index:10000; width:12.5%;}
.first-menu li{transition:all 0.3s ease;}
.first-menu li:hover{ background:linear-gradient(180deg, #1F5E8B 0%, #00468C 100%); box-shadow:0 4px 8px rgba(0,0,0,0.2);}
.first-menu li:first-child{ background:linear-gradient(180deg, #1F5E8B 0%, #00468C 100%);}
.first-menu a,.first-menu a:link{line-height:55px; display:block;color:#fff;font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","黑体","宋体"; font-size:16px; font-weight:500; transition:all 0.3s ease; position:relative;}
.first-menu a:hover{color:#fff; text-shadow:0 0 8px rgba(255,255,255,0.5);}

.second-menu{background:linear-gradient(180deg, #00A3D9 0%, #0087BE 100%); border-radius:0 0 8px 8px; box-shadow:0 4px 12px rgba(0,0,0,0.2); overflow:hidden;}
.second-menu a,.second-menu a:link{display:block;margin:0px;overflow:hidden; font-weight:normal;color:#fff; font-size:14px;font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","黑体","宋体";filter:alpha(opacity=95);-moz-opacity:0.95;opacity:0.95; width:100%; float:left; background:transparent; border-bottom:1px solid rgba(255,255,255,0.15); transition:all 0.3s ease; padding:12px 15px; box-sizing:border-box; line-height:1.6;}
.second-menu a:last-child{border-bottom:none;}
.second-menu a:hover{background:rgba(255,255,255,0.15); color:#fff; text-shadow:0 0 5px rgba(255,255,255,0.3); transform:translateX(3px);}
.second-menu{top:55px;left:0;}
@media (max-device-width: 640px) {
.second-menu{position:static;}
.nav-item{ background:none;}
}

a.meanmenu-reveal{display:none}
.mean-container .mean-bar{float:left;width:100%;position:absolute;background:transparent;padding:4px 0;min-height:42px;z-index:999999}
.mean-container a.meanmenu-reveal{width:20px;height:20px;padding:2.5% 13px 11px;position:absolute;top:0;right:0;cursor:pointer;color:#00468C;text-decoration:none;font-size:12px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:500}	
.mean-container a.meanmenu-reveal span{display:block;background:#00468C;height:2px;margin-top:4px}

.mean-container .mean-nav{float:left;width:100%;background:#00468C;margin-top:50px}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%; background:none;}
.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:0em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #30e5e4;border-top:1px solid rgba(48,229,228,.2);text-decoration:none;text-transform:uppercase;}
.mean-container .mean-nav ul li li{background:#217401; text-indent:30%;}
.mean-container .mean-nav ul li li a{width:100%;padding:0.5em 10%;border-top:1px solid #f1f1f1;opacity:.80;filter:alpha(opacity=80);text-shadow:none!important;visibility:visible;}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a.mean-expand{margin-top:0px;width:100%;height:34px;padding:2px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;}
.mean-container .mean-nav ul li a.mean-expand:hover{background:transparent;}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}	
.banner{ height:200px; background:url(../images/banner03.jpg) center; width:100%;}

/* slide */
.slide-main{height:600px;position:relative;min-height:400px;max-height:800px;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;bottom:20px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#444;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:600px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:600px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:url(../images/banner01.jpg) no-repeat center ;}
#bgstylea .obj-a, #bgstylea .obj-b{color:#2C3E50; -webkit-text-stroke: 1px rgba(255,255,255,0.5);}
#bgstyleb{background:url(../images/banner02.jpg) no-repeat center ;}
#bgstylec{background:url(../images/banner03.jpg) no-repeat center ;}
.slide a{display:block;width:100%;height:600px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%; font-size:55px; font-weight:bold; white-space:nowrap; -webkit-text-stroke: 1px rgba(0,0,0,0.3); letter-spacing: 2px;}
.obj-a,.obj-b{width:1400px;margin-left:-700px;text-align:center;}
.obj-a{display:block;top:120px;}
.obj-b{top:250px;font-size:52px;color:#fff;}
.obj-c{top:250px;display:block;margin-left:-700px; color:#E74C3C;width:1400px; text-align:center; font-weight:bolder; white-space:nowrap;}
.obj-d{top:320px;margin-left:-700px;color:#E74C3C;width:1400px;text-align:center;font-weight:bolder; white-space:nowrap;}
.obj-e{width:1400px;margin-left:-700px;top:250px;z-index:12;color:#26C9FF; font-weight:bold; white-space:nowrap; text-align:center;}
.obj-f{width:1400px;top:320px;margin-left:-700px;color:#fff; font-weight:bold; white-space:nowrap; text-align:center;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }

/* Swiper轮播样式 */
.swiper{position:relative;width:420px;height:250px;margin:0 auto 0 auto; float:left; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.1); transition:all 0.3s ease; border-radius:12px;}
.swiper:hover{ transform:scale(1.02); box-shadow:0 4px 12px rgba(0,0,0,0.15);}
.swiper .swiper-slide{width:100% !important; height:250px !important; overflow:hidden !important;}
.swiper .swiper-slide .item1{display:block !important; position:relative !important; width:100% !important; height:250px !important; overflow:hidden !important;}
.swiper .swiper-slide .item1 img{display:block !important; width:100% !important; height:250px !important; object-fit:cover !important; border-radius:12px !important;}
.swiper .swiper-slide .item1 b{content:"" !important; display:block !important; position:absolute !important; left:0 !important; bottom:0 !important; width:100% !important; height:40px !important; background:rgba(0,0,0,0.6) !important; z-index:2 !important;}
.swiper .swiper-slide .item1 span{display:block !important; position:absolute !important; left:0 !important; bottom:8px !important; width:100% !important; font-size:14px !important; line-height:20px !important; color:#fff !important; text-align:center !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; padding:0 15px !important; z-index:3 !important; font-family:"微软雅黑","黑体" !important;}

.swiper-button-next,.swiper-button-prev{width:30px;height:60px;margin-top:-30px; opacity:0.7; transition:all 0.3s ease;}
.swiper-button-next:hover,.swiper-button-prev:hover{ opacity:1;}
.swiper-button-prev{left:5px;}
.swiper-button-next{right:5px;}

.thetime{ font-size:12px; color:#999}
.more{ float:right;}
.title{width:100%;}
.title b{font-size:26px; color:#333;font-weight:600; float:left;line-height:150%; margin-bottom:1%;}
.title b small{ color:#00A3D8; font-weight:lighter}
.lbox{ width:70%; float:left;}
.rbox{ width:26%; float:right; padding:0;}

.news{ width:53%; float:right; margin-top:10px;}
.news ul li{ width:100%; float:left; text-align:left; line-height:225%;}
.news ul li a{ width:75%; float:left;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news ul li span.thetime{ width:23%; float:right; text-align:right;}

.zcfg{ background:#f8f9fa; padding:15px; border-radius:8px;}
.zcfg ul li{ width:100%; float:left; text-align:left; line-height:225%;}
.zcfg ul li a{ width:100%; float:left;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#444;}
.zcfg ul li a:hover{ color:#F00}

.cases{ width:100%;padding:0.4% 0; margin:1% 0}

.cases-swiper{ width:100%; height:auto; overflow:hidden; margin:5px auto; position:relative;}
.cases-swiper .swiper-wrapper{ display:flex;}
.cases-swiper .swiper-slide{ width:calc((100% - 40px) / 5) !important; flex-shrink:0; height:245px; overflow:hidden; position:relative; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.1); transition:all 0.3s ease;}
.cases-swiper .swiper-slide:hover{ transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,0.15);}
.cases-swiper .swiper-slide img{ width:100%; height:215px; object-fit:cover; border-radius:8px 8px 0 0;}
.cases-swiper .swiper-slide span{ position:absolute; left:0; bottom:0; width:100%; z-index:10; background:#00A3D9; color:#fff; padding:8px 5px; border-radius:0 0 8px 8px; font-size:16px; font-weight:normal; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; text-align:center;}
.cases-swiper .swiper-slide:hover img{ opacity:0.8;}
.cases-swiper .swiper-button-next,.cases-swiper .swiper-button-prev{ width:40px; height:80px; margin-top:-40px; opacity:0.7; transition:all 0.3s ease;}
.cases-swiper .swiper-button-next:hover,.cases-swiper .swiper-button-prev:hover{ opacity:1;}
.cases-swiper .swiper-button-prev{ left:0;}
.cases-swiper .swiper-button-next{ right:0;}
.cases-swiper .swiper-slide a{ text-decoration:none; display:block; position:relative; height:100%;}

.about{ background:#FDFCFA; width:100%; margin-top:30px; padding:20px 0; padding-left:0; padding-right:0; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.05); box-sizing:border-box;}
.aboutpic{ width:48%; float:left; display:flex; align-items:center; justify-content:flex-start; box-sizing:border-box;}
.aboutpic img{ width:100%; height:auto; min-height:280px; object-fit:cover; border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,0.1); transition:all 0.3s ease;}
.aboutpic img:hover{ transform:scale(1.02); box-shadow:0 4px 12px rgba(0,0,0,0.15);}
.aboutcon{ width:52%; float:right; padding:0 0 0 15px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center;}
.aboutcon .aboutbt{ font-size:28px; font-weight:600; color:#333; margin-bottom:20px; text-align:left; line-height:1.2; border-left:4px solid #00A3D9; padding-left:15px;}
.aboutcon span{ width:96%; text-align:left; line-height:225%; display:block; font-size:16px; color:#333; margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; line-clamp:6; -webkit-box-orient:vertical; box-orient:vertical;}
.aboutcon .more-btn{ display:inline-block; margin-top:15px; padding:8px 20px; border:1px solid #09C; text-align:center; color:#09C; line-height:160%; font-size:14px; border-radius:4px; transition:all 0.3s ease; text-decoration:none; background:#fff;}
.aboutcon .more-btn:hover{ background:#069; color:#fff;}

#bottom{
    background: #006A99;
    background-image: radial-gradient(ellipse at 50% 0%, rgba(0,135,190,0.15) 0%, transparent 50%);
    width:100%; 
    padding-bottom:2%; 
    margin-top:1%; 
    min-height:180px; 
    position:relative;
}
.bottom{ width:1400px; margin:0px auto; display:flex; align-items:center; height:100%; position:relative;}
.bottom ul, .bottom .footnav, .bottom .zxns{ align-self:flex-start; margin-top:20px;}
.bottom ul{ width:20%; float:left; margin-left:2%;}
.bottom ul b{ width:100%; display:block; line-height:380%; font-size:20px; font-weight:normal; color:#f1f1f1}
.bottom ul li{line-height:200%;}
.bottom ul li a{ color:#CCC; transition:all 0.3s ease; position:relative;}
.bottom ul li a:hover{ color:#fff; text-shadow:0 0 5px rgba(255,255,255,0.5); transform:translateX(3px);}
.footnav{ float:left; width:11%;}
.zxns{ width:25%;_width:20%; float:left;}
.zxns li{ width:50%; float:left; font-size:12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.zxns li a strong{font-weight:normal;}

.bottom .contact{ width:40%; float:right; display:flex; align-items:center; justify-content:flex-start; height:100%; min-height:150px; margin-left:auto;}
.bottom .contact span{ padding:2%; display:block; width:55%; line-height:200%; color:#CCC; margin-left:5%;}
.bottom .contact .code{ width:35%; text-align:center; background:#fff; padding:12px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.1); transition:all 0.3s ease; box-sizing:border-box; flex-shrink:0;}
.bottom .contact .code:hover{ transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,0.15);}
.bottom .contact .code img{ width:100%; height:auto; max-width:126px; margin:0 auto; display:block; border-radius:4px;}
.bottom .contact .code p{ margin:10px 0 0 0; text-align:center; font-size:12px; color:#666; line-height:1.4; font-weight:500;}
/*footer - 极微渐变*/
.footer{
    line-height:300%;
    width:100%; 
    background: #2A2B2E;
    background-image: radial-gradient(ellipse at 50% 0%, rgba(255,255,255,0.03) 0%, transparent 70%);
    text-align:center; 
    color:#fff; 
    position:relative;
}
.footer a,.footer a:link{ color:#fff; padding:0 2px; transition:all 0.3s ease;}
.footer a:hover{ color:#F00; text-shadow:0 0 8px rgba(255,0,0,0.5);}

/* 
其他可选方案（取消注释即可使用）：

方案3 - 纯色+内阴影（最简洁）:
.footer{
    background: #2A2B2F;
    box-shadow: inset 0 10px 20px rgba(0,0,0,0.1);
}

方案4 - 微妙径向渐变（中心亮边缘暗）:
.footer{
    background: radial-gradient(circle at center, #2D2E32 0%, #26272B 100%);
}
*/


.links{ width:90%; line-height:180%; margin:0px auto; height:auto; padding:0 5%; background:#ccc}
.links .linksbt{ float:left; font-weight:bold; font-size:16px;}
.links .linkscon{ float:left;}
/*guestbook*/
.guestbook{ text-align:left;}
.guestbook .btn-2{width:70px;height:25px;border:none;background:url(../images/btn-bg2.gif) left top no-repeat;line-height:25px;overflow:hidden;color:#444;margin-right:2px;cursor:pointer;}

.msgtd {line-height:180%;padding:5px;height:50px;}
.msgtd span { color:#ccc;}	
.timetd {border-top:1px solid  #ccc;border-bottom:1px dotted #ccc;padding-left:5px;color:#999; font-family:Arial, Helvetica, sans-serif; height:30px; line-height:30px; overflow:hidden;}
.timetd img{vertical-align:bottom; padding-top:10px;}
.timetd span{ display:block; float:left; font-family:宋体; color:#555555;}
.remsg{ color:#993;}
.remsg b{ font-weight:bold; color:#F00;}

.bottomtd {border-top:1px dashed #dedede;padding-left:5px;}
.bottomtd a{color:#666;}
.bottomtd a:hover{color:#f00;}
.writetable td {padding: 3px;}
.writetd {background:url(../images/wbg.gif); height:30px;}
.pagetable {border:1px solid #dedede;margin-bottom:8px;background:#FBFEED;}
.pagelistbox{margin:0 auto;}
.pagelistbox span{border:1px solid #dedede;padding:2px;margin-right:3px;background:#E8F9BF;}
.pagelistbox a {border:1px solid #dedede;padding:2px;margin-right:3px;background:#ccc;padding-left:5px;padding-right:5px;}
.rebox{padding:5px;border-bottom:1px solid #dedede; background:#f9f9f9; margin:0px auto; font-family:Arial, Helvetica, sans-serif}

.sp-title{color:#888;padding:0px 12px;border-bottom:1px solid #EAEAEA;margin-bottom:8px;}
.sp-title h2 {text-align:left; width:100%;line-height:27px; clear:both}
.sp-title h2 b{font-size:14px;color:#093; float:left;}
.sp-title h2 span{ font-size:12px;float:left; display:block; color:#999; font-weight:normal; text-indent:2em}
.sp-title ul{color:#F93;}
.sp-title ul li{ float:left;height:40px; line-height:40px; overflow:hidden;}
.sp-title ul li.now{ color:#b00;}
.sp-title ul li.now a{ color:#b00;}
.sp-title ul li.now a:hover{ color:#f00;}
.sp-title ul li a{color:#F93; font-size:12px; font-weight:bold; padding:0px 5px;}
.sp-title ul li a:hover{color:#F00;}
.sp-title .more{float:right;margin:5px 0px;line-height:27px;}
.sp-title .more a{ color:#F30}
.sp-title .more a:hover{ color:#f00}
.ipt-txt{line-height:12px;padding:4px 5px; overflow:hidden;border-width:1px;border-style:solid;border-color:#666 #BBB #BBB #666;font-size:12px;margin-right:2px; color:#666;}


.left{ width:16%; float:left;height:auto;background:#fff; overflow:hidden; margin-top:10px;}
.left .column{box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; background:#f6f6f6;}
.left .column .bt{overflow:hidden; background:#fff; margin:0px  auto; width:100%; background:#0088B5;border-bottom:2px solid #007CA6;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; border-radius:4px 4px 0 0;}
.left .column .bt b{ width:90%; line-height:220%;display:block;font-size:20px;font-weight:normal; color:#fff; margin:0px auto; letter-spacing:2px; text-align:left;}
.left .column dd{ height:auto; border-top:none; width:100%; padding:0px 0px 0px 0; }
.left .column dd ul li{ line-height:250%; width:100%;overflow:hidden;margin:0% auto; border-bottom:1px solid #fff;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.left .column dd ul li a{color:#333; font-size:14px;font-weight:500; width:100%; display:block;}
.left .column dd ul li:hover{box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.left .column dd ul li:hover a{ color:#F00;}
.left .column dd ul li.on{ background:#4CBEE4;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.left .column dd ul li.on a{ color:#fff;}
.left .column dd ul li.on a:hover{color:#f00;}
.left .contact{ width:100%;border:1px solid #eee;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; color:#666; margin-top:5%}
.left .contact img{ width:100%; height:auto}
.left .contact span{ display:block; text-align:left; padding:5px; margin:0px auto; line-height:180%; font-size:13px;}


.right{ width:82%;padding-left:0px;float:right; margin-top:10px; background:url(../images/rightbg.jpg) no-repeat left top;}
.content{height:auto !important;height:400px;min-height:400px;background:#f8f8f8; padding-bottom:5%;}
.position{padding:0px 0px 0px 0px;font-size:14px;width:100%;text-align:left; color:#666;text-indent:10px; line-height:48px;overflow:hidden; border-bottom:2px solid #09C}
.position a:link,.position a:visited{ color:#666;}
.position a:hover{ color:#f00;}

/*prolist*/
.prolist{padding:10px 0px; width:100%;}
.prolist li{width:32%;_width:31.9%; height:auto;background:#FFF; margin-right:2%; float:left; margin-top:2%; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.1); transition:all 0.3s ease; overflow:hidden;}
.prolist li:hover{ transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,0.15); filter:alpha(opacity=95); -moz-opacity:0.95; opacity:0.95;}
.prolist li a{ color:#000; font-size:14px;}
.prolist li a:hover{ color:#f00;}
.prolist li span{ width:96%;display:block;margin:0px auto;overflow:hidden;line-height:250%;text-align:center;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.prolist li img{width:100%; height:100%; border-radius:8px 8px 0 0; transition:all 0.3s ease;}
.prolist li.mr_0{ margin-right:0px;}

/*newslist*/
.newslist{padding:4%;height:auto; margin:0px auto}
.newslist li{line-height:280%;overflow:hidden;width:100%; border-bottom:1px dotted #ccc;}
.newslist li a{float:left; display:block; padding-left:10px; font-size:16px; color:#000; width:75%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;}
.newslist li a:hover{ color:#f00;}
.newslist li span{ float:right; display:block; width:100px; font-size:12px;font-family:Arial, Helvetica, sans-serif; color:#B8B8B6;}
.newslist .doc{ color:#999; font-size:10px; font-family:Arial, Helvetica, sans-serif; padding-right:5px; padding-left:5px; display:block; float:left;}
.newslist li.darkcolor{ background:#fcfcfc;}

/*news*/
.newsview{height:auto !important;height:500px;min-height:500px;}
.newsview h1{text-align:center;line-height:225%; overflow:hidden; font-size:22px; font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","黑体","宋体"; color:#000; font-weight:500}
.newsview h6{text-align:center;font-weight:normal; height:25px; line-height:25px; overflow:hidden;margin:5px auto; font-family:Arial, Helvetica, sans-serif; color:#333; background:#f8f8f8; border-bottom:1px dotted #ccc}
.newsview h6 a{ color:#333;}
.newsview .body{font-size:14px; line-height:260%; text-align:left; padding:10px 20px;}
.newsview .body img{ max-width:100%;height:auto;}
.newsview .nextnew{padding:10px 5px; width:90%; text-align:center;border-top:1px dotted #ddd;font-weight:normal;line-height:200%; overflow:hidden; margin:10px auto; color:#777; text-align:left;}
.newsview .nextnew a{ color:#777;}
.newsview .nextnew a:hover{ color:#f00;}
.newsview .body img{margin:5px auto;}
.newsview .info{ font-size:14px; line-height:22pt; text-align:left;}


/*搜索*/
.result_content{margin:0 auto;}
.resultbar{ text-align:left; height:30px; line-height:30px; overflow:hidden;border-bottom:1px solid #f2f2f2; padding:0px 10px;}
.resultlist{overflow:hidden;}
.resultlist ul{ text-align:left;padding:20px;}
.resultlist ul li{ padding:10px 0px; line-height:25px;}
.resultlist ul li h3{border-bottom:1px dashed #e6e6e6;height:25px;background:url(../images/inc.jpg) no-repeat 5px 10px;}
.resultlist ul li h3 a{float:left; display:block; color:#333;margin-left:20px; font-size:14px;}
.resultlist ul li h3 a:hover{ color:#f00;}
.resultlist ul li p{width:700px;display:block; font-family:Arial, Helvetica, sans-serif; line-height:16pt; color:#6a6a6a;text-align:left;}
.resultlist ul li span{ color:#999;}
.resultlist ul li span small{ line-height:22px; font-size:12px; margin-left:5px; color:#999;}
.resultlist ul li span a{ font-family:Arial, Helvetica, sans-serif; color:#666;}
.resultlist ul li span a:hover{ color:#f00;}
.fc_03c{ color:#F00;}
/*搜索*/


/*分页*/
.inle-pag{margin:0px auto; padding-top:30px; width:90%;}
.inle-pag a{padding:1px 8px;display:block;}
.inle-pag a:hover{border:#000 1px solid;text-decoration:none;background:#000;}
.inle-pag span{padding:4px 8px;line-height:22px;}
.pagelist{margin:0 auto;line-height:1px;white-space:nowrap;text-align:center;}
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{color:#fff;padding:2px 8px 1px;border-bottom:2px solid #a49c91;background-color:#a49c91;font-weight:bold;white-space:nowrap;}
.dede_pages{margin:0 auto;font-size:14px;padding-top:0px;}
.dede_pages{margin:0 auto;text-align:center !important;}
.dede_pages ul{margin:0px  auto;display:inline;zoom:1; height:50px; line-height:50px;}
.dede_pages ul li{display:inline;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:17px;margin-top:3px;margin-right:0px;}
.dede_pages ul li a{float:left;padding:2px 8px 2px;color:#83766d;border:1px solid #a49c91;white-space:nowrap; margin:0px 2px;}
.dede_pages ul li a:hover{color:#fff;padding:2px 8px 1px;background-color:#a49c91;border-bottom:2px solid #a49c91;white-space:nowrap;}
.dede_pages .pageinfo{float:left; border-bottom:none; width:auto;color:#83766d; border:1px solid #a49c91; height:11px; line-height:11px; padding:5px; margin-left:1px;}
.dede_pages .pageinfo strong{color:#83766d;font-weight:normal;margin:0px 2px;}

@media (max-device-width:1199px) {
	.more{ float:right; font-size:11px; text-align:right; margin-top:2%;}
	
.rollBox{width:900px;overflow:hidden;margin:10px auto; position:relative}
.bottom{ width:98%; margin:0px auto; color:#FFF;}
.pageinfo{ display:none;}
.title{width:100%; float:left; margin-bottom:15px;}
.lbox{ width:98%; float:none; margin:0 auto}
.rbox{ width:100%; float:left; padding:1% 1%;}
.swiper{position:relative;width:100%;height:250px;margin:0 auto 0 auto; float:left; overflow:hidden; box-shadow:0 2px 6px rgba(0,0,0,0.1); transition:all 0.3s ease; border-radius:8px;}
.swiper:hover{ transform:scale(1.01); box-shadow:0 3px 10px rgba(0,0,0,0.15);}
.swiper .swiper-slide{width:100% !important; height:250px !important; overflow:hidden !important;}
.swiper .swiper-slide .item1{ position:relative;display:block !important; width:100%; height:100% !important;}
.swiper .swiper-slide .item1 img{display:block;width:100%;height:100% !important; object-fit:cover !important; object-position:center !important; border-radius:8px !important;}
.swiper .swiper-slide .item1 b{position:absolute;left:0;bottom:0;width:100%;height:40px;background:rgba(0,0,0,0.6) !important; z-index:5 !important;}
.swiper .swiper-slide .item1 span{position:absolute;left:0;bottom:8px;width:100%;font:12px/20px '微软雅黑','黑体';color:#fff;text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 8px; box-sizing:border-box; z-index:10 !important;}
.swiper-button-next,.swiper-button-prev{width:25px;height:50px;margin-top:-25px; opacity:0.6; transition:all 0.3s ease;}
.swiper-button-next:hover,.swiper-button-prev:hover{ opacity:1;}
.swiper-button-prev{left:2px;}
.swiper-button-next{right:2px;}

.news{ width:98%;margin:0 auto; height:auto; background:#F00; float:none;}
.news ul li{ width:48%; margin:0.1% 1%; float:left; text-align:left; line-height:225%;}
.news ul li a{ width:75%; float:left;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news ul li span.thetime{ width:23%; float:right; text-align:right;}

.zcfg{ width:96%; background:#f8f9fa; padding:15px; border-radius:8px;}
.zcfg ul li{ width:48%; float:left; text-align:left; line-height:225%; margin:0.1% 1%; float:left;}
.zcfg ul li a{ width:100%; float:left;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#444;}
.zcfg ul li a:hover{ color:#F00}

.about{ background:#FDFCFA; width:100%; margin-top:20px; padding:15px 0; border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0,0.05);}
.aboutpic{ width:100%; float:left; margin-bottom:15px; display:flex; align-items:center; justify-content:center;}
.aboutpic img{ width:100%; height:200px; object-fit:cover; border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0,0.1); transition:all 0.3s ease;}
.aboutpic img:hover{ transform:scale(1.02); box-shadow:0 3px 10px rgba(0,0,0,0.15);}
.aboutcon{ width:100%; float:left; padding:0 10px; box-sizing:border-box;}
.aboutcon .aboutbt{ font-size:24px; font-weight:600; color:#333; margin-bottom:15px; text-align:left; line-height:1.2; border-left:3px solid #00A3D9; padding-left:12px;}
.aboutcon span{ font-size:15px; color:#333; margin-bottom:12px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; line-clamp:6; -webkit-box-orient:vertical; box-orient:vertical;}
.aboutcon .more-btn{ display:inline-block; margin-top:12px; padding:6px 15px; border:1px solid #09C; text-align:center; color:#09C; font-size:13px; text-decoration:none; border-radius:4px; background:#fff;}
.aboutcon .more-btn:hover{ background:#069; color:#fff;}
.links{ display:none;}
.footer{ font-size:xx-small;}
.slide-main{height:400px;position:relative;min-height:300px; overflow:hidden; margin-bottom:20px; box-shadow:0 3px 15px rgba(0,0,0,0.1);}
.main{width:100%;margin:15px auto;clear:both; height:auto; border-radius:8px; background:#fff; overflow:hidden; padding:15px; box-sizing:border-box;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:10px;}
.next{right:10px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.slide-box,.slide{display:block;width:100%;height:400px;overflow:hidden;}

.obj-a{top:80px;}
.obj-b{top:150px;}
.obj-c{top:150px;}
.obj-d{top:150px;}
.obj-e{top:150px;}
.obj-f{top:150px;}
.obj-a,.obj-b{width:1000px;margin-left:-500px;}
.obj-c{width:350px;margin-left:-350px;}
.obj-d{margin-left:15px;width:350px;}
.obj-e{width:350px;margin-left:-350px;}
.obj-f{width:350px;margin-left:15px;}
}
@media (max-device-width:768px) {
.logo{padding:8px 10px; min-height:40px; display:flex; align-items:center;}
.logo img{max-height:32px; width:auto;}
.logo .logo-text{font-size:16px; line-height:40px;}

.item{display:none;}
.slide-main{height:280px;position:relative;min-height:200px; overflow:hidden; margin-bottom:15px; box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.main{width:100%;margin:10px auto;clear:both; height:auto; border-radius:6px; background:#fff; overflow:hidden; padding:10px; box-sizing:border-box;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:10px;}
.next{right:10px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.slide-box,.slide{display:block;width:100%;height:280px;overflow:hidden;}

#bgstylea{background:url(../images/banner01-768.jpg) no-repeat center;}
#bgstyleb{background:url(../images/banner02-768.jpg) no-repeat center;}
#bgstylec{background:url(../images/banner03-768.jpg) no-repeat center;}

/* 移动端轮播banner文字 - 统一字体大小和绝对居中 */
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:0;right:0;top:50%; font-size:18px; font-weight:bold; white-space:nowrap; -webkit-text-stroke: 0.5px rgba(0,0,0,0.2); letter-spacing: 0; transform:translateY(-50%); margin-left:0; width:100%; text-align:center;}
.obj-b{color:#fff;}
.obj-c{color:#f00;font-weight:bolder;}
.obj-d{display:none;}
.obj-e{color:#26C9FF;}
.obj-f{display:none;}
/* 移动端重写动画保持居中 */
.banAnimate .obj-b,.banAnimate .obj-c,.banAnimate .obj-e{animation-name:saAniMobile;-webkit-animation:saAniMobile 0.4s linear 0s normal none;animation:saAniMobile 0.4s linear 0s normal none;}
@-webkit-keyframes saAniMobile{from{opacity:0;transform:translateY(-50%) scale(0,0);} to{opacity:1;transform:translateY(-50%) scale(1,1);}}
@keyframes saAniMobile{from{opacity:0;transform:translateY(-50%) scale(0,0);} to{opacity:1;transform:translateY(-50%) scale(1,1);}}

.news ul li a{ width:75%; float:left;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news ul li span.thetime{ width:25%; float:right; text-align:right;}

/* 768px以下轮播图修复 */
.swiper{position:relative;width:100%;height:200px;margin:0 auto 10px auto; float:none; overflow:hidden; box-shadow:0 2px 6px rgba(0,0,0,0.1); border-radius:6px;}
.swiper .swiper-slide{width:100% !important; height:200px !important; overflow:hidden !important;}
.swiper .swiper-slide .item1{ position:relative;display:block !important; width:100%; height:100% !important;}
.swiper .swiper-slide .item1 img{display:block;width:100%;height:100% !important; object-fit:cover !important; object-position:center !important; border-radius:6px !important;}
.swiper .swiper-slide .item1 b{position:absolute;left:0;bottom:0;width:100%;height:40px;background:rgba(0,0,0,0.6) !important; z-index:5 !important;}
.swiper .swiper-slide .item1 span{position:absolute;left:0;bottom:8px;width:100%;font:11px/16px '微软雅黑','黑体';color:#fff;text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 8px; box-sizing:border-box; z-index:10 !important;}
.swiper-button-next,.swiper-button-prev{width:20px;height:40px;margin-top:-20px; opacity:0.6; transition:all 0.3s ease;}
.swiper-button-next:hover,.swiper-button-prev:hover{ opacity:1;}
.swiper-button-prev{left:2px;}
.swiper-button-next{right:2px;}

.left{ width:100%; float:left;height:auto;background:#fff; overflow:hidden; margin-top:10px;}
.right{ width:100%;padding-left:0px;float:right; margin-top:10px; background:url(../images/rightbg.jpg) no-repeat left top;}
.left .column dd ul li{ line-height:200%; width:15%;margin:1% auto; border:1px solid #EEEEEE;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; text-align:center;}
.left .contact{ display:none;}
#bottom{ display:none;}
.bottom .contact{ display:block; text-align:center;}
.bottom .contact span{ width:100%; float:none; margin:10px 0 0 0;}
.bottom .contact .code{ width:80%; margin:0 auto 15px auto; padding:10px;}
.bottom .contact .code img{ max-width:100px;}
.bottom .contact .code p{ font-size:11px; margin-top:8px;}
.footer{width:96%; padding:2%;margin:0px auto; line-height:180%;}
.newslist{padding:1%;height:auto; margin:0px auto}

.about{ background:#FDFCFA; width:98%; margin-top:15px; padding:10px 0; border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0,0.05); margin:0 auto;}
.aboutpic{ width:100%; float:left; margin-bottom:10px; display:flex; align-items:center; justify-content:center;}
.aboutpic img{ width:100%; height:180px; object-fit:cover; border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0,0.1); transition:all 0.3s ease;}
.aboutpic img:hover{ transform:scale(1.01); box-shadow:0 3px 8px rgba(0,0,0,0.15);}
.aboutcon{ width:100%; float:left; padding:0 8px; box-sizing:border-box;}
.aboutcon .aboutbt{ font-size:22px; font-weight:600; color:#333; margin-bottom:12px; text-align:left; line-height:1.2; border-left:3px solid #00A3D9; padding-left:10px;}
.aboutcon span{ font-size:14px; color:#333; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; line-clamp:6; -webkit-box-orient:vertical; box-orient:vertical;}
.aboutcon .more-btn{ display:inline-block; margin-top:10px; padding:5px 12px; border:1px solid #09C; text-align:center; color:#09C; font-size:12px; text-decoration:none; border-radius:4px; background:#fff;}
.aboutcon .more-btn:hover{ background:#069; color:#fff;}

.cases-swiper .swiper-slide{ width:calc((100% - 10px) / 2) !important; height:200px; overflow:hidden; position:relative; border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0,0.1); transition:all 0.3s ease;}
.cases-swiper .swiper-slide:hover{ transform:translateY(-1px); box-shadow:0 3px 8px rgba(0,0,0,0.15);}
.cases-swiper .swiper-slide img{ width:100%; height:170px; object-fit:cover; border-radius:6px 6px 0 0;}
.cases-swiper .swiper-slide span{ position:absolute; left:0; bottom:0px; text-align:center; width:100%; z-index:10; background:#00A3D9; color:#fff; padding:6px 3px; border-radius:0 0 6px 6px; font-size:14px; font-weight:normal; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.cases-swiper .swiper-slide:hover img{ opacity:0.8;}
.cases-swiper .swiper-button-next,.cases-swiper .swiper-button-prev{ width:30px; height:60px; margin-top:-30px; opacity:0.6; transition:all 0.3s ease;}
.cases-swiper .swiper-button-prev{ left:0;}
.cases-swiper .swiper-button-next{ right:0;}
.cases-swiper .swiper-slide a{ text-decoration:none; display:block; position:relative; height:100%;}

}
@media (max-device-width:710px) {
.navigation { display:none;}
#bottom{ display:none;}

.news ul li a{ width:100%; float:left;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news ul li span.thetime{ display:none;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.newslist li{line-height:280%;overflow:hidden;width:100%; border-bottom:1px dotted #ccc;}
.newslist li a{padding-left:0px; font-size:16px;text-align:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newslist li span{ display:none;}
}


/*分页*/
.pagination {display:inline-block;padding-left:0;margin:20px 0;border-radius:4px;}
.pagination>li:first-child>a,.pagination>li:first-child>span {margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd;}
.pagination>li>a,.pagination>li>span {position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {z-index:3;color:#fff;cursor:default;background-color:#999;border-color:#999;}
.pagination>li>a,.pagination>li>span {position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#666;text-decoration:none;background-color:#fff;border:1px solid #ddd;}
.pagination>li {display:inline;}