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:#f5f5f5;}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none;color:#eb4e4e;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}
/*****浮动和清除浮动******/
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.clearfix:before,.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}.clr { height:0;clear:both; overflow:hidden; width:100%}
/*****对齐方式******/
.text-center{text-align:center !important}
.text-left{text-align:left !important}
.text-right{text-align:right !important}
:-webkit-autofill{background:#fff;} 
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
input::-webkit-input-placeholder {color:#ccc;}
input::-moz-input-placeholder {color:#ccc;}
input::-ms-input-placeholder {color:#ccc;}

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

.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;}
.reds:after { content:""; border-radius:50%; width:6px; height:6px; background:#eb4e4e; display:inline-block; position:absolute; right:-1px; top:0;}
.login_box { float:right; color:#fff; padding:0 0 0 20px; height:28px; line-height:28px; margin:16px 0 0;} .login_box a { color:#fff; margin:0 8px;}
.login_after{ float:right; color:#fff; padding:15px 0; position:relative;} 
.headportrait { border-radius:50px; width:30px; height:30px;}

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

.headerCon { background:#fff; height:120px; margin-top:-29px;}
.headerCon .exhLogo { width:130px; height:70px; line-height:70px; margin:25px 10px; float:left; text-align:center}
.headerCon .exhLogo img { max-width:100%; max-height:100%; vertical-align:middle;}
.head_exh_box { width:420px; height:120px; padding:10px 20px; float:left; position:relative; background:#fff; border-left:1px solid #fff;border-right:1px solid #fff;}
.head_exh_box:hover { border-left:1px solid #ededed;border-right:1px solid #ededed; border-bottom:1px solid #ededed;}
.head_exh_con { padding:20px 0; cursor:pointer}
.head_exh_name { margin-bottom:5px;}
.head_exh_name h2{ font-size:20px; font-weight:700; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden} 
.head_exh_name .icon-arrow-down { font-size:20px; color:#9c9c9c; float:right;}
.head_exh_booth { color:#ad913c} .head_exh_booth span { margin:0 10px 0 0}
.head_exh_booth .icon-office-supplies-fill { font-size:20px; vertical-align:middle; margin:0 5px 0 0}
.head_exh_cnt { width:420px; border-left:1px solid #ededed; border-right:1px solid #ededed; border-bottom:1px solid #ededed; background:#fff; opacity:0; position:absolute; -webkit-transition:all .1s ease-in-out .1s;-moz-transition:all .1s ease-in-out .1s;transition:all .1s ease-in-out .1s; opacity:1;visibility:hidden; z-index:101; top:50px; left:-1px; padding:0 20px 20px;}
.head_exh_box:hover .head_exh_cnt { top:105px; opacity:1; z-index:103; visibility:visible}
.head_exh_cnt .text { color:#666; line-height:20px; height:60px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.head_exh_cnt .text p { font-size:12px!important; line-height:20px!important}
.head_exh_cnt .number { border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; margin:20px 0; padding:20px 0;}
.head_exh_cnt .number dl { width:25%; float:left; text-align:center}
.head_exh_cnt .number dl dt { color:#eb4e4e; font-size:16px; margin:0 0 5px; font-weight:400}
.head_exh_cnt .number dl dd { color:#999;}
.head_exh_cnt .contact dl dt { width:68px; height:68px; float:left; margin:0 10px 0 3px; overflow:hidden} .head_exh_cnt .contact dl dt img { max-width:100%; max-height:100%; vertical-align:middle}
.head_exh_cnt .contact dl dd { float:left; width:148px; line-height:24px; height:24px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.exh_code { width:68px; text-align:center; margin:20px 0 0 30px; float:left; color:#999;} .exh_code img { width:68px; height:68px;}
.search { float:right; width:360px; height:40px; border:1px solid #ccc; font-size:14px; margin:40px 0; border-radius:3px;}
.search .search_text { width:188px; height:38px; line-height:38px; border:0; padding:0 5px; float:left; border-right:1px solid #ccc}
.search .search_btn { background:#f5f5f5; color:#333; font-size:14px; height:38px; width:80px; border:0; cursor:pointer}
.search_con{position:relative;z-index:2;float:left;width:89px;height:38px;line-height:38px;cursor:pointer; text-align:center; border:0; font-size:14px;}
.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:39px;left:0;z-index:2;width:80px; border:1px solid #ddd; border-top:0; background:#fff; padding:5px 0}
.search_list li{ height:36px;line-height:36px; } .search_list li:hover { color:#eb4e4e;}

.bg { background:#f5f5f5}
.w1400 { width:1400px; margin:0 auto;} 
.w1200 { width:1200px; margin:0 auto;} 

.hall_btn{ float: right; width:120px; height:36px; line-height:34px;border: 1px solid #b8b8b8;color: #b8b8b8;text-align: center;font-size:16px; border-radius:4px;margin: 16px 10px 0px 10px;display: none; }
.hall_follow{ float: right;display: none;}
.wrapper { margin:30px auto; width:1400px;}
.pro_nav { height:71px; background:#fff; border-top:1px solid #ededed; border-bottom:1px solid #ededed}
.pro_nav .btn_gz,.pro_nav .btn_ygz { margin: 16px 10px 0px 10px;}
.pro_nav_l { float:left;}
.pro_nav_l li { float:left}
.pro_nav_l a { color:#222; display:inline-block; height:70px; line-height:70px; padding:0 15px; margin:0 10px; font-size:16px; position:relative}  
.pro_nav_l a:hover,.pro_nav_l a.cur { color:#222;}
.pro_nav_l a.cur:before { width:100%; height: 4px;background: #eb4e4e;content: ""; left:0;}
.pro_nav_l a:before {position: absolute; bottom: 0;left: 50%;width: 0;height:4px;background: #eb4e4e;content: "";transition: all .2s;}
.pro_nav_l a:hover:before {left:0;width:100%}
/*.pro_nav_l li.cur_pro { border-left:1px solid #fff; border-right:1px solid #fff}
.pro_nav_l li.cur_pro:hover { border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4}
.pro_nav_l li.cur_pro a:before{ height:0}*/
.cur_pro { position:relative;}
.pro_nav_list { width:200px; background:#fff; position:absolute; top:70px; left:-1px; padding:20px; display:inline-block; z-index:99;opacity:1; border:1px solid #e4e4e4; border-top:0}
.pro_nav_list h4 {font-weight:700; border-bottom:1px solid #e4e4e4; line-height:34px; font-size:12px; }
.pro_nav_list h5 { text-indent:25px; border-bottom:1px solid #e4e4e4; line-height:34px; font-size:12px; } .pro_nav_list a:hover { color:#eb4e4e}
.pro_nav_list a { height:initial; line-height:inherit; padding:0; margin:0; font-size:12px; position:inherit; display:inherit}
.pro_nav_list a:before { content:initial;}
.icon-pro-down { border-radius:50%; width:14px; height:14px; line-height:14px;vertical-align:middle; text-align:center; font-size:14px!important; margin:0 5px; background:#ccc; color:#fff; display:inline-block}
.icon-add-select,.icon-seleted { margin:0 5px;}

.swiper-container-g .swiper-slide {height:350px}
@media screen and (max-width: 1500px) {
    .swiper-container-g .swiper-slide {height:250px; background-size:contain!important}
}
.swiper-container-g .swiper-pagination-bullet { background:#fff; padding:6px; margin:0 5px; opacity:.5}
.swiper-container-g .swiper-pagination-bullet-active { opacity:1}
.cnt{ background:#fff; padding:60px 80px 80px; margin:20px 0 0}
.cnt-tit { padding:0 0 40px; text-align:center}
.cnt-tit h2 { font-size:26px; font-weight:700; color:#333;}
.cnt-tit p { color:#999; padding:5px 0; font-size:14px;}
.swiper-container-lst .swiper-slide { padding:40px 40px 60px; background:#fff; border:1px solid #f1f1f1; position:relative; height:300px; max-width:327px!important; float:left;}
.swiper-container-lst .swiper-slide .img { width:100%; height:100%; line-height:300px; display:block; margin:0 auto; position:absolute; left:0; top:0; text-align:center;}
.swiper-container-lst .swiper-slide .img img { max-width:100%; max-height:100%; display:inline-block}
.swiper-container-lst .swiper-slide .tit { font-size:14px; color:#fff; text-align:center;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; background:rgba(0,0,0,.7); position:absolute; bottom:0; left:0; width:100%; height:40px; line-height:40px; padding:0}
.swiper-container-lst .swiper-slide .text { position:absolute; -webkit-transition:all .3s ease-in-out .1s;-moz-transition:all .3s ease-in-out .1s;transition:all .3s ease-in-out .1s; opacity:1;visibility:hidden; z-index:101; background:rgba(0,0,0,.7); width:100%; height:100%; padding:50px; top:200px; left:0;}
.swiper-container-lst .swiper-slide .text>div{ color:#fff; line-height:30px; font-size:18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }

.swiper-container-lst .swiper-slide:hover .text { top:0; opacity:1; z-index:103; visibility:visible}
.swiper-button-next,.swiper-button-prev { border-radius:50%; background:#939393; opacity:.6; color:#fff; width:50px!important; height:50px!important; line-height:50px; text-align:center; top:43%!important;}
.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;}
.prolist li { width:200px; height:260px; float:left; margin:20px 30px;}
.prolist li .img { width:200px; height:200px; margin-bottom:10px; overflow:hidden; border:1px solid #f1f1f1; background:#f1f1f1; text-align:center}
.prolist li .img img { max-width:100%; max-height:100%; vertical-align:middle}
.prolist li .img i { vertical-align:middle; display:inline-block; height:100%}
.prolist li .name { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size:14px; line-height:22px;}

.newlist { margin:0 0 30px;}
.newlist li { padding:20px 0; overflow:hidden; width:50%; float:left}
.newlist li .img180 { width:180px; height:120px; line-height:120px; overflow:hidden; float:left; margin:0 22px 0 0; display: table-cell; position:relative; text-align:center; background:#000}
.newlist li .img180 img { max-width:100%; max-height:100%; display:inline-block; vertical-align:middle;}
.newlist 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;}
.newlist li .img180 img { transform: scale(1); transition:all 0.5s} 
.newlist li:hover .img180 img { transform: scale(1.2); transition:all 0.5s}
.newlist li .play-cover{position:absolute;left:0;top:0;width:100%;height:100%; transition:all .25s; background:rgba(0,0,0,.1);}
.newlist li .play-cover:before{ left:5%;bottom:5%;width:32px;height:32px;transition:all .25s; position:absolute;-webkit-transform:scale(.8);transform:scale(.8);background:url(../images/icon_video.png) no-repeat; content:''; opacity:.8}
.newlist li:hover .play-cover:before{-webkit-transform:scale(1);transform:scale(1);opacity:1}
.newlist li .item { float:left; width:280px}
.newlist li .item h3 { font-size:20px; font-weight:700; color:#333; height:56px; line-height:28px; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-bottom:15px;}
.newlist li:hover .item h3 { color:#eb4e4e}
.newlist li .item p { font-size:12px; color:#999} 
.newlist li .item p span { color:#999; margin:0 15px 0 0}  
.newlist li .item p .date { color:#bbb;}

.news_list_data li { width:100%}
.news_list_data li .item { width:830px;}
.news_list_data li .item
.more,.more_add,.product_more,.article_more { 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;} 
.more a,.more_add a,.product_more a,.article_more a { display:block}
.more:hover { background:#e4e4e4}

/*视频详情*/
.video_bg { background:#222; margin:0 0 20px; padding:0 0 30px;}
.video_tit { padding:50px 0 40px;}
.video_cnt { position:relative;} .video_cnt #share { bottom:50px;}
.player-container-html5 { width:100%; height:670px;}
.video_tit h2 { color:#fff; font-size:30px; font-weight:700; margin-bottom:10px;} .video_tit p { color:#999;}
.video_bg #share { padding:20px 0 0; position:inherit!important; text-align:right;}
.video_ft .video_text { width:900px; float:left; color:#999; line-height:22px;}
.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; font-size:12px;} 
.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:20px;bottom:20px;height:26px;line-height:26px;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)}
.icon-play-fill:before { color:#fff; font-size:26px!important; margin:20px 0 0}

.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:60px;} .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}

.company_cnt { background:#fff url(../images/company_bg.jpg) no-repeat center bottom; min-height:400px; margin:20px 0 0}
.company_text { padding:50px 180px 100px;}
.company_text h2 { font-size:30px; margin:20px 0 50px; font-weight:700; text-align:center;}
.company_text p { line-height:30px; font-size:14px; line-height:26px; text-indent:28px; padding:0 0 30px;}

.company_view { padding:35px; background:#fff; margin:30px 0}
.company_view .item-tit { overflow:hidden; margin:0 0 20px}
.company_view .item-tit h3 { font-size:20px; font-weight:700; float:left; margin:0 20px 0 0} 
.company_view .item-tit span { color:#aaa; font-size:14px; margin:5px 0 0; display:inline-block}
.table-text { font-size:14px;}
.table-text h3 { padding:15px 0; font-weight:700}
.table-text table { border:1px solid #e4e4e4; width:100%; margin:0 0 20px;}
.table-text table th { border:1px solid #e4e4e4; background-color:#f7f7f7; padding:15px 20px 15px; width:120px; color:#999}
.table-text table td { border:1px solid #e4e4e4;  padding:15px 20px 15px; width:350px; color:#666}

.contact-cnt { margin:20px 0 0}
.contact-tab { width:600px; min-height:600px; padding:40px; background:#fff; float:left;}
.contact-tab h2 { font-weight:700; font-size:20px; margin-bottom:30px;}
.contact-tab table { font-size:14px; width:100%}
.contact-tab table th{ color:#999; width:20%; padding:12px 0} 
.contact-tab table td { padding:12px 0; width:80%;}

/*产品详情*/
.path { margin:20px 0 0; color:#999; font-size:14px;} .path a { color:#999} .path span { margin:0 5px;}
.pro_cnt { padding:40px; margin:0 0 20px; background:#fff;position: relative;}
.product_info img {max-width: 100%}
#focusImg { width:400px; height:480px; float:left; position:relative}
.gallery-top { margin-bottom:10px!important; height:400px;}
.gallery-top .swiper-slide { text-align:center}
.gallery-top .swiper-slide img { max-width:400px; max-height:400px; vertical-align:middle;}
.gallery-thumbs { margin-left:-10px!important;}
/* .gallery-thumbs .swiper-wrapper { display:inherit} */
.gallery-thumbs .swiper-slide { border:1px solid #ccc; height:72px; width:72px!important;margin:0 0 0 10px!important; overflow:hidden}
.gallery-thumbs .swiper-slide-thumb-active { border-color:#eb4e4e}
.gallery-thumbs .swiper-slide img { width:70px; height:70px;display: block;}
.tab-property { max-height:330px; overflow:hidden}
.tab-property li { font-size:14px; width: 315px; height: 30px; line-height: 30px; float: left; margin:0 10px 0 0; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.tab-property li .property_title { color:#aaa; width:80px; display:inline-block; text-overflow:ellipsis; overflow:hidden;white-space:nowrap; float:left;}

#share { font-size:12px; color:#666; position:absolute; right:10px; bottom:0;}
.social-share .social-share-icon { font-size:20px!important; color:#999!important}
.place_btn { width:260px; height:50px; line-height:50px; border:0; color:#fff; font-size:20px; font-weight:700;border-radius:5px; background:#eb4e4e; position:absolute; bottom:0; left:0; cursor:pointer}
.pro_box { float:right; width:650px; height:480px; position:relative;}
.pro_box h2 { font-size:24px; margin:5px 0 30px; font-weight:700; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow:hidden}
.w960 { width:960px;} .w220 { width:220px;}
.side_contact { padding:10px 0; text-align:center}
.side_contact .head_img { border-radius:50%; width:64px; height:64px; line-height:64px; overflow:hidden; display:inline-block; background:#f0f0f0;}
.side_contact .head_img img { vertical-align:middle; max-width:100%; max-height:100%;}
.side_contact h3 { font-size:18px; font-weight:700; margin:20px 0} 
.side_contact p { font-size:14px; padding:5px 0}
.icon-weixin,.icon-bianzu { color:#666666; font-size:20px!important; position:relative; margin:0 10px;} .icon-weixin:hover{ color:#5faf4c} .icon-bianzu:hover { color:#557fcd}
.icon-weixin .qcode { position:absolute; top:40px; left:-25px; padding:5px; box-shadow:0 0 10px #bbb; height:80px; -webkit-transition: all .3s ease-in-out .1s;
    -moz-transition: all .3s ease-in-out .1s; transition: all .3s ease-in-out .1s; opacity: 0; visibility: hidden; z-index: 101; background:#fff;}
.icon-weixin .qcode img { width:70px; height:70px;}
.icon-weixin:hover .qcode { opacity:1; visibility:visible;top:29px;}
.icon-weixin .qcode:before { content:"";width: 0; height: 0; border-bottom: 6px solid #fff; border-left: 7px solid transparent; border-right: 6px solid transparent; display: inline-block;margin: 0 6px; position:absolute; top:-6px; left:28px;}
.social-share .icon-wechat .wechat-qrcode { right:-30px!important; top:40px!important; width:auto!important; height:auto!important; padding:0 5px;}
.social-share .icon-wechat .wechat-qrcode h4,.social-share .icon-wechat .wechat-qrcode .help { display:none}
.social-share .icon-wechat .wechat-qrcode:after { top: -15px!important; left:50%!important; margin-left: -6px; border-width: 8px 6px 6px 6px!important; border-color: transparent transparent #fff transparent!important;}

.video_list { margin:0 0 0 -80px}
.video_list li { width:480px; height:360px; margin:0 0 20px 80px; display:inline-flex; float:left}
.video_list li p { overflow:hidden; font-size:16px; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin:10px 0; text-align:center}
.video_list .img { width:480px; height:300px; line-height:300px; overflow:hidden; text-align:center; position:relative; display:table-cell; background:#f0f0f0}
.video_list .img img { max-width:480px; max-height:300px;}
.video_list li .icon-bofang { left:42%; bottom:42%; position:absolute; line-height:60px; font-size:60px; color:#fff; opacity:.7}
.video_list li img {transform: scale(1); transition: all 0.2s;}
.video_list li img:hover { transform:scale(1.1);}

.video_s_list { margin:0 0 0 -26px;}
.video_s_list li { width:240px; height:420px; float:left; margin:0 0 20px 26px;}
.video_s_list li p { line-height:22px; overflow:hidden; font-size:16px; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:5px 0}
.video_s_list .img { width:240px; height:345px; line-height:345px; display:table-cell; overflow:hidden; text-align:center; position:relative; background:#f1f1f1; margin-bottom:10px;}
.video_s_list .img img { max-width:240px; max-height:345px; }
.video_s_list li .icon-bofang { left:40%; position:absolute; width:55px; height:50px; font-size:50px; color:#fff; opacity:.7}
.video_s_list li img {transform: scale(1); transition: all 0.2s;} 
.video_s_list li img:hover { transform:scale(1.1);}

.no_contact { text-align:center; padding:10px 0; margin:0 auto;}
.no_contact p { margin:0 0 40px; font-size:16px;}
.no_contact p span { color:#eb4e4e}
.icon-prompt { font-size:46px!important; color:#eb5151}

.side_pro { width:280px; padding:30px 60px; background:#fff; float:left;}
.side_pro .side_tit { font-size:16px; font-weight:700; padding:0 30px; padding:0 0 20px;}
.cnt_pro { width:890px; padding:30px 50px; background:#fff; float:right; margin-bottom:20px;}
.cnt_pro .tit { padding:0 0 20px;}
.cnt_pro .tit h3 { font-size:16px; font-weight:700; padding:0 30px}
.cate-tree { font-size:14px;}
.cate-tree a { color:#666}
.cate-tree h3 { margin:10px 0; height:20px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.cate-tree h3 i { width:14px; height:14px; background:url(../images/tree_icon.png) no-repeat; display:inline-block; margin:0 10px 0 0; vertical-align:middle; cursor:pointer}
.cate-tree h3.on i { background-position:0 -16px;}
.cate-tree ul { display:none}
.cate-tree li { padding:0 0 0 26px; margin:5px 0; height:20px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.cate-tree li:before { content:''; width:12px; height:16px; display:inline-block; margin:0 10px 0 0; vertical-align:middle; background:url(../images/tree_icon.png) no-repeat 0 -32px;}
/*footer*/
.footer { border-top:1px solid #e5e5e5; padding:20px 0; width:1200px; margin:0 auto; overflow:hidden; clear:both;}
.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;}

.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;}
.text_good{display:inline-block; position:absolute; right: 100px; top:58px; cursor: pointer;}
.text_good .icon-good:before {font-size: 20px;}
.text_good.on { color:rgb(255, 0, 0)}

.news_cnt { background:#fff; width:880px; padding:40px; margin:0 0 30px}
.news_cnt_tit { margin:0 0 30px;}
.news_cnt_tit h2 { font-size:32px; color:#000; margin:0 0 20px; font-weight:700}
.news_cnt_tit p { color:#999; font-size:14px;} .news_cnt_tit p span { margin:0 0 0 30px;}
.news_fx { border-bottom:1px solid #e4e4e4; height:50px; position:relative;}
.news_fx .icon-good { font-size:14px; color:#666;}
.news_fx .icon-good:before { font-size:26px;}
.news_fx .icon-good.on { color:#eb4e4e}
.news_fx #share { position:absolute;right:0; top:-10px; color:#666; font-size:14px;}
.news_cnt_text,.news_cnt_vod { padding:30px 0}
.news_cnt_text p { line-height:28px; font-size:16px; margin:20px 0}
.news_cnt_text img { max-width:100%; margin:0 auto}
.news_cnt .video_cnt { padding:30px 0 0}  

.side_tit { color:#999; font-size:14px; margin:0 0 10px;}
.side_news dl { border-bottom:1px solid #e4e4e4; padding:10px 0; margin:10px 0; cursor:pointer}
.side_news dl dt { font-size:16px; font-weight:700; margin-bottom:15px; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden}
.side_news dl dd { padding:0 0 10px; overflow:hidden}
.side_news dl dd .img { width:100px; height:70px; line-height:70px; text-align:center; overflow:hidden; display:inline-block; float:left; margin:0 10px 0 0; background:#f0f0f0;}
.side_news dl dd .img img { max-width:100%; max-height:100%;}
.side_news dl dd p { text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; overflow:hidden; color:#999}
.inquiry-pop { background:#f5f5f5; padding:29px;width:700px; overflow:hidden}
.inquiry_pop_tit { margin-bottom:20px; overflow:hidden}
.inquiry_pop_tit img { width:58px; height:58px; border:1px solid #e4e4e4; float:left; margin:0 10px 0 0}
.inquiry_pop_tit h3 { font-size:16px; font-weight:700; float:left; margin:10px 0;text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden; width:570px;}
.inquiry_pop_text textarea { width:100%; height:200px; border:1px solid #ccc; padding:15px; font-size:14px; color:#999; font-size:16px; border-radius:5px;}
.inquiry_pop_text textarea::-webkit-input-placeholder { color:#ccc;}
.inquiry_pop_text { margin-bottom:20px;}
.uplaoding_l { float:left; width:300px;}
.uplaodimgs { float:left; width:100px; height:100px; position: relative; border-radius:5px; border:1px solid #ccc; background:#fff; text-align:center; margin:0 20px 0 0; overflow: hidden; cursor:pointer}
.uplaodimgs .icon-pic { font-size:50px; color:#ccc; margin: 20px 23px; display: inline-block;}
.uplaodimgs img { max-width: 100%; max-height: 100%; vertical-align: middle;}
.uplaoding_l p { width:100%; padding:20px 0 0; color:#aaa}
.inquiry_pop_appendix .place_btn { left:initial; right:0; position:inherit; float:right; margin:40px 0 0}

.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;}
.competition {float:left;width:880px;background:#ffffff;margin-bottom:20px;box-sizing:border-box;padding:31px 0 60px 38px;}
.competition h4 {font-size:20px;color:#343434;font-weight:bold;float:left;}
.competition .moreVideo {color:#9A9A9A;font-size:14px;float:right;margin-right:33px;}
.video-box {margin-top:35px;}
.video-box li {float:left;width:180px;margin-left:28px;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 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;}
.video_cnt .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;}
.hasMediaUrl .videoDiv {display:none;background-color:#000;width:100%;height:100%;}
.hasMediaUrl .videoDiv video {width:100%;height:100%;}
.hasMediaUrl .imgDiv {position:relative;width:100%;height:100%;}
.hasMediaUrl .imgDiv .icon-play-video {position:absolute;color:#000;left:10px;bottom:10px;display:inline-block;width:40px;height:40px;background:url("../../Content/images/icon_video.png") no-repeat;background-size:40px 40px;}
div.zoomDiv {z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.labelBox {position:absolute;top:-30px;right:28px;}
.labelNum {text-align:center;margin-left:56px;margin-top:-44px;font-size:20px;color:#fff;font-weight:bold;}