.search {}
.search > div { display: inline-block; margin: 15px 0;}
.search .newsRoll { width: 50%; font-size: 12px; color: #c90102; }
.search .newsRoll font { color: #0cb4b6; background: #163034; display: inline-block; padding: 5px 10px;}
.search .newsRoll span { color: #bbb; padding-left: 30px;}
.search .newsRoll a { padding: 0 8px 0 12px; color: #333333;}
.search .newsRoll a:hover { text-decoration: underline;}

.search .searchBox { width: 280px; height: 36px; overflow: hidden; border: #ddd solid 1px; float:right; }
.search .searchBox input { width: 230px; height: 36px; border: 0; outline: 0; color: #333; float: left; padding-left: 10px;}
.search .searchBox button { width: 36px; height: 36px; border: 0; outline: 0; color: #fff; background:#0db4b6; float: right; cursor: pointer; font-size: 16px; }


.mainblock {height: 495px; overflow: hidden;}

.left_block { width: 595px; height: 495px; overflow: hidden; float: left;}
.left_block .link {height: 100%}
.left_block .link:hover  { background: #0cb4b6;}
.left_block .link:hover a  { color: #fff}
.left_block .link a { color: #0cb4b6; font-size: 14px; line-height: 20px;}

.left_block .row1 { width: 175px; height: 170px; background: url(../img/indexPic1.png) no-repeat right top; padding-right: 420px;}
.left_block .row2 { width: 420px; height: 135px; background: url(../img/indexPic2.png) no-repeat left top; padding-left: 175px; }
.left_block .row3 { }
.left_block  .row1 .link  { padding: 65px 0 0 15px; }
.left_block  .row2 .link  { width: 50%; box-sizing: border-box; float: left; padding: 50px 30px 0 15px; text-align:right; }


.right_block { width: 370px; height: 495px; overflow: hidden; float: right;}
.right_block .info { width: 100%; height: 170px; overflow: hidden; background: #163034; color: #ffffff; text-align: center;}
.right_block .info .slogan { width: 90%; height: 60px; overflow: hidden; color: #1b999a; font-size: 16px; line-height: 22px; font-weight: bold; margin: 12px 5% 5px; border-bottom: 1px solid #2f5156;}
.right_block .info ul {width: 100%; display: block;margin: 0 auto;}
.right_block .info ul li { width: 45%; display: inline-block; text-align: left; padding: 6px 16px; box-sizing: border-box; }
.right_block .info ul li p { line-height: 30px;}
.right_block .info ul li p i { color: #bec0c6}
.right_block .info ul li p span { font-size: 12px; padding-left: 6px;}


.news { width:100%;}
.news .title { width: 100%; height: 70px; text-align: left; display: block; overflow: hidden; margin-bottom: 10px;}
.news .title h2 { margin: 0; font-size: 24px; color: #0cb4b6; font-weight: normal;}
.news .title h3 { margin: 0; font-size: 24px; color: #636363; font-weight: normal;}
.news ul { display: block; padding: 10px 0 25px;}
.news ul li { width: 100%; height: 30px; overflow: hidden; border-bottom: 1px dotted #e0e0e0; line-height: 30px;}
.news ul li p { width: 60px;  height: 50px;overflow: hidden; display: inline-block; text-align: center; margin-right: 20px; background: #b80000; color: #fff; font-size: 12px; margin: 0}
.news ul li a { width: 100%; height: auto; overflow: hidden; display: inline-block; color: #474747;  text-align: left}
.news ul li a h4 { width: 70%; height: 20px; overflow: hidden; float: left; margin: 0; font-size: 12px; font-weight: normal;}
.news ul li a span {width: auto; height: 20px; overflow: hidden; float: right; margin: 0; font-size: 12px;}
