.mapBannerW { width: 100%; height: 265px; overflow: hidden; position: relative; } .mapBannerW .img { width: 100%; } .mapBannerW .img img { position: absolute; width: 1920px; height: 265px; left: 50%; top: 0px; margin-left: -960px; } .mapBanner { min-width: 1000px; max-width: 1200px; height: 100%; margin: 0 auto; position: relative; } .mapBanner strong { width: 213px; height: 40px; display: block; background: url(../img/map.png) no-repeat 0px 0px; margin: 0 auto; position: relative; top: 90px; } .mapBanner p { width: 496px; height: 42px; line-height: 42px; margin: 0 auto; font-size: 15px; color: #fff; text-align: center; position: relative; top: 120px; background: url(../img/map.png) no-repeat 0px -116px; } .erp_system{ width: 230px; color:#fff; border:1px solid #fff; height: 43px; line-height: 42px; margin: 0 auto; font-size: 16px; } .erp_line{ width: 500px; color:#fff; height: 43px; line-height: 42px; margin: -22px auto; font-size: 16px; } .erp_line span{ display: block; height: 100%; float: left; } .erp_line .span1{ width:145px; border-top:1px solid #FFFFFF; } .erp_line .span2{ width:210px; } .erp_line .span3{ width:145px; border-top:1px solid #FFFFFF; } a { color: #333; font-size: 14px } .h_title.appoint { margin: 60px auto 30px auto; } .h_title.appoint strong { font-size: 16px; } .h_title.appoint .div1 { width: 250px; } #pro_soft{ padding-bottom: 50px; } .content { overflow: hidden; max-width: 1200px; min-width: 1000px; margin: 0 auto; padding-bottom: 30px; padding-top: 10px; } .soft { padding-top: 80px; margin: 0 auto; overflow: auto; zoom: 1; } .pho { margin-right: 40px; float: left; width: 256px; height: 384px; } .pho img{ width: 256px; height:384px; } .appoint_ys .p2 span { color: white; font-size: 12px; } .list { float: left; width: 67%; } .list ul li { overflow: hidden; } .list ul li div { display: block; line-height: 28px; cursor: auto; font-size: 14px; } .list .left { color: #DC0429; float: left; width: 86px; } .list .left span{ color:white; } .button.pro1{ margin-top: 60px; } .list .right { color: #333; margin-left: 86px; margin-bottom: 2px; } .cpintroul{ line-height: 36px; margin-left: 12px; } .cpintroul li { /* list-style: square inside; */ background: url(../img/duihao-red.png) no-repeat left 9px; background-size: 13px 13px; padding-left: 25px; } .fun { width: 100%; overflow: hidden; } .arrow { width: 303px; text-align: center; height: 110px; background: url("../img/arrow.png") no-repeat; font-size: 22px; margin: 10px auto 0 auto; color: white; } .arrow p { padding-top: 20px; letter-spacing: 12px; padding-left: 15px; } .roww { position: relative; } .roww span { position: absolute; width: 19px; height: 100%; top: 0; background: url(../img/product_bg.png) no-repeat; } .roww .span1 { left: 0; background-position: -173px -1090px; } .roww .span2 { right: 0; background-position: -181px -1022px; } .row { height: 51px; line-height: 51px; background: #d20203; margin: 0px 19px; text-align: center; font-size: 16px; } .row .mid { width: 588px; margin: 0 auto; overflow: hidden; } .row div{overflow: hidden;padding-top: 18px;} .row p { float: left; color: #fff; font-weight: normal; height: 18px; line-height: 18px; text-align: center; margin: 0 auto; border-left: 1px solid white; } .row em { display: none; float: left; width: 1px; height: 20px; background: white; margin: 18px 36px; /*position: relative;*/ /*top: 18px;*/ } .tree { max-width: 1210px; min-width: 1000px; text-align: center; padding-top: 30px; overflow: hidden; margin: 0 auto; } .col { float: left; width: 12.5%; *width: 12.46%; text-align: center; } .col .top { margin: 0 5px; background: #78a002; border-radius: 5px 5px 0 0; font-size: 16px; color: white; height: 44px; line-height: 44px; } .col ul { height: 309px; background: #ffffff; margin: 0 5px; padding:22px 0; } .col ul li { height: 26px; line-height: 26px; font-size: 13px; color: #666; } .col .bott { font-size: 13px; color:#d66052; margin: 0 5px; background: #e9f1cc; border-radius: 0 0 5px 5px; height: 43px; line-height: 43px; } .tab { padding: 20px 0px 0 0px; width: 100%; } .tab li { height: 45px; margin: 8px 0; width: 100%; overflow: hidden; } .tab .right span, .tab .left { background: url("../img/product_bg.png") no-repeat; background-position: 0px -290px; text-align: center; height: 45px; line-height: 45px; color: white; width: 112px; font-size: 14px; } .tab .left { float: left; width: 145px; background-position: 0px -349px; } .tab .mid { margin: 0px 160px 0px 145px; } .tab .mid span { width: 10.94%; *width: 10.92%; display: block; float: left; text-align: center; color: #333; background: #eeeeee; height: 44px; line-height: 44px; border-right: 1px solid #a7d0e0; font-size: 14px; } .tab .mid span.no_bor { border: none; } .tab .mid span.bor_radio { height: 42px; border: 1px solid #eeeeee; position: relative; /*border-radius: 0 5px 5px 0;*/ } .tab .mid span.bor_radio span { width: 14px; height: 44px; background: url("../img/product_bg.png"); background-position: 214px -196px; position: absolute; right: -7px; top: -1px; border: none; border: 0; } .tab .right { float: right; height: 44px; overflow: hidden; width: 145px; } .tab .right i { display: block; float: left; height: 44px; background: url("../img/product_bg.png") no-repeat; background-position: 0px -231px; background-color: transparent; border: none; width: 33px; } .tab .right span { display: block; float: left; } .big_arrow { padding-top: 20px; } .big_arrow .big_arrow_m { position: relative; background: #d20203; height: 67px; color: white; margin: 0 19px; text-align: center; font-size: 18px; } .big_arrow_line { position: relative; height: 67px; line-height: 67px; margin: 0 auto; text-align: center; max-width: 1200px; min-width: 1000px; } .big_arrow_line .img { display: block; width: 19px; height: 68px; background: url("../img/product_bg.png") no-repeat; } .big_arrow_line .big_arrow_l { position: absolute; left: 0; top: 0; background-position: -179px -2px; } .big_arrow_line .big_arrow_r { position: absolute; right: 0; top: 0; background-position: -179px -86px; } .big_arrow_mid .fang { display: block; width: 55px; height: 10px; *height: 21px; margin: 0 auto; background: #d20405; } .big_arrow_down { width: 0; height: 0; border: 46px solid transparent; border-top: 26px solid #d20405; margin: 0 auto -41px auto; } .roww .yg { height: 42px; line-height: 42px; margin: 0px 14px; } .module_sixt .box li .first p.mt { background: #d20203; color: white; margin-top: 2px; } .module_sixt .box li a.first{ cursor:default; } .roww .yg p { width: 100%; background: #d20203; padding-left: 7px;*padding-left:0px; height: 42px; line-height: 42px; font-size: 16px; letter-spacing: 12px; } .h_title.product span{ top:10px; } .module_sixt.product{ padding-bottom:67px; } .h_title.product1{ padding: 78px 0; } .roww .span3 { left: 0px; background-position: 0px -1017px; } .roww .span4 { right: 0px; background-position: 4px -1066px; } .fun_b { clear: both; } .prod_jg { width: 100%; height: auto; position: relative; background: url(../img/fun_bg.jpg) no-repeat; background-size: 100% 100%; behavior: url(../css-center/backgroundsize.min.htc); } .prod_jg .h_title{ padding-top: 50px; padding-bottom: 20px; } .imgs { max-width: 1210px; min-width: 1000px; overflow: hidden; margin: 0px auto; padding-bottom: 50px; } .imgs .im_g { position: relative; float: left; width: 16.66%; *width: 16.64% } .imgs .im_g .small { margin: 0 5px; } .im_g img { width: 100%; } .imgs p { text-align: center; background: #d20203; color: white; width: 100%; height: 30px; line-height: 30px; } .con_b { clear: both; width: 100%; } .con_b a { background: url("../img/culture.png") 0 -120px no-repeat; height: 49px; line-height: 58px; color: white; display: block; width: 144px; text-align: center; margin: 30px auto; } .use { width: 100%; background: url("../img/use.jpg"); background-size: 100% 100%; height: 589px; overflow: hidden; } .use .goods_tedi { background: none; } .use .goods_tedi .box li .first .text { box-shadow: none; } .use .goods_tedi .box li .first .ico { background: url(../img/product_bg.png) no-repeat; } .use .goods_tedi .box li .first .icoo1 { background-position: 0px 0px; } .use .goods_tedi .box li .first .icoo2 { background-position: 0px -195px; } .use .goods_tedi .box li .first .icoo3 { background-position: 0px -144px; } .use .goods_tedi .box li .first .icoo4 { background-position: -3px -92px; } .use .goods_tedi .box li .first .icoo5 { background-position: 0px -43px; } .use .goods_tedi .box li .first .icoo6 { background-position: 0px 0px; } .use .imgs { height: 298px; margin: 0 auto; background-color: transparent; } .imgs .im_g.use_small { } .imgs .use_small .small { background: white; height: 100%; } .use_small span { display: block; width: 40px; height: 54px; margin-left: 20px; background: url("../img/product_bg.png") no-repeat; background-position: 0px 10px; } .use_word { padding-top: 10px; padding-left: 20px; } .use_small .tit { color: #333; text-align: left; background: #fff; font-size: 16px; } .use_small li { margin: 10px 0; color: darkgray; font-size: 14px; } .use_small .two { background-position: 0px -178px; } .use_small .three { background-position: 0px -128px; } .use_small .four { background-position: 0px -78px; } .use_small .five { background-position: 0px -34px; } .use_small .six { background-position: 0px -178px; } .use_small:hover .use_word { background: #d20203; height: 240px; } .use_small:hover .use_word .use_word_div { height: 244px; margin-top: 32px; } .use_small:hover span { display: none; } .use_small:hover .use_word .tit, .use_small:hover .use_word ul { background: #d20203; } .use_small:hover .use_word .tit, .use_small:hover .use_word li { color: white; } ._nav_big { width: 100%; background: #f2f3f5; } #menu { overflow: auto; } .fix_fa { height: 88px; width: 100%; padding-top: 65px; } #change_list_fa { z-index: 1003; width: 100%; background: white; height:88px; line-height: 140px; position: relative; user-select: none; -webkit-user-select: none; } #change_list_fa.bg { position: fixed; top: 0px; left: 0; } #change_list { max-width: 1210px; min-width: 1000px; margin: 0px auto; height: 58px; line-height: 58px; } #change_list li { position: relative; float: left; width: 24.6%; *width: 24.6%; text-align: center; background: #4e4e4e; color: white; font-size: 16px; border-right: 3px solid white; cursor: pointer; } #change_list li.one { border-left: 3px solid white;; } #change_list li.bg { position: relative; background: #d20203; color: white; font-weight: bold; } #change_list li.bg span { display: block; width: 0; height: 0; border: 16px solid transparent; border-top: 16px solid #d20203; position: absolute; top: 56px; left: 43.9%; } #fun_nav { width: 240px; min-height: 560px; padding: 13px 0px; background: #dddddd; position: absolute; left: 0px; top: 0px; } #fun_nav_ul { width: 40px; float: left; margin-left: 10px; } #fun_nav_ul li { cursor: pointer; width: 100%; height: 51.5px; line-height: 51.5px; background: #4e4e4e; margin-bottom: 5px; text-align: center; } #fun_nav_ul li div { width: 68%; margin: 0 auto; line-height: 19px; color: white; font-size: 14px; padding-top: 5px; padding-bottom: 5px; } #fun_nav_ul li.bg { position: relative; background: #d40203; } #fun_nav_ul li.bg span { position: absolute; top: 18px; right: -18px; width: 0; height: 0; border: 7px solid transparent; border-left: 11px solid #d40203; } #menu .fun_nav_div { float: left; margin-left: 36px; display: none; width: 57%; } #menu .fun_nav_div a { color: #333; } #menu .fun_nav_div_bg { display: block; } #menu .fun_nav_div p { padding-top: 20px; font-size: 16px; font-weight: bold; color: #d40203; width: 100%; height: 40px; border-bottom: 1px solid #ccc; } #menu .fun_nav_div ul { font-size: 16px; padding-top: 13px; } #menu .fun_nav_div li { overflow: hidden; height: 36px; *height: 32px; line-height: 36px; *line-height: 32px; } #menu .fun_nav_div li div { float: left; margin-left: 10px; } #menu .fun_nav_div ul span, .fun_nav_divs .small_dl .small_dt span { display: block; float: left; width: 4px; height: 4px; background: #000; margin: 13px 5px 0 0 } #menu .fun_nav_div ul span { margin-top: 15px; } .fun_nav_divs .small_dl .small_dt span { background: #d40203; margin-right: 25px; } #menu .fun_nav_div ul li:hover span { background: #cb0204; } #menu .fun_nav_div li:hover div a { color: #cb0204; } .fun_nav_divs { display: none; background: #fff; min-height: 468px; margin-left: 250px; padding-bottom: 50px; } .fun_nav_divs.bg{ display: block; } .fun_nav_divs li{ display: none; } .fun_nav_divs li.bg{ display: block; } .fun_nav_divs li { margin: 0px 35px; overflow: hidden; } .fun_nav_divs_bg { margin-left: 243px; float: none; } #divs { width: 100%; font-size: 14px; position: relative; } #divs .bg { display: block; } .chang_div { display: none; background: white; width: 100%; overflow: hidden; position: relative; } .chang_div.service{ margin-top: 60px; margin-bottom: 80px; } .chang_div_blue { background: #f2f3f5; height: auto; min-height: 650px; padding-bottom: 45px; } .fun_nav_divs_h { position: relative; margin: 0px 10px; } .chang_div .fun_nav_divs_h .t3 { font-size: 18px; border-bottom: 1px solid #ccc; padding: 30px 0 15px 0; font-weight: bold; } .jiahao { position: absolute; right: 0; top: 25px; font-size: 26px; font-weight: bold; color: #4d4d4d; cursor: pointer; user-select: none; -webkit-user-select: none; } .chang_div .h4 { margin: 29px 0 15px 10px; font-size: 14px; font-weight: normal; color: white; height: 27px; line-height: 27px; width: 145px; text-align: center; background: url("../img/product_bg.png") no-repeat; background-position: -5px -403px; } .chang_div dt { clear: both; color: #cb0204; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; } .chang_div dl { overflow: hidden; margin-bottom: 11px; } .chang_div dd { float: left; height: 30px; line-height: 30px; width: 160px; text-align: left; color: #5B5B5B; text-indent: 29px; } .comm { background: #f2f3f5; margin-top: 60px; padding-bottom: 140px; } ._commline { width: 100%; margin-bottom: 6px; color: #333; text-align: left; background: white; padding-top: 30px; overflow: hidden; } .comment_img { float: left; height: 212px; width: 212px; margin-left: 28px; } .comment_img img { width: 83%; margin: 20px auto; } .comment_word { float: left; width: 69.9%; padding: 20px 0 0 50px; } .name { width: 100%; border-bottom: 1px dashed #ccc; font-size: 16px; font-weight: bold; padding-bottom: 32px; color: #4e4e4e; } ._commline .comment_word_con p, .ser_word p { padding-top: 20px; line-height: 26px; font-weight: normal; color: #333; font-size: 16px; } ._commline .comment_word_con p { font-size: 14px; color: #4e4e4e; } .ser_img { position: relative; width: 95%; margin: 0 auto; margin-bottom: 80px; padding-top: 25px; } .ser_img img { width: 100%; } .product_img{ position: relative; zoom: 1; } .product_img img{ max-width: 1140px; min-width: 956px; height:auto; position: relative; } .ser_word { position: absolute; width: 42%; top: 50px; left: 50px; color: white; } .ser_word_tit { font-size: 26px; border-bottom: 1px solid darkgray; padding-bottom: 20px; padding-top: 38px; font-weight: bold; } .ser_word p { color: white; font-size: 12px; line-height: 23px; } .mofang { width: 620px; margin: 0 auto; position: relative; padding-top: 55px; } .mofang ul { position: absolute; bottom: 364px; *bottom:370px; } .mofang ul li { position: relative; width: 225px; text-align: center; float: left; font-size: 16px; font-weight: bold; color: white; top: 10px;*top:0px; } .mofang ul li.gray { color: #3f4142; } .mofang ul li.right { right: -417px;*right:-28px; top: -12px;*top:0; } .mofang_word { font-size: 16px; text-align: center; padding-bottom: 62px; } .ser_num { width: 100%;; } .img_num { width: 230px; margin: 0 auto; position: relative; } .img_num_word { position: absolute; top: 36px; left: 80px; font-size: 14px; color: white; } .mofang_img { width: 100%; height: 300px; overflow: hidden; padding-top: 37px; padding-bottom: 20px; } .small_mofang_img { width: 17.5%; height: 254px; float: left; margin: 20px 10px; border: 1px solid #ccc; } .small_mofang_img .small { width: 90%; margin: 20px auto; } .button.product{ margin: 32px auto; } .small_mofang_img .small span { position: relative; top: 28px; display: block; width: 70px; height: 50px; margin: 0 auto; background: url("../img/product_bg.png") no-repeat; background-position: 11px -950px; } .small_mofang_img .small span.two { background-position: 8px -886px; } .small_mofang_img .small span.three { background-position: 0px -813px; } .small_mofang_img .small span.four { background-position: 14px -751px; } .small_mofang_img .small span.five { background-position: 16px -681px; } .mofang_img .one { margin-left: 18px; } .line_word { text-align: center; padding-top: 60px; } .line_word p { font-weight: normal; color: #4f4f4f; } .line_word .tit { font-size: 16px; } .huifang_fa { width: 95%; margin: 20px auto; height: 255px; overflow: hidden; } .huifang { width: 46%; padding: 10px; border: 1px solid #ccc; } .huifang_left { float: left; } .huifang_right { float: right; } .huifang_word { height: 60px; line-height: 60px; color: #4f4f4f; text-align: center; } .huifang_word span { width: 1px; height: 17px; background: #474747; display: inline-block; margin: 0 10px; position: relative; top: 4px;*top:0px; } .huifang_word .t { font-weight: bold; font-size: 16px; } .smile { clear: both; margin: 20px auto 63px auto; width: 95%; height: 74px; background: #ca293c; } .smile .smile_word { width:365px; height: 73px; line-height: 73px; margin: 0 auto; overflow: hidden; } .smile .smile_word img { display: block; float: left; height: 45px; width: 45px; margin-top: 17px; margin-right: 20px; } .smile .smile_word span { float: right; font-size: 24px; color: white; } .smile .smile_word span strong{ font-size: 30px; font-weight: bold; } .kefu { width: 95%; overflow: hidden; border: 1px solid #ccc; margin: 53px auto; } .kefu div { float: left; width: 49.9%; } .kefu .kefu_left img { display: block; margin-top: 17%; margin-left: 17%; } .kefu .kefu_left span { display: block; font-size: 18px; font-weight: bold; width: 328px; height: 20px; margin-top: 18%; margin-left: 27%; } .kefu .kefu_left img { display: block; float: left; width: 37px; height: 37px; } .kefu .kefu_right img { width: 100%; margin-left: 4px; } .fuwu { width: 184px; text-align: center; height: 32px; line-height: 32px; background: url("../img/product_bg.png") no-repeat; background-position: 0px -632px; color: white; margin: 58px auto; } .huifang_word_fa { margin: 0px 10px; overflow: hidden; padding-bottom: 40px; padding-top: 30px; } .huifang_word_f { background: #4e4e4e; height: 68px; line-height: 68px; width: 49.9%; text-align: center; } .huifang_word_f span, .huifang_word_f p { color: #fff; display: inline; } .prod_zs { width: 100%; height: auto; } .prod_zs li { width: 16.66%; *width: 16.64%; height: auto; float: left; } .prod_zs li .first { height: 398px; margin: 0px 5px; border: solid 1px #C1C1C1; background: #F0F1F2; position: relative; } .prod_zs li .first dt { height: 145px; line-height: 200px; text-indent: 12px; font-size: 16px; color: #333; } .prod_zs li .first dd p { height: 22px; line-height: 22px; text-indent: 13px; font-size: 13px; overflow: hidden; } .prod_zs li .first dd { float: none; height: auto; width: auto; text-align: left; color: #5B5B5B; } .prod_zs li .first .span1 { width: 40px; height: 40px; display: block; position: absolute; left: 12px; top: 40px; background: url(../img/product_bg.png) no-repeat; } .prod_zs li .first .span2 { width: 18px; height: 2px; display: block; position: absolute; left: 12px; background: #545455; top: 130px; } .prod_zs li .first .span1.icoo1 { background-position: -166px -966px; } .prod_zs li .first .span1.icoo2 { background-position: -166px -930px; } .prod_zs li .first .span1.icoo3 { background-position: -170px -890px; } .prod_zs li .first .span1.icoo4 { background-position: -166px -855px; } .prod_zs li .first .span1.icoo5 { background-position: -166px -822px; } .prod_zs li .first .span1.icoo6 { background-position: -166px -788px; } .service a.click_btn4 {cursor:default} .service a.click_btn4:hover {background-position:0 -450px;color:white} .huifang_word_f p { font-size: 18px; font-weight: bold; } .huifang_word_f i { display: inline-block; font-style: normal; width: 34px; position: relative; top: 1px; font-size: 16px; line-height: 60px; color:#a1a1a1; } .huifang_word_f span { font-size: 16px; } .fuwu_left { float: left; } .fuwu_right { float: right; } .imgs .fuwu_bor { border: 1px solid #ccc; margin-left: 1.74%; width: 14%; height: 260px; background: #f2f3f4; } .imgs .fuwu_bor .small { background: #f2f3f4; } .imgs .fuwu_bor .small .tit { background: #f2f3f4; } .imgs .fuwu_bor:hover { padding-top: 10px; height: 250px; } .imgs .fuwu_bor:hover .small .use_word { background: #d20405; text-align: center; } .imgs .fuwu_bor:hover .small .use_word .tit { background: #d20405; text-align: center; } .imgs .fuwu_bor li { height: 11px; line-height: 11px; } .imgs .fuwu_bor .use_word { padding: 0; } .ke_fu { width: 472px; margin: 30px auto; overflow: hidden; } .ke_fu .ke_fu_span { display: block; float: left; width: 95px; text-align: center; margin: 0 10px; color: white; height: 26px; line-height: 26px; background: url("../img/product_bg.png") no-repeat; background-position: 0px -593px; } .ke_fu .ke_fu_span:hover { background-position: 0px -552px; color: #ca0202; } #zhanye { width: 100%; height: 68px; line-height: 68px; text-align: center; font-size: 20px; color: white; background: #ca0202; margin: 30px 0; } .fuwu.fuwu1{ margin: 65px auto 68px auto; } .fu_wu_li_nian { width: 100%; height:454px; } .fu_wu_li_nian_div { float: left; width: 33.2%; *width: 33.1%; height: 314px; } .fu_wu_li_nian_small { padding-top: 60px; border: 1px solid #ccc; margin: 5px; padding-bottom: 20px; } .fu_wu_li_nian div img { display: block; width: 67px; margin-left: 20px; /*margin-top: 60px;*/ margin-bottom: 20px; } .fu_wu_li_nian div img.img_three { width: 43px; } .fu_wu_li_nian .fu_wu_li_nianspan { display: block; width: 100px; text-align: left; height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; margin-left: 20px; } .fu_wu_li_nian .fu_wu_li_nianspan2{ width: 18px; height: 2px; display: block; position: relative; left: 21px; background:#595959; margin: 10px 0; top: 11px; } .fu_wu_li_nian p { font-size: 14px; color: #333; font-weight: normal; margin: 20px 20px; line-height: 35px; } #geng_duo { position: relative; width: 206px; margin: 55px auto 101px auto; *margin-top:121px; text-align: center; clear: both; } #geng_duo .left, #geng_duo .right { display: block; position: absolute; top: 10px; width: 60px; height: 1px; border-bottom: 1px solid #666; } #geng_duo .left { left: 0px; } #geng_duo .right { right: 0px; } #geng_duo .mid { width: 96px; text-align: center; color: #e4e4e4; font-size: 14px; margin: 0 auto; font-weight: normal; } #geng_duo .mid a { color: #666; } .chang_div.free { width: 92%; background: white; margin: 60px 0 40px 0; height: 262px; padding:23px 50px 14px 25px; } .chang_div.free .free_div { width: 48%;*width:47.9%; float: left; } .chang_div.free .free_div.left{ width: 50%; } .chang_div.free .free_div img { width: 100%; height: 100%; } .chang_div.free .free_div p { color: #333; font-weight: normal; text-align: left; margin-right: 10px; line-height: 28px; margin-left: 50px; } .home_title { top: 0px; } .chang_div.free .free_div .mianfei { width: 157px; height: 73px; line-height: 43px; margin: 34px 0; background: url("../img/product_bg.png") no-repeat; background-position: 0px -467px; margin-left: 50px; text-align: center;; } .chang_div.free .free_div .mianfei a { display:block; width:153px; height:42px; color: white; font-size: 15px; } a { cursor: pointer; } .cul_banner { position: relative; margin-top: 90px; width: 100%; height: 265px; } .cul_banner img { position: absolute; left: 0; width: 100%; height: 100%; } .cho_con p { width: 100%; margin: 20px 0; line-height: 30px; color: #666; font-size: 16px; } .cho_con .two_tit { width: 686px; font-family: "Microsoft YaHei"; font-size: 16px; font-weight: bold; padding-bottom: 5px; color: #1e1b18; border-bottom: 1px solid #d20203; } .cho_con p a { color: #d0131d; text-indent: 2em; } .dianji { display: block; margin: 30px 0 120px 0; color: #d0131d; } .goods_tedi { width: 100%; height: auto; background: #fff; } .goods_tedi .box { min-width: 1000px; max-width: 1210px; height: auto; margin: 0 auto; position: relative; } .goods_tedi .box li { width: 16.66%; *width: 16.56%; float: left; position: relative; top: -264px; opacity: 0; filter: alpha(opacity=0); } .goods_tedi .box li .first { height: 262px; margin: 0px 5px; position: relative; border-radius: 2px; } .goods_tedi .box li .first.card.product{ height:287px; } .goods_tedi .box li .first .text { padding: 0px 20px; height: 100%; position: relative; box-shadow: 1px 1px 2px #ddd; background: #ECECEC; z-index: 2; } .goods_tedi .box li .first .ico { width: 45px; height: 45px; display: block; left: 20px; top: 37px; position: absolute; } .goods_tedi .box li .first dl { position: relative; top: 100px; } .goods_tedi .box li .first dt { height: 52px; line-height: 32px; font-size: 16px; font-weight: bold; } @media screen and (min-width: 300px) and (max-width:1200px ){ .goods_tedi .box li .first dt { font-size: 14px; } } .goods_tedi .box li .first dd { width: 100%; height: 24px; line-height: 24px; font-size: 12px; } .goods_tedi .box li .first .t { width: 20px; height: 2px; background: #333; position: absolute; top: 139px; } .goods_tedi .box li .first .goods_po { width: 100%; height: 100%; background: #D20001; position: absolute; top: 0px; left: 0px; border-radius: 2px; } .goods_tedi .box li .first:hover .goods_po { z-index: 3; } .goods_tedi .box li .first .goods_po .goods_tv { margin: 0px 20px; } .goods_tedi .box li .first .goods_po dl { top: 50px; } .goods_tedi .box li .first .goods_po dt { color: #fff; } .goods_tedi .box li .first .goods_po dl { color: #fff; } .goods_tedi .box li .first .goods_po .t { top: 96px; background: #FFF; } @media only screen and (min-width: 320px) and (max-width: 1026px) { .ser_word { position: absolute; width: 43%; top: 9%; left: 4%; color: white; } .ser_word .ser_word_tit{ font-size: 23px; } .chang_div.free .free_div p{ font-size: 12px; line-height: 26px; } .chang_div.free .free_div .mianfei{ margin-top: 7px; } } /*底部信息区域start*/ .clearfix{*zoom: 1;} .clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear:both; visibility: hidden; } .bottomInfo{background:#3b3b3b;color:#FFF} .bottomProductInfo{padding:90px 0 80px;} .bottomInfo_title .manage_title{float:left} .bottomInfo_title .conpany_logo{float:right} .manage_title .titl_h1{font-size:50px;margin-bottom: 8px;} .manage_title .titl_h2{font-size:36px;margin-bottom: 22px;} .manage_title .titl_line{height:2px;background: #FFF;width: 82px;margin-bottom: 52px;} .bottomInfo_content .content_item{float: left;} .bottomInfo_content .content_item.pdtCategory{width: 38%;} .bottomInfo_content .content_item.companyAdress{width: 42%;} .bottomInfo_content .content_item.otherInfo{width: 20%;} .companyAdress .product_item.clearfix p {line-height: 27px;} /* .pdtCategory .product_item,.companyAdress .product_item{min-height: 354px;} */ .content_item span{font-size:20px ;font-weight: 600;} .content_title{margin-bottom:28px;display: inline-block;} .bottomInfo_content .product_item{border-left: 1px solid #FFF;border-color: rgba(255, 255, 255, 0.7);padding-left: 20px;} .product_series{float: left;width: 37%;} .product_series.last{width: 37%;} .product_series2 {width: 40%;} .product_series3 {width: 23%;} .series_item{margin-bottom: 66px;} .series_item.last{margin-bottom: 0px;} .series_item dt{font-size: 16px;font-weight: 600;margin-bottom: 10px;} .series_item dd,.content_item .txt{font-size: 12px;line-height: 22px;} .content_other{margin-top: 30px;} .content_other:first-child{margin-top: 0px;} .container { width: 1200px; margin: 0 auto; } .bottomInfo a { color: #fff; } .bottomProductInfo { padding: 150px 0 80px; } /*底部信息区域end*/ /*底部信息区域end*/ .copy { width: 100%; height: 230px; background: #ececec; } .copyCon { min-width: 1000px; max-width: 1200px; height: 100%; margin: 0 auto; } .copyConLeft { float: left; width: 50%; padding-left: 10px; margin-top: 60px; } .copyConLeft1 { width: 100%; height: 41px; border-bottom: 1px solid #c2c2c2; } ul, ol { list-style: none; } .copyConLeft1 ul li { position: relative; height: 20px; float: left; font-size: 12px; margin-right: 12px; color: #6a6a6a; } .copyConLeft1 ul li a { color: #6a6a6a; } .copyConLeft1 ul li span { position: absolute; top: 5px; display: block; width: 1px; height: 12px; background: #6a6a6a; } .copyConLeft2 { font-size: 12px; color: #515151; height: 34px; line-height: 52px; } .copyConLeft2 span { letter-spacing: 1px; } .copyConLeft2 span { letter-spacing: 1px; } .tlogo { display: inline-block; width: 51px; height: 12px; background: url(../img/tlogo.png) no-repeat; position: relative; top: 2px; *top: -2px; } .copyConLeft3 { font-size: 12px; line-height: 34px; } .danger, .danger a { font-size: 12px; font-weight: bold; color: #c51a1a; } .copyConRight { width: 43%; float: right; margin-top: 60px; position: relative; } .erweima { position: relative; float: right; top: -18px; } .erweima .sao { position: absolute; bottom: 17px; left: 39%; color: #666666; font-size: 12px; } .copyConCenter { width: 50%; float: right; } .copyConCenter p { color: #666; font-size: 1.7em; /* font-size: 28px; */ height: 35px; line-height: 35px; } .psmall { padding-left: 18px; margin-top: 10px; color: #666; font-size: 12px; background: url(../img/button.png) no-repeat; background-position: 1px -920px; } #download-pro-intro { height: 40px; line-height: 40px; text-align: center; padding: 0 5px; color: #fff; background-color: cornflowerblue; float: left; font-size: 16px; margin-top: 10px; cursor: pointer; } /* 底部 */