/* CSS Document */ /* 不支持线性的时候显示 */ /* 斜渐变 #grad1 { height: 200px; background-color: red; background-image: linear-gradient(to bottom right, red , yellow); } */ body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select{margin:0; padding:0;} body{ color: #333; font-size:14px; font-family: "微软雅黑","Microsoft YaHei"; background:#FFF;} a{text-decoration:none; color:#333; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} a:hover{color:#dd2430;} img,ul,li,em{border:none; list-style:none; font-style:normal;} input,form,textarea{font-family:"微软雅黑","Microsoft YaHei";} .fl{float: left;} .fr{float: right;} .clear{clear: both;} .blank10{height:10px;} .blank15{height:15px;} .blank20{height:20px;} .blank30{height:30px;} .blank40{height:40px;} .blank50{height:50px;} .a999{background:#eee;height:10px;line-height: 0;} .main{width: 1200px;margin: 0 auto;} .main100{width: 92%;max-width: 1600px; min-width:1200px; margin:auto;} .main1200{width:1200px; margin:auto;} .cleaar {clear: both;line-height: 0;} /*图片放大*/ .picShow img:hover,.picShow a:hover img{transition:all 500ms ease-out 0s; cursor:pointer; -webkit-transform:scale(1.15); moz-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); } .picShow img{transition:all 500ms ease-out 0s; } /*顶部*/ .head_top{height:36px; line-height:36px; background:#333; color:#aaa; font-size:12px;min-width:1200px;} .head_top u{text-decoration:none;} .top_right{} .head_top a{ margin-left:20px; color:#aaa;} .top_mobile{font-size:12px; color:#dd2430;} .top_mobile span{font-weight:bold; font-size:16px; color:#dd2430;} /* 头部导航 */ .header {width: 100%; padding:25px 0;} /*LOGO*/ .header .logo {} .header .logo img{ display:block; height:100%;} .header .logo h1{float:left;} .header .logo .logo_info{float:left; height:50px; border-left:solid 1px #eee; margin:5px 0 0 10px; padding-left:15px;} .header .logo .logo_info span{display:block; font-size:24px; color:#000; margin-bottom:5px;} .header .logo .logo_info i{display:block; font-style:normal; color:#333; font-size:13px;} /*menu*/ .header .header_menu {float:right;} .header .header_menu ul li {line-height: 60px;display: inline-block;text-align: center;} .header .header_menu ul li a {display: block; margin-left:25px ; font-size: 15px;position: relative;} .header .header_menu ul li a:hover, .header .header_menu ul li.currclass a {color:#dd2430;} .header .header_menu ul li a:before {width: 0;height: 2px;position: absolute;left: 50%;bottom: 0;z-index: 10;transform: translateX(-50%);-webkit-transform: translateX(-50%);background:#dd2430; content: "";transition: all 0.3s;-webkit-transition: all 0.3s;} .header .header_menu ul li:hover > a:before{width: 100%;} /*焦点图*/ #banner{min-width:1200px; max-width:1900px; margin:auto;} #banner .swiper-slide{text-align:center;background: #fff;} #banner .swiper-slide img{ width:100%; display:block;} /*按钮切换*/ #banner .swiper-button-prev,#banner .swiper-button-next {display: none;width: 72px;height: 72px; background: url(../image/ico_sliding.png) no-repeat;} #banner .swiper-button-prev {background-position: 0 0;} #banner .swiper-button-prev:hover { background-position: 0 -144px;} #banner .swiper-button-next { background-position: 0 -72px;} #banner .swiper-button-next:hover {background-position: 0 -216px;} /*分页器*/ #banner .swiper-pagination-bullet{width: 10px;height: 10px; display: inline-block; border-radius: 100%; background:#fff;opacity: 0.5;} #banner .swiper-pagination-bullet-active{background:#fff;transition: opacity 0.25s ease-in;opacity: 1;} #banner .swiper-pagination{bottom:65px;} /*页面标题*/ .main_tit{height:110px; text-align:center;} .main_tit .title_z{ font-size:34px; color:#000; line-height:50px;} .main_tit .title_f{ font-size:16px; color:#999; line-height:32px; text-transform:uppercase;} /*产品分类*/ .prod{} .prod ul li{width: 50%;position: relative;} .prod ul li a{display: block;text-align: center;} .prod ul li a>img{width: 100%; display:block;} .prod ul li .act{width: 100%;height: 100%;position: absolute; top: 0;left: 0;display: none;} .prod ul li .act .act1{background: #000;opacity: .3;position: absolute; top: 0;left: 0;width: 100%;height: 100%;} .prod ul li .act .whit{width: 93%; height: 80%;text-align: center;border: 1px solid #b5b9ba;position: absolute;left: 3.5%;top: 10%;} .prod ul li .act h2{font-size:28px;color: #ffffff;padding-top: 15%;padding-bottom: 10px; font-weight:normal;} .prod ul li .act span{font-size: 14px;color: #FFFFFF; display: block;padding-bottom: 25px; font-family: 'pingfang_scextralight'; text-transform: uppercase;} .prod ul li:hover .act{display: block;animation: enlarge 0.5s ease-in;-moz-animation: enlarge 0.5s ease-in;-webkit-animation: enlarge 0.5s ease-in;-o-animation: enlarge 0.5s ease-in;} @keyframes enlarge{ from { transform:scale(0,0)} to { transform:scale(1,1)} } /*案例列表*/ .pic_list{} .pic_list ul{} .pic_list li{ width:33.3%; float:left; border-right:1px solid #ccc;box-sizing: border-box; transition: 0.3s all;} .pic_list li:nth-child(3n){ border-right:none;} .pic_list li .pic_img{ width:100%; overflow:hidden; position:relative;} @media only screen and (max-width: 1920px){.pic_list li .pic_img{height:380px;}} @media only screen and (max-width: 1680px){.pic_list li .pic_img{height:360px;}} @media only screen and (max-width: 1440px){.pic_list li .pic_img{height:340px;}} @media only screen and (max-width: 1360px){.pic_list li .pic_img{height:320px;}} .pic_list li .pic_img img{width:100%; height:100%; display:block;} .pic_list li .pic_txt{ line-height:46px; text-align:center; background:#fff;} .up-graybox{width: 100%;height: 100%; position: absolute;left: 0; top: 0; background:#005D31; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s;} .up-graybox:hover{background:#005D31; opacity: 0.6; filter: alpha(opacity=60); transition: all 0.4s ease 0s;} .up-graybox .stitle {font-size: 14px;line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px;color: #fff;} .up-graybox .line {display: inline-block; width: 100px;height: 1px;background-color: #f2f2f2; position: absolute; left: 50%;margin-left: -50px; transition: all 0.6s ease 0s;} .up-graybox .linet { top: 0;} .up-graybox .lineb { bottom: 0;} .up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6;filter: alpha(opacity=60);} /*合作流程*/ .pro_item{ background:url(../image/jpg_16.jpg) no-repeat center center; height:360px;min-width:1200px;} .top_list{overflow: hidden;} .top_list li{width: 20%;float: left;} .top_list li i{border-radius: 50%;display: block;width: 90px;height: 90px;margin: 0px auto 10px;transition:all 300ms ease-out 0s;} .top_list li:hover i{transition:all 300ms ease-out 0s; /*-webkit-transform:rotateY(360deg); -moz-tramsforn:rotateY(360deg); -ms-tramsforn:rotateY(360deg); -webkio-tramsform:rotateY(360deg); tramsforn:rotateY(360deg);*/ } .lc_ico1{background:url(../image/lc_ico1.png) no-repeat center center; background-size:60%;} .top_list li:hover i.lc_ico1{background:url(../image/lc_ico1.png) no-repeat center center #dd2430; background-size:60%;} .lc_ico2{background:url(../image/lc_ico2.png) no-repeat center center; background-size:60%;} .top_list li:hover i.lc_ico2{background:url(../image/lc_ico2.png) no-repeat center center #dd2430; background-size:60%;} .lc_ico3{background:url(../image/lc_ico3.png) no-repeat center center; background-size:60%;} .top_list li:hover i.lc_ico3{background:url(../image/lc_ico3.png) no-repeat center center #dd2430; background-size:60%;} .lc_ico4{background:url(../image/lc_ico4.png) no-repeat center center; background-size:60%;} .top_list li:hover i.lc_ico4{background:url(../image/lc_ico4.png) no-repeat center center #dd2430; background-size:60%;} .lc_ico5{background:url(../image/lc_ico5.png) no-repeat center center; background-size:60%;} .top_list li:hover i.lc_ico5{background:url(../image/lc_ico5.png) no-repeat center center #dd2430; background-size:60%;} .top_list li span{font-size: 18px;display: block;text-align: center; color:#fff;} .top_list li p{color: #fff;text-align: center;margin: 10px 0 20px;} /*标准*/ .bg_hui{background:#f2f2f2; padding:40px 0;} .biaozhun{} .biaozhun li{width:24%; margin-right:1.33%; float:left; background:#fff; transition: 0.3s all;} .biaozhun li:hover{box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);} .biaozhun li:nth-child(4n){ margin-right:0;} .biaozhun .bz_img{ width:100%;overflow:hidden;} .biaozhun .bz_img img{width:100%; display:block;} .biaozhun .bz_txt{padding:25px 20px 30px 20px; border:solid 1px #ddd; border-top:0;} .biaozhun .bz_txt h5{font-size:20px; text-align:center;} .biaozhun .bz_txt h5:after{content:"";display: block;width:15px;background:#dd2430;height: 2px; margin:15px auto 15px auto;} .biaozhun .bz_txt p{text-align:justify; line-height:24px; color:#666;} .more_1{ text-align:center;} .more_1 a{ text-transform:uppercase; display:inline-block; padding:12px 35px; border:solid 1px #ccc; color:#ccc;} .more_1 a:hover{border:solid 1px #dd2430; background:#dd2430; color:#fff;} /*首页公司简介*/ .index_about{ position: relative; height: 600px;min-width:1200px;} .index_about .about_bg{width: 100%;height: 100%; background:rgba(0,0,0,0.8);} .index_about .about_img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:url(../image/com_bg.jpg) no-repeat center center fixed; background-size:100% 100%; z-index:-1;} .index_about .about_bg h3{font-size:34px; color:#fff; text-align:center; padding-top:130px; font-weight:normal; margin-bottom:36px;} .index_about .about_bg p{ color:#999; line-height:32px; text-align:center; font-size:15px;} /* 新闻css */ .picScroll-left{ width:1200px; position:relative; margin:auto;} .picScroll-left .hd{width:1200px; height:40px; position:absolute; top:196px;} .picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; width:40px; height:40px;overflow:hidden;cursor:pointer; background:url("../image/index.png") no-repeat;} .picScroll-left .hd .prev{ background-position:-110px -141px; float:left; margin-left:-55px;} .picScroll-left .hd .next{ background-position:-110px -181px; float:right; margin-right:-55px;} .picScroll-left .bd{ width:1200px; overflow:hidden;} .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .picScroll-left .bd ul li{float:left; width:383px; margin-right:25px;} .picScroll-left .bd ul li .news_pic{ width:100%; height:332px; overflow:hidden;} .picScroll-left .bd ul li .news_pic img{ width:100%; min-height:100%; display:block;transition:all 500ms ease-out 0s; } .picScroll-left .bd ul li:hover .news_pic img{ cursor:pointer; -webkit-transform:scale(1.15); moz-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15);} .picScroll-left .bd ul li .news_txt{ padding:25px 15px; border:solid 1px #ddd; border-top:0; background:#FFF;} .picScroll-left .bd ul li .news_txt h5{overflow: hidden; text-overflow: ellipsis;white-space: nowrap; font-size:15px; margin-bottom:15px;} .picScroll-left .bd ul li .news_txt p{line-height:26px; color:#666; font-size:13px; height:60px;} /*more*/ .detail{overflow: hidden;} .detail em{margin-left: -54px;display: inline-block; margin-right: 6px;color: #333;font-size: 12px;opacity: 0;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;} .detail span{display: inline-block;width: 24px;height: 8px;font-size: 0px;background: url(../image/ico_arr02.png) no-repeat 0 center;} .detail:hover em{margin-left: 0px;opacity: 1;} /* 底部 */ .f_nbg{ width:100%; min-width:1200px; background:#222; padding:50px 0 50px 0;} .b_weixin{width:25%; text-align:center;} .b_weixin li img{ width:108px; height:108px; vertical-align:top; margin-top:5px;} .b_weixin li p{font-size: 13px; background:none; height:25px; line-height:25px; text-align:center; color:#999; padding-top:5px;} .b_contact{width:20%;} .b_contact b{font-size:16px; color:#fff; margin-bottom:10px; display:block; font-weight:normal;} .b_contact span{display:block; font-size:30px; color:#fff; font-weight:bold; margin-bottom:10px;} .b_contact p{font-size:13px; color:#666; margin-bottom:20px;} .b_contact a{ width: 92px; background: #dd2430; display: block; color: #fff; line-height: 30px; text-align:center; border-radius:3px;} .f_nav{width:50%;} .f_nav li{float:left; width:25%; text-align:left; } .f_nav li b{ display:block; width:100%; font-weight:normal;margin-bottom: 15px; } .f_nav li b a{ font-size:16px; color:#fff;} .f_nav li b:after{content:"";display: block;width:64px;background:#333;height: 1px; margin-top:15px; } .f_nav li p{ width:100%; line-height:24px;} .f_nav li p a{ font-size:13px; color:#999;} .f_nav li p a:hover{ color:#dd2430;} .bq_bg{ width:100%; min-width:1200px; margin:0px auto; padding:15px 0; background:#111; line-height:24px;color:#fff; text-align:center; text-transform:uppercase; font-size:12px; color:#666;} .bq_bg a{color:#666;} /*二级页面*/ .page_ban{ max-width:1920px; margin:auto;position:relative;min-width:1200px; margin:auto;} .page_ban img{width:100%; display:block;} .page_ban h3{font-size:36px; width: 100%; text-align:center; font-weight:normal; position: absolute; left: 0; top: 50%; margin-top:-25px;color: #fff;} .page_ban h3:after{content:"";display: block;width:25px;background:#fff;height: 2px; margin:15px auto 0px auto;} .sub_weizhi{ line-height:56px; height:56px; background:#fff; border-bottom:solid 1px #ececec; box-shadow: 0 1px 15px 0 rgba(0,0,0,0.1);min-width:1200px; margin:auto;} .sub_weizhi .weizhi{background:url(../image/home_ico.png) no-repeat left center; padding-left:25px; color:#666;} .sub_nav{} .sub_nav li{float:left; margin-right:25px; background:url(../image/case9.png) no-repeat right center; padding-right:25px;} .sub_nav li a {display: block; position: relative;} .sub_nav li a:before {width: 0;height: 2px;position: absolute;left: 50%;bottom: 0;z-index: 10;transform: translateX(-50%);-webkit-transform: translateX(-50%);background:#dd2430; content: "";transition: all 0.3s;-webkit-transition: all 0.3s;} .sub_nav li:hover > a:before {width: 100%;} .sub_nav li.currclass a,.sub_nav li.currclass a:before{ color:#dd2430; font-weight:bold; width: 100%;} .main_con{width:900px;} .main_side{width:280px;} /*公司简介*/ .about_txt{ text-align:justify; margin:auto;} .about_txt p{ margin-bottom:15px; line-height:28px; color:#444;} /*企业文化*/ .qywh li{width:32%; margin-right:2%; float:left; margin-bottom:25px; box-sizing:border-box; position:relative; overflow:hidden;} .qywh li:nth-child(3n){ margin-right:0;} .qywh li h3{ position:absolute; left:25px; top:35px; font-size:22px; color:#fff; font-weight:normal;} .qywh li .qywh_txt{width: 100%; height: 100%; position: absolute; top: 0px;left: -400px;color: #fff;background: rgba(0,0,0,0.6); padding-left: 25px; box-sizing:border-box;transition: all 0.3s;} .qywh li .qywh_txt h4{font-size: 22px; margin-bottom: 15px; margin-top: 35px; font-weight:normal;} .qywh li .qywh_txt p{font-size: 14px; line-height: 1em; text-transform: uppercase;} .qywh li:hover .qywh_txt{left:0; cursor:pointer;} .qywh li:hover h3{left:-393px;} .qywh li img{transition:all 300ms ease-out 0s; width:100%; display:block;} .qywh li:hover img{ cursor:pointer; -webkit-transform:scale(1.2); moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);} /*公司优势*/ .bg_hui{ background:#f2f2f2; padding:50px 0;} .jzl{} .jzl li{width:386px; height:430px; background:#fff; box-sizing:border-box; margin-right:20px; float:left;transition: 0.3s all;} .jzl li:hover{box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);} .jzl li:nth-child(3n){ margin-right:0;} .jzl li .jzl_pic{width:100%; height:182px; overflow:hidden;} .jzl li .zjl_txt{ padding:45px;} .jzl li .zjl_txt h4{font-size:20px; margin-bottom:20px; text-align:center;} .jzl li .zjl_txt p{text-align:justify; line-height:20px; color:#444; height:100px; overflow:hidden;} .jzl li .zjl_txt a{ display:block; text-align:center; width:100%;} /*环境*/ /*焦点图*/ #gchj .swiper-wrapper{min-width:1200px; max-width:1900px; margin:auto;} #gchj .swiper-slide{text-align:center;background: #fff;} #gchj .swiper-slide img{} /*按钮切换*/ #gchj .swiper-button-prev,#gchj .swiper-button-next {display: none;width: 72px;height: 72px; background: url(../image/ico_sliding.png) no-repeat;} #gchj .swiper-button-prev {background-position: 0 0;} #gchj .swiper-button-prev:hover { background-position: 0 -144px;} #gchj .swiper-button-next { background-position: 0 -72px;} #gchj .swiper-button-next:hover {background-position: 0 -216px;} /*分页器*/ #gchj .swiper-pagination-bullet{width: 14px;height: 14px; display: inline-block; border-radius: 100%; background:#fff;opacity: 0.5;} #gchj .swiper-pagination-bullet-active{background:#fff;transition: opacity 0.25s ease-in;opacity: 1;} #gchj .swiper-pagination{bottom:15px;} /*荣誉资质*/ .rongyu{height: 320px; overflow:hidden; position:relative; } .rongyu .hd{position: absolute; bottom: 0; width: 100%;} .rongyu .hd .prev{width: 14px; height: 14px; display: block; background: url(../image/herobut.png) no-repeat -4px -2px;transition:all .3s;cursor: pointer;margin-left: 560px;} .rongyu .hd .prev:hover{background: url(../image/herobut.png) no-repeat -4px -20px;} .rongyu .hd .next{width: 14px; height: 14px; display: block; background: url(../image/herobut.png) no-repeat -48px -2px;transition:all .3s;cursor: pointer;margin-right: 560px;} .rongyu .hd .next:hover{background: url(../image/herobut.png) no-repeat -48px -20px;} .rongyu .bd{} .rongyu .bd ul{ overflow:hidden; zoom:1; height: 300px;} .rongyu .bd ul li{width: 198px;height: 252px; float:left; _display:inline; overflow:hidden; text-align:center; transition: all .3s; margin-top:20px;} .rongyu .bd ul li:hover{box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);} .rongyu .bd ul li .pic{ height:150px;} .rongyu .bd ul li .pic img{display:block; padding:2px; margin: 25px auto 40px; max-width:100%; max-height:100%;} .rongyu .bd ul li .title{ line-height:12px; font-size: 12px; color: #444;} .rongyu .bd ul li .title span{width: 21px; height: 1px; background: #e0e0e0;display: block;margin: 15px auto 0;} /*分页*/ .mypages{margin:25px 0 10px 0; text-align:center; height:50px; line-height:50px;} .mypages a{ background: #e8e8e8 ; padding:8px 15px; color:#666; font-size:14px; border-radius:3px;} .mypages a.curr,.mypages a:hover{background:#dd2430; color:#FFFFFF;} /* 新闻内容页 */ .dot {background: url(../image/dot.png) no-repeat center;height: 36px;padding: 25px 0;} .newsCon{overflow: hidden;background: #f8f8f8; width:1000px; margin:auto; padding:70px 70px 20px 70px; box-sizing:border-box; border-radius:5px;} .ntitle{padding:0px 0px 15px 0px;text-align: center;border-bottom: 1px solid #ddd; margin-bottom:20px;} .ntitle h2{font-size: 24px;margin-bottom: 18px;} .ntitle span{font-size: 12px; color: #aaa;padding: 0 10px;} .neirong{line-height: 30px; text-align:justify;overflow: hidden;} .neirong img{max-width:95%;} .neirong p{margin-bottom: 10px;font-size: 15px;} /*内容页上下页*/ .plist {overflow: hidden; padding: 40px 0; border-top:solid 1px #ddd;} .plist .prev { float: left; width: 50%; } .plist .prev a { background: url("../image/arr_circle_left.png") no-repeat left center; height: 25px; line-height: 25px; text-indent: 35px; } .plist .prev a:hover { text-decoration: underline; background: url("../image/arr_con2.png") no-repeat left center; } .plist a { font-size: 13px; color: #161616; display: block; } .plist .next { float: right; width: 50%; } .plist .next a { background: url("../image/arr_circle.png") no-repeat right center; height: 25px; line-height: 25px; padding-right: 35px; text-align: right; } .plist .next a:hover { text-decoration: underline; background: url("../image/arr_con.png") no-repeat right center; } /*产品列表页*/ .page_prod_img{width:48%; height:370px; overflow:hidden; background:#000;} .page_prod_txt{width:48%;} .page_prod_txt h2{font-size:32px; color:#111; margin-bottom:2px; font-weight:normal;} .page_prod_txt h3{font-size:28px; color:#222; margin-bottom:25px; font-weight:normal;} .page_prod_txt ul{ padding-left:20px;} .page_prod_txt li{line-height:34px;list-style-type: disc;} /*焦点图*/ #oursolution{height:100%;} /*分页器*/ #oursolution .swiper-pagination-bullet{width: 10px;height: 10px; display: inline-block; border-radius: 100%; background: #fff;opacity: 1.0;} #oursolution .swiper-pagination-bullet-active{ background:#dd2430;} #oursolution .swiper-pagination{bottom:10px; text-align:right; left:-10px;} /*收缩菜单*/ .v{float:right;width:14px;height:14px;overflow:hidden;background:url(../image/vicon.png) no-repeat;display:inline-block;} .v01{background-position:0 0;} .v02{background-position:0 -16px;;} .vtitle{height:48px;line-height:48px;border-bottom:1px solid #ddd; font-weight:bold; padding-left:10px; background:#f8f8f8; cursor:pointer;} .vtitle em{margin:15px 10px 0 0;} .vcon{padding:10px 10px; line-height:22px; } /*产品分页*/ .jcz_list li{ width:23%; float:left; transition: 0.3s all; margin:0 1% 25px 1%;text-align:center;} .jcz_list li:hover{box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);} .jcz_list li .pic_img{position:relative;} .jcz_list li a{padding-top:30px; color:#333; display:block;} .jcz_list li .pic_txt{ font-size:16px;} .jcz_list li .pic_txt:after{content:"";display: block;width:18px;background:#bebebe;height: 2px; margin:10px auto 0px auto;} .jcz_list li .pic_img img{max-width:90%;position:relative; z-index:1; margin-top:40px;} .jcz_list li .pic_img .bg { position: absolute;z-index: 0; bottom: 0;left: 0; width: 100%; height: 65%; background: #efefef; transition: 0.3s all;} .jcz_list li:hover .bg{ background:#555; height:80%;} /*产品分页*/ .pro_list{} .pro_list ul{} .pro_list li{ width:23%; margin:0 1% 15px 1%; box-sizing:border-box; float:left; transition: 0.3s all;} .pro_list li .pic_img{ width:100%; overflow:hidden; position:relative;} @media only screen and (max-width: 1920px){.pro_list li .pic_img{height:220px;}} @media only screen and (max-width: 1680px){.pro_list li .pic_img{height:210px;}} @media only screen and (max-width: 1440px){.pro_list li .pic_img{height:200px;}} @media only screen and (max-width: 1360px){.pro_list li .pic_img{height:180px;}} .pro_list li .pic_img img{width:100%; height:100%; display:block;} .pro_list li .pic_txt{ line-height:46px; text-align:center; background:#f2f2f2;transition: 0.3s all;} .pro_list li:hover .pic_txt{ background:#dd2430;color:#fff;} .mumen{} .mumen li{ width:48%; margin:0 1% 25px 1%; box-sizing:border-box; float:left; transition: 0.3s all;} .mumen li img{width:100%;} /*新闻分页*/ .news_list{} .news_list dl{ padding:25px 30px; border-bottom:solid 1px #dedede; transition: all .3s;} .news_list dl:hover{ background:#f8f8f8;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);} .news_list dt{ width:360px; height:210px; overflow:hidden} .news_list dt img{width:100%;} .news_list dd{width:700px;} .news_list dd h5{ font-size:18px; width:420px; margin:10px 0;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} .news_list dd .news_list_date {line-height: 26px; margin-bottom:10px; font-size:12px; padding-left: 17px;background: url(../image/news_list_date.png) left center no-repeat; color: #9f9f9f;} .news_list dd p{text-align:justify; line-height:24px; color:#666;} .news_list .news_more {width: 105px;height:32px;line-height:32px;background: #ddd; display: block;text-align: center;margin-top:20px; font-size:12px; color:#666;} .news_list .news_more:hover{ background:#dd2430; color:#fff;} /*市场分析*/ .scfx{} .scfx ul{} .scfx li{width:31.3%; margin:0 1%; height:320px; background:#f2f2f2; border-radius:5px; float:left; box-sizing:border-box; padding:0 40px;transition: all .3s;} .scfx li:hover{background:#dd2430; color:#fff;} .scfx li .scfx_ico{height:106px;} .scfx li .scfx_ico1{ background:url(../image/scfx_ico1.png) no-repeat center center;background-size:auto 50%;} .scfx li:hover .scfx_ico1{background:url(../image/scfx_ico01.png) no-repeat center center;background-size:auto 50%;} .scfx li .scfx_ico2{ background:url(../image/scfx_ico2.png) no-repeat center center;background-size:auto 50%;} .scfx li:hover .scfx_ico2{background:url(../image/scfx_ico02.png) no-repeat center center;background-size:auto 50%;} .scfx li .scfx_ico3{ background:url(../image/scfx_ico3.png) no-repeat center center;background-size:auto 50%;} .scfx li:hover .scfx_ico3{background:url(../image/scfx_ico03.png) no-repeat center center;background-size:auto 50%;} .scfx li h5{ font-size:18px; font-weight:normal; text-align:center;} .scfx li h5:after{content:"";display: block;width:15px;background:#dd2430;height: 2px; margin:20px auto 25px auto;} .scfx li:hover h5:after{background:#fff;} .scfx li p{line-height:24px; text-align:justify;} /*平台支持*/ .ptzc{background: url(../image/jm_bg2.jpg) no-repeat center center; height: 620px;min-width: 1200px;} .ptzc li{width: 33.3%;float: left; box-sizing:border-box; padding:0 70px; height:210px;} .ptzc li i{border-radius: 50%;display: block;width: 90px;height: 90px;margin: 0px auto 10px;transition:all 300ms ease-out 0s; border:solid 0px #ccc;} .ptzc li:hover i{transition:all 300ms ease-out 0s;} .ptzc li .ptzc_ico1{background:url(../image/ptzc_ico1.png) no-repeat center center; background-size:50%;} .ptzc li:hover i.ptzc_ico1{background:url(../image/ptzc_ico1.png) no-repeat center center #dd2430; background-size:50%;} .ptzc li .ptzc_ico2{background:url(../image/ptzc_ico2.png) no-repeat center center; background-size:50%;} .ptzc li:hover i.ptzc_ico2{background:url(../image/ptzc_ico2.png) no-repeat center center #dd2430; background-size:50%;} .ptzc li .ptzc_ico3{background:url(../image/ptzc_ico3.png) no-repeat center center; background-size:50%;} .ptzc li:hover i.ptzc_ico3{background:url(../image/ptzc_ico3.png) no-repeat center center #dd2430; background-size:50%;} .ptzc li .ptzc_ico4{background:url(../image/ptzc_ico4.png) no-repeat center center; background-size:50%;} .ptzc li:hover i.ptzc_ico4{background:url(../image/ptzc_ico4.png) no-repeat center center #dd2430; background-size:50%;} .ptzc li .ptzc_ico5{background:url(../image/ptzc_ico5.png) no-repeat center center; background-size:50%;} .ptzc li:hover i.ptzc_ico5{background:url(../image/ptzc_ico5.png) no-repeat center center #dd2430; background-size:50%;} .ptzc li .ptzc_ico6{background:url(../image/ptzc_ico6.png) no-repeat center center; background-size:50%;} .ptzc li:hover i.ptzc_ico6{background:url(../image/ptzc_ico6.png) no-repeat center center #dd2430; background-size:50%;} .ptzc li span{font-size: 18px;display: block;text-align: center; color:#fff;} .ptzc li p{color: #fff;text-align: center;margin: 10px 0 20px; font-size:12px; line-height:22px;} /*加盟要求*/ .jmyq li{height:361px; background:#f2f2f2; transition: all .5s;} .jmyq li:hover{box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);} .jmyq li .jmyq_pic{ height:100%; width:55%; overflow:hidden; position:relative;} .jmyq li .jmyq_pic img{width:100%;} .jmyq li .jmyq_txt{width:36%; margin:0 3%; padding-top:40px;} .jmyq li .jmyq_txt h5{ font-size:32px; font-weight:normal; color:#000; margin-bottom:15px;} .jmyq li .jmyq_txt h5:after{content:"";display: block;width:15px;background:#dd2430;height: 2px; margin:15px 0 25px 0;} .jmyq li .jmyq_txt p{ line-height:24px; text-align:justify; margin-bottom:40px;} /*联系我们单页*/ .lianxi{} .lianxi li{font-size:14px; line-height:24px; box-sizing:border-box; padding-left:60px; float:left; margin-right:130px;} .lianxi li.lx_ico1{ background:url(../image/lianxi_ico1.png) no-repeat left center;} .lianxi li.lx_ico2{ background:url(../image/lianxi_ico2.png) no-repeat left center;} .lianxi li.lx_ico3{ background:url(../image/lianxi_ico3.png) no-repeat left center;} .submit {padding-top: 20px;} .index_form{} .index_form input{width: 47%; line-height: 32px;border-radius: 3px;border:1px solid #cfcfcf; padding:3px 1%; font-family:"微软雅黑";} .index_form textarea{width: 98%; height: 100px;border-radius: 3px;border:1px solid #cfcfcf; padding:3px 1%; font-family:"微软雅黑"; margin-top:15px;} .index_form .submit{text-align:center;} .index_form .submit input {cursor: pointer; border-radius: 3px;background: #dd2430; display:inline;color: #fff;border:0;width:240px; height: 46px;font-size: 18px; font-family:"微软雅黑";} .index_form .submit input:hover{background: #dd2430;opacity: 0.8;} /*向上*/ .cd-top { display: inline-block; height: 46px; width: 46px; position: fixed; bottom: 40px; right: 5px;border-radius: 50%; /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(0, 0, 0, 0.15) url(../image/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */ opacity: .5; } .no-touch .cd-top:hover { background-color: #dd2430; opacity: 1; } @media only screen and (min-width: 768px) { .cd-top { right: 10px; bottom: 50px; } } @media only screen and (min-width: 1024px) { .cd-top { height: 46px; width: 46px; right: 5px; bottom: 50px; } } .cd-top:hover{background-color:#005D31;transition: all 0.3s ease 0s;} /******************************* -------[=底部]------- ********************************/ #fd {color: #333;background-color: #fff;clear: both;} /* #fd a {color: #333;} */ .wp { width: 100%; max-width: 1600px; margin: 0 auto; } /*底部*/ .footer{ padding:80px 0; } .ma{ width:128px; height:152px; background: #fff; float:left; cursor:pointer;} .ewm{ float:left; height:155px; width:128px; border-right: #666 solid 1px;} .ma img{ margin: 10px 0px 0px 14px; float: left;} .ma .tits{ text-align:center; font-size:14px; } .ma span{ font-size: 14px; text-align: center; width: 100%; display: block; line-height: 25px; float: left; background-color: #cacaca; } .imgss{ background:#fff; display:none; } .insay{ float:left; width:192px; height:100%; margin-left: 30px; } .insay span{ color:#fff; font-size: 14px; line-height: 24px; } .insay p{ font-size: 20px; line-height: 30px; color: #999; font-weight: bold; margin-bottom: 12px; } .select{ width:186px; height:26px; border: 1px solid #666; line-height: 26px; font-size: 12px; position: relative; } .select span{ font-size: 12px; color:#fff; float:left; width:157px; height:26px; line-height: 26px; text-indent: 5px; } .dllist{ float:left; padding-right:35px; min-height:150px; } .dllist dt { background:url(../images/bot_title_li.png) left center no-repeat; background-size: auto 100% ; } .dllist dt a{ font-size: 16px; padding-left:10px; } .dllist a{ color:#999; font-size: 12px; } .dllist a:hover{ text-decoration: underline; } .dllist dt { font-size: 15px; line-height: 24px; margin-bottom: 12px; } .dllist dt a { color:#333; } .dllist dd{ line-height: 22px; font-size:12px; padding-left:10px; } .dllist dd a { color:#999; } .dllist img {width:70px;margin-right:20px;} .ma span a{ color:#000; } .ma span a:hover{ color: #005D31; } .foot { width:100%; background: #333; font-size:12px; } .fot{ padding: 18px 0; line-height:24px; color:#fff; } .fot a{color:#fff;font-size: 12px;} .fot a:hover{color:#666;} .index_bottom_c{float:right;} .index_bottom_c h4{ font-size:16px; margin-bottom:10px;font-weight: normal;color:#005D31;} .index_bottom_c h5{ font-size:12px; color:#c0c0c0; margin-top:5px;font-weight:normal;} .bottom_c_tel_text {font-size:12px;line-height: 22px;color:#999;} .bottom_c_tel{font-size:12px; color:#c0c0c0; background:url(../images/index_p_11.png) no-repeat left; padding-left:28px; line-height:20px;margin-top:15px;background-size: auto 100%;} .bottom_c_tel2{font-size:12px; color:#c0c0c0; background:url(../images/index_p_15.png) no-repeat left 5px; padding-left:28px; line-height:20px;margin-top:13px;background-size: auto 26%;} .bottom_c_tel3{font-size:12px; color:#c0c0c0; background:url(../images/index_p_19.png) no-repeat left; padding-left:28px; line-height:20px;margin-top:15px;background-size: auto 100%;} .content {background:url(../images/bot_ling.png) right top repeat-y;} .pctop {text-align:center;padding-top:30px;padding-bottom:20px;} .pctop img {max-width:90%;} .nav_div {} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .nav{ padding:0 20px; height:40px; line-height:40px; position:relative; z-index:9999; width:1120px;margin:auto; } .nav a { color:#333; } .nav .nLi{ float:left;width:140px; position:relative; } .nav .nLi h3{ float:left; background:url(../images/nav_line_bj.png) right center no-repeat;display:block;width: 100%;background-size: auto 100%;font-weight:500; } .nav li:last-child h3{background-image: none; } .nav .nLi h3 a{ display:block; padding:0px; font-size:14px;text-align: center; } .nav .sub { display:none;text-align:center; width:140px; left:0; top:38px; position:absolute; background:#333; line-height:26px; padding:0px 0; opacity: 0.9; } .nav .sub li{ zoom:1; } .nav .sub a { display:block;color: #fff; padding:0px;overflow: hidden;height:40px;line-height:40px;font-size: 12px;font-weight:normal; border-bottom: 1px solid #444;} .nav .sub a:hover {color: #fff;background:#005d31;} .nav .on h3 a{ background:url(../images/nav_on_bj.png) center bottom no-repeat; color:#333; } /* .nav h3 a:hover{ background:url(../images/nav_on_bj.png) center bottom no-repeat; color:#333; } */ .nav_top_b {height:120px;background:#fff;} .nav_top_b .nav {padding:0;padding-top:40px;width:960px;} .nav_top_b .nav .nLi,.nav_top_b .nav .sub {width:120px;} .nav_top_b_div {position: relative;} .navtop_gr {background:#004227;} .navtop_gr a {color:#fff;} .navtop_gr .nav .nLi h3{ float:left; background:url(../images/nav_line_bj_bai.png) right center no-repeat;display:block;width: 100%;background-size: auto 100%;font-weight:500; } .navtop_gr .nav .on h3 a{ background:url(../images/nav_on_bj_bai.png) center bottom no-repeat; color:#fff; } .info_logo {position: absolute;float:left;top:35px;} .info_logo img {width:80%;} .info_tel {position: absolute;float:right;right:0;top:35px;text-align: right;} .info_tel img {width:80%;right:0;} .index_one_img {position: relative;width:100%;height:800px;border-bottom: 5px solid #318F6A;margin-top:-24px;z-index: 9999; } .index_one_img_1 {position: relative;width:100%;height:700px; } .index_one_img_2 {position: relative;width:100%;height:1140px; } .index_one_img_3 {position: relative;width:100%;height:530px; } .index_one_img_5 {position: relative;width:100%;height:1290px; } .index_one_img_6 {position: relative;width:100%;height:508px; } .index_one_img_7 {position: relative;width:100%;height:600px; } .i-row{overflow: hidden;padding-top:60px;padding-bottom:30px;} .i-col-l{width: 16%;float: left;padding-top:10px;} .i-col-r{width: 83%;float: right;} .index_l_dl { background: #EBEBEB; margin-bottom: 10px; } .index_l_dl dt {font-size:16px;} .index_l_dl dt a {display:block;color:#fff;padding:5px 0;background:#005D32;} .index_l_dl dd {padding-top:10px;padding-bottom:20px;} .index_l_dl dd div {width:180px;} .index_l_dl dd div a {display:block;height:40px;line-height: 40px;} .index_l_dl dd div a:hover {background:#005D32;padding:0 10px;color:#fff;} .index_l_dl dd div h3 {font-weight: normal;font-size: 16px;border-bottom: 1px solid #fff;} .index_l_dl dd div.subb ul {border-left:1px solid #005D32;font-size:14px;padding-left:10px;display: none;} .index_l_dl dd div.subb ul li a {height:30px;line-height: 30px;overflow: hidden;} .index_l_dl dd div.subb ul li a:hover {background-image: linear-gradient(to right, #005D32 , #fff);} /* .index_l_dl dd div:hover ul {display: block; transition: all 0.4s ease 0s;} */ .index_l_dl dd div:hover ul,.index_l_dl dd div.on ul {display: block;animation: enlarge 0.5s ease;-moz-animation: enlarge 0.5s ease;-webkit-animation: enlarge 0.5s ease;-o-animation: enlarge 0.5s ease;} .index_l_dl dd div.on h3 a {background:#005D32;padding:0 10px;color:#fff;} .index_l_dl_2 { background: #EBEBEB; margin-bottom: 25px; } .index_l_dl_2 dt {font-size:16px;line-height: 42px;} .index_l_dl_2 dt a {display:block;color:#fff;padding:5px 0;;padding-left: 15px;background:#005D32 url(../images/xiajiantou.png) 200px center no-repeat;background-size: auto 30%;} .index_l_dl_2 dd div h3 a { display: block; font-size: 16px; padding-left: 15px; font-weight: normal; line-height: 38px; color: #797979; } .index_l_dl_2 dd div:hover h3 a { background: url(../images/indexleft2bj.png) center no-repeat; color: #fff; } .index_l_dl_2 dd div ul { /* display: none; */ margin-left: 15px; padding:15px 0; font-size: 14px; } .index_l_dl_2 dd div:hover ul { /* display: block; */ } .index_l_dl_2 dd div ul li a { display: block; padding:8px 0; height: 14px; line-height: 14px; padding-left: 15px; color: #797979; border-left: 1px solid #005D32; } .index_l_dl_2 dd div ul li a:hover { color: #005D32; } .index_l_dl_2 dd div ul li:first-child a { padding-top: 0; } .index_l_dl_2 dd div ul li:last-child a { padding-bottom: 0; } .lanmu { margin: 0; padding:0; } .lanmu figcaption { height: 0; overflow: hidden; } .lanmu:hover figcaption { height:auto; } .lanmu:hover figcaption a { display: block } figure figcaption li {transition:all 0.35s;} .lanmu figcaption li {height:0px;transform:translate(0px,-100px);} .lanmu:hover figcaption li {transform:translate(0px,0px); height:auto;} .about_nav .sub {background:#00995B;opacity: 0.8;} .about_nav .sub li a {border-bottom: 1px solid #11A864;} .pic_list_index {overflow: hidden;} .pic_list_index ul{} .pic_list_index li{ width:32.6%; float:left; margin-right:1%;overflow: hidden;} .pic_list_index li:nth-child(3n){ margin-right:0;} .pic_list_index li .pic_img{ width:100%; overflow:hidden; position:relative;} @media only screen and (max-width: 1920px){.pic_list_index li .pic_img{height:280px;}} @media only screen and (max-width: 1680px){.pic_list_index li .pic_img{height:260px;}} @media only screen and (max-width: 1440px){.pic_list_index li .pic_img{height:240px;}} @media only screen and (max-width: 1360px){.pic_list_index li .pic_img{height:220px;}} .pic_list_index li .pic_img img{width:100%; height:100%; display:block;} .pic_list_index li .pic_txt_index {background:#005D31;height:70px;transition:all 500ms ease-out 2s;} .pic_list_index li:hover .pic_txt_index,.pic_list_index li.hover .pic_txt_index { position: relative; background:#005D31; height:170px; background-image: linear-gradient(to right, #005D31, #6DBE79, #21A363); margin-top:-100px; opacity: 1; z-index: 99999; } .pic_list_index li a {display:block;margin-bottom:15px;color:#fff;} .pic_txt_index span {display: block;} .pic_txt_index span.pic_txt_index_inro {display: none;height: 100px;overflow: hidden;} .pic_list_index li:hover .pic_txt_index span.pic_txt_index_inro {display: block;} .pic_list_index li.hover .pic_txt_index span.pic_txt_index_inro {display: block;} li:hover .pic_txt_index_title { padding-left:0; } .pic_txt_index_title {font-size:20px;padding:10px 0;padding-bottom:0;padding-left:20px;height:30px;overflow: hidden;} .pic_txt_index_inro {padding:0 20px;height:70px;overflow: hidden;margin-top:18px;line-height:26px;} .pic_txt_index_tag {padding-left:20px;height:30px; overflow: hidden; line-height: 26px;left:0px;font-size:12px;bottom:100px;color: #eee;} .picShow_index img:hover,.picShow_index a:hover img{ /* 动态图片 */ /* transition:all 500ms ease-out 0s; cursor:pointer; -webkit-transform:scale(1.15); moz-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); */ } /* .picShow_index img{transition:all 500ms ease-out 0s; } */ .index_case_more {padding-top:20px;text-align: right;} .index_case_more a {display: inline-block;background:#005D31 url(../images/fl.png) right center no-repeat;padding:10px 20px;padding-right:40px;color: #fff;background-size: auto 60%;} .index_case_more a:hover {padding:10px 30px;background-image: linear-gradient(to right, #005D31, #6DBE79, #21A363);background-size: auto 100%;} .index_rongyu { background:#FFFFAD; padding:50px 0; padding-bottom:80px; overflow: hidden; } .index_rongyu dl {float:left;width: 25%;padding:0;height:160px;transition:all 500ms ease-out 0s;text-align: center;position: relative;overflow: hidden;} .index_rongyu dl dt img {width: 60%;height:120px;} .index_rongyu_title {color: #333;padding-top:15px;font-size:18px;font-weight: bold;} .index_rongyu_inro {color: #666;} .index_rongyu dl dt {display: none;} .index_rongyu dl:hover dt {display: block;} .index_rongyu dl {padding-top:30px;} .index_rongyu dl:hover {padding-top:0px;padding-bottom: 30px;} .index_rongyu_index { background:#F9F5C7; padding:50px 0; padding-bottom:30px; overflow: hidden; } .index_rongyu_index .main100 { width: 1200px; } .index_rongyu_index dl {float:left;width: 25%;padding:0;height:280px;transition:all 500ms ease-out 0s;text-align: center;position: relative;overflow: hidden;} .index_rongyu_index dl dt img {max-width: 100%; height:170px;} .index_rongyu_index_title {color: #333;padding-top:5px;font-size:18px;font-weight: bold;} .index_rongyu_index_inro {color: #666;} .index_rongyu_index dl dt {margin-top:0px;transition:all 500ms ease-out 0s;} .index_rongyu_index dl:hover dt {margin-top:0px;} .index_rongyu_index dl:hover dd {display: block;} /* .index_rongyu_index dd {padding-top:30px;} .index_rongyu_index dd:hover {padding-top:0px;padding-bottom: 30px;} */ /* .index_rongyu_index dl {border:1px solid #f00;float:left;width: 24%;padding:0;height:160px;overflow: hidden; transition:all 500ms ease-out 0s;text-align: center;position: relative;overflow: hidden;} .index_rongyu_index dl dt img {height:120px;} .index_rongyu_index_title {color: #333;padding-top:15px;font-size:18px;font-weight: bold;} .index_rongyu_index_inro {color: #666;} .index_rongyu_index dl dt {display: none;} .index_rongyu_index dl:hover dt {display: block;} .index_rongyu_index dl {padding-top:30px;border:1px solid #000;} .index_rongyu_index dl:hover {padding-top:0px;padding-bottom: 30px;} */ /* 右边客服 */ .right_kefu {position:absolute;right:-140px;top:300px;z-index: 999999;position:fixed;width:200px;} .right_kefu li {background:#ddd;margin:10px 0;transition:all 500ms ease-out 0s;} .right_kefu li a {display: block;height:50px;} .right_kefu li:hover {margin-left:-100px;} .right_kefu li:hover.tel {margin-left:-130px;} .right_kefu li.tel {height:80px;background:#4C4C4C url(../images/right_tel.png) left center no-repeat;background-size: auto 100%;} .right_kefu li.zx {background:#4C4C4C url(../images/right_zx.png) left center no-repeat;background-size:auto 100% ;} .right_kefu li.top {background:#4C4C4C url(../images/right_top.png) left center no-repeat;background-size:auto 100% ;} /* 学校文化建设 */ .infobanner {height:375px;} .infobanner800 {height:800px;} .infobanner375 {height:375px;} .infobanner_tags {height:430px;text-align: center;line-height: 430px;font-size: 36px;color: #fff;letter-spacing:6px;} .infobanner_xywhsj {height:800px;position: relative;} .infobanner_xywhsj span {display: block;position:absolute;width:100%;text-align: center;height:160px;bottom:20px;} .infobanner_xywhsj span img {width:200px;} .infobannerline {position: relative;z-index: 998;background:#000;height:60px;opacity: 0.6;margin-top:-60px;} .info_banner_ment {overflow: hidden;position: relative;z-index: 9999;height:60px;line-height:60px;margin-top:-60px;} .info_banner_ment ul {overflow: hidden;} .info_banner_ment ul li {float:left;width: 16.6%;} .info_banner_ment ul li a {color: #fff;display: block;background:url(../images/nav_line_bj_bai.png) right center no-repeat;background-size: auto 100%;text-align: center;} .info_banner_ment ul li.hover a {background:#744FA6 /* url(../images/nav_line_bj_bai.png) right center no-repeat;background-size: auto 100%; */} .info_banner_ment ul li a:hover {background:#744FA6 url(../images/nav_line_bj_bai.png) right center no-repeat;background-size: auto 100%;} .info_banner_ment ul li:last-child a {background-image: none;} .info_banner_ment ul li:nth-child(2).hover a,.info_banner_ment ul li:nth-child(2) a:hover {background:#900500/* url(../images/nav_line_bj_bai.png) right center no-repeat;background-size: auto 100%; */} .info_banner_ment ul li:nth-child(3).hover a,.info_banner_ment ul li:nth-child(3) a:hover {background:#1977B9/* url(../images/nav_line_bj_bai.png) right center no-repeat;background-size: auto 100%; */} .info_banner_ment ul li:nth-child(4).hover a,.info_banner_ment ul li:nth-child(4) a:hover {background:#1977B9/* url(../images/nav_line_bj_bai.png) right center no-repeat;background-size: auto 100%; */} .info_banner_ment ul li:nth-child(5).hover a,.info_banner_ment ul li:nth-child(5) a:hover {background:#900500/* url(../images/nav_line_bj_bai.png) right center no-repeat;background-size: auto 100%; */} .info_banner_ment ul li:nth-child(6).hover a,.info_banner_ment ul li:nth-child(6) a:hover {background:#1977B9/* url(../images/nav_line_bj_bai.png) right center no-repeat;background-size: auto 100%; */} .info_banner_ment_to { background:#fff; border-bottom: 1px solid #ccc; height:50px;line-height:50px; } .info_banner_ment_to ul {overflow: hidden;text-align: center;} .info_banner_ment_to ul li {display: inline-block;margin:0 20px;} .info_banner_ment_to ul li:hover,.info_banner_ment_to ul li.hover {border-bottom:2px solid #666;} .info_banner_ment_to ul li a:hover {color:#005D31;} .info_banner_ment_to_lv ul li:hover,.info_banner_ment_to ul li.hover {border-bottom:2px solid #744FA6;color: #744FA6;} .info_banner_ment_to_lv ul li a:hover,.info_banner_ment_to_lv ul li.hover a {color:#744FA6;} .info_banner_ment_to_lan ul li:hover,.info_banner_ment_to_lan ul li.hover {border-bottom:2px solid #1977B9;color: #1977B9;} .info_banner_ment_to_lan ul li a:hover,.info_banner_ment_to_lan ul li.hover a {color:#1977B9;} .info_banner_ment_to_xiaoqin ul li:hover,.info_banner_ment_to_xiaoqin ul li.hover {border-bottom:2px solid #900500;color: #900500;} .info_banner_ment_to_xiaoqin ul li a:hover,.info_banner_ment_to_xiaoqin ul li.hover a {color:#900500;} .info_banner_ment_to_kh ul li:hover,.info_banner_ment_to_kh ul li.hover {border-bottom:2px solid #1977B9;color: #1977B9;} .info_banner_ment_to_kh ul li a:hover,.info_banner_ment_to_kh ul li.hover a {color:#1977B9;} .info_banner_ment_xsgjs {overflow: hidden;position: relative;z-index: 9999;height:60px;line-height:60px;margin-top:-60px;} .info_banner_ment_xsgjs ul {overflow: hidden;text-align: center;} .info_banner_ment_xsgjs ul li {display: inline-block; width: 20%;margin:0;float:left;} .info_banner_ment_xsgjs ul li a {color: #fff;display: block;background:url(../images/nav_line_bj_bai.png) right center no-repeat;background-size: auto 100%;text-align: center;} .info_banner_ment_xsgjs ul li.hover a {background:#B75700/* url(../images/nav_line_bj_bai.png) right center no-repeat;background-size: auto 100%; */} .info_banner_ment_xsgjs ul li a:hover {background:#B75700 url(../images/nav_line_bj_bai.png) right center no-repeat;background-size: auto 100%;} .info_banner_ment_xsgjs ul li:last-child a {background-image: none;} .info_banner_list {padding-top:1px;padding-bottom:30px;overflow: hidden;} .info_banner_list .pic_list {background:#fff;overflow: hidden;} .info_banner_list .pic_list li .pic_txt { line-height: 20px; text-align: center; background: #7A817A; padding:10px 0; } .info_banner_list .pic_list li .pic_txt span {display:block;} .info_banner_list .pic_list li a {color: #fff;} /* .pic_list_dcsj{} .pic_list_dcsj ul{} .pic_list_dcsj li{ width:33.3%; float:left; border-right:1px solid #ccc;box-sizing: border-box; transition: 0.3s all;} .pic_list_dcsj li:nth-child(3n){ border-right:none;} .pic_list_dcsj li .pic_img{ width:100%; overflow:hidden; position:relative;} @media only screen and (max-width: 1920px){.pic_list_dcsj li .pic_img{height:380px;}} @media only screen and (max-width: 1680px){.pic_list_dcsj li .pic_img{height:360px;}} @media only screen and (max-width: 1440px){.pic_list_dcsj li .pic_img{height:340px;}} @media only screen and (max-width: 1360px){.pic_list_dcsj li .pic_img{height:320px;}} .pic_list_dcsj li .pic_img img{width:100%; height:100%; display:block;} */ .pic_list_dcsj {overflow: hidden;} .pic_list_dcsj ul{} .pic_list_dcsj li{ width:33.3%; float:left; border-right:1px solid #ccc;box-sizing: border-box; transition: 0.3s all;} .pic_list_dcsj li:nth-child(3n){ border-right:none;} .pic_list_dcsj li .pic_img{ width:100%; overflow:hidden; position:relative;} /* @media only screen and (max-width: 1920px){.pic_list_dcsj li .pic_img{height:380px;}} @media only screen and (max-width: 1680px){.pic_list_dcsj li .pic_img{height:360px;}} @media only screen and (max-width: 1440px){.pic_list_dcsj li .pic_img{height:340px;}} @media only screen and (max-width: 1360px){.pic_list_dcsj li .pic_img{height:320px;}} */ .pic_list_dcsj li .pic_img {height:370px;} .pic_list_dcsj li .pic_img img{width:100%; height:100%; display:block;} .pic_list_dcsj li .pic_txt_index {background:#222B22;height:70px;margin-top:-70px; opacity: 0.65; transition:all 500ms ease-out 0s;} .pic_list_dcsj li:hover .pic_txt_index,.pic_list_dcsj li.hover .pic_txt_index { position: relative; background:#00A032;height:370px; /* background-image: linear-gradient(to right, #005D31, #6DBE79, #21A363); */ background-image: linear-gradient(to bottom right, #00A032 , #00A096); margin-top:-370px; opacity: 0.7; z-index: 99999;} .pic_list_dcsj li a {display:block;color:#fff;} .pic_txt_index span {display: block;} .pic_list_dcsj .pic_txt_index .pic_txt_index_inro {display: none;height: 100px;overflow: hidden;} .pic_list_dcsj li:hover .pic_txt_index .pic_txt_index_inro {display: block;} .pic_list_dcsj li.hover .pic_txt_index .pic_txt_index_inro {display: block;} .pic_list_dcsj li:hover .pic_txt_index span.pic_txt_index_tag {display: none;} .pic_list_dcsj .pic_txt_index_title {text-align: center; font-size:20px;padding:10px 0;padding-bottom:0;padding-left:20px;height:30px;overflow: hidden;} .pic_list_dcsj .pic_txt_index_inro {padding:0px;height:auto;overflow: hidden;margin-top:10px;line-height:26px;} .pic_list_dcsj .pic_txt_index_tag {text-align: center;padding-left:20px;height:30px; overflow: hidden; line-height: 26px;left:0px;font-size:12px;bottom:100px;color: #eee;} .pic_list_dcsj .pic_txt_index_inro {margin:0 50px;font-size:12px;border-bottom: 1px solid #fff;padding-bottom:30px;} .pic_list_dcsj li:hover .pic_txt_index_title { padding-top:60px; padding-bottom:30px; } .pic_list_dcsj .pic_txt_index_img {display:none;text-align: center;padding-top:30px;} .pic_list_dcsj .pic_txt_index_img img {width: 58px;} .pic_list_dcsj li:hover .pic_txt_index_img {display: block;} .pic_txt_index_img span {width:58px;height:58px;margin:auto;background: url(../images/info_about_list_on.png) center no-repeat;background-size: 100% auto;} /*校庆*/ .pic_list_xiaoqin li .pic_txt_index {background:#680000;} .pic_list_xiaoqin .pic_txt_index_img span {width:58px;height:58px;margin:auto;background: url(../images/info_about_list_on_xiaoqin.png) center no-repeat;background-size: 100% auto;} .pic_list_xiaoqin li:hover .pic_txt_index,.pic_list_xiaoqin li.hover .pic_txt_index { position: relative; background:#DC4951;height:370px;background-image: linear-gradient(to right, #DC4951, #EA7177, #DC4951); opacity: 0.8; z-index: 99999;} .pic_list_xiaoqin li a {display:block;color:#fff;} /*蓝色*/ .pic_list_lan li .pic_txt_index {background:#222B22;} .pic_list_lan .pic_txt_index_img span {width:58px;height:58px;margin:auto;background: url(../images/info_about_list_on_lan.png) center no-repeat;background-size: 100% auto;} .pic_list_lan li:hover .pic_txt_index,.pic_list_xiaoqin li.hover .pic_txt_index { position: relative; background:#1977B9;height:370px;background-image: linear-gradient(to right, #1977B9, #33AFB4, #1977B9); opacity: 0.8; z-index: 99999;} .pic_list_lan li a {display:block;color:#fff;} /*校史馆*/ .pic_list_xsgjs li .pic_txt_index {background:#B75700;} .pic_list_xsgjs .pic_txt_index_img span {width:58px;height:58px;margin:auto;background: url(../images/info_about_list_on_xsgjs.png) center no-repeat;background-size: 100% auto;} .pic_list_xsgjs li:hover .pic_txt_index,.pic_list_xsgjs li.hover .pic_txt_index { position: relative; background:#EA6806;height:370px;background-image: linear-gradient(to right, #EA6806, #FFA400, #B75700); opacity: 0.8; z-index: 99999;} .pic_list_xsgjs li a {display:block;color:#fff;} /*宣传片*/ .pic_list_xuanchuanpian{width: 90%;margin:auto;} .pic_list_xuanchuanpian ul{} .pic_list_xuanchuanpian li{ width:50%; float:left; border-right:1px solid #ccc;box-sizing: border-box; transition: 0.3s all;} .pic_list_xuanchuanpian li:nth-child(2n){ border-right:none;} .pic_list_xuanchuanpian li .pic_img{ width:100%; overflow:hidden; position:relative;} .pic_list_xuanchuanpian li .pic_img {height:370px;} .pic_list_xuanchuanpian li .pic_img img{width:100%; height:100%; display:block;} .pic_list_xuanchuanpian li .pic_txt_index {position: relative; background:#222B22;height:70px;margin-top:-70px; opacity: 0.8; transition:all 500ms ease-out 0s;} .pic_list_xuanchuanpian li:hover .pic_txt_index,.pic_list_xuanchuanpian li.hover .pic_txt_index { position: relative; background:#1977B9;height:370px;background-image: linear-gradient(to right, #1977B9, #33AFB4, #1977B9);margin-top:-370px; opacity: 0.8; z-index: 99999;} .pic_list_xuanchuanpian li a {display:block;color:#fff;} .pic_list_xuanchuanpian .pic_txt_index span {display: block;} .pic_list_xuanchuanpian .pic_txt_index .pic_txt_index_inro {display: none;} .pic_list_xuanchuanpian li:hover .pic_txt_index .pic_txt_index_inro {display: block;} .pic_list_xuanchuanpian li.hover .pic_txt_index .pic_txt_index_inro {display: block;} .pic_list_xuanchuanpian li:hover .pic_txt_index span.pic_txt_index_tag {display: none;} .pic_list_xuanchuanpian .pic_txt_index_title {text-align: left; font-size:20px;line-height:70px;padding:0;padding-left:20px;height:70px;overflow: hidden;} .pic_list_xuanchuanpian .pic_txt_index_inro {padding:0px;height:auto;overflow: hidden;margin-top:10px;line-height:26px;} .pic_list_xuanchuanpian .pic_txt_index_tag {text-align: right;height:70px; padding-right:20px;overflow: hidden; line-height: 70px;font-size:12px;color: #eee;position: absolute;right:0;bottom:0;} .pic_list_xuanchuanpian .pic_txt_index_inro {margin:0 50px;font-size:12px;border-bottom: 1px solid #fff;padding-bottom:30px;} .pic_list_xuanchuanpian li:hover .pic_txt_index_title { padding-top:60px; padding-bottom:30px; text-align: center; } .pic_list_xuanchuanpian .pic_txt_index_img {display:none;text-align: center;padding-top:30px;} .pic_list_xuanchuanpian .pic_txt_index_img img {width: 58px;} .pic_list_xuanchuanpian li:hover .pic_txt_index_img {display: none;} .xywhsj_list {overflow: hidden;width: 1200px;} .xywhsj_list ul {overflow: hidden;padding:40px 0;text-align: center;} .xywhsj_list li {display: inline-block;width:275px;height:400px;margin:30px 10px; position: relative;} .xywhsj_list li img {max-width:100%;} .xywhsj_list li p {background:#2EB1E9; width:30px;height:20px;padding:15px 10px;border-radius: 100px; text-align:center; position: absolute;top:227px;left:50%;margin-left:-25px;} .xywhsj_list li:hover {box-shadow:2px 2px 10px #666;} .xywhsj_list li:hover p {box-shadow:2px 2px 10px #fff;} .xywhsj_list li:nth-child(1) {padding-left:0px;} .xywhsj_list li:nth-child(4) {padding-right:0px;} .xywhsj_list li:nth-child(2) p {background:#32BB5F;} .xywhsj_list li:nth-child(3) p {background:#EB6391;} .xywhsj_list li:nth-child(4) p {background:#D84243;} .xywhsj_list li:nth-child(5) p {background:#9669E0;} .xywhsj_list li:nth-child(6) p {background:#CA9144;} .xywhsj_list li:nth-child(7) p {background:#EBB52F;} .text_info_bot_news_title {width:1200px;margin:auto;color: #FF7D01;font-weight: normal;padding:20px 0;font-size:18px;} .text_info_bot_news .picScroll-left .bd ul li .news_txt p { line-height: 30px; color: #666; font-size: 12px; height: 30px; overflow: hidden; } .weizhidaohang {padding:5px 0;padding-left:15px;border-left:3px solid #005d31;margin:35px 0;margin-bottom: 50px;color:#666;} .text_info_h1 {font-size:26px;font-weight: normal;} .text_info_rqkey {padding:10px 0;} .text_info_rqkey span {display: inline-block;padding-right:50px;} .text_info_rqkey span a {display: inline-block;font-size:12px;background:#808080;color: #fff;margin-right:5px;padding:2px 10px;border-radius: 30px;} .text_info_text {border-top:1px solid #e3e3e3;padding-top:50px;margin-top:10px;line-height: 26px;} .text_info_text img {max-width: 100%;} .text_info_zuozhe {padding-top:30px;padding-bottom:50px;color:#999;} .tags_cen_nav {height:150px;background:url(../images/tags_cennav_bj.jpg) left top repeat-x;} .tags_cen_nav_left {width:40%;float:left;height:85px;} .tags_cen_nav_right {width:55%;float:right;height:55px;padding-top:28px;text-align: right;} .tags_cen_nav .weizhidaohang {padding:0;padding-left:15px;height:25px;line-height:25px;border-left:3px solid #005d31;margin:0;margin-top:30px;} .tags_cen_nav_right p , .tags_cen_nav_right form {float:right;} .tags_cen_nav_right p {padding-right:10px;} .tags_cen_nav_right p a {display: inline-block;border:1px solid #666;border:1px solid #666;padding:2px 10px;border-radius: 30px;margin-right:10px;} .tags_cen_nav_right form {border:1px solid #666;border-radius: 30px;padding-left:5px;padding-right:5px;} .tags_cen_nav_right form .Search_input {border:none;float:left;padding-left:10px;border-radius: 30px; height:20px;} .tags_cen_nav_right form .Search_Search {height:20px;width:20px;border:none; background:url(../images/Search.png) center center no-repeat;background-size: auto 80%;} .tags_list {overflow: hidden;} .tags_list_left {float:left;width:60%;} .tags_list_right {float:right;width:30%;} .tags_list_right dt {padding-left:10px;border-left:3px solid #005d31;margin-bottom:5px;font-size:16px;color:#000;} .tags_list_right dd {border-top:1px dotted #666;padding-top:10px;} .tags_list_right dd a {display:inline-block;padding:6px 10px;} .tags_list_left_div ,.tags_list_left_div dl.news_list_dl_con {overflow: hidden;} .tags_list_left_div dl.news_list_dl_con {clear:both;border-top:1px dotted #666;padding:20px 0;} .tags_list_left_div dl.news_list_dl_con img {width:100%;height:120px;} .tags_list_left_div dt.fl {float:left;width:22%;} .tags_list_left_div dd.fr {float:right;width:75%;} .tags_list_left_div dd.fr h5 {font-size:18px;} .tags_list_left_div dd.fr .inro {color:#666;padding:10px 0;} .tags_list_left_div dd.fr .dk span {display: inline-block;padding-right:30px;} .tags_list_left_div dd.fr .dk span a {display: inline-block;border:1px solid #999;font-size:12px; color: #999;border-radius: 30px;padding:0px 8px;margin-right:10px;} .tags_list_left_title {padding-left:10px;border-left:3px solid #005d31;margin-bottom:5px;font-size:16px;color:#000;} /*ID选择器 以id命名 #名字*/ .menu_about {/*类选择器 以class命名 .名字*/ width:70px;/*宽度*/ height:450px;/*高度*/ background:#fff;/*背景 复合型属性*/ position:fixed;/*固定定位 固定到浏览器窗口上 参照物*/ left:30px; top:200px; border-radius:10px;/*圆角幅度*/ border:1px solid #ddd;/*边框线:粗细 线类型 颜色*/ padding:5px 10px;/*上下内边距 左右内边距*/ display:block;/*显示*/ } .menu_about ul li{/*后代选择器*/ list-style:none;/*默认的列表样式*/ height:35px; color:#666; font-size:12px; line-height:35px; border-radius:5px; } .iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; margin-left:5px; margin-right:10px; } .menu_about ul li.on{ background:#ff00cc; color:#fff; } .main_about { width:1000px; height:1000px; margin:200px auto 10px;/*上200 左右居中 下10*/ } .main_about ul li{list-style:none;} .about_info {overflow: hidden;padding-top:80px;} .about_info_left {width:200px;position:absolute;z-index:100;} .fix {position: fixed;top:50px;} .about_info_left ul {} .about_info_left ul li {height:50px;line-height: 50px;background:#00A57D;padding-left: 1px;} .about_info_left ul li span {display: block;padding-left:5px; border-left:3px solid #00A57D;} .about_info_left ul li.on span {border-left:3px solid #fff;} .about_info_right {width:75%;padding-left:25%;} .about_info_right_title {font-size: 26px;font-weight: bold;} .about_info_right_text {line-height:26px;} .about_info_right_text p {padding:15px 0;} .menu_about_div {/* border:1px solid #000; */} .about_info_div2hui {height:600px;padding:10px 0;width:75%;padding-left:25%;background:#eee;position:relative;z-index:-1;} .about_info_div3 {height:600px;padding:50px 0;width:75%;padding-left:25%;} .about_left_ment { position: relative; } .about_left_ment_none { display: none; } #floorNav { display:block; position:fixed; width:200px; } .floorNavheight { top:180px; } .fixx {top:30px;} /* #floorNav ul {border:1px solid #CECECE;} */ #floorNav li { position:relative; width:170px; height:88px; padding-left:30px; border-bottom:1px solid #CECECE; text-align:left; line-height:88px; font-size:12px; background:#00A57D; color:#fff; cursor: pointer; font-size:16px; background-image: linear-gradient(to right, #00A57D , #008A85); } #floorNav li a {color:#fff;} #floorNav span { display:none; position:absolute; top:0; left:0; padding-left:30px; height:26px; margin-left:1px; margin-top:31px; width:167px; line-height:26px; background:#00A57D; background-image: linear-gradient(to right, #00A57D , #008A85); color:white; cursor: pointer; border-left:2px solid #fff; } #floorNav li:hover span,#floorNav li.hover span { display:block; } #floorNav li:last-child { padding-left:70px; width:130px; border-bottom:none; background:#CE4650 url(../images/zixun.png) 20px center no-repeat; background-size: auto 40%; } #floorNav li:last-child a { color:#fff; } #header,#footer { width:1000px; height:1000px; background:darkgoldenrod; margin:0 auto; } /* #content { } #content li { width:1000px; height:600px; margin:0 auto; font-size:40px; text-align:center; } */ #content div.divcontent { } #floorNav .tel {margin-top:20px;border:1px solid #00A47D;border-radius: 50px;padding:10px 0; padding-left:50px;background:url(../images/tel.png) 20px center no-repeat;background-size: auto 50%;} #floorNav .tel a {color:#00A47D;font-size:16px;} .divcontent dl.about_dl {margin-left:28%;padding-bottom:30px;} dt.about_info_dt {font-size: 26px;font-weight: bold;padding-top:60px;} dt.about_info_dt span {display: block;margin-top:5px;width:55px;height:3px;line-height: 0;background:#005d31;} .divcontent .about_dl dd {line-height:26px;overflow: hidden;} .divcontent .about_dl dd p {padding:10px 0;} .about_info_zhici {background:#eee;} .about_info_zhici dl {padding-bottom:50px; background:url(../images/about_info_zhici_bg.png) center 70px no-repeat;} .about_info_zhici_banner {height:320px;} .about_info_wenhua {background:#E5E5E5 url(../images/about_info_wenhua_bg.png) left 380px no-repeat;background-size: auto 60%;} .divcontent .about_dl dd img {max-width: 100%;} .about_info_biaozhi img {width: 50%;} .about_info_biaozhi_left {float:left;width:60%;} .about_info_biaozhi_right {float:right;width:30%;} .about_rongyu_box { display: flex; flex-direction: row ; flex-wrap:wrap; padding-top:20px; } .about_rongyu_box li { width:27.3%;text-align: center; padding:0 2%; } .about_rongyu_box li .img {padding-top:30px;width:240px;height:160px;margin:auto;} .about_rongyu_box li .img img {width:240px;height:160px;} .about_rongyu_box li .title {font-size:16px;font-weight: bold;padding:10px 0;} .about_rongyu_box li .inro span {display: block;} .about_rongyu_box li .inro p {display: block;padding:0;line-height:22px;} .news_list_top {height:70px;padding-top:50px;padding-bottom:40px;margin-left:22%;} .news_list_body .floorNavheight { top:280px; } .news_list_body .fixx {top:50px;} .news_list_top .weizhidaohang {padding:0;padding-left:15px;border-left:3px solid #005d31;margin: 0;margin-bottom:0px;color:#666;} /* .news_list_top p , .tags_cen_nav_right form {float:left;} */ .xinwen_list form {float:left;margin-right:20px;} .news_list_top p {padding-left:20px;} .news_list_top p a {display: inline-block;border:1px solid #666;border:1px solid #666;padding:2px 10px;border-radius: 30px;margin-right:5px;} .news_list_top form {float:left;border:1px solid #666;border-radius: 30px;padding-left:5px;padding-right:5px;} .news_list_top form .Search_input {border:none;float:left;padding-left:10px;border-radius: 30px; height:20px;} .news_list_top form .Search_Search {height:20px;width:20px;border:none; background:url(../images/Search.png) center center no-repeat;background-size: auto 80%;} .news_list_top_form {padding-top:25px;} .news_list_right_div {overflow: hidden;} .news_list_right_div #content {float:left;width:54%;margin-left:22%;} .news_list_right_div_right {float:right;width:18%;} .news_list_right_div .divcontent {min-height: 600px;} .news_list_right_div ,.news_list_right_div dl.news_list_dl_con {overflow: hidden;} .news_list_right_div dl.news_list_dl_con {clear:both;border-bottom:1px dotted #666;padding:20px 0;} .news_list_right_div dl.news_list_dl_con img {width:100%;height:120px;} .news_list_right_div dt.fl {float:left;width:25%;} .news_list_right_div dd.fr {float:right;width:72%;} .news_info_bot_list dt.fl {width:22%;} .news_info_bot_list dd.fr {width:75%;} .news_list_right_div dd.fr h5 {font-size:18px;height: 28px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; } .news_list_right_div dd.fr .inro {color:#666;height:46px;line-height:23px; overflow: hidden; margin-top:10px;margin-bottom:10px;} .news_list_right_div dd.fr .dk span {display: inline-block;padding-right:30px;} .news_list_right_div dd.fr .dk span a {display: inline-block;border:1px solid #999;font-size:12px; color: #999;border-radius: 30px;padding:0px 8px;margin-right:10px;} .news_list_right_div .divcontent {padding-bottom:50px;} .news_list_title {border-left:3px solid #005d31;padding-left:15px;margin-bottom:20px;} .news_list_title span {display: inline-block;font-size:14px;font-weight: normal;float:right;} .news_list_right_hot_title {text-align: center;border-bottom:1px dotted #666;padding-bottom:15px;} .news_list_right_hot_one {position: relative;height:170px;margin-top:10px;} .news_list_right_hot_one dt img {height:150px;width:100%;} .news_list_right_hot_one dd div {position:absolute;background:#333;color:#fff;opacity: 0.8;top:120px;height:30px;line-height: 30px;width:96%;text-align: center;padding:0 2%;overflow: hidden;text-overflow:ellipsis; white-space:nowrap;} .news_list_right_hot_one dd span {display:block;width:30px;padding-left:10px;height:40px;line-height:34px;color:#fff;background:#FF7D00;position: absolute;top:0;left:0;border-radius: 0 0 100px 0;font-style: italic;font-weight: bold;} .news_list_right_hot_more {height:85px;clear: both;/* margin-bottom:15px; */} .news_list_right_hot_more dt {position: relative;width:40%;float:left;} .news_list_right_hot_more dt img {width:100%;height:65px;} .news_list_right_hot_more dt span {display: block;position: absolute;top:0;left:0;width:24px;padding-left:6px;height:30px;line-height:24px;color:#fff;background:#00A47D;border-radius: 0 0 100px 0;font-style: italic;font-weight: bold;} .news_list_right_hot_more dd {float:right;width:55%;} .news_list_right_hot_more dd div {height:20px;line-height: 20px;font-weight: bold;overflow: hidden;} .news_list_right_hot_more dd p {color:#ccc;font-size: 12px;padding-top:5px;} .news_list_right_hot_more dd p span {display: block;line-height: 20px;} .news_list_info_body #content {float:left;width:70%;margin-left:22%;} .news_list_info_body .news_list_top {height:70px;padding-top:50px;padding-bottom:0px;margin-left:22%;} .news_list_info_body .floorNavheight { top: 240px; } .news_list_info_body .fixx {top:50px;} .news_info_con_next { /* */ text-align: right; padding-bottom:50px; } .news_info_con_next a {color:#666;} .news_info_con_next span { display: inline-block; } .news_info_con_next span.fanhui {padding:0 50px;} .video_info_left {width:60%;float:left;} .video_info_right {width:20%;float:right;padding-top:100px;} .video_info_right_list {border: 1px solid #ccc;margin-bottom:15px;} .video_info_right_list dt {height:270px;} .video_info_right_list dt img {width:100%;height:270px;} .video_info_right_list dd {background:#fff;padding-top:10px;padding-left:15px;} .video_info_right_list dd .date {padding-top:5px;padding-bottom:10px;} .video_info_bot {clear: both;padding-bottom:80px;padding-top:50px;} .video_info_bot span {display:block;width:33.3%;float:left;text-align: center;} .video_info_bot span a {color: #999;} .video_info_bot span.xuanchuanpian_left {text-align: left;} .video_info_bot span.xuanchuanpian_right {text-align: right;} .text_info_text_video { border-top: 1px solid #ccc; padding-top: 20px; } .text_info_video {padding-top:30px;padding-bottom:20px;} .text_info_video video {width:100%;} .image_info_bot_news_bj {background:#fff;} .image_info_zutu {overflow: hidden;} .text_info_text_cencon {overflow: hidden;} .text_info_text_cencon_left {float:left;width:68%;padding-top:30px;border-top:1px solid #ccc;} .text_info_text_cencon_right {float:right;width:20%;} .text_info_text_cencon_right_ment {overflow: hidden;text-align: right;padding-bottom:20px;} .text_info_text_cencon_right_ment li {padding:1px 0;} .text_info_text_cencon_right_ment li a {display: inline-block;padding:5px 0;border-bottom:2px solid #eee;} .text_info_text_cencon_right_ment li a:hover,.text_info_text_cencon_right_ment li a.hover {border-bottom:2px solid #FF7D00;} .text_info_text_cencon_right_kefu {font-size:16px;} .text_info_text_cencon_right_kefu li {background:#fff;border-radius: 5px;margin-bottom:8px;} .text_info_text_cencon_right_kefu li:first-child {background:#fff url(../images/tel.png) 25px center no-repeat;background-size: auto 45%;padding:20px 0;padding-left:70px;} .text_info_text_cencon_right_kefu li:first-child p {color:#FF7D00;} .text_info_text_cencon_right_kefu li:last-child a {background:#FF7D00 url(../images/zixun.png) 25px center no-repeat;color: #fff;display: block;padding:20px 0;border-radius: 5px; padding-left:70px;background-size: auto 50%;} #certify { position: relative; width: 1200px; margin: 0 auto } #certify .swiper-container { padding-bottom: 90px; } #certify .swiper-slide { width: 520px; height: 320px; background: #fff; box-shadow: 0 8px 30px #ddd; } #certify .swiper-slide img{ display:block; height:320px; } #certify .swiper-slide p { line-height: 98px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; } #certify .swiper-pagination { width: 100%; bottom: 20px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 2px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 2px solid #005D32; background-color: #fff; } #certify .swiper-button-prev { left: -30px; width: 80px; height: 80px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 0; background-size: 100%; } #certify .swiper-button-prev:hover { background-position: 0 -80px; background-size: 100% } #certify .swiper-button-next { right: -30px; width: 80px; height: 80px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 -160px; background-size: 100%; } #certify .swiper-button-next:hover { background-position: 0 -240px; background-size: 100% } #certify .swiper-pagination .swiper-pagination-bullet{ width: 35px; height: 35px; border-radius: 0; } #certify .swiper-pagination .swiper-pagination-bullet img{ width: 35px; height: 35px; } .image_info_body .right_kefu {display: none;} #floorNav_xywh { display:block; /* position:fixed; */ top:0px; /* left:50%; margin-left:-500px; */ overflow: hidden; margin:auto; width:100%; } .xywh_index_ment_bg { background:#fff url(../image/bj.png) left 40px repeat-x; border-bottom:1px solid #efefef; padding:0px 0; overflow: hidden; } /* .fix_xywh {position: relative;} */ .fix_on { position:fixed; width:100%; z-index: 999999; } .fix_on_top { position:fixed; width:100%; z-index: 9999; margin-bottom:120px; } #floorNav_xywh li { position:relative; height:36px; text-align:center; line-height:36px; font-size:12px; float:left; padding:0 20px; border-radius: 0px; margin:3px 5px; cursor: pointer; } #floorNav_xywh span { display:none; position:absolute; top:0; left:0; height:36px; /* background-image: linear-gradient(to right, #EC6E00 , #E28F00); */ color:#EC6E00; border-bottom:2px solid #EC6E00; /* padding:0 20px; */ margin:auto 20px; } /* #floorNav_xywh li { position:relative; height:32px; text-align:center; line-height:32px; font-size:12px; float:left; padding:0 20px; border-radius: 5px; margin:3px 5px; cursor: pointer; } #floorNav_xywh span { display:none; position:absolute; top:0; left:0; height:32px; background-image: linear-gradient(to right, #EC6E00 , #E28F00); color:white; padding:0 20px; border-radius: 5px; } */ #floorNav_xywh li:hover span,#floorNav_xywh li.hover span { display:block; } /* #floorNav_xywh li:last-child { background:red; color:white; border-bottom:none; } */ /* #header_xywh,#footer_xywh { width:1000px; height:1000px; background:darkgoldenrod; margin:0 auto; } */ #content_xywh { padding-bottom:50px; } #content_xywh .content_xywh_div { min-height:600px; margin:0 auto; padding-top:80px; /* border:1px solid #000; */ } .content_xywh_div_rep { position: relative; } .content_xywh_div_rep .xywh_list_more {position: absolute;margin:0 1%;height:20px;border-bottom:1px solid #ccc;text-align: right;width:100%;bottom:-30px;z-index: 999;} .content_xywh_div_rep .xywh_list_more span {display: inline-block;position: relative; background:#ededed;padding:10px 15px;padding-right:5px;} .content_xywh_div_rep .xywh_list_more span a {color: #999;} #content_xywh .content_xywh_div:first-child { padding-top:0px; } .content_xywh_div_on { padding-top:120px!important; } .xywh_index_ment_top {height:50px;display: none;} .xywh_index_ment_top a {display: inline-block;width:50%;background:#7E7975;float:left;text-align: center;height:50px;line-height: 50px;color:#fff;} .xywh_index_ment_top a:hover,.xywh_index_ment_top a.hover {background:#FF7D00;} .content_xywh_div_xywhjs .pic_txt_index_title { text-align:left; } .content_xywh_div_xywhjs li:hover .pic_txt_index_title { text-align:center; color:#fff; } .content_xywh_div_xywhjs li:hover .pic_txt_index_inro { color:#fff; } .content_xywh_div_xywhjs li .pic_txt_index { height: 100px; margin-top: -100px; opacity: 0.9; background: #fff; transition: all 500ms ease-out 0s; color:#333; } .content_xywh_div_xywhjs .pic_txt_index_tag { text-align: right; float:right; padding-right: 20px; height: 30px; overflow: hidden; line-height: 26px; left: 0px; font-size: 12px; color: #333; margin-top:-28px; } .content_xywh_div_xywhjs li { width: 33.1%; float: left; margin:0.5% 0.1%; border: 1px solid #ccc; box-sizing: border-box; transition: 0.3s all; } .content_xywh_div_xywhjs li:nth-child(3n) { border-right:1px solid #ccc; } .content_xywh_div_xywhjs li:hover .content_xywh_div_xywhjs_tags { display: none; } .content_xywh_div_xywhjs_tags {display: block;position: absolute; padding-left:10px;margin-top:-50px;} .content_xywh_div_xywhjs li span.content_xywh_div_xywhjs_tags a {color: #333;margin:3px; display:inline-block;border:1px solid #ccc;padding:3px 10px;border-radius: 50px;} .content_xywh_div_xywhjs ul li:first-child {overflow: hidden;padding:0;} .content_xywh_div_xywhjs ul li:first-child img {display:block;width:100%;height:370px;margin:0;} .content_xywh_div_xywhjs ul li .pic_img {height:370px;} .content_xywh_div_xywhjs ul li .pic_img img {height:370px;} .content_xywh_div_xywhjs li:hover .pic_txt_index,.content_xywh_div_xywhjs li.hover .pic_txt_index { position: relative; background:#EA6806;margin-top:-370px;height:370px;background-image: linear-gradient(to right, #EA6806, #FFA400, #B75700); opacity: 0.8; z-index: 99999;} /* .content_xywh_div_xywhjs ul li:first-child:hover img {} */ /* .content_xywh_div_xywhjs li .pic_img {height:380px;} */ .lxwm_info_ul { overflow: hidden; padding-top:60px; padding-bottom:120px; } .lxwm_info_ul li { float:left; width:33.33%; /* padding-bottom:50px; */ text-align: center; color: #004227; background:url(../images/lxwm_line.png) right center no-repeat; background-size: auto 80%; font-weight: bold; line-height: 26px; font-size:16px; } .lxwm_info_ul li:nth-child(3n) { background-image: none; } .lxwm_info_ul li span { display: block; } .lxwm_info_ul li img {height:35px;} .lxwm_info_ul li p { border-bottom:1px solid #004227; margin:auto 20%; padding:50px 0; } .index_case_list li {padding-bottom:10px;} .news_info_con_rightmargin {margin-right:12%;} .news_list_dd_h5_news {display: inline-block;background:#FF7D00;color: #fff;font-size:12px;font-weight: normal;padding:1px 15px;border-radius: 30px;} /*分页相关*/ .pagelist {text-align: center;padding:15px 0;} .pagelist ul{text-align:center;overflow: hidden;} .pagelist li{display:inline-block;margin:0 2px;} .pagelist li a{color:#666;display:inline-block;border:0px solid #ddd;padding:15px 10px;border-radius: 3px;} .pagelist li a:hover{color:#004227;font-size: 18px; font-weight: bold;} .pagelist li.active a{color:#004227;font-size: 18px; font-weight: bold;} .pic_art_list dl dd i.n_tags a,.tag_list dl dd i.n_tags a { display: inline-block;background:#ccc;color:#333;line-height:26px;padding:0 10px;margin:auto 3px;border-radius:5px;border:0px solid #ccc;} .pic_art_list dl dd i.n_tags a:hover,.tag_list dl dd i.n_tags a:hover {background:#035CAC;color:#fff;border:1px solid #035CAC;} .pagelist span {display: block;padding-top:5px;} .pagelist span strong {color:#004227;padding:0 2px;} .pagelist img {height:35px;margin-bottom:-10px;} .index_case_list .pic_txt_index_tag b {display: inline-block;font-weight: normal;margin-right:10px;} .index_case_list_style li .pic_txt_index { background: #005D31; height: 85px; transition: all 500ms ease-out 0s; } .index_case_list_style .pic_txt_index_tag b {margin-top: 2px;color: #eee;} .index_case_list_style li:hover .pic_txt_index,.index_case_list_style li.hover .pic_txt_index { position: relative; background:#005D31; height:185px; /* background-image: linear-gradient(to right, #005D31, #6DBE79, #21A363); */ background: url(../images/bj.png) center no-repeat; background-size: 100% auto; margin-top:-100px; opacity: 1; z-index: 99999; } @media only screen and (max-width: 1920px){.index_case_list_style li .pic_img{height:255px;}} @media only screen and (max-width: 1680px){.index_case_list_style li .pic_img{height:255px;}} @media only screen and (max-width: 1440px){.index_case_list_style li .pic_img{height:225px;}} @media only screen and (max-width: 1360px){.index_case_list_style li .pic_img{height:215px;}} @media only screen and (max-width: 1920px){.index_case_list_style li .pic_img2{height:255px;}} @media only screen and (max-width: 1680px){.index_case_list_style li .pic_img2{height:255px;}} @media only screen and (max-width: 1440px){.index_case_list_style li .pic_img2{height:225px;}} @media only screen and (max-width: 1360px){.index_case_list_style li .pic_img2{height:215px;}} @media only screen and (max-width: 1920px){.index_case_list_style li .pic_img{height:340px;}} @media only screen and (max-width: 1680px){.index_case_list_style li .pic_img{height:320px;}} @media only screen and (max-width: 1440px){.index_case_list_style li .pic_img{height:300px;}} @media only screen and (max-width: 1360px){.index_case_list_style li .pic_img{height:290px;}} @media only screen and (max-width: 1920px){.index_case_list_style li .pic_img2{height:340px;}} @media only screen and (max-width: 1680px){.index_case_list_style li .pic_img2{height:320px;}} @media only screen and (max-width: 1440px){.index_case_list_style li .pic_img2{height:300px;}} @media only screen and (max-width: 1360px){.index_case_list_style li .pic_img2{height:290px;}} /* @media only screen and (max-width: 1920px){.index_case_list_style li .pic_img{height:380px;}} @media only screen and (max-width: 1680px){.index_case_list_style li .pic_img{height:360px;}} @media only screen and (max-width: 1440px){.index_case_list_style li .pic_img{height:340px;}} @media only screen and (max-width: 1360px){.index_case_list_style li .pic_img{height:320px;}} @media only screen and (max-width: 1920px){.index_case_list_style li .pic_img2{height:380px;}} @media only screen and (max-width: 1680px){.index_case_list_style li .pic_img2{height:360px;}} @media only screen and (max-width: 1440px){.index_case_list_style li .pic_img2{height:340px;}} @media only screen and (max-width: 1360px){.index_case_list_style li .pic_img2{height:320px;}} */ .index_case_list_style .pic_txt_index_title { font-size: 20px; padding: 15px 0; padding-bottom: 0; padding-left: 20px; height: 30px; overflow: hidden; } .index_case_list_style li:hover .pic_txt_index_title {padding-top:25px;font-size: 22px;} /* */.index_case_list_style li {position: relative; overflow: hidden;} .index_case_list_style li .pic_img2 {display: none; width:100%;top:0; background: #00995B;opacity: 0.2; position:absolute;z-index: 99998;} .index_case_list_style li:hover .pic_img2 {display: block;} .line {height:20px;background:#eee;} .footer_div {background:#fff;} .footer_bot {padding-top:80px;padding-bottom:80px;display: flex;flex-direction:row;} .footer_bot .box {} .box_a {width:130px;flex-shrink:0;} .box_b {width:1120px;flex-shrink:1;} .box_c {width:300px;flex-shrink:0;padding-left:30px;border-left:1px solid #ccc;} .box_c h4{ font-size:16px; margin-bottom:10px;font-weight: normal;color:#005D31;} .box_c h5{ font-size:12px; color:#c0c0c0; margin-top:5px;font-weight:normal;} .box_b .dllistt { float:left; width:16.5%; /* padding-right:35px; */ min-height:150px; } .box_b .dllistt dt { background:url(../images/bot_title_li.png) left center no-repeat; background-size: auto 100% ; } .box_b .dllistt dt a{ font-size: 16px; padding-left:10px; } .box_b .dllistt a{ color:#999; font-size: 12px; } .box_b .dllistt a:hover{ text-decoration: underline; } .box_b .dllistt dt { font-size: 15px; line-height: 24px; margin-bottom: 12px; } .box_b .dllistt dt a { color:#333; } .box_b .dllistt dd{ line-height: 22px; font-size:12px; padding-left:10px; } .box_b .dllistt dd a { color:#999; } .box_a .dllistt img {width:70px;} .xywhsj_list_on {width:100%;} .xywhsj_list_on_fix {height:0px;transition: all 500ms ease-out 0s;} .lists_images_xywhjs_index_banner {height:0px;transition: all 500ms ease-out 0s;} .blockmore {height:50px;} .nav .a186 ,.nav .a193 {visibility: hidden} .nav .a186 a,.nav .a193 a {display: none;} .index_a_186 .subb/* ,.index_a_193 .subb */ {display: none;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px !important; } .lxwm_info_div { height:422px; background: url(../image/lxwm_cen_bj.jpg) center no-repeat; } .lxwm_info_two {padding-top:116px;} .lxwm_info_two img {width: 1100px;} .kongbai {height:32px;background: #333;} .xiaoqingcehuaabout220621 { padding-top:30px; } .indexprbody { width: 1460px; } .index_video { width: 1200px; position: relative; margin: auto; } .text_info_video1 { width: 100%; position: absolute; z-index: 99999; margin-top: -260px; text-align: center; } .text_info_video1 video { height: 560px; margin: 0; } .index_case_list_style span.pic_txt_index_inro { height: auto; } .index_case_list_style li:hover .pic_txt_index_title { padding-left:20px; } .index_case_list_style .pic_txt_index_inro { padding: 0 20px; height: 70px !important; overflow: hidden; margin-top: 18px !important; line-height: 26px; } .pic_list_dcsj li { overflow: hidden; } .ProductIntroduction { position: relative; width: 1174px; margin:40px auto; overflow: hidden; /* background-color:#fff; box-shadow: 0px 0px 25px #ccc; */ } .ProductExhibition { position: relative; width: 100%; height: 0px; text-align: right; } .ProductExhibition .Exhibition_num .Exhibition_item { margin-right: 15px; height: 125px; } .ProductExhibition .Exhibition_num .Exhibition_item img { width: 193px; height: 125px; border-radius: 6px; opacity: 0.5; vertical-align: top; box-sizing: border-box; padding: 15px; } .ProductExhibition_box, .ProductExhibition_box .Exhibition_Img, .ProductExhibition_box .Exhibition_Img img { width: 100%; height: 622px; } .ProductExhibition_box .Exhibition_Img img { box-sizing: border-box; padding: 15px; border-radius: 20px; } .Exhibition_items::after { position: absolute; display: block; width: 0; height: 0; bottom: 0; top: 0; margin: auto; border-radius: 0 3px 0 0; border-color: #005d31 #005d31 transparent transparent; border-style: solid; border-width: 6px; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); left: -5px; /* right: 0; */ background: -o-linear- n(45deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 49%, #005d31 50%, #005d31 100%) no-repeat border-box; background: linear-gradient(45deg, rgba(255, 255, 255, 0) , rgba(255, 255, 255, 0) 49%,#005d31 50%, #005d31) no-repeat border-box; content: ""; } .Exhibition_items { position: absolute; right: 28px; top: 13px; width: 168px; height: 98px; box-sizing: border-box; border: 0; border-radius: 3px; -webkit-box-shadow: inset 0 0 0 3px #005d31; box-shadow: inset 0 0 0 3px #005d31; -webkit-transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1); -o-transition: transform .5s cubic-bezier(.86, 0, .07, 1); transition: transform .5s cubic-bezier(.86, 0, .07, 1); transition: transform .5s cubic-bezier(.86, 0, .07, 1), -webkit-transform .5s cubic-bezier(.86, 0, .07, 1); } .icon_LImg img, .icon_RImg img { width: 5px; height: 9px; } .icon_LImg, .icon_RImg { position: absolute; z-index: 30; width: 26px; height: 26px; border-radius: 2rem; background-color: black; text-align: center; line-height: 23px; opacity: .5; } .icon_LImg { top: -50px; transition: all .3s; right: 85px; } .icon_RImg { right: 85px; transition: all .3s; top: 640px; } .icon_LImg:hover, .icon_LImg:focus, .icon_RImg:hover, .icon_RImg:focus { opacity: .8; } .ProductExhibition:hover .icon_LImg { top: -50px; } .ProductExhibition:hover .icon_RImg { top: 594px; } .icon_LImg img { transform: rotate(90deg); } .icon_RImg img { transform: rotate(-90deg); } .ProductExhibition .Exhibition_num .czt_active img { opacity: 1; } .ProductExhibition_wrap { position: relative; width: 957px; height: 622px; } .ProductExhibition_box { position: absolute; height: 120000px; transition: all .5s; } .ProductExhibition_box img { width: 646px; height: auto; } .pic_txt_index_img span { opacity: 1; }