@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2019-09-17 15:03)
 */

/*home*/
.is-main{background:#f0f0f0;}

.m-product{background-color: #fff;}
.u-productt{background: url(../images/home/m-products.png) left bottom no-repeat;padding-top: 70px;margin-left: 40px;padding-bottom: 30px;}
.u-productt a{color: #3D3D3D;font-size: 30px;font-weight: bold;}
.u-productt a:hover{color: #365f89;}
.m-productc .hd{left: 50%;top: 100px;}
.m-productc .hd ul li{float: left;cursor: pointer;width: 130px;font-weight: bold;position: relative;text-align: center;}
.m-productc .hd ul li a:hover,.m-productc .hd .on a{color: #365f89;}
.m-productc .hd .u-proh a::after{content: '';position: absolute;width: 30px;height: 0px;background-color: #365f89;left: 55px;top: 30px;margin-left: -10px;transition: all .3s;}
.m-productc .hd .u-proh:hover a::after,.m-productc .hd .on a::after{height: 4px;}
.m-productc .bd ul{margin: 60px 0;}
.m-productc .bd ul li a{display: block;height: 100%;}
.m-productc .bd ul li{float: left;position: relative;}
.m-productc .bd ul li .u-img{height: 248px;background-color: #F6F6F6;width: 100%;overflow: hidden;}
.m-productc .bd ul li .u-img .u-imgc{display: inline-block;margin: 40px;overflow: hidden;}
.m-productc .bd ul li img{display: block;margin: 0 auto;transition: all .6s;width: 100%;}
.m-productc .bd ul li:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
.m-productc .bd ul li p{margin-top: 1px;background: url(../images/home/pro_bg.png) bottom center no-repeat;background-size: 100% 100%;width:100% ;height: 74px;line-height: 74px;text-align: center;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m-productc .bd ul li a:hover{color: #365f89;}
.m-xs{display: none;}

.m-survey{margin-top: 20px;height: auto;margin-bottom:20px;}
.u-survryl{width: 500px;height: 440px;overflow: hidden;}
.u-survryl img{width: 500px;height: 440px;transition: all .6s;}
.u-survryl:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
.u-survryr{background-color: #fff;width: 900px;padding-bottom:8px;overflow: hidden;}
.u-survryrt{background: url(../images/home/survey_t.png) left bottom no-repeat;padding-top: 3px;margin-left: 40px;padding-bottom: 20px;}
.u-survryrt a{color: #3D3D3D;font-size: 30px;font-weight: bold;}
.u-survryrt a:hover{color: #365f89;}
.u-survryrc .bd ul li{margin:0 40px;margin-top: 20px;text-indent: 2em;line-height: 32px;font-size: 14px;color: #3d3d3d;}
.u-survryrc .hd ul li{float: left;margin-top: 20px;margin-right: 10px;width: 148px;height: 52px;line-height: 52px;text-align: center;background-color: #F5F5F5;cursor: pointer;font-size: 14px;color: #3D3D3D;}
.u-survryrc .hd ul li:first-child{margin-left: 40px;}
.u-survryrc .hd ul li:last-child{margin-right: 0px;}
.u-survryrc .hd ul li img{margin-top: 17px;}
.u-survryrc .hd ul li:hover{background-color: #365f89;color: #FFFFFF;}
.u-survryrc .hd .on{background-color: #365f89;color: #fff;}
.u-survryrc .bd p{text-align: justify;}

.m-honor{background-color: #fff;}
.m-honorl{width: 900px;}
.m-honort{background: url(../images/home/honor_t.png) left bottom no-repeat;padding-top: 60px;margin-left: 44px;padding-bottom: 30px;width: 270px;}
.m-honort a{color: #3D3D3D;font-size: 30px;font-weight: bold;}
.m-honort a:hover{color: #365f89;}
.m-honorc ul li{float: left;margin-top: 20px;}
.m-honorc ul{margin-top: 20px;}
.m-honorr{width: 500px;height: 470px;overflow: hidden;}
.m-honorr img{width: 500px;height: 470px;transition: all .6s;}
.m-honorr:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
.m-honorl ul li img{width:100%;height:120px;}

.m-news{background-color: #fff;margin-top: 20px;overflow: hidden;}
.m-newst{background: url(../images/home/news_t.png) left bottom no-repeat;padding-top: 60px;margin-left: 44px;padding-bottom: 30px;width: 270px;}
.m-newst a{color: #3D3D3D;font-size: 30px;font-weight: bold;}
.m-newst a:hover{color: #365f89;}
.m-newsc .hd{left: 70%;top: -50px;}
.m-newsc .hd ul li{float: left;cursor: pointer;width: 130px;font-weight: bold;position: relative;text-align: center;}
.m-newsc .hd ul li a:hover,.m-newsc .hd .on a{color: #365f89;}
.m-newsc .hd .u-proh a::after{content: '';position: absolute;width: 30px;height: 0px;background-color: #365f89;left: 60px;top: 30px;margin-left: -10px;transition: all .3s;}
.m-newsc .hd .u-proh:hover a::after,.m-newsc .hd .on a::after{height: 4px;}
.m-newsc .bd ul{margin-top: 60px;margin-bottom: 60px;margin-left:0;margin-right:0;}
.m-newsc .bd ul li{float: left;margin-right: 40px;}
.m-newsc .bd ul li:last-child{margin-right: 0px;}
.m-newsc .bd a:first-child{display: block;width: 100%;height: 248px;overflow: hidden;}
.m-newsc .bd a:first-child img{width:100%;}
.m-newsc .bd p{color: #999;font-size: 14px;}
.m-newsc .bd p:first-child{line-height: 40px;color: #3d3d3d;font-size: 18px;}
.m-newsc .bd p:first-child:hover{color: #365f89;}


/*media query*/
/*large pcScreen*/
@media (min-width:1400px) {
    .m-productc .bd ul li{height: 320px;}
	.m-productc .bd ul li img{height: 173px;}
}
@media screen and (max-width: 1399px){
	.m-productc .hd ,.m-newsc .hd{left: 40%;}
	/* .m-productc .bd ul li,.m-newsc .bd ul li{width:30%;}
	.m-productc .bd ul li p{width: calc(100% - 1px);border-left: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;} */
	.u-survryl,.m-honorr{display: none;}
	.u-survryr,.m-honorl{width:100%;}
	.m-honorc ul li {float: left;margin-top: 20px;margin-bottom:20px;}
}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
	.m-product{width: 100%;}
	.m-productc .hd{left: 28%;top: 100px;}
	.m-productc .hd ul li{padding:0 10px;}
	.m-productc .hd .u-proh a::after{display: none;}
/* 	.m-productc .bd{width: 1100px;}
	.m-productc .bd ul li{width: 25%;height: 270px;}
	.m-productc .bd ul li img{margin-top: 5px;width: 180px;height: 160px;}
	.m-productc .bd ul li p{width:100%;}
	 */
	.m-survey{width: 100%;}
	.u-survryr .hd{margin-left: 10%;}
	.u-survryrc .bd p{padding: 0 80px;}
	.u-survryrc .hd ul li:first-child {
     margin-left: 0px; 
}
	.m-honor{width: 100%;}
	.m-newsc .hd .u-proh a::after {display:none;}
	.m-newsc .bd ul li {width: 30%;overflow:hidden;}
	
}

/*pad md*/
@media screen and (max-width: 991px ){
	.m-productc .hd .u-proh a::after{display: none;}
	/* .m-productc .bd{width: 100%;} */
	/* .m-productc .bd ul li{width: 250px;height: 250px;} */
	/* .m-productc .bd ul li img{margin-top: -10px;width: 180px;height: 160px;} */
	/* .m-productc .bd ul li p{width: 250px;} */
	/* .m-productc .bd ul li:first-child {margin-left: 0px;} */
	.u-survryl{display: none;}
	.u-survryr .hd{margin-left: 10%;}
	.u-survryrc .hd ul li{width: 120px;}
	.u-survryrc .bd p{padding: 0 40px;margin-right: 0px;}
	.m-honorl{margin-bottom: 30px;}
	.m-honorl ul li img {width: 100%;height: 220px;}
	.m-productc .bd ul li{margin-top: 10px;}
	
}

/*phone sm*/
@media screen and (max-width: 767px) {
	
	.m-productc .hd ul li{margin-bottom:10px;}
	/* .m-productc .bd ul li {width:auto;height: 250px;margin-right:auto;}
	.m-productc .bd ul li p ,.m-newsc .bd p:first-child{width:100%;white-space: nowrap;text-overflow:ellipsis;overflow: hidden} */
	.m-newsc .bd ul li { margin-right: 3%;}
	.m-newsc .bd a:first-child { height: auto;}
	.m-productc .bd ul li .u-img{height: 200px;}
	
	.m-xs{display: inline-block;}
	
}

@media screen and (max-width: 600px) {
	.m-productc .bd ul li .u-img{height: 150px;}
	
}

@media screen and (max-width: 414px) {
	.m-productc .bd ul li .u-img .u-imgc{margin: 20px;}
	.m-honorl ul li img {height: 120px;}
	.m-honorc ul li {margin-top: 0px;margin-bottom: 20px;}
	.u-survryrc .hd ul li {width: 150px;}
	.u-survryrc .bd p {padding: 0px;}
	.m-productc .hd {left: 7%; top: 80px;}
	/* .m-productc .bd ul li,.m-productc .bd ul li:first-child  { margin-left:27%;} */
	.m-newsc .hd ul li{margin-bottom:10px;}
	.m-productc .hd ul li,.m-newsc .hd ul li{width:120px}
	.m-newst,.m-honort,.u-survryrt,.u-productt{padding-top: 30px;}
	.m-newsc .bd p{display:none;}
	.m-newsc .bd a p{display:block;}
	.m-newsc .hd{top:0;left:6%;z-index:99999;}
	.m-newsc .bd ul li{width: 46%;}
	.m-productc .bd ul li .u-img{height: 100px;}
	
}

@media screen and (max-width: 375px) {
	
	.m-productc .hd {left: 0%;top: 80px;z-index:90999;}
	.m-newsc .hd ul li{width:100px;}
	/* .m-productc .bd ul li,.m-productc .bd ul li:first-child  { margin-left:19%;} */
}