﻿.about_01{background: url(/r/cms/www/default/upload/about_01.jpg) no-repeat center;background-size: cover;background-size: 100% 100%;padding-bottom: 5%;}
.box_01{position: relative;overflow: hidden;margin-bottom: 5%;}
.box_01>dl>dl{height: 100%;}
.box_01>dl>dd{position: absolute;left: 0;width: 50%;top: 0;height: 92%;background: url(/r/cms/www/default/upload/about_02.jpg) no-repeat center;background-size: cover;
color: #fff;padding: 3% 5%;box-sizing: border-box;overflow: hidden;z-index: 2;}
.box_01>dl>dd h2{font-weight: bold;margin-top: 5px;}
.box_01>dl>dd>em{display: block;width: 29px;height: 4px;background: #fff;margin: 10px 0 25px;}
.box_01>dl>dt{float: right;width: 53.5%;background: url(/r/cms/www/default/upload/about_03.jpg) no-repeat center;background-size: cover;position: relative;
;box-sizing: border-box;}
.box_txt{height: 62%;overflow: hidden;}
.box_txt .edit_con_original{color: #fff;line-height: 30px;}
.box_numder{width: 100%;padding: 0 15%;box-sizing: border-box;}
.box_numder li{float: left;width: 50%;text-align: center;border-right: 1px solid #bd0c01;margin-bottom: 20px;}
.box_numder li dl{display: inline-block;text-align: left;color: #bd0c01;width: 180px;}
.box_numder li dl dt span{font-weight: bold;}
.box_numder li dl dt em{font-weight: bold;}
.box_numder li:nth-child(2n){border-right: 0;}
.box_02{background:#fff;padding: 4% 5%;box-sizing: border-box;overflow: hidden;}
.box_02 .box_txt .edit_con_original{color: #646464;}
.box_02 dd{width: 42%;float: left;padding-right: 6%;box-sizing: border-box;}
.box_02 dd h2{font-weight: bold;color: #000;margin-top: 5px;}
.box_02 dd em{display: block;width: 29px;height: 4px;background: #bd0c01;margin: 10px 0 25px;}
.box_02 dd h4{margin-bottom: 20px;}
.box_02 dt{width: 58%;float: left;padding-top: 4%;}
.box_02 dt .box_txt{border-left: 1px solid #dbdbdb;padding-left: 8%;box-sizing: border-box;}


.about_02{padding-top: 50px;}
.about_tit{text-align: center;padding: 0 5%;box-sizing: border-box;margin-bottom: 40px;}
.about_tit h2{font-weight: bold;}
.about_tit p{margin-top: 25px;color: #646464;line-height: 30px;}
.int_img img{width: 100%;}

.about_03{padding-top: 50px;display: inline-block;width: 100%;}
.culture_list li{float: left;width: 25%;box-sizing: border-box;background: #f7f7f7;border-left: 1px solid #dedede;transition: all .3s;position: relative;}
.culture_list li dl{padding: 60px 20px;box-sizing: border-box;overflow: hidden;}
.culture_list li dl dd{width: 120px;height: 120px;margin: 0 auto;border-radius: 100%;background: #fff;text-align: center;margin-bottom: 45px;transition: all .3s;}
.culture_list li dl dd img{width: 50px;height: 50px;margin-top: 35px;}
.culture_list li dl dt{text-align: center;}
.culture_list li dl dt h4{font-weight: 600;}
.culture_list li dl dt p{color: #646464;margin-top: 15px;}
.culture_list li:first-child{border-left: 0;}

.about_04{padding-top: 50px;}
.duty_list{position: relative;}
.duty_list dl{position: relative;overflow: hidden;}
.duty_list dl dd{position: relative;}
.duty_blank{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(/r/cms/www/default/upload/about_05.png) no-repeat center;background-size: cover;display: none;}
.white_blank{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(255,255,255,.7);}
.duty_list dl dt{position: absolute;left: 0;bottom: 25px;width: 100%;color: #fff;padding: 0 5%;box-sizing: border-box;;text-align: center;
    transform: translateY(150%);transition: all .3s;}
.duty_list dl dt h3{margin-bottom: 20px;}
.duty_list dl dt p{line-height: 30px;}
.duty_list li.swiper-slide-active dt{transform: translateY(0);}
.duty_list li.swiper-slide-active .duty_blank{display: block;}
.duty_list li.swiper-slide-active .white_blank{display: none;}

.duty_list .lhl_but div{background: none;font-size: 30px;transition: all .3s;}
.duty_list .lhl_but div.swiper-button-prev{left: 50px;}
.duty_list .lhl_but div.swiper-button-next{right: 50px;}

.about_05{padding: 50px 0 80px;}
.honnr_list{position: relative;}
.honnr_list li dl{background: #ffff;padding-top: 30px;}
.honnr_list li dd{overflow: hidden;position: relative;border: 1px solid #ece7e7;}
.honnr_list li dd img{max-width:100%;max-height:100%;width:auto;height:auto;}
.honnr_list li dt{padding: 30px 20px;box-sizing: border-box;overflow: hidden;text-align: center;}
.honnr_list li dt p{line-height: 30px;height: 60px;overflow: hidden;}
.honnr_list .lhl_but div{background: none;font-size: 30px;font-weight: bold;cursor: pointer;transition: all .3s;}
.honnr_list .lhl_but div.swiper-button-prev{left: -50px;}
.honnr_list .lhl_but div.swiper-button-next{right: -50px;}

.about_06{padding: 50px 0;box-sizing: border-box;overflow: hidden;color: #fff;}
.about_06 .about_tit{margin-bottom: 20px;}
.about_06 .about_tit p{color: #fff;}

/*group*/
.group_01{background: url(/r/cms/www/default/upload/group_01.jpg) no-repeat center;background-size: cover;}
.group_con{text-align: center;padding: 40px 0 6%;box-sizing: border-box;overflow: hidden;}
.group_con img{max-width: 100%;}

/*战略定位*/
.strategy_01{overflow: hidden;}
.strategy_01 .about_tit h4{margin-top: 20px;}
.strategy_01 .about_tit p{margin-top: 10px;}
.location_01 dl{float: left;width: 50%;position: relative;}
.location_01 dl dt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 50px 55px;box-sizing: border-box;}
.location_01 dl dt h2{color: #646464;font-weight: bold;transition: all .3s;}
.location_txt{padding: 0 20px;box-sizing: border-box;margin-top: 15px;color: #fff;display: none;height:82%;overflow: hidden;}
.location_txt em{display: block;width: 30px;height: 4px;background: #fff;margin-bottom: 30px;}
.location_txt .txt p{line-height: 30px;height: 60%;overflow: hidden;transition: all .3s;}

.strategy_02{padding: 4% 0 6%;box-sizing: border-box;overflow: hidden;}
.product_list li{float: left;width: 25%;transition: all .3s;}
.product_list li dl{text-align: center;padding: 60px 20px;box-sizing: border-box;overflow: hidden;}
.product_list li dl dd{margin-bottom: 40px;}
.product_ico{width: 120px;height: 120px;background: #f7f7f7;border-radius: 100%;margin: 0 auto;}
.product_ico img{width: 50px;height: 50px;margin-top: 35px;}
.product_list li dt p{line-height: 30px;height: 90px;overflow: hidden;color: #646464;}

/*联系我们*/
#map{height: 500px;}
.map_image img{width:100%;}
.map_con{padding: 0 25px;box-sizing: border-box;margin-top: 40px;margin-bottom: 6%;overflow: hidden;}
.map_con h2{padding: 0 25px;box-sizing: border-box;margin-bottom: 40px;font-weight: bold;}
.map_con ul li{float: left;width: 33.3%;padding: 0 25px;box-sizing: border-box;margin-bottom: 30px;}
.map_li{border-bottom: 1px solid #cacaca;padding-bottom: 20px;color: #000;position: relative;}
.map_li span{font-weight: bold;display: block;margin-bottom: 5px;}
.map_li p{line-height: 30px;height: 60px;}
.map_li p a{color: #000;}
.map_li p a.tel_link,a.telLink{color: #000!important;cursor: inherit;}
.map_li em{position: absolute;left: 0;width: 120px;height: 2px;background: #d1010f;bottom: -1px;}
@media only screen and (min-width:1025px) {
    .culture_list li:hover{background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);border-left: 0;z-index: 3;}
    .culture_list li:hover dd{background: #f7f7f7;}
    .culture_list li:hover+li{border-left: 0;}
    .honnr_list .lhl_but div:hover{color: #bd0c01;}
    .location_01 dl:hover dt{background: url(/r/cms/www/default/upload/about_02.jpg) no-repeat center;background-size: cover;}
    .location_01 dl:hover dt h2{color: #fff;}
    .location_01 dl:hover .location_txt{display: block;}
    .product_list li:hover{box-shadow: 0 0 15px rgba(0,0,0,0.1);}
    .product_list li:hover dt{font-weight: bold;}

    .duty_list .lhl_but div:hover{color: #bd0c01;}
    .dev_index_l_wrap li span{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .dev_index_l_wrap li span:hover{font-size: 22px;    color: #D0002F;}
}
@media only screen and (max-width: 1660px){
    .box_numder li dl{width: 150px;}
}
@media only screen and (max-width: 1366px){
    .product_list li dt p br{display: none;}
}
@media only screen and (max-width:1024px) {
    .box_01>dl>dd,.box_01>dl>dt{width: 100%;}
    .box_01>dl>dd{position: static;}
    .box_01>dl>dt{height: auto!important;padding: 40px 0px;box-sizing: border-box;}
    .box_numder{position: static;transform: none;}
    .box_numder li dl{width: 100px;}
    .culture_list li{width: 50%;}
    .culture_list li dl{padding: 40px 10px;}
    .culture_list li dl dd{width: 90px;height: 90px;margin-bottom: 30px;}
    .culture_list li dl dd img{margin-top: 25px;width: 40px;height: 40px;}
    .duty_list dl dt{bottom: 15px;}
    .duty_list dl dt h3{margin-bottom: 10px;}
    .duty_list dl dt p{line-height: 24px;}
    .honnr_list .lhl_but div.swiper-button-prev{left: 5px;}
    .honnr_list .lhl_but div.swiper-button-next{right: 5px;}
    .strategy_01{padding-bottom: 0px;}
    .location_01 dl{width: 100%;margin-bottom: 30px;}
    .location_01 dl dt{padding: 30px;position: static;background: url(/r/cms/www/default/upload/about_02.jpg) no-repeat center;background-size: cover;color: #fff;}
    .location_01 dl dt h2{color: #fff;}
    .location_txt{display: block;padding: 0;}
    .location_txt em{background: #fff;}
    .strategy_02{padding: 50px 0;}
    .product_list li dl{padding: 20px;}
    .product_ico{width: 90px;height: 90px;}
    .product_ico img{margin-top: 25px;width: 40px;height: 40px;}
    .product_list li dt p{height: auto;}
    #map{height: 400px;}
    .map_con{padding: 0;}
    .map_con h2{padding: 0;}
    .map_con ul li{width: 100%;padding: 0;margin-bottom: 30px;}
    .map_li p{height: auto;}
}
@media only screen and (max-width:767px) {
    .about_tit{margin-bottom: 20px;padding: 0;}
    .box_01>dl>dd{padding: 30px 20px;}
    .box_numder{padding: 0 20px;overflow: hidden;}
    .box_numder li dl{width: 90px;}
    .box_02{padding: 30px 20px;}
    .box_02 dd,.box_02 dt{width: 100%;}
    .box_02 dt .box_txt{border-left: 0;padding-left: 0;}
    .about_02,.about_03,.about_04{padding-top: 30px;}
    .culture_list li{width: 100%;border-left: 0;border-bottom: 1px solid #dedede;}
    .culture_list li:last-child{border-bottom: 0;}
    .duty_list .lhl_but div{color: #fff;}
    .duty_list .lhl_but div.swiper-button-prev{left: 10px;}
    .duty_list .lhl_but div.swiper-button-next{right: 10px;}
    .duty_list li .white_blank{display: none!important;}
    .about_05{padding: 30px 0 40px;}
    .honnr_list li dl{padding-top: 0;}
    .about_06{padding: 30px 0;}
    .about_06 .about_tit p br{display: none;}
    .strategy_02{padding: 30px 0;}
    .product_list li{width: 100%;margin-bottom: 20px;}
    .product_list li dl dd{margin-bottom: 20px;}
    .location_01 dl dt{padding: 30px 20px;}
    #map{height: 300px;}
    .map_con h2{margin-bottom: 20px;}
}


/*发展历程*/
.his_01{position: relative;padding-bottom: 8%;}
.dev_index_l_wrap { width:230px; }
.dev_index_l_wrap ul {  width:2px; float:right; position:relative; margin-top:-2px;margin-right: 6px;}
.dev_index_l_wrap li {  width:2px; height:94px; line-height:94px; text-align:center; background:url(/r/cms/www/default/images/dev_br.png) no-repeat right center; background-size:100% 100%;background-size:cover; margin-top:-1px; margin-right:5px;}
.dev_index_l_wrap li span {position:relative; padding-right:35px; color:#5E5E5E;float:right; right:-3px; margin-top:-1px; cursor:pointer;
    background:url(/r/cms/www/default/images/hui.png) no-repeat right center;font-weight: bold;}
.dev_index_l_wrap li.active span{ padding-right: 50px; font-size:72px; color:#D0002F; font-weight:bold;
    background:url(/r/cms/www/default/images/dev_cir.png) no-repeat right center;background-size: 12px 12px;right: -5px;}
.dev_index_l_box {  overflow:hidden; width:230px; position:relative; margin-bottom:15px; height:445px;}
.dev_index_l_top { display:block; width:22px; height:22px;margin-bottom:15px; position:relative; float:right;font-size: 30px;line-height: 22px;padding-left: 0;}
.dev_index_l_bottom { display:block; width:22px; height:22px;margin-bottom:15px; position:relative; float:right;font-size: 30px;line-height: 22px;padding-left: 0;}
.dev_index_l_top.disabled{color:#D0002F;}
.dev_index_l_bottom.disabled{color:#D0002F;}
.dev_index { position:relative; overflow:hidden; }
.dev_index_l { width:230px; position:absolute; left:0; top:0;}
.dev_index_r { width:calc(100% - 230px); float:left; padding-left:110px; margin-left:230px;}
.dev_index_r_box{border-top: 5px solid #e8e8e8;}
.dev_index_r ul {  position:relative; margin-bottom:40px;}
.dev_index_r li {width:100%;border-bottom: 5px solid #e8e8e8;padding: 40px 0;}
.dev_index_r li h4{color: #d1d1d1;font-weight: bold;margin-bottom: 35px;}
.dev_index_r li .year_wrap {width:100%;overflow: hidden;background: #f7f7f7;padding: 30px;}
.year_box {position:relative; z-index:20;padding-left: 20px;}
.year_box:before{content: "";width: 7px;height: 9px;position: absolute;background: url(/r/cms/www/default/upload/his_02.png) no-repeat;background-size: cover;
left: 0;top: 9px;}
.year_img{padding: 0 20px;box-sizing: border-box;margin-top: 18px;}
.year_img img{max-width:100%;}
.year_box p{color: #000;}
.dev_index_l {  position:fixed; z-index:220; opacity:0;}
#swiper-container2 {display:none;}
@media only screen and (max-width: 1520px) {
    .year_box {}
    .dev_index_l_wrap li.active span { font-size:60px; background-size:12px 12px;right: -5px;}
    .dev_index_l_wrap li span { right:-3px; }
    .dev_index_l_wrap li { height:56px; line-height:56px; }
    .dev_index_l_box {  height:280px;}
    .dev_index_r ul { margin-bottom:30px; }
}
@media only screen and (max-width: 1300px) {
    /*about_dev*/
    .dev_index_l_wrap li.active span { font-size:48px; }
    .dev_index_r{padding-left: 0px;}
    .dev_index_r ul { margin-bottom:20px; }
    .dev_index_l_wrap,.dev_index_l_box{width: 160px;}
}
@media only screen and (max-width: 1023px) {
    /*about_dev*/

    .dev_index_r_box{border-top: 0;}
    .dev_index_l { width:20%; display:none; }
    .dev_index_l_wrap,.dev_index_l_box { width:100%;}
    .dev_index_r {margin-left:0; padding-left:26%; width:74%;border-top: 5px solid #e8e8e8;}
    .dev_index_r ul { margin-bottom:10px; }

    .phone_dev.dev_index_l { position:relative; top:0; width:100%;  }
    .phone_dev.dev_index_l .dev_index_l_top {  width: 10px; height: 16px; background: url(/r/cms/www/default/images/dev_left_act.jpg) no-repeat; margin-bottom: 0; position: absolute; float: none; right: auto; left:10px;  top:50%; margin-top:-8px; }
    .phone_dev.dev_index_l .dev_index_l_bottom {  width: 10px; height: 16px; background: url(/r/cms/www/default/images/dev_right_act.jpg) no-repeat; margin-bottom: 0; position: absolute; float: none; right: 10px; top:50%; margin-top:-8px; }
    .phone_dev.dev_index_l .dev_index_l_wrap {  height:60px; position:relative;}
    .phone_dev.dev_index_l .dev_index_l_box { height:60px; margin-bottom:0; width:90%; padding:0 10px; box-sizing:border-box;}
    .phone_dev.dev_index_l .dev_index_l_wrap ul { float:none; width:100%; margin-top:0;}
    .phone_dev.dev_index_l .dev_index_l_wrap li { line-height:60px; height:60px; width:100px; background:none; float:left; }
    .phone_dev.dev_index_l .dev_index_l_wrap li span { padding:0; background:none; right:auto; top:0; float:none;}
    .phone_dev.dev_fixed { position:fixed; top:60px; z-index:200; background:#fff; border-bottom:2px solid #005bac; }
    .dev_index_r { padding-left:0; width:100%; float:none; padding-left:0; }
    .dev_index_r ul { margin:0; width:100%; }
    .dev_index_r li {width:100%;padding: 30px 0;}
    .dev_index_r li h4{margin-bottom: 20px;}
    .dev_index_r li .year_wrap {width:auto;padding: 20px;}
    .dev_index_r li.odd .year_wrap {  float:none;}
    .year_box:before{top: 7px;}

    #swiper-container2 {width:100% !important; display:block;margin-bottom: 20px;}
    #swiper-container2 .swiper-slide { text-align:center; line-height:30px; height:30px; }
    #swiper-container2 .swiper-slide.on { color:#d00000; font-size:18px; }
    #swiper-container2 .lhl_but div{background: none;font-size: 24px;line-height:44px;}
    #swiper-container2 .lhl_but div.swiper-button-prev{left: 0;}
    #swiper-container2 .lhl_but div.swiper-button-next{right: 0;}
    #swiper-container2 .swiper-button-prev.swiper-button-disabled,#swiper-container2 .swiper-button-next.swiper-button-disabled{cursor: pointer; pointer-events:inherit!important; opacity: 1;}
    #swiper-container2 .swiper-button-prev.disabled{ cursor: default;opacity: 0.6;}
    #swiper-container2 .swiper-button-next.disabled{ cursor: default;opacity: 0.6;}
}


.BMap_pop>div{display: none;}
.BMap_pop>div:nth-child(9){display: block;top: 165px!important;}
.BMap_pop>img{display: none;}
.BMap_bubble_content{padding: 15px;box-sizing: border-box;}
.mapC{padding: 15px 0px;background: #fff;width: 224px;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,0.2);text-align: center;}
.mapC img{margin: 0!important;display: inline-block;float: none!important;}
.BMap_shadow{display: none;}