*{margin:0;padding:0; box-sizing: border-box;}
img{display: block;}
body{min-width: 1200px;}
.center{width:1200px;margin:0 auto;}
ul{list-style:none;}
li{float:left;}
.clear{clear:both;float:none;}
a{text-decoration:none;color:#fff;}
/*头部的导航配图*/
.nav_pic{height:900px;  overflow:hidden; background: url(dabanner.jpg);background-size: 100% 100%; position: relative;}
.top{height:53px; margin-top:24px;}
.top_logo{float:left; width:220px;height:46px;background:url(logo.png);background-size:100% 100%; margin-left: 10px;}
.top_icon{float:right; margin-top:18px;}
.top_icon li{width:21px;height:16px;background-size:100% 100%;margin-left:24px;}
/*配图上的文字导航*/
.word_nav{font-size:14px; color:#fff; margin:53px auto; width: 1200px; height: 14px;}
.word_nav li{width: 16.6%; height: 100%; text-align: center; font-size: 14px; line-height: 14px; border-right: 1px solid #9A9A9A;}
.word_nav li div:nth-child(1):hover{cursor: pointer;}
.word_nav li:last-child{border: none;}
.word_nav div a{width: 100%; font-size: 14px; line-height: 30px; height: 30px; display: block;}
.word_nav div a:first-child{position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #244e78;}
.sec_nav{border-radius: 5px; background: #244e78; margin-top: 20px; position: relative; display: none;}
.word_nav>li>a{text-decoration:none;color:#fff;}
.ZGC{margin:318px auto;color:rgba(255,255,255,1);position:relative;}
/********************************nav hover css start ********************************/
.word_nav li div:first-child:hover ~.sec_nav{display: block;}
.sec_nav:hover{display: block;}
.word_nav div a:hover{color: #06407C; background: #fff; cursor: pointer;}
.word_nav div a:first-child:hover{background: none;}
a{text-decoration:none;color:#fff;}
ul{list-style:none;}
li{float:left;}
/********************************nav hover css end ********************************/


/*<!--Group Profile部分------------------------------------------------------>*/
.Gro_Pro{margin-top:50px;overflow:hidden;}
/*<!--Profile左边的部分-->*/
.over_left{float:left;line-height:1;}
.Group_left{float:left;line-height:1;}
.Pro_line{width:80px;height:5px;background-color:#0082c7;}
.Group_left .letter_G{margin-top:54px; height:28px; line-height:28px; font-size:30px;font-family:TimesNewRomanPSMT;color:rgba(51,51,51,1);}
.Group_left .letter_O{width: 391px; height: 214px; margin-top: 10px;}
.letter_G{margin-top:63px;width:523px;/*height:55px;*/font-size:60px;font-family:TimesNewRomanPSMT;color:rgba(51,51,51,1);}
.letter_O{white-space:pre-wrap;margin-top:51px;width:415px;height:14px;font-size:12px;font-family:MicrosoftYaHei;color:#0082c7;}
/*<!--Profile右半边的部分-->*/
.Group_right{float:right;margin-top:59px;line-height:1;overflow: hidden;}
.letter_T{width:325px;height:18px;font-size:16px;font-family:MicrosoftYaHei-Bold;font-weight:bold;color:rgba(51,51,51,1);}
.letter_TH{/*overflow-x: hidden;overflow-y: scroll;*/ margin:21px 0 23px 0;width:657px;height:134px;font-size:14px;font-family:MicrosoftYaHei;color:rgba(116,116,116,1);line-height:28px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.letter_TH::-webkit-scrollbar {/*隐藏滚轮*/display: none;}
.letter_R{width:150px; color:#0082c7; height:50px;text-align:center;line-height:50px;font-size:16px;background:rgba(255,255,255,1);border:1px solid #0082c7;border-radius:5px;}
.letter_R:hover{border:1px solid #0082c7; color: #fff; cursor: pointer; background-color: #0082c7;}
/*<!--News Center部分-->*/
.News{width:367px;/*height:72px;*/font-size:60px;font-family:TimesNewRomanPSMT;color:rgba(51,51,51,1);margin:104px auto 49px;}
.News_bg{background:rgba(249,249,249,1);height:625px;overflow:hidden;}
/*<!--DOM中间标题设置-->*/
.Doms{width:342px; height:20px;margin:51px auto 0;float:none;}
.Dom_line{margin-top:15px;width:48px;height:1px;background-color:#06407C;float:left;}
.Dom{margin:0 10px;float:left;width:226px;/*height:20px;*/font-size:24px;font-family:MicrosoftYaHei;color:rgba(51,51,51,1);line-height:28px; text-align: center;}
/*-<!--DOM文本介绍设置-->------------------------------------------------------------------------------------*/
.News_li{overflow:hidden;}

.News_li>li{width:580px;height:90px;margin-top:52px;}
.li_size{margin-top:0px;}
.News_li>li:nth-child(odd){float:left;}
.News_li>li:nth-child(even){float:right;}
.News_li li:hover .day{color:#0082c7;cursor:pointer;text-decoration:none;}
.News_li li:hover .h_intro{color:#0082c7;cursor:pointer;text-decoration:none;}
/*<!--栏目左边的日期-->*/
.date{float:left; box-sizing: border-box;}
.day{text-align:center;width:85px;/*height:35px;*/font-size:48px;font-family:ArialMT;font-weight:400;color:rgba(51,51,51,1);}
.year_month{/*margin-top:20px;*/ width:88px;height:24px; font-size:22px; line-height:22px; font-family:ArialMT;font-weight:400;color:rgba(187,187,187,1);}
/*<!--栏目中间的竖条-->*/
.height_line{width:1px;height:84px;margin:0 10px;float:left;background:rgba(191,191,191,1);}
/*<!--栏目右边的文本介绍-->*/
.intro{width:455px;height:90px;float:right;overflow: hidden;}
.h_intro{white-space: nowrap;text-overflow: ellipsis; overflow: hidden; margin-top:9px;width:450px;/*height:17px;*/font-size:16px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(51,51,51,1);}
.p_intro{overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top:18px;width:455px;height:40px;font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(152,152,152,1);}
.p_intro::-webkit-scrollbar {/*隐藏滚轮*/display: none;}

/*鼠标放置效果设置*/
/*.day:hover{color:#06407C;cursor:pointer;text-decoration:none;}
.h_intro:hover{color:#06407C;cursor:pointer;text-decoration:none;}*/




/*---------------------------------------------------------------------------------------*/
/*<!--Group Business部分---------------------------------------------------------->	*/
.Bus_left{float:left;margin-top:59px;}
.Bus_right{float:right;overflow:hidden;}
/*五张导播图*/
.direct{margin-top:68px;overflow: hidden;}
.direct>li{width:279px;height:385px;margin:0 10px; background-size:100% 100%;cursor:pointer;}
.direct_pic1{background:url(direct_pic04.png);position:relative;}
.direct_pic2{background:url(500375553.png);position:relative;}
.direct_pic3{background:url(direct_pic02.png);position:relative;}
.direct_pic4{background:url(direct_pic03.png);position:relative;}
.direct_pic5{background:url(direct_pic01.png);position:relative;}
.dpic{/*text-align:center;*/width:100%;height:58px;position:absolute;top:28px;overflow:hidden;}
.dpic_ln{margin:0 auto;float:none;width:156px;height:17px;}
.dpic_line{float:left;margin:12px 10px;width:40px;height:1px;background-color:#fff;}
.dpic_num{float:left;/*margin:8px auto;*/font-size:30px;font-family:FZLTCXHJW--GB1-0;color:rgba(255,255,255,1);line-height:24px;}
.dpic_letter{margin-top:16px;font-size:15px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(255,255,255,1);text-align: center;}
.dpic_more{display:none;position:absolute;top:310px;left:94px;text-align:center;width:95px;height:30px;background:rgba(255,255,255,1);opacity:0.8;font-size:12px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(3,79,168,1);line-height:30px;}
.dpic_more>a{background:rgba(255,255,255,1); text-decoration:none; color: #06407C;}
/*鼠标放置后的效果*/
.direct>li:hover .dpic{top:60px;transition: .3s}
.direct>li:hover .dpic_more{display:block;}
.direct_pic1:hover{background:url(direct_pic04.png) rgba(255,255,255,1);opacity:0.8;background-size:100% 100%;}
.direct_pic2:hover{background:url(500375553.png) rgba(255,255,255,1);opacity:0.8;background-size:100% 100%;}
.direct_pic3:hover{background:url(direct_pic02.png) rgba(255,255,255,1);opacity:0.8;background-size:100% 100%;}
.direct_pic4:hover{background:url(direct_pic03.png) rgba(255,255,255,1);opacity:0.8;background-size:100% 100%;}
.direct_pic5:hover{background:url(direct_pic01.png) rgba(255,255,255,1);opacity:0.8;background-size:100% 100%;}
/*世界地图*/
.world_map{width:1064px;height:451px;margin:102px auto;background-size:100% 100%;}
.world_map img{width: 100%;height: 100%}
/*<!--底部地址文本导航栏-->*/
.bottom{overflow:hidden;height:272px;background-color:#292929;margin-top:98px;}
.bottom_center{position:relative; width:1200px;height:272px;margin:0 auto;}
.bottom>ul{position:absolute;left:360px;}
.bot_line{position:absolute;top:30px;width:1200px;height:2px;background:rgba(56,56,56,1);}
.bot_logo{position:absolute;top:92px;background:url(logo.png);background-size:100% 100%;width:240px;height:51px;}
.dress{position:absolute;top:180px;width:525px;height:14px;font-size:12px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(154,154,154,1);line-height:28px;opacity:0.7;}
.code{position: absolute; top: 63px; right: 0; width: 218px; height: 110px;}
.QR_code01{float:right; background:url(code01.jpg);background-size:100% 100%;width:89px;height:89px;}
.QR_code02{float:left;background:url(code02.jpg);background-size:100% 100%;width:89px;height:89px;}
.qr12{float:left;width:75px; margin-left:7px; height:20px;font-size:14px;font-family:"MicrosoftYaHei";font-weight:normal;text-align:left;color:#EAEAEA;/*background-color:black;*/}
.qr21{float:right;width:53px; margin-right:16px; height:20px;font-size:14px;font-family:"MicrosoftYaHei";font-weight:normal;text-align:left;color:#EAEAEA;/*background-color:black;*/}
.bottom select {
    width: 250px;
    font-size: 14px;
    position: absolute;
    left: 50%; 
    top: 40%;
    transform: translate(-50%,-50%);
}
.swiper-pagination-bullet{width: 10px; height: 10px; margin: 1.5px 4px !important;}
.swiper-pagination-bullet-active{ width:12px; height: 12px; border:2px solid #0082c7; background: none !important; margin: 0 4px !important;}
/*---------------------------------------------------------------------------------------------------------------*/
/*页面铺设总结:在一些地方的模块设置上,一直是拿不定主意,但是最终还是敲定了.
因为达成目标的方式不止一种,所以想选择比较好的方式来实现,所以可能第一次方法不合适,就重新弄,时间上就有了延迟.
但是最终能有一个比较满意的答案,心里还是很开心的.
本页面铺设学到的东西:鼠标hover事件,在对子级去操作和父级去操作的方式.
也对新的模糊度单词的认识:opacity;不过打字还是有点满,需要更进.*/
/*学到一个新的功能:   overflow-x: hidden;overflow-y: scroll;增加滚动条控制在文本内容超出,隐藏滚轮使用时 父元素需要添加overflow:hidden;
    css3里面特有的方法::-webkit-scrollbar {display: none;}隐藏滚动条*/
   /*内容学习地址:https://segmentfault.com/a/1190000013425715*/
/*-----------------------------------------------------------------------------------------------------------------------*/






.area_02{background: url(zcbg.png) no-repeat center center;}



.bt-select1 {position: absolute;width: 250px;height: 23px;font-size: 14px;color: #000;line-height: 23px;
background: url(downarrow.png) no-repeat 220px center  #fff;display: inline-block;left:50%;top:40%;transform: translate(-50%, -50%);}

.bt-select1 dt {height: 23px;text-align: left;text-indent: 5px;display: inline-block;line-height: 23px;font-size: 14px;color: #000;cursor: pointer;width: 100%;white-space: nowrap;text-overflow: ellipsis;position: relative;z-index: 99;outline: none;}

.bt-select1 dd {position: absolute;top: 23px;background: #fff;width: 100%;border-top: none;z-index: 99;border:1px solid #efefef;border-radius: 5px;}
.bt-select1 dd>ul {max-height:90%;overflow: auto;}
.bt-select1 dd>ul>li {height: 23px;line-height: 23px;font-size: 14px;cursor: pointer;text-indent: 5px !important;text-align: left;
width: 100%;}
.bt-select1 dd>ul>li:hover {background-color:#0583C7;}
.bt-select1 dd>ul>li:hover a{color: #fff;}
.bt-select1 dd>ul>li>a {color: #333;display: block;width: 100%;}
.hides {display: none;}

.spercontent {width: 1200px;margin:50px auto;text-align: justify;}
.spercontent p,.spercontent span,.spercontent a,.spercontent{font-size: 16px;color: #333;line-height: 1.5;}



@media screen and (max-width: 750px) {
	#header_font{height: 1.5rem !important}
#header_font div:nth-child(1){font-size: 0.7rem !important;height:1rem !important;line-height: 1rem !important;width: 90% !important;}
#header_font div:nth-child(2){width: 90% !important;font-size: 0.26rem !important;line-height: 1.5 !important;
	margin:0 auto !important;margin-top:0.2rem !important;}
	.font_line{height: auto !important;line-height: 2 !important;width: 80% !important}
.font_line>li{font-size: 0.3rem !important;padding-left:0.4rem !important }
.Gro_Pro{margin-top:0.5rem;padding:0 0.2rem;width: 100%;padding-bottom: 0.5rem;}
.Group_left{float: none;width: 100%;}
.Group_right{float: none;width: 100%;margin-top:0.3rem;}
.Pro_line{display: none;}
.Group_left .letter_G{margin-top:0;font-size: 0.4rem;height: auto;line-height:1;text-align: center;font-weight: bold;
width: 100%;}
.Group_left .letter_O{width: 100%;height: auto;}
.letter_T{width: 100%;line-height: 1.5;font-size: 0.3rem;}
.letter_TH{width: 100%;margin-top:0.2rem;height: auto;font-size: 0.3rem;line-height: 1.5}
.letter_R{width: 2.5rem;height: 0.8rem;font-size: 0.3rem;line-height: 0.8rem;}
.News_bg{width: 100%;padding:0 0.2rem;height: auto;padding-bottom: 1rem;}
.News{width: 100%;font-size: 0.4rem;margin:0;text-align: center;height: 1rem;line-height: 1rem;font-weight: bold;}
.Doms{width: 100%;margin:0.2rem 0;}
.Dom{width: 100%;font-size: 0.35rem;margin:0;float: none;}
.Dom_line{display: none;}
.News_li>li{width: 100%;height: auto;margin-top:0.3rem;}
.day{font-size: 0.7rem;width: auto;}
.year_month{font-size: 0.3rem;width: auto;line-height: 1.5;}
.height_line{margin:0 0.2rem;height: 1.3rem;}
.intro{width: calc(100% - 1.8rem)}
.h_intro{width: 100%;margin-top:0;font-size: 0.3rem;}
.p_intro{width: 100%;margin-top:0.1rem;line-height: 1.5;font-size: 0.26rem;height: 0.83rem}
.News_li>li:nth-child(n+4){display: none}
.News+.swiper-container{height: auto !important;}
.over_left{float: none}
.Bus_right{float: none}
.letter_G{width: 100%;height: auto;margin-top:0;font-size: 0.4rem;font-weight: bold;text-align: center;}
.Bus_left{float:none;margin-top:0.2rem;}
.Bus_left .letter_TH,.over_left .Group_right .letter_TH{-webkit-line-clamp: 10;margin-bottom: 0;}
.direct{margin-top:0;height: auto;display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.direct>li{width: 42%;height: 4.4rem;background-size: cover !important;margin:0;margin-bottom: 0.2rem;border-radius: 7px;}

.dpic{width: 100%;height: auto;position: static;}
.dpic_line{display: none;}
.dpic_ln{width: 100%;height: auto;}
.dpic_num{float: none;text-align: center;font-size: 0.7rem;margin-top:0.5rem;line-height: 1}
.dpic_letter{font-size: 0.3rem;}
.world_map{width: 100%;height: auto;margin-top:0;}


.publubo{padding-top:50px;}
.publubo .swiper-slide{height: 3rem !important;width: 100% !important;background-size: cover !important;}
.dpic_more{display: block !important;width: 100%;height: 100%;left:0;top:0;opacity: 0;}
.dpic_more>a{display: block;width: 100%;height: 100%;}
}