/* CSS Document */ /* - - - - - - - - - 全局重置样式 - - - - - - - - -*/ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,address,code, del,em,img,dl,dt,dd,ol,ul,li, fieldset,form,label{ margin:0;padding:0;border:0; font-style:inherit;font-family:inherit;vertical-align:baseline;} img{border:none;vertical-align:middle;} input,select,button{vertical-align:middle;} input{padding:0;} body{ color:#535353;font-size:1.3em;background:#fff;} button{cursor:pointer;} body{ color:#535353;font-size:12px;background:#fff; } ul,ol{list-style-type:none;} h3,h4{font-size:14px;} em,address{font-style:normal;} a{ text-decoration:none;color:#4f4f4f;} /*链接样式*/ a:link{} a:hover{ color:#0076be;text-decoration:underline;} /*鼠标悬停时*/ a:active{} /*鼠标点击与释放之间*/ a:visited{} /* 已被访问过 */ /* - - - - - - - - - 常用类样式 - - - - - - - - -*/ .no_bor{ border:none!important;} /*无边框*/ .no_bg{ background:none!important;} /*无背景*/ .clear{ display:block;height:0; line-height:0;overflow:hidden; clear:both;font-size:0;}/*清除浮动*/ .f_left{ float:left;} /*左浮动*/ .f_right{ float:right;} /*右浮动*/ .h323px{ height:323px;} .border{border:1px solid #cacad9;} .focus{ width:100%; height:180px; margin:0 auto; position:relative; overflow:hidden; } .focus .hd{ width:100%; height:11px; position:absolute; z-index:1; bottom:5px; text-align:center; } .focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top; } .focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px; vertical-align:top; overflow:hidden; } .focus .hd ul .on{ background:#FE6C9C; } .focus .bd{ position:relative; z-index:0; } .focus .bd li img{ width:100%; height:auto; background:url(../image/loading.gif) center center no-repeat; } .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ } @media screen and (max-width:1300px){ #zkgd{ display:none;} #zkgd1{ display:none;} #zkgd2{ display:none;} #zkgd3{ display:none;} #zkgd4{ display:none;} #zkgd5{ display:none;} #zx2{ display:none;} #zx_2{ display:none;} #sz-d{display:none;} #clear{ clear:both;} #bian{ width:100%; margin-left:auto; margin-right:auto;} #daohang{ background:#014680;height: 55px; position: fixed; top: 0; left: 0; width: 100%; z-index: 999;} #mulu{ float:left;margin-top: 0%; margin-left:0px; width:39%;text-align:left;padding-top:3% } #zhong{ float:left;padding-top: 0%;padding-top:2%;padding-bottom:2%;} #tel400{ float:right;margin-top:0px; margin-right:10px;padding-top:3% } #nav{ background:#e9e9e9; padding-top:2%; width: 100%;} #nav #second{ float:left; width:25%; font-family:Microsoft Yahei; font-size:1.4em; text-align:center; padding-bottom:2%; padding-top:2%; } #nav #frist{ float:left; margin-left:0%; font-family:Microsoft Yahei; font-size:1.4em; width:25%; text-align:center; padding-bottom:2%; padding-top:2%; } #nav #last{ float:left; margin-left:0%; font-family:Microsoft Yahei; font-size:1.4em; width:25%; text-align:center; padding-bottom:2%; padding-top:2%; } #change{} #change img{width:100%;height:180px;} #zixun11 ul li{ font-size:1.3em; font-family:Microsoft Yahei; text-align:left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top:0%; margin-bottom:3%; margin-left: 5%; } #zixun11{ margin-left:auto; margin-right:auto; width:93%; margin-top:6%; } #zixun11 ul{list-style-type:disc;position: relative;margin-left:5px;margin-top:5px;} #zixun {font-family:Microsoft Yahei; font-size:1.3em;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;margin-top: 5%;margin-left:auto;margin-right:auto;width:93%} #zixun ul li{margin-top:3%;margin-bottom:3%;margin-left: 5%;} #zixun ul{ list-style-type:disc;position: relative;margin-left:5px;color:014680;margin-top:5px;} hr{ padding:0px; margin:0px;} #hr{ border-bottom:.5px solid #9d9d9d; border-top:0px;width: 100%; margin-top:-0.4%;float:left} #hr1{ border-top:#cacaca solid .5px;border-bottom:0px;} #zhan_o{ background:url(../image/bg1_m.jpg) center no-repeat; margin-top: 3%;width:100%;} #zhan{ background:#f8f6f7; margin-top: 6%;width:100%;border-bottom:1px solid #e9e9e9;border-top:1px solid #e9e9e9} #zhan p{font-family:Microsoft Yahei;font-size:1.1em;width:100%;padding-top:2%;padding-bottom:2%;} #ht{ width:93%; margin-left:auto; margin-right:auto;margin-top: 5%;} #bg{ background:url(../image/yuan_m.jpg) center no-repeat; float:left; color:#fff; font-size:1.3em; font-family:Microsoft Yahei;border-bottom: 0px solid;width:109px;height:27px;line-height:27px;} #bkzn ul li p{ font-family:Microsoft Yahei; font-size:1em;color:#000;} #bkzn{ width:93%; margin-left:auto; margin-right:auto;} #bkzn #second{ float:left; width:25%; text-align:center; padding-bottom:0%; padding-top:5%; } #bkzn #frist{ float:left; width:25%; text-align:center; padding-bottom:0%; padding-top:5%; } #bkzn #last{ float:right; width:25%; text-align:center; padding-bottom:0%; padding-top:5%; } #zxzx{margin-top: 7%;width:93%; margin-left:auto; margin-right:auto;} .bg{ background:url(../image/yuan_m.jpg) center no-repeat; float:left; color:#fff; font-size:1.3em; font-family:Microsoft Yahei;border-bottom: 1px solid;width:109px;height:27px;line-height:27px;} .bg1{ background:url(../image/yuan11_m.jpg) center no-repeat; float:left; color:#014680; font-size:1.3em; font-family:Microsoft Yahei;border-bottom: 1px solid #fff;width:109px;height:27px;line-height:27px;} #zxnr{font-family:Microsoft Yahei; font-size:1.3em;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;margin-top: 5%;} #zxnr ul li{margin-top:3%;margin-bottom:3%;margin-left: 5%;} #zxnr ul{ list-style-type:disc;position: relative;margin-left:5px;color:014680;margin-top:5px;} #ycsz{ margin-top:5%;width:93%; margin-left:auto; margin-right:auto;} #sz1 #left{ float:left;width:40%} #sz1 #right{ float:right; margin-right: 0%;width:58%} #sz1 #right p{ font-size:1.3em; font-family:Microsoft Yahei;color:#000;} #sz1 #right span{ font-size:1em; font-family:Microsoft Yahei;line-height:19px;} #sz1{margin-top: 5%;} #sz2 #left{ float:left;width:40%} #sz2 #right{ float:right; margin-right: 0%;width:58%} #sz2 #right p{ font-size:1.3em; font-family:Microsoft Yahei;color:#000;} #sz2 #right span{ font-size:1em; font-family:Microsoft Yahei;line-height:19px;} #sz2{margin-top: 5%;} #kc1 #left{ float:left;width:40%} #kc1 #right{ float:right; margin-right: 0%;width:55%} #kc1 #right p{ font-size:1.3em; font-family:Microsoft Yahei;color:#000;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #kc1 #right span{ font-size:1em; font-family:Microsoft Yahei;line-height:19px;} #kc1{margin-top: 5%;} #kc2 #left{ float:left;width:40%} #kc2 #right{ float:right; margin-right: 0%;width:55%} #kc2 #right p{ font-size:1.3em; font-family:Microsoft Yahei;color:#000;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #kc2 #right span{ font-size:1em; font-family:Microsoft Yahei;line-height:19px;} #kc2{margin-top: 5%;} #jqkc{ margin-top:6%;width:93%; margin-left:auto; margin-right:auto;} /* #kc1 #left{ float:left;width:50%} #kc1 #right{ float:right; margin-right:1%;width:48%} #kc1 #right p{ font-size:1.3em; font-family:Microsoft Yahei;color:#000;} #kc1 #right span{ font-size:1em; font-family:Microsoft Yahei;width:100%;line-height:23px;} #kc1{margin-top:6%;} #kc2 #left{ float:left;width:50%} #kc2 #right{ float:right; margin-left:1%;width:48%} #kc2 #right p{ font-size:1.3em; font-family:Microsoft Yahei;color:#000;} #kc2 #right span{ font-size:1em; font-family:Microsoft Yahei;width:100%;line-height:23px;} #kc2{margin-top:6%;} */ #footer{background:#CCCCCC; font-family:Microsoft Yahei; padding-top:10px; padding-bottom:70px;} #footer p{ padding-top:2%; padding-bottom:0%;} #zx ul li{float:left;width:33%;text-align:center;height: 35px;line-height: 35px;color: #fff;font-size: 1.1em;} #zx img{width:100%;} #miao{ margin-left:auto; margin-right:auto; width:95%; margin-top:5%;} #hr_d{border-top:#cacaca dashed .5px; border-bottom:0px;} #miao p{ font-family:Microsoft Yahei; font-size:1.3em; color:#000000;} #miao #hr1{margin-top: 5%;} #shu ul li{ float:left; border:0px solid #CCCCCC; text-align:center; margin-right:0.9%;font-size:1em; font-family:Microsoft Yahei;} #shu{ margin-top:5%;} #lb{font-family:Microsoft Yahei; font-size:1.2em;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;margin-top: 5%;margin-left:auto; margin-right:auto; width:95%;} #lb1 ul li{margin-top:2%;margin-bottom:3%;margin-left: 5%;} #lb1 ul{ list-style-type:disc;position: relative;color:014680;margin-top:5px;} #tu{ margin-top:5%; margin-left:auto; margin-right:auto; width:95%;} #ying{background:#000;color:#fff;position: absolute; opacity: 0.8; text-align: center; font-size:1em; padding-top: 5px; padding-bottom: 5px;width:160px;top:85px;text-align:center;} #ying1{width:160px; height:100px;} #tu2{display:none;} #tu4{display:none;} #tu6{display:none;} #neirong{ margin-left:auto; margin-right:auto; width:95%;} #neirong #title{ font-size:1.4em; font-family:Microsoft Yahei; text-align:center; color:#0000FF;margin-top: 5%;} #neirong #info{font-size:1.2em; font-family:Microsoft Yahei; text-align:center;margin-top:5%; margin-bottom:5%;} #ycgg{ margin-left:auto; margin-right:auto;margin-top: 30px;background:#e9e9e9;height:120px} #ycgg #hong{font-size:1.2em; font-family:Microsoft Yahei; color:#FFFFFF; background:#FF0000; float:left;text-align:center;padding-left:2%;padding-right:2%;width:1.5em;height:115px;line-height:23px;padding-top:5px;} #ycgg #hui{font-size:1.1em; font-family:Microsoft Yahei; float:right;width:85%; margin-right:1%;margin-top:0%;margin-bottom:0%;height:120px} #neirong1 {font-size:1.3em; font-family:Microsoft Yahei;margin-top:5%;margin-bottom:5%;line-height:30px;} #juzh{vertical-align:middle;height:120px;line-height:24px;} } @media screen and (min-width: 1300px){ #zx ul li{float:left;width:33%;margin-right:0.5%;text-align: center;height: 35px; line-height: 35px;color: #fff;} #zx ul li img{width:100%;} #footer{background:#CCCCCC; font-family:微软雅黑; padding-top:20px; padding-bottom:70px; font-size:16px; line-height: 35px;} #zkgd{ display:none;} #zkgd1{ display:none;} #zkgd2{ display:none;} #zkgd3{ display:none;} #zkgd4{ display:none;} #zkgd5{ display:none;} #zx2{ display:none;} #zx_2{ display:none;} #sz-d{display:none;} .bg{ background:url(../image/yuan.jpg) center no-repeat; height:45px; float:left; width:181px; color:#FFFFFF; font-size:28px; font-family:Microsoft Yahei;line-height: 45px;border-bottom: 1px solid;} .bg1{ background:none; height:45px; float:left; width:181px; color:#014680; font-size:28px; font-family:Microsoft Yahei;line-height: 45px;border-bottom: 1px solid;} hr{ padding:0px; margin:0px;} #bian{ width:700px; margin-left:auto; margin-right:auto;} #daohang{ background:#014680; height:80px;} #mulu{ float:left;margin-top: 15px; margin-left: 40px;} #zhong{ margin-left:auto; margin-right:auto; width:33%; padding-top: 3px;} #tel400{ float:right;margin-top: -65px; margin-right:40px;} #nav{ background:#e9e9e9;height: 100px; line-height: 40px; padding-top: 10px;} #clear{ clear:both;} #nav ol li{ float:left; font-family:Microsoft Yahei; font-size:24px;; width: 25%; text-align: center; } #zixun ul li{ font-size:16px; font-family:Microsoft Yahei; text-align:left; } #zixun{ margin-left:auto; margin-right:auto; width:650px; margin-top: 30px; line-height: 50px; } #hr1{ border-top:#cacaca solid .5px;} #zhan{ background:url(../image/bg.jpg) center no-repeat; height:72px;margin: 40px auto;} #zhan p{ font-size: 16px;padding-top:40px;} #bg{ background:url(../image/yuan.jpg) center no-repeat; height:45px; float:left; width:181px; color:#FFFFFF; font-size:28px; font-family:Microsoft Yahei;line-height: 45px;border-bottom: 1px solid;} #bg1{ background:none; height:45px; float:left; width:181px; color:#014680; font-size:28px; font-family:Microsoft Yahei;line-height: 45px;border-bottom: 1px solid;} #hr{ border-bottom:.5px solid #9d9d9d; border-top:0px;} #ht{ width:650px; margin-left:auto; margin-right:auto;} #bkzn ul li{ float:left; width: 25%;text-align: center;} #bkzn ul li p{ font-family:Microsoft Yahei; font-size:20px;} #bkzn{ width:650px; margin-left:auto; margin-right:auto;} #zxzx{margin-top: 30px;width:650px; margin-left:auto; margin-right:auto;} #zxnr{ font-family:Microsoft Yahei; font-size:16px;} #zxnr span{ color:#000000;} #zxnr ul li{margin-left: 15px;} #zxnr ul{ line-height:40px;list-style-type:disc;position: relative;margin-left:5px;color:014680;margin-top:30px;} #ycsz{ width:650px; margin-left:auto; margin-right:auto;} #sz1 #left{ float:left;} #sz1 #right{ float:left; margin-left: 25px;} #sz1 #right p{ font-size:25px; font-family:Microsoft Yahei;} #sz1 #right span{ font-size:18px;} #sz1{margin-top: 40px;} #sz2 #left{ float:left;} #sz2 #right{ float:left; margin-left: 25px;} #sz2 #right p{ font-size:25px; font-family:Microsoft Yahei;} #sz2 #right span{ font-size:18px;} #sz2{margin-top: 40px;} #cgal{ margin-top:40px;width:650px; margin-left:auto; margin-right:auto;} #jqkc{ width:650px; margin-left:auto; margin-right:auto;} #kc1 #left{ float:left;} #kc1 #right{ float:left; margin-left: 25px;width:330px;} #kc1 #right p{ font-size:25px; font-family:Microsoft Yahei;} #kc1 #right span{ font-size:18px;} #kc1{margin-top: 40px;} #kc2 #left{ float:left;} #kc2 #right{ float:left; margin-left: 25px;width:330px;:} #kc2 #right p{ font-size:25px; font-family:Microsoft Yahei;} #kc2 #right span{ font-size:18px;} #kc2{margin-top: 40px;} #miao{ margin-left:auto; margin-right:auto; width:650px; margin-top:20px;} #hr_d{border-top:#cacaca dashed .5px; border-bottom:0px;} #miao p{ font-family:Microsoft Yahei; font-size:20px; color:#000000;} #miao #hr1{margin-top: 8px;} #lb{margin-top: 20px;width:650px; margin-left:auto; margin-right:auto;} #lb1{ font-family:Microsoft Yahei; font-size:16px;} #lb1 span{ color:#000000;} #lb1 ul li{margin-left: 15px;} #lb1 ul{ line-height:40px;list-style-type:disc; position: relative;color:014680;margin-top:20px;} #shu ul li{ float:left; height:15px; border:0px solid #CCCCCC; text-align:center; margin-right:15px;} #shu{ margin-top:15px;} #tu{ margin-top:30px; margin-left:auto; margin-right:auto; width:650px;} #tu1 ul li{ float:left; margin-left:50px; } #tu1 #div1{ float:left; text-align:center; margin-top:65px;} #tu1 #div2{ float:right; text-align:center; margin-top:65px;} #tu1{ margin-top:30px;} #tu2 ul li{ float:left; margin-left:50px; } #tu2 #div1{ float:left; text-align:center; margin-top:65px;} #tu2 #div2{ float:right; text-align:center; margin-top:65px;} #tu2{ margin-top:30px;display:none;} #bzdl2,#bzdl3{display:none} #ktly2,#ktly3{display:none} #ying{background:#000;color:#fff;position: absolute; width: 246px; opacity: 0.8; text-align: center; font-size: 15px; padding-top: 5px; padding-bottom: 5px; margin-top: -29px;} #neirong{ margin-left:auto; margin-right:auto; width:650px;} #neirong #title{ font-size:20px; font-family:Microsoft Yahei; text-align:center; color:#0000FF;margin-top: 20px;} #neirong #info{font-size:14px; font-family:Microsoft Yahei; text-align:center;margin-top: 15px; margin-bottom: 15px;} #ycgg{ margin-left:auto; margin-right:auto; width:650px;margin-top: 30px;} #ycgg #hong{font-size:15px; font-family:Microsoft Yahei; color:#FFFFFF; background:#FF0000; float:left;text-align:center;width: 27px; height: 90px; line-height:21px;} #ycgg #hui{font-size:15px; font-family:Microsoft Yahei; float:left;width: 600px; padding-left:10px; padding-right:10px;margin-top: 12px;} #neirong1{font-size:17px; font-family:Microsoft Yahei; line-height:28px; margin-top:30px;} } /* css 重置 */ .picScroll body, p, input, h1, h2, h3, h4, h5, h6, dl, dt, dd, form { margin: 0; padding: 0; list-style: none; vertical-align: middle; font-weight:normal; } img { border:0; margin: 0; padding: 0; } /* 本例子css -------------------------------------- */ .picScroll{ margin:10px auto; text-align:center; } .picScroll .bd ul{ width:100%; float:left; padding-top:10px; } .picScroll .bd li{ width:48%; float:left; font-size:14px; text-align:center;margin-left:1% } .picScroll .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ } .picScroll .bd li img{ width:100%; height:auto; background:url(../image/loading.gif) #fff center center no-repeat; } .picScroll .hd{ height:40px; line-height:40px; overflow:hidden; text-align:left; padding:0 10px;margin-left:auto; margin-right:auto; width:37%; } .picScroll .hd ul{ float:right; padding-top:16px; } .picScroll .hd li{ float:left; width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } .picScroll .hd .on{ background:#80BD6D; } .picScroll .prev,.picScroll .next{ display:block; float:right; width:18px; height:18px; background:url(../image/pisScrollIcons.gif) -6px -7px no-repeat; overflow:hidden; margin:11px 5px 0 5px; } .picScroll .next{ background-position:-34px -7px; } .picScroll .prevStop{ background-position:-6px -40px; } .picScroll .nextStop{ background-position:-34px -40px; }