@charset "utf-8";

/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"微软雅黑"; font-size:12px; cursor:default;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none;}
a:hover{ text-decoration: none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}

.clear{ clear:both;}
*{margin: 0;padding: 0;}
.banner{ background:url(../img/xhnjtm_syds2019_top_banner.jpg) center top no-repeat; width:100%; height:450px; margin:0 auto;}
.banner_web{ display: none; width: 100%; height: auto;}
.banner_web img{ width: 100%; height: auto; display: block;}
.content1{
	background:url(../img/xhnjtm_syds_jj_bg.png) repeat ;
	padding-top: 35px;
	padding-bottom: 35px;
}
.main{width:1100px; margin: 0 auto; }
.tupain{
	text-align: center;
}
.theme3{
	font: 16px/32px "微软雅黑";
    color: #000;
	text-indent: 2em;
	padding-top: 20px;
	padding-bottom: 20px;
	
}
.theme3_3{
	font: 16px/32px "微软雅黑";
             color: #000;
	text-indent: 2em;
           padding-bottom: 25px;
	
}
.tit_pic{
	text-align: center;
	padding-top: 10px;
}
.theme4{
	font: 16px/32px "微软雅黑";
    color: #000;
	text-indent: 2em;
	padding-top: 25px;
	padding-bottom: 10px;
}
.theme4 a{font: 16px/32px "微软雅黑";
    color: #000;}
.theme4 a:hover{ color: #ff0000;}
.theme5{
	font: 16px/32px "微软雅黑";
           color: #000;
	text-indent: 2em;
	padding-bottom: 10px;
	
}
.theme6{
	font: 16px/32px "微软雅黑";
    color: #000;
	text-indent: 2em;
	padding-bottom: 10px;
}
.theme6_6{
	font: 16px/32px "微软雅黑";
    color: #000;
	text-indent: 2em;
	padding-bottom: 10px;	
}

.pic5{
	text-align: center;
	padding-bottom: 30px;
}
.zhaopian{ height: auto; width: 100%;}
.zhaopian ul{height: auto; width: 100%; overflow: hidden;}
.zhaopian li{
    float:left;
    display: block;
	width:352px;
	height: 326px;
	background:url(../img/xhnjtm_syds_pic_list_bg.png) no-repeat;
	padding-right: 14px;
	padding-bottom:25px;
}
.zhaopian li a.pic{
	display: block;
	width:352px;
	height:240px;
	overflow: hidden;
	}
.zhaopian  li img{
	display: block;
	width:352px;
	height:240px;
	transition: All 0.3s ease-in-out;
	-webkit-transition: All 0.3s ease-in-out;
	-moz-transition: All 0.3s ease-in-out;
	-o-transition: All 0.3s ease-in-out;
}
.zhaopian li a.pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.zhaopian p a{
	display: block;
	text-align: center;
    color:#000; 
	font-size:17px;
	height: 30px;
	line-height: 30px;
	text-decoration:none;
	padding-top: 15px;

	word-break: break-all;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    overflow: hidden;
}
.zhaopian p a:hover{color:#dd1a05;}

.more{
 	float: right;
 	padding-right: 16px;
}

.content2{
	background:url(../img/xhnjtm_syds_pic_bg.png) repeat ;
	padding-top: 35px;
	padding-bottom: 33px;	
}

h2.jiang_class{ height: 50px;line-height: 50px; font-size: 40px; text-align: center; margin-bottom: 20px; color: #333333;}
.clear{ clear: both;}
@media screen and (max-width:1099px) {
	.banner{ display: none;}
	.banner_web{display: block;}
	.content1{ box-sizing: border-box; width: 100%; padding: 20px 2%;}
	.main{width: 100%;}
	.theme3{ padding: 15px 0 0 0; font-size: 15px; line-height: 28px;}
	.theme3_3{ padding-bottom: 0; font-size: 15px; line-height: 28px;}
	.theme4{ padding-top: 15px;padding-bottom: 0; font-size: 15px; line-height: 28px;}
	.theme5{ padding-bottom: 0; font-size: 15px; line-height: 28px;}
	.tupain img,.tit_pic img,.pic5 img{ display: none;}
	
	.content2{ box-sizing: border-box; width: 100%; padding: 20px 2%; }
	.pic5{padding-bottom: 20px;}
	.zhaopian li{ float: none; margin: 0 auto; padding-right: 0;padding-bottom: 5px;}
	.more{ float: none; padding-right: 0; margin: 0 auto 20px; text-align: center;}
	
	
	h2.jiang_class{ height: 40px;line-height: 40px;font-size: 30px; }
	
	.tupain{ height: 50px; width: 100%; background: url(../img/xhnjtm_syds_tit_01_web.png) center center no-repeat; background-size:107px 50px;}
	.tit_pic{ height: 50px; width: 100%; background: url(../img/xhnjtm_syds_tit_02_web.png) center center no-repeat; background-size:107px 50px;}
	.pic5{ height: 50px; width: 100%; background: url(../img/xhnjtm_syds_tit_03_web.png) center center no-repeat; background-size:107px 50px;}
	
}
@media screen and (max-width:370px) {
	.zhaopian li{width: 100%; background: #f0f0f0; height: auto; margin-bottom: 20px;}
	.zhaopian li p{ margin: 15px 0 10px; text-align: center; line-height: 24px; }
	.zhaopian p a{padding-top: 0; display: inline-block; line-height: 24px;height: auto; overflow: auto; white-space: normal;}
	.zhaopian li a.pic{ width: 100%; height: auto;}
	.zhaopian li a.pic img{ width: 100%; height: 242px;}
}
@media screen and (max-width:360px) {
	.zhaopian li a.pic img{ height: 235px;}
}
@media screen and (max-width:350px) {
	.zhaopian li a.pic img{ height: 229px;}
}
@media screen and (max-width:340px) {
	.zhaopian li a.pic img{ height: 222px;}
}
@media screen and (max-width:330px) {
	.zhaopian li a.pic img{ height: 216px;}
}
@media screen and (max-width:320px) {
	.zhaopian li a.pic img{ height: 209px;}
}