/* Css Reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; } ol,ul,li { list-style: none; } div,dl,dt,dd,ol,ul,li{ zoom:1; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; font-family:"Microsoft YaHei"; } q:before,q:after { content:''; } abbr,acronym { border: 0; } li{list-style:none;} /* Public */ html{ width:100%; } body{ width:100%; color:#333;font:12px/20px SimSun,Tahoma,Helvetica,Arial,sans-serif; -webkit-text-size-adjust: none;} li{list-style:none;} a{color:#555;text-decoration:none; outline:none;} a:hover { color: #f30; text-decoration: underline; text-align: left; } a:hover img{ filter: alpha(opacity=80); opacity: 0.8;} .fl{ float:left !important; } .fr{ float:right !important; } .mab{ margin-bottom:10px; } .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clear{content:".";display:block;height:0;clear:both;visibility:hidden;} .sitewith{ width:1100px; margin:0 auto; overflow:hidden;} .gltour_loading img{background:url("/images/loading.gif") no-repeat center;} .gltour_loading ul img{background:url("/images/loading.gif") no-repeat center;} .gltour_loading ul li img{background:url("/images/loading.gif") no-repeat center;} .gltour_loading ul li span img{background:url("/images/loading.gif") no-repeat center;} /* 头部 */ .toplogo1{z-index:1; width:1360px; height:152px; margin:0 auto; position:relative;} .toplogo{z-index:2; width:1360px; margin:0 auto; position: relative;} .topbanner{ width:1100px; height:80px; margin:0 auto; padding-top:20px;position:relative; z-index:8;} .topbanner .topleft{ width:331px; float:left;} .topbanner .topright{ width:700px; float:right;} .topbanner .topright .toprightsearch{ width:455px; float:left; padding-top:12px;} .topbanner .topright .toprightsearch .search{ width:140px; height:40px; line-height:40px; float:left;padding-top:5px;} .topbanner .topright .toprightsearch .search .searchinput{ width:142px; height:40px; float:left; background:url("/images/sitebs1.png") no-repeat center; line-height:40px; padding-left:18px;color:#d6e7f2;} /*.siteselect .tsite .searchinput{ width:142px; height:40px; float:left; background:url("/images/sitebs1.png") no-repeat center; line-height:40px; padding-left:18px;color:#d6e7f2;}*/ /*.siteselect .tsite .searchinput:hover{ width:142px; height:40px; float:left; background:url("/images/sitebs.png") no-repeat center; line-height:40px; padding-left:18px;}*/ .topbanner .topright .toprightsearch .search .searchinput:hover{ width:142px; height:40px; float:left; background:url("/images/sitebs.png") no-repeat center; line-height:40px; padding-left:18px;} /*.siteselect .tsite .button{height:40px;background:url("/images/sitesearchbt1.png") no-repeat left; width:39px; cursor:pointer;} .siteselect .tsite .button:hover{height:40px;background:url("/images/sitesearchbt.png") no-repeat left; width:39px; cursor:pointer;}*/ .topbanner .topright .toprightsearch .search .button{height:40px;background:url("/images/sitesearchbt1.png") no-repeat left; width:39px; cursor:pointer;} .topbanner .topright .toprightsearch .search .button:hover{height:40px;background:url("/images/sitesearchbt.png") no-repeat left; width:39px; cursor:pointer;} .topbanner .topright .toprightsearch .siteselect{ width:120px; float:right;} .topbanner .topright .toprightsearch .siteselect .tsite{ width:190px; float:left;} .topbanner .topright .toprightsearch .siteselect .tsite li{ width:130px; height:40px; cursor:pointer;list-style:none;padding-top:5px}/*background:url("/images/zxw.png") no-repeat center;*/ /*.topbanner .topright .toprightsearch .siteselect .tsite li:hover{ width:142px; height:40px; background:url("/images/sitesite.png") no-repeat center;}*/ .topbanner .topright .toprightsearch .siteselect .wxbk{ width:110px; float:right;} .topbanner .topright .toprightsearch .siteselect .wxbk .weixin{ width:50px; float:left;} .topbanner .topright .toprightsearch .siteselect .wxbk .blog{ width:60px; float:right;} .topbanner .topright .toprighttel{ width:240px; float:right; margin-top:-10px;} /*导航*/ .navBar{ width:100%; text-align:center; position: relative;z-index:999; background:#0160bb; color:#fff; height:50px; line-height:50px; font:normal 14px/40px "Microsoft YaHei"; _font-weight:bold;filter:alpha(opacity=90);opacity:0.9; } .nav{ width:1100px; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei; } .nav .am1{ float:left; position:relative; height:50px;line-height:50px;background:url("/images/navico1.png") left center no-repeat; } .nav .am2{ float:left; position:relative; height:50px;line-height:50px;background:url("/images/navico2.png") left center no-repeat; } .nav .am3{ float:left; position:relative; height:50px;line-height:50px;background:url("/images/navico3.png") left center no-repeat; } .nav .am4{ float:left; position:relative; height:50px;line-height:50px;background:url("/images/navico4.png") left center no-repeat; } .nav .am5{ float:left; position:relative; height:50px;line-height:50px;background:url("/images/navico5.png") left center no-repeat; } .nav .am6{ float:left; position:relative; height:50px;line-height:50px;background:url("/images/navico6.png") left center no-repeat; } .nav .am7{ float:left; position:relative; height:50px;line-height:50px;background:url("/images/navico7.png") left center no-repeat; } .nav .am8{ float:left; position:relative; height:50px;line-height:50px;background:url("/images/navico8.png") left center no-repeat; } .nav .am9{ float:left; position:relative; height:50px;line-height:50px;background:url("/images/navico9.png") left center no-repeat; } .nav .am10{ float:left; position:relative; height:50px;line-height:50px;background:url("/images/navico10.png") left center no-repeat; } .nav .am{ float:left; position:relative; height:50px;line-height:50px;background:url("/images/navico1.png") left center no-repeat; } .nav a:hover{ text-decoration:none; color:#ff0; } .nav h3{ float:left; font-size:100%;font:normal 16px/50px "Microsoft YaHei"; _font-weight:bold; height:50px; overflow:hidden; padding-left:5px;} .nav h3 a{ display:block; color:#fff; padding-left:25px; padding-right:19px;} /*.nav .on{ }*/ .nav .current h3 a{color:#ff0;} .nav .on h3 a{border-color:#1f7caf !important;height:50px; line-height:50px;}/* color:#ff0;*/ .nav .sub{ display:none; /*默认隐藏*/ width:120px; position:absolute; left:-1px; top:50px; background:#fafafa; color:#666; border:#0160bb solid 1px; border-top:none; padding-left:5px; padding-right:5px;-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); } .nav .sub li{ vertical-align:middle; border-bottom:#ddd solid 1px;} .nav .sub li a{line-height:20px; padding:4px 0; display:block; color:#333;padding-left:10px;font-size:100%;font:normal 14px/26px "Microsoft YaHei"; _font-weight:bold; height:26px;} .nav .sub li a:hover{ color:#ff0; background:#0160bb; } /* 大背景切换*/ .fullSlidebig{ position:absolute; left:0; top:0; width:100%; margin:0 auto; min-width:1100px;} /* 毛玻璃效果 */ /*.fullSlidebigs:hover{ filter: url("/css/blur.svg");-webkit-filter: blur(10px); -moz-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); } */ .fullSlide{ position:absolute; left:0; top:0; width:100%; height:665px; min-width:1100px;overflow:hidden; } .fullSlide ul{ height:665px !important; width:100% !important;} .fullSlide li{ height:665px !important; width:100% !important;} .fullSlide .prev, .fullSlide .next{ position:absolute; z-index:1; display:block; width:30px; height:50px; top:50%; margin-top:-100px; left:20px;background:url("/images/icons.png") 0 0 no-repeat; cursor:pointer; filter:alpha(opacity=20);opacity:0.2;} .fullSlide .next{ left:auto; right:30px; background-position:-51px 0; } .fullSlide .prev:hover, .fullSlide .next:hover{ filter:alpha(opacity=100);opacity:1;} /*白色渐变*/ .fullSlidesmall{ position:absolute; left:0; top:0; width:100%; height:220px; margin-top:450px;min-width:1100px; background:#000; z-index:1; background:url("/images/topbannerbaise.png") bottom repeat-x;} /*上边滚动通知*/ .noticetop{ width:1100px; margin:0 auto; margin-top:380px; line-height:30px; height:30px;position:relative; z-index:3;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgba(255, 255, 255, 0.6)!important; filter:Alpha(opacity=60); background:#fff; /* 使用IE专属滤镜实现IE背景透明*/} .noticetop p{ float:left; padding-left:8px; padding-right:8px; color:#666; font-size:14px;position:relative;}/*实现IE文字不透明*/ .noticetop p a{ color:#900; font-weight:bold;} /*第一部分*/ .mainpage1{ width:1090px;height:350px; margin:0 auto; margin-top:8px; padding:5px;position:relative; z-index:3;background:#fff;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .mainpage1left{ width:540px; float:left; } .mainpage1right{ width:540px; float:right;} /* 焦点图 */ .focusBox { float:left; position: relative; width: 540px; height: 340px; margin-bottom:10px; overflow: hidden; font-family:Arial; text-align: left; background:#fff; border:1px solid #bedced; } .focusBox .pic img { width: 540px; height: 340px; display: block; } .focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; background: #333; filter: alpha(opacity=50); opacity: 0.5; overflow: hidden; } .focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; } .focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;} .focusBox .txt li a{ display: block; color:#ffffff; padding: 0 0 0 10px; font-size:16px; font-weight: bold; text-decoration: none; } .focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; } .focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; } .focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white;text-align:center;width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; } .focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; text-align:center; } .focusBox .num li.on a,.focusBox .num a:hover{ background:#f60; text-align:center;} /* Tab切换1 */ .slideTxtBox1{ float:right; width:530px; height:340px; overflow:hidden;background:#fff; text-align:left; border:1px solid #bedced;} .hd{font-size:16px;font-family:"Microsoft YaHei";} .slideTxtBox1 .hd{ height:40px; line-height:40px;border-bottom:2px solid #0066cc; background:#f7f7f7;} .slideTxtBox1 .hd ul{ overflow:hidden; zoom:1; } .slideTxtBox1 .hd ul li{ float:left;} .slideTxtBox1 .hd ul li a{ display:block; padding:0 15px; } .slideTxtBox1 .hd ul li a:hover{ text-decoration:none; color:#666;} .slideTxtBox1 .hd ul li.on a{ background:#0160bb; color:#fff; } .slideTxtBox1 .bd{ padding:10px; } .slideTxtBox1 .bd li{ height:32px; line-height:32px; font-size:14px; } .slideTxtBox1 .bd li img{ padding-right:5px;} .slideTxtBox1 .bd li .date{ float:right; color:#999; } .slideTxtBox1 .bd li h3{ height:35px; line-height:32px; font-size:14px; color:#900; font-size:14px; } .slideTxtBox1 .bd li h3 img{ padding-right:5px;} .slideTxtBox1 .bd li h3 a{color:#900; font-size:16px;} .slideTxtBox1 .bd li p{ line-height:25px; font-size:12px;text-indent:2em; } /*第二部分*/ .mainpage2{ width:1090px;height:330px; margin:0 auto; margin-top:8px;position: relative; } .mainpage2left{ width:810px;height:330px; float:left;} .mainpage2left .left2{ width:300px;height:330px; float:left; } .mainpage2left .left2 .left2a{ width:300px;height:77px; float:left; margin-bottom:10px; border:#bedced 1px solid; border-top:#0066cc 2px solid; padding-top:10px;} .mainpage2left .left2 .left2a a{ width:140px; height:32px; line-height:32px; padding-left:20px; color:#0066cc; font-size:16px; font-weight:bold; background:url("/images/gkico.png") left center no-repeat; margin:25px;} .mainpage2left .left2 .left2b{ width:300px;height:220px; float:left; border:#bedced 1px solid; overflow:hidden;} .mainpage2left .left2 .left2b h3{ width:275px;height:40px; line-height:40px; background:#0066cc; color:#FFF; font-size:16px; padding-left:25px; margin-bottom:8px;} .mainpage2left .left2 .left2b h3 span a{ float:right; color:#FFF; font-size:12px; line-height:40px; font-family:SinSum;font-weight:normal; padding-right:10px;} .mainpage2left .left2 .left2b li{display:block;height:32px; line-height:32px; font-size:14px; margin-left:8px; margin-right:8px; list-style:none;} .mainpage2left .left2 .left2b li img{ padding-right:5px;} .mainpage2left .left2 .left2b li .date{ float:right; color:#999; } .mainpage2left .right2{ width:500px;height:330px; float:right;} /* Tab切换2*/ .mainpage2left .right2 .slideTxtBox2{ float:right; width:490px; height:320px; overflow:hidden;background:#fff; text-align:left; border:1px solid #bedced;} .mainpage2left .right2 .slideTxtBox2 .hd{ height:40px; line-height:40px;border-bottom:2px solid #0066cc; background:#f7f7f7;} .mainpage2left .right2 .slideTxtBox2 .hd ul{ overflow:hidden; zoom:1; } .mainpage2left .right2 .slideTxtBox2 .hd ul li{ float:left;} .mainpage2left .right2 .slideTxtBox2 .hd ul li a{ display:block; padding:0 15px; } .mainpage2left .right2 .slideTxtBox2 .hd ul li a:hover{ text-decoration:none; color:#666;} .mainpage2left .right2 .slideTxtBox2 .hd ul li.on a{ background:#0160bb; color:#fff; } .mainpage2left .right2 .slideTxtBox2 .bd{ padding:10px; } .mainpage2left .right2 .slideTxtBox2 .bd li{ height:32px; line-height:32px; font-size:14px; } .mainpage2left .right2 .slideTxtBox2 .bd li img{ padding-right:5px;} .mainpage2left .right2 .slideTxtBox2 .bd li .date{ float:right; color:#999; } .mainpage2right{ width:273px;height:320px; float:right;} .mainpage2right .right1a { float: right; width: 262px; height: 77px; overflow: hidden; background: #06C none repeat scroll 0% 0%; text-align: left; border-width: 2px 1px 1px; border-style: solid; border-color: #06C #BEDCED #BEDCED; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; margin-bottom: 8px; } /* Tab切换3 */ .mainpage2right .slideTxtBox3{ float:right; width:262px; height:230px; overflow:hidden;background:#fff; text-align:left; border:1px solid #bedced;} .mainpage2right .slideTxtBox3 .hd{ height:40px; line-height:40px;border-bottom:2px solid #0066cc; background:#f7f7f7;} .mainpage2right .slideTxtBox3 .hd ul{ overflow:hidden; zoom:1; } .mainpage2right .slideTxtBox3 .hd ul li{ float:left;} .mainpage2right .slideTxtBox3 .hd ul li a{ display:block; padding:0 15px; } .mainpage2right .slideTxtBox3 .hd ul li a:hover{ text-decoration:none; color:#666;} .mainpage2right .slideTxtBox3 .hd ul li.on a{ background:#0160bb; color:#fff; } .mainpage2right .slideTxtBox3 .bd{ padding:10px; } .mainpage2right .slideTxtBox3 .bd li{ height:32px; line-height:32px; font-size:14px; } .mainpage2right .slideTxtBox3 .bd li img{ padding-right:5px;} .mainpage2right .slideTxtBox3 .bd li .date{ float:right; color:#999; } .mainpage2right .slideTxtBox3 .bd li .zwgk{ height:30px; line-height:30px; font-size:14px; } /*第三部分*/ .mainpage3{ width:1090px;height:330px; margin:0 auto; margin-top:8px;position: relative; } .mainpage3left{ width:810px;height:330px; float:left;} .mainpage3left .left3{ width:300px;height:330px; float:left; } .mainpage3left .left3 .left3b{ width:300px;height:240px; float:left; border:#bedced 1px solid;} .mainpage3left .left3 .left3b h3{ width:275px;height:40px; line-height:40px; background:#0066cc; color:#FFF; font-size:16px; padding-left:25px; margin-bottom:20px;} .mainpage3left .left3 .left3b li {display:block;} .mainpage3left .left3 .left3b li a {display:block;background:#edf8ff; line-height:35px; font-size:16px; font-weight:bold; width:210px; padding-left:40px; border:1px solid #bedced; margin-top:13px; margin-left:23px; margin-right:8px; list-style:none; color:#006ebb; font-family:"Microsoft YaHei", "SimHei";} .mainpage3left .left3 .left3b li a:hover {color:#fff; text-decoration:none;transition:all ease 0.4s; background:#09F;} .mainpage3left .left3 .left3b li span{ float:left; margin-left:30px; margin-top:4px;} .mainpage3left .right3{ width:500px;height:330px; float:right;} /* Tab切换4*/ .mainpage3left .right3 .outBox{ float:right; width:490px; height:320px; overflow:hidden;background:#fff; text-align:left; border:1px solid #bedced;} .mainpage3left .right3 .outBox .hd{ height:40px; line-height:40px;border-bottom:2px solid #0066cc; background:#f7f7f7;} .mainpage3left .right3 .outBox .hd ul{ overflow:hidden; zoom:1; } .mainpage3left .right3 .outBox .hd ul li{ float:left;cursor:pointer; } .mainpage3left .right3 .outBox .hd ul li a{ display:block; padding:0 15px; } .mainpage3left .right3 .outBox .hd ul li a:hover{ text-decoration:none; color:#666;} .mainpage3left .right3 .outBox .hd ul li.on a{ background:#0160bb; color:#fff; } .mainpage3left .right3 .inBox{ padding:15px 0 0 0; } .mainpage3left .right3 .inBox .inHd{ height:24px; line-height:24px; border-bottom:1px solid #ccc; margin:0 10px; } .mainpage3left .right3 .inBox .inHd ul{ overflow:hidden; zoom:1; } .mainpage3left .right3 .inBox .inHd ul li{ height:24px; width:60px; text-align:center; float:left; cursor:pointer; } .mainpage3left .right3 .inBox .inHd ul li.on{ background:#ccc; color:#fff; } .mainpage3left .right3 .inBox .inBd ul{ padding:10px; zoom:1; overflow:hidden; } .mainpage3left .right3 .inBox .inBd li{ height:32px; line-height:32px; font-size:14px; } .mainpage3left .right3 .inBox .inBd li img{ padding-right:5px;} .mainpage3left .right3 .inBox .inBd li .date{ float:right; color:#999; } .mainpage2right{ width:273px;height:320px; float:right;} /* Tab切换5 */ .mainpage2right .slideTxtBox5{ float:right; width:262px; height:320px; overflow:hidden;background:#fff; text-align:left; border:1px solid #bedced;} .mainpage2right .slideTxtBox5 .hd{ height:40px; line-height:40px;border-bottom:2px solid #0066cc; background:#f7f7f7;} .mainpage2right .slideTxtBox5 .hd ul{ overflow:hidden; zoom:1; } .mainpage2right .slideTxtBox5 .hd ul li{ float:left;} .mainpage2right .slideTxtBox5 .hd ul li a{ display:block; padding:0 11px 0 12px; } .mainpage2right .slideTxtBox5 .hd ul li a:hover{ text-decoration:none; color:#666;} .mainpage2right .slideTxtBox5 .hd ul li.on a{ background:#0160bb; color:#fff; } .mainpage2right .slideTxtBox5 .bd{ padding:10px; } .mainpage2right .slideTxtBox5 .bd li{ height:32px; line-height:32px; font-size:14px; } .mainpage2right .slideTxtBox5 .bd li img{ padding-right:5px;} .mainpage2right .slideTxtBox5 .bd li .date{ float:right; color:#999; } .mainpage2right .slideTxtBox5 .bd li .zwgk{ height:30px; line-height:30px; font-size:14px; } .picScroll-top{width:240px; height:260px; text-align:center; overflow:hidden; } .fcbd{width:250px; height:225px; text-align:center; } .fcbd ul { margin:0 auto; height:225px;zoom:1;} .fcbd ul li { list-style:none;} .fcbd ul li a { width:86px; height:120px; float:left; padding:5px 15px; text-align:center;line-height:12px; font-size:12px;} .fcbd ul li a img{ width:78px; height:94px;border:#DDD 1px solid; padding:5px;} /*第四部分*/ .mainpage4{ width:1090px;height:330px; margin:0 auto; margin-top:8px;position: relative; } .mainpage4left{ width:810px;height:330px; float:left;} .mainpage4left .left4{ width:300px;height:330px; float:left; } .mainpage4left .left4 .left4a{ width:300px;height:75px; float:left; border:#bedced 1px solid; border-top:#0066cc 2px solid; padding-top:10px;} .mainpage4left .left4 .left4a a{ width:140px; height:32px; line-height:32px; padding-left:20px; font-size:14px; margin:25px;} .mainpage4left .left4 .left4b{ width:300px;height:220px; float:left; margin-bottom:12px; border:#bedced 1px solid; overflow:hidden;} .mainpage4left .left4 .left4b h3{ width:275px;height:40px; line-height:40px; background:#0066cc; color:#FFF; font-size:16px; padding-left:25px; margin-bottom:5px;} .mainpage4left .left4 .left4b h3 span a{ float:right; color:#FFF; font-size:12px; line-height:40px; font-family:SinSum;font-weight:normal; padding-right:10px;} .mainpage4left .left4 .left4b li{ margin-left:8px; margin-right:8px; list-style:none;} .mainpage4left .right4{ width:500px;height:330px; float:right;} /* Tab切换2*/ .mainpage4left .right4 .slideTxtBox6{ float:right; width:490px; height:320px; overflow:hidden;background:#fff; text-align:left; border:1px solid #bedced;} .mainpage4left .right4 .slideTxtBox6 .hd{ height:40px; line-height:40px;border-bottom:2px solid #0066cc; background:#f7f7f7;} .mainpage4left .right4 .slideTxtBox6 .hd ul{ overflow:hidden; zoom:1; } .mainpage4left .right4 .slideTxtBox6 .hd ul li{ float:left;} .mainpage4left .right4 .slideTxtBox6 .hd ul li a{ display:block; padding:0 15px; } .mainpage4left .right4 .slideTxtBox6 .hd ul li a:hover{ text-decoration:none; color:#666;} .mainpage4left .right4 .slideTxtBox6 .hd ul li.on a{ background:#0160bb; color:#fff; } .mainpage4left .right4 .slideTxtBox6 .bd{ padding:10px; } .mainpage4left .right4 .slideTxtBox6 .bd li{ height:32px; line-height:32px; font-size:14px; } .mainpage4left .right4 .slideTxtBox6 .bd li img{ padding-right:5px;} .mainpage4left .right4 .slideTxtBox6 .bd li .date{ float:right; color:#999; } .mainpage4right{ width:273px;height:320px; float:right;} /* Tab切换3 */ .mainpage4right .slideTxtBox7{ float:right; width:262px; height:222px; overflow:hidden;background:#fff; text-align:left; border:1px solid #bedced;} .mainpage4right .slideTxtBox7 .hd{ height:40px; line-height:40px;border-bottom:2px solid #0066cc; background:#f7f7f7;} .mainpage4right .slideTxtBox7 .hd ul{ overflow:hidden; zoom:1; } .mainpage4right .slideTxtBox7 .hd ul li{ float:left;} .mainpage4right .slideTxtBox7 .hd ul li a{ display:block; padding:0 15px; } .mainpage4right .slideTxtBox7 .hd ul li a:hover{ text-decoration:none; color:#666;} .mainpage4right .slideTxtBox7 .hd ul li.on a{ background:#0160bb; color:#fff; } .mainpage4right .slideTxtBox7 .bd{ padding:10px; } .mainpage4right .slideTxtBox7 .bd li{ height:32px; line-height:32px; font-size:14px; padding-left:33px;} .mainpage4right .slideTxtBox7 .bd li .zwgk{ height:30px; line-height:30px; font-size:14px; } /*第五部分*/ .mainpage5{ width:1090px;height:180px; margin:0 auto; margin-top:8px;position: relative; } /* 专题滚动 */ .slideGroup{ width:1090px; border:1px solid #bedced;text-align:left; } .slideGroup .parHd{ height:40px; line-height:40px; background:#f7f7f7; border-bottom:1px solid #ddd; position:relative; font-size:16px; font-family:"Microsoft YaHei";} .slideGroup .parHd ul{ float:left; position:absolute; left:10px; top:-1px; height:32px; } .slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer; } .slideGroup .parHd ul li.on{ height:40px; background:#0160bb; border:1px solid #ddd; border-bottom:2px solid #fff; color:#fff; } .slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative; font-weight:bold; } .slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:10px; display:block; width:30px; height:94px; background:url("/images/arrowleft.png") center center no-repeat; } .slideGroup .sNext{ left:auto; right:5px; background:url("/images/arrowright.png") center center no-repeat ; } .slideGroup .sPrev:hover,.slideGroup .sNext:hover{} .slideGroup .parBd ul{ overflow:hidden; zoom:1; } .slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; } .slideGroup .parBd ul li .pic{ text-align:center; } .slideGroup .parBd ul li .pic img{ width:228px; height:105px; display:block; padding:2px; border:1px solid #ccc; } .slideGroup .parBd ul li .pic a:hover img{ border-color:#999; } .slideGroup .parBd ul li .title{ line-height:24px; } /* 底部版权 */ .mainpagef{ margin:0 auto; margin-top:8px;position: relative; width:100%; height:350px; background: url("/images/bottomtopbg.png") 0 -40px repeat-x #eeeeee; border-top:1px solid #ccc;} .mainpagef1{ margin:0 auto; margin-top:8px;position: relative; width:100%; height:350px; background: url("/images/bottomtopbg.png") top repeat-x #eeeeee; border-top:1px solid #ccc;} .bottom{ clear:both; position: relative; text-align:center;width:1100px; margin:0 auto; background:url("/images/bottomyc.png") no-repeat right bottom;} .link{ padding-top:15px; line-height:24px; color:#909090;} .link p{ padding-bottom:10px;} .link a{display:inline-block; *display:inline; *zoom:1; padding:10px; color:#909090;} .link a:hover{ color:#f00;} .copy_right{ padding:10px 0; line-height:30px; font-size:12px; color:#909090;} .copy_right a{ color:#909090;} .copy_right a:hover{ color:#f00;} /* 栏目及其他页面头部背景*/ .fullSlidebigs{ position:absolute; left:0; top:0; width:100%; margin:0 auto; min-width:1100px; height:474px; background:url("/images/tongyongbg.png") center top; background-size:cover;} .cloud{position:absolute;top:0px;left:0px;width:100%;height:300px;background:url("/images/cloud.png") no-repeat;z-index:1;opacity:0.8;} /*通用顶部距离*/ .navtop{ width:1100px; margin:0 auto; margin-top:-28px; height:30px;position:relative; z-index:3;} /*边框*/ .mainpaget{ width:1070px;height:auto; margin:0 auto; position:relative; z-index:2;background:#fff; border:#bedced solid 1px; padding:10px; margin-bottom:10px;} /*通用栏目概览*/ .channelbig{width:1070px; height:auto; z-index:2;} .title_list{color: #31708f;background-color: #dbeeff;border-bottom: #bedced 1px solid;padding: 10px 15px;} .title_list h1{line-height:24px;color:#3767ae;font-size:24px;font-family:"Microsoft YaHei", "Microsoft YaHei", "SimHei";padding-left:5px;} .menu_list{margin: 15px 10px 15px 10px;} .menu_head{height:40px; padding:0px; background: url("/images/lanmuico1.png") 235px center no-repeat #f7fbff; border:#bfd0df 1px solid; border-bottom:#bfd0df 2px solid; border-radius:5px 5px 0 0; cursor:pointer;font:normal 16px/40px Microsoft YaHei; margin-top:10px;} .menu_head a{color:#3767ae;width: 210px;height: 41px;padding-left:10px;display: block;overflow:hidden;} .menu_head:hover{background: url("/images/lanmuico.png") 235px center no-repeat #39a7ff; height:40px; cursor:pointer;font:normal 16px/40px Microsoft YaHei; } .menu_head:hover a{color:#FFF; text-decoration:none;transition:all ease 0.4s;} /*.menu_list .current{background: url("/images/lanmuico.png") 235px center no-repeat #39a7ff; height:40px; cursor:pointer;font:normal 16px/40px Microsoft YaHei; } .menu_list .current a{color: #FFF;text-decoration: none;}*/ .menu_list .cur{background: url("/images/lanmuico.png") 235px center no-repeat #39a7ff; height:40px; cursor:pointer;font:normal 16px/40px Microsoft YaHei; } .menu_list .cur a{color: #FFF;text-decoration: none;} .menu_body{height:auto;overflow:hidden;line-height:38px; margin-top:0px; margin-bottom:8px; background-color:#fff;padding:5px 0;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;} .menu_body a{display: block;height: 36px;padding-left: 30px;background: url("/images/icothree.png") 15px center no-repeat #f7fbff;border: #d5e1ec 1px solid;border-radius: 3px 3px;margin: 5px;cursor: pointer;font: normal 16px/36px Microsoft YaHei;color: #3767ae;} .menu_body a:hover{text-decoration:none;background-color: #dbeeff!important;border-color: #d5e1ec;color: #3767ae;} .leftDiv{width:288px;float:left;margin-bottom: 20px;background-color: #eaf3fa;border: 1px solid transparent;border-color: #bce8f1;} /*栏目左边*/ .channelbigleft{width:295px;float:left; } .channelbigleftmenu{width:288px;position:relative; margin-bottom:10px; border:#bedced 1px solid; padding-bottom:10px; background:#eaf3fa;} .channelbigleftmenu h1{width:268px; height:45px; line-height:45px;border-bottom:#bedced 1px solid; color:#3767ae; background:#dbeeff;font-size:24px; font-family:"Microsoft YaHei", "Microsoft YaHei", "SimHei"; padding-left:20px; margin-bottom:10px;} .sideMenu{width:265px; } .sideMenu h3{ height:40px; padding-left:15px; background: url("/images/lanmuico1.png") 235px center no-repeat #f7fbff; border:#bfd0df 1px solid; border-bottom:#bfd0df 2px solid; border-radius:5px 5px 0 0; cursor:pointer;font:normal 16px/40px Microsoft YaHei; margin-bottom:10px;} .sideMenu h3 a{color:#3767ae;} .sideMenu h3:hover{background: url("/images/lanmuico.png") 235px center no-repeat #39a7ff; height:40px; cursor:pointer;font:normal 16px/40px Microsoft YaHei; } .sideMenu h3:hover a{color:#FFF; text-decoration:none;transition:all ease 0.4s;} .sideMenu h3.on { color:#FFF;padding-left:15px; background: url("/images/lanmuico.png") 235px center no-repeat #39a7ff; height:40px; cursor:pointer;font:normal 16px/40px Microsoft YaHei; margin-bottom:10px;} .sideMenu h3.on a{ color:#FFF; text-decoration:none;} .sideMenu ul{ width:263px; color:#999; display:none; border:#bfd0df 1px solid; margin-top:-10px;/* 默认都隐藏 */ margin-bottom:5px; background:#FFF; } .sideMenu ul li{height:36px; padding-left:30px; background: url("/images/icothree.png") 15px center no-repeat #f7fbff; border:#d5e1ec 1px solid; border-radius:3px 3px; margin:5px; cursor:pointer;font:normal 16px/36px Microsoft YaHei;} .sideMenu ul li a{color:#3767ae;} .sideMenu ul li:hover{ background: url("/images/icothree.png") 15px center no-repeat #dbeeff; } .sideMenu ul li.on { background: url("/images/icothree.png") 15px center no-repeat #dbeeff; } /*栏目右边*/ .channelbigright{width:765px; height:auto;float:right;position: relative;} .navlanmu{width:755px;height:40px;line-height: 40px; background:#dbeeff;border:#bfd0df 1px solid; border-bottom:#bfd0df 1px solid;font-size:14px;padding-left:5px;color:#333;overflow:hidden;} .navlanmu a{color: #3767ae;margin: 0 8px;} .location{float:left; display:inline-block; vertical-align:middle; height:100%; margin-top:-2px;} .location img{vertical-align:middle;} .pagelanmu{width:715px;font:normal 14px/200% Sinsum, Geneva, sans-serif; letter-spacing:1px; color:#333; padding:20px;} /*领导介绍*/ .leader_box li{ _float:left; _width:95%; padding:15px; border-bottom:1px solid #ccc; overflow:hidden;} .leader_img{ float:left; padding:5px; width:122px; height:144px; border:1px solid #ccc; overflow:hidden;} .leader_img img{ width:122px; height:144px;} .leader_img img:hover{ width:122px; height:144px;transition:All .7s ease;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);} .leader_info{ margin-left:147px; line-height:26px;} .leader_intro{ padding:10px 0 0 0;} /*大栏目列表*/ .bsub_list{ padding:5px 0; margin-top:-10px; width:760px; margin-left:-20px; margin-bottom:20px;} .bsub_list li{padding-left:20px; padding-right:10px; color:#999; line-height:45px; border-bottom:1px dashed #ccc; background:url("/images/dian2_30.png") 8px center no-repeat; } .bsub_list li:hover{ background:url("/images/dian2_30.png") 8px center no-repeat #f7fbff;} .bsub_list li span{ float:right; font-size:14px;} .h3more{float:right; font-size:12px; color:#666; font-weight:normal; font-family:"SinSum";} .n_date{float:right;font-size:14px;font-family:Tahoma;} /*栏目列表*/ .sub_list{ padding:5px 0; margin-top:-10px;} .sub_list li{padding-left:20px; padding-right:10px; color:#999; line-height:40px; border-bottom:1px dashed #ccc; background:url("/images/dian2_30.png") 8px center no-repeat; } .sub_list li:hover{ background:url("/images/dian2_30.png") 8px center no-repeat #f7fbff;} .sub_list li span{ float:right; font-size:14px;font-family: Tahoma;} /*有缩略图栏目列表*/ .article_list { width:740px; height:110px; margin-top:15px; border-bottom:1px solid #CCC; margin:0 auto; margin-bottom:15px; } .article_picture { width:120px;height:110px; float:left; overflow:hidden;} .article_picture img{ width:120px;height:90px;} .article_picture img:hover {transition:All .7s ease;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);} .article { width:590px; height:110px; float:left; margin-left:20px} .article_title { width:590px; height:auto; font-family:"Microsoft YaHei"; font-weight:normal; font-size:18px;} .article_title a { color:#333; text-decoration:none;} .article_title a:hover { color:#005190;} .article_text {width:590px; height:60px; margin-top:10px; line-height:28px; font-size:14px; color:#666; text-indent:2em;} .article_text a {text-decoration: none; color:#185288} .article_text a:hover { text-decoration:underline} /*有缩略图栏目列表 第二版*/ .newsleft{overflow: hidden;float: left; display: block; font-size:14px; line-height:180%; width:730px;} .newspost{position:relative;background:#fff;margin:0 0 10px 0;padding:20px;border:1px solid #ddd;box-shadow:0 1px 1px rgba(0,0,0,.04);border-radius:2px;} .newspost{padding:15px;} .newspost:hover{background:#fafafa;} .entry-title{ font-size:20px; text-align:left; padding-bottom:20px;} .archive-content{color:#777; text-align:left;} .title-l{position:absolute;background:#00a3cf;top:20px;left:-1px;width:5px;height:25px;box-shadow:0 1px 1px rgba(0,0,0,.1);} .entry-more a{color:#fff;position:absolute;bottom:18px;right:-1px;background:#00a3cf;height:30px;line-height:30px;padding:0 12px;display:block;border-radius:2px 0 0 2px;box-shadow:0 1px 1px rgba(0,0,0,.1);} .entry-more a:hover{background:#00a3cf;background:0 0 rgba(0,163,207,.7);} .entry-meta{position:absolute;bottom:14px;color:#999;left:240px;} .entry-meta a{color:#00a3cf;} .thumbnail{position:relative;float:left;width:200px;height:150px;margin:0 20px 0 0;clear:both;overflow:hidden;transition-duration:.5s;} .thumbnail a img{width:200px;height:auto;-webkit-transition:-webkit-transform .3s linear;-moz-transition:-moz-transform .3s linear;-o-transition:-o-transform .3s linear;transition:transform .3s linear;} .thumbnail:hover a img{transition:All .7s ease;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);} .type-bulletin .thumbnail{display:none;} .thumbnail a img{animation:fade-in;animation-duration:1.2s;-webkit-animation:fade-in 1.2s;} /*分页*/ .page { width:auto; margin:0 auto;} .page a{display:block;padding:0 7px;height:24px;border:1px solid #bec6cc;text-align:Center;line-height:24px;float:left;background:#fff;margin-right:10px;} .page a:hover{background:#25b7c5;border:1px solid #25b7c5;color:#ffffff; text-decoration:none;} .page .cz_page1{display:block;padding:0 7px;height:24px;background:#25b7c5;border:1px solid #25b7c5;text-align:Center;line-height:24px;float:left;color:#ffffff;margin-right:10px} /*内容部分*/ .navtongyong{ width:1055px;height:40px; line-height:40px; color:#333; font-size:14px; margin:0 auto; border:#bedced solid 1px; border-bottom:solid #bedced 1px; background:#dbeeff; padding-left:5px;} .navtongyong a{ color:#3767ae;margin:0 8px;} .contenttitle{width:1025px; text-align:center;line-height:40px;color:#0b5691; font-size:30px; font-family:"Microsoft YaHei", "SimSun", "SimHei";margin:0 auto; border-bottom:solid #ddd 1px; padding-top:13px;padding-bottom:13px;} .contenttitledate{width:1000px;height:30px; text-align:center;line-height:30px;color:#999; font-size:12px;margin:0 auto; } .contenttitledate a{color:#ccc;} .contenttongyong{width:1000px;line-height:200%;color:#333; font-size:16px;margin:0 auto; margin-top:15px;} .contenttongyong p{margin-bottom:10px;text-indent:0em;line-height:28px;} .contenttongyong a{color:#333;} .contenttongyong a:hover{color:#666;} .contenttongyong img{ border:#f6f6f6 solid 1px; margin:0 auto; max-width:800px;} .contentfile {width:900px;line-height:35px;color:#333; font-size:16px;margin:0 auto;border:#a7d8ff solid 1px; max-width:1000px; overflow:hidden; margin-bottom:5px;} .contentfilea{width:110px;line-height:35px;color:#333; font-size:14px; float:left; background:#d8effb; text-align:center; font-weight:bold;} .contentfileb{width:770px;line-height:35px;color:#333; font-size:14px; float:right; padding-left:10px;} .contentdygb {width:900px;line-height:35px;margin:0 auto;text-align:center; padding-top:30px; padding-bottom:30px;} .contentdygb a{ padding:5px;} .contentxiangguan {width:900px;line-height:35px;margin:0 auto;font-size:14px;border-top:#ddd solid 1px; margin-bottom:5px;padding-top:10px; padding-bottom:30px;} .zoomIn, .zoomOut {cursor:pointer;} /*固定导航*/ .nav_fixed {position: fixed;top:0px; margin:0 auto;} /*办事大厅*/ .bsdtbig{width:100%; height:100%; margin:0 auto; padding:0; margin-top:-28px;min-height:800px; height:750px; background:url("/images/bsdtbg.jpg") no-repeat; background-size:100%; padding-top:75px;position:absolute;display:block;} .bsdtbgcon {width:973px; height:450px;background:url("/images/wsbsbg.png") no-repeat; margin:0 auto;} .wsbsbotton{ width:820px; margin:0 auto;text-align:center;margin-top:30px;} .wsbsbotton li{ float:left; margin-bottom:20px; font-size:14px;} .wsbsbotton li img{} .bsdtbottom {width:100%; color:#d0d0d0; font-size:12px; height:130px;margin:0 auto;bottom:0px; margin-top:190px;} .bsdtbottom a{color:#d0d0d0; font-size:12px;} /*视频页面*/ .vcontenttongyong{width:1000px;line-height:200%;color:#333; font-size:16px;margin:0 auto; margin-top:15px;} .vcontenttongyong a{color:#333;} .vcontenttongyong img{ border:#f6f6f6 solid 1px; max-width:1000px;} .vcontentfile {width:1000px;line-height:35px;color:#333; font-size:16px;margin:0 auto; max-width:1000px; overflow:hidden; margin-bottom:5px;} .vcontentfilea{width:110px;line-height:35px;color:#fff; font-size:14px; float:left; background:#609fbf; text-align:center; font-weight:bold;} .vcontentfileb{width:900px;line-height:35px;color:#333; font-size:14px; float:right;background:#f9f9f9; padding-left:10px; padding:35px;} /*图片列表*/ .pagepic{width:750px;} .pagepicsmall{ width:210px; height:220px; padding:15px; float:left;} .pagepicsmall img{ width:210px; height:150px; border:#dbeeff solid 8px;} .pagepicsmall img:hover{ width:210px; height:150px; border:#39a7ff solid 8px;} .pagepicsmall li{ font-size:14px; line-height:20px; color:#999;} .pagepicsmall li a{ font-size:14px; line-height:20px; color:#333;} .pagepicsmall p img{ width:35px; height:35px; margin-left:100px; margin-top:70px; border:none;} .pagepicsmall p img:hover{ width:35px; height:35px; margin-left:100px; margin-top:70px; border:none;} /*专题聚焦*/ .pagezhuanti{width:1000px;height:35px;color:#333;margin:0 auto; max-width:1000px; margin-top:20px; border-bottom:solid 2px #0c68c1;} .pagezhuantia{width:110px;line-height:35px;color:#fff; font-size:14px; float:left; background:#0c68c1; text-align:center; font-weight:bold; border-radius:5px 5px 0 0;} .pagezhuantib{width:80px;line-height:45px;color:#333; font-size:12px; float: right;text-align:center; } .pagezhuantib a{color:#023b73;} .pagezhuantilist{width:1000px;margin:0 auto; padding:5px; margin-top:10px;} .pagezhuantilistsmall{width:240px; height:140px;margin:0 auto;float:left; padding:5px;} .pagezhuantilistsmall li{list-style:none;} .pagezhuantilistsmall img{width:235px; height:90px; padding:2px; border:#CCC 1px solid;} /*导游风采*/ .pagedaoyou{width:1000px;height:35px;color:#333;margin:0 auto; max-width:1000px; margin-top:20px; border-bottom:solid 2px #0c68c1;} .pagedaoyoua{width:110px;line-height:35px;color:#fff; font-size:14px; float:left; background:#0c68c1; text-align:center; font-weight:bold; border-radius:5px 5px 0 0;} .pagedaoyoub{width:80px;line-height:45px;color:#333; font-size:12px; float: right;text-align:center; } .pagedaoyoub a{color:#023b73;} .pagedaoyoulist{width:970px;margin:0 auto; padding:5px; margin-top:10px;} .pagedaoyoulistsmall{width:130px; height:180px;margin:0 auto;float:left; padding:15px;} .pagedaoyoulistsmall li{list-style:none;} .pagedaoyoulistsmall img{width:130px; height:160px; padding:2px; border:#CCC 1px solid;} /*表格*/ .pagelanmutousu{width:763px;font:normal 12px/120% Verdana, Geneva, sans-serif; color:#333; margin-top:10px;} .pagelanmutousu img{ max-width:600px;} .pagelanmu1{width:715px;font:normal 14px/200% Sinsum, Geneva, sans-serif; letter-spacing:1px; color:#333; padding-top:20px;} .table-c table{border-right:1px solid #bedced;border-bottom:1px solid #bedced;} .table-c table td{border-left:1px solid #bedced;border-top:1px solid #bedced; line-height:180%;} .table-c table td img{ max-width:600px;} .table-c table td p img{ max-width:600px;} /*诚信监测*/ .table-cj table{border-right:1px solid #bedced;border-bottom:1px solid #bedced; margin-bottom:5px;} .table-cj table td{border-left:1px solid #bedced;border-top:1px solid #bedced; line-height:180%;font-size:14px;} .table-cj table td img{ max-width:145px;} .table-cj table td p img{ max-width:145px;} .table-cj table tr td input{border: 0px solid #666;font-size:12px;border-radius: 3px 0 0 3px;background: transparent;-webkit-transition: all .100s;transition: all .100s;height:30px;width:150px;line-height:30px;padding-left:8px;color: #fff;} .table-cj table tr td input:focus{outline: none;color: #666;border-color: #666;} .table-cj table tr td input.keyup{color: #666;border-color: #666;text-shadow: 0 0 .125em white;box-shadow: 0 0 .25em white,inset 0 0 .25em white;} /*鼠标滑过特效*/ /* Glow */ .glow{display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);} .glow:hover{box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);} /* Hover Shadow */ @keyframes hover{50%{-webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px);} 100%{-webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px);}} @-webkit-keyframes hover-shadow{0%{-webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4;} 50%{-webkit-transform: translateY(3px); transform: translateY(3px); opacity: 1;} 100%{-webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4;}} @keyframes hover-shadow{0%{-webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4;} 50%{-webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); opacity: 1;} 100%{-webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4;}} .hover-shadow{display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);} .hover-shadow:before{pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity;} .hover-shadow:hover{-webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate;} .hover-shadow:hover:before{opacity: .4; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate;} /* Pulse */ @-webkit-keyframes pulse{25%{-webkit-transform: scale(1.1); transform: scale(1.1);} 75%{-webkit-transform: scale(0.9); transform: scale(0.9);}} @keyframes pulse{25%{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} 75%{-webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);}} .pulse{display: inline-block; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);} .pulse:hover{-webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} /* Wobble Vertical */ @-webkit-keyframes wobble-vertical{16.65%{-webkit-transform: translateY(8px); transform: translateY(8px);} 33.3%{-webkit-transform: translateY(-6px); transform: translateY(-6px);} 49.95%{-webkit-transform: translateY(4px); transform: translateY(4px);} 66.6%{-webkit-transform: translateY(-2px); transform: translateY(-2px);} 83.25%{-webkit-transform: translateY(1px); transform: translateY(1px);} 100%{-webkit-transform: translateY(0); transform: translateY(0);}} @keyframes wobble-vertical{16.65%{-webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px);} 33.3%{-webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px);} 49.95%{-webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px);} 66.6%{-webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px);} 83.25%{-webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px);} 100%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}} .wobble-vertical{display: inline-block; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);} .wobble-vertical:hover{-webkit-animation-name: wobble-vertical; animation-name: wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;} /* Pulse Shrink */ @-webkit-keyframes pulse-shrink{to{-webkit-transform: scale(0.9); transform: scale(0.9);}} @keyframes pulse-shrink{to{-webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);}} .pulse-shrink{display: inline-block; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);} .pulse-shrink:hover{-webkit-animation-name: pulse-shrink; animation-name: pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate;} /* Shadow Radial */ .shadow-radial{display: inline-block; position: relative; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);} .shadow-radial:before, .shadow-radial:after{pointer-events: none; position: absolute; content: ''; left: 0; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; height: 5px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity;} .shadow-radial:before{bottom: 100%; background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);} .shadow-radial:after{top: 100%; background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);} .shadow-radial:hover:before, .shadow-radial:hover:after{opacity: 1;} /* Wobble Bottom */ @-webkit-keyframes wobble-bottom{16.65%{-webkit-transform: skew(-12deg); transform: skew(-12deg);} 33.3%{-webkit-transform: skew(10deg); transform: skew(10deg);} 49.95%{-webkit-transform: skew(-6deg); transform: skew(-6deg);} 66.6%{-webkit-transform: skew(4deg); transform: skew(4deg);} 83.25%{-webkit-transform: skew(-2deg); transform: skew(-2deg);} 100%{-webkit-transform: skew(0); transform: skew(0);}} @keyframes wobble-bottom{16.65%{-webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg);} 33.3%{-webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg);} 49.95%{-webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg);} 66.6%{-webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg);} 83.25%{-webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg);} 100%{-webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0);}} .wobble-bottom{display: inline-block; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);} .wobble-bottom:hover{-webkit-animation-name: wobble-bottom; animation-name: wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;} /*办事大厅切换*/ .tabon .on{background-color:#03A9F4;color:#f1f3f6}