@charset "utf-8";
/* CSS Document */
body{ max-width:750px; margin:auto; background:#e8e8e8;}
.container-fluid,.container{ width:100%; float:left; padding:0;}
.container{ padding:0 0.4rem;}
#obtn .h86{ width:100%; float:left; height:1.146666rem;}


/*头*/
#obtn .top{ height:1.146666rem; position:fixed; left:0; top:0; background:white; z-index:999; box-shadow:0 0 3px rgba(0,0,0,0.15);}
#obtn .top .logo{ height:1.146666rem; line-height:1.146666rem; display:table; float:left;}
#obtn .top .logo a{ display:table-cell; vertical-align:middle; line-height:0;}
#obtn .top .logo img{ height:0.746666rem;}
#obtn .top .tel{ float:right; line-height:1.146666rem; font-size:0.373333rem; color:#060606;}
#obtn .top .tel img{ vertical-align:middle; margin:-3px 0.16rem 0 0; width:0.426666rem;}

/*幻灯片*/
#obtn .slide_banner{ position:relative;}
#obtn .slide_banner img{ width:100%; float:left;}
#obtn .slide_banner .slick-dots{position:absolute;bottom:0.826666rem;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;}
#obtn .slide_banner .slick-dots li{position:relative;display:inline-block;width:7px;height:4px;margin:0 3px;padding:0;background:white;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
#obtn .slide_banner .slick-dots li button{display:none;}
#obtn .slide_banner .slick-dots li.slick-active{width:20px;}

/*导航*/
#obtn .menu{ width:100%; float:left; background:white; padding:0.666666rem 0.4rem 0.546666rem 0.4rem; overflow:hidden; text-align:center; margin-top:-0.506666rem; position:relative; z-index:5;
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
-khtml-border-radius:10px;
border-radius:10px;}
#obtn .menu .ul1{ width:100%; float:left; padding-bottom:0.46666rem; border-bottom:solid 1px #ebebeb;}
#obtn .menu .ul1 li{ width:50%; float:left; position:relative;}
#obtn .menu .ul1 li .ico{ display:inline-block; vertical-align:top; width:1.173333rem; height:1.173333rem; background:#ffd300;border-radius:50%; overflow:hidden;}
#obtn .menu .ul1 li .ico img{ float:left; width:100%;}
#obtn .menu .ul1 li h4{ width:100%; margin-top:0.2rem; font-size:0.373333rem; line-height:0.48rem; color:black;}
#obtn .menu .ul1 li:first-child:before{ content:''; width:1px; height:0.8rem; position:absolute; right:0; top:50%; background:#ebebeb; margin-top:-0.6rem;}

#obtn .menu .ul2{ width:100%; float:left; margin-top:0.413333rem;}
#obtn .menu .ul2 li{ width:25%; float:left; position:relative;}
#obtn .menu .ul2 li a{ display:block; width:100%; float:left; line-height:0;}
#obtn .menu .ul2 li .ico{ display:inline-block; vertical-align:top; width:0.8rem; height:0.8rem; overflow:hidden;}
#obtn .menu .ul2 li .ico img{ float:left; width:100%;}
#obtn .menu .ul2 li h4{ width:100%; font-size:0.346666rem; line-height:0.56rem; color:#444; float:left;}

/*首页*/
#obtn .indexHead{ width:100%; float:left; margin-top: 0.533333rem;}
#obtn .indexHead h3{ float:left; padding-left:0.333333rem; position:relative; line-height:0.72rem; font-size:0.48rem; color:black;}
#obtn .indexHead h3:before{ content:''; width:0.08rem; height:0.453333rem; position:absolute; left:0; top:50%; margin-top:-0.22666rem; background:#ffd300; border-radius:2px;}
#obtn .indexHead h5{ float:left; width:100%; margin-top:0.12rem; line-height:0.48rem; font-size:0.32rem; color:black;}
#obtn .indexHead .more{ float:right; line-height:0.72rem; font-size:0.32rem; color:#8e8e8e;}
#obtn .indexHead .more img{ vertical-align:middle; margin:-3px 0 0 0.16rem; width:0.12rem;}

