@charset "utf-8"; body { font-size: 12px; font-family:"微软雅黑"; margin: 0px; padding: 0px; color: #333; background:#fff; min-width:1200px; } ul { margin: 0px; padding: 0px; } a { color: #333; text-decoration: none; } a:hover { color:#08ac08; } p { margin: 0px; } li { list-style-type: none; } dl, dd, dt, img { margin: 0px; padding: 0px; border:0px; } h1, h2, h3 { margin: 0px; padding: 0px; } em { font-style: normal; } .r_t_15 { margin-top: 15px; } .r_t_12 { margin-top: 12px; width:1180px; margin:10px auto; } .r_12 { } .r_l_12 { padding:12px 10px; } .m_12{margin-top: 12px} .w1180 { height: auto; width: 1180px; margin-right: auto; margin-left: auto; clear: both; float: none; position: relative; } .remove { clear: both; float: none; font-size: 1px; line-height: 1px; } .container1 { position: relative; } #main .size1 { height: 710px; } /*通用最顶部副导航*/ .loginbar { height: 30px; background:#f2f2f2; background-repeat: repeat-x; background-position: bottom; border-bottom:1px solid #ececec; color:#555; } .loginbar .container { height: 30px; line-height: 30px; overflow: hidden; } .loginbar .container .hd_left{ width:280px; height:30px; background:url(../img/ggicon.gif) center left no-repeat; float:left; padding-left:25px;} .loginbar .container .hd_left .gg01{ width:280px;line-height:30px; background:url(../img/ggsj.gif) center right no-repeat; float:left} .loginbar .container .hd_left a:hover{ color:#08ac08; } .loginbar .container .hd_left .gg01 ul{ width:278px; position:absolute; z-index:999; background:#fff; display:none; border-left:1px solid #ececec;border-right:1px solid #ececec; border-bottom:1px solid #ececec;} .loginbar .container .hd_left .gg01:hover ul{ display:block;} .loginbar .container .hd_left .gg01 ul li{ width:260px; padding-left:20px; height:24px; line-height:24px; margin:5px 0; background:url(../img/liststyle.png) 10px 10px no-repeat;} .loginbar .container .hd_left .gg01 ul li a{ color:#666;} .loginbar .container .hd_left .gg01 ul li a:hover{color:#08ac08;} .loginbar .container .sidebar { float: right; color: #CCCCCC; height:30px; line-height: 30px; } .loginbar .container .sidebar span { margin-right:10px } .loginbar .container .sidebar a {; margin-left: 5px; margin-right:5px; color:#555; font-size:12px; font-family:"微软雅黑"; } /*通用最顶部副导航结束*/ .logobox { height: 100px; overflow: hidden; clear: both; float: none; } .logobox .container .weibo { float:right; } .logobox .container .weibo a{ font-size:12px; font-family:"微软雅黑"; color:#333; } .logobox .logo_img { height: 70px; width:410px; margin-top:15px; float:left; } .logobox .container .tel { float: right; right: 0px; width: 270px; bottom:0px; margin-top: 20px; } .logobox .container .tel .tellist { float: right; } .logobox .container .tel .telico { padding-top: 7px; padding-right: 5px; float: left; } .logobox .container .tel div { float: right; } .logobox .container .tel div dl { display: block; clear: both; float: none; height: 30px; } .logobox .container .tel div dl .c404 { letter-spacing: 0.02cm; padding-top: 4px; } .logobox .container .tel div dl dt { height: auto; margin: 0px; font-size: 14px; font-weight: bold; padding-top: 6px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .logobox .container .tel div dl dd { height: auto; font-size: 21px; font-weight: bold; color:#08ac08; margin: 0px; padding: 0px; float: none; white-space: nowrap; font-family:"微软雅黑"; clear: both; line-height: normal; } .logobox .container .top_weibo { position: absolute; top: 5px; right: 0px; height: 35px; z-index: 10; background-image: url(../img/line_shodow_s.gif); background-repeat: no-repeat; background-position: right bottom; } .wb, .logobox .container .top_weibo ul li { line-height: 30px; height: 30px; width: 84px; text-align: right; padding-left: 20px; background-repeat: no-repeat; background-position: left center; } .logobox .container .top_search { position: absolute; top: 20px; right: 0px; height: 27px; width: 248px; z-index: 3; background-image: url(../img/search_01.gif); background-repeat: no-repeat; background-position: left; } .logobox .container .top_search span { display: block; float: left; height: 27px; width: 54px; } .logobox .container .top_search .box input { line-height: 16px; height: 16px; border: 1px solid #FFFFFF; width: 160px; margin-top: 3px; margin-left: 30px; font-family: "微软雅黑"; color: #666666; } .logobox .container .top_search .box { width: 194px; } .topnav { background:#08ac08; height: 46px; } .nav_fixed { position:fixed; top:0px; zoom:999; } .topnav .container{ position:relative; } .topnav .container .topnav ul li { float: left; height: 46px; padding-right: 0px; list-style-type:none; width:125px; } .topnav .container .topnav ul .navline{ width:2px; height:46px; background:url(../img/navline.gif) no-repeat; }.topnav .container .topnav ul li a { display: block; float: left; height: 46px; font-size: 14px; line-height: 46px; font-weight: bold; color: #FFFFFF; background-repeat: no-repeat; background-position: center; padding-right: 17.2px; width:122px; text-align:center; _padding-right: 14px; _padding-left: 14px; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; } .box_search { width: 100%; position: absolute; height: 36px; background:#f1f0f0; z-index:99; display:none; } .topnav .container .topnav ul li a:hover, .topnav .container .topnav ul li.Current { color: #FFF; background:#026402; text-decoration: none; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; } .hot_search { height: 36px; width: 1180px; margin:0 auto; position: relative; z-index: 4; } .hot_search .container { height: 36px; position: absolute; left: 0px; top: 0px; width: 1180px; z-index: 5; background-repeat: repeat-x; } .hot_search .sobox { height: 36px; position: relative; } .hot_search .sobox .hot_keyword { line-height: 22px; position: absolute; top: 8px; color: #666666; } .hot_search .sobox .hot_keyword a { color: #666; margin-right: 10px; margin-left: 10px; font-size:12px; font-family:"微软雅黑"; } .hot_search .sobox .hot_keyword a:hover{color:#08ac08;} .hot_search .top_search { position: absolute; top: 5px; right: 0px; height: 27px; z-index:3; background-repeat: no-repeat; background-position: left; } .hot_search .top_search span { display: block; float: left; height: 23px; width:auto; } .hot_search .top_search .box input { font-size: 11px; line-height: 22px; height: 20px; background-color: #fff; border: 1px solid #ccc; /* -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius:16px;*/ width:160px; padding-left:10px; margin-top: 0px; margin-left: 14px; font-family: "微软雅黑"; color: #939393; } .hot_search .top_search .box { width: 168px; } .hot_search .top_search span .btsub {background-color: #FFFFFF;border: 1px none;height: 24px;width: 50px;background-repeat: no-repeat;} #header .banner { height: 425px; width: 100%; margin-right: auto; margin-left: auto; background-image: url(../img/banner.jpg); background-repeat: no-repeat; background-position: center top; } #main .main_summary { height: 92px; position: relative; z-index: 10000000; } #main .main_summary div { position: absolute; left: 0px; bottom: 0px; z-index: 100000000; } .picbox { position: absolute; z-index: 1; } #main .container1 .c1 { position: absolute; z-index: 2; left: 120px; font-size: 32px; line-height: 48px; color: #FFFFFF; top: 35px; } #main .container1 .c1 em { color: #fffc00; } #main .container1 .c2 { position: absolute; left: 40px; top: 120px; z-index: 2; width: 420px; } #main .container1 .c2 ul li { line-height: 24px; font-size: 16px; padding-top: 15px; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; } #main .container1 .c2 ul li strong { color: #ff5a00; } #main .container1 .c2 ul li span { display: block; float: left; height: 50px; width: 50px; line-height: 50px; text-align: center; font-size: 60px; font-style: italic; color: #ff5a00; padding-right: 10px; font-family: "Times New Roman", Times, serif; font-weight: bold; } #main .container1 .c3 { position: absolute; top: 435px; z-index: 2; width: 420px; right: 40px; } #main .container1 .c3 ul li { line-height: 24px; font-size: 16px; padding-top: 15px; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; } #main .container1 .c3 ul li strong { color: #ff5a00; } #main .container1 .c3 ul li span { display: block; float: left; height: 50px; width: 50px; line-height: 50px; text-align: center; font-size: 60px; font-style: italic; color: #ff5a00; padding-right: 10px; font-family: "Times New Roman", Times, serif; font-weight: bold; } .product_nav ul { background-image: url(../img/09.gif); height: 47px; } .product_nav ul li { float: left; height: 47px; width: 334px; } .product_nav ul li a { display: block; float: left; height: 47px; font-size: 18px; color: #FFFFFF; font-weight: bold; line-height: 47px; width: 334px; text-align: center; } #main .product_nav .Current a { background-position: bottom; color: #000000; background-image: url(../img/09.gif); } .product_nav ul li a:hover { background-image: url(../img/09.gif); background-repeat: no-repeat; background-position: left bottom; color: #000000; text-decoration: none; } .product_nav ul .n2 a:hover { background-position: -334px bottom; } .product_nav ul .n3 a:hover { background-position: right bottom; } .container1 .piclist { height: 302px; width: 1002px; overflow: hidden; clear: both; float: none; } .container1 .piclist ul li { height: 302px; width: 1002px; } .container1 .piclist ul li div { font-size: 14px; line-height: 22px; padding-top: 50px; padding-right: 50px; padding-left: 60px; } .container1 .piclist ul li div span { font-size: 20px; color: #0088E1; } .container1 .piclist ul li div span p { padding-top: 8px; } .container1 .piclist ul li div p { padding-top: 12px; } .container1 .piclist ul li div span strong { font-size: 26px; } .new_Product_box { background-image: url(../img/11.gif); background-repeat: repeat-y; margin-top: 12px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #F2F2F4; border-bottom-color: #F2F2F4; padding-bottom: 20px; } .new_Product_box .left_class { float: left; height: auto; width: 230px; margin-left: 10px; margin-top: 20px; } .new_Product_box .right_productlist { float: right; width: 712px; margin-top: 20px; margin-right: 10px; } .new_Product_box .left_class ul li { width: 230px; height: 58px; line-height: 58px; background-image: url(../img/12.gif); } .new_Product_box .left_class ul li a { display: block; height: 58px; width: 230px; background-image: url(../img/12.gif); font-size: 15px; } .new_Product_box .left_class ul li a img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; margin-top: 10px; margin-right: 5px; margin-left: 5px; } .new_Product_box .left_class ul li a:hover, .new_Product_box .left_class ul .Current a { background-image: url(../img/13.gif); color: #FFFFFF; text-decoration: none; } .new_Product_box .right_productlist ul li { height: 355px; width: 355px; float: left; display: block; } .new_Product_box .right_productlist ul li .pic { height: 355px; width: 355px; } .new_Product_box .right_productlist ul li .pic span { display: block; height: 355px; width: 355px; } .new_Product_box .right_productlist ul li .pic { height: 355px; width: 355px; margin-right: auto; margin-left: auto; text-align: center; display: table; } .new_Product_box .right_productlist ul li .pic span { display: table-cell; vertical-align: middle; } .new_Product_box .right_productlist ul li .pic { *position: relative; *overflow: hidden; }/*IE6*/ .new_Product_box .right_productlist ul li .pic span { *position: absolute; *left: 50%; *top: 50%; }/*IE6*/ .new_Product_box .right_productlist ul li .pic span img { *position: relative; *left: -50%; *top: -50%; }/*IE6*/ .new_Product_box .right_productlist ul li .text { text-align: center; font-size: 18px; font-weight: bold; padding-top: 5px; padding-bottom: 5px; } .new_Product_box .right_productlist ul li p { line-height: 22px; color: #666666; padding-right: 10px; padding-left: 10px; } .new_Product_box .right_productlist ul li p img { float: right; margin-right: 8px; } .container1 .guarantee_box { height: 280px; width: 1002px; background-image: url(../img/15.jpg); } .container1 .guarantee_box ul li { float: left; height: auto; width: 210px; padding-right: 20px; padding-left: 20px; line-height: 26px; color: #666666; padding-top: 20px; } .container1 .guarantee_box ul li strong { font-size: 18px; color: #0088E1; } #main .adbox1 { background-image: url(../img/18.gif); height: 63px; text-align: center; color: #FFFFFF; font-size: 16px; line-height: 28px; padding-top: 10px; } #main .adbox1 strong { font-size: 24px; } #main .adbox1 span { color: #fffc00; } .superiority_box { height: 384px; width: 100%; background-repeat: no-repeat; background-position: center top; } .superiority_box .box { height: 384px; position: relative; } .superiority_box .box .pic { position: absolute; z-index: 2; left: 185px; top: 116px; } .superiority_box .box ul li { position: absolute; line-height: 24px; z-index: 3; } .superiority_box .box ul li span { font-size: 42px; display: block; float: left; font-style: italic; font-family: "Times New Roman", Times, serif; font-weight: bold; color: #0088E1; } .superiority_box .box ul li strong { color: #ff5a00; font-size: 18px; } .superiority_box .box ul li p { clear: both; float: none; padding-top: 8px; } .superiority_box .box ul .n1 { left: 10px; top: 20px; width: 380px; } .superiority_box .box ul .n2 { top: 20px; right: 10px; width: 370px; } .superiority_box .box ul .n3 { left: 10px; top: 205px; width: 380px; } .superiority_box .box ul .n4 { top: 205px; right: 10px; width: 415px; } #main .reasons_join { height: 792px; background-repeat: no-repeat; background-position: center top; } #main .reasons_join .contents { height: 792px; position: relative; } #main .reasons_join .contents .title { position: absolute; z-index: 4; left: 80px; top: 20px; color: #FFFFFF; } #main .reasons_join .contents .title .hs { color: #fffc00; font-size: 42px; line-height: 42px; font-style: italic; padding-right: 7px; } #main .reasons_join .contents .title span { display: block; white-space: nowrap; float: left; font-size: 24px; font-weight: bold; line-height: 42px; } #main .reasons_join .contents .gift { position: absolute; top: 100px; z-index: 4; left: 80px; } #main .reasons_join .contents .gift ul li { font-size: 16px; line-height: 86px; } #main .reasons_join .contents .gift ul li span { font-weight: bold; } #main .reasons_join .contents .gift ul li strong { color: #FF0000; } #main .reasons_join .contents .join_protection { position: absolute; top: 90px; right: 15px; width: 278px; } #main .reasons_join .contents .join_protection p { font-size: 32px; color: #ff5a00; font-weight: bold; padding-left: 21px; } #main .reasons_join .contents .join_protection ul li { height: 29px; width: 257px; line-height: 29px; padding-left: 20px; font-size: 14px; margin-top: 15px; } #main .reasons_join .contents .join_protection ul li span { color: #ff5a00; } #main .reasons_join .contents .join_protection ul li:hover { background-image: url(../img/20.gif); } #main .reasons_join .contents .join_protection ul li:hover span { color: #FF0000; } #main .reasons_join .contents .text1 { position: absolute; bottom: 70px; z-index: 5; left: 348px; font-size: 24px; color: #FF0000; width: 532px; } #main .reasons_join .contents .text1 img { float: right; margin-top: 5px; margin-right: 10px; } #main .reasons_join .contents .text1 strong { font-size: 36px; color: #0088E1; } /*通用区块开始*/ .block_title .left_name { height: 32px; line-height: 32px; font-size: 14px; font-weight: bold; color:#444; padding-left:32px; background-repeat: no-repeat; background-position: 12px center; } .block_title{ height: 27px; line-height: 27px; background:url(../img/titleicon3.gif) 3px 3px no-repeat; text-indent:30px; border-bottom:1px dashed #026402; } .block_box{ width:910px; padding:10px; height: auto; } .block_title_a { height: 35px; font-size: 14px; line-height: 35px; padding-left:30px; color:#026402; background:url(../img/link.gif) no-repeat 10px 13px; border-bottom: 1px dashed #D8D8D8; font-weight:bold; } .block_title2 { height: 32px; line-height: 32px; background-image: url(../img/block_02.gif); background-repeat: repeat-x; background-position:0 bottom; } .block_title .name2 { font-size: 14px; } .block_title .more1 { display:block; float: right; height:30px; width: 44px; vertical-align: middle; margin-top: 8px; } .block_title .more1 a { display: block; height: 16px; width: 44px; background-image: url(../img/more.gif); } .block_title .more2 { display:block; float: right; height:30px; vertical-align: middle; margin-top: 8px; color: #999; } .block_title .more2 a { display: block; height: 16px; line-height:16px; color: #999; } /*通用区块开始结束*/ /*通用区块开始(纯色)*/ .block_title1 .l { float: left; height: 34px; width: 4px; background-color: #0088E1; } .block_title1 .r { float: right; width: 4px; height: 34px; background-color: #0088E1; } .block_title1 .name { line-height: 34px; font-size: 16px; font-weight: bold; padding-left: 30px; color: #FFFFFF; background-color: #0088E1; } .block_title1 .name a { color: #FFFFFF; text-decoration: none; } .block_title1 .more1 { display: block; float: right; margin-top: 9px; margin-right: 8px; height: 16px; width: 44px; } .block_title1 .more1 a { display: block; height: 16px; width: 44px; background-image: url(../img/more.gif); } /*通用区块开始(纯色)结束*/ /*通用区块结束*/ .P_20 { padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .witness_li li { float: left; height: 128px; width: 50%; line-height: 24px; color: #999; } .witness_li li p { padding-bottom: 8px; } .witness_li li strong a { font-size: 14px; } .witness_li li img { float:right; margin-right: 10px; margin-top: 3px; margin-left:10px; padding:2px; border:1px solid #e8e8e8; } .witness_li li img:hover { border: 1px solid #FDAE02; } .witness_li li p { padding-top: 5px; padding-right: 12px; } .witness_li li p a { color: #FF0000; } .franchisee_show { height: 230px; margin-top: 15px; padding-bottom: 15px; } .franchisee_show .l { float: left; width: 22px; height: 86px; margin-top: 60px; cursor: pointer; } .franchisee_show .r { float: right; width: 22px; height: 86px; margin-top: 60px; cursor: pointer; } .franchisee_show .piclist { width: 938px; float: left; margin-left: 9px; height: 230px; } .franchisee_show .piclist ul li { float: left; width: 234px; text-align: center; } .franchisee_show .piclist ul li .pic { height: 210px; width: 210px; margin-right: auto; margin-left: auto; text-align: center; display: table; } .franchisee_show .piclist ul li .pic span { display: table-cell; vertical-align: middle; } .franchisee_show .piclist ul li .pic { *position: relative; *overflow: hidden; }/*IE6*/ .franchisee_show .piclist ul li .pic span { *position: absolute; *left: 50%; *top: 50%; }/*IE6*/ .franchisee_show .piclist ul li .pic span img { *position: relative; *left: -50%; *top: -50%; }/*IE6*/ .franchisee_show .piclist ul li p { padding-top: 3px; } .s_banner1 { border: 1px solid #e7e7e7; width: 1000px; } .illustration_bg1 { background-repeat: no-repeat; background-position: right top; } .home_about_text { padding-top: 20px; } .home_about_text .video { width: 292px; padding-bottom: 53px; background-image: url(../img/22.jpg); float: left; background-repeat: no-repeat; background-position: bottom; } .home_about_text .text { float: left; padding-left: 20px; width: 405px; font-size: 14px; line-height: 24px; } .home_about_text .text p { padding-top: 12px; } .home_about_text .text strong { color: #0088E1; font-size: 24px; } .home_about_text .text span { font-size: 12px; display: block; margin-top: 8px; background-image: url(../img/23.jpg); background-repeat: no-repeat; background-position: 0px center; padding-left: 12px; } .home_about_text .text span a { color: #7D3D0D; } .style_show ul li { float: left; height: 186px; width: 177px; text-align: center; margin-right: 22px; display: inline; } .style_show ul li p { padding-top: 10px; } .home_news_class { position: relative; height: 34px; float: left; } .home_news_class .container { position: absolute; top: 0px; height: 39px; left: -4px; overflow: hidden; } .home_news_class .container ul li { float: left; height: 39px; background-image: url(../img/kb.gif); padding-left: 3px; background-repeat: no-repeat; } .home_news_class .container ul li:hover, .home_news_class .container ul .Current { background-image: url(../img/tt_bg_01.gif); } .home_news_class .container ul li span { height: 39px; float: left; background-image: url(../img/kb.gif); white-space: nowrap; background-repeat: no-repeat; padding-right: 3px; background-position: right; } .home_news_class .container ul li:hover span, .home_news_class .container ul .Current span { background-image: url(../img/tt_bg_03.gif); } .home_news_class .container ul li span a { display: block; float: left; height: 39px; padding-right: 22px; padding-left: 22px; background-image: url(../img/kb.gif); background-repeat: no-repeat; background-position: center; font-size: 14px; font-weight: bold; line-height: 36px; } .home_news_class .container ul li:hover span a, .home_news_class .container ul .Current span a { color: #FFFFFF; text-decoration: none; background-image: url(../img/tt_bg_02.gif); } .w342 { width: 342px; } .w650 { width: 650px; } .w600 { width: 600px; } .w338 { width: 330px; margin-left: 30px; } .home_news_hot { padding-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e9e9e9; padding-top: 5px; } .home_news_hot p { line-height: 23px; color: #666666; padding-top: 5px; } .home_news_hot p a { font-size: 12px; color: #ff5a00; font-weight: normal; } .home_news_hot a { font-size: 18px; font-weight: bold; } .home_news_hot img { float: left; margin-right: 12px; margin-top: 3px; } .home_news_contents { padding-top: 15px; float: left; } .home_news_contents .new_list ul { margin-top: 13px; } .home_news_contents .new_list ul li { float: left; height: 28px; width: 300px; line-height: 28px; } .home_news_contents .new_list ul li a { display: block; width: 280px; padding-left: 20px; background-image: url(../img/n_ico.gif); background-repeat: no-repeat; background-position: 0px 8px; } .home_news_contents .illustration { padding-top: 7px; padding-bottom: 10px; } .common_li ul { background-position: top; } .common_li ul li { line-height: 28px; display: block; border-bottom:1px dashed #bbb; background-image:url(../img/list-style.png); background-repeat: no-repeat; background-position: 0px center; padding-left: 12px; margin:5px 0; } .common_li ul li:hover{} .qa_list { float:left; width:480px; height: 120px; } .qa_list dt { font-size: 15px; font-weight: bold; line-height: 25px; height: 25px; margin-top: 10px; } .qa_list dt span { display: block; line-height: 24px; height: 25px; width: 25px; float: left; background-image: url(../img/q_bg.gif); text-align: center; font-weight: normal; color: #FFFFFF; margin-right: 5px; } .qa_list dd { line-height: 22px; margin-top: 5px; } .qa_list dd span { display: block; height: 25px; width: 25px; float: left; line-height: 24px; background-image: url(../img/a_bg.gif); text-align: center; color: #FFFFFF; font-size: 15px; margin-right: 5px; } .qa_list dd div { padding-right: 10px; color: #666666; padding-bottom: 12px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; } .order_form { height: auto; width: 960px; margin-right: auto; margin-left: auto; border: 1px solid #e7e7e7; padding-top: 12px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .left_join_process { float: left; width: 462px; height: auto; } .left_join_process .contact { background-repeat: no-repeat; background-position: left 10px; padding-top: 253px; line-height: 24px; padding-left: 5px; padding-bottom: 8px; } .left_join_process .contact strong { font-size: 14px; } .order_form .topic { height: 31px; position: relative; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #0088E1; } .order_form .topic span { display: block; float: left; height: 31px; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #ffe400; position: absolute; left: 0px; top: 0px; font-size: 16px; font-weight: bold; padding-right: 15px; line-height: 30px; white-space: nowrap; } .order_form .topic span img { float: left; margin-right: 5px; } .right_application { float: right; width: 465px; height: auto; } .right_application .contact .review { line-height: 24px; padding-top: 10px; padding-bottom: 12px; } /*申请表*/ /* .sq_forms{ width: 268px; margin-right: auto; margin-left: auto; margin-top: 15px; } .sq_forms .l_text{line-height: 25px;height: 25px;float: left;width: 72px;text-align: right;padding-bottom: 10px;} .sq_forms .r_lyk{ width: 185px; float: left; } .sq_forms .input1 input{ border: 1px solid #c6c6c6; line-height: 22px; height: 22px; width: 143px; background-image: url(../img/input_bg.gif); background-repeat: repeat-x; background-position: top; background-color: #FFFFFF; } .sq_forms .textarea1{padding-bottom: 10px;} .sq_forms .textarea1 textarea{ width: 163px; border: 1px solid #cacaca; height: 80px; background-color: #FFFFFF; background-image: url(../img/input_bg.gif); background-repeat: repeat-x; background-position: top; } .sq_forms .r_lyk span{float: left;display: block;line-height: 24px;padding-right: 5px;} .sq_forms .r_lyk span img{margin-top: 2px;} .sq_forms .r_lyk span input{border: 1px solid #c6c6c6;line-height: 22px;height: 22px;width: 50px;} .sq_forms .an span{ padding-right: 2px; } .sq_forms .an span input{height: auto;width: auto;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;} #footer{ clear: both; float: none; margin-top: 15px; height: auto; } */ /*申请表*/ .sq_forms { width: 400px; margin-left:50px; margin-top:10px; } #main .sq_forms { width: 500px; margin-left:50px; margin-top:10px; } .sq_forms .l_text { line-height: 25px; height: 25px; float: left; width:84px; text-align: right; margin-top:10px; } .sq_forms .l_text2 { line-height: 25px; height: 25px; float: left; width:84px; text-align: right; margin-top:20px; } .sq_forms .r_lyk { width: 300px; float: left; margin-top:10px; } #main .sq_forms .r_lyk { width: 330px; float: left; margin-top:10px; } .sq_forms .r_lyk2 { width: 400px; float: left; margin-top:20px; } .sq_forms .input1 input { border: 1px solid #c6c6c6; line-height: 22px; height: 22px; width:350px; background-image: url(../img/input_bg.gif); background-repeat: repeat-x; background-position: top; background-color: #FFFFFF; } .sq_forms .textarea1 textarea { color:#666; width:350px; border: 1px solid #cacaca; height: 60px; background-color: #FFFF; background-repeat: repeat-x; background-position: top; } .sq_forms .r_lyk span { float: left; display: block; line-height: 24px; padding-right: 10px; } .sq_forms .r_lyk span img { margin-top: 2px; } .sq_forms .r_lyk span input { border: 1px solid #c6c6c6; line-height: 22px; height: 22px; width: 64px; } .sq_forms .an span { padding-right: 15px; } .sq_forms .an span input { height: auto; width: auto; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #footer { clear: both; float: none; width: 100%; margin-top: 15px; } /*申请表*/ /*申请表*/ #pages_main { margin-top:36px;} #pages_main .pages_right { float: right; height: auto; width: 770px; margin-bottom: 20px; padding-bottom: 10px; border: 1px solid #E2E2E2; overflow: hidden; background:#FFF; } #footer .link { background-image: url(../img/links_bg.gif); border-top-width: 3px; border-top-style: solid; border-top-color: #0088E1; } #footer .link .box { width: 1002px; overflow: hidden; } #footer .link .box div { width: 1022px; padding-top: 5px; padding-bottom: 5px; } #footer .link em { display: block; float: left; background-image: url(../img/links_title.gif); height: 23px; width: 102px; line-height: 22px; text-align: center; font-size: 14px; font-weight: bold; color: #FFFFFF; } #footer .link span { display: block; float: left; line-height: 24px; white-space: nowrap; height: 24px; padding-right: 20px; padding-left: 20px; } #footer .subnav { height: 37px; width: 100%; text-align: center; line-height: 36px; color: #FFFFFF; background-color: #0f70cb; } #footer .subnav a { color: #FFFFFF; font-size: 14px; padding-right: 10px; padding-left: 10px; } .copyright { height: auto; width: 983px; margin-right: auto; margin-left: auto; } .copyright .l_img { float: left; margin-top: 8px; padding-left: 20px; width: 165px; } .copyright .info { line-height: 24px; text-align: left; width: 720px; margin-right: auto; margin-left: auto; float: left; padding-left: 15px; border-left-width: 1px; border-left-style: solid; border-left-color: #eaeaea; } .copyright .r_wa { float: right; padding-top: 15px; padding-right: 10px; } .copyright .r_wa img { margin-right: 10px; } /*左侧产品分类*/ .left_nav { padding-right: 10px; padding-left: 10px; padding-top: 6px; padding-bottom: 12px; } .left_nav li { height: auto; clear: both; float: none; border:1px solid #ccc; margin-bottom:6px; } .left_nav li span { display: block; font-size: 14px; margin-top: 6px; line-height: 32px; height: 32px; } .left_nav li span a { display: block; line-height: 30px; font-weight: bold; color: #000000; padding-left: 20px; background-image: url(../img/titleicon.gif); background-position:10px 10px; background-repeat: no-repeat; overflow: hidden; height: 32px; } .left_nav li span a#Current { color: #08ac08; } .left_nav li .ejfl { clear: both; float: none; padding-bottom: 5px; padding-left: 10px; } .left_nav li .ejfl span { float: left; font-size: 12px; white-space: nowrap; line-height: 24px; height: 24px; margin: 0px; width: auto; } .left_nav li .ejfl span a { background-image: none; height: auto; line-height: 24px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; font-weight: normal; background-repeat: no-repeat; color: #838383; } .left_nav li .ejfl span a:hover { color: #FFFFFF; text-decoration: none; } /*左侧产品分类*/ .pages_left .block_box .container { line-height: 24px; padding-left: 10px; padding-right: 5px; padding-bottom: 12px; padding-top: 10px; } .left_hot_products ul { height: auto; width: 192px; margin-right: auto; margin-left: auto; padding-top: 15px; padding-bottom: 5px; } .left_hot_products ul li { width: 192px; text-align: center; padding-bottom: 10px; } .left_hot_products ul li .pic { height: 186px; width: 190px; border:1px solid ##E7E7E7; margin-right: auto; margin-left: auto; text-align: center; display: table; border: 1px solid #e7e7e7; } .left_hot_products ul li .pic span { display: table-cell; vertical-align: middle; } .left_hot_products ul li .pic { *position: relative; *overflow: hidden; }/*IE6*/ .left_hot_products ul li .pic:hover { border: 1px solid #e71826; } .left_hot_products ul li .pic span { *position: absolute; *left: 50%; *top: 50%; }/*IE6*/ .left_hot_products ul li .pic span img { *position: relative; *left: -50%; *top: -50%; }/*IE6*/ .franchisee_show .piclist ul li p { padding-top: 3px; } .left_hot_products ul li p { padding-top: 2px; line-height: 22px; background:#ccc; height:24px; } .left_hot_products ul li p a{ font-size:12px; color:#333; } .block_title .location { float: right; line-height: 22px; color: #999999; display:block; height:27px; line-height:27px; } .block_title .location a { color: #999; font-size:12px; } .block_title .location a:hover { color:#08ac08;} .block_title .location_a { float: right; line-height: 22px; padding-top:12px; color: #999999; } .block_title .location_a a.h_h { display: inline-block; color: #999; height:20px; line-height: 20px; text-align: center; transition: all 0.2s ease-out 0s; } .block_title .location_a a { display: inline-block; background:url(../img/+more.png) 5px 6px no-repeat; color: #999; height:20px; line-height: 20px; width:50px; text-align: center; } .block_title .location_a a:hover{ background:url(../img/+more2.png) 5px 6px no-repeat;} .title2 .location { font-family: '宋体'; float: right; line-height: 22px; padding-top:8px; padding-right:10px; color: #999999; } .title2 .location a { color: #999; } .title2 .location a:hover { color:#FA8405;} .title2 .location_a { float: right; line-height: 22px; padding-top:12px; padding-right:5px; color: #999999; } .title2 .location_a a.h_h { display: inline-block; color: #999; height:20px; line-height: 20px; width:68px; padding-left:10px; background: url(../img/h.gif) 6px 3px no-repeat; text-align: center; border:1px solid #D3D6D9; border-radius:16px; -moz-radius:16px; -webkit-radius:16px; transition: all 0.2s ease-out 0s; } .title2 .location_a a.h_h:hover{color:#FA8405;background: url(../img/h_h.gif) 6px 3px no-repeat} .title2 .location_a a { display: inline-block; background:url(../img/+more3.png) 5px 0px no-repeat; color: #999; height:20px; line-height: 20px; width:50px; text-align: center; } .title2 .location_a a:hover{ background:url(../img/+more2.png) 5px 0px no-repeat;} .title2 .name{ height:25px; font-size:14px; font-family:"微软雅黑"; color:#fff; font-weight:bold; padding-top:7px; padding-left:24px; background: url(../img/titleicon.gif) 10px 10px no-repeat;} .cplist ul { width: 1180px; } .hot ul { width: 944px; margin-left:172px; } .hot ul li { display: block; height:172px; width: 210px; text-align: center; float: left; border:1px solid #ccc; margin-top:18px; height: auto; display: inline; margin-right:16px; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); } .hot ul li:hover{border:1px solid #e71826; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; } .cplist { clear: both; float: none; height:242px; width: 100%; } .cplist ul li { display: block; height:290px; width: 270px; text-align: center; float: left; margin:20px 11px; display: inline; position:relative; } .cplist2 ul li { display: block; height:290px; width: 270px; text-align: center; float: left; margin:20px 19px; display: inline; position:relative; } .cplist ul li:hover .pic{border:1px solid #08ac08; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; } .cplist ul li:hover p{ background:#08ac08; } .cplist ul li:hover p a{ color:#fff; } .cplist ul li .pic { height: 270px; width: 270px; margin-right: auto; margin-left: auto; text-align: center; display: table; overflow: hidden; border:1px solid #ccc; padding:0; background:#fff; } .cplist ul li .pic span { display: table-cell; vertical-align: middle; } .cplist ul li .pic { *position: relative; *overflow: hidden; }/*IE6*/ .cplist ul li .pic span { *position: absolute; *left: 50%; *top: 50%; }/*IE6*/ .cplist ul li .pic span img { *position: relative; *left: -50%; *top: -50%; max-width:100%; }/*IE6*/ .cplist2 ul li:hover .pic{border:1px solid #08ac08; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; } .cplist2 ul li:hover p{ background:#08ac08; } .cplist2 ul li:hover p a{ color:#fff; } .cplist2 ul li .pic { height: 270px; width: 270px; margin-right: auto; margin-left: auto; text-align: center; display: table; overflow: hidden; border:1px solid #ccc; } .cplist2 ul li .pic span { display: table-cell; vertical-align: middle; } .cplist2 ul li .pic { *position: relative; *overflow: hidden; }/*IE6*/ .cplist2 ul li .pic span { *position: absolute; *left: 50%; *top: 50%; }/*IE6*/ .cplist2 ul li .pic span img { *position: relative; *left: -50%; *top: -50%; max-width:100%; }/*IE6*/ .cplist2 ul li p { display: block; height:40px; width: 214px; line-height: 40px; background-color:#ccc; position:absolute; left:28px; top:250px; } .cplist2 ul li p a{display: block; height:26px;width: 220px; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; color:#111; font-size:12px; } .franchisee_show .piclist ul li p { padding-top: 3px; } .cplist ul li p { display: block; height:40px; width: 214px; line-height: 40px; background-color:#ccc; position:absolute; left:28px; top:250px; } .cplist ul li p a{display: block; height:26px;width: 220px; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; color:#111; font-size:12px; } .bottomnewslist { padding-top: 8px; padding-bottom: 8px; margin-left: 10px; } /*.bottomnewslist ul{background-image: url(../img/list_line-bg.gif);background-position: top;}*/ .bottomnewslist li { height: 32px; margin-right:20px; border-bottom: 1px dashed #CECECE; padding-left: 10px; line-height: 32px; width: 430px; float:left; display:inline; background:url(../img/news-titlebg.gif) 0 15px no-repeat; } .bottomnewslist li:hover{ } .bottomnewslist li span { float: right; color: #999999; } /*分页代码的样式*/ .Pagebox { margin-top:25px; clear: both; float: none; height: auto; width: 100%; } .Pagebox .PageStyle a { float: left; font-size: 12px; background-repeat: repeat-x; background-position: bottom; border: 1px solid #aeaeae; color: #666; height: 15px; padding-right: 7px; padding-left: 7px; margin-right: 2px; margin-left: 2px; background-color: #FFFFFF; line-height: 12px; padding-top: 3px; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; } .Pagebox .PageStyle a:hover { background-color: #08ac08; background-image: none; text-decoration: none; color: #FFFFFF; border:1px solid #08ac08; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; } .Pagebox .PageStyle b { display: block; float: left; background-image: none; background-repeat: repeat-x; background-position: bottom; border: 1px solid #aeaeae; height: 18px; line-height: normal; padding-right: 5px; padding-left: 5px; margin-right: 2px; margin-left: 2px; background-color: #FFFFFF; color: #A37A46; } .Pagebox .PageStyle .text { font-weight: normal; background-image: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; line-height: 14px; padding-top: 3px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: transparent; height: 18px; } .Pagebox .PageStyle span { float: left; height: 18px; width: auto; line-height: 14px; color: #2E475F; } .Pagebox .PageStyle .inputbox { width:30px; height:18px; text-align: center; border: 1px solid #aeaeae; line-height: normal; color: #474747; } .Pagebox .PageStyle { font-weight: normal; background-image: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; line-height: 18px; color: #535353; } .Pagebox .PageStyle .btnGo { font-size: 12px; background:#E9E7E6; background-repeat: repeat-x; background-position: bottom; color: #666; height: 19px; line-height: 14px; padding-right: 5px; padding-left: 5px; margin-right: 2px; margin-left: 2px; cursor: pointer; border: 1px solid #AEAEAE; font-family: "微软雅黑"; } .Pagebox .PageStyle .btnGo:hover { background:#e71826; color:#FFF; border:1px solid #e71826; } .Pagebox .PageStyle .cpb { display: block; float: left; background-color:#08ac08; border: 1px solid #08ac08; color: #FFF; height: 18px; line-height: 18px; padding-right: 7px; padding-left: 7px; ; margin-right: 2px; margin-left: 2px; } /*分页代码的样式结束*/ /*留言通用代码*/ .feedback_box { clear: both; float: none; padding-bottom: 10px; padding-top: 10px; } .feedback_box .feedback_conseils { font-size: 14px; font-weight: bold; } .feedback_box .member_message_box { width: 580px; margin-right: auto; margin-left: auto; margin-top: 15px; } .feedback_box .member_message_row { padding-top: 5px; padding-bottom: 5px; } .feedback_box .member_message_row .member_message_name { float: left; width: 100px; text-align: right; line-height: 28px; } .feedback_box .member_message_row .member_message_fill { float: left; line-height: 28px; } .feedback_box .member_message_row .member_message_fill span { display: block; float: left; line-height: 28px; padding-right: 5px; } .feedback_box .member_message_row .member_message_fill div { line-height: 28px; float: left; width: 171px; } .feedback_box .member_message_box .member_message_row .member_message_fill div span { margin: 0px; line-height: 28px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 0px; } .feedback_box .member_message_box .member_message_row .member_message_fill div span input { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: transparent; height: auto; width: auto; line-height: normal; margin-top: 5px; float: left; } .feedback_box .member_message_row .member_message_fill .second { padding-left: 30px; } .feedback_box .member_message_row .member_message_fill span font { color: #FF0000; } .feedback_box .member_message_row .member_message_fill span input { background-color: #f7fdfe; line-height: 22px; height: 22px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #e7e7e7; border-bottom-color: #e7e7e7; border-left-color: #666666; border-top-color: #666666; width: 152px; } .feedback_box .member_message_row .member_message_fill .title input { width: 395px; } .feedback_box .member_message_row .member_message_fill textarea { width: 396px; background-color: #f7fdfe; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #666666; border-right-color: #e7e7e7; border-bottom-color: #e7e7e7; border-left-color: #666666; height: 100px; line-height: 20px; } .feedback_box .member_message_fill .button { width: auto; } .feedback_box .member_message_fill .button input { height: 31px; background-image: url(../img/member/images/message_button.png); background-repeat: no-repeat; color: transparent; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; cursor: pointer; } .feedback_box .member_langue1 .button input { width: 130px; } .feedback_box .member_langue1 .button input { width: 130px; } .feedback_box .member_langue2 .button input { width: 99px; } .feedback_box .feedback_box .member_langue3 .button input { width: 130px; } .feedback_box .member_langue4 .button input { width: 128px; } .feedback_box .member_langue5 .button input { width: 216px; } .feedback_box .member_langue6 .button input { width: 111px; } .feedback_box .member_langue7 .button input { width: 122px; } .feedback_box .member_langue1 .c1 input { } .feedback_box .member_langue1 .c2 input { background-position: 0px -31px; } .feedback_box .member_langue1 .c3 input { background-position: 0px -62px; } .feedback_box .member_langue1 .c4 input { background-position: 0px 0px; } .feedback_box .member_langue1 .c5 input { background-position: 0px -124px; } .feedback_box .member_langue1 .c6 input { background-position: 0px -155px; } .feedback_box .member_langue1 .c7 input { background-position: 0px -186px; } .feedback_box .member_langue1 .c8 input { background-position: 0px -217px; } .feedback_box .member_langue1 .c9 input { background-position: 0px -248px; } .feedback_box .member_langue1 .c10 input { background-position: 0px -279px; } .feedback_box .member_langue1 .c11 input { background-position: 0px -310px; } .feedback_box .member_langue2 .c1 input { background-position: -178px 0px; } .feedback_box .member_langue2 .c2 input { background-position: -178px -31px; } .feedback_box .member_langue2 .c3 input { background-position: -178px -62px; } .feedback_box .member_langue2 .c4 input { background-position: -178px -93px; } .feedback_box .member_langue2 .c5 input { background-position: -178px -124px; } .feedback_box .member_langue2 .c6 input { background-position: -178px -155px; } .feedback_box .member_langue2 .c7 input { background-position: -178px -186px; } .feedback_box .member_langue2 .c8 input { background-position: -178px -217px; } .feedback_box .member_langue2 .c9 input { background-position: -178px -248px; } .feedback_box .member_langue2 .c10 input { background-position: -178px -279px; } .feedback_box .member_langue2 .c11 input { background-position: -178px -310px; } .feedback_box .member_langue3 .c1 input { background-position: -392px 0px; } .feedback_box .member_langue3 .c2 input { background-position: -392px -31px; } .feedback_box .member_langue3 .c3 input { background-position: -392px -62px; } .feedback_box .member_langue3 .c4 input { background-position: -392px -93px; } .feedback_box .member_langue3 .c5 input { background-position: -392px -124px; } .feedback_box .member_langue3 .c6 input { background-position: -392px -155px; } .feedback_box .member_langue3 .c7 input { background-position: -392px -186px; } .feedback_box .member_langue3 .c8 input { background-position: -392px -217px; } .feedback_box .member_langue3 .c9 input { background-position: -392px -248px; } .feedback_box .member_langue3 .c10 input { background-position: -392px -279px; } .feedback_box .member_langue3 .c11 input { background-position: -392px -310px; } .feedback_box .member_langue4 .c1 input { background-position: -566px 0px; } .feedback_box .member_langue4 .c2 input { background-position: -566px -31px; } .feedback_box .member_langue4 .c3 input { background-position: -566px -62px; } .feedback_box .member_langue4 .c4 input { background-position: -566px -93px; } .feedback_box .member_langue4 .c5 input { background-position: -566px -124px; } .feedback_box .member_langue4 .c6 input { background-position: -566px -155px; } .feedback_box .member_langue4 .c7 input { background-position: -566px -186px; } .feedback_box .member_langue4 .c8 input { background-position: -566px -217px; } .feedback_box .member_langue4 .c9 input { background-position: -566px -248px; } .feedback_box .member_langue4 .c10 input { background-position: -566px -279px; } .feedback_box .member_langue4 .c11 input { background-position: -566px -310px; } .feedback_box .member_langue5 .c1 input { background-position: -737px 0px; } .feedback_box .member_langue5 .c2 input { background-position: -737px -31px; } .feedback_box .member_langue5 .c3 input { background-position: -737px -62px; } .feedback_box .member_langue5 .c4 input { background-position: -737px -93px; } .feedback_box .member_langue5 .c5 input { background-position: -737px -124px; } .feedback_box .member_langue5 .c6 input { background-position: -737px -155px; } .feedback_box .member_langue5 .c7 input { background-position: -737px -186px; } .feedback_box .member_langue5 .c8 input { background-position: -737px -217px; } .feedback_box .member_langue5 .c9 input { background-position: -737px -248px; } .feedback_box .member_langue5 .c10 input { background-position: -737px -279px; } .feedback_box .member_langue5 .c11 input { background-position: -737px -310px; } .feedback_box .member_langue6 .c1 input { background-position: -1007px 0px; } .feedback_box .member_langue6 .c2 input { background-position: -1007px -31px; } .feedback_box .member_langue6 .c3 input { background-position: -1007px -62px; } .feedback_box .member_langue6 .c4 input { background-position: -1007px -93px; } .feedback_box .member_langue6 .c5 input { background-position: -1007px -124px; } .feedback_box .member_langue6 .c6 input { background-position: -1007px -155px; } .feedback_box .member_langue6 .c7 input { background-position: -1007px -186px; } .feedback_box .member_langue6 .c8 input { background-position: -1007px -217px; } .feedback_box .member_langue6 .c9 input { background-position: -1007px -248px; } .feedback_box .member_langue6 .c10 input { background-position: -1007px -279px; } .feedback_box .member_langue6 .c11 input { background-position: -1007px -310px; } .feedback_box .member_langue7 .c1 input { background-position: -1229px 0px; } .feedback_box .member_langue7 .c2 input { background-position: -1229px -31px; } .feedback_box .member_langue7 .c3 input { background-position: -1229px -62px; } .feedback_box .member_langue7 .c4 input { background-position: -1229px -93px; } .feedback_box .member_langue7 .c5 input { background-position: -1229px -124px; } .feedback_box .member_langue7 .c6 input { background-position: -1229px -155px; } .feedback_box .member_langue7 .c7 input { background-position: -1229px -186px; } .feedback_box .member_langue7 .c8 input { background-position: -1229px -217px; } .feedback_box .member_langue7 .c9 input { background-position: -1229px -248px; } .feedback_box .member_langue7 .c10 input { background-position: -1229px -279px; } .feedback_box .member_langue7 .c11 input { background-position: -1229px -310px; } /*留言通用结束*/ /*网站地图*/ .site_map { } .site_map .location { color: #666666; background-image: url(../img/block_title_ico-3.gif); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 17px; line-height: 18px; } .site_map .location a { color: #666666; } .site_map .map_sort { line-height: 24px; height: 24px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #0088E1; } .site_map .map_sort ul li { float: right; width: 100px; line-height: 24px; height: 24px; text-align: center; padding-left: 12px; } .site_map .map_sort ul li a { display: block; height: 24px; width: 100px; background-color: #E8E8E8; } .site_map .map_sort ul li a:hover, .site_map .map_sort ul .courant a { color: #FFFFFF; text-decoration: none; background-color: #0088E1; } .site_map .a_class { } .site_map .a_class .series1 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e7e7e7; margin-top: 15px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; } .site_map .a_class .series1 a { font-size: 18px; color: #0088E1; font-weight: bold; } .site_map .a_class .series2 { border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #e7e7e7; border-bottom-color: #e7e7e7; border-left-color: #e7e7e7; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; } .site_map .a_class .series2 span { line-height: 24px; white-space: nowrap; display: block; height: auto; float: left; padding-right: 20px; font-size: 14px; margin-top: 5px; } .site_map .a_class .series2 .series3 { display: block; clear: both; float: none; width: 968px; height: auto; border: 1px solid #e7e7e7; } .site_map .a_class .series2 .series3 span { padding-right: 10px; padding-left: 20px; background-image: url(../img/n_ico2.gif); background-repeat: no-repeat; background-position: 15px center; margin: 0px; font-weight: normal; } .site_map .a_class .series2 .series3 span a { font-size: 12px; color: #666666; } /*网站地图*/ /*电子地图*/ .ditutitle { height: auto; width: 710px; margin-right: auto; margin-left: auto; font-weight: bold; color: #FA842F; padding-top: 10px; } .gsmap { height: 580px; width: 710px; margin-right: auto; margin-left: auto; } #allmap { width: 100%; height: 580px; overflow: hidden; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; background-color: #FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; } .lxwmbg { background-repeat: no-repeat; background-position: right 10px; } #l-map { height: 100%; width: 78%; float: left; border-right: 2px solid #bcbcbc; } /*电子地图*/ /*产品内页*/ .Productpic { float: left; width: 420px; height: auto; } .Productpic .Bigimage { width: 420px; height:420px; border: 1px solid #E7E7E7;} .Productpic .BigPicture { height:340px; width:340px; margin:0 auto; text-align: center; display: table; vertical-align: middle; } .Productpic .BigPicture span { display: table-cell; vertical-align: middle; } .Productpic .Thumbnaillist { height: 130px; width:420px; border-left:1px solid #E7E7E7; border-right:1px solid #E7E7E7; border-bottom:1px solid #E7E7E7; } .Productpic .Thumbnaillist .l { float: left; width: 20px; height: 90px; background-color: #F9F9F9; } .Productpic .Thumbnaillist .l a { background-image: url(../img/jt_l.gif); background-repeat: no-repeat; background-position: center center; } .Productpic .Thumbnaillist .l a:hover { background-color: #FFFFFF; background-image: url(../img/jt_l-.gif); text-decoration: none; } .Productpic .Thumbnaillist .l a, .Productpic .Thumbnaillist .r a { display: block; height:102px; width: 20px; } .Productpic .Thumbnaillist .piclist { position:relative; vertical-align: middle; width:420px; height: 124px; } .Productpic .Thumbnaillist .piclist ul { position: relative; } .Productpic .Thumbnaillist .piclist ul li { width: 130px; height:100px; line-height: 100px; float: left; text-align: center; display: table-cell; vertical-align: middle; margin-top:12px; margin-left:6px; } .Productpic .Thumbnaillist .piclist ul li img { border: 1px solid #E7E7E7; } .Productpic .Thumbnaillist .piclist ul li img:hover { border: 1px solid #08ac08; } .Productpic .Thumbnaillist .r a { float: right; width: 20px; height: 90px; background-image: url(../img/jt_r.gif); background-repeat: no-repeat; background-position: center center; background-color: #F9F9F9; } .Productpic .Thumbnaillist .r a:hover { background-image: url(../img/jt_r-.gif); text-decoration: none; background-color: #FFFFFF; } .ProductInfo .r_info { float: right; width:450px; } .ProductInfo .r_info .cp_jj_box { height:auto; margin-bottom:20px; } .ProductInfo .r_info .cp_jj_box .jj_text{color:#333;} .ProductInfo .r_info ul li { padding-bottom: 5px; font-size: 14px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CECECE; padding-top: 5px; margin:10px 0; } .ProductInfo .r_info ul li span { color: #0088E1; } .ProductInfo .r_info ul .color1 { color:#e71826; font-weight:bold; } .ProductInfo .r_info ul li h1 { font-size: 20px; color: #404040; display: block; margin: 0px; padding: 0px; } .ProductInfo .r_info ul li p { font-size: 12px; line-height: 22px; } .ProductInfo .r_info ul li p a {color:#333;} .ProductInfo .r_info .cp_tel { height:40px; line-height: 40px; text-align:center; font-size: 14px; } .ProductInfo .r_info .cp_tel em { color:#e71826; font-size:14px; font-weight:bold; } .ol_tel { height: 86px; width: 320px; margin-top: 15px; background-image: url(../img/tel_bg.gif); text-align: center; padding-top: 10px; font-size: 14px; } .ol_tel strong { color: #0088E1; font-size: 18px; font-family: "Times New Roman", Times, serif; } .ol { padding: 12px 0; } .ol a { height:42px; width: 131px; display: block; margin-right: auto; margin-left: auto; background-image: url(../img/buy_bg.gif); text-align:center; font-size:16px; font-weight:bold; color: #e71826; line-height: 42px; } .ol a:hover { background-image: url(../img/buy_hover.gif); color:#FFF; } .btbox { margin-top: 15px; height: 26px; width: 720px; line-height: 26px; color: #FFFFFF; font-size: 14px; padding-left: 0px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #0088E1; } .btbox span { background-color: #0088E1; white-space: nowrap; display: block; float: left; padding-right: 12px; padding-left: 12px; font-weight: bold; } .Introduction { line-height: 24px; height: auto; padding-top:15px; } .titlebar { background-image: url(../img/27.gif); background-repeat: repeat-x; background-position: bottom; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 2px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #eeeeee; border-right-color: #eeeeee; border-bottom-color: #0088E1; border-left-color: #eeeeee; height: 30px; line-height: 28px; font-size: 14px; font-weight: bold; padding-left: 15px; color: #333333; clear: both; float: none; } .ProductInfo .Purchase { padding-top: 8px; } .leftjbxx { float: left; width: 365px; } .righttextarea { float: left; } .ProductInfo .cplist li { margin-right: 12px; } #pages_main .pages_right .ProductInfo .Purchase .sq_forms { width: 580px; } #pages_main .pages_right .ProductInfo .Purchase .sq_forms .l_text { width: 120px; } #pages_main .pages_right .ProductInfo .Purchase .sq_forms .textarea1 { width: 418px; } #pages_main .pages_right .ProductInfo .Purchase .sq_forms .textarea1 textarea { width: 405px; } .pllist li { line-height: 20px; padding-top: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CFCFCF; } .pllist li a { color: #e71826; font-size:12px; } .pllist li strong { font-weight: normal; color: #a4a4a4; font-size: 12px; } .pllist li span { color: #333; } .ProductInfo .icomment .sq_forms { width: 510px; } .morepl { text-align:center; line-height: 22px; margin-top: 8px; margin-bottom: 12px; } .morepl a { line-height: 24px; display: block; background-color: #CCCCCC; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; font-size:12px; } .morepl a:hover { color: #FFF; background-color: #026402; text-decoration: none; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; } .ProductInfo .icomment .sq_forms .textarea1 { width: 435px; } .ProductInfo .icomment .sq_forms .textarea1 textarea { width: 420px; } /*单类页面分类*/ .class_nav { height: auto; width: 200px; margin-right: auto; margin-left: auto; padding-top: 5px; padding-bottom: 10px; } .class_nav li span { display: block; background-image: url(../img/left_nav_02.gif); height: 32px; width: 200px; line-height: 32px; font-size: 12px; font-weight: bold; margin-top: 10px; } .class_nav li span a { display: block; height: 32px; width: 180px; padding-left: 20px; font-size: 14px; color: #333333; } .class_nav li span a:hover, .class_nav .Current span a { color: #0088E1; text-decoration: none; } .class_nav li ul { padding-top: 3px; padding-bottom: 8px; } .class_nav li ul li { line-height: 24px; padding-left: 20px; background-image: url(../img/n_ico2.gif); background-repeat: no-repeat; background-position: 12px center; } /*单类页面分类*/ .single_page_box { padding:10px 5px; line-height:32px; color:#333; } .single_page_box p{ line-height:24px; text-align:left;} /*只有标题的新闻列表*/ .news_list .common_li { padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; font-size: 12px; } .news_list .common_li ul li { height: 36px; line-height: 36px; } .news_list .common_li ul li span { font-size: 12px; color: #999999; float: right; padding-right: 10px; } /*只有标题的新闻列表结束*/ /*带标题、导读的新闻列表*/ .news_list .common_li_2 { padding-right: 10px; padding-left:10px; font-size: 14px; } .news_list .common_li_2 ul li { height: auto; line-height: normal; padding-top: 16px; padding-bottom: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; background-image: url(../img/n_ico.gif); background-repeat: no-repeat; background-position: 0px 21px; padding-left: 14px; } .news_list .common_li_2 ul li span, .news_time { font-size: 12px; color:#999; vertical-align: middle; display:inline; float:left; margin-left:20px; } .news_title2 { font-weight: bold; color: #e71826; font-size: 15px; line-height: 22px; } .news_list .common_li_2 ul li p { font-size: 12px; line-height: 24px; color: #999999; padding-top: 5px; } /*带标题、导读的新闻列表*/ .ArticleTitle { text-align: center; padding-bottom: 10px; padding-top: 20px; } .ArticleTitle h1 { font-size: 14px; font-weight: bold; color: #111; } .ReleaseDate { color:#999; text-align: center; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #E7E7E7; padding-bottom: 12px; } .ArticleContent { line-height: 24px; } .Thenext { padding:10px 0; margin-top: 10px; line-height: 22px; height: 22px; } .Thenext .on { float: left; } .Thenext a { font-weight: bold; } .Thenext .next { float: right; } .Keywords { margin:15px 0; font-weight: bold; } .Keywords a { font-size: 12px; font-weight: normal; margin-right: 10px; color:#333; } .Keywords a:hover{color:#08ac08;} .ProductInfo .related_news .bottomnewslist ul li { width: 320px; float: left; } .single_page_box #lxwm { float: right; } .news_pic_list .picture_list { margin-right: auto; margin-left: auto; margin-bottom:10px; margin-top:20px; height: 120px; border-bottom:1px dashed #ccc; } .news_pic_list .new_r .pic { float:right; } .news_pic_list .picture_list .news_title a { font-size: 14px; font-weight: bold; color:#08ac08; display:block; float:left; } .news_pic_list .picture_list a:hover { color:#026402; text-decoration:underline; } .news_pic_list .picture_list .pic { float: left; height: 166px; width: 166px; margin-top: 3px; margin-right: 20px; } .news_pic_list .picture_list p { line-height: 24px; color: #333; text-indent:2em; padding-top: 5px; height:70px; overflow:hidden; } .news_pic_list .picture_list p a, .read_more2 { font-size: 12px; font-weight: normal; color: #08ac08; } .news_pic_list .new_list_r .pic { float:right; margin:0px 4px 0 20px; }/*公司新闻列表图片右边浮动*/ .news_pic_list .new_list_r .news_time { float:left; margin:0px 10px 0px 0; color:#999; } .news_pic_list .new_r .pic { float:right; height: 176px; width: 116px; margin-top: 3px; } .news_pic_list .picture_list .pic span { display: block; height: 112px; width: 176px; float: left; } .news_title { height:20px; width: auto; margin-top:2px; background:url(../img/news-titlebg.gif) 0 8px no-repeat; padding-left:10px; } .news_pic_list .al_p { min-height: 80px; } /*当前套餐定制样式*/ #pages_main .tg_left { float: left; height: auto; width: 294px; } #pages_main .tg_left .video { width: 292px; padding-bottom: 0px; background-image: url(../img/22.jpg); float: left; background-repeat: no-repeat; background-position: bottom; font-weight: bold; } #pages_main .tg_left .video .title { height: 22px; padding-top: 21px; text-align: center; line-height: 22px; padding-bottom: 10px; } #pages_main .tg_left .video_list { clear: both; float: none; } #pages_main .tg_right .activity_box { height: auto; width: 662px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 20px; } #pages_main .tg_right .activity_box ul li { float: left; width: 50%; height: 136px; padding-bottom: 10px; color: #666666; } #pages_main .tg_right .activity_box ul li p { line-height: 20px; padding-top: 5px; padding-right: 10px; } #pages_main .tg_right .activity_box ul li a { font-size: 14px; font-weight: bold; color: #0088E1; } #pages_main .tg_right .activity_box ul li img { float: left; margin-right: 10px; margin-top: 3px; } #pages_main .tg_right { float: right; height: auto; width: 694px; } .tg_brand { padding-top: 12px; padding-right: 20px; padding-bottom: 12px; padding-left: 20px; } .tg_brand .brand_left { float: left; height: auto; width: 280px; } .tg_brand .brand_right { width: 662px; float: right; } .tg_brand .title { font-size: 15px; font-weight: bold; color: #ff5a00; padding-bottom: 5px; background-image: url(../img/block_title_ico-3.gif); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 18px; } .tg_brand .brand_left .content img { display: block; margin-top: 6px; border: 1px solid #e7e7e7; } .tg_brand .brand_left .content p { line-height: 22px; color: #666666; display: block; clear: both; float: none; padding-top: 5px; } .ppxxclass { float: left; width: 318px; } .tg_brand .brand_right .text { line-height: 22px; } .tg_brand .brand_right .piclistloop3 { padding-top: 12px; height: 205px; width: 662px; overflow: hidden; } .tg_brand .brand_right .piclistloop3 ul { width: 720px; } .tg_brand .brand_right .piclistloop3 ul li { float: left; height: auto; width: 192px; text-align: center; margin-right: 42px; } .tg_brand .brand_right .piclistloop3 ul li p { padding-top: 5px; } .tg_brand .brand_right .piclistloop3 ul li .pic { height: 170px; width: 190px; border: 1px solid #e7e7e7; } /*通用选项卡开始*/ .tab_box { background-repeat: repeat-x; background-position: bottom; height: 34px; line-height: 34px; float: none; width:auto; } .tab_box2 { background-repeat: repeat-x; background-position: bottom; padding-bottom: 2px; height: 30px; clear: both; float: none; background-image: url(../img/title_line_g.gif); } .tab_box3, .tab_box4 { background-repeat: repeat-x; background-position: bottom; padding-bottom: 2px; height: 30px; width:276px; clear: both; float: none; background-image: url(../img/title_line_g.gif); } .tab_box4 { width: auto; } .tab_box .title01 { font-size: 14px; font-weight:bold; height:24px; height: 34px; line-height: 24px; padding-left: 20px; background:url(../img/title_ico.gif) no-repeat left 2px; } .tab_box ul li { float: left; height: 34px; width: auto; } .tab_box ul li span { white-space: nowrap; display: block; float: left; line-height: 34px; height: 34px; padding-right: 5px; width: auto; } .tab_box ul li span a { line-height: 32px; display: block; height: 32px; padding-top:2px; padding-right: 8px; padding-left: 8px; background-repeat: repeat-x; background-position: bottom; font-size: 14px; float: left; } .tab_box ul li span a:hover, .tab_box ul .Current span a { text-decoration: none; font-size: 18px; font-weight: bold; line-height: 33px; height: 33px; color:#e71826; } /*通用选项卡结束*/ /*通用带箭头滚动开始*/ .scrollbox .left_arrow { float: left; width: 19px; padding-top: 40px; } .scrollbox .container { float: left; height: auto; } .scrollbox .container ul li { width: 153px; float: left; display: block; text-align: center; } .scrollbox .container ul li img { padding: 3px; border: 1px solid #E8E8E8; } .scrollbox .right_arrow { float: right; width: 19px; padding-top: 40px; } .scrollbox1 .container { float: left; width: 230px; height: 315px; margin-left: 5px; display:inline; } .scrollbox1 .container ul{ margin-left:5px; clear:both; } .scrollbox1 .container ul li { width: 190px; height:204px; float: left; display: inline; text-align: center;} .scrollbox1 .container ul li p { padding-top: 5px; } .scrollbox1 .container ul li img { border:none; max-height:160px; } #singleImageList { width:375px; } /*通用带箭头滚动结束*/ .cp_detailed_list { width: 720px; margin-right: auto; margin-left: auto; padding-top: 6px; padding-bottom: 10px; } .cp_detailed_list .list { padding-top: 20px; padding-bottom: 20px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #E8E8E8; } .cp_detailed_list .list .title { font-size: 22px; padding-bottom: 8px; } .cp_detailed_list .list p { line-height: 24px; color: #666666; } .cp_detailed_list .list .detailed { display: block; float: right; margin-top: 12px; height: 30px; width: 82px; background-image: url(../img/y3_12.gif); line-height: 28px; padding-left: 25px; } .cp_detailed_list .list .detailed a { color: #FFFFFF; } .cp_detailed_list .pic { height: 172px; width: 172px; text-align: center; display: table; float: left; margin-right: 15px; border: 1px solid #E8E8E8; } .cp_detailed_list .pic span { display: table-cell; vertical-align: middle; } .cp_detailed_list .pic { *position: relative; *overflow: hidden; }/*IE6*/ .cp_detailed_list .pic span { *position: absolute; *left: 50%; *top: 50%; }/*IE6*/ .cp_detailed_list .pic span img { *position: relative; *left: -50%; *top: -50%; }/*IE6*/ @charset "utf-8"; /* 这是下方的鼠标指针的移动镜头平方米。 */ .cloud-zoom-lens { border: 1px solid #888; margin:1px; *margin-left:5px; *margin-top:-1px; background-color:#fff; cursor:move; } /* 这是标题文本 */ .cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* 这是缩放窗口。 */ .cloud-zoom-big { border:1px solid #ccc; overflow:hidden; margin-left:8px; } /* 这是加载消息。 */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } #pages_main .y3_right_01.box_shadow .block_box.ProductInfo .ArticleContent p { } @charset "utf-8"; /* 这是下方的鼠标指针的移动镜头平方米。 */ .cloud-zoom-lens {border: 1px solid #888;margin-top:-2px;margin-left:-2px;background-color:#fff;cursor:move; } /* 这是标题文本 */ .cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px; } /* 这是缩放窗口。 */ .cloud-zoom-big {border:1px solid #ccc;overflow:hidden;margin-left:8px; } /* 这是加载消息。 */ .cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000; } .cloud-zoom-wrap{top:0px;z-index:997;position:relative; }.mousetrap{ position:absolute; z-index:996; left:0px;top:0px; } /*网站地图*/ .map_main{height: auto;width: 1000px;margin-right: auto;margin-left: auto;padding-top: 15px;/*background-color: #1A1A1A;*/} .site_map{} .site_map .location{/*background-image: url(../img/39.gif);background-repeat: no-repeat;background-position: 0px 4px;padding-left: 17px;line-height: 18px;*/ /*background-color: #E2E2E2;*/ height: 30px; /*border: 1px solid #DBDBDB;*/ line-height: 30px; padding-left: 15px; } .site_map .location a{} .site_map .map_sort{line-height: 24px;height: 24px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #026402;} .site_map .map_sort ul li{float: right;width: 100px;line-height: 24px;height: 24px;text-align: center;padding-left: 12px;} .site_map .map_sort ul li a{display: block;height: 24px;width: 100px;background-color: #B0B0B0;color: #FFF;} .site_map .map_sort ul li a:hover,.site_map .map_sort ul .courant a{color: #FFFFFF;text-decoration: none;background-color: #026402;} .site_map .a_class{} .site_map .a_class .series1{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCC;margin-top: 15px;padding-right: 15px;padding-bottom: 5px;padding-left: 15px;/*background-color: #FFF;*/} .site_map .a_class .series1 a{font-size: 18px;color: #B0B0B0;font-weight: bold;} .site_map .a_class .series2{ height:auto; overflow:hidden; border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #E7E7E7;border-bottom-color: #CCC;border-left-color: #E7E7E7;padding-top: 10px;padding-right: 15px;padding-bottom: 10px;padding-left: 15px;/*background-color: #FFF;*/} .site_map .a_class .series2 span{line-height: 24px;white-space: nowrap;display: block;height: auto;float: left;padding-right: 20px;font-size: 14px;margin-top: 5px;} .site_map .a_class .series2 .series3{display: block;clear: both;float:left;width: 920px;height: auto;/*background-color: #F7F7F7;*/} .site_map .a_class .series2 .series3 span{ padding-right: 10px;padding-left: 20px;/*background-image: url(../img/22.gif);background-repeat: no-repeat;background-position: 15px center;*/margin: 0px;font-weight: normal;color: #060;} .site_map .a_class .series2 .series3 span a{font-size: 12px;color: #fff;} .main_box1{background-color: #FFF;} /*网站地图*/ .w1400{width:1200px;margin:0 auto;} .imgsty{max-width:100%;} .numvideo{ height:250px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;} .num{ width:1100px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; margin-top:40px; text-align:center;} .num li{ position:relative; width:25%;} .num li+li:after{ content:''; display:block; position:absolute; width:1px; height:71px; border-left:1px dotted #cccccc; top:0; bottom:0; margin:auto 0; left:0;} .num_t{display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:flex-start; margin-bottom:5px;} .num_c{ font-size:18px; color:#7d7d7d; font-weight:lighter;} .num_c em{ display:block; font-size:12px; text-transform:uppercase; margin:5px 0 17px 0;} .num_c:after{ content:''; display:inline-block; height:1px; width:40px; background:#505050;} .num_t span{ font-size:60px; color:rgb(8,178,8); font-family:fontDin1;} .num_t i{ display:inline-block; border-radius:50%; width:22px; height:22px; line-height:22px; background:#1e1e1e; color:#fff; font-size:14px; font-weight:lighter; margin:15px 0 0 10px;}