*{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:#0067d0}

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; margin:0px; padding:0px;}}



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

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





.head .logo{float:left}

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

.img-box{overflow:hidden}

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





.nav{  width:100%; height:55px;  background:#0067d0}

.nav ul { width: 1367px; margin: 0px auto; height: 55px; }

.nav ul li { float: left; width: 12.5%; text-align: center; position: relative; line-height: 55px;}

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

.nav ul li:hover { background: #ff0000; }

.nav ul li:hover a{ color: #fff; } 

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



.nav ul ul { position: absolute; display: none; left: 0px; width: auto; top: 55px; background: #0067d0; height: auto; overflow: hidden; z-index: 55; width:100% }

.nav ul ul li { height: 40px; line-height: 40px; width:100%; float:none; }

.nav ul ul li a { font-size: 14px; }





















.banner{width:100%;height:auto;min-height:4rem;background:#eee;overflow:hidden;position:relative}

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



.mbanner{display:none; width:100%; max-width:750px; min-width:320px; margin:0px auto;}



.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:30px;height:10px;background:#eee;display:block;margin:0 3px;border-radius:8px !important; opacity:1}

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



.banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next{ background-image:url(../images/left.png); left:5%}

.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{ background-image:url(../images/right.png); right:5%}











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



.title{ margin-top:50px;}

.title h4{color:#000;font-size:36px;text-align:center}

.title h4 span{ color:#0067d0;}

.title p{display:block;color:#666;font-size:16px;text-align:center;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:#0067d0 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}







.fll{ overflow:hidden; background:#f5f5f5; padding-bottom:50px;}



.wary_left{ width:250px; float:left; overflow:hidden;}



.title1{overflow:hidden;background:#0067d0;font-size:36px;color:#fff;font-weight:700;text-align:center;padding:15px 0 15px ;}

.title1 p{color:#fff;text-transform:uppercase;font-size:13px;font-weight:400}



.wary_right{ width:1100px; float:right; overflow:hidden;}

.pic_muen{ margin-top:10px;}







.menu_list{  overflow:hidden;   background:#fff; padding:0px  0px; min-height:950px;}

.menu_list ul li{ height:55px; line-height:55px; font-size:18px;  border-bottom:1px #ccc solid ; padding:0 25px; }

.menu_list ul li a{color:#333;}

.menu_list ul li a:hover{color:#0067d0;}

.menu_head{color:#fff;cursor:pointer;padding-left:30px; background:url(../images/navjt.png) no-repeat center right 20px;  }

.menu_list h3{ color:#997e76; margin:15px 5px 0; text-align:left; font-size:18px; font-weight:400;  margin-bottom:4px;  }

.menu_list .current{ overflow:hidden; color:#333; background:url(../images/navjt1.png) no-repeat center right 20px}



.menu_list .current a{color:#0067d0}

.menu_body{overflow:hidden;   border-top:none; padding:2% 0; border-bottom:1px #ccc solid; display:none;}

.menu_body  dd{ display:block; overflow:hidden;}

.menu_body a{color:#333; display: block; text-align:left;  overflow:hidden;  box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; padding-left:10px; -moz-transition:all .5s; height:35px; line-height:35px; font-size:16px; padding-left:40px; background:url(../images/mjt.png) no-repeat center left 30px;}

.menu_body a:hover{ -webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; color:#0067d0; background:url(../images/mjt1.png) no-repeat center left 30px;}





.menu_list_nav{  overflow:hidden;   background:#fff; padding:0px  0px 50px; min-height:inherit;}





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

.pic ul{ overflow:hidden;}

.pic ul li{float:left;width:33.33%; border:10px #f5f5f5 solid;transition:.5s; box-sizing:border-box;height:auto;overflow:hidden;}

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

.pic 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:#0067d0 url(../images/icon01.png) no-repeat 35px center}

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

.pic ul li .img-box{position:relative}



.pic 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}

 .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}



.pic ul li:hover p{background:#0067d0;color:#fff}

.pic ul li:hover .bg{opacity:1}







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

.pic_lb ul{ overflow:hidden;}

.pic_lb ul li{float:left;width:25%; border:10px #f5f5f5 solid;transition:.5s; box-sizing:border-box;height:auto;overflow:hidden;}

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

.pic_lb 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:#0067d0 url(../images/icon01.png) no-repeat 35px center}

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

.pic_lb ul li .img-box{position:relative}



.pic_lb 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}



.pic_lb ul li:hover p{background:#0067d0;color:#fff}

.pic_lb ul li:hover .bg{opacity:1}

















 .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}



.more:hover{color:#fff;background:#1e50ae ;}

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

.more a{ color:#666;}





.content{ margin:0px auto; width:1367px; overflow:hidden;}







.w60{ margin:30px auto}





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

.n_banner img{ width:100%;}



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

.pic_nav ul{overflow:hidden; text-align:center;}

.pic_nav ul li{width:20%; display:inline-block;border:10px #f5f5f5 solid;background:#fff;text-align:center;color:#333;line-height:45px;color:#666;box-sizing:border-box}

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

.pic_nav ul li:hover{color:#fff;background:#0067d0}

.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;}

.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:#0067d0 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:16px;white-space:nowrap;overflow:hidden;background:#fff;text-align:center;text-overflow:ellipsis}

.pic_content ul li .picdiv:hover{box-shadow:0 0 8px 2px #0000003b}

.pic_content ul li .picdiv:hover p{background:#0067d0;color:#fff}

.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:none;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:#0067d0;}

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



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

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

.ys_top img{ width:100%}

.ys_com{ width:1367px; margin:0px auto; overflow:hidden;}

.ys .swiper-container{ overflow:hidden;}

.ys .swiper-slide{ overflow:hidden;}

.ys .swiper-slide .swi_left{ width:48%; float:left; overflow:hidden;} 

.ys .swiper-slide .swi_left img{ width:100%} 

.ys .swiper-slide .swi_right{ width:48%; overflow:hidden; float:right;}

.ys .swiper-slide .swi_right .swi_p{ overflow:hidden; margin-top:65px;}

.ys .swiper-slide .swi_right .swi_p h3{ overflow:hidden; font-size:30px; color:#0067d0;}

.ys .swiper-slide .swi_right .swi_p h3 b{ padding-bottom:20px; line-height:30px}

.ys .swiper-slide .swi_right .swi_p h3 b i{ font-size:15px; color:#666; text-transform:uppercase; font-weight:400;  display:block; font-style:normal;}





.ys .swiper-slide .swi_right .swi_p h3 span{ font-size:36px; background:#0067da;width:70px; background-size:100%; color:#fff; font-weight:bold; display:block; float:left; height:70px; line-height:70px; text-align:center; margin-right:10px;}



.ys .swiper-slide .swi_right .swi_p  p{ font-size:16px; color:#555; line-height:32px; padding-left:85px; margin-top:15px;}

.ys .swiper-slide:nth-child(1) .swi_left{ float:right;}

.ys .swiper-slide:nth-child(1) .swi_right{ float:left;}



.ys .swiper-slide:nth-child(3) .swi_left{ float:right;}

.ys .swiper-slide:nth-child(3) .swi_right{ float:left;}



.ys .swiper-slide:nth-child(2){ background:url(../images/ysimgbj1.jpg) no-repeat center top; overflow:hidden;}

.ys .swiper-slide:nth-child(4){ background:url(../images/ysimgbj2.jpg) no-repeat center top; overflow:hidden;}

.ys .swiper-slide:nth-child(2) .ys_com,.ys .swiper-slide:nth-child(4) .ys_com{ padding:60px 0;}







.ys .swiper-pagination ,.lingyu .swiper-pagination{ display:none;}



.xbanner{ width:100%; overflow:hidden; margin:50px auto 0; height:200px; position:relative; max-width:1920px; }

.xbanner img{  position:absolute; left:50%; height:200px; margin-left:-960px;}



.xbanner .xban{ position:absolute; width:100%; overflow:hidden;}

.xbanner .xban div{ width:1367px; margin:0px auto;}

.xbanner .xban div p{ font-size:40px; line-height:37px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:right; margin-top:70px; background:url(../images/tel.png) no-repeat center left; padding-left:85px;}







.mxbanner{ width:100%; overflow:hidden; margin:0px auto; display:none}

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



.w100{ margin:100px auto;}

.w50{ margin:50px auto 0;}





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

.ys_top img:last-child{ 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;}

.about .main{display:flex;justify-content:space-between;align-items:center}

.about .intro{float:left;width:49%}

.about .intro h4{color:#0067d0;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:#0067d0 ;margin-top:40px;color:#fff;font-size:18px;text-align:center;line-height:58px; float:left;}

.about .more:hover{background:#0067d0;color:#fff;}

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





.honor{width:100%;height:auto;overflow:hidden;position:relative}

.honor .main{position:relative; margin:30px auto 0; }

.honor ul li{ background:#f5f5f5; border:8px #fff solid; box-sizing:border-box; float:left; width:25%; padding:50px 0 70px; position:relative }

.honor ul li h4{ font-size:36px; text-align:center; color:#666;  font-weight:400; position:relative; z-index:5;transition:.3s; }

.honor ul li div{ width:140px; margin:15px auto;position:relative; z-index:5;transition:.3s; }

.honor ul li h3{ font-size:20px; font-weight:bold; color:#0067d0; text-align:center; position:relative; z-index:5;transition:.3s; }

.honor ul li h3:before{ content:"—"; color:#0067d0 ; font-weight:bold; display:block; margin-bottom:10px; position:relative; z-index:5;transition:.3s; }

.honor ul li:after{ content:""; background:#0067d0; width:100%; height:0%; bottom:-100%; position:absolute; z-index:2;transition:.3s;}

.honor ul li:hover:after{ bottom:0px;transition:.3s; height:100%;}

.honor ul li:hover h4,.honor ul li:hover h3,.honor ul li:hover h3:before{ color:#fff;transition:.3s; }



.lingyu{ background:url(../images/lingyu.png) no-repeat center center; background-size:cover; background-attachment:fixed; padding:20px 0 80px }

.lingyu .swiper-slide{ background:#fff;}

.lingyu .swiper-slide div{ overflow:hidden; }

.lingyu .swiper-slide div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.lingyu .swiper-slide div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.lingyu .swiper-slide dl{ padding:30px;}

.lingyu .swiper-slide dl dd{ font-size:26px; text-align:center; color:#333; font-weight:bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding:0 20px;}

.lingyu .swiper-slide dl dd:after{content:"——"; letter-spacing:-2px; color:#0067d0; font-weight:bold; display:block;} 

.lingyu .swiper-slide dl dt{ font-size:15px; line-height:25px; color:#666; height:100px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}







.liucheng{ overflow:hidden; margin-top:50px;}

.liucheng ul li{ overflow:hidden; width:21%; float:left;}

.liucheng ul li div{ width:180px; margin:0px auto; overflow:hidden;}

.liucheng ul li div img{ width:100%;}

.liucheng ul li p{ font-size:16px; color:#333; line-height:30px; overflow:hidden; text-align:center; padding:25px;}

.liucheng ul li:nth-child(2n){ width:5%}













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

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

.news .focus ul li{width:100%;height:auto;overflow:hidden;position:relative}

.news .focus ul li 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(16,82,178,.8)}

.news .focus ul li 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%; opacity:1}

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

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

.news .focus ul li p b{ float:right;}





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

.news .list ul li{width:50%;height:auto;overflow:hidden;border:5px solid #fff;box-sizing:border-box; float:left}

.news .list ul li a{ border:1px #ccc solid; display:block; padding:30px 20px;}

.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:#0067d0;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:#0067d0}







.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:#1052b2; 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:#fff}

.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 #ccc; 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:60px;overflow:hidden}

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

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

 .links ul a: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 a{color:#fff;font-size:14px;display:block}

 

 

.fn{display:none}



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



.crum{ width:1360px; margin:0px auto; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; background:url(../images/crumbs.png) no-repeat center left; padding-left:20px;}



.crumbs span{color:#333;font-size:14px;line-height:50px;}



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



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



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







.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 .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}

.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:#0067d0;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:#0067d0;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:60px 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%; }





.fst{ width:40px; height:30px; position:fixed; bottom:15%; right:0px; display:none; z-index:999; background:#ff0000; padding-top:10px; border-radius:8px; text-align:center;}

.fst img{ width:70%}









.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:555;border:1px solid #ccc;background:#fff;border-bottom:0}

.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #ccc;color:#666;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer;}

.side ul li a{color:#666}

.side ul li:hover{background:#0067d0;color:#fff}

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

.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}

.side ul li i.bgs1{background-image:url(../images/ios01.png)}

.side ul li i.bgs2{background-image:url(../images/ios02.png)}

.side ul li i.bgs3{background-image:url(../images/ios03.png)}



.side ul li i.bgs6{background-image:url(../images/ios03.png)}



.side ul li:hover i.bgs1{background-image:url(../images/icon11.png)}

.side ul li:hover i.bgs2{background-image:url(../images/icon22.png)}

.side ul li:hover i.bgs6{background-image:url(../images/icon33.png)}





.side ul li.sideetel:hover .telBox{display:block}

.side ul li.sideewm:hover .ewBox{display:block}

.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}





.side ul li.sideewm .ewBox{width: 130px;

    display: none;

    color: #363636;

    text-align: center;

    padding: 10px;

    position: absolute;

    left: -152px;

    top: -75px;

    background-repeat: no-repeat;

    background-position: center center;

    border: 1px solid #e0e0e0;

    background: #0067d0;}

.side ul li.sideetel .telBox{width:240px;height:78px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#0067d0}

.side ul li.sideetel .telBox dd{display:block;height:100px;overflow:hidden;padding-left:82px;line-height:20px;font-size:18px;padding-top:14px}

.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:11px;font-size:18px}

.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#0a8ada}

.side ul li.sideetel .telBox dd.bgs2{background:url(../images/icon11.png) 28px 19px no-repeat;background-size:15%}

.side ul li.sideewm .ewBox img{width:100%}









.article-detailed .info p{ text-indent:2em; color:#555; line-height:30px;}

.article-detailed .tit span{margin:0 5px; color:#666;}













@media (min-width:1200px){.article-detailed{margin:0 auto;margin-top:40px; margin-bottom:40px;}

.article-detailed .tit{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #f5f4f4}

.article-detailed .tit h4{font-size:22px;text-align:center;color:#333}

.article-detailed .tit p{text-align:center;color:#999;font-size:13px;text-align:center;line-height:40px;border-bottom:1px solid #ccc;margin-top:20px;background:#eee}

.article-detailed .tit span{margin:0 5px}

.article-detailed .info{width:100%;height:auto;overflow:hidden;margin-top:20px;color:#333;font-size:16px;line-height:35px}



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

.map{width:100%;height:500px;margin-top:30px;position:relative}

.map .allmap{width:100%;height:500px}

.map:after{content:"";width:10%;height:100%;right:0;top:0;position:absolute;z-index:1}

.map:before{content:"";width:10%;height:100%;left:0;top:0;position:absolute;z-index:1}

}





@media screen and (max-width:1440px){

	.main{ width:1300px;}

	.head .nav ul li{ width:90px}



.news .focus{ width:43%;}

	



}

@media screen and (max-width:1367px){

	.content,.nav ul,.ys_com{ width:auto; margin:0 2%}

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

	.w100{ margin-top:30px;}

	.xbanner .xban div{ width:1330px;}

	.xbanner .xban div p{ font-size:35px;}

	.wary_right {

    width: 80%;

    float: right;

    overflow: hidden;

}

.wary_left {

    width: 19%;

    float: left;

    overflow: hidden;

}

.menu_body a{ height:32px; line-height:32px;}

.ys .swiper-slide .swi_right .swi_p h3{ font-size:28px;}

.xbanner .xban div{ width:auto}
.menu_list{ min-height:910px;}

}

@media screen and (max-width:1320px){

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

.crum{width:1200px}

.head .nav ul li{ width:73px}



.head .btn{display:none}

.product .main{width:1200px}

.product .swiper-slide ul li{width:377px}



.fy{width:1200px}

.page{width:1200px}

.w50 { width:auto; margin:30px 1%}



}





@media (min-width:1200px){



.head .btn{display:none}

.head .tel{ float:right;  font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#0067d0; background:url(../images/hot.png) no-repeat center left; line-height:24px; padding:0px 0 2px 185px;}



.head-current{background:rgba(0,0,0,.4)}

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

.img-box:hover img{transform:scale(1.05)}

.product .swiper-slide ul li:hover{box-shadow:0 0 8px 2px #0000003b}

.product .swiper-slide ul li:hover p{background:#0067d0;color:#fff}

.product .swiper-slide ul li:hover .bg{opacity:1}





.tab ul li:hover{background:url(../images/bg02.png) no-repeat right center}

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

.article-detailed .tab ul li:hover{background:#0067d0}

.news-list ul li:hover{box-shadow:0 0 5px 3px #cbc5c547}

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

.adv ul{width:100%;display:flex;justify-content:space-between;align-items:flex-start;overflow:hidden}

.adv ul li{float:left;width:25%;height:auto;position:relative;transition:.5s;overflow:hidden;flex-shrink:initial}

.adv ul li:after{content:"";width:22px;height:22px;position:absolute;left:5%;bottom:5%;background:url(../images/icon02.png) no-repeat center}

.adv ul li .pic{width:100%}

.adv ul li .pic img{display:block;height:530px}

.adv ul li:hover{width:640px!important;position:relative;z-index:1}

.adv ul li .intro{width:100%;height:100%;position:absolute;left:0;top:0;padding:5%;transition:.2s;box-sizing:border-box}

.adv ul li .intro .bd img{display:block;margin:0 auto;opacity:0;transition:.4s;transform:translateY(30px)}

.adv ul li .bd{transition:.5s;width:400px;margin:0 auto;top:50%;transform:translateY(-50%);position:relative}

.adv ul li .tit{position:absolute;left:5%;top:5%;transition:.5s}

.adv ul li h4{color:#fff;font-size:22px}

.adv ul li span{color:#fff;font-size:14px;margin-top:2px;display:block;font-family:Arial}

.adv ul li:hover .tit{opacity:0;top:10%}

.adv ul li:hover .intro{background:rgba(58,112,179,.8)}

.adv ul li .bd h4{text-align:center;margin-top:20px;font-size:30px;opacity:0;transition:.6s;animation-delay:.8s;transform:translateY(30px)}

.adv ul li .bd span{text-align:center;text-transform:uppercase;font-size:18px;transform:translateY(30px);margin-top:5px;opacity:0;transition:.8s}

.adv ul li .bd p{color:#fff;font-size:16px;line-height:30px;text-align:center;transform:translateY(30px);margin-top:30px;opacity:0;transition:.9s}

.adv ul li:hover .bd img{opacity:1;transform:translateY(0)}

.adv ul li:hover .bd h4{opacity:1;animation-delay:.8s;transform:translateY(0)}

.adv ul li:hover .bd span{opacity:1;transform:translateY(0)}

.adv ul li:hover .bd p{opacity:1;transform:translateY(0)}

.adv ul li:hover:after{width:0;height:0;overflow:hidden}

}

@media screen and (max-width:1199px){
.gengduo{ display:block}
.main{width:auto; margin:0px auto; max-width:750px; min-width:320px; }

.content ,.fll{

    width: auto;

    margin: 0% auto;max-width:750px; min-width:320px; 

}



.head{background:none;box-sizing:border-box;height:1rem;width:100%;z-index:1000;transition:1s; }





.head .main{width:100%;height:1rem; max-width:750px; min-width:320px;}

.head .logo img{width:4rem;margin-left:.2rem}

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

.head:hover{background:none}

.head .btn{display:block;float:right;margin-right:.2rem;width:.5rem;height:.6rem;background:url(../images/btn.png) no-repeat center;background-size:100% auto}



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





.nav{width:100%; height:inherit ;position:fixed;top:1rem;background:#333;z-index:1000;width:100%;height:100%;display:none; max-width:750px; min-width:320px; overflow:hidden; }

 .nav ul{width:auto;margin:0 auto}

 .nav ul li{width:100%;position:relative;line-height:50px;position:relative;border-bottom:.02rem solid #444; height:50px; overflow:hidden; text-align:center;}

.nav ul li a{font-size:18px;}





 .nav ul li .current{transform:rotate(0);}

 .nav ul li dl{width:90%;margin-left:5%;height:auto;display:none;overflow:hidden}

 .nav ul li dl dd{height:.5rem;line-height:.5rem;margin-bottom:.15rem}

.nav ul li dd a{display:block;font-size:.32rem}

 .nav ul li:after{content:"";width:100%;height:.02rem;position:absolute;left:0;bottom:0;background:#111}

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



.banner{display:none}

.in-banner{display:none}

.mbanner{display:block}

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

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

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

.title1{ font-size:0.3rem; margin:0 15px;}

.title1 p{ display:none;}

.pic_nav{ margin:10px auto;}

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

white-space: nowrap; float:left; display:block;

text-overflow: ellipsis; margin:0px;}



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

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



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

.crum{ width:auto; max-width:750px; margin:0px auto ; border-bottom:1px #ccc solid;}





.product{ padding-top:0px;}

.product .main{width:7.3rem}

.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{}

.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; opacity:1; margin-left:-5px;}

.adv .swiper-scrollbar-drag{background:#0067d0;height:.1rem}



.adv .swiper-container{ padding-bottom:9px;}



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



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



.about{margin-top:.6rem;padding:0}

.about .main{display:flex;flex-direction:column-reverse}

.about .pic{width:100%}

.about .intro{width:100%}

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

.about .intro .info{ width:auto;margin:0 auto;margin-top:.3rem;height:auto;text-align:justify; font-size:0.2rem; line-height:0.35rem; padding:0 15px; color:#666;}

.about .more{margin:0 auto;margin-top:.4rem;width:3.4rem;height:.8rem;margin-bottom:.4rem;font-size:.2rem;line-height:.8rem;background-size:100% auto; float:none;}

.honor{margin-top:0rem}

.honor .main{position:relative; margin:30px auto 0; width:100%; overflow-Y:scroll}

.honor ul { width:1000px;}



.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:#0067d0}

.news{ overflow:hidden;}







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

.news .focus ul li p{font-size:.2rem;height:1rem;line-height:1rem}

.news .focus ul li p b{ display:none}

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

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

.news .list{width:auto; float:none}





.news .list ul li .tit {

    width: auto; float:left;

    height: auto;

    overflow: hidden;

    padding-bottom: 15px;

    background: none;

    border-bottom: none; margin-right:20px;text-align:center;

}

.news .list ul li .time b{ font-size:0.45rem; text-align:center;}

.news .list ul li .time p{ font-size:0.16rem;}

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

.news .list ul li .info{width:auto;height:auto;overflow:hidden; margin:0px;}



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

    float: none; width:auto; float:inherit

}



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

.news .list ul li .info p{ font-size:0.2rem; line-height:.35rem; height:inherit;}



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

    width: auto;

    left: inherit;

    right: 20px;

    bottom: 27px;

}



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

.anli_lb ul li div{ display: flex;}





.footer{min-height:auto;padding-top:.6rem;padding-bottom:2rem; background-size:cover; max-width:750px; min-width:320px; margin:30px auto 0;}

.footer .tit{  width: 2.5rem;}

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

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

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

.footer .tit span{font-size:.2rem;margin-left:.1rem; margin-top:0px;}

.footer .intro h4{font-size:.3rem;margin-top:.3rem}

.footer .intro .info{font-size:.2rem;line-height:.42rem;margin-top:.3rem; }

.footer .ewm{ float:left; margin-top:30px; margin-left:15px;}



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



.fn ul{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:nowrap; max-width:750px; margin:0px auto;}



.fn ul li{float:left;width:25%;background:#ff0000; text-align:center; position:relative;  border-right:2px #0067d0 solid; box-sizing:border-box; padding:2% 0}



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



.fn ul li img{display:block;margin:0 auto;height:.4rem}

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

.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:auto; margin:0px;overflow:hidden; border-bottom:none; padding:0 5px;}



.crumbs a{ font-size:14px;}





.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}



.fst{ display:block;}

.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;}

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



.pic_lb ul li p{height:inherit;line-height:inherit;font-size:.2rem; padding:3% 0;}

.pic_lb ul li .bg{ display:none}





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



.news-list ul{ margin:0 10px}

.news-list ul li{ padding:10px 20px}

.news-list ul li .tit {

    width: auto; float:left;

    height: auto;

    overflow: hidden;

    padding-bottom: 15px;

    background: none;

    border-bottom: none; margin-right:20px;text-align:center;

}

.news-list ul li .time b{ font-size:0.45rem; text-align:center;}

.news-list ul li .time p{ font-size:0.16rem;}

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

.news-list ul li .info{width:auto;height:auto;overflow:hidden; margin:0px;}







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

.news-list ul li .info p{ font-size:0.2rem; line-height:.35rem; height:inherit;}











.article-detailed{width:auto; padding:0 15px;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;width:100%}

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

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

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

.fy p{line-height:.7rem;font-size:.2rem;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; font-size:0.2rem;}

.fy a.return{ font-size:0.2rem;}

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



.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;}

	.anli_lb {

    overflow: hidden;

    margin: 20px auto 0;

}

.wary_left {

    width: auto;

    float: none;

    overflow: hidden;

}

.wary_right {

    width: auto;

    float: none;

    overflow: hidden; margin-top:20px;

}

.firstpane{ display:none;}

.pic ul li{ width:50%;}

.pic ul li .bg{ display:none;}

.pic ul li:nth-child(n+7){ display:none;}

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

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

.xbanner{ display:none;}

.mxbanner{ display:block}



.ys .swiper-slide .swi_left{ width:auto; float:none; overflow:hidden;} 

.ys .swiper-slide:nth-child(1) .swi_left{ float:none;}

.ys .swiper-slide .swi_left img{ width:100%} 

.ys .swiper-slide .swi_right{ width:auto; overflow:hidden; float:none;}

.ys .swiper-pagination ,.lingyu .swiper-pagination{ display:block;}

.ys .swiper-container{ padding-bottom:50px;}



.ys_top,.mxbanner,.about,.lingyu,.news{ max-width:750px; min-width:320px; margin:0px auto;}

.menu_body{ display:none;}

.menu_list{ min-height:inherit;}



.ys .swiper-slide .swi_right .swi_p h3{ font-size:0.22rem; line-height:0.4rem;     overflow: hidden;padding-bottom: 10px;}

.ys .swiper-slide .swi_right .swi_p h3 span{ width:.6rem; height:.6rem; line-height:.6rem; font-size:0.4rem;}

.ys .swiper-slide .swi_right .swi_p p {

    font-size: 0.2rem;

    color: #555;

    line-height:.35rem;;

    padding-left: 0rem;

    margin-top: 0px;

}

.w100 {

    margin-top: 30px;

}

.side{ display:none;}

.n_banner{ max-width:750px; margin:0px auto;}

.n_banner img{ width:200%;}

.ys .swiper-container{ margin:0 10px;}

.lingyu .swiper-container{ margin:50px 10px 0; padding-bottom:50px;}

.lingyu{ padding-bottom:20px;}

.cases{ margin-bottom:20px;}

.menu_list ul li{ font-size:0.2rem;}

.menu_body a{     font-size: 0.2rem;

    width: 50%;

    float: left;

    margin: 2% 0;

} 

.menu_list .current{ background:#c8ddfd url(../images/navjt1.png) no-repeat center right 20px;}

.menu_list{ margin:17px;}



.ys .swiper-slide .swi_right .swi_p h3 b i{ font-size:0.16rem;  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.w50 { width:auto; margin:30px 1%}

.ys .swiper-slide .swi_right .swi_p h3 b {

    padding-bottom: 0;

    line-height: 14px;

}

.ys .swiper-slide:nth-child(2) .ys_com,.ys .swiper-slide:nth-child(4) .ys_com{ padding:0px 0; background:none;}

.ys .swiper-slide:nth-child(2),.ys .swiper-slide:nth-child(4){background:none;}

.liucheng{ overflow-x:scroll;}

.liucheng ul{ width:16rem;}

}