.RighInfo001385 {margin:1% 0 5%} .RighInfo001385 h1{color:#222;font-size: 20px;border-left: 5px solid #0055a2;padding-left:18px;background: #f6f6f6;line-height: 36px;font-weight: normal;} .RighInfo001385 p{line-height: 24px;font-size: 16px;;text-indent: 1.5em} .RighInfo001385 p.t{color: #d40000;margin-bottom: -12px;} .RighInfo001385 .ul{max-width: 700px;margin: 15px 0 0 1.5em;font-size: 16px} .RighInfo001385 .ul li{float: left;width: 50%;line-height: 25px;} /* .RighInfo001277 */ .RighInfo001277{ padding:2% 0;} .RighInfo001277 .list_img{ float:left; width:40%; position:relative;} .RighInfo001277 .big_img{ width:100%; overflow:hidden;} .RighInfo001277 .big_img li, .RighInfo001277 .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%;} .RighInfo001277 .big_img li figure{ border:1px solid #dcdcdc;background-size:contain;} .RighInfo001277 .big_img li{ position: relative; height: 474px;} .RighInfo001277 .list{ padding:0px 0 42px 0; width: 100%;} .RighInfo001277 .list .bd{ position:relative;} .RighInfo001277 .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(../images/RighInfo001277-btn_prev.png) no-repeat center center/auto 50%; cursor:pointer;} .RighInfo001277 .list a.prev{ top:0;} .RighInfo001277 .list a.next{ bottom:0; background-image:url(../images/RighInfo001277-btn_next.png);} .RighInfo001277 .list a.prevStop, .RighInfo001277 .list a.nextStop{ cursor:default;} .RighInfo001277 .list li{ width: 20%; height:130px; position:relative; float: left;} .RighInfo001277 .list li figure{ position:absolute; left:0; width:100%; top:9px; bottom:9px; background-size:contain; border:1px solid #f2f2f2;} .RighInfo001277 .list li.on figure{ border:2px solid #0055a2;} .RighInfo001277 .right_info{ float:right; width:50%;} .RighInfo001277 .right_info h1, .RighInfo001277 .right_info h3{ margin:0;padding:5% 0;border-bottom:1px solid #e7e8e8;} .RighInfo001277 .right_info h1{ padding:7% 0; color:#0055a2; font-size:26px; } .RighInfo001277 .right_info p{line-height:30px; color:#999; margin-bottom:5%;min-height: 280px;} .RighInfo001277 .right_info a{ display:inline-block; border:1px solid #ddd; padding:10px 5%; color:#0055a2; transition:0.4s;margin-right: 4%;} .RighInfo001277 .right_info a.wap{ display: none;} .RighInfo001277 .right_info a:hover{ background-color:#0055a2; color:#fff;} .RighInfo001277 .tab{ padding:3% 0;} .RighInfo001277 .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;} .RighInfo001277 .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#f2f2f3; margin-right:4px; cursor:pointer;} .RighInfo001277 .tab .h1_tab span.on{ background-color:#0055a2; color:#fff;} .RighInfo001277 .tab .info{ padding-top:3%;} .RighInfo001277 .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(../images/RighInfo001277-icon_download.png) no-repeat right center; padding:10px 0;} .RighInfo001277 .ul_download li a{ padding:0 38px; background:url(../images/RighInfo001277-icon.png) no-repeat left center;} @media(max-width:768px){ .RighInfo001277 .list_img, .RighInfo001277 .right_info{ float:none; width:auto; overflow: hidden;} } @media(max-width:640px){ .RighInfo001277 .list li{ height:100px;} .RighInfo001277 .right_info h1{font-size:20px; } .RighInfo001277 .right_info h3{ font-size:16px;} .RighInfo001277 .right_info a.wap{ display: none;} .RighInfo001277 .right_info a.pc{ display: none;} } @media(max-width:480px){ .RighInfo001277 .list{ padding-top:30px; padding-bottom:30px;} .RighInfo001277 .list a{ height:28px;} .RighInfo001277 .list li{ height:80px;} .RighInfo001277 .tab .h1_tab{ font-size:14px;} .RighInfo001277 .tab .h1_tab span{ padding:0 3%;} .RighInfo001277 .big_img{width: 60%;} .RighInfo001277 .list{width: 38%;} .RighInfo001277 .list a.prev, .RighInfo001277 .list a.next{right: 10%;} } .pagebanner{ margin-top:112px; position:relative; z-index:10;} @media(max-width:640px){ .pagebanner{ margin-top: 197px;} } .Other002374{ position:relative; z-index:10; margin-top:112px;} /*Banner001347*/ .Banner001347{ position:relative; z-index:10; margin-top:112px;} .Banner001347 li{ position:relative;} .Banner001347 li a{ position:absolute; width:100%; left:0; top:0; height:100%;} .Banner001347 li img{width:100%;} .Banner001347 li img.pc{ display:block; } .Banner001347 li img.wap{ display:none;} .Banner001347 .bx-pager{ position:absolute; width:100%; left:0; bottom:1em; text-align:center; z-index:10;} .Banner001347 .bx-pager div{ display:inline-block; margin:0 6px;} .Banner001347 .bx-pager div a{ width:25px; height:3px; background:#fff; display:block; overflow:hidden; line-height:1000px;opacity:0.5;} .Banner001347 .bx-pager div a.active{opacity:1; height:5px;} @media(max-width:1200px){ .Banner001347 li img.pc{ display:none;} .Banner001347 li img.wap{ display:block; } } @media(max-width:768px){ .Banner001347 .bx-pager div{ margin:0 2px;} .Banner001347 .bx-pager div a{ width:20px; height:8px; } } @media(max-width:640px){ .Banner001347{ margin-top: 197px;} } /* .Menu000610 */ .Menu000610{ position: relative; padding:2% 0; text-align:center; z-index: 998;} .Menu000610 a{ display:inline-block;padding:0 30px; line-height:36px; border-radius:20px; font-size:16px;background: #f1f1f1; margin:0 12px 2px;} .Menu000610 a:hover, .Menu000610 a.aon{ background-color:#0055a2; border-color:#0055a2; color:#fff;} .Menu000610_fixed { background: #fff; position: fixed; top: 0; left:0; width: 100%; /*max-width: 1200px;*/} .Menu000610_fixed .owl-carousel{ position: relative;} @media(max-width:768px){ .Menu000610 a{ font-size:14px;} .Menu000610 a{ margin-left:2px; margin-right:2px;} } @media(max-width:480px){ .Menu000610 a{ line-height:30px;padding:0 15px; } } /* .PicList000751 */ .PicList000751{ padding:0% 0 0;} .PicList000751 .word{font-size: 16px;text-indent: 2em; padding: 1% 0 2% 0;} .PicList000751 ol{position:relative; overflow:hidden; margin:1% 0;padding: 1%; background: #f8f8f8;} .PicList000751 ol:last-child{border-bottom:0;margin-bottom:0%;padding-bottom:2%;} .PicList000751 ol figure{ float:left; width:22%;} .PicList000751 ol figure a{ display:block; padding-bottom:80%; background-position: center center; background-repeat:no-repeat; background-size:contain; background-color:#fff;} .PicList000751 ol .txt{ float:right; width:72%; padding:2% 0 0;} .PicList000751 ol .txt h1{ font-weight:normal; font-size:22px;} .PicList000751 ol .txt pre{ color:#666; line-height:28px;overflow: hidden; margin:15px 0;} .PicList000751 ol .more{ text-align:left; } .PicList000751 ol .more a{ display:inline-block; padding:5px 18px; color:#fff;background: #0055a2;border-radius: 13px;font-size: 12px;} @media(max-width:1000px){ .PicList000751 ol .txt h1{font-size:20px;} .PicList000751 ol .txt p{ height:72px; overflow:hidden;} } @media(max-width:768px){ .PicList000751 ol time{ width:auto; float:none; padding:0;} .PicList000751 ol time b{ padding:5px 0;} .PicList000751 ol figure{width:35%; padding-top: 3%;} .PicList000751 ol figure a{ border: 1px solid #ccc;} .PicList000751 ol .txt{ width:60%;} .PicList000751 ol .txt pre{ margin: 5px 0; line-height: 22px; height: 36px;} .PicList000751 ol::before{ left:32%;} .PicList000751 ol .txt p{ height:48px;} .PicList000751 ol .more a{ border-radius: 0;} } @media(max-width:480px){ /*.PicList000751 ol figure,*/ /*.PicList000751 ol .txt{width:auto; float:none; padding:2%;}*/ .PicList000751 ol::before{ display:none;} .PicList000751 ol .more a{ border-radius: 0;} } /* .Page002193 */ .Page002193{zoom:1; overflow:hidden; text-align:center; padding:1% 0 4%; text-align:center;} .Page002193 span{ padding:0px 3px; display:inline-block;} .Page002193 a{ display:inline-block; margin:0px 2px; border:1px solid #ededed; padding:0 1em; color:#666; line-height:35px; border-radius:3px;transition: .3s ease-out;} .Page002193 a:hover{ color:#fff; border:1px solid #0055a2; background:#0055a2;} .Page002193 .p_cur,.Page002193 .p_count,.Page002193 .p_total,.Page002193 .p_jump,.Page002193 .a_first,.Page002193 .a_end{ display:none;} .Page002193 .p_cur b{ color:#F00;} .Page002193 .p_count b{ color:#F00;} .Page002193 .p_total b{ color:#F00;} .Page002193 .p_page em{ font-style:normal;} .Page002193 .p_page em a{} .Page002193 .p_page em a.a_cur{ color:#fff; background:#0055a2; border-color:#0055a2;} .Page002193 .p_page b{ font-weight:normal;} /* .Floor000631 */ .Floor000631{ padding:1% 0 2%;} .Floor000631 .intro{ text-align:center; padding:0;line-height: 30px;font-size: 16px; margin-top: -1%;} @media(max-width:768px){ .Floor000631 .title{font-size:28px;} } .title_about{ text-align:center; color:#0055a2;font-size:32px; border-bottom:1px solid #e6ebee; padding-bottom:18px; position:relative;margin-bottom:4%; padding-top:2%;} .title_about::before{ position:absolute; content:''; left:50%; margin-left:-40px; bottom:-13px; background:url(../images/Floor000631-title_icon.jpg) no-repeat center center; background-size:contain; width:81px; height:29px;} @media(max-width:480px){ .title_about{ font-size:24px;} } /* .Floor001201 */ .Floor001201{padding:2% 0;} .Floor001201 li{ width:32%; margin-right:2%; position:relative; float:left; padding:6% 3% 4%; transition:all ease 0.5s;background: #f7f7f7} .Floor001201 li:last-child{ margin-right:0;} .Floor001201 li a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .Floor001201 li h3{ text-align:center; margin:0; font-weight:normal; font-size:20px; color:#333; padding:5% 0; position:relative;} .Floor001201 li h3::before{ position:absolute; content:''; width:10%; height:2px; background-color:#e97b23; left:45%; bottom:0;} .Floor001201 li p{ font-size:14px; line-height:24px; height:120px; overflow:hidden; color:#444; margin-top:10%;} .Floor001201 li:hover{ background-color:#0055a2; } .Floor001201 li:hover h3,.Floor001201 li:hover p{ color:#fff;} .Floor001201 li:hover h3::before{background-color:#fff;} @media(max-width:640px){ .Floor001201 li h3{ font-size:16px;} .Floor001201 li p{ display:none;} } @media(max-width:480px){ .Floor001201 li{ padding:3% 0;} .Floor001201 li figure{ padding-bottom:60%;} .Floor001201 li h3{ font-size:14px;} } @keyframes hover001201{ 0%{ background-position:left top; opacity:0;} 50%{ background-position:right top;opacity:0.5;} 100%{ background-position:center top; opacity:1;} } @-moz-keyframes hover001201{ 0%{ background-position:left top; opacity:0;} 50%{ background-position:right top;opacity:0.5;} 100%{ background-position:center top; opacity:1;} } @-webkit-keyframes hover001201{ 0%{ background-position:left top; opacity:0;} 50%{ background-position:right top;opacity:0.5;} 100%{ background-position:center top; opacity:1;} } /* .TextList001357 */ .TextList001357{ padding:2% 0;} .TextList001357 .pic{ float:right; width:45% } .TextList001357 .list{ float:left; width:46%;margin-top:3%} .TextList001357 .list li{line-height:50px;font-size: 16px;} .TextList001357 .list li b{color:#0055a2;font-size: 20px;} @media(max-width:768px){ .TextList001357 .pic, .TextList001357 .list{ float:none; width:auto; } .TextList001357 .pic{ margin:0 auto; max-width:375px; padding:2%;} } @media(max-width:480px){ } /* .RighInfo000621 */ .RighInfo000621{ padding:2% 0 5%;} .RighInfo000621 h3{font-size:20px;color:#e97b23;line-height:2;margin-bottom: 5px;font-weight: normal} .RighInfo000621 p{font-size:16px;line-height:2; margin: 0;} /* .PicList002273 */ .PicList002273 .left img{width: 100%;} .PicList002273 .right time{ display: block; position: relative;} .PicList002273 .right .time{font-size: 14px;color: #999;border: 1px solid #c5c6c6;padding: 2px 5px;margin-top: 8px;display: inline-block;} .PicList002273 .right i{ font-style: normal; position: absolute; right: 0; bottom: 0;} .PicList002273 .right .h3{color: #313131;font-size: 18px;font-weight: normal;margin: 10px 0;} .PicList002273 .right .p{color: #999;height: 40px;font-size: 14px;overflow: hidden;} .PicList002273 ul li{margin-bottom: 30px;background: #eef0f1;padding: 18px 20px;} @media screen and (min-width:768px ) { .PicList002273 .left{float: left;width: 25%;} .PicList002273 .right{float: right;width: 72%;} .PicList002273 .right .time{margin-top: 0px;} .PicList002273 ul li{background:#eef0f1;} } @media screen and (min-width:1024px ) { .PicList002273 .right .time{margin-top: 15px;} .PicList002273 ul li{background:#f8f8f8;position: relative;} .PicList002273 ul li .right_btn{width: 11px;height: 19px;background: url(../images/PicList002273-arrow_right.png) no-repeat center;display: inline-block;position: absolute;top: 50%;right: 48px;cursor: pointer;margin-top: -10px} .PicList002273{padding-top:1%;} } @media screen and (min-width:1200px ) { .PicList002273 .right i{ right: -195px;} .PicList002273 .left{float: left;margin-right: 50px;} .PicList002273 .right{float: left;width: 600px;} .PicList002273 .right .time{margin-top: 14px;} .PicList002273 .right .h3{line-height: 18px;margin: 28px 0 17px;} .PicList002273 .right .p{line-height: 19px;} .PicList002273 ul li{padding-right: 20px;} } /*RighInfo002519 */ .RighInfo002519{ padding:0 0 2% 0;} .RighInfo002519 p{line-height:26px; color:#666; font-size: 15px; line-height: 34px;} .RighInfo002519 .list_img_group{ margin:1.5% 0;} .RighInfo002519 .list_img_group li{ text-align:center;} .RighInfo002519 .line{ width: 100%; height: 2px; border-bottom: 1px dashed #e1e1e1; margin-bottom: 50px; margin-top: 70px;} @media(min-width:641px){ .RighInfo002519 .list_img_group li{ float:left; width:32.34375%;} .RighInfo002519 .list_img_group li:nth-child(2){ width:33.828125%; margin:0 0.492578125%;} } @media(max-width:640px){ .RighInfo002519 .list_img_group li{ margin:2% 0;} } /* .Floor002467 */ .Floor002467 .videobox{ position: relative;} .Floor002467 .videobox img{ display:block; width:100%; } .Floor002467 .play{ position: absolute;width: 100%; top: 50%; left: 0; margin-top:-57px; cursor: pointer; z-index: 5; font-size: 18px;text-align: center; color: #fff; } .Floor002467 .play::before{ display:block; content:''; margin:0 auto 20px; width:70px; height:70px;background: url(../images/Floor002467-play.png) no-repeat center; background-size:contain;} .Floor002467 .videobg h2{ position: absolute; top: 50%; left: 0; width: 100%; } .Floor002467 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;} .Floor002467 .video video{ width: 100%; height: 100%; background: #000;} @media(max-width:480px){ .Floor002467 .play{ height:50px; overflow:hidden; margin-top:-20px;} .Floor002467 .play::before{ width:40px; height:40px;} } /* .Floor002416 */ /*out*/ .Floor002416{ background: #fff; position: relative; padding:1% 0 2%;} .Floor002416 .wrap-container{ position: relative; z-index: 4;} .Floor002416 .Bpic{ position: relative; max-width: 427px; margin: 0 auto 4%; box-shadow:0 0 15px 5px rgba(0,0,0,0.05); } @media only screen and (min-width: 768px) { .Floor002416 .Bpic{ width: 33.3334%; float: left; margin: 0;} } .Floor002416 .wrap-content{ padding: 0;} @media only screen and (min-width: 768px) { .Floor002416 .wrap-content{ float: right; width: 66.6668%; padding:2% 0 0 7%;} } .Floor002416 .wrap-tit{ color: #000;padding:20px 0 10px; font-size:22px; display: block;position: relative;text-align: center; } .Floor002416 .wrap-tit::after{content: '';position: absolute;width:20px;height: 2px;background: #0055a2;bottom:0px;left:40%;margin-left: -10px;} .Floor002416 .ul1{ margin-top: 4%;} @media(min-width:769px){ .Floor002416 .wrap-tit, .Floor002416 .ul1{ padding-right: 20%;} } .Floor002416 .ul1 li{font-size: 16px;margin: 7px 0;float: left;width:50%;text-align: center;color: #333} @media(max-width:480px){ .Floor002416 .ul1 li{ float:none; width:auto;} } .Floor002416 .wrap-content .list li{ position: relative; margin-top:1%; padding-right: 5%;margin-bottom: 5%;} .Floor002416 .wrap-content .list li>*{ height: 80px;} .Floor002416 .wrap-content .list li .pic{ position: absolute; width: 80px; z-index: 2;} .Floor002416 .wrap-content .list li .pic a{ display: block; border-radius: 5px; background-repeat: no-repeat; background-position: center; background-size: cover; transition: all .5s } .Floor002416 .wrap-content .list li .pic a:hover{ transform: scale(1.05); } .Floor002416 .wrap-content .list li .pic img{ visibility: hidden;} .Floor002416 .wrap-content .list li .word{ padding-left: 95px; position: relative;} .Floor002416 .wrap-content .list li .word .h4{ font-size: 20px; margin: 0; font-weight: normal;position: relative;} .Floor002416 .wrap-content .list li .word .h4::after{content: '';position: absolute;width:20px;height: 1px;background: #0055a2;left:0;bottom: -8px;} .Floor002416 .wrap-content .list li .word .h4 a{ color: #000; transition: color .3s; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; } .Floor002416 .wrap-content .list li .word .h4 a:hover{ color: #593101;} .Floor002416 .wrap-content .list li .word .dot{ font-size: 14px; color: #888; margin: 6px 0 0;} @media only screen and (min-width:480px) { .Floor002416 .wrap-content .list li{ float: left; width: 50%;margin-left:0%;} } /* .Floor002358 */ .Floor002358{} .Floor002358 { padding:4% 0; background:#fff; } .Floor002358 .auto{ position:relative;} .Floor002358 .title{ text-align:center; font-size:24px;font-weight:normal;color:#333; margin:0; padding-bottom:3%;margin: 5px 0;position: relative;z-index: 3;} .Floor002358 .list{ width:100%; position: relative;} .Floor002358 .bd{ } .Floor002358 .bd ul{ margin: 0; padding: 0 10px;} .Floor002358 .bd li{ width: 100%; margin: 0 0 15px; transition:.5s; display: block; } .Floor002358 .bd li:hover{} .Floor002358 .list .iconfont{ position: absolute; top: 50%; margin-top: -35px; width: 70px; height: 70px; font-size: 50px; text-align: center; cursor: pointer; color: #ccc; font-weight: lighter;} .Floor002358 .list .prev{ left: -80px;} .Floor002358 .list .next{ right: -80px;} @media only screen and (max-width:1360px ) { .Floor002358 .list{ padding: 0 50px;overflow:hidden;} .Floor002358 .list .iconfont{ font-size: 40px; width: 40px; height: 40px; margin-top: -20px;} .Floor002358 .list .prev{ left: 0;} .Floor002358 .list .next{ right: 0;} } @media only screen and (max-width:767px ) { .Floor002358 .list{ padding: 0 15px 0 0;} .Floor002358 .list .iconfont{ display: none;} } /*Floor002557 */ .Floor002557{ padding:4% 0;} .Floor002557 .column-title{ padding:3% 0;font-size:24px;color: #333; position:relative; z-index:10;} .Floor002557 .txt{ background:url(../images/Floor002557_bg.png) repeat-x right bottom;padding-bottom:00px;} /*.Floor002557 .pic{ overflow-y:hidden;}*/ .Floor002557 .pic img{ width:100%; display:block; transition:0.3s;} .Floor002557 .pic a:hover img{ transform:scale(1.03);} .Floor002557 .txt h2{ margin:0 0 23px 0; font-size:24px;color:#2b2b2b; } .Floor002557 .txt p{line-height:27px;overflow: hidden;margin:0 0 16px;} .Floor002557 .txt h2 span{ margin-left:10px; color:#c8c8c8; font-size:10px; font-weight:normal; text-transform:uppercase;} .Floor002557 .txt pre{ line-height:25px; color:#737373; font-size:15px; height:125px; overflow:hidden; margin-bottom:12px;} .Floor002557 .txt .more{ line-height:32px; color:#0055a2; background:#fff; border-radius:32px; padding:0 20px; display:inline-block; border:1px solid #0055a2; transition:0.3s;} .Floor002557 .txt .more::after{ display:inline-block; content:'>'; font-family:宋体; margin-left:10px; font-weight:bold;color:#0055a2;} .Floor002557 .txt .more:hover{ border-color:transparent; background:#0055a2; color:#fff;} .Floor002557 .txt .more:hover:after{color:#fff;} @media(min-width:769px){ .Floor002557 .txt{position:relative; padding-left:50%; } .Floor002557 .pic{ position:absolute; left:0; bottom:0; width:48%;} } @media(max-width:768px){ .Floor002557 .pic{ padding-bottom:23px; margin-top:-10%;} } @media(max-width:480px){ .Floor002557 .txt h2 span{ display:block;} } /*Form002219*/ input::-webkit-input-placeholder { /* WebKit browsers */ color:#eee; } .Form002219{margin:2% 0;height:180px;} .Form002219 dl{ width:32%; float:left; margin-right:2%; min-height:40px; position:relative; margin-bottom:30px;} .Form002219 dl:nth-child(3){margin-right: 0px} .Form002219 dl:nth-child(4){margin-right: 0px} .Form002219 dl.odd{} .Form002219 dt{ color:#5b5b5b; font-size:14px; position:absolute; left:0; width:70px; text-align:right; line-height:40px;} .Form002219 .text{width:100%; padding:0 10px; line-height:38px; color:#fff;border: 0;background: rgba(0,0,0,0); border-bottom: 1px solid #eee;} .Form002219 dl.dl{ width:100%; max-width:none;text-align: center} .Form002219 dl.dll{margin:1% 0} .Form002219 textarea{border:0;overflow:hidden; resize:none; width:100%; height:20px; padding:10px; color:#666;background: #f8f8f8; border-bottom: 1px solid #eee;} .Form002219 .btn{ display:inline-block; line-height:40px; min-width:140px; margin-right:20px; background-color:#eee; color:#666; font-size:14px; border:none; border-radius:5px; cursor:pointer;} .Form002219 .submitbtn{ color:#fff; color: #fff;background-color: rgba(0,0,0,0);border: solid 1px #fff;} .Form002219 .submitbtn:hover{ background-color:#1073e1;border:1px solid #1073e1;transition: 0.3s} @media(max-width:640px){ .Form002219 dl{ float:none; width:100%; margin-left:0 !important;} .Form002219 textarea{ height:250px;} .Form002219{height:340px;} } @media(max-width:480px){ .Form002219 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;} } /*Form002219 End*/ /*Top002229*/ .Top002229 {position:fixed; left:0; width:100%; top:0;z-index:999; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1);} @media(min-width:1201px){ .Top002229_fixed{ position:fixed; left:0; width:100%; top:0;} } .Top002229 .auto{ max-width:1600px;} @media(max-width:1600px){ .Top002229 .auto{ padding:0 2%;} } .Top002229 .header-top{background-color: #f3f3f3;color:#5e6a73; height:36px; line-height:36px; /*overflow:hidden;*/} .Top002229 .header-top dl{ float:right;} .Top002229 .header-top dd{ float:left;} .Top002229 .header-top a{ color:#5e6a73; font-size:12px;display:inline-block;} .Top002229 .header-top dd b{ font-size:20px; color:#0055a2; font-family:Arial; display:inline-block; padding-left:25px; background:url(../images/Top000963-icon_6.png) no-repeat left center;} .Top002229 .header-top dd{ position:relative; padding-left:10px;} .Top002229 .header-top dd.share a{ height:34px; width:26px;background:url(../images/Top002037-share.png) no-repeat -32px center; padding:0; margin:0 5px; position:relative;} .Top002229 .header-top dd.share a.bds_tsina{ background-position:left center;} .Top002229 .header-top dd.share a.bds_tqq{ background-position:-66px center;} .Top002229 .header-top dd.share a.bds_weixin{ position:relative;} .Top002229 .header-top dd.share a.bds_weixin img{ position:absolute; left:50%; top:100%; width:100px; height:100px; margin-left:-50px; max-width:none; display:none; z-index:99;} .Top002229 .header-top dd.share a.bds_weixin:hover img{ display:block;} .Top002229 .header-top dd.share a:hover{ background-image:url(../images/Top002037-share_hover.png);} .Top002229 .header-top figure a{ padding:0;background-repeat:no-repeat; background-position:left center;} .Top002229 .sub-menu-layer{ background:rgba(255,255,255,.5);} .Top002229 .header{ position:relative; padding-right:315px;} .Top002229 .header-left {float: left;width: 30%;display:table;} .Top002229 .header-left .logo{ display:table-cell; vertical-align:middle;} .Top002229 .header-left .logo img{width:100%;max-width: 280px; } .Top002229 .header-mid{ float:right; width: 70%;} .Top002229 .header-right{ position:absolute; right:0; top:50%; margin-top:-22.5px; width:260px;} .Top002229 .top-search{position:relative; border:1px solid #e5e5e5;padding-right:30px;} .Top002229 .top-search .text{ width:100%; height:45px; line-height:45px; border:none; padding-left:15px; color:#666;} .Top002229 .top-search .btn{ position:absolute; right:0; top:0; width:45px; height:100%; background:url(../images/Top002070-search_btn.png) no-repeat center center;} .Top002229 .header-menu li{ /*width:auto !important;*/ transition:all ease-in-out .3s; } .Top002229 .header-menu li a{line-height: 75px;color: #333; position:relative; } .Top002229 .header-menu li a:before{ position:absolute; width:0px; height:3px; background:#e97b23; z-index:99; content:""; top:0px; left:50%; transform:translate(-50%,0); display: none;} .Top002229 .header-menu li em a{ font-size:16px;} .Top002229 .header-menu li.has-sub em a{ position:relative;} .Top002229 .header-menu li.aon em a{color: #0055a2; font-weight: bold;} .Top002229 .header-menu li.aon em a:before{ width:100%;} .Top002229 .header-menu li .sub-menu dt a{color:#fff;background:none;padding: 0 22px;font-size: 14px;} @media(max-width:1600px){ .Top002229 .header-right{ right:2%;} } @media(min-width:1025px) and (max-width:1366px){ .Top002229 .header{padding-right: 250px;} .Top002229 .header-right{ width:200px;} } @media(max-width:1024px){ .Top002229 .header{ padding:0 10px 10px 10px;} .Top002229 .header-right{ width:40%; max-width:300px; margin-right:50px; right:2%;} .Top002229 .header-right-fixed{ position:fixed; right:0; top:0; padding-right:2%;} .Top002229 .header-left{ width:35%; float:none;} .Top002229 .open-search{ display:none;} .Top002229 .header-top figure{ display:none;} .Top002229 #header-menu{ position:fixed; top:80px; right:-100%; height:100%; background:#fff; border:1px solid #282e6d; border-left-width:5px; border-right:0; border-bottom:0; width:50%; transition: ease-in-out 0.5s;} .Top002229 #header-menu.header-menu-show{ right:0;} .Top002229 #header-menu li em{ border-bottom-color:#282e6d;padding:3%;} .Top002229 #header-menu li a{color:#333;} .Top002229 #header-menu li em a{border-bottom:0; font-weight:normal; position:relative;} .Top002229 #header-menu li:first-child em a::after, .Top002229 #header-menu li.has-sub em a::after{ position:absolute; content:''; width:12px; height:12px; right:0; top:50%; margin-top:-6px; background:url(../images/Top002229-right_menu.gif) no-repeat center center;} .Top002229 #header-menu li:first-child em a::after{ background-image:url(../images/Top002229-home.png);} .Top002229 #header-menu li .sub{ position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; z-index:10;} .Top002229 #header-menu li .sub-menu dt{border-bottom:1px solid #282e6d;} .Top002229 #header-menu li .sub-menu dt a{ border-bottom:0; padding:3% 5%; font-size:16px;} .Top002229 #open_menu{ position:absolute; width:40px; height:30px; top:50%; margin-top:-15px; background:#282e6d; right:2%;} .Top002229 #open_menu i, .Top002229 #open_menu i::before, .Top002229 #open_menu i::after{ background:#fff;} .Top002229 #open_menu i{ height:2px; width:60%; left:20%; margin-top:-1px;} .Top002229 #open_menu.open_menu_on{ position:fixed; margin-top:0; top:25px;} } /* .Banner002385 */ .Banner002385{ overflow:hidden; position:relative; z-index:2; margin-top:112px;} .Banner002385 .bx-viewport{ z-index:1;} .Banner002385 .bx-viewport li a{ display:block;} .Banner002385 .bx-controls-direction a{ position:absolute; width:89px; height:89px; top:50%; margin-top:-44px; background:url(../images/Banner002385-Banner_btn.png) no-repeat left top; z-index:10; overflow:hidden; line-height:1000px;} .Banner002385 .bx-controls-direction a.bx-prev{ left:5%;} .Banner002385 .bx-controls-direction a.bx-next{ background-position:right top; right:5%;} .Banner002385 .bx-pager{ position:absolute; width:100%; left:0; bottom:5%; z-index:10; text-align:center;} .Banner002385 .bx-pager *{ width:12px; height:12px;} .Banner002385 .bx-pager div{ display:inline-block; margin:0 5px;} .Banner002385 .bx-pager a{ display:block; background:#fff; overflow:hidden; line-height:100px;} .Banner002385 .bx-pager a.active{ background:#e97b23;} @media(max-width:900px){ .Banner002385 .bx-controls-direction{ display:none;} } @media(max-width:640px){ } /*Floor002214*/ .Floor002214{ background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.05); position:relative; z-index:1;} .Floor002214 .bx-viewport{} .Floor002214 ul{ position:relative; margin:0 -2%;} .Floor002214 ul li{float: left; width: 25%; padding:0 2%; position:relative;} .Floor002214 ul li:before{ position:absolute; content:""; width:1px; height:40px; background:#f0f0f0; right:0; top:50%; margin-top:-20px;} .Floor002214 ul li span{display: block;} .Floor002214 .pic{float: left; width:40%; max-width:100px; } .Floor002214 .title{font-size: 18px; color: #333; padding-top: 10%; } .Floor002214 .text{font-size: 14px; color: #5e6a73; margin-top:5px; line-height:20px; height:20px; overflow:hidden;} .Floor002214 ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2)} @media(max-width:768px){ .Floor002214{ display:none;} } /*Floor002214 End*/ /* .Floor002411 */ .Floor002411{ padding:4% 0; background:#f4f4f4;} .Floor002411 .wrap-Tit {position: relative; color: #333; padding-bottom:10%;} .Floor002411 .wrap-Tit h2{ font-size: 24px; font-weight:normal; margin: 5px 0; position: relative; z-index: 3; } @media only screen and (min-width:1024px) { .Floor002411 .wrap-container{ padding-left: 3%;} } .Floor002411 .wrap-content{ position: relative;} .Floor002411 nav li{ padding: 8px 0; overflow: hidden;} .Floor002411 nav li a{ color: #333; font-size: 16px; position: relative; padding-right: 20px;} .Floor002411 nav li a.active:after{ content: ">"; position: absolute; right: 0; top: 0;} .Floor002411 nav li a.active{ color: #073190; font-weight:bold;} .Floor002411 .listbox li{ width:49%; float:left; background:#fff; position:relative;} .Floor002411 .listbox li:nth-child(3), .Floor002411 .listbox li:nth-child(4){ width:23.7%; margin-top:2%;} .Floor002411 .listbox li:nth-child(4){ float:right;} .Floor002411 .listbox li:first-child{ margin-right:2%;} .Floor002411 .listbox li:last-child{ background:none;} .Floor002411 .pic{ width: 100%; transition:all ease-in-out .3s; overflow: hidden;} .Floor002411 .pic img{ display:block; width:100%; transition:all ease-in-out .5s;} .Floor002411 .word{ position:absolute; left:0; padding:0 5%; width:100%; bottom:30px; } .Floor002411 .word h3{ font-size: 18px; color: #073190; margin: 0; position: relative; z-index: 3; margin-bottom:5px;} .Floor002411 .word figure{ font-size: 14px; line-height: 24px; color: #555;} .Floor002411 .listbox li:nth-child(2) .word{ padding-right:50%; top:50%; bottom:auto; transform:translateY(-50%);} .Floor002411 .listbox li:nth-child(3) .word h3, .Floor002411 .listbox li:nth-child(4) .word h3{ font-size: 16px;} .Floor002411 .listbox .pic:hover{ box-shadow:0 0 25px rgba(0,0,0,0.08);} .Floor002411 .listbox .pic:hover img{ transform: scale(1.15);} @media(min-width:1025px){ .Floor002411 .wrap-content{ padding-left: 150px; min-height: 487px;} .Floor002411 nav{ position: absolute; left: 0; width: 150px; top: 0; z-index: 6;} } @media(max-width:1024px){ .Floor002411 .wrap-Tit{ padding-bottom:2%;} .Floor002411 nav ul{ overflow:hidden; padding-bottom:2%;} .Floor002411 nav li{ float:left; margin-right:15px;} } @media(max-width:768px){ .Floor002411 .listbox li{ float:none !important; width:auto !important; margin:0 0 2% 0 !important;} } /* .Floor002357 */ .Floor002357{ padding: 4% 0;background:url(../images/Floor002357-bg.jpg) no-repeat center; background-size:cover; } .Floor002357 .title {position: relative; color: #fff; margin-bottom:2%; text-align:center;} .Floor002357 .title h2{ font-size: 24px; font-weight:normal; margin: 5px 0; position: relative; z-index: 3; } .Floor002357 .title h2 a{ color:#fff;} .Floor002357 .title p{font-size: 16px; /*color:blue;*/color:#eee; } .Floor002357 .ul{ overflow:hidden; } .Floor002357 li{ position: relative; padding: 6% 4%; text-align: center; margin-bottom: 2%; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1);} .Floor002357 li::after, .Floor002357 li::before{ content: ""; left: 10px; right: 10px; top: 10px; bottom: 10px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: all .35s;position: absolute; -webkit-transition: all .35s; -moz-transition: all .35s; -ms-transition: all .35s; -o-transition: all .35s;} .Floor002357 li::after{ border-right: 1px solid #2892e4; border-left: 1px solid #2892e4; -webkit-transform: scale(1,0); -moz-transform: scale(1,0); -ms-transform: scale(1,0); -o-transform: scale(1,0); transform: scale(1,0); } .Floor002357 li::before { border-top: 1px solid #2892e4; border-bottom: 1px solid #2892e4; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); -o-transform: scale(0,1); transform: scale(0,1); } .Floor002357 li{ background:rgba(40,108,179,0.8);} .Floor002357 li::after, .Floor002357 li::before{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)} .Floor002357 li .img img{ -webkit-transition:all ease 0.5s;transition:all ease 0.5s;position: relative; top: 0;} .Floor002357 li .img img{ top: -10px;} .Floor002357 li > a{position: relative;z-index: 9999;width: 100%;height: 100%;display: inline-block;} .Floor002357 li h3{ margin: 20px 0 0; font-size: 14px; letter-spacing:0.1px; padding-bottom:5%; } .Floor002357 li h3:after{ display:block; margin:0 auto; width:20px; height:1px; background-color:#fff; opacity:0.4; margin-top:10px; content:''; } .Floor002357 li h3 span{ font-weight:normal; opacity:0.3; font-family:Arial, Helvetica, sans-serif; display: block; padding-top: 5px;} .Floor002357 li h3 p{display: inline !important; color:#fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; } .Floor002357 li p{ margin:0; text-align:left; color: #fff; font-size: 14px; line-height:26px; opacity:0.8; height: 78px; overflow: hidden; } @media (min-width: 640px) { .Floor002357 li{ width: 23.5%; margin-right:2%; float: left;} .Floor002357 li:nth-child(4){ margin-right:0;} } @media only screen and (min-width:768px ) { .Floor002357 li h3{font-size: 16px;} } @media only screen and (min-width:1024px ) { .Floor002357 li h3{font-size: 18px;} } .Floor002357 .form{ display:table; width:100%; display:none;} .Floor002357 figure{ display:table-cell; vertical-align:middle;} .Floor002357 td{ padding-bottom:10px;} .Floor002357 td div{ position:relative;} .Floor002357 td div .form_err{ position:absolute; right:8px; top:18px; color:#fff; line-height:20px; font-weight:bold;} .Floor002357 td div .text{ width:100%; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1);line-height:46px; height:46px; padding:0 10px;} .Floor002357 td div textarea.text{ line-height:23px; height:80px; padding:11px 10px;} .Floor002357 td div.float_l{ float:left; width:48%} .Floor002357 td div.float_r{ float: right; width:50%;} .Floor002357 td.btn{ text-align: center; padding-top: 20px;} .Floor002357 td.btn input{cursor:pointer;color:#fff;border:none;background: #0055a2;width:70%;max-width:167px;height:36px;} @media(max-width:1000px){ .Floor002357 figure{vertical-align:top;} } @media(max-width:768px){ .Floor002357 figure:nth-child(2){ display:none;} } /*Floor002065 */ .Floor002065{ padding:4% 0; background: #f4f4f4} .Floor002065 .title {position: relative; color: #333; margin-bottom:2%; text-align:center;} .Floor002065 .title h2{ font-size: 24px; font-weight:normal; margin: 5px 0; position: relative; z-index: 3; } .Floor002065 .owl-carousel{ position:relative;} .Floor002065 .item{ position:relative; padding:3%; transition:all ease-in-out 0.3s;} .Floor002065 .itembox{ background-color:#fff;} .Floor002065 .item:hover .itembox{ background:#0055a2;} .Floor002065 .item .pic{ overflow:hidden;position:relative;} .Floor002065 .item .Ispic{ display:block; padding-bottom:56%; transition:all ease-in-out 0.3s; position:relative;} .Floor002065 .item .Ispic img{ display:none;} .Floor002065 .item:hover .Ispic{ transform:scale(1.1);} .Floor002065 .item .txt{ padding:5% 8%;font-size:16px;} .Floor002065 .item .txt a{ font-weight:bold; color:#333;} .Floor002065 .item p{ color:#888; font-size:14px; line-height:24px; overflow:hidden; height:48px;} .Floor002065 .item span{ border-top:1px solid #eee;display:block; font-size:12px; color:#999;text-transform:uppercase; background:url(../images/Floor001805-more.png) no-repeat 60px 15px; line-height:17px; padding-top:15px;} .Floor002065 .item:hover span{border-top-color:rgba(255,255,255,0.1); color:#fff; background-image:url(../images/Floor001805-more_hover.png);} .Floor002065 .item:hover .txt a, .Floor002065 .item:hover p{ color:#fff;} .Floor002065 .owl-nav button{ position:absolute; top:50%; width:22px; border:none; cursor:pointer; overflow:hidden; line-height:1000px; height:40px; margin-top:-20px; background:url(../images/Floor002065-btn.png) no-repeat left top; z-index:10;} .Floor002065 .owl-nav .owl-prev{ left:0;margin-left:-40px;} .Floor002065 .owl-nav .owl-next{right:0; margin-right:-40px; background-position: right top;} .Floor002065 .owl-dots{ text-align:center; padding-top:16px;height:32px;} .Floor002065 .owl-dots button{ background:none; border:none; display:inline-block; padding:0 5px;} .Floor002065 .owl-dots .owl-dot span{ display:block; width:9px; height:9px; background-color:#ccc; overflow:hidden; text-indent:-999em;} .Floor002065 .owl-dots .owl-dot.active span{ background-color:#e97b23;} @media(max-width:1100px){ .Floor002065 .owl-carousel{ padding:0 30px;} .Floor002065 .owl-nav .owl-prev{margin-left:0;} .Floor002065 .owl-nav .owl-next{margin-right:0;} } @media(max-width:640px){ .Floor002065 .title span{ display:block;} } @media(max-width:640px) and (min-width:376px){ .Floor002065 .item dt, .Floor002065 .item dd{ float:none; text-align:right;} } /*Floor001866 */ .Floor001866{ overflow:hidden; background:#fff ; background-size:cover;} .Floor001866 .auto{ position:relative;} .Floor001866 .table{ display:table; width:100%; height:100%;padding:0 8%;padding:4% 0;} .Floor001866 .table_cell{ display:table-cell; vertical-align:middle; } .Floor001866 .title {position:absolute; width:27%; left:0; color: #333;} .Floor001866 .title h2{ font-size: 24px; font-weight:normal; margin: 5px 0; position: relative; z-index: 3; } .Floor001866 .pic {position:absolute; width:27%; left:0; bottom: 0; color: #333;} .Floor001866 .text{ padding-left:27%;} .Floor001866 p{ line-height:32px; overflow:hidden; margin:18px 0;} .Floor001866 a{color: #666;display:inline-block; padding:0 95px;height: 33px;border:1px solid #bbb;line-height: 33px;;font-size: 12px; transition:0.3s;} .Floor001866 a:after{content: '';display:inline-block;width: 0;height: 0;border:transparent 5px solid;border-left-color: #666; margin-left:10px;} .Floor001866 a:hover{ background-color:#0055a2;color:#fff; border-color:#0055a2; border-bottom:2px solid #e97b23;} .Floor001866 a:hover:after{border-left-color: #fff; } @media(max-width:768px){ .Floor001866 p{ height:auto; max-height:104px; margin:20px 0;} } /* .Floor001789 */ .Floor001789{ padding:2% 0 2% 0; background: #fff} .Floor001789 .auto{ position:relative;} .Floor001789 .title h2{ font-size: 24px; font-weight:normal; margin: 5px 0; position: relative; z-index: 3; } .Floor001789 .title h2 .more{ position:absolute; right:0; top:400%; width:95px; height:96px;background:url(../images/Floor001789-icon.png) no-repeat right center; overflow:hidden; line-height:1000px;} .Floor001789 li{ float:left; width:27%; margin-right:2%; background-color:#f5f5f5; border:2px #fff solid; } .Floor001789 li figure{ padding-bottom:10%; } .Floor001789 li a{ display:block; padding:10% 6%; } .Floor001789 li time{ position:relative;font-size:16px; color:#555; display:inline-block;} .Floor001789 li time span{ display:block; font-size:50px; font-weight:lighter;height:63px; line-height:63px; border-top:1px #d8d8d8 dotted;} .Floor001789 li time i{ position:absolute; right:0; bottom:0; width:100%; height:2px; background:#0055a2; transition:0.4s;} .Floor001789 li h3{ line-height:24px; overflow:hidden; height:48px; font-size:16px; color:#333; } .Floor001789 li p{ margin:0; font-size:14px; color:#888; line-height:24px; overflow:hidden; height:72px; } .Floor001789 li img{ width:100%;display:block; } .Floor001789 li.odd figure{ padding-bottom:0; padding-top:10%; } .Floor001789 li:hover{ border-color:#0055a2; } .Floor001789 li:hover time i{ width:180%;} @media(min-width:1025px){ .Floor001789 .title {position:absolute; width:25%; right:0; color: #333; text-align:right;} } @media(max-width:1024px){ .Floor001789 .title { position:relative; padding:3% 0;} .Floor001789 .title h2 .more{ top:50%; width:50px; height:50px; margin-top:-25px; background-size:contain;} .Floor001789 h1{ padding-right:60px;font-size:24px; padding-bottom:0; margin-bottom:5%;} .Floor001789 h1 span{font-size:30px;} .Floor001789 h1 .more{ top:0; width:53px; height:100%; background-size:contain; background-position:center center;} .Floor001789 li{ width:32%; margin-right:2%;} .Floor001789 li:last-child{ margin-right:0;} } @media(max-width:640px){ .Floor001789 li{ float:none; width:auto; margin-right:0; margin-bottom:3%;} .Floor001789 li img{ height:auto;} .Floor001789 li h3, .Floor001789 li p{ height:auto;} .Floor001789 li figure{ padding-bottom:3%;} .Floor001789 li.odd figure{ padding-top:3%; } } /*Bottom001902*/ .Bottom001902{background-color: #f6f6f6;} .Bottom001902 .bottom{ padding-top:3%; padding-bottom:2%;} .Bottom001902 .bottom ul{ float:right;} .Bottom001902 .bottom>li{ line-height:35px; color:#888;} .Bottom001902 .bottom li a{ display:inline-block; width:35px;height: 35px; background:url(../images/Bottom001902-icon.png) no-repeat left top; vertical-align:middle; margin-left:10px;} .Bottom001902 .bottom li a.wx{ position:relative;} .Bottom001902 .bottom li a.sina{ background-position: right top;} .Bottom001902 .bottom li a.wx img{ position:absolute; left:50%; bottom:120%; width:100px; height:100px; margin-left:-50px; max-width:none; display:none; z-index:99;} .Bottom001902 .bottom li a.wx:hover img{ display:block;} .Bottom001902 .bottom ol {margin-top: -10px;margin-bottom: 10px} .Bottom001902 .bottom ol li{line-height:24px; padding:12px 0; padding-left:40px; background:url(../images/Map002364-icon_name.png) no-repeat left 10px; font-size:16px; color:#767676; text-align: left;} .Bottom001902 .bottom ol li span{ padding-left:20px;} .Bottom001902 .bottom ol li a{ width: auto; height: auto; background: none; color:#767676; margin-left: 0; } .Bottom001902 .bottom ol li:nth-child(1){background-image:url(../images/Map002364-icon_add.png);} .Bottom001902 .bottom ol li:nth-child(2){background-image:url(../images/Map002364-icon_tel.png);} .Bottom001902 .bottom ol li:nth-child(3){background-image:url(../images/Map002364-icon_Female.png);} .Bottom001902 .bottom ol li:nth-child(4){background-image:url(../images/Map002364-icon_male.png);} .Bottom001902>li{padding-left: 5px;} .Bottom001902 .bottom dl{ float:left; width:14%;} .Bottom001902 .bottom dt{font-size: 16px; color: #686868; margin-bottom: 16px;} .Bottom001902 .bottom dt a:hover{ font-weight:bold;color: #0055a2;} .Bottom001902 .bottom dd{ line-height:30px;} .Bottom001902 .bottom dd a{color: #9b9b9b;} .Bottom001902 .bottom dd a:hover{color: #1073e1;} .Bottom001902 .bottom dl img{ max-width:120px; border:3px solid #fff;} .Bottom001902 footer{ padding:1.2% 0; background-color: #f6f6f6; border-top: 1px solid #ddd} .Bottom001902 footer figure{color: #888;} .Bottom001902 footer figure span{ margin-top: 20px; } .Bottom001902 footer figure span a{text-decoration: underline; color: #9b9b9b;} .Bottom001902 footer .link{float: right; margin:0; display:block; margin-left:5%;} .Bottom001902 footer .link p{ margin:0;} .Bottom001902 footer .link p a{color: #9b9b9b; margin:0;} .Bottom001902 footer .link p a:hover{color: #0055a2;} .Bottom001902 footer .link p a::after{ display:inline-block; content:''; width:1px; height:10px;margin: 0 10px; background: #9b9b9b; opacity:0.3;} .Bottom001902 footer .link p a:last-child::after{ display:none;} @media(max-width:1100px){ .Bottom001902 .bottom dl{ display:none;} .Bottom001902 .bottom ul{ float:none; width:auto;} } @media(max-width:1000px){ .Bottom001902 footer figure, .Bottom001902 footer .link{ float:none; width:auto;} .Bottom001902 footer .link{ text-align:left; margin-left:0;} } @media(max-width:480px){ .Bottom001902 footer .link{ float:none; width:auto; margin-left:0;} .Bottom001902 footer .link nav{ max-width:216px;} } /*右侧悬浮样式*/ .float{ width:50px; border-radius:5px 0 0 5px; position:fixed; right:0; top:45%; z-index:300;} .float a{ width:50px; height:50px; position:relative; float:left;} .float .it{position:absolute; left:0; top:0; z-index:1;font-size:20px; width:230px; height:50px; line-height:50px; text-indent:50px; color:#fff; } .float a.n1 .it{ border-radius:5px 0 0 0; background:#ffbe33 url(../images/img71.png) no-repeat 7% center;} .float a.n2 .it{ background:#68a5e1 url(../images/img72.png) no-repeat 7% center; } .float a.n3{ background:#42ae3c url(../images/img73.png) no-repeat center;} .float a.n3 .img{ display:none; position:absolute; left:-150px; top:-50px; z-index:1; padding:5px 7px 5px 5px;} .float a.n3 .img img{ width:140px; height:140px; background:#fff; padding:5px;} .float a.n4{ border-radius:0 0 0 5px; background:#555555 url(../images/img74.png) no-repeat center;} @media(min-width:1025px){ .float a.n2.wap{ display:none;} } @media(max-width:1024px){ .float a.n2.pc{ display:none;} } @media(max-width: 600px){ .float{ display:none;} } #nb_icon_wrap{ margin-top:-108px !important;} /*Floor002049 */ .Floor002049{ padding-bottom:3%; border-top: 1px solid #eee;padding-top: 1.5%;} .Floor002049 .title{font-size: 22px;color: #333; /*text-align: center;*/padding-bottom: 2%;} .Floor002049 .title:after{content:'';background: #015aad; width: 86px; height: 3px;display: block;/*margin: 0 auto;*/margin-top: 1%;} .Floor002049 .list .item{ position:relative; text-align:center; padding-bottom:1px;} .Floor002049 .list .item a{ display:block;border:1px solid #dfe2ef;border-radius: 4px; overflow: hidden;} .Floor002049 .list .item p{ margin:0; border-top: none; font-size:14px; padding:3% 20px; color:#666; text-transform:uppercase;border-top:1px solid #dfe2ef;} .Floor002049 .list .item figure{ padding-bottom:75%;} .Floor002049 .list .owl-dots{ display:none;} .Floor002049 .list .owl-nav{ text-align:center; padding-top:2%;} .Floor002049 .list .owl-nav button{ width:32px; cursor:pointer; height:22px; background:url(../images/Floor002049-btn.gif) no-repeat 11px center #0055a2; overflow:hidden; line-height:100px; border:1px solid #0055a2;} .Floor002049 .list .owl-nav button.owl-next{ border-left:0; background-position:-18px center; background-color: #fff;border:1px solid #ddd;} .Floor002049 .list .owl-nav button:hover{ background-image:url(../images/Floor002049-btn_hover.gif); background-color:#243e92; border-color:#243e92;} .owl-stage-outer{ overflow:hidden;} .owl-item{ float:left;} /* .Floor001026 */ .Floor001026{padding:0 0 3% 0} .Floor001026 .box{ padding-right:50%;position:relative;} .Floor001026 .box:nth-child(2n){ padding-right:0; padding-left:50%; } .Floor001026 .box .txt{background: #048cd4; background: -webkit-linear-gradient(right, #1a91c9 0%,#136ab8 100%); padding-left:15%; padding-right:15%; } .Floor001026 .box:nth-child(2n) .txt{background: #048cd4; background: -webkit-linear-gradient(right, #136ab8 0%,#1a91c9 100%); padding-right:15%; padding-left:15%; } .Floor001026 .box .txt{ color:#fff; padding-top:10%; padding-bottom:10%;} .Floor001026 .box .txt h1{ font-size:27px; margin-bottom:0; padding-bottom:5%; position:relative; line-height: 32px;} .Floor001026 .box .txt h1::before{ position:absolute; content:''; width:42px; height:2px;background: #fff;width: 10%; left:0; bottom:20%;} .Floor001026 .box .txt h1 b{font-family:Arial, Helvetica, sans-serif ; margin-right: 10px;} .Floor001026 .box .txt p{ color:#cde4f2; line-height:24px; height:46px;} .Floor001026 .box .txt a{ display: block; border: 1px solid #fff; height: 30px; width: 120px; margin-top:30px; background: url(../images/more.png) no-repeat center} @media(min-width:481px){ .Floor001026 .box .pic{ position:absolute; width:50%; top:0; height:100%; overflow:hidden;} } .Floor001026 .box .pic{ right:0;} .Floor001026 .box:nth-child(2n) .pic{ left:0;} .Floor001026 .bx-wrapper, .Floor001026 .bx-viewport, .Floor001026 .bx-viewport *{ position:absolute; width:100%; height:100% !important;} .Floor001026 .bx-viewport{ z-index:2;} .Floor001026 .bx-viewport ul li a{ } .Floor001026 .bx-viewport ul li{ background-color:#f3f8fa;} .Floor001026 .bx-controls-direction{ display:none;} .Floor001026 .bx-controls{ position:absolute; z-index:10; text-align:center; left:0; width:100%; bottom:5%;} .Floor001026 .bx-pager div{ display:inline-block;} .Floor001026 .bx-pager div a{ background-color:#0055a2; display:inline-block; overflow:hidden; line-height:100px; width:11px; height:11px; border-radius:50%; margin:0 5px;} .Floor001026 .bx-pager div a.active{ background-color:#e97b23;} @media(max-width:1440px){ .Floor001026 .box:nth-child(1) .txt{ padding-left:25%;} .Floor001026 .box:nth-child(2) .txt{ padding-right:25%;} } @media(max-width:768px){ .Floor001026 .box .txt h1{ font-size:20px; } .Floor001026 .box .txt{ padding:5% !important;} } @media(max-width:480px){ .Floor001026 .box{ padding:0 !important;} .Floor001026 .box .pic{ padding-bottom:50%; position:relative;} } /*Form002219*/ .Form002222{ height: auto; overflow: hidden; margin-bottom: 3%} .Form002222 .title{ text-align: center; margin-bottom: 30px; border-bottom: 1px solid #eee; margin-bottom: 50px; padding-bottom: 20px} .Form002222 .title h1{ font-size: 28px; color: #222; font-weight: normal; margin: 0 0 10px 0} .Form002222 .title h2{ font-size: 18px; color: #666; font-weight: normal; margin: 0} .Form002222 dl{ width:48%; float:left; padding-left:85px; min-height:40px; position:relative; margin-bottom:15px; } .Form002222 dl.odd{ margin-left:4%;} .Form002222 dt{ color:#5b5b5b; font-size:16px; position:absolute; left:0; width:70px; text-align:right; line-height:40px;} .Form002222 .text{ border:1px solid #dfdfdf; border-radius: 0px;width:100%; padding:0 10px; line-height:38px; color:#5b5b5b;} .Form002222 dl.dl{ width:100%; float:none; max-width:none;} .Form002222 textarea{border:1px solid #dfdfdf; overflow:hidden; resize:none; width:100%; height:250px; padding:10px; color:#5b5b5b;} .Form002222 .btn{ display:inline-block; line-height:36px; min-width:150px; margin-right:20px; background-color:#f3f3f3; color:#728391; font-size:14px; border:none; cursor:pointer; border-radius: 50px;} .Form002222 .submitbtn{ color:#fff; background-color:#0055a2;} @media(max-width:640px){ .Form002222 dl{ float:none; width:100%; margin-left:0 !important;} .Form002222 textarea{ height:250px;} } @media(max-width:480px){ .Form002222 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;} } /*Form002219 End*/ .strategy{padding-bottom: 2%;} @media(min-width:1025px){ .strategy .word{width: 50%;float:left;} .strategy .pic{float: right;} } .strategy .p{font-size: 18px;font-weight: bold;color: #0055a2;} .strategy .p:after{content:'';background: #e97b23;width: 42px;height: 2px;display: block;margin-top: 1%;} .strategy p{font-size: 16px;line-height: 30px;} /* .RighInfo002275 */ .RighInfo002275 .p,.RighInfo002275 .h2,{} .RighInfo002275{padding: 8% 0} .RighInfo002275 .text{margin-bottom: 30px} .RighInfo002275 .text .title{font-size: 30px;color: #e4e4e4;font-weight: normal;margin-bottom: 20px;} .RighInfo002275 .text .title span{font-weight: 700;} .RighInfo002275 .text .p{font-size: 16px;color:#666;line-height: 38px; margin: 0; padding: 0;} .RighInfo002275 .map{width: 100%;height: 200px;} .RighInfo002275 .map #map{height: 100%;} .RighInfo002275 .map img{max-width: none !important;} @media screen and (min-width: 768px) { .RighInfo002275 .text{float: left;width: 45%;} .RighInfo002275 .map{float: right;width: 50%;height: 260px;} } @media screen and (min-width: 1024px) { .RighInfo002275 .auto{background: url(../images/RighInfo002275-contact_bg.png) no-repeat center;} .RighInfo002275 .map{float: right;width: 50%;height: 320px;} .RighInfo002275 .text .title{font-size: 52px;} } @media screen and (min-width: 1200px) { .RighInfo002275{padding: 40px 0 90px} .RighInfo002275 .text .title{margin-bottom: 42px} .RighInfo002275 .map{width: 700px;height: 430px;} .RighInfo002275 .text{width: 40%;} } /*Floor002048 */ .Floor002048{ padding-bottom:2%;position:relative;} .Floor002048 .auto{ } .Floor002048 .item{ position:relative; text-align:center;} .Floor002048 .item a{ position:absolute; left:0; top:0; right:0; bottom:0; } .Floor002048 .item p{ margin:0; font-size:18px; padding:5% 3% 3% 3%; color:#000; text-transform:uppercase;} .Floor002048 .item i{ color:#8a8fa0; display:block; padding-bottom:5%;font-style:normal;} .Floor002048 .item a:hover{ border-width:3px; border-color:#243e92;} .Floor002048 .item a:hover i{ color:#e4151b;} .Floor002048 .item figure{ padding:0%;} .Floor002048 .item figure span{ display:block; padding-bottom:106%; background-size:contain;} .Floor002048 .item figure img{ display:none;} .Floor002048 .owl-nav{ position:absolute; right:0; top:9%;} .Floor002048 .owl-nav button{ float:left; width:32px; height:22px; background:url(../images/Floor002049-btn.gif) no-repeat 11px center; overflow:hidden; line-height:100px; border:1px solid #e5e5e5; cursor:pointer;} .Floor002048 .owl-nav button.owl-next{ border-left:0; background-position:-18px center;} .Floor002048 .owl-nav button:hover{ background-image:url(../images/Floor002049-btn_hover.gif); background-color:#0055a2; border-color:#0055a2;} @media(max-width:1200px){ .Floor002048 .owl-nav{ right:2%;} } @media(max-width:640px){ .Floor002048 h1{ font-size:18px;} } @media(max-width:480px){ .Floor002048 h1 span{ display:none;} } .fancybox-close{ background:none !important;} .fancybox-close::before, .fancybox-close::after{ position:absolute; content:''; width:100%; height:3px; border-radius:3px; background:#fff; transform:rotate(45deg); left:0; top:50%; margin-top:-1.5px;} .fancybox-close::after{transform:rotate(-45deg);} /*插件样式，如果有多个一样的只留一份*/ @media(min-width:1201px){ html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow:hidden; /*Avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color: rgba(0,0,0,0); } #superContainer { height: 100%; position: relative; /* Touch detection for Windows 8 */ -ms-touch-action: none; /* IE 11 on Windows Phone 8.1*/ touch-action: none; } .fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; } .fp-slide { float: left; } .fp-slide, .fp-slidesContainer { height: 100%; display: block; } .fp-slides { z-index:1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; } .fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout:fixed; width: 100%; } .fp-tableCell { /*display: table-cell; vertical-align: middle;*/ width: 100%; height: 100%; } .fp-slidesContainer { float: left; position: relative; } .fp-controlArrow { -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .fp-scrollable { overflow: hidden; position: relative; } .fp-scroller{ overflow: hidden; } .iScrollIndicator{ border: 0 !important; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0,0,0); } #fp-nav.right { right: 17px; } #fp-nav.left { left: 17px; } .fp-slidesNav{ position: absolute; z-index: 4; left: 50%; opacity: 1; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .fp-slidesNav.bottom { bottom: 17px; } .fp-slidesNav.top { top: 17px; } #fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; } #fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position:relative; } .fp-slidesNav ul li { display: inline-block; } #fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; } #fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #333; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{ width: 10px; height: 10px; margin: -5px 0px 0px -5px; } #fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; cursor: pointer; } #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; } #fp-nav ul li .fp-tooltip.right { right: 20px; } #fp-nav ul li .fp-tooltip.left { left: 20px; } .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{ height: auto !important; } .fp-auto-height.fp-section{ padding-top: 0!important;} .fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; } } /* .Other002373 */ .Other002373{ background: #fff;} .Other002373 .header{ padding: 0 2%; position: fixed; width: 100%; top:0; overflow: hidden; z-index: 110;} .Other002373 .header .logo{ float: left; max-width: 205px; padding: 10px 0; position: relative; z-index: 60;} .Other002373 .header .MenuIcon{ position:absolute; width: 42px; height: 42px; border-left: 1px solid rgba(255,255,255,.3); border-right: 1px solid rgba(255,255,255,.3); right: 2%; top: 50%; margin-top: -21px; z-index: 60;} .Other002373 .header .MenuIcon:before, .Other002373 .header .MenuIcon:after{ content: ""; position: absolute; width: 70%; height: 1px;background-color:#FFFFFF; -moz-opacity:0.3; opacity: 0.3; filter:alpha(opacity=30);} .Other002373 .header .MenuIcon:before{ top: 0; right: 0;} .Other002373 .header .MenuIcon:after{ bottom: 0;left: 0;} .Other002373 .header .MenuIcon span, .Other002373 .header .MenuIcon span:before, .Other002373 .header .MenuIcon span:after{ position: absolute; width: 70%; height: 2px; background-color: #fff;block; left: 15%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; } .Other002373 .header .MenuIcon span:before, .Other002373 .header .MenuIcon span:after{ content: ""; width: 100%; left: 0;} .Other002373 .header .MenuIcon span{ top: 20px;} .Other002373 .header .MenuIcon span:before{ top: -10px;} .Other002373 .header .MenuIcon span:after{ top: 10px;} .Other002373 .header .MenuIcon.open span{ height: 0;} .Other002373 .header .MenuIcon.open span:before{ top: 0; transform: rotate(45deg);} .Other002373 .header .MenuIcon.open span:after{ top: 0; transform: rotate(-45deg);} .Other002373 .header nav{ top: 0; width: 100%;background:rgba(255, 255, 255, 0.24) none repeat scroll 0 0 !important; filter:Alpha(opacity=24); background:#fff; left: auto; right:0; opacity: 1; height: 100%;} .Other002373 .header nav ul{ position: relative; z-index: 5;} .Other002373 .header nav ul li>a{ display: block; font-size: 15px; color: #333; padding: 10px 25px;} .Other002373 .header nav.show{ right: 0; opacity: 1; width: 100%;} .Other002373 .header nav ul li.onnav>a{background:rgba(255, 255, 255, 0.38) none repeat scroll 0 0 !important; filter:Alpha(opacity=38); background:#fff; } .Other002373 #fullPage{ height: 100%; position: relative; /* touch-action: none; transform: translate3d(0px, 0px, 0px); transition: all 700ms ease;*/ } #fp-nav ul li+li{ position: relative; margin-top: 30px;} #fp-nav ul li+li:before, #fp-nav ul li+li:after, #fp-nav ul li+li a:before{ content: ""; position: absolute; width: 2px; height: 2px; background: #0055a2; left: 50%; margin-left: -1px;} #fp-nav ul li+li:before{ top: -28px;} #fp-nav ul li+li:after{ top: -18px;} #fp-nav ul li+li a:before{ top: -8px;} #fp-nav ul li a span{display: block; width: 6px; height: 6px;border-radius: 0; background-color: #0055a2; position: static; margin: 0 auto;} #fp-nav ul li a.active,#fp-nav ul li:hover a.active { border: 1px dotted rgba(252,156,36,.4); padding: 2px 0 0 0;} #fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, #fp-nav ul li:hover a span{ background-color: #fc9c24; border-radius: 0 !important; margin: 0 auto; width: 6px; height: 6px;} .Other002373 .section .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background-position: center; background-repeat: no-repeat; background-size: cover;} .Other002373 .section .word{ position: relative; z-index: 6; text-align:center;} .Other002373 .section .word h1{ color: #000; font-size: 35px;font-weight: normal;text-align: center;} .Other002373 .section .word h1:after{content:"";width: 80px;height: 3px;background: #0055a2;display: block;margin: 0 auto;margin-top: 1%;} .Other002373 .section .word figure{ font-size: 18px; line-height: 32px;} .Other002373 .page2 .bg{background-color: #f3f3f3;} .Other002373 .page2 .word{padding-top: 22%;} .Other002373 .page2 .word figure{font-size: 18px;color: #666;} .Other002373 .page2 .word div{padding-top: 5%;} .Other002373 .page2 .word div img{width: 32.3%;margin-right: 1%;} .Other002373 .page2 .word div img:nth-child(3n){margin-right: 0;} .Other002373 .page3 .word{padding-top: 4%;text-align: left;} .Other002373 .page3 .word div{float: right;width: 100%;padding-top: 0%;} .Other002373 .page3 .word div img{} .Other002373 .page3 .word figure{font-size: 20px; color: #333;line-height: 74px;text-align: center;} .Other002373 .page3 .word figure .p{color: #000; font-size: 35px;font-weight: normal;padding-top: 9%;} .Other002373 .page3 .word figure .p:after{content:"";width: 80px;height: 3px;background: #0055a2;display: block;margin: 0 auto;margin-top: 0%;} .Other002373 .page4 .bg{background-color: #f3f3f3;} .Other002373 .page4 .word{padding-top: 13%;} .Other002373 .page4 .word .pic div{width: 24.1%;float: left;margin-right: 0.9%;margin-top: 0.9%;} .Other002373 .page4 .word .pic div p{background: #fff; width: 100%;margin-top: 0%;padding: 3% 0;font-size: 18px;border-top: 1px solid #f1f1f1; /*background-image: url(../uploadfiles/jiantou.png);background-position: right 5% center;background-repeat: no-repeat;*/} .imghover,.imghover2,.imghover3,.imghover4{display: none;} .Other002373 .page4 .word .pic img:hover .pic .imghover{display: block;} .Other002373 .page5 .word{padding-top: 19%;} .Other002373 .page6 .bg{background-color: #f3f3f3;} .Other002373 .page6 .word{padding-top: 18%;} .Other002373 .page7 .word{padding-top: 18%;} @media only screen and (min-width:1024px ) { .Other002373 .header{ padding: 0 5%; } .Other002373 .header .logo{ padding: 20px 0;} .Other002373 .header .MenuIcon{ right: 5%;} .Other002373 .header nav{ position: absolute; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;} .Other002373 .header nav ul{padding-left: 30%; width: 100%;} .Other002373 .header nav ul li{ float: left;} .Other002373 .header nav ul li>a{padding: 33px 25px;} .Other002373 .header nav.show{ height: 86px; width: 100%;} .Other002373 .header nav ul li.onnav>a,.Other002373 .header nav ul li>a:hover{background:rgba(255, 255, 255, 0.38) none repeat scroll 0 0 !important; filter:Alpha(opacity=38); background:#fff; border: 1px solid #bfd1e2; border-bottom: none;} .Other002373 .header nav ul li.onnav>a,.Other002373 .header nav ul li>a:hover{background:rgba(255, 255, 255, 0.38) none repeat scroll 0 0 !important; filter:Alpha(opacity=38); background:#fff; border: 1px solid #bfd1e2; border-bottom: none;} .Other002373 .section .word h1{ margin: 3% 0;} .Other002373 .section .word figure{margin: 3% 0;} } @media only screen and (max-width:1200px ) { .Other002373 .header nav ul li>a{padding: 33px 13px;} } @media only screen and (max-width: 1023px) { .Other002373 .header{ overflow: visible;} .Other002373 .header nav{background:rgba(42, 42, 42, 1.0) !important ; filter:Alpha(opacity=100); background:#2a2a2a; z-index: 50; box-shadow:0px 0px 10px 2px rgba(0,0,0,.5); -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,.5); transition: right .5s ease-in-out; -webkit-transition: right .5s ease-in-out; -moz-transition: right .5s ease-in-out; -ms-transition: right .5s ease-in-out; } .Other002373 .header nav.show{ height: 100%; position: fixed; width: 50%; max-width: 300px; min-width: 200px; padding-top: 70px;} .Other002373 .header nav ul li>a{ padding: 10px 15px; color: #fff;} #fp-nav.right{ right: 5px;} } @keyframes firstPart { 0% { bottom: 40px; } 100% { bottom: 20px; } } @-webkit-keyframes firstPart { 0% { bottom: 40px; } 100% { bottom: 20px; } } .Other002373 .mousetip { display: none; background: url(../images/Other002373-mousetip.png) no-repeat; width: 62px; height: 63px; position: absolute; bottom: 10px; left: 50%; margin-left: -31px; z-index: 100; cursor: pointer; animation-name: firstPart; animation-duration: 0.8s; animation-timing-function: linear; animation-delay: 0.3s; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; -moz-animation-name: firstPart; -moz-animation-duration: 0.8s; -moz-animation-timing-function: linear; -moz-animation-delay: 0.3s; -moz-animation-iteration-count: infinite; -moz-animation-direction: alternate; -moz-animation-play-state: running; -webkit-animation-name: firstPart; -webkit-animation-duration: 0.8s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0.3s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; -o-animation-name: firstPart; -o-animation-duration: 0.8s; -o-animation-timing-function: linear; -o-animation-delay: 0.3s; -o-animation-iteration-count: infinite; -o-animation-direction: alternate; -o-animation-play-state: running; } .Other002373 .mousetip.up{ background-image: url(../images/Other002373-mousetip_up.png);} .Other002373 .footer ,.Other002373 .footer a{ color: #a9a9a9;} .Other002373 .footer a:hover{ color: #fff;} .Other002373 .footer .bottom{ background: #2a2a2a; padding:4% 0;} .Other002373 .footer nav li{ width: 100%;} .Other002373 .footer nav li h3{ font-size: 15px; color: #fff; margin: 0 0 10px;} .Other002373 .footer nav li dl dd{ padding: 5px 0;} .Other002373 .footer nav li.weixin .pic{ padding-top: 5px;} .Other002373 .footer nav li.contact .tel{ font-size: 22px; color: #044f9f; font-weight: bold;} .Other002373 .footer nav li.contact .time{ margin: 0;} .Other002373 .footer .share{ padding-top: 10px;} .Other002373 .footer .share a{ display: inline-block; margin-right: 8px; border-radius: 50%; background-color: #444; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 20px; cursor: pointer;} .Other002373 .footer footer{ background: #252525; padding: 15px 0;} .Other002373 .footer .copyright{ margin: 0;} .Other002373 .footer .links a{ display: inline-block; margin-right: 20px; position: relative;} .Other002373 .footer .links a+a:before{left: -10px;content: ""; width: 1px; height: 50%; background: #919191; position: absolute; top: 30%;} @media only screen and (min-width:1024px ) { .Other002373 .footer nav li{ float: left; width: 12%;} .Other002373 .footer nav li.contact{ width: 15%;} .Other002373 .footer .copyright{ float: left;} .Other002373 .footer .links{ float: right;} } @media only screen and (max-width:1023px ) { .Other002373 .footer nav li dl{ display: none;} .Other002373 .footer nav li{ border-bottom: 1px solid #434242;} .Other002373 .footer nav li h3{ position:relative; margin-top: 10px;} .Other002373 .footer nav li h3 span{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .Other002373 .footer nav li.weixin,.Other002373 .footer nav li.contact{ margin-top: 15px; text-align: center; border-bottom: none;} .Other002373 .footer footer{ text-align: center;} } /* .Other002374 */ .Other002374 #fullPage{ height: 100%; position: relative; /* touch-action: none; transform: translate3d(0px, 0px, 0px); transition: all 700ms ease;*/ } @media(max-width:768px){ .Other002374 #fullPage{transform: translate3d(0px, 0px, 0px) !important;height:auto !important; transition:none !important;touch-action:auto !important ;} .fp-enabled body, .fp-enabled{overflow: visible !important; height: auto !important;} } #fp-nav ul li+li{ position: relative; margin-top: 30px;} #fp-nav ul li+li:before, #fp-nav ul li+li:after, #fp-nav ul li+li a:before{ content: ""; position: absolute; width: 2px; height: 2px; background: #0055a2; left: 50%; margin-left: -1px;} #fp-nav ul li+li:before{ top: -28px;} #fp-nav ul li+li:after{ top: -18px;} #fp-nav ul li+li a:before{ top: -8px;} #fp-nav ul li a span{display: block; width: 6px; height: 6px;border-radius: 0; background-color: #0055a2; position: static; margin: 0 auto;} #fp-nav ul li a.active,#fp-nav ul li:hover a.active { border: 1px dotted rgba(252,156,36,.4); padding: 2px 0 0 0;} #fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, #fp-nav ul li:hover a span{ background-color: #fc9c24; border-radius: 0 !important; margin: 0 auto; width: 6px; height: 6px;} @media(max-width:1200px){ #fp-nav{ display:none;} } .Other002374 .section .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background-position: center; background-repeat: no-repeat; background-size: cover;} .Other002374 .auto.ycenter{ height:100%;} .Other002374 .section .word{ position: relative; z-index: 6; text-align:center; width:100%;} .Other002374 .section .word h1.tit{ color: #000; font-size: 35px;font-weight: normal;text-align: center;} .Other002374 .section .word h1.tit:after{content:"";width: 80px;height: 3px;background: #0055a2;display: block;margin: 0 auto;margin-top: 1%;} .Other002374 .section .word figure{ font-size: 18px; line-height: 32px;} .Other002374 .page1{ padding-top:0 !important;} .Other002374 .page1 > div{ height:100% !important;} .Other002374 .page2{background-color: #f3f3f3;} /*.Other002374 .page2 .word{padding-top: 16%;}*/ .Other002374 .page2 .word figure{font-size: 18px;color: #666;} .Other002374 .page2 .word .RighInfo002228{padding:0;} .Other002374 .page2 .word div img{width: 100%;margin-right: 1%;} .Other002374 .page2 .word div img:nth-child(3n){margin-right: 0;} .Other002374 .page2 .no-owl{ overflow:hidden;} .Other002374 .page2 .no-owl .item{ width:33.03333%; margin:0 0.15%; float:left;} .Other002374 .page2 .owl-carousel .item .Ispic{ background-size:contain; padding-bottom:66%; background-color:#fff;} .Other002374 .page2 .owl-carousel .owl-nav{ display:none;} .Other002374 .page3 .word{/*padding-top: 13%;*/text-align: left;} .Other002374 .page4{background-color: #f3f3f3;} .Other002374 .page4 .word .pic div{width: 24.1%;float: left;margin-right: 0.9%;margin-top: 0.9%;} .Other002374 .page4 .word .pic div p{background: #fff;width: 100%;margin-top: 0%;padding: 3% 0;font-size: 18px;border-top: 1px solid #f1f1f1;} .Other002374 .page6{background-color: #f3f3f3;} .Other002374 .page7 h1{padding-bottom: 0%;} @media only screen and (min-width:1024px ) { .Other002374 .section .word h1{ margin: 3% 0;} .Other002374 .section .word figure{margin: 3% 0;} } @media only screen and (max-width:1200px ) { .Other002374 .section{ padding-top:0 !important; height:auto !important;} .Other002374 .section .fp-tableCell{height:auto !important;} .Other002374 .section .word{ padding:3%;} } @media only screen and (max-width: 1023px) { #fp-nav.right{ right: 5px;} } @media(max-width:768px){ .Other002374 .section .word *{ font-size:14px !important; line-height:20px !important;} .Other002374 .section .word h1.tit{ font-size:20px !important;line-height:30px !important;} /*#fullPage{transform: translate3d(0, 0, 0) !important;}*/ } @media(max-width:480px){ .Other002374 .section .word h1.tit{ font-size:20px;} } @keyframes firstPart { 0% { bottom: 40px; } 100% { bottom: 20px; } } @-webkit-keyframes firstPart /* Safari and Chrome */ { 0% { bottom: 40px; } 100% { bottom: 20px; } } .Other002374 .mousetip { display: none; background: url(../images/Other002373-mousetip.png) no-repeat; width: 62px; height: 63px; position: absolute; bottom: 10px; left: 50%; margin-left: -31px; z-index: 100; cursor: pointer; animation-name: firstPart; animation-duration: 0.8s; animation-timing-function: linear; animation-delay: 0.3s; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; -moz-animation-name: firstPart; -moz-animation-duration: 0.8s; -moz-animation-timing-function: linear; -moz-animation-delay: 0.3s; -moz-animation-iteration-count: infinite; -moz-animation-direction: alternate; -moz-animation-play-state: running; -webkit-animation-name: firstPart; -webkit-animation-duration: 0.8s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0.3s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; -o-animation-name: firstPart; -o-animation-duration: 0.8s; -o-animation-timing-function: linear; -o-animation-delay: 0.3s; -o-animation-iteration-count: infinite; -o-animation-direction: alternate; -o-animation-play-state: running; } .Other002374 .mousetip.up{ background-image: url(../images/Other002373-mousetip_up.png);} .Other002374 .footer ,.Other002373 .footer a{ color: #a9a9a9;} .Other002374 .footer a:hover{ color: #fff;} .Other002374 .footer .bottom{ background: #2a2a2a; padding:4% 0;} .Other002374 .footer nav li{ width: 100%;} .Other002374 .footer nav li h3{ font-size: 15px; color: #fff; margin: 0 0 10px;} .Other002374 .footer nav li dl dd{ padding: 5px 0;} .Other002374 .footer nav li.weixin .pic{ padding-top: 5px;} .Other002374 .footer nav li.contact .tel{ font-size: 22px; color: #044f9f; font-weight: bold;} .Other002374 .footer nav li.contact .time{ margin: 0;} .Other002374 .footer .share{ padding-top: 10px;} .Other002374 .footer .share a{ display: inline-block; margin-right: 8px; border-radius: 50%; background-color: #444; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 20px; cursor: pointer;} .Other002374 .footer footer{ background: #252525; padding: 15px 0;} .Other002374 .footer .copyright{ margin: 0;} .Other002374 .footer .links a{ display: inline-block; margin-right: 20px; position: relative;} .Other002374 .footer .links a+a:before{left: -10px;content: ""; width: 1px; height: 50%; background: #919191; position: absolute; top: 30%;} @media only screen and (min-width:1024px ) { .Other002374 .footer nav li{ float: left; width: 12%;} .Other002374 .footer nav li.contact{ width: 15%;} .Other002374 .footer .copyright{ float: left;} .Other002374 .footer .links{ float: right;} } @media only screen and (max-width:1023px ) { .Other002374 .footer nav li dl{ display: none;} .Other002374 .footer nav li{ border-bottom: 1px solid #434242;} .Other002374 .footer nav li h3{ position:relative; margin-top: 10px;} .Other002374 .footer nav li h3 span{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .Other002374 .footer nav li.weixin,.Other002373 .footer nav li.contact{ margin-top: 15px; text-align: center; border-bottom: none;} .Other002374 .footer footer{ text-align: center;} } /*Banner002594 */ .Banner002594{width: 100%;height:100%;} .Banner002594 .controls ul{} .Banner002594 .controls{ position:absolute; z-index:2; right:41%; bottom:5%;} .Banner002594 .controls ol{ font-family:Arial, Helvetica, sans-serif; color:#838281;display: inline-block;position: absolute;right: 55%;bottom:0.5%;} .Banner002594 .controls ol span.swiper-pagination-current{ color:#00a2e9; font-size:36px;} .Banner002594 .controls li{ width:130px;height:10px;float:left; background:url(../images/Banner002594_btn_next.png) no-repeat left center; cursor:pointer; margin:10px 0 15px 0px;} .Banner002594 .controls li.prev{ background-image:url(../images/Banner002594_btn_prev.png);} .Banner002594 .swiper-container {position: relative;overflow: hidden;z-index: 1; width:100%; height:100%;} .Banner002594 .swiper-container-android .swiper-slide, .swiper-wrapper {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .Banner002594 .swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;-webkit-box-sizing: content-box; box-sizing: content-box;} .Banner002594 .swiper-container-fade .swiper-slide-active {pointer-events: auto;} .Banner002594 .swiper-container-fade .swiper-slide {pointer-events: none;-webkit-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;} .Banner002594 .swiper-slide {position: relative;height: 100%;width: 100%;background-position: center center;background-size: cover; background-repeat:no-repeat;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;} .Banner002594 .swiper-slide::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; z-index:1; background:rgba(0,0,0,0.3);} .Banner002594 .inner{ width:100%; margin-top: 22%;text-align:center; color:#fff; position:relative; z-index:3; padding:0 3%;} .Banner002594 .inner p{ margin:0;} .Banner002594 .inner .p1{ font-size:24px;} .Banner002594 .inner .p2{ font-size:60px; margin:0.5% 0 1% 0;} .Banner002594 .inner .more{ text-align:center;} .Banner002594 .inner .more a{ display:inline-block; line-height:46px; background:#00a2e9; color:#fff; width:50%; max-width:175px;} .Banner002594 .inner .more a::after{ display:inline-block; content:''; width:33px; height:8px; background:url(../images/Banner002594_btn_next.png) no-repeat center center; background-size:contain; vertical-align:middle; margin: -4px 0 0 5px;} @media(max-width:480px){ .Banner002594 .inner .p1{ font-size:18px;} .Banner002594 .inner .p2{ font-size:30px; } } /*Banner002594 */ .Banner002595{width: 100%;height:100%;} .Banner002595 .controls{ position:absolute; text-align:center; display:block;z-index:2; left:0; width:100%;bottom:5%;} .Banner002595 .controls > *{ display:inline-block;} .Banner002595 .controls ol{ font-family:Arial, Helvetica, sans-serif; color:#838281; margin:0 15px;} .Banner002595 .controls ol span.swiper-pagination-current{ color:#00a2e9; font-size:36px;} .Banner002595 .controls li{ width:46px;height:10px;background:url(../images/Banner002594_btn_next.png) no-repeat left center; cursor:pointer;} .Banner002595 .controls li.prev{ background-image:url(../images/Banner002594_btn_prev.png);} .Banner002595 .swiper-container {position: relative;overflow: hidden;z-index: 1; width:100%; height:100%;} .Banner002595 .swiper-container-android .swiper-slide, .swiper-wrapper {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .Banner002595 .swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;-webkit-box-sizing: content-box; box-sizing: content-box;} .Banner002595 .swiper-container-fade .swiper-slide-active {pointer-events: auto;} .Banner002595 .swiper-container-fade .swiper-slide {pointer-events: none;-webkit-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;} .Banner002595 .swiper-slide {position: relative;height: 100%;width: 100%;background-position: center center;background-size: cover; background-repeat:no-repeat;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;} .Banner002595 .swiper-slide::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; z-index:1; background:rgba(0,0,0,0.3);} .Banner002595 .inner{ width:100%; /*margin-top: 22%;*/text-align:center; color:#fff; position:relative; z-index:3; padding:120px 3%;} .Banner002595 .inner p{ margin:0;} .Banner002595 .inner .p1{ font-size:24px;} .Banner002595 .inner .p2{ font-size:60px; margin:0.5% 0 1% 0;} .Banner002595 .inner .more{ text-align:center;} .Banner002595 .inner .more a{ display:inline-block; line-height:46px; background:#00a2e9; color:#fff; width:50%; max-width:175px;} .Banner002595 .inner .more a::after{ display:inline-block; content:''; width:33px; height:8px; background:url(../images/Banner002594_btn_next.png) no-repeat center center; background-size:contain; vertical-align:middle; margin: -4px 0 0 5px;} @media(min-width:1201px){ .Banner002595 .swiper-slide img{ display:none;} } @media(max-width:1200px){ .Banner002595{ height:auto !important;} .Banner002595 .swiper-slide{ position:relative;} .Banner002595 .swiper-slide img{ display:block; width:100%;} .Banner002595 .inner{ position:absolute; left:0; top:30%;} } @media(max-width:768px){ .Banner002595 .inner .p1{ font-size:16px;} .Banner002595 .inner .p2{ font-size:26px; } .Banner002595 .controls ol span.swiper-pagination-current{ font-size:24px;} } @media(max-width:640px){ .Banner002595{} } /* .Floor002232 */ /*.Floor002232 .titl{ text-align: center; font-size: 20px; color: #c49162; padding: 40px 0 } .Floor002232 .titl p{ margin: 0; font-size: 13px; text-transform: uppercase; letter-spacing: 5px; color: #e3ccbb;}*/ .Floor002232 li{ position: relative; font-size: 14px; margin: 10px 10px 0px 0; color: #fff; line-height: 24px; overflow:hidden;} .Floor002232 li .text{position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center; background: rgba(0,0,0,0.4);} .Floor002232 li .text .text-inner{ position: absolute; top: 55%; left: 50%;width: 100%; padding:0 2%; transform: translate(-50%,-50%);} .Floor002232 li h3 a{ font-size: 16px; color: #fff; font-weight: 100} .Floor002232 li p{ height: 48px; overflow: hidden; max-width: 312px; margin: 0 auto } .Floor002232 li h3 span{ width: 27px; display: block; margin: 10px auto; height: 1px;background: #fff} .Floor002232 li h3{margin: 6px 0 0} .Floor002232 li:nth-child(2n) h3 a{ color: #fff} .Floor002232 li:nth-child(2n) .text{ } .Floor002232 li:nth-child(2n) h3 span{ background: #fff} .Floor002232 li img{transition:0.3s ease-in-out;} .Floor002232 li:hover img{ transform:scale(1.1,1.1); } @media (min-width: 640px) { .Floor002232 li{ width: 50%; float: left; margin-right:0; } } @media (min-width: 768px) { /*.Floor002232 .titl{ font-size: 24px;}*/ .Floor002232 li h3 a{ font-size: 18px;} .Floor002232 li h3 span{ margin-top: 15px;margin-bottom: 15px;} } @media (min-width: 1024px) { .Floor002232{overflow: hidden;} /*.Floor002232 .titl{ font-size: 30px;}*/ .Floor002232 li h3 a{ font-size: 18px;line-height: 30px;} .Floor002232 li h3 span{ margin-bottom: 20px; margin-top: 20px;} .Floor002232 ul{ position: relative;} .Floor002232 li{ width: 32.5%; float: left; margin-right:1.25%;} .Floor002232 li:nth-child(3n){ margin-right:0;} .Floor002232 li p{ height: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;} .Floor002232 li:hover p{ height: 72px;} } /* .Floor */ .RighInfo002502{ width: 100%;padding-top: 3%;} .RighInfo002502 .auto_1600{max-width: 1600px; position: relative; background: #fff;} .RighInfo002502 .wrap-container{ margin: 0 auto; max-width: 1200px; padding: 0 15px;} @media (max-width: 1230px) { .RighInfo002502 .wrap-container{ padding: 0 15px; max-width: 1230px;} } .RighInfo002502 ul li{ position:relative; margin-bottom: 20px; } .RighInfo002502 ul li::after{ position:absolute; content:''; z-index:1; right:0; top:0; height:100%; width:1px; opacity:0; transition:0.3s; background:#e4f2ff;} .RighInfo002502 ul li:hover::after{ opacity:1; width:100%;} .RighInfo002502 ul li .liBox{ position:relative; z-index:3;border-radius: 0px 0 0 0; border: 2px solid #e7e7e7; padding: 3px 9%;border-right: 3px solid #015aad; background: url(../images/RighInfo002502-icon.png) no-repeat 95% 20px; background-size: 45px 29px;} .RighInfo002502 ul li:nth-child(2n) .liBox{ border-right-color: #015aad;} .RighInfo002502 ul li .liBox .h3{margin: 0;font-size: 25px;font-weight: normal;padding-top: 10px; color: #e97b23;} .RighInfo002502 ul li .liBox .txt{padding-top: 20px;line-height: 26px; font-size: 18px;} @media screen and (min-width:768px ){ .RighInfo002502 ul li{float: left; width: 30%;margin-right: 4%; margin-bottom: 2%;} .RighInfo002502 ul li:nth-child(3n){margin-right: 0;} .RighInfo002502 ul li .liBox{ background-size: 77px 50px;} .RighInfo002502 ul li:nth-child(3n) .liBox{ border-right-color: #015aad;} .RighInfo002502 ul li:nth-child(3n+1) .liBox{ border-right-color: #015aad;} .RighInfo002502 ul li .liBox .txt{font-size: 16px; padding-top: 20 .px; height: 90px;} } /* .RighInfo002225 */ .RighInfo002225{margin-top: 4%;} .RighInfo002225 .item{ color:#323232; margin:0 auto; padding:15px 0; max-width:553px;} .RighInfo002225 .item .word{ text-align:center; margin-bottom:15px;} .RighInfo002225 .item .word .title{font-size: 18px;color:#333;} .RighInfo002225 .item .pic{ text-align:center;} .RighInfo002225 .item .pic img{width: 100%;} .RighInfo002225 .item .tit{ margin-top:0; font-size:24px; font-weight:normal; font-style:italic;} .RighInfo002225 .item .tit em{ font-size:12px; display:block; padding-left:22px; text-transform:uppercase;} .RighInfo002225 .item.first .tit{ font-style:normal; color:#323232; font-size:24px;} .RighInfo002225 .item .con{line-height:22px;font-size: 16px;color:#666; position:relative; margin:0;} .RighInfo002225 .item .con:before{ display:none;} .RighInfo002225 .item.first .con .stit{ color:#323232; font-size:18px; text-transform:uppercase;} @media screen and (min-width: 768px){ .RighInfo002225 .item{ max-width:none;margin:0; padding:0; overflow:hidden;} .RighInfo002225 .item .word{ float:left; width:50%; text-align:left; padding-right:5%; padding-left:0; margin-bottom:0;} .RighInfo002225 .item .pic{ float:right; width:50%;} .RighInfo002225 .item:nth-child(2n) .word{ float:right; padding-left:5%; padding-right:0;} .RighInfo002225 .item:nth-child(2n) .pic{ float:left;} .RighInfo002225 .item .tit,.RighInfo002225 .item.first .tit{font-size:30px; } .RighInfo002225 .item .word{ padding-top:40px;} .RighInfo002225 .item .con{line-height:24px; max-height:96px; overflow:hidden;padding-left:32px;} .RighInfo002225 .item .con:before{ position:absolute; left:0; top:10px; height:50%; max-height:60px; width:3px; content:""; background-color:#0055a2; display:block;} .RighInfo002225 .item .tit em{ font-size:14px;} .RighInfo002225 .item.first{ position:relative; margin-bottom:60px;} .RighInfo002225 .item.first .word{ position:absolute; width:55%; left:0; top:10%; height:90%; border:1px solid #040000; padding:6% 10% 0 8%;} .RighInfo002225 .item.first .pic{ position:relative; z-index:2;} .RighInfo002225 .item.first .con{ padding-left:0;} .RighInfo002225 .item.first .con:before{ display:none;} } @media screen and (min-width: 1024px){ .RighInfo002225 .item .tit,.RighInfo002225 .item.first .tit{font-size:30px; } .RighInfo002225 .item .word{ padding-top:20px;} .RighInfo002225 .item .con{line-height:30px;max-height:120px;} } /*Floor002537 */ .Floor002537{} .Floor002537 .title{ position:relative; z-index:10;} .Floor002537 .title a.more{ position:absolute; right:0; bottom:0;background:url(../images/Floor002537_more.png) no-repeat right center; padding-right:32px; color:#333; border-bottom:1px solid #333; padding-bottom:5px; height:28px; margin-top:-14px;font-size:18px;} .Floor002537 .title aside{ float:left; width:60%; max-width:330px; padding:2.5% 3%; background:url(../images/Floor002537_titlebg.png) left top; margin-top:-3%;} .Floor002537 .title aside::after{ content:''; width:26px; height:3px; background:#fff; display:block; margin-top:30px;} .Floor002537 .list{ margin:4% 0 0 0; position:relative;} .Floor002537 .list > *{ position:relative;} .Floor002537 .list dl dd{ position:absolute; left:0; top:0; width:50%; height:50%;} .Floor002537 .list dl dd:nth-child(2n){ left:50%;} .Floor002537 .list dl dd:nth-child(3), .Floor002537 .list dl dd:nth-child(4){ top:50%;} .Floor002537 .list dd a{ position:absolute; left:1px; top:1px; right:1px; bottom:1px;background:#eee; padding:15% 10% 0 10%; transition:0.3s;} .Floor002537 .list dd a:hover{ background-color: #0055a2; color:#fff;} .Floor002537 .list dd h4{ font-size:18px; font-weight:normal; margin:10px 0;} .Floor002537 .list dd p{ margin:0; line-height:20px; overflow:hidden; max-height:40px; color:#999;} .Floor002537 .list dd a:hover p{ color:#fff;} .Floor002537 .list dd a:hover time{ opacity:0.5;} .Floor002537 .list dd a::after{ display:block; content:''; background:url(../images/Floor002537_list_more.png) no-repeat; width:17px; height:9px; margin-top:20%;} .Floor002537 .list dd a:hover::after{ background-image:url(../images/Floor002537_list_more_hover.png);} .Floor002537 .list_top li .Ispic{ padding-bottom:86.5%;} .Floor002537 .list_top li .txt{ position:absolute; left:0; bottom:0; width:100%; padding:30% 50% 4% 3%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,85,162,0.45) 90%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,85,162,0.45) 90%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,85,162,0.45) 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .Floor002537 .list_top li a{ color:#fff;} .Floor002537 .list_top li a .Ispic{background-size: contain;} .Floor002537 .list_top li .txt p{ font-size:20px; margin:0;} .Floor002537 .list_top .bx-pager{ position:absolute; right:3%; z-index:10; bottom:5%;} .Floor002537 .list_top .bx-pager div{ float:left; padding:0 3px;} .Floor002537 .list_top .bx-pager div a{ display:block; width:11px; height:11px; border:1px solid #fff; overflow:hidden; line-height:1000px;} .Floor002537 .list_top .bx-pager div a.active{ background:#fc9c24; border:0;} .Floor002537 .list_top .bx-viewport{ z-index:1;} @media(min-width:769px){ .Floor002537 .list > *{float:left; width:50%; padding-bottom:43.334%; overflow:hidden;} .Floor002537 .list_top .bx-wrapper{ position:absolute; left:0; top:1px; bottom:0; right:1px; } } @media(min-width:769px) and (max-width:1024px){ .Floor002537 .list dd h4{ font-size:16px;} .Floor002537 .list dd p{ font-size:12px;} .Floor002537 .list dd a::after{margin-top:10%;} } @media(max-width:768px) and (min-width:481px){ .Floor002537 .list dl{ padding-bottom:86%;} } @media(max-width:480px){ .Floor002537 .list dl dd{ position:relative; width:100%; height:auto; left:auto !important;} .Floor002537 .list dl dd a{ position:relative; left:auto; bottom:auto; right:auto; top:auto; display:block; padding:5%; margin-bottom:2px;} .Floor002537 .list dd a::after{margin-top:20px;} .Floor002537 .list_top li .txt p{ font-size:16px;} } /*RighInfo002523 */ .RighInfo002523{ padding:5% 0;} .RighInfo002523 li{ float:left; text-align:center; margin-bottom:3%; position:relative;} .RighInfo002523 li span{ font-size:30px; color:#0055a2; font-family:Arial, Helvetica, sans-serif;} .RighInfo002523 li h5{ margin:0 0 10px 0; font-size:16px;font-weight: normal;} .RighInfo002523 li .pic{ padding:5px;border-radius:50%; background:#f5f5f5; max-width:110px; width:60%; overflow:hidden; margin:0 auto; position:relative; z-index:10;} .RighInfo002523 li .pic img{ display:block;border-radius:50%; width:100%;} @media(min-width:769px){ .RighInfo002523 li{width:25%;} .RighInfo002523 ul:nth-child(2n) li{ float:right;} .RighInfo002523 li::before{ position:absolute; content:''; width:100%; top:65%; background:#eee; height:2px; left:0;} .RighInfo002523 ul li:first-child::before{width:50%; right:0; left:auto;} .RighInfo002523 ul li:last-child::before{ width:50%; border-top:2px solid #eee; border-right:2px solid #eee; background:none; height:50%; left:0; } .RighInfo002523 ul:nth-child(2n) li:first-child::before{ width:50%; right:auto; left:0;} .RighInfo002523 ul:nth-child(2n) li:last-child::before{ border-right:0; border-left:2px solid #eee; left:50%;} .RighInfo002523 li::after{ content:''; background:url(../images/RighInfo002523_icon_right.png) no-repeat; width:36px; height:36px; position:absolute; right:0; top:60%; margin-top:-7px; margin-right:-10px;} .RighInfo002523 ul li:last-child::after, .RighInfo002523 ul:nth-child(2n) li:last-child::after{ left:50%; top:auto; margin-left:-19px; bottom:-38px; background-image:url(../images/RighInfo002523_icon_down.png);} .RighInfo002523 ul:nth-child(2n) li::after{ right:auto; left:0; background-image:url(../images/RighInfo002523_icon_left.png);} .RighInfo002523 ul:nth-child(2n) li::after{ margin-right:0; margin-left:-10px;} .RighInfo002523 ul:nth-child(2n) li:last-child::after{margin-left:-18px;} .RighInfo002523 ul:last-child li:last-child::before{ width:50%; height:4px;} .RighInfo002523 ul:last-child li:last-child::after{ display:none;} } @media(max-width:1024px) and (min-width:769px){ .RighInfo002523 li h5{ height:40px; line-height:20px; overflow:hidden;} } @media(max-width:768px){ .RighInfo002523 ul::after{ display:none;} .RighInfo002523 li{ width:50%; padding:2%;} .RighInfo002523 li:nth-child(2n+1){ clear:left;} .RighInfo002523 li:nth-child(3n+1){ background:#eee;} } /* .PicList001748 */ .chengpin_type{ margin-bottom:3.5%;} .chengpin_type li{font-size: 16px; cursor:pointer; border: 1px solid #ccc; padding: 1% 3%;margin: 1%;display: inline-block;} .chengpin_type li:hover, .chengpin_type li.aon{color:#0055a2;border:1px solid #0055a2;} .PicList001748 li{width: 23%;margin-right: 2.5%;float: left;margin-bottom: 2.5%;} .PicList001748 li:nth-child(4n){ margin-right:0;} .PicList001748 li .Ispic{ padding-bottom:100%;} .PicList001748 li h3{ font-size:16px;margin: 20px 0 0 0;font-weight: normal;color:#666} .PicList001748 li:hover{color:#0055a2;} /* .RighInfo002228 */ .RighInfo002228{ padding:3% 0;} .RighInfo002228 .auto{ max-width:1200px;} .RighInfo002228 .single-content{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden; font-size:14px; line-height:24px; color:#666;} .RighInfo002228 .single-content p{ text-indent:2em; margin:0;font-size: 16px;line-height: 38px; padding:10px 0;} .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:#f3eee9; position:absolute; top:50%; z-index:1; margin-top:0;} } @media screen and (min-width:1024px){ .RighInfo002228 .single-header h1{ font-size:30px;} } /* .RichInfo004 */ .RichInfo004{ padding:30px 0;} .RichInfo004 p{text-align: left;font-size: 18px;line-height: 45px;color: #333;} @media(min-width:1025px){ .RichInfo004{ display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ -webkit-box-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; } .RichInfo004 img{ width:38.4%} .RichInfo004 p{width:61.6%; padding-right:4%;} } /*PicList002146 */ .PicList002146{ padding-top: 2%;} .PicList002146 li{ float:left; width:32%; margin-right: 1.8%;} .PicList002146 li:nth-child(3n){margin-right: 0;} .PicList002146 li a{ display:block; position:relative;} .PicList002146 li h3, .PicList002146 li h5{ margin:0; text-align:center; font-size:18px; font-weight:normal;} .PicList002146 li figure{ padding-bottom:65%;} .PicList002146 li h3{ border:1px solid #e8e8e8; border-top-width:0px; border-top-color:#f4f4f4; padding:0% 4% 2% 2%; line-height:31px; position:relative;} .PicList002146 li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; background:rgba(0,86,152,0.8); z-index:10; transition:0.3s; color:#fff; } .PicList002146 li a:hover .hover{ opacity:1;} .PicList002146 li aside{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);} .PicList002146 li .hover img{ border-radius:50%; width:100px; height:100px;} .PicList002146 li .hover h5{ margin-top:10px; line-height:22px; max-height:44px; overflow:hidden;} .PicList002146 li .hover i{ display:block; height:2px; background:#fff; width:30px; margin:10px auto;} .PicList002146 li .hover p{ font-size:14px; line-height:20px; margin:0; max-height:60px; overflow:hidden;} @media(max-width:1366px){ .PicList002146 li h3, .PicList002146 li .hover h5{ font-size:16px;} } @media(max-width:1366px) and (min-width:1001px){ .PicList002146 li .hover img{ width:70px; height:70px;} .PicList002146 li .hover p{ height:40px;} } @media(max-width:1000px){ .PicList002146 li{ width:48%; margin-left:1%; margin-right:1%;} } @media(max-width:640px) and (min-width:376px){ .PicList002146 li .hover img{ width:50px; height:50px;} .PicList002146 li .hover p{ height:40px;} } @media(max-width:480px){ .PicList002146 li h3, .PicList002146 li .hover h5{ font-size:14px;} .PicList002146 li .hover h5{ line-height:20px; max-height:40px;} } @media(max-width:375px){ .PicList002146 li{ float:none; width:auto;} } /* .PicList001814 */ .PicList001814{padding-top: 0%;} .PicList001814 li{ float:left; margin-right:1.3%; padding:1% 0; width:32%;} .PicList001814 li:nth-child(3n){ margin-right:0;} .PicList001814 li a{ display:block; border:1px solid #eee; padding:2%;} .PicList001814 li figure{ padding-bottom:64%;} .PicList001814 li figure img{ display:none;} .PicList001814 li h2{ margin:0; font-size:18px; color: #333; line-height:50px;} .PicList001814 li p{ margin:0 0 14px 0; font-size:14px; line-height:24px; overflow:hidden; height:48px;} .PicList001814 li span{ display:block;border-top:1px solid #eaeaea; color:#0055a2; line-height:40px; padding-right:15px; font-size:14px;} .PicList001814 li span::after{ display:inline-block; content:''; vertical-align:middle; width:10px; height:10px;background:url(../images/PicList001814-more.png) no-repeat center center;} .PicList001814 li a:hover *{ color:#4858a5;} .PicList001814 li a:hover h2{ font-weight:bold;} @media(max-width:768px){ .PicList001814 li{ width:48%; margin-right:4%;} .PicList001814 li:nth-child(3n){ margin-right:4%;} .PicList001814 li:nth-child(2n){ margin-right:0;} } @media(max-width:375px){ .PicList001814 li{ width:auto; float:none; margin-right:0;} } /* .Floor001743 */ .Floor001743{padding:1% 0;} .Floor001743 .link{ width:100%; margin:0; display:block;} .Floor001743 .link p{ margin:0; font-size:18px;} .Floor001743 .link p a{color: #9b9b9b; margin:0;font-size:14px;} .Floor001743 .link p a:hover{color:#0055a2;} .Floor001743 .link p i{margin: 0 10px; color: #9b9b9b; opacity:0.3; font-style:normal;} /* .PicList000593 */ .PicList000593{ padding-top:2%;} .PicList000593 li{ float:left; width:32%; margin-right:2%; position:relative; margin-bottom:0%;} .PicList000593 li:nth-child(3n){ margin-right:0;} .PicList000593 li .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .PicList000593 li .video_files video{width:100%; height:100%; background-color:#000;} .PicList000593 li .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;} .PicList000593 li .video_files .close::before, .PicList000593 li .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .PicList000593 li .video_files .close::before{ transform:rotate(45deg);} .PicList000593 li .video_files .close::after{ transform:rotate(-45deg);} .PicList000593 li figure{ position:relative;} .PicList000593 li figure em{ display:block; padding-bottom:65%; background-size:contain; background-position:center center; background-repeat:no-repeat;} .PicList000593 li figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.3); } .PicList000593 li figure a::before, .PicList000593 li figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .PicList000593 li figure a::before{width: 70px;height: 70px;border: 3px solid rgba(255,255,255,0.6);margin-left: -35px;margin-top: -35px;border-radius: 50%;} .PicList000593 li figure a::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid rgba(255,255,255,0.6);margin-left: -3px;margin-top: -12px;} .PicList000593 li p{text-align:center;font-size:16px;} @media(max-width:768px){ .PicList000593 li{width:49%; margin-right:2%;} .PicList000593 li:nth-child(3n){ margin-right:2%;} .PicList000593 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000593 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;} .PicList000593 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;} } @media(max-width:375px){ .PicList000593 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;} .PicList000593 li{width:100%; float:none; margin-right:0 !important;} } /* .TextList001203 */ .TextList001203 h1{ margin:0; font-weight:normal; padding:3% 0; font-size:24px; color:#333;} .TextList001203 h1 b{ display:block;} .TextList001203 li{ margin-bottom:10px; line-height:25px; border:1px solid #e3e7e6; padding:0 10px 0 30px; position:relative;} .TextList001203 li::before{ position:absolute; content:''; width:4px; height:4px; border-radius:50%; background-color:#0055a2; left:20px; top:50%; margin-top:-2px;} .TextList001203 li a{ display:block; padding:15px 0;} .TextList001203 li span{ padding-right:10px;font-size: 16px;} .TextList001203 li i{ font-style:normal; position:relative; float:right; padding: 1px 30px 1px 15px; background-color:#0055a2; color:#fff; font-size:14px;} .TextList001203 li i::before{ position:absolute; content:''; width:25px; height:100%; background:url(../images/TextList001203-icon.png) no-repeat center center/contain; right:0;} @media(max-width:480px){ .TextList001203 h1{font-size:20px;} } @media(max-width:375px){ .TextList001203 li i{padding-left:5px;} } .service{padding-bottom: 4%;} .service .title{font-size: 28px;color: #000; text-align: center;padding-bottom: 2%;} .service .title:after{content:'';background: #015aad; width: 50px; height: 3px;display: block;margin: 0 auto;margin-top: 1%;} .service .word{padding-top: 0%;padding-bottom: 2%;} .service .word .pic img{float: left;width: 49.2%;margin-right: 1.5%;} .service .word .pic img:nth-child(2){margin-right: 0;} .service h3{font-size: 20px;color:#015aad;font-weight: bold;} .service p{font-size: 16px;line-height: 28px;} /* .Floor001739 */ .Floor001739{background: url(../images/Floor001739-bg.jpg) repeat; padding:0.5% 0;} .Floor001739 li{float:left;width: 25%;text-align: center; position:relative;} .Floor001739 li::before{ position:absolute; content:''; width:2px; border-right:1px dashed #ccc; right:0; top:20%; height:60%;} .Floor001739 li:last-child::before{ display:none;} .Floor001739 li a{display: block; margin:0 auto; width:80%; max-width:206px;} .Floor001739 li figure img{ width:100%; max-width:188px;} .Floor001739 li figure .hover{ display:none;} .Floor001739 li a:hover figure img{ display:none;} .Floor001739 li a:hover figure .hover{ display:inline-block;} .Floor001739 li h3{font-size: 16px; color: #333;} .Floor001739 li p{line-height: 20px; height:40px; overflow:hidden;font-size: 12px;color: #999; margin-top:0;} .Floor001739 li a:hover *{color: #0055a2 !important;} @media(max-width:768px){ .Floor001739 li{ width:50%;} .Floor001739 li:nth-child(2n)::before{ display:none;} } /*PicList002171 */ .PicList002171{ padding-top:3%;} .PicList002171 li{ float:left; width:22.75%; margin-right:3%; margin-bottom:3%;} .PicList002171 li a{ border:1px solid #e8e8e8; position:relative; display:block;} .PicList002171 li img{ display:block; width:100%;} .PicList002171 li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,108,186,0.95); opacity:0; transition:0.3s;} .PicList002171 li a:hover figure{ opacity:1;} .PicList002171 li dl{ display:table; width:100%; height:100%;} .PicList002171 li dt{ display:table-cell; vertical-align:middle;text-align:center; font-size:18px; color:#fff;} @media(min-width:769px){ .PicList002171 li:nth-child(4n){ margin-right:0;} } @media(max-width:768px){ .PicList002171 li{ width:32%; margin-right:2%;} } @media(max-width:768px) and (min-width:481px){ .PicList002171 li:nth-child(3n){ margin-right:0;} } @media(max-width:480px){ .PicList002171 li{ width:49%;} .PicList002171 li:nth-child(2n){ margin-right:0;} .PicList002171 li dt{ font-size:15px;} } .Bottom{ display:none;} .news_info{ padding-bottom:4%;} .news_info .title{ text-align:center; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;} .news_info .title h1{ font-size:24px; color:#000;} .news_info .title p{ margin-bottom:0; color:#999;} .news_info .info{ padding:2%;} .news_info .info_back{ text-align:center; padding-bottom:3%;} .news_info .info_back a{ color:#0055a2;} .news_info .bdshare-button-style0-16{ display: inline-block; vertical-align: middle; margin-left: 10px;} .news_info .info_pn{ overflow:hidden;} .news_info .info_pn span{ float:left; overflow:hidden; width:50%; padding-right:5%; min-height:20px;} .news_info .info_pn span:last-child{ text-align:right; padding-left:5%; padding-right:0;} .news_info .info_pn span a{ color:#999; font-size:12px;} .search li{ line-height:40px; border-bottom:1px solid #eee;} .same-tit{ color: #000; font-size: 35px;font-weight: normal;text-align: center;} .same-tit:after{content:"";width: 80px;height: 3px;background: #0055a2;display: block;margin: 0 auto;margin-top: 1%;} .bd_weixin_popup, .bd_weixin_popup *{ box-sizing:content-box;} .video-fixed{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; background:rgba(0,0,0,0.5); top:-100%;transform:translateY(-100%); transition:0.3s;} .video-fixed-show{ top:0;transform:translateY(0);} .video-fixed .main{ position:relative; width:100%; margin:0 auto; max-width:900px; padding:10px; background:#fff; text-align:center;} .video-fixed .main p{ font-size:16px; color:#000;} .video-fixed .main .close{ cursor:pointer; position:absolute; right:0; top:0; background: rgba(0,0,0,0.5); width:30px; height:30px;} .video-fixed .main .close::before, .video-fixed .main .close::after{ position:absolute; content:''; width:100%; height:3px; transform:rotate(45deg); left:0; top:50%; margin-top:-1.5px; background:#fff;} .video-fixed .main .close::after{transform:rotate(-45deg);} @media(max-width:1024px){ .video-fixed .main .close{ right:0;} } @media(min-width:1367px) and (max-width:1600px){ .Floor001739, .Floor002232, .PicList002146, .RighInfo002228, .RichInfo004, #Frame, .RighInfo002502, .RighInfo002225{ max-width:80%; margin:0 auto;} .RighInfo002225 .item .con{ line-height:20px; max-height:60px;} .RighInfo002225 .item .con{ font-size:14px;} .Other002374 .section .word h1.tit{ font-size:28px; margin:2% 0;} .RighInfo002228 .single-content p{ padding:1% 0; line-height:30px;} .Floor002537{ max-width:70%; margin:0 auto;} /*.RichInfo004 img{ width:40%;}*/ } @media(min-width:1025px) and (max-width:1366px){ .RighInfo002228, #Frame, .PicList002171, .RighInfo002502{ max-width:80%; margin:0 auto;} .RighInfo002225 .item .con{ line-height:20px; max-height:60px;} .RighInfo002225 .item .con{ font-size:14px;} .Other002374 .section .word h1.tit{ font-size:28px; margin:2% 0;} .RighInfo002228 .single-content p{ padding:1% 0; line-height:30px;} .RichInfo004, .RighInfo002225, .Floor002537{ max-width:70%; margin:0 auto;} .Floor001739, .Floor002232{ max-width:60%; margin:0 auto;} .RighInfo002502{ padding-top:0;} .chengpin_type{ margin-bottom:0;} .RighInfo002523{ padding:0;} .PicList002146{ padding-top:0; max-width:67%; margin:0 auto;} .Form002222 textarea{ height:212px;} .Form002222 dl.dl:last-child{ margin-bottom:0;} } .RighInfo001277 .list li img, .RighInfo001277 .big_img li img{ display: none;} .zoomContainer { z-index: 100; } .zoomLens{ width: 100px; height: 100px;} @media(max-width:768px){ .zoomContainer{ display:none;} } .zoomContainer + .zoomContainer{ height: 0!important;} .ul_sitemap{list-style: none; padding: 3% 0;} .ul_sitemap li a{ display: inline-block; color: #002870;} .ul_sitemap li > strong{ display: block;height:35px; line-height: 35px; background-color: #e4edf4; font-size: 17px; font-weight: bold; padding-left: 20px; border: 1px solid #dad4cf; } .ul_sitemap li > span{ display: block; font-size: 15px; font-weight: bold; background-color: #fbfbfa; padding:10px 0; padding-left: 20px; border-left: 1px solid #dad4cf; border-right: 1px solid #dad4cf; } .ul_sitemap li > span a{ display: inline-block; color: #000; padding:5px 10px;} .ul_sitemap li:last-child > span{ border-bottom:1px solid #dad4cf; } .ul_sitemap{} .footer_other{ position: fixed; left: 0; width: 100%; overflow: hidden; bottom: 0; background: #0055a2; z-index: 100; display: none;} .footer_other a{ float: left; width: 50%; line-height: 50px; color: #fff; text-align: center; font-size: 16px; position: relative;} .footer_other a:before{ content: ''; display: inline-block; width: 35px; height: 35px; vertical-align: middle; background: url("../images/Map002364-icon_Female.png") no-repeat center; background-size: contain; margin-top: -5px;} .footer_other a:last-child:before{ background-image:url("../images/Map002364-icon_tel.png");} .footer_other a:first-child:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #256fb1;} @media(max-width:640px){ .Bottom001902{ margin-bottom: 50px;} .footer_other{ display: block;} } .Top002229 .header-mid li{ position: relative;} .Top002229 .header-mid li .submenu{ position: absolute; left: 0; width: 170px; top: 100%; display: none; background: #f9f9f9;} .Top002229 .header-mid li .submenu a{ display: block; line-height: 40px; padding-left: 20px; border-left: 5px solid #0055a2; border-bottom: 1px solid #ececec; } .Top002229 .header-mid li .submenu a:hover{ background: #0055a2; color: #fff;} /*@media(max-width:640px){ .Menu000610_fixed{ top: 197px;} }*/ .Top002229_absolute{ position: absolute;} /*.Menu000610_fixed2{ top: 0;}*/ /*pc弹出视频*/ body > .video_files{ position: fixed; width: 100%; max-width: 720px; height: auto; top: 15%; z-index: 999; } body > .video_files .close { position: absolute; right: 3%; top: 3%; z-index: 10; width: 30px; height: 30px; border-radius: 50%; background-color: #761b1b; cursor: pointer; } body > .video_files .close::before, body > .video_files .close::after { position: absolute; content: ''; width: 3px; height: 70%; border-radius: 3px; background-color: #fff; left: 13px; top: 5px; } body > .video_files .close::before { transform: rotate(45deg); } body > .video_files .close::after { transform: rotate(-45deg); } .am-dimmer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 998; opacity: 1; } .pro_info{ overflow: hidden; } .pro_left{ width: 20%; float: left; padding : 1.6% 0; } dl.pro_menu{ overflow: hidden; background-color: #fff; border: 1px solid #0293d2; border-radius: 5px; padding-bottom: 10px; } dl.pro_menu > dt{ height: 40px; line-height: 40px; font-weight: bold; padding-left: 15px; background-color: #0293d2; color: #fff; } dl.pro_menu > dd{ text-indent: 15px; line-height: 40px; min-height: 40px; padding: 0 5px; /*border-bottom: 1px dashed #b2b1b1;*/ } dl.pro_menu > dd a{ line-height: 40px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-bottom: 1px dashed #b2b1b1; } dl.pro_menu dd:hover,dl.pro_menu dd.on{ color: #0293d2; } dl.sub-menu dt{ background: url(../images/img58.png) no-repeat left center; font-weight: bold; position: relative; } dl.pro_menu dd:hover dl.sub-menu dt{ background-color: inherit; } dl.sub-menu dt:hover a{ color: #0293d2; } dl.sub-menu dt a.switch_menu{ position: absolute; top: 0; right: 0; padding-right: 5px; } dl.pro_menu dd:hover dl.sub-menu dt a,dl.pro_menu dd.on dl.sub-menu dt a{ color: #0293d2; } dl.sub-menu > dd{ background-color: #fff; display: none; } dl.sub-menu dd:hover a,dl.sub-menu dd.on a{ color: #0293d2; } .Floor002411{ text-align: left; } .more-ol{ padding: 0px; display: none; } .more-a{ display: block; text-align: center; width: 35%; background-color: #0055a2; margin: auto; color: #fff; border-radius: 15px; line-height: 35px; } /*WWW.OSCOLOR.COM*/ #app-cover{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.6); z-index: 998; display: none; } #chooseWrapper{ padding: 0px 5%; } .whoBox { margin-top: 38px; padding-left: 53px; position: relative; } .whoBox:before { content: ''; position: absolute; width: 45px; height: 45px; background: url('../images/spriteNew.png'); left:0; } .whoBox.box1:before { background-position: -10px -10px;} .whoBox.box2:before { background-position: -74px -10px;} .whoBox.box3:before { background-position: -135px -10px;} .whoBox.box4:before { background-position: -196px -12px;} .whoBox.box5:before { background-position: -10px -70px;} .whoBox.box6:before { background-position: -74px -70px;} .whoBox.box7:before { background-position: -139px -71px;} .whoBox.box8:before { background-position: -197px -72px;} .whoBox h3 { font-size: 13px; text-transform: uppercase; color: #1073e1; font-weight: 600; margin-top: 0; line-height: 16px; margin-bottom: 5px; } .whoBox p { font-size: 13px; color: #999999; line-height: 14.36px; margin-bottom: 0; } .mainHeading { margin-top: 0px; font-size: 24px !important; color: #535353 !important; font-weight: 900 !important; text-transform: uppercase; line-height: 1.2 !important; position: relative; padding-bottom: 12px; margin-bottom: 0; text-align: center; padding-top: 25px; } .mainHeading:after { content: ''; position: absolute; width: 57px; height: 5px; background: #f2710b; bottom: 0; left: 50%; margin-left: -28.5px; } .Content{ overflow: hidden; } /*left-bottoom*/ .fz12 { font-size: 12px; color: #333; } .dis { display: inline-block; *display: inline; zoom: 1; } .cut { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .trans { -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .app-left-bottom{ overflow: hidden;} .app-left-bottom .title{ width:100%; height:100px; text-align:center; background:#0293d2; border-radius:5px;} .app-left-bottom .title .fz24{ width:100%; color:#fff; margin-top:33px;} .app-left-bottom .title .fz12{ width:100%; color:#c3cfd4; margin-top:5px;} .app-left-bottom .title .fz12.lang2{ display:none;} .app-left-bottom .last{ width:100%; text-align:center;} .app-left-bottom .last .list{ width:100%; height:50px; line-height:50px; border-radius:5px; background:#eee; color:#999; margin-top:1px;} .app-left-bottom .last .list.on{ background:#0293d2; color:#fff; font-weight:bold;} .app-left-bottom .last .list:hover{ background:#0293d2; color:#fff; font-weight:bold;} .app-left-bottom .last .ul{ width:100%; text-align:left; background:#e8f0f4; padding:10px 0;} .app-left-bottom .last .ul .imt{ width:100%; height:35px; line-height:35px; text-indent:20px; color:#555; background:url(../images/img58.png) no-repeat 90% center;} .app-left-bottom .last .ul .imt.on{ text-decoration:underline; color:#0293d2; background:url(../images/img59.png) no-repeat 90% center;} .app-left-bottom .last .ul .imt:hover{ text-decoration:underline; color:#0293d2; background:url(../images/img59.png) no-repeat 90% center;} .app-left-bottom .itme.on .list{ background:#0293d2; color:#fff; font-weight:bold;} .app-left-bottom .others{ width:100%; border-radius:5px; overflow:hidden; margin-top:20px;} .app-left-bottom .others .tit{ width:100%; height:40px; line-height:40px; text-indent:25px; color:#fff; font-weight:bold; background:#0293d2;} .app-left-bottom .others .item{ border:1px solid #0293d2; border-top:none; border-radius:0 0 5px 5px; padding:0 8px;} .app-left-bottom .others .item .list{ width:100%; height:40px; line-height:40px; text-indent:12px; color:#333; background:url(../images/img58.png) no-repeat left center; border-bottom:1px dashed #b2b1b1;} .app-left-bottom .others .item .list:hover{ color:#0293d2; background:url(../images/img59.png) no-repeat left center;} .app-left-bottom .proxj{ width:100%; border-radius:5px; overflow:hidden; margin-top:20px;} .app-left-bottom .proxj .tit{ width:100%; height:60px; line-height:60px; text-indent:25px; color:#fff; font-weight:bold; background:#0293d2;} .app-left-bottom .cont{ width:100%; border-radius:5px; overflow:hidden; margin-top:20px;} .app-left-bottom .cont .tit{ width:100%; height:40px; line-height:40px; text-indent:25px; color:#fff; font-weight:bold; background:#0293d2;} .app-left-bottom .cont .imt{ border:1px solid #0293d2; border-top:none; border-radius:0 0 5px 5px; padding:20px 8px;} .app-left-bottom .cont .imt .img{ width:100%;} .app-left-bottom .cont .imt .img img{ width:100%;} .app-left-bottom .cont .imt .phone{ background:url(../images/img68.jpg) no-repeat left center; padding:10px 0 10px 40px;} .app-left-bottom .cont .imt .phone .Zi1{ font-size:12px; color:#363636; font-weight:bold;} .app-left-bottom .cont .imt .phone .Zi2{ font-size:20px; color:#0662c3; font-weight:bold; margin:-3px 0;} .app-left-bottom .cont .imt .nr{ width:100%; line-height:30px; color:#666;} /*放大镜*/ .box{} .tb-pic a{ display:table-cell; text-align:center; vertical-align:middle; } .tb-pic a img{ vertical-align:middle; width: 100%; } .tb-pic a{ *display:block; *font-family:Arial; *line-height:1; } div.zoomDiv{ z-index: 999; position: absolute; top: 0px; left: 0px; width: 200px; height: 200px; background: #ffffff; border: 1px solid #fff; display: none; text-align: center; overflow: hidden; } div.zoomDiv img{ max-width: none !important; } div.zoomMask{ position: absolute; background: url("../images/mask.png") repeat transparent; cursor: move; z-index: 1; } .ico-logo{ padding-left: 152px; /*background: url(../images/ico.png) no-repeat left center;*/ min-height: 82px; } .submenu{ position: relative; } .app-menu-img{ display: none; position: absolute; z-index: 998; left: 170px; top: 0; width: 320px; height: 100%; overflow: hidden; background-color: #fff; text-align: center; padding: 5px; } .app-menu-img img{ width: 70%; } .app-menu-text{ padding: 20px 10px; text-align: left; line-height: 22px; } .submenu2{ width: 220px; overflow: unset; } .submenu2 .dot{ padding-left: 5px !important; border-left: none !important; } .submenu3{ left: 220px; } /*WWW.OSCOLOR.COM*/ @media(min-width:720px){ /*WWW.OSCOLOR.COM*/ .app-pc-hide{ display: none;} body > .video_files{ left: 50%; margin-left: -360px; } .pro_right{ width: 78%; float: right; } .app-banner{ margin-top: 115px !important; } } @media(max-width:721px){ /*WWW.OSCOLOR.COM*/ .app-mobile-hide{ display: none;} .Floor002537 .list dl{ padding-bottom: 0 !important;} .Floor002537 .list dl dd{ position:relative !important; width:100% !important; height:auto !important; left:auto !important;} .Floor002537 .list dl dd a{ position:relative; left:auto; bottom:auto; right:auto; top:auto; display:block; padding:5%; margin-bottom:2px;} .Floor002537 .list dd a::after{margin-top:0px !important;} .Floor002537 .list_top li .txt p{ font-size:16px;} /*手机端-铸造设备、熔炼设备专题页-行业分析，修改成列表形式*/ .Floor002537 .list > dl > dl{ counter-reset: show-list; } .Floor002537 .list > dl > dd{ counter-increment: item; } .Floor002537 .list > dl > dd a .dot:before{ content: counter(item)"、"; } .Floor002537 .list > dl > dd > a{ padding: 2% !important; } .Floor002537 .list > dl > dd > a > time{ position: absolute; bottom: 5%; right: 5%; z-index: 999; } .Floor002537 .list > dl > dd > a > h4.dot{ text-align: left !important; font-weight: bold; } .Floor002537 .list > dl > dd > a > p{ text-align: left !important; } /*底部联系方式*/ .app-model{ width: 100%; overflow: hidden;} .app-model .app-model-title{ width: 100%; overflow: hidden; text-align: center;background-color: #fff;} .app-model .title-cn{ width: 100%; padding: 5px 0px; overflow: hidden; border-bottom: 1px solid #ccc; font-size: 24px; text-align: center; color: #0055a2;} .app-model .title-en{ padding: 5px; border-top: 3px solid #0055a2; margin-top: -2px; display: inline-block;} .app-bottom-contact{ width: 100%; overflow: hidden;} .app-bottom-contact li{ padding-left: 2%; overflow: hidden; line-height: 50px; height: 50px; font-size: 0.92rem;} .app-bottom-contact li:nth-child(2n){ background-color: #fff;} .app-bottom-contact li > a{ display: block; width: 46px !important; height: 50px !important; float: right; border-left: 1px solid #eee;} .app-bottom-contact li.app-contact-address > a{ background: url(../images/Map002364-icon_add.png) no-repeat center center !important; } .app-bottom-contact li.app-contact-hotline > a{ background: url(../images/Map002364-icon_tel.png) no-repeat center center !important; } .app-bottom-contact li.app-contact-support > a{ background: url(../images/Map002364-icon_Female.png) no-repeat center center !important; } .app-bottom-contact li.app-contact-email > a{ background: url(../images/Map002364-icon_male.png) no-repeat center center !important; } body > .video_files{ left: 0; } .app-Banner002385{ margin-top: 110px;} .app-Banner002595{} .app-Banner002595 .inner { padding: 0; } .app-mobile-last-hide > *:last-child{ display: none; } .Other002374 .section .word *{ font-size: 12px !important; line-height: 18px !important; } .RighInfo001277 .right_info a{ display: none; } .app-mobile-right{ float: right; } .proList *{ font-size: 12px !important; line-height: 18px !important; } .ico-logo{ padding-left: 0; background: none; min-height: 0px; } } @media(max-width:641px){ .Top002229 .header-right{ max-width:none; width:100%; position:relative; right:auto; top:auto; margin-top:0; margin-right:0;} .Top002229 .header-left{ width:100%; padding-right:50%; position:relative;} .Top002229 #header-menu{ top:100px;} .Top002229 #open_menu.open_menu_on{ top:70px;} /*WWW.OSCOLOR.COM*/ .app-mobile-hide{ display: none;} .Other002374,.Banner001347,.app-banner,.pagebanner{ margin-top:7.8rem !important;} } @media(max-width:321px){ .Other002374,.Banner001347,.app-banner,.pagebanner{ margin-top:103px !important;} }