@charset "utf-8";



.breadcrumb__inner > li > a {    opacity: 0;}

.about .content__wrap{background:#fafbf5 url("../img/big/bg_about.jpg") no-repeat top center;padding:100px 0 0 0;margin:-60px 0 -80px 0;}

/*logo文字块*/
.about_top{margin-bottom:100px;}
.message_set__ttl{width:63.888vw;max-width:575px;min-width:315px;margin:0 0 48px -6px;font-size:40px;color: white;text-shadow:2px 3px 4px #222;letter-spacing:3px;}
.message_set__box{position:relative;font-size:0;}
.message_set__box .logo{position:absolute;display:block;width:130px;vertical-align:top;top:94px;right:0;}
.message_set__box .text{font-size:15px;line-height:2;}
.message_set__box .text > p{display:block;margin-bottom:31px;font-feature-settings:'palt';letter-spacing:.06em;font-weight:500;height:100%;color: white;text-shadow: 0px 2px 2px #333;}

/*手机文字块logo隐藏*/
.about_sp_view + img{display:none;}

/*大背景底部两个圆*/
.about_middle{margin-bottom:12px;}
.about .content__wrap .adj_wide{padding:0 240px 0 240px;}
.diagram > li{margin:0 auto;}
.diagram__merger{width:61.66vw;max-width:555px;min-width:383px;}
.diagram__with{width:12.88vw;max-width:116px;min-width:80px;margin-top:-12px !important;}
.diagram__bottom_arrow{width:21.11vw;max-width:190px;min-width:128px;margin-top:-10px !important;}

 /*渐变块*/
.added_value{background-image:-moz-linear-gradient(0deg,rgba(242,245,233,.96) 5%,rgba(250,251,247,.96) 35%,rgba(242,245,233,.96) 85%);background-image:-webkit-linear-gradient(0deg,rgba(242,245,233,.96) 5%,rgba(250,251,247,.96) 35%,rgba(242,245,233,.96) 85%);background-image:-ms-linear-gradient(0deg,rgba(242,245,233,.96) 5%,rgba(250,251,247,.96) 35%,rgba(242,245,233,.96) 85%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#fafbf7,endColorstr=#f2f5e9)";}
.added_value_inner{width:1080px;padding-top:50px;margin:0 auto;}
.added_value dl.added_value_inner:last-child{ padding-bottom: 50px;}
.added_value_inner .copy{position:relative;text-align:center;}
.added_value_inner .copy::before,.added_value_inner .copy::after{position:absolute;top:8px;display:block;background:#383842;content:'';height:1px;}
.added_value_inner .copy::before{left:0;}
.added_value_inner .copy::after{right:0;}

/*渐变块一视频*/
.added_value_inner .copy_1::before,.added_value_inner .copy_1::after{width:calc( (100% - 216px) / 2 );}
.added_value_inner .copy_img{display:inline-block;margin-bottom:20px;color:#383842;font-size:22px;font-weight:bold;}
.added_value_inner .text{font-feature-settings:'palt';line-height:1.667;letter-spacing:.04em;font-size:15px;height:100%;}
.added_value_inner .list_set{overflow:hidden;}
.added_value_inner .list_set > li{width:calc( (100% - 8px) / 4 );margin:20px 1px 0 1px;float:left;}
/*.added_value_inner .list_set > li:nth-child(4n+1){margin-left:0;}*/
.added_value_inner .list_set > li > .box > a > .imgDiv:hover img{transition:all 0.2s ease-out;opacity:18;}
.added_value_inner .list_set > li > .box > a > .imgDiv{position:relative;}
.added_value_inner .list_set > li > .box > a > .imgDiv > span{position:absolute;right:22px;bottom:13px;font-size:15px;}
.added_value_inner .list_set > li > .box > a > .imgDiv img{opacity:.8;}

.videoLayer{position:absolute;z-index:100;display:none;width:900px;height:506px;background:#fff;}
/*视频背景蒙版*/
#Layer1{position:absolute;position:fixed;_position:absolute;width:100%;z-index:99;top:0;left:0px;background-color:#000;display:none;}

/*渐变块二*/
.added_value_inner .copy_2::before,.added_value_inner .copy_2::after{width:calc( (100% - 140px) / 2 );}

/*渐变块四 图片格子*/
.added_value_inner .icon_4{overflow:hidden;margin-top:20px;}
.added_value_inner .icon_4 > li{float:left; width: calc((100% / 4) - 23px);margin-right:30px;}
.added_value_inner .icon_4 > li:last-child{margin-right:0;}
.added_value_inner .icon_4 > li > div{width:58px;height:50px;background:url("../img/icon/icon_4.png") no-repeat;}
.added_value_inner .icon_4 > li > div.icon_4_1{background-position:left top;}
.added_value_inner .icon_4 > li > div.icon_4_2{background-position:-58px 0;}
.added_value_inner .icon_4 > li > div.icon_4_3{background-position:-116px 0;}
.added_value_inner .icon_4 > li > div.icon_4_4{background-position:right top;}
.added_value_inner .icon_4 > li > h3{font-size: 18px;margin: 20px 0 10px 0;font-weight: 500;}
.added_value_inner .icon_4 > li > p{font-size: 13px;line-height: 20px;color: #545454;}

/*手机底部导航*/
.about .content__asnav {display: none;}

.about .content__wrap {display: none;}
.about .breadcrumb {opacity: 0;}






@media screen and (max-width:1004px){
    
    .videoLayer{width:95%;height:auto;}
}

@media screen and (max-width:899px){
    
    .tracking_nav { padding-top: 0;}
    .about .content__asnav{display:block;}
    .about .content__wrap{background-position:top -13.77vw center;background-size:220vw;padding-top:12vw;padding-bottom:0;margin-top:-48px;margin-bottom:0;}
    .about .content__wrap .adj_wide{width:600px;padding:0;margin:0 auto;}
    .message_set__ttl{margin:0 0 5.33vw 0;}
    .message_set__box .text > p{margin-bottom:3.44vw;}
    .about_top{margin-bottom:8vw !important;}
    .about_middle{margin-bottom:12px !important;}
    .added_value_inner{width:auto;padding: 10% 3% 0 3%;}
	.added_value_inner .copy_1::before, .added_value_inner .copy_1::after {
    width: calc( (100% - 186px) / 2 );
}
	.added_value_inner .copy_2::before, .added_value_inner .copy_2::after {
    width: calc( (100% - 120px) / 2 );
}
	
	.added_value_inner .list_set > li{width:48%;margin:3% 1% 0 1%;}
	.content__asnav{margin-top:0;}
/*	.added_value_inner{padding:28px 24px 40px 24px;}*/
}

@media screen and (max-width:639px){
    
    .about_sp_view{display:none;}
    .about_sp_view + img{display:inline;}
    .sp_br_hidden{display:none;}
    .about .content__wrap .adj_wide{width:auto;padding:0 24px;}
/*    .about .content__wrap{padding-top:88px;}*/
    .message_set__ttl{position:relative;width:100%;max-width:314px;min-width:auto;z-index:10;}
    .message_set__box .logo{width:340px;top:-240px;left:-91px;z-index:10;}
    .message_set__box .text{line-height:1.733;}
    .message_set__box .text > p{font-size:13px;background: rgba(56, 56, 66, 0.5);padding: 10px;}
/*	.added_value_inner .copy::before,.added_value_inner .copy::after{content:none;}*/
    .added_value_inner .copy_img{width:100%;max-width:314px;}
    .about_middle{overflow:hidden;padding:0 !important;}
    .diagram{position:relative;width:calc(100% + 80px);left:-40px;}
    
    .added_value_inner .text{margin-bottom:10px;}
    .added_value_inner .list_set{text-align:center;}
    .added_value_inner .list_set > li{width:48%;margin:6% 0 0 2%;}
/*    .added_value_inner .list_set > li:nth-child(odd){margin-left:0;}*/
    .added_value_inner .list_set > li > .box > a > .imgDiv > span{right:6px;bottom:6px;}
    
    .video .list li{width:49% !important;margin:2% 0 2% 1%;}
    .video .list li:nth-child(even){margin-right:0;}
    
    .added_value_inner .icon_4 > li {width: calc((100% / 2) - 20px);margin:10px;}
    .added_value_inner .icon_4 > li > h3{font-size:15px;}

}

@media screen and (max-width:610px){
    
    .about .content__wrap{background-size:1430px;}
}

@media screen and (max-width:400px){
    
    .added_value_inner .list_set > li > .box > a > .imgDiv > span{font-size:13px;}
}