@charset "utf-8";
body,td,th {font-family: Verdana, Geneva, sans-serif;}
*{margin:0px;padding:0px;}
li{list-style:none;}
a{text-decoration:none;color:#333; outline:none;}
a:hover{color:#000;}
input,textarea,button{outline:none;}
.clear{clear:both;overflow:hidden;zoom:1;}
.layoutBg{background:#FFF;width:100%;}

@media screen and (min-width: 1189px) {
.layout{width:1200px; margin:0 auto;}

#header{clear:both;overflow:hidden; position:relative;}
#header .logo{float:left;height:180px;}
#header .logo img{height:90%;margin-top:5%;}

#header .top{float:right;}
#header .top p{font-size:16px;line-height:32px;text-align:right;margin-top:56px;color:#999;}
#header .top p b{display:inline-block;font-size:32px;}

#header nav{position:absolute;right:0px;bottom:0px;}
#header nav li{float:left;margin:0 20px;font-size:20px;}
#header nav li a{display:block;border-bottom:2px solid #FFF;}
#header nav li a:hover, #header nav li a.curr{border-bottom:2px solid #0089AF;color:#0089AF;}

.idxTop{background:url(/images/southampton.jpg) left top no-repeat;background-size:cover;height:800px;margin:20px 0 0 0;position:relative;}
.idxTop .forPc{height:800px;}
.idxTop .cont{position:absolute;right:10px;top:100px;width:600px;height:600px; border-radius:300px;background:rgb(188,222,233,0.7);background-color:#D7FCFF\0;opacity: 0.7\0;text-align:center;}
.idxTop .contt{width:520px;margin:70px auto 0 auto;line-height:28px;font-size:16px;}
.idxTop .contt h4{font-size:36px;line-height:46px;color:#00789D;}
.idxTop .contt h4 b{display:block;margin-top:14px;font-size:42px;}
.idxTop .contt dl{clear:both;overflow:hidden;background:#00789D;margin:20px auto 0 auto;padding:10px 15px 5px 15px; border-radius:20px 0 20px 0; display:inline-block;color:#FFF;}
.idxTop .contt dt, .idxTop .contt dd{float:left;}
.idxTop .contt dt img{width:36px;margin-top:2px;}
.idxTop .contt dd{font-size:14px;line-height:20px;margin-left:10px;}


#footer{background:#006482;padding:36px 0;}
#footer .ftcont{color:#DAEDED;line-height:24px; position:relative;}
#footer .ftcont h2{margin-bottom:16px;}
#footer .ftcont span{display:block;color:#6EB5CB;font-size:14px;margin-top:14px;}
#footer .footNav{position:absolute;right:0;top:0;}
#footer .footNav li{float:left;margin:0 10px;}
#footer .footNav li a{color:#CCC;}
#footer .footNav li a:hover{color:#ECF530;}
#footer .t a{color:#DAEDED;}

#idxShadow{padding:100px 0;text-align:center;background:rgba(255,255,255,0.3);}
#idxShadow h1{text-shadow:3px 3px 4px #222222;font-size:70px; color:#006482;}

#ourServices{clear:both;overflow:hidden;text-align:center;padding:40px 0;}
#ourServices h2{font-size:36px;margin-bottom:80px;text-align:center;}
#ourServices li{width:350px;height:390px;  display:inline-block;margin:0 60px 60px 0;color:#044A60;}
#ourServices li p{width:350px;height:350px;border:1px solid #E6E6E6;border-radius:175px;-moz-box-shadow:0px 2px 15px #B8B8B8; -webkit-box-shadow:0px 2px 15px #B8B8B8; box-shadow:0px 2px 15px #B8B8B8;overflow:hidden;margin-bottom:25px;}
#ourServices li p img{width:100%;}
#ourServices li.nom{margin-right:0px;}


/** meet-staff **/
.pbg{height:360px;background:url(/images/southampton-pbg.jpg) center center no-repeat;background-size:cover;margin-top:20px;}
.pcont{font-size:16px;line-height:24px;padding:30px 0;}
.pcont h2{margin:24px 0;font-size:20px;}
.ourStaff{clear:both;overflow:hidden;margin:15px auto;}
.ourStaff li{float:left;width:45%;text-align:left;}
.ourStaff li:not(:last-child){margin-right:5%;}
.ourStaff li h3{font-size:18px;margin:10px 0 20px 0;}
.ourStaff li img{float:left;width:25%;border:1px solid #F7F7F7;float:left;margin-right:10px; border-radius:0 30px 0 30px}

/** Contact us **/
.myAdd{width:70%;margin:auto;margin-bottom:40px;}
.myAdd h6{font-size:18px;margin-bottom:18px;}
.myAdd li{height:42px;line-height:42px;border-bottom:1px dashed #999;padding:0 5px;}
.myAdd li span{float:right;}
.myAdd b{font-weight:normal;}
.myMap{width:70%;margin:0 auto 40px auto;}
.myMap iframe{width:100%;}
}
@media screen and (min-width:479px) and (max-width:1290px) {
.layout{width:100%; margin:0 auto;}

#header{clear:both;overflow:hidden; position:relative;margin:0 10px;padding-bottom:20px;}
#header .logo{float:left;height:120px;}
#header .logo img{height:90%;margin-top:3%;}

#header .top{float:right;}
#header .top p{font-size:16px;line-height:32px;text-align:right;margin-top:36px;color:#999;}
#header .top p b{display:inline-block;font-size:26px;}

#header nav{position:absolute;right:0px;bottom:15px;}
#header nav li{float:left;margin:0 20px;font-size:20px;}
#header nav li a{display:block;border-bottom:2px solid #FFF;}
#header nav li a:hover, #header nav li a.curr{border-bottom:2px solid #0089AF;color:#0089AF;}

.idxTop{background:url(/images/southampton.jpg) left top no-repeat;background-size:cover;height:300px;}
.idxTop .forPc{height:300px;}
.idxTop .cont{width:100%;background:rgb(255,255,255,0.8);background-color:#FFFFFF\0;opacity: 0.8\0;text-align:center;padding-bottom:20px;}
.idxTop .contt{width:90%;margin:0 auto;line-height:28px;font-size:1rem;}
.idxTop .contt h4{font-size:36px;line-height:42px;color:#00789D;padding:20px;}
.idxTop .contt h4 b{display:block;margin-top:14px;font-size:42px;}
.idxTop .contt dl{clear:both;overflow:hidden;background:#00789D;margin:20px auto 0 auto;padding:10px 15px 5px 15px; border-radius:20px 0 20px 0; display:inline-block;color:#FFF;}
.idxTop .contt dt, .idxTop .contt dd{float:left;}
.idxTop .contt dt img{width:36px;margin-top:2px;}
.idxTop .contt dd{font-size:14px;line-height:20px;margin-left:10px;}

#idxShadow{padding:50px 0;text-align:center;background:rgba(255,255,255,0.3);}
#idxShadow h1{text-shadow:3px 3px 4px #222222;font-size:42px; color:#006482;}

#ourServices{clear:both;overflow:hidden;text-align:center;padding:40px 0;}
#ourServices h2{font-size:3rem;margin-bottom:80px;text-align:center;}
#ourServices li{width:30%; display:inline-block;margin:0 3% 3% 0;color:#044A60;}
#ourServices li p{width:100%;border:1px solid #E6E6E6;border-radius:175px;-moz-box-shadow:0px 2px 15px #B8B8B8; -webkit-box-shadow:0px 2px 15px #B8B8B8; box-shadow:0px 2px 15px #B8B8B8;overflow:hidden;margin-bottom:25px;}
#ourServices li p img{width:100%;}
#ourServices li.nom{margin-right:0px;}

#footer{background:#006482;padding:36px 0;}
#footer .ftcont{color:#DAEDED;line-height:24px; position:relative;margin:0 10px;}
#footer .ftcont h2{margin-bottom:16px;}
#footer .ftcont span{display:block;color:#6EB5CB;font-size:14px;margin-top:14px;}
#footer .footNav{position:absolute;right:10px;top:0;}
#footer .footNav li{float:left;margin:0 10px;}
#footer .footNav li a{color:#CCC;}
#footer .footNav li a:hover{color:#ECF530;}
#footer .t{margin-right:10px;}
#footer .t a{color:#DAEDED;}


/** meet-staff **/
.pbg{height:300px;background:url(/images/southampton-pbg.jpg) center center no-repeat;background-size:cover;margin-top:15px;}
.pcont{font-size:1rem;line-height:24px;padding:30px 0;margin:0 15px}
.pcont p{margin-right:15px;}
.pcont h2{margin:24px 0;font-size:20px;}
.ourStaff{clear:both;overflow:hidden;margin:30px 0;}
.ourStaff li{width:90%;text-align:left;margin:0 5%;margin-bottom:20px;clear:both;overflow:hidden;}
.ourStaff li h3{font-size:18px;margin:10px 0 20px 0;}
.ourStaff li img{float:left;width:20%;border:1px solid #F7F7F7;float:left;margin-right:10px; border-radius:0 30px 0 30px}


/** Contact us **/
.myAdd{width:80%;margin:auto;margin-bottom:40px;}
.myMap{width:80%;margin:0 auto 40px auto;}
.myMap iframe{width:100%;}
.myAdd h6{font-size:18px;margin-bottom:18px;}
.myAdd li{height:42px;line-height:42px;border-bottom:1px dashed #999;padding:0 5px;}
.myAdd li span{float:right;}
.myAdd b{font-weight:normal;}
}

@media screen and (max-width: 480px) {
.layout{width:100%; margin:0 auto;}

#header{clear:both;overflow:hidden;margin:0 10px;padding-bottom:20px;text-align:center;}
#header .logo{width:100%;height:120px;}
#header .logo img{height:90%;margin-top:3%;}

#header .top p{font-size:16px;line-height:32px;text-align:center;margin-top:16px;color:#999;}
#header .top p b{display:inline-block;font-size:26px;}

#header nav{margin-top:15px;}
#header nav li{display:inline-block;margin:0 10px;font-size:1.rem;}
#header nav li a{display:block;border-bottom:2px solid #FFF;}
#header nav li a:hover, #header nav li a.curr{border-bottom:2px solid #0089AF;color:#0089AF;}

.idxTop{background:url(/images/southampton.jpg) left top no-repeat;background-size:cover;height:200px;}
.idxTop .forPc{height:200px;}
.idxTop .cont{width:100%;background:#FFF;text-align:center;padding-bottom:20px;}
.idxTop .contt{width:90%;margin:0 auto;line-height:28px;font-size:1rem;}
.idxTop .contt h4{font-size:2rem;line-height:42px;color:#00789D;padding:20px;}
.idxTop .contt h4 b{display:block;margin-top:14px;font-size:2.4rem;}
.idxTop .contt dl{clear:both;overflow:hidden;background:#00789D;margin:20px auto 0 auto;padding:10px 15px 5px 15px; border-radius:20px 0 20px 0; display:inline-block;color:#FFF;}
.idxTop .contt dt, .idxTop .contt dd{float:left;}
.idxTop .contt dt img{width:36px;margin-top:2px;}
.idxTop .contt dd{font-size:14px;line-height:20px;margin-left:10px;}

#idxShadow{padding:50px 0;text-align:center;background:rgba(255,255,255,0.3);}
#idxShadow h1{text-shadow:3px 3px 4px #222222;font-size:2.4rem; color:#006482;}

#ourServices{clear:both;overflow:hidden;text-align:center;padding:40px 0;}
#ourServices h2{font-size:2rem;margin-bottom:40px;text-align:center;}
#ourServices li{width:28%;height:180px; display:inline-block;margin:0 1.5% 3% 1.5%;color:#044A60;font-size:0.8rem;}
#ourServices li p{width:100%;border:1px solid #E6E6E6;border-radius:175px;-moz-box-shadow:0px 2px 15px #B8B8B8; -webkit-box-shadow:0px 2px 15px #B8B8B8; box-shadow:0px 2px 15px #B8B8B8;overflow:hidden;margin-bottom:25px;}
#ourServices li p img{width:100%;}
#ourServices li.nom{margin-right:0px;}

#footer{background:#006482;padding:36px 0;text-align:center;}
#footer .ftcont{color:#DAEDED;line-height:24px; margin:0 10px;}
#footer .ftcont h2{margin-bottom:16px;}
#footer .ftcont span{display:block;color:#6EB5CB;font-size:14px;margin-top:14px;}
#footer .footNav{margin-bottom:20px;}
#footer .footNav li{display:inline-block;margin:0 10px;}
#footer .footNav li a{color:#CCC;}
#footer .footNav li a:hover{color:#ECF530;}
#footer .t{margin-right:10px;}
#footer .t a{color:#DAEDED;}


/** meet-staff **/
.pbg{height:200px;background:url(/images/southampton-pbg.jpg) center center no-repeat;background-size:cover;margin-top:15px;}
.pcont{font-size:1rem;line-height:24px;padding:30px 0;margin:0 15px}
.pcont p{margin-right:15px;}
.pcont h2{margin:24px 0;font-size:20px;}
.ourStaff{clear:both;overflow:hidden;margin:15px 0;}
.ourStaff li{width:90%;text-align:left;margin:0 5%;margin-bottom:20px;clear:both;overflow:hidden;}
.ourStaff li h3{font-size:18px;margin:10px 0 20px 0;}
.ourStaff li img{float:left;width:36%;border:1px solid #F7F7F7;float:left;margin-right:10px; border-radius:0 30px 0 30px}


/** Contact us **/
.myMap{margin:0 auto 40px auto;}
.myMap iframe{width:93%;}
.myAdd{margin-bottom:40px;}
.myAdd h6{font-size:1rem;margin-bottom:18px;}
.myAdd li{border-bottom:1px dashed #999;padding:10px 0;}
.myAdd li span{display:block;}
.myAdd b{font-weight:normal;display:block;}
}