@charset "UTF-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px"Microsoft Yahei","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}
a{color:#333;text-decoration:none}
a:hover{color:#341b00;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word; color:#666;}
.g-wp p{ color:#000;}

/**/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.layout, .content{ width:1280px !important; margin:0 auto; position:relative;}

.boxMo{ min-width:1600px !important;}

.zt_banner{ height: 1039px; background: url(banner.jpg) no-repeat center top;}
.bg{ max-height: 7842px; padding-bottom: 60px; background: url(bg.jpg) no-repeat center top; box-sizing: border-box; }

.box1{ position: relative; width: 1280px; margin: 0 auto 90px;}
.box1:before{ position: absolute; top: 0; left: 50%; width: 720px; height: 640px; margin-left: -600px; background: #fff; border-top-left-radius: 8px; content: ""}

.focus_wrap{ float: left; position: relative; width: 756px; height: 546px; margin-top: 42px; border: 2px solid #f2e099; border-right: 0; border-top-left-radius: 8px; z-index: 4}
.focus_wrap:before{ position: absolute; top: -123px; right: -90px; width: 219px; height: 123px; background: url(icon1.png) no-repeat center top; content: ""}
.focus_wrap:after{ position: absolute; bottom: -70px; left: -8px; width: 167px; height: 152px; background: url(icon2.png) no-repeat center top; content: ""; z-index: 4}
.swiper-container_focus{ position: relative; width: 756px; height: 546px;  overflow: hidden; z-index: 3}
.swiper-container_focus .swiper-wrapper{ height: auto;}
.swiper-container_focus .swiper-slide{ position: relative;}
.swiper-container_focus .swiper-slide-active,.swiper-container_focus .swiper-slide-duplicate-active{ }
.swiper-container_focus .swiper-slide img{ width: 756px; height: 546px; border-top-left-radius: 8px;}

.focus_prev, .focus_next{ position: absolute; top: 50%; width: 28px; height: 45px; margin-top: -22px; background-image: url(arr1.png); cursor: pointer; outline: none; z-index: 10}
.focus_prev{ left: 10px; background-position: 0 0}
.focus_next{ right: 10px; background-position: -28px 0}

.news{ position: relative; float: right; width: 520px; height: 640px; padding: 64px 68px 0; background: url(bg_headline.png) no-repeat center top; box-sizing: border-box; z-index: 3}
.headline{ padding-bottom: 36px; margin-bottom: 36px; border-bottom: 2px solid #edbeab;}
.headline h2{ max-height: 80px; margin-bottom: 30px; font: bold 30px/40px "Microsoft Yahei"; color: #ffead0; text-align: justify; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.headline h2 a{ color: #ffead0;}
.headline p{ max-height: 64px; font: 20px/32px "Microsoft Yahei"; color: #f2e099; text-align: justify; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.news_list{}
.news_list li{ position: relative; height: 60px; padding-left: 40px; font: 20px/60px "Microsoft Yahei"; color: #ffead0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news_list li:before{ position: absolute; top: 50%; left: 0; width: 18px; height: 18px; margin-top: -9px; background-color: #feddbb; border-radius: 50%; content: ""}
.news_list li a{ color: #ffead0}

a.btn_more{ display: block; width: 211px; height: 70px; font: bold 26px/64px "Microsoft Yahei"; color: #ffead0; text-align: center; background: url(bg_more.png) no-repeat center top;}
a.btn_more.pos1{ float: right; margin-top: 30px;}
a.btn_more.pos2{ position: absolute; top: 330px; right: 0; }
a.btn_more.pos3{ position: absolute; bottom: 20px; right: 40px; z-index: 10}
a.btn_more.pos4{ float: right; margin-right: 30px;}

.box2{ min-height: 948px; margin-bottom: 198px; background: url(bg_video_box.png) no-repeat center top;}
.video_con{ width: 1256px; height: 722px; margin: 0 auto 220px; border: 16px solid #db5728; background-color: #000; border-radius: 8px; box-sizing: border-box;}

.ztbd{}
.ztbd img{ float: left; width: 600px; height: 283px; margin-right: 80px;}
.ztbd a:nth-child(2n) img{ margin-right: 0}

.box3{ margin-bottom: -154px;}
.tit_tscj{ height: 188px; margin-bottom: 104px; background: url(tit_tscj.png) no-repeat center top;}
.tscj_con{ position: relative; height: 1484px; background: url(bg_tscj.png) no-repeat center top;}
.tscj_des{ position: absolute; top: -70px; left: 44px; font: 20px/24px "Microsoft Yahei"; color: #d23111}
.tscj_con .i1{ position: absolute; top: 152px; left: 23px; width: 360px; height: 608px; overflow: hidden}
.tscj_con .i1 img{ width: 360px; height: auto;}
.tscj_con .i2{ position: absolute; top: 17px; left: 449px; width: 360px; height: 1050px; overflow: hidden}
.tscj_con .i2 img{ width: 360px; height: auto;}
.tscj_con .i3{ position: absolute; top: 486px; left: 910px; width: 360px; height: 608px; overflow: hidden}
.tscj_con .i3 img{ width: 360px; height: auto;}

/*************** SCROLLBAR BASE CSS ***************/
 
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    /*margin: 0;*/
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    /*padding: 0;*/
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
  }

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
/*************** SIMPLE INNER SCROLLBAR ***************/
 
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
 
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

.box4{ margin-bottom: 80px;}
.tit_dbfc{ height: 188px; margin-bottom: 55px; background: url(tit_dbfc.png) no-repeat center top;}
.dbfc_1{ position: relative; padding: 38px 45px; margin-bottom: 45px; background-color: #fff; border-radius: 20px;}
.dbfc_1:before{ position: absolute; bottom: 0; left: 0; width: 1280px; height: 15px; background: url(icon_dbfc.png) no-repeat center top; content: "";}
.dbfc_tem{ float: left; position: relative; width: 564px; margin: 0 62px 30px 0; }
.dbfc_tem:nth-child(2n){ margin-right: 0}
.dbfc_tem span{ position: absolute; top: -9px; left: 0; width: 124px; height: 50px; font: bold 26px/50px "Microsoft Yahei"; color: #ffe8b7; text-align: center; background-color: #d23111; border-radius: 25px;}
.dbfc_tem h3{ width: 550px; height: 64px; padding: 0 30px 0 140px; margin-left: 14px; font: 24px/64px "Microsoft Yahei"; color: #333; background: -moz-linear-gradient(top, #f1e2ba, #fff6e5 50%, #f1e2ba);background: -webkit-linear-gradient(top , #f1e2ba, #fff6e5 50%, #f1e2ba);background: -o-linear-gradient(top , #f1e2ba, #fff6e5 50%, #f1e2ba); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; border-radius: 32px;}
.dbfc_tem h3 a{ color: #333;}

.dbfc_2{ height: 464px; display: flex; align-items: center; background: url(bg_dbfc2.png) no-repeat center top;}
.dbfc_2_wrap{ position: relative; width: 1180px; height: 415px; margin: 0 auto;}

.swiper-container_dbfc{ position: relative; width: 1180px; height: 415px;  overflow: hidden; z-index: 3}
.swiper-container_dbfc .swiper-wrapper{ height: auto;}
.swiper-container_dbfc .swiper-slide{ position: relative;}
.swiper-container_dbfc .swiper-slide-active,.swiper-container_dbfc .swiper-slide-duplicate-active{ width: 215px; height: 415px;}
.swiper-container_dbfc .swiper-slide img{ width: 215px; height: 415px; }

.dbfc_prev, .dbfc_next{ position: absolute; top: 50%; width: 28px; height: 45px; margin-top: -22px; background-image: url(arr1.png); cursor: pointer; outline: none; z-index: 10}
.dbfc_prev{ left: -50px; background-position: 0 0}
.dbfc_next{ right: -50px; background-position: -28px 0}


.box5{ margin-bottom: 114px;}

.tit_jjsh{ height: 188px; margin-bottom: 123px; background: url(tit_jjsh.png) no-repeat center top;}

.jjsh_wrap{  position: relative; width: 1280px; height: 796px; margin: 0 auto;}
.swiper-container_jjsh{ width: 1280px; height: 796px; overflow: hidden;}
.swiper-container_jjsh .swiper-wrapper{ height: auto;}
.swiper-container_jjsh .swiper-slide{ position: relative; width: 438px; height: 796px;  box-sizing: border-box; }
.swiper-container_jjsh .swiper-slide-active,.swiper-container_jjsh .swiper-slide-duplicate-active{  opacity: 1}

.jjsh_i{ width: 100%; height: 784px; border-radius: 12px; box-shadow: 0 0 20px 2px rgba(73,66,56,0.25)}
.swiper-container_jjsh .swiper-slide img{ width: 100%; height: 784px; border-radius: 8px; box-sizing: border-box;  }

.swiper-container_jjsh .swiper-slide-active .jjsh_i{ }
.swiper-container_jjsh .swiper-slide-active .jjsh_i{ border: 6px solid #fee5a1; box-shadow: none;}
.swiper-container_jjsh .swiper-slide-active img{ }

.jjsh_control{ }
.jjsh_control > div{ position: absolute; top: 50%; width: 28px; height: 45px; margin-top: -22px; background-image: url(arr2.png); z-index: 10; cursor: pointer; outline: none}
.jjsh_prev{ left: 10px; background-position: 0 0;}
.jjsh_next{ right: 10px; background-position: -28px 0;}

.box6{}
.tit_xxgc{ height: 188px; margin-bottom: 94px; background: url(tit_xxgc.png) no-repeat center top;}
.xxgc_box{ width: 1280px; height: 875px; padding: 50px 50px 0; margin: 0 auto; background: url(bg_xxgc.png) no-repeat center top; box-sizing: border-box;}
.xxgc_list{}
.xxgc_list li{ position: relative; float: left; width: 530px; height: 134px; padding: 30px 0 30px 36px; margin-right: 120px; font: 22px/36px "Microsoft Yahei"; border-bottom: 2px solid #ddc3c3; box-sizing: border-box;}
.xxgc_list li:nth-child(2n){ margin-right: 0}
.xxgc_list li:before{ position: absolute; top: 38px; left: 0; width: 23px; height: 22px; background: url(icon3.png) no-repeat center top; content: ""}
.xxgc_list li a{ max-height: 72px; text-align: justify; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}