/*CaseList*/
#case_list{ width:1200px; margin:30px auto; clear:left;}
#case_list div:nth-of-type(1){ float:left; margin-bottom:0px; width:260px; height: auto; border:1px solid #DDDDDD; border-radius:10px;}
#case_list div:nth-of-type(1) div:nth-of-type(1){ float:none; width:260px; height:85px; border:none; background:#DA2319 url(/images/colunm-title-bg.png) no-repeat right bottom; padding-top:15px; border-radius:10px 10px 0px 0px;}
#case_list div:nth-of-type(1) div:nth-of-type(1) h1{  margin-left:20px; color:#FFFFFF;}
#case_list div:nth-of-type(1) div:nth-of-type(1) h2{ margin-top:5px; margin-left:20px; font-size:1.0rem; color: #FFFFFF; text-transform:capitalize;}
#case_list div:nth-of-type(1) div:nth-of-type(2){ float:none;  width:260px; height:auto; border:none;}
#case_list div:nth-of-type(1) div:nth-of-type(2) ul{ list-style:none; margin-top:0px; margin-bottom:30px;}
#case_list div:nth-of-type(1) div:nth-of-type(2) ul a li{ line-height:50px; background:url(/images/colunm-item-bg.png) no-repeat right bottom; padding-left:30px; font-size:1.0rem; list-style:inside; list-style-type:circle;}
#case_list div:nth-of-type(1) div:nth-of-type(2) ul a:hover li{ background-color:#FF9900; color:#FFFFFF;}
#case_list div:nth-of-type(1) div:nth-of-type(3){ float:none; width:260px; margin:0px; padding-top:20px; height:80px; background-color:#DA2319; border-radius:10px; color:#FFFFFF; margin-top:30px;}
#case_list div:nth-of-type(1) div:nth-of-type(3) h3{ margin-left:25px; font-size:0.95rem;}
#case_list div:nth-of-type(1) div:nth-of-type(3) h4{ margin-left:20px; font-size:1.85rem;}
#case_list div:nth-of-type(2){ float:right; width:900px; height: auto; border:1px solid #DDDDDD; border-radius:10px;}
#case_list div:nth-of-type(2) div:nth-of-type(1){ float:none; width:880px; height:40px; background-color:#F4F1F1; border:none;border-radius:10px 10px 0px 0px; border-bottom:1px solid  #DDDDDD; line-height:40px; text-align:right; padding-right:20px;}
#case_list div:nth-of-type(2) div:nth-of-type(2){ float:none; width:860px; height: auto; border:none; padding:20px;}
#case_list div:nth-of-type(2) div:nth-of-type(2) ul{ display:flex; flex-direction:row; flex-wrap: wrap; justify-content:space-between; width:100%; margin:0px auto; list-style:none;}
#case_list div:nth-of-type(2) div:nth-of-type(2) ul a{flex-basis: auto; margin:22px;}
#case_list div:nth-of-type(2) div:nth-of-type(2) ul a li{ position:relative; display:block; width:380px; height:500px; border:1px solid #DDDDDD;}
#case_list div:nth-of-type(2) div:nth-of-type(2) ul a li img{ position:absolute; top:30px; left:30px; width:320px; height:240px; background-color:#FFFFFF;}
#case_list div:nth-of-type(2) div:nth-of-type(2) ul a li h5{ position:absolute; top:280px; left:30px; width:320px; font-size:1.3rem; color:#423F3F; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
#case_list div:nth-of-type(2) div:nth-of-type(2) ul a li p{ position:absolute; top:320px; left:30px; font-size:0.85rem; line-height:28px; text-align:justify; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-right:30px;}
#case_list div:nth-of-type(2) div:nth-of-type(2) ul a li button{ position:absolute; top:430px; left:30px; display:block; width:120px; height:40px; background-color:#DA2319 ; outline:none; border:none; color:#FFFFFF; line-height:40px;}
#case_list div:nth-of-type(2) div:nth-of-type(2) ul a:hover li{ background-color:#DA2319; border:1px solid #DA2319;}
#case_list div:nth-of-type(2) div:nth-of-type(2) ul a:hover li h5{ color:#FFFFFF;}
#case_list div:nth-of-type(2) div:nth-of-type(2) ul a:hover li p{ color:#FFFFFF;}
#case_list div:nth-of-type(2) div:nth-of-type(2) ul a:hover li button{ background-color:#FFFFFF; color:#DA2319; cursor:pointer;}

