@charset "utf-8"; /* css document */ /*公共样式*/ /*logo 导航*/ #top { width: 100%; height: 110px; border-top: 6px solid #0c51b8 } .top_zhong { width: 1510px; height: 110px; margin: 0 auto } .logo { width: 440px; height: 110px } .logo_l { width: 234px; height: 68px; padding-top: 30px; padding-left: 6px } .logo_r { width: 200px; height: 110px } .logo_r_dazi { width: 200px; height: 28px; font-size: 22px; padding-top: 30px } .logo_r_xiaozi { width: 200px; height: 37px; font-size: 10px; padding-top: 3px } /*导航样式开始*/ .nav { width: 840px; height: 110px; margin-left: 440px; position: absolute; z-index: 99 } .nav ul.nav_ul { width: 100%; } .nav ul.nav_ul li.n2 { float: left; margin-top: 50px; height: 55px; width: 115px; margin-left: 5px; position: relative; } .nav ul.nav_ul li.n2 a { display: block; color: #000; text-align: center; font-size: 18px } .nav ul.nav_ul li.n2 a.select { background: #fff; } .nav ul.nav_ul li.n2 a:hover { background: #fff; color: #2b2f78 } .nav ul.nav_ul li.n2 ul { position: absolute; top: 40px; display: none; background: #fff; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; width: 100%; } .nav ul.nav_ul li.n2 ul li a { width: 100%; display: block; height: 40px; line-height: 40px; text-align: center; } .nav ul.nav_ul li.n2:hover ul { display: block; } .nav ul.nav_ul li.n2:hover { background: #fff; } /*导航样式结束*/ .yuyan { width: 230px; height: 110px; } .xdt { width: 42px; height: 57px; padding-top: 53px; padding-left: 11px; background: no-repeat right 55px } .yygezhong { width: 177px; height: 110px } .yygezhong li { float: left; padding-top: 50px; padding-left: 5px; font-size: 14px } /*banner*/ #banner { width: 100%; height: 550px } #divsmallbox { overflow: hidden; *display: inline; *zoom: 1; width: 10px; height: 10px; margin: 0 5px; border-radius: 10px; background: #ffffff; } #playbox { width: 100%; height: 550px; background: #333; position: relative; overflow: hidden; } #playbox .oulplay { width: 99999px; position: absolute; left: 0; top: 0; } #playbox .oulplay li { float: left; } #playbox .oulplay li img { width: 100%; text-align: center; } #playbox .pre { cursor: pointer; width: 80px; height: 80px; background: no-repeat; position: absolute; top: 250px; left: 10px; z-index: 10; } #playbox .next { cursor: pointer; width: 80px; height: 80px; background: no-repeat; position: absolute; top: 250px; right: 10px; z-index: 10; } #playbox .smalltitle { width: 100%; height: 10px; position: absolute; bottom: 15px; z-index: 10 } #playbox .smalltitle ul { width: 120px; margin: 0 auto; } #playbox .smalltitle ul li { width: 10px; height: 10px; margin: 0 5px; border-radius: 10px; background: #ffffff; float: left; overflow: hidden; *display: inline; *zoom: 1; } #playbox .smalltitle .thistitle { background: #69aaec; } /*品牌文化*/ #pawh { width: 100%; height: 327px; background: #edf5f7 } .pawh_zhong { max-width: 1200px; height: 327px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; } .pawh_zhong>div{ width: 30%; float: none; } .xianxi { width: 396px; height: 257px; padding-top: 70px } .xx { /*width:396px;*/ height: 193px; background: #177cee } .xx_shang { /*width:345px; */ height: 34px; font-size: 32px; color: #fff; font-weight: bold; padding-top: 41px; padding-left: 51px } .xx_zhong { /* width:288px;*/ height: 35px; color: #fff; padding-top: 10px; padding-left: 51px; padding-right: 57px } .xx_xia { /*width:343px;*/ height: 67px; padding-top: 6px; padding-left: 53px } .xx_x { width: 94px; height: 25px; border: 1px solid #ffffff; color: #ffffff; line-height: 25px; text-align: center } .xx_x a { color: #ffffff } .xx_x a:hover { color: #ffffff } .zhuanli { width: 396px; height: 257px; padding-top: 70px; margin-left: 6px } .zl { /* width:396px;*/ height: 193px; } .zl img { width: 100%; } .shipin { width: 396px; height: 257px; padding-top: 70px; } .spz { width: 396px; height: 193px; background: #666 } /*新闻*/ .news { width: 100%; height: 562px } .news_zhong { width: 1200px; /*height:562px;*/ margin: 0 auto } .news_zuo { width: 100%; /*height:562px*/ } .cf:after { content: ""; clear: both; display: block; height: 0; overflow: hidden } .cf { zoom: 1 } .pb10 { padding-bottom: 10px } .mt10 { margin-top: 10px } /*main*/ .lanrenzhijia { width: 100%; background: #fff; padding-top: 15px; /* height:532px*/ } .lanrenzhijia .title { height: 40px; padding-bottom: 10px; margin-top: 70px; position: relative; } .lanrenzhijia .title h2 { font-size: 20px; font-family: "microsoft yahei"; } .lanrenzhijia .title-list { position: absolute; font-size: 32px; color: #c6c6c6; height: 100%; } .lanrenzhijia .title-list li { width: 170px; line-height: 20px; text-align: center; float: left; display: inline; } .lanrenzhijia .title-list li.on { color: #000; font-weight: bold; font-size: 32px } .lanrenzhijia .title-list p { position: absolute; bottom: 0; left: 0px; width: 170px; height: 7px; border-top: 3px solid #000; overflow: hidden; text-align: center; display: none; } .lanrenzhijia .title-list b { display: inline-block; width: 0; height: 0; margin-top: -3px; border-style: solid dashed dashed dashed; border-width: 9px; border-color: #000 #fff #fff #fff; overflow: hidden; zoom: 1; font-size: 0; } .product { /*height: 370px; */ position: relative; overflow: hidden; display: none; margin-top: 20px; } .product ul { position: absolute; left: 0px; } .product-wrap .show { display: block; } .product-wrap .product li { float: left; display: inline; margin-left: 4px; background: #ffffff; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; } .product-wrap .product li.ml0 { margin-left: 5px; } .product-wrap .product li a.imgwrap { display: block; width: 346px; height: 300px; background: #fff; text-align: center; } .product-wrap .product li p { padding-left: 15px; color: #666666; font-size: 16px; text-align: center } .product-wrap .product li p a { color: #666666; text-decoration: none; } .product-wrap .product li p a:hover { color: #ff6600; text-decoration: none; } .news_you { width: 486px; /* height:562px*/ } .news_you_shang { width: 486px; height: 50px; float: right } .sousuo { width: 328px; height: 37px; margin-left: 34px } .qiye { width: 100px; height: 37px; background: url(/uploads/image/rczzimages/red.jpg) no-repeat; float: left; color: #fff; line-height: 37px; font-size: 14px } .qiye option { color: #333; } .qiye select { width: 100px; background: none; border: none; height: 37px; padding-left: 10px; font-size: 14px; color: #fff; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .guanjian { width: 178px; height: 35px; float: right; border: #e3e3e3 1px solid; padding-left: 23px } .gengguo { width: 107px; height: 37px; line-height: 37px; text-align: right; background: no-repeat 0px center } .gengguo:hover { background: no-repeat 0px center } .news_you_x_zhong { width: 486px; height: 115px; } .lizongli { width: 427px; height: 139px; padding-left: 30px } .lizong { width: 457px; height: 23px; font-size: 22px; } .gaishu { width: 457px; height: 53px; padding-top: 14px } .gaishu_zuo { width: 49px; height: 19px; background: #f00; text-align: center; line-height: 19px; margin-top: 5px; } .gaishu_zuo a { color: #fff } .gaishu_you { width: 408px; height: 67px } .asd { width: 400px; height: 25px; padding-left: 8px; font-size: 14px; line-height: 25px; color: #b0b0b0 } .nianyue { width: 408px; height: 42px; line-height: 48px; text-align: right; color: #545454 } .news_you_xia { width: 486px; /* height:306px;*/ } .fanye { width: 486px; height: 180px; font-size: 16px; } .fanye li { line-height: 40px; width: 460px; } .fanye li a { color: #535353; } .fanye_zuo { padding-left: 30px; width: 300px; } .fanyetu { width: 486px; height: 126px } .huijian { width: 67px; height: 66px; border: 1px solid #dedede; background: url(/uploads/image/rczzimages/z_j-1.png) no-repeat center } .huijian:hover { background: no-repeat center #179aee } .baijian { width: 67px; height: 66px; border: 1px solid #dedede; margin-right: 10px; background: no-repeat center } .baijian:hover { background: no-repeat center #179aee } /*产品中心*/ #cpzx { width: 100%; height: 335px; background: #0882d5 } .cpzx_zhong { width: 1200px; height: 335px; margin: 0 auto } .cpzx_zhong_shang { width: 1200px; height: 160px; } .cpzx_zhong_shang_shang { width: 1200px; height: 46px; font-size: 40px; color: #ffffff; text-align: center; padding-top: 65px } .cpzx_zhong_shang_xia { width: 1200px; height: 37px; background: no-repeat center 21px; color: #f5fbfb; text-align: center; padding-top: 12px } .cpzx_zhong_xia { width: 1220px; height: 97px; padding-top: 78px } .cpzx_zhong_xia li { float: left; width: 232px; height: 38px; line-height: 38px; margin-left: 9px; } .cpzx_zhong_xia li a { color: #000 } .select1 { width: 232px; height: 38px; line-height: 38px; padding-left: 15px; border: 1px solid #ffffff; border-right: none; background: #ffffff; text-align: center; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: no-repeat #fff 194px center } .select1 option { text-align: center } /*遍布全球*/ #bbqq { width: 100%; height: 634px } .bbqq_zhong { width: 1200px; height: 634px; margin: 0 auto } .bbqq_zhong_shang { width: 1220px; height: 187px; } .yonghu { width: 1200px; height: 45px; font-size: 40px; text-align: center; padding-top: 70px } .zhuangbie { width: 1200px; height: 62px; background: no-repeat center 20px; text-align: center; color: #1f1f1f; font-size: 14px; padding-top: 10px } .bbqq_zhong_xia { width: 1220px; height: 447px; } .frame { width: 363px; height: 388px; padding: 10px; background: #fff; border: 1px solid #ccc; float: left; margin-left: 15px; display: inline; } .wrap { width: 363px; height: 388px; position: relative; overflow: hidden; font-family: arial, sans-serif; } .wrap img { display: block; } .wrap div { width: 363px; height: 388px; padding: 300px 10px 10px 10px; position: absolute; left: 0; top: 0; background: ; } .wrap div b { display: block; width: 363px; height: 388px; position: absolute; left: 0; top: 300px; z-index: 1; background: #000; filter: alpha(opacity=10); filter: progid:dximagetransform.microsoft.alpha(opacity=10); opacity: 0.10; } .wrap div span { position: relative; z-index: 500; } .wrap div h1 { font-size: 22px; color: #fff; text-align: center; margin: 0; padding: 0; height: 90px; line-height: 90px } .wrap div p { font-size: 12px; color: #fff; line-height: 20px; padding-left: 25px; padding-right: 25px } .wrap div a { color: #fff; font-size: 22px; text-decoration: none; display: block; margin: 0 auto; } .wrap div a:hover { color: #ff0; } .clear { clear: both; } /*遍布全球*/ #shenme { width: 100%; height: 490px; background: url(/uploads/image/rczzimages/bbqq.jpg) no-repeat center } .wuyu { width: 1280px; /*height:490px;*/ margin: 0 auto } .wuyu_zuo { width: 556px; /*height:490px;*/ } .wuyu_zuo_one { width: 556px; height: 160px } .wuyu_zuo_one_shang { width: 519px; height: 41px; font-size: 35px; font-weight: bold; color: #ffffff; padding-top: 79px; padding-left: 37px } .wuyu_zuo_one_xia { width: 519px; height: 30px; color: #fff; font-size: 14px; padding-left: 37px; padding-top: 10px } .wuyu_you { width: 724px; /* height:435px; */ padding-top: 55px } .wuyu_you_zhong { width: 680px; height: 386px; border: 1px solid #fff } .wuyu_you_zhong_zhong { width: 660px; height: 365px; margin: 0 auto; margin-top: 10px; background: #fff } .aaa { width: 609px; height: 44px; font-size: 40px; padding-left: 51px; padding-top: 62px } .bbb { width: 568px; height: 259px; padding-left: 31px; padding-right: 61px } .bbb li { width: 235px; height: 44px; float: left; line-height: 44px; margin-left: 21px; border: 1px #d4d4d4 solid; margin-top: 20px; padding-left: 26px; background: no-repeat 227px center } .bbb li:hover { background: no-repeat 227px center #d0191b; color: #fff } /*bottom*/ /*#bottom{ width:100%; height:268px} .bottom_zhong{ width:1200px; height:268px; margin:0 auto} .bottom_zhong_shang{ width:1200px; height:200px} .lqbz{ width:620px; height:200px} .zoujin1{ width:110px; height:200px} .zoujin2{ width:110px; height:200px; margin-left:20px} .zoujin3{ width:110px; height:200px;margin-left:20px} .zoujin4{ width:110px; height:200px;margin-left:10px} .zoujin5{ width:110px; height:200px;margin-left:20px} .lanzi{ width:110px; height:21px; font-size:14px; text-align:center; padding-top:42px; color:#0092f1;font-weight:bold} .hei li{ text-align:center; padding-top:10px} .hei{ width:110px; height:137px} .re{ width:266px; height:200px;padding-left: 24px;} .quanguo{ width:266px; height:21px; font-size:14px; color:#797979;padding-top:42px;/* padding-left:24px}*/ .dh { width: 266px; height: 44px; font-size: 30px; font-weight: bold; /* padding-left:24px; */ line-height: 44px } .chan { width: 290px; height: 93px } .chan li { /* padding-left:24px; */ line-height: 25px } .ewm { width: 290px; height: 200px } .ewm_shang { width: 290px; height: 22px; color: #0290f2; font-size: 14px; padding-top: 42px; font-weight: bold } .ewm_xia { width: 290px; height: 136px; border-bottom: 1px solid #0192ef; border-top: 3px solid #0192ef } .ewm_xia_zuo { width: 290px; height: 136px; } .ewm_xia_zuo img { width: 240px; height: 118px; margin-left: 25px; margin-top: 10px; } .ewm_xia_you { width: 180px; height: 136px } .sao { width: 180px; height: 23px; font-size: 22px; padding-top: 37px } .wangzhan { width: 180px; height: 61px; padding-top: 15px } .wangzhan li { color: #878787 } .wangzhan li a { color: #878787 } .bottom_zhong_xia { width: 1200px; height: 68px } .bottom_zhong_xia_zuo { width: 490px; height: 68px; line-height: 95px; padding-left: 12px; color: #969696; background: url(/uploads/image/rczzimages/guohui.jpg) no-repeat right center } .bottom_zhong_xia_you { width: 120px; height: 68px; line-height: 95px; text-align: right; color: #262626 } /******************下拉导航************************************/ .nav-xiala { background: #fff; position: absolute; top: 115px; width: 100%; z-index: 999999999999; left: 0; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; } .nav-xiala-wrap { width: 1200px; margin: 0 auto; } .nav ul.nav_ul li.n2:hover { border-bottom: 2px solid red } /**关于我们部分*/ ul.gy-menu { width: 1000px; height: 340px; padding-top: 60px; } ul.gy-menu li { width: 250px; height: 130px; float: left; margin-right: 35px; } ul.gy-menu li a { font-size: 18px; color: #3276b4; font-weight: bold; } ul.gy-menu li a:hover { color: #0382f5 } ul.gy-menu li p { font-size: 14px; color: #666; } .gy-img { width: 200px; height: 400px; padding-top: 40px; } .gy-img img { padding-top: 20px; } /**新闻动态部分*/ ul.xw-menu { width: 1000px; height: 340px; padding-top: 60px; height: auto; } ul.xw-menu li { width: 380px; height: 130px; float: left; margin-right: 35px; } ul.xw-menu li a { font-size: 18px; color: #3276b4; font-weight: bold; } ul.xw-menu li a:hover { color: #0382f5 } ul.xw-menu li p { font-size: 14px; color: #666; } .xw-img { width: 200px; height: 400px; padding-top: 40px; } .xw-img img { padding-top: 20px; } /**产品服务**/ ul.pro-menu { width: 1000px; height: 340px; padding-top: 60px; } ul.pro-menu li { width: 160px; border-right: 1px solid #e4e4e4; float: left; height: 300px; padding: 0 40px } ul.pro-menu li h2 { font-size: 18px; color: #3276b4; } ul.pro-menu li a { width: 160px; height: 40px; display: block; float: left; line-height: 40px; font-size: 14px; } .pro-img { width: 200px; height: 400px; padding-top: 40px; } .pro-img img { padding-top: 20px; } /**招聘服务部分*/ ul.rl-menu { width: 1000px; height: 340px; padding-top: 60px; } ul.rl-menu li { width: 380px; height: 130px; float: left; margin-right: 35px; } ul.rl-menu li a { font-size: 18px; color: #3276b4; font-weight: bold; } ul.rl-menu li a:hover { color: #0382f5 } ul.rl-menu li p { font-size: 14px; color: #666; } .rl-img { width: 200px; height: 400px; padding-top: 40px; } .rl-img img { padding-top: 20px; } .swiper-container { display: none; } @media(width:1366px) { .top_zhong { width: 100%; } .nav ul.nav_ul li.n2 { width: 105px; } .nav { width: 665px; } .top_zhong { width: 100% !important; } .yuyan { margin-right: 20px; } .logo { padding-left: 10px; } } @media screen and (max-width:800px) { .pawh_zhong { width: 94%; } .xianxi { width: 100%; padding-top: 10px; } .zhuanli { width: 100%; padding-top: 10px; } .shipin { display: none; } #pawh { height: auto; } .pawh_zhong { height: auto; } .xianxi { height: auto; } .zhuanli { height: auto; margin-left: 0; } .swiper-button-next, .swiper-button-prev { display: none; } /**新闻tab切换**/ .news_you { width: 94%; margin: 0 3%; } .product ul { display: none; } .news_you_shang { display: none; } .lanrenzhijia .title-list li { width: 32%; padding: 10px 0; } .lanrenzhijia .title-list { font-size: 20px; width: 94%; margin-left: 3%; margin-right: 3%; } .lanrenzhijia .title-list li.on { font-size: 20px; border-bottom: 3px solid #000; } .lanrenzhijia .title-list p { display: none; } .lizongli { width: 100%; display: none; } .news_you_x_zhong { width: 100%; display: none; } .lizong { width: 100%; } .gaishu { width: 100%; } .gaishu_you.fl { width: 90%; } .nianyue { width: 100%; } .asd { width: 100%; } .fanye_zuo { padding-left: 0; width: 60%; margin-left: 1%; margin-right: 1%; height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fanye_you { width: 30%; } .fanye li { width: 100%; } .news_zhong { width: 100%; } .bottom_zhong_xia_zuo { display: none; } .lanrenzhijia .title { margin-top: 25px; } .product-wrap .product li { margin-left: 0; } .news_you_xia { width: 100%; } .fanye { width: 100%; } /**产品中心**/ #cpzx { height: auto; } .cpzx_zhong { width: 100%; height: auto; } .cpzx_zhong_shang { width: 100%; } .cpzx_zhong_xia { width: 80%; height: auto; padding-top: 30px; margin-left: 10%; } .cpzx_zhong_shang_xia { width: 100%; } .cpzx_zhong_xia li { width: 100%; margin-left: 0; margin-bottom: 15px; } .cpzx_zhong_shang_shang { width: 100%; margin-top: 15px; } .select1 { width: 100%; background: no-repeat #fff 90% center; } /**用户领域**/ .bbqq_zhong_shang { width: 100%; } div#bbqq {} .bbqq_zhong { width: 100%; } .yonghu { width: 100%; } .zhuangbie { width: 100%; } .bbqq_zhong_xia { width: 100%; } .frame { width: 80%; margin-left: 7%; height: auto; margin-bottom: 15px; } .wrap { width: 100%; height: auto; } .wrap img { width: 100%; } .wrap div { padding: 0; width: 100%; height: auto; bottom: 0; top: auto; } .wrap div b { width: 100%; height: auto; } .wrap div h1 { width: 100%; height: 65px; line-height: 65px; bottom: 0 } .wrap div p { display: none; } /**销售与服务**/ .wuyu { width: 100%; } .wuyu_zuo { display: none; } .wuyu_you.fl { width: 100%; background: #008de7; padding-bottom: 20px; } .wuyu_you_zhong { width: 98%; border: none; } .wuyu_you_zhong_zhong { width: 100%; background: none; color: #fff; } .aaa { width: 100%; padding-top: 10px; text-align: center; padding-left: 0; } .bbb { width: 100%; padding-left: 0; padding-right: 0; height: auto; } .bbb li { width: 80% !important; margin-left: 0; margin: 20px 10% 0; padding-left: 20px; box-sizing: border-box; background: no-repeat 90% center #fff; } .bbb li:hover { background: no-repeat 90% center #d0191b; color: #fff } #shenme { background: none; } .wuyu_you { margin-top: 20px; padding-top: 0; } .wl-select { padding-left: 20px !important; width: 100% !important; } /**banner**/ #banner { display: none; } .swiper-container { display: block; } } .img000_index { display: block; background: no-repeat 0px center; border: none; width: 20px; height: 40px; text-align: center; cursor: pointer }