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

}
@font-face {
    font-family: "syst";
	src:url("../font/syst.ttf")
}

.cl{ clear:both}
::-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:#000;
font-size:16px;
margin:0 auto; 
padding:0;
list-style:none
}
*{outline:0px; box-sizing:border-box}
a,a:link,a:visited,a:active {
color: #000;
text-decoration: none;
}
a:hover {
text-decoration:none;
color: #2265d6;
transition: 0.3s ease-in-out;
}

input::-webkit-input-placeholder{
color:rgba(255,255,255,.5);
}
WebKit browsers 
input::-webkit-input-placeholder { 
color:rgba(255,255,255,.5);
}
Mozilla Firefox 4 to 18 
input:-moz-placeholder {  
color:rgba(255,255,255,.5);
}
Mozilla Firefox 19+ 
input::-moz-placeholder {  
color:rgba(255,255,255,.5);
}
Internet Explorer 10+ 
input:-ms-input-placeholder { 
color:rgba(255,255,255,.5);
}

.warp{ width:92%; max-width:1400px;}

.mySwiper {
width: 100%;
height: 450px;
cursor: pointer;
margin-bottom:50px
}
.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,1);border-radius: 0px; margin:0 6px !important}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active{background:#2265d6;border-radius: 0;width: 50px; height: 6px;}


.mySwipera {
width:100%;
height:380px;
position:relative;
overflow:hidden
}

.mySwipera .swiper-slide{ width:100%;float:left; position:relative; height:100%; background:#f5f5f5}
.mySwipera .swiper-slide .img{ width:100%;float:left;height:280px; overflow:hidden}
.mySwipera .swiper-slide .img img{ width:100%;float:left;height:100%;object-fit: cover;transition: 0.3s ease-in-out}
.mySwipera .swiper-slide .infos{ width:100%;height:calc(100% - 280px);position:absolute; z-index:8; bottom:0;padding:18px 25px;}
.mySwipera .swiper-slide .date{position:absolute; z-index:2; top:205px;left:25px; width:67px; height:62px; background:url(../images/home_28.jpg) no-repeat}
.mySwipera .swiper-slide .date strong{ width:100%; float:left; font-size:24px; color:#fff; text-align:center; margin-top:5px}
.mySwipera .swiper-slide .date span{ width:100%; float:left; font-size:14px; color:#fff; text-align:center}
.mySwipera .swiper-slide .infos strong{ width:100%; float:left; text-align:center; font-size:16px; height:25px; line-height:25px;overflow:hidden; margin-bottom:5px; margin-top:5px}
.mySwipera .swiper-slide .infos span{ width:100%;float:left; font-size:14px; height:24px; line-height:24px; color:#666; overflow:hidden}

.mySwipera .swiper-paginationa{ top:250px !important; z-index:2; position:absolute; width:100%; text-align:right; padding-right:10px}
.mySwipera .swiper-paginationa .swiper-pagination-bullet{ width:10px; height:10px;background: rgba(255,255,255,.5);border-radius:50px; margin:3px !important;}
.mySwipera .swiper-paginationa .swiper-pagination-bullet-active{background:#0066cc;border-radius:50px;width:10px; height:10px;}


.mySwipera .nexta{ width:11px; height:19px; background:url(../images/home_08.jpg) center no-repeat; z-index:1;cursor:pointer; z-index:10;}
.mySwipera .preva{ width:11px; height:19px; background:url(../images/home_10.jpg) center no-repeat; z-index:1;cursor:pointer; z-index:10}
.mySwipera .swiper-slide:hover .img img{transform: scale(1.1);}


.mySwiperb {
width:100%;
height:380px;
position:relative;
overflow:hidden
}

.mySwiperb .swiper-slide{ width:100%;float:left; position:relative; height:100%; background:#fff}
.mySwiperb .swiper-slide .img{ width:100%;float:left;height:280px; overflow:hidden}
.mySwiperb .swiper-slide .img img{ width:100%;float:left;height:100%;object-fit: cover;transition: 0.3s ease-in-out}
.mySwiperb .swiper-slide .infos{ width:100%;height:calc(100% - 280px);position:absolute; z-index:8; bottom:0;padding:18px 25px;}
.mySwiperb .swiper-slide .date{position:absolute; z-index:2; top:205px;left:25px; width:67px; height:62px; background:url(../images/home_28.jpg) no-repeat}
.mySwiperb .swiper-slide .date strong{ width:100%; float:left; font-size:24px; color:#fff; text-align:center; margin-top:5px}
.mySwiperb .swiper-slide .date span{ width:100%; float:left; font-size:14px; color:#fff; text-align:center}
.mySwiperb .swiper-slide .infos strong{ width:100%; float:left; text-align:center; font-size:16px; height:25px; line-height:25px;overflow:hidden; margin-bottom:5px; margin-top:5px}
.mySwiperb .swiper-slide .infos span{ width:100%;float:left; font-size:14px; height:24px; line-height:24px; color:#666; overflow:hidden}

.mySwiperb .swiper-paginationb{ top:250px !important; z-index:2; position:absolute; width:100%; text-align:right; padding-right:10px}
.mySwiperb .swiper-paginationb .swiper-pagination-bullet{ width:10px; height:10px;background: rgba(255,255,255,.5);border-radius:50px; margin:3px !important;}
.mySwiperb .swiper-paginationb .swiper-pagination-bullet-active{background:#0066cc;border-radius:50px;width:10px; height:10px;}


.mySwiperb .nexta{ width:11px; height:19px; background:url(../images/home_08.jpg) center no-repeat; z-index:1;cursor:pointer; z-index:10;}
.mySwiperb .preva{ width:11px; height:19px; background:url(../images/home_10.jpg) center no-repeat; z-index:1;cursor:pointer; z-index:10}
.mySwiperb .swiper-slide:hover .img img{transform: scale(1.1);}

.xwfg{ width:100%; float:left; height:30px}
.home_l{ width:48%; float:left;}
.home_r{ width:48%; float:right;}

.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%;}
.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}

.v_news_content{ font-size:20px; line-height:1.8; font-family:font-family: 宋体, 'Noto Serif SC';}

.v_news_content H2 {
font-size: 16px; font-weight:normal}
.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:15px;}
.v_news_content DIV {
LINE-HEIGHT: 150%;font-size: 16px
;}

.v_news_content P {
margin: 14px 0px; line-height: 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; 
}

.v_news_content .vsbcontent_end {
margin: 14px 0px; line-height: 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;
} 
.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:15px;}
.v_news_content DIV {
LINE-HEIGHT: 150%;font-size: 16px
;}

.v_news_content P {
margin: 14px 0px; line-height: 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;
}

.v_news_content .vsbcontent_end {
margin: 14px 0px; line-height: 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;
} 


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




nav{ width:100%; height:58px; background:#fff;  }


.nav {
    width: 100%;
    height: 58px;
    font-size: 0; /* 消除inline-block之间的间隙 */
    white-space: nowrap; /* 防止换行 */
	display: flex; justify-content: space-between;
}

.nav li {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    vertical-align: top;

}
.nav li  strong{}

.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: 58px;
    width: auto; /* 改为 auto，由内容撑开 */
    min-width: 80px; /* 可选：设置最小宽度避免太窄 */
    text-align: center;
    display: block;
    height: 58px;
    color: #333;
    font-size: 18px;
    padding: 0 16px; /* 增加左右内边距，提升长文字可读性 */
    box-sizing: border-box;
    white-space: nowrap;
    overflow: visible;
}



.nav li .nav-w {
z-index:21;
position:absolute;
display:none;
float:left;
clear:both;
overflow:hidden;
top:58px;
left:-7%;
width:120%
}
.nav li:hover a{color:#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:50px;
overflow:hidden;
line-height:50px;
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
}

header{ width:100%; overflow:hidden; background:#2265d6; height:210px}
.tool{ width:100%; border-bottom:1px solid rgba(255,255,255,.2); height:42px;}
.tool *,.tool a{ color:rgba(255,255,255,.8)}
.toolw{ width:1400px; max-width:92%;height:42px; line-height:42px; font-size:14px; color:rgba(255,255,255,.8)}
.toolw .r{ float:right; font-size:14px}
.toolw .r a{ margin-left:20px; cursor:pointer;height:42px; line-height:42px; }
.toolw .r a img{ vertical-align:middle; margin-right:4px;}
.qr-item {
position: relative;
display: inline-block;
}

.qr-item a {
display: flex;
align-items: center;
text-decoration: none;
color:rgba(255,255,255,.8)
transition: all 0.3s ease;
font-size: 14px;
}



.qr-item img.icon {
margin-right: 8px;
}

.qr-popup {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
background: white;
padding:10px;
border-radius: 8px;
box-shadow: 0 8px 25px rgba(0,0,0,0.15);
opacity: 0;
visibility: hidden;
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
z-index: 1000;
min-width: 120px;
margin-top: 10px;
}

.qr-popup.show {
opacity: 1;
visibility: visible;
margin-top: 15px;
}

.qr-popup img {
width: 100px;
height: 100px;
display: block;
margin: 0 auto;
}

.qr-popup p {
text-align: center;
margin: 12px 0 0 0;
font-size: 12px;
color: #666;
line-height: 1.4;
}

.qr-popup::before {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
border: 10px solid transparent;
border-bottom-color: white;
}

.qr-popup::after {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
border: 11px solid transparent;
border-bottom-color: #fff;
z-index: -1;
margin-bottom: -2px;
}
.header{ width:100%; padding-top:42px}

.search{ float:right; margin-top:22px; width:230px; border-radius:50px; background:rgba(255,255,255,.2); height:40px}
.s_l{ width:175px; height:40px; line-height:40px; background:none; border:none; float:left; color:#fff; padding-left:15px}
.s_r{ width:calc(100% - 175px); float:right; background:url(../images/s.png) center center no-repeat; border:none; height:40px; cursor:pointer}
.ban{ width:100%; float:left; margin-bottom:25px;}
.ban strong{ float:left; font-family:"syst"; font-size:28px; color:#3366cc}
.ban strong img{ margin-right:10px; float:left; margin-top:7px}
.ban span a{ float:right; color:#3366cc; font-size:14px; margin-top:13px;transition: 0.3s ease-in-out;}
.ban span a img{ margin-left:5px; float:right;transition: 0.3s ease-in-out;}
.ban span a:hover img{transform: rotateY(180deg);transition: all ease-in-out .8s;-ms-transition: all ease-in-out .8s;-moz-transition: all ease-in-out .8s;-webkit-transition: all ease-in-out .8s;-o-transition: all ease-in-out .8s;}
.ban span a:hover{ color:#ec6c01}
.gdzt_l{ width:435px; float:left}
.gdzt_r{ width:calc(100% - 466px); float:right}


.college_news{ width:100%; float:left}
.college_news ul{ display:inline}
.college_news ul li{ width:49%; float:left; margin-right:2%; border:1px solid #ddd; padding:13px; position:relative;transition: 0.3s ease-in-out; margin-bottom:19px; height:114px}
.college_news ul li:nth-child(2n){margin-right:0}
.college_news ul li:nth-child(5),.college_news ul li:nth-child(6){margin-bottom:0}
.college_news ul li .date{ width:74px;padding-right:18px; float:left; height:80px; border-right:1px solid #ddd; padding-top:10px}
.college_news ul li .date strong{ width:100%; float:left; color:#0066cc; font-size:38px; text-align:center}
.college_news ul li .date i{ width:100%; float:left; color:#333; font-size:14px; text-align:center; font-style:normal}
.college_news ul li:hover{box-shadow: 0px 10px 17px -10px rgba(0,102, 204, 0.84);border:1px solid #0066cc; transform:translateY(-5px)}
.college_news ul li .info{ width:calc(100% - 94px); float:right}
.college_news ul li .info strong{ width:100%; float:left; height:30px; line-height:30px; overflow:hidden; font-weight:normal; margin-top:2px; margin-bottom:2px}
.college_news ul li .info i{ width:100%; float:left; font-size:14px; height:48px; line-height:24px; color:#666; overflow:hidden; font-style:normal}
.h_kb{ width:100%; float:left; height:40px}
.ggbg{ width:100%; background:#f3f4f7; padding:40px 0; overflow:hidden;}
.tzgg{ width:100%; float:left}
.tzgg ul{ display:inline}
.tzgg ul li{ width:24%; float:left; margin-right:1.33%; border:7px solid rgba(25,89,198,.2);transition: 0.3s ease-in-out; height:210px; padding:16px; background:#fff}
.tzgg ul li:nth-child(4n){margin-right:0}
.tzgg ul li:hover{border:7px solid rgba(25,89,198,1);box-shadow: 0px 10px 17px -10px rgba(0,102, 204, 0.84);transform:translateY(-5px);}
.tzgg ul li strong{ width:100%; float:left; line-height:25px; height:50px; overflow:hidden; font-weight:normal;}
.tzgg ul li i{ width:100%; float:left; line-height:40px; height:40px; overflow:hidden; font-style:normal; color:#0066cc; font-size:14px; border-bottom:1px solid #ddd; margin-bottom:20px}
.tzgg ul li span{ width:100%; float:left; line-height:22px; height:44px; overflow:hidden; font-size:14px; color:#666}

.ky_l{ width:24%; float:left; height:265px;}
.ky_l img{ width:100%; height:100%;object-fit: cover;}
.ky_r{ width:74%; float:right;}
.ky_r ul{ display:inline}
.ky_r ul li{ width:31%; float:left; margin-right:2.33%; border:1px solid #d1d1d1;transition: 0.3s ease-in-out; height:210px; padding:20px 16px; background:#fff; height:120px; margin-bottom:24px;transition: 0.3s ease-in-out}
.ky_r ul li:nth-child(3n){margin-right:0}
.ky_r ul li:nth-child(4),.ky_r ul li:nth-child(5),.ky_r ul li:nth-child(6){margin-bottom:0}
.ky_r ul li span{ width:100%; float:left; position:relative; text-align:right; font-size:14px; color:#0066cc; background:url(../images/home_45.png) left center no-repeat; height:20px; line-height:20px; margin-bottom:15px;transition: 0.3s ease-in-out}
.ky_r ul li span:after{ position:absolute; content:''; width:calc(100% - 110px); height:1px; background:#8cace2; left:30px; top:10px}
.ky_r ul li strong{ width:100%; float:left; height:30px; line-height:30px; font-weight:normal; overflow:hidden; margin-top:5px}
.ky_r ul li:hover span{ background:url(../images/home_47.png) left center no-repeat; color:#ec6c01}
.ky_r ul li:hover span:after{ background:#ec6c01}
.ky_r ul li:hover{border:1px solid #0066cc; transform:translateY(-5px);box-shadow: 0px 10px 17px -10px rgba(0,102, 204, 0.84);}

.college_newsa{ width:100%; float:left}
.college_newsa ul{ display:inline}
.college_newsa ul li{ width:49%; float:left; margin-right:2%; border:1px solid #ddd; padding:13px; position:relative;transition: 0.3s ease-in-out; margin-bottom:19px; height:114px; background:#fff}
.college_newsa ul li:nth-child(2n){margin-right:0}
.college_newsa ul li:nth-child(5),.college_newsa ul li:nth-child(6){margin-bottom:0}
.college_newsa ul li .date{ width:74px;padding-right:18px; float:left; height:80px; padding-top:10px}
.college_newsa ul li .date strong{ width:100%; float:left; color:#0066cc; font-size:38px; text-align:center}
.college_newsa ul li .date i{ width:100%; float:left; color:#333; font-size:14px; text-align:center; font-style:normal}
.college_newsa ul li:hover{box-shadow: 0px 10px 17px -10px rgba(0,102, 204, 0.84);border:1px solid #0066cc; transform:translateY(-5px)}
.college_newsa ul li .info{ width:calc(100% - 80px); float:right}
.college_newsa ul li .info strong{ width:100%; float:left; height:50px; line-height:50px; overflow:hidden; font-weight:normal; margin-top:8px; margin-bottom:2px; position:relative}
.college_newsa ul li .info strong:before{ top:0; left:0; position:absolute; width:30px; height:3px; background:#0066cc; content:'';transition: 0.3s ease-in-out}
.college_newsa ul li .info i{ width:100%; float:left; font-size:14px; height:24px; line-height:24px; color:#666; overflow:hidden; font-style:normal; margin-top:-10px}
.home_left{ width:48%; float:left}
.home_right{ width:48%; float:right}

.info_item{ width:100%; float:left}
.info_item li{ width:100%; float:left; position:relative; height:54px; line-height:54px; overflow:hidden; border-bottom:1px solid #ddd; padding-left:20px}
.info_item li span{ float:right; color:#666; padding-left:20px;}
.info_item li:before{ position:absolute; left:0; top:22px; width:7px; height:7px; background:#ccc; border-radius:50px; content:'';}

.tlxt{ width:100%; background:url(../images/glxt_02.jpg) top center no-repeat; overflow:hidden}
.tlxt .tit{ width:100%; text-align:center; font-family:"syst"; color:#fff; font-size:34px; height:150px; line-height:150px;}

.tlxtbor{ width:100%; padding:15px; float:left; border:1px solid #ddd; background:#fff;}
.tlxtbor a{ float:left; border:1px solid #ddd; margin-bottom:7px; width:24%; margin-right:1.33%; height:92px;transition: 0.3s ease-in-out}
.tlxtbor a strong{ width:100%; float:left; height:92px; line-height:92px; font-weight:normal; color:#3366cc; text-align:center}
.tlxtbor a:nth-child(4),.tlxtbor a:nth-child(7){ margin-right:0}
.tlxtbor a:first-child{ height:191px; float:left;}
.tlxtbor a:first-child .img{ float:left; width:100%; padding-top:45px; margin-bottom:25px; text-align:center}
.tlxtbor a:first-child strong{ height:22px; line-height:22px}
.tlxtbor a:hover{ background:#3366cc; color:#fff !important; border-radius:8px}
.tlxtbor a:hover strong{color:#fff !important}
.tlxtbor a:hover img{filter: brightness(0) invert(1);}
.tlxtbor a:nth-child(1),.tlxtbor a:nth-child(5),.tlxtbor a:nth-child(6),.tlxtbor a:nth-child(7){ margin-bottom:0}

.kypt{ width:100%; float:left}
.kypt a{ width:32%; float:left; height:72px; line-height:72px; text-align:center; overflow:hidden; border:1px solid rgba(45,109,216,.5); margin-right:2%; margin-bottom:20px;transition: 0.3s ease-in-out}
.kypt a:hover{border:1px solid rgba(45,109,216,1); color:#fff;transform:translateY(-5px);box-shadow: 0px 10px 17px -10px rgba(0,102, 204, 0.84); background:#3366cc; border-radius:8px}
.kypt a:nth-child(3n){margin-right:0}
.kypt a:nth-child(4),.kypt a:nth-child(5),.kypt a:nth-child(6){margin-bottom:0}

footer{ width:100%; margin-top:60px; background:#226ad9; padding-top:65px; overflow:hidden}
.footer_l{ float:left}
.footer_r{ float:right; line-height:34px; color:#fff; font-size:15px}
.footer_r p{ padding:0; margin-top:-5px}
.copy{ width:100%; border-top:1px solid rgba(255,255,255,.2); height:60px; line-height:60px; text-align:center; color:#fff; font-size:15px; margin-top:50px}
.copy a{ color:#fff}

.ny_ban{ width:100%; overflow:hidden; padding-top:40px}
.ny_l_tit{ width:100%; float:left; height:80px; line-height:80px; text-align:center; font-size:24px; font-weight:bold; background:#226ad9; color:#fff; margin-bottom:15px}
.ny_l_tit img{ vertical-align:middle; width:28px; height:auto; overflow:hidden; margin-right:8px; padding-bottom:5px}
.ny_r_tit{width:calc(100% - 335px);float:right; }
.ny_r_tit strong{ float:left; font-size:24px; line-height:76px; border-bottom:4px solid #1564b7; color:#1564b7; }
.ny_r_tit span{ float:right;line-height:80px; font-size:14px}


.ny_r_tita{width:100%;float:left}
.ny_r_tita strong{ float:left; font-size:24px; line-height:76px; border-bottom:4px solid #1564b7; color:#1564b7; }
.ny_r_tita span{ float:right;line-height:80px; font-size:14px}

.ny_l{width:270px; float:left;box-sizing:border-box;  background:#fff}
.ny_r{width:calc(100% - 325px);float:right; box-sizing:border-box;min-height:500px}
.ny_l_img{ width:100%; float:left; padding-top:20px}
.ny_l_img img{ width:100%; height:auto; overflow:hidden}

.ny_nav a{ width:100%; float:left; box-sizing:border-box; height:40px; line-height:40px;margin-bottom:15px; background:url(../images/arrow.png) left center  no-repeat rgba(34,106,217,.1); padding-left:35px;border-radius:50px; background-position:20px 16px }
.ny_nava a{width:100%; float:left; box-sizing:border-box; height:40px; line-height:40px;margin-bottom:10px; background:url(../images/arrowa.png) left center  no-repeat #226ad9; padding-left:35px; color:#fff; border-radius:50px;background-position:20px 16px}

.newslist{ width:100%; float:left; margin-bottom:25px;}
.newslist li{ width:100%; float:left;padding-left:20px; border-bottom:1px  dashed #ddd; position:relative}
.newslist strong{ font-weight:normal; float:left;width:calc(100% - 125px);line-height:52px; height:52px;  overflow:hidden; position:relative}
.newslist li span{ float:right;color:#666; width:100px;line-height:52px; height:52px; text-align:right}
.newslist li:before{ position:absolute; left:0; top:20px; background:#226ad9;border-radius:50px; width:6px; height:6px; content:''}
.bana{ width:100%; float:left; height:50px; margin-bottom:25px; border-bottom:1px solid #ddd}
.bana strong{float:left; font-size:28px; color:#226ad9; font-weight:normal; font-family:syst}
.bana strong img{ vertical-align:middle; margin-right:10px; margin-bottom:5px}
.bana span{float:right;position:relative; margin-top:10px; font-size:14px;transition: 0.3s ease-in-out; }
.bana span a{color:#226ad9;}
.ny_left_bro{ width:100%; padding:20px; box-sizing:border-box; background:#fff; float:left; border:14px solid rgba(34,106,217,.1)}
.site{ width:100%; border:1px solid	#0a5ece; height:50px; line-height:50px; margin-bottom:25px;box-sizing:border-box; float:left; font-size:14px; padding-left:20px; background:#eef5ff}
.site img{ height:20px; margin-right:10px; vertical-align:middle}
.tplist{ width:100%; float:left}
.tplist ul{ display:inline}
.tplist li{ width:23%; float:left; background:#f8f8f8;margin-bottom:40px; margin-right:2.66%}
.tplist li:nth-child(4n){margin-right:0}
.tplist li .img{ width:100%; float:left; position:relative; padding-top:80%}
.tplist li .img img{ width:100%;height:100%; position:absolute; left:0; top:0}
.tplist li .tit{ width:100%; float:left; text-align:center; overflow:hidden; line-height:50px; height:50px; font-size:15px; padding:0 10px; box-sizing:border-box}