html { min-width: 1200px; margin: 0 auto; }
body { background:url(18ly_gk_head.jpg) no-repeat center top #fafafa; color: #575757; margin: 0px; padding: 0px; font-size: 14px; font-family: "Microsoft YaHei"; text-align: left; margin: 0 auto; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block }
* { margin: 0px; padding: 0px; transition:all .3s}
ul, li { list-style-type: none; margin: 0px; padding: 0px; }
img { border: 0px; vertical-align: middle; cursor: pointer; _cursor: hand; }
input { vertical-align: middle; outline: none }
.clear { clear: both; height: 0; }
table { margin: 0px auto; }
.no { display: none; }
/*a style*/
a { text-decoration: none; }
a:link, a:visited { color: #555555; }
a:hover { color: #f4620c; text-decoration: underline; }

.head{ display:none;}
.head1{ height:312px;}
.contain{ width:1000px; margin:0 auto;}
.tit{ margin:30px auto 0; height:48px; position:relative; overflow:hidden;}
.tit_l{ background-color:#cccccc; width:50%; position:absolute; left:-79px; top:24px; height:1px; overflow:hidden; z-index:9999}
.tit_r{ background-color:#cccccc; width:50%; position:absolute; right:-79px; top:24px; height:1px; overflow:hidden; z-index:9999}
.tit_t{ width:158px; height:48px; line-height:48px; margin:0 auto; text-align:center; font-size:26px; color:#626262}
.tit1{ text-align:center; line-height:40px; font-size:18px;}
.tit1 span{ color:#dd3a3a}
.con{ margin-right:-41px; margin-top:15px;}
.con1{ float:left; width:306px; margin-right:41px; min-height:906px;}
.tu{ width:306px; height:177px;}
.tit2{ background-color:#d8d7d7; height:30px; line-height:30px; font-size:15px; padding-left:10px;}
.tit2 a.zxtw{ display:block; float:right; height:30px; width:80px; text-align:center; background-color:#dd3a3a; color:#fff; font-size:16px;}
.con2{ border:1px solid #d8d7d7; padding:8px 8px 12px 8px; background-color:#ffffff; display:none;}
.con2.on{ display:block}
.inp{ border:1px solid #cecece; padding-left:2%; width:96%; line-height:27px;height:27px;}
.text{ border:1px solid #cecece; padding-left:2%; width:96%; line-height:27px; height:80px; margin-top:7px;}
.btn{ width:84px; height:28px; line-height:28px; border:0; background-color:#dd3a3a; color:#ffffff; font-size:16px; text-align:center; margin-right:20px; border-radius:14px; margin-top:8px;}
.con3{ margin:17px auto 0; height:666px; overflow-y:scroll; border:1px solid #d8d7d7; background-color:#ffffff; padding:10px 15px;}
.con3.on{ height:433px;}
.tit3{ border-bottom:1px dotted #d2d2d0; line-height:24px;}
.tit3 div{ padding:5px 0;}
.tit3 span{ color:#dd3a3a}
.pic_con1{ height:490px; position:relative; z-index:1; overflow:hidden; margin:20px auto 0}
.pic_con1 .pic{ height:100%; overflow:hidden}
.pic_con1 .pic li{ width:1000px; height:490px;}
.pic_con1 .pic img { width:100%; height:100%; display: block; }
.pic_con1 .txt-bg{ position: absolute; bottom: 0; z-index: 4; height:47px; width: 100%; background-color:#000; opacity:0.74}
.pic_con1 .txt{ position: absolute; bottom: 0; z-index: 5; height:47px; width: 100%; overflow: hidden; }
.pic_con1 .txt li{ height:47px; line-height:47px; position: absolute; bottom: -47px; left:0px; }
.pic_con1 .txt li{ display: block; color: white; padding: 0 0 0 10px; font-size: 18px;}
.pic_con1 .num{ position: absolute; z-index: 6; bottom:15px; right:10px;}
.pic_con1 .num li{ float: left; position: relative; width:10px; height:10px; line-height:30px; background-color:#d8d7d7; overflow: hidden; text-align: center; margin-right:8px; cursor: pointer; border-radius:50%;}
.pic_con1 .num li.on, .pic_con1 .num li:hover{ background-color:#f3ad2d}
.animated { -webkit-animation-duration:1.5s; animation-duration:1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.bot{ background:url(18ly_gk_bot.jpg) repeat-x top #f4cdc1; margin:38px auto 0; padding:20px; line-height:24px; text-align:center}
@media screen and (min-width:300px) and (max-width:999px) {
html, body {min-width:100%; width: 100%; height: 100%; -webkit-text-size-adjust: none; text-size-adjust: none; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background:none;}
a, img { -webkit-touch-callout: none; } /* 禁止长按链接与图片弹出菜单 */
html, body, h1, h2, h3, h4, h5, h6, p, br, form, input, button, textarea, select, fieldset, legend, blockquote, ul, ol, li, dl, dt, dd, pre, table, caption, tr, td, th, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, audio, video { display: block; }
body { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: relative; min-width: 100%; }
* { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; outline: none; transition:all .3s}
img{ max-width:100%}
.head1{ display:none;}
.head{ display:block; width:100%;}
.head img,.contain{ width:100%;}
.tit{ margin:15px auto 0;}
.tit1{ font-size:14px; padding:0 10px; line-height:24px;}
.con{ margin-right:0}
.con1{ float:inherit; width:95%; margin:0 auto; min-height:inherit}
.tu{ width:100%; height:auto}
.tu img{ width:100%}
.con3,.con3.on{ height:auto; margin-bottom:20px;}
.bot{ margin:20px auto 0;}

}