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:#eb4e4e;}
input {vertical-align:middle;}
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}
:-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}
.bg_f { background:#f1f1f1;}
.bg_w { background:#fff; margin:30px 0;}
.bg_b { background:#fff; overflow:hidden;}

.nav_index { height:120px; padding:35px 0; background:#fff; box-shadow:0 5px 10px #000;}
.nav_index .logo { float:left; margin:-30px 20px 0 0;}
.nav-list { float:left; margin:0 0 0 50px}
.nav-list li { color:#fff; float:left;} 
.nav-list li a { display:block; color:#222; padding:0 15px; font-size:18px; line-height:50px;}
.nav-list li a:hover { color:#e2323a}
.nav-list a:hover { color:#fff; 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;}
.nav_index .login_after { padding:15px 10px}
.nav_index .search { float:right; width:330px; height:40px; border:0; font-size:14px; margin:5px 0; border-top-left-radius:5px; border-bottom-left-radius:5px; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.nav_index .search .search_text { width:190px; height:38px; line-height:38px; border:0; padding:0 5px; float:left; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.nav_index .search .search_btn { background:#333; color:#fff; font-size:24px; line-height:38px; width:60px; border:0; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px; display:inline-block; text-align:center;}
.nav_index .search .search_btn:hover { color:#fff;}
.nav_index .search_con{position:relative;z-index:2;float:left;width:80px;height:38px;line-height:38px;cursor:pointer; text-align:center; border:0}
.nav_index .search_type { border:1px solid #ccc; border-right:0; line-height:38px; height:38px; font-size:14px; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.nav_index .search_info{float:left}
.nav_index .search_list{ display:none;position:absolute;top:36px;left:0;z-index:2;width:68px; border:1px solid #ddd; border-top:0; background:#fff; padding:5px 0; height:auto;}
.nav_index .search_list li{ height:32px;line-height:32px; font-size:14px; text-align:left; text-indent:16px;} 
.nav_index .search_list li:hover { color:#eb4e4e}

.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.reds: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_after:hover .login_cnt{opacity:1;visibility:visible;top:58px}
.login_cnt{position:absolute;z-index:101;left:-210px;top:55px;width:300px;color:#9699A9;padding:24px 15px 15px 15px;background:#fff;border-radius:4px;box-shadow:0px 6px 10px 0px rgba(27,58,132,0.1);-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}
.login_cnt:before{position:absolute;top:-8px;left:87%;content:"";display:inline-block;width:0;height:0;margin:0 6px;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}
.login_cnt_top img{width:60px;height:60px;border-radius:50%;vertical-align:top;margin-right:12px}
.login_cnt_top > div{display:inline-block;width:180px}
.login_cnt_top > div a{display:block;color:#3E69AF;font-weight:bold;font-size:16px;margin-bottom:5px}
.login_cnt_top > div a:hover{color:#FF6E01}
.login_cnt_num{margin:10px 8px 0px 8px;padding-bottom:7px;border-bottom:1px solid #E3E3E3}
.login_cnt_num li{float:left;width:calc(33.33% - 4px);padding:11px 0;margin:0 2px;text-align:center;border-radius:5px}
.login_cnt_num li:hover{background-color:#F5F5F5}
.login_cnt_num li a{color:#9699A9}
.login_cnt_num li p{color:#000733;font-size:21px;margin-bottom:3px}
.login_cnt_line{margin-top:15px}
#lcl_hall,#lcl_vote{display:none}
.login_cnt_line li{font-size:14px;line-height:32px;border-radius:4px}
.login_cnt_line li a{color:#000733}
.login_cnt_line li:not(:first-child){margin-top:10px}
.login_cnt_line li:hover{background-color:#F5F5F5}
.login_cnt_line img{margin:0 10px}
.login_cnt_btn{display:block;margin-top:15px;width:100%;height:32px;line-height:32px;color:#fff;background-color:#9699A9;font-size:14px;border-radius:4px;text-align:center}
.login_cnt_btn:hover{background-color:#000733;color:#fff}

/* 顶部黑色样式 */
.head_nav { height:40px; background:#000;} .head_nav .w1400 { position: relative;}
.head_nav_l { float:left; line-height:40px; height:40px; color: #fff;}
.head_nav .head_nav_j { position:absolute; right:100px; top:11px;}
.head_nav .head_nav_j a { color:#fff; margin: 0 10px;} 
.head_nav_l { float:left; line-height:40px; height:40px;}  .head_nav_l p { color:#999}
.head_nav_l a { color:#ccc; font-size:13px; 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_l a.icon-home-fill { font-size:18px!important;}
.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:-210px;}

.w1400 { width:1400px; margin:0 auto;} 
.w1200 { width:1200px; margin:0 auto;} 
.w1050 { width:1050px; padding:30px 0 /*display:-webkit-flex; -webkit-flex-wrap:wrap; display:flex; flex-wrap:wrap;*/}
.w330 { width:330px; margin: 30px 0;}

.wrapper { margin:30px auto; width:1400px;}
/* 6.22修改 start*/
.w280{ width:280px;margin: 30px 20px 15px 0;background-color: #ffffff;}
.video_left_left{width: 100%; }
.video_left_left div{position: relative;}
.video_left_left .icon-bofang{left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 50px; opacity: .7;color: #fff;position: absolute;}
.video_left_left li{width: 100%;height: 240px;}
.video_left_left img{width: 100%;height: 175px;}
.video_left_left p{padding: 0 10px;color: #333333;text-align: center;font-weight: bold; font-size: 14px;margin-top: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.w750 { width: 750px;margin-top: 30px;}
.swiper-container-idx { width:750px; height:350px;}
.swiper-container-idx .swiper-slide img { width:750px; height:350px;}
.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:12px; height:12px; opacity:.5!important; margin:0 5px!important;}
.swiper-container-idx .swiper-pagination-bullet-active { opacity:1!important}

.swiper-ad1,.swiper-ad2 { width:515px; height:100px;}
.swiper-ad1 .swiper-slide img,.swiper-ad2 .swiper-slide img { width:515px; height:100px;}

.text_top { padding:30px 25px 0px 20px; background:#fff; height: 210px;}
.ch_text{ width: 450px; }
.ch_text h2 { font-size:22px; font-weight:700; color:#000; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ch_text p { color:#999; line-height:22px; height:44px; font-size:14px;}
.text_list { padding:10px 0} 
.text_list li { font-size:16px; padding:2px 0;}  
.text_list li a { color:#333;font-size: 14px;}  
.text_list li a:hover { color:#ca4040;}
.text_list li i{ display:inline-block;width:0;height:0;border-top: 4px solid transparent;border-left: 5px solid #ccc;border-bottom: 4px solid transparent; margin: 0 10px 0 0;}
.ch_img{ max-width: 200px;max-height: 150px; vertical-align:middle}

.text_btm{padding: 0px 20px;background:#fff;border-top: 1px solid #e3e3e3;}
.swiper-news {width: 100%; overflow: hidden;height: 160px;padding-top: 20px;position: relative;}
.swiper-news .newsImg{width: 160px;height: 90px;margin: 0 auto;margin-bottom: 8px;position: relative;}
.swiper-news .newsImg img{width: 100%;height: 100%;display: block;}
.swiper-news .newsImg .icon-play-video{width: 25px;height: 25px;background-size:25px 25px;left: 10px;bottom: 8px;}
.swiper-news p{width: 160px;margin: 0 auto;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 14px;}
.swiper-news .swiper-button-next, .swiper-news .swiper-button-prev{background:#000;opacity: 1;width: 30px!important;height: 30px!important;top: 44%;}
.swiper-news .icon-arrow-right, .swiper-news .icon-arrow-lift{font-size: 22px!important;}
.swiper-news .swiper-button-prev{left: 0!important;}
.swiper-news .swiper-button-next{right: 0!important;}
.ad_c { width:1050px; height:100px;}

.exhibits{text-align: center;}
.exhibits .tit{text-align: center;}
.exhibits_list{margin-bottom: 80px; display:inline-block}
.exhibits_list li{ width: 225px;height: 400px;background-color: #ffffff;float: left;margin-left: 50px;}
.exhibits_list li:first-child{margin-left: 0;}
.exhibits_list li img{width: 100%;height: 100%;}

.newestPro{position:relative;text-align: center; padding-bottom: 80px;}
.swiper-newestPro{ width: 100%; overflow: hidden;}
.swiper-newestPro .img{width: 200px;height: 200px; overflow: hidden; border: 1px solid #e3e3e3;}
.swiper-newestPro .proImg{display: block;margin: 0 auto; max-width: 200px; max-height: 200px; cursor: pointer;transition: all 0.6s; -ms-transition: all 0.8s;}
.swiper-newestPro .proImg:hover{ transform: scale(1.1); -ms-transform: scale(1.1);}
.swiper-newestPro .swiper-wrapper { z-index:0!important}
.swiper-newestPro .swiper-slide p{margin: 10px auto; text-align:left;width:200px;color:#333; font-size: 14px;line-height: 20px;height: 40px;word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.swiper-newestPro .swiper-slide .storeLogo{ height: 15px;vertical-align: top;}
.swiper-newestPro .swiper-slide div{width: 200px;margin: 0 auto;color: #333;text-align: left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:16px;}
.swiper-newestPro .swiper-slide div span{ margin-left: 10px; }
.swiper-newestPro .swiper-button-next,.swiper-newestPro .swiper-button-prev { z-index:0!important}
/* 6.22修改 end*/

.tit_i { overflow:hidden; margin-bottom:20px;} 
.tit_i h3{ color:#000; font-size:14px; float:left; font-weight:700}  
.tit_i h3 .icon-bofang { color:#eb4e4e; font-size:14px!important; border-radius:1px;  margin:0 10px 0 0}
.tit_i .more { float:right; color:#999}
.tit { font-weight:700; font-size:20px; padding:40px 0}
.tit.recTit{text-align: center;}

.live_video { width:335px; float:right}
.live_box { margin:20px 0 10px; height:100px; overflow:hidden; position:relative;}
.live_box .live_box_text { position:absolute; left:10px; top:10px; color:#fff;}
.live_box .live_box_text h4{ width:100px; height:26px; line-height:22px; color:#fff; background:#000; opacity:.9; padding:3px 10px; margin:0 0 8px;}
.live_box .live_box_text h4 .icon-zhibozhong-0 { font-size:14px; margin:0 5px 0 0}
.live_box .live_box_text p { font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 0 5px;}
.live_box .live_box_text h3 { font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700}
.live_text p{ font-size:14px; padding:0 0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:26px; height:26px;} 
.live_text p span { color:#999; margin:0 20px 0 0} 

.news_nav { width:100px; float:left; background:#f5f5f5; padding:0 0 20px;}
.news_nav a { font-size:16px; color:#666; padding:11px 0; float:left; width:100px; text-align:center;} 
.news_nav a.cur,.news_nav a:hover { background:#e2323a; color:#fff;}

.news_list_h { width:900px; float:right; margin:0 20px;}
.news_list_h li { padding:0 0 15px; border-bottom:1px solid #f1f1f1; margin:0 0 15px; position: relative; display:inline-block; width: 100%;}
.news_list_h li .img { width:220px; height:150px; line-height:147px; overflow:hidden; float:left; display: table-cell; position:relative; text-align:center; background:#000; margin:0 20px 0 0}
.news_list_h li .img img { max-width:220px; max-height:150px; display:inline-block; vertical-align:middle; transform: scale(1); transition:all 0.5s}
.news_list_h li .img .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_h li .img .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_h li:hover .img img { transform: scale(1.1); transition:all 0.5s}
.news_list_h li .item { float:left; display:contents;}
.news_list_h li .item h3 { font-size:20px; font-weight:400; color:#333; line-height:25px; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.news_list_h li .item p { font-size:14px; color:#999; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:15px;} 
.news_list_h li .item p span { margin:0 15px 0 0}
.news_list_h li .item p .headportrait { width:20px; height:20px; margin:0 10px 0 0}

.news_list_h li .imgs { /*display: -webkit-flex; display: flex; justify-content: space-between; align-items:flex-start;*/ position:relative; margin-top:20px; margin-left: -5px;}
.news_list_h li .imgs em{ width:80px; height:80px; line-height:80px; border-radius:50%; background:rgba(0,0,0,.5); color:#fff; font-size:30px; text-align:center; position:absolute; right:60px; top:60px; font-weight:400}
.news_list_h li .imgs:before,.news_list_h li .imgs:after{content: "";}
.news_list_h li .imgs img { border-radius: 5px; width:220px; height:220px; margin-left:6px;}
.news_list_h li .desc { -webkit-line-clamp:3!important; height:66px; line-height:22px;} 
.news_list_h li .item .info { font-size: 14px; color: #aaa; margin-top: 20px;}
.news_list_h li .item .info_p { position: absolute; bottom: 20px; left: 240px; width: 660px;}
.news_list_h li .item .bg { padding:10px; background:#f5f5f5; margin:10px 0 0; overflow:hidden; border-radius:5px;}
.news_list_h li .item .bg h3 { font-weight:100}
.news_list_h li .item .headportrait { margin-right: 20px;}
.news_list_h li .item .headportrait img { width:20px; height:20px; margin:0 10px 0 0; border-radius: 10px;}
.news_list_h li .item .icon_list { float: right; line-height: 24px; color: #aaa}
.news_list_h li .item .icon_list a { margin-left: 10px; cursor: pointer;}
.news_list_h li .item .icon_list .iconfont { font-size: 24px!important; color:#999; vertical-align: middle; position:relative; margin-right:5px;}
.news_list_h li .item .icon_list .icon-pinglun { font-size: 20px!important;}
.news_list_h li .item .icon_list .iconfont:hover { color: #ff587e;}
.news_list_h .more-a { margin: 20px auto; width:130px; text-align:center; padding: 5px 20px; display:block; font-size:14px; border-radius: 20px; border: 1px solid #aaa;}
.news_list_h .more-a:hover { background: #e2323a; color: #fff; border-color:#e2323a ;}
/* .copy_link { box-shadow:0 0 5px #aaa; background:#fff; padding:10px; width:350px; position:absolute; left:-120px; 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;} */

.wechat-qrcode {display:none;border:1px solid #eee;position:absolute;z-index:9;top:-20px;left:30px;width:200px;padding-bottom:10px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
.wechat-qrcode.bottom {top:40px;left:-84px}
.wechat-qrcode h4 {font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777; margin-bottom: 10px;}
.wechat-qrcode .qrcode {width:140px;margin:2px auto;}
.wechat-qrcode .help p {font-weight:normal;line-height:16px;padding:0;margin:0;font-size:12px!important;text-indent:0}
.wechat-qrcode:after {content:'';position:absolute;top:25px;margin-left:-6px;left:-6px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:transparent #fff transparent transparent}
.news_list_h li .item .icon_list .iconfont:hover .wechat-qrcode {display:block}
.wechat-qrcode .qrcode > img {width:100%;height:auto;}

.swiper-product {  float:left; position:relative; width:340px; overflow:hidden}
.swiper-product .swiper-slide img { width:340px; height:550px;}
.swiper-product .swiper-pagination-bullet { width:12px; height:12px; background:#fff; margin:0 5px;}
.swiper-product .swiper-button-next,.swiper-product .swiper-button-prev { width:40px!important; height:90px!important; border-radius:0; padding:20px 0; top:45%!important; background:rgba(0,0,0,.4); display:none}
.swiper-product .swiper-button-next{ right:0!important}.swiper-product .swiper-button-prev { left:0!important; left:inherit!important}
.swiper-product:hover .swiper-button-next,.swiper-product:hover .swiper-button-prev { display:block}
.product_box { padding:0 0 50px; overflow:hidden}
.pro_index_list { float:left; width:1060px;}
.pro_index_list li { width:266px; height:277px; float:left; padding:20px 32px; background:#fff; position:relative; transition:all .2s linear; -webkit-transition:all .2s linear; overflow:hidden;border:1px solid #f1f1f1; margin:-1px 0 0 -1px}
.pro_index_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_index_list li .img { width:200px; height:200px; display:inline-block; background:#fff; text-align:center; overflow:hidden}
.pro_index_list li .img img{ width: 200px; height: 200px; vertical-align: middle; _width:expression(this.width > 200 ? "200px" : this.width +'px');_height:expression(this.height > 200 ? "200px" : this.height + "px"); transform: scale(1); transition:all 0.5s}
.pro_index_list li:hover .img img { transform: scale(1.1); transition:all 0.5s}
.pro_index_list li .img i { height:100%; vertical-align:middle; display:inline-block;}
.pro_index_list li p { color:#333; font-size:14px; margin:5px 0; line-height:20px; height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }

.gy {  padding:50px 0; overflow:hidden}
.gy_bg { background:url(../images/gy_bg.jpg) right bottom no-repeat;overflow:hidden}
.swiper-gy { width:340px; height:550px; float:left;}
.gy_img_txt { width:1050px; padding:0 0 20px 50px; float:right}
.gy_txt { width:600px;}
.gy_txt p { color:#666; line-height:24px; font-size:14px; text-indent:28px;} 
.gy_txt p b { font-size:16px; font-weight:700}
.gy_img_list { overflow:hidden; padding:60px 0 0; margin-left:-60px;}
.gy_img_list li { float:left; margin-left:60px; background:#fff;}
.gy_img_list li h4 { text-align:center; padding:12px 0; font-size:14px;}
.btn_gy_box { padding:25px 0 0; margin-left:-25px;}
.btn_gy { border-radius:3px; background:#3a85cf; height:40px; padding:0 46px; font-size:16px; font-weight:700; display:inline-block; color:#fff; line-height:40px; margin-left:25px}
.btn_gy:hover { background:#339aff; color:#fff;}
.side_bg { padding:25px; background:#f5f5f5; margin:0 0 20px; overflow:hidden}
.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;}
.sdj_logo { text-align:center; padding:20px 0 30px}
.list-logo { overflow:hidden; margin-left:-10px;}
.list-logo li { float:left; width:135px; height:70px; overflow:hidden; background:#fff; padding:10px; margin:10px 0 0 10px}
.list-logo li img { width:115px; height:50px;}
.sdj_list li { font-size:14px; padding:3px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sdj_list li:before{ content:''; display:inline-block;width:0;height:0;border-top: 4px solid transparent;border-left: 5px solid #f9bf13;border-bottom: 4px solid transparent; margin: 0 10px 0 0;}
.sdj_line { border-top:1px solid #ccc; position:relative; margin:40px 0 20px}
.sdj_line h3 { font-size:14px; color:#000; background:#f5f5f5; padding:0 10px; display:inline-block; position:absolute; top:-8px; left:37%;}
.sdj_line p { text-align:center; color:#999; padding:15px 0 0}
.icon-pro,.icon-tec,.icon-jec,.icon-des { width:32px; height:32px; margin:0 8px; float:left; display:inline-block; background:url(../images/sdj_icon.png) no-repeat}
.apply-list { overflow:hidden}
.apply-list li { padding:15px 5px; float:left; width:48%; margin:2px; background:#fff; overflow:hidden}  .apply-list li:hover { background:#fff8e6}
.apply-list li h3 { font-weight:700} 
.apply-list li h4 { color:#999; font-family:Arial}
.icon-pro {background-position:-5px -5px;}
.icon-tec {background-position:-5px -56px;}
.icon-jec {background-position:-5px -110px;}
.icon-des {background-position:-5px -160px;}
.sdj_btn { padding:20px 0} 
.sdj_btn a { color:#333; font-weight:700; font-size:14px; background:#ffc946; padding:0 15px; border-radius:20px; line-height:34px; display:inline-block; margin:0 2px;}
.sdj_btn a:hover { background:#ffe346;}
.icon-diqiu { display:inline-block; width:16px; height:22px; color:#fff; margin:0 5px; vertical-align:middle;}
.anchor { margin-left:-10px;} 
.anchor li { width:130px; float:left; padding:10px 0 20px 30px; text-align:center; position:relative;height: 210px;}
.anchor li img { border-radius:50%; width:90px; height:90px; border:5px solid #fff; margin:0 0 5px;}
.anchor li .icon-credit-level {border-radius:50%; background:#d81e06; color:#fff; margin:0 5px; position:absolute; top:75px; right:10px; width:16px; line-height:16px; text-align:center}
.anchor li h4 { font-size:14px; font-weight:700; margin-bottom:10px;} 
.anchor li p { color:#666; line-height:18px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; text-overflow:ellipsis; overflow:hidden}
.exhibition { height:345px; background:url(../images/exh_bg.jpg) no-repeat; padding:0 30px;} 
.exh_btn { padding:230px 0 0;}
.btn_exh { border-radius:20px; background:#eb4e4e; width:110px; height:40px; line-height:40px; display:inline-block; text-align:center; color:#fff!important; cursor:pointer; font-size:15px; font-weight:700; margin:0 5px 0 0; float:left; position:relative}
.btn_exh:hover { color:#fff; background:#ff5151}
.btn_exh .tip_xcx { width:170px; padding:15px 15px 5px; position:absolute; background:#fff; box-shadow:0 3px 10px #bbb; left:-32px; top:55px; -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; display:inline-block}
.btn_exh .tip_xcx img {width:140px;}
.btn_exh .tip_xcx p { color:#666; font-size:12px;}
.btn_exh .tip_xcx: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; right:40%;}
.btn_exh:hover .tip_xcx { opacity:1; visibility:visible; top:48px;}

.btn_exh_more{ border-radius:20px; background:#eb4e4e; width:40px; height:40px; line-height:40px; display:inline-block; text-align:center; color:#fff; font-size:15px; position:relative; cursor:pointer}
.btn_exh_more:hover {color:#fc0; background:#ff5151}
.exh_list { width:120px; padding:10px; position:absolute; background:#fff; box-shadow:0 3px 10px #bbb; left:-62px; top:55px; -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; display:inline-block}
.exh_list li { font-size:14px; line-height:30px;}
.exh_list li:hover { background:#eee; color:#eb4e4e}
.exh_list: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; right:20%;}
.btn_exh_more:hover .exh_list { opacity:1; visibility:visible; top:48px;}

.category_tab {line-height:34px; overflow:hidden; margin-bottom:10px;}
.category_tab a { width:50%; float:left; text-align:center; font-size:14px; color:#666; border-bottom:2px solid #dfdfdf; }
.category_tab a.cur { color:#eb4e4e; border-bottom:2px solid #eb4e4e; font-weight:700}
.category { background:#fff; padding:0 20px; position:relative; height:490px;}
.category li { overflow:hidden; line-height:41px; height:41px; border-bottom:1px solid #e3e3e3; padding:0 0 0 10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.category li:hover { background:#f5f5f5; color:#eb4e4e}
.category li h3 { font-size:14px; margin:0 10px 0 0; display:inline-block; font-weight:700;} 
.category li a { color:#757a8e; margin:0 8px;} .category li a:hover { color:#eb4e4e;}
.cat-item a:hover { color:#f00; text-decoration:underline}
.category li .icon-pinpaishang { font-size:20px; color:#ffb300; vertical-align:middle; margin:0 0 0 5px}
.category li .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 li:last-child { border-bottom:0}
.category-option { overflow:auto; height:420px; display:none;}
.category-option .more { width:100%; line-height:36px; background:#f1f1f1; color:#666; text-align:center; display:inline-block; margin:10px 0 0; font-size:14px;}
.category-option .more:hover { background:#e5e5e5;}
.category-exh { height:420px;}
.category-exh li h3 { width:50px;}
.zUIpanelScrollBox,.zUIpanelScrollBar{width:8px;top:0;right:0;border-radius:5px;}
.zUIpanelScrollBox{background:#ccc;opacity:0; filter:alpha(opacity=10);}
.zUIpanelScrollBar{background:#ccc;opacity:0.8; filter:alpha(opacity=80);}

.fixed { position:fixed; border:1px solid #e4e4e4; border-bottom:0; width:52px; left:50%; bottom:35%; margin-left: 715px; transition: all .2s;}
.fixed li { width:50px; height:50px; border-bottom:1px solid #e4e4e4; position:relative; background:#fff; text-align:center; line-height:50px;}
.fixed li:hover { background:#f5f5f5; color:#eb4e4e}
.fixed li .icon-xiaochengxu { font-size:28px; font-weight:700}
.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}

.close-ad { background:url(../images/close_this.png); width:35px; height:35px; display:inline-block; position:absolute; right:0; top:0; z-index:1;}
.time-ad { position:relative; width:1400px; margin:0 auto;} 
.time-ad-100 { background:url(../images/1400x100.png) no-repeat; height:100px; display:none}
.time-ad-400 { background:url(../images/1400x500.png) no-repeat; height:500px;}

/*首页响应1200*/
@media screen and (max-width: 1500px) {
    .w1400 { width:1200px;}
    .nav-list { margin:0 0 0 30px;}
    .nav-list li a { padding:0 12px; font-size:16px;}
    .w1050 { width:850px;}
    /* .swiper-container-idx { width:850px; height:283px;}
    .swiper-container-idx .swiper-slide img { width:850px;} */
    .ad_c { width:850px; height:82px;} 
    .ad_c img { width:420px; height:82px;}
    .swiper-ad1,.swiper-ad2 { width:420px; height:82px;}
    .swiper-ad1 .swiper-slide img,.swiper-ad2 .swiper-slide img { width:420px; height:82px;}

    /* 6.22修改 start */
    .w280{width: 230px;}
    .w750{width: 600px;}
    .video_left_left li{height: 210px;}
    .video_left_left .icon-bofang{font-size: 40px;}
    .video_left_left img{height: 145px;}

    .swiper-container-idx { width:600px;height: 280px;}
    .swiper-container-idx .swiper-slide img { width:600px;height: 280px;}
    .text_top {padding: 29px 25px 0px 20px;height: 209px;}
    .ch_text { width: 320px;}
    .text_list li { font-size:14px; margin:3px 0}

    .swiper-news{height: 140px}
    .swiper-news .newsImg{width: 130px;height: 75px;}
    .swiper-news p{width: 130px;font-size:14px;}

    .exhibits{padding-left: 0px;}
    .newestPro{padding-left: 0px;}
    .exhibits{padding-left: 0px;}
    .recTit{padding-left: 0px;}
    .swiper-newestPro .swiper-button-prev{left: -20px!important;}
    .swiper-newestPro .swiper-button-next{right: -20px!important;}
    /* 6.22修改 end */

    /* .text_top { width:850px;}
    .ch_text { width:430px;}
    .text_list li { font-size:14px; margin:5px 0}
    .category { height:312px;} */
    .exhibits_list li{ margin-left:18px;}
    .category { height: 382px;}
    .category-option{height: 336px;}
    .category-txt { height:278px; overflow:hidden}
    .category-exh { height: 326px;}
    .news_list_h { width:720px; margin:0 10px;}
    .news_list_h li .item {width:478px;}
    .news_list_h li .imgs img { border-radius: 5px; width:175px; height:175px;}
    .news_list_h { width:720px; margin:0 10px;}
    .news_list_h li .item {width:478px;}
    .news_list_h li .imgs em { width: 60px; height: 60px; line-height: 60px; top: 50px;}
    .news_list_h li .item .info_p {width: 480px;}
    .swiper-product { width:280px;}
    .swiper-product .swiper-slide img { width:280px; height:auto;}
    .pro_index_list {width:920px;}
    .pro_index_list li { width:231px; height:228px; padding:20px 35px;}
    .pro_index_list li .img { width:160px; height:160px;}
    .pro_index_list li .img img { max-height:100%; max-width:100%}
    .pro_index_list li p { height:20px; -webkit-line-clamp:1; }
    .swiper-gy { width:280px; height:450px} 
    .swiper-gy img { width:100%}
    .gy_bg { background-size:cover}
    .gy_img_txt { width:920px; padding:0 0 0 40px}
    .gy_txt { width:500px;}
    .gy_txt p { font-size:12px; line-height:22px;}
    .btn_gy_box { margin-left:-15px;}
    .btn_gy { margin-left:15px; padding:0 33px;}
    .gy_img_list { margin-left:-30px; padding:30px 0 0 }
    .gy_img_list li { margin-left:30px; width:160px; height:200px; margin-right:35px;}
    .gy_img_list li img { width:160px; height:160px;}
    .fixed { margin-left: 615px;}
    .time-ad { position:relative; width:1200px; margin:0 auto;} 
    .time-ad-100 { background-size:cover; height:86px; display:none}
    .time-ad-400 { background-size:cover; height:429px;}
}

.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}

/*头条页面*/
.headline_b { background:url(../images/headline_b.jpg) no-repeat top center; height:300px;}
.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; margin: 80px 0 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,.btn_ygz {width:120px; height:36px; line-height:36px; background:#d54141; font-size:16px; color:#fff; text-align:center;margin:16px 10px; border-radius:4px;display: inline-block;}
.btn_ygz { background:#fff; font-size:16px; color:#666; border:1px solid #ccc}
.btn_gz:hover{ color:#f90;}.btn_ygz:hover { color:#666;}  .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;}
.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;}
.headline_cnt { background:#fff; width:880px; padding:40px; margin:0 0 30px}
.headline_cnt_tit { margin:0 0 30px;}
.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_fx { border-bottom:1px solid #e4e4e4; height:50px; position:relative;}
.headline_fx .icon-good { font-size:14px;}
.headline_fx .icon-good:before { font-size:26px; color:#666;}
.headline_fx .icon-good.on,
.headline_fx .icon-good.on:before {color: #eb4e4e;}
.text_good.on{color:rgb(255, 0, 0);}
.headline_fx #share { position:absolute;right:0; top:-10px; color:#666; font-size:14px;}
.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{padding:30px 0; overflow:hidden;}
.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:120px; height:120px; overflow:hidden; margin:0 auto; text-align:center; line-height:120px; background:#f0f0f0}
.headline_r_head .img img { max-width:120px; max-height:120px; 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 { font-size:14px; color:#999; line-height:24px; padding:10px 0}
.headline_r_btn { padding:10px 0; text-align:center}
.headline_r_btn .btn_gz,.headline_r_btn .btn_ygz { float:none;}

.headline_list .more_add:hover{background: #e4e4e4 !important;}
.headline_list .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;}

/*头条页面end*/
.news_list li { padding:20px 10px; overflow:hidden; border-bottom:1px solid #f1f1f1;}
.news_list li:hover { background:#f3f6fa;}
.news_list li .img180 { width:180px; height:120px; overflow:hidden; float:left; position:relative; text-align:center; margin-right:20px; border:1px solid #e6edff; background:#000}
.news_list li .img180 img { 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 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:20px 0 0;}
.ad300 img { width:300px;}
.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;}

.side_box { padding:25px; background:#f5f5f5; margin:0 0 20px;}
.side_box .tit { height:22px; margin:0 0 20px; overflow:hidden; font-size:14px; padding:0!important} 
.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}

.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; 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:25px 0; color:#999; font-size:14px;} 
.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: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}
.main-cnt .player-container-html5 { width:100%; height:460px; margin:0 auto}
.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; display:none}

.loading { text-align:center; overflow:hidden; border:1px solid #f5f5f5; height:28px; line-height:28px; padding:75px 0; background:#f9f9f9; margin-top:10px;}
.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}

 @media screen and (max-width: 750px) {
     .news_view_wap .head_nav,.news_view_wap .w1200{ width:100%; overflow:hidden}
     .news_view_wap .head_nav .w1200 .search-top { display:none}
     .news_view_wap .head_nav_l a { padding:0 8px;}
     .news_view_wap .w850,.news_view_wap .w300 { width:100%; float:none;}
     .news_view_wap .fxd { display:none}
     .news_view_wap .path  { padding:10px; font-size:12px;}
     .news_view_wap .tit_new_view { border-left: 2px solid #eb4e4e; padding: 0 0 0 15px; margin: 0 0 5px;}
     .news_view_wap .tit_new_view .news_h1 { font-size:20px; line-height:26px; padding:0 0 5px;}
     .news_view_wap .titBar { font-size:12px;} .news_view_wap .titBar span { display:block; margin:5px 0; }
     .news_view_wap .summary { padding:10px; font-size:12px; margin:20px 10px;}
     .news_view_wap .main-cnt { width:100%; margin:20px 0; padding:0 10px;}
     .news_view_wap .main-cnt p { font-size:14px; line-height:24px;}
     .news_view_wap .statement { padding:10px; margin:20px 10px;}
     .news_view_wap .related { margin:20px 0; width:100%}
     .news_view_wap .news_list li { padding:10px;}
     .news_view_wap .news_list li .img180 { width:120px; height:90px; margin: 0 10px 0 0;}
     .news_view_wap .news_list li .img180 .number { display:none}
     .news_view_wap .news_list li .item h3 {  font-size:14px; font-weight:700; line-height:20px; -webkit-line-clamp:1;}
     .news_list li .item p { margin:5px 0 0;}
     .news_view_wap .ad300 img { width:100%; height:auto;}
    .news_view_wap .side_video { margin:0 0 0 -10px; overflow:hidden}
    .news_view_wap .side_video li { text-align:center; margin:0 0 10px 6px; padding:0; width:48%; float:left;} 
    .news_view_wap .side_video li .img { width:100%; height:100px; position:relative; text-align:center; display:block} 
    .news_view_wap .side_video li .img img {max-width:100%!important;max-height: 100%!important;}
    .news_view_wap .side_video li p { line-height:20px; height:20px; overflow:hidden; color:#333; font-size:12px; white-space:nowrap; text-overflow:ellipsis;}

     }
/*公众号首页*/
.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; height:344px; 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 15px}
.swiper-container-lst .swiper-slide .img img { max-width:120px; max-height:120px; vertical-align:middle;}
.swiper-container-lst .swiper-slide .client-title { font-size:18px; font-weight:700; text-align:center; margin-bottom:20px; overflow:hidden; height:22px; line-height:22px; text-overflow:ellipsis; white-space:nowrap;}
.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; height:80px; font-size:12px!important;}
.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:1100px; margin:0 auto; text-align:center}
.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; 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 15px; 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; line-height:22px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}
.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;}
    .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; border-radius:3px;} 
.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 img { width:640px; height:360px;}
.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; border:1px solid #e6edff; background:#000}
.video_list .img240 img { max-width:100%;max-height:100%;}
.video_list li .icon-play-video { left:5px; bottom:5px;}
.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 .news_list { overflow:hidden; margin:0 0 0 -40px;}
.vd_main .news_list li { border:0; float:left; width:240px; height:220px; overflow:hidden; margin:0 0 10px 40px; padding:0}
.vd_main .news_list li:hover { background:none}
.vd_main .news_list li .img180 { float:none; width:240px; height:140px; border:1px solid #e6edff}
.vd_main .news_list li .item { width:auto; padding:10px 0}
.vd_main .news_list li .item h3 { font-size:14px; line-height:20px;-webkit-line-clamp: 1; margin:5px 0 10px}
.vd_main .news_list li .item p { -webkit-line-clamp:1; margin-top:0 }
.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;}
.vd_side .side_box { background:#fff}
.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; background:#333; text-align:center;}
.side_video_list .img120 img { width:120px; 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 .img { width:280px; height:160px; margin:0 0 10px; overflow:hidden; display:block; position:relative;}
.side_video_list li .img img { width:280px; height:160px;}
.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; padding:0 0 40px;}
.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}
.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 .icon-good:before{font-size: 20px;}

/*网上展厅*/
.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; -webkit-column-count: 4; column-count: 4; -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em;}
.category_exh_list li { padding:0 0 10px; display:inline-block; width:390px;}
.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:#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_home { margin:0 auto 50px; width:685px;}
.search_exh { width:685px; height:48px; font-size:14px; border-radius:5px; float:left}
.search_exh .search_text { width:470px; 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:#eb4e4e; 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 30px; text-align:center; font-weight:700; font-size:16px; color:#000; font-weight:700; display:inline-block; border-radius:5px;}
.fb_btn:hover { color:#333;} .fb_btn .icon-product { font-size:24px; margin:0 5px; vertical-align:middle; color:#eb4e4e} .fb_btn .icon-ruzhushangcheng { font-size:18px; margin:0 5px; vertical-align:middle; color:#eb4e4e}
.search_exh .search_btn .icon-search { font-size:24px; 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 #ccc; 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 #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 {border-top:1px solid #eee; border-bottom:1px solid #eee; font-size:14px; background:#fff;}
.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:9%; padding:5px 20px; 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:#eb4e4e; border:1px solid #eb4e4e; 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 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{ max-width: 280px; max-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; 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; margin:10px 15px; overflow:hidden; height:42px; line-height:42px; white-space:nowrap; text-overflow:ellipsis;}
.pro_cnt_list li .company img { height:15px; 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}

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

.shop_cnt { border-radius:5px; background:#fff; padding:75px;}
.shop_list { overflow:hidden}
.shop_list li { border-bottom:1px solid #eee; padding:0 0 40px; margin:0 0 40px; overflow:hidden}
.shop_list_item { float:left; width:720px; overflow:hidden; position:relative}
.shop_list_item .logo { width:120px; height:120px; border:1px solid #e4e4e4; border-radius:3px; display:inline-block; text-align:center; overflow:hidden; line-height:120px; float:left; margin:0 20px 0 0}
.shop_list_item .logo img { max-width:120px; max-height:120px; display:inline-block}
.shop_list_item .shop_tit  { font-size:20px; font-weight:700; margin:0 0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.shop_list_item .exh_hall { color:#ad913c;}
.shop_list_item .exh_hall span { margin:0 10px 0 0; font-size:14px;}
.shop_list_item .exh_hall .icon-office-supplies-fill { display:inline-block; color:#c9ad59; font-size:20px; margin:0 5px 0 0}
.shop_list_item .item_text { position:absolute; bottom:0; left:140px; color:#999; font-size:14px; line-height:22px; width:520px;}
.shop_list_item .item_text p { line-height:22px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:22px;}
.shop_more { display:inline-block; width:130px; height:40px; line-height:38px; border:1px solid #ccc; border-radius:5px; color:#666; font-size:16px; text-align:center; float:right; margin:50px 20px}
.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}

.recommend_pro { border-left:1px solid #f1f1f1; border-top:1px solid #f1f1f1; overflow:hidden; margin:0 0 80px;}
.recommend_pro li { width:300px; height:380px; float:left; padding:50px; background:#fff; position:relative; transition:all .2s linear; -webkit-transition:all .2s linear; overflow:hidden;border:1px solid #f1f1f1; margin:-1px 0 0 -1px}
.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:200px; height:200px; display:inline-block; background:#fff; text-align:center; overflow:hidden}
.recommend_pro li .img img{ max-width: 200px; max-height: 200px; vertical-align: middle; _width:expression(this.width > 200 ? "200px" : this.width +'px');_height:expression(this.height > 200 ? "200px" : 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:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.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; font-weight:700;} 
.tit_exh p { color:#999; padding:8px 0}
.brand_list { margin:0 0 80px; overflow:hidden}
.brand_list li { float:left; width:225px; height:400px; margin:0 7px; overflow:hidden}
.brand_list li img{width:100%;height:100%;object-fit:contain}

.swiper-container-exhb img { width: 100%;}
.news_pro_swiper { position:relative}
.swiper-container-exh { width:1100px; margin:0 auto}
.swiper-container-exh .swiper-slide { width:280px; overflow:hidden; padding:0 37px 50px}
.swiper-container-exh .swiper-slide .img { width:200px; height:200px; line-height:200px; display:inline-block; background:#f7f7f7; border:1px solid #f1f1f1; text-align:center; overflow:hidden}
.swiper-container-exh .swiper-slide .img img{ max-width: 200px; max-height: 200px; vertical-align: middle; _width:expression(this.width > 200 ? "200px" : this.width +'px');_height:expression(this.height > 200 ? "200px" : 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:40px; margin:5px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.swiper-container-exh .swiper-slide .company { overflow:hidden; height:40px; line-height:40px; 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%;}
.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:390px;}
.hall_tab_head { height:390px; width:50px; text-align:center; float:left; background:#dfdfdf} 
.hall_tab_head a { color:#333; font-size:20px; font-weight:700; width:50px; height:195px; line-height:30px; display:inline-block; padding:35px 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:20px 30px; 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 { overflow:hidden;}
.category_home ul { width:370px; float:left; margin:0 15px;}
.category_home li { width:370px; margin:0 0 10px; box-shadow:2px 2px 10px #ddd; border-radius:5px; background:#fff; padding:10px 20px;}
.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}

@media screen and ( max-width:1500px){
    .pro_cnt,.category_exh_list { width:1200px;}
    .shop_cnt { padding:50px;}
    .pro_cnt_list li { margin:10px;}
    .search_exh { width:500px;}
    .search_exh .search_text { width:278px}
    .search_exh_home .search_exh { width:685px}
    .search_exh_home .search_exh .search_text { width:470px}
    .shop_list_item { width:500px;}
    .fb_btn { margin:0 0 0 10px;}
    .shop_more { margin:50px 0}
    .pro_cnt .path { padding:20px 10px;}
    .shop_list_item .item_text { width:370px;}
    .category_exh_list li { width:290px;}
}
/*直播首页*/
.live_head { padding:30px 0; background:#fff; }
.live_head .logo { 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; background-size:cover; height:745px;}
.live_bg .logo_list { padding:270px 0 0; 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 .logo_list li img { width:150px; height:80px;}
.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:200px;}
.live_list_v li .live_img img { width:338px; height:200px;}
.live_list_v li h3 { font-size:18px; font-weight:700; margin:15px 0; overflow:hidden; padding:0 5px; line-height:22px; height:44px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.live_list_v li p { color:#666; padding:0 5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}.live_list_v li p span { margin:0 15px 0 0}
.live_list .more_box { margin:50px auto 0; overflow:hidden; width:50%;}

.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; }.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:80px; 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:22%; position:absolute; opacity:.7; color:#fff;}
.live_fxd { position:fixed; right:60px; top:40%; width:70px;}
.live_fxd a { background:#ddd; width:70px; 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 { 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:#ffffff; padding:40px 0; overflow:hidden; font-size:14px; text-align:center; margin:30px 0 0}
.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;}

#pop { position:fixed; bottom:0; right:0; width:280px; height:280px; display:none}
#pop img { width:280px; height:280px;}
#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;}

/*直播中心*/
.lives_l { padding:40px; background:#fff; width:880px; float:left} 
.lives_r { width:300px; float:right; background:#fff;}
.lives_l ul { overflow:hidden}
.lives_l li { border-bottom:1px solid #f1f1f1; padding-bottom:30px; margin-bottom:30px; overflow:hidden}
.lives_l li .live_img { position:relative; width:240px; height:135px; overflow:hidden; text-align:center; line-height:135px; background:#ececec; float:left; margin-right:25px; border-radius:3px; cursor:pointer}
.lives_l li .live_img img { max-width:100%; max-height:100%;transform: scale(1);transition: all 0.5s;} 
.lives_l li .live_img img:hover { transform: scale(1.1);transition:all 0.5s}
.lives_l li .live_img .icon_play { background-position:1px -5px; width:40px; height:40px; position:absolute; z-index:1; left:0; bottom:0; background-size:cover}
.lives_l li .live_img .item-mask-notice {height:24px; line-height:24px; color:#fff; font-size:14px; position:absolute; left:0; top:0; text-align:center;}
.lives_l li .live_img .item-mask-notice>div{display: inline-block; padding:0 8px;}
.lives_l li .live_img .item-mask-notice>span{display: inline-block; padding:0 8px;background-color:rgba(255,120,0,.6);}
.lives_l li .live_img .item-mask-notice .red {background-color:#FF3535;} 
.lives_l li .live_img .item-mask-notice img { width:auto!important; height:auto; margin:0 5px 0 0}
.lives_l li .live_img .item-mask-notice .orange {background-color:#ff7800;}
.lives_l li .live_img .item-mask-notice .pink {background-color:#D745C1;}
.lives_l li .live_cnt h3 { font-size:20px; margin:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:30px; margin-bottom:10px;font-weight: bold;}
.lives_l li .live_cnt p .headportrait { vertical-align:middle; width:24px; height:24px; margin-right:10px;}
.lives_l li .live_cnt p.date { margin-top:40px; color:#999}
.lives_l li .btns { display:inline-block; width:90px; height:40px; line-height:40px; border-radius:20px; border:1px solid #df3234; text-align:center; font-size:16px; color:#df3234; float:right; margin:40px 0; cursor:pointer}
.lives_l li .btns:hover { background:#df3234; color:#fff;}
.live_hd { padding:20px; border-top: 1px solid #E4E4E4;margin: 20px 0 0 0;}
.live_hd .live_hd_tit { font-size:14px; color:#999; margin-bottom:20px;}
.live_hd li { border-bottom:1px solid #e4e4e4; padding-bottom:20px; margin-bottom:20px;}
.live_hd li h3 { font-size:16px; margin-bottom:10px;}
.live_hd li h3:before { content:''; display:inline-block; width:10px; height:10px; background:#e2323a; margin-right:10px; border-radius:50%;}
.live_hd li p { font-size:14px; text-indent:20px;}

.qrcode_pop {position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;display:none;}
.qrcode_pop_cnt {width:520px;padding:0 0 60px; background:#fff;border-radius:10px; 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; }
.qrcode_top { height:130px; text-align:center; border-top-left-radius:10px; border-top-right-radius:10px; position: relative; z-index: -1; overflow:hidden}
.qrcode_top::after { content: ''; width: 700px; height: 130px; margin:0 0 0 -90px; position: absolute; left: 0; top:0; z-index: -1; border-radius: 0 0 70% 70%; background: linear-gradient(to right, rgba(68,214,247,1),rgba(254,101,102,1));}
.qrcode_logo { display:inline-block; width:120px; height:120px; line-height:118px; border-radius:50%; background:#fff; position:absolute; left:50%; top:-60px; margin:0 0 0 -60px; text-align:center}
.qrcode_logo img { max-width:100%; max-height:100%; vertical-align:middle;border-radius: 50%;}
.qrcode_top h2 { font-size:24px; color:#fff; font-weight:700; margin:80px 0 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.qrcode_img { text-align:center; padding:30px 0 0} .qrcode_img img { width:200px; height:200px; margin:0 0 10px;} 
.qrcode_img h3 { font-size:20px; margin:10px 0;}
.qrcode_img p { color:#999; font-size:14px;}

.swiper_live_banner { height:480px; overflow:hidden; position:relative;}
.swiper_live_banner .swiper-pagination-bullet { background-color:#fff; opacity:.5; width:12px; height:12px; margin:0 15px;}
.swiper_live_banner .swiper-pagination-bullet-active { opacity:1}
.live_hot { background:#fff; padding:40px; overflow:hidden; margin:30px 0}
.live_hot_tit { overflow:hidden; margin-bottom:30px;}
.live_hot_tit h3 { font-size:20px; font-weight:700; float:left;}
.live_hot_tit .more { float:right; font-size:14px; color:#999}
.live_hot_list { margin:0 0 0 -26px;}
.live_hot_list li { width:260px; margin:0 0 0 26px; float:left;}
.live_hot_list li .img260 { width:260px; height:150px; overflow:hidden; display:block; margin-bottom:10px;}
.live_hot_list li .img260 img { width:260px; height:150px;transform: scale(1); transition: all 0.5s;}
.live_hot_list li:hover .img260 img { transform: scale(1.1);transition:all 0.5s}
.live_hot_list li p { font-size:16px;}

.live_at_list { margin:0 0 0 -50px;}
.live_at_list li { width:530px; margin:0 0 30px 50px; float:left;}
.live_at_list li .img530 { width:530px; height:300px; overflow:hidden; display:block; margin-bottom:10px;}
.live_at_list li .img530 img { width:530px; height:300px;transform: scale(1); transition: all 0.5s;}
.live_at_list li:hover .img530 img { transform: scale(1.1);transition:all 0.5s}
.live_at_list li p { font-size:20px; margin-bottom:8px;}
.live_at_list li p.date { font-size:14px; color:#999}

 #paging{text-align: center; padding:50px 0}
.layui-form-select dl dd.layui-this {background-color: #3ace8e;}
.layui-laypage a:hover{color: #000;}
.layui-laypage a, 
.layui-laypage button, 
.layui-laypage input, 
.layui-laypage select, 
.layui-laypage span{border: 0;}
.layui-laypage .layui-laypage-curr .layui-laypage-em {background-color: #eb4e4e;}
.layui-laypage a, .layui-laypage span { margin:0 5px; border:1px solid #ccc; border-radius:5px; padding:5px 15px; font-size:16px;}
.layui-laypage a:hover, .layui-laypage span:hover {border:1px solid #eb4e4e; color:#eb4e4e;}
.layui-laypage>a:first-child, .layui-laypage>a:first-child em { border-radius:5px!important; padding:5px 10px;}
.layui-laypage>a:last-child, .layui-laypage>a:last-child em{ border-radius:5px!important;padding:5px 10px;}
.layui-disabled { background:#f1f1f1}
.blankline {height:15px;}