@charset "utf-8";*{margin:0;padding:0;list-style-type:none}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body{font-family:'Microsoft YaHei' }
table{border-collapse:collapse;border-spacing:0}
table td,table th{padding:5px}
table td input,table th{padding:4px 5px}
fieldset,img{border:0}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}
ol,ul{list-style:none}
q:after,q:before{content:''}
abbr,acronym{border:0}
a{color:#626262;text-decoration:none}
a:focus{outline:0}
a:hover{color:#10669a;transition:all .5s ease-in-out}
input,select,textarea{outline:0}
.head{width:100%;position:fixed;height:85px;background:#fff;text-align:center;top:0;z-index:99}
.head div{text-align:center;margin:5px auto 0}
.head div span{float:left;line-height:67px;font-size:18px;cursor:pointer;position:absolute;left:20px}
.head div span:hover{color:#10669a}
.head div b{float:left;line-height:67px;font-size:18px;cursor:pointer;position:absolute;display:none;left:20px;width:25px;top:27px}
.head div b img{width:100%;color:#10669a}
.nav{width:100%;background:#fff;border-top:1px #87b2cc solid;position:fixed;top:85px;height:50px;line-height:50px;text-align:center;z-index:100;display:none}
.nav a{margin:0 20px;font-size:14px}
.n_nav{height:50px;border-bottom:1px #87b2cc solid}
.n_nav div{margin-top:13px}
.n_nav div span{line-height:18px}
.n_nav div span:hover{color:#10669a}
.n_nav div b{top:11px}
.n_nav div b img{width:100%;color:#10669a}
.n_top{top:50px; z-index:1000}
.muen{overflow:hidden; position:fixed; top:50px; width:100%}
.muen ul{text-align:center;overflow:hidden}
.muen ul li{margin:0xp auto;height:50px;line-height:50px;display:inline-block;margin:0 20px;overflow:hidden}
.muen ul li a{font-size:14px}
.muen ul li.cur a{color:#10669a}
.footer{width:100%;position:fixed;bottom:30px;font-size:14px;color:#fff;text-align:center}
.n_footer{width:100%;position:fixed;bottom:0;background:#fff;font-size:14px;color:#626262;text-align:center;height:50px;line-height:50px;z-index:100}
body{ overflow:hidden}

.index_banner{ position:fixed; width:100%; height:100%; }
.index_banner img{ width:100%; height:100%}

.content{width:1200px;margin:0 auto;overflow:hidden}
.w150{height: calc(100vh - 50px);box-sizing: border-box; padding-top:170px}
.w300{margin:200px auto 0}
.w350{margin:180px auto 350px}
.w200{margin:180px auto 0}
.left_muen{overflow:hidden;float:left;width:470px;height: calc(100vh - 200px);overflow-y:scroll; position:relative;}
.left_muen ul{overflow:hidden;}
.left_muen ul li{height:30px;line-height:30px;font-size:14px;overflow:hidden; padding-left:10px}
.left_muen ul li.active{border-left: 4px double #e9e9e9;}
.left_muen ul li.cur{ font-weight:bold}
.left_muen h3{font-size:18px;color:#10669a;font-weight:400}
.left_muen p{font-size:16px;color:#626262;padding-right:10%;margin-top:20px;line-height:36px}
.wary_right{float:right;width:1165px; overflow:hidden;}
.wary_right1{float:right;width:100%; overflow:hidden;}
.wary_right2{float:right;width:720px; overflow:hidden;}
.con_box{overflow:hidden; position:relative}
.con_box ul,.con_box ul li{ display:none;}
.con_box ul:nth-child(1),.con_box ul:nth-child(1) li:nth-child(1){ display:block;}
.con_box h3{font-size:18px;color:#10669a;font-weight:400}
.con_box dl{overflow:hidden;margin:10px auto}
.con_box dl dd{font-size:14px;color:#626262;height:40px;line-height:40px}
.img_box{overflow-y:scroll;margin:10px auto;}
.img_box::-webkit-scrollbar{ width:0}
.left_muen::-webkit-scrollbar{ width:0}
.img_box img{-webkit-transition:all .5s;transition:all .5s; margin-bottom:40px; max-width:100%; height:auto}
.img_box img:hover{ opacity:0.8;-webkit-transition:all .5s;transition:all .5s;-webkit-transform:scale(1.1);transform:scale(1.1);}
.img_box p{font-size:14px;line-height:28px;color:#626262}
.acestent{padding:0 5%;overflow:hidden;margin:150px auto 0}
.anli_mune{overflow:hidden;width:20%;float:left}
.anli_mune h3{font-size:18px;color:#10669a;font-weight:400}
.anli_mune dl{overflow:hidden;margin:10px auto}
.anli_mune dl dd{font-size:14px;color:#626262;line-height:40px;}
.anli_mune dl dt{font-size:14px;line-height:28px;color:#626262 ; display:none;/*案例详情页的项目介绍隐藏，若需要显示去掉display:none;即可*/}
.anli_mune dl em{ font-style:normal; font-size:14px}
.anli_mune dl em a{color:#626262 ;}
.anli_mune dl em:hover a{color:#10669a}
.anli_img{position:relative;width:75%;float:left; height:680px}
.anli_img .swiper-slide img{width:100%;-webkit-transition:all .5s;transition:all .5s;}
.anli_img .swiper-slide:hover img{opacity:0.8;}
.anli_img .swiper-container{overflow:hidden;position:relative;width:100%;height:100%}
.anli_img .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.anli_img .swiper-pagination{bottom:auto;right:-40px;left:auto;width:10px;top:50%;margin-top:-100px}
.anli_img .swiper-pagination-bullet{width:19px;height:19px;background:url(../images/dian.png) no-repeat center center;border-radius:0;opacity:0.5;margin:5px auto}
.anli_img .swiper-pagination-bullet-active{background:url(../images/xzdian.png) no-repeat center center;border-radius:0;opacity:1}
.lxwm{overflow:hidden;margin-right:14%}
.lxwm h3{overflow:hidden;font-size:18px;font-weight:400;color:#10669a}
.lxwm h4{overflow:hidden;color:#000;font-size:18px;font-weight:400;margin:20px auto}
.lxwm h5{overflow:hidden;color:#000;font-size:18px;font-weight:400;margin:20px auto 0}
.lxwm h6{overflow:hidden;color:#000;font-size:12px;font-weight:400;margin:0 auto 20px}
.lxwm dl{overflow:hidden}
.lxwm dl p{overflow:hidden;font-size:14px;line-height:28px;color:#626262}
.lxwm dl img{margin:20px auto}
.w100{margin:80px 14% 0 0}
.rwm{width:110px;overflow:hidden;margin-top:50px}
.rwm div{overflow:hidden}
.rwm div img{width:100%}
.rwm p{font-size:12px;color:#666;text-align:center}
.hor{position:relative;margin:30px auto;padding:0 40px; }
.hor .swiper-slide div{overflow:hidden;text-align:center;background:red;background-image:linear-gradient(#eff3f7,#f4f5f5);border-radius:10px;position:relative}
.hor .swiper-slide div img{-webkit-transition:all .5s;transition:all .5s;margin:20px auto;width:80px;height:110px;position:relative;z-index:2}
.hor .swiper-slide div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1); cursor: pointer}
.index_banner .swiper-container{ height:100%}
.hor .swiper-slide div:after{content:url(../images/yin.png);position:absolute;left:25px;bottom:10px}
.hor .swiper-slide dl{border:1px #e1e1e1 solid;padding:10px 10px;height:50px;text-align:center;color:#666;-webkit-transition:all .5s;transition:all .5s}
.hor .swiper-slide dl p{word-break:break-all;font-size:14px;line-height:24px;margin:0 auto;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hor .swiper-slide:hover dl{ background:#10669a; color:#fff;-webkit-transition:all .5s;transition:all .5s}
.hor .swiper-slide:hover  dl p{ color:#fff;}
.hor ul li:nth-child(3n){margin-right:0}
.hor .swiper-button-next{background:url(../images/right.png) no-repeat;right:0}
.hor .swiper-button-prev{background:url(../images/left.png) no-repeat;left:0}
#imagebox *{margin:0;padding:0}
#imagebox{z-index:99992;position:fixed;top:0;right:0;bottom:0;left:0;font-family:'Helvetica Neue',Helvetica,sans-serif}
#imagebox .ib-background{z-index:99993;width:100%;height:100%;background-color:#000;opacity:.87;position:fixed}
#imagebox .ib-content{z-index:99994;background-color:transparent;position:relative;width:100%;height:100%}
#imagebox .ib-loading{z-index:99999;position:fixed;top:50%;left:50%;-webkit-animation:ibLoading 1s linear infinite;animation:ibLoading 1s linear infinite;border:3px solid #f3f3f3;border-top:3px solid #555;border-radius:50%;width:30px;height:30px;transition:opacity .2s}
#imagebox .ib-content .ib-infobar{z-index:99997;position:fixed;top:10px;left:10px;color:#a8a8a8;font-size:1em;align-items:center}
#imagebox .ib-content .ib-toolbar{z-index:99996;position:fixed;top:0;right:0;width:100%;min-height:41px}
#imagebox .ib-content .ib-toolbar div{position:absolute;width:21px;height:21px;padding:10px;background:#858585 no-repeat center center;background-size:21px 21px;cursor:pointer;transition:ease-in-out .2s;text-align:center}
#imagebox .ib-content .ib-toolbar div:hover{background-color:#a8a8a8}
#imagebox .ib-content .ib-toolbar .ib-close{background-image:url(../images/closures.png);right:0}
#imagebox .ib-content .ib-control div{z-index:99996;position:fixed;top:50%;transform:translateY(-50%);background-color:#858585;background-size:32px 32px;background-position:center;background-repeat:no-repeat;padding:32px 20px;cursor:pointer;transition:ease-in-out .2s}
#imagebox .ib-content .ib-control div[disabled]{cursor:default;background-color:#3d3d3d;box-shadow:none}
#imagebox .ib-content .ib-control .ib-control-left{left:0;border-radius:0 3px 3px 0;background-image:url(../images/l_left.png);box-shadow:2px 0 16px rgba(0,0,0,.5)}
#imagebox .ib-content .ib-control .ib-control-right{right:0;border-radius:3px 0 0 3px;background-image:url(../images/r_right.png);box-shadow:-2px 0 16px rgba(0,0,0,.5)}
#imagebox .ib-content .ib-image{opacity:0;z-index:99995;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:fit-content}
#imagebox .ib-content .ib-image img{max-width:100vw;max-height:100vh;min-width:48px;min-height:48px;object-fit:contain;margin-bottom:-3px;transition:ease-in-out .2s}
#imagebox .ib-content .ib-image img[zoomed]{cursor:zoom-out}
#imagebox .ib-content .ib-description{z-index:99996;position:fixed;bottom:0;display:none;padding:60px;color:#fff;font-size:1.2em;box-sizing:border-box;width:100%;background:url(../images/xian.png) repeat-X}
@-webkit-keyframes ibLoading{0%{-webkit-transform:rotate(0) -webkit-transform:translate(-50%,-50%)}
100%{-webkit-transform:rotate(360deg) -webkit-transform:translate(-50%,-50%)}
}
@keyframes ibLoading{0%{transform:translate(-50%,-50%) rotate(0)}
100%{transform:translate(-50%,-50%) rotate(360deg)}
}
.lx_box{margin-top:100px}
.zhaopin{overflow:hidden}
.zhaopin ul{overflow:hidden}
.zhaopin ul li{overflow:hidden;background:#eee;border-radius:20px;padding:20px;position:relative;margin-bottom:20px}
.zhaopin ul li h3{font-size:18px;color:#333}
.zhaopin ul li dl{overflow:hidden;height:173px;-webkit-transition:all .5s;transition:all .5s}
.zhaopin ul li dl.xg{height:auto;-webkit-transition:all .5s;transition:all .5s}
.zhaopin ul li dl p{overflow:hidden;font-size:14px;color:#535353;line-height:30px}
.poster-btn{position:absolute;right:20px;bottom:30px;width:100px;background:#036eb8;text-align:center;color:#fff;border-radius:8px;height:30px;line-height:30px;font-size:13px}
.poster-btn:after{content:">";color:#eee;font-family:"宋体";margin-left:5px;transform:rotate(90deg);position:absolute;width:10px;height:10px;right:0;top:10px}
.current-menu:after{content:">";color:#eee;font-family:"宋体";margin-left:5px;transform:rotate(-90deg);position:absolute;width:10px;height:10px;right:30px;top:10px}
.tmm{ position:fixed; width:100%; top:0px; background:#fff;}

.zhaopin ul li.tag{height:auto}
.docSlider-pager li.cur{color:#10669a}
.docSlider-pager{position:fixed;z-index:100;top:0;width:100%;background:#fff;margin:51px auto 0;overflow:hidden}
.docSlider-pager ul{text-align:center;overflow:hidden}
.docSlider-pager ul li{margin:0 auto;height:50px;line-height:50px;display:inline-block;margin:0 20px;overflow:hidden;font-size:14px;cursor:pointer}
.docSlider-pager ul li.selected{color:#10669a;opacity:1}
.docSlider,.docSlider-inner,.docSlider-page{box-sizing:border-box;margin:0;padding:0;appearance:none;border:none;outline:0}
.docSlider-inner:active,.docSlider-page:active,.docSlider:active{outline:0}
.docSlider{overflow:hidden;width:100%;height:100vh;position:fixed;top:0}
.docSlider-inner{width:inherit;height:inherit;width:100%; position:fixed}
.docSlider-page{padding-left:38%; width:720px;height:inherit;width:inherit;overflow:auto;position:absolute;overflow-scrolling:touch; }
.docSlider-page .inner{width:720px; overflow:hidden}

