@charset "utf-8";

* { margin: 0; padding: 0; outline: none; }
*:not(input,textarea) { -webkit-touch-callout: inherit; -webkit-user-select: auto; }
body { display:inline-table; width: 100%; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; font-size: 14px; color: #878787; -webkit-touch-callout: inherit; -webkit-user-select: auto; background-color: #fff; }
a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:hover { text-decoration: none; }
button,
input,
select,
textarea { font-size: 100%; margin: 0; padding: 0; outline: none; }
dt,
dd { display: inline-block; }
textarea,
input { resize: none; outline: none; }
textarea { resize: none; -webkit-appearance: none; }
ul,
ol,
li { list-style: none; }
em { font-style: normal; }
img { border: 0; }

.fl { float: left; }
.fr { float: right; }

.pos-a { position: absolute; }
.pos-r { position: relative; }

.center { margin: 0 auto; }
.txt-center { text-align: center; }

.hidden { display: none; }
.main { width: 1100px; margin: 0 auto; }
.wrapper{width:1100px; margin:0 auto;font:12px 'Microsoft YaHei',Arial,Verdana, Geneva, sans-serif; line-height:1.5em;}
.clear{clear:both;}

figure.effect img { opacity: 1; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: perspective(1000px) translate3d(0,0,0); transform: perspective(1000px) translate3d(0,0,0); }
figure.effect:hover img { -webkit-transform: perspective(1000px) translate3d(0,0,40px); transform: perspective(1000px) translate3d(0,0,40px); position: relative; z-index: 1000; }
figure.effect-s { overflow: hidden; }
figure.effect-s img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
figure.effect-s:hover img { -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); }

.dia-mask { width: 100%; height: 100%; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; background-color: #000000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2000; background-position: center; background-size: cover; }
.dia-city { width: 500px; background-color: white; padding: 10px; position: fixed; top: 10%; left: 50%; margin-left: -260px; z-index: 20001; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.dia-city-inner-1 { border: 4px solid #000000; padding: 2px; }
.dia-city-inner-2 { border: 1px solid #000000; text-align: center; padding: 20px; }
.dia-city p { color: #000000; line-height: 30px; }
.dia-city-1 { width: 406px; display: inline-block; padding: 20px; }
.dia-city-1 p { padding-right: 15px; }
.dia-city-2 { width: 406px; padding: 20px; position: relative; border-top: 1px solid #000000; margin-top: 10px; }
.dia-city-2 .title { position: absolute; top: -15px; left: 160px; background-color: white; padding: 0 20px; font-weight: bold; }
.dia-city-2 ul { display: inline-block; width: 100%; margin-top: 10px; }
.dia-city-2 li { float: left; margin-right: 10px; }
.dia-city-2 .td-title { vertical-align: top; padding-top: 15px; }
.dia-city-2 strong { float: left; margin-right: 10px; color: #333333; }
.dia-btn { width: 75px; height: 30px; line-height: 30px; background-color: #000000; color: white; text-align: center; cursor: pointer; }
.dia-btn:hover { background-color: #990000; }