﻿

/*头部*/
header .logo img{ width:16rem; height:auto; width:auto\9; }


/*banner*/
.scroll{ min-width:320px; max-width:640px; margin:auto; }
.scroll_box{ overflow:hidden; visibility:hidden; position:relative;}
.scroll_wrap{ overflow:hidden; position:relative; }
.scroll_wrap li { width:100%; display:block; float:left; position:relative; }
.scroll_wrap li a{ display:block; margin:0 auto; position:relative;}


/*icol1*/
.icol1 { display:block; max-width:640px; width:96%; min-height:6rem; margin:0.8rem auto 1rem; }
.icol1 li { width:25%; display:inline-block; float:left; }
.icol1 li a {  width:80%; display:block; margin:auto;  }
.icol1 li a img { width:100%; }
.icol1 li a span { width:100%; display:block; text-align:center; color:#675855; font-size:1.3rem; line-height:1.3rem;}


.searchbox { width:94%; margin:1.5rem auto 0rem; border-top:1px solid #ccc; padding:1.5rem 0;}
.searchbox .search  { width:96%; height:3.6rem; margin:auto; border:1px solid #fda614; background:#f4f4f4; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; }
.searchbox .search .u-key { width:70%; height:3rem; line-height:2.4rem; background:none; padding:0.3rem 1rem 0.3rem 1rem; border:0px; display:block; float:left; font-size:1.4rem;}
.searchbox .search .frbtn { width:18%; height:3.6rem; line-height:30px; display:block; float:right; background:url(../images/icon_01.png) 13px -34px no-repeat; background-size:30px; border:none;}




/*icol2*/
.icol2 { max-width:640px; width:94%; margin:0rem auto;  }
.icol2 .ic2ttl {  height:2.6rem; margin:auto; border-top:1px solid #ccc; padding-top:0.3rem; }
.icol2 .ic2ttl span { width:30%; display:inline-block; float:left; padding:1rem 0rem 0rem; font-size:1.8rem; color:#012d8c;  }
.icol2 .ic2ttl a.more { width:10%; height:2rem; display:block; float:right; padding:0.8rem 0rem; background:url(../images/icon_01.png) 17px -96px no-repeat; background-size:26.5px; }
.icol2 ul { margin-top:1.8rem; display:block; }
.icol2 li { width:50%; display:block; float:left; margin-bottom:1.5rem;}
.icol2 li a { position:relative; width:92%; border:#f9f9f9 3px solid; height:0; padding-bottom:69%; text-align:center; overflow:hidden; display:inline-block;background:#fff; box-sizing:border-box; -moz- box-sizing:border-box; -ms- box-sizing:border-box; -o- box-sizing:border-box;-webkit- box-sizing:border-box;}
.icol2 li a img { max-width:100%; height:auto; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%);}
.icol2 li a span,.icol2 li span { width:100%; display:inline-block; text-align:left; line-height:2rem; height:2rem; font-size:1.4rem; color:#675855; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.icol2 li:nth-child(1) a,.icol2 li:nth-child(3) a { margin:0 auto 0 0;}
.icol2 li:nth-child(2) a,.icol2 li:nth-child(4) a { margin:0 0 0 auto;}


/*icol3*/
.icol3 { max-width:640px; width:94%; margin:0.5rem auto;  }
.icol3 .ic3ttl {  height:2.6rem; margin:auto; border-top:1px solid #ccc; padding-top:0.3rem; }
.icol3 .ic3ttl span { width:30%; display:inline-block; float:left; padding:1rem 0rem 0rem; font-size:1.8rem; color:#012d8c;  }
.icol3 .ic3ttl a.more { width:10%; height:2rem; display:block; float:right; padding:0.8rem 0rem; background:url(../images/icon_01.png) 17px -96px no-repeat; background-size:26.5px; }
.icol3 .ic3con { margin-top:1.8rem;  }
.icol3 .ic3con a {  height:4.2rem; display:block; clear:both; margin:0.5rem auto 1.5rem; }
.icol3 .ic3con a .n_l { width:25%; height:4.2rem; border:1px solid #012d8c; text-align:center; float:left; overflow:hidden;}
.icol3 .ic3con a .date { width:100%; display:inline-block; }
.icol3 .ic3con a .date i { font-style:normal; display:inline-block; width:100%; height:1.8rem; line-height:1.8rem; overflow:hidden; font-size:1.2rem; color:#fff; background:#012d8c; }
.icol3 .ic3con a .date b{ font-style:normal; display:inline-block; width:100%; height:2.4rem; line-height:2.4rem; font-size:2.2rem; color:#012d8c; }
.icol3 .ic3con a h3 { width:70%; height:2.2rem; line-height:2.2rem; float:right; color:#675855; font-weight:bold; font-size:1.5rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.icol3 .ic3con a p { width:70%; height:2.2rem; overflow:hidden; line-height:2rem; float:right; color:#897d7a; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size:1.3rem; }



