@charset "utf-8";
body,html {margin:0; padding:0; color:#5e5e5e; font:14px/180% "Microsoft YaHei", SimSun, Arial, Helvetica, sans-serif;}
body{width:100%; background: #fff}
body a{outline:none; blr:expression(this.onFocus=this.blur());}
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0; list-style:none;}
li {list-style:none; vertical-align:bottom;}
img {border:none; display:block; object-fit: cover !important;}
em,i {font-style:normal;}
a{text-decoration:none;}
.disable {display:none;}
.fl {float:left;}
.fr {float:right;}
.clearfix:after {content:""; height:0; display:block; clear:both; visibility:hidden;}
* html .clearfix {height:1%;}
* +html .clearfix {height:1%;}
.clearfix {display:block; clear:both;}
input,textarea{outline:none; resize:none; font-family:"宋体";}
select{height:22px; line-height:18px; padding:2px 0; outline:none;}

.wrapper{ width: 1260px; margin: 0 auto; box-sizing: border-box;}


.header_top{ background: #f7f7f7; border-bottom: 1px #f3f3f3 solid; height: 57px; line-height: 57px;}
.header_top .fl p{font-size: 16px; color: #333333;}
.header_top .fr{ display: -webkit-flex; display: flex; align-items: center; height: 57px;}
.header_top .fr a{display: block; font-size: 16px; color: #333333; line-height: 42px;}
.header_top .fr a.on{ color: #fff; background: #1c4098; border-radius: 4px; padding: 0 12px;}
.header_top .fr span,.house .tit div span{display: block; width: 2px; height: 32px; background: #d2d2d2; margin: 0 20px;}

.header{ border-bottom: 2px #eeeeee solid;}
.header .left{ float: left; width: 827px;}
.header .right{width: 360px; float: right;}
.logo{ padding: 18px 0 12px; border-bottom: 1px #d2d2d2 solid;display:flex; align-items:center}
.logo img{ display: block; }
.logo .logotxt{font-size:20px;padding-left:20px}
.nav{  display: -webkit-flex; display: flex; justify-content: space-between; font-size: 16px; color: #333333; line-height: 63px;}
.nav a{color: #333;}
.nav a:hover,.nav a.on{color: #1c4098}

.search{ position: relative; margin-top: 72px; box-sizing: border-box; width: 360px; border: 1px #e9e9e9 solid; border-radius: 2px; padding-left: 17px; overflow: hidden;}
.search input{ display: block; border:0; width: 100%; height: 41px; line-height: 41px; font-size: 14px; color: #333;}
.search button{ display: block; border: 0; cursor: pointer; width: 23px; height: 19px; background: url("../images/img01.png"); background-size: 100% 100%; position: absolute; right: 15px; top: 10px;}


.banner{ height: 430px; background: url("../images/banner2.jpg") no-repeat center center; background-size: cover;}

.index_num{ background: #edf7fe; padding: 11px 12px;}
.index_num .wrapper{ display: -webkit-flex; display: flex; align-items: center; justify-content: space-between;}
.index_num li{display: -webkit-flex; display: flex; flex-direction:row;}
.index_num img{ display: block; height: 72px; margin-right: 30px;}
.index_num li div{ -webkit-flex: 1; flex:1;}
.index_num b{display: block; font-size: 24px; color: #0249c6; line-height: 35px;}
.index_num p{ font-size: 16px; color: #333333; line-height: 20px;}

.house .tit{ display: -webkit-flex; display: flex; height: 120px; align-items: center; justify-content: space-between;}
.house .tit b{ display: block; font-size: 28px; color: #333333; font-weight: normal;}
.house .tit div{display: -webkit-flex; display: flex; align-items: center;}
.house .tit a{ display: block; line-height: 36px; padding-right: 44px; background: url("../images/img05.png") no-repeat right center; background-size: 22px auto; font-size: 14px; color: #333333;}
.house .tit a.on{ background: #1c4098; padding: 0 11px; color: #fff; border-radius: 3px;}

.imgscroll{ padding-bottom: 80px; position: relative; margin-bottom: 115px;}
.d_con{ padding: 27px 0 0; position: relative;}
.d_con::after{ position: absolute; content: ""; top: 0; bottom: 0; right: -43px; border-right: 2px #eeeeee solid;}
.d_con img{ display: block; width: 360px; height: 270px; margin-bottom: 23px;}
.d_con span{ display: block; font-size: 14px; color: #333; line-height: 50px;}
.d_con h4{ display: block; font-size: 16px; color: #333; font-weight: normal; line-height: 26px; height: 52px; overflow: hidden;}
.d_con p{ font-size: 14px; color: #333; line-height: 75px; height: 75px;}
.d_con p i{ font-size: 24px; color: #cb2223;}
.d_con .btn01{ display: block; line-height: 41px; margin-top: 22px; text-align: center; font-size: 14px; color: #333333; border: 1px #c4d4ee solid; border-radius: 2px;}
.patitions{ position: absolute; left: 0; right: 0; bottom: 0; text-align: center; height: 12px;}
.patitions span{ vertical-align: top; width: 12px; height: 12px; margin: 0 4px;}
.patitions span.swiper-pagination-bullet-active{ background: #1c4098}

.hot_house{ margin-bottom: 120px;}
.hot_house .wrapper{ background: #f7f7f7; overflow: hidden;}
.hot_house img{ float: right; width: 50%;}
.hot_house div{ overflow: hidden; padding-left: 35px; padding-top: 20px;}
.hot_house b{ display: block; line-height: 60px; font-size: 28px; color: #333333; font-weight: normal;}
.hot_house p{ font-size: 16px; color: #999999; line-height: 35px;}
.hot_house p i{ margin-left: 30px;}
.hot_house a{ display: block;  width: 177px; line-height: 41px; text-align: center; font-size: 14px; color: #333333; border: 1px #c4d4ee solid; border-radius: 2px;}

.special{ background: url("../images/img05.jpg") no-repeat center top; padding-top: 18px; padding-bottom: 20px;}
.special .wrapper > b{display: block; font-size: 28px; font-weight: normal; color: #fff; line-height: 93px;}
.special div a{ float: left; width: 600px; height: 122px; box-sizing: border-box; background: #fff; margin: 0 30px 30px 0; overflow: hidden; padding: 19px 25px 0 13px;}
.special div a:nth-child(2n+2){ margin-right: 0}
.special img{ float: left; width: 112px; height: 82px; margin-right: 20px; border-radius: 2px;}
.special p{ font-size: 14px; color: #333333; line-height: 16px;}
.special div b{ display: block; font-size: 16px; color: #666; font-weight: normal; line-height: 26px; height: 50px; overflow: hidden; margin-top: 15px;}

.footer{ background: #f1f1f1; overflow: hidden;}
.footer .copy{ border-top: 2px #cccccc solid;}
.footer .copy p{ text-align: center; padding: 35px 0; line-height: 30px; font-size: 13px; color: #333333;}
.footer .top{ padding: 50px 0 30px; display: -webkit-flex; display: flex; justify-content: space-between;}
.footer .top b{ display: block; font-size: 18px; color: #333333; font-weight: normal; line-height: 35px; margin-bottom: 20px;}
.footer .top p{ font-size: 14px; color: #333; line-height: 35px;}
.footer .top a{ color: #333;}

.menus{ display: none; position: absolute; right: 0.25rem; top: 0.30rem;}
.menus img{ width: 0.50rem;}
.bg{ display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.6); z-index: 8; transition: all 0.6s;}
.menus_list{ display: none; position: fixed; left: 0; top: 0.90rem; right: 0; padding: 0.30rem; background: #fff; z-index: 9; transition: all 0.6s;}
.menus_list li > a{ display: block; font-size: 0.30rem; color: #333; line-height: 0.9rem; position: relative; border-bottom: 1px #ddd solid; background: url("../images/img05.png") no-repeat right center; background-size: 0.30rem auto;}
.menus_list li > a:hover,.menus_list li > a.on{ color: #1c4098;}
.menus_list li div{background-color: rgba(0,154,94,0.2); border-bottom: 1px #ddd solid; display: none; padding: 0.30rem 0.20rem; flex-wrap: wrap;}
.menus_list li:hover div{ display: -webkit-flex; display: flex;}
.menus_list li p{ width: 50%; box-sizing: border-box; line-height: 0.70rem; padding-left: 0.20rem; position: relative;}
.menus_list li p::after{position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); border-right: 0.04rem #009a5e solid; height: 0.25rem;}
.menus_list li a{ color: #333;}



@media screen and (max-width:1260px){


	.wrapper{width: 970px;}


	.header_top{ height: 45px; line-height: 45px;}
	.header_top .fl p{font-size: 14px;}
	.header_top .fr{  height: 45px;}
	.header_top .fr a{ font-size: 14px;  line-height: 32px;}
	.header_top .fr a.on{   border-radius: 3px; padding: 0 10px;}
	.header_top .fr span,.house .tit div span{ width: 1px; height: 26px;  margin: 0 15px;}

	.header{ border-bottom: 1px #eeeeee solid;}
	.header .left{ float: left; width: 650px;}
	.header .right{width: 260px; float: right;}
	.logo{ padding: 15px 0 9px;}
	.nav{ font-size: 14px; line-height: 50px;}

	.search{ margin-top: 63px;  width: 260px; padding-left: 10px;}
	.search input{ height: 35px; line-height: 35px;}
	.search button{  right: 15px; top: 7px;}


	.banner{ height: 370px; }

	.house .tit{ height: 80px; }
	.house .tit b{  font-size: 24px; }
	.house .tit a{ line-height: 28px; padding-right: 36px; background-size: 18px auto;}

	.imgscroll{ padding-bottom: 50px; margin-bottom: 85px;}
	.d_con{ padding: 20px 0 0;}
	.d_con::after{  right: -17px; border-right: 1px #eeeeee solid;}
	.d_con img{ width: 100%; height: auto; margin-bottom: 15px;width:360px;height:270px}
	.d_con span{ line-height: 40px;}
	.d_con p{line-height: 55px; height: 55px;}
	.d_con p i{ font-size: 22px; color: #cb2223;}
	.d_con .btn01{line-height: 37px; margin-top: 15px;}

	.patitions{ height: 10px;}
	.patitions span{ width: 10px; height: 10px;}

	.hot_house{ margin-bottom: 80px;}
	.hot_house div{  padding-left: 25px; }
	.hot_house p{ font-size: 15px; }
	.hot_house p i{ margin-left: 25px;}
	.hot_house a{  margin-top: 7px;}
	.hot_house img{height:280px;}


	.special{ background-size: cover}
	.special .wrapper > b{ font-size: 26px; line-height: 80px;}
	.special div a{  width: 48.5%; height: 122px;  margin: 0 0 30px 0;}
	.special div a:nth-child(2n+2){ float: right;}
	.special img{ float: left; width: 112px; height: 82px; margin-right: 20px; border-radius: 2px;}
	.special p{ font-size: 14px; color: #333333; line-height: 16px;}
	.special div b{ display: block; font-size: 16px; color: #666; font-weight: normal; line-height: 26px; height: 50px; overflow: hidden; margin-top: 15px;}

	.footer .copy{ border-top: 1px #cccccc solid;}
	.footer .copy p{  padding: 25px 0; }
	.footer .top{ padding: 40px 0 25px;}
	.footer .top b{ margin-bottom: 10px;}



}


@media screen and (max-width:970px){

	body{ padding-top: 0.90rem;}
	.wrapper{width: 7.5rem; box-sizing: border-box; padding-left: 0.25rem; padding-right: 0.25rem; overflow: hidden;}
	.nav{ display: none;}
	.bg.on,.menus_list.on,.menus{ display: block;}

	.header_top{ display: none;}
	.header{ position: fixed; left: 0; top: 0; right: 0; height: 0.90rem; background: #fff; z-index: 9; }
	.header .nav,.header .right{display: none}
	.header .left{width: 100%}
	.header .logo{ border-bottom: none; height: 0.90rem; display: -webkit-flex; display: flex; align-items: center; padding: 0;}
	.header .logo img{ height: 0.60rem; width: auto;}


	.banner{ height: 4.0rem; background-position: -2.6rem center;}

	.index_num{ padding: 0.20rem 0;}
	.index_num li{  text-align: center;  display: block;}
	.index_num img{  height: 0.90rem; width: auto; margin: 0 auto !important; object-fit: contain !important}
	.index_num b{  font-size: 0.30rem;  line-height: 0.50rem;}
	.index_num p{ font-size: 0.24rem; line-height: 0.45rem;}

	.house .tit{ height: 1.0rem; }
	.house .tit b{  font-size: 0.34rem; }
	.house .tit a{ line-height: 0.50rem; padding-right: 0.40rem;  background-size: 0.22rem auto; font-size: 0.26rem;}
	.house .tit a.on{padding: 0 0.15rem;  border-radius: 0.03rem;}
	.house .tit div span{ height: 0.40rem; margin: 0 0.25rem;}

	.imgscroll{ padding-bottom: 0.70rem;  margin-bottom: 0.90rem;}
	.d_con{ padding: 0.20rem 0 0;}
	.d_con::after{ display: none}
	.d_con img{ width: 100%; height: 2.25rem; margin-bottom: 0.20rem;}
	.d_con span{ font-size: 0.26rem;  line-height: 0.70rem;}
	.d_con h4{  font-size: 0.30rem; line-height: 0.40rem; height: 0.80rem;}
	.d_con p{ font-size: 0.26rem; line-height: 0.75rem; height: 0.75rem;}
	.d_con p i{ font-size: 0.36rem;}
	.d_con a{ line-height: 0.80rem; margin-top: 0.20rem; font-size: 0.26rem;}
	.patitions{ height: 0.12rem;}
	.patitions span{  width: 0.12rem; height: 0.12rem; margin: 0 0.07rem;}

	.hot_house{ margin-bottom: 1.0rem;}
	.hot_house .wrapper{ padding-top: 0.20rem}
	.hot_house img{ float: none; width: 100%;}
	.hot_house div{  padding-left: 0.25rem; padding-top: 0.20rem; padding-bottom: 0.50rem}
	.hot_house b{  line-height: 0.70rem; font-size: 0.34rem;}
	.hot_house p{ font-size: 0.28rem; line-height: 0.60rem;}
	.hot_house p i{ margin-left: 30px;}
	.hot_house a{  margin-top: 0.50rem; width: 3.0rem; line-height: 0.80rem; font-size: 0.28rem; border-radius: 0.04rem}

	.special{  padding-top: 0.20rem; padding-bottom: 0.20rem;}
	.special .wrapper > b{ font-size: 0.32rem;  line-height: 0.90rem;}
	.special div a{ width: 100%; height: auto; margin: 0 0 0.3rem;  padding: 0.20rem;}
	.special div a:nth-child(3n+3){ margin-right: 0}
	.special img{ float: left; width: 1.91rem; height: 1.40rem; margin-right: 20px; border-radius: 2px;}
	.special p{ font-size: 0.26rem;  line-height: 0.40rem;}
	.special div b{ font-size: 0.30rem; line-height: 0.40rem; height: 0.80rem; margin-top: 0.20rem;}


	.footer .copy p{  padding: 0.30rem 0; line-height: 0.35rem; font-size: 0.26rem;}
	.footer .top div:not(:last-child){ border-bottom: 1px #ddd solid;}
	.footer .top div{ padding: 0.30rem 0}
	.footer .top{ padding: 0; flex-direction: column}
	.footer .top b{  font-size: 0.36rem; line-height: 0.60rem; margin-bottom: 0.10rem;}
	.footer .top p{ font-size: 0.28rem;  line-height: 0.50rem;}
	.footer .top .on p{ float:left; margin-right: 0.15rem;}
	.footer .top a{ color: #333;}











}