body{padding-top: 160px;} #Header { height:110px; background-color:#FFF; } #Header { width:100%; top:0; left:0; z-index:200; } #Header,#TOP_Menu,#MenuMore,#Language div,.KeysSearch { position:fixed!important; position:absolute; } #TOP_Logo, #TOP_Menu menu{width: 1000px;margin: 0 auto;} /* 网站导航栏 */ #TOP_Menu { top:110px; } #TOP_Menu menu:after { width:100%; height:50px; content:""; position:absolute; left:0; top:0; background: #00336b;color: #fff; } #TOP_Menu menu div dl dd { background-color:rgba(0,0,0,.5); } #TOP_Menu menu div,#TOP_Menu menu div ul { height:50px; } #TOP_Menu menu div.Nav_Box dl { margin-top:50px; } #TOP_Menu menu div ul span,#TOP_Menu menu div ul a { line-height:50px; color:#FFF;display: block;height: 50px;overflow: hidden; } #TOP_Menu menu div ul:hover,#TOP_Menu menu div ul.Open { background-color:#CCC; } #TOP_Menu menu div:hover ul, #TOP_Menu menu div ul.Open, #TOP_Menu menu div dl dd, #HOT_Body #Body_Left dir{background-color: #1D2088;} #Header.fixed,#Header.fixed #TOP_Logo,#Header.fixed #TOP_Logo #Logo { height:50px!important; } #Header.fixed #TOP_Logo #Logo img { max-height:50px!important; height:expression(this.height>50 ? auto:50); } #Header.fixed #TOP_Logo #Logo { width:200px; height:50px!important; } #Header.fixed #TOP_Menu menu:after,#Header.fixed #TOP_Search,#Header.fixed #Language { width:0; height:0; display:none; } #Header.fixed #TOP_Logo,#Header.fixed #TOP_Logo #Logo,#Header.fixed #TOP_Menu { top:0!important; margin-top:0!important; } #Header.fixed #TOP_Menu menu { width:1000px!important; padding-right:0!important; } #Header.fixed #TOP_Menu ul span,#Header.fixed #TOP_Menu ul a,#Header.fixed #TOP_Menu menu div dl a { color:#333; } #Header.fixed #TOP_Menu ul.Open span,#Header.fixed #TOP_Menu ul.Open a,#Header.fixed #TOP_Menu div:hover ul a { color:#FFF; } #Header.fixed #TOP_Menu menu div dl dd:last-child,#Header.fixed #TOP_Menu menu div dl dd:first-child { border-color:#FFF; } #Header.fixed #TOP_Menu menu div dl dd { background-color:#FFF; } #Header.fixed {box-shadow: 0 3px 10px #eee;} #Header.fixed #Language,#Header.fixed #TOP_Logo,#Header.fixed #Hotline{display: none;} /* 浮动层会员及模版样式 */ #Header { width:100%; top:0; left:0; z-index:200; } #Hotline { width: 600px; min-height:32px; line-height:2; position:absolute; top:0; left:50%; cursor:pointer; z-index:300;margin-left:-80px; } #Language { width:100%; height:0; margin:0 auto; position:inherit; top:0; clear:both; z-index:258; } #Language div { width:300px; text-align:right; position:absolute; top:0; left:50%; margin-left:290px; } #Language div,#Language div a { font-size:9pt; line-height:32px; padding:0 3px; } #Language div#GroupSite { width:150px; height:35px; margin-left:0px; } #Language div#GroupSite p { width:100%; height:35px; text-align:center; font-size:12pt; } /* LOGO和导航样式设置 */ #TOP_Logo { height:0; margin:0 auto; z-index:266; } #TOP_Logo #Logo { width:590px; height:100%; display:table; position:absolute; z-index:288; } #TOP_Logo #Logo span { display:table-cell; vertical-align:middle; } #TOP_Logo #Logo img { max-width:580px; max-height:90px; width:expression(this.width>590 && this.width>this.height ? 590:auto); height:expression(this.height>90 ? auto:90); } #ICO_Menu { width:590px; height:50px; position:absolute; top:20px; left:50%; z-index:2188; } #ICO_Menu div.Search,#ICO_Menu div.Home,#ICO_Menu div.List { width:40px; height:40px; float:right; margin:5px; } #ICO_Menu div.Search { background:url(/OAction/Images/ICO2.png) no-repeat center top; background-size:100%; background-color:#DDD; } #ICO_Menu div.Home { background:url(/OAction/Images/ICO1.png) no-repeat center top; background-size:100%; background-color:#DDD; } #ICO_Menu div.List { background:url(/OAction/Images/ICO3.png) no-repeat center top; background-size:100%; background-color:#DDD; } #ICO_Menu div.Search:hover,#ICO_Menu div.Home:hover,#ICO_Menu div.List:hover,#ICO_Menu:hover ul { background-color:#03A; } #ICO_Menu ul { width:520px; height:40px; padding:0 10px; filter:Alpha(opacity=1); opacity:100; background-color:#DDD; position:absolute; top:5px; right:0; z-index:100; } #ICO_Menu ul img.Colse { height:40px; background:url(/OAction/Images/ICO4.png) no-repeat center top; background-size:100%; float:right; margin:0 9px; } #ICO_Menu ul a { font-size:11.5pt; line-height:40px; padding:0 19px; color:#FFF; border-right:1px solid #FFF; } #ICO_Menu ul.Null { width:0; height:40px; padding:0; filter:Alpha(opacity=0); opacity:0; } #ICO_Menu ul input.text { width:260px; height:25px; line-height:25px; color:#EEE; border:1px solid #DDD; background-color:transparent; margin:7px 8px 0 22px; padding:0 8px; } #ICO_Menu ul input.Submit { width:28px; height:28px; border:0; margin-top:9px; margin-left:28px; } #ICO_Menu ul input.Submit { background:url(/OAction/Images/ICO5.png) no-repeat center; background-size:100%; background-color:transparent; } #TOP_Menu { width:100%; background:none; z-index:155; } #TOP_Menu menu { background:none; margin:0 auto; display:flex; } #TOP_Menu menu div { height:100%; text-align:center; float:left; flex:1; } #TOP_Menu menu div ul { width:100%; height:100%; text-align:center; position:relative; z-index:159; } #TOP_Menu menu div ul,#TOP_Menu menu div ul a { font-size:11.5pt;/*height:38px; line-height:38px; */} #TOP_Menu menu div ul span { width:100%; display:none; font-family:Arial,"宋体"; font-size:10pt; line-height:38px; } #TOP_Menu menu div ul.Open span,#TOP_Menu menu div ul:hover span { display:none; } #TOP_Menu menu div ul.Open a,#TOP_Menu menu div ul:hover a { display:block; } #TOP_Menu menu div dl { width:100%; height:0; border:0; text-align:center; clear:both; transition:all .33s ease; z-index:155;overflow: hidden; } #TOP_Menu menu div dl dd { background-color:#1D2088; width:80%; padding:2px 10%; text-align:center; color: #fff; } #TOP_Menu menu div dl dd,#TOP_Menu menu div dl dd a { font-size:100%; line-height:18px; color:#fff; } #TOP_Menu menu div dl dd:last-child { padding-bottom:12px; } #TOP_Menu menu div dl dd:first-child { padding-top:12px; } #TOP_Menu menu div dl dd{padding-bottom: 5px;} #TOP_Menu menu div dl dd:last-child {border-bottom: 0px solid #fff;} #TOP_Menu menu div:hover,#Header.fixed #TOP_Menu menu div:hover { height:auto; transition:all .8s ease; } #TOP_Menu menu div:hover dl { height:360px; transition:all .8s ease; } #TOP_Menu menu div.Nav_Box dl { width:300px!important; position:absolute; margin-top:38px; } #TOP_Menu menu div.Nav_Box dl dt { width:50%; height:150px; text-align:center; position:relative; float:left; display:inline-block; } #TOP_Menu menu div.Nav_Box dl dt img { width:100%; height:100%; background:rgba(0,0,0,.2); position:absolute; left:0; top:0; } #TOP_Menu menu div.Nav_Box dl dd { width:calc(100% - 180px); padding:0 15px; text-align:left; height:23px; } #TOP_Menu menu div.Nav_Box dl dd a { color:#333; } #TOP_Menu menu div.Nav_Box:hover,#TOP_Menu menu div.Nav_Box:hover dl { height:180px; } #TOP_Menu menu div.Nav_Box:hover dl,#TOP_Menu menu div.Nav_Box dl dd { background-color:#FFF!important; } #Header:after,#TOP_Menu:after,#TOP_Menu menu:after,#TOP_Menu menu div:after,#TOP_Menu menu div ul:after { width:100%; content:""; position:absolute; left:0; z-index:0; } #TOP_Menu menu div,#TOP_Menu menu div ul { height:50px;line-height: 50px; } /* 导航内容层样式 */ #MenuMore { width:100%; height:0; transition:all .5s ease; position:absolute; z-index:152; } #MenuMore.Open { height:200px; transition:all .5s ease; background:rgba(0,0,0,.2); z-index:152; } #MenuMore.Open:hover { background:rgba(0,0,0,.6); } #MenuMore ol { width:100%; margin:0 auto; display:none; } #MenuMore div.NavItem { text-align:center; margin:0 auto; display:flex; } #MenuMore div.NavItem div.NavItemMore { height:200px; text-align:center; float:left; flex:1; } #MenuMore div.NavItem dl.ItemGroup { width:100%; height:100%; display:table; position:relative; color:#FFF; } #MenuMore div.NavItem dl.ItemGroup dt,#MenuMore div.NavItem dl.ItemGroup dd { width:100%; text-align:center; } #MenuMore div.NavItem dl.ItemGroup dt { width:100%; height:135px; margin:10px auto; position:relative; display:table-cell; vertical-align:middle; } #MenuMore div.NavItem dl.ItemGroup img { max-width:100%; max-height:100%; min-height:110px; } #MenuMore div.NavItem dl.ItemMore { width:100%; height:100%; display:table; position:relative; color:#FFF; } #MenuMore div.NavItem dl.ItemMore dt,#MenuMore div.NavItem dl.ItemMore dd { height:100%; position:relative; display:table-cell; vertical-align:middle; } #MenuMore div.NavItem dl.ItemMore img { max-width:100%; max-height:100%; min-height:150px; } #MenuMore div.NavItem dl.ItemMore dt { width:30%; margin:0 2.5%; } #MenuMore div.NavItem dl.ItemMore dd { width:60%; margin:0 2.5%; } #MenuMore div.NavItem dl.ItemMore p { height:35px; line-height:35px; } #BodySearch.KeysForm input.text { padding:2px 6px; border:0; } .KeysForm div.KeysFloat { width:260px; height:28px; border-radius:15px; border:1px solid #CCC; background:none; top:150px; } #Language div { width:200px; text-align:left; top:68px; margin-left:-80px; z-index:20180823; } #Language { z-index:20180823; } #Hotline { color:#1D2088; } #TOP_Logo { background:#FFF; } #TOP_Logo #Logo{width:310px;height:100px;margin-top:5px;} #TOP_Logo .title{font-size: 22px;line-height: 1.4;margin-top: 18px;margin-left: 20px;} #TOP_Menu menu div:hover ul,#TOP_Menu menu div ul.Open,#TOP_Menu menu div dl dd, #HOT_Body #Body_Left dir{ background:#69bfd6; } #TOP_Menu menu:after,#Left_Menu ul,#Left_Menu ul:hover,#HOT_Body dir cite a, #Home_NewsMain div dir cite { background:#00336b; color:#FFF; } #HOT_Body #Body_Left dir cite a,#HOT_Body #Body_Left dir cite a:hover { background:none; padding:0; } #HOT_Body dir cite span a,#Bott_Menu menu a:hover,#BottomDiv a:hover { color:#FF8400; } #HOT_Body #Body_Left dir a,#HOT_Body #Body_Left dir span, #TOP_Menu menu div,#TOP_Menu menu div a,#TOP_Menu menu div dl dd a,#Left_Menu ul a { color:#FFF; } #TOP_Menu menu div ul span { display:none; } #TOP_Menu menu div ul a,#TOP_Menu menu div ul a:hover, #TOP_Menu menu div ul.Open a,#TOP_Menu menu div:hover ul a { font-size:13pt; } #TOP_Menu menu div.Home { min-width:6%; } #TOP_Menu menu div.MenuDiv17,#TOP_Menu menu div.MenuDiv21,#TOP_Menu menu div.MenuDiv22 { min-width:13%; } #Main_X.Maxwidth { width:95%!important; max-width:1520px; } #Main_X .item-list dd.Remarks,#Main_X .item-list span.More { display:none; } .lxtel img{vertical-align: middle;} .tlxr{font-size:14px;line-height:32px;} .lxtel{line-height:24px;} .lxqq{line-height: 24px;} footer{background: #FAFAFA; position: relative; clear: both; z-index: 1;} #Footer{margin-top:0px;background-color:#1D2088;background-image:URL(../images/BG2.jpg);background-repeat:no-repeat;background-position:center;background-attachment:fixed;} #FooterDiv { height: auto; margin: 0 auto; position: relative; clear: both;padding-top:50px;padding-bottom:50px; } .FooterMain{overflow: hidden;} footer,#FooterDiv,#Footer #Body_Link { color:#FFFFFF; } footer a,#FooterDiv menu a,#FooterDiv a,#Footer #Body_Link a,#FooterLink.Open a { color:#FFFFFF; } #FooterDiv{width: 1000px;margin: 0 auto;} #FooterDiv ol.BMenu dd p:after,#FooterDiv ol.BMenu dd p:before,#FooterLink { border-color:#FFFFFF; } #FooterLink { background-color:#1D2088; } .flogo{width: 10%;margin-bottom: 10px;} .displaynone,.main .displaynone{ display: none; } .clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} .clearfloat{zoom:1;} .nd-content{ width: 1000px; margin: 0 auto; position: static; top:0px; left: 0px; right: 0px; padding-bottom: 40px;} .page1-list1{ width: 100%; margin-top: 35px; } .page1-list1-top{ width: 100%; background: #023a6b; border:1px solid #023a6b; border-top-left-radius:5px; border-top-right-radius:5px; height: 50px; } .page1-list1-main{ width: 100%; height: 333px; background: #fff; border:1px solid #fff; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } .page1-list1-top-name{ margin-left: 20px; display: table; float: left; text-align: center; height: 50px; } .page1-list1-top-name span{ display: table-cell; vertical-align: middle; } .page1-list1-top-name label{ display: block; margin-left: 12px; float: left; font-size: 18px; color: #d9edff; height: 20px; line-height: 20px; } .page1-list1-top-name img{ float: left; } .page1-list1-posi{ margin-right: 20px; display: table; float: right; height: 50px; } .page1-list1-posi span{ display: table-cell; vertical-align: middle; } .page1-list1-posi .posi-left, .page1-list1-posi .posi-right{ cursor:pointer; } .page1-list1-posi-right img{ margin-left: 30px; } .page1-list1-list{ width: 333px; height: 333px; border-left:1px solid #f5f5f5; float: left; } .page1-list1-main{ overflow: hidden; } .page1-list1-main ul{ height: 333px; } .page1-list1-main li{ width: 300px; height: 300px; padding: 30px 16px; border-left:1px solid #f5f5f5; float: left; position: relative; } .page1-list1-main span{ width: 300px; height: 300px; overflow: hidden; position: absolute; top: 30px; left: 16px; } .page1-list1-main span img{ position: absolute; bottom: 0; right: 0; z-index: 1;max-width: 100%;max-height: 100%; } .p1l1-li div{ background-color: rgba(0,104,183,0.75); position: absolute; top: 30; height: 300px; width: 300px; z-index: 2; } .p1l1-li .p1l1-main-num{ color: #fff; font-size: 34px; z-index: 2; position: absolute; top: 35px; left: 27px; } .p1l1-li .p1l1-main-tit{ color: #fff; font-size: 16px; line-height: 24px; width: 245px; z-index: 2; position: absolute; top: 76px; left: 27px; } .p1l1-li .p1l1-main-con{ color: #fff; font-size: 14px; line-height: 24px; width: 245px; z-index: 2; position: absolute; top: 120px; left: 27px; } .p1l1-li div{ animation: p1l1-li-bg 0.5s linear both; -webkit-animation: p1l1-li-bg 0.5s linear both; -moz-animation: p1l1-li-bg 0.5s linear both; -ms-animation: p1l1-li-bg 0.5s linear both; } .p1l1-li .p1l1-main-num{ animation: p1l1-top 0.5s 0.5s linear both; -webkit-animation: p1l1-top 0.5s 0.5s linear both; -moz-animation: p1l1-top 0.5s 0.5s linear both; -ms-animation: p1l1-top 0.5s 0.5s linear both; } .p1l1-li .p1l1-main-tit{ animation: p1l1-left 0.5s 0.5s linear both; -webkit-animation: p1l1-left 0.5s 0.5s linear both; -moz-animation: p1l1-left 0.5s 0.5s linear both; -ms-animation: p1l1-left 0.5s 0.5s linear both; } .p1l1-li .p1l1-main-con{ animation: p1l1-down 0.5s 0.5s linear both; -webkit-animation: p1l1-down 0.5s 0.5s linear both; -moz-animation: p1l1-down 0.5s 0.5s linear both; -ms-animation: p1l1-down 0.5s 0.5s linear both; } .page1-list2-main{ overflow: hidden; width: 960px; height: 150px; background: #fff; border:1px solid #fff; border-bottom-left-radius:5px; border-bottom-right-radius:5px; padding: 30px 20px; } .slideli1, .slideli2{ float: left; } /*.page1-list2-main ul{ height: 150px; } .page1-list2-main li{ width: 270px; height: 150px; float: left; position: relative; overflow: hidden; margin:0 10px; }*/ .slideul1{width:15999px;} .page1-list2-main .slideul2{ height: 150px; } .page1-list2-main .slideul2 li{ width: 270px; height: 150px; float: left; position: relative; overflow: hidden; margin:0 10px; } .page1-list2-main span{ width: 270px; height: 150px; overflow: hidden; display: block; } .page1-list2-main span img{ position: absolute; bottom: 0; z-index: 1; } .page1-list2-main div{ position: absolute; width: 270px; height: 150px; background: url(../img/index/icon8_03.png) repeat-x; top: 0; z-index: 2 } .page1-list2-main div p{ font-size: 14px; line-height: 24px; color: #fff; position: absolute; bottom: 13px; left: 13px; } /*导航*/ .nav-box{ width:100%; height:50px; background:#265E79;} .nav{width:1000px; height:50px; overflow:hidden; } .nav .gx{width:2px; height:50px; background:url(../images/menu03.jpg); } .nav ul{ list-style-type:none; margin:0px;} .nav li{width:auto; height:50px; line-height:50px; text-align:center;display:inline; float:left; overflow:hidden; color:#fff; } .nav li A {width:auto; height:50px; line-height:50px; font-size:14px;display:inline; float:left; text-align:center; font-weight:bold; color:#fff;text-decoration: none;padding-left:22px; padding-right:22px;overflow:hidden; } .nav li A:hover {width:auto; height:50px; line-height:50px; font-size:14px;display:inline; float:left; text-align:center; font-weight:bold; color:#fff; text-decoration:none;padding-left:22px; padding-right:22px;overflow:hidden; background:#3D7BA0;} .nav ul .on a {width:auto; height:50px; line-height:50px; font-size:14px;display:inline; float:left; text-align:center; font-weight:bold; color:#fff;text-decoration:none;padding-left:22px; padding-right:22px;overflow:hidden; background:#3D7BA0;} /* 首页布局*/ .top{ width:100%; height:150px; background-repeat: no-repeat; background-position: center top; } .top-bx{ width:1000px; height:150px;} .logo{ width:auto; height:83px; padding-top:38px; float:left; } .ggy{ width:auto; height:66px; float:left; padding-left:16px; line-height:25px; padding-top:49px;} .top_right{ width:312px; height:150px; float:right;} .top_wz{ width:306px; height:20px; line-height:20px; padding-top:6px; padding-right:6px; text-align:right;} .phone{ width:270px; height:48px; margin-top:32px; text-align:right;} .phone p{ width:210px; height:28px; line-height:28px;} .text0098{ font-size:20px; font-weight:bold; color:#000;} .red{ color:#CE1818;} .banner01{ width:1000px; height:144px;overflow:hidden; margin-top:6px; margin-bottom:0px;} /* 底部 */ .bottom-box{ width:100%; height:autopx; overflow:hidden; background:#265E79; margin-top:0px; padding-top:6px; padding-bottom:30px;} .bottom-menu{ width:1000px; height:44px; margin:0px auto; line-height:44px; text-align:center;color:#fff; border-bottom:1px dotted #ccc;} .bottom-menu a{ margin-left:15px; margin-right:10px;} a.menu010:link{color:#fff;text-decoration:none;font-size: 14px;} a.menu010:visited{color:#fff;text-decoration:none;font-size: 14px;} a.menu010:hover {color:#fff;text-decoration: underline;font-size: 14px;} a.menu010:active{color:#fff;text-decoration:none;font-size: 14px;} .xinxi{ width:1000px; height:190px; padding-top:16px; } .xx_left{ width:210px; height:190px; float:left; padding-left:6px;} .xx_c{ width:780px; height:190px; float:left;line-height:26px;} .ewm01{ width:160px; height:190px; float:left;} .ewm01 img{ width:160px; height:160px;} .ewm01 p{ width:160px; height:30px; line-height:30px; text-align:center; color:#fff;} .x-bt{ width:780px; height:108px; line-height:26px; color:#fff; overflow:hidden;} .fendian{ width:780px; height:auto; padding-top:6px;} .fd01{ width:170px; height:auto; overflow:hidden; border-right:1px solid #376982; line-height:24px; color:#fff; float:left;} .fdjg{ padding-left:24px;} .fdno{ border:none;} .ditu{ width:250px; height:148px; border:1px solid #ccc; padding:2px;} .fw{ width:1118px; height:164px; margin-bottom:20px; padding-top:24px;} .fw_left{ width:52px; height:102px; float:left; padding-top:42px;} .fw_right{ width:52px; height:102px; float:right; padding-top:42px;} .fw_c{ width:1014px; height:170px; float:left; margin-left:0px;} .fw_c ul{ list-style-image:none;} .fw_c ul li{ width:240px; height:164px; float:left; padding-left:6px; padding-right:7px;} .fw_c img {width:240px; height:164px;}