body, html {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  min-height: 100vh;
  scroll-behavior: smooth;
  font-family: '微软雅黑',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
  line-height: 1.5;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
  color: #c1c1c1;
}
input,textarea{ font-family: '微软雅黑',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji; }
.flex.nowrap{ flex-wrap: nowrap; }
.flex.wrap{ flex-wrap: wrap; }
.flex{ display:flex;flex-wrap: wrap; } .block{display: block;} .hide{display: none; }
.width20{ width:20%;}
.width25{ width:25%;}
.width33{ width:33%;}
.width50{ width:50%;}
.width66{ width:66%;}
.btn{text-align:center;height:48px;line-height:48px;min-width:100px}
.btn.blue{color:#fff;background:#1f4083}
.btn:active{opacity:.8;cursor:pointer}
@media screen and (min-width:1500px) {
  .btn:hover{opacity:.8;cursor:pointer}
}
.size10{font-size:10px;} .size11{font-size:11px;} .size12{font-size:12px;} .size13{font-size:13px;} 
.size14{font-size:14px;} .size15{font-size:15px;} .size16{font-size:16px;} .size18{font-size:18px;} 
.size20{font-size:20px;} .size22{font-size:22px;} .size24{font-size:24px;} .size26{font-size:26px;} 
.size28{font-size:28px;} .size30{font-size:30px;} .size35{font-size:35px;}
.size40{font-size:40px;} .size45{font-size:45px;} .size50{font-size:50px;} .size55{font-size:55px;}.size60{font-size:58px;}
.rotate45{transform:rotate(45deg)} 
.rotate90{transform:rotate(90deg)}
.rotate180{transform:rotate(180deg)}
.rotate270{transform:rotate(270deg)}
.container{max-width:1500px;margin:auto}
@media screen and (max-width:1650px){
  .container{max-width:90%}
}
@media screen and (max-width:800px){
  .container{max-width:100%;box-sizing:border-box;padding-left:8px;padding-right:8px}
}

@font-face {
  font-family: "iconfont"; /* Project id 3401418 */
  src: url('./font/iconfont.woff2?3') format('woff2'),
        url('./font/iconfont.woff?1') format('woff'),
        url('./font/iconfont.ttf?t=1652661408942') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.relative{position:relative} .ohide{overflow:hidden} .absolute{  position: absolute; }
a{ text-decoration: none;color: initial; }
*{
  align-items:center;outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);transition:background-color .3s;
}

.look-more{ align-items: center;display: inline-flex; }
.look-more:hover{ color:#19418f; }
.look-more .icon{
    background:#1145ac url(../img/index/j1.light.png) -48px center no-repeat;
    border-radius:50px;margin-right:8px;height:50px;width:50px;font-size:15px;color:#fff;
    line-height:50px; transition: all .3s;
}
.look-more:hover .icon{ background-position: 10px center; }
dl,dt,dd,ul,li{ list-style: none; margin: 0; padding:0;}
#toTOP:hover{ background:#f0f0f0 }
#toTOP{
  display: block;
    box-shadow: 0 0 3px rgba(50,50,50,.1); border-radius:4px 0 0 4px;
  position: fixed;bottom:5vh; z-index: 99; right:0; width:50px; height:40px; line-height:40px; text-align: center; font-size: 20px;
  border-right:0 none; background:white; 
}
*{box-sizing: border-box;}
.fixed{ position: fixed; }

.Con{color:#1f4083} .Cwhite,.Cfff{color:#fff}
.C000{ color:#000 } .C111{ color:#111 } .C222{ color:#222 } .C333{ color:#333 } .C444{ color:#444 } 
.C555{ color:#555 } .C666{ color:#666 } .C777{ color:#777 } .C888{ color:#888 } .C999{ color:#999 }
.BGon{background:#1f4083} .BGwhite{ background:white; } .BGf8{ background:#f8f8f8 }
.bold{font-weight: bold;}
.mb0{ margin-bottom:0px}
.mb2{ margin-bottom:2px}
.mb4{ margin-bottom:4px}
.mb5{ margin-bottom:5px}
.mb6{ margin-bottom:6px}
.mb8{ margin-bottom:8px}
.mb10{ margin-bottom:10px}
.mb12{ margin-bottom:12px}
.mb14{ margin-bottom:14px}
.mb15{ margin-bottom:15px}
.mb16{ margin-bottom:16px}
.mb18{ margin-bottom:18px}
.mb20{ margin-bottom:20px}
.mb22{ margin-bottom:22px}
.mb24{ margin-bottom:24px}
.mb25{ margin-bottom:25px}
.mb26{ margin-bottom:26px}
.mb28{ margin-bottom:28px}
.mb30{ margin-bottom:30px}
.mb35{ margin-bottom:35px}
.mb40{ margin-bottom:40px}
.mb45{ margin-bottom:45px}
.mb50{ margin-bottom:50px}
.mb55{ margin-bottom:55px}
.mb60{ margin-bottom:60px}
.mb70{ margin-bottom:70px}
.mb80{ margin-bottom:80px}
.mb90{ margin-bottom:90px}
.mb100{ margin-bottom:100px}

.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.center{ text-align: center; }
[onclick]{ cursor:pointer }
.picture,.img{ background-size: cover; background-position: center; }
p{margin:0}

button{ background: none; border:solid 1px #ddd; }

::-webkit-scrollbar{width:9px; }
::-webkit-scrollbar-thumb{ background:#96a2ba; border:solid 1px white; border-radius: 10px; transition:.3s ease-in-out;}
::-webkit-scrollbar-track{ background-color:#f5f5f5}
::-webkit-scrollbar:hover{width:20px; }
::-webkit-scrollbar-thumb:hover {
  background: #1f4083;border-color:#1f4083;
}
.img,.picture,img{ transition: all .3s  }
.img:hover,.picture:hover,img:hover{ transition: all .3s;filter:contrast(140%) saturate(110%); }

.article_pagination{ flex-flow: wrap; display: flex; align-items: center; justify-content: center; font-size:14px; padding: 20px 0 70px;  }
.article_pagination>a{ min-width:34px; padding:0 5px; height:34px; line-height: 33px; margin:0 5px; text-align: center; border:solid 1px #dbdbdb; color:#333; }
.article_pagination>a.on,.article_pagination>a:hover{ background:#1f4083; color:white; cursor: pointer; }
.article_pagination>a.gray,.article_pagination>a.gray:hover{color:gray; background:#dfdfdf; cursor: not-allowed; }
#header{ overflow:visible;position: sticky; top:0; left:0; background:white;z-index:99 }
.header-box .header>a:first-child{ margin-left: 2vw; } 
.header-box .header *{ white-space:nowrap;flex-wrap: nowrap; }
.header-box .header .link{ min-width:6vw; max-width:104px; text-align:center;transition:all,.5s;padding:0 3px;display: block; position: relative; font-size: 15px; }
.header-box .header .link:hover dd{ display: block; }
.header-box .header .link dd a{ padding:6px 24px;}
.header-box .header .link dd{ position: absolute; left:-4px; top:100px; min-width:120px; background: white;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height: 2.4; display: none; text-align: left;
  border-bottom:solid 2px #1f4083;
}
.header-box .header .link dd a:hover{  color:#fff; background:#1f4083; }
.header-box .header .link a{ transition:all 0s;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.header-box .header .link a.on{color:#183c85; }
.header-box .header{margin:0 auto;height:100px;line-height:100px;background:#fff;display:flex;align-items:center;justify-content:space-between;position: relative; z-index: 8; }
.header-box{box-shadow:0 0 10px 1px rgba(22,22,22,.1);}

.header-box .mobile-menu{position: absolute; top:0; padding-top:50px; left:0; width:100%; display: none; max-height: 100vh; overflow-y: auto; }
.header-box.closeMenu .mobile-menu,.header-box.closeMenu .close_btn{display: none !important; }
.talephone_box .close_btn{ display: none; color:#1f4083;margin:0 18px 0 0; line-height:35px;width:35px; font-size: 20px; }
.header-box .mobile-menu>li{ display:block; text-indent: 15px; border-bottom:solid 1px #e1e1e1; background: #f5f5f5; position: relative; }
.header-box .mobile-menu>li>div{ position: absolute; right: 0; top:0;height:52px; width: 100px; }
.header-box .mobile-menu>li>div:after{ content:"";display:block; position: absolute; right:18px; top:28px; width:24px; border-bottom:solid 1px gray;  }
.header-box .mobile-menu>li>div:before{ content:"";display:block; position: absolute; right:30px; top:16px; height:24px; border-left:solid 1px gray;  }
.header-box .mobile-menu>li.more>div:before{ display: none; }
.header-box .mobile-menu dd{ display: none;border-top:solid 1px #ddd; padding:16px 0; }
.header-box .mobile-menu a{ display: inline-block; padding:15px 0; }
.header-box .mobile-menu dd a{ display: block; font-size: 95%; padding: 8px 10px; }
.header-box .mobile-menu>li.more dd{ display: block; }
.header-box .mobile-menu .on{color:#183c85;font-weight:700}
.talephone_box [class*=icon-]{ color:#1f4083;margin:0 18px 0 0;border:solid #1f4083 1px;border-radius:50px;line-height:35px;width:37px;
  font-size:20px;transition:all .3s;display: block; background:white }
.talephone_box .onfocus,.talephone_box .icon-search:hover{ width:156px; display: flex; }
.talephone_box input{ display: none; width:75%; }
.talephone_box .onfocus input,.talephone_box .icon-search:hover input{ display: block; flex:auto; padding:0 10px; border-radius: 20px; border:0 none; }
.talephone_box .onfocus .iconfont,.talephone_box .icon-search:hover .iconfont{ padding:0 8px; cursor: pointer; }
.header-box .icon-open{display: none;}
.talephone_box .absolute{position:absolute;right:0;top:0;align-items:center}
.talephone_box .telephone{background:#1f4083;color:#fff;padding:0 25px;margin-left:15px}
.talephone_box{text-align:center;width:380px}

.mobile_bar{ display: none; }

.contact_us_bg .gongan-mobile{ display: none; }
.contact_us_bg{line-height:1.8;background:#3b3b3b;color:#bababa }
.contact_us_bg .gongan .flex{text-align:center;height:50px; color:#c7c7c7;align-items: center; }
.contact_us_bg .gongan img{ margin-left:5vw; }
.contact_us_bg .gongan{border-top:solid 1px rgba(200,200,200,.2); }
.contact_us_bg .gongan>div>div{ display: flex; }
.contact_us_bg .bottom{background:#3b3b3b;font-size:14px}
.contact_us_bg .bottom .column-left{width:30%;position: relative;}
.contact_us_bg .bottom .column-left .column-left-line{ width: 40px; height: 3px; background: white; margin-bottom: 30px;}
.contact_us_bg .bottom .column-left::after{content: "";display: block; position: absolute; right: 0;top:40px; height:260px; border-right: solid 1px rgba(200,200,200,.2); }
.contact_us_bg .bottom .column{width:69%;display:flex;justify-content:space-around;margin-bottom:26px; align-items: flex-start;  }
.contact_us_bg .bottom .column .item{margin-bottom:10px;  }
.contact_us_bg a{ text-decoration: none; color:#bababa; }
.contact_us_bg .bottom .column .item a:visited{color:#bababa; }
.contact_us_bg .bottom .column .item a:hover{color:#fff }
.contact_us_bg .bottom .column .item:first-child a{color:#fff;}
.contact_us_bg .bottom .column .item:first-child{ font-size:18px;margin-top:48px }
.contact_us_bg .container{line-height:1.5;display:flex;justify-content:space-between; align-items: flex-start; }
.contact_us_bg .logo{display:block;margin:21px 0 40px}
@media screen and (max-width:1500px){
  .talephone_box{ width: 340px; }
  .header-box .header .size24{font-size:16px;padding:0 20px; }
  .header-box .header img{max-height:55px;}
  .header-box .header .link{ font-size: 14px; }
}
@media screen and (max-width:1400px){.bottom .column-left{display:none}
    .contact_us_bg .bottom .column{width:100%}
}
@media screen and (max-width:1196px){
  .header-box .header.container{max-width:97%}
}
@media screen and (max-width:1000px){
  .pc_bar,.header-box .icon-open{display: none;}
  .header-box.closeMenu .icon-open{display: block;}
  .contact_us_bg .container{display:block;overflow:hidden }
  .contact_us_bg .bottom,.contact_us_bg .gongan{ display:none !important; }
  .contact_us_bg .gongan-mobile{display:block;line-height:1.5;background:#f0f0f0;padding:10px;font-size:14px; }
  .mobile_bar{display: block;}
  .sm50{flex:50%;width:50%}
  .sm100{flex:100%;width:100%}
  .header-box [class*=icon-]{ line-height:30px;width:30px; font-size: 15px; }
  .talephone_box .icon-open{ border:none 0; font-size:25px; border-radius: 0; }
  .talephone_box .telephone,#toTOP{display: none;}
  .talephone_box .absolute{top:8px; }
  .header-box .mobile-menu,.talephone_box .close_btn{ display:block}
  .header-box .header{height:50px;line-height:50px}
  .link-box,.header-box .icon-search{display:none }
  .look-more .icon{
    transform: scale(.6,.6);  margin-right:0;
  }
}

/* 单个页面的样式 */
/* ******************Product********************************************************************************************************************* */
#project_body .bg{ background: url(../img/project/bg.png) center; background-size: cover; height: 450px;
  text-align: center; font-size: 52px; color:white; line-height: 2;
}
#project_body .bg div:first-child{margin-top:165px}
#project_body .bg div:last-child{font-size: 40%; letter-spacing: 1px;}
#project_body .project_menu{
  cursor: pointer;
  border-bottom:solid 1px #dfdfdf; line-height: 60px; text-align: center;  align-items: center; justify-content: center;  margin-bottom: 70px;
}
#project_body .project_menu>a{ width:200px; border-right: solid 1px #dfdfdf; display: block; max-width: 50%; line-height: 1.5; padding:10px; }
#project_body .project_menu>a:first-child{ border-left: solid 1px #dfdfdf }
#project_body .project_menu>a.on{ background-color: #1f4083; border-color: #1f4083 !important; color:white; }
@media screen and (max-width:1000px) {
  #project_body .project_menu>a{ border: solid 1px #dfdfdf;transform: scale(.9,.9); margin-top: 3%; border-radius: 4px; }
  #project_body .project_menu{ margin-bottom: 20px; border-bottom: 0 none;  }
  #project_body .bg{ height:220px; font-size: 26px;  }
  #project_body .bg div:first-child{margin-top:55px} 
  #project_body .project_bar{padding:10px;}
}

#project_body .picture{ height:450px; max-height: 70vw; }
#project_body .project_bar{padding:1.4vw;color:#999;}
#project_body .project_bar:hover .BGwhite{ box-shadow:0 2px 3px -3px gray; } 
#project_body .project_bar .BGwhite{padding:20px; }
#project_body .project_bar .Con{ margin-bottom:5px; }

/* *****************News******************************************************************************* */
#news_center_body .bg{ background: url(../img/news-center/bg.png) center; background-size: cover; height: 450px;
  text-align: center; font-size: 52px; color:white; line-height: 2;
}
#news_center_body .maodian{ position: relative; bottom:80px; }
#news_center_body .bg div:first-child{margin-top:165px}
#news_center_body .bg>div:last-child{font-size: 44%;}
#news_center_body .news_menu{
  border-bottom:solid 1px #dfdfdf; height:60px; line-height: 60px; text-align: center;  align-items: center; justify-content: center;  margin-bottom: 80px;
}
#news_center_body .news_menu>a:first-child{  border-left: solid 1px #dfdfdf;  }
#news_center_body .news_menu>a{ width:200px; border-right: solid 1px #dfdfdf; display: block; max-width: 50%; }
#news_center_body .news_menu>a.on{ background-color: #1f4083; color:white; }
.search_body .search{ background-image: url(../img/search_bg.png) !important; font-size:21px !important }
.search_body .search_input{
  height:64px; width:600px; max-width: 90%; margin:0 auto 25px; border-radius: 50px;
  background:rgba(255,255,255,.8); 
}
.search_body .search_input:hover{ background:white }
.search_body .search_input .iconfont{ font-size: 30px;padding:0 19px; color: #444; cursor: pointer; }
.search_body .search_input input{ background:none; height: 64px; border-radius: 50px; flex:auto; 
  padding:0 26px; font-size:17px; border:0 }
.search_body .menu_search{ justify-content: center; }
.search_body .menu_search>a{ margin:40px 1vw; max-width: 33vw; min-width: 100px; border-radius: 50px; border:solid 1px #dfdfdf; padding:10px 2vw; }
.search_body .menu_search>a.on,.search_body .menu_search>a:hover{ background:#1f4083; border-color: #1f4083; color:white; }


#news_center_body .title{text-align: center;margin:80px 0 65px; }
/* .menu_search */
#news_center_body .mobile_news_bar{ display: none; }
#news_center_body .news_bar{ transition: all .2s; display: block; position: relative; padding:30px 200px 30px 345px; height:200px; background:white; border-bottom:4px solid #fff; margin-bottom:30px; line-height: 2.2;  }
#news_center_body .news_bar:hover{ border-color:#1f4083; }
#news_center_body .news_bar:hover .datetime{ color:#1f4083; }
#news_center_body .img{height:200px; width:300px; background-size: cover; } 
#news_center_body .news_bar .img{  position: absolute; top:0; left: 0; }
#news_center_body .news_bar .datetime{ position: absolute; top:50px; right: 0; width:170px; height:100px; display: flex; color:rgb(191, 191, 191); text-align: center; line-height: 1.4;
  align-items: center; justify-content: center; border-left:solid 1px #dbdbdb; }
#news_center_body .C666{ overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all }

#news_center_body .content{ padding:28px 0; }
#news_center_body .content_box{ min-height:50vh;line-height:1.6;padding:40px 5vw; margin-bottom: 50px; }
#news_center_body .content img{margin:5px auto; display: block; max-width: 100%; }
#news_center_body .detail_bottom{ justify-content: space-between; border-top:solid 1px #ddd; padding-top:30px; line-height: 2.2;align-items: flex-start; flex-wrap: nowrap; }
#news_center_body .detail_bottom>div:first-child{ max-width: 62%; }
#news_center_body .detail_bottom a{ display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#news_center_body .detail_bottom a:hover{ color:#1f4083;  }
#news_center_body .btn.blue{ width:130px; border-radius:30px; }
@media screen and (max-width:1000px) {
  #news_center_body .btn.blue{ width:auto; }
  #news_center_body .size30{ font-size: 24px;}
  #news_center_body .bg{ height:190px;font-size: 26px; margin-bottom: 0; }
  #news_center_body .news_menu{ margin-bottom: 20px;  }
  #news_center_body .bg div:first-child{margin-top:45px; } 
  #news_center_body .news_bar{display: none;}
  #news_center_body .mobile_news_bar{display: block;box-shadow: 0 100px 10px 10px #f0f0f0; padding:10px;margin-bottom: 10px;border: solid 1px #dbdbdb; }
  #news_center_body .img{height:200px; width:100%; margin-bottom: 10px; }
}


/* *****************About us******************************************************************************* */
#about_us_body{ background-color: white; }
#about_us_body .bg{ background: url(../img/about-us/bg.png) center; background-size: cover; height: 450px;
	text-align: center; font-size: 52px; color:white; line-height: 2;
}
#about_us_body .bg div:first-child{margin-top:165px}
#about_us_body .bg div:last-child{font-size:40%;letter-spacing: 1px}

#about_us_body .about_menu{
	border-bottom:solid 1px #dfdfdf; height:60px; line-height: 60px; text-align: center;  align-items: center; justify-content: center; background:#f8f8f8;
}
#about_us_body .about_menu>a{ width:200px; max-width: 33.3%; border-right: solid 1px #dfdfdf; display: block; }
#about_us_body .about_menu>a:first-child,#about_us_body .about_menu>a:hover{ background-color: #1f4083; color:white; }
#about_us_body .title{text-align: center;margin:80px 0 65px; }
#about_us_body .button-center{text-align:center;justify-content:left;align-items:center;display: none; margin-top:110px; }

#about_us_body .button-center .iconfont{ margin:0 40px 80px 0;color:white;position:relative;height:60px;width:60px; border:solid 1px #fff;border-radius:50%;line-height:60px;font-size:28px;transition:all .2s}
#about_us_body .button-center .iconfont:hover{background:#fff;border-color:white;color:#1f4083;cursor:pointer; }
#about_us_body #swiper02 .button-center{ margin-top:0; justify-content: space-between; position: absolute; top:40%; left:50px; right:50px; z-index: 9; }
#about_us_body #swiper02 .button-center  .iconfont{ margin-top:0;color:#1f4083; border-color:#1f4083; background:white; }
#about_us_body #swiper02 .button-center  .iconfont:hover{ color:#fff; background-color:#1f4083; }
#about_us_body #swiper01 .swiper-slide{ width:100% !important }
#about_us_body #swiper01 .img{ height: 470px; background-size: cover; }
#about_us_body .maodian{ position: relative; bottom:80px; }
#about_us_body .alert{
	left:0; top:0; right:0; bottom:0; width:100%; height:100%;
	background:rgba(50,50,50,.5); z-index: 99;
	align-items: center; justify-content: center; display: none;
}
#about_us_body .alert .content{
	background:white; width:1400px; min-height: 60vh; max-height: 80vh; max-width: 100vw;
	overflow-y:auto; margin: auto;
	padding: 20px;
}
#about_us_body .alert .close .iconfont{
	margin-top:26px;
	color:gray; font-size:24px; height: 60px; width: 60px; text-align: center; line-height: 60px; background:white; display: inline-block;
	border-radius:50%;
}
#about_us_body .alert .close{
	text-align: center; 
}

#about_us_body .desc{
	color: white; width:460px; max-width: 100%; padding:0 40px; line-height: 1.6;
}
#about_us_body .desc .size22{margin-top:40px;margin-bottom: 5px; }
#about_us_body .desc .size15{ letter-spacing: 2px; }
#about_us_body .desc_box{
	justify-content: space-between; align-items:flex-start; background:#1f4083;
}
#about_us_body .desc_content {align-items:flex-start; margin-top:25px; }
#about_us_body .desc_content>div{ flex: 1;height:640px; box-sizing: border-box; }
#about_us_body .desc_content .content{ background:white; padding:35px 25px; font-size:15px; line-height: 1.6;  }
#about_us_body .desc_content .content p{ margin-top:18px;  }
#about_us_body .about_us_bar{ color:#264687; display: flex; flex-flow: nowrap; text-align: center;justify-content:space-between; align-items:flex-start;margin-bottom:25px; }
#about_us_body .about_us_bar>div{flex:50%; margin-left:20px; height:308px;  background:white; box-sizing: border-box; padding-top:60px; }
#about_us_body .about_us_bar .content{position:relative;padding-top:24px;margin-top:20px; color:black; }
#about_us_body .about_us_bar .content:after{content:"";display:block;position:absolute;margin-left:-38px;left:50%;top:0;width:50px;border-top:solid 4px #264687 }

#about_us_body .zhshu{flex-wrap: wrap;}
#about_us_body .zhshu img{ max-width: 100%; max-height: 100%; }
#about_us_body .zhshu>div{
	width: 33%; text-align: center; height: 340px; font-size: 20px; 
	background:white; border:solid 12px #f8f8f8; display: flex; justify-content: center;
	position: relative; padding:10px 10px 50px; box-sizing: border-box;
}
#about_us_body .zhshu>div>div{ position: absolute; bottom:14px; left:0; right:0; background: rgba(255,255,255,.5); }
#about_us_body img.organization_img{ display: block;margin:90px  auto; max-width: 100%; }

@media screen and (max-width:1000px) {
	#about_us_body .look-more { display: none; }
	#about_us_body .desc_box{ display: block; padding:10px; }
	#about_us_body .desc{ padding:0;min-width:0; }
	#about_us_body #swiper01 .img{ height:80vw }
	#about_us_body .zhshu>div{ width:50%; height:250px }
	#about_us_body .zhshu>div>div{ font-size:13px; bottom:10px; opacity: 0.6; line-height: 1.2; }
	#about_us_body .desc_content,#about_us_body .about_us_bar{display: block }
	#about_us_body .about_us_bar>div{
		margin-left: 0;
		height: auto;
		margin-bottom: 15px;
		padding-top: 30px;
		margin-top: 25px;
	}
	#about_us_body .desc_content>div{ height: auto; }
	#about_us_body .bg{ height:200px }
	#about_us_body .bg div:first-child{ margin-top:30px }
	#about_us_body .title{ margin: 40px 0 30px; font-size: 30px; }
}
@media screen and (min-width:1200px) {
	#about_us_body .button-center{display: flex; }
}
/* *****************Case******************************************************************************* */
#case_shows_body .bg{ background: url(../img/case-shows/bg.png) center; background-size: cover; height: 450px;
  text-align: center; font-size: 52px; color:white; line-height: 2;
}
#case_shows_body .bg div:first-child{margin-top:165px} 
#case_shows_body .bg div:last-child{font-size:40%;letter-spacing: 1px}
#case_shows_body .case_menu{
  border-bottom:solid 1px #dfdfdf; height:60px; line-height: 60px; text-align: center;  align-items: center; justify-content: center;  margin-bottom: 80px;
}
#case_shows_body .case_menu>a{ width:200px; border-right: solid 1px #dfdfdf; display: block; max-width: 50%; }
#case_shows_body .case_menu>a.on{ background-color: #1f4083; color:white; }
#case_shows_body .case_bar>div{width:25%;padding:12px;}
#case_shows_body .case_bar>div>a{ background: white; border-radius: 6px; display: flex; height:94px; justify-content: center; font-size: 13px;overflow:hidden;text-overflow:ellipsis; }
#case_shows_body .case_bar>div>a:hover,#case_shows_body .swiper-slide>div a:hover{ color: white;  background-color: #1f4083;  }
#case_shows_body .zoom{ justify-content: space-around; line-height: 3.2; border:solid 1px #ddd;border-radius: 4px }
#case_shows_body .zoom>a{ flex:auto; border-bottom:2px white solid; }
#case_shows_body .zoom>a.on{  border-bottom-color:#1f4083; color: #1f4083; }
#case_shows_body .zoom>a:first-child{border-right:solid 1px #ddd; }
#case_shows_body #zoom_content{ padding:20px; }
#case_shows_body #zoom_content>div>div{ line-height: 3.2; color:#555; border-bottom: solid 1px #ddd; margin:0 10px; text-align: left; text-indent: 14px; }
#case_shows_body #zoom_content>div>div.on a{ background: #fafafa; }
#case_shows_body #zoom_content>div>div.on a{ color: #1f4083;}
#case_shows_body #zoom_content>div>div:hover{ background: #fafafa; }
#case_shows_body #zoom_content>div>div:last-child{  border:0 none; }
#case_shows_body .mobile_bar>.flex>div:first-child{ white-space:nowrap; }
#case_shows_body .mobile_bar{ text-align: left; padding:0 10px; }
#case_shows_body .mobile_bar .flex{ align-items: flex-start; }
#case_shows_body .mobile_bar .on{ color:#1f4083; border:solid 1px #1f4083; border-radius: 5px;  }
#case_shows_body .mobile_bar span,#case_shows_body .mobile_bar a{border:solid 1px #ddd; border-radius: 5px;padding:3px 10px; display: inline-block; margin: 4px; }
#case_shows_body .swiper-pagination-bullet-active{ background:#1f4083; width:34px; border-radius: 10px; transition: width .3s; }
#case_shows_body .swiper-pagination{ bottom:0 }
#case_shows_body .swiper-container{ padding-bottom: 30px; }
#case_shows_body .swiper-wrapper{ align-items: flex-start; }
#case_shows_body .swiper-slide>div{ width:33%; padding: 12px; display: block; float: left;  }
#case_shows_body .swiper-slide>div a{    background: white;border-radius: 6px;
  display: flex;
  height: 94px;
  justify-content: center; font-size:14px;
  overflow: hidden;padding: 0 0.5vw;
  text-overflow: ellipsis; }

@media screen and (max-width:1000px) {
  #case_shows_body .btn.blue{ width:auto; }
  #case_shows_body .bg{ height:180px;font-size: 26px; margin-bottom: 0; }
  #case_shows_body .case_menu{ margin-bottom: 20px; position: sticky; top:50px; left:0;position: -webkit-sticky;  }
  #case_shows_body .bg div:first-child{margin-top:45px; } 
  #case_shows_body .case_bar>div{width:100%;}
  #case_shows_body .swiper-slide>div{ width:100%; padding:10px 12px 5px }
  #case_shows_body .swiper-slide>div a{    height: 64px; }
  #case_shows_body .case_bar>div>a:hover{color: initial;  background-color: initial; }
  #case_shows_body .case_bar>div>a:active{ color: white;  background-color: #1f4083; }
  #case_shows_body .container.center.nowrap{ display: block }
  #case_shows_body .pc_bar{display: none;}
}
/* *****************Customer service******************************************************************************* */
#custom_services_body .bg{ background: url(../img/contact-us/bg.png) center; background-size: cover; height: 450px;
  text-align: center; font-size: 52px; color:white; line-height: 2;
}
#custom_services_body .bg div:first-child{margin-top:165px}
#custom_services_body .custom_menu{
  border-bottom:solid 1px #dfdfdf; height:60px; line-height: 60px; text-align: center;  align-items: center; justify-content: center;  margin-bottom: 80px;
}
#custom_services_body .custom_menu>a:first-child{ border-left: solid 1px #dfdfdf; }
#custom_services_body .custom_menu>a{ width:200px; border-right: solid 1px #dfdfdf; display: block; max-width: 50%; }

#custom_services_body .mapBox>div{ height: 500px; flex:2.3; line-height: 1.2; }
#custom_services_body .mapBox>div .size26{ font-size:26px; }
#custom_services_body .mapBox .map{ background:#f0f0f0;z-index: 0;overflow-x: auto;}
#custom_services_body .mapBox .map::-webkit-scrollbar{height: 0.5rem;}
#custom_services_body .mapBox p{padding-bottom: 12px;}
#custom_services_body .mapBox .size14{ font-size:13px; }
#custom_services_body .mapBox .en{ margin-bottom: 40px; padding-bottom:40px; position: relative; }
#custom_services_body .mapBox .en:after{ content:"";display:block; position: absolute; bottom:0; left:0; width:42px; border-bottom: solid 2px white; }
#custom_services_body .mapBox>div:first-child{ flex:1; padding: 60px 0 0 40px; }

#custom_services_body .Cfff.BGon a{color:white}
#custom_services_body .struct>div{ width: 32%; padding: 20px 0 0 24px; height:146px; background:white; margin: 20px 0; }
#custom_services_body .struct span{ display: inline-block; margin-right: 15px; }
#custom_services_body .struct>div:hover{ background-color: #1f4083; color: white; }
#custom_services_body .struct>div:hover a{  color: white; }
#custom_services_body .struct>div:hover>div:after{ border-color: white; }
#custom_services_body .struct>div>div{ font-size: 22px; margin-bottom: 22px; }
#custom_services_body .struct>div>div:after{ content:""; display: block; width:40px; border-bottom:solid 2px black; padding-bottom: 18px; }
#custom_services_body .struct{ justify-content: space-between; }

#custom_services_body .msg_online .flex{ justify-content:space-between; align-items: flex-start; }
#custom_services_body .msg_online input,#custom_services_body .msg_online textarea{ background: #f5f5f5; border:0 none; padding:15px 20px; width:47%; margin-bottom: 3vw; line-height: 1.5; font-size: 15px; }
#custom_services_body .msg_online textarea{width:100%; resize: none; }
#custom_services_body .msg_online .BGwhite{ padding:3.5vw; }

#custom_services_body .msg_online img{ height:52px; display: block; margin-left: 2vw; margin-bottom: 3vw; max-width: 40vw; }
#custom_services_body .msg_online button{ height: 52px; width: 200px; margin-left: 30px; font-size: 17px; background: #ddd; }
#custom_services_body .msg_online button[type="submit"],#custom_services_body .msg_online button[type="button"]{ background: #1f4083; color: white; border-color:#1f4083;  }

#custom_services_body .marker_box{width:400px;white-space: initial;position: relative;box-shadow: -2px 4px 40px rgba(5,5,5,.2); right:50px; bottom:150px; border-radius: 10px; }
#custom_services_body .marker_box .marker_content{  padding:20px 14px;  position: relative;z-index: 2;background:white;border-radius: 10px; z-index: 2; }
#custom_services_body .marker_box .marker_cover{display: block; height: 60px; width:50px; background: white; z-index:1;box-shadow: 0 2px 30px rgba(5,5,5,.2);
  position:absolute; bottom:0; left:10px; transform: skewY(-50deg) rotate(15deg); border-radius: 0 50px 0 0; }
#custom_services_body .size50{margin-bottom: 4vw;}
@media screen and (max-width:1000px) {
  #custom_services_body .bg{ height:180px;font-size: 26px; margin-bottom: 0; }
  #custom_services_body .bg div:first-child{margin-top:45px; } 
  #custom_services_body .struct>div{ width: 100%;margin: 10px 0;}
  #custom_services_body .size50{font-size:22px; }
  #custom_services_body .custom_menu{margin-bottom: 20px;}
  #custom_services_body .struct>div>div{ color:#1f4083;}
  #custom_services_body .struct>div:hover{ background-color: white; color: initial; }
  #custom_services_body .struct>div>div::after{display: none;}
  #custom_services_body .mapBox{ display: block; }
  #custom_services_body .mapBox>div{ height: auto; min-height: 100vw; }
  #custom_services_body .size26{ font-size: 19px; }
  #custom_services_body .msg_online input{ width:100%; }
  #custom_services_body .msg_online .flex{ display: block; }
  #custom_services_body .msg_online button:first-child{ margin-top:60px;  }
  #custom_services_body .msg_online button{ width:100%; margin-left:0; margin-bottom:20px;  }
}

/* *****************yh1122银河国际******************************************************************************* */
#index_body div.picture{
  background-position: center; background-size: cover; background-repeat: no-repeat;  background-color: #dbdbdb; height: 100%;
}

/* 第一个轮播 */
#index_body .swiper-pagination{z-index:5;color:#fff;}
#index_body .swiper-pagination:after,#index_body .swiper-pagination:before{ 
  content:"";display: block; position: absolute; right:6vw; height:14px; top:28px; border-right: solid 2px white; margin-right: -50px;
}
#index_body .swiper-pagination:before{ margin-right: -57px; }
#index_body .button-right{position:absolute;bottom:14px;right:3vw;color:#fff;z-index:99;font-size:20px;align-items:center; margin-right: -14px; }
#index_body .button-right .iconfont{margin:0 36px;line-height:2;border-radius:5px;z-index:999}
#index_body .button-right .iconfont:hover{background:rgba(22,22,22,.3);cursor: pointer; }
#index_body .button-right .relative{border-bottom:solid 1px #fff;width:560px}
#index_body .swiper-container{width:100%;height:70vh; max-height: 50vw;}
#index_body .button-center{text-align:center;justify-content:center;align-items:center}
#index_body .button-center .iconfont{margin:0 40px 40px 0;color:#1f4083;position:relative;height:60px;width:60px;border:solid 1px #1f4083;border-radius:50%;line-height:60px;font-size:28px;transition:all .2s}
#index_body .button-center .iconfont:hover{color:#fff;background:#1f4083;cursor:pointer}

#index_body #swiper01 .picture{ height:100%;width:100% }


/* Product-左侧 */
#index_body .product-center .container{box-sizing:border-box;padding:80px 48% 105px 0}
#index_body .product-center .product-swiper{position: absolute; top:15%;left:50%;width:70%; height:600px; }
#index_body .product-center .size30{margin-bottom:30px}
#index_body .product-center .size20 a{ cursor:pointer;color:#bcbcbc;display:inline-block;margin:35px 50px 0 0;font-size:18px}
#index_body .product-center .size20 a.selected,#index_body .product-center .size20 a:hover{color:#19418f }
#index_body .product-center .size20:after{content:"";display:block;width:42px;border-top:3px #000 solid;margin:50px 0 60px}
#index_body .product-center .productDetailList>div{
  display: none;
}
  #index_body .product-center .productDetailList>div.show{
  display: block;
}
img.scroll-tips{
  left:100px;bottom:36px; z-index:9; 
}
@media screen and (max-width:1000px) {
  #index_body #swiper01 .button-right,img.scroll-tips{ display: none; }
}

/* Product的轮播 */
#index_body #swiper02 .swiper-container{width:100%;height:70vh}
#index_body #swiper02 .button-center{text-align:center;justify-content:center;align-items:center}
#index_body #swiper02 .button-center .iconfont{
  margin:0 40px 80px 0;color:#1f4083;position:relative;height:60px;width:60px;border:solid 1px #1f4083;border-radius:50%;line-height:60px;font-size:28px;
  transition:all .2s
}
#index_body #swiper02 .button-center .iconfont:hover{color:#fff;background:#1f4083;cursor:pointer}


@media screen and (max-width:1000px){
  #index_body .product-center .container{box-sizing:border-box;padding:30px 5px 25px;}
  #index_body .product-center .size20 a{ margin:9px; font-size: 17px; border: solid 1px #dbdbdb; padding: 2px 8px; border-radius: 3px;  }
  #index_body .product-center .size50{margin-left:5px}
  #index_body .product-center .size30{font-size:20px}
  #index_body .product-center .product-swiper{position:initial;width:100%}
  #index_body .product-center .size20 span{font-size:70%;margin:10px 0 0 10px;border:solid 1px #dbdbdb;padding:4px 10px;border-radius:3px}
  #index_body .product-center .size20:after{margin:30px 5px 40px}
}
@media screen and (max-width:1000px){
  #index_body .product-center .swiper-container{max-height:80vw}
  #index_body .product-center .button-center,#index_body .button-right{display:none!important}
}

/* About us */
#index_body .about-us-pic { padding:125px 0;box-shadow: inset 600px 0 0 0 #efefef;background:#f8f8f8 url(../img/index/bg-2.png) right bottom no-repeat; }
#index_body .about-us-pic .size50:after{content:"";display:block;width:46px;margin:38px 0 45px;border-bottom:3px #000 solid}
#index_body .about-us-pic .container{line-height:1.6;display:flex;justify-content:space-between;align-items:center}
#index_body .about-us-pic .container .content{ max-height:20vw; overflow-y: auto; height:332px; margin-bottom: 2vw; }
#index_body .about-us-pic .container img.picture{width:900px;max-width:60vw;margin-right:7vw;position:relative;  }
@media screen and (max-width:1000px){
  #index_body .about-us-pic .container .content{  max-height:none; }
  #index_body .about-us-pic{box-shadow:none;padding-top:8px}
  #index_body .about-us-pic .container{display:block}
  #index_body .about-us-pic .container img.picture{width:auto;margin:0 0 20px;max-width:100%}
}
#index_body .about-us-bar{background:#264687 url(../img/index/bg-1.png);color:#fff; }
#index_body .about-us-bar .container{display:flex;text-align:center;justify-content:space-between; align-items: flex-start;align-items: flex-start; }
#index_body .about-us-bar .container>div{flex:25%;padding:60px 15px}
#index_body .about-us-bar .container .content{position:relative;padding-top:24px;margin-top:20px}
#index_body .about-us-bar .container .content:after{content:"";display:block;position:absolute;margin-left:-38px;left:50%;top:0;width:50px;border-top:solid 4px #fff}
@media screen and (max-width:1200px){
  #index_body .about-us-bar .container>div{width:50%;flex:50%;box-sizing:border-box;padding:40px 20px}
  #index_body .about-us-bar .container .content:after{margin-left:-20px;left:50%;top:0;width:20px;border-top:solid 4px #fff}
}
@media screen and (max-width:1000px){
  #index_body .size50,#index_body .size45{font-size:25px}
  #index_body .size24{ font-size: 20px; }
  #index_body .about-us-bar .container{display:flex;flex-flow:wrap}
  #index_body .about-us-bar .container>div{width:50%;box-sizing:border-box;padding:40px 20px}
  #index_body .about-us-bar .container .content:after{margin-left:-20px;left:50%;top:0;width:20px;border-top:solid 4px #fff}
}

/* News */
#index_body .news-center .img{
  height: 30vh; margin: 24px 0px;
  background-size: cover; background-position: center; transition: background-size .3s;
}
/* #index_body .news-center .img:hover{ background-size: 200%; } */

#index_body .news-center .img{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

#index_body .news-center .title{border-bottom:solid 1px #ececec;align-items:center;justify-content:space-between;padding:6vw 0 4vw; margin-bottom: 3vw;}
#index_body .news-center .barBox{justify-content: space-between; margin-bottom:60px; }
#index_body .news-center .bar{color:#333;line-height:1.6;width:30%;display: block;}
#index_body .news-center .bar>div:nth-child(1){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#index_body .news-center .bar>div:nth-child(2){color:gray}
#index_body .news-center .bar>div:nth-child(4){overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
#index_body .news-center .bar:hover {color:#1145ac!important}
@media screen and (max-width:1000px){
  #index_body .news-center .barBox{display: block;}
  #index_body .news-center .bar{ width:auto; background: #fafafa;
      border:solid 1px #e1e1e1; margin:10px 5px 20px; padding:10px 10px 15px; }
  #index_body .news-center .container .barBox{display:block}
  #index_body .news-center .container .bar{width:auto;background:#f0f0f0;border:solid 1px #dbdbdb;margin:10px 10px 20px;padding:10px 10px 15px}
  #index_body .news-center .container .size45{padding:40px 6px;font-size:35px}
  #index_body .news-center .container .title{ border-bottom:none}
}

#index_body .contact_us_bg{line-height:1.8;background:#3b3b3b;color:#bababa }
#index_body .contact_us_bg .size45{ margin:100px 0 76px;text-align: center; }

#index_body .contact_us_bg .container .iconBox{flex:55%}
#index_body .contact_us_bg .container .white{flex:45%;background:#fff;margin-top:115px;display:flex;flex-flow:wrap;justify-content:space-between;color:#333;padding:20px}
#index_body .contact_us_bg .container .white .btn-bar{flex:100%;display:flex;align-items:center;justify-content:space-between}
#index_body .contact_us_bg .container .white .btn-bar>div:first-child{display:flex;width:50%;align-items:center;justify-content:space-between }
#index_body .contact_us_bg .container .white .btn-bar input{width:46%}
#index_body .contact_us_bg .container .white .btn-bar .verify{height:46px;width:48%;background:#f7f7f7;}
#index_body .contact_us_bg .container .white>div{margin:10px 0}
#index_body .contact_us_bg .container .white input,#index_body .contact_us_bg .container .white textarea{
  width:100%;box-sizing:border-box;border:0 none;outline:0;min-height:46px;display:block;background:#f7f7f7;padding:0 20px;margin-top:5px;
}
#index_body .contact_us_bg .container .white textarea{padding:20px}
#index_body .contact_us_bg .container .fl-50{float:left;width:49%;height:110px;display:flex;align-items:flex-start}
#index_body .contact_us_bg .container .fl-50 .img{background-color:#1f4083;height:45px;width:45px;background-repeat:no-repeat;background-size:auto;background-position:center;border-radius:50%;margin-right:15px;margin-top:8px}
#index_body .contact_us_bg .contact{min-height:710px;background:#e4e5dd url(../img/index/bg-3.png) left center; background-size: cover; color:#fff}

@media screen and (max-width:1000px){
  #index_body .contact_us_bg .container .white .btn-bar{ display: block; }
  #index_body .contact_us_bg .container .white .btn-bar>div:first-child{ width:auto;margin-bottom: 40px; }
  #index_body .contact_us_bg .container img{ height:47px; max-width: 48%; } 
  #index_body .contact_us_bg .size45{font-size:35px;margin:40px 7% 36px }
  #index_body .contact_us_bg .contact{background:#e4e5dd url(../img/index/bg-3.png) left top no-repeat }
  #index_body .contact_us_bg .container .fl-50{width:90%;float:right;height:90px }
  #index_body .contact_us_bg .container .white{border:solid 1px #dbdbdb;margin-bottom:10px;margin-top:0 }
  #index_body .contact_us_bg .gongan-mobile{ background:#e4e5dd; }
}

/* *****************Product******************************************************************************* */
table{ border-collapse:collapse; }
#product_center_body table{width: 100%;color:#333 }
#product_center_body .bg{ background: url(../img/product-center/bg.png) center; background-size: cover; height: 450px;
  text-align: center; font-size: 52px; color:white; line-height: 2;
}
#product_center_body .bg div:first-child{ margin-top:150px }
#product_center_body .bg div:last-child{font-size:40%;letter-spacing: 1px}
#product_center_body .product_menu{
  border-bottom:solid 1px #dfdfdf; height:60px; line-height: 1.5; text-align: center;  align-items: center;
  overflow:hidden;text-overflow:ellipsis; flex-flow: nowrap; font-size: 16px; justify-content: center;
}
#product_center_body .product_menu>a:first-child{ border-left: solid 1px #dfdfdf; }
#product_center_body .product_menu>a{
  min-width: 10vw; padding:0 10px;border-right: solid 1px #6a6a6a3c; display: block; max-width: 50%; font-size:13px; transition: all 0s;
}
#product_center_body .product_menu>a:hover,#product_center_body .product_menu>a.on{
  color: #1f4083; vertical-align: middle; text-shadow: 1px 0 0 #1f4083;
}

