@charset "utf-8"; /*e61b15 140a0c*/ body{font-size:14px; font-family:"Microsoft Yahei",SimHei,SimSun,sans-serif,"瀹嬩綋"; color:#393939; background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,th,td,span,p{margin:0;padding:0;} form,fieldset,legend,input,textarea{outline:none;} li{list-style:none;} img{border:0px;} article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} a:link{color:#373737; text-decoration:none;}a:visited{color:#373737; text-decoration:none;}a:hover{color:#e62129;} .red,a.red:link,a.red:visited{color:red;} .clearfix{height:0px; width:0px; font-size:0px; clear:both; padding:0px; margin:0px;} .fl{float:left;}.fr{float:right;}.tc{text-align:center;}.tr{text-align:right;}.dn{display:none;}.db{display:block;} .index_box{width: 100%; overflow: hidden; position: relative;} .w1200{margin: 0px auto; width: 1200px;} .pro_box,.pro_box .pro_more,.news_box,.news_box img,.case_menu a,.c_left .lc_pic img,.foot_service .fs_box img{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .top_bg{height: 112px; width: 100%; box-shadow: 0px 4px 5px rgba(9,2,4,.17); position: fixed; top: 0px; z-index: 9999; background: #fff;} .top_box{height: 112px; width: 100%; overflow: hidden; display: block;} .top{width: 1200px; margin: 0px auto; height: 112px;} .top .logo{background: url(logo.png) no-repeat; width: 200px; height: 65px; margin-top: 20px; float: left;} .top .logo a{display: block; text-indent: -99999px; height: 65px;} .menu{width:800px; float: right; margin-top: 36px;} .navBar{position:relative;z-index:100;height:40px;color:#fff;line-height:40px;} .nav{margin:0 auto;width:800px;} .nav h3{font-weight:400;font-size:100%;font-size:16px;text-align: center;} .nav .m{position:relative;float:left;display:inline;width:98px;text-align:center; margin-left: 2px;} .nav h3 a{display:inline-block;padding:12px 0;height:16px;color:#555;line-height:16px;zoom:1; font-weight: bold;} .nav .sub{position:absolute;top:40px;left:-20px;float:left;display:none;width:130px; background: #363636; box-shadow: 0px 4px 5px rgba(9,2,4,.17); padding-top: 12px; padding-bottom: 12px;} .nav .sub li{text-align:center; line-height:40px; height:40px;} .nav .sub li a{display:block;color:#fff;zoom:1;} .nav .sub li a:hover{color:#fff; background:#e61b15} .nav .on a{color: #e61b15;} .nav .sub:before{position:absolute;top:-10px;left:50%;margin-left:-5px;width:1px;height:1px;border:5px solid transparent;content:'';border-bottom-color:#313131;} .jz_top{width:100%; overflow:hidden; height:272px; position:relative;} .con_bg{background:#f3f3f3; padding-top:72px; padding-bottom:72px; width:100%;} .container{width:1200px; margin:0px auto; overflow:hidden;} .c_left{width:272px; float:left;} .c_left .left_box{padding:30px; background:#fff; margin-bottom:28px;} .c_left .left_box .lb_title{width:100%;} .c_left .left_box .lb_title p{font-size:20px; float:left;} .c_left .left_box .lb_title span{float:left; padding-left:12px; padding-top:8px;} .c_left .left_menu,.c_left .left_case,.c_left .left_news{width:100%; overflow:hidden; padding-top:18px;} .c_left .left_menu li{line-height:42px; height:42px; border-bottom:1px dashed #ccc;} .c_left .left_menu li a{display:block; padding-left:15px; background:url(arrow_menu.png) center right no-repeat; font-size:16px;} .c_left .left_menu li a:hover,.c_left .left_menu .left_on a{background:url(arrow_menu_bg.png) center right no-repeat; color:#e61b15; font-weight:bold;} .c_left .lc_pic{font-size:0px; overflow:hidden;} .c_left .lc_pic img{width:100%; height:142px;} .c_left .lc_pic: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);} .c_left .lc_title{line-height:18px; padding-bottom:28px; padding-top:8px;} .c_left .left_news li{line-height:36px; height:36px; overflow:hidden; border-bottom:1px dashed #ccc;} .c_right{width:800px; float:right; background:#fff; min-height:1000px; padding:30px 50px 30px 50px;} .location{padding-bottom:18px; border-bottom:1px solid #ccc;} .info{color:#888; text-align:center;} .info a{color:#888;} .title{padding-top:32px; padding-bottom:20px; width:90%; margin:0px auto;} .title h1{text-align:center; font-size:20px; line-height:32px; } .content{padding-top:18px; line-height:28px;} .foot_service{width:900px; float:right; padding-top:32px; padding-bottom:12px;} .foot_service .fs_box{width:210px; float:left; margin-right:20px; overflow:hidden; background:#fff; padding-bottom:20px; cursor:pointer;} .foot_service .fs_box .fs_pic{overflow:hidden; font-size:0px;} .foot_service .fs_box .fs_title{font-size:18px; line-height:32px; height:32px; padding-left:20px; padding-right:20px; overflow:hidden;} .foot_service .fs_box .fs_info{line-height:18px; height:36px; padding-left:20px; padding-right:20px; overflow:hidden;} .foot_service .fs_box img{width:100%;} .foot_service .fs_box: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);} .foot_service .last{margin-right:0px;} .foot_service .fs p{font-size:24px; float:left;} .foot_service .fs span{font-size:14px; float:left; color:#888; padding-left:8px; padding-top:16px;} .foot_service .fs_list{width:100%; overflow:hidden; padding-top:18px;} .foot_service .fs_info{color:#888;} .fullSlide{width:100%;position:relative;height:500px;background:#FFF; font-size:#000;} .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:500px;overflow:hidden;text-align:center} .fullSlide .bd li a{display:block;height:500px} .fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:10px;line-height:10px} .fullSlide .hd ul{text-align:center} .fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;margin:1px;overflow:hidden;filter:alpha(opacity=50);opacity:.5;line-height:999px; border:2px solid #FFF; width: 10px; height: 10px; border-radius: 10px; margin-right: 2px; margin-left: 2px;} .fullSlide .hd ul .on{background:#e61b15;filter:alpha(opacity=100);opacity:1;} .fullSlide .prev,.fullSlide .next{position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;width:40px;height:60px;background:url(/images/slider-arrow.png) -126px -137px no-repeat;cursor:pointer; display:none} .fullSlide .next{left:auto;right:15%;background-position:-6px -137px} .index_title{text-align: center;} .index_title p{font-size: 32px; color: #000;} .index_title span{display: block; line-height: 20px; height: 20px; color:#666;} .pro_box{width: 290px; float: left; margin-left: 5px; margin-right: 5px; overflow: hidden; margin-top: 52px; padding-bottom:52px; padding-top:42px; cursor:pointer;} .pro_box .pro_pic{padding: 32px; padding-bottom: 32px; height:100px; display:block; overflow:hidden;} .pro_box .pro_title{text-align: center;} .pro_box .pro_title a{color: #000; font-size: 19px;} .pro_box .pro_info{color:#666; text-align:center; padding-top:12px; width:100%; overflow:hidden; padding-bottom:52px; font-size:15px;} .pro_box .pro_more{width:172px; overflow:hidden; height:40px; line-height:40px; border:1px solid #ccc; border-radius:20px; text-align:center; font-size:14px; margin:0px auto;} .pro_box .pro_more a{display:block; color:#666;} .pp1{background:url(pro_ico.png) 0px 0px no-repeat;} .index_box .pb_on .pp1{background:url(pro_ico.png) -290px 0px no-repeat;} .pp2{background:url(pro_ico.png) 0px -220px no-repeat;} .index_box .pb_on .pp2{background:url(pro_ico.png) -290px -220px no-repeat;} .pp3{background:url(pro_ico.png) 0px -440px no-repeat;} .index_box .pb_on .pp3{background:url(pro_ico.png) -290px -440px no-repeat;} .pp4{background:url(pro_ico.png) 0px -660px no-repeat;} .index_box .pb_on .pp4{background:url(pro_ico.png) -290px -660px no-repeat;} .index_box .pb_on{ background:#f6f6f6; box-shadow: 0px 6px 15px rgba(9,2,4,.1);transform: translate3d(0,-5px ,0);} .index_box .pb_on .pro_more{background:#f57426; border:1px solid #f57426;} .index_box .pb_on .pro_more a{color:#fff;} .index_brand{border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:0px; overflow:hidden; width:1195px; margin:0px auto; margin-top:72px; background:#d5d5d5;} .index_brand li{border-top:1px solid #ccc; border-left:1px solid #ccc; width:238px; float:left; overflow:hidden;} .index_brand li img{height:138px; width:238px;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity:0.98;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;} .index_brand li:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none;opacity:1;transform: scale(0.92,0.9);} .news_box{width:380px; float:left; margin-right:30px; margin-top:42px; margin-bottom:28px; background:#fff; cursor:pointer;} .news_box:hover{transform: translate3d(0,-10px ,0); box-shadow: 0 15px 20px rgba(0,0,0,.2); background:#333; color:#fff;} .news_box:hover a{color:#fff;} .index_box .last{margin-right:0px;} .news_box .news_pic{width:380px; height:253px; overflow:hidden;} .news_box:hover .news_pic 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);} .news_box .news_pic img{width:380px; height:253px;} .news_box .news_info{padding:32px 28px 32px 28px;} .news_box .news_date{float:left; padding-right:30px; width:70px; text-align:center;} .news_box .news_date p{font-size:15px; font-weight:bold; color:#888;} .news_box:hover .news_date p{color:#fff;} .news_box .news_date span{font-size:32px; line-height:50px; height:50px; display:block;} .news_box .news_title{float:right; line-height:24px; height:24px; overflow:hidden; font-size:18px; width:220px; margin-bottom:8px;} .news_box .news_title a{color:#000;} .news_box:hover .news_title a{color:#FFF;} .news_box .news_content{float:right; width:220px; line-height:22px; height:44px; overflow:hidden; color:#888;} .news_box:hover .news_content{color:#fff;} .news_more{width:100%; overflow:hidden; text-align:center; height:80px; background:url(arrow.png) 70px 0px no-repeat;} .news_box:hover .news_more{background:url(arrow.png) 70px -83px no-repeat;} .case_menu,.list_menu{text-align:center; padding-top:28px; padding-bottom:32px;} .case_menu a,.list_menu a{display:inline-block; padding:8px 18px 8px 18px;; background:#140a0c; color:#fff;} .case_menu a:hover,.case_menu .cm_on,.list_menu a:hover,.list_menu .cm_on{background:#e61b15;} .case_box{display:none; width:100%; overflow:hidden;} .case_info{background:#ededed; padding-top:12px;} .news_box:hover .case_info{background:#333;} .case_title{line-height:48px; height:48px; border-bottom:1px solid #a2a2a2; margin-left:20px; margin-right:20px; overflow:hidden; font-size:17px; color: #000; padding-left:8px; padding-right:8px;} .case_content{border-top:1px solid #FFF; margin-left:20px; margin-right:20px; line-height:20px; height:58px; overflow:hidden;} .news_box:hover .case_title{border-bottom:1px solid #000;} .news_box:hover .case_content{border-top:1px solid #6d6d6d;} .case_more{width:100%; overflow:hidden; text-align:center; height:80px; background:url(arrow_case.png) 110px 0px no-repeat #ededed;} .case_line{width:100%; height:18px; display:block;} .news_box:hover .case_more{background:url(arrow_case.png) 110px -83px no-repeat #333;} .foot_menu{width: 100%; overflow: hidden; padding-top: 32px; padding-bottom: 22px} .foot_box{float: left; margin-right: 80px;} .foot_box p{color: #fdfdfd; font-size: 18px; padding-bottom: 8px;} .foot_box span{color: #0166ce; font-size: 20px; font-weight: bold; padding-bottom: 12px; display: block;} .foot_box li{ line-height: 24px; height: 24px;} .foot_box li a{color: #999; font-size: 16px;} .foot_box li a:hover{color: #e61b15;} .qr_box{float: right; color: #999; padding-top: 8px;} .foot_link{width: 100%;} .foot_link span{color: #0166ce; width: 100%; font-size: 20px; border-bottom: 1px solid #000; display: block;} .foot_link_box{width: 100%; border-top: 1px solid #313131; overflow: hidden;} .foot_link_box li{float: left; line-height: 28px; height: 28px; margin-right: 8px;} .foot_link_box li a{color: #999;} .foot_link_box li a:hover{color: #e61b15;} .foot_txt{padding-top: 12px; padding-bottom: 18px; color: #999;} .foot_txt a{color:#999;}.foot_txt a:hover{color:#e61b15;} .icp{cursor:pointer;}.icp:hover{color:#e61b15;} .page{padding-top:32px; padding-bottom:5px; overflow:hidden; width:100%; text-align: center;} .page a{text-decoration:none; font-size:14px; color:#333; background:#fff; border:1px solid #ccc; display: inline-block; padding: 6px 10px 6px 10px; margin-left: 3px; margin-right: 3px;} .page a:hover,.page a.active{background:#d20000; border:1px solid #d20000; color:#fff;} .page a.active{color:#fff;} /* 灏忎笁瑙 */ #colorNav li ul li:first-child:before{position:absolute;top:-10px;left:50%;margin-left:-5px;width:1px;height:1px;border:5px solid transparent;content:'';border-bottom-color:#313131;}