body{ margin:0; padding:0; font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; font-size:12px; background:#fff} img { border:none;} ul,li{ list-style:none; margin:0px; padding:0px;} .h_d,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,th,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;} a{ text-decoration:none; outline:none; color:#535152} a:active{star:expression(this.onFocus=this.blur());} #clear{ clear:both; height:0px; overflow:hidden;} /*----------TOP-----------*/ .top_one{height:34px;line-height:34px;background-color:#484848;color:#fff;font-size:12px;} .top_one_in{width:1170px;height:34px;margin:0 auto;} .top_one_in a{color:#fff;} .top_one_l{float:left;width:70%;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .top_one_r{floar:right;width:20%;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;text-align:right;} #top{width:1170px; margin:0 auto; height:105px;overflow:hidden; clear:both; } #top .logo{ width:600px; height:105px; float:left;} #top .logo a{ background:url(../images/logo.jpg) no-repeat; width:600px; height:105px; line-height:999px; overflow:hidden; display:block} #top .top_right{ float:right;} #top .top_mid{height:85px; float:left; padding-top: 20px; padding-left: 40px; } #top .top_mid p{line-height:30px; color:#F00; font-size:16px; font-weight:bold;} #tit{float:right; width:300px;height:105px;position: relative;} .tel{background:url(../images/tel.jpg) no-repeat left center;padding-left:50px;font-size:18px;height:44px;line-height:44px;position: absolute;bottom: 16px;right: 10px;} .tel span{font-size:18px;color:red;font-weight:bold;} #top .yy{ width:200px; height:24px; line-height:24px; color:#525252; float:left; padding-top:20px} #top .yy a{color:#525252; float:left; padding-right:5px} #top .yy .cn{background:url(../images/cn.jpg) no-repeat left; height:24px; padding-left:38px; display:block} #top .yy .en{background:url(../images/en.jpg) no-repeat left; height:24px; padding-left:38px; display:block} /* 搜索 */ #top #search{ width:260px; position:absolute; font-family: "Microsoft YaHei";overflow:hidden; z-index:99;padding-top:35px;right:-36px;} #top #search .ss_input{ width:154px; border:1px solid #ddd; border-right:none; height:34px; line-height:30px; padding-left:15px; font-size:14px; color:#999;font-family: "Microsoft YaHei"; float:left;resize:none;border-radius:4px 0 0 4px;} #top #search .ss_input:hover{ outline:none; color:#666; }#top #search .ss_input:focus{ outline:none; color:#444; } #top #search .ss_an{ width:53px; height:36px; float:left; border:none; cursor:pointer; background:url(../images/ss.gif) no-repeat;border-radius:0 4px 4px 0;outline:none;} #top #search .ss_an:hover{background:url(../images/ss_h.gif) no-repeat; } /* 导航 */ #nav {height:50px;box-shadow: 0px 2px 3px #89bceb;background: #005991;} #nav .menu {width:1170px;height:50px; margin:0 auto;} #nav .menu ul {padding:0; margin:0;list-style-type: none;overflow:hidden;} #nav .menu ul li {float:left; position:relative;margin-right:4px;} #nav .menu ul li a, .menu ul li a:visited {display:block; text-align:center; text-decoration:none; height:50px; color:#fff; line-height:50px; font-size:15px;width:134px} #nav .menu ul li a:hover{color:#FFF;background: -webkit-linear-gradient(to bottom, #fbfbfb -34%, #aed60f 15%, #42a008 129%); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(to bottom, #fbfbfb -34%, #aed60f 15%, #42a008 129%); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(to bottom, #fbfbfb -34%, #aed60f 15%, #42a008 129%); /* Firefox 3.6 - 15 */ background: linear-gradient(to bottom, #fbfbfb -34%, #aed60f 15%, #42a008 129%);} #nav .menu ul li .nav_hover{color:#FFF;background: -webkit-linear-gradient(to bottom, #fbfbfb -34%, #aed60f 15%, #42a008 129%); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(to bottom, #fbfbfb -34%, #aed60f 15%, #42a008 129%); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(to bottom, #fbfbfb -34%, #aed60f 15%, #42a008 129%); /* Firefox 3.6 - 15 */ background: linear-gradient(to bottom, #fbfbfb -34%, #aed60f 15%, #42a008 129%);} .top_b{background:url(../images/top.jpg); margin:0px auto; height:4px; margin-bottom:20px } /*----banner-------*/ .banner{ height:500px; width:100%; background:#ddd; clear:both; z-index:100; clear:both;} .banner .picBtnLeft { height:500px; position:relative; zoom:1; width:100%; overflow:hidden;} .banner .picBtnLeft .hd {width:100%; height:70px; position:absolute; text-align:center; bottom:0px; z-index:10;} .banner .picBtnLeft .hd ul { overflow:hidden; zoom:1; display:block; height:12px; width:70px; padding:5px 15px 5px 15px;-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; margin:0 auto; padding-top:30px} .banner .picBtnLeft .hd ul li { float:left; _display:inline; cursor:pointer; text-align:center; width:24px; height:8px;border-radius:10px; background:#eee; overflow:hidden; margin-right:5px; margin-left:5px; } .banner .picBtnLeft .hd ul li.on { background:#71b70b !important; } .banner .picBtnLeft .bd {height:500px; left: 50%; margin-left: -960px; position: absolute; width: 1920px;} .banner .picBtnLeft .bd img { height:500px; width:1920px; z-index:1;} .banner .picBtnLeft .bd ul{} .banner .picBtnLeft .bd li { position:relative; zoom:1; width:1600px; display:inline-block; } .banner .picBtnLeft .bd li .pic { position:relative; z-index:0; line-height:0px; } .banner .picBtnLeft .bd li .bg { display:none;} .banner .picBtnLeft .bd li .title { display:none;} /*首页公司简介*/ .gsjj{background-color:#f1f1f1;padding:30px 0 20px;} .gsjj .gsjj_top{width:1170px;height:264px;margin:0 auto; background-color:#005991;position:relative;} .gsjj_top img{position:absolute;top:30px;right:28px;} .gsjj_top_wz{width:400px;height:130px;padding:75px 40px 0 68px;} .gsjj_top_wz p{font-size:25px;font-weight:bold;color:#fff;} .gsjj_top_wz div{font-size:26px;color:#fff;} .gsjj_bottom{width:1170px;margin:0 auto;padding-top:35px;} .gsjj_bottom h2{font-size:22px;padding-bottom:20px;color:#333;line-height:34px;} .gsjj_bottom p{color:#999;font-size:13px;line-height:30px;} .gsjj_bottom a{background-color:#ababab;width:106px;height:32px; border-radius:4px;display:block;line-height:32px;text-align:center;color:#fff; margin:15px 0;} .gsjj_bottom a:hover{background-color:#71b70b;} /*--首页推荐产品 --*/ #in_cas{padding-bottom:30px;} .in_biaoti{ width:1170px; margin:0 auto;padding:30px 0;text-align:center;} .in_biaoti p{font-size:28px;color:#005991;font-weight:bold;} .in_biaoti p i{color:#71b70b; font-style:normal; } .in_biaoti span{display:block;font-size:12px;color:#999;padding-top:5px;} #in_cas #case_ul{width:980px; margin:0px auto} /*-- 产品滚动 框架和左右按钮样式 --*/ #tjcp{width:1170px; margin:0px auto} .leftLoop{ overflow:hidden; height:310px; display:block; }.leftLoop .hd{ overflow:hidden; height:58px; margin-top:-195px;_margin-top:-195px;}.leftLoop .hd .next{ display:block;width:11px;height:58px;float:left;overflow:hidden;cursor:pointer; background:url(../images/icon_06.png) 0px} .leftLoop .hd .next:hover{background:url(../images/icon_06hover.png) 0px no-repeat;} .leftLoop .hd .prev{ display:block;width:11px; height:58px;float:right;overflow:hidden;cursor:pointer; background:url(../images/icon_06.png) -12px -0px;} .leftLoop .hd .prev:hover{ background:url(../images/icon_06hover.png) -12px -0px;} .leftLoop .bd{ padding:0 15px 15px; height:290px;}.leftLoop .bd ul{ overflow:hidden; zoom:1; } /*推荐产品图片 */ #main_box{width:1170px; margin:0 auto; margin-top:30px; clear:both; overflow:hidden;padding-bottom: 20px;} .biaoti{color:#000; background:url(../images/d_1.gif) bottom repeat-x; padding-bottom:8px} .biaoti b{font-size:16px; color:#005991; padding-right:5px;} .biaoti a{ color:#005991; float:right; background:url(../images/d-6.gif) no-repeat 40px 8px; height:20px; line-height:25px; width:50px; display:block} .more{ float:right} /*--公司简介 --*/ #in_abo{width:265px; float:left; overflow:hidden; margin-right:35px; height:265px;} #in_abo .left_abo{ padding:10px 0px 15px 0px} #in_abo .left_abo .b{ color:#666; line-height:20px; height:120px; overflow:hidden; padding-top:10px} /*--公司新闻 --*/ #in_new{width:322px; float:left; overflow:hidden; margin-right:35px; height:265px;} #in_art{width:322px; float:right; overflow:hidden; height:265px} #left_newb {width:312px; padding:5px 0px 15px 0px;} #left_newb li {width:302px; overflow:hidden; height:26px; line-height:26px; background:url(../images/d-3.gif) 0px 8px no-repeat; padding-left:10px} #left_newb li a{ color:#333; width:230px; height:26px; overflow:hidden; display:block; float:left} #left_newb li a:hover{ color:#005991} #left_newb li span{ float:right; color:#999} #banner_in{width:980px; margin:0 auto; margin-top:30px; clear:both; overflow:hidden} /*----产品目录-------*/ .idx_pro{width:100%;background:#f5f5f5;} #main_box .in_left{ width:264px; float:left; background:#FFF; overflow:hidden; margin-right:18px} #main_box .in_left .biaotib{ height:60px;color:#FFF; background:#005991; padding-top:10px;text-align:center; margin-top:20px; } #main_box .in_left .biaotib h3{font-size:24px;overflow:hidden;font-weight:normal;} #main_box .in_left .catalog {width:254px; border:#005991 5px solid; border-top:none; overflow:hidden;} #main_box .in_left .catalog ul{ padding:5px; margin-top:10px} #main_box .in_left .catalog ul li a{ font-size:13px; color:#666; background:url(../images/d-4.png) left center no-repeat; padding-left:15px; width:220px; display:block; height:40px; line-height:40px; overflow:hidden; border-bottom:#dedede 1px solid; margin-left:5px } #main_box .in_left .catalog ul li a:hover{color:#71b70b;} #main_box .in_left .catalog ul li ul{ padding:10px; margin-top:-10px; overflow:hidden} #main_box .in_left .catalog ul li ul li{ border-bottom:#dedede 1px dashed; height:38px; line-height:38px} #main_box .in_left .catalog ul li ul li a{ font-size:12px; font-weight:normal; color:#999; background:url(../images/d-5.gif) 0px center no-repeat; padding-left:10px; width:204px; display:block; height:38px; line-height:38px; margin-left:15px; overflow:hidden; border:none } #main_box .in_left .catalog ul li ul li a:hover{ color:#71b70b} #main_box .in_left .in_cont{ padding-left:15px; padding-bottom:30px} #main_box .in_left .in_cont img{ margin-top:245px} #main_box .in_right{ float:right; width:888px} /* 产品展示 */ #pro_ul{ padding:10px 0 10px 0; *padding:20px 5px 10px 0; clear:both; overflow:hidden;} #pro_ul li{ width:270px; height:300px;padding-bottom:10px;float:left; margin-left:25px; margin-bottom:25px;position:relative;} #pro_ul .proimg_bk{width:270px; height:250px;background:#ffffff;} #pro_ul a.proimg{width:270px;height:250px;display:block;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;} #pro_ul img{max-width:268px; max-height:248px;} #pro_ul .h_d{ width:270px; font-size:12px; line-height:40px; height:40px;overflow:hidden; font-weight:normal; text-align:center; text-overflow:ellipsis;} #pro_ul .h_d a{ color:#848484;width:190px;margin:0 auto;text-align:center;overflow: hidden; text-overflow: ellipsis; white-space:nowrap; height:40px;display:block;font-size:14px;} #pro_ul .h_d a:hover{color:#77ba0b;} #pro_ul li .c_pro_box{background: #fff;position:absolute;width:100%;height:100%;top:0;box-shadow: 0px 0px 10px 1px #e1dddd;-webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s;} #pro_ul li .c_pro_box:hover{top: -5px;box-shadow: 0px 5px 10px 5px #e1dddd;} #tjcp .tempWrap{margin:0 auto;} #pro_ulh{ padding:10px 0 10px!important;clear:both; overflow:hidden;} #pro_ulh li{ width:240px; height:260px;padding-bottom:10px;float:left; margin-left:15px;margin-right:15px; margin-bottom:25px;position:relative;} #pro_ulh .proimg_bk{width:240px; height:220px;background:#ffffff;} #pro_ulh a.proimg{width:240px;height:220px;display:block;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;} #pro_ulh img{max-width:210px; max-height:200px;} #pro_ulh .h_d{ width:240px; font-size:12px; line-height:40px; height:40px;overflow:hidden; font-weight:normal; text-align:center; text-overflow:ellipsis;} #pro_ulh .h_d a{ color:#848484;width:190px;margin:0 auto;text-align:center;overflow: hidden; text-overflow: ellipsis; white-space:nowrap; height:40px;display:block;font-size:14px;} #pro_ulh .h_d a:hover{color:#77ba0b;} #pro_ulh li .c_pro_box{background: #fff;position:absolute;width:100%;height:100%;top:0;box-shadow: 0px 0px 10px 1px #e1dddd;-webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s;} #pro_ulh li .c_pro_box:hover{top: -5px;box-shadow: 0px 5px 10px 5px #e1dddd;} /*--首页产品 列表样式 --*/ #ind_prouctsbox{ clear:both; background:#fff; height:410px;} #ind_prouctsbox li{ float:left; width:227px; height:180px; margin-left:-1px; font-size:12px; overflow:hidden; padding:5px; border:1px solid #eee; border-top:none;} #ind_prouctsbox li .pic{ height:150px; width:227px;background:#fff;display:table-cell;text-align:center;display:table-cell;text-align:center;vertical-align:middle;overflow:hidden;} #ind_prouctsbox li .pic img{display:inline-block;text-align: center;vertical-align:middle;} #ind_prouctsbox li .title{ padding:5px; clear:both; background:#fff; border-top:1px solid #eee;} #ind_prouctsbox li .title .h_d a{ font-size:15px; height:20px; line-height:20px; font-weight:normal; color:#333;display:block; overflow:hidden; text-align:center} #ind_prouctsbox li .title .h_d a:hover{ color:#ff0202;} #ind_prouctsbox li .title p{ height:44px; line-height:20px; overflow:hidden; margin-top:5px; color:#999;} #ind_prouctsbox li:hover{z-index:999; zoom:1; position:relative; border:1px solid #ddd; border-top:none; -webkit-box-shadow: #999 0px 0px 8px;-moz-box-shadow: #999 0px 0px 8px;box-shadow: #999 0px 0px 8px;} #ind_prouctsbox li:hover .title p{ color:#666;} #in_lk_box{width:100%; padding-top:20px;background-color:#f1f1f1;} #in_lk_box p{width:1170px;line-height:26px;padding:20px 0;margin:0px auto;color:#555;} #in_lk_box p a{padding-right:10px;color:#555;} #foot_box{background:#1c1c1d;padding-top:30px;} .ny_foot_box{} #foot_box .foot_z{width:1170px; margin:0 auto; color:#968f8f; overflow:hidden;padding-bottom: 40px; }#foot_box .foot_z a{ color:#968f8f} #foot_box .foot_z p{ text-align:left;padding-left:20px;} #foot_box .foot_z b{ color:#F00} #foot_box .foot_z img{ } .foot_logo{float:left;width:252px;padding-right:12px;padding-top: 16px;} .foot_logo img{width:252px;} .foot_wenzi{float:left;width:680px;padding:20px 15px;line-height:28px;} .foot_weixin{float:right;padding: 23px 20px 0 0;} .foot_bq{background:#161617;height:40px;line-height:40px;text-align:center;color:#6d6c6c;} #foot_box .foot_z .foot_nav {overflow:hidden;padding-bottom:15px;} #foot_box .foot_z .foot_nav li{float:left;margin:0 10px;} #foot_box .foot_z .foot_nav li a{display:block;width:76px;height:40px;line-height:40px;text-align:center;font-size:12px;color:#afa8a8;background:#2d2d2f;} #foot_box .foot_z .foot_nav li a:hover{background:#252527;} .ny_banner{ margin:0px auto; background:url(../images/br_ny.jpg) top no-repeat; height:250px; } .biaoti_ny{color:#999; background:url(../images/d_1.gif) bottom repeat-x; padding-bottom:8px;position:relative;height:30px;line-height:30px; margin-bottom: 20px;} .biaoti_ny b{font-size:16px; color:#005991; padding-right:5px;} .biaoti_ny span{position:absolute;right:0; color:#666;width: 520px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;text-align: right;} .biaoti_ny span a{ background:none; color:#005991; float:none} .in_right .ny_con{ padding:0; line-height:25px} #ny_newslb_box{ padding:0 10px 10px; clear:both;} #ny_newslb_box li{ height:38px;line-height:38px; background:url(../images/d-3.gif) no-repeat 0px center; border-bottom:1px dashed #ddd; font-size:13px; padding-left:20px; overflow:hidden;} #ny_newslb_box li a{ color:#666; float:left;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;} #ny_newslb_box li a:hover{color:#71b70b;margin-left:-5px; } #ny_newslb_box li span{ float:right; color:#999;font-size:12px;} .ny_main_box{ clear:both; line-height:22px; padding:10px;} /* 新闻内页 */ #inside_rnewtil{ text-align:center; font-size:24px; color:#333333;width:100%; margin-bottom:5px; font-family:"Microsoft YaHei";padding-bottom:10px;} .inside_rnewtime{ text-align:center; font-size:12px; color:#999; border-bottom:1px dashed #dedede; height:38px;line-height:38px;width:100%;} .inside_rnewcon{ font-size:12px; color:#555; line-height:24px; margin-top:10px;width:100%;} .fenpian{ width:100%;margin-top:30px;padding-top:20px;border-top: 1px solid #f1f1f1;} .l{ width:100%;height:25px; line-height:25px; font-size:14px; color:#555;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .l a{ color:#555;} .l a:hover{ color:#71b70b;} /* 产品LIST列表*/#prolist_box{ padding:10px 10px 0 10px; clear:both;} #prolist_box li{ clear:both; border-bottom:1px dashed #ddd; padding-bottom:20px; margin-bottom:20px;} #prolist_box li .zh_img{ float:left;border:1px solid #ddd; line-height:90px; height:105px; width:105px; background:#fff; text-align:center;} #prolist_box li .zh_text{ float:left; margin-left:10px; font-size:12px; width:535px; } #prolist_box li .zh_text .h_d{ font-size:14px; line-height:20px; font-weight:bold; margin-bottom:5px; height:20px; overflow:hidden;} #prolist_box li .zh_text .h_d a{ color:#333333;} #prolist_box li .zh_text .h_d a:hover{ color:#005991;} #prolist_box li .zh_text p{color:#666; line-height:20px; height:60px; overflow:hidden;} #prolist_box li img{ vertical-align:middle; } .pro_xxjsan{ background:url(../images/d-3.gif) no-repeat left; padding-left:10px; display:block; color:#666; width:125px;} .pro_xxjsan:hover{ color:#005991;} #prolist_box li .zh_img span{width:100px;text-align:center;border:1px solid #fff;line-height:100px;height:100px;} *>#ind_pro_img .proimg{font-size:12px;} /*-------------产品详细页产品信息---------------*/ #pro_jbzl_box{ border:1px solid #dddddd; clear:both; width:100%; font-size:12px; margin-top:15px;} .xglb{ width:100%; clear:both; height:35px; line-height:35px; border-bottom:1px solid #ddd;} .xglb .h_d{ float:left; font-size:14px;color:#333; background:url(../images/icon_04.png) no-repeat 10px; padding-left:25px;} .xglb .h_d a{color:#333;} .xglb .h_d a:hover{ color:#ff7c00;} .xglb .xglb_right{ float:right; margin-right:20px;} .xglb .xglb_right a{ margin-right:10px; color:#0066CC; background:url(../images/right_icon01.png) no-repeat top left; padding-left:15px; padding-top:3px;} .xglb .xglb_right a:hover{ color:#ff7c00;} .xglb .xglb_right .xglb_xl{ font-size:12px;} .xglb_xl{_margin-top:7px;} .pro_img{ float:left; _width:310px; margin-bottom:20px; margin-right:10px;} #pro_text_box01{ float:left; padding-top:10px; line-height:20px; color:#333333; width:400px; _width:400px;} #pro_text_box01 .h_d{ font-size:16px; color:#000; margin-bottom:10px;} #pro_text_box01 table td{ line-height:24px;} #pro_ssfl{ border:1px solid #0066CC; color:#0066CC; padding:0px 5px 0px 5px; display:block; float:left;} #pro_ssfl:hover{ border:1px solid #FF6633; color:#FF6633; padding:0px 5px 0px 5px;} #pro_text_box01 p{ width:385px;*width:355px; border:1px solid #fdd274; background:#fdf1d7; padding:10px; margin-top:10px; height:80px; overflow:hidden; color:#333333;} #pro_an{ margin-top:20px;} #pro_an a{ width:125px;height:35px; display:block; float:left; text-align:center; font-size:16px; color:#FFFFFF; line-height:35px;font-family:"Microsoft YaHei"} #pro_an01{ background:url(../images/pro_an01.jpg) no-repeat;} #pro_an01:hover{ background:url(../images/pro_an01hover.jpg) no-repeat;} #pro_an02{ background:url(../images/pro_an02.jpg) no-repeat; margin-left:20px;} #pro_an02:hover{ background:url(../images/pro_an02hover.jpg) no-repeat;} #pro_text_box02{ clear:both;padding-top:10px; margin-top:20px;font-size:12px; line-height:24px;} #pro_gsbt{ font-size:14px; color:#0066CC; border-bottom:3px solid #ddd; padding-bottom:5px; margin-bottom:10px;} #pro_order{ clear:both; margin-top:15px;} .prodetail_box{ clear:both; margin-bottom:20px; border-bottom:1px solid #f1f1f1; padding:0 10px 40px;} .prodetail_img{ float:left; width:400px; height:350px;margin-right:20px;text-align:center;} .prodetail_img p{ width:400px; height:350px;border:1px solid #dedede; display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;overflow:hidden;} .prodetail_img p img{max-width:350px;max-height:280px;} .pro_text01{ float:left;color:#555;font-size:14px;line-height:26px; width:425px;} .pro_text01 p{ clear:both; margin-bottom:5px;color:#555;font-size:14px;line-height:26px;} .pro_text01 p b{ float:left; display:block; width:70px;color:#555;font-size:14px;line-height:26px;font-weight:normal;} .pro_text01 p span{ float:left; width:345px;color:#999;font-size:13px;line-height:26px;} .pro_text01 p.pro_name{font-size:24px;font-weight:bold;padding-bottom:10px; width: 420px;} #pro_xxnr_box{ clear:both; line-height:24px; font-size:12px;color: #555;} #pro_xxnr_box .bt{ height:30px; line-height:30px; background:#ddd; padding-left:15px; color:#333; font-size:14px; font-weight:normal; margin-bottom:15px;} #pro_xxnr_box .xxbrbox{ padding:5px;} .proli_img{ width:220px; height:200px; border: 1px solid #ddd; padding:2px; float:left; margin-right:10px;} .proli_img a{display:block;width:100%;height:100%;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;} .proli_img a img{max-width:210px;max-height:200px;} .proli_text{ float:right; font-size:12px; width:606px; margin-top:15px } .proli_text b{ font-size:16px; line-height:20px; font-weight:bold; margin-bottom:15px; height:20px; overflow:hidden; display:block} .proli_text b a{ color:#333333;} .proli_text b a:hover{ color:#71b70b;} .proli_text p{color:#777; line-height:24px; height:77px; font-size:13px;overflow:hidden;} .proli_text .pro_mm{margin-top:20px;display:block;width:120px;height:40px;line-height:40px; color:#999; text-align:center; border:1px solid #f1f1f1;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s; } .proli_text .pro_mm:hover{color:#fff;background:#71b70b;} * {margin:0;padding:0; } body{padding:0;margin: 0 auto;font-family:Microsoft YaHei,"微软雅黑";} span,p,ul,li,h1,h2,h3,h4,h5,input{margin:0;padding:0;} ul, li { list-style: none; } img{border:none;margin:0;padding:0;} .qq_style01{width:128px;position:absolute;top:150px;right:20px;z-index:999;} .qq_style01 .qq_style_l{width:20px;height:20px;display:block;position:absolute;top:-8px;right:-8px;background:#3782e7 url(../images/qq_close.png) center center no-repeat;cursor:pointer;border-radius:50%;} .qq_style01 .qq_style_l:hover{background:#ff1800 url(../images/qq_close.png) center center no-repeat;} .qq_style01 .qq_style_r{width:128px;background:#3782e7;padding-top:5px;padding-bottom:5px;} .qq_style01 .qq_style_r .qq_r_up{background:#ffffff;border-radius:2px;width:100px;margin:0 auto 5px;padding:10px 10px;} .qq_style01 .qq_style_r .qq_r_up .qq_r_tlt{height:30px;line-height:30px;font-size:12px;color:#3782e7;background:url(../images/qq_icon1.png) left center no-repeat;padding-left:20px;border-bottom:1px solid #a3caff;} .qq_style01 .qq_style_r .qq_r_up .qq_list{padding-top:5px;} .qq_style01 .qq_style_r .qq_r_up .qq_list li{padding:2px 0 5px;} .qq_style01 .qq_style_r .qq_r_up .qq_list li a{display:block;height:30px;line-height:30px;text-decoration:none;color:#555;font-size:12px;background:url(../images/qq.gif) left center no-repeat;padding-left:20px;border-bottom:1px solid #e6e5e4;overflow:hidden;} .qq_style01 .qq_style_r .qq_r_down{background:#ffffff;border-radius:4px;width:100px;margin:0 auto 5px;padding:10px 10px;} .qq_style01 .qq_style_r .qq_r_down .tel_r_tlt{height:30px;line-height:30px;font-size:12px;color:#3782e7;background:url(../images/qq_icon2.png) left center no-repeat;padding-left:20px;border-bottom:1px solid #a3caff;} .qq_style01 .qq_style_r .qq_r_down .tel_list li{display:block;height:30px;line-height:30px;text-decoration:none;color:#555;font-size:12px;border-bottom:1px solid #e6e5e4;overflow:hidden;} .qq_style01 .qq_style_r .qq_code{background:#ffffff;border-radius:4px;width:100px;margin:0 auto;padding:10px 10px;} .qq_style01 .qq_style_r .qq_code img{display:block;width:91px;height:91px;margin:0 auto;} .qq_style01 .qq_style_r .qq_code p{font-size:12px;text-align:center;color:#555555;padding-top:5px;} .moreclass{ height:30px; line-height:30px; display:block; color:#333; text-align:center; font-weight:bold; BACKGROUND: #ccc; margin: 7px 5px;} .moreclass:hover{color:#fff;} /*首页新闻*/ .in_news{background-color:#fff;} .in_news_in{width:1170px;margin:0 auto;overflow:hidden;padding-top: 5px;padding-bottom: 10px;} .in_news_in .slideTxtBox{overflow:hidden;width:824px;border:1px solid #f1f1f1;float:left;} .in_news_in .slideTxtBox .hd{float:left;} .in_news_in .slideTxtBox .hd li{width:200px;height:192px;} .in_news_in .slideTxtBox .hd li.one{margin-bottom:4px;} .in_news_in .slideTxtBox .hd li a{background:#656a71;display:block;width:180px;height:192px;font-size:16px;color:#fff;font-weight:bold;text-align:center;} .in_news_in .slideTxtBox .hd li.on{background:url(../images/news_2.png) 180px center no-repeat;} .in_news_in .slideTxtBox .hd li.on a{background:#71b70b;} .in_news_in .slideTxtBox .hd li span{display:block;padding: 50px 0 20px;} .in_news_in .slideTxtBox .bd{width:585px;float:right;padding:10px 25px 10px 10px;} .in_news_in .slideTxtBox .bd .infoList li{border-bottom:1px dashed #ccc;overflow:hidden;line-height:38px;} .in_news_in .slideTxtBox .bd .infoList li a{display:block;width:400px;font-size:13px;color:#666;line-height:38px;padding-left:6px;float:left;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;} .in_news_in .slideTxtBox .bd .infoList li a:hover{color:#71b70b;margin-left:-5px;} .in_news_in .slideTxtBox .bd .infoList li span{display:block;float:right;font-size:12px;color:#999;} .lxwm{float:right;box-shadow: 0px 0px 10px 1px #e1dddd;} .ly .down21{height:344px;padding:20px;overflow:hidden;_zoom:1; background:#fff; margin-top:5px;} .ly .down21 p{font-size:13px;color:#555;line-height:28px; width:285px;word-break:break-all;} .ly .down21 .tel2{border-top:1px solid #dedede;border-bottom:1px solid #dedede;padding:10px 0;margin-top:10px;} .ly .down21 .tel2 div{font-size:31px;font-weight:bold;color:#005991;} .ly .down21 .others_icon{height:42px;margin-top:20px;} .ly .down21 .others_icon a{display:block;float:left;width:76px;height:42px;line-height:42px;font-size:14px;color:#333;} .ly .down21 .others_icon a.weixin{background:#f0f0f0 url(../images/proicon5_1.png) 17px center no-repeat;padding-left:46px;} .ly .down21 .others_icon a.weixin{position:relative;} .ly .down21 .others_icon a.weixin .weixin_code{position:absolute;bottom:46px;left:50%;width:100px;margin-left:-50px;} .ly .down21 .others_icon a.weixin:hover{background:#005991 url(../images/proicon5_2.png) 20px center no-repeat;color:#fff;} .ly .down21 .others_icon a.zixun{float:right;background:#f0f0f0 url(../images/proicon6_1.png) 20px center no-repeat;padding-left:46px;} .ly .down21 .others_icon a.zixun:hover{background:#71b70b url(../images/proicon6_2.png) 20px center no-repeat;color:#fff;} #qb_collection_img_mask{display:none !important;} .top{ background:#fff; line-height:41px;border-bottom:#f1f1f1 solid 1px; height:41px; overflow:hidden;} .top01{ width:1170px; margin:0 auto; color:#6c6c6c; height:41px; font-size:13px; line-height: 40px; } .top02{ float:left; font-size:13px; line-height: 40px;} .top03{ float:right; width:278px; font-size:13px; line-height: 40px;} .bdsharebuttonbox a{} #fengye{ width:100%; float:left; height:30px; line-height:30px; text-align:center; margin-bottom:20px; margin-top:20px;color:#555555;} #fengye ul li{float:left;} #fengye a{ color:#333; padding:5px; border:1px #ccc solid; margin-left:5px; margin-right:5px;} #fengye a:hover{ color:#71b70b; border:1px #71b70b solid;} .contact_page{font-size:14px;line-height:30px !important;color:#666;} .idx_main_box{margin-top:0 !important;} .conab { line-height: 24px; color: #616161; padding-bottom: 120px; } .cintacttit { font-size: 45px; color: #757575; background: url(../images/contactbg.jpg) no-repeat top center; width: 410px; height: 53px; margin: 0 auto; font-weight: bold; font-family: Microsoft YaHei; padding-top: 47px; text-align: center; margin-bottom: 40px; } .condiv { width: 548px; margin: 0 auto; margin-bottom: 35px; } .cdiv { line-height: 30px; } .ly_msg { width: 100%; overflow: hidden; margin: 0 auto 20px; padding: 0; } .ly_msg h3 { width: 100%; height: 40px; overflow: hidden; line-height: 40px; margin: 0 auto; padding: 0; border-bottom: 1px solid #dfdfdf; color: #333; font-size: 14px; font-weight: bold; text-align: center; } .ly_msg ul { width: 100%; overflow: hidden; margin: 20px auto; padding: 0; } .ly_msg ul li { width: 100%; overflow: hidden; margin: 0 auto 12px; padding: 0; } .ly_msg ul li h4 { width: 17%; height: 34px; overflow: hidden; line-height: 34px; margin: 0; padding: 0 20px 0 0; color: #333; font-size: 14px; text-align: right; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; } .ly_msg ul li .msg_ipt1 { height: 34px;} .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara { width: 83%; overflow: hidden; margin: 0; padding-right: 20px; background: url(/images/tb_img.png) top right no-repeat; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; } .ly_msg ul li .msg_tara {height: 138px;} .ly_msg ul li .msg_ipt2 { width: 120px; height: 34px; overflow: hidden; margin-right: 10px; padding: 0; float: left; } .msg_ipt2 input { display: block; width: 120px; height: 34px; overflow: hidden; line-height: 16px; margin: 0; padding: 8px 15px; color: #666; font-size: 12px; border: 1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; } .ly_msg ul li a.yzm_img { display: block; width: 90px; height: 34px; overflow: hidden; margin: 0; padding-right: 20px; background: url(/images/tb_img.png) top right no-repeat; float: left; } .msg_ipt1 input { height: 34px; line-height: 16px; } .msg_ipt1 input, .msg_tara textarea { display: block; width: 100%; overflow: hidden; margin: 0; padding: 8px 15px; color: #666; font-size: 12px; border: 1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; } .ly_msg ul li .msg_btn { width: 83%; overflow: hidden; margin: 0; padding: 0; float: left; } .msg_btn input { display: block; width: 100px; height: 34px; overflow: hidden; line-height: 32px; margin: 20px 15px 0 0; padding: 0; background-color: #f0f0f0; color: #333; font-size: 13px; text-align: center; border: 1px solid #ccc; float: left; } /**面包屑导航**/ .ly_crb { width:1200px; overflow: hidden; height: 40px; line-height: 40px; margin: 20px auto; padding: 0; color: #666; font-size: 14px;} .ly_crb a { color:#666;} .ly_crb a:hover { color:#008ed8;} .ly_crb span, .ly_crb em { color:#999; font-style: normal;} .ly_crb img { display:block; width:16px; height: 16px; overflow: hidden; margin: 12px 10px 12px 0; padding: 0; float: left;} /**service**/ .svc_1, .svc_2 { width:1200px; overflow: hidden; margin: 80px auto; padding: 0;} .svc_1 .svc1_tit { width:100%; overflow: hidden; color:#333; font-size: 24px; text-align: center; margin: 0 auto 40px; padding: 0;} .svc_2 .svc2_tit { width:100%; overflow: hidden; margin: 0 auto 40px; padding: 0;} .svc2_tit h5 { width:100%; overflow: hidden; color: #333; font-size: 24px; margin: 0 auto 12px; padding: 0; text-align: center;} .svc2_tit p { width:100%; overflow: hidden; color: #008ed8; font-size: 18px; margin: 0 auto 20px; padding: 0; text-align: center;} .svc2_tit p span { color:#00af80;} .svc_1 .svc1_map { width:600px; height: 500px; overflow: hidden; margin: 0; padding: 0; float: left;} .svc1_map img { display: block; width:600px; height: 500px; overflow: hidden; margin: 0 auto; padding: 0;} .svc_1 .svc1_r { width:560px; overflow: hidden; margin: 0; padding: 0; float: right;} .svc1_r .svc1_list { width:560px; height: 160px; overflow-y: scroll; margin: 0 auto 60px; padding: 20px 0; background-color: #f5f5f5;} .svc1_list ul { width:520px; overflow: hidden; margin: 0 auto; padding: 0;} .svc1_list ul li { display:inline-block; height: 30px; line-height: 30px; color: #666; font-size: 12px; margin: 0 0 10px; padding: 0 10px; cursor: pointer; float: left;} .svc1_list ul li.tabActive { color:#fff; background-color: #008ed8;} .svc_1 .svc1_lxfs { width:100%; overflow: hidden; margin: 0 auto 20px; padding: 0;} .svc1_lxfs h5 { width:100%; overflow: hidden; line-height: 26px; margin: 0 auto; padding: 0 0 0 10px; color: #008ed8; font-size: 16px; box-sizing: border-box; text-align: justify;} .svc1_lxfs p { width:100%; overflow: hidden; margin: 0 auto 20px; padding: 0 0 0 10px; color: #333; font-size: 16px; box-sizing: border-box; text-align: justify;} .svc1_lxfs ul li { width:100%; overflow: hidden; overflow: hidden; line-height: 40px; color: #666; font-size: 14px; text-align: justify; margin: 0 auto; padding: 0 0 0 40px; position: relative; box-sizing: border-box;} .svc1_lxfs ul li img { display:block; width:28px; height: 28px; overflow: hidden; margin: 0; padding: 0; position: absolute; left: 6px; top: 6px;} .svc1_lxfs .svc_ewm { width:180px; height: 180px; overflow: hidden; margin: 0 0 0 10px; padding: 0; border: 1px solid #dfdfdf; box-sizing: border-box;} .svc_ewm img { display:block; width: 100%; overflow: hidden; margin: 0 auto; padding: 0;} .svc_2 .svc2_num { width:100%; overflow: hidden; margin: 60px auto; padding: 0;} .svc2_num ul li { width:20%; overflow: hidden; margin: 0; padding: 0; float: left;} .svc2_num ul li .num_main1, .svc2_num ul li .num_main2, .svc2_num ul li .num_main3, .svc2_num ul li .num_main4, .svc2_num ul li .num_main5 { width:140px; height: 140px; overflow: hidden; margin: 0 auto; padding: 0; border-radius: 16px;} .num_main1, .num_main5 { background-color:#008ed8;} .num_main2, .num_main4 { background-color:#0cb0d3;} .num_main3 { background-color:#00af80;} .num_main1 b, .num_main2 b, .num_main3 b, .num_main4 b, .num_main5 b { display:block; width:100%; overflow: hidden; margin: 46px auto 10px; padding: 0; color: #fff; font-size: 40px; text-align: center;} .num_main1 p, .num_main2 p, .num_main3 p, .num_main4 p, .num_main5 p { width:100%; overflow: hidden; margin: 0 auto; padding: 0; color: #fff; font-size: 12px; text-align: center;} .svc_2 .svc2_text { width:100%; overflow: hidden; margin: 0 auto; padding: 0;} .svc2_text p { width:100%; overflow: hidden; line-height: 24px; color: #666; font-size: 14px; text-align: center; margin: 0 auto 15px; padding: 0;} .svc2_text p span { color:#008ed8;} .svc2_text p font { color:#0cb0d3;} .svc2_text p em { color:#00af80; font-style: normal;} .svc2_text b { display: block; width:100%; overflow: hidden; line-height: 36px; color: #333; font-size: 24px; text-align: center; margin: 0 auto; padding: 0;} /**关于我们**/ .ny_main .ny_r { width:920px; overflow: hidden; margin: 0; padding: 0; float: right;} .ny_r .ab_con1 { width:100%; overflow: hidden; margin: 0 auto 60px; padding: 0;} .ab_con1 h3 { width:100%; overflow: hidden; margin: 0 auto 40px; padding: 0; color: #333; font-size: 24px;font-weight: normal;} .ab_con1 p { width:100%; overflow: hidden; line-height: 30px; color: #999; font-size: 16px; text-indent: 2em; text-align: justify;} .ab_con1 p img { display:block; width: 350px; height: 200px; margin: 0 20px 0 0; padding: 0; float: left;} .ab_con1 p span{float:right;} .ny_r .ab_con2 { width:100%; min-height: 420px; overflow: hidden; margin: 80px auto; padding: 80px 40px 60px; background: #00af80 url(../images/ab2_bg.jpg) bottom center no-repeat; box-sizing: border-box;} .ab_con2 .ab_con2_text { width:50%; overflow: hidden; margin: 0; padding: 0; float: left;} .ab_con2_text h5 { width:100%; overflow: hidden; color: #fff; font-size: 24px; margin: 0 auto 40px; padding: 0;} .ab_con2_text p { width:100%; overflow: hidden; line-height: 30px; color: #fff; font-size: 16px; text-align: justify; text-indent: 2em; margin: 0 auto; padding: 0;} .ab_con2 .ab_con2_img { width:370px; height: 320px; overflow: hidden; margin: 0; padding: 0; float: right;} .ab_con2_img img { display:block; width:370px; height: 320px; overflow: hidden; margin: 0 auto; padding: 0;} .ny_r .ab_con3 { width:100%; min-height: 460px; overflow: hidden; margin: 80px auto; padding: 0; background: url(../images/ab_con3bg.png) 460px center no-repeat;} .ab_con3 .ab_con3_img { width:420px; height: 460px; overflow: hidden; margin: 0; padding: 0; float: left;} .ab_con3_img img { display:block; width: 420px; height: 460px; overflow: hidden; margin: 0 auto; padding: 0;} .ab_con3 .ab_con3_text { width:440px; overflow: hidden; margin: 0; padding: 0; float: right;} .ab_con3_text h5 { width:100%; overflow: hidden; color: #333; font-size: 24px; margin: 20px auto 40px; padding: 0;} .ab_con3_text ul li { width:100%; overflow: hidden; line-height: 30px; color: #333; font-size: 16px; margin: 0 0 6px; padding: 0;} .ab_con3_text ul li span { color:#999;} .ab_con3_text ul li.l1 { text-indent:30px;} .ab_con3_text ul li.l2 { text-indent:60px;} .ab_con3_text ul li.l3 { text-indent:90px;} .ab_con3_text ul li.l4 { text-indent:120px;} /**历史沿革**/ .lsyg { width:100%; overflow: hidden; margin: 0 auto; padding: 80px 0; background-color: #f8f8f8;} .lsyg .lsyg_tit { width:1200px; overflow: hidden; color: #333; font-size: 24px; text-align: center; margin: 0 auto 40px; padding: 0;} .lsyg_tit p { width:40px; height: 2px; overflow: hidden; margin: 10px auto 0; padding: 0; background-color: #333;} .lsyg .lsyg_list { width:1200px; overflow: hidden; margin: 0 auto; padding: 40px 0; background: url(../images/lsyg_m_line.png) center top no-repeat;} .lsyg_list .lsyg_l, .lsyg_list .lsyg_r { width:608px; overflow: hidden; margin: 0 0 20px; padding: 0; box-sizing: border-box;} .lsyg_list .lsyg_l { float: left;} .lsyg_list .lsyg_r { float: right;} .lsyg_l h5, .lsyg_r h5 { width:100%; height: 40px; line-height: 40px; color: #333; font-size: 24px; margin: 0; padding: 0; box-sizing: border-box;} .lsyg_l p, .lsyg_r p { width:100%; overflow: hidden; line-height: 24px; color: #999; font-size: 14px; text-align: justify; margin: 0; padding: 0; box-sizing: border-box;} .lsyg_l h5, .lsyg_l p { text-align:right; padding: 0 68px 0 0;} .lsyg_r h5, .lsyg_r p { padding: 0 0 0 68px;} .lsyg_l h5 { background: url(../images/lsyg_l_line.png) center right no-repeat;} .lsyg_r h5 { background: url(../images/lsyg_r_line.png) center left no-repeat;}