@charset "utf-8";
/* CSS Document */

body{background:#fff; color: #333; min-width: 1170px;}
body,input,button,select,textarea{font:14px "微软雅黑",Arial,Tahoma,Helvetica,'SimSun',sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding: 0;margin: 0;}
*{white-space:normal;}

th{text-align:left; font-weight:400;}
.clearfix:after{clear:both; display:block; content:""; visibility:hidden; height:0;}
.clearfix{zoom:1;}
img{border:none; vertical-align:middle; max-width: 100%; }
button, input, select, textarea{vertical-align:middle;}
a{text-decoration:none; color:#333; outline:none;}
a:hover{text-decoration:none; color:#e62129;}
li{list-style:none;}
h1{font-size:24px;}
h2{font-size:14px;}
h3{font-size:12px;}
h4, h5, h6{font-size:100%;}
.none{display:none;}
.gaodu{height:12px;}

label{cursor:pointer;}
.left{float:left;}
.right{float:right;}
.yahei{font-family:'microsoft yahei';}
.english{ font-family:Arial, Helvetica, sans-serif;}
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f24{font-size: 24px;}
.fb{font-weight:bold}
.fn{font-weight:normal}

.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.black{color:black;}
.gray{ color:#666;}
.gray3c{ color:#333;}
.gray38{ color:#888;}
.blue{ color:#1866d1;}
.orange{ color:#f26100;}
.red{ color:#ff0000;}
.green{ color:#1e8502;}
.white{ color:#fff;}
.lan{color: #0068b5;}

.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}

.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.container{width: 1170px;}

#top_bg{background:url(../img/bg01.jpg) repeat;}
#top_bg .col-md-7{color: #5a8ac8;}
#top_bg .col-md-7 i{padding-top: 20px; display: inline-block; font-style: normal;}
#top_bg .col-md-7 i b{font-weight: normal; font-size: 20px;}
#top_bg .row{border-bottom: 1px solid #d6dde6; height: 121px; overflow: hidden; margin-bottom: 8px;}
#top_bg .xiala .row{border-bottom: none; height: auto;}
#top_bg .col-md-5 p{color: #010101; font-size: 28px;}
#top_bg .index02{padding-bottom: 8px;}

.index01 input{border:1px solid #a9a9a9; line-height:30px; padding:0 10px; margin-top:10px;}
.index01 button{width: 32px; height: 32px; margin-top: 10px;}
.index02 ul li{float:left; position: relative; padding: 0 36px;}
.index02 ul li .xiala{position: absolute; top:30px; background: #f5f5f5; z-index: 88; width: 1140px; display: none; min-height: 380px;}
.index02 ul li:hover .xiala{display: block;}
.index02 ul li:hover .xialaactive{color: yellow;}
.index02 ul li .xiala a{display: block; padding-left: 15px; font-size: 16px;}
.index02 ul li .xiala a:hover{background: #4464af; color: white; transition: all 0.1s;}
.index02 ul li .xiala .col-xs-3 a{font-size: 16px;}
.index02 ul li .xiala h2{margin-top: 30px;}
.index02 ul li .xiala h2 a{line-height: 40px; border-bottom: 1px solid #0a78c9; font-size: 18px !important; font-weight: bold;}

.xiala01{left:-106px;}
.xiala02{left: -434px;}
.index02 ul li .xiala03{left: 15px; width: 200px;}
.index02 ul li .xiala04{left: 15px; width: 200px;}
.xiala05{left: -960px;}

.index02 ul li a{line-height:30px; color:#392923; font-size:20px; padding: 5px 0;}
.index03{height: 0;}
.index04{background:url(../img/img14.jpg) no-repeat center top; height:447px;}
.index05{border:3px solid #fff; height: 380px; margin-top: 33px; position: relative;}
.index05 img{width:100%; height:auto;}
.index05 a{color:white; font-size:20px;}
.index05 a:hover{text-decoration: underline;}
.index05 p{padding:10px 0;}
.index05 p a{height: 50px; display: block;}
.index05 button{background:#f5f5f5; font-size:16px; border-radius:0; padding:0 12px; border:3px solid #fff;}
.index05 button a{color: #392a23;}
.index05 .indexbian{position: absolute; left: 0; top: 0; display: none; width: 256px; height: 256px;}
.index05:hover .indexbian{display: block;}

#showImg img{width: 500px; height: 320px;}


.index07{width: 1092px; background: white; padding: 3px 0 2px 0; height: 153px;}
.index06 ul li{width: 187px; margin-right: 1px; float: left; position: relative;}
.index06 ul .datu{position: absolute; top: -350px; width: 498px; height: 328px; display: none;}
.index06 ul:hover .datu{display: block;}
.index06 ul .datu img{border-radius: 25px; border: 4px solid #f39b27;}
.index06 ul{width: 1092px;}
.index06 ul li span{background: #f39b27; display: block; line-height: 26px; color:white; padding-left: 10px;}
.index08 h2{font-size: 36px;}
.index08{color: #b6c4de; line-height: 24px; font-size: 16px;}
.index08 .col-md-8{background: url(../img/bg02.jpg) repeat; padding: 30px;}
.index08 .col-md-8 p span{font-size: 18px !important;}
.index08 .col-md-4{border: 2px solid #e5e5e5; border-left: none; padding: 80px 15px;}
.index09{font-size: 32px; background: #f5f5f5;}
.index09 p{font-size: 16px;}
.index09 a{color: #575d5c; display: block; padding: 20px; height: 126px; line-height: 42px;}
.index09 a:hover{transition: all 0.3s; box-shadow: 5px 0 5px #ddd;}

footer{background: url(../img/bg02.jpg) repeat; padding: 30px 0;}
footer ul li{line-height: 18px; padding-bottom: 5px;}
footer ul li a{color: #80b4da;}
footer ul li a:hover{color: yellow;}
footer h2 a{color: white !important;}
footer .col-md-3 h2 a{border-top: 2px solid white;}
footer .col-md-3 ul li a{color: #8cbbde !important;}
footer .col-md-3 ul li a:hover{color: yellow !important;}
footer .col-md-5 p{margin-bottom: 5px;}

.index10 img{border: 1px solid #ddd;}
.index11{line-height: 30px; height: 30px; overflow: hidden;}
.index12{border-bottom: 1px solid #ddd; padding: 30px 0;}
.user26 a{display: inline-block; width: 18%; line-height: 30px;}

.index14 input{background: #f6f6f6; padding: 0 8px; line-height: 34px; width: 100%; border: none; margin-bottom: 15px;}
.index14 textarea{background: #f6f6f6; padding: 8px; border: none; width: 100%; margin-bottom: 15px;}
.index14 button{background: #129be0; color: white; border: none; line-height: 36px; font-size: 16px; padding: 0 15px;}

.info{line-height: 24px;}
.news{padding: 30px 0; border-bottom: 1px solid #ddd;}
.news h2{font-size: 24px; line-height: 40px;}
.news p{color: #888; font-size: 16px; line-height: 30px;}
.news a{color: #0068b5; line-height: 30px;}
.brush01 img{border:1px solid #ddd; margin-bottom: 15px; max-width: 268px; height: auto;}
.brush .col-md-3{padding: 30px 0 0; height: 340px; text-align: center;}
.brush .col-md-3 a{font-size: 16px; color: #555;}
.brush .col-md-3 a:hover{color: #c00;}
.brush .col-md-3 p{margin-bottom: 5px;}
.brush02{position: relative; padding: 0 !important;}
.brush02 .close{position: absolute; top:15px; right: 20px;}
.brush02 .left{width: 500px; border-right: 1px solid #555;}
.brush02 .right{padding: 20px; width: 160px; background: white;}
.brush03 .modal-dialog{width: 502px; line-height: 24px; margin: 100px auto;}

.brush04 .modal-header{background: #0068b5; color: white; font-size: 16px;}
.brush04 .modal-dialog{margin: 100px auto;}
.tian_tit{font-size: 32px; padding: 15px 0;}
.tian01 ul{width: 500px; margin: 30px auto; text-align: center; overflow: hidden;}
.tian01 ul li{width: 50%; padding: 10px 10px; float: left; border: 1px solid #d4d4d4;}
.am-pureview-direction .am-pureview-prev{background: url(../img/jian_l.png) no-repeat;}
.am-pureview-direction .am-pureview-next{background: url(../img/jian_r.png) no-repeat;}
.am-pureview-direction li{width: 60px; height: 60px;}
.am-pureview-direction a{display: block; opacity: 0; width: 60px; height: 60px;}
.am-pureview-direction a:hover{opacity: 0;}
.am-pureview-actions a{background: url(../img/top_jian.png) no-repeat; padding-left: 15px; color: black;}
.am-pureview-actions a:hover{color: black;}
.brushinfo_l{background: #efefef; padding: 15px 0; width: 300px;}
.brushinfo_r{width: 820px;}
.brushinfo_r .form-group label{font-size: 16px; text-align: right;}
.brushinfo_l ul li a{text-align: right; line-height: 30px; display: block; padding: 0 15px; font-size: 16px;}
.brushinfo_l ul li a:hover,.brushinfo_l ul .active a{background: #0068b5; color: white;}
.brush05 a{color: #ba893f;}
.brush06{line-height: 30px;}
.brush06 .col-md-4{margin-bottom: 15px;}
.product01{line-height: 30px;}
.pro_l{background: #efefef; width: 270px; line-height: 40px;}
.pro_l ul li{border-top: 1px solid #ddd;}
.pro_l ul li a{display: block; padding-left: 20px; color: #555}
.pro_l ul li a:hover,.pro_l ul .active a{background: #0068b5; color: white;}
.pro_r{width: 840px;}
.pro02 img{border:1px solid #ddd; margin-bottom: 10px;}
.pro02 a{display: block; height: 230px;}
.pro01{width: 30px; text-align: center; padding-top: 10px;}
.pro03{width: 340px;}
.pro03 ul li{float: left; margin: 0 10px;}
.pro03 ul li img{width: 50px; height: 50px; border: 2px solid #f3f3f3;}
.pro03 ul li:hover img,.pro03 ul .active img{border: 2px solid #f50603;}
.pro04{background: #f3f3f3; padding: 15px 0;}
.pro05 img{box-shadow: 0 0 10px #ddd;}

.product02{width: 460px; margin-left: 24px; line-height: 40px;}
.product03{width: 220px; border: 2px solid #e4e4e4;}
.product03 ul li{overflow: hidden; padding: 10px;}
.product03 ul li .product03_l{width: 150px; float: left;}
.product03 ul li .product03_r{width: 32px; display: block; float: right;}
.product03 ul li .product03_r img{width: 100%; height: auto;}
.product03 h2{line-height: 40px; border-bottom: 1px solid #ddd; padding-left: 10px;}


.dingbu{position:fixed; right:10px; bottom:10px;}

.am-sticky .row{display:none;}
.am-sticky .xiala .row{display: block;}
.am-sticky .index02{padding-top: 10px;}


/*社交分享样式*/
ul.share-buttons{
  list-style: none;
  padding: 0;
}

ul.share-buttons li{
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
}

ul.share-buttons .sr-only{
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
