@charset "utf-8";

/* 
    @名称: base
    @功能: 重设浏览器默认样式
*/

/* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */
html{
    color:#000;background:#fff;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:62.5%;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;padding:0;
}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video {
    display:inline-block;*display:inline;*zoom:1;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea{
    font:12px/1.5 tahoma,arial,\5b8b\4f53;
max-width:640px; 
margin:0 auto;
}

/* iphone手机表单默认 */
input.no {-webkit-appearance:none;}

input,select,textarea{
    font-size:100%;
}

/* 去掉各Table  cell 的边距并让其边重合 */
table{
    border-collapse:collapse;border-spacing:0;
}

/* IE bug fixed: th 不继承 text-align*/
th{
    text-align:inherit;
}

/* 去除默认边框 */
fieldset,img{
    border:0;
    width: 100%;
}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe{
    display:block;
}

/* 去掉 firefox 下此元素的边框 */
abbr,acronym{
    border:0;font-variant:normal;
}

/* 一致的 del 样式 */
del {
    text-decoration:line-through;
}

address,caption,cite,code,dfn,em,th,var {
    font-style:normal;
    font-weight:500;
}

/* 去掉列表前的标识, li 会继承 */
ol,ul {
    list-style:none;
}

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th {
    text-align:left;
}

/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:500;
}

q:before,q:after {
    content:'';
}

/* 统一上标和下标 */
sub, sup {
    font-size:75%;line-height:0;position:relative;vertical-align:baseline;
}
sup {top:-0.5em; }
sub {bottom:-0.25em; }

/* 默认不显示下划线，保持页面简洁 */
a {
    text-decoration:none !important;
    color:#000;
}
a:hover {
    text-decoration:underline;
}

/* 清理内浮动 */
.fl-c:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.fl-c {
    *zoom:1; /* for IE6 IE7 */
}

/* 设置内联, 减少浮动带来的bug */
.fn-left,.fn-right {
    display:inline;
}
.fn-left {
    float:left;
}
.fn-right {
    float:right;
}

/* 默认字体样式 微软雅黑&宋体*/
*,input,button,select,textarea {font-family:\5FAE\8F6F\96C5\9ED1;}

/*商务通*/
@media screen and (max-width:320px){body {font-size:10px!important;}}
@media screen and (min-width:320px){body {font-size:10px!important;}}
@media screen and (min-width:360px){body {font-size:11.248px!important;}}
@media screen and (min-width:400px){body {font-size:12.496px!important;}}
@media screen and (min-width:420px){body {font-size:13.125px!important;}}
@media screen and (min-width:440px){body {font-size:13.744px!important;}}
@media screen and (min-width:460px){body {font-size:14.384px!important;}}
@media screen and (min-width:480px){body {font-size:15.008px!important;}}
@media screen and (min-width:540px){body {font-size:16.88px!important;}}
@media screen and (min-width:560px){body {font-size:17.504px!important;}}
@media screen and (min-width:640px){body {font-size:20px!important;}}

