@charset "utf-8"; body,div,h1{ margin: 0; padding: 0; } img{ border: 0; } .js-silder{ position: relative; min-width: 320px; } .silder-scroll{ width: 100%; overflow: hidden; } .silder-main{ position: relative; width: 100%; overflow: hidden; } .silder-main-img{ position: absolute; top: 0; left: 0; width: 100%; } .silder-main-img img{ width: 100%; } .js-silder-ctrl{ width: 100%; text-align: center; } .silder-ctrl-prev, .silder-ctrl-next{ position: absolute; top: 0; width: 8%; height: 100%; vertical-align: middle; cursor: pointer; color: #fff; font-family: "宋体"; font-size: 52px; font-weight: 600; text-shadow: #666 2px 2px 5px; } .silder-ctrl-prev{ left: 0; text-align: left; } .silder-ctrl-next{ right: 0; text-align: right; } .silder-ctrl-prev>span, .silder-ctrl-next>span{ position: absolute; top: 50%; margin-top: -40px; } .silder-ctrl-prev>span{ left: 0; } .silder-ctrl-next>span{ right: 0; } .silder-ctrl-con{ display: inline-block; width: 4%; padding: 10px 0; margin: 0 10px; cursor: pointer; } .silder-ctrl-con>span{ display: block; line-height: 0; text-indent: -9999px; overflow: hidden; padding: 5px 0; cursor: pointer; background-color: #e4e4e4; } .silder-ctrl-con.active>span{ background-color: #7bbedf; } @media (max-width: 768px){ .silder-ctrl-prev, .silder-ctrl-next{ width: 10%; font-size: 26px; margin-top: -25px; } .silder-ctrl-con{ width: 14px; height: 14px; padding: 0; margin: 0 5px; } .silder-ctrl-con>span{ display: block; width: 100%; height: 100%; border-radius: 50%; padding: 0; } } /*新加开始*/ body{margin: 0;padding: 0;overflow-x: hidden;} img,a,ul,li{margin: 0;padding: 0;text-decoration: none;} ul,li{list-style: none;} a{cursor: pointer;} .head{width:100%;height: 140px;margin: 0 auto;} .head .sousuo{width: 1220px;margin: 0 auto;height: 140px;position: relative;} .head>img{position: absolute;top: 0;right: 50%;margin-right: -960px;} .head .seach{position: absolute;right: 4%;top: 88px;width: 250px;height: 36px;background-color: white;border-radius: 10px;border: 1px solid #ccc;} .head .seach .btn{width: 25%;height: 100%;float: right;background-color: #316db4;border-radius:4px 10px 10px 4px;cursor: pointer;} .head .seach .btn p{text-align: center;line-height: 36px; margin: 0;padding: 0;color: aliceblue;} .nav{background-image: url(/uploads/image/simages/ywdt_06.png);background-repeat: repeat-x;height: 53px;/*width:100%;*/margin: 0 auto;} .nav .nav-in{width: 100%;margin: 0 auto;} .nav .nav-in ul li{float: left;width: 12.5%;text-align: center;line-height: 53px;} .nav .nav-in ul li:hover{background-color: aliceblue;} .nav .nav-in ul li:hover a{color: #316db4;} .nav .nav-in ul li a{color: aliceblue;font-size: 22px;font-family: "微软雅黑";font-weight: bold;} .nav .nav-in ul li:hover,.nav .nav-in ul li.selected{background-color: aliceblue;} .nav .nav-in ul li:hover a,.nav .nav-in ul li.selected a {color: #316db4;text-decoration: none;} .content{width: 100%;margin-top: 6px; border-top: 2px solid #ccc;background-image: url(/uploads/image/c100images/bg_02.png);background-repeat: repeat-x;position: relative;padding-bottom: 20px;} .content .content-in{width: 1220px;margin: 0 auto;} .content .bg-left{position: absolute;left: 0;bottom: 0;z-index: -1} .content .bg-right{position: absolute;right: 0;bottom: 0;z-index: -1} .content .content-in .news{background-color: white;margin-top: 10px;padding-bottom: 20px;} .content .content-in .news .site{padding-left: 20px;line-height: 50px;margin: 0;} .content .content-in .news .site a{color: #333;} .content .content-in .news .site span{color:#316db4;} .content .content-in .news .sj-news{margin: 10px 0;} .content .content-in .news .sj-news li{/*width: 96%;*/margin: 0 auto; border-bottom: 1px dotted #316db4;} .content .content-in .news .sj-news li>a{float: left;color: #333; padding-left: 16px; background: url(/uploads/image/c100images/ywdt_19.png) no-repeat left 20px;} .content .content-in .news .sj-news li span{float: right;} .news ul li{ margin: 0 auto;line-height:48px;height: 48px;border-bottom: 1px dotted #316db4;width:99%;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;position: relative;overflow: hidden;} /*链接头图开始*/ .lianjietop{width:1220px;margin:80px auto;margin-bottom: 0px;} /*链接头图结束*/ .foot{width: 100%;margin: 0 auto;background-color: #eaf0f3;} .foot>img{margin: 0 auto;display: block;} .foot .in-foot{width: 1220px;margin: 0 auto;} .foot .footer{width: 80%;float: left;} .foot .footer p{line-height: 24px;} .foot .footer span{margin: 0 10px;} .foot .footer span,a{color: #35527d;font-size: 16px;} .foot .footer span img{vertical-align: middle;} .foot .foot-pic{float: right;} .foot .foot-pic img{vertical-align: middle;margin: 10px;} .foot .in-foot .erweima{width: 480px;margin: 0 auto;} .foot .in-foot .erweima .lxwm{float: left;} .foot .in-foot .erweima .lxwm span{margin-left: 10px;} .foot .in-foot .erweima .weixin,.weibo,.toutiao{float: left;margin: 0 30px;} .foot .in-foot .erweima div img{width: 100px;} .pc-none{display:none;} .clearfix{clear: both;} /*在768和991像素之间的屏幕里,小屏幕,主要是pad*/ @media(min-width:768px) and (max-width:991px){ .content .content-in{width: 100%;margin: 0 auto;} .content .content-in>img{margin:0; padding:0; width:100%; height: 100%; object-fit: cover;/*重要 如图片比div大只显示图片中间部分*/} .news ul li{ width:99%; margin: 0 auto; line-height: 58px; height: 58px; border-bottom: 1px dotted #316db4; margin-bottom: 0.5em; width:99%;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;position: relative;overflow: hidden;} .content .content-in .news li>a{font-size: 1.6em;} .nav .nav-in ul li a { font-size: 1.7em;} .content .content-in .news .sj-news li>a { font-size: 2.0em;} .news .positon{font-size:1.8em;} .news .positon a{font-size:1.0em;} .pc-none{display:block;} .shouji-none{display:none;} } *{margin:0;padding:0;} .nav{background-image: url(/uploads/image/simages/ywdt_06.png);background-repeat: repeat-x;height: 53px;width:100%;margin: 0 auto;} .nav .nav-in{width: 1220px;margin: 0 auto;} .nav .nav-in ul{list-style:none;} .nav .nav-in ul li{float: left;width: 12.5%;text-align: center; line-height: 53px;} .nav .nav-in ul li:hover,.nav .nav-in ul li.selected{background-color: aliceblue;} .nav .nav-in ul li:hover a,.nav .nav-in ul li.selected a {color: #316db4;text-decoration: none;} .nav .nav-in ul li a{color: aliceblue;font-size: 22px;font-family: "微软雅黑";font-weight: bold;} img,a,ul,li{margin: 0;padding: 0;text-decoration: none;} ul,li{list-style: none;} @media(min-width:768px) and (max-width:991px){ /*链接头图开始*/ .lianjietop{width:100%;} .lianjietop img{width:100%;} /*链接头图结束*/ .nav .nav-in{width: 100%;margin: 0 auto;} .nav .nav-in ul li{float: left;width: 12.5%;text-align: center; line-height: 53px;} .nav .nav-in ul li a { font-size: 1.7em;} }