@charset "utf-8"; /* CSS Document */ body{ margin:0; padding:0; font-family:"微软雅黑",Arial; font-size:16px; background-color:#fff; color:#454545; min-width:1200px; line-height: 1; } ul{ margin:0; padding:0; list-style:none;} li { margin:0; padding:0; list-style:none} a{ color:#454545; text-decoration:none;} a:hover { color:#0084e6; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s;-o-transition: 0.2s;} img{ border:none;} p{ margin:0; padding:0;} i { font-style: normal;} /*填充行距高度*/ .clb {clear: both; display: inline-block; width: 100%;} .jg5 { width:100%; height:5px; line-height:5px;} .jg10 { width:100%; height:10px; line-height:10px;} .jg15 { width:100%; height:15px;} .jg20 { width:100%; height:20px;} .jg25 { width:100%; height:25px;} .jg30 { width:100%; height:30px;} .jg35 { width:100%; height:35px;} .jg40 { width:100%; height:40px;} .jg45 { width:100%; height:45px;} .jg50 { width:100%; height:50px;} .jg60 { width:100%; height:60px;} .jg70 { width:100%; height:70px;} .jg80 { width:100%; height:80px;} .jg90 { width:100%; height:90px;} .jg100 { width:100%; height:100px;} .jg150 { width:100%; height:150px;} .jg200 { width:100%; height:200px;} .top1 {width: 100%; height: 32px; border-bottom: 1px solid #cbcbcb; background: #0092ff;} .top1m {margin: 0 auto; max-width: 1200px; font-size: 12px; color: #dedede; line-height: 32px;} .top1m .gw {display: inline-block; line-height: 1; border-radius: 3px; background: #00395d; color: #fcc60a; padding: 3px 5px 4px 5px; font-size: 12px;} .top2 {width: 100%; height: auto; margin: 0 auto; background: #0092ff;} .top2m { max-width: 1200px; height: 120px; margin: 0 auto;} .logo { float: left; margin-top: 17px;} .tzsdm {float: left; width: auto; display: inline-block; font-size: 18px; color: #fff; margin-left: 22px; margin-top: 42px; line-height: 30px;} .tzsdm span {float: left} .tzsdm .dmnum {float: left; font-size: 32px; color: #fbc60b; font-family: arial; font-weight: bold;} .toprbg {float: right; width:600px; height: 120px; background: url(../images/tb362.png) no-repeat right bottom;} .topnavbox {width: 100%; height: 50px; background: #0084e6; border-bottom: 3px solid #fcc60a;} .tmenu {max-width: 1200px; margin: 0 auto; height: 50px; position: relative; z-index: 1000;} .tmenu ul li { float: left; width: 120px; text-align: center; line-height: 50px; position: relative;} .tmenu ul li a { display: inline-block; width: 100%; height: 50px; color: #fff;} .tmenu ul li a:hover { background: #0171c5; } .tmenu ul li a.hover { background: #0171c5; } .tmenu ul li p { width: 100%; height: auto; position: absolute; left: 0; top: 50px; background: #00395d; display: none;} .tmenu ul li p a { display: inline-block; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; border-top: 2px solid #0084e6; font-size: 14px;} .tmenu ul li:hover a { background: #0171c5;} .tmenu ul li:hover p { display: block;} .tmenu ul li p a:hover { background: #0084e6;} .banner{ position: relative; width: 100%; height: 490px; overflow: hidden; } .banner .cont{ position: absolute; width: 100%; left: 0; top: 0; transition: 1s; } .banner .cont li{ float: left; width: 100%; height: 490px; } .banner .cont li a { display: block; width: 100%; height: 490px;} .banner .butt{ height: auto; position: absolute; left: 0; right: 0; bottom: 20px; margin: 0 auto; z-index: 155; } .banner .butt li{ width: 45px; height: 10px; float: left; background: rgba(94,94,94,0.8); margin-left: 5px; cursor: pointer; } .itopcontbox {width: 100%; height: auto; background: #f5f5f5; border-bottom: 2px solid #cecece; border-top: 2px solid #cecece; margin-top: 1px; } .itopcont {max-width: 1200px; height: 90px; margin: 0 auto; border-left: 2px solid #cecece; border-right: 2px solid #cecece;} .itopcont_1 {float: left; height: 90px;} .itopcont_1 .tb {float: left; margin-left: 20px;margin-top: 27px;} .itopcont_1 .txt {float: left; margin-left: 15px; margin-top: 30px; line-height: 1.5; font-size: 24px; color: #0092ff;} .itopcont_tel { width: 590px; } .itopcont_qq {width: 370px; border-left: 2px solid #cecece; } .itopcont_qq a { color: #0092ff;} .itopcont_bm {width: 230px; border-left: 2px solid #cecece; text-align: center;} .itopcont_bm a {display: inline-block; width: 170px; height: 44px; border-radius: 10px; text-align: center; line-height: 44px; color: #fff; font-size: 18px; background: #0092ff; margin-top: 22px;} .itopcont_bm a:hover { background: #d80000;} .itopcont_qq .txt { margin-top: 30px;} .bloh {max-width: 1200px; height: auto; margin: 0 auto;} .bloh .p1 { width: 100%; height: auto; background: url(../images/tb7.gif) repeat-x center; text-align: center;} .bloh .p1 a { display: inline-block; width: auto; background: #fff; font-size: 28px; color: #d80000; padding: 0px 20px 5px 20px; line-height: 1;} .bloh .p1 span { font-size: 14px; color: #797979; font-family: arial;text-transform: uppercase; line-height: 1;} .bloh .p2 { width: 100%; text-align: center; color: #666; padding:10px 0px 0px 0px; line-height: 1.4; } .inavsort {max-width: 1200px; height: auto; padding-top: 20px; margin: 0 auto; text-align: center;} .inavsort a { display: inline-block; width: 180px; height: 42px; line-height: 40px; text-align: center; border-radius: 5px; border: 1px solid #d7d7d7; color: #333; margin: 0 15px;} .inavsort a:hover { background: #0092ff; color: #fff;} .inavsort a.hover { background: #0092ff; color: #fff;} .inewsbox {max-width: 1200px; height: 440px; margin: 0 auto; position: relative; } .inewsbox ul { width: 100%; height: auto; position: absolute; left: 0; top: 0; display: none;} .inewsbox ul.hover { display: block;} .inewsbox ul li { float: left; width: 570px;height: 120px; margin-left: 60px; margin-top: 25px;} .inewsbox ul li.f {margin-left: 0;} .inewsbox ul li .img { display: inline-block; float: left; width: 170px; height: 120px; overflow: hidden;} .inewsbox ul li .img img { width: 100%; min-height: 120px;} .inewsbox ul li p { float: left; width: 388px; height: 120px; margin-left: 12px; } .inewsbox ul li p .tit { color: #000; display: inline-block; line-height: 26px; max-height: 26px; overflow: hidden; font-size: 17px;} .inewsbox ul li p .tit:hover { color: #0084e6;} .inewsbox ul li p .des { color: #666; font-size: 14px; line-height: 1.5; display: inline-block; height: 65px; overflow: hidden; margin: 5px 0px 5px 0px;} .inewsbox ul li p .des a { color: #0092ff;} .inewsbox ul li p .date { display: inline-block; font-size: 14px; color: #999999;} .izybox {max-width: 1200px; height: auto; margin: 0 auto;} .izybox ul li {float: left; width: 384px; height: 255px; margin-top: 24px; margin-left: 24px; overflow: hidden; position: relative;} .izybox ul li.f { margin-left: 0;} .izybox ul li img { width: 100%; min-height: 255px;} .izybox ul li .tit { display: inline-block; width: 100%; height: 38px; line-height: 38px; text-align: center; background: rgba(0,0,0,0.8); position: absolute; left: 0; bottom: 0;} .izybox ul li .tit a { color: #fff;} .izybox ul li:hover .tit { display: none;} .izybox ul li p { width: 80%; height: 255px; padding: 0 10%; background: rgba(60,60,60,0.8); position: absolute; left: 0; top: 255px; color: #fff; text-align: center; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; } .izybox ul li:hover p { top: 0;} .izybox ul li p .t { display: inline-block; color: #fff; font-size: 22px; margin-top: 35px;} .izybox ul li p .t:hover { color: #fbc60b;} .izybox ul li p .des { max-height: 75px; overflow: hidden; display: inline-block; line-height: 1.5; margin-top: 25px; margin-bottom: 25px; font-size: 14px;} .izybox ul li p .btn { display: inline-block; width: 180px; height: 42px; background: rgba(237,21,21,0.7); color: #fff; text-align: center; margin: 0 auto; line-height: 40px; border-radius: 8px;} .izybox ul li p .btn:hover { background: #0084e6;} .iad { max-width: 1200px; height: auto; margin: 30px auto; overflow: hidden; } .ipicbox {max-width: 1200px; height: 460px; margin: 0 auto; margin-top: 15px; position: relative;} .ipiclist {width: 100%; height: auto; min-height: 456px; position: absolute; left: 0; top: 0; display: none;} .ipiclist.hover { display: block;} .ipiclist a { display: inline-block; float: left; width: 193px; height:144px; overflow: hidden; margin-left: 8px; margin-top: 8px; position: relative;} .ipiclist a img { width: 100%; min-height: 144px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .ipiclist a:hover img {transform: scale(1.1);} .ipiclist a span { width: 100%; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #fff; display: inline-block; position: absolute; left: 0; bottom: -36px; background: rgba(0,0,0,0.7); -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; } .ipiclist a:hover span { bottom: 0;} .ipiclist a.f {margin-left: 0;} .ipiclist a.c {margin-left: 402px;} .ipiclist a.max { width: 394px; height: 296px; position: absolute; margin: 0; top: 8px; left: 804px;} .ipiclist a.max img { min-height: 296px;} .ipiclist a.max2 { margin: 0; left: 0; top: 160px; } .ipiclist a.more { position: absolute; margin: 0; left: 1005px; bottom: 0; background: #333333; color: #fff; font-size: 22px; text-align: center; line-height: 144px;} .ipiclist a.more:hover { background: #0084e6;} .itsjysort a { width: 160px;} .izxjdbox {max-width: 1200px; height: auto; margin: 0 auto;} .izxjdbox a { display: inline-block; float: left; width: 378px; height: 40px; margin-top: 20px; margin-left: 30px; border: 1px solid #cccccc; color: #666666; text-align: center; line-height: 38px;} .izxjdbox a.f {margin-left: 0;} .izxjdbox a:hover { background: #0084e6; color: #fff; border: 1px solid #0084e6;} .flink { width: 100%; height: auto; background: #e0e0e0; padding: 15px 0px;} .flink p { max-width: 1200px; margin: 0 auto; line-height: 1.5; color: #333;} .flink p a { display: inline-block; margin-right: 15px; font-size: 14px; color: #666;} .flink p a:hover { color: #0084e6;} .footer { width: 100%; height: auto; background: #0092ff; padding-bottom: 35px;} .footer .fnav {max-width: 1200px; height: auto; padding: 25px 0px; margin: 0 auto; border-bottom: 1px solid #c0d8e9; text-align: center;} .footer .fnav a { display: inline-block; margin: 0 15px; color: #fff;} .footer .fnav a:hover { color: #fbc60b;} .copyr { max-width: 1200px; height: auto; margin: 0 auto; margin-top: 15px; line-height: 1.8; font-size: 14px; color: #dddddd; text-align: center} .ncen {max-width: 1200px; height: auto; margin: 0 auto; margin-top: 25px;} .nleft {float: left; width: 280px; height: auto;} .nright {float: right; width: 890px; height: auto; color: #333;} .nlcont {line-height: 2; font-size: 14px; color: #333; margin-top: 5px;} .nlcont .lab {display: inline-block; width: 45px; vertical-align: top; font-weight: bold;} .nlcont .txt {display: inline-block; max-width: 235px;} .nlcont a { color: #333;} .nlcont a:hover { color: #0084e6;} .nlh {width: 100%; height:70px; background: #0084e6; color: #fff; line-height: 70px; font-size: 24px; font-weight: bold;} .nlh span {display: inline-block; margin-left: 20px;} .nlh i {font-style: normal; font-size: 14px; font-family: arial; font-weight: normal;} .nlmenu {width: 278px; height: auto; min-height: 100px; margin: 0 auto; } .nlmenu ul {width: 100%; margin: 0 auto;} .nlmenu ul li {width: 100%; height: 40px; line-height: 40px; margin-top: 8px;} .nlmenu ul li a {display: inline-block; width: 90%; padding-left: 10%; font-size: 16px; background: #e0e0e0; border-radius: 3px; } .nlmenu ul li a:hover {background: #0084e6; color: #fff;} .nlmenu ul li a.hover {background: #0084e6; color: #fff;} .nlrec {width: 100%; height: auto; margin: 0 auto; margin-top: 25px; } .nlrec .p1 {width: 100%; height: 20px; font-size: 18px; font-weight: bold; color: #0084e6; border-bottom: 1px solid #e0e0e0; padding-bottom: 5px;} .nlrec2 ul { min-height: 150px;} .nlrec2 ul li {width: 100%; height: 18px; line-height: 18px; margin-top: 8px; overflow: hidden; font-size: 14px;} .nlreczy ul li {width: 100%; height:70px; margin-top: 10px; overflow: hidden; } .nlreczy ul li .img {display: inline-block; float: left; width: 100px; height: 70px; overflow: hidden;} .nlreczy ul li .img img {width: 100%; min-height: 70px;} .nlreczy ul li p {float: left; width: 165px; height: 70px; margin-left: 10px;} .nlreczy ul li p a { display: inline-block; max-height: 24px; line-height: 24px; overflow: hidden; font-size: 16px; font-weight: bold; color: #0084e6;} .nlreczy ul li p span {display: inline-block; font-size: 13px; line-height: 1.5; margin-top: 5px; color: #454545;} .nlreczy ul li p span i { font-style: normal; color: #787878;} .nlreczy ul li p span.dy i { color: #f00;} .nlbtn {display:inline-block; width: 48%; margin: 0 auto; height: 40px; line-height: 40px; background: #51d85d; color: #fff; text-align: center; margin: 0px 1%; margin-top: 10px; border-radius: 5px;} .nlbtn2 { background: #fe550a} .nlbtn:hover { color: #fff; background: #0084e6;} .nrt {max-width: 1200px; height: auto; margin: 0 auto; font-size: 24px; color: #0084e6; border-bottom: 1px solid #dedede; line-height: 2; padding-bottom: 5px; } .npos {float: right; margin-top: 10px; font-size: 16px; color: #666;} .nrcon {width: 98%; margin: 0 auto; height: auto; line-height: 2; margin-top: 15px; color: #242424;} .newsvtit { font-size: 24px; font-weight: bold; line-height: 20px; padding-top: 20px; color: #212121; display: block; text-align: center;} .newsvdes { width: 100%; font-size: 13px; color: #999; text-align: center} .newsvdes span { display: inline-block; margin-right: 30px;} .newsvdes a { color: #999;} .newslist { width: 98%; margin: 0 auto; margin-top: 5px;} .newslist ul li {} .newslist li { padding: 17px 0; border-bottom: 1px solid #eee; height: 110px; overflow: hidden; } .newslist .pic { float: left; margin-right: 20px; width: 160px; height: 110px; overflow: hidden;} .newslist .pic img { display: block; width: 160px; min-height: 110px; } .newslist h3 { font-size: 18px; line-height: 24px; height: 24px; overflow: hidden; margin: 0; font-weight: normal; color: #0084e6;} .newslist h3 a { color: #000;} .newslist h3 a:hover { color: #0084e6;} .newslist .det { margin-top: 10px; font-size: 14px; line-height: 24px; max-height: 48px; overflow: hidden; color: #666 } .newslist .det a {color: #0078ff;} .newslist .bq-gn { float: left; padding: 0 10px; color: #16a660; border: 1px solid #16a660; } .mt5 { margin-top: 5px;} .mt10 { margin-top: 10px;} .newslist .date { font-size: 14px; color: #aaa; margin-top: 5px;} .npage{height:34px; padding:0; text-align:center;font-size:14px; width:100%; margin:0 auto; margin-top:30px; padding-bottom:10px;} .npage p{text-align:right; padding-right:20px;} .npage a{ display:inline-block; padding:0px 13px; height:32px; line-height:32px; border:1px solid #dedede; background:#fff; text-decoration:none; text-align:center; color: #aaa; } .npage a:hover{ background:#0084e6; border:1px solid #0084e6; color:#fff; text-decoration:none;transition: all 0.5s ease 0s;} .npage a.hover{ background:#0084e6; border:1px solid #0084e6; color:#fff; text-decoration:none;transition: all 0.5s ease 0s;} .news_detail_page {width:100%; margin:0 auto; height:auto; border-top:1px solid #c9c9c9; padding-top:10px; padding-bottom:20px; margin-top: 20px; } .news_detail_page p{ width:100%; line-height: 32px; font-size:16px; color:#767676;} .news_detail_page p span{background: #666; color: #fff; padding: 2px 4px 3px 4px; margin-right: 5px; font-size: 14px; } .news_detail_page p a { color:#666;} .news_detail_page p a:hover { color:#0078ff; text-decoration:underline} .baoming02{width:850px;height:auto; margin: 0 auto; margin-top: 20px; position:relative; /*background:url(../images/baoming-title02.png) no-repeat left top; */ background: #0092ff; border-radius: 5px; } .b_title02{height:52px; line-height: 50px; text-indent: 10px; overflow: hidden; } .b_title02 span{font-size:24px;color:#fff;} .jiaokuan-con{width:97%;height:auto; margin: 0 auto; margin-top:10px;} .jiaokuan-con p{width:100%;line-height:1.5;font-size:14px;color:#464646;} .srdzform {width: 820px; height: auto; margin: 0 auto; margin-top: 10px;} .srdzform .row { width: 380px; height: 50px; margin-top: 15px; margin-right: 30px; float: left; overflow: hidden;} .srdzform .row .lab { display: inline-block; width: 90px; height: auto; line-height: 40px; font-size: 16px; color: #333;} .srdzform .row .input { display: inline-block; width: 260px; height: 38px; padding: 0px 10px; border: 1px solid #d0d0d0; font-size: 16px; font-family: '微软雅黑'; background: none;} .srdzform .row select { width: 280px; height: 38px; padding: 0px 10px; font-size: 16px; border: #d0d0d0 1px solid; color: #666;} .srdzform .row2 { height: 132px; } .srdzform .row2 .lab {float: left;} .srdzform .row2 .textarea { float: left; display: inline-block; width: 260px; height: 80px; padding: 10px; border: 1px solid #d0d0d0; font-size: 16px; font-family: '微软雅黑'; background: none;} .srdzform .row .btn {display: inline-block; width: 280px; height: 50px; line-height: 50px; font-size: 20px; color: #fff; text-align: center; background: #fe550a; border-radius: 6px; margin: 20px 0px 0px 50px;} .imglist {width: 100%; height: auto; margin: 0 auto;} .imglist ul li { float: left; width: 430px; height: 336px; margin-top: 20px; margin-left: 30px; background: #dedede;} .imglist ul li.f { margin-left: 0px;} .imglist ul li .img { display: inline-block; width: 100%; height: 300px; overflow: hidden;} .imglist ul li .img img { width: 100%; min-height: 300px;} .imglist ul li .txt { display: inline-block; width: 100%; height: 36px; text-align: center; line-height: 34px; color: #000; overflow: hidden;} .global-fix { margin-top: -130px; position: fixed; right: 0px; top: 50%; z-index: 10000; } .global-fix i { font-style: normal;} .global-fix .none { display: none; } .global-fix > ul { background: #fff none repeat scroll 0 0; border: 1px solid #0092ff; text-align: center; width: 70px; } .global-fix > ul > li { display: block; font-size: 12px; padding: 0 5px; position: relative; } .global-fix > ul > li:first-child a, .global-fix > ul > li:last-child a { border: 0 none; } .global-fix > ul > li.online-box { background: #0092ff none repeat scroll 0 0; margin: 0; } .global-fix > ul > li.online-box a { border: 0 none; color: #fff; } .global-fix li > a { border-bottom: 1px solid #ddd; color: #0092ff; display: block; padding: 11px 0; } .global-icon { background-image: url("../images/fix_icon.png"); display: block; height: 25px; margin: 0 auto 5px; width: 25px; } .global-icon.icon1 { background-position: 0 0;} .global-icon.icon2 { background-position: -25px 0; } .global-icon.icon3 { background-position: -50px 0; } .global-icon.icon4 { background-position: -75px 0; } .global-fix li > .global-position { background: #fff none repeat scroll 0 0; border: 1px solid #e5e5e5; position: absolute; right: 90px; transition: all 0.4s ease-in-out 0s; visibility: hidden; white-space: nowrap; } .global-fix li:hover > .global-position { right: 71px; visibility: visible; } .global-fix li:hover .global-icon.icon1 { background: rgba(0, 0, 0, 0) url("../images/message.gif") no-repeat scroll 2px 1px; } .global-fix li:hover .global-icon.icon2 { background: rgba(0, 0, 0, 0) url("../images/phone2.gif") no-repeat scroll 1px 1px; } .global-fix li:hover .global-icon.icon3 { background: rgba(0, 0, 0, 0) url("../images/scan.gif") no-repeat scroll 2px 2px; } .global-fix li:hover .global-icon.icon4 { background: rgba(0, 0, 0, 0) url("../images/uptop.gif") no-repeat scroll 2px center; } .online-fix { bottom: 0; line-height: 70px; padding: 0 24px; top: 0; } .global-position .triangle { border-bottom: 5px solid transparent; border-left: 5px solid #0092ff; border-top: 5px solid transparent; display: block; height: 0; margin-top: -5px; position: absolute; right: -6px; top: 50%; width: 0; } .global-fix > ul > li.online-box .triangle { right: -5px; } .wechart-fix .triangle { margin-top: 33px; } .tel-fix .triangle { margin-top: 65px; } .global-fix li.online-box .global-position .triangle { border-left: 5px solid #fff; } .tel-fix { top: -71px; width: 258px; } .tel-fix-top { background: #f9f9f9 none repeat scroll 0 0; color: #0092ff; display: table-cell; font-size: 12px; font-weight: bold; height: 71px; position: relative; vertical-align: middle; width: 258px; } .tel-fix-top > big { font-size: 22px; font-style: normal; line-height: 26px; } .tel-fix-box { margin: 9px 18px; overflow: hidden; } .tel-fix-box > ul { margin-left: -10px; margin-top: -1px; overflow: hidden; width: 242px; } .tel-fix-box li { border-left: 1px dashed #ddd; border-top: 1px dashed #ddd; display: block; float: left; padding: 5px 0 10px 10px; text-align: left; width: 110px; } .tel-fix-box li > p { color: #999; } .tel-fix-box li > b { color: #666; font-size: 13px; font-weight: normal; } .wechart-fix { margin-top: -116.5px; padding: 10px 8px; top: 50%; width: 236px; } .wechart-fix li { color: #666; display: block; float: left; font-size: 14px; margin: 0 4px; width: 110px; } .global-wechart-img { height: 110px; overflow: hidden; width: 110px; } .global-wechart-img > img { height: 100%; overflow: hidden; width: 100%; }