@charset "utf-8";
/* css document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan 
 */

/*home*/
.is-main{background-color: #e6f8ff;}
.main-top{margin-top: 20px;}
.m-flash{width: 590px;margin-right: 20px;}
.g-flash,.g-flash .owl-item,.g-flash img{height: 354px;}
.g-flash img{display: block; width: 100%;}
.g-flash .owl-item,.g-flash .owl-item a{position: relative;}
.g-flash .owl-item a{display: block;overflow: hidden;}
.g-flash .owl-item a img{transition: all 0.1s;}
.g-flash .owl-item a img:hover{transform: scale(1.03);}
.g-flash .owl-item p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 108px 0 18px; line-height: 48px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,.5); font-size: 16px; color: #fff;}
.g-flash .owl-pagination{position: absolute; right: 10px; bottom: 19px;}
.g-flash .owl-pagination .owl-page{float: left; margin-left: 8px;}
.g-flash .owl-pagination .owl-page span{display: block; width: 10px; height: 10px; background: rgba(255,255,255,.54); -moz-border-radius: 10px; border-radius: 10px;}
.g-flash .owl-pagination .active span{background: #fff;}

.m-news{width: 590px;height: 354px;background-color: #ffffff;padding: 20px 10px;}
.m-tabstyle{display: flex; align-items: center;justify-content: space-between;border-bottom: 1px solid #ddd;}
.m-tabstyle h1{position: relative;padding: 0 18px 10px 18px;}
.m-tabstyle li{float: left;}
.m-tabstyle h1 a{font-family: microsoftyahei-bold;font-size: 18px;font-weight: bold;font-stretch: normal;line-height: 32px;letter-spacing: 0px;color: #457ec1;}
.m-tabstyle h1::after{display: block;content: "";position: absolute; bottom: 0; left: 0;width: 100%;height: 3px;background-color: #457ec1;}
.m-tabstyle1 h1::after{display: none;}
.m-tabstyle li h1 a{font-family: microsoftyahei-bold;font-size: 18px;font-weight: bold;font-stretch: normal;line-height: 32px;letter-spacing: 0px;color: #666;}
.m-tabstyle1 li.u-active h1::after{display: block;content: "";position: absolute; bottom: 0; left: 0;width: 100%;height: 3px;background-color: #457ec1;}
.m-tabstyle1 li.u-active h1 a{font-family: microsoftyahei-bold;font-size: 18px;font-weight: bold;font-stretch: normal;line-height: 32px;letter-spacing: 0px;color: #457ec1;}
.m-tabstyle>a{font-family: microsoftyahei;font-size: 15px;font-weight: normal;font-stretch: normal;line-height: 32px;letter-spacing: 0px;color: #666666;}
.m-liststyle ul{padding-top: 5px;}
.m-liststyle li {height: 40px;line-height: 40px;position: relative;padding-left: 13px;}
.m-liststyle li::before{display: block;content: "";position: absolute;left: 0;top: 50%;transform: translatey(-50%); width: 5px;height: 5px;background-color: #457ec1;}
.m-liststyle li a {display: block;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.m-liststyle li a:hover {padding-left: 12px;transition: all .3s;}/* padding-top: 2px; */
.m-liststyle li span {float: right;padding-left: 10px;font-family: microsoftyahei;font-size: 14px;font-weight: normal;font-stretch: normal;color: #666666;}

.m-ybn{margin-top: 20px;}
.m-ybn a{display: block;}
/* 双招双引 */
.m-szsy{margin-top: 20px;}
.m-szsy section:first-child{ margin-right: 20px;}
.g-news{width: 590px;height: 338px;background-color: #ffffff;padding: 20px 10px;}
.g-news .m-liststyle ul{padding-top: 15px;}
.m-liststyle1 ul{display:flex;padding-top:13px;flex-wrap:wrap}
.m-liststyle1 ul li{padding:0 18px 11px 0;width:50%}
.m-liststyle1 ul li:nth-child(2n){padding-right:0}
.m-liststyle1 ul li:last-child{padding:0;width:100%}
.m-liststyle1 ul li:last-child a{width:100%!important}
.m-liststyle1 li a{position:relative;display:inline-block;width:100%;height:56px;overflow:hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis; border:1px solid #ddd;box-shadow:0 0 1px transparent;color:#457ec1;vertical-align:middle;text-align:center;text-align:center;text-decoration:none;font-size:16px;font-family:verdana;line-height:56px;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color;transition-property:color;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0)}
.m-liststyle1 li a:hover {transition: all .3s;} /* padding-top: 2px;padding-left: 12px; */
.m-liststyle1 li a:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#457ec1;content:"";-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:scalex(0);transform:scalex(0);-webkit-transform-origin:50% 0;transform-origin:50% 0}
.m-liststyle1 li a:active,.m-liststyle1 li a:focus,.m-liststyle1 li a:hover{color:#fff}
.m-liststyle1 li a:active:before,.m-liststyle1 li a:focus:before,.m-liststyle1 li a:hover:before{-webkit-transform:scalex(1);transform:scalex(1)}

/* 服务平台 */
.m-fwpt{height:360px;background:url(/uploads/image/dihome/m-fwpt.png) center no-repeat;margin-top: 20px;}
.m-fwpt h1{margin:52px auto 59px;width:244px;height:64px;line-height:64px;background-color:rgba(255,255,255,.3);border-radius:10px}
.m-fwpt h1 a{display:block;background:url(/uploads/image/dihome/hope.png) left 45px center no-repeat;padding-left:25px;font-family:microsoftyahei-bold;font-size:22px;font-weight:700;font-stretch:normal;color:#fff;text-align:center}
.m-liststyle2{padding: 0 30px;}
.m-liststyle2 ul{display:flex;}
.m-liststyle2 li{text-align: center;width: 20%;float: left;}
.m-liststyle2 li p{padding-top: 20px;font-family: microsoftyahei-bold;font-size: 22px;font-weight: bold;font-stretch: normal;color: #ffffff;}
.m-liststyle2 li a:hover img{-webkit-transition: all 0.8s ease;transition: all 0.8s ease;-webkit-transform: rotatey(360deg);transform: rotatey(360deg);}

/* 池商风采 */
.m-czfc{height:324px;background-color:#fff;padding:10px;margin-top: 20px;}
.g-czfc{overflow:hidden!important;padding-top:20px}
.g-czfc ul{display:flex}
.g-czfc li{width:246px;margin-right:9px}
.g-czfc li a{display:block;overflow: hidden;}
.g-czfc li p{padding-top:5px;width:246px;text-align:center;font-family:microsoftyahei;font-size:15px;font-weight:400;font-stretch:normal;line-height:32px;letter-spacing:0;color:#333;overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis}
.g-czfc li img{width:100%;height:202px;padding:3px;border:1px solid #ddd}
.g-czfc li a:hover img{transform: scale(1.05);}
/* 友情链接 */
.m-yqlj{height:134px;background-color:#fff;padding:20px 10px;margin: 20px 0;}
.m-tabstyle2{border-bottom: 1px solid #ddd;}
.m-tabstyle2,.m-tabstyle2 ul{display: flex;align-items: center;}
.m-tabstyle2 h2{padding:0 20px 0 17px;font-family:microsoftyahei-bold;font-size:20px;font-weight:700;font-stretch:normal;line-height:34px;letter-spacing:0;color:#457ec1}
.m-tabstyle2 ul li{margin-right: 10px;}
.m-tabstyle2 ul li:last-child{margin-right: 0;}
.m-tabstyle2 ul li a{display:block;border-radius:8px 8px 0 0;width:118px;height:42px;line-height:42px;text-align:center;font-family:microsoftyahei;font-size:18px;font-weight:400;font-stretch:normal;color:#fff;background-color:#aaa}
.m-tabstyle2 ul li.u-active a{background-color: #457ec1;}
.m-liststyle3{padding: 20px 0;}
.m-liststyle3 ul{display: flex;}
.m-liststyle3 li{margin: 5px 10px;}
.m-liststyle3 li:first-child{margin-left: 17px;}
.m-liststyle3 li a{padding-right: 15px;}



/* #floatad2{top: 305px;position: fixed !important;} */
#floatad2 img{width: 170px !important;}

/*media query*/
/*large pcscreen*/
@media (min-width:1200px) {


}
/*medium pcscreen lg*/
@media screen and (max-width: 1199px) {
    

}
/*pad md*/
@media screen and (max-width: 991px ){
	

}
/*phone sm*/
@media screen and (max-width: 767px) {
    


}
/*small xs*/
@media screen and (max-width: 638px) {
    

}