@CHARSET "UTF-8";
*{margin:0;padding:0}
/*
@font-face {
  font-family: 'Siyuanjp-bold';
  src: url("https://ocxd-vote1.oss-cn-shanghai.aliyuncs.com/test/siyuanjp-bold.ttf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
*/

html,body{font-family: 'Noto Sans SC', -apple-system, sans-serif;height:100%;}

.clearfix1:after {
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		content: '.';
		line-height: 0;
}

.left{float:left}
.right{float:right}
.clear{clear:both}

a{text-decoration:none;}
a:hover{text-decoration:none;}
a:link{text-decoration:none;}
a:visited {text-decoration:none;}
.content{}
.content-light{}
ul li{list-style:none}
h1{font-size:46px;font-weight:100}
h3{font-size:21px;font-weight:100}
input[type="radio"]{cursor:pointer}
input[type="text"]{width:226px; height:14px;background: #fefefe;border: 1px solid #bbb;font-size: 14px;color: #333;padding: 6px;border-radius: 3px;}
select{width:226px; height:30px;background: #fefefe;border: 1px solid #bbb;font-size: 14px;color: #333;padding: 5px;border-radius: 3px;}
.menu{width:100%;position: relative;}
.row{
	max-width: 1200px;
	  margin-right: auto;
	  margin-left: auto;
	  display: flex;
	  flex-flow: row wrap;
}
.menu .row .columns{
	display: grid;
	align-items: center;
	grid-template-columns: 1fr auto 1fr;
	min-height: 60px;
}
.small-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.menu .row .contact{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	color:#006599;
	justify-content: end;
}

.menu .row .contact .phone{
	font-size: 18px;
	margin-top: 10px;
}
.menu .row .contact .wechat{
	margin-left: 10px;
	margin-top: 30px;
	text-align: center;
	cursor: pointer;
}

.menu .row .contact .wechat .wx-logo{
	height: 61px;
	
}

a.logo{
	display: inline-flex;
	  width: 400px;
	  margin: 15px 0;
}
a.logo img{width: 400px;} 
.logo{
	text-align: center;
}

.thb-secondary-area-item {
  padding: 0 7px;
  padding-top: 0px;
  height: 100%;
  align-items: center;
  display: inline-flex;
}

.search-input{
	padding-top: 4px;
	cursor: pointer;
}
.line-header{
	border: 4px solid #006599;
}

.menu .row .columns .full-menu {
  width: 100%;
  grid-column: span 3;
  justify-content: center;
}
.menu .row .columns .full-menu {
  transition: all .2s;
}
.full-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: none;
  text-align: center;
}

.nav_zi2{display:none;position:absolute;opacity:1;z-index: 100;background:#c9151e;margin-left:-20px;}
.nav_zi2 a{padding:10px 20px 10px 20px;display:block}
.nav_zi2 a:hover{background:#9d2128}
.nav-wrapper{width:1200px;margin:0 auto;}
.nav-logo{width:150px;height:46px;margin-top:7px;margin-left:0px}
.nav-item{display: inline-flex;align-items: center;}
.navbar-nav .item-a{padding:25px 40px 25px 40px;}
.full-menu ul .nav-item{
	color: #006599;
}
.navbar-nav a:hover{
	background-color: #006599;
	color: #fff;
}
.checked{
	background-color: #006599;
	color: #fff !important;
}

.full-menu ul .nav-item a::after {
  transition: all .25s cubic-bezier(.104,.204,.492,1);
}
.nav-title{
	text-align: center;
	background-color: #f5f5f5;
	padding:30px;
	font-size: 20px;
	
}
.summary .nav-container{
	margin-top: 70px;
}

.summary .summary-content{
	width: 100%;
	border-top:2px solid #006599;
	border-left:2px solid #006599;
	border-right:2px solid #006599;
	padding: 34px;

}
.summary-content .flex2{
	display: flex;
	width: 370px;
	justify-content: space-between;
	flex-wrap: wrap;
}

.summary-map .flex{align-items: center;}
.summary-map .side-2{
	width: 68%;
}

.summary-content:last-child{
	border-bottom: 2px solid #006599;
}
.summary-content .flex2 div{
	width: 185px;
}

.summary-content div{
	font-size:21px;
}
.summary-content .side-1{
	width: 128px;
	text-align-last: justify;
}
.summary-content .side-3 a{
	color:#ff0000;
	cursor: pointer;
}

.summary-content .side-2{
	margin-left: 6%;
}
.flex{
	display: flex;
}
.summary-content .flex{
	align-items: center;
}
.map-content{
	display: flex;
	flex-wrap: wrap;
	width:1200px;;
	margin: 60px auto;
}
.map-content .flex .address-map{
	width: 600px;
	margin-left: 70px;
}
.map-content .flex .address-content{
	align-content: flex-end;
	margin-left: 70px;
	font-size: 21px;
}

.search-input{
	width: 424px;
	border: 6px solid #006599;
	padding: 4px;
	margin: 0 auto;
	border-radius: 5px;
	display: flex;
	height: 40px;
}
.search-input input{
	width: 90%;
	border: 0;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
}
.search-btn{
	width: 10%;
	text-align: center;
	font-size: 24px;
	padding-top: 5px;
}
.product-content{
	width: 100%;
}
.product-content .flex .side{
	background-color: #006599;
	width: calc((100% - 30px) / 2);
	display: flex;
	align-items: center;
	margin-top:30px;
	flex-wrap: wrap;
}
.product-content .flex{justify-content: space-between;flex-wrap: wrap;}
.product-content .flex .side .side-left img{width: 100%;display: block;}
.product-content .flex .side .side-left{width: 50%;}
.product-content .flex .side .side-right{width: 50%;text-align: center;color:#fff;line-height: 38px;}
.product-content .product_categort_text{
	width: 100%;background-color: #ecf5f9;color:#006599;text-align: center;font-size: 20px;line-height: 44px;height: 44px;
}

.side{height: 220px;}
.side .side-left{height: 100%;}
.side .side-left img{height: 100%;}

.navbar-nav a{color:#006599}
.nav-wrapper ul li{position:relative;}
.nav-wrapper ul li span{ display:block; position:absolute; width:0px; height:0px; background:#fff; top:27px; left:50%;}
.container{width:1200px; margin:0 auto}
.home .home-bg1{background:url('../images/home-p1.jpg');background-repeat:no-repeat;background-size:1400px auto;height:748px;overflow:hidden;}
.home .home-bg2{position: absolute;z-index: 1;top: 0;left: 0;bottom: 0;right: 0;overflow: hidden;}
.home .home-bg2 .bg-content{background:url('../images/home-p2.jpg') no-repeat;background-attachment: fixed;position: absolute;top: -20px;left: -20px;bottom: -20px;right: -20px;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
.bg-color{background-color: rgba(58, 57, 57, 0.53);position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.home .col-1{padding-top:20px;padding-bottom:20px}
.home .p1-logo{margin-left:131px;margin-top:186px;}
.home .p2-img{}
.home-p1-title{color:#fff;display:block;position:absolute;font-size:43px}
.p1-btn{margin-top:66px;margin-left:146px}
.btn-box a{border:1px solid #373737;text-align:center;font-size:15px;width:150px;height:42px;line-height:42px;color:#373737;display:block;transition: all 0.4s ease;letter-spacing:1px}
.btn-box a:hover{background:#373737;border:1px solid #373737;transition: all 0.4s ease;cursor:pointer;color:#fff}
.btn-box2 a{background:#c9151e;border:1px solid #c9151e;transition: all 0.4s ease;cursor:pointer;font-size:18px;width:150px;height:42px;line-height:47px;color:#fff;display:block;text-align:center;letter-spacing:1px}
.btn-box3 a{border:1px solid #c9151e;text-align:center;font-size:15px;width:150px;height:42px;line-height:47px;color:#c9151e;display:block;transition: all 0.4s ease;letter-spacing:1px}
.btn-box3 a:hover{border:1px solid #c9151e;color:#fff;background:#c9151e;transition: all 0.4s ease;cursor:pointer;}
.ml20{margin-left:20px}
.home .p2-text{width:435px;margin-left:146px;margin-top:65px;}
.home .p2-title,.about .p2-title{font-size:43px;letter-spacing:4px}
.about .p2-title{text-align:center;margin-top:48px}
.home .p2-t2{border-bottom:5px solid #c9151e;width:96px;font-size:22px;letter-spacing:2px;line-height:40px;}
.about .p2-t2,.about .p3-t2{border-bottom:5px solid #c9151e;width:96px;font-size:22px;letter-spacing:2px;line-height:40px;text-align:center;margin:0 auto;position:relative;z-index:1}
.about .p3-t2{width:120px;}
.home .p2-con{font-size:15px;color:#424244;letter-spacing:2px;margin-top:27px;line-height:26px}
.mt30{margin-top:30px}
.mt20{margin-top:20px}

.p3-title{font-size:38px;text-align:center;letter-spacing:1px;color:#373737;line-height: 110px;}
.p3-title2{font-size:21px;text-align:center;border-bottom:5px solid #c9151e;line-height:30px;width:100px;letter-spacing:2px;text-align:center;margin:0 auto;position:relative;z-index:1;padding:0px 5px 0px 5px;margin-top:10px}

.p3-border{border-bottom:1px solid #ccccca;width:358px;left:50%;margin-left:-182px;position:relative;margin-top:-3px;z-index:0}
.nav-container{width:100%;max-width:1200px;margin:0 auto;padding-top:25px;padding-bottom:50px;display: flex;flex-wrap: wrap;}
.p3-nav3 .nav-container{
	justify-content: space-around;
}
.home .p3-con{width:314px;margin:0 auto;margin-top:25px}
.home .p3-city{font-size:18px;color:#4e5860;font-weight:bold;border-bottom:1px solid #e7eaed;padding-bottom:15px}
.home .p3-text{color:#4e5860;margin-top:10px;line-height:24px;font-size:14px;height:96px;overflow:hidden;}
.home .p3-item:nth-child(1),.home .p3-item:nth-child(4){
	background-color: #006599;
	color:#fff;
	border-radius: 10px;
}
.home .p3-item:nth-child(2),.home .p3-item:nth-child(3){
	background-color: #18a229;
	color:#fff;
	border-radius: 10px;
}
.home .p3-item .home-box .spot{
	display: flex;
	padding: 20px;
	align-items: center;
}

.home .p3-item .home-box .spot .sp-right{
	margin-left: 20px;
	line-height: 32px;
	width: 65%;
}
.home .news{
	background-color: #18a229;
	max-width: 1200px;
	width: calc(100% - 40px);
	margin: 0 auto;
	padding: 20px;
	margin-top: 40px;
	color:#fff;
	font-size: 18px;
	height: 343px;
	overflow-y: scroll;
}
.home .news .list{
	border-bottom: 2px solid #fff;
	width: 100%;
	
}
.home .news .list .flex{
	padding: 20px;
}

.home .news .left{
	width: 15%;
}
.home .news .center{
	width: 70%;
}
.home .news .right{
	width: 15%;
}
.font-bold{
	font-weight: bold;
}
.mt0{margin-top: 0;padding-top:0}
.pb0{padding-bottom:0 ;}

.blank-title{
	font-family: 'Siyuanjp-bold';
	font-weight: 800;
	/*background: url('../images/blank-tittle.png') no-repeat center center;
	background-size: 580px 114px;
	/*height: 114px;*/
	color:#006599;
}
.blank-title img{
	width:600px ;
}
.p4-title{
	/*
	font-family: 'Siyuanjp-bold';
	font-weight: 800;
	color:#006599;
	text-align: center;
	font-size: 43px;
	text-align: center;
	letter-spacing: 1px;
	line-height: 110px;
	*/
}
.p3-nav3 .p3-title{
	margin-top: 57px;
}
.home .home-bg2 .p3-title{color:#fff}
.about-us{width:1000px;height:180px;margin:0 auto;margin-top:43px;font-size:14px;letter-spacing:2px;line-height:24px;}
.slogan{margin-top:10px;font-style:italic;font-family: 'Open Sans SemiBold';}
.p1-title-kv{font-size:43px;color:#fff;letter-spacing:1px;text-align:center}
.p1-title{font-size:43px;color:#373737;letter-spacing:1px;text-align:center}
.nav-container.slogan div img{width: 200px;}
.nav-container.sign img{width:700px}

.home-p1-title a{color:#fff;display:block}
.home-p1-title a{color:#fff;display:block}

#area_146180_1 .p3-title{color:#fff}
.about-us{color:#fff}

.p3-bg{width:100%;}
.p3-bg2{width:1200px;margin:0 auto;}

.p3-item{width: 48%;margin: 20px 1%;}
.left-area{width: 46%;margin:0 1%;}
.right-area{width: 46%;margin:0 1%;}

.nav-4{
	width: 100%;
	text-align: center;
	background-color: #f5f5f5;
	margin-top: 50px;
}
.nav-4 img{
	max-width: 1200px;
	width: 100%;

}
.nav-5 .left-area .content{
	background:#e5b457;
	border-radius:  10px;
	padding: 5%;
	font-size: 24px;
	color:#fff;
	line-height: 50px;
	text-align: center;
	height: 370px;
}
.brown{color:#890000}
.nav-5 .left-area .btn{
	background:#e5b457;
	padding: 10px 20px 10px 20px;
	width:fit-content;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	border-radius: 16px;
	font-size: 22px;
	margin:44px auto;
	
}
.nav-5 .left-area .btn a,.nav-5 .right-area .btn a{
	color:#fff;
}
.home .nav-5{
	margin-top: 27px;
}

.nav-5 .right-area .content{
	background:#18a228;
	border-radius:  10px;
	padding: 5%;
	font-size: 24px;
	color:#fff;
	line-height: 50px;
	text-align: center;
	height: 370px;
}
.nav-5 .right-area .content .b-title{
	font-size: 33px;
}
.green{
	color:#57ba62;
	    text-shadow:
	        -1px -1px 0 #fff,  
	         1px -1px 0 #fff,
	        -1px  1px 0 #fff,
	         1px  1px 0 #fff; 
	
}
.nav-5 .right-area .btn{
	background:#18a228;
	padding: 10px 20px 10px 20px;
	width:fit-content;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	border-radius: 16px;
	font-size: 22px;
	margin:44px auto;
	color:#fff;
}

.item-dv1{margin:15px;color:#373737}
.city-plan{height:100px}
.city-plan a{color:#373737}
.price{text-align:right;}
.price-num{font-size:22px;padding-left:5px}
.p3-item .box{position:relative;background:#fff;width:360px;height:400px;border-radius:20px;overflow:hidden;}

.cover {display:none;opacity:0;position: absolute;z-index: 1200;top: 0;left: 0;background-color: rgba(255,255,255,.9);width: 100%;height: 100%;text-align: center;line-height:24px;-webkit-animation: fadeOut 2s infinite;-moz-animation: fadenum 2s infinite;animation:fadenum 2s infinite;}
.cover p{margin: 40px 10px 10px 10px;height:160px;text-align:left;color:#373737;pointer-events: none;}
.item-btn {width: 150px;padding: 10px;margin: 0 auto;}
.cover .price{text-align:center;margin-top:40px;pointer-events: none;}

.home-box{}
.home-box .cover {display:none;opacity:0;position: absolute;z-index: 1200;top: 0;left: 0;background-color: rgba(0,0,0,.4);font-size:16px;width: 100%;height: 100%;text-align: left;line-height:24px;-webkit-animation: fadeOut 2s infinite;-moz-animation: fadenum 2s infinite;animation:fadenum 2s infinite;display:block;color:#fff;padding:200px 10px 10px 10px}

.home-box .item-btn {width: 150px;padding: 10px;margin: 0 auto;}
.nav-2{
	width: 100%;
	background-color: #f5f5f5;
	text-align: center;
}

/*foot*/
.footer{background:#006599;wdith:100%;margin-top:100px;padding-top:60px;color:#fff;}
.footer .nav-container{
	line-height: 30px;
}
.fot-left{
	width: 33%;
}
.fot-center{
	width: 33%;
}
.fot-right{
	width: 24%;
	padding-left: 10%;
}
.fot-flex{
	display: flex;
}
.fot-flex .left{
	width: 20%;
	text-align-last: justify;
}
.fot-flex .for-left2{
	margin-left: 10%;
	width: 70%;
}
.footer-title{
	width:1379px;
	margin:0 auto;
	font-size: 30px;
}
.fot-flex{
	width: 100%;
}
.fot-second{
	margin-top: 80px;
}
.footer .fot-third{
	text-align: center;
	margin-top: 100px;
}
.fot-third .b-title{
	font-size: 27px;
}
.fot-third .s-title{
	font-size: 20px;
}
.footer .fot-right div{
	line-height: 44px;
	font-size: 18px;
}
.footer .pagetop{
	width: 182px;
	background-color: #fff;
	font-size: 28px;
	text-align: center;
	position: absolute;
	top: 0px;
	margin-top: -60px;
	right: 0;
	height: 50px;
	line-height: 50px;
}
.footer .pagetop a{
	color:#006599;
}

.fot-right a{
	color:#fff;
}
.fot-right a:hover{
	text-decoration: underline;
	transition: text-decoration 0.5s ease-in-out;
}
/*about*/

/*.about-kv{padding-top: calc(12% + 20px);}*/
.nav-kv{color: #ffffff;text-align: center;max-width: 1920px;}
.nav-kv img{width: 100%;max-width: 1920px;}
.about .center .slogan{
	margin-top: 50px;
}
.about .center .sign{
	justify-content: end;
}
.about .center .slide{
	background-color: #f0f0f0;
	width:100%;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:60px;
	display: flex;
	flex-wrap: wrap;
	margin-top:36px;
}

.about .center .b-title{
	font-size:25px;
	font-weight: bold;
}
.about .center .m-title{
	font-size:18px;
	line-height: 28px;
}
.about .center .slide .slide-left{
	margin-left:30px;
	margin-top:20px;
	background-color: #006599;
	border-radius: 60px;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	color: #fff;
	font-size: 30px;
}
.about .center .slide .slide-right{
	margin-left:30px;
}
.about .center .slide .slide-right .red{
	color:#b90000;
}
.about .center .slide .slide-right div{
	margin-top:15px;
}
.about .center .sign2{
	text-align: center;
	width:1036px;
	margin:0 auto;
}
.about .center .signature{
	display: flex;
	justify-content: end;
}

.about .center .p4-title{
	width: 1379px;
	margin:0 auto;
	background: #f0f0f0;
	height: 123px;
	line-height: 123px;
	font-size: 32px;
	text-align: center;
	margin-top:28px;
}
.about-content{
	width: 1379px;
	margin:0 auto;
}
.about-item{
	display: flex;
	justify-content: space-between;
	margin-top: 57px;
}
.about-item .item-right {
	margin-left: 20px;
}
.about-item .item-right img{
	width: 100%;
}
.about-item .item-left div{
	line-height: 30px;
}
.about-item .item-left .b-title{
	line-height: 50px;
}
.about-bottom{
	width: 100%;
	padding: 20px;
	margin: 20px auto;
	border:1px solid #bebdbd;
}
.bold{
	font-weight: bold;
}
.border-bottom{
	border-bottom: 2px solid #bebdbd;
}
.max-img img{
	width: 100%;
}
.left{float:left}

.clearfix1:before, .clearfix1:after {
  content: " ";
  display: block;
  clear: both; }

.bespeak_left{float:left;width:125px;text-align:left;margin-left:37px}
.bespeak_right{float:left;margin-left:25px;}

.place{width:367px;}

.mt15{margin-top:15px}
.mt5{margin-top:5px}
.ml10{margin-left:10px;}

.clearfix1 .radio{margin-top:10px;}
.dest{width:120px;}

.tips{background:#222;color:#fff;position:fixed;top:50%;width:200px;height:100px;left:50%;margin-left:-100px;margin-top:-50px;text-align:center;line-height:100px;display:none;z-index:11;cursor:pointer;}

input[type="radio"]{cursor:pointer;margin-left: 10px;}
input[type="text"]{width:226px; height:14px;background: #fefefe;border: 1px solid #bbb;font-size: 14px;color: #333;padding: 6px;border-radius: 3px;}
select{width:226px; height:30px;background: #fefefe;border: 1px solid #bbb;font-size: 14px;color: #333;padding: 5px;border-radius: 3px;}

.date_selector, .date_selector *{width: auto;height: auto;border: none;background: none;margin: 0px;padding: 0;text-align: left;text-decoration: none;}
.date_selector{background:#fbfbfb;border: 1px solid #ccc;padding: 10px;margin-left:0px;margin-top:0px;position: absolute;z-index:100000;display:none;border-radius: 3px;box-shadow: 0 0 5px #aaa;box-shadow:0 2px 2px #ccc; width:220px;}
.date_selector_ieframe{position: absolute;z-index: 99999;display: none;}
.date_selector .nav{width: 17.5em;}
.date_selector .nav p{clear: none;}
.date_selector .month_nav, .date_selector .year_nav{margin: 0 0 3px 0;padding: 0;display: block;position: relative;text-align: center;}
.date_selector .month_nav{float: left;width: 40%;}
.date_selector .year_nav{float: left;width: 42%;}
.date_selector .month_name, .date_selector .year_name{font-weight: bold;line-height: 20px;}
.date_selector .button{display: block;position: absolute;top: 0;width:18px;height:18px;line-height:16px;font-weight:bold;color:#5985c7;text-align: center;font-size:12px;overflow:hidden;border: 1px solid #ccc;border-radius:2px;}
.date_selector .button:hover, .date_selector .button.hover{background:#5985c7;color: #fff;cursor: pointer;border-color:#3a930d;}
.date_selector .prev{left: 0;}
.date_selector .next{right: 0;}
.date_selector table{border-spacing: 0;border-collapse: collapse;clear: both;margin: 0; width:220px;}
.date_selector th, .date_selector td{width: 2.5em;height: 2em;padding: 0 !important;text-align: center !important;color: #666;font-weight: normal;}
.date_selector th{font-size: 12px;}
.date_selector td{border:1px solid #f1f1f1;line-height: 2em;text-align: center;white-space: nowrap;color:#5985c7;background: #fff;}
.date_selector td.today{background: #eee;}
.date_selector td.unselected_month{color: #ccc;}
.date_selector td.selectable_day{cursor: pointer;}
.date_selector td.selected{background:#2b579a;color: #fff;font-weight: bold;}
.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover{background:#5985c7;color: #fff;}
.tailor_cen{width:630px;margin:0 auto;}

/*css3*/
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
  cursor:pointer;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  cursor:pointer;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}