#case_list div:nth-of-type(2) div:nth-of-type(3){ width:100%; height:50px; margin:-30px auto 30px auto; padding:0px 30px 0px 30px; clear:left;}
#case_list div:nth-of-type(2) div:nth-of-type(3) button{ margin-right:30px; width:60px; height:35px; border: 1px solid #CCCCCC; background-color:#FFFFFF; border-radius:5px; outline:none; font-size:1.0rem; color: #666666; line-height:35px; text-align:center;  cursor:pointer;}
#case_list div:nth-of-type(2) div:nth-of-type(3) button:hover{ border: 1px solid #DA2319; background-color:#DA2319; color:#FFFFFF; -webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;}
#case_list div:nth-of-type(2) div:nth-of-type(3) select{ margin-right:30px; width: auto; height:35px; border: 1px solid #CCCCCC; background-color:#FFFFFF; border-radius:5px; outline:none; padding:0px 5px; font-size:1.0rem; color: #666666; line-height:35px; cursor:pointer;}
#case_list div:nth-of-type(2) div:nth-of-type(3) select::-ms-expand{ display: none;}/*清除IE默认无法美化的下拉箭头*/
#case_list div:nth-of-type(2) div:nth-of-type(3) select:hover{ border: 1px solid #DA2319; background-color:#DA2319; font-size:1.0rem; color:#FFFFFF; line-height:30px; transition:all .4s ease-in-out/*transition是CSS3的过渡效果，此为复合写法，其单列写法为：transition-property:all; transition-duration: 0.4s; transition-timing-function: ease-in-out*/; -webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;}
#case_list div:nth-of-type(2) div:nth-of-type(3) select:hover option{ background-color: #FFFFFF; color:#767676;}
#case_list div:nth-of-type(2) div:nth-of-type(3) span{ border: 1px solid #CCCCCC; background-color:#FFFFFF; border-radius:5px; padding: 8px; font-size:1.0rem; color: #666666; text-align:center;}

/*CaseView*/
#case_view{ width:1200px; margin:30px auto; clear:left;}
#case_view div:nth-of-type(1){ float:left; margin-bottom:0px; width:260px; height: auto; border:1px solid #DDDDDD; border-radius:10px;}
#case_view div:nth-of-type(1) div:nth-of-type(1){ float:none; width:260px; height:85px; border:none; background:#DA2319 url(/images/colunm-title-bg.png) no-repeat right bottom; padding-top:15px; border-radius:10px 10px 0px 0px;}
#case_view div:nth-of-type(1) div:nth-of-type(1) h1{  margin-left:20px; color:#FFFFFF;}
#case_view div:nth-of-type(1) div:nth-of-type(1) h2{ margin-top:5px; margin-left:20px; font-size:1.0rem; color: #FFFFFF; text-transform:capitalize;}
#case_view div:nth-of-type(1) div:nth-of-type(2){ float:none;  width:260px; height:auto; border:none;}
#case_view div:nth-of-type(1) div:nth-of-type(2) ul{ list-style:none; margin-top:0px; margin-bottom:30px;}
#case_view div:nth-of-type(1) div:nth-of-type(2) ul a li{ line-height:50px; background:url(/images/colunm-item-bg.png) no-repeat right bottom; padding-left:30px; font-size:1.0rem; list-style:inside; list-style-type:circle;}
#case_view div:nth-of-type(1) div:nth-of-type(2) ul a:hover li{ background-color:#FF9900; color:#FFFFFF;}
#case_view div:nth-of-type(1) div:nth-of-type(3){ float:none; width:260px; margin:0px; padding-top:20px; height:80px; background-color:#DA2319; border-radius:10px; color:#FFFFFF; margin-top:30px;}
#case_view div:nth-of-type(1) div:nth-of-type(3) h3{ margin-left:25px; font-size:0.95rem;}
#case_view div:nth-of-type(1) div:nth-of-type(3) h4{ margin-left:20px; font-size:1.85rem;}
#case_view div:nth-of-type(2){ float:right; width:900px; height: auto; border:1px solid #DDDDDD; border-radius:10px;}
#case_view div:nth-of-type(2) div:nth-of-type(1){ float:none; width:880px; height:40px; background-color:#F4F1F1; border:none;border-radius:10px 10px 0px 0px; border-bottom:1px solid  #DDDDDD; line-height:40px; text-align:right; padding-right:20px;}
#case_view div:nth-of-type(2) div:nth-of-type(2){ float:none; width:900px; height: auto; border:none; margin:0px; padding:0px;}
#case_view div:nth-of-type(2) div:nth-of-type(2) h2{ margin-top:30px; text-align:center;}
#case_view div:nth-of-type(2) div:nth-of-type(2) div{ background:none; border-radius:none; border:none; margin:-20px auto; text-align:center;}
#case_view div:nth-of-type(2) div:nth-of-type(2) div span{ margin-right:30px; font-size:0.85rem; color:#999999;}
#case_view div:nth-of-type(2) div:nth-of-type(2) hr{ margin:20px auto; width:860px;}
#case_view div:nth-of-type(2) div:nth-of-type(2) div:nth-of-type(2){ margin:20px auto; }
#case_view div:nth-of-type(2) div:nth-of-type(2) div:nth-of-type(2) img{ max-width:850px;}
#case_view div:nth-of-type(2) div:nth-of-type(2) p{padding:0px 20px 0px 20px; line-height:30px; text-align:justify;  font-size:1.0rem; color:#333333;}
#case_view div:nth-of-type(2) div:nth-of-type(3){ float:none; width:900px; height: auto; border:none; margin:0px; padding:0px;}
#case_view div:nth-of-type(2) div:nth-of-type(3) hr{ margin:20px auto; width:860px;}
#case_view div:nth-of-type(2) div:nth-of-type(3) span{ display:block; padding:10px; font-weight:bold;}
#case_view div:nth-of-type(2) div:nth-of-type(3) span a:hover{ color:#FF3300;}