195 lines
10 KiB
CSS
195 lines
10 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
*{ margin:0; padding:0}
|
|
ul li{ list-style:none}
|
|
img{ border:0; max-width:100%}
|
|
a{ text-decoration:none; color:#333}
|
|
.clear{ clear:both}
|
|
body{ font-family:"微软雅黑"; width:100%; min-width:1200px;color: #333;font-size: 14px;}
|
|
.ccsl{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
|
|
p{text-align:justify}
|
|
|
|
.main{ width:1200px; margin:0 auto;}
|
|
|
|
|
|
.banner{ width:100%; min-width:1200px; /*height:400px;*/ overflow:hidden; position:relative;font-size:0; margin:0 auto;}
|
|
.b-img{ /*height:400px;*/ position:absolute; left:0; top:0;}
|
|
.b-img img{ display:block; /*height:400px;*/ float:left;}
|
|
.b-list{ height:20px; /*padding-top:380px;*/ margin:0 auto;position:relative;z-index:1;}
|
|
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; background:#fff; float:left; margin:0 5px; _margin:0 3px;}
|
|
.b-list .spcss{ background:#0580c8}
|
|
|
|
.topbox{ width:100%; min-width:1200px; height:40px; line-height:40px; overflow:hidden;background:#ededed;}
|
|
.topbox p{ width:1200px; margin:0 auto; font-size:14px; color:#333;}
|
|
|
|
.logo{ width:1200px; margin:0 auto; overflow:hidden}
|
|
.logo img{ display:block; width:1200px;}
|
|
|
|
.nav{width:100%; min-width:1200px; overflow:hidden;background: #0580c8;height: 54px;}
|
|
.nav ul{ overflow:hidden}
|
|
.nav ul li{ float:left;width: 125px;height: 54px;text-align: center;line-height: 54px; overflow:hidden; margin-right:1px}
|
|
.nav ul li a{color: #fff;font-size: 15px; display:block}
|
|
.nav ul li:hover,.nav ul li.on{ background:rgb(74, 136, 207)}
|
|
|
|
.part1{margin: 20px auto; width:1200px;color: #666;font-size: 14px;line-height: 28px; height:28px; overflow:hidden}
|
|
.part1 span{ display:block; float:left; font-weight:bold;}
|
|
.part1 .con{ float:left; max-width:1000px; overflow:hidden}
|
|
.part1 .con a{ display:inline-block;color: #666; padding-right:5px}
|
|
|
|
.part2{ width:100%; min-width:1200px;background:#F3F3F3; padding:20px 0}
|
|
.part2 .titbox{width: 340px;margin: 20px auto;height: 65px;text-align: center; overflow:hidden}
|
|
.part2 .titbox p{ text-align:center;color: #0580c8;font-weight:bold;font-size: 30px;}
|
|
.part2 .titbox em{font-style:normal;text-transform: uppercase;color: #afb2af;font-size: 14px;font-family: arial;text-align: center;margin-left: 10px;}
|
|
|
|
.part2 ul{ padding-bottom:20px; overflow:hidden}
|
|
.part2 ul li{background: #fff;width: 285px;height: 324px;float: left;margin: 10px 20px 10px 0;overflow: hidden;}
|
|
.part2 ul li:nth-child(4n){ margin-right:0}
|
|
.part2 ul li img{margin: 10px 10px 0 10px;width: 265px;height: 265px;}
|
|
.part2 ul li p{ text-align:center;line-height: 48px;color: #333; font-size: 16px;}
|
|
.part2 ul li:hover p{color: #0580c8;}
|
|
|
|
.part3{ padding-top:46px; width:1200px; margin:0 auto; overflow:hidden; padding-bottom:20px}
|
|
.part3 .titbox{width: 600px;margin:0 auto;text-align: center;}
|
|
.part3 .titbox p{padding-top: 18px; font-weight:bold;font-size: 28px;color: #000;text-align: center;}
|
|
.part3 .titbox span{font-style:normal;text-transform: uppercase;color: #afb2af;font-size: 14px;font-family: arial;text-align: center;line-height: 34px;}
|
|
.part3box{ padding-top:30px;}
|
|
.part3box .p3L{border: 10px solid #eee;width: 315px;height: 216px;margin-right: 20px;float: left; overflow:hidden}
|
|
.part3box .p3L img{width: 315px;height: 216px;}
|
|
.part3box .p3R{width: 845px;float: left; padding-top: 10px;}
|
|
.part3box .p3R .con{color: #666666;font-size: 14px;line-height: 2;margin-bottom: 10px; max-height:170px; overflow:hidden}
|
|
.part3box .p3R a.more{border-radius: 20px;padding: 2px 10px;background: #0580c8;color: #fff;margin-top: 10px;display: inline-block;}
|
|
.part3box .p3R a.more:hover{background: #ccc;color: #000;transition: all .5s;}
|
|
.marqueeleft{width:1200px;overflow:hidden; padding-top:40px}
|
|
.marqueeleft ul{float:left;}
|
|
.marqueeleft li{float:left;display:inline;height:128px;overflow:hidden; padding-right:20px }
|
|
|
|
|
|
.part4{width:100%; min-width:1200px; background:url(../images/bg.jpg) repeat;padding: 43px 0;margin: 20px auto;}
|
|
.part4box{ float:left;width: 582px;overflow: hidden;}
|
|
.part4box .titbox{ height:27px; overflow:hidden; line-height:27px;}
|
|
.part4box .titbox h2{ float:left;color: #0580c8;font-size: 18px;font-weight: normal; max-width:450px; overflow:hidden;border-left: 4px solid #0580c8; padding-left: 10px;}
|
|
.part4box .titbox a{ float:right;color: #333;font-size: 14px;}
|
|
|
|
.part4box .cons{background: #fff;margin-top: 20px;padding: 10px;}
|
|
.p4one{ height:147px; overflow:hidden}
|
|
.p4one .p4oneL{width:183px; height:137px;float: left;margin-right: 10px;margin-bottom: 10px; overflow:hidden}
|
|
.p4one .p4oneL img{width:183px; height:137px;}
|
|
.p4one .p4oneR{width: 350px;height:137px;float: right; overflow:hidden}
|
|
.p4one .p4oneR a{font-weight: bold;color: #333;font-size: 14px;margin: 10px 0; float:left; max-width:250px;}
|
|
.p4one .p4oneR span{ margin:10px 0; float:right;font-weight: normal;font-size: 14px;color: #666;}
|
|
.p4one .p4oneR .sub{font-size: 14px;line-height: 1.8; height:75px; overflow:hidden}
|
|
.p4one .p4oneR a:hover{ color:#0580c8}
|
|
|
|
.part4 ul{ padding-top:15px; overflow:hidden}
|
|
.part4 ul li{line-height:35px; overflow:hidden;height:35px;border-bottom: 1px dotted #ccc;}
|
|
.part4 ul li p{background: #0580c8;width: 14px;height: 14px;border-radius: 50%;float: left;text-align: center;color: #fff;margin-right: 15px;line-height: 14px;margin-top: 10px; font-size:14px;}
|
|
.part4 ul li a{ float:left;color: #333;font-size: 14px; max-width:410px;}
|
|
.part4 ul li span{ float:right;color: #666;font-size: 14px;}
|
|
.part4 ul li:hover p{background: #ccc;color: #000; transition: all .5s;}
|
|
.part4 ul li:hover a{color: #0580c8;transition: all .5s;}
|
|
.part4 ul li:hover span{color: #0580c8; transition: all .5s;}
|
|
|
|
.part4box.fr{ float:right}
|
|
|
|
|
|
.linkbox{margin: 40px auto; width:1200px; overflow:hidden}
|
|
.linkbox .linkL{ width:81px; height:70px; overflow:hidden; float:left}
|
|
.linkbox .linkL .p1{ width:73px; height:35px; padding-left:8px; line-height:35px; color:#fff; font-size:14px; background:url(../images/icon.png) no-repeat}
|
|
.linkbox .linkL .p2{width:73px; height:35px; padding-left:8px;color:#fff; line-height:35px; font-size:14px; background:url(../images/icon2.png) no-repeat}
|
|
.linkbox .linkR{width: 1096px;float: right;border: 1px solid #ccc; height: 50px;padding: 10px;font-size: 14px;line-height: 2;overflow: hidden;}
|
|
.linkbox .linkR a{color: #797979;margin: 0 5px;display: inline-block;}
|
|
|
|
|
|
.footer{width:100%; min-width:1200px; background: #000;padding: 20px 0;font-size: 14px;}
|
|
.fnav{ color:#a2a2a2; max-width:1200px; margin:0 auto; text-align:center}
|
|
.fnav a{display: inline-block;line-height: 2;margin: 0 5px 20px;color: #fff;}
|
|
.foot{ text-align:center;color: #a2a2a2; line-height:2}
|
|
|
|
|
|
.mainWarp{ width:1200px; margin:0 auto;margin: 40px auto;}
|
|
.mainLeft{float: left;width: 220px;}
|
|
.typebox{border: 2px solid #0580c8;width: 212px;min-height:50px;background: #fcfcfc;}
|
|
.typebox .tit{background:#0580c8;color: #fff;font-size: 18px;font-weight: normal;line-height: 2.5;}
|
|
.typebox .tit p{ text-align:center}
|
|
.typebox ul{ overflow:hidden;margin-top: 20px;margin-bottom: 10px;}
|
|
.typebox ul li{background: #e1e1e1;margin: 10px 15px;line-height:35px;font-size: 14px; height:35px;}
|
|
.typebox ul li a{ float:left;color: #444444; max-width:140px;}
|
|
.typebox ul li p{ float:left;margin: 12px 10px;background: #000;border-radius: 50%;width: 12px;height: 12px;color: #fff;line-height: 0.8;text-align: center;}
|
|
.typebox ul li:hover{background: #0580c8; transition: all .5s;}
|
|
.typebox ul li:hover p{background: #fff;color: #000; transition: all .5s;}
|
|
.typebox ul li:hover a{color: #fff;transition: all .5s;}
|
|
|
|
.mainLeft .titboxcon{border-left: 4px solid #0580c8; height:27px;padding-left: 10px;margin:20px 0 10px; overflow:hidden}
|
|
.mainLeft .titboxcon p{font-size: 18px;color: #0580c8;}
|
|
.mainLeft .lxwm{}
|
|
.mainLeft .lxwm .con{line-height: 2; padding-top:10px}
|
|
ul.newsul{ overflow:hidden}
|
|
ul.newsul li{ height:35px;line-height:35px;color: #666; border-bottom:1px dashed #ddd}
|
|
ul.newsul li a{ color:#666}
|
|
ul.newsul li a:hover{ color:#0580c8}
|
|
|
|
|
|
|
|
.mainRight{ float:right; width:962px; overflow:hidden}
|
|
.brandnav{width: 950px;border: 1px solid #ccc;padding: 5px; height:25px; line-height:25px; overflow:hidden}
|
|
.brandnav p{ float:left;color: #0580c8;font-size: 16px;font-weight: normal;padding-left: 10px; max-width:200px;}
|
|
.brandnav .con{ float:right; font-size:14px; color:#333; max-width:300px}
|
|
|
|
ul.piclistul{padding: 15px;width: 930px; border: 1px solid #ccc;margin-top: 10px;min-height:300px; overflow:hidden}
|
|
ul.piclistul li{ width:217px; height:192px; overflow:hidden; float:left; margin:10px 8px}
|
|
ul.piclistul li .proimg{ width:215px; height:160px;_display:table;display:table-cell;text-align:center;border:1px solid #ddd;vertical-align:middle}
|
|
ul.piclistul li .proimg img{vertical-align:middle;max-height:160px; max-width:215px;}
|
|
ul.piclistul li p{ text-align:center;line-height: 30px; color:#333; padding:0 10px}
|
|
ul.piclistul li:nth-child(4n){ margin-right:0}
|
|
ul.piclistul li:hover p{color: #0580c8;}
|
|
ul.piclistul li:hover .proimg{ border:1px solid #0580c8}
|
|
|
|
|
|
|
|
ul.listul{padding: 15px 35px; overflow:hidden;border: 1px solid #ccc;margin-top: 10px;min-height:300px;}
|
|
ul.listul li{ height:36px; line-height: 36px;border-bottom: 1px dotted #CCC;}
|
|
ul.listul li p{background: #0580c8;width: 14px; height: 14px; border-radius: 50%;float: left;text-align: center;color: #fff;margin-right: 15px;line-height: 12px;margin-top: 12px;}
|
|
ul.listul li a{ float:left;color: #333; max-width:600px;font-size: 14px;}
|
|
ul.listul li span{ float:right;color: #666;font-size: 13px;}
|
|
|
|
|
|
.detailbox{padding: 15px;border: 1px solid #ccc;margin-top: 10px;min-height:70vh; overflow:hidden}
|
|
.detailbox .xq{}
|
|
.detailbox .xq h1{font-size: 20px;line-height: 40px;text-align: center;color: #0580c8;}
|
|
.detailbox .xq .date{margin: 10px 0;padding: 5px 10px;font-size: 14px;line-height: 24px;color: #666;text-align: center;border: 1px dotted #ccc;}
|
|
.detailbox .xq .con{padding: 10px;line-height:30px; padding-bottom:20px}
|
|
.detailbox .xq .prroimg{ display:block; margin:0 auto; max-width:650px; padding:10px 0}
|
|
|
|
|
|
|
|
.pagebox{ text-align:center; padding-top:30px; padding-bottom:50px}
|
|
.pagebox a{ border:1px solid #ccc; padding:5px 10px; display:inline-block; color:#333; margin:3px}
|
|
.pagebox a:hover{background:#0580c8; color:#fff}
|
|
.pagebox a.on{ background:#0580c8; color:#fff}
|
|
|
|
.imgcenter{display: flex; flex-direction: row; justify-content: center;align-items: center;box-sizing: border-box;}
|
|
.imgcenter li{width: 400px !important; }
|
|
.imgcenter li img{width: 400px !important;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|