*{ margin:0; padding:0; } body{ margin:0; padding:0; } h2 { font-size: 16px !important; margin: 0 !important; padding: 0 !important; } a { text-decoration: none !important; } li { list-style-type: none; } /* banner */ .js-silder { position: relative; min-width: 320px; top: 2px; } .silder-scroll { width: 100%; overflow: hidden; } .silder-main { position: relative; width: 100%; overflow: hidden; height: 640px !important; } .silder-main-img { position: absolute; top: 0; left: 0; width: 100%; } .silder-main-img img { width: 100%; } .js-silder-ctrl { width: 100%; text-align: center; } .silder-ctrl-prev, .silder-ctrl-next { position: absolute; top: 0; width: 8%; height: 100%; vertical-align: middle; cursor: pointer; color: #fff; font-family: "宋体"; font-size: 52px; font-weight: 600; text-shadow: #666 2px 2px 5px; } .silder-ctrl-prev { left: 0; text-align: left; } .silder-ctrl-next { right: 0; text-align: right; } .silder-ctrl-prev > span, .silder-ctrl-next > span { position: absolute; top: 50%; margin-top: -40px; } .silder-ctrl-prev > span { left: 0; } .silder-ctrl-next > span { right: 0; } .silder-ctrl-con { display: inline-block; width: 4%; padding: 10px 0; margin: 0 10px; cursor: pointer; } .silder-ctrl-con > span { display: block; line-height: 0; text-indent: -9999px; overflow: hidden; padding: 5px 0; cursor: pointer; background-color: #e4e4e4; } .silder-ctrl-con.active > span { background-color: #7bbedf; } /* bannerEnd */ /* 轮播 */ .friend { height: 300px; margin: 0 auto; overflow: hidden; width: 1200px; } .mr_frbox { height: 275px; padding: 24px 0px 0px; } .mr_frBtnL { cursor: pointer; display: inline; float: left; height: 65px; margin: 75px 10px 0 0; width: 65px !important; } .mr_frUl { float: left; height: 202px; width: 1047px; margin-left: 10px; } .mr_frBtnR { float: right; margin-top: 75px; cursor: pointer; width: 65px !important; height: 65px; } .mr_frUl ul li { display: inline; float: left; height: 270px; width: 260px; overflow: hidden; position: relative; margin-left: 55px; } .mr_frUl ul li a img { /*display:block;*/ width: 100%; height: 225px; } .mr_zhe { width: 300px; position: absolute; top: 0; background: rgba(78, 164, 181, 0.65) none repeat scroll 0 0 !important; /*实现FF背景透明,文字不透明*/ filter: Alpha(opacity=80); background: #4ea4b5; /*实现IE背景透明*/ /*height:389px;*/ left: 0; right: 0; } .mr_zhe_i h1 { text-align: center; font-size: 182px; height: 138px; line-height: 138px; margin-top: 72px; margin-bottom: 64px; font-weight: bold; color: #fff; } .mr_zhe_p { margin-bottom: 60px; } .mr_zhe_p h3 { text-align: center; font-size: 15px; font-weight: bold; color: #fff; line-height: 30px; } .mr_zhe_p h3 span { display: block; margin: 0 auto; width: 260px; font-size: 18px; border-bottom: 1px solid #f4f4f4; } .mr_zhe_hover { bottom: -596px; height: 200px; position: absolute; width: 300px; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; /*实现FF背景透明,文字不透明*/ filter: Alpha(opacity=80); background: #0a0a0a; /*实现IE背景透明*/ } .mr_zhe_hover h1 { text-align: center; height: 40px; line-height: 40px; margin: 22px 0; color: #fff; } #mr_fu li span { text-align: center; font-size: 20px; margin-top: 13px; display: block; color: black; font-weight: 600; } .tempWrap { left: 15px; width: 1000px !important; } /* end */ .top_up{ width:100%; height:20px; background-color:#e4e4e4; font-size: 16px; } .tp_l{ float:left; } .tp_r{ float:right; } .z_tp{ margin-top:3px; } .logo{ float: left; } .nav{ float:left; margin-left:37px; } .n_li{ float:left; } .n_li a{ display: block; font-size:16px; height:100px; width:92px; text-align: center; line-height: 6.3; color: black; } .active a{ font-size:18px; line-height: 5.5; font-weight: 600; color:#1d528b; border-bottom: 4px solid #1d528b; } .about{ width: 100%; background:url(../images/about.png) no-repeat; background-size:50% 100%; background-position-x: 100%; background-position-y: 95px; height: 480px; } .title{ width: 100%; margin: auto; text-align: center; } .le{ width: 588px; margin:auto; } .line{ width:588px; border:2px solid #1d528b; margin-top:35px; float:left; } .blank80{width:100%;height:80px;float:left;} .fl{float: left;} .tt{ width: 200px; margin: auto; } .tit{ width: 200px; height: 65px; background-color: white; text-align: center; color: #1d528b; margin:auto; margin-top:-35px; float:left; } .tit_up{ font-size: 26px; } .tit_dw{ font-size: 22px; } .ab_con{ line-height: 1.5; padding-right: 30px; margin-top: 25px; word-wrap: break-word; overflow: hidden; height: 335px; } .more img{ margin:20px 0px 0px 15px; float: left; } .yous{ width: 100%; } .ys_pic{ margin-top:25px; } .jt{ width: 100%; float: left; background:url(../images/lc_bg.png) no-repeat; background-size: 100% 100%; } .jts{ position: absolute; } .blank25{ float: left; width: 100%; height: 25px; } .liuc{ float: left; margin-top:25px; width: 100%; } .lqy_pic{ float: left; margin-left: 15px; } .qy{ font-size:16px; } .news{ width: 100%; float: left; margin-top: 25px; } .ns_l{ width: 48%; float: left; background-color: #fafafa; height: 390px; padding: 30px; } .ns_r{ margin-left: 45px; width: 48%; padding: 30px; padding-top: 0px; } .ns_pic{ width: 100%; height: 213px; overflow: hidden; } .ns_pic img{ width: 100%; } .ns_dw{ width: 100%; height: 95px; margin-top: 23px; word-wrap: break-word; overflow: hidden; background-color: white; } .ns_time{ width: 15%; padding:15px; text-align: center; font-size: 16px; line-height: 2; font-weight: 500; } .ns_con{ width: 85%; padding:15px; } .nst1{ border-bottom: 1px solid black; } .ns_tit{ font-size: 18px; font-weight: 600; width: 100%; height:20px; overflow: hidden; } .ns_txt{ margin-top:5px; word-wrap: break-word; overflow: hidden; line-height: 1.5; height: 40px; } .ns_lt{ background-color: #fafafa; float: left; width: 100%; margin-top: 13px; height: 88px; } .ns_lt:nth-of-type(1){ margin-top:0px; } .nsl_tt{ width: 14%; text-align: center; font-size: 18px; margin-top: 20px; line-height: 1.5; } .nsl1{ width: 70%; margin:auto; border-bottom: 1px solid black; } .nsl_con{ width: 85%; } .nsc_tit{ margin-top:10px; font-size:20px; font-weight: 600; width: 100%; height: 25px; overflow: hidden; } .nsc_con{ word-wrap: break-word; overflow: hidden; line-height: 1.5; height: 45px; } .more2{ width: 10%; margin: auto; } .dqy{ width: 100%; float: left; } .dqy_li{ float:left; width: 134px; height:45px; margin-left:18px; text-align: center; background-color: #1d528b; margin-top:23px; color: white; font-size:20px; font-weight: 600; line-height: 2.3; border-radius: 20px; } .dqy_li:nth-of-type(1),.dqy_li:nth-of-type(9){ margin-left:0px; } .footer{ float: left; width: 100%; background: url(../images/ft_bg.png) no-repeat; background-size:100% 100%; padding:60px 0px 60px 0px; } .ft_r,.ft_l{ color: #c1c1c1; } .ft_l{ text-align: center; } .ft_l img{ width: 75%; margin-top: 10px; } .ft_r{ margin-top:10px; font-size:16px; line-height: 2; } .abt_up,.abt_dw{ color:#1d528b; } .abt_up{ font-size: 26px; } .abt_dw{ font-size: 20px; } .abc_con{ width: 100%; word-wrap: break-word; font-size: 15px; line-height: 2; } .ns_list{ margin-top:30px; } .nslt1{ font-size:22px; } .nslt{ font-size: 16px; margin-top: 10px; } .nsl_time{ margin-top:10px; } .nslt_l{ width: 100%; margin-top:20px; border-bottom: 1px solid #1d528b; padding-bottom: 17px; float: left; } .line2{ width:15px; border-bottom: 2px solid #1d528b; margin-bottom: 15px; } .nsltc_tit{ width: 100%; font-size: 16px; font-weight: 600; margin-bottom: 10px; height:20px; overflow: hidden; } .nsltc_con{ line-height: 2; height:60px; overflow: hidden; word-wrap: break-word; } .fy{ float: left; display: block; width: 100%; margin-top: 30px; } .fy1{ width: 60%; text-align: center; margin:auto; } .nslt_con a{ color: black; } .nslt_con a:hover{ color: #1d528b; } .pc_lt{ float:left; margin-left:60px; width: 255px; height: 250px; } .pc_lt img{ width: 255px; height: 220px; } .pc_lt:nth-of-type(1){ margin-left: 0px; } .pc_lt a{ color: black; } .pc_lt div{ font-size: 16px; font-weight: 600; text-align: center; margin-top:10px; } .pc_li,.ct_tit{ margin-top:30px; } .ct_tit{ text-align: center; } .ctt_tt{ font-size:28px; color: #1d528b; font-weight: 600; } .ctt_dw{ margin-top:15px; color: #9a9a9a; } @media(min-width:768px){ .container{ width:1200px; padding:0; } } @media(max-width:766px){ .line,.yous,.js-silder,.z_lc,.jt,.top_up,.ab_con:nth-of-type(3),.blank80,.ns_l,.nsl_tt{display:none;} .logo img{width:90%;} .dqy_li:nth-of-type(1), .dqy_li:nth-of-type(9){ margin-left:18px; } .about{ background:none; } .fl{margin-top:30px;width: 100%;margin: 0;padding:0;} .lqy_pic{margin-left: 30px;} .footer{margin-top:30px;} .tit{margin-top:40px;} .ab_con{margin-top:125px;} .pc_lt:nth-of-type(1){ margin-left: 60px; } .abc_con img{width:100%;} }