@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; padding-top:1px; background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
.fl{float: left;}
.fr{float: right;}
/* -- 页面整体布局 -- */
.wrap{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/
.cot{width:93.75%;margin: 0 auto;}
.wrap img{display:block;width:100%;}
/**/
.g-adv{ font-size: 0; line-height: 0;}
/**/
.t_menu{ background: #cfa968; overflow: hidden; position: relative; margin-bottom: 3.4rem;}
.t_menu:before{ content:""; position:absolute;height:1px;width:100%;left:0;top:50%; background:#fff;}
.t_menu ul li{ float: left; width: 33.33%; height: 3.3rem; line-height: 3.3rem; text-align: center; box-sizing: border-box; border-right: 1px solid #fff;}
.t_menu ul li a{ display: block; color: #fff; font-size: 1.02rem;}
/**/
.g-pz{position:relative; margin: 0 3.1% 2.3rem;}
.g-pz h2{ text-align: center; font-weight: normal; color: #888888; font-size: 0.85rem; padding-bottom:1.35rem;}
.g-pz h2 i{ display: block; position:relative; color: #333333; font-weight: bold; font-size: 1.67rem; line-height: 100%; margin-bottom: 0.7rem;}
.g-pz h2 i:before{ content:""; position:absolute;height:1px;width:2.6rem;left:23%;top:50%; background:#333;}
.g-pz h2 i:after{ content:""; position:absolute;height:1px;width:2.6rem;right:23%;top:50%; background:#333;}
.g-pz h3{ border-bottom: 1px solid #ddd; font-size: 1rem; color: #888; padding-left: 1.7rem; padding-bottom: 0.9rem; position: relative; margin-bottom: 1.4rem;}
.g-pz h3 span{ display: inline-block; float: right; width: 2.67rem; height: 2.67rem; border-radius: 2.6rem; background: #cb6d4e; color: #fff; text-align: center; line-height: 2.67rem; font-family: Arial; font-size: 1.67rem; margin-top: 1rem;}
.g-pz h3 em i{ display: block; color: #333; font-size: 1.25rem; padding: 0.8rem 0 0.6rem 0; line-height: 100%;}
.g-pz h3:before{ content:""; position:absolute;height:5.35rem;width:1px;left:0.8rem;top:0; background:#cb6d4e;}
.g-pz p{ overflow: hidden; margin: 0 5% 0 7%; padding-bottom: 0.9rem;}
.g-pz p a{ display: inline-block; float: left; height: 2.4rem; line-height: 2.4rem; border: 1px solid #e2e2e2; margin-bottom: 0.4rem; width: 45%; text-align: center; font-size: 1rem; color: #666;}
.g-pz p a:nth-child(2n){ float: right;}
.g-pz .prev{ width:1.5rem; position:absolute; top:76%; left:0.8rem; z-index:5;}
.g-pz .next{ width:1.5rem; position:absolute; top:76%; right:0.8rem; z-index: 5;}
.g-pz .nowarp { margin:0;}
.g-pz .m-box .con{ display:inline; float:left;}
.g-pz .con ul{ overflow: hidden;}
/**/
.g-pz2  h3:before{background:#eb5d68;}
.g-pz2 h3 span{background:#eb5d68;}
.g-pz2 .next,.g-pz2 .prev{ top: 72%;}
.g-pz3  h3:before{background:#cfa968;}
.g-pz3 h3 span{background:#cfa968;}
.g-pz3 .next,.g-pz3 .prev{ top:66%;}
/**/
.call{background: url(../img/tel.jpg) repeat-y; text-align: center; margin-bottom: 3.35rem; padding-bottom: 1.6rem;}
.call h3{ padding-top: 1.8rem; color: #888; font-size: 1.17rem; padding-bottom: 0.9rem;}
.call h3 i{ display: block; color:#cb6d4e; font-weight: bold; font-size: 1.42rem; padding-bottom: 0.7rem;}
.call p{ margin: 0 26%; height: 2.1rem; line-height: 2.1rem; border-radius: 2.1rem; background: #cb6d4e;}
.call p a{ display: block; font-family: Arial; font-size: 1.25rem; color: #fff; padding-left: 3.1rem;background: url(../img/tel.gif) no-repeat 1.4rem 0.4rem;background-size:1.25rem; text-align: left;}
/**/
.g-yix{ width:100%;overflow:hidden; position:relative; box-sizing: border-box; padding:0 3.1% 2.35rem;}
.g-yix h2{ text-align: center; font-weight: normal; color: #888888; font-size: 0.85rem; padding-bottom:1.35rem;}
.g-yix h2 i{ display: block; position:relative; color: #333333; font-weight: bold; font-size: 1.67rem; line-height: 100%; margin-bottom: 0.7rem;}
.g-yix h2 i:before{ content:""; position:absolute;height:1px;width:2.6rem;left:23%;top:50%; background:#333;}
.g-yix h2 i:after{ content:""; position:absolute;height:1px;width:2.6rem;right:23%;top:50%; background:#333;}
.g-yix .m-box .con{ display:inline; float:left;}
.g-yix .con dl dt{ font-size: 0; }
.g-yix .con dl dd{ overflow: hidden;}
.g-yix .con dl dd h4{ overflow: hidden;padding-top: 1.5rem;}
.g-yix .con dl dd h4 span{ display: inline-block; float: left; font-size: 1.65rem; color: #dddddd; font-family: Impact; line-height: 100%; padding-top: 0.1rem;}
.g-yix .con dl dd h4 i{ display: inline-block; float: right; width:91%; font-size: 1.25rem; color: #555; font-weight: bold;}
.g-yix .con dl dd h4 i em{ color: #c48d30;}
.g-yix .con dl dd p{ color: #888; font-size:1rem; line-height: 1.7rem; margin-left: 9%; padding:0 0 1.5rem 0;}
.g-yix .con dl dd p:first-of-type{ border-bottom: 1px solid #eee;}
.g-yix .con dl dd p span{ display: block;padding-left: 0.9rem; position: relative;}
.g-yix .con dl dd p span:before{ content:""; position:absolute;height:0.25rem;width:0.25rem;left:0;top:0.65rem; background:#601a87; border-radius: 0.25rem;}
.g-yix .m-cnt{ margin:0 auto; overflow: hidden; box-sizing: border-box; padding:1rem  0 0 3.35rem;background: url(../img/ul.gif) no-repeat center 0;background-size:9.8rem 2.7rem; position: relative; height: 2.7rem; width:9.8rem;clear: both;}
.g-yix .m-cnt li{ width:0.5rem; float:left; position:relative; height: 0.5rem; border-radius:0.5rem; margin-right: 0.75rem; background: #aaa;}
.g-yix .m-cnt li.z-on{  background: #cfa968; }
/**/
.case{background: url(../img/tel.jpg) repeat-y; padding: 3.4rem 3.1% 3.5rem; margin-bottom: 3.5rem;position: relative;}
.case h2{ text-align: center; font-weight: normal; color: #888888; font-size: 0.85rem; padding-bottom:1.35rem;}
.case h2 i{ display: block; position:relative; color: #333333; font-weight: bold; font-size: 1.67rem; line-height: 100%; margin-bottom: 0.7rem;}
.case h2 i:before{ content:""; position:absolute;height:1px;width:2.6rem;left:23%;top:50%; background:#333;}
.case h2 i:after{ content:""; position:absolute;height:1px;width:2.6rem;right:23%;top:50%; background:#333;}
.case ul{ overflow: hidden; position: relative; padding-bottom: 4.75rem;}
.case ul li{ float: left; width: 33.33%;}
.case ul li:first-of-type,.case ul li:nth-child(3){ padding-top: 1.3rem;}
.case ul li:nth-child(4){ position: absolute; left: 33.33%; top:4.7rem;}
.case ul li:nth-child(5){ position: absolute; left: 66.66%; top:5.9rem;}
.case h3{ left: 3.1%;position: absolute; bottom: 3.5rem; width:29.8%; height: 4.3rem; line-height: 4.3rem; text-align: center;background: url(../img/dz.png) no-repeat;background-size:100% 4.3rem; box-sizing: border-box; padding-right:1.35rem;}
.case h3 a{ color: #c48d30; font-size: 0.95rem; text-decoration: underline;}
/**/
.zj{ overflow: hidden;}
.zj h2{ text-align: center; font-weight: normal; color: #888888; font-size: 0.85rem; padding-bottom:1.35rem;}
.zj h2 i{ display: block; position:relative; color: #333333; font-weight: bold; font-size: 1.67rem; line-height: 100%; margin-bottom: 0.7rem;}
.zj h2 i:before{ content:""; position:absolute;height:1px;width:2.6rem;left:19%;top:50%; background:#333;}
.zj h2 i:after{ content:""; position:absolute;height:1px;width:2.6rem;right:19%;top:50%; background:#333;}
.zj dd { margin: 0 3.1%; text-align: center;}
.zj dd h3{ font-weight: bold; font-size: 1rem; color: #555; padding: 2.2rem 0 0.9rem 0;}
.zj dd p{ font-size: 1rem; color: #666; line-height: 1.7rem; margin-bottom: 3rem;}
/**/

/*intro*/
@media screen and (min-width:320px) {  html { font-size:75%;}}
@media screen and (min-width:360px) {  html { font-size:85%;}}
@media screen and (min-width:414px) {  html { font-size:96%;}} 
@media screen and (min-width:480px) {  html { font-size:112%;}}
@media screen and (min-width:568px) {  html { font-size:131%;}}
@media screen and (min-width:639px) {  html { font-size:150%;}}