/*list*/
ul.list{ margin-left:0; }
ul.list li{ line-height: 38px;padding-left: 12px; background: url(img/li_bg.jpg) no-repeat center left; }
ul.list li a{ font-size: 16px; color: #4c4948;}
ul.list li.first a{ color:#005ca7; font-weight: bold;}
ul.list li:hover a{ text-decoration: none; color:#CE7112;}
/*list2*/
ul.list2{margin: 0 0 10px 0px;}
ul.list2 li{ float: left; width: 20%; background: #fff; margin-left:4.3%; text-align: center; border:10px solid #fff;}
ul.list2 li.first{ margin-left: 0;}
ul.list2 li img{ margin:0px auto 0px auto; display: block; width: auto; height: auto; max-width: 100%; vertical-align: middle;}
ul.list2 li span{ display:block;font-size: 20px; color: #4c4948; margin-bottom: 30px;}
ul.list2 li:hover a,ul.list2 li:hover a span{ text-decoration: none; color:#fff; font-weight: bold;}
/*list3*/
ul.list3{margin: 0px;}
ul.list3 li{float: left; width: 45.5%; background: #fff;margin-left: 2.5%; border:6px solid #fff;margin-bottom:10px; height:71px; line-height:71px; -webkit-box-shadow:0 0 10px rgba(52, 52, 52, .1); -moz-box-shadow:0 0 10px rgba(52, 52, 52, .1); box-shadow:0 0 10px rgba(52, 52, 52, .1); }
ul.list3 li.notleftGap{ margin-left: 0;}
ul.list3 li img{ display: inline-block; margin-left: 14px; margin-right: 14px;vertical-align: middle;}
ul.list3 li a{ color:#4c4948; font-size:17px;}
ul.list3 li:hover a{ text-decoration: none; color:#fff; font-weight: bold;}
/*list4*/
ul.list4{margin: 0px;}
ul.list4 li{float: left; width: 23.7%; margin-left: 1.7%; margin-bottom:15px;position: relative; }
ul.list4 li.notleftGap{ margin-left: 0;}
ul.list4 li span{ position: absolute; bottom: 0; left: 0; width: 97%; line-height:40px; height:40px; font-size: 16px; color: #fff; background: rgba(5,65,138,.85); padding-left: 3%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/*list5*/
ul.list5{margin: 0px; }
ul.list5 li{float: left; width:50%; height:66px; line-height: 66px; text-align: center; background: url(img/down_line.png) no-repeat left center; }
ul.list5 li.first{ background: none; }
ul.list5 li a{ font-size: 22px; color: #000;}
ul.list5 li span{ height:66px; }
ul.list5 li .icon{ display: table-cell; line-height: 66px; *display: block; vertical-align:middle;float: left; margin-left: 113px; margin-right: 16px; }
ul.list5 li.first .icon{ margin-left: 153px;}
ul.list5 li .text { *display: block; display: table-cell; text-align: center; vertical-align: middle;float: left; }
ul.list5 li:hover a{ text-decoration: none; }
/*list7*/
ul.list7{margin: 0px; margin-top: 24px; }
ul.list7 li{ float: left; border:1px solid #1ea7d8; width:282px; height: 50px; line-height: 50px; text-align: center; margin-left: 11px;}
ul.list7 li.first{ margin-left: 0px;}
ul.list7 li a{ color: #1ea7d8; font-size: 17px; }
ul.list7 li a:hover{ text-decoration: none;}
/* Large desktop */
@media (min-width: 768px) {
/*list1*/
ul.list li{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/*list2*/
ul.list2 li.end p{width: 92px; margin: 0 auto; margin-top:-15px; line-height: 28px;}
ul.list2 li span{padding: 0 2px;}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
/*list1*/
ul.list{ margin-top: 20px;}
ul.list li{ line-height: 26px;background: url(img/li_bg.jpg) no-repeat 0px 8px; margin-bottom: 10px;}
/*list2*/
ul.list2 li{ width: 48.5%; margin-left: 2.5%; border: none; margin-bottom:10px;}
ul.list2 li.notleftGap{ margin-left: 0;}
ul.list2 li p{width: 90%; margin: 0 auto; margin-top:-15px; line-height: 24px;}
ul.list2 li:hover a,ul.list2 li:hover a span{ color: #717171; font-weight: normal;}
/*list3*/
ul.list3 li{ border: none;width: 48.5%; margin-left: 2.5%;}
ul.list3 li img{ margin-left: 20px; }
ul.list3 li:hover a{ text-decoration: none; color:#717171; font-weight: normal;}
/*list4*/
ul.list4 li{ width: 48%; margin-left:4%; }
ul.list4 li img{ width: 100%;}
/*list5*/
ul.list5{background: none;}
ul.list5 li a{ font-size: 18px;}
ul.list5 li .icon { height:40px;}
ul.list5 li .icon img{height:100%}
ul.list5 li.first .icon{ margin-left: 113px;}
ul.list5 li{ width:100%; height:40px; line-height: 40px; margin-bottom: 25px; background: none; }
}
/* Landscape phones and down */
@media (max-width: 480px) {
h3, h3 a {
font-size: 22px;}
/*list2*/
ul.list2{margin: 0;}
ul.list2 li{ width: 48.5%; margin-left: 2.5%;}
ul.list2 li.notleftGap{ margin-left: 0;}
ul.list2 li span{ font-size: 16px; }
ul.list2 li img{ margin:30px auto ; max-width: 80%; vertical-align: middle;}
/*list3*/
ul.list3 li{ width: 48.5%; margin-left: 2.5%;}
ul.list3 li.notleftGap{ margin-left: 0;}
ul.list3 li img{ margin-left: 5%; margin-right:7%; }
ul.list3 li a{ font-size:16px;}
/*list4*/
ul.list4 li{ width: 48%; margin-left:4%; }
ul.list4 li span{ font-size: 14px;}
/*list5*/
ul.list5 li{ width:100%; margin-bottom:25px; }
ul.list5 li span{height:40px; line-height: 40px; }
ul.list5 li .icon { height:40px;margin-left: 10%; margin-right: 5%; }
ul.list5 li.first .icon{margin-left: 10%; margin-right: 5%; }
ul.list5 li .text{ line-height: 40px;}
ul.list5 li a{ font-size: 16px; }
ul.list5 li .icon{ margin-top: 0;}
/*list7*/
ul.list7 li{ float:none; width:100%; margin-left: 0px; margin-bottom: 10px;}
ul.list7 li.first{ margin-left: 0px;}
}