﻿/* 默认样式定义 */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,pre,form,blockquote,fieldset,input,label{margin:0;padding:0}
html,body{font:normal normal 100% "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif;color:#333;height:auto;margin:0 auto;background:#fff;}
input,select,textarea{color:#222;font:normal normal 100% "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif}
fieldset,iframe{border:none}
ul,ol,li{list-style:none}
th{text-align:left}
samp,span,em{font:normal normal 100% "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif;}
img{border:none}
em,i{font-style:normal}
a{color:#333;text-decoration:none;cursor:pointer;}
a:hover{color:#1e2e62;text-decoration:none;}
a:focus{outline:none}
*{box-sizing: border-box;}
/*字体大小*/
.f11{font-size:11px;-webkit-text-size-adjust:none;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
/*行高*/
.l16{line-height:16px;}
.l18{line-height:18px;}
.l20{line-height:20px;}
.l22{line-height:22px;}
.l25{line-height:25px;}
.l30{line-height:30px;}
/*外边距*/
.mgt10{ margin-top:10px;}
.mgt20{ margin-top:20px;}
.mgt30{ margin-top:30px;}
.mgt40{ margin-top:40px;}
.mgt50{ margin-top:50px;}
.mgt60{ margin-top:60px;}
.mgt70{ margin-top:70px;}
.mgt80{ margin-top:80px;}
/*颜色*/
.s1{ color:#be0000;}/*红色*/
.red{color:red;}
.red1{color:#b00;}
.red2{color:#c00;}
.white{color:#fff;}
.b,.fw{font-weight:700;}
/*浮动*/
.fl{float:left;}
.fr{float:right;}

input,textarea{
    box-shadow: none;
    -webkit-appearance: none;appearance: none;
}
/* other */
.hide{display:none;}
.nodata{text-align:left;padding-left:15px;}
p.nodata{font-size:12px;margin:35px auto;text-align:center;color:#666;}
.entitle{font-size:11px;font-weight:400;}
#imgplayer{text-align:center;margin:15px auto;}
.yc a{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
/* clearfix */
.clear{clear:both;width:100%;height:0;overflow:hidden;}
.clearb{clear:both;display:block;margin:0;padding:0;height:10px;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
* html .clearfix{zoom:1;} /* IE6 */
*:first-child+html .clearfix{zoom:1;} /* IE7 */
input:checked{border: none;}
input,button{outline: none;}
button{cursor: pointer;}
/* header */
.page{ width:100%; clear:both;}
.row{ padding: 0px 15px;}
.header_box{position: fixed; left: 0px; top: 0px; z-index: 999999; width: 100%;}
.header{width:100%;background: rgba(0,0,0,0.4); padding: 0px 15px; overflow: hidden;}
.logo{ width: 45%;}
.logo img{width: 100%;}
.nav_btn{background: url("../images/nav-btn01.png") no-repeat; background-size: 1.5rem; width: 1.5rem; height: 1.5rem; margin-top:0.75rem;}
.nav_close{background: url("../images/nav-btn02.png") no-repeat;background-size: 1.5rem;}
/* nav */
.nav_list{background: rgba(0,0,0,0.7); padding: 15px; position:fixed; left: 0px; width: 100%; z-index: 999999999;border-top: 1px solid #8d94ad;display: none;}
.nav_list li{border-bottom: 1px solid #666; line-height:2.7rem;}
.nav_list li a{display: block;color: #FFF;font-size: 1rem;}
.nav_list li:nth-last-child(1){border-bottom: none;}
/*n-nav*/
.n_nav{background:#FFF; width: 100%; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); margin-bottom: 10px; height: 50px; position: relative; line-height: 50px;}
.n_nav_box{padding: 0px 15px;  }
.n_nav .n_nav_btn{ margin-right: 10px;}
.n_nav .n_nav_btn span{color: #333; font-size: 0.875rem;}
.n_nav .n_nav_btn span h3{font-weight: normal; border-left: 3px solid #c4a073; padding-left: 10px; display: inline;}
.n_nav .n_nav_btn span em{ color:#cacaca; margin-left: 5px;}
.n_nav .n_nav_btn i{background: url("../images/qb-btn01.png") no-repeat; background-size:12px; width:12px; height: 8px; display:inline-block; margin-left: 5px; float: right; margin-top:20px;}
.n_nav .n_nav_close i{background: url("../images/qb-btn02.png") no-repeat;background-size:12px;}
.n_nav_list{ overflow-y:auto; max-height:400px; padding: 0px 15px; display: none;border-top: 1px solid #e8e8e8; position: absolute; left: 0px; top:49px; width: 100%; background: #FFFFFF; z-index: 9999999; box-shadow:0 5px 20px rgba(0,0,0,0.1);}
.n_nav_list>li{border-bottom: 1px solid #e8e8e8;}
.n_nav_list>li>a{color: #333;font-size: 0.875rem;line-height: 2.5rem; display: block;  }
.n_nav_list>li:nth-last-child(1){border-bottom: none;}
.n_nav_list>li>ul>li{padding-left: 30px;font-size: 13px; color: #999; height: 2rem; line-height: 2rem;background: url("../images/n-nav-rt01.png") no-repeat center right; background-size: 8px; margin-bottom: 10px;}
.n_nav_list>li>ul>li>a{ width: 100%;}
.n_nav_list>li>ul>.on{background: url("../images/n-nav-rt02.png") no-repeat center right; background-size: 8px;}
.n_nav_list>li>ul>.on>a{border-left: 2px solid #c4a073; padding-left:10px; color: #c4a073;}



.search{width: 80%; float: right;position: relative;}
.search input{background: rgba(255,255,255,0.2); width: 100%; border: none; border-radius: 2px; padding: .5rem  30px .5rem 10px;font-size: 0.75rem; color: #FFF;}
.search button{background: url("../images/search-btn-bg.png") no-repeat center; width:40px; height:30px; background-size: 15px; border: none;position: absolute; right: 0px; top: 0px;}
.search input::-webkit-input-placeholder{
    color:#8e9cb9;
}
.search input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#8e9cb9;
}
.search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#8e9cb9;
}
.search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#8e9cb9;
}

.egl{color: #FFF; font-size: 0.875rem; padding-top: 1rem;padding-right: 1rem;}
.egl_box{padding: 10px 0; width: 100px; text-align: center;}
.egl_box a{display: block;font-size: 1rem; line-height:2rem;}

.banner_con{background: #FFF;}
.search_bn{position:relative; top: -1.5rem; left:0px; bottom: 0px; width: 100%;padding: 0px 15px;  z-index: 9999;}
.search_bn_con{background: #FFF; width: 100%;height: 3rem; border-radius: 3px;box-shadow:0px 0px 15px rgba(0,0,0,0.1);}

.search_bn_n{width: 70%; float: right; display: flex;}
.search_bn_n input{flex: 1; height: 3rem; line-height: 3rem; border: none;font-size: 14px;}
.search_bn_n button{ background:url("../images/serch-btn.png") no-repeat; width: 20px; height: 20px; border: none;background-size:contain; margin-right: 15px; margin-top: 13px;}



input::-webkit-input-placeholder{
    color:#DDD;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#DDD;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#DDD;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#DDD;
}








