*{ margin:0; padding:0;}
html, body, .container{ height:100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }
html,body{-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;-o-text-size-adjust: none; text-size-adjust: none;}
body {font-size: 13px;color:#000; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; }
input,textarea,select,button { outline:none;}
area{ outline:none;}
a{ text-decoration:none; color:#000; -webkit-transition: all ease-in .2s;
-ms-transition: all ease-in .2s; -moz-transition: all ease-in .2s;
-o-transition: all ease-in .2s; transition: all ease-in .2s;}
a:hover{ color:#ff7214}
ul,li {list-style-type:none;}
img {border:0; margin:0; padding:0;}
.fl{float:left;}
.fr{float:right;}
.textcenter{text-align:center;}
.clear{overflow:hidden;clear:both;line-height:12px;}
.line{line-height:1px;}
.top{ width:100%; height:37px; float:left; background:#f1f1f1;}
.top p{ line-height:37px; float:left}
.top .right{ float:right}
.top .right ul li{ float:left}
.top .right ul li a{ line-height:37px}
.head{ width:100%; height:auto; background:#FFF; }
.head .logo{ float:left; margin-top:20px; margin-bottom:10px;}
.head .tel{ float:right; margin-top:34px; }
.menu{ width:100%; height:auto; float:left; background:#0c438c}
.menu ul{ width:100%; height:57px; float:left;}
.menu ul li{ line-height:57px; width:150px; float:left; text-align:center}
.menu ul li:hover{ background:#33b0bf}
.menu a{ font-size:15px; color:#FFF}
.section{ width:100%; max-width:1200px; margin:auto; }
.navigate{padding:5px;text-indent:10px; float:left}
.fwfw{ width:100%; height:auto; float:left; padding-bottom:50px; }
.title{ width:100%; height:auto; float:left; margin-top:40px;}
.title .t_title{ width:100%; height:35px; background:url(title_bg.jpg) center center no-repeat; margin-bottom:20px;}
.title .t_text{ width:80%; height:auto; margin:auto; display:table; text-align:center; margin-bottom:20px;}
.title .t_text p{ color:#6b6a6a; line-height:28px;}
.title .t_title h2{ text-align:center; font-weight:normal; font-size:25px;}
.about{ width:100%; height: auto; float:left; background:#f7f7f7; padding-bottom:50px;}
.about .title .t_title{ width:100%; height:35px; background:url(about_bg.jpg) center center no-repeat; margin-bottom:20px;}
.news .title .t_title{ width:100%; height:35px; background:url(new_bg.jpg) center center no-repeat; margin-bottom:20px;}
.about .left{ float:left; width:48%}
.about .right{ float:left; width:52%}
.about .right h1{ color:#0046a3; font-size:30px; line-height:70px;}
.about .right p{ font-size:14px; line-height:30px; text-indent:2em}
.about .right a{ width:145px; height:38px; line-height:38px; text-align:center; background:#e5e5e5; float:left; display:block; margin-top:45px;}
.i_ban{ width:100%; height:505px; float:left; position:absolute}
#full-screen-slider { width:100%; height:505px; float:left; position:relative}
#slides { display:block; width:100%; height:505px; 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:25%; top:470px; z-index:9900; padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:55px; height:5px; 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:#818182}
.piclist{ width:100%; height:auto; float:left}
.piclist a.thumb{ width:283px; height:262px; float:left; margin:7px; border:1px solid #d2d2d2; background:#e4e9ec;}
.piclist a.thumb:hover{ background:#0c438c; color:#FFF}
.piclist a.thumb img{ width:283px; height:215px; float:left}
.piclist a.thumb p{ width:100%; height:50px; float:left; line-height:50px; font-size:16px;overflow: hidden;text-align: center;}
.caes{ width:100%; height:auto; float:left; padding-top:30px; padding-bottom:50px;}
.caes .more{ width:100%; height:auto; float:left}
.caes .more a{ width:147px; height:38px; display:block; background:#0c438c; margin:auto; text-align:center; color:#FFF; line-height:38px;}
.caes_list{ width:100%; height:auto; float:left}
/* 水平滚动
------------------------------ */
.scroll_horizontal{position:relative;width:100%;height: auto;padding:20px;line-height:20px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:96%;height:300px;margin:0 auto;margin-bottom: 30px;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:389px; height:300px;text-align:center;}
.scroll_horizontal .list img{ width:377px; height:260px; float:left;max-width: 100%;transform: translateZ(0px);transition: transform 0.3s ease 0s;opacity: 0.9;vertical-align: middle;}
.scroll_horizontal .list li p{ line-height:40px;}
.scroll_horizontal .list ul li a:hover img{transform: scale(1.05, 1.05);transition: transform 0.6s ease 0s;opacity: 1;}
.scroll_horizontal .plus,
.scroll_horizontal .minus{position:absolute;top:160px;width:25px;height:60px;background:#707070;cursor:pointer;}
.scroll_horizontal .plus{left:10px; font-size:17px; color:#FFFFFF; text-align:center; line-height:60px }
.scroll_horizontal .minus{right:10px;font-size:17px; color:#FFFFFF; text-align:center; line-height:60px}
.scroll_horizontal .plus:hover,
.scroll_horizontal .minus:hover{background:#313131;}
.scroll_horizontal .list ul li a:hover {color: #00a4c5;}
.g_gao{ width:100%; height:160px; float:left; background:url(g_gao_bg.png) top center no-repeat}
.fscl{ width:100%; height:auto; float:left; padding-top:30px; padding-bottom:50px;}
.fscllist{ width:100%; height:auto; float:left; padding-top:30px; padding-bottom:30px;}
.fscllist ul li{ width:283px; height:275px; float:left; border:1px solid #d2d2d2; margin:7px;}
.fscllist ul li a{ width:100%; height:auto; float:left}
.fscllist ul li img{ width:280px; height:225px; float:left}
.fscllist ul li p{ width:100%; height:50px; float:left; line-height:50px; text-align:center; background:#e4e9ec}
.fscl .more{ width:100%; height:auto; float:left; margin-top:20px;}
.fscl .more a{ width:145px; height:38px; margin:auto; display:block; background:#0c438c; text-align:center; line-height:38px; color:#FFF; font-size:16px;}
.news{ width:100%; height:auto; float:left; background:#e4e9ec}
.nTab{ float: left; width: 100%;background-position:left; background-repeat:repeat-y; margin-bottom:2px; }
.nTab .TabTitle{ clear: both; height: 50px; overflow: hidden; width:70%; margin:auto; display:table }
.nTab .TabTitle ul{ border:0; margin:0; padding:0; }
.nTab .TabTitle li{ float: left; width: 50%; cursor: pointer; padding-right: 0px; padding-left: 0px; list-style-type: none; }
.nTab .TabTitle .active{background:#fff;height:50px;color:#005bac; font-size:15px; text-align:center; line-height:50px}
.nTab .TabTitle .normal{background:#005bac; height:50px; font-size:15px; text-align:center; line-height:50px; color:#FFF}
.nTab .TabContent{ width:auto; margin: 0px auto; padding:10px 0 0 0; }
.none {display:none;}
.more_new{ width:210px; height:36px; display:table; background:#ce0000; margin:auto; text-align:center;}
.more_new a{ font-size:14px; color:#FFFFFF; line-height:35px; display:block}
/*-----------------------公司新闻----------------------*/
.new_pic{ width:40%; height:auto; float:left; }
.new_pic img{ width:100%; float:left; height:auto}
#myTab0_Content0 .new_pic .pic_list{ float:left;}
#myTab0_Content0 .new_list{ float:left; width:58%; margin-left:2% }
#myTab0_Content0 .new_pic .result_list{padding:5px;overflow:hidden; width:100%; float:left}
#myTab0_Content0 .new_pic a { width:100%; height:auto; float:left}
#myTab0_Content0 .new_list .result_list{ width:100%; height:auto; float:left; margin-bottom:5px;}
#myTab0_Content0 .new_list .result_list h1{ font-size:18px; line-height:30px}
#myTab0_Content1 .new_pic .pic_list{ float:left;}
#myTab0_Content1 .new_list{ float:left; width:100%; }
#myTab0_Content1 .new_pic .result_list{padding:5px;overflow:hidden; width:100%; float:left;}
#myTab0_Content1 .new_pic a { width:100%; height:auto; float:left}
#myTab0_Content1 .new_list .result_list{ width:48%; height:auto; float:left; margin-bottom:5px;margin-left:2% }
#myTab0_Content1 .new_list .result_list h1{ font-size:18px; line-height:30px}
.news .more{ width:100%; height:auto; float:left; margin-top:20px;}
.news .more a{ width:145px; height:38px; margin:auto; display:block; background:#0c438c; text-align:center; line-height:38px; color:#FFF; font-size:16px;}
/*-----------------------教学知识----------------------*/
.result_list a{display: block;padding:10px;overflow: hidden; border:1px solid #CCCCCC; background: #fff; }
.result_list p{ font-size:12px; line-height:22px; color:#999999; margin-bottom:5px}
.result_list span{display: block; font-size:12px; color:#fff;width:75px; overflow:hidden; height:20px; background:#f8b000; line-height:20px; padding:5px}
.result_list a:hover{ background:#f7f7f7}
/*-----------------------foot----------------------*/
.foot{ width:100%; height:auto; background:#898989; float:left; margin-top:30px; padding-bottom: 30px;}
.foot .left{ width:70%; height:auto; float:left; margin-right:5%}
.foot .left .bt_menu{ width:100%; height: auto; float:left; border-bottom:1px solid #9b9b9b; padding-top:30px;}
.foot .left .bt_menu ul li{ float:left; margin-left:22px; margin-right:22px;}
.foot .left .bt_menu ul li a{font-size:16px; line-height:50px; color:#fff }
.foot .left .bt_menu ul li a:hover{ color:#fff}
.foot .right{ width:23%; height:auto; float:left}
.foot .f_lxwm{ width:100%; height:auto; float:left; margin-top:30px;}
.foot .f_lxwm h2{ color:#fff; line-height:35px;}
.foot .f_lxwm ul li{ color:#fff; line-height:35px;}
.footer{background:#131313;height:50px;line-height:50px;color:#fff; width:100%; float:left}
.footer a:link,.footer a:visited,.footer a:hover{color:#fff;}
/*------------------about内页----------------------------*/
.n_ban{ width:100%; height:320px; float:left; background:url(n_ban.jpg) no-repeat; background-size: 100% auto;}
.n_nav{border-bottom: 1px solid #ccc; margin: 0 auto 20px; width:100%; height:40px; float:left}
.span01 {display: block;padding-left: 20px;background: url(span01.png) no-repeat left center; height: 40px;line-height: 40px; float:right}
.a_mian{ width:100%; height:auto; float:left}
.a_mian .n_menu{ width:100%; height:auto; float:left}
.a_mian .n_menu ul li{ float:left; width:10%; background:#33b0bf; margin-right:2%; height:40px; text-align:center}
.a_mian .n_menu ul li a{ line-height:40px; font-size:14px; color:#FFF}
/*about*/
.a_mian .about-box{width:100%; float: left; font-size: 16px; margin-top: 10px;line-height: 28px; color: #444;}
.a_mian .about-box h2{font-size: 18px; font-weight: bold;}
.a_mian .about-box p{padding-bottom: 10px;}
.a_mian .about-box .title{width: 100%; position: relative; margin-bottom: 15px;}
.a_mian .about-box .title .title-span01{width: 110px; background: #fff;}
.a_mian .about-box .title .title-span02{width: 185px; background: #fff;}
.a_mian .about-box .title .title-span03{width: 250px; background: #fff;}
.a_mian .about-box .title h2{ font-weight: bold; font-size: 18px; line-height: 40px; color: #0c438c;}
.a_mian .about-box .title span{ font-size: 16px; color: #234c53; line-height: 25px; text-transform: uppercase;}
.a_mian .about-box .title em{display: block; width: 100%;position: absolute; bottom: 11px; z-index: -1; height: 1px; background: #555;}
/*服务项目*/
.a_mian .a_left{ width:24%; height:auto; float:left}
.a_mian .a_left .fwxm{ width:100%; height:auto; float:left}
.a_mian .a_left .fwxm .title{ border-bottom: 1px solid #d1d1d1;height: 60px;font-size: 16px; line-height: 30px; color: #FFF;background: #0173b9; padding: 20px 0;}
.a_mian .a_left .fwxm .title h2 { display: block;text-indent: 2em;font-size: 18px;}
.a_mian .a_left .fwxm .title .sp01 {color: #d1d1d1; font-weight: 100; display: block; text-indent: 2em;font-size: 18px;}
.a_mian .a_left .m_1 {border: 1px solid #d1d1d1; border-top: none;border-bottom: none; width: 100%;height: auto;float: left;}
.a_mian .a_left .m_1>li { line-height: 48px; font-size: 14px; background: #f8f8f8;overflow: hidden; border-bottom: 1px solid #d2d2d2; border-top: 2px solid #fff; position: relative; float:left; width:100%; height:auto}
.a_mian .a_left .m_1>li>a { border-left: 6px solid #f1f1f1; height: 48px; color: #525252; font-weight: bold; padding-left: 32px; display: block;}
.a_mian .a_left .m_1>li>a.active,
.a_mian .a_left .m_1>li:hover>a {border-left: 6px solid #0173b9;color: #0173b9}
.a_mian .a_left .m_1>li .menu_btn { position: absolute; width: 50px; height: 48px; background: url(ny_left_ico.png) no-repeat center; top: 0;right: 0; cursor: pointer;}
.a_mian .a_left .m_1>li .menu_btn_active { background: url(ny_left_ico_active.png) no-repeat center;}
.a_mian .a_left .m_1>li .menu_btn:hover { background-color: #f9f9f9}
.a_mian .a_left .m_2 {display: none;}
.a_mian .a_left .m_2>li { line-height: 36px; background: #fff;border-bottom: 1px dashed #ccc}
.a_mian .a_left .m_2>li:last-child { border-bottom: none}
.a_mian .a_left .m_2>li:first-child {border-top: 1px solid #ccc}
.a_mian .a_left .m_2>li a { display: block; padding-left: 38px; font-size: 12px;}
.a_mian .a_left .m_2>li a.active,
.a_mian .a_left .m_2>li a:hover {color: #0EA28C}
.a_mian .n_right{ float:right; width:74%; margin-left:2%}
.a_mian .n_right .title{ height:auto; float:left;width: 100%;line-height: 36px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom:20px;}
.a_mian .n_right .title h2{ font-weight:normal; font-size:22px; float:left}
.n_lxwm .title{ border-bottom: 1px solid #d1d1d1;height: 60px;font-size: 16px; line-height: 30px; color: #FFF;background: #0173b9; padding: 20px 0;}
.n_lxwm .title h2 { display: block;text-indent: 2em;font-size: 18px;}
.n_lxwm .title .sp01 {color: #d1d1d1; font-weight: 100; display: block; text-indent: 2em;font-size: 18px;}
.n_content{ width:100%; height:auto; float:left;}
.n_content ul.result_list{ width:100%; height:auto; float:left}
.n_content ul.result_list li{ float:left}
/*案例场景*/
.a_mian .case-box{width: 100%; overflow: hidden; padding: 30px 0;}
.a_mian .case-box ul { width: 100%}
.a_mian .case-box ul li { width: 30%; float: left; margin:0 1% 30px 1%; overflow: hidden; position: relative}
.a_mian .case-box ul li.cut { margin-right: 0}
.a_mian .case-box ul img { width: 100%; height: 195px; display: block; transition: transform .3s}
.a_mian .case-box ul .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .5); z-index: 1; opacity: 0; filter: alpha(opacity=0); transition: opacity .3s}
.a_mian .case-box ul .con { width: 100%; position: absolute; bottom: -88px; left: 0; box-sizing: border-box; padding: 0 5% 45px 4%; z-index: 2; background: url(../case14_h.png) no-repeat center -7px;transition: bottom .3s}
.a_mian .case-box ul .red { width: 9px; height: 16px; position: absolute; bottom: 10%; right: 2%; background: url(../case13.png) no-repeat center; z-index: 3; opacity: 1; filter: alpha(opacity=100); transition: opacity .3s}
.a_mian .case-box ul h2 { font-size: 18px; color: #fff; line-height: 90px}
.a_mian .case-box ul p.font { font-size: 14px; color: #fff; line-height: 23px; height: 23px; overflow: hidden; margin-bottom: 20px}
.a_mian .case-box ul .more { width: 120px; height: 34px; text-align: center; line-height: 34px; background: #33b0bf; color: #fff; font-size: 14px; border-radius: 20px;}
.a_mian .case-box ul li:hover .bg { opacity: 1; filter: alpha(opacity=100)}
.a_mian .case-box ul li:hover .red { opacity: 0; filter: alpha(opacity=0)}
.a_mian .case-box ul li:hover .con { bottom: 0;}
.a_mian .case-box ul li:hover img { transform: scale(1.1);}
.cp-detail-content{width: 100%; overflow: hidden;}
.cp-detail-content .cp-de-fl{width:78%;}
.cp-detail-content .cp-de-fl img{max-width: 100%;}
.cp-detail-content .cp-de-fl h2{ width: 100%; text-align: center; font-size: 34px; color: #000; line-height: 54px; padding: 19px 0; }
.cp-detail-content .cp-de-fl .cp-img{width: 100%; text-align: center;}
.cp-detail-content .cp-de-fl .cp-img img{margin: auto; }
.cp-detail-content .cp-de-fl .cp-intro{width: 100%; line-height: 28px; padding: 30px 0; font-size: 14px; color: #333;}
.cp-detail-content .cp-de-fl .cp-intro span{font-weight: bold; color: #111; padding: 5px 5px; background:#fff;font-size: 16px;}
.cp-detail-content .cp-de-fl .cp-intro p{padding: 5px 0;}
.cp-detail-content .cp-de-fr{width:20%;}
.cp-detail-content .cp-de-fr .other-cp{ width: 100%; box-sizing: border-box; padding: 13px 9% 55px; background: #f1f1f1; box-shadow: 0 0 10px rgba(0, 0, 0, .07);}
.cp-detail-content .cp-de-fr .other-cp h4{font-size: 16px; color: #333; line-height: 48px;}
.cp-detail-content .cp-de-fr .other-cp ul{width: 100%;}
.cp-detail-content .cp-de-fr .other-cp ul li{width: 100%;}
.cp-detail-content .cp-de-fr .other-cp ul li a{ display: block; width: 100%; font-size: 16px; color: #666; line-height: 26px; padding: 2px 0 7px 8%; background: url(case23.png) no-repeat left 10px; transition: background .3s, color .3s;}
.cp-detail-content .cp-de-fr .other-cp ul li a:hover{ color: #0073ad;}
.up-down{width: 100%; background: #fff; padding: 10px 0; margin-top: 50px; overflow: hidden;color: #999; box-shadow: 0 0 10px #ccc;}
.up-down ul{width: 98%; margin: auto;}
.up-down ul li a{color: #999; font-size: 14px;}
.up-down ul li a:hover{color: #0073ad;}
.n_con{ width:100%; height:auto; float:left}
.n_lxwm{ width:100%; float:left; height:auto}
.n_con .n_lxwm .content { padding: 68px 20px 20px; border: 1px solid #d1d1d1; line-height: 26px; position: relative;background: #f8f8f8 url(contactbg.jpg) no-repeat 20px 20px; width:85%; height:auto; float:left}
.n_con .n_lxwm .telsp { position: absolute; top: 12px; left: 73px;height: 48px; color: #5b5b5b;line-height: 24px; font-size: 16px}
.n_con .n_lxwm .telsp ul li{ line-height:24px;}
.n_con .n_lxwm .telsp em { font-style: normal; font-weight: bold; font-size: 18px; display: block;}
.n_con .n_lxwm .telsp .color { color: #0173b9;}
/*工程案例*/
.caes_right{ width:100%; height:auto; float:left;}
.caes_right .title{ height:auto; float:left;width: 100%;line-height: 36px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom:20px;}
.caes_right .title h2{ font-weight:normal; font-size:22px; float:left}
/*新闻资讯*/
.main{width: 100%; padding: 50px 0 80px 0; overflow: hidden;}
.main-class{width: 100%;padding: 25px 0; }
.main-class a{ color: #fff; background: #234c53 ;font-size: 15px; padding: 5px 30px; margin-right:15px;display: inline-block;}
.news-detail{width: 100%; background: #fff; padding: 50px 0; overflow: hidden;}
.news-detail .news-detail-fl{width:73%;}
.news-detail .news-detail-fl h2{ width: 100%; text-align: center; font-size: 30px; color: #000; line-height: 54px; padding: 19px 0; }
.news-detail .news-time{width: 100%; padding: 10px 0; font-size: 14px; line-height: 24px; border-bottom: 1px solid #e6e6e6; color: #666666; text-align: center;}
.news-detail .news-detail-fl .news-intro{width: 100%; padding-top: 20px; line-height: 28px; font-size: 14px; color: #333;}
.news-detail .news-detail-fl .news-intro h3{font-weight: bold; color: #111; padding: 5px 5px; background:#fff;font-size: 16px;}
.news-detail .news-detail-fl .news-intro p{padding: 5px 0;}
.news-detail .news-detail-fr{width:23%;padding-top: 35px; }
.news-detail .news-detail-fr h4{font-size: 22px; color: #333; line-height: 22px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; margin-bottom: 15px;}
.news-detail .news-detail-fr ul{width: 90%; margin: 10px auto;}
.news-detail .news-detail-fr ul li{width: 100%;}
.news-detail .news-detail-fr ul li a{ display: block; color: #666; height: 30px; font-size: 14px; line-height: 30px; background: url(case23.png) no-repeat left 10px; padding-left:15px; overflow: hidden;}
.news-detail .news-detail-fr ul li a:hover{ color: #0073ad;}
.news-more{ display: block; width: 80%; padding: 0 10%; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background:#0073ad url(news04.png) no-repeat 150px 20px; }
.news-more:hover{ width: 85%; padding: 0 5% 0 10%; background: #0073ad url(news04.png) no-repeat 180px 20px; }
/*æ–°é—»ä¸å¿ƒ*/
.news-query a{display: block;width: 100%; padding-bottom: 62px; overflow: hidden; border-bottom: 1px dotted #c8c8c8; margin-top: 40px; }
.news-query .time{width: 10%; float: left; text-align: center;}
.news-query .time span{ display: block;width: 100%; float: left; font-size: 48px; color: #acacac; margin-left: 1.52%;}
.news-query .time i{width: 100%; font-size: 12px; display: block; margin-top: 12px; color: #acacac; font-style: normal;}
.news-query .news-box{width: 88%; float: right;}
.news-query .news-box dl{width: 100%;}
.news-query .news-box dl dt{width: 25%; float: left; overflow: hidden;}
.news-query .news-box dl dt img { width: 100%; display: block; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.news-query .news-box dl dd{width: 73%; float: right;}
.news-query .news-box dl dd h2 { font-size: 18px; color: #373636; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-query .news-box dl dd p{ color: #838383; font-size: 14px; line-height: 24px; margin-top: 15px; padding-bottom: 20px; overflow: hidden; height: 48px; border-bottom: 1px solid #e6e6e6;}
.news-query .news-box dl dd span{display: block; height: 25px; line-height: 25px; width: 73px; text-align: center; font-size: 12px; color: #666666; border: 1px solid #666666; margin-top: 30px;}
.news-query a:hover .news-box dl dt img {transform: scale(1.05, 1.05); transition: transform 0.6s ease 0s;}
.news-query a:hover .news-box dl dd h2{ color: #00599f;}
.news-query a:hover .news-box dl dd span{color: #fff; background: #00599f;border: 1px solid #00599f;}
.news-query a:hover .time span{color: #00599f;}
.news-query a:hover .time i{color: #00599f;}
.news-query_jsfw a{display: block;width: 100%; padding-bottom: 22px; overflow: hidden; border-bottom: 1px dotted #c8c8c8; margin-top: 40px; background:#f6f6f6; padding-top:30px;}
.news-query_jsfw .time{width: 10%; float: left; text-align: center;}
.news-query_jsfw .time span{ display: block;width: 100%; float: left; font-size: 48px; color: #acacac; margin-left: 1.52%;}
.news-query_jsfw .time i{width: 100%; font-size: 12px; display: block; margin-top: 12px; color: #acacac; font-style: normal;}
.news-query_jsfw .news-box{width: 88%; float: right;}
.news-query_jsfw .news-box dl{width: 100%;}
.news-query_jsfw .news-box dl dt{width: 25%; float: left; overflow: hidden;}
.news-query_jsfw .news-box dl dt img { width: 100%; display: block; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.news-query_jsfw .news-box dl dd{width: 100%; float: right;}
.news-query_jsfw .news-box dl dd h2 { font-size: 18px; color: #373636; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-query_jsfw .news-box dl dd p{ color: #838383; font-size: 14px; line-height: 24px; margin-top: 15px; padding-bottom: 20px; overflow: hidden; height: 48px; border-bottom: 1px solid #e6e6e6;}
.news-query_jsfw .news-box dl dd span{display: block; height: 25px; line-height: 25px; width: 73px; text-align: center; font-size: 12px; color: #666666; border: 1px solid #666666; margin-top: 30px;}
.news-query_jsfw a:hover .news-box dl dt img {transform: scale(1.05, 1.05); transition: transform 0.6s ease 0s;}
.news-query_jsfw a:hover .news-box dl dd h2{ color: #00599f;}
.news-query_jsfw a:hover .news-box dl dd span{color: #fff; background: #00599f;border: 1px solid #00599f;}
.news-query_jsfw a:hover .time span{color: #00599f;}
.news-query_jsfw a:hover .time i{color: #00599f;}
.pager { width: 100%;padding-top: 50px;}
/*联系我们*/
.about_text{ font-size: 18px;color: #555;font-weight: normal;padding: 5px 0; margin-bottom: 40px;}
#wenan{ width:97%; height:auto; float:left; background:#f6f6f6; padding:40px 20px 0px 20px; margin-bottom:50px;}
#wenan .lx1{ background:url(icon11.png) no-repeat 10px 0;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3; padding:0 15px; margin:0 10px;}
#wenan .lx3{background:url(icon33.png) no-repeat;}
#wenan .lx5{background:url(icon66.png) no-repeat;}
#wenan .lx5 img{ float:left; margin-left:30px;}
#wenan .lx1,#wenan .lx3,#wenan .lx5{float:left;width:370px;padding-top:30px;margin-bottom:30px;}
/*防水材料*/
.pord_list {}
.pord_list li {
float: left;
width: 280px;
margin: 10px;
position: relative;
}
.pord_list li img {
width: 280px;
height: 265px;
border: 1px solid #ccc;
margin-bottom: 10px;
}
.pord_list li span {
display: block;
line-height: 30px;
height: 30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
.pord_list li .pro_cover {
display: none;
width: 282px;
height: 267px;
position: absolute;
top: 0;
left: 0;
text-indent: 9999;
background: url(probgh.png) no-repeat center center;
}
.pord_list li:hover .pro_cover {
display: block;
font-size: 0
}
/*prodouct_listA*/