@charset "UTF-8";
html, body, p, h1, h2, h3, h4, h5, h6, div, img, ul, li, ol, dl, dt, dd, span, input {
    margin: 0;
    padding: 0;
    font-family: Microsoft YaHei, Arial, Verdana, Helvetica, sans-serif;
}
body{font-family: "Microsoft YaHei","Arial","微软雅黑";}
ul li {list-style: none;  }
.fl{float: left;}
.fr{float: right;}
input {outline: none;}
img {border: none;}
a {text-decoration:none;display:block;cursor:pointer;}
.clearfix {zoom: 1;}
.clearfix:after {display: block;overflow: hidden;clear: both;height: 0;visibility: hidden;content: ".";}
body{background:url(../images/ztzl/4321610.jpg) no-repeat center top; margin: 0;}
.main{width:980px;margin:0 auto;}
.main-top{height:70px; margin: 386px 0 22px;  background:url(../images/ztzl/4321614.png) no-repeat left top;position:relative;}/*此处banner只适用于主页，*/
.main-top .gb{width:138px;height:70px;position:absolute;left:2px;top:0;}
.main-top .ss{width:250px;height:70px;position:absolute;left:154px;top:0;}
.main-top .zc{width:200px;height:70px;position:absolute;left:420px;top:0;}
.host{width:100%;}
.host .hostL{width:510px;height:290px;float:left;}
.host .hostR{width:453px;height:290px;float:right;}
.host .hostR .Rtop{height:28px;background:url(../images/ztzl/4321616.jpg) no-repeat center top;position:relative;}
.host .hostR .Rtop .Job{width:100%;height:28px;float:left;}
.host .hostR .Rtop .Trends{width:22px;height:21px;position:absolute;left:430px;float:left;top:2px;}
.host .hostR .content{height:227px;margin-left:10px;}
/*.host .hostR .content dl dt{width:448px;}*/
.content dl dt {line-height:30px;padding-right:39px;margin-top:15px;overflow: hidden;text-overflow: ellipsis;
    display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.host .hostR .content dl dt a{font-size:18px;color:#000;}
.host .hostR .content dl dd{width:440px;margin-top:5px;font-size:14px;color:#666;line-height:25px;border-bottom:1px dashed #666;padding-bottom:5px;}
.host .hostR .content dl dd span{padding-left:2em;}
.host .hostR .content dl dd a{display:inline;}
.host .hostR .content dl dd a:hover{color:#cc0000;}
.host .hostR .content ul{margin-top:10px;}
.host .hostR .content ul li{background:url(../images/ztzl/4321615.jpg) no-repeat left;padding-left:15px;line-height:32px;}
.host .hostR .content ul li a{font-size:16px;color:#000000;position:relative; width: 90%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; display: block;}
.host .hostR .content ul li span{position:absolute;right:10px;*top:-7px;}
/*各项内容*/
.container{width:100%;margin-top:35px;}
.container .containerL{width:494px;float:left;height:935px;}
/*公共部分*/
.container .containerL .zt{margin-top:20px;}
.container .containerL p{width:494px;height:28px;background:url(../images/ztzl/4321621.jpg) no-repeat center top;position:relative; background-size: 100%;}
.container .containerL p .mt{width:122px;height:28px;float:left;}
.container .containerL p .zx{width:22px;height:21px;position:absolute;left:472px;float:left;top:2px;}
.container .containerL ul{margin-top:20px;}
.container .containerL ul li{background:url(../images/ztzl/4321615.jpg) no-repeat 10px 17px;padding-left:25px;line-height:34px;}
.container .containerL ul li a{font-size:16px;color:#000000;position:relative; width: 90%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; display: block;}
.container .containerL ul li a span{position:absolute;right:10px;*top:-7px;}
/*部分*/
.container .containerL .gjsx p{width:494px;height:28px;background:url(../images/ztzl/4321623.jpg) no-repeat center top;position:relative; background-size: 100%;}
.container .containerL .xgal p{width:494px;height:28px;background:url(../images/ztzl/4321624.jpg) no-repeat center top;position:relative; background-size: 100%;}
.container .containerL .zcfg p{width:494px;height:28px;background:url(../images/ztzl/4321622.jpg) no-repeat center top;position:relative; background-size: 100%;}

.container .containerR{width:466px;float:right;}
.container .containerR .tu{height:1135px;}
.containerR p{width:466px;height:28px;}
.containerR .tuu{height:1100px;width:466px;overflow-y:scroll;margin-top:15px;}
.containerB{width:100%;margin-top:30px;}
.containerB p{width:100%;height:28px;background:url(../images/ztzl/4321625.jpg) no-repeat center top;position:relative; background-size: 100%;}
.containerB p .mt{width:320px;height:28px;float:left;}
.containerB p .zx{width:22px;height:23px;position:absolute;left:958px;float:left;top:2px;}
/*.containerB ul{padding-top:10px 0 10px 0;}*/
.containerB ul li{width:60px;height:40px;float:left;margin-left:42px;margin-top:30px;}
.containerB ul .dy{margin-left:0;}

.spdiv{ position:relative; width:466px;  background-color: #000; float: left;  margin-top:10px;}  
.fcon{position:relative; width:100%; float:left;   background:#000  }  
.fcon img{ display:block;border:0; width: 466px;} 
.shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:32px; line-height: 32px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
 .shadow a{ text-decoration:none; color:#fff; font-size:14px;margin-left:10px; font-family: "微软雅黑";}  

.containerR p .mt{width:122px;height:28px;float:left;}
.containerR p .zx{width:22px;height:21px;float:right; }
.sp p .zx{width:22px;height:21px;float:right; }

/*footer*/
.footer1{width:100%;height:40px;margin-top:30px;background-color:#edeeef;}
.footer1 .friendlink{width: 980px;height:40px;margin:0 auto;font-size:16px;color:#006699;}
.footer1 .friendlink span{float:left;margin-top:10px;}
.footer1 .friendlink a{float:left;font-size:14px;color:#333333;padding:0 23px 0 23px;margin-top:10px;}
.footer1 .friendlink .yd{border-right:2px solid #767677;}
.footer {
	background:#1369c0;
	font-size:14px;
	line-height:25px;
	color:#fff;
	padding:25px 0;
}
.footer .container{width:615px; margin:0 auto; font-size:14px; color:#fff; overflow: hidden;}
.dz_icon{float:left; margin-top:15px;}
.jc_icon{float:left; margin-top:25px;}
.footer_1{float:left; text-align:left; margin-left:43px;}
.footer_1 a{display: inline-block;}
.footer_2{display:none;}
/* 焦点图 */
.device {position:relative;overflow: hidden;height: 290px; width: 510px;}
.swiper-container{height: 290px;}
.device .swiper-slide{position: relative;}
.device .swiper-slide span{position: absolute;line-height: 40px;height: 40px;bottom:0;left:0;z-index: 9;background-color: #000;width:98%;padding-left: 2%; background-color:rgba(0,0,0,0.5);filter:Alpha(opacity=50);color:#fff;font-size: 14px;}
.device .arrow-left {background:url(../images/ztzl/butn1.png) no-repeat left bottom;position:absolute;left:0px;top:50%;margin-top:-23px;width:40px;height:74px;z-index: 22;}
.device .arrow-right {background:url(../images/ztzl/butn1.png) no-repeat right bottom;position:absolute;right:0px;top:50%;margin-top:-23px;width:40px;height:74px;z-index: 22;}
.device .arrow-left:hover {background:url(../images/ztzl/butn1.png) no-repeat left top;}
.device .arrow-right:hover  {background:url(../images/ztzl/butn1.png) no-repeat right top;}
.pagination {position:absolute;left:0;text-align:right;bottom: 12px;width:96%;z-index: 22;padding-left: 2%;}
.swiper-pagination-switch {display:inline-block;width: 20px;height:5px; background: #fff; margin:0 3px;cursor:pointer; }
.swiper-active-switch { background-color: rgb(204, 0, 0);}
.swiper-slide img{width:100%; height:auto;}


@media screen and (max-width:991px){
body{background-size: 100%;}
.main-top{height:60px; margin: 130px 0 22px;  background-size: 100%;}
.main{width:96%; padding:0 2%; margin:0 auto;}
.host .hostR,.device,.container .containerL,.container .containerR,.spdiv,.containerR .tuu,.footer1,.footer1 .friendlink{width: 100%; padding: 0; height: auto;}
.device,.swiper-container{height: 249px;}
.device .swiper-slide img{width:100%; height:auto;}
.host .hostR{margin-top: 25px; overflow: hidden;}
.host .hostR .Rtop,.container .containerL .zcfg p,.container .containerL p,.containerR p{width: 100%; height: 25px;}
.spdiv .fcon img,.containerR .tuu img{width: 100%; height: auto;}
.mt25{margin-top: 25px;}
.containerB ul li{margin-left: 0; width: 33%; text-align: center;}
.footer1 .friendlink{font-size: 14px;}
}
@media (max-width: 768px){
.footer .container { width: 100%;}
.footer_1 { display: none;}
.footer_2 { display: block; text-align: center;}
.video .left a img{ width: 100%; height: auto;}
.jc_icon, .dz_icon { display: none;}
.footer1 .friendlink a { padding: 0 10px 5px 10px;}

}

@media (max-width: 465px){
.footer {padding: 15px 0;}
}
@media screen and (max-width:420px){
.containerB p {background: url(../images/ztzl/4321625_ydd.jpg) no-repeat center top; background-size: 100%;}

}
@media screen and (max-width:320px){
.main-top{height: 40px; margin: 96px 0 22px;}
.host .hostR .Rtop{height: 18px;}
}