﻿/* CSS Document */
.hlyd{width:51.764%;}
.hlyd1{width:45%;}
.hlyd-1{width:48.117%;}
.hlyd1-1{width:47%;}

.hlyd1 .bit{width:100%; margin:0 auto; line-height:38px; font-size:18px; color:#333333; font-weight:bold; overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/}
.hlyd1 .txt{width:100%; line-height:24px; font-size:16px; padding:8px 0 20px 0;}
.xkdt3 li{clear:both;  list-style:none; font-size:15px; color:#333; width:100%; font-weight: 400; font-style: normal;font-size: 15px; line-height: 36px; overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/}
	
.x_01{width:70%; overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/}
.x_02{width:30%; text-align:right;}

.hlyd2{width:100%;}
.hlyd2 dl{width:46%; float:left; padding:25px 2%; border-bottom:1px solid #eeeeee;}

.hlzj{width:100%; background:url(/stytle/img/hl-bg.jpg) repeat-y;}
.hlzj-l{width:7.6%; text-align:center; padding-top:25px; font-size:18px; color:#fff; font-weight:bold; text-align: center;}
.hlzj-l img{ display:inline-block; padding-top:5px;}
.hlzj-r{width:91.4%; background:#fff; padding-left:1%;}

.hlzj-2{width:4.6%; text-align:center; padding:10px 1.5% 0 1.5%; font-size:18px; color:#fff; font-weight:bold; text-align: center;}
.hlzj-2 img{ display:inline-block; padding-top:5px;}

.zgbsh{width:100%; padding-top:40px; padding-bottom:50px;}
.zgbsh-l{width:27%; height:124px; border-left:5px solid #56b8e7; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; background:url(/stytle/img/u164.png) no-repeat 5% center; line-height:124px; font-size:26px; font-weight:bold; color:#56b8e7; padding-left:20%;}
.zgbsh-l a{  color:#56b8e7;}
.zgbsh-r{ width:47%;}
.zgbsh-r-1{width:98%; border-left:5px solid #56b8e7; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; height:52px; text-align:center; font-size:20px; font-weight:bold; color:#47aedd; line-height:52px; }
.zgbsh-r-1 a{color:#47aedd;}
.z-m{margin-bottom:18px;}
.zgbsh1{width:100%; line-height:34px; text-align:center; color:#fff; font-size:16px; background:#7ab0db;}

.word2{text-align:center; padding-top:20px;}
.word2 img{display:inline-block;}
.area{width:90%; margin-left:5%; margin-top:15px; margin-bottom:10px; height:100px;}
.bd001{width:70%;}


.picMarquee-left{ width:100%;  overflow:hidden; position:relative; }
.picMarquee-left .bd{ width:100%;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 4px; float:left; _display:inline; overflow:hidden; text-align:center; text-align:center; width:16.666%; float:left; position:relative;  }
.picMarquee-left .bd ul li .pic{ width:100%; }
.picMarquee-left .bd ul li .pic img{ width:100%; }
.picMarquee-left .bd ul li .title{ line-height:24px; position:absolute; width:100%; height: 34px; line-height:34px; text-align:center; bottom:0; left:0; background:rgba(0,0,0,0.3); color:#fff; font-size:14px; z-index:9999; }



.slideBox1{ width:100%; height:auto; overflow:hidden; position:relative; }
.slideBox1 .hd{ height:19px; overflow:hidden; position:absolute; right:5px; bottom:45px; z-index:1; }
.slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox1 .hd ul li{ float:left; margin-right:2px;  width:19px; height:19px; line-height:19px; text-align:center; background:#333; color:#fff; cursor:pointer; }
.slideBox1 .hd ul li.on{ background:#263768; color:#fff;  width:19px; height:19px; line-height:19px;}
.slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox1 .bd li{ zoom:1; vertical-align:middle; }
.slideBox1 .bd img{ width:100%; height:auto; display:block;  }
.slideBox1 .bd li .bit{width:100%; height:40px; line-height:40px; background:#f2f2f2; font-size:16px; text-align:center; color:#333333;}

.hl-m{margin-top:25px;}
@media (min-widt:1441px){

}

@media (min-width: 1368px) and (max-width: 1441px){

}
@media (min-width: 1198px) and (max-width: 1367px){


}

	
	
/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 992px) and (max-width: 1199px) {
.picMarquee-left .bd ul li{ width:20%; }

}

/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 768px) and (max-width: 991px){

}


/*在480和767像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 480px) and (max-width: 767px) {
.hlyd2 dl{width:96%; padding:15px 2%; }
.picMarquee-left .bd ul li{ width:33.333%; }
.hlyd-1{width:100%;}
.hlyd1-1{width:100%; padding-top:15px;}

.hlyd{width:100%;}
.hlyd1{width:100%; padding-top:15px;}
.zgbsh{ padding-top:20px; padding-bottom:30px; }
.zgbsh-l{width:58%; padding-left:40%; margin-bottom:20px;}
.zgbsh-r{ width:100%;}
}

/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {
.hlyd2 dl{width:96%; padding:15px 2%; }
.picMarquee-left .bd ul li{ width:40%; }
.hlyd-1{width:100%;}
.hlyd1-1{width:100%; padding-top:15px;}
.hlyd{width:100%;}
.hlyd1{width:100%; padding-top:15px;}
.zgbsh{ padding-top:20px; padding-bottom:30px; }
.zgbsh-l{width:58%; padding-left:40%; margin-bottom:20px;}
.zgbsh-r{ width:100%;}
.hlzj-l{width:10%; }

.hlzj-r{width:89%;}
}

