/*
file: /css/style.css
author: 3170105188@zju.edu.cn
*/

.intro .left{width: 950px;overflow: hidden;float: left; margin:5px;margin-top: 15px;}
.intro .right{width: 230px;float: right; margin:15px 5px;}
.left .name{width: 480px;}
.left .name p{line-height: 24px;text-align: justify;}
.left .pic{width: 450px;}
div.ginkintro{width: 450px;margin:10px 0;text-indent: 2em;}

.database a{
	display: block;
	width: 220px;
	height: 40px;
	margin-bottom: 5px;
	border-radius: 5px;
	border:solid 2px rgba(0,128,0,0.5);
	border-style: outset;
	color: white;
	line-height: 40px;
	text-indent: 1em;
	font-size: 18px;}
.database{margin-bottom: 30px;}
.database a span{font-size: 20px;float: right;margin-right: 15px;}
.database a:hover,.database a:active{opacity: .7;text-decoration: none;}
.right .title{font:20px/30px "Arial",sans-serif;border-top: solid 5px #92d050;}
.subtitle{width: 180px;margin-left: 0;font:20px/30px "Arial",sans-serif;}
.subtitle2{width: 270px;margin-left: 0;font:20px/30px "Arial",sans-serif;}
.log li div{border-bottom: dashed 1px #ccc;margin-top:5px;}
.log li div p a{font-size: 14px;color:#000;}
.log li div p a:hover,.log li div p a:active{color:#008000}
.log li div p.date{font-size: 12px;text-align: right;}
.log .more{text-align: right;font-size: 14px;color: #008000}
.abtitle{
	/*width: 180px;*/
	display: inline-block;
	padding-right: 1em;
	margin-left: 0;
	font:bold 20px/30px "Arial",sans-serif;
	color: #008000;
}
.abtitle1{
	margin-left: 0;
	padding-top: 10px;
	font:bold 24px/36px "Arial",sans-serif;
	color: #008000
}
.abtitle2{
	margin-left: 0;
	font:bold 20px/30px "Arial",sans-serif;
	color: #008000
}
.abcontain{margin-bottom: 30px;}
.abcontain p{padding: 5px 0;text-indent: 2em;text-align: justify;line-height: 24px;}
.abcontain p.ind0{padding: 8px 0 0;text-indent: 0;}
#page{padding-top: 30px;width:960px;}
#page h1{color: #008000;text-align: center;}
#map{height: 450px;width: 800px;border: solid 1px #92d050;}
.rollbox{width:1080px;height:450px;overflow:hidden;position:relative;}
.rolllist{height:450px;width:10800px;overflow-x:visible;position:absolute;left:0;top:0;}
.roll{width:1080px;height:450px;}
.roll>a,.roll>a>div{display:block;width:1080px;height:450px;background-size:contain;background-repeat:no-repeat;background-position:center center;}
.rollpoint{position:absolute;width:120px;margin:0 auto;left:50%;margin-left:-50px;top:100%;margin-top:-30px;}
.rollpoint li{display:inline-block;width:10px;height:10px;border-radius:50%;background:#fff;margin:0 10px;opacity:.7;cursor:pointer;}
.dblist{display:flex;padding:120px 0;flex-wrap:wrap;width:1140px}
.dblist a{
    position:relative;padding:0 10px;height:240px;width:180px;
    border:solid 1px #fff;box-shadow:0 0 26px rgba(0,0,0,.2);cursor:default;text-align:center;
    margin:30px 50px;
    /*margin:30px 30px; 每行四个*/
}
.dblist a,.dblist a:hover,.dblist a:active{text-decoration:none;color:#000;}
.dblist a::after{content:'\e684';display:block;width:30px;height:30px;font:24px/30px "myfont";position:absolute;top: 100%;left:50%;margin-top:-45px;margin-left:-15px;color:#ddd;}
.icono{width:60px;height:60px;border-radius:50%;margin-top:15px;font-family:"myfont";line-height:60px;text-align:center;font-size:40px;}
svg.icon{width:40px;height:40px;margin:10px;overflow:visible;}
.dbbox-sblue:hover::after,.dbbox-sblue:active::after{color:skyblue;}
.dbbox-blue:hover::after,.dbbox-blue:active::after{color:blue;}
.dbbox-pink:hover::after,.dbbox-pink:active::after{color:pink;}
.dbbox-lgreen:hover::after,.dbbox-lgreen:active::after{color:lightgreen;}
.dbbox-gold:hover::after,.dbbox-gold:active::after{color:gold;}
.dbbox-black:hover::after,.dbbox-black:active::after{color:#111;}
.dbbox-p:hover::after,.dbbox-p:active::after{color:#f1bbf1;}
.dbbox-q:hover::after,.dbbox-q:active::after{color:#d6c9ff;}
.dbbox-r:hover::after,.dbbox-r:active::after{color:#f1c9bb;}
.dbbox-s:hover::after,.dbbox-s:active::after{color:#bbd6bb;}
.dbbox-t:hover::after,.dbbox-t:active::after{color:#92ff92;}
.dbbox-u:hover::after,.dbbox-u:active::after{color:#ffc9c9;}
.dbbox-v:hover::after,.dbbox-v:active::after{color:#9e855d;}
.dbbox-w:hover::after,.dbbox-w:active::after{color:#ffd6bb;}
.dbbox-nsii:hover::after,.dbbox-nsii:active::after{color:#349463}

.dbbox-sblue:hover{border-color:blue;}
.dbbox-blue:hover{border-color:blue;}
.dbbox-pink:hover{border-color:deeppink;}
.dbbox-lgreen:hover{border-color:green;}
.dbbox-gold:hover{border-color:orange;}
.dbbox-black:hover{border-color:#111;}
.dbbox-p:hover{border-color:#cc00cc;}
.dbbox-q:hover{border-color:#6633ff;}
.dbbox-r:hover{border-color:#cc3300;}
.dbbox-s:hover{border-color:#006600;}
.dbbox-t:hover{border-color:#339900;}
.dbbox-u:hover{border-color:#ff3333;}
.dbbox-v:hover{border-color:#9e855d;}
.dbbox-w:hover{border-color:#ff9900;}
.dbbox-nsii:hover{border-color:#349463}

.icon-sblue{background:rgba(135,206,235,.8);color:blue;}
.icon-blue{background:rgba(44,44,233,1);color:blue;}
.icon-pink{background:rgba(255,192,203,.8);color:deeppink;}
.icon-lgreen{background:rgba(144,238,144,.8);color:green;}
.icon-gold{background:rgba(255,215,0,.7);color:orange;}
.icon-black{background:#454545;color:#111;}
.icon-p{background:rgba(204, 0, 204, 0.27);color:#cc00cc;}
.icon-q{background:rgba(102,51,255,.27);color:#6633ff;}
.icon-r{background:rgba(204,51,0,.27);color:#cc3300;}
.icon-s{background:rgba(0,102,0,.27);color:#006600;}
.icon-t{background:rgba(51,255,51,0.53);color:#339900;}
.icon-u{background:rgba(255,51,51,.27);color:#ff3333;}
.icon-v{background:rgba(158, 133, 93,0.27);color:#9e855d;}
.icon-w{background:rgba(255,102,0,0.27);color:#ff9900;}
.icon-nsii{background:#f3f3f3;color:#349463;}


.dbbox:hover::after{
	-webkit-animation: rori 0.3s linear 0s 1 alternate;
	-webkit-animation-fill-mode: forwards;
	animation: rori 0.3s linear 0s 1 alternate;
	animation-fill-mode: forwards;
}
.dbbox h4{line-height:42px;font-size:18px;}
.dbbox p{padding-top:20px;text-align:center;font-size:14px;color:#444;}
@keyframes rori {
   0% {transform: rotate(0deg);}
   100% {transform: rotate(90deg);}
}
@-moz-keyframes rori {
   0% {transform: rotate(0deg);}
   100% {transform: rotate(90deg);}
}
@-webkit-keyframes rori {
   0% {transform: rotate(0deg);}
   100% {transform: rotate(90deg);}
}
@-o-keyframes rori {
   0% {transform: rotate(0deg);}
   100% {transform: rotate(90deg);}
}
.secbox{margin-bottom:120px;width:786px;background-repeat:no-repeat;background-size:360px auto;}
.secbox-l{background-position:left center;padding-left:404px;padding-right:10px;}
.secbox-r{background-position:right center;padding-right:404px;padding-left:10px;}
.secbox p{text-indent:2em;text-align:justify;line-height:24px;padding:5px 0;}
.secbox p:first-of-type{padding-top:15px;}
.secbox p:last-of-type{padding-bottom:15px;}
.secbox h2{font-weight:normal;margin-top:10px;}