@charset "utf-8";
/* stone web public */   
 
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,pre,a,big,cite,code,del,em,img,q,s,samp,small,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tr,th,td,canvas,footer,header,menu,nav,section,summary,time,mark,audio,video,p,abbr,acronym{border:none;margin:0px;padding:0px;outline:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
fieldset,img{border:0;max-width:100%;}
img{vertical-align:middle}
address,caption,cite,code,dfn,em,var,i{font-weight:normal;font-style:normal;}
ol,ul,dl{list-style:none;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
input,textarea,input:focus,textarea:focus{outline:none}
input,select,option{vertical-align:middle;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;appearance:none;border-radius:0;outline:none;resize:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
ul::after,dl::after{content:"";display:block;height:0;line-height:0px;width:100%;clear:both;visibility:hidden;overflow:hidden;} 
body{font:15px Helvetica, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "SimSun", STHeiti, sans-serif;outline:none;background-color:#FFF;color:#333;line-height:24px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;max-width:768px;}
html.mic,html.mic body{width:100%;height:100%;overflow:hidden}
a{color:#333;text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
a:hover{outline:none;}
a:visited{color:#555;} 
.lt{float:left;}
.rt{float:right;}
.clear{clear:both;overflow:hidden;height:0;}
.cler::before,.cler:before,.cler::after,.cler:after{content:"";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} 
.both{clear:both;overflow:hidden;height:40px;width:100%}
.box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.t{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
.opaci{filter: Alpha(Opacity=0);opacity:0;} 
.wrap{margin:0 15px;max-width:738px;position:relative}
/* public 公共样式 */
body.wall{background:#FFF; background-size:100% 100%}
.column-top{width:100%;position:relative;margin-bottom:14px;}
.column-top p{display:block;width:100%;font-size:20px;text-align:center}
.column-top em{display:block;width:100%;font-size:13px;line-height:20px;text-align:center;color:#dcdcdc;text-transform:uppercase}
.column-text{line-height:25px;}
.w100{width:100%;} 
.padd{padding:30px 0px;}
/* Header 头部样式 */
#Header{width:100%;height:50px;position:relative;z-index:10000;box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
#Header .wrap{height:100%}
#Header .logo{display:block;width:120px;height:100%;float:left} 
#Header .logo a{display:block;width:100%;height:100%;background:url(../images/logo.png) no-repeat center left;background-size:120px auto;}
#Header .rBox{float:right;height:100%;}
#Header .rBox a{display:block;float:left;margin-left:13px;width:30px;height:30px;margin-top:10px;background:url(../images/icons.png) no-repeat;background-size:60px auto;}
#Header .rBox a.site{background-position:4px 50%;} 
#Header .rBox a.tell{background-position:-35px 50%;} 
#Header .return{float:right;height:100%;width:86px;background:#FFF;text-align:right;display:none}
#Header .return a{display:inline-block;height:100%;line-height:50px;padding-left:15px;background:url(../images/rt.gif) no-repeat center left;background-size:auto 13px;}
/* Footer 底部样式 */
#Footer{width:100%;height:auto;padding:10px 0px;background-color:#2e3949;position:relative;z-index:10;text-align:center;color:#FFF}
#Footer span{font-size:14px;display:block}
/* banner */
#banner{width:100%;position:relative;z-index:0;} 
#banner img{width:100%;display:block}
/* container */
#container{width:100%;position:relative;}
#container .tier-top{width:100%;height:32px;line-height:32px;background:#007cc3;color:#FFF;margin-bottom:10px;} 
#container .tier-top p{display:block;margin:0 10px;font-size:16px;color:#FFF;background:url(../images/icon5.png) no-repeat center right;background-size:auto 11px;} 
#container .model-select{height:32px;position:relative;margin-bottom:20px;}
#container .model-select-text{height:30px;line-height:30px;border:1px solid #666;padding:0px 13% 0px 10px;background:url(../images/icon7.png) no-repeat 95% 50%;background-size:auto 9px;overflow:hidden}
#container .text-seleced{background:url(../images/icon5.png) no-repeat 95% 50% #007cc3;background-size:auto 11px;color:#FFF;}
#container .model-select-option{width:100%;position:absolute;top:32px;left:0px;background:#F5F5F5;color:#454545;border:1px solid #666;border-top:none;box-sizing:border-box;-webkit-box-sizing:border-box;display:none}
#container .model-select-option li{display:block;padding:0 10px;line-height:30px;}
#container .model-select-option li:hover,#container .model-select-option li.seleced{background:#23b0e6;color:#FFF;}

#container .select-box{border:1px solid #666;padding:5px 0px;height:34px;width:100%;padding:0px 13% 0px 10px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/icon7.png) no-repeat 95% 50%;background-size:auto 9px;}

#container .column{width:100%;}
#container .column ul{margin:0 -5px -10px;}
#container .column li{display:block;float:left;width:50%;margin-bottom:10px;} 
#container .column .grid{margin:0 5px;}
#container .column li a{display:block;background:#eee;}
#container .column li p,#container .column li img{display:block;width:100%;height:135px;} 
#container .column li h1{display:block;height:30px;line-height:30px;padding:0 5px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#container .about{padding:17px 0px;min-height:233px;background:url(../images/wall.jpg) no-repeat;background-size:cover}
#container .about-en{float:left;width:50px;height:233px;background:url(../images/en.png) no-repeat center;background-size:100% auto}
#container .about-box{margin-left:80px;min-height:233px;}
#container .about-wrap{width:100%;min-height:100%;padding-bottom:10px;border-top-right-radius:30px; border-bottom-left-radius:30px; overflow:hidden; background:#FFF}
#container .about-title{padding:10px 15px 5px;}
#container .about-title p{display:block;font-size:18px;}
#container .about-title em{display:inline-block; border-top:1px solid #dcdcdc;line-height:18px;font-size:13px;text-transform:uppercase;color:#dcdcdc}
#container .about-infor{padding:0px 15px 5px;width:100%;text-align:justify;box-sizing:border-box;-webkit-box-sizing:border-box;color:#666} 
#container .new-news{width:100%;margin-bottom:15px;}
#container .new-news a{display:block;width:100%;background:#eee;}
#container .n-img{width:100%;}
#container .n-img img{display:block;width:100%;} 
#container .n-box{padding:10px 15px;} 
#container .n-box h1{display:block;font-weight:normal;font-size:16px;color:#007cc3;;margin-bottom:5px;}
#container .n-cont{height:48px;overflow:hidden;color:#666}
#container .news-list-wrap,#container .news-container{width:100%}
#container .news-top{width:100%;height:40px;border-bottom:1px solid #ccc;margin-bottom:5px;}
#container .news-top span{display:block;float:left;margin-right:20px;line-height:39px;font-size:16px;}
#container .news-top span.on{border-bottom:2px solid #007cc3}
#container .news-list,#container .news-list ul{width:100%}
#container .news-list{display:none}
#container .news-list ul{margin-bottom:15px;}
#container .news-list li{display:block;width:100%;border-bottom:1px dashed #ccc;position:relative}
#container .news-list li a{display:block;height:45px;position:relative;color:#707070}
#container .news-list li p{display:block;padding-left:10px;padding-right:90px;height:100%; background:url(../images/rd.png) no-repeat center left; background-size:6px auto}
#container .news-list li span{display:block;height:100%;line-height:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#container .news-list li em{display:block;position:absolute;top:0px;right:0px;line-height:45px;font-size:14px;padding-left:15px;background:url(../images/cok.png) no-repeat center left;}
#container .more-list{height:30px;line-height:30px;text-align:center;color:#007cc3}
#container .more-list span{display:inline-block;color:#007cc3} 
#container .contact{width:100%;padding-bottom:10px;background:url(../images/bg.jpg) no-repeat center bottom;background-size:100% auto}
#container .contact-wrap dl,#container .contact-wrap dt,#container .contact-wrap dd{display:block;width:100%}
#container .contact-wrap dl{margin-bottom:40px;}
#container .contact-wrap dt{margin-bottom:7px;padding-left:15px;}
#container .contact-wrap dt p{display:block;font-size:20px;margin-bottom:5px;}
#container .contact-wrap dt span{font-size:15px}
#container .contact-wrap dd p{display:block;padding-left:17px;color:#666;}
#container .contact-wrap dd .prople{background:url(../images/icon6.png) no-repeat 0px 5px;background-size:11px auto}
#container .contact-wrap dd .site{background:url(../images/icon1.png) no-repeat 0px 5px;background-size:11px auto}
#container .contact-wrap dd .tell{background:url(../images/icon2.png) no-repeat 0px 8px;background-size:11px auto}
#container .contact-wrap dd .mail{background:url(../images/icon3.png) no-repeat 0px 7px;background-size:11px auto}
#container .contact-wrap dd .abbr{background:url(../images/icon4.png) no-repeat 0px 6px;background-size:11px auto} 
/* 新闻内页 */
#Detail{width:100%;padding:20px 0px 30px;box-sizing:border-box;-webkit-box-sizing:border-box;display:none}
#Detail .news-title{margin-bottom:10px;text-align:center;font-size:20px;line-height:28px}
#Detail .detail-top{border-bottom:1px solid #dcdcdc;color:#666;height:28px;line-height:28px;margin-bottom:20px;}
#Detail .detail-top span{float:left}
#Detail .detail-top em{float:right;}
#Detail .news-content{width:100%;text-align:justify;color:#666666;} 
/* 工程案例弹出框 */
.popUp{width:100%;height:100%;position:fixed;top:0%;left:0%;z-index:10000;zoom:1;visibility:hidden;}
.popUp .wall{width:100%;height:100%;background:rgba(0,0,0,0.5);}
.popUp .popMain{width:100%;height:auto;position:absolute;left:0%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%); transform:scale(0.1);-webkit-transform:scale(0.1);-moz-transform:scale(0.1);opacity:0;visibility:hidden;transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;}
.popUp .popClose{width:30px;height:30px;border:2px solid #FFF;position:absolute;right:15px;top:-45px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;overflow:hidden;}
.popUp .popClose i{display:block;width:20px;height:2px;position:absolute;left:5px;top:50%;margin-top:-1px;background:#FFF}
.popUp .popClose i.a{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
.popUp .popClose i.b{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
.popUp .popLayer{margin:0 15px; background:#FFF;padding:10px;}
.popUp .popImg{width:100%;margin-bottom:10px;}
.popUp .popImg img{display:block;width:100%}
.popUp .popTitle{width:100%;text-align:center;color:#666666}
.popUp.show{visibility:visible;}
.popUp.show .popMain{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);opacity:1;visibility:visible;transform:translateY(-45%);-webkit-transform:translateY(-45%);-moz-transform:translateY(-45%);}
/* noselect css禁止文本和图片被选中 */
.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}