@charset "utf-8";
/**common**/
*{ margin:0; padding:0;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {font:12px \5FAE\8F6F\96C5\9ED1,Arial,Helvetica,sans-serif;}
table,td,tr,th{font-size:12px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{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 {clear:both;}
.clearfix:after {content:'.';clear:both;display:block;height:0;visibility:hidden;line-height:0px;}
.clearfix {zoom:1}
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;}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:6px;}/* 滚动槽 */
::-webkit-scrollbar-track { background-color:#212121; border-radius:0px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb { background-color:#333;}
::-webkit-scrollbar-thumb:window-inactive { background-color:#444;}	

body{background:#f5f5f5;min-width:1240px;}

.top_banner{width:1200px;margin:0 auto;overflow:hidden;height:354px;}
.top_banner img{max-width:1200px;}

.h_content{width:1200px;margin:0 auto;background:#fff;}
.h_content_in{padding:26px 20px;}

.introduction{background:#f5f5f5;border:1px solid #e7e7e7;border-radius:4px;padding:20px;margin-bottom:24px;}
.introduction p{font-size:15px;color:#555;line-height:30px;text-indent:30px;}
.introduction p:nth-child(2){text-align:right;padding:5px 0;}

.h_main_tab{text-align:center;margin-bottom:24px;}
.h_main_tab .tab{width:23.5%;margin-right:2%;float:left;height:46px;line-height:46px;font-size:0;position:relative;cursor:pointer;}
.h_main_tab .tab em{display:inline-block;vertical-align:middle;margin-right:10px;}
.h_main_tab .tab em img{vertical-align:middle;}
.h_main_tab .tab span{display:inline-block;vertical-align:middle;font-size:15px;color:#fff;font-weight:bold;}
.h_main_tab .tab i{width:0;height:0;border-width: 8px 8px 0;border-style:solid;border-color: #ef1f04 transparent transparent;position:absolute;bottom: -8px;left: 50%;margin-left: -4px;display:none;}
.h_main_tab .tab.on i{display:block;}
.h_main_tab .tab1{background:#ef1f04;}
.h_main_tab .tab2{background:#e94a04;}
.h_main_tab .tab3{background:#7caf2e;}
.h_main_tab .tab4{background:#9c673d;}
.h_main_tab .tab1 i{border-color: #ef1f04 transparent transparent;}
.h_main_tab .tab2 i{border-color: #e94a04 transparent transparent;}
.h_main_tab .tab3 i{border-color: #7caf2e transparent transparent;}
.h_main_tab .tab4 i{border-color: #9c673d transparent transparent;}
.h_main_tab .tab:nth-child(4n){margin-right:0;}

.h_main_tabcon .tlt1{font-size:0;margin-bottom:20px;}
.h_main_tabcon .tlt1 em{display:inline-block;vertical-align:middle;width:4px;height:17px;margin-right:5px;}
.h_main_tabcon .tlt1 span{display:inline-block;vertical-align:middle;font-size:19px;color:#333;font-weight:bold;}
.h_main_tabcon .tlt1 i{display:inline-block;vertical-align:middle;font-size:19px;font-weight:bold;color:#e0e0e0;font-style:italic;text-transform : uppercase;margin-left:5px;}

.section1 .wz{margin-bottom:20px;}
.section1 .wz p{font-size:15px;color:#555;line-height:30px;text-indent:30px;}

.section2 ul li{float:left;margin-right:2%;width:49%;border-radius:4px;margin-bottom:22px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.section2 ul li:nth-child(2n){margin-right:0;}
.section2 ul li .con{padding:15px 18px 18px;border:1px solid #e7e7e7;border-radius:4px;background:#f5f5f5;}
.section2 ul li .tlt{display:block;font-size:16px;font-weight:bold;color:#333;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;margin-bottom:15px;}
.section2 ul li .bd{overflow:hidden;}
.section2 ul li .bd .pic{display:block;float:left;width:36%;height:128px;overflow:hidden;}
.section2 ul li .bd .pic img{width:100%;height:100%;object-fit: cover;   -webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.section2 ul li .bd .wz{float:right;width:61%;}
.section2 ul li .bd .wz .desc{font-size:14px;color:#777;line-height:24px;height:70px;overflow:hidden;}
.section2 ul li .bd .wz .more{display:block;width:96px;height:36px;line-height:36px;text-align:center;background:#545454;font-size:14px;color:#fff;font-weight:bold;margin-top: 21px;}
.section2 ul li:hover{box-shadow:0 0 13px rgba(0,0,0,.21);}
.section2 ul li:hover .con{border:1px solid #fff;background:#fff;}
.section2 ul li:hover .tlt{color:#ef1f04;}
.section2 ul li:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);}
.section2 ul li:hover .wz .more{background:#ef1f04;}

.section3 ul li{float:left;margin-right:2%;width:49%;margin-bottom:22px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.section3 ul li:nth-child(2n){margin-right:0;}
.section3 ul li span{display:block;float:left;width:54px;height:54px;background:#c6c6c6;text-align:center;font-size:0;line-height:54px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.section3 ul li span em{display:inline-block;vertical-align:middle;width:15px;height:17px;background:url(../images/baogao.png) center center no-repeat;}
.section3 ul li a{display:block;/* float:right; */height:52px;line-height:52px;border:1px solid #e7e7e7;border-radius:0 4px 4px 0;border-left:0;background:#f5f5f5;/* width:100%; */padding: 0 20px 0 20px;font-size: 16px;color: #333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.section3 ul li:hover{box-shadow:0 0 21px rgba(0,0,0,.1);}
.section3 ul li:hover a{color:#ef1f04;}
.section3 ul li:hover span{background:#ef1f04;}

.section4 ul li{width:23.5%;margin-right:2%;float:left;border-radius:4px;box-shadow:0 0 24px rgba(0,0,0,.07);margin-bottom:24px;}
.section4 ul li:nth-child(4n){margin-right:0;}
.section4 ul li .con{border:1px solid #dfdfdf;border-radius:4px;}
.section4 ul li .tlt{text-align:center;padding:10px 10px;height:48px;overflow:hidden;font-size:0;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.section4 ul li .tlt a{font-size:15px;color:#333;line-height:24px;font-weight:bold;display:inline-block;vertical-align:middle;max-height:48px;overflow:hidden;}
.section4 ul li .pic{display:block;width:100%;height:186px;text-align:center;overflow:hidden;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.section4 ul li .pic img{max-width:100%;max-height:100%;vertical-align:middle;}
.section4 ul li .pic .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
.section4 ul li .wz{padding:10px;}
.section4 ul li .wz .desc{font-size:14px;color:#777;line-height:25px;height:144px;overflow:hidden;}
.section4 ul li .wz .more{display:block;width:100%;margin:15px auto 5px;height:36px;line-height:36px;text-align:center;background:#545454;color:#fff;font-size:14px;font-weight:bold;}
.section4 ul li:hover{box-shadow:0 0 24px rgba(0,0,0,.13);}
.section4 ul li:hover .tlt a{color:#ef1f04;}
.section4 ul li:hover .wz .more{background:#ef1f04;}

.section5 ul li{float:left;margin-right:2%;width:49%;margin-bottom:22px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.section5 ul li:nth-child(2n){margin-right:0;}
.section5 ul li span{display:block;float:left;width:54px;height:54px;background:#c6c6c6;text-align:center;font-size:0;line-height:54px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.section5 ul li span em{display:inline-block;vertical-align:middle;width:24px;height:24px;background:url(../images/btn_play.png) center center no-repeat;}
.section5 ul li a{display:block;/* float:right; */height:52px;line-height:52px;border:1px solid #e7e7e7;border-radius:0 4px 4px 0;border-left:0;background:#f5f5f5;/* width:100%; */padding: 0 20px 0 20px;font-size: 16px;color: #333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.section5 ul li:hover{box-shadow:0 0 21px rgba(0,0,0,.1);}
.section5 ul li:hover a{color:#ef1f04;}
.section5 ul li:hover span{background:#ef1f04;}

.btm_banner{width:1200px;margin:20px auto 0;overflow:hidden;height:178px;}
.btm_banner img{max-width:1200px;}


.tabcon{display:none;}
.tabcon.on{display:block;}

.tabcon1 .c_bg_color1{background:#ef1f04;}
.tabcon2 .c_bg_color1{background:#e94a04;}
.tabcon3 .c_bg_color1{background:#7caf2e;}
.tabcon4 .c_bg_color1{background:#9c673d;}

.tabcon2 .section2 ul li:hover .tlt{color: #e94a04;}
.tabcon2 .section2 ul li:hover .wz .more {background: #e94a04;}
.tabcon2 .section3 ul li:hover a {color: #e94a04;}
.tabcon2 .section3 ul li:hover span {background: #e94a04;}
.tabcon2 .section4 ul li:hover .tlt a {color: #e94a04;}
.tabcon2 .section4 ul li:hover .wz .more {background: #e94a04;}
.tabcon2 .section5 ul li:hover a {color: #e94a04;}
.tabcon2 .section5 ul li:hover span {background: #e94a04;}

.tabcon3 .section2 ul li:hover .tlt{color: #7caf2e;}
.tabcon3 .section2 ul li:hover .wz .more {background: #7caf2e;}
.tabcon3 .section3 ul li:hover a {color: #7caf2e;}
.tabcon3 .section3 ul li:hover span {background: #7caf2e;}
.tabcon3 .section4 ul li:hover .tlt a {color: #7caf2e;}
.tabcon3 .section4 ul li:hover .wz .more {background: #7caf2e;}
.tabcon3 .section5 ul li:hover a {color: #7caf2e;}
.tabcon3 .section5 ul li:hover span {background: #7caf2e;}

.tabcon4 .section2 ul li:hover .tlt{color: #9c673d;}
.tabcon4 .section2 ul li:hover .wz .more {background: #9c673d;}
.tabcon4 .section3 ul li:hover a {color: #9c673d;}
.tabcon4 .section3 ul li:hover span {background: #9c673d;}
.tabcon4 .section4 ul li:hover .tlt a {color: #9c673d;}
.tabcon4 .section4 ul li:hover .wz .more {background: #9c673d;}
.tabcon4 .section5 ul li:hover a {color: #9c673d;}
.tabcon4 .section5 ul li:hover span {background: #9c673d;}

.h_main{position:relative;}
.hdDown .h_main_tab{position:fixed;top:0;left:50%;width:1200px;margin-left:-600px;z-index:999;background:#fff;}