.box2 .left{width: 50%;float: left}
.box2 .contain{margin-top: 50px}
.box2 .right{width: 44.44%;float: right;padding-top: 35px}
.box2 .right .p1{font-size: 30px;line-height: 30px;}
.box2 .right .p2{font-size: 20px;color: rgb(102,102,102);line-height: 20px;padding: 12px 0 18px 0;border-bottom: 1px solid rgb(193,193,193);margin-bottom: 15px;}
.box2 .right .p3{color: rgb(102,102,102);line-height: 20px;margin-bottom: 18px;text-indent:2em;}
.box2 .right .p3.sel{margin-top: 37px}
.box2 .right .link{display: block;width: 270px;height: 56px;color: white;background: #F08519;line-height: 56px;text-align: center;margin-top: 40px}
.box2 .prov_ul{background: rgb(170,170,170);margin-top: 90px}
.box2 .prov_ul .list{height: 60px;width: 25%;line-height: 60px;text-align: center;color: white;cursor: pointer}
.box2 .prov_ul .list.selects{background:#F08519}
.prov_info .infos .picture{width: 730px;height: 484px;margin: 135px auto 200px}
.prov_info .infos .picture .pic{display: table-cell;vertical-align: middle}
.box2 .prov_info .infos{display: none;padding-top: 55px;padding-bottom:40px;}
.box2 .prov_info .infos .p1{font-size: 24px;font-weight: bold;padding-bottom: 35px}
.box2 .prov_info .infos .p2{color: rgb(102,102,102);line-height: 32px}
.box2 .prov_info .infos.acts{display: block}
.box_bt{background: rgb(240,240,240);padding-top: 40px;padding-bottom: 140px}
.box_bt .links{display: block;width: 270px;height: 56px;text-align: center;color: white;line-height: 56px;background:#F08519;margin: 0 auto 90px }
.box_bt .p4{font-size: 32px;color: rgb(51,51,51);margin-bottom: 30px}
.box_bt .content{position: relative}
.box_bt .content .p1{color: black;font-weight: bold;font-size: 18px}
.box_bt .content .p2{color: rgb(102,102,102);font-size: 14px;line-height: 22px}
.box_bt .content .p3{color: rgb(51,51,51);font-size: 14px;margin-top: 10px;text-decoration: underline rgb(51,51,51)}
.box_bt .content .pic{padding: 30px 15px;height: 290px;display:block;vertical-align: middle;width:100%;text-align:center;}
.box_bt .content .pic img{max-height:100%;}
.box_bt .swiper-pagination-bullet{opacity: 0.4}
.box_bt .swiper-pagination-bullet-active{background: white;opacity: 1;border: 2px solid rgb(68,68,68)}
.box_bt .swiper-pagination{left: 0;right: 0;bottom: -38px;margin:  0 auto}
.box_bt .swiper-pagination-clickable .swiper-pagination-bullet{margin-right: 10px}
.box_bt .banners .link{display: block;text-align: center;background: white;padding-bottom: 40px}
/*  */

/* #MagnifierWrap{position: relative;width: 350px;margin:100px auto;} */
#MagnifierWrap2{position: relative;width: 100%;margin:0 auto;}

.MagnifierMain{position: relative;width: 88%;height: 350px;margin-bottom: 20px;display: table-cell;vertical-align: middle;border: 1px solid rgb(204,204,204);padding: 80px}
.MagnifierMain img{width: 100%;}
.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}

.MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff url(http://fan.yoka.com/fan5.0/img/loading.gif) no-repeat center center; }
.MagnifierImg{position: absolute;top:0; left: 0;}

.spec-items{position: relative;width: 85%;height: 116px;overflow: hidden;padding-top: 10px;margin: 0 auto;}
.spec-items ul{width: 500%;position: absolute;top: 10px;left: 0;}
.spec-items ul *{
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.spec-items li{
    width: 140px;height: 100px;float: left;overflow: hidden;margin-right: 15px;cursor: pointer;border: 1px solid rgb(204,204,204);padding: 20px;

}
.spec-items li.on{border:2px solid #000;}
.spec-items li img{width: 100%;}
span.spe_leftBtn,span.spe_rightBtn{position: absolute;bottom: 5px;display: block;width: 40px;height:100px;line-height: 100px;font-family: "黑体";text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: rgb(204,204,204);}
span.on{background-color: rgb(68,68,68);color: white;cursor: pointer;}
span.spe_leftBtn{left: 0;}
span.spe_rightBtn{right: 0;}
.MagnifierDrag,.MagnifierPop{display:none !important}


.mask{position:fixed;top:0;left:0;bottom:0;right:0;z-index:99;background:rgba(0,0,0,0.5);display:none;}
.message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:445px;height:auto;border:15px solid rgba(255,255,255,0.5);z-index:100;display:none;}
.message dl{width:100%;height:100%;background:#fff;}
.message dl dt{height:90px;background:#091336;background-size:100% 100%;line-height:90px;color:#fff;text-align:center;font-size:30px;}
.message dl dd{padding:30px;}
.message dl dd li{margin-bottom:20px;}
.message dl dd input{height:55px;padding-left:10px;border:1px solid #CDCDCD;width:100%;}
.message dl dd button{width:100%;height:55px;line-height:55px;color:#fff;text-align:center;background:#091336;font-size:20px;}
@media (max-width:768px){
    .box2 .left,.box2 .right{width:100%;}
    .prov_info .infos .picture{width:100%;height:auto;margin:0;}
    .message{width:98%}
    .box_bt .p4,
    .box_bt,
    .box_bt .content{display:none;}
    .box2 .prov_ul .list{line-height:40px;height:40px;font-size:14px}
    .box2 .prov_ul .list + .list{border-left:1px solid #fff}
}
@media (min-width:1200px){
    .box2{padding-top:90px;}
}
@media (min-width:768px) and (max-width:991px){
    
}
@media (min-width:1024px) and (max-width:1343px){
    .box_bt .content .pic{height:230px;padding:15px;}
}