#banner { font-size:0; overflow:hidden;} .m_about_list{} .m_about_list .hd{text-align:center;} .m_about_list .hd h2, .m_pro_list .hd h2{font-weight:normal; height:26px; line-height:100%; background:url(../images/about_bd.png) no-repeat center center; font-size:24px; color:#2e2e2e; margin-top:48px;} .m_about_list .hd h2 em, .m_pro_list .hd h2 em{text-transform:uppercase; color:#333; font-size:12px; font-style:normal; line-height:58px;} .m_about_g{margin:0 auto; width:1140px; height:271px; padding-top:58px;} .m_about_g a{ display:block; width:100px; height:162px; float:left; margin-right:160px; margin-bottom:12px;} .m_about_g a span{display:block; width:100px; height:50px; line-height:50px; text-align:center; padding-top:112px; font-size:16px; color:#2e2e2e; background:url(../images/acd_bg.jpg) no-repeat bottom center;} .m_about_t{float:left; line-height:24px; font-size:12px; color:#4c4c4c; text-align:center; width:190px; margin-right:68px;} .m_about_g .g_1{background:url(../images/icon01.jpg) no-repeat top center; text-decoration:none;} .m_about_g a.g_1:hover { background: url(../images/icon11.jpg) no-repeat top center;} .m_about_g .g_2{background:url(../images/icon02.jpg) no-repeat top center; text-decoration:none;} .m_about_g a.g_2:hover { background: url(../images/icon12.jpg) no-repeat top center;} .m_about_g .g_3{background:url(../images/icon03.jpg) no-repeat top center; text-decoration:none;} .m_about_g a.g_3:hover { background: url(../images/icon13.jpg) no-repeat top center;} .m_about_g .g_4{background:url(../images/icon04.jpg) no-repeat top center; text-decoration:none;} .m_about_g a.g_4:hover { background: url(../images/icon14.jpg) no-repeat top center;} .m_about_g .g_5{background:url(../images/icon05.jpg) no-repeat top center; text-decoration:none;} .m_about_g a.g_5:hover { background: url(../images/icon15.jpg) no-repeat top center;} #main {background:url(../images/main_bg.jpg) no-repeat center top; padding:55px 0 52px;} #category ul li.sublist li a {color:#5c5c5c; font-size:15px; display:block; background:url(../images/icon01.jpg) no-repeat 29px center; text-indent:12px; height:39px; line-height:39px;} #category ul li.sublist li a:hover {color:#5c5c5c; background:url(../images/icon01.jpg) no-repeat 29px center;} #category ul li.sublist li.current a { } #m_pro_list {width:75%; float:right; position:relative; margin-top:20px; } .m_pro_list{ height:561px;} #m_pro_list .hd{ background: url(../images/hd_bg_1.jpg) repeat-x left bottom; height:43px; line-height:37px;} #m_pro_list .hd h3, #m_news_list .hd h3, #m_about .hd h3{background:url(../images/hd_bg_2.jpg) no-repeat left bottom; color:#1d73be; font-size:18px; font-weight:normal; height:43px; line-height:37px;} #m_pro_list .hd h3 em, #m_news_list .hd h3 em, #m_about .hd h3 em { font-weight:normal; font-style:normal; font-size:11px; color:#777; text-transform:uppercase; margin-left:5px; } #m_pro_list .bd ul { padding:25px 0 10px 0; } #m_pro_list .bd ul li { float:left; display:inline; width:23.5%;} #m_pro_list .bd ul li img { display:block; } #m_pro_list figure{ } #m_pro_list figcaption {display:block; line-height:45px; height:45px; text-align:center; font-size:0.875em; overflow:hidden; color:#484848;} .nofirst1, .nofirst2, .nofirst3, .nofirst5, .nofirst6, .nofirst7{margin:0 15px 5px 0;} .nofirst4, .nofirst8{margin:0 0 5px 0;} .m_more { position:absolute; right:3px; top:14px; color:#8f8f8f; font-size:12px; } .m_item { width:100%; position:relative;} .m_item .hd {color:#2e2e2e; font-size:24px; line-height:17px; height:190px; padding-top:44px; width:145px; padding-left:25px; float:left; background:url(../images/news_img.png) no-repeat left bottom;} #main .pic{float:left; width:440px; height:234px;} .m_item .hd em { font-size:12px; color:#2e2e2e; font-style:normal; margin-left:3px;} .m_item .bd { margin-left:30px; margin-right:0px; width:660px; float:left;} .m_item .bd li{ border-bottom:1px solid #d6d6da; font-size:14px; color:#2e2e2e; background:url(../images/news_im.png) no-repeat left center; text-indent:25px; height:38px; line-height:38px; position:relative;} .lidb{position:absolute; top:2px; right:0; font-size:12px; color:#2e2e2e;} .m_item .red, .m_item .red a { color:#d70202; font-style:normal; } .m_news .bd li { background:url(../images/icon1.jpg) no-repeat 2px center; } .m_news .bd li a { margin-left:13px; } .more{height:30px; margin-top:16px;} .t_more { position:absolute; right:3px; top:0px; font-size:12px; color:#4d4c4c; line-height:51px; height:51px;} #idTransformView1 { overflow:hidden;position:relative; width:100%; height:234px; } .slider{width:2500px; list-style:none} .slider li{float:left; display:inline; } .num{ position:absolute; right:3px; bottom:5px; list-style:none;} .num li{ float: left; color: #fff; text-align: center; line-height: 8px; width: 8px; height: 8px; font-family: Arial; font-size: 10px; cursor: pointer; overflow: hidden; margin: 0 2px 0 3px; background-color:#fff; border-radius:8px;} .num li.on{ color: #fff; line-height: 8px; width: 8px; height: 8px; font-size: 12px; border: 0; background-color:#ff0000;} .m_contact { display:none; } #main_p { background:url(../images/main_bg2.jpg) no-repeat center top; padding:38px 0 64px;} #main_p .hd h2{font-weight:normal; height:26px; line-height:100%; background:url(../images/about_bd2.png) no-repeat center center; font-size:24px; color:#fff; text-align:center;} #main_p .bd{background-color:#fff; height:322px; padding:0 37px; margin-top:34px;} #main_p .bd li{float:left; display:inline; width:198px; margin-top:29px; margin-right:59px;} #main_p .bd figcaption{ line-height:89px; height:89px; overflow:hidden; text-align:center;} #demo1 { width:1226px; margin:0 auto; position:relative; overflow:hidden; } #main_web{display:block;} #main_wap{display:none;} @media screen and (max-width:1099px){ } @media screen and (max-width:640px){ #main_web{display:none;} #main_wap{display:block; padding:3% 3%; width:94%;} .p_lhb{font-size:16px; color:#fff; height:42px; line-height:42px; text-align:center; background:url(../images/p_hb.jpg) no-repeat center bottom; margin-bottom:25px} .p_lx{background:url(../images/p_hbx.jpg) repeat-x center center; margin-top:10px;} .parent{float:left; margin-right:0%; font-size:0; width:48%; max-width:290px; text-align:center;} .parent img{border:1px solid #d9d9d9; width:100%;} .parent .span{height:48px; line-height:48px; width:100%; font-size:12px; color:#484848; overflow:hidden; background-color:#f1f1f0; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; margin-bottom:20px;} .parent_item{width:100%; border:1px solid #c4261d; height:40px; line-height:40px; font-size:14px; color:#c4261d; text-align:center; margin-bottom:10px;} .parent_item a{color:#c4261d; } .nofirst2, .nofirst4, .nofirst6, .nofirst8, .nofirst10{float:right;} .c_about{margin:0 0px 0 0; width:100%;} .m_item{width:92.8%; background:url(../images/hlet_b.jpg) repeat-x 1px 1px; padding:0 19px 20px; border:1px solid #d7d7d7; border-width:1px 1px 3px 1px; position:relative;} .m_join{margin:15px 0; padding:0 19px 13px;} .hb{height:43px; width:100%; border-bottom:1px solid #d6d6d6; margin-bottom:19px;} .hbt{line-height:43px; width:13%; text-align:center; border-bottom:2px solid #016db2; font-size:16px; color:#016db2;} .m_more{font-size:12px; position:absolute; color:#016db2; right:21px; top:17px;} .bd{font-size:14px; color:#2d2d2d; line-height:26px;} .m_case_li{float:left; width:31.8%; margin:0 1.7% 10px 0; padding:0; line-height:0; border:1px solid #dfdfdf; font-size:0;} .m_case_li img{border:0px;} }