@charset "UTF-8";


/*-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;*/
.g-adv{ height:12.5rem; overflow:hidden;}

nav{height:7.79rem; overflow:hidden; position: relative; box-shadow: 0 0.15rem 0.1rem #8da9ca;
background: #4ab4fe; /* Old browsers */
background: -moz-linear-gradient(top,  #4ab4fe 0%, #037ace 50%, #4ab4fe 50%, #037ace 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4ab4fe 0%,#037ace 50%,#4ab4fe 50%,#037ace 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4ab4fe 0%,#037ace 50%,#4ab4fe 50%,#037ace 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ab4fe', endColorstr='#037ace',GradientType=0 ); /* IE6-9 */}
nav:before{ position: absolute; content:""; top:50%; left:0; width: 100%; height: 1px; background: #21b2f9;}
nav a{ color:#fff; font-size:1rem; width:33%; text-align:center; height:3.875rem; line-height:3.8rem; overflow:hidden; display:block; float:left; position:relative;}
nav a:before{ position: absolute; content:""; width: 1px; height: 3.875rem; border-left: 1px solid #115ed5 ; background: #21b2f9; top:0; right:0;}
nav a:nth-child(3n):before{ height: 0;}
body img{ width:100%;}
.pro{ margin-top: 1.7rem; height: 44.875rem; overflow: hidden;}
.pro h2{ height: 3rem; background: #0078cc;text-align: center; overflow: hidden; font-size: 1.25rem; color: #fff; line-height: 3rem; font-weight: bold;}
.pro h3 { margin: 1.25rem 0 0 1.25rem; font-size: 1rem; font-weight: bold; color: #fff; line-height: 1.6rem; padding-left: 2.25rem; height: 1.625rem; width: 38.28%; overflow: hidden;background: url(/mobile/images/Index/list_cur.jpg) no-repeat left 0; -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;}
.pro p{ font-size: 1rem; color: #dddddd; padding:0.6rem 0 0 1rem; height: 5.625rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.pro p a{ display: inline-block; padding:0 0.4rem; font-size: 1rem; color: #333; line-height: 2rem;}

.pro li{ float: left; margin:0 0 1.3rem 1rem; width: 42.9%; overflow: hidden; line-height: 0; border:0.083rem solid #0078cc;}
.pro li span{ display: block; background: #0078cc; height: 1.875rem; font-size: 0.91rem; color: #fff; text-align: center; line-height: 1.8rem;}

.ysbg{ border-bottom: 0.41rem solid #0078cc; line-height: 0; box-shadow: 0 0.15rem 0.1rem #8da9ca; position: relative;}
.ys{ position: absolute; top:0; left:0; width: 100%; width: 100%;}
.ys h2{ text-align: center; font-size: 1.25rem; color: #fff; line-height:1.8rem;}
.ys h2 b{ display: block; padding-top: 0.5rem;}
.ys p:nth-child(6){ position: absolute; top: 5rem; left: 0; width: 100%;}
.ys p:nth-child(7){ position: absolute; top: 27.125rem; left: 3.625rem; width:72.96%;}
.ys p:nth-child(8){ position: absolute; top:48.41rem; left: 3.625rem; width: 72.96%;}
.ys p:nth-child(9){ position: absolute; top: 73.04rem; left: 3.625rem; width: 72.96%;}
.ys dl:nth-child(2){ top: 18.75rem;}
.ys dl:nth-child(3){ top: 40rem;}
.ys dl:nth-child(4){ top: 61.5rem;}
.ys dl:nth-child(5){ top: 86rem;}
.ys dl{ position: absolute; left: 1.25rem;}
.ys dt{ font-size: 1.33rem; font-weight: bold; color: #e24b4b; line-height: 3rem;}
.ys dt i{ color: #333;}
.ys dt span{ color: #999; font: 2.5rem arial; text-transform: uppercase;}
.ys dd{ line-height: 1.66rem; color: #333; font-size: 1rem;}
.ys dd span{ color: #e24b4b;}

.lc{ height: 23.53rem; overflow: hidden; background: #fff;}
.lc h2{ height: 6rem; overflow: hidden; font-size: 0.875rem; color: #666; text-align: center; line-height: 1.75rem;}
.lc h2 b{ display: block; padding-top: 1.7rem; font-size: 1.25rem; color: #333;}
.lc h2 b span{ color: #e24b4b;}
.lc ul{ height: 17rem; background: url(/mobile/images/Index/lc_bj.jpg) no-repeat left 0; -webkit-background-size: 100%;    -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%;}
.lc li { float: left; overflow: hidden; width: 24%; height: 9.125rem; margin-left: -0.75rem; position: relative;}
.lc li img{ width: 4.791rem; display: block; margin:0 auto ;}
.lc li span{ display:  block; text-align: center; font-size: 1rem; color: #666; line-height: 1.5rem;}
.lc li:nth-child(1){ margin-left: 0;}
.lc a:nth-child(5) li{ margin: 0.8rem; color: #fff; text-align: center; line-height: 4.79rem; height: 4.8rem; width: 4.791rem; font-size: 0.91rem;background: url(/mobile/images/Index/lc5.jpg) no-repeat left 0; -webkit-background-size: 100%;    -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%;}

.honor{ height: 27.58rem; overflow: hidden;}
.m-cnt{ height: 3.375rem; overflow: hidden; position: relative; padding-left: 1.3rem;}
.m-cnt:before{ position: absolute; content:""; width: 100%; height: 3rem; background: #0078cc; top: 0; left: 0;}
.m-cnt li{ float: left; position: relative; z-index: 3; width: 7.5rem; text-align: center; font-size: 1.25rem; color: #fff; line-height: 3rem;}
.m-cnt li.z-on{ background: #e24b4b;}
.m-cnt li.z-on:before{ position: absolute; content:""; width: 0; height: 0; top:03rem; left:50%; margin-left: -0.5rem; border-top: 0.4rem solid #e24b4b; border-right: 0.4rem solid transparent; border-left: 0.4rem solid transparent;}
.honor .con{ float: left; width: 100%; display: inline;}
.honor dl{ margin: 1.16rem  0 0; height: 10.3rem; overflow: hidden; border-bottom: 0.1rem solid #dbdbdb;}
.honor dt{ float: left; width: 28.125%; margin-left: 1.3rem;  margin-top: 2.5rem;overflow: hidden;}
.honor dd{ width: 62.8%; float: right; overflow: hidden;}
.honor dd h3{ font-size: 1.16rem; color: #0078cc; font-weight: bold; line-height: 1.5rem; padding-top: 0.5rem;}
.honor dd p{ line-height: 1.37rem; color: #666; padding-top: 0.5rem; font-size: 1rem;}

.coo li{ width: 28.125%; float: left; margin:1rem 0 0 1rem;}
.honor_c li{ width: 28.125%; float: left; margin:1rem 0 0 1rem;}

.t_ph{ height: 5rem; overflow: hidden;}
.t_ph p{ float: left; width: 59%; padding-left: 1.3rem; overflow: hidden; font-size: 1rem; color: #666; line-height: 3rem;}
.t_ph p img{ vertical-align: middle; width: 1.625rem; margin-right: 0.4rem;}
.t_ph p span{ font:bold 1.16rem/3rem arial;}
 .t_ph i{ display: block; float: left;background: #e24b4b; width: 8.28rem; line-height: 3rem; height: 3rem; text-align: center; color: #fff; font-size: 1rem; font-weight: bold;}

.news{  height: 18.16rem; overflow: hidden;}
.news .con{ float: left; display: inline; width: 100%;}
.news .con ul{ margin: 0.5rem 1.25rem 0;}
.news .con li{ padding-left: 1rem; border-bottom: 1px solid #dbdbdb; font-size: 1rem; line-height: 2.5rem; color: #333333; position: relative;}
.news .con li span{ color: #999;}
.news .con li:before{ position: absolute; content:"" ; width: 0.3rem; height: 0.3rem; border:0.083rem solid #1d87d2; border-radius: 100%; top:1rem; left: 0;}





















@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:414px) {
	html { font-size:96%;}
}
@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%;}
}