/* main */
#main{ zoom:1; }

/*slider*/
.slide{ width:100%; position:relative; height:450px; background:#000; z-index: 1}
.slide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.slide .bd ul{ width:100% !important; }
.slide .bd li{ width:100% !important; height:450px; overflow:hidden; text-align:center; }
.slide .bd li a{ display:block; height:450px; }
.slide .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.slide .hd ul{ text-align:center; padding-top:5px; }
.slide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:40px; height:6px; margin:5px; background:rgba(238,238,238,0.8); overflow:hidden; line-height:9999px; }
.slide .hd ul .on{ background:#fff; }
.slide .prev{ left: 0; }
.slide .next{ right: 0; }
.slide .prev,.slide .next{ display: block; position: absolute; top: 0; z-index: 10; width: 138px; height: 450px; }
.slide .prev:before{ background: url(../images/banner-btn.png) no-repeat; background-size: 32px 294px; left: 20px; }
.slide .next:before { background: url(../images/banner-btn.png) 0 -158px no-repeat; background-size: 32px 294px; right: 20px; }
.slide .prev:before,.slide .next:before{ content: ''; margin-top: -27px; top: 50%; width: 32px; height: 55px; position: absolute; display: block; }

.section h2{ font-size: 36px; color:#000; text-align: center; }
.section h3 { margin: 6px auto 0; background: url(../images/title_bg.jpg) left center repeat-x; text-align: center; }
.section h3 span { padding: 0 17px; color: #333; font-size: 16px; background: #fff; }

.about{ width: 740px; margin-top: 30px; padding: 0 15px; background: #ddd; height: 370px; }
.about .vedio{ width: 460px; height:100%; margin-top: -30px; }
.about .vedio img{ width: 100%; height: 100%; }
.about .word{ width: 245px; padding: 0 10px; }
.about .word .wordcon{ height:168px; overflow:auto; }
.about .word span{ display: block; margin: 50px 0 25px; font-size: 18px; color: #000}
.about .word p{ color: #333; line-height: 24px; }
.about .word a.vmore{ display: block; width: 98px; height: 28px; margin-top: 25px; line-height: 28px; text-align: center; color: #333; border:1px solid #333; }
.about .word a.vmore:hover{ color: #f60; border-color: #f60}

.tabtit{ margin-bottom: 20px}
.tabtit span{ float:left; width:118px; height:40px; background:url(../images/tab.png) no-repeat 0 0px; text-align:center; margin-right: 8px; line-height:35px; cursor:pointer; font-size:14px; color: #666}
.tabtit span.last{ margin-right: 0}
.tabtit .on{ background-position:-122px 0px; color:#fff; }
.tabcon{ height: 560px}
.tabcon li.pro{ float:left; width:238px; height:238px; margin:0 16px 20px 0; position:relative; overflow:hidden; }
.tabcon li.last{ margin-right: 0}
.tabcon li.pro img{ width:238px; height:238px; }
.tabcon li.pro .text{ position:absolute; left:0; bottom:0; width:238px; height:0; background:#ddd url(../images/tp_bg.png) right top no-repeat; }
.tabcon li.pro .text dl{ width:208px; padding:30px 15px 0; }
.tabcon li.pro .text dl dt{ font-size:16px; margin-bottom:8px; color: #212121}
.tabcon li.pro .text dl dd{ color: #999; font-size:12px; line-height: 21px}
.tabcon li.pro .text dl dd.vmore{ margin-top:16px; }
.tabcon li.pro .text dl dd.vmore a{ padding:3px 5px; line-height: 24px; text-align: center; color: #000; border:1px solid #000; }
.tabcon li.pro .text dl dd.vmore a:hover{ color: #f60; border-color: #f60}

.hot{ float:left; width:188px; margin:20px 15px 0 0; text-align:center; }
.hot .sale { width:188px; height:188px; position:relative; overflow:hidden}
.hot .sale img{ width:188px; height:188px; border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; ; -o-border-radius:15px; -webkit-border-radius:15px; }
.hot .sale .other{ position:absolute; right:188px; top:0; width:188px; height:188px; background: rgba(0,0,0,0.5); color:#fff; border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; ; -o-border-radius:15px; -webkit-border-radius:15px; }
.hot .sale .other dl{ width:128px; padding:50px 30px 0; }
.hot .sale .other dt{ font-size:18px; color: #fff}
.hot .sale .other dd img{ width:42px; height:42px; margin-top: 30px; }
.hot span{ display: block; height: 60px; line-height: 30px; margin-top: 10px}
.hot span a{ color:#000; font-size:16px; }
.hot span a:hover{ color:#f60; }

.news{ overflow:hidden; }
.news dl{ width:490px; overflow:hidden; }
.news dl dt{ float: left; margin-right: 15px}
.news dl dt a,.news dl dt img{ display: block; width:200px; height:135px; }
.news dl dd{ line-height: 21px; font-size:12px; }
.news dl dd.tit{ margin-bottom:10px; }
.news dl dd.tit a{ color:#333; font-size:16px; }
.news dl dd.tit a:hover{ color:#f60; }
.news dl dd.vmore{ margin-top:16px; }
.news dl dd.vmore a{ padding:3px 5px; line-height: 24px; text-align: center; color: #666; border:1px solid #666; }
.news dl dd.vmore a:hover{ color: #f60; border-color: #f60}

.more { margin-top: 30px; text-align: center; }
.more a{ -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
.more a { display: inline-block; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; border: 1px solid #ececec; width: 220px; height: 50px; line-height: 50px; vertical-align: top; background: #FFF; text-align: center; font-size: 20px; font-family: "Hiragino Sans GB","Microsoft YaHei",SimHei,SimSun,sans-serif; color: #636363; transition: all .2s ease-in-out; }
.more a:hover { box-shadow: 0 0 5px rgba(0,0,0,.2); color: #f60; border-color: #f60}

.qunar { width: 600px; position: relative; overflow: hidden; }
.qunar .e_pic_wrap { z-index: 1; white-space: nowrap; width: 600px; height: 400px; }
.qunar .e_pic_wrap li { position:relative; display: inline; width: 600px; height: 400px; overflow: hidden; }
.qunar .prev, .qunar .next { position: absolute; z-index: 30; display: block; }
.qunar .prev { top: 193px; left: 10px; }
.qunar .next { top: 193px; right: 10px; }
.qunar .prev a, .qunar .next a { display: block; width: 25px; height: 32px; overflow: hidden; background: url(../images/ico_prevnext.png) no-repeat scroll 0 0; _background-image: url(../images/ico_prevnext_ie6.png); }
.qunar .prev a { background-position: 0 0; }
.qunar .prev a:hover { background-position: 0 -40px; }
.qunar .next a { background-position: 0 -80px; }
.qunar .next a:hover { background-position: 0 -120px; }

.milieutab{ width: 1000px; overflow:hidden; }
.milieutab a{ position: relative; display: inline-block; height:188px; margin-right: 10px; }
.milieutab a img{ width:192px; height:152px; }
.milieutab a span{ position:absolute; left:0; bottom:0; width:192px; height:36px; line-height:36px; color:#666; text-align:center; }
.milieutab a:hover span{ color: #f60}

/*about*/
.banner{ height: 300px; }

.abtit,.protit{ margin-bottom: 20px; text-align: center; }
.abtit a,.protit a{ display: inline-block; width:118px; height:40px; background:url(../images/tab.png) no-repeat 0 0px; text-align:center; margin-right: 8px; line-height:35px; cursor:pointer; font-size:14px; color: #666}
.abtit a.last,.protit a.last{ margin-right: 0}
.abtit .on,.protit .on{ background-position:-122px 0px; color:#fff; }

.abcon{ text-align:left; text-indent:2em; }
.abcon p{ line-height: 30px; }

.newscon { overflow: hidden; }
.newscon dl{ padding: 30px 0; overflow: hidden; border-bottom: 1px dotted #e9e9e9; }
.newscon dl.item dt a{ width:210px; height:140px; display: block; }
.newscon dl.item img{ width:210px; height:140px; } 
.newscon dl.item dd{ width:750px; text-align:left; } 
.newscon dl.item dd h4{ height:42px; line-height:20px; color:#333; font-size:20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 
.newscon dl.item dd .sum{ height:82px; overflow:hidden; } 
.newscon dl.item dd .tips{ height: 16px; line-height: 16px; }
.newscon dl.item dd .tips .view{ width: 16px; height: 16px; margin-right: 6px; background: url(../images/ll.png) no-repeat; }
.newscon dl.item dd .tips .time{ padding-left: 25px; background: url(../images/time.png) no-repeat; }

.conbox{ width: 998px; min-height: 500px; border: 1px solid #e8e8e8; overflow: hidden; }

.con{ width: 958px; padding: 20px; overflow: hidden; }
.con h1 { height: 45px; color: #333; font: 24px/45px "Microsoft YaHei"; text-align: center; }
.con .time { text-align: center; height: 42px; line-height: 42px; border-bottom: dotted 1px #aaa; }
.con .info { overflow: hidden; width: 918px; margin: 20px; line-height: 24px; }
.con .fanye { line-height:32px; }
.con .fanye strong { color: #f60; font-weight: bold; }

/*album*/
.album{ width: 1000px; overflow:hidden; }
.album li{ float: left; width: 238px; height: 203px; margin: 0 16px 20px 0; }
.album li.last{ margin-right: 0; }
.album li a{ position: relative; display: block; width: 238px; height: 203px; }
.album li a img{ width:238px; height:167px; }
.album li a span{ position:absolute; left:0; bottom:0; width:238px; height:36px; line-height:36px; color:#666; text-align:center; }
.album li a:hover span{ color: #f60}

/*custom*/
.msg{ padding: 20px 0; line-height: 24px; border-bottom: 1px dashed #d5d5d5; font-size: 13px; }
.msg .ora{ font-size: 14px; }
.custom { width: 700px; height: auto; float: left; display: inline; padding: 20px 70px 0 150px; }
.custom li{ margin-bottom: 15px; overflow: hidden; width: 100%; }
.custom li label{ float: left; width: 100px; height: 24px; line-height: 24px; text-align: right; margin-right: 10px}
.custom li input.intext{ height: 24px; line-height: 24px; margin: 0; padding: 0 0 0 5px; border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255); color: #333}
.custom li span{ padding-left: 10px; }
.custom li span a{ color: #ff7a13}
.custom li select,.custom li textarea{ border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255); color: #333}
.custom li .huanh{ overflow: hidden; zoom: 1; }
.custom li .huanh .np{ margin-bottom: 15px; }
.custom input.button { width: 73px; height: 30px; margin-left: 110px; padding: 0; display: block; background: url(../images/public.png) no-repeat; border: none !important; cursor: pointer; text-align: center; line-height: 24px; font-size: 14px; font-weight: bold; color: #FFF; }

/*gbook*/
.gbook{ margin-top:10px; }
#messagelist{ padding:20px; }
#messagelist .metlist{ margin-bottom:10px; border:6px solid #dedede; padding:5px; }
#messagelist .metlist dt{ background:url(../images/message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px; }
#messagelist .metlist dt span.name{ color:#2c7199; }
#messagelist .metlist dt span.timei{ padding-left:8px; color:#999; }
#messagelist .metlist dt span.tt{ float:right; padding-right:5px; }
#messagelist .metlist dd.lyinfo span.tt{ display:none; clear:both; }
#messagelist .metlist dd.lyinfo span.text{ display:block; line-height:1.5; padding:8px 5px; }
#messagelist .metlist dd.reinfo span.tt{ background:url(../images/admin.gif) no-repeat left 3px; display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 20px; margin:0px 0px 5px 15px; color:#2c7199; }
#messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.5; margin-left: 15px; padding:8px 5px; }
#messagelist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; }
#messagelist table{ margin:0px auto; }
#messagetable{ padding:15px; }
#messagetable table{ margin:0px auto; }

/*按钮*/
.button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.button:hover { text-decoration: none; color:#fff; }
.button:active { position: relative; top: 1px; }
.orange{ color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top,  #faa51a,  #f47a20); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }
.orange:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top,  #f88e11,  #f06015); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); }
.orange:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top,  #f47a20,  #faa51a); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); }
input.input-text,input.input-file,input.code,textarea { padding: 4px; font-size: 15px; outline: none; text-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; background:#fff url(../images/dt-10.gif) repeat-x left top; }
input.input-text:focus,input.input-file:focus,input.code:focus,textarea:focus { border: 1px solid #fafafa; -webkit-box-shadow: 0px 0px 6px #007eff; -moz-box-shadow: 0px 0px 5px #007eff; box-shadow: 0px 0px 5px #007eff; }
/*表单*/
td.text{ width:20%; padding:6px 5px 6px 0px; text-align:right; font-size:14px; font-weight:bold; }
td.input{ padding:6px 8px; }
td.input input{ margin-right:8px; }
td.input .info{ padding-left:15px; color:#f00; }
td.input img{ position:relative; bottom:1px; }
td.submint{ padding:10px; }

/*contact*/
.lianxi{ }
.lianxi ul li{ float: left; width: 440px; margin: 0 20px 20px 0; padding:25px; background: rgb(245, 245, 245); color: #333}
.lianxi ul li .fl{ width: 300px; text-align: left; }
.lianxi ul li .fl .cn{ font-size: 26px; }
.lianxi ul li .fl .cn .en{ font-size: 14px; text-transform: uppercase; }
.lianxi ul li p{ height: 65px; font-size: 18px; line-height: 65px; overflow: hidden; text-indent: 2em}
.lianxi ul li .icon{ width: 100px; height: 100px}
.lianxi ul li.last{ margin-right: 0; color: rgb(255, 255, 255); background: rgb(77, 77, 77);}

/*page*/
.page,.pager{ overflow:hidden; height: 40px; margin-top: 20px; line-height: 40px; text-align: center; }
.page span ,.pager span { overflow:hidden; border: #bfbfbf 1px solid; margin: 2px; padding: 6px 8px; text-decoration: none; }
.page a ,.pager a { overflow:hidden; border: #bfbfbf 1px solid; margin: 2px; padding: 6px 8px; text-decoration: none; }