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

.main{ margin-bottom:50px;transition: all 0.5s;transform-origin: left center; padding-top:78px;}
#Endorsement,#Rersonnel,#Sm_culture{ position:relative; top:-100px; width:0px;height:0px;}
.main.active{transform: translateX(-250px);}
.w1440{width:1440px;margin:0 auto;position:relative;}
.w1200{width:1200px;margin:0 auto;position:relative;}
.main .w1440{ box-shadow: 0 0 21px rgba(0, 0, 0, 0.2);transition: transform 0.5s; background:#f0f0f0; padding-bottom:50px;  }
.banner{width:100%;}
.banner img{width:100%;}
.start-ani,.start-logo{position: fixed;width: 100%;height:100%;z-index: 99999;background:#fff;display: block;left:0;top:0; z-index:100000000}
.start-ani li{float: left; width:14.28%;opacity:0;overflow: hidden;vertical-align: top;}
.start-ani li img{width:100%;vertical-align: top;overflow: hidden;}
.start-logo{z-index:99999999}
.start-logo img{display:block;margin:0 auto;}
.start-logo p{position: relative;margin-top:80px;}
.start-logo p span{position: absolute;left:0;top:0;width:100%;height:100%;background: #fff;}
.st-txt{position: absolute;width:100%;top:40%;margin-top:-140px;}
.st-txt em{display: none;font-style: normal;font-size:26px;}
.st-txt em i{padding:0 5px;font-style: normal;}
@media (max-width: 1240px){
    .start-ani li{width:20%;}
    .st-txt p img{display: none}
    .st-txt em{display:block;text-align: center}
    .w1200 {
        width: 94%;
    }}

.i_part1{position:relative;}
/*
.i_part1 .icon1{ position:absolute; left:-240px; bottom:50px; top:-100px;background:url(../images/index_pic1.jpg) no-repeat right #05359b; width:240px;}
*/
.i_part1 a{position:relative; z-index:99;}
.i_part1 .i_about{padding:50px 8%; position:relative; }
.i_part1 .i_about .i_about_txt{width:50%;  color:#333; background:#fff; position:relative; float:left; margin-top:40px;} 
.i_part1 .i_about .i_about_txt h2{ margin:0 24% 0 8%; font-weight:500; border-bottom:1px solid #000; padding-top:8%; font-size:24px; color:#0034fd; text-align:center; line-height:60px;}
.i_part1 .i_about .more1{ position:absolute; top:60px; right:60px; }
.i_part1 .i_about .i_about_txt .t{margin:10% 24% 0 8%; text-align:center; font-size:18px; color:#666;font-weight:500;}
.i_part1 .i_about .i_about_txt .t h4{font-size:24px;font-weight:500; line-height:2;}
.i_part1 .i_about .i_about_txt .t .more{font-size:14px; margin-top:8%;}
.i_part1 .i_about .i_about_txt .t .more img{ vertical-align:middle;}
.i_part1 .i_about .pro{ float:right; width:50%; position:relative; z-index:9; padding-right:100px;}
.i_part1 .i_about .pro img{ width:100%;}

@media (max-width: 768px){
    .i_part1 .i_about .i_about_txt h2{ margin:0 8% 0 8%;}}
.i_part1 .i_about .i_about_txt{ margin-top:20px;}
.i_part2{ position:relative;}
/*
.i_part2 .icon1{ position:absolute; right:-240px; top:50px; bottom:50px; z-index:100; background:url(../images/index_pic2.jpg) no-repeat left #05359b; width:240px;}
*/
.i_part2 a{ position:relative; z-index:99;display:block;padding:50px 8%;}
.i_part2 .i_about{background:#fff; }
.i_part2 .i_about .i_about_txt{width:50%; float:right;position:relative; color:#333;}
.i_part2 .i_about .i_about_txt h2{ font-weight:500;padding-top:100px; font-size:24px; color:#0034fd; text-align:center; line-height:50px;}
.i_part2 .i_about .i_about_txt .t{text-align:center;color:#666;font-weight:500;}
.i_part2 .i_about .i_about_txt  .span{ display:block; margin:4% auto; width:30px; background:#333; height:4px; text-align:center;}
.i_part2 .i_about .i_about_txt .t h4{font-size:24px;font-weight:500; line-height:2; padding-top:6%;}
.i_part2 .i_about .i_about_txt .t .more{font-size:14px; margin-top:6%;}
.i_part2 .i_about .i_about_txt .t .more img{vertical-align:middle;}
.i_part2 .i_about .pro{ float:left; width:50%;}
.i_part2 .i_about .pro img{ width:100%;}

.i_part3{position:relative;}
.i_part3 a{position:relative; z-index:99;display:block; padding:50px 0;}
/*
.i_part3 .icon1{ position:absolute; left:-240px; top:50px; bottom:50px; z-index:100; background:url(../images/index_pic3.jpg) no-repeat left #05359b; width:240px;}
*/
.culure{ position:relative;padding:50px 0;}
.bg_culture{width:50%;  background:#fff; position:absolute; left:0; top:0; height:100%;}
.i_culure{ margin:0 8%; background:#919191; position:relative;}
.i_culure .culure_w{ width:50%; float:right;}
.i_culure .culure_w .pro{ width:100%;}
.i_culure .culure_w h2{font-weight:500;padding-top:18%; font-size:24px; color:#fff; text-align:center; line-height:40px;}
.i_culure .culure_w .span{ display:block; margin:4% auto;  width:60px; background:#fff; height:2px; text-align:center;}
.i_culure .culure_w .t{text-align:center; font-size:18px; color:#fff;font-weight:500;}
.i_culure .culure_w .t h4{font-size:24px;font-weight:500;margin-top:4%;}
.i_culure .culure_w .t .more{font-size:14px; margin-top:8%;}
.i_culure .culure_w .t .more img{ vertical-align:middle;}

.i_part4{position:relative;}
.i_part4 a{position:relative; z-index:99;display:block;}
.i_part4 .i_contact{ position:relative;}
.i_part4 .contact_w{width:42%;  background:url(../images/i_joinbg.jpg) no-repeat left bottom #919191; position:absolute; left:8%; top:50px; bottom:50px; border:1px solid #919191;}
.i_contact .contact_w h2{font-weight:500;padding-top:20%; font-size:24px; color:#fff; text-align:center; line-height:40px;}
.i_contact .contact_w .span{ display:block;  margin:4% auto; width:60px; background:#fff; height:1px; text-align:center;}
.i_contact .contact_w .t{text-align:center; font-size:18px; color:#fff;font-weight:500;}
.i_contact .contact_w .t h4{font-size:24px;font-weight:500;margin-top:4%;}
.i_contact .contact_w .t .more{font-size:14px; margin-top:4%;}
.i_contact .contact_w .t .more img{ vertical-align:middle;}
.contact_pro{ width:50%; float:right;}
.contact_pro img{ width:100%;} 

@media (max-width: 1200px){
    .i_part1 .i_about .i_about_txt h2{padding-top:8%;}
    .i_part1 .i_about .i_about_txt .t .more{font-size:14px; margin-top:6%;}
    .i_part1 .i_about .i_about_txt .t{margin:8% 24% 0 8%;}

    .i_part2 .i_about .i_about_txt h2{padding-top:8%;}
    .i_part2 .i_about .i_about_txt .t .more{font-size:14px; margin-top:6%;}
    .i_part2 .i_about .i_about_txt .t{}
}

@media (max-width: 1024px){
    .start-ani li{width:25%;}
    .i_part1 .i_about .i_about_txt h2{padding-top:4%;}
    .i_part1 .i_about .i_about_txt .t .more{font-size:14px; margin-top:6%;}
    .i_part1 .i_about .i_about_txt .t{margin:4% 12% 0 8%; font-size:16px;}
    .i_part1 .i_about .i_about_txt .t h4{ font-size:20px;}
    .i_part1 .i_about .more1{ position:absolute; top:30px; right:30px; }}

@media (max-width: 768px){
    .s-logo{width:50%;}
    .st-txt{margin-top:-100px;}
    .start-ani li{width:33%;}
    .i_part2 .i_about .pro,.i_part1 .i_about .pro	,.i_part1 .i_about .i_about_txt	,.i_part2 .i_about .i_about_txt,.i_culure .culure_w,.contact_pro,.i_part4 .contact_w{ width:100%;}
    .i_part1 .i_about .pro{ padding-right:0px;}
    .i_part1 .i_about{padding:0px 2%; position:relative; }
    .i_part2 a,.i_part3 a,.i_part4 a{padding:20px 2% 0; }
    .i_part1 .i_about .i_about_txt .t .more,.i_part2 .i_about .i_about_txt .t .more,.i_culure .culure_w .t .more{ padding-bottom:10px;}
    .i_part2 .i_about .i_about_txt .t h4,.i_culure .culure_w .t h4,.i_contact .contact_w .t h4{ font-size:20px;padding-top: 1%;}
    .bg_culture{ display:none;}
    .i_culure{ margin:0;}
    .culure{ padding:0px 0;}
    .i_culure .culure_w h2{ padding-top:6%;}
    .i_culure .culure_w .t .more{ margin-top:2%;}
    .i_part4 .contact_w{ position:relative; left:0; top:0;}
    .i_contact .contact_w h2{ padding-top:4%;}
    .main .w1440{padding-bottom:20px;  }
    .i_contact .contact_w .t .more{ margin-top:0%;}
    .i_part2 .i_about .i_about_txt h2{padding-top:4%;}
    .i_culure .culure_w .span,.i_contact .contact_w .span,.i_part2 .i_about .i_about_txt  .span{ margin:2% auto;}
    .i_contact .contact_w .t h4,.i_culure .culure_w .t h4{margin-top: 2%;}

}

/*about*/
.sub_banner{ width:100%;}
.sub_banner img{ width:100%;}

/*About*/
.sub_banner{width:100%; position:relative;}
.sub_banner img{width:100%;}
.sub_nav{ position:absolute; bottom:0; text-align:center; width:100%;}
.sub_nav a {display: inline-block;vertical-align: bottom;width: 148px;height: 60px;background: rgba(94, 118, 182, 0.95);font-size: 16px;line-height: 60px;color: #fff;font-weight: bold;transition: all 0.3s ease-out; box-sizing: border-box;text-align: center; margin: 0 4px;border-top-left-radius: 3px;border-top-right-radius: 3px; }
.sub_nav a.active ,.sub_nav a:hover{background: rgba(6, 42, 127, 0.95);height: 70px; padding-top: 10px; }
.jt-introd{padding: 50px 0 40px;}
.phonejt{ display:none;}
.jt-introd h2{ text-align:center; font-size:32px; line-height:42px; color:#666; margin-bottom:40px;}
.jt-introd h2 span{ display:block; font-size:24px; color:#0034fd; font-weight:bold;font-family: "MULTICOLORE"; text-transform:uppercase;}
.jt-introd p{line-height: 26px;color: #333333;font-size: 14px;}
.jt-introd p span{font-size: 22px;color: #0034fd;}
.jtin-img{float: left;margin-top: 60px;}
.jt-text{float: right;width: 540px;margin-top: 20px;}
.jt-text P{line-height: 26px;color: #333333;font-size: 14px;margin-bottom: 50px;}
.jt-text ul{margin-top: 0;}
.jt-report{background: url(../imgs/02-bg.jpg) no-repeat center;background-size: cover;height: 336px;padding-top: 80px;overflow: hidden;}
.jt-report p{text-align: center;font-size: 16px;color: #FFFFFF;line-height: 44px;}
.det-img{float: left;position: relative;width: 600px;height:380px;}
.det-img .bd{position: absolute;top: 0;left: 50px;width: 536px;z-index: 1;}
.det-img .bd li{width: 536px;height:328px;overflow: hidden;}
.det-img .bd li a{display: block;}
.det-img .bd li img{width: 100%;height: 100%;display: block;}
.det-img .hd{width: 536px;height:300px;background: #f4ebc1;position: absolute;left: 0;top: 80px;z-index: 0;}
.det-img .hd ul{position: absolute;bottom: 22px;left: 0;right: 0;font-size: 0;text-align: center;}
.det-img .hd li{width: 10px;height: 10px;background: #FFFFFF;border-radius: 50%;display: inline-block;margin: 0 5px;cursor: pointer;}
.det-img .hd li.on{background: #0034fd;}

.a_part{ background:#b7c7ef; position:relative; margin-top:50px;}
.a_part .a_part_bg{ background:#fff; width:100%; height:22%; position:absolute; left:0; top:0;}
.a_part .a_part_txt{ width:45%; float:left; background:#0034fd; border-top-right-radius:20px; color:#fff; padding:40px 0 40px 60px; font-size:16px; line-height:2;}
.a_part .a_part_txt h2{ font-size:32px; font-weight:normal;line-height:2;}
.a_part .a_part_txt h3{ font-size:24px; font-weight:normal;line-height:2;}
.a_part .a_part_txt  h2:nth-of-type(2){ margin-top:20px;}
.a_part  .about_pic{ width:42%; position:absolute; bottom:0; right:0;}

.fz-course{margin-top: 58px;}
.fz-course .hd ul{width: 110%;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
.fz-course .hd li{float: left;font-size: 27px;color: #e4cf6c;line-height: 82px;margin-right: 60px;cursor: pointer;}
.fz-course .hd li:last-child{margin-right: 0;}
.fz-course .hd li.on{font-size: 40px;}
.fz-course .hd li.on:after{background: url(../images/03-ico.png) no-repeat top center;width: 30px;height: 15px;display: block;content: "";margin: 0 auto;}
.fz-course .bgs{background: #ccd9ff;}
.fz-course .bd.w1200{background: url(../images/03-bg.jpg) no-repeat top center #ccd9ff;}
.fz-course .bd ul{padding: 104px 30px 100px 30px;width: 110%;}
.fz-course .bd li{overflow: hidden;}
.fz-course .bd li dl{width: 50%;float: left;margin-bottom: 110px; min-height:220px;}
.fz-course .bd li dt{float: left;font-size: 30px;color: #0034fd;line-height: 38px;width: 100px;}
.fz-course .bd li dd{float: right;line-height: 30px;font-size: 16px;color: #333333;width: 464px;}

.deve-top{position: relative; margin-top:50px;}
.honnor{background:url(../images/honnorbg.jpg) no-repeat center 0; padding:40px 0;}
.about_title{text-align:center; margin-bottom:40px;}
.about_title h2{ font-size:32px; color:#666; line-height:42px;}
.about_title span{display:block; font-size:24px; color:#0034fd; font-weight:bold; margin-top:0px;font-family: "MULTICOLORE"; text-transform:uppercase; line-height:1.2;}
.deve-top .box{position: relative; width: 100%;padding: 20px;box-sizing: border-box;margin: 0 auto;background: -webkit-linear-gradient(left,#0034fd 250px,#fbfbfb 0);background: -moz-linear-gradient(left,#eb5d21 250px,#fbfbfb 0);background: -ms-linear-gradient(left,#eb5d21 250px,#fbfbfb 0);background: -o-linear-gradient(left,#eb5d21 250px,#fbfbfb 0);}
.deve-top .box{display: none;}
.deve-top .box.on{display: block;}
.deve-top .left{float: left;}
.deve-top .left img{display: block;}
.deve-top .right{float: right;width:800px; margin-top:16px;}
.deve-top .right h3{font-size: 32px;font-weight: 400;color: #0034fd;margin-bottom:16px; font-family:"MULTICOLORE"; line-height:1.5;}
.deve-top .right p:nth-of-type(1){font-size: 14px;line-height: 26px;height:188px;/*overflow-y: scroll;*/padding-right: 20px;text-align: justify;}
.deve-top .huan {position: absolute;right:30px;bottom: 16px;}
.deve-top .huan a{display: inline-block;padding: 3px 10px;color: #0034fd;border: 1px solid #0034fd;font-family: "MULTICOLORE"; margin:0 2px;}
.deve-down{background: url("../images/img16.jpg") repeat-x center 118px;margin-top: 50px;}
.deve-down .list{width: 880px;margin: 0 auto;overflow: hidden;position: relative;height: 140px;}
.deve-down .list ul{width: 10000%;position: absolute;left: 0;transition: 0.3s;}
.deve-down .list ul li{float:left;cursor:pointer;width:108px;height:132px;padding: 0 5px;text-align: center;}
.deve-down .list ul li div{height:95px;}
.deve-down .list ul li div p{position: relative;top:75px;}
.deve-down .list ul li a{width:20px;height:20px;border: 2px solid #666;display: block;border-radius: 50%;margin: 0 auto;position: relative;top:14px;background-color: #fff;}
.deve-down .list ul li a em{width: 14px;height: 14px;display:block;border-radius: 50%;margin-top:1px;margin-left:1px;}
.deve-down .list ul li.on a em{background-color: #0034fd;}
.deve-down .list ul li.on div{background: url("../images/icon8.png") no-repeat 6px -4px;}
.deve-down .list ul li.on div p{margin-bottom: 0;width: 70px;height: 70px;background-color: #0034fd;margin: 0 auto;color: #fff;border-radius: 35px;line-height: 70px;top:4px; font-family:"MULTICOLORE"; font-size:18px;}
.deve-down .select{position: relative;top: -34px;}
.deve-down .select a{background-color: #303030;color: #fff;font-family: "MULTICOLORE";width: 25px;height: 25px;border-radius: 50%;text-align: center;line-height: 25px;}
.deve-down .prev{float: left;}
.deve-down .next{float: right;}
.box .founder-box{padding: 40px;box-sizing: border-box;}
.box .founder-box h4{text-align: center;}
.box .founder-box p.founder{float: left;margin-right: 20px;}
.box .founder-box p {  font-size: 13px;  line-height:24px;  margin: 40px 0;  text-align: justify;  }

@media (max-width: 1440px) {
    .w1440{width:1200px;}


}

@media (max-width: 1200px) {
    .w1440{width:100%;}

}
@media (max-width: 1024px) {
    .main{ padding-top:60px;}
    .sub_main{ padding:0 0;}
}

@media (max-width: 768px) {
    .main{ margin-bottom:20px;}
    .banner,.i_part1,.i_part2,.i_part3,.i_part4{padding:0 0px;}
    .i_part1 .icon1,.i_part2 .icon1,.i_part3 .icon1{ display:none;}
    /*About*/

    .jt-introd{padding:30px 0 10px;}
    .pcjt{ display:none;}
    .phonejt{ display:block;}
    .jt-introd h2{font-size:26px; margin-bottom:20px; line-height:30px;}
    .jt-introd h2 span{font-size:20px;  margin-top:0px;}
    .jtin-img{float: none;margin-top: 30px;}
    .jt-text{float: none;width: 100%;margin-top: 30px;}
    .jt-text P{line-height: 26px;color: #333333;font-size: 14px;margin-bottom: 30px;}
    .jt-text ul{margin-top: 0;}
    .jt-report{padding-top:40px;}
    .jt-report p{font-size: 16px;line-height: 44px;}
    .det-img{width:100%;height:280px;}
    .det-img .bd{left:20px;width: 100%;z-index: 1;}
    .det-img .bd li{width: 100%;height:auto;overflow: hidden;}
    .det-img .bd li a{display: block;}
    .det-img .bd li img{width: 100%;height: 100%;display: block;}
    .det-img .hd{width: 100%;height:180px;}
    .det-img .hd ul{bottom: 10px;}



    .a_part{ margin-top:20px; margin-bottom:20px;}
    .a_part .w1200,.honnor.w1200{ width:100%; background:#fff;}
    .a_part .a_part_bg{ display:none;}
    .a_part .a_part_txt{ width:50%; /*float:none;*/ background:none; position:
                             relative; z-index:99; padding:12px 0 20px 12px; font-size:14px;}
    .a_part .a_part_txt h2{ font-size:22px; font-weight:normal;line-height:2;}
    .a_part .a_part_txt h3{ font-size:18px; font-weight:normal;line-height:2;}
    .a_part .a_part_txt  h2:nth-of-type(2){ margin-top:10px;}
    .a_part  .about_pic{ width:70%; right:-20px; /*position:relative;*/}



    .fz-course .hd {white-space: nowrap;overflow-x: auto;overflow-y: hidden;padding: 0 10px;}
    .fz-course .hd ul{width: auto;display: table;overflow: hidden;}
    .fz-course .hd li.on{font-size:24px;font-weight: bold;}
    .fz-course .hd li{float: none;display: inline-block;margin-right: 30px;font-size: 18px;font-weight: bold;line-height: 60px;}
    .fz-course{margin: 0;}
    .fz-course .bd ul{padding: 0;width: auto;padding: 80px 10px 50px;}
    .fz-course .bd li dl{float: none;width: auto;margin-bottom:40px;overflow: hidden; min-height:auto;}
    .fz-course .bd li dl:nth-child(2n){margin: 0;margin-bottom: 40px;}
    .fz-course .bd li dt{font-size: 20px;width: 20%;}
    .fz-course .bd li dd{width:80% ;font-size: 16px;line-height: 42px;}
    .fz-course .bd.w1200 {background: url(../images/lbg1.jpg) no-repeat center top #ccd9ff; background-size:100% auto;}
    .about_title{text-align:center; margin-bottom:20px;}
    .deve-down{ display:none;}
    .deve-top{ margin-top:20px;}
    .deve-top .left{float: none; width:100%;}
    .deve-top .left img{display: block;width:100%;}
    .deve-top .box {background: -webkit-linear-gradient(left,#0034fd 0px,#fbfbfb 0); }
    .deve-top .right{ width:100%;} 
    .deve-top .right p:nth-of-type(1) { height:auto;font-size:20px; line-height:2;}


    .honnor{background:url(../images/honnorbg.jpg) no-repeat center 0; padding:40px 0;}
    .about_title{text-align:center; margin-bottom:10px;}
    .about_title h2{ font-size:26px; line-height:30px;}
    .about_title span{display:block; font-size:20px;  margin-top:0px;}
    .deve-top .box{position: relative; width: 100%;padding: 20px;box-sizing: border-box;margin: 0 auto;background: -webkit-linear-gradient(left,#758cc8 0px,#fbfbfb 0);background: -moz-linear-gradient(left,#eb5d21 0px,#fbfbfb 0);background: -ms-linear-gradient(left,#eb5d21 0px,#fbfbfb 0);background: -o-linear-gradient(left,#eb5d21 250px,#fbfbfb 0);}
    .deve-top .box{display: none;}
    .deve-top .box.on{display: block;}
    .deve-top .left{float: left;}
    .deve-top .left img{display: block;}
    .deve-top .right{float: right;width:100%; margin-top:20px;}
    .deve-top .right h3{font-size:28px;}
    .deve-top .right p:nth-of-type(1){font-size: 14px;line-height: 30px;height:auto;}
    .deve-top .huan {position: absolute;right:30px;bottom: 20px;}
    .deve-top .huan a{display: inline-block;padding: 5px 10px;color: #0034fd;border: 1px solid #0034fd;font-family: "MULTICOLORE"; margin:0 2px;}
    .deve-down{background: url("../images/img16.jpg") repeat-x center 118px;margin-top: 50px;}

}

@media (min-width: 1024px) {
    .mode .mode_top .title,  .mode .mode_bot .title,  .mode .mode_bot .con .qualification .qualification_cen .list,  .mode .mode_bot .con .process .w1200 {
        transform: translateY(50px);
        filter: alpha(opacity=0);
        opacity: 0; }
    .mode .mode_top .animate.title,  .mode .mode_bot .animate.title,  .mode .mode_bot .con .qualification .qualification_cen .animate.list,  .mode .mode_bot .con .process .animate.w1200 {
        transform: translateY(0px);
        filter: alpha(opacity=100);
        opacity: 1;
        transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); } }


@media (min-width: 1024px) {
    .mode .mode_top ul li {
        transform: translateX(-50px);
        filter: alpha(opacity=0);
        opacity: 0; }
    .mode .mode_top ul li.animate{
        transform: translateX(0px);
        filter: alpha(opacity=100);
        opacity: 1;
        transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); } }




.mode {
    overflow: hidden; }
.pcmode{ display:block;}
.phonemode{ display:none;}
@media (max-width: 1024px) {
    .mode {
        background: #e7edf9 url(../img/ymq/join_box2_mbg.jpg) no-repeat top center !important; } }
.mode .mode_top {
    padding-top: 87px;
    position: relative; }
@media (max-width: 1024px) {
    .mode .mode_top {
        padding-top: 50px; } }
@media (max-width: 600px) {
    .mode .mode_top {
        padding-top: 25px; } 
    .pcmode{ display:none;}
    .phonemode{ display:block;}}
.mode .mode_top .title {
    text-align: left;
    position: absolute;
    left: 0;
    top: 160px; }
@media (max-width: 1024px) {
    .mode .mode_top .title {
        position: static;
        left: static;
        top: static;
        text-align: center; } }
.mode .mode_top .title .cn {
    font-size: 30px;
    line-height: 42px;
    color: #666; }
@media (max-width: 1024px) {
    .mode .mode_top .title .cn {
        font-size: 26px;
        line-height: 36px; } }
@media (max-width: 600px) {
    .mode .mode_top .title .cn {
        font-size: 20px;
        line-height: 32px; } }
.mode .mode_top .title .en {
    font-size: 24px;
    line-height: 30px;
    color: #0034fd;
    text-transform:uppercase;
    font-family: "MULTICOLORE"; }
@media (max-width: 1024px) {
    .mode .mode_top .title .en {
        font-size: 20px;
        line-height: 32px; } }
@media (max-width: 600px) {
    .mode .mode_top .title .en {
        font-size: 16px;
        line-height: 24px; } }
.mode .mode_top ul {
    overflow: hidden; }
@media (max-width: 1024px) {
    .mode .mode_top ul {
        margin-top: 20px;
        margin-left:5%; } }
.mode .mode_top ul li {
    width: 19.66%;
    float: left;
    max-height: 315px;

    margin-bottom: 32px;
    margin-right: 7.12%; }
@media (max-width: 1024px) {
    .mode .mode_top ul li {
        margin-bottom: 20px; } }
@media (max-width: 750px) {
    .mode .mode_top ul li {
        width: 30%;
        margin-right: 5%; } }
@media (max-width: 640px) {
    .mode .mode_top ul li {
        width: 45%;
        height:auto;
        margin-right: 5%; } }
.mode .mode_top ul li .pic {
    width: 100%;
    overflow: hidden;
    border-radius: 100%; }
.mode .mode_top ul li .pic img {
    border-radius: 100%;
    width: 100%;
    display: block;
    transition: all 0.5s; }
.mode .mode_top ul li h6 {
    margin-top: 9px;
    font-size: 18px;
    color: #4c4c4c;
    line-height: 30px;
    text-align: center; }
@media (max-width: 640px) {
    .mode .mode_top ul li h6 {
        font-size: 16px; } }
.mode .mode_top ul li .txt {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    text-align: center; }
@media (min-width: 1024px) {
    .mode .mode_top ul li:nth-child(4n) {
        margin-right: 0; }
    .mode .mode_top ul li:hover .pic img {
        transform: scale(1.05); } }
@media (max-width: 1024px) and (min-width: 750px) {
    .mode .mode_top ul li:first-child {
        display: none; }
    .mode .mode_top ul li:nth-child(5n) {
        margin-right: 0; } }
@media (max-width: 750px) and (min-width: 640px) {
    .mode .mode_top ul li:first-child {
        display: none; }
    .mode .mode_top ul li:nth-child(4),  .mode .mode_top ul li:nth-child(7) {
        margin-right: 0; } }
@media (max-width: 640px) {
    .mode .mode_top ul li:first-child ,.mode .mode_top ul li:nth-child(5){
        display: none; }
    .mode .mode_top ul li:nth-child(3),  .mode .mode_top ul li:nth-child(5) {
        margin-right: 0; } }
.mode .mode_bot {
    padding-top: 60px; }
@media (max-width: 1024px) {
    .mode .mode_bot {
        padding-top: 50px; } }
@media (max-width: 600px) {
    .mode .mode_bot {
        padding-top: 0px; } }
.mode .mode_bot .title {
    text-align: center; }
.mode .mode_bot .title .cn {
    font-size: 30px;
    line-height: 42px;
    color: #666; }
@media (max-width: 1024px) {
    .mode .mode_bot .title .cn {
        font-size: 26px;
        line-height: 36px; } }
@media (max-width: 600px) {
    .mode .mode_bot .title .cn {
        font-size: 20px;
        line-height: 32px; } }
.mode .mode_bot .title .en {
    font-size: 24px;
    line-height: 30px;
    color: #768cc8;
    font-family: "MULTICOLORE"; }
@media (max-width: 1024px) {
    .mode .mode_bot .title .en {
        font-size: 20px;
        line-height: 32px; } }
@media (max-width: 600px) {
    .mode .mode_bot .title .en {
        font-size: 16px;
        line-height: 24px; } }
.mode .mode_bot .con .qualification {
    position: relative;
    overflow: hidden; }
.mode .mode_bot .con .qualification .cloud {
    width: 100%;
    height: 128px;
    background: url(../img/ymq/cloud.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100; }
@media (max-width: 900px) {
    .mode .mode_bot .con .qualification .cloud {
        display: none; } }
.mode .mode_bot .con .qualification .qualification_cen .list {
    margin-top: 55px; }
@media (max-width: 600px) {
    .mode .mode_bot .con .qualification .qualification_cen .list {
        margin-top: 25px; } }
.mode .mode_bot .con .qualification .qualification_cen .list ul li {
    width: 25%;
    float: left;
    padding: 5.4% 2.5% 125px 2.5%;
    box-sizing: border-box;
    background: #fda937;
    text-align: center; }
@media (max-width: 1024px) {
    .mode .mode_bot .con .qualification .qualification_cen .list ul li {
        padding: 5.4% 2% 125px 2%; } }
@media (max-width: 900px) {
    .mode .mode_bot .con .qualification .qualification_cen .list ul li {
        padding: 50px 3%;
        width: 50%; } }
@media (max-width: 500px) {
    .mode .mode_bot .con .qualification .qualification_cen .list ul li {
        padding: 20px 3%;
        width: 100%;
        float: none; } }
.mode .mode_bot .con .qualification .qualification_cen .list ul li:nth-child(2) {
    background: #cccc33; }
.mode .mode_bot .con .qualification .qualification_cen .list ul li:nth-child(3) {
    background: #768cc8; }
.mode .mode_bot .con .qualification .qualification_cen .list ul li:nth-child(4) {
    background: #3f9ad6; }
.mode .mode_bot .con .qualification .qualification_cen .list ul li .en {
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    word-wrap: break-word;
    font-family: "MULTICOLORE"; }
@media (max-width: 1200px) {
    .mode .mode_bot .con .qualification .qualification_cen .list ul li .en {
        font-size: 26px;
        line-height: 32px; } }
@media (max-width: 600px) {
    .mode .mode_bot .con .qualification .qualification_cen .list ul li .en {
        font-size: 20px;
        line-height: 30px; } }
.mode .mode_bot .con .qualification .qualification_cen .list ul li .t {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    margin-top: 22px; }
@media (max-width: 1024px) {
    .mode .mode_bot .con .qualification .qualification_cen .list ul li .t {
        font-size: 20px;
        line-height: 26px;
        margin-top: 15px; } }
@media (max-width: 600px) {
    .mode .mode_bot .con .qualification .qualification_cen .list ul li .t {
        font-size: 16px;
        line-height: 24px;
        margin-top: 8px; } }
.mode .mode_bot .con .qualification .qualification_cen .list ul li .con {
    font-size: 15px;
    line-height: 26px;
    color: #fff;
    margin-top: 28px; }
@media (max-width: 1024px) {
    .mode .mode_bot .con .qualification .qualification_cen .list ul li .con {
        font-size: 14px;
        line-height: 24px;
        margin-top: 20px; } }
@media (max-width: 600px) {
    .mode .mode_bot .con .qualification .qualification_cen .list ul li .con {
        margin-top: 8px;
        font-size: 13px;
        line-height: 20px; } }
.mode .mode_bot .con .process {
    padding-top: 20px;
    padding-bottom: 80px;
    background: #fff; }
@media (max-width: 900px) {
    .mode .mode_bot .con .process {
        padding-top: 50px;
        padding-bottom: 60px; } }
@media (max-width: 1024px) {
    .mode .mode_bot .con .process {
        padding-top: 30px;
        padding-bottom: 30px; } }
.mode .mode_bot .con .process .process_list {
    margin-top: 12%; }
@media (max-width: 750px) {
    .mode .mode_bot .con .process .process_list {
        margin-top: 25px; } }
.mode .mode_bot .con .process .process_list ul li {
    width: 20%;
    float: left;
    position: relative;
    padding: 0 10px;
    box-sizing: border-box; }
@media (max-width: 750px) {
    .mode .mode_bot .con .process .process_list ul li {
        width: 100%;
        min-height: 120px;
        margin-top: 15px !important; } }
@media (max-width: 600px) {
    .mode .mode_bot .con .process .process_list ul li {
        min-height: 80px;
        margin-top: 10px !important; } }
.mode .mode_bot .con .process .process_list ul li:nth-child(even) {
    margin-top: -8.3%; }
.mode .mode_bot .con .process .process_list ul li:nth-child(even) .img {
    right: -12%;
    top: 33%; }
@media (max-width: 1024px) {
    .mode .mode_bot .con .process .process_list ul li:nth-child(even) .img {
        top: 28%; } }
.mode .mode_bot .con .process .process_list ul li:nth-child(2) .icon {
    background: #cccc33; }
.mode .mode_bot .con .process .process_list ul li:nth-child(3) .icon {
    background: #768cc8; }
.mode .mode_bot .con .process .process_list ul li:nth-child(4) .icon {
    background: #3f9ad6; }
.mode .mode_bot .con .process .process_list ul li:nth-child(4) .img {
    right: -7%; }
.mode .mode_bot .con .process .process_list ul li:nth-child(5) .icon {
    background: #a770e0; }
.mode .mode_bot .con .process .process_list ul li .img {
    width: 18.75%;
    top: 1%;
    position: absolute;
    right: -7%; }
.mode .mode_bot .con .process .process_list ul li .img img {
    width: 100%; }
@media (max-width: 750px) {
    .mode .mode_bot .con .process .process_list ul li .img {
        display: none; } }
.mode .mode_bot .con .process .process_list ul li .icon {
    width: 66.66%;
    background: #fda937;
    border-radius: 50%;
    text-align: center;
    line-height: 160px;
    margin: 0 auto; }
.mode .mode_bot .con .process .process_list ul li .icon img {
    max-width: 50%;
    max-height: 50%; }
@media (max-width: 750px) {
    .mode .mode_bot .con .process .process_list ul li .icon {
        width: 120px !important;
        height: 120px !important;
        position: absolute;
        left: 0;
        top: 0; } }
@media (max-width: 600px) {
    .mode .mode_bot .con .process .process_list ul li .icon {
        width: 80px !important;
        height: 80px !important; } }
.mode .mode_bot .con .process .process_list ul li .cont {
    text-align: center;
    margin-top: 17px; }
@media (max-width: 1024px) {
    .mode .mode_bot .con .process .process_list ul li .cont {
        margin-top: 10px; } }
@media (max-width: 750px) {
    .mode .mode_bot .con .process .process_list ul li .cont {
        padding-left: 135px;
        height: auto !important;
        text-align: left; } }
@media (max-width: 600px) {
    .mode .mode_bot .con .process .process_list ul li .cont {
        padding-left: 95px;
        margin-top: 10px; } }
.mode .mode_bot .con .process .process_list ul li .cont .t {
    font-size: 18px;
    line-height: 30px;
    color: #666;
    font-weight: bold; }
@media (max-width: 1024px) {
    .mode .mode_bot .con .process .process_list ul li .cont .t {
        font-size: 16px;
        line-height: 26px; } }
.mode .mode_bot .con .process .process_list ul li .cont .con {
    font-size: 14px;
    line-height: 24px;
    margin-top: 12px;
    color: #666; }
@media (max-width: 1024px) {
    .mode .mode_bot .con .process .process_list ul li .cont .con {
        margin-top: 8px; } }

.main.news .abanner .txt_box .tab .tab_cell .en {
    color: #fff; }
.main.news .abanner .txt_box .tab .tab_cell .t {
    color: #fff; }
.main.news .abanner .txt_box .tab .tab_cell .cn {
    color: #fff; }
.main.news .list {
    background: url(../img/ymq/news_bg.jpg) no-repeat top center; }
.main.news .list .w1200 {
    padding-top: 50px;
    padding-bottom:0px; }
@media (max-width: 1024px) {
    .main.news .list .w1200 {
        padding-top: 50px;
        padding-bottom: 60px; } }
@media (max-width: 600px) {
    .main.news .list .w1200 {
        padding-top: 25px;
        padding-bottom: 0px; } }
.main.news .list .w1200 .title {
    text-align: center; }
.main.news .list .w1200 .title .cn {
    font-size: 30px;
    line-height: 42px;
    color: #666; }
@media (max-width: 1024px) {
    .main.news .list .w1200 .title .cn {
        font-size: 26px;
        line-height: 36px; } }
@media (max-width: 600px) {
    .main.news .list .w1200 .title .cn {
        font-size: 20px;
        line-height: 32px; } }
.main.news .list .w1200 .title .en {
    font-size: 24px;
    line-height: 30px;
    color: #0034fd;
    text-transform:uppercase;
    font-family: "MULTICOLORE"; }
@media (max-width: 1024px) {
    .main.news .list .w1200 .title .en {
        font-size: 20px;
        line-height: 32px; } }
@media (max-width: 600px) {
    .main.news .list .w1200 .title .en {
        font-size: 16px;
        line-height: 24px; } }
.main.news .list .w1200 ul {
    margin-top: 50px;
    overflow: hidden; }
@media (max-width: 1024px) {
    .main.news .list .w1200 ul {
        margin-top: 40px; } }
@media (max-width: 640px) {
    .main.news .list .w1200 ul {
        margin-top: 20px; } }
.main.news .list .w1200 ul li {
    float: left;
    width: 31.25%;
    margin-right: 3.125%;
    margin-bottom: 33px; }
@media (max-width: 820px) {
    .main.news .list .w1200 ul li {
        width: 48.4375%;
        margin-bottom: 20px; } }
@media (max-width: 480px) {
    .main.news .list .w1200 ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px; } }
.main.news .list .w1200 ul li a {
    display: block; }
.main.news .list .w1200 ul li a .pic {
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    position: relative; }
.main.news .list .w1200 ul li a .pic img {
    width: 100%;
    display: block;
    transition: all 0.5s; }
.main.news .list .w1200 ul li a .pic .time {
    width: 80px;
    height: 80px;
    border-radius: 3px;
    background: #768cc8;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1; }
.main.news .list .w1200 ul li a .pic .time .day {
    font-size: 45px;
    color: #fff;
    font-family: 'MULTICOLORE';
    line-height: 46px;
    text-align: center;
    margin-top: 5px; }
.main.news .list .w1200 ul li a .pic .time .year {
    font-size: 14px;
    font-family: 'MULTICOLORE';
    color: #fff;
    line-height: 22px;
    text-align: center; }
.main.news .list .w1200 ul li a .text {
    overflow: hidden; }
.main.news .list .w1200 ul li a .text h6 {
    font-size: 18px;
    color: #454545;
    line-height: 36px;
    margin-top: 14px;
    font-weight: inherit;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 0.5s; }
.main.news .list .w1200 ul li a .text .txt {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
    overflow: hidden;
    height: 48px; }
.main.news .list .w1200 ul li a .text .more {
    margin-top: 10px;
    font-size: 14px;
    color: #fda937;
    line-height: 24px; }
@media (min-width: 1024px) {
    .main.news .list .w1200 ul li a:hover .pic img {
        transform: scale(1.05); }
    .main.news .list .w1200 ul li a:hover .text h6 {
        color: #0034fd; } }
@media (min-width: 820px) {
    .main.news .list .w1200 ul li:nth-child(3n) {
        margin-right: 0; } }
@media (max-width: 820px) and (min-width: 480px) {
    .main.news .list .w1200 ul li:nth-child(2n) {
        margin-right: 0; } }


.main.news_info .crumbs {
    background: #768cc8; }
.main.news_info .crumbs .w1200 {
    font-size: 14px;
    color: #fff;
    line-height: 48px; }
.main.news_info .crumbs .w1200 a {
    color: #fff;
    transition: all 0.5s; }
.main.news_info .crumbs .w1200 a:hover {
    color: #fda937; }
.main.news_info .con {
    padding-top: 45px;
    padding-bottom: 87px; }
@media (max-width: 1024px) {
    .main.news_info .con {
        padding-top: 40px;
        padding-bottom: 60px; } }
@media (max-width: 600px) {
    .main.news_info .con {
        padding-top: 20px;
        padding-bottom: 30px; } }
.main.news_info .con .w1200 .con_l {
    width: 67.5%;
    float: left; }
@media (max-width: 1024px) {
    .main.news_info .con .w1200 .con_l {
        width: 100%; } }
.main.news_info .con .w1200 .con_l .tit {
    font-size: 24px;
    color: #454545;
    line-height: 40px; }
@media (max-width: 1024px) {
    .main.news_info .con .w1200 .con_l .tit {
        font-size: 20px;
        line-height: 32px; } }
@media (max-width: 640px) {
    .main.news_info .con .w1200 .con_l .tit {
        font-size: 18px;
        line-height: 30px; } }
.main.news_info .con .w1200 .con_l .time {
    font-size: 14px;
    color: #999999;
    line-height: 30px; }
.main.news_info .con .w1200 .con_l .text {
    padding-bottom: 40px;
    border-bottom: 1px solid #f6f6f6;
    margin-top: 25px;
    font-size: 14px;
    color: #666666;
    line-height: 26px; }
.main.news_info .con .w1200 .con_l .text img {
    max-width: 100%;
    height: auto !important; }
.main.news_info .con .w1200 .con_l .share {
    overflow: hidden;
    margin-top: 20px; }
.main.news_info .con .w1200 .con_l .share span {
    float: left;
    font-size: 14px;
    color: #454545;
    line-height: 22px; }
.main.news_info .con .w1200 .con_l .share .bdsharebuttonbox {
    float: left; }
.main.news_info .con .w1200 .con_l .share .bdsharebuttonbox a {
    padding: 0;
    width: 25px;
    height: 23px;
    float: left;
    margin: 0 9px; }
.main.news_info .con .w1200 .con_l .share .bdsharebuttonbox a.bds_weixin {
    background: url(../images/share_icon1.png) no-repeat; }
.main.news_info .con .w1200 .con_l .share .bdsharebuttonbox a.bds_tsina {
    background: url(../images/share_icon2.png) no-repeat; }
.main.news_info .con .w1200 .con_l .share .bdsharebuttonbox a.bds_qzone {
    background: url(../images/share_icon3.png) no-repeat; }
.main.news_info .con .w1200 .con_l .share .bdsharebuttonbox a.bds_tqq {
    background: url(../images/share_icon4.png) no-repeat; }
.main.news_info .con .w1200 .con_r {
    float: right;
    width: 28.83%;
    margin-top: 10px; }
@media (max-width: 1024px) {
    .main.news_info .con .w1200 .con_r {
        display: none; } }
.main.news_info .con .w1200 .con_r .hot {
    background: #768cc8;
    padding: 16px 0 35px 0;
    border-radiuis: 3px; }
.main.news_info .con .w1200 .con_r .hot .tit {
    overflow: hidden;
    padding: 0 19px; }
.main.news_info .con .w1200 .con_r .hot .tit .pic {
    width: 58px;
    height: 52px;
    background: url(../images/news_info_bg.png) no-repeat;
    float: left; }
.main.news_info .con .w1200 .con_r .hot .tit h5 {
    font-size: 24px;
    color: #fff;
    line-height: 46px;
    font-weight: inherit;
    margin-top: 6px;
    margin-left: 10px; }
.main.news_info .con .w1200 .con_r .hot .list {
    margin-top: 10px;
    padding: 0 26px 0 32px; }
.main.news_info .con .w1200 .con_r .hot .list ul {
    overflow: hidden; }
.main.news_info .con .w1200 .con_r .hot .list ul li {
    margin-top: 5px;
    border-bottom: 1px dashed #74c7b5; }
.main.news_info .con .w1200 .con_r .hot .list ul li a {
    position: relative;
    padding: 0 82px 0 0;
    display: block;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    transition: all 0.5s; }
.main.news_info .con .w1200 .con_r .hot .list ul li a .txt {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
.main.news_info .con .w1200 .con_r .hot .list ul li a .time {
    position: absolute;
    right: 0;
    top: 0;
    width: 82px;
    text-align: right;
    font-size: 12px; }
@media (min-width: 1024px) {
    .main.news_info .con .w1200 .con_r .hot .list ul li a:hover {
        color: #fda937; } }
.main.news_info .con .w1200 .con_r .hot .list .more {
    width: 134px;
    height: 40px;
    border: 1px dashed #edf8f6;
    border-radius: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    margin: 26px auto 0;
    display: block;
    transition: all 0.5s; }
@media (min-width: 1024px) {
    .main.news_info .con .w1200 .con_r .hot .list .more:hover {
        border-color: #fda937;
        color: #fda937; } }
.main.news_info .con .w1200 .con_r .r_contact {
    background: url(../img/ymq/news_img_r_bg.jpg) no-repeat center center;
    height: 312px;
    margin-top: 12px;
    overflow: hidden; }
.main.news_info .con .w1200 .con_r .r_contact .tit {
    margin-top: 52px;
    text-align: center; }
.main.news_info .con .w1200 .con_r .r_contact .tit .ch {
    font-size: 24px;
    color: #fda937;
    line-height: 32px;
    font-weight: bold; }
.main.news_info .con .w1200 .con_r .r_contact .tit .en {
    font-size: 24px;
    color: #cccccc;
    line-height: 24px;
    font-family: 'Arial'; }
.main.news_info .con .w1200 .con_r .r_contact .cont {
    text-align: center;
    font-size: 0;
    margin-top: 20px; }
.main.news_info .con .w1200 .con_r .r_contact .cont .icon {
    width: 56px;
    height: 56px;
    background: url(../img/ymq/news_img_r_icon.png) no-repeat;
    display: inline-block;
    text-align: center;
    vertical-align: -30px;
    margin: 0 5px; }
.main.news_info .con .w1200 .con_r .r_contact .cont .txt {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0 5px; }
.main.news_info .con .w1200 .con_r .r_contact .cont .txt .rexian {
    font-size: 18px;
    color: #454545;
    line-height: 36px;
    text-align: left; }
.main.news_info .con .w1200 .con_r .r_contact .cont .txt .tel {
    font-size: 24px;
    color: #fda937;
    line-height: 24px;
    font-family: 'Arial';
    text-align: left; }
.Encounter{padding-top:50px;}	  		  
.brand_cen {
    height: 100%; }
@media (min-width: 1024px) {
    .brand_cen .text_box {
        transform-origin: right center;
        transform: perspective(500px) rotateY(-30deg); }
    .brand_cen .pic_box {
        transform: translateX(-50px);
        filter: alpha(opacity=0);
        opacity: 0; }
    .brand_cen.animate .text_box {
        transform: rotateY(0deg);
        transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); }
    .brand_cen.animate .pic_box {
        transform: translateX(0px);
        filter: alpha(opacity=100);
        opacity: 1;
        transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); } }
@media (max-width: 600px) {
    .brand_cen {
        /* padding: 30px 0; */} }
.brand_cen .pic_box {
    width: 50%;
    position:relative;
    /*float: right;*/
    text-align: center; }
@media (max-width: 850px) {
    .brand_cen .pic_box {
        width: 40%; } }
@media (max-width: 600px) {
    .brand_cen .pic_box {
        width: 100%;
        float: none;
        padding-top: 0; } }
.brand_cen .pic_box .t {
    font-size: 24px;
    line-height: 38px;
    color: #666; }
.brand_cen .pic_box .t.fff {
    color: #fff; }
@media (max-width: 1024px) {
    .brand_cen .pic_box .t {
        font-size: 20px;
        line-height: 32px; } }
@media (max-width: 600px) {
    .brand_cen .pic_box .t {
        font-size: 16px;
        line-height: 30px;
        color: #fff;
        padding-top: 0;
        margin-top: 15px; } }
.brand_cen .pic_box .ds {
    font-size: 18px;
    line-height: 24px;
    color: #454545;
    margin-top: 3px; }
.brand_cen .pic_box .ds.fff {
    color: #fff; }
@media (max-width: 1024px) {
    .brand_cen .pic_box .ds {
        font-size: 16px;
        line-height: 20px; } }
@media (max-width: 600px) {
    .brand_cen .pic_box .ds {
        font-size: 14px;
        line-height: 20px;
        color: #fff; } }
.brand_cen .pic_box .pic {
}
.brand_cen .pic_box  .playing {display:none;}

.brand_cen .pic_box .pic img.icon1 {
    width: 100%; cursor:pointer; }
.brand_cen .pic_box .playing img{ position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-50px; z-index:999;}
.brand_cen .pic_box .playing .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5}
.video_play{ position:fixed; width:60%; height:50%; left:50%; margin-left:-30%;top:25%; display:none; z-index:999;}
.video_play .play_back{ position:absolute; right:-80px; top:-50px; display:block;}
.video_bg{ position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.3;display:none;}
@media (max-width: 650px) {
    .brand_cen .pic_box .pic {
        margin-top: 15px; }
    .video_play{ width:90%;margin-left:45%; height:30%; top:35%;} }
.l_left{ float:left;}
.r_right{ float:right;}
.brand_cen .text_box {
    width: 50%;
    /* float: left;*/
    height: 100%;
    box-sizing: border-box;
    padding: 0% 3% 0% 3%;
    box-sizing: border-box; }
@media (max-width: 1024px) {
    .brand_cen .text_box {
        /* padding: 2% 4% 0 4%;*/ } }
@media (max-width: 850px) {
    .brand_cen .text_box {
        width: 50%; } }
@media (max-width: 600px) {
    .brand_cen .text_box {
        width: 100%;
        float: none;
        padding: 20px 15px; } }
.brand_cen .text_box .title {
    text-align: left; }
.brand_cen .text_box .title .cn {
    font-size: 30px;
    line-height: 38px;
    color: #f7a538; }
@media (max-width: 1024px) {
    .brand_cen .text_box .title .cn {
        font-size: 26px;
        line-height: 32px; } }
@media (max-width: 600px) {
    .brand_cen .text_box .title .cn {
        font-size: 20px;
        line-height: 30px; } }
.brand_cen .text_box .title .en {
    font-size: 24px;
    line-height: 26px;
    color: #f7a538;
    font-family: "MULTICOLORE"; }
@media (max-width: 1024px) {
    .brand_cen .text_box .title .en {
        font-size: 20px;
        line-height: 26px; } }
@media (max-width: 600px) {
    .brand_cen .text_box .title .en {
        font-size: 16px;
        line-height: 24px; } }
.brand_cen .text_box .title .line {
    width: 44px;
    height: 3px;
    margin-top: 22px;
    background: #f7a538; }
@media (max-width: 1024px) {
    .brand_cen .text_box .title .line {
        width: 30px;
        margin-top: 15px; } }
.brand_cen .text_box .con {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding-top: 6px; }
.brand_cen .text_box .con p {
    margin-top: 22px; }
@media (max-width: 1200px) {
    .brand_cen .text_box .con p {
        margin-top: 14px;
        line-height: 20px; } }
@media (max-width: 1024px) {
    .brand_cen .text_box .con p {
        margin-top: 2px; 
    } }
@media (max-width: 600px) {
    .brand_cen .text_box .con p {
        margin-top: 5px; } }
@media (max-width: 1024px) {
    .brand_cen .text_box .con {
        font-size: 14px;
        line-height: 20px; } }

@media (min-width: 1024px) {
    .value_box .value_box_cen .vbox .img .cont_box ul li {
        transform: translate(-20px, 10px);
        filter: alpha(opacity=0);
        opacity: 0; }
    .value_box .value_box_cen .vbox .img .cont_box ul li.animate {
        transform: translate(0px, 0px);
        filter: alpha(opacity=100);
        opacity: 1;
        transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); } }

.value_box .value_box_cen {
    padding-top: 68px; }
@media (max-width: 1024px) {
    .value_box .value_box_cen {
        padding-top: 50px; } }
@media (max-width: 600px) {
    .value_box .value_box_cen {
        padding-top: 28px; } }
.value_box .value_box_cen .title .cn,.End_main .title .cn,.Develop .title .cn{ line-height:2;
                                                                               color: #454545; }
.value_box .value_box_cen .title .en,.End_main .title .en,.Develop .title .en  {
    color: #0034fd;
    text-transform:uppercase; font-weight:bold;
}
.value_box .value_box_cen .title .cp ,.End_main .title .cp { line-height:2;
                                                             color: #666; font-size:13px; }
.End_main .title .cp a{color: #666;}
.value_box .value_box_cen .vbox {
    margin-top: 20%; }
@media (max-width: 750px) {
    .value_box .value_box_cen .vbox {
        margin-top: 40px; } }
@media (max-width: 600px) {
    .value_box .value_box_cen .vbox {
        margin-top: 20px; } }
.value_box .value_box_cen .vbox .img {
    width: 811px;
    position: relative;
    margin: 0 auto; }
@media (max-width: 1240px) {
    .value_box .value_box_cen .vbox .img {
        width: 67.58%; } }
@media (max-width: 750px) {
    .value_box .value_box_cen .vbox .img {
        width: 100%; } }
.value_box .value_box_cen .vbox .img img {
    width: 100%;
    height: auto; }
.value_box .value_box_cen .vbox .img img.peo {
    width: 43.52%;
    position: absolute;
    left: 50%;
    margin-left: -21.76%;
    bottom: 0; }
@media (max-width: 600px) {
    .value_box .value_box_cen .vbox .img .cont_box {
        margin-bottom: 15px; } }
.value_box .value_box_cen .vbox .img .cont_box ul {
    text-align: center;
    font-size: 0;
    width: 100%; }
.value_box .value_box_cen .vbox .img .cont_box ul li {
    width: 22.19%;
    position: absolute;
    height: 45.223%;
    border-radius: 50%;
    box-sizing: border-box;
    background: #ffdfcb; }
@media (max-width: 750px) {
    .value_box .value_box_cen .vbox .img .cont_box ul li {
        position: static;
        width: 28%;
        margin: 1%;
        display: inline-block; } }
@media (max-width: 600px) {
    .value_box .value_box_cen .vbox .img .cont_box ul li {
        position: static;
        width: 47%;
        margin: 5px 5px;
        text-align: left;
        float:left;
        padding:6px 15px;
        box-sizing: border-box;
        border-radius: 0;
        height: auto !important; }
    .value_box .value_box_cen .vbox .img .cont_box ul li:nth-child(5){ float:none; margin:5px auto;} }
.value_box .value_box_cen .vbox .img .cont_box ul li.l1 {
    bottom: 0;
    left: -24.2%; }

.value_box .value_box_cen .vbox .img .cont_box ul li.l2 {
    bottom: 68.2%;
    left: -4.7%; }

.value_box .value_box_cen .vbox .img .cont_box ul li.l3 {
    bottom: 102.2%;
    left: 39.3%; }
.value_box .value_box_cen .vbox .img .cont_box ul li.l5 {
    bottom: 0%;
    right: -24.2%; }
.value_box .value_box_cen .vbox .img .cont_box ul li.l4 {
    bottom: 68.2%;
    right: -4.7%; }
.value_box .value_box_cen .vbox .img .cont_box ul li .tab {
    width: 100%;
    height: 100%;
    display: table;
    padding: 0 20px;
    box-sizing: border-box; }
@media (max-width: 1100px) {
    .value_box .value_box_cen .vbox .img .cont_box ul li .tab {
        padding: 0 15px; } }
@media (max-width: 1100px) {
    .value_box .value_box_cen .vbox .img .cont_box ul li .tab {
        padding: 0 15px; } }
@media (max-width: 600px) {
    .value_box .value_box_cen .vbox .img .cont_box ul li .tab {
        display: block;
        padding: 0; } }
.value_box .value_box_cen .vbox .img .cont_box ul li .tab .tab_cell {
    font-family: "MULTICOLORE"; font-weight:bold; 
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    line-height: 24px;
    color: #555;
    text-transform:uppercase;
    text-align: center; }
@media (max-width: 1100px) {
    .value_box .value_box_cen .vbox .img .cont_box ul li .tab .tab_cell {
        font-size: 14px;
        line-height: 24px; } }
@media (max-width: 1024px) {
    .value_box .value_box_cen .vbox .img .cont_box ul li .tab .tab_cell {
        font-size: 13px;
        line-height: 20px; } }
@media (max-width: 850px) {
    .value_box .value_box_cen .vbox .img .cont_box ul li .tab .tab_cell {
        font-size: 12px;
        line-height: 18px; } }
@media (max-width: 750px) {
    .value_box .value_box_cen .vbox .img .cont_box ul li .tab .tab_cell {
        font-size: 14px;
        line-height: 24px; } }
@media (max-width: 600px) {
    .value_box .value_box_cen .vbox .img .cont_box ul li .tab .tab_cell {
        display: block;
        text-align: left;
        font-size: 14px;
        line-height: 24px; } }
.Encounter .title,.End_main .title ,.Develop .title {
    text-align: center; }
.Encounter .title .cn,.End_main .title .cn ,.Develop .title .cn{
    font-size: 30px;
    line-height: 42px;
    color: #666; }
@media (max-width: 1024px) {
    .Encounter.title .cn,.End_main .title .cn ,.Develop .title .cn {
        font-size: 26px;
        line-height: 36px; } }
@media (max-width: 600px) {
    .Encounter .title .cn,.End_main .title .cn ,.Develop .title .cn{
        font-size: 20px;line-height:2;
        line-height: 32px; } }
.Encounter .title .en,.End_main .title .en,.Develop .title .en{
    font-size: 24px;
    line-height:1.2;
    color: #0034fd;

    text-transform:uppercase;
    font-family: "MULTICOLORE"; }
@media (max-width: 1024px) {
    .Encounter .title .en ,.End_main .title .en ,.Develop .title .en {
        font-size: 20px;
        line-height: 32px; } }
@media (max-width: 600px) {
    .Encounter .title .en ,.End_main .title .en,.Develop .title .en {
        font-size: 16px;
        line-height: 24px; } }

.Endorsement{ margin-top:50px;} 		
.Endorsement .recursos_bot {
    margin-top: 60px; }
@media (max-width: 850px) {
    .Endorsement .recursos_bot {
        margin-top: 40px; } }
@media (max-width: 650px) {
    .Endorsement .recursos_bot {
        margin-top: 20px; } }
.Endorsement .recursos_bot .recursos_l {
    width: 49.1%;
    /*float: left; */}
@media (max-width: 750px) {
    .Endorsement .recursos_bot .recursos_l {
        width: 100%;
        float: none; } }
.Endorsement .recursos_bot .recursos_l .t {
    font-size: 18px;
    line-height: 54px;
    color: #fff;
    font-weight: bold;
    margin-top: 11px;
    padding: 0 30px;
    box-sizing: border-box;
    background: #0034fd;
    border-radius: 27px; }
.Endorsement .recursos_bot .recursos_l .t span  { text-transform:uppercase; padding-right:12px;
}
.title.rc{ padding:50px 0;}
@media (max-width: 1024px) {
    .Endorsement .recursos_bot .recursos_l .t {
        font-size: 16px;
        line-height: 40px;
        padding: 0 20px;
        margin-top: 5px; } }
.Endorsement .recursos_bot .recursos_l .con {
    margin-bottom: 11px;
    margin-left: 30px;
    font-size: 16px;
    line-height: 24px;
    color: #666;
    margin-top: 6px; }
@media (max-width: 1024px) {
    .Endorsement .recursos_bot .recursos_l .con {
        font-size: 14px;
        line-height: 24px;
        margin-left: 20px; } }
.Endorsement .recursos_bot .recursos_l .con p {
    margin-top: 18px;
    /*padding-left: 28px;*/
    /* background: url(../images/x.png) no-repeat left 2px;*/ }
@media (max-width: 1024px) {
    .Endorsement .recursos_bot .recursos_l .con p {
        margin-top: 10px; } }
.Endorsement .recursos_bot .pic {
    width: 43.1%;
    /* float: right;*/ }
@media (max-width: 750px) {
    .Endorsement .recursos_bot .pic {
        width: 80%;
        margin: 10px auto;
        float: none; } }
.Endorsement .recursos_bot .pic img {
    width: 100%;
    height: auto; }

.Encounter .characteristic .characteristic_cen {
    padding-top: 50px;
    padding-bottom: 20px; }
@media (max-width: 1024px) {
    .Encounter .characteristic .characteristic_cen {
        padding-bottom: 70px; } }
@media (max-width: 600px) {
    .Encounter .characteristic .characteristic_cen {
        padding-top: 30px;
        padding-bottom: 35px; } }
.Encounter .characteristic .characteristic_cen .tit {
    text-align: center; }
.Encounter .characteristic .characteristic_cen .tit .t {
    font-size: 18px;
    line-height: 32px;
    color: #fff; }
.Encounter .characteristic .characteristic_cen .tit .t img {
    display: inline-block;
    vertical-align: bottom; }
@media (max-width: 800px) {
    .Encounter .characteristic .characteristic_cen .tit .t img {
        height: 40px;
        width: auto; } }
@media (max-width: 1024px) {
    .Encounter .characteristic .characteristic_cen .tit .t {
        font-size: 26px;
        line-height: 28px; } }
@media (max-width: 600px) {
    .Encounter .characteristic .characteristic_cen .tit .t {
        font-size: 20px;
        line-height: 24px; } }
.Encounter .characteristic .characteristic_cen .tit .ds a {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    margin-top: 12px; }
@media (max-width: 1024px) {
    .Encounter .characteristic .characteristic_cen .tit .ds {
        font-size: 16px;
        line-height: 20px;
        margin-top: 6px; } }
@media (max-width: 650px) {
    .Encounter .characteristic .characteristic_cen .tit .ds {
        font-size: 14px;
        line-height: 20px;
        margin-top: 6px; } }
.Encounter .characteristic .characteristic_cen .list_box {
    margin-top: 40px; }
@media (max-width: 600px) {
    .Encounter .characteristic .characteristic_cen .list_box {
        margin-top: 25px; } }
.Encounter .characteristic .characteristic_cen .list_box ul li.even .list .tu {
    float: right; }
.Encounter .characteristic .characteristic_cen .list_box ul li.even .list .tu .arrow {
    border-top: 10px solid transparent;
    border-left: 11px solid #f9f9f9;
    border-bottom: 10px solid transparent;
    border-right: 0;
    right: auto;
    left: 0; }
@media (max-width: 1024px) {
    .Encounter .characteristic .characteristic_cen .list_box ul li.even .list:nth-child(1) .tu {
        float: left; }
    .Encounter .characteristic .characteristic_cen .list_box ul li.even .list:nth-child(1) .tu .arrow {
        border-top: 10px solid transparent;
        border-right: 11px solid #f9f9f9;
        border-bottom: 10px solid transparent;
        border-left: 0;
        right: 0;
        left: auto; } }
.Encounter .characteristic .characteristic_cen .list_box ul li .list {
    width: 50%;
    float: left;
    background: #fff; }
@media (min-width: 1024px) {
    .Encounter .characteristic .characteristic_cen .list_box ul li .list:hover .tu img {
        transform: scale(1.1); } }
@media (max-width: 1024px) {
    .Encounter .characteristic .characteristic_cen .list_box ul li .list {
        width: 100%;
        float: none;
        overflow: hidden; }
    .Encounter .characteristic .characteristic_cen .list_box ul li .list:nth-child(even) .tu {
        float: right; }
    .Encounter .characteristic .characteristic_cen .list_box ul li .list:nth-child(even) .tu .arrow {
        border-top: 10px solid transparent;
        border-left: 11px solid #f9f9f9;
        border-bottom: 10px solid transparent;
        border-right: 0;
        right: auto;
        left: 0; } }
.Encounter .characteristic .characteristic_cen .list_box ul li .list .cont {
    width: 50%;
    float: left;
    padding: 5% 7.5% 0 7.5%;
    box-sizing: border-box; }
@media (max-width: 1024px) {
    .Encounter .characteristic .characteristic_cen .list_box ul li .list .cont {
        padding: 5% 5% 0 5%; } }
.Encounter .characteristic .characteristic_cen .list_box ul li .list .cont .num {
    font-size: 32px;
    line-height: 34px;
    color: #0034fd;
    font-family: "MULTICOLORE"; }
@media (max-width: 1100px) {
    .Encounter .characteristic .characteristic_cen .list_box ul li .list .cont .num {
        font-size: 30px;
        line-height: 28px; } }
@media (max-width: 650px) {
    .Encounter .characteristic .characteristic_cen .list_box ul li .list .cont .num {
        font-size: 22px;
        line-height: 20px; } }
.Encounter .characteristic .characteristic_cen .list_box ul li .list .cont .t {
    font-size: 18px;
    line-height: 32px;
    color: #666;
    margin-top: 12px; }
@media (max-width: 1100px) {
    .Encounter .characteristic .characteristic_cen .list_box ul li .list .cont .t {
        font-size: 20px;
        line-height: 28px;
        margin-top: 10px; } }
@media (max-width: 650px) {
    .Encounter .characteristic .characteristic_cen .list_box ul li .list .cont .t {
        font-size: 16px;
        line-height: 20px;
        margin-top: 5px; } }
.Encounter .characteristic .characteristic_cen .list_box ul li .list .cont .con {
    font-size: 13px;
    line-height: 20px;
    height:100px;
    overflow-y:auto;
    color: #999;
    margin-top: 6px; }
@media (max-width: 500px) {
    .Encounter .characteristic .characteristic_cen .list_box ul li .list .cont .con {
        font-size: 13px;
        height:74px;
        line-height: 18px;
        margin-top: 5px; } }
.Encounter .characteristic .characteristic_cen .list_box ul li .list .tu {
    width: 50%;
    float: left;
    position: relative;
    overflow: hidden; }
.Encounter .characteristic .characteristic_cen .list_box ul li .list .tu .arrow {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 11px solid #f9f9f9;
    border-bottom: 10px solid transparent;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    z-index: 10; }
.Encounter .characteristic .characteristic_cen .list_box ul li .list .tu img {
    width: 100%;
    transition: all 0.5s ease-in-out;
    height: auto; }


.Encounter .support  .con {
    margin-top: 88px; }
@media (max-width: 1024px) {
    .Encounter .support .con {
        margin-top: 30px; } }
.Encounter .support .con ul {
    overflow: hidden; }
.Encounter .support .con ul li {
    width: 25%;
    float: left;
    margin-bottom: 54px;
    position: relative; }
@media (max-width: 1024px) {
    .Encounter .support .con ul li {
        width: 50%; } }
@media (max-width: 640px) {
    .Encounter .support .con ul li {
        width: 100%; } }
.Encounter .support .con ul li .icon {
    width: 123px;
    height: 123px;
    background: #f8a837;
    border-radius: 4px;
    overflow: hidden; }
@media (max-width: 1024px) {
    .Encounter .support .con ul li .icon {
        width: 80px;
        height: 80px; } }
.Encounter .support .con ul li .icon i {
    width: 53px;
    height: 51px;
    overflow: hidden;
    margin: 36px auto 0;
    transition: all 0.5s;
    display: block; }
@media (max-width: 1024px) {
    .Encounter .support .con ul li .icon i {
        width: 45px;
        height: 43px;
        margin: 18px auto 0; } }
.Encounter .support .con ul li .icon i img {
    width: 100%;
    display: block; }
@media (min-width: 1024px) {
    .Encounter .support .con ul li .icon:hover i {
        transform: rotateY(-180deg); } }
.Encounter .support  .con ul li .text {
    position: absolute;
    left: 142px;
    top: 0; }
@media (max-width: 1200px) {
    .Encounter .support .con ul li .text {
        left: 130px; } }
@media (max-width: 1024px) {
    .Encounter .support .con ul li .text {
        left: 90px; } }
.Encounter .support .con ul li .text h6 {
    font-size:16px;
    color: #0034fd;
    line-height: 24px;
    font-weight: bold; }
@media (max-width: 1200px) {
    .Encounter .support  .con ul li .text h6 {
        font-size: 18px; } }
@media (max-width: 1024px) {
    .Encounter .support .con ul li .text h6 {
        font-size: 16px;
        line-height: 26px; } }
.Encounter .support .con ul li .text dl {
    /*margin-top: 8px; */}
@media (max-width: 1024px) {
    .Encounter .support .con ul li .text dl {
        margin-top: 0; } }
.Encounter .support .con ul li .text dl p {
    font-size: 13px;
    color: #666666;
    line-height: 20px; }
@media (max-width: 1200px) {
    .Encounter .support .con ul li .text dl p {
        font-size: 12px; } }
@media (max-width: 1024px) {
    .Encounter .support .con ul li .text dl p {
        line-height: 20px; } }


.brand_cen1 {
    height: 100%; }
@media (min-width: 1024px) {
    .brand_cen1 .text_box {
        transform-origin: right center;
        transform: perspective(500px) rotateY(-30deg); }
    .brand_cen1 .pic_box {
        transform: translateX(-50px);
        filter: alpha(opacity=0);
        opacity: 0; }
    .brand_cen1.animate .text_box {
        transform: rotateY(0deg);
        transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); }
    .brand_cen1.animate .pic_box {
        transform: translateX(0px);
        filter: alpha(opacity=100);
        opacity: 1;
        transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); } }
@media (max-width: 600px) {
    .brand_cen1 {
        padding: 30px 0; } }
.brand_cen1 .pic_box {
    width: 50%;
    /*float: right;*/
    text-align: center; }
@media (max-width: 850px) {
    .brand_cen1 .pic_box {
        width: 40%; } }
@media (max-width: 600px) {
    .brand_cen1 .pic_box {
        width: 100%;
        float: none;
        padding-top: 0; } }
.brand_cen1 .pic_box .t {
    font-size: 24px;
    line-height: 38px;
    color: #666; }
.brand_cen1 .pic_box .t.fff {
    color: #fff; }
@media (max-width: 1024px) {
    .brand_cen1 .pic_box .t {
        font-size: 20px;
        line-height: 32px; } }
@media (max-width: 600px) {
    .brand_cen1 .pic_box .t {
        font-size: 16px;
        line-height: 30px;
        color: #fff;
        padding-top: 0;
        margin-top: 15px; } }
.brand_cen1 .pic_box .ds {
    font-size: 18px;
    line-height: 24px;
    color: #454545;
    margin-top: 3px; }
.brand_cen1 .pic_box .ds.fff {
    color: #fff; }
@media (max-width: 1024px) {
    .brand_cen1 .pic_box .ds {
        font-size: 16px;
        line-height: 20px; } }
@media (max-width: 600px) {
    .brand_cen1 .pic_box .ds {
        font-size: 14px;
        line-height: 20px;
        color: #fff; } }
.brand_cen1 .pic_box .pic {padding: 18% 5.4% 20.3% 5.4%;
}
.brand_cen1 .pic_box .pic img {

    max-width:100%; }
@media (max-width: 650px) {
    .brand_cen1 .pic_box .pic {
        margin-top: 15px; padding: 10% 2.8% 12.3% 2.8%;} 
}
.brand_cen1 .text_box {
    width: 34%;
    background: rgba(255, 255, 255, 0.8);
    padding:50px 0;
    height: 100%;
    box-sizing: border-box;
    padding: 10% 5.4% 20.3% 5.4%;
    box-sizing: border-box; }
@media (max-width: 1024px) {
    .brand_cen1 .text_box {
        padding: 6.6% 4% 8.3% 4%; } }
@media (max-width: 850px) {
    .brand_cen1 .text_box {
        width: 50%; } }
@media (max-width: 600px) {
    .brand_cen1 .text_box {
        width: 100%;
        float: none;
        padding: 20px 15px; } }
.brand_cen1 .text_box .title {
    text-align: left; }
.brand_cen1 .text_box .title .cn {
    font-size: 32px;
    line-height:2;

    color: #1e4090; }
@media (max-width: 1024px) {
    .brand_cen .text_box .title .cn {
        font-size: 26px;
        line-height: 32px; } }
@media (max-width: 600px) {
    .brand_cen .text_box .title .cn {
        font-size: 20px;
        line-height: 30px; } }
.brand_cen1 .text_box .title .en {
    font-size: 24px; line-height:2;
    line-height: 26px; text-transform:uppercase; font-weight:bold;
    color: #1e4090;
    font-family: "MULTICOLORE"; }
@media (max-width: 1024px) {
    .brand_cen1 .text_box .title .en {
        font-size: 20px;
        line-height: 26px; } }
@media (max-width: 600px) {
    .brand_cen1 .text_box .title .en {
        font-size: 16px;
        line-height: 24px; } }
.brand_cen1 .text_box .title .line {
    width: 44px;
    height: 3px;
    margin-top: 22px;
    background: #1e4090; }
@media (max-width: 1024px) {
    .brand_cen1 .text_box .title .line {
        width: 30px;
        margin-top: 15px; } }
.brand_cen1 .text_box .con {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    padding-top: 6px; }
.brand_cen1 .text_box .con p {
    margin-top: 22px; }
@media (max-width: 1024px) {
    .brand_cen1 .text_box .con p {
        margin-top: 12px; } }
@media (max-width: 600px) {
    .brand_cen1 .text_box .con p {
        margin-top: 5px; } }
@media (max-width: 1024px) {
    .brand_cen1 .text_box .con {
        font-size: 14px;
        line-height: 20px; } }

.End_main .support_list {
    margin-top: 48px; }
@media (max-width: 600px) {
    .End_main .support_list {
        margin-top: 20px; } }
.End_main .support_list ul {
    width: 110%; }
@media (max-width: 600px) {
    .End_main .support_list ul {
        width: 100%; } }
.End_main .support_list ul li {
    float: left;
    background: #fff;
    width: 27%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: 4.7%; }
@media (min-width: 1024px) {
    .End_main .support_list ul li:hover .pic img {
        transform: scale(1.1); } }
@media (max-width: 600px) {
    .End_main .support_list ul li {
        width: 100%;
        float: none;
        margin-top: 15px;
        height: auto !important;
        margin-right: 0; } }
.End_main .support_list ul li .pic {
    overflow: hidden;
    border-radius: 3px; }
.End_main .support_list ul li .pic img {
    transition: all 0.5s ease-in-out;
    width: 100%;
    border-radius: 3px; }
.End_main .support_list ul li .con {
    padding: 27px 7% 40px 7%;
    text-align: center;
    background: #fff; }
@media (max-width: 850px) {
    .End_main .support_list ul li .con {
        padding: 25px 3%; } }
@media (max-width: 550px) {
    .End_main .support_list ul li .con {
        padding: 15px 3%; } }
.End_main .support_list ul li .con .t {
    font-size: 18px;
    line-height: 28px;
    color: #454545;
    font-weight: bold; }
.End_main .support_list ul li .con .cont {
    margin-top: 7px;
    font-size: 14px;
    line-height: 24px;
    color: #666; }
@media (max-width: 1024px) {
    .End_main .support_list ul li .con .t {
        font-size: 16px; }
    .End_main .support_list ul li .con .cont {
        margin-top: 3px; } }
@media (max-width: 550px) {
    .End_main .support_list ul li .con .t {
        font-size: 16px;
        line-height: 20px; }
    .End_main .support_list ul li .con .cont {
        line-height: 20px;
        margin-top: 3px; } }
.activity{ padding:50px 0;}





.End_main .qualification {
    background: #f7f4ef;
    position: relative;
    overflow: hidden; }
.End_main .qualification .cloud {
    width: 100%;
    height: 128px;
    background: url(../images/cloud.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100; }
@media (max-width: 900px) {
    .End_main .qualification .cloud {
        display: none; } }
.End_main .qualification .qualification_cen {
    padding-top: 65px; }
@media (max-width: 1024px) {
    .End_main .qualification .qualification_cen {
        padding-top: 50px; } }
@media (max-width: 600px) {
    .End_main .qualification .qualification_cen {
        padding-top: 25px; } }
.End_main .qualification .qualification_cen .list {
    margin-top: 55px; }
@media (max-width: 600px) {
    .End_main .qualification .qualification_cen .list {
        margin-top: 25px; } }
.End_main .qualification .qualification_cen .list ul li {
    width: 33.3%;
    float: left;
    padding: 5.4% 2.5% 125px 2.5%;
    box-sizing: border-box;
    background: #fda937;
    text-align: center; }
@media (max-width: 1024px) {
    .End_main .qualification .qualification_cen .list ul li {
        padding: 5.4% 2% 125px 2%; } }
@media (max-width: 900px) {
    .End_main .qualification .qualification_cen .list ul li {
        padding: 50px 3%;
        width: 50%; } }
@media (max-width: 500px) {
    .End_main .qualification .qualification_cen .list ul li {
        padding: 20px 3%;
        width: 100%;
        float: none; } }
.End_main .qualification .qualification_cen .list ul li:nth-child(2) {
    background: #cccc33; }
.End_main .qualification .qualification_cen .list ul li:nth-child(3) {
    background: #3fb7a0; }
.End_main .qualification .qualification_cen .list ul li:nth-child(4) {
    background: #3f9ad6; }
.End_main .qualification .qualification_cen .list ul li .en {
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    word-wrap: break-word;
    font-family: "MULTICOLORE"; }
@media (max-width: 1200px) {
    .End_main .qualification .qualification_cen .list ul li .en {
        font-size: 26px;
        line-height: 32px; } }
@media (max-width: 600px) {
    .End_main .qualification .qualification_cen .list ul li .en {
        font-size: 20px;
        line-height: 30px; } }
.End_main .qualification .qualification_cen .list ul li .t {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    margin-top: 22px; }
@media (max-width: 1024px) {
    .End_main .qualification .qualification_cen .list ul li .t {
        font-size: 20px;
        line-height: 26px;
        margin-top: 15px; } }
@media (max-width: 600px) {
    .End_main .qualification .qualification_cen .list ul li .t {
        font-size: 16px;
        line-height: 24px;
        margin-top: 8px; } }
.End_main .qualification .qualification_cen .list ul li .con {
    font-size: 15px;
    line-height: 26px;
    color: #fff;
    margin-top: 28px; }
@media (max-width: 1024px) {
    .End_main .qualification .qualification_cen .list ul li .con {
        font-size: 14px;
        line-height: 24px;
        margin-top: 20px; } }
@media (max-width: 600px) {
    .End_main .qualification .qualification_cen .list ul li .con {
        margin-top: 8px;
        font-size: 13px;
        line-height: 20px; } }

.End_main .holiday_list {
    margin-top: 48px; }
@media (max-width: 600px) {
    .End_main .holiday_list {
        margin-top: 20px; } }
.End_main .holiday_list ul {
    width: 110%; }
@media (max-width: 600px) {
    .End_main .holiday_list ul {
        width: 100%; } }
.End_main .holiday_list ul li {
    float: left;
    /*background: #fff;*/
    width: 27%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: 4.7%; }
@media (min-width: 1024px) {
    .End_main .holiday_list ul li:hover .pic img {
        transform: scale(1.1); } }
@media (max-width: 600px) {
    .End_main .holiday_list ul li {
        width: 100%;
        float: none;
        margin-top: 15px;
        height: auto !important;
        margin-right: 0; } }
.End_main .holiday_list ul li .pic {
    overflow: hidden;
    border-radius: 3px; }
.End_main .holiday_list ul li .pic img {
    transition: all 0.5s ease-in-out;
    width: 100%;
    border-radius: 3px; }
.End_main .holiday_list ul li .con {
    padding: 27px 7% 40px 7%;
    text-align: center;
    background: #fff; }
@media (max-width: 850px) {
    .End_main .holiday_list ul li .con {
        padding: 25px 3%; } }
@media (max-width: 550px) {
    .End_main .holiday_list ul li .con {
        padding: 15px 3%; } }
.End_main .holiday_list ul li .con .t {
    font-size: 18px;
    line-height: 28px;
    color: #454545;
    font-weight: bold; }
.End_main .holiday_list ul li .con .cont {
    margin-top: 7px;
    font-size: 14px;
    line-height: 24px;
    color: #666; }
@media (max-width: 1024px) {
    .End_main .holiday_list ul li .con .t {
        font-size: 16px; }
    .End_main .holiday_list ul li .con .cont {
        margin-top: 3px; } }
@media (max-width: 550px) {
    .End_main .holiday_list ul li .con .t {
        font-size: 16px;
        line-height: 20px; }
    .End_main .holiday_list ul li .con .cont {
        line-height: 20px;
        margin-top: 3px; } }

.End_main .office_list {
    margin-top: 48px; }
@media (max-width: 600px) {
    .End_main .office_list {
        margin-top: 20px; } }
.End_main .office_list ul {
    width: 110%; }
@media (max-width: 600px) {
    .End_main .office_list ul {
        width: 100%; } }
.End_main .office_list ul li {
    float: left;
    background: #fff;
    position:relative;
    width: 27%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: 4.7%; }
.End_main .office_list ul li .bg{ background: rgba(255, 255, 255, 0.8); position:absolute; width:100%; height:40px; bottom:0; left:0;}
.End_main .office_list ul li .txt{ font-size:16px; color:#666;  text-align:center;width:100%; line-height:40px; height:40px;position:absolute; bottom:0; left:0;}
@media (min-width: 1024px) {
    .End_main .office_list ul li:hover .pic img {
        transform: scale(1.1); } }
@media (max-width: 600px) {
    .End_main .office_list ul li {
        width: 100%;
        float: none;
        margin-top: 15px;
        height: auto !important;
        margin-right: 0; } }
.End_main .office_list ul li .pic {
    overflow: hidden;
    border-radius: 3px; }
.End_main .office_list ul li .pic img {
    transition: all 0.5s ease-in-out;
    width: 100%;
    border-radius: 3px; }
.End_main .office_list ul li .con {
    padding: 27px 7% 40px 7%;
    text-align: center;
    background: #fff; }
@media (max-width: 850px) {
    .End_main .office_list ul li .con {
        padding: 25px 3%; } }
@media (max-width: 550px) {
    .End_main .office_list ul li .con {
        padding: 15px 3%; } }
.End_main .office_list ul li .con .t {
    font-size: 18px;
    line-height: 28px;
    color: #454545;
    font-weight: bold; }
.End_main .office_list ul li .con .cont {
    margin-top: 7px;
    font-size: 14px;
    line-height: 24px;
    color: #666; }
@media (max-width: 1024px) {
    .End_main .office_list ul li .con .t {
        font-size: 16px; }
    .End_main .office_list ul li .con .cont {
        margin-top: 3px; } }
@media (max-width: 550px) {
    .End_main .office_list ul li .con .t {
        font-size: 16px;
        line-height: 20px; }
    .End_main .office_list ul li .con .cont {
        line-height: 20px;
        margin-top: 3px; } }

.join_list{ margin-top:50px; }
.join_list li{overflow:hidden; background:#f8f8f8;}
.join_list li .pic{ width:50%;}
.join_list li .pic img{width:100%;}
.join_list li .con{ width:50%; text-align:center; padding:5% 0;}
.join_list li .con h6{ font-size:18px; color:#666;}
.join_list li .con .cp{font-size:14px; color:#666; line-height:30px;}
.join_list li .con .a{font-size:14px; color:#666; margin-top:16px;}






@media (max-width: 850px) {
    .join_list li .pic,.join_list li .con{ width:100%;}}


.Develop .class_box .class_box_cen {
    padding-top:10px }
@media (max-width: 1024px) {
    .Develop .class_box .class_box_cen {
        padding-bottom: 50px; } }
@media (max-width: 650px) {
    .Develop .class_box .class_box_cen {
        padding-bottom: 30px; } }

.Develop .class_box .class_box_cen .class_bot {
    margin-top: 40px; }
@media (max-width: 1024px) {
    .Develop .class_box .class_box_cen .class_bot {
        margin-top: 50px; } }
@media (max-width: 650px) {

    .Develop .class_box .class_box_cen .class_bot {
        margin-top: 20px; } 
}
.Develop .class_box .class_box_cen .class_bot .list {
    margin-top: 45px; }
@media (max-width: 650px) {
    .Develop .class_box .class_box_cen .class_bot .list {
        margin-top: 20px; } }
.Develop .class_box .class_box_cen .class_bot .list ul li {
    width: 33.33%;
    float: left;
    overflow: hidden;
    background: #fda937; }
@media (max-width: 750px) {
    .Develop .class_box .class_box_cen .class_bot .list ul li {
        width: 100%;
        float: none; } }
@media (max-width: 600px) {
    .Develop .class_box .class_box_cen .class_bot .list ul li {
        margin-bottom: 15px; }
    .Develop .class_box .class_box_cen .class_bot .list ul li:last-child {
        margin-bottom: 0; } }
.Develop .class_box .class_box_cen .class_bot .list ul li:nth-child(2) {
    background: #3fb7a0; }
.Develop .class_box .class_box_cen .class_bot .list ul li:nth-child(2) .pic .arrow {
    border-top: none;
    border-bottom: 11px solid #3fb7a0;
    top: auto;
    bottom: 0; }
@media (max-width: 750px) {
    .Develop .class_box .class_box_cen .class_bot .list ul li:nth-child(2) .pic .arrow {
        margin-left: 0;
        top: 50%;
        left: auto;
        right: 0;
        margin-top: -5px;
        border-left: none;
        border-right: 11px solid #3fb7a0;
        border-bottom: 10px solid transparent;
        border-top: 10px solid transparent; } }
.Develop .class_box .class_box_cen .class_bot .list ul li:nth-child(3) {
    background: #00a0e8; }
.Develop .class_box .class_box_cen .class_bot .list ul li:nth-child(3) .pic .arrow {
    border-top-color: #00a0e8; }
@media (max-width: 750px) {
    .Develop .class_box .class_box_cen .class_bot .list ul li:nth-child(3) .pic .arrow {
        left: 0;
        margin-left: 0;
        top: 50%;
        margin-top: -5px;
        border-bottom: none;
        border-left: 11px solid #00a0e8;
        border-bottom: 10px solid transparent;
        border-top: 10px solid transparent; } }
.Develop .class_box .class_box_cen .class_bot .list ul li .pic {
    position: relative;
    overflow: hidden; }
.Develop .class_box .class_box_cen .class_bot .list ul li .pic img {
    width: 100%;
    height: auto; }
.Develop .class_box .class_box_cen .class_bot .list ul li .pic .arrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-top: 11px solid #fda937;
    border-right: 10px solid transparent;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -10px;
    z-index: 10; }
@media (max-width: 750px) {
    .Develop .class_box .class_box_cen .class_bot .list ul li .pic .arrow {
        left: 0;
        margin-left: 0;
        top: 50%;
        margin-top: -5px;
        border-bottom: none;
        border-left: 11px solid #fda937;
        border-bottom: 10px solid transparent;
        border-top: 10px solid transparent; } }
@media (max-width: 600px) {
    .Develop .class_box .class_box_cen .class_bot .list ul li .pic .arrow {
        /* display: none; */} }
@media (max-width: 750px) {
    .Develop .class_box .class_box_cen .class_bot .list ul li .pic {
        width: 50%;
        float: left; } }
@media (max-width: 600px) {
    .Develop .class_box .class_box_cen .class_bot .list ul li .pic {
        width: 100%;
        float: none; } }
.Develop .class_box .class_box_cen .class_bot .list ul li .cont {
    text-align: center;
    padding: 0 8%;
    box-sizing: border-box; }
.Develop .class_box .class_box_cen .class_bot .list ul li .cont .t {
    padding-top: 10%;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    color: #fff; }
.Develop .class_box .class_box_cen .class_bot .list ul li .cont .con {
    font-size: 13px;
    line-height: 24px;
    height:146px;
    overflow-y:auto;
    color: #fff;
    text-align:left;
    margin-top: 13px; }
@media (max-width: 1024px) {
    .Develop .class_box .class_box_cen .class_bot .list ul li .cont {
        padding: 0 5%; }
    .Develop .class_box .class_box_cen .class_bot .list ul li .cont .t {
        padding-top: 12%; } }
@media (max-width: 850px) {
    .Develop .class_box .class_box_cen .class_bot .list ul li .cont {
        padding: 0 5%; }
    .Develop .class_box .class_box_cen .class_bot .list ul li .cont .t {
        padding-top: 4%;
        font-size: 16px;
        line-height: 24px; }
    .Develop .class_box .class_box_cen .class_bot .list ul li .cont .con{ height:auto; padding-bottom:4%;}
    .Develop .class_box .class_box_cen .class_bot .list ul li .cont .con {
        margin-top: 8px; } }
@media (max-width: 750px) {
    .Develop .class_box .class_box_cen .class_bot .list ul li .cont {
        width: 50%;
        float: left; } }
.phonebox{ display:none;}	
@media (max-width: 600px) {
    .Develop .class_box .class_box_cen .class_bot .list ul li .cont {
        width: 100%;
        float: none; } 
    .phonebox{ display:block;}
    .pcbox{ display:none;}
    .Develop .class_box .class_box_cen .class_bot .list ul li:nth-child(1) .pic .arrow{ top:100%; left:50%; margin-left:-5px;border-top:none;border-bottom: 10px solid transparent;    border-bottom: 11px solid #fda937; border-right: 10px solid transparent;    border-left: 10px solid transparent; margin-top:-10px;}
    .Develop .class_box .class_box_cen .class_bot .list ul li:nth-child(2) .pic .arrow{ top:100%; right:50%; margin-right:-5px;border-top:none;border-bottom: 10px solid transparent;    border-bottom: 11px solid #3fb7a0; border-right: 10px solid transparent;    border-left: 10px solid transparent; margin-top:-10px;}
    .Develop .class_box .class_box_cen .class_bot .list ul li:nth-child(3) .pic .arrow{ top:100%; left:50%; margin-left:-5px;border-top:none;border-bottom: 10px solid transparent;    border-bottom: 11px solid #00a0e8; border-right: 10px solid transparent;    border-left: 10px solid transparent; margin-top:-10px;}}

.develop_box{ text-align:center; color:#fff;padding-bottom:6%;}
.develop_box h2{ font-size:32px; padding-top:4%;}
.develop_box h3{ font-size:24px; text-transform:uppercase;line-height: 30px;word-wrap: break-word; font-family: "MULTICOLORE"; }
.develop_box .t{ font-size:16px;padding-top:3%; text-align:left;}
@media (max-width: 850px) {
    .develop_box h2{ font-size:26px;}
    .develop_box h3{ font-size:20px; }
    .develop_box .t{ font-size:14px;}
}

@media (max-width: 600px) {
    .develop_box h2{ font-size:20px;}
    .develop_box h3{ font-size:16px; line-height: 20px;}
    .develop_box .t{ font-size:12px;}
}

.main.contact .content {
    width: 100%;
    margin: 60px auto 0;
    border-radius: 4px;
    overflow: hidden;
    background: #fff; }
@media (max-width: 750px) {
    .main.contact .content {
        width: 100%;
        margin: 20px auto 0; } }
.main.contact .content .con_l {
    width: 55%;
    float: left;
    height: 360px; }
@media (max-width: 750px) {
    .main.contact .content .con_l {
        width: 100%;
        height: 200px;
        float: inherit; } }
.main.contact .content .con_l .anchorBL {
    display: none; }
.main.contact .content .con_r {
    width: 45%;
    float: right; }
@media (max-width: 750px) {
    .main.contact  .content .con_r {
        width: 100%;
        float: inherit;
        padding-bottom: 10px; } }
.main.contact .content .con_r .padding {
    padding: 0 83px 0; }
@media (max-width: 1200px) {
    .main.contact .content .con_r .padding {
        padding: 43px 43px 0; } }
@media (max-width: 1024px) {
    .main.contact .content .con_r .padding {
        padding: 23px 23px 0; } }
@media (max-width: 750px) {
    .main.contact .content .con_r .padding {
        padding: 20px 10px 0; } }
.main.contact .content .con_r .padding .tit .ch {
    font-size: 24px;
    color: #666666;
    line-height: 34px; }
@media (max-width: 1024px) {
    .main.contact .content .con_r .padding .tit .ch {
        font-size: 20px;
        line-height: 30px; } }
@media (max-width: 750px) {
    .main.contact .content .con_r .padding .tit .ch {
        font-size: 18px;
        line-height: 28px; } }
.main.contact  .content .con_r .padding .tit .en {
    font-size: 24px;
    color: #d5d5d5;
    font-family: 'Arial';
    line-height: 26px;
    text-transform: uppercase; }
@media (max-width: 1024px) {
    .main.contact .content .con_r .padding .tit .en {
        font-size: 20px;
        line-height: 22px; } }
@media (max-width: 750px) {
    .main.contact  .content .con_r .padding .tit .en {
        font-size: 18px;
        line-height: 20px; } }
.main.contact  .content .con_r .padding .text {
    margin-top: 18px; }
@media (max-width: 750px) {
    .main.contact  .content .con_r .padding .text {
        margin-top: 10px; } }
.main.contact  .content .con_r .padding .text dl dd {
    position: relative;
    padding: 0 0 0 30px;
    margin-bottom: 12px; }
@media (max-width: 750px) {
    .main.contact  .content .con_r .padding .text dl dd {
        margin-bottom: 8px; } }
.main.contact  .content .con_r .padding .text dl dd .icon {
    width: 20px;
    height: 21px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0; }
.main.contact  .content .con_r .padding .text dl dd .icon img {
    width: 100%;
    display: block; }
.main.contact  .content .con_r .padding .text dl dd .txt {
    font-size: 14px;
    color: #666666;
    line-height: 21px; }
.main.contact  .content .con_r .padding .text dl dd .txt strong {
    font-family: 'MULTICOLORE';
    font-size: 20px; }
.main.contact  .content .con_r .padding .wechat {
    margin-top: 18px;
    width: 168px;
    height: 168px;
    background: #fff;
    padding:2px;
    border-radius: 4px;
    border:1px solid #bababa; }
@media (max-width: 750px) {
    .main.contact  .content .con_r .padding .wechat {
        width: 102px;
        height: 102px; } }
.main.contact  .content .con_r .padding .wechat img {
    width: 100%;
    display: block; }
.textBox{ display:none;}		
.textBox.active{ display:block;}


@media (min-width: 1024px) {
    .main.contact .content {
        transform: translateY(-50px) scale(0.5);
        filter: alpha(opacity=0);
        opacity: 0; }
    .main.contact .content.animate {
        transform: translate(0px, 0px) scale(1);
        filter: alpha(opacity=100);
        opacity: 1;
        transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); } }

.join{ margin-top:50px;}
.J-list{ }
.J-list .j_title{ padding-left:40px; border:1px dashed #89733f; border-radius:40px; position:relative; line-height:60px; cursor:pointer; font-size:14px; color:#666; overflow:hidden;}
.J-list .j_title .arrow{ position:absolute; right:40px; top:0px;}
.J-list .j_title .arrow img{ width:33px;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);transition: transform 0.2s ease-out; }
.J-list .j_title span{ font-size:24px; color:#f2661b;font-family: 'MULTICOLORE'; display:block; float:left; padding-right:10px;}
.J-list .j_con{font-size:14px; color:#666; padding:10px 70px 10px 40px;opacity:0; height:0;}
.J-list.active .j_title img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);transition: transform 0.2s ease-out; }
.J-list.active .j_con{visibility: visible; opacity: 1; height:auto;transition: all 1s;}


.Recommand{ padding-top:50px;}
.Recommand .tab_search{background:#e3e5e6; padding:8px 0;}
.Recommand .s_pad{float: left;width: 25%;}
.Recommand .search_box { position: relative;line-height: 46px;margin-left:10px;cursor: pointer; padding-left:50px; }
.Recommand .search_box span {font-size: 14px;opacity: .8;color: #3f3e55; }
.Recommand .search_box img {position: absolute;right: 17px;top: 22px; }
.Recommand .search_box img.up {display: none;}
.Recommand .search_box.active img {display: none; }
.Recommand .search_box.active .up {display: block; }
.Recommand .search_box .pullList {position: absolute;top: 47px; overflow: hidden;width:100%;left: 0px; background: #fff;z-index: 2;height: 0; }
.Recommand .search_box .pullList ul {border: 2px solid #ebebee;padding-left: 40px; }
.Recommand .search_box .pullList ul li {cursor: pointer;font-size: 14px;color: #3f3e55;opacity: 0.6; }

.Recommand .r_searchBox {line-height: 46px;position: relative;background: #fff; margin:0 10px; }
.Recommand .r_searchBox input {width: 100%;text-indent: 18px;padding-left: 18px;border: none;height: 46px;line-height: 46px;display: block;background: transparent;padding-right: 25px;font-size: 14px;
                               opacity: .8;color: #3f3e55;-webkit-box-sizing: border-box;box-sizing: border-box;outline: 0;}
.Recommand .r_searchBox  a {position: absolute;top:0px;right: 12px; }

.recom{ margin-top:40px;}
.recon_list{ position:relative; border:1px solid #e4e5e7;}
.recon_list .r_title{font-size:15px; color:#666; padding:0 4%; line-height:60px;}
.recon_list .r_title span{ display:inline-block; zoom:1; *display:inline; width:26.5%;}
.recon_list .r_title span.last{ text-align:right; width:18%;}
.recon_list .r_con{opacity:0; height:0; }
.recon_list .r_con .t{font-size:13px; color:#999; line-height:20px;}
.recon_list .r_con .ra{text-align:center; margin-top:6px; }
.recon_list .r_con .ra a{ font-size:13px; color:#fff; background:#1e4090; border-radius:20px; padding:10px 30px;}
.recon_list .arrow{ position:absolute; bottom:-20px; left:50%; margin-left:-8px; cursor:pointer;}
.recon_list .arrow img{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);transition: transform 0.2s ease-out;}
.recon_list.active .arrow img{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);transition: transform 0.2s ease-out; }
.recon_list.active .r_con{visibility: visible; opacity: 1; height:auto;transition: all 1s; padding:14px 4% 30px;}
.recon_list.active .r_title{ background:#e4e5e7; }

@media (max-width: 750px) {
    .Recommand .s_pad{width:100%; margin-top:10px;}
    .Recommand .search_box{ margin-right:10px;}
    .recon_list .r_title span{ width:100%;}
    .recon_list .r_title{ line-height:40px;}
    .recon_list .r_title span.last{ width:100%; text-align:left;}
    .recon_list .arrow{ bottom:-10px;}
    .J-list .j_title{ padding-left:20px; padding-right:40px; line-height:30px; }
    .J-list .j_title .arrow{ position:absolute; right:20px; top:0px;}
    .J-list .j_title .arrow img{ width:20px;}}
@media (max-width: 1024px) {
    .recon_list .r_title span{ width:49%;}
    .Recommand .s_pad{width:50%; margin-top:10px;}
    .Recommand .s_pad .mar{ margin-right:10px;}
    .recon_list .r_title span.last{ width:49%; text-align:left;}
    .recon_list .r_title{ line-height:40px;}
    .recon_list .arrow{ bottom:-14px;}
}

@media (max-width: 640px) {
    .recon_list .r_title span{ width:100%;}

}

.dialog_bg{ width:100%; height:100%; position:fixed; left:0; top:0; background: rgba(0, 0, 0, 0.3); z-index:10001; display:none;}
.join_dialog{ width:380px; position:fixed; left:50%; margin-left:-190px; top:50%; margin-top:-128px;z-index:10002; border-radius:4px; display:none; }
.join_dialog h2{ background:rgba(6, 44, 135, 0.95); padding:0 20px; line-height:46px; color:#fff; font-size:16px;}
.join_dialog .info{ padding:20px 0 0; background:#fff; font-size:14px; min-height:180px;}
.join_dialog .info .in{ margin:0 0 20px;}
.join_dialog .info .in span{ padding-right:10px; }
.join_dialog .info .in .input1{ width:258px; height:36px; line-height:36px; border:1px solid #ddd; padding:0 10px;}
#file{ display:none;}
.join_dialog .info .in #my-img{background:rgba(6, 44, 135, 0.95); padding:6px 10px; border-radius:4px; color:#fff; font-size:14px;}
.join_dialog .info .in .input2{ width:160px; height:36px; line-height:36px; border:1px solid #ddd; padding:0 10px; margin-right:20px;}
.join_dialog .info .insearch { text-align:center;}
.join_dialog .info .insearch .btn{background:rgba(6, 44, 135, 0.95); padding:8px 30px; border-radius:4px; color:#fff; font-size:14px; }
.join_dialog .info .result{ text-align:left; font-size:14px; color:#333; min-height:188px; padding-top:0px;}
.join_dialog .close{ color:#fff; font-size:22px; position:absolute; right:0; top:0; line-height:46px; width:40px; text-align:center;}
#result{ display:none;}

.join_dialog .zxcon{display:none;max-height:550px;overflow-y:auto; padding:20px;background:#eee;}
.join_dialog .zxcon textarea{width:100%; border:1px solid #ddd; height:50px;line-height:24px; resize:none;}
.join_dialog .fj,.join_dialog .zxtx{ text-align:center; font-size:20px; padding:10px 0; cursor:pointer;}
.join_dialog h3{ font-size:14px; padding:2px 0 2px;}
.join_dialog .zx_pad .zx_in{margin:0 0 6px 0;display:block;}
.join_dialog .zx_pad .zx_in span{display:inline-block;width:70px;}
.join_dialog .zx_pad .zx_in .input1{ width:92px; height:30px; line-height:30px; border:1px solid #ddd;}
.join_dialog .gzjl{ margin-top:14px;}
.join_dialog .zx_pad .zx_in .input2,.join_dialog .gzjl .input1{ width:268px; height:30px; line-height:30px; border:1px solid #ddd;}

.fj_dialog{ width:380px; position:fixed; left:50%; margin-left:-190px; top:50%; margin-top:-128px;z-index:10002; border-radius:4px; display:none; }
.fj_dialog h2{ background:rgba(6, 44, 135, 0.95); padding:0 20px; line-height:46px; color:#fff; font-size:16px;}
.fj_dialog .info{ padding:20px 20px; background:#fff; font-size:14px; min-height:180px;}
.fj_dialog .info .in{ margin:0 0 20px;}
.fj_dialog .info .in span{ padding-right:10px; }
.fj_dialog .info .in .input1{ width:258px; height:30px; line-height:30px; border:1px solid #ddd; padding:0 10px;}
#file{ display:none;}
.fj_dialog .info .in #my-img{background:rgba(6, 44, 135, 0.95); padding:6px 10px; border-radius:4px; color:#fff; font-size:14px;}
.fj_dialog .info .in .input2{ width:160px; height:30px; line-height:30px; border:1px solid #ddd; padding:0 10px; margin-right:20px;}


@media (max-width: 768px) {
    .join_dialog{ width:80%;left:10%; margin-left:0px; top:50%; margin-top:-128px;}
    .join_dialog .info{ padding:10px 20px; }
    .join_dialog .info .in .input1{ width:84%; height:36px; line-height:36px;}
    .join_dialog .info .in .input2{ width:52%; height:36px; line-height:36px; }

}



@media (max-width: 480px) {
    .join_dialog{ width:80%;left:10%; margin-left:0px; top:50%; margin-top:-128px;}
    .join_dialog .info{ padding:10px 20px; }
    .join_dialog .info .in .input1{ width:80%; height:28px; line-height:28px;}
    .join_dialog .info .in .input2{ width:40%; height:28px; line-height:28px; margin-right:10px; }
    .join_dialog .zx_pad .zx_in span,.join_dialog .gzjl span{width:26%;padding-right:2%;}
    .join_dialog .zx_pad .zx_in .input1,.join_dialog .gzjl .input1{ width:70%; height:30px; line-height:30px; border:1px solid #ddd;}

}


.brand_end{background:url(../images/Endorsement_banner.jpg) no-repeat center center;background-size:cover;}
@media (max-width: 640px) {.brand_end{background:url(../images/Endorsement_banner.jpg) no-repeat 14% center;}}
@media (max-width: 480px) {.brand_end{background:url(../images/Endorsement_banner.jpg) no-repeat 16% center;}}


.zp{ position:fixed; width:160px; height:160px; top:50%; margin-top:-90px; z-index:9999000; right:10px; font-size:12px; text-align:center;}
.zp img{ width:100px;}

@media (max-width: 640px) {
    .zp{width:105px; margin-top:-258px; color:#fff;}}


.uitpage{
    padding-top: 2.6rem;text-align: center;
}
.uitpage dl{
    font-size: 0;text-align: center;display: inline-block;
}
.uitpage dd{
    display: inline-block;vertical-align: middle;margin: 0 0.41rem;
}
.uitpage dd a{
    font-size:0.83rem ;
    line-height: 2.08rem;
    color: #333333;display: block;
}
.uitpage dd{
    font-size:0.83rem ;
    line-height: 2.08rem;
    color: #333333;
}
.uitpage dd .next,
.uitpage dd .prev{
    width: 2.08rem;height: 2.08rem;background: url(../images/prev.png) no-repeat center;border-radius: 50%;
}
.uitpage dd .next{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);  /* IE 9 */
    -moz-transform:rotate(180deg);     /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 鍜� Chrome */
    -o-transform:rotate(180deg);
}
.uitpage dd.on .next,
.uitpage dd .next:hover,
.uitpage dd .prev:hover{
    box-shadow: 0 0 20px rgba(80,80,80,0.2);background: url(../images/prev-1.png) no-repeat center #fff;
}
.uitpage dd a:hover{
    text-decoration: underline !important;color: #2452a5;
}