@charset "utf-8"; @font-face { font-family: "DIN"; src: url("./ziti/din-medium.ttf") format("truetype"); } /* 公用 */ body{max-width: 1920px;margin: 0 auto;} .wrap{width:1200px; margin:0 auto;overflow: hidden;} .nowrap{white-space:nowrap;} .fz0{font-size:0;} .max-w100{max-width:100%;} .max-h100{max-height:100%;} .middle{vertical-align:middle;} .middle-span{height:100%; vertical-align:middle; display:inline-block;} .border-box{-moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .swiper-wrapper img{max-width: 100%;} .half{width: 50%;} /*p{margin: 0 0 10px;}*/ .text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .b_pic:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);} .wow{visibility: hidden;} #bdshare_weixin_qrcode_dialog{height: auto !important;} .rotating{transform:rotate(180deg);-ms-transform:rotate(180deg); /* IE 9 */-moz-transform:rotate(180deg); /* Firefox */-webkit-transform:rotate(180deg);/* Safari 和 Chrome */-o-transform:rotate(180deg);} .main_big{margin-bottom: 80px;} .trans5{transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;} /*内容区公共部分*/ #content{width: 965px;overflow: hidden;border-top: solid 3px #da0f2d;} #content .title{font-size: 18px;color: #333333;background: #f4f4f4;height: 58px;line-height: 58px;padding: 0 34px;} #content .title .more{color:#202020;font-size: 14px;} #content .title .more b{color:#da0f2d;font-size: 14px;} #content .title .more:hover{color:#da0f2d;} #content .content{padding: 26px 33px;border: solid 1px #ededed;border-top: none;line-height: 23px;min-height: 510px;} /*上下篇*/ #page{border-top: solid 1px #e5e5e5;padding-top: 38px;margin-top: 50px;} #page .next,#page .prev{color: #da0f2d;} #page .next a,#page .prev a{color: #666;} #page .next a:hover,#page .prev a:hover{color: #da0f2d;} #page .next{margin-top: 12px;} /*Banner部分*/ #banner{width: 100%;max-width: 1920px;overflow: hidden;} #banner .swiper-slide a{display: block;width: 100%;height: 100%;} #banner .swiper-button-prev{width: 17px;height: 30px;background: url(/images/index_left2.png)no-repeat center;} #banner .swiper-button-next{width: 17px;height: 30px;background: url(/images/index_right2.png)no-repeat center;} #banner .swiper-button-prev{left: 50px;} #banner .swiper-button-next{right: 50px;} #banner .swiper-button-prev:hover{transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;background: url(/images/index_left.png)no-repeat center;} #banner .swiper-button-next:hover{transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;background: url(/images/index_right.png)no-repeat center;} #banner .swiper-1 .hd{bottom: 24px;} #banner .swiper-1 .hd .bullet{width: 10px;height: 10px;margin:0 4px;} #banner .swiper-1 .hd .bullet.on{background: #da0f2d;border:1px solid #da0f2d;} /*标题部分*/ #titles{} #titles .tit{font-size: 42px;color: #ee7700;text-align: center;font-weight: bolder;} #titles .tit_en{font-size: 13px;color: #999;text-align: center;} #titles .border_one{width: 278px;height: 1px;background: #999;margin: 0 auto;} #titles .border_two{width: 46px;height: 2px;background: #333;margin: 0 auto;} /*头部部分*/ #header{} #header .wrap1{background: url(/images/header_bg.jpg) repeat-x center;height: 34px;line-height: 34px;} #header .wrap1 .left{font-size: 0;} #header .wrap1 .left .a{display: inline-block;vertical-align: top;margin-left: 11px;} #header .wrap1 .left div.a{color:#333333;font-size: 12px;} #header .wrap1 .left a.a{color:#666666;font-size: 12px;} #header .wrap1 .left a.a:hover{color:#da0f2d;} #header .wrap1 .right .a{display: inline-block;padding: 0 20px;font-size: 12px;color: #666;border-right: dotted 1px #c6c6c6;height: 12px;line-height: 12px;} #header .wrap1 .right .a.last{border-right: none;} #header .wrap1 .right .a:hover{color: #da0f2d;} #header .wrap2{padding: 32px 0;} #header .wrap2 .left .logo{padding-right: 22px;} #header .wrap2 .left .logo img{max-width: 100%;height: auto;} #header .wrap2 .left .brief{padding-left: 21px;border-left: solid 1px #e5e5e5;} #header .wrap2 .left .brief .top{font-size: 22px;color: #0067c0;} #header .wrap2 .left .brief .bot{font-size: 23px;color: #0067c0;} #header .wrap2 .right{margin-top: 12px;} #header .wrap2 .right .img{width: 40px;height: 40px;background: url(/images/phone_head.jpg)no-repeat center;} #header .wrap2 .right .tel{margin-left: 15px;} #header .wrap2 .right .tel .t{font-size: 12px;color: #666;} #header .wrap2 .right .tel .b{font-size: 23px;color: #da0f2d;margin-top: -3px;} #header .wrap3{background: #01a7ef;height: 60px;overflow: hidden;} #header .wrap3 .nav{display: block;font-size: 14px;color: #fff;width: 141px;height: 60px;line-height: 60px;text-align: center;margin-left:10px;background: url(/images/nav.png) no-repeat right center;} #header .wrap3 .nav:first-child:hover{background: #da0f2d;} #header .wrap3 .nav:first-child{margin-left: 0;} #header .wrap3 .nav.on, #header .wrap3 .nav:hover{background: #da0f2d!important;} /*关键词部分*/ #keyword{height: 80px;border-bottom: solid 1px #ebebeb;line-height: 80px;} #header .wrap1 .left .hot, #keyword .left .hot{font-size: 14px;color: #333;font-weight: bolder;} #header .wrap1 .left .hot_list .a, #keyword .left .hot_list .a{font-size: 14px;color: #333;margin-left: 15px;} #keyword .left .hot_list.three_list{padding-top: 3%;line-height: 24px;} #header .wrap1 .left .hot_list .a:hover, #keyword .left .hot_list .a:hover{color: #da0f2d;} #keyword .right form{margin-top: 18px;} #keyword .right .input{border: solid 1px #e6e6e6;padding-left: 36px;background:url(/images/search.jpg)no-repeat 12px 16px;border-right: none;} #keyword .right .input .inputs{width: 350px;height: 44px;line-height: 44px;border: none;} #keyword .right .btns .submit{width: 120px;height: 46px;line-height: 46px;text-align: center;background: #da0f2d;font-size: 12px;color: #fff;border: none;border: solid 1px #da0f2d;border-bottom-right-radius: 3px;border-top-right-radius: 3px;} #keyword .right .btns .submit:hover{opacity: 0.9;} /*面包屑部分*/ #bread{color: #666;font-size: 13px;padding: 29px 0 30px 0;} #bread .wrap{height: 24px;line-height: 24px;padding-left: 16px;background: url(/images/red.jpg) no-repeat left center;} #bread a,#bread span{color: #999999;font-size: 14px;} #bread a:hover,#bread a.on{color: #666666;} /*分页*/ #turn_page{text-align:center; height:45px; } #turn_page .img2{display: none;} #turn_page span{border-radius:0;border:none;background: transparent;margin:0 3px 6px 3px;height:auto;line-height: normal;} #turn_page .page_noclick img, #turn_page .page_button img{vertical-align: top;margin-top: 15px;} #turn_page font, #turn_page a{width: auto;} #turn_page .icon_page_next, #turn_page .icon_page_prev{display: none;background: transparent;} #turn_page .page_button, #turn_page .page_item, #turn_page .page_button, #turn_page .page_noclick, #turn_page .page_item_current{border:none;height: 40px;line-height: 40px;display: inline-block;vertical-align: top;padding:0 18px;color:#666666;font-size: 14px;} #turn_page .page_button, #turn_page .page_button, #turn_page .page_noclick, #turn_page .page_item{background:#ebebeb;border:1px solid #ebebeb;} #turn_page .page_button:hover, #turn_page .page_item:hover, #turn_page .page_item_current{transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;color:#fff;background:#da0f2d;} #turn_page .page_button:hover .img2{display: inline-block;} #turn_page .page_button:hover .img1{display: none;} #turn_page .total{display: inline-block;vertical-align: top;margin:0 4px;width: 76px;text-align: center;line-height: 40px;color:#666666;font-size: 14px;font-family: '微软雅黑';} #turn_page .pageOne{display: inline-block;vertical-align: top;font-size: 0;} #turn_page .pageOne select{display: inline-block;vertical-align: top;background: #fff;font-size: 16px;color:#666666;padding:0 35px 0 17px;background: url(/images/page.jpg) no-repeat 39px center;height: 40px;border:1px solid #e7e7e7;appearance:none;-moz-appearance:none;-webkit-appearance:none;margin-right: 7px;} #turn_page .pageOne option{line-height: 24px;} #turn_page .pageOne .submit{display: inline-block;vertical-align: top;width: 40px;height: 40px;text-align: center;background: #ebebeb;border:none;color:#666666;font-size: 14px;font-family: 'Arial';cursor: pointer;} /*底部部分*/ #footer{} #footer .wrap1{background: #efefef;height: 60px;line-height: 60px;} #footer .wrap1 .img{width: 26px;} #footer .wrap1 .img img{max-width: 100%;height: auto;margin-top: 18px;} #footer .wrap1 .title{color: #777;font-size: 13px;margin-left: 10px;width: 65px;} #footer .wrap1 .wrap{position: relative;} #footer .wrap1 .link_row .swiper-container{width: 980px;} #footer .wrap1 .link_row a{font-size: 12px;color: #333;text-align: center;height: 60px;overflow: hidden;} #footer .wrap1 .link_row a:hover{color: #da0f2d;} #footer .wrap1 .link_row .swiper-button-prev{right: 15px;top: 47px;left: auto;background: url(/images/link_left.png)no-repeat center;width: 6px;height: 12px;} #footer .wrap1 .link_row .swiper-button-next{right: 0;top: 47px;left: auto;background: url(/images/link_right.png)no-repeat center;width: 6px;height: 12px;} #footer .wrap1 .link_row .swiper-button-prev.swiper-button-disabled{background: url(/images/link_left_gray.png)no-repeat center;} #footer .wrap1 .link_row .swiper-button-next.swiper-button-disabled{background: url(/images/link_right_gray.png)no-repeat center;} #footer .wrap2{background: #202020;} #footer .wrap2 .w1{padding: 37px 0 50px 0;border-bottom: solid 1px #313131;} #footer .wrap2 .w1 .a1{padding-top:80px;} #footer .wrap2 .w1 .a1 .logo img{max-width: 100%;height: auto;} #footer .wrap2 .w1 .a1 .logo .logo1{font-size: 22px;color: #a7b2c5;margin-left: 35px;} #footer .wrap2 .w1 .a1 .logo .logo2{font-size: 30px;color: #a7b2c5;margin-left: 35px;} #footer .wrap2 .w1 .a2{margin-top: 24px;margin-left: 45px;} #footer .wrap2 .w1 .a2 .top{font-size: 16px;color: #fff;} #footer .wrap2 .w1 .a2 .nav{margin-top: 25px;} #footer .wrap2 .w1 .a2 .nav .ll{width: 80px;overflow: hidden;} #footer .wrap2 .w1 .a2 .nav .ll a{font-size: 12px;color: #ccc;display: block;margin-top: 12px;} #footer .wrap2 .w1 .a2 .nav .ll a:first-child{margin-top: 0;} #footer .wrap2 .w1 .a2 .nav .ll a:hover{color: #da0f2d;} #footer .wrap2 .w1 .a2 .nav .ll.l2{margin-left: 40px;} #footer .wrap2 .w1 .a3{margin-top: 24px;margin-left: 80px;width: 300px;overflow: hidden;} #footer .wrap2 .w1 .a3 .big{margin-top: 10px;} #footer .wrap2 .w1 .a3 .big:first-child{margin-top: 0;} #footer .wrap2 .w1 .a3 .big .img{margin-top: 6px;} #footer .wrap2 .w1 .a3 .big .img img{max-width: 100%;height: auto;} #footer .wrap2 .w1 .a3 .big .rr{margin-left: 10px;} #footer .wrap2 .w1 .a3 .big .rr .tit{font-size: 16px;color: #fff;} #footer .wrap2 .w1 .a3 .big .rr .con{font-size: 12px;color: #ccc;margin-top: 10px;} #footer .wrap2 .w1 .a3 .big .rr .con.ons{font-size: 16px;color: #fff;} #footer .wrap2 .w1 .a4{margin-top: 27px;} #footer .wrap2 .w1 .a4 .code{width: 120px;text-align: center;} #footer .wrap2 .w1 .a4 .code img{max-width: 100%;height: auto;} #footer .wrap2 .w1 .a4 .font{font-size: 12px;color: #fff;opacity:.45;text-align: center;margin-top: 12px;} #footer .wrap2 .w2{padding: 29px 0;} #footer .wrap2 .w2 .copy{font-size: 12px;color: #ffffff;opacity: .3;} #footer .wrap2 .w2 .icp, #footer .wrap2 .w2 .icp a{font-size: 12px;color: #ffffff;} #footer .wrap2 .w2 .icp{color:#5f5f5f;} #footer .wrap2 .w2 .icp a{opacity: .3;} #footer .wrap2 .w2 .icp a:hover{opacity: 1;} /*侧边导航栏*/ #nav{width: 235px;float: left;} #nav.pro_nav .list .big .more_big, #nav.product_nav .list .big .more_big{padding-bottom: 15px;} #nav.pro_nav .list .big .more_big{height: 0;overflow: hidden;padding-top: 0;padding-bottom: 0;} #nav.product_nav{display: block;} #nav.pro_nav .list .big .more_big.on{height: 100%;} #nav.product_nav .list .big .more_big.on{height: 0;} #nav.pro_nav .list .big .more_big::-webkit-scrollbar {width: 5px;height:6px;} #nav.pro_nav .list .big .more_big::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);} #nav.pro_nav .list .big .more_big::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;} #nav.pro_nav .list .big .more_big::-webkit-scrollbar-track {background: #e5e5e5;} #nav.pro_nav .list .big .more_big::-webkit-scrollbar-thumb {background: #ff9c00;} #nav.pro_nav .list .big .more_big::-webkit-scrollbar-thumb {background: #333;} .pro_nav{display: none;} .pro_nav.open{display: block;position: fixed;top: 0;z-index:2;background: #fff;} .first_nav{display: block;} .first_nav.no_open{display: none;} /*.first_nav.open{display: block;}*/ #nav .big_title{height: 90px;background: #da0f2d;} #nav .big_title .tit_cn{font-size: 24px;color: #ffffff;text-align: center;padding-top: 20px;} #nav .big_title .tit_en{font-size: 12px;color: #ffffff;opacity:.5;font-family: Arial;text-align: center;} #nav .list{border-bottom: solid 1px #e6e6e6;} #nav .list .big .tit{display: block;height: 48px;line-height: 48px;background: #202020 url(/images/category.png)no-repeat 20px;padding: 0 20px 0 43px;font-size: 16px;font-weight: bold;color: #ffffff;} #nav .list .big .tit.on, #nav .list .big .tit:hover{background: #da0f2d url(/images/category.png) no-repeat 20px;} #nav .list .big .more_big{border: solid 1px #e6e6e6;border-bottom: none;border-top: none;padding: 15px 0 58px 0;} #nav .list .big .more_big.no_open{height: 0;overflow: hidden;padding:0;} #nav .list .big .more_big .alls{padding: 0px 30px 0 20px;} #nav .list .big .more_big .alls:first-child{margin-top: 0;} #nav .list .big .more_big .alls .navs{height: 38px;line-height: 38px;font-size: 16px;color: #333;background: url(/images/right.jpg) no-repeat 186px center;display: block;} #nav .list .big .more_big .alls.on .navs, #nav .list .big .more_big .alls .navs:hover, #nav .list .big .more_big.on .alls.on .navs, #nav .list .big .more_big.on .alls .navs:hover, #nav .list .big .more_big.on .alls.ons .navs{background: url(/images/red_right.jpg)no-repeat 203px center;color: #da0f2d;font-weight: bolder;overflow: hidden;height: 38px;line-height: 38px;} #nav .list .big .more_big.on .alls .navs{background: url(/images/right.jpg)no-repeat 176px center;} #nav .list .big .more_big.on .alls .navs:hover,#nav .list .big .more_big.on .alls.ons .navs{background: url(/images/red_right.jpg)no-repeat right;} #nav .list .big .more_big .alls .pro_alls{margin-top: 20px;display: none;} #nav .list .big .more_big .alls.on .pro_alls{display: block;} #nav .list .big .more_big .alls .pro_alls .pros{display: block;font-size: 13px;color: #666;background: url(/images/right.jpg)no-repeat left;padding: 0 20px;margin-top: 15px;} #nav .list .big .more_big .alls .pro_alls .pros:first-child{margin-top: 0;} #nav .list .big .more_big .alls .pro_alls .pros.on,#nav .list .big .more_big .alls .pro_alls .pros:hover{color: #0067bf;font-weight: bolder;} #nav .tel{display: none;height: 122px;background: url(/images/phone_bg.jpg)no-repeat center;background-size: cover;} #nav .tel .tit{font-size: 12px;color: #333;text-align: center;padding-top: 28px;} #nav .tel .tels{font-size: 24px;color: #da0f2d;font-family: 'DIN';text-align: center;} /*产品部分*/ #products .big_title{margin-bottom: 0;} #products .list .big .more_big{padding-bottom: 18px;} #products .list .big .more_big .alls .navs, #products .list .big .more_big.on .alls .navs{padding-left: 18px;background: url(/images/right.jpg) no-repeat left center;} #products .list .big .more_big .alls .navs:hover, #products .list .big .more_big.on .alls.on .navs, #products .list .big .more_big .alls.on .navs{background: url(/images/red_right.jpg) no-repeat left center;} #products .list .big .more_big .alls .navs:hover, #products .list .big .more_big.on .alls.on .navs, #products .list .big .more_big .alls.on .navs{background: url(/images/red_right.jpg) no-repeat left center;} #products .content{padding:0 0 53px 27px;} #products .content .turn_page{margin-top: 51px;} #products .products{display: block;border: solid 1px #ededed;width: 290px;margin-right: 20px;height: 340px;overflow: hidden;margin-top: 20px;/*background: url(/images/product_bg.jpg) no-repeat center center;background: #e0e1dc;*/background: url(../images/products_bg.jpg) no-repeat center center/100% auto; padding-bottom: 10px;} /*首页*/ #products .top_product .products{margin-right:13px;} #products .products:nth-child(3n){margin-right: 0;} #products .top_product .products:nth-child(4){margin-right: 0;margin-left: 14px;} #products .products .img{width: 290px;height: 270px;font-size: 0;padding: 20px 0;text-align: center;overflow: hidden;} #products .products .img img{max-width: 100%;max-height: 100%;} #products .products .img span{display: inline-block;vertical-align: top;height: 100%;} #products .products .font{font-size: 16px;color: #333333;text-align: center;padding-bottom: 24px;margin-top: 10px;} #products .products:hover .img img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);} #products .products:hover .font{color: #da0f2d;overflow: hidden;} /*产品详细部分*/ #products-detail .content{padding:33px 0 33px 27px;} #products-detail .top .left{width: 438px;overflow: hidden;border: solid 1px #ececec;} #products-detail .top .right{width: 425px;margin-right: 30px;} #products-detail .top .left .img{height: 378px;overflow: hidden;} #products-detail .top .left .img img{max-width: 100%;max-height: 100%;height: auto;} #products-detail .top .left .swiper-pagination{text-align: right;padding-right: 20px;} #products-detail .top .left .swiper-slide{text-align: center;} #products-detail .top .left .swiper-slide span{height: 100%;display: inline-block;vertical-align: middle;} #products-detail .top .left .swiper-button-prev{width: 12px;height: 20px;background: url(/images/pro_left.png)no-repeat center;} #products-detail .top .left .swiper-button-next{width: 12px;height: 20px;background: url(/images/pro_right.png)no-repeat center;} #products-detail .top .right .tit{margin-top: 19px;font-size: 22px;color: #333;} #products-detail .top .right .brief{font-size: 18px!important;margin-top: 40px;max-height: 240px;overflow: hidden;margin-bottom: 10px;} #products-detail .top .right .brief *{font-size: 18px!important;} #products-detail .top .right .bottom .tel1 .imgs{width: 40px;height: 40px;background: url(/images/phone_head.jpg)no-repeat center;border-radius: 3px;} #products-detail .top .right .bottom .tel1 .tel{margin-left: 16px;} #products-detail .top .right .bottom .tel1 .tel .t{font-size: 13px;color: #666;} #products-detail .top .right .bottom .tel1 .tel .b{font-size: 16px;color: #da0f2d;font-weight: bolder;} #products-detail .top .right .bottom .tel2{margin-left: 70px;} #products-detail .top .right .bottom .tel2 a{display: block;width: 138px;height: 40px;line-height: 40px;background: #da0f2d url(/images/img11.png)no-repeat 20px;text-align: center;border-radius: 40px;font-size: 13px;color: #fff;text-indent: 16px;} #products-detail .top .right .bottom .tel2 a:hover{opacity: 0.9;} #products-detail .mid{margin-top: 68px;margin-bottom: 38px;margin-right: 30px;background: url(/images/border.jpg) no-repeat right bottom;} #products-detail .mid .a:first-child{border-left: solid 1px #e1e1e1;} #products-detail .mid .a{font-size: 18px;color: #333;text-align: center;display: block;height: 60px;line-height: 60px;width: 128px;border-bottom: solid 1px #e1e1e1;border-left: none;} #products-detail .mid .a.on{font-weight: bolder;color: #da0f2d;border-top: solid 2px #da0f2d;border-right: solid 1px #e1e1e1;border-bottom: none;} #products-detail .bot .dec{display: none;} /*文章列表页*/ #article{} #article.info_box .content{padding-bottom: 63px;} #article.info_box .content .turn_page{margin-top: 54px;} #article .content .article{padding: 20px;border: solid 1px #ededed;margin-top: 20px;} #article .content .article:first-child{margin-top: 0;} #article .content .article .left{width: 200px;overflow: hidden;} #article .content .article .right{width: 610px;overflow: hidden;} #article .content .article .left img{max-width: 100%;height: auto;} #article .content .article .left img:hover{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);} #article .content .article .right .tit{font-size: 18px;color: #333;margin-top: 20px;display: block;} #article .content .article .right .brief{font-size: 13px;color: #666;margin-top: 20px;height: 70px;line-height: 23px;overflow: hidden;} #article .content .article .right .detail{font-size: 13px;color: #da0f2d;width: 140px;height: 40px;line-height: 40px;text-align: center;border:solid 1px #ccc;border-radius: 40px;background: url(/images/jian.png)no-repeat 25px;display: block;text-indent: 30px;margin-top: 20px;} #article .content .article .right .detail:hover{border: solid 1px #da0f2d;} #article .content .article .right .tit:hover{color: #da0f2d;} #article .feedback{border-top: solid 1px #eaeaea;margin-top: 30px;} /*文章详细页*/ #article-detail .content .tit{font-size: 20px;color: #333;text-align: center;font-weight: bolder;padding-top: 20px;padding-bottom: 30px;} /*新闻详细页*/ #article-detail .content .meg{text-align: center;margin-bottom: 56px;} #article-detail .content .meg .big{display: inline-block;height: 30px;line-height: 30px;overflow: hidden;padding-left: 30px;} #article-detail .content .meg .big span{color: #999;} #article-detail .content .meg .big.one{background: url(/images/time.jpg)no-repeat 6px;} #article-detail .content .meg .big.two{background: url(/images/visit.jpg)no-repeat left;margin-left: 25px;} #article-detail .content .shape{color: #666;text-align: center;} #article-detail .blank50{height: 50px;} /*案例*/ #case .content{padding:31px 29px 59px 33px;font-size: 0;} #case .content .article{width: 275px;margin-right: 38px;display: inline-block;vertical-align: top;} #case .content .article:nth-child(3n){margin-right: 0;} #case .content .article .left{width: 273px;height: 164px;display: table-cell;vertical-align: middle;text-align: center;} #case .content .article .right{margin:16px 0 38px ;text-align: center;} #case .content .article .right .tit{color:#666666;font-size: 16px;} #case .content .turn_page{margin-top: 30px;} /*案例-详细*/ #case-detail .content{padding:51px 29px 54px 26px;} #case-detail .content .tit{margin-bottom: 35px;color:#da0f2d;font-size: 22px;} /*技术支持-常见问题*/ #support .content{padding:21px 29px 91px 26px;} #support .question{width: 100%;height: 44px;line-height: 44px;border-bottom:1px solid #efefef;} #support .question .tit{color:#666666;font-size: 14px;padding-left: 23px;background: url(/images/qes_ico.jpg) no-repeat 9px center;} #support .question:hover div{color:#da0f2d;} #support .question:hover .tit{background: url(/images/qes_ico1.jpg) no-repeat 9px center;} /*关于我们*/ #about .content{padding:30px 29px 96px 26px;} /*推荐产品*/ .recom{margin-top: 98px;} .recom .re_tit{font-size: 24px;color: #333;font-weight: bold;padding-left: 16px;background: url(/images/red.jpg) no-repeat left center;} .recom #products .content{padding: 0;border: none;} .recom #products .products{margin-top: 28px;} .recom #products .swiper-pagination{margin-top: 20px;position: relative;} .recom #products .swiper-pagination-bullet{margin: 4px;} /*在线留言*/ .feedback{} .feedback .tit1{font-size: 24px;color: #da0f2d;font-weight: bolder;text-align: center;margin-top: 40px;} .feedback .tit2{font-size: 14px;color: #666;text-align: center;margin-top: 20px;} .feedback .tit3{display: block;width: 140px;height: 40px;text-align: center;line-height: 40px;border: solid 1px #da0f2d;border-radius: 40px;font-size: 13px;color: #da0f2d;text-indent: 20px;background: url(/images/img13.png)no-repeat 25px;margin: 0 auto;margin-top: 20px;} .feedback .tit3:hover{background: #da0f2d url(/images/img11.png)no-repeat 25px;color: #fff;} .feedback form{margin-top: 50px;} .feedback .rows{width: 32%;margin-right: 2%;} .feedback .rows:nth-child(3){margin-right: 0;} .feedback .rows input{border: solid 1px #ddd;height: 48px;line-height: 48px;width: 100%;padding: 0 18px;color: #999;} .feedback .rows.text{width: 100%;height: 130px;margin-top: 20px;} .feedback .rows.text textarea{width: 100%;height: 100%;padding: 18px;color: #999;border: solid 1px #ddd;} .feedback .btns{margin-top: 30px;} .feedback .btns .submit{display: block;width: 100px;height: 40px;line-height: 40px;background: #da0f2d;font-size: 13px;color: #fff;text-align: center;border: solid 1px #da0f2d;margin: 0 auto;} .feedback .btns .submit:hover{background: #fff;color: #da0f2d;} /*招聘职位*/ #join .fz{font-size: 0;} #join .dis{display: inline-block;vertical-align: top;} #join .content{padding-bottom: 50px;} #join .content .tit1{font-size: 30px;color: #333;text-align: center;font-weight: bolder;margin-top: 10px;} #join .content .tit2{font-size: 13px;color: #888;text-align: center;margin-top: 20px;} #join .content .box_table .top{background: #202020;margin-top: 50px;} #join .content .box_table .box_2 .item{font-size: 0;} #join .content .box_table .box_2 .content{} #join .content .box_table .item .same{width: 200px;margin-left: 20px;height: 60px;line-height: 60px;color:#fff;font-size: 16px;} #join .content .box_table .inline-block{display: inline-block;vertical-align: top;} #join .content .box_table .item_2 .same{color:#333333;} #join .content .box_table .item_3.color{background: #fff;} #join .content .box_table .item_3{background:#edeeef;} #join .content .box_table .item .experience{width: 130px;} #join .content .box_table .item .people{width: 130px;} #join .content .box_table .item .place{width: 130px;} #join .content .box_table .item .salary{width: 130px;} #join .content .box_table li{height: 60px;line-height: 60px;} #join .content .box_table .item .jia{display: inline-block;vertical-align: top;background: url('/images/add.png') no-repeat center center; width: 20px; height: 60px; cursor: pointer;} #join .content .box_table .item .jia.jian{background: url(/images/jian_red.png) no-repeat center center;} #join .content .box_table .box_2 .message{height: 0;overflow: hidden;border-top:1px solid transparent;} #join .content .box_table .box_2 .message.open{border-top:;} #join .content .box_table .box_2 .item.touch{background:#fff!important;border-bottom:1px solid #e3e3e3;} #join .content .box_table .box_2 .message .con{width: 95%;margin:20px auto 0 auto;} #join .content .box_table .box_2 .message .require{color:#666666;font-size: 14px;font-weight: bold;margin-bottom: 15px;} #join .content .message .bottom{text-align: center;margin: 55px 0 40px 0;} #join .content .message .bottom a{color:#fff;text-indent: 24px;font-size: 16px;border-radius:5px;background: #da0f2d url(/images/img11.png) no-repeat 22px center;width: 134px;height: 40px;line-height: 40px;} /*联系方式*/ #contact .content{background: url(/images/contact_bg.jpg) no-repeat right bottom;padding-bottom: 87px;} #contact .content .title_big{font-size: 24px;color: #da0f2d;} #contact .content .meg{margin-top: 28px;} #contact .content .meg .dec{font-size: 16px;color: #555555;line-height: 42px;} #map{height: 320px;margin-bottom: 58px;} /*资质*/ .certifi_box{} .certifi_box .certifi{width: 32%;margin-right: 2%;border: solid 1px #ededed;height: 372px;overflow: hidden;margin-top: 20px;} .certifi_box .certifi:nth-child(3n){margin-right: 0;} .certifi_box .certifi .img{height: 311px;text-align: center;overflow: hidden;} .certifi_box .certifi .img img{max-width: 64%;height: auto;padding-top: 30px;} .certifi_box .certifi .font{height: 58px;line-height: 58px;font-size: 14px;color: #333;text-align: center;} .certifi_box .certifi:hover .img img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);} .certifi_box .certifi:hover .font{color: #008cd6;} /*客户名录*/ .client_box{} .client_box .client{width: 239px;height: 140px;background: #fff;overflow: hidden;margin-right: 1px;margin-bottom: 1px;} .client_box .client:nth-child(5n){margin-right: 0;} .client_box .client .center{display: table-cell;vertical-align: middle;text-align: center;background: #fff;} .client_box .client .center img{max-width: 100%;height: 100%;} .client_box .client .center.more img{height: auto;} .client_box .client .h5{margin:5px;} .client_box .client .h5, .client_box .client .center{width: 229px;height: 130px;} .client_box .client:hover{background: #ededed;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;} /*内页*/ #about .client_box {border-left:1px solid #ededed;border-top:1px solid #ededed;} #about .client_box .client{width: 226px;height: 130px;margin:0;border-right:1px solid #ededed;border-bottom:1px solid #ededed;} #about .client_box .client .h5, #about .client_box .client .center{width: 216px;height: 120px;} /*首页部分*/ #index{} #index .title_big{padding-top: 40px;padding-bottom: 30px;} #index .title_big.banner_bottom{padding-top: 80px;padding-bottom: 37px;} #index .title_big .title_cn{font-size: 30px;color: #da0f2d;text-align: center;} #index .title_big .title_border{width: 36px;height: 2px;background: #da0f2d;margin: 0 auto;margin-top: 10px;} #index .title_big .title_en{font-size: 12px;color: #666666;font-family: Arial;text-align: center;margin-top: 12px;text-transform: uppercase;} #index .wrap1{min-height: 1038px;background: url(/images/img20.jpg)no-repeat bottom center;} #index #products #nav,#index #products #content{background: #fff;} #index .main_big{margin-bottom: 0;} #index .top_product{width: 1200px;margin:0 auto;margin-bottom: 60px;} /*实力*/ #index .wrap2{width: 100%;background-repeat: no-repeat;background-position: center top;-webkit-background-size: cover;background-size: cover;margin-top: 60px;padding-bottom: 80px;display: none;} #index .wrap2 .padding{width: 100%;padding:33.85% 0 0;} #index .wrap2 .w1200{width: 1200px;margin:0 auto;} #index .wrap2 img{max-width: 100%;} #index .wrap2 .center_box{width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;margin:auto;} #index .wrap2 .center_box .title1{padding:78px 0 50px 0;color:#da0f2d;font-size: 32px;} #index .wrap2 .center_box {width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;margin:auto;} #index .wrap2 .center_box .swiper-slide .name{position: absolute;bottom: 0;left: 0;width: 100%;padding-left: 20px;color:#ffffff;font-size: 16px;height: 62px;line-height: 62px;background: url(/images/black.png) repeat center;} #index .wrap2 .center_box .swiper-button-prev{margin-top: 0;width: 59px;height: 60px;background: url(/images/company_left.png) no-repeat center;left: 0;right: 0;top: 173px;} #index .wrap2 .center_box .swiper-button-next{margin-top: 0;width: 59px;height: 60px;background: url(/images/company_right.png) no-repeat center;right: 0;left: auto;top: 173px;} #index .wrap2 .center_box .swiper-button-prev.swiper-button-disabled, #index .wrap2 .center_box .swiper-button-next.swiper-button-disabled{opacity: .5;} #index .wrap6{padding-bottom: 50px;position: relative;} #index .wrap6 .con{position: relative;width: 1100px;margin: 0 auto;margin-top: 20px;} #index .sw_big .big{display: block;overflow: hidden;} #index .sw_big .big .img{text-align: center;height: 164px;overflow: hidden;border:1px solid #eeeeee;} #index .sw_big .big .img img{max-width: 100%;height: auto;} #index .sw_big .big .font{font-size: 14px;color: #666;text-align: center;height: 50px;line-height: 50px;} #index .sw_big .big:hover .img img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);} #index .sw_big .big:hover .font{color: #da0f2d;} #index .wrap6 .con .mores{width: 140px;height: 40px;border: solid 1px #ccc;font-size: 14px;color: #da0f2d;text-align: center;line-height: 40px;background: url(/images/case_more.jpg)no-repeat 98px 15px;display: block;border-radius: 40px;margin: 0 auto;margin-top: 40px;text-indent: -20px;} #index .wrap6 .swiper-container{width: 1100px;margin:0 auto;} #index .wrap6 .con .mores:hover{border: solid 1px #da0f2d;} #index .sw_big .swiper-button-prev{margin-top: 0;width: 16px;height: 28px;background: url(/images/case_left_blue.png) no-repeat center;left: -41px;bottom: 110px;} #index .sw_big .swiper-button-next{margin-top: 0;width: 16px;height: 28px;background: url(/images/case_right_blue.png) no-repeat center;right: -41px;bottom: 110px;} #index .wrap6 .sw_big .swiper-button-prev{top: 68px;bottom:auto;} #index .wrap6 .sw_big .swiper-button-next{top: 68px;bottom:auto;} #index .sw_big .swiper-button-prev.swiper-button-disabled{background: url(/images/case_left.png) no-repeat center center;} #index .sw_big .swiper-button-next.swiper-button-disabled{background: url(/images/case_right.png) no-repeat center center;} #index .wrap7{background-repeat:no-repeat;-webkit-background-size: cover;background-size: cover; min-height: 644px;} #index .wrap7 .title_big .title_cn, #index .wrap7 .title_big .title_en{color:#fff;} #index .wrap7 .con{width: 1200px;margin: 0 auto;height: 422px;overflow: hidden;} #index .wrap7 .con .client{display: block;} #index .wrap7 .con .client .t{margin-top: 14px;color:#666666;font-size: 14px;} #index .wrap7 .con a.client:hover .t{color:#da0f2d;} #index .wrap8{padding-bottom: 60px;} #index .wrap8 .top .navs{text-align: center;margin-top: 50px;} #index .wrap8 .top .navs .nav{display: inline-block;width: 120px;height: 40px;text-align: center;line-height: 40px;background: #666666;font-size: 14px;color: #fff;border-radius: 40px;margin-left: 10px;} #index .wrap8 .top .navs .nav:first-child{margin-left: 0;} #index .wrap8 .top .navs .nav.on{background: #da0f2d;} #index .wrap8 .top .certifi_list{margin-top: 65px;} #index .wrap8 .sw_big .big .img{height: 311px;border:none;} #index .wrap8 .sw_big .big .font{height: auto;line-height: normal;margin-top: 25px;} #index .wrap8 .backs{width: 100%;height: 67px;margin-top: 55px;} #index .wrap8 .backs img{max-width: 100%;height: auto;} #index .wrap8 .top .certifi_list .certifi_big{position: relative;width: 1100px;margin: 0 auto;} #index .wrap8 .top .certifi_list .certifi_big.on{display: none;} #index .wrap8 .sw_big .swiper-button-prev,#index .wrap8 .sw_big .swiper-button-prev{top: 47%;} #index .wrap8 .sw_big .swiper-button-prev{background: url(/images/honor_left.png) no-repeat center center;} #index .wrap8 .sw_big .swiper-button-next{background: url(/images/honor_right.png) no-repeat center center;} #index .wrap8 .sw_big .swiper-button-prev.swiper-button-disabled{background: url(/images/honor_left_gray.png) no-repeat center center;} #index .wrap8 .sw_big .swiper-button-next.swiper-button-disabled{background: url(/images/honor_right_gray.png) no-repeat center center;} #index .wrap8 .bot .titles{font-size: 24px;color: #da0f2d; background: url(/images/red.jpg) no-repeat left center;padding-left: 16px;} #index .wrap8 .bot .titles .mores{display: block;font-size: 13px;color: #666;} #index .wrap8 .bot .titles .mores:hover{color: #da0f2d;} #index .wrap8 .bot .left{width: 846px;border: solid 1px #ccc;height: 380px;overflow: hidden;padding: 37px 23px 0 18px} #index .wrap8 .bot .right{width: 320px;border: solid 1px #ccc;height: 380px;overflow: hidden;padding: 18px 23px 8px 19px;} #index .wrap8 .bot .left .con{margin-top: 40px;} #index .wrap8 .bot .left .con .leftss{width: 304px;overflow: hidden;} #index .wrap8 .bot .left .con .rightss{width: 468px;} #index .wrap8 .bot .left .con .leftss img{max-width: 100%;height: auto;} #index .wrap8 .bot .left .con .leftss a img:hover{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);} #index .wrap8 .bot .left .con .rightss .t{font-size: 20px;color: #e10000;text-align: center;display: block;} #index .wrap8 .bot .left .con .rightss .contents{font-size: 14px;color: #666;margin-top: 25px;line-height: 23px;height: 182px;overflow: hidden;} #index .wrap8 .bot .right .list{margin-top: 10px;} #index .wrap8 .bot .right .list .info{display: block;height: 50px;padding: 10px 0;overflow: hidden;border-top: solid 1px #eee;} #index .wrap8 .bot .right .list .info .tit{font-size: 14px;color: #666;} #index .wrap8 .bot .right .list .info .dis{margin-top: 5px;font-size: 12px;color: #999;} #index .wrap8 .bot .right .list .info:first-child{border:none;} #index .wrap8 .bot .right .list .info:hover .tit, #index .wrap8 .bot .right .list .info:hover .dis{color: #da0f2d;}