@charset "utf-8"; /*首页*/ /*首页banner 改*/ .NyBannerxg{ position:relative;} .NyBannerxg img{ width:100%; display:block;} .NyBannerxg .banner_textxg{ position:absolute; left:0; top:80%; color:#fff; width:100%; height:75%;z-index:80;} .NyBannerxg .banner_textxg .width1224xg{ position:relative; height:0%;} .NyBannerxg .jiage_textxg { position:absolute; left:0; top:0%; margin-top:-30px; text-align:left; color:#fff; width:100%; height:50%;} .NyBannerxg .banner_textxg h1{ font-size:40px; line-height:60px; font-weight:normal;} .NyBannerxg .banner_textxg p{ font-size:24px; width:49%; line-height:40px; padding:15px 0 15px 0;} .NyBannerxg .banner_textxg p.yingyong{ font-size:15px; line-height:24px;} .NyBannerxg .banner_textxg .banner_btn{ position:absolute; bottom:20px;} .NyBannerxg .banner_textxg a{ font-size:14px; color:#fff; background:#E68110; border-radius:10px; margin:0 -250px 0 0; padding:10px 30px; cursor: pointer; margin-left: 310px;} .NyBannerxg .banner_textxg a:hover{ background:#FB921C;} /*首页banner条*/ .IndexBanner { } .IndexBanner .banner { width: 100%; height: auto; z-index: 0 } .IndexBanner .swiper-container { width: 100%; height: 100% } .IndexBanner .swiper-slide img { width: 100%; height: 100%; } .IndexBanner .swiper-slide .info { width: 100%; left: 0; margin: 0 auto; position: absolute; height:auto; z-index: 2 } .IndexBanner .swiper-slide .info h3 { color: #fff; text-align: left; font-size: 40px; font-weight: 400; max-width: 1120px; margin: 10% auto 8% auto; z-index: 2; padding: 0 3%; } .IndexBanner .swiper-slide .info p { color: #fff; text-align: left; font-size: 18px; max-width: 1120px; margin: 0 auto; z-index: 2; padding: 0 3%; } .IndexBanner .swiper-slide .info p span { margin-right: 30px; } .IndexBanner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 20px } .IndexBanner .swiper-pagination-bullet { width: 40px; height: 5px; border-radius: 0 } .IndexBanner .swiper-pagination-bullet-active { width: 40px; background: #fff } /*首页相同大标题样式*/ .index_con h2 { font-size: 24px; text-align: center; font-weight: normal; padding: 61px 0; } .index_con h5 { text-align: center; font-size: 14px; font-weight: normal; margin-top: -46px; padding-bottom: 25px; } div.ico:hover img{ transform: scale(1.1); transition: .6s; } /*首页应用栏*/ .index_con .IndexApp { padding-bottom: 20px; } .index_con .IndexApp ul li { float: left; width: 33.333333333%; padding-top:10px; position: relative; overflow: hidden; text-align: center;} .index_con .IndexApp ul li:hover h6{ color:#2b293c;} .index_con .IndexApp ul li .ico { text-align: center; width: 100%; } .index_con .IndexApp ul li .ico img{ max-width:104px;} .index_con .IndexApp ul li h6 { font-size: 21px; text-align: center; color: #333; padding: 15px 0; font-weight: normal; } .index_con .IndexApp ul li p { font-size: 14px; line-height: 35px; min-height: 160px; padding: 0 15%; padding-bottom: 20px; color: #666;} .index_con .IndexApp ul li .ico1 { text-align: -webkit-center; width: 100%; } .index_con .IndexApp ul li .ico1 img{ max-width:100%;} /* .index_con .IndexApp ul li a { position: absolute; left: 0; bottom: 0; display: block; color: #fff; width: 100%; transition: bottom 0.2s; -webkit-transition: bottom 0.2s; -moz-transition: bottom 0.2s; -o-transition: bottom 0.2s; -ms-transition: bottom 0.2s; -moz-transition: bottom 0.2s; font-size: 16px; text-align: center; } */ .index_con .IndexApp ul li a.morexg1 { position: absolute; left: 0; bottom: 0; display: block; color: #fff; width: 100%; transition: bottom 0.2s; -webkit-transition: bottom 0.2s; -moz-transition: bottom 0.2s; -o-transition: bottom 0.2s; -ms-transition: bottom 0.2s; -moz-transition: bottom 0.2s; font-size: 16px; text-align: center; } .index_con .IndexApp ul li:hover a.morexg1 { color: #5BC2F8; bottom: 10px; } .index_con .IndexApp ul li a.morexg { position: absolute; left: 0; bottom: 0; display: block; color: #fff; transition: bottom 0.2s; -webkit-transition: bottom 0.2s; -moz-transition: bottom 0.2s; -o-transition: bottom 0.2s; -ms-transition: bottom 0.2s; -moz-transition: bottom 0.2s; font-size: 16px; text-align: center; } .index_con .IndexApp ul li:hover a.morexg { color: #5BC2F8; bottom: 10px; } .index_con .IndexApp .more a { display: block; text-align: center; color: #4477D3; font-size: 16px; padding: 20px 0; } /*首页业务栏*/ .index_con .IndexYewu { background: #242726 url(../images/yewu_bg.jpg) no-repeat center; padding-bottom: 10px; margin-top: 50px;} .index_con .IndexYewu ul li { float: left; width: calc(25% - 26px); position: relative; margin-left: 13px; margin-right: 13px; display: inline; border-radius: 8px; background: #fff;} .index_con .IndexYewu ul li h6 { font-size: 24px; text-align: center; padding: 5px 0 10px 0; font-weight: normal; } .index_con .IndexYewu ul li p { font-size: 14px; line-height: 30px; min-height: 80px; padding: 0 12% 45px 12%; } .index_con .IndexYewu ul li a { position: absolute; background: url(../images/hei_bg.png) repeat; height: 40px; line-height: 40px; left: 50%; bottom: -30px; margin-left: -74px; display: block; color: #fff; width: 148px; visibility: hidden; transition: bottom 0.2s; -webkit-transition: bottom 0.2s; -moz-transition: bottom 0.2s; -o-transition: bottom 0.2s; -ms-transition: bottom 0.2s; -moz-transition: bottom 0.2s; font-size: 16px; text-align: center; border: 1px solid #999; } .index_con .IndexYewu ul li:hover a { color: #fff; bottom: -20px; visibility: inherit; } /*首页新产品div*/ .index_con .IndexCase121 { padding: 0 0 20px 0; } .index_con .IndexCase121 h6 { text-align: center; font-size: 14px; font-weight: normal; margin-top: -46px; padding-bottom: 25px; } .index_con .IndexCase121 .tab_menu { position: relative; clear: both; border-bottom: 2px solid #EAEAEA; overflow: hidden; margin-bottom: 35px; } .index_con .IndexCase121 .tab_menu li { float: left; text-align: center; background: #F7F7F7; margin-right: 1px; cursor: pointer; width: 30%; height: 37px; line-height: 37px; max-width: 183px; font-size: 16px; color: #333; } .index_con .IndexCase121 .tab_menu li.hover { color: #fff; background: #000; } .index_con .IndexCase121 .tab_menu li.selected { color: #fff; background: #000; } .index_con .IndexCase121 .tab_menu .IndexCase121_more { position: absolute; right: 0; top: 0; line-height: 37px; font-size: 14px; } .index_con .IndexCase121 .tab_box { clear: both; overflow: hidden; } .index_con .IndexCase121 .tab_box dl { position: relative; } .index_con .IndexCase121 .tab_box dl dt { float: left; width: calc(50% - 40px); margin-right: 40px; } .index_con .IndexCase121 .tab_box dl dt img { width: 100%; } .index_con .IndexCase121 .tab_box dl dd { float: left; width: 50%; } .index_con .IndexCase121 .tab_box dl dd h4 a { font-size: 20px; line-height: 28px; padding: 10px 0; display: block; } .index_con .IndexCase121 .tab_box dl dd table tr td { font-size: 14px; } .index_con .IndexCase121 .tab_box dl dd p { min-height: 25px; } .index_con .IndexCase121 .tab_box dl dd p .jiacu{ font-weight:bold; padding-top:10px;} .index_con .IndexCase121 .tab_box dl dd a.more { font-size: 14px; height: 38px; line-height: 38px; background: #E68110; display: block; max-width: 136px; text-align: center; margin-top:15px; } .index_con .IndexCase121 .hide { display: none } .index_con .IndexCase121 .tab_box .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .index_con .IndexCase121 .tab_box .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .index_con .IndexCase121 .tab_box .rslides li:first-child { position: relative; display: block; float: left; } .index_con .IndexCase121 .tab_box .slide_container { position: relative; float: left; width: 100%; } .index_con .IndexCase121 .tab_box .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .index_con .IndexCase121 .tab_box .slide li { position: absolute; width: 100%; left: 0; top: 0; } .index_con .IndexCase121 .tab_box .slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 66px; width: 66px; margin-top: -33px; } .index_con .IndexCase121 .tab_box .slide_nav.prev { background: url(../images/btnleft_bai.png) no-repeat; } .index_con .IndexCase121 .tab_box .slide_nav.prev:active { background: url(../images/btnleft_blue.png) no-repeat; } .index_con .IndexCase121 .tab_box .slide_nav.next { left: auto; right: 0; background: url(../images/btnright_bai.png) no-repeat; } .index_con .IndexCase121 .tab_box .slide_nav.next:active { background: url(../images/btnright_blue.png) no-repeat; } /*首页案例栏*/ .index_con .IndexCase { padding: 0 0 20px 0; } .index_con .IndexCase h6 { text-align: center; font-size: 14px; font-weight: normal; margin-top: -46px; padding-bottom: 25px; } .index_con .IndexCase .tab_menu { position: relative; clear: both; border-bottom: 2px solid #EAEAEA; overflow: hidden; margin-bottom: 35px; } .index_con .IndexCase .tab_menu li { float: left; text-align: center; background: #F7F7F7; margin-right: 1px; cursor: pointer; width: 30%; height: 37px; line-height: 37px; max-width: 183px; font-size: 16px; color: #333; } .index_con .IndexCase .tab_menu li.hover { color: #fff; background: url(../images/IndexNews_tabmenubg.jpg) no-repeat center; } .index_con .IndexCase .tab_menu li.selected { color: #fff; background: url(../images/IndexNews_tabmenubg.jpg) no-repeat center; } .index_con .IndexCase .tab_menu .IndexCase_more { position: absolute; right: 0; top: 0; line-height: 37px; font-size: 14px; } .index_con .IndexCase .tab_box { clear: both; overflow: hidden; } .index_con .IndexCase .tab_box dl { position: relative; } .index_con .IndexCase .tab_box dl dt { float: left; width: calc(50% - 40px); margin-right: 40px; } .index_con .IndexCase .tab_box dl dt img { width: 100%; height: 350px;} .index_con .IndexCase .tab_box dl dd { float: left; width: 50%; } .index_con .IndexCase .tab_box dl dd h4 a { font-size: 20px; line-height: 28px; padding: 10px 0; display: block; } .index_con .IndexCase .tab_box dl dd table tr td { font-size: 14px; } .index_con .IndexCase .tab_box dl dd p { font-size: 14px; color: #333; padding: 10px 0; min-height: 115px; } .index_con .IndexCase .tab_box dl dd p .jiacu{ font-weight:bold; padding-top:10px;} .index_con .IndexCase .tab_box dl dd a.more { font-size: 14px; height: 38px; line-height: 38px; background: #5BC2F8; display: block; max-width: 136px; text-align: center; margin-top:15px; } .index_con .IndexCase .hide { display: none } .index_con .IndexCase .tab_box .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .index_con .IndexCase .tab_box .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .index_con .IndexCase .tab_box .rslides li:first-child { position: relative; display: block; float: left; } .index_con .IndexCase .tab_box .slide_container { position: relative; float: left; width: 100%; } .index_con .IndexCase .tab_box .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .index_con .IndexCase .tab_box .slide li { position: absolute; width: 100%; left: 0; top: 0; } .index_con .IndexCase .tab_box .slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 66px; width: 66px; margin-top: -33px; } .index_con .IndexCase .tab_box .slide_nav.prev { background: url(../images/btnleft_bai.png) no-repeat; } .index_con .IndexCase .tab_box .slide_nav.prev:active { background: url(../images/btnleft_blue.png) no-repeat; } .index_con .IndexCase .tab_box .slide_nav.next { left: auto; right: 0; background: url(../images/btnright_bai.png) no-repeat; } .index_con .IndexCase .tab_box .slide_nav.next:active { background: url(../images/btnright_blue.png) no-repeat; } /*首页banner条*/ .index_con .AdBanner { min-height: 100px; font-size: 25px; background:#011423 url(../images/ad_banner.png) no-repeat center; text-align: center; line-height: 100px; } /*首页新闻栏*/ .index_con .IndexNews { padding: 20px 0; } .index_con .IndexNews .tab_menu { position: relative; clear: both; border-bottom: 2px solid #EAEAEA; overflow: hidden; margin-bottom: 35px; } .index_con .IndexNews .tab_menu li { float: left; text-align: center; background: #F7F7F7; margin-right: 1px; cursor: pointer; width: 30%; height: 37px; line-height: 37px; max-width: 183px; font-size: 16px; color: #333; } .index_con .IndexNews .tab_menu li.hover { color: #fff; background: url(../images/IndexNews_tabmenubg.jpg) no-repeat center; } .index_con .IndexNews .tab_menu li.selected { color: #fff; background: url(../images/IndexNews_tabmenubg.jpg) no-repeat center; } .index_con .IndexNews .tab_menu .IndexNews_more { position: absolute; right: 0; top: 0; line-height: 37px; font-size: 14px; } .index_con .IndexNews .tab_box { clear: both; overflow: hidden; } .index_con .IndexNews .tab_box dl { position: relative; float: left; width: 62%; clear: both; overflow: hidden; } .index_con .IndexNews .tab_box dl dt { float: left; width: calc(41% - 20px); margin-right: 20px; } .index_con .IndexNews .tab_box dl dt img { width: 100%; height: 175px;} .index_con .IndexNews .tab_box dl dd { float: left; width: calc(59% - 30px); margin-right: 30px; } .index_con .IndexNews .tab_box dl dd h4 a { font-size: 20px; line-height: 28px; padding: 10px 0; display: block; } .index_con .IndexNews .tab_box dl dd p { font-size: 14px; } .index_con .IndexNews .tab_box dl dd a.more { font-size: 14px; position: absolute; bottom: 10px; right: 30px; } .index_con .IndexNews .tab_box ul { float: right; width: 38%; padding-top: 0; } .index_con .IndexNews .tab_box ul li { border-bottom: 1px dashed #ECECEC; line-height: 38px; height: 38px; font-size: 14px; } .index_con .IndexNews .tab_box ul li span { float: left; color: #999; width: 100px; } .index_con .IndexNews .tab_box ul li a { float: right; color: #333; width: calc(100% - 100px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left; } .index_con .IndexNews .hide { display: none } /*首页合作伙伴*/ .sj_link{display:none} .pc_link{display:block} .index_con .IndexPartner { background: #F2F4F7; padding: 10px 0 50px 0; clear: both; overflow: hidden; } .index_con .IndexPartner .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .index_con .IndexPartner .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .index_con .IndexPartner .rslides li:first-child { position: relative; display: block; float: left; } .index_con .IndexPartner .slide_container { position: relative; float: left; width: 100%; } .index_con .IndexPartner .rslides li .link_img { width: calc(100% - 132px); margin: 0 auto; } .index_con .IndexPartner .rslides li .link_img a { display: block; padding: 0; width: calc(20% - 10px); margin: 0 5px; float: left; } .index_con .IndexPartner .rslides li .link_img img { width: 100%; height: 80px;} .index_con .IndexPartner .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .index_con .IndexPartner .slide li { position: absolute; width: 100%; left: 0; top: 0; } .index_con .IndexPartner .slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 66px; width: 66px; margin-top: -33px; } .index_con .IndexPartner .slide_nav.prev { background: url(../images/btnleft_bai.png) no-repeat; } .index_con .IndexPartner .slide_nav.prev:active { background: url(../images/btnleft_blue.png) no-repeat; } .index_con .IndexPartner .slide_nav.next { left: auto; right: 0; background: url(../images/btnright_bai.png) no-repeat; } .index_con .IndexPartner .slide_nav.next:active { background: url(../images/btnright_blue.png) no-repeat; } @media (max-width: 767px) { /*首页*/ /*首页banner 改*/ .NyBannerxg{ position:relative; overflow: hidden; width: 100%; height: 100%; } .NyBannerxg img{width: 160%; margin-left: -30%;} .NyBannerxg .banner_textxg{ position:absolute; left:0; top:90%; color:#fff; width:100%; height:100%;} .banner_textxg .width1224xg { margin: 0 auto; width: 95%; padding: 0% 2.5%; } .banner_textxg .width1224xg img{width: 100%;} .NyBannerxg .jiage_textxg { position:absolute; left:0; top:30%; color:#fff; width:100%;} .NyBannerxg .banner_textxg h1{ font-size:16px; line-height:30px; font-weight:normal;} .NyBannerxg .banner_textxg p{ font-size:12px; width:100%; line-height:20px; padding:0px 0 10px 0;} .NyBannerxg .banner_textxg .banner_btnxg{ width:100%; max-width:600px;text-align:center; margin:0% auto 0 auto;position: absolute; bottom: 10px; left:0;} .NyBannerxg .banner_textxg a{ font-size:12px; color:#fff; background:#377EE8; border-radius:3px; margin:0 20px; padding:5px 15px;} .NyBannerxg .banner_textxg a:hover{ background:#419BF9;} /*首页banner条*/ .IndexBanner .banner { width: 100%; height: auto; z-index: 0; } .IndexBanner .swiper-container { width: 100%; height: 100%; } .IndexBanner .swiper-slide img { width: 160%; height: 100%; margin-left: -30%; } .IndexBanner .swiper-slide .info { width: 100%; left: 0; margin: 0 auto; position: absolute; height:auto; z-index: 2 } .IndexBanner .swiper-slide .info h3 { color: #fff; text-align: left; font-size: 18px; font-weight: 400; max-width: 1120px; margin: 8% auto 2% auto; z-index: 2; padding: 0 3%; } .IndexBanner .swiper-slide .info p { color: #fff; text-align: left; font-size: 12px; line-height: 20px; max-width: 1120px; margin: 0 auto; z-index: 2; padding: 0 3%; } .IndexBanner .swiper-slide .info p span { margin-right: 20px; } .IndexBanner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 6px } .IndexBanner .swiper-pagination-bullet { width: 20px; height: 3px; border-radius: 0 } .IndexBanner .swiper-pagination-bullet-active { width: 20px; background: #fff } /*首页相同大标题样式*/ .index_con h2 { font-size: 18px; text-align: center; font-weight: normal; padding: 22px 0; } .index_con h5 { text-align: center; font-size: 14px; font-weight: normal; margin-top: -10px; padding-bottom: 15px; } /*首页应用栏*/ .index_con .IndexApp ul li { float: left; width: 50%; position: relative; margin-bottom: 15px; overflow: hidden; height: 230px;} .index_con .IndexApp ul li .ico { text-align: center; width: 100%; } .index_con .IndexApp ul li .ico img { max-width: 40px; } .index_con .IndexApp ul li h6 { font-size: 16px; text-align: center; color: #333; padding: 5px 0; font-weight: normal; } .index_con .IndexApp ul li p { font-size: 12px; line-height: 20px; min-height: 120px; padding: 0 3%; padding-bottom: 20px; } .index_con .IndexApp ul li a.morexg { position: absolute; left: 0; bottom: 0; display: block; color: #fff; transition: bottom 0.2s; -webkit-transition: bottom 0.2s; -moz-transition: bottom 0.2s; -o-transition: bottom 0.2s; -ms-transition: bottom 0.2s; -moz-transition: bottom 0.2s; font-size: 14px; text-align: center; } .index_con .IndexApp ul li:hover a.morexg { color: #5BC2F8; bottom: 10px; } .index_con .IndexApp .more a { display: block; text-align: center; color: #4477D3; font-size: 14px; padding: 12px 0; } /*首页业务栏*/ .index_con .IndexYewu { background: #242726 url(../images/yewu_bg.jpg) repeat; padding-bottom: 20px; padding-top: 10px } .index_con .IndexYewu ul li { float: left; width: calc(50% - 10px); position: relative; margin-left: 5px; margin-right: 5px; display: inline; background: url(../images/hei_bg.png) repeat; margin-bottom: 25px; } .index_con .IndexYewu ul li h6 { font-size: 16px; text-align: center; padding: 20px 0 12px 0; font-weight: normal; } .index_con .IndexYewu ul li p { font-size: 12px; line-height: 20px; min-height: 100px; padding: 0 6% 45px 6%; } .index_con .IndexYewu ul li a { position: absolute; background: url(../images/hei_bg.png) repeat; height: 30px; line-height: 30px; left: 50%; bottom: -25px; margin-left: -54px; display: block; color: #fff; width: 108px; visibility: hidden; transition: bottom 0.2s; -webkit-transition: bottom 0.2s; -moz-transition: bottom 0.2s; -o-transition: bottom 0.2s; -ms-transition: bottom 0.2s; -moz-transition: bottom 0.2s; font-size: 14px; text-align: center; border: 1px solid #999; } .index_con .IndexYewu ul li:hover a { color: #fff; bottom: -15px; visibility: inherit; } /*首页案例栏*/ .index_con .IndexCase { padding: 20px 0; } .index_con .IndexCase h6 { text-align: center; font-size: 14px; font-weight: normal; margin-top: -15px; padding-bottom: 15px; } .index_con .IndexCase .tab_menu { position: relative; clear: both; border-bottom: 2px solid #EAEAEA; overflow: hidden; margin-bottom: 15px; } .index_con .IndexCase .tab_menu li { float: left; text-align: center; background: #F7F7F7; margin-right: 1px; cursor: pointer; width: 22%; height: 32px; line-height: 32px; max-width: 183px; font-size: 14px; color: #333; } .index_con .IndexCase .tab_menu li.hover { color: #fff; background: url(../images/IndexNews_tabmenubg.jpg) no-repeat center; } .index_con .IndexCase .tab_menu li.selected { color: #fff; background: url(../images/IndexNews_tabmenubg.jpg) no-repeat center; } .index_con .IndexCase .tab_menu .IndexCase_more { position: absolute; right: 0; top: 0; line-height: 37px; font-size: 14px; } .index_con .IndexCase .tab_box { clear: both; overflow: hidden; } .index_con .IndexCase .tab_box dl { position: relative; } .index_con .IndexCase .tab_box dl dt { float: left; width: 100%; margin-right: 0; } .index_con .IndexCase .tab_box dl dt img { width: 100%; height: 150px;} .index_con .IndexCase .tab_box dl dd { float: left; width: 100%; } .index_con .IndexCase .tab_box dl dd h4 a { font-size: 16px; line-height: 22px; padding: 10px 0; display: block; } .index_con .IndexCase .tab_box dl dd table tr td { font-size: 12px; } .index_con .IndexCase .tab_box dl dd p { font-size: 14px; color: #333; padding: 10px 0; min-height: inherit; } .index_con .IndexCase .tab_box dl dd a.more { font-size: 14px; height: 32px; line-height: 32px; background: #5BC2F8; display: block; max-width: 106px; text-align: center; margin-top:20px; } .index_con .IndexCase .hide { display: none } .index_con .IndexCase .tab_box .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .index_con .IndexCase .tab_box .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .index_con .IndexCase .tab_box .rslides li:first-child { position: relative; display: block; float: left; } .index_con .IndexCase .tab_box .slide_container { position: relative; float: left; width: 100%; } .index_con .IndexCase .tab_box .slide { position: relative; list-style: none; overflow: hidden; width: 82%; padding: 0; margin: 0 auto; } .index_con .IndexCase .tab_box .slide li { position: absolute; width: 100%; left: 0; top: 0; } .index_con .IndexCase .tab_box .slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 40px; width: 40px; margin-top: -20px; } .index_con .IndexCase .tab_box .slide_nav.prev { background: url(../images/btnleft_bai.png) no-repeat; background-size: 40px; } .index_con .IndexCase .tab_box .slide_nav.prev:active { background: url(../images/btnleft_blue.png) no-repeat; background-size: 40px; } .index_con .IndexCase .tab_box .slide_nav.next { left: auto; right: 0; background: url(../images/btnright_bai.png) no-repeat; background-size: 40px; } .index_con .IndexCase .tab_box .slide_nav.next:active { background: url(../images/btnright_blue.png) no-repeat; background-size: 40px; } /*首页adbanner条*/ .index_con .AdBanner { min-height: inherit; padding: 70px 5%; font-size: 20px; background: url(../images/ad_banner.png) no-repeat center; text-align: center; line-height: 35px; background-size: 100% 100%; } /*首页新闻栏*/ .index_con .IndexNews { padding: 20px 0; } .index_con .IndexNews .tab { } .index_con .IndexNews .tab_menu { clear: both; border-bottom: 2px solid #EAEAEA; overflow: hidden; margin-bottom: 15px; } .index_con .IndexNews .tab_menu li { float: left; text-align: center; background: #F7F7F7; margin-right: 1px; cursor: pointer; width: 22%; height: 32px; line-height: 32px; max-width: 183px; font-size: 14px; color: #333; } .index_con .IndexNews .tab_menu li.hover { color: #fff; background: url(../images/IndexNews_tabmenubg.jpg) no-repeat center; } .index_con .IndexNews .tab_menu li.selected { color: #fff; background: url(../images/IndexNews_tabmenubg.jpg) no-repeat center; } .index_con .IndexNews .tab_menu .IndexNews_more { position: absolute; right: 0; top: 0; line-height: 32px; font-size: 12px; } .index_con .IndexNews .tab_box { clear: both; overflow: hidden; } .index_con .IndexNews .tab_box dl { position: relative; float: left; width: 100%; clear: both; overflow: hidden; } .index_con .IndexNews .tab_box dl dt { float: left; width: 100%; margin-right: 0; } .index_con .IndexNews .tab_box dl dt img { width: 100%; } .index_con .IndexNews .tab_box dl dd { float: left; width: 100%; margin-right: 0; border-bottom: 1px dashed #ECECEC; } .index_con .IndexNews .tab_box dl dd h4 a { font-size: 16px; line-height: 22px; padding: 10px 0; display: block; } .index_con .IndexNews .tab_box dl dd p { font-size: 12px; } .index_con .IndexNews .tab_box dl dd a.more { font-size: 14px; position: inherit; padding-bottom: 10px; display: block; bottom: 10px; right: 20px; } .index_con .IndexNews .tab_box ul { float: right; width: 100%; padding-top: 10px; } .index_con .IndexNews .tab_box ul li { border-bottom: 1px dashed #ECECEC; line-height: 32px; height: 32px; font-size: 12px; } .index_con .IndexNews .tab_box ul li span { float: left; color: #999; width: 100px; } .index_con .IndexNews .tab_box ul li a { float: right; color: #333; width: calc(100% - 100px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; } .index_con .IndexNews .hide { display: none } /*首页合作伙伴*/ .index_con .IndexPartner { background: #F2F4F7; padding: 10px 0 20px 0; clear: both; overflow: hidden; } .index_con .IndexPartner .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .index_con .IndexPartner .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; height:50px; width: 100%; left: 0; top: 0; } .index_con .IndexPartner .rslides li:first-child { position: relative; display: block; float: left; } .index_con .IndexPartner .slide_container { position: relative; float: left; width: 100%; } /* 首页合作伙伴添加 手机 */ .sj_link{display:block} .pc_link{display:none;} .index_con .IndexPartner .rslides li .link_img { width: calc(100% - 100px); margin: 0 auto; } .index_con .IndexPartner .rslides li .link_img a { display: block; padding: 0; width: calc(50% - 10px); margin: 5px; float: left; } /*.index_con .IndexPartner .rslides li .link_img a:nth-child(-n+2) { display:block;} .index_con .IndexPartner .rslides li .link_img a:nth-child(n+3) {display: none;}*/ .index_con .IndexPartner .rslides li .link_img img { width: 100%; display: block; height: 40px; } .index_con .IndexPartner .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .index_con .IndexPartner .slide li { position: absolute; width: 100%; left: 0; top: 0; } .index_con .IndexPartner .slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 40px; width: 40px; margin-top: -20px; } .index_con .IndexPartner .slide_nav.prev { background: url(../images/btnleft_bai.png) no-repeat; background-size: 40px; } .index_con .IndexPartner .slide_nav.prev:active { background: url(../images/btnleft_blue.png) no-repeat; background-size: 40px; } .index_con .IndexPartner .slide_nav.next { left: auto; right: 0; background: url(../images/btnright_bai.png) no-repeat; background-size: 40px; } .index_con .IndexPartner .slide_nav.next:active { background: url(../images/btnright_blue.png) no-repeat; background-size: 40px; } } .ny_con { padding-bottom: 50px; } /*搜索页*/ .ny_con .SearchPage .search_circle { background: #F2F4F7; padding: 36px 0; } .ny_con .SearchPage .search_circle .search2 { margin: 0 auto; width: 100%; max-width: 600px; position:relative; } .ny_con .SearchPage .search_circle .search2 input.put{ background:#fff; height:30px; text-indent:10px; line-height:30px; font-size:14px; border:1px solid #D9D9D9; border-right:0; border-radius:3px; border-top-right-radius:0; border-bottom-right-radius:0;width:calc(100% - 97px); float:left;} .ny_con .SearchPage .search_circle .search2 input.put:hover{ background:#F2F4F7; border-color:#419BF9;} .ny_con .SearchPage .search_circle .search2 input.btn{ background:#5BC2F8; height:32px; border:0;border-radius:3px; border-top-left-radius:0;border-bottom-left-radius:0; width:96px; float:left; text-align:center; color:#fff; cursor:pointer;} .ny_con .SearchPage .search_circle .search2 #word { position: absolute; z-index: 99; width:calc(100% - 20px); height: auto; background-color: white; display: none; box-shadow:0px 2px 5px #ccc; padding:10px; } .ny_con .SearchPage .search_circle .search2 .click_work {font-weight: lighter; font-size: 14px; cursor: pointer;/*鼠标放上变成小手*/ } .ny_con .SearchPage .search_circle .search2 .click_work:hover { color: #419BF9; background-color:#eee;; } .ny_con .SearchPage .search_circle .search2 .error { color: gray; cursor: pointer;/*鼠标放上变成小手*/ } .ny_con .SearchPage .search_list .title { padding: 19px 0; border-bottom: 1px solid #DDDDDD; font-size: 14px; } .ny_con .SearchPage .search_list ul li { padding: 10px 0; } .ny_con .SearchPage .search_list ul li h6 { font-size: 16px; padding: 10px 0 0 0; font-weight: normal; } .ny_con .SearchPage .search_list ul li p { font-size: 14px; padding: 10px 0; } .ny_con .SearchPage .search_list ul li span.date { color: #aaa; } /*内页banner*/ .NyBanner{ position:relative;} .NyBanner img{ width:100%; display:block; margin-top: -10px;} .NyBanner .banner_text{ position:absolute; left:0; top:25%; color:#fff; width:100%; /*! height:75%; */z-index:8;} .NyBanner .banner_text .width1224{ position:relative; } .NyBanner .jiage_text { position:absolute; left:0; top:50%; margin-top:-30px; text-align:left; color:#fff; width:100%; /*! height:50%; */} .NyBanner .banner_text h1{ font-size:40px; line-height:60px; font-weight:normal;} .NyBanner .banner_text p{ font-size:24px; width:49%; line-height:40px; padding:15px 0 15px 0;} .NyBanner .banner_text p.yingyong{ font-size:15px; line-height:24px;} .NyBanner .banner_text .banner_btn{ position:absolute;} .NyBanner .banner_text a{ font-size:14px; color:#fff; background:#E68110; border-radius:3px; margin:0 40px 0 0; padding:10px 30px; cursor: pointer;} .NyBanner .banner_text a:hover{ background:#E4953E;} .NyBanner #bannertext{position: absolute;left: 168px;top: 50%;transform: translateY(-50%);color: #ffffff;font-size:38px;} #bannertext .strAdmin{color: #ffd010;font-size:38px;} #bannertext i{ display: inline-block; height: 40px; margin: 2px 2px 0 2px; width: 1px; vertical-align: top; background-color: #ffd010; animation-name: fadeInOut; opacity: 1; animation-duration: 0.6s; animation-iteration-count: infinite; word-wrap: break-word; word-break: break-all; } .NyBanner .jieshao{ margin-top: 18px; display: inline-block; font-size: 18px; color: #ffd010; } .NyBanner .shiyong{ margin-top: 10px; display: inline-block; font-size: 25px; color: #ffd010; } .NyBanner .banner_siyoubushu{ position: absolute; bottom: 8px; z-index: 1; color: #fffe7b; font-size: 12px; left: 32%; padding: 9px 43px; border: 1px solid #fffe7b; border-radius: 38px;} .NyBanner .banner_lijishiyong{ position: absolute; bottom: 8px; z-index: 1; color: #ffffff; font-size: 13px; left: 21%; padding: 8px 25px; border: 1px solid #fff; border-radius: 38px; } .NyBanner .banner-btn-box { background: #fff; display: flex; height: 60px; border-radius: 6px; overflow: hidden; width: 480px; position: absolute; bottom: 60px; left: 10%; } .NyBanner .banner-btn-box input { border: none; flex: 1; font-size: 18px; padding: 0 15px; } .NyBanner .banner-btn-box button { background-image: linear-gradient(180deg, #FECB53 0%, #FC9B29 100%); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.19); border-radius: 6px; color: #fff; border: none; width: 150px; font-size: 18px; } /*产品页面*/ .ny_con .ProductPage .pro_submenu2{ display:block;} .ny_con .ProductPage .pro_submenu3 { display:none;} .ny_con .ProductPage{ min-height:80px; margin:64px 0;} .ny_con .ProductPage .pro_submenu{ min-height:80px; background:#F4F4F4; margin:64px 0;} .ny_con .ProductPage .pro_submenu .brandSort { width:calc(100% - 26px); padding-right:26px; max-width:1120px; margin:0 auto; height: inherit; position: relative; zoom: 1 } .ny_con .ProductPage .pro_submenu .v_box,.ny_con .ProductPage .pro_submenu .h_box,.ny_con .ProductPage .pro_submenu .close_box { width:100%; } .ny_con .ProductPage .pro_submenu .v_box ul li, .ny_con .ProductPage .pro_submenu .h_box ul li {float: left; width:10%; text-align:center; font-size:14px; height:80px; overflow: hidden; } .ny_con .ProductPage .pro_submenu .v_box ul li a, .ny_con .ProductPage .pro_submenu .h_box ul li a {color: #333; padding-top:45px; display:block; height:80px; } /* .ny_con .ProductPage .pro_submenu .v_box ul li a:hover, .ny_con .ProductPage .pro_submenu .h_box ul li a:hover { color: #fff; } */ /*产品页面二级导航背景*/ /* 定制 */ #a39 a{ background:url(../images/39.svg) no-repeat center top 16px; background-size:30px;} #a39 a.dq,#a39 a:hover{background:#6689E6 url(../images/39bai.svg) no-repeat center top 16px; background-size:30px;color: #fff;} #a40 a{ background:url(../images/40.svg) no-repeat center top 19px; background-size:26px;} #a40 a.dq,#a40 a:hover{background:#6689E6 url(../images/40bai.svg) no-repeat center top 19px; background-size:26px;color: #fff;} #a41 a{ background:url(../images/41.svg) no-repeat center top 16px; background-size:30px;} #a41 a.dq,#a41 a:hover{background:#6689E6 url(../images/41bai.svg) no-repeat center top 16px; background-size:30px;color: #fff;} /* crm */ #a42 a{ background:url(../images/42.svg) no-repeat center top 16px; background-size:26px;} #a42 a.dq,#a42 a:hover{background:#6689E6 url(../images/42bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a43 a{ background:url(../images/43.svg) no-repeat center top 16px; background-size:26px;} #a43 a.dq,#a43 a:hover{background:#6689E6 url(../images/43bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a44 a{ background:url(../images/44.svg) no-repeat center top 16px; background-size:26px;} #a44 a.dq,#a44 a:hover{background:#6689E6 url(../images/44bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a45 a{ background:url(../images/45.svg) no-repeat center top 16px; background-size:26px;} #a45 a.dq,#a45 a:hover{background:#6689E6 url(../images/45bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a46 a{ background:url(../images/46.svg) no-repeat center top 16px; background-size:26px;} #a46 a.dq,#a46 a:hover{background:#6689E6 url(../images/46.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a47 a{ background:url(../images/47.svg) no-repeat center top 16px; background-size:26px;} #a47 a.dq,#a47 a:hover{background:#6689E6 url(../images/47bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a48 a{ background:url(../images/48.svg) no-repeat center top 16px; background-size:26px;} #a48 a.dq,#a48 a:hover{background:#6689E6 url(../images/48bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a49 a{ background:url(../images/49.svg) no-repeat center top 16px; background-size:26px;} #a49 a.dq,#a49 a:hover{background:#6689E6 url(../images/49bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a50 a{ background:url(../images/50.svg) no-repeat center top 16px; background-size:26px;} #a50 a.dq,#a50 a:hover{background:#6689E6 url(../images/50bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a51 a{ background:url(../images/51.svg) no-repeat center top 16px; background-size:26px;} #a51 a.dq,#a51 a:hover{background:#6689E6 url(../images/51bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a52 a{ background:url(../images/52.svg) no-repeat center top 16px; background-size:26px;} #a52 a.dq,#a52 a:hover{background:#6689E6 url(../images/52bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a53 a{ background:url(../images/53.svg) no-repeat center top 16px; background-size:26px;} #a53 a.dq,#a53 a:hover{background:#6689E6 url(../images/53bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a54 a{ background:url(../images/54.svg) no-repeat center top 16px; background-size:26px;} #a54 a.dq,#a54 a:hover{background:#6689E6 url(../images/54bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a55 a{ background:url(../images/55.svg) no-repeat center top 16px; background-size:26px;} #a55 a.dq,#a55 a:hover{background:#6689E6 url(../images/55bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a56 a{ background:url(../images/56.svg) no-repeat center top 16px; background-size:26px;} #a56 a.dq,#a56 a:hover{background:#6689E6 url(../images/56bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a57 a{ background:url(../images/57.svg) no-repeat center top 16px; background-size:26px;} #a57 a.dq,#a57 a:hover{background:#6689E6 url(../images/57bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a58 a{ background:url(../images/58.svg) no-repeat center top 16px; background-size:26px;} #a58 a.dq,#a58 a:hover{background:#6689E6 url(../images/58bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a59 a{ background:url(../images/59.svg) no-repeat center top 16px; background-size:26px;} #a59 a.dq,#a59 a:hover{background:#6689E6 url(../images/59bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a60 a{ background:url(../images/60.svg) no-repeat center top 16px; background-size:26px;} #a60 a.dq,#a60 a:hover{background:#6689E6 url(../images/60bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a61 a{ background:url(../images/61.svg) no-repeat center top 16px; background-size:26px;} #a61 a.dq,#a61 a:hover{background:#6689E6 url(../images/61bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a62 a{ background:url(../images/62.svg) no-repeat center top 12px; background-size:32px;} #a62 a.dq,#a62 a:hover{background:#6689E6 url(../images/62bai.svg) no-repeat center top 12px; background-size:32px;color: #fff;} #a63 a{ background:url(../images/63.svg) no-repeat center top 16px; background-size:26px;} #a63 a.dq,#a63 a:hover{background:#6689E6 url(../images/63bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a64 a{ background:url(../images/64.svg) no-repeat center top 10px; background-size:38px;} #a64 a.dq,#a64 a:hover{background:#6689E6 url(../images/64bai.svg) no-repeat center top 10px; background-size:38px;color: #fff;} #a65 a{ background:url(../images/65.svg) no-repeat center top 16px; background-size:26px;} #a65 a.dq,#a65 a:hover{background:#6689E6 url(../images/65bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a66 a{ background:url(../images/66.svg) no-repeat center top 16px; background-size:26px;} #a66 a.dq,#a66 a:hover{background:#6689E6 url(../images/66bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a67 a{ background:url(../images/67.svg) no-repeat center top 18px; background-size:23px;} #a67 a.dq,#a67 a:hover{background:#6689E6 url(../images/67bai.svg) no-repeat center top 18px; background-size:23px;color: #fff;} #a68 a{ background:url(../images/68.svg) no-repeat center top 16px; background-size:36px;} #a68 a.dq,#a68 a:hover{background:#6689E6 url(../images/68bai.svg) no-repeat center top 16px; background-size:36px;color: #fff;} #a69 a{ background:url(../images/69.svg) no-repeat center top 16px; background-size:24px;} #a69 a.dq,#a69 a:hover{background:#6689E6 url(../images/69bai.svg) no-repeat center top 16px; background-size:24px;color: #fff;} #a70 a{ background:url(../images/70.svg) no-repeat center top 16px; background-size:26px;} #a70 a.dq,#a70 a:hover{background:#6689E6 url(../images/70bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a71 a{ background:url(../images/71.svg) no-repeat center top 16px; background-size:26px;} #a71 a.dq,#a71 a:hover{background:#6689E6 url(../images/71bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a72 a{ background:url(../images/72.svg) no-repeat center top 16px; background-size:26px;} #a72 a.dq,#a72 a:hover{background:#6689E6 url(../images/72bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a73 a{ background:url(../images/73.svg) no-repeat center top 16px; background-size:26px;} #a73 a.dq,#a73 a:hover{background:#6689E6 url(../images/73bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a74 a{ background:url(../images/74.svg) no-repeat center top 16px; background-size:26px;} #a74 a.dq,#a74 a:hover{background:#6689E6 url(../images/74bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a75 a{ background:url(../images/75.svg) no-repeat center top 16px; background-size:42px;} #a75 a.dq,#a75 a:hover{background:#6689E6 url(../images/75bai.svg) no-repeat center top 16px; background-size:42px;color: #fff;} #a76 a{ background:url(../images/76.svg) no-repeat center top 16px; background-size:24px;} #a76 a.dq,#a76 a:hover{background:#6689E6 url(../images/76bai.svg) no-repeat center top 16px; background-size:24px;color: #fff;} #a77 a{ background:url(../images/77.svg) no-repeat center top 16px; background-size:24px;} #a77 a.dq,#a77 a:hover{background:#6689E6 url(../images/77bai.svg) no-repeat center top 16px; background-size:24px;color: #fff;} #a78 a{ background:url(../images/78.svg) no-repeat center top 16px; background-size:27px;} #a78 a.dq,#a78 a:hover{background:#6689E6 url(../images/78bai.svg) no-repeat center top 16px; background-size:27px;color: #fff;} #a79 a{ background:url(../images/79.svg) no-repeat center top 16px; background-size:26px;} #a79 a.dq,#a79 a:hover{background:#6689E6 url(../images/79bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a80 a{ background:url(../images/80.svg) no-repeat center top 16px; background-size:26px;} #a80 a.dq,#a80 a:hover{background:#6689E6 url(../images/80bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a81 a{ background:url(../images/81.svg) no-repeat center top 16px; background-size:26px;} #a81 a.dq,#a81 a:hover{background:#6689E6 url(../images/81bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a82 a{ background:url(../images/82.svg) no-repeat center top 16px; background-size:26px;} #a82 a.dq,#a82 a:hover{background:#6689E6 url(../images/82bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a83 a{ background:url(../images/83.svg) no-repeat center top 16px; background-size:24px;} #a83 a.dq,#a83 a:hover{background:#6689E6 url(../images/83bai.svg) no-repeat center top 16px; background-size:24px;color: #fff;} #a84 a{ background:url(../images/84.svg) no-repeat center top 16px; background-size:26px;} #a84 a.dq,#a84 a:hover{background:#6689E6 url(../images/84bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a85 a{ background:url(../images/85.svg) no-repeat center top 16px; background-size:26px;} #a85 a.dq,#a85 a:hover{background:#6689E6 url(../images/85bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a86 a{ background:url(../images/86.svg) no-repeat center top 16px; background-size:26px;} #a86 a.dq,#a86 a:hover{background:#6689E6 url(../images/86bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a87 a{ background:url(../images/87.svg) no-repeat center top 16px; background-size:26px;} #a87 a.dq,#a87 a:hover{background:#6689E6 url(../images/87bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a88 a{ background:url(../images/88.svg) no-repeat center top 16px; background-size:29px;} #a88 a.dq,#a88 a:hover{background:#6689E6 url(../images/88bai.svg) no-repeat center top 16px; background-size:29px;color: #fff;} #a89 a{ background:url(../images/89.svg) no-repeat center top 16px; background-size:26px;} #a89 a.dq,#a89 a:hover{background:#6689E6 url(../images/89bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a90 a{ background:url(../images/90.svg) no-repeat center top 16px; background-size:26px;} #a90 a.dq,#a90 a:hover{background:#6689E6 url(../images/90bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a91 a{ background:url(../images/91.svg) no-repeat center top 16px; background-size:26px;} #a91 a.dq,#a91 a:hover{background:#6689E6 url(../images/91bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a92 a{ background:url(../images/92.svg) no-repeat center top 16px; background-size:28px;} #a92 a.dq,#a92 a:hover{background:#6689E6 url(../images/92bai.svg) no-repeat center top 16px; background-size:28px;color: #fff;} #a93 a{ background:url(../images/93.svg) no-repeat center top 16px; background-size:26px;} #a93 a.dq,#a93 a:hover{background:#6689E6 url(../images/93bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a94 a{ background:url(../images/94.svg) no-repeat center top 16px; background-size:26px;} #a94 a.dq,#a94 a:hover{background:#6689E6 url(../images/94bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a95 a{ background:url(../images/95.svg) no-repeat center top 14px; background-size:33px;} #a95 a.dq,#a95 a:hover{background:#6689E6 url(../images/95bai.svg) no-repeat center top 14px; background-size:33px;color: #fff;} #a96 a{ background:url(../images/96.svg) no-repeat center top 16px; background-size:24px;} #a96 a.dq,#a96 a:hover{background:#6689E6 url(../images/96bai.svg) no-repeat center top 16px; background-size:24px;color: #fff;} #a97 a{ background:url(../images/97.svg) no-repeat center top 16px; background-size:26px;} #a97 a.dq,#a97 a:hover{background:#6689E6 url(../images/97bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a98 a{ background:url(../images/98.svg) no-repeat center top 16px; background-size:26px;} #a98 a.dq,#a98 a:hover{background:#6689E6 url(../images/98bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a99 a{ background:url(../images/99.svg) no-repeat center top 16px; background-size:26px;} #a99 a.dq,#a99 a:hover{background:#6689E6 url(../images/99bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a100 a{ background:url(../images/100.svg) no-repeat center top 16px; background-size:26px;} #a100 a.dq,#a100 a:hover{background:#6689E6 url(../images/100bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a101 a{ background:url(../images/101.svg) no-repeat center top 16px; background-size:26px;} #a101 a.dq,#a101 a:hover{background:#6689E6 url(../images/101bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a102 a{ background:url(../images/102.svg) no-repeat center top 16px; background-size:26px;} #a102 a.dq,#a102 a:hover{background:#6689E6 url(../images/102bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a103 a{ background:url(../images/103.svg) no-repeat center top 16px; background-size:33px;} #a103 a.dq,#a103 a:hover{background:#6689E6 url(../images/103bai.svg) no-repeat center top 16px; background-size:33px;color: #fff;} #a104 a{ background:url(../images/104.svg) no-repeat center top 16px; background-size:24px;} #a104 a.dq,#a104 a:hover{background:#6689E6 url(../images/104bai.svg) no-repeat center top 16px; background-size:24px;color: #fff;} #a105 a{ background:url(../images/105.svg) no-repeat center top 16px; background-size:26px;} #a105 a.dq,#a105 a:hover{background:#6689E6 url(../images/105bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a106 a{ background:url(../images/106.svg) no-repeat center top 16px; background-size:26px;} #a106 a.dq,#a106 a:hover{background:#6689E6 url(../images/106bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a107 a{ background:url(../images/107.svg) no-repeat center top 16px; background-size:24px;} #a107 a.dq,#a107 a:hover{background:#6689E6 url(../images/107bai.svg) no-repeat center top 16px; background-size:24px;color: #fff;} #a108 a{ background:url(../images/108.svg) no-repeat center top 16px; background-size:26px;} #a108 a.dq,#a108 a:hover{background:#6689E6 url(../images/108bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a109 a{ background:url(../images/109.svg) no-repeat center top 16px; background-size:33px;} #a109 a.dq,#a109 a:hover{background:#6689E6 url(../images/109bai.svg) no-repeat center top 16px; background-size:33px;color: #fff;} #a110 a{ background:url(../images/110.svg) no-repeat center top 16px; background-size:23px;} #a110 a.dq,#a110 a:hover{background:#6689E6 url(../images/110bai.svg) no-repeat center top 16px; background-size:23px;color: #fff;} #a111 a{ background:url(../images/111.svg) no-repeat center top 16px; background-size:26px;} #a111 a.dq,#a111 a:hover{background:#6689E6 url(../images/111bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a112 a{ background:url(../images/112.svg) no-repeat center top 16px; background-size:26px;} #a112 a.dq,#a112 a:hover{background:#6689E6 url(../images/112bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a113 a{ background:url(../images/113.svg) no-repeat center top 16px; background-size:29px;} #a113 a.dq,#a113 a:hover{background:#6689E6 url(../images/113bai.svg) no-repeat center top 16px; background-size:29px;color: #fff;} #a114 a{ background:url(../images/114.svg) no-repeat center top 16px; background-size:26px;} #a114 a.dq,#a114 a:hover{background:#6689E6 url(../images/114bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a115 a{ background:url(../images/115.svg) no-repeat center top 16px; background-size:26px;} #a115 a.dq,#a115 a:hover{background:#6689E6 url(../images/115bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a116 a{ background:url(../images/116.svg) no-repeat center top 16px; background-size:26px;} #a116 a.dq,#a116 a:hover{background:#6689E6 url(../images/116bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a117 a{ background:url(../images/117.svg) no-repeat center top 16px; background-size:26px;} #a117 a.dq,#a117 a:hover{background:#6689E6 url(../images/117bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a118 a{ background:url(../images/118.svg) no-repeat center top 16px; background-size:26px;} #a118 a.dq,#a118 a:hover{background:#6689E6 url(../images/118bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a119 a{ background:url(../images/119.svg) no-repeat center top 16px; background-size:26px;} #a119 a.dq,#a119 a:hover{background:#6689E6 url(../images/119bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a120 a{ background:url(../images/120.svg) no-repeat center top 10px; background-size:33px;} #a120 a.dq,#a120 a:hover{background:#6689E6 url(../images/120bai.svg) no-repeat center top 10px; background-size:33px;color: #fff;} #a121 a{ background:url(../images/121.svg) no-repeat center top 16px; background-size:26px;} #a121 a.dq,#a121 a:hover{background:#6689E6 url(../images/121bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a122 a{ background:url(../images/122.svg) no-repeat center top 16px; background-size:26px;} #a122 a.dq,#a122 a:hover{background:#6689E6 url(../images/122bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a123 a{ background:url(../images/123.svg) no-repeat center top 12px; background-size:40px;} #a123 a.dq,#a123 a:hover{background:#6689E6 url(../images/123bai.svg) no-repeat center top 12px; background-size:40px;color: #fff;} #a124 a{ background:url(../images/124.svg) no-repeat center top 16px; background-size:24px;} #a124 a.dq,#a124 a:hover{background:#6689E6 url(../images/124bai.svg) no-repeat center top 16px; background-size:24px;color: #fff;} #a125 a{ background:url(../images/125.svg) no-repeat center top 16px; background-size:24px;} #a125 a.dq,#a125 a:hover{background:#6689E6 url(../images/125bai.svg) no-repeat center top 16px; background-size:24px;color: #fff;} #a126 a{ background:url(../images/126.svg) no-repeat center top 16px; background-size:26px;} #a126 a.dq,#a126 a:hover{background:#6689E6 url(../images/126bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a127 a{ background:url(../images/127.svg) no-repeat center top 16px; background-size:26px;} #a127 a.dq,#a127 a:hover{background:#6689E6 url(../images/127bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a128 a{ background:url(../images/128.svg) no-repeat center top 16px; background-size:26px;} #a128 a.dq,#a128 a:hover{background:#6689E6 url(../images/128bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a129 a{ background:url(../images/129.svg) no-repeat center top 16px; background-size:26px;} #a129 a.dq,#a129 a:hover{background:#6689E6 url(../images/129bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a130 a{ background:url(../images/130.svg) no-repeat center top 16px; background-size:26px;} #a130 a.dq,#a130 a:hover{background:#6689E6 url(../images/130bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a131 a{ background:url(../images/131.svg) no-repeat center top 16px; background-size:26px;} #a131 a.dq,#a131 a:hover{background:#6689E6 url(../images/131bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a132 a{ background:url(../images/132.svg) no-repeat center top 16px; background-size:26px;} #a132 a.dq,#a132 a:hover{background:#6689E6 url(../images/132bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a133 a{ background:url(../images/133.svg) no-repeat center top 16px; background-size:26px;} #a133 a.dq,#a133 a:hover{background:#6689E6 url(../images/133bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a134 a{ background:url(../images/134.svg) no-repeat center top 16px; background-size:26px;} #a134 a.dq,#a134 a:hover{background:#6689E6 url(../images/134bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a135 a{ background:url(../images/135.svg) no-repeat center top 16px; background-size:26px;} #a135 a.dq,#a135 a:hover{background:#6689E6 url(../images/135bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a136 a{ background:url(../images/136.svg) no-repeat center top 16px; background-size:26px;} #a136 a.dq,#a136 a:hover{background:#6689E6 url(../images/136bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a137 a{ background:url(../images/137.svg) no-repeat center top 16px; background-size:26px;} #a137 a.dq,#a137 a:hover{background:#6689E6 url(../images/137bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a138 a{ background:url(../images/138.svg) no-repeat center top 16px; background-size:26px;} #a138 a.dq,#a138 a:hover{background:#6689E6 url(../images/138bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a139 a{ background:url(../images/139.svg) no-repeat center top 16px; background-size:26px;} #a139 a.dq,#a139 a:hover{background:#6689E6 url(../images/139bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a140 a{ background:url(../images/140.svg) no-repeat center top 16px; background-size:26px;} #a140 a.dq,#a140 a:hover{background:#6689E6 url(../images/140bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a141 a{ background:url(../images/141.svg) no-repeat center top 16px; background-size:26px;} #a141 a.dq,#a141 a:hover{background:#6689E6 url(../images/141bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a142 a{ background:url(../images/142.svg) no-repeat center top 16px; background-size:26px;} #a142 a.dq,#a142 a:hover{background:#6689E6 url(../images/142bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a143 a{ background:url(../images/143.svg) no-repeat center top 16px; background-size:33px;} #a143 a.dq,#a143 a:hover{background:#6689E6 url(../images/143bai.svg) no-repeat center top 16px; background-size:33px;color: #fff;} #a144 a{ background:url(../images/144.svg) no-repeat center top 16px; background-size:26px;} #a144 a.dq,#a144 a:hover{background:#6689E6 url(../images/144bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a145 a{ background:url(../images/145.svg) no-repeat center top 16px; background-size:26px;} #a145 a.dq,#a145 a:hover{background:#6689E6 url(../images/145bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a146 a{ background:url(../images/146.svg) no-repeat center top 16px; background-size:28px;} #a146 a.dq,#a146 a:hover{background:#6689E6 url(../images/146bai.svg) no-repeat center top 16px; background-size:28px;color: #fff;} #a147 a{ background:url(../images/147.svg) no-repeat center top 16px; background-size:26px;} #a147 a.dq,#a147 a:hover{background:#6689E6 url(../images/147bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a148 a{ background:url(../images/148.svg) no-repeat center top 16px; background-size:26px;} #a148 a.dq,#a148 a:hover{background:#6689E6 url(../images/148bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} #a149 a{ background:url(../images/149.svg) no-repeat center top 16px; background-size:26px;} #a149 a.dq,#a149 a:hover{background:#6689E6 url(../images/149bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} .ny_con .ProductPage .pro_submenu .v_box ul li a.pro_submenubg2, .ny_con .ProductPage .pro_submenu .h_box ul li a.pro_submenubg2{ background:url(../images/pro_submenu2.svg) no-repeat center top 16px; background-size:26px;} .ny_con .ProductPage .pro_submenu .v_box ul li a:hover.pro_submenubg2, .ny_con .ProductPage .pro_submenu .h_box ul li a:hover.pro_submenubg2,.ny_con .ProductPage .pro_submenu .v_box ul li a.pro_submenubg2.dq,.ny_con .ProductPage .pro_submenu .h_box ul li a.pro_submenubg2.dq{background:#6689E6 url(../images/pro_submenu2bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} .ny_con .ProductPage .pro_submenu .v_box ul li a.pro_submenubg3, .ny_con .ProductPage .pro_submenu .h_box ul li a.pro_submenubg3{ background:url(../images/pro_submenu3.svg) no-repeat center top 16px; background-size:26px;} .ny_con .ProductPage .pro_submenu .v_box ul li a:hover.pro_submenubg3, .ny_con .ProductPage .pro_submenu .h_box ul li a:hover.pro_submenubg3,.ny_con .ProductPage .pro_submenu .v_box ul li a.pro_submenubg3.dq,.ny_con .ProductPage .pro_submenu .h_box ul li a.pro_submenubg3.dq{background:#6689E6 url(../images/pro_submenu3bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} .ny_con .ProductPage .pro_submenu .v_box ul li a.pro_submenubg4, .ny_con .ProductPage .pro_submenu .h_box ul li a.pro_submenubg4{ background:url(../images/pro_submenu4.svg) no-repeat center top 16px; background-size:26px;} .ny_con .ProductPage .pro_submenu .v_box ul li a:hover.pro_submenubg4, .ny_con .ProductPage .pro_submenu .h_box ul li a:hover.pro_submenubg4,.ny_con .ProductPage .pro_submenu .v_box ul li a.pro_submenubg4.dq,.ny_con .ProductPage .pro_submenu .h_box ul li a.pro_submenubg4.dq{background:#6689E6 url(../images/pro_submenu4bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} .ny_con .ProductPage .pro_submenu .v_box ul li a.pro_submenubg5, .ny_con .ProductPage .pro_submenu .h_box ul li a.pro_submenubg5{ background:url(../images/pro_submenu5.svg) no-repeat center top 16px; background-size:26px;} .ny_con .ProductPage .pro_submenu .v_box ul li a:hover.pro_submenubg5, .ny_con .ProductPage .pro_submenu .h_box ul li a:hover.pro_submenubg5,.ny_con .ProductPage .pro_submenu .v_box ul li a.pro_submenubg5.dq,.ny_con .ProductPage .pro_submenu .h_box ul li a.pro_submenubg5.dq{background:#6689E6 url(../images/pro_submenu5bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} .ny_con .ProductPage .pro_submenu .v_box ul li a.pro_submenubg6, .ny_con .ProductPage .pro_submenu .h_box ul li a.pro_submenubg6{ background:url(../images/pro_submenu6.svg) no-repeat center top 16px; background-size:26px;} .ny_con .ProductPage .pro_submenu .v_box ul li a:hover.pro_submenubg6, .ny_con .ProductPage .pro_submenu .h_box ul li a:hover.pro_submenubg6,.ny_con .ProductPage .pro_submenu .v_box ul li a.pro_submenubg6.dq,.ny_con .ProductPage .pro_submenu .h_box ul li a.pro_submenubg6.dq{background:#6689E6 url(../images/pro_submenu6bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} .ny_con .ProductPage .pro_submenu .v_box ul li a.pro_submenubg7, .ny_con .ProductPage .pro_submenu .h_box ul li a.pro_submenubg7{ background:url(../images/pro_submenu7.svg) no-repeat center top 16px; background-size:26px;} .ny_con .ProductPage .pro_submenu .v_box ul li a:hover.pro_submenubg7, .ny_con .ProductPage .pro_submenu .h_box ul li a:hover.pro_submenubg7,.ny_con .ProductPage .pro_submenu .v_box ul li a.pro_submenubg7.dq,.ny_con .ProductPage .pro_submenu .h_box ul li a.pro_submenubg7.dq{background:#6689E6 url(../images/pro_submenu7bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} .ny_con .ProductPage .pro_submenu .v_box ul li a.pro_submenubg8, .ny_con .ProductPage .pro_submenu .h_box ul li a.pro_submenubg8{ background:url(../images/pro_submenu8.svg) no-repeat center top 16px; background-size:26px;} .ny_con .ProductPage .pro_submenu .v_box ul li a:hover.pro_submenubg8, .ny_con .ProductPage .pro_submenu .h_box ul li a:hover.pro_submenubg8,.ny_con .ProductPage .pro_submenu .v_box ul li a.pro_submenubg8.dq,.ny_con .ProductPage .pro_submenu .h_box ul li a.pro_submenubg8.dq{background:#6689E6 url(../images/pro_submenu8bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} .ny_con .ProductPage .pro_submenu .v_box ul li a.pro_submenubg9, .ny_con .ProductPage .pro_submenu .h_box ul li a.pro_submenubg9{ background:url(../images/pro_submenu9.svg) no-repeat center top 16px; background-size:26px;} .ny_con .ProductPage .pro_submenu .v_box ul li a:hover.pro_submenubg9, .ny_con .ProductPage .pro_submenu .h_box ul li a:hover.pro_submenubg9,.ny_con .ProductPage .pro_submenu .v_box ul li a.pro_submenubg9.dq,.ny_con .ProductPage .pro_submenu .h_box ul li a.pro_submenubg9.dq{background:#6689E6 url(../images/pro_submenu9bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} .ny_con .ProductPage .pro_submenu .v_box ul li a.pro_submenubg10, .ny_con .ProductPage .pro_submenu .h_box ul li a.pro_submenubg10{ background:url(../images/pro_submenu10.svg) no-repeat center top 16px; background-size:26px;} .ny_con .ProductPage .pro_submenu .v_box ul li a:hover.pro_submenubg10, .ny_con .ProductPage .pro_submenu .h_box ul li a:hover.pro_submenubg10,.ny_con .ProductPage .pro_submenu .v_box ul li a.pro_submenubg10.dq,.ny_con .ProductPage .pro_submenu .h_box ul li a.pro_submenubg10.dq{background:#6689E6 url(../images/pro_submenu10bai.svg) no-repeat center top 16px; background-size:26px;color: #fff;} /*产品页面二级导航背景*/ .ny_con .ProductPage .pro_submenu .close_box { position: absolute ; right:0px; top:35px; width: 26px; height: 15px; line-height: 15px; cursor: pointer; } .ny_con .ProductPage .pro_submenu .close_box img{ width:17px;} .ny_con .ProductPage .pro_list{ clear:both; overflow:hidden;} .ny_con .ProductPage .pro_list .huibg{ background:#F2F2F2;} /* .ny_con .ProductPage .pro_list dl{ clear:both; overflow:hidden; max-width:1120px; margin:0 auto; width:95%; padding:0 2.5%;} .ny_con .ProductPage .pro_list dl dt{ float:left; width:45%; padding-right:15%; padding-top:25px; padding-bottom:25px;} .ny_con .ProductPage .pro_list dl.marginright{padding-right:0;} .ny_con .ProductPage .pro_list dl h5{ font-size:26px; line-height:40px; font-weight:normal; color:#000; padding-top:20px;} .ny_con .ProductPage .pro_list dl p{ padding: 20px 0; font-size:14px; } .ny_con .ProductPage .pro_list dl a{ font-size:14px; color:#fff; background:#377EE8; height:38px; line-height:38px; border-radius:3px; display:block; max-width:138px; text-align:center; margin-top:20px;} .ny_con .ProductPage .pro_list dl a:hover{ background:#419BF9;} .ny_con .ProductPage .pro_list dl dd{ float:left; width:40%; padding-top:25px; padding-bottom:25px; } .ny_con .ProductPage .pro_list dl.marginright dt{ float:right; width:45%;padding-right: 0%;} .ny_con .ProductPage .pro_list dl.marginright dd{ float:left; width:40%; padding-right:5%; } .ny_con .ProductPage .pro_list dl img{ width:100%; max-width:465px;} */ /* 改产品 图文位置 */ .ny_con .ProductPage .pro_list dl{ clear:both; overflow:hidden; max-width:1120px; margin:0 auto; width:95%; padding:0 2.5%;} .ny_con .ProductPage .pro_list dl dd{ float:left; width:45%; padding-right:15%; padding-top:25px; padding-bottom:25px;} .ny_con .ProductPage .pro_list dl.marginright{padding-right:0;} .ny_con .ProductPage .pro_list dl h5{ font-size:26px; line-height:40px; font-weight:normal; color:#000; padding-top:20px;} .ny_con .ProductPage .pro_list dl p{ padding: 20px 0; font-size:14px; } .ny_con .ProductPage .pro_list dl a{ font-size:14px; color:#fff; background:#E68110; height:38px; line-height:38px; border-radius:3px; display:block; max-width:138px; text-align:center; margin-top:20px;} .ny_con .ProductPage .pro_list dl a:hover{ background:#F09632;} .ny_con .ProductPage .pro_list dl dt{ float:left; width:40%; padding-top:25px; padding-bottom:25px; } .ny_con .ProductPage .pro_list dl.marginright dd{ float:right; width:45%;padding-right: 0%;} .ny_con .ProductPage .pro_list dl.marginright dt{ float:left; width:40%; padding-right:5%; } .ny_con .ProductPage .pro_list dl img{ width:100%; max-width:465px;} /* end */ .ny_con .ProductPage .pro_tuijian{clear:both; overflow:hidden; padding:20px 0;} .ny_con .ProductPage .pro_tuijian .title{ line-height:59px;font-size:26px; text-align:center;} .ny_con .ProductPage .pro_tuijian ul{padding:20px 0 20px 20px; clear:both; overflow:hidden;} .ny_con .ProductPage .pro_tuijian ul li{ float:left;text-align:center; padding-bottom:30px; width:calc(25% - 22px); border:1px solid #ccc; margin-right:20px;} .ny_con .ProductPage .pro_tuijian ul li h5{text-align:center; font-size:20px; background:#FAFAFA; border-bottom:1px solid #ccc; line-height:59px; font-weight:normal;} .ny_con .ProductPage .pro_tuijian ul li .tuijian_list{ margin:20px 20px 40px 20px;height: 128px; overflow:hidden;;} .ny_con .ProductPage .pro_tuijian ul li .tuijian_list span{ display:block; line-height:32px; font-size:16px; text-align:left; background:url(../images/hui_dot.jpg) no-repeat left center; padding-left:16px;} .ny_con .ProductPage .pro_tuijian ul li a{ background:#373D41; font-size:14px; color:#fff; padding:8px 30px;} .ny_con .ProductPage .pro_tuijian ul li .tuijian_list span a{ background:0; line-height:32px;color: #666; padding: 0px;font-size:16px; text-align:left;} .ny_con .ProductPage .pro_tuijian ul li a:hover{ background:#377EE8;} .ny_con .ProductPage .pro_news{ clear:both; overflow:hidden;} .ny_con .ProductPage .pro_news .title{ font-size:26px; border:1px solid #ccc; background:#FAFAFA; line-height:59px; padding-left:20px;} .ny_con .ProductPage .pro_news ul{ padding:20px 0 20px 20px; border:1px solid #ccc; border-top:0; clear:both; overflow:hidden;} .ny_con .ProductPage .pro_news ul li{ float:left; width:calc(33.3333% - 20px); margin-right:20px; } .ny_con .ProductPage .pro_news ul li img{ width:100%;} .ny_con .ProductPage .pro_news h5{ font-size:20px;overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;white-space:nowrap;font-weight:normal; padding:8px 0; line-height:30px;} .ny_con .ProductPage .pro_news p a{ border-bottom:1px dashed #ccc; display:block; width:100%; line-height:39px; white-space:nowrap; text-overflow:ellipsis;overflow:hidden; font-size:14px; color:#666;} /*价格页面*/ .jiagebg{ background:url(../images/jiagepage_bg.jpg) no-repeat center bottom;} .ny_con .JiagePage h2{ text-align:center; font-size:24px; color:#333; font-weight:normal; padding:50px 0;} .ny_con .JiagePage .con1{ clear:both; overflow:hidden;} .ny_con .JiagePage .con1 ul{ padding:50px 0;} .ny_con .JiagePage .con1 ul li{ float:left;width:calc(20% - 2px); margin-top:0; border:1px solid #ccc; text-align:center; min-height:880px;} .ny_con .JiagePage .con1 ul li:hover{ margin-top:-20px;transition: margin-top 0.2s; -webkit-transition: margin-top 0.2s; -moz-transition: margin-top 0.2s; -o-transition: margin-top 0.2s; -ms-transition: margin-top 0.2s; -moz-transition: margin-top 0.2s; } /* 添加 */ .ny_con .JiagePage .con1 ul li .minheight{min-height:308px;} .ny_con .JiagePage .con1 ul li .title{ height:79px; background:#58B6F3; } .ny_con .JiagePage .con1 ul li .title h1{ line-height:50px;height: 40px; font-size:17px;color: #FFFFFF;} .ny_con .JiagePage .con1 ul li .title span.ftitle{font-size: 12px;color: #FFFFFF;} .ny_con .JiagePage .con1 ul li .title2{ height:35px; line-height:35px; background:#EEF2F8; font-size:14px;padding: 0px;color: #485778;} .ny_con .JiagePage .con1 ul li .onback{display: block; background: #58B6F3;box-shadow: 0 0 20px 0 rgba(0,0,0,0.09);color: #FFFFFF;} .ny_con .JiagePage .con1 ul li .onback .title22{height:35px; line-height:35px; font-size:14px; border-bottom: 1px solid #D9D9D9;color: #FFFFFF; } .ny_con .JiagePage .con1 ul li .onback .text{line-height: 25px;padding: 10px 0px;} .ny_con .JiagePage .con1 ul li .txetp{line-height: 40px;font-size: 14px;color: #002165;} /* .ny_con .JiagePage .con1 ul li .title2 p{ width:50%; float:left;} */ .ny_con .JiagePage .con1 ul li .jiage{ font-size:16px; padding:20px 0;} .ny_con .JiagePage .con1 ul li .jiage span.qian{ font-size:40px; color:#222;} .ny_con .JiagePage .con1 ul li .jiage2{ font-size:16px; padding-bottom:20px;} .ny_con .JiagePage .con1 ul li a{ font-size:14px; border:1px solid #ccc; padding:6px 20px; border-radius:3px;} .ny_con .JiagePage .con1 ul li .neicun{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:0px; clear:both; overflow:hidden; padding:0px; color:#9F9FA6;} .ny_con .JiagePage .con1 ul li .neicun p{ width:calc(50% - 1px); float:left;line-height: 35px;font-size: 14px;color: #485778;} .ny_con .JiagePage .con1 ul li .neicun .lefttable{border-right: 1px solid #D9D9D9;} .ny_con .JiagePage .con1 ul li .neicun p.sz{ font-size:14px; color:#666;border-top: 1px solid #D9D9D9;line-height: 30px; height: 50px;padding: 30px 0;} .ny_con .JiagePage .con1 ul li .neicun p.sz span.qian { font-size:20px; color:#333;} .ny_con .JiagePage .con1 ul li .neicun p.szr{color: #333; font-size: 16px;} .ny_con .JiagePage .con1 ul li .neicun span.szr{color: #333; font-size: 16px;} .ny_con .JiagePage .con1 ul li .text p.bottontable{ color:#333;border-bottom: 1px solid #D9D9D9;} .ny_con .JiagePage .con1 ul li .text p.red{ color:#f00;} .ny_con .JiagePage .con1 ul li .textmargin {margin: 40px 0 40px 0;} .ny_con .JiagePage .con1 ul li .text{ font-size:14px; line-height:30px;} .ny_con .JiagePage .con1 ul li .text span{ color:#f00;} .ny_con .JiagePage .con1 ul li.color1:hover{border:1px solid #58B6F3;} .ny_con .JiagePage .con1 ul li.color1:hover a{border:1px solid #58B6F3; background:#58B6F3; color:#fff;} .ny_con .JiagePage .con1 ul li.color1:hover .title{background:#58B6F3; color:#fff;} .ny_con .JiagePage .con1 ul li.color1:hover .jiage span.qian{ color:#58B6F3;} .ny_con .JiagePage .con1 ul li:hover .onback{display: block; background: #58B6F3;box-shadow: 0 0 20px 0 rgba(0,0,0,0.09);color: #FFFFFF;} .ny_con .JiagePage .con1 ul li.color2:hover{border:1px solid #58B6F3;} .ny_con .JiagePage .con1 ul li.color2:hover a{border:1px solid #58B6F3; background:#58B6F3; color:#fff;} .ny_con .JiagePage .con1 ul li.color2:hover .title{background:#58B6F3; color:#fff;} .ny_con .JiagePage .con1 ul li.color2:hover .jiage span.qian{ color:#58B6F3;} .ny_con .JiagePage .con1 ul li.color2:hover .onback{display: block; background: #58B6F3;box-shadow: 0 0 20px 0 rgba(0,0,0,0.09);color: #FFFFFF;} .ny_con .JiagePage .con1 ul li.color3:hover{border:1px solid #58B6F3;} .ny_con .JiagePage .con1 ul li.color3:hover a{border:1px solid #58B6F3; background:#58B6F3; color:#fff;} .ny_con .JiagePage .con1 ul li.color3:hover .title{background:#58B6F3; color:#fff;} .ny_con .JiagePage .con1 ul li.color3:hover .jiage span.qian{ color:#58B6F3;} .ny_con .JiagePage .con1 ul li.color3:hover .onback{display: block; background: #58B6F3;box-shadow: 0 0 20px 0 rgba(0,0,0,0.09);color: #FFFFFF;} .ny_con .JiagePage .con1 ul li.color4:hover{border:1px solid #58B6F3;} .ny_con .JiagePage .con1 ul li.color4:hover a{border:1px solid #58B6F3; background:#58B6F3; color:#fff;} .ny_con .JiagePage .con1 ul li.color4:hover .title{background:#58B6F3; color:#fff;} .ny_con .JiagePage .con1 ul li.color4:hover .jiage span.qian{ color:#58B6F3;} .ny_con .JiagePage .con1 ul li.color4:hover .onback{display: block; background: #58B6F3;box-shadow: 0 0 20px 0 rgba(0,0,0,0.09);color: #FFFFFF;} .ny_con .JiagePage .con1 ul li.color5:hover{border:1px solid #FF9A4D;} .ny_con .JiagePage .con1 ul li.color5:hover a{border:1px solid #FF9A4D; background:#FF9A4D; color:#fff;} .ny_con .JiagePage .con1 ul li.color5:hover .title{background:#FF9A4D; color:#fff;} .ny_con .JiagePage .con1 ul li.color5:hover .jiage span.qian{ color:#FF9A4D;} .ny_con .JiagePage .con1 ul li.color5:hover .onback{display: block; background: #FF9A4D;box-shadow: 0 0 20px 0 rgba(0,0,0,0.09);color: #FFFFFF;} .ny_con .JiagePage .con2 h6{ text-align:center; font-size:16px; font-weight:normal; margin:-20px 0 30px 0;} .ny_con .JiagePage .con2{ background:url(../images/jiagepage_con2bg.jpg) repeat-x center bottom;} .ny_con .JiagePage .con2 table{ text-align:center; font-size:16px;} .ny_con .JiagePage .con2 img.xiaoimg{ max-width:60px; width:90%; margin:40px auto 0 auto;} .ny_con .JiagePage .con2 img.daimg{ max-width:380px; width:90%; margin:0 auto;} .ny_con .JiagePage .con2 p{ padding-bottom:50px;} .ny_con .JiagePage .con3{ clear:both; overflow:hidden;} .ny_con .JiagePage .con3 ul li{ float:left; width:calc(33.333333% - 28px); margin:0 13px 26px 13px; border:1px solid #EBECEC; border-top:4px solid #878B8D; box-shadow:0 3px 4px #ccc; cursor:pointer; } .ny_con .JiagePage .con3 ul li:hover{ border-color:#58D0FF;-webkit-transition: border-color .2s ease; -moz-transition: border-color .2s ease; -ms-transition: border-color .2s ease; -o-transition: border-color .2s ease; transition: border-color .2s ease} .ny_con .JiagePage .con3 ul li h6{ font-size:21px; padding:20px 0; text-align:center; font-weight:normal;} .ny_con .JiagePage .con3 ul li p{ font-size:14px; width:80%; margin:0 auto 20px auto; min-height:48px;} .ny_con .JiagePage .con4{ position:relative;} .ny_con .JiagePage .con4 .flex { width:100%;position:relative;} .ny_con .JiagePage .con4 .slides--titles{ position:absolute; right:0%; width:calc(55% - 40px); top:10%;; z-index:9999;} .ny_con .JiagePage .con4 .slides li, .ny_con .JiagePage .con4 .slides--titles li { overflow: hidden; position: relative; float: left } .jFlex, .slides, .slides li,.ny_con .JiagePage .con4 .slides--titles li { position: relative } .ny_con .JiagePage .con4 .jFlex { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .ny_con .JiagePage .con4 .slides--anim { -moz-transition: transform ease-out .3s; -ms-transition: transform ease-out .3s; -o-transition: transform ease-out .3s; -webkit-transition: transform ease-out .3s; transition: transform ease-out .3s } .ny_con .JiagePage .con4 .slides--titles:after,.ny_con .JiagePage .con4 .slides--titles:before, .ny_con .JiagePage .con4 .slides:after,.ny_con .JiagePage .con4 .slides:before { content: ' '; display: table } .ny_con .JiagePage .con4 .slides--titles:after, .ny_con .JiagePage .con4 .slides:after { clear: both } .ny_con .JiagePage .con4 .slides li { display: block } .ny_con .JiagePage .con4 .slides img { display: block; height: auto; width: 45% } .ny_con .JiagePage .con4 .slides--titles li { cursor: pointer; height:70px; line-height:70px; width:100%; color:#333; } .ny_con .JiagePage .con4 .slides--titles li .title--l { background: #ccc; display: block; height: 60px; width:5px; left:0; position:absolute; z-index:99999; top:5px; } .ny_con .JiagePage .con4 .slides--titles li .title--t { font-size:20px; color: #333; display: block; height:69px; line-height: border-bottom:1px dashed #ccc;; padding: 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;margin-left:40px; border-bottom:1px dashed #ccc;} .ny_con .JiagePage .con4 .slides--titles li.title--auto .title--l,.ny_con .JiagePage .con4 .slides--titles li.title--manual .title--l { -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s; -webkit-transition: all linear .3s; transition: all linear .3s } .ny_con .JiagePage .con4 .slides--titles li.title--auto.title--active .title--l { -moz-transition: all linear 5s; -ms-transition: all linear 5s; -o-transition: all linear 5s; -webkit-transition: all linear 5s; transition: all linear 5s } .ny_con .JiagePage .con4 .slides--titles li.title--active .title--l { left: 0 ; background:#555;} .ny_con .JiagePage .con4 .slides--titles li.title--right .title--l { left: 0 } .ny_con .JiagePage .con4 .slides--titles li.title--active .title--t { color:#09B2F8; } .ny_con .JiagePage .con4 .slides--titles li.title--active {} .ny_con .JiagePage .con5 { padding-bottom:40px;} .ny_con .JiagePage .con5 #faq li{ /*border-bottom:1px solid #eee;*/} .ny_con .JiagePage .con5 #faq dt{ font-size:16px;cursor:pointer; background:#FAFBFD; color:#333; line-height:70px;} .ny_con .JiagePage .con5 #faq dl:hover dt{background:#09B2F8; color:#fff;} .ny_con .JiagePage .con5 #faq dd{display:none; background:#09B2F8; color:#fff; font-size:14px; padding:25px 0 25px 0;} .ny_con .JiagePage .con5 #faq dl:hover dd{ padding-top:10px; padding-bottom:40px;} .ny_con .JiagePage .con5 a{ color:#4477D3; font-size:16px; display:block; margin:20px auto;} .ny_con .JiagePage .con5 #faq li a{ margin:0;} .ny_con .JiagePage .con6{ text-align:center; padding-bottom:20px;} .ny_con .JiagePage .con6 a{ font-size:16px; color:#1AB8F9; border:2px solid #9DE2FD; background:#fff; padding:7px 33px; margin:0 40px;} .ny_con .JiagePage .con6 a:hover{ border:0px solid #09B2F7; color:#fff; padding:9px 35px; background-image: linear-gradient(to right, #09B2F7,#53CEFE,#5CD1FF);} /*应用页面*/ .jiagebg{ background:url(../images/jiagepage_bg.jpg) no-repeat center bottom;} .ny_con .YingyongPage .con1{ padding-bottom:30px;} .ny_con .YingyongPage .con1 .tab_menu { clear: both; border-bottom: 2px solid #EAEAEA; margin:0 20px 15px 20px; overflow: hidden; } .ny_con .YingyongPage .con1 .tab_menu li a { float: left; text-align: center; background: #F7F7F7; margin-right: 1px; cursor: pointer; width: 22%; height: 39px; line-height: 39px; max-width: 183px; font-size: 14px; color: #333; } /* .ny_con .YingyongPage .con1 .tab_menu li.hover { color: #fff; background: url(../images/IndexNews_tabmenubg.jpg) repeat center; } */ .ny_con .YingyongPage .con1 .tab_menu li.hover a{ color: #fff; display: block;width: 100%; background: url(../images/IndexNews_tabmenubg.jpg) repeat center;} .ny_con .YingyongPage .con1 .tab_menu li.selected a { color: #fff; background: url(../images/IndexNews_tabmenubg.jpg) repeat center; } .ny_con .YingyongPage .con1 .tab_menu li.selected a{ color: #fff;} .ny_con .YingyongPage .con1 .tab_box { clear: both; overflow: hidden; } .ny_con .YingyongPage .con1 .tab_box .submenunav{ font-size:14px; padding-bottom:20px; padding-left:20px;} .ny_con .YingyongPage .con1 .tab_box ul li {float: left; width: calc(53% - 50px); padding: 5px; margin: 0 8px 8px 1px; position: relative; border: 1px solid #f0f0f0;} .ny_con .YingyongPage .con1 .tab_box ul li .title{ font-size: 16px; color: #333; height: 30px; overflow: hidden; padding: 0 0 0 10px;} .ny_con .YingyongPage .con1 .tab_box ul li p{font-size: 12px; margin-bottom: 10px; overflow: hidden; height: 25px; padding: 0 0 0 10px; color: #585858; line-height: 30px; font-weight: normal;} .ny_con .YingyongPage .con1 .tab_box ul li a.wailian{ padding:5px 10px; background:#333; color:#fff;} .ny_con .YingyongPage .con1 .tab_box ul li a.neilian{ font-size:14px; float:right;} .ny_con .YingyongPage .con1 .hide { display: none } .ny_con .YingyongPage .con2{ background:#011423 url(../images/yingyongbanner.png) no-repeat center; min-height:355px; color:#fff;} .ny_con .YingyongPage .con2 h4{ font-size:24px; padding:10% 0 20px 0; font-weight:normal;} .ny_con .YingyongPage .con2 p{ font-size:14px; width:69%; padding-bottom:20px;} .ny_con .YingyongPage .con2 a{padding:7px 33px; font-size:16px; border:2px solid #495660; color:#999;} .ny_con .YingyongPage .con2 a:hover{background: url(../images/IndexNews_tabmenubg.jpg) no-repeat center; color:#fff; border:0;padding:8px 34px; } .ny_con .YingyongPage .con3{ padding-bottom:20px; clear:both; overflow:hidden;} .ny_con .YingyongPage .con3 .rslides { position: relative; overflow:hidden; width: 100%; padding: 0; margin: 0; } .ny_con .YingyongPage .con3 .rslides li{-webkit-backface-visibility:hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .ny_con .YingyongPage .con3 .rslides li:first-child { position: relative; display: block; float: left; } .ny_con .YingyongPage .con3 .slide_container { position: relative; float: left; width: 100%; } .ny_con .YingyongPage .con3 .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .ny_con .YingyongPage .con3 .slide li { position: absolute; width:calc(100% - 132px); margin:0 66px; left: 0; top: 0; } .ny_con .YingyongPage .con3 .slide li .con3_list{ width:calc(33.3333% - 60px); border:1px solid #ccc; margin:0 19px 39px 19px; float:left; padding:10px;} .ny_con .YingyongPage .con3 .slide li .con3_list h6{ font-size:18px; color:#000; padding:15px 0 10px 0;} .ny_con .YingyongPage .con3 .slide li .con3_list img{ width:100%;} .ny_con .YingyongPage .con3 .slide li .con3_list span{ display:block; width:50%; /*background:url(../images/hui_dot.jpg) no-repeat left center; background-size:5px;*/ float:left;} .ny_con .YingyongPage .con3 .slide li .con3_list span{ display:block; width:50%; } .ny_con .YingyongPage .con3 .slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left:0px; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 66px; width: 66px; margin-top: -33px; } .ny_con .YingyongPage .con3 .slide_nav.prev { background: url(../images/btnleft_bai.png) no-repeat; } .ny_con .YingyongPage .con3 .slide_nav.prev:active { background: url(../images/btnleft_blue.png) no-repeat; } .ny_con .YingyongPage .con3 .slide_nav.next { left: auto; right: 0px; background: url(../images/btnright_bai.png) no-repeat; } .ny_con .YingyongPage .con3 .slide_nav.next:active { background: url(../images/btnright_blue.png) no-repeat; } .ny_con .YingyongPage .con4{ text-align:center;} .ny_con .YingyongPage .con4 a{ font-size:16px; color:#1AB8F9; border:2px solid #9DE2FD; background:#fff; padding:7px 33px; margin:0 40px;} .ny_con .YingyongPage .con4 a:hover{ border:0px solid #09B2F7; color:#fff; padding:9px 35px; background-image: linear-gradient(to right, #09B2F7,#53CEFE,#5CD1FF);} /*活动页面*/ .ny_con .HuodongPage .con1 .tab_menu { clear: both; border-bottom: 1px solid #ccc; border-left:1px solid #ccc; margin:30px 0 35px 0; overflow: hidden; } .ny_con .HuodongPage .con1 .tab_menu li a { float: left; text-align: center; background: #F7F7F7; margin-right:0; cursor: pointer; width: 22%; height: 39px; line-height: 39px; max-width: 183px; font-size: 14px; color: #333; border-top:1px solid #ccc; border-right:1px solid #ccc; } .ny_con .HuodongPage .con1 .tab_menu li.hover a { color: #7CC0FF; background:#F7F7F7; border-top:2px solid #7CC0FF; height:38px; icon:38px; } .ny_con .HuodongPage .con1 .tab_menu li.selected a { display: block; width: 100%; color: #7CC0FF; background:#F7F7F7;border-top:2px solid #7CC0FF; height:38px; icon:38px; } .ny_con .HuodongPage .con1 .tab_box .huodongbg ul li{ background:url(../images/huodong_con1bg.png) no-repeat right top; background-size:203px;width:calc(33.3333% - 80px);border:1px solid #ccc; position:relative;} .ny_con .HuodongPage .con1 .tab_box .huodongbg ul li .title{ text-align:left; padding-bottom:0;} .ny_con .HuodongPage .con1 .tab_box .huodongbg ul li a.wailian{ float:right;} .ny_con .HuodongPage .con1 .tab_box .huodongbg ul li span{ font-size:14px;} .ny_con .HuodongPage .con1 .tab_box .huodongbg ul li strong{ font-size:35px;} .ny_con .HuodongPage .con1 .tab_box .huodong2 dl{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc; clear:both; overflow:hidden; position:relative;} .ny_con .HuodongPage .con1 .tab_box .huodong2 dl dt{ float:left; width:219px; margin-right:20px; position:relative;} .ny_con .HuodongPage .con1 .tab_box .huodong2 dl dd{ float:left; width:calc(100% - 239px); } .ny_con .HuodongPage .con1 .tab_box .huodong2 dl dt img{ width:100%;} .ny_con .HuodongPage .con1 .tab_box .huodong2 dl dd a{ float:right; font-size:14px; color:#245CA0;} .ny_con .HuodongPage .con1 .tab_box .huodong2 dl dd h3 a{ font-size:20px; line-height:40px; float:none; color:#333;} .ny_con .HuodongPage .con1 .tab_box .huodong2 dl dd p{ font-size:14px; padding:10px 0;} .ny_con .HuodongPage .con1 .tab_box .huodong2 dl dd .baom_btn{ position:absolute; right:0; bottom:20px} .ny_con .HuodongPage .con1 .tab_box .huodong2 dl dd .baom_btn img{ position:absolute; left:0; top:0; z-index:9;} .ny_con .HuodongPage .con1 .tab_box .huodong2 dl dd .baom_btn a{ background:#5BC2F8; color:#fff; font-size:14px; height:30px; line-height:30px; display:block; width:110px; text-align:center;} /*详情页*/ .position{ line-height:38px; font-size:14px; margin-left:0px;} .TextDetail{ background:#F2F4F7; clear:both; overflow:hidden; padding-top:20px;} .TextDetail .leftlist{ width:285px; margin-right:25px; float:right; margin: 0 8px; } .TextDetail .leftlist .list{ background:#fff; margin-bottom:20px; padding-bottom:15px; } .TextDetail .leftlist .list .title{ background:#fff; color:#000; border-bottom:1px solid #ccc; line-height:38px; padding:0 10px; font-size:14px; } .TextDetail .leftlist .list ul li{ margin:10px; padding:0 0 10px 0; border-bottom:1px dashed #ccc;} .TextDetail .leftlist .list ul li h6{ font-size:15px; text-align:center; font-weight: 600;} .TextDetail .leftlist .list ul li h6 a{} .TextDetail .leftlist .list ul li span{ color:#aaa; padding:10px 0 ; display:block;} .TextDetail .leftlist .list ul li p{ color:#888;position: relative; line-height: 24px; max-height:48px;overflow: hidden;} .TextDetail .leftlist .list ul li p:after{content: "...."; color:#888; width:59.5px; position: absolute; bottom: 0; right: 0; background-color:#fff;} .TextDetail .righttext{ width:calc(100% - 310px) ; float:left; overflow:hidden; } .TextDetail .righttext .detail{ padding:30px 20px; background:#fff; margin-bottom:20px;} .TextDetail .righttext .detail .bigtitle{ text-align:center; font-size:22px; padding:20px 0 20px 0; position:relative; } .TextDetail .righttext .detail .bigtitle .bdsharebuttonbox{ position:absolute; right:0; top:10px;} .TextDetail .righttext .detail .bigtitle .bdsharebuttonbox .bds_more{ width:76px; height:30px; background:url(../images/fenxiang_btn.jpg) no-repeat; margin:0; padding:0;} .TextDetail .righttext .detail .bigtitle p{ font-size:14px; color:#666; padding:20px 0 0 0;} .TextDetail .righttext .detail .bigtitle span{ font-size:14px; color:#666; padding:20px 0 0 0;} .TextDetail .righttext .detail .bigtitle span.nextyca{ padding-left:10px;} .TextDetail .righttext .detail .bigtitle span.sjtag{ padding-left:10px;} .TextDetail .righttext .detail .zhuyu{ font-size:14px; margin-bottom:20px;} .TextDetail .righttext .detail .zhuyu p{ border-bottom:2px solid #ccc; padding:10px 0;} .TextDetail .righttext .detail .zhuyu p.left{ width:48%;} .TextDetail .righttext .detail .zhuyu p.right{ width:42%;} .TextDetail .righttext .detail dl{ clear:both; overflow:hidden; padding:20px; background:#F2F4F7; margin-bottom:20px;} .TextDetail .righttext .detail dl dt{ width:220px; float:left; margin-right:20px;} .TextDetail .righttext .detail dl dt img{ width:100%;} .TextDetail .righttext .detail dl dd{ float:left; width:calc(100% - 240px) ; font-size:14px;} .TextDetail .righttext .detail dl dd p{ padding:10px 0; line-height:30px;} .TextDetail .righttext .detail dl dd a{ color:#fff; background:#5BC2F8; padding:5px 20px; font-size:12px;} .TextDetail .righttext .detail .content{ font-size:14px; clear: both; overflow: hidden;} .TextDetail .righttext .detail .fanhui{ border-top:1px dashed #ccc; margin-top:20px; padding:10px 0; line-height:20px; font-size:14px;} .TextDetail .righttext .detail .fanhui a.fanhui{ color:#165199; display:block; padding:10px 0;border: 0px;} .TextDetail .righttext .detail .fanhui span{ color:#165199; display:block; padding:10px 0;} .TextDetail .righttext .detail .fanhui span.shangxia{ font-size:16px; color:#333;} .TextDetail .righttext .detail .fanhui span.blue {/* color:#1890FF; text-decoration:underline;*/} .TextDetail .righttext .detail .fanhui span.blue a{ /*color:#1890FF; text-decoration:underline;*/} .TextDetail .righttext .jilu{ background:#fff; clear:both; overflow:hidden;} .TextDetail .righttext .jilu .title{ background:#FAFAFA; margin-bottom:20px; border-bottom:1px solid #ccc; line-height:58px; padding:0 20px; font-size:16px; } .TextDetail .righttext .jilu dl{ width:calc(50% - 20px) ; float:left; margin:0 0 20px 20px;} .TextDetail .righttext .jilu dl dt{ width:220px; float:left; text-align:center;} .TextDetail .righttext .jilu dl dt img{ float:left;max-width: 200px; width: calc(100% - 20px); margin-right: 20px;} .TextDetail .righttext .jilu dl dd{width:calc(100% - 220px) ; float:left;} .TextDetail .righttext .jilu dl dd a{ display:block;line-height:37px;border-bottom:1px dashed #ccc; width:95%; margin:0 auto; font-size:14px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;} /*案例页面*/ .CaseNav{ padding:30px 2.5%;} .CaseNav .nav_btn{ border-bottom:1px solid #ccc; margin-bottom:10px; clear:both; overflow:hidden; padding:10px 0; } .CaseNav .nav_btn span{ font-size:14px;line-height:40px; display:block; float:left; color:#333; font-weight:bold;} .CaseNav .nav_btn .nav_a{ float:left; width:100%;} .CaseNav .nav_btn a{ font-size:16px; line-height:35px; height:35px; text-align:center; margin:0px 10px 0 10px; padding:0 20px; min-width:3em; display:block; float:left;} .CaseNav .nav_btn a:hover,.CaseNav .nav_btn a.dq{ background:#1890FF; color:#fff; border-radius: 10px;} .TextDetail .leftlist .list .title a{ float:right; font-size:12px; color:#888;} .TextDetail .leftlist .list ul li img{ width:100%;} .TextDetail .leftlist .list .biaoqian{ padding:0 10px 0 10px; clear:both; overflow:hidden;} .biaoqian a{ background:#e7ebf2; display:block; float:left; height:34px; margin-right:10px; margin-top:10px; line-height:34px; padding:0 10px; color:#333333; font-size:14px;} .TextDetail .righttext .case_list{ clear:both; overflow:hidden;} .TextDetail .righttext .case_list ul li{ float:left; margin-bottom:20px; margin-right:20px; padding:10px; background:#fff;width:calc(33.3333333% - 40px);height: 380px;} .TextDetail .righttext .case_list ul li img{ width:100%; height: 200px;} .TextDetail .righttext .case_list ul li h6{ font-size:16px; padding:10px 0;} .TextDetail .righttext .case_list ul li p{ padding:0 0 10px 0; line-height:18px;height: 90px;} /*新闻列表页*/ .TextDetail .righttext .news_submenu{ background:#fff; padding:20px 20px 0 20px; clear:both; overflow:hidden;} .TextDetail .righttext .news_submenu .border{ border-bottom:1px solid #ccc; padding-bottom:20px; clear:both; overflow:hidden;} .TextDetail .righttext .news_submenu a{ color:#000; padding:0 15px; display:block; text-align:center; min-width:4em; float:left; border:1px solid #ccc; margin-right:20px; font-size:16px; line-height:34px; margin-bottom:10px;} .TextDetail .righttext .news_submenu a:hover,.TextDetail .righttext .news_submenu a.dq{ color:#fff; border:1px solid #09B2F8; background:#09B2F8;} .TextDetail .righttext .news_list{ background:#fff; padding:20px;} .TextDetail .righttext .news_list dl{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc; clear:both; overflow:hidden; position:relative;} .TextDetail .righttext .news_list dl dt{ float:left; width:219px; margin-right:20px;} .TextDetail .righttext .news_list dl dd{ float:left; width:calc(100% - 239px); } .TextDetail .righttext .news_list dl dt img{ width:100%;} .TextDetail .righttext .news_list dl dd h3{ font-size:20px; line-height:40px;} .TextDetail .righttext .news_list dl dd h3 a{ float:none; color:#111;font-size: 20px; line-height: 40px;} .TextDetail .righttext .news_list dl dd a{ float:right; font-size:14px; color:#245CA0;} .TextDetail .righttext .news_list dl dd p{ font-size:14px; padding:10px 0; color:#999;} /*行业方案列表*/ .TextDetail .righttext .hangye_list{ background:#fff; padding:20px;} .TextDetail .righttext .hangye_list ul li{ float:left;width:calc(33.33333% - 20px); background:#000; position:relative; margin-right:20px; margin-bottom:20px;} .TextDetail .righttext .hangye_list ul li img{ display:block; width:100%; opacity:0.6;} .TextDetail .righttext .hangye_list ul li a{ color:#fff;} .TextDetail .righttext .hangye_list ul li p{ position:absolute; left:0; top:50%; margin-top:-12px;color:#fff;font-size:14px; display:block; text-align:center; width:100%; line-height:20px; } .TextDetail .righttext .hangye_list ul li p span{ padding:3px 6px;} .position2{line-height:38px; font-size:14px; background:#FBFBFC;} .CopyrightLink{ padding:20px 0; clear:both; overflow:hidden;} .CopyrightLink .title{ padding:20px 0; font-size:22px; color:#000;} .CopyrightLink .title2{ background:#FAFAFA;font-size:14px;margin-bottom:15px; padding:0 20px; line-height:35px; border-bottom:1px solid #ccc;} .CopyrightLink .blank{ padding:0 20px 20px 20px; line-height:28px;} .CopyrightLink p{ padding:10px 0;} .CopyrightLink a{ font-size:14px; padding-right:15px;} .CopyrightLink img{ display:block; width:100%; float:left; max-width:209px; margin-right:20px; border:1px solid #ccc; margin-bottom:15px;} .zizhi_nav{background:url(../images/2line.jpg) repeat-x left bottom; padding:11px 0; clear:both; overflow:hidden; text-align:center; margin-bottom:20px;} .zizhi_nav a{ padding: 12px 10px; margin:0 10px; font-size:16px; border-bottom:2px solid #ccc;} .zizhi_nav a:hover,.zizhi_nav a.dq{ color:#5BC2F8; border-bottom:2px solid #5BC2F8;} .zizhi_con{ clear:both; overflow:hidden;} .NyBanner .bangzhu{ position:absolute; left:0; top:15%; color:#555; width:100%;} .NyBanner img.img1{ display:block;} .NyBanner img.img2{ display:none;} .NyBanner .bangzhu h1{ font-size:30px; line-height:60px; font-weight:normal;} .NyBanner .bangzhu p{ font-size:16px; width:100%; line-height:30px; padding:15px 0 15px 0;} .NyBanner .bangzhu p.yingyong{ font-size:15px; line-height:24px;} .NyBanner .bangzhu .banner_btn2{ width:100%; padding-top:20px; } .NyBanner .bangzhu .banner_btn2 input.put{width:calc(100% - 115px); max-width:384px; margin-right:10px; float:left; border:1px solid #E1E6F2; height:38px; line-height:38px; box-shadow:0 2px 3px #ccc; border-radius:100px; font-size:14px; background:#fff url(../images/search_btn.svg ) no-repeat left 10px center; background-size:15px; text-indent:30px;outline:none;} .NyBanner .bangzhu .banner_btn2 input.btn{ float:left; width:105px;outline:none; text-align:center; border:0; height:38px; line-height:38px; font-size:16px; color:#fff; border-radius:100px; cursor:pointer;background-image: linear-gradient(to right, #7086FE,#2D4AEF); box-shadow:0 2px 3px #ccc;} .bangzhu_menu{ background:#fff; line-height:50px; text-align:center; border-bottom:1px solid #ccc;transition: top 0.5s; -webkit-transition: top 0.5s; -moz-transition: top 0.5s; -o-transition: top 0.5s; -ms-transition: top 0.5s; -moz-transition: top 0.5s; position:relative; z-index:9999;} .bangzhu_menu2{ display:none;} .bangzhu_menu3{ display:block;} .bangzhu_menu a{ border-bottom:2px solid #fff; font-size:16px; margin:0 10px; padding:14px 10px;} .bangzhu_menu a:hover,.bangzhu_menu a.dq{ border-bottom:2px solid #1890FF; color:#1890FF;} .bangzhu_con{ clear:both; overflow:hidden;} .bangzhu_con .left_con{ float:left; width:300px; background:#fff; position:relative;clear: both;overflow: hidden;} .bangzhu_con .right_con{ padding:30px 3%;width:calc(94% - 350px); float:left; font-size:14px;background-color: #fff;margin: 0 25px 25px;} .bangzhu_con .right_con img{max-width: 100%;} .bangzhu_con .left_con #screen { overflow: auto; } .bangzhu_con .left_con #screen2 { overflow: auto; } .bangzhu_con .left_con .content { position: relative; height: 100%; } .bangzhu_con .left_con .cds_scrollbar { position: absolute; background:url(../images/gundongtiao.jpg) no-repeat right center; right: -0; cursor: pointer; min-height:117px; } .bangzhu_con .left_con .cds_scrollbar_over { background:url(../images/gundongtiao.jpg) no-repeat right center; } .bangzhu_con .left_con .cds_scrollbar_pushed {background:url(../images/gundongtiao.jpg) no-repeat right center;} .bangzhu_con .left_con .cds_track { position: absolute; background:#fff; right: 0; top: 0px; height: 100%; cursor: pointer; } .bangzhu_con .left_con .cds_up { position: absolute; background:#fff; right: -0; top: 0px; cursor: pointer; } .bangzhu_con .left_con .cds_down { position: absolute; background: #fff; right: -0; bottom: 0px; cursor: pointer; } /* 帮助中心测导航 */ .sidebar-menu { list-style: none; margin: 0; padding: 0; font-size:14px; } .sidebar-menu > li { position: relative; margin: 0; padding: 0; } .sidebar-menu > li > a { display: block; border-left: 3px solid transparent; padding-left:20px; color: #333; line-height:50px; } .sidebar-menu > li > a > .fa { width: 20px; } .sidebar-menu > li:hover > a, .sidebar-menu > li.active > a { color: #1492FF; background: #ECF1FE; border-left-color: #1492FF; } /* 修改 */ .sidebar-menu > li.active > a { color: #1492FF; background: #ECF1FE; border-left-color: #1492FF; } .sidebar-menu .treeview-menu > li.active > a{color: #1492FF; background: #ECF1FE; border-left: 3px solid #1492FF; margin-left: -5px;} .sidebar-menu .treeview-menu3 > li.active > a{color: #1492FF; background: #ECF1FE; border-left: 3px solid #1492FF; margin-left: -10px;} .sidebar-menu > li > .treeview-menu { margin: 0 1px; } .sidebar-menu > li .label, .sidebar-menu > li .badge { margin-top: 3px; margin-right: 5px; } .sidebar-menu li > a > .fa-angle-left { width: auto; height: auto; padding: 0; margin-right: 10px; margin-top: 19px;transform: rotate(-90deg); } .sidebar-menu li.active > a > .fa-angle-left { transform: rotate(90deg); } .sidebar-menu li.active > .treeview-menu { display: block; } .sidebar-menu a { text-decoration: none; } .sidebar-menu .treeview-menu { display: none; list-style: none; padding: 0; margin: 0; padding-left: 5px; } .sidebar-menu .treeview-menu .treeview-menu { padding-left: 20px; } .sidebar-menu .treeview-menu > li { margin: 0; } .sidebar-menu .treeview-menu > li > a { display: block; font-size: 14px; color: #666; line-height:40px; padding-left:40px } .sidebar-menu .treeview-menu > li > a > .fa { width: 20px; } .sidebar-menu .treeview-menu > li > a > .fa-angle-left, .sidebar-menu .treeview-menu > li > a > .fa-angle-down { width: auto; margin-top: 12px; } .sidebar-menu .treeview-menu > li.active > a, .sidebar-menu .treeview-menu > li > a:hover { color: #333; } /* 3级 */ .sidebar-menu .treeview-menu3 { display: none; list-style: none; padding: 0; margin: 0; padding-left: 5px; } .sidebar-menu .treeview-menu3 .treeview-menu { padding-left: 20px; } .sidebar-menu .treeview-menu3 > li { margin: 0; } .sidebar-menu .treeview-menu3 > li > a { display: block; font-size: 14px; color: #666; line-height:40px; padding-left:60px } .sidebar-menu .treeview-menu3 > li > a > .fa { width: 20px; } .sidebar-menu .treeview-menu3 > li > a > .fa-angle-left, .sidebar-menu .treeview-menu3 > li > a > .fa-angle-down { width: auto; margin-top: 12px; } .sidebar-menu .treeview-menu3 > li.active > a, .sidebar-menu .treeview-menu3 > li > a:hover { color: #333; } #files{} .tree,.tree ul,.tree li{zoom: 1;} .tree ul{margin-left:0px;} .tree li a{border-left: 3px solid transparent; display:block;padding-left: 20px;color: #333;line-height: 50px; font-size:14px;outline:none;} .tree li a.tree-parent{background:url(../images/icon-folder-open.gif) right 10px center no-repeat;} .tree li a.tree-parent-collapsed{background:url(../images/icon-folder.gif) right 10px center no-repeat;} .tree li a:hover,.tree li a.tree-parent:hover,.tree li a:focus,.tree li a.tree-parent:focus,.tree li a.tree-item-active{ border-left:3px solid #1492FF;background-color:#ECF1FE; color:#1492FF;} .tree li a:focus,.tree li a.tree-parent:focus,.tree li a.tree-item-active{border-left:3px solid #1492FF;background-color:#ECF1FE; color:#1492FF;} .tree ul.tree-group-collapsed{display:none;} #files li ul li a{ padding-left:40px; line-height:40px; color:#666;} #files li ul li a:hover{ background-color:transparent;; padding-left:40px;border-left: 3px solid transparent;} #files li ul li ul li a{padding-left:60px; line-height:30px;} #files li ul li ul li a:hover{background-color:transparent;; padding-left:60px;border-left: 3px solid transparent;} #files li ul li a:focus,#files li ul li a.tree-parent:focus,#files li ul li a.tree-item-active{ background-color:0; border-left: 3px solid transparent; } #files li ul li a:hover,#files li ul li a.tree-parent:hover,#files li ul li a:focus,#files li ul li a.tree-parent:focus,#files li ul li a.tree-item-active{ background-color:0;border-left: 3px solid transparent;color:#1492FF; } #files li ul li a.tree-parent:focus{background-color:#ECF1FE;} .ny_con .HuodongPage .con1 .tab_box .huodongbg ul li img.yiguoqibg{ position:absolute; right:0; top:0; max-width:62px;} .ny_con .YingyongPage .con1 .tab_box ul li img.yiguoqibg,.ny_con .YingyongPage .con1 .tab_box ul li img.zhengzai{position:absolute; right:-1px; top:-1px; max-width:62px;} .ny_con .HuodongPage .con1 .tab_box .huodong2 dl dt img.yiguoqibg,.ny_con .HuodongPage .con1 .tab_box .huodong2 dl dt img.zhengzai{ position:absolute; right:0; top:0; max-width:62px;} @media (max-width: 767px) { /* 分页 */ .Page{ text-align:left; padding:30px 0; clear:both; overflow:hidden;} /*搜索页*/ .ny_con .SearchPage .search_circle .search2 { margin: 0 auto; width: 95%; padding:0 2.5%; max-width: 600px; position:relative; } /*内页banner*/ .NyBanner{ position:relative; overflow: hidden; width: 100%; /*! height: 100%; */ } .NyBanner img{width: 160%; margin-left: 0%;} .NyBanner .banner_text{ position:absolute; left:0; top:0; color:#fff; width:100%; /*! height:100%; */} .banner_text .width1224 { /*! margin: 0 auto; */ /*! width: 95%; */ /*! padding: 0% 2.5%; */ } .NyBanner .banner_siyoubushu{ font-size: 10px; left: 30%; padding: 1px 10px;} .NyBanner .banner_lijishiyong{ font-size: 10px; left: 8%; padding: 0px 3px; } .banner_text .width1224 img{width: 100%;} .NyBanner .jiage_text { position:absolute; left:0; top:30%; color:#fff; width:100%;} .NyBanner .banner_text h1{ font-size:16px; line-height:30px; font-weight:normal;} .NyBanner .banner_text p{ font-size:12px; width:100%; line-height:20px; padding:0px 0 10px 0;} .NyBanner .banner_text .banner_btn{ width:100%; max-width:600px;text-align:center; margin:0% auto 0 auto;position: absolute; bottom: 10px; left:0;} .NyBanner .banner_text a{ font-size:12px; color:#fff; background:#377EE8; border-radius:3px; margin:0 20px; padding:5px 15px;} .NyBanner .banner_text a:hover{ background:#419BF9;} /*产品页面*/ .ny_con .ProductPage .pro_submenu2{ display:none;} .ny_con .ProductPage .pro_submenu3 { display:block; margin:20px 0;} .ny_con .ProductPage .pro_submenu3 .v_box ul li, .ny_con .ProductPage .pro_submenu3 .h_box ul li {float: left; width:20%; text-align:center; font-size:14px; } .ny_con .ProductPage .pro_list{ clear:both; overflow:hidden;} .ny_con .ProductPage .pro_list dl{ clear:both; overflow:hidden; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ccc;} .ny_con .ProductPage .pro_list dl dt{ float:left; width:100%; padding-right:0;} .ny_con .ProductPage .pro_list dl.marginright{padding-left:0%;padding-right:0;} .ny_con .ProductPage .pro_list dl h5{ font-size:16px; line-height:28px; font-weight:normal; color:#000; padding-top:0;} .ny_con .ProductPage .pro_list dl p{ padding: 5px 0; font-size:12px; } .ny_con .ProductPage .pro_list dl a{ font-size:14px; color:#fff; background:#377EE8; height:30px; line-height:30px; border-radius:3px; display:block; max-width:98px; text-align:center; margin-top:10px; margin-bottom:10px;} .ny_con .ProductPage .pro_list dl a:hover{ background:#419BF9;} .ny_con .ProductPage .pro_list dl dd{ float:left; width:100%; } .ny_con .ProductPage .pro_list dl img{ width:100%; max-width:auto;} .ny_con .ProductPage .pro_list dl.marginright dd{float:left; width:100%; } .ny_con .ProductPage .pro_list dl.marginright dt{float:left; width:100%; padding-right:0;} .ny_con .ProductPage .pro_tuijian{clear:both; overflow:hidden; padding:12px 0;} .ny_con .ProductPage .pro_tuijian .title{ line-height:39px;font-size:18px; text-align:center;} .ny_con .ProductPage .pro_tuijian ul{padding:10px 0 10px 10px; clear:both; overflow:hidden;} .ny_con .ProductPage .pro_tuijian ul li{ float:left;text-align:center; padding-bottom:20px; width:calc(50% - 12px); border:1px solid #ccc; margin-right:10px; margin-bottom:10px;} .ny_con .ProductPage .pro_tuijian ul li h5{text-align:center; font-size:16px; background:#FAFAFA; border-bottom:1px solid #ccc; line-height:39px; font-weight:normal;} .ny_con .ProductPage .pro_tuijian ul li .tuijian_list{ margin:10px 10px 20px 10px;;} .ny_con .ProductPage .pro_tuijian ul li .tuijian_list span{ display:block; line-height:24px; font-size:14px; text-align:left; background:url(../images/hui_dot.jpg) no-repeat left center; background-size:5px; padding-left:12px;} .ny_con .ProductPage .pro_tuijian ul li a{ background:#373D41; font-size:14px; color:#fff; padding:5px 20px;} .ny_con .ProductPage .pro_tuijian ul li a:hover{ background:#377EE8;} .ny_con .ProductPage .pro_news{ clear:both; overflow:hidden;} .ny_con .ProductPage .pro_news .title{ font-size:18px; border:1px solid #ccc; background:#FAFAFA; line-height:39px; padding-left:20px;} .ny_con .ProductPage .pro_news ul{ padding:20px 0 20px 20px; border:1px solid #ccc; border-top:0; clear:both; overflow:hidden;} .ny_con .ProductPage .pro_news ul li{ float:left; width:calc(100% - 20px); margin-right:20px; margin-bottom:20px; } .ny_con .ProductPage .pro_news ul li img{ width:100%;} .ny_con .ProductPage .pro_news h5{ font-size:16px; font-weight:normal; padding:4px 0; line-height:24px;} .ny_con .ProductPage .pro_news p a{ border-bottom:1px dashed #ccc; display:block; width:100%; line-height:30px; white-space:nowrap; text-overflow:ellipsis;overflow:hidden; font-size:12px; color:#666;} .ny_con .ProductPage .pro_news ul li:nth-child(1){ display:block;} .ny_con .ProductPage .pro_news ul li:nth-child(n+2){ display:none;} /*价格页面*/ .jiagebg{ background:url(../images/jiagepage_bg.jpg) no-repeat center bottom;} .ny_con .JiagePage h2{ text-align:center; font-size:20px; color:#333; font-weight:normal; padding:20px 0;} .ny_con .JiagePage .con1{ clear:both; overflow:hidden;} .ny_con .JiagePage .con1 ul{ padding:50px 0;} .ny_con .JiagePage .con1 ul li{ float:left;width:calc(50% - 2px); margin-top:0; margin-bottom:20px; border:1px solid #ccc; text-align:center; min-height:526px;} .ny_con .JiagePage .con1 ul li:hover{ margin-top:-20px;transition: margin-top 0.2s; -webkit-transition: margin-top 0.2s; -moz-transition: margin-top 0.2s; -o-transition: margin-top 0.2s; -ms-transition: margin-top 0.2s; -moz-transition: margin-top 0.2s; } .ny_con .JiagePage .con1 ul li .title{ height:35px; line-height:35px; background:#EEF2F8; font-size:14px;} .ny_con .JiagePage .con1 ul li .jiage{ font-size:14px; padding:10px 0;} .ny_con .JiagePage .con1 ul li .jiage span.qian{ font-size:30px; color:#222;} .ny_con .JiagePage .con1 ul li .jiage2{ font-size:14px; padding-bottom:10px;} .ny_con .JiagePage .con1 ul li a{ font-size:14px; border:1px solid #ccc; padding:6px 20px; border-radius:3px;} .ny_con .JiagePage .con1 ul li .neicun{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:20px 0 10px 0; clear:both; overflow:hidden; padding:7px 0; color:#9F9FA6;} .ny_con .JiagePage .con1 ul li .neicun p{ width:50%; float:left;} .ny_con .JiagePage .con1 ul li .neicun p.sz{ font-size:16px; color:#333;} .ny_con .JiagePage .con1 ul li .text{ font-size:12px; line-height:24px;} .ny_con .JiagePage .con1 ul li .text span{ color:#f00;} .ny_con .JiagePage .con1 ul li.color1:hover{border:1px solid #76C789;} .ny_con .JiagePage .con1 ul li.color1:hover a{border:1px solid #76C789; background:#76C789; color:#fff;} .ny_con .JiagePage .con1 ul li.color1:hover .title{background:#76C789; color:#fff;} .ny_con .JiagePage .con1 ul li.color1:hover .jiage span.qian{ color:#76C789;} .ny_con .JiagePage .con1 ul li.color2:hover{border:1px solid #58B6F3;} .ny_con .JiagePage .con1 ul li.color2:hover a{border:1px solid #58B6F3; background:#58B6F3; color:#fff;} .ny_con .JiagePage .con1 ul li.color2:hover .title{background:#58B6F3; color:#fff;} .ny_con .JiagePage .con1 ul li.color2:hover .jiage span.qian{ color:#58B6F3;} .ny_con .JiagePage .con1 ul li.color3:hover{border:1px solid #26D0E0;} .ny_con .JiagePage .con1 ul li.color3:hover a{border:1px solid #26D0E0; background:#26D0E0; color:#fff;} .ny_con .JiagePage .con1 ul li.color3:hover .title{background:#26D0E0; color:#fff;} .ny_con .JiagePage .con1 ul li.color3:hover .jiage span.qian{ color:#26D0E0;} .ny_con .JiagePage .con1 ul li.color4:hover{border:1px solid #9FA8D7;} .ny_con .JiagePage .con1 ul li.color4:hover a{border:1px solid #9FA8D7; background:#9FA8D7; color:#fff;} .ny_con .JiagePage .con1 ul li.color4:hover .title{background:#9FA8D7; color:#fff;} .ny_con .JiagePage .con1 ul li.color4:hover .jiage span.qian{ color:#9FA8D7;} .ny_con .JiagePage .con1 ul li.color5:hover{border:1px solid #FF9A4D;} .ny_con .JiagePage .con1 ul li.color5:hover a{border:1px solid #FF9A4D; background:#FF9A4D; color:#fff;} .ny_con .JiagePage .con1 ul li.color5:hover .title{background:#FF9A4D; color:#fff;} .ny_con .JiagePage .con1 ul li.color5:hover .jiage span.qian{ color:#FF9A4D;} .ny_con .JiagePage .con2 h6{ text-align:center; font-size:14px; font-weight:normal; margin:-10px 0 15px 0;} .ny_con .JiagePage .con2{ background:url(../images/jiagepage_con2bg.jpg) repeat-x center bottom;} .ny_con .JiagePage .con2 table{ text-align:center; font-size:14px;} .ny_con .JiagePage .con2 img.xiaoimg{ max-width:45px; width:90%; margin:40px auto 0 auto;} .ny_con .JiagePage .con2 img.daimg{ max-width:380px; width:90%; margin:0 auto;} .ny_con .JiagePage .con2 p{ padding-bottom:50px;} .ny_con .JiagePage .con3{ clear:both; overflow:hidden;} .ny_con .JiagePage .con3 ul li{ float:left; width:calc(50% - 28px); margin:0 13px 26px 13px; border:1px solid #EBECEC; border-top:4px solid #878B8D; box-shadow:0 3px 4px #ccc; cursor:pointer; } .ny_con .JiagePage .con3 ul li:hover{ border-color:#58D0FF;-webkit-transition: border-color .2s ease; -moz-transition: border-color .2s ease; -ms-transition: border-color .2s ease; -o-transition: border-color .2s ease; transition: border-color .2s ease} .ny_con .JiagePage .con3 ul li h6{ font-size:17px; padding:15px 0; text-align:center; font-weight:normal;} .ny_con .JiagePage .con3 ul li p{ font-size:14px; width:90%; margin:0 auto 20px auto; min-height:96px;} .ny_con .JiagePage .con4{ position:relative;} .ny_con .JiagePage .con4 .flex { width:100%;position:relative;} .ny_con .JiagePage .con4 .slides--titles{ position:inherit; right:0%; width:100%; top:0%; margin-bottom:10px;z-index:9999;} .ny_con .JiagePage .con4 .slides li, .ny_con .JiagePage .con4 .slides--titles li { overflow: hidden; position: relative; float: left } .jFlex, .slides, .slides li,.ny_con .JiagePage .con4 .slides--titles li { position: relative } .ny_con .JiagePage .con4 .jFlex { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .ny_con .JiagePage .con4 .slides--anim { -moz-transition: transform ease-out .3s; -ms-transition: transform ease-out .3s; -o-transition: transform ease-out .3s; -webkit-transition: transform ease-out .3s; transition: transform ease-out .3s } .ny_con .JiagePage .con4 .slides--titles:after,.ny_con .JiagePage .con4 .slides--titles:before, .ny_con .JiagePage .con4 .slides:after,.ny_con .JiagePage .con4 .slides:before { content: ' '; display: table } .ny_con .JiagePage .con4 .slides--titles:after, .ny_con .JiagePage .con4 .slides:after { clear: both } .ny_con .JiagePage .con4 .slides li { display: block } .ny_con .JiagePage .con4 .slides img { display: block; height: auto; width: 100% ;border: 1px solid #fff;} .ny_con .JiagePage .con4 .slides--titles li { cursor: pointer; height:40px; line-height:40px; width:100%; color:#333; } .ny_con .JiagePage .con4 .slides--titles li .title--l { background: #ccc; display: block; height: 60px; width:3px; left:0; position:absolute; z-index:99999; top:5px; } .ny_con .JiagePage .con4 .slides--titles li .title--t { font-size:16px; color: #333; display: block; height:39px; line-height: border-bottom:1px dashed #ccc;padding: 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;margin-left:10px; border-bottom:1px dashed #ccc;} .ny_con .JiagePage .con4 .slides--titles li.title--auto .title--l,.ny_con .JiagePage .con4 .slides--titles li.title--manual .title--l { -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s; -webkit-transition: all linear .3s; transition: all linear .3s } .ny_con .JiagePage .con4 .slides--titles li.title--auto.title--active .title--l { -moz-transition: all linear 5s; -ms-transition: all linear 5s; -o-transition: all linear 5s; -webkit-transition: all linear 5s; transition: all linear 5s } .ny_con .JiagePage .con4 .slides--titles li.title--active .title--l { left: 0 ; background:#555;} .ny_con .JiagePage .con4 .slides--titles li.title--right .title--l { left: 0 } .ny_con .JiagePage .con4 .slides--titles li.title--active .title--t { color:#1890FF; } .ny_con .JiagePage .con4 .slides--titles li.title--active {} .ny_con .JiagePage .con5 { padding-bottom:10px;} .ny_con .JiagePage .con5 #faq li{ border-bottom:1px solid #eee;} .ny_con .JiagePage .con5 #faq dt{ font-size:14px;cursor:pointer; background:#FAFBFD; color:#333; line-height:45px;} .ny_con .JiagePage .con5 #faq dl:hover dt{background:#09B2F8; color:#fff;} .ny_con .JiagePage .con5 #faq dd{display:none; background:#09B2F8; color:#fff; font-size:12px; padding:15px 0 15px 0;} .ny_con .JiagePage .con5 #faq dl:hover dd{ padding-top:0;} .ny_con .JiagePage .con5 a{ color:#4477D3; font-size:14px; display:block; margin:20px auto;} .ny_con .JiagePage .con6{ text-align:center; padding-bottom:10px;} .ny_con .JiagePage .con6 a{ font-size:14px; color:#1AB8F9; border:2px solid #9DE2FD; background:#fff; padding:5px 33px; margin:10px 10px;} .ny_con .JiagePage .con6 a:hover{ border:0px solid #09B2F7; color:#fff; padding:7px 35px; background-image: linear-gradient(to right, #09B2F7,#53CEFE,#5CD1FF);} /*应用页面*/ .jiagebg{ background:url(../images/jiagepage_bg.jpg) no-repeat center bottom;} .ny_con .YingyongPage h2{ text-align:center; font-size:20px; color:#333; line-height:30px; font-weight:normal; padding:20px 0;} .ny_con .YingyongPage .con1{ padding-bottom:15px;} .ny_con .YingyongPage .con1 .tab_menu { clear: both; border-bottom: 2px solid #EAEAEA; margin:0 0 10px 0; overflow: hidden; } .ny_con .YingyongPage .con1 .tab_menu li { float: left; text-align: center; background: #F7F7F7; margin-right: 1px; cursor: pointer; width: 25%; height: 32px; line-height: 32px; max-width: 183px; font-size: 14px; color: #333; } .ny_con .YingyongPage .con1 .tab_menu li a{ width:100%; line-height:32px; height:32px;} .ny_con .YingyongPage .con1 .tab_menu li.hover a { color: #fff; background: url(../images/IndexNews_tabmenubg.jpg) repeat center; } .ny_con .YingyongPage .con1 .tab_menu li.selected { color: #fff; background: url(../images/IndexNews_tabmenubg.jpg) repeat center; } .ny_con .YingyongPage .con1 .tab_box { clear: both; overflow: hidden; } .ny_con .YingyongPage .con1 .tab_box .submenunav{ font-size:14px; padding-bottom:20px; padding-left:0px;} .ny_con .YingyongPage .con1 .tab_box ul li{float:left;width:calc(100% - 34px);padding:10px;margin:0 5px 15px 5px;border:2px solid #ccc;} .ny_con .YingyongPage .con1 .tab_box ul li .title{ font-size:14px; text-align:center; color:#333; padding-bottom:0px;} .ny_con .YingyongPage .con1 .tab_box ul li p{ font-size:12px; padding:5px 0 10px 0; line-height:22px;} .ny_con .YingyongPage .con1 .tab_box ul li a.wailian{ padding:5px 10px; background:#333; color:#fff;} .ny_con .YingyongPage .con1 .tab_box ul li a.neilian{ font-size:14px; float:none; display:block; padding-top:6px;} .ny_con .YingyongPage .con1 .hide { display: none } .ny_con .YingyongPage .con2{ background:#011423 url(../images/yingyongbanner.png) no-repeat center; min-height:355px; color:#fff;} .ny_con .YingyongPage .con2 h4{ font-size:20px; padding:10% 0 10px 0; line-height:32px; font-weight:normal;} .ny_con .YingyongPage .con2 p{ font-size:14px; width:89%; padding-bottom:30px;} .ny_con .YingyongPage .con2 a{padding:5px 30px; font-size:14px; border:2px solid #495660; color:#999;} .ny_con .YingyongPage .con3{ padding-bottom:20px; clear:both; overflow:hidden;} .ny_con .YingyongPage .con3 .rslides { position: relative; overflow:hidden; width: 100%; padding: 0; margin: 0; } .ny_con .YingyongPage .con3 .rslides li{-webkit-backface-visibility:hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .ny_con .YingyongPage .con3 .rslides li:first-child { position: relative; display: block; float: left; } .ny_con .YingyongPage .con3 .slide_container { position: relative; float: left; width: 100%; } .ny_con .YingyongPage .con3 .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .ny_con .YingyongPage .con3 .slide li { position: absolute; width:calc(100% - 92px); margin:0 46px; left: 0; top: 0; } .ny_con .YingyongPage .con3 .slide li .con3_list{ width:calc(100% - 42px); border:1px solid #ccc; margin:0 10px 10px 10px; float:left; padding:10px;} .ny_con .YingyongPage .con3 .slide li .con3_list:nth-child(1){ display:block;} .ny_con .YingyongPage .con3 .slide li .con3_list:nth-child(n+2){ display:none} .ny_con .YingyongPage .con3 .slide li .con3_list h6{ font-size:18px; color:#000; padding:15px 0 10px 0;} .ny_con .YingyongPage .con3 .slide li .con3_list img{ width:100%;} .ny_con .YingyongPage .con3 .slide li .con3_list span{ display:block; width:50%; /*background:url(../images/hui_dot.jpg) no-repeat left center; background-size:5px; text-indent:10px;*/float:left;} .ny_con .YingyongPage .con3 .slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left:0px; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 46px; width: 46px; margin-top: -33px; } .ny_con .YingyongPage .con3 .slide_nav.prev { background: url(../images/btnleft_bai.png) no-repeat; background-size:46px; } .ny_con .YingyongPage .con3 .slide_nav.prev:active { background: url(../images/btnleft_blue.png) no-repeat;background-size:46px; } .ny_con .YingyongPage .con3 .slide_nav.next { left: auto; right: 0px; background: url(../images/btnright_bai.png) no-repeat; background-size:46px;} .ny_con .YingyongPage .con3 .slide_nav.next:active { background: url(../images/btnright_blue.png) no-repeat;background-size:46px; } .ny_con .YingyongPage .con4{ text-align:center;} .ny_con .YingyongPage .con4 a{ font-size:14px; color:#1AB8F9; border:2px solid #9DE2FD; background:#fff; padding:5px 30px;} .ny_con .YingyongPage .con4 a:hover{ border:0px solid #09B2F7; color:#fff; padding:9px 35px; background-image: linear-gradient(to right, #09B2F7,#53CEFE,#5CD1FF);} .NyBanner .banner_text p.yingyong{ font-size:15px; display:none; line-height:24px;} .NyBanner .banner_text h1.yingyong{ text-align:center; position:relative; top:40px;} /*活动页面*/ .ny_con .HuodongPage .con1 .tab_menu { clear: both; border-bottom: 1px solid #ccc; border-left:1px solid #ccc; margin:30px 0 35px 0; overflow: hidden; } .ny_con .HuodongPage .con1 .tab_menu li a{ float: left; text-align: center; background: #F7F7F7; margin-right:0; cursor: pointer; width: 100%; height: 32px; line-height: 32px; max-width: 183px; font-size: 14px; color: #333; border-top:1px solid #ccc; border-right:1px solid #ccc; } .ny_con .HuodongPage .con1 .tab_menu li.hover a { color: #7CC0FF; background:#F7F7F7; border-top:2px solid #7CC0FF; height:32px; icon:32px; } .ny_con .HuodongPage .con1 .tab_menu li.selected a { display: block; width: 100%; color: #7CC0FF; background:#F7F7F7;border-top:2px solid #7CC0FF; height:32px; icon:32px; } .ny_con .HuodongPage .con1 .tab_box .huodongbg ul li{ background:url(../images/huodong_con1bg.png) no-repeat right top; background-size:203px;width:calc(50% - 34px);border:1px solid #ccc;} .ny_con .HuodongPage .con1 .tab_box .huodongbg ul li .title{ text-align:left; padding-bottom:0;} .ny_con .HuodongPage .con1 .tab_box .huodongbg ul li a.wailian{ float:none; display:block; max-width:100px; text-align:center; padding: 0; margin:0 auto;} .ny_con .HuodongPage .con1 .tab_box .huodongbg ul li span{ font-size:12px;} .ny_con .HuodongPage .con1 .tab_box .huodongbg ul li strong{ font-size:35px;} .ny_con .HuodongPage .con1 .tab_box .huodong2 dl{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc; clear:both; overflow:hidden; position:relative;} .ny_con .HuodongPage .con1 .tab_box .huodong2 dl dt{ float:none; width:100%; margin-right:0;} .ny_con .HuodongPage .con1 .tab_box .huodong2 dl dt img{ max-width:209px; width:100%;} .ny_con .HuodongPage .con1 .tab_box .huodong2 dl dd{ float:none; width:100%; } .ny_con .HuodongPage .con1 .tab_box .huodong2 dl dd h3 a{ font-size:16px; line-height:25px;} .ny_con .HuodongPage .con1 .tab_box .huodong2 dl dd a{ font-size:12px; color:#245CA0; float:right;} .ny_con .HuodongPage .con1 .tab_box .huodong2 dl dd a.morext{position: absolute;right: 0;bottom: 50px;display: block;width: 110px;text-align: center;} .ny_con .HuodongPage .con1 .tab_box .huodong2 dl dd p{ font-size:12px; padding:0px 0; line-height:22px;} .ny_con .HuodongPage .con1 .tab_box .huodong2 dl dd .baom_btn{ position:absolute; right:0; bottom:20px} .ny_con .HuodongPage .con1 .tab_box .huodong2 dl dd .baom_btn a{ background:#5BC2F8; color:#fff; font-size:12px; height:30px; line-height:30px; display:block; width:110px; text-align:center;} .ny_con .HuodongPage .con1 .tab_box .huodongbg ul li img.yiguoqibg{ position:absolute; right:0; top:0; max-width:42px;} .ny_con .YingyongPage .con1 .tab_box ul li img.yiguoqibg,.ny_con .YingyongPage .con1 .tab_box ul li img.zhengzai{position:absolute; right:-1px; top:-1px; max-width:42px;} /*详情页*/ .position{ line-height:38px; font-size:14px; margin-left:0;} .TextDetail{ background:#F2F4F7; clear:both; overflow:hidden; padding-top:20px;} .TextDetail .leftlist{ width:100%; margin-right:0; float:left; display:none;} .TextDetail .leftlist .list{ background:#fff; margin-bottom:20px; padding-bottom:15px; } .TextDetail .leftlist .list .title{ background:#FAFAFA; border-bottom:1px solid #ccc; line-height:32px; padding:0 10px; font-size:14px; } .TextDetail .leftlist .list ul li{ margin:10px; padding:0 0 10px 0; border-bottom:1px dashed #ccc;} .TextDetail .leftlist .list ul li h6{ font-size:14px;} .TextDetail .leftlist .list ul li span{ color:#aaa; padding:5px 0 ; display:block;} .TextDetail .leftlist .list ul li p{ color:#888;} .TextDetail .righttext{ width:100% ; float:left; overflow:hidden; } .TextDetail .righttext .detail{ padding:30px 20px; background:#fff; margin-bottom:20px;} .TextDetail .righttext .detail .bigtitle{ text-align:left; font-size:18px; padding:10px 0 10px 0; position:relative; } .TextDetail .righttext .detail .bigtitle p{ text-align:center;} .TextDetail .righttext .detail .bigtitle span{ font-size:14px; color:#666; padding:20px 0 0 0;} .TextDetail .righttext .detail .bigtitle span.nextyca{ padding-left:10px;} .TextDetail .righttext .detail .bigtitle span.sjtag{ display: none;} .TextDetail .righttext .detail .bigtitle .bdsharebuttonbox{ position:absolute; left:0; top:-20px;} .TextDetail .righttext .detail .bigtitle .bdsharebuttonbox .bds_more{ width:56px; height:22px; background:url(../images/fenxiang_btn.jpg) no-repeat; margin:0; padding:0; background-size:56px;} .TextDetail .righttext .detail .zhuyu{ font-size:12px; margin-bottom:10px;} .TextDetail .righttext .detail .zhuyu p{ border-bottom:1px solid #ccc; padding:5px 0;} .TextDetail .righttext .detail .zhuyu p.left{ width:100%;} .TextDetail .righttext .detail .zhuyu p.right{ width:100%;} .TextDetail .righttext .detail dl{ clear:both; overflow:hidden; padding:20px; background:#F2F4F7; margin-bottom:20px;} .TextDetail .righttext .detail dl dt{ width:100%; float:left; margin-right:0;} .TextDetail .righttext .detail dl dt img{ width:100%;} .TextDetail .righttext .detail dl dd{ float:left; width:100%; font-size:14px;} .TextDetail .righttext .detail dl dd p{ padding:10px 0; line-height:30px;} .TextDetail .righttext .detail dl dd a{ color:#fff; background:#5BC2F8; padding:5px 20px; font-size:12px;} .TextDetail .righttext .detail .content{ font-size:12px;} .TextDetail .righttext .detail .content img{ width:100%; height:auto;} .TextDetail .righttext .detail .fanhui{ border-top:1px dashed #ccc; margin-top:20px; line-height:40px; font-size:14px;} .TextDetail .righttext .detail .fanhui a.fanhui{ color:#165199;display:block; padding:5px 0; line-height:20px;} .TextDetail .righttext .detail .fanhui span{ color:#165199;display:block; padding:5px 0; line-height:20px;} .TextDetail .righttext .detail .fanhui span.shangxia{ font-size:14px; color:#333;} .TextDetail .righttext .detail .fanhui span.blue { } .TextDetail .righttext .detail .fanhui span.blue a{ } .TextDetail .righttext .jilu{ background:#fff; clear:both; overflow:hidden;} .TextDetail .righttext .jilu .title{ background:#FAFAFA; margin-bottom:20px; border-bottom:1px solid #ccc; line-height:38px; padding:0 10px; font-size:14px; } .TextDetail .righttext .jilu dl{ width:calc(100% - 40px) ; float:left; margin:0 20px 20px 20px;} .TextDetail .righttext .jilu dl dt{ width:100%; float:left; text-align:center;} .TextDetail .righttext .jilu dl dt img{ float:left; width:100%; margin:0; max-width:none;} .TextDetail .righttext .jilu dl dd{width:100% ; float:left;} .TextDetail .righttext .jilu dl dd a{ display:block; line-height:32px; border-bottom:1px dashed #ccc; width:100%; margin:0 auto; font-size:12px;} /*案例页面*/ .CaseNav{ padding:30px 2.5%;} .CaseNav .nav_btn{ border-bottom:1px solid #ccc; margin-bottom:10px; clear:both; overflow:hidden; padding:10px 0; } .CaseNav .nav_btn span{ font-size:12px;line-height:30px; text-align:left; width:100%; display:block; float:left;} .CaseNav .nav_btn .nav_a{ float:left; width:100%;} .CaseNav .nav_btn a{ font-size:14px; line-height:30px; text-align:center; margin:0px 0px 0 0; padding:0 5px; min-width:4em; display:block; float:left; height:30px;} .CaseNav .nav_btn a:hover,.CaseNav .nav_btn a.dq{ background:#1890FF; color:#fff;} .TextDetail .leftlist .list .title a{ float:right; font-size:12px; color:#999;} .TextDetail .leftlist .list ul li img{ width:100%;} .TextDetail .leftlist .list .biaoqian{ padding:0 10px 0 10px; clear:both; overflow:hidden;} .TextDetail .leftlist .list .biaoqian a{ background:#E6F3FF; display:block; float:left; height:34px; margin-right:10px; margin-top:10px; line-height:34px; padding:0 10px; color:#2084FF; font-size:14px;} .TextDetail .righttext .case_list{ clear:both; overflow:hidden;} .TextDetail .righttext .case_list ul li{ float:left; margin-bottom:20px; margin-right:0; padding:10px; background:#fff;width:calc(100% - 20px) ;} .TextDetail .righttext .case_list ul li img{ width:100%;} .TextDetail .righttext .case_list ul li h6{ font-size:14px; padding:5px 0;} .TextDetail .righttext .case_list ul li p{ padding:0 0 5px 0; line-height:22px;} /*新闻列表页*/ .TextDetail .righttext .news_submenu{ background:#fff; padding:20px 20px 0 20px; clear:both; overflow:hidden;} .TextDetail .righttext .news_submenu .border{ border-bottom:1px solid #ccc; padding-bottom:10px; clear:both; overflow:hidden;} .TextDetail .righttext .news_submenu a{ color:#000; padding:0 10px; display:block; text-align:center; min-width:4em; float:left; border:1px solid #ccc; margin-right:10px; font-size:14px; line-height:34px; margin-bottom:10px;} .TextDetail .righttext .news_submenu a:hover,.TextDetail .righttext .news_submenu a.dq{ color:#fff; border:1px solid #09B2F8; background:#09B2F8;} .TextDetail .righttext .news_list{ background:#fff; padding:20px;} .TextDetail .righttext .news_list dl{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc; clear:both; overflow:hidden; position:relative;} .TextDetail .righttext .news_list dl dt{ float:left; width:100%; margin-right:0;} .TextDetail .righttext .news_list dl dd{ float:left; width:100%; } .TextDetail .righttext .news_list dl dt img{ width:100%;} .TextDetail .righttext .news_list dl dd h3{ line-height:20px;} .TextDetail .righttext .news_list dl dd h3 a{ line-height:20px;font-size:16px; } .TextDetail .righttext .news_list dl dd a{ float:right; font-size:12px; color:#245CA0;} .TextDetail .righttext .news_list dl dd p{ font-size:12px; padding:5px 0;} /*行业方案列表*/ .TextDetail .righttext .hangye_list ul li{ float:left;width:calc(50% - 10px); position:relative; margin-right:10px; margin-bottom:10px;} .TextDetail .righttext .hangye_list ul li p a{ font-size:12px;} .TextDetail .righttext .hangye_list ul li:hover a{ padding-top:30%;} .position2{line-height:34px; font-size:14px; background:#FBFBFC;} .CopyrightLink{ padding:20px 0; clear:both; overflow:hidden;} .CopyrightLink .title{ padding:20px 0; font-size:18px; color:#000;} .CopyrightLink .title2{ background:#FAFAFA;font-size:14px;margin-bottom:15px; padding:0 20px; line-height:30px; border-bottom:1px solid #ccc;} .CopyrightLink .blank{ padding:0 20px 10px 20px; line-height:25px;} .CopyrightLink p{ padding:10px 0;} .CopyrightLink a{ font-size:14px; padding-right:15px;} .CopyrightLink .img{display:block; width:100%; float:left; max-width:149px;} .CopyrightLink img{ display:block; width:100%; float:left; max-width:149px; margin-right:20px; border:1px solid #ccc; margin-bottom:15px;} .NyBanner .bangzhu{ position:absolute; left:0; top:15%; color:#555; width:100%;} .NyBanner .bangzhu h1{ font-size:14px; line-height:24px; font-weight:normal;} .NyBanner .bangzhu p{ font-size:12px; width:100%; line-height:22px; padding:0 0 10px 0;} .NyBanner .bangzhu p.yingyong{ font-size:15px; line-height:24px;} .NyBanner .bangzhu .banner_btn2{ width:100%; } .NyBanner img.img1{ display:none;} .NyBanner img.img2{ display:block;} .NyBanner .bangzhu .banner_btn2 input.put{width:calc(100% - 97px); max-width:384px; margin-right:10px; float:left; border:1px solid #E1E6F2; height:30px; line-height:30px; box-shadow:0 2px 3px #ccc; border-radius:100px; font-size:12px; background:#fff url(../images/search_btn.svg ) no-repeat left 10px center; background-size:15px; text-indent:30px;} .NyBanner .bangzhu .banner_btn2 input.btn{ float:left; width:85px; text-align:center; border:0; height:32px; line-height:32px; font-size:14px; color:#fff; border-radius:100px; cursor:pointer;background-image: linear-gradient(to right, #7086FE,#2D4AEF); box-shadow:0 2px 3px #ccc;} .bangzhu_menu{ background:#fff; line-height:30px; text-align:center; border-bottom:1px solid #ccc;transition: top 0.5s; -webkit-transition: top 0.5s; -moz-transition: top 0.5s; -o-transition: top 0.5s; -ms-transition: top 0.5s; -moz-transition: top 0.5s; position:relative; z-index:9999; clear:both; overflow:hidden; } .bangzhu_menu2{ display:block;} .bangzhu_menu3{ display:none;} .bangzhu_menu a{ border-bottom:1px solid #fff; display:block; float:left; font-size:14px; margin:0 5px; padding:6px 5px;} .bangzhu_menu a:hover,.bangzhu_menu a.dq{ border-bottom:1px solid #1890FF; color:#1890FF;} .bangzhu_con{ clear:both; overflow:hidden;} .bangzhu_con .left_con{ float:left; width:100%; background:#fff; height:200px; position:relative;display:none} .bangzhu_con .right_con{ padding:30px 0%;width:100%; float:left; font-size:14px;} .bangzhu_con .left_con #screen { overflow: auto; } .bangzhu_con .left_con #screen2 { overflow: auto; } .bangzhu_con .left_con .content { position: relative; height: 100%; } .bangzhu_con .left_con .cds_scrollbar { position: absolute; background:url(../images/gundongtiao.jpg) no-repeat right center; right: -0; cursor: pointer; min-height:117px; } .bangzhu_con .left_con .cds_scrollbar_over { background:url(../images/gundongtiao.jpg) no-repeat right center; } .bangzhu_con .left_con .cds_scrollbar_pushed {background:url(../images/gundongtiao.jpg) no-repeat right center;} .bangzhu_con .left_con .cds_track { position: absolute; background:#fff; right: 0; top: 0px; height: 100%; cursor: pointer; } .bangzhu_con .left_con .cds_up { position: absolute; background:#fff; right: -0; top: 0px; cursor: pointer; } .bangzhu_con .left_con .cds_down { position: absolute; background: #fff; right: -0; bottom: 0px; cursor: pointer; } .zizhi_nav a{ padding: 12px 3px; margin:0 5px; font-size:14px; border-bottom:2px solid #fff;display: block; width: 5em; float: left;} .zizhi_con img{ width:100%;} } .demo-gallery { width: 100%; height: auto; float: left; } .demo-gallery a { display: inline-block; margin: 6px; padding: 10px; border: 1px solid #ccc; font-size: 14px; text-align: center; overflow: hidden; flex: 1 1 300px; } .demo-gallery a img{ width:100%;} .demo-gallery a figure{ padding:0; margin:0;} .certificate-box{ display: flex; flex-wrap: wrap; justify-content: center; } @media screen and (max-width: 867px) { .demo-gallery { } .demo-gallery a { margin: 0 0 12px 0 } .certificate-box{ -moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; display:inline-block; } } .bangzhu_con .right_con .help_anli ul li{ float:left; width:calc(40% - 50px); background:#fff; padding:15px 15px 30px 15px; margin:0 10px 20px 10px; box-shadow:0 2px 3px #ccc; border-radius: 4px;} .bangzhu_con .right_con .help_anli ul li img{ width:100%;} .bangzhu_con .right_con .help_anli ul li h6{ font-size:16px; padding:10px 0;} .bangzhu_con .right_con .help_anli ul li p{ font-size:14px; color:#595959;} .bangzhu_con .rizhi{ background:#fff; margin-top:20px; padding:40px 3%;clear:both; overflow:hidden;} .bangzhu_con .rizhi .item{ background:url(../images/dot.jpg) repeat-y left 80px top; padding-bottom:0; } .bangzhu_con .rizhi .update-year{width: 80px;height: 80px; -webkit-border-radius: 80px;-moz-border-radius: 80px;border-radius: 80px; background: #0DB3A6;color: #fff;line-height: 80px; text-align: center;font-size: 16px;margin-left: 40px; } .bangzhu_con .rizhi .update-day{ float:left; width:75px;color: #82A1A9; font-size: 16px; margin-top:30px;} .bangzhu_con .rizhi .update-tip{float:left;width: 9px;height: 9px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #FF9D3C; -webkit-box-shadow: 0 0 0 5px rgba(255,157,60,.23); box-shadow: 0 0 0 5px rgba(255,157,60,.23); margin-top:40px;} .bangzhu_con .rizhi .update-content{position: relative; float:left; width:calc(100% - 176px); margin-top:25px; margin-left:30px;padding: 15px 30px;font-size: 16px;color: #2C3E50;line-height: 25px; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.15); box-shadow: 0 0 4px 0 rgba(0,0,0,.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:30px;} .bangzhu_con .rizhi .update-content:before{position: absolute; top: 14px;left: -6px;content: ' ';width: 12px;height: 12px;transform: rotate(45deg);background: #fff;-webkit-box-shadow: -1px 1px 1px 0 rgba(0,0,0,.1);box-shadow: -1px 1px 1px 0 rgba(0,0,0,.1);z-index: 1;} @media screen and (max-width: 1080px) { .bangzhu_con .right_con .help_anli ul li{ float:left; width:calc(50% - 50px); background:#fff; padding:15px 15px 30px 15px; margin:0 10px 20px 10px; box-shadow:0 2px 3px #ccc; border-radius: 4px;} } @media screen and (max-width: 768px) { .bangzhu_con .right_con .help_anli ul li{ float:left; width:calc(100% - 30px); background:#fff; padding:15px 15px 30px 15px; margin:0 0 20px 0; box-shadow:0 2px 3px #ccc; border-radius: 4px;} .bangzhu_con .right_con .help_anli ul li h6{ font-size:14px; padding:3px 0;} .bangzhu_con .right_con .help_anli ul li p{ font-size:12px; color:#595959;} .bangzhu_con .rizhi{ background:#fff; margin-top:20px; padding:20px 3%;clear:both; overflow:hidden;} .bangzhu_con .rizhi .item{ background:url(../images/dot.jpg) repeat-y left 80px top; padding-bottom:0; } .bangzhu_con .rizhi .update-year{width: 70px;height: 70px; -webkit-border-radius: 80px;-moz-border-radius: 80px;border-radius: 80px; background: #0DB3A6;color: #fff;line-height: 70px; text-align: center;font-size: 14px;margin-left: 45px; } .bangzhu_con .rizhi .update-day{ float:left; width:75px;color: #82A1A9; font-size: 14px; margin-top:20px;} .bangzhu_con .rizhi .update-tip{float:left;width: 9px;height: 9px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #FF9D3C; -webkit-box-shadow: 0 0 0 5px rgba(255,157,60,.23); box-shadow: 0 0 0 5px rgba(255,157,60,.23); margin-top:30px;} .bangzhu_con .rizhi .update-content{position: relative; float:left; width:calc(100% - 136px); margin-top:17px; margin-left:20px;padding: 10px 15px;font-size: 12px;color: #2C3E50;line-height: 23px; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.15); box-shadow: 0 0 4px 0 rgba(0,0,0,.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:20px;} .bangzhu_con .rizhi .update-content:before{position: absolute; top: 14px;left: -6px;content: ' ';width: 12px;height: 12px;transform: rotate(45deg);background: #fff;-webkit-box-shadow: -1px 1px 1px 0 rgba(0,0,0,.1);box-shadow: -1px 1px 1px 0 rgba(0,0,0,.1);z-index: 1;} } /* 首頁留言系統 */ .apply-trial-wrapper{background: #161616 url("../../../img/contact-back-img.jpg") no-repeat center center fixed;position: relative;background-size: cover;padding: 100px 0;} .apply-trial-wrapper::before{ position: absolute; content: " "; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.85); } .apply-trial-wrapper .container{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} .apply-trial-wrapper .container::before,.apply-trial-wrapper .row::before{ display: table; content: " "; } .apply-trial-wrapper .container::after,.apply-trial-wrapper .row::after{ display: table; content: " "; clear: both; } .apply-trial-wrapper .row{margin-right: -15px;margin-left: -15px;} .apply-trial-wrapper .p-padding{color: #fff;text-align: center;} .apply-trial-wrapper .section-title{font-size: 37px;color: #fff;position: relative;} .apply-trial-wrapper .section-title::before{ position: absolute; content: " "; width: 16%; height: 50px; bottom: 0; margin-bottom: -52px; left: 42%; } .apply-trial-wrapper .p-padding p{letter-spacing: 1.5px;color: #929292;font-size: 15px;position: relative;} .apply-trial-wrapper .form-container{text-align: center;position: relative;} .apply-trial-wrapper form{text-align: left;width: 66.66%;display: inline-block;margin-top: 50px;width: 85%; margin: 50px 15%;} .apply-trial-wrapper form *{box-sizing: border-box;} .apply-trial-wrapper .form-inline .form-control{ display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 15px 0; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.2; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; box-sizing: border-box; } .apply-trial-wrapper .col-sm-6, .apply-trial-wrapper .col-sm-12{ position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .apply-trial-wrapper .form-inline textarea{margin: 0 0 15px 0;} .apply-trial-wrapper .form-group .costom-btn{ width: 100%; background: rgb(230, 129, 16); border: 1px solid #e68110; font: bold 16px/18px 'Open Sans', sans-serif; color: #ffffff; text-transform: uppercase; letter-spacing: 1.5px; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; -webkit-appearance: none; cursor: pointer; display: inline-block; padding: 10px 16px; } @media (min-width: 768px) { .apply-trial-wrapper .container{width: 750px;} .apply-trial-wrapper .form-inline .form-group{ display: inline-block; margin-bottom: 0; vertical-align: middle; } .apply-trial-wrapper .col-sm-6{ width: 50%; float: left; } .apply-trial-wrapper .col-sm-12{ width: 100%; float: left; } } @media (min-width: 992px) { .apply-trial-wrapper .container{width: 970px;} } @media (min-width: 1200px) { .apply-trial-wrapper .container{width: 1170px;} } @keyframes myfirst { from {top: 10px;opacity: 0;} to {top: 40px;opacity: 1;} } .el-message{ animation: myfirst .5s; -webkit-animation: myfirst .5s; min-width: 300px; -webkit-box-sizing: border-box; box-sizing: border-box; border-width: 1px; border-style: solid; border-color: #EBEEF5; position: fixed; left: 50%; top: 40px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #edf2fc; padding: 15px 15px 15px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; overflow: hidden; z-index: 99999; } .el-message .el-message__content{ padding-right: 16px; margin: 0; padding: 0; font-size: 14px; line-height: 1; } .el-message.el-message--success{ background-color: #f0f9eb; border-color: #e1f3d8; } .el-message.el-message--error{ background-color: #fef0f0; border-color: #fde2e2; } .el-message.el-message--success .el-message__content{ color: #67C23A; } .el-message.el-message--error .el-message__content{ color: #F56C6C; } .crm_solution-container { max-width: 1200px; width: 100%; margin: 0 auto; } .crm_solution-container .index_tt strong { font-size: 24px; color: #323030; } .crm_solution-container .index_tt { text-align: center; float: none; overflow: hidden; } .crm_solution-container .index_tt strong { font-size: 24px; color: #323030; font-weight: 500; } .crm_solution-container .index_tt p { color: #777777; margin-top: 12px; } .crm_solution-container .solution_content { padding: 0 50px 50px; } /* 首页banner */ .tfbanner .banner-btn-box{ background: #fff; display: flex; height: 50px; border-radius: 6px; overflow: hidden; max-width: 400px; width: calc(100% - 30px); position: absolute; bottom: 80px; left: 15px; } .tfbanner .banner-btn-box input{ border: none; flex: 1; font-size: 16px; padding: 0 15px; } .tfbanner .banner-btn-box button{ background-image: linear-gradient(180deg, #FECB53 0%, #FC9B29 100%); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.19); border-radius: 6px; color: #fff; border: none; width: 150px; font-size: 16px; } .tfbanner .swiper-container{ height: 600px; width: 100%; } .tfbanner .swiper-container .swiper-slide{ background: url('/d/file/20190610/001.jpg') no-repeat center center / cover; } .tfbanner .tfbanner_body{ margin: 0 auto; max-width: 1280px; width: 100%; height: 100%; display: flex; } .tfbanner .tfbanner_left{ float: left; width: 50%; height: 100%; padding: 128px 15px 0 15px; position: relative; box-sizing: border-box; } .tfbanner .tfbanner_right{ float: right; width: 50%; height: 100%; display: grid; place-items: center; padding-top: 21px; } .tfbanner .tfbanner_right1{ width: 45%; } .tfbanner .tfbanner_right.imgend{ place-items: end; } .tfbanner .tfbanner_right img{ max-width: 95%; } .tfbanner .tfbanner_left .h0{ font-family: PingFangSC-Medium; font-size: 32px; color: #fff; text-shadow: 0 2px 0 rgba(0,0,0,0.50); } .tfbanner .tfbanner_left .h0 span{ font-family: PingFangSC-Medium; font-size: 32px; color: #FECB53; margin: 0 3px; } .tfbanner .tfbanner_left .h1{ font-family: PingFangSC-Medium; font-size: 30px; color: #fff; text-shadow: 0 2px 0 rgba(0,0,0,0.50); } .tfbanner .tfbanner_left .h2{ font-size: 26px; color: #fff; text-shadow: 0 2px 0 rgba(0,0,0,0.25); margin: 8px 0 20px; } .tfbanner .tfbanner_left .h3{ font-size: 22px; color: #fff; margin-bottom: 16px; } .tfbanner .tfbanner_left .h5{ font-family: PingFangSC-Medium; font-size: 18px; color: #fff; color: #FECB53; } .tfbanner .tfbanner_left .h6{ font-family: PingFangSC-Light; font-size: 16px; color: #fff; margin: 14px 0 27px; padding-right: 90px; line-height: 30px; } .tfbanner .tfbanner_left .line{ height: 1px; opacity: 0.7; background: #fff; margin: 8px 0 27px; width: calc(100% - 98px); } .tfbanner .border_bottom{ display: inline-block; padding-bottom: 8px; border-bottom: 1px solid #fff; } .tfbanner .tfbanner_body:after, .tfbanner .tfbanner_body:before{ display: table; content: " "; } .tfbanner .ul1{ margin-top: 30px; } .tfbanner .ul1 li{ font-family: PingFangSC-Light; margin-bottom: 15px; } .tfbanner .ul1 li div{ font-size: 15px; color: #fff; } .tfbanner .ul1 li div.title{ line-height: 28px; font-size: 18px; color: #FAD336; margin: 0 0 8px -8px; font-family: PingFangSC-Medium; } .tfbanner .tfbanner_left .tag-li{ margin-bottom: 13px; display: flex; } .tfbanner .tfbanner_left .tag-li span{ font-size: 16px; color: #fff; } .tfbanner .tfbanner_left .tag-li .vertical{ width: 1px; height: 16px; background: #fff; margin: 3px 20px 0; } .tfbanner .bannertext{ font-family: PingFangSC-Medium; font-size: 24px; color: #fff; overflow: hidden; margin: 58px 0 30px; } .tfbanner .bannertext .strAdmin{ font-family: PingFangSC-Medium; font-size: 24px; color: #FECB53; } .tfbanner .cp_sp, .tfbanner .mf_fn{ background-image: linear-gradient(180deg, #FECB53 0%, #FC9B29 50%); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.19); border-radius: 12px; padding: 8px 29px; color: #F9F9F9; font-size: 15px; margin-right: 20px; } @media (max-width: 1200px) { .tfbanner .tfbanner_left{ padding: 90px 20px 0; } .tfbanner .tfbanner_left .h1{ font-size: 26px; } } @media (max-width: 992px) { .tfbanner .tfbanner_left .h1{ font-size: 24px; } .tfbanner .banner-btn-box{ height: 40px; } .tfbanner .banner-btn-box input{ font-size: 14px; } .tfbanner .banner-btn-box button{ font-size: 14px; } .tfbanner .tfbanner_left .h2{ font-size: 24px; } .tfbanner .tfbanner_left .h6{ padding-right: 0; } .tfbanner .tfbanner_left .line{ width: 100%; } } @media (max-width: 768px) { .tfbanner .swiper-container{ height: 780px; width: 100%; } .tfbanner .tfbanner_body{ display: block; } .tfbanner .tfbanner_left{ float: none; width: 100%; padding-top: 0; position: absolute; top: 45%; } .tfbanner .tfbanner_right{ float: none; width: 100%; height: 36%; padding: 3em 0 2em; position: absolute; top: 0; left: 0; } .tfbanner .tfbanner_right.imgend{ place-items: center; } .tfbanner .tfbanner_left .h0{ font-size: 26px; } .tfbanner .tfbanner_left .h0 span{ font-size: 26px; } .tfbanner .tfbanner_left .h1{ font-size: 20px; } .tfbanner .tfbanner_left .h2{ font-size: 18px; } .tfbanner .tfbanner_left .h6{ font-size: 14px; } .tfbanner .ul1 li{ font-size: 14px; margin-bottom: 12px; } .tfbanner .bannertext{ position: unset; font-size: 18px; margin: 20px 0 10px; } .tfbanner .bannertext .strAdmin{ font-size: 18px; } .tfbanner .banner-btn-box{ position: unset; width: 100%; max-width: none; margin-top: 30px; } .tfbanner .banner-btn-box button{ width: 120px; } .tfbanner .tfbanner_right img{ max-width: 68%; } .tfbanner .mf_fn{ margin: 10px 0; } .tfbanner .cp_sp, .tfbanner .mf_fn{ position: unset; width: 100%; display: inline-block; text-align: center; box-sizing: border-box; } } /* crm产品banner */ body{ padding: 0; margin: 0; font-size: 14px; } li {list-style-type:none;margin: 0;padding: 0;} ul {list-style-type:none;margin: 0;padding: 0;} .container{ /* width: 80%; margin: 0 10%; */ width: 1200px; margin: 0 auto; } a{ text-decoration: none; color: #333333; } h2{ font-size: 28px; color: #333333; } .bg_h{ background: #F2F2F2; } .banner{ background: url("../chanpin/images/Group 30.jpg"); width: 100%; height: 500px; background-size:100% 100%; color: #fff; } .ban_left , .ban_right{ width: 49%; margin-top: 120px; display: inline-block; vertical-align: middle; } .ban_title{ font-weight: 100; font-size: 44px; } .ban_text{ font-size: 20px; margin: 70px 0 90px 0; color: #FAFAFA; line-height: 30px; } .ban_but a{ display: inline-block; padding: 11px 25px; background-image: linear-gradient(180deg, #FECB53 0%, #FC9B29 50%); margin: 0 20px 0 0; border-radius: 5px; color: #fff; font-size: 16px; } .bt{ width: 100%; text-align: center; } .bt .btit{ display: inline-block; padding: 10px 50px; font-size: 20px; color: #242831; } .bt .btit a:hover{ color: #1890FF; } .jingxihua{ width: 100%; margin: 10px 0 0; } .jingxihua .jx_title{ padding: 50px 0 0; width: 80%; text-align: center; margin: 0 auto; line-height: 40px; color: #333; } .jingxihua .jx_body{ padding-bottom: 50px; } .jingxihua .jx_body .jx_div{ text-align: -webkit-center; display: inline-block; width: 25%; margin: 0 4%; float: left; } .jingxihua .jx_title h2{ font-size: 28px; color: #333333; font-weight: 500; } .jingxihua .jx_title p{ font-size: 14px; color: #666666; text-align: center; } .yizhanshi{ width: 100%; text-align: center; } .yizhanshi .yz_title{ padding: 0; } .zhuli{ width: 100%; background: url("../chanpin/images/zixun.jpg"); margin-top: 70px; height: 100; background-size: 100% 100%; color: #000; text-align: center; padding: 0; } } .zhuli .zl_title{ text-align: center; padding: 50px 0; } .zhuli .zl_div{ text-align: -webkit-center; display: inline-block; width: 16%; margin: 0 1.8%; } .zidonghua , .zhinenghua{ width: 100%; } .zidonghua .zd_title , .zhinenghua .zn_title{ text-align: center; padding: 50px 0 0; color: #333; } .zd_title h3{ display: block; font-size: 30px; margin-block-start: 30px; margin-block-end: 15px; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; } .zd_title h2{ display: block; font-size: 28px; font-weight: normal; color: #333; } .zd_title p{ font-size: 14px; color: #666666; margin: 15px 0 40px 0; } .zd_title .note{ margin: 20px auto; color: #666; width: 555px; font-size: 12px; text-align: center; } .zidonghua .but{ display: block; text-align: center; width: 100px; height: 30px; line-height: 30px; background: #1890FF; color: #fff; border-radius: 20px; margin: 15px auto; } .zhinenghua h2{ font-family: PingFangSC-Medium; font-size: 30px; color: #333333; text-align: center; } .zhinenghua p{ margin-block-start: 1em; margin-block-end: 1em; color: #666; font-size: 14px; } .zuoyou, .gexin{ padding: 50px 0; } .zuoyou h2{ font-family: PingFangSC-Medium; font-size: 26px; color: #333333; } .zuoyou h3{ font-size: 24px; color: #333333; } .zuoyou p{ margin-block-start: 1em; margin-block-end: 1em; color: #666666; font-size: 14px; width: 100%; } .zy_left , .zy_right{ display: inline-block; width: 49%; vertical-align: top; } .zy_left a , .zy_right a{ display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; background:#1890FF; border-radius: 20px; color: #fff; margin: 30px 0 30px 0; } .gexin .gx_title{ text-align: center; padding-bottom: 50px; } .gexin .gx_body{ text-align: -webkit-center; } .gexin .gx_body>div{ display: inline-block; width: 17%; margin: 1%; color: #3A4665; } .zixun{ width: 100%; background: url("../chanpin/images/Group 128 Copy.jpg"); /*height: 100;*/ background-size:100% 100%; color: #fff; text-align: center; padding: 50px 0; } .zixun h2{ font-size: 24px; color: #fff; margin: 0 0 10px; } .zixun a h2{ font-size: 18px; margin: 0 0 10px; } .zixun .zx_body sapa{ margin: 100px 0 0; font-size: 16px; } .zixun a{ display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; background:#1890FF; color: #ffffff; border-radius: 20px; margin: 50px auto; } .zixun .zx_body{ margin-top: 40px; } .fuwutixi{ padding: 50px 0; text-align: center; } .fuwutixi .fwtx_title{ width: 100%; } .fuwutixi .fwtx_title h2{ font-weight: 400; font-size: 30px; } .fuwutixi .fwtx_title p{ margin-block-start: 18px; margin-block-end: 30px; line-height: 20px; font-size: 16px; color: #333; } .biaodan{ width: 100%; height: 300px; background: url("../images/biaodanditu.jpg"); background-size:100% 100%; color: #fff; padding: 100px 0 200px 0; } .biaodan .bd_left , .biaodan .bd_right{ display: inline-block; width: 49%; vertical-align: middle; } .biaodan .bd_left h2{ color: #fff; } .biaodan .bd_left h2 span{ display: block; font-size: 40px; } .biaodan .bd_right{ text-align: center; } .biaodan .bd_right p , .biaodan .bd_right .tel ,.biaodan .bd_right .name ,.biaodan .bd_right .company ,.biaodan .bd_right .xuqiu ,.biaodan .bd_right button{ width: 60%; margin: 10px 19.5%; } .biaodan .bd_right .tel ,.biaodan .bd_right .name ,.biaodan .bd_right .company ,.biaodan .bd_right .xuqiu { background: #fff; border-radius: 10px; color: #333333; padding: 5px 0; } .biaodan .bd_right .tel>div ,.biaodan .bd_right .tel>input ,.biaodan .bd_right .name>div ,.biaodan .bd_right .name>input ,.biaodan .bd_right .company>div ,.biaodan .bd_right .company>input ,.biaodan .bd_right .xuqiu>div ,.biaodan .bd_right .xuqiu>input{ display: inline-block; vertical-align: middle; } .biaodan .bd_right .tel>div ,.biaodan .bd_right .name>div,.biaodan .bd_right .company>div{ width: 25%; text-align: left; padding-left: 4%; } .biaodan .bd_right span{ color: red; } .biaodan .bd_right p{ font-size: 12px; text-align: left; } .biaodan .bd_right input{ width: 68%; border: none; } .biaodan .bd_right textarea{ width: 98%; height: 70px; border: none; } .biaodan .bd_right input:focus ,.biaodan .bd_right textarea:focus{outline:none;} .biaodan .bd_right button{ border: none; background: #F78642; color: #fff; padding: 5px 0; } .xiaoshougc .xsgc_title,.yewulc .ywlc_title,.yizhanyw .yzyw_title,.shujujc .sjjc_title{ text-align: center; padding: 50px 0; } .xiaoshougc .xsgc_body{ padding: 0 10%; } .xiaoshougc .xsgc_body li{ border: solid 1px #979797; margin-bottom: 50px; } .xiaoshougc .xsgc_body li>img,.xiaoshougc .xsgc_body li>div{ display: inline-block; vertical-align: middle; margin: auto; } .xiaoshougc .xsgc_body li>img{ width: 22%; padding: 2%; } .xiaoshougc .xsgc_body li>div{ width: 79%; } .yewulc li{ display: inline-block; width: 27%; padding: 2%; margin: 0.5%; height: 250px; background-color: #fff; border: solid 1px #F2F2F2; vertical-align: top; } .yewulc ul{ padding-bottom: 50px; } .yizhanyw .yzyw_body{ padding-bottom: 50px; } .yizhanyw .yzyw_body>ul,.yizhanyw .yzyw_body>img{ display: inline-block; vertical-align: top; width: 49.5%; } .yizhanyw .yzyw_body .yzyw_nav{ border-bottom: 1px solid #E0E0E0; padding-bottom: 0; margin: 0 0 65px; text-align: center; height: 71px; } .yizhanyw .yzyw_body ul{ margin: 0; display: inline-flex; } .yizhanyw .yzyw_body li{ display: flex; flex: auto; margin: 0 15px; cursor: pointer; line-height: 60px; position: relative; } .yizhanyw .yzyw_body li>img{ width: 60px; margin-right: 12px; } .yizhanyw .yzyw_body li>a{ } .yizhanyw .yzyw_body li>a:hover,.selected{ color: #1890FF; } .yizhanyw .yzyw_body li.active::before{ content: ""; position: absolute; height: 2px; background: #1890FF; bottom: -11px; left: -10px; right: -10px; } .yizhanyw .yzyw_body li.active a{ color: #1890FF; } .yizhanyw .yzyw_body .img-box{ background: #F5F5FA; border: 1px solid #E7E7E7; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%); border-radius: 12px; padding: 32px 86px 26px; } .yizhanyw .yzyw_body .img-box img{ max-width: 100%; } .xs_right{padding-left: 10%;width: 49%;} .xs_righ{width: 40%; padding: 0% 10% 0 0;} .zy_tab3 a{background-color:#f2f2f2 ;border: solid 1px #333333;color: #333333;} .zy_tab3 a:hover{ background: #1890FF; border-color: #1890FF; color: #fff; transition: 0.5s; } .hide{ display:none;} .fz_body .fz_div{ display: inline-block; width: 32%; vertical-align: middle; margin: 0.5%; } .fz_body .fz_div img{ width: 100%; } .weishenme .wsm_title{ text-align: center; padding: 70px 0 40px 0; } .weishenme .wsm_body li{ width: 300px; height: 200px; text-align: initial; display: inline-block; vertical-align: middle; margin: 0 0 15px; } .weishenme .wsm_body li img{ width: 18%; } .gys_baifenb .but{ display: block; text-align: center; width: 100px; height: 30px; line-height: 30px; border: #979797 solid 1px; border-radius: 20px; margin: 20px auto; } .gys_baifenb .but:hover{ background-color: #31A8F9; border-color: #31A8F9; color: #fff; transition: 0.5s; } .tab2_zdh{ text-align: center; } .tab2_zdh img{ width:50%; } .tab_box h2{ font-weight: 400; font-size: 30px; margin: 0 0 15px; } .tab_box p{ margin-block-start: 1em; margin-block-end: 1em; line-height: 20px; font-size: 14px; color: #666666; } .tab_box h3{ font-weight: bold; font-size: 1.17em; margin: 28px 0 -6px; } .baibian{ border-right: #fff 1px solid; } .yitihoa_body,.zhulioa_body{ text-align: center; } .yitihoa_body .ytoa_div{ display: inline-block; vertical-align: middle; width: 25%; margin: 4%; text-align: center; } .shuzioa_body .szoa_div{ display: inline-block; vertical-align: middle; width: 25%; margin: 4%; text-align: left; } .yitihoa_body .ytoa_div{ position: relative; } .yitihoa_body .ytoa_div::before{ content: ""; display: inline-block; position: absolute; left: -16%; top: 10%; border-left: 1px solid #E9E9E9; height: 80%; } .yitihoa_body .ytoa_div.noborder::before{ display: none; } .yitihoa_body .ytoa_div img,.zhulioa_body .zloa_div img{ width: 20%; display: inline-block; } .zhulioa_body .zloa_div{ display: table-cell; width: 22%; margin: 1%; } .zhulioa_body .zloa_div .h3{ font-size: 16px; color: #333333; text-align: center; margin: 15px 0 8px; } .zhulioa_body .zloa_div p{ font-size: 14px; color: #747C8B; margin: 0px 15px; } .shuzioa_body .szoa_div>div,.shuzioa_body .szoa_div>img{ display: inline-block; vertical-align: middle; } .shuzioa_body .szoa_div>img{ width: 23%; } .shuzioa_body .szoa_div>div{ width: 70%; padding-left: 5%; } .zhulizichan{ width: 100%; background: url("/skin/static/chanpin/zc/Group 12 Copy.jpg"); height: 200px; background-size:100% 100%; color: #fff; padding: 50px 0; } .zhulizichan .zlzc_title h2{ text-align: center; color: #fff; } .zhulizichan .zlzc_body .zlzc_div{ display: inline-block; vertical-align: middle; width: 30%; margin: 1%; } .zhulizichan .zlzc_body .zlzc_div>div,.zhulizichan .zlzc_body .zlzc_div>img{ display: inline-block; vertical-align: middle; } .zhulizichan .zlzc_body .zlzc_div>img{ width: 20%; } .zhulizichan .zlzc_body .zlzc_div>div{ width: 70%; } .chanpingongneng .cpgn_title{ text-align: center; padding: 50px 0; } .chanpingongneng .cpgn_div{ display: inline-block; vertical-align: top; width: 23%; margin: 0.8%; box-shadow: 0 1px 6px 0 rgba(0,0,0,0.20); text-align: center; padding: 20px 2% 10px; min-height: 290px; } .chanpingongneng h3{ font-size: 18px; color: #010101; margin: 25px 0 4px; } .chanpingongneng .cpgn_div img{ width: 40%;} .chanpingongneng .cpgn_div hr{ width: 30px; border-top: #FFB855 2px solid; border-left: none; border-right: none; border-bottom: none; display: inline-block; margin: 0 0 20px 0; } .chanpingongneng .cpgn_div p{ font-size: 12px; color: #666666; letter-spacing: inherit; line-height: 22px; } .gudingzichan{ width: 100%; background: url("../chanpin/images/Group 128 Copy.jpg"); height: 450px; background-size:100% 100%; color: #fff; padding: 50px 0; text-align: center; } .gudingzichan .gdzc_title h2{ color: #fff; } .gudingzichan .gdzc_body .gdzc_div{ display: inline-block; vertical-align: top; width: 30%; margin: 1%; margin-top: 40px; } .gudingzichan .gdzc_body span{ line-height: 120px; font-size: 30px; font-weight: 500; display: block; width: 120px; height: 120px; border-radius: 100%; border: solid 1px #fff; margin: 0 auto; } .gudingzichan .gdzc_body p{ margin: 34px 0 20px; font-size: 16px; color: #FFFFFF; } .gudingzichan .but{ background-color:#1890FF ; color: #fff; margin: 20px auto; text-align: center; width: 100px; height: 30px; line-height: 30px; display: inline-block; border-radius: 20px; } .gys_zdh{ background: url("/skin/static/chanpin/img3/Group 6.jpg"); padding-bottom: 60px; } .gys_zdh .but{ background-color: #fff; color: #000; } .gys_zdh .but:hover{ color:#46ABF9 ; } .gys_zdh h2{ color: #ffff; } .gys_li{ text-align: center; height: 1000px; } .dt_body .dt_div{ background: #FFFFFF; box-shadow: 0 0 8px 0 rgb(0 0 0 / 12%); border-radius: 6px; width: 80%; height: 160px; padding: 1% 2%; margin: 0 0 20px 0; border-left: #2CB270 solid 5px; }; } .dt_body .dt_lan{ border-left: #0091FF solid 5px; } .shuziguanli .szgl_body .click_li{ border-bottom: solid 3px #007DFF; color:#007DFF; } .zw_jxh,.zw_szh{ padding-bottom: 50px; } .shuziguanli{ width: 100%; height: 700px; background: url("/skin/static/chanpin/img5/fa6ef27.jpg"); background-size:100% 100%; color: #fff; padding: 50px 0 200px 0; text-align: center; } .shuziguanli h2{ color: #fff; } .shuziguanli .szgl_body ul{ padding: 0 10%; background-color: #fff; border-radius: 5px; color: #333333; } .shuziguanli .szgl_body li{ display: inline-block; width: 17%; margin: 0 1%; border-bottom: solid 3px #fff; height: 70px; padding-top: 23px; text-align: center; } .shuziguanli .szgl_body li:hover{ border-bottom: solid 3px #007DFF; color:#007DFF; cursor: pointer; transition: 0.5s; } .shuziguanli .szgl_body li>img,.shuziguanli .szgl_body li>h3{ display: inline-block; vertical-align: middle; font-size: 20px; } .shuziguanli .szgl_body li>img{ width: 26px; height: 26px; margin-right: 12px; margin-top: -4px } .szgltab{ width: 80%; margin: 0 10%; text-align: left; padding:50px 0 ; } .logos{ width: 100%; padding: 50px 0; } .logos li{ display: inline-block; vertical-align: top; box-shadow: 0 1px 12px 0 rgba(0,0,0,0.09); width: 15%; margin: 0.6%; } .logos li img{ width: 100%; } .zw_jxh .yitihoa_body .ytoa_div{ box-shadow: 0 2px 20px 0 rgba(0,0,0,0.08); border-radius: 5px; padding: 2% 2%; width: 25%; margin: 2%; vertical-align: top; height: 220px; border-bottom: #3A71FF 3px solid; } .zw_szh .zwszh_body .zwszh_div{ display: inline-block; vertical-align: top; width: calc(23% - 3px); margin: 1%; padding: 1%; background-color: #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.10); height: 270px; } .zw_szh .zwszh_body .zwszh_div img{ width: 100%; } .zw_szh .zwszh_body .but{ display: block; text-align: center; width: 100px; height: 30px; line-height: 30px; background: #1890FF; color: #fff; border-radius: 20px; margin: 20px auto; } .zwszh_div h3{ font-size: 16px; color: #333333; margin: 20px 15px 10px 20px; text-align: center; width: 80%; text-align: -webkit-center; } .zwszh_div p{ width: 80%; text-align: -webkit-center; margin: 0 15px 0 20px; } .zw_kkj .zy_left li>img,.zw_kkj .zy_left li>div{ display: inline-block; vertical-align: middle; } .zw_kkj .zy_left li>div{ padding-left: 1%; width: 87%; } .zw_kkj .zy_left li>img{ width: 5%; vertical-align: top; margin: 5px 2% 0; } .kehu_top{ padding: 2%; } .kehu_top .zy_right{ margin-left: 15px; } .kehu_text { margin-top: 50px; box-shadow: 0 0 16px 0 rgba(0,0,0,0.10); border-radius: 4px; padding: 2%; } .kehu_h3{ background: #548CFF; width: 100px; padding: 1% 4%; text-align: center; color: #fff; margin: -50px auto 0 auto; } .jjfa{ margin-bottom: 100px; margin-top: 100px; } .jztx{ padding: 20px 0 50px 0; } .jztx h3{ text-align: center; padding: 20px 0; } .jztx .jztx_body{ background: #FFFFFF; box-shadow: 0 0 16px 0 rgba(0,0,0,0.10); padding: 2%; } .hyal ul{ padding: 0 10% 10% 10%; } .hyal li{ display: inline-block; vertical-align: middle; background: #3D6EBE; width: 30%; margin: 1%; text-align: center; color: #fff; padding: 3% 0; } .hyal .li_bg{ background: #22243D; } /*响应式*/ @media screen and (max-width: 800px){ .container{ width: 80%; margin: 0 10%; } h2{ font-size: 20px; color: #333333; } .ban_title{ font-size: 18px; margin-bottom: 20px; } .jingxihua .jx_title h2{ font-size: 20px; } .zd_title h2{ font-size: 20px; } .zy_left h2{ font-size: 20px; } .zuoyou h2{ font-size: 20px; } .zd_title .note{ width: 96%; } .tab2_zdh img{ width: 80%; } .banner{ height: 200px; } .ban_left , .ban_right{ margin-top: 30px; width: 100%; } .ban_right img{ display: none; } .hr_banner .ban_title{ font-size: 22px; } .ban_text{ display: none; } .ban_but a{ width: 22%; padding: 0px 0px; margin: 0 2%; font-size: 8px; text-align: center; } .bt span{ display: none; } .jingxihua .jx_body .jx_div{ width: 100%; margin: 0; } .jingxihua .jx_title p{ display: none; } .bt .btit{ padding: 10px 20px; } .zhuli .zl_div{ width: 49%; margin: 0; } .zhuli .zl_div_m{ width: 49%; margin: 0 25%; } .zy_left , .zy_right{ width: 100%; } .yizhanshi img , .zy_left img , .zy_right img , .fuwutixi img{ width: 100%; } .gexin .gx_body>div{ width: 49%; margin: 0; } /* .biaodan{ display: none; } */ .biaodan .bd_left img{ width: 100%; } .biaodan{ height: 700px; } .biaodan .bd_left , .biaodan .bd_right{ width: 100%; padding-bottom:50px ; } .biaodan .bd_right p , .biaodan .bd_right .tel ,.biaodan .bd_right .name ,.biaodan .bd_right .company ,.biaodan .bd_right .xuqiu ,.biaodan .bd_right button{ width: 90%; margin: 10px 4%; } .biaodan .bd_right .tel>div ,.biaodan .bd_right .name>div,.biaodan .bd_right .company>div{ width: 30%; } .biaodan .bd_right input{ width: 58%; } .yewulc li{ width: 40%; height: 380px; padding: 4%; margin: 0.5%; } .yizhanyw .yzyw_body>ul,.yizhanyw .yzyw_body>img{ width: 100%; } .xs_right{padding: 0; width: 100%;} .yitihoa_body .ytoa_div,.shuzioa_body .szoa_div{ width: 100%; } .yitihoa_body .ytoa_div img,.zhulioa_body .zloa_div img{ width: 50%; } .yitihoa_body .ytoa_div::before{ display: none; } .zhulioa_body .zloa_div{ width: 45%; margin: 2%; } .zhulioa_body .zloa_div h3{ font-size: 20px; } .zhulizichan{ height: 380px; } .zhulizichan .zlzc_body .zlzc_div{ width: 100%; } .baibian{ border-right:none; } .chanpingongneng .cpgn_div{ width: 40%; margin: 2%; } .gudingzichan{ display: none; } .zhinenghua h2{ font-size: 22px; } } @media screen and (max-width: 420px){ .biaodan{ height: 600px; } .xiaoshougc .xsgc_body li>img{ width: 80%; padding: 9%; } .xiaoshougc .xsgc_body li>div{ width: 80%; padding: 9%; } .xiaoshougc .xsgc_body{ padding: 0; } .yewulc li{ width: 79%; padding: 10%; margin: 10px 0; text-align: center; } .fz_body .fz_div{ width: 100%; } .weishenme .wsm_body li{ width: 45%; margin: 2%; } .weishenme .wsm_body li img{ width: 18%; } .m_bd{ display: none; } } /* 留言表单3 */ .demand-container .container{ display: flex; width: 100%; max-width: 1200px; padding: 80px 0 60px; } .demand-container .left-box{ width: calc(100% - 476px); flex: 1; margin-right: 100px; position: relative; text-align: center; } .demand-container .left-box h2{ font-size: 20px; color: #FFFFFF; padding-left: 80px; line-height: 28px; } .demand-container .left-img{ width: 100%; position: absolute; bottom: -35px; left: 0; top: 68px; margin: 0 0 50px; } .demand-container .right-form{ width: 372px; background: #F9F9F9; border-radius: 15px; padding: 30px 36px 43px; height: fit-content; } .demand-container .right-form h2{ font-size: 18px; color: #333333; line-height: 25px; } .demand-container .tips{ font-size: 12px; color: #666666; margin: 15px 0 1px; line-height: 18px; } .demand-container .el-input{ background: #fff; border: 1px solid #D9D9D9; border-radius: 5px; display: flex; margin-top: 12px; height: 40px; line-height: 40px; padding: 0 12px; } .demand-container .el-input .title{ font-size: 12px; color: #333333; flex: none; } .demand-container .el-input input{ flex: 1; background: none; margin-left: 6px; font-size: 12px; border: none; } .demand-container textarea{ width: 100%; margin-top: 12px; padding: 10px 12px; font-size: 12px; resize: none; border: 1px solid #D9D9D9; border-radius: 5px; box-sizing: border-box; } .demand-container .submit{ background-image: linear-gradient(141deg, #F78642 0%, #F77C38 100%); border-radius: 4px; height: 36px; line-height: 36px; width: 100%; color: #fff; font-size: 14px; text-align: center; margin-top: 12px; cursor: pointer; } @media (max-width: 992px) { .demand-container .container{ padding: 60px 20px 50px; width: 100%; } .demand-container .left-box{ margin-right: 20px; } .demand-container .left-box h2{ padding: 0; } .demand-container .left-img{ bottom: 0; top: auto; } } @media (max-width: 768px) { .demand-container .container{ display: block; padding: 40px 20px 30px; width: 100%; box-sizing: border-box; margin: 0; } .demand-container .left-box{ padding: 0; margin: 0; width: 100%; } .demand-container .left-box h2{ padding: 0 20px; } .demand-container .left-img{ position: unset; margin-top: 24px; } .demand-container .right-form{ width: calc(100% + 40px); margin: 32px -20px 0; box-sizing: border-box; border-radius: 0; padding: 30px 20px; } }