@charset "utf-8";

/* header */
header{}

/* top */
.top{overflow:hidden}

.logo{height:90px; display:flex; align-items:center}
/* .logo img{max-height:62px} */

.search{height:32px; position:relative; top:31px; box-sizing:border-box; border:1px solid #d4d4d4;}
.search-f{overflow:hidden; height:100%}
.search .serach_input{width:180px; height:32px; line-height:32px; padding-left:10px; border-right:none; font-size:13px; color:#666}
.search .btn_serach{width:32px; height:32px; border:0; cursor:pointer; background:url(../images/search_ico.png) no-repeat center}

.search:hover{border-color:var(--i_color)}






/* nav */
nav{height:45px}
#i_nav{border-top:2px solid #E6E6E6}


nav>ul>li{float:left; text-align:center; position:relative}
nav>ul>li:after{content:""; position:absolute; top:50%; transform:translate(0,-50%); right:0; width:1px; height:14px; background:rgba(255,255,255,.25)}
nav>ul>li>a{display:block; height:45px; line-height:45px; font-size:14px; color:#4F4F4F}

nav dl{position:absolute; left:50%; transform:translate(-50%,0); min-width:100%; background:rgba(219,87,39,.9); z-index:9; opacity:0; visibility:hidden; -webkit-transition:all .4s ease-out; -ms-transition:all .4s ease-out; transition:all .4s ease-out; -webkit-transform:translate3d(-50%, 40px, 0); -ms-transform:translate3d(-50%, 40px, 0); transform:translate3d(-50%, 40px, 0)}
nav dl a{font-size:13px; color:#FFF; display:block; overflow:hidden; white-space:nowrap; text-align:center; height:37px; line-height:37px; margin:0; padding:0 28px; border-bottom:1px solid rgba(255,255,255,.2)}

nav li:hover dl{opacity:1; visibility:visible; -webkit-transform:translate3d(-50%, 0, 0); -ms-transform:translate3d(-50%, 0, 0); transform:translate3d(-50%, 0, 0)}
nav dl a:hover{background:rgba(0,0,0,.1)}

nav>ul>li>a:hover{background:var(--i_color); color:#FFF}






/* -------------- banner -------------- */
.banner{position:relative}

.rslides{position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0}
.rslides li{-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0; overflow:hidden}
.rslides li:first-child{position:relative; display:block; float:left}
.rslides img{display:block; float:left; width:100vw; height:300px; object-fit:cover}
/* 左右箭头 */
.rslides_nav{opacity:0; position:absolute; top:50%; transform:translate(0,-50%); padding:4px 12px; font-family:"SimSun", NSimSun, FangSong; font-size:26px; color:#FFF; font-weight:bold; background:rgba(0,0,0,.6); text-align:center; z-index:2}
.prev{left:2%}
.next{right:2%}
.banner:hover .rslides_nav{opacity:1}
.banner:hover .prev{left:5%}
.banner:hover .next{right:5%}
.rslides_nav{transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease}
.rslides_nav:hover{background:var(--i_color)}
/* 指示器 */
.rslides_tabs{
	text-align:center;
	font-size:0;
	list-style-type:none;
	position:absolute;
	bottom:24px;
	left:50%;
	transform:translate(-50%,0);
	z-index:999}
.rslides_tabs li{display:inline-block; margin:0 4px}
.rslides_tabs a{display:inline-block; width:18px; height:18px; background:#FFF; box-sizing:border-box; border:4px solid rgba(0,0,0,.25); -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; overflow:hidden}
.rslides_here a{width:18px; height:18px; background:var(--i_color); border:4px solid rgba(255,255,255,.4)}






/* -------------- 首页-滚动通知 -------------- */
.gd_tz{width:100%; height:38px; background:var(--i_color)}

.BreakingNewsController{width:100%; overflow:hidden; height:auto; position:relative}
.BreakingNewsController .bn-title{display:inline-block; float:left; padding-right:20px; margin-right:20px; background:none; font-size:15px; color:#FFF; line-height:38px; position:relative}
.bn-title:after{content:""; position:absolute; top:50%; transform:translate(0,-50%); right:0; width:1px; height:20px; background:rgba(255,255,255,.2)}

.BreakingNewsController ul{padding:0; margin:0; display:block; list-style:none; position:absolute; left:180px; right:50px}
.BreakingNewsController li{display:none; overflow:hidden}
.BreakingNewsController li a{float:left; text-decoration:none; color:#FFF; line-height:38px; padding-left:14px; overflow:hidden; position:relative}
.BreakingNewsController li a:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:4px; height:4px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; background:rgba(255,255,255,.3)}
.BreakingNewsController li i{float:left; font-size:12px; color:#FFF; line-height:38px; margin-left:70px}

.BreakingNewsController .bn-arrows{display:inline-block; float:right; width:50px; position:absolute; right:0; top:0; bottom:0}
.BreakingNewsController .bn-arrows span{position:absolute; top:0; bottom:0; display:block; width:25px; text-align:center; font-family:宋体; font-size:16px; line-height:38px; font-weight:bold; color:#FFF; cursor:pointer}
.BreakingNewsController .bn-arrows span:hover{opacity:1; color:#005097}
.BreakingNewsController .bn-arrows-left{left:0}
.BreakingNewsController .bn-arrows-right{right:0}
.easing a,.easing span{transition:.25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear}






/* main */
main{--box-w:406px}
main{overflow:hidden}

.i_box{overflow:hidden; margin-top:40px}

.i_box_l{width:57.5%}
.i_box_r{width:38%}

.i_tit{margin-bottom:15px; padding:0 20px; overflow:hidden; background:#F2F2F2}
.i_tit p{float:left; font-size:20px; color:var(--i_color); font-weight:bold}
.i_tit a{float:right; font-size:13px; color:#888}
.i_tit p, .i_tit a{line-height:40px}

.i_tit2{margin-bottom:15px; box-sizing:border-box; border-top:2px solid var(--i_color); overflow:hidden}
.i_tit2 p{float:left; padding:0 20px; font-size:18px; color:#FFF; font-weight:bold; background:var(--i_color); position:relative}
.i_tit2 p:after{content:""; position:absolute; top:0; right:-15px; width:0; height:0; border-color:transparent var(--i_color); border-width:0 0 35px 15px; border-style:solid}
.i_tit2 a{float:right; font-size:13px; color:#888}
.i_tit2 p, .i_tit2 a{line-height:35px}

/* 首页 - 新闻列表 */
.i_news_list{overflow:hidden}
.i_news_list li{width:100%; overflow:hidden}
.i_news_list a{float:left; padding-left:15px; max-width:80%; font-size:15px; color:#484848; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_news_list a:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:4px; height:4px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; background:var(--i_color)}
.i_news_list i{float:right; font-size:12px; color:#A1A1A1}
.i_news_list a, .i_news_list i{line-height:38px}

.i_news_list a:hover{color:var(--i_color)}
.i_news_list li:hover a{padding-left:22px; text-decoration:underline}

.i_news_list a{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}




/* -------------- 通知公告 -------------- */
.i_tz_list ul{overflow:hidden}
.i_tz_list li{margin-bottom:15px}
.i_tz_list li a{display:block; padding:0 15px; height:58px; overflow:hidden; position:relative}
.i_tz_list li a:before, .i_tz_list li a:after{content:""; position:absolute; top:0; left:0; height:100%; box-sizing:border-box;}
.i_tz_list li a:before{width:0; background:rgba(0,80,151,.05); border:0px solid var(--i_color); z-index:2}
.i_tz_list li a:after{width:100%; border:1px solid #DDD; border-left-width:2px; z-index:1}
.i_tz_list li i{float:left; width:10%; font-size:12px; color:#7d7d7d; line-height:58px}
.i_tz_list li p{float:right; width:87%; height:58px; display:flex; align-items:center; font-size:15px; color:#575757; line-height:22px}

.i_tz_list li a:hover p{color:var(--i_color)}
.i_tz_list li a:hover:before{width:100%; border-width:1px}
.i_tz_list li a:hover:after{border-left:2px solid var(--i_color)}
.i_tz_list li a, .i_tz_list li a:before{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}




/* 快速链接 */
.ks_link{overflow:hidden; padding-top:10px}
.ks_link dt{float:left; width:100%; margin-right:2%}
.ks_link dt:last-child{margin-right:0}
.ks_link a{padding:0 4px; height:46px; background:#FFAC52; display:flex; justify-content:center; align-items:center; text-align:center}
.ks_link p{font-size:18px; color:var(--i_color); font-weight:bold}

.ks_link dt:hover{-webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px); -ms-transform:translate(0,-8px); transform:translate(0,-8px); box-shadow:0px 3px 3px rgba(0,0,0,.3)}
.ks_link dt:hover p{color:#FFF}
.ks_link dt, .ks_link p{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}

/* .ks_link{overflow:hidden; padding-top:15px}
.ks_link dt{float:left; width:23.5%; margin-right:2%}
.ks_link dt:last-child{margin-right:0}
.ks_link a{padding:0 4px; height:110px; background:#FFAC52; display:flex; justify-content:center; align-items:center; text-align:center}
.ks_link p{font-size:18px; color:var(--i_color); font-weight:bold}

.ks_link em{display:block; margin:10px auto 0; width:36px; height:32px; background:url(../images/ks_link_ico.png) no-repeat}

.ks_link dt:nth-child(2) em{background-position:0 0}
.ks_link dt:nth-child(3) em{background-position:0 -32px}
.ks_link dt:nth-child(4) em{background-position:0 -64px}

.ks_link dt:hover{-webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px); -ms-transform:translate(0,-8px); transform:translate(0,-8px); box-shadow:0px 3px 3px rgba(0,0,0,.3)}
.ks_link dt:hover p{color:#FFF}
.ks_link dt, .ks_link p{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease} */



/* 首页 - 专题图片 */
.i_ztimg{margin:30px auto!important; overflow:hidden}
.i_ztimg img{width:100%; object-fit:cover}




/* 首页 - 图说科院 */
/* .zy-slide{position:relative; width:670px; height:200px; margin:0 auto 60px}
.zy-prev, .zy-next{position:absolute; top:50%; width:0; height:0; border-top:10px solid transparent; cursor:pointer;}
.zy-slide .zy-prev{left:-30px; border-right:10px solid var(--i_color); border-bottom:10px solid transparent}
.zy-slide .zy-next{right:-30px; border-bottom:10px solid transparent; border-left:10px solid var(--i_color)}
.zy-slide ul{position:relative; width:100%; height:200px}
.zy-slide li{position:absolute; width:0; height:0; background:#CCC}
.zy-slide li img{width:100%; height:100%; object-fit:cover}
.zy-slide li p{position:absolute; top:0; left:0; font-size:20px; font-weight:bold; color:#000} */

#certify{position:relative; width:100%; height:200px; margin:0 auto 60px}
#certify .swiper-container{width:680px; height:200px; margin:0 auto; overflow:hidden}
#certify .swiper-wrapper{position:relative; z-index:1; display:flex; transition-swiperperty:transform; box-sizing:content-box}
#certify .swiper-slide{width:360px; float:left; overflow:hidden; flex-shrink:0; position:relative; transition-swiperperty:transform}
#certify .swiper-slide img{display:block; width:100%; height:200px; object-fit:cover}
#certify .swiper-slide p{line-height:98px;padding-top:0;text-align:center;color:#636363;font-size:1.1em;margin:0}

/* 圆点 */
#certify .swiper-pagination{width:100%; bottom:-30px; left:0; cursor:pointer; position:absolute; text-align:center; -webkit-transition:.3s opacity; -o-transition:.3s opacity; transition:.3s opacity; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10}
#certify .swiper-pagination-bullet{width:10px; height:10px; display:inline-block; background:#CCC; margin:0 4px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; outline:none}
#certify .swiper-pagination-bullet-active{background:var(--i_color)}

/* 箭头 */
#certify .swiper-button-prev, #certify .swiper-button-next{position:absolute; bottom:50%; transform:translate(0,50%); width:0; height:0; border-top:10px solid transparent; z-index:999; cursor:pointer}
#certify .swiper-button-prev{left:0; border-bottom:10px solid transparent; border-right:10px solid var(--i_color)}
#certify .swiper-button-next{right:0; border-bottom:10px solid transparent; border-left:10px solid var(--i_color)}




/* 首页 - 视听科院 */
.i_videos{overflow:hidden; margin:28px 0 40px}

.i_videos li{float:left; width:47.5%; margin:0 2% 0 0; height:215px; overflow:hidden}
.i_videos li:last-child{margin-right:0}
.video_img{width:100%; height:160px; overflow:hidden; position:relative}
.video_img:before, .video_img:after{content:""; position:absolute}
.i_videos img{width:100%; height:100%; object-fit:cover}
.i_videos p{text-align:center; font-size:15px; color:#666; line-height:150%}

.i_videos li:hover .video_img:before{top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5)}
.i_videos li:hover .video_img:after{top:50%; left:50%; transform:translate(-50%,-50%); width:0; height:0; border-top:18px solid transparent; border-bottom:18px solid transparent; border-left:30px solid #FFF}
.i_videos li:hover p{color:var(--i_color)}





/* footer */
footer{padding:45px 0; background:url(../images/footer_bg.jpg) no-repeat bottom center}

.f_cont{overflow:hidden}

.f_contact img{max-height:47px; margin-bottom:20px; filter:brightness(1); -webkit-filter:brightness(1); -moz-filter:brightness(1); -o-filter:brightness(1); -ms-filter:brightness(1);}
.f_contact p{font-size:13px; color:#FFF; line-height:26px}

.f_qr{overflow:hidden; margin:10px 0 0 80px}
.f_qr dt{float:left; margin-left:20px; text-align:center}
.f_qr dt img{width:100px}
.f_qr dt p{font-size:12px; color:#FFF; font-weight:bold; margin-top:10px}

.f_nav{width:240px; margin-top:22px; padding:15px 0 4px; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1)}
.f_nav li{float:left; margin:0 42px 15px 0}
.f_nav li:nth-child(3n){margin-right:0}
.f_nav a{font-size:13px; color:#FFF}
.f_nav a:hover{text-decoration:underline}






/* 内页start */
.ny_banner{width:100%; height:260px}
.ny_banner img{width:100%; height:100%; object-fit:cover}




/* 内页左侧 */
#ny_left{width:195px; position:relative; margin:30px 0 60px; float:left}
#ny_left.fix{position:fixed; top:0; margin-top:0;}

.lm_name{display:flex; align-items:center; width:100%; height:80px; background:#005097; position:relative; z-index:99; background:var(--i_color) url(../images/ny_left_titbj.png) no-repeat}
.lm_name div{margin-left:30px; position:relative}
.lm_name p{font-size:16px; color:#FFF; line-height:28px}
.lm_name en{font-size:12px; color:#FFF; text-transform:Uppercase;}




/* 内页左侧导航 */
#sub_nav{margin-bottom:15px; padding-top:15px; padding-bottom:5px; border-bottom:2px solid var(--i_color); display:block; background: #fff; }
#sub_nav dt {display:block; background:url(../images/icon_n_nav_li.png) 145px center no-repeat #fff;}
#sub_nav dt .a{font-size:14px; margin:0 15px; padding:0 10px; height:44px; line-height:44px; border-bottom:1px solid #e7e4e4; display:block; color:#333;}
#sub_nav dt .a.on_border {border:none !important;}
#sub_nav dt:hover, #sub_nav dt.on{color:#fff; background:url(../images/icon_n_nav_li.png) 155px center no-repeat var(--i_color);}
#sub_nav dt:hover .a{color:#fff; border-bottom:1px solid var(--i_color);}
#sub_nav dt.on .a{color:#fff; border-bottom:1px solid var(--i_color);}
#sub_nav dt, #sub_nav dt:hover, #sub_nav dt .a, #sub_nav dt:hover .a, #sub_nav dt.on, #sub_nav dt.on .a{transition:all 0.6s ease; -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -ms-transition:all 0.6s ease; -o-transition:all 0.6s ease;}




/* 内页右侧 */
#ny_right{width:80%; min-height:245px; margin:30px 0 60px; float:right;}

.n_title{position:relative; height:40px; margin-bottom:25px; border-bottom:1px solid #d4d6d8;}
.n_title p{float:left; line-height:40px; color:#555; font-size:18px; font-weight:bold}




/* 当前位置 */
.position{position:absolute; top:13px; right:0; overflow:hidden}
.position dt{float:left}
.position dt a{font-size:12px; color:#666; position:relative}
.position dt a:before{content:">"; margin:0 6px; color:#888!important}
.position dt a:hover{color:var(--i_color)}
.position dt:first-child a:before{content:"您当前的位置 ："; margin:0}




/* 内页-右侧(单页，简介页) */
.ny_right_cont{position:relative}
/*article *{font-size:14px; line-height:28px; color:#666}
article img{display:block; max-width:100%; margin:18px auto}
*/

article{font-size:18px; line-height:200%; color:#666}
article img{  max-width:100%;}




/* 内页-新闻列表 */
.ny_right_cont .i_news_list{margin-bottom:55px}
/* 内页-新闻内容页(三级页面) */
.article_tit{margin-bottom:35px; padding:0 0 28px 22px; position:relative; border-bottom:1px dashed #CCC}
.article_tit:before{content:""; position:absolute; top:0; left:0; width:3px; height:52px; background:var(--i_color)}
.article_tit h1{font-size:22px; font-weight:bold; color:#333; margin-bottom:5px}
.article_tit p{font-size:13px; color:#777}
.article_tit i{margin-right:5px}
/* 分享 */
.n_share{position:absolute; top:20px; right:0}
/* 上一条下一条 */
.tiao{width:100%; overflow:hidden; margin:65px auto 40px}
.tiao p{width:46%; line-height:40px; font-size:14px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.tiao p a{color:var(--i_color)}
.downnew{text-align:right}




/* 内页图片列表页 */
.ny_pic_list{overflow:hidden}
.ny_pic_list li{float:left; width:23.125%; margin:0 2.5% 30px 0; overflow:hidden}
.ny_pic_list li:nth-child(4n+0){margin-right:0}
.ny_pic{width:100%; height:155px; overflow:hidden; position:relative}
.ny_pic_list img{width:100%; height:100%; object-fit:cover}
.ny_pic_list p{text-align:center; font-size:15px; color:#666; line-height:40px;}

.ny_pic_list li:hover p{color:var(--i_color)}




/* 页数 */
.page-box{overflow:hidden; margin:35px auto}
.center_page{text-align:center}
.pages{overflow:hidden; display:inline-block}
.pages a{float:left; color:#555; font-size:13px; padding:5px 15px; margin:0 6px; border:1px solid #CCC; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px}
.pages a:nth-child(1){margin-left:0!important}
.pages .on{background:var(--i_color); border:1px solid var(--i_color); color:#FFF}
.pages a:hover{background:var(--i_color); border:1px solid var(--i_color); color:#FFF}


.i_left{width:58%}
/* -------------- 首页-新闻选项卡切换 -------------- */
.i_tab_news{overflow:hidden}
#news_tabtit{overflow:hidden; margin-bottom:20px; padding:0 0 10px 15px; border-bottom:1px solid #DDD; position:relative}
#news_tabtit:before{content:""; position:absolute; top:9px; left:0; width:16px; height:14px; background:#db5727}
#news_tabtit:after{content:">"; position:absolute; top:9px; left:5px; font-family:"宋体"; font-size:12px; color:#D1DAE6}

#news_tabtit li{float:left}
#news_tabtit li a{display:block; padding:0 18px; font-size:20px; color:#767676; font-weight:bold; border-left:1px solid #DDD; position:relative; cursor:pointer}
#news_tabtit li:first-child a{border:none}
.newselected{color:#db5727!important}
.newselected:after{content:""; position:absolute; left:50%; transform:translate(-50%,0); bottom:-10px; width:64%; height:2px; background:#db5727}

.more{display:block; font-size:12px; color:#656565; text-transform:uppercase; position:relative}
.more:after{content:"▶"; font-size:12px; color:#7a7a7a; line-height:20px; margin-left:5px}
.more:hover{color:#db5727}

#menu_con{overflow:hidden}
.tag{display:none}

.news_box{overflow:hidden}
.news_img{float:left; width:34%; overflow:hidden}
.i_news_pic{width:100%; height:170px; overflow:hidden}
.i_news_pic img{width:100%; height:100%; object-fit:cover}
.news_xx{overflow:hidden}
.news_xx h1{display:block; font-size:16px; color:#353535; margin:14px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.news_xx p{font-size:12px; color:#888; line-height:32px}
.news_xx span{font-size:13px; color:#727272; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}

.news_box .i_news_list_first{float:right; width:61%; overflow:hidden}
.i_news_list_first{overflow:hidden}
.news_box .i_news_list_first li{float:none!important; width:100%!important; margin:0!important}
.news_box .i_news_list_first li a{max-width:74%!important}
.i_news_list_first li{float:left; width:48%; margin-right:4%; overflow:hidden}
.i_news_list_first li:nth-child(even){margin-right:0}
.i_news_list_first a{float:left; padding-left:15px; max-width:70%; font-size:15px; color:#484848; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_news_list_first a:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:4px; height:4px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; background:var(--i_color)}
.i_news_list_first i{float:right; font-size:13px; color:#666}
.i_news_list_first a, .i_news_list_first i{line-height:36px}

.news_img:hover .news_xx h1{color:var(--i_color); margin-left:7px; text-decoration:underline}
.i_news_list_first li:hover a{padding-left:22px; text-decoration:underline}
.i_news_list_first a:hover{color:var(--i_color)}
.news_img:hover .i_news_pic img{-webkit-transform:scale(1.12,1.12); -moz-transform:scale(1.12,1.12); transform:scale(1.12,1.12);}
.news_xx h1, .i_news_pic img, .i_news_list_first a{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}