@charset "utf-8";

.fl{float: left;}

.fr{float: right;}

.text-left{text-align: left;}

.text-right{text-align: right;}

.text-center{text-align: center;}

.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.over{overflow: hidden;}

.relative{position: relative;z-index: 1;}

.absolute{position: absolute;z-index: 1;}

.fixed{position: fixed;z-index: 1;}

.inline{display: inline;}

.block{display: block;}

.inline-block{display: inline-block;}

.table-cell{ display:table-cell; vertical-align:middle;}

.hide{display: none;}

.max-w100{max-width: 100%;}

.max-h100{max-height: 100%;}

.middle{vertical-align: middle;}

.border-box{ -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}

.trans{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}

.trans::before{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}

.trans::after{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}



/*新站*/

#warp{width:100%; max-width:1920px; overflow:hidden; margin:0 auto;}

#warp a{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}

#warp .picpath{ font-size:0;}

#warp .icon{ font-size:0;}

#warp .img{ font-size:0;}

.cw1200{ width:1200px; margin:0 auto;}

.cw1440{ width:1440px; margin:0 auto;}



/*公告样式*/

body a{outline:none;blr:expression(this.onFocus=this.blur());}

a:hover{ color:#ff0000;}

.b_pic{overflow:hidden;}

.b_pic img{ -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; }

.b_pic:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}

.cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}

.clear_both{zoom:1;}

.clear_both:after{content:""; display:block; clear:both;}

.dis{ display:inline-block; *display:inline; zoom:1;}

.loader{top: 0;right: 0;left: 0;bottom: 0;position: fixed;z-index: 99999;background: rgba(255,255,255,.5) url(/static/images/global/loader.svg) no-repeat center 40% / auto auto;}



/*字体*/

