@charset "gb2312";
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p,em, img, strong,b, i,dl, dt, dd, ol, ul, li,form, label,table, caption,article, aside, canvas, details,  footer, header, menu, nav, section, time, mark, audio, video, input, select { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;font-family:"΢ÈíÑźÚ";box-sizing: border-box;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-o-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);}

.r{border:1px red solid;}
.b{border:1px black solid;}
.block{display:block;}
.none{display:none;}
.tran{-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

@media screen and (max-width:450px){
    html{font-size:16px;} 
}
@media screen and (max-width:375px){
    html{font-size:14px;} 
}
@media screen and (max-width:350px){
    html{ font-size:12px; } 
}
.header{background-color: rgba(255,255,255, 0.3); height:75px;width:100%;position:fixed;top:0;z-index: 999;}
.navbar-default{border:none;}
i,em{font-style:normal;}
.margin_auto{margin:0 auto;}
.nav_btn{float:right;}
.nav_btn li{margin-right:1rem;}
.nav_btn li a{height:75px;line-height:75px;color:#333;font-size:1.6rem;padding:2px 5px;}
.nav_btn li a:hover{color:#f88408;}

.navbar-brand{padding-top:5px;}
.collapsed{margin-top:20px;}
.logo_img{margin-top:15px;}
ul,li,dl,dd,dt{list-style:none;}
a{text-decoration: none;transition: all 0.5s ease-out;}
a:hover{text-decoration: none;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover { text-decoration:none;}
.c_banner{overflow:hidden;width:100%;}
.c_banner .banner_img{display:block;position:relative; left:50%; margin-left:-960px; width:1920px;}


.tit{margin:2rem auto;}

.meng1{padding-bottom:3rem;}
.meng1 .jj_left{float:left;width:46%;}
.meng1 .jj_left p{background:url(../images/bg1.png) no-repeat 34px 95px;padding:5rem 0 0 2rem;font-size:14px;line-height: 1.8;}
.meng1 .jj_right{float:right;width:54%;}

.meng2{background:#a3a4d9;padding:2rem 0 4rem 0;}

.meng3{padding:2rem 0 4rem 0;}
.meng3 .dao{margin-top:4rem;}
.meng3 ul{overflow:hidden;margin-top:2rem;}
.meng3 ul li{width:234px;float:left;margin-right:21px;}
.meng3 ul li .p1 span{display:block;line-height: 20px;font-weight: bold;line-height: 3rem;color:#fff;text-align: center;}
.meng3 ul li.li1 .p1 span{background:#ed5e80;}
.meng3 ul li.li2 .p1 span{background:#888adc;}
.meng3 ul li.li3 .p1 span{background:#50ade2;}
.meng3 ul li.li4 .p1 span{background:#5ccd70;}
.meng3 ul li:last-child{margin-right:0;}
.meng3 ul li .p2{width:100%;background:#ef6e8c;padding:1rem;color:#fff;font-size:14px;line-height: 2rem;height:31rem;}
.meng3 ul li.li2 .p2{background:#888adc;}
.meng3 ul li .p2 p{display:block;overflow:hidden;}
.meng3 ul li .p2 p b{float:left;width:35%;}
.meng3 ul li .p2 p b.chang{width:50%;}
.meng3 ul li .p2 p em{float:left;width:60%;}
.meng3 ul li .p2 p em.ch{width:50%;}
.meng3 ul li .p2 a{display:block;width:90%;color:#fff;border:1px #fff solid;margin:2rem auto;font-size:15px;font-weight: bold;line-height: 3rem;text-align: center;}
.meng3 ul li .p2 a:hover{background:#fff;color:#ed5e80;}
.meng3 ul li.li2 .p2 a:hover{background:#fff;color:#888adc;}

.meng3 ul li.li1 .p3{width:493px;margin-top:2rem;}
.meng3 ul li .p1{position:relative;overflow:hidden;}
.meng3 ul li .p1 .fu{position:absolute;bottom:-100%;left:0; width:100%;height:100%;padding:1rem;color:#fff;font-size:14px;line-height: 2rem;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.meng3 ul li.li3 .p1:hover .fu{bottom:0;}
.meng3 ul li.li4 .p1:hover .fu{bottom:0;}
.meng3 ul li.li3 .p1 .fu{background:rgba(80,173,226,0.8);}
.meng3 ul li.li4 .p1 .fu{background:rgba(92,205,112,0.8);}
.meng3 ul li.li3 .p1{margin-bottom:0.5rem;}
.meng3 ul li.li4 .p1{margin-bottom:0.5rem;}
.meng3 ul li .p1 .fu p.p_tit{font-size:16px;font-weight: bold;text-align: center;margin:2rem 0 1rem;}
.meng3 ul li .p1 .fu p{display:block;overflow:hidden;}
.meng3 ul li .p1 .fu p b{float:left;width:35%;}
.meng3 ul li .p1 .fu p b.chang{width:50%;}
.meng3 ul li .p1 .fu p em{float:left;width:60%;}
.meng3 ul li .p1 .fu p em.ch{width:50%;}
.meng3 ul li .p1 .fu a{display:block;width:90%;color:#fff;border:1px #fff solid;margin:2rem auto;font-size:15px;font-weight: bold;line-height: 3rem;text-align: center;}
.meng3 ul li .p1 .fu a:hover{background:#fff;color:#50ade2;}
.meng3 ul li.li4 .p1 .fu a:hover{background:#fff;color:#5ccd70;}

.meng4{padding:2rem 0 4rem 0;background:#ffb7d7;}
.fa{background:#fff;overflow:hidden;padding:90px 50px 100px 70px;}
.fa_img{margin:0 0 30px 30px;}
.fa_tit{float:left;width:124px;}
.fa_con{float:left;width:720px;margin-left:15px;}
.fa_con ul{overflow:hidden;}
.fa_con ul li{float:left;}
.fa_con ul li.li1{width:340px;}
.fa_con ul li.li1 span{display:block;font-weight: bold;line-height: 3rem;color:#fff;text-align: center;font-size:1.5rem;}
.fa_con ul.ul1 li.li1 span{background:#d168d7;}
.fa_con ul.ul2 li.li1 span{background:#3fcccb;}
.fa_con ul li.li2{width:370px;margin-left:10px;}
.fa_con ul.ul1 li.li2{background:#d168d7;}
.fa_con ul.ul2 li.li2{background:#3fcccb;}

.ul1{margin-top:2.5rem;}
.ul2{margin-top:2.5rem;}
.fa_xq{padding:1rem;}
.fa_xq p.p_tit{font-size:16px;font-weight: bold;margin:0.6rem 0;}
.fa_xq p{display:block;overflow:hidden;color:#fff;line-height: 22px;}
.fa_xq p b{float:left;width:23%;}
.fa_xq p b.chang{width:30%;}
.fa_xq p em{float:left;width:77%;}
.fa_xq p em.ch{width:70%;}
.fa_xq a{display:block;width:70%;color:#fff;border:1px #fff solid;margin:2rem auto;font-size:15px;font-weight: bold;line-height: 3rem;text-align: center;}
.fa_xq a:hover{background:#fff;color:#d168d7;}
.ul2 .fa_xq a:hover{background:#fff;color:#3fcccb;}


.ul3 li.li3{float:left;width:234px;margin-right:9px;margin-top:2rem;position:relative;overflow:hidden;}
.ul3 li.li3:nth-child(3n){margin-right:0;}

.ul3 li.li3>span{display:block;position:absolute;bottom:0;left:0;width:100%;line-height: 3rem;font-size:1.4rem;font-weight: bold;background:#e4a448;text-align: center;color:#fff;}
.ul3 li.li3:nth-child(n+4)>span{background:#f97456;}
.ul3 .fu{position:absolute;bottom:-100%;left:0; width:100%;height:100%;padding:1rem;color:#fff;font-size:14px;line-height: 2rem;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.ul3 li.li3 .fu{background:rgba(228,164,72,0.8);}
.ul3 li.li3:nth-child(n+4) .fu{background:rgba(249,116,86,0.8);}


.ul3 .fu p.p_tit{font-size:16px;font-weight: bold;text-align: center;margin:2rem 0 1rem;}
.ul3 .fu p{display:block;overflow:hidden;}
.ul3 .fu p b{float:left;width:35%;}
.ul3 .fu p b.chang{width:50%;}
.ul3 .fu p em{float:left;width:60%;}
.ul3 .fu p em.ch{width:50%;}
.ul3 .fu a{display:block;width:90%;color:#fff;border:1px #fff solid;margin:2rem auto;font-size:15px;font-weight: bold;line-height: 3rem;text-align: center;}
.ul3 .fu a:hover{background:#fff;color:#e4a448;}
.ul3 li.li3:nth-child(n+4) .fu a:hover{background:#fff;color:#f97456;}
.ul3 li.li3:hover .fu{bottom:0;}


.meng5{padding:2rem 0 4rem 0;}
.te{position:relative;}
.xin1{position:absolute;top:288px;left:228px;}
.xin2{position:absolute;top:560px;left:440px;}
.xin3{position:absolute;top:320px;right:20px;}
.team_img{margin:2rem auto;}
.team{overflow:hidden;width:90%;margin:2rem auto;}
.team li{float:left;width:25%;padding:1rem;}
.team li p{width:100%;height:22rem;padding-top:2rem;}
.team li p span{display:block;width:80%;margin:1rem auto;font-size:14px;color:#333;}
.team li:nth-child(1) p{background:url(../images/team1_1.png) no-repeat;background-size:100% 100%;}
.team li:nth-child(2) p{background:url(../images/team2_2.png) no-repeat;background-size:100% 100%;}
.team li:nth-child(3) p{background:url(../images/team3_3.png) no-repeat;background-size:100% 100%;}
.team li:nth-child(4) p{background:url(../images/team4_4.png) no-repeat;background-size:100% 100%;}
.team_btn{display:block;margin:6rem auto 3rem; width:50%;text-align: center;color:#333;border:3px #000 solid;line-height: 4rem;font-size:2rem;font-weight: bold;}
.team_btn:hover{background:#333;color:#fff;}

.xia{background:#a3a4d9;padding:3rem 0;}
.xia_tit{text-align: center;color:#333;font-size:45px;font-weight: bold;}
.xia ul{width:80%;margin:3rem auto 0;overflow:hidden;}
.xia ul li{width:33.333%;float:left;}


/*bottom*/
.bottom{padding:50px 0 0;color:#000;position:relative;}

@media screen and (max-width:768px){
    body{font-size:1rem;}
    .r_xuanfu{display:none;}
    .bottom{padding:20px 0 5px 0;}
    .c_banner {height: auto;}
    .logo_img{width:60%;margin-top:0.8rem;}
    .collapsed{margin-top:0.5rem;}
    .header{height:50px;}
    .nav_btn{background:rgba(0,0,0,0.5);} 
    .nav_btn li{width:100%;color:#fff;}
    .nav_btn li a {height: 4rem;line-height:4rem;color: #fff;font-size: 1.2rem;}
   

    .tit img{width:80%;}
    .meng1 .jj_left{float:none;width:95%;margin:0 auto;}
    .meng1 .jj_left p{padding:0;font-size:1.1rem;}
    .meng1 .jj_right{float:none;width:90%;margin:1rem auto;}
    
    .meng2 .igm{width:95%;margin:1rem auto;}

    .meng3 ul li {width: 90%;float: none;margin-right: 0;margin:1rem auto;}
    .meng3 ul li .p1 img{width:100%;}
    .meng3 ul li.li1 .p3{width:100%;margin-top:0;}
    .meng3 ul li .p2 p{font-size:1.1rem;}
    .meng3 ul li .p1 span{font-size:1.4rem;}
    .meng3 ul li .p2{height:auto;}
    .meng3 ul li:last-child{margin:0 auto;}

    .fa {padding: 0;width:90%;margin:0 auto;padding:2rem 0;}
    .fa_con {float: none;width:98%;margin: 0 auto;}
    .fa_con ul li.li1{width:100%;float:none;}
    .fa_con ul li.li2{width:100%;float:none;margin:0 auto;}
    .fa_xq p{font-size:1.1rem;}
    .fa_xq p b{width:30%;}
    .fa_xq p em{width:70%;}
    .fa_xq p b.chang{width:40%;}
    .fa_xq p em.ch{width:50%;}

    .ul3 li.li3 {float: none;width: 100%;margin:1rem auto;}
    .ul3 li.li3 img{width:100%;}
    .team{width:98%;}
    .team li {float: left;width: 50%; padding: 5px;}
    .team li p span{font-size:1.1rem;}
    .team_btn {margin: 2rem auto;width: 80%;border: 2px #000 solid;line-height: 3rem;font-size: 1.6rem;}
    .xia_tit{font-size:2rem;}
    .xia ul li{width:50%;padding:0.5rem;}
    .xia ul li:last-child{width:100%;}
    .xia ul li:last-child img{width:50%;}


}


/*ÓÒÐü¸¡*/
.r_xuanfu {
    width: 48px;
    height: auto;
    position: fixed;
    right: 5px;
    top: 20%;
    z-index: 999;
    text-align: center;
}

.r_xuanfu p {
    width: 40px;
    height: 40px;
    margin-top: 5px;
    display: inline-block;
}

.r_xuanfu .qq {
    background: url(../images/qq.png) no-repeat;
}

.r_xuanfu .weixin {
    background: url(../images/weixin.png) no-repeat;
    position: relative;
}

.r_xuanfu .weibo {
    background: url(../images/weibo.png) no-repeat;
    position: relative;
}

.r_xuanfu .renren {
    background: url(../images/renren.png) no-repeat;
    position: relative;
}

.r_xuanfu .kongjian {
    background: url(../images/kongjian.png) no-repeat;
    position: relative;
}

.r_xuanfu .fanhui {
    width: 48px;
    height: 48px;
    background: url(../images/top.png) no-repeat;
    position: relative;
    /*display: none;*/
}

.r_xuanfu .qq:hover {
    background: url(../images/qq_h.png) no-repeat;
}

.r_xuanfu .weixin:hover {
    background: url(../images/weixin_h.png) no-repeat;
    position: relative;
}

.r_xuanfu .weibo:hover {
    background: url(../images/weibo_h.png) no-repeat;
    position: relative;
}

.r_xuanfu .renren:hover {
    background: url(../images/renren_h.png) no-repeat;
    position: relative;
}

.r_xuanfu .kongjian:hover {
    background: url(../images/kongjian_h.png) no-repeat;
    position: relative;
}

.r_xuanfu .fanhui:hover {
    width: 48px;
    height: 48px;
    background: url(../images/top_h.png) no-repeat;
    position: relative;
    display: none;
}