.wp{width:1400px;margin:0 auto;} .com_title{text-align:center;} .com_title.ct1{text-align:left;} .com_title .cm_t{margin:0;font-size:30px;height:40px;line-height:40px;color:#333;} .com_title p{margin:0;font-size:16px;height:26px;line-height:26px;color:#777;margin-top:6px;} /*companyInfo*/ .companyInfo{padding-top:69px;background:url(../images/company_infobg.jpg) no-repeat center center;background-size:cover;} .companyInfo .ci_left{width:calc(100% - 422px);float:left;padding-right:170px;} .companyInfo .ci_en{font-size:44px;height:44px;line-height:44px;color:#333333;font-weight:bold;font-family:Arial;margin-bottom:16px;} .companyInfo .ci_en span{color:#0e5291;} .companyInfo .ci_txt{padding-top:8px;} .companyInfo .ci_txt p{margin:0;text-align:left;line-height:30px;color:#333;margin-top:18px;font-size:14px;} .companyInfo .ci_right{width:422px;float:right;padding-top:20px;} .companyInfo .ci_right .ci_ul{padding:62px 0 35px;border-bottom:1px solid #e6e6e6;} .companyInfo .ci_right .ci_li{background-repeat:no-repeat;background-position:right bottom 5px;padding-right:80px;} .companyInfo .ci_right .ci_li.icon1{background-image:url(../images/company_icon1.png);} .companyInfo .ci_right .ci_li.icon2{background-image:url(../images/company_icon2.png);} .companyInfo .ci_right .ci_li.icon3{background-image:url(../images/company_icon3.png);} .companyInfo .ci_right .ci_li .ci_pp{font-size:0;-webkit-text-size-adjust:none;} .companyInfo .ci_right .ci_li .ci_pp span{font-size:60px;height:60px;line-height:60px;font-weight:bold;color:#105EA2;font-family:Arial;} .companyInfo .ci_right .ci_li .ci_pp em{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;margin-bottom:10px;vertical-align:bottom;background:#105EA2;border-radius:50%;font-size:14px;color:#FFF;font-style:normal;margin-left:6px;} .companyInfo .ci_right .ci_li p{font-size:16px;height:26px;line-height:26px;color:#333;margin-top:6px;} .companyInfo .ci_img{width:100%;height:auto;margin-top:52px;overflow:hidden;} .companyInfo .ci_img img{display:block;width:100%;height:100%; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s;} .companyInfo .ci_img:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);} /*com_youshi*/ .com_youshi{padding:54px 0 59px;} .com_youshi .cy_ul{padding-top:34px;overflow:hidden;} .com_youshi .cy_img{position:relative;width:100%;padding-bottom:85.7143%;overflow:hidden;} .com_youshi .cy_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s;} .com_youshi .swiper-slide:hover .cy_img img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);} .com_youshi .cy_txt{padding:41px 30px 26px 40px;border:1px solid #E5E5E5;border-top:none; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; } .com_youshi .cy_txt i{display:block;height:33px;background-repeat:no-repeat;background-position:left top;margin-bottom:15px;} .com_youshi .cy_txt i.icon1{background-image:url(../images/company_ysicon1.png);} .com_youshi .cy_txt i.icon2{background-image:url(../images/company_ysicon2.png);} .com_youshi .cy_txt i.icon3{background-image:url(../images/company_ysicon3.png);} .com_youshi .cy_txt i.icon4{background-image:url(../images/company_ysicon4.png);} .com_youshi .cy_txt p{margin:0;font-size:16px;line-height:28px;color:#444;} .com_youshi .cy_txt p:nth-child(2){font-size:24px;height:34px;line-height:34px;font-weight:bold;color:#333;} .com_youshi .cy_txt em{display:block;width:20px;height:3px;background:#333;margin:13px 0 23px;} .com_youshi .cy_txt p:last-child{height:112px;} .com_youshi .swiper-slide:hover .cy_txt{background:#3C79D1;} .com_youshi .swiper-slide:hover .cy_txt i.icon1{background-image:url(../images/company_ysicon1_hover.png);} .com_youshi .swiper-slide:hover .cy_txt i.icon2{background-image:url(../images/company_ysicon2_hover.png);} .com_youshi .swiper-slide:hover .cy_txt i.icon3{background-image:url(../images/company_ysicon3_hover.png);} .com_youshi .swiper-slide:hover .cy_txt i.icon4{background-image:url(../images/company_ysicon4_hover.png);} .com_youshi .swiper-slide:hover .cy_txt p{color:#FFF;} .com_youshi .swiper-slide:hover .cy_txt em{background:#FFF;} /*com_zz*/ .com_zz{background:url(../images/company_zzbg.jpg) no-repeat center center;background-size:cover;padding:63px 0 145px;} .com_zz .cz_ul{margin-top:70px;} .com_zz .cz_ul .cz_li{width:100%;overflow:hidden;float:right;} .com_zz .cz_ul .cz_li .swiper-slide{padding-bottom:11px;background:url(../images/company_zzimgbg.png) no-repeat center bottom;} .com_zz .cz_ul .cz_img{width:100%;padding-bottom:74.0223%;position:relative;} .com_zz .cz_ul .cz_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;} /*com_shili*/ .com_shili{padding:56px 0 53px;} .com_shili .cs_ul{margin-top:39px;overflow:hidden;} .com_shili .cs_ul .cs_img{position:relative;width:100%;padding-bottom:75%;} .com_shili .cs_ul .cs_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;} .com_shili .cs_ul p{margin:0;font-size:16px;height:49px;line-height:49px;background:#FFF;text-align:center;color:#222;} .com_shili .cs_btn{width:200px;height:48px;line-height:48px;background:#2968E6;text-align:center;font-size:16px;text-align:center;margin:30px auto 0;display:block;color:#FFF;border-radius:24px;} .com_shili .cs_btn:hover{opacity:0.85;} @media screen and (max-width:1430px){ .wp{width:1200px;margin:0 auto;} .com_title .cm_t{font-size:24px;height:32px;line-height:32px;} .com_title p{font-size:15px;height:24px;line-height:24px;margin-top:5px;} .companyInfo{padding-top:40px;} .companyInfo .ci_left{width:calc(100% - 362px);padding-right:120px;} .companyInfo .ci_en{font-size:36px;height:36px;line-height:36px;margin-bottom:12px;} .companyInfo .ci_txt{padding-top:3px;} .companyInfo .ci_txt p{line-height:26px;margin-top:13px;} .companyInfo .ci_right{width:362px;} .companyInfo .ci_right .ci_li{background-size:auto 56px;padding-right:70px;} .companyInfo .ci_right .ci_li .ci_pp span{font-size:50px;height:50px;line-height:50px;} .companyInfo .ci_right .ci_li p{font-size:15px;height:24px;line-height:24px;margin-top:5px;} .companyInfo .ci_img{margin-top:40px;} .com_youshi{padding:36px 0;} .com_youshi .cy_ul{padding-top:20px;} .com_youshi .cy_txt{padding:30px 20px 20px 30px;} .com_youshi .cy_txt i{margin-bottom:10px;} .com_youshi .cy_txt p{font-size:15px;line-height:26px;} .com_youshi .cy_txt p:nth-child(2){font-size:20px;height:30px;line-height:30px;} .com_youshi .cy_txt p:last-child{height:104px;} .com_youshi .cy_txt em{height:2px;margin:10px 0 18px;} .com_zz{padding:40px 0 100px;} .com_zz .cz_ul{margin-top:70px;} .com_zz .cz_ul .cz_li{width:900px;} .com_shili{padding:40px 0;} .com_shili .cs_ul{margin-top:30px;} .com_shili .cs_ul p{font-size:15px;height:44px;line-height:44px;} .com_shili .cs_btn{width:180px;height:44px;line-height:44px;font-size:16px;margin:20px auto 0;} } @media screen and (max-width:1230px){ .wp{width:auto;padding:0 15px;} .com_title .cm_t{font-size:24px;height:32px;line-height:32px;} .com_title p{font-size:14px;height:22px;line-height:22px;margin-top:5px;} .com_title i{margin:10px auto 0;height:2px;} .companyInfo{padding-top:20px;} .companyInfo .ci_left{width:calc(100% - 300px);padding-right:60px;} .companyInfo .ci_en{font-size:36px;height:36px;line-height:36px;margin-bottom:12px;} .companyInfo .ci_txt{padding-top:0;} .companyInfo .ci_txt p{line-height:24px;margin-top:10px;} .companyInfo .ci_right{width:300px;} .companyInfo .ci_right .ci_ul{padding:40px 0 25px;} .companyInfo .ci_right .ci_li{background-size:auto 46px;padding-right:40px;} .companyInfo .ci_right .ci_li .ci_pp span{font-size:40px;height:40px;line-height:40px;} .companyInfo .ci_right .ci_li .ci_pp em{width:20px;height:20px;line-height:20px;font-size:12px;margin-bottom:5px;} .companyInfo .ci_right .ci_li p{font-size:14px;height:22px;line-height:22px;margin-top:3px;} .companyInfo .ci_img{margin-top:26px;} .com_youshi{padding:20px 0;} .com_youshi .cy_ul{padding-top:13px;} .com_youshi .cy_txt{padding:20px 10px 10px 20px;} .com_youshi .cy_txt i{margin-bottom:6px;height:28px;background-size:auto 100%;} .com_youshi .cy_txt p{font-size:14px;line-height:24px;} .com_youshi .cy_txt p:nth-child(2){font-size:18px;height:26px;line-height:26px;} .com_youshi .cy_txt p:last-child{height:96px;} .com_youshi .cy_txt em{margin:8px 0 12px;} .com_zz{padding:40px 0 80px;} .com_zz .cz_ul{margin-top:60px;} .com_zz .cz_ul .cz_li{width:75%;} .com_zz .cz_ul .cz_li .swiper-slide{padding-bottom:6px;background-size:auto 6px;} .com_shili{padding:20px 0;} .com_shili .cs_ul{margin-top:20px;} .com_shili .cs_ul p{font-size:14px;height:40px;line-height:40px;} .com_shili .cs_btn{width:160px;height:40px;line-height:40px;font-size:14px;margin:15px auto 0;} } @media screen and (max-width:1023px){ .com_title.ct1{text-align:center;} .com_title .cm_t{font-size:20px;height:28px;line-height:28px;} .com_title p{height:auto;} .companyInfo .ci_left{width:100%;padding-right:0;float:none;} .companyInfo .ci_en{font-size:28px;height:28px;line-height:28px;margin-bottom:7px;text-align:center;} .companyInfo .ci_txt p{margin-top:8px;} .companyInfo .ci_right{width:100%;float:none;padding-top:0;} .companyInfo .ci_right .ci_ul{padding:20px 0 15px;width:30%;margin-left:5%;float:left;} .companyInfo .ci_right .ci_ul:first-child{margin-left:0;} .companyInfo .ci_right .ci_li{background-size:auto 37px;padding-right:40px;} .companyInfo .ci_right .ci_li .ci_pp span{font-size:30px;height:30px;line-height:30px;} .companyInfo .ci_right .ci_li .ci_pp em{margin-bottom:3px;} .companyInfo .ci_right .ci_li p{font-size:12px;height:20px;line-height:20px;margin-top:0;} .companyInfo .ci_img{margin-top:16px;} .com_youshi .cy_ul{padding-top:10px;} .com_youshi .cy_txt{padding:10px;} .com_youshi .cy_txt i{margin-bottom:4px;height:22px;} .com_youshi .cy_txt p{font-size:13px;line-height:22px;} .com_youshi .cy_txt p:nth-child(2){font-size:16px;height:24px;line-height:24px;} .com_youshi .cy_txt p:last-child{height:88px;} .com_youshi .cy_txt em{margin:5px 0 8px;} .com_zz{padding:30px 0 50px;} .com_zz .cz_ul{margin-top:20px;} .com_zz .cz_ul .cz_li{width:75%;} .com_zz .cz_ul .cz_li .swiper-slide{padding-bottom:6px;background-size:auto 6px;} .com_shili{padding:20px 0;} .com_shili .cs_ul{margin-top:20px;} .com_shili .cs_ul p{font-size:14px;height:40px;line-height:40px;} .com_shili .cs_btn{width:160px;height:40px;line-height:40px;font-size:14px;margin:15px auto 0;} } @media screen and (max-width:767px){ .companyInfo .ci_right .ci_ul{width:100%;float:none;margin-left:0;padding:10px 0;} .com_zz{padding:30px 0 70px;} .com_zz .cz_ul{margin-top:20px;} .com_zz .cz_ul .cz_li{width:100%;} }