@charset "utf-8";
body{font-size:16px; background:#fff}
.container{width: 100%; position: relative;text-align:center; overflow:hidden; background:#fff}

.section{ width:1200px; margin:20px auto; clear:both; overflow:hidden}
.swiper-container {width:100%;}
.swiper-slide img{ width:100%;}
#i-banner .swiper-pagination span{ width:10px; height:10px; margin:5px;}

.panel .panel-title{ height:50px; line-height:50px; position:relative; border-bottom:1px solid #e5e5e5}
.panel .panel-title em{ position:absolute; left:0px; bottom:0px; display:block;font-size:28px; padding-left:20px;}
.panel  a.more{ position:absolute; display:block; right:10px; bottom:0px; padding-right:20px;}
.panel .panel-body{ padding:20px 0; overflow:hidden}

#i-news .list-thumb{overflow:hidden; float:left; width:500px; margin:0 20px;}
#i-news .list-thumb img{ width:500px; height:300px;}
#i-news .list-thumb h2{ font-size:16px; line-height:1.8em; color:#2B70BB; margin-top:16px; text-align:center}
#i-news .list-thumb p{ display:block; line-height:2em; color:#666; font-size:14px; text-indent:2em;}
#i-news .list-thumb p a{ color:#f30}
#i-news .list-thumb .swiper-pagination{ left:195px; top:300px}
#i-news .list-thumb .swiper-pagination span{ width:10px; height:10px; margin:5px; background:#2B70BB}

#i-news .list-txt{float:left; width:660px}
#i-news .list-txt .head{ padding:0 20px 20px;border-bottom:1px dashed #e5e5e5}
#i-news .list-txt .head h2{ display:block; line-height:1.8em; font-size:24px; text-align:center }
#i-news .list-txt .head h2 a{color:#2B70BB;}
#i-news .list-txt .head p{ display:block; line-height:2em; color:#666; font-size:14px; text-indent:2em;}
#i-news .list-txt .head p a{ color:#f30}
#i-news .list-txt li{ line-height:42px;}
#i-news .list-txt li a{ display:block; padding-left:10px; background:url(dot.png) left center no-repeat;}
#i-news .list-txt li span{ display:block; float:right; text-align:right; color:#888}

#notice{ background:url(notice-bg.jpg) center no-repeat; padding:40px 0}
#notice .t{ height:48px;}
#notice .t em{float:left;width: 300px;text-align:center;line-height:48px;font-size:24px;cursor:pointer}
#notice .t em.cur{ background:#2C70BB; color:#fff}
#notice .section{background:url(section-bg.png);}
#notice .list{ padding:20px 30px;}
#notice li{ position:relative; overflow:hidden; float:left; width:340px; margin:20px 20px 10px;}
#notice li .date{ width:60px; height:54px; border-radius:5px; background:#2C70BB; color:#fff; font-size:12px; text-align:center; float:left; margin-right:6px}
#notice li .date i{ display:block; font-size:18px; font-style:normal; line-height:32px;}
#notice li a.list-title{ line-height:1.6em; }
#notice .list a.more{ display:block; margin:0 auto; width:60px; clear:both; line-height:2em; text-align:center;  border-radius:5px;}
#notice .list a.more:hover{background:#2C70BB; color:#fff;}

#i-research{ float:left; width:600px; height:300px; background:#2C70BB; overflow:hidden;}
#i-research .panel-title{ height:80px; border-bottom:1px dashed #fff;}
#i-research .panel-title em{ color:#fff; font-size:30px; left:20px; top:24px; border-left:3px solid #fff; padding-left:8px; height:40px}
#i-research a.more{ color:#fff; bottom:20px;}
#i-research ul.list{ padding:0 10px;}
#i-research ul.list li{height:40px; line-height:40px;}
#i-research ul.list li a{ color:#fff; display:block; padding-left:10px; background:url(dot-2.png) left center no-repeat;}
#i-research ul.list li a:hover{ background:#759ECC;}

#interface{ margin:0 auto 20px; width:1080px; overflow:hidden}
#interface a{display:block;float:left; height:104px; width:100px; margin:0 40px}
#interface .ico{ background:url(interface21.png) no-repeat; display:block; width:100%; height:100%;}
#interface .ico-a{background-position-x:0px;}
#interface .ico-b{background-position-x:-100px;}
#interface .ico-c{background-position-x:-200px;}
#interface .ico-d{background-position-x:-500px;}
#interface .ico-e{background-position-x:-400px;}
#interface .ico-f{background-position-x:-300px;}
#interface a:hover .ico{
	background-position-y:-104px;
	transition: transform 800ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -o-transform: perspective(800px) rotateY(-360deg);
    -ms-transform: perspective(800px) rotateY(-360deg);
    -moz-transform: perspective(800px) rotateY(-360deg);
    -webkit-transform: perspective(800px) rotateY(-360deg);
    transform: perspective(800px) rotateY(-360deg);
}

#i-wide .big-block{ width:600px; height:360px; float:left; position:relative; display:block;}
	#i-wide .big-block .cover{ color:#fff; position:absolute; background:url(tran-big-block.png) left bottom repeat-x; bottom:0; padding:0 30px; overflow:hidden;}
	#i-wide .big-block .cover h2{ font-size:20px; display:block; line-height:40px; }
	#i-wide .big-block .cover p{ display:block; line-height:200%; margin-bottom:30px; text-indent:2em;}
#i-wide .small-block{ width:300px; height:180px; display:block; float:left; overflow:hidden; position:relative;}
#i-wide .big-block img{ width:100%; height:360px}
#i-wide .small-block img{ width:100%; height:180px}

#i-special{ width:1200px; margin:0 auto; padding:20px 0; }
#i-special .scroll{ position:relative; width:100%; overflow:hidden; height:100px;}
#i-special ul{ position:absolute; left:0px; top:0px;}
#i-special ul li{height:100px; overflow:hidden}
#i-special ul li a{ display:block; float:left; width:400px; height:100px}
#i-special ul li img{ width:100%;}

#i-platform{ padding:20px 0; background:#1c1c1c; color:#fff; font-size:16px; }
#i-platform .col{ float:left; width:600px;}
#i-platform .col h2{ height:50px; line-height:50px;background:url(platform-line.jpg) center bottom no-repeat; text-align:center} 
#i-platform .col h2 em{ font-size:16px;}

#wisdom-campus .panel-title em{text-align:center; display:block}
#wisdom-campus ul{}
#wisdom-campus ul li{ float:left; width:200px;line-height:30px; padding:10px 0;}
#wisdom-campus a i{ margin:0 10px;color:#f30}
#wisdom-campus a{font-size:16px;display:block;}
#wisdom-campus a:hover{color:#f30;}

#high-masters h2 em{ display:block; font-size:20px;}
#high-masters  a{ display:block;margin:20px auto 0; color:#fff;line-height:2em; text-align:center; width:200px}
#high-masters  a:hover{ background:#fff; color:#1c1c1c}
#high-masters a i{margin:0 10px}

#sns .item{ float:left; width:33%; text-align:center;}
#sns .item em{ display:block; margin-top:126px;}
#sns .q1{ background:url(q1.png) center center no-repeat;}
#sns .q2{ background:url(q2.png) center center no-repeat;}
#sns .q3{ background:url(q3.png) center center no-repeat;}

#f-link .select{width:420px;margin:20px auto}
#f-link li{ width:50%;float:left; line-height:44px;}
#f-link li a{ color:#fff;}