body,html,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td {
    margin:0;
    padding:0;
}
body,button,input,select,textarea {
    font:15px/1 'Microsoft YaHei','\5fae\8f6f\96c5\9ed1','\5b8b\4f53',sans-serif;
    color:#323232;
}
address,cite,dfn,em,var,i {
    font-style:normal;
}
code,kbd,pre,samp,tt {
    font-family:'Courier New',Courier,monospace;
}
b {
    font-weight:normal;
}
ul,ol {
    list-style:none;
}
a {
    text-decoration:none;
    color:inherit;
}
a:hover,a:link,a:visited {
    cursor:pointer;
    text-decoration:none;
    color:inherit;
}
fieldset,img {
    border:none;
}
button,input,select,textarea {
    font-size:100%;
}
input:focus {
    outline:none;
}
table {
    border-spacing:0;
    border-collapse:collapse;
}
.pr {
    position:relative;
}
.pa {
    position:absolute;
}
.fl {
    float:left;
}
.fr {
    float:right;
    margin-top:-9px;
}
dt,dd {
    float:left;
}
.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after {
    display:none;
}
.navbar-collapse {
    padding:0;
}
* {
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    moz-user-select:-moz-none;
    -o-user-select:none;
    -khtml-user-select:none;
}
@keyframes footShow {
    from {
    height:5px;
}
to {
    height:130px;
}
}@-webkit-keyframes footShow {
    from {
    height:5px;
}
to {
    height:130px;
}
}@keyframes footHide {
    from {
    height:130px;
}
to {
    height:5px;
}
}@-webkit-keyframes footHide {
    from {
    height:130px;
}
to {
    height:5px;
}
}@keyframes footIconDeg {
    0% {
    transform:rotate(0deg);
}
100% {
    transform:rotate(180deg);
}
}@-webkit-keyframes footIconDeg {
    0% {
    transform:rotate(0deg);
}
100% {
    transform:rotate(180deg);
}
}@keyframes footIconDegBack {
    0% {
    transform:rotate(180deg);
}
100% {
    transform:rotate(0deg);
}
}@-webkit-keyframes footIconDegBack {
    0% {
    transform:rotate(180deg);
}
100% {
    transform:rotate(0deg);
}
}video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width:calc(100% + 30px);
}
.flex-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
}
.flex-vertical {
    -webkit-box-orient:vertical;
    -webkit-flex-flow:column;
    flex-flow:column;
}
.flex-con {
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1;
}
#header {
    position:absolute;
    z-index:1000;
    top:0;
    width:100%;
    height:70px;
    background:#fff;
}
.logo {
    top:10px;
    left:calc( 50% - 42px);
    width:84px;
}
.logo img {
    width:100%;
}
.header {
    width:100%;
    height:70px;
}
nav .navbar-toggle span {
    background:#000;
}
.header .navbar-collapse {
    width:100%;
    margin-top:56px;
    background:#fff;
}
.navbar-toggle {
    margin:20px 0 13px 0;
}
.header .navbar-collapse {
    width:135px;
}
.navbar-nav {
    width:135px;
    margin:0;
}
.nav_line {
    display:none;
    width:135px;
}
.navbar-collapse.in {
    overflow:hidden;
}
.navbar-toggle {
    float:left;
}
.nav>li>a:hover,.nav>li>a:focus {
    color:#fff;
    background:#e20000;
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
}
.language {
    margin-top:24px;
    padding-right:10px;
    padding-left:10px;
}
.nav_Rline {
    display:none;
    width:120px;
}
.dropdown-menu {
    border:none;
    box-shadow:none;
    border-radius:0px;
    margin-top:0;
}
.language:hover .dropdown0 {
    display:block;
}
.language:hover .nav_Rline {
    z-index:1001;
    top:39px;
    right:0;
    left:auto;
    display:block;
    width:120px;
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
}
.dropdown-menu.dropdown0 {
    top:22px;
    right:0;
    left:auto;
    min-width:120px;
    padding-top:33px;
}
.dropdown-menu.dropdown0>li {
    width:120px;
    padding:0 15px;
}
.dropdown-menu.dropdown0>li>a {
    padding:12px 10px;
}
.dropdown0 li img {
    width:26px;
}
.dropdown0>li:hover a,.dropdown0>li:focus a {
    background:none;
    color:#fff;
}
.dropdown0>li:hover,.dropdown0>li:focus {
    color:#fff;
    background:#e20000;
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
}
.dropdown-menu .space a {
    letter-spacing:-1px;
}
.compareLine {
    color:#e20000;
}
@media (min-width:768px) {
    #header {
    height:120px;
}
.logo {
    left:calc( 50% - 55px);
    width:110px;
}
.header {
    margin:70px auto 0;
    width:80%;
    max-width:1440px;
    height:50px;
}
.header nav .bodor-nav-box>.nav {
    display:flex;
    flex-direction:row;
    width:515px;
    height:50px;
    justify-content:flex-start;
    clear:both;
}
#header .navBox li {
    width:96px;
}
#header .navBox li .hoverTop {
    display:inline-block;
}
#header .navBox li .dropmenu li {
    width:100%;
}
#header .navBox li .dropmenu li a {
    display:block;
}
#header .header .nav-center {
    /* width:384px;
    */
        width:584px;
    line-height:40px;
    height:40px;
    margin:0 auto;
    font-size:16px;
}
.header .navbar-collapse {
    margin-top:0px;
    /* width:384px;
    */
        width:584px;
}
.language {
    margin-top:6px;
}
.nav>li>a {
    padding:10px 0;
}
.dropmenu {
    width:160px;
    border-radius:0；
}
.dropmenu>li>a {
    padding:10px 12px;
}
.nav>li:hover .hoverTop,.nav>li:focus .hoverTop {
    border-top:2px solid #e20000;
    background:transparent;
    color:#444;
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
}
.nav>li:hover .nav_line,.nav>li:focus .nav_line {
    display:block;
    width:160px;
    top:44px;
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
}
.nav>li:hover .dropmenu,.nav>li:focus .dropmenu {
    display:block;
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
}
.dropmenu>li>a:hover,.dropmenu>li>a:focus {
    background:#e20000;
    color:#fff;
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
}
.language:hover .nav_Rline {
    top:37px;
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
}
}@media (min-width:1600px) {
    #header {
    height:90px;
}
.logo {
    top:15px;
}
.header {
    margin-top:40px;
}
}.blackLayer {
    width:100%;
    overflow:hidden;
    z-index:399;
    position:absolute;
    left:0;
    background-color:rgba(0,0,0,0.6);
    top:70px;
    display:none;
}
@media (min-width:768px) {
    .blackLayer {
    top:120px;
}
}@media (min-width:1600px) {
    .blackLayer {
    top:90px;
}
}.banner .carousel-indicators li {
    background-color:#eee;
    border:1px solid #eee;
}
.allBox {
    overflow:hidden;
    width:100%;
    margin-top:70px;
}
#banner {
    overflow:hidden;
    width:100%;
}
.banner {
    width:100%;
}
.b_video {
    display:none;
}
.carousel-inner>.item>img {
    max-width:140%;
    margin-left:-20%;
}
.leader {
    top:10%;
    padding:0 10%;
    color:#fff;
}
.leader p {
    font-size:18px;
    font-weight:800;
    line-height:1.5;
    letter-spacing:2px;
}
.leader i {
    font-size:14px;
    font-style:italic;
    line-height:1.5;
    display:block;
}
.moreDetail {
    font-size:16px;
    line-height:36px;
    width:120px;
    border-radius:20px;
    height:36px;
    margin-top:10px;
    text-align:center;
    background:#e20000;
}
.moreDetail a {
    display:block;
    width:120px;
    height:36px;
}
.moreDetail img {
    width:16px;
    margin-top:14px;
    margin-left:4px;
}
#banner .moreDetail:hover {
    color:#e20000;
    background:#ccc;
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
}
.animate {
    font-size:16px;
    top:16px;
    right:16px;
    color:#fff;
    cursor:pointer;
}
.compareLinePC {
    display:none;
    color:#59514e;
}
@media (min-width:540px) {
    .carousel-inner>.item>img {
    width:120%;
    margin-left:-10%;
}
.leader {
    top:15%;
}
}@media (min-width:640px) {
    .carousel-inner>.item>img {
    width:100%;
    margin-left:0;
}
.banner {
    display:none;
}
.b_video {
    display:block;
}
}@media (min-width:768px) {
    .allBox {
    margin-top:120px;
}
.leader p {
    font-size:26px;
    letter-spacing:4px;
}
.moreDetail {
    margin-top:30px;
}
.leader i {
    margin-top:6px;
}
.nav .compareLine {
    display:none;
}
.compareLinePC {
    display:block;
    padding:16px 4px;
}
.compareLinePC img {
    width:40px;
    height:38px;
    margin-right:4px;
}
.compareLinePC a,.yuyan a {
    font-size:16px;
    display:block;
}
.yuyan img {
    width:41px;
    margin-right:4px;
}
.compareLinePC:hover .compareLinePCdropmenu,.compareLinePC:hover .nav_line {
    display:block;
}
.compareLinePCdropmenu {
    overflow:hidden;
    padding-top:18px;
}
.compareLinePCdropmenu a {
    font-size:14px;
}
.compareLinePC .nav_line {
    width:160px;
    top:44px;
    z-index:9999;
    left:-1px;
}
}@media (min-width:1080px) {
    .leader p {
    font-size:32px;
    letter-spacing:6px;
}
.moreDetail {
    line-height:40px;
    width:140px;
    height:40px;
    margin-top:40px;
}
.moreDetail a {
    display:block;
    line-height:40px;
    width:140px;
    height:40px;
}
.moreDetail img {
    margin-top:16px;
}
.leader i {
    margin-top:10px;
}
}@media (min-width:1600px) {
    .allBox {
    margin-top:90px;
}
}#content {
    overflow:hidden;
    width:100%;
}
.content1 {
    overflow:hidden;
    width:90%;
    margin:30px 5% 40px;
}
.content1 li {
    padding:0;
    border:1px solid #fff;
}
.content1 li img {
    width:100%;
}
.content1 li img:hover {
    overflow:hidden;
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.classfy h3 {
    font-size:16px;
    line-height:1.5;
    text-align:center;
}
.classfyList {
    margin-top:10px;
    overflow:hidden;
}
.classfyList li {
    margin-bottom:20px;
}
.classfyList li p {
    font-size:15px;
    line-height:2;
    text-align:center;
    margin-top:10px;
}
.classfyList li p span {
    color:#e20000;
}
.originality {
    top:15%;
    left:0;
    width:80%;
    padding-left:10%;
}
.beamWord {
    top:10%;
    left:0;
    width:80%;
    padding-left:10%;
}
.originality i,.beamWord i {
    font-size:13px;
    line-height:1.5;
    letter-spacing:1px;
}
.originality h3,.beamWord h3 {
    font-size:16px;
    font-weight:800;
    line-height:1.5;
}
.originality h4,.beamWord h4 {
    font-size:12px;
    font-weight:600;
    line-height:1.5;
    color:#e20000;
}
.beamWord h4 {
    color:#444;
}
.originality .moreDetail,.beamWord .moreDetail {
    width:110px;
    height:34px;
    line-height:34px;
    font-size:13px;
    color:#fff;
}
.beamWord h4 span {
    color:#e20000;
}
.BodorGenius {
    width:100%;
    overflow:hidden;
    padding:55px 0;
}
.BodorGenius h3,.BodorGenius h4 {
    font-size:18px;
    text-align:center;
    line-height:1.5;
    letter-spacing:2px;
}
.BodorGenius h4 {
    font-weight:900;
}
.BodorGenius h4 span {
    color:#e20000;
}
.bgBox {
    width:100%;
    max-width:1200px;
    margin:0 auto;
}
.bgBox img {
    display:block;
    /* width:40%;
    max-width:350px;
    */
    margin:20px auto 0;
}
.BG1 {
    top:58%;
    right:60%;
}
.BG1 h4 {
    letter-spacing:0;
    font-size:14px;
    text-align:right;
}
.BG1 p {
    font-size:12px;
    text-align:right;
    line-height:1.5;
}
.BG2 p,.BG3 p {
    font-size:12px;
    text-align:left;
    line-height:1.5;
}
.BG2 h4,.BG3 h4 {
    letter-spacing:0;
    font-size:14px;
    text-align:left;
}
.BG2 {
    top:16%;
    left:60%;
}
.BG3 {
    top:88%;
    left:55%;
}
.blackTri {
    width:26px;
    height:16px;
    margin:70px auto 0;
    text-align:center;
}
.black {
    top:0;
    left:0;
}
.orange {
    display:none;
}
.blackTri:hover .black {
    display:none;
}
.blackTri:hover .orange {
    display:block;
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
}
.BG1:hover,.BG2:hover,.BG3:hover {
    color:#e20000;
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
}
#videoBox {
    width:100%;
    overflow:hidden;
    padding:40px 5%;
    background:url(../images/videobg.jpg) no-repeat;
}
.video {
    width:100%;
    box-shadow:0px 3px 12px 3px #aaa;
    -moz-box-shadow:0px 3px 12px 3px #aaa;
    -webkit-box-shadow:0px 3px 12px 3px #aaa;
}
.videoWord {
    margin-top:20px;
}
.videoWord h3 {
    font-size:16px;
    font-weight:800;
    line-height:1.5;
}
.videoWord p {
    font-size:15px;
    line-height:1.5;
}
.videoBox {
    width:100%;
    overflow:hidden;
    max-width:1440px;
    margin:0 auto;
    padding:10px;
}
.videoBox .moreDetail {
    margin:20px auto;
    color:#fff;
}
.videoWord:hover h3,.videoWord:hover p {
    color:#e20000;
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
}
.mangoLogo {
    width:160px;
}
.ironBox .originality h4 {
    margin-top:14px;
    margin-bottom:6px;
    font-size:16px;
    color:#333;
}
@media (min-width:450px) {
    .content1 {
    overflow:hidden;
    width:80%;
    margin:30px 10% 40px;
}
.originality,.beamWord {
    padding-left:12%;
}
.originality i,.beamWord i {
    font-size:14px;
    letter-spacing:4px;
}
.originality h3,.beamWord h3 {
    font-size:18px;
}
.originality h4,.beamWord h4 {
    font-size:14px;
}
.originality .moreDetail,.beamWord .moreDetail {
    width:120px;
    height:40px;
    line-height:40px;
    font-size:14px;
    color:#fff;
}
.beamWord {
    top:22%;
    width:86%;
}
.BodorGenius {
    padding:40px 0;
}
.BG1 h4,.BG2 h4,.BG3 h4 {
    font-size:16px;
}
.BG1 p,.BG2 p,.BG3 p {
    font-size:14px;
}
.videoWord h3 {
    font-size:18px;
}
}@media (min-width:540px) {
    .carousel-inner>.item>.ironBg {
    width:120%;
    margin-left:-10%;
}
.originality {
    top:20%;
}
.BG1 {
    right:65%;
}
.BG2 {
    left:65%;
}
.BG3 {
    left:60%;
}
.beamWord {
    padding-left:20%;
}
.BG1 p,.BG2 p,.BG3 p {
    font-size:15px;
}
}@media (min-width:640px) {
    .carousel-inner>.item>.ironBg {
    width:100%;
    margin-left:0;
}
.BG1 {
    right:68%;
}
.BG2 {
    left:67%;
}
.BG3 {
    left:63%;
}
.beamWord {
    padding-left:30%;
}
}@media (min-width:768px) {
    .classfyList li {
    padding:0 20px;
}
.classfy h3 {
    font-size:18px;
}
.classfyList li p {
    font-size:16px;
    line-height:1.5;
}
.content1 {
    margin:50px 10% 70px;
}
.beamWord {
    width:100%;
    padding-left:55%;
}
.originality i {
    font-size:16px;
    letter-spacing:4px;
    line-height:1.8;
}
.originality h3 {
    font-size:22px;
    letter-spacing:2px;
}
.originality h4 {
    font-size:16px;
    font-weight:900;
    letter-spacing:2px;
}
.ironBox .moreDetail,.beamWord .moreDetail {
    width:130px;
    height:40px;
    line-height:40px;
    font-size:14px;
    font-weight:800;
    letter-spacing:2px;
}
.BG1 h4,.BG2 h4,.BG3 h4 {
    font-size:18px;
}
.BG1 p,.BG2 p,.BG3 p {
    font-size:16px;
}
#videoBox {
    padding:70px 10%;
}
.video {
    float:left;
    width:60%;
}
.videoWord {
    float:left;
    width:40%;
    padding-left:5%;
    margin-top:20px;
}
.videoWord h3 {
    font-size:18px;
}
.videoWord p {
    font-size:16px;
    margin-top:8px;
}
.videoBox .moreDetail {
    margin-left:0;
    margin-top:30px;
}
.ironBox .originality h4 {
    margin-bottom:0px;
}
.mangoLogo {
    width:200px;
}
}@media (min-width:960px) {
    .originality,.beamWord {
    top:30%;
}
.ironBox .oriMango {
    top:20%;
}
.BodorGenius h3,.BodorGenius h4 {
    font-size:20px;
}
.BG1 h4,.BG2 h4,.BG3 h4 {
    font-size:18px;
}
.BG1 p,.BG2 p,.BG3 p {
    font-size:16px;
}
.beamWord i {
    font-size:16px;
    letter-spacing:4px;
    line-height:1.8;
}
.beamWord h3 {
    font-size:22px;
    letter-spacing:2px;
}
.beamWord h4 {
    font-size:16px;
    font-weight:900;
    letter-spacing:2px;
}
.video {
    float:left;
    width:50%;
    margin-top:20px;
    margin-bottom:20px;
}
.videoWord {
    float:left;
    width:50%;
    padding-left:5%;
    margin-top:70px;
}
.mangoLogo {
    width:220px;
}
.ironBox .originality .touch {
    font-size:26px;
}
}@media (min-width:1200px) {
    .content1 {
    width:80%;
    max-width:1440px;
    margin:90px auto 120px;
}
.video {
    margin-top:50px;
    margin-bottom:50px;
}
.videoWord {
    margin-top:120px;
    padding-left:8%;
}
.videoWord h3 {
    font-size:22px;
}
.videoWord p {
    font-size:16px;
    margin-top:8px;
}
.beamWord {
    padding-left:60%;
}
.originality h3,.beamWord h3 {
    font-size:26px;
    letter-spacing:4px;
}
.originality h4,.beamWord h4 {
    font-size:18px;
    font-weight:900;
    letter-spacing:2px;
}
.mangoLogo {
    width:270px;
}
.ironBox .originality .touch {
    font-size:32px;
}
}@media (min-width:1440px) {
    .videoWord {
    margin-top:140px;
}
.mangoLogo {
    width:308px;
}
.ironBox .originality .touch {
    font-size:44px;
}
}@media (min-width:1600px) {
    .ironBox .originality .touch {
    font-size:52px;
}
}.content30 {
    width:100%;
    overflow:hidden;
    padding:30px 10%;
    background:url(../images/company.jpg)no-repeat;
    background-size:cover;
}
.content30 ul {
    width:100%;
    overflow:hidden;
    margin-top:20px;
}
.content30 ul li img {
    width:100%;
}
.m_aboutTitle h3 {
    color:#fff;
    font-size:16px;
    text-align:center;
    line-height:1.5;
}
.m_cultureBg {
    overflow:hidden;
    background:#555;
    color:#fff;
}
.m_companyBg {
    overflow:hidden;
}
.m_cultureBg p,.m_companyBg p {
    line-height:1.5;
    color:#fff;
}
.content30 .col-xs-6 {
    padding:5px;
}
.tri {
    margin-bottom:10px;
}
.content31 {
    display:none;
}
.m_culWord {
    top:10px;
    left:10px;
    font-size:14px;
}
.m_culEn {
    top:30px;
    left:10px;
    font-size:12px;
}
.m_comWord {
    top:10px;
    right:10px;
    font-size:14px;
    text-align:right;
}
.m_comEn {
    top:30px;
    right:10px;
    font-size:12px;
    text-align:right;
}
.m_culImg,.m_comImg {
    display:none;
}
.content31 li {
    overflow:hidden;
}
.content31 li:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
}
.content4 {
    width:100%;
    overflow:hidden;
    padding:40px 10%;
    background:#fbfbfb;
}
.cTitle h3 {
    font-size:16px;
    text-align:center;
    line-height:1.5;
}
.cTitle h4 {
    font-size:16px;
    text-align:center;
    line-height:1.5;
}
.newList {
    width:100%;
    overflow:hidden;
    margin-top:20px;
}
.newList li {
    padding:5px;
}
.time {
    font-size:15px;
    line-height:2;
}
.newList li h4 {
    font-size:15px;
    line-height:1.8;
    font-weight:600;
    height:55px;
}
.mainCon {
    font-size:15px;
    line-height:1.5;
}
.newBox {
    width:100%;
    height:210px;
    margin:0 2px;
    padding:15px;
    background:#fff;
}
.newBox a {
    font-size:14px;
}
.content5 {
    width:100%;
    overflow:hidden;
}
.content5 li img {
    width:100%;
}
.content5 li {
    overflow:hidden;
}
.content31 li:hover p {
    color:#e20000;
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
}
.content5 li:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
}
.content5 .col-xs-12,.content5 .col-sm-6 {
    padding:0;
}
.dyWord {
    font-size:18px;
    top:calc(50% - 50px);
    left:calc(50% - 40px);
}
.dyEn {
    font-size:16px;
    top:calc(50% - 20px);
    left:calc(50% - 80px);
}
.dyMore {
    width:150px;
    height:36px;
    line-height:36px;
    background:#e20000;
    color:#fff;
    font-size:16px;
    text-align:center;
    border-radius:50px;
    top:calc(50% + 10px);
    left:calc(48% - 52px);
}
.dyMore a {
    display:block;
    width:100px;
    height:36px;
    margin:0 auto;
}
.culTitle a {
    display:block;
}
.newBox:hover {
    border:1px solid #e20000;
    background:none;
}
@media (min-width:540px) {
    .content30 ul li .m_culImg,.content30 ul li .m_comImg {
    display:block;
    width:20px;
    top:50px;
}
.m_culWord {
    top:20px;
    left:10px;
    font-size:14px;
}
.m_culEn {
    top:45px;
    left:10px;
    font-size:12px;
}
.content30 ul li .m_culImg {
    top:70px;
    left:10px;
}
.m_comWord {
    top:50px;
    right:10px;
    font-size:14px;
    text-align:right;
}
.m_comEn {
    top:75px;
    right:10px;
    font-size:12px;
    text-align:right;
}
.content30 ul li .m_comImg {
    top:100px;
    right:10px;
}
.newList .col-xs-12 {
    width:50%;
}
}@media (min-width:768px) {
    .content30 {
    display:none;
}
.content31 {
    display:block;
    width:100%;
    padding:70px 10%;
    color:#fff;
    overflow:hidden;
    background:url(../images/company.jpg) no-repeat;
    background-size:cover;
}
.cContent31 {
    width:100%;
    max-width:1440px;
    overflow:hidden;
    margin:0 auto;
}
.content31 .col-sm-3 {
    padding:0;
}
.content31 li img {
    width:100%;
}
.aboutTitle h3 {
    font-size:16px;
    top:0;
    left:0;
}
.aboutTitle h4 {
    font-size:16px;
    top:30px;
    left:0;
}
.aboutTitle p {
    width:28px;
    height:0px;
    border:1px solid #fff;
    left:0;
    top:70px;
}
.culTitle {
    background:#fff;
    color:#333;
}
.culWord {
    top:20px;
    left:15px;
    font-size:14px;
}
.culEn {
    top:40px;
    left:15px;
    font-size:12px;
    line-height:1.5;
}
.culMore {
    background:#e20000;
}
.culMore a {
    top:calc(50% - 10px);
    left:calc(50% - 40px);
    font-size:16px;
}
.culImg {
    display:none;
}
.culMore a img {
    width:24px;
    top:calc(50% - 6px);
    left:calc(50% + 36px);
}
.cTitle h3 {
    font-size:18px;
}
.content4 {
    padding:0px 0;
}
.cContent4 {
    width:80%;
    max-width:1440px;
    margin:0 auto;
}
.dyWord {
    font-size:22px;
}
.dyEn {
    font-size:20px;
    top:calc(50% - 20px);
    left:calc(50% - 90px);
}
.dyMore {
    font-size:16px;
    text-align:center;
    top:calc(50% + 20px);
    left:calc(48% - 46px);
}
.cTitle h3 {
    text-align:left;
}
.cTitle h4 {
    text-align:left;
}
}@media (min-width:880px) {
    .content31 li .culImg {
    display:block;
    width:20px;
    top:70px;
    left:15px;
}
}@media (min-width:1080px) {
    .aboutTitle h3,.aboutTitle h4 {
    font-size:18px;
}
.culWord {
    font-size:16px;
    top:40px;
}
.culEn {
    font-size:14px;
    top:60px;
}
.content31 li .culImg {
    display:block;
    width:20px;
    top:90px;
    left:15px;
}
.culMore a {
    font-size:18px;
    left:calc(50% - 40px);
}
.culMore a img {
    width:24px;
    top:calc(50% - 6px);
    left:calc(50% + 40px);
}
.newList .col-md-3 {
    width:25%;
}
.newBox {
    width:100%;
    height:220px;
}
}@media (min-width:1200px) {
    .content1 {
    width:80%;
    max-width:1440px;
    margin:90px 10% 120px;
}
.time {
    font-size:15px;
}
.newList li h4 {
    font-size:15px;
}
.mainCon {
    font-size:15px;
}
.content31 {
    padding:100px 0;
}
.cContent31 {
    width:80%;
    max-width:1440px;
    margin:0 auto;
}
}@media (min-width:1440px) {
    .culWord {
    font-size:16px;
    top:60px;
}
.culEn {
    font-size:14px;
    top:80px;
}
.content31 li .culImg {
    top:110px;
}
}#footer {
    width:100%;
    overflow:hidden;
    background:#444;
    color:#fff;
    padding-bottom:60px;
}
.footer {
    width:90%;
    margin:0 auto;
    overflow:hidden;
}
.footer1 {
    width:100%;
    overflow:hidden;
}
.foot {
    margin-top:25px;
    overflow:hidden;
    border-bottom:1px solid rgba(255,255,255,.1);
}
.foot p {
    width:100%;
    height:28px;
    font-weight:bold;
}
.foot i {
    width:15px;
    height:15px;
    background:url(../images/more.png) no-repeat;
    background-size:cover;
}
.foot.choose i {
    transform:rotate(180deg);
    animation:footIconDeg .5s;
    -webkit-animation:footIconDeg .5s;
}
.foot.noChoose i {
    transform:rotate(0deg);
    animation:footIconDegBack .5s;
    -webkit-animation:footIconDegBack .5s;
}
.foot ul {
    padding-top:5px;
    height:0;
    overflow:hidden;
    box-sizing:border-box;
}
.foot ul li {
    height:30px;
    line-height:30px;
    color:#efefef;
}
.share {
    width:100%;
    margin-top:30px;
    overflow:hidden;
}
.bdsharebuttonbox {
    width:100%;
    height:30px;
}
.footer2 {
    width:100%;
    overflow:hidden;
}
.codeimg {
    width:100%;
    padding-left:35%;
}
.codeimg img {
    width:40%;
}
.footer3 {
    width:100%;
    overflow:hidden;
    margin-top:30px;
    border-bottom:1px solid rgba(255,255,255,.1);
    margin-bottom:10px;
    padding-bottom:6px;
}
.tel p {
    display:block;
    width:100%;
    line-height:24px;
    text-align:center;
}
.footer3 p,.footer4 p {
    display:block;
    width:100%;
    line-height:24px;
    text-align:left;
}
.tel p {
    margin-top:10px;
}
.choose.foot ul {
    animation:footShow .5s;
    -webkit-animation:footShow .5s;
    height:130px;
}
.noChoose.foot ul {
    animation:footHide .5s;
    -webkit-animation:footHide .5s;
    height:5px;
}
@media (min-width:768px) {
    .footer {
    font-size:14px;
    width:90%;
    overflow:hidden;
    margin:0 auto;
}
.foot i {
    display:none;
}
.foot {
    border:none;
}
.footer1 .foot {
    border-bottom:1px solid rgba(255,255,255,.1);
}
.footer1 {
    padding:0;
}
.footer1 p {
    width:80px;
    line-height:28px;
    float:left;
}
.footer1 ul {
    width:calc(100% - 80px);
    height:28px;
    line-height:28px;
    float:left;
    padding:0;
    display:block;
}
.footer1 ul li {
    height:28px;
    line-height:28px;
    float:left;
    padding-right:20px;
}
.footer2 .foot-nav {
    width:calc(100% - 260px);
    overflow:hidden;
    float:left;
}
.footer2 .foot {
    float:left;
    width:calc(100%/4);
    max-width:235px;
}
.footer2 .share {
    width:260px;
    margin-top:30px;
    float:right;
}
.footer2 ul {
    display:block;
    height:auto;
}
.footer3 {
    margin-top:70px;
}
.footer4 {
    padding-bottom:20px;
}
.footer3 p,.footer4 p {
    width:640px;
    margin:0 auto;
}
.choose.foot ul {
    animation:none;
    -webkit-animation:none;
    height:auto;
}
.noChoose.foot ul {
    animation:none;
    -webkit-animation:none;
    height:auto;
}
.footer1 .choose.foot ul {
    animation:none;
    -webkit-animation:none;
    height:auto;
}
.footer1 .noChoose.foot ul {
    animation:none;
    -webkit-animation:none;
    height:auto;
}
}@media (min-width:960px) {
    .footer {
    font-size:14px;
    width:80%;
    max-width:1440px;
    overflow:hidden;
    margin:0 auto;
}
}#footerpr {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:40px;
    background-color:rgba(203,42,14,0.8);
    display:-webkit-box;
    display:-moz-box;
    display:-o-box;
    display:-ms-box;
    display:box;
}
#footerpr li {
    -webkit-box-flex:1;
    -moz-box-flex:1;
    -o-box-flex:1;
    -ms-box-flex:1;
    box-flex:1;
    height:40px;
    text-align:center;
}
#footerpr li a {
    display:block;
}
#footerpr li img {
    display:block;
    text-align:center;
    float:left;
}
#footerpr li span {
    display:block;
    float:left;
    color:#fff;
    line-height:40px;
}
.contactFour {
    display:none;
}
@media (min-width:768px) {
    #footerpr {
    display:none;
}
#footer {
    padding-bottom:0;
}
.contactFour {
    display:block;
}
.contactFour {
    position:fixed;
    bottom:300px;
    right:0;
    z-index:1001;
}
.contactFour li {
    background:#e20000;
    color:#fff;
    margin-bottom:2px;
    width:60px;
    height:60px;
}
.contactFour li p {
    width:60px;
    height:40px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
.contactFour li p img {
    vertical-align:middle;
}
.contactFour li {
    text-align:center;
}
.contactFour li:hover {
    background:#ddd;
    color:#fff;
}
.contactTel {
    bottom:0px;
    right:60px;
    line-height:20px;
    width:130px;
    height:120px;
    display:none;
    padding-bottom:20px;
    border:1px solid #ccc;
    background:#fff;
    padding:10px;
}
.contactTel .freeTel,#API-FLOAT-CONTAINER {
    width:240px;
}
.api-lxb-cb-con input {
    margin-bottom:7px;
    width:107px;
}
.freeTel {
    font-size:14px;
    line-height:20px;
}
.freeTel i {
    color:#e20000;
    font-weight:bold;
}
#telInput {
    width:100px;
    height:18px;
    background:#fff;
    outline:none;
}
#callBtn {
    background:#e20000;
    color:#fff;
    border:none;
    outline:none;
}
.contactTel span {
    line-height:22px;
}
.footLogo {
    margin-top:17px;
}
#callBtn:hover .contactTel {
    display:block;
    color:#292929;
}
}#contact {
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background-color:rgba(3,3,3,0.5);
    z-index:1999;
    display:none;
}
.plane {
    display:none;
}
.contactBox {
    width:66%;
    overflow:hidden;
    border:1px solid #fff;
    margin:auto;
    position:absolute;
    padding:14px;
    background:#fff;
    border:none;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.cLogo {
    display:none;
}
.cMessage p {
    color:#000;
    font-size:18px;
    width:90%;
    margin-left:5%;
}
.cMessage form {
    margin-top:10px;
    width:90%;
    margin-left:5%;
}
.cMessage form input {
    width:100%;
    line-height:30px;
    margin-bottom:16px;
    outline:0;
    border:none;
    border:1px solid #ccc;
    padding-left:6px;
}
.cMessage form textarea {
    width:100%;
    height:68px;
    outline:0;
    border:none;
    border:1px solid #ccc;
    padding-left:6px;
    line-height:30px;
}
.cMessage form .submit1 {
    float:left;
    width:30%;
    margin-left:15%;
    margin-right:5%;
    margin-top:20px;
    margin-bottom:0;
}
.cMessage form .reset1 {
    float:left;
    width:30%;
    margin-left:5%;
    margin-right:15%;
    margin-top:20px;
    margin-bottom:0;
}
.close {
    position:absolute;
    top:6px;
    right:6px;
    z-index:1000;
}
.close img {
    width:30px;
}
@media (min-width:540px) {
    .contactBox {
    width:60%;
}
}@media (min-width:640px) {
    .contactBox {
    width:50%;
}
}@media (min-width:768px) {
    .contactBox {
    width:660px;
    margin:0 auto;
    overflow:hidden;
    padding:0;
}
.cLogo {
    display:block;
    float:left;
    width:240px;
}
.cLogo img {
    width:100%;
}
.cMessage {
    float:left;
    width:380px;
    margin-left:20px;
}
.cMessage p {
    margin-top:35px;
}
.plane {
    display:none;
    position:absolute;
    top:60%;
    right:20%;
}
}#cnzz_stat_icon_1263291750 {
    position:relative;
    bottom:100px;
    z-index:-10;
    display:none;
}
#brower_info {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#fff;
    display:none;
    z-index:9000;
}
#brower_info p {
    font-size:24px;
    text-align:center;
}
.foot a:hover,.foot a:focus {
    background:none;
    filter:alpha(opacity=75);
    opacity:0.75;
}
.lisWindow {
    display:none;
}
#mfooterpr {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:40px;
    background-color:rgba(203,42,14,0.8);
    display:-webkit-box;
    display:-moz-box;
    display:-o-box;
    display:-ms-box;
    display:box;
}
#mfooterpr li {
    -webkit-box-flex:1;
    -moz-box-flex:1;
    -o-box-flex:1;
    -ms-box-flex:1;
    box-flex:1;
    height:40px;
    line-height:40px;
    text-align:center;
}
#mfooterpr li a {
    display:block;
    color:#fff;
}
.signUp {
    width:200px;
    height:40px;
    line-height:40px;
    background:#e20000;
    color:#fff;
    top:65%;
    left:calc( 50% - 100px);
    text-align:center;
    animation-iteration-count:infinite;
    cursor:pointer;
}
.pcCils .signUp {
    display:none;
}
@media (min-width:768px) {
    #mfooterpr {
    display:none;
}
.lisWindow {
    display:block;
    position:fixed;
    bottom:80px;
    left:0;
    z-index:9999;
    width:100px;
    height:200px;
}
.lisWindow img {
    display:block;
    width:100%;
}
#pcCils {
    z-index:8888;
    position:fixed;
    bottom:-750px;
    left:0;
    width:100%;
}
.pcCils {
    width:100%;
    overflow:hidden;
    margin-top:0;
}
.pcCils .cilsClose {
    width:50px;
    height:50px;
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
}
.pcCils .signUp {
    display:block;
}
.anDong {
    display:none;
}
}.animated {
    -webkit-animation-duration:2s;
    animation-duration:2s;
}
.banners .swiper-slide a{
    display: block;
    padding-top: 28%;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.banners .swiper-pagination-bullet{
    width: 30px;
    height: 10px;
    border-radius: 20px;
}
.banners .swiper-pagination-bullet-active{
    background-color: #b51818;
    opacity: 1;
}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}

