*{margin: 0;padding: 0;}
#banner img {width: 100%;}
body{font-size:16px;}
.BMap_Marker{background:url (../images/map.png) !important;}
table{ word-break: break-all; font-size:16px!important;line-height:32px;}
.nav0{position: absolute;z-index: 100;width: 100%;}
.nav{position: relative;z-index: 10;height: 74px;line-height: 74px;padding-top: 20px;}
.logo{width:25%;text-align:center;float: left;margin-top: 25px;}
.logo img{max-width: 100%;}
.header1{width: 50%;float: left;}
.nav li{width: 16.66%;float: left;text-align: center;font-size: 18px;}
.nav1{width: 80%;margin: 0 auto;}
.nav a{display:block;}
.tel{float: left;width: 25%;text-align: center;margin-top: 20px;}
.tel img{max-width: 100%;}
.bg1{background-image: url(../images/bg1.jpg);height: 70px;line-height: 70px;color: #fff;}
.bg1 span{font-size: 20px; font-weight: bold;}
.bg1 a{color: #fff; font-size: 16px;}
.c{clear: both;}
.clearfix {
    display: block;
}
.wid80{width: 80%;margin: 0 auto;}
.wrap {
    width: 80%;
    margin: 0 auto;
}
/* .bg2{position: absolute;z-index: -10;max-width: 100%;} */
.mo1{max-width: 100%; background: url(../images/bg2.jpg); height: 1050px;}
.index_ab {
    background: url(../images/aboutbg.jpg) no-repeat;
}
.header{display:none;}
.index_abl {
    width: 50%;
    float: left;
    padding: 50px 0;
}
.inab_1 {
    line-height: normal;
    font-size: 54px;
    color: rgba(28, 50, 126, 1);
    padding-top: 0px;
    font-weight: bold;
}
.inab_2 {
    line-height: normal;
    font-size: 42px;
    color: rgba(54, 54, 54, 1);
    padding-top: 0px;
    font-weight: bold;
}
.inab_3 {
    font-size: 16px;
    padding: 30px 50px 30px 0;
    line-height: 30px;
}
.index_abl .desc {
    width: 85%;
    color: #666666;
    margin: 40px 0 36px 0;
    line-height: 1.8;
    height: 270px;
    overflow-y: scroll;
    padding: 0 20px 0 0;
}
.index_abl .desc p {
    text-indent: 2rem;
    padding-bottom: 5px;
    margin-top: 0;
}
.index_abl {
    width: 50%;
    float: left;
    padding: 50px 0;
}
.demo {
    background: url(../images/bj2.jpg) no-repeat;
    padding: 30px 0;
}
.demo #demo01 {
    width: 25%;
    text-align: center;
    float: left;
    animation: 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms 1 normal both running sares-animation-move-right;
}
span.counter {
    font-size: 60px;
    font-family: Impact, sans-serif;
    font-weight: bold;
    color: #ffffff;
    line-height: initial;
}
span.jb {
    font-size: 20px;
    font-family: "Microsoft YaHei";
    font-weight: normal;
    color: #fff;
    padding-left: 10px;
}
span.jieshao {
    font-size: 16px;
    color: #fff;
}
.demo #demo02 {
    width: 25%;
    text-align: center;
    float: left;
    animation: 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 300ms 1 normal both running sares-animation-move-right;
}
.demo #demo03 {
    width: 25%;
    text-align: center;
    float: left;
    animation: 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 600ms 1 normal both running sares-animation-move-right;
}

.demo #demo04 {
    width: 25%;
    text-align: center;
    float: left;
    animation: 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 900ms 1 normal both running sares-animation-move-right;
}
.jumbotron {
    padding: 50px 0;
}
.jumbotronl{display:block;}
.jumbl {
    width: 40%;
    float: left;
}
.jumbl h2 {
    font-size: 30px;
    padding: 30px 0 40px 0;
}
.jumbl p {
    line-height: 30px;
    font-size: 16px;
}
.img-rit {
    width: 55%;
    float: right;
}
.img-fluid {
    margin-top: 50px;
}
.img-fluid img {
    float: left;
    width: 32%;
    margin-right: 2%;
}
.img-fluid img:nth-child(3) {
    margin-right: 0;
}

.contact-one {
    margin-top: 60px;
}
.wrapp {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}
.contact-one h2{
    font-size: 38px;
    color: #686d71;
    text-align: center;
    font-weight: bold;
    margin-top: 50px;
}
.contact-one h2 img{
    display: inline-block;
    margin-left: -35px;
    width: 30px;
    height: 30px;
    margin-top: -10px;
}
.contact-one .tit{
    text-align: center;
    font-size: 18px;
    color: #555f7d;
    margin-top: 20px;
    margin-bottom: 40px;
}
.contact-one ul {
    overflow: hidden;
    margin-left: -2%;
}
.contact-one li {
    float: left;
    width: 23%;
    margin-left: 2%;
    border: 1px solid #f0f3fa;
    border-radius: 10px;
    margin-bottom: 30px;
    text-align: center;
    box-sizing: border-box;
    padding: 30px 0;
}
.contact-one li img {
    width: 58px;
}
.contact-one li span {
    font-size: 18px;
    color: #4b556e;
    font-weight: bold;
    display: block;
    margin-top: 20px;
}
.banner_xt{display:none;}

.banner_sy {
    position: relative;
    overflow: hidden;
    width: 100%;

}
.banner_sy:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
 
}
.banner_sy .pic {
    width: 100%;
    opacity: 0;
    object-fit: cover;
}
.banner_sy .video {

    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
}
.banner_sy .sty1 {
    color: #FFF;
    position: absolute;
    left: 13.54167%;
    top: 31.2%;
    z-index: 2;
}
.banner_sy .sty1 .p1 {
    font-size: 61px;
    font-weight: bold;
    line-height: 1.4;
}

.banner_sy .sty1 .p2 {
    margin-top: 44px;
    font-size: 22px;
}




.sect_ser {
    padding: 4rem 0;
    overflow: hidden;
    background: #343434;
    width: 100%;
}

