@charset "utf-8";
/* CSS Document */

.main{ width:auto;}

a.ads{ display:block; overflow:hidden; clear:both;}
a.ads img{ display:block; width:100%;}

.ibox{ overflow:hidden; position:relative;}

.ibox .con{ width:1350px; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}

.ibox h3.title{ display:block; line-height:2.5em; font-size:20px; overflow:hidden; padding:0 0 0.4em;}
.ibox h3.title img{ display:block; height:1.5em; float:left; margin:0.5em 0.6em 0 0;}
.ibox h3.title a{ display:block; color:#3561a2; font-size:0.8em; font-weight:normal; float:right;}
.ibox h3.title a:hover{ color:#d82b2b;}

.ibox .nbox{ width:calc(50% - 20px); float:right;}
.ibox .nbox:first-child{ float:left;}
.ibox dl.list{ display:block; font-size:17px; overflow:hidden;}
.ibox dl.list dt{ display:block; font-size:1.0588em; overflow:hidden; padding:8px 0 12px;}
.ibox dl.list dt a.pic{ display:block; float:left; margin:0 24px 0 0;}
.ibox dl.list dt a.pic img{ display:block; width:196px; height:124px;}
.ibox dl.list dt a.title{ display:block; line-height:2; color:#333; font-weight:bold;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.ibox dl.list dt a.title:hover{ color:#2e569d; text-decoration:underline;}
.ibox dl.list dt .txt{ display:block; height:3.75em; line-height:1.875; color:#666; font-size:0.88em; margin:2px 0 -2px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.ibox dl.list dt span{ display:block; height:1.75em; line-height:2.5; color:#3561a2; font-size:0.88em; overflow:hidden;}
.ibox dl.list dd{ display:block; line-height:3; overflow:hidden;}
.ibox dl.list dd span{ display:block; color:#999; float:right; margin-left:2em;}
.ibox dl.list dd a{ display:block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:1em; background:url(../images/icons/dot.png) left center no-repeat;}
.ibox dl.list dd a:hover{ color:#d82b2b; background-image:url(../images/common/dot_h.png);}

.topNews{ font-size:34px; overflow:hidden; position:relative; z-index:1; padding:1em 0;}
.topNews .bd{ position:relative; overflow:hidden; height:auto; z-index:0;}
.topNews .bd .tempWrap{ margin:0 auto;}
.topNews .bd ul li{ display:block; line-height:2; color:#3561a2; font-weight:bold; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.box1{ padding:0 0 60px;}
.box1 .slider{ width:655px; height:414px; font-size:16px; overflow:hidden; position:relative; z-index:1; float:left; margin:0 40px 60px 0;}
.box1 .slider .bd{ position:relative; height:auto; z-index:0;}
.box1 .slider .bd .tempWrap{ margin:0 auto;}
.box1 .slider .bd ul,
.box1 .slider .bd ul li,
.box1 .slider .bd ul li a{ display:block; overflow:hidden; position:relative;}
.box1 .slider .bd ul li a img{ display:block; width:100%; height:414px;}
.box1 .slider ul.titles{ display:block; width:100%; background:rgba(0,0,0,0.6); height:3.5em; position:absolute; left:0; bottom:0; z-index:2;}
.box1 .slider ul.titles li{ display:block; width:100%; line-height:3.5; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 120px 0 22px; box-sizing:border-box; position:absolute; left:0; top:0; z-index:2; transition:all ease 0.8s; transform:translateY(100%);}
.box1 .slider ul.titles li.current{ transform:translateY(0);}
.box1 .slider .hd{ z-index:1; position:absolute; right:20px; bottom:1.75em; z-index:9; transform:translateY(50%);}
.box1 .slider .hd ul{ display:block; overflow:hidden;}
.box1 .slider .hd ul li{ display:block; width:10px; height:10px; background:#fff; border-radius:50%; margin:0 8px; float:left; cursor:pointer;}
.box1 .slider .hd ul li.on{ background:#d82b2b;}
.box1 dl.list{ margin-bottom:60px;}

.box2{ background:#f8f8f8; padding:42px 0 52px;}

.box3{ padding:60px 0 60px;}
.box3 a.ads:first-child{ margin-bottom:42px;}
.box3 .nbox{ margin-bottom:52px;}


@media only screen and (max-width:1366px){
.ibox .con{ width:1200px;}
.ibox dl.list{ font-size:16px;}

.topNews{ font-size:30px;}
.box1 .slider,
.box1 .slider .bd ul li a img{ width:580px; height:394px;}
}


@media only screen and (max-width:768px){
.main{ margin:0;}
a.ads img{ object-fit:cover; height:60px;}

.ibox .con{ width:auto; margin:0 12px;}
.ibox h3.title{ font-size:18px; padding:0;}
.ibox h3.title a{ font-size:13px;}

.ibox .nbox{ width:auto; float:none !important; margin:0 !important;}
.ibox dl.list{ font-size:14px; margin:0 0 14px;}
.ibox dl.list dt a.pic{ margin-right:16px;}
.ibox dl.list dt a.pic img{ width:132px; height:84px;}
.ibox dl.list dt a.title{ -webkit-line-clamp:2; height:3.5em; line-height:1.75;}
.ibox dl.list dt .txt{ display:none;}
.ibox dl.list dd{ line-height:2.5;}

.topNews{ font-size:20px;}

.box1{ padding:0 0 20px;}
.box1 .slider{ width:auto; height:60vw; float:none; margin:0 0 14px; font-size:14px;}
.box1 .slider .bd ul li a img{ width:100%; height:60vw; object-fit:cover;}
.box1 .slider .hd{ right:12px; bottom:1.5em;}
.box1 .slider .hd ul li{ width:8px; height:8px; margin:0 4px;}
.box1 .slider ul.titles{ height:3em;}
.box1 .slider ul.titles li{ line-height:3; padding:0 72px 0 12px;}

.box2{ padding:12px 0 10px;}

.box3{ padding:20px 0 20px;}
.box3 a.ads:first-child{ margin-bottom:16px;}
}

















/**/