.container{ width:1200px; margin:0 auto; position:relative;} .header{border-top:#f7741c 2px solid; padding:15px 0 30px; background:url("/res/tpl/default/images/headerbg.jpg") repeat-x bottom; width:100%;} .logo{ float:left; } .loginbtn{float:right; font-size:14px; width:150px; *width:120px; text-align:right; margin-top:30px;} .loginbtn a:hover{ color:#82b045} .loginbtn .btn{ padding:2px 10px; border:#82b045 solid 1px; *width:30px; *float:left; *display:block; *zoom:0;border-radius:3px; margin-right:10px;} .loginbtn .btn:hover{ background:#82b045; color:#fff;} .navMenu { float:right; margin-top:25px; *width:720px;} .navMenu li{ padding:0 15px; display:inline-block; *display:inline; *zoom:1; position:relative; z-index:20;} .navMenu li a { cursor:pointer; white-space:nowrap; font-size:16px;padding:5px 0px;border-bottom:#fff solid 2px; display:block;} .navMenu ul li.cr a,.navMenu ul li a:hover{ border-bottom:#f7741c solid 2px;color:#333} .navMenu li ul{ position:absolute;top:36px; left:-20px; background:#fff; box-shadow:0px 4px 5px #bbb; display:none;width:130px; } .navMenu li ul li{ padding:10px 0px; display:block; text-align:center; border-bottom:#eee solid 1px;} .navMenu li.cr ul li a,.navMenu li ul li a{font-size:14px; width:100%; border-bottom:none;} .navMenu li.cr ul li a:hover,.navMenu li ul li a:hover{ color:#f7741c;border-bottom:none;} .h25{ height:15px; overflow:hidden; } .mr{margin-right:20px;} .memList{margin:13px 0;} .module01{ border:#dedede solid 1px;width:100%; margin-bottom:20px;} .module01 .title{background:url("/res/tpl/default/images/titBg.jpg") no-repeat; width:100%; border-bottom:#f7741c solid 1px} .module01 .title h4{ color:#fff; width:100px; float:left; text-align:center; height:32px; line-height:32px; font-size:16px; } .module01 .title .more{ float:right; font-size:12px; color:#a8a8a8; line-height:32px; padding-right:15px;} .module01 .lists{ padding:10px;} .module01 .ico{border:transparent solid 5px; border-left-color:#82b045; height:0; width:0; display:block; float:left; margin-top:6px;*margin-top:8px;} .module01 .dot{border-radius:5px;height:5px; width:5px; background:#454545; display:block; float:left; margin-top:8px; *margin-top:10px;margin-right:10px;} .module01 .lists li{font-size:14px; line-height:23px; height:auto!important; margin:6px 0;} .module01 .time{ float:right; *margin-top:-22px;} .module01 .lists .pic{ text-align:center; margin:14px 0;} .module01 .lists .info span{ display:block;color:#333;font-size:16px;} .module01 .lists .info .btn{ background:#82b045; width:80px; height:25px; line-height:25px; text-align:center; color:#fff; text-align:center; font-size:15px; border-radius:5px; margin-bottom:18px;} .module01 .lists .info .txt{ color:#666;font-size:14px; padding:10px 0;} .module01 .lists .new{ background:url("/res/tpl/default/"/res/tpl/default/images/new.gif"") no-repeat; width:25px; height:12px; display:inline-block;*display:inline;*zoom:1;margin-left:5px;} .memberLogin{padding:10px; height:146px;} .memberLogin li{font-size:13px; margin-bottom:10px;} .memberLogin input{ width:70%; height:24px; line-height:24px; border:#dedede solid 1px;} .memberLogin .code{ width:40%;} .memberLogin img{ display:inline; width:55px;margin-left:10px;} .memberLogin button{ width:60px; height:25px; line-height:25px; background-color:#d9d9d9; border:#c2c2c2 solid 1px;margin-right:10px; cursor:pointer; background: -webkit-linear-gradient(#fdfdfd,#d9d9d9); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#fdfdfd,#d9d9d9); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#fdfdfd,#d9d9d9); /* Firefox 3.6 - 15 */ background: linear-gradient(#fdfdfd,#d9d9d9); /* 标准的语法 */} .memberLogin .btn{margin-left:19%} .memberLogin .loginState{ font-size:14px; padding:20px 0 0 20px;} .w25{ width:25%; float:left;} .w40{ width:38%; float:left;} .w23{ width:23.5%; float:left;} .w15{ width:20%; float:right;} .sublists{ padding:10px;} .sublists li{ background:url("/res/tpl/default/images/bg01.jpg") repeat-x; height:30px; line-height:30px; text-align:center; width:100%; border-radius:5px; margin:8px 0;*margin:9px 0;} .sublists li a{ color:#232323; font-size:14px;} .sublists li a:hover{color:#fff;} .picimg{margin-bottom:20px;} .partner{ border-top:#f7741c solid 2px; background:#f7f7f7;width:100%; padding:25px 0 15px;} .partner .title{ color:#666; margin-bottom:5px; font-size:16px;} .partner .title span{ font-size:26px;color:#333; margin-right:15px;} .partner .line{ width:105px; background:#f7741c; height:2px;} .partner li{ float:left; margin:25px 15px; } .partner li a{ -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); filter:Gray; filter: grayscale(1); opacity:0.7;filter:Alpha(opacity=70);} .partner li img{ width:168px; height:53px;} .partner li a:hover{filter:none; opacity:1;filter:Alpha(opacity=100);} .footer{ background:#2f3537;width:100%; padding:30px 0;} .copyright{color:#999; font-size:12px;border-top:#636869 solid 1px; height:50px; line-height:50px; text-align:center;background:#2f3537;} .footerMenu{ width:30%; float:left;} .footerMenu .logo{ width:100%;} .footerMenu li{ display:inline-block; *float:left; text-align:center; width:25%; margin-top:20px;} .footerMenu li a{ color:#999; font-size:14px;} .links{ width:20%; float:left;} .links .title{ font-size:20px; color:#fff; margin-bottom:15px;} .links li{ height:25px; line-height:25px;} .links li,.links li a{ font-size:14px; color:#999; } .contact{ width:25%; float:left;} .attention .title,.contact .title{ font-size:20px; color:#fff; margin-bottom:15px;} .attention .title{padding-left:15px;} .contact .tel{ background:url("/res/tpl/default/images/ico01.png") no-repeat 0 10px; padding-left:50px; font-size:26px; color:#fff;} .contact .addr{background:url("/res/tpl/default/images/ico02.png") no-repeat 0 0; font-size:14px; color:#999; padding-left:50px;margin-top:20px; height:25px;} .attention{ width:25%; float:left;} .attention li{ float:left; width:110px; text-align:center; margin:0 15px;} .attention li span{ font-size:14px; color:#fff; display:block; margin-top:5px; } .float1{ position:fixed; width:180px; background:#edf7df; padding:15px 0 25px; top:20%; left:0; z-index:100; text-align:center; color:#82b045; line-height:30px; font-size:20px; transition:top .25s ease 0s;-webkit-transition:top .25s ease 0s;-ms-transition:top .25s ease 0s;} .float1 .title{font-size:16px; color:#fff; height:40px; line-height:40px; background:#82b045; margin-bottom:20px;} .float2{ position:fixed; width:145px; background:#edf7df; padding:10px; top:20%; right:0; z-index:100; transition:top .25s ease 0s;-webkit-transition:top .25s ease 0s;-ms-transition:top .25s ease 0s;} .float2 .title{text-align:center; color:#fff; font-size:12px; background:#82b045; padding:1px 5px; border-radius:15px;} .float3{background:#f9f9f9 url("/res/tpl/default/images/noticeBg.jpg") no-repeat;position:fixed; width:249px; top:50%; right:0; z-index:200; font-size:14px; border-top-left-radius:5px;border-top-right-radius:5px; transition:top .25s ease 0s;-webkit-transition:top .25s ease 0s;-ms-transition:top .25s ease 0s;} .float3 .title{ width:100%; color:#fff; line-height:23px; padding-left:40px; cursor:pointer;} .float3 .con{ padding:20px;} /*内页样式*/ .innerBanner{ height:200px; width:100%;} .leftSide{ width:25%; float:left} .rightSide{ width:72%; float:right;} .subMenus{margin-top:-44px; width:100%;} .subMenus .tit{background:#f7741c; padding:20px 0 20px 40px;color:#fff;font-size:24px;display:block;} .subMenus ul{background:#ddd;} .subMenus a { height:50px; line-height:50px; border-bottom:#bbb solid 1px; display: block; padding:0 0 0 40px;border-left:#ddd solid 3px;} .subMenus a span {color:#333; display: block; font-size:15px;} .subMenus .cr a,.subMenus a:hover{ background:#fff; border-left:#82b045 solid 3px;} .subMenus .cr span,.subMenus a:hover span {color:#82b045;} .location{height:30px;margin-top:-44px;padding-top:7px; } .location ul li{float:left;padding-left:20px;line-height:30px;background:url("/res/tpl/default/images/ico.gif") no-repeat left 12px;} .location ul li.home{ background:none;padding-left:0} .location ul li a{float:left;color:#333; font-size:15px;} .location ul li.cr{color:#000;line-height:30px} .location ul li a:hover{color:#000} .article{ padding:40px 0 40px; line-height:30px;} .newslist {padding:40px 0 40px;} .newslist li{border-bottom:#dedede solid 1px; height:45px;} .newslist li a{ display:block; float:left; line-height:45px; font-size:16px;} .newslist li a:hover{ color:#f7741c} .newslist li .time{ display:block; float:right; font-family:Arial; font-size:14px; padding:15px 0 0;} .newslist li .new{ background:url("/res/tpl/default/"/res/tpl/default/images/new.gif"") no-repeat; width:25px; height:12px; display:inline-block;*display:inline;*zoom:1;margin-left:5px; float:left; margin-top:15px;} .newsinfo{padding:40px 0 0;} .newsinfo h3{ color:#333; font-size:25px; text-align: center; padding: 0px 0 20px 0; font-weight:normal; } .newsinfo ul{ color:#666; padding:10px 0;text-align:center;border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } .newsinfo li{ display:inline; padding: 0 8px;font-size:14px; } .newsinfo .content { margin:25px 0 0 0; } .newsinfo .content p,.newsinfo .content div{ padding: 0 0 20px 0; font-size:16px; line-height:30px; } .articlePage{ margin-bottom:40px;} .articlePage .prev,.articlePage .next{ font-size:16px; color:#666;line-height:30px;} .articlePage .prev a,.articlePage .next a{ color:#666;} .articlePage .prev a:hover,.articlePage .next a:hover{ color:#f7741c} .applyWarp{ background:#F4F4F4; } .apply{ width:1140px; margin:0 auto; background:#fff;padding:30px;} .apply h3{ font-size:26px;margin-bottom:20px; } .apply .red{ color:red; padding:0 5px;} .apply li{ margin-bottom:15px; float:left; width:43%;} .apply li.w100{ width:100%;} .apply input{ width:200px; height:30px; line-height:30px; padding:0 5px; border:#ddd solid 1px;} .apply input.w5{ width:400px;} .apply .tit{ width:150px; text-align:right; display:inline-block;} .apply .checkbox{ width:16px; height:16px;margin-left:10px; position:relative;top:3px; border:none;} .apply select{ width:212px; height:32px;padding:0 5px; border:#ddd solid 1px;margin-left:-5px;} .apply li li{ float:none; width:100%;} .apply li li input{ border:none;background:none;} .apply .load{ text-decoration:underline; color:#000} .apply textarea{ width:680px; height:80px; padding:10px; border:#ddd solid 1px;} .apply .tit.top{ position:relative; top:-70px;} .apply .btn{ width:230px; height:50px; line-height:50px; font-size:18px; text-align:center; color:#fff; background:#f7741c; border-radius:8px; border:none; margin-right:50px; cursor:pointer;} #personal{ display:none;} .apply .btngroup{ text-align:center; margin:10px 0 30px;} .formview{width:750px; margin:0 auto; padding:20px;} .formview h3{font-size:28px;margin-bottom:20px; text-align:center;} .formview td{width:25%; text-align:center; padding:10px 0; border:1px solid;} .formview td td{border:none;} .formview .note{ padding:20px 0 0;} #mask{ background:rgba(0,0,0,0.3); position:absolute;top:0; left:0; width:100%; height:100%; z-index:1000; display:none;} #mask .maskBox{ width:500px; height:300px; background:#fff; margin:200px auto 0; box-shadow:0 0 30px #333; border-radius:10px; text-align:center; position:relative;} #mask .btn{ background:#82b045; width:150px; height:150px; margin:0 20px; text-align:center; line-height:150px; font-size:30px; color:#fff; display:inline-block; border-radius:50%; margin-top:70px;} #mask .btn:hover{background:#f7741c; } #mask .close{position:absolute;top:0; right:10px; font-size:30px; font-weight:bold; cursor:pointer;} .sideMenuBtn{ display:none;} .com-inners{ min-height:400px; } .memart-R{ max-width:600px; opacity: .8; border:1px solid #eee; margin:20px auto; background: #f9f9f9; border-radius: 15px; padding:45px 15px; } .orders-tits,.orders-tits em{ font-style: normal; font-size: 14px; color: #c00; } .orders-tits{ margin-bottom:20px; } .memtable-frm{max-width:400px; margin: 0 auto;} .memtable-frm td{ padding: 10px 10px; text-align: left; vertical-align: top; } .memtable-frm td input{ margin-right:5px; border-radius: 5px; border:1px solid #ccc; height: 32px; line-height: 42px; padding: 0 10px; width: 180px; } .cbnt1s{ margin-top: 10px; } .cbnt1s a{ border-radius: 5px; background:#f7741c; color: #fff; font-size: 14px; text-align: center; display: inline-block; width: 120px; height: 35px; line-height: 35px; } .mems-tits{ padding-top: 5px; } .memtable-frm .red{ font-size:12px; display: block; font-style:normal; color: #c00;} /*评论开始*/ .mod-revfrm { font-size:16px; position: relative; min-height: 45px; margin-top: 20px; padding-bottom: 10px; } .rev-pic { position: absolute; left: 0; top:-10px; width: 42px; height: 42px; } .rev-pic img { width: 42px; height: 42px; border-radius: 42px; } .rev-frm { border: 1px solid #dedede ; } .frms-area textarea { height: 60px; padding: 10px; width:96%; border: none; color: #999; } .frms-revbtn { background: #eee; border-top:1px solid #dedede; height: 40px; position: relative; } .frms-revbtn a.pubs-btns { display: inline-block; *display: inline; *zoom: 1; min-width: 100px; height: 35px; line-height: 35px; text-align: center; font-size: 16px; color: #fff; padding: 0 10px; background: #82b045; border-radius: 5px; /* box-shadow:0 5px 5px rgba(16,147,237,.2);*/ position: absolute; right: 2px; top: 2px; } .faces { line-height: 40px; padding: 0 10px; } .faces img { vertical-align: middle; cursor: pointer; } .rev-nologins { padding: 10px 0 0 15px; } .rev-nologins a { margin-left: 8px; color: #ff1e00; } /*评论列表*/ .mod-reviewlist .item-cell { font-size:16px; position: relative; min-height: 45px; padding-bottom: 25px; margin-top: 25px; border-bottom: 1px solid #dedede; } .mod-reviewlist .item-tit{padding-left:55px;} .mod-reviewlist .item-tit span { color: #666; padding-right: 24px; display: inline-block; *display: inline; *zoom: 1; height: 25px; line-height: 25px; } .mod-reviewlist .item-desc { line-height: 30px; padding: 15px 0 0 0; } .review-active { position: relative; min-height: 25px; text-align: right; } .review-active a.answer-links { position: absolute; left: 0; top: -1px; color: #999; } .review-active a.answer-links span { margin-right: 10px; } .view-mores{margin-bottom:40px; margin-top: 20px;} .view-mores a { background:#82b045; display: block; height: 38px; line-height: 38px; color: #fff; text-align: center; font-size: 14px; border-radius: 5px; width:200px; margin:0 auto; } .view-mores a:hover { background: #f7741c; color: #fff; } @media screen and (max-width:420px){ .container{ width:100%;} .header{padding:1rem 0 2.5rem;} .logo{padding-left:10px;} .logo img{ max-width:245px; width:180px;} .float1,.float2,.float3,.loginbtn{ display:none;} .mr{margin-right:0;} .w15,.w23,.w40,.w25{ width:100%; float:none;} .h25{height:0;} .sublists{ padding:10px; text-align:center;} .sublists li{width:42%; display:inline-block; border-radius:5px; margin:8px 10px;} .picimg{margin-bottom:0;} .picimg img{margin-bottom:20px;} .partner{ padding:2rem 0 1.5rem; padding-left:10px;} .partner .title span{ font-size:2.3rem;} .partner .line{display:none;} .partner li{ float:none; display:inline-block; margin:10px; width:43%; text-align:center; } .partner li img{ max-width:168px; width:100%; height:53px;} .attention .title{padding-left:0;} .attention{ width:100%; float:none; text-align:center;margin-top:30px;} .links,.footerMenu{ display:none;} .links li{ height:25px; line-height:25px; display:inline-block ; margin:0 15px;} .contact{width:245px; margin:0 auto;float:none; text-align:center; } .attention{width:280px;margin:30px auto 0;} .sideMenuBtn{ background:url("/res/tpl/default/images/menu.gif") no-repeat; cursor:pointer; width:34px; height:30px; float:right; margin-top:15px; display:block; margin-right:10px;} .sideMenu,.sideMenu li{transition:all .25s ease 0s;-webkit-transition:all .25s ease 0s;-ms-transition:all .25s ease 0s;} .navMenu { float:none;left:0;top:0; position:fixed;width:0; height:100%; background:#eee; overflow:hidden; z-index:1000; margin-top:0;} .navMenu li{display:block; padding:0; opacity:0; filter:Alpha(opacity=0);transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0); } .navMenu li a {padding:15px 30px; display:block;border-bottom: #fff solid 1px;} .navMenu ul li.cr a,.navMenu ul li a:hover{ background:#f7741c; color:#fff;} .navMenu li:nth-child(1){transition-delay:0;-webkit-transition-delay:0;-ms-transition-delay:0;} .navMenu li:nth-child(2){transition-delay:0.1s;-webkit-transition-delay:0.1s;-ms-transition-delay:0.1s;} .navMenu li:nth-child(3){transition-delay:0.2s;-webkit-transition-delay:0.2s;-ms-transition-delay:0.2s;} .navMenu li:nth-child(4){transition-delay:0.3s;-webkit-transition-delay:0.3s;-ms-transition-delay:0.3s;} .navMenu li:nth-child(5){transition-delay:0.4s;-webkit-transition-delay:0.4s;-ms-transition-delay:0.4s;} .navMenu li:nth-child(6){transition-delay:0.5s;-webkit-transition-delay:0.5s;-ms-transition-delay:0.5s;} .navMenu li:nth-child(7){transition-delay:0.6s;-webkit-transition-delay:0.6s;-ms-transition-delay:0.5s;} .navMenu li:nth-child(8){transition-delay:0.7s;-webkit-transition-delay:0.7s;-ms-transition-delay:0.5s;} .navMenu li:nth-child(9){transition-delay:0.8s;-webkit-transition-delay:0.8s;-ms-transition-delay:0.5s;} .navMenu li:nth-child(10){transition-delay:0.9s;-webkit-transition-delay:0.9s;-ms-transition-delay:0.5s;} .sideMenu{ width:80%; } .sideMenu li{opacity:1;filter:Alpha(opacity=100);transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);} /*内页样式*/ .leftSide{ width:100%; float:none} .rightSide{ width:100%; float:none;} .innerBanner{ height:150px; width:100%;} .subMenus{margin-top:10px; width:100%; text-align:center;} .subMenus .tit{ display:none;} .subMenus ul{background:none;} .subMenus li{ display:inline-block; width:30%; margin:2px 0;} .subMenus a { height:35px; line-height:35px; border-bottom:none; text-align:center; display: block; padding:0;border-left:none; background:#ddd} .subMenus a span {color:#333; display: block; font-size:15px;} .subMenus .cr a,.subMenus a:hover{ background:#f7741c; border-left:none;} .subMenus .cr span,.subMenus a:hover span {color:#fff;} .leftSide .module01,.location{ display:none;} .article{ padding:20px 15px 30px; line-height:30px; font-size:16px;} .newslist {padding:10px 0 25px;} .newslist li{border-bottom:#dedede solid 1px; padding:15px 15px; height:auto;} .newslist li a{ float:none; line-height:22px; font-size:16px;} .newslist li .time{ float:none; padding:5px 0 0;} .page{padding:0 0 1.5rem;} .page li{ margin:0 3px; margin-bottom:15px;} .newsinfo{padding:20px 0;} .newsinfo h3{ font-size:20px; padding:0 15px 15px;} .newsinfo li{font-size:12px; } .newsinfo .content{padding:0 15px;} .newsinfo .content p,.newsinfo .content div{ padding: 0 0 2rem 0; line-height:2.5rem; } .articlePage{ padding:0 15px 0;} .articlePage .prev,.articlePage .next{ font-size:1.4rem; line-height:2.5rem;} .applyWarp{ background:none;padding:20px 10px 0; } .apply{ width:100%; font-size:15px; padding:0;} .apply h3{ font-size:20px;margin-bottom:20px; } .apply li{ margin-bottom:15px; float:none; width:100%;} .apply input{ width:60%; height:30px; line-height:30px; padding:0 5px; border:#ddd solid 1px;} .apply input.w5{ width:60%;} .apply .tit{ width:33%; display:inline-block;} .apply .checkbox{ width:16px; height:16px;margin-left:33%; position:relative;top:3px; border:none;} .apply select{ width:60%; height:32px;padding:0 5px;margin-left:-5px;} .apply textarea{ width:60%; height:80px; padding:0; } .apply .btn{ width:150px; height:40px; line-height:40px; font-size:16px; margin:0 5px; } .apply .btngroup{ margin:10px 0 30px;} .apply .flag,.load{ display:inline-block; padding:0 0 0 33%;} .mod-revfrm{ padding:0 10px;} .mod-reviewlist{ padding:0 10px;} } .xhhy .tabs { margin-bottom: 80px; } .xhhy .tabs ul { text-align: center; font-size: 0; line-height: 0; } .xhhy .tabs ul li { margin: 0 10px; display: inline-block; vertical-align: middle; width: 175px; height: 50px; text-align: center; line-height: 50px; border-radius: 3px; background-color: #f2f2f2; font-size: 18px; color: #000; } .xhhy .tabs ul li.hover { background-color: #f7741c; color: #fff; } .xhhy .infos .tit { font-size: 20px; color: #1b1a1a; margin-bottom: 15px; text-align: center; margin-top: 30px; } .xhhy .infos .table table { border-left: 1px solid #fff; border-top: 1px solid #fff; width: 100%; } .xhhy .infos .table table td { border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 10px 0; text-align: center; vertical-align: middle; background-color: #f7f7f7; color: #666666; font-size: 16px; line-height: normal; } .xhhy .infos .table table td .sub { line-height: normal; color: #da7938; } .xhhy .infos .table table td.title { color: #da7938; text-align: left; background-color: #fff; font-size: 20px; padding-left: 20px; padding-top: 20px; } .xhhy .infos .table table thead td { background-color: #da7938; color: #fff; } .xhhy .infos .table table thead td span { color: #fff; font-size: 16px; line-height: normal; }