.sect_ser1 {
    padding: 2rem 0;
    overflow: hidden;
    background: #fff;
    width: 100%;
	margin:10px 0
}

.content{
    width: 80%;
    margin: 0 auto;
    font-family: "Microsoft Yahei";
}
.title_1 {
    text-align: center;
    margin-bottom: 5rem;
    padding: 0;
    overflow: hidden;
    background: url(../images/title1bg.png) no-repeat bottom center;
}

.title_1 h2 {
    color: #000;
    font-size: 30px;
    line-height: 50px;
    font-weight: normal;
}

.sect_ser1 .title_1 h2 {
    color: #000;
}
.sect_ser1 .span-3 {
    float: left;
    margin-right: 2%;
    width: 23%;
    transition: .2s width ease;
    padding-top: 10px;
}
.sect_ser1 .span-9 {
    float: left;
    margin-right: 2%;
    width: 73%;
    transition: .2s width ease;
}

.sect_ser .title_1 h2 {
    color: #fff;
}
.sect_ser .span-3 {
    float: left;
    margin-right: 2%;
    width: 23%;
    transition: .2s width ease;
    padding-top: 10px;
}
.serlist {
    padding: 0 10px;
    overflow: hidden;
}

.serlist1 {
    padding: 0 10px;
    overflow: hidden;
}

