*{margin:0;padding:0}
body{background:#fff;margin:0;padding:0;text-decoration:none;font-variant:normal;font-family:'Microsoft YaHei'}
a:active,a:hover,a:link,a:visited{text-decoration:none}
a{text-decoration:none}
li{list-style-type:none}
ol,ul{list-style-type:none;list-style-image:none}
input[type=button],input[type=submit],input[type=text]{-webkit-appearance:none}
textarea{-webkit-appearance:none}
select{-webkit-appearance:none}
html{font-size:12px}
@media screen and (max-width:1199px){html{font-size:100px}
body{max-width:750px;margin:0 auto}
}
@media (max-width:767px){html{font-size:13.333333333333vw}
body{max-width:initial}
}
.detailed .info a {color:#333;}
.detailed .info a:hover {color:#176cd6;}
.main{width:1200px;margin:0 auto}
.top{width:100%;height:35px;background:#1b1b1b}
.top .main{display:flex;justify-content:space-between;align-items:center;height:35px;width:1400px}
.top h4{color:#fff;font-size:14px;font-weight:400}
.top div{display:flex;justify-content:flex-start;align-items:center}
.top div p{color:#fff;line-height:35px}
.top div a{color:#9e9c9c;margin-left:10px}
.top ul li{float:left;position:relative;padding:0 10px;line-height:30px}
.top ul li a{color:#666;font-size:14px;display:block}
.top ul li:after{content:"";width:1px;height:14px;position:absolute;right:0;top:50%;background:#7d7d7d;transform:translateY(-50%)}
.top ul li:last-child:after{width:0;height:0;overflow:hidden}
.head img{display:block}
.head .main{height:120px;width:1400px;display:flex;justify-content:space-between;align-items:center}
.head .name{width:426px;height:62px;background:url(../images/logo.png) no-repeat center left}
.head .btn{display:none}
.head .tel a{display:flex;justify-content:center;align-items:center}
.head .tel b{color:#176cd6;font-size:48px;display:block;margin-left:5px;max-width:410px;line-height:45px}

.banner{width:100%;height:auto;overflow:hidden;position:relative}
.banner .swiper-wrapper img{display:block;width:100%}
.banner .swiper-pagination{display:flex;justify-content:center;align-items:center;bottom:80px!important;position:absolute;z-index:1}
.banner .swiper-pagination span{display:block;width:20px;height:20px;line-height:100px;overflow:hidden;position:relative;border:1px solid #fff;opacity:1!important;text-align:center;line-height:25px;outline:0;margin:0 10px;border-radius:50%;color:#fff}
.banner .swiper-pagination span:after{content:"";width:6px;height:6px;background:#fff;left:50%;top:50%;border-radius:50%;transform:translate3d(-50%,-50%,0);position:absolute}
.banner .swiper-pagination .swiper-pagination-bullet-active{border:.02rem solid #176cd6;background:0 0}
.banner .swiper-pagination .swiper-pagination-bullet-active:after{background:#176cd6}
.pcbanner .swiper-slide{ overflow:hidden;}
.in-banner{ overflow:hidden; width:100%;}
.in-banner img{ width:100%;}
.in-banner img:first-child{ display:block}
.in-banner img:last-child{ display:none}

.mbanner{display:none}
.mtel{display:none}
.ad{width:1200px;margin:0 auto;height:120px;display:flex;justify-content:space-between;align-items:center;background:#fff;box-shadow:0 1px 5px 3px #a8a8a8;margin-top:-60px;z-index:1;position:relative}
.ad .tel{margin-left:30px;padding-left:70px;background:url(../images/icon01.png) no-repeat left top}
.ad .tel p{color:#545454;font-size:18px}
.ad .tel b{color:#1e1e1e;font-size:30px;line-height:30px;display:block;margin-top:5px}
.ad .info{float:right;width:840px;height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#176cd6}
.ad .info p{color:#fff;font-size:28px;text-align:center}
.slogan{width:100%;height:auto;overflow:hidden;background:#fafafa;padding-top:130px;padding-bottom:90px;margin-top:-60px}
.slogan img{display:block;float:left}
.slogan .intro{width:100%;height:auto;overflow:hidden}
.slogan .intro .info{width:580px;float:right;height:auto;overflow:hidden}
.slogan .intro .info .tit span{color:#454545;font-size:16px;text-transform:uppercase;letter-spacing:9px}
.slogan .intro .info .tit p{color:#333;font-size:48px;font-weight:700;margin-top:5px}
.slogan .intro .info .tit b{color:#176cd6}
.slogan .intro .info .text{width:100%;height:auto;overflow:hidden;color:#454545;font-size:16px;line-height:30px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-top:30px}
.slogan .intro .info .text img{display:block;float:right;margin-top:20px}
.slogan ul{display:flex;justify-content:space-between;align-items:flex-start;margin-top:70px}
.slogan ul li{width:300px;height:auto;overflow:hidden;position:relative}
.slogan ul li:first-child:before{content:"";width:1px;height:120px;position:absolute;left:0;top:50%;background:#d4d4d4;transform:translateY(-50%)}
.slogan ul li:after{content:"";width:1px;height:120px;position:absolute;right:0;top:50%;background:#d4d4d4;transform:translateY(-50%)}
.slogan ul li img{display:block}
.slogan ul li i{display:table;margin:0 auto;height:auto;overflow:hidden}
.slogan ul li p{text-align:center;color:#454545;font-size:24px;width:100%;margin-top:10px}
.slogan ul li span{display:block;text-align:center;width:100%;color:#454545;margin-top:5px;font-size:16px}
.title h4{color:#176cd6;font-size:48px;text-align:center}
.title p{color:#454545;font-size:18px;text-align:center;margin-top:10px}
.product{margin-top:100%;height:auto;overflow:hidden;margin-top:40px}
.adv{width:100%;height:auto;overflow:hidden;margin-top:70px}
.adv ul{width:100%;height:auto;overflow:hidden;display:flex;justify-content:space-between;align-items:center;margin-top:65px}
.adv ul li{width:25%;height:auto;position:relative;overflow:hidden;margin-left:20px;transition:.5s}
.adv ul li:nth-child(1){margin-left:0}
.adv ul li .pic img{display:block}
.adv ul li .intro{width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0;transition:.5s;background:rgba(48,44,36,.4)}
.adv ul li .intro:after{content:"";width:1px;height:308px;position:absolute;top:263px;background:#fff;left:50%}
.adv ul li .intro .tit{margin-top:60px}
.adv ul li .intro .tit span{display:block;color:#fff;font-size:36px;margin:0 auto;width:102px;letter-spacing:15px;padding-left:15px}
.adv ul li .intro .tit i{display:table;margin:0 auto;height:45px;display:flex;justify-content:center;align-items:center;margin-top:34px}
.adv ul li .intro p{color:#fff;font-size:24px;line-height:34px;text-align:center;margin-top:360px}
.adv ul li .intro b{color:#fff;font-size:106px;position:absolute;bottom:-50px;opacity:.45;font-weight:400;text-align:center;display:block;width:100%}
.adv ul li .info{width:94%;position:absolute;left:0;opacity:0;visibility:hidden;bottom:-140px;display:flex;justify-content:flex-start;transition:.5s;align-items:center;background:rgba(68,63,65,.5)}
.adv ul li .info b{width:150px;height:140px;display:block;float:left;background:#176cd6;text-align:center;line-height:140px;color:#fff;font-size:72px;line-height:140px}
.adv ul li .info div{padding:0 22px;width:920px;box-sizing:border-box}
.adv ul li .info div h4{color:#fff;font-size:24px}
.adv ul li .info div p{color:#fff;font-size:16px;line-height:26px;margin-top:10px}
.adv ul .on{width:1070px}
.adv ul .other{width:13%}
.adv ul .on .intro{opacity:0;visibility:hidden}
.adv ul .on .info{bottom:35px;opacity:1;visibility:initial}
.adv .advSwiper{display:none}
.cases{width:100%;height:auto;overflow:hidden;margin-top:85px}
.cases .caseSwiper{margin-top:34px;width:1160px;border:20px solid #f9f9f9;position:relative;background:#f9f9f9}
.cases .swiper-slide .img-box{width:658px;height:495px;float:left}
.cases .swiper-slide .img-box img{display:block;width:658px;height:495px}
.cases .swiper-slide .intro{float:left;width:440px;margin-left:30px;margin-top:30px}
.cases .swiper-slide .intro h4{color:#424242;font-size:20px;position:relative;padding-bottom:40px}
.cases .swiper-slide .intro h4:after{content:"";width:90px;height:3px;position:absolute;left:0;bottom:0;background:#000}
.cases .swiper-slide .intro .info{width:100%;height:auto;overflow:hidden;margin-top:50px}
.cases .swiper-slide .intro .info p{color:#424242;font-size:16px;width:100%;line-height:26px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.cases .swiper-slide .intro .info p:last-child{-webkit-line-clamp:4;line-height:36px}
.cases .swiper-slide .intro i{display:block;width:160px;height:50px;border:1px solid #176cd6;box-sizing:border-box;font-style:normal;text-align:center;line-height:50px;margin-top:100px;color:#176cd6;font-size:16px;border-radius:10px}
.cases .box{position:absolute;right:40px;display:flex;justify-content:space-between;align-items:center;width:120px;bottom:15px;z-index:100}
.cases .swiper-pagination{display:flex;color:#989494;font-size:16px;display:flex;justify-content:center;align-items:flex-end}
.cases .swiper-pagination span{display:block}
.cases .swiper-pagination .swiper-pagination-current{font-size:36px;color:#424242;height:40px}
.cases .swiper-button-next,.cases .swiper-button-prev{display:block;width:20px;height:10px;outline:0;margin-top:8px;background:url(../images/next.png) no-repeat center}
.cases .swiper-button-prev{background:url(../images/prev.png) no-repeat center}
.cases ul{overflow:hidden;margin-top:30px}
.cases ul li{float:left;width:380px;overflow:hidden;position:relative;margin-left:30px}
.cases ul li:after{content:"";width:0;height:0;border-bottom:25px solid #7f7f7f;border-left:25px solid transparent;position:absolute;right:0;bottom:0}
.cases ul li div{overflow:hidden}
.cases ul li div img{width:100%;height:100%}
.cases ul li .intro{width:100%;height:auto;background:#f9f9f9;padding:25px 30px;box-sizing:border-box;overflow:hidden}
.cases ul li .intro h4{color:#424242;font-size:20px;position:relative;padding-bottom:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:25px}
.casebox{margin:50px auto 0}
.cases ul li .intro h4:after{content:"";width:50px;height:3px;position:absolute;left:0;bottom:0;background:#000}
.cases ul li .intro p{color:#424242;font-size:16px;line-height:36px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.cases ul li:hover:after{border-bottom:25px solid #176cd6}
.cases ul li:hover h4{color:#176cd6}
.cases ul li:hover h4:after{background:#176cd6}
.m-case{display:none}
.lc{width:100%;height:715px;background:url(../images/bg01.jpg) no-repeat center;margin-top:80px;padding-top:90px;box-sizing:border-box}
.lc .title p{color:#fff}
.lc .title h4{color:#fff}
.lc .lcSwiper{margin-top:60px}
.lc ul{display:flex;justify-content:space-between;align-items:center}
.lc ul li{width:135px}
.lc ul li i{height:135px;width:135px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center}
.lc ul li p{text-align:center;color:#fff;font-size:24px;text-align:center;margin-top:30px}
.lc ul li span{display:block;text-align:center;color:#fff;text-transform:uppercase;margin-top:5px}
.lc .tel{width:100%}
.lc .tel p{color:#fff;font-size:30px;font-weight:700;text-align:center;margin-top:60px}
.lc a{display:block;width:375px;height:58px;background:#00b7ee;font-weight:700;text-align:center;line-height:58px;margin:0 auto;color:#fff;font-size:18px;border-radius:10px;margin-top:20px}
.about{width:100%;height:auto;overflow:hidden;margin-top:70px}
.about .intro{width:1100px;box-sizing:border-box;padding:50px 50px;background:#f9f9f9;margin-top:33px;color:#6a6d6b;font-size:18px;line-height:36px;text-indent:2em;background:#f9f9f9}
.about .intro a{color:#176cd6}
.about .hd{margin-top:44px}
.about .hd ul{display:flex;justify-content:center;align-items:center;margin-top:44px}
.about .hd ul li{display:block;width:238px;height:55px;margin:0 13px;background:#00b7ee;line-height:55px;text-align:center;font-size:20px;border-radius:10px}
.about .hd ul li a{color:#fff;display:block}
.about .hd ul .true{background:#176cd6}
.about .show{width:100%;height:auto;overflow:hidden;display:none;margin-top:40px}
.about .true{display:block}
.about .show .box{width:800%}
.about .show .pic ul li{float:left;width:336px;height:auto;overflow:hidden;margin-left:17px}
.about .show .pic ul li img{display:block;width:336px;height:251px}
.about .show .pic ul li p{text-align:center;font-size:18px;margin-top:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#4c4c4c}
.news{width:100%;height:auto;overflow:hidden;margin-top:70px;margin-bottom:50px}
.news .title h4{font-weight:400;color:#474847}
.news .left{float:left;width:606px;height:auto;overflow:hidden;position:relative;margin-top:40px;background:#f9f9f9}
.news .left img{display:block;width:706px;height:457px}
.news .left .intro{width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding:30px 20px}
.news .left .intro h4{width:100%;color:#323232;font-size:24px;font-weight:400}
.news .left .intro p{width:100%;color:grey;font-size:13px;line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:48px;margin-top:10px}
.news ul{width:564px;height:auto;overflow:hidden;float:right;margin-top:40px}
.news ul li{width:100%;height:auto;overflow:hidden;padding:10px;box-sizing:border-box;background:#f2f2f2;position:relative;margin-bottom:20px}
.news ul li a{display:flex;justify-content:space-between;align-items:center}
.news ul li .time{width:90px;height:110px;background:#939393;display:flex;justify-content:center;align-items:center;float:left;flex-direction:column}
.news ul li .time b{color:#fff;font-size:30px;text-align:center;font-weight:400}
.news ul li .time p{color:#fff;font-size:13px;text-align:center}
.news ul li .intro{float:right;width:424px;box-sizing:border-box;margin-right:8px}
.news ul li .intro h4{width:100%;color:#010101;font-size:18px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news ul li .intro p{color:grey;font-size:13px;line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:10px}
.news ul li:hover .time{background:#0a4ed9}
.links{width:100%;margin:0 auto;height:auto;overflow:hidden;margin-top:25px;padding-top:30px;box-sizing:border-box;padding-bottom:30px;box-sizing:border-box;border-top:1px solid #bcbcbc;border-bottom:1px solid #eaeaea}
.links .tit{background:url(../images/links.png) no-repeat left center;float:left}
.links .tit p{color:#176cd6;font-size:18px;line-height:20px;margin-left:26px}
.links ul{width:1060px;float:right;height:auto;overflow:hidden}
.links ul li{float:left;padding:0 10px;position:relative;line-height:20px}
.links ul li a{color:#5d5d5d;font-size:14px}
.links ul li:last-child:after{width:0;height:0;overflow:hidden}
.footer{width:100%;height:auto;overflow:hidden;background:#f5f5f5;padding-top:60px;padding-bottom:40px;box-sizing:border-box}
.footer .menu{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #bcbcbc;padding-bottom:15px}
.footer .menu .tit{width:100px;float:left;background:url(../images/icon02.png) no-repeat right center}
.footer .menu .tit p{color:#474747;font-size:18px}
.footer .menu ul{float:right;width:1080px}
.footer .menu ul li{float:left;padding:0 10px;position:relative}
.footer .menu ul li:after{content:"";width:1px;height:20px;position:absolute;right:0;top:50%;transform:translateY(-50%);background:#474747}
.footer .menu ul li a{color:#474747;font-size:18px;display:block}
.footer .intro{width:600px;height:auto;overflow:hidden;float:left;margin-top:40px}
.footer .intro h4{color:#176cd6;font-size:24px}
.footer .intro p{color:#646060;font-size:16px;margin-top:15px;line-height:26px}
.footer .ewm{float:right;margin-top:40px}
.footer .ewm img{display:block;width:161px;height:161px}
.footer .ewm p{text-align:center;font-size:14px;color:#787878;margin-top:5px}
.cr{width:100%;height:50px;background:#4a4a4a;text-align:center;color:#fff;display:flex;justify-content:center;align-items:center;font-size:14px;line-height:50px}
.cr p{text-align:center;margin:0 5px}
.float-right{position:fixed;width:80px;height:auto;top:50%;transform:translateY(-50%);right:0;border:1px solid #ccc;background:#fff}
.float-right ul li{width:100%;height:80px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;cursor:pointer;position:relative;border-bottom:1px solid #ccc}
.float-right ul li i{margin:0 auto}
.float-right ul li div{position:absolute;left:-200px;background:#176cd6;width:185px;transition:.5s;visibility:hidden;height:auto;top:0;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;flex-direction:column;min-height:80px;opacity:0}
.float-right ul li div span{color:#fff;font-size:14px}
.float-right ul li div b{color:#fff;font-size:16px;display:block;font-weight:400}
.float-right ul li:first-child div{padding-left:60px;box-sizing:border-box;background:#176cd6 url(../images/float-h01.png) no-repeat 20px center}
.float-right ul li:last-child{border-bottom:none}
.float-right ul li i{display:block;width:30px;height:30px;background:url(../images/float01.png) no-repeat center}
.float-right ul li p{text-align:center;color:#000;font-size:14px;margin-top:5px}
.float-right ul li div img{width:150px;height:150px;margin:15px auto;border:2px solid #fff;box-sizing:border-box}
.float-right ul li:hover{background:#176cd6}
.float-right ul li:hover p{color:#fff}
.float-right ul li:nth-child(2) i{background:url(../images/float02.png) no-repeat center}
.float-right ul li:nth-child(3) i{background:url(../images/float03.png) no-repeat center}
.float-right ul li:nth-child(1):hover i{background:url(../images/float-h01.png) no-repeat center}
.float-right ul li:nth-child(2):hover i{background:url(../images/float-h02.png) no-repeat center}
.float-right ul li:nth-child(3):hover i{background:url(../images/float-h03.png) no-repeat center}
.float-right ul li:hover div{opacity:1;left:-185px;visibility:inherit}
.gotop{display:none}
.fn{display:none}
.crumbs{width:100%;height:auto;overflow:hidden;background:#f1f1f1}
.crumbs .tit{width:52px;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;height:52px;float:left;margin-right:17px}
.crumbs .tit img{display:block;margin:0 auto;margin-top:16px}
.crumbs p{float:left;color:#999;font-size:14px;line-height:52px}
.crumbs a{color:#999;padding-right:20px;position:relative;font-size:14px;line-height:52px}
.crumbs a:after{content:">";position:absolute;right:5px;top:0;height:20px;line-height:20px;color:#999;display:block;font-size:12px}
.crumbs a:last-child:after{width:0;height:0;overflow:hidden}
.inside-cont{width:100%;height:auto;overflow:hidden;padding-bottom:20px}
.inside-cont .section{width:100%;height:auto;overflow:hidden;padding:35px;box-sizing:border-box}
.about-article{width:100%;height:auto;margin-bottom:50px;overflow:hidden}
.about-article .title{margin-top:55px;margin-bottom:40px}
.about-article img{display:block;margin:0 auto}
.about-article .info{margin-top:60px;color:#555;font-size:16px;line-height:30px;text-indent:2em}
.cont-article{width:1115px;margin:0 auto;height:auto;overflow:hidden;margin-bottom:40px}
.cont-article .title{margin-top:55px;margin-bottom:40px}
.cont-article ul{height:auto;overflow:hidden}
.cont-article ul li{float:left;width:500px;height:auto;overflow:hidden;border-bottom:1px solid #d2d2d2;display:flex;justify-content:flex-start;margin-bottom:35px;padding-bottom:13px;align-items:center}
.cont-article ul li:nth-child(2n){float:right}
.cont-article ul li p{color:#555;font-size:18px;margin-left:20px}
.about-article .map{width:100%;height:420px;border:3px solid #d2d2d2;box-sizing:border-box;margin-top:30px}
.tab{width:1200px;margin:0 auto 20px;height:auto;overflow:hidden}
.tab ul{ overflow:hidden;}
.tab ul li{width:12.5%;background:#176cd6;box-sizing:border-box;line-height:60px;text-align:center;float:left; border:5px #fff solid;}
.tab ul li a{color:#fff;font-size:16px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}


.img-list{width:100%;height:auto;overflow:hidden;margin-top:50px}
.img-list .pic{width:100%;height:auto;overflow:hidden}
.img-list .pic ul li{float:left;width:24%;margin-left:1.333%;margin-top:5px}
.img-list .pic ul li img{display:block;width:100%}
.img-list .pic ul li p{width:100%;height:52px;line-height:52px;text-align:center;color:#333;font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.img-list .pic ul li:nth-child(4n-3){margin-left:0}
.page{width:100%;height:auto;overflow:hidden;margin:50px auto}
.page ul{display:table;margin:0 auto}
.page ul li{border:1px solid #ccc;padding:0 10px;height:30px;line-height:30px;color:#333;float:left;margin:0 3px}
.page ul li a{color:#333}
.page ul .thisclass{background:#176cd6;color:#fff}
.page select{border:none;background:0 0;outline:0}
.cases-list{width:100%;height:auto;overflow:hidden}
.cases-list ul li{width:270px;height:auto;overflow:hidden;border-radius:10px;border:1px solid #eee;float:left;box-sizing:border-box;margin-left:15px;padding:10px;margin-bottom:15px}
.cases-list ul li:nth-child(4n-3){margin-left:0}
.cases-list ul li:hover{border:1px solid #ffb245}
.cases-list ul li:hover .pic img{transform:scale(1.05)}
.cases-list ul li .intro{width:245px;height:auto;overflow:hidden;background:#ffb245;padding:15px;box-sizing:border-box}
.cases-list ul li .intro h4{width:100%;border-bottom:1px dashed#988364;height:28px;color:#333;font-size:16px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.cases-list ul li .intro .info{width:100%;height:auto;overflow:hidden;margin-top:10px}
.cases-list ul li .intro span{color:#333;font-size:13px}
.cases-list ul li .intro p{font-size:13px;color:#333;line-height:20px;display:-webkit-box;height:60px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px}
.cases-list ul li .pic{width:245px;height:auto;overflow:hidden}
.cases-list ul li .pic img{display:block;width:100%;transition:.5s}
.news-list{width:100%;height:auto;overflow:hidden}
.news-list{width:100%;height:auto;overflow:hidden;margin-top:40px}
.news-list ul li a{display:flex;justify-content:space-between;align-items:center}
.news-list ul li{width:588px;height:auto;background:#eee;float:left;box-sizing:border-box;padding:10px;margin-bottom:25px;position:relative;transition:.5s}
.news-list ul li:nth-child(2n){float:right}
.news-list ul li:after{content:"→";position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:18px;font-family:Arial;color:#9d9d9d;font-weight:400}
.news-list ul li .time{text-align:center;width:90px;height:110px;background:#939393;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;float:left}
.news-list ul li .time b{color:#fff;font-size:36px;text-align:center;font-weight:400;display:block}
.news-list ul li .time p{color:#fff;font-size:15px;text-align:center}
.news-list ul li .info{float:right;width:410px;height:88px;overflow:hidden;border-right:1px solid #dcdcdc;padding-right:30px;margin-right:45px;box-sizing:border-box;box-sizing:border-box}
.news-list ul li .info h4{color:#030000;font-size:18px;font-weight:400;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news-list ul li .info p{color:grey;font-size:15px;line-height:28px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px}
.detailed{width:100%;height:auto;overflow:hidden;margin-top:55px}
.detailed .tit{width:100%;height:auto;overflow:hidden;border-bottom:1px dashed #eee;padding-bottom:5px}
.detailed .tit h4{font-size:22px;text-align:center;color:#333;line-height:30px}
.detailed .tit p{text-align:center;color:#333;display:block;margin-top:10px;background:#d5d5d5;border-bottom:1px solid #ccc;line-height:40px;font-size:14px;text-align:center}
.detailed .tit span{margin:0 10px}
.detailed img{display:block;margin:0 auto;max-width:100%!important}
.detailed .info{width:100%;height:auto;overflow:hidden;margin-top:15px;min-height:150px;color:#333;line-height:30px;font-size:16px}
.detailed .info p{text-indent:2em}
.fy{width:100%;height:auto;overflow:hidden;margin:30px auto;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2}
.fy p{width:240px;height:50px;float:left;line-height:50px;text-align:center;white-space:nowrap;overflow:hidden;padding:0 10px;text-overflow:ellipsis;border-left:1px solid #d2d2d2}
.fy p:first-child{border:none}
.fy a{color:#333;font-size:14px}
.fy .return{float:right;line-height:50px;width:140px;border-left:1px solid #d2d2d2;text-align:center}
.message{height:auto;overflow:hidden;margin:0 auto;margin-top:55px;display:table;margin-bottom:55px}
.message .bd{display:table;height:auto;overflow:hidden;margin-top:30px;padding:30px;background:#fff;box-sizing:border-box}
.message img{display:block;float:left}
.message form{width:500px;float:left;margin-left:30px}
.message form ul li{width:100%;height:auto;overflow:hidden;border:1px solid #d2d2d2;margin-bottom:15px;background:#fff;border-radius:5px}
.message form ul li input{height:50px;border:none;width:100%;outline:0;text-indent:10px;color:#999;font-size:16px;background:0 0;font-family:'微软雅黑'}
.message form ul li textarea{width:500px;height:100px;border:none;outline:0;font-family:'微软雅黑';resize:none;background:0 0;text-indent:10px;padding-top:10px;color:#999;font-size:16px}
.message form .btn input{width:240px;display:block;height:60px;float:left;margin-top:20px;background:#065fc3;outline:0;border:none;font-size:18px;color:#fff;border-radius:5px}
.message form .btn input:last-child{float:right;background:#999}
.gengduo{ width:60%; display:none; background:#176cd6; text-align:center; color:#fff; margin:20px auto; line-height:50px; font-size:16px; }
.gengduo a{ color:#fff;}
@media (min-width:1200px){.nav ul{width:916px;display:flex;justify-content:space-between;align-items:center}
.nav ul li{width:100%;height:120px;text-align:center;line-height:120px;position:relative}
.nav ul li:after{content:"";width:0;height:5px;background:#fff;position:absolute;left:50%;transition:.5s;bottom:23px;transform:translateX(-50%)}
.nav ul li:hover:after{width:48px}
.nav ul li a{display:block;font-size:18px;color:#4a4a4a}
.nav ul li:hover{background:#176cd6}
.nav ul li:hover a{color:#fff}
.img-box{overflow:hidden}
.img-box img{transition:.5s}
.img-box:hover img{transform:scale(1.05)}
.product .main{background:url(../images/pro.jpg) no-repeat left 140px;height:auto;overflow:hidden}
.product .list{width:590px;height:auto;overflow:hidden;float:right;margin-top:60px;border-bottom:1px solid #b1b1b1}
.product .list .tit{width:100%;height:auto;overflow:hidden;padding-bottom:20px;border-bottom:1px solid #b1b1b1}
.product .list .tit h4{color:#454545;font-size:36px;float:left;font-weight:400}
.product .list .tit p{color:#454545;font-size:18px;text-transform:uppercase;float:left;margin-left:10px;margin-top:22px}
.product .list ul{width:100%;height:100px;box-sizing:border-box;overflow:hidden;margin-top:25px;padding-bottom:20px}
.product .list ul li{float:left;position:relative;width:140px;margin-left:5px;margin-left:10px;margin-bottom:20px;padding-left:13px;box-sizing:border-box}
.product .list ul li:nth-child(4n-3){margin-left:0}
.product .list ul li:after{content:"";width:10px;height:10px;border-radius:50%;border:1px solid #6f6464;box-sizing:border-box;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.product .list ul li a{display:block;font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#454545}
.product .pic{float:right;margin-top:31px;width:100%}
.product .pic ul{display:flex;flex-wrap:wrap-reverse;justify-content:flex-end}
.product .pic ul li{width:282px;height:auto;overflow:hidden;margin-left:24px;background:#e1e1e3;margin-bottom:24px}
.product .pic ul li img{display:block;width:282px;height:281px}
.product .pic ul li p{width:100%;height:70px;line-height:70px;text-align:center;color:#454545;font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.product .pic ul li:nth-child(1){order:5;justify-content:flex-end}
.product .pic ul li:nth-child(2){order:6}
.product .pic ul li:nth-child(3){margin-left:0}
.cases .pic ul li:hover p{color:#fff;box-shadow:0 -70px 0 #176cd6 inset}
.footer .menu ul li:hover a{color:#fff}
.footer .hot ul li:hover{border:1px solid #fff}
.footer .hot ul li:hover a{color:#fff;text-decoration:underline}
.cases .more:hover{background:#003e9a;color:#fff}
.tab ul li:hover{background:#176cd6}
.tab ul li:hover a{color:#fff}
.cases .pic ul li:hover p{color:#fff}
.cf .tit a:hover{color:#206aac}
.cf .pic ul li:hover{background:#206aac}
.cf .pic ul li:hover p{color:#fff}
.footer .menu ul li:hover a{color:#ff2738;text-decoration:underline}
.news ul li:hover .time{background:#176cd6}
.news ul li:hover h4{color:#176cd6}
.news-list ul li:hover .time{background:#176cd6}
.news-list ul li:hover h4{color:#176cd6}
}
@media (max-width:1440px){.top .main{width:1200px}
.head .main{width:1200px}
.nav ul{width:750px}
.nav ul li a{font-size:16px}
.head .name{width:380px;background-size:100% auto}
}
@media screen and (max-width:1199px){.main{width:7.1rem}
.top{display:none}
.head{background:#176cd6}
.head .main{width:7.2rem;height:1.8rem;margin:0 auto}
.head .name{width:5.85rem;height:.9rem;background:url(../images/mname.png) no-repeat center;background-size:100% auto}
.head .btn{display:block;width:.8rem;height:.8rem;background:url(../images/btn.png) no-repeat center;background-size:100% auto}
.nav{width:100%;height:100%;overflow:hidden;position:fixed;left:0;top:1.8rem;display:none;overflow-y:auto;opacity:0;visibility:hidden;background:rgba(0,0,0,.5);z-index:10001}
.nav ul{top:0;width:70%;float:right;right:-100%;position:relative;height:100%;overflow-y:auto;margin:0;background:#333}
.nav .on{padding-bottom:1.5rem}
.nav ul li{width:100%;padding:0 .15rem;box-sizing:border-box;height:auto;overflow:hidden;border-bottom:.02rem solid #eee;line-height:.8rem;border-top:.02rem solid #444;position:relative;border-bottom:.02rem solid #111}
.nav ul li a{color:#fff;font-size:.3rem;display:block}
.nav ul ul{width:96%;padding-bottom:0;display:none;right:initial}
.nav ul .sonOpen{display:block}
.nav ul li i{display:block;position:absolute;right:0;width:.8rem;height:.8rem;top:0}
.nav ul li i:after{content:"";width:.3rem;height:.3rem;transition:.3s;display:block;background:url(../images/nav-icon.png) no-repeat center;background-size:auto 100%;position:absolute;top:50%;left:50%;margin-left:-.15rem;margin-top:-.15rem}
.nav ul li .touch:after{transform:rotate(90deg)}
.nav ul li ul li{line-height:.7rem;border:none;height:.7rem;border:none}
.nav ul li ul li:first-child{border-top:0}
.nav ul li ul li:last-child{border-bottom:none}
.nav ul ul li a{font-size:.26rem}
.ad{display:none}
.banner{display:none}
.in-banner img:first-child{ display:none}
.in-banner img:last-child{ display:block}


.mbanner{display:block}
.in-mbanner{display:block}
.in-mbanner img{width:100%;display:block}
.mbanner .swiper-pagination{display:flex;justify-content:center;align-items:center;bottom:.4rem!important}
.mbanner .swiper-pagination span{display:block;width:.3rem;height:.3rem;line-height:.4rem;overflow:hidden;position:relative;opacity:1;margin:0 .12rem;font-size:.2rem}
.mbanner .swiper-pagination span:after{width:.1rem;height:.1rem}
.mbanner img{display:block;width:100%}
.slogan{margin:0;padding:0}
.slogan img{display:none}
.slogan .intro .info{width:100%;margin-top:.4rem;padding-bottom:.6rem}
.slogan .intro .info .tit span{font-size:.24rem;display:block;letter-spacing:.1rem}
.slogan .intro .info .tit p{font-size:.5rem}
.slogan .intro .info .text{font-size:.28rem;line-height:.46rem;margin-top:.3rem;-webkit-line-clamp:6}
.slogan .intro .info .text img{margin-top:.4rem;height:.45rem}
.slogan ul{display:none}
.title h4{font-size:.46rem}
.title p{font-size:.28rem}
.product .list{height:auto;overflow:hidden;margin-top:.2rem}
.product .list .tit{display:none}
.product .list ul li{float:left;width:1.7rem;height:.7rem;margin-top:.1rem;background:#176cd6;text-align:center;line-height:.7rem;margin-left:.1rem}
.product .list ul li a{display:block;color:#fff;font-size:.2rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.product .list ul li:nth-child(4n-3){margin-left:0}
.product .pic{width:100%;height:auto;overflow:hidden;margin-top:.4rem}
.product .pic ul li{width:3.45rem;height:auto;float:left;margin-bottom:.2rem;overflow:hidden;background:#dcdcde}
.product .pic ul li:nth-child(2n){float:right}
.product .pic ul li img{display:block;width:100%}
.product .pic ul li p{width:100%;height:.8rem;line-height:.8rem;font-size:.28rem;color:#454545;white-space:nowrap;text-align:center;text-overflow:ellipsis;overflow:hidden}
.adv ul{display:none}
.adv .advSwiper{width:7.2rem;margin:0 auto;display:block;margin-top:.4rem}
.adv .advSwiper .swiper-slide img{display:block;width:100%}
.adv .advSwiper .swiper-slide .intro{width:100%;height:auto;overflow:hidden;margin-top:.4rem}
.adv .advSwiper .swiper-slide .intro h4{color:#176cd6;font-size:.32rem}
.adv .advSwiper .swiper-slide .intro p{font-size:.26rem;line-height:.42rem;color:#4c4c4c;margin-top:.2rem;text-align:justify}
.adv .advSwiper .swiper-pagination{display:flex;justify-content:center;align-items:center;margin-top:.5rem}
.adv .advSwiper .swiper-pagination span{display:block;width:.6rem;height:.08rem;background:#bfbfbf;margin:0 .1rem;border-radius:5px}
.adv .advSwiper .swiper-pagination .swiper-pagination-bullet-active{background:#176cd6}
.cases{margin:40px auto 0}
.casebox{ margin:20px auto}
.cases ul li{ overflow:hidden; border-bottom:2px #176cd6 solid}
.cases ul li .intro h4{ text-align:center; font-weight:400; margin-bottom:0px; padding-bottom:0px;}
.cases ul li .intro h4:after{ content:""; display:none;}
.cases ul li:after{ content:""; display:none;}
.cases ul li:hover:after{ display:none;}
.cases ul li{ width:220px; margin-left:10px;}
.m-case{display:block;width:100%;height:auto;overflow:hidden;margin-top:.6rem}
.m-case .show{width:100%;height:auto;overflow:hidden;margin-top:.4rem}
.m-case .show .box{width:600%}
.m-case .show .pic{float:left;width:50%}
.m-case .show .pic ul li{float:left;width:16%;background:#f9f9f9;border-bottom:.04rem solid #176cd6;margin-left:.6%}
.m-case .show .pic ul li img{display:block;width:100%}
.m-case .show .pic ul li p{width:100%;text-align:center;color:#5c5c5c;font-size:.28rem;line-height:.7rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lc{width:100%;height:auto;overflow:hidden;background:url(../images/mbg01.jpg) no-repeat center;background-size:cover;padding:.6rem 0;margin-top:0px;padding-bottom:0}
.lc .main{width:100%}
.lc .lcSwiper{padding-bottom:.6rem;width:100%;margin-top:.5rem}
.lc ul li{width:auto;margin-right:.3rem}
.lc ul li i{width:1.5rem;border:.02rem solid #fff;height:1.5rem;margin:0 auto}
.lc ul li img{width:.6rem}
.lc ul li p{font-size:.3rem;margin-top:.2rem}
.lc ul li span{font-size:.2rem;display:block}
.lc .swiper-scrollbar{margin-top:.4rem;background:#bfbfbf;bottom:0!important}
.lc .swiper-scrollbar-drag{background:#00d5ff}
.lc .tel{display:none}
.lc a{display:none}
.about{margin-top:.6rem}
.about .main{width:100%}
.about .intro{width:100%;font-size:.29rem;line-height:.46rem;text-align:justify;padding:.4rem .5rem}
.about .hd{height:auto;overflow:hidden;margin-top:.4rem}
.about .hd ul{width:7rem;margin:0 auto;justify-content:space-between}
.about .hd ul li{width:3.4rem;height:.8rem;margin:0;line-height:.8rem;font-size:.3rem;border-radius:5px}
.about .show{margin-top:.6rem}
.about .show .box{width:600%}
.about .show .pic{width:50%;float:left}
.about .show .pic ul li{width:16%;margin-left:.6%}
.about .show .pic ul li img{width:100%;height:auto}
.about .show .pic ul li p{font-size:.28rem}
.news{margin-top:.6rem}
.news .left{float:initial;width:100%}
.news .left img{display:block;width:100%;height:auto}
.news .left .intro h4{font-size:.3rem}
.news .left .intro p{font-size:.26rem;line-height:.42rem}
.news .left .intro{padding:.3rem .2rem}
.news ul{width:100%;height:auto;overflow:hidden;margin-top:.4rem}
.news ul li{margin-bottom:.2rem}
.news ul li .time{width:1.4rem;height:1.6rem}
.news ul li .intro{width:5rem;margin:0}
.news ul li .time b{font-size:.5rem}
.news ul li .time p{font-size:.24rem}
.news ul li .intro h4{font-size:.3rem}
.news ul li .intro p{font-size:.28rem;line-height:.42rem}

.footer{height:auto;width:100%;padding-top:.5rem;padding-bottom:2rem;margin-top:0}
.footer img{display:none}
.footer .menu{display:none}
.footer .intro{margin:0;width:100%}
.footer .tit p{font-size:.42rem;text-align:center}
.footer .intro img{margin:0 auto;width:3.2rem;margin-top:.6rem}
.footer .intro{margin-top:.3rem;width:7rem;font-size:.24rem;text-align:center}
.footer .intro h4{font-size:.4rem;text-align:center}
.footer .ewm{display:none}
.cr{flex-wrap:wrap;height:auto;margin-bottom:1.38rem;line-height:.5rem;font-size:.2rem;padding:.2rem 0}
.links{display:none}

.gotop{position:fixed;right:10px;width:60px;height:60px;background:#176cd6 url(../images/gotop.png) no-repeat center center ; background-size:22px;display:block;border:.04rem solid #f5f5f5;box-sizing:border-box;z-index:100;bottom:2rem;border-radius:50%}
.gotop img{height:.6rem}


.menu{display:none}
.float{display:none}
.page{margin:.4rem 0}
.page ul li{font-size:.26rem;border:.02rem solid #ccc;line-height:.5rem;height:.5rem;padding:0 .15rem}
.page ul .thisclass{border:.02rem solid #176cd6}
.crumbs{padding:0 .1rem;box-sizing:border-box}
.crumbs .main{width:100%}
.crumbs .tit{border-left:none;height:.8rem;margin-right:.3rem}
.crumbs div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999;font-size:.2rem}
.crumbs p{line-height:.8rem;font-size:.28rem}
.crumbs a{font-size:.28rem;display:inline;line-height:.8rem}
.crumbs .tit img{height:.4rem;margin:0 auto;margin-top:.2rem}
.float-right{display:none}
.fn{display:block;position:fixed;bottom:0;width:7.5rem;left:50%;z-index:100;margin-left:-3.75rem}
.fn ul li{float:left;width:25%;background:#176cd6;height:auto;overflow:hidden;position:relative}
.fn ul li:after{content:"";width:.02rem;height:100%;position:absolute;right:0;top:0;background:#fff}
.fn ul li img{display:block;margin:0 auto;margin-top:.3rem;height:.5rem}
.fn ul li p{color:#fff;font-size:.26rem;text-align:center;margin-top:.1rem;margin-bottom:.2rem}
.fn ul li:last-child:after{width:0;height:0;overflow:hidden}
.about-article{margin-bottom:0;margin-top:.3rem}
.about-article .title{margin-top:.6rem;margin-bottom:.4rem}
.about-article img{max-width:100%;display:block}
.about-article .info{font-size:.29rem;line-height:.48rem;margin:0;margin-top:.2rem}
.about-article .map{height:4.5rem}
.cont-article .title{margin-top:.6rem;margin-bottom:.4rem}
.cont-article{width:100%}
.cont-article ul li{width:100%}
.cont-article ul li img{height:1rem}
.cont-article ul li p{font-size:.3rem;margin-left:.3rem}
.detailed{width:100%;height:auto;overflow:hidden;margin-top:.6rem}
.detailed .tit h4{font-size:.38rem}
.detailed .tit span{display:block;line-height:.4rem;font-size:.24rem}
.detailed .tit p{padding:.1rem 0}
.detailed .info{margin-top:.2rem;font-size:.29rem;line-height:.48rem;text-align:justify}
.news-list{width:100%;margin-top:.4rem}
.news-list ul{width:100%;height:auto;overflow:hidden}
.news-list ul li{width:100%;margin-bottom:.2rem}
.news-list ul li:after{width:0;height:0;overflow:hidden}
.news-list ul li .time{width:1.4rem;height:1.6rem}
.news-list ul li .info{width:5rem;margin:0;border:none;height:auto;padding:0}
.news-list ul li .time b{font-size:.5rem}
.news-list ul li .time p{font-size:.24rem}
.news-list ul li .info h4{font-size:.3rem}
.news-list ul li .info p{font-size:.28rem;line-height:.42rem}
.fy{width:7.1rem;margin:.6rem auto;margin-bottom:.3rem;border:.02rem solid #ccc;line-height:.7rem}
.fy p{line-height:.7rem;height:.7rem;font-size:.24rem;padding:0 .1rem;width:50%;text-align:center;box-sizing:border-box;border-right:.02rem solid #ccc}
.fy p:nth-child(2){border-right:none}
.fy .return{width:100%;box-sizing:border-box;float:initial;text-align:center;float:left;line-height:.7rem;display:block;border-left:none;border-top:.02rem solid #ccc}
.tab{width:100%}
.tab ul li{width:25%; line-height:.6rem; border:5px #fff solid;}
.tab ul li:nth-child(4n-3){margin-left:0!important}
.tab ul li a{font-size:.28rem}
.img-list{margin-top:.5rem}
.img-list .pic{margin-top:.2rem}
.img-list .pic ul li{width:49%;margin:0}
.img-list .pic ul li:nth-child(2n){float:right}
.img-list .pic ul li p{font-size:.28rem}
.gengduo{ display:block; margin:30px auto}
}