#product_center_body .title{text-align: center;margin:80px 0 65px; }

#product_center_body .picture{ height:400px; background-size: cover; background-position: center; }
#product_center_body .picture.desc{ height:480px;max-height:80vw}

#product_center_body .imgFlex .img{ display: none;background-size: cover; background-position: center;animation-name: fadeIn; animation-fill-mode: both;animation-duration: 1s;  }
#product_center_body .imgFlex .img.big:before,#product_center_body .imgFlex .img.big:after{ content:""; display: block; position: absolute;box-sizing: border-box;  }
@media screen and (min-width:1000px) {
  #product_center_body .imgFlex .img.big{  width:720px; height:482px;  position: absolute; left:0; bottom:0; display: block; }
  #product_center_body .imgFlex{ height:482px; position: relative;  }
  #product_center_body .imgFlex .img.big:before{  text-align: right; right:20px; bottom:20px; width:100px; height:30px; 
    background:url(../img/product-center/next.png) no-repeat center; z-index: 1; cursor: pointer; }
  #product_center_body .imgFlex .img.big:after{ width:720px; height:60px;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));bottom:0; right:0;  }
  #product_center_body .imgFlex .img.small{ display: block; height: 162px; width:242px; position: absolute; bottom:0; right:0; cursor: pointer; }
  #product_center_body .absolute.desc.BGwhite{
    width:55%; height:240px; left:650px; top:10%; padding:30px; z-index: 2; display: block;
  }
}
#product_center_body .absolute.desc.BGwhite .size15{ overflow:hidden;line-height: 2.1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:break-all  }

