@font-face {
    font-family: "Righteous-Regular";
    src: url('../fonts/Righteous-Regular.eot'); /* IE9 */
    src: url('../fonts/Righteous-Regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Righteous-Regular.woff') format('woff'), url('../fonts/Righteous-Regular.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../fonts/Righteous-Regular.svg#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {
    font-family: "Merienda-Bold";
    src: url('../fonts/Merienda-Bold.eot'); /* IE9 */
    src: url('../fonts/Merienda-Bold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Merienda-Bold.woff') format('woff'), url('../fonts/Merienda-Bold.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../fonts/Merienda-Bold.svg#iconfont') format('svg'); /* iOS 4.1- */
}
body,html{-ms-overflow-style: scrollbar;/*解决ie浏览器右侧滚动条遮挡内容问题*/}
a{color:#333333;text-decoration:none;outline:medium none;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
a:link,a:visited{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none; color:#3ba618}
img{max-width:100%}
img,li{vertical-align:top;border:0}
.clear{clear:both;line-height:0;font-size:0;width:0;height:0}
*{margin:0;padding:0}
html *,html *:before,html *:after {box-sizing: border-box;-webkit-transition: 0.5s;transition: 0.5s;}
ul{list-style-type:none}
b,body,dd,div,dl,dt,form,h1,h2,h3,h4,h3,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0}
body,td,th,input{font-size:12px;line-height:1.5;}

#header{ background:#fff;}
#header .container{width:90%;}


.top_logo{text-align:left;}
.top_logo a{margin:0px; display:inline-block;}
.top_logo a img{display:inline-block;}
.top_logo p{display:inline-block; position:relative;}
.top_logo p img.industryqrcodetit{margin-top:25px;}
.top_logo p img.industryqrcode{ position:absolute; display:none; left:0px; top:60px; height:150px; width:150px;z-index:999; max-width:150px; padding:3px; border:solid 1px #eaeaea; background:#fff;}

@media (min-width:1px) and (max-width:768px)
{
     #header .container{width:100%; padding:0px;}
    .top_logo a{ width:80%;}
    .top_logo p{float:right;}
    .top_logo p img.industryqrcodetit{margin-top:15px;}
    .top_logo p img.industryqrcode{left:auto; right:0px;}
}


.top_hotExh ul{margin-top:0px;}
.top_hotExh ul li a{ font-size:16px; color:#000000;font-family:'Righteous-Regular',Arial, Helvetica, sans-serif;  line-height:66px;}
/*
.top_hotExh ul li h3{ font-size:30px; color:#0d3b66;text-shadow:3px 2px 4px #999999; font-weight:bold;}
.top_hotExh ul li em{margin-left:20px;float:left;width:0;height:0;border-width:8px;border-style:solid;border-color:transparent #3b5997 transparent transparent;transform:rotate(180deg);margin-top:8px}
.top_hotExh ul li{ margin-right:25px;}
.top_hotExh ul li span{ color:#3b5997; font-size:16px; line-height:2em; font-weight:bold;}
.top_hotExh ul li i{ display:inline-block;font-size:18px; color:#333333; margin-right:10px;}
.top_hotExh ul li p{ display:inline-block; font-size:14px; color:#0d3b66; line-height:2em;}
.top_hotExh ul li p b{font-size:20px; color:#0d3b66; margin:0 5px;}
    */
#bframe{background:#0d3b66 url(../images/1_04.jpg) no-repeat center top; min-height:1190px;}
#bframe .title h2{ font-size:41px; color:#ffffff; line-height:2em; margin-top:188px; font-weight:bold;}
#bframe .title p{ font-size:25px; color:#ffffff; line-height:2em;}
@media (min-width:1px) and (max-width:768px) {
    #header .container{width:100%;}
    .top_hotExh ul li h3{font-size:18px;}
    #bframe .container{ margin-left:0px; margin-right:0px; }
    #bframe .title h2{font-size:17px; margin-top:70px;}
    #bframe .title p{font-size:14px;}
}
.hotIndustry{ background:#0366a9; border-radius:10px; margin-top:50px;}
.hotIndustry h3{font-size:21px; font-weight:bold; color:#fff; line-height:3em; display:block;}
.hotIndustry .pck .thumbnail{padding:0px; overflow:hidden;}
.hotIndustry .pck .thumbnail img{width:100%; height:auto;text-decoration:none;-webkit-transition:all .5s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
.hotIndustry .pck .text{position:absolute; top:15px; left:25px;}
.hotIndustry .pck h4{ font-size:16px; font-weight:bold;  color:#000000; line-height:2em;}
.hotIndustry .pck a{}
.hotIndustry .pck a i{ font-size:25px;  color:#999999; line-height:2em; display:inline-block; vertical-align:middle;text-decoration:none;-webkit-transition:all .5s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s }
.hotIndustry .pck .thumbnail:hover i{display:inline-block; color:#0d3b66;transform:scale(1.1);}
.hotIndustry .pck .thumbnail:hover img{transform:scale(1.1);}


.hotExhibition{ background:#ffffff; border-radius:10px; margin-top:50px; padding-top:10px;padding-bottom:25px;}
.hotExhibition h3{font-size:21px; font-weight:bold; color:#000000; line-height:3em; display:block; margin-bottom:15px;}
.hotExhibition .pnk dl dd{ background:#3c6da2; border-radius:5px; margin-bottom:15px; padding:15px; position:relative;}
.hotExhibition .pnk dl dd h4{ display:block; font-size:14px; font-weight:bold;color:#fff; line-height:2em;}
.hotExhibition .pnk dl dd p{display:block;font-size:12px;color:#fff; line-height:2em;}
.hotExhibition .pnk dl dd i{font-size:25px;color:#fff; position:absolute; right:35px ;top:25px;}
.hotExhibition .pnk dl dd:hover i{color:#0d3b66;transform:scale(1.1);}
.hotExhibition .pnk2 img{ width:100%;}
.hotExhibition .pnk3{ margin-top:35px;}
.hotExhibition .pnk3 a{display:block; border:solid 1px #3c6da2; border-radius:5px; padding:15px 25px;}
.hotExhibition .pnk3 a i{display:inline-block; font-size:40px; color:#3c6da2;vertical-align:middle; font-weight:bold;}
.hotExhibition .pnk3 a span{display:inline-block; font-size:18px; color:#3c6da2; font-weight:bold; vertical-align:middle;}

@media (min-width:1px) and (max-width:768px) {
.hotExhibition .pnk3{ margin-top:15px;}
}


#tframe1{background:#0d3b66; padding-top:50px;padding-bottom:50px;}
#tframe1 .container1{background:rgba(9,43,57,0.5); margin:0px auto; padding:0px; border-radius:15px; padding-bottom:50px;}
#tframe1 .title h2{ font-size:42px; color:#d4b670; line-height:3em; font-weight:bold; text-align:center;}
#tframe1 .videoimg a{position:relative; display:block;}
#tframe1 .videoimg a img{border-radius:10px; display:block;}
#tframe1 .videoimg a i{ font-size:80px; color:#000000; position:absolute; top:calc((100% - 85px)/2);left:calc((100% - 85px)/2);text-decoration:none;-webkit-transition:all .5s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
#tframe1 .videoimg a:hover i{color:#fff;}



#tframe1 .container2{ margin-top:80px;padding:0px; }
#tframe1 .container2 .pakdiv{margin:0px; padding:0px; background:none; color:#fff;}
#tframe1 .container2 .pakdiv img{width:100%; height:auto; display:block;}
#tframe1 .container2 .pakdiv.pak{padding:20px;}
#tframe1 .container2 .pakdiv.pak h3{font-size:30px; font-weight:bold;}
#tframe1 .container2 .pakdiv.pak p{font-size:14px; color:#7690a8; margin-top:10px;}
#tframe1 .container2 .pakdiv.pak2{padding:20px; margin-top:80px;}
#tframe1 .container2 .pakdiv.pak2 h3{font-size:30px; font-weight:bold;}
#tframe1 .container2 .pakdiv.pak2 p{font-size:14px;color:#7690a8; margin-top:10px;}
#tframe1 .container2 .pakdiv.pak3{padding:20px;margin-top:80px;}
#tframe1 .container2 .pakdiv.pak3 h3{font-size:30px; font-weight:bold;}
#tframe1 .container2 .pakdiv.pak3 p{font-size:14px;color:#7690a8; margin-top:10px;}


#ProcessDiv{ display:block; background:rgba(9,43,57,0.5); margin:0px auto;margin-top:50px; padding:20px 0px; border-radius:15px; }
#ProcessDiv .title{ }
#ProcessDiv .title h3{font-size:21px; padding-left:20px; font-weight:bold; color:#fff; line-height:3em; display:block; margin-bottom:15px;}
#ProcessDiv .stepdiv{padding-left:30px;display:inline-block;}
#ProcessDiv .stepdiv i{display:block; font-size:18px;width:45px; color:#fff; padding:10px; height:45px; text-align:center;  border-radius:50%; border:solid 1px #395b79;}
#ProcessDiv .stepdiv p{display:block; }
#ProcessDiv .stepdiv h4{font-weight:bold; font-size:18px; color:#fff;display:block;}
#ProcessDiv .stepdiv h4 b{font-weight:bold; font-size:18px; color:#dcbb71; margin-left:5px;}
#ProcessDiv .stepdiv span{font-size:12px; color:#7690a8; line-height:1.3em; margin-top:10px; display:block;}
@media (min-width:1px) and (max-width:768px) {
#tframe1 .container1{ margin:0px 0px; padding:0px 15px; padding-bottom:30px;}
#tframe1 .title h2{ font-size:17px; }
#videomodal{width:95%;}
#tframe1 .container2 {display:none;}
    #ProcessDiv .title h3{ font-size:17px; }
    #ProcessDiv .stepdiv{margin-top:15px;}
}
#tframe2{background:#f5f7fa;}
#tframe2 .title{ }
#tframe2 .title h2{ font-size:42px; color:#000000; line-height:3em; font-weight:bold; text-align:center;}
#tframe2 .pcp .thumbnail{border-radius:0px; border:0px; padding:0px;  background:none;}
#tframe2 .pcp .thumbnail .img{display:table-cell; width:100%; height:260px; overflow:hidden; border:solid 1px #eaeaea; background:#fff; vertical-align:middle;}
#tframe2 .pcp .thumbnail img{ display:inline-block; width:100%; height:auto;}
#tframe2 .pcp .thumbnail .caption{}
#tframe2 .pcp .thumbnail .caption h4{ display:block; font-size:16px; text-align:center; line-height:2em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#tframe2 #hot_Exh{ margin-top:50px;}
@media (min-width:1px) and (max-width:768px) {
#tframe2 .title h2{font-size:20px;}
#tframe2 .container{ margin:0px 0px; padding:0px;}
#tframe2 #hot_Exh{display:none;}
    frame2 .pcp .thumbnail .img{ height:115px;}
    #tframe2 .pcp .thumbnail .caption h4 {
        font-size: 12px;
    }

}

#footer{padding-top:50px; padding-bottom:30px;background:#f5f7fa;}
#footer ul li a{font-size:16px; line-height:2em; color:#000000;}
#footer p{ display:block; font-size:16px; line-height:2em; color:#000000;}

@media (min-width:1px) and (max-width:768px) {
#footer ul li a{font-size:12px;}
#footer p{font-size:12px;}
}

#nbframe{background:#081f5b url(../images/1_04.jpg) no-repeat center top; min-height:450px; padding-bottom:50px;}
#nbframe .title h2{ font-size:41px; color:#ffffff; line-height:2em; margin-top:140px; font-weight:bold;}
#nbframe .title p{ font-size:25px; color:#ffffff; line-height:2em;}
@media (min-width:1px) and (max-width:768px) {
    #nbframe .container{ margin-left:0px; margin-right:0px; }
    #nbframe .title h2{font-size:17px; margin-top:70px;}
    #nbframe .title p{font-size:14px;}
}
.industryIntroduction{ margin-top:150px; background:#0055ce;border-radius:15px;}
.industryIntroduction .title h3{font-size:25px; padding:0px 35px; text-align:left; font-weight:bold; color:#fff; line-height:2em; display:block;}
.industryIntroduction .content{ padding:25px 35px; background:#fff; font-size:14px; line-height:2em;border-radius:0px 0px 15px 15px;}

.hotIndVideo{ margin-top:40px; background:#0055ce; border-radius:15px; padding:0px;}
.hotIndVideo .title h3{font-size:25px; text-align:center; font-weight:bold; color:#fff; line-height:3em; display:block;}
.hotIndVideo .video{ padding:25px 35px;}
.hotIndVideo .video img{ width:100%; height:auto;  border-radius:15px;}

.hotCompany{border-radius:15px; background:#fff; margin-top:50px;}
.hotCompany .carousel .item .leftimg{padding-left:0px;}
.hotCompany .carousel .item .leftimg img{ display:block; border-radius:15px 0px 0px 15px; width:100%; height:auto;}
.hotCompany .carousel .item .text{ padding-top:25px; padding-bottom:25px;}
.hotCompany .carousel .item .text h3{ display:block; font-size:20px; color:#000000; line-height:2em; font-weight:bold;}
.hotCompany .carousel .item .text p{ display:block; font-size:14px; color:#666666; line-height:2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}
.hotCompany .carousel-indicators{bottom:0px;}
.hotCompany .carousel-indicators .active{background:#0d3b66;}
.hotCompany .carousel-indicators li{border:solid 1px #3c6da2;}

.recSuppliers{background:#0886fa; border-radius:15px; padding:5px 25px; margin-top:50px;}
.recSuppliers i{ float:left;font-size:50px; color:#fff;}
.recSuppliers em{float:left; width:5px; height:60px; background:#41a1fb; margin-left:25px; margin-top:10px;}
.recSuppliers span{float:left; font-size:23px; color:#fff; font-weight:bold; margin-left:25px; line-height:70px; text-transform:uppercase;}
.recSuppliers a{float:right;}

@media (min-width:1px) and (max-width:768px) {
    .hotIndVideo .title h3{font-size:14px;}
    .recSuppliers i{font-size:25px;}
    .recSuppliers span{font-size:12px; line-height:30px;}
    .recSuppliers em{ height:25px;}
}

.recCompanyList{ margin-top:50px;}
.recCompanyList .comp{ }
.recCompanyList .comp .comp_show{ background:#fff; border-radius:15px; margin-bottom:15px; }
.recCompanyList .comp .comp_top_logo a{display:table-cell;width:100px; height:100px; vertical-align:middle; }
.recCompanyList .comp .comp_top_logo img{ width:100%; height:auto;}
.recCompanyList .comp .comp_top_header{padding-top:15px;}
.recCompanyList .comp .comp_top_header h3{ display:block; position:relative; font-size:18px;  color:#000000; line-height:2em;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.recCompanyList .comp .comp_top_header h3 i{position:absolute; top:0px; right:0px;}

.recCompanyList .comp .comp_top_header p{ display:block; font-size:14px;  color:#000000; line-height:1.5em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.recCompanyList .comp .comp_content{ margin-top:10px; overflow:hidden;}
.recCompanyList .comp .comp_content img{ background:#dddddd;}
.recCompanyList .comp .comp_content img:hover{transform:scale(1.1);}
.recCompanyList .comp .comp_content .vrlinkdiv{ position:relative;}
.recCompanyList .comp .comp_content .vrlinkdiv i{ position:absolute; top: 50%;left:50%; margin-top: -25px; margin-left: -25px; font-size:50px; color:#fff;}
.recCompanyList .comp .comp_content .vrlinkdiv a.btn_tc i{color:#3b5997;text-shadow:0 0 5px #fff, 0 0 5px #fff;}
.recCompanyList .comp .comp_content .vrlinkdiv a.btn_tc_v i{color:#3b5997;text-shadow:0 0 5px #fff,-0 -0 5px #fff;}
.recCompanyList .comp .comp_content .vrlinkdiv a.noinfo{color:#999999;}
.recCompanyList .comp .comp_content .vrlinkdiv a.noinfo img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.recCompanyList .comp .comp_content .vrlinkdiv a.noinfo i{color:#dddddd;}

ul.qrcodeul{position:absolute;right:15px; top:0px; background:#fff;}
ul.qrcodeul li.qrcodelink{ position:relative;}
ul.qrcodeul li.qrcodelink img{ display:block; width:30px; height:30px; padding:3px; border:solid 1px #eaeaea;background:#fff;}
ul.qrcodeul li.qrcodelink .divOne{display:none; windows:150px; height:150px; background:#fff;}
ul.qrcodeul li.qrcodelink ul{position:absolute; right:0px; top:30px; z-index:999;}
ul.qrcodeul li.qrcodelink ul li img{ display:none; width:100px; height:100px; padding:3px;max-width:100px; border:solid 1px #eaeaea;background:#fff;}



.recCompanyList .comp .comp_content .livelinkdiv{ position:relative;}
.recCompanyList .comp .comp_content .livelinkdiv a{ position:absolute; bottom:15px; left:50%; margin-top: -25px; border:solid 1px #3b5997; background:#3b5997; margin-left: -56px; font-size:14px; color:#fff;}
.recCompanyList .comp .comp_content .livelinkdiv a:hover{background:#fff; color:#3b5997;}
.recCompanyList .comp .comp_content_booth .snslink{ margin-top:5px; text-align:right;}
.recCompanyList .comp .comp_content_booth .snslink a{display:inline-block; margin-right:10px;}
.recCompanyList .comp .comp_content_booth .snslink a i{font-size:25px; color:#3b5997;}
.recCompanyList .comp .comp_content_booth .snslink a:nth-child(2) i{color:#0b66c1}
.recCompanyList .comp .comp_content_booth .snslink a:nth-child(3) i{color:#d54029}
.recCompanyList .comp .comp_content_booth .snslink a:hover i{color:#16ade4;}
.recCompanyList .comp .comp_content_booth .roomlink{text-align:left; margin-top:10px;}
.recCompanyList .comp .comp_content_booth .roomlink a.btn{display:inline-block;border:solid 1px #3b5997; padding:3px 20px; line-height:25px; color:#3b5997; margin-right:15px;}
.recCompanyList .comp .comp_content_booth .roomlink a.btn i{ float:left; font-size:22px; color:#3b5997; margin-right:5px;}
.recCompanyList .comp .comp_content_booth .roomlink a.btn:hover{background:#3b5997; color:#fff;}
.recCompanyList .comp .comp_content_booth .roomlink a.btn:hover i{ color:#fff;}
.recCompanyList .comp .comp_content_pro{background:#f9f9f9; margin-top:10px; padding:15px 0px 25px 0px;border-radius:0px 0px 15px 15px;}
.recCompanyList .comp .comp_content_pro .thumbnail{border-radius:0px; padding:0px; margin:0px; position:relative; overflow:hidden;}
.recCompanyList .comp .comp_content_pro .thumbnail .img{display:table-cell; height:115px; overflow:hidden; border:solid 1px #eaeaea; background:#fff; vertical-align:middle;}
.recCompanyList .comp .comp_content_pro .thumbnail img{ display:inline-block; width:100%; height:auto;}
.recCompanyList .comp .comp_content_pro .thumbnail a{position:absolute; top:100%; left:0px; width:100%; height:100%; padding:15px; font-size:12px; background:rgba(0,0,0,0.5);  color:#fff;}
.recCompanyList .comp .comp_content_pro .thumbnail:hover a{top:0px;}
.recCompanyList .comp .cardDiv{display:block;}
.recCompanyList .comp .cardDiv a.btn{display:block; width:180px; font-size:14px; margin:10px auto;}


#rowcaption_company{ margin-top:50px;}
#rowcaption_company .pcp .thumbnail{border-radius:10px; border:0px; padding:0px;  background:#fff;}
#rowcaption_company .pcp .thumbnail .img{display:table-cell; height:260px; overflow:hidden;  background:#fff; vertical-align:middle; border-radius:10px 10px 0px 0px;}
#rowcaption_company .pcp .thumbnail .img img{ display:inline-block; width:100%; height:auto;}
#rowcaption_company .pcp .thumbnail .img img:hover{transform:scale(1.1);}
#rowcaption_company .pcp .thumbnail .caption h4{ display:block; font-size:16px; text-align:center; line-height:2em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#rowcaption_company .pcp .thumbnail .caption_company{display:block; padding:0px 10px; border-top:solid 1px #eaeaea;}
#rowcaption_company .pcp .thumbnail .caption_company ul li p{ width:70px; display:table-cell; height:70px; overflow:hidden;  background:#fff; vertical-align:middle;}
#rowcaption_company .pcp .thumbnail .caption_company ul li p img{display:inline-block;width:100%; height:auto;}
#rowcaption_company .pcp .thumbnail .caption_company ul li h4{ margin-top:25px; display:inline-block; max-width:150px; font-size:14px; color:#000000; line-height:2em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


#ntframe{ background:#f0f0f0;}
.titleDiv {background:#fff; border-radius:10px; padding:5px 20px; margin-top:35px;}
.titleDiv ul li img{ max-height:50px; width:auto; height:100%;}
.titleDiv ul li h2{font-size:18px; line-height:50px;}
.titleDiv ul li a{font-size:14px; line-height:50px;font-weight:bold;}
.titleDiv ul li a i{font-size:18px;}

.introDiv{background:#fff; border-radius:10px; padding:20px; margin-top:35px;}
.introDiv h3{font-size:18px; line-height:50px; display:block; font-weight:bold;}
.introDiv em{display:block;height:1px;background:#eaeaea;}
.introDiv p{display:block; margin-top:10px; line-height:2em; font-size:14px;}
.introDiv ul{ margin-top:20px;}
.introDiv ul:last-child li b{font-size:16px; color:#3c6da2;}
.introDiv ul:last-child li a i{font-size:18px; color:#005c94; border:solid 1px #005c94; padding:5px;border-radius:50%;}
.introDiv ul:last-child li a:hover i{font-size:18px; color:#3c6da2; border:solid 1px #3c6da2; padding:5px;border-radius:50%;}
.introDiv ul li.facebook a i{ color:#3c6da2; border:solid 1px #3c6da2;}
.introDiv ul li.linkin a i{ color:#005c94; border:solid 1px #005c94;}
.introDiv ul li.youtube a i{ color:#005c94; border:solid 1px #005c94;}
.introDiv a.btn_tc{ color:#3c6da2;}
.proShowcasetit{ margin-top:20px; margin-bottom:25px; background:#fff; padding:20px 0px; border-radius:10px;}
.proShowcasetit h3{margin-top:20px; margin-bottom:25px;font-size:18px;display:block;  font-weight:bold;}

.proShowcasetit .pcp .thumbnail{border-radius:5px; padding:0px;  background:#fff;}
.proShowcasetit .pcp .thumbnail .img{display:table-cell; height:260px; overflow:hidden;  background:#fff; vertical-align:middle; border-radius:10px 10px 0px 0px; border-bottom:solid 1px #eaeaea;}
.proShowcasetit .pcp .thumbnail .img img{ display:inline-block; width:100%; height:auto;}
.proShowcasetit .pcp .thumbnail .img img:hover{transform:scale(1.1);}
.proShowcasetit .pcp .thumbnail .caption h4{ display:block; font-size:16px; text-align:center; line-height:1.5em;height:3em;overflow: hidden;}



.bg_div{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0px;left:0px; display:none; z-index:9999;}
.bg_div .content{width:95%; height:90%; margin-top:50px;border:solid 1px #eaeaea;}
.bg_div .content .tc_close{position:absolute;top:15px; right:25px;}
.bg_div .content .tc_close img{width:30px; height:30px;}
.bg_div .content .tc_content{width:100%; height:100%;}
.bg_div .content .tc_content iframe{width:100%; height:100%; border:0px;}

.bg_div_v{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0px;left:0px; display:none; z-index:9999;}
.bg_div_v .content_v{width:95%; height:90%; margin-top:50px;border:solid 1px #999999;}
.bg_div_v .content_v .tc_close_v{position:absolute;top:15px; right:25px;}
.bg_div_v .content_v .tc_close_v img{width:30px; height:30px;}
.bg_div_v .content_v .tc_content_v{width:100%; height:100%;}
.bg_div_v .content_v .tc_content_v video{width:100%; height:100%; border:0px;}


@media (min-width:1px) and (max-width:768px) {
    .introDiv ul.list-inline:first-child li{width:50%;}

    .titleDiv ul li h2{font-size:14px;}
    .recCompanyList .comp .comp_top_header h3{font-size:14px;}
    .recCompanyList .comp .comp_top_header p{font-size:12px;}
    .hotCompany .carousel .item .text h3{ font-size:16px; font-weight:bold;}
    .recCompanyList .comp .comp_content_pro .thumbnail{ margin-bottom:10px;}
    #rowcaption_company .pcp .thumbnail .img{height:155px;}
    #rowcaption_company .pcp .thumbnail .caption_company{display:none;}
    #rowcaption_company .pcp .thumbnail .caption_company ul{display:none;}
    .recCompanyList .comp .comp_content_booth .roomlink a.btn{ padding:3px 10px}
    .recCompanyList .comp .comp_content_booth .snslink{  text-align:left;}
    .titleDiv ul li a{font-size:12px; line-height:50px;font-weight:bold;}
    .proShowcasetit .pcp .thumbnail .img{height:115px;}
}
p.livestatus{position:absolute;left:15px;top:0;width:100%;height:20px;display:inline-block;color:#fff; width:65px; font-size:12px;line-height:20px;border-radius:4px;background-color:#0485FE}
.sk-wave{float:left;width:25px;height:20px;padding:0px 0px 0px 5px;font-size:1em;}
.sk-wave i{color:#fff;font-size:12px;color:#fff;font-weight:700;margin:0 auto;line-height:20px}
.sk-wave .sk-rect{background-color:#fff;height:15px;width:2px;margin-right:3px;display:inline-block;-webkit-animation:sk-wave-stretch-delay 1.2s infinite ease-in-out;animation:sk-wave-stretch-delay 1.2s infinite ease-in-out}
.sk-wave .sk-rect-1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}
.sk-wave .sk-rect-2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.sk-wave .sk-rect-3{-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes sk-wave-stretch-delay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}
20%{-webkit-transform:scaleY(1);transform:scaleY(1)}
}
@keyframes sk-wave-stretch-delay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}
20%{-webkit-transform:scaleY(1);transform:scaleY(1)}
}
.black_overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1001;-moz-opacity:.8;opacity:.8}
.white_content{display:block;position:fixed;top:15%;right:10%;width:80%;z-index:1002;overflow:hidden; }
.tcw{background:url(../images/cardbg.jpg) no-repeat center top;background-size:100% 100%;margin:0 auto; vertical-align:top; max-width:600px;width:100%;min-width:320px;padding:50px 80px;border-radius:25px;}
.tcw h3{font-size:20px;text-align:center;display:block;color:#fff}
.tcw span{font-size:12px;border:solid 1px #fff;background:#fff}
.tcw input{font-size:12px;border:solid 1px #fff}
.tcw .btn{font-size:12px}
.businesscard{position:fixed;right:20px;bottom:10%;z-index:99}
.businesscard a i{font-size:35px;color:#ff6a00}


@media (min-width:1px) and (max-width:768px) {
    .tcw{padding:40px;}
}


@media (min-width:768px) and (max-width:1920px) {
 .tcw .tcwLeft{float:left; padding-top:60px;}
.tcw .tcwLeft{ float:left; width:160px;}
.tcw .bs-example{float:right; max-width:250px; padding-top:20px; padding-left:35px;}
}