@charset "utf-8";
/*banner*/
.jl_banner{position:relative;height: 427px;overflow:hidden;}
.jl_banner .hd{position:absolute;bottom:5px;left: 0;right: 0;margin: auto;text-align: center;height:15px;overflow:hidden;z-index:1; }
.jl_banner .hd ul{zoom:1;overflow:hidden; }
.jl_banner .hd ul a{display: inline-block;width:10px; height:10px;margin: 0 5px;line-height:14px;border-radius: 10px;text-align:center;background:#fff;cursor:pointer; }
.jl_banner .hd ul a.on{ background:#9ae1f3; color:#fff; }
.jl_banner .bd{position:relative;height:427px;z-index:0;}
.jl_banner .bd li{width: 100%;height: 427px;vertical-align:middle;background-position: center center;background-repeat: no-repeat;zoom:1; }

.sub_banner{height: 62px;margin-top: 20px; background: #a1cfdb url("../images/sub_name.jpg") center center no-repeat;}
/*ipro*/
.jl_pro{padding-top: 35px;padding-bottom: 72px;}
.ipro_item{display: block; border:1px #e1e1e1 solid;background: #fff;overflow: hidden;transition: all 0.35s ease 0s;}
.ipro_item img{transition: all 1.5s;}
.ipro_item:hover{border-color: #9ae1f3;}
.ipro_item:hover img{transform:scale(1.15);}
/*sub*/
.sub_main{margin-top: 5px;}
.sub_main .w1200{position: relative;}
.sub_head{padding: 17px 0 17px 30px;line-height: 20px;border-bottom: 1px #e1e1e1 solid;font-size: 16px;color: #333;font-weight: bold;}
.sub_head span{margin-left: 5px; font-size: 12px;color: #999;font-weight: normal;}
.sub_content{padding: 40px 0 40px 50px;min-height: 500px;overflow: hidden;}
.sub_con-nav{width: 100px;height: auto;}
.sub_con-nav ul{overflow: hidden;}
.sub_con-nav ul li{}
.sub_con-nav ul li a{display: block;line-height: 36px;color: #666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sub_con-nav ul li.select a{color: #333;text-decoration: underline;}
.sub_con-list{width: 1048px;}
.sub_pro{float: left;width: 220px;margin-left: 30px;margin-bottom: 30px;text-align: center;}
.sub_pro .spro-img{display: block;position: relative; width:206px;height: 365px;background-color: #f2f2f2;margin: 0px auto}
.sub_pro .spro-img img{display: none;max-width: 100%;height: auto;position: absolute;top: 50%;left: 0;right: 0;margin: auto;transform:translateY(-50%);}
.sub_pro .spro-img img.show{display: block;}
.sub_pro a.spro-name{display: block;height: 51px;overflow: hidden;}
.spro-name p{margin-top: 15px;line-height: 22px;font-size: 14px;color: #000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.spro-name span{display: block;font-size: 12px;color: #666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.spro_btn{height: 15px;margin: 10px 0; overflow: hidden;}
.spro_btn span{display: inline-block; width: 15px;height: 15px;border:1px transparent solid;background: #fff;cursor: pointer;}
.spro_btn span i{display: block;width: 11px;height: 11px;margin: 1px;}
.spro_btn span.select{border-color: #000;}
/**/
.s_title{margin-bottom: 15px;}
.preview{}
.small_list{width:42px;margin-right: 25px;min-height: 500px;overflow: hidden;}
.small_list-ul{width: 100%;}
.small_list-ul li{width: 100%;height:71px;margin-bottom: 15px;border:1px #f5f5f5 solid;background: #fff;overflow: hidden;}
.small_list-ul li:hover,.small_list-ul li.tb-selected{border-color: #a1cfdb;}
.small_list-ul li a{display: block;width: 100%;}
.small_list-ul li img{display: block;width: 100%;height: auto;}
.mid_img{position: relative;width:357px;height: 633px;background: #f5f5f5;overflow: hidden;}
.mid_img img{position: absolute;top: 50%;left: 0;right: 0;margin: 0 auto;transform:translateY(-50%);display: block;}
/*fdj*/
.bigimg{max-width: inherit;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;background:#f5f5f5;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
/**/
.s_main{width: 436px;min-height: 500px;overflow: hidden;}
/*the same*/
.pmb25{margin-bottom: 25px;}
.pside{padding: 0 13px;}
.pbtop{border-top: 1px #dad9d9 solid;}
.phtitle{line-height: 30px;font-size: 16px;color: #333;}
/*end*/
.spro-pname p{line-height: 20px;font-size: 14px;color: #666;}
.spro_pcolor p{line-height: 30px;font-size: 14px;color: #666;}
.spro_pcolor p span{color: #333;}
.pcolor_btn{margin-top: 10px;}
.pcolor_btn span{display: inline-block;width: 42px;height: 42px;border:1px transparent solid;border-radius: 42px;margin-right: 5px;background: #fff;cursor: pointer;overflow: hidden;}
.pcolor_btn span i{display: block;width: 34px;height: 34px;margin: 3px;border-radius:34px; }
.pcolor_btn span.select{border-color: #000;}
.spro-ptext{padding-top: 15px;}
.spro-ptext p{position: relative;padding-left: 20px;line-height: 26px;font-size: 14px;color: #999;}
/*.spro-ptext p:before{content: "";position: absolute;top: 11px;left: 2px;width: 4px;height: 4px;background: #000;}*/