/*Top001816*/ .Top001816{ width:100%; z-index:100;} .Top001816 .header-bottom{background:#fff;} .Top001816 .header{ height:95px;} .Top001816 .header-left{float:left;display:table;height:100%;width: 13%;max-width:155px;} .Top001816 .header-left .logo{ display:table-cell; vertical-align:middle;} .Top001816 .header-left .logo img{ max-height:100%;} .Top001816 .header-right, .Top001816 .header-mid{ float:right;} .Top001816 .header-right{padding-top:34px;width: 7%;} .Top001816 .header-menu li{ width:auto !important;} .Top001816 .header-menu li em{ position:relative; padding:33px 5px;} .Top001816 .header-menu li em::after{ position:absolute; content:''; width:1px; height:12px; background:#d6d6d6; right:0; top:50%; margin-top:-6px;} .Top001816 .header-menu li:last-child em::after{ display:none;} .Top001816 .header-menu li a{color:#195392;} .Top001816 .header-menu li em a{ position:relative; font-size:16px; line-height:28px;padding:0 15px; margin:0 10px;border-radius:28px;} .Top001816 .header-menu li em a::after{display:none; content:'';position:absolute; border:6px solid transparent; border-top-color:#84b3db; border-bottom:0; left:50%; margin-left:-6px; bottom:-6px;} .Top001816 .header-menu li em a:hover, .Top001816 .header-menu li.hover em a{ background:#84b3db;color:#e6ecf2;} .Top001816 .header-menu li:hover em a::after, .Top001816 .header-menu li.aon em a::after{ display:block;} .Top001816 .header-menu li .sub{ background:#84b3db;} .Top001816 .header-menu li .sub-menu{padding:5px; } .Top001816 .header-menu li .sub-menu dt{line-height:35px;text-align:center;} .Top001816 .header-menu li .sub-menu dt a{border-bottom:1px dotted rgba(255,255,255,0.4); color:#fff; padding:0;} .Top001816 .header-menu li .sub-menu dt a:hover{ color:#195392;background:none;} .Top001816 .header-menu li .sub-menu dt:last-child a{ border-bottom:0;} @media(max-width:1024px){ .Top001816 .header-left{ width:50%;} .Top001816 #open_menu, .Top001816 .login{ float:left } .Top001816 #open_menu{width:42px; height:30px; position:relative; border-radius:5px;} .Top001816 #open_menu i{ left:15%; width:70%; top:50%; margin-top:-1.5px; height:3px;} .Top001816 #open_menu i, .Top001816 #open_menu i::before, .Top001816 #open_menu i::after{background-color:#86a5c6; } .Top001816 #open_menu.open_menu_on{background-color:#86a5c6;} .Top001816 #open_menu.open_menu_on i{left:20%; width:60%; } .Top001816 #open_menu.open_menu_on i::before, .Top001816 #open_menu.open_menu_on i::after{background-color:#fff;} .Top001816 #header-menu{position:fixed; left:0; top:0; height:100%;width:70%;max-width:300px; background-color:#fff; border-right:1px solid #86a5c6; box-shadow:0 0 10px #0c2b4c; padding-top:5%; transform:translateX(-100%); opacity:0; transition:0.3s;} .Top001816 #header-menu.header-menu-show{transform:translateX(0); opacity:1; z-index:999;} .Top001816 #header-menu ul{ padding:0 5%;} .Top001816 #header-menu li{ margin-bottom:10px;} .Top001816 #header-menu li em a{ font-size:14px; color:#e6ecf2; font-weight:normal; padding:5%; background:#86a5c6; line-height:normal; border-radius:50px;} .Top001816 #header-menu li .sub{ background:rgba(230,237,244,0.8); border-radius:22px; text-align:center;} .Top001816 #header-menu li .sub-menu dt a{ color:#195392;border-bottom:1px dotted #7a94b8;} .Top001816 #header-menu li .sub-menu dt:last-child a{ border-bottom:0;} } .Top001816 .login{ position:relative; z-index:99;margin-left:15px;} .Top001816 .login .a_login{background:url(../images/login_icon.png) no-repeat center center; width:25px; height:25px; display:block;} .Top001816 .login .Sign{display: block;float: left;position: absolute;top: -8px;left: 37px;} .Top001816 .login .register{display: block;float: left;position: absolute;top: 14px;left: 38px;} .Top001816 .login #a1, .Top001816 .login #a2{display: block;float: left;position: absolute;} .Top001816 .login #a1{ top:-8px; left:37px; } .Top001816 .login #a2{ top:14px; left:38px } @media(max-width:480px){ .Top001816 .header{ height:68px;} } /* .Banner002345 涓篸emo缂栧彿 */ .Banner002345{ position: relative; overflow: hidden;} .Banner002345 .bx-wrapper{ position:relative; z-index:1;} .Banner002345 .bx-viewport{ z-index:1;} .Banner002345 li a{ display:block; } .Banner002345 li img{ display:block; width:140%; position: relative; left: -20%; max-width: none; } .Banner002345 .bx-pager{margin:0 auto; text-align:center;position:absolute; left:0; width:100%; bottom:20px; z-index:10;} .Banner002345 .bx-pager div{ display:inline-block; width: 20px; height: 20px; padding: 6px; overflow: hidden;} .Banner002345 .bx-pager div a{ display:block; width:8px; height:8px; position: relative; background-color:#FFFFFF; -moz-opacity:0.8; opacity: 0.8; filter:alpha(opacity=80); border-radius:100%; text-indent: 9999px; transition: all .5s ease-in-out;} .Banner002345 .bx-pager div a:after{ content:""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-radius: 50%; display: block; opacity: 0;transition: all .3s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;} .Banner002345 .bx-pager div a.active{position: relative;} .Banner002345 .bx-pager div a.active:after{ opacity: 1;left: -5px; top: -5px; width: 18px; height: 18px;border: 1px solid #fff;} .Banner002345 .bx-controls-direction{ display: none;} @media(max-width:1200px){ .Banner002345 .bx-pager{ display:none;} } @media(min-width:768px){ .Banner002345 li img.Mobile{ display:none} .Banner002345 li img{width:100%; left: 0; max-width: 100%;} .Banner002345 .bx-controls-direction{ display: block;} .Banner002345 .bx-controls-direction a {position:absolute; top:50%; z-index: 6; text-indent: 99999px; overflow: hidden; margin-top:-25px; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms; background: #fff;} .Banner002345 .bx-controls-direction .bx-prev {left:-50px;background:url(../images/Banner002345-prev.png) no-repeat 0 0;} .Banner002345 .bx-controls-direction .bx-next {right:-50px;background:url(../images/Banner002345-next.png) no-repeat 0 0;} .Banner002345 .bx-controls-direction.on .bx-prev {left:120px;} .Banner002345 .bx-controls-direction.on .bx-next {right:120px;} } /* .Floor000881 涓篸emo缂栧彿 */ .Floor000881{ position:relative; width:100%; z-index:99; margin:2% 0 } .Floor000881 .list_copy{ display:none;} .Floor000881 .bx-viewport{ z-index:1;} .Floor000881 .list_scroll li{ text-align:center; position:relative; background:#fff; border-radius:5px; overflow:hidden;} .Floor000881 .list_scroll li .Ispic{ display:block; border:#fff solid 6px; border-bottom:1px solid #efefef; padding-bottom:40%; background-size:contain } .Floor000881 .list_scroll li p{ margin:0; font-size:15px; line-height:40px; background-color:#fff; padding:0 15px; } .Floor000881 .list_scroll li:hover p{ background-color:#84b3db;} .Floor000881 .list_scroll li:hover p a{ color:#fff;} .Floor000881 .bx-wrapper{ position:relative;} .Floor000881 .bx-pager{ display:none;} .Floor000881 .bx-controls-direction a{ position:absolute; width:35px; height:35px; top:50%; margin-top:-10px; overflow:hidden; line-height:200px; z-index:10;} .Floor000881 .bx-controls-direction a.bx-prev{ left:-45px; background:none;} .Floor000881 .bx-controls-direction a.bx-next{ right:-45px; background:none;} .Floor000881 .bx-controls-direction a::before, .Floor000881 .bx-controls-direction a::after{ position:absolute; content:''; width:15px; height:2px; background-color:#333333; left:0; } .Floor000881 .bx-controls-direction a::before{ transform:rotate(-45deg);top:4px;} .Floor000881 .bx-controls-direction a::after{ transform:rotate(45deg);top:14px;} .Floor000881 .bx-controls-direction a.bx-next::before{ transform:rotate(45deg); left:auto; right:0;} .Floor000881 .bx-controls-direction a.bx-next::after{ transform:rotate(-45deg); left:auto; right:0;} .Floor000881 .bx-controls-direction.on .bx-prev {left:-45px;} .Floor000881 .bx-controls-direction.on .bx-next {right:-45px;} @media(max-width:1200px){ .Floor000881 .bx-controls-direction a.bx-prev{ left:5px;} .Floor000881 .bx-controls-direction a.bx-next{ right:5px;} .Floor000881 .bx-controls-direction a::before, .Floor000881 .bx-controls-direction a::after{ background-color:#84b3db } } /* .Bottom002261 涓篸emo缂栧彿 */ .Bottom002261{ background:#ebf1f6; padding:20px 0; font-size:14px; line-height:24px;} .Bottom002261 dl{padding:5px 0;} .Bottom002261 dt{ float:right;} .Bottom002261 dt .links{position:relative;width:160px; margin:0 auto; z-index:100 } .Bottom002261 dt .links:before, .Bottom002261 dt .links span:after{ position:absolute; content:''; } .Bottom002261 dt .links:before{width:24px; height:24px; right:0; top:0;background-color:#84b3db; opacity:0.5; z-index:2;} .Bottom002261 dt .links span{ cursor:pointer; display:block; line-height:24px; padding:0 25px 0 10px; background-color:rgba(0,0,0,0.1);} .Bottom002261 dt .links span:after{ width:0; height:0; border:5px solid transparent; border-top-color:#fff; right:5px; top:10px; z-index:5;} .Bottom002261 dt .link_box{ position:absolute; left:0; bottom:100%; width:100%; border:1px solid #43494e; background-color:#2d3134; display:none; z-index:50;} .Bottom002261 dt .links:hover .link_box{ display:block;} .Bottom002261 dt .link_box a{ display:block; line-height:22px; padding:5px 10px;} .Bottom002261 dt .link_box a:hover{ background-color:#43494e; color:#fff;} .Bottom002261,.Bottom002261 a{ color:#195392;} .Bottom002261 a:hover{ color:#fff;} .Bottom002261 dd a{display:inline-block;} .Bottom002261 dd i{ margin:0 10px; display:inline-block;width:2px; height:7px; border-right:1px dotted #c9af8f;} @media(max-width:767px){ .Bottom002261{ text-align: center;} .Bottom002261 dt{ float:none;} .Bottom002261 dt figure{ margin:0 auto 10px; text-align: left;} .Bottom002261 dl{ padding:0;} } /* .Banner001745 涓篸emo缂栧彿 */ .Banner001745 div{ height: 300px;background-position: center;background-repeat: no-repeat;} @media(max-width:1000px){ .Banner001745 div{ height: 150px;} } /* .Location002308 涓篸emo缂栧彿 */ .Location002308{ padding:10px 0; padding-bottom:2%;} .Location002308 dl{padding:10px 0; line-height:30px; border-bottom:#e5e5e5 1px solid;} .Location002308 em{ font-style:normal;color: #999; float:right; background:url(../images/Location002308-icon.png) no-repeat right center; padding-right:15px;} .Location002308 em span{ color:#333;} .Location002308 em a{ position:relative; padding-right:15px; margin-right:10px;color: #999;} .Location002308 em a:first-child{ margin-left: 5px;} .Location002308 em a:hover{ color: #87b2c7;} .Location002308 em a:before{ position:absolute; content:''; right:0; border-top:4px solid transparent;border-bottom:4px solid transparent; border-left:5px solid #a1a1a1; top:50%; margin-top:-4px;} .Location002308 dl dd{ float: left;} .Location002308 dl dd span{ display: inline-block; position: relative; font-weight: bold; font-size: 16px; color: #333;} .Location002308 dl dd span:after,.Location002308 dl dd span:before{ content: ""; position:absolute; display: block; background-color: #87b2c7;} .Location002308 dl dd span:after{left: 0; bottom: -10px; height: 2px; width: 100%; } .Location002308 dl dd span:before{left: -10px; top: 50%; margin-top: -2px; width: 4px ; height: 4px;} @media(max-width:1200px){ .Location002308 dl{ padding:0 2%;} } @media(max-width:640px){ .Location002308 em{ display:none;} .Location002308 dl dd span:after{bottom: -1px;} } /*Menu002517 */ .Menu002517{ box-shadow:0 6px 20px rgba(0,0,0,0.3);} .Menu002517 .side-title{ background:url(../images/Menu002517_titlebg.jpg) repeat-x left bottom; background-size:auto; text-align:center; font-size:24px; color:#fff; } .Menu002517 .side-title span{ display:block; font-size:14px; text-transform:uppercase; padding-top:5px;} @media(min-width:1025px){ .Menu002517 .side-title{padding-top:56px; height:150px;} .Menu002517 .side-title span{ color:#fff; opacity:0.4;} .Menu002517{position:relative;} } .Menu002517 .side-menu li{ border-bottom:1px solid #ececec;} .Menu002517 .side-menu li a{ display:block; position:relative; color:#195392; font-size:15px; padding:0 28px; line-height:47px; transition:0.2s;} .Menu002517 .side-menu li a::before{ opacity:0;position:absolute; content:''; width:5px; height:5px; background:#fff; left:0; top:50%; margin-top:-2.5px; border-radius:50%;transition:left 0.2s;} .Menu002517 .side-menu li a:hover::before, .Menu002517 .side-menu li.on a::before{ opacity:1; left:14px;} .Menu002517 .side-menu li a:hover, .Menu002517 .side-menu li.on a{ background:#84b3db; box-shadow:inset 3px 3px 20px rgba(0,0,0,0.1); color:#fff;} @media(max-width:1024px){ .Menu002517 .side-title{ padding:10px 0;} .Menu002517 .side-menu{ display:none;} /*绉诲姩绔 婊氬姩瀵艰埅*/ .Menu002517 #side-menu .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;} .Menu002517 #side-menu .owl-stage-outer{ position:relative; overflow:hidden;} .Menu002517 #side-menu .owl-stage{position:relative;touch-action: manipulation;} .Menu002517 #side-menu{ background:#fff; padding:0 20px; position:relative;} .Menu002517 #side-menu li a{ float:left; line-height:50px; padding:0 30px;} .Menu002517 #side-menu li.aon a{background:#84b3db; box-shadow:inset 3px 3px 20px rgba(0,0,0,0.1); color:#fff;} .Menu002517 #side-menu .owl-nav button{ position:absolute; top:0; height:100%; width:18px; border:none; background:#84b3db; box-shadow:inset 3px 3px 20px rgba(0,0,0,0.1); color:#fff; cursor:pointer; padding:0; font-size:24px;} .Menu002517 #side-menu .owl-nav button.owl-prev{ left:0;} .Menu002517 #side-menu .owl-nav button.owl-next{ right:0;} .Menu002517 #side-menu .disabled{ display:none;} } @media(max-width:480px){ .Menu002517 #side-menu li a{padding:0 20px;} } /* .PicList001302 涓篸emo缂栧彿 */ .PicList001302{} .PicList001302 li{ float:left; width:23.5%; margin-right:2%; position:relative; margin-bottom:2%;} .PicList001302 li:nth-child(4n){ margin-right:0;} .PicList001302 li a{ position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid transparent; z-index:10;} .PicList001302 li figure{ padding:4px; position:relative; border:1px solid #dfdfdf;} .PicList001302 li figure div{ padding-bottom:69%; background-size:contain;} .PicList001302 li figure dl{ position:absolute; left:0; top:0; width:100%; height:100%;background:rgba(132, 179, 219, 0.9); opacity:0; transition:0.3s;} .PicList001302 li figure dl span{ position:absolute; left:0; width:100%; color:#fff; text-align:center; top:70%; transition:0.3s;} .PicList001302 li figure dl span::before{ position:absolute; content:''; width:16px; height:1px; background-color:#fff; left:50%; margin-left:-8px; bottom:-10px;} .PicList001302 li:hover figure dl{ background-position:center 35%;opacity:1;} .PicList001302 li:hover figure dl span{top:40%; } .PicList001302 li p{ margin:10px 0; line-height:24px; height:24px; overflow:hidden; text-align:center;} @media(max-width:480px){ .PicList001302 li{ width:49%;} .PicList001302 li:nth-child(3n){ margin-right:2%;} .PicList001302 li:nth-child(2n){ margin-right:0;} } /* .Page002274 涓篸emo缂栧彿 */ .Page002274{ text-align:center; padding:1% 0 60px;color:#666666;} .Page002274 *{ vertical-align:middle;} .Page002274 .Pages .p_cur, .Page002274 .Pages .p_count, .Page002274 .Pages .p_total{ display:none;} .Page002274 .Pages a{ display:inline-block; padding: 0 15px; line-height:37px; background-color: #eef0f1; color:#666666; margin-left:5px;} .Page002274 .Pages a:hover, .Page002274 .Pages a.a_cur{ color:#fff; background-color:#84b3db;} .Page002274 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;} .Page002274 .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;} .Page002274 .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;} .Page002274 .Pages .p_jump b{font-weight:normal; margin:0 5px;} .Page002274 .Pages .a_prev,.Page002274 .Pages .a_next{ font-family: 瀹嬩綋; font-weight: bold; padding:0 25px; } @media(max-width:1000px){ .Page002274 .Pages em{ display:none;} } @media(max-width:640px){ .Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end{ display:none;} .Page002274 .Pages a{ padding:0 10px;} } /* .TextList002192 涓篸emo缂栧彿 */ .TextList002192 li{ border-bottom:1px solid #e3e3e3; padding-bottom:2%; margin-bottom:2%; position:relative; min-height:102px;} .TextList002192 li h2{ color:#444; font-size:16px; margin:0; position:relative; padding-right:70px; font-weight:normal;} .TextList002192 li h2 span{ display:block;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;} .TextList002192 li h2 .more{ position:absolute; right:0; top:0; text-transform:uppercase; font-weight:normal; font-size:14px;} .TextList002192 li h2 a{transition: .3s ease-out; color:#444;} .TextList002192 li h2 a:hover{ color:#84b3db;} .TextList002192 li p{ color:#888; font-size:14px; line-height:24px; margin:15px 0 0; max-height:48px; overflow:hidden;} /*鍏徃绠€浠?/ /* .RighInfo002228 涓篸emo缂栧彿 */ .RighInfo002228{ padding:3% 0;} .RighInfo002228 .auto{ max-width:960px;} .RighInfo002228 .single-header{ text-align:center;} .RighInfo002228 .single-header h1{ color:#333; font-size:20px; margin:0 0 10px 0; font-weight:normal;} .RighInfo002228 .single-header h3{color:#84b3db; font-size:16px; margin:0; font-weight:normal; position:relative;} .RighInfo002228 .single-header h3:after{ content:""; display:block; height:1px; background-color:#ddd; width:100%; z-index:1; margin-top:15px;} .RighInfo002228 .single-header h3 span{ position:relative; z-index:2; padding:0 30px; background-color:#fff;} .RighInfo002228 .single-content{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden; font-size:14px; line-height:24px; color:#666; padding-top:2%;} .RighInfo002228 .single-content p{ text-indent:2em; margin:0; padding:10px 0;line-height: 30px;font-size: 15px;} .RighInfo002228 .single-content .no-textindent{ text-indent:0;} .RighInfo002228 .fr{ float:none;} .RighInfo002228 .col2+.col2{ margin-top:10px;} @media(max-width:950px){ .RighInfo002228 .auto{ padding:0 2%;} } @media screen and (min-width:465px){ .RighInfo002228 .col2{ width:48%;} .RighInfo002228 .fr{ float:right;} .RighInfo002228 .col2+.col2{ margin-top:0;} } @media screen and (min-width:768px){ .RighInfo002228 .single-header h1{ font-size:24px;} .RighInfo002228 .single-header h3{ font-size:18px;} .RighInfo002228 .single-content p{ padding:15px 0;} .RighInfo002228 .single-header h3:after{ background-color:#ddd; position:absolute; top:50%; z-index:1; margin-top:0;} } @media screen and (min-width:1024px){ .RighInfo002228 .single-header h1{ font-size:30px;} } /*缁勭粐鏋舵瀯*/ .RighInfo002238{ padding:3% 0; text-align: center;} /*鑽ｈ獕璧勮川*/ /* .PicList002239 涓篸emo缂栧彿 */ .PicList002239{ padding:3% 0;} .PicList002239 li{ border-bottom: 1px solid #e3e3e3; margin-bottom: 3%; float:left; } @media(min-width:769px){ .PicList002239 li{margin-right:5%; width:30%; } .PicList002239 li:nth-child(3n){ margin-right:0;} } .PicList002239 li .Ispic{ padding-bottom:68%; background-size:contain;} .PicList002239 li dl{ position:relative; margin:0 10px; padding-right:114px; line-height:50px;} .PicList002239 li dd{ position:absolute; right:0; top:0; color: #999;padding-left: 30px; background: url(../images/PicList002239-icon.png) no-repeat left center;} .PicList002239 li dt{font-size: 16px; color: #84b3db;} @media(max-width:768px){ .PicList002239 li{ width:48%; margin-right:4%;} .PicList002239 li:nth-child(2n){ margin-right:0;} } .fancybox-title-float-wrap .child{background: #84b3db!important;} .fancybox-close::before, .fancybox-close::after{background: #84b3db!important;} /*鏈嶅姟澶у巺*/ /* .PicList000671 涓篸emo缂栧彿 */ .PicList000671 *{ -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .PicList000671 .nowrap{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .PicList000671 ul li{ width:32%; float:left; margin:0 2% 2% 0;} .PicList000671 ul li:nth-child(3n){ margin-right:0;} .PicList000671 ul li figure{ padding-bottom:70%; position:relative; background-repeat:no-repeat; background-position: center center; background-size: cover;} .PicList000671 ul li figure a{ position:absolute; display:block; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.3); background-image:url(../images/PicList000671-icon-video.png); background-repeat:no-repeat; background-position: center center;} .PicList000671 ul li figure a:hover{ background-color:transparent} .PicList000671 ul li h5{ font-size:14px; padding:8px 0; margin:0; text-align:center; border-bottom: dashed 1px #c1c1c1;} .PicList000671 ul li time{ display:block; color:#b3b3b3; background:url(../images/PicList000671-icon.png) no-repeat right;} @media screen and (max-width:640px){ .PicList000671 ul li{ width:49%;} .PicList000671 ul li:nth-child(2n){ margin-right:0;} .PicList000671 ul li:nth-child(2n+1){ margin-right:2%;} } /*鏂伴椈涓績*/ /*PicList001912*/ .PicList001912 .columnName{ padding:4% 0; line-height:normal; text-align:center; font-size:61px; color:#87b2c7; text-transform:uppercase;} .PicList001912 .columnName span{ display:block; color:#353535; font-size:30px; padding:10px 0 15px;} .PicList001912 .columnName:after{ display:block; content:''; margin:0 auto; width:40px; height:2px; background-color:#87b2c7;} .PicList001912 li{ margin-bottom:35px; border:1px solid #e3e3e3; padding:4px;} .PicList001912 li div{ background:url(../images/PicList001912-libg.jpg) repeat-x left bottom #fff; padding:2%; overflow:hidden;} .PicList001912 li .pic{ float:left; width:22.5%;} .PicList001912 li .pic img{ display:block; width:100%;} .PicList001912 li figure{ float:right; border-left:1px solid #f3f3f3; width:75%; padding-left:25px;} .PicList001912 li h3{ margin:0; line-height:50px; font-size:16px;} .PicList001912 li h3 span{ float:right; color:#999; font-size:12px; font-weight:normal;} .PicList001912 li p{ line-height:24px; overflow:hidden; height:50px; color:#999;} .PicList001912 li .more{ color:#87b2c7;} @media(max-width:1000px){ .PicList001912 .columnName{ font-size:45px;} .PicList001912 .columnName span{ font-size:24px;} .PicList001912 li h3{ line-height:normal;} .PicList001912 li p{ margin:2% 0; height:48px;} } @media(max-width:640px){ .PicList001912 .columnName{ font-size:35px;} .PicList001912 .columnName span{ font-size:20px;} } @media(max-width:480px){ .PicList001912 li .pic, .PicList001912 li figure{ float:none; width:auto;} .PicList001912 li figure{ border:0; padding-left:0; padding-top:3%;} } /* .TextList001729 涓篸emo缂栧彿 */ .TextList001729{margin-bottom: 3%;} .TextList001729 ol.type{ margin-top:3%;} .TextList001729 .type{display:table; width:100%;} .TextList001729 ol.type{font-size:16px; background-color:#87b2c7; color:#fff;} .TextList001729 .type li{ display:table-cell; vertical-align:middle;text-align:center; padding-top:10px; padding-bottom:10px; line-height:24px;} .TextList001729 ul.type li{cursor:pointer;} .TextList001729 .type li:nth-child(1){width:12%;} .TextList001729 .type li:nth-child(2){ width:11%;} .TextList001729 .type li:nth-child(3){ width:10%;} .TextList001729 .type li:nth-child(4), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(6), .TextList001729 .type li:nth-child(7){width:13%;} .TextList001729 .type li:nth-child(8){ width:15%;} .TextList001729 .type li:nth-child(1), .TextList001729 .type li:nth-child(8){ padding-left:2%; text-align:left !important;} .TextList001729 ul.type li:nth-child(8){background:url(../images/TextList001729-icon_close.png) no-repeat 90% center;} .TextList001729 ul.type#On li:nth-child(8){ background-image:url(../images/TextList001729-icon_open.png);} .TextList001729 .list{border-bottom:1px solid #e5e5e5;} .TextList001729 .list .con{ display:none;border-top:1px solid #e5e5e5; overflow:hidden; font-size:14px; padding:2%;} .TextList001729 .list .con p{font-size:14px;line-height:25px;} .TextList001729 .btn_apply{ padding:10px 0;} .TextList001729 .btn_apply a{display:inline-block;max-width:180px;width:40%;height:50px;line-height:50px;text-align:center;color:#fff;background-color: #87b2c7;font-size:18px;border-radius:3px;} @media(max-width:1000px){ .TextList001729 .type li:nth-child(2), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(6){ display:none;} .TextList001729 .type li{ width:20% !important;} } @media(max-width:768px){ .TextList001729 .type li:nth-child(7){ display:none;} .TextList001729 .type li{ width:24% !important;} .TextList001729 .type li:nth-child(8){ width:28% !important;} } @media(max-width:480px){ .TextList001729 .type li:nth-child(3){ display:none;} .TextList001729 .type li{ width:30% !important;} .TextList001729 .type li:nth-child(8){ width:40% !important;} .TextList001729 ol.type{font-size:15px;} .TextList001729 .btn_apply a{font-size:16px; height:40px; line-height:40px;} .TextList001729 ul.type li:nth-child(8){ background-size:16px auto;} } /*浜烘墠鐞嗗康*/ /* .RighInfo002223 涓篸emo缂栧彿 */ .RighInfo002223{background-color: #fff;} .RighInfo002223 .auto{padding-top: 3%;padding-bottom: 3%;} .RighInfo002223 .pic{margin-top: 20px;} .RighInfo002223 .h3{color:#87b2c7;line-height:1.6;margin:0; font-size: 20px;} .RighInfo002223 .h4{font-size:16px;color:#87b2c7;margin:30px 0px 0 0;} .RighInfo002223 .h3:after,.RighInfo002223 .h4:after{color:#8fb8e1;width:50px;height:2px;background:#8fb8e1;border:none;margin:15px 0px; content: ""; display: block;} .RighInfo002223 .ul{margin: 0;clear: both;width: 28%;float: left;} .RighInfo002223 .ul li{font-size:14px;line-height:2.245;} .RighInfo002223 .ul li span{font-family:Arial;font-size:16px;color:#8fb8e1;font-weight:bold;} .RighInfo002223 p{line-height:2.245;font-size:14px;color:#666;margin:0px 0px 25px;clear:both;text-indent: 2em;} @media screen and (min-width: 1024px){ .RighInfo002223 .h3{font-size: 24px;} .RighInfo002223 .pic{} .RighInfo002223 .con{width:100%;} } @media screen and (min-width: 768px){ .RighInfo002223 .h3:after,.RighInfo002223 .h3:after{ margin: 25px 0;} .RighInfo002223 .h4{font-size:18px; margin-top: 55px;} .RighInfo002223 .pic{ text-align: center; float: right; width: 70%; } .RighInfo002223 .con{} } /*PicList002149 */ /*PicList002149 */ .PicList002149{ padding-top:2%;} .PicList002149 .auto{ max-width:1600px;} .PicList002149 h3{ margin:0; font-size:18px;} .PicList002149 p{ line-height:26px; overflow:hidden; color:#999; height:52px; margin:2% 0 0 0;} .PicList002149 ol{ background-color:#fafafa; margin-bottom:2%; position:relative; padding-left:36.25%;} .PicList002149 ol .Ispic{ width:36.25%; position:absolute; left:0; top:0; height:100%;} .PicList002149 ol .Ispic img{ display:none;} .PicList002149 ol div{ padding:5% 10% 3% 5%;} .PicList002149 ol h3 a{ color:#8fb8e1;} .PicList002149 ol time{ display:block; padding:3% 0;} .PicList002149 ol p{ margin:0 0 3% 0; height:78px;} .PicList002149 ol span{display:inline-block;width:130px;line-height:40px;text-align:center;color:#fff;background: #8fb8e1;font-size:12px;} .PicList002149 li{overflow:hidden;padding-left: 140px;padding-right:58px;position:relative;margin-bottom:2%;background-color:#fafafa;} .PicList002149 li:after{ position:absolute; content:''; right:0; top:0;width:58px; height:100%; background:url(../images/PicList002149-more.png) no-repeat center center; border-left:2px solid #fff;} .PicList002149 li div{border-left:1px solid #ededed; padding:2% 3%;} .PicList002149 li time{position:absolute;left:0;top:0;width: 130px;height:100%;background: #8fb8e1;} .PicList002149 li time span{position:absolute;width:100%;text-align:center;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);color: #fff;font-size: 15px;} .PicList002149 li time i{font-style:normal;font-size: 35px;color: #fff;display:block;font-family:"Courier New", Courier, monospace;line-height: 29px;} .PicList002149 li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;} @media(max-width:1000px){ .PicList002149 li{padding-left:100px;padding-right:30px;} .PicList002149 li:after{width:30px; background-size:35% auto;} .PicList002149 li time{width:100px;} .PicList002149 li time span{font-size:14px;} .PicList002149 li time i{font-size:40px;line-height:30px;} } @media(max-width:768px){ .PicList002149 h3{ font-size:16px;} } @media(max-width:640px){ .PicList002149 ol{ padding-left:0;} .PicList002149 ol .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;} .PicList002149 ol div{ padding:3%;} } @media(max-width:480px){ .PicList002149 li{padding-left:80px;padding-right:0;} .PicList002149 li:after{ display:none;} .PicList002149 li time{width:80px;} .PicList002149 li time span{font-size:12px;} .PicList002149 li time i{font-size:30px;} .PicList002149 h3{ font-size:14px;} .PicList002149 p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;} .PicList002149 ol p{ height:60px;} } /*鍏充簬瀛愬叕鍙?/ /* .PicList000762 涓篸emo缂栧彿 */ .PicList000762{ padding-top:2%;} .PicList000762 li{ float:left; width:32%; margin-right:2%; margin-bottom:3%; } .PicList000762 li:nth-child(3n){ margin-right:0;} .PicList000762 li a{ display:block; background-color:#f8f8f8;transition:all ease-in-out 0.3s;} .PicList000762 li h2{ margin:0; font-size:16px; color:#333; text-align:center; padding:3% 2%; font-weight: normal;} .PicList000762 li figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:52%;} .PicList000762 li a:hover{ background-color:#87b2c7; } .PicList000762 li a:hover h2{color:#fff;} @media(max-width:640px){ .PicList000762 li{width:49%;} .PicList000762 li:nth-child(3n){ margin-right:2%;} .PicList000762 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000762 li h2{font-size:14px;} } /*鏀跨瓥娉曡*/ /* .TextList002192 涓篸emo缂栧彿 */ .TextList002192{ padding:5% 0 0;} .TextList002192 .tit{ font-size:30px; font-weight:normal; color:#333; margin:0 0 30px; line-height:28px; text-align:center;} .TextList002192 .tit span{ position:relative; } .TextList002192 .tit span i{ font-size:27px; color:#333; width:2px; font-style:normal; position:absolute; left:8px; top:4px;} .TextList002192 .tit span i:last-child{ right:13px; left:auto;} .TextList002192 .tit em{ font-style:normal; text-transform:uppercase; color:#999; font-family:Arial; display:block; font-size:14px;} .TextList002192 li{border-bottom:1px solid #e3e3e3;padding-bottom:3%;margin-bottom:3%;position:relative;min-height:102px;} .TextList002192 li time{ display:block; border:1px solid #e3e3e3; width:105px; height:102px; text-align:center; position:absolute; top:0; left:0; color:#888; line-height:1.4;} .TextList002192 li time span{ display:block; border-bottom:1px solid #e3e3e3; font-size:50px; margin-bottom:5px;} .TextList002192 li h2{ color:#444444; font-size:16px; margin:0; position:relative; padding-right:70px;} .TextList002192 li h2 span{ display:block;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;} .TextList002192 li h2 .more{ position:absolute; right:0; top:0; text-transform:uppercase; font-weight:normal; font-size:14px;} .TextList002192 li h2 a{transition: .3s ease-out;color: #84b3db;font-size: 16px;} .TextList002192 li h2 a:hover{ color:#e50014;} .TextList002192 li p a{color:#888;font-size:14px;line-height: 25px;margin:15px 0 0;max-height: 50px;overflow:hidden;} /*涓撳椋庨噰*/ /* .PicList001647 涓篸emo缂栧彿 */ .PicList001647 {margin-bottom: 3%;} .PicList001647 li{float:left;margin-right:3%;width: 31%;margin-top:2%;margin-bottom:2%;} .PicList001647 li figure{ position:relative;} .PicList001647 li figure img{ width:100%;} .PicList001647 li a.Ispic{ padding-bottom:113%; display:block; background-size:contain;} .PicList001647 li *{margin:0;} .PicList001647 li p{ font-size:12px; color:#999; height:40px; overflow:hidden; line-height:20px;} .PicList001647 li h1{ font-size:18px; font-weight:normal; padding-top:5%; padding-bottom:3%;} @media(min-width:641px){ .PicList001647 li:nth-child(3n){ margin-right:0;} .PicList001647 li:nth-child(3n+1){ clear:left;} } @media(max-width:640px){ .PicList001647 li{ float:left; margin-right:2%; width:49%;} .PicList001647 li:nth-child(2n){ margin-right:0;} .PicList001647 li:nth-child(2n+1){ clear:left;} .PicList001647 li h1{ font-size:16px;} } /*鐧诲綍椤甸潰*/ /* .Form002335 涓篸emo缂栧彿 */ .Form002335{margin: 3% 0;} .Form002335 .wrap-container{ position: relative; display: table; width: 100%;} .Form002335 .pic{ width: 50%; display: table-cell;} .Form002335 .pic img{ width: 100%;} .Form002335 .box{ background: #fff; display: table-cell; width: 50%;vertical-align: middle; padding: 0 5%; border: 5px solid #84b3db; border-left: none;} .Form002335 .box-inner{ max-width: 345px; margin: 0 auto; } .Form002335 .tab{ text-align: center; line-height: 1; border-bottom: 1px solid #d7d7d7; padding-bottom: 20px; margin-bottom: 20px;} .Form002335 .tab a{ display: inline-block; margin: 0 10%; color: #b9b9b9; font-size: 18px; position: relative;} .Form002335 .tab a.on{ color: #333;} .Form002335 .tab a.on:after,.Form002335 .tab a.on:before{content:""; position: absolute; left: 50%; bottom: -20px; width: 0; height: 0; z-index: 3;border-style: dashed dashed solid dashed ; margin-left: -4px;} .Form002335 .tab a.on:after{ border-color: transparent transparent #d7d7d7 transparent; border-width:0 8px 10px 8px; } .Form002335 .tab a.on:before{border-color: transparent transparent #fff transparent; border-width:0 7px 9px 7px; bottom: -21px; z-index: 4; margin-left: -3px;} /*.Form002335 .con>div{ display: none;}*/ .Form002335 .con>div.loginbox{ display: block;} .Form002335 .row{ margin-bottom: 15px;} .Form002335 .row .text{ border: 1px solid #e4e4e4; border-radius: 3px; background: #fff; font-size: 14px; color: #b5b5b5; line-height: 24px; width: 100%; padding: 10px;} .Form002335 .row .focus{ border-color:#84b3db; color: #333;} .Form002335 dl{ text-align: left; margin: 20px 0;} .Form002335 dl a{ position: relative;} .Form002335 dl .checkbox{ position: relative; top: 2px;} .Form002335 dl .forgetbtn{ float: right;} .Form002335 .btn{ background: #84b3db; width: 100%; display: block; height: 44px; line-height: 44px; text-align: center; color: #fff; font-size: 16px; margin-top: 20px; border: none; border-radius: 0; cursor: pointer;} .Form002335 .registerbox dl{ text-align: right; color: #737373;} @media only screen and (max-width:1000px) and (min-width:768px) { .Form002335 .row .text{ padding: 5px 10px;} .Form002335 .btn{ height: 35px; line-height: 35px; margin-top: 10px;} .Form002335 dl{ margin: 10px 0;} .Form002335 .row{ margin-bottom: 10px;} } @media only screen and (max-width:767px ) { .Form002335 .pic{ display: none;} .Form002335 .box{ width: 100%; padding-top:10%; padding-bottom:10%; border: none;} } /*寮圭獥*/ .tanchuangbg{position: fixed;top: 0;background: rgba(0, 0, 0, 0.56);width: 100%;height: 100%;display: none;z-index: 100;} .downform h3{color: #333333;text-align: center;margin-bottom: 50px;} .downform{width: 330px;height: 200px;position: fixed;top: 50%;left: 50%;margin-top: -100px;margin-left: -165px;background: #ffffff;display:none;border-radius: 8px;padding: 2%;} .downform p .querenbtn{background: #84b3db;border: none;color: #fff;width: 90px;height: 33px;border-radius: 5px;float: left;margin-right: 10px;cursor: pointer;} .downform p .closeform{background: #84b3db;border: none;color: #fff;width: 91px;height: 33px;border-radius: 5px;display: block;float: right;text-align: center;line-height: 33px;} /* 鍙嬫儏閾炬帴鍒楄〃鏍峰紡 寮€濮 */ .i_list{ position:relative } .i_list ul li.link{ width:204px; height:165px; float:left; margin-right:28px; margin-bottom:15px; overflow:hidden;} .i_list ul li.link a img{ background:#fff; width:200px; height:120px; padding:1px; border:solid 1px #ccc;} .i_list ul li.link a{ font:normal 12px/30px "瀹嬩綋"; display:block; color:#666; text-align:center;} .i_list ul li.link a:hover{ color:#28a6fb;} /* 鍙嬫儏閾炬帴鍒楄〃鏍峰紡 缁撴潫*/ .news-list{ position:relative;padding-top: 30px;} .news-list li{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #c3c3c3; list-style:none } .news-list li a{ font-size:14px;} .news-list li span{ float:right;} .Info_title{ padding:0px; margin:5px 0px; font-size:18px; color:#84b3db; text-align:center; line-height: 32px;} .Info_time{ padding:0px; margin:0px; font-size:12px; font-weight:normal; text-align:center; background:url(../images/Icon_line.jpg) repeat-x left top;} .Info_time{ color:#666; line-height:34px;} .Info_img{ text-align:center; margin-top:20px;} .Info_txt{ padding:10px 0; line-height:28px;} .Info_back{ text-align:center; font-size:12px; font-weight:normal; padding:15px 0px;} .Info_back a{ color:#ef2e25; text-decoration:underline;} .Info_back a:hover{ color:#ef2e25; text-decoration:none;} .Info_page a{ color:#7a7a7a; line-height: 24px; } .fixed{ width:100%; height:100%; position:fixed; left:0; top:0; background:#949494; z-index:999999 } input::-webkit-input-placeholder { color: #b5b5b5; } #side-menu .owl-item li.on a{ color:#47a0ec } @media only screen and (max-width:1024px ) { .Top001816 .header-right{ width:auto; position:relative; padding-top:0; top:50%; transform:translateY(-50%); } .Top001816 .header-right::after{ content:" "; display:block; height:0; clear:both } .Top001816 .login .a_login{ display:none } .Top001816 .login .Sign, .Top001816 .login .register{ position:relative; top:0; left:0; float:none } #side-menu .owl-nav{ display:none } } @media(max-width:768px){ .Banner002345 li img{ width:100%; left:inherit } .Banner002345 li img.Mobile{ display:block } .Banner002345 li img.pc{ display:none } } .yingpin_box{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:500; display:none } .Form001518{ width:100%;padding:0 2%; border-radius:3px; overflow:hidden; max-width:870px; margin:0 auto; background:#fff; position:relative; top:50%; transform:translateY(-50%); } .Form001518 #close{ position:absolute;right:2%;width:30px;height:30px;border:2px solid #b7b7b7;border-radius:50%;top:2%;z-index:200; cursor:pointer } .Form001518 #close i{ position:absolute; width:100%; height:2px; top:50%; margin-top:-1px } .Form001518 #close i::before, .Form001518 #close i::after{ position:absolute; left:0; width:100%; height:100%; content:'';transition:transform 0.3s; background:#b7b7b7 } .Form001518 #close i::before{ transform:rotate(45deg);} .Form001518 #close i::after{ transform:rotate(-45deg);} .Form001518 .title{ position:relative; color:#343434; font-size:34px; padding-bottom:5%; background:url(../images/Form001518_tit.png) no-repeat left center/contain; } .Form001518 .title:before{ position:absolute; left:0; bottom:0; width:31px; height:2px; content:""; background:#343434; } .Form001518 dl dt{ padding:3% 0; color:#f5a100; font-size:16px; } .Form001518 dd li{ float:left;width:32%; margin-right:2%;margin-bottom:5px; position:relative;} .Form001518 dd li:nth-child(3n){ margin-right:0;} .Form001518 dd .text{border: 1px solid #dadada;line-height: 46px;height: 46px; width:100%; background:#fff; padding:0 10px;} .Form001518 dd li label{ position:absolute; left:5px; top:0; line-height:46px; display:none } .Form001518 dd li .form_err{position:absolute; right:5px; top:50%; color:#f00; line-height:20px; margin-top: -10px;} .Form001518 dd textarea.text{height:220px;} .Form001518 .btn.first{ margin-right:10px } .Form001518 .btn{ margin: 2% 0; cursor: pointer;border-radius: 5px;background: #005ca2;color: #fff; height: 37px;border: none; font-size:18px; width:40%; max-width:200px;} @media(max-width:768px){ .Form001518 dd li{ float:none; width:auto; margin-right:0 !important;} } @media(max-width:480px){ .Form001518 .title{ font-size:24px;} }