/* 中间Banner */
.jide-title {
    position: absolute;
    margin-top: 60px;
    margin-bottom: 25px;
    width: 100%;
    font-size: 2em;
    font-weight: 500;
    color: #fff;
}

.jide-title small {
    font-size: 0.7em;
    color: #fff;
}

.jide-title1{    
    color: #333;
}

.jide-title1 small {
    color: #333; line-height:200%;
}
.banner1 {  
    padding: 0 !important;
}
.banner4 {  
    padding: 0 !important;
}
.swiper-container {
    min-width: 1366px !important;
    padding-bottom: 1px;
    /*min-height: 735px;*/
}
.swiper-container img {
    width: 100% !important;
}
.swiper-container .swiper-wrapper {
    vertical-align: bottom;
}
.swiper-container .swiper-news {
    width: 54px;
    height: 54px;
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    border-radius: 100% !important;

    background: rgba(208, 208, 208, .3);
    text-align: center;
}

.swiper-container .swiper-news i.fa {
    color: #c0c0c0;
    margin-top: 7px;
    font-size: 40px;
}

.swiper-container .swiper-news:hover {
    background: rgba(175, 175, 175, .3);
}

.swiper-container .swiper-news:hover i.fa {
    color: #858585;
}

.swiper-container .swiper-pagination-bullets {
    bottom: 0;
}

.swiper-container .swiper-pagination-bullet {
    width: 68px;
    height: 3px;
    background-color: rgba(188, 188, 188, .9);
}

.swiper-container .swiper-pagination-bullet:not(:last-child) {
    margin-right: 20px;
}

.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: rgba(115, 115, 115, .9);
}

/* Banner2 */
.banner2-box {
    /*border-bottom: 2px solid #fff;*/
    /*margin-top: 20px;*/
}
.banner2-box a {
    cursor: pointer;
}
.banner2 {
    position: relative;
    padding: 0 !important;
    margin-top: 0px;
    border: 2px solid #fff !important;
}

.banner2 .content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.banner2 .content h4 {
    margin-top: 7%;
    font-size: 18px;
    color: #333; line-height:180%;
}

.banner2 .content h4 small {
    font-size: 13px;
}

.banner2 img {
    width: 100%;
}

.banner2-box #banner2-1 h4{
    color: #fafafa;
}

.banner2-box #banner2-1 h4 small {
    color: #ddd;
}
.banner2-box #banner2-3 h4{
    color: #fafafa;
}

.banner2-box #banner2-3 h4 small {
    color: #ddd;
}

