body,nav,span,p,var,em,strong,a,h1,h2,h3,h4,h5,form,input,textarea,ul,ol,li,dl,dt,dd,tr,td,img{margin:0; padding:0; font-size:14px; color: #333; font-family: 微软雅黑; } a img{border:none;} a{text-decoration:none; } var,em{font-style:normal;} ul,ol{list-style-type:none;} .clear{clear: both;} .auto { width: 1200px; margin: 0 auto; } .auto1 { width: 1120px; margin: 0 auto; } #top { width: 100%; height: 125px; } #top .logo { float: left; margin-top: 33px; margin-right: 120px; margin-left: 10px;} #top .nav_box { float: right; margin-top: 45px; } #top .search { float: right; width: 150px; height: 24px; background: url(../images/search_bg.png) no-repeat; margin-top: 62px; } #top .search .sctxt { float: left; width: 116px; height: 24px; background: none; border: none; padding: 0 5px; outline-style: none; line-height: 24px; font-size: 12px; color: #555;} #top .search .scbtn { float: left; width: 24px; height: 24px; background: none; border: none; cursor: pointer; outline-style: none; } .clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; } .nav{width: 850px; height:60px; line-height:60px; position:relative; z-index:1; } .nav a{ color:#555; } .nav .nLi{ float:left; position:relative; display:inline; } .nav .nLi h3{ float:left; } .nav .nLi h3 a{ display:block; padding:0 20px; font-size:14px; font-weight:bold; } .nav .sub{ display:none; width:145px; left:0; top:60px; position:absolute; background:#f9f9f9; line-height:26px; padding:5px 0; border-bottom: 4px solid #004096; padding: 15px 0; } .nav .sub li{ zoom:1; } .nav .sub a{ display:block; padding:0 17px; color: #555; line-height: 30px; font-size: 12px;} .nav .sub a:hover{ text-decoration: underline; } .nav .on h3 a{ background: url(../images/nav_bg.png); } .slider{ width:100%; min-width:1200px; height:500px; position:relative; overflow:hidden; background:#fff; text-align:center; } .slider .bd{ width:1200px; position:absolute; left:50%; margin-left:-490px } .slider .bd li{ width:1200px; overflow:hidden; } .slider .bd li img{ display:block; width:1200px; height:500px; } .slider .tempWrap{ overflow:visible !important } .slider .tempWrap ul{ margin-left:-1310px !important; /*强制位置*/ } .slider .hd{ position:absolute; width:100%; left:0; z-index:1; height:8px; bottom:20px; text-align:center; } .slider .hd li{ display:inline-block; *display:inline; zoom:1; width:40px; height:8px; line-height:99px; overflow:hidden; background:url(../images/slider-btn.png) 0 -10px no-repeat; margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6; } .slider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1; } .slider .pnBtn{ position:absolute; z-index:1; top:0; width:100%; height:500px; cursor:pointer; } .slider .prev{ left:-50%; margin-left:-600px; } .slider .next{ left:50%; margin-left:600px; } .slider .pnBtn .blackBg{ display:block; position:absolute; left:0; top:0; width:100%; height:500px; background:#003c7d; filter:alpha(opacity=50);opacity:0.5; } .slider .pnBtn .arrow{ display:none; position:absolute; top:0; z-index:1; width:60px; height:500px; } .slider .pnBtn .arrow:hover{ filter:alpha(opacity=80);opacity:0.8; } .slider .prev .arrow{ right:0; background:url(../images/slider-arrow.png) -126px 94px no-repeat; } .slider .next .arrow{ left:6px; background:url(../images/slider-arrow.png) 0 94px no-repeat; } #content .fuwu_box {width: 100%; height: 455px; padding-top: 65px;} #content .fuwu_box img { display: block; margin: 0 auto; margin-bottom: 40px; } #content .fuwu_box .fuwu1 a { position: relative; bottom:0; display: block; float: left; margin: 0 10px; width: 380px; height: 275px; background: #e3e3e3 url(../images/fuwu1.jpg) no-repeat; -ms-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -webkit-transition:all 200ms linear; transition:.2s ease-out; } #content .fuwu_box .fuwu2 a { position: relative; bottom:0; display: block; float: left; margin: 0 10px; width: 380px; height: 275px; background: #e3e3e3 url(../images/fuwu2.jpg) no-repeat; -ms-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -webkit-transition:all 200ms linear; transition:.2s ease-out; } #content .fuwu_box .fuwu3 a { position: relative; bottom:0; display: block; float: right; margin: 0 10px; width: 380px; height: 275px; background: #e3e3e3 url(../images/fuwu3.jpg) no-repeat; -ms-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -webkit-transition:all 200ms linear; transition:.2s ease-out; } #content .fuwu_box .fuwu1 a h1 ,.fuwu2 a h1,.fuwu3 a h1 { color: #004096; text-align: center; position:relative; top: 240px; font-size: 16px; font-weight: normal; } #content .fuwu_box .fuwu1 a:hover { position: relative; bottom:5px; background-color: #b2c5df; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.3); } #content .fuwu_box .fuwu2 a:hover { position: relative; bottom:5px; background-color: #b2c5df; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.3); } #content .fuwu_box .fuwu3 a:hover { position: relative; bottom:5px; background-color: #b2c5df; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.3); } #content .anli_box { width: 100%; height: 350px; background: url(../images/anli_bg.jpg); padding-top: 70px; margin-bottom: 65px;} #content .anli_box .anli_title { width: 100%; height: 60px;} #content .anli_box .anli_title img { display: block; float: left; width: 313px; height: 30px; } #content .anli_box .anli_title a { display: block; float: right; width: 90px; height: 22px; font-size: 16px; color: #fff; background: url(../images/jiantou.png) right center no-repeat; -ms-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -webkit-transition:all 200ms linear; transition:.2s ease-out;} #content .anli_box .anli_title a:hover { background: url(../images/jiantou2.png) right center no-repeat; } #content .show .ladyScroll1 {width:1120px;height:200px;margin:0 auto; position:relative;} #content .show .ladyScroll1:hover .prev {display:block;} #content .show .ladyScroll1:hover .next {display:block;} #content .show .ladyScroll1 .prev,.ladyScroll1 .next{display:black; width:30px;height:70px;position:absolute;top:80px;left:-55px;z-index:100; cursor:pointer; background:url(../images/btns.png) no-repeat;} #content .show .ladyScroll1 .next{ top:80px; left:auto; right:-55px; background:url(../images/btns.png) no-repeat 0 -140px;} #content .show .ladyScroll1 .prev:hover{ background-position:0 -70px; } #content .show .ladyScroll1 .next:hover{ background-position:0 -210px; } #content .show .ladyScroll1 .scrollWrap{width:1120px; padding-top:20px; overflow:hidden;} #content .show .ladyScroll1 dl{float:left;width:265px; height:210px; text-align:center;position:relative; margin-right:20px;} #content .show .ladyScroll1 span{display:block; width:265px;height:30px;position:absolute;left:0; bottom:10px;background:#E3E3E3;filter:alpha(opacity=90);opacity:0.9;} #content .show .ladyScroll1 dt{margin:0 auto; width:265px; height:200px; overflow:hidden; -ms-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -webkit-transition:all 200ms linear; transition:.2s ease-out;} #content .show .ladyScroll1 dt:hover { box-shadow:0px 3px 8px rgba(0, 0, 0, 0.3); } #content .show .ladyScroll1 img{display:block; width:265px;height:200px; margin:0;} #content .show .ladyScroll1 dd{width:265px;height:30px;line-height:30px;font-size:14px;color:#fff;text-align:center;overflow:hidden;position:absolute; right:0; bottom:10px;} #content .show .ladyScroll1 dd a{display:block; width:265px; height:30px; text-align:center; line-height:30px; color:#004096; position:absolute; } #content .show .ladyScroll1 dd a:hover{ text-decoration:none; } #content .show .ladyScroll1 dl:hover span{ background:#b2c5df; } #content .show .ladyScroll1 dl:hover a{ color:#004096; } #content .about_box { height: 475px; } #content .about_box img { display: block; margin: 0 auto; margin-bottom: 40px; } #content .about_box .about { height: 295px; background:url(../images/about_dt.png) left center no-repeat; padding-left: 500px; } #content .about_box .about ul { width: 100%; height: 36px; margin-bottom: 15px; } #content .about_box .about ul li { float: left; } #content .about_box .about ul .about_li0 a { display: block; width: 126px; height: 36px; color: #fff; line-height: 36px; background: #004096; -ms-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -webkit-transition:all 200ms linear; transition:.2s ease-out; } #content .about_box .about ul .about_li1 a { display: block; width: 126px; height: 36px; color: #004096; line-height: 36px; background: #e3e3e3; -ms-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -webkit-transition:all 200ms linear; transition:.2s ease-out; } #content .about_box .about ul .about_li1 a:hover { background: #b2c5df; } #content .about_box .about ul .about_li0 { width: 126px; height: 36px; margin-right: 10px; text-align: center; } #content .about_box .about ul .about_li1 { width: 126px; height: 36px; margin-right: 10px; text-align: center; } #content .about_box .about p { margin-top: 8px; line-height: 27px; text-align: justify; } #content .about_box .about .about_more { width: 126px; height: 36px; text-align: center; margin-top: 10px; } #content .about_box .about .about_more a { display: block; width: 126px; height: 36px; line-height: 36px; color: #fff; background: #aaa; -ms-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -webkit-transition:all 200ms linear; transition:.2s ease-out; } #content .about_box .about .about_more a:hover { background: #bbb; } #content .huoban_box { width: 100%; height: 170px; background: url(../images/huoban_bg.jpg); padding-top: 40px; overflow:hidden;} #content .huoban_box img { display: block; margin: 0 auto; margin-bottom: 20px; } #content .huoban .ladyScroll {width:1120px;height:200px;margin:0 auto; position:relative;} #content .huoban .ladyScroll:hover .prev {display:block;} #content .huoban .ladyScroll:hover .next {display:block;} #content .huoban .ladyScroll .prev,.ladyScroll .next{display:black; width:30px;height:70px;position:absolute;top:20px;left:-55px;z-index:100; cursor:pointer; background:url(../images/btns1.png) no-repeat;} #content .huoban .ladyScroll .next{ left:auto; right:-55px; background-position:0 -140px;} #content .huoban .ladyScroll .prev:hover{ background-position:0 -70px; } #content .huoban .ladyScroll .next:hover{ background-position:0 -210px; } #content .huoban .ladyScroll .scrollWrap{width:1120px; overflow:hidden;} #content .huoban .ladyScroll dl{float:left;width:140px;text-align:center;position:relative; margin:0 10px; } #content .huoban .ladyScroll dt{margin:0 auto; width:140px; height:88px; overflow:hidden; } #content .huoban .ladyScroll img{display:block; width:140px;height:88px; margin:0; filter:alpha(opacity=80);opacity:0.8;} #content .huoban .ladyScroll dl:hover span{ background:#ddd; } #content .huoban.ladyScroll dl:hover a{ color:#004096; } #bottom .contact { width: 100%; height: 127px; padding-top: 58px; padding-bottom: 50px; } #bottom .contact .title { float: left; width: 96px; height: 51px; margin-right: 40px; margin-top: 20px;} #bottom .contact .title h1 { font-size: 24px; color: #222; font-weight: normal; } #bottom .contact .title h2 { font-size: 14px; color: #222; font-weight: normal; text-align: right; } #bottom .contact img { float: left; width: 127px; height: 127px; margin-right: 40px; } #bottom .contact .ul0 { float: left; margin-top: 5px; } #bottom .contact .ul1 { float: right; margin-top: 35px;} #bottom .contact ul .li0 { font-size: 16px; color: #222; margin-bottom:10px; font-weight: bold;} #bottom .contact ul .li1 { font-size: 14px; color: #222; line-height: 25px; } .banquan { width: 100%; height: 50px; border-top:1px solid #ccc; } .banquan p { float: left; line-height: 50px; color: #555; font-size: 12px; } .banquan a{ line-height: 50px; color: #555; font-size: 12px; } .banquan a:hover { color: #333; cursor: pointer; } .banquan ul { float: right; } .banquan ul li { float: left; } .banquan span { line-height: 50px; color: #bbb; font-size: 10px; } .m_banner{width:100%;height: 250px;overflow: hidden;background: #E3E3E3;} .m_banner .auto .m_tu{float: left;width: 850px;height: 250px;overflow: hidden;} .m_banner .auto .m_nav{float: right;width: 290px;height: 190px;padding:30px;overflow: hidden;background: #004096;text-align: center;} .m_banner .auto .m_nav ul h3{font-size: 18px;color: #fff;background: url(../images/11.jpg) no-repeat bottom center;height: 40px;font-weight: normal;line-height: 43px;margin-bottom: 10px;} .m_banner .auto .m_nav ul li a{font-size: 12px;color: #fff;height: 25px;line-height: 25px;} .m_banner .auto .m_nav ul li.select a{text-decoration:underline;} .m_container{background: #f1f1f1;margin-bottom:40px;} .m_container .m_left{width: 850px;min-height:380px;padding: 40px 0;float: left;overflow:hidden;background:#f7f7f7;} .m_container .m_left .m_position{width:745px;padding-left:25px;height: 50px;line-height: 53px;background:url(../images/13.png) no-repeat left center;color: #888;border-bottom: 1px solid #DDDDDD;margin-left: 40px;} .m_container .m_left .m_position a{color: #888;margin: 0 3px;} .m_container .m_left .m_txt ul li{padding: 40px 40px;} .m_container .m_left .m_txt ul li:hover{background: #e8e8e8;} .m_container .m_left .m_txt ul li .m_le{width: 220px;height: 150px;background: #004096;float: left;} .m_container .m_left .m_txt ul li .m_ri{width: 490px;height: 150px;border-left: 1px solid #DDDDDD;float: right;padding-left: 30px;overflow: hidden;} .m_container .m_left .m_txt ul li .m_ri h3{height: 40px;line-height: 40px;} .m_container .m_left .m_txt ul li .m_ri div.intr{font-size: 14px;color: #888;height: 26px;line-height: 26px;} .m_container .m_left .m_txt ul li .m_ri h3 a{font-size: 16px;color: #555;font-weight: normal;} .m_container .m_left .m_txt ul li .m_le img {width: 220px;height: 150px;} .m_container .m_right{width: 350px;float: left;} .m_container .m_right .m_slide{width: 350px;overflow: hidden;} /* 本例子css */ .m_container .m_right .m_slide .focusBox { position: relative; width:350px; height:370px; overflow: hidden; } .m_container .m_right .m_slide .focusBox .pic{ position:relative; z-index:0; } .m_container .m_right .m_slide .focusBox .pic img { width:350px; height:200px; display: block; } .m_container .m_right .m_slide .focusBox .hd { width:100%;height:170px; position: absolute; bottom: 0px; font-size:0; z-index:1; } .m_container .m_right .m_slide .focusBox .hd li{display: none;} .m_container .m_right .m_slide .focusBox .hd li.on{display:block;} .m_container .m_right .m_slide .focusBox .prev, .m_container .m_right .m_slide .focusBox .next { width: 38px; height: 54px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 -113px; position: absolute; top: 38%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2; } .m_container .m_right .m_slide .focusBox .prev { left: 0; } .m_container .m_right .m_slide .focusBox .next { background-position: 0 -58px; right: 0; } .m_container .m_right .m_slide .focusBox .next:hover,.m_container .m_right .m_slide .focusBox .prev:hover{ filter:alpha(opacity=50) !important;opacity:0.5 !important; } .m_container .m_right .m_slide .focusBox .hd li .m_contxt{width: 300px;height: 130px;overflow: hidden;padding:15px 25px 25px;background: #e3e3e3;} .m_container .m_right .m_slide .focusBox .hd li .m_contxt h3{font-size: 16px;color: #333;height: 40px;line-height: 40px;font-weight: normal;} .m_container .m_right .m_slide .focusBox .hd li .m_contxt p{font-size: 12px;color: #888;line-height: 22px;} .m_container .m_right .m_slide .focusBox .hd li .m_contxt a{font-size: 12px;color: #004096;line-height: 22px;text-decoration:underline; } #articeBottom { font-size: 14px; margin: 6px 0 10px; padding-top: 10px; text-align: right; width: 97%;}