@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:1200px; margin:0 auto; position:relative;}

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

.zt_banner{ height: 930px; background: url(banner.jpg) no-repeat center top;}
.bg{ max-height: 4583px; padding-bottom: 50px; background: url(bg.jpg) no-repeat center top; overflow: hidden; box-sizing: border-box;}

.headline{ margin-top: 80px;}
.headline h2{ margin-bottom: 60px; font: bold 36px/42px "Microsoft Yahei"; color: #fa4864; text-align: center;}
.headline h2 a{ color: #fa4864}

.focus_con{ position: relative; width: 1224px; height: 649px; margin-bottom: 40px; background: url(bg_focus.png) no-repeat center right;}

#swiper-container2-2{ position: absolute; top: 97px; left: 0px; width: 715px; height: 461px; }
#swiper-container2-2 .swiper-slide{ position: relative; width: 715px; height: 461;  }

#swiper-container2-2 .swiper-slide img{ width: 715px; height: 461px;}

#swiper-container2-2 .swiper-slide h3{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 8px 18px; font: 22px/32px "Microsoft Yahei"; color: #fff; text-align: justify; background: rgba(255,143,161,0.7); box-sizing: border-box}


.sc2_2_prev, .sc2_2_next{ position: absolute; right: 30px; width: 86px; height: 76px; background-image: url(arr1.png); cursor: pointer; outline: none;}
/*.sc2_2_prev{ top: 35px; background-position: 0 0}*/
.sc2_2_prev{ top: 35px; background-position: 0 -76px}
/*.sc2_2_next{ top: 526px; background-position: -86px 0}*/
.sc2_2_next{ top: 526px; background-position:  -86px -76px}

#swiper-container2-1{ position: absolute; top: 122px; right: 30px; width: 420px; height: 392px; }
#swiper-container2-1 .swiper-slide{ position: relative; width: 420px; height: 100px; cursor: pointer;}
#swiper-container2-1 .swiper-slide.swiper-slide-thumb-active h3{ font-weight: bold; color: #fff;}

#swiper-container2-1 .swiper-slide img{ float: left; width: 178px; height: 100px; border-radius: 10px;}
#swiper-container2-1 .swiper-slide h3{ float: right; width: 220px; max-height: 96px; font: 20px/32px "Microsoft Yahei"; color: #333; text-align: justify; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.tit{ height: 147px; margin-bottom: 60px; background-position: center top; background-repeat: no-repeat;}
.tit1{ background-image: url(tit1.png);}
.tit2{ background-image: url(tit2.png);}
.tit3{ background-image: url(tit3.png);}

.box1{ margin-bottom: 60px;}

#swiper-container1{ height: 502px; margin-bottom: 40px;}
#swiper-container1 .swiper-slide{ position: relative; width: 1200px; height: 502px;}

#swiper-container1 .swiper-slide img{ float: right; width: 895px; height: 502px;}
.sc1_wz{ float: left; width: 305px; height: 502px; padding: 52px 18px 0; background-color: #fa4864; box-sizing: border-box;}
.sc1_wz h3{ margin-bottom: 10px; font: bold 26px/32px "Microsoft Yahei"; color: #fff; text-align: center;}
.sc1_wz h3 a{ color: #fff;}
.sc1_wz p{ font: 18px/32px "Microsoft Yahei"; color: #fff; text-align: justify; text-indent: 2em;}

#swiper-container1>.swiper-pagination-bullets{ bottom: 40px; left: 0; width: 305px; text-align: center;}
#swiper-container1>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 4px; width: 10px; height: 10px; background-color: #fff; border-radius: 5px; opacity: 1;}
#swiper-container1>.swiper-pagination-bullets .swiper-pagination-bullet-active{ width: 40px; background-color: #fff;}

.box1_list{}
.box1_list li{ position: relative; float: left; width: 560px; height: 112px; padding: 0 30px 0 68px; margin: 0 80px 30px 0; font: 16px/98px "Microsoft Yahei"; text-align: justify; background: url(bg_list1.png) no-repeat center top; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; }
.box1_list li:nth-child(2n){ margin-right: 0}
.box1_list li:before{ position: absolute; top: 40px; left: 34px; width: 18px; height: 18px; background: -moz-linear-gradient(top, #fff, #f98e9f); background: -webkit-linear-gradient(top , #fff, #f98e9f);background: -o-linear-gradient(top , #fff, #f98e9f); border-radius: 50%; content: ""}
.box1_list li a{}

a.btn_more{ display: block; width: 139px; height: 48px; margin: 0 auto; font: 16px/48px "Microsoft Yahei"; color: #fdebc5; text-align: center; background: url(btn_more.png) no-repeat center top;}

.box2{ margin-bottom: 70px}
.box2_con{}
.zcgs_tem{ float: left; width: 576px; height: 258px; padding: 58px 26px 0 20px; margin: 0  48px 30px 0; background: url(bg_list2.png) no-repeat center top; box-sizing: border-box;}
.zcgs_tem:nth-child(2n){ margin-right: 0}
.zcgs_tem img{ float: left; width: 244px; height: 136px; border: 4px solid #ffe9f2; border-radius: 4px;}
.zcgs_tem_r{ float: right; width: 256px;}
.zcgs_tem_r h3{ font: bold 20px/32px "Microsoft Yahei"; color: #fa4864; text-align: justify; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.zcgs_tem_r h3 a{ color: #fa4864;}
.zcgs_tem_r p{ font: 16px/32px "Microsoft Yahei"; color: #333;}
.zcgs_tem_r p a{ color: #fa4864}

/*************** 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: 0px;
    top: 0;
    width: 10px;
}
 
.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: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
 
.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: #fff; }
.scrollbar-inner > .scroll-element .scroll-bar {background-color: #ff7187; box-sizing: border-box;}
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #ff7187; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #ff7187; }
 
 
/* 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; }

.qjnzg{ height: 970px; margin-bottom: 40px; overflow: hidden;}
.qjnzg_tem{ width: 1168px; height: 208px; margin-bottom: 44px; background: url(bg_list3.png) no-repeat center bottom; overflow: hidden;}
.qjnzg_tem img{ width: 306px; height: 172px; border: 4px solid #ffedf2; border-radius: 4px;}
.qjnzg_wz{ width: 700px; margin-top: 82px;}
.qjnzg_wz h3{ height: 30px; margin-bottom: 14px; font: bold 24px/32px "Microsoft Yahei"; color: #fa4864; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.qjnzg_wz h3 a{ color: #fa4864}
.qjnzg_wz p{ font: 16px/24px "Microsoft Yahei"; color: #333;}
.qjnzg_wz p a{ color: #fa4864}

.qjnzg_tem:last-child{ margin-bottom: 0}
.qjnzg_tem:nth-child(odd) img{ float: left; margin-left: 50px;}
.qjnzg_tem:nth-child(odd) .qjnzg_wz{ float: right; margin-right: 78px;}
.qjnzg_tem:nth-child(even) img{ float: right; margin-right: 78px;}
.qjnzg_tem:nth-child(even) .qjnzg_wz{ float: left; margin-left: 50px;}