#obtn .index1{ width:100%; float:left; margin-bottom:0.666666rem;}
#obtn .index1 ul{ width:100%; float:left; margin-top:-0.133333rem;}
#obtn .index1 ul li{ width:100%; float:left; margin-top:0.48rem; border-radius:6px; overflow:hidden;}
#obtn .index1 ul li .pic,#obtn .index1 ul li .pic img{ width:100%; float:left; position:relative;}
#obtn .index1 ul li .pic .tab{ position:absolute; right:0; top:0; padding:0 0.2rem; height:0.546666rem; line-height:0.546666rem; background:#ffd300; color:white; font-size:0.32rem; color:black; border-bottom-left-radius:6px;}
#obtn .index1 ul li .text{ width:100%; float:left; background:#ffd300; padding:0.32rem 0.4rem 0.4rem 0.4rem;}
#obtn .index1 ul li .text .title{ width:100%; float:left; color:black; font-size:0.426666rem; line-height:0.586666rem;}
#obtn .index1 ul li .text .title a{ color:black;}
#obtn .index1 ul li .text .btn{ width:100%; float:left; margin-top:0.306666rem;}
#obtn .index1 ul li .text .btn a{ display:block; float:left; margin-right:0.4rem;  text-align:center; width:2.666666rem; height:0.88rem; line-height:0.853333rem; font-size:0.32rem; color:#ffd300; border-radius:0.44rem; overflow:hidden; background:black; border:solid 1px black;}
#obtn .index1 ul li .text .btn a img{ vertical-align:middle; margin:-3px 0.186666rem 0 0; width:0.32rem;}
#obtn .index1 ul li .text .btn a.a2{ background:none; color:black;}

#obtn .index2{ background:white; padding:0.533333rem 0 0.666666rem 0;}
#obtn .index2 .head{ width:100%; float:left; text-align:center; color:black; font-size:0.48rem; line-height:0.72rem;}
#obtn .index2 ul{ width:100%; float:left; margin-top:-0.053333rem;}
#obtn .index2 ul li{ width:100%; float:left; margin-top:0.4rem; position:relative;}
#obtn .index2 ul li input{ width:100%; height:1.173333rem; border:solid 1px #e1e1e1; padding:0.253333rem 0.253333rem 0.253333rem 1.173333rem; line-height:0.613333rem; font-size:0.4rem; color:#999; border-radius:6px; overflow:hidden; float:left;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;}
#obtn .index2 ul li .ico{ position:absolute; left:0.386666rem; top:50%; margin-top:-0.32rem; width:0.506666rem;}
#obtn .index2 ul li .ico img{ width:100%; float:left;}
#obtn .index2 ul li.l1{ text-align:center;}
#obtn .index2 ul li input:focus{ border-color:#ffd300;}
#obtn .index2 ul li.l1 input{ display:inline-block; vertical-align:top; border:0; padding:0; margin:0; float:none; width:4.8rem; height: 1.173333rem; line-height:1.173333rem; color:black; font-size:0.426666rem; background:#ffd300;}

#obtn .index3{ width:100%; float:left;}
#obtn .index3 .index3Body{ margin:0 -0.2rem;}
#obtn .index3 ul{ width:100%; float:left; margin-top:- 0.186666rem;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
#obtn .index3 ul li{ width:50%; float:left; margin-top:0.533333rem; padding:0 0.2rem;}
#obtn .index3 ul li a{ display:block; width:100%; float:left; padding:0 0.48rem 0.253333rem 0.48rem; background:url(_im_g/index15.png) no-repeat left bottom; background-size:100% 2.466666rem; border-radius:6px; overflow:hidden;}
#obtn .index3 ul li a .pic{ width:100%; float:left; padding-bottom:85.2%; position:relative; overflow:hidden; border-radius:6px;}
#obtn .index3 ul li a .pic img{ width:100%; position:absolute; left:0; top:0; min-height:100%;}
#obtn .index3 ul li a .title{ width:100%; float:left; text-align:center; margin-top:0.253333rem; line-height:0.48rem; font-size:0.373333rem; color:black;}
#obtn .index3 .zxzx{ width:100%; float:left; margin-top:0.533333rem; text-align:center; background:#ffd300; height:1.173333rem; line-height:1.173333rem; color:black; font-size:0.426666rem; border-radius:6px; overflow:hidden; margin-bottom:0.666666rem;}

#obtn .index4{ background:white; padding:0 0 0.506666rem 0;}
#obtn .index4 .pic{ width:100%; float:left; margin-top:0.4rem;}
#obtn .index4 .pic img{ width:100%; float:left;}
#obtn .index4 .text{ width:100%; float:left; margin-top:0.293033rem; text-indent:2em; font-size: 0.373333rem; color:black; line-height:0.64rem;}

