@charset "utf-8";
/*css comment*/
*,*:before,*:after{
	margin:0;
	padding:0;
	outline:none;
	list-style:none;
	text-decoration:none;
	blr:expression(this.onFocus=this.blur());
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}   
html,body {  
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
} 
html{
	font-size: 100px;
}
body {
    font-family:'Noto Sans SC','MicrosoftYaHei', '微软雅黑', sans-serif;
    font-size: 14px;
	line-height: 1.72;
     color: #000000;
    background: #ffffff; 
}  
img{
	border:none;
	display:inline-block;
	max-width:100%;
	height:auto;
	-ms-interpolation-mode:bicubic;
	_width:auto;
}
button,input,textarea,select{
	/*border:none;
	background:none;*/
	font-size:14px;
	vertical-align:middle;
	 color: #000000;
} 
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none; color: #000000;}
a:hover,a:active,a:focus{text-decoration:none; } 
a:focus,input,select{outline:none;}  
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],button,select, textarea{ font-family:'Noto Sans SC','MicrosoftYaHei', '微软雅黑', sans-serif; }
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,button:hover{ opacity:0.80;}
input[type="text"]::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
  color: #C1C1C1;
}
input[type="text"]::-moz-placeholder,textarea::-moz-placeholder {
  color: #C1C1C1;
}
input[type="text"]:-ms-input-placeholder,textarea:-ms-input-placeholder {
  color: #C1C1C1;
}
input[type="text"]::-webkit-input-placeholder ,textarea::-webkit-input-placeholder {
  color: #C1C1C1;
}
input[type="text"]::placeholder,textarea::placeholder {
  color: #C1C1C1;
}
h1,h2,h3,h4,h5,h6{font-weight:normal; padding:0; margin:0; font-size:16px; line-height:1.25; font-family:'Noto Sans SC','MicrosoftYaHei', '微软雅黑', sans-serif;}
p,ul,ol{margin:0;}
header,main,footer,section{display:block;}

