/* Css Products */
.ig-bg{ padding:80px 0 100px;}
.title dl{ float:left;}
.title dl h1{ font-family:"HelveticaInseratLTStd-Roman"; font-size:30px; color:#0095a8; text-transform:uppercase; line-height:28px;}
.title dl h2{ font-size:24px; font-weight:900; color:#666; margin-top:10px;}
.tabs{ float:right; margin-top:34px;}
.tabs a{ float:left; height:30px; line-height:30px; font-size:16px; color:#888; margin-left:20px; padding:0 10px; cursor:pointer; background-color:#dcdcdc;}
.tabs a.active{ color:#fff; background-color:#0095a8;}
.tabs-container{ margin-top:46px;}
.ig-ls a{ display:block; float:left; width:23.5%; margin-right:2%; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-ls a:nth-of-type(4){ margin-right:0;}
.ig-ls a img{ display:block; width:100%;}
.ig-ls a h2{ font-size:16px; color:#666; text-align:center; padding:0 10px; height:55px; line-height:54px; border:1px solid #f0f0f0; border-top:none; overflow:hidden; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-ls a:hover h2{ color:#fff; border-color:#0095a8; background-color:#0095a8;}
@media screen and (max-width:1024px){
.ig-bg{ padding:50px 0;}
.title dl{ float:inherit;}
.title dl h1{ font-size:24px; text-align:center; line-height:22px;}
.title dl h2{ font-size:18px; text-align:center; line-height:22px; margin-top:12px;}
.tabs{ float:inherit; display:table; margin:12px auto 0;}
.tabs a{ font-size:14px; margin:0 5px;}
.tabs-container{ margin-top:30px;}
.ig-ls a h2{ font-size:14px; height:41px; line-height:40px;}
}
@media screen and (max-width:640px){
.ig-bg{ padding:40px 0;}
}
@media screen and (max-width:480px){
.ig-bg{ padding:35px 0;}
.title dl h1{ font-size:20px; line-height:20px;}
.title dl h2{ margin-top:8px;}
.tabs{ margin-top:9px;}
.tabs a{ height:28px; line-height:28px;}
.tabs-container{ margin-top:25px;}
.ig-ls a{ width:48.25%; margin-right:3.5%;}
.ig-ls a:nth-of-type(2){ margin-right:0;}
.ig-ls a:nth-of-type(3), .ig-ls a:nth-of-type(4){ margin-top:3.5%;}
.ig-ls a h2{ height:35px; line-height:34px;}
}

/* Css Solution */
.sl-bg{ height:650px; background:url(../images/slbg.jpg) no-repeat center; background-size:cover; position:relative;}
.sl-bg .title{ position:absolute; left:0; top:100px; width:100%;}
.sl-bg .title dl{ float:inherit; text-align:center;}
.sl-bg .title dl h1, .sl-bg .title dl h2{ color:#fff;}
.sl-bg ul{ width:100%; height:100%;}
.sl-bg ul li{ float:left; width:25%; height:100%; color:#fff; text-align:center; padding:278px 2.5% 0; border-right:1px solid rgba(255,255,255,.1); -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.sl-bg ul li:hover{ background-color:rgba(0,0,0,.025);}
.sl-bg ul li dl{ width:54px; height:50px; margin:auto; background-repeat:no-repeat; background-position:center; background-size:cover;}
.sl-bg ul li h2{ font-size:24px; font-weight:900; margin-top:17px;}
.sl-bg ul li p{ height:84px; line-height:28px; margin-top:24px; overflow:hidden;}
.sl-bg ul li a{ display:block; width:32px; height:32px; color:#fff; border:1px solid #fff; margin:15px auto 0; background:url(../images/jh.png) no-repeat center; background-size:12px 12px; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.sl-bg ul li a:hover{ border-color:#00469c; background-color:#00469c;}
@media screen and (max-width:1440px){
.sl-bg ul li{ padding-top:270px;}
.sl-bg ul li p{ height:112px;}
}
@media screen and (max-width:1024px){
.sl-bg{ height:auto;}
.sl-bg .title{ top:50px;}
.sl-bg ul{ height:auto;}
.sl-bg ul li{ width:50%; height:auto; padding:50px 2.5%;}
.sl-bg ul li:nth-of-type(1), .sl-bg ul li:nth-of-type(2){ padding-top:150px; border-bottom:1px solid rgba(255,255,255,.1);}
.sl-bg ul li dl{ width:38px; height:35px; background-size:38px 35px;}
.sl-bg ul li h2{ font-size:18px; margin-top:12px;}
.sl-bg ul li p{ height:72px; line-height:24px; margin-top:16px;}
.sl-bg ul li a{ width:24px; height:24px; background-size:8px 8px;}
}
@media screen and (max-width:640px){
.sl-bg .title{ top:40px;}
.sl-bg ul li{ padding:40px 2.5%;}
.sl-bg ul li:nth-of-type(1), .sl-bg ul li:nth-of-type(2){ padding-top:135px;}
}
@media screen and (max-width:480px){
.sl-bg .title{ top:35px;}
.sl-bg ul li{ padding:35px 3.5%;}
.sl-bg ul li:nth-of-type(1), .sl-bg ul li:nth-of-type(2){ padding-top:120px;}
.sl-bg ul li p{ height:96px;}
}
@media screen and (max-width:320px){
.sl-bg ul li p{ height:120px;}
}

/* Css About */
.ab-bg{ margin:120px 0;}
.ab-zb{ float:left; width:50%; height:390px; position:relative;}
.ab-bk{ width:91.7%; height:350px; border:10px solid #0095a8; margin-top:40px;}
.ab-ig{ position:absolute; right:0; top:0; width:91.7%; height:350px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.ab-ig a{ display:block; width:100%; height:100%;}
.ab-yb{ float:right; width:45.8%; height:390px; position:relative;}
.more{ float:right;}
.more a{ display:block; float:left;}
.more a:nth-of-type(1){ width:100px; height:30px; color:#fff; text-align:center; background-color:#0095a8; margin-right:4px; -webkit-transition:all .3s ease-in-out; 
    transition:all .3s ease-in-out;line-height: 30px;}
.more a:hover:nth-of-type(1){ background-color:#00469c;}
.more a:nth-of-type(2){ width:40px; height:40px; background:#4c4948 url(../images/more.png) no-repeat center;}
.ab-js{ line-height:28px; margin-top:55px;color: #666;}
.ab-tb{ position:absolute; left:0; bottom:0; width:100%; height:50px; border:5px solid #0095a8;}
.ab-tb a{ display:block; float:left; width:25%; font-size:16px; font-weight:bold; line-height:40px; text-align:center;}
.ab-tb a span{ display:block; float:right; width:2px; height:16px; background-color:#0095a8; margin-top:12px;}
.ab-tb a:last-child span{width:0px; }

@media screen and (max-width:1024px){ 
.ab-bg{ margin:60px 0;}
.ab-zb{ height:315px;}
.ab-bk{ width:93.5%; height:285px; border:5px solid #0095a8; margin-top:30px;}
.ab-ig{ width:93.5%; height:285px;}
.ab-yb{ height:315px;}
.more{ display:none;}
.ab-js{ line-height:24px; margin-top:22px;}
.ab-tb{ height:40px; border:2px solid #0095a8;}
.ab-tb a{ font-size:14px; line-height:36px;}
.ab-tb a span{ width:1px; height:12px;}
}
@media screen and (max-width:640px){ 
.ab-bg{ margin:50px 0;}
.ab-zb{ width:100%; height:380px; margin-top:25px;}
.ab-bk{ display:none;}
.ab-ig{ width:100%; height:100%;}
.ab-yb{ width:100%; height:auto;}
.ab-js{ margin-top:17px;}
.ab-tb{ position:relative; margin-top:20px; height:36px; border:1px solid #f0f0f0;}
.ab-tb a{ line-height:34px;}
.ab-tb a span{ background-color:#f0f0f0; margin-top:11px;}
}
@media screen and (max-width:480px){ 
.ab-bg{ margin:40px 0;}
.ab-zb{ height:285px;}
}
@media screen and (max-width:414px){ 
.ab-zb{ height:245px;}
}
@media screen and (max-width:375px){ 
.ab-zb{ height:220px;}
}
@media screen and (max-width:320px){ 
.ab-zb{ height:190px;}
}

/* Css Strength */
.sh-bg{ padding:80px 0 70px; background:url(../images/shbg.jpg) no-repeat center; background-size:cover;}
.sh-bg .title dl{ float:inherit; text-align:center;}
.swiper2{ margin-top:47px;}
.swiper2 a{ display:block; width:100%; height:100%;}
.swiper2 a img{ width:100%;}
.swiper2 a div{ height:80px; line-height:24px; text-align:center; padding:12px 10px 0; border:5px solid #0095a8; border-top:none; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.swiper2 a:hover div{ color:#fff; background-color:#0095a8;}
.swiper2 a div h2{ font-size:18px;}
.swiper2 a div p{ height:24px; margin-top:1px; overflow:hidden;}
.swiper-pagination2{ position:relative; line-height:0; margin-top:50px;}
.swiper-pagination2 .swiper-pagination-bullet{ width:10px; height:10px; margin:0 5px; opacity:1; background:#fff; -webkit-border-radius:50%; border-radius:50%;}
.swiper-pagination2 .swiper-pagination-bullet-active{ background:#0095a8;}
@media screen and (max-width:1024px){
.sh-bg{ padding:50px 0;}
.swiper2{ margin-top:27px;}
.swiper2 a div{ height:75px; border:2px solid #0095a8; border-top:none;}
.swiper-pagination2{ margin-top:30px;}
.swiper-pagination2 .swiper-pagination-bullet{ width:8px; height:8px; margin:0 4px;}
}
@media screen and (max-width:640px){
.sh-bg{ padding:40px 0;}
.swiper2{ margin-top:22px;}
.swiper-pagination2{ margin-top:25px;}
}
@media screen and (max-width:480px){
.sh-bg{ padding:35px 0;}
}

/* Css News */
.ns-bg{ margin:80px 0 120px;}
.ns-ls{ margin-top:32px;}
.ns-ig{ float:left; width:30.8%; height:400px; margin-right:3.8%; background:url(../images/nsbg.jpg) no-repeat center; background-size:cover;}
.ns-ig a{ display:block; width:100%; height:100%; padding-top:45px;}
.ns-zj{ float:left; width:30.8%; height:400px; margin-right:3.8%;}
.ns-wm{ margin-right:0;}
.ns-tx{ height:192px; margin-top:-5px;}
.ns-tx h2{ font-size:18px; line-height:28px; height:56px; overflow:hidden;font-weight: bold;color:#666;}
.ns-tx p{ color:#888; height:48px; line-height:24px; margin-top:9px; overflow:hidden;}
.ns-tx a{ display:block; width:88px; height:24px; line-height:24px; font-size:12px; color:#fff; text-align:center; background-color:#0095a8; margin-top:25px; -webkit-border-radius:12px; border-radius:12px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-tx a:hover{ background-color:#00469c;}
.ns-lb a{ display:block; height:71px; border-bottom:1px solid #f0f0f0; display:flex; justify-content:center; flex-direction:column; position:relative;}
.ns-lb a div{ float:left; width:68%; line-height:20px;}
.ns-lb a span{ position:absolute; right:0; top:50%; color:#b0b0b0; margin-top:-15px;}
@media screen and (max-width:1024px){
.ns-bg{ margin:50px 0 65px;}
}
@media screen and (max-width:800px){
.ns-bg{ margin:40px 0 50px;}
.ns-ls{ margin-top:24px;}
.ns-ig{ display:none;}
.ns-zj{ width:46.9%; height:auto;}
.ns-tx{ height:auto; margin-top:0;}
.ns-tx h2{ font-size:16px; line-height:24px; height:48px;}
.ns-tx p{ margin-top:5px;}
.ns-tx a{ margin-top:15px;}
.ns-lb{ margin-top:12px;}
}
@media screen and (max-width:640px){
.ns-bg{ margin:40px 0 50px;}
.ns-ls{ margin-top:24px;}
.ns-ig{ display:none;}
.ns-zj{ width:46.9%; height:auto;}
.ns-tx{ height:auto; margin-top:0;}
.ns-tx h2{ font-size:16px; line-height:24px; height:48px;}
.ns-tx p{ margin-top:5px;}
.ns-tx a{ margin-top:15px;}
.ns-lb{ margin-top:12px;}
}
@media screen and (max-width:480px){
.ns-bg{ margin:35px 0 40px;}
.ns-ls{ margin-top:19px;}
.ns-zj{ width:100%; margin-right:0;}
.ns-wm{ margin-top:30px;}
.ns-tx h2{ font-size:14px; height:auto;}
.ns-tx a{ width:80px;}
.ns-lb{ margin-top:12px;}
.ns-lb a{ height:auto; padding:10px 0;}
.ns-lb a span{ margin-top:-12px;}
}

.yqlj{
    padding-bottom: 15px;
    font-size: 14px;
    color: #666;
    line-height: 2;
}
.yqlj a{
    color: #666
}

.key-bg{
    padding: 10px 0;
}
.key-bg .hotkey{
    font-size: 14px;
    line-height: 2;
    color: #666;
    float: left;
}
.key-bg .hotkey a{
    color: #666;
    margin-right: 10px;
}
.key-bg .k1{
    font-size: 14px;
    line-height: 2;
    color: #666;
    float: right;
}
.key-bg .k1 a{
    color: #666;
}