.N_banner,.N_banner>img{width:100%;float:left;}

.N_banner{position:relative;}

.N_ban_con{position:absolute;left:0px;right:0px;bottom:50px;color:#fff;}

.N_ban_con dl dt strong{float:left;font-size:36px;padding-bottom:30px;border-bottom:4px solid #fff;}

.N_ban_con dl dd{margin-top:50px;width:100%;float:left;}

.N_ban_con dl dd a{font-size:16px;color:#fff;font-weight:bold;float:left;padding-left:25px;margin-right:44px;background:url(../images/cico01.png) no-repeat center left;}

.N_ban_con dl dd a.cur,.N_ban_con dl dd a:hover{background:url(../images/cico1.png) no-repeat center left;}



@media screen and (max-width: 568px){


.news_banner{ display:block !important;} 
.N_ban_con dl td{ padding-top:200px !important;}
.N_ban_con dl dt strong{ font-size:25px !important; padding-bottom:15px !important;}
.N_ban_con dl dd{ margin-top:20px !important;}
.N_ban_con dl dd a{ font-size:14px !important;}
.N_ban_con{ display:block !important}   
}

.warp{ width:100%; position:relative; max-width:1600px; margin:0 auto;}

.chengshi_leimu{ overflow:hidden; padding:50px 0; background:#fff}
.chengshi_leimu li{ float:left; width:33.3333333%; background:#fff; padding:70px 5%;}
.chengshi_leimu li:nth-child(2){ background:#0368d9;}
.chengshi_leimu li:nth-child(2) .cleimu_title{ color:#fff}
.chengshi_leimu li:nth-child(2) .cleimu_desc{ color:#fff}
.chengshi_leimu li .cleimu_icon{ float:left; width:100%; height:60px; text-align:center;}
.chengshi_leimu li .cleimu_icon img{ display:inline-table; height:50px; transition:all 2s;}
.chengshi_leimu li:hover .cleimu_icon img{transform:scale(1.2, 1.2);}
.chengshi_leimu li .cleimu_title{ float:left; width:100%; text-align:center; padding:20px 0; font-size:22px; font-weight:bold; line-height:30px; color:#333}
.chengshi_leimu li .cleimu_desc{ float:left; width:100%; text-align:center; line-height:30px; font-size:17px; color:#666}


.index-honor{ padding:30px 0; margin:0 auto; background:#fff}
.index-honor_title{ display:inline-block; width:100%; overflow:hidden; padding-bottom:50px; padding-top:30px;}
.index-honor_title h3{ overflow:hidden; float:left; width:100%; font-size:30px; font-weight:bold; color:#333; line-height:60px; text-align:center}
.index-honor_title span{ overflow:hidden; float:left; width:100%; font-size:17px; line-height:30px; color:#666; text-align:center}
.index-honor .hotPic2{margin-bottom: 30px;}
/*.index-honor .hotPic2 .JQ-slide{ position:relative; height:460px;}
.index-honor .hotPic2 .JQ-slide .wrap { width:100%; height:410px; overflow:hidden; position:relative;}
.index-honor .hotPic2 .JQ-slide-content{ position:absolute; margin-left:-30px;}*/
.index-honor .hotPic2 .caes-swiper .swiper-slide {height:410px; background:#fff; }
.index-honor .hotPic2 .caes-swiper .swiper-slide p{ float:left; width:100%; overflow:hidden;}
.index-honor .hotPic2 .caes-swiper .swiper-slide p img { width:100%; height:350px; transition:all 3s;object-fit: cover;}
.index-honor .hotPic2 .caes-swiper .swiper-slide:hover p img{ transform:scale(1.05, 1.05);}
.index-honor .hotPic2 .caes-swiper .swiper-slide span{ float:left; width:100%; line-height:60px; text-align:center; font-size:16px; color:#333;}
.index-honor .hotPic2 .JQ-slide-nav a{ display:block; z-index:2; width:30px; height:60px; overflow:hidden; text-indent:-999em; text-decoration:none; position:absolute; top:150px;}
.index-honor .hotPic2 .JQ-slide-nav a.prev { left:-20px; background:url(../images/ban_left.png) center no-repeat;}
.index-honor .hotPic2 .JQ-slide-nav a.next{ right:-20px; background:url(../images/ban_right.png) center no-repeat;}
.index-honor .imgList { float:none; overflow:hidden;	zoom:1}
.index-honor .imgList li { float:left; display:inline; overflow:hidden;}
.index-honor .imgList li a { display:block;}
.index-honor .caes-swiper .swiper-slide .txt { text-align:center; overflow:hidden;}
.index-honor_more{ overflow:hidden; padding-bottom:50px; text-align:center;}
.index-honor_more a{ display:inline-table; width:200px; height:50px; line-height:50px; border-radius:50px; background:#0368d9; color:#fff; font-size:16px; transition:all 1s;}
.index-honor_more a:hover{opacity:0.8;}




.chengshi_banner{ overflow:hidden; padding:100px 0; background:#eee;}
.chengshi_banner_l{ float:left; width:40%;}
.top_banner{ width: 100%; overflow: hidden; background-size: cover; z-index: 1;}
/*.top_banner .flexslider{ position:relative; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.top_banner .slides{position:relative;z-index:1;}
.top_banner .slides li{ width:100%; cursor:pointer; text-align:center;}
.top_banner .slides li img{ float:left; width:100%}
.top_banner .flex-control-nav{position:absolute;bottom:30px; z-index:2; text-align:center; width:100%;}
.top_banner .flex-control-nav li{display:inline-block; margin-right:10px; *display:inline;zoom:1; cursor:pointer}
.top_banner .flex-control-nav a{display:inline-block;width:8px; vertical-align:bottom;height:8px;line-height:100px; text-align:center; color:#fff; overflow:hidden; background:#fff; cursor:pointer; border-radius:50%;opacity:0.4;}
.top_banner .flex-control-nav .flex-active{ background:#fff; opacity:1;}
.top_banner .flex-direction-nav{position:absolute;z-index:3;width:100%; height:auto;top:50%;}
.top_banner .flex-direction-nav li a{display:block;width:30px;height:60px;overflow:hidden;cursor:pointer;position:absolute; transition:none; outline:none;}
.top_banner .flex-direction-nav li a.flex-prev{left:10px;background:url(ban_le.png) no-repeat;opacity:0.3;}
.top_banner .flex-direction-nav li:hover a.flex-prev{opacity:1; transition: all .25s ease; }
.top_banner .flex-direction-nav li a.flex-next{right:10px;background:url(ban_ri.png) center no-repeat;opacity:0.3;}
.top_banner .flex-direction-nav li:hover a.flex-next{opacity:1; transition: all .25s ease; }*/
.top_banner .slides-swiper {width:100%}
.top_banner .slides-swiper .swiper-slide img {display: block;width: 100%;object-fit: cover;}
.chengshi_banner_r{ float:right; width:50%;}
.chengshi_banner_r .cs_rcon{ float:left; width:100%;}
.chengshi_banner_r .cs_b_r_title{ font-size:22px; font-weight:bold; color:#333; line-height:80px; padding-top:30px;}
.chengshi_banner_r .cs_b_r_desc{ font-size:16px; color:#666; line-height:30px; padding-bottom:50px}
.chengshi_banner_r .cs_b_r_title2{ font-size:16px; color:#333; line-height:40px; font-weight:bold}
.chengshi_banner_r .cs_b_r_list{ padding-bottom:50px;}
.chengshi_banner_r .cs_b_r_list li{ float:left; width:100%;}
.chengshi_banner_r .cs_b_r_list li dd{ float:left; width:100px; font-size:16px; color:#333; line-height:40px;}
.chengshi_banner_r .cs_b_r_list li dl{ float:left; font-size:16px; color:#666; line-height:40px;}
.chengshi_banner_r .cs_b_r_more{}
.chengshi_banner_r .cs_b_r_more a{ float:left; padding:0 30px; height:40px; line-height:40px; background:#0368d9; border-radius:50px; font-size:16px; color:#fff; vertical-align:middle; transition:all 1s;}
.chengshi_banner_r .cs_b_r_more a img{ display:inline-table; vertical-align:middle}
.chengshi_banner_r .cs_b_r_more a.maps{ margin-left:35px; background:#308BE7}
.chengshi_banner_r .cs_b_r_more a:hover{opacity:0.8;}


.chengshi_news{ overflow:hidden; background:url(../images/chengshi_news_bg.jpg) center no-repeat;background-size: cover !important; padding:100px 0}
.chengshi_news ul{ float:left; width:103%; margin-left:-3%;}
.chengshi_news li{ float:left; width:30%; margin-left:3%; margin-bottom:40px; transition: all .6s ease; overflow:hidden;}
.chengshi_news li .cs_news_title{ float:left; width:100%; height:40px; line-height:40px; padding-bottom:10px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:16px; color:#fff; transition: all .5s ease; }
.chengshi_news li .cs_news_desc{ float:left; width:100%; height:25px; line-height:25px; padding-bottom:20px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:14px; color:#999;}
.chengshi_news li:hover{ width:29%; padding-left:1%}
.chengshi_news li:hover .cs_news_title{ color:#999}

.chengshi_youshi{ overflow:hidden; padding:80px 0; background:#eee;}
.cyou_title{ overflow:hidden}
.cyou_title .cyou_title_t{ float:left; width:100%; line-height:80px; font-size:40px; color:#333; font-weight:bold}
.cyou_title .cyou_title_d{ float:left; width:100%; line-height:30px; font-size:16px; color:#666;}
.cyou_list{ overflow:hidden; padding-top:30px}
.cyou_list ul{ float:left; margin-left:-3%}
.cyou_list li{ float:left; width:47%; margin-left:3%;}
.cyou_list li .cyou_ico{ float:left; width:100%; height:45px; line-height:55px; font-size:28px; color:#222; font-style:normal; text-indent:60px;}
.cyou_list li .cyou_ico1{ background:url(../images/cyou_ico_l.png) left center no-repeat;}
.cyou_list li .cyou_ico2{ background:url(../images/cyou_ico_r.png) left center no-repeat;}
.cyou_list li .cyou_desc{ float:left; width:100%; padding:20px 0; font-size:16px; color:#666; line-height:30px}
.cyou_list .cyou_video {width: 100%;height:600px;float: left;}
.cyou_list .cyou_video video {width: 100%;height: 100%;background: #000;}

@media screen and (max-width:1600px){
.warp{ max-width:98%}
}
@media screen and (max-width:1400px){
.index-honor{ max-width:1300px;}
.index-honor .hotPic2 .JQ-slide{height:380px;}
.index-honor .hotPic2 .JQ-slide .wrap {height:380px;}
.index-honor .hotPic2 .JQ-slide .wrap{ width:1300px;}
.index-honor .hotPic2 .caes-swiper .swiper-slide{ width:430px; height:380px;}
.index-honor .hotPic2 .caes-swiper .swiper-slide p img { height:320px; }

.chengshi_youshi{ padding:80px 2%; width:100%;}

.chengshi_news{ padding:100px 2%; width:100%}
}

@media screen and (max-width:1366px){
.index-honor{ max-width:1200px;}
.index-honor .hotPic2 .JQ-slide{height:360px;}
.index-honor .hotPic2 .JQ-slide .wrap {height:360px;}
.index-honor .hotPic2 .JQ-slide .wrap{ width:1300px;}
.index-honor .hotPic2 .caes-swiper .swiper-slide{ width:380px; height:360px;}
.index-honor .hotPic2 .caes-swiper .swiper-slide p img { height:300px; }
}

@media screen and (max-width:1200px){

}

@media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px){
.chengshi_leimu{ padding:30px 0;}
.chengshi_leimu li{ width:96%; padding:40px 2%;}

.index-honor_title h3{ font-size:24px;}
.index-honor_title span{ width:90%; font-size:15px; padding:0 5%;}

.index-honor_title{ padding-bottom:30px;}

.index-honor .hotPic2 .JQ-slide{ width:100%; height:330px !important;}
.index-honor .hotPic2 .JQ-slide .wrap{ width:100% !important; height:330px !important;}
.index-honor .hotPic2 .JQ-slide .wrap ul{ width:100% !important;}
.index-honor .hotPic2 .JQ-slide-content{margin-left:0;}
.index-honor .hotPic2 .caes-swiper .swiper-slide{ float:left; width:100% !important; margin:0}
.index-honor .hotPic2 .caes-swiper .swiper-slide img{ width:100%; height:250px !important;}
.index-honor .hotPic2 .JQ-slide-nav a{ top:100px;}
.index-honor .hotPic2 .JQ-slide-nav a.prev{ left:0}
.index-honor .hotPic2 .JQ-slide-nav a.next{ right:0}

.chengshi_banner{ padding:60px 0;}
.chengshi_banner_l{ width:100%;}
.chengshi_banner_r{ width:100%;}
.chengshi_banner_r .cs_rcon{ width:96%; padding:0 2%;}
.chengshi_banner_r .cs_b_r_title{ line-height:60px; padding-top:10px;}
.chengshi_banner_r .cs_b_r_desc{ padding-bottom:20px}
.chengshi_banner_r .cs_b_r_title2{ font-size:16px; color:#333; line-height:40px; font-weight:bold}
.chengshi_banner_r .cs_b_r_list{ padding-bottom:30px;}
.chengshi_banner_r .cs_b_r_list li{ float:left; width:100%;}
.chengshi_banner_r .cs_b_r_list li dd{ font-size:15px;line-height:30px;}
.chengshi_banner_r .cs_b_r_list li dl{ font-size:15px;line-height:30px;}

.chengshi_youshi{ padding:40px 2%;}
.cyou_title .cyou_title_t{line-height:50px; font-size:24px; }
.cyou_list{ padding-top:20px}
.cyou_list ul{ margin-left:0}
.cyou_list li{ width:100%; margin-left:0;}
.cyou_list li .cyou_ico{ font-size:24px;}


.chengshi_news{ padding:50px 2%; width:96%}
.chengshi_news ul{width:100%; margin-left:0;}
.chengshi_news li{ width:100%; margin-left:0; margin-bottom:20px;}
.chengshi_news li .cs_news_title{ height:30px; line-height:30px;}
.chengshi_news li .cs_news_desc{ padding-bottom:10px;}

}