html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{font-family: "Microsoft YaHei"; margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;} /*******CSS reset*************/ body{position:relative;z-index:-2;background:#fff; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;} .left{float: left;} .right{float:right;} .clear{clear:both;} /*#grid li{ position: relative; } #grid li h3{ background: rgba(0,0,0,.8); position: absolute; top:100%; height: 100%; width: 100%; } */ /*******Css sprite*******/ .plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;} .plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#7dadd5;line-height: 45px;margin-top:1px;} .plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .plugin-fixed-call .child a{ display: inline-block; overflow: hidden; } .plugin-fixed-call .child:hover{width:160px;background: #000;} .plugin-fixed-call .child img{position:absolute;top:0px;left:0px;} .plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;} .plugin-fixed-call .fixedQQ{bottom:92px;} .plugin-fixed-call .fixedCall{bottom:46px;} .plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";} .plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;} .plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:#7dadd5;line-height: 45px;margin-top:1px;} .plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;} .fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;} .fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;} .wrap{margin:0 auto; overflow: hidden;} .logo{font-size:28px;} .logo img{vertical-align:middle;} .tel{padding:3px 0 4px 28px;height:24px;background-position:0 -176px;clear:right;} .tel span{color:#ff0000;vertical-align:-3px;font-size:24px;} .main{overflow:visible;} .main .inner{ overflow: visible; } .widget{overflow:hidden;margin-bottom:20px;width:230px;line-height:34px;} .widget dd a{padding-left:19px;background-position:0 -59px;color:#444;} .widget a:hover{color:#0075c5;} .widget .clicked{background-position:0px -78px;} .widget .clicked a{background-position:0px -86px;color:#fff;} .widget ol{margin-left:10px;} .widget dd{padding-left:8px;height:30px;} .widget ul{padding-left:28px;} .widget p{margin-left:6px;font-size:12px;line-height:20px;} .short_title{margin-bottom:15px;height:34px;border-radius:2px 2px 0 0;background-position:0 -44px;width:100%;overflow:hidden;zoom:1;} .short_title span{margin-left:12px;padding-left:13px;background-position:0 -33px;color:#f1a3a6;} .page{margin:10px 20px 15px 0;} .page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;} .page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;} .current{padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;} .j-main{ width: 1200px; height: 565px; background: url(../Image/img_54.jpg) no-repeat center; } .j-main h3{ text-align: center; font-size: 18px; line-height: 40px; color: #555; padding:40px 240px; } .j-main ul{ overflow: hidden; padding:0 50px; } .j-main li{ overflow: hidden; float: left; } .j-main li+li{ float: right; } .j-main li a{ display: block; width: 500px; height: 326px; } .j-main li:nth-child(1) a{ background: url(../Image/rc01.jpg) no-repeat; } .j-main li:nth-child(1) a:hover{ background: url(../Image/rc03.jpg) no-repeat; } .j-main li:nth-child(2) a{ background: url(../Image/rc02.jpg) no-repeat; } .j-main li:nth-child(2) a:hover{ background: url(../Image/rc04.jpg) no-repeat; } /* jobs 重写*/ .jobs-info{ border:1px solid #ccc; border-collapse: collapse; width: 100%; } .jobs-tit{ text-align: center; height: 42px; line-height: 42px; background: #7cacd4; font-size: 18px; color: #fff; } .jobs-tit a{ font-size: 22px; color: #fd8800; font-weight: bold; } .jobs-info th{ background: #333333; text-align: center; font-size: 14px; color: #ffffff; font-weight: bold; } .jobs-info td{ font-size: 14px; color: #666666; line-height: 24px; } .jobs-info td h3{ font-size: 14px; font-weight: bold; color: #666666; } .jobs-info th, .jobs-info td{ border:1px solid #ccc; text-align: center; padding:10px; } .jobs-info .jobs-txt p{ text-align: left; font-size: 14px; color: #666666; } /*产品页样式*/ .pro-type{width: 100%; margin: 15px 0 20px;} .pro-type ul{text-align: center;} .pro-type ul li{width: 180px;display: inline-flex;margin: 0 40px;} .pro-type a{width: 180px;text-align: center;height: 45px;line-height: 45px; font-size: 18px; color: #fff; background: #226aad;margin: 15px 0 0;border-radius: 30px;} .pro-type a:hover{background: #4da7db;color: #000;} .pro-in{width: 100%;box-sizing: border-box;} .n_pro{padding:20px 0;background: #fff;overflow: hidden;} a{ transition: all 0.3s; } .n_pro li{ width: 237px; height: 180px; background: #f7f7f7; padding: 20px; float: left; margin:0 10px 20px; } .n_pro li a{ display: block; } .n_pro li a:hover{ transform: translateY(10px); } .n_pro li .art_title{ width: 100%; height: 55px; } .n_pro li h3{ width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #242424; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .n_pro li p{ width: 100%; height: 86px; overflow: hidden; line-height: 27px; font-size: 14px; color: #7e7e7e; text-align: justify; margin: 10px 0; } .n_pro li .new-img{ width: 237px; height: 147px; overflow: hidden; } .n_pro li .new-img img{ width: 237px; height: 147px; object-fit: cover; } /*产品内页*/ .pro-h{color:#888787;font-size: 14px;font-family: "Microsoft YaHei";padding-bottom: 24px;border-bottom: 1px dotted #868686;text-align:center;line-height:28px;margin-bottom: 20px;} .pro-h img{width: 600px;height: 400px;object-fit: contain;} .pro-xq{width: 100%;float: left;overflow: hidden;background: #f0f1f2;margin: 15px 0;} .pro-xq span{padding: 10px 5%;display: block;font-size: 20px;color: #fff;background: #226aad;float: left;} /***************global*****************/ .pro li{float:left;overflow:hidden;margin: 0 7px 20px;width:276px;text-align:center;white-space:nowrap;*margin:0 10px 20px 18px;} .pro span{padding-left:15px;background-position:0 -114px;} .pro img{padding:3px;width: 267px; height: 190px;;border:1px solid #dcdcdc;} .pro a{*color:#444;} .pro a:hover{color:#0075c5;} .pro img:hover{border:1px solid #0075c5;} .video-btn{ position: fixed; top:50%; left: 50%; margin-top: -275px; margin-left:-475px; display: none; z-index: 99999; } .video-shut{ position: fixed; top:10%; right: 5%; width: 32px; height: 32px; cursor: pointer; background: url(../Image/ico-close.png) no-repeat; background-repeat: no-repeat; } #shadow{ position: fixed; opacity: 0.9; filter:alpha(opacity=90); bottom:0; left: 0; right: 0; top: 0; background:black; z-index: 100; display: none; } /*************index&goods**************/ .n_indu{ padding:20px 0; background: #fff; overflow: hidden; } a{ transition: all 0.3s; } .n_indu li{ width: 237px; height: 316px; background: #f7f7f7; padding: 20px; float: left; margin:0 10px 20px; } .n_indu li a{ display: block; } .n_indu li a:hover{ transform: translateY(10px); } .n_indu li .art_title{ width: 100%; height: 160px; } .n_indu li h3{ width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #242424; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .n_indu li p{ width: 100%; height: 86px; overflow: hidden; line-height: 27px; font-size: 14px; color: #7e7e7e; text-align: justify; margin: 10px 0; } .n_indu li .new-img{ width: 237px; height: 147px; overflow: hidden; } .n_indu li .new-img img{ width: 237px; height: 147px; object-fit: cover; } /****************news*****************/ .news_title{font-size: 27px;color:#5f5f5f;text-align:center;margin:25px 0;} .meta{color:#888787;font-size: 14px;font-family: "Microsoft YaHei";padding-bottom: 24px;border-bottom: 1px dotted #868686;text-align:center;line-height:28px;margin-bottom: 20px;} /***********news_info**************/ .jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;} .jobs a{position:relative;top:-150px;background-position:0 -301px;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;} .jobs strong{color:#0075c5;} .jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;} /***************jobs***************/ .pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;} .pro_info p{margin:20px 30px 30px 33px;} .pro_name{display:block;font-size: 27px;color:#5f5f5f;text-align:center;margin:25px 0;} .info_title{margin:30px 0 0 27px;height:30px;background:#f0f0f0;} .info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#414141;color:#fff;line-height:30px;} .info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;} /********goods_info&jobs_info*******/ .order{margin:40px 0 120px 46px;line-height:40px;} .order img{vertical-align:-5px;cursor:pointer;} /*上一页_下一页*/ #prev_next{margin: 10px 20px;clear: both;overflow: hidden;} /* common styles */ .inner{width: 1200px;margin: 0 auto;overflow: hidden; } /* header styles */ .bg{ background: url(../Image/h-bg.jpg) no-repeat center; overflow: hidden; } .h-tool{ border-bottom: 1px solid rgba(45,131,184,.3); height: 49px; line-height: 49px; } .h-tool p{ font-size: 14px; color: #fbfbfb; padding-left: 36px; background: url(../Image/ico-home.png) no-repeat 6px center; } .h-tool li{ display: inline-block; float: left; padding:0 15px; border-right:1px solid #5096c8; font-size: 14px; color: #fbfbfb; } .h-tool h3{ padding-left: 24px; background: url(../Image/ico-tel.png) no-repeat left center; } .h-tool a:hover{ color: #f8d707; } /* 导航栏 */ .h-top{ padding:17px 0; } .h-nav a{ display: inline-block; padding: 18px 10px; font-size: 16px; color: #fff; position: relative; } .h-nav a:after {transition: 0.3s all;content:'';display: block;height: 0;left: 50%;position: absolute; width: 0%;bottom: 0;border-bottom: 1px solid #fff;} .h-nav a:hover:after {width: 100%;left: 0;} .h-nav a:hover{color: #fff; text-shadow: 1px 1px 2px #FFF;} /* 首页样式 */ /* 焦点图 */ .apple-banner { width: 100%; overflow: hidden; } .apple-banner .swiper-container { margin-top: -40px; width: 100%; } .swiper-button-prev,.swiper-button-next{ width: 15%; height: 100%; top:0; background:none; } .swiper-button-prev{ left:0;} .swiper-button-next{ right:0;} .swiper-button-prev span,.swiper-button-next span{ display:block; width: 64px; height: 64px; position: absolute; left: 20px; top: 50%; margin-top:-32px; border-radius: 100%; background: rgba(180,180,180,0.25) url(../Image/arrows.png) no-repeat center 17px; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .swiper-button-next span{ background: rgba(180,180,180,0.25) url(../Image/arrows.png) no-repeat center -71px; left:auto; right:20px; } .swiper-button-prev:hover span,.swiper-button-next:hover span{ opacity: .6; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background: none; } /*分页器*/ .apple-banner .swiper-pagination{ top:auto; bottom:50px; background:none; } .apple-banner .swiper-pagination-bullet { display: inline-block; width: 50px; height: 30px; margin: 0 3px; cursor: pointer; background: none; border-radius:0; opacity: 1; } .apple-banner .swiper-pagination-bullet span { width: 50px; height: 2px; display: block; background: rgba(128,128,128,0.2); } .apple-banner .swiper-pagination-bullet-active span{ background:gray; } .apple-banner .autoplay .swiper-pagination-bullet-active span{ background: rgba(128,128,128,0.2); } .apple-banner .swiper-pagination-bullet i{ background: gray; height: 2px; transform:scaleX(0); transform-origin: 0; display: block; } .apple-banner .autoplay .firsrCurrent i{ transition:transform 2.9s linear; transform:scaleX(1); } .apple-banner .autoplay .current i{ transition:transform 4s linear; transform:scaleX(1); } .apple-banner .autoplay .replace span{ background:gray; } /* 关于我们 */ .m-about{ overflow: hidden; } .tit{ padding:38px 0 58px; overflow: hidden; text-align: center; } .tit h3{ font-size: 35px; line-height: 1; margin-bottom: 24px; background: linear-gradient(to right, #4c82ba, #5d9bcc); -webkit-background-clip: text; color: transparent; } .tit p{ font-size: 16px; color: #666666; line-height: 1; } .tit p:after{ content: ""; display: block; width: 74px; background: #4b83ba; height: 2px; border:none; margin: 20px auto 0; } .m-about .bd{ position: relative; overflow: hidden; height: 346px; } .m-about .bd .left > a{ position: relative; display: block; width: 100%; height: 100%;} .m-about .bd .left a > i{ display: inline-block; width: 48px; height: 48px; background: url(../Image/ico-video.png) no-repeat center; position: absolute; left: 50%; margin-left: -24px; top:105px; transition: all .3s; } .m-about .bd .left a > h3{ font-size: 18px; color: #333333; position: absolute; left: 50%; margin-left: -36px; top:168px; transition: all .3s; } .m-about .bd .left:hover a > i{ top:95px; transform:rotate(360deg); -ms-transform:rotate(360deg); /* IE 9 */ -moz-transform:rotate(360deg); /* Firefox */ -webkit-transform:rotate(360deg); /* Safari 和 Chrome */ -o-transform:rotate(360deg); /* Opera */ } .m-about .bd .left:hover a > h3{ top:178px; } .m-about .bd .right{ width: 627px; position: absolute; right:0; top:0; } .m-about .bd .right h3{ height: 42px; line-height: 42px; margin-left: 100px; background: url(../Image/a_logo.png) no-repeat left center; padding-left: 82px; font-size: 20px; color: #4598bc; font-weight: bold; margin-bottom: 10px; } .m-about .bd .right > div{ height: 294px; background: url(../Image/a_right.png) no-repeat left top; padding:46px 78px 0 36px; } .m-about .bd .right > div p{ font-size: 16px; color: #ffffff; line-height: 32px; } .m-about .bd .right > div a{ display: inline-block; margin-top: 20px; width: 97px; height: 32px; border:1px solid #fff; border-radius: 5px; text-align: center; line-height: 32px; font-size: 14px; color: #fff; } .m-about .bd .right > div a:hover,.m-about .bd .right > div a+a{ background: #4c83bb; border-color: #4c83bb; } /* 经营范围 */ .m-cope{ overflow: hidden; } .m-cope .bd li{ float: left; text-align: center; width: 240px; height: 240px; padding-top: 20px; overflow: hidden; } /*.m-cope .bd li:nth-child(7){ margin-left:200px; }*/ .m-cope .bd li img{ transition: all .3s; } .m-cope .bd li h3{ line-height: 54px; font-size: 18px; color: #333333; } .m-cope .bd li h3:after{ content: ""; display: block; transition: all .3s; width: 60px; height: 2px; background: #d9dbdc; border:none; margin:0 auto; } .m-cope .bd li:hover h3{ font-weight: bold; color: #4c83bb; } .m-cope .bd li:hover h3:after{ width: 114px; background: #4b83ba; } .m-cope .bd li:hover img{ margin-top: -10px; } /* 发展历程 */ #history{ padding-bottom: 30px; } .m-history{ height: 605px; background: url(../Image/history-bg.jpg) no-repeat center; margin-top: 64px; } .m-history .tit{ padding:30px 0 0; } .m-history .tit h3, .m-history .tit p{ color: #fff; } .m-history .tit p:after{ background: #fff; } .m-history .bd{ position: relative; width: 1350px; margin:0 auto; } .m-history .bd .swiper-button-next{ display: inline-block; width: 32px; height: 61px; background: url(../Image/next_btn.png) no-repeat center; position: absolute; right:0; top:50%; margin-top: -30px; } .m-history .bd .swiper-button-prev{ display: inline-block; width: 32px; height: 61px; background: url(../Image/prev_btn.png) no-repeat center; position: absolute; left:0; top:50%; margin-top: -30px; } .m-history .bd .swiper-slide{ position: relative; } .m-history .bd .swiper-slide h3{ background: #4b82ba; padding:15px 0; text-align: center; font-size: 24px; color: #ffffff; border-radius: 10px 10px 0 0; } .m-history .bd .swiper-slide div{ background: #cee9fc; padding:10px 20px; border-radius: 0 0 30px 0; } .m-history .bd .swiper-slide div p{ font-size: 15px; color: #333333; line-height: 36px; padding-left: 30px; background: url(../Image/ico-l.jpg) no-repeat left 18px; } .m-history .bd:after{ content: ""; display: inline-block; height: 1px; background: #fff; border:none; position: absolute; top:50%; width: 1200px; left:50%; margin-left: -600px; } .m-history .bd .swiper-slide:nth-child(odd){ margin-top: 200px; } .m-history .bd .swiper-slide:nth-child(odd):before{ content: ""; display: inline-block; width: 22px; height: 22px; background: #fff; border-radius: 50%; position: absolute; left: 50%; top:-46px; margin-left: -11px; } .m-history .bd .swiper-slide:nth-child(even):before{ content: ""; display: inline-block; width: 22px; height: 22px; background: #fff; border-radius: 50%; position: absolute; left: 50%; top:-50px; margin-left: -11px; } .m-history .bd .swiper-slide:hover h3{ background: #7ec9ee; } .m-history .bd .swiper-slide:nth-child(odd):hover h3:after{ border-bottom-color: #7ec9ee; } .m-history .bd .swiper-slide:nth-child(even):hover h3:after{ border-top-color: #7ec9ee; } .m-history .bd .swiper-slide:hover:before{ background: #7ec9ee; } .m-history .bd .swiper-slide:nth-child(even){ margin-top: 70px; } .m-history .bd .swiper-slide:nth-child(odd) h3:after{ content: " "; position: absolute; height: 0; width: 0; border: solid transparent; pointer-events: none; border-width: 15px; border-bottom-color: #4b82ba; top: -30px; left: 50%; margin-left: -15px; } .m-history .bd .swiper-slide:nth-child(even) h3:after{ content: " "; position: absolute; height: 0; width: 0; border: solid transparent; pointer-events: none; border-width: 15px; border-top-color: #4b82ba; bottom: -30px; left: 50%; margin-left: -15px; } .m-history .bd .swiper-slide:nth-child(even){ position: relative; transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -webkit-transform:rotate(180deg); /* Safari and Chrome */ } .m-history .bd .swiper-slide:nth-child(even) h3{ transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -webkit-transform:rotate(180deg); /* Safari and Chrome */ border-radius: 0 0 10px 10px; } .m-history .bd .swiper-slide:nth-child(even) > div{ border-radius: 0 0 0 30px; } .m-history .bd .swiper-slide:nth-child(even) > div p{ transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -webkit-transform:rotate(180deg); /* Safari and Chrome */ } .m-history .bd .swiper-slide:nth-child(1){ top: 30px; } .m-history .bd .swiper-slide:nth-child(2){ bottom: 30px; } .m-history .bd .swiper-slide:nth-child(3){ top: 30px; } .m-history .bd .swiper-slide:nth-child(4){ bottom: 30px; } .m-history .bd .swiper-slide:nth-child(5){top: 30px; } .m-history .bd .swiper-slide:nth-child(6){ bottom: 66px; } .m-history .bd .swiper-slide:nth-child(7){ top: 30px; } .m-history .bd .swiper-slide:nth-child(8){ bottom: 66px; } .m-history .bd .swiper-slide:nth-child(9){ top: 30px; } .m-history .bd .swiper-slide:nth-child(10){ bottom: 66px; } /* 新闻动态 */ .m-news{ overflow: hidden; } .m-news .left{ width: 592px; } .m-news .left .img{ width: 592px; height: 275px; position: relative; } .m-news .left .img img{ width: 592px; height: 275px; object-fit: cover; } .m-news .left .img span{ position: absolute; text-align: center; top:0; left:0; display: inline-block; background: #4c83bb; padding:13px; font-size: 16px; color: #ffffff; } .m-news .left .img span strong{ display: block; font-size: 36px; color: #ffffff; font-weight: bold; line-height: 1; margin-bottom: 12px; } .m-news .left h3{ line-height: 50px; font-size: 18px; color: #333333; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .m-news .left p{ font-size: 16px; color: #999999; line-height: 28px; margin-bottom: 10px; } .m-news .left a > span{ display: inline-block; width: 122px; height: 35px; line-height: 35px; background: #4c83bb url(../Image/more.jpg) no-repeat left center; text-align: left; box-sizing: border-box; padding-left: 24px; font-size: 16px; color: #fff; transition: all .3s; } .m-news .left a > span i{ display: inline-block; width: 15px; height: 9px; background: url(../Image/ico-r.png) no-repeat center; margin-left: 36px; } .m-news .left a:hover > span{ background: #4c83bb url(../Image/more.jpg) no-repeat 60px center; transition: all .3s; } /*.m-news .tit{ margin:32px 0 24px; }*/ .m-news .right{ width: 588px; overflow: hidden; } .m-news li{ border:1px solid #dddddd; overflow: hidden; } .m-news li:nth-child(even){ margin:20px 0; } .m-news li span{ display: inline-block; padding:26px 13px; margin-right: 12px; font-size: 18px; color: #999999; text-align: center; float: left; } .m-news li span strong{ display: block; font-size: 40px; color: #555555; } .m-news li a > div{ padding:10px 36px 10px 0; } .m-news li h3{ margin-bottom: 12px; line-height: 42px; border-bottom: 1px solid #cccccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #555555; } .m-news li p{ font-size: 14px; color: #999999; line-height: 26px; } .m-news li:hover{ border-color: #dddddd; background: #4c83bb; } .m-news li:hover h3{ color: #fff; border-color: #96b6d7; } .m-news li:hover p,.m-news li:hover span,.m-news li:hover span strong{ color: #fff; } #picList { width: 100%; padding: 0; } #picList li { transition: all 0.3s; height: 160px; padding: 10px; margin: 20px 0; border: #ddd 2px solid; background: #fff; } #picList li:hover { box-shadow: 0 0 3px #000; border: 2px #fff solid; } #picList .picList_date { float: left; width: 94px; height: 160px; background: url(../Image/news_date.jpg) no-repeat; position: relative; top: -20px; color: #fff; text-align: center; } #picList .picList_date h2 { font-size: 16px; color: #aaa; margin-top: -10px; } #picList .picList_date h1 { font-size: 40px; color: #444; line-height: 60px; } #picList .picList_img { float: left; width: 220px; height: 160px; margin: 0 20px; } .picList_date h3{ line-height: 36px; } #picList .Pic_list_txt { width: 810px; float: right; position: relative; height: 160px; overflow: hidden; } #picList .Pic_list_txt .t1 { font-size: 18px; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden; width: 100%; color: #188bca; } #picList .Pic_list_txt .t2 { overflow: hidden; padding: 8px 0; height: 90px; font-size: 14px; line-height: 25px; color: #666; } #picList .Pic_list_txt .t3 { font-size: 10px; line-height: 30px; } #picList .Pic_list_txt .t3 a{color: #333333;} #picList .Pic_list_txt .t3 a:hover{color: #f99800;} #picList .Pic_list_txt .time { text-align: right; line-height: 20px; font-size: 12px; font-family: Arial, Helvetica, sans-serif !important; } /* 资质荣誉 */ .m-honor{ height: 534px; background: url(../Image/honor-bg.jpg) no-repeat center; margin-top: 62px; } .m-honor .bd{ position: relative; width: 1350px; margin:0 auto; } .m-honor .swiper-container{ width: 1200px; margin:0 auto; } .m-honor .tit h3, .m-honor .tit p{ color: #fff; } .m-honor .tit p:after{ background: #fff; } .m-honor .swiper-button-next{ display: inline-block; width: 32px; height: 61px; background: url(../Image/next_btn.png) no-repeat center; position: absolute; right:0; top:50%; margin-top: -30px; } .m-honor .swiper-button-prev{ display: inline-block; width: 32px; height: 61px; background: url(../Image/prev_btn.png) no-repeat center; position: absolute; left:0; top:50%; margin-top: -30px; } .m-honor .swiper-slide{ border-radius: 10px; overflow: hidden; } .m-honor .swiper-slide img{ width: 100%; height: 200px; object-fit: cover; } .m-honor .swiper-slide h3{ line-height: 68px; background: #fff; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; margin-top: -4px; border-top:1px solid #ccc; } .m-honor .swiper-slide a{ display: block; overflow: hidden; } .m-honor .swiper-slide a:hover h3{ background: #4b82ba; color: #fff; } /* footer styles */ .footer{ overflow: hidden; clear: both;} .f-top{ padding:40px 0; background: #f4f9fc; overflow: hidden; } .f-top img{ margin-right: 34px; float: left; } .f-top ul{ width: 932px; overflow: hidden; float: left; } .f-top li{ width: 216px; padding-right: 22px; float: left; box-sizing: border-box; background: url(../Image/f-tel.jpg) no-repeat left center; padding-left: 52px; } .f-top li:nth-child(1){ background: url(../Image/f-add.jpg) no-repeat left top; width: 280px; } .f-copy{ padding:30px 0; background: #3b3c41; overflow: hidden; } .f-ewm{ height: 242px; width: 249px; padding-left: 18px; box-sizing: border-box; float: left; border-right:1px solid #444549; } .f-ewm p{ font-size: 14px; color: #9599a2; line-height: 32px; } .f-ewm img{ width: 135px; } .f-link{height: 242px; padding:0 80px; box-sizing: border-box; width: 249px; border-right:1px solid #444549; float: left; } .f-link a{ display: block; font-size: 14px; color: #9599a2; line-height: 32px; } .f-tit{ line-height: 22px; font-size: 16px; color: #fbfbfb; margin-bottom: 32px; } .f-nav{height: 242px; width: 332px; box-sizing: border-box; border-right:1px solid #444549; float: left; padding:0 85px 0 95px;} .f-nav a{ color: #9599a2; font-size: 14px; line-height: 32px; display: inline-block; } .f-nav a:nth-child(even){ margin-left: 34px; } .f-contact{ width: 370px; float: right; box-sizing: border-box; padding:0 30px 0 72px; } .f-contact a,.f-contact p{ font-size: 14px; color: #9599a2; display: inline-block; line-height: 36px; display: block; } .footer a:hover{ color: #fff; } /* 侧边栏 */ .s-type{ width: 279px; overflow: hidden; } .s-message h3{ height: 129px; background: url(../Image/message-h3.jpg) no-repeat center; margin-bottom: 30px; } .s-message label{ display: block; height: 32px; margin-top: 24px; font-size: 14px; color: #333333; } .s-message label input{ width: 186px; height: 32px; border:1px solid #bebbbb; border-radius: 25px; margin-left: 16px; outline: none; } .s-message #submit{ display: block; outline: none; width: 100%; cursor: pointer; height: 34px; background: #026f39; border-radius: 25px; font-size: 16px; color: #ffffff; margin-top: 24px; border:none; } .s-message #submit:hover{ background: #f37700; } .s-style{ overflow: hidden; } .s-case h3, .s-style h3{ font-size: 22px; color: #333333; font-weight: bold; line-height: 1; margin: 20px 0; } .s-style a{ display: inline-block; width: 130px; border-radius: 25px; margin-bottom: 10px; height: 32px; border:1px solid #e3e3e3; text-align: center; line-height: 32px; font-size: 14px; color: #333333; float: left; } .s-style a:nth-child(odd){ margin-left: 10px; } .s-style a:hover{ background: #026f39; color: #fff; } /* article styles */ .wrap{ background: #fff; } .location{ overflow: hidden; position: relative; margin-top: -36px; z-index: 33; } .location h3{ display: inline-block; float: left; padding:32px 40px 32px 15px; background: -webkit-linear-gradient(left, #64c6f3, #175ba2); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #64c6f3, #175ba2); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #64c6f3, #175ba2); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #64c6f3, #175ba2); /* 标准的语法(必须放在最后) */ font-size: 24px; color: #fff; font-weight: bold; float: left; width: 236px; } .location h3:before{ content: ""; display: block; width: 82px; height: 2px; border: none; background: #fff; margin: 0 0 15px 5px; } .location h3 small{ font-size: 12px; text-transform: uppercase; margin-left: 5px; font-weight: normal; } .location p{ margin-left: 20px; line-height: 48px; text-align: left; font-size: 16px; color: #464646; border-bottom: 1px solid #ccc; margin-left: 20px; width: 889px; float: left; margin-top: 63px; padding-left: 10px; box-sizing:border-box; } table{ border-collapse: collapse; border-spacing: 0; } .article{width:100%; background: #ffffff; box-sizing: border-box; } .article .focus{ padding:25px; background: #f4f4f4; margin-bottom: 20px; } img{max-width: 100%;} .article p{color: #666666;font-size:14px;line-height:30px;} #allmap p{line-height:10px;margin:10px;} .title{height: 34px;line-height: 34px;background: #f3f3f3;margin: -15px -15px 15px -15px;} .title strong{color: #fff; background: #0067cc; font-weight: normal; font-size: 16px; padding:7px 24px; border-left:3px solid #cc0101;} .title strong small{font-size: 13px;padding-left: 10px;text-transform: uppercase;} .title span{margin-right: 15px; color: #808080; font-size: 14px;} .title a{font-size: 14px;color: #808080;} .title .right a:hover{color:#0067cc;} /* go top */ /* 新威尼斯v0008简介内页 */ .company h3{ font-size: 36px; color: #333333; line-height: 1; margin:20px auto; text-align: center; } .company h3 + p{ font-size: 16px; color: #999999; text-align: center; line-height: 1; margin-bottom: 20px; } .c-2{ overflow: hidden; height: 357px; margin-bottom: 20px; } .c-2 .left{ width: 600px; height: 357px; background: url(../Image/c-left.jpg) no-repeat center; padding:20px; box-sizing: border-box; } .c-2 .right{ width: 600px; height: 357px; background: url(../Image/c-right.jpg) no-repeat center; padding:20px; box-sizing: border-box; } .c-2 h3{ font-size: 24px; color: #333333; line-height: 62px; } .c-2 p{ font-size: 14px; color: #333333; line-height: 30px; text-indent: 2em; }