@charset "utf-8";
/* CSS Document */
html{font-family:AlibabaPuHuiTi,'regular Bold','Microsoft YaHei',SimHei;font-size:12px}
b,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;border:0 none}
img,input{border:0;vertical-align:middle}
li,ul{list-style:none;margin:0;padding:0}
form{padding:0;margin:0}
td{FONT-SIZE:12px}
i{font-style:normal}
img{border:0}
a{COLOR:#333;blr:expression(this.onFocus=this.blur());text-decoration:none}
a:focus{outline:0}
textarea{margin:0;padding:0}
input,textarea{outline:0}
a:hover{color:#f00;text-decoration:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}
.content{ width:1300px; margin:0px auto; overflow:hidden;}
.mial{ width:1300px; margin:0px auto;}
@media screen and (min-width:320px){body{font-size:14px}}
.had{ 
 margin:0px auto 0; height:80px; position:fixed; width:100%; border-bottom:1px rgba(255,255,255,0.3) solid; z-index:9;-webkit-transition:all .5s;transition:all .5s;}
.logo{ float:left; margin-top: 17px;}
.logo img:first-child{ display:block;}
.logo img:last-child{ display:none;}
.h_logo{ float:left; margin-top: 17px;}
.h_logo img:first-child{ display:none;}
.h_logo img:last-child{ display:block;}
.nav{ float:right}
.nav ul{ overflow:hidden;}
.nav ul li{ display:inline-block; overflow:hidden; line-height:52px;}
.nav ul li a{color:#fff; margin:0 22px; font-size:18px; position:relative; display:block; line-height:80px}
.nav ul li a:after{ content:""; width:0%; height:2px; background:#ff2717; bottom:0px; left:0px; position:absolute;-webkit-transition:all .5s;transition:all .5s;}
.nav ul li a:hover{ color:#ff2717}
.nav ul li a:hover:after{ content:""; width:100%;-webkit-transition:all .5s;transition:all .5s;}
.hadd{  background:#fff; box-shadow:0 0 5px #ccc ;-webkit-transition:all .5s;transition:all .5s; }
.h_nav ul li a { color:#333;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:30px;display:none}
.sp_nav span{display:block;background:#fff;width:30px;height:4px;position:absolute;left:10px;transition:all ease .35s; border-radius:6px;}
.sp_nav span:nth-of-type(1){top:0}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.m_nav span{ background:#f00}

.banner{ overflow:hidden; position:relative; width:100%; height:100vh}
.banner .swiper-slide img{ width:100%;}

.banner .swiper-slide img{width:100%;height:auto;min-height:100%;	transition:1s linear 2s;transform:scale(1.1,1.1);}
.banner	.swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}	
.banner	 .ban{ width:100%; position:absolute; height:100%; z-index:5; top:0px;display: grid;  align-items: center;  justify-content: center; color:#fff; text-align:center;}
.banner	 .text{ opacity: 0;  transform: translateY(-100px);  transition: opacity 3s ease, transform 3s ease; font-size:100px;}
.banner	 .animated-text { opacity: 0;  transform: translateY(100px);  transition: opacity 3s ease, transform 3s ease; font-size:70px; margin:20px auto 0}
.banner	 .swiper-slide-active .animated-text,
.banner .swiper-slide-active .text {  opacity: 1;transform: translateY(0);}
.banner .swiper-pagination{ bottom:30px;}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; opacity:1; margin:0 7px !important;-webkit-transition:all .5s;transition:all .5s;}
.banner .swiper-pagination-bullet-active{ width:30px; border-radius:6px; background:#f00;-webkit-transition:all .5s;transition:all .5s;}

.title{ text-align:center; margin:60px auto}
.title h3{ font-size:50px; color:#333; font-weight:400;}
.title p{ font-size:18px; color:#666; margin:20px 5%; line-height:30px;  }
.title dd{ text-align:center; margin:30px auto 0}
.title dd a{ border:1px #f00 solid; font-size:18px; display:inline-block; width:160px; text-align:center; height:50px; line-height:50px; border-radius:6px; color:#f00}
.title dd a:hover{ background:#f00; color:#fff;}

.chengnuo{ overflow:hidden; position:relative; padding-bottom:20px;}
.chengnuo .swiper-slide{ overflow:hidden; text-align:center; }
.chengnuo .swiper-slide div{ margin:30px auto;}
.chengnuo .swiper-slide p{ font-size:18px; color:#666; line-height:32px;}
.chengnuo .swiper-slide p span{ display:block;}
.chengnuo .swiper-pagination{ top:auto; bottom:0px; height:5px;}
.chengnuo .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#f00}


.lingyu{ background:url(../images/lingyubj.jpg) no-repeat center top; background-size:100%; padding:40px 0; margin:60px auto 0 }
.lybox { margin:60px auto 0; padding-bottom:60px;}
.lybox .swiper-slide{ background:#fff; width:300px}
.lybox .swiper-slide .lycom { overflow:hidden; padding:20px; text-align:center; box-shadow:0 0 5px #ccc}
.lybox .swiper-slide .lycom div{ margin:40px auto}
.lybox .swiper-slide .lycom h3{ font-size:30px; color:#333;}
.lybox .swiper-slide .lycom h3:after{ content:""; width:50px; height:6px; border-radius:6px; background:#f00; display:block; margin:30px auto}
.lybox .swiper-slide .lycom p{ font-size:18px; color:#666; line-height:34px; margin:0 20px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; height:140px; text-align:center;}
.lybox .swiper-slide .lycom dd{ margin:30px auto}
.lybox .swiper-slide .lycom dd a{ width:140px; border:1px #ff1727 solid; margin:0px auto; display:inline-block; line-height:45px; font-size:18px; color:#ff1727;-webkit-transition:all .5s;transition:all .5s;}
.lybox .swiper-slide .lycom dd a:hover{ background:#ff1727; color:#fff;}
.lybox  .swiper-pagination-bullet{-webkit-transition:all .5s;transition:all .5s;}
.lybox  .swiper-pagination-bullet-active{ width:20px; border-radius:6px; background:#ff1707;-webkit-transition:all .5s;transition:all .5s;}

.ls_tab{ overflow:hidden;}
.ls_tab ul{ text-align:center; overflow:hidden;}
.ls_tab ul li{ margin:0 10px; display:inline-block; overflow:hidden;}
.ls_tab ul li a{ border:1px #ccc solid; display:block; width:150px; line-height:45px; text-align:center; color:#666; font-size:18px;}
.ls_tab ul li a:hover{ border:1px #ff1707 solid; color:#ff1707}
.ls_tab ul li:first-child  a{ border:1px #ff1707 solid; color:#ff1707}
.ls_com{ overflow:hidden; margin:40px auto}
.ls_com ul{ overflow:hidden;}
.ls_com ul li{ overflow:hidden; width:280px; float:left; margin-left:20px;}
.ls_com ul li div{ overflow:hidden;}
.ls_com ul li div img{ -webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.ls_com ul li dl{ overflow:hidden; padding:10px;}
.ls_com ul li dl dd{ overflow:hidden; font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#000; }
.ls_com ul li dl dt{ overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:16px; color:#666; margin:5px auto}
.ls_com ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.ls_com ul li:hover dl dd{ color:#f00}
.ls_com ul li p{ overflow:hidden;}
.ls_com ul li p.ddh{ overflow:hidden; display:none;}
.ls_com ul li p.ddh a{width: 120px;height: 40px;line-height: 40px;border-radius: 6px;    background: #ff2626;    text-align: center;
color: #fff; font-size: 16px; display: block;}


.adv{ overflow:hidden; background:url(../images/adv.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; padding:0px 0 60px}
.advbox .swiper-slide{ overflow:hidden; text-align:center}
.advbox .swiper-slide div{ margin:30px auto;}
.advbox .swiper-slide h3{ font-size:20px; color:#fff;}
.advbox .swiper-slide h3:after{ content:""; width:30px; height:3px; border-radius:6px; background:#fff; display:block; margin:30px auto}
.advbox .swiper-slide p{ font-size:15px; color:#fff; line-height:34px; margin:0 20px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; height:140px; text-align:center;}
.adv .advbox  .swiper-pagination-bullet{-webkit-transition:all .5s;transition:all .5s; background:#fff; opacity:1}
.adv .advbox  .swiper-pagination-bullet-active{ width:20px; border-radius:6px; background:#ff1707;-webkit-transition:all .5s;transition:all .5s;}
.advbox { padding-bottom:10px;}

.adv1 .advbox  .swiper-pagination-bullet{-webkit-transition:all .5s;transition:all .5s; background:#999; opacity:1}
.adv1 .advbox  .swiper-pagination-bullet-active{ width:20px; border-radius:6px; background:#ff1707;-webkit-transition:all .5s;transition:all .5s;}


.news{ overflow:hidden; margin-bottom:40px;}
.news_left{ width:45%; float:left;}
.news_left div{ overflow:hidden; height:390px}
.news_left h3{ font-size:18px; color:#333; margin:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_left p{ font-size:16px; color:#666;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height:60px; line-height:30px; margin:0 10px  }
.news_left div img{ -webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.news_left:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.news_left:hover h3{ color:#f00}





.news_right{ width:52%; float:right;}
.news_right ul{ overflow:hidden;}
.news_right ul li{ overflow:hidden; border:1px #ccc solid; padding:20px; margin-bottom:30px;  -webkit-transition:all .5s;transition:all .5s;}
.news_right ul li dl{ background:#dcdcdc; text-align:center; height:100px; margin-right:10px;; min-width:90px;}
.news_right ul li dl dd{ font-size:40px; margin:10px auto 0px; font-weight:bold;}
.news_right ul li dl dt{ font-size:15px; color:#333;}
.news_right ul li span{ overflow:hidden;}
.news_right ul li span h3{font-size:18px; color:#333; margin:0px 10px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_right ul li span p{ font-size:16px; color:#666;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height:50px; line-height:27px; margin:0 10px  }
.news_right ul li a{display: flex;  align-items: center;  justify-content: center;}

.news_right ul li:hover{ border:1px #f00 solid; -webkit-transition:all .5s;transition:all .5s;}
.news_right ul li:hover dl{ background:#f00; -webkit-transition:all .5s;transition:all .5s;}
.news_right ul li:hover dl dd,.news_right ul li:hover dl dt{ color:#fff; -webkit-transition:all .5s;transition:all .5s;}
.news_right ul li:hover h3{ color:#f00; -webkit-transition:all .5s;transition:all .5s;}

.footer{ background:#2b2b2b; overflow:hidden; padding:40px 0; margin:0px auto 0}
.footer .f_left{ float:left; overflow:hidden; color:#797979; line-height:36px; font-size:16px;}
.footer .f_left span{ color:#F00; font-weight:bold}
.footer .f_nav{ float:left; margin-left:5%}
.footer .f_nav ul{ overflow:hidden;}
.footer .f_nav ul li{ width:33.33%; float:left; overflow:hidden;}
.footer .f_nav ul li a{ color:#797979; line-height:36px; font-size:16px;}
.footer .f_nav ul li a:hover{ color:#fff;}
.footer .f_rwm{ float:right; width:120px; background:#fff ; text-align:center; padding:5px}
.footer .f_rwm img{ width:100%}

.cor{ background:#000; overflow:hidden; font-size:18px; color:#797979; line-height:60px; text-align:center;}



.side{position:fixed;width:60px;right:0;bottom:20%;z-index:10;border:1px solid #ccc;background:#fff;border-bottom:0}
.side ul li{width:60px;height:60px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:18px;text-align:center;transition:all .3s;cursor:pointer;}
.side ul li a{color:#333}
.side ul li:hover{background:#dd0112;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 18px;margin-top:9px;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: #dd0112;}
.side ul li.sideetel .telBox{width:240px; padding-bottom:10px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#dd0112}
.side ul li.sideetel .telBox dd{display:block; 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;font-size:20px; font-weight:bold;}
.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%}


.n_banner{ overflow:hidden; width:100%; position:relative}
.n_banner img{ width:100%;}
.n_banner .ban{ width:100%; position:absolute; height:100%; z-index:5; top:0px;display: grid;  align-items: center;  justify-content: center; color:#fff; text-align:center;}
.n_banner .text{  transition: opacity 3s ease, transform 3s ease; font-size:70px;}
.n_banner .animated-text {  transition: opacity 3s ease, transform 3s ease; font-size:30px; margin:20px auto 0}

.n_title{ text-align:center; margin:60px auto}
.n_title h3{ font-size:50px; color:#333; font-weight:400;}
.n_title p{ font-size:18px; color:#666; margin:20px 0; line-height:30px;  }

.fanwei{ overflow:hidden; margin:30px auto }
.fanwei ul{ overflow:hidden; }
.fanwei ul li{ width:33.33%; float:left; border:10px #fff solid; box-sizing:border-box; overflow:hidden;}
.fanwei ul li div{ overflow:hidden;}
.fanwei ul li div img{ -webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.fanwei ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.fanwei ul li h3{ font-size:20px; color:#333; margin:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:center;}
.fanwei ul li p{ font-size:18px; color:#666;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height:60px; line-height:30px; margin:0 10px  }
.fanwei ul li:hover h3{ color:#f00;-webkit-transition:all .5s;transition:all .5s;}


.gs_news{ overflow:hidden; margin:30px auto }
.gs_news ul{ overflow:hidden; }
.gs_news ul li{ width:33.33%; float:left; border:10px #fff solid; box-sizing:border-box; overflow:hidden;}
.gs_news ul li div{ overflow:hidden;}
.gs_news ul li div img{ -webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.gs_news ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.gs_news ul li h3{ font-size:20px; color:#333; margin:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:left;}
.gs_news ul li p{ font-size:18px; color:#666;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height:60px; line-height:30px; margin:0 10px  }
.gs_news ul li:hover h3{ color:#f00;-webkit-transition:all .5s;transition:all .5s;}




.fenye{overflow:hidden;clear:both;width:100%;text-align:center;margin:40px auto}
.fenye{overflow:hidden;text-align:center}
.fenye ul li{overflow:hidden;width:auto;display:inline-block;min-width:40px;height:40px;line-height:40px;margin:1px 5px;background:#eee;float:none;border:1px #ccc solid}
.fenye ul li.on{background:#f00;color:#fff;border:1px #f00 solid}
.fenye ul li .disabled{width:70px}
.fenye ul li:first-child{width:70px}
.fenye ul li:last-child{width:70px}
.fenye ul li:hover{background:#f00;color:#fff;transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);-webkit-transform:translate(0,0);transition:transform .4s;-moz-transition:transform .4s;-ms-transition:transform .4s;-o-transition:transform .4s;-webkit-transition:transform .4s}
.fenye ul li:hover a{color:#fff}
.fenye ul li a{display:block}
.fenye ul li.on a{color:#fff}

.tanceng{ position:fixed; background:rgba(0,0,0,0.7); width:100%; height:100%; z-index:20; top:0px; left:0px; display: grid;  align-items: center;  justify-content: center; display:none;}
.tanbox{ width:700px; height:600px; border-radius:10px; background:#fff; position:relative}
.tanbox h3{ line-height:60px; border-bottom:1px #ccc solid; font-size:30px; margin:0 15px; font-weight:400;}
.tanbox h3 span{ position:absolute; top:0px; right:15px; cursor: pointer}
.tanbox h3 span img{width: 30px;height: 30px; transition: transform 0.5s;}
.tanbox h3 span:hover img{transform: rotate(180deg);}
.tan_com{ width:auto; overflow-Y:scroll; margin:20px 15px; height:490px; font-size:16px; color:#666; line-height:30px;}
.tan_com::-webkit-scrollbar {width: 3px;}
.tan_com::-webkit-scrollbar-track {background-color: #fff;}
.tan_com::-webkit-scrollbar-thumb {  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
.tan_com img{ max-width:100%; margin:20px auto; display:block}

.mmx{ background:#e6e6e6; line-height:60px; text-align:center;}
.mmx a{ font-size:18px; margin:0 30px; position:relative; display:inline-block}
.mmx a:after{ content:"";  width:0%; height:2px; background:#f00; bottom:0px; position:absolute; left:0px; -webkit-transition:all .5s;transition:all .5s;}
.mmx a:hover{ color:#f00;-webkit-transition:all .5s;transition:all .5s;}
.mmx a:hover:after{ width:100%;-webkit-transition:all .5s;transition:all .5s;}
.mmx a.hover:after{ width:100%;}
.mmx a.hover{ color:#f00}


.lvshi{ overflow:hidden; margin:30px auto 0}
.lvshi ul{ overflow:hidden;}
.lvshi ul li{ width:50%; float:left; border:10px #fff solid; float:left; box-sizing:border-box; overflow:hidden;}
.lvshi ul li .lsbox{ border:1px #ccc solid; padding:15px; overflow:hidden; display: flex;  align-items: center; }
.lvshi ul li .lsbox div{ width:200px; min-width:200px; margin-right:20px; overflow:hidden; float:left}
.lvshi ul li .lsbox div img{ overflow:hidden; -webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.lvshi ul li .lsbox div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.lvshi ul li .lsbox span{ overflow:hidden;}
.lvshi ul li .lsbox span h3{ font-size:18px; font-weight:bold;}
.lvshi ul li .lsbox span h3:after{content:""; width:30px; height:5px; border-radius:6px; display:flow-root; background:#f00; margin:25px 0}
.lvshi ul li .lsbox span dd{ line-height:34px; font-size:16px; color:#666; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lvshi ul li .lsbox span dt{ display:block; overflow:hidden; margin-top:10px;}
.lvshi ul li .lsbox span dt a{ width:120px; height:40px; line-height:40px; border-radius:6px; background:#b2b2b2; text-align:center; color:#fff; font-size:16px; display:block;}
.lvshi ul li .lsbox span dt a:hover{ background:#f00;}
.lvshi ul li .lsbox span dt a:first-child{ display:block;}
.lvshi ul li .lsbox span dt a:last-child{ display:none;}

.combox{ margin:40px auto 0; overflow:hidden;}
.lv_left{ width:30%; float:left; overflow:hidden;}
.lv_left div{ overflow:hidden;}
.lv_left div img{ width:100%}
.lv_left p{ text-align:center; font-size:24px; line-height:60px;}
.lv_left dd{ overflow:hidden;}
.lv_left dd.ddh{ overflow:hidden; display:none; width:100%;}
.lv_left dd.ddh a{width: 250px;height: 40px;line-height: 40px;border-radius: 6px;    background: #ff2626;    text-align: center;
color: #fff; font-size: 16px; display: block; margin:10px auto 0}


.lv_right{ width:67%; float:right; overflow:hidden;}
.lv_txt{ font-size:30px; color:#f00; border-bottom:1px #ccc solid; line-height:60px;}
.lv_con{ font-size:16px; color:#666; background:#f0f0f0; padding:25px; border-radius:6px; margin:30px auto; line-height:34px;}
.lv_com{ overflow:hidden; margin:30px auto}
.lv_com dl{ overflow:hidden;}
.lv_com dl dd{ font-size:16px; line-height:34px; color:#666;}
.lv_content{ font-size:16px; line-height:34px; color:#666; margin:30px auto}

.lvtd{ background:#fdebeb; overflow:hidden; margin:40px auto 0}
.adv1{ overflow:hidden;  padding:0px 0 60px}
.adv1 .swiper-slide h3{ color:#333;}
.adv1 .swiper-slide h3:after{ background:#f00}
.adv1 .swiper-slide p{ color:#666;}

.case{ margin:40px auto 0}
.case ul{ overflow:hidden;}
.case ul li{ overflow:hidden; background:#f1f1f1; padding:20px; margin-bottom:25px;}
.case ul li div{ overflow:hidden; float:left; width:340px; margin-right:20px;}
.case ul li div img{ overflow:hidden; -webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.case ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.case ul li span{ overflow:hidden;}
.case ul li span h3{ font-size:18px; font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#333}
.case ul li span dd{ overflow:hidden; font-size:15px; color:#999; padding:10px 0; margin:15px auto}
.case ul li span dd i{ margin-right:20px; background:url(../images/sj.png) no-repeat center left;  padding:10px 0 10px 25px; list-style:none}
.case ul li span dd i:last-child{ background:url(../images/yl.png) no-repeat center left}
.case ul li p{ font-size:16px; color:#666; line-height:30px; word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height:60px;}
.case ul li dt{ width:150px; height:45px; line-height:45px; text-align:center; background:#a2a2a2; overflow:hidden; margin-top:20px;-webkit-transition:all .5s;transition:all .5s; font-size:18px; color:#fff;}
.case ul li:hover dt{ background:#f00; color:#fff; -webkit-transition:all .5s;transition:all .5s;}
.case ul li span h3:hover{ color:#f00}

.casebox{ margin:0px auto; overflow:hidden;}
.case_left{ width:70%; float:left; overflow:hidden; position:relative; padding:50px 0;}
.case_left:after{ content:""; width:1px; background:#f0f0f0; height:100%; position:absolute; right:0px; top:0px;}
.case_left .case_top{ overflow:hidden; border-bottom:6px #f1f1f1 solid; padding-bottom:10px;  margin-bottom:20px; margin-right:30px;}
.case_left .case_top h3{ font-size:24px; font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#333}
.case_left .case_top dd{ overflow:hidden; font-size:15px; color:#999; padding:10px 0; margin:15px auto}
.case_left .case_top dd i{ margin-right:20px; background:url(../images/sj.png) no-repeat center left;  padding:10px 0 10px 25px; list-style:none}
.case_left .case_top dd i:last-child{ background:url(../images/yl.png) no-repeat center left}
.case_left .case_content{ overflow:hidden; font-size:16px; color:#666; line-height:32px; padding-right:30px;}
.case_left .case_content img{ max-width:100%; display:block; margin:0px auto}
.case_left .case_bottom{ overflow:hidden; border-top:6px #f1f1f1 solid; border-bottom:6px #f1f1f1 solid; margin:30px auto; padding:20px 0 ;margin-right:30px;}
.case_left .c_shang{ font-size:18px; line-height:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case_left .c_xia{ font-size:18px; line-height:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case_right{ width:30%; float:right; position:relative; padding-bottom:50px;}
.case_right:after{ content:""; width:1px; background:#f0f0f0; height:100%; position:absolute; left:-1px; top:0px;}
.case_right .tdbox{ background:#f0f0f0; margin-left:30px; margin-top:40px; position:relative; padding-bottom:10px;}
.case_right .tdbox h4{ font-size:20px; font-weight:bold; line-height:60px; border-bottom:1px #f00 solid; margin:0 20px;}
.case_right .tdbox h4 span{ float:right; font-size:16px; color:#666; font-weight:400;}
.tdlvbox {overflow:hidden; position:relative; margin:40px 70px }
.tdlvbox .swiper-slide div{ overflow:hidden;}
.tdlvbox .swiper-slide div img{ width:100%;}
.tdlvbox .swiper-slide  h3{ text-align:center; font-size:20px; line-height:50px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tdlvbox .swiper-slide  p{ text-align:center; font-size:16px; color:#666; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tdbox .swiper-button-prev{ background:#666; left:20px; z-index:0;}
.tdbox .swiper-button-next{ background:#666; right:20px; z-index:0;}
.tdbox .swiper-button-next:after, .tdbox .swiper-button-prev:after{ color:#fff; font-size:20px;}
.xgnews{ overflow:hidden; margin:0 20px 20px;}
.xgnews ul{ overflow:hidden;}
.xgnews ul li{ line-height:50px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:16px; border-bottom:1px #ccc dashed; background:url(../images/dd.png) no-repeat center left; padding-left:15px; }

.news_lb{ overflow:hidden; margin:40px auto 0}
.news_lb ul{ overflow:hidden;}
.news_lb ul li{ overflow:hidden; background:#f0f0f0; border:10px #fff solid; float:left; box-sizing:border-box; width:50%;}
.news_lb ul li .new{  overflow:hidden; margin:20px;}

.news_lb ul li .new dd{ overflow:hidden; font-size:15px; color:#999; padding:10px 0; margin:1px auto}
.news_lb ul li .new dd i{ margin-right:20px; background:url(../images/sj.png) no-repeat center left;  padding:10px 0 10px 25px; list-style:none}
.news_lb ul li .new dd i:last-child{ background:url(../images/yl.png) no-repeat center left}

.news_lb ul li .new h3{ font-size:18px; font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#333; background:url(../images/dx.png) no-repeat center left; padding-left:25px;-webkit-transition:all .5s;transition:all .5s;}
.news_lb ul li .new p{ overflow:hidden; font-size:16px; color:#666; line-height:30px; word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height:60px;}
.news_lb ul li:hover .new h3{ color:#f00;-webkit-transition:all .5s;transition:all .5s;}


.lxwm{ margin:60px auto; overflow:hidden;}
.lxwm_left{ width:55%; float:left;}
.lxwm_left .zhici{ font-size:24px; font-weight:bold; color:#666; line-height:50px; width:540px}
.lxwm_left ul{  padding-top:20px;}
.lxwm_left ul li{ padding:10px 0; font-size:18px;}
.lxwm_left ul li img{ width:25px; margin-right:8px;}
.lxwm_left ul li span img{ width:120px; vertical-align:text-top}
.lxwm_right{ width:45%; float:right; height:450px;}
.BMap_cpyCtrl,.BMap_stdMpCtrl,.anchorBL{ display:none;}
.liuyanbox{ overflow:hidden; margin:60px auto}
.ly_left{ width:50%; float:left; overflow:hidden;}
.ly_left img{ width:100%;}
.ly_right{ width:48%; float:right;}
.ly_right h3{ font-size:24px; color:#666; border-bottom:3px #ccc solid; padding-bottom:15px;}
.ly_right ul{ margin-top:15px; overflow:hidden;}
.ly_right ul li{ overflow:hidden; font-size:18px; margin-bottom:15px;}
.ly_right ul li input{ width:90%; border:1px #ccc solid; border-radius:6px; line-height:45px;}
.ly_right ul li textarea{ width:90%; border:1px #ccc solid; border-radius:6px; line-height:24px; height:100px;vertical-align: text-top;}
.ly_right ul li:last-child input{ width:150px;  background:#f00; margin-left:50px; color:#fff; font-size:18px; cursor: pointer}
.ly_right ul li:last-child input:last-child{ background:#d2d2d2; color:#333;}

.jieshao{ overflow:hidden;}
.js_left{ width:50%; overflow:hidden; float:left}
.js_left img{ width:100%}
.js_right{ width:48%; float:right; font-size:18px; line-height:32px; color:#666; overflow-Y:scroll; height:460px;}
.js_right::-webkit-scrollbar {width: 3px;}
/*.js_right::-webkit-scrollbar-track {background-color: #ccc;}*/
.js_right::-webkit-scrollbar-thumb {  box-shadow: inset 0 0 6px #ea9998;}

.zhuanye{ overflow:hidden; background:#f2f2f2; margin:60px auto 0; padding-bottom:50px;}
.zybox{ overflow:hidden;}
.zybox ul{ overflow:hidden;}
.zybox ul li{ width:25%; float:left; border:10px #f2f2f2 solid; overflow:hidden; box-sizing:border-box}
.zybox ul li div{ overflow:hidden;}
.zybox ul li div img{ width:100%}
.zybox ul li h3{ font-size:20px; text-align:center; margin:20px auto}
.zybox ul li  p{ font-size:16px; color:#666; line-height:30px; text-align:center; padding:0 15px;}

.js_lstb{ overflow:hidden; background:#ffeae9; padding:30px; font-size:18px; line-height:36px; color:#666; text-align:center; }

.huanjing{ background:url(../images/news_banner.jpg) no-repeat center top; background-size:100%;}

.hjbox{ background:#fff; margin:0px auto; padding:20px; overflow:hidden;  display: flex;  align-items: center;  justify-content: center; box-shadow:0 0 8px #ccc; margin-bottom:15px;}
.hjbox .js_img{ width:50%; float:left; margin-right:30px;}
.hjbox .js_img .swiper-slide img{ width:100%;}
.hjbox span{ font-size:18px; line-height:36px; color:#666;}

.rongyu{ overflow:hidden; margin:10px auto 50px;}
.rongyu ul{ overflow:hidden;}
.rongyu ul li{ width:370px; margin-left:20px; overflow:hidden; float:left;}
.rongyu ul li div{ overflow:hidden;}
.rongyu ul li div img{ width:100%; overflow:hidden;}
.rongyu ul li p{ background:#fe0000; text-align:center; color:#fff; line-height:50px; font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rongyu ul li div img{ overflow:hidden; -webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.rongyu ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}


.lvzx{ overflow:hidden; width:160px; float:left;  background:#ffeae9; padding:20px; }
.lvzx h3{ font-size:24px; font-weight:bold;}
.lvzx ul{ margin:20px auto; overflow:hidden;}
.lvzx ul li{overflow:hidden; margin-bottom:15px;}
.lvzx ul li a{ border:1px #ccc solid; display:block; height:36px; line-height:36px; text-align:center; font-size:18px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.lvzx ul li a:hover{ background:#f00; color:#fff}
.lvzx ul li a.hover{ background:#f00; color:#fff}
.lvzx_content{ width:75%; float:left; overflow:hidden; margin-left:3%}


.menu_list{margin:0px auto; border-top:1px #e1e1e1 solid}
.menu_head{ height:60px;line-height:60px;font-size:18px;color:#525252;cursor:pointer;border-bottom:1px solid #e1e1e1;position:relative;background: url(../images/jt.png) center right no-repeat;margin:0;    background-size: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

	
.menu_list .current{background: url(../images/hjt.png) center right no-repeat;   background-size: 22px; color:#f00}

.menu_body{height:auto;overflow:hidden;line-height:30px; font-size:16px; color:#666; padding:20px; border-bottom:1px #e1e1e1 solid; display:none;}

.hjimg .swiper-pagination{ color:#fff; width:auto; position: absolute; left: auto; right: 15px; }
.hjimg .swiper-pagination-total{color:#fff;}
.hjimg .swiper-pagination-current{ color:#fff; font-size:30px; }


.fn{ display:none;}

.links{margin:0px auto 30px;height:auto;overflow:hidden;border:1px #e1e1e1 solid; position:relative;
width:1300px;}
.links .tit{width:80px;float:left;padding:20px; }
.links ul{height:auto;overflow:hidden; padding:20px 0; }
.links ul a{line-height:25px;color:#666;margin:5px;white-space:nowrap;font-size:16px;}
.links ul a:hover{text-decoration:underline;color:#f00}
.links:after{content:""; position:absolute; left:112px; top:0px; height:100%; width:1px; background:#ebebeb}


@media screen and (max-width:1600px){.content,.mial{width:1400px;}
.hjbox span{ line-height:34px; color:#666;}
}
@media screen and (max-width:1440px){.content,.mial{width:1300px;}
.nav ul li a{ margin:0 20px;}
.lvshi ul li .lsbox span h3:after{ margin:10px 0}

.js_right{ height:460px;}
.js_right{ font-size:16px; line-height:30px;}
.hjbox span{ font-size:16px; line-height:32px; color:#666;}
.lvzx_content{ width:70%;}
}

@media screen and (max-width:1360px){.content,.mial{width:1200px;}

.nav ul li a{ margin:0 15px;}
.banner .text{ font-size:70px;}
.banner .animated-text{ font-size:40px;}
.links{ width:1200px;}
}

@media screen and (max-width:1200px){
.content,.mial{width:auto;}	
.sp_nav{ display:block}	
.banner .text{ font-size:0.4rem;}
.banner{ height:50vh}
.banner .animated-text{ font-size:0.3rem; margin:10px auto 0}
.chengnuo .swiper-slide p span{ display:initial}
.ls_tab ul li{ width:20%; display:block; float:left; margin:0px auto; border:5px #fff solid; box-sizing:border-box;}
.ls_tab1 ul li{ width:20%; display:block; float:left; margin:0px auto; border:5px #fdebeb solid; box-sizing:border-box;}
.ls_tab ul li a{ width:auto;}

.nav{ position:fixed; width:50%; background:#fff; height:100%; right:-100%; top:80px;-webkit-transition:all .5s;transition:all .5s;}
.nav ul li{ display:block; width:100%;  border-bottom:1px #ccc dotted}
.nav ul li a{ color:#333; display:block; line-height:55px;}
.nav_show{ right:0px;-webkit-transition:all .5s;transition:all .5s;}
.clear{ width:100%; position:fixed; top:80px; background:rgba(0,0,0,0.7); height:100%; left:-100%; z-index:8;-webkit-transition:all .5s;transition:all .5s;}
.m_clear{ left:0px;;-webkit-transition:all .5s;transition:all .5s;}
.n_banner img{ width:170%;}
.n_banner .text{  font-size:0.4rem;}
.n_banner .animated-text { font-size:0.25rem;}
.lvshi ul li .lsbox div{ width:280px; }
.adiv1 .advbox .swiper-pagination-bullet{ background:#999;}
.case_left{ width:60%;}
.case_right{ width:40%}
.lvzx{ width:auto; float:inherit; margin-right:30px;}
.lvzx ul li{
    overflow: hidden; width:20%; box-sizing:border-box;
   margin-bottom: 0px;
    float: left;
    border: 5px #ffeae9 solid;}
	
.lvzx_content{ width:auto; float:inherit;margin-right:30px; margin-top:20px;}
.links{ width:auto;}
}
@media screen and (max-width:980px){
	.lvzx ul li{ width:25%;}
	}

@media screen and (max-width:750px){
   
.title h3,.n_title h3{ font-size:0.4rem;}
.title,.n_title{ margin:20px auto}
.title p,.n_title p{ font-size:0.24rem; text-align:center; line-height:0.36rem; margin:10px 15px;}
.title dd a{ width:60%; font-size:0.26rem; height:auto; line-height:inherit; padding:3% 0 }
.side{ display:none;}

.lvzx{ margin-right:0px; margin:0px auto;padding:10px;}
.lvzx ul li { width:33.33%}
.lvzx ul li a{ height:auto; line-height:inherit; padding:3% 0; font-size:0.2rem;}
.lvzx_content{ margin:20px auto }
.lvzx h3{ font-size:0.3rem ; text-align:center;}

.menu_body{  font-size:0.2rem; line-height:0.4rem;}
.menu_head { font-size:0.23rem;}

.chengnuo .swiper-slide div img{ width:1rem;}
.chengnuo .swiper-slide p{ line-height:0.35rem; font-size:0.22rem;}
.lingyu{ margin:25px auto; background-size:cover}
.lybox{ margin: 10px;}
.lybox .swiper-slide .lycom div{ margin:20px auto}
.lybox .swiper-slide .lycom div img{ width:1rem}
.lybox .swiper-slide .lycom h3{ font-size:0.28rem;}
.lybox .swiper-slide .lycom p{ font-size:0.22rem; margin:0px auto; line-height:0.4rem; height:1.5rem}
.lybox .swiper-slide .lycom dd a{ width:80%; height:auto; line-height:inherit; padding:5% 0; font-size:0.2rem;}
.lybox  .swiper-pagination-bullet{ background:#fff; opacity:1}
.lybox .swiper-pagination-bullet-active{ background:#f00}
.ls_tab ul li{ width:33.33%; }
.ls_tab ul li a{font-size:0.25rem; line-height:inherit; padding:5% 0}
.ls_com ul li{ width:180px;}
.adv{ padding-top:20px;}
.advbox .swiper-slide h3{ font-size:0.28rem;}
.advbox .swiper-slide p{ font-size:0.22rem; line-height:0.38rem;}
.ls_com ul li dl dd{ font-size:0.25rem;}
.ls_com ul li dl dt{ font-size:0.2rem;}
.news_left{ width:auto; float:inherit}
.news_left div{ height:inherit}
.news_left h3{ font-size:0.25rem;}
.news_left p{ font-size:0.22rem; height:inherit; line-height:0.4rem;}
.news_right{ width:auto; float:inherit; margin:20px 10px 0}
.news_right ul li span h3{ font-size:0.25rem;}
.news_right ul li span p{ font-size:0.22rem; line-height:0.34rem; height:inherit}
.news_right ul li dl{ width:1rem; height:1.1rem;}
.news_right ul li{ padding:10px; margin-bottom:15px;}
.news_right ul li dl dd{ margin:0.2rem auto 0;}
.footer .f_left{ width:auto; float:inherit; margin:0px 15px; font-size:0.22rem; line-height:0.38rem; text-align:center}
.footer .f_nav{ display:none;}
.footer .f_rwm{ width:120px; margin:30px auto 0 ;text-align:center; float:inherit}
.cor{ font-size:0.22rem;  line-height:0.38rem; padding:5% 0 1rem;}
.fenye ul li{overflow:hidden;width:auto;display:inline-block;min-width:35px;height:35px;line-height:35px;margin:1px 1px;background:#eee;float:none;border:1px #ccc solid}
.fenye ul li.on{background:#f00;color:#fff;border:1px #f00 solid}
.fenye ul li .disabled{width:50px}
.fenye ul li:first-child{width:50px}
.fenye ul li:last-child{width:50px}
.fenye ul li:hover{background:#f00;color:#fff;transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);-webkit-transform:translate(0,0);transition:transform .4s;-moz-transition:transform .4s;-ms-transition:transform .4s;-o-transition:transform .4s;-webkit-transition:transform .4s}
.fenye ul li:hover a{color:#fff}
.fenye ul li a{display:block}
.fenye ul li.on a{color:#fff}
.fanwei ul li{ width:50%; border:5px #fff solid}
.gs_news ul li{ width:50%; border:5px #fff solid}

.n_banner img{ width:230%;}
.fanwei ul li h3{ font-size:0.26rem;}
.fanwei ul li p{ font-size:0.22rem; line-height:0.36rem; height:0.8rem}
.gs_news ul li h3{ font-size:0.26rem;}
.gs_news ul li p{ font-size:0.22rem; line-height:0.36rem; height:0.8rem}



.tanbox{ width:90%; min-width:320px; height:550px;}
.tan_com{ height:450px;}
.tanbox h3{ font-size:0.3rem;}
.tanbox h3 span img{ width:20px; height:20px;}

.lvshi ul li{ width:auto; float:inherit}
.lvshi ul li .lsbox div{ width:90%;min-width:40%;}
.lvshi ul li .lsbox span h3{ font-size:0.26rem;}
.lvshi ul li .lsbox span dd{ font-size:0.22rem; line-height:0.36rem;}
.mmx{ line-height:inherit}
.mmx a{ width:30%; float:left; font-size:0.22rem; border:1px #ccc solid; box-sizing:border-box; margin: 5px; line-height:inherit; padding:3% 0}
.two a{ width:47%;}
.lv_txt{ font-size:0.3rem; margin:20px 10px;}
.lv_con{ font-size:0.22rem; line-height:0.4rem; margin:10px;}
.lv_com{ margin:20px 20px;}
.lv_com dl dd{ font-size:0.22rem ; line-height:0.4rem;}
.lv_content{ font-size:0.22rem ; line-height:0.4rem;margin:10px 20px; }
.case ul li div{ width:45%}
.case ul li span h3{ font-size:0.24rem;}
.case ul li span p{ font-size:0.22rem; line-height:0.38rem; height:auto;}
.case ul li span dt{ display:none;}
.case ul li span dd{ font-size:0.18rem; margin:0.02rem 0;}

.case_left{ width:auto; float:inherit; margin:10px ; padding:10px 0 0; }
.case_right{ width:auto; float:inherit;}
.case_right .tdbox {
    overflow: hidden;
    position: relative;
    margin: 20px 50px;
}
.case_left .case_top h3{ font-size:0.3rem;}
.tdlvbox .swiper-slide h3{ font-size:0.22rem;}
.tdlvbox .swiper-slide p{ font-size:0.2rem;}
.case_left .case_top{ margin:20px auto 0}
.case_left .case_content{ margin:10px auto; padding:0px;}
.case_left .c_shang,.case_left .c_xia{ font-size:0.22rem;}
.case_left .case_bottom{ margin:10px auto; padding:0px;}
.case_right .tdbox{ margin:20px 10px;}
.case_left .case_top dd{ margin:0px auto}
.xgnews ul li{ font-size:0.2rem;}
.news_lb ul li{ width:auto; float:inherit;}
.news_lb ul li .new h3{ font-size:0.25rem;}
.news_lb ul li .new p{ font-size:0.2rem; line-height:0.4rem; height:auto;}
.news_lb ul li .new dd{ font-size:0.18rem;}
.case_left:after{ content:""; display:none;}
.lxwm{ margin:20px auto}
.lxwm_left{width:auto;margin:0 10px;float:inherit;float:inherit}
.lxwm_left .zhici{line-height:.5rem;font-size:.26rem;width:auto}
.lxwm_right{width:auto;float:inherit;margin:0 10px;height:250px}
.ly_left{width:100%;margin:0;overflow:hidden;float:inherit}
.ly_right{width:auto;margin:20px 10px;float:inherit;overflow:hidden}
.ly_right ul li{text-align:center}
.ly_right ul li input{width:90%}
.ly_right ul li textarea{width:90%}
.lxwm_left ul li{font-size:.22rem}

.ly_right ul li input{width:80%}
.ly_right ul li textarea{width:80%}
.ly_right ul li:last-child input{width:50%;margin:0;border:10px #fff solid;box-sizing:border-box;float:left;border-radius:15px}
.ly_right ul li{font-size:.22rem}
.ly_right h3{ font-size:0.26rem;}
.js_left{ width:auto; float:inherit}
.js_right{ width:auto; float:inherit; margin:20px auto 0; height:auto; font-size:0.2rem; line-height:0.38rem;}
.jieshao{ margin:0 20px;}
.zybox ul li{ width:50%;}
.zybox ul li h3{ font-size:0.26rem;}
.zybox ul li p{ font-size:0.2rem; line-height:0.36rem;}
.js_lstb{ font-size:0.2rem; line-height:0.38rem;}
.hjbox .js_img{ width:100%; float:inherit;}
.hjbox span{ width:auto; display:block; margin:10px}
.hjbox{ display:block; margin:15px; padding:10px;}
.huanjing { background-size: 250%;}
.hjbox span{ margin:10px auto}
.rongyu ul li{ width:220px;}
.rongyu ul li p{ font-size:0.2rem;}
.hjbox span{ font-size:0.2rem; line-height:0.36rem;}
.zhuanye{ margin:20px auto}
.lvshi ul li .lsbox span dt a:first-child{ display:none;}
.lvshi ul li .lsbox span dt a:last-child{ display:block;}

.fn{width:100%;overflow:hidden;position:fixed;bottom:0;left:0%;z-index:1; display:block}
.fn ul li{float:left;width:50%;padding:3% 0;background:#1f1f1f}
.fn ul li a{display:flex;justify-content:center;align-items:center}
.fn ul li:last-child{background:#e0231d}
.fn ul li img{display:block;height:.25rem;margin-right:.15rem}
.fn ul li p{color:#fff;font-size:.25rem}
.ls_com ul li p.ddh,.lv_left dd.ddh{  display:block;}
.links ul a{font-size:0.2rem;}
}
@media screen and (max-width:550px){
	.news_right ul li dl dd{  margin:0.1rem auto 0;}
	.n_banner img{ width:270%}
	.b_txt{ margin-top:1rem;}
	.lvshi ul li .lsbox span dt a{ font-size:0.2rem; height:auto; line-height:inherit; padding:5% 0;}
.lv_left{ width:auto; float:inherit; margin:20px }
.lv_left div { width:60%; margin:0px auto}
.lv_right{ width:auto; float:inherit}
.case ul li div{ width:auto; float:inherit; margin:10px auto}
.case ul li span
	}
@media screen and (max-width:450px){	
.lvshi ul li .lsbox { display:block}
	.lvshi ul li .lsbox div{ width:45%}
	.gs_news ul li{ width:auto; float:inherit; margin-bottom:10px;}
	.gs_news ul li p{ height:auto}
}
@media screen and (max-width:420px){
	.news_right ul li dl{  height:1.4rem;}
	
	}