.sect_ser .span-9 {
    float: left;
    margin-right: 2%;
    width: 73%;
    transition: .2s width ease;
}
.serlist h2 {
    color: #fff;
    line-height: 35px;
    font-size: 26px;
}
.serlist span {
    display: block;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

.serlist1 h2 {
    color: #000;
    line-height: 35px;
    font-size: 26px;
}
.serlist1 span {
    display: block;
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
}

.sect_ser .span-4 {
    float: left;
    margin-right: 2%;
    width: 59px;
    height: 60px;
    transition: .2s width ease;
    background: url(../images/y5.png) no-repeat top center;
}
.sect_ser .span-12 {
    float: left;
    margin-right: 2%;
    width: 98%;
    transition: .2s width ease;
}

.sect_ser1 .span-4 {
    float: left;
    margin-right: 2%;
    width: 59px;
    height: 60px;
    transition: .2s width ease;
    background: url(../images/y5.png) no-repeat top center;
}
.sect_ser1 .span-12 {
    float: left;
    margin-right: 2%;
    width: 98%;
    transition: .2s width ease;
}
.serlist p {
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    margin-top: 25px;
    height: 90px;
}

.serlist1 p {
    color: #000;
    font-size: 14px;
    line-height: 25px;
    margin-top: 25px;
    height: 90px;
}

.sect_ser .span-3 .simg {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.sect_ser .span-3 .simg img {
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    width: 100%;
    height: 100%;
}

.sect_ser1 .span-3 .simg {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.sect_ser1 .span-3 .simg img {
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    width: 100%;
    height: 100%;
}

.sect_ser1 .span-3:hover .serlist1 p{ color:#db1000}
.sect_ser1 .span-3:hover .serlist1 h2{ color:#db1000}
.sect_ser1 .span-3:hover .serlist1 span{ color:#c75148}
.sect_ser1 .span-3:hover .span-4{background: url(../images/y5s.png) no-repeat top center !important;}

.sect_ser1 .span-3 .simg img{-webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-moz-transition: all .5s ease-in;width: 100%;height: 100%;}
.sect_ser1.span-3 .simg img:hover{ transform:scale(1.1);webkit-transition: all .4s ease; transition: all .4s ease;}
.sect_ser1 .pic img:hover{ transform:scale(1.1);webkit-transition: all .4s ease; transition: all .4s ease;}

.sect_ser .span-3:hover .serlist p{ color:#db1000}
.sect_ser .span-3:hover .serlist h2{ color:#db1000}
.sect_ser .span-3:hover .serlist span{ color:#c75148}
.sect_ser .span-3:hover .span-4{background: url(../images/y5s.png) no-repeat top center !important;}

.sect_ser .span-3 .simg img{-webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-moz-transition: all .5s ease-in;width: 100%;height: 100%;}
.sect_ser .span-3 .simg img:hover{ transform:scale(1.1);webkit-transition: all .4s ease; transition: all .4s ease;}
.sect_ser .pic img:hover{ transform:scale(1.1);webkit-transition: all .4s ease; transition: all .4s ease;}


.aboutt {
    width: 100%;
    height: 450px;
    background: url(../images/h_aboutbg.jpg) center top no-repeat;
    background-size: cover;
    margin: 60px 0;
}
.w1120 {
    width: 1120px;
    margin: 0 auto;
}
.titlee {
    padding-top: 55px;
    padding-bottom: 20px;
    width: 100%;
    text-align: center;
    margin-bottom: 4%;
}
.titlee a {
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    color: #fff;
}
.titlee em {
    display: block;
    width: 180px;
    height: 3px;
    background: url(../images/tit_xian.png) center no-repeat;
    margin: 10px auto 5px;
}
.titlee p {
    font-size: 15px;
    line-height: 24px;
    color: #b0b0b0;
    text-align: center;
}
.aboutt ul {
    overflow: hidden;
}
.aboutt ul li {
    width: 20%;
    float: left;
    margin: 0 2.5%;
}

.aboutt ul li img {
    margin-left: 31%;
}
.a-p1 {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    padding-bottom: 10px;
    color: #fff;
}
.a-p2 {
    font-size: 12px;
    line-height: 20px;
    color: #fff;
}

.img1 {
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}

.img1:hover {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
}

.bg2 img{max-width: 100%;}
.mo1a{margin: 0 auto;text-align: center;padding:50px 0 30px 0;}
.mo1a img{max-width: 100%;}
.cp {background:url(../images/cpbg.png) no-repeat; height: 380px;width: 43%;text-align: left;float: left;margin: 20px 2.5%;background-size:100% 100%;padding-right:2%; }
.cp:hover img{transform: translateY(-15px);    }
.cp img{-webkit-transition: all .9s ease 0s;}
.cp:hover{background:url(../images/cpbg1.png) no-repeat; background-size:100% 100%; }
.cpleft{float: left;margin-left: 50px;}
.p1{font-size: 30px;font-weight: bold;margin-top: 60px;margin-bottom: 30px;}
.cpleft p{font-size: 18px;height: 30px;line-height: 30px;}
.ck{line-height: 30px;margin-top: 20px;float:right;padding:40px;}
.ck a{display: block;color:#fff;font-size:20px;}
.cpleright{padding: 20px 50px 0 0 ; float: right;}
.cpleright img{width: 100%;}
.mo2{background: url(../images/albg.jpg); width: 100%;height: 240px;background-size: 100% 100%;}
.mo2img{float: left; width: 20%;margin-bottom: 50px;} 
.mo2img img{max-width: 100%;}
.mo2pro{float:left;width: 80%;margin-top:85px;height: 160px;}
.mo2pro li{background: url(../images/bg4.png) no-repeat;height: 65px;background-size: 100% 100%; 
line-height: 60px;float: left; width: 23%; text-align: center;	font-size: 18px;align-self: center;margin: 0 1%;}
.mo2pro li:hover{background: url(../images/bg4a.png) no-repeat;color: #fff ;background-size: 100% 100%;}
.wx{float: right;margin-top: 30px;}
.wx img{max-width: 100%;}
.mo3pro{margin-bottom: 20px;}
.mo3pro li{width: 21%;float: left; border-radius: 15px;margin: 30px 2%;}
.mo31a div img{border-radius: 25px 25px 0 0;    transition: all .8s ease 0s;width: 100%;}
.mo31a a{border-radius: 25px;display: block;}
.mo31a div{overflow: hidden;     border-radius: 25px 25px 0 0;}
.mo31a span{border-radius: 0 0 25px 25px;background-color: #f0f3fa; display: block;font-size: 20px;padding:15px 0 15px 30px;}
.mo31a span img{float:right;padding-right:15px;}
.mo31a:hover img{transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);}
.mo4{background: url(../images/bg5.jpg);height: 745px;}
.mo4a .lf{float: left;width: 37.333%;}
.lf1{max-width: 100%;}
.m4left{margin-top: 50px;}
.word{    padding-left: 20%;margin-top: 40px;}
.word p{font-size: 20px;color: #fff;height: 55px;line-height: 55px;}
.word img{    margin-right: 15px;}
.word a{background: url(../images/morebg.png) no-repeat; height: 51px; width: 215px;display: block;text-align: center;line-height: 50px;font-size: 20px;color: #fff;margin-top: 30px;}
.m41{margin-top: 100px ;}
.m41 img{max-width: 100%;}
.m4rig{float: left;width: 25.3%;margin-top: 120px;}
.m4rig img{float: right;margin:10px 0;width: 100%;}
.m4rig1{max-width: 100%;}
.m4rig2{max-width: 333px;}
.tit1{border: #fff!important;text-align:  center;}
.tit1 li{width: 212px;height: 50px;font-size: 20px; border-radius: 25px;border: 1px solid #333;line-height: 50px;margin:0 2%;}
.layui-tab-brief>.layui-tab-title .layui-this{color: #fff;background-color: #fa6b31;border:#fa6b31 solid 1px;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: #fff;}
.mo5{background: url(../images/albg.jpg) no-repeat;height: 740px;}
.tit2{margin-top: 50px;}
.tit2 li{float: left;width: 22%;margin: 0 1.5%;}
.tit2 span{display:block;margin:40px 0 10px 0;font-size:12px;}
.al{overflow: hidden;}
.al img{width: 100%;    transition: all .8s ease 0s;}
.al span{font-size: 12px;}
.al:hover img {transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);}
.tit2 li a{font-size: 20px;font-weight: 700;display: block;}
.tit2 li img {padding-right:5px ;}
.tpcen{text-align: center;padding: 60px 0;}
.tpcen img{max-width: 100%;}
.mo5 .tpcen img{max-width: 100%;}
.zx{background: url(../images/bg1.jpg) no-repeat;height: 70px;line-height: 70px;}
.zx a{font-size: 20px;color: #fff;margin-left: 30px;}
.zx .rig{float: right;margin-right: 30px;}
.rig img{width: 100%;}
.mo6{background: url(../images/bg6.jpg) no-repeat; height: 1050px;}
.mo6left{float: left;width: 45%;margin-right: 5%;}
.mo6la{margin-bottom: 30px;}
.mo6la img{max-width: 100%;}
.mo6 span{font-size: 20px;}
.border{margin: 40px 0;border-bottom: 6px solid #fa6b31;height: 2px;width: 30px;}
.mo6 p{font-size: 18px;line-height:30px;}
.mo6b{width: 60px;}
.mo6b a{margin:50px 0 0 0px;font-size: 20px;height: 60px;width: 60px;display: block;line-height: 60px;text-align:center;border-radius: 50%;opacity: 0.5;background: #fff;}
.mo6b:hover a{background-color: #FA6B31;opacity: 1;color: #fff;}
.mo6rig{float: left;width: 45%;margin-left:5%;}
.mo6rig img{width: 100%;}
.jjys{margin-top: 200px;}
.mo61{float: left;width: 22.5%; background: url(../images/jjbg.png) no-repeat;height: 135px;padding-right: 2.5%;background-size:100% 100%}
.mo61 img{max-width: 100%;}
.mo61 div{line-height: 135px;float: left;}
.mo61 span{float: left;    margin: 48px 30px 0 0; font-size: 16px;}
/* .mo61 div{margin-top: 30px;} */
.mo7{background: url(../images/bg7.jpg) no-repeat;height: 610px;}
.mo71{padding: 50px 0;margin: 0;}
.mo7left{text-align: center;}
.mo7left img{max-width: 100%;}
.mo7left p{font-size: 20px;}
.mo7a{float: left;height: auto;width: 67%;margin-top: 30px;border: #fff!important;text-align:  center;}
.mo7a li{width: 212px;height: 50px;font-size: 20px; border-radius: 25px;border: 1px solid #333;line-height: 50px;margin:0 2%;}
.mo7b{clear: both;}
.mo7b1{margin-top: 60px;}
.mo7b li{float: left;width: 22%;margin: 0 0.5%;background: #fff;padding: 1%;}
.mo7a span{display: none;}
.mo7b2{padding: 3%;}
.mo7b1 h3{font-size: 20px; font-weight: bold;}
.mo7b1 p{margin: 20px 0 0;height:80px; overflow:hidden;}
.mo7b2 img{width: 100%;}
.mo7b3 img{float: right;}
.date span{color: #404654;font-size: 36px;font-weight: bold;margin-left: 15px;}
.mo8{height: 640px;background: url(../images/bg8.jpg);background-size:100% 100%;}
.mo8 .wid80{padding-top: 125px;}
.mo8a1{background-color: #fff;border-radius: 15px;}
.mo8a{width: 30%;background-color: #fff;float: left;border-radius: 15px;margin: 55px 5% 0; }
.mo8a a{background: url(../images/morebg.png) no-repeat;height: 51px;width: 215px;display: block;text-align: center;line-height: 50px;font-size: 20px;color: #fff;margin-top: 30px;}
.mo8a label{display: block;border: 1px solid #d3d3d3;border-radius: 5px;}
.mo8b{width: 50%;float: right;border-radius: 15px;}
.mo8b img{float: right;border-radius: 15px;width: 100%;}
.mo8c img{float: left;margin-top: 40px;max-width: 100%;}
.mo9{background: #1a1f33;    border-top: 1px solid #555;}
.mo91{padding-top: 90px;}
.mo9a{width: 19.8%;float: left;color: #fff;font-size: 18px;}
.mo9a dd a{font-size: 16px; color: #fff;margin: 10px 0;    display: block;}
.mo9a1{border-bottom: #fff solid 4px;width: 20px;margin: 30px 0;}
.mo9b{width: 19.8%;float: left;}
.mo9b1{color: #fff;margin-bottom: 15px;}
.mo9b1 em{font-size: 20px;display: block;font-style: normal;}
.mo9b1 img{float: left;margin:5px 15px 0 0;}
.mo9c{float: right;    }
.bq{padding: 70px 0 30px 0; color: #fff;text-align: center;}
.bq a{color:#fff;}
.input{background: url(../images/rt.png) no-repeat;height: 30px;}
.input1{background: url(../images/dh.png) no-repeat;height: 30px;}
.input2{background: url(../images/mas.png) no-repeat;height: 130px;}
.mo8d {height: 54px;line-height: 54px;color: #333;border: 1px #c8c8c8 solid;width: 54%;float: left;margin: 0 1% 10px;border-radius: 3px;background-color: #ffffff;}
.mo8d1 textarea {border: 0;line-height: 32px;display: block;padding: 0;width: 100%;text-indent: 120px;background: transparent;color: #9b9b9b;}
.mo8d img {float: left;margin-right: 15px;}
.mo8d1 {width: 98%;height: 130px;}
.mo8d .name {border: #fff;position: absolute;text-align: left;line-height: 54px;padding-left: 8px;color: #7c7c7c;z-index: 0;cursor: text;}
.mo8d input {border: 0;line-height: 54px;display: block;padding: 0;width: 100%;text-indent: 130px;background: transparent;color: #7c7c7c;}
.layui-tab-title{height: auto;}
.fader {position: relative;padding-top: 46.8%;font-family: "futura", arial;overflow: hidden;}
.fader .slide {position: absolute;width: 100%;height: 100%;top: 0;z-index: 1;opacity: 0;}
.fader img.slide {height: auto;}
.fader .prev,
.fader .next {position: absolute;height: 80px;line-height: 55px;width: 50px;font-size: 100px;text-align: center;color: #fff;top: 50%;left: 0;z-index: 4;margin-top: -25px;cursor: pointer;opacity: .7;transition: all 150ms;}
.fader .prev:hover,
.fader .next:hover {opacity: 1;}
.fader .next {left: auto;right: 0;}
.fader .pager_list {position: absolute;padding: 0;bottom: 25px;text-align: center;z-index: 4;}
.fader_controls{text-align: center;}
.fader .pager_list li {margin:5px;display: inline-block;width: 13px;height: 13px;background: #fff;opacity: .7;text-indent: -9999px;border-radius: 999px;cursor: pointer;transition: all 150ms;}
.fader_controls div{font-size: 60px!important;height: 60px!important;line-height: 50px!important;width: 60px!important;border-radius: 30px;background-color: rgba(0,0,0,.2);}
.fader .pager_list li:hover,.fader .pager_list li.active {opacity: 1;}
.pager_list{display: inline-block;padding: 5px;background-color: rgba(0,0,0,.2);border-radius: 10px;-webkit-transition-duration: .3s;transition-duration: .3s;}
.friendLink{font-size: 20px;color:#fff;}
.friendLink a{color:#fff;}
.zw{height:500px;width:100%;font-size:140px;font-weight:bold;text-align:center;line-height:450px;background: url(../images/zw1.jpg);background-size:100% 100%;}
.mbbg{height:80px;line-height:80px;font-size:20px;background:#f4f4f4;}
.ny h1{font-size:36px;text-align:center;font-weight:bold;}
.ny1 p{font-size:18px; line-height: 35px;}
.ny1 img{max-width:100%;}
.mbnav{    padding-left: 50px;background: url(../images/cl.png) no-repeat left center;}
.pro1{margin-top:60px;}
.pro2{float:left;font-size:36px;line-height:36px; background: url(../images/probg.png) no-repeat left center;    padding-left: 49px;font-weight:bold;}
.pro3{float:right;font-size:20px;height:34px;line-height:34px;margin-bottom: 30px;width:136px;background-image: linear-gradient(90deg, #ffc58c 30%, #ff9b39 50%, #fd8c1e);background-size: 200% 100%;transition: background-position .6s ease;color:#fff;border-radius:15px;text-align:center;}
.pro3:hover{    background-position: right center;color:#fff!important;}
.pro3a{display:block;clear:both;font-size:18px;line-height:30px;margin-bottom:20px;}
.pro4a{float:left;width:23%;margin:20px 1%;}
.pro4a span{height: 56px;background: url(../images/tb.png) no-repeat left center;font-size: 20px;line-height: 56px;display: block;padding-left: 23px;margin-left: 10px;}
.pro4a img{width:100%;    border-radius: 20px;}
.pro5 a{float:left;width:15%;height:50px;line-height:50px;text-align:center;font-size:16px;border:1px #333 dashed;    border-radius: 15px;margin:10px 0.5%;overflow:hidden;}
.pro5 a:hover {    background: url(/template/images/hov.jpg) repeat-x center center;color:#fff;    border: none;}
.lp h1{font-size:36px; text-align:center;font-weight:bold;padding-bottom:30px;}
.lpa1{height:112px;background:url(../images/nybg.jpg) no-repeat;border-radius:8px;background-size:100% 100%;}
.lpa1 h2{float:left;height:110px;line-height:110px;width:15%;text-align:center;font-size:30px;font-weight:bold;color:#fff;background:url(../images/chil.png) no-repeat left center;padding-left:10px;}
.lpa1 span{height:60px;line-height:30px;padding-right: 20px;padding-top:26px;display:block;}
.lpb1{margin-top: 50px;}
.friend{float:left;}
.jszc{float:right;}
.lpb1 div{float:left;border-radius:10px;}
.lpbleft{width:45%;background:url(../images/caseimg.jpg) no-repeat;background-size: 100% 100%;    height: 500px;    position: relative;}
.loc p {font-size: 36px;font-weight: 600;margin-bottom:30px;}
.loc{    position: absolute;top: 40%;width:80%;margin:0 auto;color:#fff;    left: 10%;text-align:center;}
.lpbright{width:50%;padding:0 2%;}
.right1{width:29.3%;margin:0 2%;}
.lpc{margin-top:30px;}
.lpcnew{border-top: 7px red solid;border-radius:5px 5px 0 0;border-left:solid #eee 1px;border-bottom:1px solid #eee;margin:30px 0;}
.lpcnew li{float:left;width:33.2333%;border-right:solid #eee 1px;}
.lpcnew h4{float:left;font-size:18px;font-weight:bold;margin: 0 0 10px;}
.lpcnew span{float:right;}
.lpcnew p{clear:both;font-size:14px;line-height:25px;}
.lpcnew li a{padding:20px;display:block;}
.neia{float: left;width: 43%;margin-right:2%;text-align:center;}
.neia img{border-radius: 10px;max-width: 100%;}
.neib{float:left;width:54%;}
.neib li{float: left;width: 23%;    margin: 0 1%;}
.neib li img{width: 100%;    border-radius: 15px;margin-top:10px;}
.neib1{clear: both;line-height:40px;    background: url(../images/proleftbg.jpg);padding:10px;border-radius:10px;}
.nei h4{font-size: 26px;font-weight: 600;margin-bottom: 30px;}
.neic li{background-color: #ff9b39;text-align: center;color: #fff;border-radius: 5px 5px 0 0;font-size: 18px;padding:5px 0;}
.nei a{background-image: linear-gradient(90deg, #f05c05 30%, #f39c04 50%, #f05c05);background-size: 200% 100%;transition: background-position .6s ease;;display: block;width: 212px;font-size: 20px;color: #fff;height: 50px;line-height: 50px;text-align: center;background-color: red;float: left;border-radius: 5px;margin-left: 5px;margin-top: 25px;}
.nei a:hover{    background-position: right center;}
.nei span{color: red;}
.neib1 p{padding-left: 30px;font-size:16px;}
.neib2{background: url(../images/left.png) no-repeat left center;height: 50px;line-height: 50px;padding-left: 100px;font-size:16px;margin-top: 20px;}
.nei{padding:50px;background:#fff;border-radius:25px;}
.proye{background:url(../images/ny01.jpg) no-repeat;}
.proye .nav0{border-bottom:1px solid #eee;top:0;}
.lp{margin-top:100px;}
.lp .mbnav{    height: 80px;line-height: 80px;font-size: 20px;margin-bottom:30px;}
.xialeft{float:left;width:72%;}
.xiaright{float:left;width:25%;margin-left:1%;}
.si li{float:left;width:24%;height:50px;margin:2px;background:#eee;line-height:50px;text-align:center;font-size:20px;}
.jieshao{margin-top:35px;}

.jieshao h2{background:url(../images/left.png) no-repeat left center;height:50px;line-height:50px;    padding-left: 110px;margin:20px 0;font-size:30px; font-weight:600;}
.case{margin-bottom:30px;}
.case h1{text-align:center;font-size:36px;font-weight:600;margin:50px;}
.caseshow{float: left;width: 22.3333%;margin: 0 5% 20px;border: 1px solid;height: 40px;line-height: 40px;text-align: center;font-size:20px;font-weight:600;}
.caseshow:hover{background:#ff9b39;color:#fff;}
.caseshow:hover span{color:#fff;}
.caseshow a{display:block;}
.casenei h2{font-size:20px;text-align:center;font-weight:600;margin:30px 0 20px 0;}
.Pnew{margin-bottom:30px;}
.Pnew h1{    font-size: 36px;text-align: center;font-weight: bold;margin:50px;}
.Pnew2{width:90%;margin:55px auto;}
.Pnew2 h5{float:right;}
.Pnew2 h4{font-size:20px;font-weight:600;margin:20px 0;}
.Pnew2 li{padding-bottom:30px;border-bottom:1px solid #eee;margin:20px 0;}
.info{    border-top: 1px solid #eee;line-height: 30px;height: 30px;text-align: center;border-bottom: 1px solid #eee;}
.daodu{     padding: 0px 0 0px 78px;   height: 110px;line-height: 53px;font-size: 20px;background:url(../images/ts.png) no-repeat #f3f3f3 left;border-radius: 15px;margin-top: 20px;}
.daodu p{background:url(../images/dh2.png) no-repeat left center;padding-left:50px;}

.daodu a{    height: 45px;float: right;margin-right: 30px;background: #ff9b39;width: 159px;text-align: center;line-height: 45px;color: #fff;}
.neirong{margin:30px;}
.wan{padding-left:30px;}
.xiayige{margin:30px;}
.next{float:right;}
.page {line-height: normal;font-size: 14px;margin-top: 20px;}
.page span, .page a {font-weight: normal;text-decoration: none;letter-spacing: 0px;border: 1px solid #ccc;float: left;display: block;margin: 0 2px;text-align: center;height: 40px;line-height: 40px;padding: 0 10px;}
.page input {color: #04316e;border: 0;text-align: center;vertical-align: middle;font-size: 12px;padding: 0 5px;width: 38px;height: 38px;line-height: 38px;}
.right1 img{width:100%;border-radius:10px;}
.right1 span{ padding-left: 20px; background: url(../images/tb1.png) no-repeat left center; height: 20px; line-height: 20px;margin-top: 10px; display: block;}
.coushu{box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2) inset;border-radius:10px;}
.rigimg img{width:100%;    border-radius: 15px;}
.rigimg{padding:20px;}
.xg{border:1px solid #eee;margin-bottom:30px;}
.xg .tou{background:url(../images/proleftbg.jpg);height:50px;line-height:50px;}
.tou h3{background:url(../images/more.png) no-repeat  left center;    font-size: 26px;padding-left:60px;}
.xg p{    height: 35px;background: url(../images/tb1.png) no-repeat left center;font-size: 20px;line-height: 35px;display: block;padding-left: 25px;margin-left: 20px;}
.xgnew li{padding:15px;border-bottom:1px #adadad dashed;    margin: 0 15px;}
.lxtou{text-align:center;font-size:26px;    font-weight: bold;margin:50px;}
.lxtop{background:url(../images/lxbg.jpg) no-repeat;width:100%;height:435px;background-size:100% 100%;font-size:16px;line-height:39px;margin-bottom:30px;}
.lxtop1{width: 53%;padding-left: 5%;padding-top:60px;}
.xq{margin-top:30px;padding-top:30px;border-top:1px solid #c2c2c2;}
.jieshao p{line-height:35px;font-size:18px;}
.neirong p{line-height:35px;font-size:18px;}
table td,table th{border:1px solid #eee;}
table tr:nth-child(odd){background:#eee;}
table tr:hover,table tr:hover p{background:#ff9b39;color:#fff;}
.product .art:nth-child(2n){background:#eee;}
.art{padding-top: 10px;}
table p{font-size:16px!important;}
.g-hd {
  display: none;
}
@media screen and (max-width:1680px) {
	.cpleright{padding: 0;}
	.mo61{width: 24.5%;padding-right: 0.5%;}
        .ck{ padding: 60px 40px;}

	}
@media screen and (max-width:1440px) {
        .ck a{margin-top:20px;}
        .wan{padding:0;}
        .lp .mbnav{margin-top:90px;}
	.cpleright{padding: 20px 0px 0 0;}
	.cpleright img{max-width: 250px;}
	.wid80{width: 90%;margin:0 5%;}
	.cp{width: 46%;margin: 1%;}
	.mo61{width: 23.5%;padding-right: 1.5%;}
	.m41 img{margin-top: 97px;}

}

@media screen and (max-width:1224px) {
        .pro4a span{font-size:16px;    padding-left: 20px;margin-left: 0px;}
	.tel{display: none;}
	.header1{width: 75%!important;}
	.mo1{height: 1800px;}
	.cp{margin: 1% 10%;width: 80%;}
	.mo2{height: 200px;}
	.mo2pro{height: 200px;}
	.mo2pro li{width: 24%;font-size: 16px;}
	.mo4{height: 645px;}
	.word p{font-size: 16px;}
	.mo5{height: 640px;}
	.border{display: none;}
	.mo6left span{margin: 10px 0;display: block;}
	.mo6{height: 750px;}
	.mo6rig{margin-top: 100px;}
	.mo7a li{width: 24.3%;}
	.mo61 div{width: 38%;}
	.mo7left p{font-size: 16px;}
	.mo7b li{height: 440px;}
	.mo7left{margin-top: 20px;}
	.mo7b1{margin-top: 50px;}
	.mo8a{margin: 10px 0 10px 10px;}
	.mo8a a{margin-top: 0;}
	.mo8c img{margin-top: 0;}
	.mo8{height: 540px;}
	.anli{display: none;}
	.mo9b{width: 30%;}
	.bg1{display: none;}

}
@media screen and (max-width:800px) {
       .mo6b a{margin:0;}
       .xiaright {width:100%;margin-left:0;} 
	.logo{display: none;}
	.header1{width: 100%!important;}
	.mo3pro li{width: 46%;}
	.tit2 li{width: 47%;}
	.mo61{width: 48%;}
	.mo7b li{width: 47%;}
	.mo7{height: 1310px;    background: url(../images/bg7.jpg) repeat;}
	.jjys{margin-top: 0;}
	.zx{display: none;}
	.tpcen{padding: 30px 0;}
	.tit1 li{width: auto;}
	.mo6left{width: auto;margin: 0;}
	.mo6rig{display: none;}
	.mo7a li{margin: 0 1%;}
	.mo7b li{margin-top: 10px;height: 490px;}
	.mo8{display: none;}
	.news{display: none;}
	.mo9b{width: 41%;}
	.mo9c{padding-right: 0;}
	.tit2 li{margin-top: 20px;}
        .jieshao img{width:100%;}
        .neirong img{width:100%;}
        .neib{width:100%;}
        .neib li{width:48%;margin:2px 1%;}
        .nei{padding:18px;}
        .neib2{padding-left:0;background:none!important;}
        .si li{width:48%;}
.zw{display:none;}
.case h1 {margin:20px;}
.wid80 .mbnav {display:none;}
.header {
position:relative;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
    height: 60px;
display:block;
width:100%;
background-image: linear-gradient(to right, #0c338f, #0c338f);

}

.header .logo {
    float: left;
    width:43%;
}

.m-textdh{
width: 45%;
    line-height: 62px;
    height: 62px;
    font-size: 20px;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    overflow: hidden;

}

.m-textdh a {
    display: inline-block;
    color: #fff;
    padding: 0 1rem;
}

.header .logo img {
    display: block;
height: 40px;
    width: auto;
    margin-top: 10px;

}
.dltext{line-height:30px;
    height: 30px;
    font-size: 22px;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    overflow: hidden;}

.dltext a {
    display: inline-block;
    color: #fff;
    padding: 0 1rem;
}

.gh {
width: 26px;
height: 30px;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
    z-index: 9999;
    display: block;
    right: 15px;
    top: 15px;
   
}

.selected .gh {
  transform: rotate(90deg);
}
.gh a {
    background-color: #fff;
    display: block;
    margin: 0 auto;
    height: 2px;
    margin-top: -1px;
    position: relative;
    top: 50%;
   -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
    border-radius: 2px;
}
.gh a:after{
    background-color: #fff;
    content: "";
    display: block;
    height: 2px;
    left: 0;
width: 100%;
    position: absolute;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
top: 7px;

}
.gh a:before { background-color: #fff;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
top: -7px;
width: 100%;
}

.selected .gh a:after,
.selected .gh a:before {
  top: 0;
}

.selected .gh a:before {
  transform: translateY(0px) rotate(-45deg);
  -webkit-transform: translateY(0px) rotate(-45deg);
  -ms-transform: translateY(0px) rotate(-45deg);
  background: #fff;
  width: 100%;
}

.selected .gh a:after {
  transform: translateY(0px) rotate(45deg);
  -webkit-transform: translateY(0px) rotate(45deg);
  -ms-transform: translateY(0px) rotate(45deg);
  background: #fff;
  width: 100%;
}

.selected .gh a {
  background-color: transparent !important;
}

.header .naver {
    float: none;
    width: auto;
position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    margin: 0;
    background: #000;
    display: none;
z-index: 9999;
}
.header .naver ul {

    font-size: 0;
z-index: 9999;
}
.header .naver li {

    margin: 0;
display: block;
    padding: 0;
    border-bottom: 1px solid #333;
z-index: 9999;
}
.header .naver li a {
    line-height: 50px;
background: rgba(255, 255, 255, 0);
color: #fff;
display: block;
width: auto;
    text-align: left;
    border-radius: 0;
    font-size: 16px;
    padding: 0 15px;
}

.header .naver li.on a,
  .header .naver li a:hover {
    border-radius: 0;
  }
  .header .naver li:last-child {
    border: none;
  }
.mbbg{display:none;}
}
@media screen and (max-width:700px) {
        .xiayige{margin:50px 0;}
        .layui-tab-title li{padding:0 10px;margin:0;}
        .mo2pro{width:100%;}
        .mo2img{display:none;}
        .mo31a span img{display:none;}
	.mo1 {height: 1200px;}
	.cp{width: 100%;margin:15px 0;height: 225px;}
	.cpleft{margin:10px 0 0 10px;}
	.cpleright{padding: 10px 0 0 0;}
	.p1{margin: 10px 5px;font-size: 20px;}
	.cpleright{width: 43%;}
	.cpleright img{width: 85%;}
	.mo2{height: 150px;}
	.mo2pro{display: block;height: 150px;}
	.mo2pro li{width: 48%;margin-top:7px;}
	.wx{display: none;}
	.mo3pro li{margin: 10px 2%;}
	.mo6 p{font-size: 16px;}
	.mo6la{margin-bottom: 10px;}
	.tpcen{padding:20px 0;}
	.mo61 span{margin: 45px 0 0 0;font-size:15px;}
	.mo5 .tpcen img{margin-top:30px;}
	.mo7left{float: none;margin: 0 auto;}
	.mo7a{width: 100%;}
	.mo7a li{width: 21%;height:32px;line-height:32px;}
	.mo7b1{margin-top: 30px;}
	.mo9a{display: none;}
	.mo91{padding-top: 50px;}
	.mo9b{float: none;width: 80%;margin: 0 auto;}
	.mo9c{float: none;text-align: center;}
	.bq{padding:30px 0 40px}
	.nav{padding: 0;}
	.nav0{display:none;background-color: #F0F3FA;}
	.nav li{width: 32.7%;height: 40px;line-height: 40px;border: 1px solid #eee;}
	.nav1{width: 100%;}
.pc{ display:none !important}
.sj{ display: block !important}
.g-hd {height: 5.35rem;position: relative;z-index: 19;background: #e3232f;}
.m-logo {width: 15.91%;padding: 0.5rem 1.5% 0 1.97%;position: relative;background: #fff;height: 4.85rem;overflow: hidden;}
.m-logo img {width: 100%;display: block;}
.m-text {width: 70%;line-height: 5.35rem;height: 5.3rem;font-size: 1rem;white-space: nowrap;text-align: center;color: #fff;overflow: hidden;}
.m-text a {display: inline-block;color: #fff;padding: 0 1rem;}
.f-fr {float: right;}
.f-fl {float: left;}
.downmenu {width: 9%;display: block;padding: 2.25rem 0 0;}
.downmenu img {width: 1.75rem;display: block;}
.head2 .menu_btn a.downmenu.hover {background: #fb4c36;border-radius: 5px;box-shadow: 1px 1px 1px #666;}
.menu2 {position: relative;z-index: 9;}
.menu2 .slideMenu {width: 80%;padding: 1.2rem 10% 2rem;display: none;z-index: 80;background: rgba( 215, 16 , 23 , 0.9);overflow: hidden;position: absolute;top: 5.35rem;right: 0;transition: transform 1s;-webkit-transition: transform 1s;}
.menu2 .slideMenu li {border-bottom: 1px solid #fff;color: #fff;line-height: 3.5rem;font-size: 1.2rem;clear: both;}
.menu2 .slideMenu li:last-child {border-width: 0.15rem;}
.menu2 .slideMenu li a {color: #fff;display: block;line-height: 3.5rem;}


.banner_sy .pic{display:block;opacity: 1;}
.banner_sy{display:none;}

.banner_xt{display:block;}

.banner_xt {
    position: relative;
    overflow: hidden;
    width: 100%;

}

.banner_xt:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
 
}

.banner_xt .pic {
    width: 100%;
    opacity: 1;
    object-fit: cover;
}

.banner_xt .sty1 {
	color: #FFF;
    position: absolute;
    left: 5%;
    top: 20.2%;
    z-index: 2;
}

.banner_xt .sty1 .p1 {
    font-size: 22px;
	font-weight: bold;
    line-height: 1.4;
}
.banner_xt .sty1 .p2 {
    margin-top: 20px;
    font-size: 16px;
}

	.fader{margin-bottom: 154px;top: 154px;}
	.cpleft p{font-size: 15px}
	.logo{display: block;width: 100%;margin-top: 0;}
	.fader .pager_list{left: 45%;}
	.mo4{height: 1500px;}
	.m41 img{margin: 0;}
	.m41{margin-top:10px;}
	.mo4a .lf{width: 100%;}
	.m4rig{width: 100%;margin-top: 10px;}
	.layui-tab-more{padding: 0;}
	.tit1 li{height: 35px;line-height: 35px;}
	.tit2{margin: 0;}
	.tit2 li a{font-size: 16px;padding-bottom: 20px;}
	.tit2 span{margin: 10px 0;display:none;}
	
	.mo7b1 h3{font-size: 16px;height:43px;overflow:hidden;}
        .mo7b1 p{margin-top:20px;height:120px;}

	.friendLink{display: none;color:#fff;}
        .pro4a{width:48%;}
        .pro5 a{width:47%;}
        .pro2{font-size:20px;}
        .pro4a span{overflow: hidden;}
        .zw{    height: 154px;}
        .xialeft{width:100%;}
        .lp .mbnav a{display:none;}
        .lp .mbnav{height:100px;}
        .neia{width:100%;}
        .mo7a li{font-size:16px;}
        .mo6b a{display:none;}
        .next{float:left;}
        .mo31a span{padding:5px 0;text-align:center;font-size:16px;} 
        .caseshow{width:30%;margin:0 1%;}
        .daodu{display:none;}
        .mbnav{background:none!important;padding-left:0;}
        .wid80 .mbnav{font-size:16px;}
        .neirong{margin:60px 0;}
        .lxtop{background:none!important;}
        .lxtop1{width:100%;padding:0;}
        .ny h1 img{width:100%;}
        .lxtou p img{width:100%;}
        .lxtop{height:auto;}
        .lpa1{background:none;}
        .lpa1 h2{display:none;}
        .lpa1 span{display:none;}
        .lp{margin-top:30px;}
        .lpbleft{width:100%;}
        .lpcnew li{width:100%;} 
        .lpcnew h4{width:80%;}
        .lpbright{width:100%;}
        .right1{margin-top:20px;width:46%;}
        .proye{background:none;}
        .friend{display:none;} 
        .jszc{display:none;}
        .tit1 li{font-size:16px;}
        .mo2pro{margin-top:0;}
        .neib2{display: inline;}
        .ck{padding:0px; margin: 75px 10px 0 0;}
        .ck a{font-size:16px;}
       .pro4a span{font-size:16px;padding-left: 21px;    margin-left: 5px;}
.cp {
    background: url(../images/cpbg2.png) no-repeat;    background-size: 100% 100%;}
	
	}
@media screen and (max-width:500px) {
.mo7b3{display:none;}
.cpleright img{padding-bottom:80px;display:block;}

	.mo7b li{height: 190px;}
.mo7{height: 630px;}
.pager_list{display:none;}
.mo1{height:1150px;}
.ck{display:none;}
.cp{height:200px;}

.banner_sy .sty1 {
	color: #FFF;
    position: absolute;
    left: 5%;
    top: 20.2%;
    z-index: 2;
}

.banner_sy .sty1 .p1 {
    font-size: 22px;
	font-weight: bold;
    line-height: 1.4;
}
.banner_sy .sty1 .p2 {
    margin-top: 20px;
    font-size: 16px;
}
.content {
	margin: 0 auto;
    font-family: "Microsoft Yahei";
    padding-left: 4%;
    padding-right: 4%;
    width: 92%;
}
.title_1 {
    margin-bottom: 0;
}
.title_1 h2 {
    font-size: 24px;
}
.sect_ser1 .span-3 {
    width: 98%;
    margin-top: 20px;
}
.sect_ser1 .span-9 {
    width: 98%;
}
.serlist1 h2 {
    font-size: 20px;
}
.pc {
    display: none !important;
}
.serlist1 p {
    height: auto;
    margin: 0px 0 10px;
}
.sect_ser1 .span-3 .simg {
    height: auto;
}
.aboutt {
    height: 620px;
}
.w1120 {
    width: 100%;
}
.aboutt ul li {
    width: 45%;
}
.aboutt ul li img {
    margin-left: 22%;
}
.a-p2 {
    text-align: center;
}
.xtisplay{display:none;}
.wrap {
    width: 94%;
    margin: 0 auto;
}
.index_abl {
    width: 100%;
	padding: 20px 0;
}
.inab_1 {
    font-size: 35px;
}
.inab_2 {
    font-size: 36px;
}
.index_abl .desc {
    width: 98%;
	margin: 20px 0 6px 0;
}
.index_abl img {
    width: 100%;
}
.jumbl, .img-rit {
    width: 100%;
}
.jumbl h2 {
    padding: 10px 0 20px 0;
}
.jumbl p {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 20px;
}
.img-fluid {
    margin-top: 20px;
}
.img-fluid img{
	margin-top: 20px;
	float: left;
    width: 100%;
}

span.counter {
    font-size: 26px;
    font-family: microsoft yahei,sans-serif;
    color: #ffffff;

}

}
@media screen and (min-width:1444px) and (max-width:1730px) {
.cpleft{margin-left:10px;}
}
@media screen and (min-width:400px) and (max-width:700px) {
.m4rig{display:none;}
.mo4 {height: 1100px;}
}
@media screen and (max-width: 370px){
.pro4a span {background:none;padding:0;margin:0;}
}
.fdh {
    position: fixed;
    bottom: 0;
    width: 100%;
}
.fdh li {
    float: left;
    width: 33.3%;
    text-align: center;
    background: #333;
    line-height: 40px;
}
.fdh li a {
    color: #fff;
}
.red {
    background: #e62600!important;
}
@media screen and (max-width: 780px){
.bq {
    margin-bottom: 40px;
}
}
@media screen and (min-width: 780px){
.fdh {
    display: none;
}}