#product_center_body .product_center_bar{
  margin:100px 0; display: block;
}
#product_center_body .pagination{
  position: absolute; bottom:0; display: flex; left:800px;
}
#product_center_body .pagination>div{ height:12px; width: 12px; background:#dbdbdb; z-index: 5; border-radius: 50px; margin:0 4px; border:solid 2px white; 
  transition: all .3s; cursor: pointer;  }
#product_center_body .pagination>div:hover{ width:32px;  }
#product_center_body .pagination>div.on{ background:#1f4083;width:32px; }
#product_center_body .container .product_center_bar:nth-child(even) .pagination{
  left: 320px;
}
#product_center_body .container .product_center_bar:nth-child(even) .imgFlex .img.big{ left:auto; right:0; }
#product_center_body .container .product_center_bar:nth-child(even) .imgFlex .img.small{ left:0; right:auto; }
#product_center_body .container .product_center_bar:nth-child(even) .absolute.desc.BGwhite{ left:0; }

#product_center_body .btnBox .btn{ border-radius:50px; width:150px; border:solid 1px #1f4083; margin-right:30px; max-width: 30vw; }
#product_center_body .content{
  border-bottom:solid #ddd 1px; margin-bottom:2.5vw; padding-bottom:1vw;max-height: 300px;overflow-y: auto;
}
#product_center_body .title{ background:#f5f5f5; line-height: 58px; }
#product_center_body .title a{ flex:auto; border-bottom:solid 2px white; }
#product_center_body .title a.on{ border-bottom-color:#1f4083; color:#1f4083 }
#product_center_body .tips{color:#1f4083;font-size:16px; border-left:4px solid #1f4083; padding-left:5px; line-height: 1;
margin: 6vw 0 3vw; }
#product_center_body .width33{
  background: #f5f5f5; border:solid 12px white; border-left:0; border-right:24px solid white;
  height:300px;  overflow-y: auto; padding:20px;
}
#product_center_body .width33 .size24{margin:10px 0}
#product_center_body .width33>div:first-child{ text-align: center; margin:10px auto; line-height:70px; height:70px; background-color: #dbdbdb; width:70px; color:white; font-size:30px; font-weight: bold; border-radius:50%; }
#product_center_body .width33:hover>div:first-child{ background-color: #1f4083;  }
#product_center_body .container img{ max-width:100% }