#obtn .index5{ background:#ffd300; padding:0 0 0.666666rem 0;}
#obtn .index5 .index5Body{ margin:0 -0.146666rem;}
#obtn .index5 ul{ width:100%; float:left; margin-top:0.133333rem;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
#obtn .index5 ul li{ width:33.333%; float:left; margin-top:0.253333rem; padding:0 0.146666rem;}
#obtn .index5 ul li .pic{ width:100%; float:left; padding-bottom:138%; position:relative; overflow:hidden; border:solid 0.093333rem #525252;}
#obtn .index5 ul li .pic img{ width:100%; position:absolute; left:0; top:0; min-height:100%;}
#obtn .index5 .indexHead h3:before{ background:black;}


#obtn .footer{ width:100%; float:left; text-align:center; padding:0.96rem 0 3.6rem 0; line-height:0.586666rem; font-size:0.373333rem; color:#666;}
#obtn .pf_down{ width:100%; position:fixed; left:0; bottom:0; background:white; height:1.6rem; text-align:center; z-index:99; box-shadow:0 0 0.32rem rgba(0,0,0,0.08);}
#obtn .pf_down li{ width:3.68rem; float:left;}
#obtn .pf_down li:last-child{ float:right;}
#obtn .pf_down li a{ display:block; width:100%; float:left; padding:0.226666rem 0; line-height:0;}
#obtn .pf_down li a .ico{ display:inline-block; vertical-align:top; width:0.72rem; height:0.72rem;}
#obtn .pf_down li a .ico img{ width:100%; float:left;}
#obtn .pf_down li a h5{ width:100%; line-height:0.426666rem; font-size:0.293033rem; color:#333; vertical-align:top; float:left;}
#obtn .pf_down li.l1{ position:absolute; left:50%; bottom:0; width:2.64rem; height:2.64rem; margin-left:-1.32rem; background:white; padding:0.16rem; border-radius:50%; overflow:hidden; box-shadow:0 0 0.48rem rgba(0,0,0,0.1);}
#obtn .pf_down li.l1 a{ display:block; width:100%; float:left; background:#ffd300; height:2.32rem; border-radius:50%; overflow:hidden; box-shadow:0 0 0.213333rem rgba(0,0,0,0.05); border:solid 0.093333rem white; padding:0.4rem 0 0 0; }
#obtn .pf_down li.l1 a .ico{ width:0.853333rem; height:0.853333rem;}
#obtn .pf_down li.l1 a h5{ width:100%; line-height:0.48rem; font-size:0.346666rem; color:#000; vertical-align:top;}


#obtn .banner1{ width:100%; float:left; min-height:120px;}
#obtn .subhead{ width:100%; float:left; text-align:center; margin-top:0.64rem; line-height:0.8rem; font-size:0.533333rem; color:#040404;}
#obtn .subhead img{ display:inline-block; vertical-align:middle; margin-top:-3px; width:1.426666rem;}
#obtn .subhead span{ display:inline-block; margin:0 0.32rem;}

#obtn .page{ width:100%; float:left; overflow:hidden; border-radius:6px; margin-top:0.52rem;background:white;}
#obtn .page .pic,#obtn .page .pic img{  width:100%; float:left;}
#obtn .page .text{ width:100%; float:left; background:#fff; padding:0.333333rem 0.4rem 0.2rem 0.4rem; font-size:0.373333rem; line-height:0.64rem;}

#obtn .about1{ width:100%; float:left; overflow:hidden; border-radius:6px; margin-top:0.52rem;}
#obtn .about1 .pic,#obtn .about1 .pic img{  width:100%; float:left;}
#obtn .about1 .text{ width:100%; float:left; background:#ffd300; padding:0.333333rem 0.4rem 0.2rem 0.4rem; font-size:0.373333rem; line-height:0.64rem;}

#obtn .aboutHead{ width:100%; float:left; text-align:center;}
#obtn .aboutHead h3{ width:100%; float:left; font-size:0.48rem; line-height:0.626666rem; color:black;}
#obtn .aboutHead h5{ width:100%; float:left; text-transform:uppercase; font-size:0.253333rem; line-height:0.373333rem; color:#666;}

