@charset "utf-8";
/* CSS reset */
* {
    margin:0;
    padding:0;
    outline:none;
    blr:expression(this.onFocus=this.blur());
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family:arial, "微软雅黑", Microsoft YaHei;
}
body,html,table{ font-size: .16rem; line-height: 1.75; color: #333;}
body, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
    list-style:none;
    text-decoration:none;
    margin: 0;
}
img {
    border:none;
    max-width: 100%;
    width: auto\9;
    height: auto;
    -ms-interpolation-mode: bicubic;
    _width:auto;
}
input,textarea,select {
    border:none;
    background:none;
    font-size: .18rem;
    vertical-align:middle;
}
select{ border:inherit; background: inherit; }
a {
    text-decoration:none;
    blr:expression(this.onFocus=this.blur());
    outline: none;
    color:#000;
}
a:hover, a:focus {
    text-decoration:none;
}
em, i {
    font-style:normal;
}
a:focus, input, select {
    outline:none;
}
.clearfix {
    *zoom:1;
}
.clearfix:after {
    content:"\200B";
    display: block;
    clear: both;
    height: 0;
}
@-webkit-viewport {
    width: device-width;
}
@-moz-viewport {
    width: device-width;
}
@-ms-viewport {
    width: device-width;
}
@-o-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}
input[type="submit"], input[type="reset"], input[type="button"], button {
    -webkit-appearance: none;
}
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.3;}
header,main,footer,nav,section{ display: block;}

