@import url("../../css/basic2.css");
div,p,h1,h2,h3,h4,h5,h6,span,i,a,li,ul,body{
	font-family: "Microsoft YaHei"; padding:0; margin:0; font-size: 18px; line-height: 27px; color: #666;
}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
a:hover,a:link{text-decoration: none;}
.no-padding{padding: 0;}
img{border:0;}
.img_block{display: block; width: 100%;}
.of{overflow: hidden;}
body,html {
	background:#f2f5ff;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}
.l{float: left;}
.r{float: right;}
.tp_top{margin-top: 60px;}
.mt{margin-top: 40px;}
/*container*/
.container{margin: 0 auto; }
@media screen and (min-width: 768px){
	.container{width: 750px;}
}
@media screen and (min-width: 992px){
	.container{width: 970px;}
}
@media screen and (min-width: 1200px){
	.container{width: 1170px;}
}
@media screen and (min-width: 1220px){
	.container{width: 1200px;}
}

@media (min-width: 1200px){
	.hidden-lg{display: none!important;}
}
@media (max-width: 1199px) and (min-width: 992px){
	.hidden-md{display: none!important;}
}
@media (max-width: 991px) and (min-width: 768px){
	.hidden-sm{display: none!important;}
}
@media (max-width: 767px){
	.hidden-xs{display: none!important;}
}

.banner{background: url(banner.jpg) no-repeat center 0; height: 500px; margin-bottom: 60px;}
.top{display: flex; justify-content:space-between;}
.top_l{width: 66%; position: relative;}
.top_l img{width: 100%; display: block;}
.top_l_con{position: absolute; left: 0 ; bottom: 0; width: 100%; height: 60px; background-color: rgba(0, 51, 153, 0.7);}
.top_name{color: #fff; color: #fff; line-height: 60px; margin-left: 20px; background-image: url(talk-w.png); background-repeat: no-repeat; background-position: left center; padding-left: 40px; background-size: 26px 26px;}
.top_r{width: 32%; background: #ebefff; height: 445.5px; box-sizing: border-box; border-top: 6px solid #003399; position: relative;}
.top_r_box{padding: 35px 30px 0;}
.top_r_title{font-size: 24px; line-height: 30px; color: #039; text-align: center; margin-bottom: 15px;}
.phone{position: absolute; width: 82%; height: 60px; left: 9%; bottom: 0; border-top: 1px solid #fff; 
	box-sizing: border-box; color: #999; line-height: 60px; font-size: 14px; background-image: url(phone.png); background-repeat: no-repeat; background-position: left center; padding-left: 40px; background-size: 20px 20px;}

.list{border-top: 1px solid #e6e9f2; margin-top: 50px; padding-top: 50px; border-bottom: 1px solid #e6e9f2; padding-bottom: 20px;}
.list{display: flex; flex-wrap: wrap;}
.list_item{width: 32%; margin-right: 2%; margin-bottom: 30px;}
.list_item:nth-child(3n){margin-right: 0;}
.list_item img{display: block; width: 100%;}
.items{background: #fff; min-height: 180px; padding-top: 15px; box-sizing: border-box; position: relative;}
.items .items_title, .items p{margin: 0 20px;}
.items .items_title{background-image: url(talk-b.png); background-repeat: no-repeat; background-position: left center; padding-left: 30px; background-size: 24px 24px; color: #039;}
.items p{padding:5px 0 20px;}
.items .items_bottom{display: flex; justify-content: space-between; align-items: center; position: absolute; left: 0; bottom:20px; width: 100%; padding: 0 20px; box-sizing: border-box;}
.items .items_bottom .time{font-size: 14px; color: #999; line-height: 20px;}
.items .items_bottom .btn{background-image: url(arrowright.png); background-repeat: no-repeat; background-position: center 0; background-size: 24px 24px; width: 24px; height: 24px;}
.foot{display: flex; justify-content: space-between; align-items: center; padding: 50px 0;}
.foot p{font-size: 14px; line-height: 20px; color: #999; text-align: right;}
@media screen and (max-width: 1219px){
	
}

@media screen and (max-width: 1199px){
	.top_r{height: 360px; border-top: 3px solid #003399;}
	.top_r_box{padding: 15px 20px 0;}
	.top_r_title{font-size: 18px; line-height: 27px; margin-bottom: 10px;}
	.top_r p{font-size: 16px; line-height: 24px;}
	.phone{ width: 86%; height: 40px; left: 7%;  line-height: 40px; padding-left: 30px; background-size: 16px 16px;}
	.top_l_con{height: 50px;}
	.top_name{line-height: 50px; margin-left: 20px; background-image: url(talk-w.png); background-repeat: no-repeat; background-position: left center; padding-left: 40px; background-size: 26px 26px; height: 50px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
	
	
}
@media screen and (max-width: 991px){
	.top{flex-wrap: wrap; margin-top: 30px;}
	.top_l{width: 100%;}
	.top_r{width: 100%; height: auto; position: static;}
	.phone{position: static;width: auto; margin-top: 20px;}
	.list{margin-top: 30px; padding-top: 30px; padding-bottom: 0;}
	.list_item{width: 49%;}
	.list_item:nth-child(even){margin-right: 0;}
	.list_item:nth-child(odd){margin-right: 2%;}
	.foot{padding: 30px 0;}
}

@media screen and (max-width: 768px){
	.container{margin: 0 15px;}
	.top_l_con{height: 30px;}
	.top_name{font-size: 16px; height: 30px; line-height: 30px; margin-left: 15px; background-size: 20px 20px; padding-left: 30px;}
	.items{min-height: 160px;}
	.list_item{margin-bottom: 20px;}
	.items .items_title{font-size: 14px; line-height: 20px; padding-left: 22px; background-size: 20px 20px; background-position: left 0;}
	.items p{font-size: 14px; line-height: 20px; }
	.items .items_title, .items p{margin: 0 10px;}
	.items .items_bottom .time{font-size: 12px; line-height: 16px;}
	.items .items_bottom{padding: 0 10px;}
	/* .list_item{width: 100%;}
	.list_item:nth-child(even){margin-right: 0;}
	.list_item:nth-child(odd){margin-right: 0;} */
	.foot{flex-wrap: wrap;}
	.foot_read{width: 100%; margin-top: 20px;}
	.top_r{margin-top: 20px;}
	.top_r p{font-size: 14px; line-height: 18px;}
	.foot{justify-content: center;}
	.foot img{display: block; width: 90px;}
	.foot p{font-size: 12px; line-height: 16px; text-align: center;}
}