@charset "utf-8";
/*html,body{width:-webkit-fit-content;}*/
body { width:100%;font-family: Verdana, Arial, sans-serif, "微软雅黑 Light";font-size: 14px;font-style: normal;line-height: 32px;font-weight: normal; font-variant:normal; color:#666; }
p,span,dl,dd,dt,ol,ul,li,table,td,tr,h1,h2,h3,h4,h5{ margin:0; padding:0;}
ul,li{ list-style:none}
*{padding: 0; margin: 0;}
.main{ width:1200px; margin:0 auto; overflow:hidden;}
a{ text-decoration:none}
.left{ float: left}
.right{ float:right}

/*字体颜色通用*/
.ff0000{ color:#ff0000}

/*字体大小通用*/
.size12{ font-size:12px; color:#999}
.size80{ font-size:80px; font-weight:normal; color:#861b20; font-family:Arial, Helvetica, sans-serif; margin-left:-15%}


/****优建材顶部样式****/
.head_bg{ width:100%;height:32px; line-height:32px; font-size:12px; top:0;position:fixed;z-index:9999;border-bottom:1px solid #dcdcdc; background:#f1f1f1; display:inline}
.head_l a{ margin:0 5px; color:#999}
.head_l{ float:left;}
.head_l span{ color:#F00;}
.head_r{float:right; }
.head_r span{ display:inline-block; margin:0 5px;}
.head_r li{ display:inline-block; padding:0 5px}
.head_r_tab .tablink{position:relative;padding:0px 12px;display:block;z-index:99; background:url(../images/head_r.jpg) no-repeat 73px 15px;}
.head_r_tab:hover .tablink{color:#fff; background:#0066cb;}
.head_r_tab:hover a{color:#fff;}
.head_r a { color:#999}
.dropdown ul{display:none}
.dropdown:hover ul{float:left;top:32px;position:absolute;display:block;z-index:99}
.subnav{padding:5px;}
.subnav a{ color:#fff;line-height:25px;padding:4px 0 4px 10px;white-space:nowrap;}
.subnav :hover{color:#fff; text-decoration:none}
.dropdown .subnav{ color:#fff; background:#0066cb;}
/*优建材顶部样式-----结束*/

/***展会报道样式----开始***/
.logobox{ width:100%;margin-top:60px; padding-bottom:20px;}
.logo{ float:left; width:30%}
.search{ float:right; width:70%}
* {box-sizing: border-box;}
.search form.example input[type=text] {padding:0 10px;line-height:45px;font-size: 14px;border: 1px solid #7f2a2a;float: left;width: 80%;background: #fff;}
.search form.example button {width: 20%;padding:1px 10px;line-height:45px;background:linear-gradient(to right, #7f2a2a , #fe0000);color: white;font-size: 16px;border: 0px solid grey;
border-left: none;cursor: pointer;}
.search form.example button:hover {background:#7f2a2a;border: 0px solid grey;}
.search form.example::after {content: "";clear: both;display: table;}

.navbox{ width:100%;background:linear-gradient(to right, #7f2a2a , #fe0000);}

.nav-menu li{ display: inline-block;width:150px; text-align:center}
.nav-menu li a {display: block;color: #fff; line-height:52px;text-decoration: none;}
.nav-menu li a.active {background:url(../images/nav-a.png) no-repeat;color: white;}
.nav-menu li a:hover:not(.active) {background:#7f2a2a;color: white;}

.banner1 p{ margin:10px 0; width:1200px; height:68px;overflow:hidden;}

.one-left{ width:165px; float:left; overflow:hidden; }
.menu{position:relative}
.menu li{margin-top:10px;line-height:60px;text-align:center;}
.menu button.layui-btn{ display: inline-block;text-align:center;width:100%;  line-height:60px; height:60px;border:none}
.menu button.icon1{ background:url(../images/icon1.png) no-repeat 10% 50%,#e7e7e7; color:#666}
.menu button.icon2{ background:url(../images/icon2.png) no-repeat 10% 50%,#e7e7e7; color:#666}
.menu button.icon3{ background:url(../images/icon3.png) no-repeat 10% 50%,#e7e7e7; color:#666}
.menu li a#icon4{ background:url(../images/icon4.png) no-repeat 10% 50%,#e7e7e7}
.menu li a{ display:block;color:#666}
.menu button:hover:not(.active).icon1 {background:url(../images/icon1-a.png) no-repeat 10% 50%,#7f2a2a;color: white;}
.menu button:hover:not(.active).icon2 {background:url(../images/icon2-a.png) no-repeat 10% 50%,#7f2a2a;color: white;}
.menu button:hover:not(.active).icon3 {background:url(../images/icon3-a.png) no-repeat 10% 50%,#7f2a2a;color: white;}
.menu li a:hover:not(.active)#icon4 {background:url(../images/icon4-a.png) no-repeat 10% 50%,#7f2a2a;color: white;}

.one-banner{ float:left; margin-top:10px; margin-left:10px; width:440px; height:270px; background:#f1f1f1; overflow:hidden}
.one-banner #test3{ margin-left:-80px;text-align:center}
.one-banner #test3 img{ width: 440px; height: auto;}

.one-right{ float:right; width:570px; margin-top:10px}
.one-right-s{ border-bottom:1px solid #dcdcdc; padding-bottom:10px}
.one-right-s h4{ font-size:18px; line-height:45px; text-align:center; color:#c01515;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.one-right-s p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.one-right-s p a{ color:#999; line-height:25px}
.one-right-s p a:hover{ color:#666}

.one-right-x{ margin-top:10px}
.one-right-x ul{ display:inline-block;width:49%; padding:0 2%;}
.one-right-x ul li{ line-height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.one-right-x a{ color:#666}
.one-right-x a:hover{ color:#ff0000}

.two-title{padding-left:6%; line-height:40px; font-size:16px; font-weight:bold; background:url(../images/title-icon1.png) no-repeat 2% 50%,#f5f5f5}

.two-dl {padding: 10px 6px 0 6px;float: left;width: 14.2861%;}
.two-dl .img {border: 1px solid #f1f1f1;}
.two-dl .img:hover {border: 1px solid #ccc;}
.two-dl .img img {width: 100%;height: auto; background:#f1f1f1}
.two-dl .desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center; line-height:40px;}
* {box-sizing: border-box;}
@media only screen and (max-width: 700px){.two-dl {width: 26.1%;margin: 6px 0; }}
@media only screen and (max-width: 500px){.two-dl {width: 100%; }}
.clearfix:after {content: "";display: table;clear: both;}

.three-box{ width:1200px; height:120px;margin:10px auto 0 auto; padding:10px 0;background:linear-gradient(to right, #7f2a2a , #fe0000); position:relative}
.three-box .layui-form-label{ width:120px; text-align:center;color:#fff; font-weight:bold; font-size:20px;line-height:80px}
.three-box .layui-input-inline{ margin-top:30px}
.three-box .so-input{ width:450px;}


.four-banner{maring:10px 5px 0 0px;padding: 10px 6px 0 6px;float: left;width: 50%;}
.four-banner img {width: 100%;height: auto; background:#f1f1f1}
@media only screen and (max-width: 700px){.four-banner {width: 52.8%;margin: 6px 0; }}
@media only screen and (max-width: 500px){.four-banner {width: 100%; }}


/*滚动*/
.fives-box{ margin-top:10px; padding-bottom:10px}
.fives-left{ width:73%; float:left; padding:0 5px}
.fives-left-titel{padding-left:6%; line-height:40px; font-size:16px; font-weight:bold;background:url(../images/title-icon2.png) no-repeat 2% 50%, #f5f5f5;}
.fives-left-title-h4{ color:#7f2a2a; font-weight:bold; line-height:45px}
.fives-box span{display:inline-block;}
.exhibition-container{ position:relative;}
.exhibition-container ul li a{ color:#666;padding:0 10px;}
.exhibition-container ul li a:hover{ background:#f1f1f1; display:block}
.exhibition-container ul li{ line-height:40px; border-bottom:1px solid #dcdcdc}
.w1{ width:135px; overflow:hidden;}
.w2{ width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.exhibition-container strong{ color:#ff0000;}

.fives-right{ float:
 ; width:26.5%; overflow:hidden}
.fives-right-titel{padding-left:15%; line-height:40px; font-size:16px; font-weight:bold;background:url(../images/title-icon2.png) no-repeat 2% 50%, #f5f5f5;}
.news-container{ margin-top:10px; position:relative}
.news-container li a{color:#666;}
.news-container li a:hover{ color:#ff0000; background:#f1f1f1;}
.news-container li{line-height:36px;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative; height:38px; list-style-type:disc;list-style-position: inside;border-bottom:1px dashed #dcdcdc;}




.current-location{ line-height:55px;}
.current-location a{ color:#666; display:inline-block}
.label{ border:1px solid #e1e1e1; border-top:3px solid #7f2a2a}
.label-box{ padding:10px}
.label-box a{ display:inline-block;overflow:hidden;}
.label-box button{width:92px; height:26px; line-height:26px; text-align:center; display:inline-block; border:1px solid #e1e1e1; background:#f7f7f7; color:#999; margin-top:5px;overflow:hidden; }
.label-box button:hover{ background:#f90202; border:1px solid #f90202;color:#fff; cursor:pointer}
.label-box button:focus{ outline:0}
.label-box span{width:92px; height:26px; line-height:26px; text-align:center; font-weight:bold; display:inline-block; border:1px solid #elelel; color:#666}
.label-box .a{ width:92px; height:26px; line-height:26px; text-align:center; display:inline-block; border:1px solid #e1e1e1; color:#999; background:#f7f7f7}
.label-box .a:hover{ background:#f90202; border:none; color:#fff}
.label-box .show{background:#f90202; border:1px solid #f90202;color:#fff}


.content-box{ margin-top:10px}
.left-content{ width:75%; display:inline-block}
.chosen{padding:5px 10px; border:1px solid #dcdcdc; background:#f9f9f9}
.chosen button{ padding:5px;display:inline-block; border:1px solid #dcdcdc; background:#f7f7f7; color:#666 ;margin-right: 10px;}
.chosen button:hover{cursor:pointer}
.left-chosen-content{ margin-top:10px;}
.left-chosen-content dd{ float:left;width:200px; height:130px; background:#dcdcdc; text-align:center;}
.left-chosen-content dd img{ min-width:100%; height:auto}
.left-chosen-content dt{ float:left;width:450px; margin-left:10px;line-height:30px}
.left-chosen-content dt.a{ float:right;width:150px; margin-top:4%}
.left-chosen-content dt span{ display:block; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.left-chosen-content dt .time{ background:url(../images/time.png) no-repeat 0 50%; padding-left:28px}
.left-chosen-content dt .time{ background-size:20px 20px;height:auto}
.left-chosen-content dt .map{ background:url(../images/map.png) no-repeat 0 50%; padding-left:28px}
.left-chosen-content dt .map{ background-size:20px 20px;height:auto}
.left-chosen-content dt .title{ font-size:18px; color:#666}
.left-chosen-content dt i{ font-style:normal;font-family:Arial; color:#ff0000}
.left-chosen-content dl{ border-bottom:1px solid #f1f1f1; padding:10px; margin:0; overflow:hidden; width:100%}
.left-chosen-content dl:hover{ background:#f1f1f1;cursor:pointer}
.left-chosen-content button{width:94px; height:38px; line-height:38px; border-radius:3px;text-align:center; border:1px solid #e1e1e1; background:#f7f7f7; color:#999; margin-top:5% }
.left-chosen-content button:hover{ background:#f90202; border:none;color:#fff; cursor:pointer}
.left-chosen-content button:focus{ outline:0}

.right-content{ float:right; width:24%; display:inline-block}
.news2 {text-align:left; overflow:hidden; background:#f5f5f5; margin-bottom:10px}
.news2 h2{ border-bottom:2px solid #F00;line-height:45px; overflow-y:hidden; font-size:16px; font-weight:bold;padding-left:12px}
.news2 .inner{ padding:8px;overflow:hidden; }
.news2 a{ color:#666; white-space:nowrap;}
.news2 a:hover{ color:#ff0000}
.rank_list{margin:auto; padding-top:5px;}
.rank_list li{padding-left:25px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative; height:50px; font-size:14px}
.rank_list li.top3 em{ background:#ff0000;color:#fff;}
.rank_list em{ position:absolute; left:0; top:5px; width:15px; height:15px; border:1px solid #dcdcdc; color:#666; font-style:normal; font-size:10px; font-family:Arial; text-align:center; line-height:15px; overflow:hidden;}
.rank_list span{ position:absolute; width:60px; color:#B7B7B7;height:14px; line-height:30px}
#ranking .rank_list span{ position:absolute;color:#B7B7B7; text-align:left; height:14px; left:25px; top:15px}

.news2_list{margin:auto; padding-top:5px;}
.news2_list li{padding-left:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative; height:38px; font-size:14px;list-style-type:disc;list-style-position: inside;}

.news{ position:relative}
.news dl{padding:10px; border-bottom:1px solid #dcdcdc; overflow:hidden}
.news dl:hover{ background:#f1f1f1;}
.news dd{ float:left;width:20%; height:130px; background:#f1f1f1; text-align:center;}
.news dd img{ min-width:100%; height:auto}
.news dt{ float:left;width:78%; margin-left:10px;line-height:28px}
.news dt a:hover{ color:#ff0000}
.news dt span{ display:block;overflow:hidden; color:#999}
.news dt span.a{ font-size:16px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news dt .b{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-break:break-all; overflow:hidden;}
.news dt a{ color:#666}
.news dt em{ font-style:normal; color:#F30}
.news_span_right{ float:right; text-align:right;}
.pageviews{ background:url(../images/pageviews.png) no-repeat 0% 50%; padding-left:25px; font-size:12px}
.pageviews{ background-size:18px 18px;height:auto}

.one-left-news{ width:100%;overflow:hidden; }

.BXthreeright2{margin-top:10px; position:relative}
.BXthreeright2 h3{line-height:45px; font-weight:normal; border-bottom:1px solid #dcdcdc; padding-left:10px}
.BXthreeright2 h3 strong{border-bottom:3px solid #ff0000; line-height:42px;padding-bottom:10px}
.BXthreeright2 dl{ padding:10px;border-bottom:1px dashed #dcdcdc; overflow:hidden;}
.BXthreeright2 dl:hover{ background:#ededed;}
.BXthreeright2 dd{float:left;width:104px;}
.BXthreeright2 dd img{width:104px; height:auto;}
.BXthreeright2 dt{float:right;width:150px; line-height:25px;}
.BXthreeright2 dt p{ line-height:22px;}
.BXthreeright2 dt span{  display:block;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-break:break-all; overflow:hidden;}
.BXthreeright2 dt span.a{color:#CCC; font-size:12px;font-family:Arial}
.BXthreeright2 ul{ padding:10px; position:relative}
.BXthreeright2 li{ line-height:35px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; list-style-type:disc; list-style-position:inside}
.BXthreeright2 a{ color:#666}
.BXthreeright2 a:hover{ color:#ff0000}

.news_new{ padding:10px; overflow:hidden}
.news_new .title{ line-height:45px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.news_new .time_and_date{ text-align:center;}
.news_new .subtitle{ margin:10px 0;border:1px dashed #ff6600; padding:20px 15px; color:#ff6600; line-height:28px}
.news_new .layui-code{ font-size:14px; color:#666; background:none; border:none; line-height:28px}

.news_new_list{ margin-top:10px;}
.news_new_list h3{ border-bottom:1px solid #dcdcdc; line-height:45px; margin:10px 0}
.news_new_list .title{ border-left:3px solid #F00; background:#fff; padding-left:10px}
.news_new_list a{ color:#666}
.news_new_list dl{ position:relative; display:block; overflow:hidden; padding-bottom:20px}

/*提交信息*/
.databox{ margin-top:32px; overflow:hidden}

.databox .layui-form-label {width: 110px;}

/**/
.opening-time{ background:url(../images/opening-time.png) no-repeat; text-align:center; padding-top:75%; padding-bottom:10%}
.opening-time{ background-size:100% auto}
.opening-time .openimg-title{ margin-top:80px; padding:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.opening-time1{ margin-top:10px; border:1px solid #dcdcdc; padding:10px}
.opening-time1 .title{ border-bottom:1px solid #dcdcdc; margin-bottom:20px}
.opening-time1 .title span{ border-bottom:3px solid #ff0000;line-height:45px; padding-bottom:10px}


.link{ line-height:45px; text-align:center}
.footer span{ padding:0 5px;}
.footer  a{ color:#999}
.footer  a:hover{ color:#ff0000}
.footer-u{ line-height:35px; text-align:center; font-size:12px}

.footer_bg{ width:100%;margin-top:10px; border-top:5px solid #7f2a2a; background:#efecec;}
.footer_menu_l{float:left; margin-top:5px;}
.footer_menu_l ul{width:167px; float:left; border-right:1px solid #dcdcdc}
.footer_menu_l li{line-height:22px; margin-left:50px; font-size:14px;}
.footer_menu_l li a{ color:#999;}
.footer_menu_l li a:hover{ color:#ff0000;}
.footer_menu_l ul p{width:160px;line-height:50px;font-size:16px; text-align:center;}
.footer_r{ float:right;}
.footer_r p{text-align:center;float:right; margin-top:0.70em; color:#F00}
.footer_r span{height:122px; margin-top:0.55em; float:left;}

.friendlink{}
.friendlink ul{border-top:1px solid #aaa;}
.friendlink li{text-align:center;line-height:20px; font-size:12px;}
.friendlink li a{ margin:0 5px;} 

.copyright{}
.copyright li{text-align:center;line-height:28px; font-size:12px;}
.copyright li a{ margin:0 5px;}


.img_table{display: table;}
.img_table .cell{display: table-cell;vertical-align: middle;}
.img_table .cell img{max-width:100%;max-height:100%;}