body{ background:url(banner.jpg) no-repeat top center;}

.header{ height:500px;}
.header .link{ height: 37px; margin-top: 30px; background: url(logo.png) no-repeat 15px top;}
.header .link a{ display: inline-block; width:160px; height: 37px;}
.part{ width:1000px; margin:0 auto; overflow: hidden;}
.part1{ background-color: #FFF; background: url(bg1.jpg) no-repeat  right bottom;}

.part1_t{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #e2e2e2;}
.part1_1{ background-color: #FFF; padding: 15px 0;}
.part1_l{width: 580px; height: 357px; overflow: hidden; position: relative;}
#imgs_cont1 {overflow: hidden; position: absolute; top: 0px ; left: 0px;}
#imgs_cont1 li {width: 580px; height: 357px; position: relative;}
#imgs_cont1 li .ft {position: absolute; left: 0px; bottom: 0px; width: 100%; height:0px;background: url(http://static.jstv.com/ui/common/images/slide_mask1.png) 0 bottom repeat-x;}
#imgs_cont1 li .ft .t1 { display: block;font-size: 24px; color: #fff; font-family: "Hiragino Sans GB","Microsoft YaHei";padding-left: 20px; padding-top:27px; width: 450px; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; margin-top: 25px;}
#imgs_cont1 li .ft .t2 { display: block;font-size: 12px; color: #fff; padding-left: 20px; width: 400px; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
#imgs_cont1 li .ft .t2 span {/* color: #bb1e12; */}
#icons_cont1 {position: absolute;right: 50px; bottom: 24px;}
#icons_cont1 li { float: left; width: 10px; height: 10px; margin-left: 10px; background-color: #d1d1d1; cursor: pointer;}
#icons_cont1 li.on { background-color: #e28800;}
#prevIcon1 {position: absolute;width: 40px; height: 40px; background: #e28800 url(http://static.jstv.com/ui/common/images/iconshm.png) no-repeat 14px -33px; bottom: 0; right: 0;}
#nextIcon1 {position: absolute;width: 40px; height: 40px; background: #e28800 url(http://static.jstv.com/ui/common/images/iconshm.png) no-repeat 15px 11px; bottom: 40px; right: 0;}
#prevIcon1:hover, #nextIcon1:hover {background-color: #e26500;}
.contmain_r { margin-left: 580px; width: 420px; overflow: hidden; height: 320px;}
.contmain_r .hd { margin-bottom: 12px; height: 31px; overflow: hidden;}
.contmain_r .hd a { font-family: "Hiragino Sans GB","Microsoft YaHei"; font-size: 24px; font-weight: bold;}
.contmain_r .bd .adsimg {overflow: hidden;}
.contmain_r .bd .adsimg img { width:150px; height: 100px;}
.contmain_r .bd .news {width: 270px; overflow: hidden;}
.contmain_r .bd .news li {line-height: 17px; height: 18px; overflow:hidden;margin-bottom: 10px;}
.contmain_r .bd .news li a { font-size:12px; padding-right: 6px;}

.part1_r{ width: 380px; margin-right: 20px;}
.more a{ display: inline-block; width: 51px; height: 7px; background: url(more.jpg) no-repeat top center; margin-bottom: 5px;}
.part1_r1{ border-bottom: 1px dashed #e2e2e2; margin-bottom: 15px;}
.part1_r1 h3{ font-size: 26px; margin-bottom: 10px;}
.part1_r1 p{ font-size: 16px; margin-bottom: 10px; text-indent: 32px; line-height: 24px;}

.part1_r2 li,.part1_b li,.part3_1_r li{background: url(http://static.jstv.com/ui/common/images/iconshm.png) no-repeat 0px -355px; padding-left: 8px;line-height: 32px;overflow: hidden;}
.part1_b{ margin-bottom: 30px;}
.part1_b li{ float:left;}
.part1_b li:nth-child(odd){ width: 592px;}

.part1_s a{ display: inline-block; width: 460px; height: 80px; background-position: top center; background-repeat: no-repeat;}
.part1_s .part1_s1{ background-image: url(b1.jpg);}
.part1_s .part1_s2{ background-image: url(b2.jpg);}

.part_title{ width: 100%; background-position: top center; background-repeat: no-repeat; margin-top: 40px;}
.part_title1{ background-image: url(t1.jpg); height: 70px;}
.part_title2{ background-image: url(t2.jpg); height: 106px;}
.part_title3{ background-image: url(t3.jpg); height: 70px;}

.part2{ background-color: #dfdfe0; padding: 40px 0;}
.part2_1{ position: relative;}
.swiper-container{ width: 876px;}
.swiper-slide{ width: 210px; height: 369px; overflow: hidden; margin-right: 12px;  background-color: #FFF;}
.part2_img{ width: 210px; height: 210px; overflow: hidden;}
.part2_c{ height: 120px; overflow: hidden;}
.part2_c h3{ font-size: 24px; padding: 0 10px;}
.part2_c p{font-size: 15px;padding: 0 10px;line-height: 24px;min-height: 52px;}
.part_sw_d .part2_c h3{margin: 5px 0 5px;}
.part_sw_u .part2_c h3{margin: 0 0 5px;}
.part_sw_d .part2_c p{margin-bottom: 5px;}
.part_sw_u .part2_c p{/* margin-bottom: 15px; */}

.part_sw_d .part2_j{ width: 100%; height: 10px; background: url(line1.jpg) no-repeat right center;}
.part_sw_u .part2_j{ width: 100%; height: 10px; background: url(line2.jpg) no-repeat right center; margin-top: 15px;}

.part_prev{ width: 62px; height: 705px; background: url(l1.png) no-repeat center; cursor: pointer;}
.part_next{ width: 62px; height: 705px; background: url(r1.png) no-repeat center; cursor: pointer;}
.part2_bg{ width: 100%; height: 39px; background-color: #dfdfe0;}

.part3{ background: url(bg2.jpg) no-repeat left 226px;}
.part3_1{ height: 212px; overflow: hidden; background-color: #f8f8f9; margin-top: 20px;}
.part3_1_l{ width: 320px; height: 212px; overflow: hidden;}
.part3_1_l img{ width: 100%; height: 100%; /*object-fit: cover;*/}
.part3_1_r{ width: 620px; padding: 20px 0;}

.part3_2{ margin-top: 40px;}
.part3_2 li{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e1e0e0; overflow: hidden;}
.part3_2_l{ position: relative; width: 250px; height: 165px;}
.part3_2_l .part3_2_limg,.part3_2_img .part3_2_limg{ width: 100%; height: 100%; object-fit: cover;}
.part3_2_r{ width: 700px; padding: 10px 0;}
.part3_2_r h3,.part_l3 h3{ font-size: 22px; line-height: 46px;}
.part3_2_r p{ font-size: 14px; color: #828282; line-height: 24px;}
.part3_2_r p a{ color: #c71f1f;}
.part3_2_p{ position: absolute; left: 50%; top:50%; z-index: 1; width: 97px; height: 97px; background: url(play.png) no-repeat center;; margin-top: -48px; margin-left: -48px;}
.part3_2_img{ width: 320px; height: 212px; overflow: hidden;}
.part3_2_img+.part3_2_img{ margin-left: 20px;}
.part3_3{ height: 57px; text-align: center; line-height: 57px; background-color: #e8e8e8; color: #505050; cursor: pointer; font-size: 18px;}
.footer{ width: 100%; height: 326px; background: url(bottom.jpg) no-repeat bottom center; margin-top: 40px; overflow: hidden;}
.footer_a{ position: relative; height: 60px; margin-top: 130px;}
.footer_a a{ display: block; position: absolute; top: 0; z-index: 1; height: 60px;}
.footer_1{ width: 150px; left: 40px;}
.footer_1{ width: 220px; left: 240px;}
.footer_1{ width: 150px; left: 490px;}