/* actGotop */ .actGotop{position:fixed;_position:absolute;bottom:50px;right:2%;width:50px;height:50px;display:none; z-index:999999} .actGotop a,.actGotop a:link{width:50px;height:50px;display:inline-block; text-align:center; background: url(../images/up.png) no-repeat center} .actGotop a:hover{ background: url(../images/up.png) no-repeat center;outline:none;} .space1{ clear:both; height:10px} .space2{ clear:both; height:20px} .m-main_box{ width:1150px; overflow:hidden; margin:0 auto;} .s_jg{ padding:10px 0px; overflow:hidden; font-size:16px;} .s_jg span{ font-size:16px; color:#FF3300; margin:0px 5px} @media only screen and (max-width:768px){ .m-main_box{ width:96%; overflow:hidden; margin:0 auto} } #cp_top1{ width:100%; min-height:600px; overflow: hidden;background:url(../images/cp_top1.jpg) no-repeat center top; } #cp_top2{ width:100%; min-height:582px; overflow: hidden;background:url(../images/cp_top2.jpg) no-repeat center top; } #cp_top3{ width:100%; min-height:588px; overflow: hidden;background:url(../images/cp_top3.jpg) no-repeat center top; } #jm_top1{ width:100%; min-height:514px; overflow: hidden;background:url(../images/jm_top1.jpg) no-repeat center top; } #daili_top1{ width:100%; min-height:249px; overflow: hidden;background:url(../images/dl_bg.jpg) no-repeat center top; } .jm_bg{width:100%; hidden;background:url(../images/jm_bg.jpg) no-repeat center top;} .jm_box_L{ width:550px; overflow:hidden; float:left; margin-top:30px} .jm_box_R{ width:500px; overflow: hidden; float:right;margin-top:30px} .jm_tel{ width:500px; height:auto; margin:0 auto; border:3px solid #620B7E; background:#FFFFFFl; font-weight:bold} .jm_tel dl{ overflow:hidden; padding:10px 30px; background:#FFFFFF} .jm_tel dl dt{ overflow:hidden; color:#6B6B6B; font-size:26px; line-height:190%} .jm_tel dl dd{ overflow:hidden; color:#770193;font-size:30px; line-height:150%} .jm_tel dl dd span{color:#770193;font-size:30px; line-height:150%} .jm_tel dl dd a{color:#770193} .div_dot{background:url(../images/ddd.jpg) no-repeat center top; width:100%; height:66px} @media only screen and (max-width:768px){ #cp_top1{ width:100%; min-height:260px; overflow: hidden;background:url(../images/cp_top1.jpg) no-repeat center top; background-size:auto 260px} #cp_top2{ width:100%; min-height:250px; overflow: hidden;background:url(../images/cp_top2.jpg) no-repeat center top; background-size:auto 250px} #cp_top3{ width:100%; min-height:250px; overflow: hidden;background:url(../images/cp_top3.jpg) no-repeat center top; background-size:auto 250px} #jm_top1{ width:100%; min-height:210px; overflow: hidden;background:url(../images/jm_top1.jpg) no-repeat center top; background-size:auto 210px} #daili_top1{ width:100%; min-height:210px; overflow: hidden;background:url(../images/dl_bg.jpg) no-repeat center top; background-size:auto 210px} .jm_box_L{ width:100%; overflow:hidden; float:left} .jm_box_R{ width:100%; overflow: hidden; float:left} .jm_tel{ width:90%; height:auto; margin:0 auto; border:3px solid #620B7E; text-align:center; background:#FFFFFF; float:none} .jm_tel dl{ overflow:hidden; padding:10px 20px; background:#FFFFFF} .jm_tel dl dt{ overflow:hidden; color:#6B6B6B; font-size:20px; line-height:190%} .jm_tel dl dd{ overflow:hidden; color:#770193;font-size:24px; line-height:150%} .jm_tel dl dd span{color:#770193;font-size:30px; line-height:150%} .jm_tel dl dd a{color:#770193} } @media only screen and (max-width:480px){ #cp_top1{ width:100%; min-height:200px; overflow: hidden;background:url(../images/cp_top1.jpg) no-repeat center top; background-size:auto 200px} #cp_top2{ width:100%; min-height:200px; overflow: hidden;background:url(../images/cp_top2.jpg) no-repeat center top; background-size:auto 200px} #cp_top3{ width:100%; min-height:200px; overflow: hidden;background:url(../images/cp_top3.jpg) no-repeat center top; background-size:auto 200px} #jm_top1{ width:100%; min-height:160px; overflow: hidden;background:url(../images/jm_top1.jpg) no-repeat center top; background-size:auto 160px} .jm_box_L{ width:100%; overflow:hidden; float:left} .jm_box_R{ width:100%; overflow: hidden; float:left} .jm_tel{ width:90%; height:auto; margin:0 auto; border:3px solid #620B7E; text-align:center; background:#FFFFFF; float:none} } .main_nr{ overflow:hidden; padding:20px 0px; font-size:14px; line-height:190%} .main_nr img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 840 ? "840px" : this.width)!important; margin-bottom:0px} .pages{ width:100%; height:30px; line-height:30px; text-align:center; font-size:12px} .pages a{ display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; margin:0 5px; font-size:16px; color:#555;} .pages a.now,.pages a:hover{ color:#E15400;} .pages a.bg{ width:70px; text-align:center; color:#FFF; background:#646464; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .pages a.bg:hover{ color:#FFF; background:#913701;} .fanye{ width:100%; overflow:hidden; margin:15px 0px; border-top:#CCCCCC 1px solid} .fanye li{ list-style:none; line-height:30px; font-size:12px;} .fanye li a{font-size:12px;} .l-sub{width:100%;overflow:hidden; margin-top:10px; background:#E0E3EB} .l-sub li{ height: 47px; line-height: 45px;background: #E0E3EB; text-align:center; width:25%; float:left; list-style:none} .l-sub a{ display: block; color: #333;border-bottom: 2px #E0E3EB solid; font-size:16px;} .l-sub a:hover,.l-list .l-sub a:active,.l-list .l-sub li.active a{ border-bottom: 2px solid #79069B; color: #fff; font-size:16px; background:#B132D6; text-decoration:none} .l-sub li.active a{background: #79069B; border-bottom: 2px solid #79069B; color: #fff; font-size:16px;text-decoration:none} @media only screen and (max-width:768px){ .l-sub{width:100%;overflow:hidden; margin-top:10px; background: none} .l-sub li{ height: 47px; line-height: 45px;background: #E0E3EB; text-align:center; width:32.33%; float:left; list-style:none; margin-bottom:5px; margin:0.5%} .l-sub a{ display: block; color: #333;border-bottom: 2px #E0E3EB solid; font-size:16px;} .l-sub a:hover,.l-list .l-sub a:active,.l-list .l-sub li.active a{ border-bottom: 2px solid #79069B; color: #fff; font-size:16px; background:#B132D6; text-decoration:none} .l-sub li.active a{background: #79069B; border-bottom: 2px solid #79069B; color: #fff; font-size:16px;text-decoration:none} } .scd_t{ width:100%; height:50px; border-bottom:2px solid #ccc; text-align:left;} .scd_t span,.scd_t span a{ display:inline-block; *display:inline; zoom:1; height:50px; line-height:50px; vertical-align:top;} .scd_t span{padding:0px 8px; text-align:center;} .scd_t span a{ font-size:16px;;color:#323232;padding:0px 8px;} .scd_t span.now a,.scd_t span a:hover{ color:#79069D; border-bottom:2px solid #79069D;padding:0px 8px;} .scd_m{ width:100%; padding-top:25px; font-size:14px; color:#79069D; line-height:220%; overflow:hidden} .content_bt{ width:100%; line-height:50px; font-size:16px; text-align:center; padding-top:15px;font-weight:bold; overflow:hidden} .content_time{width:100%; border-bottom:#ccc 1px solid; font-size:12px; color:#666666; text-align:center; padding-bottom:4px; overflow:hidden} .i_date{ background:url(../images/i_date.png) no-repeat left center; padding-left:25px; margin-right:20px} .i_View{ background:url(../images/i_view.png) no-repeat left center; padding-left:25px} /*----新闻---*/ .news{ width:100%; padding:10px 0;} .news ul{ width:100%;overflow:hidden} .news ul li{ width:100%; margin:0px auto; border:1px solid #ddd; background:#F7F7F7; margin-bottom:30px; position:relative; overflow:hidden} .news ul li .time{ width:80px; height:80px; background:#8C29A9; position:absolute; left:0; top:0; color:#FFF; font-size:13px; text-align:center;} .news ul li .time b{ display:block; width:100%; height:50px; line-height:50px; font-size:30px; font-weight:normal;} .news ul li dl{ width:1065px; margin-left:100px; padding:10px 0; overflow:hidden} .news ul li dl dt,.news ul li dl dt img{ width:250px; height:180px; float:left; vertical-align:top;} .news ul li dl dd{ width:800px; padding-left:27px;border-left:1px solid #ddd; float:right; height:180px; overflow:hidden;} .news ul li dl dd .title{ width:100%; height:50px; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news ul li dl dd .title a{ font-size:18px; color:#333;} .news ul li dl dd .title a:hover,.news_d .dx p a:hover{ color:#8C29A9;} .news ul li dl dd .des{ height:50px;line-height:195%; font-size:14px; color:#535353; overflow:hidden; padding-right:20px} .news ul li dl dd .date{ width:100%; height:40px; line-height:40px;} .news ul li dl dd .date span{ display:inline-block; *display:inline; zoom:1; height:40px; line-height:40px; vertical-align:top; font-size:12px; color:#666666; padding-left:25px; background:url(../images/icon11.png) no-repeat left center;} .news ul li dl dd .more{display:inline-block; *display:inline; zoom:1; width:90px; height:30px; text-align:center; font-size:14px; color:#8C29A9; line-height:30px; border:1px solid #8C29A9;} .news_d{ width:100%; padding:50px 0;} .news_d h1{ width:100%; font-size:20px; color:#000; line-height:150%; text-align:center; margin-bottom:20px;} .news_d .ms{ width:100%; text-align:center; border-bottom:1px dashed #ddd; padding:15px 0; font-size:13px; color:#888;} .news_d .ms span{ display:inline-block;*display:inline; zoom:1; margin:0 20px;} .news_d .ctn{ width:100%; padding:30px 0; text-align:left; font-size:14px; color:#555; line-height:200%; padding-bottom:50px;} .news_d .dx{ width:100%; text-align:left;} .news_d .dx p{ width:100%; font-size:14px; margin-bottom:10px; color:#555;} .news_d .dx p a{ font-size:14px; color:#555;} @media screen and (max-width:1130px){ .news ul li dl{ width:860px;} .news ul li dl dd{ width:555px; padding-left:25px;} .abt_a dl dd{ width:505px; line-height:195%;} .ct_m .ct_ml{ width:385px;} } @media screen and (max-width:990px){ .news ul li .time{ width:65px; height:65px;} .news ul li .time b{ height:35px; line-height:35px;} .news ul li dl{ margin-left:85px; width:650px;} .news ul li dl dt, .news ul li dl dt img{ width:216px; height:156px;} .news ul li dl dd{ width:405px; padding-left:15px; height:165px;} .news ul li dl dd .title{ height:40px; line-height:40px;} .news ul li dl dd .title a{ font-size:16px;} .abt_a dl dd{ width:385px; line-height:185%; font-size:13px;} .abt_a dl dt, .abt_a dl dt img{ width:343px; height:212px;} .marqueeleft li img,.marqueeleft li .pic{ width:234px; height:175px;} .marqueeleft li{ width:234px;} .team li .pic,.team li .pic img{ width:130px; height:130px;} .ct_m .ct_mr{ width:400px;} .ct_m .ct_ml{ width:325px; line-height:200%;} } @media screen and (max-width:770px) { .scd{width:480px; margin:0px auto;} .news ul li .time{ display:none;} .news ul li dl{ width:460px; margin:0px auto;} .news ul li dl dd{ border:0; padding-left:10px;} .news ul li dl dd{ width:233px;} .news ul li dl dd .more{ height:25px; line-height:25px;} .abt_a dl dt, .abt_a dl dt img{ width:480px; height:296px;} .abt_a dl dd{ width:100%; margin-top:20px;} .team li{ width:33.3%;} .join table{ display:none;} .join .join_sj{ display:block;} .ct_m .ct_mr,.ct_m .ct_ml{ width:100%;} .ct_m .ct_ml{ background:none; padding-bottom:0; margin-top:20px;} .ct{ padding-bottom:0;} } @media screen and (max-width:500px) { .news ul li dl{ width:290px; margin:0px auto;} .news ul li dl dt, .news ul li dl dt img{ width:290px; height:209px;} .news ul li dl dd{ width:100%; padding:0;} .news_d{ width:310px; margin:0px auto;} .news_d .ms span{ margin-bottom:8px;} .abt_a dl dt, .abt_a dl dt img{ width:320px; height:197px;} .team li{ width:50%;} } @media only screen and (max-width:768px){ .content_bt{ width:100%; line-height:40px; font-size:16px; text-align:left; padding-top:15px;font-weight:bold} .content_time{width:100%; border-bottom:#ccc 1px solid; font-size:12px; color:#666666; text-align:left; padding-bottom:4px} } #kmtbd1{overflow:hidden; margin:20px 0px} #kmtbd1 ul{ margin:0px; padding:0px;} #kmtbd1 ul li{ margin:0px; padding:0px; overflow:hidden;border-bottom:1px dashed #bbb;padding-bottom:4px;margin-bottom:4px; } .main2_r_l{width:100%;float:left;padding-top:1px; overflow:hidden} .main2_r_bt{font-size:15px;color:#222;margin-bottom:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-weight: bold} .main2_r_bt a{color:#222;} .main2_r_bt a:hover{color:#770F96;} .main2_r_nr{font-size:14px;color:#777;line-height:22px;} .main2_r_r{width:88px;float:right;color:#666;font-size:12px;line-height:25px; margin-left:20px} .main2_r_r span{color:#444;font-size:12px;text-align:center;display:block;font-weight:normal;} .tulist{ overflow:hidden} .tulist_tu{ width:200px; overflow:hidden; margin-right:40px; float:left;height:200px; text-align:center;} .tulist_tu img{ width:auto;max-height:200px;overflow:hidden; } .tulist dl{ overflow:hidden; margin:10px 0px; background:#F7F7F7; padding:10px} .tulist dl dt{ margin:0px; font-weight:bold; font-size:15px; color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .tulist dl dt a{ margin:0px; font-weight:bold; font-size:15px; color:#333} .tulist dl dt a:hover{ margin:0px; font-weight:bold; font-size:15px; color:#8C29A9} .tulist dl dd{ font-size:14px; line-height:190%; color:#666666} .tulist dl dd p{ font-size:12px; color:#888; line-height:22px} .tulist dl dd .more{display:inline-block; *display:inline; zoom:1; width:90px; height:30px; text-align:center; font-size:14px; color:#8C29A9; line-height:26px; border:1px solid #8C29A9;} @media only screen and (max-width:768px){ .tulist dl{ overflow:hidden; margin:10px 0px; background:#F7F7F7; padding:10px 10px} .tulist dl dt{ margin:0px; font-weight:bold; font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .tulist_tu{ width:100px; overflow:hidden; margin-right:15px; float:left;height:100px;} .tulist_tu img{ width:100%; height:auto; max-height:100px} .tulist dl dd p{ font-size:12px; color:#888; line-height:22px; margin:0px} .tulist dl dd{ font-size:14px; line-height:190%; color:#666666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .tulist dl dd .more{display:inline-block; *display:inline; zoom:1; width:80px; height:25px; text-align:center; font-size:12px; color:#8C29A9; line-height:26px; border:1px solid #8C29A9;} } /*--------------留言-------*/ .ly_boox_L{ width:620px; overflow:hidden; float:left; margin-bottom:10px} .ly_boox_R{ width:470px; overflow: hidden; float: right} .ly_nr{ padding:20px 0px 0px 0px; overflow:hidden; margin-bottom:15px; font-size:14px} .map_box{ width:600px; height:300px; overflow:hidden} .odform-tit{font-weight:normal;font-size:22px;color:#595757;line-height:40px;text-align:center;border-bottom:1px solid #c9cacb;margin:0;padding:10px 0} .odform-tit img{height:40px;vertical-align:middle;margin-right:15px} .odform{ overflow:hidden; margin:15px 0px;} .input-group{margin-bottom:10px;position:relative} .input-group span{ color:#FF0000} .input-group label{padding:0px 0;position:absolute;color:#333; font-size:14px; } .input-group input{margin-left:5em;padding:4px 6px;box-sizing:border-box;background:#efeff0;border:0;border-radius:5px;color:#595757;width:75%; font-size:14px; line-height:25px} .input-group select{margin-left:5em;padding:2% 6px;box-sizing:border-box;background:#fff;border: #efeff0 1px solid;border-radius:5px;color:#595757;width:75%; font-size:14px; line-height:25px} .input-group textarea{margin-left:5em;padding:4px 6px;box-sizing:border-box;background:#efeff0;border:0;border-radius:5px;color:#595757;width:75%; font-size:14px; height:150px} .odform button{background:#423B33;color:#fff;text-align:center;border:0;border-radius:5px;padding:4px;width:120px;font-size:16px; font-weight:bold;cursor: pointer; line-height:30px; margin:0 auto} .an_ly{ width:120px; margin-left:72px} .btntj{background:#670073;color:#fff;text-align:center;border:0;border-radius:5px;padding:4px;width:120px;font-size:16px; font-weight:bold;cursor: pointer; line-height:30px;} @media only screen and (max-width:768px){ .ly_boox_L{ width:100%; overflow:hidden; float:left} .ly_boox_R{ width:100%; overflow: hidden; float:left} .map_box{ width:100%; height:200px; overflow:hidden} } /*---------------产品详细---*/ .klm_cpxx_k{ overflow:hidden; width:100%; margin:20px 0px 5px 0px; border-bottom:#CCCCCC 1px dashed; padding:10px 0px} .klm_cpxx_tu{ width:35%; float:left; overflow:hidden; margin-right:10%;} .klm_cpxx_tu img{ width:100%; height:auto; max-height:500px} .klm_cpxx_k dl{overflow:hidden;} .klm_cpxx_k dl dt{overflow:hidden; font-size:22px;border-bottom:#CCCCCC 1px dashed; line-height:40px} .klm_cpxx_k dl dd{overflow:hidden; font-size:15px; line-height:28px;border-bottom:#CCCCCC 1px dashed; padding:4px 0px;line-height:180%;} .klm_cpxx_k dl dd span{overflow:hidden; color:#000000} .btnback{background:#670073;color:#fff;text-align:center;border:0;border-radius:5px;padding:4px 10px 4px 10px;width:120px;font-size:14px; font-weight:bold;cursor: pointer; line-height:35px;} .btnback1{background:#eee;color:#333;text-align:center;border:0;border-radius:5px;padding:4px 10px 4px 10px;width:120px;font-size:14px;cursor: pointer; line-height:30px;} .cpxx_title{ width:100%; overflow:hidden; padding:10px 0px; text-align:center; background:#E0E3EB; margin-top:10px} .cpxx_title h1{ font-size:18px; font-weight:bold; color:#670073} .cpxx_title h3{ font-size:16px; font-weight:normal; color:#670073} @media only screen and (max-width:768px){ .klm_cpxx_k{ overflow:hidden; width:100%; margin:10px 0px 5px 0px; border-bottom:#CCCCCC 1px solid; border-top:#CCCCCC 1px solid;padding:10px 0px} .klm_cpxx_tu{width:70%; overflow:hidden; margin:0 auto; text-align:center;margin-left:15%} .klm_cpxx_tu img{ width:90%; height:auto;margin:0 auto;} .klm_cpxx_k dl{overflow:hidden; width:100%} .klm_cpxx_k dl dt{overflow:hidden; font-size:16px; font-weight:bold;border-bottom:#CCCCCC 1px dashed; margin-top:10px; margin-bottom:0px} .klm_cpxx_k dl dd{overflow:hidden; font-size:14px; line-height:180%;border-bottom:#CCCCCC 1px dashed;} } .bg1{ height:auto; overflow:hidden width:100%; background:#E9D6D8 url(../images/banner2.jpg) no-repeat center} /*-----------------风彩列表---*/ .list_fc{ width:1150px; height:auto; margin:20px auto; overflow:hidden } .con{ width: 23%; height: 290px; float: left; margin-right:1%; margin-left:1%; margin-bottom:20px; } .con img{ width:264px; height:264px; vertical-align:bottom; border:#eee 1px solid } .con a:hover img{border:#690180 1px solid} .txt a{ color:#333;transition: all 0.5s linear 0s;} .txt a:hover{ color:#FF00F6;} .txt{ width: 100%; height: 43px; line-height: 43px; text-align: center; color: #333; } .txt h3{ font-weight: normal; font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } .con1{ width: 23%; height: 230px; float: left; margin-right:1%; margin-left:1%; margin-bottom:20px; } .con1 img{ width:264px; height:204px; vertical-align:bottom; border:#eee 1px solid } .con a:hover img{border:#690180 1px solid} /*------------- 从底部上升的遮罩效果 结束 ------------------------------*/ @media only screen and (max-width:768px){ .con{ width: 48%; height:auto; float: left; margin-right:1%; margin-left:1%; margin-bottom:20px; text-align:center; background:#F8F5FF; padding:5px 0px; border-radius:5px; box-shadow: 1px 1px 2px #ccc; } .list_fc{ width:100%; height:auto; margin:20px auto; overflow:hidden } .con img{ width:auto; height:150px; vertical-align:bottom; } .con1 img{ width:auto; height:150px; vertical-align:bottom; } .con1{ width: 48%; height:auto; float: left; margin-right:1%; margin-left:1%; margin-bottom:20px; text-align:center; background:#F8F5FF; padding:5px 0px; border-radius:5px; box-shadow: 1px 1px 2px #ccc; } .txt{ width: 100%; height: 30px; line-height:30px; text-align: center; color: #333; border-radius:0px 0px 5px 5px; } .txt a{ color:#333} .txt h3{ font-weight: normal; font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } }