*{margin:0;padding:0;}
html{color:#fff;}
body{width:100%; margin:0 auto;font-size:18px;font-family:"Microsoft YaHei"; line-height: 1.7;}
ol,ul,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{border:0 none;-ms-interpolation-mode:bicubic;}
.clear,.clearfix{zoom:1;}
.clear:after,.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden;}
.hidden,.hide{display:none;}
.over{ overflow:hidden;}
.fl{float: left;}
.fr{float: right;}
.tc{text-align: center;}
a{text-decoration:none; cursor: pointer;}
.btn{display: block;width: 308px;height: 60px;line-height: 60px;text-align: center;border-radius: 30px;background-color: #bf4ede;margin: 20px auto;font-size: 20px;color: #fff}
.container{ width: 100%; max-width: 1920px; min-width: 1024px; margin: 0 auto; overflow:hidden;font-size: 18px; color: #666; }
.wrapper{width: 1180px;margin: 0 auto;overflow: hidden;}
.banner{ width: 100%;height: 750px;clear: both;background: url(../images/banner.jpg) no-repeat center;margin-bottom: 30px}
.container h2{font-size: 48px;font-weight: 400;color: #000;text-align: center;line-height: 1;margin: 30px 0;}
.container h2 span{color: #9783c9}
.container .wrapper p{font-size: 16px;color: #666;text-align: left;line-height: 28px;text-indent: 2em;}
.font22{ font-size: 22px}
.col_black{ color: #000}
.section1{width: 100%;}
.section1 h2 img{padding-right: 5px}
.section1 dl{float: left;width: 270px;height: 195px;position: relative;margin: 0 33px 20px 0}
.section1 dd{width: 100%;height: 40px;background: #474350;background: rgba(104,99,113, 0.8);opacity: 0.8;filter:alpha(opacity=80);position: absolute;bottom: 0;left: 0;color: #fff;text-align:center;line-height: 40px;font-size: 18px;font-weight: 300}
.section1  dd span{width: 90%;margin: 0 auto;display:block;font-size: 14px;line-height: 16px;padding-top:5px;}
.section1 dl.mar{margin-right:0;}
.section2{height: 667px;background: url(../images/img12.jpg) no-repeat;margin-bottom: 65px;}
.section2 .content ul{width: 100%;overflow: hidden;margin: 40px auto 30px auto}
.section2 .content ul li{width: 287px;height: 427px;position: relative;overflow: hidden;float: left;margin-right: 10px;}
.section2 .content ul li span{display: block;width: 287px;height: 427px;position: absolute;left: 0;bottom:-373px;background: #474350;opacity: 0.8;filter:alpha(opacity=80);}
.section2 .content ul li div{width: 287px;height: 427px;position: absolute;left: 0;bottom: -373px;}
.section2 .content ul li h3{font-size: 18px;font-weight: normal;text-align: center;color:#fff;padding-top: 10px;padding-bottom: 15px;}
.section2 .content ul li p{font-size: 16px;color:#fff;padding:0 45px;}
.section2 .content ul li b{display: block;width: 30px;height: 30px;background: url(../images/img10.png) no-repeat;position: absolute;bottom: 385px;right: 10px;}
.section2 .content ul .mar{margin-right:0;}
.section3{width: 100%;height: 739px;/*background: url(../images/img13.jpg) no-repeat left;*/margin-top:30px; background:#b3a7cd;}
.section3 .wrapper{height: 739px;position: relative}
.section3 .content{width: 69%;/*position: absolute;left:27%;top: 0;*//*overflow: hidden*/}
.section3 .content p{width: 152px;height: 56px;background-color: #cac3d9;line-height: 56px;text-align: center;color: #4c4c4c;font-size: 20px;text-indent: 0;margin-right:10px;margin-bottom: 20px;}
.section3 .conttop{margin-top: 30px}
.section3 .conttop,.section3 .contmidd,.section3 .contbot{overflow: hidden}
.section3 .conttop p{float: left}
.section3 .fl{width:792px;overflow: hidden;}
.section3 .conttop .fl dl{width: 193px;float: left}
.section3 .conttop .fl .marg{margin: 0 15px}
.section3 .conttop .fl dt{height: 10%}
.section3 .conttop .fl dd{height: 30px;line-height:30px;font-size: 14px;color: #Fff;text-align: center}
.section3 .pfl{width: 152px;float: left;margin-right:10px;}
.section3 .contmidd{margin:20px 0 30px 0;}
.section3 .contmidd .fl{font-size: 16px;color: #333}
.section3 .contmidd .fl ul{margin-top: 22px;}
.section3 .contmidd .fl li{background: url(../images/img17.jpg) no-repeat top left;text-indent: 30px;}
.section3 .contbot p{background:#504766;color: #fff}
.section3 .contbot p img{display: inline-block;vertical-align: middle;padding-right: 5px}
.section3 .contbot .fl{position: relative}
.section3 .contbot span{display: block;/*width: 100%;*/height: 56px;background-color: #504766;line-height: 56px;color: #fff;font-size: 20px;text-indent: 40px;margin-bottom:20px;}
.kst{display: block;width: 170px;height: 170px;border-radius: 50%;background-color: #BF4EDE;text-align: center;font-size: 24px;font-weight: 500;color: #fff;overflow: hidden;position: absolute;left:610px;bottom: 5px;z-index: 11;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;border: 5px solid #fff;}
.kst b{font-weight: normal;display: block;margin-top: 45px;}
.kst:hover{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);}
.section4{height: 769px;background:#f2f2f2;}
.section4 .wrapper{height: 769px}
.section4 .content{width: 995px;}
.section4 .contmidd .fl{color: #666}
.section4 .contmidd .fl li{background: url(../images/img33.jpg) no-repeat center left;}
.section4 .contmidd .fl .img{background: url(../images/img34.jpg) no-repeat top left;}
.section4 .conttop .fl dd{color: #666}
.section4 .contmidd{margin: 0;}
.section4 .content p{background: #999;color: #fff;}
.section4 .contbot p{background:#9783C9}
.section4 .contbot span{background: #9783C9}
.section5{height: 795px;}
.section5 .wrapper{height: 795px}
.section5 .contmidd .fl .img{background: url(../images/img22.jpg) no-repeat top left;}
.section5 .conttop .fl dl,.section4 .conttop .fl dl{margin-right: 14px;}
.section5 .conttop .fl .mar,.section4 .conttop .fl .mar{margin-right: 0}
.section5 .content .contmidd p,.section4 .content .contmidd p{margin-bottom: 70px}
.section5 .contmidd .fl ul,.section4 .contmidd .fl ul{margin-top: 15px}
.section5 .contmidd{margin-bottom: 0}
.section6{height: 905px;}
.section6 .wrapper{width: 1220px;height: 905px;background: url(../images/img36.jpg) no-repeat right bottom;}
.section6 .content{position: relative;padding-bottom: 5px;}
.section6 .content h1{font-size: 38px;color: #2d2933;margin-top:127px;font-weight: 400}
.section6 .content h3{font-size: 40px;color: #000;font-weight: bold;}
.section6 .content ul{width: 730px;color: #666;font-size: 16px;}
.section6 .content ul li{margin: 10px 0}
.section6 .content ul b{display: inline-block;width: 70px;color: #36226a;font-weight: 500;margin-right: 15px}
.section6 .contmid,.section6 .contbot{width: 100%;overflow: hidden;margin:30px 0 40px 0}
.section6 .contmid dl{width: 120px;float: left;font-size: 14px;text-align: center}
.section6 .contbot dl{width: 235px;float: left;text-align: center;font-size: 14px}
.section6 .contbot .mar{margin: 0 7px;}
.section6 .kst{position: absolute;right: 280px;bottom: 0;line-height: 170px;}
.section7{width: 100%;height: 140px;margin-bottom: 65px;background:url(../images/img46.jpg) no-repeat center;}
.section7 .wrapper{position: relative;width: 1180px;margin: 0 auto; overflow: visible}
.container .section7 p{width: 1095px;height: 80px;position:absolute;right: 0;top:32px;text-indent: 63px;padding-top: 25px;background: url(../images/img47.png) no-repeat center;}
.container .section7 p span{display: block;}

.section8{width: 100%;max-width: 1920px;min-width: 1024px;margin: 0 auto;overflow:hidden;height: 975px;margin-bottom: 65px;}
.doc_slider{width: 100%;height: 975px;overflow: hidden;position: relative;}
.doc_slider .next,.doc_slider .prev{display: block;width: 127px;height: 127px;background-repeat:no-repeat;position: absolute;top:50%;margin-top: -50px;z-index:12;opacity:0;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.doc_slider .prev{left:10%;background-image:url(../images/prev.png);}
.doc_slider .next{right:10%; background-image:url(../images/next.png);}
.doc_slider:hover .next,.doc_slider:hover .prev{opacity:1;}
.doc_slider .sider{position: relative;z-index:11;}
.doc_slider .sider>li{float: left;max-width:1920px;min-width:1024px; width: 100%; height: 975px;position: relative}
.doc_slider .sider>li.b1{background: url(../images/img48.jpg) no-repeat center;}
.doc_slider .sider>li.b2{background: url(../images/img49.jpg) no-repeat center;}
.doc_slider .sider>li.b3{background: url(../images/img501.jpg) no-repeat center;}
.doc_slider .sider>li.b4{background: url(../images/img502.jpg) no-repeat center;}
.doc_slider .sider>li.b5{background: url(../images/zj_lgf.jpg) no-repeat center;}
.doc_slider .sider>li.b6{background: url(../images/zj_lh.jpg) no-repeat center;}
.doc_slider .sider>li.b7{background: url(../images/zj_wk.jpg) no-repeat center;}
.doc_slider .sider>li.b8{background: url(../images/zj_txh.jpg) no-repeat center;}
.doc_slider .sider>li.b9{background: url(../images/zj_zdy.jpg) no-repeat center;}
.doc_slider .sider>li.b10{background: url(../images/zj_fzy.jpg) no-repeat center;}

.doc_slider .sider .bg{width: 44%;height: 867px;background: rgba(233,230,245,0.6);position: absolute;top: 66px;right: 13%;line-height: 28px}
.doc_slider .sider .bg .li{width: 520px;margin: 0 auto;font-size: 16px;color: #666;}
.doc_slider .sider .bg b{display: block;height: 55px;line-height: 55px;color: #333;font-size: 24px;background: url(../images/img50.png) no-repeat left center;text-indent: 40px;}
.doc_slider .sider .bg .bold{display:inline-block;font-size: 35px;color: #333;margin-top: 40px;background: 0;text-indent: 0;}
.doc_slider .sider .bg span{display:inline-block;font-size: 22px;color: #666;margin-top: 40px;}
.doc_slider .sider .bg p{width: 320px;height: 46px;line-height: 32px;font-size: 30px;color:#786b99;border-bottom: 1px solid #786b99;}
.qiehuan{height: 245px;overflow: hidden;position: relative;}
.qiehuan .hd1{width:100%;height: 24px;position: absolute;bottom: 2px;left: 0;text-align: center;z-index:11;}
.qiehuan .hd1 li{display: inline-block;*display: inline;*zoom:1;width: 24px;height: 24px;border-radius:50%;overflow: hidden;background: #d9d9d9;margin:0 5px;text-indent:-99999px;}
.qiehuan .hd1 li:hover,.qiehuan .hd1 li.on{background: #cf9bde;}
.qiehuan .sider1 img{display: block;margin:0 auto;} 
.dianji{width:520px;margin: 20px auto;overflow: hidden}
.dianji a{display:inline-block;width: 239px;height: 59px;text-align: center;line-height: 59px;color: #fff;border-radius: 5px;background-color: #bf4ede;font-size: 24px;float: left}
.dianji .fr{float: right}
.section9{height: 705px;background: url(../images/img51.jpg) no-repeat center}
.item_scroll {width: 100%;position: relative;height: 591px;top: 110px;}
.item_slider { width: 100%; height:591px; position: relative; margin: 0 auto; overflow: hidden; }
.item_slider .bd li {width: 100%;position: relative;}
.item_slider .bd li.l1{background:url(../images/img55.png) no-repeat right top;}
.item_slider .bd li.l2{background:url(../images/img54.png) no-repeat right top;}
.item_slider .bd li.l3{background:url(../images/img53.png) no-repeat right top;}
.item_slider .bd li.l4{background: url(../images/img52.png) no-repeat right top;}

.item_slider .hd ul {position: absolute;width: 182px;position: absolute;left: 40px;top: 0;}
.item_slider .hd ul li{width: 182px;height: 79px;margin-bottom: 50px;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;cursor:pointer}
.item_slider .hd ul li.l1{background:url(../images/img56.png) no-repeat center;}
.item_slider .hd ul li.l2{background:url(../images/img57.png) no-repeat center;}
.item_slider .hd ul li.l3{background:url(../images/img58.png) no-repeat center;}
.item_slider .hd ul li.l4{background:url(../images/img59.png) no-repeat center;}
.item_slider .hd ul li.l1.on{background:url(../images/img60.png) no-repeat center;}
.item_slider .hd ul li.l2.on{background:url(../images/img61.png) no-repeat center;}
.item_slider .hd ul li.l3.on{background:url(../images/img62.png) no-repeat center;}
.item_slider .hd ul li.l4.on{background:url(../images/img63.png) no-repeat center;}
.section9 .text{width: 464px;height: 500px;padding: 270px 250px;color: #4c4c4c;font-size: 16px;}
.section9 .text p{width: 100%;text-indent: 0}
.section9 .text a{display: block;width: 166px;height: 51px;background-color: #bf4ede;color: #fff;line-height: 51px;text-align: center;font-size: 20px;margin:20px 0}

.section10 dl{ font-size: 22px; color: #000}
.section10 dl dt{ width: 663px; margin-right: 20px}
.section10 dl dd{ width: 490px; padding: 40px 0}
.patb20{ padding: 20px 0}


.youhui{width: 100%;margin: 0 auto;}
.youhui .text,.youhui a{display: block;width: 1180px;margin: 0 auto}
.youhui .text{width: 1180px;margin:50px auto;}
.youhui .text p{width: 100%;text-align: center;color: #727272;line-height: 34px;font-size: 18px}
.youhui  h2{font-size:38px;color:#212121;text-align: center;margin-bottom: 10px;}


.topic_activity {
    overflow: hidden;
    background: #eee;
    padding: 30px 0;
    width: 100%;
}

.slide11 h2 {
    font-size: 48px !important;
    font-weight: normal !important;
    color: #000 !important;
    text-align: center;
    line-height: 1.4!important;
    margin-bottom: 40px !important;
    text-indent: 0 !important;
}
.slide11 h2 span {
    font-size: 20px !important;
    display: block !important;
    border: none !important;
    text-align: center;
    color: #666 !important;
}
/* 本例子css */
        .slide11 .slideBox{ width:868px; height:478px;  position:relative; margin:0 auto 60px;  }
        .slide11 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
        .slide11 .slideBox .bd li{ zoom:1; vertical-align:middle; }
        .slide11 .slideBox .bd img{ /*width:450px; height:230px;*/ display:block;  }

        /* 下面是前/后按钮代码，如果不需要删除即可 */
        .slide11 .slideBox .prev,
        .slide11 .slideBox .next{ position:absolute; left:-7%; top:50%; margin-top:-62px; display:block; width:42px; height:124px; background:url(../images/prev_1.jpg) no-repeat;}
        .slide11 .slideBox .next{ left:auto; right:-7%; background:url(../images/next_1.jpg) no-repeat; }
        .slide11 .slideBox .prev:hover,
        .slide11 .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
        .slide11 .slideBox .prevStop{ display:none;  }
        .slide11 .slideBox .nextStop{ display:none;  }



.section_like {
    background: #eeeeee;
    overflow: hidden;
    padding: 40px 0 !important;
}
.section_like h2 {
    margin: 0 0 30px;
    text-align: center;
    font-size: 40px;
    font-weight: 700 !important;
    color: #000;
}
.special {
    width: 1180px;
    margin: 0 auto;
    position: relative;
}
.special .scroll_zt {
    position: relative;
    margin-top: 5px;
}
.special .scroll_zt li {
    float: left;
    width: 380px;
    padding-bottom: 20px;
    margin-right: 20px;
    background: #fff;
}
.special .scroll_zt a {
    width: 380px;
    transition: all 300ms linear;
    -moz-transiton: all 300ms linear;
    -webket-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    margin: 5px 0;
}
.special .scroll_zt a img {
    width: 100%;
    border-radius: 5px;
}

.special .scroll_zt li .p1 {
    font-size: 20px;
    text-align: center;
    color: #333;
    padding: 0;
    padding-top: 10px;
    line-height: 40px;
}
.special .scroll_zt li p {
    font-size: 16px;
    color: #666;
    padding: 0 32px;
}

.special .scroll_zt li span {
    font-size: 18px;
    display: block;
    text-align: center;
    color: #666;
    line-height: 30px;
}

.special .scroll_zt li p a {
    color: #7e36a5;
    line-height: 25px;
}
.section3 .content .pp1 {
    margin-top: 35%;
}

.p_db{ width: 1200px; margin: 0 auto}
.p_db img{ padding: 5px 0}


.new-pro{ margin: 0 auto; width:1200px; position:relative; overflow:hidden}
.new-pro .txt1{ position:absolute; width:405px; font-size:20px; line-height:32px; left:565px; top:192px; color:#000;}
.new-pro .txt2{ position:absolute; width:645px; font-size:20px; line-height:46px; left:572px; top:465px; color:#000;}
.new-pro .txt2 p{ text-indent:40px;}
.new-pro .btn{ display:inline-block;}

.new-pro1{ margin:20px auto; width:1044px; position:relative; overflow:hidden}
.new-pro1 .txt1{ position:absolute; width:345px;font-size:20px; line-height:52px; left:55px; top:45px; color:#000;}
.new-pro1 .btn{ position:absolute; left:58px; top:290px;}
.new-pro1 .img{ position:absolute; width:487px; left:495px; top:27px;}

@media screen and (max-width: 1680px) {
    .section3 .content {
    width: 59%;
    }
    .section3 .fl {
    width: 78%;
    }
    .section3 .conttop .fl dl {
    width: 31%;
   }
   .kst {
    
    width: 125px;
    height: 125px;
    
    font-size: 18px;
    
    
    position: absolute;
    left: 77%;
}
.img18{
    width:82%;
}
.section3 .content p {
    width:125px;
}
.section3 .pfl {
    width:125px;
}
.kst b {
    margin-top: 26%;
}
.img28{
    width: 82%!important;
}
.section3 .conttop .fl .dll {
    width: 23%;
   }
   .section4 .contmidd .fl ul {
    margin-top: 0;
}
.section3 .conttop .fl .dl2 {
    width: 23%;
}
.section3 .fl1 {
    width: 78%!important;
}
.section3 .contmidd2 {
    margin: 0;
}
.section3 .li1{
    margin-bottom: 5px;
}
.section6 .kst2 {
    
    line-height: 122px;
}
}
@media screen and (max-width: 1440px) {
    .section3 .li1{
    margin-bottom: 20px;
}
}