/*-----------------------------------------------------------------------------------------------------------------------*/
.g-adv{
	/*height:12.5rem; */
	overflow:hidden;}
.g-adv .sclwrap_box , .g-adv .m-box{
	/*height:12.5rem; */
	overflow:hidden;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{overflow:hidden; position:relative;}
nav:before{ position:absolute; content:""; width:100%; height:1px; top:50%; left:0; background:#7e0001; border-top: 1px solid #fff; z-index: 10;}
nav a{ color:#fff; background: #7e0001; font-size:1.12rem; width:33.3%; text-align:center; height:4.15rem; line-height:4.15rem; overflow:hidden; display:block; float:left; position:relative;}
nav a:before{ position:absolute; content:""; width:1px; height:4.15rem; top:0; right:0; background:#7e0001; border-right: 1px solid #fff;}
nav a:nth-child(3n):before{ background:none;}

/**/
.cp{ height: 50.88rem; overflow: hidden;}
.cp h2{ padding-top: 2.25rem; height: 8.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.83rem; font-weight: bold; color: #7e0001;}
.cp h2:before{ position: absolute; content: ""; width: 2.92rem; height: 0.17rem; background: #999; left: 11.88rem; bottom: 1.67rem;}


.cp .more{
    width: 96%;
    margin: 1rem auto 0;
    height: 2.5em;
    line-height: 2.5em;
    background: #7e0001;
    text-align: center;
    border-radius: 5px;
}

.cp .more a{
    display: block;
    font-size: 1.1em;
    color: #fff;
}

.cp .more img{
    width: 7%;
    vertical-align: middle;
    margin: -3px 0.5em 0 0;
}


.cp_con{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: #7e0001; color: #fff;}
.cp_q li:nth-child(2n){ margin-right: 0;}

.cp_c{ height: 26.42rem;}
.cp_c ul li{
	float: left;
	width: 48%;
	overflow: hidden;
	background-color: #fff;
	margin-bottom: 0.8em;
}
.cp_c ul li .product-img{
	border: 1px solid #7e0001;
    height: 115px;
	padding: 0.25em;
	overflow: hidden;
}
.cp_c ul li .product-img img{
	display: block;
	width: 100%;
}
.cp_c ul li .products-title{
	background: #7e0001;
	padding: 0.5em 0.9em;
	overflow: hidden;
}
.cp_c ul li .products-title a{
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1.1em;
	color: #fff;
}
.cp_c ul li .products-title a i{
	line-height: 0;
	text-align: right;
}
.cp_c ul li .products-title a i img{width: 16px;height: 16px;}
.cp_c ul li:nth-child(2n){    margin-left: 4%;}
.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: #7e0001; 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;}


/*case*/

.case{ height: 42.88rem; overflow: hidden;}
.case h2{ padding-top: 2.25rem; height: 8.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;}
.case h2 a{ display: block; font-size: 1.83rem; font-weight: bold; color: #7e0001;}
.case h2:before{ position: absolute; content: ""; width: 2.92rem; height: 0.17rem; background: #999; left: 11.88rem; bottom: 1.67rem;}
.case .cp_q{
    height: 8.88rem;
}
.case .cp_q li{
    float: left;
    cursor: default;
    width: 47%;
    height: 3em;
    line-height: 3em;
    background: #7e0001;
    text-align: center;
    color: #fff;
    font-size: 1.15em;
    margin: 0 3% 3% 0;
    border-radius: 0%;
}
.case .cp_q .z-on{
    background: #ccc;
}


.case .cp_con .con .pic {

    text-align: center;
}
.case .cp_con .con dd{
    background: #f1f1f1;
    padding: 0.5em 0 0.5em 0.8em;
    overflow: hidden;
}

.case .cp_con .con dd h3{
    font-size: 1.40em;
    font-weight: bold;
    color: #7e0001;
}
.case .cp_con .con dd p{
    margin: 0.4em 0 0;
    font-size: 1.13em;
    line-height: 1.50em;
    color: #333;
}

.case .cp_con .con dd p a{
    color: #7e0001;

}




/**/
.dz{overflow: hidden;}
.dz h2{ padding-top: 2.25rem; height: 8.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;}
.dz h2 a{ display: block; font-size: 1.83rem; font-weight: bold; color: #7e0001;}
.dz h2:before{ position: absolute; content: ""; width: 2.92rem; height: 0.17rem; background: #999; left: 11.88rem; bottom: 1.67rem;}


.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: #7e0001; line-height: 2.08rem;}

.dz_c{ height: 23.5rem; width: 24.17rem; margin: 0 auto; overflow: hidden;}
.dz_c ul li{ float: left; width: 11.67rem; margin-right: 0.75rem; height: 11.58rem; overflow: hidden;}
.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: #7e0001; font-weight: bold;}

.dz{}

.dz .more{
    width: 96%;
    margin: 1rem auto 0;
    height: 2.5em;
    line-height: 2.5em;
    background: #7e0001;
    text-align: center;
    border-radius: 5px;
}

.dz .more a{
    display: block;
    font-size: 1.1em;
    color: #fff;
}

.dz .more img{
    width: 7%;
    vertical-align: middle;
    margin: -3px 0.5em 0 0;
}

/**/
.ys{overflow: hidden;padding: 10px;}
.ys h2{ padding-top: 0.5rem; height: 4.38rem; font-size: 1rem; color: #fff; overflow: hidden; text-align: center; background: #7e0001; -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;}
.ys h2 b{ display: block; font-size: 1.33rem; color: #fff;}
.ys .nr .one-bt img{ display: inline-block;}
.ys .nr .pic-1{ line-height: 0;margin: 1em 0 0;}
.ys .nr .bz{ display: inline-block; vertical-align: top; padding-top: 7px;}
.ys .nr .bz h1{ font-size: 1.15em;}
.ys .nr .bz h2{ text-transform: uppercase; font-size: 0.1em;}
.ys .nr .pic-1 img{ width: 100%;}
.ys .nr .one-bt{ color: #000!important; padding: 0.8em; border-bottom: 1px solid #ccc;}
.ys .nr .one-bt p{ padding-top: 13px; border-top: 1px dashed rgba(0, 0, 0, 1);}
.ys .one span{ font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;color: #7e0001;}






/**/
.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: #7e0001; 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: #7e0001;}
.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: #7e0001;}

/**/
.about{ margin-top: 1.08rem;overflow: hidden;  -moz-background-size: 100% 8.92rem; -o-background-size: 100% 8.92rem; background-size: 100% 8.92rem;}
.about h2{height: 6.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;}
.about h2 a{ display: block; font-size: 1.83rem; font-weight: bold; color: #7e0001;}
.about h2:before{ position: absolute; content: ""; width: 2.92rem; height: 0.17rem; background: #999; left: 11.88rem; bottom: 1.67rem;}

.about .nr{ overflow: hidden; width: 96%; margin: 0 auto}
.about .nr .img{ width: 47%; height: 10em; line-height: 0;    float: left;  display: inline;}
.about .nr .img img{ width: 100%; height: 100%;}
.about .nr .js{ width: 51%; margin: 0 0 0 2%;    float: left;
    display: inline;}
.about .nr .js h3{ font-weight: bold; color: #7e0001; font-size: 1em;}
.about .nr .js h3 i{ display: block; font-family: arial; font-style: normal;}
.about .nr .js p{ color: #666; font-size: 0.95em; line-height: 1.5em; margin: 0.5em 0 0 0;}
.about .nr .js p a{ color: #7e0001;}



/**/
.new{ height: 18.92rem; overflow: hidden; width: 24.17rem; margin: 20px 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;  margin: 0 auto;}
.n_q li{ float: left; width: 31%; height: 2.43em; text-align: center; font-size: 1.15rem; line-height: 2.43em; color: #fff;  border-radius: 10%; background: #7e0001;    margin-right: 3%;}
.n_q li:nth-child(3n){ margin-right: 0;}

.n_q .z-on{ background: #ccc;}

.n_c{ height: 16.67rem; overflow: hidden;}
.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.6rem; 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;}


@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%;}
}