/*body {overflow-x:auto; overflow-y:hidden;}*/ body {height:auto; overflow:hidden;} #banner.max-ba {position:relative; z-index:2; width:100%; height:409px; overflow:hidden;} .banner {position:relative; z-index:2; width:100%; height:409px; overflow:hidden;} .banner .pics {position:relative; width:100%; height:100%;} .banner .pics li {display:none; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:no-repeat center 0; background-size:cover;} .banner .pics li a {display:block; width:100%; height:100%;} .banner .pics .b1 {display:list-item; background-image: ;} .banner .pics .b2 {background-image: ;} .banner .pics .b3 {background-image: ;} .banner .pics .b4 {background-image: ;} .banner .pics .b5 {background-image: ;} .banner .btns a {position:absolute; top:50%; z-index:4; margin-top:-25px; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms;} .banner .btns .prev {left:-50px;} .banner .btns .next {right:-50px;} .banner .btns .prev.on {left:120px;} .banner .btns .next.on {right:120px;} .banner .btns a span {position:absolute; top:0; left:0; width:100%; height:100%; -ms-transition:-ms-opacity 300ms; transition:opacity 300ms;-webkit-transition:-webkit-opacity 300ms; -moz-transition:-moz-opacity 300ms; -o-transition:-o-opacity 300ms; cursor:pointer;} .banner .btns a span.off {-webkit-opacity:1; opacity:1; display:block\9;} .banner .btns a span.on {-webkit-opacity:0; opacity:0; display:none\9;} .banner .btns .prev .off {background:url(/uploads/image/ssimg/prev.png) no-repeat 0 0;} .banner .btns .prev .on {background:url(/uploads/image/ssimg/prev_on.png) no-repeat 0 0;} .banner .btns .next .off {background:url(/uploads/image/ssimg/next.png) no-repeat 0 0;} .banner .btns .next .on {background:url(/uploads/image/ssimg/next_on.png) no-repeat 0 0;} .banner .btns a:hover .off {-webkit-opacity:0; opacity:0; display:none\9;} .banner .btns a:hover .on {-webkit-opacity:1; opacity:1; display:block\9;} #banner .g-wrap {position:absolute; left:0px; bottom:0; z-index:2; width:100%; height:30px; overflow:hidden; background-color: rgba(0,0,0,.3);} .banner .g-wrap .idxs {width:1130px; margin:8px auto 0px;} .banner .g-wrap .idxs li {float:left; margin:0 7px 0 0; width:9px; height:9px; border-radius:13px; border:2px solid #fff; cursor:pointer; -ms-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; transition:background-color 500ms, margin-top 500ms; transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -webkit-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -moz-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -o-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;} .banner .g-wrap .idxs li.on {background-color:#8f8d93; border-color:#8f8d93;} #news-slide {position:relative; margin:0 auto; padding-left:35px; width:1095px; height:57px; background: no-repeat 0 19px; overflow:hidden;} #news-slide .item {height:100%;} #news-slide .item a {display:inline-block; height:57px; line-height:57px; font-weight:bold; color:#2e2e57; -ms-transition:color 300ms; transition:color 300ms; -webkit-transition:color 300ms; -moz-transition:color 300ms; -o-transition:color 300ms;} #news-slide .item a:hover {color:#f63b2e;} #news-slide .item a span {margin:0 25px; font-weight:normal; color:#6c6c6c;} #news-slide .item .more {padding:0 12px; margin-top:12px; font-weight:bold; height:33px; line-height:33px; font-size:12px; color:#2e2e57; background-color:#dfe0e4; border-radius:25px; box-shadow:0px 0px 3px #777; -ms-transition:color 300ms, background-color 300ms; transition:color 300ms, background-color 300ms; -webkit-transition:color 300ms, background-color 300ms; -moz-transition:color 300ms, background-color 300ms; -o-transition:color 300ms, background-color 300ms;} #news-slide .item .more:hover {background-color:#f63b2e; color:#eee;} /* 滑块 start */ #subjects {height:165px; background-color:#a4e5bd;} #subjects .g-wrap a {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;} #subjects .g-wrap .item-1 {z-index:1; background-color:#c8c8c8;} #subjects .g-wrap .item-2 {z-index:2; background-color:#71dad5;} #subjects .g-wrap .item-3 {z-index:3; background-color:#0097a8;} #subjects .g-wrap .item-4 {z-index:4; background-color:#024f56;} #subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;} #subjects .g-wrap .p2 {-webkit-opacity:0; opacity:0; display:none\9; -webkit-transition:-webkit-opacity 400ms; transition:opacity 400ms;} #subjects .g-wrap .item-1 .p1 {left:0; top:0; width:493px; height:165px;} #subjects .g-wrap .item-1 .p2 {left:276px; top:68px; z-index:2; width:189px; height:29px;} #subjects .g-wrap .item-2 .p1 {left:61px; top:21px;} #subjects .g-wrap .item-2 .p2 {left:250px; top:26px;} #subjects .g-wrap .item-3 .p1 {left:20px; top:56px; width:77px; height:76px;} #subjects .g-wrap .item-3 .p2 {left:150px; width:282px; height:122px;} #subjects .g-wrap .item-4 .p1 {left:23px; top:54px; width:182px; height:80px;} #subjects .g-wrap .item-4 .p2 {left:227px; top:21px; width:245px; height:122px;} /*#subjects*/ #subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;} /* 逐个出现 */ #subjects .ready .item-2{transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;} #subjects .ready .item-3{transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;} #subjects .ready .item-4{transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;} /* 没有指向 */ #subjects .state-0 .item-1 {left:0;} #subjects .state-0 .item-2 {left:340px;} #subjects .state-0 .item-3 {left:617px;} #subjects .state-0 .item-4 {left:793px;} /* 指向第一个 */ #subjects .state-1 .item-1 {left:0;} #subjects .state-1 .item-2 {left:492px;} #subjects .state-1 .item-3 {left:705px;} #subjects .state-1 .item-4 {left:917px;} #subjects .state-1 .item-1 .p2 {-webkit-opacity:1; opacity:1; display:block\9;} /* 指向第二个 */ #subjects .state-2 .item-1 {left:0;} #subjects .state-2 .item-2 {left:212px;} #subjects .state-2 .item-3 {left:705px;} #subjects .state-2 .item-4 {left:917px;} #subjects .state-2 .item-2 .p2 {-webkit-opacity:1; opacity:1; display:block\9;} /* 指向第三个 */ #subjects .state-3 .item-1 {left:0;} #subjects .state-3 .item-2 {left:212px;} #subjects .state-3 .item-3 {left:425px;} #subjects .state-3 .item-4 {left:917px;} #subjects .state-3 .item-3 .p2 {-webkit-opacity:1; opacity:1; display:block\9;} /* 指向第四个 */ #subjects .state-4 .item-1 {left:0;} #subjects .state-4 .item-2 {left:212px;} #subjects .state-4 .item-3 {left:425px;} #subjects .state-4 .item-4 {left:637px;} #subjects .state-4 .item-4 .p2 {-webkit-opacity:1; opacity:1; display:block\9;} /* 滑块 end */ #reference .right {width:336px; line-height:65px; text-indent:50px;} #copyright .g-wrap {overflow:visible;} #copyright .g-wrap div {width:317px;} /*首页新闻20160818*/ .redian { width: 100%;padding:0 10px;} .redian .r-wrap { width: 1130px; margin: 0 auto; overflow: hidden; padding: 20px 0; } .redian .r-wrap .caifu { float: left; width: 700px; overflow: hidden; } .xian { height: 2px; width: 55px; background: #fc433e; position: relative; left: 0px; margin-top: -2px; } .none { display: none; } /*homenews*/ .titels{ width:100%; padding-bottom:5px; overflow:hidden;border-bottom:1px solid #e5ddd9; line-height:30px;} .titels h2{ font-size:20px; font-weight:normal; color:#0097a8;} .titels h2 a{font-size:20px;} .titels .a-more{ float:left;} .titels .more{ padding-top:15px;} .iconbg, .a_more{ background-repeat: no-repeat; display: block; overflow: hidden; line-height: 9999px; text-indent: -9999px; cursor: pointer;} .a-more{ background-image:url(/uploads/image/ssimg/i05.gif); width:12px; height:12px;} .homemain-conts{ padding-top:12px;} .homenews{ width:100%;padding-right:32px;} .homenews-conts{padding-bottom:10px; font-size:14px;} .homenews-conts dl{overflow:hidden; width:100%; padding-bottom:10px;} .homenews-conts .pic{ float:left; width:280px; height:150px; overflow:hidden; background:url(/uploads/image/ssimg/) no-repeat;} .homenews-conts .pic img{ display:block;} .homenews-conts .cont{float:right; width:490px;} .homenews-conts .cont p{line-height:22px; color:#999; font-size:12px;} .homenews-conts h3{padding-bottom:10px;font-size:14px; color:#757575; line-height:1.8em;} .homenews-conts h3 a{ padding-bottom:5px;font-size:15px; font-weight:700; color:#333; line-height:1.8em;} .homenews-conts h3 a:hover{ color:#0097a8;} .homenews-conts .org{ margin-left:8px;} .homenews-list{width:100%; overflow:hidden;} .homenews-list li{height:27px; line-height:27px;background:url(/uploads/image/ssimg/i06.gif) no-repeat left 9px; float:left; display:inline;overflow:hidden; } .homenews .homenews-list ul{ width:100%;} .homenews .homenews-list li{padding-right: 50px; width: 330px;} .homevideo{ width:270px; overflow:hidden;} .homevideo .homemain-conts{ padding-top:15px;} .homeview,.homemedia{width:47%;margin-top:20px; margin-right:5%;} .homenews-conts .homeview,.homenews-conts .homemedia{margin-top:0px;} .homemedia{ margin-right:0;} .homeindusty{width:270px;} .homeview .homenews-list li,.homemedia .homenews-list li{width:96.5%;font-size:14px; color:#333;} .homenews-list li a{display: inline-block; width: 350px; height: 26px; overflow: hidden; padding-left:12px;} .homenews-list li span,.anoce ul li span{float: right; width:auto; height: 26px; font-size:12px; display: inline-block; color:#999;} .homeindusty .homenews-list li{width:255px;} .homebtm{border-top:1px solid #e5ddd9; padding:25px 0; position:relative;} .homebtm li{ float:left; display:inline; width:98px; position:relative; text-align:center;} .homebtm li .pic{ display:block; height:78px; overflow:hidden;} .homebtm .ico-new{ position: absolute; top:0; right:5px;} .rss{ float:left; padding:1px 3px 1px 3px; } /* 公告 */ .anoce {background: url(/uploads/image/ssimg/index_gg.gif) no-repeat 5px center ;border: 1px solid #e5ddda;height: 24px;margin-top: 8px;padding: 5px 10px 5px 35px;} .anoce a.gg_more {float: right;line-height: 24px;} .anoce ul {height: 24px;overflow: hidden;} .anoce ul li {height: 24px;line-height: 24px; font-size:14px; overflow: hidden; padding-right:50px;} #left.left{border:0 none; padding-top:0px;} #right.right{border:0 none; padding-top:20px;} /*honor*/ .honor-main{margin:30px auto;} .honor-row {margin:20px 0;} .hor-box {position: relative;float: left;width:360px;height:280px;} .hor-imgbox{overflow:hidden;} .hor-box:hover img{ -webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);transform: scale(1.1,1.1);} .hor-imgbox>a>img {width: 100%;height: 100%;} .hor-infobox {position: relative;margin-bottom: 4px;padding: 10px 16px;height: 136px;width: 100%;background: #fafafa;box-sizing: border-box;} .hor-infobox:hover{background-color:#f5f5f5;} .hor-infobox.big.board:hover h2{font-size:20px;} .hor-infobox:hover p{color:#004857;} .hor-infobox:hover span{font-weight:700; font-size:16px;} .hor-box .h-tra-r, .hor-box .h-tra-l {position: absolute;width: 14px;height: 28px;background: no-repeat;} .hor-box .h-tra-l {top: 21%;left: -14px;background-position: 0 0;z-index: 1;} .hor-box .h-tra-r {top: 74%;right: -14px;background-position: 0 -51px;z-index: 1;} .hor-infobox.pl-right,.hor-infobox.pl-right p{text-align: right;} .hor-infobox.pl-right .hor-data {right: 16px;padding: 0 0 5px 20px;background-position: 20px 0;} .hor-infobox>h2 {padding: 0;margin: 20px 0 10px 0;line-height: 22px;font-size: 22px;font-weight: 400; color:#004857;} .hor-infobox p {margin-top:2px;font-size: 14px; color: #bbb;} .hor-infobox>span {display: inline-block;margin-top: 10px;color:#0097a8; font-size:15px;} .hor-hidebox {float: left;position: relative; margin:0 16px 15px 0;} .hor-infobox.big {position: absolute;bottom: 20px;background: rgba(0,0,0,.4);width:100%;height: 56px;overflow: inherit;z-index: 1;padding:0;float: left;} .hor-infobox.big .hor-data { width: 30px;height: 47px;padding-top:9px;top: 0;text-align: center;background-color: rgba(50,50,50,.4); border: 0 none; color:#ddd;} .hor-infobox.big div{display:inline-block;} .hor-infobox.big .hor-data>span{font-size: 16px;line-height: 20px;} .hor-infobox.big.board>p>span, .hor-infobox.big.explore>p>span {margin: 0 10px 0 0; color:#bbb;} .hor-infobox.big.board h2 {text-align: left;margin: 0;font-size: 18px;line-height: 20px;color:#fff;}