﻿.wrap img{width:100%;display:block}
.ban{position:relative}
.ban img{line-height:0}
.shil{padding:3.45rem 3.125% 3rem}
.shil .tit{background:url(../images/sl_z.jpg) no-repeat center top;background-size:14.55rem 2.1rem;text-align:center;height:6.15rem;padding-top:.4rem}
.shil .tit h4{font-size:2.3rem;content:#222;font-weight:700;height:3.15rem;line-height:3.15rem}
.shil .tit h4 span{font-weight:400}
.shil .tit p{font-size:1.2rem;content:#222}
.ship{width:87.66%;margin:0 auto;background:#fff;padding:.4rem;box-shadow:0 0 .5rem #e3e2e2}
.shil ul{margin-top:2rem;padding-left:.7rem}
.shil li{padding-left:1.5rem;font-size:1.1rem;color:#666;line-height:2.4rem;background:url(../images/sl_ico1.jpg) no-repeat left 1rem;background-size:.5rem .5rem}
.titis{height:6.2rem;text-align:center}
.titis h4{height:2.9rem;line-height:2.9rem;font-size:2.1rem;color:#222;font-weight:700}
.titis h4 a{color:#222}
.titis p{font-size:1.2rem;color:#222}
.pro{padding:3.5rem 3.125%;background:#f2f2f2}
.pro .titis{background:url(../images/pro_z.jpg) no-repeat center top;background-size:17rem 2.2rem}
.pro_qh{height:14rem}
.pro_qh li{float:left;width:30.83%;margin:0 3.7% 1rem 0;height:3.25rem;border-bottom:.15rem solid #ccc;background:#d9d9d9;font-size:1.2rem;color:#666;line-height:3.25rem;text-align:center;background:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.pro_qh li:nth-child(3n){margin:0 0 1rem 0}
.pro_qh li.active{background:#ff9000;border-bottom-color:#e28000;color:#fff}
.pro_qh li a{color:#666}
.pro_qh li.active a{color:#fff}
.pro_nr li{float:left;width:46.66%;margin:0 3.34% 1.3rem 1.16%;font-size:0;line-height:0;box-shadow:.3rem .3rem .8rem #e2e2e2}
.pro_nr li span a{display:block;height:3.75rem;line-height:3.75rem;font-size:1.1rem;color:#333;text-align:center}
.pro_nr li:nth-child(2n){margin:0 0 1.3rem 0}
.pro_nr em a{display:block;width:58.83%;height:3.4rem;background:#0e6bcb;margin:0 auto;margin-top:2rem;text-align:center;line-height:3.4rem;font-size:1.2rem;color:#fff;border-radius:2rem}
.ted{background:url(../images/ted_bj.jpg) no-repeat;background-size:100% 100%;height:34rem;padding:0 3.125%}
.ted_fl{float:left;width:50%;padding-top:15.75rem}
.ted_fl span{font-size:1.2rem;color:#d7d7d7;line-height:2.1rem}
.ted_fl em{display:block;font-size:1.5rem;font-weight:700;color:#fff;margin-top:1rem}
.ted_fr{float:right;width:50%;padding-top:4.65rem}
.ted_fr li{width:7.5rem;height:7.5rem;background:url(../images/td_ico1.png) no-repeat;background-size:100% 100%;text-align:center;font-size:1.3rem;color:#fff;line-height:1.7rem;margin-left:.7rem;margin-top:-.8rem}
.ted_fr li span{padding-top:2rem;display:block}
.ted_fr li:nth-child(2n){background:url(../images/td_ico2.png) no-repeat;background-size:100% 100%;margin:-.8rem 0 0 43%}
.ted_fr li:nth-child{margin-top:0}
.anl{background:url(../images/al_bj.jpg) no-repeat;height:24.75rem;background-size:100% 100%;padding:4.25rem 3.125% 0}
.anl .titis{height: 7.4rem;}
.hez{height:5.3rem}
.hez li{float:left;width:32.33%;margin-right:1.5%}
.hez li:last-child{margin:0}
.al_nr li{float:left;width:48.33%;margin-right:3.33%}
.al_nr li b{
    text-align: center;
    display: block;
    font-weight: 500;
    color: #333;
    line-height: 4rem;
}
.al_nr li:last-child{margin:0}
.al_j1,.al_j2{position:absolute;top: 3.5rem;width:2rem;z-index:99;}
.al_j1{left:0}
.al_j2{right:0}
.yous{padding:3.45rem 3.125% 3.7rem}
.yous .titis{background:url(../images/ys_z.jpg) no-repeat;background-size:100% 2.3rem}
.ys_t{font-size:0;line-height:0;margin-bottom:.8rem}
.ys_nr dt{float:left;width:15%;text-align:center;height:13.3rem;background:url(../images/ys_ico1.jpg) no-repeat;background-size:100% 100%}
.ys_nr dt span{display:block;height:8.3rem;color:#fff;font-weight:700;padding:0 1.2rem;line-height:2rem;padding-top:.3rem}
.ys_nr dt em{display:block;text-align:center;height:4.7rem;line-height:4.7rem;font-size:2.1rem;color:#ff9000}
.ys_nr dd{float:right;width:80%}
.ys_nr dd h4{font-size:1.5rem;color:#333;font-weight:700}
.ys_nr dd span{display:block;font-size:1.2rem;color:#333;position:relative;height:2.75rem;padding-top:.3rem}
.ys_nr dd span:after{position:absolute;content:"";display:block;width:4.5rem;background:#0e6bcb;height:.1rem;left:0;bottom:0}
.ys_nr dd p{font-size:1.1rem;color:#777;line-height:2rem;padding-top:1.6rem}
.ys_qh{height:4rem;width:70%;margin:2.5rem auto 0}
.ys_qh li{float:left;width:4rem;height:4rem;background:#ebebeb;text-align:center;font:2.1rem arial;color:#fff;line-height:4rem;border-radius:50%;margin-right:6%}
.ys_qh li:last-child{margin:0}
.ys_qh li.active{background:#0e6bcb}
.news{padding:3.45rem 3.125% 3.25rem;background:#f2f2f2}
.news .titis{background:url(../images/ns_z.jpg) no-repeat center top;background-size:9.7rem 2.3rem;height:4.8rem}
.ns_qh{height:4.75rem}
.ns_qh li{float:left;width:30%;margin-right:5%;height:3.25rem;border:1px solid #0e6bcb;box-sizing:border-box;text-align:center;line-height:3.25rem;font-size:1.2rem;color:#666}
.ns_qh li:last-child{margin:0}
.ns_qh li.active{background:url(../images/ns_hv.jpg) no-repeat;background-size:100% 100%;border:0;color:#fff}
.ns_nr dt{float:left;font-size:0;line-height:0;width:41.66%}
.ns_nr dd{float:right;width:55.5%}
.ns_nr dd h4 a{display:block;height:3.2rem;line-height:3.2rem;font-size:1.2rem;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ns_nr dd p{font-size:1.1rem;color:#888;line-height:1.8rem}
.ns_nr li{height:3.6rem;border-bottom:1px solid #dcdcdc;line-height:3.6rem}
.ns_nr li a{font-size:1.1rem;color:#666}
.ns_nr li span{float:right;font:1.1rem arial;color:#999;line-height:3.6rem}
.ns_nr li:last-child{border:0}
.about{padding-bottom:4.25rem}
.about p{font-size:0;line-height:0}
.ab_w{margin:-5.3rem 3.125% 0;background:#0e6bcb;padding:1.35rem 4.66% 2rem 2.83%;position:relative;z-index:9}
.ab_w h4{height:3.15rem;background:url(../images/ab_ico1.jpg) no-repeat left bottom;background-size:14.85rem .25rem;font-size:2.4rem;color:#fff;line-height:2.8rem}
.ab_w h4 a{color:#fff}
.ab_w h4 span{font-weight:700}
.ab_w p{font-size:1.1rem;color:#fff;line-height:1.8rem;padding-top:1.2rem}
html{font-size:10px}
@media screen and (min-width:320px){html{font-size:10.625px}
}
@media screen and (min-width:360px){html{font-size:11.875px}
}
@media screen and (min-width:400px){html{font-size:13.125px}
}
@media screen and (min-width:440px){html{font-size:14.375px}
}
@media screen and (min-width:480px){html{font-size:15.625px}
}
@media screen and (min-width:520px){html{font-size:16.875px}
}
@media screen and (min-width:560px){html{font-size:18.125px}
}
@media screen and (min-width:600px){html{font-size:19.375px}
}
@media screen and (min-width:640px){html{font-size:20px}
}
