@charset "gb2312";
/* CSS Document */
* { margin:0; padding:0; }
html { height:100%; }
i{ font-style:normal}
body { min-width:320px; max-width:640px; width:100%; height:100%; background:#f4f4f4; font-family:"微软雅黑"; margin:0 auto;  line-height:150%; color:#666;  overflow:auto; }
div, li, a, dt, dd, dl { display:block; overflow:hidden; }
h1, h2, h3, h4 { display:block; font-weight:normal; overflow:hidden; }
img {  border:0; margin:0; padding:0; }
input, select, option, textarea, button, a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
input[type="button"], input[type="submit"], input[type="reset"], textarea, select, option { -webkit-appearance: none; }
input:focus { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-user-modify:read-write-plaintext-only; }
input:focus, textarea:focus { outline: none; }
a { display:block; text-decoration:none; }
li { list-style:none; }
.clear { clear:both; }
.cleartop { height:36px; }
.clear60 { height:60px; }
.left { float:left; }
.right { float:right; }
#mainbody { width:100%; overflow:auto; -webkit-overflow-scrolling : touch;}
.line { display:block; width:1px; height:100%; background:#ddd; position:absolute; right:0; top:0; z-index:2; }

/*banner轮播*/
.block_home_slider {position: relative; background-color: #ffffff; text-align: center; line-height: 0px; margin-right: auto; margin-left: auto; z-index:0;}  /*底部小图标*/
.block_home_slider .slide {position:relative; width:100%; overflow:hidden; }
.block_home_slider .flex-direction-nav a {width:1px; overflow:hidden;}
.block_home_slider .flex-control-paging { position:absolute; left:50%; margin-left:-30px; bottom:16px; display:inline-block; z-index:2;}
.block_home_slider .flex-control-paging li { width:13px; height:13px; margin-left:5px; float: left; overflow: hidden;}
.block_home_slider .flex-control-paging li a { display:block; width:7px; height:7px; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; background:#307fca; font-size:0; cursor:pointer; margin-top:3px;}
.block_home_slider .flex-control-paging li a.flex-active {width:13px; height:13px;  background: url(../images/icon01.png) no-repeat 0 -77px ; background-size:27px; margin:0;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
    list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; height:auto; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/*分割线*/
.Line-gray{ width: 100%; height: 18px;border-bottom: 1px solid #ebebeb;border-top: 1px solid #ebebeb; background: #f7f7f7;}
#header {width:100%; height:56px; position: fixed; top:0; left:0; z-index:9; zoom:1; overflow:visible;}
.header_home{background:url(../images/logo.png) no-repeat center #7ab6ec; background-size:auto 36px;}
.header_page{background: #7ab6eb; line-height:56px; font-size:15px; color:#fff; text-align:center; }
#header .button{width:56px; height:56px; background:url(../images/icon01.png) no-repeat center 15px ; background-size:27px; position: fixed; right:0; top:0; z-index:10;} 
#header .back{width:56px; height:56px; background:url(../images/back.png) no-repeat center ; background-size:32px; position: absolute; left:0; top:0; z-index:10;}

/* 菜单 弹出  */
.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(18, 18, 25, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index:102;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-close { position: absolute; top: 72px; right: 3px; width: 46px;  height: 46px;} 
#menu{ position:relative; margin:56px 12px; }
#menu li{width: 100%;}
#menu li a{display:block; height:46px; background:-webkit-gradient(linear, 0 0,0 bottom, from(#fff), to(#e5e5e5));
    background:linear-gradient(top, #fff, #e5e5e5); line-height:46px; font-size:14px; text-align: center; color:#222; border-bottom:solid 1px #ddd;}
/* 菜单 弹出end  */

/*banner*/
.banner{margin:2px;}
.banner_page{ box-shadow:0px 5px 6px rgba(0,0,0,0.2); margin-bottom:12px;}

/*banner下文字介绍不跳转*/
.subIntro li{width:25%; height:42px; background: linear-gradient(#47a2f0, #4cacfe); float:left; }
.subIntro li a{line-height:42px; font-size:16px; color:#fff; text-align:center; border-right:solid 1px #fff;border-left:solid 1px #fff;}

/*公共区域*/
.aboutUs{ background:#fff; padding:22px 10px 0; }
.show .sTit,.pro .sTit,.aboutUs .sTit,.News .sTit,.engineeringCase .sTit,.conTact .sTit,.Staff .sTit{ margin-top: 12px;text-align:center; border-bottom:solid 1px #d9d9d9; position:relative; z-index:1; overflow:visible; margin-bottom:10px;}
.show .sTit i,.pro .sTit i,.aboutUs .sTit i,.News .sTit i,.engineeringCase .sTit i,.conTact .sTit i,.Staff .sTit i{ display:block; width:8.3%; height:6px; background:#f18628; position:absolute; bottom:-3px; left:50%; margin-left:-4.2%; z-index:2;}
.show .sTit .eg,.aboutUs .sTit .eg,.News .sTit .eg,.engineeringCase .sTit .eg,.conTact .sTit .eg,.Staff .sTit .eg{ display:block; line-height:16px; font-size:14px; color:#808080; text-transform:uppercase; margin-bottom:5px;}
.show .sTit h1,.pro .sTit h1,.aboutUs .sTit h1,.News .sTit h1,.engineeringCase .sTit h1,.conTact .sTit h1,.Staff .sTit h1{ line-height:20px; font-size:18px; color:#000; margin-bottom:10px;}

/*首页 关于我们*/
.aboutUs .box1{width:74%; height:20px; border-bottom:solid 2px #808080; position:relative; z-index:1; overflow:visible; margin:0 auto 24px;}
.aboutUs .box1 span{ display:block; width:224px; background:#fff; line-height:20px; text-align:center; font-size:17px; color:#000; position:absolute; bottom:-10px; left:50%; margin-left:-112px; z-index:2;}
.aboutUs .box2{width:90%; max-height:110px; line-height:22px; font-size:14px; color:#666; text-align:center; margin:0 auto 20px;}

.about_section{margin-bottom:10px; margin-top:24px;}
.about_section li{width:33.3%; height:40px; float:left; margin-bottom: 8px;}
.about_section a{ line-height:40px; font-size:14px; color:#fff; text-align:center; margin:0 5px;}
.about_section a.b1{ background-color:#d85454;}
.about_section a.b2{ background-color:#e49a44;}
.about_section a.b3{ background-color:#5eb14d;}

/*首页 新闻*/
.News{background:#fff; padding:22px 10px 0;}
.News .list{margin-top:-10px;}
.News .list li,.aboutUs_n .list li{ border-bottom:solid 1px #d8d8d8; padding:10px 0;  position:relative; z-index:0;}
.News .list .imgbox,.aboutUs_n .list .imgbox{width:79px; height:72px; text-align:center; border:solid 1px #e5e5e5; float:left; margin-right:10px;}
/*.News .list .imgbox img,.aboutUs_n .list .imgbox img{ width:auto; height:100%; }*/
.News .list h1{ height:32px; line-height:32px; font-size:15px; color:#333;}
.News .list h2{ height:36px; line-height:18px; font-size:13px; color:#8e8e8e;    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box;}
.News .MoreTo,.engineeringCase .MoreTo{width:250px; text-align:center; border:solid 1px #b6b6b6; -moz-border-radius:12px; -webkit-border-radius:46px; border-radius:46px; padding:6px 0; margin:20px auto;
    background: #fa953d; border: 1px solid #ee862c}
.News .MoreTo a,.engineeringCase .MoreTo a{ color: #ffffff;}

/*首页 工程案例*/
.engineeringCase{background:#fff; padding:0px 10px 32px;}
.engineeringCase .sTit{margin-bottom:0px; margin-top:24px;}
.engineeringCase .box1{ height:32px;  background-size:29px;}
.engineeringCase .list li{height:148px; padding: 10px; background:#fff; border:solid 1px #dbdbdb; margin-top:10px; position:relative; z-index:0;}
/*.engineeringCase .list li a{width:100%; height:100%; position:absolute; z-index:2; left:0; top:0;}*/

/*内页 工程案例 + tab*/
.box_tab{ margin: 0 auto 10px;}
.box_tab .menu { overflow: hidden; width: 100%; margin: 0 auto;}
.box_tab .menu li:first-child a{ background: #478cce; border: 1px solid #2970b3;}
.box_tab .menu li:last-child a{ background: #479b36; border: 1px solid #318d1f;}
.box_tab .menu li{ float: left; width:50%;}
.box_tab .menu li a{ color: #fff;background: #479b36;display: block; height: 38px; border: 1px solid #2970b3; background: #479b36;text-align: center; border: 1px solid #318d1f;
    line-height: 38px; margin: 10px 12px;}
.box_tab .list .imgbox{     width: 36%;  height: 90px; float: left; margin-right: 16px;}
.box_tab .list .imgbox img{    width: 100%; min-width: 138px;  height: auto;}
.box_tab .list li{ padding: 10px; background:#fff; border:solid 1px #dbdbdb; margin-top:10px; position:relative; z-index:0;}
.aboutUs_n .box_tab .list h1{ height:24px; line-height:24px; font-size:16px; color:#333; display: block; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis;}
.aboutUs_n .box_tab .list h2{ height:20px; line-height:20px; font-size:15px; color:#fa953d;margin-bottom:6px; padding-top: 6px;}
.box_tab .list h3{ height:60px; line-height:20px; font-size:14px; color:#8e8e8e;}
.box_tab .MoreTo{ width:250px; text-align:center;  -moz-border-radius:12px; -webkit-border-radius:46px; border-radius:46px; padding:6px 0; margin:20px auto;
    background: #fa953d; border: 1px solid #ee862c;}
.box_tab .MoreTo a{ color: #fff}

/*首页  产品展示*/
.pro{background:#fff; padding:0 10px ;}
.pro .sTit{margin-bottom:0px; margin-top:24px}
.pro .box1{ height:32px;  background-size:29px;}
.pro .list li{height:172px; padding: 20px; background:#fff; border:solid 1px #dbdbdb; margin-top:10px; padding-right:10px; position:relative; z-index:0;}
/*.pro .list li a{width:100%; height:100%; position:absolute; z-index:2; left:0; top:0;}*/
.pro .ProCt{ margin: 0 auto;}
.pro .ProCt li{ width: 25%; float: left; margin: 16px 0px 8px;text-align: center;}
.pro .ProCt li img{ margin:  0 auto;}
.pro .ProCt li span{ color: #7d7d7d; line-height: 18px; padding-top:8px; display: block; font-size: 15px;}

/*内页 工程案例*/
.engineeringCase .list .imgbox{width:206px; height:148px; float:left; margin-right:16px;}
/*.engineeringCase .list .imgbox img{width:100%; height:auto;}*/
.engineeringCase .list h1{ height:24px; line-height:24px; font-size:16px; color:#333; padding-top:10px;}
.engineeringCase .list h2{ height:20px; line-height:20px; font-size:15px; color:#fa953d;margin-bottom:6px;padding-top:6px;}
.engineeringCase .list h3{ height:66px; line-height:20px; font-size:14px; color: #8e8e8e;;}
.engineeringCase .more{ border:solid 1px #f18628;}

/*版权信息*/
.cR{background:#fff; padding:32px 0; width: 100%; }
.cR .box2{line-height:28px; font-size:15px; color:#666; text-align:center; margin-bottom:-15px; }

/*首页 新闻*/
.aboutUs_n,.News_n{background:#fff; border-bottom:solid 1px #e5e5e5; border-top:solid 1px #e5e5e5; }
.aboutUs_n .textbox{line-height:22px; font-size:14px; color:#666; margin:0 10px 30px;}
.aboutUs_n .textbox h3,.aboutUs_n .textbox p{margin-bottom:18px; text-indent:14px;}

.News_n .list,.aboutUs_n .list{margin-bottom:-1px;}
.News_n .list h1{ height:20px; line-height:20px;}
.News_n .list h3{ height:16px; line-height:20px; font-size:13px; color:#f18628;}
.aboutUs_n .list h1{ height:32px; line-height:32px; font-size:15px; color:#333;}
.aboutUs_n .list h2{ height:20px; line-height:18px; font-size:13px; color:#8e8e8e;}

.conTact{ padding-top: 30px; background: #fff;}
.conTact .box1{width:74%; height:20px; border-bottom:solid 2px #808080; position:relative; z-index:1; overflow:visible; margin:0 auto 24px;}
.conTact .box1 span{ display:block; width:224px; background:#fff; line-height:20px; text-align:center; font-size:17px; color:#000; position:absolute; bottom:-10px; left:50%; margin-left:-112px; z-index:2;}
.conTact .box2{line-height:22px; font-size:13px; color:#666; text-align:center; padding:0 20px; margin:20px auto;}
.conTact .box3{width:80%; background:#fafafa; line-height:28px; font-size:14px; color:#265142; margin:0 auto; padding:30px 0 ; overflow:visible; position:relative; z-index:0; margin-bottom:35px;}
.conTact .box3 .line1{ display:block; width:100%; height:0; padding:0 20px; border-bottom: dotted 2px #c9c9c9; top:-3px; left:-20px; position:absolute; z-index:2;}
.conTact .box3 .line2{ display:block; width:100%; height:0; padding:0 20px; border-bottom: dotted 2px #c9c9c9; bottom:-3px; left:-20px; position:absolute; z-index:2;}
.conTact .box3 .line3{ display:block; height:100%; width:0; padding:20px 0 ; border-left: dotted 2px #c9c9c9; left:-3px; top:-20px; position:absolute; z-index:2;}
.conTact .box3 .line4{ display:block; height:100%; width:0; padding:20px 0 ; border-left: dotted 2px #c9c9c9; right:-3px; top:-20px; position:absolute; z-index:2;}
.conTact .box3 p{ display:block;  margin:0 20px; padding-left:30px;color: #999999 }
.conTact .ctTo{ margin: 0 auto 32px; overflow: hidden; text-align: center;}
.conTact .ctTo .c1{ overflow: hidden;}
.conTact .ctTo a{ display: inline-block;height:40px; color: #fff; line-height: 40px; text-align: center; text-indent: 1.5em; cursor: pointer;}
.conTact .ctTo a.online{ background: #26bebf url(../images/icon01.png) no-repeat 16px -128px; width: 152px;background-size:35px; margin-right:18px;}
.conTact .ctTo a.tel{ background: #5cade5 url(../images/icon01.png) no-repeat 16px -176px;; width:152px;background-size:35px;}

.aboutUs_n .data { background:#f2f2f2; box-shadow:none; }
.aboutUs_n .data .more{line-height:36px; color:#f18628; font-size:15px; text-align:center; text-indent:30px;}

/*内页 员工风采*/
.Staff{background:#f4f4f4; padding:0 10px ;}
.Staff .sTit{margin-bottom:0px; margin-top:32px;}
.Staff .box1{ height:32px; background:url(../images/bg02.png) repeat-x 0 top; background-size:29px;}
.Staff .list li{height:122px; background:#fff; border:solid 1px #dbdbdb; margin-top:10px; padding-right:10px; position:relative; z-index:0;}

.Staff .list .imgbox{width:167px; height:122px; float:left; margin-right:10px;}
.Staff .list .imgbox img{width:100%; height:auto;}
.Staff .list h1{ height:24px; line-height:24px; font-size:15px; color:#333; padding-top:10px;}
.Staff .list h2{ height:18px; line-height:24px; font-size:13px; color:#e24848;margin-bottom:10px;}
.Staff .list h3{ height:54px; line-height:18px; font-size:13px; color:#8e8e8e;}

.Staff_n .box{ margin:15px 15px 0 15px;}
.Staff_n .sTit{margin-bottom:-10px; margin-top:15px;}
.Staff_n .box li{ background:#fff; text-align:center; border:solid 1px #dbdbdb; margin-top:10px; position: relative; z-index:0;}
.Staff_n .box .imgbox{ min-height:112px; position:relative; z-index:0; overflow: hidden; }
.Staff_n .box .imgbox img{width:100%; height:auto;}
.Staff_n .box .text{ display: block; width:94%; background:rgba(0,0,0,0.7); padding:6px 3%; position:absolute; bottom:0; left:0; z-index:2;}
.Staff_n .box .text span{ display: block; max-height:30px; line-height:15px; font-size:14px; color:#fff; overflow:hidden ;}
.Staff_n .box h1{ height:24px; line-height:24px; font-size:15px; color:#333; padding-top:5px;}
.Staff_n .box h2{ height:18px; line-height:24px; font-size:13px; color:#e24848; margin-bottom:10px;}


/*详情页*/
.dt{ background: #fff; padding: 20px 20px;}
.dt h1, .dt .time, .dt img{ text-align: center; }
.dt h1{ line-height:30px; font-size:22px; text-align:center; padding-top:15px;color: #333333}
.dt .time{ line-height:24px; font-size:14px; text-align:center; padding:8px 0; color: #b3b3b3}
.dt .imgbox{ max-width: 446px;  width:100%; height:auto;margin: 0 auto;}
.dt .imgbox img{ width: 100%;}
.dt p{ margin: 18px 8px; text-indent: 2em; font-size: 15px; line-height: 20px; color: #545454;}

/*产品展示*/
.show{ background: #fff;}
.left_tab{ margin:0 -14px 10px 28px; overflow: hidden;}
.left_tab .menu { overflow: hidden; float: left; margin-right: 20px; width: 30%; }
/*.left_tab .menu li:first-child{margin-right: 24px; background: #478cce;border: 1px solid #2970b3;}*/
.left_tab .menu li{ height: 62px;text-align: center; line-height:31px;}
.left_tab .menu li a{ border-top: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-left: 1px solid #ebebeb;border-bottom: 10px solid  rgba(255,255,255,0.1);background: #f5f5f5;}
.left_tab .menu li a.current{ background: #fff;border: 1px solid #fff;}
.left_tab .menu li:last-child{ border-bottom:1px solid #ebebeb; }
.left_tab .menu li:first-child a{ line-height:62px;}
.left_tab .menu li a{ color: #545454; line-height:31px; font-size: 15px;}
.left_tab .list .imgbox{width:184px; height:132px; margin: auto;}
.left_tab .list .imgbox img{width:184px; height:132px;}

.left_tab .list li{  background:#fff; margin:10px 4px 0 0; position:relative; z-index:0; width: 48%;}
    @media screen and (max-width: 450px) {
    .left_tab .list li {
        width: 96%;
    }
}
.left_tab .list h1{ height:24px; line-height:24px; font-size:16px; color:#333; padding-top:10px;}
.left_tab .list h2{ height:20px; line-height:20px; font-size:15px; color:#fa953d;margin-bottom:6px;padding-top:6px;}
.left_tab .list h3{ height:66px; line-height:22px; font-size:14px; color:#979797;}
.left_tab .MoreTo{ width:250px; text-align:center;  -moz-border-radius:12px; -webkit-border-radius:46px; border-radius:46px; padding:6px 0; margin:20px auto;
    background: #fa953d; border: 1px solid #ee862c;}
.left_tab .MoreTo a{ color: #fff}

.left_tab .list{ float: left; overflow: hidden;width:62%; }
.left_tab .list ul{overflow: hidden;}
.left_tab .list li{ float: left;}
.left_tab .list li span{ text-align: center; display: block; line-height: 26px; font-size: 14px; color: #949494;width: 65%;  margin: 0 auto;}

/*客户服务*/
.serCt img{ margin: 24px auto;min-width: 100%;}
.serCt .imgboxSer span{ color: #adadad; display: inline-block; margin: 18px -14px 24px 56px; font-size: 16px; }

.serCt{ background: #fff;}
.serTit{color: #888;font-size: 18px; padding-left:28px;background:#edeff6 url(../images/icon01.png) no-repeat 12px -300px;
        height: 46px; line-height: 46px;}
.serList{ padding: 24px 12px 40px;}
.serList p{ line-height: 34px;color: #adadad;}
.serList p i{ text-align: center; width: 22px;   height: 22px;  background: #6894f1;  border-radius: 50%;  -moz-border-radius: 50%;
    -webkit-border-radius: 50%; display: inline-block; line-height: 22px; color: #fff;  margin-right: 12px;}