/*
    -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:9.125rem; overflow:hidden; margin:1.875rem 0 0 1.25rem;}
nav a{border-radius: 0.5rem; color:#555555; font-size:1rem; width:7.375rem; text-align:center; height:3rem; line-height:3rem; overflow:hidden; display:block; float:left; margin: 0 0.833rem 0.5rem 0; border:1px solid #cccccc; background-color:#fefefe;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e8e8e8)); 
    background-image: -webkit-linear-gradient(top, #fefefe, #e8e8e8); 
    background-image: -moz-linear-gradient(top,  #fefefe, #e8e8e8); 
    background-image: -o-linear-gradient(top,  #fefefe, #e8e8e8); 
    background-image: -ms-linear-gradient(top, #fefefe, #e8e8e8); 
    background-image: linear-gradient(top, #fefefe, #e8e8e8);}
nav a:hover , nav a:nth-child(1){border:1px solid #0097da; color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#08C6F0), to(#0097da)); 
    background-image: -webkit-linear-gradient(top, #08C6F0 #0097da); 
    background-image: -moz-linear-gradient(top, #08C6F0, #0097da); 
    background-image: -o-linear-gradient(top,  #08C6F0, #0097da); 
    background-image: -ms-linear-gradient(top, #08C6F0, #0097da); 
    background-image: linear-gradient(top, #08C6F0, #0097da);
}
.u-tit{ height: 5.375rem; overflow: hidden; text-align: center;font-size: 1.25rem; color: #333333; font-weight: bold; line-height: 1.7rem; position: relative; background:url(/mobile/Images/Index/yy.png) no-repeat left bottom; -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%;}
.u-tit span{ color:#0097da;}
.u-tit:before{ position: absolute; content:""; top: 2.875rem; left: 0; margin: 0 10%; width: 80%; height: 1px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dceef7+0,0097da+51,dceef7+100 */
background: rgb(220,238,247); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(220,238,247,1) 0%, rgba(0,151,218,1) 51%, rgba(220,238,247,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(220,238,247,1) 0%,rgba(0,151,218,1) 51%,rgba(220,238,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(220,238,247,1) 0%,rgba(0,151,218,1) 51%,rgba(220,238,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dceef7', endColorstr='#dceef7',GradientType=1 ); /* IE6-9 */}
.u-tit i{ display: inline-block; padding:0 1rem; font-size: 0.917rem; color: #fff;font-weight: normal; height: 1.333rem; background: #0097da; border-radius: 1rem; z-index: 3; position: relative; margin-top: 0.4rem; padding-top: 0.2rem; line-height: 1rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.u-more{height:2.333rem; line-height:2.333rem; text-align:center; overflow:hidden; color:#666; border:1px solid #cccccc; font-size:1rem; margin:0 1.25rem; border-radius: 0.3rem; background-color:#fefefe;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e9e9e9)); 
    background-image: -webkit-linear-gradient(top, #fefefe, #e9e9e9); 
    background-image: -moz-linear-gradient(top,  #fefefe, #e9e9e9); 
    background-image: -o-linear-gradient(top,  #fefefe, #e9e9e9); 
    background-image: -ms-linear-gradient(top, #fefefe, #e9e9e9); 
    background-image: linear-gradient(top, #fefefe, #e9e9e9);}

.m-coo{ height: 17rem; overflow: hidden; position: relative; padding-top: 1.542rem;  border-bottom: 4px solid #fff; box-shadow: 0 0.15rem 0.15rem #dbdbdb;background:url(/mobile/Images/Index/coo_bj.jpg) repeat-y left top; -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;}
.m-coo .prev , .m-coo .next{ position: absolute; top: 9.375rem; width: 1.583rem; height: 1.875rem ;z-index: 4; overflow: hidden;}
.m-coo .prev{ left: 0.833rem;}
.m-coo .next{ right: 0.833rem;}
.m-coo .con{ float: left; display: inline; width: 100%;}
.m-coo .nowarp{margin: 0 2rem;}
/*.m-coo .con ul{height: 8.55rem; overflow: hidden;  border:1px solid #f00;}*/
.m-coo .con li{ float:left; width: 10.083rem; overflow: hidden; margin: 0.375rem 0 0  0.75rem; height:8rem;}
.m-coo .con li img{ border:1px solid #e3e3e3;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-coo .con li span{ display: block; font-size: 0.91rem; color: #4e4e4e; line-height: 2rem; text-align: center;}

.m-pro{ margin-top: 1.6rem; height:38.5rem; overflow: hidden;}
.m-pro .u-tit:before{ margin: 0 20%; width: 60%; }
.m-pro .m-cnt{ height: 2.5rem; margin:0.2rem 0 0 1.25rem; overflow: hidden;}
.m-pro .m-cnt li{ float: left; font-size: 0.917rem; color: #353535; text-align: center; line-height: 2.5rem; margin-right:0.167rem; width: 5.958rem; height: 60px;background-color:#fefefe;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e8e8e8)); 
    background-image: -webkit-linear-gradient(top, #fefefe, #e8e8e8); 
    background-image: -moz-linear-gradient(top,  #fefefe, #e8e8e8); 
    background-image: -o-linear-gradient(top,  #fefefe, #e8e8e8); 
    background-image: -ms-linear-gradient(top, #fefefe, #e8e8e8); 
    background-image: linear-gradient(top, #fefefe, #e8e8e8);}
.m-pro .m-cnt li.z-on{ background: #0097da; color: #fff;}
.m-pro .con{ float: left; display: inline; width: 100%;}
.m-pro .con ul{ height: 25.75rem; overflow: hidden;}
.m-pro .con li{ float: left; width: 11.458rem; overflow: hidden; margin: 1.2rem 0 0 1.25rem; height:11.25rem;}
.m-pro .con li img{ padding:0.167rem; border:0.083rem solid #d4d4d4;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-pro .con li span{ display: block; height: 2.25rem; line-height: 2rem; overflow: hidden; color: #323232; font-size: 1rem; text-align: center;}

.m-list{ height: 7.00rem; overflow: hidden; position: relative; border-bottom: 4px solid #fff; box-shadow: 0 0.15rem 0.15rem #dbdbdb;background:url(/mobile/Images/Index/coo_bj.jpg) repeat-y left top; -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;}
.m-list dl {height: 1.625rem; margin: 1.25rem 0 0 1.25rem; overflow: hidden;}
.m-list dt{ width: 8.583rem;overflow: hidden; float: left;}
.m-list dt a{ display: block;width: 8.583rem; height: 1.625rem; background: #0097e0; color: #fff; font-size: 0.917rem; text-align: center; line-height: 1.6rem; }
.m-list dd{ width: 15.7rem; overflow: hidden; line-height: 1.625rem; float: right;}
.m-list dd a{ display: inline-block; padding-left: 0.8rem; color: #323232; font-size: 0.91rem; margin-right: 1rem;background:url(/mobile/Images/Index/ico.gif) no-repeat left 0.6rem; -webkit-background-size: 0.417rem 0.542rem;  -moz-background-size: 0.417rem 0.542rem; -o-background-size: 0.417rem 0.542rem;   background-size: 0.417rem 0.542rem;}

.m-ys { margin-top: 1.4rem; height: 42rem; overflow: hidden; position: relative;}
.m-ys h2 i{ padding:0 2rem; padding-top: 0.1rem;}
.m-ys .m-cnt{ position: absolute; bottom:0; left: 0; width: 40%; padding-left: 11.75rem; height: 0.5rem; overflow: hidden;}
.m-ys .m-cnt li{ float: left; margin-right: 0.417rem; width: 0.458rem; height: 0.458rem; background: #ccc; border-radius: 100%;}
.m-ys .m-cnt li.z-on{ background: #0097da;}
.m-ys .u-more{position: absolute; bottom:2rem; left: 0; width: 90%; margin: 0 0 0 1.25rem;}
.m-ys .u-tit:before{ margin: 0 20%; width: 60%; }
.m-ys .con{ float: left; display: inline; width: 100%;}
.m-ys .con p{ margin-top: 0.4rem; line-height: 0;}
.m-ys .con dl{ margin: 1.542rem 0 0 2.25rem; padding-top: 0.5rem; background:url(/mobile/Images/Index/1.jpg) no-repeat left top; -webkit-background-size: 3.75rem 3.75rem;  -moz-background-size: 3.75rem 3.75rem; -o-background-size: 3.75rem 3.75rem;   background-size: 3.75rem 3.75rem;}
.m-ys .con dl dt{ margin:0 1.1rem 1rem 3.5rem; font-size: 1.083rem; color: #252525; font-weight: bold; line-height: 1.7rem; padding-bottom: 0.7rem;background:url(/mobile/Images/Index/ys_line.gif) repeat-x left bottom; -webkit-background-size: 0.375rem 0.5rem;  -moz-background-size: 0.375rem 0.5rem; -o-background-size: 0.375rem 0.5rem;   background-size: 0.375rem 0.5rem;}
.m-ys .con:nth-child(2) dl{ background:url(/mobile/Images/Index/2.jpg) no-repeat left top; -webkit-background-size: 3.75rem 3.75rem;  -moz-background-size: 3.75rem 3.75rem; -o-background-size: 3.75rem 3.75rem;   background-size: 3.75rem 3.75rem;}
.m-ys .con:nth-child(3) dl{ background:url(/mobile/Images/Index/3.jpg) no-repeat left top; -webkit-background-size: 3.75rem 3.75rem;  -moz-background-size: 3.75rem 3.75rem; -o-background-size: 3.75rem 3.75rem;   background-size: 3.75rem 3.75rem;}
.m-ys .con:nth-child(4) dl{ background:url(/mobile/Images/Index/4.jpg) no-repeat left top; -webkit-background-size: 3.75rem 3.75rem;  -moz-background-size: 3.75rem 3.75rem; -o-background-size: 3.75rem 3.75rem;   background-size: 3.75rem 3.75rem;}
.m-ys .con dl dd{ margin: 0.833rem 2.5rem 0 2.25rem; padding-left: 1.375rem; position: relative; font-size: 1rem; line-height: 1.5rem; color: #000000;} 
.m-ys .con dl dd:before{ position: absolute; content:""; width: 0.33rem; height: 0.33rem; border-radius: 100%; border:0.083rem solid #0096df; top: 0.6rem; left: 0;}

.m-ry{ margin-top: 2.2rem; height: 22.5rem; overflow: hidden;}
.m-ry .u-tit:before{ margin: 0 20%; width: 60%; }
.m-ry ul{ height: 13.2rem; overflow: hidden;}
.m-ry ul li{ float: left; width:7.792rem; overflow: hidden;  margin: 0.5rem 0 0 0.85rem;}
.m-ry ul li img{ border:0.208rem solid #121212; width: 7.6rem;  margin: 0 0.43rem 0 0;    box-shadow: 0.1rem 0 0.125rem #9f9f9f;     box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-ry ul li span{ display: block; font-size: 0.917rem; line-height: 2rem; color: #333333; text-align: center; height: 2rem; overflow: hidden;}

.m-about{ height: 33rem; overflow: hidden;}
.m-about dl{ height: 23.7rem; overflow: hidden;}
.m-about dt { line-height: 0; width: 90%; margin: 0 auto; padding-bottom: 0.375rem; background:url(/mobile/Images/Index/sp_yy.jpg) no-repeat left bottom; -webkit-background-size:100%;  -moz-background-size:100%; -o-background-size:100%;   background-size:100%;}
.m-about dt img{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-about dd{ padding:0.7rem 1.125rem;  font-size: 1.0rem; line-height:1.7rem; color: #666666;}

.m-news{  height: 19.167rem; overflow: hidden;}
.m-news .m-cnt{ height: 2.333rem; background: #0097da; overflow: hidden;}
.m-news .m-cnt li{ float: left;width: 25%;  height: 2.34rem; overflow: hidden; font-size: 1rem; line-height: 2.34rem; color: #fff; text-align: center;}
.m-news .m-cnt li.z-on{ background: #007dc9;}
.m-news .con{ float: left; display: inline; width: 100%;}
.m-news .con p{ width: 90%; margin: 1.375rem auto 0; line-height: 0; overflow: hidden;}
.m-news .con p img{ border:1px solid #dcdcdc; padding:0.083rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-news .con ul{ margin: 1rem 1.4rem 0;}
.m-news .con li{padding-left: 1.25rem; font-size: 1rem; line-height: 1.7rem; color: #666666; position: relative;}
.m-news .con li:before{ position: absolute; content:""; width: 0.375rem; height: 0.375rem; border-radius: 100%; overflow: hidden; background: #007dc9 ; top: 0.7rem; 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%;}
}