@charset "utf-8";
.mt10{ margin-top: 10px;}
.mt24{ margin-top: 24px;}

/* ----------------------banner--------------------- */
.about_banner{ height: 680px; position: relative; overflow: hidden;}
.about_banner .about_video{ height: 680px; position: absolute; z-index: 1;}
.about_banner_con{ height: 680px; position: absolute; z-index: 2;}
.about_banner_con .title{ width: 816px; padding-top: 160px; margin-bottom: 40px; height: 80px; font-size: 68px; font-weight: 600; color: #FFFFFF;  line-height: 80px; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);}
.about_banner_con p{ height: 24px; font-size: 18px; color: #FFFFFF; line-height: 24px;}
.about_play{ margin-top: 112px;}

/* ----------------------了解万化易购--------------------- */
.about_wanhua{ height: auto;}
.about_wanhua_con{ margin-top: 24px; height: 800px; background: #FFFFFF; padding: 20px; }
.about_wanhua_c{ height: 360px; position: relative; overflow: hidden;}
.about_wanhua_c_img{ height: 360px; width: 820px; position: absolute; z-index: 1;}
.about_wanhua_cr{ width: 560px; height: 312px; background: #F4F6F7; position: absolute; z-index: 2; top: 28px; border-top: 4px solid #E1251B;}
.about_wanhua_cr .title{width: 480px; height: 192px; font-size: 18px; font-weight: 600; color: #4D4D4D; line-height: 32px; margin: 0 auto; margin-top: 36px;}
.about_wanhua_cr p{ margin-top: 20px; margin-left: 40px; width: 60px; height: 60px; background: #E1251B; text-align: center; line-height: 60px;}
.about_wanhua_cr p i{ font-size: 48px; color: #FFFFFF;}
.about_wanhua .a_left{ left: 0px;}
.about_wanhua .a_right{ right: 0px;}
.about_wanhua .ar_left{ left: 20px;}
.about_wanhua .ar_right{ right: 20px;}

/* ----------------------走进万化--------------------- */
.about_enter{ height: auto;}
.about_enter_con{ padding: 20px; height: 560px; background: #FFFFFF; margin-top: 16px;}
.about_enter_con ul li{ float: left; width: 570px; height: 250px; margin-bottom: 20px; background: #F4F6F7; margin-right: 20px; padding: 20px; position: relative; overflow: hidden;}
.about_enter_con ul li:nth-child(2n){ margin-right: 0px;}
.about_enter_con ul li img{ width: 530px; height: 210px;}
.about_enter_c{ width: 120px; height: 210px; left: 20px; color: #FFFFFF; background: linear-gradient(180deg, #29395F 0%, rgba(41, 57, 95, 0) 100%); position: absolute; z-index: 2; text-align: center;}
.about_enter_c span{width: 64px;height: 4px; background: #E1251B; display: block; margin: 0 auto; margin-bottom: 36px;}
.about_enter_c .title{ height: 40px; font-size: 32px;font-weight: 600;line-height: 40px; margin-bottom: 18px;}
.about_enter_c p{ height: 24px; font-weight: 600;line-height: 24px;}
.about_enter_con ul li:hover img{ transform: scale(1.05);}
.about_enter_con_img{ width: 530px; height: 210px; position: absolute; z-index: 1; left: 20px; overflow: hidden;}

/* ----------------------探索奋斗近10年 大事记--------------------- */
.about_story{ height: auto;}
.about_story_con{ margin-top: 24px; padding: 20px; height: 560px; background: #FFFFFF; overflow: hidden;}
.about_story_c{ height: 100%; background: url(../images/img-about4.1.png) center no-repeat; padding: 40px 0px 0px 64px;}
.about_story_c_img{ width: 151px; height: 334px;}
.about_story_line{ width: 22px; height: auto; margin-left: 30px; padding-top: 12px;}
.about_story_line span{width: 2px; height: 139px; display: block; margin: 0 auto; background: #FFFFFF;}
.about_story_right{ width: 821px; margin-left: 8px; padding-top: 8px;}
.about_story_right .year{ padding-left: 8px; width: 120px; height: 32px; font-weight: 600; background: linear-gradient(270deg, rgba(255, 76, 0, 0) 0%, #E1251B 100%);font-size: 24px;color: #FFFFFF;line-height: 32px;}
.about_story_right .cont{ margin-top: 8px; height: 24px; font-size: 18px; font-weight: 600; color: #FFFFFF; line-height: 24px;}
.about_story_right p{ margin-top: 9px; margin-bottom: 48px; height: 42px; color: rgba(255, 255, 255, 0.7); line-height: 21px;}

/* ----------------------深耕化工领域，服务全球客户--------------------- */
.about_promise{ height: 598px; background: url(../images/about_bg.jpg) center no-repeat; padding-top: 40px;}
.about_promise_con{ height: 446px;}
.about_promise_left{ width: 580px; height: 446px; overflow: hidden;}
.about_promise_right{ width: 580px; height: 446px; overflow: hidden;}
.about_promise_right ul li{ height: 104px; margin-bottom: 10px; background: #FFFFFF; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05); border-radius: 2px; padding: 20px 20px 20px 32px;}
.about_promise_right ul li .content{ width: 450px; height: auto;}
.about_promise_right ul li .content .title{ height: 24px; font-size: 16px; font-weight: 600; line-height: 24px; margin-bottom: 8px;}
.about_promise_right ul li .content p{ height: 16px; font-size: 12px; line-height: 16px;}
.about_promise_right ul li i{ font-size: 64px; color: #E1251B; float: right;}
.about_promise_left .swiper-container{ width: 100%;  height: 100%;}
.about_promise_left .swiper-slide{ width: 580px; height: 446px; overflow: hidden;position: relative;}
.about_promise_left .swiper-slide img{width: 580px; height: 446px; position: absolute; z-index: 1; left: 0px;}
.about_promise_left .swiper-slide .swiper-slide-con{ width: 208px; height: 446px; padding-top: 40px; text-align: center; background: rgba(255, 76, 0, 0.8); position: absolute; z-index: 2; left: 0px;}
.about_promise_left .swiper-slide .swiper-slide-con p{ letter-spacing: 2px; height: 48px; font-size: 32px; font-weight: 600;color: #FFFFFF; line-height: 48px; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);}
.about_promise_left .swiper-pagination-fraction{ width: 208px; color: #fff; bottom: 108px;}
.about_promise_left .swiper-button-next, .about_promise_left .swiper-button-prev{ width: 48px; height: 48px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; top: 380px;  } 
.about_promise_left .swiper-button-prev{ left: 48px;}
.about_promise_left .swiper-button-next{ right: 420px;}
.about_promise_left .swiper-button-next i, .about_promise_left .swiper-button-prev i{ color: #FFFFFF; font-size: 24px;}
.about_promise_left .swiper-button-prev:after, .about_promise_left .swiper-button-next:after{content: '';}

/* ----------------------完善的采购服务流程--------------------- */
.about_flow{ height: auto;}
.about_flow_con{ margin-top: 28px; height: 384px; background: #FFFFFF; padding: 20px;}
.about_flow_con ul li{ width: 360px; height: 152px; float: left; background: #FFFFFF;border-radius: 2px;border: 1px solid #F4F6F7; background: url(../images/img-abuot6.1.png) right no-repeat;}
.about_flow_con ul i{ line-height: 152px; font-size: 40px; color: #29395F;}
.about_flow_con ul li img{ padding-left: 40px; padding-top: 44px; float: left; margin-right: 40px;}
.about_flow_con ul li .title{ padding-top: 52px; height: 24px; font-size: 18px; font-weight: 600; color: #E1251B; line-height: 24px;}
.about_flow_con ul li p{height: 24px; font-size: 14px; line-height: 24px;}
.about_flow_con_icon{ height: 40px; float: left;}
.about_flow_con_icon .iconarrow-double-up{ line-height: 40px; margin-left: 160px;}
.about_flow_con_icon .iconarrow-double-down{ line-height: 40px; margin-right: 160px;}             
 
/* ----------------------我们的合作伙伴--------------------- */
.about_cooperation{ height: auto;}
.about_cooperation_con{ margin-top: 24px; padding: 20px; height: 560px; background: #FFFFFF; }
.about_cooperation_con ul li{ width: 216px; height: 160px; float: left; margin-right: 20px; margin-bottom: 20px; border-radius: 2px; overflow: hidden; border: 1px solid #F4F6F7;}
.about_cooperation_con ul li:nth-child(5n){ margin-right: 0px;}
.about_cooperation_con ul li:nth-child(2n){ background: #F4F6F7;}
.about_cooperation_con ul li img{ width: 216px; height: 160px;}
.about_cooperation_con ul li:hover img{ transform: scale(1.05);}