<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*@font-face{ font-family: fontR; src: url('../fonts/SourceHanSansCN-Regular.otf');}*/
html,body{padding: 0;margin: 0;font-family:fontR,"寰蒋闆呴粦";font-size: 16px;color: #333333;overflow-x:hidden;}
.wrap{max-width: 1200px;margin: 0 auto;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
p{margin: 0;}
i,em{font-style: initial;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.flexcen{display: flex;justify-content: center;align-items: center;}
.flexsta{display: flex;justify-content: flex-start;align-items: center;}
.flexend{display: flex;justify-content: flex-end;align-items: center;}
.flexbet{display: flex;justify-content: space-between;align-items: center;}
.flexaro{display: flex;justify-content: space-around;align-items: center;}

/**瀵艰埅鑿滃崟**/
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;color: #333333;text-align: center;height: 100px;background: #fff;}
header .logo a{height: 100px;position: relative;z-index: 9999;display:flex;justify-content:center;align-items:center;}
header .logo img{max-height: 100%;}
header .rightDiv{float: right;}
header .rightDiv .menu{text-align: right;/* position: relative; */}
header .rightDiv .menu&gt;ul{display: inline-block!important;}
header .rightDiv .menu&gt;ul&gt;li{float: left;margin-right: 50px;}
header .rightDiv .menu&gt;ul&gt;li&gt;a{height: 100px;line-height: 100px;text-align: left;color: #333333;position: relative;font-size: 16px;}
header .rightDiv .menu&gt;ul&gt;li:hover&gt;a,
header .rightDiv .menu&gt;ul&gt;li:focus&gt;a,
header .rightDiv .menu&gt;ul&gt;li.on&gt;a,
header .rightDiv .menu&gt;ul&gt;li.active&gt;a{background:transparent;color: #053393!important;}
/* header .rightDiv .menu&gt;ul&gt;li&gt;a::after{content: "";width: 100%;position: absolute;left: 0;margin-left: 0;background: #12957f;height: 2px;bottom: 20px;opacity: 0;transform: scaleX(0);-webkit-transition: all 0.4s;transition: all 0.4s;}
header .rightDiv .menu&gt;ul&gt;li:hover&gt;a::after,
header .rightDiv .menu&gt;ul&gt;li.on&gt;a::after{opacity: 1;transform: scaleX(1);} */
header .rightDiv .telDiv{height: 100px;display: flex;justify-content: flex-start;align-items: center;text-align: left;}
header .rightDiv .telDiv span{color: #999999;}
header .rightDiv .telDiv p a{color: #053393;font-size: 24px;font-weight: bold;}
header .mbtn {display: inline-block;width: 50px;height: 50px;background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;right: 0;display: none;}
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;}
header.indexHeader .mbtn{background: url(../img/menu.png) no-repeat center center;background-size: 22px auto;}
body.on-menu header.indexHeader .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;}
.on-fixed header.indexHeader .mbtn{background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;}
body.on-menu.on-fixed header.indexHeader .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;}



/****搴曢儴***/
.footerDiv{background: #00051c;}
.footerDiv .hdDiv{padding:60px 0 30px;border-bottom: 1px solid #d7d7d7;}
.footerDiv .hdDiv .leftDiv{width: 32.5%;color: #fff;font-size: 14px;}
.footerDiv .hdDiv .leftDiv .p{margin-top: 30px;line-height: 2;}
.footerDiv .hdDiv .leftDiv .p a{color: #fff;}
.footerDiv .hdDiv .rightDiv{width: 61.2%;align-items: flex-start;}
.footerDiv .hdDiv .rightDiv .listDiv{margin-right: 9%;}
.footerDiv .hdDiv .rightDiv .listDiv:last-child{margin-right: 0;}
.footerDiv .hdDiv .rightDiv .listDiv span{font-size: 18px;color: #fff;border-bottom: 1px dashed #999999;display: inline-block;padding-bottom: 10px;margin-bottom: 15px;}
.footerDiv .hdDiv .rightDiv .listDiv a{color: #999;display: block;margin-bottom: 10px;font-size: 14px;}
.footerDiv .hdDiv .rightDiv .listDiv a:hover{color: #fff;}
.footerDiv .bdDiv{padding: 20px 0;text-align: left;font-size: 14px;color: #999999;}
.footerDiv .bdDiv .linkDiv a{margin-bottom: 10px;display: inline-block;}
.footerDiv .bdDiv a{color: #999999;}
.footerDiv .bdDiv a:hover{color: #fff;}

/* .floatRightDiv{position: fixed;right: 30px;top: 50%;transform: translateY(-50%);z-index: 99;}
.floatRightDiv a{display: flex;justify-content: center;align-items: center;width: 60px;height: 60px;box-shadow: 0px 0px 10px rgba(0,16,32,.1);border-radius: 5px;margin-bottom: 10px;position: relative;background: #fff;}
.floatRightDiv a&gt;div{position: absolute;right: 65px;top: 0;min-width: 160px;text-align: center;padding: 10px;background: #1D2088;box-shadow: 0px 0px 10px rgba(0,16,32,.1);min-height: 60px;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #fff;display: none;border-radius: 5px;}
.floatRightDiv a&gt;div img{width: 140px;}
.floatRightDiv a.backTop{background: #1d2088;display: none;}
.floatRightDiv a:hover&gt;div{display: flex;}
.on-fixed .floatRightDiv a.backTop{display: flex;} */


/********************************* 棣栭〉 **********************************/
.main{margin-top: 100px;}

/*banner杞挱*/
.index-banner{width: 100%;position:relative;}
.index-banner .swiper-slide{overflow: hidden;}
.index-banner .img{width: 100%;display: block;height: 41.66666vw;background: none no-repeat center;background-size: cover;}
.index-banner .img .wrap{position: relative;}
.index-banner .gridVideo{width: 100%;display: block;height: 41.66666vw;position: relative;position: absolute;left: 0;top: 0;}
.index-banner .gridVideo video {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;opacity: 1;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);transition: z-index 0s ease 0.7s,opacity 0.35s ease 0.7s;display: block;}
.index-banner .swiper-pagination{}
.index-banner .swiper-container-horizontal&gt;.swiper-pagination-bullets{bottom: 20px;}
.index-banner .swiper-pagination-bullet{width: 150px;height: 5px;background: #fff;border-radius: 0;opacity:.5;}
.index-banner .swiper-pagination-bullet-active{opacity: 1;position: relative;}
.index-banner .swiper-container-horizontal&gt;.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 25px;}
.index-banner .wrap{height: 100%;display:flex;justify-content:center;align-items:center;color: #fff;text-align: center;}
.index-banner .textDiv span{font-size: 3.125vw;font-weight: bold;}
.index-banner .textDiv p{font-size: 1.25vw;margin-top: 0.5vw;}
.index-banner .textDiv a{display: block;width: 150px;line-height: 38px;border: 1px solid #fff;color: #fff;text-align: center;margin-top: 30px; }
.index-banner .textDiv a:hover{background: #fff;color: #053393;}

.indexTitle{position: relative;text-align: center;}
.indexTitle span{position: relative;font-size: 36px;display: block;}
.indexTitle p{color: #999999;margin-top: 10px;letter-spacing: 2px;}

.indexDiv1{padding: 70px 0 90px;}
.indexDiv1 .rowDiv{margin-top: 50px;}
.indexDiv1 .row&gt;div a{display: block;height: 100%;position: relative;}
.indexDiv1 .row&gt;div .pic{position: relative;padding-top: 73.68%;}
.indexDiv1 .row&gt;div .pic .imgDiv{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;overflow: hidden;border-radius: 20px;}
.indexDiv1 .row&gt;div .pic .imgDiv img{width: 100%;height: 100%;object-fit: cover;}
.indexDiv1 .row&gt;div .bgDiv{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: flex-start;align-items: flex-end;color: #fff;background: url(../img/i-bg1.png) no-repeat center bottom/100%;}
.indexDiv1 .row&gt;div .bgDiv .textDiv{padding: 14px 15px;transition: transform .5s;}
.indexDiv1 .row&gt;div .bgDiv .textDiv span{font-size: 20px;display: block;margin-bottom: 5px;}
.indexDiv1 .row&gt;div .bgDiv .textDiv small{font-size: 14px;}
.indexDiv1 .row&gt;div a:hover .textDiv{transform: translateY(-20px);}
.indexDiv1 .row&gt;div{margin-bottom: 30px;}
/*.indexDiv1 .row&gt;div:nth-child(-n+3) .pic{position: relative;padding-top: 73.68%;}*/

.indexDiv2{padding: 70px 0;}
.indexDiv2 .indexTitle span,.indexDiv2 .indexTitle p{color: #fff;}
.indexDiv2 .row{margin: 0 -3.4%;}
.indexDiv2 .row&gt;div{padding: 0 3.4%;margin-top: 50px;}
.indexDiv2 .row&gt;div .conDiv{display: block;color: #fff;text-align: center;}
.indexDiv2 .row&gt;div .conDiv .dImg{display: block;margin: 0 auto;}
.indexDiv2 .row&gt;div .conDiv .hImg{display: none;}
.indexDiv2 .row&gt;div:hover .conDiv .dImg{display: none;}
.indexDiv2 .row&gt;div:hover .conDiv .hImg{display: block;margin: 0 auto;}
.indexDiv2 .row&gt;div .conDiv .numDiv{margin: 20px 0 5px;font-size: 24px;font-weight: bold;}

.indexDiv3{padding: 75px 0 95px;}
.indexDiv3 .bdDiv{display: flex;justify-content: center;align-items: center;margin: 0 -6.5px;margin-top: 45px;}
.indexDiv3 .bdDiv .itemDiv{width: 25%;transition: all 0.5s;}
.indexDiv3 .bdDiv .itemDiv .conDiv{position: relative;margin: 0 6.5px;border-radius: 20px;overflow: hidden;display: block;color: #fff;}
.indexDiv3 .bdDiv .itemDiv img{width: 100%;}
.indexDiv3 .bdDiv .itemDiv .textDiv{position: absolute;left: 0;bottom: 30px;margin: 0 20px;overflow: hidden;height: 26px;width: calc(100% - 40px);}
.indexDiv3 .bdDiv .itemDiv .textDiv span{font-size: 18px;letter-spacing: 1.5px;width: 430px;display: block;}
.indexDiv3 .bdDiv .itemDiv .textDiv p{font-size: 14px;margin-top: 15px;line-height: 1.8;display: none;}
.indexDiv3 .bdDiv .itemDiv:hover{width: 50%;}
.indexDiv3 .bdDiv .itemDiv:hover .textDiv{height: initial; }
.indexDiv3 .bdDiv .itemDiv:hover .textDiv p{display: block;}

.indexDiv4{padding: 0 0 120px;}
.indexDiv4 .row{margin: 14px -12px 0;}
.indexDiv4 .row&gt;div{padding: 0 12px;margin-top: 28px;text-align: center;}
.indexDiv4 .row&gt;div .pic{position: relative;padding-top: 61.1%;}
.indexDiv4 .row&gt;div .pic .imgDiv{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;overflow: hidden;border-radius: 10px;border: 1px solid #cccccc;}
.indexDiv4 .row&gt;div .pic .imgDiv img{max-width: 100%;max-height: 100%;}
.indexDiv4 .row&gt;div .p{color: #666;margin-top: 10px;}

.ny-banner{width: 100%;position:relative;height: 23.4375vw;}
.ny-banner .textDiv{color: #fff;text-align: center;letter-spacing: 2px;}
.ny-banner span{font-size: 2vw;font-weight: bold;display: block;}
.ny-banner small{font-size: 1.25vw;text-transform: uppercase;}

.bgf7f7f7{background: #f7f7f7;}

.casesDiv{padding: 50px 0 120px;}
.casesDiv .aDiv{margin-bottom: 54px;}
.casesDiv .aDiv a{display: block;position: relative;border-radius: 15px;overflow: hidden;}
.casesDiv .aDiv .pic{position: relative;padding-top: 25%;}
.casesDiv .aDiv .pic .imgDiv{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;overflow: hidden;border-radius: 20px;}
.casesDiv .aDiv .pic .imgDiv img{width: 100%;height: 100%;object-fit: cover;}
.casesDiv .aDiv .titleDiv{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.5);color: #fff;width: 100%;padding: 0 20px;line-height: 50px;}
.casesDiv .aDiv .titleDiv p{max-width: calc(100% - 100px);margin-right: 10px;font-size: 20px;}
.casesDiv .row{margin: 0 -1vw;}
.casesDiv .row&gt;div{margin-bottom: 39px;padding: 0 1vw;}
.casesDiv .row&gt;div a{display: block;border: 1px solid #bfbfbf;border-radius: 15px;overflow: hidden;padding: 20px;background: #fff;height: 100%; }
.casesDiv .row&gt;div a:hover{box-shadow: 0px 0px 16px rgba(0,0,0,.2);}
.casesDiv .row&gt;div .imgDiv{width: 59.26%;}
.casesDiv .row&gt;div .pic{position: relative;padding-top: 62.5%;}
.casesDiv .row&gt;div .pic .img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;overflow: hidden;border-radius: 10px;}
.casesDiv .row&gt;div .pic .img img{width: 100%;height: 100%;object-fit: cover;}
.casesDiv .row&gt;div .textDiv{width: 37%;}
.casesDiv .row&gt;div .textDiv span{color: #053393;font-size: 18px;}
.casesDiv .row&gt;div .textDiv p{color: #999999;margin: 15px 0;line-height: 1.8;letter-spacing: 1px; }
.casesDiv .row&gt;div .textDiv small{font-size: 14px;color: #053393;}

.pageDiv{margin-top: 20px;text-align: center;}
.pageDiv a,.pageDiv span{display: inline-block;line-height: 30px;margin: 0 8px;color: #333;padding: 0 11px;border-radius: 3px;background: #e6e6e6;}
.pageDiv a:hover,.pageDiv span{color: #fff;background: #053393;}


.soultionDiv{padding: 80px 0 100px;}
.soultionDiv ul li{margin-bottom: 30px;background: #fff;padding: 50px 50px 50px 30px;border-radius: 20px;overflow: hidden;border: 1px solid #bfbfbf;border-top: 6px solid #053393;}
.soultionDiv ul li .leftDiv{width: 33.9%;}
.soultionDiv ul li .leftDiv .pic{position: relative;padding-top: 63.15%;display:block; }
.soultionDiv ul li .leftDiv .pic .imgDiv{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;overflow: hidden;border-radius: 10px;}
.soultionDiv ul li .leftDiv .pic .imgDiv img{max-width: 100%;max-height: 100%;}
.soultionDiv ul li .rightDiv{width: 61.6%;position: relative;}
.soultionDiv ul li .rightDiv .numId{position: absolute;right: 0;top: -40px;font-size: 60px;color: #e5e5e5;font-weight: bold;}
.soultionDiv ul li .rightDiv span{display: block;font-size: 20px;}
.soultionDiv ul li .rightDiv p{color: #999999;line-height: 2;margin: 20px 0 20px;}
.soultionDiv ul li .rightDiv .aDiv a{display: inline-block;padding: 0 9px;border: 1px solid #bfbfbf;border-radius: 10px;font-size: 14px;color: #666;line-height: 34px;margin-right: 2px;margin-bottom: 7px;}
.soultionDiv ul li .rightDiv .aDiv a:last-child{margin-right: 0;}
.soultionDiv ul li .rightDiv .aDiv a:hover{background: #053393;color: #fff;border-color: #053393;}

.soultion2Div{padding: 60px 0 130px;}
.soultion2Div .hdDiv{text-align: center;margin-bottom: 59px;}
.soultion2Div .hdDiv a{font-size: 18px;color: #333333;padding-bottom: 5px;display: inline-block;}
.soultion2Div .hdDiv a.on{color: #053393;border-bottom: 1px solid #053393;}
.soultion2Div .hdDiv a:hover{color: #053393;}
.soultion2Div .row{margin: 0 -4.2%;}
.soultion2Div .row&gt;div{padding: 0 4.2%;text-align: center;margin-bottom: 48px;}
.soultion2Div .row&gt;div a{display: block;border: 1px solid #bfbfbf;border-radius: 20px;padding: 40px 30px 25px;height:100%;}
.soultion2Div .row&gt;div a .title{margin-top: 60px;font-size: 14px;color: #666666;}
.soultion2Div .row&gt;div a:hover .title{color: #053393;}
.soultion2Div .row&gt;div a:hover{border-color: #053393;}

.newsDiv{padding: 50px 0 120px;}
.newsDiv .hdDiv{text-align: center;margin-bottom: 46px;}
.newsDiv .hdDiv a{font-size: 18px;color: #333333;padding-bottom: 5px;display: inline-block;margin: 0 30px;}
.newsDiv .hdDiv a.on{color: #053393;border-bottom: 1px solid #053393;}
.newsDiv .hdDiv a:hover{color: #053393;}
.newsDiv .aDiv{margin-bottom: 54px;}
.newsDiv .aDiv a{display: block;position: relative;border-radius: 15px;overflow: hidden;}
.newsDiv .aDiv .pic{position: relative;padding-top: 25%;}
.newsDiv .aDiv .pic .imgDiv{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;overflow: hidden;border-radius: 20px;}
.newsDiv .aDiv .pic .imgDiv img{width: 100%;height: 100%;object-fit: cover;}
.newsDiv .aDiv .titleDiv{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.5);color: #fff;width: 100%;padding: 0 20px;line-height: 50px;}
.newsDiv .aDiv .titleDiv p{max-width: calc(100% - 100px);margin-right: 10px;font-size: 20px;}
.newsDiv ul li{margin-bottom: 39px;}
.newsDiv ul li a{display: block;border: 1px solid #bfbfbf;border-radius: 15px;overflow: hidden;padding: 20px;background: #fff;}
.newsDiv ul li a:hover{box-shadow: 0px 0px 16px rgba(0,0,0,.2);}
.newsDiv ul li .imgDiv{width: 38.79%;}
.newsDiv ul li .pic{position: relative;padding-top: 55.56%;}
.newsDiv ul li .pic .img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;overflow: hidden;border-radius: 10px;}
.newsDiv ul li .pic .img img{width: 100%;height: 100%;object-fit: cover;}
.newsDiv ul li .textDiv{width: 57.7%;}
.newsDiv ul li .textDiv .title{color: #053393;font-size: 18px;margin: 20px 0 10px;}
.newsDiv ul li .textDiv span{color: #838383;display: block;}
.newsDiv ul li .textDiv p{color: #999999;margin: 20px 0;line-height: 1.8;letter-spacing: 1px; }
.newsDiv ul li .textDiv small{font-size: 14px;color: #053393;}


.commonLeft{width: 250px;border-radius: 20px;overflow: hidden;box-shadow: 0px 3px 4px rgba(0,13,36,.05);}
.commonLeft .hd{background: #053393;color: #fff;text-align: center;font-size: 24px;height: 60px;display: flex;justify-content: center;align-items: center;}
.commonLeft .bd{padding: 0 15px;text-align: center;}
.commonLeft .bd a{display: block;font-size: 18px;color: #333;padding: 20px 0;border-bottom: 1px solid #e6e6e6;}
.commonLeft .bd a:last-child{border: 0;}
.commonLeft .bd a.on{color: #053393;}
.commonRight{width: calc(100% - 300px);}

.productDiv{padding: 90px 0 120px;}
.productDiv .commonRight .row{margin: 0 -14px;}
.productDiv .commonRight .row&gt;div{padding: 0 14px;margin-bottom: 30px;}
.productDiv .commonRight .row&gt;div a{display: block;border-bottom: 1px solid #bfbfbf;padding-bottom: 30px;}
.productDiv .commonRight .row&gt;div .pic{position: relative;padding-top: 64.3%;}
.productDiv .commonRight .row&gt;div .pic .imgDiv{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;border-radius: 10px;border: 1px solid #bfbfbf;}
.productDiv .commonRight .row&gt;div .pic .imgDiv img{height: 100%;width: 100%;object-fit: cover;}
.productDiv .commonRight .row&gt;div span{color: #333;text-align: center;margin:20px 0 10px;font-size: 18px; }
.productDiv .commonRight .row&gt;div p{font-size: 14px;color: #999999;line-height: 1.8;}
.productDiv .commonRight .row&gt;div a:hover span{color: #053393; }


.productDetailDiv{padding: 40px 0 100px;}
.productDetailDiv .commonRight .hdDiv .imgDiv{width: 280px;border: 5px solid #ececec;display: flex;justify-content: center;align-items: center;}
.productDetailDiv .commonRight .hdDiv .textDiv{width: calc(100% - 300px);font-size: 24px;font-weight: bold;}
.productDetailDiv .commonRight .bdDiv{margin-top: 50px;}
.productDetailDiv .commonRight .bdDiv .hd{border-bottom: 1px solid #d3ced2;}
.productDetailDiv .commonRight .bdDiv .hd span{position:relative;display: block;width: 128px;line-height: 42px;border:1px solid #d3ced2;text-align: center;margin-left: 11px;border-bottom: 0;border-radius: 4px 4px 0 0;color: #1D2088;font-weight: bold;font-size: 18px;}
.productDetailDiv .commonRight .bdDiv .hd span:after{content: "";width: 100%;height: 1px;background: #fff;bottom: -1px;left: 0;position: absolute;}
.productDetailDiv .commonRight .bdDiv .bd{padding: 20px;}
.productDetailDiv .commonRight .bdDiv .bd .textDiv p{line-height: 1.8;}

.crumbs{font-size: 14px;color: #999999;margin: 30px 0 0;}
.crumbs a{color: #999999;}
.crumbs a:hover{color: #DA5267;}

.contactDiv1{padding: 80px 0 60px;}
.contactDiv1 .mapDiv{width: 100%;border: 1px solid #a6a6a6;border-radius: 20px;overflow: hidden;margin-bottom: 60px;}
.contactDiv1 .textDiv{width: 50%;padding-left: 45px;}
.contactDiv1 .textDiv .title{font-size: 24px;position: relative;}
.contactDiv1 .textDiv .p{margin-top: 30px;}
.contactDiv1 .textDiv .p p{margin-top: 20px;color: #666666;align-items: flex-start;}
.contactDiv1 .textDiv .p p span{min-width: 78px;}
.contactDiv1 .textDiv .p p span img{margin-right: 10px;}
.contactDiv1 .rightDiv{width: 50%;}
.contactDiv1 .rightDiv .ewmDiv{margin: 0 20px 0 40px;width: 50%;}
.contactDiv1 .rightDiv .ewmDiv span{width: 16px;color: #999;margin-left: 18px;line-height: 1.2;}

.contactDiv2{padding: 60px 0 90px;}
.contactDiv2 .bdDiv{padding: 40px;background: url(../img/c-bg.jpg) no-repeat center center/cover;color: #fff;border-radius: 20px;overflow: hidden;box-shadow: 0px 13px 29px rgba(0,0,0,.35); }
.contactDiv2 .bdDiv span{font-size: 30px;}
.contactDiv2 .bdDiv p{margin:10px 0 60px;}
.contactDiv2 .row&gt;div{margin-bottom: 29px;}
.contactDiv2 input{width: 100%;display: block;line-height: 50px;background: #fff;padding: 0 10px;border: 0;}
.contactDiv2 textarea{width: 100%;display: block;height: 180px;background: #fff;padding: 10px;border: 0;resize: none;}
.contactDiv2 button{display: block;width: 150px;line-height: 40px;background: #fff;color: #053393;border: 0;text-align: center;margin:10px auto 0;cursor: pointer;}

.detailDiv {padding:50px 0 60px;}
.detailDiv .articleDiv .hd .title{font-size: 30px;color: #333333;font-weight: bold;}
.detailDiv .articleDiv .hd .smTit{display: flex;justify-content: space-between;align-items: center;font-size: 12px;color: #666666;border-top: 1px solid #e6e6e6;padding-top: 18px;margin-top: 25px;}
.detailDiv .articleDiv .hd .smTit span{display: inline-block;padding-left: 18px;}
.detailDiv .articleDiv .hd .smTit span.user{background: url(../img/user.png) no-repeat left center;text-transform: uppercase;margin-right: 30px;}
.detailDiv .articleDiv .hd .smTit span.date{background: url(../img/time1.png) no-repeat left center;}
.detailDiv .articleDiv .hd .smTit span.news{background: url(../img/news.png) no-repeat left center;margin-right: 20px;}
.detailDiv .articleDiv .bd {text-align: center;}
.detailDiv .articleDiv .bd p{font-size: 16px;color: #333333;line-height: 1.8;margin: 30px 0;text-align: left;}
.detailDiv .otherPage{border-top: 1px solid #e6e6e6;padding-top: 20px;}
.detailDiv .otherPage&gt;div{margin-top: 10px;font-size: 14px;color: #999999;}
.detailDiv .otherPage&gt;div a{color: #333;}
.detailDiv .otherPage&gt;div a:hover{color: #053393;}

.aboutDiv1{padding: 90px 0;}
.aboutDiv1 .indexTitle span{color: #053393;}
.aboutDiv1 .textDiv p{color: #999999;margin-top: 30px;line-height: 2;}

.aboutDiv2{padding: 60px 0 80px;background: url(../img/a-bg1.jpg) no-repeat center center;color: #fff;position: relative;}
.aboutDiv2:after{content: "";width: 100%;height: 1px;background: #fff;position: absolute;left: 0;bottom: 91px;z-index: 0;}
.aboutDiv2 .wrap{max-width: 1340px;}
.aboutDiv2 .bdDiv{padding: 0 70px;position: relative;margin-top: 60px;z-index: 1;}
.aboutDiv2 .bdDiv .swiper-container{padding: 0 11px 11px;}
.aboutDiv2 .swiper-slide{padding: 20px;position: relative;border-left: 1px solid #fff;margin-bottom: 36px;}
.aboutDiv2 .swiper-slide:after{content: "";width: 22px;height: 22px;background: url(../img/yuan.png) no-repeat left bottom;position: absolute;left: -11px;bottom: -45px;}
.aboutDiv2 .swiper-slide .year{font-size: 60px;}
.aboutDiv2 .swiper-slide span{font-size: 18px;display: block;margin: 0 0 10px;}
.aboutDiv2 .swiper-slide p{font-size: 14px;}
.aboutDiv2 .swiper-button-next, .aboutDiv2 .swiper-button-prev{opacity: 1;background-size: 100% 100%;width: 19px;height: 23px;margin-top: -31.5px;}
.aboutDiv2 .swiper-button-prev{background: url(../img/a-l.png) no-repeat center center;left: 0;background-size: 100% 100%;}
.aboutDiv2 .swiper-button-next{background: url(../img/a-r.png) no-repeat center center;right: 0;background-size: 100% 100%;}
.aboutDiv2 .swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity: 0.5;}
.aboutDiv2 .swiper-slide:hover{border-left-color: #009ae1;}
.aboutDiv2 .swiper-slide:hover .conDiv{transform: scale(1.1);color: #009ae1;}

.aboutDiv3{padding: 100px 0 50px;}
.aboutDiv3 .indexTitle span{color: #053393;}
.aboutDiv3 .bdDiv{margin-top: 40px;}
.aboutDiv3 .bdDiv .leftDiv{width: 16.666666%;}
.aboutDiv3 .bdDiv .leftDiv .p{margin-bottom: 80px;}
.aboutDiv3 .bdDiv .leftDiv .p span{font-size: 24px;}
.aboutDiv3 .bdDiv .leftDiv .p p{color: #666;margin-top: 10px;}
.aboutDiv3 .bdDiv .leftDiv .p.on {color: #053393;}
.aboutDiv3 .bdDiv .rightDiv{width: 73%;}
.aboutDiv3 .bdDiv .rightDiv .imgDiv{opacity: 0;position: absolute;right: 0;top: 0;width: 100%;visibility: hidden;}
.aboutDiv3 .bdDiv .rightDiv .imgDiv.on{opacity: 1;position: relative;visibility: visible;transition: all .6s ease-in .3s ;}

.aboutDiv4{padding: 50px 0;}
.aboutDiv4 .indexTitle span{color: #053393;}
.aboutDiv4 .bdDiv{margin-top: 45px;text-align: center;}
.aboutDiv4 .bdDiv .conDiv{border-radius: 20px;overflow: hidden;padding: 15% 11%;height: 100%;transition: all .6s;}
.aboutDiv4 .bdDiv .conDiv .textDiv{background: rgba(255,255,255,.6);border-radius: 10px;padding: 40px 20px;min-height: 377px;}
.aboutDiv4 .bdDiv .conDiv .textDiv .numId{font-size: 60px;color: #053393;font-weight: bold;}
.aboutDiv4 .bdDiv .conDiv .textDiv span{font-size: 18px;color: #000;margin: 20px 0;display: block;}
.aboutDiv4 .bdDiv .conDiv .textDiv p{line-height: 1.8;color: #000;}
.aboutDiv4 .bdDiv .conDiv:hover{transform: translateY(-10px);}
.aboutDiv4 .swiper-container{padding-bottom: 60px;padding-top:10px;}
.aboutDiv4 .swiper-container-horizontal&gt;.swiper-pagination-bullets{bottom: 20px;}
.aboutDiv4 .swiper-pagination-bullet{width: 10px;height: 10px;background: #999999;border-radius: 10px;opacity:1;}
.aboutDiv4 .swiper-pagination-bullet-active{opacity: 1;position: relative;width: 30px;background: #053393;}
.aboutDiv4 .swiper-container-horizontal&gt;.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}

.aboutDiv5{padding: 70px 0;}
.aboutDiv5 .indexTitle span{color: #053393;}
.aboutDiv5 .bdDiv{margin-top: 40px;}
.aboutDiv5 .swiper-container{padding-bottom: 60px;}
.aboutDiv5 .swiper-slide{text-align: center;}
.aboutDiv5 .swiper-slide span{color: #666666;display: block;margin-top: 15px;}
.aboutDiv5 .swiper-container-horizontal&gt;.swiper-pagination-bullets{bottom: 20px;}
.aboutDiv5 .swiper-pagination-bullet{width: 10px;height: 10px;background: #999999;border-radius: 10px;opacity:1;}
.aboutDiv5 .swiper-pagination-bullet-active{opacity: 1;position: relative;width: 30px;background: #053393;}
.aboutDiv5 .swiper-container-horizontal&gt;.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}

.aboutDiv6{padding: 20px 0 70px;}
.aboutDiv6 .indexTitle span{color: #053393;}
.aboutDiv6 .indexTitle small{font-size: 24px;}
.aboutDiv6 .bdDiv{margin-top: 40px;}
.aboutDiv6 .swiper-container{padding-bottom: 60px;}
.aboutDiv6 .swiper-container-horizontal&gt;.swiper-pagination-bullets{bottom: 20px;}
.aboutDiv6 .swiper-pagination-bullet{width: 10px;height: 10px;background: #999999;border-radius: 10px;opacity:1;}
.aboutDiv6 .swiper-pagination-bullet-active{opacity: 1;position: relative;width: 30px;background: #053393;}
.aboutDiv6 .swiper-container-horizontal&gt;.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}

.aboutDiv6 .conDiv .pic{position: relative;padding-top: 61.1%;}
.aboutDiv6 .conDiv .pic .imgDiv{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;overflow: hidden;border-radius: 10px;border: 1px solid #cccccc;}
.aboutDiv6 .conDiv .pic .imgDiv img{max-width: 100%;max-height: 100%;}
.aboutDiv6 .conDiv .p{color: #666;margin-top: 10px;text-align: center;}

.aboutDiv7{padding: 0 0 120px;}
.aboutDiv7 .indexTitle span{color: #053393;font-size: 24px;}
.aboutDiv7 .bdDiv{margin-top: 50px;}
.aboutDiv7 .row{margin: 0 -25px;}
.aboutDiv7 .row&gt;div{padding: 0 25px;}
.aboutDiv7 .row&gt;div .conDiv{height: 100%;background: url(../img/a-bg2.jpg) no-repeat center center/cover;color: #fff;border-radius: 20px;overflow: hidden;padding: 30px 60px; }
.aboutDiv7 .row&gt;div .conDiv span{font-size: 30px;display: block;}
.aboutDiv7 .row&gt;div .conDiv .p{margin-top: 20px;}
.aboutDiv7 .row&gt;div .conDiv .p p{font-size: 20px;}

/*body:after {
    content: '';
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    display: none;
}
body.on-menu:after {
    display: block;
}*/


.menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu:after,.menu&gt;ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.menu #menu-button{display:none}
.menu{width:auto;}
#menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.menu&gt;ul&gt;li{float:left}
/*.menu.align-center&gt;ul{font-size:0;text-align:center}
.menu.align-center&gt;ul&gt;li{display:inline-block;float:none}
.menu.align-center ul ul{text-align:left}
.menu.align-right&gt;ul&gt;li{float:right}
.menu.align-right ul ul{text-align:right}*/
.menu&gt;ul&gt;li&gt;a{padding:0;font-size:15px;text-decoration:none;text-transform:uppercase;color:#555555;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
.menu&gt;ul&gt;li:hover&gt;a,.menu&gt;ul&gt;li.active&gt;a{color:#fff}
.menu&gt;ul&gt;li.has-sub&gt;a{padding-right:0}
/*.menu&gt;ul&gt;li.has-sub&gt;a::after{position:absolute;top:50%;margin-top:-6px;right:-12px;width:8px;height:8px;border-bottom:2px solid #333333;border-right:2px solid #333333;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
.indexHeader .menu&gt;ul&gt;li.has-sub&gt;a::after{border-color: #fff;}
.on-fixed  .indexHeader .menu&gt;ul&gt;li.has-sub&gt;a::after{border-color: #333;}
.menu&gt;ul&gt;li.has-sub:hover&gt;a::after{border-color:#f80e02!important;}
.menu&gt;ul&gt;li.has-sub.on&gt;a::after{border-color:#f80e02;}*/
.menu ul ul{position:absolute;left:0;text-align: center;width: 100%;opacity: 0;visibility: hidden;transform: translateY(-20px);transition: transform .6s;}
.menu li:hover&gt;ul{opacity: 1;visibility: visible;transform: translateY(0);}
/*.menu.align-right li:hover&gt;ul{right:0}*/
.menu ul ul ul{right:100%;top:10px;}
.menu ul ul li:hover&gt;ul{left: auto;margin-left: 0;}
/*.menu.align-right ul ul ul{margin-left:0;margin-right:100%}*/
.menu ul ul li{-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;float: left;margin-right: 60px;}
.menu ul ul{padding: 10px 0 30px;background: #fff;}
.menu ul ul .flexcen{align-items: flex-start;}
.menu ul ul .list{margin: 0 20px;}
.menu ul ul .list&gt;a{font-size: 16px;color:#333;text-decoration:none;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;}
.menu ul ul .alist a{display: block;font-size: 14px;color: #888;margin-top: 15px;text-decoration:none;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;}
.menu ul ul a:hover{color: #053393; }
/* header .rightDiv .menu&gt;ul&gt;li{position: relative;}
header .rightDiv .menu&gt;ul&gt;li ul{min-width: 160px;}
header .rightDiv .menu&gt;ul&gt;li:hover ul{margin-left: 50%;transform: translateX(-50%);}
header .rightDiv .menu&gt;ul&gt;li li{display: block;float: initial;width: 100%;}
header .rightDiv .menu&gt;ul&gt;li li a{font-size: 14px;color: #666666;margin: 0;line-height: 36px;font-weight: normal;text-align: left;text-transform: capitalize;padding: 0 10px 0 40px;background: url(../img/jt1.png) no-repeat 26px center;}
header .rightDiv .menu&gt;ul&gt;li li a:hover{color: #fff;background: url(../img/jt2.png) #12957f no-repeat 26px center;}
.menu ul .default ul{padding: 0;} */


/*.menu ul ul li.has-sub&gt;a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
.menu.align-right ul ul li.has-sub&gt;a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd}
.menu ul ul li.has-sub:hover&gt;a::after{border-color:#fff}*/

@media (max-width:1220px) {
	.wrap{padding: 0 15px;}
	header .rightDiv .menu&gt;ul&gt;li{margin-right: 25px;}
}
@media (max-width:1100px) {
}
@media (min-width:992px) and (max-width:1024px) {
}
@media (min-width:768px) and (max-width:991px) {
	
}
@media (max-width:991px){
	.menu{width:100%}
	.menu ul{width:100%;display: block;}
	.menu&gt;ul&gt;li&gt;a{padding: 0 20px;}
	.menu.align-center&gt;ul,.menu.align-right ul ul{text-align:left}
	.menu ul li,.menu ul ul li,.menu ul li:hover&gt;ul&gt;li{width:100%;height:auto;border-top:1px solid rgba(0,0,0,.2);}
	/*.indexHeader .menu ul li,.indexHeader .menu ul ul li,.indexHeader .menu ul li:hover&gt;ul&gt;li{border-top:1px solid rgba(255,255,255,.2);}*/
	/*.on-fixed .indexHeader .menu ul li,.on-fixed .indexHeader .menu ul ul li,.on-fixed .indexHeader .menu ul li:hover&gt;ul&gt;li{border-top:1px solid rgba(0,0,0,.2);}*/
	.menu ul li a,.menu ul ul li a{width:100%}
	.menu&gt;ul&gt;li,.menu.align-center&gt;ul&gt;li,.menu.align-right&gt;ul&gt;li{float:none;display:block}
	.menu ul ul li a{padding:0 20px 0 30px;font-size:12px;color:#333;background:0 0}
	.menu ul ul li:hover&gt;a,.menu ul ul li a:hover{color:#333}
	
	.indexHeader .menu ul ul li a{color:#fff;}
	.indexHeader .menu ul ul li:hover&gt;a,.indexHeader .menu ul ul li a:hover{color:#fff}
	
	.on-fixed .indexHeader .menu ul ul li a{color:#333;}
	.on-fixed .indexHeader .menu ul ul li:hover&gt;a,.indexHeader .menu ul ul li a:hover{color:#333}
	
	.menu ul ul ul li a{padding-left:40px}
	.menu ul ul,
	.menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
	.menu&gt;ul&gt;li.has-sub&gt;a::after,.menu ul ul li.has-sub&gt;a::after{display:none}
	#menu-line{display:none}
	.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
	.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff}
	.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff}
	.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer}
	.menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}
	
	/*.indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(255,255,255,.2);height:52px;width:52px;cursor:pointer}
	.indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
	.indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;z-index:99}*/
	
	/*.on-fixed .indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer}
	.on-fixed .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.on-fixed .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}*/
	
	
	.menu .submenu-button.submenu-opened:after{display:none}
	.menu ul ul{background: transparent;border-bottom:none;padding: 0;}
	.menu ul ul ul{top: 0;}
	.menu li:hover&gt;ul{left: auto;margin-left: auto;}
	.menu ul ul .wrap{padding:0;}
	header .rightDiv .menu&gt;ul&gt;li li a{text-align: left;line-height: 50px;}
	/*header.indexHeader .rightDiv .menu&gt;ul&gt;li li a{color: #fff;}*/
/*	.on-fixed header.indexHeader .rightDiv .menu&gt;ul&gt;li li a{color: #333;}*/
	
	header {
		position: fixed !important;
		z-index: 9999;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 50px;
		transition: right 300ms !important;
	}
	header .logo a{height: 50px;width: initial;}
	header .logo a img{max-height: 50%;}
	header .mbtn {display: block;}
	body.on-menu header.indexHeader{background: #fff;}
	body.on-menu.on-fixed  header.indexHeader{background: #fff;}
	body.on-menu header .mbtn{z-index: 1;}
	header .rightDiv .menu {
		float: right;
		position: fixed;
		top: 50px;
		right: 0;
		width: 100%;
		height: 100%;
		padding-top: 0;
		background-color: #fff;
		/*border-bottom: 1px solid #f8f8f847;*/
		transition: right 300ms;
		right: -100%;
		padding: 0;
		overflow-y: auto;
	}
	header.indexHeader .rightDiv .menu{background-color: background: #fff;}
	.on-fixed header .rightDiv .menu{
		background-color: #fff;
	}
	header .rightDiv .menu ul{float: initial;}
	/*header .rightDiv .menu ul.open{background: #000;}*/
	header .rightDiv .menu ul li {
		padding: 0;
		margin: 0;
		/*border-bottom: 1px solid #f8f8f847;*/
		float: initial;
		position: relative;
	}
	header .rightDiv .menu ul li a {
		display: block;
		line-height: 50px;
		height: 50px;
		text-align: left;
		font-size: 16px;
	}
	header.indexHeader .rightDiv .menu&gt;ul&gt;li&gt;a{color: #333;}
	header .rightDiv .menu&gt;ul&gt;li&gt;a small{display: none;}
	header .rightDiv .menu&gt;ul {display: block;padding-top: 0;}
	body.on-menu header .rightDiv .menu {right: 0;}
	body.on-menu .main {right: 0;}
	header .rightDiv .menu&gt;ul&gt;li&gt;a{padding:0 15px;background: none;}
	header .rightDiv .menu&gt;ul&gt;li&gt;a::after{display: none;}
	header .rightDiv .menu&gt;ul&gt;li:hover,header .rightDiv .menu&gt;ul&gt;li:focus,header .rightDiv .menu&gt;ul&gt;li.on{background: none;}
	.menu ul ul{box-shadow: none;}
	.menu ul ul li a .iconDiv{display: none;}
	.menu ul ul li&gt;a{margin-bottom: 0;}
	.menu ul ul li .alist a{margin: 0;}
	.main {position: relative;right: 0;transition: right 300ms !important;margin-top: 50px;}
	header .rightDiv .telDiv{float: initial;padding: 0 15px;height: initial; }
	
	
	header .rightDiv .menu ul ul a{line-height: 30px;height: 30px;margin-top: 10px; }
	header .rightDiv .menu ul ul .alist{overflow: hidden;margin-bottom: 10px; }
	header .rightDiv .menu ul ul .alist a{font-size: 14px;width: 50%;float:left;margin-top: 0; }
	
}

.hidden-xs{display: block;}
.visible-xs{display: none;}

/*鎵嬫満*/
@media (max-width:767px) {
	
	.hidden-xs{display: none;}
	.visible-xs{display: block;}
	.floatRightDiv{display: none;}
	
	.index-banner .textDiv span{font-size: 20px; }
	.index-banner .textDiv p{font-size: 14px; }
	.index-banner .textDiv a{width: 100px;line-height: 28px;font-size: 12px;margin-top: 10px; }
	.index-banner .swiper-container-horizontal&gt;.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px; }
	.index-banner .swiper-pagination-bullet{width: 20px;height: 2.5px;}
	.index-banner .swiper-container-horizontal&gt;.swiper-pagination-bullets{bottom: 10px;}
	
	.indexTitle span{font-size: 22px;}
	.indexTitle p{font-size: 14px;margin-top: 0px; }
	
	.indexDiv1 .rowDiv{margin-top: 25px; }
	.indexDiv1 .row{margin: 0 -6px; }
	.indexDiv1 .row&gt;div{padding: 0 6px;}
	.indexDiv1 .row&gt;div{margin-bottom: 12px; }
.indexDiv1 .row&gt;div .bgDiv .textDiv span{font-size:17px;}
	/*.indexDiv1 .row&gt;div:nth-child(-n+3){flex: 0 0 100%; max-width: 100%;}*/
	.indexDiv1{padding: 25px 0 55px;}
	.indexDiv1 .leftDiv .p{margin: 20px 0;font-size: 14px;}
	.indexDiv1 .rightDiv{margin-left: 0;margin-top: 20px;padding: 15px 15px 0 0;}
	
	.indexDiv2{padding: 35px 0 ;}
	.indexDiv2 .row{margin: 0 -5px; }
	.indexDiv2 .row&gt;div{margin-top: 25px;padding: 0 5px; }
	.indexDiv2 .row&gt;div .conDiv img{width: 50px;}
	.indexDiv2 .row&gt;div .conDiv .numDiv{font-size: 20px;margin: 10px 0 0; }
	.indexDiv2 .row&gt;div p{font-size: 14px; }
	
	.indexDiv3{padding: 35px 0 50px;}
	.indexDiv3 .bdDiv{display: block;overflow: hidden;margin-top: 25px; }
	.indexDiv3 .bdDiv .itemDiv{width: 50%;float: left;margin: 6.5px 0; }
	.indexDiv3 .bdDiv .itemDiv .conDiv{height:90px;}
	.indexDiv3 .bdDiv .itemDiv:hover{width: 50%;}
	.indexDiv3 .bdDiv .itemDiv .textDiv{height: initial;padding: 0 10px;bottom: 10px;width: 100%;margin: 0; }
	.indexDiv3 .bdDiv .itemDiv .textDiv span{width: 100%;font-size: 15px;letter-spacing: initial; }
	.indexDiv3 .bdDiv .itemDiv .textDiv p{display: block;margin-top: 5px; }
	
	.indexDiv4{padding-bottom: 40px; }
	.indexDiv4 .row&gt;div{padding: 0 6px;margin-top: 12px; }
	.indexDiv4 .row&gt;div .p{font-size: 12px;margin-top: 5px; }
	
	.footerDiv .hdDiv{padding: 30px 0;}
	.footerDiv .hdDiv .leftDiv{width: 100%;}
	.footerDiv .hdDiv .leftDiv img{max-width: 50%; }
	.footerDiv .hdDiv .rightDiv{width: 100%;margin-top: 20px;display: block; }
	.footerDiv .hdDiv .rightDiv .listDiv{display: none; }
	.footerDiv .hdDiv .rightDiv .listDiv:last-child{display: block; }
	
	.ny-banner{height: 30vw;}
	.ny-banner span{font-size: 20px; }
	.ny-banner small{font-size: 14px; }
	
	.casesDiv{padding: 30px 0 60px;}
	.casesDiv .aDiv{margin-bottom: 35px; }
	.casesDiv .aDiv .pic{padding-top: 50%; }
	.casesDiv .aDiv .titleDiv{padding: 0 10px;line-height: 40px; }
	.casesDiv .aDiv .titleDiv p{font-size: 16px; }
	.casesDiv .aDiv .titleDiv span{font-size: 14px; }
	.casesDiv .row&gt;div{margin-bottom: 20px; }
	.casesDiv .row&gt;div a{padding: 10px 10px 20px; }
	.casesDiv .row&gt;div .imgDiv{width: 100%;}
	.casesDiv .row&gt;div .textDiv{width: 100%;margin-top: 10px; }
	.casesDiv .row&gt;div .textDiv p{margin: 10px 0; }
	
	.soultionDiv{padding: 40px 0 50px;}
	.soultionDiv ul li{padding: 20px 15px;margin-bottom: 20px;}
	.soultionDiv ul li .leftDiv{width: 100%;float: initial;}
	.soultionDiv ul li .rightDiv{width: 100%;margin-top: 30px;float: initial;}
	
	.soultion2Div{padding: 30px 0 60px;}
	.soultion2Div .hdDiv{margin-bottom: 20px;display: block;}
	.soultion2Div .hdDiv a{font-size: 14px;margin: 0 15px 10px;}
	.soultion2Div .row{margin: 0 6px;}
	.soultion2Div .row&gt;div{padding: 0 6px;margin-bottom: 12px;}
	.soultion2Div .row&gt;div a{padding: 20px 15px 12px;border-radius: 10px;}
	.soultion2Div .row&gt;div a .imgDiv{height: 60px;}
	.soultion2Div .row&gt;div a .imgDiv img{max-height: 100%;}
	.soultion2Div .row&gt;div a .title{margin-top: 30px;}
	
	
	.newsDiv{padding: 30px 0 60px;}
	.newsDiv .hdDiv{margin-bottom: 20px;}
	.newsDiv .hdDiv a{font-size: 14px;margin: 0 15px;}
	.newsDiv .aDiv{margin-bottom: 35px; }
	.newsDiv .aDiv .pic{padding-top: 50%; }
	.newsDiv .aDiv .titleDiv{padding: 0 10px;line-height: 40px; }
	.newsDiv .aDiv .titleDiv p{font-size: 16px; }
	.newsDiv .aDiv .titleDiv span{font-size: 14px; }
	.newsDiv ul li{margin-bottom: 20px; }
	.newsDiv ul li a{padding: 10px 10px 20px; }
	.newsDiv ul li .imgDiv{width: 100%;}
	.newsDiv ul li .textDiv{width: 100%;}
	.newsDiv ul li .textDiv p{margin: 10px 0; }
	
		
	.crumbs{margin: 10px 0 0;}
	
	.commonLeft{width: 100%;float: initial;}
	.commonLeft .hd{height: 50px;font-size: 20px;}
.commonLeft .bd{overflow:hidden;}
	.commonLeft .bd a{padding: 10px 0;font-size: 14px;width:50%;float:left;}
	.commonRight{width: 100%;float: initial;margin-top: 20px;}
	
	.productDiv{padding: 20px 0 70px;}
	.productDiv .commonRight .row{margin: 0 -5px;}
	.productDiv .commonRight .row&gt;div{padding: 0 5px;margin-bottom: 20px;}
	.productDiv .commonRight .row&gt;div a{padding-bottom: 15px;}
	.productDiv .commonRight .row&gt;div span{margin: 10px 0 5px;}
	.productDiv .commonRight .row&gt;div p{line-height: 1.6;}
	
	.productDetailDiv{padding: 20px 0 50px;}
	.productDetailDiv .commonRight .hdDiv .imgDiv{float: initial;margin: 0 auto;}
	.productDetailDiv .commonRight .hdDiv .textDiv{float: initial;width: 100%;margin-top: 20px;font-size: 18px;text-align: center;}
	.pageDiv a, .pageDiv span{margin: 0 3px;font-size: 14px;}
	
	.contactDiv1{padding: 40px 0 35px;}
	.contactDiv1 .mapDiv{width: 100%;margin-bottom: 30px;}
	.contactDiv1 .textDiv{width: 100%;padding-left: 0;float: initial;}
	.contactDiv1 .textDiv .title{font-size: 20px;}
	.contactDiv1 .rightDiv{width: 100%;float: initial;margin-top: 30px;}
	.contactDiv1 .rightDiv .ewmDiv{margin: 0;width: 35%;display: block;}
	.contactDiv1 .rightDiv .ewmDiv span{width: 100%;margin-left: 0;text-align: center;display: block;margin-top: 10px;font-size: 14px;}
	.contactDiv2{padding: 30px 0 45px;}
	.contactDiv2 .bdDiv{padding: 20px;}
	.contactDiv2 .bdDiv p{margin: 10px 0 30px;}
	.contactDiv2 .bdDiv span{font-size: 24px;}
	.contactDiv2 .row&gt;div{margin-bottom: 20px;}
	
	.aboutDiv1{padding: 45px 0;}
	.aboutDiv1 .textDiv p{margin-top: 15px;}
	.aboutDiv2{padding: 30px 0 40px;}
	.aboutDiv2:after{bottom: 51px;}
	.aboutDiv2 .bdDiv{padding: 0 40px;margin-top: 30px;}
	.aboutDiv2 .swiper-slide .year{font-size: 30px;}
	.aboutDiv3{padding: 50px 0 25px;}
	.aboutDiv3 .bdDiv .leftDiv{width: 100%;display: flex;justify-content: space-between;}
	.aboutDiv3 .bdDiv .leftDiv .p{margin-bottom: 0px;}
	.aboutDiv3 .bdDiv .rightDiv{width: 100%;margin-top: 20px;}
	.aboutDiv3 .bdDiv .leftDiv .p span{font-size: 16px;}
	.aboutDiv3 .bdDiv .leftDiv .p p{font-size: 14px;margin-top: 5px;display:none;}
	.aboutDiv3 .bdDiv{margin-top: 20px;}
	.aboutDiv4{padding: 25px 0;}
	.aboutDiv4 .bdDiv .conDiv{padding: 30px;}
	.aboutDiv4 .bdDiv .conDiv .textDiv{padding: 20px;}
	.aboutDiv4 .bdDiv .conDiv .textDiv .numId{font-size: 36px;}
	.aboutDiv4 .bdDiv .conDiv .textDiv span{margin: 10px 0;}
	.aboutDiv4 .bdDiv .conDiv .textDiv p{font-size: 14px;}
	
	.aboutDiv5{padding: 35px 0;}
	.aboutDiv5 .bdDiv{margin-top: 20px;}
	.aboutDiv6{padding: 10px 0 35px;}
	.aboutDiv6 .indexTitle small{font-size: 16px;}
	.aboutDiv6 .conDiv .p{font-size: 14px;}
	.aboutDiv6 .bdDiv{margin-top: 20px;}
	
	.aboutDiv7{padding-bottom: 60px;}
	.aboutDiv7 .indexTitle span{font-size: 18px;}
	.aboutDiv7 .bdDiv{margin-top: 25px;}
	.aboutDiv7 .row&gt;div{margin-bottom: 20px;}
	.aboutDiv7 .row&gt;div .conDiv{padding: 15px 30px;}
	.aboutDiv7 .row&gt;div .conDiv span{font-size: 22px;}
	.aboutDiv7 .row&gt;div .conDiv .p{margin-top: 10px;}
	
	
	@media (max-width:320px) {
		
		
		
	}
	
}</pre></body></html>