/*ProList*/
#pro_list{ width:1200px; margin:30px auto; clear:left;}
#pro_list div:nth-of-type(1){ float:left; margin-bottom:0px; width:260px; height: auto; border:1px solid #DDDDDD; border-radius:10px;}
#pro_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;}
#pro_list div:nth-of-type(1) div:nth-of-type(1) h1{  margin-left:20px; color:#FFFFFF;}
#pro_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;}
#pro_list div:nth-of-type(1) div:nth-of-type(2){ float:none;  width:260px; height:auto; border:none;}
#pro_list div:nth-of-type(1) div:nth-of-type(2) ul{ list-style:none; margin-top:0px; margin-bottom:30px;}
#pro_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:20px; font-size:1.0rem; list-style:inside; list-style-type:circle;}
.pro_biglist{ background-color:#DA2319 !important; background-image:none !important; color:#FFFFFF !important; margin-top:20px !important; list-style: none !important; border-radius:10px 10px 0px 0px; padding-left:40px !important;}
#pro_list div:nth-of-type(1) div:nth-of-type(2) ul a:hover li{ background-color:#FF9900; color:#FFFFFF;}
#pro_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;}
#pro_list div:nth-of-type(1) div:nth-of-type(3) h3{ margin-left:25px; font-size:0.95rem;}
#pro_list div:nth-of-type(1) div:nth-of-type(3) h4{ margin-left:20px; font-size:1.85rem;}
#pro_list div:nth-of-type(2){ float:right; width:900px; height: auto; border:1px solid #DDDDDD; border-radius:10px;}
#pro_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;}
#pro_list div:nth-of-type(2) div:nth-of-type(2){ float:none; width:860px; height: auto; border:none; padding:20px;}
#pro_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;}
#pro_list div:nth-of-type(2) div:nth-of-type(2) ul a{flex-basis: auto; margin:22px;}
#pro_list div:nth-of-type(2) div:nth-of-type(2) ul a li{ position:relative; display:block; width:380px; height:360px; background-color:#F6F6F6;}
#pro_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;}
#pro_list div:nth-of-type(2) div:nth-of-type(2) ul a li h5{ position:absolute; top:300px; left:30px; width:235px; font-size:1.3rem; color:#423F3F; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
#pro_list div:nth-of-type(2) div:nth-of-type(2) ul a li button{ position:absolute; top:300px; right:30px; display:block; width:80px; height:30px; background:#DA2319 no-repeat url(/images/icon-right-1.png) center center; outline:none; border:none;}
#pro_list div:nth-of-type(2) div:nth-of-type(2) ul a:hover li{ background-color:#DA2319;}
#pro_list div:nth-of-type(2) div:nth-of-type(2) ul a:hover li h5{ color:#FFFFFF;}
#pro_list div:nth-of-type(2) div:nth-of-type(2) ul a:hover li button{ background:#FFFFFF no-repeat url(/images/icon-right-2.png) center center; cursor:pointer;}

#pro_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;}
#pro_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;}
#pro_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;}
#pro_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;}
#pro_list div:nth-of-type(2) div:nth-of-type(3) select::-ms-expand{ display: none;}/*清除IE默认无法美化的下拉箭头*/
#pro_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;}
#pro_list div:nth-of-type(2) div:nth-of-type(3) select:hover option{ background-color: #FFFFFF; color:#767676;}
#pro_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;}

/*ProView*/
#pro_view{ width:1200px; margin:30px auto; clear:left;}
#pro_view div:nth-of-type(1){ float:left; margin-bottom:0px; width:260px; height: auto; border:1px solid #DDDDDD; border-radius:10px;}
#pro_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;}
#pro_view div:nth-of-type(1) div:nth-of-type(1) h1{  margin-left:20px; color:#FFFFFF;}
#pro_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;}
#pro_view div:nth-of-type(1) div:nth-of-type(2){ float:none;  width:260px; height:auto; border:none;}
#pro_view div:nth-of-type(1) div:nth-of-type(2) ul{ list-style:none; margin-top:0px; margin-bottom:30px;}
#pro_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;}
#pro_view div:nth-of-type(1) div:nth-of-type(2) ul a:hover li{ background-color:#FF9900; color:#FFFFFF;}
#pro_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;}
#pro_view div:nth-of-type(1) div:nth-of-type(3) h3{ margin-left:25px; font-size:0.95rem;}
#pro_view div:nth-of-type(1) div:nth-of-type(3) h4{ margin-left:20px; font-size:1.85rem;}
#pro_view div:nth-of-type(2){ float:right; width:900px; height: auto; border:1px solid #DDDDDD; border-radius:10px;}
#pro_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;}
#pro_view div:nth-of-type(2) div:nth-of-type(2){ float:none; width:900px; height: auto; border:none; margin:0px; padding:0px;}
#pro_view div:nth-of-type(2) div:nth-of-type(2) h2{ margin-top:30px; text-align:center;}
#pro_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;}
#pro_view div:nth-of-type(2) div:nth-of-type(2) div:nth-of-type(1) span{ margin-right:30px; font-size:0.85rem; color:#999999;}
#pro_view div:nth-of-type(2) div:nth-of-type(2) hr{ margin:20px auto; width:860px;}
#pro_view div:nth-of-type(2) div:nth-of-type(2) div:nth-of-type(2){ margin:20px auto; }
#pro_view div:nth-of-type(2) div:nth-of-type(2) div:nth-of-type(2) img{ max-width:850px;}
#pro_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;}
#pro_view div:nth-of-type(2) div:nth-of-type(2) p span{ padding:5px 10px;}
#pro_view div:nth-of-type(2) div:nth-of-type(2) img{ margin:0px 10px; max-width:850px;}
#pro_view div:nth-of-type(2) div:nth-of-type(2) table{ margin:10px auto; max-width:850px;}
#pro_view div:nth-of-type(2) div:nth-of-type(2) table td{ border:1px solid #CCCCCC !important; padding-left:5px !important;}
#pro_view div:nth-of-type(2) div:nth-of-type(2) table td span{margin:0px !important; padding:0px !important;}
#pro_view div:nth-of-type(2) div:nth-of-type(2) table td p{margin:0px !important; padding:0px !important;}
#pro_view div:nth-of-type(2) div:nth-of-type(3){ float:none; width:900px; height: auto; border:none; margin:0px; padding:0px;}
#pro_view div:nth-of-type(2) div:nth-of-type(3) hr{ margin:20px auto; width:860px;}
#pro_view div:nth-of-type(2) div:nth-of-type(3) span{ display:block; padding:10px; font-weight:bold;}
#pro_view div:nth-of-type(2) div:nth-of-type(3) span a:hover{ color:#FF3300;}