@charset "utf-8";
*{margin:0px; padding:0px;}
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-size: 16px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:"微软雅黑";font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}
input,select{vertical-align:middle;}
body{font-family: "微软雅黑";color:#333;overflow-x: hidden;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
a {color:#333;}
a ,a:hover{text-decoration:none;}
.mt10{ margin-top:10px;}
/* .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:inline-block; } */
/* .clear{ clear:both;} */
header{background:#FFF; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.head-item{padding: 10px 2%;display: flex;justify-content: space-between;}
.head{display: flex;align-items: center;}
.head .logo{margin-right: 20px}
.head .logo img{max-width: 150px;display: inline-block}
.head .nav{}
.head .nav li{display:inline-block; vertical-align:middle; position: relative; }
 .head .nav li i{display: block;position: absolute;right: 5px;top: 10px;width: 24px;height: 14px;/*background: url(../images/icon-hot.png) no-repeat;*/} 
.head .nav li>a{display:block;font-size:18px;line-height: 60px;color: #333;position: relative;margin: 0 15px;}
.head .nav li>a:before{position: absolute;left: 0;bottom: 5px;width: 100%;height: 4px;background: #FFF;border-radius: 2px;content:'';}
.head .nav li.active>a:before{ background: #0072ff; display: block; }
.head .nav li .more-a{display: none}
.head .nav li.nav-more{font-size:18px;line-height: 60px;color: #333;padding: 0 22px 0 15px;cursor: pointer;left: 0;}
.head .nav li.nav-more span{display: inline-block;position: absolute;right: 0;top: 22px;font-weight:550;transform: rotate(90deg);width: 20px;height: 20px;background:url(../images/left-icon.png) center no-repeat;background-size: 100%;}
.head .nav li .more-a{position: absolute;width: 120px;z-index: 999;background: #fff;padding: 7px 10px 10px;left: 0;border-top-right-radius:10px;border-top-left-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;box-shadow: 1px 1px 12px 0px #d5d5d5;}
.head .nav li .more-a p{height: 30px;line-height: 30px;text-align: center;}
.head .nav li .more-a p a{font-size:15px;}
.head .nav li .more-a::before{
    display:inline-block;
    content:'';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 11px solid #fff;
    position:absolute;
    top: -10px;
    left:43%;
}
.head .nav li.nav-more:hover .more-a{display: block}
header .right{display: flex;align-items: center;width: 27%;}
.search-box{flex:1;}
.search-box form{background:#f3f6f8;border:1px solid #eaf0f7;height: 35px;width: 100%;border-radius: 50px;position: relative;display: flex;}
.search-box .text{border:none;background:none;width: 100%;height: 34px;line-height: 34px;color: #666;font-size: 13px;}
.search-box .btn{position: absolute;right: 10px;background: none;border:none;font-size: 15px;color:#818999;padding-left: 5px;height: 34px;line-height: 34px;display: flex;align-items: center;top: 0;cursor: pointer;}
header .icon-box {width: 35px;height: 35px;border-radius:50%;background:#f3f6f8;border:1px solid #eaf0f7;display: flex;align-items: center;justify-content: center;margin: 0 20px;}
header .icon-box img{height: 20px;}
.search-box .btn::before{display:inline-block;height: 18px;width:0.5px;background:#818999;content:'';margin-right: 3px;}
.search-box .search-icon img{width:25px;height:25px;}
.search-box .search-icon{display:flex;align-items: center;margin-left: 5px;}
header .login{background: #0060ea;color: #fff;padding: 7px 30px;cursor: pointer;border-radius: 6px;}
.ai-box{margin:0 12px;background: #0060ea;color: #fff;padding: 7px 20px;cursor: pointer;border-radius: 6px;display: flex;align-items: center;}
.ai-box .ai-icon{display: inline-block;height: 23px;width: 23px;background:url(../images/ai.png) center no-repeat;background-size:100%;margin-right: 6px;}
.head-item-bg{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    transition: 0.5s;
}


.container{position:relative;margin:0 auto;width: 100%;max-width: 1500px;padding: 0 50px;}




@media (max-width: 1600px){

    header .right{width: 35%;}




}