/*popIE*/
.popIE{display:block;position:fixed;top:0; margin:0;width:100%; z-index:5000; padding:15px 0; background-color:#000;color:#fff;text-align:center;}
.popIE a{color:#ffffff;}
.popIE-link{}
.popIE-link a{ display:inline-block; padding: 0 10px; text-decoration: underline;}
.popIE-close{ position: absolute; top:50%; right:0;}  
/*transition*/
*:before,*:after,input[type="submit"],input[type="reset"],input[type="button"],sup, .browserupgrade, .swiper-pagination-bullet, .swiper_arrow div, .icon_box img, .img_box img{ 
	-webkit-transition:all .6s ease; transition:all .6s ease; 
}  
a,input[type="text"]{ 
	-webkit-transition:color .6s ease, background .6s ease, border .6s ease, opacity .6s ease, transform .6s ease, box-shadow .6s ease; 
	transition:color .6s ease, background .6s ease, border .6s ease, opacity .6s ease, transform .6s ease, box-shadow .6s ease;
}

/*===================common========================*/  
/*flex*/
.flex{ display:flex; flex-wrap: wrap;}
/*img_box*/
.img_box{display:block; position:relative; overflow:hidden; height:0; padding-top:100%; }
.img_box img{display:block; width:100%; height:100%; position:absolute; top:0; left:0; object-fit: cover; }
/*icon_box*/
.icon_box{position:relative;display:block; height:0; padding-top:100%;}
.icon_box img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto;height:auto; max-width:100%; max-height: 100%;}
/*line_single*/
.line_single{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
/*line_multi*/
.line_multi{display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}  
/*title_effect*/ 
.letter {
	font-style: normal;
	display: inline-block;
	-webkit-transform:translateX(-15px);
	transform: translateX(-15px);
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	opacity: 0;
	-webkit-transition:all .6s ease; transition:all .6s ease; 
} 
.title_effect .letter{
	-webkit-animation-name: textLink;
	  animation-name: textLink; 
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
} 
@-webkit-keyframes textLink {
  to{
	 -webkit-transform: none;
	transform: none; 
	opacity: 1
  }
}
@keyframes textLink{
  to{
	 -webkit-transform: none;
	transform: none; 
	opacity: 1
  }
}    
.letter:nth-child(n){ animation-delay: 0.2s; animation-duration: 0.2s; }
.letter:nth-child(2n + 1){ animation-delay: 0.3s; animation-duration: 0.3s;}
.letter:nth-child(3n + 3){ animation-delay: 0.4s; animation-duration: 0.4s;}
.letter:nth-child(4n+1){ animation-delay: 0.5s; animation-duration: 0.5s;} 

/*===================header========================*/
.inner{ /*width: 94%;*/ margin: 0 auto; position: relative; width: 1400px;} 
header{ position:fixed; left:0; top:0; z-index:1003; color: #ffffff; display:flex; align-items: flex-start; align-items: center; white-space: nowrap; width:100%; padding: .2rem 3%; -webkit-transition:background .6s ease; transition:background .6s ease;  }  
header a{ color: #ffffff;} 
/*logo*/
.logo{ position: relative; z-index: 10;}  
.logo a{ display:inline-block; vertical-align: middle; position: relative;}
.logo a img{ display:block; height: 78px; width: auto; -webkit-transition:height 1s ease; transition:height 1s ease; }   
/*nav_box*/ 
.header_right{ display:flex; align-items: center; margin-left: auto; /*margin-top: 5px;*/}
.nav_box{ margin-right: 1rem;}  
/*.header_right, .language_tit>.iconfont{ font-size: 32px;}*/
.nav_list{ display:flex; margin: 0 -.40rem; -webkit-transition:font-size .6s ease; transition:font-size .6s ease; }
.nav_list li{ padding: 0 .40rem; }
.nav_list li a, 
.language_tit>.iconfont, 
.language_more li a{ height: 40px; line-height: 40px;}
.language_tit i span{ margin-right:6px; display:inline-block; vertical-align:middle; }
.nav_list li a{ display: inline-block; position:relative; } 
.nav_list li.active a{ font-weight: bold;}
.nav_list li a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ffffff;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0); 
} 
.nav_list li:hover a:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}  
.nav_list li.active a:before{
	display: none;
}
/*menu_language*/
.cf:before, body:before, .header:before, .footer:before {   content: '';  display: table;  }
.cf:after, after, .header:after,  .footer:after {  content: '';  clear: both;  display: table;  }
.cf, .header, .footer {  *zoom: 1;  }

.menu_language{ position: relative; z-index: 2; -webkit-transition:font-size .6s ease; transition:font-size .6s ease; } 
.menu_language:before{ content:""; position: absolute; top:0; right:0; width:400%; height: 400%; pointer-events: none;}
.language_tit{ position: relative; z-index: 1;}
.language_tit>.iconfont{ font-size: 32px; -webkit-transition:font-size .6s ease; transition:font-size .6s ease;} 
.language_more{ position: absolute; top: 0; right:100%; padding-right: .15rem; z-index: 1; width: 2.10rem; min-width: max-content; text-align: center; line-height: 1; -webkit-transition:all .6s ease; transition:all .6s ease; opacity:0; visibility:hidden; pointer-events: none;}
.language_more li{ margin-bottom: .20rem;}
.language_more li a{ display:block; background: #333333; color: #ffffff; padding: 0 .40rem; } 
.language_more li a:hover{ background: #C6C6C6; color: #333333; }
.menu_language:hover:before,
.menu_language:active:before{ pointer-events: all;}
.menu_language:hover .language_more,
.menu_language:active .language_more{ opacity:1; visibility: visible; pointer-events: all;}

/*menu_toggle*/
.menu_toggle{ position: relative; z-index: 10; margin-left: .40rem; display: none;}
.menu_toggle span{ display:inline-block; vertical-align: middle; width: 28px; height: 22px; position:relative;}
.menu_toggle i{ display: block; width: 100%; height: 2px; background: #ffffff; position: absolute; top:0; right:0; 
	 -webkit-transition: top .5s ease .4s,-webkit-transform .3s ease-out;
	transition: top .5s ease .4s,-webkit-transform .3s ease-out;
	transition: transform .3s ease-out,top .5s ease .4s;
	transition: transform .3s ease-out,top .5s ease .4s,-webkit-transform .3s ease-out;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}
.menu_toggle i:nth-of-type(2){ top: 10px;}
.menu_toggle i:nth-of-type(3){ top: 20px;}    
.menu_toggle.active i:nth-of-type(2){ background-color: transparent;}
.menu_toggle.active i:nth-of-type(1), 
.menu_toggle.active i:nth-of-type(3){ top: 10px;} 
.menu_toggle.active i:nth-of-type(3) {
	-webkit-transition: top .5s ease,-webkit-transform .3s ease-out .4s;
	transition: top .5s ease,-webkit-transform .3s ease-out .4s;
	transition: top .5s ease,transform .3s ease-out .4s;
	transition: top .5s ease,transform .3s ease-out .4s,-webkit-transform .3s ease-out .4s;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg); 
}
.menu_toggle.active i:nth-of-type(1) {
	-webkit-transition: top .5s ease,-webkit-transform .3s ease-out .4s;
	transition: top .5s ease,-webkit-transform .3s ease-out .4s;
	transition: top .5s ease,transform .3s ease-out .4s;
	transition: top .5s ease,transform .3s ease-out .4s,-webkit-transform .3s ease-out .4s;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg); 
}  
header.header_scroll{ background: rgba(0, 91, 172, .80);}
header.header_scroll .logo a img{ height: 48px;}




/*============================ footer ============================*/
footer{ background: #272727; color:#ffffff;}
.footer_top{ padding: .60rem 0;}  
.footer_logo{}
.footer_logo img{ display: block; height: .98rem; width: auto;}
.footer_contact{ margin-left: auto;}
.contact_tit{ border-bottom:1px dotted #ffffff; margin-bottom: .30rem;}
.contact_tit a{ display: inline-block; color:#ffffff; padding-bottom: .10rem; padding-right: 6px; position: relative;} 
.contact_tit a:before{ content:""; position: absolute; bottom: -1px; left:0; width: 100%; height: 1px; background: #005BAC;}
.contact_des{ margin-top: .20rem;}
.footer_bot{ background: #222222; color: #C1C1C1; padding: 10px 0;} 
.copyright_icp{ }
.copyright_gwa{ margin-left: auto;}
.copyright_gwa img{ vertical-align: middle; height: 21px; width: auto; margin-right: .06rem;}
 
/*body_index*/ 

/*body.body_index .nav_box{ display:none;}*/
body.body_index{ overflow:hidden; background: #000000;}
body.body_index footer{ position: fixed; bottom:0 ; z-index: 2; width: 100%; background: rgba(0, 0, 0, .60); }
body.body_index footer .footer_bot{ padding: 5px 0; background: rgba(0,0,0, .60);}
body.body_index footer .footer_bot .inner{ justify-content: center;}
body.body_index footer .footer_bot .copyright_gwa{ margin-left: .90rem;}


/*============================ 01 ============================*/  
main{ } 
/*===========focus_swiper=======*/    
.focus_swiper{ height: 100vh; }     
.focus_img{ padding-top: 0; height: 100%;} 
.focus_img:before{ content:""; position: absolute; top:0; left:0; z-index: 3; width: 100%; height: 100%; background:rgba(10, 10, 10, 0.40); }
.focus_img video { display:block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; object-fit: cover; }
.focus_txt{ position: absolute; top:50%; left:0; transform: translateY(-100%); z-index: 4; width: 100%; text-align: center; color: #ffffff;}
.focus_tit{ font-family:'Noto Sans SC'; line-height: 1.20; width: 100%; text-align: center; 
	-webkit-animation: 1s .2s fadeInLeft both;
    animation: 1s .2s fadeInLeft both;
}
.focus_des{ font-family:'Noto Sans SC'; line-height: 1.50;/* max-width: 80%;*/ margin: 0 auto;
	-webkit-animation: 1s .4s fadeInLeft both;
    animation: 1s .4s fadeInLeft both;
} 
.focus_swiper .swiper-slide-active .focus_tit .letter{
	-webkit-animation-name: textLink;
	  animation-name: textLink;
	  -webkit-animation-duration: .6s;
	  animation-duration: .6s;
	  -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
	  animation-timing-function: cubic-bezier(.785,.135,.15,.86);
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
}
.focus_swiper .swiper-pagination{ display: none; }
.focus_swiper .swiper-arrow{ display:none;}
/*focus_menu*/
.focus_menu{ position: absolute; top:50%; left:50%; transform: translateX(-50%); /*translateY(20%)*/ z-index: 2; max-width: 3.30rem; min-width: max-content;}
.focus_menu li{ margin-bottom: 30px;
	-webkit-animation: 1s .4s fadeInLeft both;
    animation: 1s .4s fadeInLeft both;
} 
.focus_menu li:nth-child(2){
	animation-delay: 0.5s;
}
.focus_menu li:nth-child(3){
	animation-delay: 0.6s;
}
.focus_menu li:nth-child(4){
	animation-delay: 0.7s;
}
.focus_menu li:last-child{ margin-bottom:0!important;}
.focus_menu li a{ display: block; line-height: 3; padding: 0 40px; text-align: center; font-weight: 500; background: #333333; color: #ffffff;}
.focus_menu li a:hover{ background: #C6C6C6; color: #333333; }
@media all and (max-width: 767px) {
	.focus_tit{ font-size: 24px!important;}
}
@media all and (max-width: 567px) {
	.focus_tit{ font-size: 18px!important;}
} 
/*============================ 02 ============================*/   
/*===========banner_wrap=======*/   
.banner_wrap{ position: relative; overflow: hidden; background: #000000; height: 4rem;}
.banner_swiper{ width:100%; height: 100%;}
.banner_img{ padding-top:0; height: 100%;}
.banner_img:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: url(../images/banner_cover.png) center top no-repeat; background-size: cover; display: none;}
.banner_swiper .swiper_arrow{ display:none;}
.banner_swiper .swiper-pagination{ bottom:0;}
.banner_swiper .swiper-pagination-bullet{ vertical-align: bottom; background: none!important; border-radius:0; margin: 0 3px; position: relative; width: 30px; height: 30px; opacity: 1; filter: alpha(opacity=100); }  
.banner_swiper .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(255,255,255, .35);
    width: 100%;
    height: 3px;
}
.banner_swiper .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    width: 100%;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
} 
.banner_swiper .swiper-pagination-bullet-active:after {
    -webkit-animation: 5s .2s move02 both;
    animation: 5s .2s move02 both;
} 
@-webkit-keyframes move02 {
    0% {
        transform: scaleX(0);
    }
    100% {
        transition: transform 5s linear;
        transform: scaleX(1);
    }
} 
@keyframes move02 {
    0% {
        transform: scaleX(0);
    }
    100% {
        transition: transform 5s linear;
        transform: scaleX(1);
    }
}  
.banner_txt{ position: absolute; top:50%; left:0; z-index: 2; transform: translateY(-30%); width: 100%; text-align: center; color: #ffffff;}
.banner_tit{ font-family:'Noto Sans SC'; width:100%; }
.banner_des{ font-family:'Noto Sans SC'; line-height: 24px; max-height: 48px; max-width: 590px; margin:.20rem auto 0;}
/*===========sub_wrap=======*/   
.sub_wrap{ background-position: center top; background-size: cover; background-attachment: fixed; padding: .60rem 0;} 
/*sub_head*/
.sub_head{ width:100%; margin-bottom: .65rem;}
.head_tit{ margin-left: 1.20rem; width: 3.50rem; min-width: max-content; height: 130px; background: #CCCCCC; color: #444444; padding: 15px .20rem; font-weight: 500;}
.head_logo{ background: #005BAC; height: 56px; line-height: 56px; padding-left:1.40rem; margin-top: -77px; }
.head_logo img{ vertical-align: middle; width:auto; height: 38px;}
.sub_box{ width:100%; overflow: hidden;}
/*sub_left*/
.sub_left{ /* margin-right: .50rem;*/ width: 73.60%; float:left; position: relative; }
.left_cube{ /*position:sticky; top:0;*/ }  
.about_catalog{ margin: -7px;}
.about_catalog li{ width:33.33%; padding: 7px;}
.about_catalog li a{ display:block; position: relative; color: #ffffff;}
.catalog_img{ padding-top: 60.71%;}
.catalog_img:before, 
.catalog_img:after{ content:""; position: absolute; bottom: 0; left:0; z-index: 1; width:100%; height: 100%; background: url(../images/about_01.png) center bottom no-repeat; background-size: cover;}
.catalog_img:after{ background: rgba(0, 91, 172, .50); opacity: 0;}
.catalog_txt{ position: absolute; bottom: .18rem; left:0; z-index: 2; width:100%; display:flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; -webkit-transition:all .6s ease; transition:all .6s ease;}
.catalog_icon{ display:block; margin: 0 auto; background: #FFFFFF; color: #005BAC; font-weight: normal; border-radius: 50%; width: 60px; height: 60px; line-height: 60px; transform: scale(0); opacity: 0; -webkit-transition:all .6s .2s ease; transition:all .6s .2s ease; }
.catalog_icon:before{ content: "\e604"; font-family: "iconfont" !important; font-size: 26px; color: #005BAC; }
.catalog_tit{ width:100%; -webkit-transition:all .6s ease; transition:all .6s ease; }
.about_catalog li a:hover .catalog_img:before{ height: 200%; opacity: 0; }
.about_catalog li a:hover .catalog_img:after{ opacity: 1; }
.about_catalog li a:hover .catalog_txt{ bottom:50%; transform: translateY(50%);}
.about_catalog li a:hover .catalog_icon{ transform: scale(1); opacity: 1; }
.about_catalog li a:hover .catalog_tit{ margin-top: .30rem; transform: scale(1.14); font-weight: 500;}
/*sub_right*/
.sub_right{float: left; position: relative; width:26.40%; padding-left: .60rem; /*min-width: 310px;*/ }
.cube_block{ margin-bottom: .40rem;}
.cube_block:last-child{ margin-bottom: 0;}
.cube_tit{ border-bottom:1px solid #C7C7C7; margin-bottom: .30rem;}
.cube_tit a{ display: inline-block; padding-bottom: 5px; padding-right: 10px; position: relative;} 
.cube_tit a:before{ content:""; position: absolute; bottom: 0; left:0; width: 100%; height: 2px; background: #005BAC;}
.cube_tit .iconfont{ font-size: .28rem; color:#005BAC; margin-right: .10rem;}
.about_classify{}
.about_classify li{ margin-bottom: .20rem;}
.about_classify li:last-child{ margin-bottom: 0;}
.about_classify li a{ display:flex;}
.classify_img{ width: 70px; height: 70px; border: 1px solid #CCCCCC; padding: 2px; margin-right: .10rem;}
.classify_img img{ display:block; width:100%; height: 100%; object-fit: cover;}
.classify_txt{ flex:1 0 0;}
.classify_tit{ font-weight:500;}
.classify_des{ color: #666666; line-height: 18px; max-height: 36px; margin-top: 6px;}
.about_classify li a:hover{ color:#005BAC;}
.product_rec{ }
.product_rec li{ border-bottom: 1px solid #C7C7C7;}
.product_rec li a{ display: flex; align-items: center; height: 34px; line-height: 34px; color:#005BAC;}
.product_icon{ width:28px; margin-right: .10rem;}
.product_icon img{ display: block; height: 12px; width:auto;}
.product_tit{ flex:1 0 0; font-size: 14.5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/*===========about_profile=======*/   
.about_profile{ }
.profile_logo{ } 
.profile_logo img{ width: 83%; max-width: /*8.50rem*/ 7rem;}
.profile_text{ display:flex; flex-wrap: wrap; align-items: stretch; text-align:justify; line-height: 2; padding: .60rem 0; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; margin-top: .60rem;}
.text_block{ width: 50%; border-left:1px solid #333333; /*column-count: 2; column-gap: .40rem; column-rule: 1px solid #333333;  break-inside: avoid;*/}
.text_block:first-child{ border:none;}
.text_block01{ padding-right: .50rem;}
.text_block02{ padding-left: .50rem;}
/*===========about_news=======*/   
.about_news{}
.news_list{ }
.news_list li a{ display:flex; align-items: center; padding: .24rem .20rem; border-bottom: 1px solid rgba(102, 102, 102, .10); }
.news_img{ width: 160px; margin-right: .20rem;}
.news_img .img_box{ padding-top: 65%;}
.news_r{ overflow: hidden; flex:1 0 0; display:flex; align-items: center;}
.news_text{overflow: hidden; flex:1 0 0; position: relative; padding-right: .30rem; margin-right: .30rem;}
.news_text:before{ content:""; position: absolute; top: 20%; right:0; width:1px; height: 60%; background: rgba(0,0,0, .10);}
.news_tit{ font-weight:500;}
.news_des{ color: #777777; line-height:28px; height: 56px; margin-top: .12rem; -webkit-transition:color .6s ease; transition:color .6s ease; }
.news_time{ margin-left: auto; color: #005BAC; margin-top: .10rem; -webkit-transition:color .6s ease; transition:color .6s ease; }
.news_list li a:hover{ background: #005BAC; color:#ffffff;}
.news_list li a:hover .news_des,
.news_list li a:hover .news_time{ color: rgba(255,255,255, .60);}
/*paging*/
.paging{ justify-content: center; margin-top: .40rem;}
.paging a{ display:inline-block; min-width: .40rem; padding: 0 .14rem; text-align: center; line-height: .34rem; border-radius: 3px; border:1px solid #dcdcdc; margin: 2px;}
.paging a:hover, .paging a.active{ background: #005BAC; color:#ffffff;}
/*news_detail*/
.sub_head02 .head_logo{ margin-top: 0; padding-left: .45rem;}
.news_detail{ max-width: 1180px; margin: 0 auto;}
.detail_top{ padding-bottom:.15rem; border-bottom: 1px solid rgba(102, 102, 102, .10); margin-bottom: .50rem; }
.detail_tit{ font-weight: 500; text-align:center;}
.detail_func{ margin-top: .40rem; }
.detail_links, .detail_links a{ color: #888888;}
.detail_links a:hover, .detail_links a.active{ color:#005BAC;} 
.detail_links li{ margin-left: .50rem;}
.detail_links li:first-child{ margin-left:0;}
.detail_zoom a{ margin-left: .10rem;}
.detail_zoom a:first-child{ margin-left: 0;}
.detail_follow{ margin-left:auto;}
.detail_follow li{ margin-left: .08rem; position: relative;}
.detail_follow li .iconfont{ display:inline-block; font-size:  22px; color:#50c43e; -webkit-transition:transform .6s ease; transition:transform .6s ease;}
.detail_follow li .icon_weibo{ color:#f42d3d;}
.detail_follow li:hover .iconfont{ transform: scale(1.2);}
.follow_more{ position: absolute; bottom: 99%; left:50%; transform: translateX(-50%); width: 120px; box-shadow: 0 0 10px 0 rgba(0,0,0, .10); text-align: center; padding-bottom: 10px; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all .6s ease; transition:all .6s ease; }
.follow_more img{ display:block; margin: 0 auto;}
.detail_follow li:hover .follow_more{ opacity: 1; visibility: visible; pointer-events: all;}
.detail_bot{ padding-top: .25rem; border-top: 1px solid rgba(102, 102, 102, .10); margin-top: .70rem;}
.detail_guide{}
.detail_guide li a{ display:block; line-height: 24px; padding: 3px 0;}
.detail_guide li a:hover{ color:#005BAC;} 
/*history_list*/
.history_list{ position: relative;}
.history_list:before{ content:""; position: absolute; top:0; left:50%; width: 1px; height: 100%; background: #005BAC;}
.history_group{ margin-bottom: .40rem;}
.history_head{cursor:pointer; background: #005BAC; color:#ffffff; text-align: center; margin: 0 auto; width: 120px; height: 30px; line-height: 30px;}
.history_head span{ position: relative; padding-right: .24rem;}
.history_head span:before{ content: "\e663"; font-family:"iconfont"; font-size: .14rem; position: absolute; top:50%; right:0; transform:translateY(-50%) rotate(180deg);} 
.history_group.active .history_head span:before{ transform:translateY(-50%) rotate(360deg); }
.history_fold{ display:none;}
.history_info { 
	 display: flex;
    flex-wrap: wrap;
    column-count: 2;  
} 
.history_line{
	flex:0 0 50%;
	break-inside: avoid-column;  
}  
.history_block{ position: relative; text-align: left; margin-top: 20px;/*  width:50%;*/ /*float:right;*/ padding-left: 32px;}  
.history_circle{ position: absolute; top: 0; left:-10px; background: rgba(0, 91, 172, .10); border-radius: 50%; width: 21px; height: 21px; }
.history_circle:before{ content:""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);  background: #005BAC; border-radius: 50%; width: 9px; height: 9px;}
.history_text{ position: relative; background: #EFEFEF; padding: .20rem;}
.history_text:before{ content:""; position: absolute; top:0; right:100%; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 16px solid #EFEFEF; }
.history_month{ font-weight: 500;}
.history_des{ margin-top: 10px;}  

@media all and (min-width: 768px) {
	.history_line:nth-child(odd) .history_block{ /*float:left;*/ padding-left: 0!important; padding-right: 32px; }
	.history_line:nth-child(odd) .history_block .history_circle{ left:auto; right:-10px;}
	.history_line:nth-child(odd) .history_block .history_text:before{ right: auto; left: 100%; border-right: none; border-left: 16px solid #EFEFEF; }
	.history_line:nth-child(even) .history_block{ padding-top: 40px;}
	.history_line:nth-child(even) .history_circle{ top: 40px;}
}


/*============================ 03============================*/   
.sub_product{ margin-top: .20rem; padding-top: 1rem; padding-bottom: 1rem;}
/*===========product_list=======*/    
.product_list{ width:100%; margin: -.10rem -.07rem;}
.product_column{ /*width:50%;*/ flex:1 0 0;}
.product_block{ padding:.10rem .07rem;}
.product_range{ position: relative;}
.product_head{ cursor: pointer; display:flex; align-items: center;  justify-content: flex-start; background: rgba(51, 51, 51, .60); line-height: 62px; padding: 0 .50rem; }
.product_item{ color: #ffffff; width:70%; font-weight: 500; font-style: italic;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
.product_mark{ margin-left: .40rem;  margin-right: .40rem; }
.product_mark img{ vertical-align: middle; height: .24rem; width:auto;}
.product_info{ display:none; overflow: hidden; background: #FFFFFF; padding: .40rem .35rem; margin-bottom: -.20rem; width: 100%; z-index: 2; }
.product_img{ width:2rem; margin-left: .20rem; float:right;}
.product_img .icon_box{ padding-top: 145%;} 
.product_text{ overflow:hidden;}
.product_topic{color: #2767CB; font-weight: 500; font-style: italic;}
.product_des{ margin-top: .40rem;}
.product_des li{  position: relative; padding-left: .16rem; line-height: 30px; margin-bottom: .35rem;}
.product_des li:last-child{ margin-bottom:0;}
.product_des li:before{ content:""; position: absolute; top: 10px; left:0; width: 10px; height: 10px; background: #888888; border-radius: 50%;}
.product_more{ display:block; margin-top: .40rem; max-width: 1.60rem; min-width: max-content; line-height: 40px; padding: 0 .40rem; text-align: center; background: #333333; color: #ffffff;}
.product_more:hover{ background: #2767CB; } 
/*===========product_particulars=======*/ 
/*product_particulars*/
.particulars_head .head_logo img{ height: 24px;}
.product_particulars{}
.particulars_con{ align-items: stretch; line-height: 2; margin-top: .40rem; padding: .60rem 0; border-top:1px solid #E0E0E0;  border-bottom:1px solid #E0E0E0;}
.particulars_list{ width: 50%; border-left: 1px solid #333333; margin: -.15rem 0;}
.particulars_list:first-child{ border-left:none;}
.particulars_list01{ padding-right: .35rem;}
.particulars_list02{ padding-left: .35rem;}
.particulars_list li{ display:flex; flex-wrap: wrap; padding: .10rem 0;}
.particulars_tit{ font-weight: 500;}
.particulars_des{ flex:1 0 0;}

/*============================ 04============================*/   
.sub_contact{ padding: 0!important; margin-top: .20rem;}
.contact_map{ }
#allmap{ width: 100%; height: 6rem; font-size: 18px; font-weight: 500; white-space: nowrap;}
.BMap_shadow img { display: none; }
.BMap_bubble_title{ font-weight: 500;}

.contact_con{ padding: .90rem 0; align-items: stretch; letter-spacing: 0.05em;}
.contact_way{ width:50%; padding: 0 5%;}
.contact_item{ text-align: center;}
.way_list{ width: max-content; margin: 0 auto; margin-top: .60rem;}
.way_block{ align-items: center; margin-top: .60rem;}
.way_block:first-child{ margin-top:0;}
.way_block dt{ min-width: 160px; text-align: center; margin-right: .50rem;}
.way_block dt .iconfont{ display:block; margin: 0 auto .15rem; width: 1.10rem; height: 1.10rem; line-height: 1.10rem; border-radius: 50%; border: 2px solid #C7C7C7; text-align: center; font-size: .46rem;}
.way_block dd{ line-height: 1.90;}
/*contact_exchange*/
.contact_exchange{ width:50%; padding: 0 5%; border-left:1px solid #DEDEDE;}
.exchange_form{ max-width: 584px; margin: .60rem auto 0;}
.exchange_line{ margin-top: .40rem;}
.exchange_line:first-child{ margin-top: 0;}
.exchange_txt{ -webkit-appearance: none; background: #FFFFFF; border: 1px solid #C7C7C7; width:100%; height: 48px; padding:10px 10px 10px .20rem;} 
.exchange_txt:hover, .exchange_txt:focus{ border-color:#999999;}
.exchange_yu{resize: none; height: 118px;line-height: 25px; }
.exchange_btn{ margin-top: .40rem;  background: #333333; width:100%; height: 50px; font-weight:500; color: #ffffff;}





.m2pos_wpr{ border-bottom: 1px solid #E5E5E5; font-size: 14px; }
.m2pos_wpr .container{display:flex; justify-content:space-between; }
.m2pos{ background: url(../images/pos_ico.png) no-repeat left center; line-height: 72px; padding-left: 32px; display:flex; }
.m2pos *{ vertical-align:middle;}
.m2pos i{ background: url(../images/pos_ar.png) no-repeat center center; height: 72px; width: 32px; }
.m2menu{ display:flex;}
.m2menu_a{ line-height: 72px; padding: 0px 20px; }
.m2menu_a.on{ color: #FFF; background: #28a84e; }
.newpages{ text-align:center;}
.newpages *{ vertical-align:middle;}
.newpage_prev{ background: url(../images/page_ar1.png) no-repeat center center; display: inline-block; height: 36px; width: 36px;}
.newpage_next{ background: url(../images/page_ar1.png) no-repeat center center; display: inline-block; height: 36px; width: 36px; transform:rotate(180deg); }
.newpage_prev:hover,.newpage_next:hover{ background: url(../images/page_ar2.png) no-repeat center center; }
.newpage_a,.newpage_span{ line-height: 36px; display: inline-block; width: 36px; text-align: center; padding: 0px 10px; margin: 0px 2px; background: #E5E5E5; }
.newpage_a.on,.newpage_a:hover{ color: #FFF; background: #009DDD; }
@media (max-width:1799px){
.m2pos{line-height: 60px;}
.m2pos i{ height: 60px; width: 24px; }
.m2menu_a{ line-height: 60px; padding: 0px 9px; }
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.m2menu_a{padding:0 15px;}
}
@media (max-width:767px){
.m2pos{display:none;}
.m2pos_wpr .container{display:block; overflow-x:auto; text-align:center}
.m2menu{display:inline; white-space:nowrap;}
.m2menu_a{display:inline-block; line-height:50px;}
}