﻿/*banner*/
.banner{background: url(../image/img_banner111.jpg)no-repeat center;height: 459px;}
/*关于华佳*/
.about{margin-top: 68px;}
.about .intro{display: flex;justify-content: space-between;}
.about .intro img{box-shadow: 0 0 15px 5px #f5f5f5;}
.about .intro .txt{box-shadow: 0 0 15px 5px #f5f5f5;width: 617px;height: 435px;position: relative;padding: 42px;}
.about .intro .txt h3{font-size: 48px;color: #eaf0f5;font-weight: 700;text-transform: uppercase;line-height: 92px;}
.about .intro .txt h4{font-size: 36px;color: #282828;font-weight: 700;position: absolute;left: 42px;top: 120px;line-height: 48px;top: 87px;}
.about .intro .txt h4 span{color: #c7161c;font-weight: 700;}
.about .intro .txt p{font-size: 16px;color: #888888;line-height: 36px;margin-top: 37px;}
.about ul{display: flex;margin-top: 46px;}
.about ul li{position: relative;width: 400px;padding: 9px 0 28px 52px;height: 217px;}
.about ul li:hover{box-shadow: 0 0 15px 5px #f5f5f5;}
.about ul li:hover h5{color: #c7161c;}
.about ul li:before{position: absolute;content: '';left: 52px;bottom: 32px;width: 42px;height: 3px;background-color: #c7161c;}
.about ul li h4{font-size: 36px;color: #eaf0f5;font-weight: 700;text-transform: uppercase;line-height: 76px;letter-spacing: 2.4px;}
.about ul li h5{position: absolute;font-size: 24px;color: #333333;font-weight: 700;left: 52px;line-height: 40px;
    top: 40px;}
.about ul li p{font-size: 18px;color: #666666;line-height: 28px;letter-spacing: 0.4px;line-height: 36px;}
/*我们的优势*/
.advantage{background: url(../image/bg_advantage.jpg)no-repeat center;height: 790px;padding-top: 96px;margin-top: 22px;}
.advantage .container{position: relative;height: 100%;}
.advantage .tit{position: relative;}
.advantage .tit h3{font-size: 48px;color: rgba(234,240,245,0.05);font-weight: 700;text-transform: uppercase;
	line-height: 70px;letter-spacing: 2.4px;}
.advantage .tit h4{font-size: 36px;color: #FFFFFF;font-weight: 700;position: absolute;top: 34px;left: 100px;}
.advantage .tit h4 span{font-weight: 700;color: #de1e25;}
.advantage ul{position: relative;margin-top: 84px;}
.advantage ul:before{position: absolute;content: '';width: 1px;height: 310px;background-color: rgba(222,30,37,0.2);
	left: 210px;top: 22px;}
.advantage ul li{display: flex;align-items: center;margin-bottom: 48px;cursor: default;}
.advantage ul li h4{font-size: 20px;color: #FFFFFF;font-weight: 700;text-align: right;width: 180px;}
.advantage ul li i{display: block;width: 39px;height: 39px;margin-left: 11px;background: url(../image/icon_red.png)no-repeat center;}
.advantage ul li p{font-size: 16px;color: rgba(255,255,255,0.6);line-height: 26px;margin-left: 15px;}
.advantage ul li:hover p{color: #FFFFFF;}
.advantage ul li:hover i{background: url(../image/icon_blue.png)no-repeat center;}
.advantage .num{height: 188px;background-color: #FFFFFF;position: absolute;left: 0;padding-top: 40px;bottom: -109px;display: flex;width: 100%;box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1);}
.advantage .num .part{border-left: solid 1px #d5ddf5;cursor: default;height: 148px;width: 300px;padding-left: 42px;transition: padding-left 0.3s;}
.advantage .num .part:hover{padding-left: 50px;}
.advantage .num .part:nth-child(1){background: url(http:///static/css/www.huajiaip.cn/images/gywm/img_advantage1.png)no-repeat right bottom;border-left: none;}
.advantage .num .part:nth-child(2){background: url(http:///static/css/www.huajiaip.cn/images/gywm/img_advantage2.png)no-repeat right bottom;}
.advantage .num .part:nth-child(3){background: url(http:///static/css/www.huajiaip.cn/images/gywm/img_advantage3.png)no-repeat right bottom;}
.advantage .num .part:nth-child(4){background: url(http:///static/css/www.huajiaip.cn/images/gywm/img_advantage4.png)no-repeat right bottom;}
.advantage .num .part .dot{position: relative;width: 7px;height: 6px;background-color: #c7161c;}
.advantage .num .part .dot:before{position: absolute;content: '';width: 7px;height: 6px;background-color: #c7161c;left: 12px;top: 0;}
.advantage .num .part .dot:after{position: absolute;content: '';width: 7px;height: 6px;background-color: #c7161c;left: 25px;top: 0;}
.advantage .num .part p{font-size: 20px;color: #2c3c66;margin: 22px 0 10px;}
.advantage .num .part h4{font-size: 20px;color: #2c3c66;}
.advantage .num .part h4 span{font-size: 42px;font-weight: 700;}
.advantage .num .part h4 i{font-size: 42px;font-weight: 700;}
/*联系我们*/
.contact{background: url(../image/bg_contact.jpg)no-repeat center;height: 659px;text-align: center;padding-top: 164px;}
.contact .tit{position: relative;display: inline-block;margin-bottom: 46px;}
.contact .tit h3{font-size: 48px;color: #eaf0f5;text-transform: uppercase;font-weight: 700;line-height: 70px;}
.contact .tit h4{font-size: 36px;color: #282828;font-weight: 700;position: absolute;top: 32px;left: 105px;line-height: 50px;}
.contact .tit h4 span{color: #c7161c;font-weight: 700;}
.contact .container>h4{font-size: 16px;color: #333333;font-weight: 700;line-height: 30px;}
.contact .container>h3{font-size: 18px;color: #333333;font-weight: 700;line-height: 40px;}
.contact p{width: 525px;margin: 28px auto 0;display: flex;}
.contact p .input{font-size: 16px;background-color: #ebeef1;width: 377px;height: 46px;padding-left: 21px;
    letter-spacing: 0.8px;}
.contact p .submit{font-size: 16px;color: #FFFFFF;background-color: #3c4d7b;cursor: pointer;width: 148px;height: 46px;
	line-height: 46px;display: block;font-weight: 700;}
.contact p .submit:hover{background-color: #425fac;}
.contact h5{font-weight: 700;color: #333333;font-size: 16px;margin-top: 21px;}
.contact h5 span{color: #c7161c;font-weight: 700;}