#obtn .about2{ background:white; margin-top:0.666666rem; padding:0.586666rem 0 0.733333rem 0;}
#obtn .about2 ul{ width:100%; float:left; margin-top:-0.213333rem;}
#obtn .about2 ul li{ width:100%; float:left; margin-top:0.506666rem; position:relative; padding-left:0.973333rem; line-height:0.533333rem; font-size:0.373333rem; color:#333;}
#obtn .about2 ul li .i{ position:absolute; left:0; top:-0.066666rem; width:0.666666rem; height:0.666666rem; line-height:0.666666rem; text-align:center; border-radius:50%; overflow:hidden; font-size:0.32rem; color:balck; background:#ffd300;}

#obtn .about3{ background:#ffd300; padding:0.586666rem 0 0.666666rem 0;}
#obtn .about3 .text{ width:100%; float:left; margin-top:0.333333rem; line-height:0.533333rem; font-size:0.373333rem; color:black;}
#obtn .about3 .about3Body{ margin:0 -0.2rem;}
#obtn .about3 .about3Body ul{width:100%;float:left;display:flex;display:-webkit-flex;flex-wrap:wrap;align-items:flex-start;}
#obtn .about3 .about3Body ul li{ width:50%; float:left; padding:0 0.2rem; margin-top:0.4rem;}
#obtn .about3 .about3Body ul li .zbox{ width:100%; float:left; text-align:center; height:0.973333rem; line-height:0.973333rem; background:black; border-radius:4px; overflow:hidden; font-size:0.373333rem; color:#ffd300;}

/*联系我们*/
#obtn .contact1{ width:100%; float:left; margin-top:0.133333rem; position:relative;}
#obtn .contact1 ul{ width:100%; float:left;}
#obtn .contact1 ul li{ width:100%; float:left; margin-top:0.506666rem; padding-left:1.333333rem; position:relative;}
#obtn .contact1 ul li .ico{ position:absolute; left:0.133333rem; top:-0.026666rem; width:0.933333rem; height:0.933333rem; border-radius:50%; overflow:hidden; background:#ffd300;}
#obtn .contact1 ul li h5{ width:100%; float:left; line-height:0.48rem; font-size:0.373333rem; color:black;}
#obtn .contact1 ul li h6{ width:100%; float:left; line-height:0.426666rem; font-size:0.32rem; color:#666;}
#obtn .contact1 .ewm{ position:absolute; right:0.133333rem; top:0.48rem; width:2.666666rem;}
#obtn .contact1 .ewm .img{ width:100%; float:left; border:solid 1px #bababa; padding:0.186666rem; border-radius:6px; overflow:hidden;}
#obtn .contact1 .ewm .img img{ float:left;}
#obtn .contact1 .ewm h6{ width:100%; margin-top:0.186666rem; text-align:center; float:left; font-size:0.32rem; color:black; line-height:0.48rem;}

#obtn .contact2{ margin:0.56rem 0 0 0; width:100%; float:left;}
#obtn .contact2 .ditu{ width:100%; float:left; height:8rem;}
#obtn .ditu img{ max-width:none;}

#obtn .ditu .iw_poi_title{ display: block;  background: url("images/contact8.png") no-repeat !important; line-height: 2.5 !important; text-align:center; font-size:20px; color:black; font-weight:normal;}
#obtn .ditu .iw_poi_content{ display:none;}
#obtn .ditu .BMapLabel{ display:none !important;}

/*产品列表*/
#obtn .product{ margin:0 -0.2rem;}
#obtn .product ul{ width:100%; float:left; margin-top:0.133333rem; position:relative;}
#obtn .product ul > div{ padding:0 !important;}
#obtn .product ul li{ width:100%; float:left; margin-top:0.4rem; padding:0 0.2rem;}
#obtn .product ul li a{ display:block; width:100%; float:left; border-radius:6px; overflow:hidden;}
#obtn .product ul li .pic,#obtn .product ul li .pic img{ width:100%; float:left;}
#obtn .product ul li .text{ width:100%; float:left; background:white; padding:0.32rem 0.4rem;}
#obtn .product ul li .text .title{ width:100%; float:left; font-size:0.426666rem; line-height:0.586666rem; color:black;}
#obtn .product ul li .text .jj{ width:100%; float:left; font-size:0.32rem; line-height:0.48rem; color:black; margin-top:0.2rem;}
#obtn .fy{ width:100%; float:left; text-align:center; margin-top:0.666666rem; position:relative; background:#ffd300; height:1.066666rem; line-height:1.066666rem; font-size:0.426666rem; color:black; border-radius:6px; overflow:hidden; margin-bottom:0.666666rem;}
#obtn .fy img{ vertical-align:middle; margin:-3px 0.2rem 0 0; width:0.373333rem;}


