body{padding:0;margin:0;font-size:16px;font-family:"微软雅黑";min-width:1200px;} a{text-decoration:none} ul,li{list-style:none;} img{border:0px;} ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p,input{padding:0;margin:0} .clear{clear:both;height:0px;ine-height:0px} article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block} .w100{width:100%;margin:0 auto;min-width:1300px;} .w1200{width:1200px;margin:0 auto;} .txt-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase; font-style:italic} .fl{float:left; display:inline;} .fr{float:right;display:inline;} .top{position:relative;} .head-bg{background:url(../images/bg1.png) top center no-repeat;height:120px; top:0px;left:0px;z-index:9;} .head{padding:20px 0px;} .logo{margin-top:10px;} .logo a,.logo a img{display: block;width:487px;height:62px;} .head-r{width:700px;} .head-t{overflow: hidden;text-align: right;margin-top:7px;} .form{float: right;width:200px;height:30px;overflow: hidden;background:url(../images/so-bg.png) left center no-repeat;} input.search-left{float:left;width:158px;padding-left:10px;border:none;background:none;height:30px;line-height: 30px;font-size:14px;color:#fff} input.search-right{float: right;width:15px;height:30px;margin-right:12px;} .head-a{float: right;line-height: 30px;height:30px;color:#fff;margin-left:30px;font-size:16px;} .head-a a{display:inline-block;color:#fff;} .head-a span{display:inline-block;padding:0px 5px;} .navBar{position: relative;} .nav{height:50px;text-align:right} .nav a{color:#fff;} .nav h3{display:block;font-weight:normal;} .nav .m{display:inline-block;font-size:20px;position:relative; } .nav h3 a{display: block;padding:0px 10px;line-height:60px;} .nav .on h3 a,.nav .on h3:hover a{color:#ff0;} .nav .sub{ display:none; width:200px;position:absolute; right:10px; top:54px;z-index:99;background:url(../images/nav-bt.png) 160px top no-repeat;padding-top:10px;} .nav .sub li a{ display:block;padding:5px 10px;line-height:30px;border-bottom:1px solid #394e8b;text-align:left;font-size:14px;background:url(../images/lan.png) repeat;} .nav .sub li a:hover{color:#ff0;font-size:16px;} .fullSlide{/* height:600px; */overflow:hidden;position:relative;z-index:1;} .fullSlide .bd{width:100% !important;/* height:600px; */margin:0 auto;z-index:1;} .fullSlide .bd ul{width:100% !important;/* height:600px; */margin:0 auto;} .fullSlide .bd ul li{width:100% !important;height:600px; margin:0 auto;text-align: center;} .fullSlide .bd ul li a{display:block;position:relative;text-align: center;color:#fff;} .fullSlide .bd li a img{width:1920px !important;height:600px;} .fullSlide .bd li a div.tt{position:absolute; z-index:100; left:50%;margin-left:-284px;bottom:78px;overflow:hidden;width:800px;padding:27px 42px;text-align: left;background:url(../images/lan.png) repeat;font-size:24px;} .fullSlide .bd li a div.tt p{height:72px;line-height:36px;overflow:hidden;} .fullSlide .hd{width:100%;position:absolute; z-index:2; bottom:20px; right:0px;height:36px; line-height:36px; text-align:center;} .fullSlide .hd ul{ text-align:center;} .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:13px; height:13px; margin:13px 5px; background:url(../images/li.png) bottom no-repeat; overflow:hidden; line-height:9999px;opacity: 0.5;} .fullSlide .hd ul li.on{opacity:1;} .part-h{overflow: hidden;height:60px;line-height:60px;} .part-hh{font-size:24px;font-weight:bold;float:left;text-transform:uppercase;} .more{float:right;padding-top:24px;} .more a,.more a img{display: block;width:50px;height:12px;} .p1-bg{background:#f8f8f8;padding-top:20px;} .part1{padding:35px 30px;width:1140px;height:355px;margin:auto;overflow: hidden;} .p1-box{float: left;width:228px;} .p1-box a{display: block;color:#333;height:200px;overflow: hidden;} .pb1-con p{height:90px;line-height:30px;overflow: hidden;font-size:18px;} .pb1-dd{height:45px;line-height: 45px;color:#fff;font-size:16px;background:url(../images/t.png) 20px center no-repeat #0051a3;padding-left:30px;width:110px;margin:auto;border-radius: 5px;/* position: absolute; *//* top: 0; *//* left: 0; */} .pb1-dd span{display: inline-block;padding:0px 25px;} .date1 span{display: inline-block;padding:0px 2px;} .bl .pb1-con{padding-bottom:56px;background:url(../images/hr1.png) bottom center no-repeat;margin-bottom:9px;} .br .pb1-con{padding-top:56px;background:url(../images/hr2.png) top center no-repeat;margin-top:9px;} .br a{margin-top:155px;} .bl a:hover .pb1-con{animation: txttop 1s;-moz-animation: txttop 1s;-webkit-animation: txttop 1s;-o-animation: txttop 1s;} .br a:hover .pb1-con{animation: txtend 1s;-moz-animation: txtend 1s;-webkit-animation: txtend 1s;-o-animation: txtend 1s;} .part2{padding:30px 0px 60px 60px;} .part2 ul.list li a{height:124px;} ul.list{width:1230px;overflow: hidden;} ul.list li{float:left;width:380px;overflow: hidden;margin-right:30px;margin-top:10px;} ul.list li a{display: block;width:380px;color:#111;} ul.list li a div.li-tt{font-size:18px;height:64px;line-height: 32px;overflow: hidden;} .date1{color:#999;height:40px;line-height:40px;background:url(../images/t.png) 0px center no-repeat;padding-left:28px;margin-top:20px;} .p3-bg{position: relative;background:url(../images/bg1.jpg) center no-repeat \9;height:545px;overflow: hidden;} #canvas{width:100%;height:545px;overflow: hidden;position:absolute;top:0px;left:0;background-color:#d3cece;z-index:1;} .part3{position: relative;z-index: 2;padding-top:40px;} .part3 .part-h{color:#fff;} .part3 ul{overflow: hidden;margin-top:20px;width:1228px;} .part3 ul li{float:left;margin-right:30px;width:277px;height:356px;} div.li-i,div.li-i img{display: block;width:217px;height:140px;} div.li-h{line-height: 32px;height:96px;overflow: hidden;margin-top:15px;font-size:18px;} .part3 ul li .date1{height:30px;line-height:20px;margin-top:10px;} .part3 ul li a:hover .date1{color:#fff;} .p4-bg{background:url(../images/bg2.png) top center no-repeat;height:640px;} .part4{padding-top:40px;} ul.list li a{height:184px;overflow:hidden;margin-top:10px;} ul.list li a div.li-con{font-size:16px;color:#999;line-height: 30px;height:60px;} .top-bt{background:url(../images/btn.png) top center no-repeat;margin-top:-58px;height:58px;} .top-bt a{display:block;width:66px;height:33px;margin:auto;} .foot-bg{background:#0051a3;padding-bottom:30px;padding-top:40px;} .foot{padding-top:60px;overflow: hidden;} .foot-b{float:left;margin-right:30px;width:380px;text-align: center;} .fb-h{font-size:24px;color:#fff;height:60px;line-height:60px;margin-bottom:10px;} .fb-tt p{line-height: 20px;font-size:14px;color:#ababab;font-family: "Arial";} .bq{text-align: center;font-size:12px;color:#fff;height:40px;line-height:40px;margin-top:40px;} .banner{ max-width:1920px; margin:0 auto; overflow: hidden; text-align: center; } .banner .slick-dots { bottom: 10px; } .banner .slick-dots li { width: 45px; height: 3px; border-radius: 2px; background-color: #ffffff; margin: 0 7px; } .banner .slick-dots .slick-active { background-color: #0051a3; } .banner a { display: block; } .banner img { width: 100%; } .center{background:#fff;padding-bottom:80px;} .live-bg{background:#f8f8f8;height:70px;line-height: 70px;font-size:16px;color:#999;} .live a{display: inline-block;padding:0px 5px;color:#999;} .fanye{margin-top:60px;text-align: center;} .search-left.content{padding:40px 0px;min-height:300px} .list-con .content{padding:40px 0px;min-height:300px} .list-h{line-height:60px;height:60px;font-size:24px;font-weight:bold;text-align: center;text-transform:uppercase;} .list-con ul.list{padding:20px 0px;} .content{min-height:300px;padding:40px} .con_h{margin: auto;line-height: 40px;text-align: center;font-size:24px;font-weight:bold;text-align: center;text-transform:uppercase;margin-top:20px;} .con-span{font-size:16px;color:#999;height:40px;line-height: 40px;text-align: center;margin-top:20px;} .con{margin-top:20px;} .con p{line-height:30px;font-size:16px;color:#666;text-indent: 2em;} .con img{display: block;margin:auto;margin-top:10px;margin-bottom: 10px;} .head-a a:hover,.fullSlide .bd li a div.tt:hover,.pb1-dd:hover{color:#ff0;} .pb1-con p:hover,ul.list li a:hover,.live a:hover{color:#f00;} .logo a:hover img{animation: imgscale 1s;-moz-animation: imgscale 1s;-webkit-animation: imgscale 1s;-o-animation: imgscale 1s;} /*加小屏*/ .wap { display: none; } @media screen and (max-width: 1400px) {} @media screen and (max-width: 1200px) { img, input { border: 0; outline: none; } .w1200{width: 100%;margin: 0 auto;padding: 0 10px;box-sizing: border-box;} .w100{width: 100%;min-width: 100%;margin: 0 auto;} body { padding-top: 60px; min-width: 100%; } .pc { display: none; } .wap { display: block; } .b-top { display: none; } .m-head { position: fixed; top: 0; left: 0; right: 0; background: #0054a3; padding: 10px; z-index: 999; box-shadow: 0 5px 5px rgb(0 0 0 / 20%); } .m-logo { font-size: 0; } .m-logo a { font-size: 0; line-height: 40px; } .m-logo img { max-height: 40px; max-width: 80%; vertical-align: middle; } .m-tlink { padding: 10px 15px 0 15px; } .m-tlink a { font-size: 14px; margin-right: 15px; margin: 5px 0; color: #fff; display: inline-block; font-size: 14px; line-height: 24px; background: #fff; color: #333; line-height: 30px; padding: 0 15px; border-radius: 5px; margin: 0 4px; } .m-search { margin: 0 15px; padding-right: 50px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; position: relative; line-height: 35px; /* background: #fff; */ margin-top: 15px; border: 1px solid #fff; } .m-search input[type="text"] { display: block; width: 100%; line-height: 25px; background: none; color: #fff; } .m-search input[type="text"]::placeholder { color: #fff; } .m-search input[type="image"] { position: absolute; right: 10px; top: 10px; height: 15px; } .m-nav { position: fixed; top: 60px; left: 100%; right: 0; bottom: 0; z-index: 999; background: #0054a3; overflow-y: scroll; border-top: 1px solid #fff; } .m-nav ul { padding: 0 15px; /* border-top: 1px solid rgba(255, 255, 255, 0.2); */ } .m-nav ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); position: relative; } .m-nav ul li>span.on { transform: rotateZ(90deg); } .m-nav ul li ul { display: none; } .m-nav ul li ul li { border: none; } .m-nav>ul>li a { display: block; font-size: 14px; line-height: 20px; padding: 15px 0; position: relative; color: #fff; } .m-nav>ul>li ul li a { padding: 10px 0; } .m-nav>ul>li>span { position: absolute; width: 20px; height: 20px; background: url(../images/m-nav_down.png) no-repeat; background-size: 14px 14px; background-position: center center; right: 0; top: 15px; cursor: pointer; display: block; color: #fff; transition: all 0.3s; } .mtop { max-width: 1920px; margin: 0 auto; position: fixed; right: 10px; top: 18px; width: 25px; height: 25px; z-index: 9999; } .mtop>img { display: block; width: 100%; } .wap-menu { position: absolute; top: 0; right: 0; z-index: 99999; font-size: 0; } .wap-menu img { height: 25px; } .close-menu { display: none; position: absolute; right: 0; top: 0; } .fullSlide{height:auto} .fullSlide .bd{height:auto} .fullSlide .bd ul{height: auto } .fullSlide .bd ul li{height:auto} .fullSlide .bd ul li img{height:auto;width: 100%;} .part1{ width: 100%; height: auto; padding: 20px 0; } .p1-box{width: 100%;margin-bottom: 20px;} .br a{ margin-top: 0; } .bl .pb1-con{ padding-bottom: 0; background: none; position: absolute; left: 160px; margin-bottom: 0; } .br .pb1-con{ padding-top: 0; background: no-repeat; position: absolute; top: 0; margin-top: 0; left: 160px; } .pb1-dd{ position: absolute; top: 0; left: 0; } .pb1-con p{height: 45px;overflow: hidden;line-height: 22.5px;} .p1-box a{height:auto;position: relative;height: 50px;} .p1-bg{margin:0 auto;padding: 0 2%;box-sizing: border-box;} .part2{ padding: 20px 0; padding: 0 2%; box-sizing: border-box; } ul.list{ width: 100%; } ul.list li{ width: 50%; margin-right: 0; } .part2 ul.list li a{ width: 100%; height: auto; overflow: hidden; } .date1{ margin-top: 0; } .p3-bg{ padding: 0 2% 50px 2%; box-sizing: border-box; height: auto; overflow: hidden; background-size: cover; } .p3-bg #canvas{height:100%; overflow:hidden} .part3 ul{ width: 100%; } .part3 ul li{ width: 25%; margin-right: 0; } .p4-bg{ width: 100%; height: auto; overflow: hidden; padding: 0 2%; box-sizing: border-box; } ul.list li{ width: 100%; } ul.list li a{width:100%;height: auto;} ul.list li a div.li-tt{ height: auto; } .part3 ul li{ width: 50%; margin-right: 0; height: auto; overflow: hidden; } .part3 ul li.line a{width: 100% !important;box-sizing: border-box;} .part3 ul li.line a svg line{display:none} div.li-i, div.li-i img{width:100%;height: auto;} .part3 ul li.line a{height: auto !important;padding: 20px !important;} div.li-h{height: 32px;} ul.list li a div.li-con{height:auto} .banner{} .banner img{ width: 100%; height: auto; } .foot-bg{ padding-bottom: 0; } .foot-bg p{font-size:16px; color:#fff} .foot-bg p span{font-size:16px !important; color:#fff !important} } @media screen and (max-width: 1024px) { .content p img{display:block;margin:0 auto; max-width:100%;height:auto} .live-bg{height: 42px !important;line-height: 42px;padding: 0;margin-bottom: 10px;} } @media screen and (max-width: 768px) { } @media screen and (max-width: 420px) {}