/*swiper*/
.swiper-pagination-bullet{ width: .12rem; height: .12rem;}
.swiper-pagination-bullet-active{ background-color: #e20512;}
.warp{ max-width: 750px; margin: 0 auto;}
.line_dec{ position: fixed; left:0; top:0; z-index: 1004; width: 5px; height: 0%; overflow: hidden; background-color: #e20512;}
/**===============header   begin====================**/
header{position: fixed; top: 0; left:0; z-index: 1003; width: 100%; height: 1rem; background-color: #fff; padding: 0 .50rem; }
.logo{ float: left; position: relative; top:.18rem;}
.logo a img{ display: block; height: .65rem; width: auto;}
/*menu_ico*/
.menu_ico{ cursor: pointer; display: block; float: right; font-size: .24rem; font-weight: bold; color: #e20512; text-transform: uppercase; margin-top: .40rem;}
.menu_ico em{ display: inline-block; vertical-align: middle; margin-right: .08rem; position: relative; width: .20rem; height: .20rem;}
.menu_ico em i{ display: block; width: 100%; height: .03rem; background-color: #e20512; position: absolute; top:0;}
.menu_ico em i:nth-of-type(2){ top:.07rem;}
.menu_ico em i:nth-of-type(3){ top:.14rem;}
.menu_active i:nth-of-type(2){ opacity: 0;}
.menu_active i:nth-of-type(1),.menu_active i:nth-of-type(3){ top:.14rem; margin-top: -.07rem;}
.menu_active i:nth-of-type(1){ transform:rotate(-45deg);}
.menu_active i:nth-of-type(3){ transform:rotate(45deg);}
/*nav*/
nav{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none;}
.nav_bg{ position: fixed; top:0; left:0; width: 100%; height: 100%; background-color: rgba(0,0,0,.50);}
.nav_closed{ display: block; text-indent: -99999px; position: fixed; top:0; right:67.5%; width: 1rem; height: 1rem; overflow: hidden; background: #000 url("../images/nav_ico03.png") center center no-repeat; background-size: .25rem;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;
}
.nav_closed:active{ background-color: #e20512;}
.nav_box{ width: 67.5%; height: 100%; overflow-y: auto; background-color: #322d2d; position: absolute; top:0; right:0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;
}
@-webkit-keyframes returnToNormal {
     from{
         opacity: 0;
         -webkit-transform: translate3d(100%, 0 , 0);
         transform: translate3d(100%, 0, 0);
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }
@keyframes returnToNormal {
    from{
        opacity: 0;
        -webkit-transform: translate3d(100%,0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.nav_box a{ display:block; color: #FFFFFF; font-size: .24rem; height: 1rem; line-height: 1rem; padding: 0 .40rem; position: relative;}
.nav_box a.a_item0{ padding-right: .50rem; border-bottom: 1px solid #474241; font-size: .26rem;}
.nav_box a.a_item0:before{ content: ""; width: .24rem; height: .14rem; background: url("../images/nav_ico01.png") no-repeat; background-size: contain; position: absolute; top:50%; margin-top: -.07rem; right: .40rem; opacity: 0;}
.nav_box a.a_item0.on,.nav_box a.a_item0.nav_cur{ background-color: #e40000;}
.nav_box a.a_item0.on:before,.nav_box a.a_item0.nav_cur:before{ opacity: 1;}
.nav_box a.a_item0:first-child{ text-align: right;}
.nav_box a.a_item0:first-child img{ display: inline-block; vertical-align: middle; width: 0.27rem; height: .27rem; margin-right: .16rem;}
.nav_box a.a_item0:first-child:before{ display: none;}
.subclass{ background-color: #3b3736; display: none;}
.subclass a{ height: .80rem; line-height: .80rem;}
.subclass a span{ display: inline-block; position: relative; padding-left: .30rem;}
.subclass a span:before{ content: ""; position: absolute; top:50%; left:0; margin-top: -.05rem; width: 0.11rem; height: 0.11rem; background: #e40000;}
.subclass a:active,.subclass a.subclass_cur{ background-color: #615b58;}

/*main*/
main{ padding-top:1rem;}
/*focus*/
.focus_scr img{ display: block; margin: 0 auto;}
.focus_scr .swiper-pagination{ text-align: right; padding: 0  .50rem;}
.focus_scr .swiper-pagination-bullet{ border-radius: .12rem; background-color: #fff; opacity: 1;}
.focus_scr .swiper-pagination-bullet-active{ width: .24rem; background-color: #e20512;}
/*section*/
.section{ padding:.60rem .50rem; position: relative; background-color: #fff; background-position:center 0%; background-repeat: no-repeat; background-size: cover; color: #000; }
.sec_tit{ display: inline-block; font-size:.32rem; text-transform: uppercase; padding-bottom:.10rem; border-bottom: 1px solid #e20512; margin-bottom: .10rem;}
.sec_tit a{ color: #333;}
.sec_tit b{ color: #000; font-size:.24rem; margin-left: .10rem;}
.sec_tit.col_white,.sec_tit.col_white a,.sec_tit.col_white b{ color: #fff;}
.sec_tit.col_white{ border-color: #fff;}
.sec_des{ position: relative; text-transform: uppercase; margin-bottom: .30rem;}
/*business*/
.business{ background-color: #edeef0; background-size: cover; }
.business_list{ margin:0 -.30rem .40rem;}
.business_list li{ width: 33.33%; padding: 0 .30rem; float: left;}
.business_list li a{ display: block; width: 1.76rem; color: #333;}
.business_ico{ display: block; width:1.76rem; height:1.76rem; background-color: #222427; position: relative; margin-bottom:.20rem;}
.business_ico:before{ content: ""; width:.80rem; height:.80rem; position: absolute; top:50%; left:50%; margin: -.45rem 0 0 -.45rem; z-index: 1; background: url("../images/ico_02.png") no-repeat; background-size: contain;}
.business_ico span{ display: block; width:.60rem; height:.60rem; position: absolute; top:50%; left:50%; margin: -.30rem 0 0 -.30rem; z-index: 2;}
.business_ico span img{ display: block; position: absolute; top:0; left: 0;}
img.b_ico_b{ opacity: 0;}
.business_list li a h4{ font-size:.28rem; font-weight: bold; margin-bottom:.10rem;}
.business_list li a h4 em{ display: block; font-weight: normal; font-size: .16rem;}
.business_des{ font-size:.22rem; color: #333;}
.business_list li:hover .business_ico:before,.more01:hover:before{ width: 1.10rem; height:1.10rem; margin: -.60rem 0 0 -.60rem;}
.business_list li:hover img.b_ico_a{ opacity: 0;}
.business_list li:hover img.b_ico_b{ opacity: 1;}
.business_list li:hover a{ color: #e20512;}
.business .sec_next{ bottom: 0;}
/*more01*/
.more01{ margin-bottom: 0; background-color: #e20512; position: relative;}
.more01:after{ content: ""; position: absolute; top:-15%; left:-15%; z-index: 0; width: 130%; height: 130%; opacity: 0; background-color: #e20512;}
.more01:before{ background-image: url("../images/ico_02b.png");}
.more01:hover img{ left:3px;}
.more01:hover:after{ top:0; left:0; width: 100%; height: 100%; opacity: 1;}
/*service*/
.service{ background-color: #222427; color: #fff;}
.service_place{ margin-top: .40rem;}
.service_place li{ float: left; width: 25%; height: .70rem; line-height: .70rem; overflow: hidden; border-bottom: 1px dashed #6d6f71; font-size:.26rem;}
.service_place li a{ display: block; color: #fff; background: url("../images/ico_04.png") left center no-repeat; background-size: .25rem; padding-left: .40rem; }
.service_place li a:hover{ opacity: .80; text-decoration: underline;}
.service_map{ display: block; margin: 0 auto;}
/*about*/
.about{ }
@font-face {
    font-family: myFirstFont;
    src: url('../font/akzidenzgroteskcond0.eot'); /* IE9+ */
    src: url('../font/akzidenzgroteskcond0.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/akzidenzgroteskcond0.woff') format('woff'), /* chrome、firefox */
    url('../font/akzidenzgroteskcond0.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/akzidenzgroteskcond0.svg#fontname') format('svg'); /* iOS 4.1- */
}
.about_brife{ margin-top: .40rem;}
.about_tit{ font-size: .28rem; font-weight: bold; text-transform: uppercase; margin-bottom:.10rem;}
.about_tit a{ color: #e20512;}
.about_tit a em{ display: block; font-weight: normal; font-size:.14rem; color: #000;}
.about_des{ font-size: .24rem; color: #333;}
/*about_data*/
.about_data{ clear: both; padding: .60rem 0; position: relative; background-position: center top; background-repeat: no-repeat; background-size: cover; color: #fff;}
.about_data:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: url("../images/about_02.png") left bottom repeat-x; background-size: cover; opacity: 0.50;}
.data_list{ position: relative; z-index: 1;}
.data_list li{ float: left; width: 25%; position: relative; text-align: center; text-transform:uppercase; font-size: .16rem;}
.data_des{ font-size: .14rem;}
.data_list li b{ display: block; font-size: 1rem; line-height: 0.80; letter-spacing: 0.02em; font-family:myFirstFont; margin-top: .10rem;}
.more02{ display: inline-block; position: relative; text-transform: capitalize; line-height: normal; font-size: .20rem; color: #e20512; background: url("../images/ico_05.png") right center no-repeat; background-size: .10rem; padding-right: .20rem; margin-top: .30rem;}
.more02:hover{ opacity: .90;}
/*news*/
.news{ background-color: #eeeff1; }
.news_rec{ }
.news_rec li{ position: relative;}
.news_rec li a,.news_rec li a img{ display: block; width: 100%; overflow: hidden; color: #fff;}
.ie9 .news_rec li a,.ie8 .news_rec li a{ top:0; opacity: 1;}
.news_cover{ position: absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; padding:.40rem; text-align: justify;}
.news_cover:before{ content: ""; position: absolute; top:0; left:0; z-index: 0; width: 100%; height: 100%; background: url("../images/about_02.png") left bottom repeat-x; background-size: cover;}
.news_date{ position: relative; display: block; float: right; padding-right:.35rem; font-size:.22rem; font-weight: bold; background: url("../images/ico_06.png") right center no-repeat; background-size: .25rem;}
.cover_bot{ position: absolute; bottom:.40rem; left:.40rem; width: -webkit-calc(100% - .80rem); width: calc(100% - .80rem); }
.news_rec li a h4{ font-size:.30rem; position: relative; padding-bottom:.10rem; margin-bottom: .15rem;}
.news_rec li a h4:before{ content: ""; position: absolute; bottom: 0; left:0; width: .80rem; height: 1px; background-color: #fff;}
.news_des{ font-size: .24rem;}
.news_rec li a:hover h4:before{ width: 100%;}
.news_rec li a:hover .news_cover:before{ opacity: 0.70;}
/*partners*/
.partners{ background-color: #e20512; color: #fff;}
#partners_scr .swiper-slide a{ display: block; text-align: center; font-size: .26rem; color: #fff;}
#partners_scr .swiper-slide a img{ display: block; margin: 0 auto; height: .65rem; width: auto;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
}
#partners_scr .swiper-slide a:hover{ opacity: .80;}
#partners_scr .swiper-slide a:hover img{
    -webkit-transform:rotateY( 40deg);
    -moz-transform:rotateY( 40deg);
    transform:rotateY( 40deg);
}
#partners_scr .swiper-pagination{ position: inherit; margin-top: .20rem;}
#partners_scr .swiper-pagination-bullet{ background-color: #fff;}
/*footer*/
footer{ background-color: #222427; font-size: .16rem; color: #fff; padding: .60rem .50rem;}
footer a{ color: #fff;}
.footer_logo{ display: block; float: left;}
.footer_logo img{ display: block; height: .55rem; width: auto;}
.footer_tel{ display: block; float: right; padding: 0 .20rem; line-height: .53rem; height: .55rem; overflow: hidden; border:1px solid #e20512; border-radius: 4px; font-size: .22rem; color: #e20512;}
.footer_tel span{ display: inline-block; background: url("../images/footer_02.png") left center no-repeat; background-size: .22rem; padding-left: .44rem;}
.footer_nav{ clear: both; width: 100%; text-align: center; padding: .40rem 0 .20rem; border-bottom: 1px solid rgba(255,255,255,.60);}
.footer_nav a{ display: block; float: left; width: 16.66%; line-height: .40rem;}
.footer_info{ line-height: .40rem; padding: .15rem 0; opacity: .60; border-bottom: 1px solid #fff;}
.shared{ padding: .30rem 0 0; opacity: .60;}
.shared a{ display: inline-block; vertical-align: middle; position: relative; margin:0 .24rem;  width: .46rem; height:.46rem; border-radius: 50%; border:1px solid #fff;}
.shared a img{ display: block; width: .20rem; height: .20rem; position: absolute; top:50%; left:50%; margin: -.10rem 0 0 -.10rem;}
.zhiding{ display: none; cursor: pointer; position: fixed; bottom: .60rem; right: .50rem; width: .60rem; height: .60rem; overflow: hidden; text-indent: -9999px; border-radius: 50%; background: #e20512 url("../images/footer_03.png") center center no-repeat; background-size: .20rem;}

/*=========================关于我们=====================*/
.banner{ height: 3.20rem; position: relative; background-color: #fff; background-position:center 0%; background-repeat: no-repeat; color: #fff; text-align: center;}
.banner:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.20);}
.banner_txt{ width: 100%; position: absolute; left:0; top: 1.30rem; text-transform: uppercase; font-size: .36rem; line-height: normal; font-family:"YouYuan", "幼圆",'Microsoft Jhenghei', '微軟正黑體';}
.banner_txt em{ display: block; font-size:.32rem; font-family: Georgia;}
/*introduction*/
.introduction{ padding-bottom: 0; font-size: .24rem; text-align: justify; color: #333;}
.about_item{ display: inline-block; padding-right: 30px; position: relative; line-height: 1; text-transform: uppercase; margin-bottom:.40rem;}
.about_item:before{ content: ""; position: absolute; bottom: 0; right: 0; width: 4px; height: .90rem; background-color: #e20512;}
.about_item i{ font-family: myFirstFont; color: #e20512; font-size:.62rem; margin-right:.16rem;}
.about_item em{ font-size: .30rem;}
.about_item b{ display: block; margin-top: .15rem; color: #dcdcdc; font-size: .26rem;}
.introduction_img{ margin-top: .60rem; overflow: hidden;}
.introduction_show{ margin: .60rem -.50rem 0; padding:.60rem .30rem; background-color: #e20512; color: #fff;}
.data_list2{ top:0;}
.data_list2 li:before{ content: ""; position: absolute; top:50%; left:0; width: 1px; height: 68px; margin-top: -24px; background-color: rgba(255,255,255,.50);}
.data_list2 li:first-child:before{ display: none;}
/*culture*/
.culture{ overflow: hidden; background-color: #f4f4f4; text-align: right;}
.culture_bg{ position: absolute; top:0; left:0; width: 100%; height: 100%; background-position:center bottom; background-repeat: no-repeat; background-size: cover;}
.culture_bg{
    -webkit-animation: scale_img 20s infinite ease-out alternate;
    -moz-animation: scale_img 20s infinite ease-out alternate;
    -ms-animation: scale_img 20s infinite ease-out alternate;
    animation: scale_img 20s infinite ease-out alternate;
}
@-webkit-keyframes scale_img{
    0%{
        transform:scale(1) translateX(0px);
    }
    50%{
        transform:scale(1.3) translateX(.50rem);
    }
    100% {
        transform:scale(1.6) translateX(.50rem);
    }
}
@keyframes scale_img{
    0%{
        transform:scale(1) translateX(0px);
    }
    50%{
        transform:scale(1.3) translateX(.50rem);
    }
    100% {
        transform:scale(1.6) translateX(.50rem);
    }
}
.culture_list{ text-align: left;}
.culture_list li{ color: #333; font-size: .24rem; margin-bottom: .40rem; position: relative; top:.60rem; opacity: 0;}
.culture_list li:before{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -11px; width: 22px; height: 320px; background: url("../images/ico_09.png") center top no-repeat;}
.culture_top{ position: relative; padding-left: .82rem;}
.culture_dec01{ display: block; position: absolute; top:50%; left:-.50rem; margin-top: -.11rem; width:.22rem; opacity: 0; height: .22rem; background: url("../images/about_05a.png") right center no-repeat; background-size: cover;}
.culture_list li img,.culture_list li h6{ display: inline-block;; vertical-align: bottom;}
.culture_list li img{ width: .90rem; height: .90rem; margin-right: .30rem;}
.culture_list li h6{ font-size: .24rem; color: #e20512;}
.culture_list li h6 b{ display: block; font-size:.28rem; color: #000;}
.culture_des{ text-align: left; margin-top: .10rem;}
.culture_list li:nth-of-type(even){ text-align: right;}
.culture_list li:nth-of-type(even) .culture_top{ padding-left: 0; padding-right: .82rem;}
.culture_list li:nth-of-type(even) .culture_dec01{ left:auto; right: -.50rem;}
/*mymove02*/
.mymove02{
    -webkit-animation: move02 1s forwards alternate;
    -moz-animation: move02 1s forwards alternate;
    -ms-animation: move02 1s forwards alternate;
    animation: move02 1s forwards alternate;
}
@-webkit-keyframes move02{
    0%{
        top:.60rem; opacity: 0;
    }
    100% {
        top:0rem; opacity: 1;
    }
}
@keyframes move02{
    0%{
        top:.60rem; opacity: 0;
    }
    100% {
        top:0rem; opacity: 1;
    }
}
/*decmove01*/
.decmove01{
    -webkit-animation: decmove01 1s forwards alternate;
    -moz-animation: decmove01 1s forwards alternate;
    -ms-animation: decmove01 1s forwards alternate;
    animation: decmove01 1s forwards alternate;
}
@-webkit-keyframes decmove01{
    0%{
        width: .22rem; opacity: 0;
    }
    100% {
        width: 1.08rem; opacity: 1;
    }
}
@keyframes decmove01{
    0%{
        width: .22rem; opacity: 0;
    }
    100% {
        width: 1.08rem; opacity: 1;
    }
}
/*advantage*/
.advantage{ color: #fff;}
.col_white,.about_item.col_white,.about_item.col_white i,.about_item.col_white b{ color: #fff;}
.about_item.col_white:before{ background-color: #fff;}
.advantage_dec01,.advantage_dec02{ position: absolute; top:0; left:-20%; opacity: 0; width: 100%; height: 100%; background: rgba(229,0,0,.60);}
.advantage_dec02{ left:-40%; background: rgba(229,0,0,.60);}
.mymove03{
    -webkit-animation: move03 2s forwards alternate;
    -moz-animation: move03 2s forwards alternate;
    -ms-animation: move03 2s forwards alternate;
    animation: move03 2s forwards alternate;
}
@-webkit-keyframes move03{
    to {
        left:0%; opacity: 1;
    }
}
@keyframes move03{
    to {
        left:0%; opacity: 1;
    }
}
.advantage_list{ position: relative;}
/*honor*/
.honor{ text-align: right;}
#honor_scr{ text-align: center; margin: 0 -.40rem;}
#honor_scr .swiper-slide a{ display: block; font-size:.28rem; padding: 0 .40rem;}
.honor_img{ height: 2.16rem; padding: .30rem .28rem; background: url("../images/honor_01.jpg") no-repeat; background-size: cover; margin-bottom: .20rem;}
.honor_img img{ display: block; width: 100%; height: 100%;}
#honor_scr .swiper-arrows,#team_scr .swiper-arrows{ text-align: center; margin-top: .40rem;}
#honor_scr .swiper-button-prev,#honor_scr .swiper-button-next,#team_scr .swiper-button-prev,#team_scr .swiper-button-next{ position: inherit; margin: 0; width: 50%; height: .40rem; float: left; background-position:  center center; background-size: .40rem; background-repeat: no-repeat;}
#honor_scr .swiper-button-prev{ background-image: url("../images/arrow01_left.png");}
#honor_scr .swiper-button-next{ background-image: url("../images/arrow01_right.png");}
#team_scr .swiper-button-prev{ background-image: url("../images/arrow02_left.png");}
#team_scr .swiper-button-next{ background-image: url("../images/arrow02_right.png");}
/*team*/
.team{ background-color: #c50410; background-attachment: fixed; background-size: cover; color: #fff;}
.col_white.more02{ margin-top:.70rem; border-bottom: 1px solid #fff; background-image: url("../images/ico_05b.png");}
.team .more02{ float: right;}
#team_scr .swiper-slide a,.team_list li a{ display: block; width: 6.40rem; position: relative;}
.team_block{ padding:.40rem; background-color: #fff; position: relative; top:.20rem; left:.20rem; opacity: 0;}
.team_dec01{ position: absolute; top:-.10rem; left:-.10rem; opacity: 0; z-index: -1; width: 100%; height: 100%; background-color: #dcdcdc;}
/*mymove04*/
.mymove04{
    -webkit-animation: move04 1s forwards alternate;
    -moz-animation: move04 1s forwards alternate;
    -ms-animation: move04 1s forwards alternate;
    animation: move04 1s forwards alternate;
}
@-webkit-keyframes move04{
    to {
        top:0; left:0; opacity: 1;
    }
}
@keyframes move04{
    to {
        top:0; left:0; opacity: 1;
    }
}
/*mymove05*/
.mymove05{
    -webkit-animation: move05 1s forwards alternate;
    -moz-animation: move05 1s forwards alternate;
    -ms-animation: move05 1s forwards alternate;
    animation: move05 1s forwards alternate;
}
@-webkit-keyframes move05{
    to {
        top:.10rem; left:.10rem; opacity: 1;
    }
}
@keyframes move05{
    to {
        top:.10rem; left:.10rem; opacity: 1;
    }
}
.team_img{ float: left; width: 1.76rem;}
.team_info{ overflow: hidden; padding:.40rem .20rem 0; text-align: center; font-size: .24rem;}
.team_info h5{ font-size: .28rem; margin-bottom: .10rem;}
.team_post{ color: #666; text-transform: uppercase; line-height: 1.5;}
.team_post i{ display: block; color: #e20512;}
.team_des{ clear: both; width: 100%; color: #555; padding-top: .25rem; margin-bottom: .25rem;}
.team_more{ display: inline-block; font-size: .20rem; color: #e20512; text-decoration: underline;}
/*sub_box*/
.sub_box{ position: relative; z-index: 1; background: #f0f1f2 url("../images/sub_01.png") center bottom no-repeat; background-size: contain; padding-bottom: 1.60rem;}
.team_list{ padding:0 .50rem;}
.team_list li{ padding-top: .50rem;}
.see_more{ cursor: pointer; display: block; margin-top:.80rem; text-align: center; font-size: .24rem; line-height: normal; color: #e20512; padding: 0 0 .70rem; background: url("../images/arrow03.png") center 90% no-repeat; background-size: .25rem;}
.see_more span{ display: inline-block; padding-top: .10rem; position: relative;}
.see_more span:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 1px; background-color: #e20512;}

/*=========================业务范围=====================*/
.business_item{ background: #fff; padding: .50rem .50rem .30rem; border-bottom: 1px solid #c3c3c3; text-align: center; text-transform: uppercase; font-size:.32rem; color: #000;}
.business_item em{ display: block; font-weight: bold; font-size: .24rem; color: #dcdcdc;}
.business_box{ background-color: #fff; border-top:.20rem solid #f0f1f2; padding: .60rem .50rem; font-size: .24rem;}
.business_caption{ text-transform: uppercase; font-size: .26rem; color: #e20512; margin-bottom: .25rem;}
.business_caption em{ display: block; margin-top:.05rem; font-size: .20rem; color: #333;}
.align_center{ text-align: center;}
.blank60{ clear: both; width: 100%; height:.60rem;}
/*download*/
.download{ padding:0 0 .40rem; background-color: #f0f1f2;}
.download_list{ }
.download_list li{ padding: 0 .40rem; font-size: .24rem;}
.download_list li a{ display: block; line-height:.95rem; height:.95rem; border-bottom: 1px dashed #c3c3c3; color: #333;}
.download_list li a span{ display: block; float: right; margin-left: .40rem; width: .40rem; height: 100%; text-indent: -9999px; background: url("../images/ico_10.png") center center no-repeat; background-size: contain;}
.download_list li a em{ display: block; overflow: hidden;}
.download_list li:active{ background-color: #fff;}
/*insurance_list*/
.insurance_list{}
.insurance_list li{ padding:.50rem .40rem; background-color:#e7e7e7; font-size: .24rem; color: #e20512; text-align: center;}
.insurance_list li:nth-of-type(even){ background-color: #f0f1f2;}
.insurance_list li img{ display: block; width: .50rem; height: .40rem; margin: 0 auto 6px;
    -webkit-transition: opacity .6s, -webkit-transform .6s;
    transition: opacity .6s, transform .6s;
    -webkit-transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
    transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
}
.insurance_des{ margin-top:.10rem; font-size: .24rem; color: #333; line-height: 1.5;}
.insurance_list li:active{ box-shadow: inset 0 0 20px -3px rgba(0,0,0,.20);}
.insurance_list li:active img{
    opacity: 1.0;
    -webkit-transform: translate3d(0,-5px , 0) rotateY( 30deg);
    transform: translate3d(0,-5px, 0 ) rotateY( 30deg);
}
/*crowd_list*/
.crowd_list{ margin:-.46rem 0 0 -.46rem;}
.crowd_list li{ width: 3.02rem; height: 3.40rem; background-color: #f0f1f2; margin:.46rem 0 0 .46rem; float: left; text-align: center; font-size:.26rem; color: #e20512;}
.crowd_img{ height: 1.80rem; overflow: hidden; margin-bottom: .20rem;}
.crowd_img img{ display: block; width: 100%; height: 100%;}
.crowd_des{ font-size: .24rem; line-height: 1.5; color: #333;}
.crowd_list li:active{ box-shadow: 0 5px 20px -3px rgba(0,0,0,.30);}
/*material_list*/
.material_list{ margin-bottom: -.30rem; }
.material_list li{ margin-bottom: .30rem; padding:.40rem .20rem; background-color: #e20512; font-size: .22rem; color: #fff; text-align: center;}
.block_table{ display: table; width: 100%; height: 100%;}
.block_cell{ display: table-cell; vertical-align: middle;}
.material_tit{ font-size: .26rem;}
.material_tit em{ display: block;}
.material_list li:active,.agency_list li:active{ opacity: .80;}
/*agency_list*/
.agency_list{ margin: -.20rem 0;}
.agency_list li{ padding: .20rem 0; text-align: center; font-size: .24rem;}
.agency_ico,.agency_info{ }
.agency_ico img{ display: block; margin: 0 auto; width: .65rem; height: .65rem;}
.agency_info{ color: #666;}
.agency_info h6{ font-size: .26rem; color: #e20512; margin-bottom: .10rem;}
/*agency_intro*/
.agency_intro{ padding:.40rem; background-color: #f0f1f2;}
/*characteristics*/
.characteristics{ padding: .40rem; background-color: #f0f1f2;}
.characteristics li{ width: 50%; height: 2.2rem; float: left; text-align: center;}
.characteristics li img{ width: .75rem; height: .65rem;}
.characteristics li span{ display: block; width: 1.70rem; margin: .10rem auto 0;}
.characteristics li:active{ opacity: .80;}
.characteristics li:nth-of-type(1),.characteristics li:nth-of-type(2),.characteristics li:nth-of-type(3),.characteristics li:nth-of-type(4){ border-bottom: 1px solid #c3c3c3;}
.characteristics li:nth-of-type(1),.characteristics li:nth-of-type(3),.characteristics li:nth-of-type(5){ border-right: 1px solid #c3c3c3; }
.characteristics li:nth-of-type(3),.characteristics li:nth-of-type(4),.characteristics li:nth-of-type(5){ padding-top: .30rem; }
/*process*/
.process{ padding:.40rem; background-color: #f0f1f2; text-align: center;}
/*content_slide*/
.content_slide{ }
.content_q{ cursor: pointer; background-color: #f0f1f2; font-size: .26rem; padding: .35rem 1rem .35rem .35rem; position: relative; margin-top:.40rem;}
.content_q:before{ content: ""; width: 1rem; height:.15rem; position: absolute; top:.45rem; right: 0; background: url("../images/ico_07a.png") center center no-repeat; background-size: .30rem;}
.content_q em{ color: #e20512;}
.content_a{ position: relative; z-index: 1; display: none; margin-top: -.20rem; padding: 0 35px 35px; background-color: #e20512; color: #fff;}
.content_q.on{ background-color: #e20512; color: #fff;}
.content_q.on:before{ background-image: url("../images/ico_07b.png");}
.content_q.on em{ color: #fff;}

/*=========================心理服务=====================*/
.mind{ padding: .60rem 0.50rem; font-size: .24rem;}
/*mind_scr*/
#mind_scr{}
#mind_scr .swiper-button-prev,#mind_scr .swiper-button-next{ width: .50rem; height: .50rem; top: 1.90rem; left:.30rem; margin: 0; border-radius: 50%; background: #999999 url("../images/arrow05_left02.png") center center no-repeat; background-size: .08rem;}
#mind_scr .swiper-button-next{ left:auto; right: .30rem; background-image: url("../images/arrow05_right02.png");}
#mind_scr .swiper-button-prev:active,#mind_scr .swiper-button-next:active{ background-color: #e20512;}
.view_img{ }
.view_img img{ display: block; width: 100%;}
.view_info{ overflow: hidden; padding-top: .30rem;}
.view_date{ font-size: .22rem; color: #e20512;}
.view_info h5{ font-size:.30rem;}
.view_des{ margin:.20rem 0; color: #555;}
.view_all{ display: inline-block; position: relative; font-size: .22rem; color: #555;}
.view_all:before{ content: ""; position: absolute; bottom: 0; left:0; width: 100%; height: 1px; background-color: #acacac;}
/*mind_list*/
.mind_list{ margin: 0 -.50rem;}
.mind_list li{ margin-top: .50rem;}
.mind_list li a{ display: block; padding: .40rem .50rem; border-top:1px solid #d3d3d3; position: relative; color: #333; }
.mind_list li:last-child a{ border-bottom:1px solid #d3d3d3;}
.mind_handle{ width: 1.15rem; float: left; margin-right: .40rem; position: relative; }
.mind_date{ display: inline-block; font-size: .18rem; margin-bottom: .30rem;}
.mind_date b{ font-size: .72rem; line-height: 0.9; display: block;}
.mind_date i{ opacity: 0.6;}
.mind_date:before,.mind_date:after{ content: ""; position: absolute; top:0; right: 0; width: 1px; height: 100%; background-color: #d1d1d1;}
.mind_date:after{ height: 0; background-color: #e20512;}
.mind_info{ overflow: hidden;}
.mind_info h5{ font-size:.30rem; margin-bottom:.12rem;}
.mind_des{ color: #666;}
.mind_list li a:active{ border-color: #e20512; color: #e20512;}
.mind_list li a:active .mind_date:after{ height: 100%;}
.mind_list li a:active .mind_more:before{ opacity: 1; top:0; left:0; width: 100%; height: 100%;}
.mind_list li a:active .view_all{ color: #e20512;}
.mind_list li a:active .view_all:before{ background-color: #e20512;}
/*page*/
.page{ background: #fff; text-align: center; font-size:.28rem; margin-top:.80rem;}
.page a{ display: inline-block; vertical-align: middle; line-height: .78rem; width: .58rem; height: .78rem; text-transform: uppercase;}
.page a.page_prev,.page a.page_next{ width:.95rem; padding: 0; text-indent: -9999px; background-color: #eeeeee; background-position: center center; background-repeat: no-repeat; background-image: url("../images/arrow04_left.png"); background-size: .16rem;}
.page a.page_next{ background-image: url("../images/arrow04_right.png");}
.page a.page_prev:active,.page a.page_next:active{ opacity: .80;}
.page a:active,.page a.page_cur{ color: #e20512;}

/*=========================合作伙伴=====================*/
/*partners_list*/
.partners_list{ padding: .35rem .25rem 0;}
.partners_list li{ width: 50%; padding: .25rem; float: left;}
.partners_list li a{ display: block; height: 2.75rem; padding-top: .20rem; background-color: #fff; text-align: center; font-size: .24rem;}
.partners_list li a .partners_logo{ width: 2.50rem; height: 1.60rem; margin: 0 auto .15rem; overflow: hidden; position: relative;}
.partners_list li a .partners_logo:before{ content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -80px; width: 160px; height: 1px; background-color: #484848;}
.partners_list li img{ display: block; max-height: 100%; width: auto; margin: 0 auto;
    -webkit-transition: opacity .6s, -webkit-transform .6s;
    transition: opacity .6s, transform .6s;
    -webkit-transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
    transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
}
.partners_list li:hover img{
    opacity: 1.0;
    -webkit-transform: translate3d(0,5px , 0) rotateY( 40deg);
    transform: translate3d(0,5px, 0 ) rotateY( 40deg);
}
.partners_list li:hover a{ color: #e20512; box-shadow: 0 0 40px -2px rgba(0,0,0,.20);}
.partners_list li:hover .partners_logo:before{ width: 100%; left:0; margin: 0; background-color: #e20512;}
/*=========================资讯之窗=====================*/
/*view_list*/
.view_list{ margin-bottom: -.50rem;}
.view_list li{ margin-bottom: .50rem;}
.view_list li a{ display: block; overflow: hidden; color: #333;}
.trends_img{ width: 2.60rem; height: 3.22rem; float: left;}
.trends_img img{ display: block; width: 100%; height: 100%;}
.trends_info{ overflow: hidden; padding: .30rem 0 0 .40rem;}
.view_date2{ display: inline-block; font-size: .22rem; color: #333; background: url("../images/ico_12.png") right center no-repeat; background-size: .25rem; padding-right: .40rem; margin-bottom: .10rem;}
.view_list li a h5{ clear: both; font-size:.30rem; padding-bottom: .15rem; border-bottom: 1px solid #ddd; margin-bottom:.20rem;}
.view_list li a h5 span{ display: block;}
.view_des2{ color: #666; }
.view_list li a:active{ opacity: .80; color: #e20512;}
/*view_list2*/
.view_list2{ margin:.50rem -.50rem 0;}
.view_list2 li{}
.view_list2 li a{ display: block; padding: .40rem .50rem; border-top:1px solid #d3d3d3; position: relative; color: #333; }
.view_list2 li a h5{ font-size:.30rem; margin-bottom:.10rem;}
.view_des3{ color: #666; margin-bottom: .20rem;}
.view_list2 li a:active{ background-color: #e20512; color: #fff;}
.view_list2 li a:active .view_date2{ background-image: url("../images/ico_12b.png");}
.view_list2 li a:active .view_date2,.view_list2 li a:active .view_all,.view_list2 li a:active .view_des3{ color: #fff;}
.view_list2 li a:active .view_all:before{ background-color: #fff;}
/*article*/
.article{ }
.article_top{ text-align: left;}
.article_tit{ font-size: .32rem; text-transform: uppercase; margin-bottom:.10rem;}
.article_date{ color: #999;}
.article_box{ position: relative;}
.article_box:before{ content: ""; position: absolute; top:0; left:-50%; width: 200%; height: 100%; background-color: #fff;}
.article_block{ position: relative;}
.article_block:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background-color: #fff;}
.article_block .inner{ position: relative; z-index: 2; top: -170px; width: 1100px; min-height: 400px; padding: 50px; background-color: #fff;}
.article_bot{ margin-top: .50rem;}
.article_handle{ font-size: .22rem; padding-bottom: .50rem; border-bottom: 1px solid #ddd; margin-bottom:.50rem;}
.article_shared{ float: right; color: #666;}
.shared02{ display: inline-block; vertical-align: middle; margin-left: -.10rem;}
.shared02 li{ display: inline-block; vertical-align: middle; margin: 0 .10rem;}
.shared02 li a{ display: block; width: .46rem; height: .46rem; border-radius: 50%; padding: .12rem; border:1px solid #000; opacity: 0.50;}
.shared02 li a img{ display: block; width: .20rem; height: .20rem;}
.shared02 li a:hover{ border-color: #e20512; opacity: .70;}
.back_list{ display: block; float: left; width: 1.50rem; height:.50rem; line-height: .50rem; text-align: center; border-radius: .25rem; color: #fff; background-color: #a2abb7; position: relative;}
.back_list span{ position: relative; z-index: 1;}
.back_list:before{ content: ""; position: absolute; top:-10%; left:-10%; width: 120%; height: 120%; background-color: #e20512; opacity: 0; border-radius: .25rem;}
.back_list:hover:before{ opacity: 1; top:0; left:0; width: 100%; height: 100%;}
/*article_page*/
.article_page{ margin-bottom: -1.3rem; padding: 0 .50rem; }
.article_page li{ line-height: normal; font-size: .24rem; padding: .40rem 0; border-bottom: 1px solid #666;}
.article_page li a{ display: block; min-height: .50rem; position: relative; padding-left: .80rem; }
.article_page li a:before{ content: ""; position: absolute; top:8px; left:0; width: .50rem; height:.50rem; background: url("../images/arrow04.png") no-repeat; background-size: 1rem;}
.article_page li.d_p_next a:before{ background-position: right bottom;}
.article_page li a:hover,.article_page li a:hover b{ color: #e20512;}
.article_page li a b{ display: block; font-size: .26rem; color: #e20512; text-transform: capitalize;}
.article_page li.d_p_next{ border-bottom: none;}
.article_page li.d_p_prev a:hover:before{ background-position: right top;}
.article_page li.d_p_next a:hover:before{ background-position: left bottom;}

/*=========================联系我们=====================*/
.contact_box{ padding: 0;}
.item_contact{ font-size: .30rem;}
.item_contact em{ display: block; font-weight: bold; font-size: 14px; color: #dcdcdc;}
.contact_list{ }
.contact_list li{ overflow: hidden; padding: .25rem .50rem; border-bottom: 1px solid #e5e5e5; font-size: .24rem;}
.contact_list li img{ display: block; float: left; margin-right: 10px; width: .34rem; height: .34rem;}
.contact_des{ overflow: hidden; color: #333;}
.contact_des em{ display: block;}
.contact_map{ padding: .50rem; background: url("../images/contact_02.jpg") center center no-repeat; background-size: cover;}
.contact_map img{ display: block; width: 100%; height: 100%;}

/*=========================法律声明=====================*/
.end{ padding: .60rem .50rem; font-size: .24rem;}
.end_blank{ height: 1rem; position: relative;}
.end_blank:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 50%; border-bottom: 1px dotted #b2b2b2;}

/*=========================网站地图=====================*/
.SiteMapList{padding:.60rem .50rem;}
.SiteMapList li{ overflow: hidden; font-size: .24rem; padding:.25rem 0; border-bottom: 1px #b2b2b2 dashed;}
.SiteMapList li a{ display: block; line-height: 2; float: left; color: #666;}
.SiteMapList li a.SiteML-A{ width: 1.20rem; text-align: left; color: #333; position: relative;background: none; margin-right: .40rem;}
.SiteMapList li .SiteML-A:before{content: '';width: 1px; height:.20rem;position: absolute; right: 0; top: 50%; margin-top: -.10rem;background: #000;}
.a_box{ overflow: hidden;}
.a_box a{ width: 33.33%; float: left;}
.SiteMapList li a:hover{ color: #e20512; text-decoration: underline;}
.SiteMapList li:last-child{ border-bottom: none;}



.col_red{ color: #e20512;}
.col_white,.col_white a{ color: #fff;}
.business_des,.about_des,.news_des,.team_des,.download_list li a em,.crowd_des,.view_des,.mind_des,.view_des2,
.view_list li a h5 span,.view_list2 li a h5,.view_des3,.a_box a{
    overflow: hidden;
    /*-webkit-line-clamp属性 */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-line-break: auto;
    -webkit-box-orient: vertical;
}
.business_des,.about_des,.team_des,.view_des2{ -webkit-line-clamp: 3;}
.news_des,.crowd_des,.view_des,.mind_des,.view_list li a h5 span,.view_des3{ -webkit-line-clamp: 2;}
/*transition*/
a,*:before,*:after, .swiper-button-prev, .swiper-button-next,.swiper-pagination-bullet,.menu_ico em i,
#partners_scr .swiper-slide img,.download_list li{
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}