#product_center_body .guifan{ border:solid 1px #ddd; line-height:3.2;}
#product_center_body .guifan>div{ border-right:solid 1px #ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
#product_center_body .guifan>div:last-child{ border-right:none }
#product_center_body .guifan>div>div{border-bottom:solid 1px #ddd;}
#product_center_body .guifan>div>div:first-child{background-color: #1f4083;color:white;}
#product_center_body .swiperBtn{ bottom:0; z-index: 9; right: 0; }
#product_center_body .swiperBtn .iconfont{ line-height: 60px; height:60px; width:60px; text-align: center;background: #1f4083; color:white; cursor: pointer; }
#product_center_body .swiperBtn .iconfont:first-child{ color:#1f4083; background: white; }

@media screen and (max-width:1000px) {
  #product_center_body .width33{
    height:auto; 
  }
  #product_center_body .product_center_bar{
    margin:60px 0;
  }
  #product_center_body .content{
    max-height: initial;margin-bottom: 30px;
  }
  #product_center_body .bg{ height:180px;font-size:26px }
  #product_center_body .product_menu{ flex-flow: wrap; height: auto; justify-content: start; border:none 0; padding:20px 10px 0; font-size: 15px;  }
  #product_center_body .product_menu>a{ width: auto; padding:0 14px; border:solid 1px #ddd; margin:5px; height: auto; line-height: 2.6; border-radius: 4px; max-width: 100%; }
  #product_center_body .bg div:first-child{margin-top:55px} 
  #product_center_body .pagination{display: none;}
  #product_center_body .absolute.desc.BGwhite{
    position: static; padding:0; width:auto; margin-bottom: 20px; display: block;
  }
  #product_center_body .absolute.desc.BGwhite .size24{
    line-height: 1;padding-left: 10px;border-left: 4px solid #1f4083;
  }
  #product_center_body .imgFlex .img{ width:32% !important; display:inline-block !important; height:30vw !important; }
  #product_center_body .width33>div:first-child{ line-height:50px; height:50px; background-color: #dbdbdb; width:50px; color:white; font-size:26px; font-weight: bold; border-radius:50%; }
  #product_center_body .width33{ border-right: 0; }
}
















