@media only screen and (min-width:956px) and (max-width:1300px){ 

  .com04 { padding: 70px 0 90px}
  .com04 .bot {position: relative;width: 94%;margin: auto;overflow: hidden;}
  .com04 .box h4 { font-size: 16px; margin-top: 18px;}
  .com04 .swiper-button-prev { left: -20px; }
  .com04 .swiper-button-next { right: -20px; } 
}
@media (max-width: 1480px){
.n_banner { width: 100%; margin-top:70px;}

@media only screen and (min-width:956px) and (max-width:1268px){ 



 
.pc-1200px {display: none!important;}
.drawer-nav { display: block; } 
/* drawer-hamburger */
.headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: var(--dex)!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
.drawer-hamburger
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
.headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
.drawer--right .drawer-nav{right: -100%!important;} 
.headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
.headerwrap{background-color: #FFFFFF;}
.sj-language{position: absolute;right: 20px;bottom: 50px;}
.drawer--right.drawer-open .drawer-nav{overflow-y: scroll;height: calc(100% - 60px )!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
.drawer--right .drawer-nav>.drawer-menu{width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6%; position: relative;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6.4%; position: relative;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: var(--dex);}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
.drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger { display: block!important; width: 60px!important; height: 60px!important; padding: 0px!important; top: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: var(--dex)!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: var(--dex)!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
.drawer-open .drawer-hamburger-icon {background-color: var(--dex)!important;}
.drawer-menu-item:hover { color: var(--dex)!important; } 
.drawer-nav .lang {display: none;}
.drawer-open  .drawer-nav .lang  {display: flex; position: fixed; right: 40px; bottom: 30px;  z-index: 10;}
.drawer-open  .drawer-nav .lang a {font-size: 16px; color: #666;}
.drawer-open  .drawer-nav .lang span {margin: 0 10px;font-size: 16px;color: #666;}
/* 3ji */
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item {color: #666;  border-bottom: 1px solid #ddd; padding-bottom: 6px!important; font-size: 14px!important;}
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item.sanji {font-size: 12px!important;padding-bottom: 6px!important;    width: 73%!important;    color: #999;}



/* head footer */
.icenter {width: 94%;}
.head .icenter .right {display: none;}
.head { height: 60px; }
.div1 {background-color: #fff; -webkit-box-shadow: 0 6px 30px 0 rgba(0,0,0,.2); box-shadow: 0 6px 30px 0 rgba(0,0,0,.2);}
.div1 .head .icenter .logo {filter: none;}
.div1 .head .icenter li a{color: #333;}
.div1 .head .icenter .tools a {color: #666;}
.div1 .head .icenter .right .tools a:nth-of-type(2) {border-color: rgb(111 109 109 / 40%);}
.div1 .head .icenter .right .tools .lang img{filter: invert();}
footer .icenter .top {display: none;}
footer .icenter .bot .share {display: none;}
footer .waves {display: none;}
footer .icenter .icon {display: none;}
footer .icenter .bot { margin-top: 0px; } 
footer { padding: 20px 0; }
footer .icenter .bot .left { justify-content: center; }

 
/* header footer banner */
.div1 .head .right {display: none;}
.div1 .left a .logo1 { display: block; }
.div1 .left a .logo2 {display: none;}
.head { width: 94%;}
.div1 .left a img { width: 142px; }
.div1 { border-bottom: 0px; }
.i_banner { height: calc(100% - 60px); margin-top: 60px; }
.i_banner .box .text {width: 94%;}
.i_banner .box .h3_img { width: 100%; margin-bottom: 10px; }
.i_banner .box h4 { font-size: 18px; margin-bottom: 25px; }
.more { font-size: 12px; width: 100px; height: 34px;}
.i_banner .more {width: 128px;}
.i_h5_banner,.i_h5_banner img {display: block; height: 100%;}
.i_banner .box .bg {display: none;}
footer .logo {display: none;}
footer .mid {display: none;}
footer .bot .ri {display: none;}
footer .bot .power .b_power {display: none;}
footer .bot .share {display: none;}
footer .bot {border-top: 0px;padding-top: 0px;justify-content:center;}
footer .bot .power .t_power { flex-flow: wrap; display: flex; justify-content: center; margin-bottom: 0px;}
footer { border-bottom: 0px solid var(--dex); }
footer .bot .le { justify-content: center; }

.icenter3 { width: 94%; }
 
 
/* news */
.news_top .le { width: 53%; padding: 38px 42px; }
.news_com h3 { font-size: 18px; line-height: 27px; margin-bottom: 16px; }



/* com */
.com01 dl dd strong { font-size: 37px; line-height: 32px; }
.com01 dl dd img { height: 38px; }
.com01 dl dd h4 { font-size: 60px; margin: 17px 0 5px; }
.com02 .ding_wen { left: 6%; top: 14%; width: 40%; }
.com02 .ding_wen h3 { font-size: 23px; margin-bottom: 10px; }
.com02 .box .text h4 { font-size: 25px; }
.com02 .box .text p { font-size: 14px; line-height: 24px; width: 292px; margin-bottom: 29px; margin-top: 24px; }
.com02 .bot_nav .g span { font-size: 16px; }
.com02 .bot_nav .g img { width: 28px; }


.com05 .bot .le { width: 434px; height: 528px; padding: 43px 36px 0; }
.com05 .bot .ri { top: 15px; width: 400px; height: 400px; }
 
 
.vi_box .box .video { position: relative; width: 94%; height: auto; }
.vi_box .box video { width: 100%; height: auto; }
.vi_box .box .video img.close { right: -4px; top: -40px;}

 
.com_nav .icenter3 .le { font-size: 18px; }
.com_nav a { padding: 0 10px; font-size: 15px; }
.com01 .top .le h3 { font-size: 27px; line-height: 41px; margin-bottom: 20px; }
.com01 .top .le h4 { font-size: 15px; line-height: 23px; margin-bottom: 12px; }
.com02 .ding_wen h3 { font-size: 20px; margin-bottom: 10px; max-width: 71%; }

 

}
@media only screen and (min-width:750px) and (max-width:1000px){

	/* .drawer-nav { display: none; }
.drawer-hamburger{display: none;} */

/* header */
.pc-1200px {display: none!important;}
.drawer-nav { display: block; } 
/* drawer-hamburger */
.headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: var(--dex)!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
.drawer-hamburger
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
.headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
.drawer--right .drawer-nav{right: -100%!important;} 
.headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
.headerwrap{background-color: #FFFFFF;}
.sj-language{position: absolute;right: 20px;bottom: 50px;}
.drawer--right.drawer-open .drawer-nav{overflow-y: scroll;height: calc(100% - 60px )!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
.drawer--right .drawer-nav>.drawer-menu{width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6%; position: relative;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6.4%; position: relative;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: var(--dex);}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
.drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger { display: block!important; width: 60px!important; height: 60px!important; padding: 0px!important; top: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: var(--dex)!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: var(--dex)!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
.drawer-open .drawer-hamburger-icon {background-color: var(--dex)!important;}
.drawer-menu-item:hover { color: var(--dex)!important; } 
.drawer-nav .lang {display: none;}
.drawer-open  .drawer-nav .lang  {display: flex; position: fixed; right: 40px; bottom: 30px;  z-index: 10;}
.drawer-open  .drawer-nav .lang a {font-size: 16px; color: #666;}
.drawer-open  .drawer-nav .lang span {margin: 0 10px;font-size: 16px;color: #666;}
/* 3ji */
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item {color: #666;  border-bottom: 1px solid #ddd; padding-bottom: 6px!important; font-size: 14px!important;}
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item.sanji {font-size: 12px!important;padding-bottom: 6px!important;    width: 73%!important;    color: #999;}



/* head footer */
.icenter {width: 94%;}
.head .icenter .right {display: none;}
.head { height: 60px; }
.div1 {background-color: #fff; -webkit-box-shadow: 0 6px 30px 0 rgba(0,0,0,.2); box-shadow: 0 6px 30px 0 rgba(0,0,0,.2);}
.div1 .head .icenter .logo {filter: none;}
.div1 .head .icenter li a{color: #333;}
.div1 .head .icenter .tools a {color: #666;}
.div1 .head .icenter .right .tools a:nth-of-type(2) {border-color: rgb(111 109 109 / 40%);}
.div1 .head .icenter .right .tools .lang img{filter: invert();}
footer .icenter .top {display: none;}
footer .icenter .bot .share {display: none;}
footer .waves {display: none;}
footer .icenter .icon {display: none;}
footer .icenter .bot { margin-top: 0px; } 
footer { padding: 20px 0; }
footer .icenter .bot .left { justify-content: center; }
footer .bot .le { justify-content: center; }
 
/* header footer banner */
.div1 .head .right {display: none;}
.div1 .left a .logo1 { display: block; }
.div1 .left a .logo2 {display: none;}
.head { width: 94%;}
.div1 .left a img { width: 142px; }
.div1 { border-bottom: 0px; }
.i_banner { height: calc(100% - 60px); margin-top: 60px; }
.i_banner .box .text {width: 94%;}
.i_banner .box .h3_img { width: 100%; margin-bottom: 10px; }
.i_banner .box h4 { font-size: 18px; margin-bottom: 25px; }
.more { font-size: 12px; width: 100px; height: 34px;}
.i_banner .more {width: 128px;}
.i_h5_banner,.i_h5_banner img {display: block; height: 100%;}
.i_banner .box .bg {display: none;}
footer .logo {display: none;}
footer .mid {display: none;}
footer .bot .ri {display: none;}
footer .bot .power .b_power {display: none;}
footer .bot .share {display: none;}
footer .bot {border-top: 0px;padding-top: 0px;justify-content:center;}
footer .bot .power .t_power { flex-flow: wrap; display: flex; justify-content: center; margin-bottom: 0px;}
footer { border-bottom: 0px solid var(--dex); }


/* join */
.icenter3 { width: 94%; }
 
 
/* news */
.news_top .le { width: 53%; padding: 38px 42px; }
.news_com h3 { font-size: 18px; line-height: 27px; margin-bottom: 16px; }
  
 
/* com */
.com01 dl dd strong { font-size: 37px; line-height: 32px; }
.com01 dl dd img { height: 38px; }
.com01 dl dd h4 { font-size: 60px; margin: 17px 0 5px; }
.com02 .ding_wen { left: 6%; top: 14%; width: 40%; }
.com02 .ding_wen h3 { font-size: 23px; margin-bottom: 10px; }
.com02 .box .text h4 { font-size: 25px; }
.com02 .box .text p { font-size: 14px; line-height: 24px; width: 292px; margin-bottom: 29px; margin-top: 24px; }
.com02 .bot_nav .g span { font-size: 16px; }
.com02 .bot_nav .g img { width: 28px; }
.com05 .bot .le { width: 434px; height: 528px; padding: 43px 36px 0; }
.com05 .bot .ri { top: 15px; width: 269px; height: 269px; }
 
 

.vi_box .box .video { position: relative; width: 94%; height: auto; }
.vi_box .box video { width: 100%; height: auto; }
.vi_box .box .video img.close { right: -4px; top: -40px;}

  
/* com */
.com_nav .icenter3 .le { font-size: 18px; }
.com_nav a { padding: 0 10px; font-size: 15px; }
.com01 .top .le h3 { font-size: 27px; line-height: 41px; margin-bottom: 20px; }
.com01 .top .le h4 { font-size: 15px; line-height: 23px; margin-bottom: 12px; }
.com02 .ding_wen h3 { font-size: 20px; margin-bottom: 10px; max-width: 71%; } 

 

 
}



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


/* header */
.drawer-nav { display: block; } 
/* drawer-hamburger */
.headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: var(--dex)!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
.drawer-hamburger
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{ padding-top: 80px; width: 30%; z-index: 20;}
.headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
.drawer--right .drawer-nav{right: -100%!important;} 
.headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
.headerwrap{background-color: #FFFFFF;}
.sj-language{position: absolute;right: 20px;bottom: 50px;}
.drawer--right.drawer-open .drawer-nav{overflow-y: scroll;height: calc(100% - 60px )!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
.drawer--right .drawer-nav>.drawer-menu{width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6%; position: relative;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6.4%; position: relative;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: var(--dex);}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
.drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger { display: block!important; width: 60px!important; height: 60px!important; padding: 0px!important; top: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: var(--dex)!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: var(--dex)!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
.drawer-open .drawer-hamburger-icon {background-color: var(--dex)!important;}
.drawer-menu-item:hover { color: var(--dex)!important; } 
.drawer-nav .lang {display: none;}
.drawer-open  .drawer-nav .lang  {display: flex; position: fixed; right: 40px; bottom: 30px;  z-index: 10;}
.drawer-open  .drawer-nav .lang a {font-size: 16px; color: #666;}
.drawer-open  .drawer-nav .lang span {margin: 0 10px;font-size: 16px;color: #666;}
/* 3ji */
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item {color: #666;  border-bottom: 1px solid #ddd; padding-bottom: 6px!important; font-size: 14px!important;}
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item.sanji {font-size: 12px!important;padding-bottom: 6px!important;    width: 73%!important;    color: #999;}


 
/* head footer */
.icenter {width: 94%;}
.head .icenter .right {display: none;}
.head { height: 60px; }
.div1 {background-color: #fff; -webkit-box-shadow: 0 6px 30px 0 rgba(0,0,0,.2); box-shadow: 0 6px 30px 0 rgba(0,0,0,.2);}
.div1 .head .icenter .logo {filter: none;}
.div1 .head .icenter li a{color: #333;}
.div1 .head .icenter .tools a {color: #666;}
.div1 .head .icenter .right .tools a:nth-of-type(2) {border-color: rgb(111 109 109 / 40%);}
.div1 .head .icenter .right .tools .lang img{filter: invert();}
footer .icenter .top {display: none;}
footer .icenter .bot .share {display: none;}
footer .waves {display: none;}

footer .icenter .icon {display: none;}
footer .icenter .bot { margin-top: 0px; } 
footer { padding: 20px 0; }
footer .icenter .bot .left { justify-content: center; }
footer { border-bottom: 0px solid var(--dex); }


/* header footer banner */
.div1 .head .right {display: none;}
.div1 .left a .logo1 { display: block; }
.div1 .left a .logo2 {display: none;}
.head { width: 94%;}
.div1 .left a img { width: 142px; }
.div1 { border-bottom: 0px; }
.i_banner { height: calc(100% - 60px); margin-top: 60px; }
.i_banner .box .text {width: 94%;}
.i_banner .box .h3_img { width: 100%; margin-bottom: 10px; }
.i_banner .box h4 { font-size: 18px; margin-bottom: 25px;     width: 100%;}
.more { font-size: 12px; width: 100px; height: 34px;}
.i_banner .more {width: 128px;}
.i_h5_banner,.i_h5_banner img {display: block; height: 100%;}
.i_banner .box .bg {display: none;}
footer .logo {display: none;}
footer .mid {display: none;}
footer .bot .ri {display: none;}
footer .bot .power .b_power {display: none;}
footer .bot .share {display: none;}
footer .bot {border-top: 0px;padding-top: 0px;}
footer .bot .power .t_power { flex-flow: wrap; display: flex; justify-content: center; margin-bottom: 0px; line-height:30px;}

/* about */
.com_nav {top: -56px;height: 56px;}
.icenter3 {width: 94%;}
.com_nav a {    padding: 0 10px; font-size: 12px;}
.com_nav .icenter3 .le {font-size: 12px;}
.com01 {padding: 50px 0;}
.com01 .bg {display: none;}
.com01 .content  {flex-flow: wrap;  width: 94%;margin: auto;}
.com01 .ri {width: 100%;}
.com01 .top {width: 100%;padding-right: 0%;margin-top: 18px;}
.com01 .top .le h3 {font-size: 24px;line-height: 34px;margin-bottom: 16px;}
.com01 .top .le h4 {font-size: 16px;line-height: 26px;margin-bottom: 14px;}
.com01 dl dd img {height: 32px;}
.com01 dl {margin-top: 8px;flex-flow: wrap;}
.com01 dl dd strong {font-size: 34px;line-height: 38px;}
.com01 dl dd span {font-size: 14px;}
.com01 dl dd {width: 43%;}
.com01 dl dd img {top: 23px;}
.com01 .ri video { height: 205px; }
.com01 .ri .bo img { width: 52px; }
 
.com06 .icenter3 h5 {font-size: 20px;margin-bottom: 24px;text-align: center;}
.com06 .icenter3 h4 {font-size: 16px;margin-bottom: 4px;}
.com06 {padding: 50px 0;}
.vi_box .box .video {position: relative;width: 96%;height: auto;}
.vi_box .box video {width: 100%;height: auto;}
 
.com04 { background: url(com04_bg.jpg); background-size: cover; z-index: 1; background-attachment: fixed; padding: 60px 0 90px; position: relative;}
.com04 h3 {font-size: 30px;color: #fff;font-weight: bold;text-align: center;margin-bottom: 20px; position: relative; z-index: 1;}
.com04 .bot {position: relative;width: 100%;margin: auto;overflow: hidden;}
.com04 .button { opacity:0;}
.com04 .swiper-pagination { bottom: -50px; left: 50%; transform: translate(-50%, -50%); }
.com04 .swiper-pagination-bullet { opacity: 1; width: 12px; height: 12px; border-radius: 50%; margin: 0 6px!important; background-color:#fff;}
.com04 .swiper-pagination-bullet-active { opacity: 1; background-color:#004ea2;}



.com05 {padding: 90px 0 90px;position: relative;overflow: hidden;}
.com05 .s_tit {display: flex;justify-content: space-between;align-items: center;margin-bottom: 60px;}
.com05 .s_h3 {position: relative;font-size: 24px;color: #333333;font-weight: bold;}
.com05 .bot {height: auto;flex-flow: wrap;}
.com05 .bot .left { width: 100%; height: 100%; }
.com05 .bot .right { width: 100%; height: 100%; }
.com05 .bot dl {width: 100%;margin-top: 20px;}
.com05 .bot .left .date { width: 98px; height: 90px; }
.com05 .bot .left .date h4 { font-size: 34px; margin-bottom: 2px; height: 37px; line-height: 37px; }
.com05 .bot .left .date h5 { font-size: 14px; }
.com05 { padding: 50px 0; }
.com05 .bot dl dd a { padding: 14px 20px; }
.com05 .bot dl dd .le h4 { font-size: 32px; margin-bottom: 3px; height: 33px; line-height: 34px; }
.com05 .bot dl dd .le h5 { font-size: 14px; }
.com05 .bot dl dd .ri h4 { font-size: 14px; margin-bottom: 4px; }
.com05 .bot .nav { padding-left: 3%; width: 71%; }
.com05 .bot::before { width: 64%;}
.com05 .bot .nav a .le img { width: 24px; margin-right: 10px; }
.com05 .bot .nav a .ri { font-size: 30px; height: 21px; line-height: 20px; }


.com03 { padding: 50px 0 74px;}
.pagemap .maps .about04min .mapicon img {display: block;width: 5px;height: auto;}
.pagemap .maps .tt {bottom: 0px;}
.pagemap .maps .tt h3 {font-size: 26px;margin-bottom: 22px;}
.pagemap .maps .tt h4 {font-size: 13px;line-height: 23px;}
.pagemap .maps .tt h4::before {left: 2px;top: -12px;width: 30px;height: 3px;}
.vi_box .box .video img.close {right: 0px;}
.com02 .bot_nav .g span {font-size: 12px;}
.com02 .bot_nav .g img {width: 28px;}
.com02 .bot_nav .g {padding: 13px 2%;}
.com02 .box .text {    top: 21%; right: auto; left: 6%;}
.com02 .box .text h4 {font-size: 19px;}
.com02 .box .text p {    margin-bottom: 15px; font-size: 12px; line-height: 20px; width: 324px; margin-top: 24px;}
.com02 { height: 473px; }

.pagemap .maps .about04min {overflow: unset; width: 100%; margin: 0 0 0 00%; }
.pagemap,.com03 ,.pagemap .maps{ overflow: unset;}
.pagemap .maps .tt{ width:60%;position: absolute;bottom: -30px;}

.com_nav .icenter3 .ri { width: 73%; }

 
 
 
/* news */
.news_top {padding: 50px 0;}
.news_top a {flex-flow: wrap;}
.news_top .le {width: 100%; padding: 40px 33px;}
.news_top .ri {width: 100%;}
.news_com h3 {font-size: 18px;line-height: 28px;margin-bottom: 14px;    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;}
.news_com p {font-size: 12px;line-height: 22px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;}
.news_com .t {margin-bottom: 18px;}
.news_top .bot .swiper-pagination {bottom: -38px;}
.news dd a {flex-flow: wrap;}
.news dd a .imgbox {width: 100%;margin-bottom: 20px;}
.news dd a .text {width: 100%;}
.news dd {padding: 40px 0;}
.news .page {padding-bottom: 50px;}
.news dl {margin-bottom: 38px;}

 

}