/*鍏氬缓鏂囧寲 */
#brand .pic{width:100%;}



/*璇氫俊鍏辫耽 */
#integrity p{width:100%;text-align: center;margin-top:30px;}
#integrity .delvelop{height:140px;position: relative;margin-top:55px;overflow: hidden;}
#integrity .delvelop img{width:100%;height:100%;}
#integrity .BacCol{width:100%;height:140px;text-align: center;position: absolute;top:140px;background: url(/uiFramework/commonResource/image/2020080219543939865.png);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0a4992,endColorstr=#054792);}
#integrity .BacCol p{font-size:30px;color:#fff;line-height: 80px;}
#integrity .delvelop:hover .BacCol{
transition: all 1s;
 -webkit-animation-delay: 1s;
transform: translateY(-140px);
 -webkit-transform:translateY(-140px);
}

/*瑁呭鍒堕€ */
#product{margin-top:100px;background:url(/uiFramework/commonResource/image/2020071609500841708.png) no-repeat;background-size: 100% 100%;overflow: hidden;padding-bottom:50px;}
#product .dabox{width:1400px;margin:0 auto;}
#product .zhizao{text-align: center;padding-top:40px;}
#product .zhizao p{font-size:36px;color:#333;}
#product .zhizao .borCol{width: 50px;height: 2px;backgrond: #009149;margin: 0 auto;background: #009149;margin-top: 20px;}
#product .box{width:255px;height:300px;margin-top:40px;position: relative;overflow: hidden;}
#product .bg1{width:255px;height:300px;position: absolute;top:300px;background-color: rgb(37 , 96 , 160 ,0.8);padding:20px;box-sizing: border-box;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0a4992,endColorstr=#384675);}
#product .bg1 p{color:#ffffff;width: 100%;}
#product .bg1 .tit{margin-top:10px;text-align: right;}
#product .bg1 .tit a{font-size:24px;color:#fff;}
#product .bg1 .p2{width:30px;height:1px;background:#fff;margin-right:60px;margin-top:20px;margin-bottom:20px;}
#product .bg1 .p3{line-height:20px;}
#product .box img{width:100%;height:100%;}
#product .yejin:hover .yejin2{
transition: all 1s;
 -webkit-animation-delay: 1s;
transform: translateY(-300px);
-webkit-transform: translateY(-300px)锛 
}
#product .hedian{margin-left:32px;}
#product .hedian:hover .hedian2{
transition: all 1s;
transform: translateY(-300px);
}
#product .shihua{margin-left:32px;}
#product .shihua:hover .shihua2{
transition: all 1s;
transform: translateY(-300px);
}
#product .duanya{margin-left:32px;}
#product .duanya:hover .duanya2{
transition: all 1s;
transform: translateY(-300px);
}
#product .gongcheng:hover .gongcheng2{
transition: all 1s;
transform: translateY(-300px);
}

/*鏂版潗鏂欎笟鍔 */
#yewu1{margin-top:30px;}
.shadow{padding:20px;box-sizing: border-box;margin-bottom: 30px;}
.zuopic {height: 360px;overflow: hidden;width: 65%;}
.zuopic img {width: 100%;height: 100%;transition: all .6s;}
.zhuti {width: 100%;overflow: hidden;}
.you {box-sizing: border-box;padding: 20px 30px;height: 245px;}
.zhuti .you h2 a{font-size:24px;color:#333;border-bottom:2px solid #009149;padding-bottom:10px;}
.zhuti .you .content{margin-top: 35px;line-height: 28px;}
.you .find{width:170px;height:45px;border-radius: 100px;margin-top: 20px;background:#fff;line-height: 45px;text-align: center;border:1px solid #ccc;}
.you .find img{padding-left:10px;}
.zhuti:nth-child(1) .you {position: relative;}
.zhuti:nth-child(1) .you:after {position: absolute;top: -13px;left: 50%;margin-left: -15px;width: 30px;height: 15px;/*content: ;*/z-Index: 10;}
.zhuti:nth-child(2) .you {position: relative;}
.zhuti:nth-child(2) .you:after {position: absolute;bottom: -19px;left: 50%;margin-left: -17.5px;width: 35px;height: 30px;background: url(/uiFramework/commonResource/image/2020051217342924186.png) no-repeat
center;/*content: ;*/z-Index: 10;}
.zhuti:nth-child(3) .you {position: relative;}
.zhuti:nth-child(3) .you:after {position: absolute;top: -13px;left: 50%;margin-left: -15px;width: 30px;height: 15px;background: url(/uiFramework/commonResource/image/2020042016530921754.png) no-repeat center;/*content: ;*/z-Index: 10;}
.zhuti {box-shadow: 0px 5px 20px 2px #eee;}
.zhuti:hover .you {background: #004da0;}
.zhuti:hover .pic3 img{transform: scale(1.2);-ms-transform:scale(1.2);}
.zhuti:hover .you h2 a {color: #fff;}
.zhuti:hover .you p a {color: #fff;}
.liebiao {margin-bottom: 60px;}
.zhuti:hover .you h2 a {color: #fff;}
.zhuti:hover .you .content{color: #fff;}
.you {z-index: 20;box-sizing: border-box;padding: 30px;height: 360px;width: 35%;}
.zuopic2{float:left;}
.zuopic4{float:left;}





/*鍐涙皯铻嶅悎涓氬姟 */
#yewu2{margin-top:35px;}


/*鈥滀竴浠ｄ竴璺€濅笟鍔 */
#yewu3{margin-top:35px;}

/*鍦颁紒铻嶅悎涓氬姟 */
#yewu4{margin-top:35px;}


/*绉诲姩绔 */
@media screen and (max-width: 641px) {
.pic{display:none;}
.pic1{width: 100%;display: inline-block;}
.zongk{width:100%;}

#integrity .BacCol p{font-size:12px;margin-top: 50px;line-height: 20px;    padding: 0px 20px;}
#yewu1 {
    margin-top: 20px;
}

/*瑁呭鍒堕€ */
#product .dabox {width: 90%;margin: 0 auto;}

#product .zhizao {
width:100%;
    text-align: center;
    padding-top: 40px;
}
#product .fl{float:none;}
#product .fr{float:none;}
#product .yejin{margin :20px auto;}
#product .hedian{margin :20px  auto;}
#product .shihua{margin :20px  auto;}
#product .duanya{margin :20px  auto;}
#product .gongcheng{margin :20px  auto;}

/*鏂版潗鏂欎笟鍔 */
.shadow {margin:0;padding:0;}
.liebiao {margin-bottom: 20px;}
#yewu1{overflow:hidden;}
#yewu1 .fl{float:none;}
#yewu1 .fr{float:none;}
#yew2{overflow:hidden;}
#yewu2 .fl{float:none;}
#yewu2 .fr{float:none;}
#yewu3{overflow:hidden;}
#yewu3 .fl{float:none;}
#yewu3 .fr{float:none;}
#yewu4{overflow:hidden;}
#yewu4 .fl{float:none;}
#yewu4 .fr{float:none;}

.zuopic {width: 90%; height:150px;margin: 0 auto;}
.you{width: 90%;margin: 0 auto;padding: 20px 0 0 0;}
.you .find{display:none;}
#liebiao .fl{float:none;}
#liebiao .fr{float:none;}
.zhuti{width: 90%;margin: 0 auto;padding: 20px 0 0 0;}
#integrity p {padding: 0px 20px;line-height: 20px;}

}

/*  鍥炲埌椤堕儴 */
 #btns{    background: transparent; outline: none;border: none;position: fixed;right: 50px;bottom: 41px;z-index: 100px;width: 60px;height: 42px;}