/* CSS Document */


.speech{ float:left; width:70%;}
.speech h3{ font-size:36px; font-weight:bold; margin-bottom:40px}
.speech_img{ float:right; width:20%;}
.speech_img img{ width:100%}
.about_text{ line-height:2em}

.introduction h3{ font-size:36px; font-weight:bold; margin-bottom:40px}
.introduction_text{float:left; width:55%;}
.introduction_img{ float:right; width:40%;}
.introduction_img img{ width:100%}
.culture{ background:url(../winimages/culture_bg.jpg) no-repeat bottom; background-size: 100% 100%}
.culture h3{ font-size:36px; font-weight:bold; margin-bottom:40px; text-align:center}
.culture_li{ width:25%; float:left;}
.culture_li a{ color:#333}
.culture_li div{ border:1px solid #ccc;background-color:#FFF; text-align:center; padding:20px; margin:20px}
.culture_li p.p2{ font-size:18px; font-weight:bold; margin-top:20px}
.culture_li p.p3{ margin-top:20px; height:80px; line-height:2em}
.culturecon_img img,.culturecon_imgs img{ width:100%}
.culturecon_lits{ background:url(../winimages/culturecon_libg.jpg) no-repeat right bottom;}
.culturecon_li{ background:url(../winimages/culturecon_litsbg.jpg) no-repeat right bottom;}
.culturecon_li .culturecon_img,.culturecon_li .culturecon_text,.culturecon_li .culturecon_imgs{float:left;}
.culturecon_lits .culturecon_img,.culturecon_lits .culturecon_text,.culturecon_lits .culturecon_imgs{float:right;}
.culturecon_img{ width:20%;}
.culturecon_text{ padding:0 5%; width:50%}
.culturecon_text p{ line-height:2em;}
.culturecon_text p.p1{ font-size:16px}
.culturecon_text h3{ font-size:30px; font-weight:bold; margin:20px 0}
.culturecon_text h4{ font-size:25px; font-weight:bold; margin:20px 0}
.culturecon_imgs{ width:30%;}
.culturecon_imgs img{ border:5px solid #FFF;-moz-box-shadow: 0px 0px 5px #888888;box-shadow: 0px 0px 5px #888888;}
.content{ line-height:2em;}
.content img{ max-width:100%}

.introduction_imglist span{ display:block; width:20%; padding:10px; float:left; margin-top:20px;}
.introduction_imglist b{ display:block; text-align:center; margin-top:10px}
.introduction_imglist img{ width:100%}


.culture5_li{ width:25%;  float:left}
.culture5_li div{box-shadow: 0 0 10px #ccc; padding:5%; margin:5%}
.culture5_li p{text-align:center}
.culture5_li p.p1{ font-size:20px; font-weight:bold;}
.culture5_li p.p2{ font-size:20px; font-weight:bold; width:100px; height:100px; border-radius:100px; background-color:#b72115; line-height:100px; color:#FFF; margin:auto; margin-top:20px}
.culture5_li p.p3{ font-weight:bold;color:#b72115;}
.culture5_li ul{ padding-left:10px; display:block; height:240px; margin-top:20px;}
.culture5_li ul li{ list-style:square  url(../winimages/dian.png); line-height:2em; margin-top:10px}
.culture5_guide{ background:url(../winimages/culture5_guide.jpg) no-repeat center; color:#FFF; text-align:center}
.culture5_guidetxt{ max-width:800px; margin:auto; margin-top:30px;}
.culture5_guidetxt p{ display:block; width:50%; float:left; font-size:18px; line-height:2em}
@media(max-width:1280px)
{
	.culture_li{ width:25%}
	.culture5_li{ width:33.333%; }
}

@media(max-width:1080px)
{
	.introduction_imglist span{ width:50%}
	.speech{ float:left; width:100%;}
	.speech_img{ float:right; width:40%; margin-top:20px}
	.introduction_text{float:none; width:100%;}
	.introduction_img{ float:none; width:100%; margin:0 auto; margin-top:20px}
	
	.culture_li{ width:33.333%}
	
	
	.culture5_li{ width:50%; }
	
	
	.culturecon_li .culturecon_img,.culturecon_li .culturecon_text,.culturecon_li .culturecon_imgs{float:none;}
	.culturecon_lits .culturecon_img,.culturecon_lits .culturecon_text,.culturecon_lits .culturecon_imgs{float:none;}
	.culturecon_li,.culturecon_lits{ border-bottom:1px solid #ccc;}
	.culturecon_img{ width:40%; margin:40px auto}	
	.culturecon_imgs{ width:80%;margin:40px auto;}
	.culturecon_text{  width:100%}
}
@media(max-width:810px)
{
	.culture_li{ width:50%}
	
	.culture5_li{ width:100%; }
	.culture5_li p.p2{ margin-top:20px}
	.culture5_li ul{height:auto; }
	.culture5_li ul li{ list-style:square  url(../winimages/dian.png); line-height:2em; margin-top:5px}
	.culture5_li p.p3{ margin-top:20px}	
	.culture5_guide{ padding:20px 10px}
	.culture5_guidetxt p{ width:100%; float:none; }
}

@media(max-width:640px)
{
	
	.introduction_imglist span{ width:100%}
	.speech h3{ font-size:20px;margin-bottom:20px;margin-top:20px;}
	.speech{ float:none; width:100%;}
	.speech_img{ float:none; width:60%; margin:0 auto; margin-top:10px}
	.introduction h3{ font-size:20px;margin-bottom:20px;margin-top:20px;}
	.introduction_text{ width:100%;}
	.introduction_img{ width:100%;  margin-top:10px}
	
	.culture{ background-size: auto 100%}
	.culture h3{ font-size:20px;margin-bottom:20px;margin-top:20px;}
	.culture_li{ width:100%}
	.culture_li div{ border:1px solid #ccc;background-color:#FFF; text-align:center; padding:20px; margin:10px; margin-top:20px}
	.culture_li p.p2{ font-size:18px; font-weight:bold; margin-top:10px}
	.culture_li p.p3{ margin-top:10px; height:auto; line-height:2em}
	.culturecon_text h3{ font-size:21px;}
	.culturecon_text h4{ font-size:18px;}
	.culturecon_img{ width:40%; margin:20px auto}	
	.culturecon_imgs{ width:90%;margin:20px auto;}
}