@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;font-weight: normal; }
a, a:link { text-decoration: none; }/*设置a标签基本样式与伪类选择器设置*/
a{color:#666;}
a:active, a:hover { text-decoration: none; color:#12315f; }
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;}




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

.header{height: 587px;background: url(../images/banner.jpg) no-repeat center;background-size: auto 100%;position: relative;width: 100%;}
.header_banner_bot{background: url(../images/banner_wrap.png) no-repeat center bottom;background-size: 100% auto;height: 56px;width: 100%;position: absolute;left: 0;right: 0;bottom: 0;}
.nav{height: 100px;background: rgba(10,22,134,.7) url(../images/shading.png) center;}
.nav>ul{width: 1000px;margin:0 auto;position: relative;height: 100px;}
.nav>ul>li{float: left;position: relative;height: 100%;display:table;}
.nav>ul>li>a{font-size: 14px;color:#fff;display:block;line-height: 18px;width: 139px;text-align: center;display:table-cell;vertical-align: middle;}
.nav>ul>li:nth-of-type(4){margin-left: 165px;}
.sub_nav_bg{}
.sub_nav{display:none;position: absolute;z-index: 11;left: -10px;top: 100px;}
.sub_nav li{width:100px;}
.sub_nav a{font-size: 14px;color:#eef8fd;display:block;text-align: center;line-height: 20px;padding:10px 0;background: rgba(10,22,134,.7) url(../images/shading.png) center;}
.sub_nav a:hover{background: #fff;color:rgba(10,22,134);}
.logo{position: absolute;width: 163px;left: 50%;margin-left: -82px;top:0;display:block;}
.logo img{width: 100%;}

.side_img{background: url(../images/side_img.png) no-repeat center;width: 331px;height: 400px;position: absolute;right: 0;top: 145px;transition:all 200ms;}

ul.list li{overflow: hidden;margin-bottom: 10px;height: 25px;}
ul.list li a{display:block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 65%;float: left;line-height: 25px;}
ul.list li a:hover{text-decoration: underline;color:#12315f;}
ul.list li span{color:#999;float: right;}

.footer{background: #0b2346;color:#fff;text-align: center;}
.footer_top{background: #12315f;padding-top:65px;padding-bottom: 35px;}
.friend_link{display:inline-block;margin-bottom: 15px;}
.friend_link span{font-weight: bold;}
.friend_link a{display:inline-block;margin-left: 20px;padding:0 10px;color:#fff;}
.supports a{display:inline-block;color:#fff;}
.footer_bot{font-size: 14px;color:#fff;text-align: center;padding:;line-height: 16px;padding:11px 0;}
.footer a:hover{text-decoration: underline;}
.footer a:hover{text-decoration: underline;}
.footer_bot a{color:#fff;}
.footer_bot a:hover{color:#fff;}
.wep_img{display:none;width: 70px;position: absolute;top: 0;right: 0;z-index: 6000;}
.wep_menu_list{position: fixed;top: 0;bottom: 0;right: -50%;width: 50%;background: #0f3e9a;z-index: 6000;opacity: 0.95;overflow: hidden;}
.wep_menu_list ul{width: 100%;height: 100%;overflow: auto;position: absolute;top: 0;bottom: 0;left:0;right:0;box-sizing: border-box;padding-top: 51px;z-index: 5999;}
.wep_menu_list ul>li{border-bottom: 1px solid #3363c1;}
.wep_menu_list ul>li>a{font-size: 16px;color: #fff;display: block;padding: 0 6%;width: 100%;box-sizing: border-box;height: 50px;line-height: 50px;text-align: center;}
.wep_menu_list ol{margin-bottom: -1px;display: none;position: static;padding: 0;}
.wep_menu_list ol li{background: #3363c1;opacity: 0.9;border-bottom: 1px solid #0f3e9a;}
.wep_menu_list ol li a{font-size: 16px;padding: 0 3%;display: block;color: #fff;white-space: nowrap;line-height: 36px;text-align: center;}
.wep_menu_list .back{border-bottom: 1px solid #3363c1;overflow:hidden;background: #0f3e9a;position: relative;z-index: 6000;height: 50px;display:block;}
.wep_menu_list .back a{text-align: left;float: left;font-size: 16px;color:#fff;display:block;height: 50px;line-height: 50px;padding-left: 15%;}
.wep_menu_list li{width: 100%;}
.menu_arr {float: right;width: 27%;border-left: 1px solid #3363c1;height: 50px;background: url(../images/menu_arr.png) no-repeat center;background-size: auto 100%;}
.change_bar{height: 20px;font-size: 14px;background: #1f2f8e;}
.change_bar_wrap{width: 1200px;margin:0 auto;text-align: right;overflow: hidden;}
.change_bar_wrap a{font-size: 14px;display:inline-block;line-height: 16px;padding:0 10px;margin-top:2px;border-right: 1px solid #999;text-align: center;}
.change_bar_wrap a span{opacity:.3;color:#fff;}
.change_bar_wrap a:hover span,.change_bar_wrap a.current span{opacity:1;}
.change_bar_wrap a:last-of-type{border-right: 0 none;}

.bg_black{display:none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: #000;opacity:.6;z-index: 5999;}
.web_logo{display:none;}

@media (min-width:1560px) and (max-width: 1660px) {
    .side_img{right: -150px;transition:all 200ms;}
}
@media only screen and (max-width: 1559px) {
    .side_img{right: -226px;transition:all 200ms;}
}
@media only screen and (max-width: 1400px) {
    .side_img{right: -331px;transition:all 200ms;}
}


@media screen and (max-width:750px){
    body{min-width: 100%;}
    .side_img{display:none;}
    .nav>ul{display:none;}
    .header{padding-bottom: 56%;height: 0;}
    .footer_bot{font-size: 14px;}
    .footer_top{padding:35px 0 30px;}
    .friend_link span{margin-bottom: 8px;display:block;}
    .friend_link a{margin-bottom: 8px;}
    .nav{height: 70px;}
    .logo{width: 114px;margin-left: -57px;}
    .wep_img{display:block;}
    .wep_menu_list{}
    .change_bar{display:none;}
    .bg_black{}
}