.part01 {
  height: 481px;
  padding: 30px;
  position: relative;
  overflow: hidden;
  background: #777;
}

.part01 * {
  transition: all 1s;
}

.part01 p, .part01 a {
  position: relative;
  z-index: 1;
}

.part01 img.absolute {
  width: 100%;
  height: 100%;
  z-index: 0;
}

.part01 a {
  width: 320px;
  max-width: 35vw;
  line-height: 64px;
  transition: all .2s;
  text-indent: -8px;
  border: solid 1px #ffffff;
  background: url(../img/icon3.png) no-repeat 93% center;
}

.part01 a + a {
  margin-left: 100px;
}

.part01-1 {
  background: transparent;
  height: initial !important;
}

.part01-1 a {
  color: #333;
  border-color: #333;
  background-image: url(../img/icon2.png);
  outline: none !important;
}

.part03 {
  text-align: center;
}

.part04 {
  background-color: #f2f4f5;
  padding: 2.2vh 0;
}

.part05 {
  background: url(../img/icon2.png) right no-repeat;
  padding-right: 30px;
  text-align: left;
  display: inline-block;
  background-size: auto 90%;
}

.part06 {
  cursor: pointer; margin-top: 100px; align-items:self-start;
}

.part06 * {
  transition: all .3s;
}

