.about-p{width:100%; margin:0 auto; position:relative;}
.about-p .ne-tu{ width:100%; height:auto;}
.ny-cd{position:absolute; left:11%; top:0px; width:200px;}

.ny-sm{width:100%; margin:0 auto; background:#10acf3; color:#fff; line-height:64px; text-align:center; font-size:16px;}
.w2{ width:67.2%; margin:0 auto;}


/*2-24 news页面样式*/
.n-w1{width:70%; margin:0 auto; padding-top:80px; padding-bottom:95px;}
.n-bit{ width:100%; margin:0 auto; text-align:center;}
.n-bit .bt{ font-size:36px; font-weight:bold; color:#00a0e9;}
.n-bit .bt a{ color:#00a0e9;}
.n-bit .bt1{ font-size:18px; text-transform:uppercase; color:#9fa0a0; font-family:Arial; padding-top:8px;}
.n-bit .bt2{ line-height:40px; text-align:center; font-size:18px; color:#333333;}
.n-new2{width:100%; padding-top:65px; overflow:hidden;}
.n-new2 li{width:30.066%; margin-bottom:50px; float:left; list-style:none; overflow:hidden; position:relative; margin-right:1.633%; margin-left:1.633%}

.n-new2 li .n-p{width:100%;  overflow:hidden; height:220px;}
.n-new2 li .n-p img{width:100%; transition-duration:1s; display:inline;}
.n-new2 li .n-t{width:63px; position:absolute; text-align:center; color:#fff; font-family:Arial; left:0; top:0;}
.n-new2 li .n-t1{width:100%; line-height:28px; background:#797979; font-size:14px; transition-duration:1s;}
.n-new2 li .n-t2{  width:100%; line-height:40px; font-size:24px; background:#8f8f8f; }
.n-new2 li:hover .n-t1{background:#008bcb;}
.n-new2 li:hover .n-t2{background:#00a0e9;}
.n-new2 li:hover .n-p img{transform:scale(1.1,1.1);}
.n-new2 li .t1{width:100%; background:#f2f3f3; margin:0 auto; padding-top:15px; padding-bottom:30px;}
.n-new2 li .t2{width:96%; margin:0 auto;}
.n-new2 li .t3{width:100%; line-height:44px; border-bottom:1px solid #cdcdcd; font-size:16px; font-weight:bold; color:#333333; overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/ }
.n-new2 li .t4{width:100%; height:64px; line-height:24px; font-size:14px; color:#777777; padding-top:15px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.n-detail{width:100%; line-height:50px; text-align:center; font-size:18px; font-weight:bold; border-bottom:1px dashed #ececec; margin-top:30px;}
.n-detail1{ width:100%; padding-top:15px; font-size:14px; line-height:26px;}
.n-detail1 p{padding-bottom:20px;}
.n-detail1 img{ display:inline;width:80%}
.n-detail2{ width:100%; padding-top:15px; font-size:14px; line-height:24px; color:#999999;}
.n-detail2 p{text-indent:2em; padding-bottom:20px;}
.n-detail2 img{ display:inline; width:80%}
.s-page{width:100%; padding-top:34px;}
.p1Page2{ margin:0 auto; height:44px; font-family:"微软雅黑"; font-size:14px; color:#535353;}
.page{line-height:30px;text-align:center; }
.page a{margin:0 3px;display:inline-block;padding:0 15px 0 15px; background:#ececec; color:#777777; }
.page a:hover{background:#076bc8; color:#fff;}
.page a.on{background:#076bc8;border-color:#076bc8;color:#FFF; padding:0 15px 0 15px; color:#fff;}
.page a.on:hover{background:#4898e3; color:#fff;}
.page a.on1{background:#ffffff;border-color:#076bc8;color:#535353;  padding:0 15px 0 15px;}
.page a.page_turn:hover{background:#076bc8;border-color:#3BA2E3;color:#FFF;box-shadow:1px 1px 3px #CCC;}



/*2-24 case页面样式*/
.case1{width:100%; margin:0 auto; padding-top:50px; overflow:hidden;}
.case{width:64.896%; margin:0 auto; padding-top:80px; padding-bottom:95px;}
.case1-1{width:65.329%;}
.case1-1-1{width:100%; margin:0 auto;}
.case1-3{width:100%; overflow:hidden; position:relative;}
.case1-3 img{width:100%; display:inline; transition-duration:1s;}
.case1-3 img:hover{transform:scale(1.1,1.1);}
.case1-3-1{position:absolute; width:100%; height:50px; line-height:50px; z-index:9999; background:rgba(0,0,0,0.5); color:#fff; bottom:-50px; padding-left:5%; transition-duration:1s; font-size:16px; overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/}
.case1-1-1:hover .case1-3-1{bottom:0px;}
.case1-4{width:100%; height:55px; line-height:55px; padding-left:5%; background:#fff; color:#222222; font-size:18px; transition-duration:1s; overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/}
.case1-1-1:hover .case1-4{ background:#10acf3; color:#fff; }
.case1-2{width:29.615%;}
.case3{width:100%; margin:0 auto;}
.case3 li{width:29.615%; float:left; list-style:none; margin-right:5.5775%;}
.case3 li:first-child{width:65.7%; float:left; margin-right:0%;}
.case3 li:nth-child(2){ float:right; margin-right:0}
.case3 li:nth-child(3){ float:right; margin-right:0}
.case3 li:nth-child(3n){ margin-right:0}
.case4{width:100%; margin:0 auto; background:#eeeeee;}
.case4-1{width:64.896%; margin:0 auto; padding-top:50px; padding-bottom:50px;}
.case4-1 img{width:100%;}


.le_menu{width:100%; height:50px; margin:0 auto; }
.le_menu li{ float:left; height:50px; width:12.1%; line-height:50px; text-align:center; margin-right:2.1%; margin-bottom:10px;}
.le_menu li a{ display:block; color:#555555; font-size:18px;background:#f0f0f0; border-radius:5px; transition-duration:0.5s;}
.le_menu li a:hover{color:#fff; line-height:50px; background:#10acf3; }
.le_menu li .ts{color:#fff; line-height:50px; background:#10acf3;}


/*2-24 why页面样式*/
.why{width:62.9%; margin:0 auto; overflow:hidden;}
.why1{ width:100%; margin:0 auto; padding-top:100px; padding-bottom:100px;}
.why1-1{width:44.583%; overflow:hidden;   }
.why1-2{width:97%; position:relative; margin-top:14px; margin-left:14px;}
.why1-2 img{ width:100%; -webkit-box-shadow: -14px -14px 0px #10acf3; -moz-box-shadow: -14px -14px 0px #10acf3; box-shadow: -14px -14px 0px #10acf3;}
.why1-3{width:97%; position:relative; margin-bottom:14px; margin-right:14px;}
.why1-3 img{ width:100%; -webkit-box-shadow: 14px 14px 0px #10acf3; -moz-box-shadow: 14px 14px 0px #10acf3; box-shadow: 14px 14px 0px #10acf3;}
.why1-1-1{ background:#10acf3; width:100%; height:100%; position:absolute; overflow:hidden; left:0;top:0; z-index:9998;}
.why2{width:48.513%; padding-top:50px;}
.why2-1{width:49px; height:38px; margin-right:20px;}
.why2-2{ line-height:38px;  font-size:30px; font-weight:bold; color:#00a0e9;}
.why2-3{width:100%; padding-top:20px; font-size:30px; color:#c5c3c3; font-family:Arial;}
.why2-4{width:100%; line-height:30px; font-size:16px; color:#595757; padding-top:20px;}
.why2-4 p{text-indent:2em; padding-bottom:18px;}
.why2-5{width:74%; height:60px; line-height:60px; text-align:center; font-size:18px; font-weight:bold; color:#fff; background:#10acf3; margin-top:50px; border-radius:10px; transition-duration:1s;}
.why2-5:hover{background:#0c95d3;}
.bg{background:#f0f0f0; }

.why3{width:46.5625%; position:relative; overflow:hidden; }
.why3 img{width:100%; }
.why4{width:29.375%; margin-left:4.32%; padding-top:30px;}
.why4-1{width:32%; margin-right:4.32%; padding-top:30px;}


/* 2-25设计咨询 */
.s-w1{width:74.27%; margin:0 auto; padding-top:80px; padding-bottom:95px;}
.accordion { height:538px;overflow: hidden;position:relative; width:98%; margin:0 auto; }
.accordion:after { content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff; }
.accordion._create:after { display: none; }
.accordion__ul { display:block;list-style: none;margin: 0;padding: 0;width:9999px;height:500px;overflow:hidden;position:absolute;left:0;top:0; }
.accordion__li { display:block;list-style: none;margin: 0;padding: 0;height:538px;float:left;overflow: hidden; transition: all 0.3s ease-out; margin-right:4px; position:relative; }
.accordion__img { display: block;cursor: pointer; }
.sznb{position:absolute; top:32px; left:28px; font-size:80px; color:#fff; font-family:Arial; font-weight:normal;}
.wenben{ position:absolute; top:0px; left:10%; width:60%; color:#fff;}
.wenben h1{ font-size:26px; font-weight:bold; padding-bottom:10px; transition-duration:.5s;  margin-top:150px;}
.wenben h2{font-size:14px; color:#fff; font-family:Arial; font-weight:normal; padding-bottom:10px;}
.wenben span{ width:35px; height:1px; background:#fff; display:block;}
.wenben p{ width:450px; line-height:26px; opacity:0; transition-duration:.5s; padding-top:50px;}
.accordion__li:hover p{ opacity:1;}
.accordion__li:hover img{ opacity:0.8;}
.accordion__li:hover .wenben h1{ font-size:26px; font-weight:bold; color:#00a0e9;}
.accordion__li:hover .wenben h2{ padding-bottom:20px;}
.accordion__li:hover .sznb{color:#555555;}

.sj{width:64.843%; margin:0 auto; padding-top:35px; overflow:hidden; padding-bottom:110px;}
.sj img{width:100%;}
.sj1{width:74.041%; margin:0 auto; overflow:hidden; padding-bottom:110px;}
.sj1-1{width:54.105%;}
.sj1-1 img{width:100%;}
.sj1-2{width:43.328%;}
.sj1-2 img{width:100%;}
.ny-xs-cd{ display:none;}


/*2-26 pro页面样式*/
.pro{width:100%; margin:0 auto; position:relative; background:#000;}
.pro1{width:100%; margin:0 auto; overflow:hidden;}
.pro1 img{ width:100%; transition-duration:1.5s; display:inline-block; opacity:0.4; filter:alpha(opacity=40);}
.pro:hover .pro1 img{transform:scale(1.1,1.1); opacity:1; filter:alpha(opacity=100);}
.pro2{width:100%; position:absolute; top:30%; text-align:center; color:#fff;}
.pro2-1{width:100%; font-size:36px;}
.pro2-2{ width:100%; font-size:18px; padding-top:30px;}




.pro-lie{width:100%;  border-bottom:1px solid #d0d0d0;}

.le_menu1{ margin:0 auto; width:100%; text-align:center;}
.le_menu1 ul{ width:100%; text-align:center;}
.le_menu1 li{ line-height:50px; font-size:16px; display:inline-block;}
.le_menu1 li a{ display:block; padding-left:30px; padding-right:30px; color:#555555;}
.le_menu1 li a:hover{ background:#39c0fd; color:#fff;}
.le_menu1 li .ts{ background:#39c0fd;color:#fff;}

.le_menu2{ margin:0 auto; width:100%; text-align:center;}
.le_menu2 ul{ width:100%; text-align:center;}
.le_menu2 li{ height:38px; line-height:38px; font-size:16px; display:inline-block;}
.le_menu2 li a{ display:block; padding-left:30px; padding-right:30px; color:#fff;}
.le_menu2 li a:hover{ background:#39c0fd; color:#fff;}
.le_menu2 li .ts{ background:#39c0fd;color:#fff;}
.pro3{width:100%; background:#dfdfdf;}

.le_menu3{width:100%;}
.le_menu3 ul{ width:100%; text-align:center;}
.le_menu3 li{ height:62px; line-height:62px; font-size:16px; font-weight:bold; text-align:center; display:inline-block;}
.le_menu3 li a{ display:block; color:#555555; padding-left:40px; padding-right:40px;}
.le_menu3 li a:hover{ background:#10acf3; color:#fff; display:block;}
.le_menu3 li .ts{ background:#10acf3;color:#fff;}

.le_menu4{width:100%;}
.le_menu4 ul{ width:100%; text-align:center;}
.le_menu4 li{ height:62px; line-height:62px; font-size:16px; font-weight:bold; text-align:center; background:#dfdfdf; margin-bottom:10px; }
.le_menu4 li a{ display:block; color:#333333; width:100%;}
.le_menu4 li a:hover{color:#10acf3; display:block;}
.le_menu4 li .ts{ color:#10acf3;}

.pro3-1{width:100%; margin:0 auto; padding-top:25px;}
.pro3-2 img{width:100%; margin-bottom:25px; }
.pro3-3{ font-size:16px; line-height:24px; font-size:16px;}
.pro3-3 p{padding-bottom:20px;}
.pro3-3 h1{font-size:18px; font-weight:bold; color:#222222;}
.pro3-3 img{ margin:0 auto; padding-top:30px; padding-bottom:50px;}

/*2-27about*/
.about{ width:64.895%; margin:0 auto; padding-top:120px; padding-bottom:100px;}
.about-1{width:100%; margin:0 auto;}
.about-2{width:43.178%; margin-right:7%;}
.about-2 h1{color:#00a0e9; font-size:36px; font-weight:bold; float:left}
.about-2 h2{color:#9fa0a0; font-size:18px; font-family:Arial; float: left; padding-left:4px; font-weight:normal; text-transform:uppercase; padding-top:18px;} 
.about-2-1{width:100%; padding-top:50px;}
.about-2-1 p{line-height:30px; font-size:16px; color:#595757; padding-bottom:20px; text-indent:2em;}

.about-3{width:31.701%;}
.about-3 img{width:100%;}
.about-4{width:12.279%; border-top:1px solid #dedede;}
.about-4 li{width:100%; list-style:none; border-bottom:1px solid #dedede; float:left; padding-top:25%; padding-bottom:25%; text-align:center;}
.about-4 li .h1{font-size:42px; font-weight:bold; font-family:Verdana; transition-duration:1s;}
.about-4 li .h2{font-size:14px; font-weight:bold; padding-top:20px;}
.about-4 li .sp{width:40px; height:1px; background:#dedede; margin:0 auto;}
.about-4 li h3{color:#444444; font-size:14px; line-height:40px; }
.about-m{ padding-bottom:15px;}
.about-4 li:hover .h1{color:#0087e5;}
.about1{width:100%; margin:0 auto; background:url(../images/about2.jpg) no-repeat center; background-size:cover;}
.about2{width:100%; padding-top:95px; margin:0 auto;}
.about2-1{overflow:hidden; width:100%; height:760px; position:relative;}



.about3{width:100%; margin:0 auto; background:#f3f3f3;}
.about3-1{width:49.114%;}
.about3-1 img{width:100%;}
.about3-2{padding-left:3.645%; padding-top:110px;}
.about3-2 h1{font-size:36px; color:#00a0e9; padding-bottom:5px;}
.about3-2 h2{ font-size:18px; color:#9fa0a0; font-weight:normal;}
.about3-3{padding-top:40px; font-size:16px; line-height:36px; }
.about3-3 span{color:#0059ac; font-weight:bold;}



.about4{width:100%; background:url(../images/about4.jpg) no-repeat; background-size:cover; padding-top:120px; padding-bottom:140px;}
.about4-1{ width:64.895%; margin:0 auto; padding-top:30px;}
.about4-1 li{width:48%; list-style:none; float:left; background:#eeeeee; margin-right:2%; margin-bottom:15px; padding:1.5%;}
.about4-1 li:nth-child(2n){ margin-right:0}
.about4-2{width:20%; background:#fff; text-align:center; padding-top:20px; padding-bottom:20px; color:#333333; transition-duration:1s;}
.about4-2 h1{font-size:36px;}
.about4-2 span{font-size:18px; padding-top:8px;}

.about4-3{width:75%;}
.about4-3 .bit{width:100%; line-height:26px; font-size:16px; color:#333333; overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/}
.about4-3 .bit1{width:100%; line-height:20px; font-size:14px; color:#999999; padding-top:5px;}
.about4-3 .bit1 a{color:#999;}
.about4-1 li:hover .about4-2{background:#10acf3; color:#fff;}

.contact{width:100%; position:relative;}
.contact img{width:100%;} 
.contact1{width:486px; height:374px; background:url(../images/contact.png) no-repeat; position:absolute; top:20%; left:30%; padding-top:60px; padding-left:40px;}
.contact1 h1{color:#00a0e9; font-size:24px; font-weight:bold; float:left}
.contact1 h2{color:#9fa0a0; font-size:18px; font-family:Arial; float: left; padding-left:4px; font-weight:normal; text-transform:uppercase; padding-top:6px;} 
.contact1-1{width:90%; font-size:16px; color:#555555; line-height:2.4; padding-top:15px;}

.contact2{display:none; background:#fff; width:90%; margin-top:20px; margin-left:5%; padding-bottom:20px;}
.contact2 h1{color:#00a0e9; font-size:24px; font-weight:bold; float:left}
.contact2 h2{color:#9fa0a0; font-size:18px; font-family:Arial; float: left; padding-left:4px; font-weight:normal; text-transform:uppercase; padding-top:6px;} 
.contact2-1{width:90%; font-size:16px; color:#555555; line-height:26px; padding-top:15px;}



.slideBox1{ width:64.895%; height:100%;  position:relative; margin:0 auto; overflow:hidden; }
.slideBox1 .bd{position:relative;height:100%;}
.slideBox1 .bd ul{ height:100%;}
.slideBox1 .bd li{ vertical-align:middle; }
.slideBox1 .bd img{ width:100%; height:100%; display:block;  }
.slideBox1 .hd{overflow:hidden;  position:absolute; width:100%; bottom:60px; z-index:9999; background:#ffffff; padding-top:2%; padding-bottom:2%; }
.slideBox1 .hd ul{ overflow:hidden; zoom:1; color:#555;  width:100%;}
.slideBox1 .hd ul li{ display: inline-block; padding-left:4%; padding-right:4%; cursor:pointer; color:#242424; text-align:center;}
.slideBox1 .hd ul li.on{ color:#007ed6;}
.slideBox1 .hd ul li .tx1{font-size:34px; font-weight:bold;}
.slideBox1 .hd ul li .tx2{font-size:16px; padding-top:8px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox1 .qiehuan{ width:100px; height:6%; margin-left:0%; position:absolute; bottom:35%; z-index:999;}
.slideBox1 .prev{ position:absolute; left:10%; top:45%;  display:block; width:31px; height:31px; background:url(../images/next1.png) no-repeat; filter:alpha(opacity=100);opacity:1;   }
.slideBox1 .next{ position:absolute; right:10%; top:45%;  display:block; width:31px; height:31px; background:url(../images/pre1.png)  no-repeat; filter:alpha(opacity=100);opacity:1;   }
.slideBox1 .prev:hover,
.slideBox1 .next:hover{ filter:alpha(opacity=50);opacity:0.5;  }
.slideBox1 .prevStop{ display:none;  }
.slideBox1 .nextStop{ display:none;  }

.fzlc2{padding-top:85px; width:100%; color:#fff;}
.fzlc2 h1{ font-size:36px; font-weight:bold; float:left;}
.fzlc2 h2{font-size:18px; padding-top:22px; float:left; font-weight:normal;}

.fzlc{width:100%; color:#fff;}
.fzlc1{width:48%; padding-top:65px;}
.fzlc1-1{font-size:24px; font-weight:bold;}
.fzlc1-2{font-size:16px; line-height:28px; padding-top:20px;}

@-webkit-keyframes scaleUp {
  0% { }
  100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes scaleUp {
  0% { }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}


.zlhz{width:100%; padding-top:40px;}
.zlhz li{width:100%; list-style:none; background:#f4f4f4; margin-bottom:20px; height:auto;}
.zlhz li .zb{width:29.032%;}
.zlhz li .zb img{width:100%;}
.zlhz li .yb{ padding-left:2%; padding-right:2%; padding-top:40px; width:70.968%; }
.zlhz li .yb1{ width:100%; background:url(../images/yj3.png) no-repeat right center; height:38px; line-height:38px; font-size:18px; }

.zzlhz{width:100%; padding-top:40px;}
.zzlhz li{width:48%; list-style:none; background:#f4f4f4; margin-bottom:20px; height:auto; margin-left:1%; margin-right:1%;}
.zzlhz li .zb{width:29.032%;}
.zzlhz li .zb img{width:100%;}
.zzlhz li .yb{ padding-left:2%; padding-right:2%; padding-top:20px; width:70.968%; }
.zzlhz li .yb1{ width:100%; background:url(../images/yj3.png) no-repeat right center; height:38px; line-height:38px; font-size:18px; }

.cc{color:#999999; width:18%; font-weight:bold;}
.cc1{color:#10acf3; font-weight:bold; overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/}
.zlhz1{padding-left:18%; line-height:24px; font-size:14px; padding-top:15px;}
.zlhz1 a{color:#999999;}
.zlhz1 a:hover{color:#10acf3;}
.zlhz2{ width:100%; line-height:24px; font-size:14px; padding-top:15px;}
.zlhz2 a{color:#999999;}
.zlhz2 a:hover{color:#10acf3;}

.hxjz{ width:100%; padding-top:30px; overflow:hidden;}

.hxjz1 h1{font-size:24px; color:#222222; line-height:50px; padding-bottom:15px;}
.hxjz1 p{text-indent:2em; padding-bottom:20px; line-height:24px; font-size:16px;}
.hxjz1{width:43.351%; padding-top:30px;}
.hxjz2{width:53.895%; padding-top:30px;}
.hxjz2 img{width:100%;}

.hxjz3{ width:100%; margin:0 auto;}
.hxjz3 li{ width:33.333%; float:left; list-style:none; position:relative; overflow:hidden;}
.hxjz3 li img{width:100%; transition-duration:1s; }
.hxjz3 li img:hover{transform:scale(1.1,1.1);}
.hxjz3 li .neir{width:100%; padding-top:15px; padding-bottom:15px; background:rgba(0,0,0,0.5); position:absolute; bottom:0; left:0; color:#fff; }
.hxjz3 li .neir1{ width:94%; margin:0 auto; line-height:24px; font-size:16px;}

.hxjz4{width:100%; background:#4ca559; color:#fff; position:relative; padding-top:50px; padding-bottom:50px; text-align:center;}
.hxjz4-1{width:100%; font-size:24px; font-weight:bold; padding-bottom:8px;}
.hxjz4-2{width:100%; font-size:36px; color:#8ec295; text-transform:uppercase; font-family:Arial;}
.hxjz4-3{width:54px; height:27px; position:absolute; bottom:-27px; left:48%;}
.hxjz5{width:100%; text-align:center; font-size:24px; color:#4ea65a; font-weight:bold;}
.hxjz5-1{width:100%; line-height:40px; font-size:16px; color:#595757; text-align:center;}
.hxjz5-2{width:717px; height:716px; margin:0 auto; padding-top:20px;}
.hxjz5-2 img{width:100%;}
.hxjz6{width:100%; margin:0 auto; background:#f2f2f2;}
.hxjz6-1{width:34.455%; float:left; padding-top:40px;}
.hxjz6-1 li{width:100%; list-style:none; float:left; line-height:24px; font-size:16px;}

.hxjz6-3{width:34.455%; float:right; padding-top:40px;}
.hxjz6-3 li{width:100%; list-style:none; float:left; line-height:24px; font-size:16px; text-align:right;}

.hxjz6-2{width:23.675%; float:left; margin-left:3.2%;}

.cpxg{width:100%; margin:0 auto;}
.cpxg1{width:18.253%;}
.cpxg2{width:77.777%;}
.cpxg2 p{width:100%; line-height:26px;  font-size:16px; color:#555555; padding-bottom:35px;}
.cpxg2 h1{font-size:18px; font-weight:bold; color:#000; padding-bottom:15px;}
.cpxg2 img{padding-top:15px; padding-bottom:15px;}


.tabbox{width:100%; min-height:500px; margin:0 auto;font-family:'微软雅黑';}
.tabbox .tab{overflow:hidden; width:18.253%; float:left;}
.tabbox .tab a{display:block; width:100%; background:#dfdfdf; line-height:50px; text-align:center; text-decoration:none;color:#333; margin-bottom:15px; font-size:18px;}
.tabbox .tab a:hover{color:#10acf3;text-decoration:none; }
.tabbox .tab a.on{color:#10acf3;text-decoration:none;}
.tabbox .content{overflow:hidden; width:77.777%; float:right;}
.tabbox .content li{display:none;}
.tabbox .content li p{width:100%; line-height:26px;  font-size:16px; color:#555555; padding-bottom:35px;/* text-indent:2em;*/}
.tabbox .content li h1{font-size:18px; font-weight:bold; color:#000; padding-bottom:15px;}
.tabbox .content li img{padding-top:15px; padding-bottom:15px; display:inline;}


/*3-23*/
.nzhcs{width:100%; margin:0 auto;}
.nzhcs img{width:100%;}

.yfsl{width:100%; margin:0 auto; background:#f2f2f2;}
.yfsl1{width:100%; padding-top:50px;}
.yfsl1-1{width:16.854%; float:left;}
.yfsl1-2{width:70.224%; float:right;}

.jjfa{ width:100%; margin:0 ;}
.jjfa h1{font-size:24px; color:#222222; float:left; line-height:34px;}
.jjfa h2{font-size:16px; color:#595757; padding-left:15px; float:left; line-height:34px;}
.jjfa1{width:100%; margin-top:45px; background:#b5b6b6;}
.jjfa1-1{width:5.618%; padding-top:3%; font-size:24px; color:#fff; font-weight:bold; line-height:30px; text-align:center; float:left;}
.jjfa1-2{width:94.382%; float:left;}
.jjfa1-2 li{width:24.98%; float:left; list-style:none; border-right:1px solid #fff; position:relative;}
.jjfa1-2 li img{width:100%;}
.jjfa1-2 li:nth-child(4n){border-right:none;}
.jjfa1-2 .bit{width:100%; position:absolute; text-align:center; line-height:40px; font-size:16px; font-weight:bold; bottom:0px; color:#fff;}

.jjfa1-3{width:94.382%; float:left;}
.jjfa1-3 li{width:33.33%; float:left; list-style:none; border-right:1px solid #fff; position:relative;}
.jjfa1-3 li img{width:100%;}
.jjfa1-3 li:nth-child(3n){border-right:none;}
.jjfa1-3 .bit{width:100%; position:absolute; text-align:center; line-height:40px; font-size:16px; font-weight:bold; bottom:0px; color:#fff;}

.hxjz7{width:100%; margin:0 auto; padding-top:15px; text-align:center;}
.hxjz7 h1{font-size:24px; color:#10acf3;}
.hxjz7 h2{ font-size:16px; color:#595757; font-weight:normal; padding-top:10px;}

.zl{width:100%; margin-top:35px; background:#f2f2f2;}
.zl1{width:61.958%;}
.zl1 img{width:100%;}
.zl2{width:32.905%; margin-left:2.5685%; padding-top:50px;}
.zl2-1{width:100%; font-size:24px; font-weight:bold; color:#10acf3;}
.zl2-2{width:100%; font-size:16px; color:#555555; line-height:32px; padding-top:30px;}
.zl3{background:#e8e8e8;}
.zl4{width:100%; background:url(../images/zl2.jpg) no-repeat; background-size:cover;}
.zl4-1{ width:100%; text-align:center; font-size:36px; font-weight:bold; color:#fff;}
.zl4-2{width:100%; padding-top:70px;}
.yxzc{ width:100%; margin:0 auto; color:#fff;}
.yxzc li{width:21.268%; float:left; margin-right:4.8%; list-style:none;}
.yxzc li:nth-child(4n){margin-right:0%;}
.yxzc1{width:129px; height:129px; margin:0 auto; border:2px solid #fff; border-radius:100px; position:relative; overflow:hidden;}
.yxzc1-1{width:55px; height:54px; top:50%; transform: translateY(-50%); position:relative; margin:0 auto;}
.yxzc1-2{width:60px; height:52px; top:50%; transform: translateY(-50%); position:relative; margin:0 auto;}
.yxzc1-3{width:69px; height:46px; top:50%; transform: translateY(-50%); position:relative; margin:0 auto;}
.yxzc1-4{width:68px; height:60px; top:50%; transform: translateY(-50%); position:relative; margin:0 auto;}
.yxzc3{width:100%; padding-top:20px; padding-bottom:10px; text-align:center; font-size:18px; font-weight:bold;}
.yxzc2{width:100%; line-height:26px; font-size:16px;}

.sqhz{width:75.441%; margin:0 auto; padding-top:50px;}
.sqhz1{width:48%; margin-bottom:15px;}
.sqhz-input{width:95%; height:48px; border:1px solid #d2d2d2; background:#fff; line-height:48px; padding-left:5%; font-size:18px; color:#777777; outline:none;}
.sqhz2{width:100%; margin:0 auto; padding-bottom:30px;}
.sqhz-text{ width:97.8%; height:120px; padding-top:10px; padding-left:2%; border:1px solid #d2d2d2; background:#fff; font-size:18px; color:#777777; outline:none;}
.sqhz-an{width:160px; height:48px; color:#fff; background:#00a0e9; line-height:48px; text-align:center; margin:0 auto; font-size:16px; border-radius:50px;}


.news2{width:70.224%; float:right;}
.yfsl2{ width:100%; border-bottom:3px solid #dadada; height:46px; font-size:24px; color:#222222; font-weight:bold;}
.yfsl2-1{width:100%; line-height:26px; font-size:16px; padding-top:20px;}
.yfsl2-2{width:100%; padding-top:20px;}
.yfsl2-2 img{width:100%;}

.n-w2{width:70%; margin:0 auto; padding-top:80px; padding-bottom:95px;}
.foot11-1{display:none;}


@media (min-width:1441px){
.n-w1{width:1246px;}
.n-w2{width:1246px;}
.case{width:1246px;}
.why{width:1200px;}
.sj{width:1246px;}	
.s-w1{width:1426px;}
.sj1{width:1364px;}	
.about{width:1246px;}
	}
@media (min-width: 1366px) and (max-width: 1441px){

.about{ width:80%; }
.about-2-1{padding-top:30px;}
.about-2-1 p{line-height:28px;}
.slideBox1{ width:80%; }
.slideBox1 .hd ul li{padding-left:4.5%; padding-right:4.5%;}
.about3-2{padding-top:65px;}
.about3-3{line-height:32px; }
.contact1{top:15%;}
.n-w1{width:80%;}
.n-w2{width:80%;}
.s-new2 li .n-p{width:100%; overflow:hidden; height:280px; }
.case3 li{width:28.115%; float:left; list-style:none; margin-right:7.8%;}
.case3 li:first-child{width:65%; float:left; margin-right:0%;}

}
@media (min-width: 1198px) and (max-width: 1367px){
.about{ width:80%; }
.about-2-1{padding-top:30px;}
.about-2-1 p{line-height:28px;}
.slideBox1{ width:80%; }
.slideBox1 .hd ul li{padding-left:4.5%; padding-right:4.5%;}
.about3-2{padding-top:65px;}
.about3-3{line-height:32px; }
.contact1{top:15%;}
.n-w1{width:86%;}
.n-w2{width:86%;}
.s-new2 li .n-p{width:100%; overflow:hidden; height:280px; }


.case3 li{width:28.115%; float:left; list-style:none; margin-right:7.8%;}
.case3 li:first-child{width:65%; float:left; margin-right:0%;}
	}	
	
/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 992px) and (max-width: 1199px) {
.about4-1{ width:90%; }
.n-w1{width:90%;}
.n-w2{width:90%;}
.zlhz li .yb{ padding-top:15px; }
.zlhz1{padding-top:5px;}
}

/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 768px) and (max-width: 991px){
.case4-1{width:90%;}
.case{width:90%;}
.why1-1{width:100%;}
.why2{width:100%;}
.why{width:96%;}
.why3{width:96%; margin-left:2%;}
.why4{width:96%; margin-left:2%;  margin-right:2%;  }
.why4-1{width:96%; margin-right:2%; }
.n-w1{width:96%; margin:0 auto; }
.n-w2{width:96%;}
.n-new2 li{width:48%; margin-left:1%; margin-right:1%;}
.case1-1{width:100%;}
.case1-2{width:100%;}
.case3 li{width:46%; margin-left:2%; margin-right:2%;}
.sj{width:96%; }
.s-w1{width:96%;}	
.sj1{width:96%;}
.ny-cd{ display:none;}
.ny-xs-cd{ display:block;}
.le_menu3 li{ width:32.6%;}
.le_menu3 li a{padding-left:0px; padding-right:0px;}
.about{ width:96%;}
.about-2{width:100%; margin-right:0%;}
.about-3{ display:none;}
.about-4{width:100%; border:1px solid #dedede;}
.about-4 li{width:33%;  padding-top:3%; padding-bottom:3%; text-align:center; border-bottom:none;}
.about4-1 li{width:100%; margin-right:0%;}
.about4-1{ width:96%; }
.about3-1{width:100%;}
.about3-2{ padding-top:50px; padding-bottom:50px;}
.slideBox1 .hd{display:none;}
.fzlc1{width:100%;}
.contact1{display:none;}
.contact2{display:block;}
.zlhz li .yb{ padding-top:5px; }
.zlhz1{padding-left:0%; padding-top:5px;}
.cc{width:22%; }
.zlhz2{padding-top:5px;}
.hxjz1{width:100%; padding-top:30px;}
.hxjz2{width:100%;}
.zzlhz li{width:100%; list-style:none; background:#f4f4f4; margin-bottom:20px; height:auto; margin-left:0%; margin-right:0%;}
.jjfa1-1{padding-top:1%; line-height:18px; font-size:16px;}
.zl1{width:100%;}
.zl2{width:100%; padding-bottom:30px;}
}

/*在480和767像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 480px) and (max-width: 767px) {
.case4-1{width:94%;}
.case{width:94%;}
.why1-1{width:100%;}
.why2{width:100%;}
.why{width:96%;}
.why3{width:96%; margin-left:2%;}
.why4{width:96%; margin-left:2%; margin-right:2%; }
.why4-1{width:96%; margin-right:2%; }
.n-w1{width:98%; margin:0 auto; }
.n-w2{width:98%;}
.n-new2 li{width:98%; margin-left:1%; margin-right:1%;}
.case1-1{width:100%;}
.case1-2{width:100%;}
.case3 li{width:100%; margin-right:0%;}
.le_menu li{  width:30.5%; margin-bottom:10px;}
.sj{width:98%; }
.s-w1{width:98%;}	
.sj1{width:98%;}
.sj1-1{width:100%;}
.sj1-2{width:100%; margin-top:20px;}
.ny-cd{ display:none;}
.ny-xs-cd{ display:block;}
.le_menu3 li{ width:32.6%;}
.le_menu3 li a{padding-left:0px; padding-right:0px;}
.about{ width:98%;}
.about-2{width:100%; margin-right:0%;}
.about-3{ display:none;}
.about-4{width:100%; border:1px solid #dedede;}
.about-4 li{width:33%;  padding-top:3%; padding-bottom:3%; text-align:center; border-bottom:none;}
.about4-1 li{width:100%; margin-right:0%;}
.about4-1{ width:98%; }
.about3-1{width:100%;}
.about3-2{ padding-top:50px; padding-bottom:50px;}
.slideBox1 .hd{display:none;}
.fzlc1{width:100%;}
.contact1{display:none;}
.contact2{display:block;}
.zlhz li .zb{width:100%; }
.zlhz li .yb{ padding-top:15px; width:100%; }
.cc{width:24%; }
.zlhz1{padding-left:0%; padding-top:5px;}
.cc1{overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/}
.zlhz li{ padding-bottom:20px;}
.hxjz1{width:100%; padding-top:30px;}
.hxjz2{width:100%;}
.hxjz5-2{width:100%;}
.hxjz3 li{ width:100%;}
.hxjz6-1 li{width:100%; padding-bottom:30px;}
.s-new2 li .n-p{ height:auto;}

/*.cpxg1{width:100%; padding-bottom:15px;}
.cpxg2{width:100%;}
.le_menu4 li{ width:32%; float:left; margin-right:1.333%;}
.le_menu4 li:nth-child(3n){ margin-right:0%;}*/

.tabbox .tab{overflow:hidden; width:100%; margin:0 auto;}
.tabbox .tab a{display:block; width:32%; margin-left:0.6%; margin-right:0.6%; float:left;}
.tabbox .content{overflow:hidden; width:100%; margin:0 auto;}
.zzlhz li{width:100%; list-style:none; background:#f4f4f4; margin-bottom:20px; height:auto; margin-left:0%; margin-right:0%;}
.jjfa1-1{padding-top:1%; line-height:18px; font-size:16px;}

.hxjz6-1{width:100%; float:left; padding-top:40px;}
.hxjz6-2{display:none;}
.hxjz6-3{width:100%; float:right; padding-top:40px;}
.hxjz6-3 li{ text-align:left;}
.zl1{width:100%;}
.zl2{width:100%; padding-bottom:30px;}
.yxzc li{width:47%; float:left; margin-right:6%; list-style:none;}
.yxzc li:nth-child(2n){margin-right:0%;}

.sqhz{width:100%; margin:0 auto; padding-top:50px;}
.sqhz1{width:100%; margin-bottom:15px;}
.news2{width:100%; margin:0 auto; padding-top:20px;}
}

/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {
.case4-1{width:96%;}
.case{width:96%;}
.why1-1{width:100%;}
.why2{width:100%;}
.why{width:96%;}
.why3{width:96%; margin-left:2%;}
.why4{width:96%; margin-left:2%;  margin-right:2%; }
.why4-1{width:96%; margin-right:2%; }
.n-w1{width:98%; margin:0 auto; }
.n-new2 li{width:98%; margin-left:1%; margin-right:1%;}
.case1-1{width:100%;}
.case1-2{width:100%;}
.case3 li{width:100%; margin-right:0%;}
.le_menu li{  width:30.5%; margin-bottom:10px;}
.sj{width:98%; }
.s-w1{width:98%;}	
.sj1{width:98%;}
.sj1-1{width:100%;}
.sj1-2{width:100%; margin-top:20px;}
.ny-cd{ display:none;}
.ny-xs-cd{ display:block;}
.about-2{width:100%; margin-right:0%;}
.about{ width:98%;}
.about-3{ display:none;}
.about-4{width:100%; border:1px solid #dedede;}
.about-4 li{width:33%;  padding-top:3%; padding-bottom:3%; text-align:center; border-bottom:none;}
.about4-1 li{width:100%; margin-right:0%;}
.about4-1{ width:98%; }
.about3-1{width:100%;}
.about3-2{ padding-top:50px; padding-bottom:50px;}
.slideBox1 .hd{display:none;}
.fzlc1{width:100%;}
.contact1{display:none;}
.contact2{display:block;}
.cc{width:24%; }
.zlhz1{padding-left:0%;}
.zlhz li .zb{width:100%; }
.zlhz li .yb{ padding-top:15px; width:100%; }
.zlhz li{ padding-bottom:20px;}
.hxjz1{width:100%; padding-top:30px;}
.hxjz2{width:100%;}
.hxjz5-2{width:100%;}
.hxjz3 li{ width:100%;}
.hxjz6-1 li{width:100%; padding-bottom:30px;}
.s-new2 li .n-p{ height:auto;}
.tabbox .tab{overflow:hidden; width:100%; margin:0 auto;}
.tabbox .tab a{display:block; width:98.8%; margin-left:0.6%; margin-right:0.6%; float:left;}
.tabbox .content{overflow:hidden; width:100%; margin:0 auto;}
.zzlhz li{width:100%; list-style:none; background:#f4f4f4; margin-bottom:20px; height:auto; margin-left:0%; margin-right:0%;}
.jjfa1-1{padding-top:1%; line-height:18px; font-size:16px;}
.hxjz6-1{width:100%; float:left; padding-top:40px;}
.hxjz6-2{display:none;}
.hxjz6-3{width:100%; float:right; padding-top:40px;}
.zl1{width:100%;}
.zl2{width:100%; padding-bottom:30px;}
.yxzc li{width:80%; float:left; margin-left:10%; margin-right:10%; margin-bottom:20px; list-style:none;}

.sqhz{width:100%; margin:0 auto; padding-top:50px;}
.sqhz1{width:100%; margin-bottom:15px;}
.news2{width:100%; margin:0 auto; padding-top:20px;}
.foot11{display:none;}
.foot11-1{width:100%; text-align:center; font-size:16px; color:#fff; display:block; background:#36353f;}
.pro2{width:100%; position:absolute; top:15%; text-align:center; color:#fff;}
.pro2-1{width:100%; font-size:20px;}
.pro2-2{ width:100%; font-size:14px; padding-top:10px;}
.n-w2{width:98%;}
.le_menu3 li{ height:50px; line-height:50px; font-size:16px;  }
.le_menu3 li a{ padding-left:20px; padding-right:20px; }
.pro3-3 img{ width:100%; margin:0 auto; padding-top:30px; padding-bottom:50px;}
.tabbox .tab{overflow:hidden; width:100%; float:left;}
.tabbox .content li img{ width:100%;}
.slideBox1 .qiehuan{bottom:15%;}
}