.news-box{ width:1200px; margin:100px auto; height:680px;}
.news-box h1{ font-size:50px; color:#000; font-weight:bold; margin-bottom:50px;}
.news-box h1 a{color:#000; }
.news-box h1 b{ float:right; font-size:22px; font-weight: normal; padding-top:30px;}

.news-box .l{ float:left; width:575px;}

.news-box .r{float:right; width:585px;}

.news_box .c{ padding:20px 0; display:inline-block; padding-bottom:0px;}
.news_box .c .p{ float:left; width:390px;}
.news_box .c .p img{ width:100%;}
.news_box .c .t{ float:left; width:418px; padding-left:20px;}
.news_box .c .t .toutiao{ border-bottom:#ccc dotted 1px; padding:0 5px 5px 5px; line-height:180%; padding-bottom:5px;}
.news_box .c .t .toutiao b{ font-size:14px; }
.news_box .c .t .toutiao p{ font-size:12px;}


.news_box .c .t ul{ height:256px; overflow:hidden;}
.news_box .c .t ul li{ background:url(../images/list_icon.jpg) no-repeat 10px 10px; height:32px; line-height:32px; padding-left:28px; font-size:12px;}
.news_box .c .t ul li span{ float:right;}


/*焦点图*/ 

.swiper-news{width:575px; height:500px; overflow:hidden; position:relative;}

.swiper-news .swiper-wrapper{vertical-align:bottom; height:290px;}
.swiper-news .swiper-wrapper img{width:100%!important; height:100%;}
.swiper-news .swiper-button{width:30px;height:60px; background:rgba(208,208,208,.3);text-align:center}
.swiper-news .swiper-button i.fa{color:silver;margin-top:10px;font-size:40px;}
.swiper-news .swiper-button:hover{background:rgba(175,175,175,.3)}
.swiper-news .swiper-button:hover i.fa{color:#858585}
.swiper-news .swiper-pagination-bullets{bottom:0}
.swiper-news .swiper-pagination-bullet{width:68px;height:3px;background-color:rgba(188,188,188,.9)}
.swiper-news .swiper-pagination-bullet:not(:last-child){margin-right:20px}
.swiper-news .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:rgba(115,115,115,.9)}


.swiper-news-next,.swiper-news-prev{position:absolute;top:30%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-news-next.swiper-news-disabled,.swiper-news-prev.swiper-news-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-news-prev,.swiper-container-rtl .swiper-news-next{ left:0px;right:auto; font-size:30px;}
.swiper-news-prev.swiper-news-black,.swiper-container-rtl .swiper-news-next.swiper-news-black{ }
.swiper-news-prev.swiper-news-white,.swiper-container-rtl .swiper-news-next.swiper-news-white{ }
.swiper-news-next,.swiper-container-rtl .swiper-news-prev{ right:0px;left:auto}
.swiper-news-next.swiper-news-black,.swiper-container-rtl .swiper-news-prev.swiper-news-black{ }
.swiper-news-next.swiper-news-white,.swiper-container-rtl .swiper-news-prev.swiper-news-white{ }

.s-tit{ position:absolute; top:290px; left:0px; width:100%; height:205px; background-color:#EBEBEB; padding:20px 30px; box-sizing: border-box ; text-align:left; line-height:200%;}
.s-tit b{ font-size:28px; font-weight:lighter; color:#000;}
.s-tit b a{color:#000;}
.s-tit i{font-size:18px; font-style:normal; display:block; padding:10px 0; color:#666;}
.s-tit p{font-size:18px; color:#666;}


.index_news{ width:100%; float:left; } 
.index_news li{ width:100%; height:108px; overflow:hidden; float:left; padding:10px; box-sizing:border-box;  text-align:left; margin:0px 0px 21px 0px; display:inline-block; background-color:#EBEBEB; }
.index_news li .date{ width:98px; height:98px;  text-align:center; float:left; color:#8D8D8D}
.index_news li .date b{ height:56px; line-height:56px;  font-size:40px; width:100%; display:block; }
.index_news li .date span{width:100%; height:25px; line-height:160%; font-size:18px; display:block;  }

.index_news li:hover{ background-color:#2A2E36; color:#FFF } 
.index_news li:hover .date{ color:#EBEBEB;}
 
.index_news li .p{ padding-bottom:20px; width:166px; height:166px; margin:20px auto;}
.index_news li .p a{width:166px; height:166px; display:block; border-radius:100px; border:#fff solid 3px; box-shadow:0px 0px 5px #ccc; /* transition:all ease-in-out 0.5s*/ background:#fff; background-size:cover;}

.index_news li .p img{ width:166px; height:166px; border-radius:100px; border:#fff solid 3px; box-shadow:0px 0px 5px #ccc; /* transition:all ease-in-out 0.5s*/ background:#fff;}
  
.index_news li:hover .p img{ /*border:#BF4738 solid 10px;transform:scale(1.2);;transition:all ease-in-out 0.5s*/}



.index_news li .t{ float:left; width:450px; padding-left:15px; }
.index_news li .t b{ font-size:22px; line-height:200%; color:#333; display:block; font-weight:lighter;}
.index_news li .t b a{color:#000;}
.index_news li .t span{ font-size:14px; line-height:120%;}
.index_news li:hover .t a{color:#fff;}


.arrow {
    width: 23px;
    height: 53px;
}

.arrow.left {
    background: url(../images/dp_tbicon4.png) 0 0 no-repeat;
}

.arrow.left.active {
    background: url(../images/dp_tbicon4-1.png) 0 0 no-repeat;
}

.arrow.left:hover {
    background: url(../images/dp_tbicon4-1.png) 0 0 no-repeat;
}

.arrow.right {
    background: url(../images/dp_tbicon5.png) 0 0 no-repeat;
}

.arrow.right.active {
    background: url(../images/dp_tbicon5-1.png) 0 0 no-repeat;
}

.arrow.right:hover {
    background: url(../images/dp_tbicon5-1.png) 0 0 no-repeat;
}


/* Mobile Css*/
@media (max-width: 768px) {
    .banner2 {
        margin: 0 !important;
    }

    .swiper-container {
        width: 100% !important;
    }

    .swiper-container .swiper-news {
        display: none;
    }

    .swiper-container img {
        width: 100%;
    }

    .mobile-banner {
        padding: 0 !important;
    }

    .banner2-box {
        margin-top: 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.swiper-container {
    min-width: 100% !important;  
}
	
.news-box{ width:100%; margin:100px auto; height:680px;}
.news-box h1{ font-size:50px; color:#000; font-weight:bold; margin-bottom:50px;}
.news-box h1 a{color:#000; }
.news-box h1 b{ float:right; font-size:22px; font-weight: normal; padding-top:30px;}

.news-box .l{ float:left; width:50%;}

.news-box .r{float:right; width:50%; padding-left: 3%; box-sizing: border-box;}

	.swiper-news{width:100%; height:500px; overflow:hidden; position:relative;}

.swiper-news .swiper-wrapper{vertical-align:bottom; height:250px;}
.swiper-news .swiper-wrapper img{width:100%!important; height:100%;}
.swiper-news .swiper-button{width:30px;height:60px; background:rgba(208,208,208,.3);text-align:center}
.swiper-news .swiper-button i.fa{color:silver;margin-top:10px;font-size:40px;}
.swiper-news .swiper-button:hover{background:rgba(175,175,175,.3)}
.swiper-news .swiper-button:hover i.fa{color:#858585}
.swiper-news .swiper-pagination-bullets{bottom:0}
.swiper-news .swiper-pagination-bullet{width:68px;height:3px;background-color:rgba(188,188,188,.9)}
.swiper-news .swiper-pagination-bullet:not(:last-child){margin-right:20px}
.swiper-news .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:rgba(115,115,115,.9)}
	
	
	.index_news li .t{ float:left; width:70%; padding-left:15px; box-sizing: border-box; }
.index_news li .t b{ font-size:22px; height: 40px; overflow: hidden; line-height:200%; color:#333; display:block; font-weight:lighter;}
.index_news li .t b a{color:#000;}
.index_news li .t span{ font-size:14px; line-height:160%; height: 50px; overflow: hidden; display: block;}
.index_news li:hover .t a{color:#fff;}
	
	.nav-footer{ width: 100% !important;}
	
	.cc-box .content-box{width: 100%}
	
	.s-tit{ position:absolute; top:250px; left:0px; width:100%; height:205px; background-color:#EBEBEB; padding:20px 30px; box-sizing: border-box ; text-align:left; line-height:200%;}
.s-tit b{ font-size:28px; font-weight:lighter; color:#000;}
.s-tit b a{color:#000;}
.s-tit i{font-size:18px; font-style:normal; display:block; padding:10px 0; color:#666;}
.s-tit p{font-size:18px; color:#666;}
	.index_news li{height: 98px;}
	
}


@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation : landscape) {
	.swiper-container {
    min-width: 100% !important;  
}
	
.news-box{ width:100%; margin:100px auto; height:680px;}
.news-box h1{ font-size:50px; color:#000; font-weight:bold; margin-bottom:50px;}
.news-box h1 a{color:#000; }
.news-box h1 b{ float:right; font-size:22px; font-weight: normal; padding-top:30px;}

.news-box .l{ float:left; width:50%;}

.news-box .r{float:right; width:50%; padding-left: 3%; box-sizing: border-box;}

	.swiper-news{width:100%; height:500px; overflow:hidden; position:relative;}

.swiper-news .swiper-wrapper{vertical-align:bottom; height:250px;}
.swiper-news .swiper-wrapper img{width:100%!important; height:100%;}
.swiper-news .swiper-button{width:30px;height:60px; background:rgba(208,208,208,.3);text-align:center}
.swiper-news .swiper-button i.fa{color:silver;margin-top:10px;font-size:40px;}
.swiper-news .swiper-button:hover{background:rgba(175,175,175,.3)}
.swiper-news .swiper-button:hover i.fa{color:#858585}
.swiper-news .swiper-pagination-bullets{bottom:0}
.swiper-news .swiper-pagination-bullet{width:68px;height:3px;background-color:rgba(188,188,188,.9)}
.swiper-news .swiper-pagination-bullet:not(:last-child){margin-right:20px}
.swiper-news .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:rgba(115,115,115,.9)}
	
	
	.index_news li .t{ float:left; width:70%; padding-left:15px; box-sizing: border-box; }
.index_news li .t b{ font-size:22px; height: 40px; overflow: hidden; line-height:200%; color:#333; display:block; font-weight:lighter;}
.index_news li .t b a{color:#000;}
.index_news li .t span{ font-size:14px; line-height:160%; height: 50px; overflow: hidden; display: block;}
.index_news li:hover .t a{color:#fff;}
	
	.nav-footer{ width: 100% !important;}
	
	.cc-box .content-box{width: 100%}
	
	.s-tit{ position:absolute; top:250px; left:0px; width:100%; height:205px; background-color:#EBEBEB; padding:20px 30px; box-sizing: border-box ; text-align:left; line-height:200%;}
.s-tit b{ font-size:28px; font-weight:lighter; color:#000;}
.s-tit b a{color:#000;}
.s-tit i{font-size:18px; font-style:normal; display:block; padding:10px 0; color:#666;}
.s-tit p{font-size:18px; color:#666;}
	
	.index_news li{height: 98px;}
	
	
}
 
