@charset "utf-8";

/* CSS Document */



body { font-size:16px; background:#f7f7f7;}

.wrap {  margin:0px auto; font-family:Microsoft yahei; background:#fff;}

.wrap a { text-decoration:none;}



header { margin:0px auto; background:#31abfe; height:40px; border-top:1px solid #4a82e0; border-bottom:1px solid #4a82e0; position:relative;}



header .logo { float:left;}

header .logo a { width:180px; height:40px; background:url(../images/logo.png) left center no-repeat; background-size:auto 30px; display:block;}



header span {  padding:0px 0px 0px 0px; position:absolute; right:0px; top:0px;}

header span a { width:130px; height:40px; line-height:40px; font-size:18px; color:#fff; text-align:right; padding:0px 20px 0px 0px; background:url(../images/go_pc.png) right 8px no-repeat; background-size:20px 20px; display:block;}

header span i { font-style:normal; font-weight:bolder;}



nav { overflow:hidden;}

nav ul { width:101%}

nav li { float:left; border-right:1px solid #ededed; border-bottom:1px solid #ededed;width:24.6%;  }

nav a { color:#616161; font-family:Microsoft yahei; font-size:1.1em; display:block; text-align:center; background:#f7f7f7; height:45px; line-height:45px;  text-decoration:none;}



nav a:hover ,

nav a.hover { background:#fbfbfb;}



.banner { }

.center { text-align: center; }

.pt_20 { padding-top:20px;}

.pb_10 { padding-bottom:10px;}



.device {  position: relative; }

.device .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }

.device .arrow-right { background: url(../images/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }

.swiper-container {height:140px; width:100%; overflow:hidden;}

.content-slide { padding: 20px; color: #fff; }



.pagination { position: absolute; right: 10px; text-align: center; bottom: 6px; z-index: 9; }

.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #d9d9d9; margin: 0 3px; cursor: pointer; }

.swiper-active-switch { background: #8c8c8c; }

.swiper-slide img { height:140px; z-index: 1; width:100%; }

.swiper-slide span { height: 2em; font-size: 1em; color: #fff; text-indent: 1em; display: block; bottom: 0px; left: 0px; line-height: 2em; background-color: rgba(0, 0, 0, 0.8); position: absolute; z-index: 2;  overflow: hidden; text-align: left; width:100%; }



.title { height:40px; background:#fbfbfb; }

.title h2 { float:left; padding:6px 0px 0px 10px;}

.title h2 a { color:#31abfe; font-size:20px; line-height:26px; line-height:26px; border-left:5px solid #31abfe; padding:0px 0px 0px 10px;  }



.title ul { float:right; padding:0px 10px 0px 0px;}

.title li { float:left;}

.title li a { font-size:18px; color:#31abfe; height:41px; line-height:41px; display:block; }

.list li { border-top:1px solid #e3e4e6;}

.list li a {display: block; font-size: 18px; color:#616161; height: 2.5em; line-height: 2.5em; overflow: hidden; text-align: left; padding:0px 20px 0px 20px;  overflow:hidden;}

.list li a:hover,

.list li a.hover { color:#c2c2c2;}



.list {}

.list dl { padding:10px 15px 10px 15px; position:relative;  }

.list dt { padding:2px; border:1px solid #e3e4e6; float:left; width:35%;}

.list dt img {display:block; width:100%;}

.list dd {  position:absolute; top:0px; left:35%; padding:10px 10px 0px 20px; }

.list dd a {color:#616161; font-size:18px; line-height:1.5em;}





.list_02 { overflow:hidden; }

.list_02 ul { width:101%; margin-left:-2px;border-top:1px solid #e3e4e6;}

.list_02 li { float:left; border-right:1px solid #e3e4e6; border-bottom:1px solid #e3e4e6; width:33%; }

.list_02 a { color:#616161; font-family:Microsoft yahei; font-size:1.2em; display:block; text-align:center; background:#ffffff; height:45px; line-height:45px; text-decoration:none;}

.list_02 a:hover ,

.list_02 a.hover { background:#f2f2f2;}





.gotop { background-color: #cccccc; }

.gotop a { background:url(../images/go_top.png) no-repeat scroll 40% 50% ; background-size:22px 22px; color: #686868; display: block; font-size: 18px; line-height: 2.5em; padding: 0 5em; text-indent: 2em; }





.b_crumbs { float:left; color:#fff; line-height:40px; height:40px; padding:0px 0px 0px 10px; } 

.b_crumbs em { }

.b_crumbs a { color:#fff; float:left;}



.b_crumbs i {-webkit-transform:rotate(-20deg); -moz-transform:rotate(-20deg); border-left:1px solid #53b9fe; border-right:1px solid #1a91e2; height:40px; font-size:0px; float:left; margin:0px 7px;}



.botm_nav { color: #FFFFFF; background-color: #158ad9; overflow:hidden;}

.botm_nav ul { width:102%;}

.botm_nav li { border-right: 1px solid #FFFFFF; float: left; text-align: center; width:49%; }

.botm_nav a { color:#fff; display: block; height: 2.5em; line-height: 2.5em; overflow: hidden;}

.botm_nav a.current,

.botm_nav .current a { background-color: #31abfe; }



footer { color:#999999; padding:20px 0px 30px 0px; text-align:center; font-size:1em;}





.swiper-slide {position:relative;text-align:center; float:left;}

.swiper-slide a{ position:relative; width:100%;  display:block; overflow:hidden;}

.swiper-slide img{ vertical-align:middle; position:relative;}


.pic_top ul { padding: 10px 0px 0px 0px; }

.pic_top li { padding: 0px 0px 0px 0px; width:90%; padding:0px 5%; }

.pic_top li a { display: block; margin: 0 auto; position: relative;  }

.pic_top li a img { width: 100%; padding: 2px; border: 1px solid #e3e4e6; display:block;}

.pic_top li { display: block; float: left; overflow: hidden; }

.pic_top span { color: #616161; display: block; height: 2em; line-height:2em; overflow: hidden;  text-align: left; text-indent:-10; font-size:1em; }



.pic_list ul { padding: 0px 0px 0px 0px; }

.pic_list li { padding: 0px 0px 0px 0px; width:39.5%; padding:0px 5%; }

.pic_list li a { display: block; margin: 0 auto; position: relative;  }

.pic_list li a img { width: 100%; padding: 2px; border: 1px solid #e3e4e6; display:block;}

.pic_list li { display: block; float: left; overflow: hidden; }

.pic_list span { color: #616161; display: block; height: 2em; line-height:2em; overflow: hidden;  text-align: center; text-indent: 0; font-size:1em; }

.center img {width: 100%; border: 1px solid #e3e4e6; display:block;}




.icon-home{ padding:0px 0px 0px 30px;background:url(../images/home.png) 0px 8px no-repeat; background-size:20px 20px;}

.pages { text-align:center;  padding:10px 0px 10px 0px; clear:both;}

.pages a,

.pages strong { line-height:36px; padding:0px 15px; display:inline-block; margin:0px 1px 0px 0px;  font-size:1.2em;  background:#fcfcfc; color:#b6b6b6; border:1px solid #e9e9e9;}

.pages .current,

.pages strong { background:#31abfe;  color:#fff; border:1px solid #31abfe; }

.pages strong {}



.ad {}

.ad img { width:100%; display:block;}



.ad_02 { margin:0px 0px; padding:10px 20px 10px 20px; background:#f7f7f7;}

.ad_02 img { width:100%; display:block;}





.view {}

.view h1 { color:#48494b; font-size:18px; line-height:1.5em; padding:15px 20px 10px; font-weight:normal;}

.view h5 { color:#bbbbbb; font-size:14px; line-height:2em; text-align:center; border-bottom:1px solid #e3e4e6;}



.view_cont { font-size:16px; line-height:2em; color:#616161; text-align:center; padding:20px 20px 0px;word-wrap: break-word; table-layout: fixed; word-break:break-all;}

.view_cont p { text-align:left; padding:0px 0px 14px 0px;}

.view_cont a{ color:#616161;}

.view_cont img { max-width:90%;}







.ico_list ul { padding: 0px 0px 0px 0px; }

.ico_list li { padding: 0px 0px 0px 0px; width:20.5%; padding:0px 2%; }

.ico_list li a { display: block; margin: 0 auto; position: relative;  }

.ico_list li a img { width: 100%; padding: 2px; border: 1px solid #e3e4e6; display:block;}

.ico_list li { display: block; float: left; overflow: hidden; }

.ico_list span { color: #616161; display: block; height: 2em; line-height:2em; overflow: hidden;  text-align: center; text-indent: 0; font-size:1em; }









/*

@media only screen and (max-device-width: 720px) {  

 .swiper-slide span { color:red;} 



}  







@media only screen and (max-device-width: 640px) {  

  .swiper-slide span { color:blue;}

}  







@media only screen and (max-device-width: 480px) {  

 .swiper-slide span { color:green;}



}  





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

  .swiper-slide span { color:red;}

} 



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

  .swiper-slide span { color:blue;}

} 



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

  .swiper-slide span { color:green;}

} 





@media only screen and (min-width: 640px) and (max-width: 1279px){

	body{font-size:20px;}

	



}

@media only screen and (min-width: 480px) and (max-width: 639px){

	body{font-size:16px;}

	



}

@media only screen and (min-width: 360px) and (max-width: 479px){

	

	nav a { color:#f00;}

		

}

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



	

}

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



}



*/