@charset "utf-8";
/*fonts*/  
.f80{ font-size: 80px;}
.f64{ font-size: 64px;}
.f48{ font-size: 48px;} 
.f44{ font-size: 44px;} 
.f40{ font-size: 40px;}
.f38{ font-size: 38px;} 
.f34{ font-size: 34px;}  
.f32{ font-size: 32px;} 
.f30{ font-size: 30px;}
.f28{ font-size: 28px;}  
.f24{ font-size: 24px;} 
.f22{ font-size: 22px;} 
.f20{ font-size: 20px;}  
.f18{ font-size: 18px;}
.f16{ font-size: 16px;}
.f15{ font-size: 15px;}
/*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;
}  
.inner {
    padding: 0 15px;
    max-width: 1250px;
    margin: 0 auto;
}
*:before,*:after,input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],sup, .browserupgrade, .swiper-pagination-bullet, .bgImg, .img_box img, .n_subclass{
	-webkit-transition:all 500ms ease;
	transition:all 500ms ease;
}  
.clear1 {
    line-height: 24px !important;
    font-size: 14px !important;
}
.clear1:after{content:"\200B";display:block;clear:both;height:0;}
/* .sec_box{ padding: 80px 0; background:#fff 50% 0 no-repeat; background-size: cover; background-attachment: fixed;} */
.sec_top{ text-align: center; margin-bottom: 30px;margin-top: 40px; }
.sec_tit{ font-weight: 600;}
.sec_forewords{ opacity:.60; margin-top: 5px;}
.sec_top_white{ color:#fff;}
.sec_top_white .sec_tit a{ color:#fff; }
.sec_top_orange{ }
.sec_top_orange .sec_tit a{ color:#e4613b; }
.sec_top_blue .sec_tit a{ color: #004ea2;}
/*======guide_box====*/
.guide_mode,
.guide_nav {
    width: 180px;
}

.guide_box { *zoom: 1;}

.guide_pcDis {
    display: none;
}

.guide_box .inner {
    position: relative;
}

.guide_mode {
    position: absolute;
    top: 50px;
    left: 100%;
    z-index: 26;
}

.guide_show {
    position: relative;
}

.guide_show:before {
    content: "";
    position: absolute;
    top: 0;
    left: 4px;
    width: 2px;
    height: 100%;
    background: #eaeaea;
}

.guide_show.fxd {
    position: fixed;
    top: 120px;
}

.guide_nav {
    padding: 16px 0;
}

.guide_nav:before,
.guide_nav:after {
    content: "";
    position: absolute;
    top: -5px;
    left: 0;
    z-index: 1;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #d1d1d1;
    width: 10px;
    height: 10px;
}

.guide_nav:after {
    top: auto;
    bottom: -5px;
}

.guide_nav li>a:first-child {
    display: block;
    position: relative;
    line-height: 24px;
    padding: 8px 0 8px 20px;
    font-weight: bold;
}

.guide_nav li>a:first-child:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #d1d1d1;
    border: 2px solid #fff;
    width: 10px;
    height: 10px;
}

.guide_nav li:hover>a:first-child,
.guide_nav li.current>a:first-child {
    color: #004ea2;
}

.guide_nav li:hover>a:first-child:before,
.guide_nav li.current>a:first-child:before {
    background: #004ea2;
}

/*guide_subclass*/
.guide_subclass {
    font-size: 14px;
    margin-bottom: 15px;
    display: none;
}

.guide_subclass a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 3px 0 3px 20px;
    color: #666;
}

.guide_subclass a:hover,
.guide_subclass a.current {
    color: #e4613b;
}

.guide_subclass a em {
    display: inline-block;
    position: relative;
}

.guide_subclass a em:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #e4613b;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.guide_subclass a:hover em:after,
.guide_subclass a.current em:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.guide_menu {
    display: none;
    background: #e4613b;
    color: #fff !important;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin-top: -44px;
}

.guide_menu:hover {
    color: #fff !important;
}

.guide_menu .iconfont {
    font-size: 18px;
}

@media (max-width: 1024px) {

.guide_pcDis{ display:block;}
	.guide_mode, .guide_nav{ width:auto;}
	.guide_mode{ top:0; left: 0;} 
	.guide_show{ background: rgba(255,255,255, .95); opacity: 0; width:205px; margin-left: -205px; -webkit-transition:all 500ms ease; transition:all 500ms ease; }  
	.guide_menu{ display:block; }
	.guide_menu.active{ left:0;}
	.guide_menu.active .iconfont:before{ content: "\e614";}
	.guide_menu.fxd{ position: fixed; left:0;}
	.guide_show.fxd, .guide_menu.fxd{ top:134px;} 
	.guide_mode.active .guide_show{ opacity: 1; margin-left:0; }
}

/*======product_category====*/  
.product_category{ }
.category_box{ position: relative; }
.category_line{ float:left; position: relative; width:50%;}
.category_head, .category_more01{ height: 134px; background: rgba(230, 228, 228, 0.85);}
.category_head{ overflow: hidden; position: relative; text-align: center; padding: 40px 0;}
.category_head:before{ content:""; position: absolute; top: 23%; left:0; width:1px; height: 54%; background: rgba(0,0,0, .20); }
.category_head:after{ content:""; position: absolute; top: 0; left:0; width:100%; height: 100%; background: rgba(45, 106, 181, .90); opacity: 0; }
.category_line:first-child .category_head:before{ display:none;} 
.category_text{ float:left;}
.category_text_pc{display: block; float: none;}
.category_text_phone{ display:none;}
.category_icon, .category_tit{ display: inline-block; vertical-align: top; position: relative; z-index: 1; }
.category_icon{ width:65px; height: 65px; margin-right: 10px;}
.category_icon img{ display:block; position: absolute; top:0; left:0; right:0; bottom: 0; -webkit-transition:all 500ms ease; transition:all 500ms ease; }
.category_icon img:nth-child(2){ opacity: 0;}
.category_tit{ text-align: left; }
.category_tit em{ display:block;}
.category_tit i{ display:block; max-width: 150px; opacity: .60; margin-top: 5px;}
.category_more03{ display: none; position: absolute; top:50%; right:5%; z-index: 1; transform: translateY(-50%); } 
.category_more03 .iconfont{ display: inline-block; border-radius: 50%; background: rgba(0,0,0, .30); color: #fff; text-align: center; width:27px; line-height: 27px;} 
.category_subclass{ width: 100%; background: rgba(45, 106, 181, .90); opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 500ms ease; transition:all 500ms ease;} 
.category_subclass a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:3.20% 0 3.20% 37%; color: #fff;}
.category_subclass a em{ display: inline-block; position: relative;}
.category_subclass a em:before{ content:"→"; position: absolute; top:50%; transform: translateY(-50%); right: 140%; opacity: 0; font-size:18px;}
.category_subclass a:hover em:before{ right:120%; opacity: 1;}
.category_subclass a em:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
} 
.category_subclass a:hover em:after{
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.category_line.current .category_head a{ color:#fff;}
.category_line.current .category_head .category_tit i{ opacity: 1;}
.category_line.current .category_head .category_icon img:nth-child(1){ opacity: 0;}
.category_line.current .category_head .category_icon img:nth-child(2){ opacity: 1;}
.category_line.current .category_head:after{ opacity: 1;}
.category_line.current .category_head .category_more03 .iconfont{ background: rgba(255,255,255, .30); }
.category_line.current .category_subclass{ padding: 10% 0; opacity: 1; visibility: visible; pointer-events: all;}
.category_more{ display: block; text-align: center; color: #fff;} 
.category_more span{ display: inline-block;}
.category_more span i{ display: inline-block; position: relative; padding-right: 20px; }
.category_more span i:before{ content:"→"; position: absolute; top:50%; right:0; transform: translateY(-50%); font-size:16px;}
.category_more01{ position: absolute; top:0; right:0; width: 13%; display: flex; flex-wrap: wrap; align-items: center;}
.category_more01:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; border-width: 154px 0px 154px 46px; border-style: none solid solid; border-color: transparent transparent #e4613b;}
.category_more01 span{ width: 100%; }
.category_more02{ display:none; line-height: 3.50; margin-top: 30px;}
.category_more02 span{ background: #e4613b; padding: 0 6%;}
.category_more02:hover{ opacity: 0.90;}






@media (max-width: 1599px){  
	.inner{ max-width: 1230px;}
	/*fonts*/  
	.f80{ font-size: 70px;}
	.f64{ font-size: 54px;}
	.f48{ font-size: 40px;} 
	.f44{ font-size: 36px;} 
	.f40{ font-size: 34px;}
	.f38{ font-size: 32px;} 
	.f34{ font-size: 28px;} 
	.f32{ font-size: 26px;} 
	.f30{ font-size: 24px;}
	.f28{ font-size: 22px;}  
	.f24{ font-size: 20px;} 
	.f22{ font-size: 18px;} 
	.f20{ font-size: 18px;}  
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;}
	.f15{ font-size: 14px;}


	
	
}

@media (max-width: 1359px) {  

	 /*fonts*/ 
	.f80{ font-size: 60px;}
	.f64{ font-size: 44px;}
	.f48{ font-size: 34px;} 
	.f44{ font-size: 30px;} 
	.f40{ font-size: 28px;}
	.f38{ font-size: 26px;} 
	.f34{ font-size: 24px;}   
	.f32{ font-size: 22px;} 
	.f30{ font-size: 20px;}
	.f28{ font-size: 20px;}  
	.f24{ font-size: 18px;} 
	.f22{ font-size: 16px;} 
	.f20{ font-size: 16px;}  
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;}
	.f15{ font-size: 14px;}

	
}

@media (max-width: 991px) {
	/* .inner{ max-width: 798px;}  */
	 /*fonts*/ 
	.f80{ font-size: 50px;}
	.f64{ font-size: 36px;}
	.f48{ font-size: 28px;} 
	.f44{ font-size: 24px;} 
	.f40{ font-size: 24px;}
	.f38{ font-size: 22px;} 
	.f34{ font-size: 20px;}   
	.f32{ font-size: 20px;} 
	.f30{ font-size: 18px;}
	.f28{ font-size: 18px;}  
	.f24{ font-size: 16px;} 
	.f22{ font-size: 16px;} 
	.f20{ font-size: 16px;}  
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;}
	.f15{ font-size: 14px;}

	
	/*=====03=====*/ 
	.category_line{ width: 100%; margin-bottom: 2px;}
	.category_head{ padding: 15px 5%; height: auto; text-align: left;}
	.category_text_pc{display: none;}
	.category_text_phone{ display:block;}
	.category_icon, .category_tit{ vertical-align: middle; }
	.category_icon{ margin-right:5px;}
	.category_more03{ display:block;}
	.category_subclass{ display:none; text-align: center;}
	.category_line.current .category_subclass{ display:block; padding: 20px 0;}
	.category_subclass a{ padding: 6px 0;}

    .guide_pcDis{ display:block;}
	.guide_mode, .guide_nav{ width:auto;}
	.guide_mode{ top:0; left: 0;} 
	.guide_show{ background: rgba(255,255,255, .95); opacity: 0; width:205px; margin-left: -205px; -webkit-transition:all 500ms ease; transition:all 500ms ease; }  
	.guide_menu{ display:block; }
	.guide_menu.active{ left:0;}
	.guide_menu.active .iconfont:before{ content: "\e614";}
	.guide_menu.fxd{ position: fixed; left:0;}
	.guide_show.fxd, .guide_menu.fxd{ top:134px;} 
	.guide_mode.active .guide_show{ opacity: 1; margin-left:0; }
	
} 

@media (max-width: 639px) {  
    body{ overflow-y:auto!important;}
	/*fonts*/ 
	.f80{ font-size: 40px;}
	.f64{ font-size: 30px;}
	.f48{ font-size: 24px;} 
	.f44{ font-size: 20px;} 
	.f40{ font-size: 20px;}
	.f38{ font-size: 18px;} 
	.f34{ font-size: 18px;}  
	.f32{ font-size: 18px;} 
	.f30{ font-size: 16px;}
	.f28{ font-size: 16px;}  
	.f24{ font-size: 16px;} 
	.f22{ font-size: 16px;} 
	.f20{ font-size: 14px;}  
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;}
	.f15{ font-size: 14px;}
	
	
	.guide_show.fxd, .guide_menu.fxd{ top:104px;}
	
}

/*======product_all====*/  
.product_all{ display:flex; flex-wrap: wrap; align-items: center; margin:-1.20% -0.50%;}
.product_all li{ float:left; width:25%; padding:1.20% 0.50%;}
.product_all li a{ display:block; position: relative; text-align: center;}
.product_img{ overflow:hidden; background: #fff;} 
.product_img .bgImg{ height: 0; padding-top: 66.86%;}
.product_tit{ line-height: 3.70;}
.product_cover{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; display: flex; align-items: center; background: rgba(45, 106, 181, .80); color: #fff; line-height: 1.875; padding: 11%; -webkit-transition:all 500ms ease; transition:all 500ms ease; opacity: 0; display: none;}
.product_des{ width:100%; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical; text-align: justify; -webkit-line-clamp:2; line-height: 22px; max-height: 44px;}
.product_all li a:hover{ color: #e4613b;}
.product_all li a:hover .product_img .bgImg{ transform: scale(1.10);}
.product_all li a:hover .product_cover{ opacity: 1;}
.product_all li a:hover .product_des{ -webkit-animation: .5s .2s fadeInUp both; animation: .5s .2s fadeInUp both;}
/*======product_content====*/  
.product_content{ min-height: 600px; background: #fff; padding-top: 2%;}
.product_item{ font-weight: bold; color:#0046a3; margin-bottom: 3.50%;}
.product_table_box{ overflow-x: auto;}
table.product_table{ text-align: center; line-height: 1.50; } 
table.product_table tr th{ padding: 6px 15px; background: #3862ae; color: #fff; font-weight: bold; white-space:nowrap;}
table.product_table tr th:nth-child(1),
table.product_table tr th:nth-child(2),
table.product_table tr th:nth-child(3){ font-weight: normal; text-align: left; padding-left: 15px; }
table.product_table tr td{ padding: 10px 5px;}
table.product_table tr td:nth-child(1),
table.product_table tr td:nth-child(2),
table.product_table tr td:nth-child(3){ text-align:left; padding-left: 15px; }
table.product_table tr.parent td{cursor:pointer; border-left: 2px solid #d4d4d4;    background: #f7f7f7}  
table.product_table tr.parent.even td{ background:#d9e1f2; border: none;} 
table.product_table tr.parent.selected td{ background:#e4613b; color:#fff; border-color: rgba(255,255,255, .20);}
table.product_table tr.parent.selected td a{color:#fff;}
table.product_table tr.parent.even.selected td{ border-color:#e4613b;}
table.product_table tr.parent td:nth-child(1){ border-left:0;}
table.product_table tr.child_row{ display:none;}
table.product_table tr.child_row td{ background:#f7f7f7; font-size:14px; padding: 15px 5px;}
.product_related02{ padding-top: 0!important; background-color: #f7f7f7;}
/*======product_detail====*/  
.product_detail{ line-height: 1.50;}
.product_detail_box{ display:flex; flex-wrap: wrap; align-items: stretch;}
.product_detail_left{ float:left; width:31.50%; padding-right: 4.45%;}
.product_detail_img{ max-width: 350px;}
.product_detail_img .bgImg{ height: 0; padding-top: 66.86%;}
.product_detail_tit{ line-height: 1.50; font-weight: bold; color:#e4613b; margin-bottom: 10px;}
.product_detail_right{ float:left; border-left:1px solid #d4d4d4; width:68.50%; padding-left: 4%;}
.link_corresponding{ display:block; position: relative; text-decoration: underline; padding-left: 30px;}
.link_corresponding:before{ content:"\e60b"; font-family:"iconfont"; font-size: 20px; position: absolute; top:50%; left:0; transform: translateY(-50%); -webkit-transition:all 0ms ease; transition:all 0ms ease; }
.link_corresponding:hover{ color:#e4613b; text-decoration: underline;}


/*======product_star====*/ 
.product_star{}
.star_swiper .swiper-container{ padding-bottom: 80px;}
.star_block{ background: #efefef; color: #666; height: 245px; padding: 30px; border-radius: 10px 10px 26px 10px;}
.star_block a{ color: #666;}
.star_img{ display:block; position: absolute; bottom:-30%; right:0%; width: 50%; max-width: 214px;}
.star_img .bgImg{ height: 0; padding-top: 100%;  border-radius: 50%;}
.star_info{width:60%; float:left;}
.star_belong{ text-transform: uppercase; color:#0046a3;}
.star_belong a{ text-transform: uppercase; color:#0046a3;}
.star_name{ font-weight: bold; margin-top: 10px;}
.star_name a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.star_des{ -webkit-line-clamp: 3; max-height: 72px; margin-top: 10px;}
.star_more{ display:inline-block; margin-top: 35px;}
.star_block:hover a{ color: #f39800;}
.star_block:hover .star_img .bgImg{ margin-bottom: 2%;}
/*swiper*/
.swiper-container{ height:100%; }
.swiper-pagination{ position: relative; bottom: 0; left:0; z-index: 1; margin-top: 3%; width:100%; text-align: center;}  
.swiper-pagination-bullet{ margin: 0 10px; width:14px; height: 14px; border-radius: 14px; background: #c5c5c5; opacity: 1;} 
.swiper-pagination-bullet-active{ width: 40px; background: #f39800!important;}
.swiper_arrow div{ margin: 0; transform: translateY(-50%); background: none; text-align: center; } 
.swiper_arrow div:before{ font-family: "iconfont" !important; content:"\e602"; position: absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; color: #333; font-size: 18px; } 
.swiper_arrow div.swiper-button-next:before{ content:"\e601"; } 
.swiper_arrow div:hover:before{ color: #f39800;}

.des{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical; text-align: justify; -webkit-line-clamp:2; line-height: 24px; max-height: 48px;} 
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:#333; 
} 

h1,h2,h3,h4,h5,h6{font-weight:normal; padding:0; margin:0; font-size:14px; line-height:1.20; }

/*===================common========================*/ 
/*bgImg*/
.bgImg{ display:block; overflow: hidden; width:100%;height:100%;background-position:50% 0; background-repeat:no-repeat;background-size:cover; position: relative; }
.bgImg img{display:none;} 



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .50
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}