.prd-menu {margin:15px auto 10px; width: 1140px;}
.prd-menu li {float: left;width: 20%;}
.prd-menu li a {display: block;text-align: center;line-height: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;background-color: #979797;color: #fff;}
.prd-menu li.active a {background-color: #e20000;}
.prd-con {height:auto;overflow: hidden; margin:0 auto 10px; width: 1140px;}
.prd-con ul {padding: 1px;}
.prd-con li {display:inline-block; float:left!important; width:23%!important;margin:0 1%; margin-bottom:20px;}
.prd-con li a {display: block;position: relative;}
.prd-con li .m {height:262px;line-height:262px;}
.prd-con li p {text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: absolute;left: 0;bottom: 0;color: #fff;width: 100%;margin: 0;padding:10px 0;background-color: rgba(0,0,0,0.5);}


.proNav li dl{margin:0px;padding:0;position:absolute;z-index:999;display:none;}
.proNav li dl dt{ float:none;}
.proNav li dl dt a{display:block;width:150px;height:40px;line-height:40px;text-align:center;background:rgba(255,6,2,0.8);color:#fff;font-size:14px;}
.proNav li dl dt a:hover{background:#242424;}

@media screen and (max-width: 760px) {
    .header .fr{display: none;}
    .header .fl{float: right;}
     #banner .b_video{
      display:block;
    }

    .content1{
        margin: 30px 5% 40px;
    }
    #carousel-responsive ul li {
        width: 300px !important;
    }
    header .wrapper{
        height: auto !important;
    }
    #banner{
        margin-top:0px !important;
    }
    .prd-menu{ width: 100%;  }
    .prd-menu li {float: left;width: 25%;}
    .prd-con{ width: 100%;  }
    .prd-con li {display:inline-block; float:left!important; width:48%!important; margin-bottom:0px;}
}