*{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; color:#666;}

a:hover{ color:#4e86c7}

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 (min-width:320px){html,body{font-size:12px;}}







.main{width:1400px;margin:0 auto}

.head{width:100%;height:100px;border-bottom:1px solid #ffffff3d;position:fixed;top:0;transition:.8s;z-index:100}

.head:hover{background:rgba(0,0,0,.8)}

.had_hover{background:rgba(0,0,0,.8)}



.fst{ width:40px; position:fixed; bottom:10%; display:none; right:0 }

.fst img{ width:100%}



.head .logo{float:left; margin:15px;}

.head .tel{ float: right; margin: 34px;  font-size: 26px; font-weight: bold; color: #fff; }

.head .tel img{vertical-align: sub;}

.head .nav{float:right;height:100px;margin-left:40px}

.head .nav ul li{float:left;text-align:center;position:relative;line-height:100px; width:126px;}}

.head .nav ul li:first-child{width:auto;margin-right:8px}

.head .nav ul li:after{content:"";left:50%;width:0;height:2px;background:#4e86c7;bottom:0;position:absolute}

.head .nav ul li a{color:#fff;font-size:15px;display:block}

.head .nav ul li:hover:after{left:0;width:100%}



.head .nav ul li ul{position:absolute;top:100px;z-index:1;left:0;display:none;width:100%;background:rgba(0,0,0,.2)}

.head .nav ul li:hover ul{display:block}

.head .nav ul li ul li{height:40px;line-height:30px;height:auto;overflow:hidden}

.head .nav ul li ul li a{color:#fff;font-size:14px}

.head .nav ul li ul li a:hover{text-decoration:underline;}

.head .nav ul li ul li:hover:after{left:0;width:0%}



.head .btn{display:none}















.head .main{display:flex;justify-content:space-between;align-items:center;height:100px}



.zhibao{ overflow:hidden; width:100%; background:url(../images/cex.png) no-repeat center top; background-size:cover; margin:-2px auto 0; padding:50px 0}

.zhibao .cb_logo{ float:left; overflow:hidden; width:30%;}

.zhibao ul{ float:right; overflow:hidden;  width:65%;}

.zhibao ul li{ float:left; width:50%; margin-top:20px;}

.zhibao ul li dd{ float:left; margin-right:15px;}

.zhibao ul li  span{ overflow:hidden;}

.zhibao ul li  span h3{ font-size:18px; color:#fff; margin-top:33px; font-weight:400;}

.zhibao ul li  span p{ font-size:12px; color:#ffff; font-size:13px; text-transform:uppercase; margin-top:10px;}

.zhibao ul li:nth-child(2) span h3{ font-weight:bold;}



.img-box{overflow:hidden}

.img-box img{transition:.5s}

.banner{width:100%;height:100vh;background:#a8bfd0;overflow:hidden;position:relative}

.banner .swiper-container {
        width: 100%;
        height: 100%;
    }
.banner  .swiper-slide { background-position: center;  background-size: cover;  }
	
	


.banner .swiper-wrapper img,.mbanner .swiper-wrapper img{width:100%}

.mbanner{display:none}



.in-banner{width:100%}

.in-banner img{display:block;width:100%}

.banner .swiper-pagination{position:absolute;width:100%;left:0;bottom:34px;display:flex;justify-content:center;align-items:center;z-index:1}

.banner .swiper-pagination span{width:60px;height:4px;background:#eee;display:block;margin:0 3px;border-radius:0!important}

.banner .swiper-pagination .swiper-pagination-bullet-active{background:#0079c5}

.product{width:100%;height:auto;overflow:hidden;background:#f5f5f5;padding:50px 0}



.title{ margin:50px auto}

.title h4{color:#0969b6;font-size:40px;text-align:center}

.title h4 span{ color:#e0b12f}

.title p{display:block;color:#666;font-size:18px;text-align:center;font-family:arial;text-transform:uppercase;display:block;margin-top:7px;}

.product .main{width:1387px}

.product .swiper-container{margin-top:30px}

.product .swiper-slide{width:100%;height:auto;overflow:hidden}

.product .hd{display:none}

.product .swiper-pagination{display:table;margin:0 auto}

.product .swiper-pagination span{display:block;width:200px;height:58px;background:url(../images/bg01.png) no-repeat center;text-align:center;line-height:58px;float:left;margin:0 15px;cursor:pointer;font-size:16px;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;overflow:hidden}

.product .swiper-pagination .swiper-pagination-bullet-active{background:url(../images/bg02.png) no-repeat center;color:#fff;box-shadow:0 0 3px 2px #d7d0d0bf}

.product .swiper-wrapper{margin-top:30px}

.product .swiper-slide ul li{float:left;width:440px;transition:.5s;margin:11px;height:auto;overflow:hidden}

.product .swiper-slide ul li .bg{width:100%;height:100%;position:absolute;left:0;opacity:0;top:0;transition:.3s;background:rgba(0,0,0,.5)}

.product .swiper-slide ul li .bg span{display:block;width:180px;height:50px;border-radius:30px;text-align:center;line-height:50px;color:#fff;font-size:18px;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);text-indent:30px;background:#4e86c7 url(../images/icon01.png) no-repeat 35px center}

.product .swiper-slide ul li img{display:block;width:100%}

.product .swiper-slide ul li .img-box{position:relative}

.product .swiper-slide ul li p{width:100%;height:60px;line-height:60px;color:#333;font-size:16px;white-space:nowrap;overflow:hidden;background:#fff;text-align:center;text-overflow:ellipsis}





.xbanner{ width:100%; overflow:hidden; margin:0px auto;}

.xbanner img{ width:100%;}



.pic_nav{overflow:hidden ; margin:30px auto;}

.pic_nav ul{overflow:hidden}

.pic_nav ul li{width:20%;float:left;border:10px #f5f5f5 solid;background:#fff url(../images/nna.png) no-repeat center;text-align:center;color:#333;line-height:55px;color:#666;box-sizing:border-box}

.pic_nav ul li a{color:#666;font-size:18px}

.pic_nav ul li:hover{color:#fff;background: url(../images/nnb.png) repeat-x center;}

.pic_nav ul li:hover a{color:#fff}



.pic_content{overflow:hidden}

.pic_content ul{overflow:hidden}

.pic_content ul li{float:left;width:33.33%; box-sizing:border-box;transition:.5s; overflow:hidden;}

.pic_content ul li .picdiv{ overflow:hidden; margin:10px; box-shadow:0 0 8px 2px #8ab1d080; border-radius:9px;}

.pic_content ul li .picdiv div{position:relative; overflow:hidden;}

.pic_content ul li .picdiv div img{display:block;width:100%;transition:.3s;}

.pic_content ul li .picdiv  dl{width:100%;height:100%;position:absolute;left:0;opacity:0;top:0;transition:.3s;background:rgba(0,0,0,.5)}

.pic_content ul li .picdiv  dl span{display:block;width:180px;height:50px;border-radius:30px;text-align:center;line-height:50px;color:#fff;font-size:18px;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);text-indent:30px;background:#4e86c7 url(../images/icon01.png) no-repeat 35px center}

.pic_content ul li .picdiv  p{width:100%;height:60px;line-height:60px;color:#333;font-size:20px; font-weight:bold;white-space:nowrap;overflow:hidden;background:#fff;text-align:center;text-overflow:ellipsis}

.pic_content ul li .picdiv:hover{}

.pic_content ul li .picdiv:hover p{color:#0969b6}

.pic_content ul li .picdiv:hover dl{opacity:1}

.pic_content ul li .picdiv:hover div img{transform:scale(1.05);transition:.3s;}





.gengduo{display:block;width:262px;height:58px;background:#fff ;margin:0 auto;margin-top:40px;color:#333;font-size:18px;text-align:center;line-height:58px}

.gengduo .more:hover{color:#fff;background:#4e86c7;}

.gengduo .more{display:block;width:262px;height:58px;background:#fff ;margin:0 auto;margin-top:40px;color:#333;font-size:18px;text-align:center;line-height:58px}



.m_ys{ display:none;}



.cases{width:100%;height:auto;margin-top:70px;overflow:hidden}



.cases ul{overflow:hidden;}

.cases ul li{float:left;width:440px;margin-left:20px;height:auto;overflow:hidden}

.cases ul li div{border:1px solid #eeeeee7d;box-sizing:border-box; overflow:hidden;}

.cases ul li div img{ height:100%;width:100%;transition:.3s;}

.cases ul li p{width:100%;font-size:16px;white-space:nowrap;text-overflow:ellipsis;margin-top:15px;text-align:center}

.cases ul li:hover div img{transform:scale(1.05);transition:.3s;}





.about{width:100%;height:auto;overflow:hidden;margin-top:0px;background:#f5f5f5;padding:20px 0 60px}

.about .main{ overflow:hidden; }

.about .intro{float:left;width:43%; margin:2%;}

.about .intro h4{color:#0969b6;font-size:30px}

.about .intro .info{width:100%;color:#333;height:180px;width:100%;font-size:16px;margin-top:30px;line-height:30px;text-indent:2em;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 6;

overflow: hidden;

}

.about .pic{float:right;width:49%}

.about .pic img{display:block;width:100%}

.about .more{display:block;width:262px;height:58px;background:#2f6ebe;margin-top:40px;color:#333;font-size:18px;text-align:center;line-height:58px}



.about a.more {color:#fff;}

.n_banner{ width:100%; overflow:hidden; margin:0px auto;}

.n_banner img{ width:100%}

.n_banner img:first-child{ display:block; }

.n_banner img:last-child{ display:none; }



.honor{width:100%;height:auto;overflow:hidden;position:relative; margin:60px auto 0}

.honor .main{position:relative}

.honor_tit{ overflow:hidden; text-align:center; }

.honor_tit a{ overflow:hidden; display:inline-block; font-size:30px; width:200px; height:60px; line-height:60px; text-align:center; background:#fff; margin:0 20px;}

.honor_tit a:hover{ background:#2f6ebe; color:#fff;}

.honor_tit a.osel{background:#2f6ebe; color:#fff;}

.hor{ overflow:hidden; margin:50px auto 0}

.hor ul { overflow:hidden;}

.hor ul li{ width:300px; float:left; margin:0 10px; overflow:hidden; overflow:hidden;}

.hor ul li div{ border:1px #ccc solid; overflow:hidden; padding:20px}

.hor ul li div dd{  border:5px #ccc solid; overflow:hidden;}

.hor ul li div dd img{width:100%; height:100%;transition:.3s;}

.hor ul li div dd:hover img{transform:scale(1.05);transition:.3s;}

.hor ul li p{ height:50px; line-height:50px; text-align:center; overflow:hidden; font-size:18px;}



.hor ul li:hover div{ border:1px #2f6ebe solid; }

.hor ul li:hover dd{  border:5px #2f6ebe solid; }

















.news{width:100%;height:auto;overflow:hidden;margin-top:0px}

.news .focus{width:42%;height:auto;overflow:hidden;position:relative;float:left;margin-top:30px}

.news .focus .swiper-slide{width:100%;height:auto;overflow:hidden;position:relative}

.news .focus .swiper-slide p{width:70%;padding-right:30%;position:absolute;height:55px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;bottom:0;line-height:55px;font-weight:700;text-indent:15px;color:#fff;font-size:16px;background:rgba(47,110,190,.8)}

.news .focus .swiper-slide p b{ float:right;}

.news .focus .swiper-slide img{display:block;width:100%}

.news .swiper-pagination{position:absolute;bottom:20px;right:10px;z-index:10}

.news .swiper-pagination span{display:block;width:10px;height:10px;float:left;margin:0 5px;background:#fff;border-radius:50%}

.news .swiper-pagination .swiper-pagination-bullet-active{background:#1994e0}

.news .swiper-container-horizontal>.swiper-pagination-bullets, .news .swiper-pagination-custom, .news .swiper-pagination-fraction{ width:auto; left:inherit; right:20px; bottom:23px}  





.news .list{width:55%;height:auto;overflow:hidden;float:right;margin-top:30px}

.news .list ul li{width:48%;height:auto;overflow:hidden;border:1px solid #e6e6e6;padding:30px 20px;box-sizing:border-box;margin-bottom:30px;float:left}

.news .list ul li:nth-child(2n){float:right}

.news .list ul li .tit{width:100%;height:auto;overflow:hidden;padding-bottom:15px;background:url(../images/icon03.png) no-repeat right top;border-bottom:1px solid #e6e6e6}

.news .list ul li .time b{color:#4e86c7;font-size:36px;font-weight:700}

.news .list ul li .time p{color:#333;font-size:12px;margin-top:-3px}

.news .list ul li .info{width:100%;height:auto;overflow:hidden;margin-top:20px}

.news .list ul li .info h4{color:#000;font-size:18px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.news .list ul li .info p{color:#666;font-size:14px;line-height:24px;height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;overflow:hidden}

.news .list ul li:hover .info h4{ color:#4e86c7}





.chengnuo{ background:#2f6ebe; overflow:hidden; padding:50px 0; margin:40px auto 0}

.chengnuo ul{ overflow:hidden;}

.chengnuo ul li { width:23%; border:1px #fff solid; margin:0 1%; float:left; box-sizing:border-box; padding:30px;}

.chengnuo ul li div{ float:left; margin-right:20px;}

.chengnuo ul li span{ overflow:hidden;}

.chengnuo ul li span h3{ overflow:hidden; font-size:24px; color:#fff; margin-top:20px;}

.chengnuo ul li span p{ font-size:15px; color:#fff; overflow:hidden;}





.float{width:.8rem;height:auto;position:fixed;right:.1rem;top:50%;transform:translateY(50%);z-index:1000;overflow:hidden;display:none}

.float a{display:block;width:.8rem;height:.68rem;border-radius:.05rem 0 0 .05rem;margin-bottom:.05rem;background:url(../images/icon05.png) no-repeat center top;background-size:.8rem auto;overflow:hidden}

.float a:last-child{background:url(../images/icon05.png) no-repeat center bottom;background-size:.8rem auto}



.footer{width:100%;padding-top:50px;margin-top:80px;position:relative;background:#222; overflow:hidden; }

.footer .main{height:auto;overflow:hidden}

.footer .intro{float:left;width:470px;height:auto;overflow:hidden}

.footer .tit{height:auto;overflow:hidden;width:185px;position:relative}

.footer .tit:after{content:"";width:30px;height:1px;position:absolute;right:0;bottom:5px;background:#4e86c7}

.footer .tit p{color:#fff;font-size:16px;float:left}

.footer .tit span{display:block;float:left;font-size:12px;color:#fff;text-transform:uppercase;margin-left:10px;margin-top:3px}

.footer .intro h4{color:#fff;margin-top:20px;font-size:24px}

.footer .intro a{color:#fff}

.footer .intro .info{color:#fff;font-size:14px;line-height:24px;margin-top:10px}

.footer .ewm{float:right}

.footer .ewm img{display:block;width:150px;height:150px;margin:0 auto;margin-top:20px}

.footer .ewm b{text-align:center;color:#fff;font-size:14px;margin-top:10px;font-weight:400;display:block}



 .links{width:100%;overflow:hidden;border-top:1px solid #636363; margin-top:15px;}

 .links .t{height:auto;overflow:hidden;margin-top:20px;float:left}

 .links .t img{display:block;float:left;margin-right:5px;margin-top:3px}

 .links .t p{color:#fff;font-size:14px;float:left}

 .links .t span{color:#fff}

 .links ul{float:right;width:90%;height:70px;overflow:hidden}

 .links ul a{float:left;padding:0 10px;line-height:30px;position:relative}

 .links ul li:last-child:after{width:0;height:0;overflow:hidden}

 .links ul li:after{content:"";width:1px;height:14px;position:absolute;right:0;top:50%;margin-top:-7px;background:url(../images/icon05.png) no-repeat center}

 .links ul li a{color:#999;font-size:14px;display:block}

 

 

.pcimg{ display:block;}

.mimg{ display:none;}

 

.fn{display:none}

.crumbs{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #eee; font-size:14px;}

.crumbs img{margin-right:10px}

.crumbs a{color:#333;line-height:50px;position:relative}

.crumbs a:after{content:">"; margin:0 5px; font-family:'宋体';}

.crumbs a:last-child:after{ display:none; content:"";}





.mmtt{overflow:hidden ;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.page{overflow:hidden;margin:3% 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 5px}

.page ul li a{color:#333}

.page ul .thisclass{background:#666;color:#fff;border:1px solid #666}

.page select{border:none;background:0 0;outline:0}



.tab{width:100%;height:auto;overflow:hidden;margin-top:30px}

.tab ul{display:table;margin:0 auto}

.tab ul li{float:left;width:200px;height:58px;margin:4px 10px;background:url(../images/bg01.png) no-repeat center;background-size:100% 100%}

.article-detailed{ overflow:hidden; margin:60px auto 0}

.article-detailed p{ line-height:30px; font-size:15px; color:#555; }

.article-detailed .lxwm{ line-height:30px; font-size:15px; color:#555;}



.article-detailed{width:100%;margin:0 auto;padding-bottom:.5rem;margin-top:.4rem}



.article-detailed .tit h4{font-size:20px;text-align:center}



.article-detailed .tit p{font-size:14px;margin-top:10px;width:100%;background:#eee;padding:20px 0;text-align:center}

.article-detailed .tit span{display:inline-block;font-size:13px;line-height:30px;}

.article-detailed .info{margin-top:16px;font-size:16px; line-height:30px; padding:0 10px;}

.article-detailed .info img{display:block;margin:0 auto;max-width:100%}

.article-detailed .info p{ text-indent:2em;}







.article-detailed .tab ul li{background:#eee}

.tab ul li a{display:block;color:#333;font-size:16px;line-height:58px;text-align:center}

.img-list{width:100%;height:auto;overflow:hidden;background:#f5f5f5; padding:50px 0;}

.img-list .pic{margin-top:30px;height:auto;overflow:hidden}

.img-list .pic ul{margin-top:10px}

.img-list .pic ul li{float:left;width:33.33%; border:8px #f5f5f5 solid; height:auto;overflow:hidden; box-sizing:border-box;}



.img-list .pic ul li img{width:100%; height:100%}

.img-list .pic ul li p{width:100%;height:auto;overflow:hidden;color:#333;font-size:16px;text-align:center;background:#fff;height:50px;line-height:50px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}





.img-list .pic ul li:hover p{background:#4e86c7;color:#fff}





.news-list{width:100%;height:auto;overflow:hidden;margin-top:30px}

.news-list ul{margin-top:5px}

.news-list ul li{width:49%;height:auto;overflow:hidden;border:1px solid #e6e6e6;padding:30px 20px;box-sizing:border-box;transition:.5s;margin-bottom:20px;float:left}

.news-list ul li:nth-child(2n){float:right}

.news-list ul li .tit{width:100%;height:auto;overflow:hidden;padding-bottom:15px;background:url(../images/icon03.png) no-repeat right top;border-bottom:1px solid #e6e6e6}

.news-list ul li .time b{color:#4e86c7;font-size:36px;font-weight:700}

.news-list ul li .time p{color:#333;font-size:12px;margin-top:-3px}

.news-list ul li .info{width:100%;height:auto;overflow:hidden;margin-top:20px}

.news-list ul li .info h4{color:#000;font-size:18px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.news-list ul li .info p{color:#666;font-size:14px;height:48px;line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;overflow:hidden}

.fy{width:1367px;margin:40px auto;height:auto;line-height:40px;overflow:hidden;border-bottom:1px solid #ccc}

.fy p{color:#333;font-size:14px;float:left;max-width:400px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 20px;box-sizing:border-box}

.fy a{color:#333}

.return{float:right;font-size:14px}



.anli_lb{ overflow:hidden; margin:0px auto 0}

.anli_lb ul{ overflow:hidden;}

.anli_lb ul li{ overflow:hidden; width:25%; float:left; border:8px #f5f5f5 solid; box-sizing:border-box;}

.anli_lb ul li div{ overflow:hidden;}

.anli_lb ul li p{ overflow:hidden; height:40px; line-height:40px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; background:#fff; text-align:center; font-size:16px;}

.anli_lb ul li div img{ width:100%; height:100%; transition:.3s;}

.anli_lb ul li:hover div img{transform:scale(1.05);transition:.3s;}





.youshi{ overflow:hidden;}

.youshi ul{ overflow:hidden; background:url(../images/xt.png)  repeat-y center top}

.youshi ul li{ overflow:hidden; margin-bottom:10px;}

.youshi ul li h3{ overflow:hidden;}

.youshi ul li .ys_left{ float:left; width:50%; position:relative; margin-top: 67px;}

.youshi ul li .ys_left h3{ font-size:38px; color:#0969b6; border-bottom:1px #ccc solid; padding-bottom:30px; margin-bottom:30px;}

.youshi ul li .ys_left h3 i{ font-size:16px; font-family:Arial, Helvetica, sans-serif;  color:#999; text-transform:uppercase; display:block; font-weight:400; font-style:normal; margin-top:5px;}

.youshi ul li .ys_left h3:after{content:url(../images/y01.png); position:absolute;right: -35px; top: 68px;}

.youshi ul li .ys_left dd{ margin-top:20px; line-height:28px; font-size:16px; padding-right:100px;}

.youshi ul li .ys_left dd p{ margin-bottom:10px; color:#333;}

.youshi ul li .ys_right{ float:right; width:40%}

.youshi ul li .ys_right img{ width:100%}

.youshi ul li:nth-child(2n) .ys_left{ float:right;}

.youshi ul li:nth-child(2n) .ys_left h3{ padding-left:100px;}

.youshi ul li:nth-child(2n) .ys_left dd{ padding-left:100px;}

.youshi ul li:nth-child(2n) .ys_left h3:after{content:url(../images/y01.png); position:absolute;left: -35px; top: 68px;}

.youshi ul li:nth-child(2n) .ys_right{ float:left;}

.youshi ul li:nth-child(2) .ys_left h3:after{content:url(../images/y02.png); position:absolute;right: -35px; top: 68px;}

.youshi ul li:nth-child(3) .ys_left h3:after{content:url(../images/y03.png); position:absolute;right: -35px; top: 68px;}

.youshi ul li:nth-child(4) .ys_left h3:after{content:url(../images/y04.png); position:absolute;right: -35px; top: 68px;}



.youshi ul li:nth-child(2n) .ys_left dd{padding-right:0px;}

















@media (max-width:1600px){



.head .nav ul li{ width:100px;}

}





@media (max-width:1400px){



.head .nav ul li{ width:85px;}



.main{width:1200px;margin:0 auto}

.zhibao .cb_logo img{ width:100%}

}





@media (max-width:1366px){



.news .list ul li { padding:14px 20px;}

}



@media (max-width:1300px){





.head .nav ul li{ width:70px;}

.head .nav {

    float: right;

    height: 100px;

    margin-left: 0px;

}

}







@media (max-width:1200px){

	.tel{ display:none;}

	.main{width:auto;margin:0 auto}

}



@media (max-width:1100px){

	.tel{ display:none;}

	.main{width:auto;margin:0 auto}

	

	

	

	

.fst{ display:block;}

.head{background:rgba(47,110,190,0.8);box-sizing:border-box;width:100%;position:fixed;z-index:1000;transition:1s; padding:10px 0; height:inherit}

.head:hover{background:#4077bd;}

.head .main{width:100%;height:1.5rem}

.head .logo {

    float: left; width:70%;

    margin: 0px; margin-left:10px;

}



.head .logo img{width:100%}

.head .tel{display:none;float:right}

.head .btn{display:block;float:right;margin-top:5px; margin-right:10px; width:10%; text-align:right; position:relative; z-index:10000}

.head .btn img{ width:100%;}

.head .btn img:first-child{ display:block}

.head .btn img:last-child{  display:none}

.head .mc img:first-child{ display:none}

.head .mc img:last-child{  display:block}



.had_hover{background:rgba(47,110,190，0.8);}

.head-current{position:fixed;top:0;background:rgba(0,0,0,.7)}

.banner .swiper-pagination{bottom:.2rem}

.banner .swiper-pagination span{width:.5rem;height:.08rem;margin:0 .08rem}



.head .nav{width:80%;position:fixed; top:0px;left:-100%; background:#2f6ebe ;z-index:999;height:100%;transition:.3s; }

.head .mnav{ left:0%;transition:.3s;}

.head .nav ul{width:100%;margin:0 auto; padding-top:0.8rem;}

.head .nav ul li{width:100%;position:relative;line-height:.9rem;position:relative;border-bottom:1px solid #fff; overflow:hidden;text-align:center;}

.head .nav ul li a{font-size:.25rem}





.banner{display:none}

.in-banner{display:none}

.mbanner{display:block}

.mbanner img{display:block;width:100%}

.title h4{font-size:.3rem}

.title p{font-size:.22rem;margin-top:0}



.pic_nav ul li{ width:33.33%; height:inherit; line-height:inherit; padding:3% 0; font-size:0.2rem; border:5px #f5f5f5 solid; overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;}



.pic_content ul li{ width:50%; border:5px #f5f5f5 solid; }

.pic_content ul li .picdiv{ margin:0px;}





.product{ padding-top:0px;}

.product .main{width:auto}

.product .swiper-container{margin-top:.4rem}

.product .swiper-pagination{width:6.5rem}

.product .swiper-pagination span{width:3rem;height:.8rem;line-height:.8rem;margin:.05rem .1rem;margin-bottom:.2rem;float:left;font-size:.28rem;display:block;background-size:100% 100%}

.product .swiper-wrapper{margin-top:.3rem}

.product .swiper-slide ul li{width:3.5rem;margin:0;margin-bottom:.2rem}

.product .swiper-slide ul li img{width:100%}

.product .swiper-slide ul li:nth-child(2n){float:right}

.product .swiper-slide ul li p{height:.7rem;line-height:.7rem;font-size:.28rem}

.product .more{margin-top:.3rem;width:3.4rem;height:.8rem;font-size:.3rem;line-height:.8rem;background-size:100% auto}

.adv{width:100%;height:auto;overflow:hidden}

.adv ul li{width:25%;position:relative;height:auto;overflow:hidden}

.adv ul li .bd{position:relative;top:50%;transform:translateY(-50%)}

.adv ul li .tit{display:none}

.adv ul li .pic img{width:100%;display:block}

.adv ul li .intro{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(78,134,199,.7)}

.adv ul li .intro img{display:block;height:.6rem;margin:0 auto}

.adv ul li .intro h4{color:#fff;font-size:.38rem;text-align:center;margin-top:.3rem}

.adv ul li .intro span{color:#fff;font-size:.28rem;display:block;text-align:center;text-transform:uppercase;font-family:Arial;margin-top:.1rem}

.adv ul li .intro p{width:6rem;margin:0 auto;text-align:center;font-size:.28rem;line-height:.46rem;color:#fff;margin-top:.3rem}

.adv .swiper-scrollbar{width:100%;height:.1rem;background:#ccc;border-radius:.1rem;margin-top:.2rem}

.adv .swiper-scrollbar-drag{background:#4e86c7;height:.1rem}



.cases ul li{float:left;width:220px;margin-left:20px;height:auto;overflow:hidden}



.cases ul li p{font-size:.22rem;}



.about{ overflow:hidden;}

.honor_tit{ margin-top:15px;}

.about .pic{width:100%; overflow:hidden; float:inherit;}

.about .intro{width:auto; float:inherit; margin:0px 10px;}

.about .intro h4{font-size:.25rem;margin-top:.4rem;text-align:center}

.about .intro .info{margin:0 auto;margin-top:.3rem; font-size:0.2rem; line-height:0.4rem; height:auto;text-align:justify}

.hor{ margin-top:20px;}





.honor{margin-top:0rem}

.honor .swiper-pagination{display:table;margin:0 auto;margin-top:.1rem}

.honor .swiper-pagination span{display:block;width:.2rem;height:.2rem;background:#ccc;border-radius:50%;float:left;margin:0 .1rem}

.honor .swiper-pagination .swiper-pagination-bullet-active{background:#4e86c7}

.news{margin-top:.6rem}

.news .focus{width:auto; margin:0 auto;float:initial;margin-top:.3rem}

.news .focus ul li p{font-size:.24rem;}

.news .swiper-pagination span{width:.2rem;height:.2rem;margin:0 .08rem}

.news .swiper-pagination{bottom:.35rem;right:.2rem}

.news .list{width:auto}

.news .list ul li{width:48%;margin-bottom:.2rem;padding:.3rem;padding-top:.15rem}

.news .list ul li .tit{border-bottom:.02rem solid #e6e6e6;padding-bottom:.3rem;background-size:auto .3rem}

.news .list ul li .time b{font-size:.6rem;display:block}

.news .list ul li .time p{font-size:.26rem;margin:0}

.news .list ul li .tit{background-position:right .2rem;background-size:auto .26rem}

.news .list ul li .info p{color:#666;font-size:0.2rem;line-height:24px;height:inherit;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:10px;overflow:hidden}

.news .list ul li .info h4{ font-size:0.22rem;}

.news .list ul li .info p{font-size:.2rem;line-height:.4rem;margin-top:.2rem ; }

.news .list ul li .info{margin-top:.2rem}



.youshi{ display:none;}





.anli_lb ul li{ width:50%; border:5px #f5f5f5 solid;}

.anli_lb ul li div{ display: flex;}



.footer{margin-top:30px;min-height:auto;padding-top:30px;padding-bottom:1rem}

.footer .tit{width:3.2rem; display:none;}

.footer .intro{width:auto;margin:0 auto;float:initial}

.footer .tit:after{height:.02rem;width:.4rem;bottom:.14rem}

.footer .tit p{font-size:.3rem}

.footer .tit span{font-size:.26rem;margin-left:.1rem;margin-top:.08rem}

.footer .intro h4{font-size:.36rem;margin-top:.3rem; text-align:center;}

.footer .intro .info{font-size:.2rem;line-height:.4rem;margin-top:.3rem; text-align:center;}

.footer .ewm{display:none}

.fn{width:100%;height:auto;position:fixed;display:block;bottom:0;z-index:100}



.fn ul{ overflow:hidden;}

.fn ul li{float:left;width:25%; border-right:1px #fff solid; box-sizing:border-box;height:auto;background:#006cd8;padding-top:.2rem;padding-bottom:.1rem;text-align:center;position:relative}

.fn ul li:last-child{border:none;}

.fn ul li img{display:block;margin:0 auto; width:20%;}

.fn ul li p{color:#fff;margin-top:.1rem;font-size:.18rem}

.fn ul li div{position:absolute;width:100%;left:0;bottom:80px;display:none;background:#0d64b8}

.fn ul li div ul li{width:100%;float:inherit;height:auto;line-height:30px;border-bottom:1px dashed #ccc;overflow:hidden}

.links{display:none}

.crumbs{width:100%;height:auto; font-size:0.26rem; line-height:0.8rem;}

.crumbs img{height:.3rem;margin-top:.2rem}

.crumbs p{font-size:.28rem;line-height:.8rem}

.crumbs a{font-size:.26rem;line-height:.8rem}

.crumbs a:after{font-size:.26rem;margin-top:0;top:.02rem;right:.08rem}





.tab{margin-top:.4rem}

.tab .main{height:auto;overflow:hidden}

.tab ul{width:6.2rem}

.tab ul li{width:3rem;height:.8rem;line-height:.8rem;margin:0;margin-bottom:.15rem}

.tab ul li:nth-child(2n){float:right}

.tab ul li a{line-height:.8rem;font-size:.28rem}





.img-list .pic ul li{width:50%; border:5px #f5f5f5 solid;}

.img-list .pic ul li div.img-box{ display: flex;;}



.img-list .pic ul li p{height:inherit;line-height:inherit;font-size:.28rem; padding:3% 0;}



.news-list{width:auto;margin:0 auto;margin-top:.5rem}

.news-list ul li{width:48%;margin-bottom:.2rem;padding:.3rem}

.news-list ul li .tit{border-bottom:.02rem solid #e6e6e6;padding-bottom:.3rem}

.news-list ul li .time b{font-size:.6rem;display:block}

.news-list ul li .time p{font-size:.26rem;margin:0}

.news-list ul li .tit{background-size:auto .36rem}

.news-list ul li .info h4{width:100%;font-size:.22rem}

.news-list ul li .info p{font-size:.2rem;line-height:.4rem;margin-top:.2rem;-webkit-line-clamp: 1; height:inherit}

.news-list ul li .info{margin-top:.2rem}

.article-detailed{width:100%;margin:0 auto;padding-bottom:.5rem;margin-top:.4rem}

.article-detailed .main{width:auto}

.article-detailed .tit h4{font-size:.36rem;text-align:center}

.article-detailed .tit p{font-size:.2rem;margin-top:.2rem;width:100%;background:#eee;padding:.1rem 0;text-align:center}

.article-detailed .tit span{display:block;font-size:.18rem;line-height:.3rem;width:100%}

.article-detailed .info{margin-top:.2rem;font-size:.28rem;line-height:.46rem}

.article-detailed .info img{display:block;margin:0 auto;max-width:100%}

.article-detailed .info p{ text-indent:2em;}



.fy{width:auto;margin:.6rem auto;border:.02rem solid #eee;line-height:.7rem}

.fy p{line-height:.7rem;font-size:.24rem;padding:0 .1rem;width:50%;text-align:center;box-sizing:border-box;border-right:.02rem solid #eee}

.fy p:nth-child(2){border:none}

.fy .return{width:100%;box-sizing:border-box;float:initial;text-align:center;float:left;line-height:.7rem;display:block;border-top:.02rem solid #eee}

.page{width:auto;margin:.6rem auto}

.page ul li{height:.6rem;border-radius:.06rem;margin:0 .08rem;line-height:.58rem;font-size:.24rem;padding:0 .2rem;border:.02rem solid #ccc}

.page ul .thisclass{border:.02rem solid #666}

.map{height:5rem;margin-top:.8rem}

.map .allmap{height:5rem}

.title,.cases{ margin-top:20px;}

.honor .swiper-pagination{ display:block; text-align:center;}

.honor .swiper-container{ padding-bottom:30px;}

.honor .swiper-container-horizontal>.swiper-pagination-bullets, .honor .swiper-pagination-custom, .honor .swiper-pagination-fraction{}

.honor .swiper-pagination span{    display: inline-flex;

    width: .2rem;

    height: .2rem;

    background: #ccc;

    border-radius: 50%;

    float: none;

    margin: 0 .1rem;}

	

	.m_ys{ display:block}
.m_ys .swiper-container { padding-bottom:30px;}
	.m_ys .swiper-slide  dl{ overflow:hidden; padding:0 30px;}

	.m_ys .swiper-slide  dl h3{ font-size:0.25rem; color:#0969b6; border-bottom:1px #ccc solid; padding-bottom:10px; margin-bottom:10px;}

	.m_ys .swiper-slide  dl h3 i{ font-size:0.18rem;font-family:Arial, Helvetica, sans-serif;  color:#999; text-transform:uppercase; display:block; font-weight:400; font-style:normal; margin-top:5px;}



	.m_ys .swiper-slide  dl dd{ margin-top:20px; line-height:28px; font-size:0.2rem;}

	.m_ys .swiper-slide  dl dd p{ margin-bottom:10px; color:#333;}

	.m_ys .swiper-slide .m_img img { width:100%;}

	

.m_ys  .swiper-pagination-bullet{ width:30px; height:6px; border-radius:6px;}

	

	.zhibao .cb_logo {

    float:inherit; text-align:center;

    overflow: hidden;

    width: auto;

}

	.zhibao .cb_logo img{ width:70%}

	.zhibao ul {

    float: inherit;

    overflow: hidden;

    width: auto;

}



.pic_content ul li .picdiv p{ font-size:0.25rem;}

.chengnuo ul li {

    width: 48%;     padding: 10px; margin-bottom:15px;

}

.chengnuo ul li div{ width:30%;} 

.chengnuo ul li div img{ width:100%}

.chengnuo ul li span h3{ font-size:0.25rem; margin-top:0.1rem;}

.chengnuo ul li span p{ font-size:0.2rem;}

.honor_tit a {

    overflow: hidden;

    display:block; width:50%; border:10px #f5f5f5 solid; box-sizing:border-box; float:left; padding:3% 0; margin:0px;

    font-size: 0.2rem;



    height:inherit;

    line-height: inherit;

    text-align: center;

    background: #fff;

    

}



.about .more{display:block;width:60%;height:58px;background:#2f6ebe;color:#333;font-size:18px;text-align:center;line-height:58px; margin:40px auto}

.n_banner img:first-child{ display:none; }

.n_banner img:last-child{ display:block; }

}





@media (max-width:750px){

	

	.zhibao ul li span p{ display:none;}

	.zhibao ul li span h3{ font-size:0.23rem;     margin-top: 0.1rem; margin-right:5px;}

	.zhibao ul li dd  { width:30%}

	.zhibao ul li dd img  { width:100%}



.pic_content ul li .picdiv {



    box-shadow: 0 0 0px 0px #fff;

  

}



}

@media (max-width:420px){

.news ul{ margin:0 10px;}

.news .list ul li { float:inherit; width:auto;}

.news-list ul li{ float:inherit; width:auto;}

}