body{ margin:0; padding:0; font-family:Microsoft YaHei;font-family:"\5fae\8f6f\96c5\9ed1","\9ed1\4f53","Microsoft YaHei","微软雅黑";background:url(topbj.jpg) no-repeat center top;}
html,body,div,span,p,dl,dt,dd,ul,ol,li,table,thead,tbody,tfoot,tr,th,td,h1,h2,h3,h4,h5,h6,img,a,strong,form,fieldset,input,textarea,select,lable,option,blockquote,pre{margin:0; padding:0}
table{border-collapse:collapse;border-spacing:0}
label,input,select,textarea{font-size:12px;outline:none;}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:14px;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#1b5bbf;}
img{border:none;vertical-align:top;}
em,i{font-style:normal;}
.dsn{display:none;}
.fl{float:left;}
.fr{float:right;}
.fb{float:bottom;}
.clear{clear:both}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;line-height:0;}
.clearfix{zoom:1}
body{ background-color:#FFFFFF}

/* 头部*/
.index_top{ width:1200px; height:170px; display:block; margin:0 auto; position:relative; padding-top:10px;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; overflow:hidden; clear:both; }

.index_top_logo{ margin-top:30px;}
.index_top_logo img{}

.index_top_header{height:30px; font-size:16px;line-height:16px;color:#d9e2f2;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:flex-end; overflow:hidden; clear:both; margin-top:35px;}
.index_top_header span{ margin:0 10px; }
.index_top_header a{ color:#474747; text-decoration:none; cursor:pointer;}
.index_top_header a:hover{ color:#1b5bbf; text-decoration:none;}

.index_search{ margin-top:8px; display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:flex-start; overflow:hidden; clear:both;}
.search_bar{ width:300px; padding-left:20px; height:36px; background-color:rgba(255,255,255,0.7);border-radius:3px 0 0 3px; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; border-right:0; margin:0;}
.search_btn{width: 89px;height:46px;background-color: #08f;background-image:url(search.png); background-color:#0088ff; border:0; color:#ffffff; margin:0; padding:0;border-radius:0 3px 3px 0;}
.search_btn:hover{ background-color:#1b5bbf;}

.search_input{display:inline-block;position:relative;width:300px; padding-left:20px;height:44px; border-left:1px solid #e9edf6; border-bottom:1px solid #e9edf6; border-top:1px solid #e9edf6; border-right:0;background-color:rgba(255,255,255,0.8);border-radius:4px 0 0 4px; margin:0; font-size:16px;}
.search_input>input::-webkit-input-placeholder{color:#999;}

.search{width:68px;height:44px;background-color: #08f;background-image:url(search.png);background-position: center;background-repeat: no-repeat;border-radius:0 4px 4px 0;cursor: pointer; display:inline-block; margin:0; color:#fffff; line-height:46px; font-size:18px;}

.search:hover{background-color:1b5bbf;}

/* 导航
.index_menu{ width:1200px; height:60px; line-height:60px; margin:0 auto; position:relative; background-color:#286bd7; border-radius:3px; color:#fffff; font-size:20px;}
.index_menu ul{width:100%; margin:0; padding:0;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; overflow:hidden; clear:both;}
.index_menu ul li{ width:20%; display:inline-block; margin:0; padding:0; text-align:center;list-style:none;  border-radius:3px; }
.index_menu ul li a{ color:#ffffff; text-decoration:none;}
.index_menu ul li a:hover{ color:#ffffff; text-decoration:none;}
.index_menu ul li:hover{ background-color:#4b81ed;}
*/

/* 导航下拉菜单*/
.navi_head{height:60px;background-color:#1b5bbf;}
.navi_body{overflow:hidden;height:60px;background:rgba(36,97,158,0.9);transition:height ease 0.5s;}
.navi_body:hover{height:300px;}

.navi_head>div>span{width:150px;text-align:center;height:300px;display:inline-block;font-weight:bold;color:#FFF;font-size:14px;vertical-align:top;}

.navi_head>div>span>p a{color:#FFF;text-decoration:none; line-height:40px;}
.navi_head>div>span>p a:hover{color:#FFF;text-decoration:underline;}

.navi_title{font-size:16px;line-height:60px;margin-top:0; font-weight:600;}

.navi_head>div>span:hover{background:rgba(100,100,100,0.2);}

/* 新闻*/
.index_news_wap{ width:1200px; margin:30px auto; position:relative; display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; overflow:hidden; clear:both; }
.index_pic_news{ width:560px; height:320px; display:inline-block;}
.index_pic_news img{ width:560px;height:320px;}
.index_news_list{ width:600px; margin:0; padding:0; display:block; overflow:hidden;}
.more{ width:72px; text-align:center; font-size:14px; color:#999; line-height:45px; float:right;}
.more a{ color:#999; text-decoration:none; cursor:pointer;}
.more a:hover{ color:#1b5bbf; text-decoration:none;}

/* 新闻列表选项卡*/
*{padding:0; margin:0}
.clear{clear:both;}
.container{width:600px;margin:0px;}
.container .nav{width:600px; background-color:#f5f7fa;}
.container .nav span{width:20%;display: block;  text-align:center; font-size:20px; font-weight:500; line-height:45px; color:#333; float:left; cursor:pointer;}
.container .nav span.active{background:#1b5bbf; color:#fff;}

.container .nav span:first-child{border:0px}

.container .nav div{display:none}
.container .nav div.active{display:block}

.container .nav span.active a{ color:#fff; text-decoration:none;}



.content{ margin-top:20px; width:600px;position:relative; overflow:hidden;height:250px; padding-top:20px;} /*定位一般设置为relative，overflow设置为hidden来隐藏外面的内容*/
.content .box{position:absolute;width:600px;height:250px;} /*这个定位设置为absolute, 因为要操作这个的位置来切换内容*/
.content ul{float:left; width:600px;}
.content ul li{ width:580px;display: block; height:42px;line-height:42px; float:left; text-align:left; background:url(icon_dian.png) no-repeat 0px 15px; padding-left:20px;}
.content ul li+li{margin-left:-1px;}
.content ul li a{ width:515px; float:left; font-size:17px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; }
.content ul li a:hover{ color:#1b5bbf; text-decoration:none;}
.content ul li img{ width:32px; display:inline-block; margin-top:6px; margin-left:4px;}
.content ul li span{ width:60px; overflow:hidden; font-size:16px; color:#ccc; float:right; font-family:Arial, Helvetica, sans-serif; }

/* 信息公开贸促服务*/
.index_title{ width:100%; height:52px; font-size:24px; font-weight:500; line-height:44px; border-bottom:2px solid #1b5bbf; color:#1b5bbf;}
.index_title img{ display:inline-block; margin-right:10px; width:40px; height:40px;}

.index_xxgk_wap{ width:100%; margin:10px 0 0 0; padding:0;display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; overflow:hidden; clear:both;}
.index_xxgk_wap div{ width:40%; padding-left:5%; height:68px; line-height:68px; background-color:#fff; color:#333; font-size:18px; margin:5px 6px;box-shadow: 0px 1px 8px 0px #e5e8ef;}
.index_xxgk_wap div a{ color:#333; text-decoration:none;}
.index_xxgk_wap div a:hover{ color:#333; text-decoration:none;}
.index_xxgk_wap div:hover{ background-color:#f5f7fa;}

.index_xxgk_wap img{ border:0; display:inline-block; margin:18px 10px 0 5px;}

.index_mcfw_ico{ width:92%; padding:0 4%;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; overflow:hidden; clear:both; }

.mcfw_ico_wap{ width:20%; height:120px; text-align:center; margin:10px 0 0 0;}
.round_ico{width:78px;height:78px; margin:5px auto; position:relative;background-color:#6ea3e5;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;position:relative; z-index:99;border:1px solid  rgba(255, 255, 255, 0.5);}
.round_ico img{ width:60px; height:60px;position:absolute; top:0; bottom:0;left:0;right:0; margin:auto;}
.round_ico img:hover{ width:68px; height:68px;}
.round_ico:hover{width:88px;height:88px;margin:0 auto;background-color:#5882ce;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; border:1px solid  rgba(255, 255, 255, 0.9); box-shadow:1px 1px 8px #005db9;cursor:pointer;}
.mcfw_ico_wap span{ font-size:18px; color:#ffffff; line-height:36px; margin:0;}

.mcfw_ico_active{width:88px;height:88px;margin:0 auto;background-color:#5882ce;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; border:1px solid  rgba(255, 255, 255, 0.9); box-shadow:1px 1px 8px #005db9;cursor:pointer;}



.index_mcfw_list{ width:95%; margin:0px auto; position:relative; }
.index_mcfw_list ul{}
.index_mcfw_list ul li{ width:16%; height:33px; line-height:33px; text-align:center; margin:5px 15px; float:left; display:inline-block; font-size:16px; background-color:rgba(255, 255, 255, 0.2); border-radius:5px;}
.index_mcfw_list ul li a{ color:#deefff; text-decoration:none;}
.index_mcfw_list ul li a:hover{ text-decoration:none;color:#fff;}
.index_mcfw_list ul li:hover{ background-color:rgba(255, 255, 255, 0.5); cursor:pointer; }


.index_mcfw521_wap{ width:100%; margin:0; padding:0; display:block;box-shadow: 0px 1px 8px 0px #e5e8ef;}
.index_mcfw521_title{ width:100%; margin:0; padding:0;}
.index_mcfw521_title ul{ width:100%; height:50px; background-color:#e8eff7; margin:0; padding:0;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; overflow:hidden; clear:both;}
.index_mcfw521_title ul li{ width:25%; text-align:center; line-height:50px; font-size:20px;}

.index_mcfw521_title ul li{display:block;text-decoration:none;color:#333; cursor:pointer;}
.index_mcfw521_title ul li:hover{background:#1b5bbf;color:#fff;text-decoration:none;}
.index_mcfw521_title ul li.on{background:#1b5bbf;color:#fff;text-decoration:none;}
.index_mcfw521_title_on{background:#1b5bbf !important; color: #fff !important;}

.index_mcfw521_title a{display:block;text-decoration:none;color:#333;}
.index_mcfw521_title a:hover{background:#1b5bbf;color:#fff;text-decoration:none;}
.index_mcfw521_title a.on{background:#1b5bbf;color:#fff;text-decoration:none;}




.index_mcfw521_bottom{ width:96%; padding:20px 2%; height:148px; background-color:#fff;display:none; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; overflow:hidden; clear:both;}
.index_mcfw521_bottom > div{ margin-top:10px; padding:0 30px; font-size:18px; line-height:35px; text-align:center; background:url(line_s.jpg) no-repeat right 18px;}
.index_mcfw521_bottom > div:last-child{ background:none;}
.index_mcfw521_bottom > div img{ width:72px; height:72px; display:block; }
.index_mcfw521_bottom_on{display:flex;}


/* 近期活动*/
.index_activity{width:1182px; padding:20px 0 20px 10px; margin:20px auto; position:relative;border:4px solid #e8eff7; background:url(index_jqhd.png) no-repeat 0 0; }
.index_jqhd_logo{ width:280px; height:120px; display:block;position:relative; overflow:hidden;}/* 图片高度高度*/
.index_jqhd_logo img{ margin:0; padding:0;position:absolute; top:0; bottom:0;left:0;right:0; margin:auto; max-width:280px; max-height:120px;}
.index_jqhd_hylist{ width:280px; display:block; text-align:left;color: #333;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical; overflow:hidden;}
.index_jqhd_hylist h2{ font-size:16px; line-height:36px;}
.index_jqhd_hylist p{ font-size:14px; line-height:30px; margin:0; padding:0;}

.index_activity_top{width:100%; margin:0; padding:0; display:block; float:left;}
.index_activity_bottom{width:100%; margin:20px 0 0 0; padding:0; display:block; float:left;}

/* 近期活动滚动*/
.roll-wrap:hover .control{display: block;}
.roll-wrap{position: relative;width: 100%;height:300px;overflow: hidden;}/* 近期活动整体高度*/
.roll-wrap .roll__list{}
.roll_row .roll__list::before, .roll_row .roll__list::after {content: "";display: table;line-height: 0;}
.roll_row .roll__list::after {clear: both;}
.roll_row .roll__list{width: 9999px;}

.roll_row .roll__list li{width:300px; float:left;display: block; padding-left:30px; padding-right:30px;margin-left:20px;margin-right:10px;}

.control{position: absolute;top:100px;display: none;padding:20px 5px;font-weight: bold;text-decoration: none;color: #fff;background-color: rgba(0, 0, 0, .3); border-radius:3px;}
.control:hover{background-color: rgba(0, 0, 0, .5); color:#fff; text-decoration:none;}
.control.pre{left: 5px;}
.control.next{right: 5px;}
.roll_col{width: 100%;height: 200px;overflow: hidden;}
.roll_col .roll__list{width: 100%;}
.h600{height:600px;}
.roll_col li{ display: block;height:300px;line-height:36px;font-size:16px;font-weight: bold;text-align: center;color: #fff;background-color: #ff9900;}
.roll_col .li-2{background-color: #0099ff;}
.roll_col .li-3{background-color: #ff0099;}
.roll_col .li-4{background-color: #00ff99;}
.roll_col .control{top: 80px;}

/* 贸促资讯*/
.index_main_wap{width:1200px; margin:10px auto; position:relative;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; overflow:hidden; clear:both;}


/* 互动交流*/
#list-title {width:358px;height: 56px;margin: 0;list-style-type: none;padding-left: 0;}
.list-item {float:left;width:100px;height:36px; line-height:36px; border-radius:5px; margin:0 10px 0 10px;line-height 50px;font-size:18px;text-align: center;cursor: pointer;}
.list-item-checked {background-color: #1b5bbf;color: #ffffff;}
#content-box {position: relative;clear: both;width: 314px;height:178px;margin: 0 2px;}
.contents {position: absolute;left: 0;top: 0;width: 312px;height:178px;margin: 0;font-size:16px;line-height:40px;text-align:left;z-index: 0;opacity: 0;visibility: hidden;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.contents-checked{z-index: 1;opacity: 1;visibility: visible;}

#mczx span{display:none}
#mczx span.active{display:block}

/* 贸促资讯tab*/
.tabbox{width:800px;margin:0px 0;background:#fff;}
.tabbox .tab{overflow:hidden;  background-color:#e8eff7;}
.tabbox .tab a{display:block;padding:10px 30px;float:left;text-decoration:none;color:#333;}
.tabbox .tab a:hover{background:#1b5bbf;color:#fff;text-decoration:none;}
.tabbox .tab a.on{background:#1b5bbf;color:#fff;text-decoration:none;}

.tabbox .content_mczx{overflow:hidden;width:800px;height:230px;position:relative;}

.tabbox .content_mczx ul{position:absolute;left:0;top:0;height:260px; margin-top:5px;}
.tabbox .content_mczx li{width:800px;height:260px;float:left;}
.tabbox .content_mczx li p{padding:10px;}

.index_mczx_list{ width:800px; height:260px; display:block; overflow:hidden; padding:0; margin-top:10px;}

.index_mczx_list > div{ width:350px; display:inline-block;float:left; margin:0 30px 0 0; height:42px;line-height:42px; text-align:left;padding-left:20px;overflow: hidden;  background:url(icon_dian.png) no-repeat 0px 15px; }
.index_mczx_list > div a:hover{ color:#1b5bbf; text-decoration:none;}
.index_mczx_list a{ width:300px;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; float:left;}
.index_mczx_list > div span{ width:50px; float:right; overflow:hidden; font-size:16px; color:#ccc; font-family:Arial, Helvetica, sans-serif; }
.index_mczx_list > div img{width:32px; display:inline-block; margin-top:6px; margin-left:4px;}


/* 友情链接*/
.index_link_wap{width:1200px; height:auto; min-height:80px; display:block; margin:0px auto; position:relative;line-height:36px; }
.index_link_wap h2{ width:200px; text-align:left; display:inline-block; color:#1b5bbf; font-size:24px; font-weight:600; float:left;}
.index_link_form{ width:1000px; float:right;}
.index_link_wap select{ width:300px; padding-left:20px; font-size:16px; line-height:36px; display:inline-block; float:left; margin-left:30px; height:36px; border:1px solid #cccccc;}
.index_link_wap option{ font-size:16px; color:#333333;line-height:36px; height:36px; padding:5px 0;display:inline-block; float:left; margin-right:20px;}


.clearfix:after{content:""; display:table; clear:both;}
.clearfix{*zoom:1；}


.yqlj { font-size:18px; font-weight: normal;cursor: pointer;float: left;line-height:36px; padding:0px 35px; }
.yqlj span{ background:url(arrow_down.png) right  no-repeat; padding-right:28px;}
.yqlj2 {  font-size:18px; cursor: pointer;float: left;line-height: 36px;height:30px;padding:0px 35px;}
.yqlj2 span{ background: url(arrow_up.png) right no-repeat; padding-right:28px;}
.yqlj1_2014 {width: 123px;float: left;line-height: 34px;border-bottom: 1px solid #e8e8e8;}
.daohang_list {width:1200px;font-size: 16px;float: left;line-height: 34px; padding:10px 15px;}
.jgliebiao li {line-height: 34px;height: 34px; float:left; width:235px;}



/* bottom*/
.bottom{width:100%; border-top:3px solid #2052c1; background-color:#ececec; height:140px; padding-top:20px; min-width:1200px;}
.bottom_main{width:1200px; margin:0px auto; position:relative; line-height:36px; color:#333; font-size:16px;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content: flex-start overflow:hidden; clear:both;}

.bottom_logo{ width:220px; height:120px; float:left;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:flex-start; overflow:hidden; clear:both;}
.bottom_logo > div{ display:inline-block; margin-right:20px;}
.bottom_font{ width:860px;}
.bottom_code{ width:120px; height:120px; overflow:hidden;text-align:center; font-size:12px; color:#333333;}
.bottom_code > div{ display:inline-block; text-align:center; margin-left:10px;position:relative; }
.bottom_code img{ margin:0 auto; position:relative;  display:block;}

/* 深蓝色导航*/
.index_mainmenu{ width:100%;min-width:1200px; height:61px; background-color:#1b5bbf;display:block;}
.nav_menu { width:1200px; margin:0 auto; position:relative;z-index:999; position:absolute;  }
.nav_menu ul { margin: 0px; padding: 0px; list-style: none; }
ul.dropdown { position: relative; width: 100%; }
ul.dropdown li { font-weight: bold; float: left; width: 200px; position: relative; font-size:20px; padding:0; line-height:21px; }/* 主导航字体*/
ul.dropdown a:hover { color: #fff; }
ul.dropdown li a { display: block; padding: 20px 8px; color: #fff; position: relative; z-index: 2000; text-align: center; text-decoration: none; font-weight:500; }
ul.dropdown li a:hover, ul.dropdown li a.hover { background: #286bd7; position: relative; color: #fff; }/* 主导航hover背景色*/
ul.dropdown ul { display: none; position: absolute; top: 0; left: 0; width: 200px; z-index: 1000; }
ul.dropdown ul li { font-weight: normal; background: #286bd7; color: #fff; font-size:16px; opacity:0.9;}/*子导航hover颜色底部线*/
ul.dropdown ul li a { display: block; color: #333 !important; background: #f5f7fa !important; }
ul.dropdown ul li a:hover { display: block; background: #286bd7 !important; color: #fff !important; }

.menu_active{ background: #286bd7 !important; color: #fff !important;}
/*.drop > a { position: relative; }
.drop > a:after { content: ""; position: absolute; right: 10px; top: 40%; border-left: 5px solid transparent; border-top: 5px solid #333; border-right: 5px solid transparent; z-index: 999; }
.drop > a:hover:after { content: ""; border-left: 5px solid transparent; border-top: 5px solid #fff; border-right: 5px solid transparent; }*/