锘緻charset "utf-8"; /*=========== public CSS ===========*/ *,::before,::after{ margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;} html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, figure, figcaption, table, th, td img{ margin:0; padding:0;} body{ font-family:"Microsoft YaHei","寰蒋闆呴粦"; color:#333; font-size: 16px; line-height: 26px; margin:0 auto; overflow-x: hidden; background-color:#FFF; } input,select,textarea,button{ outline:none;} /*鍘绘帀榛樿钃濊竟妗?/ input, button{ border-radius:0; outline:none; border: none; -webkit-appearance:none;} /*娓呴櫎ios榛樿鍦嗚*/ input:-ms-clear{ display:none;} /*娑堥櫎 IE10 閲岀殑鍙夊彿*/ input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; outline:none;} textarea { resize :none; outline:none; border: none;} /*鍘绘帀鎻愪氦妗嗗彸涓嬭绠ご*/ table{ border-collapse: separate;} /*杈圭嚎閲嶅彔*/ fieldset,img{ max-width: 100%; border:0 none; vertical-align:middle;} ul,li{list-style:none;} em,i{ font-style: normal;} a{ color:#333; text-decoration:none; outline:none; cursor:pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;transform: translate3d(0,0,0);} a:hover, a:active, a:link, a:visited{ text-decoration:none;} .clearfix:after{ content:" "; display:block; height:0; line-height:0; clear:both; visibility:hidden;} .clearfix{ zoom:1;} .dn{ display: none;} .wrap{max-width: 1360px;width: 96%;margin: 0 auto;} * {-wekit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} /* ======================== header ====================== */ .header{position: fixed;z-index: 9999;width: 100%;left: 0;top: 0px;text-align: center;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .header .wrap{overflow: hidden;background-color: #ffffff;height: 65px;-webkit-box-shadow:0 5px 15px rgba(47,73,137,0.1);-moz-box-shadow:0 5px 15px rgba(47,73,137,0.1);-ms-box-shadow:0 5px 15px rgba(47,73,137,0.1);-o-box-shadow:0 5px 15px rgba(47,73,137,0.1);box-shadow:0 5px 15px rgba(47,73,137,0.1);} .header.fix-head .wrap{max-width: 100%;width: 100%;} .header.fix-head{top: 0;position: fixed;} .header .logo{display: block;float: left;background-color: #4d7dff;/*padding: 14px 0 13px;*/width: 212px;} .header .head-tel{float: right;padding: 13px 0 13px 22px;text-align: left;width: 16%;position: relative;} .header .head-tel img{float: left;margin-right: 12px;} .header .head-tel .txt{overflow: hidden;} .header .head-tel span{display: block;font-size: 14px;color: #666666;line-height: 18px;} .header .head-tel strong{display: block;color: #333333;font-size: 16px;line-height: 18px;} .header .head-tel:before{content:'';width: 1px;position: absolute;top: 13px; left: 0;bottom: 13px;background-color: #dcdcdc;} .header .nav{display: inline-block;padding: 13px 0 13px;} .header .nav li{float: left;margin: 0 5px;} .header .nav li a{display: block;line-height: 40px;color: #656565;padding:0 12px;position: relative;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .header .nav li a:before{content:'';width: 8px;height: 8px;border-radius: 50%;border: 2px solid #ff7534;position: absolute;left: 0;top: 16px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;opacity: 0;filter:alpha(opacity=0);} .header .nav li.on a,.header .nav li:hover a{font-weight: bold;color: #333333;} .header .nav li.on a:before,.header .nav li:hover a:before{opacity: 1;filter:alpha(opacity=100);} .header .head-btn{float: right;padding: 8px 24px 8px 24px;text-align: left;width: 27%;position: relative;} .header .head-btn:before{content:'';width: 1px;position: absolute;top: 13px; left: 0;bottom: 13px;background-color: #dcdcdc;} .head-btn p{display: inline-block;text-align: center;color: #656565;font-size: 16px;line-height: 1.4;} .head-btn p i{display: block;font-size: 14px;font-weight: bold;} .head-btn p i strong{color: #f05c34;font-size: 18px;margin: 0 13px;} .head-btn span{display: inline-block;width: 128px;background-color: #fff;color: #FFF;font-weight: bold;line-height: 48px; -webkit-border-radius: 48px;border-radius: 48px;-webkit-box-shadow: 0 5px 8px rgba(130,40,0,0.2);-moz-box-shadow: 0 5px 8px rgba(130,40,0,0.2);-ms-box-shadow: 0 5px 8px rgba(130,40,0,0.2);-o-box-shadow: 0 5px 8px rgba(130,40,0,0.2);box-shadow: 0 5px 8px rgba(130,40,0,0.2);position: relative;text-align: center;float: right;background: -webkit-linear-gradient(top, #fec7b2 40%,#da511b 60%);background: -moz-linear-gradient(top, #fec7b2 0%, #da511b 100%);background: -ms-linear-gradient(top, #fec7b2 40%,#da511b 60%);background: -o-linear-gradient(top, #fec7b2 40%,#da511b 60%);background: linear-gradient(to bottom, #fec7b2 40%,#da511b 60%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#fec7b2, endColorstr=#da511b, GradientType=0 );z-index: 2;cursor: pointer; -webkit-animation:bian 1.5s linear infinite;animation:bian 1.5s linear infinite;} @-webkit-keyframes bian{ 0%{-webkit-transform:scale(1);} 10%{-webkit-transform:scale(1.12);} 100%{-webkit-transform:scale(1);} } @keyframes bian{ 0%{transform:scale(1);} 10%{transform:scale(1.12);} 100%{transform:scale(1);} } .head-btn span:before{content: '';position: absolute; left: 4px;top: 4px;right: 4px;bottom: 4px; -webkit-border-radius: 48px;border-radius: 48px;background: -webkit-linear-gradient(top, #ffb390 0%,#ff6d29 100%);background: -moz-linear-gradient(top, #ffb390 0%, #ff6d29 100%);background: -ms-linear-gradient(top, #ffb390 0%,#ff6d29 100%);background: -o-linear-gradient(top, #ffb390 0%,#ff6d29 100%);background: linear-gradient(to bottom, #ffb390 0%,#ff6d29 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffb390, endColorstr=#ff6d29, GradientType=0 );z-index: -1;} .head-btn span:hover{color: #993407;-webkit-animation-play-state:paused;animation-play-state:paused} /* ======================== footer ====================== */ .footer{background-color: #1d1e31;} .footer p{text-align: center;line-height: 60px;color:#bbbcbf;font-size: 12px;} .footer p span{display: inline-block;margin-left: 12px;} .footer p a{display: inline-block;color:#bbbcbf;margin:0 5px;} .footer p a:hover{color: #fff;} /* ======================== index ====================== */ .index-wrapper{background: url(../images/index-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding: 176px 0 0;position: relative;} .index-wrapper:after{content: '';width: 50%;height: 120px;background-color: #fff;position: absolute;left: 0;bottom: 0;z-index: 0;} .index-wrapper .wrap{position: relative;} .index-slick{height: 480px;overflow: hidden;} .index-slick .slick-item{overflow: hidden;outline: none;} .index-slick .text{float: left;width: 50%;text-align: center;color: #fff;margin-top: 86px;} .index-slick .text .p1{font-size: 22px;color: #ffffff;line-height: 38px;display: inline-block;border:1px solid #4d7dff;padding-left: 18px;margin-bottom: 12px;} .index-slick .text .p1 span{display: inline-block;background-color: #4d7dff;padding:0 12px;margin-left: 8px;} .index-slick .text .p2{font-size: 64px;line-height: 74px;letter-spacing: 2px;margin-bottom: 4px;} .index-slick .text .p3{font-size: 24px;line-height: 34px;margin-bottom: 30px;} .index-slick .text li{display: inline-block;margin: 0 18px;} .index-slick .text li span{display: block;font-size: 20px;line-height: 26px;} .index-slick .text li strong{display: block;font-size: 32px;line-height: 38px;} .index-slick .text li i{display: inline-block;width: 28px;height: 4px;background-color: #4d7dff;} .index-slick .text li:nth-child(2) i{background-color: #ff6d28;} .index-slick .pic{float: right;width: 50%;} .index-slick .pic img{display: block;width: 100%;} .slick-item2 .pic{position: relative;margin-left: -8%;width: 58%} .index-wrapper .qt{overflow: hidden;background-color: #ffffff;width: 50%;margin-top: 52px;position: relative;z-index: 1;} .index-wrapper .qt .fl{float: left;text-align: center;width: 58%;padding-top: 28px;} .index-wrapper .qt .fl span{display: block;font-size: 18px;color: #333333;line-height: 28px;} .index-wrapper .qt .fl p{font-size: 24px;color: #333333;line-height: 34px;} .index-wrapper .qt .fl p em{color: #ff6d28;font-weight: bold;} .index-wrapper .qt .zx-btn{width: 42%;font-size: 20px;color: #ffffff;font-weight: bold;text-align: center;float: right;background-color: #497aff;line-height: 120px;cursor: pointer;position: relative;z-index: 1;} .index-wrapper .qt .zx-btn:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0; left: 0;right: 0;background: #ff6d28;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .index-wrapper .qt .zx-btn:hover:before{-webkit-transform: scaleY(1);transform: scaleY(1);} .index-wrapper .paging{width: 47%;background-color: #ffffff;position: absolute;overflow: hidden;right: 0;z-index: 1;bottom: 38px;} .index-wrapper .item{float: left;width: 33.3%;text-align: center;line-height: 82px;position: relative;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .index-wrapper .item i{display: block;position: absolute;font-size: 40px;font-weight: bold;color: #f0f1f5;left: 0;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;z-index: -1;} .index-wrapper .item:after{content: '';width: 0;height: 4px;position: absolute;left: 0;top: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;background-color: #ff6d28;} .index-wrapper .item.on,.index-wrapper .item:hover{color: #333333;font-weight: bold;} .index-wrapper .item.on i,.index-wrapper .item:hover i{opacity:1;filter:alpha(opacity=100);} .index-wrapper .item.on:after{width: 100%;} .index-srcoll{background-color: #f0f1f5;padding:10px 0;} .str_wrap {overflow:hidden;zoom:1;width:100%;font-size:12px;line-height:16px;position:relative;-moz-user-select: none;-khtml-user-select: none;user-select: none; background:none;white-space:nowrap;} .str_wrap.str_active {background:none;} .str_move { white-space:nowrap;position:absolute; top:0; left:0;cursor:move;} .str_move_clone {display:inline-block;display:inline;zoom:1;vertical-align:top;position:absolute; left:100%;top:0;} .str_vertical .str_move_clone {left:0;top:100%;} .str_down .str_move_clone {left:0;bottom:100%;} .str_vertical .str_move,.str_down .str_move {white-space:normal;width:100%;} .str_static .str_move,.no_drag .str_move,.noStop .str_move{cursor:inherit;} .index-srcoll .wrap{position: relative;padding-left: 24px} .index-srcoll .wrap:before{content:'';width: 18px;height: 16px;background: url(../images/index-icon1.png) no-repeat;position: absolute;left: 0;top: 15px;} .index-srcoll li{ display:inline-block;font-size: 16px;line-height: 50px;margin-right: 30px;} .index-srcoll li a{display: inline-block;color: #333333;} .index-srcoll li:hover a{color: #ff6d28;} .title-h2{text-align: center;position: relative;} .title-h2 h2,.title-h2 h1{font-size: 44px;color: #333333;line-height: 54px;font-weight: normal;margin-bottom: 2px;} .title-h2 h1{font-size: 46px;} .title-h2 h2:before,.title-h2 h2:after,.title-h2 h1:before,.title-h2 h1:after{content:'';width: 48px;height: 16px;display: inline-block;vertical-align: middle;} .title-h2 h2:before,.title-h2 h1:before{background: url(../images/title-l.png) no-repeat center;margin-right: 20px;} .title-h2 h2:after,.title-h2 h1:after{background: url(../images/title-r.png) no-repeat center;margin-left: 20px;} .title-h2 p{font-size: 20px;line-height: 30px;} .title-h2 h2 a{color: #333333;display: inline-block;} .title-h2 h2 a:hover{color: #ff6d28;} .index-wrapper1{padding: 95px 0 30px;} .btn-a{text-align: center;margin-top: 20px;position: relative;z-index: 1;} .btn-a span{display: inline-block;font-size: 16px;color: #ffffff;width: 140px;line-height: 44px;background:#4d7dff;background: -moz-linear-gradient(top, #3068ff 0%, #4d7dff 100%);background: -webkit-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: -o-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: -ms-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: linear-gradient(to bottom, #3068ff 0%,#4d7dff 100%);font-weight: bold;} .btn-a span:hover{background: #3068ff;background: -moz-linear-gradient(top, #4d7dff 0%, #3068ff 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -o-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: linear-gradient(to bottom, #4d7dff 0%,#3068ff 100%);} .index-wrapper1 .img-box{position: relative;max-width:1920px;width: 100%;margin:0 auto;margin-top: -24px;} .index-wrapper1 .img-box img{width: 100%;} .img-box .box{position: absolute;left: 50%;} .img-box .box span{display: block;width: 40px;height: 40px;background-color: #4d7dff;line-height: 40px;text-align: center;font-size:16px;color: #ffffff;font-weight: bold;cursor: pointer;position: relative;} .img-box .box span:before,.img-box .box span:after{content: '';position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .img-box .box span:before{width: 2px;height: 10px;background-color: #fff;} .img-box .box span:after{width: 10px;height: 2px;background-color: #fff;} .img-box .box span.active:before{opacity: 0;filter:alpha(opacity=0);} .img-box .box1{top: 240px;margin-left: -430px;} .img-box .box2{top: 132px;margin-left: -142px;} .img-box .box3{top: 306px;margin-left: 164px;} .img-box .box4{top: 260px;margin-left: 435px;} .img-box .box5{bottom: 100px;margin-left: -240px;} .img-box .box .text{width: 276px;background-color: #fff;padding:25px 30px 16px;position: absolute;-webkit-box-shadow: 0 0 10px #f3f4f6;-moz-box-shadow: 0 0 10px #f3f4f6;-ms-box-shadow: 0 0 10px #f3f4f6;-o-box-shadow: 0 0 10px #f3f4f6;box-shadow: 0 0 10px #f3f4f6;top: 60px;left: -118px;display: none;z-index: 1;} .img-box .box .text:before{content: '';width: 100%;height: 4px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);position: absolute;top: 0;left:0;} .img-box .box .text strong{display: block;font-size: 18px;color: #333333;font-weight: bold;line-height: 28px;} .img-box .box .text p{line-height: 2em;color: #666666;} .index-pro{padding-bottom: 80px;position: relative;} .index-pro:after{content:'';width: 100%;height: 830px;background-color: #1d1e31;position: absolute;bottom: 0;left: 0;z-index: -1;} .hot-pro{margin-top: 30px; margin-bottom: 45px;} .hot-pro li{float: left;width: 33.2%;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;max-height: 602px;background-color: #fff;} .hot-pro .col-pro{position: relative;border-bottom: 1px solid #e5e5e5;background-color: #fff;overflow: hidden;} .hot-pro li:first-child{background:#2f3854;background: -moz-linear-gradient(top, #282e46 0%, #2f3854 100%);background: -webkit-linear-gradient(top, #282e46 0%,#2f3854 100%);background: -o-linear-gradient(top, #282e46 0%,#2f3854 100%);background: -ms-linear-gradient(top, #282e46 0%,#2f3854 100%);background: linear-gradient(to bottom, #282e46 0%,#2f3854 100%);border-bottom: 1px solid #282e46;} .hot-pro .col-pro img{display: block;width: 100%;height: auto;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .hot-pro .col-pro .text{position: absolute;width: 100%;top: 25px;left: 0;padding: 0 30px;} .hot-pro .col-pro .text .tit{display: block;font-size: 20px;color: #333333;font-weight: bold;margin-bottom: 2px;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .hot-pro .col-pro .text p{font-size: 16px;color: #4d7dff;line-height: 26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .hot-pro li.col-pro{width: 33.5%;} .hot-pro li.col-pro .text .tit{font-size: 28px;color: #ffffff;line-height: 38px;} .hot-pro li.col-pro .text p{font-size: 18px;color: #ffffff;line-height: 28px;margin-bottom: 25px;} .hot-pro li.col-pro .text .btn-more{display: inline-block;font-size: 18px;color: #ffffff;font-weight: bold;padding:0 26px;line-height: 44px;background:#4d7dff;background: -moz-linear-gradient(top, #3068ff 0%, #4d7dff 100%);background: -webkit-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: -o-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: -ms-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: linear-gradient(to bottom, #3068ff 0%,#4d7dff 100%);} .hot-pro li.col-pro .text .btn-more:hover{background: #3068ff;background: -moz-linear-gradient(top, #4d7dff 0%, #3068ff 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -o-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: linear-gradient(to bottom, #4d7dff 0%,#3068ff 100%);} .hot-pro .col-pro .text .tit:hover{color: #ff6d28;} .hot-pro li .col-pro:hover img{margin-left: 10px;} .pro-title{overflow: hidden;margin-bottom: 15px;} .pro-title h3{color: #ffffff;font-weight: normal;float: left;line-height: 26px;} .pro-title a{display: block;float: right;color: #fff;line-height: 26px;} .pro-title a:hover{color: #ff6d28;} .pro-box .tab-pro {overflow: hidden;margin-bottom: 20px;} .pro-box .tab-pro li{float: left;width: 20%;background-color: #343546;font-size: 16px;color: #b8b9bc;line-height: 50px;text-align: center;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .pro-box .tab-pro li.on,.pro-box .tab-pro li:hover{background-color: #4d7dff;color: #fff;font-weight: bold;} .pro-box .tab-con ul{overflow: hidden;margin-left: -2%;} .pro-box .tab-con li{float: left;float: left;width: 23%;margin-left: 2%;} .pro-box .tab-con li .img{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;} .pro-box .tab-con li .img img{position: absolute;top: 0; left: 0;width: 100%; height: 100%;display: block;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .pro-box .tab-con li .txt{background-color: #ffffff;padding:0 12px;position: relative;} .pro-box .tab-con li .txt a{display: block;line-height: 56px;position: relative;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;z-index: 1;padding-right: 20px;} .pro-box .tab-con li .txt i{display: block;font-size: 18px;color: #4d7dff;position: absolute;right: 0;top: 0;} .pro-box .tab-con li .txt:after{content:'';width: 4px;position: absolute;left: 0;top: 0;bottom: 0;background-color: #4d7dff;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .pro-box .tab-con li .txt:hover:after{width: 100%;} .pro-box .tab-con li .txt:hover i{color: #fff;} .pro-box .tab-con li .txt:hover a{color: #fff;} .pro-box .tab-con li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} .index-case{padding-top: 228px;margin-bottom: 80px;background: url(../images/index-bg1.jpg) no-repeat top center;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;} .index-case li{float: left;} .index-case li>div{height: 280px;} .index-case li img{display: block;width: 100%;} .index-case .col-l,.index-case .col-r{width: 30%;} .index-case .col-l .title-h2 {padding-top: 78px;box-sizing: border-box;} .index-case .col-l .title-h2 h2{color: #1b1b1b;font-size: 44px;} .index-case .col-l .title-h2 h2 a{color: #1b1b1b;} .index-case .col-l .title-h2 .more{display: inline-block;font-size: 16px;color: #1b1b1b;line-height: 26px;margin-top: 20px;position:static;} .index-case .col-l .title-h2 h2 a:hover,.index-case .col-l .title-h2 .more:hover{color: #ff6d28;} .index-case .col-c{width: 40%;} .index-case li .text{padding:55px 40px 0;background-color: #1d1e31;position: relative;box-sizing: border-box;} .index-case li .text .tit{font-size: 20px;color: #ffffff;font-weight: bold;line-height: 30px;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 12px;} .index-case li .text p{color: #ffffff;line-height: 32px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .index-case li .text .more{display: inline-block;color: #4d7dff;font-size: 16px;line-height: 26px;margin-top: 34px;} .index-case li .text3 .tit{color: #333333;} .index-case li .text3 p{color: #666666;} .index-case li .text.text1{background-color: rgba(29, 30, 49, 0.9);} .index-case li .text.text3{background-color: #fff;} .index-case li .text.text4{background-color: rgba(255, 109, 40, 0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ff6d28,endColorstr=#E5ff6d28);} .index-case li .text.text4 .more{color: #fff;} .index-case li .text .more:hover,.index-case li .text .tit:hover,.index-case li .text3 .tit:hover{color: #ff6d28;} .index-case li .text.text4 .more:hover,.index-case li .text.text4 .tit:hover{color: #1b1b1b;} .index-case li .text span{display: block;font-size: 48px;font-family: "Impact";line-height: 58px;position: absolute;color: #ffffff;right: 36px;bottom: -25px;} .index-case li .text3 span{color: #1d1e31;right: -25px;top: 120px;bottom: auto;} .index-case li .text4 span{top:-30px;bottom: auto;} .index-case li .text.text1:after{content:'';width: 46px;height: 23px;background: url(../images/index-arr.png) no-repeat;position: absolute;left: 38px;bottom: -22px;} .index-case li .text.text2:after{content:'';width: 46px;height: 23px;background: url(../images/index-arr.png) no-repeat;position: absolute;left: 38px;bottom: -22px;} .index-case li .text.text3:after{content:'';width: 23px;height: 46px;background: url(../images/index-arr2.png) no-repeat;position: absolute;right: -22px;top:48px;} .index-case li .text.text4:after{content:'';width: 46px;height: 23px;background: url(../images/index-arr1.png) no-repeat;position: absolute;left: 38px;top: -22px;} .index-goods{position: relative;margin-bottom: 135px;background: url(../images/index-bg2.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding:38px 0 40px;} .index-goods img{display: block;width: 100%;} .index-goods .content{width: 53%;background-color: #ffffff;padding:55px 158px 0 40px;height: 173px;border-left:6px solid #4d7dff;position: relative;margin-left: 47%;} .index-goods .content strong{display: block;font-size: 32px;color: #333333;line-height: 42px;font-weight: normal;margin-bottom: 6px;} .index-goods .content p{font-size: 18px;color: #333333;line-height: 28px;} .index-goods .content .dzfa{display: block;position: absolute;top: 38px;right: 48px;} .index-goods span{display: block;font-size: 14px;line-height: 24px;padding:0 10px;position: absolute;left: 10px;top: 0;border:1px solid #e8e8e8;background-color: #fff;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .index-goods .content:hover span{opacity: 1;filter:alpha(opacity=100);} .index-news{margin-bottom: 120px;} .index-news .title-h2{margin-bottom: 30px;} .title-h2 .more{display: block;font-size: 16px;color: #1b1b1b;line-height: 26px;position: absolute;right: 0;bottom: 0;} .title-h2 .more:hover{color: #ff6d28;} .news-ul{margin-left: -2%;margin-bottom: 40px;} .news-ul li{float: left;margin-left: 2%;width: 48%;margin-bottom: 20px;} .news-ul li .img{width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 36.4%;} .news-ul li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;} .news-ul li .img .mark{position: absolute;bottom: -100%; left: 0;width: 100%; height: 100%;background-color: rgba(29, 30, 49, 0.8);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .news-ul li .img .mark a{display: inline-block;font-size: 16px;color: #ffffff;width: 140px;line-height: 44px;background:#4d7dff;background: -moz-linear-gradient(top, #3068ff 0%, #4d7dff 100%);background: -webkit-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: -o-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: -ms-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: linear-gradient(to bottom, #3068ff 0%,#4d7dff 100%);font-weight: bold;text-align: center;position: absolute;left: 50%;top: 50%;margin: -70px;margin-top: -22px;} .news-ul li .img .mark a:hover{background: #3068ff;background: -moz-linear-gradient(top, #4d7dff 0%, #3068ff 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -o-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: linear-gradient(to bottom, #4d7dff 0%,#3068ff 100%);} .news-ul li .text{padding:20px 0;position: relative;} .news-ul li .left{padding-right: 74px;} .news-ul li .date{width: 74px;background-color: #f0f1f5;text-align: center;padding: 5px 0 5px;position: absolute;right: 0;top: 20px;} .news-ul li .date em{display: block;font-size: 32px;font-weight: bold;color: #666666;line-height: 42px;} .news-ul li .date span{display: block;font-size: 14px;color: #666666;line-height: 24px;} .news-ul li .text .tit{display: block;font-size: 20px;color: #1b1b1b;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 15px;} .news-ul li .text p{font-size: 16px;color: #666666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .news-ul li .text p span{display: inline-block;padding:0 14px;line-height: 28px;} .news-ul li .text p span:nth-of-type(1){background-color: #4d7dff;color: #fff;} .news-ul li:hover .mark{bottom: 0;} .news-ul li:hover .text .tit{color: #4d7dff;} .news-list {margin-left: -3%;} .news-list li{float: left;width: 47%;margin-left: 3%;font-size: 16px;line-height: 26px;overflow: hidden;margin-bottom: 30px;} .news-list li a{display: block;color: #333333;float: left;width: 80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left: 18px;background: url(../images/index-icon2.png) no-repeat left center;} .news-list li .date{display: block;float: right;color: #666666;width: 104px;} .news-list li:hover a{padding-left: 25px;color: #4d7dff;} .index-gird{background: linear-gradient(180deg, #ff8d57, #4d7dff);-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;text-align: center;color: #fff;padding-top: 72px;padding-bottom: 78px;} .index-gird h3{font-size: 36px;font-weight: normal;line-height: 74px;position: relative;display: inline-block;} .index-gird h3:after{content:'';width: 38px;height: 38px;background: url(../images/index-pic1.png) no-repeat;position: absolute;top: 10px;left: -28px;} .index-gird h3 strong{display: inline-block;font-weight: bold;font-size: 64px;} .index-gird p{font-size: 20px;line-height: 40px;} /* ======================== 鍙嬫儏閾炬帴 ====================== */ .link-box{ clear: both; overflow: hidden; font-size: 14px; padding: 10px 0; line-height: 30px;} .link-box span{ float:left;} .link-box ul{ float:left; width:80%;} .link-box li{ float:left; margin-left:2%;} .link-box a{ color:#444;} .link-box a:hover{ color:#4d7dff} /* ======================== 鍟嗗姟閫 ====================== */ .fixed-right{width: 140px;position: fixed;right: 2px;top:300px;z-index: 9999;} .fiexd-top{cursor: pointer;} .fiexd-top img{display: block;width: 100%;} .fixed-right ul{background-color: #fff;padding:2px;border: 1px solid #5a89ff;} .fixed-right li{cursor: pointer;margin-bottom: 4px;text-align: center;font-size: 18px;position: relative;} .fixed-ly,.fixed-tel{background:#2964ff;background: -moz-linear-gradient(left, #44a0ff 0%, #2964ff 100%);background: -webkit-linear-gradient(left, #44a0ff 0%,#2964ff 100%);background: -o-linear-gradient(left, #44a0ff 0%,#2964ff 100%);background: -ms-linear-gradient(left, #44a0ff 0%,#2964ff 100%);background: linear-gradient(to right, #44a0ff 0%,#2964ff 100%);color: #fff;font-weight: bold;line-height: 62px;border-radius: 2px;} .fixed-ly a{color: #fff;display: block;} .fixed-tel span{display: block;} .fixed-ly img,.fixed-tel img{vertical-align: middle;margin-top: -3px;margin-right: 3px;} .t-top{padding-top: 10px;} .t-top p{font-size: 14px;color: #333333;line-height: 26px;} .ewm-box{width: 121px;position: absolute;right: 150px;top: 0;display: none;} /* ======================== 闈㈠寘灞 ====================== */ .crumbs li{display: inline-block;font-size: 16px;color: #b4b7bf;line-height: 56px;} .crumbs li a{color: #b4b7bf;display: inline-block;} .crumbs li a:hover{color: #ff6d28;} .pro-wrapper .crumbs{position: relative;z-index: 2;} /* ======================== 浜у搧涓績 ====================== */ .pro-top{-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 95px;padding-bottom: 106px;} .pro-top.pro_zs{background: url(../images/1zsj.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;} .pro-top.pro_ps{background: url(../images/2ps.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;} .pro-top.pro_mf{background: url(../images/3mf.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;} .pro-top.pro_xk{background: url(../images/4qmj.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;} .pro-top.pro_jc{background: url(../images/5hgj.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;} .base-top{margin-top: 78px;} .base-top strong,.base-top h1{font-size: 40px;font-weight: normal;line-height: 50px;color: #fff;margin-bottom: 10px;display: block;} .base-top h1{font-weight: bold;} .base-top p{font-size: 20px;color: #fff;line-height: 40px;margin-bottom: 34px;} .btn-online{display: inline-block;display: inline-block;font-size: 16px;color: #ffffff;width: 140px;line-height: 44px;background:#4d7dff;font-weight: bold;text-align: center;} .btn-online:hover{background:#3068ff;} .pro-tab{background:#4d7dff;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);margin-bottom: 80px;} .pro-tab li{float: left;width: 20%;cursor: pointer;position: relative;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .pro-tab li a{display: block;padding:35px 0 33px 30px;} .pro-tab li strong{display: block;font-size: 24px;color: #ffffff;line-height: 34px;margin-bottom: 10px;text-align: center;} .pro-tab li p{font-size: 16px;color: #ffffff;line-height: 26px;} .pro-tab li span{display: inline-block;margin-right: 5px;} .pro-tab li .img{position: absolute;right: 0;top: 50%;margin-top: -47px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .pro-tab li.active,.pro-tab li:hover{background-color: rgba(0, 0, 0, 0.6);} .pro-tab li.active .img,.pro-tab li:hover .img{opacity: 1;filter:alpha(opacity=100);} .cp-tit{position: relative;margin-bottom: 40px;} .cp-tit .left{position: relative;padding-left: 68px;} .cp-tit .left>div{background: url(../images/pro-bg2.png) no-repeat;font-size: 16px;line-height: 42px;} .cp-tit .left h2{display: inline-block;font-size: 24px;color: #ffffff;line-height: 61px;margin-right: 24px;} .cp-tit .left h2 a{display: block;color: #fff;padding:0 46px 0 35px} .cp-tit .left span{display: block;position: absolute;left: 0;top: -8px;} .cp-tit .left h2 a:hover{color: #ff6d28;} .cp-tit .see-all{display: block;font-size: 16px;color: #333333;line-height: 42px;position: absolute;right: 20px;top: 10px;} .cp-tit .see-all i{color: #ff6d28;} .cp-tit .see-all:hover{color: #ff6d28;} .cp-lists{margin-bottom: 50px;} .pro-ul{overflow: hidden;margin-left: -1%;} .pro-ul li{float: left;width: 24%;margin-left: 1%;margin-bottom: 35px;} .pro-ul li .pro-pic{width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;} .pro-ul li .pro-pic img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;} .pro-ul li .pro-tit {text-align: center;} .pro-ul li .pro-tit i{display: inline-block;width: 80px;height: 4px;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .pro-ul li .pro-tit a{display: block;font-size: 20px;color: #333333;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .pro-ul li .text{position: absolute;top: 100%; left: 0;width: 100%; height: 100%;background-color: rgba(29,30,49,0.8);padding: 68px 10px 0;text-align: center;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;overflow: hidden;} .pro-ul li .text .con{display: inline-block;text-align: left;} .pro-ul li .text p{font-size: 16px;color: #ffffff;line-height: 26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 5px;display: block;} .pro-ul li .text .btn-online{margin-top: 10px;} .pro-ul li:hover .pro-tit i{width: 100%;} .pro-ul li:hover .pro-tit a{color: #ff6d28;} .pro-ul li:hover .text{top: 0;} /* ======================== 浜у搧鍒楄〃 ====================== */ .pro-tel{margin:-38px 110px 40px;font-size: 18px;color: #1d1e31;line-height: 48px;-webkit-box-shadow:0 5px 10px rgba(0,5,76,0.15);-moz-box-shadow:0 5px 10px rgba(0,5,76,0.15);-ms-box-shadow:0 5px 10px rgba(0,5,76,0.15);-o-box-shadow:0 5px 10px rgba(0,5,76,0.15);box-shadow:0 5px 10px rgba(0,5,76,0.15);padding-left: 18px;position: relative;overflow: hidden;} .pro-tel span{display: inline-block;} .pro-tel span.on1{margin-left: 40px;} .pro-tel span.on1 em{font-weight: bold;color: #ff6d28;} .pro-tel span.tel{color: #fff;padding:0 20px;background-color: #4879ff;float: right;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;position: relative;z-index: 1;} .pro-tel span.tel:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0; left: 0;right: 0;background: #ff6d28;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .pro-tel span.tel:hover:before{-webkit-transform: scaleY(1);transform: scaleY(1);} /* ======================== 椤电爜 ====================== */ .pager-box{text-align: center;margin-bottom: 80px;position: relative;} /*.pager-box>ul li{display: inline-block;font-size: 16px;color: #666666;width: 40px;height: 40px;line-height: 34px;margin:0 10px;} .pager-box>ul li a,.pager-box>ul li span{display: block;color: #666666;border:3px solid transparent;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .pager-box>ul li.btn{background-color: #f0f1f5;width: auto;margin: 0 1px;} .pager-box>ul li.btn a{display: block;color: #333333;padding:0 20px;} .pager-box>ul li.btn span{display: block;color: #999999;border:3px solid transparent;padding:0 20px;} .pager-box>ul li.on span,.pager-box>ul li a:hover {color: #4d7dff;border-color: #4d7dff;} .pager-box>ul li.btn:hover a{border-color: #4d7dff;} .pager-box>ul li.btn-page span{cursor: pointer;color: #333333;}*/ .button-big {padding:12px 35px;font-size:16px;line-height:22px} .button.border-yellow:hover,.button.border-yellow:focus,.button.bg-yellow:hover,.button.bg-yellow:focus {color:#fff;border-color:#FCB319;background-color:#f05c34} .button.bg-yellow{border-color:#f05c34;color:#fff;} .bg-yellow{background-color:#f05c34} .t-pager{position: absolute;overflow-y: scroll;width: 97%;height: 254px;background-color: #fff;-webkit-box-shadow: 0 10px 30px rgba(0,35,107,0.1);-moz-box-shadow: 0 10px 30px rgba(0,35,107,0.1);-ms-box-shadow: 0 10px 30px rgba(0,35,107,0.1);-o-box-shadow: 0 10px 30px rgba(0,35,107,0.1);box-shadow: 0 10px 30px rgba(0,35,107,0.1);bottom: 80px;left: 20px;border: 1px solid #dae4ff;padding:28px 0;z-index: 9999;display: none;} .t-pager ul{overflow: hidden;} .t-pager li{float: left;width: 6.6%;text-align: center;margin-bottom: 16px;} .t-pager li a{display: inline-block;width: 36px;height: 36px;line-height: 36px;border-radius: 50%;} .t-pager li a:hover,.t-pager li.on a{background-color: #4d7dff;color: #fff;} /* ======================== 浜у搧鍐呴〉 ====================== */ .pro-wrapper{padding-top: 94px;position: relative;padding-bottom: 66px;} .pro-wrapper:after{content:'';width: 700px;position: absolute;top: 0; left: 0;bottom: 0;background: url(../images/cp-bg.jpg) no-repeat;z-index: 1;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;} .pro-inner{margin-top: 12px;} .pro-inner .col-img{float: left;width: 56%;position: relative;z-index: 2;} .pro-inner .col-img .img img{display: block;width: 100%;} .pro-inner .col-img span{display: block;position: absolute;right: -1px;top: 12px;font-size: 16px;color: #ffffff;line-height: 34px;background-color: #3bb985;padding:0 12px;} .pro-inner .col-img span img{vertical-align: middle;margin-top: -4px;margin-right: 5px;} .pro-inner .col-img p{font-size: 16px;color: #ffffff;line-height: 42px;margin-top: 8px;} .pro-inner .col-text{float: right;width: 44%;padding-left: 38px;margin-top: 6px;} .pro-inner .col-text h1{font-size: 38px;color: #333333;line-height: 48px;margin-bottom: 28px;} .pro-inner .col-text .info{font-size: 20px;color: #666666;padding-left: 30px;position: relative;} .pro-inner .col-text .info strong{color: #333333;} .pro-inner .col-text .info:nth-of-type(1){margin-bottom: 35px;} .pro-inner .col-text .info:nth-of-type(2){margin-bottom: 32px;} .pro-inner .col-text .info:after{content:'';width: 22px;height: 31px;background: url(../images/cp-icon1.png) no-repeat;position: absolute;left: 0;top: -7px;} .pro-inner .col-text .info:nth-of-type(2):after{background: url(../images/cp-icon2.png) no-repeat;} .pro-inner .col-text .base-p {margin-bottom: 10px;} .pro-inner .col-text .base-p strong{display: block;font-size: 16px;color: #333333;line-height: 26px;} .pro-inner .col-text .base-p p{font-size: 16px;color: #333333;line-height: 24px;} .pro-inner .col-text ul{margin-top: 84px;} .pro-inner .col-text li{float: left;} .col-text .get-price{display: block;background-color: #4375ff;width: 200px;height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #ffffff;font-weight: bold;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;-webkit-box-shadow: 0 5px 13px rgba(0,6,118,0.3);-moz-box-shadow: 0 5px 13px rgba(0,6,118,0.3);-ms-box-shadow: 0 5px 13px rgba(0,6,118,0.3);-o-box-shadow: 0 5px 13px rgba(0,6,118,0.3);box-shadow: 0 5px 13px rgba(0,6,118,0.3);} .col-text .get-price img{vertical-align: middle;margin-top: -2px;} .col-text .get-price:hover{border-radius: 25px;} .btn-year{display: block;margin-top: -20px;cursor: pointer;} .col-text .get-tel{margin-left: 20px;} .col-text .get-tel span{display: block;font-size: 16px;color: #666666;line-height: 26px;} .col-text .get-tel strong{display: block;font-size: 20px;color: #4e7eff;} .col-text .get-qt{margin-left: 24px;} .col-text .get-qt>div{display: inline-block;} .col-text .get-qt span{display: block;font-size: 16px;color: #ff6d28;line-height: 26px;} .col-text .get-qt strong{display: block;font-size: 20px;color: #ff6d28;line-height: 23px;} .col-text .get-qt img{vertical-align: middle;margin-top: -28px;} .detail-nav{position: absolute;width:100%;position: absolute;right: 0;bottom:0;padding-right: 10%;background-color: #f0f1f5;} .detail-nav ul{overflow: hidden;padding-left: 39%;} .detail-nav li{float: left;width: 20%;text-align: center;} .detail-nav li a{display: block;font-size: 16px;color: #3a3c62;line-height: 76px;} .detail-nav li:hover a{color: #ff6d28;} .main-content{margin-top: 50px;margin-bottom: 50px;} .main-content .show-left{float: left;width: 60%;} .main-content .side-bar{float: right;width: 25%;} .main-content p{font-size: 16px;color: #333;line-height: 2em;margin-bottom: 26px;} .main-content .show-left>p a{display: inline-block;color: #DA251D;cursor: pointer;margin:0 5px;} .main-content p img,.main-content p video{height: auto;max-width: 100%;} .main-content p.ms{font-size: 16px;color: #666!important;line-height: 1.5;padding:0 10px 10px;margin-top: -10px;position: relative;margin-bottom: 15px;} .main-content p.ms:after{content:'';width: 60px;height: 1px;background-color: #ff6d28;position: absolute;left: 50%;margin-left: -2em;bottom: 0;} .main-content h2,.main-content h3{font-size: 30px;color: #2d2f4c;line-height: 40px;font-weight: normal;padding-left: 16px;margin: 16px 0 28px;position: relative;} .main-content h2:before,.main-content h3:before{content:'';width: 7px;height: 40px;background: url(../images/cp-h2.png) no-repeat;position: absolute;left: 0;top: 0;} .main-content .show-left table {margin-bottom: 20px;} .main-content .show-left table td{padding: 5px 2px;word-break: break-all;} .pro-trait{padding-left: 5px;} .pro-trait li{position: relative;border:1px solid #f0f1f5;padding:4px 34px 1px 42px;margin-bottom: 25px;} .pro-trait li strong{display: block;font-size: 20px;line-height: 30px;color: #1d1e31;margin-bottom: 8px;} .pro-trait li span{display: block;width: 40px;height: 40px;background:#57a6ff;background: -moz-linear-gradient(90deg, #4d7dff 0%, #57a6ff 100%);background: -webkit-linear-gradient(90deg, #4d7dff 0%,#57a6ff 100%);background: -o-linear-gradient(90deg, #4d7dff 0%,#57a6ff 100%);background: -ms-linear-gradient(90deg, #4d7dff 0%,#57a6ff 100%);background: linear-gradient(90deg, #4d7dff 0%,#57a6ff 100%);font-size: 24px;color: #ffffff;font-weight: bold;line-height: 40px;text-align: center;position: absolute;top: -5px;left: -5px;} .data-list li {display: inline-block;margin-right:14px;margin-bottom: 20px;} .data-list li span{display: block;line-height: 36px;border: 1px solid transparent;padding: 0 20px;color: #666;cursor: pointer;position: relative;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .data-list li span:before,.data-list li span:after{content:'';width: 2px;height: 16px;background-color: transparent;position: absolute;top: 10px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .data-list li span:before{left: 0;} .data-list li span:after{right: 0;} .data-list li.on span,.data-list li:hover span{border-color: #4d7dff;font-weight: bold;color: #333;} .data-list li.on span:before,.data-list li.on span:after,.data-list li:hover span:before,.data-list li:hover span:after{background-color: #ff6d28;} .data-box table{width: 100%;margin-bottom: 20px;} .data-box table td{padding: 5px 2px;word-break: break-all;} .pro-side .side-pro{background-color: #eceef5;margin-bottom: 40px;} .pro-side strong{display: block;font-size: 20px;line-height: 56px;padding-bottom: 10px;background: url(../images/cp-bg.png) no-repeat top center;text-align: center;color: #fff;font-weight: normal;margin-bottom: 30px;} .pro-side .re-pro{padding:0 20px 1px;} .re-pro li{background-color: #ffffff;border-radius: 4px;margin-bottom: 20px;-webkit-box-shadow: 0 0 10px rgba(0,6,23,0.1);-moz-box-shadow: 0 0 10px rgba(0,6,23,0.1);-ms-box-shadow: 0 0 10px rgba(0,6,23,0.1);-o-box-shadow: 0 0 10px rgba(0,6,23,0.1);box-shadow: 0 0 10px rgba(0,6,23,0.1);} .re-pro li .img {display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;} .re-pro li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .re-pro li .tit{display: block;font-size: 18px;color: #3a3d63;line-height: 50px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;position: relative;z-index: 1;} .re-pro li .tit:before{content: '';width: 100%;height: 2px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);position: absolute;left: 0;top: 0;z-index: -1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .re-pro li:hover .tit:before{height: 100%;} .re-pro li:hover .tit{color: #fff;} .re-pro li:hover .img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} .pro-side .side-more{background-color: #eceef5;} .pro-side ul{padding:0 20px 1px;} .pro-side li{text-align: center;margin-bottom: 20px;} .pro-side li a{display: block;font-size: 20px;color: #3a3d63;line-height: 60px;background-color: #ffffff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .pro-side li:hover a{background-color: #4d7dff;color: #fff;} .hor-line{width: 100%;height: 20px;background-color: #f0f1f5;} .re-case{margin:62px 0;} .re-tit{position: relative;margin-bottom: 20px;} .re-tit strong{display: block;font-size: 28px;color: #333333;line-height: 38px;padding-left: 42px;font-weight: normal;} .re-tit .more{display: block;color: #333333;line-height: 28px;font-size: 16px;position: absolute;right: 0;bottom: 0;} .re-tit .more i{color: #ff6d28;} .re-tit .more:hover{color: #ff6d28;} .re-case .re-tit strong{background: url(../images/re-icon.png) no-repeat left center;} .re-news .re-tit strong{background: url(../images/re-icon1.png) no-repeat left center;} .case-ul li{float: left;width: 50%;overflow: hidden;} .case-ul li .pic{display: block;float: left;width: 51%;} .case-ul li .text{float: right;width: 49%;padding:0 80px 0 20px;margin-top: 20px;} .case-ul li .text .tit{display: block;font-size: 20px;color: #333333;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: bold;margin-bottom: 14px;} .case-ul li .text p{color: #666666;font-size: 16px;line-height: 2em;} .case-ul li .text p.info{display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 30px;height: 64px;} .case-ul li .text .see-more{font-size: 18px;color: #4d7dff;line-height: 28px;display: inline-block;} .case-ul li .text .see-more:hover,.case-ul li .text .tit:hover{color: #ff6d28;} .re-news{padding:55px 0 22px;} .main-content a[name]{padding-top: 70px;margin-top: -70px;display: block;} /* ======================== 鐣欒█鐗 ====================== */ .show-msg{padding:80px 0 44px;background:#1d1e31;background: -moz-linear-gradient(90deg, #2b334e 0%, #1d1e31 100%);background: -webkit-linear-gradient(90deg, #2b334e 0%,#1d1e31 100%);background: -o-linear-gradient(90deg, #2b334e 0%,#1d1e31 100%);background: -ms-linear-gradient(90deg, #2b334e 0%,#1d1e31 100%);background: linear-gradient(90deg, #2b334e 0%,#1d1e31 100%);} .show-msg .wrap{position: relative;} .show-msg .wrap:after{content: '';width: 274px;height: 576px;right: 0;bottom: 0px;position: absolute;z-index: 2;} .msg-top{overflow: hidden;background: url(../images/msg-bg.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: 10px 10px 0 0;color: #fff;padding:25px 0 22px;} .msg-top .col-l{float: left;padding-left: 32px;width: 50%;} .msg-top .col-l strong{display: block;font-size: 32px;line-height: 42px;} .msg-top .col-l p{line-height: 26px;} .msg-top .col-r{float: right;padding-right: 18%;margin-top: 8px;text-align: right;} .msg-top .col-r p{font-size: 18px;line-height: 28px;} .msg-top .col-r strong{font-size: 24px;line-height: 34px;} .msg-content{background-color: #ffffff;padding-bottom: 44px;overflow: hidden;} .msg-content .col-l{float: left;width: 47%;padding:30px 30px 0;} .msg-content .col-l ul{overflow: hidden;margin-left: -3%;} .msg-content .col-l li{float: left;width: 47%;margin-left: 3%;background-color: #f0f1f5;margin-bottom: 20px;padding:10px;position: relative;} .msg-content .col-l li input,.msg-content .col-l li textarea{background-color: transparent;width: 100%;font-size: 16px;color: #999999;line-height: 36px; font-family:"Microsoft YaHei"} .msg-content .col-l li input{padding-left: 30px;padding-right: 16px;height: 36px;} .msg-content .col-l li img{position: absolute;left: 20px;top: 20px;} .msg-content .col-l li.msg-area{width: 97%;} .msg-content .col-l li textarea{height: 134px;} .msg-content .col-l li i{position: absolute;font-size: 16px;color: #ff0000;top: 16px;right: 20px;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999; font-family:"Microsoft YaHei"} input:-moz-placeholder, textarea:-moz-placeholder {color: #999; font-family:"Microsoft YaHei"} input::-moz-placeholder, textarea::-moz-placeholder {color: #999; font-family:"Microsoft YaHei"} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999; font-family:"Microsoft YaHei"} input:-webkit-autofill{-webkit-text-fill-color: #999999;-webkit-box-shadow: 0 0 0px 1000px #f0f1f5 inset !important;box-shadow: 0 0 0px 1000px #f0f1f5 inset !important;} .msg-btn{position: relative;} .msg-btn p{font-size:18px;color:#424570;line-height: 48px;padding-left: 28px;} .msg-btn input{width: 200px;height: 48px;line-height: 48px;text-align: center;font-size: 18px;color: #ffffff;background-color: #4375ff;border-radius: 4px;position: absolute;right: 0;top: 0;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .msg-btn input:hover{background-color: #ff6d28;} .msg-content .col-r{float: right;width: 53%;padding-left: 30px;padding-right: 20%;position: relative;z-index: 1;margin-top: 44px;} .msg-content .col-r strong{display: block;font-size: 32px;color: #4c5081;font-weight: normal;line-height: 56px;margin-bottom: 34px;} .msg-content .col-r strong em{font-size: 32px;font-weight: bold;font-style: normal;} .msg-content .col-r .row{overflow: hidden;margin-bottom: 22px;} .msg-content .col-r .row span{float: left;font-size: 20px;line-height: 30px;color: #4c5081;padding-left: 16px;position: relative;width: 50%;margin-bottom: 25px;} .msg-content .col-r .row span:before{content: '';width: 8px;height: 8px;border-radius: 50%;border:2px solid #ff6d28;position: absolute;left: 0;top: 12px;} .msg-content .col-r:after{content: '';width: 528px;height: 163px;position: absolute;left: 10px;bottom: -80px;z-index: -1;} /* ======================== 妗堜緥涓績 ====================== */ .case-top{-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 95px;padding-bottom: 106px;} .case-tab{background: #666778;padding: 10px 0;margin-bottom: 40px;} .case-tab ul{margin-left: -5px;margin-right: -5px;} .case-tab li{float: left;width: 20%;padding:0 5px;text-align: center;} .case-tab li a{display: block;font-size: 18px;color: #333333;line-height: 60px;background: #ffffff;} .case-tab li.active a,.case-tab li:hover a{background: url(../images/cast-bg.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;color: #fff;font-weight: bold;} .case-tel{margin-top: 0;margin-bottom: 64px;} .case-tel i{color: #4d7dff;font-weight: bold;} .pro-tel.case-tel span.on1{float: right;margin-left: 0;margin-right: 28px;} .case-lists ul{margin-left: -3.33%;} .case-lists li{width: 30%;margin-left: 3.33%;float: left;margin-bottom: 60px;} .case-lists li .tit{padding-right: 38px;} .case-lists li .tit a{display: block;background-color: #fff;font-size: 24px;color: #333333;font-weight: bold;line-height: 50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:15px 10px 15px 30px;-webkit-box-shadow: 0 5px 20px rgba(0,6,76,0.1);-moz-box-shadow: 0 5px 20px rgba(0,6,76,0.1);-ms-box-shadow: 0 5px 20px rgba(0,6,76,0.1);-o-box-shadow: 0 5px 20px rgba(0,6,76,0.1);box-shadow: 0 5px 20px rgba(0,6,76,0.1);position: relative;z-index: 1;} .case-lists li .tit a:before{content:'';width: 10px;position: absolute;top: 0; left: 0;bottom: 0;background:#ff6d28;background: -moz-linear-gradient(top, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to bottom, #4d7dff 0%,#ff6d28 100%);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .case-lists li .img{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;} .case-lists li .img img{position: absolute;top: 0; left: 0;width: 100%; height: 100%;display: block;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .case-lists li .text{padding-right: 38px;} .case-lists li .con{background-color: #fff;-webkit-box-shadow: 0 5px 20px rgba(0,6,76,0.1);-moz-box-shadow: 0 5px 20px rgba(0,6,76,0.1);-ms-box-shadow: 0 5px 20px rgba(0,6,76,0.1);-o-box-shadow: 0 5px 20px rgba(0,6,76,0.1);box-shadow: 0 5px 20px rgba(0,6,76,0.1);padding:25px 24px 52px 28px;box-sizing: border-box;position: relative;} .case-lists li .con p{font-size: 16px;color: #333333;line-height: 1.625em;margin-bottom: 10px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .case-lists li .con p sup{vertical-align: top;position: relative;top: -4px;} .case-lists li .con p:first-child{height: auto} .case-lists li .con a{display: block;position: absolute;background:#4d7dff;background: -moz-linear-gradient(top, #4d7dff 0%, #4d7dff 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#4d7dff 100%);background: -o-linear-gradient(top, #4d7dff 0%,#4d7dff 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#4d7dff 100%);background: linear-gradient(to bottom, #4d7dff 0%,#4d7dff 100%);right: 0;bottom: 0;padding: 18px 7px 18px 9px;} .case-lists li .con a img{display: block;width: 100%;} .case-lists li .con a:hover{background:#ff6d28;background: -moz-linear-gradient(top, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to bottom, #4d7dff 0%,#ff6d28 100%);} .case-lists li .tit:hover a:before{width: 100%;z-index: -1;} .case-lists li .tit:hover a{color: #fff;} .case-lists li:hover .img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} /* ======================== 妗堜緥鍐呴〉 ====================== */ .case-wrapper{background:#2b334e;background: -moz-linear-gradient(top, #1d1e31 0%, #2b334e 100%);background: -webkit-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: -o-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: -ms-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: linear-gradient(to bottom, #1d1e31 0%,#2b334e 100%);} .crumbs-box{position: absolute;top: 94px;left: 0;width: 100%;z-index: 2;} .case-wrapper{padding-right: 29.05%;position: relative;background: #2b334e;height: 400px;} .case-wrapper .pic{position: relative;} .case-wrapper .pic img{display: block;width: 100%;} .case-wrapper .pic:before{content: '';width: 100%;height: 252px;background: url(../images/case-bg1.png) no-repeat;position: absolute;left: 0;top: 0;right: 0;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;} .case-wrapper .case-lc{width: 210px;background: url(../images/case-bg2.png) no-repeat;position: absolute;right: 16%;top: 135px;text-align: center;color: #fff;padding-top: 20px;} .case-wrapper .case-lc strong{display: block;font-size: 20px;line-height: 30px;margin-bottom: 20px;} .case-wrapper .case-lc ul{padding:0 18px;} .case-wrapper .case-lc li{margin-bottom: 25px;position: relative;border:4px solid rgba(255, 255, 255, 0.1);border-radius: 26px;} .case-wrapper .case-lc li p{font-size: 16px;line-height: 44px;} .case-wrapper .case-lc li span{position: absolute;width: 28px;font-size: 16px;font-weight: bold;color: #ff6d28;line-height: 26px;background: #282f48;left: 50%;top: -15px;margin-left: -14px;} .case-wrapper .case-lc li:after{content:'';width: 25px;height: 5px;background: url(../images/case-arr.png) no-repeat;position: absolute;left: 50%;bottom: -5px;margin-left: -14px;} .case-mian{position: absolute;width: 100%;left: 0;bottom: 0;} .con-ul{float: left;width: 79.3%;background-color: #ffffff;overflow: hidden;padding: 10px 0;} .con-ul li{float: left;} .con-ul li.case-h{width: 49%;padding:30px 0;} .con-ul li.case-h h1{font-size: 34px;line-height: 42px;color: #333333;padding-left: 40px;} .con-ul li.case-le{padding:9px 0;} .con-ul li.info{width: 25.5%;border-left: 1px solid #dedede;padding:20px 0;padding-left: 42px;} .con-ul li.info p{font-size: 20px;line-height: 30px;position: relative;} .con-ul li.info strong{display: block;font-size: 20px;line-height: 30px;} .con-ul li.info p:before{content: '';width: 24px;height: 24px;background: url(../images/case-y.png) no-repeat;position: absolute;left: -12px;top: -8px;} .con-ul li:nth-of-type(3) p:before{background: url(../images/case-y1.png) no-repeat;} .btn-price{float: right;width: 20.7%;background-color: #4c7dff;padding:31px 40px;color: #fff;cursor: pointer;position: relative;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;z-index: 1;} .btn-price strong{display: block;font-size: 20px;line-height: 30px;} .btn-price span{display: block;font-size: 20px;line-height: 30px;} .btn-price:after{content: '';width: 33px;height: 35px;background: url(../images/case-btn.png) no-repeat;position: absolute;right: 44px;top: 46px;} .btn-price:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0; left: 0;right: 0;background: #ff6d28;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .btn-price:hover:before{-webkit-transform: scaleY(1);transform: scaleY(1);} .case-qt{background-color: #f0f1f5;padding:16px 0 10px;} .case-qt .wrap{position: relative;} .case-qt p{line-height: 30px;padding-right: 290px;} .case-qt .get-qt{position: absolute;right: 68px;top: 0;} .case-qt .get-qt>div{display: inline-block;} .case-qt .get-qt span{display: block;font-size: 16px;color: #ff6d28;line-height: 26px;} .case-qt .get-qt strong{display: block;font-size: 20px;color: #ff6d28;line-height: 23px;} .case-qt .get-qt img{vertical-align: middle;margin-top: -28px;} .case-table{margin-bottom: 20px;border-right: 1px solid #DEDFE0;border-bottom: 1px solid #DEDFE0;background-color: #FFF;} .case-table td{border-top: 1px solid #DEDFE0;border-left: 1px solid #DEDFE0;padding: 10px 8px!important;font-size: 16px;line-height: 24px;word-break: break-all;text-align: center;} .case-table tr.table-name td{color: #FFF;font-size: 17px;} .case-table tr:nth-child(odd){background-color: #FFF8E8;} .case-table tr:nth-child(even){background-color: #FFF;} .case-table tr.table-name{background-color: #7896DE} /* ======================== 鏂伴椈涓績 ====================== */ .new-top{-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 95px;padding-bottom: 40px;} .base-new{text-align: center;margin-top: 72px;} .base-new h1{font-size: 40px;color: #ffffff;line-height: 50px;font-weight: normal;margin-bottom: 112px;} .base-new .show{padding: 18px 40px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);display: inline-block;color: #fff;line-height: 40px;} .base-new .show span{display: inline-block;font-size: 16px;} .base-new .show strong{display: inline-block;font-size: 24px;margin-right: 24px;} .base-new .show em{display: inline-block;font-size: 18px;font-weight: bold;margin-right: 34px;} .base-new .show .line-a{display: inline-block;width: 124px;background-color: #fff;color: #fd6d2a;border-radius: 4px;-webkit-box-shadow: 0 12px 10px rgba(130,40,0,0.3);-moz-box-shadow: 0 12px 10px rgba(130,40,0,0.3);-ms-box-shadow: 0 12px 10px rgba(130,40,0,0.3);-o-box-shadow: 0 12px 10px rgba(130,40,0,0.3);box-shadow: 0 12px 10px rgba(130,40,0,0.3);position: relative;} .base-new .show .line-a:after{content: '';width: 72px;height: 75px;background: url(../images/new-kf.png) no-repeat;position: absolute;left: 26px;top: -75px;} .base-new .show .line-a:hover{background-color: #4d7dff;color: #fff;} .new-title{position: relative;margin-bottom: 30px;} .new-title h2{display: inline-block;font-size: 36px;color: #333;line-height: 46px;font-weight: normal;padding-right: 16px;position: relative;} .new-title h2 a{color: #333;display: block;} .new-title h2:after{content: '';width: 1px;height: 30px;background-color: #d3d3d4;position: absolute;top: 8px;right: 0;} .new-title span{display: inline-block;font-size: 20px;line-height: 32px;color: #333;padding-left: 14px;} .new-title .more{display: block;position: absolute;right: 0;color: #333333;font-size: 16px;line-height: 26px;bottom: 4px;} .new-title .more i{color: #ff6d28;} .new-title .more:hover{color: #ff6d28;} .new-title h2:hover a{color: #ff6d28;} .news-box{margin-top: 90px;position: relative;} .news-box:before{content:'';max-width: 1816px;width: 100%;height: 236px;position: absolute;left: 0;top: -40px;right: 0;margin: auto;z-index: -1;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;} .hot-news{overflow: hidden;margin-bottom: 75px;} .hot-news .new-l{float: left;width: 50%;} .hot-news .new-l .pic{position: relative;} .hot-news .new-l .pic img{display: block;width: 100%;} .hot-news .new-l p{position: absolute;right: 20px;top: 24px;font-size: 16px;color: #fff;} .hot-news .new-l p span{display: inline-block;margin-right: 10px;} .hot-news .new-l p span:nth-of-type(1){padding:0 14px;background-color: #4e7dfe;} .hot-news .new-ul{float: right;width: 47.5%;} .hot-news .new-ul li{background-color: #f0f1f5;margin-bottom: 20px;padding:35px 30px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .hot-news .new-ul li .tit{display: block;font-size: 20px;color: #43485d;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .hot-news .new-ul li .text{display: none;} .hot-news .new-ul li.on .text{display: block;color: #fff;position: relative;} .hot-news .new-ul li.on {padding:22px 30px 15px;background-color: #4e7dfe;} .hot-news .new-ul li.on .tit{color: #fff;margin-bottom: 9px;} .hot-news .new-ul li.on p{font-size: 16px;line-height: 30px;margin-bottom: 18px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 60px;} .hot-news .new-ul li.on span{display: inline-block;font-size: 16px;color: #a5b9ff;} .hot-news .new-ul li.on .text a{display: block;position: absolute;right: 0;bottom: 0;} .new-items{margin-left: -1.5%;margin-bottom: 55px;} .new-items li{float: left;width: 23.5%;margin-left: 1.5%;margin-bottom: 50px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;position: relative;background-color: #fff;} .new-items li .img{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 66.5%;} .new-items li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .new-items li .text{padding:10px 5px 5px;} .new-items li .text a{font-size: 18px;color: #333;line-height: 32px;margin-bottom: 18px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 64px;} .new-items li .text p{overflow: hidden;} .new-items li .text p span{display: inline-block;font-size: 16px;color: #959595;line-height: 24px;margin-right: 10px;} .new-items li .text p .time{margin-right: 0;color: #999999;} .new-items li .text p .on{padding:0 14px;background-color: #4e7dfe;color: #fff;} .new-items li .text a:hover{color: #ff6d28;} .new-items li:hover .img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} .new-items li:hover{box-shadow: 0px 1px 4px rgba(0,0,0,0.3),0px 0px 20px rgba(0,0,0,0.1) inset;} .new-items li:hover::before,.new-items li:hover::after{content:"";position:absolute;z-index:-1;bottom:15px;left:10px;width:50%;height:20%;box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);transform:rotate(-3deg);} .new-items li:hover::after{ right:10px;left:auto;transform:rotate(3deg)} .news-box .news-list{margin-bottom: 30px;} /* ======================== 鏂伴椈鍒楄〃 ====================== */ .show-news{margin-top: 60px;margin-bottom: 80px;} .new-bt{position: relative;padding-bottom: 25px;margin-bottom: 40px;} .new-bt h2{font-size: 32px;line-height: 42px;color: #333333;font-weight: normal;} .new-bt span{display: block;font-size: 20px;color: #333333;line-height: 30px;} .new-bt:after{content:'';width: 240px;height: 1px;background-color: #bfbfc5;position: absolute;left: 0;bottom: 0;} .show-news li{overflow: hidden;margin-bottom: 40px;} .show-news li .date{float: left;width: 108px;text-align: center;margin-right: 20px;background-color: #f0f1f5;color: #595b68;padding:35px 0 37px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .show-news li .date strong{display: block;font-size: 40px;line-height: 50px;margin-bottom: 4px;} .show-news li .date span{display: block;font-size: 20px;line-height: 30px;} .show-news li .text{overflow: hidden;} .show-news li .text a{display: block;font-size: 20px;color: #3d3b4c;font-weight: bold;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 3px;} .show-news li .text p{font-size: 16px;color: #333333;line-height: 28px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 56px;} .show-news li .text span{display: inline-block;margin-top: 30px;line-height: 30px;padding: 0 5px;border:1px solid #f05c34;} .show-news li .text span a{font-size: 16px;color: #f05c34;} .show-news li:hover .date{background-color: #4d7dff;color: #fff;} .show-news li:hover .text a{color: #f05c34;} /* ======================== 鏂伴椈鍐呴〉 ====================== */ .new-wrapper{background: url(../images/news-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 95px;} .new-inner{margin-top: 32px;} .new-inner h1{font-size: 36px;color: #ffffff;line-height: 46px;margin-bottom: 54px;} .new-inner>p{font-size: 16px;color: #fff;line-height: 26px;margin-bottom: 15px;} .new-inner>p span{display: inline-block;margin-right: 20px;padding-left: 20px;} .new-inner>p .author{background: url(../images/news-icon.png) no-repeat left center;} .new-inner>p .date{background: url(../images/news-icon1.png) no-repeat left center;} .new-inner>p .up-date{background: url(../images/news-icon2.png) no-repeat left center;} .new-inner .show{float: left;width: 73.5%;} .new-inner .show{padding: 14px 0 14px 20px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);display: inline-block;color: #fff;line-height: 48px;} .new-inner .show span{display: inline-block;font-size: 16px;} .new-inner .show strong{display: inline-block;font-size: 18px;margin-right: 24px;} .new-inner .show em{display: inline-block;font-size: 18px;font-weight: bold;margin-right: 16px;} .new-inner .show .line-a{display: inline-block;width: 150px;background-color: #fff;color: #FFF;font-weight: bold; -webkit-border-radius: 48px;border-radius: 48px;-webkit-box-shadow: 0 6px 10px rgba(130,40,0,0.3);-moz-box-shadow: 0 6px 10px rgba(130,40,0,0.3);-ms-box-shadow: 0 6px 10px rgba(130,40,0,0.3);-o-box-shadow: 0 6px 10px rgba(130,40,0,0.3);box-shadow: 0 6px 10px rgba(130,40,0,0.3);position: relative;text-align: center;float: right;margin-right: 50px;background: -webkit-linear-gradient(top, #fec7b2 40%,#da511b 60%);background: -moz-linear-gradient(top, #fec7b2 0%, #da511b 100%);background: -ms-linear-gradient(top, #fec7b2 40%,#da511b 60%);background: -o-linear-gradient(top, #fec7b2 40%,#da511b 60%);background: linear-gradient(to bottom, #fec7b2 40%,#da511b 60%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#fec7b2, endColorstr=#da511b, GradientType=0 );z-index: 2;} .new-inner .show .line-a:before{content: '';position: absolute; left: 4px;top: 4px;right: 4px;bottom: 4px; -webkit-border-radius: 48px;border-radius: 48px;background: -webkit-linear-gradient(top, #ffb390 0%,#ff6d29 100%);background: -moz-linear-gradient(top, #ffb390 0%, #ff6d29 100%);background: -ms-linear-gradient(top, #ffb390 0%,#ff6d29 100%);background: -o-linear-gradient(top, #ffb390 0%,#ff6d29 100%);background: linear-gradient(to bottom, #ffb390 0%,#ff6d29 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffb390, endColorstr=#ff6d29, GradientType=0 );z-index: -1;} .new-inner .show .line-a:after{content: '';width: 72px;height: 75px;background: url(../images/new-kf.png) no-repeat;position: absolute;left: 40px;top: -75px;} .new-inner .show .line-a:hover{color: #993407;margin-top: -3px;} .new-inner .con{float: right;width: 26.5%;color: #fff;padding-left: 30px;margin-top: 5px;} .new-inner .con strong{display: block;font-size: 16px;line-height: 26px;} .new-inner .con p{font-size: 16px;line-height: 26px;} .new-content{background-color: #f0f1f5;} .news-left{float: left;width: 73.5%;background-color: #fff;padding:40px 100px 32px;margin-bottom: 20px;font-size: 16px;color: #333333;line-height: 32px;} .news-left p{text-indent: 2em;margin-bottom: 20px;} .news-left p img, .news-left p video{height: auto;max-width: 800px;margin-left: -2em;} .news-left p.ms{font-size: 16px;color: #666!important;line-height: 1.5;padding:0 10px 10px;margin-top: -10px;position: relative;margin-bottom: 15px;} .news-left p.ms:after{content:'';width: 60px;height: 1px;background-color: #ff6d28;position: absolute;left: 50%;margin-left: -1em;bottom: 0;} .news-left h2,.news-left h3{font-size: 24px;color: #333333;line-height: 34px;padding-left: 64px;position: relative;margin: 20px 0 ;} .news-left h2:before,.news-left h3:before{content: '';width: 84px;height: 78px;background: url(../images/new-icon.png) no-repeat;position: absolute;top: -16px;left: -14px;} .news-left p.v-tit{text-indent: 0;margin-bottom: 5px;} .news-left p span.zx{display: inline-block;padding:0 14px;background:#4f7eff;background: -moz-linear-gradient(left, #4d7dff 0%, #3068ff 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#3068ff 100%);background: -o-linear-gradient(left, #4d7dff 0%,#3068ff 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#3068ff 100%);background: linear-gradient(to right, #4d7dff 0%,#3068ff 100%);text-indent:0;line-height: 30px;color: #fff;line-height: 30px;border-radius: 4px;margin:0 5px;cursor: pointer;-webkit-transform:translateZ(0);transform:translateZ(0);} .news-left p span.zx:hover{-webkit-animation-name:pulse-grow;animation-name:pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate} @-webkit-keyframes pulse-grow { to { -webkit-transform:scale(1.1); transform:scale(1.1) } } @keyframes pulse-grow { to { -webkit-transform:scale(1.1); transform:scale(1.1) } } .news-left>p a{color: #DA251D;cursor: pointer;padding:0 4px;} .news-left>p a:hover{text-decoration: underline;} .news-left table {margin-bottom: 20px;} .news-left table td {padding: 5px 2px;word-break: break-all;} .news-pages{padding: 30px 0;border-top: 1px solid #dcdcdc;} .news-pages p{text-indent: 0;font-size: 16px;color: #666666;line-height: 26px;margin-bottom: 0;padding-left: 20px;color: #666666;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .news-pages p a{display: inline-block;} .news-pages p.new-prev{margin-bottom: 16px;background: url(../images/new-top.png) no-repeat left center;} .news-pages p.new-next{background: url(../images/new-bottom.png) no-repeat left center;} .news-pages p:hover,.news-pages p:hover a{color: #4879ff;} .news-pages p.new-prev:hover{background: url(../images/new-top1.png) no-repeat left center;} .news-pages p.new-next:hover{background: url(../images/new-bottom1.png) no-repeat left center;} .news-right{float: right;width: 22%;margin-top: 40px;} .news-right strong{display: block;background-color: #ffffff;margin-bottom: 20px;font-size: 20px;color: #1d1e31;font-weight: normal;padding-left: 20px;line-height: 48px;padding-bottom: 4px;position: relative;} .news-right strong:after{content:'';width: 100%;height: 4px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);position: absolute;bottom: 0;left: 0;} .side-news{margin-top: 40px;background-color: #fff;padding-bottom: 20px;} .side-show{padding:0 20px;} .side-show ul{height: 1000px;overflow-x: hidden;padding-right: 10px;} .side-show li{border-bottom: 1px solid #F2F2F2;padding-bottom: 10px;margin-bottom: 20px;} .side-show li .img{display: block;position: relative;padding-top: 66.3%;overflow: hidden;} .side-show li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;} .side-show li .tit{display: block;color: #333;font-size: 16px;line-height: 26px;padding: 5px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .side-show ul::-webkit-scrollbar{width: 6px;} .side-show ul::-webkit-scrollbar-thumb{ border-radius: 6px; background:#ff6d28;background: -moz-linear-gradient(top, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to bottom, #4d7dff 0%,#ff6d28 100%);} .side-show ul::-webkit-scrollbar-track{background-color: #fff; background: -webkit-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: -moz-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: -ms-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: -o-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: linear-gradient(to right,#FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);} /* ======================== 鐩稿叧鏂伴椈 ====================== */ .new-area{padding-top:95px;background:#2b334e;background: -moz-linear-gradient(top, #1d1e31 0%, #2b334e 100%);background: -webkit-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: -o-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: -ms-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: linear-gradient(to bottom, #1d1e31 0%,#2b334e 100%);padding-bottom: 190px;} .new-area.sitemap-box{padding-bottom: 20px;margin-bottom: 50px;} .new-pro {position: relative;margin-top: -170px;margin-bottom: 68px;} .new-pro .img{display: block;float: left;width: 30%;position: relative;z-index: 1;} .new-pro .img img{display: block;width: 100%;} .new-pro .img:after{content: '';position: absolute;top: 10px; left: 10px;width: 100%; height: 100%;background-color: #4d7dff;z-index: -1;} .new-pro .text{float: right;width: 70%;padding-left: 38px;margin-top: 5px;} .new-pro .text .tit{display: block;font-size: 28px;color: #fff;line-height: 38px;font-weight: bold;margin-bottom: 20px;} .new-pro .text .tit:hover{color: #ff6d28;} .new-pro .text p{color: #fff;margin-bottom: 35px;} .new-pro .text p span{display: inline-block;font-size: 20px;color: #ffffff;line-height: 30px;padding-left: 12px;position: relative;} .new-pro .text p span:before{content: '';width: 4px;position: absolute;top: 0; left: 0;bottom: 0;background:#98b4ff;background: -moz-linear-gradient(top, #4d7dff 0%, #98b4ff 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#98b4ff 100%);background: -o-linear-gradient(top, #4d7dff 0%,#98b4ff 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#98b4ff 100%);background: linear-gradient(to bottom, #4d7dff 0%,#98b4ff 100%);} .new-pro .text p span:nth-of-type(1){margin-right: 128px;} .new-pro .text p span:nth-of-type(2):before{background:#ffb490;background: -moz-linear-gradient(top, #ff6d28 0%, #ffb490 100%);background: -webkit-linear-gradient(top, #ff6d28 0%,#ffb490 100%);background: -o-linear-gradient(top, #ff6d28 0%,#ffb490 100%);background: -ms-linear-gradient(top, #ff6d28 0%,#ffb490 100%);background: linear-gradient(to bottom, #ff6d28 0%,#ffb490 100%);} .new-pro .text .grid{color: #fff;overflow: hidden;margin-bottom: 30px;} .new-pro .text .grid span{display: block;} .new-pro .text .grid span:nth-of-type(1){font-size: 18px;color: #9098be;float: left;width: 50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .new-pro .text .grid span:nth-of-type(2){float: right;font-size: 18px;} .new-pro .text .grid span:nth-of-type(2) strong{font-weight: normal;color: #ff6d28;} .new-pro .text .grid span:nth-of-type(2) strong em{font-weight: bold;font-size: 28px;} .new-pro .text .btn{display: inline-block;width: 200px;height: 50px;line-height: 50px;text-align: center;background:#4d7dff;background: -moz-linear-gradient(left, #4d7dff 0%, #4d7dff 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#4d7dff 100%);background: -o-linear-gradient(left, #4d7dff 0%,#4d7dff 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#4d7dff 100%);background: linear-gradient(to right, #4d7dff 0%,#4d7dff 100%);font-size: 18px;color: #fff;font-weight: bold;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;margin-right: 15px;} .new-pro .text .btn:hover{border-radius: 25px;} .new-pro .text .qt p{display: inline-block;color: #3f4354;line-height: 50px;} .grid-tit {margin-bottom: 36px;overflow: hidden;} .grid-tit em{float: left;font-size: 36px;font-weight: normal;line-height: 46px;display: block;} .grid-tit a{float: left;font-size: 20px;color: #333333;line-height: 30px;margin-top: 12px;} .grid-tit a:hover{color: #ff6d28;} .grid-tit span{float: left;line-height: 46px;font-size: 18px;color: #fff;padding:0 20px;background-color: #575d7a;margin-left: 10px;} .more-list{margin-bottom: 50px;} /* ======================== 404 ====================== */ .error-box{padding-top: 186px;text-align: center;padding-bottom: 146px;} .error-box img{margin-bottom: 50px;} .btn-box{margin-bottom: 80px;} .btn-box a{display: inline-block;width: 180px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;margin:0 10px;} .btn-box .return{background:#3068ff;background: -moz-linear-gradient(top, #4d7dff 0%, #3068ff 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -o-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: linear-gradient(to bottom, #4d7dff 0%,#3068ff 100%);} .btn-box .online{background:#ff5028;background: -moz-linear-gradient(top, #ff7b52 0%, #ff5028 100%);background: -webkit-linear-gradient(top, #ff7b52 0%,#ff5028 100%);background: -o-linear-gradient(top, #ff7b52 0%,#ff5028 100%);background: -ms-linear-gradient(top, #ff7b52 0%,#ff5028 100%);background: linear-gradient(to bottom, #ff7b52 0%,#ff5028 100%);} .btn-box a:hover{border-radius: 20px;} .error-pro{max-width: 760px;margin: 0 auto;width: 100%;} .error-pro ul{overflow: hidden;margin-left: -2%;} .error-pro li{float: left;width: 31.3%;margin-left: 2%;} .error-pro li .pic{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;} .error-pro li .pic img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;} .error-pro li .tit{display: block;background-color: #f0f1f5;font-size: 18px;color: #333456;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 48px;position: relative;} .error-pro li .tit:before{content: '';width: 100%;height: 2px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);position: absolute;left: 0;top: 0;} .error-pro li .tit:hover{color: #ff6d28;} /* ======================== 鍞悗鏈嶅姟 ====================== */ .fw-top{padding-top: 94px;background:#2b334e;background: -moz-linear-gradient(top, #1d1e31 0%, #2b334e 100%);background: -webkit-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: -o-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: -ms-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: linear-gradient(to bottom, #1d1e31 0%,#2b334e 100%);} .fw-top .wrap{position: relative;padding-bottom: 148px;} .fw-top .base-top{text-align: center;} .fw-top .base-top p{margin-bottom: 0;line-height: 30px;} .fw-top .base-top strong{margin-bottom: 15px;} .fw-top .base-top .btn-online{margin-top: 35px;} .fw-top .wrap:after{content:'';width: 331px;height: 355px;left: -16px;bottom: 0;position: absolute;} .fw-one{margin-top: 50px;margin-bottom: 120px;} .fw-tit{text-align: center;margin-bottom: 40px;} .fw-tit h2{font-size: 36px;color: #333;line-height: 46px;padding-top:30px;margin-bottom: 40px;position: relative;display: inline-block;} .fw-tit h2:after{content:'';width: 129px;height:129px;background: url(../images/fw-icon.png) no-repeat;position: absolute;top: 0;left: -40px;z-index: -1;} .fw-tit p{font-size: 18px;color: #666666;line-height: 36px;} .fw-one ul{-webkit-box-shadow:0 20px 40px rgba(7,19,57,0.1);-moz-box-shadow:0 20px 40px rgba(7,19,57,0.1);-ms-box-shadow:0 20px 40px rgba(7,19,57,0.1);-o-box-shadow:0 20px 40px rgba(7,19,57,0.1);box-shadow:0 20px 40px rgba(7,19,57,0.1);} .fw-one li{float: left;width: 25%;} .fw-one li .text{position: relative;} .fw-one li .text p{position: absolute;left: 0;top: 50%;font-size: 24px;line-height: 34px;font-weight: bold;color: #1d1e31;width: 100%;text-align: center;transform: -webkit-translateY(-50%);transform: translateY(-50%);padding-bottom: 20px;} .fw-one li .text p:after{content:'';width: 60px;height:4px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);position: absolute;left: 50%;bottom: 0;margin-left: -30px;} .fw-two{margin-bottom: 134px;} .fw-two img{display: block;width:100%} /* ======================== 鑱旂郴鎴戜滑 ====================== */ .contact-top{padding-top: 95px;position: relative;padding-bottom: 45px;} .contact-top>img{display: block;position: absolute;top: 0; left: 0;width: 100%; z-index: -1;} .lx-left{width: 560px;color: #fff;float: left;margin-top: 24px;} .lx-left>strong{display: block;font-size: 40px;font-weight: normal;line-height: 50px;} .lx-left .p1{font-size: 16px;line-height: 30px;margin-bottom: 56px;} .lx-left .p2{padding-left: 24px;font-size: 18px;line-height: 28px;margin-bottom: 10px;margin-top: 10px;background: url(../images/lx-icon.png) no-repeat left center;} .lx-left .p2 strong{font-size: 28px;} .lx-left .p3{padding-left: 24px;font-size: 18px;line-height: 28px;background: url(../images/lx-icon1.png) no-repeat left center;margin-bottom: 20px;margin-top: 10px;} .lx-left .p3 span{font-size: 20px;} .lx-right{width: 470px;float: right;margin-top: 174px;position: relative;margin-right: 30px;z-index: 1;-webkit-box-shadow: 0 0 30px rgba(0,37,156,0.2);-moz-box-shadow: 0 0 30px rgba(0,37,156,0.2);-ms-box-shadow: 0 0 30px rgba(0,37,156,0.2);-o-box-shadow: 0 0 30px rgba(0,37,156,0.2);box-shadow: 0 0 30px rgba(0,37,156,0.2);border-radius: 10px;} .lx-right .msg-btn input{position: static;} .lx-right .lx-con{background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);padding:35px 40px 33px;border-radius: 10px 10px 0 0;} .lx-right .lx-con strong{display: block;font-size: 32px;color: #fff;line-height: 42px;margin-bottom: 2px;} .lx-right .lx-con p{font-size: 16px;color: #fff;line-height: 26px;} .lx-right form{padding:30px 40px 40px;background-color: #fff;border-radius: 0 0 10px 10px;} .lx-right li{float: left;background-color: #f0f1f5;margin-bottom: 20px;padding:10px;position: relative;width: 100%;border-radius: 4px;} .lx-right li input,.lx-right li textarea{background-color: transparent;width: 100%;font-size: 16px;color: #999999;line-height: 36px; font-family:"Microsoft YaHei";} .lx-right li input{padding-left: 30px;padding-right: 16px;height: 36px;} .lx-right li img{position: absolute;left: 20px;top: 20px;} .lx-right li textarea{height: 134px;} .lx-right li i{position: absolute;font-size: 16px;color: #ff0000;top: 16px;right: 20px;} .lx-right .msg-btn{text-align: center;position: static;} .lx-right:after{content:'';position: absolute;top: 32px; left: 30px;width: 100%; height: 100%;background-color: #4d7dff;z-index: -1;border-radius: 10px} .contact-box{margin-top: 130px;position: relative;} .contact-box .text{padding-left: 41%;position: relative;} .contact-box .text h3{font-size: 40px;color: #333333;line-height: 50px;text-align: center;font-weight: normal;margin-bottom: 6px;} .contact-box .text>p{font-size: 24px;color: #5b688b;line-height: 34px;text-align: center;margin-bottom: 38px;} .fw-ul{padding:76px 0 38px;margin-left: -2%;} .fw-ul li{width: 48%;float: left;margin-left: 2%;background-color: #fff;border-radius: 10px;-webkit-box-shadow:0 10px 40px rgba(0,34,146,0.2);-moz-box-shadow:0 10px 40px rgba(0,34,146,0.2);-ms-box-shadow:0 10px 40px rgba(0,34,146,0.2);-o-box-shadow:0 10px 40px rgba(0,34,146,0.2);box-shadow:0 10px 40px rgba(0,34,146,0.2);margin-bottom: 30px;padding:35px 0 32px 20px;} .fw-ul li img{float: left;margin-right: 20px;} .fw-ul li .con{overflow: hidden;} .fw-ul li .con span{display: block;font-size: 28px;color: #172236;line-height: 38px;} .fw-ul li .con p{font-size: 18px;color: #606f87;line-height: 28px;} .contact-box:after{content: '';width:100%;height:450px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);position: absolute;left: 0;bottom: 0;z-index: -1;} .contact-box .text:before{content:'';width: 438px;height: 771px;background: url(../images/lx-kf.png) no-repeat;position: absolute;bottom:-63px;left: 0;} #allmap{height: 500px;} #map{height:100%;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #allmap *{ box-sizing: content-box; max-width: none; } /* ======================== 鍏充簬鎴戜滑 ====================== */ .about-top{padding-top: 95px;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;overflow: hidden;margin-bottom: 118px;} .about-top .base-top{margin-bottom: 100px;} .about-con{width: 75%;margin-left: 25%;background-color: #f4f4f4;padding:25px 54px 32px 214px;position: relative;} .about-con strong{display: block;font-size: 20px;line-height: 30px;} .play-btn{width: 218px;height: 156px;background-color: #4678ff;text-align: center;position: absolute;left: -40px;top: -56px;cursor: pointer;padding-top: 50px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .play-btn p{font-size: 14px;color: #fff;line-height: 24px;margin-top: 10px;} .play-btn:hover{background-color: #ff6d28;} .pop-video{position: fixed;width: 100%;height: 100%;left: 0;top:-100%;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;z-index: 9999;opacity: 0;filter: alpha(opacity=0);} .pop-video .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);} .pop-video .close{position: absolute;right: 20px;top: 20px;width: 50px;height: 50px;background: url(../images/close.png) center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;cursor: pointer;} .pop-video video{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);max-width: 90%;} .pop-video.open{top:0;opacity: 1; filter: alpha(opacity=100);} .about-box{margin-bottom: 190px;} .about-box .col-l{float: left;width: 42.5%;} .about-box .col-r{float: right;width: 52%;padding-right: 20px;} .about-box .col-r .pic{position: relative;} .about-box .col-r img{display: block;width: 100%;} .about-box .col-r .pic:after{content: '';position: absolute;top: 20px; left: 20px;width: 100%; height: 100%;background-color: #32344b;z-index: -1;} .about-tit{text-align: center;margin-bottom: 20px;} .about-tit h2{font-size: 40px;font-weight: normal;color: #333333;line-height: 50px;} .about-tit span{display: inline-block;font-size: 20px;line-height: 30px;text-transform: uppercase;letter-spacing: 20px;color: #4d7dff;background-image: -webkit-gradient(linear, 0 0, right 0, from(#4d7dff), to(#ff6d28));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;} .about-box .col-l>p{font-size: 16px;color: #666666;line-height: 32px;} .num-ul{overflow: hidden;margin-top: 68px;} .num-ul li{width: 50%;float: left;padding-left: 60px;position: relative;} .num-ul li strong{display: block;font-size: 64px;color: #4d7dff;line-height: 65px;font-family: "Impact";} .num-ul li strong i{font-size: 24px;color: #ff6d28;} .num-ul li p{font-size: 18px;color: #333333;line-height: 28px;margin-top: -16px;} .num-ul li:nth-of-type(1):after{content:'';width: 1px;height: 40px;background-color: #e5e5e5;position: absolute;right: 0;top: 24px;} .about-box1 {margin-bottom:122px;} .about-box1 .content{margin-top: 40px;} .about-box1 .col-l{float: left;width: 59%;} .about-box1 .col-l .img{position: relative;padding-left: 20px;margin-bottom: 62px;} .about-box1 .col-l .img img{display: block;width: 100%;} .about-box1 .col-l .img:after{content:'';position: absolute;top: 20px; left:0;width: 98%; height: 100%;background-color: #32344b;z-index: -1;} .about-box1 .col-l p{font-size: 16px;color: #666666;line-height: 32px;padding:0 65px 0 62px;} .about-box1 .col-r{float: right;width: 36%;} .about-box1 .num-ul{margin-bottom: 58px;} .about-box1 .num-ul li{padding-left: 0;width: auto;} .about-box1 .num-ul li:nth-of-type(1){padding-right: 42px;} .about-box1 .num-ul li:nth-of-type(2){padding-left:48px} .about-box1 .col-r .img{padding-right: 20px;position: relative;} .about-box1 .col-r .img img{display: block;width: 100%;} .about-box1 .col-r .img:after{content:'';position: absolute;top: 20px; right:0;width: 96%; height: 100%;background-color: #32344b;z-index: -1;} .about-box2{margin-bottom: 158px;} .about-box2 .about-pro{float: left;width: 50%;} .about-pro li{float: left;width: 210px;height: 243px;background: url(../images/about-bk.png) no-repeat;text-align: center;margin-left: 24px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .about-pro li p{font-size: 20px;color: #1c2032;line-height: 30px;} .about-pro li.pro1{margin-left: 0;padding-top: 58px;} .about-pro li.pro1 .pic{margin-bottom: 10px;} .about-pro li.pro2{padding-top: 55px;} .about-pro li.pro2 .pic{margin-bottom: 8px;} .about-pro li.pro3{padding-top: 40px;} .about-pro li.pro3 .pic{margin-bottom: 8px;} .about-pro li.pro4{margin-left: 118px;padding-top: 46px;} .about-pro li.pro4 .pic{margin-bottom: 18px;} .about-pro li.pro5{padding-top: 62px;} .about-pro li.pro5 .pic{margin-bottom: 14px;} .about-pro li.pro4,.about-pro li.pro5{position: relative;margin-top: -40px;} .about-pro li:hover{background: url(../images/about-bk1.png) no-repeat;} .about-box2 .col-r{float: right;width: 50%;padding-left: 100px;} .about-box2 .col-r>p{text-align: center;font-size: 16px;color: #666666;line-height: 32px;} .about-box2 .num-ul li{width: 50%;} .about-box2 .num-ul li:nth-of-type(1){padding-left: 136px;} .about-box2 .num-ul li:nth-of-type(2){padding-left: 84px;} .about-box3{margin-bottom: 120px;} .about-box3 .col-l{float: left;width: 38%;} .about-box3 .col-l>p{text-align: center;font-size: 16px;color: #666666;line-height: 32px;} .about-box3 .col-l .num-ul{margin-top: 26px;} .about-box3 .pic{float: right;width: 65%;position: relative;margin-right: -9%;} .about-box3 .pic img{display: block;width: 100%;} .about-box4{background:#393b60;background: -moz-linear-gradient(top, #282943 0%, #393b60 100%);background: -webkit-linear-gradient(top, #282943 0%,#393b60 100%);background: -o-linear-gradient(top, #282943 0%,#393b60 100%);background: -ms-linear-gradient(top, #282943 0%,#393b60 100%);background: linear-gradient(to bottom, #282943 0%,#393b60 100%);padding:96px 51px 76px;} .about-box4 ul{overflow: hidden;margin-bottom: 20px;} .about-box4 li{padding:0 10px;float: left;width: 16.6%;} .text-ul li.txt{width: 100%;text-align: center;color: #fff;padding-top: 15px;} .text-ul li.txt strong{display: inline-block;font-size: 40px;line-height: 50px;font-weight: normal;margin-bottom: 6px;} .text-ul li.txt p{font-size: 20px;color: #d4d5ee;line-height: 30px;margin-bottom: 12px;} /* ============== 鍐呴〉閲岄潰鐨勬牱寮 ================== */ .news-left p em.news-spot,.main-content p em.news-spot{display: inline-block;width: 14px;height: 18px;margin-right: 8px;vertical-align: middle;} .spot-icon01{background: url(../images/newsSpot01.png) no-repeat left top;-webkit-background-size: 14px 18px;background-size: 14px 18px;} .news-left p em.news-mark,.main-content p em.news-mark{display:inline-block;width:20px;height:20px;margin-right:8px;vertical-align:middle;} .mark-icon01{background: url(../images/newsIcon01.png) no-repeat left top;-webkit-background-size:18px;background-size:18px;} .mark-icon02{background: url(../images/newsIcon02.png) no-repeat left top;-webkit-background-size:18px;background-size:18px;} .mark-icon03{background: url(../images/newsIcon03.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;} .mark-icon04{background: url(../images/newsIcon04.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;} .mark-icon05{background: url(../images/newsIcon05.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;} .mark-icon06{background: url(../images/newsIcon06.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;} .mark-icon07{background: url(../images/newsIcon07.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;} .mark-icon08{background: url(../images/newsIcon08.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;} .mark-icon09{background: url(../images/newsIcon09.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;} .news-left p em.news-title,.main-content p em.news-title{display:inline-block;width:24px;height:24px;margin-right:8px;vertical-align:middle;} .title-icon01{background: url(../images/newsTit01.png) no-repeat left top;-webkit-background-size:24px;background-size:24px;} /* ================== 鏂板浜у搧鍥剧墖 ==================== */ .show-slick {margin: 40px 0;} .show-slick .slick-slider{outline: none;} .show-slick .slick-slider img{display: block;width: 100%;height: auto;} .show-slick .slick-info{margin-bottom: 10px;} .show-slick .slick-nav{background-color: #373953;position: relative;padding:13px 250px 13px 9px;} .slick-nav:after{content:'';position: absolute;top: 0;bottom: 0;right: 0;width: 240px;background: url(../images/xz-slick.png) no-repeat left center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;} .slick-nav .slick-slider{padding:0 9px;} .slick-nav .slick-arrow{border:none;outline: none;width: 70px;height: 70px;position: absolute;font-size: 0;z-index: 1;cursor: pointer;top: 34px;border-radius: 50%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .slick-nav .slick-current .img{border: 4px solid #ff6d28;} .slick-nav .slick-prev{background: url(../images/xz-prev.png) no-repeat center;right: 120px;} .slick-nav .slick-next{background: url(../images/xz-next.png) no-repeat center;right: 34px;} .slick-nav .slick-arrow:hover{box-shadow:0px 12px 8px -12px #000;} /* ================== 鍙充晶鎮诞绐楀彛 ==================== */ .fixed-swt{width: 384px;position: fixed;bottom: -100%;right: 0;z-index: 99991;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .fix-colse{width: 75px;height: 30px;position: absolute;right: 4px;top: 10px;cursor: pointer;display: block;} .fixed-swt.open{bottom: 0;} .chat-btn{position: fixed;right: 60px;width: 50px;height: 50px;bottom: 100px;border-radius: 50%;background: url(../images/icon-chact.png) no-repeat center #3498db;background-size: 24px;cursor: pointer;display: none;z-index: 9999;} .chat-btn i{display: block;width: 12px;height: 12px;background-color: #fd4c4c;border-radius: 50%;position: absolute;top: 0;left: 0;} /* ============== 鍐呴〉閲岄潰鐨勬牱寮廵nd ================== */ @media screen and (min-width: 2000px){ .case-wrapper{padding-right: 34.3%;} .case-wrapper .case-lc{right: 25%;} .lx-right{margin-top: 360px;} .pro-wrapper:after{width: 933px;} .detail-nav{padding-right: 21%;} .detail-nav ul{padding-left: 46%;} .fw-three:after{width: 990px;} .pro-top{padding-bottom: 230px;} .case-top{padding-bottom: 194px;} } @media screen and (max-width: 1800px){ .about-box3 .pic{width: 58%;margin-right: 0;} .case-wrapper .case-lc{right: 9%;top: 100px;} .case-wrapper{padding-right: 25.05%;} .lx-right{margin-top: 100px;} .lx-left{margin-top: 40px;} .lx-left .p1{margin-bottom: 32px;} .pro-wrapper:after{width: 589px;} .fw-three:after{-webkit-background-size: 88% 100%;-moz-background-size: 88% 100%;-ms-background-size: 88% 100%;-o-background-size: 88% 100%;background-size: 88% 100%;} .index-goods .content{right: 2.6%;} } @media screen and (max-width: 1599px){ .index-goods .content{width: 660px;} .case-wrapper .case-lc{right: 5%;} .case-wrapper{padding-right: 22.3%;} .con-ul li.info{padding: 10px 0;padding-left: 42px;} .con-ul li.case-h{padding: 19px 0;} .con-ul li.case-le{padding:0 0;} .con-ul li.case-h h1{font-size: 30px;line-height: 40px;} .btn-price{padding: 20px 40px;} .case-wrapper .case-lc li p{line-height: 38px;} .fw-three:after{-webkit-background-size: 78% 100%;-moz-background-size: 78% 100%;-ms-background-size: 78% 100%;-o-background-size: 78% 100%;background-size: 78% 100%;} .img-box .box1{top: 192px;margin-left: -339px;} .img-box .box2{top: 97px;margin-left: -105px;} .img-box .box3{top: 230px;margin-left: 118px;} .img-box .box4{top: 210px;margin-left: 310px;} .img-box .box5{bottom: 70px;margin-left: -184px;} .detail-nav ul{padding-left: 42%;} .detail-nav{padding-right: 3%;} } @media screen and (max-width: 1439px){ .pro-wrapper:after{width: 557px;} .col-text .get-price{width: 158px;} .new-inner .show strong{margin-right: 4px;} .new-inner .show em{margin-right: 0;} .hot-pro li{max-height: 578px;} .lx-right{margin-top: 30px;} .lx-left{margin-top: 18px;width: 610px;} .lx-left .p1 br{display: none;} .lx-left .p1{margin-bottom: 24px;} .lx-left .p2{margin-bottom: 10px;} .case-wrapper{padding-right: 21.8%;} .case-wrapper .case-lc li p{line-height: 34px;} .case-wrapper .case-lc{padding-top: 14px;} .about-pro li{width: 200px;height: 232px;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%;} .about-pro li.pro4{margin-left: 112px;} .about-con{padding: 25px 40px 32px 214px;} .index-case li>div{height: 268px;} .index-case li .text{padding: 38px 30px 0;} .pro-inner .col-text ul{margin-top: 30px;} .header .head-btn{padding-left: 12px;padding-right: 20px;width: 25%;} .head-btn span{width: 108px;} } @media screen and (max-width: 1359px){ .header .head-tel{width: 18%;} .about-box1 .num-ul li:nth-of-type(1){padding-right: 30px;} .about-box2 .about-pro{width: 54%;} .about-box2 .col-r{width: 46%;padding-left: 0;} .num-ul li{padding-left: 50px;} .about-box4 li{padding: 0 5px;} .text-ul li.txt strong{font-size: 30px;line-height: 40px;} .text-ul li.txt p{font-size: 16px;line-height: 18px;} .text-ul .btn-online{line-height: 35px;} .about-box4 ul{margin-bottom: 10px;} .img-box .box1{top: 170px;margin-left: -286px;} .img-box .box2{top: 88px;margin-left: -92px;} .img-box .box3{top: 194px;margin-left: 100px;} .img-box .box4{top: 190px;margin-left: 286px;} .img-box .box5{bottom: 52px;margin-left: -164px;} .index-case li>div{height: 253px;} .btn-price{padding: 12px 20px;} .btn-price:after{top: 36px;} .con-ul li.case-h{padding: 12px 0;} .con-ul li.case-h h1{font-size: 20px;line-height: 30px;padding-left: 14px;} .con-ul li.info p{font-size: 18px;line-height: 26px;} .con-ul li.info strong{font-size: 18px;line-height: 26px;} .btn-price strong,.btn-price span{font-size: 18px;line-height: 28px;} .con-ul li.info{padding: 10px 0 0;padding-left: 35px;} .con-ul{padding: 6px 0;} .btn-price{padding: 9px 20px;} .case-wrapper .case-lc li p{font-size: 14px;} .case-wrapper .case-lc li span{font-size: 14px;line-height: 20px;top: -12px;} .hot-news .new-ul li{padding: 18px 30px;} .msg-content .col-r span{font-size: 16px;} .pro-tel{margin: -38px 46px 40px;} .case-ul li .text{padding: 0 50px 0 20px;} .col-text .get-tel{margin-left: 10px;} .pro-inner .col-text ul{margin-top: 20px;} .pro-wrapper:after{width: 524px;} .fw-three:after{-webkit-background-size: 70% 100%;-moz-background-size: 70% 100%;-ms-background-size: 70% 100%;-o-background-size: 70% 100%;background-size: 70% 100%;} .hot-pro li{max-height: 542px;} .new-inner .show em{display: none;} .new-inner .show .line-a{float: right;margin-right: 10px;} .new-items li .text p span{margin-right: 6px;} .msg-content .col-r strong{font-size: 26px;} .header .head-btn{width: 12%;} .head-btn p{display: none;} .header .nav li{margin: 0 18px;} } @media screen and (max-width: 1279px) and (min-width: 1000px){ .header .nav li{margin:0 12px;} .header .head-btn:before{display: none;} .header .logo{width: 180px;} .header .head-tel{width: 20%;padding: 13px 0 13px 10px;} .index-slick{height: 346px;} .index-slick .text{margin-top: 50px;} .index-slick .text .p2{font-size: 50px;line-height: 60px;} .index-slick .text .p3{font-size: 18px;} .index-slick .text li strong{font-size: 24px;} .index-wrapper .item i{font-size: 30px;} .index-wrapper .qt .fl{padding-top: 18px;} .index-wrapper .qt .fl span{font-size: 16px;} .index-wrapper .qt .fl p{font-size: 20px;} .index-wrapper .qt .zx-btn{line-height: 100px;} .index-wrapper:after{height: 100px;} .index-wrapper .item{line-height: 64px;} .index-goods .content{margin-left: 34%;} .news-list li a{width: 76%;} .link-box ul{width: 77%;} .play-btn{width: 178px;height: 140px;padding-top: 40px;top: -40px;} .about-con{padding: 25px 20px 32px 160px;} .about-tit h2{font-size: 30px;line-height: 40px;} .num-ul li{padding-left: 20px;} .num-ul li strong{font-size: 50px;} .num-ul li p{font-size: 16px;} .about-box1 .num-ul li:nth-of-type(1){padding-right: 10px;} .about-box1 .col-r{width: 39%;} .about-box1 .col-l p{padding: 0 40px 0 36px;} .about-box1{margin-bottom: 140px;} .about-box2 .num-ul li:nth-of-type(1){padding-left: 80px;} .about-pro li{width: 152px;height: 175px;} .about-pro li .pic img{width: 48%;} .about-pro li.pro1 img{width: 80%} .about-pro li.pro2 img{width: 58%;} .about-pro li.pro3 img{width: 38%;} .about-pro li.pro4 img{width: 54%;} .about-pro li.pro5 img{width: 68%;} .about-pro li.pro1{padding-top: 32px;} .about-pro li.pro2{padding-top: 28px;} .about-pro li.pro3{padding-top: 28px;} .about-pro li.pro5{padding-top: 42px;} .about-pro li.pro4{margin-left: 86px;padding-top: 36px;} .about-pro li.pro4, .about-pro li.pro5{margin-top: -26px;} .text-ul li.txt strong{font-size: 24px;line-height: 34px;margin-bottom: 0;} .text-ul li.txt p{font-size: 14px;} .text-ul .btn-online{font-size: 14px;line-height: 26px;} .pro-tel{font-size: 16px;margin: -38px 15px 40px;} .fw-top .wrap:after{display: none;} .fw-three:after{-webkit-background-size: 58% 100%;-moz-background-size: 58% 100%;-ms-background-size: 58% 100%;-o-background-size: 58% 100%;background-size: 58% 100%;} .fw-three .col-r span{font-size: 26px;} .fw-three .col-r span i{font-size: 42px;} .show-msg .wrap:after{display: none;} .msg-content .col-r{padding-right: 5%;} .msg-btn p{font-size: 16px;padding-left: 0;} .msg-btn input{width: 140px;} .pro-wrapper:after{width: 420px;} .pro-inner .col-img{width: 52%;} .pro-inner .col-text{width: 48%;padding-left: 20px;padding-bottom: 20px;} .col-text .get-price{width: 120px;} .col-text .get-qt{margin-left: 10px;} .pro-inner .col-text .info:nth-of-type(2){margin-bottom: 18px;} .pro-inner .col-text .info:nth-of-type(1){margin-bottom: 16px;} .pro-inner .col-text h1{font-size: 32px;margin-bottom: 18px;} .detail-nav li a{line-height: 58px;} .new-pro .text .grid span:nth-of-type(2){font-size: 16px;} .new-pro .text .grid span:nth-of-type(2) strong em{font-size: 20px;} .new-pro .text .grid span:nth-of-type(1){font-size: 16px;} .lx-left{width: 462px;} .lx-right{width: 420px;} .lx-right form{padding: 30px 20px 40px;} .case-wrapper .case-lc{width: 168px;right: 4%;} .case-wrapper .case-lc li{margin-bottom: 12px;} .case-mian{position: relative;width: 128%;} .case-qt{padding: 90px 0 10px;} .case-qt p{padding-right: 230px;} .btn-price:after{right: 6px;} .lx-left{margin-top: 0;} .lx-left .p1{margin-bottom: 5px;} .lx-left .p2 strong{font-size: 20px} .lx-left>strong{font-size: 32px;} .lx-left .p1{font-size: 14px;line-height: 24px;} .lx-left .p2{margin-bottom: 0;} .lx-left .p3,.lx-left .p2{font-size: 14px;} .lx-left .p3 span{font-size: 16px;} .fw-ul li img{margin-right: 5px;} .contact-box .text:before{left: -35px;} .fw-ul li{padding: 35px 0 32px 10px;} .fw-ul li .con p{font-size: 15px;} .base-new .show{padding: 18px 10px;} .base-new .show strong{font-size: 20px;margin-right: 4px;} .base-new .show em{margin-right: 6px;font-size: 16px;} .slick-nav .slick-arrow{top: 10px;} .new-inner .show .line-a{display: none;} .news-left p img, .news-left p video{width: 100%;} } @media \0screen{ .img-box .box span:before{margin-top: -4px;} .img-box .box span:after{margin-left: -4px;} } .year-foot{position: fixed;bottom: 0;left: 0;right: 0;z-index: 9999;} .year-foot .year-bpic{cursor: pointer;} .year-foot .year-bpic img{width: 100%;height: auto;} .year-close{position: absolute;right: 18px;bottom: 140px;cursor: pointer;} /*鍒嗛〉 begin*/ .pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom} .pagination li {display:inline-block;border:solid 1px #EBEBEB;border-radius:4px} .pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s} .pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB} .pagination .active {pointer-events:none} .pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s} .pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;} .pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;} /* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */ .pagination li.active a,.pagination li a:hover {background:#ff9600;color:#fff;border:1px solid #ff9600;} /*鍒嗛〉 end*/