@charset "utf-8"; /* css document */ body {font:12px/1.8 'microsoft yahei',tahoma,verdana,'simsun'; margin:0; padding:0; font-size:12px; color:#000; background:#fff;} div,form,img,ul,ol,li,dl,dt,dd,p {margin:0; padding:0; border:0;} li{list-style-type:none;} img{vertical-align:top;} h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:12px; font-weight:normal;} .ysj {width:1200px; margin:0 auto;} a{color:#000000; text-decoration:none; font-size:12px;} .left{ float:left;} .right{ float:right;} .t_t{ height:36px; background:#f8f8f8; line-height:36px; font-size:14px; border:1px solid #c8c8c8; border-bottom:1px solid #ececec; color:#666666;} .t_t a{ color:#505050; font-size:14px; padding:2px;} .t_t a:hover{ color:#f00;} .top{ height:124px;} .top_lt{ float:left; padding-top:14px;} .top_lt img{ float:left;} .top_lt dt{ float:left; padding:14px 12px;} .top_lt dt p{ font-size:16px; color:#0352a9; line-height:30px; font-weight:bold;} .top_lt dt span{ font-size:16px; color:#454545;line-height:70px;font-weight: initial;margin-left: -35px;} .top_rt{ float:right; padding-top:34px;} /*主导航菜单*/ .menu{width:100%; height:54px; background:#0352a9; border-bottom:3px solid #d30519;} .first-crl{background:#cb1933; color: #fff; line-height:54px;} .menu_line{width:1px; height:54px; background:#3071b9; float:left;} #header {position: absolute; z-index: 999;} #header .logo {float: left} #header .nav {float: right;} #header .nav ul .mainlevel {float: left;} * html .nav ul .mainlevel {background: 0px 0px; position: relative} #header .nav ul {display: table} #header .nav ul li .nav-a {font-size:16px; height:54px; color: #fff; text-align:center; display: inline-block; line-height:54px; } #header .nav ul li .current.nav-a { color:#000;} #header .nav ul li .nav-a:hover {height:54px; background:#cb1933; color: #fff; line-height:54px;} #header .nav ul li .nav-a {font-size: 16px; height:54px; display:block;color: #fff;width:170px;} #header .nav ul li .current.nav-a {} .mainlevel div {height:200px; background:#fff; position: absolute; display: none; top:54px; padding-right: 20px; width: 450px} #sub_00 {left: 250px} #sub_01 {left: 170px} #sub_02 {left: 340px} #sub_03 {left: 512px} #sub_04 {right:143px} #sub_05 {right:170px} #sub_06 {right: 0px} #sub_07 {right:0px} .mainlevel div ol {float: left; display: block;width:265px;} .mainlevel div ol li {line-height: 46px; width: 265px; margin-left:10px;} .mainlevel div ol a {height:37px; color: #3b3b3b; font-size:14px; line-height:46px; width:120px; text-align:left; display:block; float:left; border-bottom:1px dashed #a3a3a3; margin-left:10px;} .mainlevel div ol a:hover {color: #f00} .mainlevel div span{ padding:14px 0px 10px 24px;width:155px; height:165px; float:left;} /*banner*/ /*.banner{width:100%; height:600px;} #full-screen-slider { width:100%; height:600px; float:left; position:relative} #slides { display:block; width:100%; height:600px; list-style:none; padding:0; margin:0; position:relative} #slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute} #slides li a { display:block; width:100%; height:100%; text-indent:-9999px} #pagination { display:block; list-style:none; position:absolute; left:50%; top:540px; z-index:9900; padding:5px 15px 5px 0; margin:0} #pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#fff } #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;} #pagination li.current { background:#0092ce}*/ /*banner*/ .banner{width:100%; height:600px;} /* flexslider */ .flexslider{position:relative;height:600px;overflow:hidden;background: 50% no-repeat;} .slides{position:relative;z-index:1;} .slides li{height:600px;} .flex-control-nav{position:absolute;bottom:30px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(/uploads/image/syimages/dot.png) right 0 no-repeat;cursor:pointer;} .flex-control-nav .flex-active{background-position:0 0;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:40px;background:url(/uploads/image/syimages/prev.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:40px;background: center center no-repeat;} .ss{ height:54px; overflow:hidden;} .ss_lt{ float:left;width:700px; line-height:54px;} .ss_lt img{ padding-top:10px; padding-right:6px; float:left;} .ss_lt strong{ color:#3b3b3b; font-size:14px; float:left;} .ss_rt{width:324px; float:right; margin-top:12px;} .sinput1{float:left; width:236px;background: no-repeat; height:27px; color:#484848; padding-left:32px;font-family:"微软雅黑"; font-size:12px; line-height:26px; border:0} .sbtn1{float:right; width:55px; height:27px;background: no-repeat; cursor:pointer; display:inline-block; border:0;} .shell{ width:580px; overflow:hidden; float:left;} #div1{ height:54px; overflow:hidden;} #div1 a{display:block;line-height:54px;text-decoration:none;color:#999999;font-size:14px;} #div1 b{ font-weight:300; float:right;} #div1 a:hover{ color:#f00;} .xw{ background:#f0f0f0; overflow:hidden;} .xw_lt{ background:#fff;width:590px; float:left; margin:50px 0; height:500px;} .hydt_t{ height:140px; background: no-repeat; padding-top:30px; padding-left:20px;} .hydt_t p{width:30px; height:2px; background:#fff; display:block; } .hydt_t span{ font-size:24px; font-weight:bold; color:#fff; display:block; padding-top:14px;} .hydt_t b{ color:#e9abae; font-weight:400;} .xw_lt_e{ padding:20px 20px 10px 20px;} .xw_lt_t{ height:120px; border-bottom:1px solid #f7f7f7;} .xw_lt_t_lt{width:100px; height:100px; float:left; text-align:center;} .xw_lt_t_lt p{ font-size:18px; color:#006ab8; padding-bottom:10px;} .xw_lt_t_lt span{ font-size:54px; color:#006ab8; padding-top:5px; background: no-repeat right top; line-height:60px; height:50px; display:block;width:60px; margin:0 auto;} .xw_lt_t_rt{width:400px; float:right;} .xw_lt_t_rt p a{ font-size:16px; color:#565656; height:50px; display:block; line-height:40px;} .xw_lt_t_rt span{ color:#9f9f9f; font-size:12px; line-height:26px;} .xw_li{ margin-top:16px; background:#f3f3f3; margin-bottom:16px; color:#656464; padding:0px 10px; line-height:34px; font-size:14px;cursor:pointer;} .xw_li span{ float:left; line-height:34px;padding-right:80px;} .xw_li:hover{ color:#fff; padding-left:12px; background:#006ab8;} .xw_rt{width:570px; float:right; background:#fff; height:500px; margin:50px 0;} .gskx_t{ height:65px; background:#e1e1e1; padding:20px;} .gskx_t_lt{ float:left; background: no-repeat top left; padding-top:20px;} .gskx_t_lt p{ font-size:24px; font-weight:bold; color:#676767; float:left;} .gskx_t_lt span{ color:#979797; line-height:54px; padding-left:4px;} .gskx_t_rt{ float:right; padding-top:20px; color:#0566b3;} .gskx_t_rt a{ color:#0566b3; line-height:50px;} .gskx_t_rt img{ padding-top:20px; padding-left:10px;} /* 本例子css */ .slidebox{ width:570px; height:360px; overflow:hidden; position:relative; } .slidebox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:135px; z-index:1; } .slidebox .hd ul{ overflow:hidden; zoom:1; float:left; } .slidebox .hd ul li{ float:left; margin-right:1px; color:#fff; width:24px; height:15px; line-height:14px; text-align:center; background:#000; cursor:pointer; } .slidebox .hd ul li.on{ background:#f00; color:#fff; } .slidebox .bd{ position:relative; z-index:0; } .slidebox .bd li p{ font-size:16px; color:#0168b7; font-weight:bold; padding:20px;} .slidebox .bd li p span{ color:#9f9f9f; font-size:14px; display:block; font-weight:300; padding-top:14px;} .slidebox .bd li{ zoom:1; vertical-align:middle; } .slidebox .bd img{ width:570px; height:230px; display:block; } .gsjj{ height:630px; background: no-repeat top;} .sk{ position:absolute; margin-left:300px;} .sk li{ float:left;width:300px; text-align:center; color:#fff; font-size:16px; line-height:40px;} .sk li img{ transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out;} .sk li img:hover { transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);} #wrap{height:auto; padding-top:155px; position:relative;} .gsjj_01{ width:259px; height:91px; background:#d80006; padding-left:16px; padding-top:14px;} .gsjj_01 p{ font-size:24px; color:#fff; float:left; background: no-repeat top left; padding-top:20px; line-height:30px;} .gsjj_01 span{ color:#c5dcee; line-height:24px; font-size:12px; display:block;} .gsjj_01 a{ float:right; padding:20px 10px;} #menu2{float:left; width:275px; background-color:#0168b7;} #menu2 ul{} #menu2 li{height:80px; text-align:left;} #menu2 li a{color:#fff;font-size:16px;text-decoration:none; padding-top:10px; line-height:60px; display:block; padding-left:25px;background: no-repeat 26px 20px;} #menu2 li span{ font-size:14px; color:#94b9d4; display:block; padding-top:10px;} #menu2 li a:hover,#menu2 .on a{color:#fff;height:80px;line-height:20px; padding-top:10px;background:url(/uploads/image/syimages/sxx.jpg) no-repeat 16px 14px #00599d;} #content1{float:right;width:820px; padding-top:240px; } #content1 h1{font-size:16px; font-weight:normal; height:40px; color:#282828; background: no-repeat bottom left;} #content1 ul{list-style:none; margin:0; padding:0; color:#656565; line-height:32px; font-size:14px;} #content1 ul a{ font-size:14px; color:#f00;} #copy{clear:both} .hzhb{ height:250px; padding-top:30px;} .hzhb_top{ text-align:center;} .hzhb_top p{ color:#c4c4c4; font-size:30px; line-height:30px;} .hzhb_top span{ color:#333; font-size:26px;} .blk_18 {overflow:hidden; zoom:1; margin:0px auto; padding-top:30px; width:1200px;} .blk_18 .pcont {width:1166px; float:left; overflow:hidden;} .blk_18 .scrcont {width:32766px; zoom:1;} .blk_18 #list1_1, .blk_18 #list2_1 {float:left;} .blk_18 .leftbotton {width:16px; display:block; height:150px; float:left; background: no-repeat 0px 40px;} .blk_18 .leftbotton:hover { background: no-repeat 0px 40px;} .blk_18 .rightbotton {width:16px; display:block; height:150px; float:left;background: no-repeat 0px 40px;} .blk_18 .rightbotton:hover {background: no-repeat 0px 40px;} .blk_18 .pl img {display:block; cursor:pointer; width:96px; height:96px; padding:2px; border:1px solid #ccc; filter: ; } .blk_18 .pl img:hover {filter: none; -webkit-filter: none; opacity:1; filter: gray; /* -webkit-filter: grayscale(100%); -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; opacity:0.5; */ } .blk_18 .pl { width:100px; margin:0px 15px; float:left; text-align:center; line-height:34px;} .end{ background:#252525; height:436px; margin-top:20px;} .end_t{ border-bottom:1px solid #343434; height:70px; padding-top:10px;} .end_t_lt{ float:left;width:1000px;} .end_t li a{ color:#ececec; font-size:16px; float:left; padding-right:30px;width:100px; line-height:70px; background: no-repeat bottom left;} .end_t li a:hover{ color:#f00;} .end_t_rt{ float:left; padding-top:20px;} .end_zh{ height:276px; padding-top:12px;} .end_zh_lt{ float:left;width:1000px;} .end_zh_lt ul{width:100px; float:left; padding-right:30px;} .end_zh_lt ul a{ color:#9c9c9c; line-height:30px;} .end_zh_lt ul a:hover{ color:#d2d89e;} .end_zh_rt{ float:right;} .cop{ height:60px; border-top:1px solid #343434;width:100%; line-height:60px; color:#a0a0a0;} .cop a{ color:#a0a0a0;} .cop a:hover{ color:#ff0;} .nyban1{ height:280px; background: no-repeat center;} .nyban2{ height:280px; background: no-repeat center;} .nyban3{ height:280px; background: no-repeat center;} .nyban4{ height:280px; background: no-repeat center;} .nyban5{ height:280px; background: no-repeat center;} .nyban6{ height:280px; background:url(/uploads/image/syimages/nyban6.jpg) no-repeat center;} .nyban7{ height:280px; background: no-repeat center;} /*内页新闻*/ .lmt{ height:100px; background:url(/uploads/image/syimages/hbj.jpg) repeat-x;} .lmt ul{ padding-top:10px;} .lmt_wei{ line-height:40px; font-size:14px; color:#999;} .lmt li a{ float:left; background:#0352a9; margin:0px 2px; display:block; color:#fff;width:160px; text-align:center; line-height:40px; font-size:14px;} .lmt li a:hover{ background:#cb1933;} .lmt .slink{background:#cb1933;display:block; color:#fff;width:160px; height:40px; text-align:center; line-height:40px; font-size:14px;} .ny_nr{ padding:10px 0 20px 0; line-height:40px; font-size:14px;} .newsbook{ width:240px; height:305px; float:left} .newslist{ background: repeat-x bottom #f7f7f7; height:400px;} .newslistmain{ width:1200px; margin:0 auto; position:relative; padding-top:30px;} .newslistrec .overflow{ width:1200px; height:318px; position:relative; overflow:hidden;} .newslistrec li{ width:1200px; height:338px; background:#fff;} .newslistrecbox{ width:280px; height:318px; float:left; margin:10px 5px 0px 13px;} .newslistrecbox .boxmain{ width:278px; height:306px; border:1px solid #e1e1e1; position:relative; overflow:hidden} .newslistrecbox .boxline{ width:280px; height:10px; background: no-repeat;} .newslistrecbox .boxmain .time{ width:97px; height:138px; padding:29px 21px 0; background: url(/uploads/image/syimages/bg15.png) no-repeat; position:absolute; top:0; left:-139px} .newslistrecbox .boxmain .time h2{ font:bold 26px/26px arial; color:#40444c} .newslistrecbox .boxmain .time h3{ font-size:16px; font-family: arial, "宋体";} .newslistrecbox .boxmainimg{ height:167px;} .boxmainintro{ width:260px; height:124px; padding:15px 15px 0; position:relative} .boxmainintrohover{ background:#cb1933;} .boxmainintro a.tit{ display:inline-block; width:100%; font:bold 14px/28px "微软雅黑"; color:#40444c} .boxmainintro a.tithover{ color:#fff} .boxmainintro a.text{ display:inline-block; width:100%; line-height:20px; color:#66696f;} .boxmainintro a.texthover{ color:#fcf0e6;} .boxmainintro a.more{ position:absolute; bottom:22px; left:18px; display:inline-block; border:2px solid #d0d0d0; padding:0 14px} .boxmainintro a.morehover{ color:#fff; border:1px solid #ea8336; background:#c84c0b;} .newslistbox{ width:1200px; margin:20px auto 0} .newslistbox li{ width:1200px; margin-bottom:2px; background:#145c9d;} .newslistbox li .left{ width:55px; float:left; position:relative} .newslistbox li .left span{ display:inline-block; width:55px; height:48px; background: no-repeat; position:absolute; top:0; left:0; cursor:pointer} .newslistbox li .left span.close{ background-position:0 -48px; display:none} .newslistbox li .right{ width:905px; float:right} .newslistbox li .right .title{ width:841px; height:36px; padding:6px 32px; background:#fefefe;} .newslistbox li .right .titleon{ background:#1b6bb3;} .newslistbox li .right .title a{ display:inline-block; line-height:36px; color:#40444c; float:left} .newslistbox li .right .title a:hover{ color:#035cac} .newslistbox li .right .titleon a{ font:bold 14px/36px "微软雅黑"; color:#fff} .newslistbox li .right .title span{ display:inline-block; line-height:36px; color:#9fa1a5; float:right;} .newslistbox li .right .titleon span{ color:#8db5d9} .newslistbox li .right .intro{ width:694px; height:81px; padding:12px 179px 0 32px; border-top:1px solid #327abb; background:#1b6bb3; display:none} .newslistbox li .right .intro a{ display:inline-block; color:#fff; line-height:20px; text-align:justify} .newsinfo{ padding-bottom:85px;} .newsinfomain{ width:962px; margin:0 auto; position:relative; top:-18px} .newsinfomain .title{ width:1200px; height:40px; padding:0 2px 4px 0; background: no-repeat; position:relative; margin-bottom:30px;} .newsinfomain .title h1{ width:100%; font:bold 16px/40px "微软雅黑"; color:#666; text-align:center} .newsinfomain .title span{ display:inline-block; line-height:40px; position:absolute; top:0; right:32px; color:#adadad} .newsinfomain .intro{ padding:22px 38px 42px; background: repeat-y;} .newsinfomain .intro img{ display:block; margin:0 auto;} .newsinfomain .introbot{ width:962px; height:3px; background: no-repeat;} .xw_xia{ height:auto; padding-top:20px; overflow:hidden;} .xw_xia ul{padding-bottom:20px; } .xw_xia_01{width:580px; float:left; margin-right:20px;} .xw_xia_01 dl{ font-weight:bold; font-size:16px; text-indent:10px;} .xw_xia li{ height:101px; overflow:hidden;width:580px; margin-top:20px; float:left;} .xw_xia_lt{width:120px; height:100px; float:left; padding:8px 10px;} .xw_xia_lt img{width:100px; height:80px; padding:1px; border:1px solid #ccc;} .xw_xia_rt{width:360px; float:left;} .c11{width:560px;height:100px;background:#f7f7f7; display:block;border-bottom:1px solid #ccc;} .c11 .xia_t{color:#000; line-height:32px; font-size:14px; font-weight:bold; padding-top:6px;} .c11 .xia_e{font-size:12px; color:#666; line-height:22px;} .c22{background:#e2e2e2;width:560px;height:100px;display:block;border-bottom:1px solid #ccc;} .c22 .xw_xia_lt img{width:100px; height:80px; padding:1px; border:1px solid #f00;} .c22 .xia_t{color:#333; line-height:32px; font-size:14px; font-weight:bold; padding-top:6px;} .c22 .xia_e{font-size:12px; color:#666; line-height:22px; } .ny{ overflow:hidden; padding-top:30px; padding-bottom:30px;} .nycp{ background:#f4f4f4; height:auto;} .cp_nr li{width:260px; height:384px; padding:12px; float:left; border:1px solid #f4f4f4;} .cp_nr li:hover{ border:1px solid #f00;} .cp_nr li p{ font-size:14px; line-height:30px; font-weight:bold;} .cp_nr li span{ color:#5a5a5a;} .cp_nr li dl{ line-height:24px; color:#5a5a5a;} .lmt1{ height:60px; background:url(/uploads/image/syimages/hbj.jpg); line-height:60px;font-size:14px; color:#999;} .cp_lt{width:230px; float:left;} .cp_lt p{ background:#d9d9d9; text-align:center; font-weight:bold; font-size:20px; color:#000000; line-height:80px;} .cp_lt li{ background:#c5111a; margin:2px 0;} .cp_lt li a{ line-height:60px; display:block; font-size:14px; padding-left:20px; background:url(/uploads/image/syimages/jt2.png) no-repeat 200px 20px; color:#fff;} .cp_lt li a:hover{ color:#fff; font-weight:bold;background:url(/uploads/image/syimages/jt2.png) no-repeat 190px 20px #434343;} .cp_rt{width:940px; float:right;} .souse{ height:51px; background:#b2b2b2; padding:13px 50px;} .sinput{float:left; width:90%;background:#fff; height:49px; color:#484848; padding-left:12px;font-family:"微软雅黑"; font-size:16px; line-height:50px; border:0} .sbtn{float:left; width:58px; height:51px;background:url(/uploads/image/syimages/ss_rt1.jpg) no-repeat; cursor:pointer; display:inline-block; border:0;} /* 本例子css */ .slidetxtbox{ width:100%;text-align:left; margin-top:30px;} .slidetxtbox .hd{ height:38px; line-height:38px; position:relative; border-bottom:1px solid #aba19a; } .slidetxtbox .hd ul{ float:left; position:absolute; left:20px; height:38px; font-size:14px; } .slidetxtbox .hd ul li{ float:left; margin:0 2px;width:134px; text-align:center; cursor:pointer; background:url(/uploads/image/syimages/bg-tab1-off.png) no-repeat; } .slidetxtbox .hd ul li.on{ height:39px; background:url(/uploads/image/syimages/bg-tab1-on.png) no-repeat; } .slidetxtbox .bd ul{ padding:15px; zoom:1; font-size:14px; } .slidetxtbox .bd li{ height:24px; line-height:24px; } .slidetxtbox .bd li .date{ float:right; color:#999; } .zuoc{width:680px; float:left;} .youc{width:200px; float:right; height:300px;} .js{width:90%; margin:10px auto 0 auto; } .js p{ padding:5px 0; font-weight:bold; overflow:hidden; } .js p span{ float:right; } .js p span a{ color:#f00; text-decoration:underline; } .js textarea{ height:50px; width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa; border-left:2px solid #aaa; } /* 本例子css */ .sidemenu{ border:1px solid #ddd; } .sidemenu h3{ height:32px; line-height:32px; padding-left:10px; border-top:1px solid #ccc; background:#e3e3e3; cursor:pointer; font:normal 14px/32px "microsoft yahei"; } .sidemenu h3 em{ float:right; display:block; width:40px; height:32px; background: 16px 12px no-repeat; cursor:pointer; } .sidemenu h3.on em{ background-position:16px -57px; } .sidemenu ul{ padding:8px 25px; color:#999; display:none; /* 默认都隐藏 */ } .sidemenu ul li a:hover{ color:#f00;} .ny_cpxx{} .ny_cpxx_lt{ float:left;width:1000px;} .ny_cpxx_rt{float:right;width:180px;} .ny_cpxx_rt_t{ background:#f2f2f2; padding:10px; margin-bottom:10px;} .ny_cpxx_rt_t p{ font-size:16px; line-height:50px; font-weight:bold;} .ny_cpxx_rt_t li a{ font-size:14px; color:#666;text-decoration:underline;} .ny_cpxx_rt_t1{ background:#f2f2f2; padding:10px; margin-bottom:10px;} .ny_cpxx_rt_t1 p{ font-size:16px; line-height:50px; font-weight:bold;} .ny_cpxx_rt_t1 li a{ font-size:14px; color:#666; text-align:center;width:160px; display:block; line-height:30px;}