.head{width:100%;position:fixed;left:0;top:0;z-index:99999; background:#fff; height:105px;}

.head .head-top{padding:14px 0;background:#f2f2f2}

.head .head-top .content{display:flex;justify-content:space-between}

.head .head-top .content .head-top-left{display:flex}

.head .head-top .content .head-top-left .logo{margin-left:100px}

.head .head-top .content .head-top-left .logo a img{max-width:100%}

.head .head-top .content .head-top-left .head-con{display:flex;margin-right:50px}

.head .head-top .content .head-top-left .head-con .icon{text-align:center;line-height:20px;margin-right:12px}

.head .head-top .content .head-top-left .head-con .icon:hover{color:#e60012}

.head .head-top .content .head-top-left .head-con .con{line-height:20px;color:#666;font-size:15px}

.head .head-top .content .head-top-left .head-con .con a{color:#666}

.head .head-top .content .head-top-left .head-con .con a:hover{color:#e60012}

.head .head-top .content .head-top-right .language{position:relative}

.head .head-top .content .head-top-right .language:hover .sanjiao{transition:all .3s;transform:rotate(180deg)}

.head .head-top .content .head-top-right .language:hover .langu-dis{display:block}

.head .head-top .content .head-top-right .language .langu{color:#666;display:flex;line-height:20px}

.head .head-top .content .head-top-right .language .langu .img{text-align:center;line-height:17px}

.head .head-top .content .head-top-right .language .langu .con{color:#666;margin:0 6px;text-transform:uppercase}

.head .head-top .content .head-top-right .language .langu i{line-height:20px}

.head .head-top .content .head-top-right .language .langu-dis{position:absolute;z-index:999;display:none}

.head .head-top .content .head-top-right .language .langu-dis ul li{text-indent:10px;padding:10px 0;background:#fff;border-bottom:1px solid #ccc;line-height:20px}

.head .head-top .content .head-top-right .language .langu-dis ul li a{color:#e60012}

.head .head-top .content .head-top-right .language .langu-dis ul li a:hover{color:#333}

.head .head-top .content .head-top-right .language .langu-dis ul li a img{width:20px;margin-right:10px}

.head .head-nav{width:100%;background:#fff;box-shadow:0 0 0px 0 #ebebeb}

.head .head-nav .content{/*display:flex;justify-content:space-between;*/ padding:0px 2%; max-width:1680px; margin:0px auto;}

.head .head-nav .content .logo{padding:22px 0 0; float:left; }
.nav-list { float:right; height:105px;}





.head .head-nav .content .logo img { height:55px;}
.head .head-nav .content .nav-list .nav-ul{display:flex; height:100%;}

.head .head-nav .content .nav-list .nav-ul>li.ios{position:relative; margin:0px 2px;}


.head .head-nav .content .nav-list .nav-ul>li .ul{position:absolute;top:100%;left:0;z-index:999;min-width:350px;float:left;display:none;border-top:0;padding:22px 0 35px;background:rgba(255,255,255,.9);border-top:0px solid #e60012; border-radius:0px 0px 0px 0px; overflow:hidden; }

.head .head-nav .content .nav-list .nav-ul>li .ul.ons li{width:50%;float:left}

.head .head-nav .content .nav-list .nav-ul>li .ul h6 { font-size:17px; line-height:50px; text-align:left; width:70%; margin:0px auto 5px; color:#e60012;  border-bottom:1px solid rgba(0,0,0,.1); }
.head .head-nav .content .nav-list .nav-ul>li .ul li{width:100%;margin:0;padding:0;text-align:left;white-space:nowrap;position:relative;margin-bottom:0px}


.head .head-nav .content .nav-list .nav-ul>li .ul li a{font-weight:normal;font-size:15px; text-align:left;color:#000; width:70%; margin:0px 15%; line-height:45px; padding-left:0%; display:block; border-bottom:1px solid rgba(0,0,0,.1);}

.head .head-nav .content .nav-list .nav-ul>li .ul li:last-child a { border:none;}

.head .head-nav .content .nav-list .nav-ul>li .ul li a i{display:block;width:3px;height:18px;position:absolute;left:0;top:11px;background:#e60012;opacity:0}

.head .head-nav .content .nav-list .nav-ul>li .ul li a:hover{color:#fff; background:#e60012; border: none; padding-left:5%; width:65%;}

.head .head-nav .content .nav-list .nav-ul>li .ul li a:hover i{opacity:1}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul{width:1100px;max-width:1100px;z-index:200;position:absolute;left:330px;top:100%;background:#fff;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);display:none;overflow:hidden;text-align:left;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:22px 0;background: rgba(255,255,255,.9);border-top:0px solid #e60012}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .boxs{padding:0 20px}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul.ons{max-height:10000px;box-shadow:0 0 10px rgba(0,0,0,0.2)}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul.onss .li-lists{width:100%; margin-right:3%; max-width:220px; }

.boxs-lists { display:flex;}
.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul.onss .lis-boxs{width:100%;  margin-right:3%;}
.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul.onss .lis-boxs-cc {width:100%;  margin-right:3%;}
.lists-cc { color:#000;}
.head .head-nav .content .nav-list .nav-ul>li:hover a.lists-cc { color:#000;}
.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul.onss .lis-boxs .lists .ul-boxs{width:100%; min-width:200px;}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .li-lists{display:block;width:20%;float:left;padding-bottom:30px}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .li-lists .lists-a{border-bottom:1px solid #fff;font-size:17px;background:#f3f3f3;padding:8px 20px;line-height:32px;display:block;cursor:pointer; border-radius:0px; margin-bottom:10px;}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .li-lists .lists-a a{color:#000; font-size:17px;}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .li-lists .lists-a:hover{background:#e60012}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .li-lists .lists-a:hover a{color:#fff}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .li-lists .lists-a.active{background:#e60012}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .li-lists .lists-a.active a{color:#fff}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .thumbs{width:34%;float:right;overflow:hidden;background:#fafafa;margin-top:20px}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .thumbs.bgs{background:none}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .thumbs.ons{height:132px;line-height:132px}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .thumbs img{max-width:100%}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .thumbs.tops{margin-top:64px}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .lis-boxs{ width:100%; margin-right:3%; padding-left:10px;border-left:1px solid #e60012;min-height:280px}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .lis-boxs .lists{display:block;width:100%;height:0;overflow:hidden}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .lis-boxs .lists .ul-boxs{width:50%;float:left;display:;flex-wrap:wrap;justify-content:space-between}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .lis-boxs .lists .ul-boxs .lists-a{width:78%;font-size:17px;color:#000;line-height:32px;padding:8px 15px;border-bottom:1px solid #dbdbdb;display:block; font-family:ml; font-weight:700;}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .lis-boxs .lists .ul-boxs .lists-a:hover{color:#fff; background:#e60012;}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .lis-boxs .lists.active{height:100%;}

.head .head-nav .content .nav-list .nav-ul>li>a{display:block;padding:0px 2px;transition:all .3s;box-sizing:border-box;font-size:17.5px; font-weight:700; color:#4c4c4c; margin:0px 2px 0px 0px; letter-spacing:0px; font-weight:400; border-radius:0px; text-transform:uppercase; font-family:; position: relative; line-height:105px;}





.head .head-nav .content .nav-list .nav-ul>li>a::after {content: '';width: 0%;height: 1px;position: absolute;left: 50%;bottom: 0;opacity: .2;background: #fff;}


.head .head-nav .content .nav-list .nav-ul>li:hover>a::after{content: '';position: absolute;left: 50%;bottom: 0;width: 0;height: 5px;background: #e60012;transition:all .4s ease; opacity: 1;}
.head .head-nav .content .nav-list .nav-ul>li:hover>a::after {width: 50%;margin-left: -25%;}







.head .head-nav .content .nav-list .nav-ul>li:hover{color:#e60012; background:; border-bottom:0px solid #e60012; }
.head .head-nav .content .nav-list .nav-ul>li:hover a {color:#e60012;}


.head .head-nav .content .nav-list .nav-ul>li.ios.active{color:#e60012;  background:; border-bottom:0px solid #e60012; }
 
/* .head .head-nav .content .nav-list .nav-ul>li.ios.active a { color:#e60012; font-weight:900; position:relative;}*/

 .head .head-nav .content .nav-list .nav-ul>li.ios.active .nn { color:#e60012; font-weight:900; position:relative;}
 
 .head .head-nav .content .nav-list .nav-ul>li.ios.active a:after {content: '';width: 0%;height: 1px;position: absolute;left: 0;bottom: 0;opacity: .2;background: #fff;}
 
 
  .head .head-nav .content .nav-list .nav-ul>li.ios.active .nn:after {content: '';position: absolute;left: 50%;bottom: 0;width: 0;height: 5px;background: #e60012;transition:all .4s ease; opacity:1;}
  .head .head-nav .content .nav-list .nav-ul>li.ios.active .nn:after {width: 50%;margin-left: -25%;}
  
  
  
 
.head .head-nav .content .nav-list .nav-ul>li>a.ios{position:relative}
/* .head .head-nav .content .nav-list .nav-ul>li:hover.ios.active a { color:#e60012;}*/
 .head .head-nav .content .nav-list .nav-ul>li:hover.ios.active .nn { color:#e60012;}

.head .head-nav .content .nav-list .nav-ul>li.nav-active>a{color:#e60012;border-bottom:0px solid #e60012; background:; color:#e60012; font-weight:900;   }

.head .head-nav .content .search-box{padding:30px 0 0px 10px; float:right;}
.head .head-nav .content .search-boxa {padding:35px 0;}
.head .head-nav .content .search-boxa .sou { border:1px solid rgba(0,0,0,.1); border-radius:25px; overflow:hidden;}
.head .head-nav .content .search-box.ons .search-icon .s1{display:none}

.head .head-nav .content .search-box.ons .search-icon .s2{display:inline-block}

.head .head-nav .content .search-box .forms{height:100%;position:relative}

.head .head-nav .content .search-box .forms .forms-boxs{height:100%}

.head .head-nav .content .search-box .forms .main{height:100%}

.head .head-nav .content .search-box .forms .main form{height:100%;z-index:6}

.head .head-nav .content .search-box .forms .main form input{z-index:6;text-indent:18px;width:260px;height:100%;border-radius:100px;background:#fff;border:none;outline:none;border:1px solid #d9d9d9;transition:all .3s}

.head .head-nav .content .search-box .forms .main form button{border:none;outline:none;position:absolute;right:16px;top:20%;color:#e60012;background:none}

.head .head-nav .content .search-box .search-icon{display:none}

.head .head-nav .content .search-box .search-icon i{color:#e60012;cursor:pointer;font-style:20px}

.head .head-nav .content .search-box .search-icon i.s2{transform:rotate(45deg);display:none}

.head .nav-fixed{box-shadow:0 0 0px 0 #ebebeb}


.nnn {
   /* font-weight: bold;
    color: #fff;
    display: flex;
    background: url(../images/yy.gif)no-repeat 30px center #e60012;
    background-size: auto;
    align-items: center;
    background-size: 28px; 
    padding-left: 50px;
    font-size: 17px;
    line-height: 40px; height:40px;  font-weight:400; margin-top:27px;  border-radius:25px;*/
}.nnn .yy { /*color:#fff !important; */ }
.nnn .yy {/* background:none !important; border:none;*/}

.nnn .yyy { font-weight:400; display:flex; width:100%; margin-top:38px;}
.nnn .yyy img {filter: invert(100%) grayscale(100%) brightness(3); margin-right:5px; display:inline-block; float:left;}

.nnn .yyy span {   display: inline-block;  }
.nnn .yyy:hover span { color:#fff;}
.nnn .yyy:hover { background: none;}
.nnn .yyy:hover img {filter: none; margin-right:5px; display:inline-block; float:left;}


.head .head-nav .content .nav-list .nav-ul>li.nnn>.yyy:hover{color:#e60012; background:; border-bottom:0px solid #e60012;}


.nnn { display:;}


@media screen  and (min-width: 1680px) {
.head .head-nav .content .nav-list .nav-ul>li>a { padding:0px 12px !important; font-size:17.5px !important; text-transform:uppercase;  }
.nnn .yyy  { padding:0px 20px;}
}

@media (min-width: 1440px) and (max-width: 1680px) {
.head .head-nav .content .nav-list .nav-ul>li>a { padding:0px 12px !important; font-size:15px !important; text-transform:uppercase;  }
}

@media screen  and (max-width: 1440px) {
.head .head-nav .content .nav-list .nav-ul>li>a { padding:0px 6px !important; font-size:15px !important; text-transform:uppercase;  }
}



.lis-boxs-cc .lists-a-cc{display:block;width:100%;overflow:hidden}
.lis-boxs-cc .lists-a-cc.active{height:100%; overflow:hidden;}




.lis-boxs-cc .lists-cc .ul-boxs-cc .lists-a-cc:hover{color:#e60012}
.lis-boxs-cc .lists-cc.active{height:auto}
.lis-boxs-cc .lists-cc{display:block;width:100%;height:0;overflow:hidden}
.lis-boxs-cc .lists-cc .ul-boxs-cc{width:100%}
.lis-boxs-cc{width:100%;  margin-right:3%;}
.lis-boxs-cc .lists-cc .ul-boxs .lists-a-cc{width:78%;font-size:15px;color:#414141;line-height:24px;padding:8px 15px;border-bottom:1px solid #dbdbdb;display:block; font-family:ml; font-weight:400;}
.lis-boxs-cc .lists-cc .ul-boxs-cc{width:100%;float:left;display:flex;flex-wrap:wrap;justify-content:space-between}
.lis-boxs-cc{ width:100%; margin-right:0% !important; padding-left:10px;border-left:1px solid #e60012;min-height:280px}
.lis-boxs-cc .lists-cc .ul-boxs-cc .lists-a-cc { color:#333 !important; line-height:40px; width:100%;text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 40px;
line-height: 40px; border-bottom:1px solid rgba(0,0,0,.1); margin-left:15px; padding-left:10px;


word-wrap: break-word;word-break:break-all;


}
.lis-boxs-cc .lists-cc .ul-boxs-cc .lists-a-cc:hover { background:#e60012; color:#fff; }
.lis-boxs-cc .lists-cc .ul-boxs-cc a.lists-a-cc:hover {color:#fff !important;}