@charset "utf-8";
/* CSS Document */
/**
版权所有：山东矿机
技术支持：凡高科技
Time : 2019-3-20
Author : jj
**/
@font-face{
  font-family: myFirstFont;
  src:url(../font/GeBody.ttf);
}

/*banner*/

#loader-wrapper { position: fixed;   top: 0; left: 0; width: 100%; height: 100%; z-index:999999;
        }
        #loader {
            display: block;
            position: relative;
            left: 50%;
            top: 50%;
            width: 150px;
            height: 150px;
            margin: -75px 0 0 -75px;
            border-radius: 50%;
            border: 3px solid transparent;
            /* COLOR 1 */
            -webkit-animation: spin 2s linear infinite; 
            -ms-animation: spin 2s linear infinite; 
            -moz-animation: spin 2s linear infinite;  
            -o-animation: spin 2s linear infinite;    
                animation: spin 2s linear infinite; 
            z-index:1001;
        }
    
  .loading { 
  position: relative;
  width: 4em;
  height: 4em;

  background: rgba(0, 0, 0, 0.35);background:none;
}

.loading > div {
  position: absolute;
  width: 4em;
  height: 4em;
  animation: alpha 2.25s linear infinite forwards;
  background: rgba(231, 76, 60, 0.75);background: rgba(255, 255, 255, 0.5) !important;
}

.loading > div:nth-child(1) {
  top: -50%;
  left: -50%;
}

.loading > div:nth-child(2) {
  top: -50%;
  right: -50%;
}

.loading > div:nth-child(3) {
  bottom: -50%;
  right: -50%;
}

.loading > div:nth-child(4) {
  bottom: -50%;
  left: -50%;
}

@keyframes alpha {
  0% {
    transform: rotate(0);

  }
  25% {

  }
  50% {
    border-radius: 50%;

  }
  75% {

  }
  100% {
    transform: rotate(360deg);

  }
}


        #loader-wrapper .loader-section {
            position: fixed;
            top: 0;
            width: 100%;
            height: 100%;
            background: #d80930;
            z-index: 1000;
            -webkit-transform: translateX(0); 
            -ms-transform: translateX(0); 
            transform: translateX(0);
        }
        #loader-wrapper .loader-section.section-left {left: 0;}
        #loader-wrapper .loader-section.section-right {right: 0;}

        .loaded #loader-wrapper .loader-section.section-left {
                -webkit-transform: translateX(-100%); 
                    -ms-transform: translateX(-100%);
                        transform: translateX(-100%);  
                -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        }
        .loaded #loader-wrapper .loader-section.section-right {
                -webkit-transform: translateX(100%); 
                    -ms-transform: translateX(100%);
                        transform: translateX(100%);  
                -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        }
        .loaded #loader {
                opacity: 0;
                -webkit-transition: all 0.3s ease-out;  
                        transition: all 0.3s ease-out;
        }
        .loaded #loader-wrapper {
            visibility: hidden;
            -webkit-transform: translateY(-100%); 
                -ms-transform: translateY(-100%);
                    transform: translateY(-100%);  
            -webkit-transition: all 0.3s 1s ease-out;  
                    transition: all 0.3s 1s ease-out;
        }
/*=================导航=================*/



#n_header{ width:100%; height:130px; position:relative; z-index:999;}
#n_header .j_logo{ float:left; margin-top:47px;} 
#n_nav{ float:right; margin-right:15px;}
#n_nav ul{ font-size:0;}
#n_nav ul li{ display:inline-block; width:105px; text-align:center; line-height:130px; position:relative;}
#n_nav ul li a{ color:#0f0f0f; font-size:15px; display:block;}
#n_nav ul li:before{content:""; position: absolute; z-index:-1; display:block; width:100%; height:0; background:#d80930; top:0; transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; }
#n_nav ul li:hover:before{ height:130px; }
#n_nav ul li a:hover{ color:#fff;}
#n_nav ul li.on:after{transform:scaleY(1); opacity:1;}
#n_nav ul li.on a{ color:#fff;}
#n_nav ul li.on{ background:#d80930;}


