@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:1100px; } .ccsl { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } p { text-align:justify } .main { width:1100px; margin:0 auto; } .top { width:100%; min-width:1100px; background:#cbcbcb; height:45px; line-height:45px } .top p { height: 45px; line-height: 45px; font-size: 14px; color: #555; } .header { padding: 20px 0; width:1100px; margin:0 auto; overflow:hidden } .nav { width:100%; min-width:1100px; height: 55px; background: #1650a2; border-bottom: 1px solid #171717; } .nav ul { width:1100px; margin:0 auto } .nav ul li { float: left; height: 55px; } .nav ul li a { display: block; color: #fff; padding: 0 40px; font-size: 14px; line-height: 55px; } .nav ul li:hover { background: #2979e9; } .banner { width:100%; /*height:400px;*/ overflow:hidden; position:relative; font-size:0; margin:0 auto; min-width:1200px } .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:#d8241d } .part1 { width:100%; min-width:1100px; padding: 30px 0; background: url(../images/bg1.jpg) repeat; } .part1_L { width:233px; float:left; overflow:hidden; } .part1_L .p1tit { display: block; background: url(../images/icon1.jpg) no-repeat 20px 15px #1650A2; height:51px; border-radius:5px 5px 0 0; } .part1_L .p1tit h5 { padding-left: 50px; font-size: 18px; height: 51px; line-height: 51px; color: #fff; font-weight:500 } .part1_L ul.p1ul { padding: 13.5px 10px; background: #fff; max-height:704px; overflow:hidden } .part1_L ul.p1ul li { display: block; height: 47px; position:relative; overflow:hidden } .part1_L ul.p1ul li::before { content: " "; position: absolute; width: 100%; height: 100%; left:-100%; top:0; transition:.8s; background:#f0f0f0; } .part1_L ul.p1ul li a { display:block; line-height:50px; padding-left:35px; font-size:15px; color:#777777; transition:.8s; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .part1_L ul.p1ul li a::before { content: " "; position:absolute; left:15px; border-radius:50%; top:20px; width:6px; height:6px; border:1px solid #d4d4d4; transition: .8s; } .part1_L ul.p1ul li:hover::before { left:0; } .part1_L ul.p1ul li:hover a { color: #ff7c00; } .part1_L ul.p1ul li:hover a::before { background:#ff7c00; border: 1px solid #FF7C00 } .part1_L .p1lxwm { padding: 40px 0; background: #1650A2; text-align: center; } .part1_L .p1lxwm .con { } .part1_L .p1lxwm .con h4 { font-size: 18px; color: #fff; } .part1_L .p1lxwm .con p { font-size:26px; color: #fff; font-weight: bold; margin: 15px 0; text-align:center } .part1_L .p1lxwm .con a { display: inline-block; padding: 8px 20px; background: #fff; font-size: 14px; color: #313131; } .part1_R { width:847px; float:right; overflow:hidden } .part1_R .p1rtit { height:51px; background:#1650A2; border-radius:5px 5px 0 0; padding: 0 20px; } .part1_R .p1rtit p { float:left; width:400px; height:51px; line-height:51px; color:#fff; font-size: 18px; } .part1_R .p1rtit a { float:right; width:400px; text-align:right; height:51px; line-height:51px; color:#fff; font-size: 14px; } .part1_R ul.prolist { width:842px; overflow:hidden; padding-left:5px } .part1_R ul.prolist li { margin-top: 12px; float:left; width:270px; overflow:hidden; margin-right:15px; background:#fff } .part1_R ul.prolist li:nth-child(3n) { margin-right:0 } .part1_R ul.prolist li .proimg { _display:table; display:table-cell; text-align:center; width:264px; padding:2px; border:1px solid #ccc; vertical-align:middle } .part1_R ul.prolist li .proimg img { max-width:264px; max-height:258px; vertical-align:middle; } .part1_R ul.prolist li p { padding:0 10px; height:36px; line-height:36px; text-align:center; background:#1650A2; color:#fff; font-size: 13px; } .part2 { margin: 25px 0; box-shadow: 0 2px 20px 0 #DCDCDC; padding: 10px 15px; font-size: 14px; color: #7d7d7d; line-height: 28px; } .part2 span { display:block; float:left; font-size: 14px; color: #7d7d7d; line-height: 28px; } .part2 .con { float:left; overflow:hidden } .part2 .con a { display: inline-block; margin-left: 10px; font-size: 14px; color: #7d7d7d; line-height: 28px; } .part3 { padding: 30px 0; width:1100px; margin:0 auto } .contit { text-align: center; margin-bottom: 30px; } .contit h5 { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 30px; color: #584c4c; line-height: 1; font-weight:500 } .contit p { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 16px; color: #acacac; text-align:center; margin: 10px 0; text-transform:uppercase } .contit samp { display: inline-block; width: 48px; height: 3px; background: #1650A2; } .part3 .p3con { width:1100px; overflow:hidden; height:270px } .part3 .p3con .p3conL { float:left; width:447px; height:266px; overflow:hidden } .part3 .p3con .p3conR { float:right; width:627px; height:260px; overflow:hidden; font-size: 14px; color: #747474; line-height:28px; padding-top:10px; } .part4 { width:100%; min-width:1100px; background:url(../images/bg2.jpg) no-repeat; background-size:100% 100%; padding: 80px 0; } .part4 .p4tit { text-align: center; margin-bottom: 50px; } .part4 .p4tit h5 { font-size:36px; font-weight:bold; color:#1650A2; margin-bottom:18px; } .part4 .p4tit p { font-size:20px; color:#1650a2; line-height:1; text-align:center } .part4 .p4con { width:1100px; height:216px; overflow:hidden; } .part4 .p4con ul { overflow:hidden } .part4 .p4con ul li { display:inline-block; float:left; background:url(../images/libg.png) no-repeat center; margin-right:40px; height:216px; text-align:center; transition:.8s; width:187px; cursor:pointer } .part4 .p4con ul li:nth-child(5n) { margin-right:0 } .part4 .p4con ul li .p4li { padding:55px 15px 0 15px; } .part4 .p4con ul li h5 { font-size: 22px; font-weight: bold; color: #fff; transition: .8s; margin-bottom: 10px; } .part4 .p4con ul li p { font-size: 14px; color: #c3dcff; transition: .8s; line-height: 20px; max-height: 63px; overflow: hidden; } .part4 .p4con ul li:hover { transform: rotateY(360deg); background: url(../images/libg1.png) no-repeat center; } .part4 .p4con ul li:hover h5 { color: #1650A2; } .part4 .p4con ul li:hover p { color: #1650A2; } .part5 { width:1100px; margin:0 auto; padding:30px 0; overflow:hidden } .part5 .p5con { width:1100px; overflow:hidden; } .part5 .p5con ul { overflow:hidden } .part5 .p5con ul li { float:left; width:257px; overflow:hidden; margin-bottom:20px; margin-right:15px; padding:3px; background: #4c94fb; } .part5 .p5con ul li:nth-child(4n) { margin-right:0 } .part5 .p5con ul li .proimg { width:257px; _display:table; display:table-cell; text-align:center; vertical-align:middle; background:#fff } .part5 .p5con ul li .proimg img { vertical-align:middle; max-width:257px; max-height:260px; } .part5 .p5con ul li p { height:36px; line-height:36px; padding:0 15px; text-align:center; color:#fff } .part6 { width:100%; min-width:1100px; padding: 30px 0; background: url(../images/bg3.jpg) repeat; } .part6 .contit h5 { color:#fff } .part6 .contit p { color:#fff } .part6 .contit samp { background:#fff } .part6 .p6con { width:1100px; height:435px; overflow:hidden; } .part6 .p6con ul { overflow:hidden } .part6 .p6con ul li { float:left; width:500px; height:135px; background: #fff; padding: 30px 15px; overflow: hidden; border: 1px solid #fff; border-radius: 5px; cursor:pointer; transition: .8s; margin-bottom:35px; margin-right:35px; } .part6 .p6con ul li:nth-child(2n) { margin-right:0 } .part6 .p6con ul li:hover { background:#1650A2 } .part6 .p6con ul li .p6l { float:left; width: 134px; height: 134px; overflow:hidden } .part6 .p6con ul li .p6l img { width: 134px; height: 134px; border-radius: 50%; } .part6 .p6con ul li .p6r { float:right; width:320px; height:135px; overflow:hidden } .part6 .p6con ul li .p6r h5 { margin-bottom:17px; color:#373737; font-size:16px; } .part6 .p6con ul li .p6r .sub { font-size: 14px; color: #838383; line-height: 24px; height:95px; overflow:hidden } .part6 .p6con ul li:hover .p6r h5, .part6 .p6con ul li:hover .p6r .sub { color:#fff } .part7 { width:1100px; margin:0 auto; padding:30px 0; overflow:hidden } .part7 .p7con ul li { float:left; border: 1px solid #c1c1c1; margin-bottom: 10px; width:208PX; overflow:hidden; margin-right:11px; background:#fff } .part7 .p7con ul li:nth-child(5n) { margin-right:0 } .footer { width:100%; min-width:1100px; padding: 30px 0; background: #1650A2; } .fnav { padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px dashed #7396c7; } .fnav ul { overflow:hidden } .fnav ul li { float:left; border-right:2px solid #fff; height:15px; line-height:15px; text-align:center; width:110px } .fnav ul li a { font-size: 15px; color: #fff; } .foot { width:1100px; min-height:140px; overflow:hidden } .foot .footl { float:left; /*border-right: 1px dashed #7396C7;*/ width:768px; min-height:140px; } .foot .footl .con { line-height:26px; font-size: 13px; color: #dcdcdc; padding: 0 20px; min-height:130px; overflow:hidden } .foot .footr { width:330px; text-align:center; height:135px; overflow:hidden } .linksbox { width:100%; min-width:1100px; padding: 20px 0; background: #1650a2; border-top: 1px solid #7396c7; } .linksbox span { padding-left:20px; color:#fff; font-size:12px; margin-right:5px; line-height:24px; display:block; float:left; margin-bottom:5px; } .linksbox .con { float:left; width:1000px; overflow:hidden } .linksbox .con a { color:#fff; font-size: 12px; padding:0 5px; line-height:24px; } .mainWarp { width:1100px; margin:0 auto; } .mainWarp .mainLeft { float:left; width:233px; overflow:hidden; } .mainWarp .mainLeft .p1tit { display: block; background: url(../images/icon1.jpg) no-repeat 20px 15px #1650A2; height:51px; border-radius:5px 5px 0 0; } .mainWarp .mainLeft .p1tit h5 { padding-left: 50px; font-size: 18px; height: 51px; line-height: 51px; color: #fff; font-weight:500 } .mainWarp .mainLeft ul.p1ul { padding:15px 10px; background:#e6e6e6; overflow:hidden; margin-bottom:15px } .mainWarp .mainLeft ul.p1ul>li { display: block; /*height: 47px;*/ position:relative; overflow:hidden } .mainWarp .mainLeft ul.p1ul>li::before { content: " "; position: absolute; width: 100%; height: 100%; left:-100%; top:0; transition:.8s; background:#1650A2; } .mainWarp .mainLeft ul.p1ul li a { display:block; line-height:50px; padding-left:35px; font-size:15px; color:#777777; transition:.8s; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .mainWarp .mainLeft ul.p1ul li>a::before { content: " "; position:absolute; left:15px; border-radius:50%; top:20px; width:6px; height:6px; border:1px solid #1650a2; transition: .8s; } .nav_fl{} .mainWarp .mainLeft ul.p1ul li .nav_fl a{display: block;line-height:50px; padding-left: 35px; font-size: 15px; color: #999;} .mainWarp .mainLeft ul.p1ul li:hover::before { left:0; } .mainWarp .mainLeft ul.p1ul li:hover a { color: #fff; } .mainWarp .mainLeft ul.p1ul li:hover a::before { background:#fff; border: 1px solid #fff } .mainWarp .mainLeft ul.hotanli { padding:15px 10px; background:#e6e6e6; overflow:hidden; margin-bottom:15px } .mainWarp .mainLeft ul.hotanli li { margin-bottom:10px } .mainWarp .mainLeft ul.hotanli li img { width:100% } .mainWarp .mainLeft .lxwm { padding:15px; background:#e6e6e6; overflow:hidden; margin-bottom:15px } .mainWarp .mainLeft .lxwm .con { font-size: 13px; line-height:24px; color: #777777; } .mainWarp .mainRight { width:847px; float:right; overflow:hidden } .mainWarp .mainRight .p1rtit { height:51px; background:#1650A2; border-radius:5px 5px 0 0; padding: 0 20px; } .mainWarp .mainRight .p1rtit p { height:51px; line-height:51px; color:#fff; font-size: 18px; } ul.piclistul { width:842px; overflow:hidden; padding-left:5px; padding-top:15px; padding-bottom:10px; } ul.piclistul li { margin-bottom: 15px; float:left; width:270px; overflow:hidden; margin-right:15px; background:#fff } ul.piclistul li:nth-child(3n) { margin-right:0 } ul.piclistul li .proimg { padding:2px; border:1px solid #ccc; } ul.piclistul li p { padding:0 10px; height:36px; line-height:36px; text-align:center; background:#1650A2; color:#fff; } ul.listul { width:842px; overflow:hidden; padding-left:5px; padding-top:15px; padding-bottom:10px; } ul.listul li { display: block; padding: 15px 10px 15px 30px; position:relative; overflow:hidden; border-bottom:1px dashed #dadada } ul.listul li::before { content:" "; position: absolute; left:15px; top:19px; border-radius:50%; width:6px; height:6px; border:1px solid #d4d4d4; transition:.8s; } ul.listul li a { display: block; width:600px; float:left; transition: .6s; font-size: 14px; color: #646464; } ul.listul li a:hover { color:#1650A2 } ul.listul li span { display: block; width:120px; float: right; text-align: right; font-size: 14px; color: #646464; } .detailbox { width:842px; overflow:hidden; padding-top:15px; padding-bottom:15px; } .detailbox .xq { padding:15px } .detailbox .xq h1 { padding:10px 15px; font-size: 20px; text-align:center; font-weight: 600; color: #666; } .detailbox .xq .date { line-height: 30px; text-align: center; font-size: 12px; color: #666; } .detailbox .xq .proimg { display:block; max-width:600px; margin:0 auto; margin:15px auto } .detailbox .xq .con { color: #8C8C8C; font-size: 14px; line-height: 2; } .xgbox { width:804px; overflow:hidden; padding:10px; } .xgbox .xgtit { width:824px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #8C8C8C; } .xgbox .xgtit h5 { color: #666; font-weight: 300; font-size: 16px; } .xgbox ul { overflow:hidden } .xgbox ul li { float:left; width:385px; margin-right:30px; padding-bottom: 10px; margin-bottom: 10px; transition: .5s; border-bottom: 1px solid #DCDCDC; } .xgbox ul li:nth-child(2n) { margin-right:0 } .xgbox ul li a { display:block; font-size:12px; color:#8c8c8c; width:280px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .xgbox ul li span { display:block; float:right; text-align:right; width:90px; font-size:12px; color:#8c8c8c } .xgbox ul li:hover { border-bottom:1px solid #1650a2 } .xgbox ul li:hover a { color:#1650a2 } /*分页样式*/ .pglist { padding: 20px 0 30px; width: 100%; text-align: center; } .pglist a { color: #666; padding: 0 14px; margin: 0 3px; font-weight: bold; background: #fff; border: 1px solid #ddd; -webkit-border-radius: 2px; border-radius: 2px; } .pglist * { display: inline-block; _zoom: 1; _display: inline; vertical-align: middle; line-height: 30px; padding-bottom: 1px; } .pglist a:hover, .pglist .page-num-current { display: inline-block; color: #fff; background: #1650a2; border-color: #1650a2; }