.part06 dl {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 38px;
}

.part06 dl:nth-child(3n) {
  margin-right: 0;
}

.part06 dl:hover .img:after {
  display: none;
}

.part06 dl:hover .img img {
  filter: brightness(98%);
}

.part06 .part05 {
  border: solid 10px white;
}

.part06 .img {
  width: 100%;
  height: 300px;
  margin-bottom: 35px;
  border-radius: 2px;
  position: relative;
}

.part06 .img:after {
  content: "";
  background: pink;
  mix-blend-mode: soft-light;
  opacity: .2;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.part06 .img img {
  height: 100%;
  width: 100%;
  filter: brightness(90%) grayscale(50%);
}

.part07 .swiper-slide {
  padding-top: 26vw;
  user-select: none;
  height: 100vh;
  max-height: 90vw;
  width: 100%;
  background-position: center;
  background-size: cover;
}

.part07 .swiper-slide img, .part07 .swiper-slide p {
  max-width: 90%;
  margin: auto;
}

.part07 .swiper-pagination {
  margin-bottom: 5vh;
}

@media screen and (min-width: 750px) {
  .part02 {
    border: solid 1px #dddddd;
    height: 57px;
    border-left: 0;
    border-right: 0;
  }
  .part02 a {
    flex: auto;
    white-space: nowrap;
    line-height: 0.8;
  }
  .part02 a:hover {
    color: #b80f11;
  }
  .part02 a + a {
    border-left: solid 1px #999;
  }
  .part04 dl {
    padding-left: 550px;
    min-height: 350px;
    color: #000;
  }
  .part04 dl, .part04 dl .ellipsis {
    position: relative;
  }
  .part04 dl .ellipsis {
    padding-left: 120px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 20px;
    padding-right: 20%;
  }
  .part04 dl .ellipsis:hover {
    color: #b80f11;
    transform: translateX(2px);
  }
  .part04 dl .ellipsis + .ellipsis {
    margin-top: 26px;
  }
  .part04 dl > img, .part04 dl .ellipsis > p {
    position: absolute;
    left: 0;
    top: 0;
  }
  .part04 dl > img {
    width: 472px;
    height: 316px;
  }
  .part04 dl > img:hover {
    filter: brightness(90%);
  }
}

@media screen and (min-width: 1060px) {
  .part01:hover img.absolute {
    transform: scale(1.1);
    filter: blur(8px);
  }
  .part01 a:hover {
    background-color: rgba(255, 255, 255, 0.2);
    transform: translateY(2px);
    outline: solid 1px rgba(50, 50, 50, 0.2);
  }
  .part01-1 a:hover {
    background-color: #fff5f5;
    color: #b80f11;
    border-color: #b80f11;
    background-image: url("../img/icon4.png");
  }
  .part05:hover {
    transform: translateX(2px);
    color: #b80f11;
    background-image: url(../img/icon4.png);
  }
}

@media screen and (max-width: 1600px) {
  .container {
    width: 1200px;
  }
}

@media screen and (max-width: 1060px) and (min-width:750px) {
  .part03 p.size36.bold{
    font-size: 58px;
  }
  .part03 p.size24{
    font-size: 36px;
  }
  .pc_show {
    display: none !important;
  }
  .phoneSize13{
    font-size:16px
  }
  .phoneSize11{
    font-size:12px
  }
  .part01 {
    height: 380px;
  }
  .part01 a {
    line-height: 35px;
  }
  .part01 a:active {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .part01 a + a {
    margin-left: 5vw;
  }
  .part03 {
    transform: scale(0.5);
    margin: 0 15px;
  }
  .part03::after {
    content: "》";
    display: block;
    font-size: 50px;
    color: gray;
    transform: rotate(90deg) scaleY(0.5) translateX(10px);
    line-height: 1;
  }
  .part04 dl{
    padding-left: 50%;
  }
  .part04 dl .ellipsis > p {
    position: absolute;
    left: 10px;
    top: 0;
  }
  .part04 dl .ellipsis {
    padding-left: 100px;
    position: relative;
    margin-top: 15px;
  }
  .part04 dl .part05 {
    margin-left: 10px;
  }
  .part04 dl > img {
    width: 45%;
    margin-bottom: 10px;
    height: auto;
  }
  .part06 dl {
    width: 48%;
    margin: 0 0 25px;
  }
  .part06 dl .img {
    height: 30vw;
    margin-bottom: 10px;
  }
  .part06 .part05 {
    line-height: 1;
    color: #b80f11;
    padding-right: 15px;
    background-image: url(../img/icon4.png);
  }
  .part06 dl:nth-child(even) {
    margin-left: 4%;
  }
}

@media screen and (max-width: 750px) {
  .part03 p.size36.bold{
    font-size: 58px;
  }
  .part03 p.size24{
    font-size: 36px;
  }
  .pc{
    display: none;
  }
  .pc_show {
    display: none !important;
  }
  .phoneSize13{
    font-size:16px
  }
  .phoneSize11{
    font-size:12px
  }
  #index_body #swiper02 .swiper-slide .info h3{font-size:16px}
  .part01 {
    height: 380px;
  }
  .part01 a {
    line-height: 35px;
  }
  .part01 a:active {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .part01 a + a {
    margin-left: 5vw;
  }
  .part02{
    background-color: gray;
    margin-top: 0;
    margin-bottom: 0;
    display: none;
  }
  .part02.cen {
    justify-content: left;
  }
  .part02.cen a {
    padding: 15px 15px;
    border: solid 1px #ddd;
    color: #fff;
    border-bottom: 1px solid #ccc;
    width: 100%;
  }
  .part02.cen a:active {
    color: #b80f11;
    background: #f0f0f0;
  }
  .part02.container{
    max-width: 100%;
  }
  .part03 {
    transform: scale(0.5);
    margin: 0 15px;
  }
  .part03::after {
    content: "》";
    display: block;
    font-size: 50px;
    color: gray;
    transform: rotate(90deg) scaleY(0.5) translateX(10px);
    line-height: 1;
  }
  .part04 dl .ellipsis > p {
    position: absolute;
    left: 10px;
    top: 0;
  }
  .part04 dl .ellipsis {
    padding-left: 100px;
    position: relative;
    margin-top: 15px;
  }
  .part04 dl .part05 {
    margin-left: 10px;
  }
  .part04 dl > img {
    width: 100%;
    margin-bottom: 10px;
    height: 150px;
  }
  .part06 dl {
    width: 48%;
    margin: 0 0 25px;
  }
  .part06 dl .img {
    height: 30vw;
    margin-bottom: 10px;
  }
  .part06 .part05 {
    line-height: 1;
    color: #b80f11;
    padding-right: 15px;
    background-image: url(../img/icon4.png);
  }
  .part06 dl:nth-child(even) {
    margin-left: 4%;
  }
}
@media screen and (max-width: 1000px) {
  .phoneSize9 {
    font-size: 9px;
  }
  .phoneSize10 {
    font-size: 10px;
  }
  .phoneSize11 {
    font-size: 11px;
  }
  .phoneSize12 {
    font-size: 12px;
  }
  .phoneSize13 {
    font-size: 13px;
  }
  .phoneSize14 {
    font-size: 14px;
  }
  .phoneSize15 {
    font-size: 15px;
  }
  .phoneSize16 {
    font-size: 16px;
  }
  .phoneSize17 {
    font-size: 17px;
  }
  .phoneSize18 {
    font-size: 18px;
  }
  .phoneSize19 {
    font-size: 19px;
  }
  .phoneSize20 {
    font-size: 20px;
  }
  .phoneSize21 {
    font-size: 21px;
  }
  .phoneSize22 {
    font-size: 22px;
  }
  .phoneSize23 {
    font-size: 23px;
  }
  .phoneSize24 {
    font-size: 24px;
  }
  .phoneSize25 {
    font-size: 25px;
  }
  .phoneSize26 {
    font-size: 26px;
  }
  .phoneSize27 {
    font-size: 27px;
  }
  .phoneSize28 {
    font-size: 28px;
  }
  .phoneSize29 {
    font-size: 29px;
  }
  .phoneSize30 {
    font-size: 30px;
  }
  .phoneSize31 {
    font-size: 31px;
  }
  .phoneSize32 {
    font-size: 32px;
  }
  .phoneSize33 {
    font-size: 33px;
  }
  .phoneSize34 {
    font-size: 34px;
  }
  .phoneSize35 {
    font-size: 35px;
  }
  .phoneSize36 {
    font-size: 36px;
  }
  .phoneSize37 {
    font-size: 37px;
  }
  .phoneSize38 {
    font-size: 38px;
  }
  .phoneSize39 {
    font-size: 39px;
  }
  .phoneSize40 {
    font-size: 40px;
  }
  .phoneSize41 {
    font-size: 41px;
  }
  .phoneSize42 {
    font-size: 42px;
  }
  .phoneSize43 {
    font-size: 43px;
  }
  .phoneSize44 {
    font-size: 44px;
  }
  .phoneSize45 {
    font-size: 45px;
  }
  .phoneSize46 {
    font-size: 46px;
  }
  .phoneSize47 {
    font-size: 47px;
  }
  .phoneSize48 {
    font-size: 48px;
  }
  .phoneSize49 {
    font-size: 49px;
  }
  .phoneSize50 {
    font-size: 50px;
  }
}
@media screen and (max-width: 500px){
  .part01 {
    height: 380px;
  }
  .part01 a {
    line-height: 35px;
  }
  .part01 a:active {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .part01 a + a {
    margin-left: 5vw;
  }
  .part02{
    background-color: gray;
    margin-top: 0;
    margin-bottom: 0;
    display: none;
  }
  .part02.cen {
    justify-content: left;
  }
  .part02.cen a {
    padding: 15px 15px;
    border: solid 1px #ddd;
    color: #fff;
    border-bottom: 1px solid #ccc;
    width: 100%;
  }
  .part02.cen a:active {
    color: #b80f11;
    background: #f0f0f0;
  }
  .part02.container{
    max-width: 100%;
  }
  .part03 {
    transform: scale(0.5);
    margin: 0 15px;
  }
  .part03::after {
    content: "》";
    display: block;
    font-size: 50px;
    color: gray;
    transform: rotate(90deg) scaleY(0.5) translateX(10px);
    line-height: 1;
  }
  .part04 dl .ellipsis > p {
    position: absolute;
    left: 10px;
    top: 0;
  }
  .part04 dl .ellipsis {
    padding-left: 100px;
    position: relative;
    margin-top: 15px;
  }
  .part04 dl .part05 {
    margin-left: 10px;
  }
  .part04 dl > img {
    width: 100%;
    margin-bottom: 10px;
    height: 150px;
  }
  .part06 dl {
    width: 48%;
    margin: 0 0 25px;
  }
  .part06 dl .img {
    height: 30vw;
    margin-bottom: 10px;
  }
  .part06 .part05 {
    line-height: 1;
    color: #b80f11;
    padding-right: 15px;
    background-image: url(../img/icon4.png);
  }
  .part06 dl:nth-child(even) {
    margin-left: 4%;
  }
}