/* 在线链接服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 */ /* @font-face { font-family: "albbpht";font-weight: 300;src: url("//at.alicdn.com/wf/webfont/PdAa8RRZdJCG/UmJgTw1nKLFw.woff2") format("woff2"), url("//at.alicdn.com/wf/webfont/PdAa8RRZdJCG/qDdSJnZybCLJ.woff") format("woff"); font-display: swap; } */ @font-face{ font-family: "albbpht"; src: url("./Alibaba_PuHuiTi_2.0_55_Regular_55_Regular.ttf"); } *{margin:0 ;padding:0;font-family: "albbpht";} body {font-family: "albbpht";color:#444;font-size:14px;min-width: 1300px!important;} a {text-decoration: none;} ul, li, ol {list-style: none;} em,i{font-style: normal;} .container{margin:0 auto;} .wid_12{min-width: 1200px;margin:0 auto;max-width: 1599px!important;} .wid_13{width: 1200px;margin:0 auto;overflow: hidden;min-width: 1200px!important;} .fl{float: left;} .fr{float: right;} .clear{clear: both} .space{width: 100%;height: 35px;} /***********导航*********/ .navbar{width: 100%;position:fixed;top:0;left:0;z-index: 9999;background: #fff;} .navbar-brand{display: block;width: 200px;height: 48px;float: left;margin:18px 0 0 20px;} .navbar-brand img{width: 200px;height: 48px;} .collapse{width: 700px;} .nav{width: 700px;margin:0 auto} .nav ul { *zoom: 1;margin: 0; padding: 0; } .nav ul:before, .nav ul:after { content: ""; display: table; } .nav ul:after { clear: both; } .nav ul > li { float:left; position: relative; } .nav ul > li a { display: block; padding:0 30px; line-height:86px; color: #000; transition: all 0.3s;-webkit-transform:all 0.3s;-moz-transform:all 0.3s;margin:0 auto } .nav ul > li:hover>a,.nav ul > li a.current{background: #004098;color:#fff!important;} .nav li ul { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1)} .nav li ul li { width: 200px; } .nav li ul a { border: none ;display: block;height:36px;color:#333;padding:0 30px;line-height:36px;font-size: 14px} .nav li ul a:hover { background: rgba(0, 0, 0, 0.2);} .nav ul > li:hover >ul >li { height: 36px; } .nav li ul { position: absolute; left: 0; top: 85px; z-index: 1; } .nav li ul li { overflow: hidden; height: 0; -webkit-transition: height 200ms ease-in; -moz-transition: height 200ms ease-in; -o-transition: height 200ms ease-in; transition: height 200ms ease-in; } .list_box{ position:relative; } .list_box:hover .list_con{display:block} .in_list a.list_link{display:block;width:85px;height:85px;background: url("../images/wecat.png") no-repeat 0 center;background-size:50%;float: right;} .list_con{display:none;width:106px;min-height:131px;background:url("../images/code.jpg") no-repeat 0 center;background-size:contain; z-index:9989;position:absolute;top:70px;right:0;} .list_con p{background: #fff;width:100%;height:25px;line-height: 25px;text-align: center;position:absolute;left:0;bottom:-10px;text-align: center;} /**********轮播图*********/ .fullSlide{width:100%;position:relative;height:580px;background:#000;overflow: hidden;z-index: 8000;margin-top:85px;} .fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;} .fullSlide .bd ul{width:100% !important;} .fullSlide .bd li{width:100% !important;height:580px;overflow:hidden;text-align:center;background-repeat:no-repeat; background-size:contain 100%!important;background-origin:border-box;} .fullSlide .bd li a{display:block;height:72px;} .fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:40px;line-height:10px;} .fullSlide .hd ul{text-align:center;} .fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:50px;height:3px;margin:3px;overflow:hidden;background:rgba(255,255,255,0.3);line-height:999px;} .fullSlide .hd ul .on{background:rgba(255,255,255,1);} /**********关于新京葡萄********/ .subTitle{width:100%;padding:70px 0;background: #eee;z-index: 7000} .subTitle .wid_13{position: relative;max-width: 1560px;min-width: 1200px!important;margin:0 auto;} .subTitle h3,.div_part02 h3,.div_part03 h3{font-size:16px;text-align: center;color:#222;font-family: Arial;position: relative;width:100%;overflow: hidden;font-weight: normal;margin-bottom: 10px;} .subTitle h4,.div_part02 h4,.div_part03 h4{text-align: center;line-height: 55px;color:#000;position: relative;font-size:36px;} .subTitle .sub{overflow: hidden;padding-bottom: 30px;} .subTitle .sub li{width:47%;margin:30px 2% 0;background: #fff;overflow: auto;float: left;height: 300px;} .subTitle .sub li:nth-child(2n){margin-left:0} .subTitle .sub li .sub_right{width:50%;height: 300px;background: #ddd ;overflow: hidden} .subTitle .sub li .sub_right img{height: 100%;transition: all 0.6s;-webkit-transform:all 0.6s;-moz-transform:all 0.6s;cursor: pointer} .subTitle .sub li .sub_right img:hover{transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05); -moz-transform:scale(1.05,1.05);} .subTitle .sub li .sub_left{width: 50%;padding:70px 30px 0;box-sizing: border-box} .subTitle .sub li .sub_left .h1{color:#999;} .subTitle .sub li .sub_left .h2{font-size: 28px;line-height: 32px;margin:10px 0 20px;} .subTitle .sub li .sub_left a.link{color:#5e9fff; transition: all 0.3s;-webkit-transform:all 0.3s;-moz-transform:all 0.3s;} .subTitle .sub li .sub_left a:hover.link{color:#004098} .subTitle .sub li:hover{box-shadow:0 0 20px rgba(0,0,0,0.1)} .div_part02{padding:70px 0;width:100%;position: relative;overflow: auto} .part_bg{width: 100%;height: 462px;background: #fff;position: absolute;left: 0;top: 0;z-index: 5000} .part_con{z-index: 6000;position: relative} .buss{overflow: hidden;margin:40px 0 0;} .buss li{float: left;width: 24%;margin-right:1.33%;height:580px;overflow: hidden;border-radius: 5px 5px 0 0 } .buss li:nth-child(4){margin-right:0} .buss li a{display: block;width: 100%;height:580px;overflow: hidden;background: #fff} .buss li .img{width:100%;height: 280px;overflow: hidden} .buss li .img img{width: 100%;height: 280px;transition: all 0.6s;-webkit-transform:all 0.6s;-moz-transform:all 0.6s;} .buss li span{display: block;width:55px;height: 140px;border-bottom: 5px solid rgba(0,3,126,1);margin:0 auto 30px;} .buss li span.icon_01{background: url("../images/icon_01.png") no-repeat center center;background-size: 100% } .buss li span.icon_02{background: url("../images/icon_02.png") no-repeat center center;background-size: 90%} .buss li span.icon_03{background: url("../images/icon_03.png") no-repeat center center;background-size: 90%} .buss li span.icon_04{background: url("../images/icon_04.png") no-repeat center center;background-size: 100% } .buss li h5{font-size: 28px;text-align: center;line-height: 48px;color:#333;font-weight: normal} .buss li p{font-size: 14px;color:#999;line-height: 20px;text-align: center} .buss li .img img:hover{transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05); -moz-transform:scale(1.05,1.05);} .buss li .t_con{padding:30px 40px; line-height: 24px;color:#fff;display: none;text-indent: 2em } .buss li:hover a{background:rgba(0,3,126,0.8);} .buss li:hover .img{ height: 0; -webkit-transition: height 300ms ease-in; -moz-transition: height 300ms ease-in; -o-transition: height 300ms ease-in; transition: height 300ms ease-in; } .buss li:hover span{border-bottom: 5px solid #fff;margin-top:40px;} .buss li:hover h5,.buss li:hover p{color:#fff;} .buss li:hover .t_con{display: block} .buss li:hover span.icon_01{background: url("../images/icon_011.png") no-repeat center center;background-size: 100% } .buss li:hover span.icon_02{background: url("../images/icon_022.png") no-repeat center center;background-size: 90%} .buss li:hover span.icon_03{background: url("../images/icon_033.png") no-repeat center center;background-size: 90%} .buss li:hover span.icon_04{background: url("../images/icon_044.png") no-repeat center center;background-size: 100% } .div_part03{background:#fff;overflow: hidden;padding:70px 0;position: relative} .part_bg2{width: 100%;height: 257px;background: #eee;position: absolute;left: 0;top: 0;z-index: 5000} .slideTxtBox{ width:100%; text-align:left; margin-top:30px; } .slideTxtBox .hd{ height:80px; position:relative; line-height: 40px;} .slideTxtBox .hd ul{ float:left; position:absolute; left:50%; top:0; height:32px; width:40%;margin-left: -20%; } .slideTxtBox .hd ul li{ float:left; cursor:pointer; text-align: center;width: 25%;padding-top:40px; font-size: 18px;} .p03_icon1{background: url("../images/03_001.png") no-repeat center top;background-size: 22%} .p03_icon2{background: url("../images/03_002.png") no-repeat center top;background-size: 22%} .p03_icon3{background: url("../images/03_003.png") no-repeat center top;background-size: 22%} .p03_icon4{background: url("../images/03_004.png") no-repeat center top;background-size: 22%} .slideTxtBox .hd ul li.on{border-bottom:3px solid #004098; } .slideTxtBox .bd ul{ zoom:1; } .slideTxtBox .bd li{ overflow: auto;padding:100px 50px 20px;box-sizing: border-box} .p03_bg{width: 48%;overflow: hidden;height: 370px;margin-right: 2% } .p03_bg img{width: 100%;} .p03_con{padding:50px 40px;width: 50%;box-sizing: border-box} .p03_con p.tit{line-height:70px;font-size:20px} .p03_con p.cccc{line-height: 24px;color:#999} .slideTxtBox .arrow{ position:absolute;left:0; top:0;width: 100%; } .slideTxtBox .arrow a{ display:block; width:40px; height:40px; float:left; margin-top:300px; overflow:hidden; cursor:pointer; background:url("../images/in_left.png") 0 0 no-repeat;background-size: 100%; } .slideTxtBox .arrow a.next{ background:url("../images/in_right.png") 0 0 no-repeat; background-size: 100%; float:right } .div_part03 .case{width: 100%;margin:0 auto} .div_part03 .case .img01{width:400px;height: 535px;float: left;;overflow:hidden} .div_part03 .case img{width: 100%;height: 100%;transition: all 0.6s;-webkit-transform:all 0.6s;-moz-transform:all 0.6s;margin:0 auto;cursor: pointer;} .div_part03 .case .img02{width:615px;height: 260px;float: left;margin-left: 15px;margin-bottom: 15px;overflow:hidden} .div_part03 .case .img03{width:300px;height: 260px;float: left;margin-left: 15px;overflow:hidden} .div_part03 .case img:hover{transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05); -moz-transform:scale(1.05,1.05);} .div_part04{background: #eee;overflow: auto} .news{overflow: hidden;padding:40px 0 0;width: 75%;float: left;} .news a{display: block;float: left;width:32.5%;margin-bottom: 10px;transition: all 0.6s;-webkit-transform:all 0.6s;-moz-transform:all 0.6s;} .news > a{width:33%;} .news .ccc2 > a{width: 100%} .news a:hover{box-shadow: 0 0 10px #aaa} .news .con01{height:450px;overflow:hidden;position: relative} .news .con01 img{margin:0 auto;height:100%;transition: all 0.6s;-webkit-transform:all 0.6s;-moz-transform:all 0.6s;cursor: pointer;margin-left:-30%;} .news .con01 img:hover{transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05); -moz-transform:scale(1.05,1.05);} .news .con01 div{background:rgba(0,0,0,0.6) url("../images/right1.png") no-repeat 95% center;background-size:7%;position: absolute;left: 0;bottom:0;height:80px;width: 100%;} .news .con01 .tit{padding:0 30px;line-height: 80px;color:#fff;font-size: 14px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis} .news .con02{height:220px;background: #fff;padding:30px 40px 20px;box-sizing: border-box;} .ccc2{width:32.5%;float: left;margin-left:1%;} .con02 .tit2{font-size: 16px;line-height: 40px;color:#555} .con02 .tit3{font-size: 12px;color:#999;line-height: 24px;height:50px;overflow: hidden;} .con02 .tit4{border-top:1px solid #ddd;margin-top:8px;padding:10px 0 0;width:100%;background: url("../images/right2.png") no-repeat right 65%;background-size:8%;} .con02 .tit4 .date{width:50px;text-align: center;} .con02 .tit4 .date01{font-size: 36px;color:#999;font-weight: bold;font-family: Arial;line-height:45px;} .con02 .tit4 .date02{font-size: 12px;color:#999} .con03{height:143px;background:#fff;padding:30px 10%;box-sizing: border-box;} .con03 .date{width:50px;text-align: center;float: left;} .con03 .date01{font-size: 36px;color:#999;font-weight: bold;font-family: Arial;line-height:45px;} .con03 .date02{font-size: 12px;color:#999} .con03 .line7{width: 25px;border-top:1px solid #ddd;margin:8px 0 12px 1%;} .con03 .tit5{border-left:1px solid #ddd;float: left;margin:5px 0 0 10%;padding:0 0 0 10%;color:#555;box-sizing: border-box;width: 60%;line-height: 24px;height:80px;background: url("../images/right2.png") no-repeat 18% bottom;background-size:12%;} .ccc3{background: #fff;font-size: 28px;width:24%;height:450px;margin-left: 76%;margin-top:50px;transition: all 0.6s;-webkit-transform:all 0.6s;-moz-transform:all 0.6s;} .ccc3 a.con{width: 100% ;height: 220px;display: block;background: url("../images/111.jpg") no-repeat center top;padding-top:230px;background-size: 100%;transition: all 0.6s;-webkit-transform:all 0.6s;-moz-transform:all 0.6s;} .ccc3 a.con span{text-align: center;color:#333;display: block;margin-top:60px;} .ccc3 a.con i{font-size: 16px;} .ccc3 a:hover.con{box-shadow: 0 0 10px #aaa;background:rgba(0,3,126,1);padding-top:130px;height:320px;} .ccc3 a:hover.con span{color:#fff;} .bottom{background: #272727;width: 100%;padding:60px 0;overflow: auto} .bottom .logo_b{width:25%;height: 52px;background: url("../images/logo.png") no-repeat left top;margin-top:50px;} .bottom .b_link{width: 12%;float: left;min-height:210px;} .bottom .b_link p{color:#fff;line-height: 50px;} .bottom .b_link a{color:#999;line-height: 30px;display: block} .bottom .b_link a:hover{color:#fff} .bottom .de_address{width:20%;} .bottom .b_link h3{font-family: Arial;font-size:30px;color:#fff;font-weight: normal;line-height: 40px;} .bottom .de_address div{line-height: 30px;color:#aaa} .bottom .de_address div.time{line-height: 20px;margin-bottom: 10px} .bottom .de_address div.time span{color:#666;} .bottom .code{margin-left: 50px;float: right} .bottom .code img{width: 120px;height: 120px;} .bottom2{background: #2f2f2f;line-height: 70px;text-align: center;width: 100%;min-width: 1200px!important;color:#9f9f9f} /***********内页banner********/ .n_bar{background: #fff;box-shadow: 0 5px 5px rgba(0,0,0,0.1)} .n_bar .nav ul > li a{color:#333} .n_bar .nav ul > li a.current,.n_bar .nav ul > li a:hover{color:#fff} .n_bar ul > li a .c_line{background:rgba(0,3,126,1);} .banner{width: 100%;height: 400px;margin-top:85px;background-size:100% auto!important;border:0px solid red;} .bg_01{background: url("../images/jianjie-banner.jpg") no-repeat center bottom;padding-top:150px;box-sizing: border-box} .bg_0100{background: url("../images/network/02.jpg") no-repeat center top;padding-top:150px;box-sizing: border-box} .banner p{width: 1200px;line-height: 42px;font-size: 42px;color:#fff;text-align: center;margin:0 auto;font-weight: bold} /***********标题导航********/ .ne_nav{height:50px;line-height: 50px;padding-top:15px;} .ne_nav a{margin-right: 10px;display: inline-block;color:#666} .ne_nav a:hover{color:#000} .ne_nav i{padding:10px 12px;} .ne_nav i.n_icon_01{background: url("../images/home.jpg") no-repeat center center} .ne_nav i.n_icon_02{background: url("../images/right3.jpg") no-repeat center center} .ne_link{border-bottom: 1px solid #ddd;overflow: auto;display:flex;flex-direction:row;justify-content:flex-end;} .ne_link a{float: right;margin-left: 45px;color:#333;display: block;height:30px;line-height: 20px;} .ne_link a:hover,.ne_link a.cur{border-bottom: 2px solid rgba(0,3,126,1);box-sizing: border-box;color:#000} /***********关于我们********/ .con_left{width: 810px;min-height: 400px!important;padding:50px 0;} .con_left h1{font-size: 28px;margin-bottom: 20px;color:#000} .con_left .con_text p{line-height: 28px;margin-bottom: 25px;color:#666} .con_left .con_text p span{color:#2169D3;font-weight:blod;} .con_left h2{font-size: 20px;margin: 40px 0 30px;color:#000;font-weight: normal;clear: both} .con_left h2 span{font-size: 14px;margin-left: 15px;} .con_left .con_text2{overflow: auto} .con_left .con_text2 li{width: 28%;margin-right: 8%;float: left} .con_left .con_text2 li:nth-child(3){margin:0} .con_left .con_text2 li h3{font-size: 28px;font-family: Arial;} .con_left .con_text2 li p{padding:10px 0;line-height: 28px;height:84px;} .con_left .con_text3{overflow: auto} /* 20200222 bak .con_left .con_text3 li{width: 48%;margin-right: 4%;margin-bottom: 30px;float: left;background: #dcdcdc;padding:20px 40px;box-sizing: border-box;height: 170px;transition: all 0.6s;-webkit-transform:all 0.6s;-moz-transform:all 0.6s;} .con_left .con_text3 li:nth-child(2n){margin:0} .con_left .con_text3 li h3{font-weight: normal;font-size: 16px;line-height: 30px;margin-bottom: 10px;} .con_left .con_text3 li p{font-weight: normal;line-height: 28px;} */ .con_left .con_text3 li {width: 100%;margin-bottom: 30px;} .con_left .con_text3 li h3 {font-weight: normal;font-size: 16px;line-height: 30px;margin-bottom: 10px;padding:10px 20px;background:#dcdcdc} .con_left .con_text3 li p {font-weight: normal;line-height: 28px;padding:0 20px} .con_left .con_text3 li:hover{background: #ccc} .con_right{width: 300px;overflow: hidden;padding-top:115px;} a.link_box{width: 300px;height: 400px;overflow: hidden;display: block;margin-bottom: 20px} a.link_box img{width: 100%;height: 100%;transition: all 0.6s;-webkit-transform:all 0.6s;-moz-transform:all 0.6s;} a.link_box img:hover{transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05); -moz-transform:scale(1.05,1.05);} /***********企业文化********/ .con_left .con_text4{padding-bottom: 50px;} .con_left .con_text4 h4{color:#004098;font-size: 24px;margin-top:40px;} .con_left .con_text4 h5{font-size: 16px;font-weight: bold;color:#004098;margin: 40px 0 5px;} .con_left .con_text4 p{line-height: 24px;} .con_left .con_text4 p span{color:#2169D3;font-weight:blod;} /***********一站式服务********/ .service_con{overflow: auto;width: 100%;margin-top:50px;} .service_con li{width: 30%;margin-right: 5%;float: left;height:240px;} .service_con li:nth-child(3n){margin:0} .service_con .con_1{border-top:5px solid #333;border-bottom: 1px solid #333;padding:15px 0 10px;margin-bottom: 15px;} .service_con .con_1 h3{font-size: 16px;font-family: Arial;line-height: 16px;font-weight: normal} .service_con .con_1 p{font-size: 16px;color:#000} /***********专业领域********/ .con_text4 .five{padding:30px 0 10px;overflow: auto} .con_text4 .five .box{float:left;width: 90px; height: 90px;border-radius: 45px;box-sizing: border-box;border: 1px solid #ddd;line-height: 90px;text-align: center;font-size: 24px;color:#004098;font-weight: bold} .con_text4 .five .add{font-size: 30px;width: 85px;height: 90px;line-height: 90px;text-align: center;color:#004098;float: left} .con_text4 .model{margin:30px 0 0;overflow: auto} .con_text4 .model li{border: 1px solid #ddd;padding:15px;box-sizing: border-box;width: 24%;margin-right: 1.3%;float: left;margin-bottom: 12px;transition: all 0.6s;-webkit-transform:all 0.6s;-moz-transform:all 0.6s;} .con_text4 .model li:nth-child(4n){margin:0} .con_text4 .model li h3{font-size: 12px;font-family: Arial;line-height: 16px;font-weight: normal;text-align: center} .con_text4 .model li h4{font-size: 18px;text-align: center;font-weight: normal;color:#333;margin:0} .con_text4 .model li:hover{background: #eee} /***********荣誉********/ /* 荣誉资质 */ .honor-content{margin-top:40px;margin-bottom:80px;} .honor{ padding-top:40px; display: flex; flex-flow: row wrap; justify-content:space-around; margin:0 auto; width:1200px; } .honor li{width: 250px; text-align: center;height:280px;margin-right:15px;} .honor li:nth-child(4n){margin-right:0} .honor li img{width: 100%;height: 180px;} .con_left .con_text4 .honor li p{font-size: 12px;line-height: 18px;padding:10px 0 20px;} /***********合作伙伴*******/ .panner{width: 100%;padding-top:40px;} .panner img{width: 100%;} /***********员工风采*******/ .staff{padding:50px 0;overflow: auto} .staff li{width: 23%;margin-right: 2.66%;float: left;} .staff li:nth-child(4n){margin:0} .staff li a{width: 100%;;height:160px;display: block;overflow: hidden;} .staff li img{width: 100%;min-height: 160px!important;} .staff li p{text-align: center;line-height: 40px;} /***********业务与产品*******/ .bg_02{background: url("../images/n_banner4.jpg") no-repeat center top;padding-top:150px;box-sizing: border-box;} .banner p.text{font-size: 14px;line-height: 24px;margin-top:15px;} .buss_tit{font-size: 22px;padding:40px 0 20px;} .business{overflow: auto;padding-bottom: 50px} .business a{width: 48%;margin-right: 4%;float: left;display: block;} .business a:nth-child(2n){margin:0} .business a .buss_img{width: 100%;height: 280px;position: relative ;overflow: hidden;} .business a .buss_img img{width: 100%;height:280px;transition: all 0.6s;-webkit-transform:all 0.6s;-moz-transform:all 0.6s;} .business a .buss_img .b_black{width: 100%;height:280px;background: rgba(0,0,0,0.4);position: absolute;left: 0;top:0;transition: all 0.6s;-webkit-transform:all 0.6s;-moz-transform:all 0.6s;} .business a .buss_img:hover img{transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05); -moz-transform:scale(1.05,1.05);} .business a .buss_img:hover .b_black{background: rgba(0,0,0,0.2);} .business a .buss_img .b_b0 {width: 100%;height: 200px;position: absolute;left: 0;top:0;} .business a .buss_img .b_b01{background: url("../images/business/10.png") no-repeat center 100%;background-size: 25%;} .business a .buss_img .b_b02{background: url("../images/business/12.png") no-repeat center 100%;background-size: 25%;} .business a .buss_img .b_b03{background: url("../images/business/14.png") no-repeat center 100%;background-size: 25%;} .business a .buss_img .b_b04{background: url("../images/business/18.png") no-repeat center 100%;background-size: 25%;} .business a .buss_img .b_b05{background: url("../images/business/20.png") no-repeat center 100%;background-size: 25%;} .business a .buss_img .b_b06{background: url("../images/business/16.png") no-repeat center 100%;background-size: 25%;} .business a .buss_img .b_b07{background: url("../images/business/22.png") no-repeat center 100%;background-size: 25%;} .business a .buss_img .b_b08{background: url("../images/business/24.png") no-repeat center 100%;background-size: 25%;} .business a .buss_img .b_b09{background: url("../images/business/26.png") no-repeat center 100%;background-size: 25%;} .buss_tit2{padding:20px 0 10px;color:#333;font-size: 18px;} .buss_con{padding:0 0 60px;color:#666;line-height: 20px;font-size: 13px;} /***********厨具研发制造*******/ .bg_03{background: url("../images/n_banner5.jpg") no-repeat center top;padding-top:180px;box-sizing: border-box} a.link_box2{height: 160px;} .kitchen{overflow: auto;background: url("../images/kit_bg.jpg") no-repeat center center;padding:30px 0} .kitchen li{float: left;width: 30%;overflow: hidden;margin-right:5%} .kitchen li:nth-child(3n){margin:0} .kitchen li i{width: 96px;height: 96px;border: 2px solid #999;border-radius: 48px;box-sizing: border-box;margin:25px auto 30px;display: block} .kitchen li .icon01{background: url("../images/kit_icon01.png") no-repeat center center;background-size: 70%;} .kitchen li .icon02{background: url("../images/kit_icon02.png") no-repeat center center;background-size: 70%;} .kitchen li .icon03{background: url("../images/kit_icon03.png") no-repeat center center;background-size: 70%;} .kitchen li .icon04{background: url("../images/kit_icon04.png") no-repeat center center;background-size: 70%;} .kitchen li .icon05{background: url("../images/kit_icon05.png") no-repeat center center;background-size: 70%;} .kitchen li .icon06{background: url("../images/kit_icon06.png") no-repeat center center;background-size: 70%;} .kitchen li .icon07{background: url("../images/kit_icon07.png") no-repeat center center;background-size: 70%;} .kitchen li .icon08{background: url("../images/kit_icon08.png") no-repeat center center;background-size: 70%;} .kitchen li .icon09{background: url("../images/kit_icon09.png") no-repeat center center;background-size: 70%;} .kitchen li .kit_tit{font-size: 18px;color:#000;text-align: center;margin-bottom: 15px;} .kitchen li .kit_en{font-size: 12px;font-family: Arial;line-height: 14px;text-align: center;margin-bottom: 55px;color:#999} .prod{width: 100%;display: block;margin:10px 0} .con_text4 p {margin-top:30px; line-height: 24px;} /***********餐饮连锁*******/ .bg_04{background: url("../images/n_banner6.jpg") no-repeat center top;padding-top:180px;box-sizing: border-box} .con_text4 .rest{overflow: auto;width: 100%;} .con_text4 .rest li{width: 46%;margin-right: 8%;float: left;height: 350px} .con_text4 .rest li:nth-child(2n){margin:0} .con_text4 .rest li img{width: 100%;height: 180px;} .con_text4 .rest li .kit_tit{font-size: 18px;color:#000;margin:15px 0 10px;} .con_text4 .rest li .kit_en{line-height: 24px;color:#666} /***********文化传播*******/ .bg_05{background: url("../images/n_banner7.jpg") no-repeat center top;padding-top:180px;box-sizing: border-box} .adv_tit{font-size: 18px;color:#000;margin:25px 0 5px;} .adv_cc{line-height: 24px;color:#666} /***********农业开发*******/ .bg_06{background: url("../images/n_banner8.jpg") no-repeat center top;padding-top:180px;box-sizing: border-box} .con_text4 .nong{margin-top:40px;} .con_text4 .nong li{height: 280px;} .con_text4 .nong li .kit_tit{margin:15px 0 0;} .con_text4 .nong li .kit_en{line-height: 18px;color:#666;font-size: 12px;font-family: Arial} /***********酒店管理*******/ .bg_11{background: url("../images/n_banner11.jpg") no-repeat center top;padding-top:180px;box-sizing: border-box} .nongye-content{margin-top:40px;} .nongye{ padding-top:40px; display: flex; flex-flow: row wrap; justify-content:space-between; margin:0 auto; width:1200px; } .nongye li{width: 350px; text-align: center;height:280px;margin-right:15px;} .nongye li:nth-child(4n){margin-right:0} .nongye li img{width: 100%;height: 180px;} .nongye li p{margin-top:10px;} /***********联系我们*******/ .bg_07{background: url("../images/n_banner9.jpg") no-repeat center top;padding-top:120px;box-sizing: border-box;background-size: contain;width: 100%;min-width: 1200px!important;margin-top:85px;} .bg_07 p{width: 1200px;line-height: 42px;font-size: 42px;color:#fff;text-align: center;margin:0 auto;font-weight: bold} .contact{width:1200px;background: #fff;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,0.3);margin:110px auto 70px;padding:30px 50px 60px;box-sizing: border-box;} .contact h1{font-size: 24px;margin-bottom: 20px;color:#000;} .contact .box{padding-top:130px;background:url("../images/cant01.jpg") no-repeat center top; background-size: 87%;overflow: auto} .contact .box li{float: left;width: 25%;} .contact .box h2{font-size: 14px;color:#000;font-weight: normal;text-align: center} .contact .box p{color:#004098;font-size: 16px;text-align: center;width: 100%;font-weight: normal} .contact .map{width: 100%;overflow: hidden;margin-top:50px;border: 1px solid #ddd;box-sizing: border-box} .contact .map img{width: 100%} /***********新闻动态*******/ .bg_08{background: url("../images/n_banner10.jpg") no-repeat center top;padding-top:160px;box-sizing: border-box} .con_news{overflow: auto} .con_news .news_01{overflow: auto;margin:10px 0 40px;} .con_news .news_01 .img{width: 240px;height: 160px;overflow: hidden;float: left;margin-right: 40px;} .con_news .news_01 img{width: 100%;min-height: 160px;} .con_news .news_01 .news_02{float: left;width: 520px;} .con_news .news_01 .news_02 .ne_tit{font-size: 18px;margin-bottom: 10px;} .con_news .news_01 .news_02 .zhidingnews{font-weight: bold;color: red;} /*置顶的新闻标题*/ .con_news .news_01 .news_02 .tit_tuijian{font-size:18px;font-weight:bold!important;color:#004098;} /*推荐的新闻*/ .con_news .news_01 .news_02 .date{color:#999;margin-top:15px;margin-bottom: 15px;} .con_news .news_01 .news_02 .tips{line-height: 24px;color:#666;margin-bottom: 15px;} .con_news .news_01 .news_02 a.link{display: block;width: 130px;height: 30px;line-height: 30px;text-align: center;background: #ddd;color:#666;transition: all 0.6s;-webkit-transform:all 0.6s;-moz-transform:all 0.6s;} .con_news .news_01 .news_02 a:hover.link{background: #004098;color:#fff;} .con_news a.news_03{display: block;padding:25px 10px 0;overflow: auto;transition: all 0.6s;-webkit-transform:all 0.6s;-moz-transform:all 0.6s;} .con_news a.news_03 .date{width: 70px;height:110px;float: left;margin-right:35px;border-bottom: 1px solid #ddd} .con_news a.news_03 .date .d1{font-size: 16px;color:#000} .con_news a.news_03 .date .d2{font-size: 60px;font-family: Arial;color:#000;} .con_news a.news_03 .con{float: left;width: 680px;height:110px;border-bottom: 1px solid #ddd} .con_news a.news_03 .con .tit{font-size: 18px;margin-bottom: 10px;color:#000} .con_news a.news_03 .con .tit_tuijian{font-weight:bold!important;color:#004098;} /*推荐的新闻*/ .con_news a.news_03 .con .ccc{line-height: 24px;color:#999;margin-bottom: 15px;transition: all 0.6s;-webkit-transform:all 0.6s;-moz-transform:all 0.6s;} .con_news a:hover.news_03{background: #eee} .con_news a:hover.news_03 .con .ccc{color:#333} /***********新闻动态*******/ .con_left h1 a.back{float:right;font-size: 14px;padding:8px 20px;background: #004098;color:#fff;font-weight: normal;transition: all 0.6s;-webkit-transform:all 0.6s;-moz-transform:all 0.6s;} .con_left h1 a.back:hover{background: #000;} .news_04{overflow: auto;padding-bottom: 30px;} .news_04 .date{width: 70px;height:110px;float: left;margin-right:35px;border-bottom: 1px solid #ddd} .news_04 .date .d1{font-size: 16px;color:#000} .news_04 .date .d2{font-size: 60px;font-family: Arial;color:#000;} .news_04 .con{float: left;width: 680px;} .news_04 .con .tit{font-size: 18px;margin-bottom: 10px;color:#000} .news_04 .con .tit2{margin-bottom: 50px;color:#999} .news_04 .con .ccc{width: 100%;overflow-x: hidden;} .news_04 .con .ccc p{line-height:220%;margin-bottom: 30px!important;} .news_04 .con .ccc img{max-width: 100%;margin:0 auto;display:block;cursor: pointer;} /***********加入新京葡萄*******/ .slideGroup{ width:100%; } .slideGroup .parHd{ height:42px; line-height:42px; position:relative; } .slideGroup .parHd ul{ float:left; position:absolute; left:0; top:0; height:42px; } .slideGroup .parHd ul li{ float:left; ; cursor:pointer;margin-right: 50px;} .slideGroup .parHd ul li.on{ height:40px; line-height: 40px; border-bottom: 2px solid #5e9fff; } .slideGroup .parHd ul li i{padding:1px 11px;margin-right: 10px;background: url(../images/18-job-icons.png) no-repeat 0 0;background-size: 100%} .slideGroup .parHd ul li i.icon_01{background-position:0 -268px; } .slideGroup .parHd ul li i.icon_02{background-position: 0 -39px} .slideGroup .parHd ul li i.icon_03{background-position:0 -120px;} .slideGroup .parHd ul li i.icon_04{background-position:0 -160px;} .slideGroup .parHd ul li.on i.icon_01{background-position:0 -224px;} .slideGroup .parHd ul li.on i.icon_02{background-position:0 -140px;} .slideGroup .parHd ul li.on i.icon_03{background-position:0 0;} .slideGroup .parHd ul li.on i.icon_04{background-position:0 -181px;} .slideGroup .sideMen{ overflow:hidden; zoom:1;position:relative; } .sideMen h3{ height:120px;border-top:1px solid #e3e3e3; padding:25px 0;box-sizing: border-box } .sideMen h3 em{ float:right; display:block; width:50px; height:70px; background:url("../images/18-job-arr.jpg") right center no-repeat; cursor:pointer; } .sideMen h3 em.on{ background:url("../images/18-job-arr2.jpg") right center no-repeat; } .sideMen h3 a{padding:5px 20px;border: 1px solid #5e9fff;color:#5e9fff;font-weight:normal;border-radius: 3px;margin-top:18px;transition: all 0.6s;-webkit-transform:all 0.6s;-moz-transform:all 0.6s;} .sideMen h3 a:hover{background: #5e9fff;color:#fff} .sideMen h3 .bum{font-weight: normal;line-height: 70px;margin-right: 30px;} .sideMen h3 .name{width: 500px;height:70px;} .sideMen h3 .name h4{font-size: 20px;margin-bottom: 5px;margin-top:10px;} .sideMen h3 .name .tips{font-size: 14px;color:#999;font-weight: normal} .sideMen ul li h5{font-size: 16px;margin-bottom: 20px;} .sideMen ul li p{color:#666;font-size: 14px;line-height: 28px;width: 100%;font-weight: normal;text-align:left} .sideMen ul li .con{margin-bottom: 50px;} /********标注*******/ .cont_link{width: 100%;height: auto;border-top:1px solid #ddd;padding:40px 0 0} .cont_link .pp{font-size: 16px;line-height: 30px;text-align: center} @media (min-width: 1600px){ .container { width: 1500px; } } @media (max-width: 1599px){ .container { width: 1160px; } .subTitle .sub li{height:220px;} .subTitle .sub li .sub_right{height: 220px;} .buss li{height: 460px;} .buss li .img{height: 220px;} .buss li .img img{height: 220px;} .buss li span{width:45px;height: 120px;margin:0 auto 20px;} .buss li h5{font-size: 24px;line-height: 38px;} .buss li p{font-size: 12px;} .buss li .t_con{padding:30px;} .part_bg{height: 402px;} .buss li:hover span{margin-top:20px;} .buss li:hover span{height: 100px;} .slideTxtBox .hd ul li{padding-top:20px;} .part_bg2{height: 237px;} .div_part03{padding:70px 0 40px;} .news{width: 100%;} .ccc3{display: none} } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-120px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-120px); } 100% { opacity: 1; transform: translateX(0); } } .ant_001{ -webkit-animation:'fadeInLeft' 1s 1;-webkit-animation-play-state:paused;} @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(-120px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(120px); } 100% { opacity: 1; transform: translateX(0); } } .ant_002{ -webkit-animation:'fadeInRight' 1s 1;-webkit-animation-play-state:paused;} @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(-120px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .ant_000{ -webkit-animation:'fadeIn' 1s 1;-webkit-animation-play-state:paused;} /*新版新京葡萄介绍改版开始。 author 李根*/ .clearfix{ width:0;height:0; clear: both; } /* 新京葡萄官网app下载简介。多元化经营 */ .wid_full{ background: #F7F7F7; width: 100%; } h2.about_h2{ font-size:24px; font-weight:800; margin-top:50px; } h2.about_h2 span{ color:#ccc; margin-left:10px; font-size:18px; } .duoyuanhua{ margin-top:49px; display: flex; flex-flow: row wrap; justify-content:space-between; width:100%; } .duoyuanhua_sub{ width: 230px; min-height:180px; margin-bottom: 40px; overflow: hidden; } .duoyuanhua a{ text-decoration: none!important; color:#000; } .duoyuanhua_sub:nth-child(5n){ /* border-bottom: 2px solid red; */ margin-right: 0; } .duoyuanhua_sub h3{ width: 201px; height:40px; font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; color: #000000; line-height: 37px; } .duoyuanhua_sub p{ color:#666; } .duoyuanhua_sub img{ width:100%; height:100px; } .duoyuanhua_sub:hover img{ opacity: 0.9; animation:mymove 0.8s; animation-fill-mode : forwards; /*停在接受状态*/ } @keyframes mymove { 0%{ transform: scale(1); /*开始为原始大小*/ } 100%{ transform: scale(1.05,1.05); /*放大1.1倍*/ } } /* 集团环境图片预览 */ .jituanimg{ margin-top:49px; margin-bottom: 80px; display: flex; flex-flow: row wrap; justify-content: space-between; } .jituanimg img{ width: 380px; height: 250px; margin-bottom:20px; cursor: pointer; } .jituanimg2 img:hover{ transition: all .28s ease-in .1s; transform: scale(1.4); } .jianjie{} .jianjie p{ margin-top: 30px; color:#555; line-height: 220%; } .jianjie p span{color:#2169D3;font-weight:blod;} /* 超市连锁 */ .chaoshilianshuo{ margin:50px 0 30px; } .chaoshitupian{ display: flex; flex-flow: row wrap; justify-content: space-between; margin-top: 30px; } .chaoshitupian .chaoshi_box{ width:30%; } .chaoshitupian .chaoshi_box h3{ margin:20px 0; } .chaoshilianshuo h2{ margin:30px 0; } /* 冷链运输 */ .bg_101{background: url("../images/cold_chain/02.jpg") no-repeat center top;padding-top:180px;box-sizing: border-box} /* 职业培训 */ .job_training p{ line-height: 220%;} .bg_102{background: url("../images/job_training/02.jpg") no-repeat center top;padding-top:180px;box-sizing: border-box} .job_peixunimgbox{ display: flex; flex-flow: row wrap; justify-content: space-between; margin-top: 30px; margin-bottom:30px; } .job_peixunimgbox img{ width:49%; } /* 仓储运输 */ .warehousing h1{ margin:50px 0 30px; } .warehousing p{line-height: 220%;} .bg_103{background: url("../images/warehousing/02.jpg") no-repeat center top;padding-top:180px;box-sizing: border-box} .peisongyoushi{margin-bottom: 50px;} .peisongyoushi h2{margin:30px 0;} .peisongyoushi p{ margin:20px 0; } /*业务与产品导航*/ .yewu_daohang{ } .yewu_daohang ul{ display: flex; flex-flow: row wrap-reverse; justify-content: space-around; } /*seo设置 首页隐藏的*/ .index_txt{ color:transparent; display: none; } /*新闻列表分页*/ .pagination li{ display:inline-block; padding:0 10px; } .pagination a{ color:#004098 } .pagination .disabled{ color:#ccc; } .pagination .active{ color:#000; font-weight: bold;; } /*浮动客服*/ #floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:99999;} #floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#0067f4;color:#fff;font-size:18px;text-indent:22px;position:relative;} #floatDivBoxs .floatDqq{padding:0 14px;} #floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;} #floatDivBoxs .floatDqq li a{color:#444} #floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;} #floatDivBoxs .floatDtel{padding:0 0 15px 10px;} #floatDivBoxs .floatDtel img{display:block;} #floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);} .floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);} #rightArrow{width:50px;height:45px;background:url(../images/online_arrow.png) no-repeat;position:fixed;top:180px;right:170px;z-index:99999;} #rightArrow a{display:block;height:45px;}