@charset "utf-8";
* {margin: 0;padding: 0;font-family: "microsoft yahei";color: #000;font-size: 14px;}
img{display: block;}
ul {list-style: none;}
a{text-decoration:none;cursor:pointer;outline:none}

/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {margin:0; padding:0; -webkit-text-size-adjust:none;}
th{font-weight:normal; text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
ol, ul{list-style:none;}
.clear{ clear:both;}
a{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none; cursor:pointer;}
input , select , textarea , button{outline:none; border-radius:0; font-family:arial , Microsoft YaHei;}
button{cursor:pointer;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
.blank30{ height:30px; clear:both;}
.blank10{ height:10px; clear:both;}
body{font-family:arial,"微軟正黑體";  font-size:15px; line-height:26px; color:#333333; overflow-x: hidden;}

.xs_wap{ display: none;}
.xs_web{ display: block;}

.container2{width:96%; margin-left:auto; margin-right:auto ; max-width:1200px; min-width:280px;}
.container_wrap{width:96%; margin-left:auto; margin-right:auto ; max-width:1200px; min-width:280px;position: relative;}

.img100{width:100%;}

.newskang{border:solid 1px #D2D2C8;background-color:#F6F1DE;}
.newskang_div{margin:15px;}
/***************************　導航開始 *********************************/
#logo{float: left;width:20%;}
#header{ position:relative;padding-top:20px;padding-bottom:20px;}
#navigation{float: right;width:75%;}
#navigation li{ display:inline-block; position:relative; }
#navigation li > a{display:block; padding:30px 20px;  font-size:16px; color:#333333; transition:all .3s; text-align:center; text-decoration:none;}
#navigation li > a span{ display:block;}
#navigation li:hover > a ,
#navigation li.active > a{color:#638529}
#navigation li .sub-menu{position:absolute; left:0; top:100%; display:none;  z-index:99; background:#333;  width:100%;  }
#navigation li .sub-menu a{display:block;font-size:14px; color:#fff; line-height:40px; text-align:left;margin:0 auto;width:100%; text-align: center; }
#navigation li .sub-menu a:hover{background:#8CBD3A; color:#fff;}


/* mobile */
#mobi-btn{position:absolute; top:15px; right:10px; display:none; width:38px; height:38px;border-radius:5px; background-color: #333;}
#mobi-btn.active{ background-color: #000;}
#mobi-btn hr ,
#mobi-btn:before ,
#mobi-btn:after{content:""; position:absolute; left:9px; display:block; width:20px; height:2px; margin:0; background:#fff; border:none; border-radius:4px;}
#mobi-btn:before{top:9px;}
#mobi-btn hr{top:17px;}
#mobi-btn:after{top:25px;}
#mobi-btn.active hr ,
#mobi-btn.active:before ,
#mobi-btn.active:after{background:#fff;}
#mobile{display:none; }
#mobile li > a{display:block;   font-size:16px; color:#fff; line-height:50px; text-align:center; background-color:#000; border-bottom: solid 1px #333;}
#mobile li > a span{ display:none}
#mobile li > a:hover{ background-color:#8CBD3A; color:#fff; }
#mobile li .sub-menu{display:none; background:#fff;}
#mobile li .sub-menu a{display:block;  font-size:16px; color:#000; line-height:50px; text-align:center;}
#mobile li .sub-menu a:hover{ background-color: #efefef;}

/***************************　導航結束 *********************************/

/*** banner ***/
#slider{position:relative; margin:0 auto;}
#slider .item img{display:block; width:100%; height:auto;}
#slider .owl-pagination{position:absolute; left:0; bottom:10px; width:100%; padding:0px; text-align:center; box-sizing:border-box;}
#slider .owl-pagination .owl-page{display:inline-block; width:12px; height:12px; margin:0 5px; background:#E6DACD; border-radius:50%;border:solid 1px #fff;}
#slider .owl-pagination .owl-page.active{background:#8CBD3A;}
#slider .owl-buttons div{position:absolute; top:50%; width:16px; height:30px; margin-top:-15px; background:url("../images/slide_arrow.png"); text-indent:-9999px; transition:all .3s; }
#slider .owl-buttons div:hover{opacity:.6;}
#slider .owl-buttons .owl-prev{left:30px; background-position:left top;}
#slider .owl-buttons .owl-next{right:30px; background-position:right top;}

#slider2{position:relative; margin:0 auto; }
#slider2 .item img{display:block; width:100%; height:auto;}
#slider2 .owl-pagination{position:absolute; left:0; bottom:10px; width:100%; padding:0px; text-align:center; box-sizing:border-box;}
#slider2 .owl-pagination .owl-page{display:inline-block; width:10px; height:10px; margin:0 5px; background:#B9B8B5; border-radius:50%;border:solid 1px #fff;padding:1px;}
#slider2 .owl-pagination .owl-page.active{background:#13AA4E;}
#slider2 .owl-buttons div{position:absolute; top:50%; width:16px; height:30px; margin-top:-15px; background:url("../images/slide_arrow.png"); text-indent:-9999px; transition:all .3s;}
#slider2 .owl-buttons div:hover{opacity:.6;}
#slider2 .owl-buttons .owl-prev{left:30px; background-position:left top;}
#slider2 .owl-buttons .owl-next{right:30px; background-position:right top;}


.indexwuad{background-color: #F3F4F3;padding-top:60px;padding-bottom:60px;}
.indexwuad ul li{float: left;width:20%;}
.indexwuad ul li img{width:100%;display: block;margin:0 auto;max-width: 189px;} 
.indexwuad ul li h3{text-align: center;margin-top:10px;font-size:18px}

.indexservices{background-color: #F3F4F3;padding-top:60px;padding-bottom:60px;}
.indexservices ul li{float: left;width:16%;position: relative;margin-left:2%;margin-right: 2%;}
.indexservices h3{color:#183A94;font-size: 24px;}
.indexservices h3 span{display: block;color:#948F8E;margin-top:8px;font-size: 15px;}
.servicesdiv{position:absolute;top:0px;text-align: center;width:100%;}
.imgservices{width: 131px;height:131px; border-radius: 50%;margin:0 auto;display:block;}
.servicekang{box-shadow:0px 0px 8px #ccc;background-color: #fff;border-radius: 15px;margin-top:50%;padding-bottom:15px;}
.servicekang article{margin:15px;height:230px}
.servicekang article dl{padding-top:40%;}
.servicekang article dl dt{color:#143692;font-size: 24px; text-align: center;letter-spacing: 3px; font-weight: lighter;}
.servicekang article dl dd{color:#000;font-size: 18px;margin-top:20px;line-height: 36px; text-align: center;}
.servicemore{margin-top:40px; text-align: center;}
.servicemore a{border:solid 1px #26459A;color:#26459A;padding:5px 10px;}
.servicemore a:hover{background-color: #26459A; color:#fff;}
.servces30{height:30px;}

.indexabout{background-color: #F3F4F3;border-top:solid 1px #fff;padding-top:60px;padding-bottom:60px;}
.indexabout h3{text-align: center;color:#183A94;font-size: 24px;margin-bottom:30px;}
.indexabout article{background-color: #F7F7F7; }
.indexabout article dl{width:80%;margin:0 auto;padding-top:60px;padding-bottom:60px;}

.indexendad{padding-top:60px;background-color: #fff;}
.indexendad img{display: block;width:100%;}
/***自适应框架**/ 
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.video-container iframe { position: absolute; top:0;left: 0; width: 100%;height: 100%;}
.blank20{height:20px;}

footer{margin-top:60px;padding-top:30px;padding-bottom:30px;;color:#fff;background-color: #2B4C9F;}
.copyright{color:#fff;line-height: 30px;font-size: 16px;}


#btntop {
   width:40px;
   height: 40px;
  position:fixed;
   right:10px;
   bottom:20px;
   background:url(../imgs/top.png)  no-repeat  left top ;
   margin-left: 610px;
}
#btntop:hover {
   background:url(../imgs/top.png)  no-repeat  left -40px;
}


.daohang{padding-top:50px;padding-bottom:50px;background-color: #F1F1F1; font-size: 24px;color:#fff;text-align: center;letter-spacing: 2px;box-shadow:3px 3px 8px #888;line-height: 30px;}
.daohang a{color:#fff; font-size: 24px;}
.daohang a:hover{color:#fff;}
.daohang b{color:#fff; font-size: 24px;}
.daohang span{color:#fff; font-size: 24px;}
.content{padding-top:50px;padding-bottom:50px; font-size: 15px;line-height: 30px;color:#666}  
.content p{ font-size: 15px;color:#666}

/*
.pager{margin-top:20px;}
.pager a{border:solid 1px #000;margin-left:5px;margin-right: 5px;display:inline-block;padding:3px 10px;line-height: 30px;}
.layui-laypage-count{margin-right: 10px;}
.layui-laypage-curr{background-color:#000; color:#fff;padding:5px 10px;border:solid 1px #000;margin-left:5px;margin-right: 5px;
   display:inline-block;padding:3px 10px;line-height: 30px;}
.layui-laypage-curr em{color:#fff;font-style:normal;}*/

/**** 商品詳細頁 ******/

.daohang_pro{padding-top:100px;padding-bottom:100px;font-size: 24px;color:#fff;text-align: center;letter-spacing: 2px;box-shadow:3px 3px 8px #888;line-height: 30px;}
.daohang_pro h3{color:#fff; font-size:28px;letter-spacing: 2px;}
.subtitle{margin-top:20px;background-color: #fff;color:#000; border-radius: 20px;padding-top:4px;padding-bottom:4px;font-size: 17px;line-height: 26px;display: inline-block;min-width:210px;padding-left:20px;padding-right:20px;}



.leibiekang{border:solid 1px #2E4299;padding-top:30px;padding-bottom:30px;position: relative;width:80%;margin:0 auto;margin-top:120px;}
.imgleibie{position: absolute;top:-35px;left:-40px;padding-bottom:8px;background-color: #fff;}
.imgleibie img{width:80px;height:80px;border-radius: 50%;display: inline;}
.imgleibie h3{background-color: #fff;display: inline-block;font-size:28px;letter-spacing: 5px;padding-left:10px;padding-right:10px;}
.leibietxt{width:80%;margin:0 auto;margin-top:20px;font-size: 16px;line-height: 34px;color:#333}
.leibietxt p{font-size: 16px;line-height: 34px;color:#333}

.proitem{background-color: #666;width:100%;padding-top:60px;padding-bottom:60px;}
.prolisttitle{text-align: center;}
.prolisttitle h4{border-top:solid 1px #C6C4C3; display: inline-block;padding-top:20px;color:#333;font-size: 24px;margin-top:20px;}
.prolistreamrk{background-color: #fff; border-radius: 20px;margin-top:60px;}
.prolistreamrk p{padding:30px;}
.prllistmore{text-align: right;}
.morepro{margin-top:20px;display: inline-block;background-color: #000;color:#fff;border-radius: 20px;padding-left:50px;padding-right: 50px;font-size: 15px;line-height: 40px;}
.morepro:hover{color:#fff;}

.showpro h3{color:#604100;font-size: 20px;}
.showpro article{ font-size: 15px;color:#999;margin-top:15px;line-height: 26px;}
.showproprice{margin-top:15px;}
.showproprice span{color:#E12D00;font-size:28px; font-weight: bold;}
.procontent h3{color:#000;font-size: 18px;border-bottom:solid 1px #666666;margin-top:30px;padding-bottom:10px;}
.procontent article{padding-top:15px;}

@media screen and (max-width:960px){
   .xs_wap{ display: block;}
   .xs_web{ display:none ;}
   .leibiekang{margin-top:80px;}

   .daohang a{font-size: 20px;}
   .daohang b{font-size: 20px;}
   .daohang span{font-size: 20px;}

   .content{padding-top:30px;padding-bottom:30px; }  
   .daohang{padding-top:30px;padding-bottom:30px;}

   .indexabout{padding-top:40px;padding-bottom:30px;}

   .indexservices{padding-top:20px;padding-bottom:00px;}
   .indexservices ul li{float: none;width:90%;margin-top:30px;margin-left:5%;margin-right:5%;}
   .servces30{height:90px;}
   .servicesdiv{top:-100px;}
   .imgservices{width: 230px;height:230px;}
   .servicekang{margin-top:80px;}
   .servicekang article{margin:15px;height:auto}
   .servicekang article dl{padding-top:150px;}
   .servicekang article dl dd{margin-top:15px;}
   .servicemore{padding-bottom:60px;}

   .indexwuad{background-color: #F3F4F3;padding-top:10px;padding-bottom:30px}
   .indexwuad ul li{float: none;width:100%;margin-top:20px;}
   .container_wrap{width:100%;}
   #navigation{display:none;}
   #mobi-btn{display:block;}
   #logo img{height:60px;margin-bottom:10px;}

   #header{padding-top:10px;padding-bottom:0px;}
   .blank30{ height:10px; clear:both;}

}