body{min-width: 1440px;} /* big_focus */ .big_focus{width:100%; height:900px; overflow:hidden; position:relative;min-width: 1440px;max-width: 1920px;margin-left: auto;margin-right: auto;} .big_focus .hd{ height:20px; overflow:hidden; position:absolute; right:0; bottom:51px; z-index:1; text-align: center;width: 100%;} .big_focus .hd ul{ overflow:hidden; zoom:1;} .big_focus .hd ul li{margin-right:13px; width:13px; height:13px;background:#fff; cursor:pointer; opacity: 0.3;border-radius: 50%;display: inline-block;} .big_focus .hd ul li.on{ background:#fff;opacity: 1;} .big_focus .bd{height:100%;width: 1920px;} .big_focus .bd li{ zoom:1;} .big_focus .bd img{width:100%; height:100%;} .big_focus .prev, .big_focus .next{ position:absolute; left:50%; top:50%; margin-top:-25px; display:block; width:32px; height:59px;} .big_focus .next{ left:auto; right:50%;background: left center no-repeat;margin-right: -850px;} .big_focus .prev{background: left center no-repeat;margin-left: -850px;} /* 大轮播 */ .slide_container {position:relative;width: 100%;margin:0px auto;z-index:1;overflow:hidden;background:#069;} .rslides {/* position: relative; *//* list-style: none; *//* overflow: hidden; *//* width: 100%; *//* padding: 0; *//* margin: 0; *//* z-index:1; */} .rslides li {position: absolute;width: 100%;left: 0;top: 0;background:#000;} .rslides li img {display: block;position:relative;z-index: 1;/* height: auto; */width:100%;border: 0;} .rslides .caption {display: block; position: absolute; z-index: 2; font-size: 14px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none;} .banner_left_btn{display: none;} .banner_right_btn{display: none;} .rslides_tabs{ width:100%; position:absolute; bottom:20px; left:0px; text-align:center; z-index:20000; * margin-left:47%;} .rslides_tabs li{ width:15px; height:10px; border-radius:5px;margin-right:15px; background:#fff; display:inline-block; cursor:pointer; z-index:20000; * display:inline; position:relative; * float:left;} .rslides_tabs li a{ float:left; width:10px;height:10px;display: block; border-radius:5px; text-align:center; font-size:0px; opacity: 0.3;} .rslides_tabs li.rslides_here{margin-right:15px;width:10px; height:10px;} .rslides_tabs li.rslides_here a{width:10px; height:10px; background:#fff;opacity: 1;} /* news_box */ .news_box{margin: 80px auto 0;width: 1440px;} .news_title{margin: 0 auto;width: 520px;} .news_left{width: 685px;margin-top: 70px;} .news_one{width: 685px;height: 400px;position: relative;} .news_one img{width: 685px;height: 400px;} .news_one p{position: absolute;left:0;bottom: 0;width: 100%;height: 78px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.51) 100%);line-height: 100px;font-size: 18px;text-indent: 15px;color: #fdfdfd;} .news_two{width: 333px;height: 189px;margin-top: 20px;position: relative;} .news_two img{width: 333px;height: 189px;} .news_two p{position: absolute;left:0;bottom: 0;width: 100%;height: 52px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.51) 100%);line-height: 70px;font-size: 16px;text-indent: 15px;color: #fdfdfd;overflow: hidden;} .news_two:nth-child(2){margin-left: 19px;} .news_right{width: 705px;margin-left: 49px;margin-top: 70px;} /* tab_box */ .tab_box{ width:705px;} .tab_box .hd{ height:44px;border-bottom:1px solid #cad6ef; position:relative; } .tab_box .hd ul{ float:left; position:absolute; left:0; top:1px; height:44px; } .tab_box .hd ul li{ float:left; padding:0 18px; cursor:pointer;font-size: 20px;color: #333;line-height: 40px;} .tab_box .hd ul li.on{border-bottom:3px solid #1b449c;height: 44px;color: #1b449c;} .tab_box .more{float: right;margin-top: 15px;font-size: 15px;} .tab_box .more a{color: #1b449c;} .tab_box .bd ul{margin-top: 20px;height: 320px;} .tab_box .bd li{position: relative;height: 36px;line-height: 36px;width: 100%;text-indent: 20px;font-size: 16px;} .tab_box .bd li i{position: absolute;width: 5px;height: 5px;background:#b8c4da;left: 0;top: 50%;margin-top: -2.5px;} .tab_box .bd li .date{ float:right; color:#818181;} .bulletin_box{width: 705px;margin-top: 20px;} .bulletin_title{height: 44px;border-bottom: 1px solid #cad6ef;} .bulletin_title span{padding: 0 18px;cursor: pointer;font-size: 20px;border-bottom: 3px solid #1b449c;display: inline-block;height: 45px;line-height: 40px;color: #1b449c;} .bulletin_title a{float: right;margin-top: 15px;font-size: 15px;color: #1b449c;} .bulletin_box ul{margin-top: 20px;} .bulletin_box ul li{position: relative;height: 36px;line-height: 36px;width: 100%;text-indent: 20px;font-size: 16px;} .bulletin_box ul li i{position: absolute;width: 5px;height: 5px;background:#b8c4da;left: 0;top: 50%;margin-top: -2.5px;} .bulletin_box ul li .date{ float:right; color:#818181;} .topic_box{width: 1440px;height: 178px;margin-top: 40px;} .topic_box img{width: 1440px;height: auto;} /* business_box */ .business_box{width: 100%;height: 926px;background: #f4f6f8;margin-top: 90px;padding-top: 1px;} .earth_bg{width: 100%;height: 816px;background: center top no-repeat;margin-top: 54px;} .earth_box{width: 1440px;margin: 0 auto;height: 816px;padding-top: 1px;} .earth_title{width: 539px;height: 85px;margin: 78px auto 0;} .earth_link{width: 1260px;margin: 0 auto;} .earth_link_item{width: 180px;height: 48px;margin-left: 30px;margin-top: 72px;border: 1px solid rgba(255,255,255,0.5);position: relative;background: rgba(255,255,255,0.18);} .earth_link_title{width: 180px;height: 48px;position: relative;color: #fff;font-size: 16px;line-height: 48px;text-align: center;cursor: pointer;} .earth_link_title img{position: absolute;right: 15px;top: 20px;} .earth_link_item .url_list_box{position: absolute;left: 0;top: 48px;background: #fff;border-radius: 0px 0px 2px 2px; padding-right: 2px;display: none;z-index: 9;} .url_list_box ul {width: 177px;height:214px;overflow-x: hidden;} .earth_link_item ul::-webkit-scrollbar {/*滚动条整体样式*/width: 4px; /*高宽分别对应横竖滚动条的尺寸*/height: 4px;} .earth_link_item ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #001e4d;} .earth_link_item ul::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background:#fff;} .earth_link_item ul li{height: 37px;line-height: 37px;font-size: 14px;} .earth_link_item ul li a{display: block;height: 37px;line-height: 37px;text-indent: 15px;color: #666;} .earth_link_item ul li a:hover{background: #f6f7f9;color: #001d4c;} .show{display: block!important;} .earth_list{width: 1440px;height: 532px;position: relative;} .earth_place{position: absolute;z-index: 5;} .place_one{top: 196px;left:751px} .place_two{top: 246px;left: 766px;} .place_three{bottom: 98px;right: 509px;} .place_four{bottom: 29px;right: 467px;} .earth_hover{position: absolute;top: -182px;left: -10px;width: 315px;height: 188px;background: top center no-repeat;padding: 0 24px;z-index: 10;display: none;} .earth_hover p{margin-top: 25px;font-size: 16px;line-height: 28px;color: #333;} .earth_hover a{width: 122px;height: 28px;line-height: 28px;background: #1736a0;border-radius: 14px;font-size: 12px;text-align: center;color: #fff;position: absolute;left: 24px;bottom: 34px;} /* industrial_box */ .industrial_box{width: 100%;height: 650px;background: url(/uploads/image/syimg/industrial_bg.png) center bottom no-repeat;} .industrial_info{padding-top: 1px;width: 1440px;margin: 0 auto;} .industrial_title{width: 520px;height: 86px;margin: 70px auto 0;} .industrial_list{width: 1440px;margin-top: 60px;} .industrial_item{width: 454px;height: 360px;position: relative;overflow: hidden;cursor: pointer;margin: 0 15px;} .industrial_img{width: 454px;height: 360px;} .industrial_part1{height: 64px;width: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, #171721 100%);color: #fff;text-align:center;line-height: 64px;position: absolute;left: 0;bottom: 0;transition-duration:1s;} /* .industrial_item:hover .industrial_part1{height: 0;} .industrial_item:hover .industrial_part2{height: 100%;transform:rotate(360deg);} */ /* media */ .media_list div{float: left;width: 128px;height: 48px;text-align: center;line-height: 48px;border: 1px solid #1b449c;border-right: 0;} .media_list{margin-bottom: 10px;} .media_list div:last-child{border-right: 1px solid #1b449c;} .media_list div a{display: block;} .media_list div.on{background: #1b449c;} .media_list div.on a{color: #fff;} /* tab */ .swicthtitle{width: 100%;} .swicthtitle ul{overflow: hidden;height: 119px!important;} .swicthtitle ul li{ float:left;cursor:pointer;width: 132px!important;height: 119px!important;text-align: center;line-height: 194px!important;position: static!important;text-indent: 0!important;margin-right: 3px;background-color: #f4f6f8;} .swicthtitle ul li a{color: #1b449c;display: block;} .swicthtitle ul li:last-child{margin-right: 0;} .swicthtitle ul li.swicthimg1{background-image: ;background-position: center 14px;background-repeat: no-repeat;} .swicthtitle ul li.swicthimg2{background-image: ;background-position: center 14px;background-repeat: no-repeat;} .swicthtitle ul li.swicthimg3{background-image: ;background-position: center 14px;background-repeat: no-repeat;} .swicthtitle ul li.swicthimg4{background-image: ;background-position: center 14px;background-repeat: no-repeat;} .swicthtitle ul li.swicthimg1.active{background-image: ;} .swicthtitle ul li.swicthimg2.active{background-image: ;} .swicthtitle ul li.swicthimg3.active{background-image: ;} .swicthtitle ul li.swicthimg4.active{background-image: ;} .switchbox{margin-top: 15px;} .switchcon{width: 100%;display: none;} .switchcon p{font-size: 18px;line-height: 2;color: #000;text-indent: 2em;} .selected{display: block!important;} .tab_box .bd ul { height: 290px; } .centered-btns_nav { position: absolute; top: 50%; z-index: 2; width: 38px; height: 61px; margin-top: -40px; line-height: 200px; background-image: url(/uploads/image/syimg/arrow.gif); overflow: hidden; opacity: .7; } .slide_container .next { right: 0; background-position: right 0; } .slide_container .prev { left: 0; background-position: left 0; } .centered-btns_nav:active { opacity: 1; } .centered-btns_tabs { margin-top: 15px; text-align: center; font-size: 0; list-style-type: none; width: 100%; position: absolute; bottom: 20px; left: 0px; text-align: center; z-index: 20000; } .centered-btns_tabs li { display: inline-block; margin-right: 15px; *display: inline; *zoom: 1; } .centered-btns_tabs a { display: inline-block; width: 10px; height: 10px; border-radius: 5px; border-radius: 5px; background: #fff; overflow: hidden; *display: inline; *zoom: 1; opacity: 0.3; } .centered-btns_tabs .centered-btns_here { background: #fff; width: 10px; border-radius: 5px; opacity: 1; } .centered-btns_tabs .centered-btns_here a { background: #fff; width: 10px; border-radius: 5px; opacity: 1; } /* 本例子css */ .news_focus { width: 685px; height: 400px; overflow: hidden; } /* 本例子css */ .picscroll-left{position:relative;} .picscroll-left .hd .prev, .picscroll-left .hd .next{width: 64px;height: 64px;position: absolute;cursor: pointer;display: block;} .picscroll-left .hd .prev{left: -60px;top: 135px;background: url(/uploads/image/syimg/index_left.png) no-repeat;} .picscroll-left .hd .next{right: -70px;top: 135px;background: url(/uploads/image/syimg/index_right.png) no-repeat;} .picscroll-left .bd ul{overflow:hidden; zoom:1; } .picscroll-left .bd ul li{float:left; _display:inline; overflow:hidden;}