/*reset*/ body{ margin:0;} a{ text-decoration:none; margin:0; padding:0; color:#585656;} a:hover{ color:#0078bd;} img{ border:none; margin:0; padding:0;} p{ padding:0; margin:0;} ol,ul{ list-style:none;} *{ margin:0; padding:0; font-family:"微软雅黑";} /*header*/ .header_box{ width:100%; height:auto;} .header_bg{ width:100%; height:6px; background:url(/uploads/image/images/header_top_bg_02.jpg);} .header{ width:980px; height:auto; margin:auto; overflow:hidden;} .header_date{ float:right; width:360px; height:22px; overflow:hidden; background-image:url(/uploads/image/images/header_date_bg.jpg);} .header_date span{ color:#000; font-size:12px; line-height:21px; display:block; margin-left:3px; float:left;} .header_date_a{ float:left; } .header_date_a a{ color:#000; font-size:12px; text-align:center; display:block; float:left; line-height:21px;} .header_date_a a:hover{ color:#0071b2;} .header_date_a a img{ padding:3px 6px; display:block; float:left;} .logo{ float:left; margin-top:24px;} .kh{ float:left; margin-top:10px; margin-left:10px;} .search{ float:right; margin-top:20px;} .search input{ display:block; float:left; width:185px; height:28px; border:solid 1px #d2d2d2; background-color:white; color:#646464; padding-left:5px; line-height:28px;} .bbt{ display:block; width:68px; height:30px; background-repeat:no-repeat; float:left; color:white; text-align:center; font-size:14px; line-height:30px; border-style: none; border-width: 0px; background:url(/uploads/image/images/btt.png); width: 68px; height: 30px; } /*banner*/ .banner_box{ width:100%; height:450px; margin:auto; overflow:hidden; position:relative;} .nav{ width:980px; z-index:99999; height:52px; position:absolute; top:20px; background-image:url(/uploads/image/images/nav_bg.png);} .nav ul li{ float:left; width:163px; text-align:center; } .nav ul li a{ font-size:16px; display:block; width:120px; height:52px; line-height:45px; font-weight:bold; margin-left:-7px;} .hover{ background-image:url(/uploads/image/images/nav_colse_bg.png); width:120px; height:52px;color:#fff; overflow:hidden; text-align:center; background-repeat:no-repeat;font-size:16px; } .nav ul li a:hover{background-image:url(/uploads/image/images/nav_colse_bg.png); width:120px; height:52px;color:#fff; overflow:hidden; text-align:center; background-repeat:no-repeat; font-size:16px;} /*product*/ .index_main{ width:100%; height:912px; margin:auto; overflow:hidden; background-image:url(/uploads/image/images/main_bg.jpg);} .product_box{ width:980px; height:auto; margin:auto;} .product_title{ width:980px; margin:auto; height:40px; background-image:url(/uploads/image/images/product_bg.png); margin-top:4px; overflow:hidden;} .product_title img{ float:left; display:block; margin-top:5px; font-size:18px; color:#515151; font-weight:bold; padding-left:5px;} .product_title p{ float:left; display:block; margin-top:10px; font-size:18px; color:#515151; font-weight:bold; padding-left:5px;} .product{ width:1008px; height:auto; margin:auto; overflow:hidden;} .product ul li{ float:left; margin-right:28px; margin-top:20px; width:224px; height:260px; overflow:hidden; } .product ul li a{ width:224px; display:block; height:224px; border:solid 1px #ddd; } .product ul li span a{ width:224px; display:block; height:30px; border:0px; line-height:30px; font-size:12px; text-align:center;} /*news*/ .news_box{ width:980px; height:264px; margin:auto; overflow:hidden; background-image:url(/uploads/image/images/news_bg.png); margin-top:15px;} .news{ width:430px; float:left; overflow:hidden;} .news_title{ width:100%; height:50px; background-image:url(/uploads/image/images/tit_button.png); color:white; font-size:16px; padding-top:6px; text-indent:3em; background-repeat:no-repeat;} .news ul{ margin-left:28px; } .news ul li{ width:430px; float:left; line-height:36px;} .news ul li a{ width:70%;display:block; white-space:nowrap; text-overflow:ellipsis; float:left; font-size:14px; overflow:hidden; color:#000;} .news ul li span{ width:20%; font-size:14px; float:right; color:#1e6bb5; display:block;} /*contact*/ .index_contact{ float:right; width:520px; height:186px; margin-left:30px;} .contact img{ display:block; float:left; margin-left:20px;} .adress{ width:332px; line-height:24px; float:left; margin-left:10px; color:#323232;font-size:14px;} .contact_tel{ float:left; font-size:14px; margin-left:20px; width:500px; margin-top:16px; color:#323232;} /*footer*/ .footer_box{ width:100%; height:auto; overflow:hidden; background-image:url(/uploads/image/images/bottom_bg.png); padding-top:20px;} .footer{ width:980px; margin:auto; overflow:hidden;} .ewm{ float:left;} .ewm p{ text-align:center; font-size:14px; color:white;} .footer_pro{ float:left; margin-left:20px; width:305px;} .footer_title{ font-size:16px; font-weight:bold; margin-left:24px; color:white; line-height:36px;} /*.footer_pro ul li{ float:left; margin-left:20px; width:85px;} .footer_pro ul li a{ color:white; font-size:12px; display:block; line-height:26px;}*/ .footer_pro ul{ float:left; margin-left:30px;} .footer_pro ul li a{ color:white; font-size:14px; display:block; line-height:26px;} .footer_pro ul li a:hover{color:#1e6bb5} .footer_lb ul{ float:left; margin-left:24px; border-left:solid 1px white; padding:0 36px;} .footer_lb ul li a{ color:white; font-size:14px; display:block; line-height:26px;} .footer_lb ul li a:hover{color:#1e6bb5} .footer_lb ul li:first-child{ font-size:16px; color:white; font-weight:bold;line-height:36px;} .footer_lb02 ul{ float:left; border-left:solid 1px white; padding:0 36px;} .footer_lb02 ul li a{ color:white; font-size:14px; display:block; line-height:26px;} .footer_lb02 ul li:first-child{ font-size:16px; color:white; font-weight:bold;line-height:36px;} .footer_lb02 ul li a:hover{color:#1e6bb5} .link{ float:left; color:white; font-size:16px; font-weight:bold; display:block; width:980px; margin-top:20px;} .link a{ float:left; color:white; font-size:16px; font-weight:bold; display:block; width:auto; margin-left:5px; } .link a:hover{color:#1e6bb5} .copyright{float:left; color:white; font-size:16px; display:block; width:100%; text-align:center; margin-top:20px; overflow:hidden;} /**********************product_main********************/ .product_box{ width:980px; height:auto; margin:auto; margin-top:20px; overflow:hidden;} .product_left{ float:left; width:260px; height:auto; overflow:hidden; margin-top:28px;} /*.tit{ width:240px; height:71px; background-image:url(/uploads/image/images/pic10.jpg); color:white; text-align:center; font-size:24px; line-height:71px;} .top_li{ background-image:url(/uploads/image/images/pic11.jpg); width:240px; height:42px; text-indent:45px;} .top_a{width:240px; height:42px; color:white; font-size:14px; display:block; line-height:42px; float:left;} .ico_play{ background-image:url(/uploads/image/images/pic12.png); background-repeat:no-repeat; display:inline-block; width:13px; height:13px; line-height:40px; margin-right:8px;} .ico_jian{background-image:url(/uploads/image/images/pic15.jpg); background-repeat:no-repeat; display:inline-block; width:12px; height:2px; margin-top:15px; float:right; margin-right:16px;} .menu{ width:240px; height:auto; overflow:hidden; float:left;} .menu a{ display:block;width:240px;height: 32px;line-height: 32px;font-size: 14px;color: #333;text-indent:65px; } .top_li2{ background-image:url(/uploads/image/images/pic16.jpg); width:240px; height:42px; text-indent:45px; float:left;} .top_a2{width:240px; height:42px; color:4c4c4c; font-size:14px; display:block; line-height:42px; float:left;} .ico_play2{ background-image:url(/uploads/image/images/pic13.png); background-repeat:no-repeat; display:inline-block; width:13px; height:13px; line-height:40px; margin-right:8px;} .ico_jia{background-image:url(/uploads/image/images/pic14.png); background-repeat:no-repeat; display:inline-block; width:11px; height:11px; margin-top:15px; float:right; margin-right:16px;}*/ .product_right{ float:right; width:700px; height:auto; overflow:hidden;} .current_adress{ border-bottom:solid 2px #e0e0e0; width:700px; padding-bottom:10px; float:right;} .position_ico{ float:right; display:block; font-size:13px; margin-left:10px; text-align:center; color:#646464; overflow:hidden; height:13px;} .position_text{ float:right; display:block; font-size:13px; margin-left:10px; text-align:center; color:#646464; overflow:hidden;height: 20px; line-height: 15px;} .pro_tit{ float:left; font-size:24px; color:#646464; width:700px; line-height:50px; font-weight:bold;} .pro_img{ display:block; float:left; width:295px; height:200px; margin:0 auro;} .pro_text01{ float:right; width:365px;} .p_ico{ display:block; float:left; margin-top:10px; margin-right:8px; } .pro_p{ font-size:12px; color:#646464; line-height:30px;} .down{ float:right; width:365px;} .down a{ display:block; float:left; margin-right:30px; margin-top:30px;} .pro_information{ width:700px; height:auto; float:right; overflow:hidden; margin-top:20px; overflow:hidden;} .pro_information_h2{ width:100%; height:34px; background-image:url(/uploads/image/images/ptbg.png); font-size:16px; color:#337aca;} .pro_information_h2 span{ background-image:url(/uploads/image/images/pticon.gif); background-repeat:no-repeat; padding-left:10px; line-height:30px; height:30px; display:block;} .pro_information table{ margin:20px 0;} .pro_information table td { border: 1px solid #ccc; padding: 10px 10px 10px 15px; color: #666; font-size:12px; } /*.pro_information img{ display:block; float:left; margin:20px;}*/ .pro_search{ width:690px; height:41px; background-image:url(/uploads/image/images/pro_search.jpg); margin-top:40px; line-height:41px; padding-left:10px; overflow:hidden;} .pro_search select{ width:94px; height:24px; margin-right:10px; text-align:center;} .pro_search label{ color:white;} .pro_search input{ width:72px; height:24px; margin-right:10px; text-align:center;} .product_ul{ width:729px; overflow:hidden; height:auto;} .product_ul li{ float:left; margin-right:33px; margin-top:20px; width:210px; height:235px; text-align:center;} .product_ul li a{ display:block; width:210px; height:210px; border:solid 1px #ddd;} .product_ul li:first-child{ margin-left:0;} .product_ul li span a{ display:block; text-align:center; width:210px; height:25px; line-height:25px; border:0px; color:black; font-size:12px; } .product_ul li span a:hover{color:#1e6bb5} .pro_img{ display:block; width:295px; } .pro_left{ width:295px;float:left;overflow:hidden; max-height:320px;} .pro_text{ width:385px; max-height:195px; float:right; overflow:hidden; text-overflow:ellipsis;} .num{ width:700px; margin:auto; overflow:hidden;padding:60px 00px;} .num ul li{ float:left;} .num ul li:first-child{ background-color:#25292e; color:white; width:26px; height:26px; text-align:center;} .num ul li{ background-color:#e6e6e6; width:26px; height:26px; margin:0 6px; text-align:center;} .num0{ width:700px; margin:auto; overflow:hidden; padding:60px 0px;} .num0 ul li{ float:left;} .num0 ul li:first-child{ background-color:#25292e; color:white; width:26px; height:26px; text-align:center;} .num0 ul li{ background-color:#e6e6e6; width:26px; height:26px; margin:0 6px; text-align:center;} /***********************about****************************/ .about_tit{ width:690px; height:40px; background-image:url(/uploads/image/images/pro_tit.jpg); margin-top:40px; line-height:40px; padding-left:10px; color:white;} .about_text{ margin:20px 0;} .about_p{ color:#646464; font-size:12px; line-height:30px; text-indent:2em; display:block;} /************************contact_mian************************************/ .contact_mian{ width:980px; height:auto; margin:auto; overflow:hidden;} .contact_address{ border-bottom:solid 2px #e0e0e0; width:700px; padding-bottom:10px; margin:auto; overflow:hidden; margin-top:10px;} .contact_tit{ width:700px; height:41px; background-image:url(/uploads/image/images/about_tit_bg.jpg); margin:auto; color:white; margin-top:20px; line-height:41px;padding-left:10px; margin-bottom:30px; overflow:hidden;} .map{ width:980px; height:524px; margin:auto; background-image:url(/uploads/image/images/map01.jpg); position:relative; overflow:hidden;} .map_img{ display:block; position:absolute; left:463px; top:20px;} .contact_position{ float:left; width:980px; height:auto; margin:auto; margin-top:20px; margin-bottom:50px;} .contact_position li{color:#646464; font-size:14px; line-height:30px;} .map02{ width:980px; height:524px; margin:auto; background-image:url(/uploads/image/images/map02.jpg); position:relative; overflow:hidden;} .map_img02{ display:block; position:absolute; left:280px; top:25px;} /************************news*******************************/ .nee{width:665px; height:auto; margin:auto; overflow:hidden;} .news01{ width:555px; height:auto; margin:auto; overflow:hidden; margin-bottom:30px;} .news01_h4{ width:550px; height:auto; margin:auto; overflow:hidden;} .news01_h4 a{ color:#6f6f6f; font-size:16px; line-height:24px; display:block; width:85%; float:left; font-weight:bold; line-height:36px;} .news01_h4 a a:hover{color:#1e6bb5} .news01_h4 span{ display:block; color:#1e6cb6; font-size:12px; float:right; font-family:"arial";} .news01_h5 a{ display:block; width:100%; line-height:24px; font-size:12px; color:#999;} .news01_h4 a a:hover{color:#1e6bb5} .news_information{ width:700px; height:auto; margin:auto; overflow:hidden; margin-bottom:30px;} .news_information_tit{ color:#6f6f6f; font-size:20px; text-align:center;} .news_information_tit span{ font-size:14px; font-family:"arial"; color:#1e6cb6;} .txt1{width:224px; display:block; overflow:hidden; height:230px; background:url(/uploads/image/images/heibg.png); position:absolute;left:0; top:-230px;color:#fff; text-align:center;line-height:45px;color:#fff; font-size:14px; font-weight:bold; } .txt1 h3{font-size:20px;font-weight:100;color:#fff; margin-top:20px;} .down1{ display:block; width:120px; height:32px; background:url(/uploads/image/images/downbutt01.jpg);} .down1:hover{ background:url(/uploads/image/images/dow_colse.jpg);} .down1:active{ background:url(/uploads/image/images/dow_colse.jpg);} .down2{ display:block; width:120px; height:32px; background:url(/uploads/image/images/downbutt02.jpg);} .down2:hover{background:url(/uploads/image/images/dow_colse02.jpg);} .down2:active{background:url(/uploads/image/images/dow_colse02.jpg);} .mro{ font-size:14px; display:block; float:right; width:auto; line-height: 25px; margin-right: 10px; color: #1e6bb5; } .lbiao li{height: 45px; line-height: 45px; } .download_butn{ display: block; width: 117px; height: 28px; background: url(/uploads/image/images/down.png) no-repeat left center; float: right;}