/* hea */ .hea_bj ,.hea { background-color: #fff; } .hea { width:1002px; height:96px; margin:0 auto; } .hea_logo { padding-top:8px; padding-left:11px; font-size:0; } .hea_nav { margin-left:30px; } .hea_nav li { height:96px; line-height:96px; margin-left:44px; float:left; display:inline; } .hea_nav li a { padding-top:4px; font-family: Microsoft YaHei; font-size:16px; color:#333; display:inline-block; } .hea_nav li a:hover { border-top:4px solid #333; padding-top:0; font-weight: bold; } .hea_r { padding-top:26px; line-height:31px; } .hea_r a { color:#626262; } .hea_r a:hover { text-decoration:underline; } .hea_r a.hea_button { background:url(../img/hea_button_a.jpg) no-repeat; width:77px; height:31px; margin-left:15px; font-weight:bold; color:#ffffff; text-align:center; display:inline-block; } .hea_r a.hea_button:hover { background:url(../img/hea_button_b.jpg) no-repeat; text-decoration:none; } /* End hea */ /* banner */ /* banner */ .banner { overflow:hidden; width:100%; height:768px; position:relative; } .banner_img { height:768px; } .banner_img a { height:768px; font-size:0; display:block; } .banner_fy { width:100%; text-align:center; position:absolute; left:0; top:720px; } .banner_fy a { background:url(../img/banner_fy_a1.png) no-repeat; _behavior: url("../js/iepngfix.htc"); width:11px; height:12px; margin:0 4px; display:inline-block; vertical-align:middle; } .banner_fy a.banner_fy_a2 { background:url(../img/banner_fy_a2.png) no-repeat; _behavior: url("../js/iepngfix.htc"); width:11px; height:12px; display:inline-block; vertical-align:middle; } /* End banner */ /* main */ .main { width:1002px; margin:0 auto; padding-top:22px; padding-bottom:15px; } .main_title { height:37px; margin:0 17px; } .main_title span { border-top:4px solid #395f97; line-height:33px; font-weight:bold; color:#1b1b1b; display:inline-block; } .main_title a { line-height:33px; margin-right:15px; padding-top:4px; font-weight:bold; color:#1b1b1b; display:inline-block; } .main_title .main_title_a { border-top:4px solid #395f97; padding-top:0; color:#1b1b1b; } .main_title .more { background:url(../img/more.jpg) no-repeat; width:42px; height:17px; line-height:0; margin-top:13px; margin-right:0; padding-top:0; font-size:0; display:inline-block; } .jt { font-size:0; } .main_title .jt_l ,.main_title .jt_r { width:25px; height:20px; line-height:0; margin-top:13px; margin-right:0; margin-left:2px; padding-top:0; font-size:0; display:inline-block; } .main_title .jt_l { background:url(../img/jt_l_a.jpg) no-repeat; } .main_title .jt_l:hover { background:url(../img/jt_l_b.jpg) no-repeat; } .main_title .jt_r { background:url(../img/jt_r_a.jpg) no-repeat; } .main_title .jt_r:hover { background:url(../img/jt_r_b.jpg) no-repeat; } .main_l { background:#ffffff; width:286px; height:262px; } .main_l_nr { margin:12px 11px 0; } .main_l_nr dt { font-size:0; } .main_l_nr .dd1 { line-height:21px; margin-top:8px; color:#1b1b1b; } .main_l_nr .dd2 { line-height:21px; text-align:right; } .main_l_nr .dd2 a { color:#0068b7; } .main_l_nr .dd2 a:hover { text-decoration:underline; } .main_c { background:#ffffff; width:400px; height:262px; margin-left:16px; } .main_c_nr { margin:6px 17px 0; } .main_c_nr li { background:url(../img/li_ico1.jpg) no-repeat left center; border-top:1px dashed #e5e5e5; height:29px; line-height:29px; padding-left:13px; } .main_c_nr li.main_c_nr_li { border-top:none; } .main_c_nr li a { color:#6e6d6d; } .main_c_nr li a:hover { color:#0973d6; } .main_r { background:#ffffff; width:284px; height:262px; } .main_r div { height:56px; margin-left:15px; margin-right:20px; padding-top:38px; text-align: center; } .main_r_mar { margin-top:18px; } .main_r img { margin-bottom: 20px; } .main_r h5 { height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#44596c; } .main_r h5 span { font-size:12px; color:#a0a0a0; } .main_r p { line-height:18px; margin-left:75px; color:#9a9a9a; } .main_b { background:#ffffff; height:207px; margin-top:15px; } .main_b_nr { height:157px; margin:13px 3px 0; overflow:hidden; } .main_b_nr li { width:215px; height:157px; margin:0 17px; float:left; display:inline; } .main_b_nr dt { border:1px solid #e3eef3; padding:2px; font-size:0; } .main_b_nr dd { line-height:16px; margin-top:9px; color:#6e6d6d; text-align:center; } .main_b_nr dd a { color:#6e6d6d; } .main_b_nr dd a:hover { text-decoration:underline; } /* End main */ /* 内页1 */ .ny1 { width:1002px; margin:0 auto; padding-bottom:25px; } /* article */ .article { width:704px; } .article_title { height:32px; line-height:32px; padding-top:8px; padding-left:15px; color:#676767; } .article_title span { color:#959595; } .article_title a { color:#676767; } .article_title a:hover { text-decoration:underline; } .article_b { background:#fff; padding-top:30px; padding-bottom:23px; } .article_b h4 { line-height:48px; margin:0 40px; font-size:20px; font-family: Microsoft YaHei; font-weight:bold; color:#000; text-align: center; } .article_b h6 { line-height:20px; border-bottom:1px dashed #dbdbdb; margin:0 30px; padding:10px; color:#666; text-align: center; } .article_b h6 a { color:#000; } .article_b h6 a:hover { text-decoration:underline; } .article_b p { line-height:26px; margin:23px 40px 0; font-size:12px; color:#000; /* text-indent:2em; */ } /* End article */ /* info */ .info_kuang { width:284px; /*min-height: 500px;*/ } .info1 { background:#fff; width:284px; margin-top:40px; } .info_title { border-bottom:1px solid #f6f6f6; height:37px; padding-left:15px; } .info_title span { border-top:4px solid #395f97; line-height:33px; font-weight:bold; color:#1b1b1b; display:inline-block; } .info1_b { margin:0 10px; } .info1_b li { border-top:1px dashed #d1dfea; padding:15px 0 10px; } .info1_b .info1_b_li { border-top:none; } .info1_b li h4 ,.info1_b li h5 { line-height:28px; font-size:18px; font-weight:bold; } .info1_b li h4 { color:#014375; } .info1_b li h5 { color:#ff0000; } .info1_b li h4 a { color:#014375; } .info1_b li h5 a { color:#ff0000; } .info1_b li h4 a:hover ,.info1_b li h5 a:hover { text-decoration:underline; } .info1_b li p { line-height:24px; color:#686868; } .info1_b li p a { color:#686868; } .info1_b li p a:hover { text-decoration:underline; } .info2 { background:#fff; } .info2_b { margin-top:14px; } .info2_b li { height:34px; line-height:34px; list-style: none outside none; } .info2_b li a { border-bottom:1px solid #f6f6f6; height:33px; line-height:33px; padding-left:45px; color:#000000; display:block; position:relative; left:0; top:-1px; } .info2_b li a.info2_b_a { border-bottom:none; height:34px; line-height:34px; } .info2_b li a.index, .info2_b li a:hover { background:url(../img/info_2_a.jpg) no-repeat; border-bottom:none; padding-left:45px; color:#fff; display:block; } .info3 { background:url(../img/info_3.jpg) no-repeat; height:67px; margin-top:10px; } .info3 h4 { height:20px; line-height:20px; padding-top:16px; padding-left:90px; font-family: Microsoft YaHei; font-size:20px; color:#fff; } .info3 p { height:14px; line-height:14px; padding-left:90px; font-size:14px; font-weight:bold; color:#fff; } .info4 { background:#fff; margin-top:10px; } .info4_b { margin-top:10px; padding-bottom:5px; } .info4_b li { height:30px; line-height:30px; margin:0 15px; color:#6e6d6d; } .info4_b li a { color:#6e6d6d; } .info4_b li a:hover { color:#0973d6; } /* End info */ /* End 内页1 */ /* 内页2 */ /* banner_ny2 */ .banner_ny2_bj { background:#dfe1e0; height:211px; margin:0 auto; position:relative; } .banner_ny2 { height:211px; } /* End banner_ny2 */ .ny2 { width:1002px; margin:0 auto; } .ny2_title { height:32px; line-height:32px; padding-top:8px; padding-left:15px; color:#676767; } .ny2_title span { color:#959595; } .ny2_title a { color:#676767; } .ny2_title a:hover { text-decoration:underline; } /* jieshao */ .jieshao { background:#fff; width:704px; } .jieshao_nr1 ,.jieshao_nr2 { border-bottom:1px dotted #dbdbdb; margin:15px 5px 0; padding-bottom:20px; } .jieshao_nr2 { border-bottom:none; } .jieshao_nr_l { border:1px dotted #dbdbdb; width:209px; height:107px; line-height:90px; margin-left:7px; font-size:0; *+font-size:78px; _font-size:78px; text-align:center; display:table-cell; } .jieshao_nr_l span { vertical-align:middle; } .jieshao_nr_l img { vertical-align:middle; } .jieshao_nr_l2 { width:138px; margin-left:7px; font-size:0; text-align:center; } .jieshao_nr_r { width:450px; margin-right:5px; } .jieshao_nr_r_1 { background:url(../img/li_ico2.jpg) no-repeat 0 11px; height:28px; line-height:28px; padding-left:18px; font-size:14px; font-weight:bold; color:#737373; } .jieshao_nr_r_2 { border:1px dotted #dbdbdb; padding:17px; } .jieshao_nr_r_2 p { line-height:19px; color:#737373; text-indent:2em; } .jieshao_nr_r2 { width:534px; margin-right:5px; } .jieshao_nr_r2_1 { background:url(../img/li_ico2.jpg) no-repeat 0 11px; height:28px; line-height:28px; padding-left:18px; font-size:14px; font-weight:bold; color:#737373; } .jieshao_nr_r2_2 { border:1px dotted #dbdbdb; padding:17px; } .jieshao_nr_r2_2 p { line-height:19px; color:#737373; text-indent:2em; } /* End jieshao */ /* liuyan */ .liuyan { background:#fff; width:704px; padding:15px 0 40px; } .liuyan li { padding-top:15px; } .liuyan .span_l { width:125px; height:30px; line-height:30px; margin-right:10px; color:#737373; text-align:right; display:inline-block; vertical-align:text-top; } .liuyan input ,.liuyan textarea { vertical-align:text-top; } /* End liuyan */ /* End 内页2 */ /* foo */ .foo_bj ,.foo { background:url(../img/foo_bj.jpg) repeat-x; } .foo { width:1002px; height:74px; margin:0 auto; text-align: center; } .foo div { height:37px; line-height:37px; color:#dedede; } /* End foo */ /* ADD by zhangml bengin */ .new_info { margin-right: 10px; right: 0px; float: right; display: -webkit-inline-box; } .main_r_mar h5{ vertical-align: middle; margin-top: 10px; } .pagination{ height: 24px; line-height: 24px; margin: 10px auto; text-align: center; } .loadDown{ margin-top: 4px; margin-right: 5px; } .jl{ padding-left: 15px; } .p_r_5{ padding-right: 5px; } /* ADD by zhangml end */ .banner ul{ list-style:none;} .slide{height:768px;} /* 新闻轮播 */ .yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute} .yx-rotation-title{margin-left: 0!important;margin-right: 0!important;position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1} .yx-rotation-t{color:#fff!important;font-size:12px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px;width: 150px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .yx-rotation-focus span,.yx-rotaion-btn span{background:url(../img/ico.png) no-repeat;display:block;} .yx-rotation-focus{height:40px;line-height:40px;right:6px;bottom:0;z-index:2} .yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px} .yx-rotaion-btn{margin-left: 0!important;margin-right: 0!important;width:100%;height:41px;top:44%;margin-top:-20px;} .yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2;position:relative} .yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px} .yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px} .yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8} .yx-rotation-focus span.hover{background-position:-10px -126px} .rotaion_list{width:100%;height:200px;overflow:hidden;} .rotaion_list li{ width: 100%; height: 200px; } .rotaion_list li a{ display: block; } .rotaion_list li a img{ height: 200px; width: 100%; } .main_l{ position: relative; } .main_l .gd a{ top: 15px; right: 14px; color: #0068b7; position: absolute; } .main_l .gd a:hover{ text-decoration: underline; } .xt{ height: 36px; background: #444; } .xt .text{ color: #fff; max-width: 1002px; margin: auto; line-height:36px; font-size: 12px; letter-spacing: 2px; } .xt .text h4{ float: left; } .xt .text p{ color: #fff; float: right; } .xt .text p img{ vertical-align: text-bottom; width: 20px; margin-right: 10px; } /* 新闻样式 */ h2.title { text-align: center; font-size: 24px; color: #333; line-height: 24px; padding-bottom: 24px; position: relative; } h2.title:after { position: absolute; left: 50%; width: 46px; height: 1px; margin-left: -23px; background-color: #0c9; bottom: 0; content: ''; } p.subtitle { margin-top: 18px; text-align: center; font-size: 16px; color: #666; line-height: 30px; } .tab-block { width: 1200px; height: 580px; margin: 50px auto 0; background-color: #FFF; border: 1px solid #e5e5e5 } .tab-block.information-tab { height: 430px } .tab-block.information-tab .tabs { height: 380px } .tab-block .tab-buttons { width: 100%; height: 50px; background-color: #fafafa } .tab-block .tab-buttons .tab-button { width: 33.33333%; float: left; height: 50px; text-align: center; font-size: 16px; color: #999; line-height: 50px; position: relative; cursor: pointer } .tab-block .tab-buttons .tab-button.cur { background-color: #fff; color: #333 } .tab-block .tab-buttons .tab-button.cur:after { content: ''; position: absolute; top: -1px; left: 0; width: 100%; height: 2px; background-color: #034289; } .tab-block .tabs { width: 100%; height: 528px } .tab-block .tabs .tab-item { /* width: 100%; */ height: 100%; padding: 20px; display: none } .tab-block .tabs .tab-item.active { display: block } .information-tab .information-left { width: 500px; height: 340px; overflow: hidden; position: relative; float: left; } .information-tab .information-left img { width: 100%; height: auto } .information-tab .information-left .left-bottom { position: absolute; bottom: 0; left: 0; width: 95%; height: 48px; line-height: 48px; background-color: rgba(0, 0, 0, .5); z-index: 2; color: #fff; padding: 0 14px } .information-tab .information-left .left-bottom .article-title { font-size: 18px; width: 400px; float: left; } .information-tab .information-left .left-bottom .article-time { font-size: 14px; float: right; } .information-tab .information-right { width: 640px; height: 340px; float: right; } .information-tab .information-right .article-list { padding-top: 20px } .information-tab .information-right .article-list .article-link { display: block; padding: 0 20px } .information-tab .information-right .article-list .article-link .article-head span { display: inline-block; vertical-align: middle } .information-tab .information-right .article-list .article-number { width: 20px; height: 20px; text-align: center; line-height: 20px; color: #fff; background-color: #999; font-size: 14px } .information-tab .information-right .article-list .article-title { font-size: 16px; color: #333; line-height: 20px; margin-left: 14px; width: 450px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .information-tab .information-right .article-list .article-time { float: right; font-size: 12px; color: #999; line-height: 20px } .information-tab .information-right .article-list .article-content { margin-top: 10px; padding-left: 44px; width: 450px; font-size: 14px; color: #666; line-height: 26px; display: none } .information-tab .information-right .article-list .article-content p { height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; } .information-tab .information-right .article-list:nth-of-type(1) .article-number, .information-tab .information-right .article-list:nth-of-type(2) .article-number, .information-tab .information-right .article-list:nth-of-type(3) .article-number { background-color: #333 } .information-tab .information-right .article-list.current .article-link { background-color: #fafafc; padding: 20px } .information-tab .information-right .article-list.current .article-number { background-color: #034289!important } .information-tab .information-right .article-list.current .article-title { color: #034289 } .information-tab .information-right .article-list.current .article-content { display: block } .information-tab .information-right .ckxq{ font-size: 14px; padding:20px 0 0 20px; display: block; color: #034289; text-align: right; } .information-tab .information-right h1{ font-size: 22px; margin-top: 10px; } .information-tab .information-right article{ font-size: 14px; line-height: 22px; margin-top: 18px; text-align:justify;//文字左右寚w text-justify:distribute-all-lines;//兼容ie览器文字左叛_?} /* 案例样式 */ .clearfix::after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clearfix { } .cloud-header { padding: 50px 0; width: 1200px; margin: 0 auto; position: relative; } .cloud-header h3 { font-weight: normal; text-align: center; margin-bottom: 24px; color: #333; } .cloud-header h3 em { display: block; margin-bottom: 14px; font-style: normal; font-size: 30px; } .cloud-header h3 span { font-size: 16px; opacity: .6; } .cloud-wrapper .cloud-card { float: left; padding: 20px; cursor: pointer; min-height: 260px; background: transparent; width: calc(33% - 38px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-decoration: none; } .cloud-card-image { height: 200px; overflow: hidden; position: relative; } .cloud-card-text { margin-top: 10px; color: #666; font-size: 16px; line-height: 24px; } .cloud-card-image-back { width: 100%; height: 200px; background: url(../img/cloud001.png) no-repeat center; background-size: cover; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease,-webkit-transform .5s ease; } .cloud-card-image .cloud-card-image-back { z-index: 0; position: absolute; } .cloud-card-image-title { width: 100%; color: #fff; text-align: center; font-size: 24px; line-height: 200px; position: absolute; z-index: 1; } .cloud-wrapper .cloud-card:hover .cloud-scale { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2) } .cloud-wrapper .cloud-card:hover { background: #fff; -webkit-box-shadow: 0 0 25px rgba(186, 204, 207, 0.7); -moz-box-shadow: 0 0 25px rgba(186, 204, 207, 0.7); box-shadow: 0 0 25px rgba(186, 204, 207, 0.7); } .cloud-card-image-back01 { width: 100%; height: 200px; background: url(../img/cloud001.png) no-repeat center; background-size: cover; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease,-webkit-transform .5s ease; z-index: 0; position: absolute; } .cloud-card-image-back02 { width: 100%; height: 200px; background: url(../img/cloud001.png) no-repeat center; background-size: cover; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease,-webkit-transform .5s ease; z-index: 0; position: absolute; }