@charset "gb2312";
/* CSS Document */
body{
   min-width:320px;
    font: 12px/ 1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";
    padding: 0;
    margin: 0;
    text-align:center;
    background-color: #fff !important;
}
@media (min-width:320px) {
body {font: 12px/ 1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå"; }
#article .content p{ font:12px/1.5 "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
article h3 {font-size:24px !important;}
.tj1 h3 {

    font-size: 14px !important;

}
.yy_list h3 {
    padding: 2% 0;
    font-size: 14px !important;
}
.tj1 h3 .s1 {font-size: 16px !important;
}
.rd1 .topleft {font-size: 16px !important;}
.tj1 ul li {padding: 1%  !important;margin:1% !important;}

.gy_xw .gy_2{overflow: hidden; text-align:left; width:95%;  margin:0 auto;}
.gy_xw .gy_2 ul li{width:100%; overflow:hidden; border-bottom: dashed thin #989898; padding-bottom: 3%; margin-top: 3%;}
.gy_xw .gy_2 ul li img{margin:8px !important;}
.gy_xw .gy_2 ul li h4{ font: 18px/1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå" !important;}
.gy_xw .gy_2 ul li h3{ color: #000;float: left; width: 100%; overflow: hidden;font: 13px/1.6  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
.gy_xw .gy_2 ul li p{ color:#797979;float: left;width: 100%; overflow: hidden; height:75px; overflow: hidden;}
.gy_xw .gy_2 ul li p span{color: #000; font: 13px/1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
.gy_xw .gy_2 .zjr{float: left; width: 55%; overflow: hidden;}
.gy_xw .gy_2 .l1{width: 54px !important; float: left; text-align: center;}
.gy_xw .gy_2 .l2{ width: 88px !important;}
.gy_xw .gy_2 ul li p a{color:#ee8a3e;}

.gyjj .by_nav ul li {font-size: 16px !important; padding: 6px 0 !important;}
.bge ol li {width: 26.7% !important;
    margin: 1% 3%;
}
.bge ul li { padding: 1.5% !important;}
.rd1 ul li { padding: 1.5% !important;}

.gyjj .gy_xw .gy_n h3 {font: 16px/ 1.5 "脦垄脠铆脩脜潞脷", "Arial","脣脦脤氓" !important;
    float: left;
}
footer .footr {float: right;padding-right:0 !important;width:30%;}
footer .footl {
    float: left;
    padding-left: 0 !important;
    width: 58%;
    padding-left: 4% !important;
}
footer p {
    color: #5b5a5a;
    padding-bottom: 7px;
    font: 13px/ 1.5 "脦垄脠铆脩脜潞脷", "Arial","脣脦脤氓";
    text-align: left;
}
footer .footl img {
    padding-top: 0px !important;
    width: 100%;
}
footer .footr ul li {
    width:81px !important;
    margin-bottom:10px !important;
    height: 29px !important; 
    line-height: 29px !important;

}

footer {margin-bottom: 40px !important;
}
.jzgd{text-align: center; color: #ad9d6c;font-size: 16px !important; }
.jzgd span{color: #dddddb; }

  }
@media (min-width:375px) {
body {font: 14px/ 1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå"; }
#article .content p{ font:14px/1.5 "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
#bd #xwdt .dt #tj p{font:13px/1.5 "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
.tj1 h3 {font-size: 14px !important;}
.tj1 h3 .s1 {font-size: 18px !important;}
.rd1 .topleft {font-size: 18px !important;}

  }
@media (min-width:414px) {
body {font: 16px/ 1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå"; }
#article .content p{ font:14px/1.5 "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
.tj1 h3 {font-size: 14px !important;}
.tj1 h3 .s1 {font-size: 18px !important;}

  }
@media (min-width:480px) {
body {
font: 18px/ 1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå"; }
#article .content p{ font:16px/1.5 "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
.tj1 h3 {font-size: 14px !important;}
.tj1 h3 .s1 {font-size: 18px !important;}
  }
@media (min-width: 640px) {
     body {
    font: 20px/ 1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
	#article .content p{ font:18px/1.5 "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}

  .gyjj .gy_xw .gy_n h3 {font: 26px/ 1.5 "脦垄脠铆脩脜潞脷", "Arial","脣脦脤氓" !important;}
  .tj1 h3 {

    font-size: 26px !important;

}
.rd1 .topleft {font-size: 26px !important;
}
.tj1 h3 .s1 {font-size: 32px !important;
}
.jzgd{text-align: center; color: #ad9d6c;font-size: 26px !important; padding-top: 20px; padding-bottom: 20px;}
.jzgd span{color: #dddddb; }
footer{width:100%;padding-bottom: 60px; background: #f4f0ef; margin:0 auto; overflow:hidden; padding-top:5px; margin-bottom:20px;}
footer .ft01{ width:21%; height:140px; margin-right:8%; float:left; background:url(http://www.songbaobao.com/images/mbyby/map.png); background-repeat:no-repeat; background-size: 100% 100%;}
footer .footl{float: left;padding-left:8%;}
footer .footl img{padding-top: 15px; width: 100%;}
footer .footr{float: right;padding-right: 8%;}
footer .footr ul li{width:161px !important; margin-bottom: 23px !important; height: 49px !important;line-height: 49px !important; }
  }

body, div, dl, dt, dd, ul, ol, li, h1, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin: 0;padding: 0;}
body {font-family: "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";color: #666;background: #ebebeb;}
fieldset, img {max-height: auto; border:none; max-width:100%;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;}
ol, ul, li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;line-height: 100%;}
q:before, q:after {content: ¡±;}
abbr, acronym {border: 0;}
a {color: #666;text-decoration: none;}
a:hover {color: #F00;text-decoration: none;}
/* ÉèÖÃHTML5ÔªËØÄ£¿é */
article£¬ aside£¬ details£¬ figcaption£¬ figure£¬ footer£¬ header£¬ hgroup£¬ menu£¬ nav£¬ section {display: block;}

html {
	font-size:100% ;

}
 
body{
  max-width:640px;
  min-width:320px;
  margin:0 auto;
 
}
/*ÓÒ²àÀ¸*/
.ui-mobile-viewport {
	margin:0 auto;
	backgroud:#
	overflow-x:visible;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
body.ui-mobile-viewport,div.ui-mobile-viewport {
	overflow-x:hidden
}
.ui-mobile [data-role=page],.ui-mobile [data-role=dialog],.ui-page {
	margin:0 auto;
	width:100%;
	min-height:100%;
	position:absolute;
	display:none;
	border:0
}
.ui-page {
	outline:0
}
.ui-mobile .ui-page-active {
	display:block;
	overflow:visible;
	overflow-x:hidden
}
/*ÓÒ²àÀ¸½áÊø*/
#pagelist{max-width:640px; margin:0 auto;}
#pagelist #header {
    width: 100%;
    background-color: #fff;
	overflow:hidden;
   border-bottom: solid 3px #fd0007;
}
#pagelist #header .hd{width:90%; margin:0 auto; overflow:hidden; }
#pagelist #header .hd .header-l{float: left; width:75%;  height: 90%; overflow:hidden;  margin-bottom:2.5%; margin-top:2.5%;}
#pagelist #header .hd .header-r{ overflow:hidden;  margin-top:2.5%; width:17%; padding-left:8%;}
#section{max-width:640px; margin:0 auto; background:#ebebeb;}
#section .banner{ box-sizing: border-box; width: 100%; height:100%; overflow:hidden;}
#section .banner img{ width:100%; height:100%;}

#bd .tp img{ margin:15px 8px 15px 3px; float:left; overflow:hidden;}
#bd #arc-list{ overflow:hidden; margin:0 auto;}
#bd #arc-list ul{ width:100%; overflow:hidden; margin:0 auto; }
#bd #arc-list ul li{width:100%; background-color:#FFFFFF; height:120px; margin-bottom:13px; }
#bd #arc-list ul li img{margin:17px ; float:left; }
#bd #arc-list ul li article{  padding-top:18px;}
#bd #arc-list ul li article header{text-align:left; }
#bd #arc-list ul li article header a{line-height:25px;  color:#2f2e2e; }
#bd #arc-list ul li article header a:hover{color:#f00; }
#bd #arc-list ul li header p{ color:#b3b3b3; font-family:'Î¢ÈíÑÅºÚ'; line-height:20px; margin-top:2%; }
#bd #arc-list ul li header p span{float:left; overflow:hidden; }
#bd #arc-list ul li header p time{margin-right:3%; float:left;}
#bd #arc-list ul li header p img{ margin-right:10px; float:left;}
#pageone{width:100%; height:50px; background-color:#e74c16; font-size:19px;  text-align:center; line-height:50px; margin-bottom:2%;}
#pageone a {color:#fff;}

/*ÓÒ²àÀ¸*/
#menu {
	display:none;
    background-color: #5a5959;
    width: 100%;
    overflow: hidden;
    z-index: 101;
}
#menu h3 {
    font-family: arial;
    font-size: 12px;
    color: #fff;
    margin: 0;
    padding: 4px 0 4px 10px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(5%,rgba(90,89,89,1)),color-stop(85%,rgba(66,65,65,1)));
    border-top: solid #6b6b6b 1px;
    border-bottom: solid #3d3d3d 1px;
    text-shadow: 0 -1px 1px #333;
}
#menu ul {
    margin: 0;
    padding: 0;
    width: inherit;
}
#menu ul li{ font-size:16px; width:100%; color: #fff;}
#menu ul li span img{ width:60%;}
#menu ul li span{ float:right;}
#menu ul li a:link,
#menu ul li a:visited {
    border-bottom: solid #656d7a 2px;
    box-shadow: 0 1px 0 #727272;
    color: #fff;
    display: block;
    padding: 3% 9% 2%;
	width:83%;
	text-align:left;
	overflow:hidden;
}
#menu ul li a:hover,
#menu ul li a:active {
    background-color: #716f6f;
}
footer{width:100%;padding-bottom: 60px; background: #f4f0ef; margin:0 auto; overflow:hidden; padding-top:4%; margin-bottom:20px;}
footer .ft01{ width:21%; height:140px; margin-right:8%; float:left; background:url(http://www.songbaobao.com/images/mbyby/map.png); background-repeat:no-repeat; background-size: 100% 100%;}
footer .footl{float: left;padding-left:8%;}
footer .footl img{padding-top: 15px; width: 100%;}
footer .footr{float: right;padding-right: 8%;}
footer .footr ul li{width:161px ; margin-bottom: 23px; height: 49px;line-height: 49px; text-align: center; color: #de410e; background: #fff;}

.jzgd{text-align: center; color: #ad9d6c;font-size: 24px; padding-top: 20px; padding-bottom: 20px;}
.jzgd span{color: #dddddb; }

.nav{width: 100%; overflow: hidden;padding-top: 4%;}
.nav  img{width: 100%;}
.nav .left{width: 39.5%;float: left;}
.nav .right{width:60% ;float: right;}
.nav .right img{float: left; margin-bottom:5px;}

@media (min-width: 480px) {
footer .ft01{ width:21%; height:169px; margin-right:8%; float:left; background:url(http://www.songbaobao.com/images/mbyby/map.png); background-repeat:no-repeat; background-size: 100% 100%;}

  }
footer p{color:#5b5a5a; padding-bottom: 15px; font: 13px/ 1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå"; text-align:left;}
footer #fp{font: 14px/ 2  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
footer p span{ font: 16px/ 1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";  text-align:left;}

@media (min-width: 375px) {

footer p{color:#5b5a5a;  font: 15px/ 1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå"; text-align:left;}
footer #fp{font: 16px/ 1.9  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
footer p span{ font: 18px/ 1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";  text-align:left;}
#menu ul li{ font-size:18px; width:100%; color: #fff;}
#menu ul li span img{ width:80%;}
  }
@media (min-width: 640px) {
footer p{color:#5b5a5a; font: 22px/ 1.8  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå"; text-align:left;}
footer #fp{font: 18px/ 2.3  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
footer p span{ font: 20px/ 1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";  text-align:left; font-weight:bold;}
#menu ul li{ width:100%; font-size:22px; color: #fff;}
#menu ul li span img{ width:100%;}
  }

footer .bt{ height:40px; overflow:hidden; margin-top:2%; text-align:left;}
footer .bt img {width:35%;}
.ui-body-c {
    background-color: #fff;
    line-height: 18px;
}
.active {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(30,29,29,1)),color-stop(21%,rgba(56,55,55,1)));
    color: #fff;
    text-shadow: 0 1px 1px #000;
}

#back_to_camera {
  clear: both;
  display: block;
  height: 80px;
  line-height: 40px;
  padding: 20px;
}
.fluid_container {
  margin: 0 auto;
  max-width: 640px;
  width: 100%;
}
.camera_pie{ display:none;}
  /*ÎÄÕÂ*/
#article{ background:#fff; padding-top:20px; overflow:hidden; padding-bottom:30px; margin-bottom:3%;}
#article h1{ color:#f00; line-height:40px;}
#article .yinyan{ color:#b3b3b3; font-family:'Î¢ÈíÑÅºÚ'; line-height:20px; margin-top:2%; margin: 0 auto; width: 70%; height:30px; }
#article .content{ width:90%; margin:0 auto; color:#515151; text-align:left;}
#article .content p{ line-height:35px; }
#article .content .pre{ line-height:30px; font-size:14px; margin-top: 5%;}
#article .content .pre a{color:#767678;}
#article .content .pre span{ color:#151515; font-size:14px;}

#article .content .next{ line-height:30px; font-size:14px; }
#article .content .next a{color:#767678;}
#article .content .next span{ color:#151515; font-size:14px;}
@media (min-width: 375px) {

#article h1{ color:#f00; line-height:60px;}
#article .yinyan{ color:#b3b3b3; font-family:'Î¢ÈíÑÅºÚ'; line-height:20px; margin-top:2%; margin: 0 auto; width: 70%; height:40px; }
#article .content .pre span{ font-size:16px; }
#article .content .pre{ line-height:40px;  font-size:16px;  }
#article .content .next span{ font-size:16px; }
#article .content .next{ line-height:40px;  font-size:16px;}
  }
@media (min-width: 414px) {
#article .content .pre span{ font-size:18px; }
#article .content .pre{font-size:18px;}
#article .content .next span{ font-size:18px; }
#article .content .next{ font-size:18px; }
  }
@media (min-width: 480px) {
#article .content .pre span{ font-size:20px; }
#article .content .pre{font-size:20px;}
#article .content .next span{ font-size:20px; }
#article .content .next{ font-size:20px; }
  }
@media (min-width: 640px) {
#article .content .pre span{ font-size:24px;}
#article .content .pre{ line-height:50px;  font-size:24px;}
#article .content .next span{ font-size:24px;}
#article .content .next{ line-height:50px;  font-size:24px; }
  }

#article .content h3{float:right; width:47%; height:45px; background:url(http://www.songbaobao.com/images/mbyby/ldj_x.jpg) no-repeat; background-size:93% 95%;}
#article .content h3 a{line-height:40px; text-align:center; color:#FFFFFF; font-size:15px; }
#article .content h3 img{width:45%;}

@media (min-width: 375px) {
#article .content h3 a{ font-size:17px; }

  }
 
@media (min-width: 414px) {
#article .content h3 a{ font-size:18px; }
  }

@media (min-width: 480px) {
#article .content h4{ background-size:90% 96%; height:55px;}
#article .content h4 a{line-height:55px; font-size:20px; }
#article .content h3{height:55px; background-size:93% 95%;}
#article .content h3 a{line-height:50px; font-size:20px; }
  }
@media (min-width: 640px) {
#article .content h4{ background-size:90% 96%; height:59px;}
#article .content h4 a{line-height:59px; font-size:25px; }
#article .content h3{height:59px; background-size:93% 95%;}
#article .content h3 a{line-height:59px; font-size:25px; }
  }
#bd{width:95%; margin:0 auto; overflow:hidden; margin-bottom:2%;}
#bd .tp{ height:50px; text-align:left;}
#bd .tp p span{ margin:6px;}
#bd .tp p{font-family:'Î¢ÈíÑÅºÚ';  line-height:50px; color:#393536;}
.gyjj{background-color:#FFFFFF; width:100%; margin:0 auto;overflow:hidden; margin-bottom:3%; padding-bottom:3%;}
.gyjj .gy_xw .gy_n{width:96%; text-align:left;  margin:0 auto; overflow:hidden; padding-bottom:2%; margin-top: 2%;}
.gyjj .gy_xw .gy_n h3{color:#b49060; width: 100%; overflow: hidden; font: 26px/ 1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå"; float:left;}
.gyjj .gy_xw .gy_n .right{float: right;}
.gyjj .by_nav{width: 100%; overflow: hidden;}
.gyjj .by_nav ul li{float: left; width: 50%; padding: 12px 0; background: #f4f0ef;color: #6a6665; overflow: hidden; font-size: 26px; text-align: center; }
.gyjj .by_nav .this{background: #e2537e; color: #fff;}

@media (min-width: 480px) {

.gyjj .gy_xw .gy_n h3{font: 18px/ 1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
  }
@media (min-width: 640px) {
.gyjj .gy_xw .gy_n h3{font: 26px/ 1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
  }

.gy_xw ul{ width:100%; overflow:hidden; margin:0 auto; }
.gy_xw .gy_2{overflow: hidden; text-align:left; width:95%;  margin:0 auto;}
.gy_xw .gy_2 ul li{width:100%; overflow:hidden; border-bottom: dashed thin #989898; padding-bottom: 3%; margin-top: 3%;}
.gy_xw .gy_2 ul li img{margin:17px ; float:left; text-align:left; width:37%; margin-top: 2%;}
.gy_xw .gy_2 ul li h4{float:left; margin-right:10px;  width: 100%; overflow: hidden; color: #555555; font: 13px/1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
.gy_xw .gy_2 ul li h3{ color: #000;float: left; width: 100%; overflow: hidden;font: 13px/1.6  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
.gy_xw .gy_2 ul li p{ color:#797979;float: left;width: 100%; overflow: hidden; height:75px; overflow: hidden;}
.gy_xw .gy_2 ul li p span{color: #000; font: 13px/1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
.gy_xw .gy_2 .zjr{float: left; width: 55%; overflow: hidden;}
.gy_xw .gy_2 .l1{background: #e3547f;color: #fff; margin: 2% 0; border-radius: 6px; width: 64px; float: left; text-align: center;}
.gy_xw .gy_2 .l2{background: #4cc1d5;color: #fff; margin: 2% 4%; border-radius: 12px; width: 98px;text-align: center;float: left;}
.gy_xw .gy_2 ul li p a{color:#ee8a3e;}

@media (min-width: 375px) {
.gy_xw .gy_2 ul li h4{font: 16px/1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå"; }
.gy_xw .gy_2 ul li h3{ font: 16px/1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
.gy_xw .gy_2 ul li p{ height: 84px; overflow: hidden;}
.gy_xw .gy_2 ul li p span{font: 16px/1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
  }
@media (min-width:414px) {
.gy_xw .gy_2 ul li h4{font: 16px/1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå"; }
.gy_xw .gy_2 ul li h3{ font: 16px/1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
.gy_xw .gy_2 ul li p{ height: 94px; overflow: hidden;}
.gy_xw .gy_2 ul li p span{font: 16px/1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
  }

@media (min-width: 640px) {
.gy_xw .gy_2 ul li h4{ font: 36px/1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå" !important; }
.gy_xw .gy_2 ul li h3{ font: 22px/1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå" !important;}
.gy_xw .gy_2 ul li p{ height: 120px; overflow: hidden;}
.gy_xw .gy_2 ul li p span{font: 22px/1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå" !important;}
  }
.gy_xw .gy_3{overflow: hidden; text-align:left; width:95%;  margin:0 auto;}
.gy_xw .gy_3 ul{width:100%; margin-top:1%; margin-bottom:3%;}
.gy_xw .gy_3 ul li{width:100%; overflow:hidden;  margin-top: 5%;}

nav{width:95%; margin:0 auto; overflow:hidden; background-color: #fff;}
nav .nav1{ width:100%; overflow:hidden; margin:0 auto; margin-bottom:8px;}

@media (min-width: 375px) {
nav .nav1 .nav_01 .nav_001 p{ font:18px/ 2  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}


}
@media (min-width: 414px) {
nav .nav1 .nav_01 .nav_001 p{ font: 19px/ 2.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}

}
@media (min-width: 480px) {
nav .nav1 .nav_01 .nav_001 p{ font: 20px/ 2.2  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}

}
@media (min-width: 640px) {
nav .nav1 .nav_01 .nav_001 p{ font: 22px/ 2.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
}


/* ÁÐ±íÒ³ */


#ban2 {width: 100%;overflow:hidden; background-color:#fff; padding-bottom:5%; margin-bottom:3%;}
#ban2 #b2-top {width: 96%;overflow:hidden; border-bottom:1px solid #e0e0e0; padding:2%; margin-bottom:2%;}
#ban2 #b2-top h4 {font: 16px/ 1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå"; color:#ff002d;float:left;}
@media (min-width: 480px) {
#ban2 #b2-top h4 {font: 18px/ 1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
article h3 {font-size:24px !important;}
  }
@media (min-width: 640px) {
#ban2 #b2-top h4 {font: 22px/ 1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå";}
  }
#ba-box {width: 100%;overflow:hidden; }
#ban2 ul { overflow:hidden; padding-left:7%; width:90%;}
#ban2 ul li { overflow:hidden; width:100%; font-size:106% ; line-height:260%; text-align:left;  }
#ban2 ul li  a { color:#333;}
#ban2 ul li span { width:1.5%; overflow:hidden; padding-right:3%;}
#ban2 #b2-box2 {width:95%; margin: 0 auto;line-height:42px; background:#e7f4f7; border-radius:7px; font-size:16px;  margin-bottom:6%; margin-top:4%; }
#ban2 #b2-box2 ol { margin:0 auto; overflow:hidden; width:200px;}
#ban2 #b2-box2 li { float:left; padding-left:15%;}
#b2-box2  a{color:#549eae; }

@media (min-width: 375px) {
#ban2 #b2-top img { padding-top:3px;}
article h3 {font-size:24px !important;}
  }
@media (min-width: 414px) {
#ban2 #b2-top img { padding-top:2px;}
article h3 {font-size:24px !important;}
  }
@media (min-width:480px){
#ban2 #b2-box2 {width:95%; margin: 0 auto;  line-height:42px; background:#e7f4f7; border-radius:7px; font-size:16px;  margin-bottom:6%; margin-top:4%; }
#ban2 #b2-top img { padding-top:0;}
}
@media (min-width:640px){
#ban2 #b2-box2 {width:95%; margin: 0 auto;  line-height:62px; background:#e7f4f7; border-radius:7px; font-size:22px;  margin-bottom:6%; margin-top:4%; }
}

/*Ê×Ò³*/
#sy{width:100%;   margin-top:2%; padding-bottom:2%;}
#sy #nav1{width:100%; height:100%; text-align:center; margin:0 auto;}


#sy1{width:100%; margin-bottom:2%; }
#sy1 .sy01{width:48.6%; height:100%;  float:left; border-right:1px solid #ebebeb;}
#sy1 .sy01 .sy01-1{width:36%; padding:12% 32%}
#sy1 .sy01 .sy01-1 img{float:left; width:47%;}
#sy1 .sy01 .sy01-1 p{text-align:right; }

.newtop{width: 100%; color: #fff; background: #c32c61;}
.bz_nav{width:96%; overflow: hidden; background: #fff; padding: 4% 2%;  margin:0 auto;}
.bz_nav ul {width: 100%; overflow: hidden; float: left;}
.bz_nav ul li{float:left; width:32%; margin-bottom: 15px; margin-right:2%; overflow: hidden; background-color:#f4f4f4;  padding:3% 0;}
.bz_nav ul li  img{width:60%;}
.bz_nav ul li:last-child{margin-right: 0;}

.yy_list{width: 96%; padding:0 2%; overflow: hidden;}
.yy_list ul li{width: 100%; padding: 4% 0; text-align: left; overflow: hidden; float: left; border-bottom: 1px dashed #c9c9c9;}
.yy_list ul li:last-child{border-bottom: none;}
.yy_list  h3 {padding:2% 0; font-size: 24px;}
.yy_list a{color: #ea187b;}


.tj1{width: 100%;background: #fff; overflow: hidden; padding-bottom: 3%;}
.tj1 h3{width: 96%;margin-left: 2%; margin-bottom: 2%; padding: 2% 0; font-size: 26px; border-bottom: #e2557f 1px solid;}
.tj1 h3 .s1{color: #a9783d;font-size: 32px;}
.tj1 h3 .s2{text-align: right;}
.tj1 ul li{float:left; padding:1% 4%;  background:#fff; border: 1px solid #cbcbcb; margin:1% 2%; border-radius: 18px; text-align:center;margin-right: 2%;}

.rd1{width: 100%; overflow: hidden; margin-top: 2%; margin-bottom: 2%; background: #fff;}
.rd1 .top{background:#ececec; color: #fff; width: 100%;overflow: hidden;float: left;}
.rd1 .topleft{color: #f99063;width: 25%; float: left; text-align: center; padding: 1% 0; font-size: 26px;}
.rd1 .topright{padding: 1.5% 0; float: right; color: #989697; padding-right: 2%;}
.rd1 ul li{width: 90%; padding:1.5% 0; margin-left: 4%; text-align: left; float: left; border-bottom: 1px dashed #999999;}
.rd1 ul li span{padding-right: 3px; }
.rd1 ul li span img{float: left;padding-top: 3px; padding-right: 5px;}
.rd1 ul li:last-child{border-bottom: none;padding-bottom: 4%;}

article{background:#fff;text-align:left;padding:4%;overflow:hidden;}
article h3{font-size:32px;text-align:center; padding-top: 4%;}

article .bd{width:100%;text-align:left;}
article h3 {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    color: #cb5881;
}
article .wri {
    text-align: center;
   color: #a9a9a9;
    font-size: 12px;
    padding: 2% 0;

}

#sy1 .sy02{width:50%; height:100%; background-color:#FFFFFF; float:right;}
#sy1 .sy02 .sy002{width:100%; height:50%; border-bottom:1px solid #ebebeb;}
#sy1 .sy02 .sy01-1{width:45%; margin-bottom:3px; padding:1.9% 28% 3% 28%;}
#sy1 .sy02 img{float:left;  width:31%;}
#sy1 .sy02 .sy01-1 p{padding-top:11%;}
#sy1 .sy02 .sy02-1{width:45%; margin-bottom:3px; padding:1.9% 28% 3% 28%;}
#sy1 .sy02 .sy02-1 p{padding-top:11%;}


.gy_2 .xw_z{ width:25%; margin-right:2%; float:left; margin-top:4%;}
.gy_2 .xw_z img{ width:100%;}
.gy_2 .xw_y{ margin-top:4%;}


.gy_2 .xw_y h3{color:#000; line-height:20px;}
.gy_2 .xw_y p{font: 12px/1.3  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå"; height:30px; overflow:hidden;}
.gy_2 .xw_y p span a{ color:#ee514a;}
.gy_2 ul li{ border-bottom: dashed thin #b7b6b6;}
.gy_2 ul li #yun{color:#109dd2;}
.gy_2 ul li #yu{color:#4ac041;}
.gy_2 #lieb{}
.gy_2 #lieb li{border-bottom: none;}
.gy_2 #lieb li span{ float: right;}
.more{ width: 51%; margin-left:28.5%; margin-top: 3%; position: relative;}
.more img{width: 10.5%; position:absolute; margin-left: 11%; margin-top: 2%;}
.more span{ font-size:14px; margin-left: 23%; }
.bge{ width:100%;  overflow:hidden; margin-top:3%; margin-bottom:3%; }
.bge ol li{width:28.8%; height: 30px; line-height:30px; float:left; border:1px solid #ccc;  text-align:center;   overflow:hidden; }
.bge ol li span{margin-right:3%;}
.bge ol #yy{ border-top:1px solid #ccc;}
.bge ul li{width: 90%; padding:1.5% 0; margin-left: 4%; text-align: left; float: left; border-bottom: 1px dashed #999999;}
.bge ul li span{padding-right: 3px; }
.bge ul li:last-child{border-bottom: none;padding-bottom: 4%;}

@media (min-width: 375px) {
.more{ width: 52%; margin-left:27%;}
.more span{ font-size:16px;}
.gy_2 .xw_y h3{line-height:23px;}
.gy_2 .xw_y p{font: 13px/1.4  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå"; height:36px; overflow:hidden;}
.bge ol li{width:29%; height: 35px; line-height:35px; font-size:13px; }
.rd1 .topleft {font-size: 16px;}
.tj1 h3 .s1 {font-size:18px;}
article h3 {font-size:24px !important;}
  }
@media (min-width: 414px) {
.more{ width: 54%; margin-left:26%;}
.more span{ font-size:18px;}
.gy_2 .xw_y h3{line-height:25px;}
.gy_2 .xw_y p{font: 13px/1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå"; height:37px; overflow:hidden;}
.bge ol li{ height: 40px; line-height:40px; font-size:14px;}
article h3 {font-size:24px !important;}

  }
@media (min-width:480px){
.more{ width: 51%; margin-left:28%;}
.more span{ font-size:20px;}
.gy_2 .xw_y h3{line-height:30px;}
.gy_2 .xw_y p{font: 14px/1.6  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå"; height:45px; overflow:hidden;}
.bge ol li{width:29.1%; height: 50px; line-height:50px;  font-size:16px;}
article h3 {font-size:24px !important;}
}
@media (min-width:640px){
.more{ width: 41%; margin-left:30%;}
.more span{ font-size:22px;}
.gy_2 .xw_y h3{color:#000; line-height:42px;}
.gy_2 .xw_y p{font: 18px/1.5  "Î¢ÈíÑÅºÚ", "Arial","ËÎÌå"; height:52px; overflow:hidden;}
.bge ol li{width:20%; height: 40px; margin-bottom: 14px; margin-left: 2%; line-height:40px;  font-size:16px;}
article h3 {font-size:24px !important;}
.tj1 ul li {
    padding: 1% 3% !important;
}
.yy_list h3 {
    padding: 2% 0;
    font-size: 24px !important;
}
}
