body,button,input,select,textarea{font-family:Microsoft Yahei,"黑体","Times New Roman";font-size: 16px;} body,dd,dl,dt,form,h1,h2,h3,h4,ol,p,ul{margin:0;padding:0} article,footer,header,hgroup,menu,nav,section{display:block} img{max-width:100%;height:auto;vertical-align:top;-ms-interpolation-mode:bicubic;border:0} ul{padding-left:0;list-style-type:none} a{color:#333;-webkit-transition:all .3s ease;transition:all .3s ease;text-decoration:none;outline:0;border:0;vertical-align:baseline} em,i{font-style:normal} .clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both} .clearfix:after{clear:both} input,select,textarea{font-size:14px;color:#333;outline:0;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box} input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none} input[type=button],input[type=reset],input[type=submit]{cursor:pointer} ::-webkit-input-placeholder{color:#999} ::-moz-placeholder{color:#999} ::-ms-input-placeholder{color:#999} body{font-size:14px;line-height:1.2;color:#333;background-color:#fff;} .box{max-width:1366px;margin:0 auto;zoom:1} .boxs{max-width:1440px;margin:0 auto;overflow:hidden;zoom:1} .top{clear:both;overflow:hidden;padding:15px 0} .top .logo{float:left} .top .logo a{display:block} .top .tel{float:right} .top .tel img{margin-top:10px} .nav{clear:both;overflow:hidden;background-color:#0c2b47} .nav ul{margin:0 auto;overflow:hidden} .nav ul li{float:left;width:14.2%;text-align:center} .nav ul li a{font-size:17px;display:inline-block;color:#fff;line-height:55px;width:100%;border-bottom:1px solid #000} .nav ul li a:hover{border-bottom:1px solid #e50012} .nav ul li a.nav-select{color:#fff;background-color:#e50012;border-bottom:1px solid #e50012} .m-top{display:block;height:40px;text-align:center} .m-top img{height:32px;margin-top:2px} .menu{clear:both;overflow:hidden;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;background-color:#fdfdfd} .menu ul li{float:left;width:14.2%;line-height:32px;text-align:center} .menu ul li a:hover{color:#e50012} .m-top,.menu{display:none} .banner{clear:both;overflow:hidden} .banner .slick-list,.banner .slick-slide,.banner .slick-slider,.banner .slick-track{height:100%;margin-bottom:0} .banner .items{display:block;outline:0;position:relative} .banner .items img{display:block;width:100%} .banner .slick-next,.banner .slick-prev{position:absolute;top:40%;overflow:hidden;width:30px;height:50px;font-size:0;line-height:0;z-index:99;background-repeat:no-repeat;background-position:center;-o-background-size:auto 21px;-ms-background-size:auto 21px;-moz-background-size:auto 21px;-webkit-background-size:auto 21px;background-size:auto 21px;background-color:#000;text-indent:-9999px;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;opacity:0} .banner:hover .slick-next,.banner:hover .slick-prev{top:50%;margin-top:-25px;opacity:1} .banner .slick-next::before,.banner .slick-prev::before{display:none} .banner .slick-prev{left:20px;background-image:url(../images/prev1.png)} .banner .slick-next{right:20px;background-image:url(../images/next1.png)} .banner .slick-next:hover,.banner .slick-prev:hover{background-color:#d4231d} .banner .slick-dots{position:absolute;left:0;bottom:20px;width:100%;text-align:center;z-index:99} .banner .slick-dots li{display:inline-block;margin:0 2px} .banner .slick-dots li button{display:block;width:15px;height:15px;font-size:0;line-height:0;text-indent:999px;background-color:#fff;border-radius:50%;margin-right:0} .banner .slick-dots li.slick-active button{background-color:#d4231d} .footer{clear:both;overflow:hidden;color:#fff;font-size:15px;text-align:center;line-height:1.8;padding-top:3px} .footers{padding:25px 0;background-color:#333} .footer .link span{display:inline-block} .footer a{display:inline-block;color:#c8c6c6;padding-right:2px} .footer a:hover{color:#fff} .index-pro{clear:both;overflow:hidden} .index-name{position:relative;clear:both;overflow:hidden;margin:40px 0;height:90px} .index-name span{position:absolute;left:36%;top:0;color:#efefef;font-size:80px;font-family:Arial;font-weight:700} .index-name h1{position:absolute;left:42.5%;top:44px;text-align:center;font-size:38px;font-weight:400} .index-name i{position:absolute;right:-55px;top:82%;width:50px;height:3px;background-color:#e50012} .index-pro ul{clear:both;overflow:hidden} .index-pro ul li{position:relative;float:left;width:33.3%;background-color:#f2f2f2;padding:30px;box-sizing:border-box} .index-pro ul li .pro-pic{width:100%;position:relative} .index-pro ul li .pro-arrow{position:absolute;bottom:0;left:50%;width:18px;height:14px;background:url(../images/icon-arrow01.png) top left no-repeat} .index-pro ul li .pro-pic img{width:100%} .index-pro ul li .pro-main{width:100%;margin-top:30px} .index-pro ul li .pro-main h3{font-size:24px;font-weight:400;margin-bottom:10px} .index-pro ul li .pro-main h3 a{padding-right:20px;background:url(../images/ico-arrow10.png) right 16px no-repeat} .index-pro ul li .pro-main p{font-size:15px;line-height:35px;padding-left:24px;background:url(../images/tb-video.png) center left no-repeat;margin-left:5px} .index-pro ul li .pro-main p a{display:block;color:#666} .index-pro ul li .pro-type{position:absolute;bottom:15px;left:54%;width:64px;height:64px} .index-pro ul li .pro-type01{background:url(../images/ico-type01.png) top left no-repeat} .index-pro ul li .pro-type02{background:url(../images/ico-type03.png) top left no-repeat} .index-pro ul li .pro-type03{background:url(../images/ico-type08.png) top left no-repeat} .index-pro ul li .pro-arr{position:absolute;bottom:28px;right:20px} .index-pro ul li:hover{background-color:#d4231d} .index-pro ul li:hover .pro-arrow{background:url(../images/icon-arrow02.png) top left no-repeat} .index-pro ul li:hover .pro-type01{background:url(../images/ico-type02.png) top left no-repeat} .index-pro ul li:hover .pro-type02{background:url(../images/ico-type04.png) top left no-repeat} .index-pro ul li:hover .pro-type03{background:url(../images/ico-type09.png) top left no-repeat} .index-pro ul li:hover h3 a{color:#fff} .index-pro ul li:hover p a{color:#fff} .index-pro ul li:hover .pro-main p{padding-left:16px} .index-pro ul li:hover .pro-main p.selected{background:url(../images/ico-arrow09.png) center left no-repeat;padding-left:16px} .index-pro ul li:hover .pro-main h3 a{background-image:url(../images/ico-arrow11.png)} .index-rec{clear:both;overflow:hidden;padding-bottom:70px;margin-top:70px;background:url(../images/bg-pro.jpg) top center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .names span{color:rgba(255,255,255,.1)} .index-name h1{position:absolute;left:42.5%;top:44px;color:#222;text-align:center;font-size:38px;font-weight:400} .index-name h2{position:absolute;left:42.5%;top:44px;color:#222;text-align:center;font-size:36px;font-weight:400} .names h2{color:#fff} .index-show{position:relative;clear:both;overflow:hidden} .shows{width:82%;margin:0 9%;text-align:center;background-color:#fff} .index-show .prev{position:absolute;width:40px;height:80px;cursor:pointer;top:40%;left:0;background:url(../images/ico-arrow04.png) no-repeat} .index-show .next{position:absolute;width:40px;height:80px;cursor:pointer;top:40%;right:0;background:url(../images/ico-arrow05.png) no-repeat} .change{clear:both;overflow:hidden;background-color:#fff} .show-pic{position:relative;float:left;width:55%} .show-pic a{display:block} .show-pic a img{width:100%} .show-pic span{position:absolute;top:0;right:0} .show-info{float:right;width:45%;text-align:left;padding:30px 50px 20px 30px;box-sizing:border-box} .show-info h3{font-size:24px;margin-bottom:20px} .show-info h3 a{color:#222;padding-right:22px;background:url(../images/ico-arrow10.png) right 16px no-repeat;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .show-info p{color:#666;font-size:15px;line-height:28px} .show-info ul{clear:both;overflow:hidden;margin:35px 0} .show-info ul li{float:left;width:23.3%;margin:0 5%;text-align:center} .show-info ul li img{display:block;margin:0 auto 10px} .show-info ul li b{display:block;color:#060606;font-size:15px;font-weight:400;line-height:1.6} .show-info ul li em{display:block;color:#d81e06;font-size:16px;line-height:1.6} .show-info p strong{float:left;color:#333;width:80px;height:50px} .show-info p i{overflow:hidden} .show-info span{display:block;float:right;width:30%;height:36px;line-height:36px;border-radius:6px;text-align:center;color:#fff;font-size:15px;cursor:pointer;margin-top:20px;background-color:#d11c17;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .show-info span:hover{background-color:#0c2b47} .show-info h3:hover a{color:#d81e06;background-position:200px 16px} .index-line{clear:both;overflow:hidden} .index-line ul{clear:both;overflow:hidden;margin-left:-2%} .index-line ul li{position:relative;float:left;width:31.3%;padding-bottom:70px;margin-left:2%;border-bottom:2px solid #dd130c} .index-line ul li a{display:block;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .index-line ul li .line-info{position:absolute;left:0;right:0;bottom:0;background-color:#f8f8f8;padding:20px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s} .index-line li .line-info h3{text-align:center;font-size:18px;line-height:30px} .index-line li .line-info p{overflow:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;color:#333;font-size:15px;height:0;padding-left:30%} .index-line li:hover .line-info p{height:30px;line-height:30px} .index-line li:hover a{color:#d11c17} .index-about{clear:both;overflow:hidden;padding-bottom:70px;margin-top:70px;background:url(../images/bg-about01.jpg) top center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .index-about ul{clear:both;overflow:hidden;margin-top:30px;margin-left:-2%} .index-about ul li{float:left;color:#fff;width:24%;margin-left:2%;padding:0 2%;box-sizing:border-box;border-right:1px solid #4b494f} .index-about ul li h3{font-size:26px;font-weight:400;height:76px;line-height:38px;overflow:hidden;margin-bottom:20px} .index-about ul li p{font-size:14px;height:80px;line-height:26px;overflow:hidden;margin-bottom:60px} .index-about ul li b{display:block;text-align:center;font-size:56px} .index-about ul li b font{font-size:14px} .index-about ul li:first-child{padding-left:0} .index-about ul li:last-child{padding-right:0;border-right:none;width:19%} .index-news{clear:both;overflow:hidden} .news-show{clear:both;overflow:hidden;margin-top:10px} .news-pic{float:left;width:44%;margin-right:2%} .news-pic a{display:block} .news-pic a img{width:100%;height:auto} .pic-con{padding:25px 30px 35px 20px;background-color:#242424;box-sizing:border-box} .pic-data{float:left;color:#c4c4c4;font-size:16px;width:90px;text-align:center;margin-right:10px} .pic-data b{display:block;font-size:38px} .pic-info{overflow:hidden;color:#f2f2f2} .pic-info h3{font-size:18px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #505050} .pic-info h3 a{color:#f2f2f2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .pic-info h3 a:hover{color:#dd130c} .pic-info p{font-size:14px;line-height:27px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden} .news-show ul{float:right;width:53%;margin-top:8px} .news-show ul li{float:left;width:100%} .news-show ul li .news-tit{font-size:15px;height:20px;line-height:20px;padding:10px 0 14px;border-bottom:1px solid #d7d7d7;margin-bottom:12px} .news-show ul li:last-child .news-tit{border-bottom:none} .news-show ul li .news-tit a{float:left;color:#444;width:84%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .news-show ul li .news-tit a:hover{color:#dd130c} .news-show ul li .news-tit a.tit-cur{color:#dd130c;font-size:18px} .news-show ul li .news-tit span{float:right;color:#666;font-size:14px} .news-show ul li p{font-size:14px;line-height:24px;background:url(../images/ico-arrow06.png) no-repeat top right} .news-show ul li p a{color:#888;padding-right:20%;margin:10px 5px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:27px} .index-qw{clear:both;overflow:hidden;margin-top:70px;margin-bottom:40px;background:url(../images/bg-qw.jpg) no-repeat top center} .qw-show{margin-top:320px} .qw-show h2{color:#dd130c;height:38px;line-height:38px} .qw-show h2 img{width:38px;height:auto;margin-right:15px} .qw-show01{float:left;width:48%;margin-right:2%} .qw-show01 ul{clear:both;overflow:hidden;margin-top:40px} .qw-show01 ul li{float:left;width:100%;font-size:16px;background:url(../images/ico-list01.png) no-repeat left center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;transition:all ease .5s;text-decoration:none;border-bottom:1px solid #efefef;padding:15px 5px 15px 40px} .qw-show01 ul li a{color:#666} .qw-show02 ul li a{color:#666} .qw-show01 ul li:last-child{border-bottom:none} .qw-show01 ul li:hover{background:url(../images/ico-list02.png) no-repeat left center} .qw-show01 ul li:hover a{color:#dd130c} .qw-show02{float:right;width:48%;margin-left:2%} .qw-show02 h2{text-align:right} .qw-show02 h2 img{margin-right:0;margin-left:15px} .qw-show02 ul{clear:both;overflow:hidden;margin-top:40px} .qw-show02 ul li{float:left;width:100%;font-size:16px;text-align:right;background:url(../images/ico-list03.png) no-repeat right center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;transition:all ease .5s;text-decoration:none;border-bottom:1px solid #efefef;padding:15px 40px 15px 5px} .qw-show02 ul li:last-child{border-bottom:none} .qw-show02 ul li:hover{background:url(../images/ico-list04.png) no-repeat right center} .qw-show02 ul li:hover a{color:#dd130c} .product{clear:both;overflow:hidden;background:url(../images/bg-position.jpg) #eee no-repeat top center} .position{color:#fff;padding-left:25px;margin:10px 0;background:url(../images/icon-home.png) no-repeat left center} .news-crumbs{margin:30px 0 35px} .position a{color:#fff} .position a:hover{color:#e50012} .product-show{clear:both;overflow:hidden;margin:50px auto} .product-pic{float:left;width:55%} .product-pic img{border:4px solid #fff;border-radius:4px} .product-info{float:right;width:40%} .product-info h1{color:#fff;font-size:34px;margin-top:25px} .product-info p{color:#555;font-size:14px;line-height:1.6;margin-bottom:15px} .product-info p strong{float:left;color:#e50012;font-size:16px} .product-info p i{display:block;overflow:hidden} .product-info p.pro-ys{color:#fff;font-size:14px;margin:20px 0 36px 0} .product-info p.pro-ys b{display:inline-block;color:#ffdf01;font-size:16px;font-weight:400;width:52px;height:34px;text-align:center;margin-right:20px;background:url(../images/ico-ys.png) left center no-repeat} .product-info ul{clear:both;overflow:hidden;padding:20px 0 15px;margin:30px 0 40px -1.5%;background-color:#fff;border-radius:40px 0 40px 0;transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:-2px 2px 7px 0 rgba(0,0,0,.1);-webkit-box-shadow:-2px 2px 7px 0 rgba(0,0,0,.1);-moz-box-shadow:-2px 2px 7px 0 rgba(0,0,0,.1)} .product-info ul li{float:left;color:#020202;font-size:16px;width:31.8%;line-height:1.4;padding:0 10px;text-align:center;margin-left:1.5%;border-radius:6px;box-sizing:border-box} .product-info ul li img{display:block;margin:0 auto} .product-info ul li p{color:#020202;font-size:16px;font-weight:700;margin-top:5px} .product-info ul li b{display:block;font-weight:400;margin-top:10px} .pro-tel{float:right;width:40%;padding-left:50px;background:url(../images/ico-tel.png) left center no-repeat;background-size:40px} .pro-tel span{display:block;font-size:14px;color:#333;line-height:25px} .pro-tel p{font-size:18px;color:#ff461f;line-height:1;font-weight:700} .pro-tel p em{font-size:26px;display:inline-block;font-weight:700} .pro-btn{float:left;width:40%;line-height:50px;font-size:18px} .pro-btn span{display:block;color:#fff;cursor:pointer;text-align:center;border-radius:4px;background:-webkit-linear-gradient(left,#f41505,#ff461f);background:-o-linear-gradient(right,#f41505,#ff461f 30%,#ff461f);background:-moz-linear-gradient(right,#f41505,#ff461f 30%,#ff461f);background:linear-gradient(to right,#f41505,#ff461f 30%,#ff461f);background-position:left center;background-size:200% 100%;background-repeat:no-repeat;transition:background-position .6s ease;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .pro-btn span:hover{background-position:right center;border-radius:25px} .product-main{clear:both;padding-top:40px;overflow:hidden} .base-news{background-color:#f5f8ff} .pro-l{float:left;width:73%} .pro-r{float:right;width:21%} .pro-fix{clear:both;overflow:hidden;margin-bottom:40px} .pro-fix ul{margin-left:-1%} .pro-fix ul li{float:left;width:19%;margin-left:1%;border-top:3px solid #eee;background-color:#eee} .pro-fix ul li a{display:block;color:#2d2d2d;line-height:52px;text-align:center;font-size:20px} .pro-fix ul li:hover{border-top:3px solid #e50012} .pro-fix ul li:hover a{color:#e50012} .pro-fix ul li.curr{border-top:3px solid #e50012} .pro-fix ul li.curr a{color:#e50012} .pro-l h2{font-size:26px;color:#333;font-weight:400;margin:30px 0 20px} .pro-l h2 b{font-size:26px;color:#e50012;padding-left:14px;margin-left:6px;background:url(../images/ico-dot.png) left center no-repeat} .pro-l p{color:#666;font-size:17px;line-height:28px;text-indent:2em;margin:20px 0} .pro-l p img,.pro-l p video{margin-left:-2em} .pro-line li{overflow:hidden;background-color:#f8f8f8;margin-bottom:30px} .pro-line li .line-pic{float:left;width:250px;height:173px;overflow:hidden;background-color:#fff;padding-right:20px} .pro-line .line-pic img{display:block;width:100%;height:100%} .pro-line .line-pic:hover img{opacity:.9} .pro-line .line-txt{overflow:hidden;padding:10px 20px} .pro-line .line-txt a{display:block;font-size:18px;color:#e50012;line-height:34px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pro-line .line-txt a:hover{color:#ffdf01} .pro-line .line-txt p{overflow:hidden;color:#2d2d2d;font-size:14px;line-height:24px;text-indent:0;margin:8px 0} .pro-line li:nth-child(2n) .line-pic{float:right;padding-right:0;padding-left:20px} .tabtit{overflow:hidden} .pro-l h3{font-size:22px;color:#2d2d2d;font-weight:400;padding-bottom:8px;margin:35px 0 20px} .pro-l .tabtit h3{float:left} .pro-l .tabtit h3:nth-of-type(1){margin-right:20px} .pro-l h3 b{color:#e50012} .tabtit .newActive,.tabtit h3:hover{color:#e50012;font-weight:700} .pro-l .xwmore_css{float:right;color:#888;font-size:14px;margin:35px 0 20px} .pro-l .xwmore_css:hover a{color:#e50012} .pro-news{clear:both;overflow:hidden;margin-left:-2%;margin-bottom:20px} .pro-news li{float:left;width:48%;line-height:40px;padding-left:22px;box-sizing:border-box;margin-left:2%;background:url(../images/ico-news.png) left center no-repeat} .pro-news li a{display:block;color:#666;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pro-news li a:hover{color:#dd130c} .pro-ser{width:100%;position:relative;padding-top:50px;overflow:hidden} .pro-ser .ser-pic{position:absolute;left:25px;bottom:20px;width:auto} .pro-ser .ser-info{padding:30px 60px 5px 200px;overflow:hidden;background-color:#fdfaed} .pro-ser .ser-info ul{width:100%;overflow:hidden;padding-bottom:15px;border-bottom:1px dashed #f54233} .pro-ser .ser-info li{float:left;width:auto;font-size:18px;color:#111;margin-left:10%;background:url(../images/ico-star.png) left center no-repeat;padding-left:25px} .pro-ser .ser-info li:first-child{margin-left:0} .ser-cont{margin:25px 0;line-height:36px} .ser-cont b{display:inline-block;font-weight:400;height:36px;padding-left:44px;background:url(../images/pic-tel.png) left center no-repeat} .ser-cont b a{color:#e50012;font-size:25px;font-weight:700} .ser-cont span{float:right;color:#fd0517;font-size:18px;line-height:20px;padding:8px 15px;border:1px solid #fd0517;border-radius:6px;cursor:pointer;background-color:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .ser-cont span:hover{background-color:#fd0517;color:#fff} .pro-about{clear:both;margin-bottom:10px;border:1px dotted #fec4c8} .pro-tit{text-align:center;width:100%} .pro-tit img{margin-top:-25px} .pro-name{color:#fff;font-size:22px;font-weight:700;text-align:center;width:100%;height:50px;line-height:50px;background-color:#fa0012} .pro-about ul{clear:both;overflow:hidden;padding:10px 10px 0 10px;border-top:none;box-sizing:border-box} .pro-list01 li{float:left;width:100%;margin-bottom:10px} .pro-list01 li img{width:100%;height:auto} .pro-list01 li a img{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .pro-list01 li a:hover img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)} .pro-list01 li a{display:block;overflow:hidden;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .pro-list01 li a:hover{color:#dd130c} .pro-list01 li p{text-align:center;color:#333;font-size:15px;line-height:40px} .pro-about ul.pro-list02{padding:0} .pro-list02 li{color:#666;font-size:15px;line-height:50px;text-align:center;border-bottom:1px dotted #fec4c8} .pro-list02 li:last-child{border-bottom:none} .pro-list02 li:hover a{color:#dd130c} .pro-mold{clear:both;overflow:hidden;text-align:center;margin-top:40px} .pro-mold p{display:inline-block;margin:0 15px} .pro-mold p span{display:block;font-size:19px;height:60px;line-height:60px;padding:0 25px;border-radius:35px;border:1px solid #eee;background-color:#fff} .pro-mold p span.pro-mold01{padding-left:90px;background:url(../images/pro-ico01.png) 25px center no-repeat;background-size:22%} .pro-mold p span.pro-mold02{padding-left:100px;background:url(../images/pro-ico02.png) 25px center no-repeat;background-size:25%} .pro-mold p span.pro-mold03{padding-left:110px;background:url(../images/pro-ico03.png) 25px center no-repeat;background-size:27%} .pro-mold p:hover span{cursor:pointer;border-radius:35px;border:1px solid #e50012;background-color:#e50012} .pro-mold p.selected span.pro-mold01{color:#fff;border:1px solid #e50012;background:url(../images/pro-ico04.png) 25px center #e50012 no-repeat;background-size:22%} .pro-mold p.selected span.pro-mold02{color:#fff;border:1px solid #e50012;background:url(../images/pro-ico05.png) 25px center #e50012 no-repeat;background-size:25%} .pro-mold p.selected span.pro-mold03{color:#fff;border:1px solid #e50012;background:url(../images/pro-ico06.png) 25px center #e50012 no-repeat;background-size:27%} .pro-show{clear:both;overflow:hidden;margin-top:40px} .pro-show ul{clear:both;overflow:hidden;margin-left:-1%} .pro-show ul li{float:left;width:24%;margin-left:1%;margin-bottom:30px;padding:6px;box-sizing:border-box;background-color:#f2f2f2} .pro-show ul li a{display:block} .pro-show ul li img{width:100%;height:auto} .pro-show ul li p{font-size:16px;text-align:center;padding:16px 0 8px} .pro-mask{position:relative} .pro-shade{position:absolute;left:0;top:0;width:100%;height:100%;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;background:rgba(0,0,0,.4);opacity:0} .pro-shade i{position:absolute;width:120px;height:120px;left:50%;top:50%;margin-left:-75px;margin-top:-75px;background:url(../images/ico-big.png) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;opacity:0} .pro-show ul li:hover{background-color:#ddd} .pro-show ul li:hover p a{color:#666} .pro-show ul li:hover .pro-shade{opacity:1} .pro-show ul li:hover .pro-shade i{opacity:1;width:64px;height:64px;margin-left:-35px;margin-top:-35px} .ban-show{position:relative;height:220px;overflow:hidden} .ban-shows{height:350px} .ban-cont{height:auto} .ban-shows .ban-txt{margin-top:120px} .ban-show .position{position:relative;left:0;top:0;color:#222} .ban-show .position a{color:#222} .ban-show .position a:hover{color:#e50012} .ban-show img{position:absolute;top:0;left:50%;margin-left:-960px;width:1920px;max-width:none;height:auto} .ban-txt{position:relative;left:0;color:#000;width:120px;padding:40px 50px;margin-top:60px;background:url(../images/ban-bg.png)} .ban-txt b{position:relative;color:#000;font-size:28px;font-weight:700;padding-bottom:5px;border-bottom:1px solid #e50012} .ban-txt b:after{position:absolute;content:"";left:0;bottom:-2px;width:55px;height:3px;background-color:#e50012} .con-tit,.con-tit a{color:#222} .ban-txts{background:url(../images/ban-bg01.png)} .ban-txts b{color:#fff} .ban-top{position:relative;height:160px;overflow:hidden;background-color:#f5f8ff} .ban-top .news-p{border-radius:30px;background-color:#fff;line-height:20px;-webkit-box-shadow:0 3px 10px rgba(12,43,71,.15);-moz-box-shadow:0 3px 10px rgba(12,43,71,.15);-ms-box-shadow:0 3px 10px rgba(12,43,71,.15);-o-box-shadow:0 3px 10px rgba(12,43,71,.15);box-shadow:0 3px 10px rgba(12,43,71,.15);padding:20px 0;box-sizing:border-box} .ban-top .news-p b{float:left;font-weight:400;width:10%;font-size:20px;display:inline-block;padding-left:30px;box-sizing:border-box;color:#4c546a} .ban-top .news-p b:before{content:'';width:4px;height:20px;background:url(../images/line.png) no-repeat left center;display:inline-block;vertical-align:middle;margin-top:-3px;margin-right:10px} .ban-top .news-p .news-lb{float:left;width:90%} .ban-top .news-p .news-lb a{display:inline-block;float:left;width:16.6%;text-align:center;font-size:16px;color:#4c546a;border-right:1px solid #dedfe0;box-sizing:border-box} .ban-top .news-p .news-lb a:last-child{border-right:none} .ban-top .news-p a.cur,.ban-top .news-p a:hover{color:#e50012;background-image:-webkit-gradient(linear,0 100%,100% 0,from(#0c2b47),to(#e50012));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700} .news-main{clear:both;overflow:hidden;margin-top:50px} .news-main ul{clear:both;overflow:hidden;margin-left:-2%} .news-main ul li{float:left;width:31.3%;margin-left:2%;background-color:#f2f2f2} .news-main ul li a{display:block} .news-main ul li a img{width:100%} .list-show{position:relative;padding:15px;margin:6px;margin-top:-36px;background-color:#fff} .list-show h3{font-size:17px;font-weight:400;padding-bottom:10px;border-bottom:1px solid #dedede} .list-show h3 a{color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .list-show h3 a:hover{color:#e50012} .list-show p{color:#999;line-height:26px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden} .news-lists{clear:both;overflow:hidden;margin-top:50px;margin-left:-2%} .news-list{float:left;width:48%;line-height:32px;margin:0 0 30px 2%;padding:2%;box-sizing:border-box;background-color:#fafafa} .news-list:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:10px 16px 40px -24px rgba(0,36,100,.5);-webkit-box-shadow:10px 16px 40px -24px rgba(0,36,100,.5);-moz-box-shadow:10px 16px 40px -24px rgba(0,36,100,.5);box-sizing:border-box} .news-list .news-title{width:100%;height:51px;line-height:36px;border-bottom:1px solid #ddd} .news-list h3{float:left;font-weight:700;height:50px;color:#222;border-bottom:3px solid #e50012} .news-list .news-title a{float:right;font-size:14px} .news-list .news-title h3 a{color:#222;font-size:24px} .news-list .news-title a:hover{color:#e50012} .news-list ul{clear:both;overflow:hidden;margin-top:10px} .news-list ul li{width:100%;height:40px;line-height:40px;overflow:hidden} .news-list ul li a{float:left;color:#555;width:80%;font-size:15px;padding-left:15px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(../images/ico-arrow07.png) no-repeat left center} .news-list ul li a:hover{color:#e50012;background:url(../images/ico-arrow08.png) no-repeat left center} .news-list ul li span{float:right;color:#999;font-size:14px;margin-left:10px} .news-con{position:relative;clear:both;overflow:hidden;margin-top:40px} .con-pic{float:left;width:36%} .con-pic a{display:block} .con-pic a img{width:100%;height:auto;vertical-align:middle;border-radius:4px} .con-info{position:absolute;right:0;bottom:0;float:right;width:64%;padding:2% 2% 1.5% 3%;box-sizing:border-box;border:10px solid #f2f2f2;border-left:none} .con-info h2{display:block;width:50%;font-size:20px;padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid #dedede} .con-info h2 a{color:#e50012} .con-info p{color:#666;line-height:27px;font-size:15px;margin:5px 0} .con-info p strong{float:left} .con-info p i{display:block;overflow:hidden;color:#999} .con-info a{display:block} .con-info a.news-btn{display:block;color:#fff;font-size:16px;width:120px;line-height:40px;margin-top:20px;text-align:center;border-radius:4px;background-color:#e50012} .con-info a.news-btn:hover{font-weight:700} .con-info ul{clear:both;overflow:hidden} .con-info ul li{float:left;width:100%;line-height:27px;font-size:15px;margin:1px 0} .con-info ul li img{display:none} .con-info ul li b{float:left;display:inline-block;color:#555;margin-right:10px} .con-info ul li p{display:block;overflow:hidden;margin:0;color:#999} .news-rank{clear:both;overflow:hidden;margin-top:10px} .news-rank ul{clear:both;overflow:hidden;margin-left:-4%} .news-rank ul li{float:left;width:46%;margin-left:4%;margin-top:20px;padding-bottom:10px;border-bottom:1px solid #d9d9d9} .news-rank ul li h3{font-size:16px;font-weight:400;height:40px;line-height:40px;margin-bottom:5px;float:left;color:#222;width:80%;padding-left:15px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(../images/ico-arrow07.png) no-repeat left center} .news-rank ul li h3:hover{background:url(../images/ico-arrow08.png) no-repeat left center} .news-rank ul li h3:hover a{color:#e50012} .news-rank ul li span{float:right;color:#999;font-size:14px;margin-left:10px;line-height:40px} .news-rank ul li p{clear:both;color:#999;height:50px;line-height:25px;overflow:hidden;padding-left:15px} .news-rank .pagination{text-align:center} /* .news-rank .pagination li{display:inline-block;margin:0 2px;float:left;width:37px} .active span,.news-rank .pagination li a{display:block;padding:0 12px;height:33px;line-height:31px;font-size:17px;color:#999;border:1px solid #e6e6e6} .news-rank .pagination .active span,.pagination li a:hover{color:#fff;background-color:#e50012;border-color:#e50012} #pages .disabled span{display:block;padding:0 12px;height:33px;line-height:31px;font-size:17px;color:#999;border:1px solid #e6e6e6} #pages{width:100%;text-align:center;padding:50px 0 20px 30%} #pages ul li{border-bottom:0} */ .pro-l h1{font-size:30px;text-align:left;margin-bottom:20px} .news-infos h1{color:#0c2b47;font-size:34px} .news-cue{font-size:18px;color:#4c546a;line-height:28px;margin:10px 0 24px;display:inline-block} .news-cue strong{color:#e50012} .news-content{background-color:#fff;border-radius:40px 40px 0 0;-webkit-box-shadow:0 5px 40px rgba(0,0,0,.05);-moz-box-shadow:0 5px 40px rgba(0,0,0,.05);-ms-box-shadow:0 5px 40px rgba(0,0,0,.05);-o-box-shadow:0 5px 40px rgba(0,0,0,.05);box-shadow:0 5px 40px rgba(0,0,0,.05);padding:0 60px;box-sizing:border-box} .news-left{float:left;width:63%;padding-top:20px} .news-left p{font-size:18px;color:#4c546a;line-height:2;text-indent:0} .news-left .content_video{text-align: center;} .news-left embed,.news-left p img,.news-left video{width:100%!important;height:auto;margin-left:0!important} .news-left .news-xb{text-align:center;font-size:16px;margin-top:-10px} .news-left .news-xb:after,.news-left .news-xb:before{content:'';width:12px;height:13px;background:url(../images/news-icon3.png) no-repeat;display:inline-block} .news-left .news-xb:before{margin-right:12px} .news-left .news-xb:after{margin-left:12px} .news-left>h3{font-weight:700;font-size:24px;line-height:1.5;background:url(../images/news-tag.png) no-repeat left 10px;padding-left:36px;margin:20px 0;padding-bottom:0} .news-left .get-price{display:inline-block;margin:0 10px;background:url(../images/news-btn.png) no-repeat center;background-size:100% 100%;color:#fff;padding:0 50px 0 15px;box-sizing:border-box;cursor:pointer;border-radius:4px 17px 17px 4px;-webkit-box-shadow:0 3px 6px -3px rgba(0,0,0,.15);-moz-box-shadow:0 3px 6px -3px rgba(0,0,0,.15);-ms-box-shadow:0 3px 6px -3px rgba(0,0,0,.15);-o-box-shadow:0 3px 6px -3px rgba(0,0,0,.15);box-shadow:0 3px 6px -3px rgba(0,0,0,.15)} .news-left .get-price b,.news-left .get-price span{color:#fff} .show-msg{-webkit-box-shadow:0 3px 15px rgba(23,59,115,.15);-moz-box-shadow:0 3px 15px rgba(23,59,115,.15);-ms-box-shadow:0 3px 15px rgba(23,59,115,.15);-o-box-shadow:0 3px 15px rgba(23,59,115,.15);box-shadow:0 3px 15px rgba(23,59,115,.15);border-radius:10px;padding:42px 0 0 40px;box-sizing:border-box;position:relative;padding-bottom:60px;margin-bottom:90px} .show-msg strong{font-size:34px;color:#333;font-weight:700;display:inline-block;line-height:44px;position:relative;z-index:1} .show-msg strong img{vertical-align:middle;margin-top:5px;margin-right:10px} .show-msg strong:after{content:'';width:284px;height:46px;background:url(../images/news-icon.png) no-repeat;position:absolute;left:0;bottom:0;z-index:-1} .show-msg p{font-size:18px;color:#4c546a;line-height:2;margin-top:10px;padding-right:40px;box-sizing:border-box} .show-msg p span{color:#e50012} .show-msg .msg-l{width:47%;float:left} .msg-l li{border-radius:10px;border:1px solid #dedfe0;padding:0 30px;box-sizing:border-box;position:relative;margin-bottom:23px} .msg-l li img{position:absolute;left:30px;top:18px;width:32px;height:auto} .msg-l li input,.msg-l li textarea{height:60px;line-height:60px;font-size:16px;color:#5a6e8b;width:100%;padding-left:45px;box-sizing:border-box} .msg-l li.msg-area textarea{height:140px;line-height:2;padding-top:10px;box-sizing:border-box;resize:none} .msg-btn{text-align:center;position:absolute;bottom:-25px;left:50%;transform:translateX(-50%)} .msg-btn input{font-size:22px;background:0 0;color:#fff;cursor:pointer;display:inline-block;width:430px;height:50px;line-height:50px;background:-moz-linear-gradient(left,#2d90c7 0,#0b5884 100%);background:-webkit-linear-gradient(left,#2d90c7 0,#0b5884 100%);background:-o-linear-gradient(left,#2d90c7 0,#0b5884 100%);background:-ms-linear-gradient(left,#2d90c7 0,#0b5884 100%);background:linear-gradient(to right,#2d90c7 0,#0b5884 100%);border-radius:25px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-box-shadow:0 4px 0 rgba(55,62,87,.3);-moz-box-shadow:0 4px 0 rgba(55,62,87,.3);-ms-box-shadow:0 4px 0 rgba(55,62,87,.3);-o-box-shadow:0 4px 0 rgba(55,62,87,.3);box-shadow:0 4px 0 rgba(55,62,87,.3)} .msg-btn input:hover{background:-moz-linear-gradient(right,#2d90c7 0,#0b5884 100%);background:-webkit-linear-gradient(right,#2d90c7 0,#0b5884 100%);background:-o-linear-gradient(right,#2d90c7 0,#0b5884 100%);background:-ms-linear-gradient(right,#2d90c7 0,#0b5884 100%);background:linear-gradient(to left,#2d90c7 0,#0b5884 100%)} .msg-r{float:right;width:46%} .msg-r .one{font-size:18px;line-height:28px;box-sizing:border-box;margin-left:32px;color:#f43b47;background-image:-webkit-gradient(linear,0 0,right 0,from(#0c2b47),to(#e50012));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px} .msg-r .one:before{content:'';width:38px;height:22px;background:url(../images/news-icon2.png) no-repeat;display:inline-block;vertical-align:middle;margin-top:-2px;margin-right:10px} .msg-r p{font-size:16px;line-height:26px;color:#5a6e8b;padding-right:0} .contact-msg .msg-r{width:40%} .contact-msg .msg-r img{width: 100%;} .xg-news{margin-bottom:30px} .ab-title{margin-bottom:20px} .ab-title .tab_click{float:left;width:80%;position:relative;z-index:1} .ab-title .tab_click li{float:left;display:inline-block;margin-right:20px;cursor:pointer} .ab-title h3{font-size:34px;line-height:46px;color:#999;margin:0;display:inline-block} .ab-title h3 img{vertical-align:middle;margin-top:5px;margin-right:10px;display:none} .ab-title .on h3{color:#333;font-weight:700} .ab-title .on h3 img{display:inline-block} .ab-title .tab_click:after{content:'';width:455px;height:46px;background:url(../images/news-wz1.png) no-repeat;position:absolute;left:0;bottom:10px;z-index:-1} .ab-title a{float:right;display:block;font-size:18px;line-height:36px;margin-top:10px} .ab-title a:hover{color:#ff461f} .dn{display:none} .xg-news .tab-con li{overflow:hidden;padding:28px 0;box-sizing:border-box;border-bottom:1px dashed #dedfe0} .xg-news .tab-con li:last-child{border-bottom:none} .xg-news .tab-con li a{display:block;float:left;width:80%;font-size:18px;color:#4c546a;line-height:28px;background:url(../images/news-tag01.png) no-repeat left center;padding-left:35px} .xg-news .tab-con li span{float:right;color:#999;font-size:14px;margin-left:10px;line-height:28px} .xg-news .tab-con li:hover a{color:#ff461f} .news-right{float:right;width:29%} .news-qt{position:relative;margin-top:-80px} .news-price{position:relative;margin:0 35px 0 30px;z-index:1;cursor:pointer} .news-price span{display:block;line-height:70px;font-size:24px;border-radius:35px;font-weight:700;color:#fff;background:-moz-linear-gradient(right,#e50012 0,#0c2b47 100%);background:-webkit-linear-gradient(right,#e50012 0,#0c2b47 100%);background:-o-linear-gradient(right,#e50012 0,#0c2b47 100%);background:-ms-linear-gradient(right,#eef7fe 0,#0c2b47 100%);background:linear-gradient(to left,#e50012 0,#0c2b47 100%);width:220px;position:absolute;top:35px;right:0;z-index:-1;text-align:right} .news-price span img{display:inline-block;vertical-align:middle;margin:-3px 15px 0 5px} .news-price:hover span{background:-moz-linear-gradient(left,#e50012 0,#0c2b47 100%);background:-webkit-linear-gradient(left,#e50012 0,#0c2b47 100%);background:-o-linear-gradient(left,#e50012 0,#0c2b47 100%);background:-ms-linear-gradient(left,#eef7fe 0,#0c2b47 100%);background:linear-gradient(to right,#e50012 0,#0c2b47 100%)} .news-qt ul{padding:115px 10px 0 40px;box-sizing:border-box;background:url(../images/news-bg.png) no-repeat top center;position:relative;padding-bottom:35px;box-sizing:border-box;-webkit-box-shadow:8px 8px 10px rgba(17,47,91,.11);-moz-box-shadow:8px 8px 10px rgba(17,47,91,.11);-ms-box-shadow:8px 8px 10px rgba(17,47,91,.11);-o-box-shadow:8px 8px 10px rgba(17,47,91,.11);box-shadow:8px 8px 10px rgba(17,47,91,.11);-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin-top:-70px} .news-qt ul:before{content:'';width:16px;height:14px;background:url(../images/news-sj.png) no-repeat;position:absolute;left:-14px;top:0} .news-qt ul li{margin-bottom:42px;line-height:46px;font-size:18px;color:#4c546a;position:relative} .news-qt ul li:before{content:'';width:24px;height:24px;background:url(../images/news-dot.png) no-repeat;position:absolute;left:-52px;top:11px} .news-qt ul li strong{font-size:36px;font-weight:700;color:#e50012;background-image:-webkit-gradient(linear,0 0,right 0,from(#0c2b47),to(#e50012));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;margin-right:12px} .news-qt ul li strong em{font-size:26px} .xg-pro{margin-top:80px} .xg-pro strong{font-size:24px;line-height:46px;color:#333;font-weight:700;position:relative;z-index:1;display:inline-block;margin:0 0 30px 0} .xg-pro strong img{vertical-align:middle;margin-right:10px} .xg-pro strong:after{content:'';width:337px;height:46px;background:url(../images/news-wz.png) no-repeat;position:absolute;left:0;bottom:8px;z-index:-1} .xg-pro li{margin-bottom:30px} .xg-pro li .img{display:block;border-radius:10px 10px 0 0} .xg-pro li .img img{display:block;width:100%;height:auto;border-radius:10px 10px 0 0} .xg-pro li .tit{display:block;font-size:20px;color:#4c546a;line-height:30px;padding:15px 0;box-sizing:border-box;text-align:center;border-radius:0 0 10px 10px;-webkit-box-shadow:8px 8px 10px rgba(17,47,91,.11);-moz-box-shadow:8px 8px 10px rgba(17,47,91,.11);-ms-box-shadow:8px 8px 10px rgba(17,47,91,.11);-o-box-shadow:8px 8px 10px rgba(17,47,91,.11);box-shadow:8px 8px 10px rgba(17,47,91,.11)} .xg-pro li .tit:hover{color:#ff461f} .pro-l p a{color:#ff461f;margin:0 4px} .pro-l p a:hover{text-decoration:underline} .pro-l span b{color:#fff} .fb_info{font-size:14px;color:#999;display:block;text-align:left;overflow:hidden} .fb_info span{padding-right:2%;height:30px;line-height:30px;margin-bottom:7px;display:inline-block} .news-art{clear:both;overflow:hidden;margin-left:-2%;border-top:1px solid #eee} .news-art p{float:left;width:48%;font-size:15px;margin-left:2%;text-indent:0} .news-art p strong{float:left} .news-art p a{display:block;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .news-art p a:hover{color:#e50012} .news-art1{-webkit-box-shadow:0 3px 15px rgba(23,59,115,.15);-moz-box-shadow:0 3px 15px rgba(23,59,115,.15);-ms-box-shadow:0 3px 15px rgba(23,59,115,.15);-o-box-shadow:0 3px 15px rgba(23,59,115,.15);box-shadow:0 3px 15px rgba(23,59,115,.15);overflow:hidden;border-radius:10px;margin:30px 0 56px;padding:0 40px;box-sizing:border-box} .news-art1 p{margin:0;padding:20px 0;box-sizing:border-box;padding-left:30px;color:#4c546a} .news-art1 p strong{font-weight:400} .news-art1 p a{color:#4c546a} .news-art1 .xw-prev{border-bottom:1px dashed #dedfe0;background:url(../images/news-top.png) no-repeat left center} .news-art1 .xw-next{background:url(../images/news-bottom.png) no-repeat left center} .news-art1 p a:hover{color:#e50012} .news-infos{width:100%} .new-about{clear:both;overflow:hidden;margin-top:20px;margin-left:-1%} .new-about li{float:left;width:24%;margin-left:1%;text-align:center} .new-about li:nth-of-type(5){display:none} .new-about li:nth-of-type(6){display:none} .new-about li:nth-of-type(7){display:none} .new-about li:nth-of-type(8){display:none} .new-about li a{display:block;overflow:hidden} .new-about li img{width:100%;height:auto;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s} .new-about li:hover img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)} .new-about li p{text-indent:0;margin:10px 0} .new-about li p a{color:#333} .new-about li p a:hover{color:#e50012} .case-show{clear:both;overflow:hidden;margin:60px auto 20px} .case-show ul{clear:both;overflow:hidden;margin-left:-2%} .case-show ul li{float:left;width:31.3%;padding:16px;box-sizing:border-box;margin-left:2%;margin-bottom:30px;background-color:#f2f2f2} .case-show ul li a{display:block;overflow:hidden} .case-show ul li img{width:100%;height:auto;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s} .case-show ul li img:hover{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s} .case-show ul li b{display:block;font-size:18px;line-height:1.2;padding-left:5px;margin:20px 0 15px;height:35px} .case-show ul li b a:hover{color:#e50012} .case-show ul li p{color:#666;font-size:14px;line-height:28px;padding-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .case-btn{width:66%;height:40px;line-height:40px;margin-top:20px;padding-left:5px} .case-btn a{float:left;width:50%;color:#fff;text-align:center;box-sizing:border-box;border-radius:20px 0 0 20px;border:1px solid #e50012;background-color:#e50012} .case-btn span{float:right;width:50%;color:#666;text-align:center;display:inline-block;box-sizing:border-box;border-radius:0 20px 20px 0;border:1px solid #929292;border-left:0} .case-btn span:hover{color:#fff;background-color:#e50012;border-color:#e50012;cursor:pointer;border-left:1px solid #fff} .case-main{clear:both;overflow:hidden;margin-top:50px} .case-pic{float:left;width:55%} .case-pic img{width:100%;height:auto} .case-con{float:right;width:42%} .case-con h1{font-size:34px;font-weight:400;margin-top:25px;margin-bottom:30px} .case-con p{color:#555;font-size:14px;line-height:24px;padding:0 15px;margin-bottom:20px} .case-con p strong{float:left;color:#e50012;font-size:16px} .case-con p i{display:block;overflow:hidden} .case-point{clear:both;overflow:hidden;background-color:#f3f3f3;padding:15px 30px 15px 20px;margin-top:30px;box-sizing:border-box} .case-point p{padding:0;color:#999} .case-point p i{line-height:28px} .case-point p strong{color:#ff461f;font-size:14px;font-weight:400;margin-top:2px} .case-link{clear:both;overflow:hidden;margin:6px;line-height:50px} .case-tel{float:right;width:41%;padding-left:50px;background:url(../images/ico-tel.png) left center no-repeat;background-size:40px} .case-tel font{display:block;font-size:14px;color:#333;line-height:25px} .case-tel p{font-size:18px;color:#ff461f;line-height:1;font-weight:700} .case-con .case-tel p{margin-bottom:0} .case-tel p em{font-size:26px;font-weight:700} .case-link span{float:left;width:40%;font-size:17px;color:#fff;cursor:pointer;text-align:center;border-radius:4px;background:-webkit-linear-gradient(left,#f41505,#ff461f);background:-o-linear-gradient(right,#f41505,#ff461f 30%,#ff461f);background:-moz-linear-gradient(right,#f41505,#ff461f 30%,#ff461f);background:linear-gradient(to right,#f41505,#ff461f 30%,#ff461f);background-position:left center;background-size:200% 100%;background-repeat:no-repeat;transition:background-position .6s ease;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .case-link span:hover{background-position:right center;border-radius:25px} .case-info{clear:both;overflow:hidden;margin-top:60px} .case-tit{color:#000;font-size:20px;line-height:50px;border-bottom:3px solid #eee} .case-tit span{display:inline-block;padding:0 50px;background-color:#eee;border-top:3px solid #e50012} .case-info h2{font-size:22px;color:#2d2d2d;font-weight:400;padding:30px 0 20px} .case-info h2 b{font-size:22px;color:#e50012;padding-left:14px;margin-left:6px;background:url(../images/ico-dot.png) left center no-repeat} .case-info p{color:#666;font-size:15px;line-height:28px;text-indent:2em;margin:5px 0} .case-info h2.case-ico{background:url(../images/ico-info.png) 214px 8px no-repeat} .case-info h3{position:relative;font-size:22px;color:#2d2d2d;font-weight:400;padding-bottom:8px;margin:40px 0 10px;border-bottom:1px solid #e9e9e9} .case-info h3:after{position:absolute;content:"";left:0;bottom:-2px;width:40px;height:3px;background-color:#e50012} .case-info h3 b{color:#e50012} .case-info h3 a{float:right;color:#888;font-size:14px} .case-info ul{clear:both;overflow:hidden;margin:25px 0 35px;margin-left:-2%} .case-info ul li{float:left;width:23%;margin-left:2%;text-align:center} .case-info ul li a{display:block} .case-info ul li a img{width:100%;height:auto} .case-info ul li p{font-size:16px;line-height:20px;text-indent:0;padding:12px 5px;margin:0;background-color:#eee} .case-info ul li:hover p{background-color:#e50012} .case-info ul li:hover p a{color:#fff} .about-show{clear:both;overflow:hidden;background:url(../images/font-about.png) #efeef1 bottom right no-repeat} .about-name{float:left;width:40%;color:#fff;text-align:center;padding:50px 0 40px;margin-right:50px;background:url(../images/bg-logo.png) #e50012 center no-repeat} .about-name b{position:relative;display:block;font-size:38px;letter-spacing:2px;font-family:Arial} .about-name b:after{position:absolute;content:"";left:50%;bottom:-30px;width:80px;height:3px;margin-left:-40px;background-color:#fff} .about-name p{font-size:30px;margin-top:70px} .about-txt{padding-top:50px} .about-txt h1{color:#222;font-size:34px;font-weight:400;margin-bottom:30px} .about-txt h1 i{color:#d8d8d8;font-size:30px;margin-left:12px} .about-txt p{color:#666;font-size:15px;line-height:32px;text-indent:2em} .about-main{clear:both;overflow:hidden;margin-top:70px} .about-main ul{clear:both;overflow:hidden;margin-left:-2%} .about-main ul li{float:left;width:23%;margin-left:2%} .about-main ul li img{width:100%} .about-main ul li p{width:90%;margin:0 auto;padding:20px;border-radius:6px;transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);box-shadow:15px 15px 20px -20px rgba(0,0,0,.4);-webkit-box-shadow:15px 15px 20px -20px rgba(0,0,0,.4);-moz-box-shadow:15px 15px 20px -20px rgba(0,0,0,.4);box-sizing:border-box;background-color:#fff} .about-main ul li p b{float:left;color:#e50012;font-size:36px;letter-spacing:-1px} .about-main ul li p b i{font-size:16px;font-weight:400;margin-left:5px} .about-main ul li p span{display:block;overflow:hidden;text-align:center;color:#666;font-size:15px;line-height:25px} .about-inter{clear:both;overflow:hidden;padding:70px 0;margin-top:40px;background:url(../images/bg-about02.jpg) bottom center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .inter-txt{float:left;width:40%} .inter-txt h2{color:#fff;font-size:32px;font-weight:400;margin:30px 0} .inter-txt h2 b{color:#e50012;font-weight:700} .inter-txt p{color:#fff;font-size:15px;line-height:32px;text-indent:2em;margin-bottom:30px} .inter-pic{float:right;width:52%} .inter-pic img{width:100%;height:auto} .about-cap{clear:both;overflow:hidden;margin:60px auto 50px} .about-cap h2{position:relative;color:#000;font-size:32px;text-align:center;padding-bottom:14px} .about-cap h2:after{position:absolute;content:"";left:50%;bottom:0;width:60px;height:3px;margin-left:-30px;background-color:#e50012} .about-cap p{color:#666;font-size:15px;line-height:30px;text-align:center;margin:15px 0 10px} .about-cap ul{clear:both;overflow:hidden;margin-left:-2%;margin-top:30px} .about-cap ul li{float:left;width:23%;margin-left:2%;margin-bottom:25px} .about-cap ul li img{width:100%;height:auto} .ser-show{clear:both;overflow:hidden;padding:50px 0;background-color:#f2f2f2} .ser-show h1{color:#e50012;font-size:34px;text-align:center} .ser-show h1 i{color:#111;font-weight:400;text-align:center} .ser-show p{color:#333;font-size:15px;line-height:30px;text-align:center;margin:10px 0} .ser-show ul{clear:both;overflow:hidden;padding:8px;box-sizing:border-box;margin-left:-1.5%;margin-top:30px} .ser-show ul li{float:left;width:31.8%;text-align:center;margin-left:1.5%;margin-bottom:20px;padding:40px 30px 50px;box-sizing:border-box;box-shadow:0 0 8px #ddd;-webkit-box-shadow:0 0 8px #ddd;-moz-box-shadow:0 0 8px #ddd;background-color:#fff} .ser-show ul li h3{color:#333;font-size:22px;font-weight:400;margin:15px 0} .ser-show ul li b{color:#999;font-size:14px;font-weight:400;line-height:1.6;height:40px;display:block} .ser-parts{clear:both;overflow:hidden;padding:70px 0;background:url(../images/bg-about02.jpg) bottom center repeat} .parts-txt{float:left;width:48%} .parts-txt h2{color:#fff;font-size:32px;font-weight:400;margin:30px 0} .parts-txt h2 b{color:#e50012;font-weight:700} .parts-txt p{color:#fff;font-size:15px;line-height:28px;text-indent:28px;margin-bottom:30px} .parts-txt p.ser-tel{text-indent:-2em;margin-top:60px} .parts-txt p.ser-tel i{color:#ff390f;font-size:32px} .parts-pic{float:right;width:47%} .parts-pic img{width:100%;height:auto} .ser-step{clear:both;overflow:hidden;padding:50px 0 60px;background-color:#e6e6e6} .ser-step h2{color:#111;font-size:32px;text-align:center;font-weight:400} .ser-step h2 b{color:#e50012;font-weight:700;margin-left:10px;width:100%;margin:25px auto;overflow:hidden} .ser-step ul{clear:both;overflow:hidden;margin-top:70px} .ser-step ul li{float:left;position:relative;display:inline-block;width:16.6%} .ser-step ul li b{display:block;margin:0 auto;width:108px;height:124px} .ser-step ul li.step01 b{background:url(../images/ico-step01.png) center no-repeat} .ser-step ul li.step02 b{background:url(../images/ico-step02.png) center no-repeat} .ser-step ul li.step03 b{background:url(../images/ico-step03.png) center no-repeat} .ser-step ul li.step04 b{background:url(../images/ico-step04.png) center no-repeat} .ser-step ul li.step05 b{background:url(../images/ico-step05.png) center no-repeat} .ser-step ul li.step06 b{background:url(../images/ico-step06.png) center no-repeat} .ser-step ul li h3{color:#666;font-size:18px;font-weight:400;line-height:30px;margin-top:10px;text-align:center} .ser-step ul li span{display:block;position:absolute;top:55px;right:-15px;width:28px;height:25px;background:url(../images/ico-step.png) no-repeat} .cont-info{position:relative;box-sizing:border-box;background:url(../images/ban-bg02.png) #fff no-repeat;margin:3% 0 3% 47%;padding:1px 0 35px;border-radius:15px} .cont-info .cont-tit{margin:30px 0 0 7%;position:relative;font-size:36px} .cont-info .cont-tit strong{color:#e50012} .cont-info .cont-tit em{color:#111;margin-left:-5px} .cont-info .cont-tit strong::after{content:'';clear:both;width:75px;height:3px;background-color:#333;position:absolute;top:45px;left:0} .cont-info .cont-tit em::after{content:'';clear:both;width:75px;height:3px;background-color:#e50012;position:absolute;top:45px;left:74px} .cont-info>p{margin:38px 0 0 7%;font-size:16px;color:#333} .cont-main{margin-left:7%;overflow:hidden;position:relative} .cont-main li{display:inline-block;text-align:center;width:27%;padding:50px 0 20px;border:1px solid #e7e7e7;position:relative;margin-top:58px} .cont-main li span{display:block;font-size:14px;color:#333;line-height:25px} .cont-main li a{display:inline-block;font-size:18px;color:#e50012;font-weight:700;line-height:25px;cursor:pointer} .cont-ico02{margin-left:13%} .cont-ico02 a{border-bottom:2px solid #e50012} .cont-ico01::after{content:'';clear:both;background:url(../images/cont-ico01.png) no-repeat center;position:absolute;top:-32px;left:30%;width:65px;height:65px;z-index:1} .cont-ico02::after{content:'';clear:both;background:url(../images/cont-ico02.png) no-repeat center;position:absolute;top:-32px;left:30%;width:65px;height:65px;z-index:1} .cont-ico03{font-size:16px;color:#333;background:url(../images/cont-ico03.png) no-repeat center left;padding-left:32px;height:20px} .cont-show{clear:both;overflow:hidden;padding:50px 0} .cont-show h2{color:#e50012;font-size:34px;text-align:center} .cont-show h2 i{color:#111;font-weight:400;text-align:center} .cont-show p{color:#333;font-size:15px;line-height:30px;text-align:center;margin:10px 0} .cont-show ul{clear:both;overflow:hidden;padding:10px;box-sizing:border-box;margin-left:-2%;margin-top:30px} .cont-show ul li{float:left;width:23%;text-align:center;margin-left:2%;padding:30px 52px 40px;box-sizing:border-box;border:1px solid #eee;background-color:#fff} .cont-show ul li:hover{box-sizing:border-box;box-shadow:0 0 10px #ddd;-webkit-box-shadow:0 0 10px #ddd;-moz-box-shadow:0 0 10px #ddd;background-color:#fff} .cont-show ul li i{display:block;width:55px;height:55px;padding:20px;margin:0 auto 30px;border-radius:50%;border:30px solid #ebebeb} .cont-show ul li.cont-show01 i{background:url(../images/ico-cont01.png) center no-repeat} .cont-show ul li.cont-show02 i{background:url(../images/ico-cont02.png) center no-repeat} .cont-show ul li.cont-show03 i{background:url(../images/ico-cont03.png) center no-repeat} .cont-show ul li.cont-show04 i{background:url(../images/ico-cont04.png) center no-repeat} .cont-show ul li h3{color:#333;font-size:18px;padding-bottom:3px;margin-bottom:15px} .cont-show ul li h3 span{color:#e50012;border-bottom:1px solid #e50012;cursor:pointer} .cont-show ul li b{display:block;color:#333;font-size:15px;font-weight:400;line-height:24px;height:48px;overflow:hidden} .ser-map{width:100%} #map_canvas{width:100%;margin:0 auto} .pro-l p embed,.pro-l p img,.pro-l p video{margin-left:-2em} .news-left p img{width:100%;height:auto;margin-left:0} .error{position:relative;width:100%;clear:both;overflow:hidden} .error-pic{width:100%;text-align:center} .error-pic img{width:100%;height:auto} .error-pic a{position:absolute;top:400px;left:50%;display:block;width:180px;font-size:20px;color:#ee0002;line-height:44px;margin:0 auto;margin-left:-90px;border:1px solid #434343} .error-pc{height:720px;background:url(../images/error01.jpg) center bottom no-repeat} .error-mo{padding-bottom: 60px;} .error-mo img{width: 90%;height: auto;} .error-mo a{top:80%;font-size: 18px;} .error-mo{display:none} .foot-m{display: none;} .divide{height:10px;background-color:#f8f8f8} .talk{margin: 20px;} .talk a{display:block;padding:10px 5px;font-size:18px;color:#fff;text-align:center;background-color:#ed1e24;border-radius:12px} .dtel{margin:16px 0;text-align:center;font-size:16px;color:#333} .dtel a{color:#f70c0c;font-size:22px;font-weight:700} .foot .foot_copy{margin-top:8px} .foot{margin:16px 0;padding:0 1.5%;text-align:center} .foot .foot_nav{overflow:hidden;display:inline-block;margin-bottom:5px} .foot .foot_nav li{float:left;padding:0 8px;border-right:1px solid #303030;line-height:18px;font-size:15px} .foot .foot_nav li:last-child{border-right:none} .foot .foot_copy{margin-top:5px;text-align:center} .foot .foot_copy p{line-height:22px;font-size:15px;color:#444} .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:0} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slide,.slick-slide img,.slick-slider .slick-list,.slick-track{-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:after,.slick-track:before{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-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;margin-top:-10px;padding:0;border:none;outline:0} .slick-next:focus,.slick-prev:focus{outline:0} .slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25} .slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;color:#fff;opacity:.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-prev{left:-25px} .slick-prev:before{content:"\2190"} .slick-next{right:-25px} .slick-next:before{content:"\2192"} .slick-slider{margin-bottom:30px} .slick-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0;width:100%} .slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer} .slick-dots li button{border:0;background:0 0;display:block;height:20px;width:20px;outline:0;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer} .slick-dots li button:focus{outline:0} .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:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-dots li.slick-active button:before{opacity:.75} .message-box{width:76%} .message{width:100%;margin:50px 0;overflow:hidden} .lytit{position: relative;overflow: hidden;padding-bottom: 30px;-wekit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .lytit:after{content:'';width: 92%;height: 37px;background: url(../images/lv-line.png) no-repeat;position: absolute;bottom: 17px;left: 57px;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;} .ly_l{float:left;width: 110px;height: 110px;border-radius: 50%;border: 13px solid #faaa09;position: relative;} .ly_l:before{content:'';width: 49px;height: 49px;background: url(../images/ly-start.png) no-repeat;position: absolute;left:-14px;top:-14px;} .ly_l h4{font-size:22px;color:#d36f2a;font-weight:700;text-align:center;line-height:110px;} .lytit p{float:left;display:block;width:78%;font-size:16px;color:#333;line-height:32px;margin:28px 0 40px 20px;text-indent:0;padding-bottom: 10px;-wekit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .lytit p span{display:inline-block;background:url(../images/ly_pic3.png) no-repeat left center;padding-left:35px;color:#f80505} .form{width:92%;border:1px dashed #faad13;border-radius:12px;margin:-7px 0 0 43px;background-color:#f4f4f4;-wekit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 20px 40px;} .form form ul{overflow: hidden;} .form form ul li{position: relative;float: left;width: 48%;} .form form ul li:first-child{margin-right: 4%;} .form form ul .ip_li:after{content:'';width: 17px;height: 23px;background: url(../images/ly_icon1.png) no-repeat;position: absolute;left: 12px;bottom: 10px;} .form form ul .ip_li:first-child:after{content:'';width: 19px;height: 21px;background: url(../images/ly_icon.png) no-repeat;position: absolute;left: 12px;bottom: 12px;} .form form ul li span{width:100%;display:block;overflow:hidden;text-align:left;font-size:16px;line-height:50px;color:#333} .form form ul li span em{font-style:normal;color:#f80505} .form input.intxt{width:100%;border:0;color:#666;font-size:15px;height:42px;line-height:42px;background-color:#f5eee1;border:#f6d89b 1px solid;text-indent:35px;border-radius:7px;outline: none;} .form form ul li.wenb{width:100%} .form ul li textarea{border:0;width:100%;background-color:#f5eee1;border:#f6d89b 1px solid;border-radius:7px;height:167px;line-height:20px;font-size:14px;padding:3%;color:#333;resize:none} .message input:-webkit-autofill{ -webkit-box-shadow: 0 0 0px 1000px #f5eee1 inset !important;box-shadow: 0 0 0px 1000px #f5eee1 inset !important;-webkit-text-fill-color: #333!important;} .msg-l li input:-webkit-autofill{ -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;box-shadow: 0 0 0px 1000px #fff inset !important;-webkit-text-fill-color: #333!important;} ::-webkit-input-placeholder{color:#999} ::-moz-placeholder{color:#999} ::-ms-input-placeholder{color:#999} .btnclick{text-align:center;margin-left:-20px} .btnclick .btn_submit{display:inline-block;width:157px;height:33px;background:#f80505;color:#fff;font-size:16px;text-align:center;line-height:31px;border-radius:5px;margin-top:26px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .clearfix:after{clear:both;content:'';display:block;height:0;line-height:0;visibility:hidden} .clearfix{zoom:1} .btnclick .btn_submit:hover{background:#0c2b47} .pc_cs table{margin-bottom: 20px;} .pc_cs table td{word-break:break-all} .mob_cs{display: none;} .special2_icon{background: url(../images/icon-pic01.png) no-repeat left center;padding-left: 36px;} /* ============ 商务通 ==========*/ .fixed-swt{position: fixed;right: 20px;bottom: 240px;z-index: 9999;background:#c80a3b;background: -moz-linear-gradient(bottom, #e80f38 0%, #c80a3b 100%);background: -webkit-linear-gradient(bottom, #e80f38 0%,#c80a3b 100%);background: -o-linear-gradient(bottom, #e80f38 0%,#c80a3b 100%);background: -ms-linear-gradient(bottom, #e80f38 0%,#c80a3b 100%);background: linear-gradient(to top, #e80f38 0%,#c80a3b 100%);height: 286px;width: 124px;border-radius: 20px;} .fixed-swt li{cursor: pointer;} .fixed-swt .swt-price{position: relative;padding-top: 90px;margin-bottom: 10px;} .fixed-swt .swt-price::before{content:'';width: 128px;height: 133px;background: url(../images/swt-kf.png) no-repeat;position: absolute;top: -28px;right: 0;} .swt-price span,.swt-msg a{display: block;text-align: center;font-size: 18px;color: #c80a3b;font-weight: bold;line-height: 68px;background:#f2e7d5;background: -moz-linear-gradient(left, #fffffe 0%, #f2e7d5 100%);background: -webkit-linear-gradient(left, #fffffe 0%,#f2e7d5 100%);background: -o-linear-gradient(left, #fffffe 0%,#f2e7d5 100%);background: -ms-linear-gradient(left, #fffffe 0%,#f2e7d5 100%);background: linear-gradient(to right, #fffffe 0%,#f2e7d5 100%);position: relative;margin: 0 -8px;-webkit-box-shadow: 2px 2px 9px rgba(89, 0, 10, 0.17);box-shadow: 2px 2px 9px rgba(89, 0, 10, 0.17);} .swt-price span{z-index: 1;} .swt-price span img{margin-right: 10px;} .swt-price span img,.swt-msg a img{vertical-align: middle;margin-top: -3px;} .swt-price span:before,.swt-msg a:before{content:'';width: 0;height: 0;border-bottom: 8px solid #5f0002;border-left: 8px solid transparent;position: absolute;top: -8px;left: 0;} .swt-price span:after,.swt-msg a:after{content:'';width: 0;height: 0;border-bottom: 8px solid #5f0002;border-right: 8px solid transparent;position: absolute;top: -8px;right: 0;} .to-top{width: 100%;height: 50px;background: url(../images/top.png) no-repeat center;} /* ============ 商务通end ==========*/ /* ============ 页码 ==========*/ .pager-wrap{position: relative;margin-top: 30px;text-align: center;} .pager-wrap .pagination{display: inline-block;} .pagination li{float: left;border:1px solid #ccc;line-height: 20px;font-size: 16px;margin: 0 5px;cursor: pointer;} .pagination li span,.pagination li a{display: block;color: #333333;padding:5px 10px;} .pagination .disabled{cursor:not-allowed;} .pagination .active{background-color: #e50012;border-color: #e50012;} .pagination .active a,.pagination .active span{color: #ffffff;} .t-pages{width: 100%;position: absolute;left: 50%;bottom:90px;background-color: #ffffff;border: 1px solid #ddd;padding: 20px;-wekit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index: 9999;max-width: 800px;margin-left: -400px;display: none;} .ellipsis{position: relative;} .ellipsis p{width:120px;font-size: 14px;color: #d00000;position: absolute;top:-33px;left: -34px;display: none;} .ellipsis:hover p{display: block;} .t-pages .ico{display: block;width: 0;height: 0;border-width: 20px 20px 0;border-style: solid;border-color: #ccc transparent transparent;position: absolute;bottom: -20px;left: 50%;margin-left: -20px;} .t-pages .ico em {display: block;width: 0;height: 0;border-width: 20px 20px 0;border-style: solid;border-color: #fff transparent transparent;position: absolute;bottom: 1px;left: -20px;} .t-pages .close{position: absolute;right: 0;top: 0;width: 30px;height: 30px;line-height: 30px;color: #333333;cursor: pointer;} .ul-page {text-align: left;} .ul-page li{display: inline-block;margin-bottom: 10px;} .ul-page li a{display: block;padding: 6px 0;line-height: 20px;border: 1px solid #ccc;text-align: center;box-sizing: border-box;font-size: 14px;width: 38px;} .ul-page .on a{background-color: #e50012;color: #ffffff;border-color: #e50012;} /* ============ 页码end==========*/ @media screen and (max-width:1600px){.box{width:1200px;overflow:hidden;zoom:1} .case-show{margin:60px auto 20px} .case-main{margin-top:50px} .product-info{width:42%} .news-show ul li .news-tit{margin-bottom:3px} .pro-ser .ser-info li{margin-left:8%} .news-content{padding:0 25px} .news-price>img{width:106px} .news-price span{top:25px} .news-qt{margin-top:-50px} .ban-top .news-p b{padding-left:20px} .msg-r .one{padding-right:0} .news-left p{font-size:16px} } @media screen and (max-width:1440px){.boxs{max-width:1366px} } @media screen and (max-width:1366px){.box,.boxs{max-width:99%} .product-pic{width:56%} .product-info{width:42%} .product-info h1{margin-top:15px} .product-info ul{margin-top:20px;margin-bottom:20px} .case-con p{margin-bottom:10px} .case-con h1{margin-top:10px} .index-pro ul li .pro-type{display:none} } @media screen and (max-width:1200px){.index-pro ul li .pro-type{display:none} .show-pic{width:46%} .show-info{width:54%} .show-info ul li{width:27.3%;margin:0 3%} .show-info{padding-top:20px} .show-info ul{margin:15px 0} .news-show ul li p,.show-info p{display:none} .news-show ul li .news-tit a{width:82%} .product-show{margin:40px auto} .product-pic{width:52%} .product-info{width:46%} .con-info{padding:2% 1.5%} .news-list ul li a{width:76%} .con-info{position:static;border-left:10px solid #f2f2f2} .news-rank ul li h3 a{width:78%} .con-info a.news-btn{margin-top:10px} .case-con{width:43%} .case-con h1{margin-bottom:20px} .case-con p{padding:0 5px} .case-point{padding:8px} .case-link{margin:0} .case-link span{width:35%} .case-tel{width:48%} .pro-mold{margin-top:30px} .about-name b{font-size:36px} .about-name p{font-size:30px} .about-name b:after{height:3px;width:80px} .about-main ul li p b{float:none;display:block;text-align:center;margin-bottom:10px} .cont-font{display:none} .cont-show ul li{padding:30px 25px} .message-box{width:78%} .news-right{display:none} .news-left{width:100%} .msg-r img{width:100%} .ban-top .news-p b{padding-left:6px} } @media screen and (max-width:1060px){.case-point p{display:none} .case-con .case-tel p{display:block} .cont-main li{width:30%} .cont-info{margin:3% 0 3% 38%} .message-box{width:89%} } @media screen and (max-width:1000px){.nav ul li a{font-size:16px;line-height:50px} .index-name{height:70px;margin:30px 0} .index-name span{font-size:60px} .index-name h1{font-size:34px} .index-name h2{font-size:32px} .index-about ul li h3{font-size:24px} .index-name h1,.index-name h2{top:32px} .index-pro ul li{width:100%;margin-bottom:20px} .index-pro ul li .pro-type,.show-info p{display:block} .show-info,.show-pic{width:100%} .show-info{padding:15px} .index-rec{background:#292d36} .index-about ul li p{display:none} .index-about ul li b{font-size:44px} .news-pic{display:none} .news-show ul{width:100%} .index-qw{margin-top:30px} .index-line li .line-info p{padding-left:12%} .product-show{margin:30px auto} .product-pic{width:100%} .product-info{width:100%} .product-pic img{width:100%;box-sizing:border-box} .product-info h1,.product-info p.pro-ys{color:#333} .product-info p.pro-ys{margin:10px 0} .product-info p.pro-ys b{color:#ff461f} .product-info p{margin-bottom:10px} .pro-r{display:none} .pro-l{width:100%} .product-info h1{font-size:32px;margin-top:10px} .news-list h3 span a{font-size:20px} .news-list{padding:1.5%} .news-list h3{height:42px} .news-list h3 span{height:41px;line-height:41px} .news-list ul li a{width:70%} .news-rank ul li h3 a{width:70%} .news-con{margin-top:10px} .pro-l h1{font-size:26px} .case-btn{width:100%;margin-top:15px} .case-info,.case-main{margin-top:30px} .case-pic{width:100%} .case-con{width:100%} .pro-mold p a{font-size:20px;height:60px;line-height:60px;border-radius:30px;padding:0 10px} .pro-mold p:hover a{border-radius:30px} .pro-mold p a.pro-mold01{background-size:18%;padding-left:70px} .pro-mold p a.pro-mold02{background-size:24%;padding-left:90px} .pro-mold p a.pro-mold03{background-size:24%;padding-left:90px} .pro-mold p.selected a.pro-mold01{background-size:18%;padding-left:70px} .pro-mold p.selected a.pro-mold02{background-size:24%;padding-left:90px} .pro-mold p.selected a.pro-mold03{background-size:24%;padding-left:90px} .pro-show ul li{padding:6px} .pro-show{margin-top:30px} .pro-show ul li p{font-size:16px;padding:12px 0 6px} .ser-parts,.ser-show{padding:30px 0} .ser-show h1{font-size:30px} .parts-txt h2,.ser-step h2{font-size:28px} .ser-show p{line-height:24px} .parts-txt{width:100%} .parts-pic{display:none} .ser-step ul li{width:33.3%;margin-bottom:10px} .ser-step ul li span{display:none} .ser-step ul li h3{font-size:15px} .about-txt{padding-top:20px} .about-main ul li p span,.about-txt p,.inter-txt p{font-size:15px} .about-name{margin-right:30px} .inter-txt{width:100%} .inter-pic{display:none} .about-inter{padding:30px 0} .inter-txt h2{margin-top:0} .about-main ul li p{padding:12px} .about-main ul li p b{font-size:36px} .about-txt h1{font-size:30px} .about-cap h2,.cont-show h2,.inter-txt h2{font-size:28px} .cont-show p{line-height:24px} .cont-show ul li.cont-show01 i{background-size:50%} .cont-show ul li.cont-show02 i{background-size:50%} .cont-show ul li.cont-show03 i{background-size:50%} .cont-show ul li.cont-show04 i{background-size:50%} .cont-show ul li{padding:30px 20px} .cont-show ul li i{padding:15px;border-width:20px} .index-about ul li{padding:0 1%} .cont-info{margin:3% 0 3% 24%} } @media screen and (max-width:1270px){ .lytit p span{margin-left:3%} } @media screen and (max-width:1100px){ .cont-info{margin:3% 0 3% 39%} } @media screen and (max-width:1024px){ .message-box{width:86%} } @media screen and (max-width:840px){ .pro-mold p{margin:0 10px} .pro-mold p span{font-size:18px;height:50px;line-height:50px;border-radius:25px} .pro-mold p:hover span{border-radius:25px} .pro-mold p span.pro-mold01{background:0 0;padding:0 20px} .pro-mold p span.pro-mold02{background:0 0;padding:0 20px} .pro-mold p span.pro-mold03{background:0 0;padding:0 20px} .pro-mold p.selected span.pro-mold01{padding:0 20px;background:0 0;background-color:#e50012} .pro-mold p.selected span.pro-mold02{padding:0 20px;background:0 0;background-color:#e50012} .pro-mold p.selected span.pro-mold03{padding:0 20px;background:0 0;background-color:#e50012} .cont-info{margin:3% 0 3% 24%} .message-box{width:100%} } @media screen and (max-width:768px){ .m-top,.menu{display:block} .nav,.top .tel{display:none} .top{padding: 15px;} .top .logo img{width: 200px;} .index-name{margin:20px 0} .case-con h1,.index-name h1{font-size:28px} .index-name h2{font-size:24px} .index-pro ul li .pro-main h3{font-size:22px} .show-info h3{font-size:22px;margin-bottom:10px} .index-line li .line-info h3{font-size:16px} .index-line li .line-info p{padding-left:10%} .index-about{display:none} .index-qw{background:#f8f8f8;margin-bottom:0;padding-bottom:20px} .qw-show{margin-top:30px} .qw-show h2 img{display:none} .qw-show01 ul,.qw-show02 ul{margin-top:10px} .index-show .next,.index-show .prev{width:28px;background-size:28px} .product-info h1{font-size:28px} .pro-fix ul li a{font-size:18px} .pro-ser{display:none} .news-main ul li:last-child{display:none} .news-main ul li{width:48%} .news-main{margin-top:30px} .news-list{width:100%;margin-left:0} .news-lists{margin-left:0;margin-top:30px} .news-list h3 a{font-weight:400} .news-list h3 span a{font-size:18px;font-weight:700} .news-list ul li{height:36px;line-height:36px} .con-pic{width:100%} .con-info{width:100%;padding:2%} .news-rank ul{margin-left:0} .news-rank ul li{width:100%;margin-left:0} .ban-top p b{display:none} .pro-l h1{margin-top:-15px;margin-bottom:20px} .ban-top{height:100px} .ban-top .position{display:none} .ban-top p{margin-top:30px} .news-cue{padding:10px} .case-show ul li{width:48%} .case-show{margin:30px auto 0} .link{display:none} .footers{padding:20px 0} .footer{line-height:1.5} .case-info ul li p{font-size:15px} .case-tit{line-height:40px;font-size:18px} .case-tit span{padding:0 30px} .case-info h2 b{font-size:20px} .case-info h3{font-size:20px;margin-top:20px} .ser-show h1{font-size:26px} .parts-txt h2,.ser-step h2{font-size:24px} .parts-txt p{font-size:15px} .ser-step ul{margin-top:40px} .ser-step{padding:40px 0} .about-txt h1{font-size:26px} .about-cap h2,.cont-show h2,.inter-txt h2{font-size:24px} .about-name{display:none} .about-show{padding:10px} .about-txt{padding-top:10px} .about-txt h1{margin-bottom:10px} .about-txt p{line-height:30px;margin-bottom:10px} .about-main ul li{width:48%} .about-main{margin-top:30px} .about-inter{margin-top:20px} .cont-info{width:88%;margin:3% 0 3% 12%} .cont-show ul li{width:48%;padding:20px;margin-bottom:10px} .cont-show ul li i{padding:10px} .cont-show{padding:30px 0} .cont-show ul{margin-top:20px} .cont-show ul li i{margin-bottom:20px} .index-rec{margin-top:30px} .about-cap{margin:40px auto 20px} .about-cap ul{margin-top:20px} .pro-show ul li{width:48%;margin-bottom:20px} .message{margin:30px 0} .mob_cs{display: block;} .pc_cs{display: none;} .ly_l{width: 90px;height: 90px;border: 10px solid #faaa09;} .lytit p{margin: 24px 0 22px 20px;font-size: 14px;} .ly_l h4{line-height: 90px;} .lytit:after{width: 90%;} .form{margin: -7px 0 0 28px;} .error-pc{display: none;} .error-mo{display: block;} .foot-pc{display: none;} .foot-m{display: block;} } @media screen and (max-width:600px){.index-name span{left:24%} .index-name h1,.index-name h2{left:36.5%} .index-name i{width:40px;right:-48px} .index-line ul{margin-left:0} .index-line ul li{width:100%;margin-left:0;margin-bottom:10px} .index-line ul li a img{width:100%} .qw-show01{width:100%;margin-right:0} .qw-show02{width:100%;margin-left:0} .qw-show02 h2{text-align:left} .qw-show02 ul li{text-align:left;padding:15px 5px 15px 40px;background:url(../images/ico-list01.png) no-repeat left center} .qw-show02 ul li:hover{background:url(../images/ico-list02.png) no-repeat left center} .footer{font-size:15px} .index-pro ul li .pro-type{display:none} .news-show ul li .news-tit a{width:81%} .case-con h1,.product-info h1{font-size:24px} .product-main{padding-top:30px} .pro-fix ul li a{font-size:16px;line-height:42px} .pro-l p embed,.pro-l p img,.pro-l p video{width:100%;height:auto} .pro-l h2{margin:15px 0 10px;font-size:20px} .pro-l h3{font-size:20px} .pro-line li .line-pic,.pro-line li:nth-child(2n) .line-pic{float:none;width:auto;margin:0;height:auto;padding:0} .pro-line .line-txt{padding:10px} .pro-line li{margin-bottom:15px} .news-art{margin-left:0} .news-art p{width:100%;margin:8px 0 0} .pro-l h1{font-size:24px} .case-show ul li b{font-size:17px;margin:10px 0} .case-btn{height:32px;line-height:32px} .case-show ul li{padding:10px} .ban-show{display:none} .con-tit{display:none} .case-con p strong{font-size:14px} .case-con h1{margin-bottom:10px} .case-con p{margin-bottom:5px} .case-info ul li{width:48%;margin-bottom:10px} .case-info ul{margin-bottom:25px} .case-main{margin-top:10px} .pro-show ul li{width:48%} .pro-mold p span.pro-mold01{padding:0 10px} .pro-mold p span.pro-mold02{padding:0 10px} .pro-mold p span.pro-mold03{padding:0 10px} .pro-mold p.selected span.pro-mold01{padding:0 10px} .pro-mold p.selected span.pro-mold02{padding:0 10px} .pro-mold p.selected span.pro-mold03{padding:0 10px} .pro-show ul li{margin-bottom:20px} .ser-show h1{font-size:24px} .parts-txt h2,.ser-step h2{font-size:22px} .ser-show ul{margin-top:20px} .ser-show ul li{padding:30px} .ser-show ul li b{display:none} .ser-show ul li h3{font-size:18px} .ser-show ul li img{width:60px;height:auto} .ser-parts,.ser-show{padding:20px 0} .parts-txt p{margin-bottom:20px} .about-txt h1{font-size:24px} .about-cap h2,.cont-show h2,.inter-txt h2{font-size:22px} .inter-txt h2{margin-bottom:20px} .ban-cont{display:block} .new-about li{width:49%} .message{margin:18px 0} .message-box{padding: 0 12px;-webkit-box-sizing: border-box;box-sizing: border-box;} .lytit:after{display: none;} .ly_l{width: 100%;height: auto;border: none;} .ly_l h4{text-align: left;line-height: 34px;} .ly_l:before{display: none;} .lytit{padding: 0;margin-bottom: 20px;} .lytit p{width: 100%;margin: 0;} .form{margin: 0;width: 100%;padding: 20px;} } @media screen and (max-width:480px){.index-name span{left:7%} .index-name h1,.index-name h2{left:30%;top:40px} .index-name h1,.pro-l h1{font-size:22px} .index-name h2{font-size:20px} .index-pro ul li .pro-main{padding:10px} .index-pro ul li .pro-arr{display:none} .index-pro ul li .pro-main h3{font-size:20px;margin-bottom:8px} .index-pro ul li .pro-pic{width:48%} .index-pro ul li .pro-main{width:52%} .index-pro ul li .pro-arrow{left:45%} .index-rec{margin-top:20px} .show-pic span img{width:120px} .show-info h3{font-size:20px} .index-show .next,.index-show .prev{width:24px;background-size:24px} .show-info ul li img{width:50px} .show-info p{display:none} .show-info span{width:100%;margin-top:5px} .news-show ul li .news-tit{font-size:15px;padding:8px 0} .news-show ul li .news-tit a{width:77%} .news-show ul li .news-tit a.tit-cur{font-size:16px} .qw-show h2{font-size:18px} .qw-show01 ul li,.qw-show02 ul li{font-size:15px;padding-top:10px;padding-bottom:10px} .qw-show01 ul,.qw-show02 ul{margin-top:0} .pro-tel{width:46%} .pro-btn{width:38%} .pro-l h2,.pro-l p{margin:10px 0} .pro-news{margin-left:0} .pro-news li{width:100%;margin-left:0} .news-main ul li{width:100%;margin-left:0;margin-bottom:10px} .news-main ul{margin-left:0} .news-list ul li a{font-size:14px} .con-info p{font-size:14px} .con-info a.news-btn{width:40%} .con-info{border:5px solid #f2f2f2} .news-rank ul li h3{height:36px;line-height:36px;margin-bottom:2px} .news-rank ul li{margin-top:15px} .news-art p{margin:8px 0 0} .case-show ul li p{display:none} .case-show ul li{padding:5px} .case-show ul li b{height:44px;line-height:22px;font-size:15px} .case-btn{margin-top:0;margin-bottom:5px} .case-link span{width:100%} .case-tel{width:100%;box-sizing:border-box;margin-top:10px} .pro-mold p{width:25%} .pro-mold p span{font-size:16px;width:100%;height:auto;line-height:24px;border-radius:8px} .pro-mold p:hover span{border-radius:8px} .pro-mold p span.pro-mold01{padding:8px 4px} .pro-mold p span.pro-mold02{padding:8px 4px} .pro-mold p span.pro-mold03{padding:8px 4px} .pro-mold p.selected span.pro-mold01{padding:8px 4px} .pro-mold p.selected span.pro-mold02{padding:8px 4px} .pro-mold p.selected span.pro-mold03{padding:8px 4px} .ser-show ul li{width:48.5%;margin-bottom:10px} .ser-step ul li.step01 b{background-size:82%} .ser-step ul li.step02 b{background-size:82%} .ser-step ul li.step03 b{background-size:82%} .ser-step ul li.step04 b{background-size:82%} .ser-step ul li.step05 b{background-size:82%} .ser-step ul li.step06 b{background-size:82%} .ser-step ul{margin-top:20px} .ser-step ul li h3{margin-top:0} .about-cap ul li{width:48%;margin-bottom:10px} .about-cap p{line-height:24px} .cont-show ul li{padding:20px 12px} .cont-info{width:98%;margin:3% 0 3% 1%} .cont-main li{width:37%} } @media screen and (max-width:375px){.news-show ul li .news-tit span{display:none} .news-show ul li .news-tit a{width:100%} .index-name{margin:12px 0} .index-qw{margin-top:20px} .qw-show{margin-top:15px} .product-show{margin:20px auto} .pro-btn{width:100%} .pro-tel{width:100%;box-sizing:border-box;margin-top:10px} .pro-fix ul li a{font-size:14px} .pro-fix{margin-bottom:20px} .pro-l h2 b{font-size:20px} .pro-l p{line-height:26px;font-size:14px} .pro-line .line-txt a{font-size:16px} .pro-line .line-txt p{margin:2px 0} .pro-l h3{font-size:18px} .pro-news li{line-height:36px} .pro-news li a{font-size:14px} .news-lists,.news-main{margin-top:20px} .news-list{margin-bottom:20px} .ban-show{display:none} .page{margin:15px auto} .page a{padding:4px 8px;margin-right:3px} .page .current{padding:4px 8px;margin-right:3px} .disabled{padding:4px 8px;margin-right:3px} .pro-l h1{font-size:18px} .news-cue{padding:5px} .case-btn{display:none} .case-main,.case-show{margin-top:20px} .case-show ul li b{text-align:center;margin:5px 0} .case-show ul li{margin-bottom:10px} .case-info p{font-size:14px} .case-info ul li p{padding:8px 4px} .pro-mold,.pro-show{margin-top:20px} .pro-show ul li p{font-size:15px} .pro-show ul li{margin-bottom:10px} .pro-show ul{margin-left:0} .pro-show ul li{width:100%;margin-left:0} .ser-show ul li{padding:20px} .ser-show ul li h3{font-size:16px;margin-bottom:5px} .ser-show ul li img{width:52px;height:auto} .about-main ul li p span,.about-txt p,.inter-txt p,.parts-txt p{font-size:14px} .about-main ul li p{padding:5px} .cont-show ul li b{display:none} .cont-show ul li h3{font-size:16px;margin-bottom:0} .cont-show p{font-size:14px} .ban-cont{display:block} .cont-info>p{width:96%;font-size:14px} .index-pro ul li .pro-pic{width:100%} .index-pro ul li .pro-main{width:100%} .index-pro ul li .pro-arrow{display:none} } @media screen and (max-width:320px){.index-name span{font-size:50px} .product-info h1{font-size:22px} .product-info ul li{padding:0 2px;font-size:14px} .product-info ul li p{font-size:14px} .news-list ul li span{display:none} .news-list ul li a{width:100%} .news-rank ul li span{display:none} .news-rank ul li h3 a{width:100%} .ban-top p{margin-top:12px} .ser-show p{display:none} .ser-show ul{margin-top:10px} .about-main ul li p b{font-size:30px} .cont-info h1{font-size:20px;margin-bottom:10px} .cont-info p{margin-bottom:10px} .cont-info span{width:50%} }