/*transition*/
.tran100{-webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -ms-transition:all 0.1s linear; transition:all 0.1s linear;}
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}
.tran5000{-webkit-transition:all 5s linear; -moz-transition:all 5s linear; -ms-transition:all 5s linear; transition:all 5s linear;}

.dsj_bg{background: url(../images/dsj_bg.png);background-size: cover;}
.gsj-tit {margin-top: 50px;}
.gsj-tit h3{font-size: 50px; color: rgba(51, 51, 51, 1);  font-weight: normal; margin-bottom: 40px;text-align: center;}
.devpWrap{width: 100%;}
.swiper-container{background: #f2f1ec;}
.syFocusThumb{position: relative; width:100%;  overflow: hidden; margin:0 auto;}
.syFocusThumb .pagination {width: 100%;height: 119px;box-sizing: border-box;padding: 0 55px;position: relative;margin-bottom: 78px;    width: 800px;
    margin: 0 auto 78px;}
.syFocusThumb .thumbWrap {width: 100%;height: 119px;overflow: hidden;position: relative;}
.syFocusThumb .thumbWrap:before{content: "";width: 100%;height: 1px;background: #dbdad9;position: absolute;left: 0;top: 50%;}
.syFocusThumb .holder {width: 4000px}
.syFocusThumb .holder I {cursor: pointer;font-style: normal;}
.syFocusThumb .toc{width: 119px;height: 119px;text-align: center;line-height: 119px;font-size: 30px;color: #666666;margin-right: 57px;position: relative;position: relative;z-index: 2;}
.syFocusThumb .toc a{position: relative;z-index: 3;display: block;width: 100%;height: 100%;color: rgba(153, 153, 153, 1);}
.syFocusThumb .toc.selected a{color: #fff;}
.syFocusThumb .toc b{width: 100%;height: 100%;box-sizing: border-box;position: absolute;left: 0;top: 0;border-radius: 50%;background: rgba(220, 181, 122, 1);}
.syFocusThumb .toc b.cir1{background: rgba(239, 239, 239, 1);}
.syFocusThumb .toc b.cir2{z-index: 2;filter: alpha(opacity=0);opacity: 0;
-webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7);}
.syFocusThumb .pagination I.selected{color: #a80c08;font-weight: bold;}
.syFocusThumb .pagination I.selected b.cir1{filter: alpha(opacity=0);opacity: 0;
-webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7);}
.syFocusThumb .pagination I.selected b.cir2{filter: alpha(opacity=100);opacity: 1;
-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.syFocusThumb .prev,.syFocusThumb .next{width: 26px;height: 100%;position: absolute;top: 0;cursor: pointer;z-index: 2;}
.syFocusThumb .prev:before,.syFocusThumb .next:before,
.syFocusThumb .prev:after,.syFocusThumb .next:after{content: "";width: 23px;height: 43px;line-height: 43px;position: absolute;right: 0;top: 50%;margin-top: -22px;
-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;font-style: normal;font-family: 宋体;font-size: 20px;}
.syFocusThumb .prev{left: 0;}
.syFocusThumb .next{right: 0;}
.syFocusThumb .prev:before{content:"<";background: rgba(216, 216, 216, 1);}
.syFocusThumb .next:before{content:">";background: rgba(216, 216, 216, 1);}
.syFocusThumb .prev:after,.syFocusThumb .next:after{z-index: 2;filter: alpha(opacity=0);opacity: 0;}
.syFocusThumb .prev:after{content:"<";background: rgba(216, 216, 216, 1);}
.syFocusThumb .next:after{content:">";background: rgba(216, 216, 216, 1);}
.syFocusThumb .next:hover:after,.syFocusThumb .prev:hover:after{background: rgba(216, 216, 206, 1);}

.syFocusThumb .contentdiv{padding: 0 55px;min-height: 300px;}
.syFocusThumb .contentdiv.detail{font-size: 20px;line-height: 45px;}
.syFocusThumb .contentdiv .wrap{padding-left: 168px;position: relative;min-height: 50px;}
.syFocusThumb .contentdiv .wrap span.date{position: absolute;left: 0;top: 0;font-size: 30px;line-height: 40px;color: #333333;font-weight: bold;}
.syFocusThumb .contentdiv .wrap ul.list{padding-left: 58px;border-left: 1px solid #dddddd;min-height: 300px;}
.syFocusThumb .contentdiv .wrap ul.list li{margin-top: 30px;}
.syFocusThumb .contentdiv .wrap ul.list li:first-child{margin-top: 0;}

.gglist-box{padding-bottom: 60px;}


@media screen and (max-width: 1050px){
	.syFocusThumb .pagination,.syFocusThumb .thumbWrap{height: 90px;}
	.syFocusThumb .toc{width: 90px;height: 90px;line-height: 90px;font-size: 24px;margin-right: 30px;}
}

@media screen and (max-width: 768px){
.syFocusThumb .pagination{padding: 0 40px;margin-bottom: 38px;        width: auto;}
.syFocusThumb .contentdiv{padding: 0 40px;}
.syFocusThumb .contentdiv .wrap{padding-left: 0;}
.syFocusThumb .contentdiv .wrap span.date{display: block;position: static;margin-bottom: 20px;}
.syFocusThumb .contentdiv .wrap ul.list{padding-left: 0;border-left: none;}
}
@media screen and (max-width: 468px){
	.syFocusThumb .contentdiv{padding: 0 20px;}
}
