@charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; border: 0; } body { font-size: 12px; color: #686868; background:url(../img/bj.gif) repeat-x left top #fff; -webkit-text-size-adjust: none; font-family: 'Microsoft Yahei'; -webkit-text-size-adjust: none; overflow-x:hidden; } a { color: #171717; text-decoration: none; } a:hover { color: #ff5a00; text-decoration: none; } .f_left { float: left; } .f_right { float: right; } .clear { clear: both; } .relative { position: relative; } .absolute { position: absolute; } ul { list-style: none; } li { list-style-type: none; } .hd { height: 10px; } .c_b td { border: #000 1px solid; } .en { font-family: Arial, Helvetica, sans-serif; } .meta { height:40px; line-height:40px; border-bottom:1px #CCCCCC dotted;} .xs { display: none; } .active { display: block; } .line { border-bottom:1px dotted #dedede; height: 2px; margin: 10px 0; } #ad { height: 34px; line-height: 34px; } input { border: 1px #dadada solid; color: #4b4b4b; font-family: 'Microsoft Yahei'; outline: none; } .end_message #form1 input{ color:#FFF} input:hover, textarea:hover { background:#CCC; outline: none } textarea { border: 1px #dadada solid; background: #efefef; padding-left:10px; } #submit { width: 158px; height: 43px; color: #fff; cursor: pointer; background: #C00; font-size:16px; } #submit:hover{ background:#F60; color:#FFF} .nr_content{ line-height:30px; font-size:14px;} .nr_content table{ background:#CCC; width:90%} .nr_content td{ background:#FFF; text-align:center;} a.more{ padding:5px 10px; display:block; float:left; height:15px; line-height:15px; color:#999; transition:all 0.2s;} a.more:hover{ background:#083d89; color:#FFF; padding:5px 20px;} .w1200{ width:1200px; margin:0 auto;} /* top css*/ #index_top{ width:100%; margin:0 auto; top:0; position:fixed;background:url(../img/bj.gif) repeat-x left top; z-index:999999} .index_welcome{ height:35px; line-height:35px;} #top{ width:1200px; margin:0 auto; height:149px; background:url(../img/bj.gif) repeat-x left top; z-index:999} .index_search{ margin:8px 0 12px; height:35px; } .search_width{ width:322px; height:30px;} input.search_bj4{ background:none; height:22px; line-height:22px; color:#a1a0a0; width:154px;padding-left:3px; margin-top:5px;border:0; padding-left:8px; margin-left:7px; border:1px #ccc solid;} .but4{ margin-top:5px; margin-right:10px; color:#FFF; transition:all 0.2s linear 0s; background:#055092; height:24px; cursor:pointer; border:0; padding:0 25px;} .but4:hover{ background:#1ba463; color:#FFF} .index_nav{ display:block; float:right; height:35px;} .index_nav a{ display:block; height:35px; float:left;} a.top_gupiao{ margin:10px 5px 10px; color:#f0831e; font-size:12px; font-weight:bold;} a.top_gupiao i{ margin-right:5px; display:block; background:url(../img/top_1gupiao1.png) no-repeat left top; width:15px; height:15px; float:left; transition:all 0.4s;} a.top_gupiao:hover i{ background:url(../img/top_1gupiao1.png) no-repeat -19px top;} a.top_gupiao:hover { color:#ffae00} a.top_weixin i{ margin-right:5px;background:url(../img/top_2weixin.png) no-repeat left top; height:18px; width:22px; display:block; float:left; transition:all 0.4s;} a.top_weixin{ padding-right:10px; border-right:1px #dddddd solid; height:14px; color:#666666; font-size:12px; margin:10px 10px 10px 12px;} a.top_weixin:hover i{background:url(../img/top_2weixin.png) no-repeat -28px top;} a.top_weixin div{ top:0; position:absolute; } .top_uptel{ margin-top:10px; color:#666666; width:250px;height:25px; float:left; font-size:12px;} .top_uptel span{ font-family:Arial, Helvetica, sans-serif; color:#f0831e; font-weight:bold;} .top_uptel i{ background:url(../img/top_3tel.png) no-repeat left top; width:12px; height:16px; display:block;transition:all 0.4s; margin-right:10px; float:left; margin-left:5px;} .top_uptel:hover i{ background:url(../img/top_3tel.png) no-repeat -16px top;} .logo{ width:470px; height:90px; margin:2px 0;} .menu{ height:95px; position:relative; z-index:9999;width:670px; margin:0 auto 0px;} .caidan{ height:95px; line-height:55px; margin:0 auto; } .caidan li{ float:left; text-align:center;display:block;position:relative; z-index:100; text-align:center;} .caidan li.index{ border:0; float:right; text-align:center; display:block;} .caidan li a{ font-size:16px;display:block; height:95px; color:#000; line-height:95px; padding:0 20px;} .caidan li a.nav_hot i{ display:block; float:left; background:url(../img/nav_dot2.png) no-repeat left top; width:16px; height:19px; margin-right:10px; display:block; margin-top:40px; transition:all 0.4s;} .caidan li a:hover i{background:url(../img/nav_dot2.png) no-repeat -21px top; } .caidan li:hover a i{background:url(../img/nav_dot2.png) no-repeat -21px top; } .caidan li a:hover{ font-size:16px;display:block; height:95px;color:#032ca4;} .caidan li:hover {text-align:center; height:95px; line-height:95px; position:relative; background:url(../img/nav_ahover.gif) repeat-x left top; color:#fff; z-index:100;} .caidan li:hover a{color:#fff;} .caidan .select{width:120px;text-align:center; position:relative; color:#ffc600; z-index:99999;} .caidan .select a{ color:#ffffff;} #div1 li .xiala { display: none; width:458px; padding:10px 0px 10px; border-bottom:6px #005097 solid; color:#510043;text-align:center; z-index:9999999;position:absolute; background:#f1f4f7; padding-bottom:7px; _top:expression(documentElement.offsetTop + 34 + "px");left:0px;_left:expression(documentElement.scrollLeft + 0 + "px");} #div1 li .xiala1 { display: none; width:458px; padding:10px 0px 10px; border-bottom:6px #005097 solid; color:#510043;text-align:center; z-index:9999999;position:absolute; background:#f1f1f1; padding-bottom:7px; _top:expression(documentElement.offsetTop + 34 + "px");right:0px;_left:expression(documentElement.scrollLeft + 0 + "px");} #div1 li .xiala .left{ width:240px; margin:15px 30px 0; float:right; text-align:left; color:#282828; line-height:22px;} #div1 li .xiala1 .left{ width:240px; margin:15px 30px 0; float:left; text-align:left; color:#282828;line-height:22px;} #div1 li .xiala .left .x_top,#div1 li .xiala1 .left .x_top{ height:30px; margin:5px 0; line-height:30px; font-size:14px;font-weight:bold; color:#e21001} #div1 li .xiala .right{ width:155px; float:left; border-right:1px #c0c3c3 solid; margin-top:15px; height:210px; } #div1 li .xiala1 .right{ width:155px; float:right;border-left:1px #c0c3c3 solid ; margin-top:15px; height:210px; } #div1 li .xiala p,#div1 li .xiala1 p{height:40px; line-height:40px;transition: all 0.2s linear 0s;width:120px; margin-left:10px;} #div1 li .xiala p i,#div1 li .xiala1 p i{ background:url(../img/nav_dot.png) no-repeat left center; width:10px; height:7px; display:block; float:left; margin-top:18px; transition:all 0.4s;} #div1 li .xiala a:hover i,#div1 li .xiala1 a:hover i{background:url(../img/nav_dot.png) no-repeat -13px center;} #div1 li .xiala p:hover,#div1 li .xiala1 p:hover{height:40px; line-height:40px; background:#0ba460} #div1 li .xiala a,#div1 li .xiala1 a{color:#666666;height:40px; line-height:40px;text-align:center; margin-left:8px; font-size:14px; font-weight:inherit; } #div1 li .xiala a:hover,#div1 li .xiala1 a:hover{ color:#fff;font-weight:inherit} #div1 li .xiala:hover { display: none; position:absolute; z-index:1000;min-width:300px; color:#510043;text-align:center; } .flash{ margin-top:130px;background:url(../img/flash.jpg) no-repeat center top; height:560px;} .flash_bj{ background:url(../img/flash_top_bj.png) repeat-x left top; position:absolute; top:130px; left:0; width:100%; z-index:10; height:6px;} .zy_flash{ margin-top:130px;background:url(../img/zy_flash.gif) no-repeat center top; height:300px;} .zy_flash_news{ margin-top:130px;background:url(../img/zy_news_flash.jpg) no-repeat center top; height:300px;} .zy_flash_cp{ margin-top:130px;background:url(../img/zy_cp_flash.jpg) no-repeat center top; height:300px;} .zy_flash_shili{ margin-top:130px;background:url(../img/zy_shili_flash.jpg) no-repeat center top; height:300px;} .zy_flash_contact{ margin-top:130px;background:url(../img/zy_contact_flash.jpg) no-repeat center top; height:300px;} /*浜у搧鍝佽川*/ .index_pinzhi{ background:#f1f4f7; padding:50px 0; height:auto; overflow:hidden;} .index_pinzhi_title{ width:567px; text-align:center; margin:0 auto;} .pz_title_1{color:#666666; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:26px;} .pz_title_2{ color:#333333; text-align:center; font-size:26px; font-weight:bold} .pz_title_3{ margin-top:10px; background:url(../img/xm_t1.png) no-repeat left top; height:37px; line-height:37px; font-size:16px; color:#505050} .index_pz_content{ background:#FFF; margin:40px 0; height:350px;} .index_pz_content .video{ width:599px;} .pz_content{ width:503px; background:url(../img/news_num.gif) no-repeat 508px 50px; padding:65px 40px 0 58px; height:285px;} .pz_content2{ width:503px; background:url(../img/news_num2.gif) no-repeat 508px 50px; padding:65px 40px 0 58px; height:285px;} .pz_content3{ width:503px; background:url(../img/news_num3.gif) no-repeat 508px 50px; padding:65px 40px 0 58px; height:285px;} .pz_content4{ width:503px; background:url(../img/news_num4.gif) no-repeat 508px 50px; padding:65px 40px 0 58px; height:285px;} .pz_t_1{ font-size:24px; color:#333333} .pz_t_2{ font-size:26px; color:#005097; font-weight:bold; background:url(../img/news_num_line.gif) no-repeat left bottom; padding-bottom:18px;} .pz_content ul,.pz_content2 ul,.pz_content3 ul,.pz_content4 ul{ margin:20px 0;} .pz_content ul li,.pz_content2 ul li,.pz_content3 ul li,.pz_content4 ul li{ font-size:16px; height:30px; line-height:30px; transition:all 0.4s;} .pz_content ul li:hover,.pz_content2 ul li:hover,.pz_content3 ul li:hover,.pz_content4 ul li:hover{ background:#005097; color:#FFF} .pz_content ul li i,.pz_content2 ul li i,.pz_content3 ul li i,.pz_content4 ul li i{ display:block; float:left; background:url(../img/news_dot.png) no-repeat left center; width:11px; height:11px; margin-right:10px; margin-top:10px; transition:all 0.4s; margin-left:4px;} .pz_content ul li:hover i{ background:url(../img/news_dot.png) no-repeat -16px center; margin-right:20px;} .pz_nav a{ display:block; float:left; font-size:20px; background:#005097; color:#FFF; height:80px; line-height:80px; width:299px; border-right:1px #fff solid;transition:all 0.4s; } .pz_nav a.one i{ display:block; float:left; background:url(../img/ys_1.png) no-repeat left top; margin:24px 15px 0 26px; width:35px; height:35px; transition:all 0.4s; } .pz_nav a.one:hover{ background:#0ba460;} .pz_nav a.one:hover i{background:url(../img/ys_1.png) no-repeat -38px top;} .pz_nav a.two i{ display:block; float:left; background:url(../img/ys_2.png) no-repeat left top; margin:24px 15px 0 26px; width:40px; height:35px; transition:all 0.4s; } .pz_nav a.two:hover{ background:#0ba460;} .pz_nav a.two:hover i{background:url(../img/ys_2.png) no-repeat -42px top;} .pz_nav a.three i{ display:block; float:left; background:url(../img/ys_3.png) no-repeat left top; margin:24px 15px 0 26px; width:40px; height:35px; transition:all 0.4s; } .pz_nav a.three:hover{ background:#0ba460;} .pz_nav a.three:hover i{background:url(../img/ys_3.png) no-repeat -42px top;} .pz_nav a.four i{ display:block; float:left; background:url(../img/ys_4.png) no-repeat left top; margin:24px 15px 0 26px; width:36px; height:35px; transition:all 0.4s; } .pz_nav a.four:hover{ background:#0ba460;} .pz_nav a.four:hover i{background:url(../img/ys_4.png) no-repeat -39px top;} .index_about_title{ text-align:center; font-size:38px; color:#333333} .index_about_title2{ text-align:center; color:#b0b0b0; font-family:'SimSuncss'; text-transform:uppercase; font-size:14px; background:url(../img/index_about_xm_bj.gif) no-repeat center center;} #index_about{ padding:30px 0; width:1200px; margin:0 auto; color:#5a5a5a; font-size:14px; line-height:30px;} .about_nr{ text-align:center; width:862px; margin:0 auto;} #index_about a{ text-align:center; display:block; float:left; height:170px; width:120px; margin:20px 40px;} #index_about a:hover{ color:#0ba460} #index_about a.about_one p{ background:#005097; width:120px; height:80px; border-radius:50%; display:block; padding-top:40px;} #index_about a.about_one i{ background:url(../img/index_about1.png) no-repeat left center; width:42px; height:44px; display:block; margin:0px auto 0; transition:all 0.4s;} #index_about a.about_one:hover p{ background:#0ba460} #index_about a.about_one:hover i{background:url(../img/index_about1.png) no-repeat -60px center;} #index_about a.about_two p{ background:#005097; width:120px; height:80px; border-radius:50%; display:block; padding-top:40px;} #index_about a.about_two i{ background:url(../img/index_about2.png) no-repeat left center; width:42px; height:44px; display:block; margin:0px auto 0; transition:all 0.4s;} #index_about a.about_two:hover p{ background:#0ba460} #index_about a.about_two:hover i{background:url(../img/index_about2.png) no-repeat -54px center;} #index_about a.about_three p{ background:#005097; width:120px; height:80px; border-radius:50%; display:block; padding-top:40px;} #index_about a.about_three i{ background:url(../img/index_about3.png) no-repeat left center; width:49px; height:44px; display:block; margin:0px auto 0; transition:all 0.4s;} #index_about a.about_three:hover p{ background:#0ba460} #index_about a.about_three:hover i{background:url(../img/index_about3.png) no-repeat -61px center;} #index_about a.about_four p{ background:#005097; width:120px; height:80px; border-radius:50%; display:block; padding-top:40px;} #index_about a.about_four i{ background:url(../img/index_about4.png) no-repeat left center; width:52px; height:48px; display:block; margin:0px auto 0; transition:all 0.4s;} #index_about a.about_four:hover p{ background:#0ba460} #index_about a.about_four:hover i{background:url(../img/index_about4.png) no-repeat -68px center;} #index_about a.about_five p{ background:#005097; width:120px; height:80px; border-radius:50%; display:block; padding-top:40px;} #index_about a.about_five i{ background:url(../img/index_about5.png) no-repeat left center; width:48px; height:37px; display:block; margin:0px auto 0; transition:all 0.4s;} #index_about a.about_five:hover p{ background:#0ba460} #index_about a.about_five:hover i{background:url(../img/index_about5.png) no-repeat -62px center;} #index_about a.about_six p{ background:#005097; width:120px; height:80px; border-radius:50%; display:block; padding-top:40px;} #index_about a.about_six i{ background:url(../img/index_about6.png) no-repeat left center; width:48px; height:44px; display:block; margin:0px auto 0; transition:all 0.4s;} #index_about a.about_six:hover p{ background:#0ba460} #index_about a.about_six:hover i{background:url(../img/index_about6.png) no-repeat -56px center;} /*棣栭〉浜у搧涓績*/ #index_pro_center{ background:url(../img/index_products_bj.gif) no-repeat center top; padding:77px 0; height:auto;} .index_pro_title{ margin-bottom:60px; height:60px;} .index_pro_title a{ display:block; float:right; color:#767676; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:20px; margin:25px 0;} .index_pro_title span{ display:block; color:#FFF} .pro_eng_font{ width:190px;} span.title_pro_font{ font-size:38px;} span.title_pro_eng{ font-family:'SimSuncss'; font-size:14px;text-transform:uppercase;} .pro_ad{ font-size:20px; color:#FFF; padding-top:20px;} .index_pro_nr a{ display:block; float:left; margin:0; border:0;} .index_pro_nr a.img{ height:300px; width:300px;margin:0; padding:0;border:0;} .pro_one{ background:#0ba460;color:#FFF; padding:100px 0 0 45px;width:255px; height:200px;} .pro_one p{ font-size:20px; background:url(../img/pro_2.gif) no-repeat left bottom; padding-bottom:30px; margin-bottom:30px; transition:all 0.6s;} .pro_one span{ height:38px; line-height:38px; border:1px #FFFFFF solid; width:128px; display:block; float:left; text-align:center; text-transform:uppercase; font-size:16px; transition:all 0.4s;} .pro_one:hover span{width:158px; color:#fff} .pro_one:hover p{ color:#fff; background:url(../img/pro_22.gif) no-repeat left bottom;} .pro_three{ background:#005097;color:#FFF; padding:100px 0 0 45px;width:255px; height:200px;} .pro_three p{ font-size:20px; background:url(../img/pro_2.gif) no-repeat left bottom; padding-bottom:30px; margin-bottom:30px; transition:all 0.6s;} .pro_three span{ height:38px; line-height:38px; border:1px #FFFFFF solid; width:128px; display:block; float:left; text-align:center; text-transform:uppercase; font-size:16px; transition:all 0.4s;} .pro_three:hover span{width:158px; color:#fff} .pro_three:hover p{ color:#fff; background:url(../img/pro_22.gif) no-repeat left bottom;} .pro_six{ background:#333333;color:#FFF; padding:100px 0 0 45px;width:255px; height:200px;} .pro_six p{ font-size:20px; background:url(../img/pro_2.gif) no-repeat left bottom; padding-bottom:30px; margin-bottom:30px; transition:all 0.6s;} .pro_six span{ height:38px; line-height:38px; border:1px #FFFFFF solid; width:128px; display:block; float:left; text-align:center; text-transform:uppercase; font-size:16px; transition:all 0.4s;} .pro_six:hover span{width:158px; color:#fff} .pro_six:hover p{ color:#fff; background:url(../img/pro_22.gif) no-repeat left bottom;} .pro_aight{ background:#0ba460 url(../img/cp_more.png) no-repeat center center;color:#FFF; padding:100px 0 0 45px;width:255px; height:200px; transition:all 0.4s;} .pro_aight:hover{background:#333333 url(../img/cp_more2.png) no-repeat center center} /*鍝佽川淇濋殰*/ #index_pzbz{ background:#f1f4f7; height:auto; overflow:hidden; padding:50px 0;} #index_pzbz .index_pro_title{ color:#000} #index_pzbz .index_pro_title span{ display:block; color:#333333} #index_pzbz .index_pro_title span.title_pro_eng{ font-family:'SimSuncss'; font-size:14px; color:#777777; text-transform:uppercase;} #index_pzbz .index_pro_title .pro_ad{ font-size:20px; color:#777777; padding-top:20px;} /*box*/ #index_cp_list{ padding:12px 0; height:42px; line-height:42px; width:1200px; margin:149px auto 0;} #index_cp_list span{ background:url(../img/pro_xm.png) no-repeat left top; width:123px; height:42px; font-size:16px; font-weight:bold; color:#FFF; display:block; float:left; padding-left:10px;} #index_cp_list a{ display:block; float:left; line-height:40px; height:40px;font-size:14px; padding: 0 20px; color:#000; transition:all 0.4s; border:1px #FFFFFF solid;} #index_cp_list a:hover{ background:#ea322c; color:#FFF} /*妗堜緥瑙佽瘉*/ #index_case{ background:url(../img/index_case_bj.jpg) no-repeat left top; height:471px; padding:60px 0;} #index_case .index_pinzhi_title{ width:567px; text-align:center; margin:0 auto;} #index_case .pz_title_1{color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:26px;} #index_case .pz_title_2{ color:#fff; text-align:center; font-size:26px; font-weight:bold} #index_case .pz_title_3{ margin-top:10px; background:url(../img/index_case_xm_bj.gif) no-repeat left top; height:37px; line-height:37px; font-size:16px; color:#fff;} .case_num a{ display:block; float:left; width:220px; font-size:18px; border-bottom:4px #0d7adc solid; margin-right:48px; color:#FFF; margin-top:20px; margin-bottom:20px; margin-left:25px;} .case_num a span{ font-size:50px; font-weight:bold;} .case_btn li{ width:148px; display:block; float:left; margin:0 20px;} .case_btn li a{ display:block; width:148px; height:148px; position:relative; height:200px; float:left; } .case_btn li a img.k_img{border-radius:50%; transition:all 0.4s;} .case_btn li a:hover img{ opacity:0.4; filter:alpha(opacity=40); } .case_btn li a:hover img{border-radius:50%} .case_btn li a p{ margin:0 auto;font-size:16px; color:#FFF; border:1px #FFFFFF solid; width:98px; height:29px; text-align:center; margin-top:40px; transition:all 0.4s; line-height:29px;} .case_btn li span{ display:block; margin:0 auto; width:24px; position:absolute; top:137px; left:62px; transition:all 0.4s;} .case_btn li a:hover p{ border:1px #FFFFFF solid; width:120px;} /*鏂伴椈鍔ㄦ€?/ #index_news{ padding:40px 0;} #index_news .index_pro_title{ margin-bottom:60px; height:60px;} #index_news .index_pro_title a{ display:block; float:right; color:#767676; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:20px;} #index_news .index_pro_title span{ display:block; color:#333333} #index_news .pro_eng_font{ width:190px;} #index_news span.title_pro_font{ font-size:38px;} #index_news span.title_pro_eng{ font-family:'SimSuncss'; font-size:14px;text-transform:uppercase; color:#898989} #index_news .pro_ad{ font-size:20px; color:#777777; padding-top:20px;} .about_news{ width:787px; border:1px #ececec solid; border-bottom:none;} .about_news a{ display:block; float:left; background:#ffffff; width:787px;height:120px; border-bottom:1px #ececec solid; transition:all 0.4s; } .about_news a .news_date{ font-family:Arial, Helvetica, sans-serif;background:#005097; color:#FFF; padding:35px 16px; width:90px;text-align:center; height:50px; transition:all 0.4s;} .news_date .time_d{ display:block; float:left; font-size:48px; font-weight:bold; width:90px;} .news_date .time_y_m{ font-size:14px; width:22px;} .news_content_index{ width:620px; height:80px; padding:20px 20px; line-height:22px;} .news_about_title{ color:#005097; font-size:16px; font-weight:bold;} .about_news_content{ color:#666666; padding:5px 0;} .about_news a:hover{ background:#f7f7f7} .about_news a:hover .news_date{ background:#0ba460} .about_news a:hover .news_about_title{ color:#0ba460} .about_news a:hover .about_news_content{ color:#999999} /*鑱旂郴鎴戜滑*/ .index_contact{ background:url(../img/index_end_bj.jpg) no-repeat center top; height:210px; padding-top:160px;} .index_contact a{ display:block; float:left; width:235px; font-size:16px; color:#FFF; text-align:center} .index_contact a span{ font-size:24px; font-family:Arial, Helvetica, sans-serif;} .index_contact a.contact_one{ border-right:1px #1a7ac9 solid; padding:0 30px 40px;} .index_contact a.contact_one i{ background:url(../img/index_end_1.png) no-repeat left top; width:60px; height:50px; display:block; margin:0 auto 30px; transition:all 0.4s;} .index_contact a.contact_one:hover i{background:url(../img/index_end_1.png) no-repeat -72px top; } .index_contact a.contact_two{ border-right:1px #1a7ac9 solid; padding:0 30px 40px;} .index_contact a.contact_two i{ background:url(../img/index_end_2.png) no-repeat left top; width:60px; height:50px; display:block; margin:0 auto 30px; transition:all 0.4s;} .index_contact a.contact_two:hover i{background:url(../img/index_end_2.png) no-repeat -82px top; } .index_contact a.contact_three{ border-right:1px #1a7ac9 solid; padding:0 10px 40px;width:265px;} .index_contact a.contact_three i{ background:url(../img/index_end_3.png) no-repeat left top; width:57px; height:57px; display:block; margin:0 auto 30px; transition:all 0.4s;} .index_contact a.contact_three:hover i{background:url(../img/index_end_3.png) no-repeat -64px top; } .index_contact a.contact_four{ padding:0 10px 40px;} .index_contact a.contact_four i{ background:url(../img/index_end_4.png) no-repeat left top; width:60px; height:50px; display:block; margin:10px auto 30px; transition:all 0.4s;} .index_contact a.contact_four:hover i{background:url(../img/index_end_4.png) no-repeat -68px top; } /*鍏徃绠€浠嬮〉闈?/ .zy_nav{ position:relative; width:1200px; margin:0 auto;} .zy_nav_content{ background:url(../img/zy_sub_nav.png) no-repeat left top; position:absolute; top:-40px; height:76px;width:1192px; padding:4px 4px 0;} .zy_nav_content .sub_nav a{ display:block; float:left; height:72px; line-height:72px; font-size:16px; padding:0 30px;} .zy_nav_content .sub_nav a:hover,.zy_nav_content .sub_nav a.hover{ border-bottom:4px #0ba460 solid;} .sub_add{ height:72px; line-height:72px; font-size:14px; color:#666666; padding:0 30px;} .sub_add a{ color:#666666} .sub_add a:hover{ color:#0364b8} .zy_about{ background:url(../img/about_bj.gif) repeat-x left top; padding-top:75px;} .zy_about_font{ font-size:32px; color:#000; text-align:center;} .zy_about_eng{ font-family:Arial, Helvetica, sans-serif; font-size:21px; text-transform:uppercase; text-align:center; background:url(../img/about_lm.png) no-repeat center bottom; padding-bottom:23px;} .zy_about_eng2{ font-family:Arial, Helvetica, sans-serif; font-size:21px; text-transform:uppercase; text-align:center; background:url(../img/about_lm2.png) no-repeat center bottom; padding-bottom:23px;} .zy_about_img{ width:492px;} .zy_about_content{ font-size:14px; color:#666666; line-height:30px; width:635px;} .zy_about_culture{ background:url(../img/about_culture.gif) no-repeat center top; height:365px; padding:45px 0; text-align:center; } .culture_nr{line-height:48px; color:#333333;font-size:18px; width:770px; margin:0 auto; text-align:left;} .culture_nr strong{ font-weight:bold; color:#004e97;} .zy_about_honor{ width:1200px; height:auto; margin:0 auto;} .zy_link_content a{ display:block; float:left; margin:15px 15px 0 0;} .zy_link_content img{ width:224px; height:140px;} #zy_box{ background:#f9f9f9; width:100%; height:auto; overflow:hidden; padding:15px 0; } .pro_xm{ height:35px; line-height:35px; border-bottom:2px #154997 solid; width:280px; margin-bottom:20px;} .pro_xm span.pro_title{ display:block; float:left; color:#02328d; font-size:18px; font-weight:bold; padding-right:10px;} .pro_xm span.pro_title a{color:#02328d;} .pro_xm span.pro_title a:hover{color:#ffa200;} .pro_xm span.pro_num{ display:block; float:left;padding-top:3px; font-size:14px;} .about_about_content{ background:url(../img/about.jpg) no-repeat right 55px; height:auto; font-size:14px; line-height:30px; color:#808080; width:645px; padding-right:555px; margin:40px auto;} .about_xm{ background:url(../img/about_font_bj.jpg) no-repeat left bottom; display:block; text-transform:uppercase; padding-bottom:8px; margin-bottom:20px;} .about_eng{ font-size:30px; color:#969696;display:block;} .about_font{ color:#02328d; font-size:24px; font-weight:bold; padding-top:5px;} .about_culture{ background:#02328d url(../img/culture.jpg) no-repeat center 30px; height:270px; padding:180px 0 50px; color:#FFF; font-size:14px; line-height:30px;} .about_fzlc{ background:url(../img/about_fzlc.jpg) no-repeat left top; height:464px; padding-left:615px; width:585px; margin: 50px auto; font-size:14px; line-height:30px;} .news_lm{ background:url(../img/news_lm_bj.png) no-repeat left 41px; position:relative} .news_lm .news_lm_content{ width:186px; margin:0 auto;} .news_lm .news_lm_content span{ display:block; text-align:center;} .news_lm .news_lm_content span.pro_title{ font-size:30px; color:#02328d; font-weight:bold} .news_lm .news_lm_content span.pro_eng{ color:#898888; font-size:18px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif} .news_lm a{ position:absolute; right:0; bottom:10px; display:block; font-size:14px;} .news_lm a:hover{ text-decoration:underline;} /*end*/ #end{ color:#FFF; padding-top:30px; background:#333333 url(../img/index_end_bj.gif) repeat-x left top; height:268px; line-height:26px; font-size:14px;} .end_scan{ width:135px; margin:0 30px 70px;} .end_nav{ margin-left:40px; height:186px;} .end_nav ul{ width:135px; border-right:1px #3d3d3d solid; display:block; float:left; margin:0 20px; height:200px;} .end_nav ul li a{ color:#FFF; font-size:16px; height:36px; line-height:36px; display:block; text-align:center; transition:all 0.4s;} .end_nav ul li a:hover{ background:#0ba460;} .end_title{ height:45px; line-height:45px; font-weight:bold;} .end_copy{ text-align:center; height:50px; line-height:50px; color:#8b8b8b} .end_copy a{ color:#8b8b8b} .end_copy a:hover{color:#ffd101} .end_nav2{ margin-left:40px; height:186px;} .end_nav2 ul{ width:135px; display:block; float:left; margin:0 20px; height:200px;} .end_nav2 ul li a{ color:#858585; font-size:16px; height:36px; line-height:36px; display:block; text-align:center; transition:all 0.4s;} .end_nav2 ul li a:hover{ background:#0ba460; color:#FFF} a.ly_1{ padding-right:10px; border-right:1px #dddddd solid; height:14px; color:#666666; font-size:12px; margin:10px 10px 10px 12px;} a.ly_1:hover i{background:url(../img/top_2weixin.png) no-repeat -28px top;} /*瀛愰〉闈 box css*/ .pro_xx_three{ padding:5px 10px; background:#E9E9E9 url(../img/pro_xx.png) no-repeat left top; font-size:12px; color:#333333; overflow:hidden; height:auto;} .pro_xx_service{ height:30px;} .pro_xx_title{ display:block; float:left; width:60px; color:#a9a8a8} .tm-yen { vertical-align: middle; color: #c40000; font-size: 18px; font-family: Arial; -webkit-font-smoothing: antialiased; font-style:normal; } .tm-price { vertical-align: middle; font-size: 30px; color: #c40000; font-weight: bolder; font-family: Arial; -webkit-font-smoothing: antialiased; } .pro_xx_service,.pro_order_tel2{ background:#FFF; font-size:12px; padding:5px 10px;} .pro_order_tel2 b{ font-size:14px; color:#c40000; font-size:30px;} . .flash_scan{ background:url(../img/scan.jpg) no-repeat left top; width:140px; padding-top:150px; text-align:center; color:#FFF; margin-right:45px;} .gsjj_content{ font-size:16px; line-height:35px;} .gsjj_content strong{ color:#C00; font-weight:bold; font-size:16px;} /*鐑攢浜у搧*/ .index_pro_hot{ background:url(../img/hot_bj.gif) repeat-x left 142px; height:auto; overflow:hidden; padding-bottom:30px;} .index_xm{ position:relative; background:url(../img/index_lm_bj.png) no-repeat center top; height:69px; width:337px; margin:30px auto 25px;} .index_xm span{ display:block; width:260px; text-align:center; margin:0 auto;} .xm_eng{ position:absolute; font-size:24px; top:-10px; left:38px; text-transform:uppercase; color:#636363;} .xm_font{ font-size:30px; padding-top:20px; color:#2f2f2f} .xm_font b{ color:#e61616; } .pro_list_nav a{ display:block; float:left; font-weight:bold; text-align:center; color:#fff; font-size:18px; background:url(../img/hot_btn1.png) no-repeat left top; width:205px; height:50px; line-height:10px; padding-top:36px; margin-right:15px; transition:all 0.4s;} .pro_list_nav a:hover,.pro_list_nav a.hover{ background:url(../img/hot_btn.png) no-repeat left top; height:70px; line-height:30px; padding-top:16px; } .index_pro_xx{ padding-top:15px; height:auto; overflow:hidden;} .index_pro_xx img{ margin-left:115px;} .hot_xx{ width:450px; height:400px; margin-right:80px; font-size:14px; color:#1c1c1c; line-height:24px;} .hot_title{ font-size:24px; color:#e30000; font-weight:bold; height:40px; line-height:40px;} .tel_btn{ position:absolute; bottom:10px;left:0} .hot_tel{font-weight:bold; height:45px; line-height:45px; background:url(../img/hot_tel.png) no-repeat left center; padding-left:45px; font-size:18px; color:#4a4a4a; margin-bottom:20px;} .hot_tel span{ font-size:24px; } .tel_btn a.one{ display:block; height:50px; background:#d91a04; float:left; margin-right:10px; width:125px; text-align:center; line-height:50px; color:#FFF; transition:all 0.4s; border:1px #d91a04 solid;} .tel_btn a.two{ display:block; height:50px; background:#242424; float:left; margin-right:10px; width:125px; text-align:center; line-height:50px; color:#FFF;transition:all 0.4s; border:1px #242424 solid;} .tel_btn a:hover{ background:none; border:1px #d91a04 solid; color:#FFF; color:#000} .tel_btn a.one:hover,.tel_btn a.two:hover{ font-size:16px; } .about_ad{ font-size:20px; text-align:center; color:#535353; margin-bottom:30px;} .about_ad b{ color:#dc0a00;} .about_xx{font-size:14px; line-height:25px; width:680px; padding-right:15px;} .about_xx strong{ color:#e30a00; font-weight:100;} /*浜у搧PK*/ .index_pro_pk{ background:#e2e2e2; height:410px; width:100%; margin-top:60px;} .pk_content{ background:url(../img/pk.jpg) no-repeat center top; width:1570px; height:435px; top:-25px; left:-185px; position:absolute;} /*浜у搧灞曠ず*/ .index_pro_img{ width:1200px; margin:0 auto; padding-bottom:30px; height:auto; overflow:hidden;} .index_pro_img a{ margin-right:15px; display:block; border:1px #dfdfdf solid; background:#dfdfdf; float:left; width:282px; text-align:center; font-size:14px; transition:all 0.4s;} .index_pro_img a p{ height:50px; line-height:50px;} .index_pro_img a:hover{ background:#1855a8; color:#FFF} /*鍙戣揣鐜板満*/ .index_fhxc{ background:url(../img/index_fhxc_bj.gif) repeat-x left top; height:327px; padding-top:20px;} .fhxc_xm{ background:url(../img/index_fhxc_lm_bj.gif) repeat-x left bottom; height:50px;} .fhxc_xm span{ display:block; margin:0 auto; width:100px; border-bottom:3px #cf2c25 solid; text-align:center; font-weight:bold; color:#FFF; font-size:24px;height:47px; line-height:47px;} .index_fhxc a{display:block; width:188px; height:200px; float:left; color:#FFF; margin-right:10px; margin-top:20px; } /*浜斿ぇ鏈嶅姟浣撶郴*/ .index_five{ background:url(../img/index_youshi_bj.gif) no-repeat center 2px; padding-top:120px; margin-top:30px; width:1200px; margin:20px auto 0;} .index_five a{ position:relative; display:block; float:left;} .index_five a:hover div{ text-decoration:underline } .index_five a div{ position:absolute; left:0; width:200px;} a.five_one{ display:block; background:url(../img/youshi1_bj.png) no-repeat left top; height:215px; padding-top:55px; width:171px; font-size:14px; color:#666666; transition:all 0.4s} a.five_one span{ display:block; width:75px; height:55px; margin:0px auto; font-size:18px; font-weight:bold; color:#FFF; margin-bottom:80px;} a.five_one span i{ margin:0 auto 10px; display:block; background:url(../img/youshi1.png) no-repeat left top; width:55px; height:55px; transition:all 0.4s} .index_five a:hover{background:url(../img/youshi_bj.png) no-repeat left top;} a.five_one:hover i{background:url(../img/youshi1.png) no-repeat -57px top;} a.five_two{ display:block; background:url(../img/youshi2_bj.png) no-repeat left top; height:215px; padding-top:42px; width:171px; font-size:14px; color:#666666; margin-left:90px; transition:all 0.4s} a.five_two span{ display:block; width:112px; height:55px; margin:0px auto; font-size:18px; font-weight:bold; color:#FFF; margin-bottom:95px;} a.five_two span i{ margin:0 auto 20px; display:block; background:url(../img/youshi2.png) no-repeat left top; width:112px; height:55px; transition:all 0.4s} a.five_two:hover i{background:url(../img/youshi2.png) no-repeat -140px top;} a.five_three{ display:block; background:url(../img/youshi3_bj.png) no-repeat left top; height:215px; padding-top:45px; width:171px; font-size:14px; color:#666666; margin-left:85px;transition:all 0.4s} a.five_three span{ display:block; width:75px; height:55px; margin:0px auto; font-size:18px; font-weight:bold; color:#FFF; margin-bottom:90px;} a.five_three span i{ margin:0 auto 10px; display:block; background:url(../img/youshi3.png) no-repeat left top; width:55px; height:65px; transition:all 0.4s} a.five_three:hover i{background:url(../img/youshi3.png) no-repeat -60px top;} a.five_four{ display:block; background:url(../img/youshi4_bj.png) no-repeat left top; height:215px; padding-top:35px; width:171px; font-size:14px; color:#666666; margin-left:85px;transition:all 0.4s} a.five_four span{ display:block; width:78px; height:78px; margin:0px auto; font-size:18px; font-weight:bold; color:#FFF; margin-bottom:75px;} a.five_four span i{ margin:0 auto 10px; display:block; background:url(../img/youshi4.png) no-repeat left top; width:78px; height:78px; transition:all 0.4s} a.five_four:hover i{background:url(../img/youshi4.png) no-repeat -99px top;} a.five_five{ display:block; background:url(../img/youshi5_bj.png) no-repeat left top; height:215px; padding-top:45px; width:171px; font-size:14px; color:#666666; margin-left:85px;} a.five_five span{ display:block; width:113px; height:66px; margin:0px auto; font-size:18px; font-weight:bold; color:#FFF; margin-bottom:75px; text-align:center} a.five_five span i{ margin:0 auto 10px; display:block; background:url(../img/youshi5.png) no-repeat left top; width:113px; height:66px; } /*棣栭〉鏂伴椈涓績鍐呭*/ .index_news_bj{ background:url(../img/index_news_bj.gif) no-repeat center top #f1f2f4; height:auto; overflow:hidden; padding-top:18px;} .index_news_bj li{ width:575px; float:left; margin:20px 20px 20px 0;} .index_news_bj a{ display:block;width:575px; height:100px;} .news_xx{ width:380px;} .four_news_title{ font-weight:bold; color:#3b3b3b; font-size:16px; height:30px; line-height:30px;transition:all 0.4s;} .four_news_content{ color:#444; font-size:14px; line-height:25px;} .four_time_autor{ color:#929292; font-size:12px; transition:all 0.2s;} .index_news_bj a:hover .four_news_title{ color:#F00;padding-left:10px;} .index_news_bj a:hover .four_time_autor{ padding-left:5px;} .index_news_bj li img{ border:1px #CCCCCC solid; width:172px; height:94px; -moz-border-radius: 8px; /* Gecko browsers */ -webkit-border-radius: 8px; /* Webkit browsers */ border-radius: 8px; /* W3C syntax */ } .left_pro_xm{ background:url(../img/left_pro_xm.gif) no-repeat left top; height:59px; padding:20px 0 15px 50px} p.left_pro_xm span{ display:block; color:#FFF; font-size:24px;} p.left_pro_xm b{ font-weight:100; color:#4b74b3; font-size:14px; text-transform:uppercase} .left_list{ width:248px; background:#efefef;} .big_class{ height:40px; clear:both;} .big_class a{ background:url(../img/left_pro_li_bj.gif) no-repeat left center; height:40px; line-height:40px; padding-left:30px; font-size:14px; color:#0d7044; font-weight:bold; transition:all 0.4s;} .big_class a:hover{ background:url(../img/left_pro_li_bj.gif) no-repeat 5px center; padding-left:25px;} .small_class{ background:url(../img/left_list_bj.jpg) repeat left top; height:auto; overflow:hidden; padding:0 15px 0 30px; line-height:36px;} .small_class a{ display:block; float:left; padding:0 5px; height:20px; margin:10px 0 7px; line-height:20px; color:#4b4b4b; transition:all 0.4s;} .small_class a:hover{ padding:0 5px 0 10px; color:#fff; background:#05864d;} .left_list_content{ padding-bottom:35px;} .left_contact{ background:url(../img/left_contact.jpg) no-repeat left top; height:97px; padding:25px; color:#FFF;} .contact_xm{ font-size:18px; font-weight:bold;} .left_contact p{ height:25px; line-height:25px;} .contact_xm b{ font-weight:100; padding:0 10px;} .left_contact_one i{ background:url(../img/left_tel.png) no-repeat left top; width:20px; height:14px; display:block; float:left; margin:7px 5px 0 0; transition:all 0.4s} .left_contact_one:hover i{ background:url(../img/left_tel.png) no-repeat -17px top;} .left_contact_two i{ background:url(../img/left_tel2.png) no-repeat left top; width:18px; height:16px; display:block; float:left;margin:7px 5px 0 0; transition:all 0.4s} .left_contact_two:hover i{ background:url(../img/left_tel2.png) no-repeat -17px top;} .left_contact_three i{ background:url(../img/left_tel3.png) no-repeat left top; width:18px; height:14px; display:block; float:left;margin:7px 5px 0 0; transition:all 0.4s} .left_contact_three:hover i{ background:url(../img/left_tel3.png) no-repeat -17px top;} .pro_img2{ width:580px;border:1px #f1f1f1 solid;} .pro_img2 img{ width:580px; height:375px;} .pro_box{ width:920px;} /*鏂伴椈涓績璇︾粏椤甸潰*/ .new_li_content li{ height:250px; width:1180px; padding:10px; border-bottom:1px #e1e1e1 dotted; transition:all 0.4s linear 0s; margin-bottom:10px;} .news_title_content{ height:230px; width:730px; padding:20px; } .new_li_content li img{ margin:0;} .news_li_content{ width:730px; color:#999; font-size:16px; line-height:30px;} .new_li_content li:hover{ background:#086bc5} .new_li_content li:hover .news_li_title span{ color:#FFF} .new_li_content li:hover .news_li_content{ color:#fff; } .new_li_content li:hover a{ color:#FFF} .news_li_title span{ font-size:18px; font-weight:bold; color:#039; padding:0 10px;} .news_li_title .time_news2{ margin:0 15px;transition:all 0.2s linear 0s;} .new_li_content li:hover .news_li_title{ color:#FF0; font-weight:bold;} .new_li_content li:hover .time_news2{ margin:0 25px;} .news_up{ border-top:1px #d1d1d1 solid; padding-top:10px; margin-top:10px;} .xgcp_img{ height:auto; overflow:hidden;background:#f7f7f7; padding:10px;} .xgcp_img a{ display:block; float:left; border:1px #CCCCCC solid; text-align:center; margin:0 4px; transition:all 0.4s linear 0s;} .xgcp_img a:hover{ background:#a10000; color:#FFF} .xgcp_img a img{ padding:2px; width:200px; height:160px; } .pro_content_xm span{ display:block; float:left; width:108px; height:50px; line-height:50px; color:#FFF; text-align:center; font-size:16px; font-weight:bold; background:#006ec3;} .pro_content_xm a{ padding:0 10px;} .pro_content_xm{ background:#efefef; height:50px; line-height:50px;} .img_pro{ width:450px;} .pro_xx{ padding:10px 0 0px 60px; line-height:25px; width:480px; font-size:16px; line-height:30px;} .pro_xx p{ font-size:12px; line-height:30px;} .pro_xx p.name_title{ font-size:22px; color:#005097; font-weight:bold; padding-bottom:10px; } a.online_order{ display:block; margin-right:10px; float:left; font-size:14px; text-align:center; color:#FFF; width:157px; height:35px; line-height:35px; transition:all 0.2s linear 0s; background:#c40000 url(../img/order.png) no-repeat 10px 4px;} a.online_qq{ display:block; margin-right:10px; float:left; font-size:14px; text-align:center; color:#c40000; width:157px; overflow:hidden; height:35px; line-height:35px; transition:all 0.2s linear 0s; background:#ffeded url(../img/QQ.png) no-repeat 10px 4px; border:1px #c40000 solid;} a.online_qq:hover{ background:#C40000 url(../img/QQ.png) no-repeat 10px -35px; color:#FFF} a.online_order:hover{ background:#C40000 url(../img/order.png) no-repeat 10px -33px; color:#FFF} #guestbook_content{margin:0 auto; width:800px;} #guestbook_content b{ width:800px; display:block; height:30px; line-height:30px; border-bottom:1px dashed #CCC; padding-bottom:10px; margin-bottom:10px;} .order_li{ margin:0 auto; width:600px;} .order_li table{ width:600px; text-align:left;} .order_li td{ margin-bottom: 6px; width:300px; text-align:right; padding-bottom: 6px; } .order_li input{ height:22px; line-height:22px; background:#FFF; float:left} input.but2{ height:40px; line-height:40px; color:#FFF; width:80px; background:#F00} .index_links li{ margin:0 2px;display:block; float:left; height:30px; line-height:30px;} .index_links li a{ display:block; height:30px; line-height:30px;padding:0 5px; transition:all 0.4s linear 0s;} .index_links li a:hover{ background:#F60; color:#FFF;-moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:10px; /* W3C syntax */} .index_link_content{ border-top:none; width:1198px; margin:0 auto; height:auto; overflow:hidden; background:#EFEFEF} .link_content{ border-top:1px #FFFFFF solid; height:auto; overflow:hidden;} .link_content li{ margin:5px 2px; display:block; float:left; height:30px; line-height:30px;} .link_content li a{ display:block; padding:0 10px; float:left; transition:all 0.4s linear 0s;} .link_content li a:hover{ background:#C00; color:#FFF;-moz-border-radius: 15px; /* Gecko browsers */ -webkit-border-radius: 15px; /* Webkit browsers */ border-radius:15px; /* W3C syntax */ } /*浜у搧璇存槑璇︾粏椤甸潰*/ /* end css*/ .news_title { font-size:18px; font-weight:bold; color:#1f52a3; text-align:center;} /*浜烘墠鎷涜仒鏍峰紡*/ .jobs_xx{ padding:5px 0 15px; line-height:25px;} .jobs_search{ background:#e8e8e8; border:1px #d1d1d1 solid; height:19px; padding:14px 80px 14px 35px; line-height:19px; color:#585858} .jobs_search span{ padding-left:10px;} .title_jobs{ margin:13px 0 2px; width:1142px; background:#e10000; height:37px; line-height:37px; color:#FFF;} .title_jobs li{display:block; float:left; width:285px; text-align:center; height:37px; line-height:37px; color:#fff; font-size:12px;} #box_3 { background:#efca00; width:1100px; margin: 0 auto; padding:40px 20px 40px 51px; height:auto; height:443px; overflow:hidden; color:#693a02; font-size:12px; line-height:25px; } .jobs_gangwei li{height:37px; line-height:37px; border:1px #efefef solid; width:1140px; margin:1px 0;} .zwms{ display:none;} .jobs_gangwei table{width:1140px;height:37px; line-height:37px;} .jobs_gangwei td{ width:280px; text-align:center; } .right_about{ color:#414141; width:249px; background:#FFF; padding:10px; height:208px; line-height:25px;} .about_lm{ border-bottom:1px solid #e7e7e7; height:40px; line-height:40px; font-size:18px; font-weight:bold; margin-bottom:5px;} a.right_more{ transition:all 0.2s linear 0s; display:block; background:url(../img/more_bj.png) no-repeat 45px center; height:25px; line-height:25px; width:60px; color:#6d6d6d} a.right_more:hover{background:url(../img/more_bj.png) no-repeat 50px center #C00; color:#FFF; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; } .news_case a{ margin-left:10px;} td.zkgd{ background:url(../img/dot.png) no-repeat 120px center;} /*浜烘墠鏀跨瓥閫夐」鍗℃牱寮?/ .job_nav{ margin:10px 26px; background:#e8e8e8; border:1px #d1d1d1 solid; height:36px; line-height:36px;} .fazhan_one{ background:url(../img/job_fazhan.jpg) no-repeat left top; padding-left:255px; line-height:25px; color:#424242; padding-bottom:25px;} .fazhan_one b,.peixun_one b{ font-size:18px; font-weight:bold; clear:both; display:block; } .peixun_one{ background:url(../img/peixun_one.jpg) no-repeat 0px center; padding:20px 10px 10px 250px; height:300px; line-height:30px;color:#424242;} .li_list dt{ background:#7ca5bf; height:38px; line-height:38px; padding-left:25px; width:605px; font-size:14px; color:#FFF;transition:all 0.2s linear 0s;} .dtxxm_content_nr{ background:#f3f3f3; padding:10px; line-height:30px; font-size:13px; transition:all 0.2s linear 0s;} .li_list:hover dt{background:#d00000; padding-left:30px; width:600px;} .li_list:hover .dtxxm_content_nr{ background:#153685; color:#fff} .dxtc_one{ background:url(../img/dxtc.jpg) no-repeat left center; padding:30px 15px 10px 230px; height:155px; line-height:25px; } .dxtc_one b{ font-weight:bold; font-size:18px; color:#d20000;} .deal_Title { height: 37px; line-height: 37px; border: #e4ebf0 solid 1px; cursor: pointer; width: 1140px; margin-bottom:1px; transition:all 0.2s linear 0s; } .deal_Title:hover{ background:#d2d2d2; } .deal_Title td{ width:280px; text-align:center;} .deal_Title .job { display: block; padding: 0 30px 0 20px; width: 120px; } .deal_Title a { display: block; float: left; clear: both; width: 870px; } .deal_Title a:hover { background: #CCC; } .deaTi td{ background:#f3f3f3} .deaTi td.zkgd{background:url(../img/dot.png) no-repeat 120px center #f3f3f3;} .title_lm .job { display: block; padding: 0 30px 0 20px; width: 120px; border-right: 1px #FFFFFF solid; } .deal_Title.deaTi { background: url(../img/job_titbg1.gif) left bottom no-repeat; } .deal_menuCont { line-height: 28px; padding: 20px 30px 50px 45px; border:1px #efefef solid; border-top:none; background: #fff; width: 1065px; margin-bottom:1px; position:relative; } .deal_menuCont a{transition:all 0.2s linear 0s; background:#e10000; width:86px; height:29px; text-align:center; font-size:14px; text-align:center; display:block; float:left; color:#FFF; position:absolute; bottom:5px;} .deal_menuCont a:hover{ background:#e18f00; color:#fff} .deal_left { float: left; } .deal_right { width: 68px; float: left; height: 20px; padding-top: 140px; } .dealCon { bottom: 10px; right: 10px; } .deal_Title1 { height: 25px; line-height: 25px; background: url(../images/job_titbg4.jpg) left bottom no-repeat; padding-top: 15px; width: 710px; } .deal_Title1.deaTi1 { background: url(../images/job_titbg3.jpg) left bottom no-repeat; } .deal_menuCont1 { padding: 0 15px; line-height: 28px; padding-bottom: 10px; padding-top: 10px; background: #fafafa; } .deal_left1 { width: 600px; float: left; } .deal_right1 { width: 68px; float: left; height: 20px; padding-top: 140px; } .xiangxi { color: #FF0 } /*NEWS CONTENTS PAGE*/ .but2{ background:#d1d1d1; border:1px #d1d1d1 solid; height:22px; line-height:22px; width:50px; color:#FFF} .but2:hover{ background:#ff6600; border:1px #ff6600 solid;} .but3{ background:#e10000; border:1px #e10000 solid; height:21px; line-height:21px; width:50px; color:#FFF; margin-left:4px;} .but3:hover{ background:#ff6600; border:1px #ff6600 solid;} .recruit{ margin:40px;} .recruit b{ font-size:16px; color:#F90} .recruit td{ padding:5px; height:25px; line-height:25px;} .recruit input{ height:25px; line-height:25px;} .search_news input.search_bj2{ background:#fcfcfc; border:1px #eee solid; border-right:0; height:20px; line-height:20px; padding-left:5px; color:#666; } #newTitle { color: #ece906; font-size: 18px; text-align: left; } #newTitle strong { font-size: 14px; } #newsContent { color: #fff; margin-bottom: 16px; } #newsContent td { background: #FFF; } #newsInfo { color: #666; margin: 0px; font-weight: normal; text-align: center; } .infoClass { margin: 0px; margin-bottom: 10px; line-height: 12px; } #infoImage { text-align: center; } #infoImage img { padding: 1px; border: 1px #f2f2f2 solid; } /*PRODUCTS LIST PAGE*/ #picUL { text-indent: 0; overflow: hidden; } #picUL li { height: 230px; width: 190px; padding: 5px; float: left; line-height: 18px; margin: 0 5px 14px; _margin: 0 5px 10px; background: #353535; text-align: center; border: 1px solid #353535; } .name { background: url(../img/inco3.gif) no-repeat left center; padding-left: 15px; display: block; float: left; margin-left: 5px; } #picUL li:hover { background: #232323; color: #FFF } #picUL li img { width: 180px; height: 180px; padding: 4px; border: none; } #picUL li img:hover { border-color: #999; } /*GUESTBOOK PAGE*/ .G_InputText { width: 160px; height: 16px; border: 1px solid #dedede; } .G_textarea { width: 300px; height: 100px; border: 1px solid #dedede; } .G_ul { width: 500px; margin: 0 auto; line-height: 26px; } .G_botton { width: 55px; height: 29px; line-height: 29px; border: 0; background: url(button.gif) no-repeat; cursor: pointer; } .G_tips { color: #666; width: 486px; margin: 10px auto 0 auto; border: 1px solid #dedede; padding: 7px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 3px rgba(0,0,0,.1); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1); } /*浜烘墠鎷涜仒*/ .jobList { padding: 5px 16px 20px 16px; position: relative; width: 550px; margin: 0 auto; } .yingping { position: absolute; right: 0; bottom: 0; color: #f00; } /*鑱旂郴鎴戜滑*/ #contact li { border-bottom: 1px dashed #dedede; line-height: 33px; } #page { clear: both; line-height: 35px; height: 35px; width: 100%; text-align: center; margin: 12px 0px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .G_botton { width: 55px; height: 29px; line-height: 29px; border: 0; background: url(button.gif) no-repeat; cursor: pointer; } #indexPro { width: 940px; height: 120px; overflow: hidden; margin: 0 auto; float: left; } #indexPro li { float: left; margin: 10px; _margin: 5px; width: 120px; height: 100px; text-align: center; border: #CCC solid 1px; } #indexPro li:hover { background: url(../img/pic2.gif) no-repeat top center #CC0000; color: #000 } #indexPro a { color: #000; } #indexPro img { padding: 4px; width: 110px; height: 90px; } #innerRightNav li { padding-left: 10px; background-color: #EDEDED; margin-bottom: 2px; height: 25px; line-height: 25px; } #innerRightNav a { color: #fff; } #innerRightNav a:hover { color: #FFF } #innerRightNav li:hover { background-color: #f60; color: #FFF } .newlist_content { line-height: 25px; } #indexNews li, .newlist_content li { background: url(../img/dot.gif) no-repeat left center; line-height: 33px; border-bottom: 1px dashed #dedede; padding: 0 12px 0 15px; position: relative; color: #666; background: url(../img/dot.gif) no-repeat left center; } #indexNews li:hover, .newlist_content li:hover { border-bottom: 1px solid #dedede; } #indexNewsa p { width: 340px; float: left; } #indexNewsa a { line-height: 25px; border-bottom: 1px dashed #dedede; padding: 0 12px 0 15px; color: #666; width: 340px; } #indexNewsa a:hover { border-bottom: 1px solid #dedede; } .Newstime { position: absolute; right: 12px; top: 0; _top: -8px; color: #999; } .pic img { padding: 2px; border: 1px #CCC solid; } .tel { right: 18px; top: 25px; font-family: Arial, Helvetica, sans-serif; line-height: 25px; color: #C00; font-size: 16px; } .contact_content p { font-weight: bold; } .news_li_2 li { height: 30px; line-height: 30px; padding: 0 10px; width: 245px; border-bottom: 1px #CCCCCC dotted; background: url(../img/inco.gif) no-repeat 3px center; } .news_li_2 li:hover { background: #efefef url(../img/inco.gif) no-repeat 3px center; } .news_content { padding: 0 10px; line-height: 25px; } .guestbook li { background: url(../img/ans.gif) no-repeat left 5px; margin: 0 65px; line-height: 25px; padding-left: 20px; font-weight: bold; color: #017876; } .guestbook .list_content { background: url(../img/da.gif) no-repeat left 15px; padding-bottom: 10px; line-height: 25px; padding-left: 80px; border-bottom: 1px #CCC dotted; } .guestbook li strong, .guestbook .list_content strong { color: #C00; } .list_content { font-size: 12px; height: auto; margin-bottom: 5px; padding: 2px 0; } #picUL2 li, #picUL3 li { height: 130px; padding: 8px 0; border-bottom: 1px #CCC dotted; width: 100%; } #picUL2 li:hover, #picUL3 li:hover { background: #363636; color: #c5c3c3 } .pro_content { line-height: 25px; padding:20px 0; font-size:14px; text-align: left; } #picUL2, #picUL3 { width: 650px; } #picUL2 li img { width: 160px; height: 120px; border: 1px solid #505050; padding: 2px; margin-left: 5px; } #picUL3 li img { width: 102px; height: 120px; border: 1px solid #505050; padding: 2px; margin-left: 5px; margin-right: 15px; } #picUL2 li img:hover, #picUL3 li img:hover { border-color: #999; } .indexCon { width: 100%; overflow: hidden; } .indexCon .flashBanner { width: 100%; height: 390px; overflow: hidden; } .flashBanner { position: relative; } .flashBanner .mask { height: 70px; line-height: 70px; background-color: #000; width: 100%; text-align: center; position: absolute; left: 0; bottom: -32px; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; overflow: hidden; } .flashBanner .mask img { vertical-align: middle; margin-right: 10px; cursor: pointer; } .flashBanner .mask img.show { margin-bottom: 3px; } .content{ font-size:14px; line-height:30px;} #data p .content_lm2{ background:url(../img/dotj.gif) no-repeat left center; display:block; float:left; padding:20px; font-size:14px; font-weight:bold; clear:both; width:98%;} .pro_tab table{ background:#dedede} .pro_tab table td{ background:#FFF; text-align:center;} .content strong{color:#003175; font-size:16px; padding:10px 0;} .pro_tab strong{ margin-top:10px; clear:both;color:#fff; font-size:14px; padding:0px 5px; display:block; background:url(../img/data_strong.gif) no-repeat left top; height:61px; line-height:35px; font-weight:bold; text-align:center; width:101px} .tb-list { height: 31px; border-bottom: 1px solid #e4e4e4; padding-left: 10px; } .tb-list li { float: left; padding-top: 2px; margin-right: 5px; } .tb-list li .current { display: block; width: 79px; border: 1px solid #C8C8C8; border-bottom-color: white; background-position: left bottom; color: #276ABA; font-weight: bold; } .tb-list li a { width: 74px; height: 28px; line-height: 28px; display: block; position: relative; text-align: center; border: 1px solid #DDD; border-bottom: none; color: #4B4B4B; background: url('../skin/tabbg.jpg') no-repeat left top; } #guestbook .current { display: block !important; } #guestbook .tab { margin: 20px; display: none; } #guestbook .tab { margin-top: 0; } ul.guestbook li { color: #3393e2; padding: 10px 0; } ul.guestbook li strong { color: #ed731a; } .list_content strong { color: #ed731a; } .xiangxi { top: 10px; right: 5px; } .scrollDiv { height: 34px; line-height: 34px; overflow: hidden; margin: 0 auto; padding-left: 20px; } .scrollDiv li { clear: both; } /* 浜烘墠鎷涜仒 */ .job_color { background: #f1f5f8; } .job_color2 { background: #ececec } .title_lm { color: #FFF; font-weight: bold; background: #6f7477; height: 45px; line-height: 45px; } .G_botton { background: #C00; color: #FFF } .news_zy { border: 1px #191818 solid; padding: 10px; line-height: 25px; background: #313030 } .pro li { float: left; overflow: hidden; margin: 0 7px 10px; padding: 5px; width: 220px; text-align: center; white-space: nowrap; height: 230px; background:#eee; } .pro li:hover { background: #009a9c; color: #FFF } .pro li:hover a { color: #FFF } .pro span { padding-left: 15px; background-position: 0 -114px; } .pro img { padding: 5px; width: 210px; margin-bottom: 10px; height: 180px; /*border: 1px solid #dcdcdc;*/ } .pro a:hover { color: #f60; } .pro img:hover { /*border: 1px solid #eee;*/ background: #fbfbfb; } .info_title{background: #d6d6d6; width:100%; height:47px; line-height:47px;} .info_title b { display: block; height: 100%; border-right: 1px solid #fff; background: #1b3fb7; width:206px; color: #fff; float:left; line-height: 47px; text-align:center; transition: all 0.2s linear 0s; cursor:pointer; } .info_title b:hover,.info_title b.hover,.info_title b.active{ background:#0d1a45; width:206px; height:47px; color:#FFF} .info_title a { margin: 8px; width: 15px; height: 15px; background-position: 0 -426px; } .pro_name { display: block; color: #da020d; text-align: center; } .jobs strong { color: #da020d; } .jobs p {/*margin:6px 0 -134px 156px;*/ line-height: 35px; } #index_gd ul { height: 140px; width: 1999px } #index_gd ul li { width: 148px; height: 140px; float: left; text-align: center; background: url(../img/index_gd.jpg) no-repeat left top; padding: 5px; margin-right: 10px; } #index_gd ul li:hover { background: #005f98; color: #FFF } #index_gd ul li img { width: 148px; height: 120px; } /*shouye cp gd BEGIN*/ #pro_gd { width: 931px; height: 168px; margin: 0 auto; overflow: hidden; margin-left: 5px; margin-bottom:20px; } #pro_gd ul { width: 1999px; height: 168px; margin: 10px 0 0 0; } #pro_gd ul li { width: 198px; height: 146px; float: left; padding: 0 20px 0 0; text-align: center; background: url(../img/index_gd.jpg) no-repeat left top; padding: 6px 15px 6px 15px; } #pro_gd ul li img { width: 198px; height: 146px; margin-bottom: 16px; } .info_img li { list-style: none; margin-right: 8px; margin-bottom: 23px; float: left; } #pro_list { background: #fff; width: 207px; padding: 8px; } #pro_list li { background: url(../img/left_li.gif) no-repeat left top; height: 32px; line-height: 32px; width: 187px; margin: 2px; padding-left: 20px; } #pro_list li:hover { background: url(../img/zy_li_bj2.gif) repeat-x left bottom #999999; color: #FFF } #pro_list li:hover a { color: #FFF } .gonggao_content { padding: 10px; } .news_time_new { border-right: 1px #c0bfad solid; height: 45px; color: #c0bfad; padding: 10px 10px 5px 0; margin-right: 5px; width: 50px; } .list_content_new { color: #8d8d8d; line-height: 20px; } .month { font-size: 32px; } .year_day { font-size: 14px; } .news_time_new1 { cursor: pointer; height: 90px; color: #fff; margin-right: 5px; width: 80px; margin-bottom: 5px; padding: 10px; } .news_list li:hover .news_time_new1 .month { background: #F60 } .news_time_new1 .year_day { color: #ccc; background: #FFF; border: 1px #CCCCCC solid; text-align: center } .news_time_new1 .month { background: #CCCCCC; height: 60px; line-height: 60px; text-align: center; } .news_list li:hover .news_time_new1 .year_day { border: 1px #F60 solid; color: #F60 } .news_list a:hover { color: #F60 } .news_list li { padding: 5px; height: 120px; width: 1100px; } .news_list .news_title{ font-size:14px;} .news_li_time li { width: 375px; height: 65px; padding: 2px; margin-bottom: 3px; color: #c0bfad } .news_title2{ font-size:28px; font-weight:bold; height:35px; line-height:35px;} .list_title_content { width: 390px; } .list_title_content a, .list_title_content1 a { color: #e70004; font-weight: bold; font-size: 12px; } .news_time { top: 5px; right: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #5b5b5b } .list_bottom_conent { padding-bottom: 5px; margin: 5px; border-bottom: 1px #b2b2b2 dotted; } .news_list li:hover{ background:#e21001; color:#585858;transition: all 0.2s linear 0s;} .news_list li:hover .list_title_content1 {color:#585858; border-bottom:none;} .list_title_content1 { width: 900px; border-bottom: 1px #CCCCCC dotted; height: 110px; padding-bottom: 5px; } .list_title_content1 b{ color:#333; font-size:14px; font-weight:bold;} .news_list li:hover b,.news_list li:hover .list_title_content1,.news_list li:hover .news_time,.news_list li:hover .news_title{ color:#FFF} /******************婊氬姩鏉?**************/ .divScrollBar { background-color: #d7d2d0; position: absolute; z-index: 1000000000; width: 1px } .divScrollBar:hover { opacity: 1; filter: Alpha(opacity=100); } .divScrollBar div { background-color: #df0202; position: absolute; left: 0px; top: 0px; } #gb { width: 5px; height: 21px; position: absolute; margin: 388px 0 0 1153px; z-index: 99999; } /***************page***************/ .page { margin: 10px 20px 15px 0; } .page a { display: inline-block; height: 18px; line-height: 18px; border: 1px solid #dbdbdb; padding: 0 2px 0; } .page a:hover { background: #404040; color: #fff; border: none; height: 20px; line-height: 20px; padding: 0 3px 0; } .page.current { padding: 0 6px 0; height: 18px; line-height: 18px; background: #404040; color: #fff; } /* zp_box */ #index_quick { background: #e5e5e5; width: 205px; padding: 8px 4px; } .zp_box { width: 92px; height: 83px; display: inline; overflow: hidden; float: left; cursor: pointer; background: url(../img/button_bj.gif) no-repeat left top; text-align: center; margin: 0 5px 10px 5px; } .zp_box img { padding: 10px; } .pop_tit { width: 80px; height: 20px; padding: 10px 10px 5px 10px; background: url(../img/zp_titbg.gif) no-repeat 0px 0px; display: none; color: #CCC; font-size: 14px; } .p_tit2 { line-height: 15px; font-family: Arial; color: #fd8200; font-size: 12px; } /****浜т笟绌洪棿****/ .bodyer_space { width: 100%; height: 405px; position: relative; overflow: hidden; margin: 20px auto; z-index: 0; } .spacecon { width: 980px; margin: 0 auto; } .spa_pic { position: relative; float: left; width: 215px; height: 0px;/* width:215px; height:464px;*/ margin: 554px 15px 0; overflow: hidden; background: #000; } .green { position: absolute; left:0 top:0; width: 100%; height: 100%; background: url(../img/space_pic01.jpg) no-repeat; opacity: 0.7; } .human { position: absolute; width: 100%; height: 100%; background: url(../img/space_pic02.jpg) no-repeat; opacity: 0.7; } .natural { position: absolute; width: 100%; height: 100%; background: url(../img/space_pic03.jpg) no-repeat; opacity: 0.7; } .unit { position: absolute; width: 100%; height: 100%; background: url(../img/space_pic04.jpg) no-repeat; opacity: 0.7; } .spa_circle { z-index: 1; position: absolute; left: 50%; top: 50%; width: 138px; height: 138px; margin-left: -69px; margin-top: -69px; opacity: 1; cursor: pointer; } .spa_bg { width: 8px; height: 8px; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; position: absolute; } .spa_circle .img { width: 100%; height: 100%; } .spa_font { width: 98px; height: 62px; padding-top: 20px; position: absolute; left: 50%; top: 50%; margin-left: -49px; margin-top: -46px; text-align: center; z-index: 2; background: url(../img/spance_icon01.jpg) no-repeat center bottom; font: 14px/20px "寰蒋闆呴粦"; color: #717171; } .spa_font span { display: block; text-align: center; font: 12px/20px Arial; color: #c5c5c5; } /*jobs*/ /*jobs*/ .jobs_four_p li { width: 100%; } .jobs_four_p { width: 100%; height: 180px; float: left; margin-bottom: 10px; font-size: 12px; color: #666666; overflow: hidden; padding-bottom: 0px; } .jobs_four_p table { padding-left: 10px; } .jobs_four_p td { line-height: 25px; height: 40px; } .jobs li { overflow: hidden; color:#693a01; margin: 5px; padding: 15px 10px; border: 1px dotted #a58b00; margin-bottom: 5px; background: #c8a902 } .jobs a { position: relative; bottom: 40px; right: 60px; float: right; width: 71px; height: 34px; color: #fff; text-align: center; line-height: 34px; background: #C00 } .jobs strong { color: #da020d; } .zwms { padding-bottom: 40px; line-height: 25px; width: 920px; padding-left: 10px; } .job-xx { padding: 10px 0 0 50px; } .recruit_info { background: #f5f5f5; border: 1px #dadcdd solid; padding: 10px; } .recruit_info td { height: 35px; line-height: 35px; padding: 0 5px; } .recruit_info_main { line-height: 25px; position: relative; min-height: 200px; _height: 200px; } .recruit_info_main a { position: absolute; right: 10px; bottom: 50px; } .xiangx { background: #6f7477; border: 1px #CCCCCC solid; border-top: none; } .xiangx span { display: block; padding: 0 10px; text-align: center; font-size: 14px; height: 30px; margin: 5px 0; line-height: 30px; color: #FFF; } a.job_button { display: block; background: #C00; height: 35px; line-height: 35px; text-align: center; width: 100px; color: #FFF; float: right; margin-bottom: 15px; } a.job_button:hover { background: #000; } /*鑱旂郴鎴戜滑*/ .contact{ width:460px; padding-top:20px;} .message { width:500px; margin: 20px auto; line-height: 25px; font-size: 14px; color: #888888; padding-top: 15px; } .order { width: 500px; margin: 20px auto; line-height: 25px; font-size: 14px; color: #888888; padding-top: 15px; } .order select{ border:1px #e9e9e9 solid; height:30px; line-height:30px;width: 400px; margin-bottom:5px; background:#fafafa} .order input { padding-left:10px; background: #fafafa; width: 400px; height: 30px; margin-bottom: 15px; border: 1px solid #e9e9e9; } .message { width:950px; margin: 20px auto; line-height: 25px; font-size: 14px; color: #888888; padding-top: 15px; } .message input { padding-left:10px; background: #fff; width: 350px; height: 30px; margin-bottom: 15px; border: 1px solid #e9e9e9; } .index_message{ color:#FFF} .index_message p{ height:26px; margin:10px 0 10px 0;} .message_k{ width:260px;} .message_k2{ width:340px; margin-left:10px;} .index_message span{ display:block; float:left; width:50px; text-align:left; font-size:12px;} .index_message input{ background: #fafafa; width: 195px; height: 26px; margin-bottom: 15px; border: 1px solid #e9e9e9; } .index_message textarea{ background: #fafafa; width: 250px; height: 100px; border: 1px solid #e9e9e9; } .message textarea{ background: #fff; width: 400px; height: 180px; border: 1px solid #e9e9e9; } .order textarea{ background: #fafafa; width: 400px; height: 80px; border: 1px solid #e9e9e9; } .index_message input:hover,.message input:hover, .message textarea:hover,.order input:hover,.order textarea:hover,.index_message textarea:hover { background: #c9e5e6 } /*flash*/ /*news */ .totop{position:fixed;right:25px;bottom:25px;display:block;width:26px;height:62px;background:url(../img/rocket.png) no-repeat 0 0;-webkit-transition: all 0.2s ease-in-out;} .totop:hover{background:url(../img/rocket.png) no-repeat 0 -62px;} /*浜у搧椤甸潰*/ .demo{width:1000px;height:220px;clear: both;position: relative;padding:0px 50px;} .bx_wrap ul img {height:180px; width:200px; margin-bottom:2px; border:1px #CCCCCC solid;} .bx_wrap ul li{display:block; float:left;height:220px; width:212px;text-align:center; padding-top:4px; font-size:12px; margin:0 2px 0 0;} .bx_wrap ul li:hover{ background:#2c2c2c;} .bx_wrap ul li:hover a{ color:#FFF} .bx_wrap a.prev {width:30px;height:60px;line-height:26px;outline-style:none;outline-width: 0;position:absolute; top:60px; left:10px; text-indent:-999em; background: url(../img/left_prv.png) no-repeat;} .bx_wrap a.next {width:30px;height:60px;line-height:26px; left:1160px;position: absolute;top:60px; text-indent:-999em; background:url(../img/right_next.png) no-repeat right 0;} /*鐒︾偣鍥?/ #full-screen-slider { width:100%; height:606px; float:left; position:relative} #slides { display:block; width:100%; height:606px; list-style:none; padding:0; margin:0; position:relative} #slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute} #slides li a { display:block; width:100%; height:100%; text-indent:-9999px} #pagination { display:block; list-style:none; position:absolute; left:50%; top:530px; z-index:9900; padding:5px 15px 5px 0; margin:0} #pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF } #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;} #pagination li.current { background:#0092CE} .news_up{height:25px;padding-left:15px;} .news_down{ height:25px;padding-left:15px;} /*浜у搧鐢熶骇鐜板満js*/ .column1_left { width:370px; margin:0 auto; text-align:center;} .container { width:370px; height:553px; overflow:hidden; position:relative; background:#000 } .slider li { list-style:none; display:inline; } .slider img { width:370px; height:520px; display:block; border:0; } .slider2 li { float:left; position:relative } .num { position:absolute; right:100px; bottom:4px; height:20px; _bottom:1px; } .num li { float: left; width:21px; height:20px; background:url(../images/ink0721hui.png) no-repeat center center; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ink0721hui.png', sizingMethod='crop'); cursor: pointer; overflow: hidden; } .num li.on { background:url(../images/ink0721hui1.png) no-repeat center center; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ink0721hui1.png', sizingMethod='crop'); width:21px; height:20px; } .idSiideer_pos{height:65px; line-height:65px; color:#FFF;position:absolute; left:0px; bottom:0px; width:370px; z-index:10; text-align:center; font-size:16px; font-weight:bold;} .idSiideer_pos2{height:65px; background:#000; position:absolute; left:0px; bottom:0px; width:370px;filter:alpha(opacity=50);opacity:0.5;} /*澶囧搧閰嶄欢*/ .service_bpbj{ background:#FFF; height:auto; overflow:hidden; margin-bottom:20px;} .service_bpbj p{ background:#657b9b; height:45px; line-height:45px; font-size:18px; padding-left:10px; color:#FFF} .bpbj_font{ margin-left:30px; background:url(../img/bpbj_font.gif) no-repeat left top; height:38px; line-height:38px;display:block;width:120px; text-align:center; color:#FFF; font-size:18px; text-align:center;} .bpbj_content{ margin:0px 30px; line-height:25px;} .jjfa_content{ width:670px; margin:5px; height:auto; overflow:hidden;} .jjfa_xm{ background:#657b9b; height:46px; line-height:46px; font-size:18px; padding-left:15px; color:#FFF;} .jjfa_mx:hover{ background:#d7d6d9} .jjfa_mx{transition:all 0.2s linear 0s; background:#FFF; padding:20px 15px; margin-top:10px;} .mx_title{ color:#00003a; font-size:14px; padding:0 10px; height:30px; border-bottom:1px #dfdfdf solid; font-weight:bold;} .mx_title span{ color:#4033cc;font-weight:bold;} .mx_content{ color:#b1b1b1; font-size:14px; padding:0 10px; line-height:30px;} /*杩斿洖椤堕儴*/ #moquu_top,#moquu_wxin,#moquu_wshare,#moquu_wmaps { z-index:2; width:50px; height:50px; right:10px; position:fixed; cursor:pointer; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) } #moquu_wxin { top:360px; _margin-top:360px } #moquu_wxin a { background:url(../images/sbtn.png) 0 -0px; right:0; float:left; width:50px; height:50px; text-indent:-9999px } #moquu_wxin a:hover { background:url(../images/sbtn.png) -50px -0px } #moquu_wshare { top:412px; _margin-top:412px } #moquu_wshare a { background:url(../images/sbtn.png) 0 -50px; width:50px; height:50px; right:0; float:left; text-indent:-9999px } #moquu_wshare a:hover { background:url(../images/sbtn.png) -50px -50px } #moquu_wmaps { top:464px; _margin-top:464px } #moquu_wmaps a { background:url(../images/sbtn.png) 0 -150px; width:50px; height:50px; right:0; float:left; text-indent:-9999px } #moquu_wmaps a:hover { background:url(../images/sbtn.png) -50px -150px } #moquu_top { top:516px; _margin-top:516px; background:url(../images/sbtn.png) 0 -101px; width:50px; height:50px } #moquu_top:hover { background:url(../images/sbtn.png) -50px -101px } .moquu_wxin,.moquu_wshare { position:relative; z-index:2 } .moquu_wxin a:hover .moquu_wxinh,.moquu_wshare a:hover .moquu_wshareh { display:block } .moquu_wxin .moquu_wxinh { position:absolute; display:none; left:-280px; top:-200px; width:275px; height:355px; background:url(../images/moquu_ico.png) -1px -482px no-repeat } .moquu_wshare .moquu_wshareh { position:absolute; display:none; left:-280px; top:-200px; width:275px; height:360px; background:url(../images/moquu_wshare.png) no-repeat } /*right_ad*/ #xixi{ z-index:9999999;} .xixi_bj{ background:url(../img/right_gg_bjd.png) repeat-y left top;} #fczs_main{height: 200px; } #fczs_gd{height: 200px;float:left;overflow:hidden;} #fczs_gd ul{width:1220px;height: auto;height: 200px;} #fczs_gd ul li{ display:block; float:left; width:188px; margin-right:10px; padding:} #fczs_gd ul a{ display:block; width:188px; transition:all 0.4s;} #fczs_gd ul a:hover{ background:#003c89;} #fczs_gd ul img{ width:188px; height:140px; margin-bottom:2px;} #fczs_gd div{ width:188px; line-height:25px;word-wrap:break-word; height:40px; padding:3px;} #owl-demo{position:relative;width:411px;height:368px;margin:0;} #owl-demo .item{ position:relative;display:block;} #owl-demo img{display:block;width:411px;height:368px;} #owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.5;filter:alpha(opacity=50);} #owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "寰蒋闆呴粦","榛戜綋";color:#fff;text-align:center;} .owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;} .owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../img/bg15.png);*display:inline;*zoom:1;} .owl-pagination .active{width:25px;background-image:url(../img/bg16.png);} .owl-buttons{display:none;} .owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;} .owl-prev{left:0;background-image:url(../img/bg17.png);} .owl-next{right:0;background-image:url(../img/bg18.png);} .owl-prev:hover{background-image:url(../img/bg19.png);} .owl-next:hover{background-image:url(../img/bg20.png);} /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .jd_body { padding: 0; height: 249px; overflow: hidden; } .jd_body img { vertical-align: bottom; } .jd_ad_slide { width: 340px; height: 249px; float: left; position: relative; } .jd_ad_img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; } .jd_ad_btn { position: absolute; right: 3px; bottom: 8px; } .jd_ad_btn_a { width: 22px; height: 22px; line-height: 22px; margin-right: 5px; text-align: center; border-radius: 12px; background-color: #999; color: #fff; float: left; } .jd_ad_btn_a:hover { text-decoration: none; } .jd_ad_btn .active { background-color: #E4393C; } .jd_service { width: 310px; padding-top: 230px; float: right; } .jd_nav_x { height: 30px; margin: 0; overflow: hidden; position: relative; } .js_nav_a { width: 25%; *width: 24.9%; line-height: 20px; padding: 5px 0; text-align: center; font-size: 14px; font-family: 'microsoft yahei'; float: left; } .jd_nav_x .active { color: #E4393C; } .jd_service_con { height: 136px; border: 1px solid #f1f1f1; border-top: 2px solid #aaa; position: relative; } .jd_service_img { position: absolute; display: none; } .jd_point_line { position: absolute; top: -2px; left: 0; z-index: 1; width: 25%; border-bottom: 2px solid #E4393C; text-align: center; } .jd_point_cor { position: absolute; bottom: 0; left: 50%; width: 0; height: 0; margin-left: -5px; border-style: dashed dashed solid; border-width: 5px; border-color: transparent transparent #E4393C; overflow: hidden; } .myscroll { width: 300px; height: 260px; margin: 0 auto; line-height: 26px; font-size: 14px; overflow: hidden;} .myscroll li { height: 26px; margin-left: 5px;} .myscroll a { color: #333; text-decoration: none;} .myscroll a:hover { color: #ED5565; text-decoration: underline;} .totop{position:fixed;right:25px;bottom:25px;display:block;width:26px;height:62px;background:url(../img/rocket.png) no-repeat 0 0;-webkit-transition: all 0.2s ease-in-out;} .totop:hover{background:url(../img/rocket.png) no-repeat 0 -62px;} /* 鏈緥瀛恈ss */ .foucebox { width:528px; height:317px; } .foucebox .bd { position:relative; float:left; width:380px; height:317px; overflow:hidden; } .foucebox .showDiv { position:relative; width:380px; height:290px; } .foucebox .showDiv img { width:200px; height:140px; } .foucebox .showDiv p { position:absolute; left:20px; bottom:0; padding-right:20px; color:#aaa; z-index:9; height:44px; } .foucebox .showDiv h2 { position:absolute; left:20px; bottom:0; width:380px; height:34px; background:url(../images/foucebox_h2.png) no-repeat 0 4px; _background:none; padding-left:40px; _padding-left:0; font-size:24px; font-family:"Microsoft Yahei"; line-height:34px; z-index:9; overflow:hidden; } .foucebox .showDiv h2 a { color:#FFF; font-weight:normal; text-decoration:none; } .foucebox .foucebox_bg { position:absolute; left:0; bottom:0; width:680px; height:107px; background:#000; filter:alpha(opacity=60); opacity:0.6; z-index:8; overflow:hidden; } .foucebox .hd { width:121px; height:317px; float:right; margin-left:10px; } .foucebox .hd ul li { width:119px; height:82px; float:left; margin:0 0px 12px 0px; display:inline; position:relative; } .foucebox .hd ul a { display:block; width:119px; height:82px; } .foucebox .hd ul img { width:119px; height:82px; } .foucebox .hd ul .txt_bg { width:121px; height:24px; position:absolute; left:3px; top:74px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="../images/bg_png.png"); } .foucebox .hd ul .txt { width:121px; height:24px; line-height:24px; color:#fff; position:absolute; left:4px; bottom:4px; z-index:2; text-align:right; padding-right:5px; overflow:hidden; } .foucebox .hd ul .mask { width:119px; height:82px; display:block; position:absolute; left:0px; bottom:0px; z-index:3; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000',endColorstr='#66000000'); background:rgba(0,0,0,0.4); } .foucebox .hd ul a:hover .mask,.foucebox .hd ul .on .mask { display:none; position:relative; } .foucebox .hd ul .on .txt_bg { background:#1689d9; } .foucebox .hd ul a:hover { color:#fff; } .foucebox .hd ul a:hover .txt_bg { background:#1689d9; } .foucebox .showDiv .sub_content{ width:350px; line-height:25px; clear:both; position:absolute; left:0px; top:165px; color:#525252; z-index:9; } .foucebox .showDiv .line{position:absolute; top:150px; left:0; border-bottom:1px dotted #a3a3a3; width:100%;} /*product*/ #pro_big_small{ margin-top:10px;} #pro_big_small .pro_big_class{ float:left; font-size:14px; font-weight:bold; margin-bottom:1px; height:40px; line-height:40px;width:200px; padding-left:26px; transition:all 0.4s linear 0s; color:#FFF; position:absolute; } .big{border-bottom:1px #FFFFFF solid; height:auto; overflow:hidden; background:#ebebeb; background:url(../img/pro_list_bj.gif) repeat-y left top #ebebeb; transition:all 0.4s linear 0s; position:relative;} .big:hover,#pro_big_small .current{ background:url(../img/pro_list_bj2.gif) repeat-y left top #ebebeb;} #pro_big_small .pro_small_name{float:right;margin-bottom:1px; width:940px; padding:10px 0; line-height:37px;} #pro_big_small .pro_small_name a{ padding:0 5px 0 0; color:#6a6a6a; font-size:12px;} #pro_big_small .pro_small_name a:hover{ color:#153685} .floor_pro{ margin:25px 0 0px; height:auto; overflow:hidden;} .floor{ background:url(../img/cp_list_bj.gif) repeat-x left top #f2f2f2; height:295px; margin-bottom:15px; position:relative; clear:both;} .pro_name_img{ background:#f9f9f9; width:227px; height:295px;} .floor .more{ position:absolute; right:20px; top:15px;} .floor a.more{ color:#55585b;} .floor a.more:hover{ color:#fff} .pro_title1{ height:49px; line-height:49px; background:#153685 url(../img/floor_lm.gif) no-repeat left top; color:#FFF; font-size:14px; font-weight:bold;} .pro_title2{ height:49px; line-height:49px; background:#146fa8; color:#FFF; font-size:14px; font-weight:bold;} .pro_title3{ height:49px; line-height:49px; background:#2facc0; color:#FFF; font-size:14px; font-weight:bold;} .pro_title4{ height:49px; line-height:49px; background:#2ebf84; color:#FFF; font-size:14px; font-weight:bold;} .pro_title5{ height:49px; line-height:49px; background:#3fb64e; color:#FFF; font-size:14px; font-weight:bold;} .pro_title6{ height:49px; line-height:49px; background:#9dc143; color:#FFF; font-size:14px; font-weight:bold;} .pro_title7{ height:49px; line-height:49px; background:#153685; color:#FFF; font-size:14px; font-weight:bold;} .pro_title1 span,.pro_title2 span,.pro_title3 span,.pro_title4 span,.pro_title5 span,.pro_title6 span,.pro_title7 span{ font-family:Arial, Helvetica, sans-serif; font-size:30px; padding:0 15px;} .pro_name_img a{ color:#919191} .pro_name_img li{ width: 185px; padding-left:10px; margin:0 auto; margin-top:5px; height:25px; line-height:25px; } .pro_name_img li:hover{ background:#c7c7c7; color:#FFF} .pro_name_img li:hover a{ color:#FFF} .pro_img_name { padding-top:20px; padding-left:15px; height:auto; overflow:hidden;} .pro_img_name li{ display:block; float:left; margin-right:4px; margin-top:18px; width:180x;transition:all 0.2s linear 0s; position:relative; padding:2px 2px 60px 2px; border:1px solid #FFF; } .pro_img_name li:hover{ border:1px #CCCCCC solid; background:#1f52a3; color:#fff} .floor .pro_img_name li:hover p,.pro_img_name li:hover a,.pro_img_name li:hover span{ color:#FFF} .pro_img_name li p{ color:#6f6f6f; height:25px; line-height:25px; border-bottom:1px #a9a9a9 dotted; padding-left:15px; margin-bottom:8px; position:absolute; bottom:25px;width:165px;} .floor .pro_img_name li p.p_2{ color:#6f6f6f; height:25px; line-height:25px; padding-left:5px; position:absolute; bottom:0; text-align:left; border:0; width:170px;} li p.p_2 a{ font-weight:bold; display:block; float:left; padding:0 2px; height:25px; width:65px; color:#999} .floor .pro_img_name li p.p_2 a:hover{ color:#FF3} .floor .pro_img_name li p.p_2 span{ display:block; padding:0 2px; width:2px; float:left;} .floor .pro_img_name li a.two{color:#163587} .zy_xm{ height:25px; line-height:25px; margin:25px auto;} .zy_xm span{ display:block; float:left;height:25px; line-height:25px;} .zy_title{ font-size:24px; font-weight:bold; color:#153685; margin-right:20px;} .zy_home{ padding-top:5px; padding-left:20px;color:#b0b0b0;} .zy_home a{ color:#b0b0b0;} .zy_home a:hover{ color:#153685} #pro_big_small .pro_big_class a{ color:#FFF} .pro_img_name2 a{ display:block; float:left; padding:5px; border:1px #dedede solid;width:228px; height:240px; margin:10px;} .pro_img_name2 a img{ width:228px; height:160px;} .pro_img_name2 a p{ font-size:14px; border-bottom:1px #CCCCCC dotted; height:30px; line-height:30px; padding-left:10px;} .pro_img_name2 a:hover{ background:#1666c1; color:#FFF} /*right_ad*/ .right_ad_float{ background:url(../img/right_gg_bjd.gif) repeat-y left top; width:145px; z-index:9999;} .right_ad_float ul{ width:100px; margin:10px auto; border-bottom:1px solid #ededed; padding-left:20px; overflow:hidden;} .right_ad_float li{ height:30px; line-height:30px; } .right_ad_float li a{ font-size:12px;} .scan_bj{ margin:0 auto; padding:10px; background:#d5d5d5; color:#0168b7; width:99px; text-align:center} .scan_bj img{ margin-bottom:5px;} .scan_bj:hover{ background:#0168b7; color:#FFF} .right_btn1{ background:url(../img/right_btn1.gif) no-repeat left top; width:80px; margin:5px auto; padding-top:5px; height:32px; padding-left:38px; line-height:32px;font-size:12px; transition:all 0.3s} .right_btn1:hover{background:url(../img/right_btn1.gif) no-repeat left top; padding-left:48px; width:70px;} .right_btn2{ background:url(../img/right_btn2.gif) no-repeat left top; width:65px; margin:0 auto; padding-top:5px; height:32px; padding-left:50px; line-height:32px;font-size:12px;} .right_bottom{ height:38px; margin-top:10px;} .info { z-index:999999; } * + HTML .info { PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/img3-5_3.png) repeat-y; PADDING-TOP: 5px;z-index:99999999; } .down_kefu { WIDTH: 157px; HEIGHT: 8px } * HTML .down_kefu { WIDTH: 157px; BACKGROUND-REPEAT: repeat-y; HEIGHT: 8px } * + HTML .down_kefu { WIDTH: 157px; HEIGHT: 8px } .Obtn { MARGIN-TOP: 200px; WIDTH: 32px; BACKGROUND: url(../img/img3-5_1.png) no-repeat; FLOAT: left; HEIGHT: 139px; MARGIN-LEFT: -5px } * HTML .Obtn { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/img3-5_1.png",sizingMethod='crop'); WIDTH: 32px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; HEIGHT: 139px } * + HTML .Obtn { MARGIN-TOP: 104px; WIDTH: 32px; BACKGROUND: url(../img/img3-5_1.png) no-repeat; FLOAT: left; HEIGHT: 139px; MARGIN-LEFT: -5px } .qqtable SPAN { PADDING-BOTTOM: 5px; LINE-HEIGHT: 20px; PADDING-LEFT: 0px; WIDTH: 100px; PADDING-RIGHT: 0px; COLOR: #ff6600; FONT-SIZE: 13px; FONT-WEIGHT: bold; PADDING-TOP: 5px } .qqtable A { TEXT-DECORATION: none } .qqtable A:hover { TEXT-DECORATION: none } .qun { BORDER-BOTTOM: #ffd2bf 1px solid; BORDER-LEFT: #ffd2bf 1px solid; PADDING-BOTTOM: 5px; LINE-HEIGHT: 20px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 0px; WIDTH: 100px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; BORDER-TOP: #ffd2bf 1px solid; BORDER-RIGHT: #ffd2bf 1px solid; PADDING-TOP: 5px } .qun SPAN { COLOR: #ff6600; FONT-SIZE: 13px; FONT-WEIGHT: bold } .pro_zi a{ font-size:13px; background:url(../img/dotj2.gif) no-repeat 10px center; padding-left:25px; transition:all 0.2s; display:block; border-bottom:1px #CCCCCC dotted; margin:0 5px;} .pro_zi:hover a{ background:url(../img/dotj2.gif) no-repeat 10px center; color:#0168b7} /* fullSlide */ .fullSlide{width:100%;position:relative;height:560px;} .fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;} .fullSlide .bd ul{width:100% !important;} .fullSlide .bd li{width:100% !important;height:560px;overflow:hidden;text-align:center;} .fullSlide .bd li a{display:block;height:560px;} .fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;} .fullSlide .hd ul{text-align:center;} .fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;} .fullSlide .hd ul .on{background:#f00;} .fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../img/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;} .fullSlide .next{left:auto;right:15%;background-position:-6px -137px;} .pro_message{ width:450px;} .pro_contact{ background:url(../img/pro_contact.gif) repeat-y left top; padding:20px; width:600px;} #sub_bar_nav{ position:fixed; right:10px; top:180px; z-index:99999; width:120px; background:#005097} #sub_bar_nav ul{ border:1px #d1d1d1 solid; padding:2px 0;height:auto; overflow:hidden; } #sub_bar_nav li{ display:block;line-height:40px; color:#FFF; height:40px;margin-bottom:2px; } #sub_bar_nav li:hover{ background:#1aa065;} #sub_bar_nav li a{ display:block; float:left;height:40px; line-height:40px; margin:0 11px; background:url(../img/dot.gif) repeat-x left bottom; clear:both; color:#FFF;} #sub_bar_nav li a.no{background:none;} #sub_bar_nav a:hover{ color:#FFF; background:none;} #sub_bar_nav li:hover a{ color:#FFF; background:none;} #sub_bar_nav li a.mainList i{ display:block; float:left; background:url(../img/p1.png) no-repeat left center; width:17px; height:17px; transition:all 0.4s; margin:10px 7px 0 0;} #sub_bar_nav li a.mainList:hover i{background:url(../img/p1.png) no-repeat -22px center;} #sub_bar_nav li a.biaoge i{ display:block; float:left;background:url(../img/p2.png) no-repeat left center; width:17px; height:17px;transition:all 0.4s; margin:10px 7px 0 0;} #sub_bar_nav li a.biaoge:hover i{background:url(../img/p2.png) no-repeat -22px center;} #sub_bar_nav li a.order_xuzhi i{ display:block; float:left; background:url(../img/p3.png) no-repeat left center; width:19px; height:17px;transition:all 0.4s; margin:10px 7px 0 0;} #sub_bar_nav li a.order_xuzhi:hover i{background:url(../img/p3.png) no-repeat -23px center;} #sub_bar_nav li a.working i{ display:block; float:left; background:url(../img/p4.png) no-repeat left center; width:17px; height:17px;transition:all 0.4s; margin:10px 7px 0 0;} #sub_bar_nav li a.working:hover i{background:url(../img/p4.png) no-repeat -20px center;} #sub_bar_nav li a.data0 i{ display:block; float:left; background:url(../img/p5.png) no-repeat left center; width:17px; height:17px;transition:all 0.4s; margin:10px 7px 0 0;} #sub_bar_nav li a.data0:hover i{background:url(../img/p5.png) no-repeat -16px center;} /*main-img*/ .index_pro_content3{ margin:10px 0 0 0; height:auto; overflow:hidden; width:1200px; } .index_pro_content3 a{ background:#FFF; display:block; width:266px; height:320px; padding:14px; margin:0px 7px 7px 0; transition:all 0.4s;} .index_pro_content3 a.four{ background:#FFF; display:block; width:266px; height:320px; padding:14px; margin:0px 0px 7px 0; transition:all 0.4s;} .index_pro_content3 a img{ width:266px; height:266px; margin-bottom:5px;} .index_pro_content3 a:hover{ background:#0c5dae; color:#FFF} .index_pro_content3 a:hover .cp_more{ background:#cf0c15; color:#FFF; margin-right:10px;} .index_pro_content3 a:hover .title_name{ color:#FFF; padding-left:10px;} .index_pro_content3 a:hover .cp_list{ padding-left:10px; color:#FFF;} .index_pro_content2{ margin:10px 0 0 0; height:auto; overflow:hidden; } .index_pro_content2 a{ border:1px #efefef solid; display:block; width:190px; height:262px; padding:14px; margin:0px 5px 7px 0; transition:all 0.4s;} .index_pro_content2 a.four{ background:#FFF; display:block; width:190px; height:262px; padding:14px; margin:0px 0px 7px 0; transition:all 0.4s;} .index_pro_content2 a img{ width:180px; height:180px; margin-bottom:5px;} .index_pro_content2 a:hover{ background:#0c5dae; color:#FFF} .index_pro_content2 a:hover .cp_more{ background:#cf0c15; color:#FFF; margin-right:10px;}.index_pro_content a:hover .title_name{ color:#FFF; padding-left:10px;} .index_pro_content2 a:hover .title_name{ color:#FFF; padding-left:10px;} .index_pro_content2 a:hover .cp_list{ padding-left:10px; color:#FFF;} .cp_more_xx{ background:url(../img/cp_more_bj.png) no-repeat center top; height:37px; line-height:37px; display:block;color:#FFF; font-size:14px; transition:all 0.2s; width:163px; margin:0 auto; text-align:center;} .index_pro_content a:hover .cp_more_xx{background:url(../img/cp_more_bj2.png) no-repeat center top; } .cp_xx_nr{ height:60px; line-height:30px; color:#5a5a5a; font-size:14px; padding:10px 20px;} .index_pro_content a:hover .cp_xx_nr{ color:#FFF} .title_name{ font-size:14px; font-weight:bold; color:#383842; margin-bottom:5px;transition:all 0.2s;} .index_prolist{ margin-top:30px; background:url(../img/pro_list_bj.gif) repeat-y left top #FFF; position:relative; min-height:120px;_height:120px;} .prolist_xm{width:90px; padding:45px 20px 30px 40px; height:70px; background:url(../img/index_cp_xm_bj.gif) no-repeat 16px 46px #1e52a2; font-size:16px; color:#FFF} .prolist_xm a{ position:absolute; left:20px; top:85px; padding:5px; color:#ffffff; font-size:12px;display:block; float:left; border:1px #3564ab solid; width:85px; text-align:center; transition:all 0.4s;} .prolist_xm:hover a{ background:#e21001; border:1px #ff1a0a solid; color:#fff} .prolist_one{ background:url(../img/index_cp_list_bj.gif) repeat-x left top #FFF;height:51px;width:1200px; margin:0;} .prolist_one a{ margin-left:5px; display:block; float:left; font-size:14px; padding:0 12px; transition:all 0.4s; height:30px; line-height:30px; margin-top:10px;} .prolist_one a:hover{ background:#1E52A2; color:#FFF; padding:0 18px;} .prolist_two{ width:1000px; margin:10px 15px;} .prolist_two a{ display:block; float:left; font-size:12px; padding:5px; height:20px; line-height:20px; color:#999; transition:all 0.4s;} .prolist_two a:hover{ background:#c40000; color:#FFF} .index_pro_content{ margin:10px 0 0 0; height:auto; overflow:hidden; width:1200px; } .index_pro_content a{ background:#f7f7f7; display:block; width:360px; height:425px; margin:0px 25px 25px 0; transition:all 0.4s; padding-bottom:10px;} .index_pro_content a:hover{ background:#005097; color:#FFF} .index_pro_content a.four{ background:#FFF; display:block; width:360px; height:425px; padding:14px; margin:0px 25px 7px 0; transition:all 0.4s;} .index_pro_content a img{ width:360px; height:233px; margin-bottom:25px;} .index_pro_content .title_name{ font-size:18px; color:#153685; text-align:center;} .links_news a{ display:block; float:left; width:400px; margin-right:30px; height:30px; line-height:30px; border-bottom:1px #CCCCCC dotted;} .links_news a span{ display:block;} .hot_pro{ width:226px; padding:10px; border:1px #CCCCCC solid; border-top:none;} .hot_pro a{ display:block; height:250px; transition:all 0.4s; text-align:center; padding:10px; margin-bottom:10px;} .hot_pro a img{ width:206px; height:206px;} .hot_pro a:hover{ background:#ce0404; color:#FFF} #sub_bar_nav a.back_top{ background:url(../img/right_top.png) no-repeat 10px center #1aa065; height:20px; line-height:20px; color:#FFF; border-radius: 20px; display:block; float:left; width:97px; margin-top:9px; text-align:center; transition:all 0.4s;} #sub_bar_nav a.back_top:hover{background:url(../img/right_top.png) no-repeat 10px center #ffba00;} .scroll2{ background:url(../img/end_top.png) no-repeat left top; width:65px; height:65px; position:absolute; left:588px; top:-32px;} .scroll2 i{ background:url(../img/end_top_up.png) no-repeat left top; display:block; width:29px; height:31px; display:block; margin:17px auto; transition:all 0.4s;} .scroll2:hover i{ background:url(../img/end_top_up.png) no-repeat left -52px;} .mainList{ line-height:28px;} .mainList strong{ color:#02328d;} .pro_td{ width:1200px; margin:0 auto;} .pro_td a{ display:block; float:left; background:url(../img/td_bj.gif) no-repeat left top; width:197px; height:225px; padding-left:50px; margin:0 15px; transition:all 0.4s;} .pro_td a:hover{ background:url(../img/td_bj.gif) no-repeat -277px top;} .pro_td p{ width:130px; text-align:center;} .pro_td .em { display: block; font-family: Impact; font-size: 36px; line-height: 36px; padding: 35px 0 14px 0px; } .pro_td .p1 { display: block; font-size: 18px; line-height:28px; color:#333333; } .pro_td .p2 { color: #666; display: block; font-size: 14px; line-height: 24px; margin: 0 auto; padding: 6px 0 0 15px; width: 140px; } .pro_case_content a{ width:280px; height:387px; display:block; float:left; margin-right:20px; position:relative; transition:all 0.4s; margin-bottom:20px;} .pro_case_content .case_title_nr{border:1px #e7e7e7 solid; border-top:0; padding:10px; height:187px; overflow:hidden; transition:all 0.4s;} .pro_case_content img{ width:280px; height:180px; margin:0; display:block;} .pro_case_content p.case_name{ font-size:16px; text-align:center; height:30px; line-height:30px;transition:all 0.4s;} .pro_case_content .c_nr{ font-size:12px; color:#737272; line-height:25px;} .pro_case_content .case_more{ width:100px; height:35px; line-height:35px; text-align:center; color:#999; display:block; margin:0 auto; background:url(../img/case_btn.gif) no-repeat left top; position:absolute; bottom:15px; left:90px;transition:all 0.4s;} .pro_case_content a:hover .case_more{ width:120px;left:80px;background:url(../img/case_btn2.gif) no-repeat left top #ff8a2e; color:#FFF}.pro_case_content a:hover .case_title_nr{border:1px #ff8a2e solid; border-top:0;} .pro_nav{ width:750px; padding-top:95px;} .pro_nav a{ background:#888888; width:180px; height:100px; display:block; float:left; margin:1px 1px 0 0;text-align:center; color:#FFF; transition:all 0.4s; font-size:14px;} .pro_nav a i{ background:url(../img/pro_tj_bj.png) no-repeat left top; width:30px; height:30px; margin:30px auto 10px; display:block; transition:all 0.4s;} .pro_nav a:hover{ background:#666666;} .pro_nav a:hover i{ background:url(../img/pro_tj_bj.png) no-repeat -47px top; } /* 棣栭〉 鏂伴椈*/ .xinwen{ background:#f3f4f6;} .news_c{ width:1200px; margin:0 auto;} .news_c .hd{ overflow:hidden; height:50px; margin: 0 auto; width: 132px; } .news_c .hd .prev,.news_c .hd .next,.news_c .hd .morexxx{ display:block; width:40px; height:40px; float:right; margin:0 2px; margin-top:10px; color: #FFF; font-size: 24px; overflow:hidden; cursor:pointer; transition: 0.3s all 0s linear; background: #cccccc; text-align: center; line-height: 40px; font-family:SimSun;} .news_c .hd .prev:hover,.news_c .hd .next:hover,.news_c .hd .morexxx:hover{ background: #005097;} .news_c .hd .prev,.news_c .hd .morexxx{ float: left;} .xw_t{ font-size:32px; font-weight:bold; color:#333; line-height:50px; height:50px; text-align:center;} .xw_t2{ font-size:18px; color:#666666; line-height:50px; height:50px; text-align:center;} .xw_d{ font-size:18px; color:#616161; line-height:50px; height:50px; text-align:center;} .xw_c{ width:1200px; margin:0 auto;} .xw_right , .xw_left{ width:50px; height:50px; margin:240px 20px 0;} .xw_xxx{ width:280px;background:#fff;margin:9px; border: 5px solid #FFF; overflow:hidden; height:240px;} .xw_xxx:hover{ width:280px; margin:9px; border: 5px solid #005097; overflow:hidden; height:240px; transition: 0.3s all 0s linear} .xw_img{ height:165px; position:relative; width:280px; overflow:hidden;} .xw_xxx IMG { -webkit-transition:-webkit-transform 300ms linear 0ms; -moz-transition:-moz-transform 300ms linear 0ms; -ms-transition:-ms-transform 300ms linear 0ms; -o-transition:-o-transform 300ms linear 0ms; transition:transform 300ms linear 0ms; } .xw_xxx:hover IMG { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) } .xw_txt{ height:180px; display: block; width: 280px; padding:0 10px; position: relative; overflow: hidden; transition: transform 300ms linear 0ms; } .xw_txt h2{ margin: 30px 0px 10px; line-height: 1; font-weight:100; height:30px; line-height:30px; overflow:hidden; } .xw_txt h2 a{ font-size:14px;color:#666666;width: 260px;} .jtx { width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff; position:relative; top:-15px; left:173px; } .jts{ width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #fff; position:relative; top:-275px; left:173px; } .xw_click{ color:#666;} .xw_txt p{ color: #666666; font-size: 14px; line-height: 25px; height:75px; padding: 0px; overflow:hidden; } .xw_txt h3{ color: #646464; font-size: 14px; font-weight: inherit; margin: 0.8em 0px 0px; line-height: 1; } .in_nr2_n4 a span{ height:28px; background:url(../images/jia.png) no-repeat left center; padding-left:38px; display:inline-block; line-height:28px; margin-top:13px;} .in_nr2_n4 a:hover{color:#000;} .in_nr2_n4 { width: 1004px; overflow: hidden; margin: 0px auto; padding: 0px; margin-top: 25px; text-align: center; } #he_02_nav{ margin-right:30px;z-index: 2;} #he_02_search1{width: 28px;height: 28px;background: url(../img/search_bj.png) center no-repeat;position: absolute;right: 0;top:69px;z-index: 2;cursor: pointer;} #he_02_search2{width: 28px;height: 28px;background: url(../img/search_bj.png) center no-repeat;position: absolute;right: 0;top:69px;z-index: 1;cursor: pointer;} #he_search{background:#fff; width:530px; height:50px; float:right; top:60px; position:absolute; right:30px; font-size:14px; } #he_key{ height:30px; line-height:30px; padding:10px 0;} #he_key a{ color:#333; padding:0 5px; font-size:14px;} #he_key a:hover{ color:#f0831e; text-decoration:underline} .izl-rmenu{ margin-right: 0; width: 82px; position: fixed; right: 2px; top: 65%; -webkit-box-shadow: #DDD 0px 1px 5px; -moz-box-shadow: #DDD 0px 1px 5px; box-shadow: #DDD 0px 1px 5px; z-index:999; } .izl-rmenu .consult{ background-image: url(../images/consult_icon.gif); background-repeat: no-repeat; background-position: center -77px; display: block; height: 76px; width: 82px; } .izl-rmenu .consult .phone { background-color: rgb(247,247,255); position: absolute; width: 160px; left: -160px; top: 0px; line-height: 73px; color: #000; font-size: 18px; text-align: center; display: none; box-shadow: #DDD -1px 1px 4px; } .izl-rmenu a.consult:hover .phone{display:inline !important;} .izl-rmenu .cart { background-image: url(../images/consult_icon.gif); background-repeat: no-repeat; background-position: center bottom; display: block; height: 16px; width: 16px; font-size: 12px; line-height: 16px; color: #45BDFF; text-align: center; padding-top: 15px; padding-right: 18px; padding-bottom: 47px; padding-left: 48px; } .izl-rmenu a.cart:hover .pic{display:block;} .izl-rmenu .btn_top { background-image: url(../images/float_top.gif); background-repeat: no-repeat; background-position: center top; display: block; height: 39px; width: 82px; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } .izl-rmenu .btn_top:hover { background-image: url(../images/float_top.gif); background-repeat: no-repeat; background-position: center bottom; } .izl-rmenu .cart .pic { display:none; position: absolute; left: -160px; top: 65px; width: 160px; height: 160px; background:url(../images/weixin.jpg); } #udesk-feedback-tab { position: fixed; right: 2px; top: 65%; margin-top: -76px; -webkit-box-shadow: #DDD 0px -1px 5px; -moz-box-shadow: #DDD 0px -1px 5px; box-shadow: #DDD 0px -1px 5px; z-index: 10000; cursor: pointer; background-image: url(../images/consult_icon.gif); background-repeat: no-repeat; background-position: center top; display: block; height: 76px; width: 82px; background-color: #FFF!important; z-index:999; }