body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}body,input,button,select,textarea{ font:12px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#333;}body{ background:#fff;}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:bold;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none;color:#5478e8;}
input {vertical-align:middle;outline:none}
button{overflow:visible;}
.hide,.displayno{display:none;}.show{display:block;}
/*****浮动和清除浮动******/
.left{float:left;display:inline;}
.right{float:right;display:inline;}
/* .clearfix:before,.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden} */
.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}.clr { height:0;clear:both; overflow:hidden; width:100%}
/*****对齐方式******/
.text-center{text-align:center !important}
.text-left{text-align:left !important}
.text-right{text-align:right !important}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
     -webkit-transition-delay: 99999s;
     -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
.line { height:1px; background:#eee; margin:15px 0; font-size:0}
.bg { background:#f5f5f5} 

.wrapper { margin:30px auto; width:1200px;}
.w1200 { width:1200px; margin:0 auto;} 
.w330 { width:330px;}
.w850 { width: 850px;} .w880 { width: 880px;} .w540 { width: 540px;}
.nav { height: 70px; padding:10px 0; background: #fff; box-shadow: 0 3px 6px #f1f1f1; margin-bottom: 30px;}
.nav .w1200 { position:relative}
.nav .logo { float: left; margin-right: 30px;}
.nav .logo img { width:120px}
.nav .nav_list { float: left; line-height:50px}
.nav .nav_list a { font-size: 16px; color: #000; margin: 0 15px;}
.nav .nav_list a.cur,.nav .nav_list a:hover { font-weight: 700;}
.nav_r { float: right; position: relative; line-height: 50px;}
.nav_r a { font-size: 18px; margin-left: 20px;}
.search_box { width: 160px; height: 38px; position: absolute; right:150px; top:8px;}
.search_box .search_text { width: 160px; height: 38px; border-radius: 20px; background: #f5f5f5; border: 0; padding: 0 20px; font-size: 14px;}
.search_box .icon-search { position:absolute; font-size: 26px; right: 10px; font-weight: 500; height: 38px; line-height: 38px;}
.nav_r .icon-tongzhi { font-size:22px; font-weight: 500; vertical-align: middle; position: relative;}
.nav_r .reds::after { display:none}
.nav_r .reds::after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #eb4e4e;
    display: inline-block;
    position: absolute;
    top: 0;
    right: -2px;
}
.nav_r .icon-set { font-size:29px; font-weight: 500; vertical-align: middle;}
.nav_r .headportrait img { width: 30px; height: 30px; border-radius: 50%; display:inline-block; overflow: hidden;}

.login_layer { opacity: 0; visibility:hidden; width:300px; padding:0 0 20px; position:absolute; background:#fff; box-shadow:0 3px 10px #ddd; right:-10px; top:40px; position:absolute; -webkit-transition: all .2s ease-in-out .1s; -moz-transition: all .2s ease-in-out .1s; transition: all .2s ease-in-out .1s; z-index: 101; color:#333;}
.nav_afer .headportrait:hover .login_layer { opacity:1; visibility:visible; top:50px;}
.login_layer:before { content:""; width:0; height:0; border-bottom:8px solid #f0f3fa; border-left: 8px solid transparent; border-right: 8px solid transparent;display: inline-block; margin: 0 6px; position:absolute; top:-8px; right:10px;}
.login_layer .login_layer_head {background:#f0f3fa; padding:20px; overflow:hidden}
.login_layer .login_layer_head a { margin:0}
.login_layer .login_layer_head h3 { font-size:16px; margin:5px 0 10px;} .login_layer .login_layer_head h3 a { color:#1a3f8a}
.login_layer .login_layer_head p { color:#999; text-overflow:ellipsis; white-space:nowrap; height:20px; line-height:20px; overflow:hidden}
.login_layer .login_layer_head .headportrait { width:60px!important; height:60px!important; float:left; margin:0 20px 0 0}
.login_layer .login_layer_number { overflow:hidden; margin:0 10px 20px; border-bottom:1px solid #e4e4e4; padding:10px 0; overflow:hidden}
.login_layer .login_layer_number dl { width:33%; float:left; text-align:center; padding:10px 0; cursor:pointer} 
.login_layer .login_layer_number dl:hover { color:#eb4e4e; background:#f5f5f5}
.login_layer .login_layer_number dl dt { font-size:18px; margin-bottom:5px; font-weight:400; height:20px; line-height:20px;}
.login_layer .login_layer_number dl dd { color:#999; height:20px; line-height:20px;}
.login_layer_sign { font-size:14px; padding:0 10px; overflow:hidden; line-height:22px;} 
.login_layer_sign .login_layer_sign_upload { float:right} 
.login_layer_sign a{ margin:0 5px; color:#1349aa; font-size: 14px; border-radius:5px; display:inline-block; padding:3px 5px;} .login_layer_sign a:hover { background:#e8effa}
.login_cnt_sign a:hover { color:#e2323a}
.login_layer_sign a .iconfont { font-size:20px; margin-right:5px; vertical-align:middle}
.index_img { width: 730px; overflow: hidden; margin-bottom: 20px;}
.index_img_r { float: right; width: 230px; overflow:hidden} 
.index_img_r img { border-radius: 5px; width:230px; height:155px;}
.index_img_r img:first-child { margin-bottom: 20px;}
.swiper-container-idx { width:480px; height:330px; float: left; border-radius: 5px;}
.swiper-container-idx .swiper-slide img { width:480px; height:330px;}
.swiper-container-idx .swiper-pagination { text-align:right!important; padding:0 10px 0 0!important; z-index:9;}
.swiper-container-idx .swiper-pagination-bullet { background:#fff!important; width:10px; opacity:1!important; height:10px; margin:0 3px!important;}
.swiper-container-idx .swiper-pagination-bullet-active {background: #ed9e00 !important;}

.swiper-container-new { width:730px; height:330px; background: #383d49; margin:0 auto 30px!important; border-radius: 5px;}
.swiper-container-new .swiper-slide img { width:430px; height:330px; float: left;}
.swiper-slide-text { padding: 20px; width: 300px; float: left;}
.swiper-slide-text h2 { font-size: 26px; color: #fff; font-weight: 500; margin-bottom: 30px; line-height: 36px;} 
.swiper-slide-text .headportrait { color: #fff;}
.swiper-slide-text .headportrait img { width:20px; height:20px; margin:0 10px 0 0; border-radius: 10px;}
.swiper-container-new .swiper-pagination { text-align:right!important; padding:0 10px 0 0!important; z-index:9;}
.swiper-container-new .swiper-pagination-bullet { background:#fff!important; width:10px; opacity:1!important; height:10px; margin:0 3px!important;}
.swiper-container-new .swiper-pagination-bullet-active {background: #fc567d!important;}

.news_nav { width:100px; float:left; padding:0 0 20px;}
.news_nav a { font-size:16px; color:#666; padding:12px 0; float:left; width:100px; text-align:center;} 
.news_nav a.cur { background:#ed9e00; color:#fff; border-radius: 5px;}
.news_list_cnt { width: 730px; float: right;} .news_list_cnt .more { text-align: center; padding: 5px 0; color: #999; font-size: 16px;}
.news_list li { padding:0 0 30px; border-bottom:1px solid #f1f1f1; margin:0 0 30px}
.news_list li .img { width:225px; height:150px; line-height:148px; overflow:hidden; float:left; display: table-cell; position:relative; text-align:center; margin:0 20px 0 0; background:#f5f5f5; border-radius:5px;}
.news_list li .img img { max-width:220px; max-height:150px; display:inline-block; vertical-align:middle;}
.news_list li .img img { transform: scale(1); transition:all 0.5s}
.news_list li:hover .img img  { transform: scale(1.1); transition:all 0.5s}
.news_list li .imgs { display: -webkit-flex; display: flex; justify-content: space-between; align-items:flex-start; }
.news_list li .imgs:before,
.news_list li .imgs:after{content: "";}
.news_list li .imgs img {  border-radius: 5px; max-width:220px; max-height:150px; }
.news_list li .item { float:left; display:contents}
.news_list li .item h3 { font-size:20px; font-weight:700; color:#333; line-height:25px; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-bottom:10px;}
.news_list li .item p { font-size:14px; color:#999; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;} 
.news_list li .item .info { font-size: 14px; color: #aaa; margin-top: 20px;}
.news_list li .item .headportrait { margin-right: 20px;}
.news_list li .item .headportrait img { width:20px; height:20px; margin:0 10px 0 0; border-radius: 10px;}
.news_list li .item .icon_list { float: right; line-height: 24px;}
.news_list li .item .icon_list a { margin-left: 20px; cursor: pointer;}
.news_list li .item .icon_list .iconfont { font-size: 24px; vertical-align: middle; color:#000}
.news_list li .item .icon_list .icon-good-fill { color:#eb4e4e}
/*.news_list li .item .icon_list .iconfont:hover { color: #ed9e00;}*/
.news_list1 li .item h3 { font-weight:400}
.copy_link { box-shadow:0 0 5px #aaa; background:#fff; padding:10px; width:350px; position:absolute; left:-220px; border-radius:4px; opacity:0; visibility:hidden; -webkit-transition: all .2s ease-in-out .1s; -moz-transition: all .2s ease-in-out .1s; transition: all .2s ease-in-out .1s; z-index: 101;}
.copy_link h4 { font-weight:700; margin-bottom:5px; font-size:12px; color:#000;}
.copy_link .copy_text { width:250px; height:34px; line-height:34px; padding:0 5px; border:0; background:#f1f1f1; border-radius:4px; color:#999}
.copy_btn { width:72px; height:34px; border-radius:4px; background:#5478e8; color:#fff; text-align:center; border:0; cursor:pointer; margin-left:6px;}
.copy_link p { color:#999; line-height:20px; margin-bottom:5px; font-size:12px!important;}
.icon-share { position:relative}
.icon-share:hover .copy_link {opacity:1; visibility:visible; top:25px;}

.side_bg { padding:20px; background:#f5f5f5; margin:0 0 20px; overflow:hidden; border-radius: 5px;}
.side_tit { margin:0 0 25px; overflow:hidden}
.side_tit h3 { font-size:16px; font-weight:700; float:left;}
.side_tit .more { float:right; color:#999;}
.list-logo { overflow:hidden; margin-left:-15px;}
.list-logo li { float:left; width:136px; height:136px; line-height: 110px; overflow:hidden; background:#fff; padding:10px; margin:0 0 15px 15px; text-align:center;}
.list-logo li img { max-width:115px; max-height:100px;}
.topic_list li { margin: 0 0 25px; overflow: hidden;}
.topic_list li .img { width: 100px; height: 75px; line-height:72px; border-radius: 5px; overflow: hidden; float: left; margin: 0 15px 0 0; background:#fff;}
.topic_list li .img img { max-width: 100px; max-height: 75px; vertical-align: middle; transform:scale(1);transition:all 0.5s}
.topic_list li .img:hover img {transform:scale(1.1);transition:all 0.5s}
.topic_list li h3 { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14px; margin: 0 0 20px; height: 40px; line-height: 20px;}
.topic_list li p { color: #999;}
.topic_list li p span { margin: 0 10px; color: #a7a7a7;}
.hot_list li { margin: 0 0 25px; overflow: hidden;}
.hot_list li .img { width: 120px; height: 80px; border-radius:5px; overflow: hidden; float: left; margin: 0 15px 0 0; text-align:center; background:#fff}
.hot_list li .img img { max-width: 120px; max-height: 80px; vertical-align: middle;transform: scale(1);transition: all 0.5s;}
.hot_list li .img:hover img {transform: scale(1.1);transition: all 0.5s;}
.hot_list li h3 { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14px; margin: 0 0 20px; height: 40px; line-height: 20px; overflow:hidden}
.hot_list li .headportrait { color: #999;}
.hot_list li .headportrait img { width:20px; height:20px; margin:0 10px 0 0; border-radius: 10px;}
.hot_list li p { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
.login_tab {line-height:40px; overflow:hidden; margin-bottom:10px;}
.login_tab a { width:50%; float:left; text-align:center; font-size:16px; border-bottom:2px solid #dfdfdf; }
.login_tab a.cur { color:#153189; border-bottom:2px solid #153189; font-weight:700}
.login_m { padding: 10px 0;}
.login_m label { font-size: 14px; margin: 0 0 5px;} .login_m p { margin-bottom: 10px; font-size: 14px;}
.login_m .login_text_name,.login_m .login_text_yzm,.login_m .login_text_passd { border: 1px solid #ddd; height: 34px; line-height: 34px; border-radius: 3px; background: #fff; width: 100%; padding: 0 10px;}
.login_m .login_text_yzm { width: 160px;} 
.login_m .forgot { padding: 10px 0;}
.login_m .forgot .blue { color: #5478e8;}
.box-btn-code { width: 120px; height: 34px; border: 1px solid #ddd; border-radius: 3px; background: #fff; font-size: 14px; color: #666; text-align: center; float: right; cursor: pointer;}
.login-btn { height: 40px; line-height: 40px; width: 100%; border: 0; font-size: 16px; font-weight: 700; color: #fff; background: #5478e8; border-radius: 5px; display: block; text-align: center;}.login-btn:hover { color: #fc0;}
.login-after { text-align: center;}
.login-after .headportrait { margin-bottom: 10px;}
.login-after .headportrait img{ width: 95px; height: 95px; border: 5px solid #fff; border-radius: 50%; vertical-align: middle;}
.login-after .headportrait h3 { font-size: 16px; padding: 5px 0;}
.login-after p { color:#aaa; margin: 0 0 25px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow:hidden}
.login_cnt_number { display: flex; padding-bottom: 30px;} .login_cnt_number dl { width: 25%; color: #aaa; font-size: 14px;} .login_cnt_number dl dt {font-weight: 400; font-size: 18px; color: #333;}
.fixed { position:fixed; border-bottom:0; width:52px; left:50%; bottom:35%; margin-left: 615px; transition: all .2s; z-index:999}
.fixed li { width:50px; height:50px; border:1px solid #e4e4e4; position:relative; background:#fff; text-align:center; line-height:50px; margin-bottom:-1px;}
.fixed li:hover { background:#f5f5f5; color:#eb4e4e}
.fixed li .icon-weixinxiaochengxu { font-size:24px;}
.fixed li .icon-QRcode { font-size:28px;}
.fixed li .icon-arrow-up { font-size:26px; font-weight:700; cursor:pointer; display:block}
.fixed li .code_view { position:absolute; left:-190px; top:0; background:#fff; padding:20px; box-shadow:0 0 10px #ddd; -webkit-transition:all .1s ease-in-out .1s;-moz-transition:all .1s ease-in-out .1s;transition:all .1s ease-in-out .1s; opacity:0; visibility:hidden; z-index:101}
.fixed li .code_view img { width:130px; height:130px;}
.fixed li .code_view p { line-height:40px;}
.fixed li:hover .code_view { left:-171px; opacity:1; z-index:103; visibility:visible}

/*话题首页*/
.tit { font-size: 20px; padding: 10px 0 20px; font-weight: 700;}
.topic_ls { margin-left:-30px ;}
.topic_ls li { float: left; width: 380px; margin: 0 0 30px 30px; position: relative;}
.topic_ls li img { max-width: 380px; max-height: 285px; vertical-align: middle; border-radius:5px ;}
.topic_ls li p { background: rgba(0,0,0,.8); height: 36px; line-height: 36px; position:absolute; bottom: 40px; width: 100%; border-bottom-left-radius:5px; border-bottom-right-radius:5px ;}
.topic_ls li p span { color: #fff; font-size: 14px; margin: 0 10px;}
.topic_ls li h3 { font-size: 22px; margin: 15px 0 0;} .topic_ls li h3 span { color: #bf2443;}

/*头条页面*/
.headline_b { background:url(../images/headline_b.jpg) no-repeat top center; height:300px; margin:-30px 0 0}
.headline_b .head_cnt { width:710px; max-height:180px; padding:0 30px; float:left; margin:80px 0 0; overflow:hidden}
.headline_b .head_cnt dt { width:120px; height:120px; border-radius:50%; line-height:120px; float:left; margin:0 40px 0 0; text-align:center; overflow:hidden; background:#fff;}
.headline_b .head_cnt dt img { max-width:120px; max-height:120px;}
.headline_b .head_cnt dd { color:#fff; overflow:hidden; margin:10px 0 20px; line-height:20px;}
.headline_b .head_cnt dd:last-child { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; font-size:12px;}
.headline_b .head_cnt dd h3 { font-size:30px; font-weight:700; color:#fff; float:left; margin:0 30px 0 0} 
.headline_b .head_cnt dd h4 { font-size:16px; font-weight:400; color:#fff; float:left; margin:15px 0 0}
.headline_b .head_cnt dd .head_cnt_personInfo {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.headline_b .follow_box{float: right;margin-top: 100px;}
.headline_b .number { color:#fff; float:right; } 
.headline_b .number li { float:left; text-align:center; border-right:1px solid #878787; height:20px; line-height:20px; padding:0 20px;} 
.headline_b .number li span { font-size:16px; margin:0 10px 0 0}
.headline_b .number li:last-child { border:0}
.headline_nav { height:70px; box-shadow:0 5px 10px #d5d5d5; background:#fff;}
.headline_nav_l { float:left}
.headline_nav_l a { color:#222; display:inline-block; height:70px; line-height:70px; position:relative; padding:0 15px; margin:0 15px; font-size:16px;}  
.headline_nav_l a:hover,.headline_nav_l a.cur { color:#222; font-weight:700}
.headline_nav_l a.cur:before { width:100%; height: 4px;background: #d54141;content: ""; left:0;}
.headline_nav_l a:before {position: absolute; bottom: 0;left: 50%;width: 0;height: 4px;background: #d54141;content: "";transition: all .2s;}
.headline_nav_l a:hover:before {left:0;width:100%} 
.icon-add-select,.icon-seleted { margin:0 5px;}
.headline_seach_box{margin-top: 15px; float: right;width: 280px;height: 40px;line-height: 40px;padding: 0 10px 0 20px; border:1px solid #b8b8b8;box-sizing: border-box; overflow: hidden;border-radius: 20px;}
.headline_seach_box input{border: 0;height: 38px;vertical-align: top;width: 85%;}
.headline_seach_box a{color: #b8b8b8;font-size: 26px;float: right;}
.bg { background:#f5f5f5} 
.headline_list { margin:30px 0; }
.headline_list li { padding:20px 0; overflow:hidden; border-bottom:1px solid #f1f1f1;}
.headline_list li:hover { background:#f3f6fa;}
.headline_list li .img180 { width:180px; height:120px; line-height:120px; overflow:hidden; float:left; display: table-cell; position:relative; text-align:center; background:#000}
.headline_list li .img180 img { max-width:100%; max-height:100%; display:inline-block; vertical-align:middle;}
.headline_list li .img180 .number { position:absolute; right:0; bottom:0!important; top:inherit; background:#000; height:20px; width:20px; text-align:center; color:#fff; font-size:12px; line-height:20px;}
.headline_list li .img180 img { transform: scale(1); transition:all 0.5s} 
.headline_list li:hover .img180 img { transform: scale(1.2); transition:all 0.5s}
.headline_list li .play-cover{ position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);opacity:.3;transition:all .25s; text-align:center;}
.headline_list li .play-cover:before{ left:30%;top:-20%;width:10px;height:10px;transition:all .25s; position:absolute;-webkit-transform:scale(1);transform:scale(1)}
.headline_list li:hover .play-cover:before{-webkit-transform:scale(.7);transform:scale(.7)}
.headline_list li .item { float:left; margin:0 0 0 22px; }
.headline_list li .item h3 { font-size:20px; font-weight:700; color:#333; height:48px; line-height:24px;text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-bottom:15px;}
.headline_list li .item p { font-size:12px; color:#999} 
.headline_list li .item p span { color:#666; margin:0 30px 0 0}  
.headline_list li .item p .date { color:#bbb;}
.headline_cnt { background:#fff; width:880px; margin:0 0 30px}
.headline_cnt_tit { margin:0 0 40px; border-bottom:1px solid #e4e4e4; padding:0 0 20px;}
.headline_cnt_tit h2 { font-size:32px; color:#000; margin:0 0 20px; font-weight:700}
.headline_cnt_tit p { color:#999; font-size:14px;} .headline_cnt_tit p span { margin:0 0 0 30px;} .headline_cnt_tit p a { color:#5478e8}
.headline_fx { height:400px; width:50px; float:left; position:relative}
.headline_fx .icon-good { border-radius:50%; border:1px solid #dfdfdf; width:50px; height:50px; display:inline-block; text-align:center; font-size:14px; }
.headline_fx .icon-good:before { font-size:30px; color:#333; display:block; margin-bottom:10px;}
.headline_fx .icon-good.on,.headline_fx .icon-good:hover { background:#ed9e00; border:1px solid #ed9e00;}.headline_fx .icon-good:hover:before {color:#fff; }
.headline_fx .icon-good.on:before { font-size:30px; color:#fff; display:block; margin-bottom:10px;}
.fx_icon_list { position:absolute;right:0; top:85px; color:#666; font-size:14px;}
.fx_icon_list i {border-radius:50%; border:1px solid #dfdfdf; width:50px; height:50px; line-height:48px; display:inline-block; text-align:center; cursor:pointer; margin-bottom:10px;}
.fx_icon_list i.iconfont { font-size:30px;}
.fx_icon_list i.icon-favorites { color:#fc7878;}
.fx_icon_list i:hover.icon-favorites,.fx_icon_list i.icon-favorites.on { color:#fff; background:#fc7878; border-color:#fc7878;}
.fx_icon_list a.icon-comments { font-size:30px; color:#6a79d0; border-radius:50%; border:1px solid #dfdfdf; width:50px; height:50px; line-height:48px; display:inline-block; text-align:center; cursor:pointer; margin-bottom:10px;}
.fx_icon_list i.icon-share { color:#55bd75}
.fx_icon_list i.icon-share .copy_link { text-align:left; left:0; top:50px}
.fx_icon_list i.icon-share:hover .copy_link {top:50px}
/*.headline_fx .social-share a { width:50px; height:50px; border-radius:50%; border:1px solid #ddd; font-size:30px; line-height:50px; margin:5px 0}
.headline_fx .social-share a:hover { background:#eb4e4e; border:1px solid #eb4e4e;} .headline_fx .social-share a:hover:before { color:#fff;}
.headline_fx .social-share .icon-wechat:before { color:#5faf4c}
.headline_fx .social-share .icon-qq:before { color:#4f7bcc}
.headline_fx .social-share .icon-weibo:before { color:#bc4848}*/
.headline_cnt_vod { margin-top:30px;padding-bottom:30px; overflow:hidden;position: relative;}
.headline_cnt_vod .video_clickUv{position: absolute;top: 14px;left: 16px;z-index: 2;height:30px;line-height: 30px;background:rgba(3,0,111,1);opacity:0.7;border-radius:15px;padding: 0 16px;color:#7FB9FF;font-size:14px;}
.competition{background:#ffffff;box-sizing: border-box;padding: 20px 0px 30px 0px;}
.competition h4{font-size:20px;color: #343434;font-weight:bold;float: left;}
.competition .moreVideo{color: #9A9A9A;font-size: 14px;float: right;}
.video-box{margin-top: 35px;}
.video-box li{float: left;width:180px;margin-left: 25px;cursor: pointer;}
.video-box li:first-child{margin-left: 0;}
.video-box li div{height:100px;margin-bottom: 10px;position: relative;}
.video-box li .v_img{width: 100%;height: 100%;}
.video-box li .play-cover {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);opacity: .3;transition: all .25s;text-align: center;}
.video-box li .play-cover:before {left: 7px;bottom: 7px;height: 26px;line-height: 26px;transition: all .25s;position: absolute;-webkit-transform: scale(1.5);transform: scale(1.5);}
.video-box li:hover .play-cover {opacity: 1;}
.video-box li:hover .play-cover:before{-webkit-transform:scale(1);transform:scale(1)}
.video-box li .icon-play-fill:before{color: #fff;font-size: 26px!important;margin: 20px 0 0;}
.video-box li p{font-size:15px;color:rgba(52,52,52,1);line-height:20px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;}
.headline_cnt_text{ overflow:hidden; padding-bottom:30px; width:790px; margin-left:90px; min-height:400px;}
.headline_cnt_text p { line-height:28px; font-size:16px; margin:20px 0}
.headline_cnt_text img { max-width:100%; margin:0 auto}
.headline_r_head { margin:10px 0; text-align:center;}
.headline_r_head .img { border-radius:50%; width:100px; height:100px; line-height:100px; overflow:hidden; margin:0 auto; text-align:center; background:#fff; border:3px solid #fff;}
.headline_r_head .img img { max-width:100px; max-height:100px; vertical-align:middle}
.headline_r_head h3 { font-size:20px; font-weight:700; color:#1a3f8a; margin:10px 0;}
.headline_r_head p { font-size:14px;} .headline_r_head p span { color:#eb4e4e; margin:0 5px;}
.headline_r_txt { color:#999; line-height:20px; padding:0 0 10px;}
.headline_r_btn { padding:10px 0; text-align:center}
.headline_r_btn .btn_gz,.headline_r_btn .btn_ygz { float:none;}

.more_add:hover{background: #e4e4e4 !important;}
.more_add{width: 380px;height: 50px;line-height: 50px;background: #f5f5f5;color: #666;font-size: 16px;text-align: center;margin: 20px auto 0;cursor: pointer;border-radius: 4px;}
.headline_vod_tit h2 { font-size:24px; margin-bottom:20px;}
.headline_vod_tit .headline_vod_n { float:left;} 
.headline_vod_tit .icon_list { float:right; margin-top:-10px;} 
.headline_vod_tit .icon_list a { color:#999; margin-left:15px;} 
.headline_vod_tit .icon_list a i { font-size:24px;}
.headline_vod_tit .icon_list a i.icon-favorites.on:before { color:#ed9e00; content:"\e721";}
.headline_vod_tit .icon_list a.icon-good.on:before { color:#ed9e00; content:"\e780";}

.headline_vod_tit .icon_list a.icon-good:before { font-size:24px} 
.headline_vod_tit .headline_vod_n span { margin-right:20px; font-size:14px; color:#aaa;}
/*头条页面end*/

.tit_h { padding:20px 0; line-height:24px; overflow:hidden; margin-bottom:10px;}
.tit_h h3 { font-size:24px; font-weight:400; height:22px; line-height:22px; color:#333; float:left;}
.tit_h p { color:#bbb; padding:0 20px; float:left} .tit_h span { float:right; font-size:14px; color:#666;}

.comment_list li { position:relative; margin:0 0 20px; border-bottom:1px solid #f1f1f1; padding:0 0 20px}
.comment_list .operation { position:absolute; right:40px; top:5px;} .comment_list .operation a { color:#1349aa; margin:0 10px;}
.comment_list .name { font-size:14px; margin:0 0 10px} .comment_list .name .data { margin:0 0 0 15px; color:#999} .comment_list .name a { color:#34488c}
.comment_list .text { line-height:22px; color:#333; margin-bottom:20px; font-size:14px; padding-left:40px}
.comment_list .reply { color:#333; padding:5px 20px; margin:10px 0 10px 30px; border-left:4px solid #e8e8e8} .comment_list .reply .data { color:#999; font-size:14px; margin:0 0 5px;}
.comment_list .reply h4 { font-size:14px; line-height:22px; margin:5px 0 0} .comment_list .reply .del { float:right; color:#34488c}
.comment_list .headportrait { width:30px; height:30px; vertical-align:middle; margin:0 10px 0 0; border-radius:50%;}

.comment { background:#fff; width:880px; margin:0 0 20px;}
.comment-send { background:#eee; padding:5px; margin:0 0 30px}
.comment-textarea { border:0; background:#fff; height:130px; width:100%; padding:10px; font-size:14px; line-height:22px;}
.comment-send p { padding:5px 10px; overflow:hidden}  .comment-send p span { font-size:14px; color:#999; margin:8px 0 0; display:inline-block} .comment-send p span a { margin:0 5px; color:#1349aa}
.btncomments { width:120px; height:40px; line-height:30px; color:#fff; font-size:14px; font-weight:700; border-radius:5px; border:0; background:#5478e8; float:right}
.comment .more_add{font-size: 12px;border-radius: 3px;background-color:rgb(245, 245, 245);color: #333;width: 96px; text-align: center;margin: 0 auto; height: 32px; line-height: 32px;cursor: pointer;}
.text_good { float:right; cursor:pointer}
.text_good .icon-good:before{font-size: 24px; color:#aaa; vertical-align:middle;}
.text_good.on{color:#eb4e4e;}
.text_good.on .icon-good:before { color:#eb4e4e; content:"\e780";}


/*新闻中心*/
.new_head { box-shadow:0 5px 10px #ddd; padding:30px 0; background:#fff; margin-bottom:30px; }
.new_head .logo { width:320px; float:left;} 
.new_head .logo img { float:left;} 
.new_head .logo h2 { border-left:1px solid #ddd; padding:0 0 0 20px; font-size:30px; float:left; margin:15px 0 0 30px}
.new_head_list { float:right; margin:20px 5px;}
.new_head_list a { font-size:18px; margin:0 10px; padding:0 3px; position:relative}
.new_head_list a:hover,.new_head_list a.cur { color:#222; font-weight:700}
.new_head_list a.cur:before { width:100%; height: 2px;background: #eb4e4e;content: ""; left:0;}
.new_head_list a:before {position: absolute; bottom: -10px;left: 50%;width: 0;height:2px; background: #eb4e4e;content: "";transition: all .2s;}
.new_head_list a:hover:before {left:0;width:100%}

.focusnew  { width:880px; height:360px; float:left}
.focusnew .swiper-slide img { width:880px; height:360px;}
.focusnew .swiper-slide p { font-size:16px; width:100%; padding:0 20px; line-height:50px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background: linear-gradient(to bottom, rgba(0,0,0,.0),rgba(0,0,0,.5), rgba(0,0,0,1)); position:absolute; left:0; bottom:0}
.focusnew .swiper-pagination { position:absolute; text-align:right; padding:0 15px;}
.focusnew .swiper-pagination-bullet { background:#fff; opacity:.3; width:12px; height:12px; margin:0 5px!important;}
.focusnew .swiper-pagination-bullet-active { opacity:1; }
.news_r { width:300px; float:right}
.news_tt { border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:15px; height:136px;}
.news_tt h3 { font-size:18px; font-weight:400; line-height:26px; height:52px; overflow:hidden; margin-bottom:5px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box;}
.news_tt p { color:#999; line-height:20px; overflow:hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box;}
.data_text { width:430px; margin:20px 0; padding:20px; border:1px solid #e3e3e3}
.data_text_tit { margin:0 0 20px; clear:both; height:30px; line-height:30px;}
.data_text_tit h2 { font-size:20px; font-weight:700; border-left:3px solid #e2323a; margin-left:-21px; float:left; padding:0 0 0 20px} .data_text_tit a { float:right; color:#666}
.data_text dl { overflow:hidden; margin-bottom:10px;} 
.data_text dl dt { width:120px; height:80px; float:left; margin-right:20px; overflow:hidden; text-align:center;} .data_text dl dt img { max-width:100%; max-height:100%;}
.data_text dl dd h3 { font-size:16px; font-weight:400; line-height:26px; overflow:hidden; -webkit-box-orient: vertical; -webkit-line-clamp:3; display: -webkit-box;} 
.data_text dl dd p { color:#999; line-height:20px; height:60px; overflow:hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box;}
.more_r { text-align:right; font-size:14px;} .more_r a { color:#666} .more_r a span { color:#e2323a; font-weight:700; font-size:16px; margin-left:3px;}

.footer_new { text-align:center; padding:30px 0; overflow:hidden; background:#f9f9f9} .footer_new p { padding:2px 0} .footer_new p span { margin:0 8px;}
.about-links { font-size:14px; padding:0 0 20px; color:#bbb} .about-links a { margin:0 20px;}
.ad_view { width:1190px; height:100px; margin:20px auto;}
.path { padding:0 0 20px; color:#999; font-size:14px;} 
.path a { color:#999;} .path em { font-weight:400}
.path span { margin:0 5px; font-family: Arial}
.tit_new_view { border-left:6px solid #eb4e4e; padding:0 0 0 25px; margin:0 0 10px}
.news_h1 { font-size:32px; color:#333; font-weight:700; padding:0 0 15px; line-height:40px;}
.titBar { color:#999; font-size:14px;} .titBar span { margin-right:20px;}
.summary { color:#666; font-size:14px; padding:25px; background:#f1f1f1; margin:20px 0; line-height:24px;}
.statement { padding:25px; border:1px solid #eee; color:#999; line-height:20px; margin:20px 0 20px 100px;}

.related { margin:20px 0 0 100px; width:750px;}
.main-cnt { margin:50px 0 0 100px; width:750px;} 
.main-cnt p { font-size:16px; color:#333; padding:10px 0; line-height:30px;}
.main-cnt img { max-width:100%!important; max-height:100%!important}
.fxd {  z-index:9; width:46px; float:left; top:40px; position:relative;}
.fxd_bt {  padding:15px 0; } 
.fxd_bt a { margin-bottom:10px; display:block; position:relative}
.icon_comment span { color:#fff; background:#eb4e4e; height:12px; line-height:12px; font-family:Arial, Helvetica, sans-serif; padding:0 2px; display:inline-block; border-radius:3px; position:absolute; top:10px; right:3px; display:none}

/*视频首页*/
.video_big { width:640px; height:360px; float:left; position:relative; border-radius: 5px; overflow: hidden;}
.video_big img { width:640px; height:360px;}
.video_big p { height:50px; line-height:50px; color:#fff; font-size:16px; position:absolute; bottom:0; left:0; overflow:hidden; text-indent:20px; width:100%; background: linear-gradient(to bottom, rgba(0,0,0,.0),rgba(0,0,0,.8));}
.video_big .swiper-button-next { right:10px!important; background:rgba(0,0,0,.5)}.video_big .swiper-button-prev { left:10px!important; background:rgba(0,0,0,.5)}
.video_big .swiper-pagination { text-align:right; padding-right:10px;} .video_big .swiper-pagination-bullet { opacity:1; background:#ed9e00; width:10px; height:10px;} .video_big .swiper-pagination-bullet-active { background:#fff}
.video_list li { width:240px; height:180px; float:left; margin:0 15px 0;}
.video_list li p { line-height:30px; height:30px; overflow:hidden; font-size:14px; text-overflow:ellipsis; white-space:nowrap;}
.video_list .img240 { width:240px; height:145px; overflow:hidden; text-align:center; position:relative; border:1px solid #e6edff; background:#000; border-radius: 5px;}
.video_list .img240 img { width:240px; height:145px;}
.bg_w { background:#fff; margin:30px 0;}
.video_hot { padding:40px 0 60px; overflow:hidden}
.video_hot ul { margin-left:-16px}
.video_hot h3 { font-size:20px; font-weight:400; margin:0 0 30px;}
.video_hot li { margin:0 0 0 16px; width:288px;}
.video_hot li .img240 { width:288px; height:162px;}
.video_hot li .img240 img { width:288px; height:162px;}

.vd_main .video_list { overflow:hidden; margin:0 0 0 -16px;}
.vd_main .video_list li { border:0; float:left; width:288px; height:240px; overflow:hidden; margin:0 0 16px 16px; padding:0}
.vd_main .video_list li .img180 { width:288px; height:162px; line-height:158px; background:#000; text-align:center; border-radius: 5px; overflow: hidden; position:relative;}
.vd_main .video_list li .img180 img { max-width: 288px; max-height: 162px; transition:all 0.5s; transform:scale(1)}
.vd_main .video_list li .img180:hover img { max-width: 288px; max-height: 162px; transition:all 0.5s; transform:scale(1.1)}

.vd_main .video_list li .item { padding:5px 0}
.vd_main .video_list li .item h3 { font-size:14px; line-height:20px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin:5px 0; overflow: hidden;}
.vd_main .video_list li .item p .headportrait { width: 20px; height: 20px; border-radius: 10px; margin-right:8px ;}
.playdate { background:rgba(0,0,0,.5); border-radius:5px; padding:0 6px; height:22px; text-align:center; line-height:22px; color:#fff; position:absolute; bottom:5px; right:5px; font-style:normal}
.vd-more { border:1px solid #ccc; font-size:14px; width:120px; margin:50px auto; height:40px; line-height:40px; text-align:center; border-radius:5px;} 
.vd-more a { display:block;color:#666; padding:0 30px; border-radius:5px; } .vd-more a:hover { background:#5478e8; color:#fff;}
/*视频详情*/
.video_bg { background:#222; margin:0 0 20px; padding:0 0 40px;}
.video_tit { padding:20px 0 40px;}
.video_cnt { position:relative;} 
.video_cnt #share { bottom:50px; right:0; position:absolute;}
.player-container-html5 { width:100%; height:670px;}
.video_tit h2 { font-size:30px; font-weight:700; margin-bottom:10px;} .video_tit p { color:#999;} .video_tit p span { margin:0 20px 0 0}
.video_ft { padding:30px 0 60px; overflow:hidden}
.video_ft .video_text { width:900px; float:left; color:#666; line-height:22px; font-size:14px;}
.video_ft .video_fx { float:right; width:220px; color:#ccc;} 
.side { padding:25px; background:#f5f5f5; margin:0 0 20px; width:300px; border-radius:3px;}
.side .tit { height:22px; margin:0 0 20px; overflow:hidden} 
.side .tit h3 { color:#999; float:left} 
.side .tit .more-a { float:right; color:#999;}
.side_video { padding:0 5px;}
.side_video li { padding:0 0 15px; position:relative} 
.side_video li .img { width:240px; height:135px; position:relative; text-align:center; display:block} .side_video li .img img { max-width:100%; max-height:100%;}
.side_video li p { line-height:30px; height:30px; overflow:hidden; color:#333; font-size:14px;}
.side_video li .play-cover{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);opacity:.3;transition:all .25s; text-align:center;}
.side_video li .play-cover:before{left:10%;bottom:0;width:60px;height:60px;transition:all .25s; position:absolute;-webkit-transform:scale(1.5);transform:scale(1.5)}
.side_video li:hover .play-cover {opacity:1}
.side_video li:hover .play-cover:before{-webkit-transform:scale(1);transform:scale(1)}

.tit_vd { margin:0 0 10px; text-align:center}
.tit_vd h3{ font-size:26px; font-weight:400; }
.vd_tab { text-align:center; padding:30px 0; margin-bottom:30px;}
.vd_tab a { font-size:16px; margin:0 20px;}
    .vd_tab a.cur {
        color: #ed9e00;
        font-weight: 700;
        position: relative
    }
        .vd_tab a.cur::after {
            content: '';
            width: 36px;
            height: 6px;
            display: inline-block;
            position: absolute;
            left: 50%;
            top: 26px;
            background: #ed9e00;
            border-radius: 3px;
            margin-left: -18px;
        }

/*网上展厅*/
.pro_cnt { width:1200px; margin:0 auto;}
.exh_head { background:#fff; border-top:1px solid #eee; padding:30px 0; margin-top:-30px;}
.exh_head .logo { width:220px; float:left;} 
.exh_head .logo img { float:left;} 
.exh_head .logo h2 { border-left:1px solid #ddd; padding:0 0 0 20px; font-size:30px; float:left; margin:15px 0 0 30px}
.swiper-container-exhb { margin-top:-30px;}
.swiper-container-exhb .swiper-slide { height:460px;}
.swiper-container-exhb .swiper-pagination { bottom:20px}
.swiper-container-exhb .swiper-pagination-bullet { border:2px solid #fff; background:none!important; opacity:1; width:12px; height:12px;}
.swiper-container-exhb .swiper-pagination-bullet-active { background:#fff!important;}
#category_exh { position:relative; float:left;}
#category_exh:hover .category_exh_list { opacity:1; visibility:visible;top:44px;}
#category_exh .icon-arrow-down { font-size:16px; font-weight:700; padding:0 15px; display:inline-block; cursor:pointer; width:210px; height:48px; line-height:48px; background:#5478e8; border-radius:3px; color:#fff;} 
#category_exh .icon-arrow-down:before { font-size:28px; vertical-align:middle; float:right; font-weight:400; margin:0 5px 0 0}
.category_exh_list { background:#fff; padding:20px; position:absolute;width:1200px; opacity:0; transition: all .2s ease-in-out .1s; z-index:101; visibility: hidden; top:46px; left:0;
            -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em; background:#f8faff; border:2px solid #5478e8;}
.category_exh_list li { padding:0 0 10px; display:inline-block; width:270px; height:80px; overflow:hidden; border-bottom:1px solid #e4e7ef; margin-bottom:10px;}
.category_exh_list li dl dt { width:80px; float:left; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700; color:#5478e8; font-size:14px;}
.category_exh_list li dl dd { width:92%; float:left; line-height:24px; text-align:justify;}
.category_exh_list li dl dd a { margin:0 5px 5px 0; color:#666;} .category_exh_list li dl dd a:hover { color:#e2323a}
.search_form { float:right;}
.search_exh_home { margin:0 auto 50px; width:685px;}
.search_exh { width:685px; height:48px; font-size:14px; border-radius:5px; display:inline-block}
.search_exh .search_text { width:470px; height:48px; line-height:48px; border:0; padding:0 10px; float:left; border-top:2px solid #5478e8; border-bottom:2px solid #5478e8; font-size:16px;}
.search_exh .search_btn { background:#5478e8; color:#fff; font-weight:700; font-size:16px; height:48px; line-height:48px; width:125px; border:0; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.fb_btn { height:48px; line-height:48px; margin:0 0 0 10px; text-align:center; font-weight:700; font-size:16px; color:#5478e8; display:inline-block; border-radius:5px; vertical-align:top; background:#fff; border:1px solid #5478e8; padding:0 18px;}
.fb_btn:hover { color:#333;} .fb_btn .icon-product1 { font-size:24px; margin:0 5px; vertical-align:bottom; color:#5478e8} .fb_btn .icon-ruzhushangcheng { font-size:18px; margin:0 5px; vertical-align:middle; color:#5478e8}
.search_exh .search_btn .icon-search { font-size:28px; font-weight:400; vertical-align:middle; margin:0 5px; color:#fff;}
.search_con{position:relative;z-index:2;float:left;width:90px;height:48px;line-height:44px;cursor:pointer; text-align:center; border:2px solid #5478e8; border-right:0; border-top-left-radius:5px; border-bottom-left-radius:5px;font-size:16px; color:#666; background:#fff;}
.search_con .icon-arrow-down { position:inherit;}
.search_type_icon{position:absolute;right:10px;top:15px;width:7px;height:4px;background:url(/statics/images/user/user-icon.png) -105px -102px;}
.search_info{float:left}
.search_list{display:none;position:absolute;top:43px;left:-2px;z-index:2;width:80px; border:2px solid #5478e8; border-top:0; background:#fff; padding:5px 0}
.search_list li{ height:36px;line-height:36px;} 
.search_list li:hover { color:#eb4e4e}

.pro_cnt .path { padding:20px 10px; font-size:16px; color:#333; font-weight:700} .pro_cnt .path a { color:#333;}
.class_box {border-top:1px solid #eee; font-size:14px; background:#fff; width:1200px; margin: 0 auto; padding-bottom:30px;}
.class_box dl { border-bottom:1px solid #eee; padding:10px 0; position:relative;}
.class_box .more { color:#666; position:absolute; top:20px; right:0;}
.class_box dl dt { width:9%; padding:5px 20px 5px 0; float:left; color:#666; font-weight:700}
.class_box dl dd { width:91%; float:right} 
.class_box dl dd a { color:#666; margin:0 5px; padding:4px 6px; display:inline-block; height:30px; border:1px solid #fff; }
.class_box dl dd a:hover { color:#eb4e4e;} .class_box dl dd a.on { color:#5478e8; border:1px solid #5478e8; border-radius:3px;}

.class_box .class_brand { padding:5px 0!important}
.class_box .class_brand dt { line-height:60px;}
.class_box .class_brand_list { width:95%; overflow:hidden}
.class_box .class_brand_list a { width:82px; height:56px!important; border:1px solid #e4e4e4; padding:6px!important; display:inline-block; text-align:center; color:#666; display:inline-block; float:left; margin:0 8px 15px!important; border-radius:3px; font-size:12px;}
.class_box .class_brand_list a:hover,.class_brand a.on { border-color:#eb4e4e; color:#eb4e4e;}
.class_box .class_brand_list a img { width:70px; height:25px;}
.class_box .class_brand_list a:first-child { line-height:40px; height:40px; width:auto; width:82px;}
.pro_cnt_list { margin:0 0 0 -25px; padding:30px 0 0}
.pro_cnt_list li { width:220px; height:320px; float:left; margin:0 0 10px 25px; border-radius:5px; position:relative; transition:all .2s linear; -webkit-transition:all .2s linear; overflow:hidden}
/*.pro_cnt_list li:hover{ -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1); box-shadow:0 10px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);z-index:3}*/
.pro_cnt_list li .img { width:220px; height:220px; display:inline-block; background:#f9f9f9; text-align:center; overflow:hidden}
.pro_cnt_list li .img img{ max-width: 220px; max-height: 220px; vertical-align: middle; _width:expression(this.width > 220 ? "220px" : this.width +'px');_height:expression(this.height > 220 ? "220px" : this.height + "px"); transform: scale(1); transition:all 0.5s}
.pro_cnt_list li:hover .img img { transform: scale(1.1); transition:all 0.5s}
.pro_cnt_list li .img i { height:100%; vertical-align:middle; display:inline-block;}
.pro_cnt_list li .name { color:#333; font-size:14px; line-height:20px; margin:5px 0 10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; }
.pro_cnt_list li .company { margin:10px 0; overflow:hidden; height:30px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; font-size:14px;}
.pro_cnt_list li .company img { width:20px; height:20px; border-radius:10px; margin:0 5px 0 0;}
.pro_cnt_list li .company .icon-office-supplies-fill { display:inline-block; color:#c9ad59; font-size:20px; height:20px; line-height:19px; float:right; vertical-align:middle; margin:10px 0 0}
.pro_cnt_list li .company a { color:#666;} .pro_cnt_list li .company a:hover { color:#e2323a}

.no_pro { text-align:center; padding:200px 0; font-size:14px;}
.no_pro .icon-cry { font-size:60px; color:#666;}

.no_contact { text-align:center; padding:200px 0; font-size:14px;}
.no_contact .icon-cry { font-size:60px; color:#666;}
.no_contact .icon-prompt { font-size:46px!important; color:#eb5151}

.shop_list { overflow:hidden}
.shop_list li { padding:20px; overflow:hidden; background:#fff; margin-bottom:10px;}
.shop_list_item { float:left; width:580px; overflow:hidden; position:relative}
.shop_list_item .logo { width:120px; height:120px; display:inline-block; text-align:center; overflow:hidden; line-height:120px; float:left; margin:0 20px 0 0; background:#f5f9fe}
.shop_list_item .logo img { max-width:120px; max-height:120px; display:inline-block}
.shop_list_item .shop_tit  { font-size:20px; font-weight:500; color:#000; margin:0 0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.shop_list_item .item_text { position:absolute; bottom:10px; left:140px; color:#999; font-size:14px; line-height:22px; width:520px;}
.shop_list_item .item_text p { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:10px;}
.shop_list_item .item_text p span { color:#a56b50; padding:3px 5px; border-radius:3px; background:#f8f0e3; margin-right:10px; display:inline-block}
.shop_list_item .item_text p span:nth-child(2n){ background:#ecf6fc; color:#77a1c4}
.shop_more { display:inline-block; width:130px; padding:60px 0; line-height:0; background:#f5f9fe; color:#5478e8; font-size:14px; text-align:center; float:right;}
.shop_more:hover { background:#e8f2ff;}

.shop_list_pro { width:440px; float:left;}
.shop_list_pro a { width:120px; float:left; margin:0 13px; color:#666;}
.shop_list_pro .img120 { width:120px; height:120px; line-height:120px; text-align:center; overflow:hidden; display:inline-block; border:1px solid #f1f1f1; background:#f9f9f9;}
.shop_list_pro .img120 img { display:inline-block; max-width:120px; max-height:120px;}
.shop_list_pro p { text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden}

.bg_b { background:#fff; overflow:hidden}
.recommend_pro { overflow:hidden; margin:0 0 80px -25px;}
.recommend_pro li { width:220px; height:310px; float:left; background:#fff; position:relative; transition:all .2s linear; -webkit-transition:all .2s linear; overflow:hidden; margin:0 0 25px 25px}
/*.recommend_pro li:hover{ -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1); box-shadow:0 10px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);z-index:3}*/
.recommend_pro li .img { width:220px; height:220px; display:inline-block; background:#f1f1f1; text-align:center; overflow:hidden; }
.recommend_pro li .img img{ max-width: 220px; max-height: 220px; vertical-align: middle; _width:expression(this.width > 220 ? "220px" : this.width +'px');_height:expression(this.height > 220 ? "220px" : this.height + "px"); transform: scale(1); transition:all 0.5s}
.recommend_pro li:hover .img img { transform: scale(1.1); transition:all 0.5s}
.recommend_pro li .img i { height:100%; vertical-align:middle; display:inline-block;}
.recommend_pro li .name { color:#333; font-size:14px; margin:5px 0; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; }
.recommend_pro li .company { overflow:hidden; height:40px; line-height:40px; white-space:nowrap; text-overflow:ellipsis;}
.recommend_pro li .company .logo{ border-radius:3px; height:15px; margin:0 5px 0 0}
.recommend_pro li .company .icon-office-supplies-fill { display:inline-block; color:#c9ad59; font-size:20px; height:20px; line-height:19px; float:right; vertical-align:middle; margin:10px 0 0}
.recommend_pro li .company a { color:#666;} 
.recommend_pro li .company a:hover { color:#e2323a}
.tit_exh { text-align:center; padding:60px 0} 
.tit_exh h2 { font-size:26px;} 
.tit_exh p { color:#999; padding:8px 0}
.brand_list { margin:0 0 80px;}
.brand_list li { float:left; width:170px; height:170px; line-height:170px; text-align:center; overflow:hidden; border:1px solid #e8e8e8; margin:-1px 0 0 -1px}
.brand_list li img { width:140px;} .brand_list li a { display:block}
.news_pro_swiper { position:relative; height:344px;}
.swiper-container-exh { width:1200px; margin:0 auto}
.swiper-container-exh .swiper-slide { width:220px; overflow:hidden; padding:0 11px 50px}
.swiper-container-exh .swiper-slide .img { width:220px; height:220px; line-height:220px; display:inline-block; background:#000; border:1px solid #f1f1f1; text-align:center; overflow:hidden}
.swiper-container-exh .swiper-slide .img img{ max-width: 220px; max-height: 220px; vertical-align: middle; _width:expression(this.width > 220 ? "220px" : this.width +'px');_height:expression(this.height > 220 ? "220px" : this.height + "px"); transform: scale(1); transition:all 0.5s}
.swiper-container-exh .swiper-slide:hover .img img { transform: scale(1.1); transition:all 0.5s}
.swiper-container-exh .swiper-slide .img i { height:100%; vertical-align:middle; display:inline-block;}
.swiper-container-exh .swiper-slide .name { color:#333; font-size:14px; line-height:20px; height:20px; margin:5px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; }
.swiper-container-exh .swiper-slide .company { overflow:hidden; height:30px; line-height:30px; white-space:nowrap; text-overflow:ellipsis;}
.swiper-container-exh .swiper-slide .company .icon-office-supplies-fill { display:inline-block; color:#c9ad59; font-size:20px; height:20px; line-height:19px; float:right; vertical-align:middle; margin:10px 0 0}
.swiper-container-exh .swiper-slide .company .logo { border-radius:3px; height:15px; margin:0 5px 0 0}
.swiper-container-exh .swiper-slide .company a { color:#666;} 
.swiper-container-exh .swiper-slide .company a:hover { color:#e2323a}
.news_pro_swiper .swiper-button-next,.news_pro_swiper .swiper-button-prev { top:38%;}
.swiper-button-next,.swiper-button-prev { border-radius:50%; background:#939393; opacity:.6; color:#fff; width:50px!important; height:50px!important; text-align:center}
.swiper-button-next:hover,.swiper-button-prev:hover { opacity:1} 
.swiper-button-prev { left:-50px!important; right:inherit!important} .swiper-button-next{left:inherit!important; right:-50px!important;}
.icon-arrow-right,.icon-arrow-left { font-size:34px!important;}
.text_exh { text-align:center; font-size:18px; line-height:36px; color:#666; padding:50px 0}
.exh_tab { padding:30px 0 50px; overflow:hidden}
.exh_tab_head { border-bottom:1px solid #ccc; width:690px; margin:0 auto 40px; text-align:center; padding:0 0 30px;}
.exh_tab_head a { font-size:20px; color:#666; position:relative; padding:0 30px 30px;} .exh_tab_head a span { font-size:12px; position:absolute; left:15px ; bottom:12px; display:inline-block; color:#999}
.exh_tab_head a.on { border-bottom:4px solid #e2323a; color:#e2323a; font-weight:700}
.hall_tab { background:#fff url(../images/hall_bg.jpg) right bottom no-repeat; position:relative; height:470px;}
.hall_tab_head { height:470px; width:50px; text-align:center; float:left; background:#dfdfdf} 
.hall_tab_head a { color:#333; font-size:20px; font-weight:700; width:50px; height:235px; line-height:30px; display:inline-block; padding:85px 10px;}
.hall_tab_head a.on { background:#fff; color:#e2323a}
.hall_tab_box { float:left; width:1150px; padding:60px}
.hall_tab_box .hall_list li { float:left; width:100px; height:120px; background:url(../images/hall_n_bg.png) no-repeat; margin:25px 35px; text-align:center; position:relative;}
.hall_tab_box .hall_list li h3 { color:#eb4e4e; font-size:26px; text-align:center; margin:23px 0;} 
.hall_tab_box .hall_list li h3 b { font-size:34px;}
.hall_tab_box .hall_list li p { color:#333; font-size:14px; font-weight:700}
.hall_tab_box .hall_list li .icon-pinpaishang { position:absolute; top:-5px; right:5px; font-size:28px; color:#ff9d00;}
.category_home { padding-bottom:30px;}
.category_home ul { width:370px; float:left; margin:0 15px;}
.category_home li { width:370px; margin:0 0 10px; box-shadow:0 2px 6px #ddd; border-radius:5px; background:#fff; padding:10px 20px;}
.category_home li:nth-child(1n) { background:#f5f7fc}
.category_home li:nth-child(2n) { background:#fff4f4}
.category_home li:nth-child(3n) { background:#fbf8f4}
.category_home li:nth-child(4n) { background:#fdf5fd}

.category_home ul:nth-child(1n) li:nth-child(1n) { background:#eef9f6}
.category_home ul:nth-child(1n) li:nth-child(2n) { background:#fdf5fd}
.category_home ul:nth-child(1n) li:nth-child(3n) { background:#f5f7fc}
.category_home ul:nth-child(1n) li:nth-child(4n) { background:#eef9f6}

.category_home ul:nth-child(2n) li:nth-child(1n) { background:#fdf5fd}
.category_home ul:nth-child(2n) li:nth-child(2n) { background:#fbf8f4}
.category_home ul:nth-child(2n) li:nth-child(3n) { background:#fdf5fd}
.category_home ul:nth-child(2n) li:nth-child(4n) { background:#fff4f4}

.category_home ul:nth-child(3n) li:nth-child(1n) { background:#fff4f4}
.category_home ul:nth-child(3n) li:nth-child(2n) { background:#f5f7fc}
.category_home ul:nth-child(3n) li:nth-child(3n) { background:#fbf8f4}
.category_home ul:nth-child(3n) li:nth-child(4n) { background:#eef9f6}

.category_home li dl h3 { font-size:16px; color:#333; float:left;}
.category_home li dl .icon-arrow-down { float:right; font-size:22px; color:#999; height:20px; line-height:20px; cursor:pointer}
.category_home li dl dt { margin:5px 0; overflow:hidden; cursor:pointer}
.category_home li dl dd a { width:33.3%; display:block; float:left; padding:8px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#999; font-size:14px;}
.category_home li dl dd a:hover { color:#e2323a}
.category_home li dl dd { display:none}

/*搜索总页面*/
.search_top { background:#fff; padding:30px 0; margin:-28px 0 0;}
.search_top .search { overflow:hidden}
.search_top .search_text { border:2px solid #5478e8; border-top-left-radius:5px; border-bottom-left-radius:5px; height:48px; line-height:48px; padding:0 20px; width:1070px; float:left;}
.search_top .search_btn { background:#5478e8; color:#fff; font-weight:700; font-size:16px; height:48px; line-height:48px; width:130px; border:0; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.search_top .icon-search { font-size:28px; font-weight:400; vertical-align:middle; margin:0 5px; color:#fff;}

.nav_search { padding:20px 0 0;} .nav_search .right { font-size:14px; color:#999; line-height:30px;}
.nav_search a { font-size:18px; margin:0 20px;}
    .nav_search a.cur {
        color: #ed9e00;
        position: relative;
        font-weight: 700
    }
        .nav_search a.cur::after {
            content: '';
            width: 36px;
            height: 6px;
            border-radius: 3px;
            background: #ed9e00;
            position: absolute;
            bottom: -8px;
            left: 0;
            display: inline-block
        }

.search_cnt { padding:30px; background:#fff; margin:30px 0 0}
.highlight { color:#f00}

.user_s_list { overflow:hidden}
.user_s_list li { border-bottom:1px solid #eee; padding:0 0 30px; margin-bottom:30px; overflow:hidden}
.user_s_list li .headportrait { width:80px; height:80px; border-radius:50%; float:left; margin:0 20px 0 0}
.user_s_list li h3 { font-size:18px; margin:5px 0} .user_s_list li p { margin-bottom:5px; color:#999; font-size:14px;} .user_s_list li p span { color:#333; margin-right:10px;}
.btn_gz,.btn_ygz { width:100px; height:40px; line-height:40px; border-radius:5px; border:0; cursor:pointer; background:#5478e8; color:#fff; font-size:14px; float:right; text-align:center; display:inline-block;}
.btn_gz:hover{ color:#fff} .btn_ygz:hover{ color:#5478e8}
.btn_ygz { background:#fff; color:#5478e8; border:1px solid #5478e8;}

.topic_s_list li { border-bottom:1px solid #eee; padding:0 0 30px; margin-bottom:30px; overflow:hidden}
.topic_s_list li h3 { font-size:20px; margin:0 0 50px}  .topic_s_list li .imgs { width:200px; height:150px; overflow:hidden; border-radius:5px; float:left; vertical-align:middle; text-align:center; margin:0 20px 0 0}
.topic_s_list li p { margin-bottom:10px; color:#333; font-size:14px;}  .topic_s_list li p .headportrait { width:20px; height:20px; border-radius:50%; float:left; margin:0 8px 0 0}
.topic_s_list li p span { color:#999; margin-right:10px;}

.video_s_list li { border-bottom:1px solid #eee; padding:0 0 30px; margin-bottom:30px; overflow:hidden}
.video_s_list li h3 { font-size:20px; margin:0 0 100px}  
.video_s_list li .img { width:225px; height:150px; line-height:147px; background:#000; overflow:hidden; border-radius:5px; float:left; vertical-align:middle; text-align:center; margin:0 20px 0 0; position:relative}
.video_s_list li .img img { max-width:225px; max-height:150px; }
.video_s_list li .img .icon-play-video { position:absolute; color:#000; left:50%; bottom:50%; margin:0 0 -15px -15px; display:inline-block; width:30px; height:30px; background:url(../images/icon_video.png) no-repeat;} 
.video_s_list li p { margin-bottom:10px; color:#333; font-size:14px;}  .video_s_list li p .headportrait { width:20px; height:20px; border-radius:50%; float:left; margin:0 8px 0 0}
.video_s_list li p span { color:#999; margin-right:10px;}

.no_cnt {padding:300px 0; text-align:center;} .no_cnt p {font-size:14px; color:#999}
.no_icon { width:106px; height:87px; background:url(/views/images/no_pic_icon.png) no-repeat; margin:0 0 20px; display:inline-block}

.page-b {margin:0 auto;padding:40px 0;text-align:center;}
.page-b a {color:#333; padding:0 13px;margin:0 10px;height:34px;line-height:34px; display:inline-block;vertical-align:middle; font-size:14px; border-radius:5px;}
.page-b a:hover {text-decoration:none;}
.page-b a.p-current {background:#000; color:#fff;}
.page-b .firstPage,.page-b .prvePage,.page-b .nextPage,.page-b .lastPage,/* .btn-page,*/ .prvePage-v,.nextPage-v {background:#fff url(/views/css/sprite-comm.png);height:32px;line-height:32px;padding:0 15px;}
.btn-page {height:32px;line-height:32px;padding:0 15px;}
.page-b .firstPage {background-position:10px -130px;}
.page-b .lastPage {background-position:10px -170px;}
.page-b .prvePage {background-position:10px -210px}
.page-b .nextPage {background-position:12px -250px;}
.prvePage-v,.nextPage-v {margin:0 2px;width:22px;height:20px;padding:0;float:none;display:inline-block;vertical-align:middle}
.prvePage-v {background-position:0 -405px;}
.nextPage-v {background-position:0 -435px;}
.page-b .input-page {display:none;padding:0 3px;height:32px;line-height:32px;width:30px;border:1px solid #DADADA;margin-left:10px;text-align:center;}
.page-b .btn-page {display:none;border:1px solid #DADADA;border-left:0;background-position:0 -290px;height:34px;font-size:12px;cursor:pointer}

/*footer*/
.footer { border-top:1px solid #e5e5e5; padding:20px 0; width:1200px; margin:20px auto; overflow:hidden}
.footer .footer_l { float:left; color:#777} 
.footer .footer_l a { color:#777;} 
.footer .footer_l span { color:#999; margin:0 15px;} 
.footer .footer_r { float:right; color:#bbbbbb;}
.footer_b { background:#f5f5f5; padding:40px 0; overflow:hidden; font-size:14px; text-align:center;}
.footer_b .footer_link { padding:20px 0; color:#dbdbdb; line-height:20px;} .footer_b .footer_link a { margin:0 20px;}
.footer_b p { padding:10px 0; color:#999; line-height:24px;} .footer_b p  span { margin:0 10px;}

.content .reply_cn{margin: 0 0 0 50px;padding: 10px 0;width: 680px;font-size: 14px;display: none;}
.content .reply_cn textarea {width: 100%;height: 90px;border: 1px solid #e4e4e4;padding: 10px;color: #666;}
.reply_cn .btn_reply {border: 1px solid #2268e8;padding: 5px 20px;margin-left: 20px;border-radius: 3px;}
.comment_list .reply_cn p a {color: #2268e8;}
.reply_cn p {text-align: right;padding: 5px 0 0;}
.cnt .more_add{width: 380px;height: 50px;text-align: center;line-height: 50px;background: #f5f5f5;margin: auto;cursor: pointer;border-radius: 4px;color: #666;}
.layui-flow-more { overflow:hidden; clear:both; margin:50px 0}
.layui-flow-more a cite { border-radius: 20px; font-weight: 400; color: #666;}
#pop { position:fixed; bottom:0; right:0; width:290px; height:240px; display:none; z-index:9999}
#popClose { background: url(../images/close_this.png);width: 35px;height: 35px;display: inline-block;position: absolute;right: 0;top: 0;z-index: 1; cursor:pointer}
.pop {position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;display:none;}
.pop-cover {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
.pop-pop {width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;}
.pop-pop-div {width:650px;transition:all .3s;-moz-transition:all .3s; -ms-transition:all .3s;-webkit-transition:all .3s;animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-webkit-animation-duration:.5s;animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
.add {animation-name:pov;-moz-animation-name:pov;-ms-animation-name:pov;-webkit-animation-name:pov;}
.remove {animation-name:povs;-moz-animation-name:povs;-ms-animation-name:povs;-webkit-animation-name:povs;}
@keyframes pov {0% {transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);}
100% {transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);}
}
@-webkit-keyframes pov {0% {transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);}
100% {transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);}
}
@keyframes povs {0% {transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);}
100% {transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);}
}
@-webkit-keyframes povs {0% {transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);}
100% {transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);}
}
.colsed-cover {position:absolute;top:20px;right:20px;color:#FFFFFF;z-index:101;}
.colsed-cover span { background:url(../images/close_pop.png) no-repeat; display:inline-block; width:28px; height:28px;}
.mltd_imgs .addImg {
    text-align: center;
    cursor: pointer;
    height: 100%;
}

.mltd_imgs .addImg .iconfont {
    color: #cccccc;
    line-height: 140px;
    font-size: 70px;
}