/* scrollpic */
.scrollpic_wrap{width:100%;margin:0px auto;padding:20px 0 30px;}
.scrollpic{width:90%;max-width:1280px;margin:0 auto;}
#myscroll{display:block; width:100%; position:relative;overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000%;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{display:block; float:left; padding:0; margin:0;width:20%;margin-right:30px;background:#ffffff;border:1px solid #ffffff;border-bottom:0;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#myscroll ul li:hover{border:1px solid #1461cc;}
#myscroll ul li .scroll_box{overflow:hidden;display:block; float:left; width:100%;height: 260px; position:relative;color:#333;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;border-radius: 0 0 4px 4px;}
#myscroll ul li .scroll_box img{width:100%;max-height: 400px;vertical-align:middle;transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
#myscroll ul li .scroll_box .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
#myscroll .scroll_box .intro{width: 100%;position:absolute; left:0; z-index:10; background-color:#666; color:#ffffff;padding:0 10px 15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#myscroll .scroll_box .intro h5{padding:0; margin-bottom:10px; font-size:16px; font-weight:bold; padding:0 15px; height:40px; width:100%; line-height:40px; border-bottom:1px solid #717070;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
#myscroll .scroll_box .intro h5 a{ color:#fff;}
#myscroll .scroll_box .intro p{font-size:13px; line-height:20px;height:0; overflow:hidden;transition-duration: .25s;;-ms-transition-duration: .25s;;-moz-transition-duration: .25s;;-webkit-transition-duration: .25s;}
#myscroll .scroll_box .intro{bottom:-25px;}
#myscroll .scroll_box:hover .intro{bottom:0px;background-color: #1461cc;}
#myscroll .scroll_box:hover  p{height:40px; }
#myscroll .scroll_box:hover h5{border-bottom:1px solid rgb(45, 122, 197)}
#myscroll .scroll_box:hover img{transform: scale(1.3,1.3);}

#mybtns{margin-bottom:20px;margin-top:20px; width:100%; display:block; height:42px;text-align:right;}
#mybtns a{width:42px; height:42px;margin-right:1px; background-color: #616161;border-radius:4px 0 4px 0; -webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
#mybtns a:hover{background-color: #1461cc;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#mybtns #left{background-image:url(../images/jt_l.png);display:inline-block;}
#mybtns #right{background-image:url(../images/jt_r.png);display:inline-block;}