*{transition:color 300ms,background-color 300ms;}
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,em,i{font-weight:normal;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:#eb4e4e;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{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}
:-webkit-autofill{background:#fff;} 
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
input::-webkit-input-placeholder {color:#ccc;}
input::-moz-input-placeholder {color:#ccc;}
input::-ms-input-placeholder {color:#ccc;}
.bg { background:#f5f5f5}
.nav_index { height:60px; background:#000;}
.nav_index .logo { float:left; width:180px; margin:10px 20px 0 0;}
.nav-list { float:left}
.nav-list li { color:#fff; float:left;} 
.nav-list li a { display:block; color:#ccc; padding:0 15px; font-size:14px; line-height:60px;} 
.nav-list a:hover { color:#fff; background:#444; text-decoration:none;}
.nav_more { position:relative; display:inline-block}
.nav-list-more { position: absolute; left:0; top: 60px; width:128px; text-align: center; max-height: 0; overflow: hidden;-webkit-transition: max-height .1s ease-in-out; transition: max-height .1s ease-in-out; z-index:200; background:#000}
.nav_more:hover .nav-list-more {max-height:60px;}
.swiper-container-horizontal { margin:270px auto 0!important;}
.search-top { width:150px; height:32px; margin:15px 10px 0; float:right; position:relative;}
.search-top .search-top-in { width:0; height:32px; background:#4a4a4a; line-height:32px; padding:0 10px; border:0; border-radius:3px;opacity:0; color:#fff; transition: width .1s;}
.search-top:hover .search-top-in { opacity:1; width:150px;}
.search-top .icon-search { font-size:20px!important; color:#fff; display:inline-block; position:absolute; right:5px; top:0;}
.nav-func_item:hover .nav-more-list { max-height:500px }
.icon-ellipsis { font-size:24px!important; color:#fff!important;}
.icon-tongzhi { font-size:18px!important; margin:5px 15px 5px; position:relative; color:#fff; vertical-align:middle}
.icon-tongzhi:after { content:""; border-radius:50%; width:5px; height:5px; background:#eb4e4e; display:inline-block; position:absolute; right:-1px; top:0;}
.login_box { float:right; color:#fff; padding:0 0 0 20px; height:28px; line-height:28px; margin:16px 0 0;} .login_box a { color:#fff; margin:0 8px;}
.login_after{ float:right; color:#fff; padding:15px 0; position:relative;} 
.headportrait { border-radius:50px; width:30px; height:30px;}

.login_cnt { width:300px; padding:0 0 30px; position:absolute; background:#fff; box-shadow:0 3px 10px #bbb; left:-96px; top:55px; 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; opacity: 0; visibility: hidden; z-index: 101; color:#333;}
.login_cnt1 {left:-207px;}
.login_after:hover .login_cnt { opacity:1; visibility:visible; top:58px;}
.login_cnt:before { content:""; width:0; height:0; border-bottom:8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent;display: inline-block; margin: 0 6px; position:absolute; top:-8px; left:50%;}
.login_cnt:before {left:87%}
.login_cnt .login_cnt_head {background:#f5f5f5; padding:20px 25px 12px; overflow:hidden}
.login_cnt .login_cnt_head h3 { font-size:16px; font-weight:700; margin:5px 0 10px;} 
.login_cnt .login_cnt_head p { color:#999}
.login_cnt .login_cnt_head .headportrait { width:65px!important; height:65px!important; float:left; margin:0 20px 0 0}
.login_cnt .login_cnt_number { overflow:hidden; margin:0 25px 20px; border-bottom:1px solid #e4e4e4; padding:10px 0; overflow:hidden}
.login_cnt .login_cnt_number dl { width:33%; float:left; text-align:center; padding:10px 0;} 
.login_cnt .login_cnt_number dl:hover { color:#eb4e4e; background:#f5f5f5}
.login_cnt .login_cnt_number dl dt { font-size:16px; margin-bottom:5px; font-weight:400}
.login_cnt .login_cnt_number dl dd { color:#999}
.login_cnt_sign { font-size:14px; padding:0 20px; overflow:hidden} 
.login_cnt_sign .login_cnt_sign_upload { float:right} 
.login_cnt_sign a{ margin:0 5px; color:#1349aa} .icon-tuichu1 { font-size:14px!important; margin:0 5px 0 0; color:#666}
                                                
.head_nav { height:40px; background:#000;}
.head_nav_l { float:left; line-height:40px; height:40px;} 
.head_nav_l a { color:#ccc; font-size:13px; display:inline-block; padding:0 16px; float:left;} 
.head_nav_l a:hover { color:#fff; background:#444; } .head_nav_l .nav_more .nav-list-more{ top:40px;}
.head_nav .search-top { margin:6px 5px 0; height:28px;} 
.head_nav .search-top .search-top-in { height:28px; line-height:28px;}
.head_nav .login_after { padding:7px 0 6px}
.head_nav .login_box { margin:6px 5px 0}
.head_nav .login_after .headportrait { width:25px; height:25px;}
.head_nav .icon-tongzhi { font-size:16px!important;}
.head_nav .login_after:hover .login_cnt { opacity:1; visibility:visible; top:42px; left:-100px;}

.w1400 { width:1400px; margin:0 auto;} 
.w1200 { width:1200px; margin:0 auto;} 
.w1100 { width:1100px; display:-webkit-flex; -webkit-flex-wrap:wrap; display:flex; flex-wrap:wrap;}
.w450 { width:450px; margin:0 30px;} .w240 { width:240px;} .w280 { width:280px;}
.wrapper { margin:30px auto; width:1400px;}
.swiper-container-idx { width:350px; height:500px;}
.swiper-container-idx .swiper-slide .text { width:100%; height:110px; padding:20px 20px 15px; position:absolute; left:0; bottom:0; background: linear-gradient(to bottom, rgba(0,0,0,.0),rgba(0,0,0,.9), rgba(0,0,0,1));}
.swiper-container-idx .swiper-slide .text h3 { color:#fff; font-size:20px; margin-bottom:5px; font-weight:700; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.swiper-container-idx .swiper-slide .text p { color:#999; font-size:14px; padding:0 40px 0 0; line-height:20px; }
.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; opacity:1!important; width:10px; height:10px;}
.swiper-container-idx .swiper-pagination-bullet-active { background:#c73b3b!important;}
.ad_c { width:1100px; float:left; margin:20px 0}
.ch_text h2 { font-size:26px; color:#000; margin-bottom:20px; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.ch_text p { color:#999; line-height:22px; height:44px; font-size:14px;}
.text_list { padding:20px 0} 
.evaluating { padding:20px 0 0; border-top:1px solid #eaeaea; margin:5px 0 0; overflow:hidden}
.text_list li { font-size:16px; padding:4px 0;}  .text_list li a { color:#333;}  .text_list li a:hover { color:#ca4040;}
.text_list li i{ display:inline-block; width:3px; height:3px; background:#ca4040; margin:0 15px 0 0; vertical-align:middle}
.icon-video1 { font-size:30px!important; height:24px; line-height:24px;}
.icon-credit-level {border-radius:50%; background:#d81e06; color:#fff; margin:0 5px;}
.tit_i { overflow:hidden; margin-bottom:18px;} .tit_i h3{ color:#333; font-size:16px; float:left; font-weight:700} .tit_i .more { float:right; color:#999}
.anchor_list { margin-left:-20px;}
.anchor_list li { width:135px; float:left; margin:0 0 0 20px;} .anchor_list .img135 { width:135px; height:90px; border-radius:5px; overflow:hidden; margin-bottom:5px; display:inline-block; position:relative}
.anchor_list li p { line-height:20px; height:40px; font-size:14px;}
.anchor_list li .play-cover{position:absolute;left:0;top:0;width:100%;height:100%; transition:all .25s; background:rgba(0,0,0,.1);}
.anchor_list li .play-cover:before{ left:5%;bottom:5%;width:32px;height:32px;transition:all .25s; position:absolute;-webkit-transform:scale(.8);transform:scale(.8);background:url(/images/icon_video.png) no-repeat; content:''; opacity:.8}
.anchor_list li:hover .play-cover:before{-webkit-transform:scale(1);transform:scale(1);opacity:1}
.live_box { position:relative; width:240px; height:135px; margin-bottom:16px; overflow:hidden}
.live_box h4 { width:100px; height:22px; line-height:22px; color:#fff; position:absolute; right:0; top:0; background:#d54141; opacity:.9;}
.live_box p { background: linear-gradient(to bottom, rgba(0,0,0,.0),rgba(0,0,0,1)); position:absolute; width:100%; height:30px; line-height:30px; color:#fff; bottom:0; left:0; padding:0 10px; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; font-size:14px;}
.live_box .play-cover{position:absolute;left:0;top:0;width:100%;height:100%; transition:all .25s; background:rgba(0,0,0,.1);}
.live_box .play-cover:before{ left:3%;bottom:18%;width:32px;height:32px;transition:all .25s; position:absolute;-webkit-transform:scale(.8);transform:scale(.8);background:url(/images/icon_video.png) no-repeat; content:''; opacity:.8}
.live_box:hover .play-cover:before{-webkit-transform:scale(1);transform:scale(1);opacity:1}
.icon-diqiu { display:inline-block; width:16px; height:22px; color:#fff; margin:0 5px; vertical-align:middle;}
.anchor { margin-left:-10px;} 
.anchor li { margin:0 0 0 10px; height:200px; width:115px; float:left; background:#f5f5f5;}
.anchor_text { height:91px; border:1px solid #eaeaea; width:115px; padding:10px;}
.anchor_text h4 { font-size:14px; font-weight:700; margin-bottom:5px;} .anchor_text p { color:#666; line-height:18px;}

.exhibition { height:285px; background:url(/images/exh_bg.jpg) no-repeat; padding:95px 20px 0; margin-bottom:18px;} 
.exhibition p { color:#f8dd80; font-size:14px; line-height:20px; margin-bottom:20px;}
.exh_list li { width:50%; float:left; padding:3px 5px; font-size:14px;} 
.exh_list li a { color:#fff;} 
.exh_list li i {width: 0; height: 0; border-top: 4px solid transparent; border-left: 5px solid #fff; border-bottom: 4px solid transparent; display:inline-block; margin:0 6px;}
.exh_btn { padding:20px 0; overflow:hidden}
.btn_exh { border-radius:5px; background:#fff; width:110px; height:32px; line-height:32px; display:inline-block; text-align:center; color:#34488c; font-size:14px; font-weight:700;}
.category { border:1px solid #eaeaea; background:#fff; padding:10px; position:relative;}
.swiper-slide .text p,.ch_text p,.anchor_list li p,.anchor_text p{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.swiper-slide .text h3,.text_list li,.live_box p{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.icon-dengju1,.icon-dengju2,.icon-dengju3,.icon-dengju4,.icon-dengjuanzhuang,.icon-dengju,.icon-dengju7,.icon-wyingjizhaomingdengju { font-size:20px; display:inline-block; color:#f00; margin:0 6px 0 3px;  font-weight:700}
.cat-item {  overflow:hidden; line-height:34px; height:34px;} .cat-item:hover { background:#f9f9f9}
.cat-item h3 { font-size:14px; margin:0 10px 0 0; display:inline-block} 
.cat-item a { color:#999; margin:0 5px;}  .cat-item a:hover { color:#f00; text-decoration:underline} 
.cat-item .icon_category {width: 0; height: 0; border-top: 4px solid transparent; border-left: 5px solid #818181; border-bottom: 4px solid transparent; display:inline-block; margin:10px 6px; float:right}
.category .icon-arrow-down { position:absolute; left:46%; bottom:-7px; display:inline-block; height:20px; background:#fff; font-size:20px!important; padding:0 8px; color:#999}
.category-option { height:240px; overflow:hidden}

/*头条页面*/
.headline_b { background:url(../images/headline_b.jpg) no-repeat top center; height:300px;}
.headline_b .head_cnt { width:600px; padding:0 30px; float:left; margin:80px 0 0}
.headline_b .head_cnt dt { width:120px; height:120px; float:left; margin:0 40px 0 0;} 
.headline_b .head_cnt dt img { border-radius:50%; width:120px; height:120px;}
.headline_b .head_cnt dd { color:#fff; overflow:hidden; margin:10px 0 20px; line-height:22px;}
.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 .number { color:#fff; width:500px; float:right; margin:250px 0 0} 
.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%} 
.btn_gz { width:120px; height:36px; line-height:36px; background:#d54141; font-size:16px; color:#fff; float:right; text-align:center;margin:16px 10px; border-radius:4px;}
.btn_ygz { width:120px; height:36px; line-height:36px; background:#fff; font-size:16px; color:#666; float:right; text-align:center;margin:16px 10px; border-radius:4px; border:1px solid #ccc}
.btn_gz:hover{ color:#f90;}.btn_ygz:hover { color:#666;}  .icon-add-select,.icon-seleted { margin:0 5px;}
.bg { background:#f5f5f5} 
.headline_list { margin:30px 0; padding:50px; background:#fff;}
.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;}
/*头条页面end*/


.news_list li { padding:20px 0; overflow:hidden; border-bottom:1px solid #f1f1f1;}
.news_list li:hover { background:#f3f6fa;}
.news_list li .img180 { width:180px; height:120px; line-height:120px; overflow:hidden; float:left; display: table-cell; position:relative; text-align:center; background:#000}
.news_list li .img180 img { max-width:100%; max-height:100%; display:inline-block; vertical-align:middle;}
.news_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;}
.news_list li .img180 img { transform: scale(1); transition:all 0.5s} 
.news_list li .img180 .icon-play-video { left:3%;bottom:8%;width:30px;height:30px;transition:all .25s; position:absolute;-webkit-transform:scale(.8);transform:scale(.8);background:url(/images/icon_video.png) no-repeat; content:''; opacity:.8}
.news_list li:hover .img180 img { transform: scale(1.2); transition:all 0.5s}
.news_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;}
.news_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)}
.news_list li:hover .play-cover {opacity:1}
.news_list li:hover .play-cover:before{-webkit-transform:scale(.7);transform:scale(.7)}
.news_list li .item { margin:0 0 0 22px; float:left}
.news_list li .item h3 { font-size:20px; color:#333; line-height:24px; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-bottom:5px;}
.news_list li .item p { font-size:12px; color:#999; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:15px;} 
.news_list li .item p span { margin:0 15px 0 0} 
.news_list li .item p .headportrait { width:20px; height:20px; margin:0 10px 0 0}
.layui-flow-more { margin:40px 0!important; background:#f9f9f9; padding:5px 0} .layui-flow-more:hover { background:#f1f1f1;}
.layui-flow-more a cite { background:none!important; display:block}


.icon-browse,.icon-pinglun {font-size:20px!important; vertical-align:middle; color:#9b9b9b; margin:0 3px;}
.icon-editor,.icon-ashbin { color:#3273e9; font-size:26px!important; width:30px; height:30px; line-height:30px; margin:0 10px; vertical-align:middle; border-radius:50%; display:inline-block; text-align:center;} .icon-shanchu { font-size:19px!important;}
.icon-editor:hover,.icon-ashbin:hover { background:#2268e8; color:#fff;}
.page { padding:30px 0; overflow:hidden; text-align:center; font-size:14px; color:#999}
.prev_page,.next_page { font-size:16px; text-align:center; width:120px; height:34px; line-height:34px; border:1px solid #2268e8; background:#2268e8; margin:0 10px; display:inline-block; border-radius:3px; color:#fff;}
.prev_page:hover,.next_page:hover { color:#f90}
.no_page { background:#f5f5f5; color:#ccc; border:1px solid #d4d4d4; cursor:no-drop}
.no_contact { text-align:center; padding:50px 0}
.no_contact p { margin:0 0 40px; font-size:16px;}
.no_contact p span { color:#eb4e4e} .icon-prompt { font-size:40px!important; color:#eb5151} .btn_fh { border-radius:3px; border:1px solid #d4d4d4;  padding:8px 25px; font-size:14px;}

.w580 { width:580px;} .w300 { width:300px;} .w270{ width:270px;} .w850 { width:850px;} .w880 { width:880px;}
.w360 { width:360px;} .w60 { width:60px;} .w120 { width:120px;} .w540 { width:540px;}
.w1000 { width:1000px; margin:0 auto;} .w1190 { width:1190px; margin:0 auto;}

.head { padding:10px 0; height:65px; width:1190px; margin:0 auto;}
.head .logo { float:left; } .ad_head { width:590px; height:65px; margin:0 0 0 100px; float:left}
.search { width:200px; float:right;}
.login_link { font-size:14px; padding-bottom:12px; text-align:right}
.login_link span { margin:0 10px; width:1px; height:16px; display:inline-block; background:#dfdfdf; vertical-align:middle} .login_link a { color:#666}
.search_box { height:32px; line-height:32px; overflow:hidden}
.search-text {  border:0; background:#eee; color:#aaa; font-size:14px; width:146px; height:34px; padding:0 10px; float:left}
.search-btn { width:32px; height:34px; background:#e2323a url(../images/btn_search.png) no-repeat; border:0; cursor:pointer}
.nav { height:44px; line-height:44px; border-top:1px solid #eee; box-shadow:0 3px 5px #eaeaea; margin-bottom:15px; position:relative} .nav span { display:inline-block; width:1px; background:#dcdcdc; height:18px; margin:0 10px; vertical-align:middle}
.nav a { font-size:16px; color:#000; padding:0 17px;} .nav a:hover{ color:#e2323a} .nav a.cur { border-bottom:4px solid #e2323a; color:#e2323a; font-weight:400; padding-bottom:8px;}
.nav_move{transition:all .2s ease-in-out;position:absolute}

.news { width:390px; float:left; margin:0 25px;}
.tit_tt { background:url(../images/news_tit.jpg) no-repeat; width:120px; height:20px; margin-bottom:25px;}
.news h3 { font-size:20px; font-weight:700; color:#333; line-height:26px; height:52px; overflow:hidden;}
.news p { padding:10px 0 20px; color:#999; font-size:12px; line-height:20px;}
.newslist { overflow:hidden}
.newslist li { height:22px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:8px 0; }
.newslist li:before { display:inline-block; width:4px; height:4px; background:#eb4e4e; margin:0 10px 0 0; content:''; vertical-align:middle}
.newslist li a { font-size:14px;}

.img-text dl { overflow:hidden}
.img-text dl dt { width:120px; height:85px; overflow:hidden; float:left; margin:0 15px 0 0;}
.img-text dl dd { font-size:16px; font-weight:700; line-height:22px; color:#333;}
.img-text p { line-height:20px; height:40px; overflow:hidden; color:#999; margin:15px 0}

.ad300 { margin:0 0 20px;}

.newzt .img-text { border-top:1px solid #eee; padding:15px 0 0}

.alt-tabs .tab{position:relative;}
.tabs-exhibition .tab{height:34px;}
.tabs-exhibition .alt-tabs-head{display:inline-block;float:left;text-align:center;color:#666;cursor:pointer;background:#f0f0f0;border-top:2px solid #f0f0f0; font-size:16px;width:135px;height:48px;line-height:48px;}
.tabs-exhibition .alt-tabs-head.cur{position:relative;border-top:2px solid #c80000;color:#c80000;font-weight:bold;text-decoration:none;background:#fff;}
.tabs-exhibition .shanghaizhan.cur{color:#090;border-top-color:#009900;}
.exhibition-links-box{border-top:1px solid #fff; background:#b72240; overflow:hidden}
.exhibition-links-box a{display:inline-block;width:89px;_width:84px;height:48px;line-height:48px;color:#fff;text-align:center; float:left; overflow:hidden; font-size:14px;}
.exhibition-links-box a:hover{ color:#f00; text-decoration:none; background:#fff;}
.shexhibition-links-box  {background:#009900;}
.btn-links-mid{border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1; width:90px!important;}

.ad_sdj { margin-bottom:10px; height:250px;}
.l-ad h3{ font-size:14px; padding:8px 0; color:#333;}
.list-logo { overflow:hidden; margin-left:-14px;}
.list-logo li { border:1px solid #efefef; float:left; width:126px; height:52px; overflow:hidden; margin:0 0 12px 14px;}
.list-logo li img { width:126px; height:52px;}

.side_box { padding:25px; background:#f5f5f5; margin:0 0 20px;}
.side_box .tit { height:22px; margin:0 0 20px; overflow:hidden} 
.side_box .tit h3 { color:#999; float:left} 
.side_box .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:10%;width:40px;height:40px;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)}

.product_list { overflow:hidden; margin:0 0 0 -10px;}
.product_list li { width:130px; height:180px; float:left; margin:0 0 10px 10px;}
.product_list li .img130 { width:128px; height:128px; border:1px solid #e1e1e1; display:block; text-align:center; margin-bottom:8px; overflow:hidden}
.product_list li .img130 img { max-width:100%; max-height:100%; vertical-align:middle;} 
.product_list li h4 { text-align:center; color:#333; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.product_list li p { text-align:center; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .product_list li p a { color:#999}

.news_nav { height:48px; line-height:48px; background:#f1f1f1; border-top:2px solid #e2323a;}
.news_nav a { font-size:16px; color:#666; padding:0 19px; float:left;} .news_nav a.cur { background:#e2323a; color:#fff;}

.more_box {height:48px; line-height:48px; text-align:center; font-size:16px; margin:20px 0}
.more_box .more { background:url(../images/icon_home.png) no-repeat 44% -195px; text-indent:30px; display:block}
.more_box .more:hover { background-color:#f6f6f6;}

.tag-list { padding:5px 0 15px; overflow:hidden;}
.tag { border:1px solid #999; border-radius:3px; padding:0 5px; height:24px; line-height:24px; display:inline-block; color:#666; float:left; margin-right:5px; font-size:14px; overflow:hidden;}
.tag:hover { border:1px solid #c5171f; background:#c5171f; color:#fff; text-decoration:none;}
.case-m { background:#fff;}
.case-m p { font-size:14px; color:#333; height:40px; line-height:40px; margin:2px 0 0 0; background:#eee; padding:0 10px;}
.case_img_one { float:left; width:168px; height:202px; overflow:hidden; margin:0 2px 0 0}
.case_img_two { margin-bottom:2px; width:130px; height:100px; overflow:hidden}
.case_img_three { width:130px; height:100px; overflow:hidden}

.ad_300 { width:300px; height:100px; margin:10px 0 30px; overflow:hidden}

.data-list { overflow:hidden;}
.data-list li { height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:5px 0}
.icon-data {background:url(../images/icon_home.png) no-repeat -3px -137px; width:13px; height:14px; margin:0 10px 0 0; display:inline-block; vertical-align:middle}
.line { height:1px; background:#eee; margin:15px 0; font-size:0}

.gupiao-box { overflow:hidden}
.gupiao-hots-tabs { padding:10px; background:#eee;}
.gupiao-hots-tabs a { color: #666; padding:0 25px; font-size:14px;}
.gupiao-hots-tabs a.cur { color: #d9141c; font-weight: bold;}
.gupiao-hots-tables { padding:8px 5px;}
.gupiao-hots-tables table { width:100%;}
.gupiao-hots-tables thead td { font-size: 14px; color: #aaa; padding: 5px 0 15px;}
.gupiao-hots-tables tbody { height: 20px; line-height: 20px; font-size: 14px; color: #444;}
.gupiao-hots-tables tbody td { padding: 3px 0;}
.gupiao-hots-tables tbody b,.gupiao-hots-tables tbody em { display: block; width: 18px; height: 18px; line-height: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; font-size: 12px;}
.gupiao-hots-tables tbody b { background-color: #e0e0e0; color: #666; font-weight: normal;}
.gupiao-hots-tables tbody em { background-color: #d9141c; color: #fff;}
.up-link { color:#fff; background:#e2323a; padding:2px 5px; border-radius:3px; margin:0 5px; cursor:pointer;} 
.down-link { color:#40b026; border:1px solid #40b026; border-radius:3px; padding:2px 5px; cursor:pointer;}

/*新闻中心*/
.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;}
.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; margin-bottom:5px; -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:5px 0 20px; color:#999;} 
.path a { color:#999;} 
.path span { margin:0 10px; font-family: Arial}
.tit_new_view { border-left:6px solid #eb4e4e; padding:0 0 0 25px; margin:15px 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; text-indent:32px; line-height:30px;}
.tit_h { border-bottom:1px solid #e4e4e4; padding:20px 0; margin-bottom:20px; line-height:22px;}
.tit_h h3 { font-size:20px; font-weight:700; height:22px; line-height:20px; color:#333; border-left:5px solid #eb4e4e; padding:0 15px; float:left;}
.tit_h a { color:#333}

.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-favorites,.icon-comments { font-size:40px!important; color:#666} .icon-favorites:hover,.icon-comments:hover { color:#eb4e4e}
.fxd .social-share .social-share-icon { font-size:38px!important}
.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}

.loading { text-align:center; overflow:hidden; border:1px solid #f5f5f5; height:28px; line-height:28px; padding:75px 0; background:#f9f9f9; margin-top:10px;}
.top-ad { background:url(/statics/images/index/1000X200.jpg); width:1190px; height:200px; margin:0 auto; overflow:hidden; position:relative; }
.close-ad { width:22px; height:22px; display:inline-block; position:absolute; right:6px; top:6px;}
 .focus-img li img,.img-text dl dt img,.case-imgs img,.img130 img,.news_list li .img160 img,.data_text dl dt img,.video_list img,.side_video_list .img120 img{ transform: scale(1); transition:all 0.2s}
 .focus-img li img:hover,.img-text dl dt img:hover,.case-imgs img:hover,.img130 img:hover,.news_list li:hover .img160 img,.data_text dl dt img:hover,.video_list img:hover,.side_video_list .img120:hover img{ transform: scale(1.2); transition:all 0.2s}

/*公众号首页*/
.swiper-container-g .swiper-slide {height:480px}
.swiper-container-g .swiper-pagination-bullet { background:#fff; padding:6px; margin:0 5px; opacity:.5}
.swiper-container-g .swiper-pagination-bullet-active { opacity:1}
.user-box { background:#f5f5f5; padding-bottom:70px;}
.com-title { padding:70px 0; text-align:center}
.com-title h2 { font-size:30px; color:#000;}
.com-title p { color:#999; padding:10px 0}
.swiper-container-lst .swiper-slide { width:290px; padding:40px 40px 60px; background:#fff; border:1px solid #f1f1f1; position:relative;}
.swiper-container-lst .swiper-slide .img { width:120px; height:120px; line-height:120px; display:block; margin:0 auto}
.swiper-container-lst .swiper-slide .client-title { font-size:18px; font-weight:700; text-align:center; margin-bottom:20px;}
.swiper-container-lst .swiper-slide .caseQrcode img { width:100%; height:auto}
.swiper-container-lst .swiper-slide .text,.clientcase-box .caseItem .desc { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; color:#666; line-height:20px;}
.swiper-container-lst .swiper-slide:hover .caseQrcode { opacity:1; top:0; visibility:visible}
.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:-20px!important; right:inherit!important} .swiper-button-next{left:inherit!important; right:-20px!important;}
.icon-arrow-right,.icon-arrow-lift { font-size:34px!important;}
.search_gzh { width:800px; margin:20px auto 50px;}
.search_gzh_in { width:660px; border:2px solid #999; border-radius:3px; height:48px; line-height:48px; padding:0 20px; border-right:0; float:left; font-size:16px;} 
.search_btn_gzh { height:48px; line-height:48px; width:140px; background:#2268e8; color:#fff; border:0; border-top-right-radius:3px; border-bottom-right-radius:3px; margin-left:-1px; cursor:pointer}
.clientcase-content { padding:50px 0; width:1550px; margin:0 auto;} 
.clientcase-content .tips { text-align:center; color:#666; padding:20px 0;}
.clientcase-tab { width:1200px; margin:0 auto;}
.clientcase-tab a { height:36px; line-height:36px; padding:0 20px; border-radius:20px; display:inline-block; color:#666; border:1px solid #ccc; color:#666; margin:7px 5px; font-size:14px;}
.clientcase-tab a:hover { color:#2268e8; border-color:#2268e8;} .clientcase-tab a.cur{ background:#2268e8; color:#fff; border:1px solid #2268e8}
.clientcase-box { padding:30px 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: center; align-content: flex-start;}
.clientcase-box .caseItem { border:1px solid #f1f1f1; width:290px; padding:40px 40px 60px; border-radius:5px; position:relative; margin:15px 10px; transition:all .2s linear; -webkit-transition:all .2s linear}
.clientcase-box .caseItem:hover,.swiper-container-lst .swiper-slide:hover{ -webkit-box-shadow:0 5px 30px rgba(0,0,0,0.1); box-shadow:0 5px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);z-index:3}
.clientcase-box .caseItem .img { width:120px; height:120px; margin:0 auto; display:block} .clientcase-box .caseItem .img img { max-width:100%; max-height:100%; vertical-align:middle}
.clientcase-box .caseItem .title { font-size:18px; font-weight:700; color:#333; margin-bottom:20px; text-align:center}
.caseQrcode { background:#fff; width:100%; height:100%; position:absolute; left:0; top:50px; padding:50px; text-align:center; -webkit-transition:all .2s ease-in-out .1s;-moz-transition:all .2s ease-in-out .1s;transition:all .2s ease-in-out .1s; opacity:0;visibility:hidden; z-index:101}
.caseQrcode img { width:200px; height:200px;}
.caseQrcode span { font-size:14px; color:#666; padding:10px 0; display:block}
.clientcase-box .caseItem:hover .caseQrcode{ top:0; opacity:1; z-index:103; visibility:visible}
@media screen and (max-width: 1500px) {
    .clientcase-content { width:1200px;}
    .clientcase-box .caseItem { width:220px; padding:20px 20px 40px;}
    .clientcase-box .caseItem .caseQrcode img { width:100%; height:auto}
}
.clientcase-content .more { width:380px; height:50px; line-height:50px; background:#f5f5f5; color:#666; font-size:16px; text-align:center; margin:0 auto; cursor:pointer} 
.clientcase-content .more:hover { background:#e4e4e4}

/*视频首页*/
.video_head { box-shadow:0 5px 10px #ddd; padding:30px 0; background:#fff; margin-bottom:30px; }
.video_head .logo { width:320px; float:left;} 
.video_head .logo img { float:left;} 
.video_head .logo h2 { border-left:1px solid #ddd; padding:0 0 0 20px; font-size:30px; float:left; margin:15px 0 0 30px}
#vdcategory { position:relative; float:left; margin:10px 0 0 40px}
#vdcategory:hover .vdcategory_list { opacity:1; visibility:visible;top:44px;}
.icon-category { font-size:16px; font-weight:700; padding:0 15px; display:inline-block; cursor:pointer; height:44px; line-height:44px; background:#ededed;} 
.icon-category:before { font-size:28px; vertical-align:middle; float:left; font-weight:400; margin:0 5px 0 0}
.vdcategory_list { background:#fff; box-shadow:0 0 10px #ddd; padding:20px; position:absolute;width:500px; opacity:0; transition: all .2s ease-in-out .1s; z-index:101;visibility: hidden; top:20px}
.vdcategory_list a { display:inline-block; font-size:16px; margin:4px 8px; padding:4px 10px; } 
.vdcategory_list a.cur { background:#eb4e4e; border-radius:3px; color:#fff;}

.search { float:right; width:300px; height:40px; border:1px solid #ccc; font-size:14px; margin:10px 0; border-radius:3px;}
.search ul { width:90px; color:#666; height:38px; overflow:hidden; float:left;} .search ul li { height:38px; line-height:38px; text-indent:20px;}
.search .search_text { width:218px; height:38px; line-height:38px; border:0; padding:0 10px; float:left; border-right:1px solid #ccc; font-size:14px;}
.search .search_btn { background:#f5f5f5; color:#333; font-size:14px; height:38px; width:80px; border:0; cursor:pointer}

.video_big { width:640px; height:360px; float:left; position:relative}
.video_big p { height:40px; line-height:40px; color:#fff; font-size:16px; position:absolute; bottom:0; left:0; overflow:hidden; text-indent:50px; width:100%; background: linear-gradient(to bottom, rgba(0,0,0,.0),rgba(0,0,0,.9), rgba(0,0,0,1));}
.video_big .icon-play-video { bottom:4px; left:8px;}
.icon-play-video { position:absolute; color:#000; left:10px; bottom:10px; display:inline-block; width:30px; height:30px; background:url(/images/icon_video.png) no-repeat;} 
.video_list li { width:240px; height:170px; float:left; margin:0 15px 10px;}
.video_list li p { line-height:34px; height:34px; overflow:hidden; font-size:14px; text-overflow:ellipsis; white-space:nowrap;}
.video_list .img240 { width:240px; height:135px; overflow:hidden; text-align:center; position:relative;}
.video_list li .icon-play-video { left:5px; bottom:5px;}
.bg_w { background:#fff; margin:30px 0;}
.video_hot { padding:40px 0; overflow:hidden}
.video_hot h3 { font-size:20px; font-weight:700; margin:0 10px 30px;}
.video_hot li { margin:0 30px}
.vd_main { padding:40px; background:#fff;} .vd_main .video_list li { margin:10px 20px 20px;}
.vd_side { width:300px; float:right} 
.vd_side_box { padding:20px; background:#fff; margin:0 0 20px;}
.tit_vd { padding:0 0 30px; margin:0 0 30px; border-bottom:1px solid #e4e4e4;}.tit_vd h3{ font-size:20px; font-weight:700; }
.vd_side_box h3 { color:#999; margin:0 0 20px;}
.side_video_list h2 { font-size:16px; font-weight:700; margin:0 0 20px; border-bottom:1px solid #e4e4e4; padding-bottom:20px;}
.side_video_list .img120 { width:120px; height:80px; float:left; margin:0 15px 0 0; overflow:hidden; position:relative}  
.side_video_list .img120 img { height:80px;}
.side_video_list .img120 .icon-play-video { left:3px; bottom:3px;}
.side_video_list li { overflow:hidden; margin:0 0 20px}
.side_video_list li p { font-size:14px; line-height:20px; -webkit-box-orient: vertical; -webkit-line-clamp: 4; display: -webkit-box;}
.vd_code { padding:20px 0; text-align:center; font-size:12px;}
.vd_code_text { color:#999; padding:15px;}

/*视频详情*/
.video_bg { background:#222; margin:0 0 20px;}
.video_tit { padding:20px 0 40px;}
.video_cnt { position:relative;} 
.video_cnt #share { bottom:50px; right:0; position:absolute;}
.social-share .social-share-icon { font-size:20px!important; color:#999!important}
.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;} 
.icon-QRcode,.icon-share { font-size:30px!important; margin:0 10px;}
.side { padding:25px; background:#fff; margin:0 0 20px; width:300px;}
.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_h { border-bottom:1px solid #e4e4e4; padding:20px 0; margin-bottom:20px; line-height:22px; overflow:hidden}
.tit_h h3 { font-size:20px; font-weight:700; height:22px; line-height:20px; color:#333; border-left:5px solid #eb4e4e; padding:0 15px; 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:20px 0; border-bottom:1px solid #f1f1f1; padding:20px 0}
.comment_list .operation { position:absolute; right:20px; 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 { margin:0 0 0 30px; line-height:22px; color:#333; margin-bottom:20px; font-size:14px;}
.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 5px 0 0; border-radius:50%;}

.comment { background:#fff; padding:40px; width:880px; float:left; margin:0 0 20px;}
.comment-send { background:#eee; padding:5px; margin:30px 0}
.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:#eb4e4e; float:right}

/*网上展厅*/
.pro_cnt { width:1600px; margin:0 auto;}
.exh_head { padding:35px 0; background:#fff;}
.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}
#category_exh { position:relative; float:left; margin:10px 0 0 40px}
#category_exh:hover .category_exh_list { opacity:1; visibility:visible;top:44px;}
.icon-category { font-size:16px; font-weight:700; padding:0 15px; display:inline-block; cursor:pointer; height:44px; line-height:44px; background:#ededed;} 
.icon-category:before { font-size:28px; vertical-align:middle; float:left; font-weight:400; margin:0 5px 0 0}
.category_exh_list { background:#fff; box-shadow:0 0 10px #ddd; padding:20px; position:absolute;width:1600px; opacity:0; transition: all .2s ease-in-out .1s; z-index:101; visibility: hidden; top:54px; left:-260px;
            -moz-column-count: 4; /* Firefox */-webkit-column-count: 4; /* Safari 和 Chrome */column-count: 4;-moz-column-gap: 1em;-webkit-column-gap: 1em;column-gap: 1em;}
.category_exh_list li { float:left; padding:0 0 10px; -moz-page-break-inside: avoid;-webkit-column-break-inside: avoid; break-inside: avoid;}
.category_exh_list li dl dt { width:60px; float:left; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700; color:#000}
.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 10px 5px 0; color:#666;} .category_exh_list li dl dd a:hover { color:#e2323a}
.search_form { float:right; padding:5px 0 0}
.search_exh { width:790px; height:48px; font-size:14px; border-radius:5px; float:left}
.search_exh .search_text { width:568px; height:48px; line-height:48px; border:0; padding:0 10px; float:left; border-top:2px solid #ccc; border-bottom:2px solid #ccc; font-size:16px;}
.search_exh .search_btn { background:#000; 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; width:125px; text-align:center; font-weight:700; font-size:16px; color:#fff; font-weight:700; background:#eb4e4e; display:inline-block; border-radius:5px;}
.fb_btn:hover { color:#fff;} .fb_btn .icon-product { font-size:22px; margin:0 5px; vertical-align:middle}
.search_exh .search_btn .icon-search { font-size:24px; vertical-align:middle; margin:0 5px;}
.search_con{position:relative;z-index:2;float:left;width:90px;height:48px;line-height:44px;cursor:pointer; text-align:center; border:2px solid #ccc; border-right:0; border-top-left-radius:5px; border-bottom-left-radius:5px;font-size:16px; color:#666;}
.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 #ddd; 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:30px 20px; font-size:16px; color:#333; font-weight:700} .pro_cnt .path a { color:#333;}

.class_box { padding:10px 0; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.class_box dl { border-bottom:1px solid #eee; padding:20px 0; position:relative;}
.class_box .more { color:#666; position:absolute; top:20px; right:0;}
.class_box dl:last-child { border:0}
.class_box dl dt { width:8%; padding:0 20px; float:left; color:#666; font-weight:700}
.class_box dl dd { width:92%; float:right} 
.class_box dl dd a { color:#666; margin:0 10px;}
.class_box dl dd a:hover { color:#eb4e4e;} .class_box dl dd a.on { color:#eb4e4e; padding:4px 6px; border:1px solid #eb4e4e; border-radius:3px;}
.class_brand { padding:5px 0!important}
.class_brand dt { line-height:60px;}
.class_brand_list { width:95%; overflow:hidden}
.class_brand_list a { width:82px; height:56px; border:1px solid #e4e4e4; padding:6px; display:inline-block; text-align:center; color:#666; display:inline-block; float:left; margin:0 8px 15px!important; border-radius:3px;}
.class_brand_list a:hover,.class_brand a.on { border-color:#eb4e4e; color:#eb4e4e;}
.class_brand_list a img { width:70px; height:25px;}
.class_brand_list a:first-child { line-height:40px;}

.pro_cnt_list li { width:280px; height:400px; float:left; margin:20px; background:#fff; 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:280px; height:280px; display:inline-block; background:#fff; text-align:center; overflow:hidden}
.pro_cnt_list li .img img{ width: 280px; height: 280px; vertical-align: middle; _width:expression(this.width > 280 ? "280px" : this.width +'px');_height:expression(this.height > 280 ? "280px" : 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:12px; margin-bottom:10px; line-height:20px; height:40px; margin:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.pro_cnt_list li .company { border-top:1px solid #eee; padding:10px 15px;}
.pro_cnt_list li .company img { width:35px; height:15px; margin:0 5px 0 0;}
.pro_cnt_list li .company .icon-office-supplies-fill { background:#baa04f; display:inline-block; border-radius:3px; color:#fff; font-size:12px; height:20px; line-height:19px; float:right; padding:0 5px 0 3px;}
.pro_cnt_list li .company .icon-office-supplies-fill:before { font-size:16px; float:left;}
.pro_cnt_list li .company a { color:#666;} .pro_cnt_list li .company a:hover { color:#e2323a}

.pro_cnt .page { padding:50px 0}
.page a {font-size:14px; color:#333; border-radius:5px; padding:9px 14px; margin:0 3px;}
.page a:hover { background:#ccc;} 
.page a.current { background:#000; color:#fff;}
.prvePage:hover,.nextPage:hover { background:none!important;}
.prvePage .icon-arrow-lift,.nextPage .icon-arrow-right { font-size:22px!important; vertical-align:middle; color:#666;}
.no_pro { text-align:center; padding:200px 0; font-size:14px;}
.no_pro .icon-cry { font-size:60px; color:#666;}

@media screen and ( max-width:1600px){
    .pro_cnt { width:1200px;}
    .pro_cnt_list li { margin:10px;}
    .search_exh { width:590px;}
    .search_exh .search_text { width:368px}
    .pro_cnt .path { padding:20px 10px;}
}
/*直播首页*/
.live_head { padding:30px 0; background:#fff; }
.live_head .logo { width:320px; float:left;} 
.live_head .logo img { float:left;} 
.live_head .logo h2 { border-left:1px solid #ddd; padding:0 0 0 20px; font-size:30px; float:left; margin:15px 0 0 30px}
.live_bg { background:url(../images/live_bg.jpg) no-repeat top center; height:865px; overflow:hidden}
.live_bg .logo_list { margin:0 auto; width:1134px;}
.live_bg .logo_list li { width:150px; height:80px; border-radius:10px; overflow:hidden; margin:6px; float:left}
.live_bg .en_logo { width:400px; height:120px; left:0; top:0; display:inline-block}
.live_text_nub { padding:80px 0; overflow:hidden }
.live_text_nub ol li { float:left; width:33.3%; padding:5px 0; font-size:14px; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.live_text_nub ol li:before { content:''; width:6px; height:6px; background:#666; border-radius:3px; display:inline-block; margin:0 10px 0 0; vertical-align:middle}
.live_text_nub ol li a { color:#666;}
.live_text_nub h2 { text-align:center; font-size:30px; font-weight:400; text-align:center; color:#000; margin:0 0 30px;}
.live_list_number { margin:0 0 30px; overflow:hidden}
.live_list_number li { float:left; width:108px; margin:10px 20px; text-align:center}
.live_list_number li img { border-radius:50%; width:108px; height:108px; margin-bottom:10px;} 
.live_list_number li p { color:#666; font-size:14px;}
.search_live .search_btn_gzh { background:#bf2443; font-size:16px;}
.livecase_tab a:hover { color:#bf2443; border-color:#bf2443;}
.livecase_tab a.cur {background:#bf2443; border-color:#bf2443}

.live_list { margin:50px 0}
.live_list_v { margin:0 0 0 -57px}
.live_list_v li { width:360px; margin:30px 0 0 57px; float:left; padding:10px 10px 20px; border:1px solid #f1f1f1; box-shadow:0 5px 20px #f1f1f1; transition:all .2s linear; -webkit-transition:all .2s linear; }
.live_list_v 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}
.live_list_v li .live_img { position:relative; width:338px; height:300px;}
.live_list_v li .live_img img { width:338px; height:300px;}
.live_list_v li h3 { font-size:18px; font-weight:700; margin:15px 0; text-align:center; text-overflow:ellipsis;white-space:nowrap; overflow:hidden; padding:0 5px;}
.live_list_v li p { color:#666; padding:0 5px;}.live_list_v li p span { margin:0 20px 0 0}
.live_list .more_box { margin:50px auto 0; overflow:hidden; width:80%;}

.live_list_l li { width:100%; margin:10px 0; float:left; padding:20px; border-bottom:1px solid #f1f1f1; transition:all .2s linear; -webkit-transition:all .2s linear; }
.live_list_l 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}
.live_list_l li .live_img { position:relative; width:300px; height:200px; float:left; margin:0 30px 0 0}
.live_list_l li .live_img img { width:300px; height:200px;}
.live_list_l li .live_img .icon-bofang { font-size:40px;}
.live_list_l li h3 { font-size:18px; font-weight:700; margin:0 0 15px; overflow:hidden; line-height:22px;}
.live_list_l li p { color:#666; margin:0 0 10px;}.live_list_l li p span { margin:0 20px 0 0}
.live_list_l li .timestatus { left:320px; color:#333; background:none}

.live_list_tab { border-bottom:1px solid #666; padding:0 0 10px; margin:0 0 20px; overflow:hidden}
.live_list_tab_l { float:left;} 
.live_list_tab_l a { display:inline-block; margin:0 20px 0 0; border-radius:15px; padding:0 15px; background:#666; color:#fff; height:22px; line-height:19px;}
.live_list_tab_l a.on {  background:#bf2443}
.live_list_tab_l a .iconfont { font-size:18px; margin:0 5px 0 0; }
.live_list_tab_r { float:right;}  .live_list_tab_r a { font-size:14px; margin:0 10px;} .live_list_tab_r a.cur { color:#e2323a}

.live_img .soon,.live_img .end,.live_img .inprogress{ width:100px; height:32px; text-align:center; color:#fff; line-height:32px;background-color:#bf2443;position:absolute; left:30px; top:0}
.live_img .soon:before,.live_img .end:before,.live_img .inprogress:before{content:'';display:block;width:30px;height:32px;position:absolute;transform:skewX(25deg);background:#bf2443;left:-20px;top:0;}
.live_img .soon:after,.live_img .end:after,.live_img .inprogress:after{content:'';display:block;width:30px;height:32px;position:absolute;transform:skewX(-25deg);background:#bf2443;top:0;right:-20px;}
.live_img .end,.live_img .end:before,.live_img .end:after{background-color:#666}
.live_img .inprogress,.live_img .inprogress:before,.live_img .inprogress:after{background-color:#f4f2f1; color:#bf2443}
.timestatus { position:absolute; bottom:0; left:0; width:100%; z-index:20; color:#fff; padding:5px 10px; background: linear-gradient(to bottom, rgba(0,0,0,.0),rgba(0,0,0,.5), rgba(0,0,0,1));}
.timestatus .data { font-size:14px; font-weight:700}
.timestatus .icon-shijian { font-size:20px!important; margin:0 5px 0 0; vertical-align:middle}
.timestatus .icon-xinlitiaozheng { font-size:30px!important; vertical-align:middle}
.timestatus .right { line-height:30px;}
.live_img .icon-zhibozhong-0 { font-size:16px; margin:0 3px 0 0}
.live_img .icon-bofang { font-size:60px; left:40%; top:35%; position:absolute; opacity:.7; color:#fff;}
.live_fxd { position:fixed; right:10px; top:40%; width:90px;}
.live_fxd a { background:#ddd; width:90px; height:70px; display:inline-block; margin:0 0 5px; text-align:center; color:#333; padding:10px 0 0 }
.live_fxd a.on,.live_fxd a:hover { background:#bf2443; color:#fff;}
.live_fxd a .iconfont { font-size:22px;}  .live_fxd a .icon-arrow-up { line-height:28px; font-size:28px; font-weight:700}

/*footer*/
.footer { background: #3b3b3b; margin-top: 40px; padding-top: 25px; }
.footer_item { padding-bottom: 10px; border-bottom: 1px solid #464644; overflow:hidden}
.footer_item .list { float: left; width: 22%; margin-left: 3%; }
.footer_item .list h3 { font-size: 14px; font-weight: normal; }
.footer_item .list h3 a { color: #fff; }
.footer_item .list ul { padding-top: 10px; }
.footer_item .list ul li { font-size: 12px; margin-top: 10px; }
.footer_item .list ul li a { color: #fff; }
.footer_item .list ul li .fx_list { }
.footer_item .list ul li .fx_list i { display: block; float: left; margin-right: 8px; }
.footer_item .list ul li .fx_list i img { display: block; }
.ft_bq { text-align: center; padding: 10px 0; width:100%; overflow:hidden }
.ft_bq p { color: #fff; line-height: 24px; }
.ft_bq p a { color: #fff; }