@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; max-width:100%;}
.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;}
@keyframes bannerimg { from {transform: scale(1.2);} to {transform: scale(1);} } 
/*
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;}
.single{}
.single:after{ content:""; display:table; clear:both;}
.con.con1,.con.con2{ float:left; width:50%;}
.con.con3{ float:left; width:100%;}

@-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:10px 0;}
.logo img{height: 64px;}
.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_gywm img{max-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;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;
    opacity:0;-webkit-opacity:0;}
.mBox2bg.active .i_tit{opacity:1;-webkit-opacity:1}
.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;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;
    opacity:0;-webkit-opacity:0;}
.mBox3bg.active .i_tit{opacity:1;-webkit-opacity:1}
.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;}


.mBox6bg{background:#fff;background-size:cover;background-repeat:no-repeat; background-position:center;}
.mBox6bg .fp-tableCell{ display:block !important;position: relative;}
.mBox6List{position: absolute;top: 0;left: 8.5%;height: 100%;width: 83%;padding-top: 230px;padding-bottom: 30px;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;
    opacity:0;-webkit-opacity:0;}
.mBox6bg.active .mBox6List{opacity:1;-webkit-opacity:1}
.mBox6List_wrapper{height: 100%;overflow: hidden; position:relative;}
.inadvantages{}
.inadvantages ul{position: absolute;top: 0;left:0;height: 90%;width: 100%;border: #cccccc 1px solid;}
.inadvantages ul li{ 
	width:25%; 
	float:left;
	height: 50%;position: relative;
	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;border-left: #cccccc 1px solid; padding:30px;border-bottom: #cccccc 1px solid;
}
.inadvantages ul li:nth-child(1),.inadvantages ul li:nth-child(5){border-left:none; }
.inadvantages ul li:nth-child(4):after{ content:""; display:table; clear:both;}
.active .inadvantages ul li {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	opacity: 1;
	-webkit-opacity: 1;
}
.inadvantages ul li .pic{ color:#000; line-height:50px;font-size:18px;/*padding-left:60px; background: url(../images/mBoxIcon1ss.png) no-repeat left center;*/ }
.inadvantages ul li .pic img{ margin-right:15px;}
.inadvantages ul li .pic em{ color:#000;font-size:36px; font-style:normal; padding-right:15px; line-height:50px;}
.inadvantages ul li .text{ padding-top:15px;}
.mBox7bg{background:#fff;background-size:cover; background-repeat:no-repeat; background-position:center;}
.mBox7{padding:0 30px;}
.mBox7List{position: absolute;top: 0;left: 8.5%;height: 100%;width: 83%;padding-top: 230px;padding-bottom: 30px;}
.mBox7List:before{ content:""; display:block; width:320px; height:100%; position:absolute; left:0px; top:0;  background:rgba(0,0,0,0.8);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;}
.active .mBox7List:before{
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	opacity: 1;
	-webkit-opacity: 1;
}
.mBox7List_wrapper{height: 100%;overflow: hidden; position:relative; z-index:2;}
.injoin{}
.injoin .title{ padding-left:40px; width:240px;color:#fff; 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;}
.active .injoin .title{transform: translateY(0px);
	-webkit-transform: translateY(0px);
	opacity: 1;
	-webkit-opacity: 1;}
.injoin .title h3{font-size: 40px; color:#fff; position:relative; padding-bottom:15px; }
.injoin .title h3:after{ content:""; display:block; width:60px; height:4px; background:rgb(164, 127, 74);}
.injoin .title .more{ padding-top:15px;}
.injoin .title .more a{border: rgba(255, 255, 255, 0.37) 1px solid;border-radius:25px; color:#fff; text-align:center; line-height:40px; width:150px; display:block;}
.injoin .title .more a:hover{background:rgb(164, 127, 74);}
.injoinlist{ position:absolute; bottom:0; left:0; width:100%; height:auto;}
.injoinlist ul{}
.injoinlist ul:after{ content:""; display:table; clear:both;}
.injoinlist ul li{ width:33.333%; float:left;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;}
.active .injoinlist ul li {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	opacity: 1;
	-webkit-opacity: 1;
}
.injoinlist .injoinbox{ margin:15px; background:#fff; padding:30px; cursor:pointer;}
.injoinlist .injoinbox .pic{ overflow:hidden; position:relative;}
.injoinlist .injoinbox .pic:before{content:""; display:block; position:absolute; left:0; top:50%; width:40px; height:3px; background:rgb(164, 127, 74);}
.injoinlist .injoinbox:hover{background:rgb(164, 127, 74);}
.injoinlist .injoinbox:hover .pic,.injoinlist .injoinbox:hover .text,.injoinlist .injoinbox:hover .txt{ color:#fff;}
.injoinlist .injoinbox:hover .pic:before{background:rgb(255,255,255);}

@font-face {font-family: "iconfont"; /* Project id  */src: url('iconfont.ttf?t=1635733697633') format('truetype');}
.iconfont {font-family: "iconfont" !important;font-size: 48px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; float:right; line-height:48px;}
.icon-mendian:before {content: "\e682";}
.icon-shenqing:before {content: "\e633";}
.icon-wodezhichi:before {content: "\e666";}
.icon-fengcaizhanshi:before {content: "\e671";}


.pc-banner{margin-top: 65px; width:83%; margin:0 auto;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;}
.active .pc-banner {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    opacity: 1;
    -webkit-opacity: 1;
}
.pc-banner .swiper-wrapper{padding: 36px 0;}

.pc-banner .swiper-slide {
  -webkit-transition: transform 1.0s;
  -moz-transition: transform 1.0s;
  -ms-transition: transform 1.0s;
  -o-transition: transform 1.0s;
  -webkit-transform: scale(0.85);
  /* margin: 1px; */
  transform: scale(0.85);
}
.pc-banner .swiper-slide-active,.pc-banner .swiper-slide-duplicate-active {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  z-index: 1002;
}
.pc-banner .none-effect {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}
.pc-banner .swiper-slide a {
  background: #fff;
  display: block;
  position: relative;
}
.pc-banner .swiper-slide-active a:after {
  background: none;
}
.pc-banner .swiper-slide img {
  width: 100%;
  display: block;
  height: 100%;
  border: none;
}
.pc-banner .swiper-pagination {
  position: relative;
  margin-bottom: 30px;
}
.pc-banner .swiper-pagination-bullet {
  background: #00a0e9;
  margin-left: 4px;
  margin-right: 4px;
  width: 17px;
  height: 17px;
  opacity: 1;
  margin-bottom: 4px;
}
.pc-banner .swiper-pagination-bullet-active {
  width: 13px;
  height: 13px;
  background: #FFF;
  margin-bottom: 0;
}
.pc-banner .button {
  width: 100%;
  margin: 0 auto;
  top: -290px;
  position: relative;
  z-index: 1002;
}
.pc-banner .button div:hover {
  background-color: #333;
  opacity: 0.8;
  cursor: pointer;
}
.pc-banner .swiper-button-prev {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000000 center 50%/50% 50% no-repeat;
  opacity: 0.5;
  background-size: 15px;
  cursor: pointer;
}
.pc-banner .swiper-button-next {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000000 center 50%/50% 50% no-repeat;
  opacity: 0.5;
  background-size: 15px;
  cursor: pointer;
}
.pc-banner .swiper-button-prev:after,.pc-banner .swiper-button-next:after{ text-indent:-99999px;}


.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;
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;}
.active .mBox4List .item {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    opacity: 1;
    -webkit-opacity: 1;
}
.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{animation: bannerimg 2s; opacity:1;}
/*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;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{display: block;position: relative;padding-bottom: 100%;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;
}

.join{ padding:120px 0; overflow:hidden;}
.join.blackbg{background-color: rgb(61, 61, 61);}
.join_title{ text-align:center;color: #444444; padding-bottom:30px;}
.join_title h1{ text-transform:uppercase;font-size: 42px; line-height:1.2;}
.join_title h3{font-size: 24px; line-height:1.2;    color: rgb(102, 102, 102);}
.join_title.white,.join_title.white h3{color: #eee;}
.join_con{}
.join_con:after{ content:""; display:table; clear:both;}

.join_advantage_txt{ width:45%; float:left; background:#fff; padding:30px;}
.join_advantage_ico{ width:45%; float:right;}
.join_advantage_ico ul{}
.join_advantage_ico ul:after{content:""; display:table; clear:both;}
.join_advantage_ico ul li{ float:left; width:50%; color:#fff;    font-size: 24px; line-height:50px; padding:15px 0;}
.join_advantage_ico ul li img{ vertical-align:middle; padding-right:15px;}

.content-form{ margin:0 -10px 30px;}
.content-form:after{ content:""; display:table; clear:both;}
.content-form .form-group{ width:50%; float:left; padding:10px 10px;}
.content-form .form-group label{ display:block;}
.content-form .form-group .form-control{ background:none;line-height:50px; padding:0 10px; border:1px  solid rgb(102, 102, 102); width:100%;}
.form-submit{ padding-top:20px; width:100%; display:block; float:left;}
.form-submit:before{ content:""; display:table; clear:both;}
.form-submit button{background-color: rgb(102, 102, 102); color:#fff; width:200px; line-height:50px; display:block; margin:0 auto;}
.joinapplication .content-form .form-group label,.joinapplication .content-form .form-group .form-control{ color:rgba(255,255,255,0.94);}
/*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;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{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;
}

#baiduditubox img,.google-maps img {max-width: none!important;}
#baiduditubox label{ max-width: none!important;}