

/*-----------------------------------------------------------------------------------------------------------------------*/
.g-adv{
	/*height:12.5rem; */
	overflow:hidden;}
.g-adv .sclwrap_box , .g-adv .m-box{
	/*height:12.5rem; */
	overflow:hidden;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{ height:7.03rem; overflow:hidden; position:relative;}
nav:before{ position:absolute; content:""; width:100%; height:1px; top:50%; left:0; background:#22296d; border-top: 1px solid #3a3b3d; z-index: 10;}
nav a{ color:#fff; background: #22296d; font-size:1rem; width:25%; text-align:center; height:3.5rem; line-height:3.5rem; overflow:hidden; display:block; float:left; position:relative;}
nav a:before{ position:absolute; content:""; width:1px; height:3.5rem; top:0; right:0; background:#22296d; border-right: 1px solid #3a3b3d;}
nav a:nth-child(3n):before{ background:none;}

/**/
.cp{ height: 44.88rem; overflow: hidden;}
.cp h2{ padding-top: 2.25rem; height: 7.67rem; overflow: hidden; text-align: center; font-size: 1.25rem; font-family: Impact; color: #333; text-transform: uppercase; color: #ccc; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; position: relative;}
.cp h2 a{ display: block; font-size: 1.33rem; font-weight: bold; color: #22296d;}
.cp h2:before{ position: absolute; content: ""; width: 2.92rem; height: 0.17rem; background: #999; left: 11.88rem; bottom: 1.67rem;}

.cp_con{ height: 50.29rem; overflow: hidden; width: 24.17rem; margin: 0 auto; position: relative;}

.cp_con .con{ float: left; display: inline; width: 100%;}

.cp_con span{ position: absolute; top: 12.29rem; right: 0; display: block; width: 11.63rem; height: 2.08rem; background: #eee; border-radius: 50px; text-align: center; font-size: 0.92rem; line-height: 2.08rem; text-align: center; color: #333; text-transform: uppercase;}
.cp_con span a{ color: #333;}

.cp_q{ height: 6.88rem;}
.cp_q li{ margin-right: 0.83rem; margin-bottom: 1.08rem; float: left; width: 11.63rem; height: 2.08rem; background: #eee; border-radius: 50px; text-align: center; font-size: 0.92rem; line-height: 2.08rem; text-align: center; color: #333;}
.cp_q .z-on{ background: #22296d; color: #fff;}
.cp_q li:nth-child(2n){ margin-right: 0;}

.cp_c{ height: 26.42rem;}
.cp_c ul li{ line-height: 0; width: 11.04rem; height: 12.5rem; float: left; margin-right: 2rem;}
.cp_c ul li p{ height: 3.17rem; text-align: center; font-size: 1rem; line-height: 3.17rem; color: #666;}
.cp_c ul li img{height: 124px;margin-left: 1px; width: 100%; border: 1px solid #d0d0d0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.cp_c ul li:nth-child(2n){ margin-right: 0;}

.cp_tel{ width: 14.42rem; margin: 0 auto; height: 1.75rem;position: relative; }

.cp_tel p{ width: 14.42rem; margin: 0 auto; height: 1.75rem; overflow: hidden; border: 2px solid #ccc; border-radius: 50px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.cp_tel a{position: absolute; z-index: 10; top: 0; left: 0; display: inline-block; width: 7.58rem; text-align: center; height: 1.75rem; font-size: 0.92rem; color: #fff; line-height: 1.75rem; background: #22296d; border-radius: 50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.cp_tel a:nth-child(2){ background: none; color: #3a3a3a; top: 0; left: 7.58rem; width: 5.92rem; height: 1.75rem; overflow: hidden; text-align: center;}


/**/
.dz{  overflow: hidden; background: url(http://www.tinheo.com/mobile/Images/Index/dz_bj.gif) repeat; -webkit-background-size:1rem ; -moz-background-size:1rem; -o-background-size:1rem; background-size:1rem;}
.dz h2{ font-size: 1.33rem; color: #22296d; height: 6.5rem; overflow: hidden; text-align: center;}
.dz h2 p{ width: 14.42rem; margin: 1.42rem auto 0; border: 1px solid #999; font-size: 0.92rem; text-align: center; color: #494949; line-height: 1.54rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.dz h2 b{ color: #ffb400;}

.dz_con{ height: 43rem; width: 24.17rem; margin: 0 auto; overflow: hidden;}
.dz_con dl{ margin-bottom: 1.25rem; overflow: hidden;}
.dz_con dl dt{ width: 3.54rem; height: 3.54rem; margin-top: 1.08rem; position: relative; z-index: 10;}
.dz_con dl dd{ padding-left: 2.5rem; padding-right: 0.75rem; margin-left: -1.83rem; position: relative; width: 22.42rem; border-right: 1px solid #c8c5c5; border-bottom: 1px solid #cbc9c9; height: 5.79rem; font-size: 0.92rem; line-height: 1.5rem; color: #666; background: #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.dz_con dl dd b{ display: block; font-size: 1.08rem; color: #22296d; line-height: 2.08rem;}

.dz_c{ height: 27.5rem; width: 24.17rem; margin: 0 auto; overflow: hidden;}
.dz_c ul li{ float: left; width: 11.67rem; margin-right: 0.75rem; height: 13.58rem; overflow: hidden;    text-align: center; }
.dz_c ul li p{ text-align: center; font-size: 0.83rem; color: #666; line-height: 1.5rem;}
.dz_c ul li p b{ margin-top: 0.75rem; display: block; font-size: 1rem; color: #333}
.dz_c ul li:nth-child(2n){ margin-right: 0;}

.dz_tel p{ font-size: 1rem; color: #666; text-align: center; background: url(http://www.tinheo.com/mobile/Images/Index/dz_tel.gif) no-repeat 4.33rem 0.5rem; padding-left: 1.75rem; -webkit-background-size:1.08rem 0.96rem; -moz-background-size:1.08rem 0.96rem; -o-background-size:1.08rem 0.96rem; background-size:1.08rem 0.96rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.dz_tel p span{ font-size: 1.25rem; font-family: Arial, Helvetica, sans-serif; color: #22296d; font-weight: bold;}

/**/
.ys{ height: 35.21rem; overflow: hidden;}
.ys h2{    margin-bottom: 10px;  padding-top: 0.5rem; height: 5.38rem; font-size: 1rem; color: #fff; overflow: hidden; text-align: center; background: #22296d; -webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;line-height: 60px;}
.ys h2 b{ display: block; font-size: 1.33rem; color: #fff;}

.ys_con{ height: 28.88rem; overflow: hidden;}
.ys_con .con{ float: left; display: inline; width: 100%;}

.ys_c{ height: 28.17rem; overflow: hidden;}
.ys_c span{ display: block; height: 10.75rem; overflow: hidden;text-align: center;}
.ys_c dl{ width: 24.17rem; margin: 0 auto;}
.ys_c dl dt{  height: 3.17rem; overflow: hidden;/*margin-top: 1.38rem;*/}

.ys_c dl dt em{ display: inline-block;  height: 3.17rem; font-size: 2.5rem; line-height: 3.17rem; color: #fff; text-align: center; width: 4.13rem; overflow: hidden; background: url(/mobile/Images/Index/ys_d.gif) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.ys_c dl dt p{ margin-left: 0.75rem; display: inline; font-size: 1.17rem; font-weight: bold; color: #333; line-height: 3.17rem; height: 3.17rem; overflow: hidden; background: url(/mobile/Images/Index/ys_p.gif) repeat-x; -webkit-background-size:0.5rem 3.17rem; -moz-background-size:0.5rem 3.17rem; -o-background-size:0.5rem 3.17rem; background-size:0.5rem 3.17rem;}
.ys_c dl dt p b{ color: #22296d;}
.ys_c dl dd p{ margin-top: 0.92rem; padding-left: 1.17rem; font-size: 1rem; color: #666; line-height: 1.58rem; position: relative;}
/*.ys_c dl dd p:before{ position: absolute; content: ""; width: 0.5rem; height: 0.5rem; background: #000; border-radius: 50px; top: 0.75rem; left: 0;}*/

.ys_q{ width: 100%; height: 0.63rem; overflow: hidden;}
.ys_q li{ background: #888; float: left; width: 33%; height: 0.63rem; border-right: 2px solid #fff; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.ys_q .z-on{ background: #22296d;}


/**/
.kh{ height: 13.63rem; overflow: hidden; background: url(http://www.tinheo.com/mobile/Images/Index/dz_bj.gif) repeat;-webkit-background-size:1rem; -moz-background-size:1rem; -o-background-size:1rem; background-size:1rem;}
.kh h2{ font-size: 1.08rem; color: #22296d; height: 6.13rem; overflow: hidden; text-align: center;}
.kh h2 p{ margin: 1.33rem auto 0; width: 14.42rem; height: 1.63rem; overflow: hidden; text-align: center; font-size: 0.92rem; line-height: 1.54rem; color: #494949; overflow: hidden; border: 1px solid #999;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.kh h2 a{ display: block; color: #22296d;}
.kh h2 b{ color: #ffb400;}

.kh_con{ height: 6.83rem; overflow: hidden; position: relative;}
.kh_con .con{ float: left; display: inline; width: 100%;}
.kh_con .prev{ width: 1.58rem; height: 3.54rem; overflow: hidden; position: absolute; top: 0.75rem; left: 0;}
.kh_con .next{ width: 1.58rem; height: 3.54rem; overflow: hidden; position: absolute; top: 0.75rem; right: 0;}

.kh_con .nowarp{ width: 21.5rem; margin: 0 auto;}

.kh_c{ width: 21.5rem; margin: 0 auto;}
.kh_c ul li{ float: left; margin-right: 0.83rem; width: 10.33rem; height: 6rem; overflow: hidden;}
.kh_c ul li img{ width: 100%; border: 1px solid #e5e5e5;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.kh_c ul li:nth-child(2n){ margin-right: 0;}


.hz{ width: 24.17rem; margin: 0 auto;}
.hz dl dt{ width: 9.63rem; height: 8.38rem; overflow: hidden; }
.hz dl dd{ position: relative; padding:0 1.33rem 0 1rem; width: 14.54rem; height: 9rem; overflow: hidden; background: #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.hz dl dd p{ font-size: 0.92rem; line-height: 1.25rem; color: #666;}
.hz dl dd p a{ line-height: 2.75rem; display: block; font-size: 1rem; color: #343434; font-weight: bold;}
.hz dl dd span{ display: block; width: 1.33rem; height: 1.33rem; overflow: hidden; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 1.33rem; font-size: 0.92rem;}
.hz dl dd span a{ color: #fff; display: block; width: 1.33rem; height: 1.33rem; overflow: hidden; background: #22296d;}

/**/
.about{ margin-top: 1.08rem; height: 24.08rem; overflow: hidden;  -moz-background-size: 100% 8.92rem; -o-background-size: 100% 8.92rem; background-size: 100% 8.92rem;}
.about h2{ background: #22296d; padding-top: 0.58rem; height: 4.04rem; overflow: hidden; text-align: center; font-size: 0.83rem; color: #a7d8b6; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.about h2 a{ display: block; font-size: 1.08rem; font-weight: bold; color: #fff;}

.about dl{ height: 21.13rem; overflow: hidden; width: 24.17rem; margin: 0 auto;}
.about dl dt{ width: 24.17rem; height: 12.17rem; overflow: hidden;text-align: center;}
.about dl dd{ width: 21.25rem; margin: 1rem auto 0; font-size: 1rem; color: #5e5e5e; line-height: 1.7rem;}
.about ul{margin: 0 auto; width: 24.17rem;}
.about ul li{ margin-right: 0.15rem; width: 5.92rem; height: 2.25rem; overflow: hidden; float: left; background: #757575; border-radius: 50px; text-align: center; font-size: 1rem; line-height: 2.25rem;}
.about ul li a{ color: #fff; }
.about ul li:nth-child(1){ background: #22296d;}
.about ul li:nth-child(4){ margin-right: 0;}

/**/
.new{ height: 18.92rem; overflow: hidden; width: 24.17rem; margin: 10px auto; position: relative;}
.new span{ position: absolute; display: block; width: 5.25rem; height: 2.25rem; overflow: hidden; text-align: center; top: 0; right: 0; font-size: 0.83rem; text-transform: uppercase; line-height: 2.25rem;}
.new span a{ color: #fff;}
.new .con{ float: left; display: inline; width: 100%;}
.n_q{ overflow: hidden; border-radius: 50px; width: 19.17rem; margin: 0 auto; background: #757575;margin-bottom: 10px;}
.n_q li{ float: left; width: 6.08rem; height: 2.25rem; text-align: center; font-size: 1rem; line-height: 2.25rem; color: #fff;}
.n_q .z-on{ background: #22296d;}

.n_c{overflow: hidden; background: #f4f4f4;}
.n_c ul{ padding-top: 0.75rem; width: 23.17rem; margin: 0 auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.n_c ul li{ padding-left: 0.67rem; font-size: 1rem; line-height: 2.3rem; color: #666; background: url(http://www.tinheo.com/mobile/Images/Index/n_l.gif) no-repeat left center; -webkit-background-size:0.29rem 0.21rem; -moz-background-size:0.29rem 0.21rem; -o-background-size:0.29rem 0.21rem; background-size:0.29rem 0.21rem;}
.n_c ul li a{ color: #666;}
/*-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;
*/

@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:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}

}
@media screen and (min-width:568px) {
	html { font-size:129%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}
<!--ºÄÊ±1760267679.5359Ãë-->