@charset "utf-8";
/*基础部分开始*/
.mh,.ny_l{ display:none}
body{
color:#333;
margin:0 auto;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;


}
.cl{ clear:both}
.fl{ float:left;}
.fr{ float:right;}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:000}
::-webkit-scrollbar-track-piece{background:#f6f6f6}
::-webkit-scrollbar-thumb:vertical{background:#d0d0d0;}
::-webkit-scrollbar-thumb:vertical:hover{background:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background:#535353}
::-webkit-scrollbar-resizer:vertical{background:#FF6E00}
img{ border:none}
div,ul,li
{
color:#333;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin:0 auto; 
padding:0;
list-style:none
}
*{outline:0px; box-sizing:border-box}
a,a:link,a:visited,a:active {
color: #333;
text-decoration: none;
}
a:hover {
text-decoration:none;
color: #0360bf;
transition: 0.3s ease-in-out;
}

input::-webkit-input-placeholder{
color: #999;
}
WebKit browsers 
input::-webkit-input-placeholder { 
　color: #999;
}
Mozilla Firefox 4 to 18 
input:-moz-placeholder {  
　color: #999;
}
Mozilla Firefox 19+ 
input::-moz-placeholder {  
　　color: #999;
}
Internet Explorer 10+ 
input:-ms-input-placeholder { 
　　color: #999;
}

.warp,.warph{ width:94%;}


.warps{ width:100%; background:#fff; padding:30px; box-sizing:border-box; overflow:hidden; float:left; border-radius:5px; min-height:500px; margin-bottom:50px}

header{ width:100%; position:fixed; top:0; left:0; z-index:10; background:#fff;transition: 0.3s ease-in-out; padding:15px 3%;}
header .logo{float:left}
header .logo img{ height:30px}

header .a_js{float:right}
header .a_js img{ height:30px}

.page1{ width:100%; overflow:hidden; background:url(../images/25_15.png); padding:30px 0 30px 0}
.ban{ width:100%; float:left; margin-bottom:20px}
.ban strong{ font-size:22px; color:#0360bf}
.ban a{ font-size:14px; color:#666; float:right; margin-top:5px;transition: 0.3s ease-in-out;}
.ban a img{ float:right; margin-left:10px; margin-top:-2px;transition: 0.3s ease-in-out;}
.ban a:hover{color:#0360bf}
.ban a:hover img{margin-left:5px}
.default #searchbg {
display:none;
position:fixed;
top: 223px;
left: 0;
z-index:8;
width: 100%;
padding:80px 0;
background-color:rgba(255,255,255,.9);
animation: slide-up .3s ease-in-out forwards;

}

.fxd #searchbg {
display:none;
position:fixed;
top: 182px;
left: 0;
z-index:8;
width: 100%;
padding:80px 0;
background-color:rgba(255,255,255,.9);
animation: slide-up .3s ease-in-out forwards;

}

.hdbg{ width:100%; height:60px}
.srarchs{width:50%; border-bottom:1px solid #0360bf; height:60px;}
.srarchs .searchi{ width:80%; height:60px; line-height:60px; background:none; border:none; font-size:18px; color:#333}
.srarchs .searchb{ width:26px; height:26px; float:right; background:url(../images/s.png?t=1.1); border:none; margin-top:15px; cursor:pointer}
.m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:100%;right:0px;top:60px;background:#fff;height:100%;z-index:100;right:-80%;}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid #eee}
.m_nav .m_navList ul li a{display:block;height:45px;color:#333;line-height:45px;padding-left:5%;font-size:16px}
.m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
.m_nav .m_navList ul li .m_f_a a{flex: 1;}
.m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon{ background:url(../images/plus1.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(../images/reduce1.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
.m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:5%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}

.v_news_content H2 {
    font-size: 16px
;}
.v_news_content .icon {
    border-right-width: 0px; margin: 3px 0px 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px
;}
.v_news_content IMG {
    margin-top:27px;}
.v_news_content DIV {
    LINE-HEIGHT: 150%;font-size: 16px
;}

.v_news_content P {
    margin: 14px 0px; line-height: 32px; text-indent: 32px;
;}

.v_news_content span {
      font-size: 16px;
;}

.v_news_content A {
    color: #1e50a2;
;}
.v_news_content A:visited {
    color: #1e50a2;
;}
.v_news_content A:hover {
    color: #ba2636
;}

.v_news_content TABLE{ border-collapse:collapse;border:1px solid #000; margin-top:25px; margin-bottom:25px} 
.v_news_content TABLE TD{ border:1px solid #000;  padding: 2px 3px;} 

.v_news_content TABLE TD P {
    text-indent: 0px; margin: 0px; font-size: 14px
;}
.v_news_content TABLE TH P {
    text-indent: 0px; margin: 0px; font-size: 1px
;}
.v_news_content TABLE TD IMG {
    border-bottom-style: none; border-right-style: none; margin: 5px; border-top-style: none; border-left-style: none
;}
.v_news_content.fs p {
    LINE-HEIGHT: 150%;font-size: 10px
;}

.v_news_content .vsbcontent_start {
    margin: 8px 0px; line-height: 27px; text-indent: 32px;
}

.v_news_content .vsbcontent_end {
    margin: 14px 0px; line-height: 32px; text-indent: 32px;
}

.v_news_content .vsbcontent_img{
    text-align:center;text-indent:0px
}

.v_news_content .vsbcontent_video{
    text-align:center;text-indent:0px
}

.v_news_content.newscontent_l p {
    font-size: 16px;
}        
.v_news_content.newscontent_m p {
    font-size: 14px;
} 
.v_news_content.newscontent_s p {
    font-size: 12px;
} 
/*基础部分结束*/

.tools{}
.tools ul{ display:inline}
.tools ul li{ width:33.33%; height:88px;border-right:1px solid #ddd; background:#fff; float:left; font-size:13px; line-height:25px; text-align:center; padding-top:18px;transition: all 0.3s; border-bottom:1px solid #ddd}
.tools ul li span{ width:100%; float:left; text-align:center}
.tools ul li:nth-child(3n){ border-right:none}
.toolsw{ position:relative; height:auto}
.mySwiper {
width: 100%;
height: 160px;
cursor: pointer;
position:relative
}
.mySwiper .swiper-slide a{
width: 100%;
height: 100%;
float:left;

}
.mySwiper .swiper-slide img{ width:100%; height:100%;object-fit: cover;}
.mySwiper .swiper-pagination{ bottom: 10px !important}
.mySwiper .swiper-pagination .swiper-pagination-bullet{ width:20px; height: 4px;background: rgba(255,255,255,.5);border-radius: 0;}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active{background:#fff;border-radius: 0;width: 20px; height: 4px;}


.mySwipera {
width: 100%;
}




.preva {
background: url(../images/left.png) no-repeat left top;
background-size:100%;
    right: 0;
    bottom:0;
	margin-top:10px;
    width: 14px;
    height: 25px;
    z-index: 5;
	opacity:.5;
	cursor:pointer;
	float:right;
	margin-right:15px
}


.nexta {
    background: url(../images/right.png) no-repeat left top;
	background-size:100%;
    right: 0;
	margin-top:10px;
    bottom: 0;
	opacity:.5;
	float:right;
    width: 14px;
    height: 25px;
    z-index: 5;
    outline: none;
	cursor:pointer
}

.preva:hover,.nexta:hover{ opacity:1}
.mySwipera .swiper-pagination{ bottom: 75px !important}
.mySwipera .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px;background: rgba(255,255,255,1);border-radius: 50px;}
.mySwipera .swiper-pagination .swiper-pagination-bullet-active{background:#38d2c8;border-radius: 50px;width: 12px; height: 12px;}

.mySwipera .swiper-slide{ height:100%;}

.mySwipera .swiper-slide .content { width:100%; height:44px; line-height:44px; box-sizing:border-box; background:#ebfaf9; text-align:center; padding:0 15px; position:absolute; z-index:1; bottom:0; left:0; color:#000}



.mySwipera .swiper-slide:hover .content strong{color:#a0140e;}
.news_l{ width:100%; float:left; position:relative; height:300px; margin-bottom:10px}
.news_l .n1{ width:100%; float:left; height:95%; overflow:hidden}
.news_l .n1 img{ width:100%; height:100%;object-fit: cover;transition: 0.3s ease-in-out;}
.news_l .n2{ background:#fff; position:absolute; bottom:0; left:0; width:85%; z-index:1; border-top:5px solid #0360bf; padding:24px; height:120px}
.news_l .n2 strong{ width:100%; float:left; font-size:18px; height:20px; line-height:20px; overflow:hidden; margin-bottom:12px}
.news_l .n2 strong a:hover{ color:#0360bf !important}
.news_l .n2 strong a{ color:#333}
.news_l .n2 span a{ color:#666}
.news_l .n2 span{ width:100%; float:left; font-size:14px; height:44px; line-height:22px; overflow:hidden; color:#666}
.n1:hover img{transform: scale(1.05);}
.news_r{ width:100%; float:right}

.news_r .n1{ width:100%; float:left; margin-bottom:10px}
.news_r .n1 { width:100%; float:left; height:300px; overflow:hidden; position:relative}
.news_r .n1 img{ width:100%; height:95%;object-fit: cover;transition: 0.3s ease-in-out;}
.news_r .n2{ background:#fff; position:absolute; bottom:0; left:0; width:85%; z-index:1; border-top:5px solid #0360bf; padding:14px 20px 0 20px;height:85px; overflow:hidden}
.news_r .n2 a{ height:52px; font-weight:bold; line-height:26px; overflow:hidden; width:100%; float:left}

.news_r .n3{ width:100%; float:left; border-bottom:1px solid #bdd6ee; padding-bottom:10px; margin-bottom:5px;transition: 0.3s ease-in-out;}
.news_r .n3 i{ width:100%; float:left; height:42px; line-height:42px; color:#0360bf}
.news_r .n3 i img{ margin-right:5px; margin-top:13px; float:left;}
.news_r .n3 span{ width:100%; float:left; height:22px; line-height:22px; overflow:hidden}
.h_l{ width:100%; float:left; padding-top:30px; margin-bottom:10px}
.h_r{ width:100%; float:right;}

.jyjx{ width:100%; float:left}
.jyjx li{ width:100%; margin-bottom:15px; border-bottom:1px solid #ddd; padding-bottom:10px; line-height:34px; overflow:hidden;}
.jyjx li span{ float:left; border:1px solid #0360bf; overflow:hidden; border-radius:50px; width:110px;transition: 0.3s ease-in-out;}
.jyjx li strong{height:40px; line-height:40px; overflow:hidden; float:right; width:calc(100% - 120px); font-weight:normal}
.jyjx li span i{ font-style:normal}
.jyjx li span .l{ float:left; width:40px; color:#FFF;background: linear-gradient(90deg, #4998e9, #0864c2); font-size:16px; font-weight:bold; text-align:center; line-height:34px;}
.jyjx li span .r{ float:left; width:calc(100% - 50px);line-height:34px; color:#0360bf; text-align:center}
.jyjx li:hover span{background:#0b67c4; border-radius:50px 0 0 50px;}
.jyjx li:hover span .r{color:#fff}


.tzgg{ width:100%; float:left}
.tzgg li{ width:100%; float:left ; position:relative;transition: 0.3s ease-in-out; margin-bottom:15px; height:107px}
.tzgg li:last-child{ margin-bottom:0}
.tzgg li .date{ width:73px; height:73px;background: linear-gradient(90deg, #4998e9, #0864c2); position:absolute; top:0; left:0; border-radius:50px; overflow:hidden; z-index:1;transition: 0.3s ease-in-out;}
.tzgg li .date .date1{ width:100%; float:left; text-align:center; color:#fff; font-weight:bold; font-size:26px; padding:12px 0 0 0; text-align:center}
.tzgg li .date .date2{ width:100%; float:left; text-align:center; color:#fff; font-size:12px;text-align:center}
.tzgg li .infos{ width:calc(100% - 6px); height:80px; border:3px solid #dbeeff; top:20px; position:absolute; left:6px; line-height:80px; overflow:hidden; padding:0 30px 0 80px; background:#fff}
.tzgg li:hover .infos{box-shadow: 0 4px 10px rgba(5, 97, 192, 0.2);transition: background-color 0.3s ease, transform 0.3s ease;}
.tzgg li:hover{transform: translateY(-8px); }
.tzgg li:hover .date{background: linear-gradient(90deg, #0864c2, #4998e9); }
.fe{ width:100%; height:40px}
footer{ width:100%; background:#0864c2; overflow:hidden; background-size:100%; padding:20px 0}
.foot_1{ width:100%; float:left}
.foot_1 .h1{ display:none}
.foot_1 .h1 img{ float:left; margin-right:10px}
.foot_1 .h2 { width:100%; float:left;}
.foot_1 .h2 p{ width:100%; float:left; line-height:24px;color:#fff; padding:0; text-align:center}

.foot_2{ width:100%; float:left;text-align:center; padding-top:14px; margin-bottom:20px}
.foot_2 img{ width:60%}
.foot_3{ width:100%; float:right; }
.foot_3 .wx{ width:100%; float:right; line-height:40px; text-align:center; color:#fff;}
.foot_3 .wx img{ width:30%}
.copy{ width:100%; margin-top:10px; border-top:1px solid rgba(255,255,255,.5); padding:10px 0 }
.c_l{ float:left; height:30px; line-height:30px;color:rgba(255,255,255,.5); width:100%; text-align:center}
.c_l a{color:rgba(255,255,255,.5)}
.c_r{ float:right; height:30px; line-height:30px;color:rgba(255,255,255,.5); width:100%; text-align:center}

.nrwarp{ width:1400px; padding:35px; box-sizing:border-box; border:1px solid #ccc; overflow:hidden; background:#fff}
@media screen and (max-width: 1580px) { 
.nrwarp{ width:94%; padding: 0 3%; padding:35px; box-sizing:border-box; border:1px solid #ccc; overflow:hidden;} 
}
.dbline{ width:100%; height:20px; margin-bottom:20px; border-bottom:1px dashed #ccc; float:left}
.disptit{ width:100%; font-size:24px; line-height:36px; float:left; font-weight:bold; text-align:center}
.dispdes{ width:100%; font-size:14px; line-height:40px; float:left; border-bottom:1px dashed #ddd; padding-top:15px; margin-bottom:25px; text-align:center}
.infoarea{ width:100%; float:left; font-size:14px !important; line-height:1.8;}
.infoarea table,.infoarea video{ max-width:100%}
.infoarea img{ max-width:100% !important;}
.printico{ background:url(../images/print.gif) left center no-repeat; padding-left:20px; margin-right:20px}
.closeico{ background:url(../images/close1.gif) left center no-repeat; padding-left:20px}
.tools{ text-align:right; width:100%; font-size:14px; line-height:30px}
#share-3{float:left; width:50%; text-align:left}
.nybg{ background:#fbf5ed; padding-top:30px; overflow:hidden}
.nyw{ padding-top:20px; padding-bottom:50px; overflow:hidden}
.nyimgs{ width:100%; height:320px;}
.nyban{ width:100%; height:300px}
.ny_left_bro{ width:100%; padding:20px; box-sizing:border-box; border:1px solid #ccc; float:left}




.pb_sys_style3 .p_no_d {
    border: 1px solid #0360bf !important;
    color: #fff;
    background-color: #0360bf !important;
}

.ny_menu{
width: 100%;
overflow: hidden;
white-space: nowrap;
overflow-x: scroll;
background:#fff;
border-bottom:1px solid #ccc;
margin-bottom:20px
}
.ny_menu::-webkit-scrollbar {
display: none;
}

.ny_nav {
display: inline-block;
font-size:14px;
height: 50px;
line-height: 50px;


}
.ny_nav a{color:#333;margin-left: 15px;
margin-right: 15px;}

.ny_nav .on{color:#0360bf !important}

.nyimg{ width:100%; height:150px; position:relative}
.nyimg .img{ width:100%; height:100%;}
.nyimg .img img{ width:100%; height:100%;object-fit: cover;}
.nyimg .l{ height:50px;background: linear-gradient(90deg, #4998e9, #0864c2);line-height:50px; text-align:center; font-size:18px; padding:0 15px; font-weight:bold; position:absolute; z-index:1; bottom:0; color:#fff; border-radius:8px 8px 0 0}
.nyimg .site { display:none}

.rname {
    width: 100%;
    float: left;
    font-size:18px;
    font-weight: bold;
    height:35px;
    border-bottom:1px solid #ddd;
    margin-bottom:20px;
}
.rname strong{ float:left; height:35px; border-bottom:4px solid #0360bf}


.infolist{ width:100%; float:left; margin-bottom:20px}
.infolist li{ width:100%; float:left; line-height:1.8; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px}
.infolist li span{ float:right; color:#0864c2; border-radius:50px; height:30px; line-height:30px;font-size:14px; width:100%}
.toolsa{ text-align:right; width:100%; font-size:14px; line-height:30px}

.teacher{ width:100%; float:left;}
.teacher ul{ display:inline}
.teacher li{ width:49%; float:left; margin-right:2%; margin-bottom:20px; border:1px solid #ddd; background:#fff;text-align: center;position:relative; overflow:hidden;padding:15px 15px 0 15px;transition: 0.3s ease-in-out;}
.teacher li:nth-child(2n){margin-right:0}
.teacher li .img{ width:100%; overflow:hidden; float:left; padding-top:74%; position:relative}
.teacher li .img img{ max-width:100%;overflow:hidden; height:100%; vertical-align:middle; cursor:pointer;object-fit: cover; position:absolute; content:''; top:0;transform: translateX(-50%);left: 50%;}
.imgmid{display:inline-block;*display:inline;*zoom:1;height:100%;width:1px;margin-left:-1px;vertical-align:middle}
.teacher li .tit{width:100%; float:left;text-align:center; height:50px; line-height:50px; overflow:hidden;}