body{ font-size:12px; background:url(../images/bigBg.jpg); font-family:'微软雅黑','微软雅黑 Regular','黑体','黑体 Regular','宋体 Regular','宋体','Arial Regular','Arial'; }
.wrap{ width:1310px; margin:0 auto; }
.headerWrap{ width:1650px; margin:0 auto; }

/*头部*/
.header{ width:100%; height:116px; border-top:6px solid #a2081d; }
.header .headerWrap{ position:relative; }
.header .logo{ width:298px; height:79px; margin:20px 0 0; }
.header .logo img{ width:100%; display:block; }
.slogen{ line-height:116px; font-size:14px; color:#343434; }
.slogen a{ color:#343434; margin:0 15px; }
.search{ width:243px; height:40px; font-size:14px; position: relative; margin:38px 0 0; border:1px solid #505050; padding:0 44px 0 18px; border-radius:20px; }
.search .sr{ width:100%; height:40px; line-height:40px; background:none; }
.search .btn{ width:23px; height:23px; right:18px; top:8px; position:absolute; background:url(../images/searchBtn.png) no-repeat center / cover; }

/*banner*/
.banner img{ width:100%; display:block; }
.bannerPrev{ height:50px; left:40px; background:url(../images/prev.png) no-repeat center / cover; }
.bannerNext{ height:50px; right:40px; background:url(../images/next.png) no-repeat center / cover; }

/*导航*/
.nav{ width:100%; height:112px; font-size:16px; background:url(../images/navBg.jpg) no-repeat center; }
.nav li{ width:12.5%; text-align:center; }
.nav li a{ display:block; line-height:112px; color:#fff; border-right:1px solid #91071a; }
.nav li:last-child a{ border-right:0; }
.nav li:hover a,.nav li.on a{ background:#91071a; }

/*第一块*/
.index1{ padding:100px 0 103px; background:url(../images/index1Bg.png) no-repeat center bottom; }
.indexTitle{ font-size:20px; text-align:center; font-family:SimSun; color:#4e352e; text-transform:uppercase; }
.indexTitle .num{ width:80px; height:80px; text-align:center; line-height:80px; font-size:40px; color:#fff; background:url(../images/indexTitleBg.png) no-repeat center / cover; }
.indexTitle h3{ font-weight:normal; }
.indexTitle h2{ font-size:40px; font-size:40px; position:relative; font-weight:bold; }
.indexTitle h2 i{ width:10px; height:10px; position:absolute; border:2px solid #b21a2f; -o-border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.indexTitle .titleBox,.indexTitle .num{ display:inline-block; vertical-align:middle; }

.index1 .tab_b{ padding:78px 0 0; }
.index1 .pic{ width:42.1%; position:relative; }
.index1 .pic img{ display:block; width:100%; position: relative; z-index:2; }
.index1 .pic .kuai{ width:80%; height:520px; background:#6a4237; right:-14px; bottom:-17px; position: absolute; }
.index1 .text{ width:50%; padding:144px 0 0; }
.index1 .text h3{ font-size:30px; color:#201f1f; line-height:30px; height:62px; font-weight:bold; }
.index1 .text .nr{ font-size:16px; color:#6d6d6d; line-height:40px; height:200px; overflow: hidden; }
.index1 .text .btn{ padding:33px 0 0; }
a.indexMore{ display:block; width:158px; height:50px; color:#70463a; font-size:18px; text-align:center; line-height:50px; background:url(../images/moreBg.png) no-repeat center / cover; }
.index1 .con{ position:relative; }
.index1 .tab_t{ right:0; top:78px; position:absolute; width:251px; }
.index1 .tab_t span{ width:54px; line-height:54px; height:159px; margin:0 0 0 27px; cursor:pointer; font-size:16px; color:#fff; padding:16px 0 0; display:inline-block; vertical-align:top; -webkit-writing-mode:vertical-rl; -ms-writing-mode:vertical-rl; writing-mode:vertical-rl; background:url(../images/index1TabBg.png) no-repeat center / cover; }
.index1 .tab_t span.on{ background-image:url(../images/index1TabBgOn.png); }
.index1 .tabs_b{ display:none; }
.index1 .tabs_b.on{ display:block; }
.index1 .indexTitle h2 i{ top:15px; right:29px; }

/*第二块 -o- -ms- -moz- -webkit-*/
.index2 .indexTitle h2 i{ top:25px; right:74px; }
.index2{ padding:100px 0; background:url(../images/index2Bg.png) no-repeat right bottom; }
.index2 .top{ margin:66px 0 0; color:#fff; background:#a2081d url(../images/index2TextBg.jpg) no-repeat right bottom; }
.index2 .top .pic{ width:58.8%; }
.index2 .top img,.index2 li img{ display:block; width:100%; }
.index2 .top .text{ width:41.2%; }
.index2 .top .box{ padding:92px 72px 0 62px; }
.index2 .top h3{ font-size:18px; line-height:18px; height:30px; }
.index2 .top .nr{ font-size:16px; line-height:36px; overflow: hidden; max-height:144px; }
.index2 .top .btn{ padding:27px 0 0; }
.index2 .top .btn a{ display:block; width:131px; height:38px; border:1px solid #fff; text-align:center; line-height:38px; color:#fff; font-size:16px; }
.index2 ul{ padding:17px 0 0; }
.index2 li{ width:32.5%; margin:0 1.25% 0 0; position:relative; overflow:hidden; }
.index2 li:nth-child(3n){ margin-right:0; }
.index2 li .xText{ color:#fff; width:100%; height:66px; line-height:66px; bottom:0; left:0; position: absolute; background:url(../images/tmH.png); transition:all 0.5s; }
.index2 li .tm{ width:100%; height:100%; right:0; top:0; position: absolute; background:url(../images/tmh1.png); transition:all 0.5s; }
.index2 li .xText h4{ font-size:16px; padding:0 42px; font-weight:normal; }
.index2 li .bigText{ color:#fff; padding:23px 0; font-size:16px; width:100%; background:#a2081d; left:0; bottom:-100%; position: absolute; transition:all 0.5s; }
.index2 li .bigText h3,.index2 li .bigText p{ padding:0 32px; }
.index2 li .bigText h3{ line-height:16px; height:30px; }
.index2 li:hover .tm{ -o-opacity:0; -ms-opacity:0; -moz-opacity:0; -webkit-opacity:0; opacity:0; }
.index2 li:hover .xText{ bottom:-100%; }
.index2 li:hover .bigText{ bottom:0%; }
.index2 .btn{ padding:70px 0 0; }
.index2 .indexMore{ margin:0 auto; }

/*第三块*/
.index3{ width:100%; height:202px; font-family:SimSun; color:#e6dcd0; font-size:36px; line-height:60px; padding:113px 0 0; background:url(../images/index3Bg.jpg) no-repeat center; background-attachment: fixed; }

/*第四块*/
.index4{ padding:100px 0 124px; position: relative; border-bottom:3px solid rgba(145,103,91,0.47); }
.index4 .left{ width:39%; }
.index4 .left .text{ padding:44px 70px 70px 40px; background:#f6f6f6; }
.index4 .left img,.index4 .right img{ width:100%; display:block; }
.index4 .left h3{ font-size:18px; line-height:18px; height:35px; }
.index4 .left a{ color:#332623; }
.index4 .left:hover a{ color:#a70000; }
.index4 .left .nr{ font-size:16px; line-height:30px; color:#434343; height:120px; }
.index4 .left .date{ font-size:16px; color:#585757; }
.index4 .right{ width:47.5%; padding:0 0 0 2.5%; }
.index4 .right ul{ padding:17px 0 0; margin:0 0 50px; line-height:38px; font-size:16px; color:#332623; }
.index4 .right li span{ width:10%; }
.index4 .right li a{ color:#332623; width:80%; }
.index4 .right li:hover a{ color:#a70000; }
.index4 .indexTitle,.index5 .indexTitle{ width:80px; }
.index4 .indexTitle .num,.index5 .indexTitle .num{ display:block; }
.index4 .indexTitle .titleBox,.index5 .indexTitle .titleBox{ writing-mode:vertical-lr; -webkit-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; }
.index4 .indexTitle i{ top:117px; left:3px; }
.index4 .btn{ width:158px; height:50px; left:50%; bottom:-25px; margin-left:-79px; position: absolute; background:url(../images/bigBg.jpg) center; }

/*第五块*/
.index5 .indexTitle i{ top:99px; left:31px; }
.index5{ padding:123px 0 144px; }
.index5 ul{ width:85.5%; }
.index5 li{ width:32.6%; margin:0 1.1% 0 0; }
.index5 li img{ display:block; width:100%; }
.index5 li .text{ padding:24px 17px 27px 21px; background:#fff; }
.index5 li .title{ height:72px; border-bottom:1px solid #d9d9d9; }
.index5 li .date{ width:54px; text-align:center; font-size:14px; color:#6a4237; }
.index5 li .date h4{ font-size:36px; }
.index5 li h3{ width:80%; font-size:18px; color:#1c1c1c; font-weight:normal; line-height:30px; height:60px; overflow: hidden; }
.index5 li .nr{ font-size:16px; color:#616161; line-height:30px; max-height:60px; overflow: hidden; padding:10px 0 0; }
.index5 li:nth-child(3n){ margin-right:0; }
.index5 li:hover h3{ font-weight:bold; }
.index5 li:hover .date{ color:#a70000; }
.index5 .btn{ padding:70px 0 0; }
.index5 .btn a{ margin:0 auto; }

/*底部*/
.footer{ padding:159px 0 0; background:url(../images/footerBg.jpg) no-repeat center; }
.foot{ position: relative; padding:0 0 155px; }
.foot .foot_c{ width:40%; left:30%; top:0; position: absolute; }
.foot .foot_c li{ width:32%; margin:0 2% 0 0; }
.foot .foot_c li:last-child{ margin-right:0; }
.foot .foot_c img{ display:block; width:100%; }
.foot_l{ color:#fff; font-size:16px; line-height:16px; font-weight:bold; line-height:30px; }
.foot_l h3{ font-size:24px; line-height:24px; height:42px; }
.foot_l h4{ font-size:30px; color:#aa0f24; line-height:30px; height:37px; }
.copy{ text-align:center; padding:23px 0 27px; line-height:34px; color:#fff; font-size:14px; border-top:1px solid #616161; }
.copyNav a{ color:#fff; margin:0 21px; }
.copyNav a:hover{ text-decoration:underline; }
.footer .bLogo{ width:12.6%; }
.footer .bLogo img{ width:100%; display:block; }


.nav_a{ width:28px; height:24px; display:none; right:0; top:50%; margin-top:-12px; position: absolute; }
.nav_a span{ width:100%; height:2px; background:#a2081d; position:absolute; left:0; top:0; -o-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; transition:all 0.5s; }
.nav_a span:nth-child(2){ top:10px; }
.nav_a span:nth-child(3){ top:20px; }

.nav_a.on span:nth-child(1){ -o-transform: rotate(-45deg) translate(-7px,6px); -ms-transform: rotate(-45deg) translate(-7px,6px); -moz-transform: rotate(-45deg) translate(-7px,6px); -webkit-transform: rotate(-45deg) translate(-7px,6px); transform: rotate(-45deg) translate(-7px,6px); }
.nav_a.on span:nth-child(2){ -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.nav_a.on span:nth-child(3){ opacity:0; }

.nav_m{ top:76px; left:0; width:100%; height:100%; overflow-y:scroll; display:none; background:#fff; position: fixed; z-index:10; }
.nav_m .ul{ line-height:40px; font-size:14px; font-weight:bold; padding-bottom:76px; }
.nav_m a{ display:block; padding:0 2%; color:#495871; border-bottom:1px solid #ccc; }
.nav_m .ejUl{ font-weight:normal; display:none; }
.nav_m li{ position: relative; }
.nav_m li i{ width:12px; height:21px; cursor:pointer; right:2%; top:9px; position:absolute; background:url(../images/jt.png) no-repeat center / cover; transition:all 0.5s; }
.nav_m li i.on{ transform:rotate(90deg); }
.search_a{ width:26px; height:26px; display:none; right:38px; top:50%; margin-top:-15px; position: absolute; background:url(../images/searchA.png) no-repeat center / cover; }
.search_m{ width:200px; padding:0 10px; display:none; height:30px; top:-3px; right:-10px; position: absolute; background:#fff; border-radius:15px; border:1px solid #a2081d; }
.search_m .sr{ width:80%; height:30px; line-height:30px; }
.search_m .btn{ width:22px; height:22px; right:10px; top:4px; position: absolute; background:url(../images/searchA.png) no-repeat center / cover; }
.nav_m li li li{ font-size:12px; padding:0 15px; }

@media only screen and (max-width: 1659px) {
    .headerWrap{ width:1400px; }
}


@media only screen and (max-width: 1439px) {
    .headerWrap{ width:1300px; }
}
@media only screen and (max-width: 1365px) {
    .wrap,.headerWrap{ width:1200px; }
    .index5 li h3{ width:73%; }
}
@media only screen and (max-width: 1279px) {
    .wrap,.headerWrap{ width:1000px; }
    .index1 .pic .kuai{ height:400px; }
    .index1 .tab_t span{ margin-left:10px; }
    .index1 .tab_t{ width:200px; }

    .index2 .top .box{ padding:32px 30px 0; }
}
@media only screen and (max-width: 1023px) {
    .wrap,.headerWrap{ width:94%; }

    .slogen,.nav,.search,.copyNav,.foot .foot_c{ display:none; }

    .nav_a,.search_a{ display:block; }


    .index1 .tab_t{ width:100%; position: static; text-align:center; padding:30px 0 0; }
    .index1 .tab_t span{ width:186px; height:54px; margin:0; padding:0; background:url(../images/index1_mTabBg.png) no-repeat center; -webkit-writing-mode:horizontal-tb; -ms-writing-mode:horizontal-tb; writing-mode:horizontal-tb; }
    .index1 .tab_t span.on{ background-image:url(../images/index1_mTabBgOn.png); }
    .index1 .tab_b{ padding-top:40px; }
    .index1 .text{ padding-top:0; }
    .index1,.index2{ padding-top:50px; }

    .index2 .top .nr{ font-size:14px; line-height:26px; max-height:130px; }
    .index2{ padding-bottom:40px; }
    .index2 .btn{ padding-top:30px; }
    .index2 .top{ margin-top:40px; }

    .index4 .indexTitle{ float:none; }
    .index4 .indexTitle, .index5 .indexTitle{ width:100%; }
    .index4 .indexTitle .num, .index5 .indexTitle .num{ display:inline-block; }
    .index4 .indexTitle .titleBox, .index5 .indexTitle .titleBox{ -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; writing-mode: horizontal-tb; }
    .index4{ padding:50px 0 80px; }

    .index4 .indexTitle i{ top:0; left:124px; }
    .index5 .indexTitle i{ top:18px; left:109px; }

    .index4 .left{ width:100%; padding:40px 0 0; }
    .index4 .right{ width:100%; padding:0; }
    .index4 .right ul{ margin-bottom:30px; }
    .index5 ul{ width:100%; padding:30px 0 0; }
    .index5{ padding:80px 0 50px; }
    .index5 .btn{ padding:40px 0 0; }

    .footer{ padding:80px 0 0; }
    .foot{ padding:0 0 50px; }
    .header{ height:70px; }
    .header .logo{ width:170px; height:45px; margin:13px 0 0; }
    .header .headerWrap{ height:70px; }

    .indexTitle .num{ width:60px; height:60px; line-height:60px; font-size:30px; }
    .indexTitle h2{ font-size:30px; }
    .indexTitle h2 i{ width:5px; height:5px; }
    .index1 .indexTitle h2 i{ top:14px; right:23px; }
    .index2 .indexTitle h2 i{ top:19px; right:54px; }
    .index4 .indexTitle i{ left:92px; top:2px; }
    .index5 .indexTitle i{ top:16px; left:82px; }
    .foot_l{ font-size:14px; }
    .foot_l h3{ font-size:20px; height:34px; }
    .foot_l h4{ font-size:24px; }
    a.indexMore,.index2 .top .btn a{ width:100px; height:32px; line-height:32px; font-size:14px; background-size:cover; }
    .index4 .btn{ width:100px; height:32px; bottom:-16px; margin-left:-50px; }
    .index5 li h3{ font-size:16px; }
}
@media only screen and (max-width: 959px) {
    .index1 .pic .kuai{ height:300px; }
    .index1{ padding-bottom:60px; }
    .index2 li .bigText h3, .index2 li .bigText p{ padding:0 15px; }
    .index2 li .xText h4{ padding:0 20px; }
    .index1 .text .nr,.index4 .left .nr,.index5 li .nr{ font-size:14px; line-height:24px; }
    .index2 .top .pic,.index2 .top .text{ width:100%; }
    .index2 .top .box{ padding-bottom:40px; }
    .index2 li .bigText,.index2 li .xText h4,.index4 .right ul{ font-size:14px; }
    .index2 li .bigText h3{ height:22px; }
    .index2 li .xText{ height:38px; line-height:38px; }
    .index2 li .bigText{ padding:10px 0; }
    .index4 .left .text{ padding: 32px 30px 40px; }



}
@media only screen and (max-width: 767px) {
    .index1 .tab_t span{ width:122px; height:38px; font-size:12px; line-height:38px; background-size:cover; }
    .index1 .pic .kuai{ height:210px; }
    .index1 .text h3{ font-size:22px; height:38px; }
    .index5 li{ width:100%; margin-right:0; margin-bottom:10px; }
    .index3{ padding:50px 0 0; height:166px; }

    .footer .bLogo{ width:100px; float:none; margin:0 auto; }
    .foot_l{ width:100%; text-align:center; padding:40px 0 0; }
    .bannerPrev,.bannerNext{ width:15px; height:28px; margin-top:-14px; }


}
@media only screen and (max-width: 559px) {
    .index3{ font-size:26px; line-height:42px; padding:50px 0 0; height:140px; }

   
}
@media only screen and (max-width: 479px) {
    .index4 .right li span{ width:16%; }
    .index1{ padding-bottom:45px; }
    .index1 .tab_t span{ margin-bottom:5px; }
    .index1 .pic{ width:95%; }
    .index1 .text{ width:100%; padding:50px 0 0; }
    .index1 .text .nr{ height:auto; }
    .index1 .text .nr,.index2 .top .nr, .index4 .left .nr, .index5 li .nr{ font-size:12px; line-height:20px; }
    .index1 a.indexMore{ margin:0 auto; }

    .index2 li{ width:100%; margin:0 0 10px; }
    .index4 .left{ padding:20px 0 0; }

    .index4 .left .text{ padding:15px; }
    .index4 .left .nr{ height:auto; }
    .index4 .left .date{ font-size:12px; padding:10px 0 0; }
}