@charset "utf-8";
/*置灰*/
/*html { 
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: grayscale(100%); 
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
	filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1); 
	filter: gray;
} */
/*格式化样式*/
html{font-size: 14px; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal}
input,textarea,select{ border:none;resize: none;-webkit-appearance:none;outline:medium;-webkit-tap-highlight-color:rgba(0,0,0,0);}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}
q:before,q:after {content:''}
abbr,acronym { border:0}


a{color:#666;text-decoration:none;}
a:hover{color: #666;text-decoration: none;}

/* 清除浮动 */
.clear:after{content: "";display: block;clear: both;}

/* 居中 */
.mc{margin:0 auto;}

/*文字排版、颜色*/
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.t2{text-indent:2em}
.red,a.red{color:#cc0031}
.darkblue,a.darkblue{color:#039}
.gray,a.gray{color:#878787}
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}

/*定位*/
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.abs-right{position:absolute;right:0}
.zoom{zoom:1}
.hidden{visibility:hidden}
.none{display:none}

/*长度高度*/
.w10{width:10px}
.w20{width:20px}
.w50{width:50px}
.w90{width:90px}
.w100{width:100px}
.w200{width:200px}
.w250{width:250px}
.w500{width:500px}
.w800{width:800px}
.w1200{width: 1200px;margin: 0 auto;}
.w{width:100%}
.h50{height:50px}
.h70{height:70px}
.h80{height:80px}
.h100{height:100px}
.h200{height:200px}
.h{height:100%}

/*边距*/
.m10{margin:10px}
.m15{margin:15px}
.m30{margin:30px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb50{margin-bottom:50px}
.mb100{margin-bottom:100px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml50{margin-left:50px}
.ml100{margin-left:100px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr50{margin-right:50px}
.mr100{margin-right:100px}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pb5{padding-bottom:5px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb80{padding-bottom:80px}
.pb100{padding-bottom:100px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl50{padding-left:50px}
.pl100{padding-left:100px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr100{padding-right:100px}
/*头部*/
.ms-header{ height: 80px;}
.ms-header .logo img{height: 80px;}
.searchbox {position:relative;z-index:1;clear:both;width:460px;height:40px;left: 370px;
    top: 20px;}
.mod_select {position:absolute;left:0;top:0;width:129px;   border: 1px solid #bfbfbf;border-right: none;border-radius: 40px 0 0 40px;}
.mod_select .select_box {position:relative;width:129px;height:40px;}
.mod_select .select_box:after{content:' ';display:none;position:relative;width:1px;height: 26px;left: 120px;top: -36px;background: #888888;}
.mod_select .select_box .select_txt {display:inline-block;width:40px;height:40px;padding-left:45px;overflow:hidden;line-height:40px;font-size:14px;cursor:pointer;color: #5e5e5e;}
.mod_select .select_box .select-icon {position:absolute;top:50%;right:30px;transform:translate(0,-50%);width:10px;height:10px;background:url(../images/search_ico.png) center no-repeat;}
.mod_select .select_box .option {display:none;position:absolute;top:40px;left:20px;width:100px;background-color:#fff;border:1px solid #bfbfbf;border-top:0;}
.mod_select .select_box .option li {padding-left:28px;font-size:14px;line-height:2;cursor:pointer;color: #5e5e5e; margin-left: 0px;}
.searchbox .import {width:260px; font-size:14px;height:40px;margin-left:100px;padding-left:40px;    border: 1px solid #bfbfbf;
    border-left: none;border-right: none;outline:none;box-sizing:content-box}
.searchbox .btn-search {position:absolute;right:0;width:60px;height:42px;color:#fff;background:url(../images/search-inc.png) no-repeat #ff7f31 14px 5px; background-size: 25px 25px;background-position-y: center; border:0; border-radius: 0 40px 40px 0;}
.ms-header ul{right: 0; top:30px;}
.ms-header ul li{float: left; font-size: 14px; color: #5e5e5e; margin-left: 20px;}



.page_head-wrap{
    width: 100%;
    min-width: 1320px;
    height: 80px;
    box-sizing: border-box;
    background-color: #ffffff;
    border-bottom: 1px solid #f24444;
}
.page_head-wrap .pageTopBox{
    width: 1320px;
    height: 80px;
    margin: 0 auto;
}

/* logo */
.page_head-wrap .pageTopBox .logo{
    width: 430px;
    height: 80px;
    float: left;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.page_head-wrap .pageTopBox .logo img{
    height: 40px;
    width: auto;
}



/* 搜索框 */
.page_head-wrap .searchTextBox{
    width: 460px;
    height: 44px;
    float: left;
    margin: 18px 0 0 0;
}
.page_head-wrap .searchTextBox form{
    display: block;
    width: 100%;
    height: 100%;
}
.page_head-wrap .searchTextBox .searchText{
    width: 400px;
    height: 44px;
    float: left;
    border-radius: 22px 0 0 22px;
    background-color: #f5f5f5;
}
.page_head-wrap .searchTextBox .searchTextCondition{
    width: 140px;
    height: 44px;
    float: left;
    position: relative;
}
.page_head-wrap .searchTextBox .searchCondition{
    width: 140px;
    height: 44px;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 16px;
    color: #666666;
    line-height: 44px;
    cursor: pointer;
}
.page_head-wrap .searchTextBox .searchCondition span{
    float: left;
    display: block;
    width: 85px;
}
.page_head-wrap .searchTextBox .searchCondition img{
    width: 10px;
    height: 6px;
    float: right;
    margin: 19px 0 0 0;
}
.page_head-wrap .searchTextBox .searchOptions{
    width: 120px;
    max-height: 120px;
    overflow-y: auto;
    padding: 4px 0;
    position: absolute;
    top: 48px;
    left: 20px;
    z-index: 1;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    scrollbar-color: #DEDFE0 #ffffff;
    scrollbar-width: thin;
}
.page_head-wrap .searchTextBox .searchOptions::-webkit-scrollbar{
    display: block;
    width: 4px;
    height: 4px;
}
.page_head-wrap .searchTextBox .searchOptions::-webkit-scrollbar-thumb{
    display: block;
    width: 4px;
    height: 4px;
    background: #e5e5e5;
    border-radius: 4px;
}
.page_head-wrap .searchTextBox .searchOptions ul li{
    padding: 0 10px;
    height: 24px;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    cursor: pointer;
}
.page_head-wrap .searchTextBox .searchOptions ul li.active,
.page_head-wrap .searchTextBox .searchOptions ul li:hover{
    background-color: #f5f5f5;
}
.page_head-wrap .searchTextBox .searchText-line{
    width: 1px;
    height: 26px;
    float: left;
    background-color: #999999;
    margin: 9px 0 0 0; 
}
.page_head-wrap .searchTextBox input[type="text"]{
    display: block;
    width: 219px;
    height: 44px;
    border:none;
    background: none;
    padding: 0 20px;
    float: left;
    font-size: 16px;
    color: #999999;
}
.page_head-wrap .searchTextBox input[type="text"]::placeholder{
    color: #b2b2b2;
}
.searchTextBox .searchBtnBg{
    width: 60px;
    height: 44px;
    border-radius: 0 22px 22px 0;
    background-color: #f24444;
    float: right;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.searchTextBox .searchBtnBg:hover{
    background-color: #e54040;
}
.searchTextBox .searchBtnBg .btn-search{
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/index/head/searchIcon2.png) no-repeat center center;
    background-size: 21px 20px;
    cursor: pointer;
}


/* login */
.page_head-wrap .pageTopBox .loginWrap,
.page_head-wrap .pageTopBox .loginBox{
    width: 280px;
    height: 80px;
    float: right;
    font-size: 14px;
    text-align: right;
    line-height: 80px;
}
.page_head-wrap .pageTopBox .loginWrap .loginBtn,
.page_head-wrap .pageTopBox .loginWrap .loginOut{
    display: block;
    float: right;
    cursor: pointer;
    text-decoration: underline;
}
.page_head-wrap .pageTopBox .loginWrap .loginBtn{
    color: #666666;
}
.page_head-wrap .pageTopBox .loginWrap .loginOut{
    color: #b2b2b2;
    margin: 0 0 0 15px;
}
.page_head-wrap .pageTopBox .loginWrap .loginUser{
    width: 235px;
    height: 80px;
    float: right;
    color: #666666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}




/*底部*/
.ds-footer {text-align: center;}
.ds-footer p{color: #bbbbbb; font-size: 13px; padding-bottom: 15px;}
.ds-footer a{color: #bbbbbb; font-size: 13px; padding-bottom: 15px;}



.clearfix:after{
    content: '';
    height: 0;
    clear: both;
    display: block;
}