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


}
.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:16px;
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{ width:1400px; margin:0 auto;}
.warph{ width:1520px; position:relative}


.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; }
.header{ width:100%; padding:40px 0; overflow:hidden;transition: 0.3s ease-in-out; }
.default .header{ width:100%; padding:40px 0; overflow:hidden;transition: 0.3s ease-in-out; }
.fxd .header{ width:100%; padding:25px 0; overflow:hidden;transition: 0.3s ease-in-out; }
.h_font{ float:left; margin-left:70px}
header .logo{ float:left}
header .r .search{ float:right; width:60px; height:60px; border:1px solid #ddd;display: flex;justify-content: center; align-items: center; cursor:pointer;transition: 0.3s ease-in-out;}
header .r .search:hover{border:1px solid #0360bf; background:#0360bf;}
header .r .search:hover img{filter: brightness(0) invert(1);}
header .r .homes{ float:left; line-height:30px; padding-top:2px; font-size:14px; padding-right:34px}
header .r .homes a{ color:#666}
header .r .homes a:hover{ color:#0360bf}
header .r{float:right; padding-left:25px; border-left:1px solid #ddd;}

.page1{ width:100%; overflow:hidden; background:url(../images/25_15.png); padding:70px 0 60px 0}
.ban{ width:100%; float:left; margin-bottom:30px}
.ban strong{ font-size:32px; color:#0360bf}
.ban a{ font-size:14px; color:#666; float:right; margin-top:20px;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: 214px;
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:213px}
.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}
.menu{ width:1400px;height:66px;}


nav{ width:100%;background:#fff;z-index:9; border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}


.fixed {
	position: fixed;
	top:-1px;
	left: 0;
	width: 100%;
	z-index:10
}

.nav{
width: 100%;
height: 66px;

}
.nav li{
position: relative;
float: left;
width:10%
}
.caret {

display:block;	
width: 100%;
height: 10px;
vertical-align: middle;
position:absolute;
background:url(../images/cert.png) bottom center no-repeat rgba(255,255,255,0);
top:0;
left:0;
text-align:center
}
.nav li a{
line-height: 66px;
width:100%;
text-align:center;
float:left;
height:66px;
font-size:20px;
font-weight:bold
}

.nav li a:hover { background:#0360bf !important}


.nav li .nav-w {
z-index:21;
position:absolute;
display:none;
float:left;
clear:both;
overflow:hidden;
top:66px;
left:0px;
width:100%
}
.nav li:hover a{color:#fff; background:#0360bf;}
.nav li .section-nav1{ padding-top:10px; height:auto; overflow: hidden;}
.nav li .section-nav1 ul {
position:static;
padding:0px;
margin:0px;
width:100%;
overflow:hidden;
}
.nav li .section-nav1 ul li {
position:static;
padding:0px;
background:#fff;
width:100%;
float:left;
}
.nav li .section-nav1 ul li a {
background:#fff;
text-align:center;
padding:0px 10px;
box-sizing:border-box;
height:52px;
overflow:hidden;
line-height:52px;
width:auto;
display:block;
float:none;
color:#333;
font-size:16px;
cursor:pointer;
font-weight:normal;

}
.nav li .section-nav1 ul li a:hover {
color: #0360bf;
background:#fff !important
}






.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;
} 
/*基础部分结束*/
.p65{ padding-top:65px}
.searchs{ width:230px; height:40px; background:rgba(255,255,255,.2); border-radius:50px; float:right; margin-top:15px;transition: 0.3s ease-in-out;}
.searchs:hover{ background:#fff}
.searchs:hover .a{ color:#333}
.searchs:hover .b{ background:url(../images/icon_03a.png) center center no-repeat; }
.searchs .a{ width:175px; background:none; border:none; font-size:14px; color:#fff; line-height:40px; height:40px; padding-left:20px; box-sizing:border-box; float:left}
.searchs .b{ width:55px; background:url(../images/icon_03.png) center center no-repeat; border:none;  height:40px;float:right; cursor:pointer}
.tools{ position:absolute; bottom:0; z-index:2; right:0}
.tools ul{ display:inline}
.tools ul li{ width:100px; height:88px;border-left:1px solid #ddd; background:#fff; float:left; font-size:13px; line-height:25px; text-align:center; padding-top:18px;transition: all 0.3s;}
.tools ul li span{ width:100%; float:left; text-align:center}
.tools ul li:hover{ background:#0360bf; color:#fff}
.tools ul li:hover span{ color:#fff}
.tools ul li:hover img{filter: brightness(0) invert(1)}
.tools ul li:forst-child{ border:none}
.toolsw{ position:relative; height:auto}
.mySwiper {
width: 100%;
height: 600px;
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: 30px !important}
.mySwiper .swiper-pagination .swiper-pagination-bullet{ width: 50px; height: 6px;background: rgba(255,255,255,.2);border-radius: 0;}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active{background:#fff;border-radius: 0;width: 50px; height: 6px;}


.mySwipera {
width: calc(100% - 120px);
height:580px;
}




.preva {
background: url(../images/left.png) no-repeat left top;
    position: absolute;
    left: 0;
    top: 45%;
    margin-top: -35px;
    width: 31px;
    height: 54px;
    z-index: 5;
	opacity:.5;
	cursor:pointer
}


.nexta {
    background: url(../images/right.png) no-repeat left bottom;
    position: absolute;
    right: 0;
    top: 45%;
	opacity:.5;
    margin-top: -35px;
    width: 31px;
    height: 54px;
    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:56%; float:left; position:relative; height:100%}
.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:40%; float:right}

.news_r .n1{ width:100%; float:left; margin-bottom:10px}
.news_r .n1 { width:100%; float:left; height:330px; 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:48%; float:left; padding-top:60px}
.h_r{ width:48%; float:right; padding-top:60px}

.jyjx{ width:100%; float:left}
.jyjx li{ width:100%; margin-bottom:22px; border-bottom:1px solid #ddd; padding-bottom:20px; line-height:40px; overflow:hidden;}
.jyjx li span{ float:left; border:1px solid #0360bf; overflow:hidden; border-radius:50px; width:150px;transition: 0.3s ease-in-out;}
.jyjx li strong{height:40px; line-height:40px; overflow:hidden; float:right; width:calc(100% - 160px); font-weight:normal}
.jyjx li span i{ font-style:normal}
.jyjx li span .l{ float:left; width:50px; color:#FFF;background: linear-gradient(90deg, #4998e9, #0864c2); font-size:20px; font-weight:bold; text-align:center; line-height:40px;}
.jyjx li span .r{ float:left; width:calc(100% - 50px);line-height:40px; 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:22px; height:107px}
.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:80px}
footer{ width:100%; background:url(../images/f.png); overflow:hidden; background-size:100%; padding-top:60px}
.foot_1{ width:360px; float:left}
.foot_1 .h1{ width:100%; float:left; font-size:22px; color:#fff; font-weight:bold; margin-bottom:18px}
.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:34px;color:#fff; padding:0}

.foot_2{ width:calc(100% - 720px); float:left;text-align:center; padding-top:44px}
.foot_3{ width:360px; float:right; }
.foot_3 .wx{ width:130px; float:right; line-height:40px; text-align:center; color:#fff}
.foot_3 .wx img{ width:100%}
.copy{ width:100%; margin-top:30px; border-top:1px solid rgba(255,255,255,.5); }
.c_l{ float:left; height:70px; line-height:70px;color:rgba(255,255,255,.5)}
.c_l a{color:rgba(255,255,255,.5)}
.c_r{ float:right; height:70px; line-height:70px;color:rgba(255,255,255,.5)}

.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:16px !important; line-height:36px; background:#fff !important; min-width:600px;}
.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}

#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;
}

.nyimg{ width:100%; height:400px; position:relative}
.nyimg .img{ width:100%; height:100%;}
.nyimg .img img{ width:100%; height:100%;object-fit: cover;}
.nyimg .l{ width:260px; height:100px;background: linear-gradient(90deg, #4998e9, #0864c2);line-height:100px; text-align:center; font-size:24px; font-weight:bold; position:absolute; z-index:1; bottom:0; color:#fff; border-radius:8px 8px 0 0}
.nyimg .site {
    bottom: 0;
    width: 1400px;
    z-index: 1;
    height: 55px;
    line-height: 55px;
    color: #fff;
    text-align: right;
    font-size: 14px;
    position: absolute;
}
.nyimg .site a{ color: #fff;}
.ny_l{ width:260px; float:left; background: url(../images/leftbg.png?t=1.1) bottom center no-repeat #f2f7fc; padding-bottom:130px; padding-top:18px}
.ny_r{ width:calc(100% - 300px); float:right; padding-top:20px}

.bclass a{ width:80%; margin:0 10%; height:50px; line-height:50px; text-align:center; float:left; border-bottom:1px solid #ddd; font-size:18px;}
.bclassa a{ width:80%; margin:0 10%; height:50px; line-height:50px; text-align:center; float:left; border-bottom:1px solid #ddd; font-size:18px; color:#0360bf; background:url(../images/right.png) right center no-repeat; background-size:4%}
.rname {
    width: 100%;
    float: left;
    font-size: 24px;
    font-weight: bold;
    height: 50px;
    border-bottom:1px solid #ddd;
    margin-bottom: 30px;
}
.rname strong{ float:left; height:50px; border-bottom:4px solid #0360bf}


.infolist{ width:100%; float:left; margin-bottom:20px}
.infolist li{ width:100%; float:left; height:65px; line-height:65px; overflow:hidden; border-bottom:1px solid #ddd; padding:0 15px; border-radius:5px}
.infolist li span{ float:right; color:#fff; background:linear-gradient(90deg, #4998e9, #0864c2); border-radius:50px; height:30px; line-height:30px; padding:0 10px; margin-left:20px; margin-top:15px; font-size:14px}
.toolsa{ text-align:right; width:100%; font-size:14px; line-height:30px}

.teacher{ width:100%; float:left;}
.teacher ul{ display:inline}
.teacher li{ width:23%; float:left; margin-right:2.66%; margin-bottom:40px; border:1px solid #ddd; background:#fff;text-align: center;position:relative; overflow:hidden;padding:10px 10px 0 10px;transition: 0.3s ease-in-out;}
.teacher li:nth-child(4n){margin-right:0}
.teacher li:hover{ border:1px solid #0360bf}
.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;left: 50%; transform: translateX(-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;}