/* CSS Document */ /* CSS Document */ body{ margin: auto; /* background-image: url(bg.jpg); background-repeat: repeat-x; background-position: center top;*/ font-size: 12px; line-height:1.5; font-family: "微软雅黑"; /*background-color: #eeeeee;*/ min-width:1180px; } a{ color: #000000; text-decoration: none; } a:hover{ color: #006699; } blockquote{ margin-top:auto; margin-bottom:auto;} #cms img,#cms1 img,#right1 img{ max-width:100%;} img{ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;/* max-width:100%;*/ } img[align="left"]{ margin-right:10px;} img[align="right"]{ margin-left:10px;} ul,li,p,dl,dt{ margin: 0px; padding: 0px; list-style-type: none; } div,span{text-overflow: ellipsis;} .box{ width: 1135px; margin: auto; } .fl{ float:left} .fr{ float:right} .clear{ clear:both} #top{ height:22px; line-height:22px;} #nav{ background-image: url(1_r4_c4.jpg); background-repeat: repeat-x; background-position: center top; z-index:999; font-size:16px;line-height: 50px;float:left; width:100%; } #nav ul{ float:left; width:100%;} #nav ul li a{ color:#fff; float:left; width:100%;} #nav ul li li a{ color:#000; float:left; width:100%; font-size:12px} #nav>ul>li.select a,#nav>ul>li>a:hover,#nav>ul>li:hover{ color: #000000; background-color: #e67817; color: #FFFFFF; } #nav ul li{ float:left; width:12.5%; text-align: center; position: relative; z-index:999; } #nav ul ul{ display:none; background-color: #e67817; position: absolute; left: 0px; top: 50px; float: left; width: 100%; z-index:999; /*filter: Alpha(Opacity=90);Opacity:0.9; */font-size:14px; } #nav ul li li{ width:100%;} #nav ul li.n2 ul{width:135%;} #nav ul li:hover,#nav ul li.select,#nav ul li.hover{ background-color: #e67817;} #nav ul li.select a,#nav ul li:hover a,#nav ul li.hover a{color: #Fff;} #nav ul li li a{ float: left; width: 100%; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #EA882F; border-bottom-color: #C16613; line-height: 16px; padding-top:10px; padding-bottom:10px; } #nav ul li li a:hover{ background-color: #F99500; color:#29166f; } #header .box{ position: relative; } #header{ float: left; width: 100%; background-image: url(1_r1_c1.jpg); background-repeat: no-repeat; background-position: center top; height:150px; } #header #logo{ display:none} #search{ height:40px; line-height:40px; overflow:hidden} #search .fr{ margin-top:8px;} #search .fl,#search .fl a{ color:#666666} #search #s{ color: #999; float: left; background-image: url(s.jpg); background-repeat: no-repeat; background-position: 5px center; border: 1px solid #ddd; height: 21px; text-align: left; text-indent: 25px; } #search button{ width: 43px; height: 23px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; background-image: url(btn.jpg); background-repeat: no-repeat; background-position: left top; line-height: 33px; margin-left:5px; } #header #tel{ background-image: url(1_r4_c9.jpg); background-repeat: no-repeat; background-position: left top; float: right; color: #419442; font-size: 18px; width: 132px; padding-top:30px; padding-left: 100px; margin-top: 30px; font-weight: bold; white-space: nowrap; } #tel span{ color:#000000} #logo{ float:left; margin-top:5px;} #mains{ background-color: #FFFFFF; min-height:500px; float:left; width:100%; padding-bottom: 20px; padding-top:10px; /* background-image: url(bg1.jpg); background-repeat: repeat-x; background-position: left top;*/ } #mains.index{padding-top:0px;} .news{ float:left; width:580px; margin-top:20px;} .news .etitle,.zhengshu .etitle,.pro .etitle,.sheji .etitle,.about .etitle{ line-height: 50px; float: left; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; margin-bottom:20px;background-image: url(1_r3_c2.jpg); background-repeat: no-repeat; background-position: 5px center; } .news .etitle b,.pro .etitle b,.sheji .etitle b,.about .etitle b{ float: left; font-size: 18px; padding-left: 15px; padding-right:15px; margin-bottom: -1px; padding-bottom:2px; /*cursor:pointer;*/ } .news .etitle b.select,.zhengshu .etitle b,.pro .etitle b,.sheji .etitle b,.about .etitle b{ /*color: #0558A8;*/ float: left; /* border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #0558A8;*/ font-size: 18px; padding-left: 15px; padding-right:15px; /*margin-bottom: -1px;*/ padding-bottom:0px; } .news .etitle a,.zhengshu .etitle a,.pro .etitle a,.about .etitle a{ float:right; margin-right:5px; background-image: url(more.jpg); background-repeat: no-repeat; background-position: right center; padding-right: 20px; color:#666666; } .news .econtent .li{ float:left; width:100%; background-image: url(li.jpg); background-repeat: no-repeat; background-position: 10px center; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; line-height:32px; } .news .econtent .li .ntitle{ float:left; margin-left:10px; width:400px; white-space: nowrap; overflow: hidden; margin-left:30px;text-overflow: ellipsis; } .news .econtent .li .date{ width:75px; float:right; color:#999999} .news .econtent .picli{ display:none} .news .econtent .nn1{ display:none} .news .econtent .n1{ display:block} .news .econtent .picli{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; float:left; width:100%; padding-bottom:10px;} .news .econtent .picli .fl img{ width:205px; height:150px; border: 1px solid #CCCCCC; } .news .econtent .picli .right{ margin-left:215px;} .news .econtent .picli .right .ntitle{ float:left; width:100%; white-space: nowrap; overflow: hidden; font-size:14px; } .news .econtent .picli .right .dp{ float:left; width:100%; overflow: hidden; line-height:1.5; height:6em; margin-top:5px; color:#666666 } .news .econtent .picli .right .more a{ color: #FF9900; } .zhengshu{ float:right; width:530px;margin-top:20px;} .zhengshu .econtent{ width:435px; margin:auto; } .zhengshu .etitle{ margin-bottom:0px;} .zhengshu .contents{ margin:auto; background-color: #F1F1F1; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; padding-top: 45px; padding-bottom: 45px; } #cms .list{ width:165px; margin-top: 10px; margin-bottom: 10px; } .list div{float: left; width: 100%;} #cms .list .dp{ display:none} #cms .list .ntitle{ text-align: center; white-space: nowrap; overflow: hidden; float: left; width: 100%; line-height:32px; } #cms .list .img{ border: 1px solid #ddd; } #left{ float: left; width: 223px; margin-left: 1px; line-height:31px; } #left .h2{ color: #FFFFFF; text-align: center; font-family: "微软雅黑"; line-height: 31px; font-size: 16px; background-image: url(lefttitle.jpg); background-repeat: no-repeat; background-position: center top; margin-bottom: 5px; } #left .leftdh{ margin: auto; width: 210px; } #left .leftdh ul,#left .leftdh ul li{ margin: 0px; padding: 0px; float: left; width: 100%; } #left .leftdh ul li a{ line-height: 18px; float: left; width: 178px; padding-left: 30px; background-image: url(in_r5_c3.jpg); background-repeat: no-repeat; background-position: 10px 12px; background-color: #f5f5f5; border: 1px solid #ddd; margin-top: 5px; padding-top:5px; padding-bottom:5px; color:#005bc4; font-weight: bold; } #left .leftdh ul li a:hover,#left .leftdh ul li a.select{ background-image: url(in_r2_c3.jpg); color: #FFFFFF; background-color: #52B234; } #left .leftdh ul li ul li a{ width: 118px; padding-left: 80px;background-position: 50px center; } #left .leftdh ul li ul li ul li a{width: 98px;background-position: 70px center; padding-left: 100px;} #left #lx{ float: left; width: 223px; margin-left: 1px; margin-top: 10px; background-image: url(lianxi.jpg); background-position: center top; background-repeat: no-repeat; } #left #lx .etitle a{ display: none; } #left #lx .econtent{ float: left; width: 185px; margin-top: 130px; padding-bottom: 10px; margin-right: 5px; margin-left: 5px; } #right{ float: right; width: 770px; margin-right: 8px; } #main{ background-image: url(mid.jpg); background-repeat: repeat-y; background-position: left top; width: 1020px; margin-top:15px; margin:auto; } #main1{ background-image: url(topin.jpg); background-repeat: no-repeat; background-position: left top; float: left; width: 100%; } #main2{ background-image: url(foot.jpg); background-repeat: no-repeat; background-position: left bottom; float: left; width: 100%; padding-bottom: 1px; min-height:500px; } #postion{ line-height: 40px; float: left; width: 100%; background-image: url(ppp.jpg); background-repeat: no-repeat; background-position: left bottom; height: 40px; padding-bottom: 10px; } #postion b{ float: left; font-size: 16px; /* color: #FFFFFF;*/ font-weight:lighter; background-image: url(bb.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 25px; } #postion div{ float: right; margin-right: 5px; } #postion div,#postion div a{ color: #999; } #cms,#cms1{ float: left; width: 770px; overflow: hidden; min-height:300px; margin-top: 10px; padding-bottom: 10px; font-size:14px; } #cms .li{ float: left; width: 100%; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #737373; padding-bottom: 5px; line-height: 32px; font-size: 14px; } #cms .li .ntitle{ float: left; width: 80%; text-align: left; white-space: nowrap; overflow: hidden; font-family: "宋体"; text-overflow: ellipsis; } #cms .li .ntitle a{ font-family: "微软雅黑"; font-family: Arial, Helvetica, sans-serif; } #cms .li .time{ float: right; width: 12%; color: #999999; font-size: 12px; } #cms1 .content{ float: left; width: 700px; overflow: hidden; margin-top: 10px; padding-bottom: 10px; } #page{ float: left; width: 800px; line-height: 50px; padding-top: 15px; padding-bottom: 15px; text-align: center; } #page a{ height: 18px; margin-right: 5px; margin-left: 5px; border: 1px solid #dddddd; text-align: center; padding-right: 6px; padding-left: 6px; line-height: 18px; color: #666666; padding-top: 3px; padding-bottom: 3px; } #page a.select{ background-color: #999999; color: #FFFFFF; } #cms .list{ float: left; margin-right: 12px; margin-left: 12px; } .bk{ background-color: #ddd; } .red{ color:#FF0000} #left .lx{ background-image: url(lx.jpg); background-repeat: no-repeat; background-position: center top; padding-top: 115px; float: left; padding-right: 10px; padding-left: 10px; width: 209px; margin-top: 20px; } #left .lx h3.h3{ display:none} input[type='text'],textarea{ border: 1px solid #ddd; } #cms button{ line-height: 32px; color: #FFFFFF; background-color: #CC0000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-right: 10px; text-align: center; width: 80px; } #cms img,#cms1 img{ max-width:100%;} #navs{ display:none} #jishu .econtent1{ display:none} #foot{ float:left; width:100%; margin-top:15px; } #foot .footnav .box{ background-image: url(qrcode.jpg); background-repeat: no-repeat; background-position: 920px 40px; min-height: 220px; } #foot .footnav{ background-color: #EBEBEB; float:left; width:100%; padding-bottom: 15px; padding-top: 15px; background-image: url(ff.jpg); background-repeat: repeat-x; background-position: left top; } #foot .footnav ul{ border-left-width: 1px; border-left-style: solid; border-left-color: #ccc; float:left; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; } #foot .footnav ul li{ float:left; width:200px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #ccc; border-left-color: #FFFFFF; height:210px; text-align: left; text-indent: 30px; font-weight: bold; font-size: 14px; line-height:3; } #foot .footnav ul li ul li{ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height:auto; font-size: 12px; font-weight: lighter; line-height:2; white-space: nowrap; overflow: hidden; } #foot .footnav ul li ul li a{white-space: nowrap; overflow: hidden; display:block; width:80%; float:left;text-overflow: ellipsis;} #foot .footnav ul li ul{ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #foot .copyright,#foot .copyright a{ color:#FFFFFF} #foot .copyright{ background-color: #0d6ed9; float:left; width:100%; } #foot .footnav .me{ float:left; margin-left:20px; line-height:1;} #foot .footnav .me .title{ color:#FF0000; font-size:16px; line-height:2;} #foot .footnav .me button{-moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius:3px; /* W3C syntax */ color: #FFFFFF; background-color: #CC0000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-right: 10px; } #gotop{ background-color: #0d6ed9; /* background-image: url(bg24.png); background-repeat: no-repeat; background-position: center bottom;*/ width: 30px; display:none; bottom:2px; right:2px; float:right; z-index:999999999; position: fixed; filter: Alpha(Opacity=90); text-align:center; color:#FFFFFF; cursor:pointer; line-height:16px; padding-top:10px; padding-bottom:10px; } .link{ clear:both; float:left; width:100%; margin-top:15px; padding-top: 15px; border-top-width: 1px; border-top-style: solid; border-top-color: #ddd; margin-bottom:-20px; } .link .etitle{ line-height: 27px; background-color: #C8000B; background-image: url(1_r12_c3.jpg); background-repeat: no-repeat; background-position: right center; float: left; padding-right: 20px; padding-left: 10px; color: #FFFFFF; } .link .econtent{ margin-left:100px; } #foots{ background-image: url(footbg.jpg); background-repeat: repeat-x; background-position: center top; padding-top: 45px; float:left; width:100%; font-size:12px; min-height:120px; background-color:#eceaeb; float:left; width:100%; } #foots,#foot a{ color:#666666} #foots .foot1{ text-align: center; font-family: "瀹嬩綋"; line-height: 33px; } #foots .copyright{ padding-top: 5px; } #foots .copyright .fl{ background-image: url(qrcode.jpg); background-repeat: no-repeat; float: left; height: 150px; width: 250px; border-right-width: 1px; border-right-style: solid; border-right-color: #ccc; display:none } #foots .copyright .fr{ float: left; /* height: 85px;*/ /* border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF;*/ /*padding-left: 20px;*/ overflow: hidden; padding-top: 15px; width:100%; } #foots .foot1 a{ margin-right: 5px; margin-left: 5px; white-space: nowrap; } .pro{ float: left; width: 100%; } .pro .etitle a{ background-image:none} .pro .etitle b{ color:#002D6E; } .pro .sort{ clear: both; float: left; width: 100%; } .pro .sort a{ display: block; float: left; width: 13.66%; background-color: #E6E6E6; line-height: 16px; margin-top: 5px; margin-right: 1%; margin-bottom: 5px; margin-left: 1%; padding-top: 5px; padding-bottom: 5px; text-align: left; padding-left: 1%; font-size:14px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; } .pro .sort a:hover{ color: #FFFFFF; background-color: #0142A0; } .pro .econtent{ float: left; width: 100%; } .pro .econtent .list{ float:left; width:360px; margin-left: 27.5px; margin-top: 5px; margin-bottom: 5px; } .pro .econtent .n1,.pro .econtent .n4,.pro .econtent .n7,.pro .econtent .n10{ clear:both; margin-left:0px;} .pro .econtent .n3,.pro .econtent .n6,.pro .econtent .n9,.pro .econtent .n12{ float:right} .pro .econtent .list .dp{ display:none} .pro .econtent .ntitle{ line-height: 35px; font-size: 16px; text-align: center; white-space: nowrap;text-overflow: ellipsis; overflow:hidden; } .about{ width:455px; float:left} .about,.sheji{ margin-top:0px;} .about .etitle,.sheji .etitle{ border-bottom-style: none; margin-bottom:0px; } .about .etitle a{ display:none} .flash{ float:left; width:350px; margin-left:10px; margin-top:50px;} .sheji{ float:right; width:275px;} .sheji .econtent{ float:left; width:100%; margin-top:0px;} .about .econtent{ font-size:14px; line-height:2.1;} .sheji .li{ float:left; width:100%; background-image: url(1_r7_c7.jpg); background-repeat: no-repeat; background-position: right center; line-height: 45px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; font-size: 14px; } #foots .box{ width:1000px;} .bgs{ background-color:#F6F6F6; padding-top:10px; padding-bottom:25px; margin-top:15px;} .bgs1{ background-image: url(1_r3_c4.jpg); background-repeat: repeat-x; background-position: left top; height:50px; line-height:50px; } .bgs1 .gonggao{ float:left; background-image: url(1_r3_c21.jpg); background-repeat: no-repeat; background-position: left center; } .bgs1 .gonggao .etitle{ float:left; font-weight: bold; margin-left: 25px; margin-right:5px; border-bottom-style: none; } .bgs1 .gonggao .econtent{ float:left; float:none; margin-left:100px; white-space: nowrap; overflow: hidden; } .bgs1 .fr{ margin-top:10px;} .downlist{ width:90%; margin-left:5%; margin-right:5%;} .downlist .time a{ color:#FF0000} /*移动端*/ @media screen and (max-width : 767px){ body{ min-width:auto; width:100%; min-width:100%; } img{ max-width:100%;} #header #logo{ display:block} .bgs,.news{ padding-top:0px;} .news{ margin-top:0px;} .bgs1 .fr{ display:none} .news .econtent .li .ntitle{width:100%;} .news .econtent .li .date{ display:none; } .about,.sheji,.flash{ margin-top:10px; margin-bottom:auto} .pro{ margin-bottom:auto;} body{ overflow-x:hidden;} .pro .sort a{ width:47%;} .about,.flash,.sheji,.zhengshu{ width:100%; margin-left:0px;} .sheji .econtent{ width:96%; margin-left:2%;} .zhengshu .econtent{ width:100%; margin:auto; } #cms img,#cms1 img{ max-width:100%;} #foots .foot1 a{ margin-right: 0px; margin-left: 0px; white-space: nowrap; float:left; text-align:center; width:25%; overflow:hidden; } #foots .foot1{ float:left; width:100%;} .link{ clear:both; float:left; width:100%; margin-top:15px; padding-top: 15px; border-top-width: 1px; border-top-style: solid; border-top-color: #ddd; margin-bottom:-20px; } .link .econtent{ margin-left:0px; clear:both ;border-top-width: 1px; border-top-style: solid; border-top-color: #ddd; padding-top:10px;} .news .econtent .picli .fl img{ width:100px; height:80px; border: 1px solid #CCCCCC; } .news .li,.news .li .ntitle{ width:100%; overflow:hidden} .news .econtent .picli .right{ margin-left:110px;} .news .econtent .picli .right .dp{ height:3em;} .news,.about,.link,.zhengshu{ float:left; width:100%; height:auto; margin:auto; clear:both} .about .econtent,about .img{ width:96%; float:none; height:auto; margin:auto; clear:both;} about .img{ margin:auto} .about ,#lianxi,.news{ float:left; width:100%; margin:auto; margin-top:20px;} .news .li .date{ display:none} #header #logo img,#right1,#about,#jishu{ width:100%;} #header #logo,#header{ width:auto} #right1 .pro{ width:96%; margin:auto; float:none } #jishu .miaoshu{ margin-left:2%; margin-right:2%;} #jishu .img{ width:46%; float:left; margin: 8px; margin-left:2%; margin-right:2%; -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ } #jishu .img img{ -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */} #tel{ display:none} #foot .footnav{ display:none} #foot .copyright .fl,#foot .copyright .fr{ float:left; width:100%; clear:both; text-align:center} #foots{ background-image: none; padding: 0px; height: auto; } #foots .foot1{ background-color: #0065DB; display:none } #foots .foot1 a{ color:#FFFFFF} #foots .copyright{ height:auto} #foots .copyright .fl{ display:none} #foots .copyright .fr{ width: 100%; text-align: center; padding-left: 0px; border-left-style: none; background-image: url(in_r20_c8.jpg); background-repeat: repeat-x; background-position: left top; height:auto; padding-bottom:10px; } #cms,#cms1,#mains,#main2,#foot .footnav .box,#foots{ min-height:auto;} .etitle{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; } #main{ width:98%; float:none; margin:auto } #mains{ min-height:auto;} #foot{ background-color: #f8f8f8; background-image: none; border-top-width: 1px; border-top-style: solid; border-top-color: #ddd; }#header{ height:auto} #beizhu{ width:60%; min-width:200px;} .logomin{ display:block} .logo{ display:none} .box{ width:100%; max-width:767px;} #nav{ display:none} #navs ul ul{ display:none} #top{display:none} body{ background-image: none; } #tel{ display:none} #header{ height:auto; padding:0px;} #navs{display:block; padding-top:5px; padding-bottom:5px; float:left; width:100%; font-size:14px;background-color: #333333; } #navs li{ float: left; width: 25%; text-align: center; /* background-color: #333333;*/ } #navs li a{ color:#FFFFFF; font-size:14px;} /*#navs ul li:hover,#navs ul li.select{ background-color: #e67817; color:#FFFFFF; font-size:14px;}*/ .device{ margin:auto} .swiper-wrapper img{ width:100%;} #left{ width:100%;} #left .leftdh{ width:100%;} #left .h2,#left .leftdh ul ul{ display:none} #left .leftdh ul{ width:98%; margin:auto} #left .leftdh ul.psort{ display:none} #left .leftdh ul li{ width:49%; overflow:hidden; background-image:none ;border: 1px solid #ddd; margin-top:5px; margin-bottom:5px; text-indent:0px; background-image:none;} #left .leftdh ul li:nth-child(2n+1){ margin-left:0px; float:left; clear:both} #left .leftdh ul li:nth-child(2n){ margin-left:0px; float:right;} #left .leftdh ul li a{ width:96%; border:none; text-indent:0px; background-image:none; padding:0px; margin:auto; padding-left:2%; padding-right:2%; padding-top:5px; padding-bottom:5px;} #left .leftdh ul li a:hover,#left .leftdh ul li a.select{ background-image:none} #foots .box{ width:100%;} #foots .foot1{ display:none} #navs{ display:block} #main,#main1,#main2{ background-image: none; } #postion{ width:100%; } #postion b{ background-image: url(po.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 15px; } #postion .postion,#left1{ display:none} #right{ width:96%; margin:0px; padding:0px; margin-left:2%; float:left} #lx,.pro{ margin:auto; margin-top:10px;} #cms,#cms1{ width:100%; margin:0px; padding:0px;} #cms .list .right,.pro .econtent .list .right{ margin-left:180px; width:auto; float:none} #cms .list .dp,.pro .econtent .list .dp{ display:block; line-height:1.5; font-size:12px; color:#555; overflow:hidden; height:7.5em;} /*.pro .econtent .list .right{ margin-left:230px; width:auto; float:none}*/ #cms .list .ntitle,.pro .econtent .list .ntitle{ text-align: left; background-color:#FFFFFF } #cms .list,.pro .econtent .list{ float: left; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; padding-bottom:15px; margin-left:auto; margin-right:auto; } .pro .econtent .list .img{ width:163px;} #cms .li .time{ display:none} #cms .li .ntitle{ width:100%; } #cms .li{ width:100%; } .bs,.navs,.case{ display:none} .pro { min-height: auto;} #case1{ display:block} #about .img img,#lx .img img{ width:100%;} #about img,#lx img{ max-width:100%;} .pro .econtent .list .ntitle{ text-align:left;} #logo{ position: relative; display:block; } #logo .lan{ background-image: url(lan.jpg); background-repeat: no-repeat; background-position: left top; height: 22px; width: 70px; top: -20px; right: 0px; position: absolute; z-index: 9; } .b{ display:none} #header{ float: left; width: 100%; background-image:none; height:auto; } .bgs{ padding-top:0px;} blockquote{ margin:auto;} } #footnav{ position: fixed; z-index:2; left: 0px; bottom: 0px; float:left; width:100%; background-color:#333333; display:none; } #footnav a{ float:left; width:33.3333%; text-align:center; position: relative; line-height:35px; color:#FFFFFF; } #footnav a i{ margin-right:5px;} #footnav a:after{ content:''; position: absolute; height: 100%; left: 0px; top: 0px; border-left-width: 1px; border-left-style: solid; border-left-color:rgba(0,0,0,0.2); } #footnav a:before{content:''; border-left-width: 1px; border-left-style: solid; border-left-color:rgba(255,255,255,0.1); position: absolute; height: 100%; right: 0px; top: 0px; } @media screen and (max-width : 767px){ #footnav{ display:block}} .third{ padding-top:50px; padding-bottom:30px;} .carousel-container .swiper-slide:not(.swiper-slide-active) { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transition: -webkit-transform .5s ease-out; transition: -webkit-transform .5s ease-out; transition: transform .5s ease-out; transition: transform .5s ease-out,-webkit-transform .5s ease-out; transition-duration: 0.5s, 0.5s; } .carousel-container .carousel-slide { width: 33%; max-width: 350px; -webkit-box-shadow: 0 8px 30px #ddd; box-shadow: 0 8px 30px #ddd; } .carousel-container .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; } .carousel-container .swiper-slide img{ width:100%;border: 5px solid #680F23;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ /*padding: 2px;*/ background-color:#680F23} .honorimg img{ float:left; margin-bottom:20px; width:23%; margin-left:1%; margin-right:1%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ /*padding: 2px;*/ border: 5px solid #680F23; background-color:#FFFFFF; } .honorimg img:nth-child(4n+1){ clear:both} @media screen and (max-width : 767px){ .honorimg img:nth-child(5n+1){ clear:none} .honorimg img:nth-child(2n+1){ clear:both} .honorimg img{ width:47%;} }