﻿.proi{padding-bottom:35px;position:relative}
.proi .slidebox{width:400px;height:300px}
.proi .slidebox .bd2 li{width:400px;height:330px;text-align:left}
.proi .slidebox .bd2 li img{width:400px}
.proi .slidebox .bd2 li img{width:100%}
.proi .titi{position:absolute;left:410px;top:0px;font-size:12px;line-height:1.8em}
.proi .titi h1{font-size:24px;line-height:1em;padding-bottom:30px;font-weight:100;color:#f33}
.proi .titi p{padding-top:10px;margin-top:10px;border-top:1px solid #ccc}
.proi .titi .teli{padding:20px 0;font-size:18px}
.proi .titi .teli span{color:#f33;font-size:24px}
.proi .titi .bnt{width:100%;background:#f33;height:40px;line-height:40px;text-align:center;}
.proi .titi .bnt a{ color:#FFF;}
.proi .titi .bnt2{float:right;width:48%;background:#305dc3;height:40px;line-height:40px;text-align:center}
.slidebox .hd{position:absolute;bottom:5px;width:100%;text-align:center;font-size:0;z-index:1}
.slidebox .hd li{display:inline-block;width:10px;height:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#333;text-indent:-9999px;overflow:hidden;margin:0 5px}
.slidebox .hd li.on{background-color:#305dc3}

.slidebox{position:relative;overflow:hidden}
.slidebox .hd{position:absolute;bottom:5px;width:100%;text-align:center;font-size:0;z-index:1}
.slidebox .hd li{display:inline-block;width:10px;height:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#333;text-indent:-9999px;overflow:hidden;margin:0 5px}
.slidebox .hd li.on{background-color:#305dc3}
.slidebox .bd{position:relative;z-index:0}
.slidebox .bd li{position:relative;text-align:center}
.slidebox .bd li img{vertical-align:top;width:100%}
.slidebox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.arrowbox a{z-index:50;position:absolute;display:block;margin-bottom:-25px;width:25px;height:50px;bottom:50%;line-height:50px;cursor:pointer;text-align:center;color:#fff;font-size:24px;}
.arrowbox .prev{left:0px;border-top-left-radius:0;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:0; background:url(../images/prev.png) center no-repeat;}
.arrowbox .next{right:0px;border-top-left-radius:10px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:10px; background:url(../images/next.png) no-repeat center;}
.arrowbox a:hover{}