html{-webkit-text-size-adjust:none;max-height:100%}
body{width:100%;height:100%;position:relative; font-family: microsoft yahei; color:#333; font-size:.24rem; background:#fff}
body,p,ul,li,img,h3,h1,h2,h4,h5,dl,dd,dt{margin:0; padding:0;}
ul,li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#333}
fieldset,img {border:0;}
img{display:block;max-width: 100%}
.clearfix:after{content: ""; display: block;clear: both;}
.clearfix{zoom:1; clear:both}
.clear{ height:1px; line-height:0px; font-size:0px; clear:both}
.fl{ float:left}
.fr{ float: right}
.wrap{ padding:.74rem 4% 0;}
.wrap:after{content: ""; display: block;clear: both;}
.header{ width:100%; z-index: 400; clear:both;}
.head{ height:.88rem;line-height:.88rem; overflow:hidden;}
.head{z-index:99;}
.logo{display:inline-block; width:4.59rem;height:.51rem; float:left; padding:.17rem 0 0 .19rem}
.logo img{ width:100%}
.nav-btn{width:7%;right:16px;top:11px;position:absolute;text-align:center;overflow:hidden; }
.nav-btn img{ width:100%}
.header.on {height:100%;overflow-y: auto;}
.menu_click{width:.49rem;height: .35rem; position: relative; cursor: pointer;float: right; margin:.27rem .23rem 0 0}
.menu_click li{position: absolute; height: .04rem; background: #1c1c1c; -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.menu_click li.li_1{top:0;left: 0;width: .29rem;}
.menu_click li.li_2{top:.15rem;left: 0;width: .49rem;}
.menu_click li.li_3{bottom:0;left: 0;width: .39rem;}
.menu_click.on li.li_1{top:.15rem;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);width: .48rem;height: .04rem;}
.menu_click.on li.li_2{display: none;}
.menu_click.on li.li_3{bottom: .15rem; -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);width: .48rem;height: .04rem;}
.nav{padding: 0 5.5%;display: none; position:absolute; top:.8rem; width:89%; height:100%; background:#fff; z-index: 400;overflow: hidden ; background-size:30%; border-top:1px solid #e6e6e6}
.nav li{border-bottom: 1px solid #e6e6e6;padding: .1rem 0;}
.nav li>a{position: relative;font-size:.32rem;line-height: .4rem;color: #6f6f6f;display: block;padding:.16rem .8rem .16rem .24rem;}
.nav li>a i{position: absolute;right: .16rem;top:.24rem;background: url(../images/nav_03.png) no-repeat center;width: .3rem;height: .3rem;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.nav li.active>a{color: #353535;}
.nav li.active a i{background-image: url(../images/nav_07.png);}
.nav2{display: none;padding: 15px 0 14px;border-top: 1px solid #e6e6e6;margin-top: 5px;}
.nav2 a{display: block;font-size: .28rem;color: #6f6f6f;line-height: 20px;padding: 5px 20px;margin-bottom: 5px;}
.foot{ background:#222; color:#929293; margin-bottom:.84rem; position:relative}
.foot p{ background:url(../images/index_05.png) 0 .17rem no-repeat; background-size:.25rem 1.27rem; line-height:.48rem; padding:.08rem 0 .45rem .4rem; margin-left:.46rem;}
.foot p span{ font-size:.35rem; color:#fff;font-family:Arial}
.foot img{ position:absolute; left:50%; margin-left:-.35rem; top:-.4rem; width:.7rem; height:.81rem}
.foot .bot{ height:.9rem; line-height:.8rem; border-top:1px solid #2d2d2d; text-align:center}
.botNav{ height:.88rem; background:#006db2;position:fixed; bottom:0;width:100%; z-index:1000}
.botNav ul li{ width:33.3333%; border-right:1px solid #1a7cba;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box; float:left}
.botNav ul li:last-child{ border:0}
.botNav ul li a{ color:#fff;height:.48rem; line-height:.48rem; width:100%; display:block; text-align:center; padding:.2rem 0; display:block;}
.botNav ul li i{ width:.47rem; height:.48rem; display: inline-block; margin-right:.12rem; vertical-align: top;}
.botNav ul li:nth-child(1) i{ background:url(../images/index_13.png) no-repeat; background-size:100%}
.botNav ul li:nth-child(2) i{background:url(../images/index_15.png) no-repeat; background-size:100%}
.botNav ul li:nth-child(3) i{background:url(../images/index_17.png) no-repeat; background-size:100%}
.hd{ text-align:center; margin-bottom:.24rem}
.hd h2{ font-size:.4rem; padding-bottom:.06rem;}
.hd span{ color:#9d9d9d; font-size:.24rem; position:relative; padding:0 .1rem; font-family:Arial}
.hd span:before,.hd span:after{width:1.13rem; height:.03rem;content: '';display: inline-block; position: absolute; bottom: 0; top:.13rem}
.hd span:before {background: url(../images/index_21.png) no-repeat; left:-1.16rem; background-size:1.13rem .03rem}
.hd span:after { background: url(../images/index_22.png) no-repeat; right:-1.16rem;background-size:1.13rem .03rem}
.product .bd ul{ width:101%}
.product .bd ul li{width:46%; margin:0 2%; height:2.74rem; float:left;}
.product .bd ul li img{ border:1px solid #e6e4e5;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box; padding:3px; width:100%; height:2.04rem}
.product .bd ul li p{ padding:0 .1rem; height:.7rem; line-height:.7rem; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.product .bd ul li a p{ color:#555}
.news dl{ height:1.15rem; border:1px solid #ebebeb; box-sizing:border-box; margin-bottom:.3rem;}
.news dt{ width:1.14rem; height:1.04rem; padding-top:.07rem; background:#ebebeb; text-align:center; font:.58rem Arial;color:#333; font-weight:bold;float:left;}
.news dt em{ display:block; font-size:0.16rem; font-weight:normal; font-style:normal;}
.news dd{ width:74%; float:right; padding:0.15rem 2% 0 0;}
.news dd h3{ font-size:.28rem; color:#555; line-height:.42rem; height:.42rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:normal}
.news dd p{ line-height:.38rem; color:#888; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:.38rem;}
.about h4{ font-size:.24rem; font-family:Arial; font-weight:normal; }
.about h2{ font-size:.4rem; position: relative; padding-bottom:.28rem; margin-bottom:.18rem; color:#0071bf}
.about h2 span{ color:#e87e00}
.about h2:before { height: 2px;background: #b7b7b7;width: .6rem;content: '';display: inline-block; position: absolute; bottom: 0;left: 0;}
.about p,.about-part3 p{ color:#666; line-height:.44rem;  margin-bottom:.4rem}
.about a{ color:#006db2}
@font-face {font-family: 'lt';src: url('../fonts/lt.eot');src:url('../fonts/lt.woff') format('woff'), url('../fonts/lt.ttf') format('truetype'), url('../fonts/lt.svg') format('svg');font-weight: normal;font-style: normal;}
.history{ background:#f6f6f6}
.history ul li{ border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; text-align:center; width:50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box; float:left; color:#777; padding-top:.58rem; height:2.43rem}
.history ul li h2 {display: inline-block;font-size:.92rem; font-family:lt; font-weight:normal; color:#0072c1;}
.history ul li em { margin-left:.08rem; font-style:normal}
.history ul li p { font-style:normal; margin-top:-.16rem}
.history ul li p img{ width:1.62rem; height:.4rem; margin:0 auto}
.history ul li:nth-child(2),.history ul li:nth-child(4){ border-right:0}
.history ul li:nth-child(3),.history ul li:nth-child(4){ border-bottom:0}