@charset "utf-8";
/*1200+ 内容宽度：1190px  页面内容居中  匹配默认样式 */
.container{ background: #f2f1ed }
.content { width: 1200px; margin: 0 auto; position: relative; }
.wrap{ padding: 10px; background: #FFF; margin-bottom: 20px; }

/* 页面顶部 */
/*.header{ background: #ec131c }*/
.header{ background: #863242 }
.header .header-top{ font-size: 1.2em; color: #666666; font-family: "宋体"; line-height: 32px; background:#efecdf; }
.header .header-top a{color: #666666;}
.header .header-top a:hover{color: #41AF10}
.header .welcome{ float: left; }
.header .siteinfo{float: right;}
.header .siteinfo a{ padding: 0 2px; }
.header .language{float: right; margin-left: 50px;}
.header .language .cn{ background: url(../../images/01_main/common/cn.jpg) left center no-repeat; padding: 0 10px 0 25px; }
.header .language .en{ background: url(../../images/01_main/common/en.jpg) left center no-repeat; padding: 0 10px 0 20px; }
.header .header-main{padding: 20px 0 23px 0; }
.mobile-btn{ display: none; width: 102px; height: 38px; background: url(../../images/01_main/common/mobile_btn_opne.png) right center no-repeat; position: absolute; right: 0; top:40px; cursor: pointer; }
.mobile-btn.close{ background: url(../../images/01_main/common/mobile_btn_close.png) right center no-repeat; }

.header-main .logo .xx{ display:inline-block; padding-left:82px;}


/* 搜索框 */
.search{ float: right;  background: #b6848e; width: 290px; height:30px; margin-top:30px;  position: relative;  -webkit-border-radius: 3px; border-radius: 3px; }
/*.search .text{ color: #666666; font-size: 1.4em; display: block; width: 80px; float: left;
 text-align: center; line-height: 30px; }*/
.search form{ display: block; float: right; width:300px; padding-right: 40px;  }
.search .keyboard{ display: block; background: none; border: none; width: 100%;  padding-left:20px; font-size: 1.4em; line-height: 30px; color: #fff ;}
.search .keyboard::-webkit-input-placeholder{color: #f2f1ed;}
.search .keyboard::-ms-input-placeholder{color: #f2f1ed;}
.search .keyboard::-moz-placeholder{color: #f2f1ed;}
.search .inputSub{ display: block; width: 40px; height: 30px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; position: absolute; right: 0; top: 0; background:#702534 url(../../images/01_main/common/search.png) center center no-repeat; border: none; }

/* 导航 */
/* 桌面导航 */
/*.nav-desktop{width: 100%; background:#fff; height: 44px; }
.nav-desktop ul{width:1200px; margin:0 auto; }
.nav-desktop li{width: 10%; display: block; float: left;  }
.nav-desktop li a { display: block; width: 100%; line-height:44px; text-align: center; color: #000; font-size: 1.6em; }
.nav-desktop li:last-of-type{ background: none; }
.nav-desktop li ul{ position: relative; z-index: 100; width: 100%; display: block; background: url(../../images/01_main/common/bg_nav_2.png) center top no-repeat; padding-top: 10px;  max-height: 0px; overflow: hidden; padding: 0; -webkit-transition: all  .5s ease-in-out; -o-transition: all  .5s ease-in-out; -moz-transition: all  .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out}
.nav-desktop li ul li{ width: 100%; float: none;  background:#cf3438; height: auto;  filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.9; }
.nav-desktop li ul li a{border-bottom:1px dotted #fff; font-size: 1.4em;  margin: 0 auto; line-height:36px;}
.nav-desktop li ul li:last-of-type{background:#cf3438;}
.nav-desktop li ul li:last-of-type a{ border-bottom: none }
.nav-desktop li.selected a,
.nav-desktop li:hover>a{ background:#863242; color: #FFF }
.nav-desktop li.selected ul li a{ color: #FFF }
.nav-desktop li.selected ul li:hover a{ color: #ffff00 }
.nav-desktop li li a{color: #FFF;}
.nav-desktop li.selected a span,
.nav-desktop li:hover ul{ padding-top: 10px; max-height: 400px; }*/

/* 导航 */
/* 桌面导航 修改导航样式前2020-04-09 */
.nav-desktop li{width: 10%; display: block; float: left; height: 59px;  background: url(../../images/01_main/common/line.png) right center no-repeat}
.nav-desktop li a { display: block; width: 100%; padding-top: 18px; text-align: center; color: #FFF; font-size: 1.6em; }
.nav-desktop li a span{ display: block; width: 0%; height: 2px; background: #ff0; margin: 5px auto; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease }
.nav-desktop li:last-of-type{ background: none; }
.nav-desktop li ul{ position: relative; z-index: 100; width: 120%; display: block; background: url(../../images/01_main/common/bg_nav_2.png) center top no-repeat; padding-top: 10px; margin-left: -10%; max-height: 0; overflow: hidden; padding: 0; -webkit-transition: all  .5s ease-in-out; -o-transition: all  .5s ease-in-out; -moz-transition: all  .5s ease-in-out; transition: all .5s ease-in-out}
.nav-desktop li ul li{ width: 100%; float: none;  background:#ae0a1b; height: auto;  filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.9; }
.nav-desktop li ul li a{border-bottom:1px dotted #fff; font-size: 1.4em; padding: 8px 0; width: 90%; margin: 0 auto;}
.nav-desktop li ul li:last-of-type{background:#ae0a1b;}
.nav-desktop li ul li:last-of-type a{ border-bottom: none }
.nav-desktop li.selected a,
.nav-desktop li:hover>a{ color: #ffff00; }
.nav-desktop li.selected ul li a{ color: #FFF }
.nav-desktop li.selected ul li:hover a{ color: #ffff00 }
.nav-desktop li li a{color: #FFF;}
.nav-desktop li.selected a span,
.nav-desktop li:hover a span{ width: 40%; }
.nav-desktop li:hover ul{ padding-top: 10px; max-height: 400px; }

/* 移动端导航 */
.nav-mobile{padding: 10px 0; display: none;}
.nav-mobile { position: absolute; top:100%; left: 0; z-index: 1000; width: 100%; background: #F3F3F3 }
.nav-mobile li{margin: 0px 0 10px 0; background: #FFF;}
.nav-mobile li .name{ border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5; position: relative; }
.nav-mobile li .name a{ display: block; width:30%; float:left; font-size: 1.7em; color: #333333; padding: 10px; text-indent: 30px;  }
.nav-mobile li .open{ display: block; width: 70%; height: 100%; position: absolute; right: 0; top:0; background: url(../../images/01_main/common/mobile_nav_close.png) 98% center no-repeat; }
.nav-mobile li.selected .name a{color: #2a8a0a}
.nav-mobile li .child-wrap{padding: 10px; display: none;}
.nav-mobile li .child{ margin: 10px 0;}
.nav-mobile li .child>a{ display: block; color: #ae0a1b; font-size: 1.5em; background: #f9e0e2; padding: 10px; text-align: center; }
.nav-mobile li .child-list{ border:1px solid #E1EEDC; }
.nav-mobile li .child-list>a{ display: block; width: 25%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-align: center; float: left; font-size: 1.4em; color: #333; padding: 8px 20px;  background: #F3F3F3; border: 5px solid #FFF; -webkit-border-radius: 10px; border-radius: 10px; }

/*友情链接*/
.link { background: #FFFFFF; border-top: 1px solid #863242; position: relative; }
.link .link-box{ padding-left: 140px; height: 59px; }
.link span{ display: block; color: #fff; font-size:2em; background:#863242 url(../../images/01_main/common/link.png) 10px center no-repeat; padding-left: 40px; width:140px; height: 59px; line-height: 59px; position: absolute;left: 0; top: 0;  }
.link .link-box{padding-top: 9px;}
.link .link-item { width: 24%; margin: 0 0.5%; float: left; position: relative;   }
.link .link-type { font-size: 1.4em; color: #555555; display: block; padding: 10px 7px 10px 10px; cursor: pointer; border: 1px solid #D2D2D2; border-radius: 3px; background: url('../../images/01_main/common/list_un.png') no-repeat 95% center; }
.link .link-list { background: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; max-height: 0; overflow: hidden; position: absolute; top: 42px; width: 100%; z-index: 99; }
.link .link-item:hover .link-list { max-height: 130px; overflow-y: auto; }
.link  a { display: block; height: 35px; line-height: 35px; font-size: 1.4em; color: #666; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.link  a:hover { background: #E9E9E9; color: #333; }


/* 页脚 */
.footer .school-info{ background: #4d2629; padding: 20px 0 30px 0; }
.footer .info{display: block; color: #FFF; font-size: 1.4em; float: left; width:400px; line-height: 2.2; padding-top: 10px;}
.footer .info li{ padding-left: 25px; }
.footer .info li.address{ background: url(../../images/01_main/common/ico.png) 3px 8px no-repeat; }
.footer .info li.phone{ background: url(../../images/01_main/common/ico.png) left -26px no-repeat; }
.footer .info li.code{ background: url(../../images/01_main/common/ico.png) left -58px no-repeat; }
.footer .info li.email{ background: url(../../images/01_main/common/ico.png) left -93px no-repeat; }
.footer .qr-code{ float: left; }
.footer .qr-code li{ width: 25%; float: left; text-align: center; color: #FFF; font-size: 1.2em; padding: 10px; }
.footer .qr-code li img {display: block; max-width: 100%; margin: 0 auto 10px auto}
.footer .sign{ text-align: center; float: right; width: 300px; }
.footer .sign,.footer .sign a{ color: #FFF;  }
.footer .sign { font-size: 1.4em; }
.footer .sign div{ padding: 10px 0; }
.footer .website-info{ background: #351114; color: #FFF; font-size: 1.4em; text-align: center; line-height: 2; padding: 5px 0;   }
.footer .mobile-qrcode{ background: #FFF; padding: 5px; margin-bottom: 10px; }
.footer .website-info a{color: #FFF}
.footer .mobile-qrcode{ background: #FFF; padding: 5px; margin-bottom: 10px; }


/*当前位置*/
.location { background: #FFF url(../../images/01_main/frame/home.png) 15px center no-repeat;  line-height: 2; margin-bottom: 10px;  color: #040000;  white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; padding: 9px 15px 9px 35px;}
.location a { color: #040000; padding: 0 20px 0 10px; background: url(../../images/01_main/frame/location.png) right center no-repeat; font-size: 1.6em; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.location a:hover { color: #ae0a1b }
.location a:last-of-type{background:none; }

/*分页样式*/
.page { line-height: 50px; margin-top: 10px; text-align: center; font-size: 1.4em; }
.page a,.page a b { color: #999999; background: #F7F7F7; padding: 8px 10px; -webkit-border-radius: 3px; border-radius: 3px; }
.page b { background: #ae0a1b; color: #FFFFFF; padding: 8px 10px; -webkit-border-radius: 3px; border-radius: 3px; }
.page a:hover{background: #ae0a1b; color: #FFFFFF;  }
.page a.total{ cursor: not-allowed; }


/*返回顶部*/
#scroll-top{ position: fixed; padding: 10px 15px; text-align: center; font-size: 1.6em; right: 5px; bottom: 55px; opacity: .8; z-index: 1000; color: #FFF; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; background:#ae0a1b;  }
#scroll-top:hover{ opacity: 1;   }

/*视频样式*/
.video { width: 800px; margin: 0 auto; position: relative; background: #FFFFFF; border: 10px solid #f6f6f6; }
.video .jwplayer { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000 }
.video .alt { padding-top: 56.25%; height: 0 !important }

/*1023-1200 内容宽度990 页面内容居中 */
@media only screen and (max-width:1200px) {
.content{ width: 990px; }
.footer .info{ width: 280px; }
.footer .sign{ width: 230px; }
.header-main .logo .xx{ width:20%; height:20%; padding-left:20px;}

}

/*768-1024  内容宽度740  两边间距14 页面内容居中 */
@media only screen and (max-width:1023px) {
.content{ width:740px; }
/*.header{ background: #ec131c }*/
.header{ background: #863242 }
.header .welcome{ display: none; }
.header .siteinfo{float: left;}
.header .header-top{ background: #EFEFEF }
.mobile-btn{ display: block; }
.search{ float: none; width: 100%; }
.search form{ width: 100%; padding-left:100px;  }
.search .text{ width: 100px; position: absolute; left: 0; top:0;}
.nav-desktop{ display: none; }
.logo img{ height: 60px; }
.school-info{ display: none; }
.link{ display: none }
.commend{ display: none }
.footer .website-info{font-size: 1.2em;}

.video{ width: 96%; }
.header-main .logo .xx{ width:30%; height:30%; padding-left:20px;}

}

/*ipad竖屏：(orientation:portrait)  ipad横屏：(orientation:landscape) */
@media only screen and (width:768px) and (orientation:portrait) {

}

/*640-767 内容宽度590 两边间距25 页面内容居中 */
@media only screen and (max-width:767px) {
.content{ width:590px; }
.page .number-btn { display: none; }
.page a:first-of-type{ display: none; }
.nav-mobile li .child-list>a{ width: 33.3333% }
.header-main .logo .xx{ display:none;}
}

/* 480-639  按百分比缩放 */
@media only screen and (max-width:639px) {
    .content{ width:96%; }
    .header .header-top{ font-size: 1em; }
    .header .language{margin-left: 0;}
    .logo img{ height: 45px; }
    .mobile-btn{top:30px; -webkit-background-size: auto 45%; -o-background-size: auto 45%; background-size: auto 45%;}
    .mobile-btn.close{ -webkit-background-size: auto 80%; -o-background-size: auto 80%; background-size: auto 80%; }
    .nav-mobile li .name a{text-indent: 0;}
    .nav-mobile li .child-list>a{ width: 50% }
}
/* 380-479  按百分比缩放 */
@media only screen and (max-width:479px) {
.header .header-top{font-size: 1.1em}
.page .number-btn{ display: none; }
}
/* 360-380  按百分比缩放 */
@media only screen and (max-width:379px) {
.header .header-top{ display: none; }
.mobile-btn{top:20px;}
.logo img{ height: 35px; }

}