/*新闻列表*/
#obtn .news{ margin:0 -0.2rem;}
#obtn .news ul{ width:100%; float:left; margin-top:0.133333rem; position:relative;}
#obtn .news ul > div{ padding:0 !important;}
#obtn .news ul li{ width:100%; float:left; margin-top:0.4rem; padding:0 0.2rem;}
#obtn .news ul li a{ display:block; width:100%; float:left; border-radius:6px; overflow:hidden;}
#obtn .news ul li .pic,#obtn .news ul li .pic img{ width:100%; float:left;}
#obtn .news ul li .text{ width:100%; float:left; background:white; padding:0.32rem 0.4rem;}
#obtn .news ul li .text .title{ width:100%; float:left; font-size:0.426666rem; line-height:0.586666rem; color:black;}
#obtn .news ul li .text .jj{ width:100%; float:left; font-size:0.32rem; line-height:0.48rem; color:black; margin-top:0.2rem;}

#obtn .show_title{ width:100%; float:left;padding:20px 0; font-size:0.48rem; line-height:0.626666rem; color:#555;text-align:center;}
#obtn .show_meta{ width:100%; float:left; text-transform:uppercase; font-size:0.3rem; line-height:0.4rem; color:#666;text-align:center;}
#obtn .show_page{float:left;width:100%;margin:10px 0;padding:10px;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
#obtn .show_page a{float:left;width:100%;color:#666;font-size:13px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#obtn .show_page a:hover{color:#18bc9c;}

#obtn .page{ width:100%; float:left; overflow:hidden; border-radius:6px; margin-top:0.52rem;background:white;}
#obtn .page .pic,#obtn .page .pic img{  width:100%; float:left;}
#obtn .page .text{ width:100%; float:left; background:#fff; padding:0.333333rem 0.4rem 0.2rem 0.4rem; font-size:0.373333rem; line-height:0.64rem;}

#obtn .head{ width:100%; float:left; text-align:center; color:black; font-size:0.48rem; line-height:0.72rem;}
#obtn .guestbook{width:100%; float:left; overflow:hidden; border-radius:6px; margin-top:0.52rem;background:white;}
#obtn .guestbook ul{ width:100%; float:left;padding:0.333333rem 0.4rem;}
#obtn .guestbook ul li{ width:100%; float:left; margin-top:0.4rem; position:relative;}
#obtn .guestbook ul li input{ width:100%; height:1.173333rem; border:solid 1px #e1e1e1; padding:0.253333rem 0.253333rem 0.253333rem 1.173333rem; line-height:0.613333rem; font-size:0.4rem; color:#999; border-radius:6px; overflow:hidden; float:left;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;}
#obtn .guestbook ul li .ico{ position:absolute; left:0.386666rem; top:50%; margin-top:-0.32rem; width:0.506666rem;}
#obtn .guestbook ul li .ico img{ width:100%; float:left;}
#obtn .guestbook ul li.l1{ text-align:center;}
#obtn .guestbook ul li input:focus{ border-color:#ffd300;}
#obtn .guestbook ul li.l1 input{ display:inline-block; vertical-align:top; border:0; padding:0; margin:0; float:none; width:4.8rem; height: 1.173333rem; line-height:1.173333rem; color:black; font-size:0.426666rem; background:#ffd300;}




/*通用-列表翻页*/
.pagination{float:left;width:100%;margin:0.32rem 0;text-align:center;overflow:hidden;}
.pagination span{display:inline-block;height:0.65rem; line-height:0.65rem; font-size:0.32rem;margin-left:5px;padding:0px 10px;border:solid 1px #000;background:#000;color:#fff;}
.pagination a{display:inline-block;height:0.65rem;line-height:0.65rem; font-size:0.32rem;margin-left:5px;padding:0px 10px;border:solid 1px #000;background:#000;color:#fff;}
.pagination a:hover{border:1px solid #ffd300;background:#ffd300;color:#000;}
.pagination .current-page{border:1px solid #ffd300;background:#ffd300;color:#000;}