@charset "utf-8";
/* CSS Document */
/* 
环博会互动专题
By：liuyang
ICQ：1845676808
Date：2020/08/07
*/

/**common**/
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {padding:0; margin:0; font:14px Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif;}
table,td,tr,th{font-size:14px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.clear{*zoom:1;}
.clear:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a { text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
.fl { float:left;}
.fr { float:right;}
input {outline:0px; -webkit-appearance:none;}


/**hbh_top**/
.hbh_top { width:100%; height:100px; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; box-shadow:0 0 20px rgba(0, 0, 0, 0.2); position:relative;}
.hbh_top_mid { width:1200px; height:60px; overflow:hidden; margin:0 auto; padding:20px 0;}
.hbh_top_mid a { display:block; width:280px; height:60px; overflow:hidden; margin:0; padding:0; float:left;}

/**hbh_banner**/
.hbh_banner { width:100%; height:720px; overflow:hidden; margin:0 auto; padding:0; background:url(../images/banner_bg.jpg) center center no-repeat;}
.ba_main { width:1200px; height:720px; overflow:hidden; margin:0 auto; padding:0; position:relative;}
.ba_main .bannerimg { width:900px; height:510px; overflow:hidden; margin:40px auto 0; padding:0;}
.ba_main p { width:100%; height:40px; overflow:hidden; line-height:40px; color:#616161; font-size:30px; text-align:center; margin:20px auto 0; padding:0;}
.ba_main .bannerimg1 { width:280px; height:150px; margin:0; padding:0; position:absolute; top:40px; right:0;}

/**hbh_tab**/
.hbh_tab { width:100%; height:70px; margin:0 auto; padding:0; background:url(../images/hbh_tabbg.jpg) 0 0 repeat-x;}
.hbh_tab ul { width:1200px; height:70px; overflow:hidden; margin:0 auto; padding:0;}
.hbh_tab ul li { width:240px; height:70px; overflow:hidden; margin:0; padding:0; float:left;}
.hbh_tab ul li a { display:block; width:100%; height:70px; overflow:hidden; line-height:70px; color:#616161; font-size:24px; text-align:center; margin:0 auto; padding:0;}
.hbh_tab ul li a img { display:inline-block; width:40px; height:40px; vertical-align:middle; margin:-4px 0 0; padding:0;}
.hbh_tab ul li a:hover { background:url(../images/hbh_tabbg1.jpg) 0 0 repeat-x;}

/**hbh_part1**/
.hbh_part1 { width:100%; overflow:hidden; margin:80px auto; padding:0;}
.hbh_title { width:1200px; overflow:hidden; margin:0 auto 60px; padding:40px 0 0; background:url(../images/title_bg.png) center top no-repeat;}
.hbh_title1 { padding:40px 0;}
.hbh_title h3 { width:100%; height:70px; overflow:hidden; line-height:70px; color:#0e5cad; font-size:60px; font-weight:bold; text-align:center; margin:0 auto; padding:0;}
.hbh_title p { width:100%; height:50px; overflow:hidden; line-height:50px; color:#393939; font-size:40px; text-align:center; margin:0 auto 10px; padding:0;}
.hbh_title span { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:rgba(19, 98, 173, 0.5); font-size:28px; text-transform: uppercase; text-align:center; margin:0 auto; padding:0;}

.hbh_part1_main { width:100%; overflow:hidden; margin:0 auto; padding:60px 0; background-color:#FFFFFF;}
.hbhpart1_tab { width:960px; height:58px; overflow:hidden; margin:0 auto 40px; padding:0 60px;}
.hbhpart1_tab ul li { width:140px; height:58px; overflow:hidden; margin:0; padding:0 10px; float:left; cursor:pointer;}
.hbhpart1_tab ul li p { width:100%; height:48px; overflow:hidden; line-height:48px; color:#0a529c; font-size:24px; text-align:center; margin:0 auto; padding:0;}
.hbhpart1_tab ul li em { display:none; width:100%; height:10px; overflow:hidden; margin:0 auto; padding:0; background:url(../images/jt1.png) center top no-repeat;}
.hbhpart1_tab ul li.tabActive0 p { background-color:#fac263; border-radius:8px; color:#fff;}
.hbhpart1_tab ul li.tabActive0 em { display:block;}

.hbhpart1_container { width:960px; overflow:hidden; margin:0 auto; padding:0;}
.hbhpart1_top { width:960px; height:250px; overflow:hidden; margin:0 auto 40px; padding:0;}
.hbhpart1_topimg { width:460px; height:250px; overflow:hidden; margin:0; padding:0; float:left;}
.hbhpart1_topimg a { display:block; width:100%; height:100%; margin:0 auto; padding:0; background-color:#fff; position:relative;}
.hbhpart1_topimg a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
.hbhpart1_toptext { width:460px; height:250px; overflow:hidden; margin:0; padding:0; float:right;}
.hbhpart1_toptext a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#0e5cad; font-size:32px; font-weight:bold; margin:0 auto; padding:0;}
.hbhpart1_toptext em { display:block; width:40px; height:4px; overflow:hidden; margin:20px 0; padding:0; background-color:#0e5cad;}
.hbhpart1_toptext p { width:100%; max-height:176px; overflow:hidden; line-height:24px; color:#555; font-size:16px; text-indent:2em; text-align:justify; margin:0 auto; padding:0;}

.hbhpart1_list { width:960px; height:220px; overflow:hidden; margin:0 auto; padding:0;}
.hbhpart1_list ul li { width:300px; height:220px; overflow:hidden; margin:0 30px 0 0; padding:0; background-color:#fff; float:left;}
.hbhpart1_list ul li .hbhpart1_list1main { width:300px; height:220px; overflow:hidden; margin:0 auto; padding:0;}
.hbhpart1_list1main a { display:block; width:100%; height:100%; margin:0 auto; padding:0; position:relative;}
.hbhpart1_list1main a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
.hbhpart1_list1main a p { width:100%; height:60px; overflow:hidden; margin:0; padding:10px 12px; background-color:rgba(0, 0, 0, 0.5); position:absolute; bottom:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.hbhpart1_list1main a p span { display:block; width:100%; height:40px; overflow:hidden; line-height:20px; color:#fff; font-size:14px; text-align:justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.hbhpart1_list1main a:hover p { background-color:rgba(14, 92, 173, 0.8);}

/**hbh_part2**/
.hbh_part2 { width:100%; height:auto; margin:80px auto; padding:0;}
.hbh_part2_main { width:1200px; height:420px; margin:-40px auto 0; padding:40px 100px 0; background:url(../images/part2_bg.png) bottom left no-repeat;}
.hbh_part2_container { width:1160px; height:380px; margin:0 auto; padding:20px; background-color:#fff; box-shadow:0 0 20px rgba(0, 0, 0, 0.2);}

.mod18 { width: 1160px; height: 380px; margin: 0 auto; position: relative;}
.mod18 #prevTop, .mod18 #nextTop { top:140px;width:46px;height:48px; display:none;}
.mod18 #prevTop { background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop { background:url(../images/nextBtnTop.png) 0 0 no-repeat;}

.mod18 .cf li { position:relative;}
.mod18 .picBox { height:380px;position:relative;overflow:hidden;}
.mod18 .picBox ul { height:380px;position:absolute;}
.mod18 .picBox li { width:1160px;height:380px; float:left;}

.mod18 .listBox { width: 676px; height: 60px; overflow: hidden; margin:0; position: absolute; right:0; bottom:0; padding: 20px 34px 0;}
.listBox .listBox_main { width: 676px; height: 60px; overflow: hidden; margin:0; position:relative;}
.mod18 .listBox ul { height:60px; position:absolute; display: flex; padding:0;}
.mod18 .listBox li { width:60px; height:60px; cursor:pointer; position:relative; margin:0 10px 0 0; border-radius:4px; background-color:#fff;}
.mod18 .listBox li img { width:60px; height:60px; border-radius:4px;}
.mod18 .listBox .on img { width:56px;height:56px; border:2px solid #0e5cad;}

.mod18 .btn { position:absolute; width:24px; height:60px; top:20px; cursor:pointer; z-index:99; font-size:50px; font-weight:bold;}
.mod18 .prev { left:0; background:url(../images/prevBtn.png) no-repeat;}
.mod18 .next { right:0; background:url(../images/nextBtn.png) no-repeat;}
.mod18 .prev:hover { background:url(../images/prevBtn1.png) no-repeat;}
.mod18 .next:hover { background:url(../images/nextBtn1.png) no-repeat;}

.hbh_part2_img { width:380px; height:380px; overflow:hidden; margin:0 40px 0 0; padding:0; float:left;}
.hbh_part2_img a { display:block; width:380px; height:380px; overflow:hidden; margin:0 auto; padding:0; position:relative;}
.hbh_part2_img a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
.hbh_part2_text { width:740px; height:218px; overflow:hidden; margin:0; padding:40px 0; border-bottom:2px solid #d2d2d2; float:right;}
.hbh_part2_text .hbh_part2_tit { width:740px; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:32px; font-weight:bold; margin:0 auto 20px; padding:0;}
.hbh_part2_tit em { display:inline-block; width:1px; height:30px; margin:-4px 20px 0; padding:0; background-color:#333; vertical-align: middle;}
.hbh_part2_tit span { display:inline-block; height:30px; line-height:30px; color:#fff; font-size:16px; margin:-4px 20px 0 0; padding:0 10px; border-radius:4px; background-color:#ff1743; vertical-align: middle;}
.hbh_part2_tit font { font-size:18px; font-weight:bold; vertical-align: middle;}
.hbh_part2_text p { width:100%; height:238px; overflow:hidden; line-height:26px; color:#555; font-size:16px; text-align:justify; margin:0 auto; padding:0;}

/**hbh_part3**/
.hbh_part3 { width:100%; height:auto; margin:80px auto; padding:80px 0; background-color:#fffcf3;}
.hbh_part3_main { width:1200px; height:1200px; overflow:hidden; margin:0 auto; padding:0 100px; background:url(../images/part3_bg.png) center center no-repeat;}
.hbh_part3_container { width:1000px; height:1100px; margin:0 auto; padding:40px; background:url(../images/part3_bg1.jpg) center top no-repeat; border-radius:12px; box-shadow:8px 10px 0 rgba(0, 0, 0, 0.2);}
.hbh_part3_container .hbh_part3_text { width:100%; overflow:hidden; margin:0 auto 40px; padding:0;}
.hbh_part3_text h3 { width:100%; height:40px; overflow:hidden; line-height:40px; color:#313131; font-size:30px; margin:0 auto 20px; padding:0;}
.hbh_part3_text h3 em { display:block; width:4px; height:30px; overflow:hidden; margin:5px 20px 5px 0; padding:0; background-color:#e93505; float:left;}
.hbh_part3_text p { width:100%; overflow:hidden; margin:0 auto; padding:0; line-height:32px; color:#313131; font-size:18px; text-align:justify; text-indent:2em;}
.hbh_part3_container .hbh_part3_img { width:860px; overflow:hidden; margin:0 auto; padding:0;}
.hbh_part3_img img { display:block; width:860px; overflow:hidden; margin:0 auto; padding:0;}

.part3_xczj { width:1200px; overflow:hidden; margin:40px auto 0; padding:0;}
.part3_xczj .xczj_title { width:230px; height:60px; overflow:hidden; line-height:60px; color:#0e5cad; font-size:44px; font-weight:bold; text-align:center; margin:0 auto 40px; padding:20px 70px 0 0; background:url(../images/xczj_titbg.png) 0 0 no-repeat;}
.part3_xczj .part3_xczj_list { width:1200px; min-height: 680px; overflow:hidden; margin:0 auto; padding:0; position:relative;}
.part3_xczj_list ul li.xczj1 { width:420px; overflow:hidden; margin:0 20px 20px 0; padding:0; float:left;}
.part3_xczj_list ul li.xczj2 { width:420px; overflow:hidden; margin:0 20px 20px 0; padding:76px 0 0; float:left;}
.part3_xczj_list ul li.xczj3 { width:260px; overflow:hidden; margin:0 0 20px; padding:0; float:left;}
.part3_xczj_list ol li.xczj4 { width:276px; overflow:hidden; margin:0 20px 0 0; padding:0; float:left;}
.part3_xczj_list ol li.xczj5 { width:420px; overflow:hidden; margin:0 20px 0 0; padding:0; float:left;}
.part3_xczj_list ol li.xczj6 { width:260px; overflow:hidden; margin:0; padding:0; float:left;}

.xczj1 .xczj_img{ width:416px; height:276px; overflow:hidden; margin:0 auto; padding:1px; border:1px solid #e4e1d9; background-color:#fff;}
.xczj1 .xczj_img a { display:block; width:416px; height:276px; overflow:hidden; margin:0 auto; padding:0; position:relative; background-color:#000;}
.xczj1 .xczj_text { width:130px; overflow:hidden; margin:0; padding:0;}
.xczj1 .xczj_text a { margin:4px auto;}

.xczj2 .xczj_img { width:276px; height:200px; overflow:hidden; margin:0 10px 0 0; padding:1px; border:1px solid #e4e1d9; background-color:#fff; float:left;}
.xczj2 .xczj_img a { display:block; width:276px; height:200px; overflow:hidden; margin:0 auto; padding:0; position:relative; background-color:#000;}
.xczj2 .xczj_text { width:130px; overflow:hidden; margin:0; padding:0; float:left;}
.xczj2 .xczj_text a { margin:0 auto 4px;}

.xczj3 .xczj_img { width:256px; height:170px; overflow:hidden; margin:0; padding:1px; border:1px solid #e4e1d9; background-color:#fff; float:left;}
.xczj3 .xczj_img a { display:block; width:256px; height:170px; overflow:hidden; margin:0 auto; padding:0; position:relative; background-color:#000;}
.xczj3 .xczj_text { width:100%; overflow:hidden; margin:0 auto; padding:0;}
.xczj3 .xczj_text a { margin:0 auto 4px;}

.xczj4 .xczj_img { width:272px; height:200px; overflow:hidden; margin:0 auto; padding:1px; border:1px solid #e4e1d9; background-color:#fff;}
.xczj4 .xczj_img a { display:block; width:272px; height:200px; overflow:hidden; margin:0 auto; padding:0; position:relative; background-color:#000;}
.xczj4 .xczj_text { width:100%; overflow:hidden; margin:0 auto; padding:0;}
.xczj4 .xczj_text a { margin:4px auto;}

.xczj5 .xczj_img{ width:416px; height:276px; overflow:hidden; margin:0 auto; padding:1px; border:1px solid #e4e1d9; background-color:#fff;}
.xczj5 .xczj_img a { display:block; width:416px; height:276px; overflow:hidden; margin:0 auto; padding:0; position:relative; background-color:#000;}
.xczj5 .xczj_text { width:100%; overflow:hidden; margin:0; padding:0;}
.xczj5 .xczj_text a { margin:4px auto;}

.xczj6 .xczj_img { width:256px; height:170px; overflow:hidden; margin:0; padding:1px; border:1px solid #e4e1d9; background-color:#fff; float:left;}
.xczj6 .xczj_img a { display:block; width:256px; height:170px; overflow:hidden; margin:0 auto; padding:0; position:relative; background-color:#000;}
.xczj6 .xczj_text { width:100%; overflow:hidden; margin:0 auto; padding:0;}
.xczj6 .xczj_text a { margin:0 auto 4px;}


.xczj_img a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
.xczj_text a { display:block; width:100%; height:36px; overflow:hidden; line-height:36px; color:#0e5cad; font-size:22px; font-weight:bold;}
.xczj_text p { width:100%; overflow:hidden; line-height:22px; color:#555; font-size:14px; text-align:justify;}

.part3_xczj_list ol { position:absolute; top:300px; left:144px;}

.xczj1 .xczj_text p, .xczj2 .xczj_text p { height:154px;}
.xczj3 .xczj_text p { height:66px;}
.xczj4 .xczj_text p, .xczj6 .xczj_text p { height:154px;}
.xczj5 .xczj_text p { height:44px;}

/**hbh_part4**/
.hbh_part4 { width:100%; height:auto; margin:80px auto; padding:0;}
.hbh_part4_main { width:1200px; overflow:hidden; margin:0 auto; padding:0;}
.hbh_part4_main .hbh_part4_left { width:560px; overflow:hidden; margin:0; padding:0; float:left;}
.hbh_part4_left .hbh_part4_img, .hbh_part4_img a { display:block; width:560px; height:380px; overflow:hidden; margin:0; padding:0; position:relative;}
.hbh_part4_img a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
.hbh_part4_main .hbh_part4_right { width:600px; overflow:hidden; margin:0; padding:0; float:right;}
.hbh_part4_right .hbh_part4_list { width:600px; overflow:hidden; margin:0 auto; padding:0;}
.hbh_part4_list h6 { width:100%; height:50px; overflow:hidden; line-height:50px; white-space: nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;}
.hbh_part4_list h6 span { display:block; width:24px; height:24px; overflow:hidden; background:url(../images/hot.png) 0 0 no-repeat; margin:13px 10px 13px 0; padding:0; float:left;}
.hbh_part4_list h6 a { color:#333; font-size:24px; font-weight:bold;}
.hbh_part4_list h6 a:hover { color:#ff9524;}
.hbh_part4_list ul li { width:100%; height:40px; overflow:hidden; line-height:40px; white-space: nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;}
.hbh_part4_list ul li a { color:#333; font-size:18px;}
.hbh_part4_list ul li:hover a { color:#0e5cad;}
.hbh_part4_list ul li em { display:block; width:4px; height:4px; overflow:hidden; margin:18px 10px 18px 0; padding:0; background-color:#333; border-radius:2px; float:left;}
.hbh_part4_list ul li:hover em { background-color:#0e5cad;}

/**hbh_part5**/
.hbh_part5 { width:100%; overflow:hidden; margin:80px auto 0; padding:60px 0 140px; background:#535353 url(../images/part5_bg.jpg) center bottom no-repeat;}
.hbh_part5_main { width:1200px; overflow:hidden; margin:0 auto; padding:0;}
.hbh_part5_left, .hbh_part5_mid, .hbh_part5_right { overflow:hidden; margin:0; padding:0 40px; float:left;}
.hbh_part5_left { width:360px; padding-top:10px;}
.hbh_part5_mid, .hbh_part5_right { width:300px;}
.hbh_part5_left a { display:block; width:280px; height:60px; overflow:hidden; margin:0 auto; padding:0;}
.hbh_part5_left span { display:block; width:100%; overflow:hidden; line-height:24px; color:#9c9c9c; font-size:14px; text-align:center; margin:10px auto; padding:0;}
.hbh_part5_left p { width:80%; height:40px; overflow:hidden; line-height:40px; color:#9c9c9c; font-size:20px; font-weight:lighter; text-align:center; background-color:#3a3a3a; border-radius:4px; margin:0 auto; padding:0;}
.hbh_part5_mid h6, .hbh_part5_right h6 { width:100%; height:30px; overflow:hidden; line-height:30px; color:#fff; font-size:16px; margin:0 auto; padding:0;}
.hbh_part5_mid em, .hbh_part5_right em { display:block; width:40px; height:1px; overflow:hidden; margin:0 0 10px; padding:0; background-color:#fff;}
.hbh_part5_mid p { width:100%; height:40px; overflow:hidden; line-height:40px; color:#9c9c9c; font-size:20px; font-weight:bold; margin:0 auto; padding:0;}
.hbh_part5_mid p span { color:#63a7e4;}
.hbh_part5_right ul { margin:20px 0 0;}
.hbh_part5_right ul li { width:120px; overflow:hidden; margin:0 20px 0 0; padding:0; float:left;}
.hbh_part5_right ul li img { display:block; width:120px; height:120px; overflow:hidden; margin:0 auto; padding:0;}
.hbh_part5_right ul li p { width:120px; height:20px; overflow:hidden; line-height:20px; color:#fff; font-size:14px; text-align:center; margin:4px auto 0; padding:0;}