@import url('master.css');
@import url('headfoot.css');


/*页面顶部大图片*/
.headbanner{width:100%; height:450px; position:relative;  overflow:hidden;z-index:-10;}
.headbanner img {width: 1920px;position: absolute;left: 50%;top: 0;margin-left: -960px;}

/*内页定位*/
.location{width:100%;clear:both;line-height:55px;}
.locationcon{margin:0 auto;width:1200px;}
.locationlist li{float:left;margin-right:10px;}
.locationlist li a{margin-left:5px;}
.locationlist li a:hover{color:#1579bc;}


.headsearch { float: right; padding: 10px; }
.headsearch .s_text { width: 180px; height: 33px; border: 1px solid #ccc; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-right-width: 1px; border-right-style: solid; padding-left: 43px; line-height: 33px; color: #333; background: #fff url(../images/ser_bg.gif) no-repeat 11px 6px; float: left; }
.headsearch .s_sub { width: 42px; height: 35px; background: url(../images/ser_btn.gif) no-repeat; color: #fff; cursor: pointer; border: 0; float: left; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }


.inside{width:100%;clear:both;padding:30px 0;}
.insidecon{margin:0 auto;width:1200px;}

#ea_c{position: relative;z-index: 0}
/*产品展示*/
.prolist { margin-top: 10px; }
.prolist ul li { float: left; width: 288px; height: 380px; margin-top: 30px; margin-right: 12px; padding-bottom: 30px; text-align: center; font-size: 16px; transition: .9s; }
.prolist ul li .photo { width: 250px; height: 250px; overflow: hidden; margin:0 auto; }
.prolist ul li img { height: 250px; width: 250px; }
.prolist ul li p { font-size: 16px; text-align: center;height:30px;line-height:30px;overflow:hidden; margin-top:20px;}
.prolist ul li .li_text { font-size: 14px; margin: 10px; }
.prolist ul li:hover { box-shadow: 0 15px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .9s cubic-bezier(.55,0,.1,1); border-radius: 10px; -webkit-transition: .9s; }

.prolist ul li .line{width:80%;height:8px;margin-top:15px;margin-left:10%}
.prolist ul li .line .l_1 { float: left; width: 30%; height: 1px; background: #01b997; margin-top: 3px; }
.prolist ul li .line .l_2 { float: left; width: 40%; height: 1px; background: #01b997; margin-top: 3px; }
.prolist ul li .line .l_3 { float: left; width: 30%; height: 1px; background: #01b997; margin-top: 3px; }
.prolist ul li .more{margin:10px;text-align:center;}


/*类别底部*/

.sort_bottom{}
.sort_bottom .sel { background: url(../images/sel_bg.png) center; height: 400px; overflow:hidden;}
.sort_bottom .sel .tit { font-size: 60px; line-height: 100px; color: #fff; text-align: center; padding-top:90px;}
.sort_bottom .sel .note { font-size: 32px; text-align: center; color: #fff; padding-top: 30px; }

.sort_bottom .ys6{margin-top:50px;}
.sort_bottom .ys6 .tit { font-size: 50px; text-align: center; line-height: 60px; }

.sort_bottom .case { background: url(../images/case_bg.png) center; height: 800px; overflow: hidden; }
.sort_bottom .case .tit { font-size: 48px; text-align: center; line-height: 60px; margin-top:50px;}
.sort_bottom .case .note { font-size: 24px; text-align: center; line-height: 60px; }

.sort_bottom .case .list{margin-top:30px;}
.sort_bottom .case .list li{float:left;width:260px;padding:20px;text-align:center;}
.sort_bottom .case .list li img{width:240px;height:200px;}



/*产品详情*/
.productsdetail { margin-bottom: 20px; }
.market{float:left;}
.market .pname { font-size: 20px; color: #000; margin-bottom: 20px; line-height: 35px; border-bottom:1px #e6e6e6 solid;}
.market .pmarket { font-size: 15px; line-height: 30px; }
.market p { margin-top: 15px; }
.market .list{margin-top:20px;}
.market .list li{float:left;width:100px;border:1px #e6e6e6 solid;height:30px;line-height:30px;text-align:center;margin-right:10px;font-size:16px;}
.market .list li:hover{border:1px #01b997 solid;}


/*产品放大镜*/
.bg { width: 1200px; height: 510px; margin: 0 auto;overflow: hidden;  box-sizing: border-box; background: #fff; position:relative;z-index:0;}
.bg_left { width: 430px; height: auto; float: left }
.bg_right { float: left ;}
.bg_right .market { margin-left: 60px; float: left; width: 500px; }
.show { width: 430px; height: 430px; margin-bottom: 10px; position: relative; border: 1px solid #E8E8E8; cursor: move;}
.show img { width: 430px; height: 430px; }
.mask { width: 143px; height: 143px; background: #000; filter: Alpha(opacity=50); opacity: 0.5; position: absolute; top: 0; left: 0; display: none; }
.bigshow { width: 430px; height: 430px; overflow: hidden; margin-left: 10px; display: none; border: 1px solid #E8E8E8; position: relative; top: -512px; left: -100px; }
.bigshow img { width: 1290px; height: 1290px; margin-right: 10px; }
.smallshow { width: 100%; height: 70px; position: relative }
.smallshow img { width: 100%; border: 1px solid #e8e8e8; box-sizing: border-box; transition: all 0.5s }
.smallshow > .middle_box { margin-left: 30px; margin-right: 30px; width: 370px; overflow: hidden; height: 70px; }
.smallshow .middle { overflow: hidden; transition: all 0.5s; height: 70px; }
.smallshow .middle > li { width: 64px; height: 64px; float: left; cursor: pointer; padding: 0 5px; }
.smallshow > p { position: absolute; top: 50%; width: 22px; height: 32px; margin-top: -16px; }
.smallshow > .prev { left: 0; background: url(../images/hover-prev.png) no-repeat; transition: all 0.5s }
.smallshow > .next { right: 0; background: url(../images/hover-next.png) no-repeat; transition: all 0.5s }
.smallshow > .prev.prevnone { left: 0; background: url(../images/prev.png) no-repeat; cursor: not-allowed }
.smallshow > .next.nextnone { right: 0; background: url(../images/next.png) no-repeat; cursor: not-allowed }

.bg_photo{float:left;width:180px;border:1px red solid;height:430px;}

.rightphoto {float: right; width: 160px; height: 500px; }
.rightphoto .tit { font-size: 18px; color: #4b4b4b; margin-bottom: 10px; line-height: 30px; text-align:center; }

.pdt-left { width: 88px; position: relative; overflow: hidden; height: 465px; margin:0 auto;}
.pdt-left .prev2, .pdt-left .next2 { position: absolute; left: 0; width: 88px; top: 0; line-height: 25px; color: #fff; font-size: 14px; background: rgba(0, 0, 0, 0.5); z-index: 9; text-align: center; opacity: 0; transition: all .5s ease; }
.pdt-left .next2 { top: auto; bottom: 0; }
.pdt-left:hover .prev2,  .pdt-left:hover .next2 { opacity: 1; }
.pdt-left .bd { width: 88px; float: left; height: 465px; }
.pdt-left .bd li { margin-bottom: 6px; cursor: pointer; }
.pdt-left .bd li.on .img { border-color: #01b997; }
.pdt-left .bd .img { display: block; text-align: center; width: 88px; height: 88px; box-sizing: border-box; border: 1px solid #c9c9c9; }
.pdt-left .bd .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.pdt-left .bd .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.pdt-left .big-img { box-sizing: border-box; float: right; display: block; text-align: center; width: 465px; height: 465px; border: 1px solid #c9c9c9; }
.pdt-left .big-img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.pdt-left .big-img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }


.insidedetail{margin-top:10px;}
.insidedetail .nav {width:400px;margin:0 auto;padding-bottom:50px;}
.insidedetail .nav ul { list-style-type: none; }
.insidedetail .nav li { display: inline; float: left; width: 100px; height: 30px; line-height: 30px; text-align: center; margin-right: 30px; font-size: 16px; }
.insidedetail .nav li:hover { border-bottom: 1px #01b997 solid; }
.insidedetail .nav li a:hover{color:#01b997;}

.detail img {max-width:100%;height:auto; }
.spec img { max-width: 100%; height: auto; }
.pack img { max-width: 100%; height: auto; }

.elselist .tit{font-size:36px;line-height:80px;text-align:center;color: #33615f;}

/* 产品放大镜视频播放 */
.click_video{
    position: absolute;
    top: 90%;
    left: 15%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    background: url(../images/main-circles.png) 0 -55px no-repeat;
    z-index: 999;
}
.click_video:hover{
    background: url(../images/main-circles.png) -55px -55px no-repeat;
}
.popup_video{
    position: absolute;
    top: 0;
    left: 0;
    width: 434px;
    height: 434px;
    background-color: #000000;
    z-index: 9999;
    display: block;
    overflow: hidden;
}
.popup_video video{
    z-index: 9;
}
.close_video{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 18px;
    height: 18px;
    z-index: 99;
    background-image: url(../images/close_video.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    overflow: hidden;
}


/*分页控件*/
.pagelist { clear: both; margin-top: 20px; margin-bottom: 20px; height: 50px; text-align: center; }
.pagelist ul { list-style-type: none; }
.pagelist li { display: inline; }
.pagelist li a { padding: 8px 15px; border: 1px solid #dcdcdc; margin-right: 10px; }
.pagelist li:hover a, .pagelist li.hover a { border: 1px solid #256916; background: #256916; color: #fff; }
.digg4 a{padding: 4px 10px !important;border-radius: 3px !important;}
.digg4 span b{padding: 4px 10px !important;margin: 2px;color: #aaa;cursor:pointer}
.digg4 span.current{padding: 4px 10px !important;border: 1px solid #009688 !important;color: #fff !important;background-color: #009688 !important;}