.fz10{ font-size:10px; color:#333;}

.fz12{ font-size:12px; color:#333;}

.fz14{ font-size:14px; color:#333;}

.fz16{ font-size:16px; color:#333;}

.fz18{ font-size:18px; color:#333;}

.fz20{ font-size:20px; color:#333;}

.fz22{ font-size:22px; color:#333;}

.fz24{ font-size:24px; color:#333;}

.fz26{ font-size:26px; color:#333;}

.fz28{ font-size:28px; color:#333;}

.fz30{ font-size:30px; color:#333;}

.fz32{ font-size:32px; color:#333;}

.fz34{ font-size:34px; color:#333;}

.fz36{ font-size:36px; color:#333;}

.fz38{ font-size:38px; color:#333;}

.fz40{ font-size:40px; color:#333;}

.fz42{ font-size:42px; color:#333;}

.fz44{ font-size:44px; color:#333;}

.fz46{ font-size:46px; color:#333;}

.fz48{ font-size:48px; color:#333;}



/*头部样式*/

#header{ width:100%; position:absolute; top:0; left:0; right:0; z-index:5; padding:20px 0; margin:0 auto;}

#header .logo{ width:200px; height:24px; overflow:hidden;}

#header .logo img{ width:100%;}

#header .right{}

#header .right .search{ position:relative; margin-right:16px;}

#header .right .search .btn{ width:26px; height:26px; cursor:pointer;}

#header .right .search .btn img{ width:100%;}

#header .right .search .form{ position:absolute; top:26px; left:-20px; z-index:2; padding-top:6px;}

#header .right .search .form .input{ width:300px; height:32px; background:#fff; padding:0 10px;}

#header .right .search:hover .form{ display:inline-block;}

#header .right .language{ position:relative;}

#header .right .language .btn{ width:26px; height:26px; cursor:pointer;}

#header .right .language .btn img{ width:100%;}

#header .right .language .ul{ width:80px; text-align:center; position:absolute; top:26px; left:50%; z-index:2; padding-top:6px; margin-left:-40px;}

#header .right .language .ul li{ width:100%; line-height:24px; background:#fff; color:#333;}

#header .right .language:hover .ul{ display:inline-block;}

#header .nav{}

#header .nav .list{ margin-right:36px;}

#header .nav .list .title{ line-height:24px; color:#fff;}

#header .nav .list .title:hover{ color:#ff0000;}

#header .nav .list.on .title{ color:#ff0000;}



/*悬浮样式*/

#float{}

#float::before{ width:100%; height:100%; display:none; background:rgba(0,0,0,.66); position:fixed; top:0; left:0; right:0; z-index:6; margin:0 auto; content:'';}

#float .one{ background:#fff; display:none; position:fixed; top:50%; left:0; right:0; z-index:7; padding:40px 120px; margin:-290px auto 0;}

#float .one .relative{ width:100%;}

#float .one .relative .shutdown{ width:17px; cursor:pointer; position:absolute; top:0; right:0; z-index:2;}

#float .one .relative .shutdown img{ width:100%;}

#float .one .relative .left{ width:346px; height:540px; background:url(/images/img39.jpg) no-repeat top center; position:relative; padding-top:50px;}

#float .one .relative .left .title-one{ width:100%;}

#float .one .relative .left .title-one .fz24{ color:#282828;}

#float .one .relative .left .title-one .fz30{ color:#ff0000;}

#float .one .relative .left .brief{ width:100%; line-height:26px; color:#696969; margin:20px 0 0;}

#float .one .relative .left .phone{ width:100%; position:absolute; left:0; bottom:30px; z-index:2;}

#float .one .relative .left .phone .fz16{ color:#ff0000;}

#float .one .relative .left .phone .fz30{ color:#282828; margin-top:6px;}

#float .one .relative .right{ width:800px; height:540px; background:url(/images/img40.jpg) no-repeat bottom center;}

#float .one .relative .right .item{ width:540px;}

#float .one .relative .right .item .list{ line-height:60px; border:1px solid #e3e3e3; border-radius:10px; padding:9px; margin-right:20px; margin-top:20px;}

#float .one .relative .right .item .list .img{ width:60px; height:60px;}

#float .one .relative .right .item .list .img img{ width:100%;}

#float .one .relative .right .item .list .fz16{ color:#696969; margin-left:10px;}

#float .one .relative .right .item .list:hover{ border-color:#ff4400;}

#float .one .relative .right .item .list.none{ margin-right:0;}

#float .one .relative .right .item .list.none-two{ margin-top:0;}

#float .two{ background:#333; color:#fff; position:fixed; bottom:5%; right:2%; z-index:5; padding:10px 20px;}

#float.on::before{ display:inline-block;}



/*广告样式*/

#banner{ width:100%; overflow:hidden; font-size:0; position:relative; min-height: 570px; background: rgba(0,0,0,0.3);}

#banner .db{ width:100%; font-size:0;}

#banner .db img{ width:100%;}

#banner .swiper-slide{ font-size:0;}

#banner .scroll{ width:100px; text-align:center; position:absolute; bottom:36px; left:0; right:0; z-index:2; margin:0 auto;}

#banner .scroll .img{ width:25px;}

#banner .scroll .img img{ width:100%;}

#banner .scroll .fz12{ color:#fff; margin-top:10px;}



/*内页导航*/

#category{ width:100%; background:rgba(40,40,40,.6) repeat; position:absolute; bottom:0; left:0; right:0; z-index:2; margin:0 auto;}

#category .item{ display:flex; text-align:center;}

#category .item .list{ flex-grow:1; opacity:0.55; color:#fff; position:relative; padding:22px 0;}

#category .item .list::before{ width:100%; height:3px; display:none; background:#ff0000; position:absolute; left:0; bottom:0; z-index:2; content:'';}

#category .item .list.on{ opacity:1;}

#category .item .list.on::before{ display:inline-block;}

#category .item .list:hover{ opacity:1;}



/*底部样式*/

#footer{ width:100%; background:#191919;}

#footer .one{ padding:50px 0 96px;}

#footer .one .logo{ width:160px;}

#footer .one .logo img{ width:100%;}

#footer .one .item{ margin-left:60px;}

#footer .one .item .list{ margin-right:80px;}

#footer .one .item .list .title-one{ color:#cfcfcf; position:relative; padding-bottom:14px; margin-bottom:16px;}

#footer .one .item .list .title-one::before{ width:14px; height:2px; background:#363636; position:absolute; left:0; bottom:0; z-index:2; content:'';}

#footer .one .item .list .title-two{ width:100%; margin-top:14px;}

#footer .one .item .list .title-two a{ color:#696969;}

#footer .one .item .list.none{ margin-right:0;}

#footer .one .right{ text-align:right;}

#footer .one .right .ewm{ width:150px;}

#footer .one .right .ewm .img{ width:112px;}

#footer .one .right .ewm .img img{ width:100%;}

#footer .one .right .ewm .fz14{ line-height:24px; color:#929292; margin-top:8px;}

#footer .one .right .time{ width:100%; color:#929292; margin:14px 0;}

#footer .one .right .other{ font-size:0;}

#footer .one .right .other .icon{ width:34px; margin-left:6px;}

#footer .one .right .other .icon img{ width:100%;}

#footer .two{ text-align:center; padding-bottom:30px;}

#footer .two .top{ width:100%; line-height:20px; font-size:0;}

#footer .two .top .fz14{ color:#fff; margin:0 10px;}

#footer .two .top .fz14 span{ vertical-align:middle; color:#e01025; margin-left:12px;}

#footer .two .links{ width:100%; text-align:center; margin-top:14px;}

#footer .two .links span{ color:#fff;}

#footer .two .links a{ color:#fff;}

#footer .two .links a:hover{ color:#e01025;}

#footer .two .bot{ width:100%; color:#929292; margin-top:14px;}

#footer .two .bot a{ color:#929292;}



/*首页样式*/

#index{}

#index .index-title{ width:100%; text-align:center; color:#000;}

#index .one{ padding:110px 0 100px;}

#index .one .top{ width:100%;}

#index .one .top .list{ width:100%; background:#fafafa;}

#index .one .top .list .picpath{ width:50%; min-height:1px;}

#index .one .top .list .picpath img{ width:100%;}

#index .one .top .list .content{ width:50%; padding:0 78px;}

#index .one .top .list .content .table-cell{ width:50%; height:720px;}

#index .one .top .list .content .number{ width:100%; color:#000;}

#index .one .top .list .content .title{ width:100%; color:#000; position:relative; padding-bottom:24px; margin-top:10px;}

#index .one .top .list .content .title::before{ width:14px; height:2px; background:#000; position:absolute; left:0; bottom:0; z-index:2; content:'';}

#index .one .top .list .content .brief{ width:100%; line-height:24px; color:#929292; margin:30px 0 26px;}

#index .one .top .list .content .more{ background:url(/images/img8.png) no-repeat right center; color:#000; padding-right:40px;}

#index .one .top .video{ width:100%; cursor:pointer; font-size:0; position:relative; margin:80px 0;}

#index .one .top .video::before{ display:none; color:#fff; font-size:36px; font-family:'FontAwesome'; font-style:normal; font-weight:normal; position:absolute; top:12px; right:12px; z-index:2; content: "\f00d";}

#index .one .top .video img{ width:100%;}

#index .one .top .video video{ width:100%; display:none;}

#index .one .top .video.on::before{ display:inline-block;}

#index .one .top .video.on img{ display:none;}

#index .one .top .video.on video{ display:inline-block;}

#index .one .bot{ width:100%; margin-top:80px;}

#index .one .bot .list{ text-align:center; background:#fafafa; padding:50px 0 40px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}

#index .one .bot .list .number{ color:#000;}

#index .one .bot .list .title{ color:#000; margin-top:6px;}

#index .one .bot .list .picpath{ width:220px; margin:42px 0 50px;}

#index .one .bot .list .picpath img{ width:100%;}

#index .one .bot .list .more{ width:100%; opacity:0;}

#index .one .bot .list .more a{ background:url(/images/img8.png) no-repeat right center; color:#000; padding-right:40px;}

#index .one .bot .list:hover{ background:#f5f5f5;}

#index .one .bot .list:hover .more{ opacity:1;}

#index .two{ width:100%; font-size:0;}

#index .two .img{ width:100%;}

#index .two .img ul{ width:100%; font-size:0;}

#index .two .img ul li{ width:100%; font-size:0;}

#index .two .img ul li img{ width:100%;}

#index .two .item{ margin-top:-81.5px;}

#index .two .item .swiper-pagination{ height:3px;}

#index .two .item .swiper-pagination span{ background:#ff0000;}

#index .two .item .top{ width:100%; background:#fff; padding:20px 120px;}

#index .two .item .top .title{ line-height:40px;}

#index .two .item .top .title .list{ color:#282828; display:none;}

#index .two .item .top .title .list span{ background:url(/images/img14.png) no-repeat left center; color:#282828; padding-left:17px; margin-left:11px;}

#index .two .item .top .title .list.show{ display:inline-block;}

#index .two .item .top .page{ font-size:0;}

#index .two .item .top .page .prev{ width:38px; height:38px; background:url(/images/img17.jpg) no-repeat center; border:1px solid #c1c1c1; border-radius:50%; margin-right:10px;}

#index .two .item .top .page .prev.swiper-button-disabled{ background:url(/images/img15.jpg) no-repeat center; border-color:#fff;}

#index .two .item .top .page .next{ width:38px; height:38px; background:url(/images/img18.jpg) no-repeat center; border:1px solid #c1c1c1; border-radius:50%; margin-right:10px;}

#index .two .item .top .page .next.swiper-button-disabled{ background:url(/images/img16.jpg) no-repeat center; border-color:#fff;}

#index .two .item .bot{ width:100%;}

#index .two .item .bot .swiper-slide{ width:100%; background:#fafafa; padding:70px 120px 70px 166px;}

#index .two .item .bot .swiper-slide .brief{ width:780px; line-height:30px; color:#282828;}

#index .two .item .bot .swiper-slide .more{ background:#ff0000; color:#fff; border-radius:50px; box-shadow:0 0 10px 2px #c5aeae; padding:14px 20px;}

#index .two .item .bot .swiper-slide .more img{ vertical-align:middle; margin-left:35px;}

#index .thr{ padding-top:110px;}

#index .thr .category{ width:100%; text-align:center; font-size:0; margin:20px 0 24px;}

#index .thr .category .list{ color:#bdbdbd; margin:0 10px;}

#index .thr .category .list.on{ color:#ff0000;}

#index .thr .item{ width:100%; position:relative;}

#index .thr .item .prev{ width:35px; position:absolute; top:86px; left:0; z-index:2;}

#index .thr .item .next{ width:35px; position:absolute; top:86px; right:0; z-index:2;}

#index .thr .item .swiper-slide{ width:380px; margin-right:30px;}

#index .thr .item .swiper-slide .picpath{ width:100%;}

#index .thr .item .swiper-slide .picpath img{ width:100%;}

#index .thr .item .swiper-slide .content{ width:100%; font-size:0;}

#index .thr .item .swiper-slide .content .name{ width:100%; margin:34px 0 20px;}

#index .thr .item .swiper-slide .content .name a{ color:#363636;}

#index .thr .item .swiper-slide .content .brief{ width:100%; height:66px; line-height:22px; overflow:hidden; color:#929292;}

#index .thr .item .swiper-slide .content .time{ width:100%; color:#363636; margin-top:28px;}

#index .thr .item .swiper-slide.none{ margin-right:0;}

#index .four{ padding:100px 0 126px;}

#index .four .item{ width:100%; margin-top:38px;}

#index .four .item .list{ width:224px; height:92px; text-align:center; border:1px solid #dcdcdc; margin-top:20px; margin-right:20px;}

#index .four .item .list a{ width:224px; height:92px; display:table-cell; vertical-align:middle;}

#index .four .item .list a img{ max-width:100%; max-height:100%;}

#index .four .item .list.none-one{ margin-top:0;}

#index .four .item .list.none-two{ margin-right:0;}



/*内页样式*/

.inside{}

.inside .inside-title{ width:100%; text-align:center;}

.inside .inside-title .fz24{ color:#282828;}

.inside .inside-title .fz30{ color:#ff0000; margin-top:4px;}



/*产品样式*/

#products{}

#products .one{ padding:70px 0 90px;}

#products .one .search{ width:100%; text-align:center; position:relative; margin-top:30px;}

#products .one .search .form{ width:478px; font-size:0; border-bottom:1px solid #282828; padding-bottom:10px;}

#products .one .search .form .input{ width:450px; height:24px; color:#666;}

#products .one .search .form .sub{ width:24px; height:24px; cursor:pointer; background:url(/images/img35.png) no-repeat center;}

#products .one .search .text-one{ line-height:18px; background:url(/images/img34.jpg) no-repeat right center; color:#363636; position:absolute; top:3px; right:0; z-index:2; padding-right:30px;}

#products .one .item{ width:100%; margin-top:76px;}

#products .one .item .list{ width:398px; text-align:center; background:#fafafa; padding:50px 0 40px; margin-right:3px; margin-top:40px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}

#products .one .item .list .number{ color:#000;}

#products .one .item .list .title{ color:#000; margin-top:6px;}

#products .one .item .list .title.en{height:57px;}

#products .one .item .list .picpath{ width:220px; margin:42px 0 50px;}

#products .one .item .list .picpath img{ width:100%;}

#products .one .item .list .more{ width:100%; opacity:0;}

#products .one .item .list .more a{ background:url(/images/img8.png) no-repeat right center; color:#000; padding-right:40px;}

#products .one .item .list:hover{ background:#f5f5f5;}

#products .one .item .list:hover .more{ opacity:1;}

#products .one .item .list.none-one{ margin-right:0;}

#products .one .item .list.none-two{ margin-top:0;}

#products .two{ width:100%; height:720px; background:url(/images/img36.jpg) no-repeat center; position:relative; background-size:cover; padding-top:137px;}

#products .two .item{ position:relative;}

#products .two .item .back{ background:url(/images/img37.png) no-repeat left center; color:#fff; position:absolute; left:0; top:0; z-index:2; padding-left:16px;}

#products .two .item .picpath{ width:240px; height:460px; text-align:center; overflow:hidden; margin-left:180px; margin-top:40px;}

#products .two .item .picpath img{ max-width:100%; max-height:100%;}

#products .two .item .content{ width:560px; margin-top:110px;}

#products .two .item .content .text-one{ width:100%; color:#ff0000;}

#products .two .item .content .text-two{ width:100%; color:#fff; position:relative; padding-bottom:24px; margin-top:12px;}

#products .two .item .content .text-two::before{ width:14px; height:2px; background:#6b6b6b; position:absolute; left:0; bottom:0; z-index:2; content:'';}

#products .two .item .content .attr{ width:100%; font-size:0; margin:28px 0 22px;}

#products .two .item .content .attr li{ line-height:16px; color:#fff; border-left:2px solid #fff; padding:0 14px;}

#products .two .item .content .attr li.none{ border-left:none; padding-left:0;}

#products .two .item .content .brief{ width:100%; line-height:26px; color:#929292;}

#products .two .item .content .more{ width:420px; line-height:50px; text-align:center; background:#181818; color:#fff; margin-top:30px;}

#products .two .item .content .more img{ vertical-align:middle; margin-left:10px;}

#products .thr{ width:100%; text-align:center; _padding:30px 0;}

#products .thr ul{ font-size:0;}

#products .thr ul li{ display:none; font-size:0;}

#products .thr ul li img{ max-width:100%; height:auto !important;}

#products .thr ul li video{ width:1200px; height:600px;}

#products .thr ul li.show{ display:inline-block;}



/*定制流程*/

#case{}

#case .one{ padding:70px 0 170px;}

#case .one .text-one{ text-align:center; color:#000; margin:22px 0 46px;}

#case .one .item{ width:100%; text-align:center;}

#case .one .item .desc{ width:550px; text-align:right; vertical-align:top; background:url(/images/img61.jpg) no-repeat left top; padding-top:110px; margin-right:56px;}

#case .one .item .desc .img{ width:420px; margin-top:-24px;}

#case .one .item .desc .img img{ width:100%;}

#case .one .item .desc .brief{ width:420px; line-height:22px; text-align:left; margin-top:24px;}

#case .one .item .last{ width:450px; text-align:left; vertical-align:top; font-size:0;}

#case .one .item .last .list{ width:100%; position:relative; padding-top:60px;}

#case .one .item .last .list::before{ width:1px; height:100%; display:inline-block; background:#f0f0f0; position:absolute; left:31px; top:0; z-index:2; content:'';}

#case .one .item .last .list::after{ width:5px; height:5px; display:none; background:#ff0000; border-radius:50%; position:absolute; left:29px; top:-5px; z-index:2; content:'';}

#case .one .item .last .list .number{ width:64px; height:64px; line-height:64px; text-align:center; background:url(/images/img31.jpg) no-repeat center; position:relative; z-index:3; color:#fff;}

#case .one .item .last .list .content{ width:auto; position:absolute; left:84px; top:80px; z-index:2;}

#case .one .item .last .list .content .title{ width:100%; color:#282828;}

#case .one .item .last .list .content .brief{ width:100%; line-height:22px; color:#929292; margin-top:12px;}

#case .one .item .last .list.in::after{ display:inline-block;}



/*定制案例*/

#case .two{ padding:70px 0 110px;}

#case .two .item{ width:100%; margin-top:50px;}

#case .two .item .list{ width:380px; margin-right:30px; margin-top:90px;}

#case .two .item .list .picpath{ width:100%; position:relative;}

#case .two .item .list .picpath .img-one{ width:100%;}

#case .two .item .list .picpath .more{ width:100%; height:100%; text-align:center; display:flex; align-items:center; opacity:0; background:rgba(0,0,0,.5); color:#fff; position:absolute; top:0; left:0; right:0; z-index:2; margin:0 auto;}

#case .two .item .list .picpath .more span{ margin:0 auto;}

#case .two .item .list .picpath .more span img{ vertical-align:middle; margin-right:4px;}

#case .two .item .list .content{ width:100%;}

#case .two .item .list .content .name{ width:100%; margin:32px 0 18px;}

#case .two .item .list .content .name a{ color:#363636;}

#case .two .item .list .content .brief{ width:100%; height:66px; line-height:22px; overflow:hidden; color:#929292;}

#case .two .item .list .content .time{ width:100%; color:#363636; margin-top:28px;}

#case .two .item .list:hover .picpath .more{ opacity:1;}

#case .two .item .list:hover .content .name a{ color:#ff0000;}

#case .two .item .list.none-one{ margin-right:0;}

#case .two .item .list.none-two{ margin-top:0;}



/*企业采购*/

#case .thr{ padding:70px 0 100px;}

#case .thr .title-one{ width:100%; text-align:center; color:#282828;}

#case .thr .content-one{ width:100%; text-align:center; margin-top:40px;}

#case .thr .content-one .item{ width:100%; height:280px; background:url(/images/img43.jpg) no-repeat center bottom; background-size:cover; font-size:0; padding-top:30px;}

#case .thr .content-one .item .list{ width:129px; position:relative; margin:0 15px;}

#case .thr .content-one .item .list .background{ width:100%;}

#case .thr .content-one .item .list .background img{ width:100%;}

#case .thr .content-one .item .list .content{ width:100%; position:absolute; top:34px; z-index:2;}

#case .thr .content-one .item .list .content .icon{ width:46px;}

#case .thr .content-one .item .list .content .icon img{ width:100%;}

#case .thr .content-one .item .list .content .fz14{ width:100%; color:#fff; margin-top:8px;}

#case .thr .content-two{ margin-top:70px;}

#case .thr .content-two .item{ width:100%; margin-top:40px;}

#case .thr .content-two .item .list{ width:285px; margin-right:20px;}

#case .thr .content-two .item .list .title{ width:100%; color:#363636;}

#case .thr .content-two .item .list .arrow{ width:100%; height:11px; position:relative; margin:10px 0 20px;}

#case .thr .content-two .item .list .arrow img{ width:100%; position:absolute; top:0; left:0; z-index:2;}

#case .thr .content-two .item .list .arrow .img1{ opacity:1;}

#case .thr .content-two .item .list .arrow .img2{ opacity:0;}

#case .thr .content-two .item .list .brief{ width:100%; line-height:26px; color:#929292;}

#case .thr .content-two .item .list:hover .title{ color:#ff0000;}

#case .thr .content-two .item .list:hover .arrow .img1{ opacity:0;}

#case .thr .content-two .item .list:hover .arrow .img2{ opacity:1;}

#case .thr .content-two .item .list.none{ margin-right:0;}

#case .thr .content-thr{ width:100%; margin-top:60px;}

#case .thr .content-thr .item{ width:100%; margin-top:40px;}

#case .thr .content-thr .item .list{ width:224px; height:92px; text-align:center; border:1px solid #dcdcdc; margin-top:20px; margin-right:20px;}

#case .thr .content-thr .item .list a{ width:224px; height:92px; display:table-cell; vertical-align:middle;}

#case .thr .content-thr .item .list a img{ max-width:100%; max-height:100%;}

#case .thr .content-thr .item .list.none-one{ margin-top:0;}

#case .thr .content-thr .item .list.none-two{ margin-right:0;}



/*项目合作*/

#case .four{ padding:70px 0 100px;}

#case .four .item{ width:100%; margin-top:50px;}

#case .four .item .picpath{ width:780px; height:360px;}

#case .four .item .picpath img{ width:100%;}

#case .four .item .content{ width:420px; height:360px; background:url(/images/img33.jpg) no-repeat center; background-size:cover; padding:0 30px;}

#case .four .item .content .table-cell{ width:420px; height:360px;}



/*新闻样式*/

#info{}

#info .one{ padding:70px 0 110px;}

#info .one .item{ width:100%; margin-top:50px;}

#info .one .item .list{ width:380px; margin-right:30px; margin-top:90px;}

#info .one .item .list .picpath{ width:100%; position:relative;}

#info .one .item .list .picpath .img-one{ width:100%;}

#info .one .item .list .picpath .more{ width:100%; height:100%; text-align:center; display:flex; align-items:center; opacity:0; background:rgba(0,0,0,.5); color:#fff; position:absolute; top:0; left:0; right:0; z-index:2; margin:0 auto;}

#info .one .item .list .picpath .more span{ margin:0 auto;}

#info .one .item .list .picpath .more span img{ vertical-align:middle; margin-right:4px;}

#info .one .item .list .content{ width:100%;}

#info .one .item .list .content .name{ width:100%; margin:32px 0 18px;}

#info .one .item .list .content .name a{ color:#363636;}

#info .one .item .list .content .brief{ width:100%; height:66px; line-height:22px; overflow:hidden; color:#929292;}

#info .one .item .list .content .time{ width:100%; color:#363636; margin-top:28px;}

#info .one .item .list:hover .picpath .more{ opacity:1;}

#info .one .item .list:hover .content .name a{ color:#ff0000;}

#info .one .item .list.none-one{ margin-right:0;}

#info .one .item .list.none-two{ margin-top:0;}

#info .two{ padding:70px 0 100px;}

#info .two .item{ width:100%; margin-top:36px;}

#info .two .item .top{ width:100%; background:#e8e8e8; padding:14px 20px;}

#info .two .item .top .name{ color:#363636;}

#info .two .item .top .time{ color:#ff0000;}

#info .two .item .cont{ width:100%; line-height:200%; padding:30px 0;}

#info .two .item .cont img{ max-width:100%; height:auto !important;}

#info .two .item .bot{ width:100%;}

#info .two .item .bot .page{ border:1px solid #e8e8e8; padding:20px 30px;}

#info .two .item .bot .page .fz14{ width:50%; line-height:18px;}

#info .two .item .bot .page .fz14.fl{ border-right:2px solid #e8e8e8;}

#info .two .item .bot .page .fz14.fr{ text-align:right;}

#info .two .item .bot .page .fz14 b{ color:#1d1d1d;}

#info .two .item .bot .page .fz14 a{ color:#929292;}

#info .two .item .bot .share{ width:100%; text-align:right; font-size:0; margin-top:40px;}

#info .two .item .bot .share b{ color:#333; margin-right:10px;}

#info .two .item .bot .share a{ width:40px; height:40px; line-height:38px; text-align:center; float:none; background:none; font-size:18px; color:#cdcdcd; border:2px solid #cdcdcd; border-radius:50%; padding:0; margin:0 5px;}

#info .two .item .bot .share a:hover{ color:#ff0000; border-color:#ff0000;}



/*关于我们*/

#about{}

#about .one{ padding:70px 0 96px;}

#about .one .item{ width:100%; line-height:200%; margin-top:36px;}

#about .one .item .content{ width:510px;}

#about .one .item .content .title-one{ width:100%; color:#ff0000;}

#about .one .item .content .title-two{ width:100%; color:#000; margin:10px 0 50px;}

#about .one .item .content .brief{ width:100%; line-height:24px; color:#929292;}

#about .one .item .picpath{ width:560px; margin-top:40px;}

#about .one .item .picpath img{ width:100%;}



/*联系我们*/

#about .two{ padding:70px 0 110px;}

#about .two iframe{ width:100%; height:480px; cursor:pointer; border:none; margin-top:50px;}

#about .two .item{ position:relative; z-index:3;}

#about .two .item .left{ width:380px; height:380px; background:#f5f5f5; padding:38px 30px; margin-top:-150px;}

#about .two .item .left .top{ width:100%;}

#about .two .item .left .top .text-one{ color:#929292;}

#about .two .item .left .top .text-two{ color:#282828; margin-top:20px;}

#about .two .item .left .top .text-thr{ color:#282828; position:relative; padding-bottom:26px;}

#about .two .item .left .top .text-thr::before{ width:180px; height:3px; background:#ff0000; position:absolute; bottom:0; left:-70px; z-index:2; content:'';}

#about .two .item .left .bot{ width:100%; margin-top:40px;}

#about .two .item .left .bot .text-one{ width:100%; color:#282828; margin-top:16px;}

#about .two .item .left .bot .text-one span{ width:86px; display:inline-block; color:#929292;}

#about .two .item .left .bot .text-one.none{ margin-top:0;}

#about .two .item .right{ width:500px; margin-left:80px; margin-top:80px;}

#about .two .item .right .text-one{ line-height:25px; background:url(/images/img27.jpg) no-repeat left center; color:#696969; padding-left:50px;}

#about .two .item .right .text-two{ background:url(/images/img28.jpg) no-repeat left center; padding-left:50px; margin:40px 0;}

#about .two .item .right .text-two .its{}

#about .two .item .right .text-two .its .fz18{ color:#696969;}

#about .two .item .right .text-two .its .fz20{ color:#282828; margin-top:4px;}

#about .two .item .right .text-two .its.margin{ margin-right:36px;}

#about .two .item .right .text-thr{ line-height:22px; background:url(/images/img29.jpg) no-repeat left center; color:#282828; padding-left:50px;}



/*售后服务*/

#service{}

#service .one{ padding:70px 0;}

#service .one .title-one{ width:100%; text-align:center; color:#000; margin:28px 0 50px;}

#service .one .item{ width:100%;}

#service .one .item .list{ width:100%;}

#service .one .item .list .title{ width:100%; background:#e8e8e8; color:#282828; padding:16px;}

#service .one .item .list .title span{ color:#ff0000; margin-right:10px;}

#service .one .item .list .content{ padding:40px;}

#service .one .item .list .content .note{ width:100%; color:#363636; margin-bottom:30px;}

#service .one .item .list .content ul{ width:100%;}

#service .one .item .list .content ul .brief{ width:100%; line-height:24px; background:url(/images/img54.png) no-repeat left 10px; color:#929292; padding-left:23px; margin-top:24px;}

#service .one .item .list .content ul .brief.none{ margin-top:0;}

#service .two{ padding:70px 0;}

#service .two .item{ width:100%; margin-top:50px;}

#service .two .item .list{ width:380px; margin-right:30px; margin-top:70px;}

#service .two .item .list .img{ width:100%; height:160px; overflow:hidden; position:relative;}

#service .two .item .list .img img{ width:100%;}

#service .two .item .list .img::before{ width:100%; height:100%; opacity:0; background:rgba(0,0,0,.4); position:absolute; top:0; left:0; z-index:2; content:'';}

#service .two .item .list .img .download{ line-height:24px; display:inline-table; opacity:0; background:url(/images/img56.png) no-repeat left center; color:#fff; position:absolute; top:50%; left:0; right:0; z-index:3; padding-left:28px; margin:-12px auto 0;}

#service .two .item .list .content{ width:100%;}

#service .two .item .list .content .title{ width:100%; border-bottom:2px solid #f0f0f0; padding:24px 0;}

#service .two .item .list .content .brief{ line-height:34px; margin-top:20px;}

#service .two .item .list .content .brief li{ width:100%; color:#929292;}

#service .two .item .list .content .brief li span{ width:76px; display:inline-block; color:#929292;}

#service .two .item .list:hover .img::before{ opacity:1;}

#service .two .item .list:hover .img .download{ opacity:1;}

#service .two .item .list:hover .content .title{ border-color:#ff0000;}

#service .two .item .list.none-one{ margin-top:0;}

#service .two .item .list.none-two{ margin-right:0;}

#service .thr{ padding:70px 0 100px;}

#service .thr .item{ width:100%; text-align:center;}

#service .thr .item .title-one{ width:100%; line-height:24px; color:#2d2d2d; margin:40px 0 22px;}

#service .thr .item .title-two{ width:720px; line-height:20px; background:url(/images/img57.jpg) no-repeat center; background-size:cover; color:#fff; box-shadow:0 0 0,0 0 0,0 5px 10px #f4adad,0 0 0; padding:18px 0; margin:0 auto;}

#service .thr .item .title-two a{ color:#fff;}

#service .thr .item .title-two a:hover{ color:#333;}

#service .thr .item .content-one{ width:100%; background:url(/images/img58.jpg) no-repeat center top; font-size:0; padding-top:80px;}

#service .thr .item .content-one .list{ width:285px; height:225px; text-align:left; background:#f4f4f4; border:1px solid #dcdcdc; margin:0 7px;}

#service .thr .item .content-one .list .number{ width:100%; border-bottom:1px solid #dcdcdc; padding:15px 19px;}

#service .thr .item .content-one .list .number span{ width:28px; height:28px; line-height:28px; text-align:center; display:inline-block; background:#f62300; color:#fff; border-radius:50%;}

#service .thr .item .content-one .list .brief{ width:100%; line-height:24px; color:#929292; padding:22px 19px;}

#service .thr .item .content-two{ width:100%; margin-top:100px;}

#service .thr .item .content-two .table{ width:100%; text-align:left;}

#service .thr .item .content-two .table th{ height:58px; font-weight:bold; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:0 20px;}

#service .thr .item .content-two .table th.nt1{ border-left:1px solid #dcdcdc;}

#service .thr .item .content-two .table th.nt5{ border-right:1px solid #dcdcdc;}

#service .thr .item .content-two .table td{ height:60px; padding:0 20px;}

#service .four{ padding:70px 0 90px;}

#service .four .text-one{ width:100%; text-align:center; color:#000; margin:20px 0 40px;}

#service .four .item{ width:100%;}

#service .four .item .list{ width:100%; margin-top:10px;}

#service .four .item .list .title{ width:100%; line-height:22px; cursor:pointer; background:#e8e8e8; padding:20px 30px;}

#service .four .item .list .title .fz18{ color:#282828;}

#service .four .item .list .title .fz18 span{ display:inline-block; color:#ff0000; margin-right:10px;}

#service .four .item .list .title .icon{ width:21px; height:21px; background:url(/images/img59.jpg) no-repeat center;}

#service .four .item .list .brief{ width:100%; line-height:30px; display:none; padding:30px;}

#service .four .item .list.none{ margin-top:0;}

#service .four .item .list.on .title .icon{ background:url(/images/img60.jpg) no-repeat center;}

#service .four .text-two{ width:100%; line-height:22px; color:#696969; margin-top:32px;}



/*搜索页面*/

#search{ padding:70px 0 110px;}

#search .item{ width:100%; margin-top:50px;}

#search .item .list{ width:100%; border-bottom:1px dashed #333; padding:16px 0;}





/*英文版兼容*/

#warp.en #float .one .relative .left .title-one .fz24{ display:none;}

#warp.en #float .one .relative .right .list .fz16{ width:170px; line-height:30px;}

#warp.en #footer .one .item{ margin-left:40px;}

#warp.en #footer .one .item .list{width:140px; margin-right:20px;}

#warp.en #footer .one .right{ width:200px;}

#warp.en .inside .inside-title .fz24{ display:none;}

#warp.en .inside .inside-title .fz30{ margin:0;}

#warp.en #about .two .item .right{ width:760px; margin-left:60px; margin-top:50px;}

#warp.en #service .two .item .list .content .brief li span{ width:130px;}