@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:#FF8F15;}
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: #FF8F15;color:#fff;border-color: #FF8F15;}

/*内页*/
/*.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{background: #161616;position: fixed;top: 0;left: 0;width: 100%;z-index: 2000;}
.logo{float: left;padding:27.5px 0;}
.logo img{height: 29px;}
.main_nav{float: right;}

.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: 0px;position: absolute;width: 460px;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 ul{ width:100px; 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;padding-left: 20px;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;}

/*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;}
.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%;}

.mainbox{padding-top: 84px;}
.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;}

.mBox5bg{background: url(../images/cpm_26.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;}
.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;}

/*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: #FF8F15;}

/*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;
}