body { color: #555555; margin: 0px; padding: 0px; font-size: 14px; font-family: "Microsoft YaHei"; text-align: left; background:url(18xl_zjxl_bg.jpg) no-repeat center top fixed;} #container, .sections, .section { /*必须，兼容，在浏览器不支持transform属性时，通过改变top/left完成滑动动画*/ position: relative; /*必须，关系到单个page能否全屏显示*/ height: 100%; overflow:hidden} a { text-decoration: none; } a:link, a:visited { color: #555555; } a:hover { color: #0167cc; text-decoration: underline; } * { margin: 0px; padding: 0px; font-family: "Microsoft YaHei"; outline: none; transition:width .5s linear; } ul, li { list-style-type: none; margin: 0px; padding: 0px; } img { border: 0px; vertical-align: middle; } .clear { clear: both; } input, select { vertical-align: middle; } .no { display: none; } @font-face { font-family:"zqzmxs"; src:url("zqzmxs.woff") format("woff"), /* chrome, firefox */ url("zqzmxs.ttf") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url("zqzmxs.svg#fzzhunysk") format("svg"); /* iOS 4.1- */ font-style: normal; font-weight: normal; } @font-face { font-family:"fzzhunysk"; src: url("fzzhunysk.eot"); /* IE9 */ font-style: normal; font-weight: normal; } .contain,.head{ width:1200px; margin:0 auto; position:relative;} .head { height:141px; z-index:3} .head1{ position:fixed; left:50%; top:0; margin-left:-600px; z-index:3} .logo { float: left; padding-left:20px; padding-top:40px;} .head_r { float: right; padding-right:18px; padding-top:57px;} .bot_bg{ background:url(18xl_bar_bg.png) repeat; width:100%; z-index:3; height:130px; position:fixed; left:0; bottom:0;} .bot_line_l{ background-color:#cc0000; width:50%; position:absolute; left:-20px; top:0px; height:1px; overflow:hidden; z-index:99} .bot_line_r{ background-color:#cc0000; width:50%; position:absolute; right:-20px; top:0px; height:1px; overflow:hidden; z-index:99} .bot_icon{ width:40px; height:18px; position:absolute; left:50%; margin-left:-20px; background:url(18xl_bot_icon.png) no-repeat center; top:-9px; z-index:999} .bot{ padding:22px 20px; width:840px; margin:0 auto} .bot_l { float: left; width:75px;} .bot_c{ float:left; line-height:24px; width:630px; font-size:12px;} .bot_c span{ padding:0 20px;} .bot_r { float: right;} .bot_l img{ float:left; padding-right:20px; padding-top:15px;} .bot_r img{ float:left; padding-right:15px; padding-top:15px;} .logo1{ margin:70px auto 0; text-align:center} .menu{ width:994px; margin:50px auto 0;} .menu li{width:84px;margin: 0 14px;float:left;display:inline;} .menu li a{ display:block;} .menu li img{ transition:all .3s;} .menu li img:hover{ transform:scale(1.2) rotate(360deg)} .menu1{ position:fixed; left:50%; margin-left:-600px; width:86px; text-align:center; z-index:999; top:141px;} .menu1 li{text-align:center;height: 76px;margin-bottom:1px;} .menu1 li.last{ margin-bottom:0;} .menu1 li a{display:block;padding-top:15px;height: 61px;background:url(18xl_bar_bg.png) repeat;color:#ffffff;} .menu1 li a span{ display:block; height:32px; width:100%; margin:0 auto;} .menu1 li a:hover{ color:#ffffff; text-decoration:none} .menu1 li.t_bg1.active a,.menu1 li.t_bg1 a:hover{ background:none #71bd75} .menu1 li.t_bg2.active a,.menu1 li.t_bg2 a:hover{ background:none #ef9647} .menu1 li.t_bg3.active a,.menu1 li.t_bg3 a:hover{ background:none #f46568} .menu1 li.t_bg4.active a,.menu1 li.t_bg4 a:hover{ background:none #f6776e} .menu1 li.t_bg5.active a,.menu1 li.t_bg5 a:hover{ background:none #6f72cf} .menu1 li.t_bg6.active a,.menu1 li.t_bg6 a:hover{ background:none #21bf8c} .menu1 li.t_bg7.active a,.menu1 li.t_bg7 a:hover{ background:none #238df1} .sections{ z-index:1} .section { background-size:cover; background-position:center top; background-attachment:fixed; background-repeat:no-repeat; position:relative; z-index:2; display:none} .section.active{ display:block} .bg1{ background-image: url(18xl_zjxl_bg1.jpg);} .bg2 { background-image: url(18xl_zjxl_bg2.jpg); } .bg3,.bg4 { background-image: url(18xl_zjxl_bg3.jpg); } .bg5 { background-image: url(18xl_zjxl_bg5.jpg); } .bg6 { background-image: url(18xl_zjxl_bg6.jpg); } .bg7 { background-image: url(18xl_zjxl_bg7.jpg); } .arr,.arr1{ width:48px; height:27px; background:url(18yd_zjyd_icon_t.png) no-repeat -48px 0; z-index:9999; cursor:pointer; display:block; position:absolute; top:-27px; left:50%; margin-left:-68px;} .arr.active,.arr1.active{ background-position:0 0;} .page { width:1114px; position:absolute; left:50%; top:141px; margin-left:-514px; z-index:9;} .page_bg{ background-color:#ffffff; padding:0 20px 20px 32px;} .page1{ overflow-x:hidden; overflow-y:scroll; padding-bottom:20px;} .tit{ background:url(18xl_zjxl_gk_tit.jpg) repeat-x left 56px; height:67px;} .tit_l{ float:left; background:url(18xl_zjxl_gk_tit_bar.jpg) no-repeat left bottom; text-align:center; padding-top:10px; line-height:57px; text-align:center; font-size:18px; font-weight:bold; width:154px;} .tit_r{ float:right; line-height:57px;} .con1{ line-height:32px; padding:25px 30px 0 20px} .con1 img{ float:left; margin-right:40px; margin-top:20px;} .tit1{ background:url(18xl_zjxl_tit1.png) no-repeat left center; height:34px; line-height:34px; margin:30px auto 0; font-size:16px; color:#000} .tit1 i{ display:block; float:left; width:34px; text-align:center; line-height:34px; font-size:18px; color:#fff; font-style:normal; margin-right:12px;} .tit2{ margin:18px auto 0; height:40px; border-bottom:1px solid #dadada; font-size:18px; color:#000; position:relative; line-height:40px; padding-left:43px;} .tit2 i{ font-size:48px; color:#ef9647; font-style:normal; font-family:"zqzmxs"; position:absolute; left:-6px; top:-4px;} .tit2 i.tgreen1 { color: #21bf8c; font-family:"zqzmxs";} .tit2 span{ font-size:12px; color:#999; text-transform:uppercase; margin-left:5px;} .tit3{ height:38px; line-height:38px; color:#b5b6b6; font-size:18px;} .con2{ line-height:36px; font-size:16px; margin:10px auto 0;} .con2 img{ float:left; padding-right:24px; margin-top:7px;} .con3{ background:url(18xl_zjxl_gk_con.jpg) no-repeat center top; padding-top:152px; padding-left:93px; padding-bottom:34px; margin:30px auto 0;} .con3 li{ float:left; width:212px; height:286px; display:inline; position:relative; text-align:center;} .con3 li span{ position:absolute; width:42px; height:64px; text-align:center; padding:18px 20px 0 20px; z-index:999; line-height:22px; left:50%; margin-left:-41px; top:50%; margin-top:-41px; color:#fff; font-size:18px; font-weight:bold} .con3 li.icon_bg1 span{ background:url(18xl_zjxl_gk_icon_bg1.png) no-repeat;} .con3 li.icon_bg2 span{ background:url(18xl_zjxl_gk_icon_bg2.png) no-repeat;} .con3 li.icon_bg3 span{ background:url(18xl_zjxl_gk_icon_bg3.png) no-repeat;} .con3 li.icon_bg4 span{ background:url(18xl_zjxl_gk_icon_bg4.png) no-repeat; padding:18px 10px 0 10px; width:62px;} .con3 li.icon_bg2,.con3 li.icon_bg4{ margin-top:20px;} .con4{ background:url(18xl_zjxl_gk_con1.jpg) no-repeat left bottom;} .tu_list li{ float:left; width:210px; height:147px; position:relative; text-align:center; margin:34px 20px 0 20px;} .tu_list li .bar_bg{ position:absolute; left:0; bottom:0; width:100%; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; background:url(18xl_bar_bg.png) repeat;} .tu_list li i{ position:absolute; left:50%; top:50%; background:url(18xl_zjxl_sp_icon.png) no-repeat; width:46px; height:46px; margin-left:-23px; margin-top:-23px; z-index:999} .tu_list li a{color:#FFFFFF;} .fy_list{ text-align:center; margin:30px auto 0;} .fy_list a{ display:inline-block; line-height:40px; height:40px; margin:0 4px; font-size:18px;} .fy_list a.on, .fy_list a:hover,.fy_list span.current { color:#c00001; text-decoration:none } .con5_l{ float:left; width:515px;} .con5_r{ float:right; width:515px;} .tit4{ background:url(18xl_zjxl_tit2.png) no-repeat 17px top; height:34px; line-height:34px; font-size:16px; color:#000} .tit4 i{ float:left; width:34px; height:34px; margin-right:12px;} .list{ margin:15px 10px 0 10px;} .list li{ line-height:32px; background:url(18xl_zjxl_gk_dot.jpg) no-repeat left center; padding-left:12px;} .con6_l{ float:left; width:414px; height:472px; overflow:hidden} .pic_con{ height:472px; position:relative; z-index:1; overflow:hidden;} .pic_con .pic{ height:100%; overflow:hidden} .pic_con .pic li{ width:414px; height:472px;} .pic_con .pic img { width:100%; height:100%; display: block;} .pic_con .txt-bg{ position: absolute; bottom: 0; z-index: 4; height:52px; width: 100%; background:url(18xl_bar_bg.png) repeat;} .pic_con .txt{ position: absolute; bottom: 0; z-index: 5; height:52px; width: 100%; overflow: hidden; } .pic_con .txt li{ height:52px; line-height:52px; position: absolute; bottom: -52px; left:0px; } .pic_con .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 16px;} .pic_con .num{ position: absolute; z-index: 6; bottom:22px; right:10px;} .pic_con .num li{ float: left; position: relative; width:10px; height:10px; line-height:30px; background-color:#ffffff; overflow: hidden; text-align: center; margin-left:3px; cursor: pointer; border-radius:50%;} .pic_con .num li.on, .pic_con .num li:hover{ background-color:#cc0000} .pic_con .prev,.pic_con .next{ position:absolute; top:50%; margin-top:-20px; width:24px; height:48px; z-index:999; display:block; cursor:pointer} .pic_con .prev{ left:0; background:url(18xl_icon_l.png) no-repeat} .pic_con .next{ right:0; background:url(18xl_icon_r.png) no-repeat;} .pic_con .prev:hover,.pic_con .next:hover{ opacity:0.8} .con6_r{ float:left; width:641px; position:relative; margin-right:-30px;} .con6_r li{ display:inline; margin-left:2px; float:left; margin-bottom:2px; position:relative;} .con6_r li .bar_bg{ background:url(18xl_bar_bg.png) repeat; height:40px; line-height:40px; position:absolute; left:0; bottom:0; text-align:center; font-size:16px; width:100%; color:#ffffff;} .con6_r li a .bar_bg,.con6_r li .bar_bg a{ color:#ffffff;} .con6_r a.more1{ width:292px; height:156px; background-color:#238df1; display:block; text-align:center; padding-top:78px; line-height:32px; font-size:24px; position:absolute; right:0; bottom:2px; color:#ffffff} .con_bg{ padding:0 30px 30px 30px; background-color:#ffffff; margin:0 auto; width:1140px;} .gl_con{ background:url(18xl_zjxl_gl_con.jpg) no-repeat center top; margin:17px auto 0; padding:47px 40px 0 0; height:97px;} .gl_con ul{ float:right} .gl_con li{ float:left; width:134px; height:45px; line-height:45px; text-align:center; font-size:18px; font-weight:bold; display:inline; margin-left:15px;} .gl_con li a{ display:block; color:#fff; background:url(18xl_zjxl_gl_bar.png) no-repeat;} .gl_con li.on a,.gl_con li a:hover{ background:url(18xl_zjxl_gl_bar1.png) no-repeat;} .gl_list{ margin:10px auto 0; margin-right:-17px;} .gl_list li{ float:left; border-bottom:1px dashed #cccccc; display:inline; width:560px; padding:15px 15px 20px 0; line-height:24px;} .gl_list li img{ float:left; width:191px; height:127px; margin-right:25px; margin-top:5px;} .gl_list li h3{ line-height:38px; font-size:18px; color:#000;} /*===============分页==============*/ .fy_list1 { margin:30px auto 0px; clear:both; text-align:center; padding-bottom:20px;} .fy_list1 a { display:inline-block; padding:0 15px; border:1px solid #e4e4e4; line-height:40px; height:40px; margin:0 2px;} .fy_list1 span.current,.fy_list1 span.disab,.fy_list1 span.disabled{display:inline-block; padding:0 15px; border:1px solid #e4e4e4; line-height:40px; height:40px; margin:0 2px;} .fy_list1 a.bor_l1 { border-left:1px solid #e4e4e4; } .fy_list1 a.on, .fy_list1 a:hover,.fy_list1 span.current { color:#fff; background-color:#ee1f00; border:1px solid #ee1f00; text-decoration:none } .inp6{ width:40px; height:40px; line-height:42px; text-align:center; padding:0; font-size:14px; border:1px solid #e4e4e4} .fy_list1 span.disab,.fy_list1 span.disabled{background:#CCC;} .fy_list1 span.go{height:42px;width:42px;padding:0;margin:0;background-color:#e2e2e2;line-height:42px;display:inline-block;} .fy_list1 span.go:hover{cursor:pointer} /*===============分页==============*/ /*细览*/ .xl_con1{ padding:20px; background-color:#f8f8f8; margin:25px auto 0;} .xl_tit1{ line-height:50px; text-align:center; font-size:30px; font-weight:bold; color:#cc0000} .xl_tit2{ line-height:32px; margin:5px auto 0; padding-left:112px;} .xl_tit2_l{ margin-right:33px; display:inline; float:left; font-size:16px; color:#999999;} .xl_tit2_l img{ margin-right:8px;} .xl_bar{ text-align:center; height:36px; line-height:36px; margin-bottom:30px;} .xl_bar span{ padding:5px 20px; background-color:#cc0000; color:#fff; display:inline-block; font-size:16px;} .xl_con2{ line-height:36px; padding-bottom:20px; margin:0px auto 0; padding:3%; font-size:18px;} .xl_con2 img{ padding:20px;} .xl_con2 p{ text-indent:2em;} .xl_tit3{ line-height:37px; text-align:right; border-bottom:1px solid #e8e8e8; padding-bottom:20px; padding-right:30px; margin-top:20px;} .xl_tit3 span{ float:right; width:137px; height:37px; line-height:37px; text-align:center; margin-left:12px; color:#fff; font-size:16px; border-radius:5px;} .xl_tit3 span.sp1{ background-color:#35b36a;} .xl_tit3 span.sp2{ background-color:#faa72d;} .xl_tit3 span.sp3{ background-color:#00aeff;} .xl_tit4{ background-color:#fbfbfb; margin:20px auto 0; height:36px; line-height:36px;} .xl_tit4 span{ float:left; display:block; padding:0 15px; background-color:#cc0000; color:#ffffff; font-size:16px;} .xl_list{ margin:15px;} .xl_list li{ line-height:36px; height:36px; font-size:16px; background:url(18xl_dot1.png) no-repeat left center; padding-left:12px;} .xl_list li span{ float:right; color:#999} .xl_tit5_l{ padding:20px 15px; float:left;} .xl_tit5_l img{ margin-right:15px;} .xl_tit5_r{ float:right; padding:20px 5px; width:40%;} .xl_tit5_r span{ float:right; width:60px; display:block; height:33px; line-height:33px; text-align:center; font-size:16px; background-color:#efefee; border:1px solid #cccccc; border-radius:5px; margin-left:15px; cursor:pointer;} .xl_tit2_l a{height: 16px; width: 16px; display: inline-block; margin: 0 5px; background-image:none} .xl_tit2_l a.bg1{background-color: #cefeff;} .xl_tit2_l a.bg2{background-color: #f8f8c3;} .xl_tit2_l a.bg3{background-color: #ffc7ff;} .xl_tit2_l a.bg4{background-color: #9bccfa;} .block{ display:block} @media screen and (min-height:701px) and (max-height:750px) { .logo1{ margin:30px auto 0;} .logo,.head_r{ padding:0 20px;} .head,.head1{ height:auto; padding:20px 0;} .menu1,.page{ top:100px;} } @media screen and (min-height:640px) and (max-height:700px) { .logo1{ margin:30px auto 0;} .logo,.head_r{ padding:0 20px;} .menu{ margin:20px auto 0;} .head,.head1{height:auto;padding:10px 0 0 0;} .menu1,.page{ top:100px;} .menu1 li{ height:76px;} .menu1 li a{ padding-top:8px; height:68px; } } @media screen and (max-height:639px) { .head,.head1{ height:auto; padding:20px 0 0 0;} .logo,.head_r{ padding:0 20px;} .logo1{ margin:20px auto 0;} .menu{ margin:20px auto 0;} .menu1,.page{ top:100px;} .menu1 li{ height:70px;} .menu1 li a{ padding-top:8px; height:62px;} } @media screen and (max-height:890px) and (min-height:630px) { .bot_bg{ display:none} } .animated { -webkit-animation-duration:1.5s; animation-duration:1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both} @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); right: 0; } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } /*---------------------------------------segmentation------------------------------------------*/ /*colour*/ .tred1 { color: #eb2f30; } .tred1 a:link, .tred1 a:visited { color: #eb2f30; } .tred1 a:hover { color: #eb2f30; text-decoration: underline; } .tgreen1 { color: #21bf8c; } .tgreen1 a:link, .tgreen1 a:visited { color: #21bf8c; } .tgreen1 a:hover { color: #21bf8c; text-decoration: underline; } .tblue1 { color: #0073dd; } .tblue1 a:link, .tblue1 a:visited { color: #0073dd; } .tblue1 a:hover { color: #0073dd; text-decoration: underline; } .tgray1 { color: #999999; } .tgray1 a:link, .tgray1 a:visited { color: #999999; } .tgray1 a:hover { color: #999999; text-decoration: underline; } .twhite1 { color: #fff; } .twhite1 a:link, .twhite1 a:visited { color: #fff; } .twhite1 a:hover { color: #fff; text-decoration: underline; } .torange1 { color: #f2492d; } .torange1 a:link, .torange1 a:visited { color: #f2492d; } .torange1 a:hover { color: #f2492d; text-decoration: underline; } /*---------------------------------------segmentation------------------------------------------*/ /*frame*/ .bor1 { border: 1px solid #e4e4e4; } .bor_t1 { border-top: 1px solid #e4e3e3; } .bor_r1 { border-right: 1px solid #e4e2e2; } .bor_l1 { border-left: 1px solid #fff; } .bor_b1 { border-bottom: 1px solid #dddddd; } .bor_b2 { border-bottom: 1px dotted #cccccc; } .bor_to { border-top: none; } .bor_bo { border-bottom: none; } .bor_ro { border-right: none; } .bor_lo { border-left: none; } /*---------------------------------------segmentation------------------------------------------*/ /*font*/ .tb { font-weight: bold; } .t12 { font-size: 12px; } .t13 { font-size: 13px; } .t14 { font-size: 14px; } .t15 { font-size: 15px; } .t16 { font-size: 16px; } .t17 { font-size: 16px; } .t18 { font-size: 18px; } .t20 { font-size: 20px; } .t22 { font-size: 22px; } .t24 { font-size: 24px; } .t50 { font-size: 50px; } .f_heiti { font-family: "SimHei"; } .f_yahei { font-family: "Microsoft YaHei"; } .f_c { text-align: center; } .f_i { text-indent: 2em; } .f_l { float: left } .f_r { float: right; } /*---------------------------------------segmentation------------------------------------------*/ /*line-height*/ .h18 { line-height: 18px; } .h20 { line-height: 20px; } .h22 { line-height: 22px; } .h24 { line-height: 24px; } .h25 { line-height: 25px; } .h26 { line-height: 26px; } .h28 { line-height: 28px; } .h29 { line-height: 29px; } .h30 { line-height: 30px; } .h32 { line-height: 32px; } .h33 { line-height: 33px; } .h34 { line-height: 34px; } .h35 { line-height: 35px; } .h36 { line-height: 36px; } .h40 { line-height: 40px; } .h44 { line-height: 44px; } .h50 { line-height: 50px; } /*---------------------------------------segmentation------------------------------------------*/ /*margin*/ .mar1 { margin: 1px; } .mar15 { margin: 15px; } .mar_to { margin-top: 0px; } .mar_t1 { margin-top: 1px; } .mar_t3 { margin-top: 3px; } .mar_t5 { margin-top: 5px; } .mar_t7 { margin-top: 7px; } .mar_t10 { margin-top: 10px; } .mar_t12 { margin-top: 12px; } .mar_t13 { margin-top: 13px; } .mar_t15 { margin-top: 15px; } .mar_t18 { margin-top: 18px; } .mar_t20 { margin-top: 20px; } .mar_t25 { margin-top: 25px; } .mar_t30 { margin-top: 30px; } .mar_t35 { margin-top: 35px; } .mar_t40 { margin-top: 40px; } .mar_t45 { margin-top: 45px; } .mar_t50 { margin-top: 50px; } .mar_t55 { margin-top: 55px; } .mar_b1 { margin-bottom: 1px; } .mar_b5 { margin-bottom: 5px; } .mar_b10 { margin-bottom: 10px; } .mar_b15 { margin-bottom: 15px; } .mar_b20 { margin-bottom: 20px; } .mar_b25 { margin-bottom: 25px; } .mar_b30 { margin-bottom: 30px; } .mar_b35 { margin-bottom: 35px; } .mar_b40 { margin-bottom: 40px; } .mar_b45 { margin-bottom: 45px; } .mar_b50 { margin-bottom: 50px; } .mar_b55 { margin-bottom: 55px; } .mar_l1 { margin-left: 1px; } .mar_l4 { margin-left: 4px; } .mar_l5 { margin-left: 5px; } .mar_l10 { margin-left: 10px; } .mar_l15 { margin-left: 15px; } .mar_l20 { margin-left: 20px; } .mar_l25 { margin-left: 25px; } .mar_l30 { margin-left: 30px; } .mar_r1 { margin-right: 1px; } .mar_r5 { margin-right: 5px; } .mar_r10 { margin-right: 10px; } .mar_r15 { margin-right: 15px; } .mar_r20 { margin-right: 20px; } .mar_r25 { margin-right: 25px; } .mar_r30 { margin-right: 30px; } /*---------------------------------------segmentation------------------------------------------*/ /*padding*/ .pad1 { padding: 1px; } .pad2 { padding: 2px; } .pad3 { padding: 3px; } .pad4 { padding: 4px; } .pad5 { padding: 5px; } .pad_t1 { padding-top: 1px; } .pad_t2 { padding-top: 2px; } .pad_t3 { padding-top: 3px; } .pad_t4 { padding-top: 4px; } .pad_t5 { padding-top: 5px; } .pad_t7 { padding-top: 7px; } .pad_t8 { padding-top: 8px; } .pad_t10 { padding-top: 10px; } .pad_t12 { padding-top: 12px; } .pad_t15 { padding-top: 15px; } .pad_t17 { padding-top: 17px; } .pad_t20 { padding-top: 20px; } .pad_t25 { padding-top: 25px; } .pad_t30 { padding-top: 30px; } .pad_t32 { padding-top: 32px; } .pad_t35 { padding-top: 35px; } .pad_t40 { padding-top: 40px; } .pad_t45 { padding-top: 45px; } .pad_t50 { padding-top: 50px; } .pad_t55 { padding-top: 55px; } .pad_b0 { padding-bottom: 0px; } .pad_b1 { padding-bottom: 1px; } .pad_b2 { padding-bottom: 2px; } .pad_b3 { padding-bottom: 3px; } .pad_b4 { padding-bottom: 4px; } .pad_b5 { padding-bottom: 5px; } .pad_b8 { padding-bottom: 8px; } .pad_b10 { padding-bottom: 10px; } .pad_b15 { padding-bottom: 15px; } .pad_b20 { padding-bottom: 20px; } .pad_b25 { padding-bottom: 25px; } .pad_b30 { padding-bottom: 30px; } .pad_b35 { padding-bottom: 35px; } .pad_b40 { padding-bottom: 40px; } .pad_b45 { padding-bottom: 45px; } .pad_b50 { padding-bottom: 50px; } .pad_b55 { padding-bottom: 55px; } .pad_b155 { padding-bottom: 155px; } .pad_l1 { padding-left: 1px; } .pad_l5 { padding-left: 5px; } .pad_l12 { padding-left: 12px; } .pad_l10 { padding-left: 10px; } .pad_l15 { padding-left: 15px; } .pad_l20 { padding-left: 20px; } .pad_l23 { padding-left: 23px; } .pad_l25 { padding-left: 25px; } .pad_l30 { padding-left: 30px; } .pad_l45 { padding-left: 45px; } .pad_r1 { padding-right: 1px; } .pad_r5 { padding-right: 5px; } .pad_r10 { padding-right: 10px; } .pad_r15 { padding-right: 15px; } .pad_r20 { padding-right: 20px; } .pad_r25 { padding-right: 25px; } .pad_r28 { padding-right: 28px; } .pad_r30 { padding-right: 30px; } .tit1_hsxl{ background:url(18yd_zjyd_tit.png) no-repeat center 10px; text-align:center; height:63px; line-height:63px; position:relative} .tit1_hsxl span{ display:inline-block; font-size:24px; background:url(18yd_zjyd_tit_bar.png) no-repeat center top; text-align:center; color:#999999; width:219px; font-weight:bold;} .tit1_hsxl a{ position:absolute; right:22px; top:33px; width:80px; height:30px; line-height:30px; text-align:center; background-color:#cccccc;} .list1{ margin:40px auto 0;} .con2_hsxl{ float:left; width:300px; margin:0 19px;} .con2_hsxl img{ max-width:100%} .list1 ul{ padding:12px 0 0px 5px;} .list1 li{ line-height:30px; background:url(18yd_zjyd_icon.png) no-repeat left center; padding-left:15px;} .tit5{ height:26px; line-height:26px; margin:15px auto 0;display:inline-block; padding:0 13px; background-color:#ffffff; font-size:18px; font-weight:bold; color:#cc0000; width:80%;} .tit5 span a{ float:right; color:#555555; font-weight:normal; font-size:15px;} .tu_list li .bmbox { display:none; position: absolute; left: 0; top: 100%; width: 100%; height: 100%; transition: all .3s; background: url(18ly_ly_bar_bg.png) repeat } .tu_list li .bmbox a { background-color: #3fc36f; color: #fff; width: 112px; height: 36px; line-height: 36px; margin: 48px auto 0; display: block; } .tu_list li:hover .bmbox { display:block; top: 0; }