@charset "utf-8";
/* 公共之标签样式 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
img,input, textarea {
border:0;
}
input,select,textarea,button{outline:none;}
ul, li { list-style-type: none; margin:0px; padding:0px;}
body, input, select, button, textarea { font-size: 14px; font-family:Microsoft YaHei; }
button { cursor: pointer; }
i, em,b, cite { font-style: normal; }
a, a:link { text-decoration: none; }/*设置a标签基本样式与伪类选择器设置*/
a{color:#666;}
a:active, a:hover { text-decoration: none; color:#9c3636; }
a:focus { outline: none; } 
sup {
color:#F00;margin-left:3px;float:left;
}
label{vertical-align: middle;padding-right: 4px;}
input[type=checkbox]{vertical-align: -2px;}

.clear{clear:both;}
.clear:after,.clear:before{
    content:"";
    display:table;}
.clear:after{
    clear:both;}/*清除浮动的核心属性*/
.clear{*zoom:1;}/*解决IE6的兼容问题*/
html[xmlns] .clear { display: block; }
     
.fll{float: left;}
.flr{float: right;}
.posr{position: relative;}
.posa{position: absolute;}
.article td{border-style: solid;}

.ovword{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}


html{height: 100%;}
body{background:#fff;color:#666;position: relative;min-width: 1200px;} /*底色*/
.wrap{width: 1200px;margin:0 auto;}

.yellow{color:#ffcc00;}
.bg_yellow{background: #ffcc00;}
.bg_f0{background: #f0f0f0;}
.three_d{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.omit{display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}




/*--------------------------------------------------------------*/
/*-----------------基本结构Start-------------------------------*/

.header{height: 241px;position: relative;background: url(../images/index_top_bg.jpg) no-repeat center top;}
.header_top{height: 136px;background: url(../images/header_bg.jpg) no-repeat center;}
.header_img_wrap{overflow: hidden;max-width: 100%;position: absolute;height: 320px;left: 0;right: 0;top: 0;}
.top_nav_wrap{background: url(../images/nav_bg.jpg) repeat-x;height: 48px;position: relative;}
.logo{float: left;padding-top:63px;}
.logo img{vertical-align: top;}
.nav{position: relative;text-align: center; width: 1200px; margin: 0 auto;}
.nav>li{float: left;}
.nav>li>a{width: 132px;display:block;height: 44px;line-height: 44px;text-align: center;font-size: 14px;color: #fff;border-bottom:4px solid #ac8bff00; transition: all 0.2s;}
.nav>li>a:hover,.nav>li.current a{font-weight: bold;color: #efe8ff;font-size:16px; border-bottom:4px solid #ab8bff;}
.wap_ionc_menu{display: none; position: absolute;top: 10px;right: 10px;width: 35px;height: 35px;background: url(../images/wap_icon_menu.png) no-repeat;background-size: contain;margin-top: 5px;}

.sub_nav{display:none;position: absolute;top:48px;background: #fff;border: 1px solid #ccc;}
.sub_nav_border_left{position: absolute;left: 2px;top: 0;bottom: 0;}
.sub_nav_border_left:before{content: "";position: absolute;top: 2px;left: 0;width: 6px;height: 6px;border-left: 1px solid #4e4176;border-top: 1px solid #4e4176;}
.sub_nav_border_left:after{content: "";position: absolute;bottom: 2px;left: 0;width: 6px;height: 6px;border-left: 1px solid #4e4176;border-bottom: 1px solid #4e4176;}
.sub_nav_border_right{position: absolute;right: 2px;top: 0;bottom: 0;}
.sub_nav_border_right:before{content: "";position: absolute;top: 2px;right: 0;width: 6px;height: 6px;border-right: 1px solid #4e4176;border-top: 1px solid #4e4176;}
.sub_nav_border_right:after{content: "";position: absolute;bottom: 2px;right: 0;width: 6px;height: 6px;border-right: 1px solid #4e4176;border-bottom: 1px solid #4e4176;}
.sub_nav li{float: left;}
.sub_nav a{font-size: 14px;color:#333;display:block;line-height: 52px;background: #fff;padding:0 10px;min-width: 65px;text-align: center;}
.sub_nav a:hover{color:#646464;font-weight: bold;}

.top_right_img{position: absolute;right: 0;top: 0;background: url(../images/top_right_img.gif) no-repeat;height: 320px;width: 360px; background-position: right top;display: none;z-index: 1;}
.top_left_img{position: absolute;left: 0;top: 50px;background-image:url(../images/top_left_img.png);background-repeat: no-repeat; background-position: left top; height: 170px;width: 160px; display: none;z-index: 1;}

.header_top_info_date{display: inline-block;}
.header_top_info_btn{display: inline-block;}

.header_top_info{float: right;padding-top: 20px;}
.header_top_info_btn{color: #524278;}
.header_top_info_btn a.click{color: #999;}
.header_search_wrap{margin-top: 20px;float: right; width: 300px;height: 40px;border: 1px solid #ccc;border-radius: 5px;background: #fff;position: relative;overflow: hidden;}
.header_search_input{width: 240px;float: left;height: 40px;line-height: 40px;padding-left: 10px;}
.header_search_btn{float: right;background: url(../images/icon_search.png) no-repeat center;width: 40px;height: 40px;}

.btn_wrap{overflow: hidden;line-height: 29px;cursor: pointer;display: inline-block;}
.btn_left{background-image: url(../images/btn_left_gray.png);background-repeat: no-repeat;background-position: center; height: 29px;width: 8px;float: left;}
.btn_right{background-image: url(../images/btn_right_gray.png);background-repeat: no-repeat;background-position: center; height: 29px;width: 8px;float: left;}
.btn_word{border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;margin: 0 3px;line-height: 29px;box-sizing: border-box;float: left;}
.btn_white{color: #fff;}
.btn_white .btn_left{background-image: url(../images/tit_border_left.png);}
.btn_white .btn_right{background-image: url(../images/tit_border_right.png);}


.footer{}
.footer_bg{text-align: center;height: 260px;background: url(../images/footer_bg.jpg) no-repeat center bottom;}
.footer .addr{line-height: 24px;padding-top: 160px;}


/*导航*/
.menu_img{position: fixed;right:0;top:0;width: 13%;z-index: 4998;}
.menu{position: fixed;right:-50%;top:0;width: 50%;height: 100%;background: #524278;z-index: 5000;opacity:0.95;}
.menu .back{border-bottom: 1px solid #0e002f;overflow:hidden;background: #524278;position: relative;z-index: 6000;}
.menu .back a{text-align: left;padding-left: 15%;float: left;}
.menu .menu_arr{float: right;width: 27%;border-left: 1px solid #0e002f;padding-top:25%;background: url(../images/menu_arr.png) no-repeat;background-size: cover;}
.menu a{font-size: 1rem;color:#fff;display:block;padding:6%;text-align: center;font-size: 18px;}
.menu_list_box{width: 100%;height: 100%;overflow:auto;position: absolute;top:0;bottom:0;box-sizing:border-box;padding-top: 24%;}
.menu .menu_list>li{border-bottom: 1px solid #0e002f;}
.menu .sub_menu{margin-bottom: -1px;display:none;}
.menu .sub_menu a{font-size: 0.88rem;padding:3%;}
.menu .sub_menu li{background: #0e002f;opacity:0.9;border-bottom: 1px solid #524278;}
/*导航--End--*/


/*--------------------------*/


 @media screen and (max-width:320px) {
    html{
        font-size: 15px;
    }
    body{min-width: auto;}
    .wrap{width: auto;}
    .index_menu .index_menu_word{font-size: 13px;}
 }
 @media (min-width: 321px) and (max-width: 480px) {
    html{
        font-size: 20px;
    }
    body{min-width: auto;}
   .wrap{width: auto;}
 }
 @media (min-width: 481px) and (max-width: 639px) {
    html{
        font-size: 25px;
    }
    body{min-width: auto;}
    .wrap{width: auto;}
    .index_menu .index_menu_word{font-size: 18px;}
 }
 @media screen and (max-width: 640px) {
    .logo{padding-top: 20px;width: 70%;float: none;}
    .logo img{width: 100%;}
    .header{height: auto;}
    .header_top{height: auto;}
    .header_top_info{overflow: hidden;background: url(../images/wap_nav_bg.jpg) center no-repeat;background-size: cover;padding-bottom: 10px;padding-top: 10px;float: none;text-align:center;}
    .header_top_info_bottom{display: none;}
    .top_nav_wrap{display: none;}
    .header_top_info_btn{color: #fff;}
    .header_top_info_btn a{color: #fff;}
    .header_top_info_date{color: #fff;}
    .wap_index_title{display: block;}
    .pc_index_title{display: none;}
    .wap_ionc_menu{display: block;}
 }
 @media screen and (min-width: 640px) {
    html{
        font-size: 25px;
    }
    body{min-width: 1200px;}
    .index_menu .index_menu_word{font-size: 22px;}
    .top_right_img{display: block;}
    .top_left_img{display: block;}
    .wap_index_title{display: none;}
    .pc_index_title{display: block;}
 }