.head_right{display:inline-block; float:right; position:relative; margin-top:45px;}
.h-link + .h-link { margin-left: 15px; }
.h-link.h-link-1 { margin-left: 20px; }
.h-link .bdshare-button-style0-16 a, .h-link .bds_more{ margin: 0; padding: 0; float: none; background-image: none; }
.h-link { float: left; width: 91px; height: 60px; text-transform: uppercase; z-index:99; position:relative; }
.h-link a { color: #666; }
.h-link .ico { width: 30px; height: 30px; background-position: center top; }
.h-link .t { cursor: pointer; line-height: 60px; text-align: center; transition: 300ms; }
.h-link .t i { line-height: 24px;width:91px; height:40px; font-size:12px; line-height:40px; display:block; color:#838383; text-align:right;  }
.h-link .t i small{ margin-left:6px; position:relative; top:-3px;}
.h-link .t .aico { margin-left: 10px; }
.h-link .b { position: absolute; top: 0; width: 80px; right: 0; z-index: 9; background: #eee; opacity: 0; visibility: hidden; transition: 400ms; transform: translateY(20px); }
.h-link .b a { display: block; position: relative; height: 60px; padding-left: 15px; overflow: hidden; line-height: 30px; }
.h-link .b a p, .h-link .b a .ico { margin-top: 15px; float: left; margin-right: 10px; }
.h-link .b a:after, .h-link .b a:before { content: ""; position: absolute; }
.h-link .b a:before { right: 10px; top: 50%; margin-top: -5px; border-radius: 100%; width: 6px; height: 6px; border: 2px solid #999; transition: 300ms; }
.h-link .b a:after { right: 14px; top: 50%; margin-top: -1px; border-radius: 100%; width: 2px; height: 2px; background: #fff; transition: 300ms; opacity: 0; visibility: hidden; }
.h-link:hover .b { opacity: 1; visibility: visible; transform: translate(0); }
.h-link.h-link-1 .t .aico { width: 19px; height: 20px; background-position: -160px -46px; }
.h-link.h-link-2 .t .aico { width: 10px; height: 7px; background-position: -168px -105px; }
.h-link.h-link-2 .b { left: auto; width: 200px; top: 100%; }
.h-link.h-link-2 .b a.o:before { display: none; }
.h-link.h-link-2 .b a .aico { position: absolute; right: 10px; top: 50%; margin-top: -4px; width: 10px; height: 7px; background-position: -168px -98px; }
.h-link.h-link-1{ width: 110px; }
.h-link .b a:hover { background: #d80930; color: #fff;}
.h-link .b a:hover:before { border: 2px solid #fff;}

/*foot*/
.n_foot{background: #3b3b3e;padding-top:50px;position:relative;z-index:1;}
.n_foot p,.n_foot a{font-size: 12px;color: #9c9ca2;line-height:50px;}
.n_foot .foot_nav{ height:50px; overflow:hidden;}
.n_foot .foot_nav ul{ margin-left:-20px;}
.n_foot .foot_nav ul li{float:left; padding:0 25px; position:relative; text-align: center;}
.n_foot .foot_nav ul li:before{ content:""; display:block; position:absolute; left:0; top:10px; width:1px; height:12px; background:#626265;}
.n_foot .foot_nav ul li a{color: #b5b5b5;font-size: 13px; position:relative; height:30px; line-height:30px; display:block; }.n_foot .foot_nav ul li a:hover{ color:#fff;}
.n_foot .foot_nav ul li a:before{ content:""; position:absolute; right:0; width:0; height:2px; background:#d80930; bottom:-20px; opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; transition:.3s; -webkit-transition:.3s; }
.n_foot .foot_nav ul li a:hover:before{ opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; width:100%; left:0; right:auto;}
.n_foot a:hover{color: #fff;}

.n_foot .fr{}
.n_foot .txt_ico{}
.n_foot .txt_ico span{ height:35px; line-height:35px; display:inline-block; color:#a8a8a8; font-size:14px; margin-left:15px;}
.n_foot .txt_ico i{ display:inline-block; width:30px; height:35px; float:left;}
.n_foot .ico{ float:right; font-size: 0; line-height: 0;}
.n_foot .ico a{ margin-right:15px; opacity:1; display:inline-block; width:35px; height:35px; border-radius:50%; position:relative;}


.n_foot .ico .ico_1{ display:inline-block;}
.n_foot .ico .ico_2{ display:none;}
.n_foot .ico a:hover .ico_1{ display:none;}
.n_foot .ico a:hover .ico_2{ display:inline-block;}
.n_foot .ico a:hover:before{ box-shadow:0 0 0 7px rgba(216,9,48,.3);}
#fix_ewm_box{position: fixed; top: 0px; right: 0; z-index: 999999999999999999999999; display: none; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,0.85); }
#fix_ewm_box .ewm img{ display: block; position: absolute; top: 50%; margin-top: -100px;  left: 50%; margin-left: -100px; width: 200px; height: 200px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; ;}
#fix_sj_box{position: fixed; top: 0px; right: 0; z-index: 999999999999999999999999; display: none; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,0.85); }
#fix_sj_box .ewm img{ display: block; position: absolute; top: 50%; margin-top: -100px;  left: 50%; margin-left: -100px; width: 200px; height: 200px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }

.foot_bot{height:120px;line-height:24px;text-align:left;color:#7a7a7b;border-top: 1px solid #626265; padding-top:26px; margin-top: -1px; }.foot_bot .fl{}
.foot_bot p{ display:inline-block; color:#7a7a7b;}
.foot_bot,.foot_bot a{color: #7a7a7b;font-size: 12px;}
.n_foot a:hover{}
.foot_link{width: 200px;height: 38px; border-radius:3px; border: 1px solid #555759;background:#363639;cursor:pointer;overflow:visible;position: relative; text-align:left; float:right;}
.foot_link .tanchu{width: 200px;padding:10px 13px;box-sizing:border-box;position:absolute;bottom: 37px;background: #555759;display: none;left: -1px;}
.foot_link .tanchu a { color: #d1d1d1 !important; line-height: 27px; display:block; font-size: 13px;}
.foot_link .tanchu .swiper-slide{ height:30px !important;}
.foot_link .swiper-scrollbar-drag{ height:60% !important;}
.foot_link #bnt_link1.a {padding-left:12px;color: #8e8c8c;text-align:left;line-height: 32px;width:190px;box-sizing:border-box;font-size: 12px;text-decoration:none;position:absolute;z-index:1; }
.foot_link .a span{ display:inline-block; float:right; color:#919397; line-height:30px;} 



/*内页banner*/
.bn-box {width: 100%;overflow-x: hidden;position: relative;z-index:0;}
.ny_banner {width: 1920px;height:450px;position: relative;overflow: hidden;margin-left: 50%;left: -960px;top: 0;}


.n_main{}
.n_content{ padding-top:80px; overflow:hidden;}

.n_position{ position:absolute; bottom:0; text-align:right; width:100%; height:44px;}
.n_position a{ font-size:12px; color:#fff; color:rgba(255,255,255,.8); position:relative; line-height:44px;}
.n_position img{ position:relative; top:1px; margin-right:5px;}
.n_position a:after{ content: url(../images/home_ico2.png); position:absolute; right:10px; top:1px;}
.n_position i{ font-size:12px; color:#fff; color:rgba(255,255,255,.6); display:inline-block; margin:0 6px;}
.n_position em{ font-size:12px; color:#d80930;}
.n_position a:hover{ color:#d80930;}


.n_nav_box{ height:65px; background:#f1f2f3; box-sizing: border-box; }
.n_nav_box .m{ position:relative;}
.n_nav{ position:relative; text-align:center; font-size:0;}
.n_nav a{display:inline-block; width:200px; height:65px;text-align: center;box-sizing: border-box;position: relative;-webkit-transition:0.2s;transition:0.2s;}
.n_nav a strong{display:block;color: #3c3c3c;position:relative;z-index:4;font-size:16px; font-weight: 100; line-height:65px;}
.n_nav .on,.n_nav a:hover{background: #d80930;color: #fff;}
.n_nav a strong:before{content:"";width:7px;height:7px; display: inline-block; background:#fff;  border-radius:50%;-webkit-transition:0.6s;transition:0.6s; margin-right:0px; opacity:0; transform:scale(0); -webkit-transform:scale(0);}
.n_nav .on strong:before,.n_nav a:hover strong:before{opacity:1; transform:scale(1); -webkit-transform:scale(1); margin-right:8px;}
.n_nav .on strong,.n_nav a:hover strong{color:#fff;}
.n_nav .on span,.n_nav a:hover span{color:#eca5ad;}

#n_about{ margin-bottom:70px;}

.n_tt{ margin-bottom:70px;}
.n_tt p{ text-align:center; font-size:24px; color:#363636; font-weight:bold;}
.n_tt span{ display:block; text-align:center; font-size:14px; color:#d80930; font-family:arial; text-transform:uppercase; margin-top:9px;}


#n_wenhua{ padding-bottom:80px; overflow:hidden;}
#n_wenhua ul{ margin:0 -13px;}
#n_wenhua ul li{ width:280px; height:400px; margin:0 13px; float:left; text-align:center; cursor:pointer; border:3px solid #dcdcdc;}
#n_wenhua ul li h5{ text-align:center; font-size:16px; color:#fff; margin-bottom:15px;}
#n_wenhua ul li i{ display:block; width:1px; height:29px; background:#fff; margin:13px auto;}
#n_wenhua ul li p{ font-size:13px; line-height:20px; color:#fff;}

#n_wenhua ul li .ico{ width:120px; height:120px; margin:63px auto 13px; border-radius:50%;  position:relative; z-index:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
#n_wenhua ul li .ico font{width:120px; height:120px;overflow:hidden; border:1px solid rgba(255,255,255,.4); border-radius:50%; display: block; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }

#n_wenhua ul li.li_1{ background:url(../images/n_wenhua_bg1.jpg) center no-repeat; }
#n_wenhua ul li.li_2{ background:url(../images/n_wenhua_bg2.jpg) center no-repeat; }
#n_wenhua ul li.li_3{ background:url(../images/n_wenhua_bg3.jpg) center no-repeat; }
#n_wenhua ul li.li_4{ background:url(../images/n_wenhua_bg4.jpg) center no-repeat; }

#n_wenhua ul li.li_1 .ico font{ background:url(../images/n_wenhua_ico1.png) center no-repeat;}
#n_wenhua ul li.li_2 .ico font{ background:url(../images/n_wenhua_ico2.png) center no-repeat;}
#n_wenhua ul li.li_3 .ico font{ background:url(../images/n_wenhua_ico3.png) center no-repeat;}
#n_wenhua ul li.li_4 .ico font{ background:url(../images/n_wenhua_ico4.png) center no-repeat;}

#n_wenhua ul li.li_1:hover .ico font{ background:url(../images/n_wenhua_ico1_on.png) center no-repeat;}
#n_wenhua ul li.li_2:hover .ico font{ background:url(../images/n_wenhua_ico2_on.png) center no-repeat;}
#n_wenhua ul li.li_3:hover .ico font{ background:url(../images/n_wenhua_ico3_on.png) center no-repeat;}
#n_wenhua ul li.li_4:hover .ico font{ background:url(../images/n_wenhua_ico4_on.png) center no-repeat;}

#n_wenhua ul li:hover .ico{ }
#n_wenhua ul li:hover .ico font{ border:1px solid transparent; }
#n_wenhua ul li .ico:before{ content:""; position:absolute; z-index:-1; width:100%; height:100%; display:block; background:#d80930; border-radius:50%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;transform:scale(1.3); opacity:0; }
#n_wenhua ul li:hover .ico:before{ transform:scale(.85); opacity:1;}

#n_wenhua ul li .ico:after{ content:""; position:absolute; top:0; z-index:-1; width:100%; height:100%; display:block; background:#fff; border-radius:50%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;transform:scale(.85); opacity:1; }
#n_wenhua ul li:hover .ico:after{ transform:scale(1); background:rgba(261,9,48,.3)}



#n_work{ background:url(../images/n_work_bg.jpg) center bottom no-repeat;transition:.5s; -webkit-autoHeight: true; padding-bottom:30px;}
.pc-slide2 .view{ height:auto; margin-bottom:80px;}
.pc-slide2 .view .swiper-container { margin-top:50px;}
.swiper-container-autoheight .swiper-wrapper{ transition:.6s !important;}
.pc-slide2 .view .swiper-slide{ }
.pc-slide2 .preview { position: relative; height:104px;}
.pc-slide2 .preview .swiper-container { margin-left:-26px; }
.pc-slide2 .preview .swiper-slide { width: 416px; padding:0 26px; height: 104px; box-sizing:border-box; float:left;}
.pc-slide2 .preview .swiper-slide .box{height: 104px; background:#ecedf2; text-align:center; padding-top:35px; box-sizing:border-box; cursor:pointer;}
.pc-slide2 .preview .swiper-slide p{ font-size:16px; color:#010101; margin-bottom:8px;}
.pc-slide2 .preview .swiper-slide span{ font-size:12px; color:#acacac; text-transform:uppercase;}
.pc-slide2 .preview .slide6 {width: 82px;}
.pc-slide2 .preview .arrow-left {background: url(../images/feel3.png) no-repeat left top;position: absolute;left: -50px;top: 50%;margin-top: -9px;width: 12px;height: 21px;z-index: 10;}
.pc-slide2 .preview .arrow-right {background: url(../images/feel4.png) no-repeat left bottom;position: absolute;right: -50px;top: 50%;margin-top: -9px;width: 12px;height: 21px;z-index: 10;}
.pc-slide2 .preview .active-nav .box{ background:#d80930;}
.pc-slide2 .preview .active-nav p { color:#fff;}
.pc-slide2 .preview .active-nav span{ color:#f8dee0;}


/*视频详情*/
.n_shipin_xq{ padding:0 0 80px;}
.n_shipin_xq .m{ border:1px solid #eee; padding:72px 50px;}
.n_shipin_xq .tt{ font-size:24px; color:#1b1b1b; text-align:center; margin-bottom:39px;}
#my-video{ margin:0 auto; box-sizing: content-box;}
#my-video .vjs-big-play-button {
    height:83px;
    width: 83px; background:url(../images/play.png) center no-repeat;
    position: absolute;
    top: 50%;
    left: 50%; margin-left:-42px; margin-top:-42px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border-radius: 100%;
    transition: all .4s; border:0;
}
.vjs-big-play-button span.vjs-icon-placeholder:before{ content:none !important;}
#my-video .vjs-big-play-button:focus,#my-video:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: transparent;
    transition: all 0s; border:0;
}

#n_team_xq{ padding-bottom:80px; overflow:hidden;}
#n_team_xq .img{ width:384px; height:509px; border:1px solid #eee; padding:23px;}
#n_team_xq .txt{ width:713px; float:right;}
#n_team_xq .txt h5.tt{ font-size:24px; color:#181819; height:60px; border-bottom:1px solid #e5e5e5; margin-bottom:55px;}
#n_team_xq .txt h5.tt span{ font-size:15px; color:#4a4a4a; margin-left:26px;}
#n_team_xq .txt .con{ font-size:15px; color:#4a4a4a; line-height:36px;}
#n_team_xq .txt .con *{font-size:15px; color:#4a4a4a; line-height:36px;}

#n_team_xq .txt .tab{ width:713px; height:509px; display:table;}
#n_team_xq .txt .tab_cl{ width:713px; height:509px; display: table-cell; vertical-align:middle;}


#n_video{}
#n_video ul{ margin-top:-20px;}
#n_video ul li{ width:1200px; height:330px; border:1px solid #eee; padding:20px; margin-top:20px; position:relative;}
#n_video ul li .img{ width:467px; height:290px; float:left; position:relative;}
#n_video ul li .mask{ position:relative;}
#n_video ul li .img .mask{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.3);}
#n_video ul li .img .mask i{ width:47px; height:47px; border-radius:50%; display:block; margin:0 auto; margin-top:120px; background:url(../images/n_video_ico.png) center no-repeat;  opacity:.9;  position:relative;}
#n_video ul li .img .mask i:before{ content:""; width:47px; height:47px; border-radius:50%; border:3px solid #fff; display:block; position:absolute; left:0; top:0;transition:.5s; -webkit-transition:.5s;}
#n_video ul li .img .mask:hover i:before{ transform:scale(1.4);border:1px solid #fff; }
#n_video ul li .txt{ width:575px; float:left; margin-left:67px;}
#n_video ul li .txt .tab{ display:table;}
#n_video ul li .txt .tab_cl{ display:table-cell; vertical-align:middle; height:290px;}
#n_video ul li .txt h5{ font-size:18px; color:#1b1b1b; margin-bottom:23px;}
#n_video ul li .txt p{ font-size:14px; color: #949494; line-height:24px;overflow:hidden;}
#n_video ul li:before{ content:""; width:100%; height:0; display:block; position:absolute; bottom:0; left:0;background:#f3f4f8;transition:.6s; -webkit-transition:.6s; z-index:-1;}
#n_video ul li:hover:before{ height:100%; top:0; bottom:auto;}


 /*==============分页=====================*/
.j_pages { text-align: center; margin-top:67px; margin-bottom:70px; }
.j_pages .box{display: inline-block;  font-size:0;}
.j_pages a{ height:37px; padding:0 14px; min-width:37px; line-height:33px; text-align:center; display:inline-block; border-radius:3px;  border:2px solid #dedede; margin:0 5px;  color:#5e5e5e; font-size:14px; font-family:arial; overflow:hidden; float:left; }
.j_pages .on{ background:#d80930; color:#fff !important;border:2px solid #d80930;}
.j_pages a:hover{ background:#d80930; color:#fff !important; border:2px solid #d80930;}
.j_pages a.m_bnt{ padding:0 28px; font-family:Microsoft Yahei;}
.j_pages a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */
-o-transition: all 1s; /* Opera */}


#n_news{}
#n_news ul{ margin-right:-52px; margin-top:-64px; }
#n_news ul li{ width:365px; height:397px; position:relative; border-bottom:1px solid #e0dfdf; margin-right:52px; float:left; margin-top:64px;}
#n_news ul li .img{}
#n_news ul li .txt{}
#n_news ul li .txt h5{ font-size:16px; color:#151617; margin-top:30px; margin-bottom:20px;}
#n_news ul li .txt h5:hover{color:#d80930; }
#n_news ul li .txt p{ font-size:12px; color:#717578; line-height:24px; height:48px; overflow:hidden; text-align:justify;}
#n_news ul li .riqi{ position:absolute; bottom:-28px; width:100%; overflow:hidden; transition:.3s; -webkit-transition:.3s; opacity:0; padding:0 20px; }
#n_news ul li .riqi span{ font-size:13px; color:#d80930; font-family:arial;}
#n_news ul li .riqi i{ font-family:simsun; color:#d80930; font-size:12px; float:right;}
#n_news ul li:hover .riqi{ opacity:1; padding:0 0;}

#n_case{}
#n_case ul{ margin-right:-46px; margin-top:-40px;}
#n_case ul li{ width:370px; height:375px; background:#f1f2f3; position:relative; overflow:hidden; float:left; margin-right:45px; margin-top:40px;}
#n_case ul li .img{ width:370px; height:304px;}
#n_case ul li .mask{ position:absolute; bottom:0; height:70px; padding:0 43px; transition:.3s; -webkit-transition:.3s; background:#f1f2f3; width:100%;}
#n_case ul li .mask h5{ line-height:70px; text-align:center; font-size:16px; color:#1f2021; transition:.3s; -webkit-transition:.3s;}
#n_case ul li .mask span{ font-size:14px; color:#fff; color:rgba(255,255,255,.8); display:block; margin-bottom:25px; text-align:center;}
#n_case ul li .mask p{ font-size:14px; color:#fff; color:rgba(255,255,255,.6); line-height:24px;}
#n_case ul li:hover .mask{ height:70px; background:#d80930; background:rgba(261,9,48,.95); transition:.6s; -webkit-transition:.6s;}
#n_case ul li:hover .mask h5{ color:#fff;}

#n_lianxi{}
#n_lianxi .box1{ padding-bottom:67px;}
#n_lianxi .txt{ width:420px; float:right; padding-top:38px;}
#n_lianxi .txt h5 span{ font-size:12px; color:#bbbbbb; font-family:arial;}
#n_lianxi .txt h5 p{ font-size:30px; color:#3b3b3b;margin-bottom:8px;}
#n_lianxi .txt>i{ display:block; width:24px; height:3px; background:#d80930; margin-top:20px; margin-bottom:24px;}
#n_lianxi ul{ }
#n_lianxi ul li{ font-size:14px; color:#656565; line-height:30px;}
#n_lianxi ul li i{ color:#868686;}#n_lianxi ul li p em{ margin-right:8px;}
.n_lianxi_box2{ background:#f9f9f9; padding:47px 0;}
.n_lianxi_box2 .map { border: 1px solid #e5e7eb; overflow: hidden; padding:8px; background:#fff;}
#n_lianxi .btn{ width:140px; height:40px; display:block; line-height:40px; text-align:center; background:#ee1c26; color:#fff; margin-top:40px;}
#n_lianxi .btn:before{ content: url(../images/n_lianxi_ico.png); position:relative; top:4px; margin-right:8px;}
#n_lianxi .ewm{ margin-top:36px; }
#n_lianxi .ewm div{ width:123px; margin-right:49px;}
#n_lianxi .ewm img{ width:123px; height:123px; float:left; border:3px solid #eaeaea; border-radius:3px; margin-bottom:10px;}
#n_lianxi .ewm .txt2{ text-align:center; font-size:12px; color:#656565; line-height:18px; }
#n_lianxi .ewm .txt2 p{}

#n_pro{}
#n_pro ul{}
#n_pro ul li{ height:400px; margin-bottom:22px;}
#n_pro ul li .txt{ width:351px; height:400px; background:#f3f3f4; padding:110px 40px; float:left;transition:.3s; -webkit-transition:.3s;}
#n_pro ul li .txt h5{ margin-bottom:30px; font-size:18px; color:#000;transition:.3s; -webkit-transition:.3s;}
#n_pro ul li .txt h5 a{ font-size:18px; color:#000;transition:.3s; -webkit-transition:.3s;}
#n_pro ul li .txt p{ font-size:14px; color: #757575; line-height:28px; height:84px; overflow:hidden;transition:.3s; -webkit-transition:.3s;}
#n_pro ul li .txt .btn{ font-size:12px; color:#757575; position:relative; margin-top:25px; padding:10px 0; display:block;transition:.3s; -webkit-transition:.3s;}
#n_pro ul li .txt .btn:before{ content:""; width:66px; height:1px; background:#d9d9d9; display: inline-block; position:relative; top:-4px; margin-right:6px; transition:.6s; -webkit-transition:.6s;}
#n_pro ul li .txt .btn:after{ content:""; width:0; height:1px; background:#d9d9d9; display: inline-block; position:relative; top:-4px; margin-left:6px; transition:.6s; -webkit-transition:.6s;}
#n_pro ul li .txt .btn:hover:before{width:0;}
#n_pro ul li .txt .btn:hover:after{width:66px;}

#n_pro ul li .img_center{ width:836px; height:400px; border:1px solid #eee; background:#fff; float:right; overflow:hidden;}
#n_pro ul li .img_center .tab{ display:table; width:836px; height:400px;}
#n_pro ul li .img_center .tab_cl{ display:table-cell; width:836px; height:400px; text-align:center; vertical-align:middle;}
#n_pro ul li .img_center img{ max-width:100%; max-height:100%; transition:.6s; -webkit-transition:.6s;}

#n_pro ul li.li_1 .txt{ float:right;}
#n_pro ul li.li_1 .img_center{ float:left;}

#n_pro ul li:hover .txt{ background:#d80930;}
#n_pro ul li:hover .txt h5{ color:#fff;}
#n_pro ul li:hover .txt p{ color:#fff;}
#n_pro ul li:hover .txt .btn{ color:#fff;}
#n_pro ul li:hover .txt .btn:before{ background:#fff;}
#n_pro ul li:hover .txt .btn:after{ background:#fff;}


.n_pro_slide {
  width:1200px; height:500px; margin:0 auto; position: relative; margin-bottom:70px;
}
.n_pro_slide .arrow-left {
  background: url(../images/n_pro_left.png) no-repeat left top;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  width: 38px;
  height: 38px;
}
.n_pro_slide .arrow-right {
  background: url(../images/n_pro_right.png) no-repeat left bottom;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
  width: 38px;
  height: 38px;
}
.n_pro_slide .swiper-container {
   width: 1085px; height:520px;
}
.n_pro_slide .content-slide {
  padding: 20px;
  color: #fff;
}

.n_pro_txt{ margin-bottom:60px;}
.n_pro_txt .tt{ font-size:16px; color:#6f6f6f; font-weight:bold; height:56px; line-height:56px; background:#f1f1f3; padding-left:29px; position:relative; margin-bottom:40px;}
.n_pro_txt .tt:before{ content:""; width:67px; height:3px; background:#d80930; display:block; position:absolute; left:28px; bottom:0;}




/*====新闻详情====*/

#n_news_xq{ padding-bottom:72px; overflow:hidden;}
#left_news{float:left;width:758px; overflow:hidden; }
#n_show_news{position:relative;margin: 0 auto;width: 1100px;padding-bottom: 90px;}
#right_news{ width: 365px;float: right;box-sizing: border-box;}
#right_news .tt{ font-size:18px; color:#636363;  }
#right_news .tt span{ font-size:12px; color: #d80930; text-transform:uppercase; font-weight:100; font-family:arial; margin-left:8px;}
.n_article news_content{ min-height:500px;}

#n_news_tuijian{ margin-top:35px; }
#n_news_tuijian ul{  overflow:hidden;}
#n_news_tuijian ul li{ width:365px; height:355px; margin-bottom:43px; border-bottom:1px solid #e0dfdf;}
#n_news_tuijian ul li .img{ width:365px; height:200px; position:relative;}
#n_news_tuijian ul li .img img{ transition:2s; -webkit-transition:2s;}
#n_news_tuijian ul li .img .riqi{ position:absolute; width:86px; height:30px; line-height:30px; text-align:center; background:#d80930; color:#fff; left:0; bottom:-30px;transition:.3s; -webkit-transition:.3s;}
#n_news_tuijian ul li .txt{ padding-top:30px;}
#n_news_tuijian ul li .txt h5{ font-size:16px; color:#151617; margin-bottom:18px;}
#n_news_tuijian ul li .txt h5 a{ font-size:16px; color:#151617; }
#n_news_tuijian ul li .txt span{ font-size:12px; color:#717578; display:block; margin-bottom:15px;}
#n_news_tuijian ul li .txt p{ font-size:12px; color:#717578; line-height:24px; height:48px; overflow:hidden;}
#n_news_tuijian ul li:hover .img .riqi{bottom:21px;} 
#n_news_tuijian ul li:hover{border-bottom:1px solid #d80930;}
/*==============新闻详情=====================*/


.n_article {}
.n_article .ar_title{ border-bottom:3px solid #ededed; margin-bottom:50px; position:relative; height:100px;}
.n_article .ar_title h1{ font-size: 24px; display:block; text-align:left; margin-bottom:0;   font-weight: 100; color:#444444;}
.n_article .ar_title h2{height: 35px; font-size:12px;  display:block; text-align:left; color:#aeaeae; font-weight:100;}
.n_article .ar_title h2 strong{ color:#aeaeae; font-size:12px; font-weight:100; float:left; line-height:31px;}
.n_article .ar_title:after{ content:""; position:absolute; bottom:-3px; left:0; height:3px; background:#d80930; display:block; width:37px;}
.n_article .ar_article{ min-height:400px;}
.n_article .bnt_page{ position:relative; height:40px; margin-bottom:10px; line-height:40px; font-size:12px; color:#8a8a8a;   border-top:1px dotted #e4e4e4;}
.n_article .bnt_page a{ color:#8a8a8a;}
.n_article .bnt_page a:hover{color:#007cc2;}
.n_article .back_box{ margin:40px auto 0 auto; padding-bottom:80px;}
.jiathis_style{ margin-top:10px;}
.n_article .bnt_page{ position:relative;}
.n_article .bnt_page .shart_box{ position:absolute; right:0; top:10px;}
#ar_fot{ position:relative; margin-top:50px; border:2px solid #eee;}
#ar_fot h1{ display:block;  font-size:14px; color:#717578;  width:50%; float:left; padding:0 38px; text-overflow:ellipsis; white-space:nowrap; position:relative;}
#ar_fot h1.prev{ }
#ar_fot h1.next{}
#ar_fot h1 a{ font-size:14px; color:#717578; line-height:72px; display:inline-block; width:100%; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#ar_fot h1:before{ content:""; display:block; width:0; height:2px; background:#d80930; position:absolute; top:-2px; right:0; transition:.6s; -webkit-transition:.6s; z-index:1;}
#ar_fot h1:hover:before{ width:100%; left:0; right:auto;}

#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#19427d; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}

.n_article .ar_title .ar_riqi{ font-size:35px; color:#727171; float:left; font-family:arial; margin-right:26px; margin-top:-3px;}
.n_article .ar_title .ar_riqi p{ font-size:12px; color:#808080;}




.j_form { position:relative; overflow:hidden; margin-right:-32px;  }
.j_form label{ width:378px; border:1px solid #e5e5e5; overflow:hidden;position:relative; display:block;  height:45px; line-height:43px; margin: 0 0 23px 0; margin-right:32px; font-size:12px; color:#bebebe; padding-left:120px;}
.j_form .label .h_x{ left: 395px; top: -8px;position: absolute;}
.j_form  input[type="text"]{  height:43px; background:#fff; color:#676767; width: 310px; border:none; border-radius:0px;  display:block;  padding:0 15px; font-size:12px; font-family:microsoft yahei;}
.j_form  input[type="text"]:focus{   }
.j_form label strong{ font-weight:normal; display:block; background:#edeef0;border-right:1px solid #e5e5e5; color:#5e5f61; height:43px; line-height:43px;  position:absolute; width: 120px; left:0px; top:0; font-size:14px; text-align:center;  }
.j_form .textarea_box{ width: 795px; height:113px; top:68px; left:405px; background:#fff; }
.j_form .textarea_box strong{ height:113px; line-height:106px;}
.j_form textarea{  width: 656px; height: 106px; background:#fff; resize:none; color:#66656b; padding-right:10px; border: none;  line-height:24px; font-size:12px; padding: 6px 15px; font-family:microsoft yahei;  }
.j_form textarea:focus{ }
.yzm_box {  position:relative; border: none;  }
.yzm_box strong{ height:45px !important; line-height:45px !important;}
.yzm_box input[type="text"]{ height:43px; color:#666; width: 152px !important; font-size:12px; font-family:microsoft yahei;}
.yzm{ position:absolute; right: 0; height:40px; top:0px;}
.yzm a{ position:absolute; color:#adada6; right:-90px; height:40px; line-height:40px; width:80px; top:0;}

.j_form  input[type="submit"]{  float: right; width:378px; cursor:pointer; height:45px; background:#d80930; color:#fff; font-size:14px;  border:none;  transition:.3s; -webkit-transition:.3s; margin-right:32px;}
.j_form input[type="submit"]:hover{ }

#n_right {
    float: left;
    width: 778px;
}
#n_left {
    float: right;
    width: 387px;
}
.n_liuyan{ margin-bottom:50px; overflow:hidden;}
.n_liuyan .txt{ width:647px; float:right;}
.n_liuyan .txt .tab{ display:table;}
.n_liuyan .txt .tab_cl{ display:table-cell; vertical-align:middle; height:340px;}


#n_licheng{ margin-bottom:124px;}#n_licheng ul{ border-top:1px solid #e4e4e4; margin-top:48px;}#n_licheng ul li{ height:267px; border-bottom:1px solid #e4e4e4; overflow:hidden;}#n_licheng ul li .img{ width:320px; height:175px; float:left; margin-left:197px; margin-top:46px; position:relative; overflow: visible;}#n_licheng ul li .img:after{ content:""; display: block; width:47px; height:14px; background:url(../images/n_licheng_ico.png) center no-repeat; position:absolute; right:-126px; top:83px;   transition:.3s; -webkit-transition:.3s;}#n_licheng ul li:hover .img:after{ background:url(../images/n_licheng_ico_on.png) center no-repeat; }#n_licheng ul li .txt{ width:598px; height:100%; float:right; padding-top:45px; border-left:1px solid #e4e4e4; padding-left:70px;}#n_licheng ul li .txt h5{ font-size:30px; color:#d80930; font-family:arial; margin-bottom:40px; font-weight:bold;}#n_licheng ul li .txt p{ font-size:15px; color:#535353; line-height:30px; position:relative; height:90px; overflow:hidden;}#n_licheng ul li .txt p:before{ content: url(../images/n_licheng_ico.png); position:absolute; left:-78px;}#n_licheng ul li:hover .txt p:before{ content: url(../images/n_licheng_ico_on.png);}
#n_jishu{ margin-bottom:60px;}

#n_jishu .box1{ background:#f0f0f2; overflow:hidden; padding:3px;}

#n_jishu .box1 .img{ width:547px;  float:left;}

#n_jishu .box1 .txt{ width:461px; float:left; margin-left:83px;}

#n_jishu .box1 .tab{ display:table; height:800px;}

#n_jishu .box1 .tab_cl{ display:table-cell; vertical-align:middle; height:100%;}

#n_jishu .box1 .tab_cl p{ font-size:14px; color:#3b3b3c; line-height:36px;}


#n_team{ height:503px; background:#f3f3f4; margin-top:63px; padding-top:68px; position:relative; z-index:9;}
#n_team .bd ul{}
#n_team .bd ul li{ width:288px; height:368px; position:relative; overflow:hidden; margin-right:12px; float:left; }
#n_team .bd ul li img{ width:100%; height:100%;}
#n_team .bd ul li .mask{ height:40px; width:288px;  background:rgba(0,0,0,.5); position:absolute; bottom:0; padding:0 20px;transition:.6s; -webkit-transition:.6s;}
#n_team .bd ul li .mask h5 {    line-height: 30px;    color: #fff;    font-size: 13px;    white-space: normal;    text-overflow: inherit;    overflow: visible;    padding-top: 5px;}
#n_team .bd ul li .mask h5 span{ font-size:13px; display:block;}
#n_team .bd ul li .mask .country{ width:54px; height:54px; position:absolute; top:-30px; right:25px;transition:.6s; -webkit-transition:.6s;}
#n_team .bd ul li .mask .ar_article{ font-size:12px; color:#fff; color:rgba(255,255,255,.7); line-height:24px; height:240px; overflow:auto; }
#n_team .bd ul li .mask .ar_article::-webkit-scrollbar { display: none; }
#n_team .bd ul li .mask .ar_article *{ font-size:12px; color:#fff; color:rgba(255,255,255,.7); line-height:24px;}
#n_team .bd ul li:hover .mask{ background: rgba(216,9,48,.95); height:368px; padding-top:43px;}
#n_team .bd ul li:hover .mask .country{ opacity:0; transform:scale(0);}

#n_team .hd{ margin-top:46px; text-align:center;}
#n_team .hd a{ display:inline-block; width:40px; height:40px; margin:0 6px;}
#n_team .prev{ background:url(../images/n_team_left.png) center no-repeat;}
#n_team .next{ background:url(../images/n_team_right.png) center no-repeat;}
#n_team .prev:hover{ background:url(../images/n_team_left_on.png) center no-repeat;}
#n_team .next:hover{ background:url(../images/n_team_right_on.png) center no-repeat;}

#n_rongyu{ margin-bottom:60px;}
#n_zhuanli{ padding-top:80px; position:relative;}
#n_zhuanli .tt{ font-size:16px; color:#3d3c3c; text-align:center; margin-bottom:40px;}
#n_zhuanli .tt span{ font-size:18px; color:#d80930; margin-right:5px;}
#n_zhuanli .bd{ margin-left:-13px;}
#n_zhuanli .bd ul{}
#n_zhuanli .bd ul li{ width:217px; float:left; margin:0 13px;}
#n_zhuanli .bd ul li .img{ width:217px; height:315px; margin-bottom:16px; background:#eaeaea; padding:12px; border:1px solid #d9d9d9;}
#n_zhuanli .bd ul li h5{ font-size:13px; color:#3e3e3e; text-align:center;}
#n_zhuanli .bd ul li:hover .img{ box-shadow:0 0 10px rgba(0,0,0,.2);}
#n_zhuanli .hd{}
#n_zhuanli .hd a{ display:inline-block; width:40px; height:40px; margin:0 6px; position:absolute; top:277px;}
#n_zhuanli .prev{ background:url(../images/n_team_left.png) center no-repeat; left:-25px;}
#n_zhuanli .next{ background:url(../images/n_team_right.png) center no-repeat; right:-25px;}
#n_zhuanli .prev:hover{ background:url(../images/n_team_left_on.png) center no-repeat;}
#n_zhuanli .next:hover{ background:url(../images/n_team_right_on.png) center no-repeat;}