/* 最大宽度应对手机自定义 */
header,nav,section,footer {margin:0 auto; max-width:640px;}
/* header*/
body {
    background: #f5f5f5;
}
.logo {
    border-bottom: .06rem solid #f5f5f5;
}
.logo img {
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: .0001rem 0;
}
.nav {
    background: #ffb11c;

}
.nav span {
    display: block;
    height: .26rem;
    width: 1px;
        background-color: #730600;
    float: right;
    margin-top: .22rem;
}
.nav li {
    width: 25%;
    text-align: center;
    float: left;
    height: .67rem;
    line-height: .67rem;
}
.nav li a {
    color: #730600;
    font-size: .26rem;
}
.banner img {
    display: block;
    width: 100%;
}
.title-h1 {
    margin: 0 auto;
    margin-top: .58rem;
}
.title-h1 h2 {
    font-size: .30rem;
    color: #660000;
    font-weight: bold;
    text-align: center;
    line-height: .44rem;
}
.title-h1 span {
    width: 100%;
    height: 1px;
    display: block;
    background: #750301;
    position: relative;
    margin: 0 auto;
}
.title-h1 span b {
    display: block;
    width: 33%;
    height: .03rem;
    position: relative;
    top: -1px;
    background: #750301;
    margin: 0 auto;
}
.title-h1 p {
    font-size: .22rem;
    text-align: center;
    color: #282828;
    line-height: .44rem;
}
.part-one > p {
    font-size: .18rem;
    color: #333;
    text-indent: 2em;
    padding: .1rem .05rem;
    margin: 0 .2rem;
    margin-top: .3rem;
    margin-bottom: .1rem;
    border-left: 2px solid #720201;
    border-right: 2px solid #720201;
    position: relative;
}
.part-one > p .top {
    background: linear-gradient(to right, rgba(114,2,1,1),rgba(114,2,1,1), rgba(250,173,0,1),rgba(114,2,1,1),rgba(114,2,1,1),rgba(114,2,1,1));
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
}
.part-one > p .bottom {
    background: linear-gradient(to left, rgba(114,2,1,1),rgba(114,2,1,1), rgba(250,173,0,1),rgba(114,2,1,1),rgba(114,2,1,1),rgba(114,2,1,1));
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.part-one > img {
    display: block;
    width: 91.09375%;
    margin: 0 auto;
}
.all-onlink {
    width: 93.75%;
    margin: 0 auto;
    border: 2px solid #750301;
    padding: .1rem 0 .2rem 0;
    box-sizing: border-box;
    overflow: hidden;
    background: url(../images/bg_1.png);
    margin-top: .15rem;
}
.all-onlink h4 {
    font-size: .18rem;
    text-align: center;
    font-weight: bold;
}
.all-onlink .l h4 {
    color: #dd8200;
}
.all-onlink .r {
    float: right;
}
.all-onlink .r h4 {
    color: #750301;
}
.all-onlink div {
    width: 49%;
    float: left;
}
.all-onlink a {
    display: block;
    width: 2.18rem;
    height: .5rem;
    font-size: .22rem;
    color: #fff;
    text-align: center;
    line-height: .5rem;
    border-radius: .08rem;
    margin-top: .05rem;
    position: relative;
}
.all-onlink .l a {
    background: #dd8200;
    margin-left: .35rem;

}
.all-onlink .r a {
    background: #750301;
    margin-left: .45rem;
    text-indent: 1em;
}
.all-onlink .l img {
    width: 13.762%;
    position: absolute;
    bottom: -.15rem;
    right: .08rem;
}
.all-onlink .r img {
    width: 8.257%;
    position: absolute;
    left: .12rem;
    top: .12rem;
}
.all-onlink > span {
    display: block;
    width: 100%;
    background-color: #750301;
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg);
    height: 1px;
    position: relative;
    left: .4rem;
}
.part-two {
    width: 93.75%;
    margin: 0 auto;
    margin-top: .46rem;
}
.part-two>a > img {
    display: block;
    float: left;
    width: 3.02rem;
}
.part-two-cont {
    float: left;
    border-top: 1px dotted #750301;
    border-bottom: 1px dotted #ffae00;
    width: 2.98rem;
    height: 4.32rem;
    position: relative;
}
.part-two-cont h3 {
    text-align: center;
    font-size: .3rem;
    color: #660000;
    font-weight: bold;
    padding-top: .15rem;
}
.part-two-cont h3 i {
    font-size: .17rem;
    font-weight: normal;
    padding-left: .15rem;
}
.part-two-cont span {
    display: block;
    width: 1.87rem;
    height: 1px;
    background: linear-gradient(to right, rgba(102,51,51,0),rgba(102,51,51,1),rgba(102,51,51,0));
    margin: .1rem auto;
    margin-bottom: .15rem;
}
.part-two-cont p {
    font-size: .18rem;
    color: #333;
    line-height: .4rem;
    padding-left: .3rem;
}
.part-two-cont .on {
    line-height: .22rem;  
}
.part-two-cont > img {
    display: block;
    width: 81.21%;
    margin: 0 auto;
    margin-top: .18rem;
}
.part-two-cont b {
    display: block;
    width: .41rem;
    height: .41rem;
    position: absolute;
}
.part-two-cont .top {
    border-top: .05rem solid #750301;
    border-right: .05rem solid #750301;
    top: -.03rem;
    right: 0;
}
.part-two-cont .bottom {
    border-bottom: .05rem solid #750301;
    border-right: .05rem solid #750301;
    bottom: -.03rem;
    right: 0;
}
.part-three {
    width: 93.75%;
    margin: 0 auto;
}
.part-three > img {
    display: block;
    width: 7.334%;
    margin: 0 auto;
    margin-top: .15rem;
    margin-bottom: .15rem;
}
.part-three > p {
    font-size: .18rem;
    color: #464646;
    text-indent: 2em;
    width: 5.8rem;
    margin: 0 auto;
    padding-bottom: .27rem;
}
.slide {
    width: 5.98rem;
    margin: 0 auto;
    position: relative;
}
.slide div>img {
    display: block;
}
.slide>img {
    display: block;
    width: .61rem;
    height: .78rem;
    position: absolute;
    top: -.5rem;
    right: -.2rem;
    z-index: 1000;
}
.part-three-table {
}
.part-three-table>h3 {
    font-size: .34rem;
    color: #750301;
    text-align: center;
    font-weight: bold;
}
.part-three-table>p {
    font-size: .18rem;
    color: #c90d0d;
    padding: .1rem .3rem .1rem;
}
.part-three-table table {
    width: 93.75%;
    margin: 0 auto;
    margin-top: .1rem;
    border-collapse: collapse;
    font-size: .17rem;
    color: #6c6c6c;
}
.part-three-table .day {
    color: #303030;
    font-weight: bold;
}
.part-three-table td {
    color: #303030;
    border: 1px #e1e1e1 solid;
    text-align: center;
    height: .35rem;
}
.part-three-table .red {
    color: #f00;
}
.part-three-table .green {
    color: #079900;
    background: #ececec;
}
.part-three-table a {
    color: #303030;
}
.part-four>img {
    display: block;
    width: 100%;
    margin-top: .5rem;
    padding-bottom: .15rem;
}
.part-five>img {
    display: block;
    width: 1.28rem;
    margin: 0 auto;
    padding-top: .1rem;
}
.part-five-p {
    width: 93.75%;
    margin: 0 auto;
    margin-bottom: .3rem;
}
.part-five-p > span {
    display: block;
    height: 1px;
    width: 1.64rem;
    background: #750301;
}
.part-five-p .left {
    float: left;
}
.part-five-p .right {
    float: right;
}
.part-five-p p {
    float: left;
    font-size: .18rem;
    text-indent: 2em;
    padding: .25rem .15rem;
    border-top: 1px solid #750301;
    border-bottom: 1px solid #750301;
    margin-top: .03rem;
    position: relative;
}
.part-five-p b {
    position: absolute;
}
.part-five-p b:nth-child(1){
    border-top: .19rem solid #750301;
    border-right: .19rem solid rgba(0,0,0,0);
    top: 0;
    left: 0;
}
.part-five-p b:nth-child(2){
    border-top: .19rem solid #750301;
    border-left: .19rem solid rgba(0,0,0,0);
    top: 0;
    right: 0;
}
.part-five-p b:nth-child(3){
    border-bottom: .19rem solid #750301;
    border-right: .19rem solid rgba(0,0,0,0);
    bottom: 0;
    left: 0;
}
.part-five-p b:nth-child(4){
    border-bottom: .19rem solid #750301;
    border-left: .19rem solid rgba(0,0,0,0);
    bottom: 0;
    right: 0;
}
.part-five-img {
    width: 93.75%;
    margin: 0 auto;
}
.part-five-img li {
    float: left;
}
.part-five-img img {
    display: block;
    width: 2.83rem;
    border: .06rem solid #fff; 
    margin-right: .1rem;
}
.part-five-img li:nth-child(even) img{
    margin-right: 0;
}
.part-six > img {
    display: block;
    width: 93.75%;
    margin: 0 auto;
    margin-top: .3rem;
}
.part-six h5 {
    font-size: .25rem;
    line-height: .44rem;
    color: #600;
    font-weight: bold;
}
.part-six h5 img:nth-child(1) {
    width: .51rem;
    height: .56rem;
    position: relative;
    top: .2rem;
}
.part-six h5 img:nth-child(2) {
    width: 1.28rem;
    height: 1.15rem;
    position: relative;
    top: .5rem;
    padding-left: .5rem;
}
.part-six .img-two {
    margin: .7rem 0 .3rem;
}
.part-six .img-two li {
    width: 1.02rem;
    height: 1.02rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    box-shadow: -3px 2px 4px #4e4b4c;
    float: left;
    margin-right: .13rem;
    color: #ababab;
    text-align: center;
}
.part-six .img-two li:nth-child(1) {
    background: #013e5e;
    margin-left: 1.58rem;
}
.part-six .img-two li:nth-child(2) {
    background: #b27500;
}
.part-six .img-two li:nth-child(3) {
    background: #002f7c;
    margin-right: 0;
}
.part-six .img-two li h3 {
    font-size: .25rem;
    font-weight: bold;
    padding-top: .08rem;
}
.part-six .img-two li p {
    font-size: .13rem;
    line-height: .12rem;
    padding-top: .03rem;
}
.part-six .img-two li:nth-child(3) p {
    padding-top: .07rem;
}
.part-six .img-two li span {
    display: block;
    width: .6rem;
    height: 1px;
    background: #ababab;
    margin: 0 auto;
}
.part-six .img-two li div {
    width: 83%;
    height: 83%;
    border: 2px solid #ababab;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: .07rem;
}
.part-six .img-two .on {
    color: #f5f5f5;
}
.part-six .img-two .on div {
    border: 2px solid #f5f5f5;
}
.part-six .img-two .on span {
    background: #f5f5f5;
}





.part-six .img-three {
    background: #fff;
}
.part-six .img-three img {
    display: block;
    margin: 0 auto;
    width: 6.04rem;
    margin-top: .15rem;
}
footer {
    background: #750301;
    padding-bottom: .2rem;
}
footer img {
    display: block;
    margin: 0 auto;
}
footer p {
    text-align: center;
    color: #fff;
    font-size: .18rem;
    line-height: .35rem;
}








/* 
 *  Core Owl Carousel CSS File
 *  v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
    
.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
*   Owl Carousel Owl Demo Theme 
*   v1.3.3
*/

.owl-theme .owl-controls{
    text-align: center;
    position: relative;
    top: -.35rem;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
    margin: .05rem;
    padding: .03rem .1rem;
    font-size: .12rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    background: #869791;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: .12rem;
    height: .12rem;
    margin: .05rem .07rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #b4987a;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #733c00;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: .02rem .1rem;
    font-size: .12rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
}

/* preloading images */
.owl-item.loading{
    min-height: 1.5rem;
    background: url(AjaxLoader.gif) no-repeat center center
}