@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word;}
body,button,input,select,textarea{font:14px/1.5 "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu ;*line-height:1.5;-ms-overflow-style:scrollbar;}
input,button,textarea,select{ outline:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ul,ol,li{list-style:none;}
a{text-decoration:none;}
img{border:none; vertical-align:middle;}
div{ margin:0 auto; }
body{ min-width:1200px; background:#fff; color:#666; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}

.special_banner{ width:100%; overflow:hidden;}
.special_banner img{ width:100%; height:auto; display:block; margin:0 auto;}

.special_navbg{ width:100%; height:70px; background:linear-gradient(to right, #b21415 0%, #eb100e 100%)}
.special_navbg ul{ width:1160px; margin:0 auto;}
.special_navbg li{ padding:0 15px; line-height:70px; float:left; font-size:18px; position:relative; cursor:pointer;}
.special_navbg li a{ display:block; color:#fff; padding:0 1em;}
.special_navbg li:before{ content:"/"; position:absolute; color:#fff; left:-4px; top:0;}
.special_navbg li:first-child:before{ display: none;}
.special_navbg li:after{ content:""; position:absolute; background-color:#fff; width:100%; height:100%; display: block; opacity: 0.4; left: 0; top: 0; transform: skewX(160deg); display:none; z-index:0;}
.special_navbg li:hover:after { display: block; display: none\0;} 


.special_plate{ width:1200px; overflow:hidden; margin-top:35px;}
.special_title{ width:1200px; height:100px; background:url(../images/title_bg2.png) center no-repeat; overflow:hidden; text-align:center; margin-bottom:12px; }
.special_title h2{ width:264px; line-height:54px; font-size:30px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#fff; margin:8px auto 0; letter-spacing:3px;}
.special_title p{ font-size:14px; line-height:38px; color:#333; text-transform:uppercase; text-align:center; letter-spacing:3px; font-family:Arial, Helvetica, sans-serif;}

.special_recommd{ width:740px; height:426px; overflow:hidden; position:relative; float:left;} 
.special_recommd .hd{ position:absolute; z-index:1; right:15px; bottom:20px; } 
.special_recommd .hd ul{ overflow:hidden; zoom:1; float:left;  } 
.special_recommd .hd ul li{ float:left; margin:0 5px; width:10px; height:10px; background:#fff; border-radius:50%; font-size:0; cursor:pointer;} 
.special_recommd .hd ul li.on{ background:#ce3031;} 
.special_recommd .bd{ position:relative; } 
.special_recommd .bd .pic img{ width:740px; height:426px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} 
.special_recommd .bd .pic:hover img{ -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06);}
.special_recommd .bd .con{ height:50px; line-height:50px; background:url(../images/black_bg.png) repeat; margin-top:-50px; position:relative;} 
.special_recommd .bd .con a{ width:560px; display:block; margin-left:20px; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:16px;}

.special_notice{ width:430px; height:426px; overflow:hidden; float:right;}
.sn_top{ width:100%; overflow:hidden; padding-top:4px;}
.sn_top li{ overflow:hidden; padding-bottom:12px; border-bottom:1px solid #e5e5e5;}
.sn_top li h1{ width:100%; font:500 18px/30px "微软雅黑"; height:30px; background:url(../images/h1.png) 0 10px no-repeat; margin-bottom:5px;}
.sn_top li h1:hover{ background:url(../images/h2.png) 0 10px no-repeat;}
.sn_top li h1 a{ padding-left:20px; display:block; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sn_top li h1 a:hover{ color:#da3730;}
.sn_top li p{ width:100%; height:44px; line-height:22px; color:#888; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.sn_top li:last-child{ padding-top:12px;}
.sn_list{ width:100%; overflow:hidden; padding-top:10px;}
.sn_list li{ height:36px; line-height:36px; background:url(../images/hlist1.png) 0 15px no-repeat; font-size:16px; padding-left:20px;}
.sn_list li a{ display:block; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sn_list li:hover{background: url(../images/hlist2.png) no-repeat 0 15px;}
.sn_list li a:hover{color:#da3730;}

.special_pic{width:1200px; padding-bottom:10px; display:flex; display:-webkit-flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between;}
.special_pic li{ width:380px; overflow:hidden; margin-bottom:25px;}
.special_pic .sp_pic{ width:380px; height:236px; overflow:hidden; display:block;}
.special_pic li img{ width:100%; height:100%; webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.special_pic li a:hover img{ -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06);}
.special_pic li h2{ width:100%; font-size:18px; font-weight:normal; height:32px; line-height:32px; margin-top:12px;}
.special_pic li h2 a{ display:block; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.special_pic li h2 a:hover{ color:#da3730}
.special_pic li p{ width:100%; height:48px; font-size:14px; color:#888; line-height:24px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

.special_list{width:1200px; padding-bottom:15px; display:flex; display:-webkit-flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between;}
.special_list li{ width:550px; height:36px; line-height:36px; overflow:hidden; float:left; background:url(../images/hlist1.png) 0 15px no-repeat; font-size:16px; padding-left:20px;}
.special_list li a{ width:70%; display:block; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left;}
.special_list li:hover{background: url(../images/hlist2.png) no-repeat 0 15px;}
.special_list li a:hover{ color:#da3730;}
.special_list li span{ width:30%; display:block; text-align:right; color:#999; float:right;}

.special_video{ width:1200px; overflow:hidden;}
.sv_left{ width:580px; overflow:hidden; float:left; position:relative;}
.sv_left .img{ width:580px; height:388px; overflow:hidden;}
.sv_left .img img{ width:100%; height:100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.sv_left .img:hover img{ -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06);}
.sv_left .imgtit{ font:18px/109px "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", "sans-serif"; color:#fff; height:89px; position:absolute; left:0px; right:0px; bottom:0px; background: url(../images/mask_gradual.png) repeat; padding-left:50px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sv_left .imgtit:before{ content: ''; display:block; width:25px; height:25px; background: url(../images/icons.png) center no-repeat; position: absolute; left:15px; top:42px;}
.sv_right{ width:602px; overflow:hidden; float:right; display:flex; display:-webkit-flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between;}
.sv_right li{ width:292px; overflow:hidden; float:left; position:relative;}
.sv_right li .img{ width:292px; height:187px; overflow:hidden;}
.sv_right li .img img{ width:100%; height:100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;   -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.sv_right li .img:hover img{ -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06);}
.sv_right li .imgtit{ font:15px/89px "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", "sans-serif"; color:#fff; height:69px; position:absolute; left:0px; right:0px; bottom:0px;  background: url(../images/mask_gradual.png) repeat; padding-left:46px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sv_right li .imgtit:before{ content: ''; display:block; width:25px; height:25px; background: url(../images/icons.png) center no-repeat; position: absolute; left:12px; top:32px;}
.sv_right li:nth-child(3){ margin-top:14px;}
.sv_right li:nth-child(4){ margin-top:14px;}

.special_expert{ width:1200px; overflow:hidden; display:flex; display:-webkit-flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; margin-bottom:30px;}
.special_expert li{ width:218px; float:left; padding-bottom:28px; border-bottom:1px solid #e5e5e5; position:relative; margin-bottom:14px;}
.special_expert li .img { display:block; width:218px; height:286px; overflow: hidden; margin-bottom: 10px;}
.special_expert li .img img{ width:100%; height:100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;   -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.special_expert li .img:hover img{ -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06);}
.special_expert li h3 a { font:18px/34px "Microsoft Yahei", "Hiragino Sans GB", "sans-serif"; color:#333; height:34px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.special_expert li h3 a:hover{ color:#da3730;}
.special_expert li p{ font:14px/24px "Microsoft Yahei", "Hiragino Sans GB", "sans-serif"; color:#888; height:48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify;}
.special_expert li .more{ width: 100px; height:24px; background:#fff; font:14px/24px "Microsoft Yahei", "Hiragino Sans GB", "sans-serif"; color: #999; text-align: right; position: absolute; right: 0px; bottom: -12px;}
.special_expert li .more:hover{ color:#da3730;}
	
.special_footer{ width:100%; overflow:hidden; background:#f3f3f3;}
.sf_cont{ width:1200px; overflow:hidden; padding:20px 0; line-height:24px; color:#888; text-align:center;}
.sf_cont a{ color:#666;}

.sub_special{ width:1200px; overflow:hidden; padding-bottom:30px;}
.special_location{ width:100%; height:46px; line-height:46px; background:#f5f5f5;}
.sl_cont{ width:1200px; overflow:hidden;}
.sl_cont a{ color:#333;}
.sub_specialLeft{ width:890px; overflow:hidden; float:left;}
.ss_infolist{ width:100%; overflow:hidden;}
.ss_infolist li{ padding:15px 0; border-bottom:1px solid #e5e5e5;}
.ss_infolist li h2{ width:100%; font:500 18px/30px "微软雅黑"; height:30px; background:url(../images/h1.png) 0 10px no-repeat; margin-bottom:5px;}
.ss_infolist li h2:hover{ background:url(../images/h2.png) 0 10px no-repeat;}
.ss_infolist li h2 a{ padding-left:20px; display:block; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ss_infolist li h2 a:hover{ color:#da3730;}
.ss_infolist li p{ font:14px/24px "Microsoft Yahei", "Hiragino Sans GB", "sans-serif"; color:#888; height:48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify;}
.sub_pager{width:100%; overflow:hidden; text-align: right; padding:15px 0; font-size:14px;}
.sub_pager li{ display:inline-block; margin-left:3px; height:32px; line-height:32px;}
.sub_pager li a{ display: inline-block; padding: 0 13px; color:#333; border:1px solid #e5e5e5;}
.sub_pager li a:hover{ color:#ce3031; border:1px solid #ce3031;}
.sub_pager .page_on a, .sub_pager .page_on a:hover{ background:#ce3031; color:#fff; border:1px solid #ce3031;}

.sub_specialRight{ width:275px; overflow:hidden; float:right;}
.ss_title{ line-height:30px; font-size:18px; font-weight:bold; color:#333; margin-top:15px;}
.ss_title a{ color:#333;}
.ss_piclist{ width:100%; overflow:hidden;}
.ss_piclist li{ overflow:hidden; margin-top:10px;}
.ss_piclist .ssp_pic{ width:275px; height:88px; overflow:hidden; display:block;}
.ss_piclist li img{ width:100%; height:100%; webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.ss_piclist li a:hover img{ -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02);}
.ss_piclist li h2{ width:100%; font-size:16px; font-weight:normal; height:30px; line-height:30px; margin-top:5px;}
.ss_piclist li h2 a{ display:block; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ss_piclist li h2 a:hover{ color:#da3730}

.special_content{ overflow:hidden; padding:15px 20px;}
.special_content .title{ font-size:30px; color:#333; text-align: center; padding:15px 0;}
.special_content .subtitle{ text-align: center; border-bottom:1px solid #e5e5e5; padding-bottom:15px;}
.special_content .subtitle span{ margin:0 10px; cursor:pointer;}
.special_content .content{color:#333; padding:0 0 25px; font-size:16px; line-height:28px;}
.special_content .content img{ max-width:80%; height:auto; display: block; margin:0 auto;}
.special_content .content p{ overflow:hidden; margin-top:15px;}

/********** 页面分页符样式 *********/
.artPageTrue{ width:100%; overflow:hidden; text-align:center; padding-bottom:50px;}
.artPageTrue a{ color:#666; display:inline-block; padding:0 12px; line-height:32px; border:1px solid #ddd;}
.artPageTrue a:hover{ color:#ce3031; background:#f9f3f3;}
.artPageTrue .active{ color:#fff; background:#ce3031;}
.artPageTrue .active:hover{ color:#fff; background:#ce3031;}