/* .Top001336 为demo编号 */ .Top001336 .search .text{ padding:0 10px; height:36px; line-height:36px; border:3px solid #0094d7;} .Top001336 .search .btn{ cursor:pointer; height:36px; width:36px; border:none; background:url(../images/Top001336-search.png) no-repeat center center;} @media(min-width:1001px){ .Top001336{ border-top:3px solid #0094d7;position:relative; z-index:100;} .Top001336::before{ position:absolute; content:''; width:100%; height:59px; z-index:1; left:0; top:100%;} .Top001336 header{ position:relative;} /*.Top001336 header nav{ padding:30px 0;}*/ .Top001336 header ul{ float:right;padding-right:0;} .Top001336 header li{ float:left; margin:0 4px; text-align:center;} .Top001336 header li a.navbar{ display:block; line-height:95px;padding:0 18px; font-size:14px;} .Top001336 header li .subNav a{padding: 0 10px;} .Top001336 header li a.navbar:hover, .Top001336 header li a.aon{ background-color:#215697; color:#fff;} /* border-bottom: 4px solid #2b2a97; */ .Top001336 .logo{ position:absolute; left:0px; top:0; z-index:10; padding:1% 0 0 0;} .Top001336 .logo .mobile_logo{ display:none;} /*.Top001336 .search{ position:absolute; right:0px; z-index:10; top:50%; margin-top:-18px;} .Top001336 .search .text{ display:none; width:180px; float: right;} .Top001336 .search:hover{ right:-170px; } .Top001336 .search:hover .text{ display:block; float:left;} .Top001336 .search:hover .btn{border:3px solid #0094d7; border-right:0; float: left;}*/ .Top001336 .search{ position:absolute; right:0; z-index:10; top:50%; margin-top:-18px;} .Top001336 .search .text{ display:none; width:180px; position: absolute;right: 0px;bottom: -28px;} .Top001336 .search:hover .text{ display:block; float:left;} /*.Top001336 .search:hover .btn{border:3px solid #0094d7; border-left:0;}*/ } .Top001336 .top_phone{ display: none; } @media(max-width:1100px) and (min-width:1001px){ .Top001336 header nav{ padding:10px 0;} .clearfix .subNav{top: 107px !important;} .Top001336 .search{ right:2%;} .Top001336 .logo{ left:3%;} } @media(max-width:1100px){ .Top001336::before{ display:none;} } @media(max-width:1000px){ .Top001336 .top_phone{ min-height: 60px;background-color:#fff;display: block; position: relative;;} .Top001336 .top_phone .plogo{ width: 44px; height: 50px; position:absolute; left:10%; top:2px;} .Top001336 .top_phone .m1{ margin:0; font-size: 24px; font-weight: bold; color: #00508f; text-align: center; line-height:60px; } .Top001336 header{ padding:0; position:fixed; height:100%; width:70%; max-width:300px; right:0; top:0; background-color:#215697; z-index:100; transform:translateX(100%); opacity:0; transition:0.3s;} .Top001336 header.onNav{ transform:translateX(0); opacity:1;} .Top001336 .moblie_menu{ position:absolute; z-index:101; right:20px; top:10px;} .Top001336 .moblie_menu i{ display:block;width:38px; height:38px;background:url(../images/Top001336-menu.png) no-repeat;} .Top001336 .moblie_menu i.on{background:url(../images/Top001336-menu2.png) no-repeat;} /*.Top001336 .moblie_menu i.on{ background-image:url(../images/Top001336-menu_hover.png);}*/ .Top001336 .logo{ text-align: center; padding:70px 15% 5% 15%;} .Top001336 .logo img{ display:none;} .Top001336 .logo img.mobile_logo{ display:inline-block;} .Top001336 nav{ padding-bottom:5%;} .Top001336 nav li{ text-align:center;} .Top001336 nav li a{ display:block; padding:3% 0; font-size:16px; font-weight:bold; color:#fff; box-shadow:0 1px 0 rgba(255,255,255,0.3);} .Top001336 .search{ margin:0 auto; max-width:70%; position:relative;} .Top001336 .search .text{ width:100%; padding-right:50px;} .Top001336 .search .btn{ position:absolute; right:0; top:0;} } @media(max-width:640px){ .Top001336 .top_phone .plogo{left:2%;} .Top001336 .top_phone .m1{ font-size: 16px;} } /*Banner002033 */ .Banner002033 div{ height:409px; background-position:center top; background-repeat:no-repeat;} .Banner002033 div img{ display:none;} @media(max-width:1000px){ .Banner002033 div{ height:auto; background:none !important;} .Banner002033 div img{ display:block; width:100%;} } /* .Menu000939 为demo编号 */ .Menu000939 .current{ line-height:40px; text-align:right;} .Menu000939 .current span{ color:#215697;} .Menu000939 .current a{ color:#8b8c8c;} .Menu000939 nav{ background-color:#f4f4ea;} .Menu000939 nav .auto{ position:relative;} .Menu000939 nav header{ padding:15px 0;text-align:center; font-size:24px; background-color:#215697; color:#fff;} .Menu000939 nav header span{ display:block; color:#fff; font-size:14px; text-transform:uppercase;} .Menu000939 nav li a{ display:block;} .Menu000939 nav li.nav{position:relative; z-index:10;} .Menu000939 nav li.nav > a{position:relative; padding-right:35px;} .Menu000939 nav li.nav > a::before{ position:absolute; content:''; right:10px; top:50%; margin-top:-3px; width:0; height:0; border-left:6px solid transparent;border-right:6px solid transparent; border-top:6px solid #e5352c;} .Menu000939 nav li > a{ padding:0 20px; line-height:62px;height:62px;border-bottom:2px solid transparent;} .Menu000939 nav li a.aon, .Menu000939 nav li:hover >a{ border-bottom-color:#215697;color:#215697;} .Menu000939 nav li dl{background-color:#215697;display:none;} .Menu000939 nav li dl dd{ text-align:center; font-size:12px;} .Menu000939 nav li dl dd a{ display:block; line-height:20px; padding:5px 0;color:#fff;} .Menu000939 nav li dl dd a:hover{background-color:#f4f4ea;color:#215697;} @media(min-width:641px){ .Menu000939 nav li{ float:left; position:relative;} .Menu000939 nav li::before{ position:absolute; content:''; width:1px; background-color:#dad9cb; height:30%; top:35%; right:0;} .Menu000939 nav li dl{ position:absolute; top:62px; left:0; width:100%} } @media(min-width:1001px){ .Menu000939 nav header{ position:absolute; left:0; width:147px;top:-40px;height:102px; padding:26px 0;} .Menu000939 nav ul{ padding-left:147px;} } @media(max-width:768px){ .Menu000939 .current{font-size:12px;} } @media(max-width:640px){ .Menu000939 nav li{ float:none; font-size:16px;} .Menu000939 nav li dl dd{font-size:14px;} .Menu000939 nav li dl dd a{padding:10px 0;} .Menu000939 nav li > a{ line-height:55px; height:55px;} } /* .TextList001202 为demo编号 */ .TextList001202{ width:1200px; margin:0 auto;} .TextList001202 h1{ margin:0; font-weight:normal; padding:3% 0; font-size:24px; color:#333;} .TextList001202 h1 b{ display:block;} .TextList001202 li{padding-bottom:10px;} .TextList001202 dl{ position:relative; padding-left:53px;} .TextList001202 dl dt, .TextList001202 dl dd{ border:1px solid #e3e7e6;} .TextList001202 dl dt{ position:absolute; width:50px; left:0; top:0; color:#215697; text-align:center; font-size:24px;} .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:50px; line-height:50px;} .TextList001202 dl.A dd{ padding:2%; line-height:22px; font-size:12px;} .TextList001202 dl.Q dd{ padding:0 2%;} .TextList001202 li figure{ padding-top:2%;} .TextList001202 li figure a{ display:inline-block; padding:0 20px; line-height:25px;color:#fff; background-color:#215697;} .TextList001202 dl.A{ display:none; padding-top:10px;} .TextList001202 dl.A dt{ top:10px;} .TextList001202 dl.A p{ margin:0;} .TextList001202 dl.Q_on dt{ color:#fff; background-color:#215697;} .TextList001202 dl.Q_on dd{background-color:#f7fbfc;} @media(max-width:480px){ .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:40px; line-height:40px;} .TextList001202 h1, .TextList001202 dl dt{font-size:20px;} .TextList001202 dl.A p{ max-height:66px; overflow:hidden;} } /*Page002046 */ .Page002046 .Pages{ text-align:center; padding:2% 0;} .Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 15px; line-height:38px; color:#999;} .Page002046 .Pages a:hover, .Page002046 .Pages a.a_cur{ background-color:#215697; color:#fff;} .Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;} .Page002046 .Pages em a{ float:left; margin-left:-1px;} .Page002046 .Pages .p_cur, .Page002046 .Pages .p_count, .Page002046 .Pages .p_jump, .Page002046 .Pages .p_total{ display:none;} .Page002046 .Pages .a_prev, .Page002046 .Pages .a_next{ padding:0; width:44px; background:url(../images/Page002046-a_prev.gif) no-repeat center center; overflow:hidden; line-height:1000px; height:38px;} .Page002046 .Pages .a_next{ background-image:url(../images/Page002046-a_next.gif);} @media(max-width:640px){ .Page002046 .Pages .a_first, .Page002046 .Pages .a_end{ display:none;} } @media(max-width:480px){ .Page002046 .Pages a{padding:0 5px; } } /* .Bottom001136 为demo编号 */ .Bottom001136{ background-color:#215697; padding:3%; padding-bottom:1%;} .Bottom001136 .auto{ position:relative;} .Bottom001136 .bottom{ padding-bottom:2%;} .Bottom001136 .bottom dl{ float:left; width:11%;} .Bottom001136 .bottom dl.long{ width:28%;margin-right:40px;} .Bottom001136 .bottom dl.long dd{ width:50%; float:left;} .Bottom001136 .bottom dl.lon{ width:18%; margin-right:40px;} .Bottom001136 .bottom dl.lon dd{ width:50%; float:left;} .Bottom001136 .bottom dt{ color:#fff; font-weight:bold; padding-bottom:10px; margin-bottom:20px; position:relative; font-size:14px;} .Bottom001136 .bottom dt::before{ position:absolute; content:''; width:30px; height:2px; background-color:#fff; left:0; bottom:0;} .Bottom001136 .bottom dd{ line-height:24px;} .Bottom001136 .bottom dd a{ color:#7499c7;font-size:12px;} .Bottom001136 .bottom dd a:hover{ color:#fff;} .Bottom001136 .contact{ float:right; width:14%; text-align:right;} .Bottom001136 .contact b{ color:#fff; display:block; padding-bottom:10px; font-size:14px;} .Bottom001136 .contact img{ width:57%;} .Bottom001136 .share{ text-align:center; border-top:1px solid rgba(255,255,255,0.2); height:36px;} .Bottom001136 .share div{ display:inline-block; background-color:#215697; padding:0 2%; height:36px; overflow:hidden; margin-top:-18px;} .Bottom001136 .share div a{ padding:0; display:inline-block; width:36px; height:36px; background:url(../images/Bottom001136-share.png) no-repeat 0 center rgba(255,255,255,0.05); border-radius:50%; margin:0 10px;} .Bottom001136 .share div a.bds_tsina{ background-position:-51px center;} .Bottom001136 .share div a.bds_weixin{background-position:-102px center;} .Bottom001136 .share div a.bds_sqq{background-position:-154px center;} .Bottom001136 .share div a:hover{ background-color:#0094d7; opacity:1;} .Bottom001136 footer{ text-align:center; color:#7499c7; font-size:12px; padding:10px 0;} .Bottom001136 footer a{color:#7499c7;} .Bottom001136 footer a:hover{color:#fff;} .Bottom001136 footer span a{ position:relative; display:inline-block; color:#7499c7; padding-right:10px; margin-right:10px;} .Bottom001136 footer span a::before{ position:absolute; content:''; width:1px; height:9px; top:50%; right:0; margin-top:-4px; background-color:#7499c7;} .Bottom001136 .getTop{ width:36px; height:36px; position:absolute; right:-40px; bottom:15%; background-color:#4a7eb8; color:#fff; font-size:16px; border-radius:50%;z-index:20;} .Bottom001136 .getTop span{ position:absolute; left:50%; top:50%; margin-left:-7.5px; margin-top:-7.5px;} @media(max-width:1280px){ .Bottom001136 .getTop{ position:fixed; right:2%; bottom:10%;} } @media(max-width:1000px){ .Bottom001136 .bottom dl{ display:none;} .Bottom001136 .contact{ float:none; width:50%; margin:0 auto; text-align:center; max-width:200px; padding-bottom:18px;} } @media(max-width:768px){ .Bottom001136 footer span{ display:block;} .Bottom001136 footer span a:last-child::before{ display:none;} } .bottom a{color:#fff;} .bottom .shu{width:40px; display: inline-block;} /* .Timeline000453 为demo编号 */ .Timeline000453{ width:100%; margin:0 auto; padding-top:40px;} .Timeline000453 .arrow-year{ position:relative;} .Timeline000453 .arrow-year a{ top:120px; cursor:pointer; display:block; position:absolute; width:47px; height:47px;} .Timeline000453 .arrow-year a.prev{ left:0px;background:url(../images/next_02.png) no-repeat;} .Timeline000453 .arrow-year a.next{ right:0px;background:url(../images/next_02.png) no-repeat;} .Timeline000453 .year{ background:url(../images/Timeline000453-bg.jpg) no-repeat center 135px; margin-bottom:70px;} .Timeline000453 .year .bd{ padding:0 50px; margin:auto;} .Timeline000453 .year ul li{ font-size:16px; padding-top:100px; float:left;position: relative; cursor: pointer; width:33%;text-align:center; background:url(../images/Timeline000453-icon-gray.jpg) no-repeat center 135px} .Timeline000453 .year ul li:hover{ background:url(../images/Timeline000453-icon-blue.jpg) no-repeat center 135px} .Timeline000453 .year ul li:hover{ color:#215697;} .Timeline000453 .arrow{ position:relative;} .Timeline000453 .arrow a{ top:20px; display:block; width:47px; height:47px; cursor:pointer; position:absolute; } .Timeline000453 .arrow a.prev{ left:0; background-position:left;} .Timeline000453 .arrow a.next{ right:0; background-position:right;} .Timeline000453 .year ul li span{ font-weight: bold; display: block } .Timeline000453 .year ul li.li1 p{ margin-top:60px; text-align: left; line-height: 2em;font-size: 14px;} .Timeline000453 .year ul li.li2 span{ margin-top:80px;} .Timeline000453 .year ul li.li2 p{ position:absolute; top: 0; text-align: left; line-height: 2em; font-size: 14px;} @media(max-width:768px){ .Timeline000453 .year ul li{ width: 100%; } } /* PicList000893 为demo编号 */ .PicList000893{ padding-top:3%; width: 100%; max-width:1200px; margin:0 auto;} .PicList000893 li{ float:left; width:100%; margin-bottom:3%; border-bottom: 1px solid #ccdced;} .PicList000893 li:nth-child(3n){ margin-right:0;} .PicList000893 li .topimg{ width: 30%; margin-top:10px; position:relative; background:#f3f3f3; float: left;} .PicList000893 li .topimg img{ width: 100%; } .PicList000893 li .txt{ width: 70%; padding:0 0 3% 3%; position:relative; float: left;} .PicList000893 li .txt .name{margin: 0; padding-bottom: 20px; border-bottom: 1px dotted #e7e7e7; font-size:18px; color: #215697; font-weight: bold;} .PicList000893 li .txt table{ margin:10px 0;} .PicList000893 li .txt td{ padding: 8px 5px; } .PicList000893 li .txt .m1{ width: 115px; font-weight: bold; text-align: right; color: #333; vertical-align: top;} .PicList000893 li .txt .m2{ font-size: 14px; color: #666;} .PicList000893 li .txt .more{ width:81px; height:29px; display:block; position:absolute; right:0; top:50%; margin-top:-14.5px; background:url(../images/PicList000893_more.jpg) no-repeat;} @media(max-width:768px){ .PicList000893{ width: 100%;} .PicList000893 li{width:100%;} .PicList000893 li:nth-child(3n){ margin-right:2%;} .PicList000893 li:nth-child(2n){ margin-right:0;} .PicList000893 li .topimg{ width: 100%; margin-top:10px; } .PicList000893 li .txt{ width:100%; margin-top: 10px;} } @media(max-width:480px){ .PicList000893 li{ width:100%;} } /*Floor001899*/ .Floor001899{ position:relative; z-index:1; padding-bottom:2%;overflow: hidden;} .Floor001899 .auto{position: relative;} .Floor001899 h3{ color: #dedede; font-size: 50px; text-transform: uppercase; z-index: 1; margin-top:40px; margin-bottom: 0;} .Floor001899 h3 span{display: block; color: #333; font-size: 30px;} .Floor001899 h3:after{ display:block;content: ""; width: 52px; height: 2px; margin-top:30px; background: #215697;} .Floor001899 h4{font-size: 28px; color: #215697; margin-top:30px;} .Floor001899 .word{ width: 100%; overflow: hidden;} .Floor001899 ul{} .Floor001899 li{width: 33.33333333%; padding: 0 30px; border-left: 1px solid #f2f2f2;padding-bottom:2%;width: 60%; float: left;} .Floor001899 li.li_1{width: 100%; padding-top:5%; } .Floor001899 li pre{ line-height:20px; color:#555;} .Floor001899 li p{ line-height:30px; overflow:hidden; height:30px; margin:0;} .Floor001899 li h4{font-size: 16px; color: #333; margin: 0; line-height:30px; } .Floor001899 li h4:before{ display:inline-block; content:'';width: 41px; height: 41px; margin-left:-52px; background:url(../images/Floor001899-icon1.png) no-repeat left center; vertical-align:middle; margin-right:15px;} .Floor001899 li.li_2 h4:before{ background-image:url(../images/Floor001899-icon2.png);} .Floor001899 li.li_3 h4:before{ background-image:url(../images/Floor001899-icon3.png);} .Floor001899 li.li_4 h4:before{ background-image:url(../images/Floor001899-icon4.png);} .Floor001899 .pic{text-align: center;} .Floor001899 .pic img{max-width: 100%;} @media(max-width:1150px){ .Floor001899 h3{ left:2%;} } @media(max-width:1000px){ .Floor001899 h3{ position:relative; left:auto; top:auto; padding:2% 0 0 0;} .Floor001899 ul{ padding-left:30px;} .Floor001899 li.li_1{ padding-top:5%;} } @media(max-width:768px){ .Floor001899 h3{font-size: 36px;} .Floor001899 h3 span{ font-size: 24px;} .Floor001899 h3:after{ margin-top:20px;} } @media(max-width:640px){ .Floor001899 li{ float:none; width:auto; padding-bottom:3%;} } @media(max-width:480px){ .Floor001899 h3{font-size: 26px;} .Floor001899 h3 span{ font-size: 18px;} } /* PicList000726 为demo编号 */ .PicList000726{ width:1200px; margin:0 auto;} .PicList000726 ul li{ background: #f6f6f6; padding: 10px 3% 10px 10px; margin: 3.125% 0; } .PicList000726 ul li div{ position:relative; padding:0 7% 0 21%; background:url(../images/PicList000726_icon.png) right center no-repeat;} .PicList000726 ul li a.pic{width: 19%; position:absolute; left:0; top:0; background-repeat:no-repeat; background-position: center top; background-size: contain; overflow:hidden; height:100%;} .PicList000726 ul li h1{margin:0;line-height:40px; color:#676767; font-size:18px; font-weight:bold;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .PicList000726 ul li time{font-size:12px; color:#abce09; line-height:25px; display:block; padding:3px 0;} .PicList000726 ul li p{ color:#676767; font-size:12px; line-height:30px; height:60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin:0;} .PicList000726 ul li dl{ width:100%; padding-top:5px;} .PicList000726 ul li dl dt{ margin-right:3px; background:#009CDD; float:left;} .PicList000726 ul li dl dt a{ font-size:0.875em; color:#fff; display:block; padding:3px 10px;} @media(max-width:480px){ .PicList000726 ul li div{ padding:0; background:none;} .PicList000726 ul li a.pic{ width:100%; position:static; height:auto; display:block;} .PicList000726 ul li a.pic img{ width:100%;} } /* .PicList001111 为demo编号 */ .PicList001111{ width: 100%; max-width:1200px; margin:0 auto; padding-top:2%;} .PicList001111 li{ padding:2% 0; border-bottom:1px solid #dedede;} .PicList001111 li:hover{ background-color:#ececec;} .PicList001111 li div{position:relative;padding:5% 15% 5% 36%;color:#555;} .PicList001111 li .Ispic{ position:absolute; height:100%; width:33%; left:0; top:0;} .PicList001111 li h2{ margin:0; font-size:16px; } .PicList001111 li h2 a{ color:#215697;} .PicList001111 li p{ line-height:24px; overflow:hidden; height:48px; } .PicList001111 li time{ display:block; background:url(../images/PicList001111-icon.png) no-repeat left center; padding-left:20px; font-size:12px;} .PicList001111 li .more{ position:absolute; right:3%; top:50%; margin-top:-17px; max-width:100px; line-height:34px; height:34px; border:2px solid #215697; background-color:#fff; width:12%; text-align:center; color:#999; border-radius:30px;} .PicList001111 li .more:hover{ background-color:#215697; color:#fff;} @media(max-width:640px){ .PicList001111 li div{ padding-left:48%; padding-right:2%;} .PicList001111 li .Ispic{width:45%;} .PicList001111 li time{ margin-bottom:2%;} .PicList001111 li .more{ position:relative; display:inline-block; top:auto; margin-top:0; min-width:100px; right:auto;} } @media(max-width:480px){ .PicList001111 li .Ispic{ position:static; height:auto; width:auto; display:block; padding-bottom:45%;} .PicList001111 li div{ padding:2%;} .PicList001111 li h2{ padding-top:3%;} } /* .PicList000786 为demo编号 */ .PicList000786{ padding:3% 0 1% 0; width:1200px; margin:0 auto;} .PicList000786 li{ float:left; width:32%; margin-right:2%; text-align:center; margin-bottom:2%;border: 1px solid #ccc;} .PicList000786 li:nth-child(3n){ margin-right:0;} .PicList000786 li img{height: 280px;} .PicList000786 li figure{ border:1px solid #E0E0E0; padding:5px; padding-bottom: 2px;} .PicList000786 li:hover figure{ border:2px solid #215697; padding-bottom:0px;} .PicList000786 li figure span{ display:block; padding-bottom:60%; background-position: center center; background-repeat:no-repeat; background-size:contain;} @media(max-width:1200px){ .PicList000786 {width: 900px;} .PicList000786 li img{height: 230px;} } @media(max-width:768px){ .PicList000786{ padding:3% 0 1% 0; width:100%;} .PicList000786 .word{ padding: 10px; } .PicList000786 li{ width:90%; margin-left: 5%;} .PicList000786 li:nth-child(3n){ margin-right:2%;} .PicList000786 li:nth-child(2n){ margin-right:0;} } /*Floor002059 */ .Floor002059{ padding:3% 0 1% 0; background:url(../images/Floor002059-bg.jpg) no-repeat center top;} .Floor002059 h1{ margin:0 0 7% 0;font-size: 28px;text-align: center;color: #006cba;} .Floor002059 h1:after{display: block; content:'';width: 20px;height: 2px;background: #006cba; margin:0 auto; margin-top:13px;} .Floor002059 li{ float:left; width:24%; /*padding-bottom:18px; transition:padding 0.3s;*/ margin-right:1%; margin-bottom:3%; position:relative; padding-bottom:40%;} .last04{float:right; width:22%;} .Floor002059 li a{ position:absolute; left:0; top:0; width:100%; height:100%;} /*.Floor002059 li:nth-child(5){ margin:0 3%;}*/ .Floor002059 li figure, .Floor002059 li div{ position:absolute; left:0; width:100%;} .Floor002059 li figure{ height:52%; transition:top 0.3s; top:0;} .Floor002059 li figure img{ display:none;} .Floor002059 li div{ background-color:#fff; bottom:0; height:48%; padding:0 5%; transition:0.3s;} .Floor002059 li div:before{ position:absolute; content:''; width:24px; height:24px; bottom:10px; left:50%; margin-left:-12px;} .Floor002059 li aside{ position:absolute; top:0%; margin-top:-50px; z-index:10; left:50%; width:100px; height:100px; margin-left:-50px;text-align:center; border-radius:50%; background-color:#fff; overflow:hidden;transition:background 0.3s;} .Floor002059 li aside img{ display:block; width:100%; height:100%;} .Floor002059 li aside img.hover{ display:none;} .Floor002059 li h5{ margin:0 0 15px 0; font-size:16px; text-align:center; padding-top:20%;} .Floor002059 li p{ line-height:24px; overflow:hidden; height:72px; margin:0;} .Floor002059 li:hover div{ color:#fff;background:#006cba;} .Floor002059 li:hover figure{top:-3%;} .Floor002059 li:hover div{ bottom:-3%;height:54%;} .Floor002059 li:hover div:before{background:url(../images/Floor002059-more.png) no-repeat;} .Floor002059 li:hover aside{background:#006cba; top:0%;} .Floor002059 li:hover aside img{ display:none;} .Floor002059 li:hover aside img.hover{display:block;} @media(min-width:769px){ .Floor002059 li:nth-child(4n){ margin-right:0;} } @media(max-width:1000px) and (min-width:769px){ .Floor002059 li p{ height:48px;} .Floor002059 li aside{ margin-top:-35px; width:70px; height:70px; margin-left:-35px;} } @media(max-width:768px){ .Floor002059 li{ width:48%; margin-right:4%;} .Floor002059 li:nth-child(2n){ margin-right:0;} .Floor002059 li{ padding-bottom:90%;} .Floor002059 li aside{ position:absolute; top:0%; margin-top:-25px; z-index:10; left:50%; width:50px; height:50px; margin-left:-25px;text-align:center; border-radius:50%; background-color:#fff; overflow:hidden;transition:background 0.3s;} } @media(max-width:640px){ .Floor002059 ul{ margin:0 auto; max-width:400px;} } /*Banner001863*/ .Banner001863 .bx-wrapper{position: relative; z-index:1;} .Banner001863 li, .Banner001863 li a{ height:560px;} .Banner001863 li a{ display:block; } .Banner001863 li{ background-position:center top; background-repeat:no-repeat;background-size: contain;} .Banner001863 li img{ display:none;width:100%;} .Banner001863 .bx-pager{position: absolute;width:100%; left:0;text-align: center;bottom:5%;} .Banner001863 .bx-pager div{ display:inline-block; width:12px; height:12px; margin:0 3px;} .Banner001863 .bx-pager div a{ display:block; overflow:hidden; line-height:100px; height:12px; border-radius:50%; border:1px solid #fff;} .Banner001863 .bx-pager div a.active{ background:#fff;} @media(max-width:1000px){ .Banner001863 li, .Banner001863 li a{ height:460px;} .Banner001863 li{ background:none !important;} .Banner001863 li img{ height: 100%; display:block;} } @media(max-width:768px){ .Banner001863 li, .Banner001863 li a{ height:220px;} } /* .Floor001233 为demo编号 */ .Floor001233{ background-color:#fff; padding:3% 0 0 0; } .Floor001233 .auto_1200{position: relative;} .Floor001233 .cn{ font-size:32px; font-weight:normal; color:#215697; margin:0; line-height:40px; text-align:center;} .Floor001233 .cn span{ color:#0094d7;} .Floor001233 .en{ font-size:18px; font-weight:normal; font-family:Arial; color:#8a8986; text-transform:uppercase; margin:0;text-align:center; margin-bottom:50px;} .Floor001233 .more{ text-align:center;} .Floor001233 .more a{ display:inline-block; border:1px dashed #d0d5dc; font-size:15px; padding:0 10px 0 30px; line-height:30px; background:url(../images/Floor001233-more.png) no-repeat 10px center; color:#999; transition:all ease-in-out 0.3s;} .Floor001233 .more a:hover{ background:#1d2088; color:#fff; padding-left:10px;} .Floor001233 li{ float:left; width:24.66%; margin-bottom:3%; position:relative; height: 180px;} /* overflow:hidden; margin:2px;*/ .Floor001233 li img{ display:block; width:100%; position:relative; z-index:3; } .Floor001233 li figure{ position:absolute; width:100%; height:100%; background-color:rgba(105, 175, 111, 0.85); color:#fff; z-index:0;} .Floor001233 li:hover figure{ z-index:5;} .Floor001233 li .table{display:table;width: 300px;height:100%;} .Floor001233 li .table_cell{ display:table-cell; vertical-align:middle; text-align:center; padding-left:5%; padding-right:5%;} .Floor001233 li h2{position: absolute; width: 100%; padding: 6px 0; left: 0; bottom: 0; color: #fff; background: rgb(33, 86, 151); margin: 0; font-size: 11px; font-weight: normal; z-index: 4; } .Floor001233 li h2 b{ font-size:14px;font-weight: 0; } /* padding-top:150px; */ /* .Floor001233 li:hover h2{ opacity:0;} */ .Floor001233 li h3{ font-size:18px; margin:0;} .Floor001233 li p{ line-height:20px; overflow:hidden; height:40px; margin:5px 0;} .Floor001233 li figure span{ display:inline-block; width:35px; height:35px; background:url(../images/Floor001233-hover_more.png) no-repeat center center/contain;} .Floor001233 .bx-prev, .Floor001233 .bx-next{ position: absolute; bottom: 15%; width:34px; height: 33px;text-indent:-9999px;} .Floor001233 .bx-prev{ left:-50px; background: url(../images/icon_prev1.png) 0 0 no-repeat; } .Floor001233 .bx-next{ right:-50px; background: url(../images/icon_next1.png) 0 0 no-repeat; } .Floor001233 .bx-prev:hover{ background: url(../images/icon_prev.png) 0 0 no-repeat; } .Floor001233 .bx-next:hover{background: url(../images/icon_next.png) 0 0 no-repeat; } @media(max-width:1000px){ .Floor001233 li{ width:50%;} .Floor001233 .bx-prev{ left:4px;} .Floor001233 .bx-next{ right:4px;} .Floor001233 .en{margin-bottom:20px;} } @media(max-width:375px){ .Floor001233 h1{ font-size:20px;} .Floor001233 h1 span{font-size:15px;} .Floor001233 li h2 b, .Floor001233 li h3{ font-size:16px;} .Floor001233 li h2{ font-size:12px;} .Floor001233 li p{ height:20px; font-size:12px;} .Floor001233 li figure span{ width:22px; height:22px;} .Floor001233 li{ width:100%;} .Floor001233 .bx-prev{ left:0px;} .Floor001233 .bx-next{ right:0px;} .Floor001233 .cn{ font-size:24px;} .Floor001233 .en{ font-size:16px;} } /*Floor001905*/ .Floor001910{ padding:50px 0 50px 0; background-color:#e8edf5} .Floor001910 .cn{ font-size:32px; font-weight:normal; color:#215697; margin:0; line-height:40px; text-align:center;} .Floor001910 .cn span{ color:#215697;} .Floor001910 .en{ font-size:18px; font-weight:normal; font-family:Arial; color:#8a8986; text-transform:uppercase; margin:0;text-align:center;} .Floor001910 .box{padding-top:50px;} /* .Floor001054 为demo编号 */ .Floor001054{ padding:3% 0; font-family:Tahoma, Geneva, sans-serif, "微软雅黑";} .Floor001054 h1{ margin:0; text-align:center; font-size:36px; color:#535d6a;} .Floor001054 .tab{ text-align:center; padding:3% 0;} .Floor001054 .tab span{ font-weight:bold; color:#535d6a; display:inline-block; padding-bottom:8px; margin:0 3%; cursor:pointer; position:relative;transition:all ease 0 0.3s;} .Floor001054 .tab span::before{ position:absolute; content:''; width:0; height:3px; background-color:#81c9f1; left:0; bottom:0; transition:all ease-in-out 0.5s 0.3s;} .Floor001054 .tab span.on::before, .Floor001054 .tab span:hover::before{ width:100%;} .Floor001054 .list ul{ display: none; } .Floor001054 .list li{ display: inline-block; width:33%; background-color:#fff; padding:5px;} .Floor001054 .list li:last-child{ margin-right:0;} .Floor001054 .list li figure{ position:relative; overflow:hidden; padding-bottom:55%;} .Floor001054 .list li figure a{ position:absolute; left:0; top:0; width:100%; height:100%; } .Floor001054 .list li figure a:hover{background: url(../images/Floor001054-icon.png) no-repeat center center rgba(105, 175, 111, 0.85); background-size:16%; transition:all ease-in-out 0.3s;} /*.Floor001054 .list li:hover figure a{ top:0;}*/ .Floor001054 .list li div{ padding:3%; border:none; border-top:0;} .Floor001054 .list li h5{ font-size:16px; margin:0;} .Floor001054 .list li p{ line-height:24px; overflow:hidden; height:48px;} @media(max-width:640px){ .Floor001054 .list li{ float:none; width:auto; margin-right:0; margin-bottom:2%;} .Floor001054 .list li:last-child{ margin-bottom:0;} } @media(max-width:375px){ .Floor001054 h1{font-size:30px;} .Floor001910{ padding:20px 0;} .Floor001910 .cn{ font-size:24px;} .Floor001910 .en{ font-size:16px;} } /* .Menu001724 为demo编号 */ .Menu001724{ padding:32px 0; text-align:center; overflow:hidden;} .Menu001724 a{ display:inline-block;line-height:36px; font-size:16px; padding:0 20px;background:#215697; min-width:130px; border-radius:36px; overflow:hidden; margin:0 6px 1px;color:#fff;} .Menu001724 a.aon, .Menu001724 a:hover{ color:#fff; background-color:#0094d7;} /* .PicList010 为demo编号 */ .PicList010{ padding:20px 0 50px 0; } .PicList010 .list li{ float:left; width:23%; margin-right:2%;} .PicList010 .list li div{border: #e6e6e6 1px solid;padding: 5px;background: #f9f9f9;} .PicList010 .list li:hover div{border:#a1d0ed 1px solid; background:#eff9ff;} .PicList010 .list li div img{ width:100%; display:block;} .PicList010 .list li.end{ margin-right:0;} .PicList010 .list li h3{line-height: 48px;height: 48px; overflow:hidden; font-weight:normal;text-align: center;color: #999999; margin:0; font-size:14px; text-align:center;} .PicList010 .list li a:hover h3{ color:#1e8fd3; font-weight:bold;} .PicList010 .list li.clear{ float:none; width:100%; margin-right:0;} .PicList010{ width:100%;text-align:center; padding:50px ;} .PicList010 .cn{ font-size:32px; font-weight:normal; color:#215697; margin:0; line-height:40px; text-align:center;} .PicList010 .cn span{ color:#0094d7;} .PicList010 .en{ font-size:18px; font-weight:normal; font-family:Arial; color:#8a8986; text-transform:uppercase; margin:0;text-align:center; } /* .Floor001742 为demo编号 */ .Floor001742{background-color: #fff; padding-bottom:5%; font-family:"微软雅黑";} .Floor001742 dl{ display:table;background: #fafafa;} /* url(../images/Floor001742-bg.png) no-repeat right center */ .Floor001742 dt, .Floor001742 dd{ display:table-cell; vertical-align:middle; width:50%;} .Floor001742 dt img{ display:block; width:100%;} .Floor001742 dd{ padding-left:3%; padding-right:2%;} .Floor001742 dd div{ padding:3% 0;} /*.Floor001742 dd h2{font-size: 24px;color: #0094d7; }*/ .Floor001742 dd h1{ font-size:36px;margin: 0;padding: 0;font-weight:normal;} .Floor001742 dd h2{ font-size:30px; color:#9d9d9d; filter:alpha(opacity=40);opacity:0.4; text-transform:uppercase;margin: 0;padding: 0;font-weight:normal;} .Floor001742 dd p{font-size: 14px;line-height: 30px; color: #808080; margin:5% 0; text-align:left;} .Floor001742 dd a.more{ display:inline-block; margin-left:65%; border-radius:30px;padding:0 6%;line-height: 30px; background:#215697;font-size: 12px; color:#fff;} .Floor001742 dd a:hover{color:#fff; background-color:#0094d7;} @media(max-width:768px){ .PicList010{ padding:10px 0 10px 0; } .Floor001742 dl, .Floor001742 dt, .Floor001742 dd{ display:block;} .Floor001742 dt, .Floor001742 dd{ width:auto; padding:2% 0;} .Floor001742 dl{ background-position: right bottom;} .Floor001742 dd h2{font-size: 18px;} .Floor001742 dd a{ margin-left:10px;} } @media(max-width:375px){ .Floor001742 h1{font-size:30px;} .Floor001742{ padding:20px 0;} .Floor001742 .cn{ font-size:24px;} .Floor001742 .en{ font-size:16px;} } /* .Map000483 为demo编号 */ .Map000483{ overflow:hidden;} .Map000483 .map{ width: 60%; float:left;margin-top:50px;} .Map000483 #dituContent{width:100%;height:400px;border:#ccc solid 1px;} .Map000483 .map img{ max-width: none; } .Map000483 .intro{ float:left; width:40%; padding-left:50px; font-size:14px;} .Map000483 .intro h5{ font-size:20px; font-weight:normal; padding-left:45px; background:url(../images/Map000483-icon.jpg) no-repeat left;} .Map000483 .area{ padding:30px 0;} .Map000483 .area dl{ float:left; width:157px; position:relative;} .Map000483 .area dl .arrow{ position:absolute; display:block; width:50px; height:34px; top:0px; right:10px; cursor:pointer;} .Map000483 .area dl dt{ padding-left:30px; line-height:34px; background:url(../images/Map000483-area-bg.jpg) no-repeat;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .Map000483 .area dl dd{ left:1px; margin-top:-1px; background-color:#fff; position:absolute; border:solid 1px #cccccc; border-top:none; display:none; width:130px; max-height:340px; overflow:auto;} .Map000483 .area dl dd a{ display:block; padding:0px 10px; border-top:solid 1px #cccccc; } .Map000483 .list{ padding:10px 0; overflow:hidden;} .Map000483 .list ul{ overflow:hidden;} .Map000483 .list ul li{ float:left; width:100%;padding-bottom: 40px;} @media(max-width:768px){ .Map000483 .map{ width:100%;} .Map000483 .intro{ width: 100%;} .Map000483 #dituConten { height: 240px; } } .singlepage{ padding: 20px; overflow: hidden; } /* .Timeline001524 为demo编号 */ .Timeline001524{ padding-bottom:50px;} .Timeline001524 .columnName{ text-transform:uppercase; padding:50px 0; line-height:normal; text-align:center; font-size:31px; color:#215697;} .Timeline001524 .columnName span{ display:block; color:#353535; font-size:30px; padding:10px 0 15px;} .Timeline001524 .columnName i{ display:block; margin:0 auto; width:40px; height:2px; background-color:#215697;} .Timeline001524 .list{ background:url(../images/Timeline001524-logo.jpg) no-repeat center top; padding-top:64px;} .Timeline001524 .list ul{ background:url(../images/Timeline001524-ul.jpg) repeat-y center top; padding:54px 0;} .Timeline001524 li{ padding-left:50%; cursor: pointer; background:url(../images/Timeline001524-li.png) no-repeat center top; padding-top:10px; padding-bottom:10px;} .Timeline001524 li:hover time{font-size:20px; font-weight: bold; padding-top:15px;} .Timeline001524 li div{ padding-left:36px;} .Timeline001524 li div p{ font-size:14px; font-family:'黑体';} .Timeline001524 li.odd{ text-align:right; padding-left:0; padding-right:50%;} .Timeline001524 li.odd div{padding-left:0; padding-right:36px;} .Timeline001524 li time{ display:block; color:#215697; font-size:18px; padding-top:12px; background:url(../images/Timeline001524-time.gif) no-repeat left top;} .Timeline001524 li.odd time{ background-image:url(../images/Timeline001524-time_odd.gif); background-position: right top;} .Timeline001524 ol{ text-align:center;} .Timeline001524 ol a{ display:inline-block; width:142px; height:30px; line-height:30px; text-align:center; background-color:#215697; color:#fff; font-size:14px; border-radius:5px;} .TextList001397{ padding:2% 0;} .TextList001397 ul li{margin-top: 20px;} .TextList001397 ul li h3{padding: 7px 0;padding-left: 50px; cursor: pointer; background: #eaeaea url(../images/TextList001397_q.png) 0 50% no-repeat; color: #444; font-weight: normal;} .TextList001397 ul li pre{padding-left: 50px; color: #6d6d6d; display: none;} /* .TextList001729 为demo编号 */ .TextList001729 {margin-bottom:60px;} .TextList001729 .name{padding:15px 0; font-size:18px;border-bottom:1px solid #e5e5e5;} .TextList001729 .name span{ display:inline-block; border-left:6px solid #f29200; padding-left:15px;} .TextList001729 .tips{ padding:20px 0;border-bottom:1px solid #e5e5e5; font-size:14px;position:relative;margin-top: 20px;} .TextList001729 .tips h1{ margin:0; font-weight:normal; font-size:18px; color:#215697;} .TextList001729 .search{ position:absolute; right:0; top:50%; margin-top:-25px;width:26.6%; height:46px; border:2px solid #999; } .TextList001729 .search input{border:none; } .TextList001729 .search .text{ width:100%; height:42px; line-height:42px; padding:0 56px 0 10px; background:none; color:#999;} .TextList001729 .search .btn{ cursor:pointer; position:absolute; right:0; top:0; width:56px; height:100%; background:url(../images/TextList001729-search.png) no-repeat center center; padding:0;} .TextList001729 ol.type{ margin-top:3%;} .TextList001729 .type{display:table; width:100%;} .TextList001729 ol.type{font-size:16px; background-color:#215697; color:#fff;} .TextList001729 .type li{ display:table-cell; vertical-align:middle;text-align:center; padding-top:10px; padding-bottom:10px; line-height:24px;} .TextList001729 ul.type li{cursor:pointer;} .TextList001729 .type li:nth-child(1){width:12%;} .TextList001729 .type li:nth-child(2){ width:11%;} .TextList001729 .type li:nth-child(3){ width:10%;} .TextList001729 .type li:nth-child(4), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(6), .TextList001729 .type li:nth-child(7){width:13%;} .TextList001729 .type li:nth-child(8){ width:15%;} .TextList001729 .type li:nth-child(1), .TextList001729 .type li:nth-child(8){ padding-left:2%; text-align:left !important;} .TextList001729 ul.type li:nth-child(8){background:url(../images/TextList001729-icon_close.png) no-repeat 90% center;} .TextList001729 ul.type#On li:nth-child(8){ background-image:url(../images/TextList001729-icon_open.png);} .TextList001729 .list{border-bottom:1px solid #e5e5e5;} .TextList001729 .list .con{ display:none;border-top:1px solid #e5e5e5; overflow:hidden; font-size:14px; padding:2%;} .TextList001729 .btn_apply{ padding:10px 0;} .TextList001729 .btn_apply a{ display:inline-block; max-width:280px; width:40%; height:50px; line-height:50px; text-align:center; color:#333; font-size:18px; border-radius:3px;} @media(max-width:1000px){ .TextList001729 .type li:nth-child(2), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(6){ display:none;} .TextList001729 .type li{ width:20% !important;} } @media(max-width:768px){ .TextList001729 .search{ position:relative; margin-top:10px; top:auto; width:auto;} .TextList001729 .type li:nth-child(7){ display:none;} .TextList001729 .type li{ width:24% !important;} .TextList001729 .type li:nth-child(8){ width:28% !important;} } @media(max-width:480px){ .TextList001729 .type li:nth-child(3){ display:none;} .TextList001729 .type li{ width:30% !important;} .TextList001729 .type li:nth-child(8){ width:40% !important;} .TextList001729 ol.type{font-size:15px;} .TextList001729 .btn_apply a{font-size:16px; height:40px; line-height:40px;} .TextList001729 ul.type li:nth-child(8){ background-size:16px auto;} } .list2 li{list-style: none;} /* .Form000573 为demo编号 */ .Form000573{ padding-bottom:2%;} .Form000573 .title{ text-align:center; font-size:30px; padding:2% 0;} .Form000573 .title span{ font-family:Georgia; font-size:24px; text-transform:uppercase; display:block; color:#c1c1c1;} @media(max-width:640px){ .Form000573 .title{font-size:18px;} .Form000573 .title span{ font-size:14px;} } .Form000573 .list li{ margin-bottom:3%;line-height:22px;} .Form000573 .list li figure, .Form000573 .list li div{ padding:1em 2em 1em 3em;} .Form000573 .list li figure{ border:1px solid #f0f0f0; border-bottom:0; color:#33a260; text-align:justify; text-justify:inter-ideograph; background:url(../images/Form000573-icon_Q.gif) no-repeat 1.4em 1.4em #f8f8f8;padding-bottom:1.3em;} .Form000573 .list li figure time{ color:#b1b1b1; font-size:12px; float:right; margin-left:5px;} .Form000573 .list li div{ border:1px dotted #ddd;background:url(../images/Form000573-icon_A.gif) no-repeat 1.4em 1.4em; color:#9a9a9a; position:relative; } .Form000573 .list li div::before{ position:absolute; content:''; background:url(../images/Form000573-icon_jiao.png) no-repeat; width:20px; height:12px; left:3em; top:-11px;} .Form000573 .from h1{ margin:0; font-weight:normal;border-bottom:1px solid #d1d1d1; font-size:16px; padding-left:15px; height:35px;} .Form000573 .from h1 span{ border-bottom:3px solid #215697; padding-bottom:0.8em; display:inline-block; height:36px;} .Form000573 .from .btn{ cursor:pointer; border:none; padding:0 15%;height:35px; font-size:14px; color:#fff; background:#215697;} .Form000573 .from .f_name{ width:80px; padding-right:15px;text-align:right; color:#4d4d4d;} .Form000573 .from table{ max-width:535px;} .Form000573 .from td{ line-height:35px; padding-top:3%; vertical-align:top;} .Form000573 .from .text{ width:80%; border:1px solid #eaeaea; height:35px; line-height:35px; padding:0 2%; border-radius:3px;} .Form000573 .from .textcode{ width:80px;} .Form000573 .from .text:focus{ border-color:#df2130; box-shadow:0 0 8px #FBC1C1 inset; transition:all ease 0.5s;} .Form000573 .from textarea.text{ width:100%; height:175px;} .Form000573 .from i{ color:#19ad66; font-style:normal;} .Form000573 .form_err{color:#df2130;} /* .RighInfo000728 为demo编号 */ .RighInfo000728{ padding:3% 0;} .RighInfo000728 .title{ text-align:center; border-bottom:1px solid #f1f1f1; margin-bottom:3%;} .RighInfo000728 .title h1{ color:#215697;font-size:20px;} .RighInfo000728 .title time{ display:inline-block; line-height:46px;} .RighInfo000728 .img{ text-align:center;} .RighInfo000728 .video_files video{ position:absolute; left:0; top:0; background-color:#000; width:100%; height:100%;} .RighInfo000728 .info{ padding:2%;} @media(max-width:480px){ .RighInfo000728 .title h1{ font-size:18px;} } /* .Floor001207 为demo编号 */ /*Floor001899*/ /* focus_Box */ .Floor001207{ position:relative; z-index:1; padding-bottom:2%;overflow: hidden;} .Floor001207 .auto{position: relative;} .Floor001207 h3{ color: #dedede; font-size: 50px; text-transform: uppercase; z-index: 1; margin-top:40px; margin-bottom: 0;} .Floor001207 h3 span{display: block; color: #333; font-size: 30px;} .Floor001207 h3:after{ display:block;content: ""; width: 52px; height: 2px; margin-top:30px; background: #215697;} .Floor001207 h4{font-size: 28px; color: #215697; margin-top:30px;} .Floor001899 .brand{ width: 100%; min-height: 630px; position: relative; } .Floor001899 .brand h2{ font-size: 18px; color: #215697; padding-right: 15px;} .Floor001899 .brand p{ margin: 6px 0; } .Floor001899 .brand .cn{ font-size: 18px; color: #444343; line-height: 30px; } .Floor001899 .brand .en{ font-size: 14px; color: #333; } .Floor001899 .brand .brangli01{ position: absolute; top:140px; left:40px; width: 350px; text-align: right;} .Floor001899 .brand .brangli02{ position: absolute; top:320px; left:50%; margin-left: -160px; width: 350px; text-align: center;} .Floor001899 .brand .brangli02 h2 span{ display:block; } .Floor001899 .brand .brangli03{ position: absolute; top:140px; right:30px; width: 350px; text-align: left;} .Floor001899 .brand .brangli04{ position: absolute; top:0px; left:50%; margin-left: -70px; width: 183px; text-align: center;} .Floor001899 .brand .brangli04 h2{position: absolute; top:90px; width: 183px;} #focus_Box{ width:1058px;position:relative;margin:20px auto; height: 500px;} #focus_Box ul{position:relative;} #focus_Box li{z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px;} #focus_Box li img{width:100%; height:100%;vertical-align:top; } #focus_Box li span{display:inline-block;width:100%; margin-top:10px;overflow:hidden; text-align: center;} #focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:34px;height:33px;top:131px;} #focus_Box .prev{ left:-50px; background: url(../images/icon_prev1.png) 0 0 no-repeat; } #focus_Box .next{ right:-50px; background: url(../images/icon_next1.png) 0 0 no-repeat; } #focus_Box .prev:hover{ background: url(../images/icon_prev.png) 0 0 no-repeat; } #focus_Box .next:hover{background: url(../images/icon_next.png) 0 0 no-repeat; } /* carousel */ .carousel{width: 100%; height: 450px; position: relative;margin: 30px auto;} .carousel .slides{margin:0px auto;overflow:hidden;position:relative;} .carousel .slides .slideItem{padding:0px;position:absolute;cursor:pointer;opacity:1 !important;} .carousel .slides .slideItem img{width:100%; height:90%;display:block;} .carousel .slides .slideItem span{ display:inline-block;width:100%;overflow:hidden; text-align: center;} .carousel .prevButton, .carousel .nextButton{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:40%;} .carousel .prevButton{left:0; background: url(../images/icon_prev1.png) no-repeat left center;} .carousel .nextButton{right:0; background: url(../images/icon_next1.png) no-repeat right center;} .carousel .prevButton:hover{ background: url(../images/icon_prev.png) no-repeat left center; } .carousel .nextButton:hover{background: url(../images/icon_next.png) no-repeat right center; } @media(max-width:1200px){ #focus_Box{ width:750px;} } @media(max-width:1000px){ #focus_Box{ width:100%;} #focus_Box .prev{ left:0px;} #focus_Box .next{ right:0px;} .Floor001899 .brand{ width: 100%; min-height: 630px;background-size: 130px 130px} .Floor001899 .brand .brangli01{ position:static; margin:20px 0; width: 100%; text-align: left;} .Floor001899 .brand .brangli02{ position:static; margin:20px 0; width: 100%; text-align: left;} .Floor001899 .brand .brangli03{ position:static; margin:20px 0; width: 100%; text-align: left;} .Floor001899 .brand .brangli04{ position:static; margin:20px 0; width: 100%; text-align: left;} .Floor001899 .brand .brangli04 h2{position:static;} } @media(max-width:768px){ .Floor001899 .brand{ width: 100%; min-height: 630px; background-size: 120px 120px;} #focus_Box{ width:90%;} #focus_Box .prev{ left:0px;} #focus_Box .next{ right:0px;} } /*产品详情*/ .Floor002059a{ padding:6% 0 1% 0; } /* background:url(../images/Floor002059-bg.jpg) no-repeat center top; */ .proInfo{ overflow: hidden; } .proInfo .proimg{ width:50%; float: left; position: relative;} .proInfo .proimg ul{ margin:0; } .proInfo .proimg .bxslider{ width: 100%; height: 386px;} .proInfo .proimg .bxslider li{ float: left; padding-bottom: 0;} .proInfo .proimg .bxslider li img{ width: 100%; } .proInfo .proimg .bx-pager{ width: 100%; padding:20px 30px; overflow: hidden;} .proInfo .proimg .bx-pager a{ width:25%; padding: 0 5px; display: block; float: left;} .proInfo .proimg .bx-pager a img{ width: 100%; border:2px solid #fff;} .proInfo .proimg .bx-pager a:hover img, .proInfo .proimg .bx-pager a.active img{ border:2px solid #215697; } .proInfo .proimg .bx-prev, .proInfo .proimg .bx-next{ position: absolute; bottom:46px; width:16px; height: 32px;text-indent:-9999px;} .proInfo .proimg .bx-prev{ right:0px; background: url(../images/pro_next.png) 0 0 no-repeat; } .proInfo .proimg .bx-next{ left:0px; background: url(../images/pro_prev.png) 0 0 no-repeat; } .proInfo .protxt{width:50%; float: left; padding-left:30px;} .proInfo .protxt h2{ font-size: 24px; margin: 0; color: #004fa3; padding-bottom: 20px; } .proInfo .protxt .txt{border-top: 1px solid #dadada; padding:20px 0;} .proInfo .protxt .txt h3{font-size: 16px; margin: 0; font-weight: normal; color: #004fa3; padding-bottom:10px;} .proInfo .protxt .txt .p1{ margin: 0; font-size: 14px; color: #666; line-height: 30px; text-indent: 2em; } .proInfo .protxt .txt .p2{ margin: 0; font-size: 16px; color: #666; line-height: 36px; } .protab{ margin-top:30px; } .protab .tab{ height: 48px; border-bottom: 1px solid #dadada; } .protab .tab li{ width: 15%; height: 48px; font-size: 16px; text-align: center; line-height:48px; float: left; margin: 0 2px; padding: 0;} .protab .tab li a{ width: 100%; display: block; background: #f2f2f3; color: #666;} .protab .tab li:hover a, .protab .tab li.on a{ background: #004fa3; color: #fff; } .protab .tabmain{ padding: 30px; } .protab .tabmain .list{ display: none; } @media(max-width:1000px){ .proInfo .proimg{width:100%;} .proInfo .protxt{width:100%; margin-top:30px;} } @media(max-width:768px){ .protab .tab li{ width: 20%; margin: 0;} .protab .tab{ height: 60px; } .protab .tab a{ height: 100%; } .protab .tab li{ height:60px;line-height:24px;} .proInfo .proimg .bx-prev, .proInfo .proimg .bx-next{ bottom: 31px; } } /*在线留言*/ .online{ width: 60%; margin:20px auto 60px; } .online .from{ max-width:100%; } .online .from td{ padding-bottom:3%;} .online .from td div{ position:relative;} .online .from td.f_name{ padding-right:4%; width:100%;} .online .from label{ position:absolute; left:10px; top:0;line-height:44px; color:#999; font-size: 14px;} .online .from .text{ width:100%; height:44px; line-height:44px; text-indent:10px; border:1px solid #ececec; background:#fff;} .online .from textarea.text{ height:132px;} .online .from .btn{ text-align:center;padding-right:4%; padding-top:50px;} .online .from .btn input{ font-weight:bold; font-size:16px; cursor:pointer; padding:0; border:none; width:100%; height:60px; color:#fff; background:#215697; margin-top:-10px;} .online .from i{ position:absolute; right:10px; top:15px; color: #f00207;} @media(max-width:1000px){ .online{ width: 80%;} } @media(max-width:768px){ .online{ width: 96%;} } /*links*/ .Links_list{margin-top: 3%;} .Links_list ul li{ text-align:center; width:240px; float:left; overflow:hidden; padding:0 30px 15px 30px;} .Links_list ul .pic{ width:240px; height:75px;} .Links_list ul .pic a{ width:176px; height:71px; border:solid 1px #e0e0e0; padding:1px; display:block; overflow:hidden;} .Links_list ul .pic a:hover{ border:1px solid #B70000;} .Links_list ul .pic img{ width:176px; height:71px;} .Links_list ul .h1{ font-size:12px; font-weight:normal;height:20px; line-height:20px; padding-top:5px;} .Links_list ul .h1 a{ padding:0 3px; white-space:nowrap; display:block; text-overflow:ellipsis; overflow:hidden; font-weight:normal;} /*links*/ /*搜索*/ .News_list{ width: 100%; min-height: 500px; overflow: hidden; margin-top:100px;} .News_list ul,.News_list li{ padding: 0; margin: 0; list-style: none; } .News_list li{ line-height: 34px; padding: 5px 0; margin: 5px; border-bottom:1px dotted #ececec; font-size: 14px; } .News_list li span{ float: right; } .projectl{ float: left; margin-top:30px;} /* width: 70%; */ /* .projectr{ width: 30%; float: left; text-align: center;} */ @media(max-width:768px){ .projectl{ width: 100%; } .projectr{ width: 100%;} } /*企业文化*/ @media(min-width:768px){ .culture1{width:50%;float:left;padding:20px;} .culture2{width:50%;float:left;padding:20px;} .culture3{width:100%;margin-top:50px;overflow:hidden;float:left;} .culture4{width:100%;margin-top:50px;overflow:hidden;float:left;} .culture5{width:50%;float:left;padding:0 20px;} .culture6{width:50%;float:right;padding:0 20px;} .culture7{width:50%;float:left;padding:20px;} .culture8{width:50%;float:left;padding:20px;} } @media(max-width:768px){ .culture2{margin: 4% 0;} .culture5{margin: 4% 0;} .culture8{margin: 4% 0;} } /*企业文化*/ /*下拉菜单*/ .clearfix{position: relative;} .clearfix .subNav dd{float: left;} .clearfix .subNav{display: none;} .clearfix .subNav{position: absolute;top: 98px;right: -4%;background: rgba(221, 233, 230, 0.62);z-index: 9;line-height: 70px !important;width: 87.9%;} .clearfix .subNav a{display: inline-block;line-height: 70px;} .clearfix .subNav2{padding-left: 23%;} .clearfix .subNav4{padding-left: 19%;} .clearfix .subNav5{padding-left: 59%;} .clearfix .subNav6{padding-left: 55%;} /*.subNav2{left: 41%} .subNav4{left: 51.5%} .subNav5{left: 78.5%} .subNav6{left:74.5%}*/ /*下拉菜单*/ @media(max-width:1000px){ .flash{display: none;} } @media(min-width:1000px){ .mapimg{display: none;} } .dylogo{display: block;} @media(min-width: 1000px) { .dylogo{display: none;} .Floor001899 .brand{background:url(../images/brandbg.png) center 50px no-repeat;} } /*新闻前后页按钮*/ .pagebtn ul{text-align: center;} .pagebtn ul li{display:inline-block;} .pagebtn a{color: #FFFFFF;border-radius: 5px;background: #215697;display: inline-block;padding: 8px 10px;} /*新闻前后页按钮*/ @media(max-width:768px){ #bdshare_weixin_qrcode_dialog .bd_weixin_popup_foot{display: none;} } body{overflow-x: hidden;} /* 本例子css */ .slideBox{ width:570px; height:400px; overflow:hidden; float:right; position:relative; border:1px solid #ddd; } .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;list-style: none; } .slideBox .hd ul li.on{ background:#f00; color:#fff; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle; list-style: none; } .slideBox .bd img{ width:100%; display:block;height: 400px; } /* 下面是前/后按钮代码，如果不需要删除即可 */ .slideBox .prev, .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slideBox .next{ left:auto; right:3%; background-position:8px 5px; } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox .prevStop{ display:none; } .slideBox .nextStop{ display:none; } dl.prolist dd:last-child { margin-right: 0; } dl.prolist dd { float: left; width: 25%; height: 210px; overflow: hidden; margin: 10px 0% 30px 0; text-align: center; /* color: #000; */ font-weight: 600; background: rgba(233, 237, 245, 1); } .prolist img { height: 210px; margin-bottom: 5px; width: 100%; }