@charset "UTF-8";

/* CSS Document */

*{margin:0;padding:0;list-style-type:none;box-sizing:border-box;-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	-webkit-font-smoothing:antialiased;	font-smoothing:antialiased;	text-rendering:optimizeLegibility; }
a{text-decoration:none;}
ul,ol,li {list-style:none;}
img{ border:0; vertical-align: middle; }
.header,.wrapper,.footer { width: 100%;box-sizing:border-box;-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	-webkit-font-smoothing:antialiased;	font-smoothing:antialiased;	text-rendering:optimizeLegibility; }
.main2{max-width:1200px; width: 100%; margin:auto; height: auto; overflow: hidden; }
.fl{float: left;}


/* ¶¥²¿LOGO */
.header {background:#FFF ; width: 100%; height: auto; margin:auto; position:relative;  z-index: 9; overflow: hidden; border-bottom: 2px solid #0066CE;}
.logo{ width:25%; float: left;  margin:10px 0 10px 4%; }
.logo img{ width:100%; height: auto; }

/* ±êÌâ*/
.title_div{ width:100%; border-top: 1px solid #FFF;background:#1772B6; margin: auto ;border-bottom:1px solid #DDD; text-align: center; padding:2rem 0; }
.title_div h1{font: bold 3rem/3rem "微软雅黑";color:#FFF; width:100%;  display: block; }

/* ÏêÇé */
.content_div{ width:100%;height: auto; overflow: hidden; padding: 2% 0; }
.content_div h1{overflow: hidden; border-left:30px solid #1772B6;  margin:5% 0 3% -6%; }
.content_div h1 span{ display: block; margin-left: 2%;}
.content_div h1 span.style1{font: bold 2.4rem/3rem "微软雅黑";  color: #000; }
.content_div h2 {font: 1.5rem/3rem "微软雅黑";color:#999; margin:0 2% 3% 2%;  text-align: center;}
.text_div{ border: 1px solid #527EBE; margin: 1% 3% 0 3% ; padding: 1% 5% 3% 5%; }
.text_div .content_1{overflow: hidden;}
.text_div .content_1 img{ float: left; width: 23%; }
.text_div .content_1 p{float: right;width: 72% ;font:1.6rem/3rem "微软雅黑"; text-indent:2.6rem;text-align:justify;text-justify:distribute-all-lines; margin-bottom: 20px;color: #333; }
.text_div .content_1 h2{ font:bold 3rem/4rem "微软雅黑";text-align: center; }
.text_div .content_1 b{ font:bold 2.4rem/3rem "微软雅黑"; color:#1772B6;}

.text_div .content_2{overflow: hidden;}
.text_div .content_2 img{ margin: 4% auto; width:100%;  display: block;}
.text_div .content_2 p{font:1.6rem/3rem "微软雅黑"; text-indent:2.6rem;text-align:justify;text-justify:distribute-all-lines; margin-bottom: 20px;color: #333; }
.text_div .content_2 b{ font:bold 2rem/3rem "微软雅黑";color:#1772B6;margin-bottom: 20px;display: block;}

.text_div .content_3{overflow: hidden;}
.text_div .content_3 img{ margin: 4% auto; width:70%;  display: block;}
.text_div .content_3 p{font:1.6rem/3rem "微软雅黑"; text-indent:2.6rem;text-align:justify;text-justify:distribute-all-lines; margin-bottom: 20px;color: #333; }
.text_div .content_3 b{ font:bold 2rem/3rem "微软雅黑";color:#1772B6;margin-bottom: 20px;display: block;}

.text_div .content_4{overflow: hidden;}
.text_div .content_4 img{ margin: 4% auto; float: right; width: 30%;}
.text_div .content_4 p{float: left;width: 65% ;font:1.6rem/3rem "微软雅黑"; text-indent:2.6rem;text-align:justify;text-justify:distribute-all-lines; margin-bottom: 20px;color: #333; }
.text_div .content_4 b{ font:bold 2rem/3rem "微软雅黑";color:#1772B6;margin-bottom: 20px;display: block;}

.text_div .content_5{overflow: hidden;}
.text_div .content_5 img{ margin: 4% auto; float: left; width: 30%; display: block;}
.text_div .content_5 p{float: right;width: 65% ;font:1.6rem/3rem "微软雅黑"; text-indent:2.6rem;text-align:justify;text-justify:distribute-all-lines; margin-bottom: 20px;color: #333; }
.text_div .content_5 b{ font:bold 2rem/3rem "微软雅黑";color:#1772B6;margin-bottom: 20px; display: block;}


/* ·µ»Ø¶¥²¿ */
.page1{ color:#FFFFFF; font: 1.4rem/3rem "微软雅黑"; background:#1772B6; width:100px; height: auto; text-align: center; margin:2% auto 0 auto; }
.page1 a {color:#FFFFFF;display:block;}
.page1 a:hover {color: #FFFFFF; background:#0066CE; transition: all 0.50s ease-in-out; -webkit-transition: all 0.50s ease-in-out; -moz-transition: all 0.50s ease-in-out;}

/* µ×²¿°æȨ */
.footer{  width:100%; margin: auto; padding:2% 0 1% 0;  background:#1772B6; }
.footer_01 { max-width: 1000px;width:100%; margin:auto;}
.footer_01 p{ color:#FFF; font:1.3rem/2rem "微软雅黑"; margin: 0; padding:0 0 1% 0; width:100%; text-align: center;}
.footer_01 p a{color: #FFF;text-decoration: none;}
.footer_01 p a:hover {text-decoration: underline;color:#FFF;}



@media screen and (min-width : 240px )and ( max-width : 820px ){ 
		
.text_div .content_1 img{ float: none; width: 100%; margin: 4% auto;}
.text_div .content_1 p{float: none;width: 100% ;}
	
.text_div .content_3 img{  width:100%; }	
	
.text_div .content_4 img{ float: none; width: 100%;}
.text_div .content_4 p{float: none;width: 100% ;}
	
.text_div .content_5 img{  float: none; width: 100%; }
.text_div .content_5 p{float: none;width: 100% ;}
	
}