body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif; } body{color:#555;min-width: 1000px;} input:focus,textarea:focus { outline: none; } h1,h2,h3,h4,h5,h6{font-size:100%;} a{color:#555; text-decoration:none;cursor: pointer} a:hover{text-decoration:none;} img {max-width: 100%;height: auto; vertical-align: bottom;-ms-interpolation-mode: bicubic;border: 0;} i,em{ font-style: normal;} li{list-style:none;} button,input,select,textarea{font-size:100%;} .clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;} .wrap{width:1560px;margin:0 auto; overflow:hidden} .wrap1{width:1560px;margin:0 auto;position: relative;z-index: 1;} .banner img{ width:100%; text-align:center; display:block; height:auto} .l{ float:left} .r{ float:right} /* 头部 */ .head{width:100%;background:#131e2d;height:72px;} .head-nav{width:90%;margin:0 auto;} .head-nav .logo{display: block;float: left;width: 20%;margin-top: 10px;} .head-nav ul{float: left;width: 60%;line-height: 72px;} .head-nav ul li{float: left;width: 14%;text-align: center;} /*.head-nav ul li.active{background: #e6221a}*/ .head-nav ul li a{color:#fff;font-size: 16px;display: block;} .head-nav ul li a .down{display: inline-block;width: 20px;height: 20px;background: url(../images/down.png) center center no-repeat;vertical-align: middle;margin-left: 5%;} .head-nav ul .fw{position: relative} .head-nav ul li .xl{ display: none;position: absolute;width: 100%;top: 100%;left: 0;background-color: #f5f5f5;z-index: 21;} .head-nav ul li .xl p{font-size: 16px;border-bottom: 1px solid #efefef;line-height: 38px;} .head-nav ul li .xl p a{ display: block;color: #666;text-align: center;font-weight: normal;} .head-nav .tel{display: block; float: right;line-height: 72px;width: 20%} .head-nav .tel img{vertical-align: middle;} /* 头部 end*/ /* 头部 */ .head2{width:100%;background:#131e2d;height:72px;} .head2-nav .logo{display: block;float: left;width: 28%;margin-top:5px;} .head2-nav ul{float:right;width: 71%;line-height: 72px;} .head2-nav ul li{float: left;width: 14%;text-align: center;} .head2-nav ul li.active{ color: #e6221a} .head2-nav ul li a{color:#fff;font-size: 16px;display: block;} .head2-nav ul li a .down{display: inline-block;width: 20px;height: 20px;background: url(../images/down.png) center center no-repeat;vertical-align: middle;margin-left: 5%;} .head2-nav ul .fw{position: relative} .head2-nav ul li .xl{ display: none;position: absolute;width: 100%;top: 100%;left: 0;background-color: #f5f5f5;z-index: 21;} .head2-nav ul li .xl p{font-size: 16px;border-bottom: 1px solid #efefef;line-height: 38px;} .head2-nav ul li .xl p a{ display: block;color: #666;text-align: center;font-weight: normal;} .head2-nav .tel{display: block; float: right;line-height: 72px;width: 20%} .head2-nav .tel img{vertical-align: middle;} /* 头部 end*/ .copyrights { width: 100%; padding: 10px 0 10px 0; float: left; background: #15181E; color: #4d5560; font-size: 14px; } .copyrights a {color:#4d5560; } .copyrights a:hover { color: #FFF; text-decoration: none; } .copyright_links { float: right; } .copyright_links li { display: inline; float: left; padding: 0 10px; } .one-half { width: 60%; float: left; } .inner_wrap { margin: 0 auto;overflow: hidden;} /* 关于我们 */ .about-sub-title{position: relative;margin-bottom: 15px;text-align: center;} .about-sub-title h2{position: absolute;left: 0;bottom: 23px;width: 100%;font-size: 42px;font-weight:600;line-height: 1;color:#07284E;} .tit-en{font-size: 137px;font-family: Arial;font-weight: bold;line-height: 1;color: #eff2f9;text-transform: uppercase; text-indent:-99999;background: url(../images/hongxing.png) center center no-repeat;} .ab-txt{text-indent: 2em;color:#666;font-size: 16px;line-height: 32px;margin-bottom: 50px;} /*changqu start*/ .changqu{margin-bottom:50px; overflow:hidden} .changqu li{ width:30.333%; margin:0 1.5%;background-color:#f0f3fa;position: relative;overflow: hidden;cursor: pointer; float:left} .changqu .box_top .tit{font-size: 18px;color:#07284E;text-align: center; line-height:80px; height:80px;} .changqu .innerbox{position: absolute;top: 100%;left: 0;right: 0;bottom: 0;background: #ffd900;text-align: center;opacity: 0;transition: all .5s ease;-webkit-transition: all .5s ease;} .changqu .innerbox .c_icon{display: block;padding-top:20%;margin:0 auto;} .changqu .innerbox:hover img{transform: scale(1);-webkit-transform: scale(1);} .changqu li:hover .innerbox{top: 0;opacity: 1;} .changqu li:hover .innerbox .c_icon{transform: rotateY(-180deg);transition-delay:.2s; } /*changqu*/ .opc0{ max-width:1920px; margin:0 auto; overflow:hidden} .about-pro{ width:100%; margin:0 auto;margin-top: 50px; overflow:hidden} .about-pro h2{font-size: 36px;color: #07284E;font-weight: 600;line-height: 72px;display: block; text-align:center;margin: 0 auto;} .about-pro .line{margin: 0 auto;height: 3px;width: 110px;background: #fc0; margin-bottom:10px;} .about-pro p{line-height: 65px;color:#666;font-size: 18px;margin-bottom: 15px;} .about-bg{background: url(../images/about_pro.jpg) 50%;background-size: cover; padding:50px 0; height:570px;} .about-bg .slider{overflow: hidden;padding-bottom: 50px;width: 65%;} .about-bg .about-bg-box{width:65%;margin-bottom:30px;} .about-bg p{color:#f5f5f5;line-height: 38px;margin-top: 40px;} .about-bg ul{width:45%;padding:40px 0 0 0;} .about-bg .slick-dots{width: 100%;z-index: 1;bottom: 0;} /*时间轴start*/ .int-content-three{margin-top: 200px;margin-bottom: 70px;} .event_box{position: relative;min-height: 360px;} .fz-bg{position: absolute;left:72%;top:-20%;z-index: 10} .event_box .parhd {width: 100%;display: inline-block;height: 92px;overflow: hidden;margin-top: 70px;} .parhd ul{text-align: center;margin: 0 auto;padding-top: 25px !important;} .parhd .tempWrap{margin: 0 auto;width: 100%;} .parhd .tempWrap:after{content: '';width: 100%;height: 1px;background:#C7D1E9;position: absolute;right: 0;top: 35%;z-index: 10;} .parhd li.no_line:before{display: none;} .parhd li{display: inline-block;cursor: pointer;padding-top: 30px;font-size: 20px;color: #555;margin:0 30px;position: relative;} .parhd li:after{content: '';background: #fff;width: 20px;height: 20px;border-radius: 50%;position: absolute;z-index: 20;top: -8px;left: 50%;margin-left: -12px;border: 2px solid #E9EDF6;} .parhd .act:after{background:#ed1c24;width: 20px;height: 20px;border-radius: 50%;border: 2px solid #E9EDF6;} .parbd .slidebox .slidebox-left{width: 40%;float: left;} .parbd .slidebox .slidebox-right{max-height: 400px;width: 60%;float: right;} .parbd h4{position: relative;font-size: 120px;margin-bottom: 3%;padding: 45px 5% 0;display: inline-block;color: #E9EDF6;margin-left: 8%;font-weight: 600;} .parbd p{line-height: 36px;font-size: 16px;width: 70%;color: #555;margin: 0 auto;} div#listBox {width: 100%;} .sprev,.snext{width:40px;height: 40px;display: block;position: absolute;bottom: 50px;} .sprev{left: 5%;} .snext{right: 5%;} .sprev img,.snext img{transition: all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition: all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition: all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition: all .6s cubic-bezier(.51,1.1,.9,.95);} .int-content-four{ background-size:100% 100%;color: #fff;} .int-content-four h2{text-align: center;font-size: 50px;padding: 50px 0;} .int-content-four p{font-size: 16px;line-height: 30px;text-align: center;padding-bottom: 100px;} .about-xz{margin-top: 50px;background: #252A33;padding:50px 5%;} .about-xz h2{text-align:center;font-size: 36px;color:#fff;font-weight: 600;} .about-xz p{font-size: 18px;color:#a0a0a0;line-height: 36px;text-align: center;margin-bottom: 20px;} .about-xz li{width: 13%;float: left;margin:15px 0.6%;} /* 关于我们 end*/ /* 案例内页 */ .pgwSlideshow .tt {font-size: 42px;line-height: 48px;font-weight: bold; color:#333; margin:20px auto 50px; text-align:center} .pgwSlideshow{padding-top: 130px; margin:0 auto} .pgwSlideshow img{ text-align:center; margin:0 auto; display:block} .case-one {width: 100%;height: 120px;padding: 50px 0;background:#f0f3fa;margin: 50px auto;} .box {-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;} .case-one .pdlt {width: 70%;float: left;} .case_tit{ font-size:30px; margin-bottom:20px;} .case-one .pdrt {width: 25%;float: right;text-align: right;} .case-one .pdrt .txt {font-size: 18px;line-height: 12px;margin: 10px 0;} .case-one .pdrt .num {font-size: 36px;font-weight: bold;color: #e60d02;} .case-one .pdrt a{display: inline-block;width: 40%;height: 50px;text-align: center;line-height: 50px;font-size: 18px;color: #fff;background: #e6221a;border-radius: 5px;margin-top: 10px;} .case-one .pdrt a:hover{background: #0c5f95;} .case-one .pdlt .sp0{background: url(../images/ico_1.png) 3px center no-repeat; padding-left:40px; width:50%;} .case-one .pdlt .sp1{background: url(../images/ico_2.png) 3px center no-repeat;width:50%;padding-left:40px; float:left} .case-one .pdlt .sp2{background: url(../images/ico_3.png) 3px center no-repeat; width:100%; padding-left:40px; margin-top:15px;display:block} .case-two{margin-bottom:50px;} .case-two h2{text-align: center;font-size: 42px;color:#333;line-height: 60px;font-weight: 600;} .case-two-tit{text-align: center;font-size: 16px;color:#666;line-height: 32px;width:75%;margin:0 auto 30px;} .case-two ul li{width:20%;float: left;text-align: center;margin-left:4%;} .case-two ul li a{display: block;overflow: hidden;} .case-two ul li a img{-moz-transition: all 1s ease;-o-transition: all 1s ease;-webkit-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;display:block;width:100%;} .case-two ul li a img:hover{-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);} .case-two ul li h4{display: block;border:1px solid #666;margin-top: 30px;} .case-two ul li h4 a{font-size: 16px;line-height: 54px;height: 54px;display: block} .case-two ul li:hover h4{border:1px solid #e6221a;background: #e6221a;transition: all 1s ease} .case-two ul li:hover h4 a{color:#fff;transition: all 1s ease;} .case-three,.case-five{background:#f0f3fa;padding:50px 10%;} .case-three{ line-height:30px;} .case-three h3{ margin:20px 0;font-size: 32px;color:#333;} .case-three-l{float: left;width: 50%;} .case-three-l h3{font-size: 36px;color:#333;font-weight: 600} .case-three-l p{font-size: 16px;color:#666;line-height: 32px;text-indent: 2em;margin-top: 30px;} .case-three-r{float:right;width: 40%;} .case-four,.case-six{margin:50px auto;} .case-four h3{text-align: center;font-size: 36px;font-weight: 600;color: #333;} .case-four-tit{text-align: center;font-size: 16px;color:#666;line-height: 32px;margin: 10px auto;} .case-four ul{ width:100%; margin:0 auto 20px; overflow:hidden} .case-four li{ width:22%; float:left; margin-right:3%;} .case-four li a{ display:block; width:100%;text-align:center; line-height:21px; padding-top:20px; font-size:14px; color:#9a9a9a;} .case-four li b{ display:block; font-size:18px; font-weight:normal; font-family:"微软雅黑"; margin-bottom:5px; margin-top:20px;color:#242424;} .case-four-ico {display: inline-block;width:145px;height:145px;vertical-align: middle;background: url(../images/sy_15.png) no-repeat #fff;margin: 0 0.3em;box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2);border-radius:50%;} .case-four-ico_2 {background-position: -145px 0;} .case-four-ico_3 {background-position: -290px 0;} .case-four-ico_4 {background-position: -435px 0;} .case-four li:hover .case-four-ico{background-position: 0 -145px;} .case-four li:hover .case-four-ico_2 {background-position: -145px -145px;} .case-four li:hover .case-four-ico_3 {background-position: -290px -145px;} .case-four li:hover .case-four-ico_4 {background-position: -435px -145px;} .case-five-l{float: left;width: 12%;text-align: center;} .case-five-l span{background: linear-gradient(#D5E1FC,#A6B6E2);border-radius:50%; display:block} .case-five-l img{width: 100%;border-radius:50%;} .case-five-l strong{text-align: center;font-size: 18px;color:#333;font-weight: 600;line-height: 42px} .case-five-r{float:right;width:80%;background: url(../images/yinhao.png) no-repeat right top; } .case-five-r h4{font-size: 30px;color:#333;font-weight: 600;line-height: 60px} .case-five-r p{font-size: 16px;color:#666;line-height: 32px;text-indent: 2em;margin-top: 15px;margin-bottom:20px;} .case-five-r a{height: 50px;line-height: 50px;width: 40%;margin: 3px 1.5%;*margin: 3px 1.3%;float: left;font-size: 20px;text-align: center;border-radius:30px;} .case-five-r .zixun{background: #e6221a;color: #fff;} .case-five-r .tel{background:#38425a;color: #fff;} .case-six h3{text-align: center;font-size: 36px;font-weight: 600;color: #333;} .case-six-tit{text-align: center;font-size: 16px;color:#666;line-height: 32px;margin: 10px auto;} .case-six ul{margin:30px 0;} .case-six li{float: left;width: 22%; margin:0 1.5%;} .case-six li a{display: block} .case-six li img{width: 100%;} .case-six li h4{font-size: 16px;color:#333;text-align:center;margin:15px auto;line-height: 24px;} .case-six li h4 a{color:#333;} .case-six li:hover img {filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7 } .case-six li:hover h4 a{color:#FF3F3C;} /* 案例内页end*/ /* 产品内页*/ .nav-bar{ border-bottom:#d5ddf0 1px solid; background:#f4f6fa;color:#666;font-size: 14px;height:45px;line-height: 45px;} .nav-bar .left{ float:left;display: inline-block;} .nav-bar .right{ float:right;display: inline-block; margin-top:15px; margin-right:40px;} .nav-bar .right a{ background: url(../images/pro_ico.png) left 7px no-repeat;margin-left:15px; overflow:hidden; height:15px; line-height:15px; padding-left:15px;} .pro-l{float: left;width: 53%;margin-top: 60px; margin-bottom:80px;position: relative} .pro-l .three-d{width: 20%;border-radius: 50%;box-shadow: 2px 2px 2px rgba(0,0,0,0.1);position: absolute;left: 0;bottom: -5%;float: left;overflow: hidden;} .pro-l .pro-bot{float: right;width: 78%;margin-top: 3%;margin-left:-4%;} .pro-l .pro-bot p{display:block;margin-left: 4%;float: left;font-size: 14px;color: #2d2d2d;} .pro-l .pro-bot i{ display: inline-block; width: 18px;height: 18px;vertical-align: middle;} .pro-l .pro-bot span{font-size: 22px;color:#f20d01;} .pro-r{float: right;width: 42%;margin-top:55px;} .pro-r h1{font-size:40px;line-height: 45px; font-weight:500; color:#010101} .pro-r .ys{font-size: 14px;margin-top: 12px;color:#ff5000; line-height:24px; background:#FEEDE8;border-radius: 0 40px 0 0; padding:20px;} .pro-r .ys span{display: inline-block;border-radius: 10px 0;/*border: 1px solid #dd2e17;*/ background:#3d3d3d;color:#FEF197;margin-right: 10px;padding: 2px 5px; line-height:18px;font-size: 12px;} .pro-r .pro_shuxing{margin-top:30px;} .pro-r .pro_shuxing p{line-height: 26px;font-size: 14px; color:#666} .pro-r .pro_shuxing p strong{font-size: 16px;font-weight: normal;line-height:26px;} .pro-r .ptop{padding: 20px 0;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea; overflow:hidden;margin-bottom: 20px;} .pro-r .ptop p{width: 20.2%;float: left;border-right: 1px solid #eaeaea;margin-right: 5%;} .pro-r .ptop p:nth-child(1){background: url(../images/proicon2.png) left 3px no-repeat; padding-left:8%; } .pro-r .ptop p:nth-child(2){background: url(../images/proicon1.png) left 3px no-repeat; padding-left:8%;} .pro-r .ptop p:nth-child(3){background: url(../images/proicon3.png) left 3px no-repeat; padding-left:8%;} .pro-r .ptop p:last-child{border:none;} .pro-r .ptop p span{font-size: 16px;font-weight: 600;display: block;color:#2d2d2d;} .pro-r .pm{margin-bottom:10px;} .pro-r .pm strong{float:left;width: 16%;} .pro-r .pm span{float: left;width: 83%;display: block; line-height:30px; color:#666} .pro-r .baojia{margin:40px 0;} .pro-r .baojia .get-price{height: 55px;line-height: 55px;text-align: center;border-radius:5px;background: -webkit-gradient(linear, 0% 2%, 60% 10%,from(#f20d01), to(#ff461f)); background: -webkit-gradient(linear,left top,right top,from(#f20d01),to(#ff461f));background: -webkit-linear-gradient(top,#f20d01,#ff461f);background: linear-gradient(90deg,#f20d01,#ff461f);/*-webkit-box-shadow: #ff461f 0px 2px 5px;-moz-box-shadow: #ff461f 0px 2px 5px;border-radius:40px;*/filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #f20d01, endColorstr = #ff461f); /*box-shadow: #ff461f 0px 2px 5px;*/display: block;width: 42%;cursor: pointer;float: left;font-size: 22px;color: #fff;} .pro-r .baojia .pro-tel{font-size: 20px;float: right;width: 50%;background: url(../images/pro_t.png) no-repeat left 6px;} .pro-r .baojia .pro-tel p{font-size: 14px;padding-left: 17%} .pro-r .baojia .pro-tel a{color: #eb0001;font-size:32px;font-weight: 600;padding-left:17%} .cont-nav{background: #f6f6f6;margin:50px auto;} .leave {position: fixed;width: 100%;left:0;top: 0;background-color: #f6f6f6;z-index: 100;margin-top: 0;border-bottom: #f1f1f1 1px solid;border-top: #f1f1f1 1px solid;} .cont-nav li{position: relative; width: 25%;float: left; text-align: center;border-right:4px solid #fff;margin-left: -4px;} .cont-nav li i{display: block;width: 30px;height: 30px;background: url(../images/pd_ico.png) no-repeat;margin: 0 auto;} .cont-nav li .icon_1{background-position: 0px 0px;} .cont-nav li .icon_2{background-position: -30px} .cont-nav li .icon_3{background-position: -60px;} .cont-nav li .icon_4{background-position: -90px;} .cont-nav .on{background: #424355;} .cont-nav .on a{color:#fff;} .cont-nav li a{color:#333;font-size: 18px;line-height: 28px;display: block;padding:15px 0;} .cont-nav .on:after{content: "";width: 0;height: 0;overflow: hidden;border-color: #424355 transparent transparent;border-style: solid dashed dashed;border-width: 10px;position: absolute;left: 50%;margin-left: -10px;bottom: -20px;} .one-l{float: left;width: 65%;} .one-l h3{font-size: 28px;font-weight: 500;margin-bottom: 20px;text-indent: 0;line-height: 36px;color: #303030;} .one-l p,.three-r p{text-indent: 30px;font-size: 15px; margin: 15px 0;line-height: 32px;color:#555;} .one-r{float: right;width: 30%} .pro-four{ margin-top:60px;} .pro-two h2,.pro-three h2,.pro-four h2{text-align: center;background: url(../images/line.png) no-repeat center bottom;padding-bottom: 25px;margin: 0 auto 30px;font-size: 38px;color: #07284E;font-weight: 600;} .pro-two li{float: left;width: 22%;margin: 0 1.5% 2%;background-color: #fff;cursor: pointer;position: relative;overflow: hidden;opacity: .99;-webkit-transition: all .8s;transition: all .8s;display: block;background: #f8f8f8;color: #555;} .pro-two li:before{content: '';background-color: #ffcd11;width: 120%;height: 120%;position: absolute;top: -120%;left: -120%;-webkit-transition: all .8s;transition: all .8s;border-bottom-right-radius: 50%;} .pro-two li i{-webkit-transition: all 0.8s ease;transition: all 0.3s ease;display: inline-block;background: #ffcd11 url(../images/zh_icos.png) no-repeat -5px;width: 60px;height: 60px;margin-bottom: 10px;border-bottom-right-radius: 1560px;position: relative;} .pro-two li h3{font-size: 18px;font-weight: 600;text-align: center;margin-bottom: 10px; position: relative;} .pro-two li h4{text-align: center;font-weight: 500;margin: 0 8% 10%;font-size: 14px;line-height: 28px;position: relative;} .pro-two li:hover:before{top: 0;left:0;} .pro-two li:hover{ color: #fff; -webkit-transition: all .8s;transition: all .8s;} .pro-two li:hover i{ background:#07284E url(../images/zh_icos.png) no-repeat -5px;} .pro-three{margin-top:50px;} .three-l{float: left;width:30%} .three-r{float:right;width:65%} .pro-five{margin:30px auto;} .pro-five h2{font-size: 38px;color: #07284E;font-weight: 600;margin:30px auto;} .pro-five ul{margin-left: -2%;padding-bottom: 20px;} .pro-five ul li{float: left;width:22%;margin:0 1.5%;*margin:0 1%;transition:all .3s ease;position:relative;display: block;overflow: hidden; } .pro-five li img{ width:100%; height:auto;} .pro-five ul li a{display: block;float: left;width:100%;} .pro-five ul li i{display:block;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);} .pro-five ul li a:hover i{transition:all .3s ease;left:100%} .pro-five li h4{ font-size:16px; font-weight:500; text-align:center; line-height:34px;} .pro-five a:link,.pro-five a:active,.pro-five a:visited,.pro-five a:hover{background: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;} .pro-five ul li:hover{transition:all .3s ease;transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,.5);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.5);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.5)} .pro-five li .five-js{line-height: 25px; display:none;width: 52%;float: right;padding: 3% 2% 4% 5%;min-height: 152px;background: #f4f4f4; overflow: hidden;} .pro-five li:hover .five-js{background: #ff2d11;color:#fff;} .pro-five li .five-js p{margin-bottom: 3px; font-size: 14px;}.num_list{margin-top:60px; } .num_list li{ width: 23%; height: 141px; overflow:hidden;float: left; background:#f4f4f4; margin:0 1%;box-sizing:border-box; text-align: left;} .num_list li ._conadv{ padding: 5%; position: relative;} .num_list li i{ background: url(../images/brand_num.png) no-repeat 0 0; display: inline-block; width:80px; height: 100px; } .num_list .li2 i{ background-position: -115px 0;} .num_list .li3 i{ background-position: -230px 0;} .num_list .li4 i{ background-position: -345px 0;} .num_list .li5 i{ background-position: -460px 0;} .num_list li ._txt{ position: absolute; left:30%; top: 0; font-size: 18px; width:85%; color:#333; padding-top: 17%;} /* 产品内页end*/ /* 服务支持 */ .ser-one,.ser-two,.ser-three,.ser-four{margin-top:80px;} .ser-one h1,.ser-two h2,.ser-three h2,.ser-four h2{font-size: 38px;color:#07284E;font-weight: 600;line-height: 60px;text-align: center;} .ser-txt{font-size: 16px;color:#666;text-align: center;margin:10px auto 30px;} .ser-one ul li{float: left;width: 22%;!important;width: 21%;margin:0 1.5%; text-align:center} .ser-one ul li img{ width:100%; height:auto} .ser-one ul li div{background: #f5f9ff;padding:15px 0;} .ser-one ul li h3{display: block;color:#eb0001;font-size: 36px;font-weight: 600;} .ser-one ul li h3 span{font-size: 16px;} .ser-one ul li p{font-size: 14px;color:#666;} .ser-two{ max-width:1920px; margin:40px auto 0; overflow:hidden} .ser-two ul{margin-left: -2%;} .ser-two ul li{float: left;width: 49%;!important;width: 48%;position: relative; margin-left:1%} .ser-two ul li img{ width:100%; height:auto} .ser-two ul li div{position: absolute;left: 5%;bottom: 20px;background: url(../images/white_bg.png) repeat;padding: 3%;width: 40%;} .ser-two ul li h4{font-size: 30px;color:#07284E;font-weight: 600;margin-bottom: 15px;} .ser-two ul li p{font-size: 16px;color:#666;line-height: 32px;} .ser-two ul li p a{color:#ff2d11;font-size: 28px;font-weight: 600;} .item1{margin-left: -2%;} .item1 li{position:relative;float:left;width: 18%;*width: 17%;margin-left: 2%; overflow:hidden;cursor:pointer;} .item1 li img{ width:100%; height:auto} .item1 div{position:absolute;left:0;bottom:0;width:100%;height:50px;text-align:center;background:url(../images/demo02.png);color:#FFF;overflow:hidden;} .item1 p{display:none;margin:5px auto 0;line-height:20px;font-size:14px;text-align: center;} .item1 h3{font-size: 18px;line-height: 50px} .item1 li:hover h3{margin-top: 50px;font-size: 24px;font-weight: 600} .ser-four{margin-bottom: 80px;overflow: hidden;} .ser-four-l{float: left;width: 30%;margin-right:2%;} .ser-four-l h4 a{color:#07284E;} .ser-four-l h4,.ser-four-r h4{font-size: 32px;color: #07284E;line-height: 80px;font-weight: bold;} .ser-four-l .text{background: url(../images/ser_icon1.png) left center no-repeat;padding-left: 15%;} .ser-four-r .text1{background: url(../images/ser_icon2.png) left center no-repeat;padding-left: 15%;} .ser-four-r .text2{background: url(../images/ser_icon3.png) left center no-repeat;padding-left: 15%;} .ser-four-l .fu{font-size: 14px;color: #727171;margin-bottom: 20px;line-height: 28px;height: 80px;overflow: hidden;} .ser-four-l .four-a{display: block;padding:40px 10%;background: #ffcd11;} .ser-four-l .four-a p,.ser-four-r p{color:#666;line-height: 28px;font-size: 14px;} .ser-four-r{float: left;width: 65%;} .ser-four-r .img-box{position: relative;} .ser-four-r .img-box>img{max-width: none;width: 1150px} .ser-four-r ul{position: absolute;top: 180px;left: 0;width: 100%} .ser-four-r ul li{float: left;width: 48%;margin-right: 2%;} .ser-four-r ul li a{padding: 40px 8%;display: block;background: url(../images/white_bg.png) repeat;} .ser-four-r ul li:hover a{background:#ffcd11} /* 服务支持end */ /* 服务指南 */ .gaide-banner{position: relative;} .gaide-banner .gaide-lc{position: absolute;top:200px;color:#fff;} .gaide-lc h1{font-size: 36px;text-align: center;line-height: 50px; margin-bottom:15px;font-weight: 600} .gaide-lc .text{font-size: 14px;text-align: center;line-height: 32px;margin:0 20%;} .gaide-lc ul{text-align: center;margin-top: 70px;} .gaide-lc ul li{float: left;width: 20%;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;} .gaide-lc ul .ico{display: block;height: 70px;background-repeat: no-repeat;background-position:center;margin-bottom: 20px;overflow: hidden;} .gaide-lc ul .con strong{font-size: 16px;color: #fff;display: block;line-height: 40px;margin-bottom: 38px;font-weight: normal;} .gaide-lc ul .con span{font-size: 36px;color: #fff;line-height: 46px;} .gaide-lc ul .con p{font-size: 14px;color: #f27823;line-height: 32px;overflow: hidden;position: absolute;right: -100%;width: 50%;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;top: 35px;opacity: 0; filter: alpha(opacity=0);} .gaide-lc ul .item{text-align: center;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;} .gaide-lc ul li:last-child .con{border: none;} .gaide-lc ul .con .ico1{background-image: url(../images/gaide_1.png);} .gaide-lc ul .con .ico2{background-image: url(../images/gaide_2.png);} .gaide-lc ul .con .ico3{background-image: url(../images/gaide_3.png);} .gaide-lc ul .con .ico4{background-image: url(../images/gaide_4.png);} .gaide-lc ul .con .ico5{background-image: url(../images/gaide_5.png);} .gaide-lc ul .con{border-right: 1px solid #999;overflow: hidden;position: relative;} .gaide-lc ul .open .item{float: left;margin: 0 20px;} .gaide-lc ul .open p{right:5px;opacity: 1;filter: alpha(opacity=100);} .gaide-lc ul .open .ico1{background-image: url(../images/s-ico5.png);} .gaide-lc ul .open .ico2{background-image: url(../images/s-ico6.png);} .gaide-lc ul .open .ico3{background-image: url(../images/s-ico7.png);} .gaide-lc ul .open .ico4{background-image: url(../images/s-ico8.png);} .gaide-lc ul .open .ico5{background-image: url(../images/s-ico9.png);} .gaide-lc ul .open span{color: #f27823;} .gaide-lc ul .open strong{color: #f27823;} .gaide-one{margin: 50px auto;} .gaide-one .left{float: left;width: 50%;} .gaide-one .right{float:right;width: 45%;} .gaide-one .right h3,.gaide-two .left h3{font-size: 32px;font-weight: 600;color:#07284E;margin:50px 0;} .gaide-one .right p,.gaide-two .left p{font-size: 14px;color: #666;line-height: 32px; } .gaide-two{background: #f4f4f4;padding:50px 15%;} .gaide-two .right{float: right;width: 55%} .gaide-two .left{float: left;width: 40%;} /* 服务指南end*/ /* 故障报修 */ .rep {margin:70px auto;} .rep h1{text-align:center;color:#07284E;font-size: 32px;font-weight:600;line-height: 60px} .rep .text{font-size: 14px;color:#666;line-height: 24px;text-align: center} .rep ul{float: left;width: 48%;margin-right:2%;} .rep li{margin:30px auto;} .rep li span{font-size: 16px;color:#666;} .rep li b{color:#f20d01;margin-left:-10px;} .rep li input{width:80%;height:45px;line-height: 45px;border-radius: 10px;border: 1px solid #ddd;} .rep li select{width:80%;height:45px;line-height: 45px;border-radius: 10px;border: 1px solid #ddd;color:#555;} .rep .textarea span{font-size: 16px;color:#666;display: block; float: left;} .rep .textarea span b{color:#f20d01;} .rep .textarea textarea {display: block;float: left;width: 84%;border-radius: 5px;border: 1px solid #ddd;padding:20px 2%;} .rep .sub{margin-top:50px;margin-left: 7%} .rep .sub .submit{color:#fff;background: #ed1c24;padding:10px 5%;display: inline-block;border-radius: 5px} .rep .sub .reset{color:#fff;background: #424355;padding:10px 5%;display: inline-block;margin-left: 3%;border-radius: 5px} /* 故障报修end*/ /* 产品列表 */ .pro-list{margin:40px auto; overflow:hidden; width:100%;} .pro-list ul{margin:0 auto;} .pro-list li{float: left;width:21%;margin: 10px 2% 30px;list-style: none;background: #f0f3fa;} .port-1 .text-desc {position: absolute;left: 0;background:url(../images/porlist_bg.png);height: 100%;width: 100%;transition: 0.5s; color: #fff;top: auto; bottom: -100%;overflow: hidden} .port-1{float: left; width: 100%; position: relative; overflow: hidden;} .port-1 .image-box{ background:url(../images/pro_x.png) repeat} .port-1 .image-box img{transition: 0.5s;display: block;margin:6px auto 0; width:96%; } .port-1 .image-box{ overflow: hidden;} .port-1 .bj-btn,.port-1 .r_btn{ width:90px; margin: 0 5px 15px; display: inline-block; text-align: center; font-size: 14px; line-height: 36px;} .port-1 .bj-btn{color: #3d3d3d;border:#333 1px solid; background:#fff} .port-1 .r_btn{ background: #99A4AE; border:#99A4AE 1px solid;color: #fff;} .port-1 .bj-btn:hover{color: #07284E; background: #fff; border:1px solid #999;} .port-1 .r_btn:hover{color: #fff; background:#252A3C; border:1px solid #252A3C;} .port-1 .image-box h4{height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #07284E;} .port-1 .image-box h4 a{color:#07284E;} .port-1:hover .text-desc{bottom: 0;} .port-1 p {text-align: center;} .port-1 .text-desc h4{font-size:20px;line-height: 1;font-weight: normal;margin-bottom: 30px;text-overflow: ellipsis;white-space: nowrap;margin-top: 15%; text-align:center} .port-1 .text-desc p{font-size: 18px;margin:10px auto 0 20%; text-align:left} .port-1 .text-desc a{color:#fff;} .pro-link{font-size: 16px; text-align:center} .pro-link a img{margin-right: 1%} .pro-list .pro-arr {position: absolute;right:25%;bottom:20%;} /* 产品列表end*/ /* 新闻中心 */ .new-cont{margin:50px auto;} .com-new{margin:60px auto;} .com-new h2,.new_tj h2{margin-top: 60px;line-height: 80px; font-size: 38px;font-weight: bold;text-align: center;} .com-new h2 a,.new_tj h2 a{color:#07284E;} .com-new .com-p,.new_tj p{text-align: center; font-size:16px;} .new_tj h2{margin-top:20px;} .new_tj p{ margin-bottom:35px;} .com-new .new-l{width: 50%;float: left;} .com-new .new-l li{padding: 38px 34px;margin: 0 20px 30px 0;background-color: #f3f3f3; transition: all 0.2s ease;-webkit-transition: all 0.2s ease;} .com-new .new-l li a {padding-left: 150px;display: block;position: relative;padding-right: 30px;} .com-new .new-l li a .news_abt_timer{position: absolute;top: 50%;margin-top: -28px;left: 18px;font-size: 40px;font-family: 'Arial';color: #808080;line-height: 1;} .com-new .new-l li a .news_abt_timer_h{display: block;line-height: 1;text-align: right;font-size: 16px;font-family: 'Arial'} .com-new .new-l li a.news_abt_timer_h {display: block;line-height: 1;text-align: right;font-size: 16px;font-family: 'Arial';} .com-new .new-l li a h3{ height: 1.6em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;margin-bottom: 15px;font-size: 18px;color: #333;display: block} .com-new .new-l li a .news_abt_p{ display: none;font-size: 14px;color: #808080;line-height: 1.8; height:50px; overflow:hidden} .com-new .new-l li.active{padding-top: 50px;padding-bottom: 45px;} .com-new .new-l li.active .news_abt_p{display: block;} .com-new .new-l li.active .news_abt_n{font-weight: bold;margin-bottom: 15px;} .com-new .new-l li.active .news_abt_timer{color: #ed1c24;} .com-new .new-r{width: 47%;float:right;} .com-new .new-r img{ width:100%; height:auto} .new-r .news_abt_slide_p{height:85px;background-color: #ed1c24;font-size: 18px;color: #ffffff;line-height:85px;padding-left: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .new-r .news_abt_slide_p .news_abt_timer{font-size: 40px;font-family: 'Arial';color: #fff;line-height: 1;float: left;margin-top: 3%;} .new-r .news_abt_slide_p .news_abt_timer_h{text-align: right; display: block;line-height: 1;font-size: 16px;font-family: 'Arial';color:#fff;} .new-r .news_abt_slide_p h3{ display: block;width:85%;float: right;padding-left:20px;box-sizing: border-box;} .new_banner{background: url(../images/newszh.jpg) 50%;background-size: cover; height:700px; overflow:hidden} .sp_banner{background: url(../images/sp_ban.jpg) 50%;background-size: cover; height:700px; overflow:hidden} .cover { width:100%; height:100%; background:url(../images/video_cover.png) repeat; color:#fff; text-align:center;} .new_banner .tit{ margin-top:40px;} .new_banner .tit h3{color:#333; font-size:42px; line-height: 48px; color:#fff; margin-bottom:15px; text-align: center; } .new_banner .tit p{ font-size:16px; text-align:center; margin-top:10px} .new_banner p { font-size: 13px; margin-bottom:28px; line-height:28px; } .camor {color:#fff;} .new-bag{background: url(../images/new_ban.jpg) 50%;background-size: cover; height: 700px; overflow:hidden} .new-bag .tit{padding-top: 70px;margin-bottom:30px;} .new-bag .tit h2{display: block;float: left;width: 90%;font-size:38px;color:#fff;font-weight:600;} .new-bag .tit span{display: block;float: right;width: 10%} .new-bag .tit span a{color:#fff;font-size: 18px;line-height: 38px;} .new-bag .new-bg-two{background: url(../images/white_bg.png) repeat;overflow:hidden;padding:2%; width:96%;} .new-bag .new-bg-l{width: 50%;float: left;} .new-bag .new-bg-r{width: 48%;float:right;} .new-bag .new-bg-r h4{font-size: 24px;color:#07284E;font-weight: 600;padding: 20px 0;} .new-bag .new-bg-r p{font-size:16px;} .new-bag .new-bg-r ul{margin-left: -2%;margin-top:40px;} .new-bag .new-bg-r li{float: left;width: 48%;*width: 46%;margin-left:2%} .new-bag .new-bg-r li img{width: 100%} .new-bag .new-bg-r li h3{font-size: 16px;line-height: 32px;margin-top: 15px;} .new-bag .new-bg-r li h3 a{color:#07284E;} .new-cp h2{font-weight: 600;font-size: 38px;text-align: center;margin-bottom:20px;margin-top:30px;} .new-cp h2 a{color:#07284E;} .new-cp .tit{text-align: center;font-size: 16px;margin-bottom:20px;} .new-cp ul{margin-bottom: 50px;} .new-cp ul li{ width: 30.333%; margin: 0 1.5%;float: left; } .new-cp ul li .new-cp{ background-color: #fff;padding: 3% 3%;} .new-cp ul li .new-cp a{line-height: 28px;} .new-cp ul li .new-cp h4{ font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;font-weight: 600;color:#07284E;line-height: 45px;} .new-cp ul li .new-cp p{font-size: 14px;margin-bottom:10px;height: 80px;overflow: hidden;} .new-cp ul li .new-cp .date{background-color: #ff4a00;color: #fff; padding:8px 20px;} /* 新闻中心end*/ /* 新闻列表推荐 start */ .new_tj {font-weight: 600;font-size: 38px;text-align: left;margin-bottom:20px; font-weight:500;margin-top:30px;} .new_tj ul{margin-bottom: 50px;} .new_tj ul li{width: 30.333%;!important;width: 30%; margin: 0 1.5%;float: left; } .new_tj ul li a{display: block;overflow: hidden;} .new_tj ul li img{display:block;transition: all ease 1s;width:100%} .new_tj ul li:hover img{transform: scale(1.1);} .new_tj ul li .con{ background-color: #fff;padding: 3% 3%;} .new_tj ul li .con a{line-height: 28px;} .new_tj ul li .con h4{ font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;font-weight: 600;color:#07284E;line-height: 45px;} .new_tj ul li .con p{font-size: 14px;margin-bottom:10px;height: 70px;overflow: hidden; text-align:left} .new_tj ul li .con .date{background-color: #ff4a00;color: #fff; font-size:14px; padding:8px 20px;} .new_tj ul li .con:hover{-moz-box-shadow:0 3px 10px rgba(0,0,0,.2);-webkit-box-shadow:0 3px 10px rgba(0,0,0,.2);box-shadow:0 3px 10px rgba(0,0,0,.2);top:-5px; background:#c00} .new_tj ul li .con:hover h4 a{color:#fff} .new_tj ul li .con:after{content:"";position:absolute;right:100%;bottom:0;width:100%;height:2px;background-color:#eb0001;opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';filter:alpha(Opacity=0);-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;} .new_tj ul li .con :hover::after{right:0;opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';filter:alpha(Opacity=100)} .new_tj ul li .con:hover a h4,.new_tj ul li .con:hover a p,.new_tj ul li .con a:hover h4,.new_tj ul li a:hover p{ color:#fff} .new_tj ul li .con a:hover .date,.new_tj ul li .con:hover a .date{ background:#FC0; color:#07284E} .new_tj_tit{ background:#f5f5f5; padding:20px 0 20px 30px;} .new_tj_tit h2{font-weight: 600;font-size: 38px;text-align: left;margin-bottom:20px;border-left: 6px solid #eb0001;display: inline-block; padding-left:15px; line-height:35px; height:35px;margin-top:30px;} .new_tj_tit h2 a{color:#07284E;} .new_tj_tit p{text-align:left;font-size: 16px;margin-bottom:20px;} /* 新闻列表推荐 end */ /* 新闻列表 */ .new-list ul li{padding:40px 0; width:100%; overflow:hidden;border-bottom: 1px solid #ddd;} .new-list ul li .l{float: left; width: 14%;overflow: hidden;} .new-list ul li .l img{-moz-transition: all 1s ease;-o-transition: all 1s ease;-webkit-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;} .new-list ul li .fl{float: left;width: 60%;padding:0 2%;} .new-list ul li .fl h3{font-size: 20px;color: #202020;font-weight: normal; margin-bottom:8px;} .new-list ul li .fl .new-click{font-size: 12px;color: #c9c9c9;padding: 10px 0px;} .new-list ul li .fl .list-text{font-size: 14px;color: #666;line-height: 26px;height: 52px;overflow: hidden;} .new-list ul li .fr{float:right;width: 10%;text-align: center;font-size: 14px;color: #8d8b8b;padding: 0 0 2% 0;border-left: 1px solid #e6e6e6;font-family: Arial;} .new-list ul li .fr .time-day{display: block;font-size: 50px;color: #ed1c24;line-height: 50px;font-family: helvetica;padding-top: 25px;} .new-list ul li:hover .l img{-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);} .new-list ul li:hover .fl h3 a{color:#ed1c24;} .page{margin:50px auto;color: #07284E;text-align: center;} .page .gobutton,.page .num{color: #07284E;display: inline-block;border: 1px solid #ededed;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff;font-size: 16px;font-weight: normal;} .page .active{background: #ed1c24;color:#fff;} /* 新闻列表end*/ /* 新闻详情 */ .new-content{margin-top: 60px;margin-bottom: 60px;} .new-content h1{line-height: 36px;font-size: 34px;margin-bottom: 15px;color: #07284E; text-align:center} .new-content .z-day{font-size: 14px;color:#666;} .new-content .z-day span{padding-right: 2%;} .new-content ._date{ height:30px; line-height:30px; margin-bottom:7px; font-size:13px; color:#676767; background:url(../images/clock.png) no-repeat left center;padding:3px 0 3px 25px;} .new-content ._back{background:url(../images/icon_newfh.jpg) no-repeat left center; padding-left: 25px;} .new-content ._author{background:url(../images/author.png) no-repeat left center; background-size:25px; padding-left:30px;} .daodu{background:url(../images/newkf.png) no-repeat 50px center #FEEDE9;background-size: 74px;padding:30px 0px 30px 150px; margin-bottom:50px;margin-top:13px;color:#FA3B1F; border: 1px dashed #f90;overflow:hidden;box-sizing: border-box;} .daodu p.tip{text-indent:0; font-size:16px;} .daodu .tel{ width:52%; float:left; color:#ed2225; font-size:28px; font-weight:bold; margin-top:8px;} .daodu .tel span{ font-size:15px; color:#333; font-weight:normal; vertical-align:center;} .daodu .tool{ float:right; width:22%;*margin-right:60px;} .daodu .tool a{ font-size:15px; color:#fff;display:block; float:left; text-align:center;} .daodu .tool a img{ width:35px;vertical-align: middle;margin-right: 5px;animation: myfirst 0.5s infinite;display: inline-block;margin-left: 10px;} .daodu .tool a.baojia{padding:8px 45px;background: #f20d01;font-size: 20px;background: -webkit-gradient(linear, 0% 2%, 60% 10%,from(#f20d01), to(#ff461f));-webkit-box-shadow: #ff461f 0px 2px 5px;-moz-box-shadow: #ff461f 0px 0px 5px; /*box-shadow: #ff461f 0px 0px 5px;*/margin-top: -15px;} @keyframes myfirst { 0% { -webkit-transform: translatex(0); transform: translateY(0);} 50% { -webkit-transform: translatex(-5px) scale(1.01); transform: translatex(-5px) cale(1.01);} 70% { -webkit-transform: translatex(1px) scale(1); transform: translatex(1px) scale(1);} 100% { -webkit-transform: translatex(0); transform: translatex(0);} } .new-content .cont p{line-height: 32px;padding-bottom: 15px;font-size: 16px;color: #3d3d3d;text-indent: 2em;} .new-content .cont p img{display: block;margin:15px auto;text-align: center;} .new-content .cont .left{ float:left; width:75%; line-height:30px;} .new-content .cont .left img{ margin:15px auto} .new-content .cont .right{ float:right; width:20%;} .gjc_list1_tt{ font-size:16px; color: #333; font-weight: bold; margin-bottom: 8px; } .gjc_list1_con{ display:flex; display:-ms-flexbox; display:-webkit-flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; } .gjc_list1_con a{ color: #333; font-size:14px; line-height: 30px; padding: 0 15px; background: #f5f5f5; margin: 0 10px 10px 0; } .gjc_list1_con a:hover{ color: #Fff; background: #ff9600; } ._detailPage_bottom{ border:#f3f3f3 10px solid; } ._detailPage_bottom ul{padding:10px 7%;} ._detailPage_bottom li ._mark{ padding-bottom:8px; font-size:19px; font-weight:bold; color:#07284E000; width:100%; display:block; } ._detailPage_bottom .date{ height:30px; line-height:30px; margin-bottom:7px; *width:100%; *overflow:hidden; font-size:13px; color:#676767; display:block; background:url(../images/clock.png) no-repeat left center;padding-left:25px;} ._detailPage_bottom li ._title:hover { color:#5c5c5c; } ._detailPage_bottom li ._title { font-size:16px; font-weight:bold; color:#5c5c5c; } ._detailPage_bottom li { padding: 27px 0; } ._detailPage_bottom li._prev{ border-bottom:1px #ececec solid; } .new-guide{background: #f0f0f0;margin-top: 30px;font-size: 16px;height: 45px;line-height: 45px;} .new-guide .pre {width: 49%;float: left;text-align: left;} .new-guide .next{width: 47%;float: right;} .new-guide span {background: #e0e0e0;line-height: 45px;height: 45px;width: 15%;display: inline-block;margin-right: 15px;text-align: center;} .new-guide a{ white-space: nowrap;text-overflow: ellipsis;overflow: hidden} .new-guide .pre:hover a,.new-guide .next:hover a{color:#ed1c24;} .newd-tj{margin-bottom: 60px;} .newd-tj h3{background: url(../images/newtit_bg.png) no-repeat left top; text-indent:10px;font-size: 32px;color: #07284E;line-height: 64px;font-weight: 600;margin:20px auto 5px;} .newd-tj ul li{width: 47%;font-size: 16px;font-weight: 400; text-indent:30px;line-height:46px;height:46px;overflow: hidden;float: left;background: url(../images/new_ico.png) no-repeat left center; background-size:20px;text-overflow: ellipsis;white-space: nowrap;} .newd-tj ul li a{color:#3d4c63;} /* 新闻详情end*/ /* 联系我们*/ .ban_lxbg{width:100%; background:url(../images/contact_ban.jpg) 50%; background-size: cover; height:664px;} .ban_lx{width: 100%;height: 100%;background: url(../images/video_cover.png) repeat; } .lx_con{width:70%; margin:0 auto;} .lx_info{ float:right; width:50%; padding:30px; overflow:hidden; background:url(../images/bg_lxbaise.png) repeat; margin-top:18%;} .lx_info h1{ color:#111; font-size:34px;} .lx_info b{ width:50px; height:3px; margin:20px 0 15px; background-color:#F90016; display:block;} .lx_info p{ color:#333; line-height:30px; font-size:16px; line-height:30px;} .lx_info p img{ width:30px; height:30px; margin-right:5px;} .lx_info ul{ clear:both; overflow:hidden; margin:25px 0 25px -1%;} .lx_info ul li{ float:left; width:56%;*width:54%; margin-left:1%;} .lx_info ul li.lx_zx{ width:42%;} .lx_info ul li img{ float:left; width:64px; margin-right:10px;} .lx_info ul li a{ float:left; color:#333; font-size:18px;} .lx_info ul li a i{ display:block; color:#F2003A; font-size:22px; font-weight:bold; margin-top:5px;} .lx_info ul li a i font{ font-size:30px;} .lx_info ul li.lx_zx a i{ text-decoration:underline; margin-top:8px;} .aj_lx {margin-top: 60px; } .aj_lx .aj_lxl p{text-align: center;} .aj_lx_tit{position: relative;margin-bottom: 15px;text-align: center;} .aj_lx_tit .line,.aj_lx_tit .line2{display: inline-block; width:40%;height: 1px;background: #ccc;position: absolute;z-index: 1; left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .aj_lx_tit h3{position: absolute;left:0%;bottom:10px;width:100%;font-size: 42px;font-weight:600;line-height: 1;color:#07284E; padding:10px 0;} /*.aj_lx_tit h3:after,.aj_lx_tit h3:before{content: '';position: absolute;width:73px;height:32px;top: 28%;} .aj_lx_tit h3:after{left:-66px; background:#fff url(/images/contact_left.png) no-repeat center center; background-size:73px;} .aj_lx_tit h3:before{right:-66px; background:#fff url(/images/contact_right.png) no-repeat center center; background-size:73px;} */.tit_contact_en{font-size: 137px;font-family: Arial;font-weight: bold;line-height: 1;color: #eff2f9;text-transform: uppercase; text-indent:-99999;background: url(../images/contactus.png) center center no-repeat;} .aj_lxp{font-size: 16px;text-align: center;margin:0 auto 40px; width:80%; line-height:32px; color: #666;} .ul-contact{overflow:hidden;margin:0 -1.5%;text-align:center; width:100%;} .ul-contact li{float:left;width:17%;margin: 0 1.5%;} .ul-contact h4{ font-size:20px; margin:15px 0 0 0; font-weight:600;text-align:center; color:#07284E} .ul-contact p{ font-size:17px; text-align:center; color:#666; } .ul-contact h5{ font-size:14px; line-height:24px; font-weight:400; margin:8px 0; text-align:center; color:#888} .ul-contact li strong{position: relative; z-index: 1; display:block; width:33%;padding:12%; font-weight:normal; text-align:center;background:url(../images/contact__item_bg.png) center no-repeat;background-size: 100% auto; margin:5px auto 10px;} .ul-contact li strong img{ width:100%; border-radius:50%; box-shadow: 0px 0.03rem 0.21rem rgba(5,26,85,0.1);} .ul-contact li:hover strong{ background: url(../images/contact__item_bg_on.png) center center no-repeat;background-size: 100% auto;} .ul-contact li span{font-size:14px;color:#07284E;line-height:1;display:block;margin-top: 15px;margin-bottom: 5px;} .ul-contact li span strong{font-size:30px} .ul-contact li p{font-size:15px;line-height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #666;} .contact-wz{ border:#B9C2D9 1px dashed;min-height:140px; padding:60px 10px 0; margin-top:-70px; overflow:hidden} .contact-wz:hover{border:#ff4a00 1px dashed;} .jl30{ margin-top:30px;} .map{ margin-top:60px; text-align:center} .map_tit{ margin-bottom:30px;} .map_tit h3{ font-size:42px;position: relative; z-index: 2;display: inline-block;padding: 0 10px;color: #475770;text-align:center} .map_tit h3:after,.map_tit h3:before{content: '';position: absolute;width:70px; height:40px;top: 50%; margin-top:-20px;} .map_tit h3:after{left:-70px; background:url(../images/map_l.png) no-repeat center center; background-size:60px;} .map_tit h3:before{right:-70px; background:url(../images/map_r.png) no-repeat center center; background-size:60px;} /* 联系我们end*/ /*留言板*/ .message{ margin-top:70px;background:url(../images/ly_b.jpg) center bottom no-repeat #E9EEF7 ;overflow:hidden; padding:40px 0;/*box-shadow:rgb(219, 219, 234) 0px 0px 6px ;*/} .message_yingdao{position: relative; margin-bottom:40px;} .message_yingdao .right {width: auto;position: absolute;right: 15px;bottom: 10px; margin-left:2%;} .message_yingdao .left { background:#D8E8F7/*#ffefd7*/;background:#FFF4EA; border: 1px solid #FDCEB0; border-radius: 0rem 1.024rem 1.024rem 1.024rem; padding:20px 65px 20px 0;overflow: hidden;} .message_yingdao .left .con{ margin-right:10%; margin-left:3%;} .message_yingdao .left .tip{text-indent:0; font-size:16px; line-height:34px; color:#ff5000} .message_yingdao .left .tel{ width:52%; float:left; color:#ed2225; font-size:28px; font-weight:bold; margin-top:8px;} .message_yingdao .left .tel span{ font-size:15px; color:#333; font-weight:normal; vertical-align:center;} .pro_kh_yingdao .btn{display: block; float:right;margin-top: -15px;} .pro_kh_yingdao .btn a img{ width:35px;vertical-align: middle;margin-right: 5px;animation: myfirst 0.5s infinite;display: inline-block;margin-left: 10px;} .pro_kh_yingdao .btn a.baojia{padding:8px 45px;background: #f20d01; color:#fff;font-size: 20px;background: -webkit-gradient(linear, 0% 2%, 60% 10%,from(#f20d01), to(#ff461f));-webkit-box-shadow: #ff461f 0px 2px 5px;-moz-box-shadow: #ff461f 0px 0px 5px; /*box-shadow: #ff461f 0px 0px 5px;*/} .left_form h3{color: #07284E;font-weight:600;font-size:36px; padding:5px 0; margin-bottom:5px; } .left_form .tit{ width:100%; overflow:hidden;margin-bottom:15px;} .left_form .tit span {background: #ff4a00;padding: 5px 7px;margin: 0 8px;color: #fff;font-size: 16px;} .left_form .tit p {font-size: 15px;width:85%; float:left; color: #FA3B1F;background: #FEEDE9 url(../images/newkf.png) no-repeat 20px center;background-size:60px; border:1px dashed #f90;border-radius:15px; padding:15px 0 15px 9%;!important;padding:15px 0 15px 12%;line-height: 32px;text-indent: 20px; margin-top: 15px; margin-bottom: 15px;} .left_form .icon-text-pro{ } .left_form .icon-text-user{ background:url(../images/icon-text-user.png) no-repeat 10px center #fff;} .left_form .icon-text-diqu{ } .left_form .icon-text-tel{ background:url(../images/icon-text-tel.png) no-repeat 12px center #fff; } .left_form .icon-text-message{ background:url(../images/icon-text-message.png) no-repeat 10px 17px #fff; padding:17px 18px 0 44px;} .left_form {width:52%; float: left; background:#fff;-moz-box-shadow: #a4cef4f 5px 5px 5px; padding:30px 20px;border-radius:20px 20px; margin:10px; box-shadow: #a4cef4 0px 1px 10px;} .left_form ul li {margin-bottom: 5px; overflow: hidden; width:47%; margin-right:3%; float:left} .left_form ul li.wenb {height: 175px; position: relative; _height: 170px; width:100%; } .left_form ul li span {width: 100%; display:block; overflow:hidden;text-align:left; font-size: 18px; line-height:50px; color:#07284E} .left_form input.intxt { width:97%; border:0; color:#666; font-size:15px;height: 42px;line-height: 42px; background-color: #fff; border:#999 1px solid;text-indent: 35px;*text-indent:0px;} .left_form ul li textarea { border:0; width:90%; background-color: #fff; border:#999 1px solid; height: 100px; line-height: 20px; font-size:15px;margin: 6px 0 0; padding:3%; color: #666; resize: none; } .left_form .btnclick { float:left; width:100%; overflow: hidden;} .left_form .btnclick input.btn_submit { background:#eb0001;background: -webkit-linear-gradient(left, #ff6255, #ec0823);background: -o-linear-gradient(left,#ff6255, #ec0823);background: -moz-linear-gradient(left,#ff6255, #ec0823);background: linear-gradient(left,#ff6255, #ec0823); border-radius: 2rem;border: 0; margin: 20px auto 0; -webkit-appearance: none; display: block; width: 180px; height:50px; line-height:50px; text-align: center; color: white;cursor: pointer; font-size: 16px; overflow: hidden; -webkit-appearance: none; } .contact_right { width: 58%; float: right;} .contact_xinxi{width:100%;} .right_contact{ float: right;width: 25%; padding: 4% 2%; margin-top:30px; overflow: hidden;background:#eb0001; display:none} .right_contact p { line-height: 30px; font-size:14px;color: #fff;} .right_contact p.nosame, .right_contact p.onlinetalk { font-size: 14px; margin-bottom: 6px; clear: both; } .right_contact h6 { font-size: 24px; color: #fff; font-weight: bold; margin:20px 0; } .right_contact a { display: block; border:#fff 1px solid; width:29%;*width:28%; height: 35px; line-height: 35px; float: left; color:#fff; font-size: 16px;*font-size: 14px; font-weight: 500; text-align: center; margin: 10px 1.5% 10px ; overflow: hidden; } /*留言板end*/ /*客户案例*/ .pro_banner { background: url(../images/pro_banner.jpg) no-repeat center top; height:853px;overflow:hidden; width:100%;position:relative; margin:0 auto} .sol_banner {background: url(../images/sol_ban.jpg) no-repeat 50%;background-size: cover; height:800px; overflow:hidden} .sol_lx{width: 100%;height: 100%;} .about_banner{background: url(../images/about_banner.jpg) no-repeat 50%;background-size: cover; height:800px; overflow:hidden} .service_banner{background: url(../images/serdetail_banner.jpg) no-repeat 50%;background-size: cover; height:650px; overflow:hidden} .ser_banner{background: url(../images/ser_banner.jpg) no-repeat 50%;background-size: cover; height:650px; overflow:hidden} .pro_ban{padding:3%; max-width:650px; text-align:left; float:right;margin-top:20%;background:url(../images/red.png) repeat; } .ban_tit{padding:10% 0 3% 0;} .pro_ban1{padding:3%; max-width:650px; text-align:left; float:left;margin-top:18%;background:url(../images/white_bg.png) repeat; } .pro_ban ._sub {display: inline-block;position: relative; text-align:left;font-size:40px;color:#fff;line-height: 1;margin-bottom: 25px;} .ban_tit ._txt {font-size:17px; line-height:38px; text-align:left; color:#fff;} .ban_tit1 ._txt {font-size:17px; line-height:38px; text-align:left; color:#fff;} .pro_ban_tit ._txt{font-size:16px; text-align:center} .pro_ban1 ._txt{ color:#07284E; line-height:30px; font-size:16px;} .pro_ban ._txt{ color:#fff; font-size:16px;} .pro_ban1 ._sub {display: inline-block;position: relative; text-align:left;font-size:40px;color:#07284E;line-height: 1;margin-bottom: 25px;} .about_banner_tit{padding:3%; max-width:650px; text-align:left; float:right;margin-top:32%;background:#F2003A; } .service_banner_tit{padding:3%; max-width:650px; text-align:left; float:left;margin-top:22%;background:#F2003A; } .about_banner ._txt,.service_banner ._txt{font-size:17px; line-height:38px; text-align:left; color:#fff;} .about_banner ._sub,.service_banner ._sub{display: inline-block;position: relative; text-align:left;font-size:40px;color:#fff;line-height: 1;margin-bottom: 25px;} .tech{background: #F2F2F2;} .allist_cont{margin: 60px auto 40px;} .allist_cont li{ width: 30.33%; float: left; margin:0 1.5% 50px;box-sizing: border-box;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;} .allist_cont .allist_con{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;position:relative;top:0;overflow:hidden} .allist_cont .allist_con a{display: block;overflow: hidden;} .allist_cont .allist_con img{display:block;transition: all ease 1s;width:100%} .allist_cont .allist_con:hover img{transform: scale(1.1);} .allist_cont .allist_con a i{display:block;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);} .allist_cont .allist_con a:hover i{transition:all .3s ease;left:100%} .allist_cont .allist_con .allist_text{padding:20px 20px 25px; border:#f0f0f0 1px solid;background: #F2F6FF url(../images/pro_x.png) repeat repeat;} .allist_cont .allist_con .allist_text h3{display:block;font-size:20px;color:#333;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px 0} .allist_cont .allist_con .allist_text .more{float:right;width:60px;height:60px;border-radius:50px 0 0 0;background:#fff url(../images/case_ico.png) no-repeat;background-position:-60px 0;margin-top:-5px; margin-right:-20px; -moz-box-shadow: 1px 0 20px rgba(194, 205, 239);-webkit-box-shadow: 1px 0 20px rgba(194, 205, 239);box-shadow: 1px 0 20px rgba(194, 205, 239);} .allist_cont .allist_con .allist_text p{font-size:16px;color:#666;line-height:30px;} .allist_cont .allist_con:hover{-moz-box-shadow:0 3px 10px rgba(0,0,0,.2);-webkit-box-shadow:0 3px 10px rgba(0,0,0,.2);box-shadow:0 3px 10px rgba(0,0,0,.2);top:-5px; background:#fff} .allist_cont .allist_con:hover .allist_text .more{background:#c2cdef url(../images/case_ico.png) no-repeat;background-position:0 0;} .allist_cont .allist_con:hover h3 a{color:#d21423} .allist_cont .allist_con::after{content:"";position:absolute;right:100%;bottom:0;width:100%;height:2px;background-color:#eb0001;opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';filter:alpha(Opacity=0);-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;} .allist_cont .allist_con:hover::after{right:0;opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';filter:alpha(Opacity=100)} /* 客户案例end */ /*服务指南*/ .sercn_one{margin-top:60px;margin-bottom: 50px;} .sercn_one h1{font-size: 38px;color:#07284E;font-weight: 600;line-height: 60px;text-align: center;} .sercn_one li{width: 30.33%;float: left;margin:0 1.5% 30px;position:relative;padding:45px 40px 35px;box-sizing:border-box;text-align:center; border:1px solid #f2f2f2; overflow:hidden;} .sercn_one li strong{display:block;font-size:26px; color:#333; line-height:1.1em; margin-bottom:5px;} .sercn_one li span{display:block;font-size:14px; color:#666; line-height:1.2em; height:1.2em; overflow:hidden;} .sercn_one li .num{font-size:100px; font-family:Arial; color:#f8f8f8; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;} .sercn_one li .text{position:relative; z-index:3;} .sercn_one li .mask{position:absolute;background:url(../images/yellow_bg.jpg) repeat; left:0; top:100%; width:100%; height:100%; z-index:1;} .sercn_one li:hover strong{color:#07284E;} .sercn_one li:hover span{color:#07284E;} .sercn_one li:hover .num{color:#f8f8f847;} .sercn_one li:hover .mask{top:0;transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;} .sercn_two{height:620px; overflow:hidden; background-position:center center; background:url(../images/sercn_two.jpg) center repeat-x;} .sercn_two .l_box{width:51%; float:left; position:relative; height:620px;} .sercn_two .pd{position:relative; z-index:3; padding:80px 40px 0 10px;} .sercn_two .mask{position:absolute; width:960px; height:100%; right:0; top:0; background:url(../images/yellow_bg.jpg) repeat; z-index:2;} .sercn_two .pd h2{font-size:33px; font-weight:bold; color:#fff; margin-bottom:40px;} .sercn_two .pd .info{font-size:18px; line-height:28px; color:#fff; margin-bottom:30px;} .sercn_two .pd .text_box{font-size:14px; color:#fff; line-height:33px;} .sercn_stree{margin-top:60px;margin-bottom: 50px;} .sercn_stree h2{font-size: 38px;color:#07284E;font-weight: 600;line-height: 60px;text-align: center;} .sercn_stree .ser-txt{line-height: 1.8em;} .sercn_stree ul{width: 100%;} .sercn_stree ul li{width: 30.33%;margin: 0 1.5%;float: left;} .sercn_streeli {position: relative; overflow: hidden; margin-bottom: 20px;} .sercn_streeli img {width: 100%;height: auto;} .sercn_streeli .zhezhao {background-color: #fff; width: 94%; height:180px; padding:3%; overflow:hidden; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; position: absolute; bottom: -155px; left: 0; } .sercn_streeli .zhezhao h4{font-size:20px; text-align:center;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; } .sercn_streeli .zhezhao p {font-size: 14px;margin-bottom:15px;line-height:0;overflow: hidden; } .sercn_streeli:hover .zhezhao {bottom: 0; background-color:#ed2225; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;} .sercn_streeli:hover .zhezhao h4{margin:10px 0;color:#fff;} .sercn_streeli:hover .zhezhao p {color: #fff; height:90px; overflow:hidden; line-height:24px; } .pd_guide,.pd_guide * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .pdico { display:block; width:30px; height:30px; background:url(../images/pd_ico1.png) no-repeat; margin:0 auto;} .pi01 { background-position:0 0; } .pi02 { background-position:-30px 0; } .pi03 { background-position:-60px 0; } .pi04 { background-position:-90px 0; } .pd_guide li { width:25%;*width:24.8%; float:left; text-align:center; color:#07284E;background: -webkit-gradient(linear, 0% 2%, 60% 10%,from(#f5f5f5), to(#f0f0f0));} .pd_guide a { display:block; color:#07284E; font-size:20px; padding:14px 0; border-right:#fff 4px solid;position:relative; } .pd_guide a:after { content:""; display:none; width:0; height:0; overflow:hidden; border-color:#424355 transparent transparent; border-style:solid dashed dashed; border-width:10px; position:absolute; left:50%; margin-left:-10px; bottom:-19px;} .pd_guide.fixed { position:fixed; top:0; z-index:10; } .fixed .pdico { display:none; } .pd_guide li.active a { background-color:#55566F;background: -webkit-gradient(linear, 0% 2%, 60% 10%,from(#55566F), to(#424354)); color:#fff } .pd_guide li.active a:after { display:block; } .fixed {position: fixed; top: 0px; left:0; z-index:99; height: 50px;width:100%;} .fixed .pd_guide{ margin:0 auto; } .fixed .pd_guide li { width:25%;*width:24.8%; float:left; text-align:center; background-color:#e1e3e5; color:#07284E;} .fixed .pd_guide li.active a { background-color:#424355; color:#fff } #header-wrapper {height:auto; margin:0 auto ; width:100%; border-bottom:#f1f1f1 1px solid; overflow:hidden; border-top:#f1f1f1 1px solid;background:#f6f6f6} #header-wrapper ul{width:100%; margin:0 auto; } .fixed #header-wrapper {height:45px; margin:0 auto; width:100%;} .sub_tit_h3{ font-size:28px; font-weight:500; margin-bottom:20px; text-indent:0; line-height:36px;color:#303030} .w47{ width:47%;} .w35{ width:35%} .w55{ width:55%} .w60{width:60%} .w25{ width:25%;} .w70{ width:70%;} .w40{ width:40%;} .w65{ width:65%;} .w75{ width:75%;} .w30{ width:30%;} .w58{ width:58%} .w38{ width:38%} .w45{ width:45%} .50{ width:50%} .w49{ width:49%;} .w20{ width:20%;} .w46{ width:46%;} .m30{ margin-top:30px;} .w1{width:42%;} .w2{width:52%;} .jt_top90{ margin-top:90px;} .content_1{ width:100%; } .content_1 p,.content_2 p,.content_3 p{ text-indent:30px;font-size:15px; margin:15px 0; line-height:32px;} .content_2,.content_3,.adv_pro4,.content_4{ margin-top:70px} .content_1 embed{ display:block; margin:0 auto 40px; text-align:center;} .pro_tit_h2{ text-align:center;background:url(../images/line.png) no-repeat center bottom; padding-bottom:18px; width:300px; font-weight:600; margin:0 auto 30px; font-size:38px; color:#07284E;background-size: 160px 3px; } .lingyu_tit_h2{ text-align:center; margin-bottom:30px; font-size:38px; font-weight:500; color:#303030 } .pro_tit_h4{text-align:left; font-size:15px; font-weight:400; width:97%; margin:0 auto;line-height: 32px; } .pro_tit_h4 p{ margin:10px 0;} .field_bg h4{ text-align:center; margin-top:-20px; margin-bottom:20px;} .adv_pro1,.adv_pro2,.adv_pro3,.adv_pro4,.adv_pro5,.adv_pro6{ width:1560px; margin:0 auto; overflow:hidden; margin-top:60px;} .adv_pro1 ul{ overflow:hidden; margin-top:50px;} .pro_zi{width:97%; margin:0 auto; overflow:hidden;margin-top:40px;} .pro_zi p{ margin:15px 0; font-size:16px;line-height: 32px;} .adv_pro1 li{ float: left; width: 22%;*width: 21.9%; margin:0 1.5% 2%; overflow: hidden;position:relative;} .adv_pro5 li{ float: left; width:17%;*width:16.9%; margin:0 1.5% 2%; overflow: hidden;position:relative;} .adv_pro1 li span,.adv_pro5 li span{position: absolute;display: block;width: 0;height: 0;border-radius: 50%;background: #402a55;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: width 0.8s, height 0.8s;transition: width 0.8s, height 0.8s;z-index: -1;} .adv_pro1 li:hover,.adv_pro5 li:hover{color:#fff;} .adv_pro1 li:hover span,.adv_pro5 li:hover span {width: 800px; height: 800px;} .adv_pro1 li img,.adv_pro5 li img{ width:100%; height:auto} .adv_pro1 li h4,.adv_pro5 li h4{ text-align:center; margin-top:10px; font-weight:500; line-height:26px; color:#666;margin:0 4% 6%;} .adv_pro5 li h4{ padding:20px 0 0} .adv_pro5 li h4:before{ content: '';background-color: #ffc527;width: 20%;height: 40%;position: absolute;top: -17%;left: -20%;-webkit-transition: all .8s;transition: all .8s;border-bottom-right-radius: 100%;} ._con{display: inline-block;background-color: #fff;cursor: pointer;/* margin: 0 10px; */text-align: center;position: relative;overflow: hidden;opacity: .99;-webkit-transition: all .8s;transition: all .8s ;display: block; background: #f8f8f8; padding: 5%; */overflow: hidden } ._con:before{content: '';background-color: #ffc527;width: 120%;height:120%;position: absolute;top: -120%;left:-120%;-webkit-transition:all .8s;transition:all .8s;border-bottom-right-radius: 50%;} ._con:hover:before{top: 0;left:0;} ._con h3{ font-size: 20px; font-weight: 600;text-align:center; margin-bottom: 10px; position: relative;} ._con h4{ font-size: 14px; font-weight: normal; text-align:center; margin:0 auto;position: relative; line-height:26px;} ._con .ic{ -webkit-transition: all 0.8s ease; transition: all 0.3s ease; display: inline-block; background:#ffc527 url(../images/zh_icos.png) no-repeat center 0; width:65px; height: 90px; margin-bottom: 10px;margin-left:-290px;margin-top: -55px;border-bottom-right-radius: 60%; position: relative;} ._con .icc{ -webkit-transition: all 0.8s ease; transition: all 0.3s ease; display: inline-block; background:#ffc527 url(../images/zh_icos.png) no-repeat center 0; width:65px; height: 90px; margin-bottom: 10px;margin-left:-400px;margin-top: -60px;border-bottom-right-radius: 60%;position: relative;} ._con .iccc{ -webkit-transition: all 0.8s ease; transition: all 0.3s ease; display: inline-block; background:#ffc527 url(../images/zh_icos.png) no-repeat center 0; width:65px; height: 90px; margin-bottom: 10px;margin-left:-132%;margin-top: -75px;border-bottom-right-radius: 60%;position: relative;} ._con .ic1{ background-position: 0 33px;} ._con .ic2{ background-position: -60px 33px;} ._con .ic3{ background-position: -120px 33px;} ._con .ic4{ background-position: -180px 33px;} ._con .ic5{ background-position: -240px 33px;} ._con .ic6{ background-position: -300px 33px;} ._con .ic7{ background-position: -420px 33px;} ._con .ic8{ background-position: -480px 33px;} ._con .ic9{ background-position: -560px 33px;} ._con .ic10{ background-position: 33px 33px;} ._con .ic11{ background-position: -60px 33px;} ._con .ic12{ background-position: -120px 33px;} ._con .ic13{ background-position: -180px 33px;} ._con .ic14{ background-position: -240px 33px;} ._con .ic15{ background-position: -360px 33px;} ._con:hover{ color: #fff; -webkit-transition: all .8s;transition: all .8s;} ._con:hover .ic{ background:#07284E url(../images/zh_icos.png) no-repeat center 0;} ._con:hover .icc{ background:#07284E url(../images/zh_icos.png) no-repeat center 0;} ._con:hover .iccc{ background:#07284E url(../images/zh_icos.png) no-repeat center 0;} ._con:hover .ic1{ background-position: 0 33px;} ._con:hover .ic2{ background-position: -60px 33px;} ._con:hover .ic3{ background-position: -120px 33px;} ._con:hover .ic4{ background-position: -180px 33px;} ._con:hover .ic5{ background-position: -240px 33px;} ._con:hover .ic6{ background-position: -300px 33px;} ._con:hover .ic7{ background-position: -420px 33px;} ._con:hover .ic8{ background-position: -480px 33px;} ._con:hover .ic9{ background-position: -560px 33px;} ._con:hover .ic10{ background-position: 33px 33px;} ._con:hover .ic11{ background-position: -60px 33px;} ._con:hover .ic12{ background-position: -120px 33px;} ._con:hover .ic13{ background-position: -180px 33px;} ._con:hover .ic14{ background-position: -240px 33px;} ._con:hover .ic15{ background-position: -300px 33px;} .adv_pro2 li{ width:14.6%; margin:0 1%; width:29.333%;*width:29.2%; margin:0 2% 3%;float:left} .adv_pro3 li{ width:48%; margin:0 1%; float:left} .adv_pro3 p{ text-indent:30px; margin:15px 0; font-size:16px; line-height:32px;} .adv_pro5 ul{width:100%; } .adv_pro5 dl{width:13.6%; margin:0 1.5%;float:left; text-align:center; } .adv_pro5 dt{ width:100%; margin-bottom:15px;} .adv_pro5 dt img{display:block; margin:0 auto; text-align:center} .adv_pro5 dd{font-size:14px; line-height:26px; font-weight:500; color:#07284E;} /* ._con .icc{ margin-left:120px;} ._con .iccc{ margin-left:220px;} */ .adv_pro4 dl{ width:42.8%; padding:2%; margin:0 1.5%; background:#f4f4f4; float:left} .adv_pro4 dt{ width:20%; float:left;} .adv_pro4 dt img{ width:100%; height:auto} .adv_pro4 dd{ float:right; font-size:16px; margin-top:25px; width:75%} .adv_pro4 dd h4{ font-size:22px;} .adv_pro6 dl{ width:47%; margin:2% 1.5% 2%; float:left} .adv_pro6 dt img{ width:100%; height:auto} .adv_pro6 dt{ width:21%; float:left;} .adv_pro6 dd{ float:right; width:76%} .adv_pro6 dd h4{ font-size:18px; font-weight:500; } .adv_pro6 dd p{ font-size:14px;font-weight:400; color:#999} .adv_pro6 li{ width:47%; float:left; margin:0 1.5%; background:#f4f4f4} .adv_pro6 li h3{ display:inline-block; background:#f2f2f2} .scroll_wrap{ margin-top:30px;} .pro_choose{ margin-top:50px; overflow:hidden; width:100%;margin-bottom:40px;} .pro_choose h3{ font-size: 42px; margin-bottom: 30px; text-align:center;color: #303030;} .pro_choose li{ width:22%; margin:0 1.5%;*margin:0 1.3%; float:left} .pro_choose li img{ width:100%; height:auto} .kehu{background:#f1f3f4; padding:50px 0;overflow:hidden; width:100%; margin-top:40px;} .kehu li{width: 12.18571%;*width:11.2%; margin: 1%;float:left; } .kehu li img{ padding:8px; width:100%; height:auto; background:#fff;border:#d8d8d8 1px solid} .kehu_h3,.pro_choose_h3{ font-size:42px;text-align: center; display: block; width:100%;margin-bottom: 12px; color:#07284E} .pro_choose_h3 b{ color:#eb0001; font-size:50px;} .pro_choose_h3 span{ font-size: 40px;color:#eb0001; vertical-align: top;} .kehu_h4,.pro_choose_h4{width: 100%;text-align: center;font-size: 19px; color:#3d3d3d; font-weight:400; margin-bottom:30px;} .pro_ser ul{ margin-top:40px; width:100%; height:auto; overflow:hidden} .pro_ser li{ width:18%;display:block;background:url(../images/ser_li.jpg) no-repeat right top; float:left; margin:0 1%;*margin:0 0.8%;} .pro_ser .ser_ico{ display:block; margin:0 auto; width:106px;height:105px; margin-bottom:15px;text-align:center; background:url(../images/ser_bg.png) no-repeat center 0 ; line-height:21px;color:#9a9a9a;} .pro_ser li b{ display:block; font-size:22px; font-weight:normal; text-align:center; font-family:"微软雅黑";color:#242424;} .pro_ser li p{ text-align:center; font-size:15px;} .pro_ser li .ico1{ background-position: 0 0;} .pro_ser li .ico2{ background-position: -106px 0;} .pro_ser li .ico3{ background-position: -212px 0;} .pro_ser li .ico4{ background-position: -318px 0;} .pro_ser li .ico5{ background-position: -424px 0;} .pro_ser{ margin:60px auto 80px;} .pro_ser h3{font-size:42px; color:#07284E; text-align:center;} blockquote{text-align: center;line-height:34px; font-size:18px; width:80%; margin:20px auto 0} q::before{ content:"\201C"; padding:0 20px 5px 0; font-size:42px;color:#eb0001; margin-bottom:-7px;} q::after{ content: "\201D";padding:0 25px 15px 0;font-size:42px;color:#eb0001; margin-bottom:-7px;} .company_center.main{ padding: 60px 0 0; } .company_center .part1{ margin-bottom: 1%; } .company_center .part_hd{margin-bottom: 50px; text-align: center;} .company_center .hd_title{font-size:35px; color: #07284E; font-weight:normal;transition: all ease .3s; -webkit-transition: all ease .3s; text-align: center;padding-bottom: 3%;} .company_center .hd_title:hover { color:#15499a; } .company_center .part1 .part_hd .dec{ text-align: left; margin-left: 10%; margin-bottom: 3%; } .company_center .part1 .more{ display: inline-block; padding: 1% 4%; border: 1px solid #ff8d14; color: #ff8d14; transition: all .5s ease;} .company_center .part1 .more:hover{ background: #ff8d14; color: #fff;} .company_center .part1 .part_bd li .img_box,.company_center .part1 .part_bd li .cont{ width: 50%; } .company_center .li1 .r{ background: #f0840d;} .company_center .li2 .l{ background: #0a479a;} .company_center img {max-width: 100%;height: auto; } .company_center .part1 .part_bd li .cont .cont_box{ padding: 15% 10% } .company_center .part1 .part_bd li .cont .title{ font-size: 35px; color: #fff; padding-bottom: 2%;} .company_center .part1 .part_bd li .cont .dec{ font-size: 14px; color: #fff;} .imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .imgZoom { overflow:hidden; } .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } @keyframes hover1{ from,to{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)} 50%{transform:translateY(-10px);-ms-transform:translateY(-10px);-moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);-o-transform:translateY(-10px)} } @-moz-keyframes hover1{ from{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)} to{transform:translateY(-10px);-ms-transform:translateY(-10px);-moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);-o-transform:translateY(-10px)} } @-webkit-keyframes hover1{ from{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)} to{transform:translateY(-10px);-ms-transform:translateY(-10px);-moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);-o-transform:translateY(-10px)} } @-o-keyframes hover1{ from{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)} to{transform:translateY(-10px);-ms-transform:translateY(-10px);-moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);-o-transform:translateY(-10px)} } .tj_pro li{ width:25%; float:left} .tj_pro li img{ display:block; text-align:center} /*服务保障*/ .opc0 .left,.opc0 .right{ width: 50%;*width:49.9%; } .opc0 .left{position:relative} .opc0 .left .cover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/ipart3_video_cover.png);} .opc0 .left .play{ position: absolute; width: 103px; height: 103px; background: url(../images/ipart3_video_play.png) no-repeat; top: 50%; margin-top: -53px; right: 50%; margin-right: -53px; cursor: pointer;} .opc0 .right{ position: relative; } .opc0 .right .cont{ position: absolute; top: 0; max-width: 600px; box-sizing: content-box; padding: 8% 15%;} .opc0 .right .cont .tit{ font-family: "arial"; font-size: 70px; margin-bottom:10px; color: #d0112b; line-height: 1;font-weight: 800;} .opc0 .right .cont .title{ font-size: 24px; color: #d0112b } .opc0 .right .cont .dec{ font-size: 15px; color: #fff; line-height:32px;margin-bottom:12px; margin-top:20px; } .opc0 .right .cont ul{ margin-bottom: 5%; } .opc0 .right .cont li{ display: inline-block; *zoom:1;*display: inline; color: #fff; margin-right: 6%; } .opc0 .right .cont li .num{ font-size: 59px; font-family: "impact";} .opc0 .right .cont li.jia{ font-size: 59px; font-family: "impact";} .opc0 .right .cont li .num_dec{ font-size: 16px;} .opc0 .right .cont .more{ font-family: "arial"; color: #8f8f8f; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #8f8f8f; padding: 2% 5%;} .opc0 .right .cont .more:hover{ color: #d0112b; } .about_us .jianjie{margin-bottom:40px;} .about_us .jianjie .l_box{width:65%;position:relative} .about_us .jianjie img{ width:100%; height:auto;} .about_us .jianjie .r_box{width:32%;} .about_us .jianjie .l_box .pd{position:absolute; left:50px; top:13%; width:70%; padding:30px 30px 30px; background:url(../images/white87.png) repeat;} .about_us .jianjie h5{line-height:1; color:#1f1f1f; margin-bottom:10px; font-size:24px} .about_us .jianjie .r_box .pd .title{ margin-bottom:20px;} .about_us .jianjie .l_box .pd p{font-size:14px; color:#787878; line-height:26px; margin-bottom:40px;} .about_us .jianjie .l_box .icon_list li{width:25%; float:left; text-align:center;} .about_us .jianjie .l_box .icon_list li a{display:block;} .about_us .jianjie .l_box .icon_list li a:hover .icon{transform:rotateY(180deg); -webkit-transform:rotateY(180deg);} .about_us .jianjie .l_box .icon_list li .icon{width:55px; height:55px; margin:0 auto 15px; display:block; background:url(../images/about_icons.png) 0 0 no-repeat;} .about_us .jianjie .l_box .icon_list .li2 .icon{background-position:-55px 0;} .about_us .jianjie .l_box .icon_list .li3 .icon{background-position:-110px 0;} .about_us .jianjie .l_box .icon_list .li4 .icon{background-position:-165px 0;} .about_us .jianjie .l_box .icon_list .name{display:block;font-size:14px; color:#1f1f1f; line-height:20px;} .about_us .info_box{background:#F2F6FF url(../images/pro_x.png) repeat repeat; padding:13px; } .about_us .jianjie .r_box .pd{ background:#fff; box-shadow: #E2E8FB 0px 3px 10px; padding:15px} .about_us .jianjie .r_box .pd ul{ margin:10px 0 5px} .about_us .jianjie .r_box .pd li{font-size:15px; color:#787878; line-height:29px;} .channel_content{padding:70px 0 30px;} .about-mb h3{ font-size:36px; color:#333; font-weight:500; margin:0 auto 20px; text-align:center } /*案例默认页*/ .solution_list{ margin:60px auto 40px;} .solution_list .solution_title{font-size: 40px;color: #414141;font-weight: normal;text-align: center;} .solution_list .solution_con{font-size: 15px;color: #666;width: 80%;margin: 0 auto; overflow:hidden;text-align: center;padding-bottom:30px;} .solution_list .list_text{padding:8% 4% 0;float:right;width:40%; overflow:hidden; text-align:left;} .solution_list li:hover {background-color: #105db6;} .solution_list h3{font-size:30px;font-weight:normal;} .solution_list p{font-size:13px;color: #858585;line-height:26px;padding:20px 0px;} .solution_list li:hover h3,.solution_list li:hover p{color: #fff;} .solution_list .list_img{ float:left; width:50%; overflow:hidden} .solution_list li .list_img img{ transition: transform 400ms; -webkit-transition: -webkit-transform 400ms;} .solution_list li:hover .list_img img{ transform: scale(1.15); -webkit-transform: scale(1.15);} .solution_list li.odd .list_img{float:right;} .solution_list li.odd .list_text{float:left;} .solution_list .kase_more a{ display: inline-table;height: 40px;line-height: 40px;border-radius: 20px;border: 1px solid #878787;text-align: center;padding:0 25px;overflow:hidden; position:relative; } .solution_list li:hover .kase_more a{border: 1px solid #fff;color: #fff;background-color: transparent;} .solution_list ul li{margin-bottom: 45px; width:100%;transition: .2s width ease; background:#f0f3fa; overflow:hidden} .pro_tab { margin:0 auto 100px; text-align: center; position: relative; height: 120px; line-height: 120px; background:#1F2B4D; padding-left:3%; } .pro_tab li{ float: left; margin: 0 1%; text-align:center; width: 17.9%; border-right:#23375C 1px solid;height: 120px; } .pro_tab li ._title{ margin-top:0;} .pro_tab li:nth-child(5){ border-right:0; } .pro_tab li a { display: block; font-size:20px; color: #333; font-weight:600; margin-left: -27px; z-index: 9; zoom: 1; } .pro_tab li ._ico { display: inline-block; width: 87px; height: 87px; margin-top:16px; background: url(../images/news_tab_ico.png) no-repeat center top; } .pro_tab li ._ico1 { background-position: 0 0; } .pro_tab li ._ico2 { background-position: -87px 0; } .pro_tab li ._ico4 { background-position: -174px 0; } .pro_tab li ._ico3 { background-position: -261px 0; } .pro_tab li ._ico5 { background-position: -348px 0; } .pro_tab li ._t { font-size: 16px; margin: 0; padding: 0; line-height: 28px; color: #272c4c; font-weight: 500; } .pro_tab ul li a.act { background:#e40045; color: #07284E; margin-top: -10px; padding-top: 10px; height: 130px; } .tj_pro{margin-bottom:20px;} .h3_tit h3{font-size: 38px;text-align: center; margin: 40px 10px 0px;color: #222;display: inline-block; *zoom:1;*display: inline;} .h3_tit{ width:100%; margin:0 auto 30px; text-align:center; overflow:hidden;} .left-line{width:175px; height: 11px;vertical-align: 6px; display: inline-block; *zoom:1;*display: inline; background:url(../images/left_l.png) no-repeat} .right-line { width:175px;height: 11px;vertical-align: 6px;display: inline-block; *zoom:1;*display: inline;background:url(../images/right_l.png) no-repeat} /*=======================mobtwo start===================*/ .ul-sec-case{overflow:hidden;margin:0 -2px; width:100%} .ul-sec-case li{float:left;width:18%; margin:0 1%;*margin:0 0.8%;overflow:hidden} .ul-sec-case li .item{position:relative;margin:0 2px;padding-bottom:90px;background-color:#f5f5f5} .ul-sec-case img{display:block;width:100%} .ul-sec-case .txt{padding:0 2% 20px;text-align:center;overflow:hidden;position:absolute;left:0;bottom:-150px;width:100%;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s} .ul-sec-case .txt h3 a{display:block;font-size:22px;color:#333;line-height:36px;text-align:center;margin:0 0 5px} .ul-sec-case .txt strong a{display:block;font-size:24px;color:#4d5560;line-height:36px;text-align:center;} .ul-sec-case .txt p{font-size:16px;color:#595959;line-height:24px;text-align:left;opacity:0;filter:alpha(opacity=0);transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;} .ul-sec-case .txt p strong{color:#4d5560; margin:0 10px 0 30px;float:left} .ul-sec-case .txt span{display:inline-block;font-size:15px;color:#4d5560;line-height:26px;position:relative;margin-bottom: 20px;} .ul-sec-case .txt .more{display:inline-block;width:170px;height:44px;line-height:44px;border-radius:4px;background-color:#E00046;color:#fff;margin-bottom: 20px;} .ul-sec-case .item:hover .txt{ background: url(../images/white_bg_pro.png) repeat;;bottom:0; padding:15px 0 0} .ul-sec-case .item:hover .txt p{opacity:1;filter:alpha(opacity=100);display: block;} .ul-sec-case .item:hover h3 a{ margin-bottom:15px; color:#07284E} /*=======================mobtwo end===================*/ /*=======================产品中心分类 start===================*/ .pro_fenlei {bottom:1.5%;text-align:center;z-index:10;overflow:hidden;position:absolute;/*left:27.5%;*/ width:100%;} .pro_fenlei ul{ width:90%; margin:0 auto;overflow: hidden; text-align: center;} .pro_fenlei li{display:inline-block;color:#07284E; font-size:20px;cursor:pointer;position:relative;z-index:999; color:#fff;vertical-align: middle; } .pro_fenlei li em{ display: block; width:50%; height:13px; border-bottom:1px solid #fff; position: absolute; right:-18px; top:0; } .pro_fenlei li cite{ display: block; width:50%; height:13px; border-bottom:1px solid #fff; position: absolute; left:-18px; top:0; } .pro_fenlei li a{color:#3D4B69;display: inline-block;overflow: hidden;margin:0 30px;} .pro_fenlei li ._title{ background: -webkit-linear-gradient(top,rgba(255,255,255,1),rgba(231,238,254,1));background: -webkit-gradient(linear,left top,right top,from(#fff),to(#E7EEFE));background: linear-gradient(to bottom,#fff,#E7EEFE);filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #ffffff, endColorstr = #E7EEFE);border-radius: 10rem;line-height: 2.1rem; padding:7px 26px;display: inline-block; font-weight:600} .pro_fenlei li.active .active{ background-color:#DB0047;border-radius: 10rem;line-height: 2.1rem; padding:5px 20px;display: block; color:#fff} .pro_fenlei li.active ._title{background: -webkit-linear-gradient(top,rgba(235,0,1,1),rgba(204,0,0,1));background: -webkit-gradient(linear,left top,right top,from(#eb0001),to(#c00)); background: linear-gradient(to bottom,#eb0001,#c00);filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #eb0001, endColorstr = #c00);color:#fff} .pro_fenlei .dot_icon{width:26px;height:26px;border:1px solid transparent;border-radius:50%;display:block;margin:0 auto 16px;position:relative;z-index: 20;} .pro_fenlei .dot_icon:after{content:"";width:20px;height:20px;background:#fff;display:block;position:absolute;z-index:10;top:50%;left:50%;margin-top:-10px;margin-left:-10px;border-radius:50%;} .pro_fenlei li.active .dot_icon{border-color:#eb0001; z-index:999} .pro_fenlei li.active .dot_icon:after{background:#eb0001;content:""; } // .pro_fenlei li:after{content:"";width:200px;height:2px;background:rgba(255,255,255,.90); z-index:10; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99cfcecf,endcolorstr=#99000000);position:absolute;top:6px;right:63%;} // .pro_fenlei li:first-child:after{display:none;} .pro_fenlei li.active{z-index: 1000;} .pro_fenlei li:first-child cite{ display:none; } .pro_fenlei li:last-child em{ display:none; } /*=======================产品中心分类end===================*/ /*=======================浮动产品中心分类 start===================*/ .pro_fenlei_float {bottom:3%;text-align:center;z-index:10;overflow:hidden;position:absolute;background:#313131;width:100%; padding:5px 0;} .pro_fenlei_float h3{ color:#fff;display: inline-block; font-size:30px;float: left;} .pro_fenlei_float h3:after {content: '';width:6rem; height: 0.4rem;background: #ffc40f;display: block; margin-top: -0.4rem;} .pro_fenlei_float ul{ width:80%; float: right;} .pro_fenlei_float li{display:inline-block;*display:inline;*zoom: 1;margin:0 4%;color:#07284E; float:left; font-size:20px;cursor:pointer;position:relative;z-index:999; color:#fff } .pro_fenlei_float li a{color:#07284E;} .pro_fenlei_float li ._title{ background: -webkit-linear-gradient(top,rgba(255,255,255,1),rgba(240,240,240,1));background: -webkit-gradient(linear,left top,right top,from(#fff),to(#F4F7FE));background: linear-gradient(to bottom,#fff,#F4F7FE);filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #ffffff, endColorstr = #999999);box-shadow: #666 0px 2px 5px; border-radius: 10rem;line-height: 2.1rem; padding:5px 26px;display: block ;} .pro_fenlei_float li.active .active{ background-color:#DB0047;border-radius: 10rem;line-height: 2.1rem; padding:5px 20px;display: block; color:#fff} .pro_fenlei_float li.active ._title{ background: -webkit-linear-gradient(top,rgba(235,0,1,1),rgba(204,0,0,1));background: -webkit-gradient(linear,left top,right top,from(#FF2434),to(#eb0001)); background: linear-gradient(to bottom,#FF2434,#eb0001);filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #FF2434, endColorstr = #eb0001);box-shadow: #c00 0px 2px 5px; color:#fff} @media screen and (max-width: 1280px){ .pro_fenlei_float li{ font-size: 16px; } .pro_fenlei_float li ._title{ padding: 0 20px; } } /*=======================浮动产品中心分类end===================*/ .header-bg{z-index:0;width:100%;height:100%;position: absolute;left:0;top:0;right:0;bottom:0;background:rgba(4, 14, 53, .4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); /*IE8支持*/} .header{width:100%;} .header_home{ padding:7px 0;-webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);-moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);-o-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);position: absolute;z-index: 9999;} .proshowtop{background:#424355 url(../images/nav_bg.jpg) repeat-x;} .header .logo{float:left;width:15%;text-align:left;display: block;} .header .logo img{vertical-align:top;} .header ul{float:right; width:70%;} .header ul li{float:left;position:relative; width:calc(100% / 8);display:block;line-height:24px;padding-bottom: 10px;} .header ul li .downav{position:absolute;left: 50%;top:50px;background:#fff;width: 130px;display:none;transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);} .header_scroll .downav{top:41px !important;} .header ul li .downav a{clear:both; display:block; color:#333; text-align:center;padding: 2px 5px;} .header ul li .downav a:hover{background:#ff9600; color:#fff;} .header ul li:hover .downav{display:block;} .header ul li a .down{display: inline-block;width: 20px;height: 20px;background: url(../images/down.png) center center no-repeat;vertical-align: middle;margin-left: 5%;} .header ul .fw{position: relative} .header ul li .xl{display: none;position: absolute;width: 100%;top: 100%;left: 0;background-color: #f5f5f5;z-index: 21;} .header ul li .xl p{font-size: 16px;border-bottom: 1px solid #efefef;line-height: 38px;} .header ul li .xl p a{display: block;color: #666;text-align: center;font-weight: normal;} .header_home ul li{padding-top:24px;} .header_home ul li a{color:#fff;font-size: 16px;display: block;} .header_home ul li a:hover{color:#ff9600;} /**/ .headerbox{height:55px;} .header_inside{height:55px; padding-top:8px; padding-bottom:8px;background: #fff;border-bottom: 1px solid #ededed;box-shadow: 0 0 20px 0 rgba(12,30,72,0.1);-webkit-box-shadow: 0 0 20px 0 rgba(12,30,72,0.1);-moz-box-shadow: 0 0 20px 0 rgba(12,30,72,0.1);-webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);-moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);-o-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);} .header_inside ul li .downav{top:40px;} .header_inside ul li{padding-top:7px;} .header_inside .Yscroll{width:94px} .header_inside .logo{height:auto; padding-top:0px;} .pro_wz{ padding-top:90px;} /*关于我们滚动部分*/ .slick-slider{ position: relative;display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; } .slick-list{position: relative;overflow:hidden;display:block;margin:0;padding:0;} .slick-list:focus {outline: none; } .slick-list.dragging {cursor:pointer;cursor:hand;} .slick-slider.slick-list,.slick-track,.slick-slide,.slick-slide img{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .slick-track {position: relative; left:0;top:0;display: block;zoom: 1; } .slick-track:before,.slick-track:after {content: ""; display: table;} .slick-track:after{clear: both;} .slick-loading .slick-track {visibility: hidden; } .slick-slide {float: left; height: 100%; min-height: 1px; display: none;} .slick-slide img {display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide{visibility: hidden; } .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} .slick-prev,.slick-next{position:absolute;display: block;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;top: 50%;margin-top:-10px;padding:0;border:none;outline: none; } .slick-prev:focus, .slick-next:focus { outline: none; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { filter:alpha(opacity=25);-moz-opacity:0.25;-khtml-opacity: 0.25; opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; filter:alpha(opacity=80);-moz-opacity:0.85;-khtml-opacity: 0.85; opacity: 0.85;; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots { position: absolute; bottom:-25px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; } .slick-dots li { position: relative; display: inline-block; *zoom:1;*display: inline; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 10px; width:10px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; } .slick-dots li button:focus { outline: none; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; /* color: black; */ filter:alpha(opacity=25);-moz-opacity:0.25;-khtml-opacity: 0.25; opacity: 0.25;; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75; opacity: 0.75; } .slick-dots li button {background: #666;border-radius: 50%;} .slick-slider .slick-active button{background:#f7ac1b;width:35px;border-radius: 20px;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; transition: all 0.8s ease-in-out;} /*产品新列表*/ .pro_list{ height:auto; overflow:hidden; width:104%; margin-left:-4%} .pro_list .tj_tit{margin:20px 0 30px 4%; font-size: 36px;bottom: 30px; overflow:hidden;} .pro_list .tj_tit h3{display: inline-block; float:left;color: #07284E;font-weight: bold;border-bottom: 6px solid #eb0001;padding-bottom: 0.5rem;} .pro_list .tj_tit a{color:#07284E;} .pro_list .tj_tit span{ color:#666;float: right;font-size:16px;padding-top: 20px;font-weight: 500;} .pro_list dl{ float:left; width:20.8%; height:auto; margin: 0 0 3% 4%;} .pro_list dl:hover {-moz-box-shadow: 0 5px 10px silver;-webkit-box-shadow: 0 5px 10px silver;box-shadow: 0 5px 10px silver;filter: progid:DXImageTransform.Microsoft.Shadow(color='#AFBEDA',Direction=125,Strength=9)} .pro_list dl > a{ display:block; } .pro_list dt{ width:100%; float:left; border:#CCD5E9 1px solid; text-align:center; padding:10px 1%;background: #fff url(../images/pro_x.png) repeat;} .pro_list dt img{ width:96%; height:auto; margin-bottom:3px;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s; box-shadow:#E2E8FB 0px 3px 10px;} .pro_list dt a:hover img{filter:alpha(opacity=80);opacity:0.8; -moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} .pro_list dd h3{ font-size:26px ; margin-bottom:15px; padding:2px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .pro_list dd h3 a{ color:#475770} .pro_list dd{ line-height:25px;padding:8% 2% 4% 8%; min-height:152px; width:92.5%; overflow:hidden;background:#f0f3fa;/*box-shadow: 2px 2px 2px rgba(0,0,0,.05);*/ -ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;} .pro_list dd:hover{ background:#d21423;-moz-box-shadow:0 3px 10px rgba(0,0,0,.2); color:#fff;-webkit-box-shadow:0 3px 10px rgba(0,0,0,.2);box-shadow:0 3px 10px rgba(0,0,0,.2);top:-5px} .pro_list dd:hover h3 a{color:#fff;} .pro_list dd p{ margin:10px 0;font-size:16px; color:#617798} .pro_list dd:hover p{color:#fff;} .pro_list{margin-top:20px; } .pro_list .bj-btn,.pro_list .r_btn{ width:90px; margin: 15px 0 15px; display: inline-block; text-align: center; font-size: 14px; line-height: 36px;} .pro_list .bj-btn{color: #617798;border:#617798 1px solid;-webkit-transform: skew(-8deg, 0);transform: skew(-8deg, 0); background:#fff} .pro_list .r_btn{ background: #617798; border:#333 1px solid;color: #fff;} .pro_list .bj-btn:hover{color: #07284E; background: #fff; border:1px solid #999;} .pro_list .r_btn:hover{color: #fff; background:#252A3C; border:1px solid #252A3C;} /*lcadd 分页数字样式*/ .pages {color: #999; margin:15px; clear:both; } .pages a, .pages .cpb {text-decoration:none; padding:12px 18px; margin:2px; border: 1px solid #ddd;background: #ffff;font-size:13px; color:#07284E;} .pages a:hover { background-color: #E61636; color:#fff;border:1px solid #E61636; text-decoration:none;} .pages .cpb { font-weight: bold; color: #fff; background: #E61636; border:1px solid #E61636;} /*tanchu shipin*/ .video-opacity{position:fixed;width:100%;height:100%;top:0;left:0;background:#07284E;filter:alpha(Opacity=50);opacity:0.5;z-index:100;} /*.video-wrap{position:fixed;width:900px;height:528px;left:50%;margin-left:-496px;top:50%;margin-top:-279px;z-index:1551;}*/ /*.video-wrap .close{position:absolute;display:block;width:50px;height:50px;top:0;right:-62px;background:url(../images/video-close.png) no-repeat;}*/ /*.video-wrap .close:hover{-webkit-transition:-webkit-transform .2s ease-in;-moz-transition:-moz-transform .2s ease-in;-o-transition:-o-transform .2s ease-in;transition:transform .2s ease-in;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}*/ .fornewslyccs{ clear:both;} /*lcadd*/ #Div_techdata1 p{height:32px;line-height: 32px;margin:15px 0 5px;} .pro-four table tr td{padding:8px 10px;} .csccc > h5{cursor:pointer; display: inline-block; margin: 15px 20px 15px 0; padding-left:15px; position: relative; color:#333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .csccc > h5:before{ content:""; display: block; width:4px; height:4px; border-radius:4px; background: rgba(51,51,51); position: absolute; left:0; top:50%; margin-top:-2px; } .csccc > h5.on{ color:red;} .csccc > h5.on:before{ background: red; } .pt1 {padding-bottom:50px;} .pt1 .tit_box {margin-bottom:50px;} .pt1 .tit_box a{display:block;} .pt1 .title_en{font-size:48px; font-family:Titillium; line-height:50px; margin-bottom:15px;} .pt1 .title_en span{display:block;} .pt1 .title{font-size:36px; line-height:41px; border-bottom:3px solid #c4c4c4; padding-bottom:20px;} .pt1 .title span{border-bottom:10px solid #aace39; padding-bottom:20px;} .pt1 .l_box{width:50%; } .pt1 .l_box .img_box{position:relative;} .pt1 .img_box img{ width:100%; height:auto} .pt1 .l_box .mask{position:absolute; right:-14px; top:40px; width:175px; height:60px;background:url(../images/i_tip.png) center center no-repeat; font-size:24px; color:#fff;padding:17px 0 0 20px; z-index:1;} .pt1 .pd{padding:3.8%; background:#F4F7FE;width:42.4%; background:-webkit-gradient(linear,top left, bottom right, from(#F4F7FE), to(#DCE1F1)); background: -webkit-linear-gradient(left,#F4F7FE,#DCE1F1);/*box-shadow: 5px 5px 5px rgba(0,0,0,.1);*/} .pt1 .pd .name{font-size:18px; line-height:40px; color:#404040; text-align:center;} .pt1 .pd .img_list{margin-bottom:20px; overflow: hidden} .pt1 .pd .img_list li{width: 32.33333333%;!important;width: 32.13333333%; float:left;float: left;margin-right: 1%;} .desc{ line-height:32px;} /*btn*/ .common_btn{display:block; margin-top:40px; width:160px; font-size:0;} .common_btn a{display:block; width:100%;} .common_btn .text_more{display:inline-block; *display:inline; *zoom:1; float:left; width:115px; text-align:center; font-size:16px; background:#424355; color:#fff; line-height:45px; margin-right:2px; vertical-align:middle;} .common_btn .jt{display:inline-block; *display:inline; *zoom:1; float:right; width:43px; height:45px; background: #424355 url(../images/btn.png) no-repeat ;vertical-align:middle;} .common_more:hover{background-position:-43px 0; background-color:#aace39;} /*=======================产品推荐滚动 start===================*/ #owl-demo{position:relative;margin: 0 auto;} #owl-demo .item_ie7{ position:relative;display:block;} #owl-demo img{display:block;width:100%;height:auto;} .owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;} .owl-page{display:inline-block;width:14px;height:14px;margin:0 5px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;} .owl-pagination .active{width:35px;background-image:url(../images/bg16.png);} .owl-buttons{display:none;} .owl-buttons div{position:absolute;top:43%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;} .owl-prev{left:0;background-image:url(../images/bg17.png);} .owl-next{right:0;background-image:url(../images/bg18.png);} .owl-prev:hover{background-image:url(../images/bg19.png);} .owl-next:hover{background-image:url(../images/bg20.png);} .owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .owl-carousel{display: none;position: relative;-ms-touch-action: pan-y;} .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;} .owl-carousel .owl-item{float: left;} .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;} .owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility:hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);} /*=======================产品推荐滚动end===================*/ .jl35{ margin-top:35px} .new_cate {padding:20px 0;text-align:center;z-index:10; overflow:hidden; margin-top:35px; } .new_cate li{display:inline-block;*display:inline;*zoom: 1;margin:0 4%;color:#07284E; font-size:20px;cursor:pointer;position:relative;z-index:999; color:#fff } .new_cate li a{color:#07284E;} .new_cate li ._title{background:#999;border-radius: 10rem;line-height: 2.1rem; color:#fff; padding:7px 26px;display: block ; font-weight:600} .new_cate li.active .active{ background-color:#c00;border-radius: 10rem;line-height: 2.1rem; padding:5px 20px;display: block; color:#fff} .new_cate li.active ._title{background:#c00; color:#fff} .new_cate .dot_icon{width:26px;height:26px;border:1px solid transparent;border-radius:50%;display:block;margin:-8px auto 10px;position:relative;} .new_cate .dot_icon:after{content:"";width:20px;height:20px;background:#999;display:block;position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-10px;border-radius:50%;} .new_cate li.active .dot_icon{border-color:#c00; z-index:999} .new_cate li.active .dot_icon:after{background:#c00;} .new_cate li:after{content:"";width:230px;height:1px;background:rgba(0,0,0,.40); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99cfcecf,endcolorstr=#99000000);position:absolute;top:6px;right:63%;} .new_cate li:first-child:after{display:none;} .pro_tj_tit{ background:#f5f5f5 url(../images/kehu_bg.jpg); overflow:hidden; padding:20px 0 20px 30px; margin-bottom:35px;} .pro_tj_tit h3{font-weight: 600;font-size: 38px;text-align: left;margin-bottom:20px;border-left: 6px solid #eb0001;color:#fff;display: inline-block; padding-left:15px; line-height:35px; height:35px;margin-top:30px;} .pro_tj_tit h3 a{color:#fff;} .pro_tj_tit p{text-align:left;font-size: 16px;margin-bottom:20px; color:#fff} .pro_kh_yingdao{position: relative;padding-top:70px;overflow: hidden; margin-bottom:40px;} .pro_kh_yingdao .left {width: auto;position: absolute;left: 15px;bottom: 10px; margin-right:2%;} .pro_kh_yingdao .right { background: #fff1f0; padding: 50px 65px 20px 0;overflow: hidden;} .pro_kh_yingdao .right .con{ margin-left:13%;} .pro_kh_yingdao .right .tip{text-indent:0; font-size:16px; color:#3d3d3d} .pro_kh_yingdao .right .tel{ width:52%; float:left; color:#ed2225; font-size:28px; font-weight:bold; margin-top:8px;} .pro_kh_yingdao .right .tel span{ font-size:15px; color:#333; font-weight:normal; vertical-align:center;} .pro_kh_yingdao .btn{display: block; float:right;margin-top: -15px;} .pro_kh_yingdao .btn a img{ width:35px;vertical-align: middle;margin-right: 5px;animation: myfirst 0.5s infinite;display: inline-block;margin-left: 10px;} .pro_kh_yingdao .btn a.baojia{padding:8px 45px;background: #f20d01; color:#fff;font-size: 20px;background: -webkit-gradient(linear, 0% 2%, 60% 10%,from(#f20d01), to(#ff461f));-webkit-box-shadow: #ff461f 0px 2px 5px;-moz-box-shadow: #ff461f 0px 0px 5px; /*box-shadow: #ff461f 0px 0px 5px;*/} .pro_kh{ margin:0 auto; overflow:hidden} .pro_kh li {width: 12.18571%;*width:11.2%; margin: 1%;float:left; } .pro_kh li img{ padding:8px; width:100%; height:auto; background:#fff;border:#d8d8d8 1px solid} .pro_contact{clear:both;background:#FFD8CA;/*box-shadow: -0.4rem 0rem 1.2rem rgba(255, 116, 1,0.3);*/border-radius: 0.5rem;} .pro_contact .left{width: 6rem;float: left;margin: 0;margin: -2rem 0 0 1rem; padding:0rem;} .pro_contact .left img{ width:90%;} .pro_contact .left span{ display:block; background:#FF8455; margin:0.3rem auto 0; color:#fff; height:1.6rem; line-height:1.6rem; font-size:0.9rem;border-radius:2rem; text-align:center} .pro_contact .left span a{color:#fff;} .pro_contact .right{color:#3d3d3d;padding:0.5rem 0.5rem 0.5rem 1rem; margin-left:1rem;position: relative;border-left: 1px dashed #ffad88;} .pro_contact .right:after, .pro_contact .right:before { content: "";position: absolute;left: -4px;width: 8px; height: 8px;background-color: #f2f2f2;border-radius: 999px;} .pro_contact .right:before {top: -.33333rem;} .pro_contact .right:after {bottom: -.33333rem;} .pro_contact .zi{font-size: 1.2rem;margin: 0;line-height: 2rem;padding: 0rem; } .message_zi{margin-left:1rem} .pro_contact .tel{ margin-top:0.5rem; font-size:1.2rem} .video_cate ul{ width:70%; margin-top:40px; /*box-sizing: border-box; -moz-box-shadow: 2px 0 50px rgba(194,205,239) inset; -webkit-box-shadow: 2px 0 50px rgba(194,205,239) inset; box-shadow: 2px 0 50px rgba(194,205,239) inset;padding:30px 8% 30px;border-radius: 20px; */} .video_cate li{float: left;width:25%;text-align: center;position: relative;} .video_cate li:after {position: absolute;background: url(../images/sp_cate_bg.png) no-repeat;content: "";display: block;width: 182px; height: 50px;right: -123px;top: 50%;margin-top: -25px;} .video_cate li:last-child:after{ background:none} .video_cate li img{display: block;margin:0 auto;} .video_cate li .name{font-size:24px;color:#05163f;font-weight: bold;margin-top:10px;display: block} .video_list{margin-top:50px} .video_list ul li{float: left; width:22%; margin:0 1.5% 60px;position: relative;} .video_list li .pic img{display: block;width: 100%;border-radius:0 0 0 20px;} .video_list li .tit{background:#DDE6EC; margin-top: -20px;line-height: 30px;} .video_list .tit h3{float: left;line-height:26px;background:#E4EAF5; color:#282828; font-weight:500;width:97%;padding:30px 0 10px 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .video_list .tit h3 a{color:#111;font-size: 16px;} .video_list ul li:hover h3 a{color:#e61e37;} .video_list .tit .look{float: right;margin-right:20px;} .video_list .pic{text-align: center; display: block; margin: 0 auto;} .video_list h2{font-size: 38px; color: #05163f; text-align: center; font-weight: bold; margin-top: -50px;} .video_list h2 img{display: inline-block; margin-left: -35px; width: 30px; height: 30px; margin-top: -10px;} .video_list ul li .video-time{position: absolute; right: 0; bottom:8px;height:18px; padding:5px 6px; color: #666; background:#D3DDED;border-radius:20px 0 0 20px; font-size: 12px; } .video_show_top{ margin-top:50px;} .video_show_top video{ margin:60px auto; width:1100px; height:620px; text-align:center; display:block} .video_show_top_tit{position: relative; margin: 1rem 0 1rem 0;text-align: center;} .video_show_top_tit h1{ font-size:42px;position: relative;z-index: 2;display: inline-block;padding: 0 1rem; color:#04153C} .video_show_top_tit h1:after,.video_show_top_tit h1:before{ content: '';position: absolute;width:120px;height:2.6rem;top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);} .video_show_top_tit h1:after{left:-100px; background:url(../images/video_icon01.png) no-repeat center center; background-size:82px 21px;} .video_show_top_tit h1:before{right:-100px; background:url(../images/video_icon02.png) no-repeat center center; background-size:82px 21px;} .video_kh_yingdao{position: relative;padding-top:70px;overflow: hidden; margin-bottom:40px;} .video_kh_yingdao .left {width: auto;position: absolute;left:35px;bottom:25px; margin-right:2%;} .video_kh_yingdao .right_box{background:#F4F7FE url(../images/pro_x.png) repeat; padding:15px;} .video_kh_yingdao .right {display: block;box-sizing: border-box;font-size: 18px;color:#05163f;font-weight:bold; background:#fff; padding:30px 65px 30px 0;overflow: hidden;} .video_kh_yingdao .right .con{ margin-left:13%;} .video_kh_yingdao .right .tip{text-indent:0; font-size:16px; color:#3d3d3d} .video_kh_yingdao .right .tel{ width:52%; float:left; color:#ed2225; font-size:28px; font-weight:bold; margin-top:8px;} .video_kh_yingdao .right .tel span{ font-size:15px; color:#333; font-weight:normal; vertical-align:center;} .video_kh_yingdao .btn{display: block; float:right;} .video_kh_yingdao .btn a img{ width:35px;vertical-align: middle;margin-right: 5px;animation: myfirst 0.5s infinite;display: inline-block;margin-left: 10px;} .video_kh_yingdao .btn a.baojia{padding:10px 65px;background: #f20d01; color:#fff;border-radius:30px;font-size: 20px;background: -webkit-gradient(linear, 0% 2%, 60% 10%,from(#f20d01), to(#ff461f));-webkit-box-shadow: #ff461f 0px 2px 10px;-moz-box-shadow: #ff461f 0px 0px 10px; /*box-shadow: #ff461f 0px 0px 5px;*/} .video_pro{ margin-top:60px;} .video_pro .tit{ width: 100%; overflow:hidden} .video_pro .tit h3{ font-size:32px;float:left; display: inline-block;color:#07284E;background: url(../images/rete_pro.png) no-repeat left center; background-size:35px 35px; text-indent:43px; margin-bottom:20px;} .video_pro .tit span{ color:#666;float: right;font-size:16px;padding-top: 20px;font-weight: 500;} .video_pro ul{ margin-left:-3.5%} .video_pro li{ width:21.3%; margin-left:3.5%; border:#f0f3fa 1px solid; box-shadow: 2px 0 20px rgba(21, 53, 129, 0.1);background:#fff; float:left} .video_pro li a{display: block} .video_pro li .img{padding:4%; margin:0 auto; text-align:center; display:block} .video_pro li h4{font-size: 16px;color:#333; background:#DCE3F1; padding:15px 0;text-align:center;line-height: 24px;} .video_pro li h4 a{color:#333;} .video_pro li:hover img {filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7 } .video_pro li:hover h4 a{color:#FF3F3C;} .related_videos{ margin-top:60px;} .related_videos .tit{ width: 100%;overflow:hidden} .related_videos .tit h3{ font-size:32px; float:left; color:#07284E; display: inline-block;background: url(../images/rete_video.png) no-repeat left center; background-size:35px 30px; text-indent:43px; margin-bottom:20px;} .related_videos .tit span{ color:#666;float: right;font-size:16px;padding-top: 20px;font-weight: 500;} .related_videos ul{ margin-left:-2.8%} .related_videos li{width:22%; margin-left:2.8%; float:left; overflow: hidden;} .related_videos li a{display: block;overflow:hidden;position: relative;} .related_videos li img{ width:100%; height:auto; _height:163px; -moz-transition:all 0.35s ease; -o-transition:all 0.35s ease;transition:all 0.35s ease; -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); float:left;} .related_videos li a span.icon-bg{ display:none;} .related_videos li a span.icon-plus{ background:none; width:60px; height:60px; position:absolute; left:40%; top:-60px;transition:all 0.15s ease 0s; -moz-transition:all 0.15s ease 0s; -webkit-transition:all 0.15s ease 0s; -ms-transition:all 0.15s ease 0s; -o-transition:all 0.15s ease 0s; display:block;} .related_videos ul li a:hover span.icon-bg{ display:block; position:absolute; left:0; top:0; width:100%; height:200px; background: rgba(0,0,0,0.5);} .related_videos ul li a:hover span.icon-plus{ display:block; background: url(../images/sp_ico.png) no-repeat; background-size:40px; position:absolute; left:43%; top:40%; width:60px; height:60px; transition:all 0.15s ease-out 0s; -moz-transition:all 0.15s ease-out 0s; -webkit-transition:all 0.15s ease-out 0s; -ms-transition:all 0.15s ease-out 0s; -o-transition:all 0.15s ease-out 0s;} .related_videos li a.tit {display: block;} .related_videos .pro_time{ background: #f0f3fa;padding: 15px 0; font-weight:600; color:#07284E;text-align:center;position: absolute;right: 0;bottom: 0; background: none repeat scroll 0 0 rgba(0,0,0,0.6);height: 20px; line-height: 20px; padding:0 5px;color: #fff;font-size: 12px;} .related_videos h4{ font-size: 16px;color:#333; padding:15px 0;text-align:center;line-height: 24px; font-weight:500;} /*case开始*/ .case_top{ width:100%; margin:0 auto 60px;background: #31395B; padding:10px 0 50px} .case_top h1{ font-size: 34px;color:#fff; margin-top:20px; margin-bottom:8px; display: inline-block;color: #c3311c;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: -webkit-linear-gradient(left,#ffffff,#F3F5FD);} .case_top h1:before {background: url(../images/case_ico0.png) no-repeat; display: inline-block; content: "";width: 35px; height:37px; background-size: 30px;vertical-align:middle;} .f_tit{ color:#C1C7DE; font-size:18px;} .case_top_con{ width:100%; overflow:hidden; margin-top:20px;} .case_top_con_left{ float:left; width:73%;} .case_top_con_left img{ width:100%;border-radius: 0 50px 0 50px; height:auto} .case_top_con_right{ float:left; width:25%; margin-top:30px;} .case_contact {width:100%;margin:40px 0 0 0;position:relative} .case_contact span:after {content: '';width: 98px;height: 160px;display: block;background: url(../images/case_kefu.png) no-repeat;background-size: contain;position: absolute;left:-30px;top: -40px;} .case_contact .prony_order {display:block;width:85%; margin-top:8px; float:left} .case_contact .prony_order a{display:block;font-size:18px;background-color: #c9221e;background-image: linear-gradient(90deg, #FF5A69 30%, #eb0001 50%, #FF2434);background-position: left center;background-size: 200% 100%; background-repeat: no-repeat;transition: background-position .6s ease;padding:12px 0;text-align:center; color:#fff;border-radius:40px 25px 0 30px;} .case_contact .prony_order a:hover{background-position:right center; } .case_contact .prony_order a:hover {background:#ff4a00;} .case_top_con_right_zi_bg{background:#F2F6FF url(../images/pro_x.png) repeat repeat; overflow:hidden; width:100%;margin-left:-30px; padding:4%; overflow:hidden} .case_top_con_right_zi{ background:#fff;box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2); width:92%; padding:5% 3% 5% 5%; overflow:hidden} .case_top_con_right_zi p{ padding:10px 0; line-height:30px;} .case_top_con_right_zi span{ display:block; margin:10px 0; line-height:30px;} .case_tel{font-size: 20px;width:100%;background: url(../images/case_tel.png) no-repeat left top; background-size:50px; margin:20px 0 0; padding-left:70px; } .case_tel span{font-size: 14px; margin:0; line-height:18px} .case_tel a{color: #eb0001;font-size:32px;font-weight: 600; line-height:30px;} .case_top_con_right_ser{ background:#Fff;box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2);border-radius:0 40px 40px 0; width:92%; padding:4%; overflow:hidden} .case_top_con_right_ser p{ padding:10px 0 10px 30px;background: url(../images/case_ico1.png) no-repeat 5px center; } .jl30{ margin-top:30px;} /*case结束*/ /*宝马展样式 begin*/ /*.jquery-lightbox-overlay { background:#07284E000; -webkit-tap-highlight-color: rgba(0,0,0,0); } .jquery-lightbox { position:relative; padding:17px 0; } .jquery-lightbox-border-top-left, .jquery-lightbox-border-top-right, .jquery-lightbox-border-bottom-left, .jquery-lightbox-border-bottom-right { position:absolute; height:18px; width:12%; z-index:7000; } .jquery-lightbox-border-top-middle { position:absolute; height:7px; width:78%; top:0; left:12%; z-index:7000; overflow:hidden; } .jquery-lightbox-border-bottom-middle { width:78%; position:absolute; bottom:0; left:12%; z-index:7000; overflow:hidden; } .jquery-lightbox-title { background:#2b2b2b; color:#FFFFFF; font-family:verdana,arial,serif; font-size:11px; line-height:14px; padding:5px 8px; margin:3px; position:absolute; bottom:0; z-index:7000; opacity:0.9; } .jquery-lightbox-html { z-index:7000; position:relative; border:0; padding:0px 15px; vertical-align:top; } .jquery-lightbox-html embed, .jquery-lightbox-html object, .jquery-lightbox-html iframe { vertical-align:top; display:block; } .jquery-lightbox-background { position:absolute; z-index:6999; float:left; cursor:pointer; padding:0; } .jquery-lightbox-background img { display:block; position:relative; border:0; margin:0; padding:0; width:100%; height:100%; } .jquery-lightbox-mode-image .jquery-lightbox-html { z-index:6998; padding:0; } .jquery-lightbox-mode-html .jquery-lightbox-background { background:#FFFFFF; } .jquery-lightbox-mode-html .jquery-lightbox-html { overflow:auto; } .jquery-lightbox-loading, .jquery-lightbox-mode-html .jquery-lightbox-loading { } .jquery-lightbox-button-close { background: url(/images/jquery-lightbox-theme.png) no-repeat -190px -115px; position:absolute; top:12px; right:-26px; width:29px; height:29px; } .jquery-lightbox-button-close:hover { background: url(/images/jquery-lightbox-theme.png) no-repeat -220px -115px; } .jquery-lightbox-button-close span, .jquery-lightbox-buttons span { display:none; } .jquery-lightbox-mode-image .jquery-lightbox-button-close { right:14px; z-index:7002; } .jquery-lightbox-buttons { position:absolute; top:7px; left:7px; z-index:7001; height:39px; display:none; } .jquery-lightbox-buttons .jquery-lightbox-buttons-init, .jquery-lightbox-buttons .jquery-lightbox-buttons-end { width:5px; height:39px; float:left; display:inline; } .jquery-lightbox-buttons .jquery-lightbox-buttons-init { background: url(/images/jquery-lightbox-theme.png) no-repeat -151px -153px; margin:7px 0 0 7px; } .jquery-lightbox-buttons .jquery-lightbox-buttons-end { background: url(/images/jquery-lightbox-theme.png) no-repeat -244px -153px; margin:7px 0 0 0; } .jquery-lightbox-buttons .jquery-lightbox-button-left { background: url(/images/jquery-lightbox-theme.png) no-repeat -156px -153px; width:24px; height:39px; float:left; display:inline; margin:7px 0 0 0; } .jquery-lightbox-buttons .jquery-lightbox-button-left:hover { background: url(/images/jquery-lightbox-theme.png) no-repeat -156px -194px; } .jquery-lightbox-buttons .jquery-lightbox-button-right { background: url(/images/jquery-lightbox-theme.png) no-repeat -220px -153px; width:24px; height:39px; float:left; display:inline; margin:7px 0 0 0; } .jquery-lightbox-buttons .jquery-lightbox-button-right:hover { background: url(/images/jquery-lightbox-theme.png) no-repeat -220px -194px; } .jquery-lightbox-buttons .jquery-lightbox-button-max { background: url(/images/jquery-lightbox-theme.png) no-repeat -182px -153px; width:36px; height:39px; float:left; display:inline; margin:7px 0 0 0; } .jquery-lightbox-buttons .jquery-lightbox-button-max:hover { background: url(/images/jquery-lightbox-theme.png) no-repeat -182px -194px; } .jquery-lightbox-buttons .jquery-lightbox-button-min { background: url(/images/jquery-lightbox-theme.png) no-repeat -162px -235px; width:36px; height:39px; float:left; display:inline; margin:7px 0 0 0; } .jquery-lightbox-buttons .jquery-lightbox-button-min:hover { background: url(/images/jquery-lightbox-theme.png) no-repeat -207px -235px; } .jquery-lightbox-buttons-custom { height:39px; float:left; display:inline; background:#2b2b2b; line-height:39px; font-size:10px; margin:7px 0 0 0; } .jquery-lightbox-buttons-custom a { color:#FFFFFF; font-size:10px; display:inline; font-weight:normal; text-decoration:underline; padding:0 3px; } .jquery-lightbox-mode-image .jquery-lightbox-button-close { opacity:0.7; } .jquery-lightbox-mode-image .jquery-lightbox-buttons { opacity:0.3; } .jquery-lightbox-mode-image:hover .jquery-lightbox-buttons, .jquery-lightbox-mode-image:hover .jquery-lightbox-button-close { opacity:0.9; } .jquery-lightbox-navigator { display:none; } .jquery-lightbox-hide { display:none; }*/ /*宝马展样式 end*/ /* Retina: */ @media screen and (max-device-width: 640px), screen and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 768px) and (max--moz-device-pixel-ratio: 2) { .jquery-lightbox-button-close, .jquery-lightbox-button-close:hover, .jquery-lightbox-border-top-left, .jquery-lightbox-border-top-right, .jquery-lightbox-border-bottom-left, .jquery-lightbox-border-bottom-right, .jquery-lightbox-buttons .jquery-lightbox-buttons-init, .jquery-lightbox-buttons .jquery-lightbox-buttons-end, .jquery-lightbox-buttons .jquery-lightbox-button-left, .jquery-lightbox-buttons .jquery-lightbox-button-left:hover, .jquery-lightbox-buttons .jquery-lightbox-button-right, .jquery-lightbox-buttons .jquery-lightbox-button-right:hover, .jquery-lightbox-buttons .jquery-lightbox-button-max, .jquery-lightbox-buttons .jquery-lightbox-button-max:hover, .jquery-lightbox-buttons .jquery-lightbox-button-min, .jquery-lightbox-buttons .jquery-lightbox-button-min:hover { background-size: 834px auto; } .jquery-lightbox-button-close { background-position:-380px -230px; width:58px; height:58px; right:-52px; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; } .jquery-lightbox-button-close:hover { background-position:-440px -230px; } .jquery-lightbox-buttons .jquery-lightbox-buttons-init, .jquery-lightbox-buttons .jquery-lightbox-buttons-end { width:10px; height:78px; } .jquery-lightbox-buttons .jquery-lightbox-buttons-init { background-position: -302px -306px; } .jquery-lightbox-buttons .jquery-lightbox-buttons-end { background-position: -488px -306px; } .jquery-lightbox-buttons .jquery-lightbox-button-left { background-position: -312px -306px; width:48px; height:78px; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; } .jquery-lightbox-buttons .jquery-lightbox-button-left:hover { background-position: -312px -388px; } .jquery-lightbox-buttons .jquery-lightbox-button-right { background-position: -440px -306px; width:48px; height:78px; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; } .jquery-lightbox-buttons .jquery-lightbox-button-right:hover { background-position: -440px -388px; } .jquery-lightbox-buttons .jquery-lightbox-button-max { background-position: -364px -306px; width:72px; height:78px; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; } .jquery-lightbox-buttons .jquery-lightbox-button-max:hover { background-position: -364px -388px; } .jquery-lightbox-buttons .jquery-lightbox-button-min { background-position: -324px -470px; width:72px; height:78px; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; } .jquery-lightbox-buttons .jquery-lightbox-button-min:hover { background-position: -414px -470px; } } @media(min-width:1366px){ .header_inside .container{width:1366px;} } @media(min-width:1440px){ .header_inside .container{width:1440px;} } @media(min-width:1600px){ .header_inside .container{width:100%;padding:0px 8%} .header .logo{margin-left:0px;} } /**/ .header_scroll {padding-top:8px; padding-bottom:8px;background:rgba(0,0,0,0.5);/*#424355 url(/images/nav_bg_s.jpg) repeat-x*/!important;position: fixed !important;top: 0 !important;box-shadow: 0 0 20px 0 rgba(12,30,72,0.1);-webkit-box-shadow: 0 0 20px 0 rgba(12,30,72,0.1);-moz-box-shadow: 0 0 20px 0 rgba(12,30,72,0.1); z-index: 50;-webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);-moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);-o-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1); z-index:999999999} .header_scroll .logo{width:12%;-webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);-moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);-o-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);background: none;line-height: 1;height: auto;padding-top: 0px;} .header_scroll ul li{float:left; padding-top:7px;} .header_scroll ul li a{color:#fff;} .header_scroll ul li a:hover,.header_scroll ul li#on a{color:#ff9600;} /*=======================header end===================*/ @media only screen and (max-width:3840px){/*.pro_fenlei{left:30%}*/.pt1 .pd {padding:3.9% 3.8%;}} @media only screen and (max-width:3440px){/*.pro_fenlei{left:28%}*/ } @media only screen and (max-width:2560px){.gaide-banner .gaide-lc{ margin-left:13%;}.pro_banner{ background-size:auto}/*.pro_fenlei{left:21%}*/} @media only screen and (max-width:1920px){.gaide-banner .gaide-lc{ margin-left:0}/*.pro_fenlei {left:10%;}*/} @media only screen and (max-width:1680px){/*.pro_fenlei{left:5%}*/ .pt1 .pd {padding:4% 3.8%;}} @media only screen and (max-width:1600px){ .pro_banner{height: auto;padding: 20% 0 23% ;background-size:100%;} .port-1 .text-desc p{font-size: 20px;margin-bottom: 4px;} .port-1 .text-desc h4{margin-bottom: 15px;} .pro-list .pro-arr img{max-width: 90%;} .about_banner,.sol_banner,.new_banner,.ban_lxbg,.service_banner{height: auto;} .pro_banner .pro_ban1{margin-top: 2%;} .gaide-banner .gaide-lc{ margin-left:2%;} /*.pro_fenlei{left:3%;bottom:2%;}*/ .case-five{ padding:50px 0} .pt1 .pd {padding: 3.9% 3.8%;} } @media (max-width:1560px){ .wrap,.wrap1,.adv_pro1,.adv_pro2, .adv_pro3, .adv_pro4, .adv_pro5, .adv_pro6,.opc0,ser-two{width:99%;} ._con .icc,._con .ic{ display:none} .ul-sec-case .txt h3 a{ font-size:16px; line-height:28px;} .ul-sec-case .txt{ bottom:-170px} .ul-sec-case li .item{ padding-bottom:50px;} .pro_choose{ margin-top:30px; margin-bottom:10px;} .pro_choose h3,.pro-two h2, .pro-three h2, .pro-four h2,.pro_ser h3,.pro-five h2{ font-size:36px} .ser-two ul li p a{ font-size:20px;} .ser-one, .ser-two, .ser-three, .ser-four{ margin-top:40px;} .case-two-tit{ width:80%;} .lx_con {width: 70%;/* margin: 0 auto; */ float: right; margin-right:2%} .gaide-two{padding: 30px 0;} .gaide-two .right{width: 44%;} .gaide-two .left{text-align: right;padding-left: 20px;} .gaide-one .right p, .gaide-two .left p{text-align-last: left;} .pro_list dl{margin: 0 2% 3% 2%;} .pro_list{ margin:0 auto; width:100%} .pro_fenlei li a{margin: 0 20px;} .pro_list .tj_tit{margin: 20px 2% 30px 2%;} #class1{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .pro_banner {background-size: auto;} .case-five{ padding:50px 0} } @media (max-width:1440px){ .pro-r .baojia .pro-tel a{ font-size:30px} .pro-r .pm strong{ width:18%} .pro-r .pm span{ width:80%} .pro-five{ margin:0 auto} .adv_pro2,.content_2, .content_3, .adv_pro4, .content_4,.pro-four,.jt_top90{ margin-top:40px;} .pro-r h1{ font-size:26px;} /*.pro_fenlei {left: 8%;} */ .header_scroll .logo{ width:16%;} .header ul{ width:70%; padding-top:5px; } .header_scroll {padding-top: 5px;} .box{margin: 0 1%;} .gaide-banner .gaide-lc{top:20%;} .gaide-lc ul{margin-top: 30px;} .gaide-lc ul .con p{display: none;} .parhd li{ font-size:14px;} .pt1 .pd {padding: 3.2% 3.8%;} .pro_list dd h3{ font-size:23px;}} @media (max-width:1366px){ .pro-r .baojia .pro-tel a{ font-size:24px} .pro_banner .pro_ban1{margin-top: 0;} .com-new .new-l li{margin: 0 0 10px 0;padding: 33px;} .gaide-lc ul .open .item{float: none;margin: 0;} .pro-r .ptop p:nth-child(1),.pro-r .ptop p:nth-child(2),.pro-r .ptop p:nth-child(3){background-size: 34px 34px;} .pro-r .baojia .pro-tel{background-size:40px 40px;} .pro_choose h3,.pro-two h2, .pro-three h2, .pro-four h2,.pro_ser h3,.pro-five h2,.pro_tit_h2,.aj_lx h2,.ser-one h1, .ser-two h2, .ser-three h2, .ser-four h2,.new-bag .tit h2,.pro_ban ._sub,.com-new h2,.new-cp h2,.about-sub-title h2,.about-xz h2,.pro_ban1 ._sub,.product_center .product_center_title,.pgwSlideshow .tt,.case-two h2,.case-four h3,.new-content h1,.lx_info h1{ font-size:30px} .case-three h3,.newd-tj h3,.left_form h3{ font-size:28px;} .ser-four-l h4, .ser-four-r h4,.ser-two ul li h4{ font-size:26px;} .pro-r .pm strong{ width:20%} .pro-r .pm span,.lx_info{ width:78%} .pro_ser blockquote{ font-size:16px;} .tit-en{ font-size:100px;} .new_banner{ height:auto;} .opc0 .right .cont .tit{ font-size:60px;} .opc0 .right .cont{ padding-top:5%} .pro_ban ._sub,.new_banner p{ margin-bottom:15px;} .parbd h4{ padding-top:0} .parbd p{ font-size:14px;} /*.pro_fenlei {left: 6.5%;} */ .product_list{ padding:0} .pgwSlideshow .tt{margin:0px auto 20px;} .pgwSlideshow{ padding-top:90px} .case-one .pdrt a{ width:70%;} .case-two-tit{ width:100%; margin-top:10px;} .case-three, .case-five {padding: 30px 1%;} .case-four ul{ width:100%} .case-five-r p{ font-size:14px;line-height:26px;} .ivideo_banner.act .cover .text1{background-size: auto 90%;} .new-content{ margin-top:40px;} .ser_banner{ height:600px;} .pt1 .pd {padding: 2.8% 3.8%;} } @media (max-width:1280px){ .pro-r .ptop p:nth-child(1),.pro-r .ptop p:nth-child(2),.pro-r .ptop p:nth-child(3){ background:none; padding-left:0} .pro-r .ptop p{ width:28%} .pro-r .pm strong{ width:22%} .pro-r .pm span{ width:76%} .pro-l{ margin-top:40px; margin-bottom:60px;} .pro-r{ margin-top:35px;} .message{ margin-top:40px;} .ser-four-l .text,.ser-four-r .text1,.ser-four-r .text2{ padding-left:20%;} .ser-two ul li p{ font-size:13px; line-height:26px;} .new-bag .new-bg-r h4{ padding-top:0} .new-bag .new-bg-r ul,.com-new h2{ margin-top:20px;} .new-bag .new-bg-r li h3{ font-size:14px; margin-top:10px} .new-bag .tit{ padding-top:30px;} .new-bag{ height:520px;} .com-new{ margin:0 auto 50px;} .case-two-tit{ font-size:14px;} .new-content .cont .left{ width:72%} .new-content .cont .right{ width:26%} .daodu p.tip{ font-size:13px;} .daodu .tool a.baojia{padding: 8px 20px;} .product_list ul li{padding:40px 0.5% 15px;width: 21.7%;} .gaide-banner .gaide-lc{top: 140px;} .gaide-lc ul,.com-new .new-l li:nth-child(4){display: none;} .pro_list dd h3{ font-size:20px;} /*.pro_fenlei {left: 1%;}*/ .pro_fenlei li a{ margin:0 30px} .pt1 .pd .name{ font-size:13px;} .desc{ font-size:12px; line-height:26px;} .common_btn{ margin-top:20px;} .pt1 .pd .img_list,.tj_pro{ margin-bottom:0} .pt1 .pd{ padding:4.3% 3.8%} .pro_ser{ margin:40px auto;} .left_form .tit p{padding: 15px 0 15px 11%; font-size:12px;} } @media (max-width:1170px){ .pro-r .pm strong{ width:24%} .pro-r .pm span{ width:74%} .pro-r .baojia .get-price{height:46px;line-height: 46px; width:36%; font-size:18px;} .pro-r .baojia .pro-tel{ width:57%} .pro-l .pro-bot span{ font-size:15px;} .pro_list .pm:nth-child(2),.product_list .bj-btn1{ display:none} .sub_tit_h3{ font-size:22px;} .ser-two ul li div{ width:55%;} .new_banner{ height:500px} .opc0 .right .cont .tit,.opc0 .right .cont .num_area .nums .num,.opc0 .right .cont .num_area .nums .jia{ font-size:40px;} .opc0 .right .cont{ padding-top:5%} .about_us .pt1 .r_box .pd li{ font-size:14px;} .sol_banner { background-size: 100% 100%;} .product_center .solution_list .list_text_box {padding:50px 70px 0;} .header_scroll .logo{ width:18%;} .case-one .pdrt .num {font-size:30px;} .ul-sec-case .txt h3 a{ font-size:14px;} .pro_list dd h3{ font-size:16px;} .pro_fenlei li a{ margin:0 15px} .about_us .jianjie .r_box .pd ul{ margin:5px 0} .pro-r .pm{ display:none} .parbd p{ line-height:30px;} .pt1 .pd{ padding:3.8% 3.8%} /*.pro_fenlei li:after{ right:43%} .pro_fenlei {left:4%;}*/ .pro_kh_yingdao .right .con{margin-left: 16%;width: 60%;} .pro_kh_yingdao .right .tel{ width:100%} } @media (max-width:1024px){ .pro-r .pm strong{ width:26%} .pro-r .pm span{ width:72%} .pro-l .pro-bot span{ font-size:13px;} .pro_choose{ padding:20px 0} .pro_ser blockquote,.ul-sec-case .txt,.opc0 .right .cont ul{ display:none} .ul-sec-case li .item{ padding-bottom:0} .pt1 .pd{ padding:2.8% 3.8%} .pro_fenlei li a{ margin:0 10px} .left_form .tit p{ background-image:none; padding: 15px 0 15px 3%; font-size:12px; width:96%} .pro_kh_yingdao .right .con{ margin-left: 18%;width: 55%;} .pro_kh_yingdao .right .tel{ width:100%} /*.pro_fenlei {left: 2%;}*/ .nav-bar .right a{ margin-left:10px;padding-right:10px;} .nav-bar .right{ margin-right:10px;} } @media (max-width:999px){ .pro-r .pm,.pro-top,.pro_ser,.pro-r .ys,.content_1 embed,.header ul li a .down{ display:none} .pro-r .baojia .pro-tel a{ font-size:22px} .pro-r .baojia .pro-tel{ width:62%;} .pro-r .baojia .pro-tel { background-size: 34px 34px;} .pro-r .baojia .get-price {height: 40px;line-height: 40px;width: 34%;font-size: 16px;} .header .logo{ width:25%} .header_home ul li{ padding-top:10px;}} @media (max-width:767px){ .pro_choose h3,.pro-two h2, .pro-three h2, .pro-four h2,.pro_ser h3,.pro-five h2,.pro_tit_h2,.left_form h3{ font-size:24px} .pro-l,.pro-r,.w65,.w70,.left_form,.header ul,.w40{ width:100%;} .pro-five li h4{ font-size:14px;} .adv_pro2 li{ width:45%;} ._con p,.pdico,.right_contact,.header .logo,.copyrights,.w30,.w25,.w55,.pro_choose,.pro-r .ys{ display:none} .pro-r h1{ font-size:24px; border-bottom:#f1f1f1 1px solid; padding-bottom:10px;} .pro-r,.pro-l{ margin-top:20px;} .pro-l{ margin-bottom:0} .m30{ margin-top:0} .pro-r .ptop{ padding:0 ; border:0} .pro-r .ptop p{ width:100%;} .pro-r .ptop p:nth-child(1) { margin-bottom:10px;} .pro-r .ptop p:nth-child(1) strong {font-size: 13px;font-weight: bold;display: inline-table;background: url(../images/jl.png) 5px center no-repeat #FCE4C2;text-indent: 18px;background-size: 15px;padding: 0 5px;color: #ff4a00;border-radius: 10px;margin-right: 6px;} .pro-r .ptop p:nth-child(2) strong {font-size: 13px;font-weight: bold;display: inline-table;background: url(../images/jl2.png) 5px center no-repeat #FCE4C2;text-indent: 18px;background-size: 15px;padding: 0 5px;color: #ff4a00;border-radius: 10px;margin-right: 6px;} .pro-r .ptop p:nth-child(1) span,.pro-r .ptop p:nth-child(2) span {font-size: 14px;margin-bottom: 7px; font-weight:500; display:contents} .pro_list .pm:nth-child(1),.pro-r .pm{ display:block} .pro-r .pro_list{ margin-top:10px;} .pro-r .baojia{ margin:20px auto 40px;} .pro-r .baojia .get-price{ width:100%; font-size:20px; height:46px; line-height:46px;} .pro-r .baojia .pro-tel{ width:100%; margin-top:25px;} .pro-r .baojia .pro-tel a{ font-size:30px;} .pro-r .baojia .pro-tel{ background-size:50px 50px;} .pd_guide a{ font-size:16px} .sub_tit_h3{ font-size:20px;} .content_1 p, .content_2 p, .content_3 p,.pro_tit_h4 p{ font-size:13px; line-height:26px;} .pro_tit_h2,.pro-two h2, .pro-three h2, .pro-four h2{ padding-bottom:10px;width: 200px; margin-bottom:20px;} .adv_pro2, .content_2, .content_3, .adv_pro4, .content_4, .pro-four, .jt_top90{ margin-top:20px;} .left_form ul li.wenb{ width:100%} .left_form ul li textarea{ width:85%;} ._con h3{ font-size:16px;} ._con h4{ font-size:13px; line-height:26px;} .pro-r .pm strong{ width:auto; float:none} .pro-r .pm span{ width:auto; float:none;display:contents} .header ul{ padding-top:0} .header_home ul li { padding-top: 10px;} } @media (max-width:480px){ .pro_choose li,.pro-five li{ width:47%; margin:0 1.5% 4%;} .adv_pro2 li{ width:100%} } .floating_ck{position:fixed;right:0;bottom:28%;*bottom:26%; z-index:999} .floating_ck dl dd{position:relative; background-color:/*#FF4639*/#E60012; margin-bottom:3px;text-align:center;cursor:pointer;} .floating_ck dl dd a,.floating_ck dl dd p{ width:100%; position:relative } .floating_ck dl dd img{ margin:0 auto; text-align:center} .floating_ck dl dd p{ text-align:center} .floating_ck dl dd:hover .floating_left{display:block;} .quote,.qrcord{ padding:8px 0 4px} .floating_ck dl dd a,.floating_ck dl dd p{ color:#fff} .floating_ck dl dd a img{ display: inline-block; text-align:center; margin:0 auto} .floating_left{position:absolute;left:-190px;top:0px;width:300px; z-index:999;height:70px; line-height:70px;background:#E60012 ; display:none;} .floating_left a{color: #fff;} .floating_ewm p{color: #Fff;} .floating_ewm .qrcord_p01{font-size:12px;line-height:20px;} .floating_ewm .qrcord_p02{font-size:20px;} .proclassdivcss { padding-top: 8px; padding-bottom: 8px; position: fixed !important; top: 0 !important; z-index: 50; z-index: 999999999; display:block; height:50px; } .proclassdivcss .dot_icon,.proclassdivcss li:after{ display:none} .proclassdivcss li{ width:17%; margin:0 1.5%} .is-ie8 {display:block;width:90%;height:50px;border:1px dashed #f7685e;background-color:#ff4c44;margin:10px auto;padding:0 20px;} .is-ie8 span {display:inline-block;height:48px;line-height:48px;font-size:16px;color:#e5e5e5;position:relative;padding-left:24px;} .is-ie8 span i {display:block;width:18px;height:18px;position:absolute;left:0;top:15px;background:url("../images/icon_notice2.png") center center no-repeat;} .is-ie8 a {display:inline-block;height:48px;line-height:48px;font-size:16px;color:#fff;font-weight:bold;text-decoration:underline;} .fixed-aside *{box-sizing:border-box;} .fixed-aside{box-sizing:border-box;width:140px;height:432px;position:fixed;right:10px;bottom:28%;background:url(../images/fixed_swt_bg.png) left top no-repeat;border-radius:140px;z-index:9999;-webkit-box-shadow:0 6px 24px rgba(98,9,7,0.3);-moz-box-shadow:0 6px 24px rgba(98,9,7,0.3);box-shadow:0 6px 24px rgba(98,9,7,0.3);transition:all .3s linear;padding-top:120px}.fixed-aside:hover{-webkit-box-shadow:0 6px 12px rgba(98,9,7,0.1);-moz-box-shadow:0 6px 12px rgba(98,9,7,0.1);box-shadow:0 6px 12px rgba(98,9,7,0.1)}.fixed-aside .btn-zx{padding:0 4px}.fixed-aside .btn-zx span{display:block;width:58px;height:58px;border-radius:100%;background:-webkit-linear-gradient(#e6b863, #f4d591);background:linear-gradient(#e6b863, #f4d591);-webkit-box-shadow:0 0 3px rgba(255,226,165,0.3);-moz-box-shadow:0 0 3px rgba(255,226,165,0.3);box-shadow:0 0 3px rgba(255,226,165,0.3);position:relative;cursor:pointer}.fixed-aside .btn-zx span:before,.fixed-aside .btn-zx span:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0}.fixed-aside .btn-zx span:before{background:url(../images/fixed_swt_msg.png) left top no-repeat}.fixed-aside .btn-zx span:after{-webkit-animation:scaleChange 1s linear infinite;animation:scaleChange 1s linear infinite;background:url(../images/fixed_swt_arrow.png) left top no-repeat}.fixed-aside .link-zx{height:40px;line-height:40px;font-size:20px;font-weight:bold;color:#f3d38f;text-align:center;-webkit-text-shadow:4px 4px 5px rgba(98,9,7,0.5);-moz-text-shadow:4px 4px 5px rgba(98,9,7,0.5);text-shadow:4px 4px 5px rgba(98,9,7,0.5);cursor:pointer;transition:all .3s linear}.fixed-aside .link-zx:hover{color:#fff;-webkit-text-shadow:4px 4px 5px rgba(98,9,7,0.2);-moz-text-shadow:4px 4px 5px rgba(98,9,7,0.2);text-shadow:4px 4px 5px rgba(98,9,7,0.2)}.fixed-aside .swt-phone{position:relative;padding:4px 20px 8px;cursor:pointer}.fixed-aside .swt-phone span{display:block;position:relative}.fixed-aside .swt-phone .icon-img{transition:all .3s linear}.fixed-aside .swt-phone .icon-img:before{content:'';display:block;height:1px;width:100%;position:relative;left:0;top:0;background:#fff;opacity:.5}.fixed-aside .swt-phone .icon-price{height:64px;background:url(../images/fixed_swt_price.png) center bottom no-repeat}.fixed-aside .swt-phone .icon-phone{height:58px;background:url(../images/fixed_swt_phone.png) center bottom no-repeat}.fixed-aside .swt-phone .txt-font{transition:all .3s linear;height:18px;line-height:18px;font-size:16px;color:#fff;text-align:center;-webkit-text-shadow:4px 4px 5px rgba(98,9,7,0.5);-moz-text-shadow:4px 4px 5px rgba(98,9,7,0.5);text-shadow:4px 4px 5px rgba(98,9,7,0.5)}.fixed-aside .swt-phone .ewm-panel{height:90px;width:270px;position:absolute;right:20px;top:20px;border:1px solid #e6b863;background:#fff;background:-webkit-linear-gradient(to right, #fff, rgba(255,255,255,0.95));background:linear-gradient(to right, #fff, rgba(255,255,255,0.95));padding-left:90px;visibility:hidden;transition:all .3s linear;opacity:0;-webkit-box-shadow:0 0 3px rgba(255,226,165,0.3);-moz-box-shadow:0 0 3px rgba(255,226,165,0.3);box-shadow:0 0 3px rgba(255,226,165,0.3)}.fixed-aside .swt-phone .ewm-panel .img-ewm{display:block;position:absolute;left:0;top:0;height:88px}.fixed-aside .swt-phone .ewm-panel span{display:block}.fixed-aside .swt-phone .ewm-panel .txt-span{height:22px;line-height:22px;font-size:16px;color:#924c09;margin-top:8px}.fixed-aside .swt-phone .ewm-panel .txt-phone{height:28px;line-height:28px;font-size:20px;font-weight:bold;color:#d11c18}.fixed-aside .swt-phone .ewm-panel .txt-guide{height:24px;line-height:24px;color:#000000;font-size:16px;text-decoration:underline}.phone-ewm:hover .ewm-panel{visibility:inherit;opacity:1;top:10px}.swt-price:hover .icon-img,.phone-ewm:hover .icon-img{opacity:.8}.swt-price:hover .txt-font,.phone-ewm:hover .txt-font{color:#f3d38f;-webkit-text-shadow:4px 4px 5px rgba(98,9,7,0.2);-moz-text-shadow:4px 4px 5px rgba(98,9,7,0.2);text-shadow:4px 4px 5px rgba(98,9,7,0.2)}.back-top{width:100px;height:40px;border-radius:40px;background:#fff;position:fixed;z-index:9999;bottom:21%;right:30px;-webkit-box-shadow:0 6px 24px rgba(222,56,53,0.3);-moz-box-shadow:0 6px 24px rgba(222,56,53,0.3);box-shadow:0 6px 24px rgba(222,56,53,0.3);cursor:pointer;transition:all .3s linear}.back-top span{display:block;width:16px;height:16px;position:absolute;left:50%;top:50%;margin:-8px 0 0 -8px;border-top:1px solid #e15856}.back-top span:after{content:'';display:block;position:absolute;width:12px;height:12px;border-top:1px solid #d51511;border-right:1px solid #d51511;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);top:8px;left:2px;-webkit-animation:backTop 1s linear infinite;animation:backTop 1s linear infinite}.back-top:hover{-webkit-box-shadow:0 6px 12px rgba(222,56,53,0.1);-moz-box-shadow:0 6px 12px rgba(222,56,53,0.1);box-shadow:0 6px 12px rgba(222,56,53,0.1)}@keyframes backTop{0%,100%{top:8px}50%{top:5px}}@-webkit-keyframes backTop{0%,100%{top:8px}50%{top:5px}}@keyframes scaleChange{0%,100%{transform:scale(1)}50%{transform:scale(0.6)}}@-webkit-keyframes scaleChange{0%,100%{transform:scale(1)}50%{transform:scale(0.6)}} .displaynone{display: none;} /* * video_open */ .video_window { display: none; width: 800px; height: 485px; position: fixed; left: 50%; top: 50%; z-index: 10000; margin: -300px 0 0 -400px; } .video_window_rela { position: relative; height: 100%; } .video_window_close { position: absolute; right: -12px; top: -12px; width: 20px; color: #fff; font-size: 18px; height: 20px; font-family: arial; line-height: 20px; text-align: center; cursor: pointer; } .video_window_mask { display: none; position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); } .video_window_ifeame{ background:#333; border: 0; } @media screen and (min-width: 768px) and (max-width: 992px){ .video_window{ width:600px; height: 400px; margin: -200px 0 0 -300px; } } @media screen and (min-width: 300px) and (max-width: 767px){ .video_window{ width:80%; height: 260px; margin: -130px 0 0 -40%; } } .newsBtn{ display: inline-block !important; } .newsBtn img{ display: inline-block !important; width: 120px; height: 40px; }