@charset "utf-8"; /* css document */ * { margin:0; padding:0;} a { font-size:14px;text-decoration:none; font-family:"microsoft yahei","simsun" ; color:#333;} a:hover {text-decoration:none; color:#ff0000;} ul,p { margin:0; padding:0;} ul li { list-style:none;} img { border:none;} .clear { clear:both;} div:after{display:block; content:'clear'; clear:both; line-height:0; visibility:hidden;} body {font-family:"microsoft yahei","simsun" ;color:#333; line-height:23px; font-size:14px; } .clearfix::before, .clearfix::after {content: " ";display: block;height: 0;overflow: hidden;} .clearfix::after {clear: both;} .p10{ padding-top:10px;} .mt20{ margin-top:20px;} .ml10{ margin-left:10px;} .fl{ float:left;} .fr{ float:right;} .while{ color:#fff;} .more{ padding-top:13px;} .tit{ font-size:31px; color:#000;} .tit1{ font-size:18px; color:#000; padding-top:5px; padding-left:5px;} .hide{display: none;} .bgfff{ width:100%; background-color:#fff;} /*首页布局*/ .head{width:1100px; height:68px; padding-top:50px; margin:auto; background: url(/uploads/image/tlimages/logo.jpg) no-repeat left center;} .head_1{ width:1100px; height:20px; overflow:hidden; margin:auto;} .head_1 a{ display:block; padding-left:30px; height:20px; color:#000; font-size:12px;} .head_1 a.ha1{background: url(/uploads/image/tlimages/icon2.jpg) no-repeat left center; margin-left:20px;} .head_1 a.ha2{background: url(/uploads/image/tlimages/icon1.jpg) no-repeat left center;} .head_1 a span{ display:block; width:58px; height:18px; line-height:18px; text-align:center; background-color:#e5e5e5; border:1px solid #bababa;} .head_2{ width:1100px; height:25px; overflow:hidden; margin:15px auto 0px;} .head_2 .sp1{ display:block; height:25px; padding-left:30px; font-size:16px; color:#e60100; line-height:25px; background: no-repeat left center;} .head_2 .sp1 span{ font-weight:bold; font-size:18px;} .daohang{ width:100%; height:50px; background-color:#363636;} .dao{ width:1100px; height:50px; margin:auto;} #navul li{ float:left; width:136px; height:50px; text-align:center; position:relative;z-index:10000;} #navul li a{ color:#fff; width:136px; height:50px; line-height:50px; display:block; font-size:16px; text-align:center;} #navul li.current a{height:50px;color:#fff;display:block; border:0px;} #navul li:hover a{height:50px;color:#fff; text-decoration:underline; display:block;border:0px;} #navul li ul{ width:100%;background:#f49e0e none repeat scroll 0 0;position:absolute;z-index:10000;top:50px; left:0px; border-bottom:none;} #navul li ul li{display:block;width:100%; padding:0px; float:none;margin-right:0px;background-image:none; margin-left:0px; height:30px;position:relative;line-height:30px; overflow:hidden;} #navul li ul li a{color:#fff; overflow:hidden; font-size:14px; background-image:none; text-align:center; text-decoration:none; display:block;height:30px;line-height:30px; padding:0px;} #navul li ul li a:hover{color:#c00; background:#ddd none repeat scroll 0 0; font-size:14px; text-align:center; display:block;height:30px;line-height:30px;} #navul li ul li:hover{ height:30px;} #navul li.current ul li a{background-image:none;color:#fff;} #navul li:hover ul li{background-image:none;} #navul li:hover ul li a{background-image:none;color:#fff; border:0px;text-decoration:none; } #navul li:hover ul li a:hover{color:#c00; } .bna{ width:100%; margin:auto;position:relative; z-index:1;} /* flexslider */ .flexslider{position:relative;height:449px; overflow:hidden;background: 50% no-repeat;} .slides{position:relative;z-index:1;} .slides li{height:449px;} .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:12px;height:13px;margin:0 5px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;width:12px;height:13px;line-height:40px;overflow:hidden;background:url(/uploads/image/tlimages/dot.png) right 0 no-repeat;cursor:pointer;} .flex-control-nav .flex-active{background-position:0 0;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:40px;background:url(/uploads/image/tlimages/prev.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:40px;background:url(/uploads/image/tlimages/next.png) center center no-repeat;} /* 网站底部 */ .foot{ width:100%; min-height:208px; position:relative; background-color:#363636; padding-top:25px; padding-bottom:10px;} .foot_con{ width:1100px; color:#fff; margin:auto;} .foot a:hover{ text-decoration:underline;} .foot_con_1{ width:695px; padding-top:110px; background:url(/uploads/image/tlimages/icon8.jpg) left top no-repeat; overflow:hidden;} .home_inp{ width:235px; height:25px; color:#fff; font-size:12px; padding-left:5px; border:1px solid #fff; background-color:#363636;} .home_area{width:235px; height:65px; color:#fff; font-size:12px; padding-left:5px; padding-top:5px; border:1px solid #fff; background-color:#363636;} .home_code{ width:150px; height:25px; color:#fff; font-size:12px; padding-left:5px; border:1px solid #fff; background-color:#363636;} .home_btn{ width:590px; height:40px; text-align:center; cursor:pointer; background-color:#a33323; border:0px; color:#fff;} .send{ width:590px; height:40px; text-align:center; cursor:pointer; background-color:#a33323; border:0px; color:#fff;} .foot_con_2{ width:315px; min-height:180px; padding-top:120px; padding-bottom:20px; background:#4a4a4a url(/uploads/image/tlimages/icon9.jpg) no-repeat 20px top;} .foot_con_3{ width:260px; color:#fff; line-height:30px; margin:auto;} .foot_con_4{ width:100%; color:#fff; padding:10px 0px; background-color:#000;} .foot_con_5{ width:1100px; margin:auto;} .foot_con_5 a{color:#fff;} .home{ width:100%; margin:auto; position:relative; padding-bottom:30px;} .home:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;} * html .home{zoom: 1;} *:first-child html .home{zoom: 1;} .content{ width:1024px; margin:auto; overflow:hidden; bottom:57px; position:relative; background-color:#fff; z-index:9; box-shadow:1px 2px 5px 2px #ccc; padding:15px;} .content:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;} * html .content{zoom: 1;} *:first-child html .content{zoom: 1;} /*首页关于我们*/ .home_1{ width:100%; height:1300px; background:url(/uploads/image/tlimages/icon5.jpg) center no-repeat;} .home_2{ width:1100px; position:relative; margin:auto;} .home_3{ width:755px; height:300px; padding-top:50px; overflow:hidden;} .home_4{ width:660px; height:35px; padding-left:95px; line-height:35px; font-size:30px; color:#d90100; font-weight:bold; overflow:hidden;} .home_5{ width:755px; height:245px; text-align:justify; line-height:25px; padding-top:15px; overflow:hidden;} .home_6{ width:725px; padding-top:30px; padding-right:30px; text-align:right;} .home_6 a{ display:inline-block; width:100px; height:25px; color:#fff; font-size:12px; text-align:center; line-height:25px; background-color:#d90100;} .home_6 a:hover{ text-decoration:underline;} .home_7{ width:245px; height:459px; margin-top:-60px; position:relative; z-index:999;} /*首页产品推荐*/ .home_8{ width:1100px; height:600px; padding-top:200px; margin:auto; overflow:hidden;} .home_12{ width:1200px;} .home_12 ul li{ width:232px; height:242px; margin-right:13px; margin-bottom:40px; padding:15px; border:1px solid #c9c8c6; float:left; _display:inline; overflow:hidden; text-align:center;} .home_12 ul li .home_9{ width:232px; height:240px; background-color:#fff; overflow:hidden;} .home_12 ul li .home_9 .home_10{ display:table-cell;width:232px; height:200px; vertical-align:middle; overflow:hidden;} .home_12 ul li .home_9 .home_10 img{ max-width:100%; max-height:100%; display:block; margin:auto;} .home_12 ul li .home_9 .home_10 img:not(.noscale){transition: all 2s ease 0s;} .home_12 ul li .home_9 .home_10 img:hover:not(.noscale){transform: scale(1.2);} .home_12 ul li .home_9 .home_10 a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;} .home_12 ul li .home_9 .home_11{ width:232px; height:40px; background-color:#0b53a6; text-align:center; line-height:40px; overflow:hidden;} .home_12 ul li .home_9 .home_11 a{ color:#fff; font-size:16px; font-weight:bold;} .home_12 ul li .home_9 .home_11 a:hover{ text-decoration:underline;} /*首页新闻中心*/ .home_13{ position:relative; width:100%; height:121px; margin-top:-60px; overflow:hidden; z-index:99; background:url(/uploads/image/tlimages/icon6.jpg) no-repeat center;} .home_14{ width:1100px; padding-top:20px; margin:auto;} .home_15{ width:565px; height:310px; overflow:hidden;} .home_15 li{ width:563px; height:87px; margin-bottom:20px; cursor:pointer; border:1px solid #d7d7d7; overflow:hidden;} .home_15 li:hover{ background-color:#0b53a6;} .home_15 li:hover dl{ color:#fff;} .home_15 li:hover dl dt a{color:#fff;} .home_15 li dl{ width:533px; margin-left:15px;} .home_15 li dl dt{ width:533px; height:40px; line-height:40px; overflow:hidden;} .home_15 li dl dt a{ font-size:16px; color:#000; font-weight:bold;} .home_15 li dl dd{ width:533px; height:40px; line-height:21px; overflow:hidden;} /*首页公司荣誉*/ .home_16{ width:498px; height:312px; padding:9px 0px 0px 11px; overflow:hidden; background: no-repeat center;} .home_17{ width:488px; height:289px; overflow:hidden;} .home_17 img{ width:488px; height:289px;} /*内页公用样式*/ .nav_left{ width:245px; float:left;} .nav_left_top{ width:245px;} .nav_left_top_tit{ width:225px; height:40px; font-size:16px; padding-left:20px; font-weight:bold; color:#fff; line-height:40px; background:url(/uploads/image/tlimages/left_tit.jpg) no-repeat center;} .nav_left .list{ width:245px;} .nav_left .list li{ width:225px; height:36px; position:relative; margin-top:7px; line-height:36px; padding-left:20px; overflow:hidden; background:url(/uploads/image/tlimages/left_libg.jpg) no-repeat center;} .nav_left .list li a{color:#434343; height: 34px;text-indent: 22px;width: 100%;} .nav_left .list li a.cur_bg{color:#ff0000;} .nav_left .list li a:hover{color:#ff0000;} .lxwm{ width:245px; margin-top:20px;} .lxwm_cen{ width:245px; padding-top:100px; padding-bottom:10px; color:#7e7e7e;overflow:hidden; font-size:14px; background:url(/uploads/image/tlimages/con_ren.jpg) no-repeat top right;} .nav_right{ float:right; width:750px; overflow:hidden;} .nav_right_top{ width:750px; height:30px; padding-top:20px; border-bottom:1px solid #ccc;} .nav_right_top_left{ float:left;font-size:18px; padding-left:20px; color:#4e4e4e;background:url(/uploads/image/tlimages/icon23.jpg) no-repeat left center;} .nav_right_top_right{ float:right;font-size:12px;} .nav_right_top_right a{ font-size:12px;} .nav_right_cen{ width:750px; padding:10px 0px 0px 0px;height:auto; padding-bottom:20px;} /*关于我们*/ .justify{ text-align:justify;} /*工程案例*/ .nav_left .list_case{ width:212px; margin:auto; padding-top:45px; padding-bottom:25px;} .nav_left .list_case li{ width:212px; margin-top:5px; } .nav_left .list_case li a{ color:#fff; font-size:14px; display:block;background: no-repeat left center; width:212px; height:28px; text-align:center; line-height:28px; overflow:hidden;} .nav_left .list_case li ul{ display:none;} .nav_left .list_case li ul li a{ color:#000; font-size:14px; text-align:center; display:block;background-image: none; width:212px; height:25px; text-align:center; line-height:25px; overflow:hidden;} .nav_left .list_case li ul li a:hover{ color:#016ffc;} .nav_left .list_case li.caseda ul{ display:block;} .case_list dl{ width:224px; float:left; margin:11px 0px 0px 5px;} .case_list dl dt{ height:134px;} .case_list dl dt img{width:224px; height:134px;} .case_list dl dt a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;} .case_list dl dd{ width:214px; height:35px; background-color:#bcddff; margin-top:5px; overflow:hidden; line-height:35px; padding:0px 5px 0px 5px;} .case_list dl dd a:hover{ text-decoration:underline;} .ctit1{ width:140px; height:35px; overflow:hidden;} .ctit1 a{ color:#000; font-weight:bold;} .ctit2{ width:70px; height:35px; text-align:right;} .ctit2 a{ color:#005fd7; font-weight:bold; font-size:12px;} /*荣誉资质*/ .case_in dl{ width:211px;height:200px; float:left; margin:8px 0px 2px 25px; text-align:center; overflow:hidden;} .case_in dl dt{width:207px;height:151px; border:1px solid #ccc; padding:1px; overflow:hidden;} .case_in dl dt img{height:149px; } .case_in dl dd{ width:211px; height:40px; line-height:40px; overflow:hidden;} .case1_in li{ width:211px; height:auto; float:left; margin:8px 0px 2px 25px; border:0px solid red; height:210px; overflow:hidden;} .case1_in li img{ margin-bottom:5px;} .case1_in_out{ width:200px; height:150px; display:block; border:solid #ccc 1px; padding:1px;} .case1_in_over{ width:200px; height:150px; display:block; border:solid #80ce07 1px; padding:1px} .page{ width:100%; height:50px; margin:16px 0px 8px 0px; padding-top:5px; text-align:left; background-color:#f1f1f1} /*新闻动态*/ .new_list dl{ width:750px; height:120px; border-bottom:1px dashed #dddddd;} .new_list dl dt{ width:750px; height:30px; line-height:30px;} .new_list dl dt a{ font-size:14px; font-weight:bold;} .new_list dl dd.arc_into{ width:750px; font-size:12px; color:#ccc;} .new_list dl dd.arc_desp{ width:750px; font-size:12px; color:#666; line-height:21px; height:60px; overflow:hidden;} .new_list dl dd.arc_desp img{ width:100px; height:60px; float:left; margin-right:10px; border:0px;} .nn_tit{ width:750px; height:50px; line-height:50px; color:#333; font-size:20px; text-align:center;} .nn_info{ width:750px; text-align:center; border-bottom:1px dashed #dddddd; font-size:12px; color:#999; padding:3px 0;} .nn_con{ width:730px; text-align:left; border-bottom:1px dashed #dddddd; padding:10px;} .prev_next{ margin-top:10px; width:750px;} /*产品展示*/ .cp_list dl{ width:230px; float:left; margin:11px 0px 0px 10px;} .cp_list dl dt{ display:table-cell; vertical-align:middle; width:228px; height:230px; border:1px solid #d4d4d4; overflow:hidden;} .cp_list dl dt img{ max-width:100%; max-height:100%; display:block; margin:auto;} .cp_list dl dt img:not(.noscale){transition: all 2s ease 0s;} .cp_list dl dt img:hover:not(.noscale){transform: scale(1.2);} .cp_list dl dt a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;} .cp_list dl dd{ width:214px; height:30px; overflow:hidden; line-height:30px; text-align:center; padding:3px 5px 5px 5px;} .pro_2{ width:100%;height:36px; border-bottom:solid #ddd 1px; margin:8px 0px 2px 0px;} .pro_1{ padding-top:15px;} .txt_1{ color:#182b3c; font-size:14px; font-family:"microsoft yahei"; font-weight:bold; text-align:center;} .txt_6{ color:#66ac02; font-size:14px; font-family:"microsoft yahei"; font-weight:bold; } .p1{ text-align:center; margin-top:10px;} .p2{ width:720px; height: auto ; margin-top:20px} /*资料下载*/ .down_list dl{ width:730px; height:40px; border-bottom:1px dashed #dddddd;} .down_list dl dt{ width:620px; height:40px; line-height:40px; float:left; overflow:hidden;} .down_list dl dt a{ font-size:14px; font-weight:bold;} .down_list dl dd{ width:100px; height:40px; line-height:40px; text-align:right; float:right;overflow:hidden;} /*产品订购*/ .ord_ddl{ height:30px; margin-left:10px;} .ord_tit{ width:300px; border:1px solid #cccccc; height:30px; padding-left:10px; margin-left:10px;} .ord_textarea{ width:290px;border:1px solid #cccccc; height:130px; padding:10px; margin-left:10px;} /*留言反馈*/ .mes_tit{ width:500px; border:1px solid #cccccc; height:30px; padding-left:10px; margin-left:10px;} .mes_textarea{ width:490px;border:1px solid #cccccc; height:130px; padding:10px; margin-left:10px;} .mes_code{ width:60px; border:1px solid #cccccc; height:30px; padding-left:10px; margin-left:10px;} .mes_tijiao{ width:73px; height:25px; background:url(/uploads/image/tlimages/res_btn.jpg) no-repeat; border:0px; cursor:pointer; margin-left:10px;} /*视频中心*/ .video_list dl{ float:left; width:324px; margin-left:30px; margin-bottom:10px;} .video_list dl dt{ width:324px; height:205px; overflow:hidden;} .video_list dl dt img{ width:324px; height:205px;} .video_list dl dd{ text-align:center; height:36px; line-height:16px; margin-top:5px;} .contact{ min-height:315px;background: no-repeat right top;} /*网站地图*/ .map dl{ width:750px; overflow:hidden;} .map dl dt{ width:750px; height:50px; line-height:50px; color:#000; font-weight:bold;} .map dl dd{ width:750px;} .map dl dd a{ display:block; float:left; padding-right:20px;} .foot_con_1 tr{color:#fff} /*留言栏目*/ .msgtitle{display:block;padding-bottom:5px;padding-left:150px;font-size:14px;font-weight:bold;} .message_block{color:#666;} .message_block p{padding:12px;} .msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;} .msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;} .message_labes{font-size:14px;} .message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;} .message_title h2{color:#376b88;font-size:14px;float:left;} .message_title span{float:right;font-weight:bold;color:#999;} .message_info{color:#8ea6b6;text-align:right;} .message_replay{background:#f5f5f5;padding:0 12px;} .msg_btn_area{margin:16px 0;padding-left:150px;text-align:left;float:left;} .msg_btn_area a{display:inline-block;padding:5px 15px;background:#09f;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;} .msg_btn_area a:hover{text-decoration:none;background:#f60} .msgflag{margin-left:4px;font-size:12px;color:#900;}