@charset "utf-8";
/* CSS Document */
body{background:#fff; color: #333;}
body,input,button,select,textarea{font:14px '微软雅黑','宋体',Helvetica,Arial,Tahoma,'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; height: auto;}
button, input, select, textarea{vertical-align:middle;}
a{text-decoration:none; color:#333; outline:none;}
a:hover{text-decoration:none; color:#e50110;}
li{list-style:none;}
h1{font-size:4rem;}
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}
.f30{font-size:30px}
.f36{font-size:36px}
.f42{font-size:42px}
.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:#ccc;}
.gray36{ color:#666;}
.gray38{ color:#888;}
.gray98{color: #989898;}
.blue{ color:#349bfc;}
.orange{ color:#f35f34;}
.red{ color:#e60012;}
.green{ color:#28A74C;}
.white{ color:#fff;}
.yellow{color: #faad00;}

.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;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.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;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.text_center{text-align: center;}
.gray_bg{background: #f5f7fa;}
.white_bg{background: white;}
.red_bg{background: #cf594d;}


@media screen and (max-width: 768px) {
	.shou_no{display: none;}
}

.top01{background: #f5f5f5; line-height: 38px; font-size: 12px;}
.index01 h2 span{display: block; font-size: 22px; color:#093;}
.index01 h2 a{font-size: 22px;}
.index01 .right{width: 280px; margin-left: 30px;}

.top_nav{background: #308202;}
.top_nav ul li{float: left; padding: 15px 0; width: 10%; text-align: center;}
.top_nav ul li:hover,.top_nav ul .active{background: #ff6600; transition: all 0.3s;}
.top_nav ul li a{line-height: 30px; color: white; border-right: 1px solid #359400; display: block;}
.top_nav ul li:last-child a{border: none;}
.top_nav ul li:hover a,.top_nav ul .active a{border: none;}

@media screen and (max-width: 768px) {
	.top_biao{padding-top: 10px; padding-bottom: 10px; text-align: center;}
	.top_biao .col-md-4 img{width: 40%;}
	.index01{position: fixed; z-index: 9999; bottom: 0; left: 0; padding: 0; background: #fff; padding: 10px 0; border-top: 1px solid #ddd;}
	.index01 .right{width: 50%; margin: 0; padding-left: 10px;}
	.index01 h2 span{font-size: 12px;}
	.index01 h2 a{font-size: 16px; padding-top: 5px; display: inline-block;}
	.top_nav ul li{width: 20%; padding: 10px 0;}
	.top_nav ul li a{border: none;}
	.top_nav ul li{border-bottom: 1px solid #304978;}
	.top_nav .col-12{padding: 0;}
}

.index_search{background: #f5f5f5; line-height: 50px;}
.index_search .col-md-7 a{display: inline-block;}
.index_search .col-md-5 input{height: 34px; width: 260px; border: none; padding: 0 10px;}
.index_search .col-md-5 button{border: none; height: 34px; background: white; cursor: pointer;}

.index_tit h2{font-size: 36px; padding: 30px 0 15px 0;}
.index_tit h3{font-size: 20px;}
.index_tit h3 i{display: inline-block; background: #093; width: 38px; height: 2px; margin: 0 10px; vertical-align: middle;}

.index02 .col-md-2{padding-top: 30px;}
.index03 .col-md-3{position: relative;}
.index03 .col-md-3 div{position: absolute; bottom: 0; background: #093; left: 15px; right: 15px; text-align: center; color: #152137;}
.index03 .col-md-3 div h2{font-size: 20px; font-weight: bold; line-height: 60px; margin-top: 20px; color:#FFF;}
.index03 .col-md-3 div span{width: 46px; height: 46px; display: inline-block; margin-top: -23px; background: #152137; border-radius: 50px; position: absolute; left: 50%; margin-left: -23px; margin-bottom: 15px;}

@media screen and (max-width: 768px) {
	.index_tit h2{font-size: 24px}
}

.index04 .col-md-3 h2{background: #093; color: #fff; font-size: 24px; line-height: 80px; text-align: center;}
.index04 .col-md-3 ul li{line-height: 66px; background: #efefef; border-bottom: 1px solid #ddd; height: 66px;}
.index04 .col-md-3 ul li a{display: block; cursor: pointer;}
.index04 .col-md-3 ul li i{display: inline-block; background: #093; height: 6px; width: 6px; border: 4px solid #152137; border-radius: 50px; box-sizing: content-box; vertical-align: middle; margin: 0 10px 0 20px;}
.index04 .col-md-3 ul li u{display: inline-block; background: url(../img/img08.png) no-repeat; width: 24px; height: 24px; float: right; margin: 20px 20px 0 0;}
.index04 .col-md-3 .index04_1{background: #093; color: white; height: 152px; display: flex; align-items: center;}
.index04 .col-md-3 .index04_1 h3{font-size: 18px;}
.index04 .col-md-3 .index04_1 h4{font-size: 30px;}
.index04 .col-md-3 .index04_1 div{padding-left: 20px;}

.index04_2 a{display: block; overflow: hidden;}
.index04_2 h2{background: white; line-height: 50px; font-size: 16px;}
.index04_2 .col-6{margin-bottom: 30px;}
.index04_2 .col-6 a img{transition: all 1s;}
.index04_2 .col-6 a:hover img{transform: scale(1.2); transition: all 1s;}

.index05 .carousel-inner{width: 82%;}
.index05 .carousel-indicators{top: 0; margin: 0; left: auto; width: 16.6%; flex-direction: column;}
.index05 .carousel-indicators li{text-indent: 0; margin: 0; width: 100%; height: auto; opacity: 1; border: none; flex: 1; background: none;}
.index05 .carousel-indicators li.active img{border: 3px solid #093; box-sizing: border-box;}
.index05 .carousel-caption{background: rgba(0,0,0,.8); left: 0; right: 0; bottom: 0; text-align: left; padding: 15px;}
.index05 .carousel-caption h3{color: #093; font-size: 18px; font-weight: bold; padding-bottom: 10px;}
.index05 .carousel-caption p{height: 50px; overflow: hidden; line-height: 24px;}

.index06 h2{color: #093; font-size: 30px; font-weight: bold; margin-bottom: 20px;}
.index06 h2 span{font-weight: normal; background: #093; width: 50px; height: 50px; border-radius: 50px; line-height: 50px; margin-right: 30px; display: inline-block; color: white; text-align: center;}
.index06 .col-md-6 p{line-height: 36px;}
.index06 .col-md-6 p i{padding: 1px; border: 1px solid #093; border-radius: 50px; display: inline-block; width: 14px; height: 14px; position: relative; vertical-align: middle; margin-right: 12px; margin-left: 10px;}
.index06 .col-md-6 p i u{background: #093; display: inline-block; width: 10px; height: 10px; border-radius: 50px; position: absolute; left: 1px; top: 1px;}

@media screen and (max-width: 768px) {
	.index06 h2{font-size: 22px;}
}

.index07{display: flex; align-items: center;}
.index07 h2{font-size: 30px;}
.index07 p{line-height:24px;}
.index07_1{background: #e66620; color: white; padding: 8px 30px; border-radius: 30px; margin-top: 30px; display: inline-block; cursor: pointer; transition: all 0.5s;}
.index07_1:hover{color: white; box-shadow: 0 10px 20px rgba(230,102,32,.5); transition: all 0.5s;}

.index08 .col-md-2,.index09 .col-md-2{flex: 0 0 20%; max-width: 20%;}
.index09 h2{line-height: 36px;}

.index10 .nav-pills li{display: inline-block; margin-right: 10px;}
.index10 .nav-pills li .active{background: #e66620; border-color: #e66620 !important;}

.index10 .tab-content .col-md-6 h2{font-size: 16px; border-bottom: 1px solid #e5e5e5; line-height: 36px;}
.index10 .tab-content .col-md-6 p{font-size: 12px; color: #888; line-height: 24px;}
.index10 .tab-content .col-md-2 h2{font-size: 36px; font-weight: bold; color: #888;}
.index10 .tab-content .col-md-2 h3{font-size: 12px; color: #888;}

.index11 li{line-height: 56px; border-bottom: 1px solid #e5e5e5;}
.index11 li span{float: right; color: #888;}

.index12{background: #f5f5f5; border-radius: 5px;}
.index12 h2{display: inline-block; background: #093; border-radius: 5px; color: white; line-height: 40px; padding: 0 20px;}
.index12 a{float: right; line-height: 40px; display: inline-block; margin-right: 10px; color: #888;}

.index13 .clearfix{display: flex; line-height: 30px;}
.index13 .clearfix:nth-child(2n){border-bottom: 1px dashed #ddd; padding-bottom: 15px; margin-bottom: 15px;}
.index13 .left{flex:0.1;}
.index13 .left i{display: inline-block; width: 20px; height: 20px; background: #093; color: white; text-align: center; line-height: 20px; font-size: 12px; border-radius: 3px; font-style: inherit;}
.index13 .right{float: left; flex: 0.9;}
.index13 .left span{display: inline-block; width: 20px; height: 20px; background: #666; color: white; text-align: center; line-height: 20px; font-size: 12px; border-radius: 3px;}

.footer01{background: #051025; line-height: 60px;}
.footer01 .col-12{display: flex;}
.footer01 .col-12 a{flex: 1; text-align: center; color: white; font-size: 16px;}
.footer01 .col-12 a:hover{color: yellow;}
.index13 .col-12{line-height: 50px;}
.index13 .col-12 a{display: inline-block; margin-right: 10px;}
.footer02{background: #152137; padding: 20px 0;}

.footer02 i{display: block; height: 3px; background: #434d5f; margin-bottom: 15px;}
.footer02 .row .row .col-4 u{display: inline-block; background: url(../img/img21.png) no-repeat; width: 6px; height: 6px; vertical-align: middle; margin-right: 5px;}
.footer02 .row .row .col-4 a{color: white; line-height: 30px;}
.footer02 .row .row .col-4 a:hover{color: yellow; transition: all 0.3s;}


.index14{font-size: 14px; font-weight: 500; line-height:22px;}

@media screen and (max-width: 768px) {
	.footer02 .col-md-3{margin-bottom: 50px;}
	.footer01 .col-12{display: block;}
	.footer01 .col-12 a{margin-right: 10px; display: inline-block; line-height: 24px;}
}

.inside_banner{height: 300px;}

.news01{background: #eee; margin-top: 30px;}
.news01 a{display: inline-block; padding: 15px 30px; font-size: 16px;}
.news01 a.active{background: white; color: #093; border-top: 2px solid #093;}
.con{line-height: 30px; padding: 30px 0;}

@media screen and (max-width: 768px) {
	.news01{display: flex;}
	.news01 a{flex: 1; padding: 0; line-height: 50px; text-align: center; display: inline-block;}
}

.index09_box{background: white; padding: 20px; margin-bottom: 30px;}

.index09_box_img{position: relative;}
.index09_box_img span{position: absolute; bottom: 0; left: 0; right: 0; line-height: 40px; background: rgba(0,0,0,.5); color: white; padding: 0 10px;}

.index09_box ul li{list-style: disc inside; padding: 10px 0; border-bottom: 1px dashed #f0f0f0;}
.index09_box ul li p{padding-left: 20px; color: #888;}

.case01:hover img{transform: scale(1.2); transition: all 1s;}
.case02{display: block; overflow: hidden;}
.case02 img{transition: all 1s;}
.case03{padding: 20px; border-bottom: 1px solid #ddd;}
.case03 p{font-size: 12px; color: #888; padding-top: 6px; line-height: 20px;}

.ssanniu {
    width: 60px !important;
    height: 36px !important;
    background: url(../img/img02.png)0 0px no-repeat;
}

.index044 h2{margin-bottom: 10px;}
.index044 h3{line-height: 24px;}
.index044 img{width: 100%; border-radius: 10px; margin-top: 20px;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background:#308202; border-color: #308202;}
.pagination > li > a, .pagination > li > span{color:#333;}