/*初始设置*/ *{padding:0; margin:0;} ul,ol{ list-style:none} a{ text-decoration:none;} input,a{ outline:none;} body{ font-family:"微软雅黑","黑体","宋体"; box-sizing:border-box; background:#fff;} img{ border:none;} input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance: none;} @font-face{ font-family:DINPro-Bold; src:url(../fonts/DINPRO-BOLD.OTF); } @font-face{ font-family:"方正宋三简体"; src:url(../fonts/FZS3JW.TTF); } /* 内页banner */ .nybanner{ width: 100%; height: 500px; display: block; margin:0 auto; overflow: hidden; box-sizing: border-box; background: url(../img/nyb1.png) no-repeat top center;} .nybanner .nybcon{ width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;padding:140px 290px;} .nybanner .nybcon img{ display: block; width: 709px; margin: 0;} /* 内页分类栏目 */ .nycon{width: 100%; display: block; margin:0 auto; overflow: hidden; box-sizing: border-box; padding: 0 290px;} .fenlei{width: 100%; display: block; margin:-60px auto 0; overflow: hidden; box-sizing: border-box; position: relative; z-index:2;} .fenleic{width: 100%; display: block; margin:0 auto; overflow: hidden; box-sizing: border-box; background: #fff; border-bottom: 2px solid #ccae6e; padding:40px 0;} .fenleic::after{ display: block; content: ""; clear: both;} .fenleic ul{display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;} .fenleic ul li{display: block;transition: 0.3s;} .fenleic ul li::after{ display: block; content: ""; clear: both;} .fenleic ul li a{ font-size: 16px;color: #666666; font-weight: 400; display: block; transition: 0.3s; float: left;} .fenleic ul li i{ display: block; width: 1px; height: 12px; background: #808080; margin:6px 45px 0; float: left;transition: 0.3s;} .fenleic ul li:last-child i{ display: none;} .fenleic ul li.on a,.fenleic ul li:hover a{font-weight:900; color: #b7995a;} /*集团简介*/ .nyabout{width: 100%; display: block; margin:0 auto; overflow: hidden; box-sizing: border-box; background:url(../img/ab_1.png) no-repeat top left;} .nyabzy{width: 100%; display: block; margin:0 auto; overflow: hidden; box-sizing: border-box;} .nyabzy::after{content: "";display: block;clear: both;} .nyabzy .nycl{width:28%;display: block; margin:0 auto; overflow: hidden; box-sizing: border-box; float: left; padding-bottom: 150px;} .cltuyi{width: 100%; display: block; margin:0 auto; overflow: hidden;} .cltuyi img{width: 100%; display: block; margin:0 auto;} .cltuzi{ width:100%; display: block; margin:0 auto; overflow: hidden; height:430px; background:url(../img/cltu2.png) no-repeat top left; background-size: 100% 100%; position: relative; padding:90px 0 0 35px;} .cltuzi i{ display: block; width: 40px; height: 1px; background: #ccae6e; margin: 30px 0 20px;} .cltuzi h3{font-size: 28px; text-align: left; line-height: 1.2em; font-weight: 400; color: #ccae6e;} .cltuzi .cltutu{ width:83.7%; display: block; position: absolute; bottom: 0; left: 0;} .cltuzi .cltutu img{width:100%; display: block; margin:0 auto; } .nyabzy .nynr{width:63%;display: block; margin:0 auto; overflow: hidden; box-sizing: border-box; float: right; padding:80px 0;} .nyabzy .nynr h2{font-size:32px; text-align: left; line-height: 1.2em; font-weight:900; color: #ccae6e;} .nyabzy .nynr h6{font-size:16px; text-align: left; line-height: 1.4em; font-weight:400; color: #888; margin: 20px 0 24px;} .spsp{width:100%; display: block; margin:0 auto; overflow: hidden;} .spsp #spvideo{width:100%; display: block; margin:0 auto 25px; overflow: hidden; height: auto;} .qijjcon{width:100%; display: block; margin:0 auto; overflow: hidden;} .qijjcon p{font-size:16px; text-align: left; line-height: 1.8em; font-weight:400; color: #888; margin-bottom:4px;} /* 底部分割图 */ .dbfgtu{width:100%; display: block; margin:0 auto; height: 330px; background:url(../img/dbfgg.png) no-repeat bottom center; border-bottom: 3px solid #222222;} .dbfgtu img{width:100%; display: block; margin:0 auto; overflow: hidden;} .xxx{width:100%; display: block; margin:323px auto 0; overflow: hidden; height:10px; background:#ccae6e; position: relative; z-index: 2;} .footny{background: #222222 !important;} /*董事长致辞*/ .nyzc{width: 100%; display: block; margin:0 auto; overflow: hidden; box-sizing: border-box; background:url(../img/ab_2.png) no-repeat top left;} .nydszc{width: 100%; display: block; margin:0 auto; overflow: hidden; box-sizing: border-box;} .nydszc::after{content: "";display: block;clear: both;} .nydszc .nyzccl{width:23.8%;display: block; margin:0 auto; overflow: hidden; box-sizing: border-box; float: left; padding:67px 0 20px;} .nydszc .nyzccl .dsztp{width: 100%; display: block; margin:0 auto; overflow: hidden;} .nydszc .nyzccl .dsztp img{width: 100%; display: block; margin:0 auto;} .nydszc .nyzccl .dsztp h4{font-size:18px; text-align: center; line-height: 1.2em; font-weight:400; color: #ccae6e; margin: 24px auto 0;} .nydszc .nyzccl .dsztp h4 span{ color: #222222;} .nydszc .nynr{width:63%;display: block; margin:0 auto; overflow: hidden; box-sizing: border-box; float: right; padding:80px 0;} .nydszc .nynr h2{font-size:26px; text-align: left; line-height: 1.2em; font-weight:900; color: #ccae6e;} .nydszc .nynr i{display: block; width: 80px; height: 1px; margin:32px 0; background: #CCAE6E;} .qijjcon2{width:100%; display: block; margin:0 auto; overflow: hidden;} .qijjcon2 p{font-size:16px; text-align: left; line-height: 1.88em; font-weight:400; color: #888; margin-bottom:5px; letter-spacing:1px;} .qianzi{width:100%; display: flex;flex-direction:row-reverse; margin:24px auto 0; overflow: hidden;} .qianzi .qztu{ width:230px; display: block;} /* 内页标题 */ .nybt{width:100%; margin:0 auto 50px; overflow:hidden; box-sizing:border-box; display: block;} .nybt h3{ font-size:30px; text-align: center; font-weight:900; color: #fff; display: block; margin: 0 auto;} .nybt h4{font-size:24px; text-align: center; font-weight: 400; color: #fff; display: block; margin:10px auto;font-family:"方正宋三简体"; text-transform: uppercase; letter-spacing: 2px;} .nybt span{width:100%; margin:15px auto 0; overflow:hidden; box-sizing:border-box; background: url(../img/btxb.png) no-repeat center; height: 3px; display: block;} /* 企业文化 */ .nyqywh{width: 100%; display: block; margin:-43px auto; overflow: hidden; box-sizing: border-box; padding:136px 0 50px; background: #c7b079 url(../img/ab_3.png) no-repeat bottom center;} .whjj{ width:80%;margin:0 auto; overflow:hidden; box-sizing:border-box; padding:30px 0 45px} .whjj p{font-size:16px; text-align: center; line-height:2em; font-weight:400; color: #fff;} .lnkuai{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display: block; padding-bottom: 78px; border-bottom: 1px solid #d5d0c6;} .lnkuai ul{display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;} .lnkuai ul li{ width:13%; display: block; margin: 0 5%;overflow: hidden; box-sizing: border-box;} .lnkuai ul li img{width:100%; margin:0 auto; overflow:hidden;} .xnybt{width:100%; margin:75px auto 50px; overflow:hidden; box-sizing:border-box; display: block;} .xnybt h3{font-size:30px; text-align: center; font-weight:400; color: #fff; display: block; margin: 0 auto;} .xnybt i{display: block; width: 50px; height:2px; margin:32px auto 0; background: #fff;} /* 文化实践css */ .whsj{width:100%; margin:0 auto 90px; overflow:hidden; box-sizing:border-box; display: block;} .slideTxtBox{ width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; display: block; } .slideTxtBox .hd{ width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; display: block; } .slideTxtBox .hd ul{ width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;} .slideTxtBox .hd ul li{ width: 200px; height: 56px; display: block; margin: 0 10px; box-sizing: border-box; border: 1px solid #fff; border-radius: 5px; font-size: 18px; color: #fff; text-align: center; line-height:54px; font-weight: 400; transition: 0.3s; cursor: pointer;} .slideTxtBox .hd ul li.on,.slideTxtBox .hd ul li:hover{background:#fff; color: #ccae6e; font-weight:900;} .slideTxtBox .bd{width:100%;margin:40px auto 0; overflow:hidden; box-sizing:border-box; display: block;} .slideTxtBox .bd ul{width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box;zoom:1; display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;} .slideTxtBox .bd li{display: block; width: 380px;} .slideTxtBox .bd li .whtut{ width: 100%; display: block; margin: 0 auto; overflow: hidden; box-sizing: border-box; border: 1px solid #fff;transition: 0.3s;} .slideTxtBox .bd li .whtut img{width: 100%; display: block; margin: 0 auto; transition: 0.3s;} .slideTxtBox .bd li .whzib{width: 100%; display: block; margin: 0 auto; overflow: hidden; box-sizing: border-box; height: 84px; padding: 16px 25px 0; background: #fff;transition: 0.3s;} .slideTxtBox .bd li .whzib p{ font-size: 16px; text-align: left; line-height:1.3em; display: block; color: #666666;} .slideTxtBox .bd li:hover .whtut{ border: 1px solid #ccae6e;} .slideTxtBox .bd li:hover .whtut img{ transform: scale(1.1); -webkit-transform: scale(1.1);} .slideTxtBox .bd li:hover .whzib{ background:#ccae6e;} .slideTxtBox .bd li:hover .whzib p{ color:#fff;} /* 发展历程 */ .nyfzlc{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display: block;} .nyfzcon{width:100%; margin:100px auto 20px; overflow:hidden; box-sizing:border-box; display: block;} /* 本例子css */ .slideTxtBoxfz{ width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; display: block;} .slideTxtBoxfz .hd{width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;} .slideTxtBoxfz .hd ul{ float:left; display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start; box-sizing: border-box; padding: 0 30px; width: 100%; background:url(../img/fz1.png) no-repeat 0 160px;} .slideTxtBoxfz .hd ul li{ width: 25%; padding:0 15px; cursor:pointer;} .slideTxtBoxfz .hd ul li h2{font-size: 24px; color: #888; text-align: center; line-height: 1.2em; font-weight:900; transition: 0.3s;} .slideTxtBoxfz .hd ul li h6{font-size:18px; color: #888; text-align: center; line-height: 1.2em; font-weight:400; margin: 20px auto 64px; transition: 0.3s;} .slideTxtBoxfz .hd ul li .jieduan{ width: 57px; height: 132px; display: block; margin: 0 auto; background: url(../img/fz2.png) no-repeat top center;} .slideTxtBoxfz .hd ul li .jieduan span{display: none; font-size: 26px; text-align: center; font-weight: 900; color: #fff; box-sizing: border-box; padding-top:16px;transition: 0.3s;} .slideTxtBoxfz .hd ul li.on h2{color: #ccae6e;} .slideTxtBoxfz .hd ul li.on h6{color: #ccae6e;} .slideTxtBoxfz .hd ul li.on .jieduan{background: url(../img/fz2h.png) no-repeat top center;} .slideTxtBoxfz .hd ul li.on .jieduan span{ display: block;} .slideTxtBoxfz .bd{ width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; display: block; padding: 10px 6%;} .slideTxtBoxfz .bd .lbkzc{ width:100%;margin:0 auto; box-sizing:border-box; display: block; zoom:1; border: 2px solid #ccae6e; border-radius: 10px; padding:50px 30px;} .lbkzc .lbkz{overflow-y: auto; height:390px; width:100%;margin:0 auto; box-sizing:border-box; display: block;padding:0 20px; } /*定义整体的宽度*/ .lbkz::-webkit-scrollbar {width: 3px;} /*定义滚动条轨道*/ .lbkz::-webkit-scrollbar-track {border-radius: 5px;} /*定义滑块*/ .lbkz::-webkit-scrollbar-thumb {border-radius: 5px;background:#cccccc;} .slideTxtBoxfz .bd .lbkz h3{ font-size: 22px; text-align: left; color: #ccae6e; font-weight: 900; margin-bottom:40px;} .slideTxtBoxfz .bd .lbkz dl{width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; display: block;} .slideTxtBoxfz .bd .lbkz dl dd{width:100%;margin:0 auto 50px; overflow:hidden; box-sizing:border-box; display: block; padding:0 0 34px 30px; background: url(../img/lbdian.png) no-repeat 0 4px; border-bottom: 1px dashed #a4a4a4;} .slideTxtBoxfz .bd .lbkz dl dd h4{ font-size: 20px; text-align: left; line-height: 1.2em; font-weight: 400; color: #ccae6e; margin-bottom:14px;} .slideTxtBoxfz .bd .lbkz dl dd p{ font-size:15px; text-align: left; line-height: 1.6em; font-weight: 400; color: #888;} /* 下面是前/后按钮代码,如果不需要删除即可 */ .slideTxtBoxfz .arrow{float:left; margin-top:140px; box-sizing: border-box; padding-right: 30px;} .slideTxtBoxfz .arrow2{float:right;box-sizing: border-box; padding-left: 30px;} .slideTxtBoxfz .arrow a{ display:block;overflow:hidden; width: 50px; height: 50px;cursor:pointer;} .slideTxtBoxfz .arrow .prev{ background:#fff url(../img/fz3.png) no-repeat center; background-size: 100% 100%; transition: 0.3s;} .slideTxtBoxfz .arrow .next{ background:#fff url(../img/fz4.png) no-repeat center; background-size: 100% 100%;transition: 0.3s;} .slideTxtBoxfz .arrow .prev:hover{ background:#fff url(../img/fz3h.png) no-repeat center;} .slideTxtBoxfz .arrow .next:hover{ background:#fff url(../img/fz4h.png) no-repeat center;} /* 荣誉资质 */ .nyryzz{width:100%; margin:100px auto 20px; overflow:hidden; box-sizing:border-box; display: block;} .nyrycon{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display: block; padding:0 8%;} .nyrycon .dsj{ width:19px; height:21px; display: block; margin: 0 auto;} .nyrycon .dsj img{width:100%; margin:0 auto; display: block;} .nyrycon .nyryc{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display: block; padding:90px 10px 120px; background: url(../img/dd.png) repeat-y top center;} .nyrycon .nyryc::after{ content: ""; display: block; clear: both;} .nyrycon .nyryc li{ width:50%; display: block; margin-bottom: 35px;} .nyrycon .nyryc li:nth-child(odd){ float: right;padding-left:30px;} .nyrycon .nyryc li:nth-child(even){float: left; padding-right:30px;} .nyrycon .nyryc li:nth-child(odd) .tbsj .lingtu{margin-left:-15px; margin-right:25px;} .nyrycon .nyryc li:nth-child(even) .tbsj .lingtu{margin-right:-15px;margin-left:25px;} .nyrycon .nyryc li .tbsj{width:100%;box-sizing:border-box; display: block; } .nyrycon .nyryc li .tbsj::after{ content: ""; display: block; clear: both;} .nyrycon .nyryc li .tbsj .lingtu{ width: 182px; height: 36px; display: block; background-size: 100%; margin-top: 10px;} .nyrycon .nyryc li:nth-child(odd) .tbsj .lingtu{ float: left; background: url(../img/y1.png) no-repeat center;} .nyrycon .nyryc li:nth-child(even) .tbsj .lingtu{ float: right;background: url(../img/y2.png) no-repeat center;} .nyrycon .nyryc li:nth-child(odd) .tbsj h2{ float: left;} .nyrycon .nyryc li:nth-child(even) .tbsj h2{ float: right;} .nyrycon .nyryc li .tbsj h2{ font-size:42px; color:#ccae6e; font-weight:900;} .nyrycon .nyryc li .tbsj h2 span{font-size:26px; color:#ccae6e; font-weight: 400;} .nyrycon .nyryc li .tbsjbb{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display: block; padding: 26px 13%; } .nyrycon .nyryc li .tbsjbb .tbsjbcon{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display: block; padding: 30px 30px 20px; border: 1px solid #ccae6e; border-radius:10px;} .tbsjbcon dd{width:100%; margin:0 auto 10px; overflow:hidden; box-sizing:border-box; display: block;} .tbsjbcon dd::after{ content: ""; display: block; clear: both;} .tbsjbcon dd i{ display: block; width: 12px; height: 14px; float: left; margin:3px 8px 0 0;} .tbsjbcon dd i img{ width:100%; display: block; margin: 0 auto;} .tbsjbcon dd p{font-size: 16px; text-align: left; line-height:1.3em; display: block; color: #888; transition: 0.3s; cursor: pointer;} .tbsjbcon dd:hover p{ color: #CCAE6E; } /* 内页标题 */ .nybt2 h3{color:#ccae6e;} .nybt2 h4{color:#ccae6e;} .nybt2 span{background: url(../img/xian.png) no-repeat center; } /* 内页产业领域 */ .nycyly{width: 100%; display: block; margin:70px auto 20px; overflow: hidden; box-sizing: border-box;} .whjj2{ width:80%;margin:0 auto; overflow:hidden; box-sizing:border-box; padding:0px 0 45px} .whjj2 p{font-size:16px; text-align: center; line-height:2em; font-weight:400; color: #666;} .cylylist{width: 100%; display: block; margin:0 auto; overflow: hidden; box-sizing: border-box;} .cylylist::after{ display: block; content: ""; clear: both;} .cylylist ul{display: flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;} .cylylist ul li{ width: 23.5%; display: block; margin-right: 2%; margin-bottom: 25px;} .cylylist ul li:nth-child(4n){ margin-right: 0;} .cylylist ul li a{width: 100%; display: block; margin:0 auto; overflow: hidden; box-sizing: border-box;} .cylylist ul li a .cyxtu{width: 100%; display: block; margin:0 auto; overflow: hidden; box-sizing: border-box;} .cylylist ul li a .cyxtu img{ width: 100%; margin: 0 auto; display: block; transition: 0.3s;} .cylylist ul li a .cylyzb{width: 100%; display: block; margin:0 auto; overflow: hidden; box-sizing: border-box; height: 62px; background: #ccae6e; padding: 0 5px; transition: 0.3s;} .cylylist ul li a .cylyzb p{font-size:18px; text-align: center; text-transform: uppercase; font-weight: 400; color: #fff; line-height:62px; width:100%; display: block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis; white-space:nowrap;transition: 0.3s;} .cylylist ul li:hover a .cyxtu img{ transform: scale(1.1); -webkit-transform: scale(1.1);} .cylylist ul li:hover a .cylyzb{ background:#b7995a;} /* 文章详情页面 */ .nywz{width: 100%; display: block; margin:70px auto 20px; overflow: hidden; box-sizing: border-box;} .wzxqbk{width: 100%; display: block; margin:0 auto; overflow: hidden; box-sizing: border-box;} .xwcon{width:100%; margin:0px auto 10px; box-sizing:border-box; display: block} .xwcon .xwctop{width:100%; margin:0px auto; box-sizing:border-box; display: block;border-bottom: 1px solid #BFBFBF; padding-bottom:40px;} .xwcon .xwctop h2{font-size:24px; text-align:center; text-transform:uppercase; font-weight:400; color:#222;line-height:1.5em;display:block;} .xwcon .xwctop h6{font-size:16px; text-align:center;font-weight:400; color:#ccae6e;line-height:1.5em;display:block; margin-top:16px;} .xwcon .xwcbb{width:100%; margin:0px auto; box-sizing:border-box; display: block; padding:50px 10%;} .xwcon .xwcbb p{font-size:16px; color:#777; line-height:1.8em; text-align:left; width:100%;transition:0.3s;margin-bottom:5px; text-indent: 2em;} .xwcon .xwcbb img{ max-width: 100%; display: block; margin:5px auto;} .xwcon .xwcbb p img{ max-width: 100%; display: block; margin:5px auto;} /*分页*/ .ffyy2{width:100%; margin:30px auto; overflow:hidden; box-sizing:border-box; display: flex;} .pagination{ width:auto;margin:0 auto; overflow:hidden; box-sizing:border-box; padding:0 0 15px;} .pagination::after{ content:""; display:block; clear:both;} .pagination li{ float:left;margin-right:12px; margin-bottom: 20px;} .pagination li a{display:block;box-sizing:border-box; font-size:14px; color:#999;padding:8px 18px; border-radius:3px;border:1px solid #aaa;cursor:pointer; transition:0.3s; background:#fff;} .pagination li span{display:block;box-sizing:border-box; font-size:14px; color:#999;padding:8px 18px; border-radius:3px;border:1px solid #aaa;cursor:pointer; transition:0.3s; background:#fff;} .pagination li.active a{ background:#ccae6e; border:1px solid #ccae6e; color:#fff;} .pagination li:hover a{background:#ccae6e; border:1px solid #ccae6e; color:#fff;} .pagination li.active span{ background:#ccae6e; border:1px solid #ccae6e; color:#fff;} .pagination li:hover span{background:#ccae6e; border:1px solid #ccae6e; color:#fff;} /* 上下篇 */ .sxpp{width:100%; margin:40px auto; box-sizing: border-box; padding-top:30px;border-top: 1px solid #BFBFBF; display:block;} .sxpp::after{ content: ""; clear: both; display: block;} .sxpp .upper,.sxpp .lower{width: 140px; height: 50px; text-align: center; background: #ededed; text-align: center; display: block; line-height: 50px; font-size: 16px; color: #232323; transition: 0.3s;} .sxpp .upper{ float: left;} .sxpp .lower{ float: right;} .sxpp .upper:hover,.sxpp .lower:hover{background: #ccae6e; color: #fff;} /* 新闻资讯列表内页 */ .nynews{width: 100%; display: block; margin:60px auto 20px;box-sizing: border-box;} .xwtj{width: 100%; display: block; margin:0 auto 30px; overflow: hidden; box-sizing: border-box; } .xwtj a{width: 100%; margin:0 auto; overflow: hidden; box-sizing: border-box; background: #f5f5f5; padding:38px 50px; display: flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center; transition: 0.3s;} .xwtj a .xwllz{ width: 66%;display: block;overflow: hidden; box-sizing: border-box; } .xwtj a .xwllz h2{font-size:34px; text-align: left; line-height: 1.2em; color: #ccae6e; font-weight: 900;} .xwtj a .xwllz h3{font-size:28px; text-align:left; text-transform:uppercase; font-weight:400; color:#333333; line-height:1.5em; width:100%;display: block; overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap; margin:12px 0 16px;} .xwtj a .xwllz p{font-size:18px; color:#888; line-height:1.8em; text-align:left; width:100%;transition:0.3s; display:inline-block;word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp:2; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/} .xwtj a .xwrrt{ width: 27%;display: block;overflow: hidden; box-sizing: border-box;} .xwtj a .xwrrt img{ display: block; width: 100%; margin: 0 auto; transition: 0.3s;} .nynxw{width: 100%; display: block; margin:0 auto 66px; box-sizing: border-box;} .nynxw li{width: 100%; display: block; margin:0 auto 30px; box-sizing: border-box;} .nynxw li a{width: 100%; margin:0 auto;box-sizing: border-box; background: #fff; padding:38px 50px; border: 1px solid #ededed; display: flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center; transition: 0.3s;} .nynxw li a .xwrtu{ width: 27%; display: block;overflow: hidden; box-sizing: border-box;} .nynxw li a .xwrtu img{ display: block; width: 100%; margin: 0 auto; transition: 0.3s;} .nynxw li a .xwlzi{ width: 66%;display: block;overflow: hidden; box-sizing: border-box;} .nynxw li a .xwlzi h3{font-size:28px; text-align:left; text-transform:uppercase; font-weight:400; color:#333333; line-height:1.5em; width:100%;display: block; overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;} .nynxw li a .xwlzi p{font-size:18px; color:#888; line-height:1.8em; text-align:left; width:100%;transition:0.3s;margin:18px 0 14px; display:inline-block;word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp:2; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/} .nynxw li a .xwlzi h5{font-size:18px; text-align:left;font-weight:400; color:#ccae6e; line-height:1.5em;} .xwtj a:hover{background: #ccae6e;} .xwtj a:hover .xwllz h2{color: #fff;} .xwtj a:hover .xwllz h3{color: #fff;} .xwtj a:hover .xwllz p{color: #fff;} .xwtj a:hover .xwrrt{ border: 2px solid #fff;} .xwtj a:hover .xwrrt img{ transform: scale(1.1); -webkit-transform: scale(1.1);} .nynxw li:hover a{box-shadow:0 5px 10px rgba(0,0,0,0.15); border: 1px solid #ccae6e;} .nynxw li:hover a .xwrtu img{transform: scale(1.1); -webkit-transform: scale(1.1);} .nynxw li:hover a .xwlzi h3{ color: #ccae6e;} /* 产业领域详情页面 */ .cyxqc{width: 100%; display: block; margin:0 auto; overflow: hidden; box-sizing: border-box;} .ztuyzi{width: 100%; margin:50px auto 100px; overflow: hidden; box-sizing: border-box; display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;} .ztu{ width: 43%; display: block; background:#fff url(../img/zshang.png) no-repeat left top; max-height: 423px; box-sizing: border-box; padding: 23px 0 0 38px;} .ztu .swiper-containersytu .swiper-slide img{ display: block; width: 100%; margin: 0 auto;} .ztu .swiper-containersytu{width: 100%;height: 100%;} .ztu .swiper-containersytu .swiper-slide {text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;} .ztu .swiper-containersytu .swiper-pagination-bullet {width:8px;height:8px;display: inline-block;border-radius:4px;background: #fff;opacity:1;} .ztu .swiper-containersytu .swiper-pagination-bullet-active{ background: #cbad6d;} .ztu .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:15px;} .yzi{ width:57%;margin:0 auto; overflow: hidden; box-sizing: border-box;padding:0 0 0 55px;} .yzi h3{ font-size: 24px; color: #ccae6e; text-align: left; line-height: 1.2em; margin-bottom:24px; font-weight: 400;} .yzi p{font-size:16px; color:#666; text-align: left; line-height: 1.9em; font-weight: 400;} /* 分割背景 */ .fgbg{width: 100%; display: block; margin:0 auto; overflow: hidden; box-sizing: border-box; height:360px; background: url(../img/fgbg.png) no-repeat center; padding:72px 0 0;background-size: 100% 100%;} .fgbg .fgbgtu{ width: 645px;display: block; margin:0 auto; overflow: hidden;} .fgbg .fgbgtu img{ display: block; width: 100%; margin: 0 auto;} /* 图片风采联系 */ .ddtplc{width: 100%; display: block; margin:110px auto 30px; overflow: hidden; box-sizing: border-box; } .xgtu{width: 100%; display: block; margin:20px auto 50px; overflow: hidden; box-sizing: border-box;} .xgtu::after{ display: block; content: ""; clear: both;} .xgtu li{ width: 23.5%; display: block; margin-right: 2%; margin-bottom: 25px; float: left; overflow: hidden; position: relative;} .xgtu li:nth-child(4n){ margin-right: 0;} .xgtu li .xgtutu{ width: 100%; display: block; margin: 0 auto;overflow: hidden;} .xgtu li img{ width: 100%; display: block; margin: 0 auto; transition: 0.3s;} .xgtu li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);} .xgtu li p{position: absolute;width: 100%;box-sizing: border-box;background: rgba(204,174,110,1);color: #fff;padding: 0 10px; left: 0;bottom:0px;font-size:16px;line-height:50px;transition: 0.3s; text-align: center; transform: rotateX(100deg);transform-origin: left bottom; -webkit-transform: rotateX(100deg);-webkit-transform-origin: left bottom;} .xgtu li:hover p{transform: rotateX(0deg);transform-origin: left bottom; -webkit-transform: rotateX(0deg);-webkit-transform-origin: left bottom;} .cyxixi{width: 100%; display: block; margin:80px auto 30px; overflow: hidden; box-sizing: border-box;} .cyxixi::after{ display: block; content: ""; clear: both;} .cyxixi li{width:32%; display: block; margin-right: 2%; float: left; overflow: hidden; border: 1px solid #cccccc; box-sizing: border-box; padding:40px 20px;} .cyxixi li:nth-child(3n){ margin-right: 0;} .cyxixi li h2{font-size: 24px; color: #ccae6e; text-align: center; line-height: 1.2em; margin-bottom:24px; font-weight: 400;} .cyxixi li h5{font-size: 24px; color: #444; text-align: center; line-height: 1.2em; font-weight: 400;} .cyxixi li h4{font-size: 20px; color: #444; text-align: center; line-height: 1.35em; font-weight: 400;} .ddtplc2{ margin: 50px auto 30px;} /* 社会责任 */ .whjj3{ width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; padding:0px 0 45px} .whjj3 p{font-size:16px; text-align: center; line-height:2em; font-weight:400; color: #666;} .whjj3 .zizitu{width:100%;margin:58px auto 60px; overflow:hidden; height: 84px; display: block; background: url(../img/shtu1.png) no-repeat center;} .bfjs{width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; border-bottom: 1px solid #dbccac; display: flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start; } .bfjsr{ width:18%;display: block;overflow:hidden; box-sizing:border-box;} .bfjsr img{ display: block; width: 100%; margin: 0 auto;} .bfjsl{width:74.5%;margin:0 auto; overflow:hidden; box-sizing:border-box; display: block;} .bfjsl ul{width:100%%;margin:0 auto; overflow:hidden; box-sizing:border-box; display: flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;} .bfjsl ul li{ width:47.5%; display: block; margin-bottom:50px; display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;} .bfjsl ul li:nth-child(3){ width: 100%;} .bfjsl ul li .bfbt{ width:60px; display: block;} .bfjsl ul li .bfbt img{ display: block; width: 100%; margin: 0 auto;} .bfjsl ul li .bfjslt{ width:82%; display: block;} .bfjslt h3{font-size: 26px; color: #ccae6e; text-align: left; line-height:60px; margin-bottom:8px; font-weight: 400;} .bfjslt p{font-size: 15px; color: #b7995a; text-align: left; line-height: 1.5em; font-weight: 400;} .bfjsl ul li:nth-child(3) .bfjslt{ width:91%; display: block;} /* 公益事业 */ .ttt{width: 100%; display: block; margin:30px auto 44px; overflow: hidden; box-sizing: border-box;} .ttt h3{font-size:30px; color: #ccae6e; text-align: center; line-height: 1.2em; margin:0 auto 24px; font-weight: 400;} .ttt i{ width: 50px; height: 3px; display: block; margin: 0 auto; background: #ccae6e;} .ttt h4{font-size:22px; color: #222; text-align: center; line-height: 1.2em; margin:25px auto 0; font-weight: 400;} /* 公益事业内容 */ .gysyy{width:100%;margin:0 auto 30px; overflow:hidden; box-sizing:border-box; display: block;} .gysyy::after{ content: ""; clear: both; display: block;} .gysyy li{ width: 32%; float: left; margin-right: 2%; margin-bottom: 26px; display: block;} .gysyy li:nth-child(3n){ margin-right: 0;} .gysyy li a{width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; display: block;} .gysyy li a .gytu{width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; display: block;} .gysyy li a .gytu img{ display: block;width: 100%; margin: 0 auto; transition: 0.3s;} .gysyy li a .gyzi{width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; padding:26px 20px; background: #fff; border: 1px solid #e5e5e5; display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;} .gysyy li a .gyzi .gyzil{ width:75px; display: block;overflow:hidden; box-sizing:border-box; } .gysyy li a .gyzi .gyzil h3{font-size:20px; color: #ccae6e; text-align: center; line-height: 1.5em; font-weight: 900; display: block;} .gysyy li a .gyzi .gyzil h4{font-size:20px; color: #ccae6e; text-align: center; line-height: 1.5em; font-weight: 900; display: block;} .gysyy li a .gyzi .gyzir{width:80%; display: block;overflow:hidden; box-sizing:border-box; padding-left:15px;} .gysyy li a .gyzi .gyzir p{ font-size:17px; text-align: left; line-height: 1.5em; color: #333; font-weight:400; transition: 0.3s; isplay:inline-block;word-break: break-all; width: 100%; text-overflow: ellipsis; display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp:2; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/} .gysyy li:hover a .gytu img{transform: scale(1.1); -webkit-transform: scale(1.1);} .gysyy li:hover a .gyzi .gyzir p{ color: #CCAE6E;} /* 雇主故事 */ .gzgs{width:100%;margin:30px auto 50px; overflow:hidden; box-sizing:border-box; display: block; border: 1px solid #ededed; display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;} .gzgs .gzgstu{ width: 33.5%;display:block; overflow:hidden; box-sizing:border-box; } .gzgs .gzgstu img{ display: block; width: 100%; margin: 0 auto;} .gzgs .gzgszi{ width: 66.5%;display:block; overflow:hidden; box-sizing:border-box; padding: 0 4%;} .gzgs .gzgszi p{ font-size: 18px;color: #777; text-align: left; line-height: 1.68em; font-weight:400; display: block;} .lnian{width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; display: block;} .lnian ul{display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;} .lnian ul li{width: 32%;margin:0 auto; overflow:hidden; box-sizing:border-box; display: block;} .lnian ul li .lntu{width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; display: block; border: 3px solid #CCAE6E;transition: 0.3s;} .lnian ul li .lntu img{width:100%;margin:0 auto; display: block; transition: 0.3s;} .lnian ul li p{ font-size: 18px;color: #444; text-align: center; line-height: 1.68em; font-weight:400; display: block; margin:10px auto 6px;} .lnian ul li:hover p{color: #CCAE6E;} .lnian ul li:hover .lntu img{ transform: scale(1.1); -webkit-transform: scale(1.1);} /* 招贤纳士 */ .join{width:100%;margin:40px auto 70px; overflow:hidden; box-sizing:border-box; display: block; } .llnn{width:100%;margin:50px auto 70px; overflow:hidden; box-sizing:border-box;display: block;} .llnntt{width:100%;margin:0 auto 54px; overflow:hidden; box-sizing:border-box; display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;} .llnntt .lnttu{ width: 50%; display: block;margin:0 auto; overflow:hidden; box-sizing:border-box;} .llnntt .lnttu img{ display: block; width: 100%; margin: 0 auto;} .llnntt .lntzi{width: 50%; display: block;margin:0 auto; overflow:hidden; box-sizing:border-box; padding:80px 50px; border: 1px solid #ccae6e; border-left: none;} .llnntt .lntzi h3{font-size:20px; color: #ccae6e; text-align: left; line-height: 1.5em; font-weight: 900; display: block; margin-bottom: 30px;} .llnntt .lntzi .lntzibb{width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; display: block;} .llnntt .lntzi .lntzibb p{font-size:16px;color:#666; text-align:left; line-height:2em; font-weight:400; display: block;} .llnnbb{width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; display: flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center;} .llnnbb .lnbtu{ width: 50%; display: block;margin:0 auto; overflow:hidden; box-sizing:border-box;} .llnnbb .lnbtu img{ display: block; width: 100%; margin: 0 auto;} .lnbzi{width: 50%; display: block;margin:0 auto; overflow:hidden; box-sizing:border-box; padding:30px 50px; border: 1px solid #ccae6e; border-right: none;} .lnbzi h3{font-size:20px; color: #ccae6e; text-align: left; line-height: 1.5em; font-weight: 900; display: block; margin-bottom:20px;} .lnbzi .lnbzibb{width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; display: block;} .lnbzi .lnbzibb p{font-size:16px;color:#666; text-align:left; line-height:2em; font-weight:400; display: block;} .rczp{width:100%;margin:50px auto 0px; overflow:hidden; box-sizing:border-box;display: block;} .rczp::after{ content: ""; clear: both; display: block;} .rczp li{ width: 48.5%; display: block; box-sizing: border-box; float: left; margin-right: 3%; margin-bottom:48px;} .rczp li:nth-child(2n){ margin-right: 0;} .rczp li a{width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; display: block;padding: 28px; border: 1px solid #e8e8e8;transition: 0.3s; } .rczp li a .zpbt{width:100%;margin:0 auto 15px; overflow:hidden; box-sizing:border-box; display: block; border-bottom: 1px solid #e8e8e8; padding-bottom:16px; display: flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center;transition: 0.3s;} .rczp li a .zpbt h4{font-size:22px; color: #ccae6e; text-align: left; line-height: 1.5em; font-weight:400; display: block;} .rczp li a p{ font-size:16px; text-align: left; line-height: 1.88em; color: #666; font-weight:400; transition: 0.3s; margin-bottom:6px; isplay:inline-block;word-break: break-all; width: 100%; text-overflow: ellipsis; display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp:2; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/} .rczp li a p b{ font-weight: 900; color: #222;transition: 0.3s;} .rczp li a h6{font-size:18px; color: #ccae6e; text-align: left; line-height: 1.5em; font-weight: 900; display: block;} .rczp li:hover a{border: 1px solid #CCAE6E;} .rczp li:hover a .zpbt{border-bottom: 1px solid #CCAE6E;} .rczp li:hover a p{color:#CCAE6E;} .rczp li:hover a p b{color:#CCAE6E;} /* 联系我们 */ .qylx{width:100%;margin:50px auto 0px; box-sizing:border-box;display: block;} .qylx::after{ content: ""; clear: both; display: block;} .qylx li{ width: 23.5%; display: block; background: #fff; box-sizing: border-box; padding:50px 25px 0; height: 240px; float: left; border: 1px solid #cccccc; margin-right: 2%; margin-bottom: 25px; transition: 0.3s;} .qylx li:nth-child(4n){ margin-right: 0;} .qylx li h4{font-size:22px; color: #444; text-align: left; line-height: 1.5em; font-weight:400; display: block;transition: 0.3s;} .qylx li i{ width: 40px; height: 1px; display: block; margin:22px 0; background: #CCAE6E;transition: 0.3s;} .qylx li .ttlx{width:100%;margin:0 auto 10px; overflow:hidden; box-sizing:border-box; display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;} .qylx li .ttlx span{ width:14px; height: 14px; display: block;} .qylx li .ttlx span img{ width:100%;display: block; margin: 0 auto;} .qylx li .ttlx p{ width: 92%; margin-left: 10px; font-size:14px; text-align: left; line-height:1.2em; color: #888; font-weight:400;} .fwln{width:100%;margin:20px auto 0; overflow:hidden; box-sizing:border-box;display: block;} .fwln p{ font-size: 20px; text-align: center; line-height: 1.68em; color: #888;} .qylx li:hover{-webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); box-shadow:0 5px 10px rgba(0,0,0,0.3)} .con88{width:1300px;margin:150px auto 60px; box-sizing:border-box;display: block;} .con88::after{content:""; display:block; clear:both;} .con88 li{ width:100%; display:block; overflow:hidden;} .con88 li img{ display:block; width:100%; margin:0 auto;} /*768移动端页面*/ @media (max-width:768px){ /* 内页分类栏目 */ .nycon{padding:0 20px;} .fenlei{margin:-30px auto 0;} .fenleic{padding:28px 20px 15px;} .fenleic ul{display: block;} .fenleic ul li{ width: 48%; float: left; margin-right: 4%; margin-bottom:16px; } .fenleic ul li:nth-child(2n){ margin-right: 0;} .fenleic ul li a{ width: 100%; box-sizing: border-box; padding:14px 0; background: #fff; border: 1px solid #ededed; border-radius: 6px; text-align: center;clear: both;} .fenleic ul li i{ display:none;} .fenleic ul li:last-child i{ display: none;} .fenleic ul li.on a,.fenleic ul li:hover a{font-weight:900; color: #fff; border: 1px solid #b7995a; background: #b7995a; } /*董事长致辞*/ .nyzc{background:#FFF;} .nydszc .nyzccl{width:100%;float:none; padding:30px 0 30px;} .nydszc .nynr{width:100%;float: none; padding:10px 0 20px;} .nydszc .nynr h2{font-size:24px; text-align: center; } .nydszc .nynr i{margin:24px auto;} .qianzi .qztu{ width:200px; display: block;} /* 企业文化 */ .nyqywh{margin:-217px auto;padding:250px 0 50px; background-size:cover;} .whjj{ width:100%;padding:0 0 25px} .whjj p{font-size:16px;line-height:1.65em;} .lnkuai{padding-bottom:30px;} .lnkuai ul li{ width:27%;margin:0 3%;} .xnybt{margin:30px auto 25px;} .xnybt h3{font-size:24px;} .xnybt i{margin:20px auto 0;} /* 文化实践css */ .whsj{margin:0 auto 0; padding-bottom:230px;} .slideTxtBox .hd ul li{ width: 32%; height:50px; line-height:48px;} .slideTxtBox .bd{margin:20px auto 0;} .slideTxtBox .bd ul{flex-wrap:wrap;} .slideTxtBox .bd li{width: 100%; margin-bottom: 20px;} /* 内页产业领域 */ .nycyly{margin:30px auto 20px;} .whjj2{ width:100%; padding:0px 0 25px} .cylylist ul li{ width:100%;margin-right:0%; margin-bottom: 25px;} .cylylist ul li:nth-child(4n){ margin-right: 0;} /* 文章详情内页 */ .nywz{margin:30px auto 20px;} .xwcon{margin:0px auto 0;} .xwcon .xwctop{padding-bottom:20px;} .xwcon .xwctop h2{font-size:20px;} .xwcon .xwctop h6{font-size:14px;margin-top:5px;} .xwcon .xwcbb{ padding:20px 0;} .xwcon .xwcbb img{ max-width: 100%; width: 100%;} /* 新闻资讯列表内页 */ .nynews{ margin:30px auto 20px;} .xwtj{display:none;} .nynxw{margin:0 auto 30px;} .nynxw li{margin:0 auto 20px;} .nynxw li a{padding:10px;flex-wrap:wrap;} .nynxw li a .xwrtu{ width: 100%;} .nynxw li a .xwlzi{ width:100%;} .nynxw li a .xwlzi h3{font-size:20px; box-sizing: border-box; padding-top: 15px;} .nynxw li a .xwlzi p{font-size:16px; line-height:1.6em; margin:10px 0 5px;} .nynxw li a .xwlzi h5{font-size:14px;} /* 产业领域详情页面 */ .ztuyzi{margin:20px auto 25px;flex-wrap:wrap;} .ztu{ width:100%; max-height: 423px; padding: 0 0 0 0;} .yzi{ width:100%;margin:30px auto;padding:0 0 0 0;} .yzi h3{font-size: 22px;line-height: 1.4em; margin-bottom:15px;} .yzi p{line-height: 1.6em;} /* 图片风采联系 */ .ddtplc{margin:35px auto 30px;} .xgtu{margin:20px auto 0;} .xgtu li{ width:100%;margin-right:0%;float: none;} .xgtu li p{ transform: rotateX(0);transform-origin: left bottom;-webkit-transform: rotateX(0deg);-webkit-transform-origin: left bottom;} .whjj3{padding:0px 0 0} .whjj3 p{line-height:1.55em;} .whjj3 .zizitu{margin:0 auto 0; background-size: 100%;} .bfjs{flex-wrap:wrap;} .bfjsr{ width:100%;} .bfjsr img{ width: 60%;margin: 0 auto 25px;} .bfjsl{width:100%;} .bfjsl ul li{ width:100%; margin-bottom:20px;} .bfjsl ul li:nth-child(3){ width: 100%;} .bfjsl ul li .bfjslt{ width:77%; display: block;} .bfjsl ul li:nth-child(3) .bfjslt{ width:77%; display: block;} /* 公益事业内容 */ .gysyy{margin:0 auto 10px;} .gysyy li{ width:100%; float: none; margin-right:0%; margin-bottom: 26px;} .gysyy li a .gyzi{padding:20px 15px;} /* 雇主故事 */ .gzgs{margin:30px auto 50px;flex-wrap:wrap;} .gzgs .gzgstu{ width:100%;} .gzgs .gzgszi{ width:100%;padding:25px 20px;} .gzgs .gzgszi p{ font-size: 16px;} .lnian ul li p{ font-size: 16px;color: #444; text-align: center; line-height: 1.68em; font-weight:400; display: block; margin:10px auto 6px;} /* 招贤纳士 */ .join{width:100%;margin:25px auto 28px;} } /*移动端公用页面*/ @media (max-width:992px){ /* 内页banner */ .nybanner{height:230px;} .nybanner .nybcon{padding:55px 30px 0;} .nybanner .nybcon img{ display: block; width:460px; margin: 0;} /*集团简介*/ .nyabout{ background:#fff;} .nyabzy .nycl{display: none;} .nyabzy .nynr{width:100%;float: none; padding:30px 0;} .nyabzy .nynr h2{font-size:24px;} .qijjcon p{margin-bottom:6px;} /*内页标题*/ .nybt{margin:0 auto 25px;} .nybt h3{ font-size:24px;} .nybt h4{font-size:15px;margin:5px auto; text-transform: uppercase; letter-spacing: 2px;} .nybt span{margin:10px auto 0 0;} /* 本例子css */ .nyfzcon {margin:30px auto 20px;} .slideTxtBoxfz .hd ul{ padding: 0 0px;background: none;} .slideTxtBoxfz .hd ul li{ width: 25%; padding:0 10px;} .slideTxtBoxfz .hd ul li h2{font-size:22px;} .slideTxtBoxfz .hd ul li h6{font-size:12px; margin:10px auto 20px; transition: 0.3s;} .slideTxtBoxfz .bd{padding: 10px 0;} .slideTxtBoxfz .bd .lbkzc{ padding:20px 10px;} .lbkzc .lbkz{padding:0 5px; } .slideTxtBoxfz .hd ul li .jieduan {width: 100%;} .slideTxtBoxfz .bd .lbkz h3{ font-size:18px;margin-bottom:20px;} .slideTxtBoxfz .bd .lbkz dl dd{margin:0 auto 35px; padding:0 0 34px 25px;} .slideTxtBoxfz .bd .lbkz dl dd h4{ font-size:18px;} .slideTxtBoxfz .arrow{ display: none;} /* 荣誉资质 */ .nyryzz{margin:30px auto 20px;} .nyrycon{padding:0 0%;} .nyrycon .dsj{margin: 0 0;} .nyrycon .nyryc{ padding:50px 10px 50px;background: url(../img/dd.png) repeat-y 7px 0;} .nyrycon .nyryc li{ width:100%;margin-bottom:25px;} .nyrycon .nyryc li:nth-child(odd){ float: none;padding-left:0;} .nyrycon .nyryc li:nth-child(even){float: none; padding-right:0;} .nyrycon .nyryc li:nth-child(odd) .tbsj .lingtu{margin-left:-0; margin-right:0;} .nyrycon .nyryc li:nth-child(even) .tbsj .lingtu{margin-right:-0;margin-left:0;} .nyrycon .nyryc li .tbsj .lingtu{ width:60px; } .nyrycon .nyryc li:nth-child(odd) .tbsj .lingtu{ float: left; background: url(../img/y1.png) no-repeat center;} .nyrycon .nyryc li:nth-child(even) .tbsj .lingtu{ float: left;background: url(../img/y2.png) no-repeat center;} .nyrycon .nyryc li:nth-child(odd) .tbsj h2{ float: left;} .nyrycon .nyryc li:nth-child(even) .tbsj h2{ float: left;} .nyrycon .nyryc li .tbsj h2{ font-size:34px;} .nyrycon .nyryc li .tbsj h2 span{font-size:22px;} .nyrycon .nyryc li .tbsjbb{padding:24px 8%; } /* 分割背景 */ .fgbg{height:auto; padding:30px 8%; background-size: 100% 100%;} .fgbg .fgbgtu{ width:100%;} .cyxixi{margin:20px auto 30px;} .cyxixi li{width:100%; margin-right:0%; float: none; padding:20px 10px; margin-bottom: 20px;} .cyxixi li h2{font-size: 22px; margin-bottom:8px;} .cyxixi li h5{font-size: 20px;} .cyxixi li h4{font-size: 18px;} .ttt{margin:25px auto 30px;} .ttt h3{font-size:24px; margin:0 auto 14px; } .ttt i{ width:40px;} .ttt h4{font-size:16px; line-height: 1.4em; margin:15px auto 0;} .fwln{margin:12px auto 0;} .fwln p{ font-size:18px;} /* 招贤纳士 */ .llnn{margin:50px auto 70px;} .llnntt{margin:0 auto 24px;flex-wrap:wrap;} .llnntt .lnttu{ width:100%;} .llnntt .lntzi{width: 100%;padding:30px 30px;border-left: 1px solid #ccae6e;} .llnntt .lntzi h3{margin-bottom:10px;} .llnnbb{flex-wrap:wrap;} .llnnbb .lnbtu{ width:100%;} .lnbzi{width:100%; padding:30px 30px;border-right:1px solid #ccae6e;} .lnbzi h3{margin-bottom:10px;} .rczp{margin:30px auto 0px;} .rczp li{ width:100%; float:none; margin-right:0%; margin-bottom:20px;} .rczp li:nth-child(2n){ margin-right: 0;} .rczp li a{padding:20px;} .rczp li a .zpbt{margin:0 auto 10px; padding-bottom:12px;} .rczp li a .zpbt h4{font-size:16px;} .rczp li a p{line-height: 1.4em; } .rczp li a h6{font-size:15px;} } /*pid 768-992*/ @media (min-width:768px){ /* 内页banner */ .nybanner{height:340px;} .nybanner .nybcon{padding:95px 40px 0;} .nybanner .nybcon img{ display: block; width:600px; margin: 0;} /* 内页分类栏目 */ .nycon{padding:0 20px;} .fenlei{margin:-30px auto 0;} .fenleic{padding:28px 20px 15px;} .fenleic ul{display: block;} .fenleic ul li{ width:32%; float: left; margin-right:2%; margin-bottom:20px; } .fenleic ul li:nth-child(2n){ margin-right:2%;} .fenleic ul li:nth-child(3n){ margin-right:0%;} .fenleic ul li a{ width: 100%; box-sizing: border-box; padding:14px 0; background: #fff; border: 1px solid #ededed; border-radius: 6px; text-align: center;clear: both;} .fenleic ul li i{ display:none;} .fenleic ul li:last-child i{ display: none;} .fenleic ul li.on a,.fenleic ul li:hover a{ color: #fff; border: 1px solid #b7995a; background: #b7995a;} /*董事长致辞*/ .nyzc{background:#FFF;} .nydszc .nyzccl{width:30%;float:left; padding:30px 0 30px;} .nydszc .nynr{width:60%;float: right; padding:50px 0 20px;} .nydszc .nynr h2{font-size:26px; text-align: left; } .nydszc .nynr i{margin:24px 0;} .qianzi .qztu{ width:230px; display: block;} /*内页标题*/ .nybt{margin:0 auto 30px;} .nybt h3{ font-size:26px;} .nybt h4{font-size:18px;margin:8px auto; text-transform: uppercase; letter-spacing: 2px;} .nybt span{margin:10px auto 0 0;} /* 企业文化 */ .nyqywh{margin:-157px auto;padding:190px 0 50px; background-size:cover;} .whjj{ width:90%;padding:0 0 25px} .whjj p{font-size:15px;line-height:2em;} .lnkuai{padding-bottom:30px;} .lnkuai ul li{ width:20%;margin:0 3%;} .xnybt{margin:30px auto 25px;} .xnybt h3{font-size:24px;} .xnybt i{margin:20px auto 0;} /* 文化实践css */ .whsj{margin:0 auto 0; padding-bottom:160px;} .slideTxtBox .hd ul li{ width:24%; height:50px; line-height:48px;} .slideTxtBox .bd{margin:40px auto 0;} .slideTxtBox .bd ul{flex-wrap:wrap;} .slideTxtBox .bd li{width:32%; margin-bottom: 20px;} /* 内页产业领域 */ .nycyly{margin:35px auto 20px;} .whjj2{ width:100%; padding:0px 0 30px} .cylylist ul li{ width:48%;margin-right:4%; margin-bottom: 25px;} .cylylist ul li:nth-child(4n){ margin-right:4%;} .cylylist ul li:nth-child(2n){ margin-right:0;} /* 文章详情页 */ .nywz{margin:35px auto 20px;} .xwcon{margin:0px auto 0;} .xwcon .xwctop{padding-bottom:20px;} .xwcon .xwctop h2{font-size:20px;} .xwcon .xwctop h6{font-size:14px;margin-top:5px;} .xwcon .xwcbb{ padding:20px 0;} .xwcon .xwcbb img{ max-width: 100%; width: auto;} .xwcon .xwcbb p img{ max-width: 100%; width: auto;} /* 新闻资讯列表内页 */ .nynews{ margin:40px auto 20px;} .xwtj{margin:0 auto 25px; display: block;} .xwtj a{padding:30px 24px;} .xwtj a .xwllz h2{font-size:26px;} .xwtj a .xwllz h3{font-size:24px;margin:8px 0 4px;} .xwtj a .xwllz p{font-size:17px; line-height:1.6em;} .nynxw{margin:0 auto 30px;} .nynxw li{margin:0 auto 25px;} .nynxw li a{padding:30px 24px;} .nynxw li a .xwrtu{width: 27%;} .nynxw li a .xwlzi{ width:66%;} .nynxw li a .xwlzi h3{font-size:24px; padding-top:0 ;} .nynxw li a .xwlzi p{font-size:17px; line-height:1.6em; margin:8px 0 4px;} .nynxw li a .xwlzi h5{font-size:14px;} /* 产业领域详情页面 */ .cyxqc{width: 100%; display: block; margin:0 auto; overflow: hidden; box-sizing: border-box;} .ztuyzi{width: 100%; margin:50px auto 35px; overflow: hidden; box-sizing: border-box; display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;} .ztu{ width: 43%; display: block; background:#fff url(../img/zshang.png) no-repeat left top; max-height: 423px; box-sizing: border-box; padding: 23px 0 0 38px;} .ztu .swiper-containersytu .swiper-slide img{ display: block; width: 100%; margin: 0 auto;} .ztu .swiper-containersytu{width: 100%;height: 100%;} .ztu .swiper-containersytu .swiper-slide {text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;} .ztu .swiper-containersytu .swiper-pagination-bullet {width:8px;height:8px;display: inline-block;border-radius:4px;background: #fff;opacity:1;} .ztu .swiper-containersytu .swiper-pagination-bullet-active{ background: #cbad6d;} .ztu .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:15px;} .yzi{ width:57%;margin:0 auto; overflow: hidden; box-sizing: border-box;padding:0 0 0 55px;} .yzi h3{ font-size: 24px; color: #ccae6e; text-align: left; line-height: 1.2em; margin-bottom:24px; font-weight: 400;} .yzi p{font-size:16px; color:#666; text-align: left; line-height: 1.9em; font-weight: 400;} /* 图片风采联系 */ .ddtplc{margin:40px auto 30px;} .xgtu{margin:30px auto 0;} .xgtu li{ width:48%;margin-right:4%;float: left;} .xgtu li:nth-child(4n){ margin-right: 4%;} .xgtu li:nth-child(2n){ margin-right:0;} .xgtu li p{ transform: rotateX(0);transform-origin: left bottom;-webkit-transform: rotateX(0deg);-webkit-transform-origin: left bottom;} .ddtplc2{margin:10px auto 30px;} .bfjs{flex-wrap:nowrap;} .bfjsr{ width:18%;} .bfjsr img{ width:100%;margin: 0 auto 0;} .bfjsl{width:74.5%;} .bfjsl ul li{ width:47.5%; margin-bottom:20px;} .bfjsl ul li:nth-child(3){ width: 100%;} .bfjsl ul li .bfjslt{ width:67%; display: block;} .bfjsl ul li:nth-child(3) .bfjslt{ width:85%; display: block;} /* 公益事业内容 */ .gysyy{margin:0 auto 14px;} .gysyy li{ width:48%; float:left; margin-right:4%; margin-bottom: 26px;} .gysyy li:nth-child(3n){ margin-right: 4%;} .gysyy li:nth-child(2n){ margin-right:0;} .gysyy li a .gyzi{padding:24px 18px;} /* 招贤纳士 */ .llnn{margin:50px auto 70px;} .llnntt{margin:0 auto 34px;flex-wrap:wrap;} .llnntt .lnttu{ width:100%;} .llnntt .lntzi{width:100%;padding:30px 30px;border-left: 1px solid #ccae6e;} .llnntt .lntzi h3{margin-bottom:20px;} .llnnbb{flex-wrap:wrap;} .llnnbb .lnbtu{ width:100%;} .lnbzi{width:100%; padding:30px 30px;border-right:1px solid #ccae6e;} .lnbzi h3{margin-bottom:20px;} } /*ipad pro平板页面*/ @media (min-width:992px){ /* 内页banner */ .nybanner{height:410px;} .nybanner .nybcon{padding:110px 100px 0;} .nybanner .nybcon img{ display: block; width:600px; margin: 0;} /* 内页分类栏目 */ .nycon{padding:0 20px;} .fenlei{margin:-30px auto 0;} .fenleic{padding:28px 20px 15px;} .fenleic ul{display: block;} .fenleic ul li{ width:18.4%; float: left; margin-right:2%; margin-bottom:20px; } .fenleic ul li:nth-child(2n){ margin-right:2%;} .fenleic ul li:nth-child(3n){ margin-right:2%;} .fenleic ul li:nth-child(5n){ margin-right:0%;} .fenleic ul li a{ width: 100%; box-sizing: border-box; padding:14px 0; background: #fff; border: 1px solid #ededed; border-radius: 6px; text-align: center;clear: both;} .fenleic ul li i{ display:none;} .fenleic ul li:last-child i{ display: none;} .fenleic ul li.on a,.fenleic ul li:hover a{ color: #fff; border: 1px solid #b7995a; background: #b7995a;} /*内页标题*/ .nybt{margin:0 auto 30px;} .nybt h3{ font-size:26px;} .nybt h4{font-size:18px;margin:8px auto; text-transform: uppercase; letter-spacing: 2px;} .nybt span{margin:14px auto 0 0;} /* 企业文化 */ .nyqywh{margin:-86px auto;padding:140px 0 50px; background-size:cover;} .whjj{ width:90%;padding:0 0 25px} .whjj p{font-size:15px;line-height:2em;} .lnkuai{padding-bottom:30px;} .lnkuai ul li{ width:18%;margin:0 4%;} .xnybt{margin:50px auto 25px;} .xnybt h3{font-size:24px;} .xnybt i{margin:20px auto 0;} /* 文化实践css */ .whsj{margin:0 auto 0; padding-bottom:100px;} .slideTxtBox .hd ul li{ width:24%; height:50px; line-height:48px;} .slideTxtBox .bd{margin:40px auto 0;} .slideTxtBox .bd ul{flex-wrap:wrap;} .slideTxtBox .bd li{width:32%; margin-bottom: 20px;} /* 内页产业领域 */ .nycyly{margin:44px auto 20px;} .whjj2{ width:100%; padding:0px 0 30px} .cylylist ul li{ width:32%;margin-right:2%; margin-bottom: 25px;} .cylylist ul li:nth-child(4n){ margin-right:2%;} .cylylist ul li:nth-child(2n){ margin-right:2%;} .cylylist ul li:nth-child(3n){ margin-right:0;} /* 文章详情页 */ .nywz{margin:44px auto 20px;} .xwcon{margin:0px auto;} .xwcon .xwctop{padding-bottom:25px;} .xwcon .xwctop h2{font-size:22px;} .xwcon .xwctop h6{font-size:15px;margin-top:5px;} .xwcon .xwcbb{ padding:20px 30px;} .xwcon .xwcbb img{ max-width: 100%; width: auto;} .xwcon .xwcbb p img{ max-width: 100%; width: auto;} /* 新闻资讯列表内页 */ .nynews{ margin:40px auto 20px;} .xwtj{margin:0 auto 25px; display: block;} .xwtj a{padding:30px 24px;} .xwtj a .xwllz h2{font-size:26px;} .xwtj a .xwllz h3{font-size:26px;margin:8px 0 4px;} .xwtj a .xwllz p{font-size:18px; line-height:1.6em;} .nynxw{margin:0 auto 30px;} .nynxw li{margin:0 auto 25px;} .nynxw li a{padding:30px 24px;} .nynxw li a .xwrtu{width: 27%;} .nynxw li a .xwlzi{ width:66%;} .nynxw li a .xwlzi h3{font-size:26px; padding-top:0 ;} .nynxw li a .xwlzi p{font-size:18px; line-height:1.6em; margin:10px 0 6px;} .nynxw li a .xwlzi h5{font-size:16px;} .ztuyzi{width: 100%; margin:50px auto 50px;} /* 图片风采联系 */ .ddtplc{margin:60px auto 30px;} .xgtu{margin:45px auto 0;} .xgtu li{ width:32%;margin-right:2%;float: left;} .xgtu li:nth-child(4n){ margin-right:2%;} .xgtu li:nth-child(2n){ margin-right:2%;} .xgtu li:nth-child(3n){ margin-right:0%;} .xgtu li p{ transform: rotateX(0);transform-origin: left bottom;-webkit-transform: rotateX(0deg);-webkit-transform-origin: left bottom;} .ddtplc2{margin:10px auto 30px;} .bfjsl ul li .bfjslt{ width:67%; display: block;} .bfjsl ul li:nth-child(3) .bfjslt{ width:85%; display: block;} .ttt h4{font-size:22px; color: #222; text-align: center; line-height: 1.2em; margin:25px auto 0; font-weight: 400;} /* 招贤纳士 */ .llnn{margin:50px auto 70px;} .llnntt{margin:0 auto 34px;flex-wrap:nowrap;} .llnntt .lnttu{ width:50%;} .llnntt .lntzi{width:50%;padding:30px 30px;border-left: 1px solid #ccae6e;} .llnntt .lntzi h3{margin-bottom:20px;} .llnnbb{flex-wrap:nowrap;} .llnnbb .lnbtu{ width:50%;} .lnbzi{width:50%; padding:30px 30px;border-right:1px solid #ccae6e;} .lnbzi h3{margin-bottom:20px;} } /*电脑最终页面*/ @media (min-width:1240px){ /* 内页banner */ .nybanner{height:460px;} .nybanner .nybcon{padding:135px 100px 0;} .nybanner .nybcon img{ display: block; width:640px; margin: 0;} /* 内页分类栏目 */ .nycon{padding:0 80px;} .fenlei{margin:-60px auto 0;} .fenleic{padding:40px 0;} .fenleic ul{display: flex;} .fenleic ul li{ width:auto; float: none; margin-right:0; margin-bottom:0; } .fenleic ul li:nth-child(2n){ margin-right:0;} .fenleic ul li:nth-child(3n){ margin-right:0%;} .fenleic ul li:nth-child(5n){ margin-right:0%;} .fenleic ul li a{ width: auto; box-sizing: border-box; padding:0 0; background: #fff; border:none; border-radius: 0; text-align: center;clear: none;} .fenleic ul li i{ display:block;} .fenleic ul li:last-child i{ display: none;} .fenleic ul li.on a,.fenleic ul li:hover a{ color: #b7995a; border:none; background: #fff;} /*董事长致辞*/ .nyzc{background:#fff;} .nydszc .nyzccl{width:23.8%;float:left; padding:67px 0 20px;} .nydszc .nynr{width:63%;float: right; padding:80px 0;} .nydszc .nynr h2{font-size:26px; text-align: left; } .nydszc .nynr i{margin:32px 0;} .qianzi .qztu{ width:230px; display: block;} /*内页标题*/ .nybt{margin:0 auto 40px;} .nybt h3{ font-size:28px;} .nybt h4{font-size:18px;margin:10px auto;text-transform: uppercase; letter-spacing: 2px;} .nybt span{margin:15px auto 0 0;} /* 企业文化 */ .nyqywh{margin:-43px auto;padding:136px 0 50px; background-size:cover;} .whjj{ width:80%;padding:30px 0 45px;} .whjj p{font-size:16px;line-height:2em;} .lnkuai{padding-bottom:78px;} .lnkuai ul li{ width:13%;margin:0 5%;} .xnybt{margin:75px auto 50px;} .xnybt h3{font-size:30px;} .xnybt i{margin:32px auto 0;} /* 文化实践css */ .whsj{margin:0 auto 90px; padding-bottom:0;} .slideTxtBox .hd ul li{ width:200px; height:56px; line-height:54px;} .slideTxtBox .bd{margin:40px auto 0;} .slideTxtBox .bd ul{flex-wrap:nowrap;} .slideTxtBox .bd li{width:380px; margin-bottom: 0;} /* 内页产业领域 */ .nycyly{margin:55px auto 20px;} .whjj2{ width:90%; padding:0px 0 40px} .cylylist ul li{ width:23.5%;margin-right:2%; margin-bottom: 25px;} .cylylist ul li:nth-child(2n){ margin-right:2%;} .cylylist ul li:nth-child(3n){ margin-right:2%;} .cylylist ul li:nth-child(4n){ margin-right:0;} /* 文章详情页 */ .nywz{margin:55px auto 20px;} .xwcon{margin:0 auto;} .xwcon .xwctop{padding-bottom:40px;} .xwcon .xwctop h2{font-size:24px;} .xwcon .xwctop h6{font-size:16px;margin-top:16px;} .xwcon .xwcbb{ padding:50px 10%;} .xwcon .xwcbb img{ max-width: 100%; width: auto;} .ztuyzi{width: 100%; margin:50px auto 100px;} /* 图片风采联系 */ .ddtplc{margin:90px auto 30px;} .xgtu{margin:50px auto 0;} .xgtu li{ width:23.5%;margin-right:2%;float: left;} .xgtu li:nth-child(2n){ margin-right:2%;} .xgtu li:nth-child(3n){ margin-right:2%;} .xgtu li:nth-child(4n){ margin-right:0;} .xgtu li p{ transform: rotateX(100deg);transform-origin: left bottom;-webkit-transform: rotateX(100deg);-webkit-transform-origin: left bottom;} /* 公益事业内容 */ .gysyy{margin:0 auto 24px;} .gysyy li{ width:32%; float:left; margin-right:2%; margin-bottom:28px;} .gysyy li:nth-child(2n){ margin-right:2%;} .gysyy li:nth-child(3n){ margin-right:0;} .gysyy li a .gyzi{padding:26px 18px;} /* 招贤纳士 */ .llnn{margin:50px auto 70px;} .llnntt{margin:0 auto 54px;flex-wrap:nowrap;} .llnntt .lnttu{ width:50%;} .llnntt .lntzi{width:50%;padding:50px 35px;border-left:none;} .llnntt .lntzi h3{margin-bottom:30px;} .llnnbb{flex-wrap:nowrap;} .llnnbb .lnbtu{ width:50%;} .lnbzi{width:50%; padding:30px 35px;border-right:none;} .lnbzi h3{margin-bottom:20px;} } /*电脑最终页面*/ @media (min-width:1340px){ /* 内页banner */ .nybanner{height:500px;} .nybanner .nybcon{padding:140px 290px;} .nybanner .nybcon img{ display: block; width:709px; margin: 0;} /* 内页分类栏目 */ .nycon{padding:0 90px;} /*内页标题*/ .nybt{margin:0 auto 40px;} .nybt h3{ font-size:30px;} .nybt h4{font-size:20px;margin:10px auto;text-transform: uppercase; letter-spacing: 2px;} .nybt span{margin:15px auto 0 0;} /* 文章详情页 */ .nywz{margin:60px auto 20px;} /* 新闻资讯列表内页 */ .nynews{ margin:60px auto 20px;} .xwtj{margin:0 auto 30px; display: block;} .xwtj a{padding:38px 50px;} .xwtj a .xwllz h2{font-size:34px;} .xwtj a .xwllz h3{font-size:28px;margin:12px 0 16px;} .xwtj a .xwllz p{font-size:18px; line-height:1.8em;} .nynxw{margin:0 auto 66px;} .nynxw li{margin:0 auto 30px;} .nynxw li a{padding:38px 50px;} .nynxw li a .xwrtu{width: 27%;} .nynxw li a .xwlzi{ width:66%;} .nynxw li a .xwlzi h3{font-size:28px; padding-top:0 ;} .nynxw li a .xwlzi p{font-size:18px; line-height:1.8em; margin:18px 0 14px;} .nynxw li a .xwlzi h5{font-size:18px;} /* 图片风采联系 */ .ddtplc{margin:110px auto 30px;} .xgtu{margin:20px auto 0;} .ddtplc2{ margin:20px auto 30px;} .bfjsl ul li .bfjslt{ width:82%; display: block;} .bfjsl ul li:nth-child(3) .bfjslt{ width:91%; display: block;} .bfjsl ul li {margin-bottom: 50px;} .gysyy li a .gyzi{padding:26px 20px;} /* 招贤纳士 */ .llnn{margin:50px auto 70px;} .llnntt{margin:0 auto 54px;flex-wrap:nowrap;} .llnntt .lnttu{ width:50%;} .llnntt .lntzi{width:50%;padding:80px 50px;border-left:none;} .llnntt .lntzi h3{margin-bottom:30px;} .llnnbb{flex-wrap:nowrap;} .llnnbb .lnbtu{ width:50%;} .lnbzi{width:50%; padding:30px 50px;border-right:none;} .lnbzi h3{margin-bottom:20px;} } /*电脑最终页面*/ @media (min-width:1600px){ /* 内页分类栏目 */ .nycon{padding:0 290px;} /* 内页产业领域 */ .nycyly{margin:70px auto 20px;} .whjj2{ width:80%; padding:0px 0 40px} .cylylist ul li{ width:23.5%;margin-right:2%; margin-bottom: 25px;} .cylylist ul li:nth-child(2n){ margin-right:2%;} .cylylist ul li:nth-child(3n){ margin-right:2%;} .cylylist ul li:nth-child(4n){ margin-right:0;} /* 文章详情页 */ .nywz{margin:70px auto 20px;} } /*电脑最终页面*/ @media (min-width:1770px){ /*董事长致辞*/ .nyzc{background:url(../img/ab_2.png) no-repeat top left;} }