body {color:#444;} a{color:#444}a:active,a:hover {color:#BC0000}
#obtn{float: left; width: 100%;}
.container1{margin: 0 auto; padding: 0 15px;}
@media (min-width: 768px) {
    .container{width:768px;}
    .container1{width:768px;}
}
@media (min-width: 992px) {
    .container{width:992px;}
    .container1{width:992px;}
}
@media (min-width:1230px) {
    .container{width:1230px;}
    .container1{width:1230px;}
}
@media (min-width:1530px) {
    .container{width:1530px;}
    .container1{width:1330px;}
}

@font-face {
    font-family: Helve;
    src:url('fonts/Helvetica.otf')
    ,url('fonts/Helvetica.ttf')
    ,url('fonts/Helvetica.eot');  }

@font-face {
    font-family: HelveCond;
    src: url('fonts/HelveticaLTStd-BlkCond.otf')
    ,url('fonts/HelveticaLTStd-BlkCond.ttf')
    ,url('fonts/HelveticaLTStd-BlkCond.eot'); }

@font-face {
    font-family: HelveComp;
    src: url('fonts/HelveticaLTStd-Comp.otf')
    ,url('fonts/HelveticaLTStd-Comp.ttf')
    ,url('fonts/HelveticaLTStd-Comp.eot');  }

@font-face {
    font-family: SourceLight;
    src: url('fonts/SourceHanSansCN-Light_A.otf')
    ,url('fonts/SourceHanSansCN-Light_A.ttf')
    ,url('fonts/SourceHanSansCN-Light_A.eot');  }

@font-face {
    font-family: SourceNormal;
    src: url('fonts/SourceHanSansCN-Normal_B.otf')
    ,url('fonts/SourceHanSansCN-Normal_B.ttf')
    ,url('fonts/SourceHanSansCN-Normal_B.eot');  }

@font-face {
    font-family: SourceRegular;
    src: url('fonts/SourceHanSansCN-Regular.otf')
    ,url('fonts/SourceHanSansCN-Regular.ttf')
    ,url('fonts/SourceHanSansCN-Regular.eot');  }

@font-face {
    font-family: SourceMedium;
    src: url('fonts/SourceHanSansCN-Medium.otf')
    ,url('fonts/SourceHanSansCN-Medium.ttf')
    ,url('fonts/SourceHanSansCN-Medium.eot');  }

@font-face {
    font-family: SourceBold;
    src: url('fonts/SourceHanSansCN-Bold_1.otf')
    ,url('fonts/SourceHanSansCN-Bold_1.ttf')
    ,url('fonts/SourceHanSansCN-Bold_1.eot');  }


._header{float: left; width: 100%; position: fixed; top:0; left: 0; z-index: 9;font-size:0; background: #fff;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._header .top{float: left; width: 100%; padding: 0 20px; margin-top: 85px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._header .logo{ line-height: 0; float: left;}
._header .logo a{float: left; line-height: 0;}
._header .logo img{height:80px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

._header .r_relation{float: right; text-align: right}
._header .r_relation .t_contact{display: block; font-size:0;}
._header .r_relation .t_contact a{display: inline-block; font-size: 14px; color:#444; line-height: 28px; font-family: 'SourceMedium';}
._header .r_relation .t_contact a:hover{color:#BC0000}
._header .r_relation .t_contact span{display: inline-block; font-size: 14px; color:#444; line-height: 28px; font-family: 'SourceMedium'; margin: 0 25px;}
._header .r_relation .phone{display: block; font-size: 14px; line-height: 22px; margin-top: 5px; font-family: 'SourceMedium';}
._header .r_relation .phone span{font-size: 18px;font-family: 'SourceMedium';}

._header._t50{box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
._header._t50 .top{margin-top: 15px;}
._header._t50 .logo img{height: 70px;}
._header._t50 .r_relation .t_contact a{line-height: 25px;}
._header._t50 .r_relation .t_contact span{line-height: 25px;}
._header._t50 .r_relation .phone{margin-top: 0;}

._header .menu{float: left; width: 100%; display:block; text-align: center; font-size: 0; margin: 30px 0 22px 0;}
._header .menu .nli{display: inline-block; margin: 0 44px;}
._header .menu .nli span a{ float: left; line-height:40px; font-size: 24px; color: #444444; font-family: SourceRegular; position: relative}
._header .menu .nli span a:after{position: absolute; content: ''; width: 0; height: 6px; left: 0; bottom: -4px;
    background: #c01920;
    background: -webkit-linear-gradient(right,rgba(192,25,32,0),rgba(192,25,32,1));
    background: -o-linear-gradient(right,rgba(192,25,32,0),rgba(192,25,32,1));
    background: -moz-linear-gradient(right,rgba(192,25,32,0),rgba(192,25,32,1));
    background: linear-gradient(right,rgba(192,25,32,0),rgba(192,25,32,1));
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._header .menu .nli.on span a:after,
._header .menu .nli:hover span a:after{width: 100%;}


._header._t50 .menu{margin: 15px 0 10px 0;}

 .menuph{ display: none;}
 .xialaph{ display: none;}

@media (max-width:1529px) {
    ._header .top{margin-top: 60px;}
    ._header .menu{margin:25px 0 20px 0}
    ._header .menu .nli{margin: 0 35px;}
    ._header .menu .nli span a{font-size: 20px; line-height: 35px;}
}

@media screen and (max-width:1229px) {
    ._header .top{padding: 0 10px;}
    ._header .menu .nli span a{font-size: 18px;}

}
@media screen and (max-width:991px) {
    ._header .top{padding: 0; margin: 10px 0;}
    ._header._t50 .top{margin: 10px 0;}
    ._header .r_relation{display: none;}
    ._header .logo img{height: 45px;}
    ._header._t50 .logo img{height: 45px;}

    ._header .menu{ display: none;}
     .menuph{ display: block;}
     .xialaph{ display: block;}
     .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 12px 0;}
     .menuph .point { display: inline-block;  width: 28px;  height: 22px; position: relative;}
     .menuph .point:hover .navbtn,
     .menuph .point:hover .navbtn::after,
     .menuph .point:hover .navbtn::before { width: 28px;}
     .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background:#BC0000;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;}
     .menuph .navbtn::after,
     .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #BC0000;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;}
     .menuph .navbtn::after { top: -11px;}
     .menuph .navbtn::before { top: 10px;}
     .menuph .point.active .navbtn{ background: transparent;}
     .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
     .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}
     .xialaph{ position: fixed; left: 0; top: 66px; float: left; width: 100%; height: 100%; overflow: scroll; padding: 0 0 100px 0; display: none; z-index:3; background:#fff;}
    .xialaph .ul1{float: left; width: 100%;}
     .xialaph .ul2,
     .xialaph .ul3{ display: none;}
     .xialaph h4{padding: 0 15px;}
     .xialaph h5{padding: 0 10px;}
     .xialaph h4 a{ float: left; width: 80%; color: #444; font-size:15px; line-height: 50px; font-family: SourceRegular;}
     .xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;}
     .xialaph h4{ float: left; width: 100%; position: relative;}
     .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
     .xialaph h4.active a,
     .xialaph h4:hover a,
     .xialaph h5.active a,
     .xialaph h5:hover a{ color: #BC0000;}
     .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
     .xialaph h5 a{ float: left; width: 85%; color: #1f1f1f; font-size: 14px; line-height: 40px; text-transform: uppercase;}
     .xialaph h5{ float: left; width: 100%; position: relative;}
     .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
     .xialaph li:last-child h5::after{ display: none;}
    .xialaph h4 b{ position: absolute; right: 15px; top: 50%; width: 9px; height: 9px;  float: right; border-top: #333 solid 1px; border-right: #333 solid 1px; margin-top: -5px;cursor: pointer; transform:rotate(45deg); -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;
    }
    .xialaph h4.active b{ transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);
        -o-transform:rotate(135deg);margin-top: -7px; border-color:#333;
    }
     .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
     .xialaph .ul3{float: left; width: 100%; padding: 10px; position: relative;}
     .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color:#e7e7e7;}
     .xialaph li:last-child .ul3::after{ display: none;}
     .xialaph .ul3 li a{ color: #333; font-size: 12px; line-height: 24px; display: block;}
     .xialaph .ul3 li{ padding-top: 5px;}
     .xialaph .ul3 li:first-child{ padding-top: 0;}
     .xialaph .phsou{ position: relative; margin-top: 34px;}
     .xialaph .phsou input{ width: 100%; height: 56px; background-color: #fff; color: #aaa; font-size: 14px; padding-left: 20px; border: 1px solid #e5e5e5;}
     .xialaph .phsou img{ cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px;}
     .img_d,
     .disno{ display: none;}
    ._header .telBox{float: left; display: block; text-align: center; width: 100%; margin:25px 0 0 0;}
    ._header .telBox a{display: inline-block; font-size: 14px; color:#444; line-height: 28px; font-family: 'SourceMedium';}
    ._header .telBox a:hover{color:#BC0000}
    ._header .telBox span{display: inline-block; font-size: 14px; color:#444; line-height: 28px; font-family: 'SourceMedium'; margin: 0 25px;}
}

@media screen and (max-width:767px) {
    ._header .logo span{margin-left: 15px;}
    ._header .logo span:after{left: -7px;}
    .xialaph{padding: 0 0 100px 0;}
    .xialaph h4 a{font-size: 14px; line-height: 45px;}
    .xialaph h5 a{font-size: 13px; line-height: 35px;}
    ._header .telBox{margin-top: 15px;}
    ._header .telBox a{font-size: 12px;}
    ._header .telBox span{margin: 0 15px;}
}

/*banner*/
.slide_banner{float: left; width: 100%; margin-top: 234px; position:relative; overflow:hidden;font-size: 0;line-height: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.slide_banner._h50{margin-top: 130px;}
.slide_banner .slick-dots{ height:11px; bottom:25px; }
.slide_banner .slick-dots li{ width:11px; height:11px; margin:0 5px; text-align:center; text-indent:-9999px; overflow:hidden; vertical-align:top; position: relative; border:1px solid #BC0000;
    border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;
}
.slide_banner .slick-dots li.slick-active{background: #BC0000;}

@media screen and (max-width:1529px) {
    .slide_banner{margin-top: 196px;}
    .slide_banner._h50{margin-top: 125px;}
}
@media screen and (max-width:1229px) {
    .slide_banner{margin-top: 196px;}
    .slide_banner._h50{margin-top: 125px;}
}
@media screen and (max-width:991px) {
    .slide_banner{margin-top: 66px;}
    .slide_banner._h50{margin-top: 66px;}
}

/*首页_about*/
.greyBack{float: left; width: 100%; background: #f3f3f3}
._hAbout{float: left; width: 100%; position: relative;}
._hAbout .numPeople{float: left; width: 100%; background: #fff; position: relative; z-index: 2; margin-top: -80px;}
._hAbout .numPeople ul{float: left; width: 100%; text-align: center; margin: 48px 0 28px 0; position: relative;}
._hAbout .numPeople ul:after{position: absolute; content: ''; width: 2px; height: 88px; left: 50%; margin-left: -1px; top:15px; background: #e3e3e3;}
._hAbout .numPeople li{float: left; width: 50%; overflow: hidden;}
._hAbout .numPeople li .num{float: left; display:block; text-align: center; width: 100%;font-size: 0;}
._hAbout .numPeople li .num span{display: inline-block;font-size: 72px; font-family: HelveComp; line-height: 74px;}
._hAbout .numPeople li sup{display: inline-block; font-size: 28px; font-family: SourceNormal; margin-left: 5px; line-height: 70px; vertical-align: top;}
._hAbout .numPeople li sup em{font-family: HelveComp; font-size: 40px; line-height: 50px;}
._hAbout .numPeople li .clientTit{float: left; width: 100%; font-size: 28px; line-height: 45px; font-family:SourceNormal; }

@media screen and (max-width:1529px) {
    ._hAbout .numPeople{margin-top: -60px;}
    ._hAbout .numPeople ul{margin: 30px 0 20px 0;}
    ._hAbout .numPeople ul:after{height: 78px; top:5px;}
    ._hAbout .numPeople li .num span{font-size:55px; line-height: 57px;}
    ._hAbout .numPeople li sup{font-size: 24px; line-height: 55px;}
    ._hAbout .numPeople li sup em{font-size: 35px; line-height: 40px;}
    ._hAbout .numPeople li .clientTit{font-size: 24px; line-height: 40px;}
}

@media screen and (max-width:1229px) {
    ._hAbout .numPeople{margin-top: -55px;}
    ._hAbout .numPeople ul{margin: 25px 0 15px 0}
    ._hAbout .numPeople ul:after{height: 65px;}
    ._hAbout .numPeople li .num span{font-size:45px;line-height: 57px;}
    ._hAbout .numPeople li sup{font-size: 20px; line-height: 45px;}
    ._hAbout .numPeople li .clientTit{font-size: 20px; line-height: 35px;}
    ._hAbout .numPeople li sup em{font-size: 30px; line-height: 30px;}
}
@media screen and (max-width:767px) {
    ._hAbout .numPeople{margin-top: -28px;}
    ._hAbout .numPeople ul{margin: 15px 0 10px 0}
    ._hAbout .numPeople ul:after{height: 50px;}
    ._hAbout .numPeople li .num span{font-size:28px;line-height: 30px;}
    ._hAbout .numPeople li sup{font-size: 15px; line-height: 30px;}
    ._hAbout .numPeople li .clientTit{font-size: 15px; line-height: 28px;}
    ._hAbout .numPeople li sup em{font-size: 24px; line-height: 24px;}
}

._hAbout .aboutText{float: left; width: 100%; margin:145px 0 170px 0; padding: 0 4% 0 8%; }
._hAbout .aboutText .lTit{float: left; text-align: right}
._hAbout .aboutText .lTit .en{display: block; color:#444; font-size: 90px; line-height: 100px; margin-top: 15px; font-family: HelveCond;
    text-shadow: -2px 1px #fff;
}
._hAbout .aboutText .lTit .cn{display: block; color:#757575; font-size: 24px; line-height: 40px; font-family: SourceMedium;}
._hAbout .aboutText .rText{float: right;width: 69%;}
._hAbout .aboutText .rText .h2{float: left; width: 100%; color:#BC0000; font-size: 44px; line-height: 70px; font-family: SourceMedium;}
._hAbout .aboutText .rText .h2 span{font-size: 32px;font-family: SourceMedium; margin-left: -15px;}
._hAbout .aboutText .rText .words{float: left; width: 100%; color:#6D6D6D; font-size: 18px; line-height: 48px; margin-top: 48px; font-family: SourceNormal;}

@media screen and (max-width:1529px) {
    ._hAbout .aboutText{margin:115px 0 150px 0;}
    ._hAbout .aboutText .lTit .en{font-size: 70px; line-height: 80px;}
    ._hAbout .aboutText .lTit .cn{font-size: 22px;}
    ._hAbout .aboutText .rText .h2{font-size: 36px; line-height:55px;}
    ._hAbout .aboutText .rText .h2 span{font-size:24px;}
    ._hAbout .aboutText .rText .words{font-size: 16px; line-height: 38px; margin-top: 38px;}
}
@media screen and (max-width:1229px) {
    ._hAbout .aboutText{margin:95px 0 120px 0;}
    ._hAbout .aboutText .lTit .en{font-size:60px; line-height: 70px;}
    ._hAbout .aboutText .lTit .cn{font-size: 20px;}
    ._hAbout .aboutText .rText .h2{font-size: 30px; line-height: 45px;}
    ._hAbout .aboutText .rText .h2 span{font-size: 22px; margin-left: -10px;}
    ._hAbout .aboutText .rText .words{line-height: 32px; margin-top: 32px;}
}
@media screen and (max-width:991px) {
    ._hAbout .aboutText{margin:70px 0 100px 0; padding: 0 4%;}
    ._hAbout .aboutText .lTit .en{margin-top: 0; float: left;}
    ._hAbout .aboutText .lTit .cn{float: left; line-height: 30px; margin: 38px 0 0 15px;}
    ._hAbout .aboutText .rText{width: 100%; margin-top: 30px;}
    ._hAbout .aboutText .rText .words{margin-top: 15px;}
}
@media screen and (max-width:767px) {
    ._hAbout .aboutText{margin:30px 0 200px 0; padding: 0;}
    ._hAbout .aboutText .lTit .en{font-size: 32px; line-height: 40px;}
    ._hAbout .aboutText .lTit .cn{font-size: 18px; line-height:20px; margin: 18px 0 0 10px}
    ._hAbout .aboutText .rText{margin-top: 15px;}
    ._hAbout .aboutText .rText .h2{font-size: 24px; line-height:28px;}
    ._hAbout .aboutText .rText .h2 span{ font-size: 16px;}
    ._hAbout .aboutText .rText .words{font-size: 14px; line-height: 26px; margin-top: 10px;}
}
@media screen and (max-width:374px) {
    ._hAbout .aboutText .rText .h2{font-size: 20px; line-height:24px;}
    ._hAbout .aboutText .rText .h2 span{ font-size: 14px;}
}
._hAbout .aboutICo{position: absolute; float: left; width: 100%; bottom: -146px;}
._hAbout .aboutICo ul{margin: 0 -10px;}
._hAbout .aboutICo li{float: left; width: 25%; padding: 0 10px;}
._hAbout .aboutICo li a{float: left; width: 100%; background: #fff; padding: 40px 0 30px 0; position:relative;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
._hAbout .aboutICo li a:after{position: absolute; content: ''; width: 0; right: 0; bottom: 0; height: 14px;
    background: #c01920;
    background: -webkit-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -o-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -moz-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._hAbout .aboutICo li .tICO{float: left; width: 100%; text-align: center; line-height: 0;}
._hAbout .aboutICo li .tICO img{height: 75px;}
._hAbout .aboutICo li .dTit{float: left; width: 100%;text-align: center; color:#9A9A9B; line-height: 30px; margin-top: 13px;}
._hAbout .aboutICo li .cnTit{float: left; width: 100%;  font-size: 21px; font-family: SourceNormal;}
._hAbout .aboutICo li .enTran{float: left; width: 100%; margin-top: 4px; font-size: 18px; font-family: SourceLight;}
._hAbout .aboutICo li a:hover:after{width: 100%;}

@media screen and (max-width:1529px) {
    ._hAbout .aboutICo{ bottom: -126px;}
    ._hAbout .aboutICo li .dTit{line-height: 26px; margin-top: 10px;}
    ._hAbout .aboutICo li .cnTit{font-size: 18px;}
    ._hAbout .aboutICo li .enTran{font-size: 16px;}
}
@media screen and (max-width:1229px) {
    ._hAbout .aboutICo{ bottom: -110px;}
    ._hAbout .aboutICo li a{padding:25px 0 20px 0; }
    ._hAbout .aboutICo li a:after{height: 10px;}
    ._hAbout .aboutICo li .tICO img{height: 65px;}
}
@media screen and (max-width:991px) {
    ._hAbout .aboutICo{bottom: -95px;}
    ._hAbout .aboutICo ul{margin: 0 -5px;}
    ._hAbout .aboutICo li{padding: 0 5px;}
    ._hAbout .aboutICo li a{padding: 20px 0 15px 0}
    ._hAbout .aboutICo li .tICO img{height: 55px;}
    ._hAbout .aboutICo li .cnTit{font-size: 16px;}
    ._hAbout .aboutICo li .enTran{font-size: 14px;}
}
@media screen and (max-width:767px) {
    ._hAbout .aboutICo{bottom: -70px;}
    ._hAbout .aboutICo li{width: 50%; margin-top: 10px;}
    ._hAbout .aboutICo li a{padding:15px 0 10px 0}
    ._hAbout .aboutICo li a:after{height: 8px;}
    ._hAbout .aboutICo li .tICO img{height: 45px;}
    ._hAbout .aboutICo li .dTit{margin-top: 5px; line-height: 24px;}
    ._hAbout .aboutICo li .cnTit{font-size: 14px;}
    ._hAbout .aboutICo li .enTran{font-size: 12px; margin-top: 0;}
}
@media screen and (max-width:374px) {
    ._hAbout .aboutICo li .enTran{font-size: 11px;}
}


._hNews{ float:left; width:100%; margin-top: 240px; overflow:hidden;}
._HTit{float: left; width: 100%; position: relative}
._HTit .h1{float: left; width: 100%; color:#4C4C4C; line-height: 55px; padding-bottom: 14px; font-size: 40px; position: relative; font-family: SourceMedium;}
._HTit .h1:after{position: absolute; content: ''; width: 20%; height: 14px; left: -20px; bottom: 0;
    background: #d05359;
    background: -webkit-linear-gradient(right,rgba(208,83,89,0) 20%,rgba(208,83,89,1));
    background: -o-linear-gradient(right,rgba(208,83,89,0) 20%,rgba(208,83,89,1));
    background: -moz-linear-gradient(right,rgba(208,83,89,0) 20%,rgba(208,83,89,1));
    background: linear-gradient(right,rgba(208,83,89,0) 20%,rgba(208,83,89,1));
}
._HTit .h6{float: left; width: 100%; color:#757575; line-height: 22px; font-size: 16px; font-family: Helve;}

._hNews ._HTit .MoreNews{position: absolute; right: 0; top:40px; width: 120px;}
._hNews ._HTit .MoreNews a{float: left; width: 100%; height: 48px; line-height: 48px; color:#6D6D6D; text-align: center; background: #F8F8F8; font-size: 24px; font-family: SourceLight;
    border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;
}
._hNews ._HTit .MoreNews a:hover{color:#fff; background: #BC0000;}
._hNews ._hNewList{float: left; width: 100%; margin:70px 0 50px 0; }
._hNews ._hNewList .ulBox{margin: 0 -15px;}
._hNews ._hNewList .liBox{float: left; width: 100%; padding: 10px 15px 20px 15px;}
._hNews ._hNewList .liBox a{float: left; width: 100%; padding:87px 8.5% 35px 8.5%; position:relative; background: #F8F8F8;
    box-shadow: 0 5px 12px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 5px 12px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0 5px 12px rgba(0,0,0,0.07);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._hNews ._hNewList .liBox a:hover{background: #fff;
    box-shadow: 0 5px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 5px 12px rgba(0,0,0,0.1);
}
._hNews ._hNewList .liBox a:after{position: absolute; content: ''; width:0px; height: 14px; bottom: 0; right: 0;
    background: #c01920;
    background: -webkit-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -o-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -moz-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._hNews ._hNewList .liBox a:hover:after{width: 100%;}
._hNews ._hNewList .liBox .newTit{float: left; width: 100%; height: 108px; color:#7F7F7F; display: table; text-align: center; font-size: 18px; line-height: 36px;}
._hNews ._hNewList .liBox .newTit .cell{display: table-cell; vertical-align: middle;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._hNews ._hNewList .liBox .newTit .hei{float: left; width: 100%; font-family: SourceNormal; max-height: 108px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
._hNews ._hNewList .liBox a:hover .newTit .hei{font-family: SourceMedium;}
._hNews ._hNewList .liBox .NImg{float: left; width: 100%; line-height: 0; margin-top: 25px; text-align: center; overflow: hidden;}
._hNews ._hNewList .liBox .NImg img{
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._hNews ._hNewList .liBox a:hover .NImg img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    -moz-transform:scale(1.1);
}
._hNews ._hNewList .liBox .time{float: left; margin-top: 80px; color:#D1D1D1; font-size: 36px; line-height: 40px; font-family: Helve;}
._hNews ._hNewList .liBox .more{float: right; color:#D1D1D1; font-size: 14px; line-height: 26px; margin-top: 94px;font-family: Helve;}
._hNews ._hNewList .liBox .more i{font-family:SimSun;}
._hNews ._hNewList .slick-prev,
._hNews ._hNewList .slick-next{width: 80px; height: 80px; left: -85px; border:1px solid #D1D1D1; z-index: 1;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._hNews ._hNewList .slick-next{left: auto; right: -85px;}
._hNews ._hNewList .slick-prev:before,
._hNews ._hNewList .slick-next:before,
._hNews ._hNewList .slick-prev:after,
._hNews ._hNewList .slick-next:after{position:absolute; content: ''; width: 40px; height: 28px; left: 50%; margin-left: -20px; top:50%; margin-top: -14px; background: url("_im_g/prev.png") no-repeat; background-size:100% 100%;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._hNews ._hNewList .slick-next:after{background: url("_im_g/next.png") no-repeat; background-size: 100% 100%;}
._hNews ._hNewList .slick-prev:hover,
._hNews ._hNewList .slick-next:hover{background: #BC0000;border-color:#BC0000;}
._hNews ._hNewList .slick-prev:before{background: url("_im_g/prev_1.png") no-repeat;background-size:100% 100%; opacity: 0}
._hNews ._hNewList .slick-next:before{background: url("_im_g/next_1.png") no-repeat;background-size:100% 100%; opacity: 0}
._hNews ._hNewList .slick-prev:hover:before,
._hNews ._hNewList .slick-next:hover:before{opacity: 1}
._hNews ._hNewList .slick-prev:hover:after,
._hNews ._hNewList .slick-next:hover:after{opacity: 0}
._hNews ._hNewList .slick-dots{height: 10px;bottom:0; opacity: 0;}
._hNews ._hNewList .slick-dots li{width: 10px; height: 10px; margin: 0 4px; border:1px solid #BC0000; }
._hNews ._hNewList .slick-dots li.slick-active{background: #BC0000;}

@media screen and (max-width:1529px) {
    ._hNews ._HTit .MoreNews{top:40px; width: 100px;}
    ._hNews ._HTit .MoreNews a{ height: 38px; line-height: 38px;  font-size: 20px;}

    ._hNews{margin-top: 200px;}
    ._HTit .h1{ line-height: 50px; font-size: 30px; }
    ._HTit .h6{font-size: 14px;}
    ._hNews ._hNewList{margin: 50px 0 40px 0}
    ._hNews ._hNewList .liBox a{padding: 70px 8.5% 30px 8.5%}
    ._hNews ._hNewList .liBox .newTit{font-size: 16px; height: 96px; line-height: 32px;}
    ._hNews ._hNewList .liBox .newTit .hei{max-height: 96px;}
    ._hNews ._hNewList .liBox .time{font-size: 30px; line-height: 30px; margin-top: 65px;}
    ._hNews ._hNewList .liBox .more{margin-top:70px; line-height: 24px;}
    ._hNews ._hNewList .slick-prev,
    ._hNews ._hNewList .slick-next{width: 70px; height: 70px; left: -75px;}
    ._hNews ._hNewList .slick-next{left: auto; right: -75px;}
}

@media screen and (max-width:1229px) {
    ._hNews ._HTit .MoreNews{top:25px; width: 80px;}
    ._hNews ._HTit .MoreNews a{ height: 30px; line-height: 30px;  font-size: 18px;}

    ._hNews{margin-top: 170px;}
    ._HTit .h1{padding-bottom: 10px; font-size: 20px; line-height: 40px;}
    ._HTit .h1:after{height: 10px; left: -15px;}
    ._HTit .h6{font-size: 12px;}
    ._hNews ._hNewList{margin: 40px 0 30px 0}
    ._hNews ._hNewList .liBox a:after{height: 10px;}
    ._hNews ._hNewList .slick-prev,
    ._hNews ._hNewList .slick-next{width: 60px; height: 60px; left: -65px;}
    ._hNews ._hNewList .slick-next{left: auto; right: -65px;}
    ._hNews ._hNewList .slick-prev:before,
    ._hNews ._hNewList .slick-next:before,
    ._hNews ._hNewList .slick-prev:after,
    ._hNews ._hNewList .slick-next:after{width: 30px; height: 20px; margin-top: -10px; margin-left: -15px;}
}
@media screen and (max-width:991px) {
    ._hNews{margin-top: 150px;}
}
@media screen and (max-width:767px) {
    ._hNews ._HTit .MoreNews{top:23px; width: 70px;}
    ._hNews ._HTit .MoreNews a{ height: 26px; line-height: 26px;  font-size: 16px;}

    ._hNews{margin-top: 100px;}
    ._HTit .h1{font-size: 22px; line-height: 30px; padding-bottom: 8px;}
    ._HTit .h1:after{height: 8px; width: 38%; left: -10px;}
    ._HTit .h6{font-size: 12px; line-height: 20px;}
    ._hNews ._hNewList{margin: 10px 0 30px 0}
    ._hNews ._hNewList .liBox a{padding: 30px 7% 20px 7%}
    ._hNews ._hNewList .liBox a:after{height: 8px;}
    ._hNews ._hNewList .liBox .newTit{font-size: 14px; line-height: 26px; height: 78px;}
    ._hNews ._hNewList .liBox .newTit .hei{max-height: 78px;}
    ._hNews ._hNewList .liBox .NImg{margin-top: 15px;}
    ._hNews ._hNewList .liBox .time{font-size: 24px; line-height: 28px; margin-top: 35px;}
    ._hNews ._hNewList .liBox .more{font-size: 12px; line-height:20px; margin-top:40px;}
    ._hNews ._hNewList .slick-prev,
    ._hNews ._hNewList .slick-next{display: none;}
    ._hNews ._hNewList .slick-dots{opacity: 1}
}

.linearBack{float: left; width: 100%; background: url("_im_g/bg1.jpg") repeat-y; background-size: 100% auto; overflow:hidden;}
._hVideoBox{float: left; width: 100%; margin:78px 0 98px 0;}
._hVideoList{float: left; width: 100%; margin-top:80px;}
._hVideoList .videoLi{float: left; width: 100%;}
._hVideoList .videoLi a{float: left; width: 100%; position: relative; background: #fff;}
._hVideoList .videoLi .rImg{float: right; width: 50%; line-height: 0; position: relative; padding-bottom: 28%; overflow: hidden;
    box-shadow: 0 5px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 5px 12px rgba(0,0,0,0.1);
}
._hVideoList .videoLi .rImg img{position: absolute; left: 0; top:0; width: 100%; height: 100%;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._hVideoList .videoLi a:hover .rImg img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    -moz-transform:scale(1.1);
}
._hVideoList .videoLi .videoIntro{position: absolute; width: 50%; height: 100%; background: #fff; z-index: 2; top:0; left: 0;
    box-shadow: 0 5px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 5px 12px rgba(0,0,0,0.1);
}
._hVideoList .videoIntro .table{float: left; width: 100%; height: 100%; display: table; text-align: center;}
._hVideoList .videoIntro .table .cell{display: table-cell; vertical-align: middle;}
._hVideoList .videoIntro .tLogo{float: left; width: 100%; line-height: 0;}
._hVideoList .videoIntro .dText{float: left; width: 100%; color:#7F7F7F; font-size: 24px; line-height: 36px; margin-top: 20px; padding: 0 15%; font-family: SourceLight;}
._hVideoList .videoIntro .videoBut{position: absolute; right: 45px; bottom: 50px; line-height: 0;}

._hVideoList .slick-prev,
._hVideoList .slick-next{width: 6px; height: 10px; bottom: 44px; top:auto; background: url("_im_g/main8.png") no-repeat; background-size: 100% 100%; left: 60px; opacity: 0.4; z-index: 1;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._hVideoList .slick-next{background: url("_im_g/main7.png") no-repeat;background-size: 100% 100%; right: auto;left:120px;}

._hVideoList .slick-prev:hover,
._hVideoList .slick-next:hover{opacity: 1;}

@media screen and (max-width:1529px) {
    ._hVideoBox{ margin:70px 0 85px 0;}
    ._hVideoList{margin-top:65px;}
    ._hVideoList .videoIntro .tLogo img{height: 30px;}
    ._hVideoList .videoIntro .dText{font-size: 22px;}
    ._hVideoList .videoIntro .videoBut{right: 35px; bottom: 40px;}
    ._hVideoList .videoIntro .videoBut img{width: 65px; height: 65px;}
}
@media screen and (max-width:1229px) {
    ._hVideoBox{ margin:55px 0 65px 0;}
    ._hVideoList{margin-top:50px;}
    ._hVideoList .videoIntro .tLogo img{height:25px;}
    ._hVideoList .videoIntro .dText{font-size: 18px; line-height: 30px; margin-top: 15px;}
    ._hVideoList .videoIntro .videoBut{right: 30px; bottom: 35px;}
    ._hVideoList .videoIntro .videoBut img{ width: 50px; height: 50px;}
    ._hVideoList .slick-prev,
    ._hVideoList .slick-next{bottom:30px; left: 45px;}
    ._hVideoList .slick-next{left: 90px;}
}
@media screen and (max-width:991px) {
    ._hVideoBox{ margin:50px 0 55px 0;}
    ._hVideoList{margin-top:40px;}
    ._hVideoList .videoLi .rImg{width: 100%;padding-bottom: 55%;}
    ._hVideoList .videoLi .videoIntro{position: relative; float: left; width: 100%; height: 251px;}
    ._hVideoList .videoIntro .dText{ max-height: 90px; overflow: hidden;}
}
@media screen and (max-width:767px) {
    ._hVideoBox{ margin:35px 0 30px 0;}
    ._hVideoList{margin-top:20px;}
    ._hVideoList .videoLi .videoIntro{height: 220px;}
    ._hVideoList .videoIntro .tLogo img{height: 20px;}
    ._hVideoList .videoIntro .dText{font-size: 16px; line-height: 26px; max-height:78px; padding: 0 5%;}
    ._hVideoList .videoIntro .videoBut{right:15px; bottom: 20px;}
    ._hVideoList .videoIntro .videoBut img{width:35px; height: 35px;}
    ._hVideoList .slick-prev,
    ._hVideoList .slick-next{left:25px; bottom:20px;}
    ._hVideoList .slick-next{left: 50px;}
}

/*底部*/
.downBack{float: left; width: 100%; background: #3C3C3C; overflow:hidden;}
.footerBox{float: left; width: 100%; margin: 70px 0 55px 0;}
.footerBox .footerLeft{float: left; width:50%; margin-left: 4%;}
.footerBox .dLogo{float: left; width: 100%;}
.footerBox .dLogo a{display:inline-block; width:auto; }
.footerBox .dLogo a img{height:80px;}
.footerBox .companyName{float: left; width: 100%;font-size: 30px; color:#B4B4B4; line-height:40px; margin-top: 20px; font-family:SourceBold;}
.footerBox .comContact{float: left; width: 100%; margin-top: 10px;}
.footerBox .comContact .dlBox{float: left; width: 100%; position: relative; padding-left: 28px; line-height: 32px; color:#B4B4B4; font-size: 17px; font-family: SourceNormal;}
.footerBox .comContact .dlBox i{position: absolute; left: 0; top:7px; line-height: 0;}
.footerBox .rightbox{float:right; margin-right: 4%;   margin-top: 25px;}
.footerBox .QRCode{float:left; width: 120px; height:120px;}
.footerBox .QRCode .tImg{float: left; width: 100%; height:100%; line-height: 0; padding: 8px; background: #fff;}
.footerBox .QRCode .dText{float:left; width: 100%; color:#fff; font-size: 14px; line-height: 30px; text-align: center; margin-top: 10px; font-family: SourceNormal;}

.footerBox .QRCode1{margin-right:15px;}


.copyrightBox{float: left; width: 100%; text-align: center; display: block; font-size: 0; padding: 12px 0;
    background: #c01920;
    background: -webkit-linear-gradient(left,#df979a,#c01920);
    background: -o-linear-gradient(left,#df979a,#c01920);
    background: -moz-linear-gradient(left,#df979a,#c01920);
    background: linear-gradient(left,#df979a,#c01920);
}
.copyrightBox .copyText{display: inline-block; color:#fff; font-size: 21px; line-height: 40px; font-family: SourceLight;}
.copyrightBox .copyText a{color:#fff;}
.copyrightBox .record{display: inline-block;line-height: 40px;color:#fff; margin-left: 40px; font-size: 21px;font-family: SourceLight;}
.copyrightBox .record a{color:#fff;font-family: SourceLight;}
.copyrightBox .record a img{vertical-align: middle; margin-top: -4px;}
.copyrightBox .support{display: inline-block;line-height: 40px;color:#fff; margin-left: 25px; font-size: 14px;font-family: SourceLight;}
.copyrightBox .support a{color:#fff;font-family: SourceLight;}

@media screen and (max-width:1529px) {
    .footerBox{margin: 60px 0 45px 0}
    .footerBox .companyName{font-size: 26px; line-height: 32px;}
    .footerBox .comContact .dlBox{font-size: 16px;}
    .footerBox .QRCode{width:105px; height:105px;}
    .footerBox .QRCode1{margin-right:8px;}
    .footerBox .QRCode .dText{font-size: 14px;}
    .footerBox .QRCode .tImg{padding:0;}
    .copyrightBox .copyText{font-size: 18px;}
    .copyrightBox .record{font-size: 18px;}
}

@media screen and (max-width:1229px) {
    .footerBox{margin: 50px 0 40px 0}
    .footerBox .companyName{font-size: 24px; margin-top: 15px;}
    .footerBox .QRCode{width: 100px; height:100px; }
    .footerBox .QRCode1{margin-right:6px;}
    .footerBox .QRCode .tImg{padding:0px;}
    .footerBox .QRCode .dText{font-size:12px;}
    .footerBox .rightbox{margin-right:2%;}
}

@media screen and (max-width:991px) {
    .footerBox .footerLeft{margin-left: 0;}
    .footerBox .QRCode{margin-right: 0;}
}
@media screen and (max-width:991px) {
    .downBack{margin-bottom: 50px;}
    .footerBox{margin: 30px 0 20px 0}
    .footerBox .footerLeft{width: 100%; }
    .footerBox .dLogo{text-align:center;}
    .footerBox .dLogo a{}
    .footerBox .companyName{font-size: 18px;line-height: 26px;}
    .footerBox .comContact{margin-top: 0;}
    .footerBox .comContact .dlBox{font-size: 14px; line-height: 22px; margin-top: 10px;}
    .footerBox .comContact .dlBox i{top:2px;}
    .footerBox .QRCode{width: 100%; display: block; text-align: center;height:auto;}
    .footerBox .QRCode .tImg{float: none; display: inline-block; width: 140px; height:140px; }
    .footerBox .QRCode .dText{font-size: 14px; line-height: 26px; margin-top: 5px;}
    .copyrightBox .copyText{font-size: 15px; line-height: 26px;}
    .copyrightBox .record{font-size: 15px; margin-left: 0; display: block;}
    .copyrightBox .record a img{width: 18px;}
    .copyrightBox .support{display: block; margin-left: 0; font-size: 12px; line-height: 26px;}






    .footerBox .rightbox{float:right; width:100%; margin-top:15px; margin-right:0; text-align:center; display: flex;
flex-wrap: wrap;
align-items: inherit;}

    .footerBox .QRCode{  width:50%; display:inline-block; /*margin:0 5px;*/ overflow:hidden;  margin-top:10px;}

}
@media screen and (max-width:413px) {
    .copyrightBox .copyText{font-size: 13px;}
    .copyrightBox .record{font-size: 13px;}
}
@media screen and (max-width:374px) {
    .copyrightBox .copyText{font-size: 11px;}
    .copyrightBox .record{font-size: 12px;}
}

/*手机底部导航*/
#obtn .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#BC0000;  box-shadow:0 -4px 7px rgba(0,0,0,0.05); z-index:3;}
#obtn .pf_down li{ width:33.33%; float:left; text-align:center; padding:7px 0 5px 0; border-right:1px solid rgba(255,255,255, 0.2);}
#obtn .pf_down li:last-child{ border:none;}
#obtn .pf_down li a{float: left; width: 100%;}
#obtn .pf_down li .ico{ width:100%; float:left; text-align: center; line-height: 0; height:20px;}
#obtn .pf_down li .ico img{ width:20px; height:20px;}
#obtn .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}


/*1公司介绍*/
.redBack{float: left; width: 100%; background: #CA151D}
.pz_SideLayer{float: left; width: 100%; display: block; text-align: center; padding: 30px 0; position: relative; z-index: 1;}
.pz_SideLayer ul{display: inline-block;}
.pz_SideLayer li{float: left; padding: 0 40px;}
.pz_SideLayer li a{float: left; padding: 0 5px; height: 33px; line-height: 28px; font-size: 21px; color:#fff; position: relative; font-family:SourceMedium;}
.pz_SideLayer li a:after{position: absolute; content: ''; width:0; height: 5px; left: 0; bottom: 0;
    background: #fff;
    background: -webkit-linear-gradient(left,rgba(255,255,255,0.6) 15%,rgba(255,255,255,0));
    background: -o-linear-gradient(left,rgba(255,255,255,0.6) 15%,rgba(255,255,255,0));
    background: -moz-linear-gradient(left,rgba(255,255,255,0.6) 15%,rgba(255,255,255,0));
    background: linear-gradient(left,rgba(255,255,255,0.6) 15%,rgba(255,255,255,0));
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.pz_SideLayer li.on a:after,
.pz_SideLayer li a:hover:after{width: 100%;}

@media screen and (max-width:1529px) {
    .pz_SideLayer{ padding: 25px 0;}
    .pz_SideLayer li{padding: 0 30px;}
    .pz_SideLayer li a{font-size: 18px;}
}
@media screen and (max-width:1229px) {
    .pz_SideLayer{ padding: 20px 0;}
    .pz_SideLayer li{padding: 0 25px;}
    .pz_SideLayer li a{font-size: 16px;}
    .pz_SideLayer li a:after{height: 4px;}
}
@media screen and (max-width:991px) {
    .pz_SideLayer{ padding: 10px 0;overflow-x: scroll;white-space: nowrap;}
    .pz_SideLayer ul{display: inline-block;white-space: nowrap; font-size: 0;}
    .pz_SideLayer li{padding: 0 15px; float: none; display: inline-block;white-space: nowrap;}
    .pz_SideLayer li a{font-size: 15px; height: 30px;}
    .pz_SideLayer li a:after{height: 3px;}
}
@media screen and (max-width:767px) {
    .pz_SideLayer li{padding: 0 10px;}
    .pz_SideLayer li:first-child{padding-left: 0;}
    .pz_SideLayer li:last-child{padding-right: 0}
    .pz_SideLayer li a{font-size: 14px;}
}

._pAboutBox{float: left; width: 100%; padding-bottom: 105px;}
._pAboutBox .comBox{float: left; width: 100%; margin-top: 80px;}
._pAboutBox .comBox .tLogo{float: left; width: 100%; text-align: center; line-height: 0;}
._pAboutBox .comBox .tLogo.top img{ height: 63px;}
._pAboutBox .comBox .dText{float: left; width: 100%; margin-top: 48px; color:#777; font-size: 21px; line-height: 45px; font-family: SourceNormal;}
._pAboutBox .comBox .dText b{font-family: SourceNormal;}

@media screen and (max-width:1529px) {
    ._pAboutBox{ padding-bottom: 90px;}
    ._pAboutBox .comBox{margin-top: 70px;}
    ._pAboutBox .comBox .dText{font-size: 18px; line-height: 40px; margin-top: 40px;}
}
@media screen and (max-width:1229px) {
    ._pAboutBox{ padding-bottom: 70px;}
    ._pAboutBox .comBox{margin-top: 55px;}
    ._pAboutBox .comBox .dText{font-size: 16px; line-height: 32px; margin-top: 25px;}
}
@media screen and (max-width:991px) {
    ._pAboutBox .comBox .tLogo.top img{height: 50px;}
    ._pAboutBox .comBox .tLogo.two img{height: 60px;}
    ._pAboutBox .comBox .tLogo.three img{height: 65px;}
    ._pAboutBox .comBox .dText{font-size: 15px;}
}
@media screen and (max-width:767px) {
    ._pAboutBox {padding-bottom: 30px;}
    ._pAboutBox .comBox{margin-top: 30px;}
    ._pAboutBox .comBox .tLogo.top img{height: 40px;}
    ._pAboutBox .comBox .tLogo.two img{height: 50px;}
    ._pAboutBox .comBox .tLogo.three img{height: 55px;}
    ._pAboutBox .comBox .dText{font-size: 14px; line-height: 28px; margin-top: 15px;}
}

/*2新闻中心*/
._pNewsList{float: left; width: 100%; padding-bottom: 80px;}
._pNewsList ul{margin: 0 -15px;}
._pNewsList li{float: left; width: 33.333%; padding: 0 15px; margin-top: 75px;}
._pNewsList li a{float: left; width: 100%; padding:87px 8.5% 35px 8.5%; position:relative; background: #F8F8F8;
    box-shadow: 0 5px 12px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 5px 12px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0 5px 12px rgba(0,0,0,0.07);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._pNewsList li a:hover{background: #fff;
    box-shadow: 0 5px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 5px 12px rgba(0,0,0,0.1);
}
._pNewsList li a:after{position: absolute; content: ''; width:0px; height: 14px; bottom: 0; right: 0;
    background: #c01920;
    background: -webkit-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -o-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -moz-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._pNewsList li a:hover:after{width: 100%;}
._pNewsList li .newTit{float: left; width: 100%; height: 108px; color:#7F7F7F; display: table; text-align: center; font-size: 18px; line-height: 36px;}
._pNewsList li .newTit .cell{display: table-cell; vertical-align: middle;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._pNewsList li .newTit .hei{float: left; width: 100%; font-family: SourceNormal; max-height: 108px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
._pNewsList li a:hover .newTit .hei{font-family: SourceMedium;}
._pNewsList li .NImg{float: left; width: 100%; line-height: 0; margin-top: 25px; text-align: center; overflow: hidden;}
._pNewsList li .NImg img{
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._pNewsList li a:hover .NImg img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    -moz-transform:scale(1.1);
}
._pNewsList li .time{float: left; margin-top: 80px; color:#D1D1D1; font-size: 36px; line-height: 40px; font-family: Helve;}
._pNewsList li .more{float: right; color:#D1D1D1; font-size: 14px; line-height: 26px; margin-top: 94px;font-family: Helve;}
._pNewsList li .more i{font-family:SimSun;}

.newMore{float: left; width: 100%; margin-bottom: 70px; display: block; text-align: center; font-size: 0}
.newMore a{display: inline-block; padding: 14px 14px 13px 14px; line-height: 0;}

@media screen and (max-width:1529px) {
    ._pNewsList li{margin-top: 60px;}
    ._pNewsList li a{padding: 70px 8.5% 30px 8.5%}
    ._pNewsList li .newTit{font-size: 16px; height: 96px; line-height: 32px;}
    ._pNewsList li .newTit .hei{max-height: 96px;}
    ._pNewsList li .time{font-size: 30px; line-height: 30px; margin-top: 65px;}
    ._pNewsList li .more{margin-top:70px; line-height: 24px;}
}

@media screen and (max-width:1229px) {
    ._pNewsList{padding-bottom: 55px;}
    ._pNewsList ul{margin: 0 -10px;}
    ._pNewsList li{margin-top:50px; padding: 0 10px;}
    ._pNewsList li a{padding: 55px 8.5% 30px 8.5%;}
    ._pNewsList li a:after{height: 10px;}
    ._pNewsList li .time{margin-top: 55px;}
    ._pNewsList li .more{margin-top: 60px;}
    .newMore{margin-bottom: 50px;}
}
@media screen and (max-width:991px) {
    ._pNewsList li{width: 50%; margin-top: 30px;}
}
@media screen and (max-width:767px) {
    ._pNewsList{padding-bottom:30px;}
    ._pNewsList li{width: 100%; margin-top: 20px;}
    ._pNewsList li .newTit{font-size: 14px; line-height: 28px; height: 84px;}
    ._pNewsList li a{padding: 30px 7% 20px 7%}
    ._pNewsList li .newTit .hei{max-height:84px;}
    ._pNewsList li .NImg{margin-top: 15px;}
    ._pNewsList li .time{font-size: 24px;line-height: 28px;margin-top: 35px;}
    ._pNewsList li .more {font-size: 12px;line-height: 20px;margin-top: 40px;}
    .newMore{margin-bottom: 25px;}
    .newMore a{padding: 10px;}
}

/*3新闻详情*/
._pNewWords{float: left; width: 100%; margin: 80px 0 100px 0;}
._pNewWords .tit{float:left; width: 100%; padding: 0 8%; text-align: center; color:#595757; font-size: 48px; line-height: 60px; font-family: SourceBold;}
._pNewWords .time{float: left; width: 100%; text-align: center; color:#595757; font-size: 21px; margin-top:15px; line-height: 30px; font-family:SourceMedium;}
._pNewWords .newText{float: left; width: 100%; margin: 50px 0 35px 0;}
._pNewWords .newText .word{float: left; width: 100%; color:#777; font-size: 24px; line-height: 50px; font-family: SourceMedium;}
._pNewWords .newText .word span{font-size: 36px; font-family: SourceMedium;color:#595757;}
._pNewWords .newText .word p{ font-family: SourceMedium;}
._pNewWords .newText .word a{ font-family: SourceMedium; color:#777}
._pNewWords .newText .word a:hover{color:#BC0000;}

.TurnPage{float: left; width: 100%; border-top:1px solid #C8C8C8;}
.TurnPage a{float: left; width: 100%; color:#777; font-size: 24px; font-family: SourceRegular; line-height: 50px; border-bottom: 1px solid #C8C8C8; padding: 0 5px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.TurnPage a:hover{color:#BC0000;}

.NewReturn{float: left; width: 100%; margin-top: 30px;}
.NewReturn a{float: left; padding: 0 5px; color:#777; font-size: 24px; font-family: SourceRegular; line-height: 40px;}
.NewReturn a:hover{color:#BC0000;}

@media screen and (max-width:1529px) {
    ._pNewWords{ margin: 70px 0 80px 0;}
    ._pNewWords .tit{font-size:40px; line-height: 50px;}
    ._pNewWords .time{font-size: 18px; margin-top: 10px;}
    ._pNewWords .newText{margin: 40px 0 30px 0}
    ._pNewWords .newText .word{font-size: 21px; line-height: 40px;}
    ._pNewWords .newText .word span{font-size: 32px;}
    .TurnPage a{font-size: 21px;}
    .NewReturn a{font-size: 21px;}
}
@media screen and (max-width:1229px) {
    ._pNewWords{ margin: 60px 0 65px 0;}
    ._pNewWords .tit{font-size: 32px; line-height: 40px;}
    ._pNewWords .time{font-size: 16px; line-height: 24px;}
    ._pNewWords .newText{margin:30px 0 25px 0;}
    ._pNewWords .newText .word{font-size: 18px; line-height: 32px;}
    ._pNewWords .newText .word span{font-size: 28px;}
    .TurnPage a{font-size: 18px; line-height: 45px;}
    .NewReturn{margin-top: 20px;}
    .NewReturn a{font-size:18px;}
}

@media screen and (max-width:767px) {
    ._pNewWords{ margin: 30px 0;}
    ._pNewWords .tit{font-size: 24px; line-height: 30px; padding: 0;}
    ._pNewWords .time{font-size: 14px;}
    ._pNewWords .newText{margin: 20px 0}
    ._pNewWords .newText .word{font-size: 15px; line-height: 28px;}
    ._pNewWords .newText .word span{font-size: 21px;}
    .TurnPage a{font-size: 15px; line-height: 40px;}
    .NewReturn{margin-top: 15px;}
    .NewReturn a{font-size:15px; line-height: 30px;}
}

/*4发展与荣誉*/
.grayBack{float: left; width: 100%; background: #f4f4f4}
._pHonorRecom{float: left; width: 100%; padding: 0 4%; margin:110px 0 140px 0;}
._pHonorRecom .honRecBox{float: left; width: 100%;}
._pHonorRecom .honRecBox .honLi{float: left; width: 100%; padding-right: 30px;}
._pHonorRecom .honRecBox .honLi .white{float: left; width: 100%; background: #fff;}
._pHonorRecom .honRecBox .honLi .lImg{float: left; width: 39.5%; line-height: 0;}
._pHonorRecom .honRecBox .honLi .rText{float: left; width: 60.5%;}
._pHonorRecom .honRecBox .honLi .year{float: left; width: 100%; padding: 0 9% 5px 9%; margin-top: 60px;}
._pHonorRecom .honRecBox .honLi .year span{float: left;font-size: 24px; line-height: 36px; position: relative; font-family: SourceBold;}
._pHonorRecom .honRecBox .honLi .year span:after{position: absolute;content: ''; width: 100%; height: 5px; background: #CA151D; bottom: -5px; left: 0;}
._pHonorRecom .honRecBox .honLi .month{float: left; width: 100%; color:#777; font-size: 24px; padding: 0 9%; line-height: 40px; margin-top: 20px; font-family:SourceNormal;}
._pHonorRecom .honRecBox .honLi dl{float: left; width: 100%; padding: 0 24% 0 9%; height: 470px; overflow: hidden;}
._pHonorRecom .honRecBox .honLi dd{float: left; width: 100%; color:#777; font-size: 24px; line-height: 45px; margin-top: 50px; font-family:SourceNormal; position: relative}
._pHonorRecom .honRecBox .honLi dd:first-child{margin-top: 5px;}
._pHonorRecom .honRecBox .honLi dd:after{position: absolute; content: ''; width: 10px; height: 10px; background: #777; left: -20px; top:17px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
._pHonorRecom .honRecBox .honLi .moreHon{float: left; width: 100%; margin-top: 30px; padding: 0 9%;}
._pHonorRecom .honRecBox .honLi .moreHon a{float: left; color:#9A9A9A; font-size: 14px; line-height: 25px; background: #e1e1e1; padding: 0 8px; font-family: Helve;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;}
._pHonorRecom .honRecBox .honLi .moreHon a i{font-family: SimSun;}
._pHonorRecom .honRecBox .honLi .moreHon a:hover{background: #BC0000; color:#fff;}

._pHonorRecom .honRecBox .slick-list{padding-right: 23.9%;}
._pHonorRecom .honRecBox .slick-dots{height: 12px; bottom: -70px;}
._pHonorRecom .honRecBox .slick-dots li{width: 10px; height: 10px; margin: 0 13px; border:1px solid #777;
    border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
._pHonorRecom .honRecBox .slick-dots li.slick-active{background: #777;}

._pHonorRecom .honRecBox .slick-prev,
._pHonorRecom .honRecBox .slick-next{left: -75px; width: 32px; height: 52px; background: url("_im_g/prev_h1.png") no-repeat center; background-size: 100% 100%; z-index: 1;}
._pHonorRecom .honRecBox .slick-next{left: auto; right: -75px; background: url("_im_g/next_h1.png") no-repeat center; background-size: 100% 100%;}
._pHonorRecom .honRecBox .slick-prev:after,
._pHonorRecom .honRecBox .slick-next:after{position: absolute; content: '';width: 32px; height: 52px; left: 0; top:0; background: url("_im_g/prev_h1_1.png") no-repeat center; background-size: 100% 100%; opacity: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._pHonorRecom .honRecBox .slick-next:after{ background: url("_im_g/next_h1_1.png") no-repeat center; background-size: 100% 100%;}
._pHonorRecom .honRecBox .slick-prev:hover:after,
._pHonorRecom .honRecBox .slick-next:hover:after{opacity: 1;}

@media screen and (max-width:1529px) {
    ._pHonorRecom{margin: 90px 0 120px 0}
    ._pHonorRecom .honRecBox .honLi .year{margin-top: 40px;}
    ._pHonorRecom .honRecBox .honLi .year span{font-size: 21px;}
    ._pHonorRecom .honRecBox .honLi .month{font-size: 21px;}
    ._pHonorRecom .honRecBox .honLi dl{padding: 0 10% 0 9%; height:353px;}
    ._pHonorRecom .honRecBox .honLi dd{font-size: 21px; line-height:38px; margin-top: 40px;}
    ._pHonorRecom .honRecBox .honLi dd:after{top:14px;}
    ._pHonorRecom .honRecBox .slick-dots{bottom: -60px;}
}
@media screen and (max-width:1229px) {
    ._pHonorRecom{margin:70px 0 100px 0}
    ._pHonorRecom .honRecBox .honLi{padding-right: 20px;}
    ._pHonorRecom .honRecBox .honLi .year{margin-top: 30px;}
    ._pHonorRecom .honRecBox .honLi .year span{font-size: 18px;}
    ._pHonorRecom .honRecBox .honLi .month{font-size:18px;}
    ._pHonorRecom .honRecBox .honLi .year{padding: 0 9% 3px 9%}
    ._pHonorRecom .honRecBox .honLi .year span:after{height: 3px; bottom: -3px;}
    ._pHonorRecom .honRecBox .honLi dl{height: 272px;}
    ._pHonorRecom .honRecBox .honLi dd{font-size: 18px; line-height: 32px; margin-top:25px;}
    ._pHonorRecom .honRecBox .honLi dd:after{width: 8px; height: 8px; top:12px;}
    ._pHonorRecom .honRecBox .honLi .moreHon{margin-top: 10px;}
    ._pHonorRecom .honRecBox .honLi .moreHon span{font-size: 13px;}
    ._pHonorRecom .honRecBox .slick-dots{bottom: -50px;}
    ._pHonorRecom .honRecBox .slick-dots li{margin: 0 10px;}
}
@media screen and (max-width:991px) {
    ._pHonorRecom{margin:60px 0 80px 0; padding: 0;}
    ._pHonorRecom .honRecBox .honLi{padding-right:15px;}
    ._pHonorRecom .honRecBox .honLi .year span{font-size: 16px;}
    ._pHonorRecom .honRecBox .honLi .month{font-size: 16px; line-height: 30px; margin-top: 15px;}
    ._pHonorRecom .honRecBox .honLi dl{height: 213px;}
    ._pHonorRecom .honRecBox .honLi dd{font-size: 16px; line-height: 28px; margin-top: 20px;}
    ._pHonorRecom .honRecBox .honLi dd:after{top:10px; left: -15px;}
    ._pHonorRecom .honRecBox .honLi .moreHon{margin-top: 20px;}
    ._pHonorRecom .honRecBox .slick-prev,
    ._pHonorRecom .honRecBox .slick-next{width: 20px; height: 32px; left: -40px;}
    ._pHonorRecom .honRecBox .slick-next{left: auto; right: -40px;}
    ._pHonorRecom .honRecBox .slick-prev:after,
    ._pHonorRecom .honRecBox .slick-next:after{width: 20px; height: 32px;}
    ._pHonorRecom .honRecBox .slick-dots{bottom: -40px;}
}
@media screen and (max-width:767px) {
    ._pHonorRecom{margin:30px 0 50px 0;}
    ._pHonorRecom .honRecBox .slick-list{padding-right: 0;}
    ._pHonorRecom .honRecBox .honLi{padding-right: 0; position: relative;}
    ._pHonorRecom .honRecBox .honLi .lImg{position: absolute; height: 100%; left: 0; top:0;}
    ._pHonorRecom .honRecBox .honLi .lImg img{ width: 100%; height: 100%;}
    ._pHonorRecom .honRecBox .honLi .rText{float: right;}
    ._pHonorRecom .honRecBox .honLi .year{padding-bottom: 2px; margin-top: 25px;}
    ._pHonorRecom .honRecBox .honLi .year span{font-size: 14px; line-height:28px;}
    ._pHonorRecom .honRecBox .honLi .year span:after{height: 2px; bottom: -2px;}
    ._pHonorRecom .honRecBox .honLi .month{font-size: 14px; line-height: 26px; margin-top:10px;}
    ._pHonorRecom .honRecBox .honLi dl{padding: 0 9%; height: 181px;}
    ._pHonorRecom .honRecBox .honLi dd{font-size: 14px; line-height: 26px;}
    ._pHonorRecom .honRecBox .honLi dd:after{width: 6px; height: 6px; left: -10px; top:10px;}
    ._pHonorRecom .honRecBox .honLi .moreHon{margin: 20px 0;}
    ._pHonorRecom .honRecBox .honLi .moreHon span{font-size: 12px;}
    ._pHonorRecom .honRecBox .slick-dots{height:8px; bottom: -23px;}
    ._pHonorRecom .honRecBox .slick-dots li{width: 8px; height: 8px; margin: 0 5px;}
}

._pEnterGlory{float: left; width: 100%; padding: 0 4%; margin-bottom: 100px;}
._pEnterGlory .gloryTit{float: left; width: 100%; color:#777; font-size: 48px; line-height: 60px; padding-bottom: 35px; position: relative; font-family: SourceBold;}
._pEnterGlory .gloryTit:after{position: absolute; content: ''; width: 48px; height: 2px; background: #BF1A20; left: 0; bottom: 0;}
._pEnterGlory .gloryList{float: left; width: 100%; margin-top: -22px;}
._pEnterGlory .gloryList ul{float: left; width: 100%;}
._pEnterGlory .gloryList li{float: left; width: 48.5%; padding: 0 4%; margin-top: 68px;}
._pEnterGlory .gloryList li:nth-child(2n){float: right;}
._pEnterGlory .gloryList li .gloBox{float: left; width: 100%; background: #fff; height: 187px; padding: 0 15px;cursor: pointer; position: relative;
    box-shadow: 0 6px 13px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 6px 13px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 6px 13px rgba(0,0,0,0.15);
}
._pEnterGlory .gloryList li .gloBox:after{position: absolute; content: ''; width: 0; bottom: 0; right: 0; height: 14px;
    background: #c01920;
    background: -webkit-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -o-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -moz-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._pEnterGlory .gloryList li .gloBox .date{float: left; width: 100%; color:#BF1A20; font-size: 48px; margin-top: 27px; line-height: 55px; font-family: Arial; text-align: center;}
._pEnterGlory .gloryList li .gloBox .date span{font-family: SourceNormal;}
._pEnterGlory .gloryList li .gloBox .infoBox{float: left; width: 100%; text-align: center; margin-top: 7px;  height: 80px; overflow-y: auto;}
._pEnterGlory .gloryList li .gloBox .infoBox .cell{display: table-cell; vertical-align: middle;}
._pEnterGlory .gloryList li .gloBox .infoBox p{font-family: SourceNormal;color:#777;font-size: 24px; line-height: 39px;}
._pEnterGlory .gloryList li .gloBox:hover:after{width: 100%;}
._pEnterGlory .gloryList li .gloBox .table{float: left; width: 100%; height: 100%; display: table;font-size: 0; text-align: center;}
._pEnterGlory .gloryList li .gloBox .cell{display: table-cell; vertical-align: middle;}
._pEnterGlory .gloryList li .gloBox .li1{display: inline-block; width: 12px; height: 12px;border:1px solid #777; margin: 0 12px;
    border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
}
._pEnterGlory .gloryList li .gloBox .li1.on{background:#777;}

@media screen and (max-width:1529px) {
    ._pEnterGlory{margin-bottom: 80px;}
    ._pEnterGlory .gloryTit{font-size: 40px; padding-bottom: 25px;}
    ._pEnterGlory .gloryList li{padding: 0 3%;}
    ._pEnterGlory .gloryList li .gloBox .date{font-size: 40px; line-height: 50px;}
    ._pEnterGlory .gloryList li .gloBox .infoBox p{font-size: 21px;}
}
@media screen and (max-width:1229px) {
    ._pEnterGlory .gloryTit{font-size: 32px; line-height: 45px; padding-bottom: 20px;}
    ._pEnterGlory .gloryList{ margin-top: -10px;}
    ._pEnterGlory .gloryList li{margin-top: 40px; width: 49%;}
    ._pEnterGlory .gloryList li .gloBox{height: 175px;}
    ._pEnterGlory .gloryList li .gloBox:after{height: 10px;}
    ._pEnterGlory .gloryList li .gloBox .date{font-size: 32px;}
    ._pEnterGlory .gloryList li .gloBox .infoBox{height: 64px;}
    ._pEnterGlory .gloryList li .gloBox .infoBox p{font-size: 18px; line-height: 32px;}
}
@media screen and (max-width:991px) {
    ._pEnterGlory{padding: 0; margin-bottom: 60px;}
}
@media screen and (max-width:767px) {
    ._pEnterGlory{margin-bottom: 30px;}
    ._pEnterGlory .gloryTit{font-size: 28px; line-height: 40px; padding-bottom: 15px;}
    ._pEnterGlory .gloryList{ margin-top: 0;}
    ._pEnterGlory .gloryList li{width: 100%; padding: 0; margin-top: 15px;}
    ._pEnterGlory .gloryList li .gloBox{height: auto; padding: 0 10px 20px 10px}
    ._pEnterGlory .gloryList li:last-child .gloBox{height: 120px; padding-bottom: 0;}
    ._pEnterGlory .gloryList li .gloBox:after{height: 8px;}
    ._pEnterGlory .gloryList li .gloBox .date{font-size: 28px; line-height: 40px; margin-top: 20px;}
    ._pEnterGlory .gloryList li .gloBox .infoBox{max-height:78px; height: auto;}
    ._pEnterGlory .gloryList li .gloBox .infoBox p{font-size: 15px; line-height: 26px;}
}

.honFixed{float: left; position: fixed; width:100%; height: 100%; left: 0; top:0; background: rgba(60,60,60,0.2); z-index: 9; display: none;}
.honFixed .honStrBd{float: left; width: 100%; height: 100%;}
.honFixed .honStrBd .GuideDetails{z-index: -1; opacity:0;}
.honFixed .honStrBd .GuideDetails.active{z-index: 1; opacity:1;}
.honFixed .yeas{float: left; width: 100%; padding: 0 65px;  }
.honFixed .yeas span{float: left;color:#000; font-size: 48px; padding-bottom: 10px; line-height: 60px; font-family: SourceRegular; position: relative;}
.honFixed .yeas span:after{position: absolute; content: ''; width: 100%; height: 4px; background: #ca151d; left: 0; bottom: 0;}
.honFixed .deveInfo{float: left; width: 100%; padding: 0 65px; margin-top:50px; max-height:450px;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.honFixed .deveInfo::-webkit-scrollbar{display:none;}
.honFixed .deveInfo dl{float: left; width: 100%; margin-top: 55px;color:#777; font-size: 24px; line-height: 50px;}
.honFixed .deveInfo dl:first-child{margin-top: 0;}
@media screen and (max-width:1529px) {
    .honFixed .yeas{padding: 0 60px;}
    .honFixed .yeas span{font-size:40px; line-height: 50px;}
    .honFixed .deveInfo{padding: 0 60px; max-height:450px; margin-top:40px;}
    .honFixed .deveInfo dl{margin-top: 40px; font-size: 21px; line-height: 40px;}
}
@media screen and (max-width:1229px) {
    .honFixed .yeas{padding: 0 50px;}
    .honFixed .yeas span{font-size:32px; line-height: 50px; padding-bottom: 5px;}
    .honFixed .deveInfo{padding: 0 50px; max-height:450px;margin-top:30px;}
    .honFixed .deveInfo dl{font-size: 18px; line-height: 32px; margin-top: 30px;}
}
@media screen and (max-width:767px) {
    .honFixed .yeas{padding: 0 15px;}
    .honFixed .yeas span{font-size: 28px; line-height: 40px;}
    .honFixed .yeas span:after{height: 2px;}
    .honFixed .deveInfo{padding: 0 15px; margin-top: 20px; max-height:350px;
        scrollbar-width:auto;
        -ms-overflow-style:auto;
    }
    .honFixed .deveInfo::-webkit-scrollbar{display:block;}
    .honFixed .deveInfo dl{font-size: 16px; line-height: 28px; margin-top: 15px;}
}



/*5企业视频*/
._pVideoBox{float: left; width: 100%; margin-bottom: 195px; padding: 0 3.3%;}
._pVideoBox ._pVidTit{float: left; width: 100%; color:#777; font-size: 48px; line-height: 60px; padding-bottom: 35px; margin-top: 80px; position: relative; font-family: SourceBold;}
._pVideoBox ._pVidTit:after{position: absolute; content: ''; width:32px; height: 2px; background: #BF1A20; left: 0; bottom: 0;}
._pVideoBox ._pVidList{float: left; width: 100%;}
._pVideoBox ._pVidList ul{margin: 0 -27px;}
._pVideoBox ._pVidList li{float: left; width: 33.3333%; padding: 0 27px; margin-top: 60px;}
._pVideoBox ._pVidList li .vidLi{float:left; width: 100%; background: #fff; cursor: pointer; position: relative}
._pVideoBox ._pVidList li .vidLi:after{position: absolute; content: ''; bottom: 0; right: 0; width: 0; height: 14px;
    background: #c01920;
    background: -webkit-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -o-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -moz-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._pVideoBox ._pVidList li .vidLi .tImg{float: left; width: 100%; line-height: 0; position: relative; padding-bottom: 62.5%;}
._pVideoBox ._pVidList li .vidLi .tImg img.img_1{position: absolute; left: 0; top:0; width: 100%; height: 100%;}
._pVideoBox ._pVidList li .vidLi .tImg img.but{position: absolute; left: 50%; top:50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
._pVideoBox ._pVidList li .vidLi .dText{float: left; width: 100%; height: 110px; padding: 0 15px;}
._pVideoBox ._pVidList li .vidLi .tit{float: left; width: 100%; margin-top: 6px; color:#232323; font-size: 24px; line-height: 35px; font-family: SourceBold;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

._pVideoBox ._pVidList li .vidLi .word{float: left; width: 100%; color:#777; font-size: 17px; line-height: 28px; height:56px; font-family: SourceNormal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
._pVideoBox ._pVidList li .vidLi:hover:after{width: 100%;}

.PopupBox{position:fixed; z-index: 9; left: 0; top:0; width:100%; height: 100%; background: rgba(60,60,60,0.2); display: none;}
.popVideo{position: absolute; width: 67%; max-width: 1300px; top:50%; left: 50%; background: #fff; padding: 40px 30px 45px 30px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.popVideo video{float: left; width: 100%;object-fit:fill;}
.popVideo .h1Tit{float: left; width: 100%; color:#232323; font-size: 35px; line-height: 45px; margin-top: 34px; padding-right: 90px; position:relative; font-family: SourceBold;}
.popVideo .textBox{float: left; width: 100%; color:#777; font-size: 25px; line-height: 40px; font-family: SourceNormal;}
.popVideo .h1Tit .close{position: absolute; right: 0; top:0; width: 78px; height: 38px; border:1px solid #777; font-size: 25px; font-family: SourceNormal; text-align: center; line-height: 36px; color:#777;cursor: pointer;
    border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.popVideo .h1Tit .close:hover{border-color:#BC0000; color:#BC0000;}

._pVideoBox ._pVidList.public li .vidLi .dText{height:160px;}
._pVideoBox ._pVidList.public li .vidLi .tit{line-height: 33px; max-height: 66px; margin-top: 13px;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
._pVideoBox ._pVidList.public li .vidLi .word{margin-top: 5px;}

@media screen and (max-width:1529px) {
    ._pVideoBox{margin-bottom: 145px;}
    ._pVideoBox ._pVidTit{ margin-top: 70px; font-size: 38px; padding-bottom: 25px; line-height: 50px;}
    ._pVideoBox ._pVidList ul{margin: 0 -20px;}
    ._pVideoBox ._pVidList li{padding: 0 20px;margin-top: 50px;}
    ._pVideoBox ._pVidList li .vidLi .tit{font-size: 21px;}
    ._pVideoBox ._pVidList li .vidLi .word{font-size: 16px;}
    .popVideo{padding:25px 20px 30px 20px}
    .popVideo .h1Tit{font-size: 28px; margin-top: 25px;}
    .popVideo .textBox{font-size: 22px; line-height: 36px;}
    .popVideo .h1Tit .close{font-size: 22px;}
}

@media screen and (max-width:1229px) {
    ._pVideoBox{margin-bottom: 100px;}
    ._pVideoBox ._pVidTit{margin-top: 55px; font-size: 32px; line-height: 45px; padding-bottom: 15px;}
    ._pVideoBox ._pVidList ul{margin: 0 -10px;}
    ._pVideoBox ._pVidList li{padding: 0 10px; margin-top: 40px;}
    ._pVideoBox ._pVidList li .vidLi .tit{font-size: 18px; line-height: 30px;}
    ._pVideoBox ._pVidList li .vidLi .dText{height: 100px;}
    ._pVideoBox ._pVidList li .vidLi .word{font-size: 15px; line-height: 24px; height: 48px;}
    ._pVideoBox ._pVidList li .vidLi:after{height: 10px;}
    .popVideo .h1Tit{font-size: 24px; line-height: 40px;}
    .popVideo .h1Tit .close{font-size: 18px; width: 70px; height: 30px; line-height: 28px; top:5px;}
    .popVideo .textBox{font-size: 18px; line-height: 32px;}
}
@media screen and (max-width:767px) {
    ._pVideoBox{padding: 0; margin-bottom: 30px;}
    ._pVideoBox ._pVidTit{margin-top: 30px; font-size: 24px; line-height: 30px; padding-bottom: 10px;}
    ._pVideoBox ._pVidList li{width: 100%; margin-top: 15px;}
    ._pVideoBox ._pVidList li .vidLi .tit{font-size: 16px;}
    ._pVideoBox ._pVidList li .vidLi .word{font-size: 14px;}
    ._pVideoBox ._pVidList li .vidLi:after{height: 6px;}
    .popVideo{width: 90%; padding: 10px;}
    .popVideo .h1Tit{margin-top: 10px; font-size: 20px; padding-right: 70px; line-height: 30px;}
    .popVideo .h1Tit .close{font-size: 16px; width: 60px; height: 26px; line-height: 24px;}
    .popVideo .textBox{font-size: 16px; line-height: 28px;}
    ._pVideoBox ._pVidList.public li .vidLi .tit{line-height: 28px; max-height:56px;}
    ._pVideoBox ._pVidList.public li .vidLi .dText{height:auto; padding-bottom: 13px;}
}

/*6全球服务*/
.GlobalSer{float: left; width: 100%; background: #e8eeeb; margin-top: 87px; padding: 75px 6% 70px 6%;}
.HigSer .serTit,
.GlobalSer .serTit{float: left; width: 100%;font-size: 36px; font-family: SourceMedium; line-height: 55px;}
.GlobalSer .gloH2{float: left; width: 100%; color:#777;font-size: 28px; line-height: 58px; margin-top: 57px; font-family: SourceMedium;}
.GlobalSer .gloInfo{float: left; width: 100%; color:#777; font-size: 24px; line-height: 55px; font-family: SourceNormal;}
.GlobalSer .gloMap{float: left; width: 100%; text-align: center; margin-top: 70px;}
.HigSer{float: left; width: 100%; padding:60px 6% 100px 6%;}
.HigSer dl{float: left; width: 100%; margin-top: 54px;}
.HigSer dt{float: left; width: 100%; color:#C01A20; font-size: 28px; line-height: 60px; font-family: SourceMedium;}
.HigSer dd{float: left; width: 100%; color:#777; font-size: 24px; line-height: 55px;}
.HigSer dd p{font-family: SourceNormal;}

@media screen and (max-width:1529px) {
    .GlobalSer{margin-top: 75px; padding: 65px 6% 60px 6%}
    .HigSer .serTit, .GlobalSer .serTit{font-size: 28px; line-height: 45px;}
    .GlobalSer .gloH2{font-size: 24px; margin-top: 45px; line-height: 50px;}
    .GlobalSer .gloInfo{font-size: 21px; line-height: 45px;}
    .GlobalSer .gloMap{margin-top: 55px;}
    .HigSer{padding:50px 6% 80px 6%}
    .HigSer dl{margin-top: 40px;}
    .HigSer dt{font-size: 24px; line-height: 50px;}
    .HigSer dd{font-size: 21px; line-height: 45px;}
}
@media screen and (max-width:1229px) {
    .GlobalSer{margin-top: 60px; padding: 50px 6% 45px 6%}
    .HigSer .serTit, .GlobalSer .serTit{font-size: 26px;}
    .GlobalSer .gloH2{font-size: 21px; margin-top: 30px; line-height: 40px;}
    .GlobalSer .gloInfo{font-size: 18px; line-height: 36px;}
    .GlobalSer .gloMap{margin-top: 45px;}
    .HigSer{padding:50px 6% 60px 6%}
    .HigSer dl{margin-top: 30px;}
    .HigSer dt{font-size: 21px; line-height: 40px;}
    .HigSer dd{font-size: 18px; line-height: 36px;}
}
@media screen and (max-width:767px) {
    .GlobalSer{margin-top: 30px; padding: 20px 5% 20px 5%;}
    .HigSer .serTit, .GlobalSer .serTit{font-size: 22px; line-height: 35px;}
    .GlobalSer .gloH2{font-size: 18px; line-height: 30px; margin-top: 20px;}
    .GlobalSer .gloInfo{font-size: 16px; line-height: 28px;}
    .HigSer{padding: 30px 5%}
    .HigSer dl{margin-top: 15px;}
    .HigSer dt{font-size: 18px; line-height: 30px;}
    .HigSer dd{font-size: 16px; line-height: 28px;}
}

/*7服务特色*/
.serviceList{float: left; width: 100%; margin: 10px 0 45px 0;}
.serviceList ul{margin: 0 -32px;}
.serviceList li{float: left; width: 50%; padding: 0 32px; margin-top: 65px;}
.serviceList li a{float: left; width: 100%;}
.serviceList li .tImg{float: left; width: 100%; padding-bottom:47.6%; line-height: 0; position: relative; overflow: hidden;}
.serviceList li .tImg img{position: absolute; left: 0; top:0; width: 100%; height: 100%;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.serviceList li a:hover .tImg img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    -moz-transform:scale(1.1);
}
.serviceList li .titH1{float: left; width: 100%; text-align: center; margin-top: 20px; line-height: 50px; padding-bottom: 20px; color:#4D4D4D; font-size: 36px; position: relative; font-family: SourceMedium;}
.serviceList li .titH1:after{position: absolute; content: ''; width: 32px; height: 2px; background: #BF1A20; left: 50%; margin-left: -16px; bottom: 0;}

.serviceList li .text{float: left; width: 100%; text-align: center; margin-top: 24px; color:#777; font-size: 24px; line-height: 36px; font-family: SourceNormal; padding: 0 5%; height:72px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

@media screen and (max-width:1529px) {
    .serviceList ul{margin: 0 -25px;}
    .serviceList li{padding: 0 25px; margin-top: 55px;}
    .serviceList li .titH1{font-size: 28px; line-height: 40px; padding-bottom: 15px;}
    .serviceList li .text{font-size: 21px; line-height: 32px; margin-top: 20px; height: 64px;}
}
@media screen and (max-width:1229px) {
    .serviceList ul{margin: 0 -15px;}
    .serviceList li{padding: 0 15px; margin-top: 40px;}
    .serviceList li .titH1{font-size: 26px; line-height: 36px; padding-bottom: 10px; margin-top: 15px;}
    .serviceList li .text{font-size: 18px; line-height: 28px; height:56px; margin-top: 15px;}
}
@media screen and (max-width:767px) {
    .serviceList{margin: 10px 0 25px 0}
    .serviceList li{width: 100%; margin-top: 15px;}
    .serviceList li a{background: #f4f6f8; padding-bottom: 15px;}
    .serviceList li .titH1{font-size: 22px; line-height: 30px;}
    .serviceList li .text{font-size: 16px; padding: 0 3%; line-height: 26px; height: 52px;}

}

.backF6{float: left; width: 100%; background: #f5f6f6}
.conMessage{float: left; width: 100%; margin: 38px 0 100px 0;}
.conMessage .titH1{float: left; width: 100%; color:#4D4D4D; font-size: 36px; line-height: 50px; padding-bottom: 30px; font-family: SourceMedium; position: relative}
.conMessage .titH1:after{position: absolute; content: ''; width: 32px; height: 2px; background: #BF1A20; left: 0; bottom: 0;}
.conMessage .messInfo{float: left; width: 50%; padding-right: 2.5%; color:#777; font-size: 24px; line-height: 36px; margin-top: 38px; font-family: SourceNormal;}
.conMessage .formBox{float: left; width: 100%; margin-top: -17px;}
.conMessage .formBox ul{margin: 0 -2.5%;}
.conMessage .formBox li{float: left; width: 50%; padding: 0 2.5%; margin-top: 33px;}
.conMessage .formBox .dtBox{float: left; width: 100%; color:#4D4D4D; font-size: 24px; line-height: 38px; font-family: SourceNormal;}
.conMessage .formBox .dtBox.tint{color:#777;}
.conMessage .formBox .ddBox{float: left; width: 100%; margin-top: 9px;}
.conMessage .formBox .ddBox select{float: left; width: 100%; height: 45px; border:0; background: #e6e6e6; font-size: 24px; color:#4D4D4D; line-height: 45px;font-family: SourceNormal;
    -webkit-appearance:none; -moz-appearance:none; appearance:none;
    border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
.conMessage .formBox .ddBox select option{font-family: SourceNormal;}
.conMessage .formBox .ddBox input{float: left; width: 100%;height: 45px; line-height: 45px; border:0; font-size: 24px; color:#4D4D4D; font-family: SourceNormal; background: #e6e6e6; text-indent: 10px;
    border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
.conMessage .formBox .ddBox input.CAPTCHA{width: 44%;}
.conMessage .formBox .ddBox span{float: left; width: 26%;height: 45px; overflow:hidden; line-height: 45px;background: #e6e6e6;font-size: 24px; color:#000; text-align: center; font-family: SourceNormal; margin-left: 4%; cursor: pointer;
    border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
.conMessage .formBox .ddBox span img{display:block; width:100%; height:100%;}
.conMessage .formBox .tagging{float: left; width: 100%; margin-top: 46px; color:#4d4d4d;font-family: SourceNormal; line-height:38px; font-size:24px;padding: 0 2.5%;}
.conMessage .formBox .ButBox{float: left; width: 100%; text-align: center; display: block; margin-top: 46px; font-size: 0;}
.conMessage .formBox .ButBox input.subBox{display: inline-block; width: 20.67%; color:#4D4D4D; font-size: 24px; height: 45px; line-height: 45px; border:0; background: #e6e6e6;font-family: SourceNormal;
    border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.conMessage .formBox .ButBox input.subBox:hover{background: #BF1A20; color:#fff;}

@media screen and (max-width:1529px) {
    .conMessage{margin: 38px 0 80px 0}
    .conMessage .titH1{font-size: 28px; padding-bottom: 20px;}
    .conMessage .messInfo{font-size: 21px; line-height: 32px; margin-top: 30px;}
    .conMessage .formBox li{margin-top: 25px;}
    .conMessage .formBox .dtBox{font-size: 21px;}
    .conMessage .formBox .ddBox{margin-top: 5px;}
    .conMessage .formBox .ddBox select{font-size: 21px;}
    .conMessage .formBox .ddBox input{font-size: 21px;}
    .conMessage .formBox .ddBox span{font-size: 21px;}
    .conMessage .formBox .tagging{font-size: 21px; margin-top: 35px;}
    .conMessage .formBox .ButBox{margin-top: 40px;}
    .conMessage .formBox .ButBox input.subBox{font-size: 21px;}
}
@media screen and (max-width:1229px) {
    .conMessage{margin: 30px 0 65px 0}
    .conMessage .titH1{font-size: 26px; line-height: 40px; padding-bottom: 15px;}
    .conMessage .messInfo{font-size: 18px; line-height: 28px; margin-top: 25px;}
    .conMessage .formBox li{margin-top: 20px;}
    .conMessage .formBox .dtBox{font-size: 18px;}
    .conMessage .formBox .ddBox select{font-size: 18px; line-height: 40px; height: 40px;}
    .conMessage .formBox .ddBox input{font-size: 18px; line-height: 40px; height: 40px;}
    .conMessage .formBox .ddBox span{font-size: 18px; height: 40px; line-height: 40px;}
    .conMessage .formBox .tagging{font-size: 18px; margin-top: 30px;}
    .conMessage .formBox .ButBox{margin-top: 30px;}
    .conMessage .formBox .ButBox input.subBox{font-size: 18px; height: 40px; line-height: 40px;}
}
@media screen and (max-width:767px) {
    .conMessage{margin: 20px 0 30px 0}
    .conMessage .titH1{font-size: 22px; line-height: 30px; padding-bottom: 10px;}
    .conMessage .messInfo{width: 100%; padding-right: 0; font-size: 16px; line-height: 26px; margin-top: 15px;}
    .conMessage .formBox{margin-top: 0;}
    .conMessage .formBox li{width: 100%; margin-top: 10px;}
    .conMessage .formBox .dtBox{font-size: 16px; line-height: 30px;}
    .conMessage .formBox .ddBox{margin-top: 0;}
    .conMessage .formBox .ddBox select{font-size: 16px; height: 35px; line-height: 35px;}
    .conMessage .formBox .ddBox input{font-size: 16px; height: 35px; line-height: 35px;}
    .conMessage .formBox .ddBox span{font-size: 16px; height: 35px; line-height: 35px;}
    .conMessage .formBox .tagging{font-size: 16px; margin-top: 20px; line-height: 30px;}
    .conMessage .formBox .ButBox{margin-top: 20px;}
    .conMessage .formBox .ButBox input.subBox{font-size: 16px; height: 35px; line-height: 35px; width: 40%;}
}

/*8业务外包*/
.outerPack{float: left; width: 100%; margin:30px 0 100px 0;}
.outerPack .BPOBox{float: left; width: 100%; margin-top: 70px; background: #fff; padding:50px 6% 60px 6%;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.outerPack .BPOBox .BPOTit{float: left; width: 100%; text-align: center; position: relative; color:#4D4D4D; font-size: 30px; line-height: 50px; padding-bottom: 17px; font-family: SourceMedium;}
.outerPack .BPOBox .BPOTit:after{position: absolute; content: ''; width: 32px; height: 2px; left: 50%; margin-left: -16px; bottom: 0; background: #BF1A20;}
.outerPack .BPOBox .BPOText{float: left; width: 100%; margin-top: 28px; color: #777; font-size: 18px; font-family: SourceNormal; line-height: 36px;}
.outerPack .BPOBox .TitRed{float: left; width: 100%; text-align: center; color:#BF1A20; font-size: 24px; line-height: 44px; padding-top: 12px; font-family: SourceMedium; margin-top: 90px; position: relative}
.outerPack .BPOBox .TitRed.first{margin-top: 35px;}
.outerPack .BPOBox .TitRed:after{position: absolute; content: ''; width: 32px; height: 2px; left: 50%; margin-left: -16px; top: 0; background: #BF1A20;}

@media screen and (max-width:1529px) {
    .outerPack{ margin: 20px 0 80px 0}
    .outerPack .BPOBox{margin-top: 60px; padding: 40px 6% 50px 6%}
    .outerPack .BPOBox .BPOTit{font-size: 24px; line-height: 45px; padding-bottom: 15px;}
    .outerPack .BPOBox .BPOText{font-size: 16px; line-height: 30px; margin-top: 20px;}
    .outerPack .BPOBox .TitRed{font-size: 22px; line-height: 40px; margin-top: 70px;}
}
@media screen and (max-width:1229px) {
    .outerPack .BPOBox{padding: 30px 5% 40px 5%; margin-top: 50px;}
    .outerPack .BPOBox .BPOTit{font-size: 20px;padding-bottom: 10px;}
    .outerPack .BPOBox .BPOText{font-size: 16px; line-height: 30px;}
    .outerPack .BPOBox .TitRed{font-size: 20px; line-height: 30px; margin-top: 55px;}
    .outerPack .BPOBox .TitRed.first{margin-top: 25px;}
}
@media screen and (max-width:767px) {
    .outerPack{margin: 10px 0 30px 0}
    .outerPack .BPOBox{margin-top: 15px; padding: 20px 5% 15px 5%}
    .outerPack .BPOBox .BPOTit{font-size: 18px; line-height: 35px; padding-bottom: 5px;}
    .outerPack .BPOBox .BPOText{font-size: 14px; line-height: 24px; margin-top: 10px;}
    .outerPack .BPOBox .TitRed{font-size: 18px; padding-top: 8px; line-height: 25px; margin-top: 40px;}
    .outerPack .BPOBox .TitRed.first{margin-top: 10px;}
}

/*9人事服务*/
.outerPack .BPOBox .BPOTit.notUnder:after{display: none;}
.outerPack .BPOBox .TitRed.notRedBar{ padding:0 0 16px 0; margin-top: 40px;}
.outerPack .BPOBox .TitRed.notRedBar.first{margin-top: 0;}
.outerPack .BPOBox .TitRed.notRedBar:after{display: none}
.outerPack .BPOBox .BPODl{float: left; width: 100%; }
.outerPack .BPOBox .BPODl .dl{float: left; width: 100%;}
.outerPack .BPOBox .BPODl .dd{float: left; width: 45%;font-size: 24px; color:#777; font-family: SourceNormal; line-height: 60px;}
.outerPack .BPOBox .BPODl .dd:nth-child(2n){float: right;}
.outerPack .BPOBox .BPODl .dd em{font-size: 14px; vertical-align:middle; font-family: SourceNormal;}
.outerPack .BPOBox .TitRed.notRedBar.twenty{margin-top: 20px;}

@media screen and (max-width:1529px) {
    .outerPack .BPOBox .TitRed.notRedBar{padding: 0 0 10px 0; margin-top: 30px;}
    .outerPack .BPOBox .BPODl .dd{font-size: 21px; line-height: 45px;}
    .outerPack .BPOBox .BPODl .dd em{font-size: 12px;}
}
@media screen and (max-width:1229px) {
    .outerPack .BPOBox .BPOTit{padding-bottom: 0;}
    .outerPack .BPOBox .BPODl .dd{font-size: 18px; line-height: 35px;}
    .outerPack .BPOBox .TitRed.notRedBar{margin-top: 20px; padding-bottom: 5px;}
}
@media screen and (max-width:767px) {
    .outerPack .BPOBox .BPODl .dd{width: 100%; font-size: 15px; line-height: 26px;}
    .outerPack .BPOBox .BPODl .dd em{font-size: 8px;}
    .outerPack .BPOBox .TitRed.notRedBar{margin-top: 15px;}
}

/*10招聘猎头*/
.outerPack.joinInfo{margin: 10px 0 80px 0;}
.outerPack .BPOBox.recruit{padding: 34px 6%}
.outerPack .BPOBox.intro .TitRed{margin-top: 50px;}
.outerPack .BPOBox.intro .TitRed.first{margin-top: 20px;}
.outerPack .BPOBox.intro .BPOText{margin-top: 15px;}
.conMessage.joinMess{padding: 0 5.4%;}

@media screen and (max-width:1529px) {
    .outerPack.joinInfo{margin: 10px 0 60px 0;}
    .outerPack .BPOBox.intro .TitRed{margin-top: 40px;}
    .conMessage.joinMess{margin: 20px 0 80px 0}
}
@media screen and (max-width:1229px) {
    .outerPack.joinInfo {margin: 10px 0 40px 0;}
    .conMessage.joinMess{margin: 10px 0 65px 0; padding: 0 5%;}
    .outerPack .BPOBox.recruit{padding: 25px 5%}
}
@media screen and (max-width:991px) {
    .outerPack .BPOBox.intro .TitRed{margin-top: 30px;}
}
@media screen and (max-width:767px) {
    .outerPack.joinInfo{margin: 10px 0 15px 0;}
    .outerPack .BPOBox.recruit{padding: 15px 5%;}
    .outerPack .BPOBox.intro .TitRed{ margin-top: 15px;}
    .outerPack .BPOBox.intro .TitRed.first{margin-top: 5px;}
    .outerPack .BPOBox.intro .BPOText{margin-top: 10px;}
    .conMessage.joinMess{padding: 0; margin: 10px 0 30px 0;}
}

/*12人力资源服务中心*/
.outerPack .BPOBox .BPOTit.notUnder.two{margin-top: 35px; padding-bottom: 0;}

.jobsBox{float: left; width: 100%; margin-top: 45px;}
.jobsBox .JTit{float: left; width: 100%; color:#323438; font-size: 24px; line-height: 50px; font-family: SourceMedium;}
.jobsBox .JList{float: left; width: 100%; margin-top: 8px;}
.jobsBox .JList ul{margin: 0 -13px;}
.jobsBox .JList li{float: left; width: 33.333%; padding: 0 13px;margin-top: 50px;}
.jobsBox .JList li a{float: left; width: 100%;}
.jobsBox .JList li a .tImg{float: left; width: 100%; line-height: 0; position: relative; background: #ACD6D6; padding-bottom:55.5%; overflow: hidden;}
.jobsBox .JList li a .tImg img{position: absolute; width: 100%; height: 100%; left: 0; top:0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.jobsBox .JList li a .dText{float: left; width: 100%; text-align: center; line-height: 40px; font-family: SourceNormal; color:#9B9B9B; margin-top: 25px; font-size: 18px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.jobsBox .JList li a:hover .tImg img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    -moz-transform:scale(1.1);
}

.jobsBox .JList li a .tImg img.plus{ width: 72px; height: 72px; left: 50%; top:50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.jobsBox .JList li a:hover .dText{color:#BC0000}

.resourcesMap{float: left; width: 100%; margin-top: 85px; border-top:2px solid #6bbab7; line-height: 0}
.resourcesMap img{width: 98%;}
@media screen and (max-width:1529px) {
    .jobsBox{margin-top: 35px;}
    .jobsBox .JTit{font-size: 21px; line-height: 40px;}
    .jobsBox .JList li{margin-top: 35px;}
    .jobsBox .JList li a .dText{font-size: 16px; line-height: 30px; margin-top: 20px;}
    .resourcesMap{margin-top: 65px;}
}
@media screen and (max-width:1229px) {
    .jobsBox .JTit{font-size: 18px; line-height: 35px;}
    .jobsBox .JList ul{margin: 0 -10px;}
    .jobsBox .JList li{padding: 0 10px; margin-top: 30px;}
    .resourcesMap{margin-top: 55px;}
}
@media screen and (max-width:767px) {
    .jobsBox{margin-top: 20px;}
    .jobsBox .JTit{font-size: 16px; line-height: 28px; margin-top: 0;}
    .jobsBox .JList ul{margin: 0 -5px;}
    .jobsBox .JList li{padding: 0 5px; width: 50%; margin-top: 15px;}
    .jobsBox .JList li a .dText{font-size: 14px; line-height: 24px; margin-top: 10px; height: 48px; white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .jobsBox .JList li a .tImg img.plus{width: 40px; height: 40px;}
    .resourcesMap{margin-top: 20px;}
}

/*13服务优势*/
.outerPack .BPOBox.Highlight .BPOTit{text-align:left}
.outerPack .BPOBox.Highlight .TitRed{text-align: left; padding-bottom: 0;}
.outerPack .BPOBox.Highlight .BPOText{line-height: 55px; margin-top: 5px;}

@media screen and (max-width:1529px) {
    .outerPack .BPOBox.Highlight .BPOText{line-height:40px; }
}

@media screen and (max-width:1229px) {
    .outerPack .BPOBox.Highlight .BPOText{line-height:30px; }
}
@media screen and (max-width:767px) {
    .outerPack .BPOBox.Highlight .BPOText{line-height:26px; }
}

/*14员工服务*/
.queryList{float: left; width: 100%; margin: 115px 0 0 0;}
.queryList ul{margin: 0 -30px;}
.queryList li{float: left; width: 33.3333%; padding: 0 30px;}
.queryList li a{float: left; width: 100%; height: 247px; background: #F5F5F5; position: relative;
    box-shadow: 0 8px 15px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 8px 15px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 8px 15px rgba(0,0,0,0.15);
}
.queryList li a:after{position: absolute; content: ''; width:0; height: 14px; right: 0; bottom: 0;
    background: #c01920;
    background: -webkit-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -o-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -moz-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.queryList li .tIco{float: left; width: 100%; text-align: center; display:block; font-size: 0; margin-top: 50px;}
.queryList li .tIco span{display: inline-block; width: 90px; height: 90px; line-height: 90px; background: #EFEFEF; position: relative;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
.queryList li .tIco span img.ico{vertical-align: middle; margin-top: 0;}
.queryList li .tIco span i{position: absolute; width: 98px; height: 86px; left: 5px; top:5px; opacity: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.queryList li .title{float: left; width: 100%; text-align: center; margin-top: 24px; line-height: 50px; color:#99999A; font-size: 21px; font-family: SourceNormal;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.queryList li a:hover{background: #fff;}
.queryList li a:hover:after{width: 100%;}
.queryList li a:hover .tIco span{background: #fff;}
.queryList li a:hover .tIco span i{opacity: 1;}
.queryList li a:hover .title{font-family:SourceMedium; font-size: 29px; margin-top: 16px;}

.guideBox{float: left; width:100%; margin: 90px 0 115px 0;}
.guideBox .guiTit{float: left; width: 100%; font-size: 34px; line-height: 54px; font-family: SourceMedium; color:#4D4D4D}
.guideBox .guiList{float: left; width: 100%; margin-top: -20px;}
.guideBox .guiList ul{margin: 0 -5.2%;}
.guideBox .guiList li{float: left; width: 50%; padding: 0 5.2%; margin-top: 55px;height: 309px; position: relative;}
.guideBox .guiList li.zIn{z-index: -1;}
.guideBox .guiList .handBox{float: left; width: 100%; background: #fff; padding: 40px 7% 45px 7%; position: relative;
    box-shadow: 0 8px 15px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 8px 15px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 8px 15px rgba(0,0,0,0.15);
}
.guideBox .guiList .handBox .handTit{float: left; width: 100%; color:#4D4D4D; font-size: 26px; line-height: 50px; font-family: SourceMedium;}
.guideBox .guiList .handBox dl{float: left; width: 100%; margin-top: 5px; height:169px; overflow: hidden;}
.guideBox .guiList .handBox.hei dl{height: auto;}
.guideBox .guiList .handBox dd{float: left; width: 100%; border-bottom: 1px solid #EDEDED;}
.guideBox .guiList .handBox dd a{float: left;line-height: 50px; height: 55px; max-width: 100%; font-size: 22px; color:#777; position: relative;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.guideBox .guiList .handBox dd a:after{position: absolute; content: ''; width:0; height: 7px; bottom: -1px; right: 0;
    background: #c01920;
    background: -webkit-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -o-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -moz-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.guideBox .guiList .handBox dd a:hover:after{width: 100%;}
.guideBox .guiList .handBox .more{ width:20px; line-height: 0; position: absolute; bottom:18px; left: 7%; cursor: pointer;}

.GuideDetails{position: absolute; width: 75%; max-width: 1450px; left: 50%; top:50%; background: #fff; padding: 55px 0 60px 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.GuideDetails .detailsTit{float: left; width: 100%; color:#777; font-size: 36px; line-height: 50px; padding: 0 80px; font-family: SourceRegular;}
.GuideDetails .gdt{float: left; width: 100%; position: relative;
    visibility: visible;
    animation-name: fadeInUp;}
.GuideDetails .detailsText{float: left; width: 100%;  margin-top: 10px;height: 490px; padding: 0 80px;
    overflow-y: auto;
    scrollbar-width:none;
    -ms-overflow-style:none;
}
.GuideDetails .detailsText::-webkit-scrollbar{display:none;}
.GuideDetails .detailsText .ol{float: left; width: 100%; margin-top: 30px;color:#777; font-size: 24px; line-height: 50px;font-family: SourceRegular;}
.GuideDetails .detailsText .ol:first-child{margin-top: 0;}
.GuideDetails .close{position: absolute; right: 40px; top:30px; font-size: 24px; font-family: Arial; cursor: pointer;}

@media screen and (max-width:1529px) {
    .queryList{margin-top:90px;}
    .guideBox{margin: 70px 0 90px 0}
    .guideBox .guiTit{font-size: 28px; line-height: 44px;}
    .guideBox .guiList .handBox .handTit{font-size: 24px;}
    .guideBox .guiList .handBox dd a{font-size: 18px;}
    .GuideDetails .detailsTit{font-size: 28px;}
    .GuideDetails .detailsText .ol{font-size: 21px; line-height: 40px; margin-top: 20px;}
}

@media screen and (max-width:1229px) {
    .queryList{margin-top: 70px;}
    .guideBox{margin: 50px 0 70px 0}
    .queryList ul{margin: 0 -15px;}
    .queryList li{padding: 0 15px;}
    .queryList li a{height:220px;}
    .queryList li .tIco{margin-top: 30px;}
    .queryList li .title{font-size: 18px;}
    .queryList li a:hover .title{font-size: 24px;}
    .queryList li a:after{height:10px;}
    .guideBox .guiTit{font-size: 26px;}
    .guideBox .guiList ul{margin: 0 -4%;}
    .guideBox .guiList li{padding: 0 4%; margin-top: 40px; height: 268px;}
    .guideBox .guiList .handBox{padding: 20px 7% 40px 7%}
    .guideBox .guiList .handBox .handTit{font-size: 20px;}
    .guideBox .guiList .handBox dl{height: 153px;}
    .guideBox .guiList .handBox dd a{font-size: 16px; height: 50px; line-height: 45px;}
    .GuideDetails{padding: 40px 0}
    .GuideDetails .close{right: 30px; top:25px;}
    .GuideDetails .detailsTit{font-size: 24px; line-height: 45px; padding: 0 60px;}
    .GuideDetails .detailsText{padding: 0 60px; height: 410px;}
    .GuideDetails .detailsText .ol{font-size: 18px; line-height: 32px;}
}

@media screen and (max-width:767px) {
    .queryList{margin-top: 15px;}
    .queryList ul{margin: 0 -5px;}
    .queryList li{ margin-top: 15px; padding: 0 5px;}
    .queryList li a{height: 145px;}
    .queryList li .tIco{margin-top:15px;}
    .queryList li .tIco span{width: 60px;  height: 60px; line-height: 60px;}
    .queryList li .tIco span img{width: 28px;}
    .queryList li .tIco span i{width: 63px; height: 55px;}
    .queryList li a .tIco span i img{width:63px;}
    .queryList li .title{font-size: 16px; line-height: 35px; margin-top: 18px;}
    .queryList li a:hover .title{font-size: 19px;margin-top: 10px;}
    .queryList li a:after{height: 8px;}
    .guideBox{margin: 30px 0 }
    .guideBox .guiTit{font-size: 24px; line-height: 40px;}
    .guideBox .guiList{ margin-top: 0;}
    .guideBox .guiList li{width: 100%; margin-top: 15px; height: 213px;}
    .guideBox .guiList .handBox{padding: 15px 5% 35px 5%; }
    .guideBox .guiList .handBox .handTit{font-size: 18px; line-height: 35px;}
    .guideBox .guiList .handBox dl{height: 123px;}
    .guideBox .guiList .handBox dd a{font-size: 14px; height: 40px; line-height: 35px;}
    .guideBox .guiList .handBox .more{width: 16px; bottom: 12px;}

    .GuideDetails{width: 90%; padding:20px 0 15px 0;}
    .GuideDetails .detailsTit{padding: 0 15px; font-size: 21px; line-height: 32px;}
    .GuideDetails .detailsText{padding: 0 15px; height: 335px;
        scrollbar-width:auto;
        -ms-overflow-style:auto;
    }
    .GuideDetails .detailsText::-webkit-scrollbar{display:block;}
    .GuideDetails .detailsText .ol{font-size: 15px; line-height: 26px;}
    .GuideDetails .close{right: 5px; top:5px; font-size: 21px;}

}

/*15Win4Youth*/
._pSocialBox{float: left; width: 100%; padding: 0 4%;}
.socialWord{float: left; width: 100%; background: #fff; margin: 105px 0 130px 0; padding: 55px 0 75px 0;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.socialWord .title{float: left; width: 100%; padding: 0 5%; color:#323438; font-size: 36px;}
.socialWord .title span{float: left; font-family: SourceMedium; line-height: 45px; padding-bottom: 10px; position: relative;}
.socialWord .title span:after{position: absolute; content: ''; width: 90%; height: 10px; left: -15px; bottom: 0;
    background: #c01920;
    background: -webkit-linear-gradient(right,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -o-linear-gradient(right,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -moz-linear-gradient(right,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: linear-gradient(right,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
}
.socialWord .socInfo{float: left; width: 100%; padding: 0 8%; margin-top: 48px;}
.socialWord .socInfo .tImg{float: left; width: 100%; line-height: 0; text-align: center;}
.socialWord .socInfo .dText{float: left; width: 100%; margin-top:29px; color:#9A9A9A; font-size: 18px; line-height: 30px; font-family: SourceNormal;}
.socialWord .socInfo .dText .info{float: left; width: 100%;color:#9A9A9A; font-size: 18px; line-height: 30px; font-family: SourceNormal; margin-top: 36px;}
.socialWord .socInfo .dText .hrefBox{float: left; width: 100%; margin-top: 36px;}
.socialWord .socInfo .dText .hrefBox a{float: left; padding: 0 8px; background: #e1e1e1;font-family: SourceNormal;color:#9A9A9A; font-size: 18px; line-height: 26px; border-radius: 15px;}
.socialWord .socInfo .dText .hrefBox a:hover{background: #c01920; color:#fff;}

.socialList{float: left; width: 100%; margin: -30px 0 125px 0;}
.socialList ul{float: left; width: 100%;}
.socialList li{float: left; width: 100%; margin-top: 75px;}
.socialList li a{float: left; width: 100%; background: #fff; padding: 50px 5.7%;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.socialList li a .lImg{float: left; width: 33.8%; padding-bottom:21.5%; line-height: 0; position: relative; overflow: hidden;}
.socialList li a .lImg img{position: absolute; width: 100%; height: 100%;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.socialList li a .rText{float: right; width: 62.5%;}
.socialList li a .rText .title{float: left; width: 100%; color:#323438; font-size: 24px; font-family: SourceMedium; line-height: 30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}

.socialList li a .rText .info{float: left; width: 100%; color:#9A9A9A; font-size: 18px; margin-top: 35px; line-height: 32px; font-family: SourceNormal;  height: 128px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.socialList li a .rText .more{float: left; margin-top: 40px; color:#9A9A9A; font-family: Helve; padding: 0 8px; line-height: 26px; background: #e1e1e1; font-size: 14px; border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.socialList li a .rText .more span{font-family: SimSun;}
.socialList li a:hover .lImg img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    -moz-transform:scale(1.1);
}
.socialList li a:hover .rText .more{background: #c01920; color:#fff;}

@media screen and (max-width:1529px) {
    .socialWord{margin: 90px 0 100px 0; padding:45px 0 65px 0}
    .socialWord .title{font-size: 28px;}
    .socialWord .title span{line-height: 40px;}
    .socialWord .socInfo{margin-top: 38px; padding: 0 7%;}
    .socialWord .socInfo .dText .info{font-size: 16px; line-height: 30px; margin-top: 28px;}
    .socialWord .socInfo .dText .hrefBox{margin-top: 28px;}
    .socialWord .socInfo .dText .hrefBox a{font-size: 16px;}
    .socialList{margin: -30px 0 95px 0}
    .socialList li{margin-top: 60px;}
    .socialList li a{padding: 40px 5%}
    .socialList li a .rText .title{font-size: 21px;}
    .socialList li a .rText .info{font-size: 16px; line-height: 28px; height: 112px; margin-top: 20px;}
    .socialList li a .rText .more{font-size: 12px; line-height: 20px; margin-top: 25px;}
}

@media screen and (max-width:1229px) {
    .socialWord{margin: 70px 0 80px 0; padding:30px 0 40px 0}
    .socialWord .title{font-size: 26px;}
    .socialWord .socInfo .dText .info{font-size: 15px; line-height: 28px;}
    .socialWord .socInfo .dText .hrefBox a{font-size: 15px;}
    .socialList{margin: -30px 0 75px 0}
    .socialList li{margin-top: 40px;}
    .socialList li a{padding: 30px 5%}
    .socialList li a .rText .title{font-size: 18px;}
    .socialList li a .rText .info{font-size: 15px; height: 84px; margin-top: 15px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .socialList li a .rText .more{margin-top: 20px;}
}
@media screen and (max-width:991px) {
    ._pSocialBox{padding: 0}
}
@media screen and (max-width:767px) {
    .socialWord{margin: 30px 0; padding:15px 0 20px 0;}
    .socialWord .title{font-size: 24px;}
    .socialWord .title span{padding-bottom: 5px;}
    .socialWord .title span:after{height: 5px;}
    .socialWord .socInfo{margin-top: 20px; padding: 0 6%;}
    .socialWord .socInfo .dText{margin-top: 10px;}
    .socialWord .socInfo .dText .info{font-size: 14px; line-height: 26px; margin-top: 15px;}
    .socialWord .socInfo .dText .hrefBox{margin-top: 15px;}
    .socialWord .socInfo .dText .hrefBox a{font-size: 14px;}
    .socialList{margin: -15px 0 30px 0;}
    .socialList li{margin-top: 15px;}
    .socialList li a{padding:15px;}
    .socialList li a .lImg{width: 100%; padding-bottom: 63.8%;}
    .socialList li a .rText{width: 100%; margin-top: 15px;}
    .socialList li a .rText .title{font-size: 16px;}
    .socialList li a .rText .info{font-size: 14px; line-height: 26px; height: 78px; margin-top: 5px;}
    .socialList li a .rText .more{margin-top: 10px;}
}

/*18求职招聘*/
._pRecruitList{float: left; width: 100%; margin: 33px 0 170px 0;}
._pRecruitList li{float: left; width: 33.333%; padding: 0 2%; margin-top: 54px;}
._pRecruitList li .advBox{float: left; width: 100%; background: #fff; padding:30px 32px 21px 32px; cursor: pointer;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._pRecruitList li .advBox .title{float: left; width: 100%; color:#777; font-size: 24px; font-family: SourceNormal; line-height:35px; height: 70px; overflow: hidden;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._pRecruitList li .advBox .TimePlace{float: left; width: 100%; margin-top: 15px; line-height: 35px;}
._pRecruitList li .advBox .time{float: left; color:#A7A7A7; font-size: 21px; font-family: SourceNormal;}
._pRecruitList li .advBox .place{float: right; color:#A7A7A7;font-size: 21px; font-family: SourceNormal;}
._pRecruitList li .advBox:hover{
    box-shadow: 0 2px 10px rgba(206,21,28,0.1);
    -moz-box-shadow: 0 2px 10px rgba(206,21,28,0.1);
    -webkit-box-shadow: 0 2px 10px rgba(206,21,28,0.1);
}
._pRecruitList li .advBox:hover .title{color:#ce151c}

.GuideDetails.Recrui .detailsTit{padding: 0 65px;}
.RecruiProfile{float: left; width: 100%; margin-top: 50px; padding:0 65px;}
.RecruiProfile .inList{float: left; width: 100%; padding: 0 4%; position: relative; border-top:1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;}
.RecruiProfile .inList:after{position: absolute; content: ''; width: 100%; top:50%; left: 0; border-top:1px solid #cdcdcd;}
.RecruiProfile dl{float: left; width: 16.66666%; text-align: center; }
.RecruiProfile dl dt{float: left; width: 100%; color:#777; font-size: 24px;line-height: 70px; font-family: SourceRegular;}
.RecruiProfile dl dd{float: left; width: 100%;color:#777; font-size: 24px;line-height: 70px; font-family: SourceRegular;}
.GuideDetails.Recrui .gdt{float: left; width: 100%; position: relative;
    visibility: visible;
    animation-name: fadeInUp;}
.GuideDetails.Recrui .RecruiInfo{float: left; width: 100%; color:#777; font-size: 24px; font-family:SourceRegular; margin-top: 40px; padding: 0 65px; line-height: 70px; max-height: 350px;
    overflow-y: auto;
    scrollbar-width:none;
    -ms-overflow-style:none;
}
.GuideDetails.Recrui .RecruiInfo::-webkit-scrollbar{display:none;}
.GuideDetails.Recrui .RecruiInfo .span{font-size: 36px; font-family: SourceMedium;}

@media screen and (max-width:1529px) {
    ._pRecruitList{margin: 33px 0 120px 0}
    ._pRecruitList li{margin-top: 45px;}
    ._pRecruitList li .advBox{padding: 25px 28px 18px 28px}
    ._pRecruitList li .advBox .title{font-size: 21px; line-height: 30px; height: 60px;}
    ._pRecruitList li .advBox .TimePlace{line-height: 30px; margin-top: 10px;}
    ._pRecruitList li .advBox .time{font-size: 18px;}
    ._pRecruitList li .advBox .place{font-size: 18px;}
    .GuideDetails.Recrui .detailsTit{padding: 0 60px;}
    .RecruiProfile{margin-top: 35px; padding: 0 60px;}
    .RecruiProfile dl dt{font-size: 21px; line-height: 60px;}
    .RecruiProfile dl dd{font-size: 21px; line-height: 60px;}
    .GuideDetails.Recrui .RecruiInfo{padding: 0 60px; margin-top: 30px; font-size: 21px; line-height: 55px; max-height: 330px;}
    .GuideDetails.Recrui .RecruiInfo .span{font-size: 28px;}
}
@media screen and (max-width:1229px) {
    ._pRecruitList{margin: 25px 0 100px 0}
    ._pRecruitList li{margin-top: 35px; padding: 0 1.5%;}
    ._pRecruitList li .advBox .title{font-size: 18px; line-height: 28px; height: 56px;}
    ._pRecruitList li .advBox .TimePlace{line-height: 28px;}
    ._pRecruitList li .advBox .time{font-size: 16px;}
    ._pRecruitList li .advBox .place{font-size: 16px;}
    .GuideDetails.Recrui .detailsTit{padding: 0 50px;}
    .RecruiProfile{padding: 0 50px; margin-top: 25px;}
    .RecruiProfile dl dt{font-size: 18px; line-height: 50px;}
    .RecruiProfile dl dd{font-size: 18px; line-height: 50px;}
    .GuideDetails.Recrui .RecruiInfo{padding: 0 50px; font-size: 18px; line-height: 45px; margin-top: 25px;}
    .GuideDetails.Recrui .RecruiInfo .span{font-size: 24px;}
}

@media screen and (max-width:991px) {
    ._pRecruitList{margin: 20px 0 70px 0}
    ._pRecruitList li{margin-top: 30px;}
}
@media screen and (max-width:767px) {
    ._pRecruitList{margin:15px 0 30px 0}
    ._pRecruitList ul{margin: 0 -1.5%;}
    ._pRecruitList li{width: 50%; margin-top: 15px;}
    ._pRecruitList li .advBox{padding: 10px;}
    ._pRecruitList li .advBox .title{font-size: 16px; line-height: 26px; height: 52px;}
    ._pRecruitList li .advBox .TimePlace{margin-top: 5px;}
    ._pRecruitList li .advBox .time{font-size: 14px;}
    ._pRecruitList li .advBox .place{font-size: 14px;}

    .GuideDetails.Recrui .detailsTit{padding: 0 20px;}
    .RecruiProfile{padding: 0 20px; margin-top: 15px;}
    .RecruiProfile .inList{padding: 0;}
    .RecruiProfile dl{width: 33.3333%; padding: 5px;}
    .RecruiProfile dl dt{font-size: 14px; line-height: 24px;}
    .RecruiProfile dl dd{font-size: 14px; line-height: 24px;}
    .GuideDetails.Recrui .RecruiInfo{padding: 0 20px; font-size: 15px; line-height: 28px; margin-top: 15px; height: 244px;
        scrollbar-width:auto;
        -ms-overflow-style:auto;
    }
    .GuideDetails.Recrui .RecruiInfo .span{font-size: 21px; margin-top: 10px; display: inline-block;}
    .GuideDetails.Recrui .RecruiInfo::-webkit-scrollbar{display:block;}
}

/*19联系我们*/
._pContactBox{float: left; width:100%; padding: 88px 4% 135px 4%;}
.headquarters{float: left; width: 100%; background: #fff; padding: 66px 7.5% 80px 7.5%;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.headquarters .title{float: left; width: 100%; }
.headquarters .title span{float: left;color:#323438; font-size: 30px; line-height: 45px; padding-bottom: 10px; font-family: SourceMedium; position: relative;}
.headquarters .title span:after{position: absolute; content: ''; width: 110%; left: -10px; bottom: 0; height: 10px;
    background: #c01920;
    background: -webkit-linear-gradient(right,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -o-linear-gradient(right,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -moz-linear-gradient(right,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: linear-gradient(right,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
}
.headquarters .address{float: left; width: 100%; margin-top: 28px; color:#808080; font-size: 20px; font-family: SourceRegular; line-height: 36px;}
.headquarters .map{float: left; width: 100%; height: 320px; margin-top: 22px;}
.headquarters #bdmap1{float: left; width: 100%; height: 100%;}

.OtherBranches{float: left; width: 100%; margin-top: 10px;}
.OtherBranches ul{margin: 0 -6%;}
.OtherBranches li{float: left; width: 50%; padding: 0 6%; margin-top: 46px;}
.OtherBranches li .titH1{float: left; width: 100%; color:#323438; font-size: 30px; line-height: 50px; font-family: SourceMedium;}
.OtherBranches li .dText{float: left; width: 100%; margin-top: 17px; color:#808080; font-size: 20px; line-height: 36px; font-family: SourceRegular;}

@media screen and (max-width:1529px) {
    ._pContactBox{padding:75px 4% 100px 4%}
    .headquarters{padding: 55px 7% 70px 7%}
    .headquarters .title span{font-size: 26px;}
    .headquarters .address{font-size: 18px; line-height: 32px; margin-top: 20px;}
    .OtherBranches li{margin-top: 35px;}
    .OtherBranches li .titH1{font-size: 26px; line-height: 40px;}
    .OtherBranches li .dText{font-size: 18px; line-height: 32px; margin-top: 12px;}
}
@media screen and (max-width:1229px) {
    ._pContactBox{padding:60px 4% 70px 4%}
    .headquarters{padding: 40px 7% 55px 7%}
    .headquarters .title span{font-size: 24px;}
    .headquarters .address{font-size: 16px; line-height: 26px; margin-top: 15px;}
    .headquarters .map{margin-top: 15px; height: 300px;}
    .OtherBranches ul{margin: 0 -5%;}
    .OtherBranches li{padding: 0 5%; margin-top: 20px;}
    .OtherBranches li .titH1{font-size: 24px; line-height: 35px;}
    .OtherBranches li .dText{font-size: 16px; line-height: 26px; margin-top: 5px;}
}

@media screen and (max-width:991px) {
    ._pContactBox{padding:50px 0 60px 0}
}
@media screen and (max-width:767px) {
    ._pContactBox{padding:30px 0}
    .headquarters{padding:15px 5% 25px 5%}
    .headquarters .title span{font-size: 20px; padding-bottom: 5px; line-height: 40px;}
    .headquarters .title span:after{height: 5px;}
    .headquarters .address{font-size: 14px; line-height: 20px;}
    .headquarters .map{ height: 240px;}
    .OtherBranches li{width: 100%; margin-top: 15px;}
    .OtherBranches li .titH1{font-size: 20px; line-height: 30px;}
    .OtherBranches li .dText{font-size: 14px; line-height: 20px;}
}


/*20协会新闻*/
.assHeader{float: left; width: 100%; background: #4b4646; padding: 40px 0 15px 0;}
.assHeader .logo{float:left; line-height: 0; margin: 10px 0 18px 0;}
.assHeader .right{float: right;}
.assHeader .ewm{float: left; width: 82px;}
.assHeader .ewm .tIMG{float: left; width: 100%; border:2px solid #fff; line-height: 0}
.assHeader .ewm .dText{float: left; width: 100%; color:#fff; font-size: 10px; font-family: SourceNormal; text-align: center; line-height: 20px;}
.assHeader .focus{float: left; width: 116px; margin-left: 30px;}
.assHeader .focus .tImg{float: left; width: 100%; line-height: 0;}
.assHeader .focus .dText{float: left; width: 100%; background: #269da9; font-size: 24px; line-height: 24px; color:#fff; padding: 4px 10px; margin-top: 8px; font-family: SourceMedium; text-align: right;}
.assHeader .time{float: left; margin-left: 25px; color:#fff; font-size: 18px; line-height: 30px; text-align: right; font-family: SourceRegular; margin-top: 36px;}

@media screen and (max-width:1529px) {
    .assHeader{padding: 30px 0 10px 0}
    .assHeader .logo{margin: 5px 0 0 0}
    .assHeader .logo img{height: 70px;}
    .assHeader .ewm{width: 75px;}
    .assHeader .ewm .dText{font-size: 9px;}
    .assHeader .focus{width: 105px;margin-left: 25px;}
    .assHeader .focus .dText{font-size: 21px; line-height: 21px;}
    .assHeader .focus .tImg img{height: 22px;}
    .assHeader .time{font-size: 16px; line-height: 26px; margin-top:30px;}
}
@media screen and (max-width:991px) {
    .assHeader{padding: 20px 0 10px 0}
    .assHeader .logo{margin-top: 15px;}
    .assHeader .logo img{height: 52px;}
    .assHeader .focus{width: 95px; margin-left: 15px;}
    .assHeader .focus .dText{font-size: 18px; line-height: 20px;}
    .assHeader .time{font-size: 15px; margin-left: 15px;}
}
@media screen and (max-width:767px) {
    .assHeader{padding: 15px 0 10px 0;}
    .assHeader .logo{width: 100%; margin-top: 0;}
    .assHeader .logo img{height: auto;}
    .assHeader .right{width: 100%; margin-top: 10px; display: block; text-align: center; font-size: 0;}
    .assHeader .ewm{width: 20%;}
    .assHeader .ewm .tIMG img{width: 100%;}
    .assHeader .focus{float: none; display: inline-block; margin-left: 0;}
    .assHeader .time{float: right; margin-left: 0; font-size: 14px; margin-top: 26px;}
    .assHeader .focus .dText{font-size: 16px;}
}
@media screen and (max-width:413px) {
    .assHeader .ewm{width: 23%;}
}
@media screen and (max-width:374px) {
    .assHeader .ewm{width: 25%;}
}
.assRecom{float: left; width: 100%; margin-top: 80px;}
.assRecom .lImg{float: left; width: 72.5%; line-height: 0;}
.assRecom .rText{float: right; width: 26%;}
.assRecom .rText ul{float: left}
.assRecom .rText li{float: left; width: 100%;}
.assRecom .rText li a{float: left; width: 100%; color:#6B6B6B; font-size: 21px; line-height: 50px; font-family: SourceRegular;}
.assRecom .rText li a span{color:#c01821; font-size: 18px;}
.assRecom .rText li:first-child a{font-family: SourceBold; color:#313235;}
.assRecom .rText li:nth-child(2) a{color:#313235;}
.assRecom .rText li a:hover{color:#c01821;}

@media screen and (max-width:1529px) {
    .assRecom{margin-top: 70px;}
    .assRecom .rText li a{font-size: 18px; line-height: 40px;}
}
@media screen and (max-width:1229px) {
    .assRecom{margin-top: 60px;}
    .assRecom .rText li a{font-size: 16px; line-height: 32px;}
}
@media screen and (max-width:991px) {
    .assRecom{margin-top: 55px;}
    .assRecom .lImg{width: 100%;}
    .assRecom .rText{width: 100%; margin-top: 15px;}
    .assRecom .rText li a{font-size: 15px; line-height: 30px;}
}
@media screen and (max-width:767px) {
    .assRecom{margin-top: 25px;}
    .assRecom .rText{margin-top: 10px;}
    .assRecom .rText li a{font-size: 14px; line-height: 28px;}
    .assRecom .rText li a span{font-size: 16px;}
}

.assMien{float: left; width: 100%; margin-top: 65px;}
.assTitle{float: left; width: 100%; border-bottom: 1px solid #e2e2e2;}
.assTitle .box{float: left; padding: 0 12px; line-height: 52px; color:#fff; font-size: 36px; background: #269da9; font-family: SourceBold;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.assTitle .box b{font-family: Helve;}
.assSubhead{float: left; width: 100%; font-size: 30px; color:#269DA9;}
.assSubhead span{float:left;font-family: SourceMedium;line-height: 45px; padding-bottom: 8px; position: relative;}
.assSubhead span:after{position: absolute; content: ''; width: 110px; height:6px; left: 0; bottom: 0;
    background: #c01920;
    background: -webkit-linear-gradient(right,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -o-linear-gradient(right,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -moz-linear-gradient(right,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: linear-gradient(right,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
}

.assMien .character{float: left; width: 100%; margin-top: 42px;}
.assMien .SubheadList{float: left; width: 100%; margin-top:2px;}
.assMien .SubheadList ul{margin: 0 -8px;}
.assMien .SubheadList li{float: left; width: 25%; padding: 0 8px; margin-top:16px;}
.assMien .SubheadList li a{float: left; width: 100%;}
.assMien .SubheadList li .tImg{float: left; width: 100%; position: relative; padding-bottom:55%; line-height: 0; }
.assMien .SubheadList li .tImg img{position: absolute; width: 100%; height: 100%;}
.assMien .SubheadList li .dText{float: left; width: 100%; text-align: center; font-size: 21px; font-family: SourceRegular; line-height: 40px; margin-top: 12px; color:#6B6B6B;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.assMien .SubheadList li a:hover .dText{color:#BC0000}

@media screen and (max-width:1529px) {
    .assMien{margin-top: 55px;}
    .assTitle .box{font-size: 28px; line-height: 46px;}
    .assSubhead{font-size: 26px;}
    .assSubhead span{line-height: 40px;}
    .assMien .character{margin-top: 35px;}
    .assMien .SubheadList li .dText{font-size: 18px; line-height: 32px;}
}
@media screen and (max-width:1229px) {
    .assMien{margin-top: 45px;}
    .assTitle .box{font-size: 24px;}
    .assSubhead{font-size: 22px;}
    .assMien .character{margin-top: 30px;}
    .assMien .SubheadList li .dText{font-size: 16px;}
}
@media screen and (max-width:767px) {
    .assMien{margin-top:25px;}
    .assTitle .box{font-size: 20px; line-height: 35px;}
    .assSubhead{font-size: 18px; }
    .assSubhead span{line-height: 30px;}
    .assSubhead span:after{height: 4px; width: 70px;}
    .assMien .SubheadList{margin-top: 5px;}
    .assMien .SubheadList ul{margin: 0 -5px;}
    .assMien .SubheadList li{width: 50%; padding: 0 5px; margin-top: 10px;}
    .assMien .SubheadList li .dText{font-size: 14px; line-height: 28px; margin-top: 5px;}
}

.assMien .creation{float: left; width: 100%; margin-top: 66px;}
.assMien .creation .leftList{float: left; width:45%;}
.assMien .creation .leftList ul{float: left; width: 100%; margin-top: 13px;}
.assMien .creation .leftList li{float: left; width: 100%; margin-top: 8px;}
.assMien .creation .leftList a{float: left; width: 100%; color:#6B6B6B; line-height: 44px; font-size: 21px; font-family: SourceRegular; position: relative;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.assMien .creation .leftList a:after{position: absolute; content: ''; width:0; height: 100%;background: #f4f6f8; left: 0; top:0; z-index: -1;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.assMien .creation .leftList a:hover:after{width: 100%}
.assMien .creation .rImg{float: right; width: 49.3%; line-height: 0; position: relative; padding-bottom: 25%;}
.assMien .creation .rImg img{position:absolute; width: 100%; height: 100%; left: 0; top:0;}

@media screen and (max-width:1529px) {
    .assMien .creation{margin-top: 55px;}
    .assMien .creation .leftList a{font-size: 18px;}
}
@media screen and (max-width:1229px) {
    .assMien .creation{margin-top: 45px;}
    .assMien .creation .leftList ul{margin-top: 10px;}
    .assMien .creation .leftList li{margin-top: 5px;}
    .assMien .creation .leftList a{font-size: 16px; line-height: 35px;}
}
@media screen and (max-width:991px) {
    .assMien .creation{margin-top: 35px;}
    .assMien .creation .leftList{width: 100%;}
    .assMien .creation .rImg{width: 100%; padding-bottom: 50%; margin-top: 15px;}
}
@media screen and (max-width:767px) {
    .assMien .creation{margin-top:25px;}
    .assMien .creation .leftList a{font-size: 14px; line-height: 32px;}
    .assMien .creation .rImg{margin-top: 10px;}
}

.assTrends{float: left; width: 100%; margin-top: 60px;}
.assTrends .w_47{width: 47.5%; margin-top: 38px;}
.assTrends .lInstitute{float: left;}
.assTrends .lInstitute ul{float: left; width: 100%; margin-top: 20px;}
.assTrends .lInstitute li{float: left; width: 100%; margin-top: 10px;}
.assTrends .lInstitute li a{float: left; width: 100%; color:#333; font-size: 24px; font-family: SourceRegular; line-height: 45px; position: relative; padding: 0 8px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.assTrends .lInstitute li a:after{position: absolute; content: ''; width:0; height: 100%;background: #f4f6f8; left: 0; top:0; z-index: -1;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.assTrends .lInstitute li a:hover{font-family: SourceBold;}
.assTrends .lInstitute li a:hover:after{width: 100%;}

.assTrends .rBranch{float: right;}
.assTrends .rBranch:nth-child(2n){float:left;}
.assTrends .rBranch ul{float:left; width: 100%; margin-top: 6px;}
.assTrends .rBranch li{float: left; width: 100%; margin-top: 25px;}
.assTrends .rBranch li a{float: left; width: 100%; padding-left: 37.4%; height: 134px; position: relative;}
.assTrends .rBranch li .lImg{position: absolute; left: 0; top:0; width: 33.5%; height: 100%; overflow: hidden; line-height: 0;}
.assTrends .rBranch li .lImg img{width: 100%;}
.assTrends .rBranch li .tag{float: left; width: 70px; color:#269DA9; text-align: center; font-size: 17px; font-family: SourceMedium; background: #d4ebee; height:26px; line-height: 26px; margin-top: -5px;
    border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
}
.assTrends .rBranch li .title{float: left; width: 100%; line-height: 50px; max-height: 100px; font-size: 24px; color:#333; font-family: SourceRegular;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.assTrends .rBranch li a:hover .title{font-family: SourceBold;}

@media screen and (max-width:1529px) {
    .assTrends{margin-top: 50px;}
    .assTrends .lInstitute li a{font-size: 21px; line-height: 40px;}
    .assTrends .rBranch li a{height: 107px;}
    .assTrends .rBranch li .tag{font-size: 15px;}
    .assTrends .rBranch li .title{font-size: 21px; line-height: 35px; margin-top:10px;}
}
@media screen and (max-width:1229px) {
    .assTrends{margin-top: 40px;}
    .assTrends .w_47{margin-top: 30px;}
    .assTrends .lInstitute ul{margin-top: 10px;}
    .assTrends .lInstitute li a{font-size: 18px; line-height: 35px;}
    .assTrends .rBranch li{margin-top: 15px;}
    .assTrends .rBranch li a{height: 85px;}
    .assTrends .rBranch li .tag{font-size: 13px; height: 20px; line-height: 20px; width: 60px;}
    .assTrends .rBranch li .title{font-size: 18px; line-height: 28px;}
}
@media screen and (max-width:991px) {
    .assTrends .w_47{margin-top: 25px; width: 100%;}
    .assTrends .rBranch li a{height: 138px;}
}
@media screen and (max-width:767px) {
    .assTrends{margin-top: 25px;}
    .assTrends .w_47{margin-top: 15px;}
    .assTrends .lInstitute li{margin-top: 5px;}
    .assTrends .lInstitute li a{font-size: 15px; padding: 0 5px; line-height: 32px;}
    .assTrends .rBranch li a{padding-left: 140px; height: 100%;}
    .assTrends .rBranch li .title{font-size: 15px; line-height: 24px; margin-top: 5px;}
    .assTrends .rBranch li .lImg{width: 125px; height: auto;}
}

.assView{float: left; width: 100%; margin-top: 38px;}
.assView .viewCon{float: left; width: 100%; margin-top: 60px;}
.assView .viewCon .w_47{float: left; width: 47.5%;}
.assView .viewCon .w_47.r{float: right;}
.assView .viewCon .w_47 ul{float: left; width: 100%;}
.assView .viewCon .w_47 li{float: left; width: 100%; margin-top: 5px;}
.assView .viewCon .w_47 li a{float: left; width: 100%; line-height: 45px; color:#6B6B6B; font-family: SourceRegular; font-size: 21px; position: relative;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.assView .viewCon .w_47 li a:after{position: absolute; content: ''; width:0; height: 100%;background: #f4f6f8; left: 0; top:0; z-index: -1;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.assView .viewCon .w_47 li a:hover:after{width: 100%;}
@media screen and (max-width:1529px) {
    .assView .viewCon{ margin-top: 50px;}
    .assView .viewCon .w_47 li a{font-size: 18px; line-height: 40px;}
}
@media screen and (max-width:1229px) {
    .assView{ margin-top: 30px;}
    .assView .viewCon{ margin-top: 40px;}
    .assView .viewCon .w_47 li a{font-size: 16px; line-height: 35px;}
}
@media screen and (max-width:991px) {
    .assView{ margin-top: 25px;}
    .assView .viewCon{ margin-top: 0px;}
    .assView .viewCon .w_47{width: 100%; margin-top: 15px;}
}
@media screen and (max-width:767px) {
    .assView .viewCon .w_47{margin-top: 10px;}
    .assView .viewCon .w_47 li a{font-size: 14px; line-height: 32px;}
}

.assFooter{float: left; width: 100%; text-align: center; padding: 74px 0; position: relative;color:#6B6B6B; font-size: 21px;}
.assFooter:after{position: absolute; content: ''; width: 100%; height: 20px; left: 0; bottom: 0;
    background: #c01920;
    background: -webkit-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -o-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: -moz-linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
    background: linear-gradient(left,rgba(192,25,32,0) 15%,rgba(192,25,32,1));
}

.assFooter .sustain{float: left; width: 100%; line-height: 45px;font-family: SourceRegular;}
.assFooter .sustain a{color:#6B6B6B;font-family: SourceRegular;}
.assFooter .phone{float: left; width: 100%;line-height: 45px;font-family: SourceRegular; margin-top: 5px;}

@media screen and (max-width:1529px) {
    .assFooter{padding: 65px 0; font-size: 18px;}
    .assFooter .sustain{line-height: 40px;}
    .assFooter .phone{line-height: 40px;}
}
@media screen and (max-width:1229px) {
    .assFooter{padding: 55px 0; font-size: 16px;}
    .assFooter:after{height:15px;}
    .assFooter .sustain{line-height: 35px;}
    .assFooter .phone{line-height: 35px;}
}

@media screen and (max-width:767px) {
    .assFooter{padding: 25px 0 30px 0; font-size: 14px;}
    .assFooter:after{height:10px;}
    .assFooter .sustain{line-height: 26px;}
    .assFooter .phone{line-height: 26px;}
}

/*21协会新闻详情*/
.assBack{float: left; width: 100%; background: #f4f6f8}
.assNewsInfo{float: left; width: 100%; margin-top: 80px; background: #fff; padding:40px 9% 80px 9%;}
.assNewsInfo .title{float: left; width: 100%; text-align: center; color:#313235; font-size: 38px; line-height: 60px; font-family: SourceBold; display: block;}
.assNewsInfo .title span{display: block;font-family: SourceBold;}
.assNewsInfo .words{float: left; width: 100%; color:#333333; margin-top: 38px; font-size:24px; line-height: 60px;}
.assNewsInfo  .img{display: block; line-height: 0; text-align: center;}
.assNewsInfo .words p{font-family: SourceRegular;}

@media screen and (max-width:1529px) {
    .assNewsInfo{margin-top: 70px;  padding:35px 8% 70px 8%;}
    .assNewsInfo .title{font-size: 28px; line-height: 50px;}
    .assNewsInfo .words{font-size: 21px; line-height: 50px; margin-top: 30px;}
}
@media screen and (max-width:1229px) {
    .assNewsInfo{margin-top: 60px;}
    .assNewsInfo .title{font-size: 24px; line-height: 40px;}
    .assNewsInfo .words{font-size: 18px; line-height: 38px;}
}
@media screen and (max-width:767px) {
    .assNewsInfo{margin-top:30px;padding:20px 15px 25px 15px;}
    .assNewsInfo{margin-top:30px;padding:20px 15px 25px 15px;}
    .assNewsInfo .title{font-size: 22px; line-height: 32px;}
    .assNewsInfo .title span{display:inline-block;}
    .assNewsInfo .words{font-size: 16px; line-height: 28px; margin-top: 15px;}
}


.zmb{ width:100%; height:100%; position:fixed; left:0; top:0; background:black; background:black; opacity:0.4; display:none; z-index:99999;}
.tc_video{ width:1016px; height:570px; position:fixed; left:50%; top:50%; margin:-285px 0 0 -508px; display:none; z-index:100000;}
.tc_video video{ width:100%; height:100%; position:absolute; left:0; top:0;}
.tc_video .videoclose{position: absolute;right: 0px;top: -35px;width: 30px;height: 30px; cursor:pointer;}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:1200px){
.tc_video{ width:960px; height:500px; margin:-250px 0 0 -480px;}
}
@media screen and  (max-width:992px){
.tc_video{ width:760px; height:300px; margin:-150px 0 0 -380px;}
}
@media screen and  (max-width:768px){
.tc_video{ width:90%; height:250px; margin:-125px 0 0 0; left:5%;}
}


.right_btn{ float:right; width:60px; position:fixed; right:5px; top:50%; z-index:6;}
.right_btn a{ float:right; width:60px; height:60px; border-radius:6px; box-shadow:0 5px 10px rgba(0,0,0,0.2); background:#BC0000; text-align:center; font-size:14px; line-height:20px; color:#fff; padding:10px 10px;}

@media screen and  (max-width:768px){
.right_btn{ width:42px;}
.right_btn a{width:42px; height:42px;font-size:12px; line-height:16px; padding:5px 5px;}

}