/* 基础样式 */
body{margin:0 auto;padding:0;background:#ffffff;font-size:14px;color:#000;font-family:宋体,Arial;}
body > div{margin-right:auto;margin-left:auto;} 
div,form,ul,ol,li,span,p{margin:0;padding:0;border:0;}
img,a img{border:0;margin:0;padding:0;}
h2,h3,h4,h5,h6{margin:0;padding:0;font-size:14px;font-weight:normal;}
ul,ol,li{list-style: none;}
UL{margin:0px auto;margin /**/:0px;}
*{margin:0; padding:0}

table
  {

  font-family:"Arial";
  width:100%;
  border-collapse:collapse;/*合并边线*/
  }

td 
  {
  font-size:1em;
  border:1px solid #cccccc; }
.firstRow{ background: #f26522;}

/* 默认链接色 */
a{color:#000;text-decoration:none}
a:hover{text-decoration:underline;}

/* 通用属性 */
.clear {clear:both; font-size:1px; visibility:hidden}
.vspace {margin:0 auto;height:10px;font-size:1px;clear:both}
.line{margin:0 auto; border-top:5px #666 solid;font-size:1px;clear:both}


body{background-color: #f9f9f9;}


.width{width:1200px;margin:0px auto}
.top{ position:relative;}
.searchBox{ float:right;padding-top:29px}
.searchBox .inputText{  width:200px; height:30px; line-height:30px; padding:0px 3px; border:0px; outline:none; padding-left:15px;}
.searchBox .inputSub{ background: #002f7c; font-size: 16px; height:26px;  border:0px; cursor:pointer; outline:none;padding:0 10px;color:#fff;}
.searchBox table{ width:229px;}
.searchBox table td.ss{ text-align: center;
    background: #002f7c;
    color: #fff;
    border-radius: 5px;border:none;}
.nav{ height:42px;float:left;padding-top:24px;font-weight:bold}
.nav li{ position:relative; float:left; width:140px;z-index: 99;}
.nav li a{display:inline-block; width:140px; text-align:center;  height:42px; line-height:42px;font-family:"微软雅黑";font-size: 18px}
.nav li a:hover{color:#e6002d; text-decoration: none; }
.nav li a.curr{color:#e6002d;  text-decoration: none;}
.nav li dl{ z-index:99; width:140px; position:absolute; left:0px; top:42px; display:none;}
.nav li dd a{ background:#fff; color:#666666;font-size: 14px;height:38px; line-height:38px;}
.nav li dd{ border-bottom:1px solid #C9C9C9;}
.nav li dd a:hover{ background:#fff; color:#000;}

.index-banner {
    min-width:1200px; 
    height: 400px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
background-image: url(http://www.cctvbab.com/template/default/image/cc.jpg);
    
}

.index-banner h2 {

    font-size: 45px;
    font-weight: bold;
    padding-top: 70px;
    margin-bottom: 15px;
}
.index-banner .desc {
    font-size: 25px;
}

.index-banner .searchbox {
    width: 646px;
    height: 52px;
    background: #fff;
    border-radius: 7px;
    margin: 20px auto;
    position: relative;
    overflow: hidden;
    display: block;
}
.index-banner .searchbox .key {
    height: 52px;
    line-height: 52px;
    width: 100%;
    text-align: left;
    padding-left: 20px;
    font-size: 16px;
}
.index-banner .searchbox .submit {
    position: absolute;
    right: 0px;
    top: 0;
    width: 118px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background: #ccc;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
cursor: pointer;
border: none;
}
.index-banner .searchbox .submit:hover,.index-banner .searchbox .submit.current{  cursor:pointer;background:#fc114a;}  
.index-banner .hotcity {
    color: #fff;
    font-size: 16px;
}
.index-banner .hotcity a {
    color: #fff;
    display: inline-block;
    padding: 0 2px;
font-weight:bold;

}
.index-banner .hotcity a:hover,.index-banner .hotcity a.current{
    color:#fc114a;
text-decoration: none;
}
input[type="text" i] {
    padding-block: 1px;
    padding-inline: 1px;
border: none;
}
input, textarea, select, button {
    outline: none;
}

.slide{ margin:0 auto; width:1200px;height:400px;}


.igood-box .index-hd {
    font-size: 20px;
    padding: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background: url(../image/btl.jpg) center bottom no-repeat;
    background-color: #fff;
}
.igood-box .zh-follow li {
    float: left;
    background: #fff;
    width: 19.2%;
    margin: 1% 1% 0 0;
    transition: 0.3s;
    box-sizing:border-box;
}
.igood-box .zh-follow li:nth-child(5n) {
    margin-right: 0;
}
.igood-box .zh-follow li:hover {box-shadow: 0 0 10px #ccc;}

.igood-box .zh-follow .info {
    padding: 10px;
}
.igood-box .zh-follow .info p{padding:10px 0 10px 0;}
.igood-box .zh-follow .img {
    width: 100%;
  display: flex;
  justify-content: center; /* 水平居中 */
    overflow: hidden;
    border:none;
    object-fit: contain;
}
.igood-box .zh-follow img{max-width:100%;max-height:100%;
 } 
.igood-box .zh-follow .name {
padding-top:10px;
font-weight:bold;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
}


.indexBox1{ height:235px; clear:both; overflow:hidden; }
.indexBox1_l,.indexBox1_c,.indexBox1_r{ float:left; background:#fff; height:233px; border:1px solid #D6D6D6;}
.indexBox1_l{ width:310px; background:#fff;}
.indexBox1_c{ width:330px; margin-left:12px; background:#ffffff;}
.indexBox1_r{ width:248px; background:#DEE1E5;}
.indexBox1 h1{ position:relative; height:25px; line-height:24px; font-size:12px; padding-left:10px; background:#ECEBE9; color:#666666;}
.indexBox1 h1 a{ display:inline-block; background:url(../image/more.gif) no-repeat; width:16px; height:19px; position:absolute; right:12px; top:2px;}
.indexBox1 h1 a font{ display:none;}

.igood .index-hd {
    font-size: 20px;
    padding: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background: url(../image/btl.jpg) center bottom no-repeat;
    background-color: #fff;
}
.igood .zh-follow li {
    float: left;
    background: #fff;
    width: 32.6%;
    margin: 1% 1% 0 0;
    transition: 0.3s;
    box-sizing:border-box;
}
.igood .zh-follow li:nth-child(3n) {
    margin-right: 0;
}
.igood .zh-follow li:hover {box-shadow: 0 0 10px #ccc;}

.igood .zh-follow .info {
    padding: 10px;
}
.igood .zh-follow .info p{padding:10px 0 10px 0;}
.igood .zh-follow .img {
    width: 100%;
  display: flex;
  justify-content: center; /* 水平居中 */
    overflow: hidden;
    border:none;
    object-fit: contain;
}
.igood .zh-follow img{max-width:100%;max-height:100%;
 } 
.igood .zh-follow .name {
padding-top:10px;
font-weight:bold;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
text-align: center;
    display: block;
}


.boxbg{ background:#DEE1E5 url(../image/bg.gif) repeat-x;}
.boxbg1{ background:#fff url(../image/bg1.gif) repeat-x;}
.index_product{ position:relative;}
.index_product ul{ position:relative; width:180px; height:180px; margin:0px auto; margin-top:15px;}
.index_product li{ position:absolute; left:0px; top:0px; display:none;}
.index_product span{ display:inline-block; position:absolute; background:url(../image/slide_sub.gif) no-repeat; height:75px; width:9px; cursor:pointer;}
.index_product span#prev{ position:absolute; left:11px; top:61px;}
.index_product span#next{ background-position:-9px 0px; right:11px; top:61px;}

.index_about{ padding:15px;}
.index_about img{ float:left; margin-right:10px;}
.index_about p{ line-height:24px; text-indent:2em; color:#333333;}
.index_news{ padding:18px; padding-top:15px;}
.index_news li{ height:25px; line-height:25px;}
.index_news li a{ color:#306785;}


.link{ padding:10px 0px;}
.link ul{ height:1%; overflow:hidden;}
.link li{ float:left; padding-right:10px; line-height:18px;}
.link li a{ white-space:nowrap; color:#666666;}
.link td{ vertical-align:top; line-height:18px;}

.mainBox{ height:1%; padding-bottom:15px; overflow:hidden; padding-top:5px;}
.mainBox_l{ float:left;}
.mainBox_r{ float:right;}
.mainBox_l{ width:220px; min-height:400px; padding:10px; background:#F1F1F1;}
.mainBox_r{ width:720px;}

.navpos{padding-bottom:15px; color:#909090; text-align:right;}
.navpos a{ color:#909090; margin:0px 5px;}

.mainBox_l h1{ background:url(../image/left_navbg.gif) repeat-x; height:35px; line-height:35px; border-bottom:1px solid #D7D7D7; font-size:14px; padding-left:15px; border-top-left-radius:10px;}

.mainBox_l ul{ margin:0px 10px; padding:10px 0px 20px 0px;}
.mainBox_l li{ border-bottom:1px dashed #C4C4C4; height:30px; line-height:30px; padding-left:17px; background:url(../image/d.gif) no-repeat left center;}
.mainBox_l li a{ color:#666666;}
.mainBox_l p{ line-height:28px; padding:10px; color:#666666; font-size:14px;}

.rightBox{ border:1px solid #E4E4E4; min-height:420px; box-shadow:0px 0px 7px 0px #E4E4E4; border-radius:5px; background:#fff url(../image/h1bg.gif) repeat-x;}
.mainRightH1{ background:url(../image/d2.gif) no-repeat 10px center; padding-left:35px; color:#666666; font-weight:bold; height:33px; line-height:33px; border-bottom:1px solid #E4E4E4;}

.contentBox{ color:#666666; font-size:14px;padding-top:10px;}
.contentBox p{ padding-bottom:15px; color:#666; font-size:14px;}
.aboutBox img{ display:block; margin-bottom:10px; text-align:center;}

.productBox ul{ height:1%; overflow:hidden; padding:10px; padding-top:25px;}
.productBox li{ padding:0px 15px; float:left; padding-bottom:15px;}
.productBox li img{ width:180px; height:170px; margin-bottom:7px; border:1px solid #CCCCCC;}
.productBox li a{ color:#666666; display:inline-block; text-align:center;}
.productBox li a:hover{ text-decoration:none; color:#158DCB;}
.productBox li a:hover img{ border-color:#158DCB;}
.page{ border-top:1px solid #DEDDDD; padding:15px 0px; margin:0px 25px;}
.page a,.page span{ display:inline-block; height:20px; line-height:20px; padding:0px 8px; color:#B4B4B4; border:1px solid #F3F3F3; margin:0px 2px;}
.page span{ background:#F0F0F0; color:#757575; border-color:#E0E0E0;}
.page a:hover{ text-decoration:none; background:#F0F0F0; border-color:#E0E0E0;}

.contentH1{ padding:20px 0px; text-align:center; font-size:18px; color:#666;}
.content_h1{ font-size:16px; background:url(../image/d3.gif) no-repeat left center; height:36px; line-height:36px; border-bottom:1px dotted #CCCCCC; padding-left:20px; color:#666666; margin:0px 10px; font-weight:bold;}


.sidle_con_l ul{ text-align:center; padding:15px 0px; height:350px;}
.sidle_con_l li{ display:none;}
.sidle_con_l li img{ height:350px; max-width:900px;}
.sidle_con_r{ width:auto; margin:0px auto; display:table;}
.sidle_con_r ul{ height:1%; padding:0px 5px;}
.sidle_con_r li{ float:left; padding:0px 5px;}
.sidle_con_r li img{ height:78px; width:82px; border:1px solid #a7a7a7;}
.sidle_con_r li span{ cursor:pointer;}
.sidle_con_r td{ cursor:pointer; clear:both;}
.sidle_con_r li.dq span{ display:inline-block; position:relative;}
.sidle_con_r li.dq span img{ border:2px solid #74d5d7; height:76px; width:80px;}
.sidle_con_r li.dq span em{ display:inline-block; width:11px; height:7px; background:url(../image/d5.gif) no-repeat; position:absolute; top:-7px; left:38px;}
.sub_img{ position:relative; top:-1px;}

.newsBox{  padding-top:10px;}
.newsBox li{ padding:15px 0px; position:relative; border-bottom:1px solid #DEDDDD;}
.newsBox li p{ color:#AAAAAA; padding:7px 0px 0px 10px;}
.newsBox li span{ color:#AAAAAA; position:absolute; right:0px; top:15px;}

.newsBox li a{ color:#666666; font-size:14px;}
.newsBox li a font{ color:#FF9D00; font-size:16px; display:inline-block; margin-right:5px;}

.news_p{ text-align:center; padding-bottom:10px; border-bottom:1px solid #DEDDDD; color:#AAAAAA; margin:10px 0px;}
.hrefBox{ padding-top:10px; border-top:1px solid #DEDDDD; color:#AAAAAA; margin:0px 10px;}
.hrefBox li{ padding-bottom:7px;}
.hrefBox li a{ color:#000;}

.bookBox .inputText{ outline:none; height:40px; line-height:40px; width:500px; padding:0px 3px; border:1px solid #C9C9C9;}
.bookBox li{ font-size:16px; vertical-align:top; padding-bottom:15px;}
.bookBox textarea{  font-size:16px;outline:none;width:500px; padding:3px; height:120px; border:1px solid #C9C9C9;}
.bookBox .inputbookSub{ padding:0px 20px; background:url(../image/navbg2.jpg) repeat-x; height:29px; line-height:29px; color:#fff; border:0px; cursor:pointer; font-size:16px; margin-left:256px;}
.bookBox{margin:0px auto; padding-left:120px;padding-top:20px;}

.bookContent{ padding:10px;}

.bookContent_for{ border:1px solid #E7E7E7; margin-bottom:10px; padding:5px 10px;}
.bookContent_for table{ width:638px;}
.bookContent_for span{ color:#A7A7A7;}
.bookContent_for td{ line-height:18px; color:#464646; padding:1px 0px;}
.webmaster{ border:1px solid #E8E4C0; padding:5px 10px; margin-top:5px; background:#FFFDE8;}
.webmaster string{ color:#f00;}

.banner1{width:1200px; margin:0 auto; height:90px;}
.banner1 .logo{ float:left;padding-top:10px; padding-bottom:10px;}
.banner1 .weixin{ float:right; padding-top:5px; padding-bottom:5px;}
.banner1 .data{ float:right; font-size:14px; line-height:20px;}

.right_page{ float:right; width:330px;border:1px solid #D6D6D6; height:233px;background:#ffffff;}
.mhd{background:#ecebe9; height:36px;}
.mhd .mh_l{ float:left;font-size:16px; line-height:36px; background:#002f7c; color:#ffffff;  padding:0 10px;font-family:"微软雅黑";}
.mhd .mh_l a{color:#ffffff;}
.mhd .mh_r{ float:right;color:#7f0202;line-height:36px; padding-right:5px;}
.mhd .mh_r a{color:#7f0202;text-decoration: none;}
.list{padding:5px;}
.list ul{line-height:26px; color:#046 ;font-size:14px;}
.list ul li{background:url(../image/li_bj01.gif) left no-repeat; padding-left:18px}
.list ul a{color:#046}

.cygj { padding-left:10px;background:#ffffff;}
.cygj .pic_list{ float:left; width:75px; margin-right:15px;}
.cygj .last{ margin-right:0;}
.cygj .pic_list h3{font-size:14px; line-height:20px; color:#046; text-align:center;}
.cygj .pic_list h3 a{color:#046;}

section.about-section{
    width: 1200px;
    margin: 16px auto;
    display: flex;
}
section.about-section .aside-container{
    width: 222px;
    min-height: 560px;
    flex-shrink: 0;
    margin: 0 12px 0 0;
background: #fff;
}
section.about-section .aside-container h1{margin-top:30px;
font-size:18px;height: 50px;
    line-height: 50px;padding-left:30px;font-weight:bold; }
section.about-section .aside-container a{
display: block;
    height: 45px;
    line-height: 45px;
    padding-left: 40px;
    font-size: 16px;
    color: #333;
}
section.about-section .aside-container  a.cul{    background: rgba(229, 1, 19, .04);
    position: relative;

text-decoration: none; }
section.about-section .aside-container  a:hover{text-decoration: none;color: #e6002d; }
.details{
    flex: 1;
    padding: 30px 45px;
background: #fff;
}
.details-container{
    flex: 1;
    padding: 30px 45px;
background: #fff;
width:876px;
}
section.about-section .aside-container .cul:before {
    content: "";
    height: 45px;
    width: 2px;
    background: #e50113;
    position: absolute;
    top: 0;
    left: 0;}


.footer_container {
    background: #191c21;
    padding: 56px 0;
min-width:1200px;
}
.footer_container .footer_content{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.footer_container .footer_content .help-wrap{
margin-top:10px;
    margin-bottom: 20px;
    display: flex;
}
.row-flex-wrap {
    flex-wrap: wrap;
}
.footer_container .footer_content .help-wrap li {
    margin-bottom: 10px;
    padding: 0 18px;
    border-right: 1px solid #7f7f7f;
    line-height: 1;}
.footer_container .footer_content .help-wrap li a {
    font-size:16px;
    color: #fff;
}
.footer_container .footer_content .other-info{
    font-size: 14px;
    color: #fff;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}
.footer_container .footer_content .other-info span{padding-left:18px;}
.footer_container .footer_content .other-info a{color: #fff;}
.media-box{
    display: flex;
    grid-gap: 16px;
    gap: 16px;
color:#fff;
font-size:16px;
line-height:26px;
font-weight:bord;
}
.footer_container .footer_content .tel{
    font-weight:bold;
    flex-shrink: 0;
    color: #fff;
    line-height:28px;
background: url(../image/tel.png) left no-repeat;
padding:10px 25px;
}
.footer_container .footer_content .tel-num{font-size:16px;margin-bottom: 10px;}

.index-banner1 {
    min-width:1200px; 
    height: 400px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
  
background-image: url(http://www.cctvbab.com/template/default/image/cc.jpg);
    
}
.index-banner1 .brand{
width:1160px;
    font-size: 14px;
    color: #fff;
    line-height: 16px;
margin:0 auto;
    background: rgba(0,0,0,.45);
    padding: 10px 20px;
    border-radius: 4px;
}
.index-banner1 .brand a{color: #fff;}

.index-banner1 .exh_detail_basic_info{
height:290px;
    display: flex;
	margin:0 auto;
	width:1160px;
    background: rgba(0, 0, 0, .45);
    padding:10px 20px;
    border-radius: 4px;}
.index-banner1 .exh_detail_basic_info .fair-cover{
width:282px;    
height: 167px;
    flex-shrink: 0;
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #d0d0d0;
    margin-right: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.index-banner1 .exh_detail_basic_info .fair-cover img{    max-width: 282px;
    max-height: 167px;}
.index-banner1 .exh_detail_basic_info .zxly {
    
    width: 250px;
    text-align: center;
    background: #e50113;
    color: #fff;
    font-family: PingFangSC-Medium,PingFang SC,sans-serif;
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px;
    padding: 8px 16px;
    letter-spacing: 1px;
    cursor: pointer;
    margin-right: 30px;
margin-top: 50px;

}
.index-banner1 .exh_detail_basic_info .exh_detail_right {
    width: 558px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    position: relative;
    margin-right: 30px;
}
.index-banner1 .exh_detail_basic_info .exh_detail_right h1{color: #fff;
    line-height: 40px;}
.index-banner1 .exh_detail_basic_info .exh_detail_right p{
    font-size: 16px;
    color: #fff;
    line-height: 34px;
    display: flex;
    align-items: center;
}
.index-banner1 .exh_detail_basic_info .top_r{
    position: relative;
display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.index-banner1 .exh_detail_basic_info .hrefBox1{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.index-banner1 .exh_detail_basic_info .hrefBox1 a{color:#fff;}
.index-banner1 .exh_detail_basic_info .top_r p{
    font-size: 16px;
    color: #fff;
    line-height: 34px;
    display: flex;
    align-items: center;
}
.con7 {
z-index:999;
    background: #FFF;
    width: 700px;
    height: 500px;
    position: absolute;
    left: 30%;
    top: 300px;
    display: none;
  
}
.con7 .guanbi a {
    background: url(../image/guanbi.gif) no-repeat left top;
    position: absolute;
    right: 30px;
    top: 20px;
    width: 10px;
    height: 11px;
    cursor: pointer;
}