@charset "utf-8";
/* CSS Document */

/*PC端banner*/
.banner{ position:relative; width:100%; overflow:hidden; max-width:1366px; margin:0 auto;}
.banner .banner_pro{}
.banner .banner_pro .banner_img{ position:relative;}
.banner .banner_pro .banner_img .ban_img{ height:440px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.banner .banner_pro .banner_img .ban_img img{ width:100%;}
.banner .banner_pro .banner_img .ban1_fj{ height:280px; display:flex; align-items:center; justify-content:center; position:absolute; top:20px; left:80px; -webkit-transform:translate(50%,50%) scale(0.3,0.3); opacity:0; -webkit-transition:opacity 1s, transform 1s;}
.banner .banner_pro .banner_img .ban1_fj .fj_img{ display:none; max-height:280px;}
.banner .banner_pro .banner_img .ban1_fj .fj_img_on{ display:block;}

.banner .banner_pro .banner_img .ban1_p{ position:absolute; top:100px; right:80px; -webkit-transform:translate(50%,0%); font-weight:bold; text-align:right; opacity:0; -webkit-transition:opacity 1s, transform 1s; display:none;}
.banner .banner_pro .banner_img .ban1_p span{ font-size:48px; color:#4ddafd;}
.banner .banner_pro .banner_img .ban1_p u{ text-decoration:none; font-size:48px; color:#7d7d7d;}
.banner .banner_pro .banner_img .ban1_p i{ font-style:normal; font-size:56px; color:#fff;}

.banner .banner_pro .banner_img .ban1_p_on{ display:block;}

.banner .banner_pro .banner_img .banner_pro_con{ position:absolute; width:1200px; left:50%; bottom:0px; transform:translate(-50%,60%); z-index:9; opacity:0; -webkit-transition:opacity 0.5s, transform 0.5s;}
.banner .banner_pro .banner_img .banner_pro_con .ul_pro_con{ background:#fff; border-radius:5px; box-shadow:0px 15px 30px -15px rgba(0,0,0,0.3); display:flex; padding:18px 0;}
.banner .banner_pro .banner_img .banner_pro_con .ul_pro_con li{ flex:1; border-right:1px solid #e2e2e2;}
.banner .banner_pro .banner_img .banner_pro_con .ul_pro_con li:last-child{ border:none;}
.banner .banner_pro .banner_img .banner_pro_con .ul_pro_con li a{ display:flex; align-items:center; padding:0px 10px;}
.banner .banner_pro .banner_img .banner_pro_con .ul_pro_con li a .div_pro_img{ margin-right:10px; width:160px; height:160px; display:flex; align-items:center; justify-content:center;}
.banner .banner_pro .banner_img .banner_pro_con .ul_pro_con li a .div_pro_img img{ max-height:100%;}
.banner .banner_pro .banner_img .banner_pro_con .ul_pro_con li a .div_pro_r{ padding:20px 0; flex:1;}
.banner .banner_pro .banner_img .banner_pro_con .ul_pro_con li a .div_pro_r h2{ color:#797979; font-size:18px; font-weight:bold; margin-bottom:1.25em; line-height:1em; position:relative; display:inline-block;}
.banner .banner_pro .banner_img .banner_pro_con .ul_pro_con li a .div_pro_r h2 b{ position:absolute; bottom:-4px; left:0; height:2px; width:0%; background:#f6d300; display:block; z-index:1; -webkit-transition:width 0.5s;}
.banner .banner_pro .banner_img .banner_pro_con .ul_pro_con li:hover a .div_pro_r h2{ color:#2a2a2a;}
.banner .banner_pro .banner_img .banner_pro_con .ul_pro_con li:hover a .div_pro_r h2 b{ width:100%;}

.banner .banner_pro .banner_img .banner_pro_con .ul_pro_con .li_pro_con_on a .div_pro_r h2{ color:#2a2a2a;}
.banner .banner_pro .banner_img .banner_pro_con .ul_pro_con .li_pro_con_on a .div_pro_r h2 b{ width:100%;}

.banner .banner_pro .banner_img .banner_pro_con .ul_pro_con li a .div_pro_r p{ color:#999; font-size:13px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom:2em;}
.banner .banner_pro .banner_img .banner_pro_con .ul_pro_con li a .div_pro_r span{ color:#999; font-size:15px;}

.banner .banner_pro .banner_info{ position:relative; padding:20px 80px 0px; margin-bottom:60px; display:flex; align-items:center; justify-content:flex-end; -webkit-transition:opacity 0.5s,transform 0.5s;}
.banner .banner_pro .banner_info p{ font-size:18px; line-height:1.5em;white-space: pre;}
.banner .banner_pro .banner_info img{ height:80px; margin-left:2em;}

.banner .banner_pro_2 .banner_img .ban1_fj{ height:280px; display:flex; align-items:center; justify-content:center; position:absolute; top:20px; left:80px; -webkit-transform:translate(50%,50%) scale(0.3,0.3); opacity:0; -webkit-transition:opacity 1s, transform 1s;}
.banner .banner_pro_2 .banner_img .ban1_p{ position:absolute; top:100px; right:80px; -webkit-transform:translate(50%,0%); font-weight:bold; text-align:right; opacity:0; -webkit-transition:opacity 1s, transform 1s;}
.banner .banner_pro_2 .banner_img .ban1_p span{ font-size:48px; color:#e62129;}
.banner .banner_pro_2 .banner_img .ban1_p u{ text-decoration:none; font-size:48px; color:#fff;}
.banner .banner_pro_2 .banner_img .ban1_p i{ font-style:normal; font-size:56px; color:#fff;}

.banner .banner_pro_3 .banner_img .ban1_fj{ height:280px; display:flex; align-items:center; justify-content:center; position:absolute; top:20px; left:80px; -webkit-transform:translate(50%,50%) scale(0.3,0.3); opacity:0; -webkit-transition:opacity 1s, transform 1s;}
.banner .banner_pro_3 .banner_img .ban1_p{ position:absolute; top:100px; right:80px; -webkit-transform:translate(50%,0%); font-weight:bold; text-align:right; opacity:0; -webkit-transition:opacity 1s, transform 1s;}
.banner .banner_pro_3 .banner_img .ban1_p span{ font-size:48px; color:#28a3ff;}
.banner .banner_pro_3 .banner_img .ban1_p u{ text-decoration:none; font-size:48px; color:#6c7073;}
.banner .banner_pro_3 .banner_img .ban1_p i{ font-style:normal; font-size:56px; color:#040708;}

.banner .banner_pro:hover .banner_info{ opacity:0; -webkit-transform:translateY(-20px);}
.banner .banner_pro:hover .banner_img .banner_pro_con{ opacity:1; -webkit-transform:translate(-50%,50%);}
.banner .banner_pro:hover .banner_img .ban1_fj{ opacity:1;-webkit-transform:translate(0%,0%) scale(1,1);}
.banner .banner_pro:hover .banner_img .ban1_fj img{ -webkit-animation:fudong 4s ease 0s infinite;}
@-webkit-keyframes fudong {
0% {-webkit-transform:translate(0px,0px);}
50% {-webkit-transform:translate(0px,10px);}
100% {-webkit-transform:translate(0px,0px);}
}
.banner .banner_pro:hover .banner_img .ban1_p{ opacity:1;-webkit-transform:translate(0%,0%);}

.con{ width:1200px; margin:0 auto 80px;}

.solution{ background:#cccccc; padding:40px 83px 60px; width:1200px; margin:0 -83px 80px;}
.solution .h2_title_sol{ display:flex; align-items:center; justify-content:space-between; margin-bottom:30px;}
.solution .h2_title_sol span{ font-size:32px; font-weight:bold; line-height:1em; padding:4px 0;}
.solution .h2_title_sol a{ font-size:18px; -webkit-transition:background 0.3s, color 0.3s, padding 0.3s; border-radius:5em;}
.solution .h2_title_sol a:hover{ background:#f6d300; padding:4px 18px; color:#2a2a2a;}
.solution .ul_sol{ margin-left:-75px; width:1275px; display:flex;}
.solution .ul_sol li{ width:350px; margin-left:75px; background:rgba(221,230,237,0.5); -webkit-transition: transform 0.5s,box-shadow 0.5s; border-radius:5px; overflow:hidden;}
.solution .ul_sol li a{ display:block;}
.solution .ul_sol li a .sol_img{ height:200px; overflow:hidden;}
.solution .ul_sol li a .sol_info{ padding:30px 35px;}
.solution .ul_sol li a .sol_info h2{ font-size:22px; font-weight:bold; line-height:1.4em; margin-bottom:70px; min-height:78px;}
.solution .ul_sol li a .sol_info p{ font-weight:bold; display:inline-block; padding:4px 0px; -webkit-transition:background 0.3s, color 0.3s, padding 0.3s; border-radius:5em;}

.solution .ul_sol li:hover{ box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.2); transform:translateY(-10px);} 

.solution .ul_sol li:hover a .sol_info h2{ color:#2a2a2a;}
.solution .ul_sol li:hover a .sol_info p{ background:#f6d300; padding:4px 18px; color:#2a2a2a;}

/*视频弹层*/
.video_pos{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999999; display:none;}
.video_flex{ display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.video_flex .flex_con{ width:1200px; display:flex; background:#000; padding:50px; margin:0 -25px; position:relative;}
.flex_con_l{ width:800px;}
.flex_con_l video{}
.flex_con_l h2{ margin-top:20px; font-size:22px; color:#fff;}
.flex_con_l p{ margin-top:12px; font-size:14px; color:#666;}
.flex_con_l a{ margin-top:40px; display:inline-block; font-size:18px; color:#fff; border:1px solid #fff; border-radius:5em; padding:0.75em 1.5em;}
.flex_con_r{ margin-left:40px;}
.flex_con_r li{ display:flex; margin-bottom:30px;padding:4px;}
.flex_con_r li .video_fm{ position:relative; width:180px; margin-right:20px;}
.flex_con_r li .video_fm_img{}
.flex_con_r li .video_fm_play{ position:absolute; top:50%; left:50%; width:56px; margin-top:-28px; margin-left:-28px; z-index:9; cursor:pointer;}
.flex_con_r li .video_fm:after{ position:absolute; content:""; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
.flex_con_r li p{ font-size:16px; color:#ccc; width:160px; line-height:1.5em;}
.flex_con_r h2{ font-size:22px; color:#fff; margin-bottom:30px;}
.flex_con_r a{ color:#ccc;}

.icon_clo{ position:absolute; width:40px; right:15px; top:15px; cursor:pointer;}

.addlibgc{background: #505050 !important;}
/*视频弹层结束*/



.news{ width:1200px; margin:20px auto 100px;}
.news .h2_title_news{ display:flex; align-items:center; justify-content:space-between; margin-bottom:30px;}
.news .h2_title_news span{ font-size:32px; font-weight:bold; line-height:1em; padding:4px 0;}
.news .h2_title_news a{ font-size:18px; -webkit-transition:background 0.3s, color 0.3s, padding 0.3s; border-radius:5em;}
.news .h2_title_news a:hover{ background:#f6d300; padding:4px 18px; color:#2a2a2a;}
.news .news_con{ display:flex; align-items:stretch;}
.news .news_con .news_main{ margin-left:80px; width:450px; display:block; background:rgba(221,230,237,0.5); border-radius:5px; overflow:hidden;}
.news .news_con .news_main .news_main_img{ height:230px; position:relative; overflow:hidden;display: flex;align-items: center;justify-content: center;}
.news .news_con .news_main .news_main_img img{-webkit-transition: transform 1s;width:100%;}
.news .news_con .news_main .news_main_img .liang{ width:80px; height:460px; background:rgba(255,255,255,0.3); transform:rotate(45deg) translateY(-50%); position:absolute; top:23%; left:-380px; }
.news .news_con .news_main:hover .news_main_img img{ transform:scale(1.03,1.03);}
.news .news_con .news_main:hover .news_main_img .liang{ width:60px; left:460px; -webkit-animation:liang 1s linear 0s forwards;}
@-webkit-keyframes liang {
0% { width:0px; left:-380px;}
50% { width:80px; left:90px;}
100% { width:0px; left:560px;}
}
.news .news_con .news_main .news_main_info{ padding:30px 35px;}
.news .news_con .news_main .news_main_info span{ font-size:14px; color:#999; margin-bottom:0.5em; display:block;}
.news .news_con .news_main .news_main_info h2{ font-size:22px; font-weight:bold; color:#2a2a2a; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.news .news_con .news_main .news_main_info p{ font-weight:bold; display:inline-block; padding:4px 0px; -webkit-transition:background 0.3s, color 0.3s, padding 0.3s; border-radius:5em;}
.news .news_con .news_main .news_main_info .title_desc{margin:8px 0;}
.news .news_con .news_main:hover .news_main_info p{ background:#f6d300; padding:4px 18px; color:#2a2a2a;}
.news .news_con .ul_news{ flex:1; padding:0 80px 0 120px; display:flex; align-content:space-between; flex-wrap:wrap;}
.news .news_con .ul_news li{ width:100%;}
.news .news_con .ul_news li a{ display:block;}
.news .news_con .ul_news li a span{ font-size:14px; color:#ccc; margin-bottom:4px; display:block;}
.news .news_con .ul_news li a h2{ font-size:17px; font-weight:normal; color:#2a2a2a; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.news .news_con .ul_news li:hover a span{ color:#ccc;}
.news .news_con .ul_news li:hover a h2{ color:#deb90f;}


.banner2{ position:relative; width:100%; overflow:hidden; max-width:1920px; margin:0 auto 80px; }
.banner2 .swiper-bancontainer { width:100%; }
.banner2 .swiper-bancontainer .swiper-pagination-bullet {width:30px;height:5px;display: inline-block;background:rgba(255,255,255,1); border:1px solid #fff; opacity: 1;border-radius: 5px;}
.banner2 .swiper-bancontainer .swiper-pagination-bullet-active {background:#f6d300; border:1px solid #f6d300; width:30px;height:5px;opacity: 1;}
.banner2 .swiper-bancontainer>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:20px;left: 0;width: 100%;}
.banner2 .swiper-bancontainer>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 7px;}
.banner2 .swiper-bancontainer .swiper-slide{ position:relative;}
.banner2 .swiper-bancontainer .swiper-slide .slide_con{ display:flex;}
.banner2 .swiper-bancontainer .swiper-slide .slide_con .ban2_img{ width:56%;}
.banner2 .swiper-bancontainer .swiper-slide .slide_con .ban2_con{ width:34%; background:#f6d300; padding:0px 8% 0px 4%; box-sizing:border-box;  display:flex; align-items:center; justify-content:center; position:relative;}
.banner2 .swiper-bancontainer .swiper-slide .slide_con .ban2_con .ban2_con_flex{ position:relative; z-index:9; width:100%;}
.banner2 .swiper-bancontainer .swiper-slide .slide_con .ban2_con .ban2_con_flex h2{ font-size:32px; margin-bottom:1em; color:#2a2a2a;}
.banner2 .swiper-bancontainer .swiper-slide .slide_con .ban2_con .ban2_con_flex p{ margin-bottom:2em;}
.banner2 .swiper-bancontainer .swiper-slide .slide_con .ban2_con .ban2_con_flex a{ cursor:pointer; font-weight:bold; padding:4px 12px; margin-left:-12px; border-radius:5em; -webkit-transition:background 0.3s, color 0.3s, margin 0.3s;}
.banner2 .swiper-bancontainer .swiper-slide .slide_con .ban2_con .ban2_con_flex a:hover{ background:#2a2a2a; color:#fff; margin-left:0px;}
.banner2 .swiper-bancontainer .swiper-slide .slide_con .ban2_con .ban2_con_bg{ position:absolute; width:515px; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}

.banner2 .swiper-bancontainer .swiper-slide .slide_con .ban2_num{ width:10%; padding:35px; box-sizing:border-box; display:flex; align-items:center; justify-content:center;}
.banner2 .swiper-bancontainer .swiper-slide .slide_con .ban2_num h1{ text-align:left; font-size:88px; line-height:1em; width:130px;}
.banner2 .swiper-bancontainer .swiper-slide .slide_con .ban2_num h1 p{ font-size:26px; line-height:1em; display:block; text-align:right;}
.banner2 .swiper-bancontainer .swiper-slide .slide_con .ban2_num h1 p span{ margin-left:4px;}


.poster-main{position: relative; box-sizing:border-box; padding:0 80px;}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{ width:1040px!important; position:relative;}

.poster-main .poster-list .poster-item{position: absolute;left: 0;top: 0; border-radius:5px; overflow:hidden; box-shadow: 0px 15px 30px -15px rgba(0,0,0,0.3);}

.mb1{ width: 208px; height: 296px; left: 0px; z-index: 1; top: 37px; position:absolute; background:linear-gradient(to right,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.8) 100%); border-radius:5px 0px 0px 5px;}
.mb2{ width: 208px; height: 296px; left: 207.5px; z-index: 2; top: 37px; position:absolute; background:linear-gradient(to right,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.8) 100%); border-radius:5px 0px 0px 5px;}
.mb3{  width: 208px; height: 296px; left: 784.5px; z-index: 2; top: 37px; position:absolute;  background:linear-gradient(to right,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 100%); border-radius:0px 5px 5px 0px;}
.mb4{ width: 208px; height: 296px; left: 992.2px; z-index: 1; top: 37px; position:absolute; background:linear-gradient(to right,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 100%); border-radius:0px 5px 5px 0px;}


.poster-main .poster-btn{ cursor: pointer;position: absolute; top:0; width:80px !important; text-align: center;line-height: 14px; color: #ffffff; background:url("../png/1.png") no-repeat left center; z-index: 10;}
.poster-main .poster-next-btn{ background:url("../png/2.png") no-repeat right center;}
.btn-box{ display: table; margin:0 auto;  transform: translateX(80px);}
.index-btn{ display: inline;cursor: pointer;float: left; width: 10px;height: 10px; margin-right: 5px;margin-top: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #ccc;}
.poster-main .poster-prev-btn{ left: 0;}
.poster-main .poster-next-btn{ right:-160px;}
.index-btn.poster-btn-active{ width: 10px; border-radius: 50px; background-color: #f6d300;}
.poster-item .poster_pos{ position:relative;}
.poster-item .poster_pos p{ position:absolute; background:rgba(0,0,0,0.8); width:100%; left:0; bottom:0; color:#fff; line-height:30px; text-align:center; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#posterTvGrid86804{ padding:0px 0px 30px;}
.posterTvGrid{position:relative;height:370px;}
.posterTvGrid img{max-width:none;max-height:none;border:0 none;background:#888;}
.posterTvGrid .contentHolder{position:relative;overflow:hidden;}
.posterTvGrid .contentHolderUnit{cursor:pointer;position:absolute;width:650px;height:370px;}
.posterTvGrid .contentHolderUnit a.elementLink{display:block;overflow:hidden;z-index:3;position:absolute;left:0;right:0;width:100%;height:100%;}
.posterTvGrid .contentHolderUnit img{width:100%;height:100%;}
.posterTvGrid .contentHolderUnit .elementTitle{}
.posterTvGrid .contentHolderUnit .elementOverlay{z-index:1;position:absolute;top:0;left:0;background:#000;width:100%;height:100%;opacity:0;filter:opacity=0;}
.posterTvGrid .contentHolderUnit .leftShadow{position:absolute;top:23px;left:-174px;width:174px;height:224px;background:url(../leftshadow.html) no-repeat;}
.posterTvGrid .contentHolderUnit .rightShadow{position:absolute;top:23px;right:-174px;width:174px;height:224px;background:url(../rightshadow.html) no-repeat;}
.posterTvGrid .bannerControls{}
.posterTvGrid .leftNav,.posterTvGrid .rightNav{cursor:pointer;z-index:10;position:absolute;top:50%;width:45px;height:45px;margin-top:-22.5px;}
.posterTvGrid .leftNav{left:7px;background:url("../png/1.png") no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../png/slide_prev_btn.png");}
.posterTvGrid .rightNav{right:7px;background:url("../png/2.png") no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../png/slide_next_btn.png");}
.posterTvGrid .leftNav:hover{}
.posterTvGrid .rightNav:hover{}
.posterTvGrid .bottomNav{z-index:140;position:absolute; bottom:-30px;width:100%;height:10px;padding:10px 0 0;text-align:center;}
.posterTvGrid .bottomNavButtonOFF{cursor:pointer;overflow:hidden;display:inline-block;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;vertical-align:top;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#ccc;}
.posterTvGrid .bottomNavButtonOFF:hover{background:#ccc;}
.posterTvGrid .bottomNavButtonON,
.posterTvGrid .bottomNavButtonON:hover{background:#f6d300;}
.posterTvGrid .bottomNavLeft{}
.posterTvGrid .bottomNavRight{}