@charset "UTF-8";
*{margin:0px; padding:0px; word-wrap:break-word;outline: none;/* word-break: break-all; */}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
img,input,select,button,textarea{vertical-align:middle;}
ul,li{list-style:none;}
body{font-size:14px; color: #333; line-height: 1.8;background: #fff;position: relative;}
body{-webkit-tap-highlight-color: rgba(0,0,0,0);}
body,
button,
select,
textarea,
input{font-family: "Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei", sans-serif;}
a,
button,
input{outline:none!important;-moz-outline-style:none;}
button{cursor: pointer;border: none;}
a {color: #333;text-decoration: none;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
a:hover{color:#8CBF48;}
img{border:none;}
.clear{ clear:both; height:0px;  margin:0; padding:0;width:0; border:none; overflow:hidden;}
.fl { float:left}
.fr { float:right}
.mt{margin-top: 20px;}
.mr{margin-right: 20px;}
.mr0{margin-right: 0;}
.mr35{margin-right: 35px;}
.wrap{margin: 0 auto;max-width: 1200px;}
.transition{-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.qiehuan{position: relative;}
/*.qiehuan_box{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;z-index: 0;}
.qiehuan_box.hover{display: block;opacity: 1;z-index: 100;}*/
.qiehuan_box{display: none;}
.qiehuan_box.hover{display: block;}
.container{margin:0 auto;}
.active1{
    /* background: #fff; */
        border-bottom: 2px solid #fff;
}
/*
1440
1366
1280
1024
*/
@media (max-width: 1729px){
    .min-w{min-width: 1440px;}
    .container{width: 1440px;}
}
@media (max-width: 1640px){
    .min-w{min-width: 1366px;}
    .container{width: 1366px;}
}
@media (max-width: 1440px){
    .min-w{min-width: 1280px;}
    .container{width: 1280px;}
}
@media (max-width: 1366px){
    .min-w{min-width: 1200px;}
    .container{width: 1200px;}
}
@media (max-width: 1280px){
    .min-w{min-width: 1066px;}
    .container{width: 1066px;}
}
@media (max-width: 1199px){
    .min-w{min-width: 1000px;}
    .container{width: 1000px;}
}
@media (min-width: 1730px){
    .min-w{min-width: 1600px;}
    .container{width: 1600px;}
}

/*分页*/
.pagelink{padding:30px 0;}
.pagelink ul{text-align: center;font-size: 0;}
.pagelink ul li{display: inline-block;font-size:12px;line-height:30px;border-radius:5px;margin:0 5px;border: 1px solid #ddd;background: #fff;position: relative;overflow: hidden;}
.pagelink ul li>*{display: block;min-width:35px;padding:0 10px;}
.pagelink ul li:first-child>*,
.pagelink ul li:last-child>*{min-width:60px;text-indent: -9999px;}
.pagelink ul li:first-child>*:before,
.pagelink ul li:last-child>*:before{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;text-indent: 0;}
.pagelink ul li:first-child>*:before{content:'上一页';}
.pagelink ul li:last-child>*:before{content:'下一页';}
.pagelink ul li.disabled{color:#b9b9b9;border-color: #eee;}
.pagelink ul li.active{background: #8CBF48;color:#fff;border-color: #8CBF48;}

/*内页*/
/*.articledetail{background: #f8f8f8;}
.articledetail .right_con{border-radius: 10px;background: #fff;padding-bottom: 25px;margin-top: 22px;
-webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.05);
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}*/
.artPage{overflow: hidden;position: relative;border-top:1px solid #f1f1f1;padding: 15px 0 15px 0;}
.artPage p{height: 30px;line-height: 30px;overflow: hidden;font-size: 14px;color:#666;padding: 3px 0px;}
.artPage p em{display: block;overflow: hidden;background: #ededed;width: 110px;height: 30px;text-align: center;float: left;font-style: normal;}
.artPage p a{color:#999;margin-left: 10px;font-size: 14px;}
.artPage p a:hover{color:#d7292b;}
.goBack {display: block;width: 110px;height: 40px;overflow: hidden;font-size: 14px;color: #666;background: #ededed;text-align: center;line-height: 40px;position: absolute;right: 0px;top: 50%;margin-top: -20px;display: none;}
.detail_title{position: relative;padding: 50px 40px 20px;}
/*.articledetail .page_header{padding: 40px 100px 40px;}*/
.detail_title h1{font-size: 28px;color:#454545;text-align: center;font-weight: normal;line-height:30px;}
/*.articledetail .page_header h1{color:#333;}*/
.page_header_info{text-align: center;color: #878787;line-height:1.2;padding:0 0 25px;border-bottom: 1px solid #ddd;}
.page_header_info span{margin:0 5px;}
.page_con,
.ke-content{padding:30px;line-height: 1.7;color:#454545;font-size: 16px;overflow: hidden;text-align: justify;}
/*.articledetail .page_con{background:url(../images/article_tit_bg.png) repeat-x top;}*/
/*.about_page_con{line-height: 1.88;color:#656565;}*/

.page_con h4,
.page_con h3,
.page_con h2,
.page_con h1,
.ke-content h4,
.ke-content h3,
.ke-content h2,
.ke-content h1{margin-bottom: 15px;}
.page_con p,
.ke-content p{margin:0 0 15px!important;text-indent: 2em;}
.page_con img,
.ke-content img{max-width: 100%;height:auto;display: block;margin:0 auto;}
.page_con p img:first-child,
.ke-content p img:first-child{/*margin-left: -2em;*/}
.page_con video,
.ke-content video{max-width: 100%;}
.page_con object{display: block;margin:0 auto;}
.ke-content{padding:10px;min-width: 500px;overflow:auto;}

@-webkit-keyframes fadeOutUpSmall {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes fadeOutUpSmall {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.fadeOutUpSmall {
    -webkit-animation-name: fadeOutUpSmall;
    animation-name: fadeOutUpSmall;
}

@-webkit-keyframes fadeInDownSmall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownSmall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDownSmall {
    -webkit-animation-name: fadeInDownSmall;
    animation-name: fadeInDownSmall;
}

/*header*/
.navbar{position: fixed;top: 0;left: 0;width: 100%;z-index: 2000;}
.navbar .container{position: relative;}
.logo{float: left;padding:27.5px 0;}
.logo img{}
.main_nav{float: right;margin-top: 25px;}

.main_nav > ul > li >a{line-height: 30px;padding:27px 0;margin:0 25px;color:#fff;font-size: 16px;display: block; position:relative;}
.main_nav > ul > li > a:after{ background:#fff; width:0; height:3px; display:block; content:""; position:absolute; bottom:8px; left:50%; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.main_nav > ul > li > a:hover:after,
.main_nav > ul > li.on > a:after,
.main_nav > ul > li.active > a:after{ width:100%; left:0%;}
.main_nav > ul > li{float: left;/* position: relative; */}
.main_nav li.dropdown div.dropdown-menu {display: none;top: 100%;left: -1006px;position: absolute;width: 1636px;min-height: 179px;/*border: 1px solid #e3e3e3;*/background: #FFFFFF;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);padding:15px 0;}
.main_nav li.dropdown div.dropdown-menu{left: 0;top: 109px;width:auto;right: 0;left:auto;width: 965px;}
.main_nav li.dropdown div.dropdown-menu ul{ width:100%; float:left; text-align:center;/* border-right:1px solid #e3e3e3;*/min-height: 179px;}
.main_nav li.dropdown div.dropdown-menu ul > li > a{display: block;font-size:14px; color:#000000; line-height:1.5; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; position:relative;padding:9px 0;text-align: left;}
/*.main_nav li.dropdown div.dropdown-menu ul > li > a:after{ display:block; content:""; position:absolute; left:0; top:0; height:100%; width:0; background:#f0f0f0; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; z-index:-1;}
.main_nav li.dropdown div.dropdown-menu ul > li > a:hover{ color:#A71939;}
.main_nav li.dropdown div.dropdown-menu ul > li > a:hover:after{ width:100%;}*/

.navImg{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; right:30px; top:30px;bottom:30px; width:306px;}
.navImg img{ margin-bottom:10px;}
.navImg p{ position:absolute; left:0; bottom:0; width:100%; background:rgba(22,22,22,0.5); color:#FFFFFF; text-align:center; padding:5px 0; font-size:14px; line-height:180%;}

.main_nav ul.nav > li.last div.dropdown-menu{ left:auto; right:0;}
.main_nav ul.nav > li.last div.dropdown-menu ul{ float:right;width: 125px;padding-right: 15px;}
.main_nav ul.nav > li.last div.dropdown-menu ul > li > a:after{ left:auto; right:0;}
.main_nav ul.nav > li.last div.dropdown-menu .navImg{ right:auto; left:30px;}

.main_nav .submenu{display: none;position: absolute;width: 100%;top: 100%;z-index: 2000;background: #666;font-size: 14px;background: #fff;border: 1px solid #ddd;border-radius:8px;
width: 250px;left: 50%;
transform: translateX(-50%);
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.main_nav .submenu li a{color:#666;display: block;/*border-top: 1px solid #fff;*/line-height: 1.5;padding:10px 15px;}
.main_nav .submenu li:first-child a{border-top: none;}
.main_nav .submenu li:last-child a{border-bottom: none;border-radius: 0 0 4px 4px;}
.main_nav .submenu li a:hover,.main_nav .submenu li a.active{/*color:#fff;background: #666;*/color:#000;}
.main_nav .submenu li{position: relative;z-index: 10;width:50%;float: left;}
.main_nav .submenu::before {content: "";height: 12px;width: 12px;background-color: #fff;border-left: 0;border-bottom: 0;position: absolute;top: -7px;left: 50%;margin-left: -6px;border-top: 1px solid #ddd;border-right: 1px solid #ddd;z-index: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
display: none;
}
.main_nav .submenu_box{position: relative;}
.main_nav .submenu{border-radius: 0;}
.main_nav .submenu_box.on  .submenu{display: block;}

/*footer*/
.footer{background: #181818;border-bottom: 1px solid #3E3E3E;padding:70px 0 50px;}
.f_logo{float: left;color:#757779;width: 190px;text-align: center;font-size: 28px;font-weight: bold;margin-right: 115px;margin-right: 7%;padding-top: 30px;}
.f_tit{font-size: 16px;color:#A3A3A3;padding:10px 0;}
.f_tit a{color:#A3A3A3;}
.f_nav{float: left;}
.f_nav dl{width: 170px;float: left;}
.f_nav dl dd a{color:#767676;}
.f_lxwm{float: left;color:#A4A4A4;line-height: 30px;width: 290px;}
.f_lxwm img{margin-right: 10px;}
.f_gywm{float: right;text-align: right;width: 110px;}
.f_line{float: left;height: 180px;border-left: 1px solid #3e3e3e;border-right: 1px solid #090909;margin-right: 80px;margin-right: 5%;}
.copyright{background: #181818;color:#707070;padding:15px 0;border-top: 1px solid #090909;font-size: 14px;}
.copyright a{color:#707070;}
.f_link span{margin:0 5px;}

/*banner*/
.i_banner .swiper-container {width: 100%;height: 100%;color: #fff;text-align: center;}
.i_banner{ height:100%; position:relative;}
.i_banner .swiper-slide{ position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.i_banner .swiper-slide a{ display:block; height:100%;}
.banPcImg,
.banMobImg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.i_banner .container{ position:relative; height:100%;}
.i_banner .swiper-pagination{ bottom:40px;font-size: 0;line-height: 0;height: 2px;}
.i_banner .swiper-pagination-bullet{ position:relative; width:22px; height:22px; margin:-10px 5px 0!important; background:#1A1A1A; opacity:1;border-radius: 0;background-clip: content-box;padding:10px 0;}
/*.i_banner .swiper-pagination-bullet:after{ width:6px; height:6px; border:1px solid #FFFFFF; border-radius:50%; position:absolute; left:3px; top:3px; display:block; content:""; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}*/
.i_banner .swiper-pagination-bullet-active{width: 40px;background: #fff;background-clip: content-box;}
/*.i_banner .swiper-pagination-bullet-active:after{ width:26px; height:26px; left:50%; top:50%; margin-left:-13px; margin-top:-13px;}
.i_banner .swiper-pagination-bullet:hover:after{ width:26px; height:26px; left:50%; top:50%; margin-left:-13px; margin-top:-13px;}*/

.index_body{overflow: hidden;height: 100%;}

.i_tit{line-height: 40px;padding: 60px 0 40px;text-align: center;}
.i_tit .name{font-size: 30px;font-weight: bold;color:#010101;}
.i_tit .line{font-size: 24px;color:#010101;margin:0 5px;}
.i_tit .uppercase{font-size: 30px;color:#656565;}

.fp-tableCell{max-width: 1920px;margin:0 auto;}

.mBox2bg{ display:block !important;}
.mBox2bg .fp-tableCell{ display:block !important;position: relative;}
.mBox2bg .i_tit{position: relative;z-index: 10;}
.mBox2Img {position: relative;overflow: hidden;height: 100%;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.mBox2Img > img{display: block;vertical-align:middle; width:100%; margin:0 auto; 
    transform:scale(1,1); -webkit-transform:scale(1,1); 
    transition:all 0.4s ease-in-out; 
    -webkit-transition:all 0.6s ease-in-out;
}
.mBox2Img > img{display: none;}
.mBox2List{position: absolute;top: 0;left: 8.5%;height: 100%;width: 83%;padding-top: 230px;padding-bottom: 30px;/*max-height: 890px;*/}
.mBox2List_wrapper{height: 100%;overflow: hidden;}
.mBox2List .item{height: 100%;width: 33.333%;float:left; padding:0 1px; text-align:center;
    transition:all 0.4s ease-in-out 0.3s;
    -webkit-transition:all 0.4s ease-in-out 0.3s;
    -moz-transition:all 0.4s ease-in-out 0.3s;
    -o-transition:all 0.4s ease-in-out 0.3s;
    transform:translateY(100px);
    -webkit-transform:translateY(100px);
    opacity:0;
    -webkit-opacity:0;
}
.mBox2List .item a{ display:block; height:100%; position:relative; overflow:hidden;}
.active .mBox2List .item{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;-webkit-opacity:1;}
.active .mBox2List .item:first-child{transition-delay: 0s;}
.active .mBox2List .item:first-child + .item{transition-delay: 0.3s;}
.active .mBox2List .item:first-child + .item + .item{transition-delay: 0.6s;}
.active .mBox2List .item:first-child + .item + .item + .item{transition-delay: 0.9s;}

.mBox2Shadow {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.0);
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}
.mBox2Line{ position:absolute;
    transition:all 0.3s ease-out 0.2s;
    -webkit-transition:all 0.3s ease-out 0.2s;
}
.mBox2Line1{ left:50%; top:50%;margin-left: -240px;margin-top: -250px; width:0; height:0; border:3px solid #ffffff; border-right:none; border-bottom:none;opacity: 0;}
.mBox2Line2{ right:50%; bottom:50%;margin-right: -240px;margin-bottom: -250px; width:0; height:0; border:3px solid #ffffff; border-left:none; border-top:none;opacity: 0;}

.mBox2List .item a:hover .mBox2Shadow{ background:rgba(0,0,0,0.5);}
.mBox2List .item a:hover .mBox2Line1{width:240px;height:250px;margin-left: -120px;margin-top: -125px;opacity: 1;}
.mBox2List .item a:hover .mBox2Line2{width:240px;height:250px;margin-right: -120px;margin-bottom: -125px;opacity: 1;}

.mBox2Con{position: absolute;top: 50%;left: 50%;width:240px;height:250px;margin-left: -120px;margin-top: -125px;padding-top: 10px;}
.mBox2Con .icon{ background:url(../images/mBoxIcon1.png) no-repeat center; opacity:0; margin:25px auto; height: 56px;
    transform:translateY(0px) translateX(-100px);
    -webkit-transform:translateY(0px) translateX(-100px);
    transition:all 0.3s ease-out 0s;
    -webkit-transition:all 0.3s ease-out 0s;
}
.mBox2Con .tit{ width:100%; font-size:22px; color:#fff; line-height:30px; padding:0px 14%; opacity:0;
    transform:translateY(0px) translateX(100px);
    -webkit-transform:translateY(0px) translateX(100px);
    transition:all 0.3s ease-out 0.2s;
    -webkit-transition:all 0.3s ease-out 0.2s;
}
.mBox2Con .more{ width:110px; font-size:14px; color:#fff; line-height:30px; margin: 15px auto 0; padding:0px 25px 0 0; opacity:0; background:url(../images/mBoxIcon2.png) no-repeat right center;text-transform: uppercase;
    transform:translateY(100px) translateX(0);
    -webkit-transform:translateY(100px) translateX(0);
    transition:all 0.3s ease-out 0.4s;
    -webkit-transition:all 0.3s ease-out 0.4s;
}
.mBox2List .item a:hover .mBox2Img > img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.mBox2List .item a:hover .mBox2Con .icon{ transform:translateY(0px) translateX(0); -webkit-transform:translateY(0px) translateX(0); opacity:1;}
.mBox2List .item a:hover .mBox2Con .tit{ transform:translateY(0px) translateX(0); -webkit-transform:translateY(0px) translateX(0); opacity:1;}
.mBox2List .item a:hover .mBox2Con .more{ transform:translateY(0px) translateX(0); -webkit-transform:translateY(0px) translateX(0); opacity:1;}
.mBox1bg{}
.mBox2bg{background: url(../images/bj_2.jpg) center center no-repeat;background-size: cover;}
.mBox3bg{background: url(../images/bj_3.jpg) center center no-repeat;background-size: cover;}
.mBox4bg{background: url(../images/bj_4.jpg) center center no-repeat;background-size: cover;}
.mBox5bg{background: url(../images/bj_5.jpg) center center no-repeat;background-size: cover;}
.mBox6bg{background: url(../images/bj_7.jpg) center center no-repeat;background-size: cover;}
.mBox7bg{background: url(../images/bj_8.jpg) center center no-repeat;background-size: cover;}
.mBox8bg{background: url(../images/bj_6.jpg) center center no-repeat;background-size: cover;}
.mBox5{color:#fff;padding:0 30px;}
.mBox5{margin-left: 45%;}
@media (max-width: 1280px){
    .mBox5{margin-left: 0;}
}
.mBox5 a{color:#fff;}
.mBox5 .tit{font-size: 30px;font-weight: bold;opacity:0;}
.mBox5 .desc{line-height: 2.15;margin-top: 30px;opacity:0;text-align: justify;}
.mBox5 .tit{ transform:translate(100px,100px); -webkit-transform:translate(100px,100px); transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mBox5 .desc{ transform:translate(100px,100px); -webkit-transform:translate(100px,100px); transition:all 0.3s ease-out 0.3s; -webkit-transition:all 0.3s ease-out 0.3s;}
.cut .mBox5 .tit{ transform:translateX(0%); -webkit-transform:translateX(0%);opacity:1;}
.cut .mBox5 .desc{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}

.mBox3bg{ display:block !important;}
.mBox3bg .fp-tableCell{ display:block !important;position: relative;}
.mBox3bg .i_tit{position: relative;z-index: 10;}
.mBox3Img {position: relative;overflow: hidden;height: 100%;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.mBox3Img > img{display: block;vertical-align:middle; width:100%; margin:0 auto; 
    transform:scale(1,1); -webkit-transform:scale(1,1); 
    transition:all 0.4s ease-in-out; 
    -webkit-transition:all 0.6s ease-in-out;
}
.mBox3Img > img{display: none;}

.mBox3List{position: absolute;top: 0;left: 8.5%;height: 100%;width: 83%;padding-top: 230px;padding-bottom: 30px;/*max-height: 980px;*/}
.mBox3List_wrapper{height: 100%;overflow: hidden;}

.mBox3List .item{height: 100%;width: 33.333%;float:left; padding:0 1px; text-align:center;
    transition:all 0.4s ease-in-out 0.3s;
    -webkit-transition:all 0.4s ease-in-out 0.3s;
    -moz-transition:all 0.4s ease-in-out 0.3s;
    -o-transition:all 0.4s ease-in-out 0.3s;
    transform:translateY(-100px) scale(0.5,0.5);
    -webkit-transform:translateY(-100px) scale(0.5,0.5);
    opacity:0;
    -webkit-opacity:0;
}
.mBox3List .item a{ display:block; height:100%; position:relative; overflow:hidden;}

.active .mBox3List .item{transform:translateY(0px) scale(1,1);-webkit-transform:translateY(0px) scale(1,1);opacity:1;-webkit-opacity:1;}
.active .mBox3List .item:first-child{transition-delay: 0s;}
.active .mBox3List .item:first-child + .item{transition-delay: 0.3s;}
.active .mBox3List .item:first-child + .item + .item{transition-delay: 0.6s;}
.active .mBox3List .item:first-child + .item + .item + .item{transition-delay: 0.9s;}
.active .mBox3List .item:first-child + .item + .item + .item + .item{transition-delay: 1.2s;}
.active .mBox3List .item:first-child + .item + .item + .item + .item + .item{transition-delay: 1.5s;}

.mBox3Shadow {position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background:url(../images/i_box3_item_bg.png) no-repeat center bottom;
    transform:translateY(100%);
    -webkit-transform:translateY(100%);
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    opacity:0;
}
.mBox3_item_bg{ position:absolute;background:rgba(0,0,0,0.4);
    transition:all 0.3s ease-out 0.2s;
    -webkit-transition:all 0.3s ease-out 0.2s;
}
.mBox3_item_bg1{ left:0%; bottom:0%;margin-left: -191px;margin-bottom: -118px; width:0; height:0;opacity: 0;
    transform:translateY(100px);
    -webkit-transform:translateY(100px);
}
.mBox3_item_bg2{ right:0%; bottom:0%;margin-right: -184px;margin-bottom: -111px; width:0; height:0;opacity: 0;
    transform:translateY(100px);
    -webkit-transform:translateY(100px);
}

.mBox3Conbg{position: absolute;top: 50%;left: 50%;width:382px;height:236px;margin-left: -191px;margin-top: -118px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.mBox3Con .tit{ width:100%; font-size:30px; color:#fff; line-height:1; padding:10px 10px 15px;
    transform:translateY(100px);
    -webkit-transform:translateY(100px);
    transition:all 0.3s ease-out 0.1s;
    -webkit-transition:all 0.3s ease-out 0.1s;
    opacity: 0;
}
.mBox3Con .desc{width:100%;font-size: 16px;color:#fff;
    transform:translateY(100px);
    -webkit-transform:translateY(100px);
    transition:all 0.3s ease-out 0.2s;
    -webkit-transition:all 0.3s ease-out 0.2s;
    opacity: 0;
}
.mBox3Con .more{ width:100%; font-size:14px; color:#fff; line-height:30px; margin: 15px 0 0; padding:0px 25px 0 0; opacity:0;text-transform: uppercase;
    transform:translateY(100px) translateX(0);
    -webkit-transform:translateY(100px) translateX(0);
    transition:all 0.3s ease-out 0.3s;
    -webkit-transition:all 0.3s ease-out 0.3s;
    opacity: 0;
}
.mBox3List .item a:hover .mBox3_item_bg{transform:translateY(0px); -webkit-transform:translateY(0px);}
.mBox3List .item a:hover .mBox3_item_bg1{left:50%; bottom:50%;width:382px;height:236px;opacity: 1;}
.mBox3List .item a:hover .mBox3_item_bg2{right:50%; bottom:50%;width:368px;height:222px;opacity: 1;}
.mBox3List .item a:hover .mBox3Img > img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.mBox3List .item a:hover .mBox3Shadow{transform:translateY(0%); -webkit-transform:translateY(0%);opacity: 1;}
.mBox3List .item a:hover .mBox3Con .tit{ transform:translateY(0px); -webkit-transform:translateY(0px);opacity: 1;}
.mBox3List .item a:hover .mBox3Con .desc{ transform:translateY(0px); -webkit-transform:translateY(0px);opacity: 1;}
.mBox3List .item a:hover .mBox3Con .more{ transform:translateY(0px); -webkit-transform:translateY(0px);opacity: 1;}


.mBox4bg{ display:block !important;}
.mBox5bg{ display:block !important;}
.mBox4bg .fp-tableCell{ display:block !important;position: relative;}
.mBox4bg .i_tit{position: relative;z-index: 10;}
.mBox4Img {position: relative;overflow: hidden;height: 50%;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.mBox4Img > img{display: block;vertical-align:middle; width:100%; margin:0 auto; 
    transform:scale(1,1); -webkit-transform:scale(1,1); 
    transition:all 0.4s ease-in-out; 
    -webkit-transition:all 0.6s ease-in-out;
}
.mBox4Img > img{display: none;}
.pic_box{position: absolute;width: 100%;height: 50%;}
.pic_box .mBox4Img{position: absolute;height: 100%;width: 100%;}
.mBox4List{position: absolute;top: 0;left: 8.5%;height: 100%;width: 83%;padding-top: 230px;padding-bottom: 30px;}
.mBox4List_wrapper{height: 100%;overflow: hidden;}
.mBox4List .item{height: 100%;width: 33.333%;float:left;position: relative;}

.mBox4Conbg{background: #EDEDED;padding:30px;position: absolute;width: 100%;height: 50%;top: 50%;left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.mBox4Con{width: 100%;}
.mBox4Con .icon{position: absolute;left: 50%;bottom:100%;margin-left: -10px;border:10px solid transparent;border-bottom-color: #EDEDED;}
.mBox4Con .tit{font-size: 18px;text-align: center;font-weight: bold;color:#312D29;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.mBox4Con .desc{font-size:14px;color:#312D29;margin:25px 0 35px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.mBox4Con .more{display: block;width: 150px;line-height: 40px;text-align: center;border: 1px solid #aaa;color:#312d29;margin:0 auto;}
.mBox4List .even .pic_box{top:50%;}
.mBox4List .even .mBox4Conbg{top: 0;}
.mBox4List .even .mBox4Conbg .icon{top:100%;bottom:auto;border-bottom-color: transparent;border-top-color: #EDEDED;}
@media (max-width: 1199px){
    #homepage{height:auto!important;overflow-x: auto!important;}
    .main_nav > ul > li >a{margin: 0 15px;}
    .mainbox{padding: 0;}
    .i_banner{height: 500px;}

    .mBox2List,
    .mBox3List,
    .mBox4List,
    .mBox5List{position: inherit;padding-top: 0;padding-bottom: 0;width:1000px;margin:0 auto;}

    .mBox2bg,
    .mBox3bg,
    .mBox4bg{display: table !important;}
    .mBox2bg .fp-tableCell,
    .mBox3bg .fp-tableCell,
    .mBox4bg .fp-tableCell{display: table-cell !important;}

    .mBox2Img > img,
    .mBox3Img > img,
    .mBox4Img > img{display: block;}
    
    .mBox2List .item{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;-webkit-opacity:1;}
    .mBox3List .item{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;-webkit-opacity:1;}
    .mBox5{padding:55px 15px;}
    .mBox5 .tit{ transform:translateX(0%); -webkit-transform:translateX(0%);opacity:1;}
    .mBox5 .desc{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;margin-top: 20px;}

    .mBox4List{padding-bottom: 40px;}
    .mBox4Img{height:auto;}
    .mBox4Conbg{position: relative;top: 0;}
    .mBox4Con .desc{margin:15px 0 25px;}
}

@media (max-width: 1729px){
    .f_logo{margin-right: 6%;}
    .f_line{margin-right: 4%;}
    .f_nav dl{width: 150px;}
}
@media (max-width: 1440px){
    .f_nav dl{width: 140px;}
    .f_line{display: none;}
}
@media (max-width: 1366px){
    .f_line{display: block;clear:both;float: none;height: 0;border: 0;}
    .f_lxwm{margin-right: 50px;}
    .f_gywm{float: left;text-align: left;}
    .f_nav{margin-bottom: 30px;}
}
@media (max-height: 700px){
    .mBox4Con .desc{margin:15px 0 20px;
    -webkit-line-clamp: 2;
    }
}

@media (max-height: 640px){
    .mBox4Con .desc{margin:5px 0 10px;
    -webkit-line-clamp: 1;
    }
}
@media (max-height: 520px){
    .mBox4Con .desc{display: none;}
}

.top_banner{position: relative;width: 100%;overflow: hidden;}
.banner_pic{position: relative;width: 1920px;left: 50%;margin-left: -960px;text-align: center;}
.banner_pic img{max-width: 100%;}

/*position*/
.depth_box{background: #F8F8F8;}
.depth{padding:20px 0;line-height: 28px;background:url(../images/icon_wz.png) no-repeat left center;padding-left: 20px;overflow: hidden;}
.depth span,
.depth i,
.depth a{float: left;color:#767676;}
.depth i{margin:0 5px;font-style: normal;font-family: serif;}

.sub_cates{text-align: center;}
.sub_cates a{display: inline-block; width: 170px; line-height: 68px; height: 68px;font-size: 16px; color: #767676; text-align: center;}
.sub_cates a:hover,
.sub_cates a.on{color: #8CBF48;}

/*product*/
.product_center{padding-top: 15px;}
.product_center ul{overflow: hidden;}
.product_center li{float: left;width: 33.333%;padding:15px;}
.product_center li a{display: block;color:#312D29;}
.product_center li .pic{display: block;position: relative;padding-bottom: 122%;overflow: hidden;
-webkit-box-shadow: 0 5px 13px rgba(5,0,0,0.3);
box-shadow: 0 5px 13px rgba(5,0,0,0.3);
}
.product_center li .pic img{width: 100%;position: absolute;top: 0;left: 0;}
.product_center li .tit{display: block;text-align: center;font-size: 18px;font-weight: bold;line-height: 30px;padding:20px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

/*news*/
.news_list{padding-top: 25px;}
.news_list ul{overflow: hidden;}
.news_list li{padding:10px;width: 33.333%;float: left;}
.news_list li a{display: block;}

.news_list .img{position: relative;padding-bottom: 65.7%;overflow: hidden;}
.news_list .img img{transition: all .3s linear;position: absolute;top: 0;left: 0;width: 100%;}
.news_list .img:hover img{ transform: scale(1.1);}
.news_list .con_box{height: 216px;background: #EDEDED; padding:25px 15px 50px; overflow: hidden;position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.news_list .con{
}
.news_list .con h4{ display: block; font-size: 18px; font-weight: bold; color: #312D29; line-height: 1.5; max-height: 54px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.news_list .con h4 a{ color:#312D29;}
.news_list .con p{ font-size: 14px; color: #312D29; line-height: 24px; max-height: 72px; margin-top: 15px; overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.news_list .con p a{ color:#312D29;}
.news_list .con .more{position: absolute;bottom: 15px;right: 15px;color:#656565;font-size: 14px;}

/*case*/
.case_list{padding-top: 15px;}
.case_list ul{overflow: hidden;}
.case_list li{float: left;width: 33.333%;padding:15px;}
.case_list li a{display: block;color:#312D29;}
.case_list li .pic{display: block;position: relative;padding-bottom: 135%;overflow: hidden;
-webkit-box-shadow: 0 5px 13px rgba(5,0,0,0.3);
box-shadow: 0 5px 13px rgba(5,0,0,0.3);
}
.case_list li .pic img{width: 100%;position: absolute;top: 0;left: 0;}
.case_list li .tit{display: block;text-align: center;font-size: 18px;font-weight: bold;line-height: 30px;padding:20px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

/*add*/
.nav_sub{padding:0px 10px;;}
.nav_sub li{width: 295px;
    float: left;
    text-align: center;
    margin: 0px 10px;}
.nav_sub li img{   
    width: 100%;
    height: 240px;}
.nav_sub li span{    text-align: center;
    display: block;
    margin-top: 10px;}
.tds-video-player__overlay{height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;background: rgba(0, 0, 0, 0.2);}
.tcl-react-media__asset{border-radius: 0;
    border-radius: var(--tcl-react-media--border-radius,0);
    height: 100svh;
    height: var(--tcl-react-media--block-size,100%);
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover;
    width: 100%;}
.yuyan{float: right;
    margin-top: 30px;
    margin-left: 50px;}
.yuyan span{}
.yuyan span a{border: 1px solid #FFF;
    border-radius: 100%;
    padding: 10px;
    color: #FFF;
    font-size: 12px;}
.lh_bj{width:100%;height:100%;background: rgba(0, 0, 0, 0.3); position: absolute;top:0px;left:0px;}
.lh_bj_lanmu{width:100%;height:100%;background: rgba(0, 0, 0, 0.1); position: absolute;top:0px;left:0px;}
.mBox6bg{height: 400px !important;}

.cp_bg_1{background: url(../images/cp_bj_1.jpg) center center no-repeat;background-size: cover;}
.cp_bg_2{background: url(../images/cp_bj_2.jpg) center center no-repeat;background-size: cover;}
.cp_bg_3{background: url(../images/cp_bj_3.jpg) center center no-repeat;background-size: cover;}
.cp_bg_4{background: url(../images/cp_bj_4.jpg) center center no-repeat;background-size: cover;}
.cp_bg_5{background: url(../images/cp_bj_5.jpg) center center no-repeat;background-size: cover;}
.cp_bg_6{background: url(../images/cp_bj_6.jpg) center center no-repeat;background-size: cover;}
.cp_bg_7{background: url(../images/cp_bj_7.jpg) center center no-repeat;background-size: cover;}
.cp_bg_8{background: url(../images/cp_bj_8.jpg) center center no-repeat;background-size: cover;}
.cp_bg_9{background: url(../images/cp_bj_9.jpg) center center no-repeat;background-size: cover;}
.cp_bg_10{background: url(../images/cp_bj_10.jpg) center center no-repeat;background-size: cover;}
.cp_bg_11{background: url(../images/cp_bj_11.jpg) center center no-repeat;background-size: cover;}
.cp_bg_12{background: url(../images/cp_bj_12.jpg) center center no-repeat;background-size: cover;}
.cp_bg_13{background: url(../images/cp_bj_13.jpg) center center no-repeat;background-size: cover;}
.cp_bg_14{background: url(../images/cp_bj_14.jpg) center center no-repeat;background-size: cover;}
.cp_bg_15{background: url(../images/bj_7.jpg) center center no-repeat;background-size: cover;}
.cp_bg_16{background: url(../images/cp_bj_16.jpg) center center no-repeat;background-size: cover;}
.cp_bg_17{background: url(../images/cp_bj_17.jpg) center center no-repeat;background-size: cover;}
.cp_bg_18{background: url(../images/cp_bj_18.jpg) center center no-repeat;background-size: cover;}
.cp_bg_19{background: url(../images/cp_bj_19.jpg) center center no-repeat;background-size: cover;}
.cp_bg_20{background: url(../images/cp_bj_20.jpg) center center no-repeat;background-size: cover;}
.cp_bg_21{background: url(../images/cp_bj_21.jpg) center center no-repeat;background-size: cover;}
.cp_bg_22{background: url(../images/cp_bj_22.jpg) center center no-repeat;background-size: cover;}
.cp_bg_23{background: url(../images/cp_bj_23.jpg) center center no-repeat;background-size: cover;}
.cp_bg_24{background: url(../images/cp_bj_24.jpg) center center no-repeat;background-size: cover;}
/*add*/
.wz{background: url(../images/wz_bj.jpg) center center no-repeat;background-size: cover;}
.wz .fp-tableCell{vertical-align:top !important;}
.wenzi_1{width:90%;margin:10% auto 0px;text-align:center;}
.wenzi_1 img{max-width: 100%;}
.wenzi_1 h3{font-size: 30px;
    margin-bottom: 1em;}
.wenzi_1 p{font-size: 14px;
    margin-bottom: 0.7em;}

.fp-auto-height .wenzi_1{padding-bottom: 8%;}

.toggle{display: none;}
@media (max-width: 750px){
    .min-w{min-width: auto;}
    .container{width: 100%;}
    .navbar .container{padding-left: 15px;padding-right: 15px;}
    .logo{padding-top: 25px;padding-bottom: 25px;}
    .logo img{width: 25vw;}
}
.footer_bottom_video{height: 600px;width: 100%;}
.visible-xs{display: none !important;}

.copyright{line-height: 24px;}
#con_page{min-height: calc(100vh - 54px);}

.wow{visibility:hidden;}
body{background: #f7f7f7;}
.trans3{ -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.trans4{ -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.trans5{ -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.trans6{ -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s;}
.transYT { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT2 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT2 { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }

.acea-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap}
.acea-row.row-middle{-webkit-box-align:center;-o-box-align:center;-ms-flex-align:center;align-items:center;padding-top:20%;}
.acea-row.row-top{-webkit-box-align:start;-o-box-align:start;-ms-flex-align:start;align-items:flex-start}
.acea-row.row-bottom{-webkit-box-align:end;-o-box-align:end;-ms-flex-align:end;align-items:flex-end}
.acea-row.row-center{-webkit-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;justify-content:center}
.acea-row.row-right{-webkit-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.acea-row.row-left{-webkit-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.acea-row.row-between{-webkit-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.acea-row.row-around,
.acea-row.row-column-around{-ms-flex-pack:distribute;justify-content:space-around;-webkit-justify-content:space-around}
.acea-row.row-column-around{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
.acea-row.row-column,
.acea-row.row-column-between{-webkit-box-orient:vertical;-o-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}
.acea-row.row-column-between{-webkit-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.acea-row.row-center-wrapper{-webkit-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;justify-content:center}
.acea-row.row-between-wrapper,
.acea-row.row-center-wrapper{-webkit-box-align:center;-o-box-align:center;-ms-flex-align:center;align-items:center}
.acea-row.row-between-wrapper{-webkit-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}

.acea-row.row-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}

/* 关于我们 */
.gsjj {padding: 134px 0 110px;overflow: hidden;}
.gsjj_left {vertical-align: middle;width: 41%;position: relative;z-index: 2;float: left;}
.gsjj_left img {width: 100%;}
.gsjj_right {width: 59%;box-sizing: border-box;padding-left: 98px;vertical-align: bottom;float: left;}
.index_tit {position: relative;}
.index_tit h2 {font-size: 132px;color: rgba(75, 130, 176, .1);position: absolute;left: -80px;font-family:fantasy;white-space: nowrap;text-transform: uppercase;line-height: 30px;font-weight: normal;}
.index_tit h3 {color: #282828;font-weight: bold;font-size: 36px;line-height: 54px;}
.index_tit h4 {color: #282828;font-weight: bold;font-size: 24px;line-height: 180px;}
.gsjj_right p {line-height: 28px;margin-bottom: 28px;color: #808080;font-size: 16px;}
.gsjj_right>img {margin-top: 60px;margin-bottom: 40px;}


/* 图片列表 */
.content_pics_list{overflow: hidden;}
.content_pics_list ul{overflow: hidden;margin-left: -15px;margin-right: -15px;}
.content_pics_list li{width: 25%;margin-bottom: 30px;float: left;}
.content_pics_list li a{display: block;margin:0 15px;}
.content_pics_list li .pic_box{width: 100%;height:0;padding-bottom: 70%;border-radius: 2px;overflow: hidden;position: relative;}
.content_pics_list li .pic{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.content_pics_list li .info{padding:5%;
display: flex;
justify-content: center;
align-items: center;
height: 4.5em;
}
.content_pics_list li .title{line-height: 1.5;text-align: center;font-size: 16px;color:#333;word-wrap: break-word;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

.ejnav {position: relative;border-bottom: 1px solid #ebebeb;z-index: 10;display: none;}
.ejnavtit {width: 34%;padding: 40px 0 45px;position: absolute;left: 0;top: 0;transform: translateY(-50%);background: url(../images/ejnavbac_02.jpg) no-repeat 100% 100%;text-align: right;box-sizing: border-box;}
.ejnavtit div {text-align: left;display: inline-block;margin-right: 50px;}
.ejnavtit h2 {font-weight: normal;font-size: 48px;color: #fff;text-transform: uppercase;font-family:fantasy;line-height: 45px;}
.ejnavtit h3 {line-height: 32px;font-size: 24px;color: #fff;display: none;}
.ejnav .container {text-align: right;line-height: 0;height: 59px;display: none;}
.ejnav .container a {line-height: 57px;display: inline-block;padding: 0 22px;font-size: 16px;color: #282828;border-bottom: 2px solid transparent;}
.ejnav .container a:hover, .ejnav .container a.active {color: #8CBF48;
    border-color: #8CBF48;
    font-weight: bold;}

.inner_page_list_content{padding-top: 80px;}
.navbar.absolute{position: absolute;}
.inner_page_container{padding: 180px 0 80px;}

.ej_tit {position: relative;}
.ej_tit h2 {position: absolute;font-size: 132px;color: rgba(75, 130, 176, .1);font-family: fantasy;text-transform: uppercase;top: -45px;white-space: nowrap;line-height: 30px;font-weight: normal;}
.ej_tit h3 {color: #282828;font-size: 36px;font-weight: bold;display: inline-block;line-height: 36px;margin-left: 17.14%;}

.contact_tel{padding-bottom: 55px;border-bottom: 2px solid #8CBF48;margin-top: 75px;margin-bottom: 88px;display: flex;align-items: flex-end;}
.contact_tel img{margin-right: 30px;width: 63px;height: 63px;}
.contact_tel div{font-size: 60px;color:#8CBF48;font-weight: bold;line-height: 63px;}
.contact_tel span{display: inline-block;vertical-align: bottom;color:#a5a5a5;font-size: 18px;margin-left: 35px}

.contact_info li {width: 48.8%;vertical-align: top;box-sizing: border-box;border: 1px solid #dfdfdf;padding: 45px 35px;margin-bottom: 15px;font-size: 0;text-align: center;}
.contact_info li span {width: 78px;height: 78px;border-radius: 50%;border: 1px solid #e9e9e9;line-height: 77px;text-align: center;vertical-align: middle;display: flex;justify-content: center;align-items: center;}
.contact_info li span img{width: 40px;height: 40px;}
.contact_info li div {box-sizing: border-box;display: inline-block;vertical-align: middle;max-width: calc(100% - 79px);padding-left: 25px;text-align: left;}
.contact_info li div i {line-height: 27px;color: #acacac;font-size: 18px;display: block;font-weight: normal;font-style: normal;}
.contact_info li div p {line-height: 27px;color: #282828;font-size: 18px;}

.zptel {margin-top: 55px;margin-bottom: 56px;}
.zptel li {margin-bottom: 30px;display: flex;align-items: flex-end;}
.zptel li img{height: 40px;width: 40px;margin-right: 10px;}
.zptel li div{font-size: 36px;line-height: 40px;font-weight: bold;color:#8CBF48;}
.zptel li span{margin-left: 28px;color: #a5a5a5;font-size: 18px;}

.zplist{overflow: hidden;}
.zplist li {width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;box-sizing: border-box;border: 1px solid #d5d5d5;padding: 75px 65px 70px;float: left;background: #fff;}
.zplist li:nth-child(3n) {margin-right: 0;}
.zplist li img {max-width: 100%;height: auto;margin-bottom: 40px;}
.zplist li h2 {color: #282828;font-size: 24px;margin-bottom: 12px;height:80px;overflow:hidden;}
.zplist li p {line-height: 16px;color: #a9a9a9;font-size: 12px;height: 32px;margin-bottom: 58px;}
.zplist li p:after{content:'';display: block;width: 19px;height: 2px;background: #8CBF48;margin-top: 34px}
.zplist li .link{display: block;width: 160px;height: 38px;border-radius: 38px;border: 1px solid #d4d4d4;text-align: center;overflow: hidden;position: relative;color:#282828;line-height: 38px;font-size: 12px;}
.zplist li .link:before{content:'';display: block;width: 100%;height: 100%;background-image: url(../images/moreback_03.png);background-size: 100% 100%;position: absolute;left: -100%;top: 0;}
.zplist li .link,
.zplist li .link:before{
transition: all .55s cubic-bezier(.35, .75, .55, 1) 0.1s;
-webkit-transition: all .55s cubic-bezier(.35, .75, .55, 1) .1s;
-moz-transition: all .55s cubic-bezier(.35, .75, .55, 1) .1s;
}
.zplist li .link:hover:before{left: 0;}
.zplist li .link:hover{color:#fff}
.zplist li .link span{position: relative;z-index: 100;}

.mainbox img{display: none;}

.navbar{transition:0.3s;}
.navbar{background: rgba(0, 0, 0, 0);}
.navbar.dark_color{background: rgba(0, 0, 0, 0.8);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
.navbar.top_hide {top: -125px;}

.article_detail{padding-top: 30px;}

@media only screen and (max-width: 1680px){
    .gsjj_right p {font-size: 14px;margin-bottom: 24px;line-height: 24px;}
}

@media only screen and (max-width: 1440px){
    .gsjj {padding: 90px 0 60px;}
    .ej_tit h2 {font-size: 66px;}
    .ej_tit h3 {font-size: 26px;line-height: 1;margin-left: 10%;}
    .index_tit h3{font-size: 26px;}
    .index_tit h2 {font-size: 70px;}
    .zptel {padding-left: 100px;}
    .zplist li {padding: 40px 30px;}
    .zplist li img {max-width: 70%;}
    .zplist li .link {width: 110px;height: 32px;line-height: 32px;}
    .zplist li .link span {line-height: 32px;}
}
@media only screen and (max-width: 1200px){
    .i_banner {height: 70vw;}
    .min-w {min-width: 100%;}
    .zptel {padding-left: 50px;}
    .container {width: 100%;padding-left: 5%;padding-right: 5%;}
    .ejnavtit {display: none;}
    .gsjj_left {display: none;}
    .ejnav .container {text-align: center;height:auto;}
    .ej_tit h2 {font-size: 40px;}
    .gsjj_right {width: 100%;padding-left: 0;padding: 50px 0;}
    .index_tit h3{margin-left: 10%;}
    .index_tit h4{margin-left: 10%;margin-top: 0.1rem;}
    .index_tit h2 {font-size: 40px;left: 0;position: static;}
    .contact_info li {width: 100%;margin-right: 0;text-align: left;}
    .contact_tel{margin: 20px 0;padding-left: 0;}

    .mainbox{padding-top: 0;height:auto;position: static;min-height: 70vw;}
    .mainbox img{display: block;max-width: 100%;opacity: 0;}

    .inner_page_list_content{padding-top: 50px;}
}
@media only screen and (max-width: 768px){
    .inner_page_list_content{padding-top: 0.5rem;}
    .zptel {padding-left: 0.5rem;}
    .zptel li{flex-wrap:wrap;align-items: center;}
    .contact_tel{flex-wrap:wrap;align-items: center;}
    .contact_tel img{width: 0.6rem;height: 0.6rem;}
    .contact_tel div{font-size: 0.6rem;}
    .contact_tel span{font-size: 0.22rem;margin-top: 0.2rem;}
    .content_pics_list li{width: 50%;}
    .banner_pic img{width: 100%;height: 4.5rem;object-fit: cover;}
    .gsjj {padding-top: 0.9rem;padding-bottom: 0.6rem;}
    .gsjj_right{padding-top: 0;}
    .index_tit h2{line-height: 0.6;}
    .index_tit h3{line-height: 1;}
    .index_tit h4{margin-bottom: 0.6rem;}
    .gsjj_right p{margin-bottom: 0.2rem;}
    .gsjj_right>img{margin-top: 0.6rem;margin-bottom: 0.4rem;}
    .ej_tit h2{top: -0.4rem;}
    .inner_page_container{padding-top: 1.35rem;padding-bottom: 0.6rem;}
    .article_detail{padding-top: 0;}

    .zptel{margin-top: 0.5rem;margin-bottom: 0.5rem;}
    .zptel li{margin-bottom: 0.2rem;}
    .zptel li img{height: 0.4rem;width: 0.4rem;margin-right: 0.1rem;}
    .zptel li div{font-size: 0.4rem;}
    .zptel li span{font-size: 0.2rem;}
    .zplist li{padding:0.6rem 0.5rem;}
    .contact_tel{padding-bottom: 0.5rem;}
    .contact_info li{padding:0.45rem 0.35rem;}
    .contact_info li span{width: 0.8rem;height: 0.8rem;}
    .contact_info li span img{width: 0.4rem;height: 0.4rem;}
    .contact_info li div i{font-size: 0.28rem;line-height:1.8;}
    .contact_info li div p{font-size: 0.28rem;line-height:1.8;}

    .artPage{overflow: hidden;position: relative;border-top:1px solid #e5e5e5;padding: 0.25rem 0;}
.artPage p{height: 0.60rem;line-height: 0.60rem;overflow: hidden;font-size:0.26rem;color:#656565;float: none;}
.artPage p a{font-size:0.26rem;}
.artPage p .without{color:#999;}
.artPage p .without:hover{color:#999;cursor: not-allowed;/*cursor:default;*/}

}

@media only screen and (max-width: 640px){
    .zplist li{width: 100%;margin-right: 0;}
    .zptel {padding-left: 0.3rem;}
    .content_pics_list li{width: 100%;}
    .zplist li .link{width: 2.6rem;height: auto;line-height: 0.8rem;font-size: 0.28rem;}

    .detail_title {padding: 0.5rem 0.4rem 0.2rem;}
    .detail_title h1{font-size: 0.36rem;}
    .page_header_info{padding-bottom: 0.2rem;}
    .page_con{padding:0.3rem;font-size: 0.28rem;}
}

.navbar.con_header{background: rgba(0,0,0,0.7);position: relative;}
.video_tit{font-size: 16px;color:#fff;cursor: pointer;text-decoration: underline; text-decoration-thickness:1px;}
@media only screen and (max-width: 750px){
    .header_zhanwei{display: block;height: 1rem;}
    .navbar.con_header{position: fixed;}
    .index_tit h4{line-height: 1.5;margin-top: 0.4rem;margin-left: 0;}
    .contact_tel img{margin-right: 0.2rem;}
    .video_tit{font-size: 0.2rem;padding-top: 2rem;}
    .page_con{padding-left: 0;padding-right: 0;}
}
.ejnavtit{display: none;}
.event_list{margin-top: 55px;}
.empty_msg {text-align: center;padding:20px;}
.content_pics_list li .pic{object-fit: contain;padding:20px;background: #fff;}
.content_pics_list li .pic_box{border: 1px solid #d5d5d5;}
@media only screen and (max-width: 750px){
    .event_list{margin-top: 0.5rem;}
    .content_pics_list li .pic{padding:0.2rem;}
}