@charset "utf-8";
html {    max-width: 1920px;
    margin: auto!important;}
@font-face {

  font-family: "Asimov";

  src: url("../fonts/Asimov/Asimov.woff2") format("woff2"),

       url("../fonts/Asimov/Asimov.woff") format("woff"),

       url("../fonts/Asimov/Asimov.ttf") format("truetype"),

       url("../fonts/Asimov/Asimov.eot") format("embedded-opentype"),

       url("../fonts/Asimov/Asimov.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: "长城长宋体";

  src: url("../fonts/changchengsongti/changchengsongti.woff2") format("woff2"),

       url("../fonts/changchengsongti/changchengsongti.woff") format("woff"),

       url("../fonts/changchengsongti/changchengsongti.ttf") format("truetype"),

       url("../fonts/changchengsongti/changchengsongti.eot") format("embedded-opentype"),

       url("../fonts/changchengsongti/changchengsongti.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: "PingFang Regular";

  src: url("../fonts/PingFangRegular/PingFang Regular.woff2") format("woff2"),

       url("../fonts/PingFangRegular/PingFang Regular.woff") format("woff"),

       url("../fonts/PingFangRegular/PingFang Regular.ttf") format("truetype"),

       url("../fonts/PingFangRegular/PingFang Regular.eot") format("embedded-opentype"),

       url("../fonts/PingFangRegular/PingFang Regular.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

* {transition: .5s;}

body{ font-family: "PingFang Regular" }

.head{

	/*height: 115px;*/

	/*background: #fff;*/

}

.logo{

	display: inline-block;

	height: 55px;

	margin-top: 7px;

	margin: 28px 0;

    width: 398.48px;

}

.logo img{

	display: block;

	height: 100%;

}

.nav{ margin-top: 22px; }

.nav span{

	line-height: 70px;

	margin-left: 50px;

}

.nav a.nava{

	font-size: 16px;

	font-weight: bold;

	line-height: 70px;

	display: block;

}

.nav span.active a{

	color: #C00009;

}

.nav span:hover a.nava{

	color: #C00009;

}

.serch{ margin: 38px 20px 0 0 }
.serch a{ display: block; background: #e4e4e4; border-radius: 100%;}
.serch a img{ display: none; }
.serch a img.img2{ display: none; }
.serch a:hover{ background: #C00009 }
.serch a:hover img.img1{ display: none; }
.serch a:hover img.img2{ display: block; }

.m1{

	padding-top: 110px;

}

.m1 .proclass{ text-align: center; }

.m1 .proclass li{ display: inline-block; }

.m1 .proclass li a{ display: block; padding: 10px 55px; background: #969696; color: #fff; font-size: 18px; }

.m1 .proclass li a:hover,.m1 .proclass li.on a{ background: #193888 }

.mtop h4{

	color: #afafaf;

    font-size: 46px;

    font-weight: normal;

    font-family: "Asimov";

}

.mtop span{

	font-size: 32px;

	display: block;

    line-height: 32px;

    color: #555;

    padding-bottom: 25px;

    background: url(../images/titi.png) no-repeat bottom center;

    position: relative;z-index: 2

}



.m2{

	/*margin-top: 145px;*/

	padding-top: 70px; background: #F9F9FA

}





.case_content{ margin-top: 45px; }







.m3{ background: url('../images/aboutbg.png') no-repeat; height: 840px; position: relative; margin-top: 70px; overflow: hidden; }

.m3>.wrap{ margin-top: 85px; }

.about1{ height: 500px; background: url('../images/aboutbg2.png') no-repeat; position: relative; overflow: hidden;}

.about1 h4.entit{ width: 550px; position: absolute; left: 50%; margin-left: -275px; z-index: 0; font-size: 90px; top: 50px; color: #c4c4c4 }

.about1 .mtop{ margin-bottom: 30px; }

.about1 .mtop span{ margin-top: 105px;	 }

.about1 .mtop p{ color: #193888; font-size: 25px; margin-top: 20px; font-family: '长城长宋体' }

.about1>p{ color: #666; font-size: 17px; line-height: 30px; padding: 0 40px; }

.about1>p b{ font-size: 20px; font-weight: bold; }

.about1 a.more{ display: inline-block;; background: #c00009; color: #fff; padding: 10px 25px; margin-top: 20px; }

.about1 a.more img{ vertical-align: middle; }



.about2{ width: 100%; height: 199px; position: absolute; left: 50%; bottom: 0px; margin-left: -50%;background-color: rgb(0, 0, 0,0.3); }



.about2  .m4a{ width: 20%; color: #fff; margin-top: 55px; }

.about2  .m4a .counter,.about2  .m4a .counter1{ font-size: 42px; color: #fff;font-family: "Asimov"; }

.about2  .m4a p{ font-size: 18px; }



.m4{ background: #f9f9fa; padding: 100px 0 }

.m4 .mtop span{ margin-bottom: 40px; }

.m4 .news1{ background: #fff; padding: 20px; height: 425px; overflow: hidden; width: 470px; }

.m4 .news1 .time{ color: #888888; font-size: 18px; }

.m4 .news1 .tit{ color: #333333; font-size: 20px; padding: 8px 0; display: block; font-weight: bold; }

.m4 .news1 a:hover .tit{ color: #C00009 }

.m4 .news2:hover .tit{ color: #C00009 }

.m4 .news3:hover .tit{ color: #C00009 }

.m4 .news4:hover .tit{ color: #C00009 }

.m4 .news1 .desc{ color: #888888; font-size: 17px; line-height: 25px; }

.m4 .news1 img.newsimg{ margin-top: 12px; }

.m4 .newsr{ width: 710px; }

.m4 .news2{ background: #fff; padding: 20px; height: 180px; overflow: hidden; margin-bottom: 15px; }

.m4 .news2 .fr{ width: 430px; }

.m4 .news2 .time{ color: #888888; font-size: 18px; padding: 8px 0;}

.m4 .news2 .tit{ color: #333333; font-size: 20px;  display: block; font-weight: bold; }

.m4 .news2 .desc{ color: #888888; font-size: 17px; line-height: 25px; }



.m4 .news3{ width: 347px;  height: 230px; background: #fff; padding: 20px}

.m4 .news3 .time{ color: #888888; font-size: 18px; }

.m4 .news3 .tit{ color: #333333; font-size: 20px; padding: 8px 0; display: block; font-weight: bold; }

.m4 .news3 .desc{ color: #888888; font-size: 17px; line-height: 25px; }

.m4 .news3 a.more{ margin-top: 20px; display: block; }

.m4 .news4{ width: 347px;  height: 230px; background: #fff; padding: 20px}

.m4 .news4 .time{ color: #888888; font-size: 18px; }

.m4 .news4 .tit{ color: #333333; font-size: 20px; padding: 8px 0; display: block; font-weight: bold; }

.m4 .news4 .desc{ color: #888888; font-size: 17px; line-height: 25px; }

.m4 .news4 a.more{ margin-top: 20px; display: block; }



.m5 { padding: 150px 0; background: url('../images/hzhbbg.png') no-repeat center; }

.m5 .wrap>.fl{ width: 380px; }

.m5 .wrap>.fl .etit{ font-size: 46px; color: #afafaf; line-height: 48px;}

.m5 .wrap>.fl .tit{ font-size: 32px; color: #555555; padding: 10px 0 14px 0;}

.m5 .wrap>.fl .tit i{ display: inline-block;; background: url('../images/icon2.png') no-repeat; width: 30px; height: 4px }

.m5 .wrap>.fl .tit2{ font-size: 22px; color: #193888;}

.m5 .wrap>.fr{ width: 820px; }

.m5 .wrap>.fr ul{}

.m5 .wrap>.fr ul li{ border: solid 1px #e8e8e8; margin-right: 15px; margin-bottom: 15px; }

.m5 .wrap>.fr ul li:nth-child(4n){ margin-right: 0; }



.foot{ background: #222222 }

.foot,.foot a{ color: #999999 }

.foot_h{ border-bottom: solid 1px #2f2f2f; }

.foot_h .flogo{ margin: 17px 0 }

.foot_h .flx{ color: #e6212a; font-size: 30px; margin-top: 20px; }

.foot_h .flx img{ vertical-align: unset; }

.foot .menu{ padding-bottom: 50px; }

.foot .menu a.fewm{ margin-top: 40px; }

.foot .menu dl{ margin-right: 40px; margin-top: 50px; }

.foot .menu dl dt{ font-size: 20px; color: #999999; font-weight: bold; margin-bottom: 12px; }

.foot .menu dl dd{ color: #777777; font-size: 16px; line-height: 27px; }

.foot .menu dl dd a{ color: #777777; }

.foot .menu dl dd a:hover{ color: #C00009 }



.copyright{ background: #000000 }

.copyright p{ color: #888888; line-height: 22px; font-size: 16px; padding: 15px 0;}

.serch{ position: relative; }

.serchbox{      position: absolute; top: -5px; left: -450px; z-index: 999; width: 505px; display: none; }

.serchbox { float: left; width: 506px; height: 50px; border:solid 1px #ccc; border-radius: 10px;  background: #fff}

.serchbox  input.stext{     height: 45px;  margin-top: 2px;  width: 290px;  margin-left: 10px;  margin-right: 5px;}

.serchbox  input.sub{ margin-top: -4px;    vertical-align: middle;    padding: 8px 16px;    /* color: #fff; */    background: #C00009;    color: #fff;}

.serchbox  input.sub:hover{ background: #d03333 }

.serchbox  a{ display: block; float: right;;  margin-top: 15px; margin-right: 30px;}







.sbanner{ width: 100%; height: 360px; margin-top: 115px; }







.location{ padding: 18px 0; border: solid 1px #eaeaea; display: none; }

.location p{ font-size: 18px; color: #888888 }

.location p a{ color: #888888 }

.location p img{ vertical-align: middle; }

.nytit{ text-align: center; margin-top: 55px; margin-bottom: 30px; }

.nytit h3{ color: #333333; font-size: 32px; }

.nytit p{ color: #c4c4c4; font-size: 25px; }

.nytit i{ display: block; width: 94px; height: 3px; background: url(../images/nyicon.png) no-repeat; margin: 0 auto }

ul.sub{ text-align: center; }

ul.sub li{ width: 155px; margin-right: 3px; display: inline-block; }

ul.sub li a{ display: block; background: #b1b1b1; height: 45px; line-height: 45px; color: #fff; font-size: 20px; text-align: center; border-radius: 5px }

ul.sub li a:hover,ul.sub li.active a{ background: #193888 }



.promain{ margin-top: 40px; }

.promain .swiper-slide{ text-align: center; width: 378px; float: left; border: solid 1px #e2e2e2; height: 300px; margin-right: 33px; margin-bottom: 33px;}

.promain .swiper-slide:nth-child(3n){ margin-right: 0 }

.promain .swiper-slide>img{ width: 100%; text-align: center; }

.promain .swiper-slide h5{ font-size: 24px; color: #555; text-align: center; margin-top: 15px }

.promain .swiper-slide p{ font-size: 17px; color: #777; text-align: center; line-height: 26px; padding: 0 35px; margin-top: 15px; }

.promain .swiper-slide a.more{  color: #fff; padding: 7px 15px; font-size: 18px; display: inline-block; margin-top: 10px; background: #b5b5b5; margin-top: 20px;}

.promain .swiper-slide:hover a.more{ background: #C00009 }



.proimgl{ width: 520px; }

.proviewmain{ margin-top: 60px; }

.proviewmain .bimg{ width: 513px; height: 335px; border: solid 2px #ccc; }

.proviewmain .bimg img{ width: 100% }

.proviewmain .simgs{ margin-top: 6px; }

.proviewmain .simgs ul{}

.proviewmain .simgs ul li{ width: 32.3%; border: solid 1px #ccc; margin-right: 1%; }

.proviewmain .simgs ul li:nth-child(3){ margin-right: 0 }

.proviewmain .simgs ul li img{ width: 100% }

.proviewmain .simgs ul li:hover,.proviewmain .simgs ul li.active{ border: solid 1px #c00009; }



.proviewmain .simgs .gallery-thumbs{}

.proviewmain .simgs .gallery-thumbs .swiper-slide{ width: 32.3%; border: solid 1px #ccc; margin-right: 1%; height: 110px !important;}

.proviewmain .simgs .gallery-thumbs .swiper-slide-thumb-active{ border: solid 1px #c00009;}

.proviewmain .simgs .gallery-thumbs .swiper-slide:nth-child(3){ margin-right: 0 }

.proviewmain .simgs .gallery-thumbs .swiper-slide img{ width: 100% }

.proviewmain .simgs .gallery-thumbs .swiper-slide:hover,.proviewmain .simgs ul li.active{ border: solid 1px #c00009; }

.gallery-thumbs .swiper-wrapper {

    flex-direction: row;

}



.proimgr{ width: 635px; }

.proimgr h3{ font-size: 24px; color: #555555; line-height: 44px; }

.proimgr h4{ font-size: 20px; color: #555555; line-height: 40px}

.proimgr p{ font-size: 16px; color: 777 }

.proimgr a.more{    font-size: 18px;

display: inline-block;

margin-top: 35px; background: #C00009;

color: #fff;

padding: 8px 15px;}

.proviewtit{ color: #555; font-size: 24px; padding: 15px 0; border-bottom: solid 1px #dbdbdb; }

.proviewcon{ font-size: 16px; color: #777777; line-height: 26px; padding: 20px 0 }

.proviewcon img{ max-width: 100% }







.aboutdesc{ font-size: 16px; color: #777777; line-height: 26px; padding: 20px 0;}

.aboutm1{ width: 100%; height: 199px; background-color: #f2f2f2; }



.aboutm1 .m4a{ width: 20%; color: #555555; margin-top: 55px; }

.aboutm1 .m4a .counter,.aboutm1 .m4a .counter1{ font-size: 42px; color: #193888;font-family: "Asimov"; }

.aboutm1 .m4a p{ font-size: 18px; }

.aboutimg{ margin-top: 50px; margin-bottom: 50px; }

.aboutimg img{ width: 100% }









.newsmain{}

.newsmain ul{}

.newsmain ul li{ margin-bottom: 10px; }

.newsmain ul li a.newsimg{ width: 310px; height: 240px; }

.newsmain ul li a.newsimg img{ width: 100%; height: 100%； }

.newsmain ul li .newslistr{ width: 890px; padding: 30px; height: 240px;}

.newsmain ul li:hover .newslistr{  background: #f8f8f8  }

.newsmain ul li .newslistr a.newslisttit{ display: block; font-size: 18px; color: #555555; font-weight: bold; }

.newsmain ul li .newslistr span.dtime{ color: #959595; font-size: 16px; padding: 10px 0; display: block; }

.newsmain ul li .newslistr span.dtime img{ width: 22px; height: 22px; vertical-align: middle; }	

.newsmain ul li .newslistr p.desc{ line-height: 25px;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
.xiaocms-page {
    padding: 14px 0 30px!important;
}
.xiaocms-page a {
    height: 24px!important;
    line-height: 23px!important;
}
.xiaocms-page span {
    margin-left: 4px!important;
    height: 24px!important;
    line-height: 23px!important;
    background: #e6212a!important;
    border: 1px solid #e6212a!important;
}
.xiaocms-page a:hover {
    border: 1px solid #e6212a!important;
    background: #e6212a!important;
    color: #fff;
    text-decoration: none;
}
.newsmain ul li a.more{ display: inline-block; background: #b5b5b5; color: #fff; padding: 12px 24px; font-size: 18px; margin-top: 15px; }

.newsmain ul li a.more img{ height: 28px; padding-left: 5px; vertical-align: middle;}

.newsmain ul li:hover a.more{ background: #bf0008 }







.newsviewmain{ background: #fafafa; padding-top: 65px; margin-top: 50px; margin-bottom: 35px; }

.newsviewmain h2{ text-align: center; color: #333; font-size: 28px; }

.newsviewmain p.desc{ text-align: center; color: #666; font-size: 18px; margin-top: 8px; margin-bottom: 25px; }

.newsviewmain .zybox{ width: 90%; background: #fff; margin: 0 auto; padding: 25px 35px;  }

.newsviewmain .zy{ font-size: 22px;  color: #e6212a }

.newsviewmain .zy i{ width: 4px; height: 28px; background: #e6212a; margin-right: 10px; }

.newsviewmain .zybox p{ font-size: 16px; line-height: 30px; color: #666; margin-top: 10px }

.newsviewconter{ padding: 45px 25px; }

.newsviewconter{ line-height: 28px; color: #666; font-size: 16px; }

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

.newsviewmain .sxy{ width: 95%; margin: 0 auto; padding: 20px 0; border-top: solid 1px #cdcdcd; border-bottom: solid 1px #cdcdcd; margin-bottom: 25px; }

.newsviewmain .sxy li{ font-size: 18px; color: #444; font-weight: bold; line-height: 34px; }

.newsviewmain .sxy li a{}







.zjgk{ background: #f2f2f2; padding: 45px 30px; margin-top: 25px; }

.zjgk h3{ font-size: 24px; color: #444444 }

.zjgk p{ color: #666; font-size: 16px; line-height: 26px; margin-top: 20px; }

.zjgk p b{ font-size: 18px; color: #666 }

.contactbox{ padding: 35px; background: #f8f8f8; margin-top: 45px; margin-bottom: 35px; }

.contactr{ width: 605px; margin-top: 40px;}

.contactr h4{ font-size: 22px; color: #444; margin-bottom: 22px; padding-bottom: 22px; border-bottom: solid 1px #e6e6e6; }

.contactr p{ font-size: 17px; color: #444; line-height: 32px; }

.gbookbox{ background: url('../images/bookbg.png') no-repeat top center; padding-top: 35px; padding-bottom: 55px; }

p.js{ text-align: center; margin-bottom: 10px; }

input.text{ width: 680px; height: 54px; border-radius: 8px; margin: 0 auto; display: block; margin-top: 7px; padding: 0 25px }

.textarea{ width: 680px; height: 300px; border-radius: 8px; margin: 0 auto; display: block; margin-top: 7px; padding: 25px }

input.sub{ width: 100px; height: 45px; background: #b50000; color: #fff; font-size: 16px; margin: 0 15px;
    cursor: pointer;}

input.sub:hover{ background: #d03333 }

input.reset{ width: 100px; height: 45px; background: #bdbdbd; color: #fff; font-size: 16px; margin: 0 15px;
    cursor: pointer;}

input.reset:hover{ background: #909090 }

.gbookbox .textcenter{ margin-top: 35px; }





.hzcon{ background: url('images/hz_bg.png') no-repeat top center; }

.hezuomain{ margin-bottom: 50px; }

.hezuomain ul li{ border: solid 1px #e8e8e8; margin-right: 8px; margin-bottom: 8px; }

.hezuomain ul li:nth-child(6n){ margin-right: 0; }





.swiper-container-case .casetit{ position:absolute;width:100%;bottom:0;z-index:999; color:#fff;background: rgba(0,0,0,.5);text-align:center;padding:15px 0;font-size:16px}



.head_pc {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 115px;

    z-index: 9999999;

    background: #ffffff;

}

.head_active {

	height: 90px;

	transition: .25s;

	box-shadow: 0 0 15px rgba(0,0,0,.1);

}

.head_active .logo {

    display: inline-block;

    height: 55px;

    margin: 22px 0 0;

}

.head_active .logo img {

    height: 87%;

}

.head_active .nav {

    margin-top: 12px;

}

.head_active .serch {

    margin: 25px 20px 0 0;

}

.g_gww {

    overflow: hidden;

    display: block;

}

.g_gww img {

    max-width: 100%;

    max-height: 215px;

}

.g_gww:hover img {

    transform: scale(1.1);

}



.g_gwww {

    overflow: hidden;

    display: block;

}

.g_gwww .bnimg {

        background-size:  auto 100% !important;

}

.g_gwww:hover .bnimg {

    background-size:  auto 110% !important;

          -webkit-transition: background-size .5s linear;

          transition: background-size .5s linear;

}

.m4 .news2 a {

    overflow: hidden;

}

.m4 .news2:hover img {

    transform: scale(1.1);

}

.g_newss {

    overflow: hidden;

    display: block;

}

.g_newss:hover img {

    transform: scale(1.05);

}

.more:hover .g_newss img {

    transform: scale(1.1);

}

.newsmain ul li a {

    overflow: hidden;

}

.newsmain ul li:hover img {

    transform: scale(1.1);

}


.swiper-container-bn{ margin-top: 110px; }

@media only screen and (min-width:768px) and (max-width:1199px) {
.nav span {
    line-height: 70px;
    margin-left: 10px;
}
	.a1br{

		padding-top: 0;

	}

}

@media only screen and (min-width:768px) and (max-width:3000px) {

	

.swiper-container-pro .swiper-slide-next{ background: #fff; position: relative; z-index: 999; -webkit-transform:scale(1.1); 

    -moz-transform:scale(1.1); 

    -o-transform:scale(1.1); border: none; -webkit-transition:all 1s; 

    -moz-transition:all 1s;

    -o-transition:all 1s; -moz-box-shadow:0px 3px 13px #A3A3A3; -webkit-box-shadow:0px 3px 13px #A3A3A3; box-shadow:0px 3px 13px #A3A3A3;}

}


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

	.swiper-container-bn .swiper-pagination-bullet{

		width: 30px;

		height: 4px;

	}

}

@media only screen and (max-width:768px) {
  .swiper-container-bn{ margin-top: 0; }
  .swiper-container-pro{ margin-top: 25px; height: 330px }
  .swiper-container-pro .swiper-slide{ height: 300px; }

    .m1 .proclass li a {

        padding: 10px;

    }

	.aboutm1 .m4a{ width: 50%; margin-top: 35px;}

	.aboutm1 .m4a:nth-child(5){ width: 100% }

	.aboutm1{ height: auto; padding-bottom: 35px;}

	ul.sub li{ margin-bottom: 8px; }

	.contactbox{ padding: 0; }

	.contactbox .contactl{ width: 100% }

	.contactbox .contactl img{ width: 100% }

	.contactr{ width: 95%; margin: 0 auto; padding: 15px 0 }

	input.text{ width: 100% }

	.textarea{ width: 100% }

	.hezuomain ul li{ width: 49.5%; margin-right: 1% }

	.hezuomain ul li img{ width: 100% }

	.hezuomain ul li:nth-child(2n){ margin-right: 0; }



	.newsmain ul li a.newsimg{ width: 100%; height: auto }

	.newsmain ul li .newslistr{ width: 100%; height: auto; padding: 10px 0 }



	.proimgl{ width: 100% }

	.proviewmain .bimg{ width: 100%; height: auto; }

	.proimgr{ width: 100%; padding: 20px 0 }



	.sbanner{ height: 110px; background-position: center !important; background-size: cover !important; }

	.m1 .proclass li {

	    display: inline-block;

	    width: 48%;   margin: 1%;

	}

	.mtop h4{ font-size: 34px; }

	.about1 h4.entit{ font-size: 65px;top: 25px; }

	.about1 .mtop span{ margin-top: 75px; }

	.about1>p{ font-size: 12px; line-height: 24px; }

	.about1 .mtop{ margin-bottom: 10px; }

	.about1 .mtop p{ margin-top: 15px; }

	.m1{ padding-top: 20px }

	.mt_60{ margin-top: 30px; }

	.m2{ margin-top: 15px; padding-top: 40px; }

	.m4{ padding:40px 0; }

	.m4 .news1{ width: 100%; height: auto; margin-bottom: 15px;}

	.m4 .news1 img{ width: 100% }

	.m4 .newsr{ width: 100% }

	

	.m4 .news2{ width: 100%; height: auto;}

	.m4 .news2 a.newimg{ width: 100%; margin-bottom: 8px; }

	.m4 .news2 img{ width: 100% }

	.m4 .news2 .fr{ width: 100% }

	.m4 .news3{ width: 100%; margin-bottom: 15px;}

	.m4 .news4{ width: 100% }

	.m5{ padding: 30px 0; }

	.m5 .wrap>.fl{ width: 100%; text-align: center; }

	.m5 .wrap>.fl .tit i{ display: none; }

	.m5 .wrap>.fr{ width: 100%; margin-top: 20px;}

	.m5 .wrap>.fr ul li{ width: 48%;    margin-right: 2%; }

	.m5 .wrap>.fr ul li img{ width: 100% }

	.m5 .wrap>.fr ul li:nth-child(2n){ margin-right: 0 }

	.foot_h .flogo{ width: 100% }

	.foot_h .flogo img{ width: 100% }

	.foot_h .flx{    width: 100%;    text-align: center; margin-top: 0}

	.foot .menu dl{ width: 100%; float: none; }

	.foot .menu dl:nth-child(1),.foot .menu dl:nth-child(2),.foot .menu dl:nth-child(3){ display: none; }

	.foot .menu a.fewm{ display: block; margin:  auto; margin-top: 30px; float: none; text-align: center; }

	.foot .menu{ padding-bottom: 30px; }

	.about2{ width: 100%; position: static; margin-left: 0; height: auto;background-color: rgb(0, 0, 0,0.3); margin-top: 15px; padding-bottom: 13px; }

	.about2 .m4a{ width: 50%; margin-top: 25px; }

	.about2 .m4a:nth-child(5){ width: 100% }

	.about2 .m4a .counter, .about2 .m4a .counter1 {    font-size: 20px;    color: #fff;}

	.about2 .m4a p{ font-size: 18px; }

	.swiper-container-pro .swiper-slide-active a.more{ background: #C00009; color: #fff; padding: 15px 15px}

	.swiper-container-pro .swiper-slide-active a.more  img.icon1{ display: inline-block; }

	.swiper-container-pro .swiper-slide-active a.more  img.icon2{ display: none;}



}