@charset "utf-8";
/* CSS Document */
body,h2,h3 {font-size:16px;}
#nav {margin:0 auto;border-width:1px 0 0;}
/*******************************     global_begin     *******************************/
.type1 .graphic .list-item>a {position:relative;}
.type1 .graphic .list-item>a:before {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;z-index:1;background:url("http://ats.taiwan.cn/rongshipin/images/video_icon_bg_2019.png") 0.1rem 1.19rem no-repeat;background-size:auto 0.28rem;}
.type1 .graphic .list-item>a:after {position:absolute;left:0;bottom:0;content:"";display:block;width:100%;height:0.4rem;background:linear-gradient(to top,rgba(77,50,44,0.5),transparent);}
/*******************************     global_end     *******************************/
/*******************************     main_begin     *******************************/
/* type1_begin */
.type1 {padding:0.45rem 0 0;background:url("http://ats.taiwan.cn/rongshipin/images/graphic_bg_2019.png") center top no-repeat;background-size:auto 100%;overflow:hidden;}
/* scroll_begin */
.type1 .imgs {position:relative;width:7.48rem;height:4.2rem;margin:0 auto 0.21rem;overflow:hidden;}
.type1 .imgs #list li {position:absolute;opacity:0;width:7.48rem;height:4.2rem;z-index:-1;transition:opacity 0.3s ease 0s;}
.type1 .imgs #list img {width:7.48rem;height:4.2rem;}
.type1 .imgs #list .startNext,.type1 .imgs #list .startPre {opacity:1;z-index:1;}
/*optional components_begin*/
.type1 .imgs .list-index {position:absolute;right:0.22rem;bottom:14px;width:auto;height:10px;line-height:10px;overflow:hidden;z-index:2147483610;}
.type1 .imgs .list-index:before {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;}
.type1 .imgs .list-index li,.type1 .imgs .list-index a {display:inline-block;vertical-align:top;width:10px;height:10px;margin:0 3px 0 4px;border-radius:50%;line-height:10px;text-align:left;text-indent:-100%;font-size:0;cursor:pointer;text-indent:-100%;background:#b2b2b2;transition:color 0.3s ease 0s,background-color 0.3s ease 0s;overflow:hidden;}
.type1 .imgs .list-index li.on,.type1 .imgs .list-index a.on {color:#4c4c4c;background:#fff;}
/*optional components_end*/
/* content_begin */
.type1 .imgs .list-item,.type1 .imgs a {color:#fff;}
.type1 .imgs .list-item-title {position:absolute;left:0;bottom:0;width:100%;font-size:18px;line-height:2.125em;background:rgba(0,0,0,0.5)}
.type1 .imgs .list-item-title a {padding:0 calc(85px + 0.22rem) 0 0.5em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* content_end */
/* btns_begin */
.type1 .imgs #preBtn,.type1 .imgs #nextBtn {position:absolute;left:0.2rem;top:50%;width:0.32rem;height:0.7rem;margin:-0.35rem 0 0;cursor:pointer;background:rgba(0,0,0,0.5);z-index:2147483610;}
.type1 .imgs #nextBtn {left:auto;right:0.2rem;}
.type1 .imgs #preBtn:before,.type1 .imgs #preBtn:after {position:absolute;left:50%;top:50%;content:"";display:block;width:0.03rem;height:0.2rem;margin:-0.1rem 0 0 -0.06rem;transform:rotate(30deg) translateY(-0.1rem);background:#fff;}
.type1 .imgs #preBtn:after {transform:rotate(-30deg) translateY(0.1rem);}
.type1 .imgs #nextBtn:before,.type1 .imgs #nextBtn:after {position:absolute;left:50%;top:50%;content:"";display:block;width:0.03rem;height:0.2rem;margin:-0.1rem 0 0 0.06rem;transform:rotate(-30deg) translateY(-0.1rem);background:#fff;}
.type1 .imgs #nextBtn:after {transform:rotate(30deg) translateY(0.1rem);}
/* btns_end */
/* scroll_end */
/* graphic_begin */
.type1 .graphic {padding:0 0 0.36rem;overflow:hidden;}
.type1 .graphic .list-item {position:relative;float:left;width:2.85rem;margin:0 0 0 0.2rem;}
.type1 .graphic .list-item:first-child {margin:0;}
.type1 .graphic img {width:2.85rem;height:1.6rem;}
.type1 .graphic .list-item-title a {height:2.66em;padding:0.14rem 0 0;font-size:18px;line-height:1.33em;color:#fff;overflow:hidden;}
/* graphic_end */
/* type1_end */
/*******************************     main_end     *******************************/
/*************************************************     依尺寸缩放     *************************************************/
@media screen and (min-width:1366px){
/* type1_begin */
/* graphic_begin */
.type1 .graphic .list-item:hover a {color:#d99400;}
/* graphic_end */
/* type1_end */
}
@media screen and (min-width:769px){
/* type1_begin */
/* scroll_begin */
.type1 .imgs {position:relative;width:12rem;height:4.78rem;margin:0 auto 0.21rem;overflow:hidden;}
.type1 .imgs #list li {position:absolute;opacity:0;width:8.5rem;height:4.78rem;z-index:-1;transition:opacity 0.3s ease 0s;}
.type1 .imgs #list img {width:8.5rem;height:4.78rem;}
.type1 .imgs .list-item-title {display:none;}
/* btns_begin */
.type1 .imgs #preBtn,.type1 .imgs #nextBtn {display:none;}
/* btns_end */
/*optional components_begin*/
.type1 .imgs .list-index {position:absolute;right:0;top:0;width:3.5rem;height:calc(100% - 0.35rem);padding:0.35rem 0 0;line-height:1.5em;background:#241d2e;overflow:hidden;z-index:2147483610;}
.type1 .imgs .list-index:before {display:none;}
.type1 .imgs .list-index li {display:block;width:100%;height:3em;margin:0 3px 0 4px;border-radius:0;line-height:1.5em;text-indent:0;cursor:initial;background:none;transition:color 0.3s ease 0s,background-color 0.3s ease 0s;overflow:hidden;}
.type1 .imgs .list-index li.on,.type1 .imgs .list-index a.on {color:#fff;background:#fad53f;background:linear-gradient(to left,#fad53f,#4d322c);}
.type1 .imgs .list-index a {position:relative;display:block;max-height:2.4em;width:auto;height:auto;margin:0;padding:0.14rem;border-radius:0;font-size:16px;line-height:1.2em;text-indent:0;color:#fff;background:#241d2e;overflow:hidden;}
.type1 .imgs .list-index a:before {position:absolute;left:0;bottom:0;content:"";display:block;width:100%;height:0.14rem;background:#241d2e;}
.type1 .imgs .list-index a.on:before {background:#fad53f;background:linear-gradient(to left,#fad53f,#4d322c);}
/*optional components_end*/
/* scroll_end */
/* type1_end */
}
@media screen and (min-width:900px){
.type1 .imgs .list-index a {font-size:0.2rem;}
}
@media screen and (max-width:768px){
/* type1_begin */
.type1 .graphic .list-item {width:1.795rem;margin:0 0 0 0.1rem;}
.type1 .graphic img {width:1.795rem;height:1rem;}
.type1 .graphic .list-item-title a {padding:0.05rem 0 0;font-size:16px;}
.type1 .graphic .list-item>a:before {background-position:0.1rem 0.6rem;}
/* type1_end */
}
@media screen and (max-width:600px){
/*******************************     global_begin     *******************************/
.type1 .graphic .list-item>a:before {background-size:auto 0.28rem;}
.type1 .graphic .list-item>a:after {height:0.6rem;}
/*******************************     global_end     *******************************/
/* type1_begin */
.type1 .graphic .list-item {clear:none;width:3.64rem;margin:0 0 10px 0.2rem;}
.type1 .graphic .list-item:first-child,.type1 .graphic .list-item:nth-of-type(odd) {clear:left;margin:0 0 10px;}
.type1 .graphic img {width:3.64rem;height:2.04rem;}
.type1 .graphic .list-item-title a {padding:0.05rem 0 0;font-size:16px;}
.type1 .graphic .list-item>a:before {width:3.64rem;height:2.04rem;background-position:0.1rem 1.4875rem;background-size:auto 0.35rem;}
/* type1_end */
}
@media screen and (max-width:414px){
/*******************************     global_begin     *******************************/
.type1 .graphic .list-item>a:before {background-position:0.1rem 1.3rem;background-size:auto 0.525rem;}
/*******************************     global_end     *******************************/
}