锘縝ody{ margin:0 auto; padding:0; background:#FFF; font-size:12px; font-family:Tahoma,Arial,Helvetica, sans-serif,""; color:#3D3D3D;} body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select{margin:0;padding:0;} h1,h3,h3,h4{ font-size:14px;} .contect td{padding:20px;} .onmenu{background-color:#17777B;} .fbanner{width:100%;overflow:hidden;text-align:center;} .footeritem{font-weight:600;font-size:18px;} .top{background:#817d7c;width:100%;height:51px;position:relative;} .border{border:0;} .zjdes{padding:10px 30px 5px 30px;line-height:25px;text-align:justify;} .liu{width:1000px;display:block;} .liu dl{display:inline;float:left;padding-left:20px;} .rc{min-height:400px;padding-top:20px;} .more{width:200px;height:40px;text-align:center;font-size:18px;background:#1C3A4C;margin:0 auto;line-height:40px;} .more a{color:#FFF;} .itemsr li{float:left;display:inline;width:180px;height:90px;text-align:center;background:rgb(222, 235, 243);margin:0 20px 20px 0;padding:20px;} .jianjie{font-size:13px;text-align:justify;} .b-left{background-image:url("../images/l-btn.png");} .b-right{background-image:url("../images/r-btn.png");} .zkzj{padding:30px;text-align:center;} .zjindex{background:#FFF;min-height:300px;padding:10px;} .zjindex h3{line-height:20px;text-indent:20px;font-size:13px;} .zjindex li{position:relative;text-align:left;height:125px;width:250px;float:left;} .zjindex li a img{position:absolute;top:0;left:0;} .zjindex li a span{position:absolute;top:0;left:90px;font-weight:600;font-size:16px;} .zjindex li p{position:absolute;top:30px;left:90px;line-height:20px;} .zklist {padding-right:30px;} .zklist li{position:relative;text-align:left;height:90px;margin-bottom:30px;} .zklist li a img{position:absolute;top:0;left:0;} .zklist li a span{position:absolute;top:0;left:90px;font-weight:600;font-size:16px;} .zklist li p{position:absolute;top:30px;left:90px;line-height:20px;} .zhuanjiali{width:100%;} .zhuanjiali li{width:33.3%;text-align:center;margin:5px 0;float:left;display:inline;line-height:300px;position:relative;} .zhuanjiali li a{width:150px;margin:0 auto;} .zhuanjiali li a span{display:block; text-align:center; height:20px; margin-top:3px;font-weight:600;font-size:16px;line-height:40px;height:40px;position:absolute;left:0;top:180px;} .zhuanjiali li a p{line-height:18px;text-align:justify;text-indent:20px;padding:0 30px;position:absolute;top:200px;left:0;font-size:14px;} .zhuanjiali li a p b{margin-right:10px;} .zhuanjiali li a img{width:134px; height:175px; border:1px solid #ccc; padding:3px; background:#FFF;} .zhuanjiali2{position:relative;} .zhuanjiali2 li{width:100%;position:relative;height:40px;margin-top:20px;} .zhuanjiali2 li p{line-height:18px;text-align:left;text-indent:20px;padding:0 100px;font-size:14px;} .zhuanjiali2 li p b{margin-right:10px;} #contentbox .newblock.active{display:block;} #contentbox .newblock{float:left;width:600px;margin-left:20px;display:none;box-sizing:border-box;margin-bottom:20px;} #rig .r_bt{box-sizing:border-box;cursor:pointer;} #rig .r_bt.on{border-bottom:2px solid #e60012;background:#1476b5;border-radius:5px 5px 0 0;} #rig .r_bt.on h1{color:#FFF;} .footer-menulist{margin-bottom:50px;width:1000px;margin:0 auto;} dt{line-height:30px;font-size:18px;} .indexliuyan{width:1000px;margin:0 auto;height:300px;} .indexliuyan ul li{box-sizing:border-box;float:left;height:300px;padding:20px;} #liulist input{width:100%;height:30px;} .zhiku {background:url(../images/66.jpg);text-align:center;padding:10px;border-radius:20px 20px 0 0;border:5px solid #AECBDC;border-bottom:0;} .zhikucontent{width:100%;} .zhiku p{color:#FFF;font-size:16px;} .zhiku h2{color:#FFF;font-size:25px;margin-bottom:0;line-height:50px;} .zktitle{overflow:hidden;text-align:center;color:#FFF;position:relative;} .zktitle p{position:absolute;top:0;left:0;font-size:20px;width:100%;line-height:100px;z-index:81;} .zktitle span{width:100%;height:100px; display:block; line-height:100px;background:#666;opacity:0.8;} .zk1{background-image:url(../images/zk1.jpg);} .zk2{background-image:url(../images/zk2.jpg);} .zk3{background-image:url(../images/zk3.jpg);} .citem{width:450px;min-height:110px;float:left;margin:10px 5px 20px 5px;padding-top:20px;position:relative;} .ditem{width:450px;min-height:60px;float:left;margin:10px 5px 20px 5px;padding-top:20px;position:relative;} .citem-t{width:100px;height:100px;border-radius:50%;text-align:center;line-height:100px;background:#4C99C7;z-index:82;position:absolute;left:50%;top:0;margin-left:-50px;} .citem h2{text-shadow:2px 2px #1C3A4C;font-weight:600;color:#FFF;font-size:16px;margin-bottom:0;} .ditem h2{text-shadow:2px 2px #1C3A4C;font-weight:600;color:#FFF;font-size:16px;margin-bottom:0;} .citem-c ul li{width:50%;display:block;text-align:center;float:left;font-size:14px;} .indent{text-indent:20px;padding-left:40px;padding-top:10px;font-size:15px;} .citem-c{width:100%;min-height:100px;background:#f3f3f3;position:absolute;left:0px;top:0;font-size:13px;border-radius:10px;z-index:81;line-height:32px;box-shadow: 8px 8px 5px #1C3A4C;color:#1C3A4C;} .bitem{width:450px;min-height:50px;float:left;margin:5px 5px 5px 5px;padding-top:10px;position:relative;} .bitem-t{width:50px;height:50px;border-radius:50%;text-align:center;line-height:50px;background:#4C99C7;z-index:82;position:absolute;left:0;top:0;} .bitem h2{text-shadow:2px 2px #1C3A4C;font-weight:600;color:#FFF;font-size:16px;} .bitem-c{width:370px;min-height:50px;background:#f3f3f3;position:absolute;left:50px;top:0;font-size:13px;margin-left:-20px;border-radius:0 10px 10px 0;z-index:81;line-height:35px;box-shadow: 8px 8px 5px #1C3A4C;color:#1C3A4C;} .st{font-size:15px;padding:0 5px;} .st li{line-height:40px;} .block{width:330px;float:left;margin-right:3px;} .contenttop{height:130px;width:100%;} .tab{width:100%;margin-top:-50px; clear: left;} .tab .tab-nav{height:120px;width:1000px;margin:0 auto;} .tab .tab-nav li{float:left;background:#767676;border-radius:3px 3px 0 0;width:180px;height:120px;position:relative;opacity:0.8;border-right:2px solid #666;} .tab .tab-nav li>img {display:none;} .tab .tab-nav li a{display:block;color:#fff;text-decoration:none;line-height:30px;position:absolute;font-weight:600;font-size:14px;width:100%;text-align:center;margin-top:30px;} .tab .tab-nav li.actived{background:#fff;opacity:1;} .tab .tab-nav li.actived a{color:#FFF} .tab .tab-nav li.actived>img{display:block;} .tab .content-wrap{background:rgba(227, 228, 228, 0.78);padding:5px;min-height:350px;position:relative;} .tab .content-wrap .content-item{width:100%;position:absolute;display:none;height:auto;} .tab .content-wrap .current{display:block} .content-wrap-item {width:1000px;margin:0 auto;position:relative;display:table;} .content-wrap-left {width:50%;position:absolute;left:0;top:0;padding:10px;text-indent:24px;line-height:20px;} .content-wrap-right {width:50%;position:absolute;right:0;top:0;padding:5px;text-align:center;} .clear{ clear:both;} .new {line-height:30px;font-size:18px;padding:10px;} .new img{margin:0 20px 10px 5px;} .newblock{float:left;width:600px;margin-left:20px;} .new p{float:right;color:#666;font-size:12px;} .boxer { z-index:80;position:relative;top:500px;} a{ color:#3D3D3D; text-decoration:none;} a:hover{ text-decoration: underline; color:#ff6600;} img{ border:0 none; vertical-align:top;} ul li{list-style:none;} .w_space{float:left; width:5px; height:3px; overflow:hidden;} .warp{ width:998px; margin:0 auto; clear:both; overflow:hidden;} .huandeng {position:fixed;width:100%;} .warp-banner{width:100%; margin:0 auto; clear:both; overflow:hidden;z-index:0;} .warp1{width:1000px; margin:0 auto; clear:both; overflow:hidden;} .warp2{width:100%;background:rgba(227, 228, 228, 0.78); } .warp3{width:100%;background:rgba(227, 228, 228, 0.78);padding:10px 0} .content{width:998px; background:#ffffff; margin:0 auto; clear:both; overflow:hidden;} .error{color:red;} .line200{line-height:200%;} .inp_one{width:200px;height:55px; line-height:55px;display:inline;} .inp_small{width:100px;height:25px; line-height:25px;} #VCode{cursor: pointer;} /*top*/ #top{width:100%;position:fixed;left:0;top:0;z-index:999;background:#11305a;opacity:0.8;background-image:url(../images/shui.png);} .herd{height:100px;overflow:hidden;} .bian {background:url(../images/66.jpg);width:100%;height:10px;position:relative;} .gg_bg{background:rgba(255, 255, 255, 0.78);width:100%;} #top_logo{ height:65px; width:69px; position:relative; z-index:10; top:0; left:50%; background:url(../images/logo2.png) no-repeat;margin-left:-34.5px;} #top_logo a {display:block;} #top_fla{height:159px; width:998px; position:absolute; z-index:20;} #menu{margin:0 auto; width:800px;height:51px; line-height:51px;text-align:center;background-color:#817d7c;} #menu li {width:88px; float:left; position:relative; text-align:center; font-size:17px; font-weight:bold;} #menu li a{color:#FFF;padding-right:2px;display:block;} #menu li.other{width:120px;} #menu li.other a{width:120px;} #menu .sub-menu{position: fixed; display: none; min-width: 88px; background-color: #287ec7; color: #fff;z-index: 999;} #menu .sub-menu a {display: block; min-width:88px;width:auto;font-size:15px;} #menu .sub-menu a:hover {background: #eba023;} #menu li:hover .sub-menu, #menu li.hover .sub-menu {display:block;} #ggao{background:url(../images/gg.gif) no-repeat left center; padding-left:20px; line-height:16px; height:16px; overflow:hidden;} .indexggao{background:url(../images/gg.gif) no-repeat left center; line-height:30px; height:30px;color:#f00000;font-size:18px;font-weight:600;} #ggao b{width:75px; float:left; font-size:14px; color:#FA6B00;} #ggao span{width:880px; float:left; height:16px;} .xyh-about{width:220px; height:190px; overflow:hidden; background:url(../images/about_bg.jpg) no-repeat 0px -6px; padding:50px 25px 17px 13px;} .xyh-about p{line-height:24px; height:26px;} #banner{width:100%; height:475px; overflow:hidden; position:relative;} .flexslider{border:none; background:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none;} .flexslider{ margin-bottom:0px;} .flexslider a:link, .flexslider a:visited{color: #777777;} .flexslider ul.slides li{position:relative;} .flexslider .flex-next,.flexslider .flex-prev {color:#333333;} .flex-control-nav {position: absolute;bottom: 10px; right:10px; text-align: right;} .flex-control-paging li a {width:20px;height:20px; line-height:20px;display: block;cursor: pointer; text-indent: 0px; text-align: center; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px;border-radius: 0px;text-decoration: none; FILTER:alpha(opacity=80);opacity:0.8;border:1px solid #D00000;background-color:#FFFFFF;color:#D00000; } .flex-control-paging li a:hover{background-color:#F00; color: #ffffff;} .flex-control-paging li a.flex-active {background-color:#F00;cursor: pointer; color:#ffffff;} #imgTitle {FILTER: ALPHA(opacity=100); LEFT: 0px; OVERFLOW: hidden; POSITION: relative; TEXT-ALIGN: left} #imgTitle_up {LEFT: 0px; HEIGHT: 1px; TEXT-ALIGN: left} #imgTitle_down {LEFT: 0px; TEXT-ALIGN: right; padding-right:5px;} .imgClass {BORDER-RIGHT: #000 0px solid; BORDER-TOP: #000 0px solid; BORDER-LEFT: #000 0px solid; BORDER-BOTTOM: #000 0px solid} #txtFrom {VERTICAL-ALIGN: middle; TEXT-ALIGN: center} .left{width:244px; overflow:hidden;} .left_bt{background:#1476B5;border-radius:5px 5px 0 0;height:36px; line-height:36px; overflow:hidden; text-align:center; color:#FFF;} .left_bt a{font-size:12px; font-family:""; font-weight:normal; color:#FFF; float:right;} .left_bt a:hover{color:#84ffff;} .xbox{border:1px solid #D9D9D9; padding:5px; border-top:none; line-height:21px;background:#FFF;} .left_box{width:232px; overflow:hidden; line-height:21px;} .left_contactbox{width:232px; overflow:hidden;} .left_contactbox p{ line-height:21px;padding:10px; font-size:14px; overflow:hidden;} #abt img{width:107px; height:75px; float:left; clear:right; margin:4px 8px 0 0;} .sywz{padding:0 5px;} .sywz li{height:27px; line-height:27px; background:url(../images/jt.gif) no-repeat left center; padding-left:12px; overflow:hidden;} .sywz li span{float:right; color:#888;} .pic_art{ padding:5px; height:120px; line-height:20px; overflow:hidden;} .pic_art .pic_art_img{ float:left; padding:5px; width:150px; height:110px;} .pic_art .pic_art_img img{width:150px; height:110px;} .pic_art pic_art_title{ float:right;height:30px; line-height:30px; font-weight:bold; text-align:center;} .pic_art pic_art_content{ float:right;height:30px; line-height:30px; font-weight:bold; text-align:center;} .item{ width:1000px;margin:0 auto;} .right{width:738px; overflow:hidden;} .border h2{text-align:left;color:#000;padding:5px;margin:30px 50px;} .rbox{width:355px; overflow:hidden;} .sw{float:left;margin-right:5px;} .r_bt{overflow:hidden; padding-right:10px;border-bottom:2px solid #1476b5;} .r_bt span{width:150px;height:36px; display:block; padding:0 30px 0 5px; text-align:center; color:#FFF;line-height:36px;font-size:18px; background:#1476b5;border-radius:5px 5px 0 0;} .r_bt p{color:#c5e7fc;text-indent:24px;font-size:12px;line-height:18px; } .r_bt a{font-family:""; font-size:12px; font-weight:normal; float:right;} .r_bt h1{color:#443E3E;font-size:14px;line-height:38px;width:100%;text-align:center;} #zz li{margin:5px; width:118px; padding:5px 0;} #zz li a img{width:118px; height:79px;} #szll{background:url(../images/szbg.gif) repeat-x; height:183px; overflow:hidden;} #szll_r{background:url(../images/szr.gif) no-repeat; width:9px; overflow:hidden; height:183px; float:right;} #szll_l{width:59px; float:left; overflow:hidden;} #demcO{height:147px; overflow:hidden; width:653px; padding:18px 0;} #myBox{float:left; width:800%;} .ZZimg ul li{width:118px; margin-right:13px; float:left; display:inline; } .ZZimg ul li span{display:block; text-align:center; height:12px; line-height:12px; margin-top:4px;} .ZZimg ul li a img{width:110px; height:123px; border:1px solid #ccc; padding:3px; background:#FFF;} #demc{height:142px; overflow:hidden; width:1000px; padding:0;margin:0 auto;} .jdimg ul li{width:162px; text-align:center; margin-right:10px; float:left; display:inline; line-height:21px; font-size: 12px; } .jdimg ul li span{display:block; text-align:center; height:20px; margin-top:3px;} .jdimg ul li a img{width:154px; height:111px; border:1px solid #ccc; padding:3px; background:#FFF;} .picbox{width:1000px;height:80px;overflow:hidden;position:relative} #yqlj{width:100%;position:relative;overflow:hidden;_height:100%;padding-bottom:30px;} #yqlj a{margin:0; white-space:nowrap; word-break:break-all; line-height:25px; color:#666;} .piclist{height:80px;position:absolute;left:0;top:0} .piclist li{margin-right:10px;float:left;text-align:center;padding:5px;} .swaplist{position:absolute;left:-3e3px;top:0} .og_prev,.og_next{width:30px;height:50px;background:url(../images/icon.png) no-repeat;background:url(../images/icon_ie6.png) no-repeat;position:absolute;top:50%;margin-top:-35px;z-index:99;cursor:pointer;filter:alpha(opacity=70);opacity:.7} .og_prev{background-position:0 -60px;left:4px} .og_next{background-position:0 0;right:4px} .footer { background:#1476b5;min-height:300px;padding-top:30px;margin-top:20px;} .footer h1{font-size:16px;line-height:30px;width:auto;} .menulist{width:100%;display:inline;text-align:left;} .footer a {color:#FFF;} .footer-menu ul li {display:inline;line-height:35px;margin-right:20px;font-size:14px;} #bottom{ min-height:110px; padding:15px 0 5px 0; text-align:left; line-height:35px;color:#FFF;border-top:1px solid #FFF;font-size:14px;} #bottom span {float:left;box-sizing:border-box;} #bottom a{margin:0 5px;color:#FFF;} .nybt{height:36px; line-height:36px; overflow:hidden; border-bottom:2px solid #1476B5; padding-right:10px;} .nybt span{width:125px; height:36px; display:block; padding:0 30px 0 5px; text-align:center; color:#FFF;background:#1476B5;border-radius:5px 5px 0 0;} .nybt i{font-style:normal; font-size:12px; font-weight:normal; float:right;} .nybt i a{color:#666;} /*guestbook*/ .guestbook_title{background:#C8EDFB; padding:5px; margin-top:5px; font-size:14px;} .guestbook_msg{border:1px solid #C8EDFB; padding:5px; line-height:160%;font-size:14px;} .guestbook_reply{padding:5px; color:red; border-top:1px dotted #CCCCCC;} .flbt{background:#1476B5;border-radius:5px 5px 0 0; height:37px; line-height:37px; font-size:16px; color:#FFF; text-align:center;} .fllb{width:210px; margin:0 auto;} .fllb li{ height:29px; text-align:center; line-height:29px; font-weight:bold; margin:3px 0;} .fllb li a{width:210px; height:29px; display:block; color:#0562b9;font-size:16px;} .wzli{padding:0 10px;} .wzli li{height:60px;line-height:60px; border-bottom:1px dashed #CACACA; background:url(../images/jt.gif) no-repeat left center; padding-left:14px;margin-bottom:20px;position:relative;} .wzli img{position:absolute;top:0;left:3px;} .wzli li a{font-size:14px;position:absolute;left:100px;top:0;} .wzli li span{position:absolute;top:0;right:3px;color:#999;margin-left:15px;} .wzli .hot a b{color:#FF0000;} .wzli li a i{color:#FF4603; font-weight:normal; font-style:normal;} .ksli{padding:0 10px;} .ksli li{height:60px;line-height:60px; border-bottom:1px dashed #CACACA; background:url(../images/jt.gif) no-repeat left center; padding-left:14px;margin-bottom:20px;position:relative;} .ksli li a{font-size:14px;position:absolute;left:5px;top:0;} .ksli li span{position:absolute;top:0;right:3px;color:#999;margin-left:15px;} .utli{padding:0 10px;} .utli li{line-height:30px; border-bottom:1px dashed #CACACA; background:url(../images/jt.gif) no-repeat left center; padding-left:14px;margin-bottom:20px;position:relative;} .utli li a{font-size:14px;} .utli li span{color:#999;margin-left:15px;} .biaoti{font-size:20px; font-weight:bold; color:#000; line-height:30px; text-align:center;} .pro_h3{padding:5px 10px; font-size:14px;font-weight:bold;border:1px solid #FFE0B4; background:#ffeed5;} .nrxx{background:url(../images/jt.gif) no-repeat left #EFEAE6;border:1px solid #E3DDD7; background-position:5px; padding-left:15px; height:24px; line-height:24px; overflow:hidden;} .xlbt1{font-size:14px; line-height:30px; border-bottom:1px #fff solid; font-weight:bold; background:#B9DDF7; text-align:center; color:#000;} .picli{width:720px;} .picli li{width:162px; text-align:center; margin:5px 10px 10px 4px; float:left; display:inline; line-height:21px; min-height:160px;} .picli li span{display:block; text-align:center; height:20px; margin-top:3px;} .picli li a img{width:154px; height:111px; border:1px solid #ccc; padding:3px; background:#FFF;} /*spec*/ .speli li{width:100%;overflow:hidden;clear:both;padding:12px 0px;border-bottom:1px solid #EEE; color:#aaa;} .speli li a.preview{width:84px;float:left; margin-right:7px; margin-bottom:3px; margin-left:10px;display:inline;} .speli li a.preview img{width:80px;/*height:60px;*/display:block;padding:1px;border:1px solid #EEE;} .speli li a.title{overflow:hidden; line-height:25px;font-weight:bold;font-size:14px;margin-left:2px;} .speli span.info{display:block;line-height:23px;color:#555;padding-left:12px;} .speli span.info small{color:#AAA; font-size:12px; margin-left:3px;} .speli p.intro{color:#777777;line-height:20px; margin-left:5px;padding-left:10px;padding-right:10px;} /**/ .spelia{width:100%} .spelia li{width:166px; margin:5px 10px 10px 4px; padding:5px; float:left; display:inline; line-height:21px; border:1px dashed #ccc; } .spelia li a{ display:block; font-size:14px;} .spelia li a:hover{text-decoration:none; background-color:#FEFBC5;} .spelia li .title{ display:block;text-align:center; padding:0px 0px 5px 0px; border-bottom:1px dashed #ccc;} li.b1{background:#9afb90;} li.b2{background:#ffdeb6;} li.b3{background:#fff38f;} li.b4{background:#d9ff8f;} li.b5{background:#ffffff;} .team{width:710px;} .team li{width:160px; background:#b0ddff; float:left; margin:5px 40px 18px 33px; display:inline; height:230px; overflow:hidden} .team li img{width:160px; height:180px; border:none;} .team li span{line-height:27px; color:#000; background:url(../images/jt2.gif) no-repeat; background-position:7px 9px; display:block; padding-left:17px; margin-top:3px;} .team li span b{ font-size:14px;} .team li i{line-height:18px; text-align:right; padding-right:8px; font-style:normal; display:block;} .team li i a{color:#0562b9;} .scott{height:30px; overflow:hidden; text-align:center; padding-top:9px; line-height:21px; } .scott A{BORDER:#58affe 1px solid; PADDING:2px 5px; MARGIN-RIGHT: 5px; TEXT-DECORATION: none; background:#fff;} .scott A:hover{border:1px solid #58affe; text-decoration:none; BACKGROUND-COLOR:#237ac7; color:#FFF;} .scott A:active{border:1px solid #58affe; text-decoration:none; BACKGROUND-COLOR:#237ac7;} .scott SPAN.current{BORDER: #237ac7 1px solid; PADDING:1px 5px; FONT-WEIGHT: bold; COLOR: #fff; MARGIN-RIGHT: 2px; BACKGROUND-COLOR: #237ac7;MARGIN-RIGHT: 5px;} .scott SPAN.disabled{BORDER:#237ac7 1px solid; PADDING:2px 5px; COLOR:#237ac7; MARGIN-RIGHT: 5px; background:#d8f1ff;} .fenye1{text-align: center; clear:both; font-size:12px; line-height:28px; height:56px; padding:0 5px; margin-top:5px;} .wzzw{padding:10px; line-height:21px;} .f_l{float:left;} .f_r{float:right;margin-right:10px;} .m_l{ margin-left:10px;} .pt{padding-top:10px;} .mt{margin-top:10px;} .mb{margin-bottom:10px;} .red{color:#ff6600;} .blue{color:#0037FF;} .lh{font-size:14px; line-height:28px;} /**************from琛ㄥ崟**********************/ .liuyanform{margin-top:0;} .form{ padding:10px;} .listtop,.listbottom{ margin-left: 10px; } .listtop{margin-top: 10px;border:1px solid #CCCCCC;border-bottom: none;padding-left: 10px; padding-bottom: 15px;width: 710px;background: #F5F5F5;} .con_edit{margin: 10px;} .form_top{padding-left: 10px; padding-bottom: 15px;} .form dl {overflow: hidden;zoom: 1;padding-top: 15px;} .form dt {float: left;width: 11%;font-size: 14px;padding: 3px 0 0 0;color: #666;} .form dd {float: left;line-height: 22px;} .form dd select, .form dd input {vertical-align: middle;} .form dd .logo{border: 1px solid #D4D4D4;} .form dd .wxqrcode{width: 80px;height: 80px;border: 1px solid #D4D4D4;} .form dd p {clear: both;color: #A0A0A0;padding: 4px 0 0 0;line-height: 16px;} .form_b {text-align: left;padding: 20px 0 45px 145px;} .form .btn7 {margin-left: 10px;} /**/ .personInfo{padding:5px; font-size:14px;} .personInfo li{line-height:160%;} .h3{padding:5px; background:#C5E3FA; font-size:14px; font-weight:bold;} .disable{color:#a7a7a7;} .btn_blue, .btn_orange, .btn_green{background:#0d9ae4; height:26px;line-height:1.8em; padding:0px 15px; margin:2px; border:0px;/*border-radius: 5px;*/ color:#fff;font-size:14px; cursor: pointer; } .btn_blue:hover {background-color: #0084c9;} .btn_orange {background-color: #e4570d;} .btn_orange:hover {background-color: #c13b00;} .btn_green {background-color: #04be00;} .btn_green:hover {background-color: #079b04;} /**/ .searchFormDiv{ padding:10px;} .searchFormDiv li{padding-top:10px;} .searchFormDiv input{width:100%; height:30px; line-height:30px;vertical-align:middle;} .searchFormDiv select{width:100%; height:30px; line-height:20px; padding:5px 0px;vertical-align:middle;} .search_title{padding:5px; margin-bottom:5px; color:#666; font-size:14px; border-bottom:1px solid #ccc;} /*璇勮*/ .avatar {width: 44px;height: 44px;line-height: 44px; display: block;position: absolute;top: 3px;left: 0;padding: 1px; text-align: center;overflow: hidden;border: 1px solid #D4D4D4; } .avatar img {width: 44px;} /* 璇勮(鍏叡) */ .comment-box {padding: 10px 0 20px; font-size: 16px;} .comment-box .comment-item {position: relative; margin-bottom: 10px;padding-left: 53px; min-height: 53px;line-height: 1.6; color: #323232; border-bottom: 1px solid #D4D4D4;} .comment-box form.comment-item {border-bottom: 0;} .comment-box .comment-item:last-child { border-bottom: 0;} .comment-box .comment-item .comment-bd, .comment-box .comment-item .comment-ft {margin-bottom: 10px;word-wrap: break-word; font-size: 16px;} .comment-box .comment-item .comment-hd {word-wrap: break-word;} .comment-box .avatar {top: 0;} .comment-box .username {margin-right: 10px;} .comment-box .cmt-txt a {color: #72B939;} .comment-box .commment-time {color: #999;} /* 璇勮鍙戝竷琛ㄥ崟 */ .comment-textarea {padding: 5px;border: 1px solid #72B939;} .comment-textarea textarea {width: 100%;height: 35px;overflow: hidden;border: 0;} .comment-vcode {padding: 5px 0px;} /* 璇︽儏椤?璇勮 */ .comment-box .username {color: #04489D; font-size: 14px;} .comment-box .commment-time {color: #888888;font-size: 14px;} .comment-box .reply-btn {float: right;color: #72B939;} .comment-box .reply-btn i {display: inline-block;margin-left: 3px;width: 0; height: 0; vertical-align: middle; border: 5px solid #FFF; border-top-color: #72B939;border-bottom-width: 0;} .comment-box .cmt-txt {line-height: 1.6;} .comment-box .reply-item {padding-top: 10px;border-top: 1px dotted #D4D4D4; border-bottom-style: none;} .comment-box .reply-item .avatar {top: 10px;} .comment-box .more-comment {margin-bottom: 10px;} .comment-box a {color: #72B939;} .tag-item,a.tag-item {padding: 2px 5px; margin:5px; display: inline-block; border:1px solid #cccccc; border-radius: 5px;} #slider-wrap{width:600px;height:400px;position:relative;overflow:hidden} #slider-wrap ul#slider{width:100%;height:100%;position:absolute;top:0;left:0} #slider-wrap ul#slider li{float:left;position:relative;width:600px;height:400px} #slider-wrap ul#slider li>div{position:absolute;top:20px;left:35px;right: 35px;} #slider-wrap ul#slider li>div h3{font-size:20px;text-transform:uppercase;background: rgba(0, 0, 0, 0.2); padding: 5px 10px; overflow: hidden; height: 26px;} #slider-wrap ul#slider li>div h3 a{color:#FFF;} #slider-wrap ul#slider li>div span{font-family:Neucha,Arial,sans serif;font-size:21px} #slider-wrap ul#slider li i{text-align:center;line-height:400px; display:block;width:100%;font-size:90px; height: 400px; overflow: hidden;} #slider-wrap ul#slider li i>img {width: 600px; height: auto;} .btns{position:absolute;width:50px;height:60px;top:50%;margin-top:-25px;line-height:57px;text-align:center;cursor:pointer;z-index:100;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;-ms-transition:all .1s ease;transition:all .1s ease} .btns:hover{background:rgba(0,0,0,.3)}#next{right:-50px;border-radius:7px 0 0 7px} #previous{left:-50px;border-radius:0 7px 7px 7px} #counter{top:30px;right:35px;width:auto;position:absolute} #slider-wrap.active #next{right:0} #slider-wrap.active #previous{left:0} #pagination-wrap{min-width:20px;margin-top:350px;margin-left:auto;margin-right:auto;height:15px;position:relative;text-align:center} #pagination-wrap ul{width:100%} #pagination-wrap ul li{margin:0 4px;display:inline-block;width:5px;height:5px;border-radius:50%;background:#fff;opacity:.5;position:relative;top:0} #pagination-wrap ul li.active{width:12px;height:12px;top:3px;opacity:1;box-shadow:rgba(0,0,0,.1) 1px 1px 0}{text-shadow:none;text-align:center} h1{color:#666;text-transform:uppercase;font-size:16px} h2{color:#7f8c8d;font-family:Neucha,Arial,sans serif;font-size:18px;margin-bottom:30px} #slider-wrap ul,#pagination-wrap ul li{-webkit-transition:all .3s cubic-bezier(1,.01,.32,1);-moz-transition:all .3s cubic-bezier(1,.01,.32,1);-o-transition:all .3s cubic-bezier(1,.01,.32,1);-ms-transition:all .3s cubic-bezier(1,.01,.32,1);transition:all .3s cubic-bezier(1,.01,.32,1)} .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .fa-arrow-right:before{content:"\f061"} .fa-arrow-left:before{content:"\f060"} .lest{ width: 1200px; height: 714px; position: relative; background: #fff; } .lestbox { width:1000px; overflow:hidden; margin:0 auto; } .lest span { position:absolute; margin:20px 0 0 20px; font-size:18px; color:#FFF; background:rgba(171, 171, 171, 0.78); padding:4px; } .lest span a { color:#1C3A4C; font-weight:600; } .lest span h3{ font-size:13px; } .box1,.box2,.box3,.box4,.box5,.box7,.box6,.box8,.box9{ width: 390px; height: 228px; float: left; margin: 0 15px 15px 0; overflow: hidden; position: absolute; } .box1{ top: 0; left: 0; } .box2{ top: 0; left: 405px; } .box3{ top: 0; left: 810px; } .box4{ top: 243px; left: 0; } .box5{ top: 243px; left: 405px; } .box6{ top: 243px; left: 810px; } .box7{ top: 486px; left: 0; } .box8{ top: 486px; left: 405px; } .box9{ top: 486px; left: 810px; } /*涔濆鏍糲ss*/ /* The magic */ .col { overflow: hidden; position: relative; } .col a{ color:#FFF; } .slide { position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* Visibility delay gives the previously hovered element time to slide out before disappearing. Remove the `visibility` transition to slide in current element without sliding out previous element */ -webkit-transition: all 0.275s ease-in-out, visibility 0s 0.275s; transition: all 0.275s ease-in-out, visibility 0s 0.275s; visibility: hidden; will-change: transform; -webkit-transform: translateY(100%); transform: translateY(100%); } .row:hover ~ .row .slide { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .row:hover .slide { -webkit-transform: translateX(100%); transform: translateX(100%); } .row:hover .col:hover ~ .col .slide { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .row:hover .col:hover .slide { -webkit-transform: none; transform: none; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; } /* Pen styling */ .container { margin: 0 auto; padding: 1rem; max-width: 1000px; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; } .col { color: #fff; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 260px; position: relative; } .col h2 { font-weight: 600; font-size: 15px; line-height: 1.25; margin: 0; position: absolute; bottom: 0; right: 0; z-index: 0; background:#1C3A4C; color:#FFF; padding:5px; } .col:nth-child(2) { min-width: 25%; } .col:nth-child(4) { min-width: 25%; } .col:nth-child(3) + .col:nth-child(3) { min-width: 50%; } .photo-container { background: #043E54 100% 100% / cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: 1s; transition: 1s; -webkit-transform-origin: bottom right; transform-origin: bottom right; } .photo-container::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .col:hover .photo-container { -webkit-transform: scale(1.25); transform: scale(1.25); } .slide { background: rgba(3, 47, 93, 0.8); padding: 0 1.5rem; } .slide p{ text-indent:20px; line-height:40px; }