/*Top002742 */ .Top002742{position: relative;left: 0;top: 0;width: 100%;z-index: 100;background-color: #fff;} .Top_Text{ background: #004098; margin-bottom:24px; font:normal 14px/30px "Calibri"; color:#fff;} .Top_Text .auto_1200{ position: relative; z-index: 100;} .Top_Text h1{ display:inline-block; font:normal 14px/30px "Calibri"; color:#fff; width:44.2%;margin: 0;} .Top_Text span{ display:inline-block; padding-left:10px;position: relative;margin-right:10px;} .Top_Text h1 span{margin-left: 10px;} .Top_Text span:before{display:none !important;width: 1px;height: 15px;content: '';background: #fff;position: absolute;left: 0;top: 50%;margin-top:-7.5px;} .Top_Text span img{ display:inline-block; margin-right:10px;} .Top_Text a{ display:inline-block; margin-left:10px;} .Top_Text span a{ margin-left:0; color:#fff;} .Top_Text a img{ display:inline-block; margin-right:10px;} .Top_Text a div{ position:absolute; display:none; top:100%; padding:8px; background-color:#fff; right:0;} .Top_Text a div img{ width:100px; height:100px; margin:0;} .Top_Text a:hover div{ display:inline-block;} .Top_Text a.qq img{ margin:0;} .Top_Text a.wx{ margin-right:0;} .Top_Text a.wx img{ margin-right:0;} .Top002742 .header{position: relative;} .Top002742 .header-left{float: left;display: table;height: 130px;} .Top002742 .header-left > *{display: table-cell; vertical-align: middle;} .Top002742 .header-left .logo{} .Top002742 .header-left .logo img{/* max-width: 129px; */} @media(max-width:480px){ .Top002742 .header-left span{display: none;} } .Top002742 .header-right, .Top002742 .header-mid{float: right;} .Top002742 .header-right{ position:relative; padding-top:10px; z-index:99;} .Top002742 .header-right > *{float: left;} .Top002742 .top-search{ position: absolute; right: 0; top: 100%; width: 100%; display: none;} .Top002742 .top-search .text{ color: #999; background: #fff; border: none; width: 100%; padding: 0 50px 0 10px; height: 35px; line-height: 35px; box-shadow: 0 0 5px rgba(0,0,0,0.3)} .Top002742 .top-search .text.focus{color: #333;} .Top002742 .top-search .btn{position: absolute; right: 0; top: 0; width: 40px; height: 100%; background: url(../images/Top002742_btn_search.png) no-repeat center center #8DA9D0;} @media(min-width:1025px){ .Top002742 .header-left{width: 23%;height: auto;} .Top002742 .header-left img{width: 70%;} .Top002742 .top-search{ width: 140%; right:0%; top:25%; display:block;} } @media(max-width:640px){ .Top002742 .header-left .logo{ width:160px;} .Top002742 .header-right{ margin:0;} .Top_Text{ display:none;} } .Top002742 .top-language{position: relative;} .Top002742 .top-language > span{display: block; line-height: 33px; border-radius: 3px; padding-right: 22px; cursor: pointer;} .Top002742 .top-language > span:before, .Top002742 .top-language > span:after{display: inline-block; vertical-align: middle; } .Top002742 .top-language > span:before{margin: 0 4px 0 13px; width: 14px; height: 14px; } .Top002742 .top-language > span:after{ margin-left: 6px; width: 5px; height: 5px; border-right: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); margin-top: -2px;} .Top002742 .top-language figure{position: absolute; top: 100%; left: 0; width: 100%; background: #fff; display: none;} .Top002742 .top-language figure a{color: #000; padding: 0 10px;display: block; line-height: 30px;} @media(max-width:640px){ .Top002742 .top-language{ padding-top:16%;} .Top002742 .top-language > span{font-size: 0;} } .Top002742 .open-search{background:url(../images/Top002742_btn_search.png) no-repeat center center;width: 35px;height: 35px;margin-right: 17px;position: relative;} .Top002742 .open-search:before, .Top002742 .open-search:after{position: absolute; left: 25%; content: ''; width: 50%; height: 3px; top: 50%; margin-top: -1.5px;background: #fff; opacity: 0; -webkit-opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; } .Top002742 .open-search.on{background: none;} .Top002742 .open-search.on:before, .Top002742 .open-search.on:after{ opacity: 1; -webkit-opacity: 1; -webkit-transform: rotate(45deg);transform: rotate(45deg);} .Top002742 .open-search.on:after{ -webkit-transform: rotate(-45deg);transform: rotate(-45deg);} @media(max-width:640px){ .Top002742 .open-search{ margin-top:16%;} } .Top002742 .header-menu li{ width: auto!important; position:relative} .Top002742 .header-menu li#m1,.Top002742 .header-menu li#m2{ width: auto!important; position: inherit;} .Top002742 .header-menu li em{padding:47px; font-size: 15px;padding-bottom: 20px;} .Top002742 .header-menu li.aon em a{color: #004098;} .Top002742 .header-menu li#m5 em{ padding-right:0;} .Top002742 .header-menu li .sub{left: 0; width: 100%;background: #fff; padding: 18px 0} .Top002742 .header-menu li#m1 .sub,.Top002742 .header-menu li#m2 .sub{ background: #fff;} .Top002742 .header-menu li#m3 .sub{ width:175%; left:0;} .Top002742 .header-menu li#m3 .sub dl{ padding-left:48px;} .Top002742 .header-menu li#m4 .sub{ width:125%; left:0;} .Top002742 .header-menu li#m4 .sub dl{ padding-left:48px;} .Top002742 .header-menu li#m5 .sub{ width:135%; left:-12%;} .Top002742 .header-menu li#m5 .sub dl{ padding-right:24px;} .Top002742 .header-menu li#m5 .sub dl dd{ text-align:right;} .Top002742 .header-menu li#m1 .sub,.Top002742 .header-menu li#m2 .sub{padding: 20px 20px 90px 20px;} .Top002742 .header-menu li#m1 .sub dl,.Top002742 .header-menu li#m2 .sub dl{float: left; width: 17.3%; margin-right:3%;} .Top002742 .header-menu li#m1 .sub dl:last-child,.Top002742 .header-menu li#m2 .sub dl:last-child{ margin-right:0;} .Top002742 .header-menu li .sub dl > *{max-width: 265px;margin: 0 auto;width: 100%;} .Top002742 .header-menu li .sub dt{/*margin-bottom: 15px;*/line-height: 32px;border-bottom: 1px solid #fff;} .Top002742 .header-menu li .sub dt img{float: left; height: 32px; margin-right: 10px;} .Top002742 .header-menu li .sub dt a{font-size: 14px;font-weight:bold;color: #000;padding:0;} .Top002742 .header-menu li .sub dt a:hover{background: none; color:#004098;} .Top002742 .header-menu li .sub dd{line-height: 20px;padding: 3px 0; text-align:left} .Top002742 .header-menu li#m1 .sub dd,.Top002742 .header-menu li#m2 .sub dd{ text-align:left;} .Top002742 .header-menu li .sub dd a{color: #000;} .Top002742 .header-menu li .sub dd a:hover{ color:#004098;} .Top002742 .header-menu li#m1 .sub dd a,.Top002742 .header-menu li#m2 .sub dd a{} .Top002742 .header-menu li.hover em{position: relative;} /*.Top002742 .header-menu li.hover em:after{position: absolute; content: '';border:6px solid transparent; border-bottom-color: #fff; left: 50%; margin-left: -6px; bottom: 0;}*/ .Top002742 #header-menu{position: absolute; top: -100%; transform: translateY(-100%); right: 0; background: rgba(0,0,0,0.8); padding: 20px; width: 200px; border-radius: 0 0 0 5px; opacity: 0; transition: 0.5s;} .Top002742 #header-menu.header-menu-show{top: 100%;transform: translateY(0);opacity: 1;} @media(max-width:1024px){ .Top002742 #open_menu{width: 40px; height: 35px;border: 1px solid rgba(255,255,255,0.2);border-radius: 3px; margin-top: 25px; margin-left: 10px;position:relative;} .Top002742 #open_menu span, .Top002742 #open_menu:after, .Top002742 #open_menu:before{ position:absolute; width:70%; left:15%; height:3px; background:#004098;} .Top002742 #open_menu:after, .Top002742 #open_menu:before{ content:''; transition:transform 0.3s;} .Top002742 #open_menu span{ top:50%; margin-top: -1.5px;} .Top002742 #open_menu:before{top:8px;} .Top002742 #open_menu:after{ bottom:8px;} .Top002742 #open_menu.open_menu_on span{ opacity:0;} .Top002742 #open_menu.open_menu_on:after, .Top002742 #open_menu.open_menu_on:before{ top:50%; margin-top:-2px; transform:rotate(45deg);width:70%; left:15%;} .Top002742 #open_menu.open_menu_on:before{ transform:rotate(-45deg);} .Top002742 #header-menu li .sub dl dd a{ font-size:12px; padding:0 10px;} } .title{line-height: 40px; text-align: center;} .title:after{display: block;content: '';margin: 5px auto 10px auto;width: 40px;height: 4px;background: #004098;} .title .cn{font-size: 25px; margin-top: -20px; color: #333; font-family:"Arial Black";} .title .en{opacity: 0.1;-webkit-opacity: 0.1;font-size: 56px; font-family: Arial," sans-serif"; font-weight: bold; text-transform: uppercase; } @media(max-width:640px){ .title:after{ margin:20px auto 0 auto;} .title .cn{ font-size:24px;} .title .en{ font-size:32px;} } /*Banner002917 */ .Banner002917{position: relative; z-index: 1;} @media(min-width:1025px){ .Banner002917 .wap{display: none;} } @media(max-width:1024px){ .Banner002917 .pc{display: none;} } .Banner002917 .slick-dots{position: absolute; z-index: 10; left: 0; width: 100%; bottom: 3%; text-align: center;} .Banner002917 .slick-dots li{display: inline-block; margin: 0 10px; border-bottom: 3px solid #fff;} .Banner002917 .slick-dots li button{color: #004098;font-weight: bold;font-size: 18px;background: none;border: 0;cursor: pointer;display: block;height: 26px;padding: 0;width: 50px;opacity: 0;} .Banner002917 .slick-dots li.slick-active{border-bottom-color: #004098;} .Banner002917 .slick-dots li.slick-active button{ opacity: 1;} @media(max-width:640px){ .Banner002917 .slick-dots li button{width: 30px;font-size: 14px;} } /*Floor002768 */ .Floor002768{padding-top: 4%;background-color: #fff; } .Floor002768 li{position: relative; float: left;text-align: center; overflow: hidden;border: 1px solid #dedede;} .Floor002768 li > img{display: block; width: 100%; transition: 0.3s;} .Floor002768 li:hover > img{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .Floor002768 li .tit{position: absolute;left: 5%;right: 5%;font-size: 22px;bottom: 3%;color: #333;} .Floor002768 li a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8);opacity: 0;-webkit-opacity: 0; transition: 0.3s; z-index: 10;} .Floor002768 li .ytable{height: 100%;margin: 0 auto;width: 90%;} .Floor002768 li .name{font-size: 30px;font-weight: bold;color: #fff;margin-top: 11px;} .Floor002768 li .more{display: block; width: 60%; max-width: 176px;line-height: 45px;position: relative; margin: 30px auto 0;color: #999;font-size: 16px;} .Floor002768 li .more:before, .Floor002768 li .more:after{position: absolute; content: ''; height: 1px;width: 0;background: rgba(255,255,255,0.2); transition: 0.5s 0.2s ease-in-out;} .Floor002768 li .more:before{left: 0; top: 0;} .Floor002768 li .more:after{right: 0; bottom: 0;} .Floor002768 li:hover a{opacity: 1;-webkit-opacity: 1;} .Floor002768 li:hover .more:before, .Floor002768 li:hover .more:after{width: 100%;} @media(min-width:1025px){ .Floor002768 li{width: 25%;} } @media(max-width:1024px){ .Floor002768 li{width: 50%;} } @media(max-width:480px){ .Floor002768 li .tit{font-size: 14px;} .Floor002768 li .name{font-size: 20px;} .Floor002768 li .more{font-size: 14px; line-height: 36px;} } /*PicList002953 */ .body_f5f5f5{background: #f5f5f5;} .PicList002953{padding:4% 0 3% 0;background: #fff;} .PicList002953 .title:after{ margin-bottom:20px;} .PicList002953 li{float: left;width: 23%;background: #f5f5f5;margin-bottom: 0.332%;margin-left:2%;} .PicList002953 li a{display: block;padding: 2.56vw 0.56vw;} .PicList002953 .more{text-align: center;padding-top: 1.645vw;padding-bottom: 1%;} .PicList002953 .more a{display: block;width: 90px;line-height: 35px;border-radius: 50px;border: 1px solid rgba(117, 117, 117, 0.2);margin: 15px auto 0;color: #333;font-size: 16px;transition: 0.3s;background: #fff;font-family:"Arial Black";} .PicList002953 .more a:hover{color: #fff;background: #004098;} .PicList002953 li:nth-child(1){margin-left: 0px;} .PicList002953 li:nth-child(4){margin-right: 0px;} .PicList002953 li aside.dot{font-size:16px;line-height: 1.4em;border-left:5px solid #283b5f; margin-bottom: 20px;padding-left: 20px;font-weight: bold;font-family:"Arial Black";} .PicList002953 li a:hover aside.dot{color: #1e50ae;} .PicList002953 li .txt{padding: 0 20px 0;} .PicList002953 li p{margin: 0;line-height: 1.625em;font-size: 16px;color: #666;} .PicList002953 li .pic{overflow: hidden;border-radius: 5px;} .PicList002953 li .Ispic{padding-bottom: 100%;transition: 0.3s;} .PicList002953 li a:hover .Ispic{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .PicList002953 li .more{overflow: hidden;} .PicList002953 li .more span{float: right;width: 40px;height: 40px;border: solid 2px #e5e5e5; border-radius: 50%;position: relative; transition: 0.3s;} .PicList002953 li .more span:after{position: absolute; content: ''; width: 10px; height: 10px; border-top: 2px solid #666; border-right: 2px solid #666; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); margin: -5px 0 0 -7px; left: 50%; top: 50%;} .PicList002953 li a:hover .more span{border-color:#283b5f;background:#283b5f;} .PicList002953 li a:hover .more span:after{border-color: #fff;} @media(max-width:1024px){ .PicList002953 li a{padding: 4vw;} .PicList002953 li .txt{padding: 1vw 1vw 0;} } @media(max-width:640px){ .PicList002953 li{ width:100%; margin:0; margin-bottom:2%;} .PicList002953 li aside.dot{font-size: 4vw; margin-bottom: 2vw;} .PicList002953 li p{font-size: 3.5vw;} .PicList002953 li .more{padding-top: 2vw;} .PicList002953 li .more span{width: 26px;height: 26px;} } /*Floor002912 */ .Floor002912{padding-top: 5%;overflow: hidden;/*background-color: #fff;*/} .Floor002912 .auto{max-width:1280px; width: 96%;} @media(max-width:1024px){ } @media(max-width:640px){ } .Floor002912 .slider{position: relative;z-index: 1;} .Floor002912 .slider .box{overflow: hidden;} .Floor002912 .slider .box li.slick-slide{padding: 1vw 0 0 0;} .Floor002912 .slider .box li.slick-slide a{display: block;border-radius: 1.771vw 0 ;background: #324354; margin: 0 1.771vw; padding: 2.8125vw 0 1.604vw 0; text-align: center;color: #fff;} .Floor002912 .name{font-size: 26px;opacity: 0.35; text-transform: uppercase;height: 50px; transition: 0.3s;} .Floor002912 .name span{margin-left:10px;} .Floor002912 a:hover .name{opacity: 1;} .Floor002912 .pic{height:12.1875vw; } .Floor002912 .pic img{max-height: 12.1875vw; display:none;} .Floor002912 .detail:before{display: block; content: ''; width: 1px; height: 36px; background: rgba(255,255,255,0.5); margin: 0 auto 0;} .Floor002912 .detail aside{position: relative;} .Floor002912 .detail aside span{transition: 0.3s;} .Floor002912 .detail aside span.off{position: absolute; left: 0; top: 0; width: 100%;opacity: 0;} .Floor002912 .slider .box li.slick-slide a:hover{background: url("../images/Floor002912_imgbg.jpg") no-repeat center center;background-size: cover;} .Floor002912 .slider .box li.slick-slide a:hover .detail aside span.on{opacity: 0;} .Floor002912 .slider .box li.slick-slide a:hover .detail aside span.off{opacity: 1;} .Floor002912 .more{text-align: center;padding-top: 1.645vw;padding-bottom: 5%;} .Floor002912 .more a{display: block;width: 90px;line-height: 35px;border-radius: 50px;border: 1px solid rgba(117, 117, 117, 0.2);margin: 15px auto 0;color: #333;font-size: 16px;transition: 0.3s;background: #fff;} .Floor002912 .more a:hover{color: #fff;background: #004098;} .Floor002912 .slick-arrow{position: absolute; z-index: 30; top: 50%; width: 60px; height: 60px; border: 1px solid rgba(135, 135, 135, 0.2);padding: 0; margin-top: -30px; border-radius: 50%; transition: 0.3s;} .Floor002912 .slick-arrow:hover{background:#324354;} .Floor002912 .slick-arrow:before{position: absolute; content: ''; width: 10px; height:10px; border-bottom: 2px solid #d4d4d4;border-left: 2px solid #d4d4d4; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .Floor002912 .slick-next:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);} @media(max-width:640px){ .Floor002912 .slick-arrow{width: 40px; height: 40px;} } @media(min-width:1701px){ .Floor002912 .slider .box ul{ margin: 0 -1.771vw;} .Floor002912 .slick-prev{left: -7.8125vw;} .Floor002912 .slick-next{right: -7.8125vw;} } @media(max-width:1700px){ .Floor002912 .slick-prev{left: -60px;} .Floor002912 .slick-next{right: -60px;} } @media(max-width:1500px){ .Floor002912 .slick-prev{left: 0;} .Floor002912 .slick-next{right: 0;} .Floor002912 a:hover .name aside{font-size:2vw;} } @media(max-width:1200px){ .Floor002912 .pic{height:20vw; } .Floor002912 .pic img{max-height: 20vw;} .Floor002912 .slider .box li.slick-slide{padding-top: 4vw;} .Floor002912 .name{font-size: 2.5vw;} .Floor002912 a:hover .name aside{font-size:5vw;} } @media(max-width:640px){ .Floor002912{padding-bottom: 8vw;} .Floor002912 .pic{height:40vw; } .Floor002912 .pic img{max-height: 40vw;} .Floor002912 .more, .Floor002912 .slider .box li.slick-slide{padding-top: 8vw;} .Floor002912 .name{font-size:8vw;} .Floor002912 a:hover .name aside{font-size:10vw;} .Floor002912 .slider .box li.slick-slide a{padding: 8vw 0;} } /*Floor002749 */ .Floor002749{ padding: 80px 0;background: #fff;} .Floor002749 .title{line-height: 40px; text-align: center;} .Floor002749 .title:after{display: block;content: '';margin: 25px auto 30px;width: 40px;height: 4px;background: #004098;} .Floor002749 .title .cn{font-size: 36px; margin-top: -20px; color: #333;} .Floor002749 .title .en{opacity: 0.1;-webkit-opacity: 0.1;font-size: 56px; font-family: Arial," sans-serif"; font-weight: bold; text-transform: uppercase; } .Floor002749 .tab{ display:none;} @media(max-width:480px){ .Floor002749 .title .cn{font-size: 24px; } .Floor002749 .title .en{font-size: 40px;} } /*slick Basic*/ .Floor002749 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002749 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002749 .slick-list:focus {outline: none} .Floor002749 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002749 .slick-slider .slick-track, .Floor002749 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Floor002749 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002749 .slick-track:before, .Floor002749 .slick-track:after{display: table; content: '';} .Floor002749 .slick-track:after{ clear: both;} .Floor002749 .slick-loading .slick-track { visibility: hidden;} .Floor002749 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002749 .slick-slide .slick-loading img { display: none;} .Floor002749 .slick-slide .dragging img { pointer-events: none;} .Floor002749 .slick-initialized .slick-slide { display: block;} .Floor002749 .slick-loading .slick-slide { visibility: hidden;} .Floor002749 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002749 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor002749 .tab-list .list{position: fixed; left: -100%;width: 96%; max-width: 1280px;} .Floor002749 .tab-list .list.show{position: relative; left: auto; width: auto;} @media(min-width:769px){ .Floor002749 .list >*{width: 49.141%;} .Floor002749 .top-news{float: left;} .Floor002749 .list dl{float: right;} .Floor002749 .list dd:first-child{margin-bottom: 19px;} .Floor002749 .list dd .ytable{height: 100%;} } .Floor002749 .top-news{padding: 2.2%;} .Floor002749 .top-news, .Floor002749 .list dd{background: #f3f3f3;} .Floor002749 .list .pic{display: block;} .Floor002749 .list .Ispic{ padding-bottom: 62.828%;} .Floor002749 .list dd{padding: 2% 6.5%;} .Floor002749 .list a{color: #555;} .Floor002749 .list a:hover{color: #eb422c;} .Floor002749 .list h2{font-size: 22px; line-height: 30px; margin: 0;} .Floor002749 .list h2.dot2{max-height: 60px;} .Floor002749 .list time b{font-size: 36px;color: #555;} .Floor002749 .top-news .txt{position: relative; margin: 35px 0; padding-left: 95px;} .Floor002749 .top-news .txt time{position: absolute; border-right: 1px solid #e5e5e5; padding-right: 20px; text-align: center;left: 0; top: 50%; transform: translateY(-50%);} .Floor002749 .top-news .txt time b{display: block; line-height: 36px;} .Floor002749 .list dd time b{margin-right: 10px;} .Floor002749 .list dd p{line-height: 26px; max-height: 52px;color: #888; font-size: 16px; margin: 5% 0;} .Floor002749 .list dd h2{position: relative;min-height: 30px;} .Floor002749 .list dd h2 a{position: absolute; left: 0; top: 0; max-width: 100%;} .Floor002749 .list .more a{color: #888;} .Floor002749 .list .more a:after{display: inline-block; content: ''; width: 8px; height: 8px; border-right: 2px solid #888; border-top: 2px solid #888; vertical-align: middle; margin-left: 10px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transition:transform 0.3s;} .Floor002749 .list .more a:hover:after{transform: rotate(135deg); -webkit-transform: rotate(135deg);-ms-transform: rotate(135deg); margin-top: -4px;} .Floor002749 .slick-dots{overflow: hidden;} .Floor002749 .slick-dots li{float: left; width: 22px; height: 4px; background: #e5e5e5; margin-right: 3px; cursor: pointer;} .Floor002749 .slick-dots li button{display: none;} .Floor002749 .slick-dots li.slick-active{background: #004098;} @media(min-width:769px) and (max-width:1024px){ .Floor002749 .list h2{font-size: 16px;line-height: 22px;} .Floor002749 .list dd h2{min-height: 22px;} .Floor002749 .list dd p{line-height: 20px; max-height: 40px; font-size: 14px; margin: 10px 0;} } @media(max-width:768px){ .Floor002749 .list dd{margin-top: 20px; height: auto!important;} .Floor002749 .list dd, .Floor002749 .top-news{padding: 20px;} } @media(max-width:640px){ .Floor002749{ padding: 30px 0;} .Floor002749 .tab li a{padding: 0 10px; line-height: 36px; font-size: 16px;} .Floor002749 .list h2{font-size: 18px;} .Floor002749 .list dd p{font-size: 14px;line-height: 20px; max-height: 40px; margin: 10px 0;} } @media(max-width:480px){ .Floor002749 .tab li a{padding: 0 5px; line-height: 30px; font-size: 14px;} } /*Bottom002743 */ .Bottom002743{background: #727171;padding-top: 86px;color: rgba(255,255,255,0.4);} .Bottom002743 a{color: rgba(255,255,255,0.4);} .Bottom002743 a:hover{color: #fff;} .Bottom002743 .copyright{background: #727171;line-height: 24px;padding: 15px 0;color: rgba(255,255,255,0.4);border-top: 1px dashed #666;} .Bottom002743 .copyright a{color: rgba(255,255,255,0.4);} .Bottom002743 .copyright a:hover{color: #eb422c;} .Bottom002743 .copyright a:not(:last-child):after{display: inline-block; content: ''; width: 1px; height: 13px; background: #c0c0c0; vertical-align: middle; margin: 0 7px;} .Bottom002743 .links{margin: 53px 0; border-top: 1px solid rgba(255,255,255,0.07);border-bottom: 1px solid rgba(255,255,255,0.07);position: relative; line-height: 24px; padding: 11px 0 11px 70px;} .Bottom002743 .links a{display: inline-block;} .Bottom002743 .links span{position: absolute; left: 0; top: 11px; color: rgba(255,255,255,0.4);} .Bottom002743 .links a:not(:last-child):after{display: inline-block; content: ''; width: 1px; height: 13px; background: rgba(255,255,255,0.07);vertical-align: middle; margin: 0 14px;} .Bottom002743 .contact{max-width: 235px;} .Bottom002743 .contact .name, .Bottom002743 nav dl dt{font-size: 18px;color: #fff;padding-bottom: 17px;} .Bottom002743 .contact li{ padding-bottom: 5px;} .Bottom002743 .contact li aside{/* padding-left: 25px; */background-position: left center;background-repeat: no-repeat;} .Bottom002743 .contact li:nth-child(1){padding-bottom: 32px;} .Bottom002743 .contact li:nth-child(1) aside{/* background-image: url(../images/Bottom002743_icon_call.png); */} .Bottom002743 .contact li:nth-child(2) aside{/* background-image: url(../images/Top002742_lang.png); */} .Bottom002743 .contact li:nth-child(3) aside{/* background-image: url(../images/Bottom002743_icon_add.png); */} .Bottom002743 .contact li b{ font-size: 24px; color: #004098; display:block;} .Bottom002743 nav dl dt a{color: #fff;} .Bottom002743 nav{float: right;width: 70%;/* max-width:755px; */} .Bottom002743 nav dl{float: left;max-width: 185px;} .Bottom002743 nav dd{line-height: 20px; padding: 4px 0;} .Bottom002743 nav .code{text-align: center;} .Bottom002743 nav .code img{max-width: 121px;} @media(min-width:769px){ .Bottom002743 .contact{float: left;padding-bottom: 37px;} .Bottom002743 .copyright aside{float: right;color: rgba(255,255,255,0.4);} } @media(max-width:768px){ .Bottom002743{padding-top: 5%;} .Bottom002743 nav{display: none;} .Bottom002743 .contact{display: table; margin: 0 auto;} .Bottom002743 .links{margin: 30px 0; } .Bottom002743 .copyright{text-align: center;} } /*Banner002922 */ .Banner002922 .Ispic{height: 30vw;max-height:500px;} /*Menu002306*/ .Menu002306{padding-top: 9px;} .Menu002306 .side-title{line-height: 40px; text-align: center;} .Menu002306 .side-title:after{display: block;content: '';margin: -25px 0 19px 0px;width: 25px;height: 4px;background: #004098;} .Menu002306 .side-title{line-height:50px;font-size: 24px;font-weight: normal;color: #333;padding: 0px 120px 13px 0px;position: relative;/* border-radius: 8px 0 0 0; */border-bottom: 1px solid #f8f8f8;} .Menu002306 .side-menu{border-radius: 0 0 50px 0;padding-bottom: 50px; overflow:hidden;} .Menu002306 .side-menu li a{display:block;line-height:32px;/* border-bottom: 1px solid #f8f8f8; */font-size: 14px;} .Menu002306 .side-menu > ul > li{ border-bottom:1px solid #e7f0f4;} .Menu002306 .side-menu > ul > li >a{padding: 0 0px;font-weight: normal;color: #333;line-height: 48px;position:relative;font-size: 14px;} .Menu002306 .side-menu > ul > li >a:hover,.Menu002306 .side-menu > ul > li >a.aon{ color:#004098;} .Menu002306 .side-menu > ul > li >a::after{position:absolute;content:'+';width:16px;height:16px;border-radius:50%;background: #004098;color:#fff;text-align:center;line-height:18px;font-family:宋体;font-size:12px;right:16px;top:50%;margin-top:-8px;} .Menu002306 .side-menu > ul > li >a.aon::after{ content:'-';} .Menu002306 .side-menu > ul > li ul{display:none;/* background-color: #f8f8f8; */} .Menu002306 .side-menu > ul > li > ul{ padding-bottom:20px;} .Menu002306 .side-menu > ul > li > ul > li > a{font-size: 13px;} .Menu002306 .side-menu ul li ul li ul li a::before{ display:inline-block; content:''; vertical-align:middle;width: 3px;height: 3px;background: #555; margin-right:10px;} .Menu002306 .side-menu li.aon > a{color:#004098;} .Menu002306 .side-menu li.aon > a::after{ transform:rotate(90deg);} .Menu002306 .side-menu ul li ul li.select > a{background-color:transparent;font-weight:bold;color: #004098;} .Menu002306 .side-open_menu{ display:none;} @media(min-width:1025px){ .Menu002306 .side-menu{ display:block !important;} } @media(max-width:1024px){ body{ padding:2%;} .Menu002306{padding-top: 0;} .Menu002306 .side-other,.Menu002306 .side-title{ display:none;} .Menu002306 .side-open_menu{ display:block; border:2px solid #87b2c7; padding:10px 20px 10px 10px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold; color:#002870; border-radius:0 0 5px 5px; position:relative;} .Menu002306 .side-open_menu::after{ position:absolute; content:''; border:6px solid transparent; border-top-color:#87b2c7; right:10px; top:50%; margin-top:-3px;} .Menu002306 .side-menu{ display:none; padding-bottom:20px;} } /* .PicList002797 */ .PicList002797 {padding: 3% 0;} .PicList002797 li{ float:left; width:31%; margin:0 3.5% 3.5% 0; border: 1px solid #e8e8e8; border-radius: 10px;} .PicList002797 li:nth-child(3n){margin-right:0; } .PicList002797 li a{ display:block; position:relative; padding:6%;} .PicList002797 li h4, .PicList002797 li h3, .PicList002797 li h5{ margin:0; text-align:center; font-weight:normal;} .PicList002797 li figure{ padding-bottom:132%; margin-bottom: 4%;background-size: contain;} .PicList002797 li h4{font-size: 18px;color: #333;} .PicList002797 li h3{font-size: 20px; height:26px; color:#202020;} .PicList002797 li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; background:#8eaad1e0; z-index:10; transition:0.3s; color:#fff; border-radius: 10px;} .PicList002797 li:hover{ box-shadow:0 0 15px 3px #ccc; border-color:#727171;} .PicList002797 li:hover *{ color:#fff;} .PicList002797 li:hover a .hover{ opacity:1;} .PicList002797 li:hover .hover i{ opacity:1;} .PicList002797 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%);} .PicList002797 li .hover h5{ font-size:24px;} .PicList002797 li .hover i{ display:block; height:2px; background:#fff; width:48px; margin:14px auto 20px; opacity:0;} .PicList002797 li .hover p{ font-size:16px; line-height:30px; margin:0; max-height:90px; overflow:hidden;} .PicList002797 .more{ display: block; text-align: center; margin-top:50px;} .PicList002797 .more span{ display: inline-block; padding-left: 40px; padding-right: 64px; line-height: 40px; background:#004098 ; border-radius: 5px;transition:all 0.5s ease-out 0s; } .PicList002797 .more span:hover{padding-left:50px; padding-right:74px; } @media(max-width:1000px){ .PicList002797 li{ width:48%; margin-left:1%; margin-right:1%;} } @media(max-width:640px) and (min-width:376px){ .PicList002797 li .hover img{ width:50px; height:50px;} } @media(max-width:480px){ .PicList002797 li{ float:none; width:auto;} .PicList002797 li h3, .PicList002797 li .hover h5{ font-size:14px;} .PicList002797 li .hover h5{ line-height:20px; max-height:40px;} } /* .Page002274 为demo编号 */ .Page002274{ text-align:center; padding:1% 0 60px;color:#666666;} .Page002274 .Pages *{ vertical-align:middle;} .Page002274 .Pages .p_cur, .Page002274 .Pages .p_count, .Page002274 .Pages .p_total{ display:none;} .Page002274 .Pages a{ display:inline-block; padding: 0 15px; line-height:37px; background-color: #eef0f1; color:#666666; margin-left:5px;} .Page002274 .Pages a:hover, .Page002274 .Pages a.a_cur{color:#fff;background-color: #004098;} .Page002274 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;} .Page002274 .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;} .Page002274 .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;} .Page002274 .Pages .p_jump b{font-weight:normal; margin:0 5px;} .Page002274 .Pages .a_prev,.Page002274 .Pages .a_next{font-weight: bold;padding:0 25px;font-family: 宋体;} @media(max-width:1000px){ .Page002274 .Pages em{ display:none;} } @media(max-width:640px){ .Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end{ display:none;} .Page002274 .Pages a{ padding:0 10px;} } /*Location001821*/ .Location001821{border-bottom:1px dashed #293f66} .Location001821 .current{padding-top: 1%;padding-bottom: 1%;line-height:31px;color:#a4b5cd;text-transform:uppercase;} .Location001821 em{ font-style:normal; float:right; background:url(../images/Location001821-icon.png) no-repeat left center; padding-left:25px;} .Location001821 em i{ font-style:normal; margin:0 5px;} .Location001821 b{font-size:16px;border-left: 5px solid #fff;padding-left:10px;font-weight: normal;color:#fff;} .Location001821 em, .Location001821 em a{color:#333;} .Location001821 em a:after{ content:" > "; font-family:"宋体";} @media(max-width:640px){ .Location001821 em{ float:none; display:block; font-size:12px; margin-bottom:10px;} } /*PicList002949 */ .PicList002949{padding:0% 0 2%;} .PicList002949 .item{margin: 2.08vw 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);} .PicList002949 .item a:hover{color: #004098;} .PicList002949 .txt .inner{padding: 0 2.03vw 0 1.56vw;} .PicList002949 .txt p.dot3{line-height: 2.142em; max-height: 6.426em;color: #666;} .PicList002949 .tit{font-size: 24px; line-height: 1em;} .PicList002949 .item a:hover .tit:after{background: #004098;} .PicList002949 .item .more{padding-right: 25px;display: inline-block;background: url("../images/PicList002949_more_on.png") no-repeat right center;color: #004098;float: right;} .PicList002949 .item a:hover .more{background-image: url("../images/PicList002949_more_on.png");} @media(min-width:1025px){ .PicList002949 .pic{ width:486px;} } @media(min-width:641px) and (max-width:1024px){ .PicList002949 .pic{ width:50%;} .PicList002949 .tit{font-size: 3vw;} } @media(max-width:640px){ .PicList002949 .ytable, .PicList002949 .ytable-cell{display: block;} .PicList002949 .txt .inner{padding: 5vw;font-size: 3.5vw;} .PicList002949 .tit{font-size: 5vw;} } /* .RighInfo002778 */ .RighInfo002778{ padding:2% 0 4%;} .RighInfo002778 .auto_1650{ max-width:1650px;} @media(max-width:1650px){ .RighInfo002778 .auto_1650{ padding:0 2%;} } .RighInfo002778 .auto_1680{ max-width:1680px;} @media(max-width:1680px){ .RighInfo002778 .auto_1680{ padding:0 2%;} } .RighInfo002778 .intro, .RighInfo002778 .img{padding:2%; margin: 0 auto;} .RighInfo002778 .span{color: #333;font-size: 32px;} .RighInfo002778 .h1{color: #2b3c5e;font-size:30px;margin: 7px 0;position: relative;padding-bottom: 50px;} .RighInfo002778 .h1:after{position: absolute;left:16px;bottom: 0;display:block;content:'';width:1px;height:40px;background-color: #333;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);} .RighInfo002778 .p{color:#666;font-size:14px;margin: 0;line-height: 28px;} @media(min-width:1000px){ .RighInfo002778 .intro{float:left;width: 54%;/* padding-left:3%; */text-align: justify;} .RighInfo002778 .img{float:right;width: 46%;position: relative;padding: 22px;padding-right: 0;} .RighInfo002778 .img img{box-shadow: 0 0 5px #ccc;} .RighInfo002778 .img:before{left:-23%;content: "";width:71%;height:98%;max-width: 668px;max-height: 668px;position: absolute;top: -1%;background:#faf8f5;z-index:-1;} } @media(min-width:1400px){ .RighInfo002778 .intro{padding-top: 2%;} .RighInfo002778 .h1{font-size: 36px;} .RighInfo002778 .p{ font-size:16px;} } /* .TextList001312 为demo编号 */ .TextList001312{padding: 4% 0;background: #f8f8f8;} .TextList001312_3{background: #fff; padding-bottom:5%} .TextList001312 li{ float:left; width:49%; margin-right:2%; margin-bottom:2%;background:#fff; border:1px solid rgba(0,0,0,0.08);padding:24px 120px 24px 25px; position: relative} .TextList001312 li:nth-child(2n){ margin-right:0;} .TextList001312 li div{position:relative; padding:24px 120px 24px 25px;} .TextList001312 li .more{ position:absolute; right:0; top:0; height:100%; width:90px;padding: 0; background:url(../images/TextList001312-more.png) no-repeat center 46% /auto 40%;} .TextList001312 li .more:after{content:'';width:1px;height:80%;background:rgba(0,0,0,0.1);position: absolute;left:0;top:10%;} .TextList001312 li time{font-size:14px;color:#999;display: block;margin-bottom:10px;} .TextList001312 li h3{ margin:0 0 10px 0; font-weight:normal; color:#fff; font-size:16px;} .TextList001312 li p{ margin:0; line-height:20px; height:25px; overflow:hidden; color:#333; font-size:18px;} .TextList001312 li:hover h3, .TextList001312 li:hover p{ color:#004098;} @media(max-width:768px){ .TextList001312 li{ float:none; width:auto; margin-right:0;} } @media(max-width:375px){ .TextList001312 li div{ padding-right:100px;} .TextList001312 li a.more{ width:85px;} } /* .RighInfo002254 为demo编号 */ .RighInfo002254 .auto_1260{ max-width: 1260px;} @media only screen and (max-width:1260px) { .RighInfo002254 .auto_1260{ padding: 0 2%;} } .RighInfo002254{ padding:3% 0 1%;} .RighInfo002254 .ms h3{font-size: 24px;font-weight: normal;color: #cf0202;border-bottom: 1px #eee solid; padding-bottom: 10px;} .RighInfo002254 .ms h4{font-size: 16px;font-weight: normal;color: #333; margin: 2% 0 1%;} .RighInfo002254 .ms .l{float: left;width: 47%;} .RighInfo002254 .ms .r{float: right;width: 47%;} .RighInfo002254 .ms p{font-size: 15px; line-height: 30px;} .RighInfo002254 .gg{} .RighInfo002254 .l{ float:left; width:44%; position:relative;} .RighInfo002254 .l .list_img{ width:100%; position:relative; overflow:hidden;} .RighInfo002254 .l .big_img{ /*position:absolute; left:0; top:0; height:100%; width:80%;*/border:1px solid #cecece; text-align: center;} .RighInfo002254 .l .zx{margin-top: 4%} .RighInfo002254 .l .zx a{display: inline-block;padding: 10px 0;background: #95b3d7;margin-right:2%;color: #fff;text-align: center;width: 49%;} .RighInfo002254 .l .zx a:nth-child(2){ margin-right:0;} .RighInfo002254 .l .zx a:hover{background: #004098;color: #fff;} .RighInfo002254 .list{ padding:42px 0 42px 82.9%;} .RighInfo002254 .list .bd{ position:relative;} .RighInfo002254 .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(../images/RighInfo002254-btn_prev.png) no-repeat center center/auto 50% #f7f7f7; cursor:pointer;} .RighInfo002254 .list a.prev{ top:0;} .RighInfo002254 .list a.next{ bottom:0; background-image:url(../images/RighInfo002254-btn_next.png);} .RighInfo002254 .list a.prevStop, .RighInfo002254 .list a.nextStop{ cursor:default;} .RighInfo002254 .list li{ height:130px; position:relative;} .RighInfo002254 .list li figure{ position:absolute; left:0; width:97%; top:9px; bottom:15px; background-size:contain; border:1px solid #f2f2f2;} .RighInfo002254 .list li.on figure{ border:2px solid #cf0202;} .RighInfo002254 .right_info{ float:right; width:51%;} .RighInfo002254 .right_info .h5{font-family:'Arial';color:black;font-size:16px;margin: 0;line-height:1;} .RighInfo002254 .right_info h1, .RighInfo002254 .right_info h3, .RighInfo002254 .right_info p{ margin:0;} .RighInfo002254 .right_info .s{padding-bottom: 4%;margin-bottom: 4%;} .RighInfo002254 .right_info h1{ padding:0 0 5% 0; color:#004098; font-size:26px; } .RighInfo002254 .right_info h3{ font-size:18px;color: #333;margin: 3% 0 2%} .RighInfo002254 .right_info p{line-height:30px; color:#666; margin-bottom:1%;} .RighInfo002254 .tab{ padding:3% 0;} .RighInfo002254 .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;} .RighInfo002254 .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#f2f2f3; margin-right:4px; cursor:pointer;} .RighInfo002254 .tab .h1_tab span.on{ background-color:#004098; color:#fff;} .RighInfo002254 .tab .info{ padding-top:3%;} .RighInfo002254 .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(../images/RighInfo002254-icon_download.png) no-repeat right center; padding:10px 0;} .RighInfo002254 .ul_download li a{ padding:0 38px; background:url(../images/RighInfo002254-icon.png) no-repeat left center;} @media(max-width:768px){ .RighInfo002254 .l{width: 100%;margin-bottom: 4%} .RighInfo002254 .l .zx a{width: 48%;} .RighInfo002254 .tab .info{font-size: 12px;} .RighInfo002254 .ms h3{font-size: 20px;} .RighInfo002254 .list_img, .RighInfo002254 .right_info{ float:none; width:auto;} } @media(max-width:640px){ .RighInfo002254 .list li{ height:100px;} .RighInfo002254 .right_info h1{font-size:17px;margin-top:7%; padding-bottom: 2%} .RighInfo002254 .right_info p{font-size: 12px;line-height: 22px;} .RighInfo002254 .right_info h3{ font-size:16px;} } @media(max-width:480px){ .RighInfo002254 .list{ padding-top:30px; padding-bottom:30px;} .RighInfo002254 .list a{ height:28px;} .RighInfo002254 .list li{ height:80px;} .RighInfo002254 .tab .h1_tab{ font-size:14px;} .RighInfo002254 .tab .h1_tab span{ padding:0 3%;line-height: 37px;} .RighInfo002254 .ms .l,.RighInfo002254 .ms .r{width: 100%;} .RighInfo002254 .ms .r p{font-size: 12px;} } /*TextList000286 */ .TextList000286{padding: 1.79vw 0 2vw 0;} .TextList000286 li .inner{border: solid 1px #e5e5e5;border-left: 4px solid #004098;padding: 7px 20px 15px;} .TextList000286 li .title12{color: #bbb;} .TextList000286 li .tit > *{float: left;} .TextList000286 li .tit span{max-width: 25%;margin-left: 3%; line-height: 18px;padding-top: 6px;} .TextList000286 li p{margin-bottom: 0;position: relative;line-height: 30px;padding-right: 100px;} .TextList000286 li p span.price{color: #333; font-size: 16px;} .TextList000286 li p a{position: absolute;right: 0;width: 95px;text-align: center;color: #fff;border-radius: 30px;transition: 0.3s;} @media(min-width:641px){ .TextList000286 li .title12{position: relative; padding-right: 120px;} .TextList000286 li .title12 time{position: absolute; right: 0; top: 0; line-height: 18px;padding-top: 6px;} .TextList000286 li p span{float: left;} .TextList000286 li p a{ top: 0;} .TextList000286 li p span.price{/* margin-right: -1%; *//* max-width: 25%; */} .TextList000286 li p span.other{max-width: 70%} } @media(min-width:1025px){ .TextList000286 li{float: left;width: 31%;/* max-width: 655px; */margin-bottom: 10px;margin-left: 14px;} .TextList000286 li:nth-child(1){margin-left: 0px;} .TextList000286 li:nth-child(3){margin-left: 0px;} } @media(max-width:1024px){ .TextList000286 li{margin-bottom: 3vw;} } @media(max-width:640px){ .TextList000286 li p a{ bottom: 0;} .TextList000286 li .title12 time{margin-top: 5px;display: block;clear: both;} .TextList000286 li p span.other{ white-space: initial;text-overflow: initial; line-height: 20px;} } /*Form002100 */ .Form002100 {margin: 3% 0 4%} .Form002100 .reg_form{ border:5px solid #f0f0f0; padding:3%;} .Form002100 .reg_form h1{ margin:0; font-size:18px; color:#333;text-align: center;} .Form002100 .reg_form dl{ border-top:1px dashed #ccc; padding:3% 0 0 0; margin-top:3%; overflow:hidden;} .Form002100 .reg_form dl dt, .Form002100 .reg_form dl dd{ float:left; line-height:37px;} .Form002100 .reg_form dl dt{ width:24%; padding-left:3%;} .Form002100 .reg_form dl dt b{ width:37px; height:37px; display:inline-block; margin-right:10px; text-align:center; line-height:37px; background:#e4e4e4; border-radius:50%; color:#fff;} .Form002100 .reg_form dl dd{ width:76%;} .Form002100 .reg_form dl.table dt{ width:20%; } .Form002100 .reg_form dl.tab a{ float:left;border:1px solid #e4e4e4; padding:0 5%; border-radius:3px; line-height:44px; margin-right:2%; color:#999;} .Form002100 .reg_form dl.tab a.on{ border-color:#f04848; color:#333;} .Form002100 .reg_form table{} .Form002100 .reg_form td{ padding:0; line-height:37px; padding-bottom:10px;} .Form002100 .reg_form td.f_name{ width:258px; color:#666;} .Form002100 .reg_form td .text{ width:100%; border:1px solid #e4e4e4; padding:0 10px; border-radius:3px; line-height:37px; height:37px;} .Form002100 .reg_form td .text1{ padding:10px; height: 110px;width:100%; border:1px solid #e4e4e4;} .Form002100 .reg_form td.btn{ text-align:center;} .Form002100 .reg_form td.btn input{width:46%;border-radius:3px; font-size:18px; color:#fff; background:#c40202; cursor:pointer; padding:0; font-weight:bold; border:none; height:44px; min-width:120px;} @media(max-width:1000px){ .Form002100 .reg_form dl dt, .Form002100 .reg_form dl dd{ float:none; width:auto !important;} .Form002100 .reg_form dl dt{ padding-left:0; padding-bottom:10px;} } @media(max-width:640px){ .Form002100 .reg_form h1{font-size: 17px;} .Form002100 .reg_form td{line-height: 22px} .Form002100 .reg_form td.f_name{width: 21%;font-size: 12px;} .Form002100 .reg_form td.btn input{ font-size:15px; } } /*Menu002119 */ .Menu002119{ background-color:#fff; padding:2% 0;} .Menu002119 li{ float:left; margin-right:16px;} .Menu002119 li a{ display:block;line-height:35px; height:35px; padding:0 26px;font-size:16px;background: #eee; border-radius: 40px;} .Menu002119 li a:hover, .Menu002119 li.aon a{ color:#fff; background:#004098; } @media(max-width:768px){ .Menu002119 li{ margin-bottom:2px;} } @media(max-width:640px){ .Menu002119 li{ margin:0 0 2px 0; width:25%; text-align:center;} .Menu002119 li a{ padding:0;} } @media(max-width:480px){ .Menu002119 li{ width:33.3333333%;} .Menu002119 li a{ font-size:14px; overflow:hidden;} } /* .PicList000671 为demo编号 */ .PicList000671{padding: 20px 0 4%;} .PicList000671 ul li .videoCon{ display:none; border-bottom:3px solid #245bb5;} .fancybox-skin.videoCon .text{ font-size:18px; font-weight:normal; display:block;} .PicList000671 *{ -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .PicList000671 .nowrap{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .PicList000671 ul li{ width:32%; float:left; margin:0 2% 2% 0;} .PicList000671 ul li:nth-child(3n){ margin-right:0;} .PicList000671 ul li figure{ padding-bottom:70%; position:relative; background-repeat:no-repeat; background-position: center center; background-size: cover;} .PicList000671 ul li figure a{ position:absolute; display:block; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.3); background-image:url(../images/PicList000671-icon-video.png); background-repeat:no-repeat; background-position: center center;} .PicList000671 ul li figure a:hover{ background-color:transparent} .PicList000671 ul li h5{ font-size:15px; padding:8px 0; margin:0; text-align:center; border-bottom: dashed 1px #c1c1c1;} .PicList000671 ul li time{ display:block; color:#b3b3b3; background:url(../images/PicList000671-icon.png) no-repeat right;} @media screen and (max-width:640px){ .PicList000671 ul li{ width:49%;} .PicList000671 ul li:nth-child(2n){ margin-right:0;} .PicList000671 ul li:nth-child(2n+1){ margin-right:2%;} } .video-fanybox .fancybox-skin .text{ font-size:18px; font-weight:normal;} /* .Floor001139 为demo编号 */ .Floor001139{ padding:4% 0 5%;} .Floor001139 .title{ text-align:center;/* color:#fff;*/ padding-bottom:1%;} .Floor001139 .title h1, .Floor001139 .title h2{ margin:0} .Floor001139 .title h1{ font-size:35px; text-transform:uppercase;} .Floor001139 .title h2{ font-size:30px; font-weight:normal;} .Floor001139 .copy{ display:none;} .Floor001139 .bx-wrapper{ position:relative;} .Floor001139 .bx-viewport{ z-index:1;} .Floor001139 .bx-pager{ display:none;} .Floor001139 .bx-controls-direction a{ position:absolute; top:50%; margin-top:-18px; z-index:5; background:url(../images/Floor001139-btn.png) no-repeat 0 0; width:37px; height:38px; overflow:hidden; line-height:100px;} .Floor001139 .bx-controls-direction a.bx-prev{ left:-50px; background-position:0 bottom;} .Floor001139 .bx-controls-direction a.bx-next{ right:-50px;} .Floor001139 .list li{ background-color:#fff; position:relative; overflow:hidden;} .Floor001139 .list li::after, .Floor001139 .list li::before{position:absolute;} .Floor001139 .list li::before{ content:''; width:50px; height:50px; right:-25px; bottom:-25px; background-color:#004098; transform:rotate(-45deg);} .Floor001139 .list li:hover::before{ background-color:#283b5f;} .Floor001139 .list li::after{ content:'+'; right:0; bottom:0; color:#fff; font-weight:bold; font-size:20px; width:20px; text-align:center;} .Floor001139 .list li div{ padding:20px; font-size:12px;} .Floor001139 .list li .Ispic{ display:block; padding-bottom:100%; background-size: contain; position:relative;} .Floor001139 .list li .Ispic span{ display:block; width:100%; height:100%; position:absolute;} .Floor001139 .list li h2{ font-size:16px; margin-bottom:0; font-weight:normal; font-family:"Arial Black";} .Floor001139 .list li h2 a{ color:#24425c;} .Floor001139 .list li:hover h2 a{ color:#283b5f;} .Floor001139 .list li time{ color:#d7dce1;} .Floor001139 .list li p{ color:#617182; line-height:24px; overflow:hidden; position:relative; height:48px;} .Floor001139 .list li p a{ position:absolute; right:0; bottom:0; background-color:#fff; padding-left:10px; color:#0e79bf;} @media(max-width:1300px){ .Floor001139 .bx-controls-direction{ text-align:center; padding-top:20px;} .Floor001139 .bx-controls-direction a{ position:static; margin:0 10px; display:inline-block;} } @media(max-width:768px){ .Floor001139 .list li div{font-size:14px;} } @media(max-width:480px){ .Floor001139 .title h1{ font-size:30px;} .Floor001139 .title h2{ font-size:26px;} } /*Floor001907*/ .Floor001907 .title{ text-align:center; font-size:30px; line-height:normal; margin-bottom: 5%;} .Floor001907 .title p{ color:#7b7b7b; font-size:14px; max-width:1000px; margin:0 auto; line-height:20px;} .Floor001907 .title p:before{display:block; content:''; width:40px; height:2px; background-color:#df2026; margin:16px auto; } .Floor001907 li{ padding-bottom:2%; border-bottom: 1px #eee solid; width:44%; float:left;} .Floor001907 li:nth-child(2n){ margin-right:0;} .Floor001907.fir li{width: 100%; padding-top:2%;} .Floor001907 li a{ position:relative; display:block; padding-left:90px; min-height: 66px; color:#6f6f6f;background:url(../images/Floor001907-icon.png) no-repeat right bottom; } .Floor001907 li time{ position:absolute; left:0; top:0; width:68px; height:68px; text-align:center; color:#c2c3c5; line-height:normal; border:2px solid #c6c6c6; border-radius:10px;font-size: 12px;} .Floor001907 li time span{ display:block; font-size:28px; padding-top:5px;} .Floor001907 li h4{ margin:0; font-weight:normal; font-size:16px; margin-bottom: 2%;} .Floor001907 li p{ margin:0; padding:11px 0 22px 0;} .Floor001907 li p span{ margin-left:20px;} .Floor001907 li i{ background:url(../images/Floor001907-more.png) no-repeat; width:87px; height:9px; line-height:100px; overflow:hidden; display:inline-block;} .Floor001907 li a:hover{ color:#004098;} .Floor001907 li a:hover time{ color:#004098; border-color:#004098;} .Floor001907 li a:hover i{ background-image:url(../images/Floor001907-more_hover.png);} @media(max-width:768px){ .Floor001907 li{ margin-right:0; width:auto; float:none;margin-left: 0} .Floor001907 li:last-child{ padding-bottom:0;} } @media(max-width:640px){ .Floor001907 .title{ padding-top:45px; background-size:auto 25px;} } @media(max-width:375px){ .Floor001907 .title{ font-size:24px;} .Floor001907 li a{ padding-left:65px;} .Floor001907 li time{ width:56px; height:56px;} .Floor001907 li time span{ font-size:18px;} .Floor001907 li h4{font-size: 13px;} } /* .PicList000762 为demo编号 */ .PicList000762{ padding-top:3%;} .PicList000762 .title:after{ margin-bottom:20px;} .PicList000762 li{ float:left; width:32%; margin-right:2%; margin-bottom:3%; padding: 5px; border: 1px #eee solid } .PicList000762 li:nth-child(3n){ margin-right:0;} .PicList000762 li a{ display:block; background-color:#f8f8f8; transition:all ease-in-out 0.3s;} .PicList000762 li h2{ margin:0; font-size:16px; color:#333; text-align:center; padding:3% 2%; font-family:"Arial Black";} .PicList000762 li figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:66%;} .PicList000762 li a:hover{ background-color:#004098; } .PicList000762 li a:hover h2{color:#fff;} .PicList000762 .more{text-align: center;padding-top: 1.645vw;padding-bottom: 5%;clear:both;} .PicList000762 .more a{display: block;width: 90px;line-height: 35px;border-radius: 50px;border: 1px solid rgba(117, 117, 117, 0.2);margin: 15px auto 0;color: #333;font-size: 16px;transition: 0.3s;background: #fff; font-family:"Arial Black";} .PicList000762 .more a:hover{color: #fff;background: #004098;} @media(max-width:640px){ .PicList000762 li{ width:49%; padding: 2px;} .PicList000762 li:nth-child(3n){ margin-right:2%;} .PicList000762 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000762 li h2{font-size:14px;} } .yb{ padding:2% 0} .yb dd{float: left;width: 23%;margin-right: 2.666%;margin-bottom: 2%;} .yb dd:nth-child(4n){margin-right: 0;} .yb dd p{text-align: center;line-height: 40px;margin: 0; font-size: 16px;border-bottom: 1px #eee solid;} @media only screen and (max-width:768px ) { .yb dd{width: 48.66%;} .yb dd:nth-child(2n){margin-right: 0;} .yb dd p{font-size: 12px;} } /*PicList001912*/ .PicList001912{margin-top: 2%;} .PicList001912 li{margin-bottom: 32px; border: 1px solid #e3e3e3; padding: 4px; transition: .4s;} .PicList001912 li:hover{box-shadow: 0 4px 20px rgba(0, 0, 0, .18); transition: .4s; background-image: url('../images/bgc.png')} .PicList001912 li div{padding: 2%; overflow: hidden;} .PicList001912 li .pic{float: left; width: 22.5%;} .PicList001912 li .pic img{display: block; width: 100%;} .PicList001912 li figure{position: relative; float: right; border-left: 1px solid #f3f3f3; width: 75%; padding-left: 24px;} .PicList001912 li h3{margin: 0; line-height: 48px; font-size: 18px;} .PicList001912 li h3 span{float: right; color: #444; font-size: 12px; font-weight: normal;} .PicList001912 li p{line-height: 24px; overflow: hidden; height: 72px; color: #444;} .PicList001912 li .more{color: #0253A2;} .PicList001912 li h3:hover a{color: #0253A2} @media(max-width:1000px){ .PicList001912 li h3{line-height: normal;} .PicList001912 li p{margin: 2% 0; height: 48px;}} @media(max-width:480px){ .PicList001912 li .pic, .PicList001912 li figure{float: none; width: auto;} .PicList001912 li figure{border: 0; padding-left: 0; padding-top: 4%;} } /* .RighInfo002228 为demo编号 */ .RighInfo002228 {padding:2% 0;} .RighInfo002228 .single-header {text-align:center;} .RighInfo002228 .single-header h1 {color:#d60c18;font-size:20px;margin:0 0 10px 0;font-weight:normal;} .RighInfo002228 .single-header h3 {color:#666;font-size:16px;margin:0;font-weight:normal;position:relative;} .RighInfo002228 .single-header h3:after {content:"";display:block;height:1px;background-color:#f3eee9;width:100%;z-index:1;margin-top:15px;} .RighInfo002228 .single-header h3 span {position:relative;z-index:2;padding:0 30px;background-color:#fff;} .RighInfo002228 .single-content {text-justify:inter-ideograph;text-align:justify;word-wrap:break-word;overflow:hidden;font-size:14px;line-height:24px;color:#666;padding-top:2%;} .RighInfo002228 .single-content p {text-indent:2em;margin:0;padding:10px 0;} .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;} } /*PicList002171 */ .PicList002171 li{ float:left; width:18%; margin-right:2%; margin-bottom:2%;} .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,0,0,0.54); 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(5n){ 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;} } /* .Floor057 为demo编号 */ .Floor057{ padding-top: 3%;padding-bottom: 2%;} .Floor057 h1{ margin:0; margin-bottom:24px; font-size:20px; font-weight:normal; background:url(../images/Floor000881-icon.png) no-repeat left center; padding-left:30px;color:#333;} .Floor057 h1 a{ float:right; color:#999; font-size:16px;} .Floor057 .list_copy{ } .Floor057 .bx-viewport{ z-index:1;} .Floor057 li{ text-align:center; position:relative;width:30.5%;float: left;margin-right: 4%;margin-bottom: 2%;border:1px solid #eaeaea;} .Floor057 li:nth-child(3n){margin-right: 0} .Floor057 li .Ispic{ display:block; padding-bottom:100%;} .Floor057 li p{ margin:0; line-height:55px; border-top:1px solid #eaeaea; background-color:#fff;} .Floor057 li:hover p{ background-color:#014584;} .Floor057 li:hover p a{ color:#fff;} .Floor057 .bx-wrapper{ position:relative;} .Floor057 .bx-pager{ display:none;} .Floor057 .bx-controls-direction a{ position:absolute; width:21px; height:21px; top:50%; margin-top:-10px; overflow:hidden; line-height:200px; z-index:10;} .Floor057 .bx-controls-direction a.bx-prev{ left:-25px;} .Floor057 .bx-controls-direction a.bx-next{ right:-25px;} .Floor057 .bx-controls-direction a::before, .Floor057 .bx-controls-direction a::after{ position:absolute; content:''; width:15px; height:2px; background-color:#3099d2; left:0; } .Floor057 .bx-controls-direction a::before{ transform:rotate(-45deg);top:4px;} .Floor057 .bx-controls-direction a::after{ transform:rotate(45deg);top:14px;} .Floor057 .bx-controls-direction a.bx-next::before{ transform:rotate(45deg); left:auto; right:0;} .Floor057 .bx-controls-direction a.bx-next::after{ transform:rotate(-45deg); left:auto; right:0;} @media(max-width:1250px){ .Floor057 .bx-controls-direction a.bx-prev{ left:5px;} .Floor057 .bx-controls-direction a.bx-next{ right:5px;} } @media(max-width:768px){ .Floor057{ padding:20px 0;} } @media(max-width:480px){ .Floor057 li{width: 49%;margin-right: 2% !important;} .Floor057 li:nth-child(2n){margin-right: 0!important;} .Floor057 li p{line-height: 22px} .Floor057 li p a{font-size: 12px;} } /* .Floor001126 为demo编号 */ .Floor001126{ /*background:url(../images/Floor001126-bg.jpg) no-repeat center bottom #f8fbff; background-size:100% auto;*/ padding-top: 2%;} /*.Floor001126 .auto01:first-child{border-top: 1px solid #cecece;padding-top: 2%;}*/ .Floor001126 .auto01{margin-bottom: 2%;/*border-bottom: 1px solid #cecece;*/padding-bottom: 2%;} .Floor001126 .fl{width:58%;} .Floor001126 .fl img{width:100%; border:solid 1px #ddd;} .Floor001126 .pro img{ display:none;} .Floor001126 .pro .Ispic{ padding-bottom:100%; display:block;} .Floor001126 .fr{width: 38%;} .Floor001126 .title{ text-align:center; position:relative; color:#eaeaf2; font-size:34px;} .Floor001126 .title h1{ position:absolute; width:100%; left:0; top:8px; margin:0; font-size:24px; font-weight:normal; color:#000;} .Floor001126 .title h1 span{ color:#004098;} .Floor001126 .title h1.titel02{text-align: left;position: inherit!important;margin-bottom: 2%} .Floor001126 .title:after{ display:none;} .Floor001126 .txt{ padding:1% 0; line-height:24px;text-align: justify;color:#333;font-size: 14px;} .Floor001126 nav{ overflow:hidden; clear:both;} .Floor001126 nav li{ float:left; width:32%; margin-right:2%; overflow:hidden;} .Floor001126 nav li:last-child{ margin-right:0;} .Floor001126 nav li a{ display:block; position:relative;} .Floor001126 nav li img{ width:100%;} .Floor001126 nav li figure{ position:absolute; width:146px; right:0; height:44px; top:50%; margin-top:-18px; z-index:2;border:4px solid #fff; border-right:0;} .Floor001126 nav li figure span{ display:block; padding-left:10%;line-height:36px; font-size:16px;background: url(../images/Floor001126-a.png) no-repeat 90% center rgba(255,255,255,0.8); } .Floor001126 nav li:hover figure span{ background-color:#004098; background-image:url(../images/Floor001126-ahover.png); color:#fff;} .Floor001126 nav li:hover figure{ border-color:rgba(57, 88,148, 0.5);} .Floor001126 .more{float: right;background: #004098;padding:1% 3%;font-size: 14px;color:#fff;} @media(max-width:640px){ .Floor001126 nav li{ float:none; width:auto; margin-right:0; margin-bottom:3%; padding:0 10%;display: none;} } @media(max-width:480px){ .Floor001126 .title h1{font-size: 14px;} .Floor001126 .title{font-size: 20px;letter-spacing: 1px;} .Floor001126 .txt{font-size: 12px;} .Floor001126 .fr,.Floor001126 .fl{width: 100%;float: none;} } /*listall*/ .ListAllpro{ padding-top:2%;} .ListAllpro ul{ margin:-1%; position:relative; overflow:hidden;} .ListAllpro li{ float:left; width:21%; margin:2%; border:1px solid #ececec; transition:all 0.5s ease-out 0s;} .ListAllpro li:nth-child(4n){margin-right: 0;} .ListAllpro .pic{ display:block; /*border:1px solid #f1f1f1;*/ overflow:hidden} .ListAllpro .pic img{transition:all 0.5s ease-out 0s;} .ListAllpro h4{ margin:0; text-align:center; font-size:14px; padding:13px 10px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; border-top:1px solid #ececec;} .ListAllpro h4 a{ color:#728391;} .ListAllpro li:hover .pic img{transform: scale3d(1.04,1.04,1.04);} .ListAllpro li:hover{ background:#004098;} .ListAllpro li:hover h4 a{ color:#fff;} @media(max-width:767px){ .ListAllpro li{ width:31.33334%} } @media(max-width:480px){ .ListAllpro li{ width:46%} .ListAllpro h4 a{} .ListAllpro h4{padding: 5px 0 0px;font-size: 14px;} .ListAllpro h4 .fr{display: none;} } .wrap-header{ position: relative;margin-bottom: 2%; } .cen{text-align: center;} .wrap-header .more{ position: absolute; right: 0; top: 15px; color: #333; font-size: 14px;} .wrap-header .more:hover{ color: #204da0;} .wrap-header h2{ margin: 0; font-weight: normal; font-size: 20px; color: #333;position: relative;} .wrap-header h2:after{content: "";position: absolute;left:35%;bottom:-15%;width:30%;height:1px;background: #cecece;} .wrap-header h2:before{content: "";position: absolute;left:47%;bottom:-15%;width:5%;height:3px;background: #004098;} .wrap-header h2 span{ color: #004098; font-weight: lighter;} .wrap-header .p{ margin: 9px 0 0; font-size: 20px; color: #333;} @media (max-width: 480px){ .wrap-header h2{font-size: 14px;} .wrap-header h2 span{font-size: 12px;} .wrap-header .p{font-size: 12px;} .wrap-header .more{font-size: 12px;display: none;} } @media only screen and (min-width:768px ) { .wrap-header h2{font-size: 22px;} } @media only screen and (min-width:1024px ) { .wrap-header h2{font-size: 15px;line-height: 48px;font-weight:bold;} } /*PicList001954*/ .PicList001954{ padding:2% 0 0 0;} .PicList001954 .ad{ float:left; width:47%;} .PicList001954 .ad .Ispic{ padding-bottom:100%; display:block;} .PicList001954 .ad .Ispic img{ display:none;} .PicList001954 .tab .h1_tab{ margin:0; overflow:hidden; font-size:16px; font-weight:normal; color:#000;} .PicList001954 .tab .h1_tab span{display: inline-block;padding: 10px 0;background: #95b3d7;margin-right:2%;color: #fff;text-align: center;width: 49%;} .PicList001954 .tab .h1_tab span:nth-child(2){margin-right: 0;} .PicList001954 .tab .h1_tab span.on{ background: #004098; color:#fff;} .PicList001954 .tab .h1_tab span.on a{color: #fff;} .PicList001954 .tab .info{ padding-top:3%;} .PicList001954 .tab .h1_tab span {float: left;padding: 0 5%;line-height: 40px; background-color: #f2f2f3;margin-right: 2%;cursor: pointer;width: 49%;text-align: center;font-size: 12px; } .PicList001954 .ad img{margin-bottom: 2%;} .PicList001954 .ad img{ width:100%;} .PicList001954 .adb {width: 100%} .PicList001954 .adb img{border: solid 1px #cecece;} .PicList001954 .adb .imgw{width: 49%;margin-right: 2%;float: left;} .PicList001954 .adb .imgw:nth-child(2n){margin-right: 0%} .PicList001954 .adb p{letter-spacing: 2px; text-transform: uppercase;color:#004098;text-align: center} .PicList001954 .box{ float:right; width:47%;font-size: 18px;color: #000;margin-top: 0;} .PicList001954 ul .fli{height:100%;;border-bottom: 1px #f7f7f7 solid;} .PicList001954 ul .htitel{letter-spacing: 2px;text-transform: uppercase;text-align: right;} .PicList001954 li{ padding-bottom:0%; margin-bottom: 3%;} .PicList001954 li h1{ margin:0; /*background:url(../images/PicList001954-titlebg.png) no-repeat right top; */ position:relative;} .PicList001954 li h1 a{ padding:0 0 5% 0; color:#004098; font-size:26px; } /*.PicList001954 li h1:after{ display:block; content:'';height:2px; margin-top:20px;background-color:#004098; width:40px;}*/ .PicList001954 li pre{ margin:4% 0; color:#333; font-size:14px;text-align: justify;line-height: 22px;} @media(max-width:640px){ .PicList001954 .ad, .PicList001954 ul{ float:none; width:auto;} .PicList001954 .ad{ text-align:center; padding-bottom:3%;} .PicList001954 .ad img{ width:auto;} } @media(max-width:480px){ .PicList001954 .adb p{font-size: 12px;} .PicList001954 ul .htitel{font-size: 16px;} .PicList001954 li h1 a{font-size: 14px;} .PicList001954 li pre{font-size: 12px;} .PicList001954 ul .fli{height: auto;} } .mtop{margin-top: 2%; overflow:hidden;} .underdog-wrapper h2 {margin: 0 0 30px;text-align: center;text-transform: uppercase;color: #333;} .underdog>li {display: block;background: #fff;margin-bottom: .5em;position: relative;zoom: 1;float: left;width: 49%;padding: 1em;overflow: hidden;height: 200px;} .underdog>li:nth-child(2n+2) {margin-left: 1em;margin-bottom: 1em;} .underdog-image { width: 34%;float: left; text-align: center;height: 100%;padding: 0;} .underdog-image img {display: inline-block;max-height: 100%;} .underdog-info {width: 66%;padding-left: 1em;float: left;} .underdog-info h3 { margin: 0 0 .5em 0;line-height: 1.1;font-size: 26px;font-weight: 100;} .underdog p {margin-top: 0;margin-bottom: 0.5em;font-size: 14px;line-height: normal;} .underdog a {color: #101820;font-weight: bold;} /* .Floor002260 为demo编号 */ .Floor002260{ background:#fff; padding:2% 0; font-size: 12px;} .Floor002260 .auto{max-width:1280px; width: 96%;} .Floor002260 .box{/* border: 1px solid #cecece; border-top: 2px solid #004098;*/ margin-top: 20px;} .Floor002260 .box-header{ padding: 20px 12px; font-size: 16px; color: #222; border-bottom: 1px solid #cecece; line-height: 20px;} .Floor002260 .box-header h3{font-size: 16px; margin: 0; float: left; padding-left:10px; position: relative;} .Floor002260 .box-header h3:before{position: absolute;content: "";width: 7px;height:100%;left:-18%;top:0;background: #004098;} .Floor002260 .box-header .more{ float: right; font-size: 16px; color: #333; font-weight: normal; transition: all .3s ease-in-out;} .Floor002260 .box-header .more:hover{ color: #004098;} .Floor002260 .box-content{ padding: 20px 0;/*border: 1px solid #cecece;*/} .Floor002260 .product li{ width: 100%; /*padding: 27px 15px 27px;*//* border-top: 1px solid #cecece;*/cursor: pointer} .Floor002260 .product li .inner{position: relative;} .Floor002260 .product li{ width:30%;margin-right:5%;float:left;border: 1px solid #cecece;} .Floor002260 .product li:nth-child(3n){margin-right: 0;} .Floor002260 .product li:last-child{padding-bottom: 0;} .Floor002260 .product li .pic{ width:100%; text-align: center; } .Floor002260 .product li .pic a{ vertical-align: middle; padding-bottom:100%; background-size: contain; display:block;} .Floor002260 .product li .pic a img{/*height:100%;*/ max-height:250px; display:none;} .Floor002260 .product li .word{text-align: center; border-top:1px solid #cecece;} .Floor002260 .product li .word p{margin:0} .Floor002260 .product li .word h4{ margin: 0; font-weight: normal; font-size: 16px; line-height: 36px; overflow: hidden;} .Floor002260 .product li .word h4 a{ color: #333;font-size: 16px;} /*.Floor002260 .product li .word h4 a:hover{ color: #004098;}*/ .Floor002260 .product li .word .more{ padding-right: 12px; position: relative;color:#004098;} .Floor002260 .product li .word .more i{position: absolute; top: 50%; margin-top: -3px; right: 0; background: url(../images/Floor002260-icon.png); width: 8px; height: 7px; display: block;} .Floor002260 .product li .word .more:hover{ color: #004098;} .Floor002260 .product li .word .more:hover i{ background-image: url(../images/Floor002260-icon_hover.png);} .Floor002260 .product li:hover .word{background: #004098;} .Floor002260 .product li:hover p{color:#fff;} .Floor002260 .product li:hover .word h4 a{color:#fff} .Floor002260 .product li:hover .word .more{color:#fff;} .Floor002260 .product li:hover img{border:1px solid #fff;} .Floor002260 .new li{ padding:1% 4% 8% 4%; position: relative; line-height: 20px;cursor: pointer;/*background: #e7e7e7;*/border-left: 1px solid #cecece;border-right: 1px solid #cecece;} .Floor002260 .new li:last-child{border-bottom: 1px solid #cecece;} .Floor002260 .new li:nth-child(2n-1){border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;} .Floor002260 .new li:nth-child(2n){background: #fff;} /*.Floor002260 .new li:hover{background: #b2c8f1;}*/ .Floor002260 .new li a{ display: block;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #333;font-size:14px;line-height: 36px;} .Floor002260 .new li a i{ font-size: 14px; font-style: normal; padding-right: 5px;} .Floor002260 .new li a:hover{color: #004098;} .Floor002260 .new li time{ /*position: absolute; right: 0; top: 10px;*/ color: #999; float: left;} .Floor002260 .new li span{ color: #999; float: right;} .Floor002260 .new li span a{ font-size:16px; line-height:normal;} .Floor002260 .about nav li{ float: left; width: 33.3334%; padding: 15px 2% 0; text-align: center;} .Floor002260 .about nav li .pic img{ border-radius: 50%; background-color: #1c5a98; transition: all .5s ease-in-out;} .Floor002260 .about nav li:hover .pic img{ background-color: #004098; transform: rotateY(180deg);} .Floor002260 .about nav li h4{ text-align: center; margin: 5px 0 0; font-size: 12px;} .Floor002260 .about nav li h4 a{ color: #333;} .Floor002260 .about nav li:hover h4 a{ color: #004098;} @media only screen and (max-width:480px ) { .Floor002260 .product li{ width:100%; /* padding: 20px 10px 20px;*//*height:77px;*/} .Floor002260 .product li .word h4 a{font-size: 14px;} } @media only screen and (min-width:768px ) { .Floor002260 .box{ float: left;width: 49%;/*height: 330px;*/} .Floor002260 .product{ width: 100%; margin-top: 0;} .Floor002260 .about{ float: right;} } @media only screen and (min-width:1024px ) { .Floor002260 .box{ width: 64%; margin-left: 0; margin-top: 0;} .Floor002260 .new{ width:29%; margin-left: 5%;} } @media (max-width: 480px){ .Floor002260 .product{ margin-top: 20px;} .Floor002260 .new li a{font-size: 12px;} .Floor002260 .new li{ } .Floor002260 .box-header{padding-top:5px;padding-bottom: 5px;} .Floor002260 .box-content{padding: 5px 0;height: auto;} } /* .TextList000962 为demo编号 */ .TextList000962{ padding:2% 0;} .TextList000962 li{ float:left; width:49%; margin-right:2%; border:1px solid #e7e7e7; line-height:44px; margin-bottom:2%; position:relative;} .TextList000962 li::before{ position:absolute; content:''; width:1px; height:60%; background-color:#e7e7e7; top:20%; right:110px;} .TextList000962 li a{ position:absolute; left:0; top:0; width:100%; height:100%;} .TextList000962 li:nth-child(2n){ margin-right:0;} .TextList000962 li p{ margin:0; border-left:4px solid #f5f5f5; padding:16px 10px;} .TextList000962 li span{ float:right; margin-top:16px; color:#9f9f9f;} .TextList000962 li span.name{ width:85px; color:#343434; background:url(../images/TextList000962-a.png) no-repeat left center; padding-left:30px; margin-left:50px;} .TextList000962 li:hover{ border:1px dashed #f31313;} .TextList000962 li:hover p{ color:#f31313;} .TextList000962 li:hover span.name{ background-image:url(../images/TextList000962-aon.png); color:#f31313;} @media(max-width:768px){ .TextList000962 li{ float:none; width:auto; margin-right:0;} .TextList000962 li span.name{ width:70px;margin-left:30px;} .TextList000962 li::before{right:85px;} .TextList000962 li p{padding:10px;} .TextList000962 li span{margin-top:10px;} } /*PicList054 */ .PicList054{margin-top: 3%;} .PicList054 .wrap-header {position:relative;margin-bottom:5%;} .PicList054 .wrap-header .more {position:absolute;display:inline-block!important;width:3%;top:unset;bottom:-35px;left:50%;transform:translateX(-50%);line-height:24px;} .PicList054 .wrap-header h2:before {left:50%;transform:translateX(-50%);} .PicList054 ul{margin-top: 3%;} .PicList054 li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%; /* margin-bottom:3%;*/ border:1px solid #cecece;} .PicList054 li:nth-child(4n){margin-right: 0} .PicList054 li a{ position:relative; display:block; width: 100%; height:100%; overflow: hidden;} .PicList054 li a:before{ content:""; background-color:rgba(0,0,0,0); position:absolute; left:0; top:0; width:100%; height:100%;transition: .3s;} .PicList054 li:hover a:before{ background-color:rgba(0,0,0,0.5);} .PicList054 li .Ispic{/* padding:46% 6%; */ height: 0;padding-bottom: 107.61%;} .PicList054 li .Ispic img{width: 100%; transition: all 0.5s; display:none;} .PicList054 li div{ position:absolute;bottom:0;width:100%;min-height:50px;display: none;} .PicList054 li:hover div{display: block;} .PicList054 li p{ line-height:20px; overflow:hidden; height:54px; color:#333; font-size:13px; padding:0 8%;margin-top: 0;padding-top: 4%} .PicList054 li aside{ padding:0 5%; /*line-height:36px;*/ text-align:center;position: relative;z-index: 1; padding-right:15px; color:#fff; line-height: 1.5;} /*.PicList054 li aside:before{background: #395894;content: "";position: absolute;left: 0;top:0;width:0%;height: 100%;z-index: -1;transition: all 0.5s;}*/ /*.PicList054 li a:hover:before{ background:0;}*/ /*.PicList054 li:hover img{transform: scale(1.2);} .PicList054 li:hover aside:before{width: 100%;}*/ @media(min-width:769px){ .PicList054 li:nth-child(4n){ margin-right:0;} } @media(max-width:768px){ .PicList054 li{ width:32%;} } @media(max-width:768px) and (min-width:481px){ .PicList054 li:nth-child(4n){ margin-right:0;} } @media(max-width:480px){ .PicList054 li{ width:100%;} .PicList054 li p{padding:0 2px;font-size: 12px;height: 63px;} } .has-sub .sub {border-top:1px solid #33333314}