﻿/*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: url('../img/1.jpg');}
.banner .pics .b2 {background-image: url('../img/2.jpg');}
.banner .pics .b3 {background-image: url('../img/3.jpg');}
.banner .pics .b4 {background-image: url('../img/4.jpg');}
.banner .pics .b5 {background-image: url('../img/1.jpg');}
.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(../img/prev.png) no-repeat 0 0;}
.banner .btns .prev .on  {background:url(../img/prev_on.png) no-repeat 0 0;}
.banner .btns .next .off {background:url(../img/next.png) no-repeat 0 0;}
.banner .btns .next .on {background:url(../img/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:url(../img/icon_news.png) 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(../img/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(../img/index.jpg) 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(../img/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(../img/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: url(../skin/sjzh_1/img/info_tra.svg) 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;}