@charset "utf-8";
body{width: 100%;min-width: 1200px;overflow-x: hidden;}

.tit{text-align: center;}
.tit span{display: block;font-size: 54px;color: #434343;line-height: 54px;}
.tit i{display: block;font-size: 22px;color: #333;line-height: 22px;padding-bottom: 24px;}
.tit em{color: #F08200;}


/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban_pg{position: absolute;left: 0;bottom: 30px;height: 16px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 16px;height: 16px;background: #fff;border-radius: 100%;margin: 0 10px;vertical-align: top;}
.ban_pg i.on{background: #f08200;}


/*yz*/
.yz{padding: 96px 0 120px;background: #f4f6fb;}
.yz h2{margin-bottom: 98px;}
.yz li{float: left;width: 228px;height: 443px;text-align: center;background: #fff;border-radius: 10px;margin-right: 15px;transition: all 0.3s;}
.yz li:last-child{margin-right: 0;}
.yz li i{display: block;height: 81px;margin: 100px 0 27px;}
.yz li h3{font-weight: normal;font-size: 30px;color: #f08200;line-height: 50px;}
.yz li p{font-size: 24px;color: #333;line-height: 36px;}
.yz li .i1{background: url(Img/Index/yz_ic1.png) no-repeat center;}
.yz li .i2{background: url(Img/Index/yz_ic2.png) no-repeat center;}
.yz li .i3{background: url(Img/Index/yz_ic3.png) no-repeat center;}
.yz li .i4{background: url(Img/Index/yz_ic4.png) no-repeat center;}
.yz li .i5{background: url(Img/Index/yz_ic5.png) no-repeat center;}
.yz li:hover{background: #f08200;padding: 43px 0;transform: translateY(-43px);}
.yz li:hover h3,.yz li:hover p{color: #fff;}
.yz li:hover .i1{background: url(Img/Index/yz_ic1h.png) no-repeat center;}
.yz li:hover .i2{background: url(Img/Index/yz_ic2h.png) no-repeat center;}
.yz li:hover .i3{background: url(Img/Index/yz_ic3h.png) no-repeat center;}
.yz li:hover .i4{background: url(Img/Index/yz_ic4h.png) no-repeat center;}
.yz li:hover .i5{background: url(Img/Index/yz_ic5h.png) no-repeat center;}


/*plat*/
.plat{height: 634px;background: url(Img/Index/plat_bg.jpg) no-repeat center 0;}
.plat_l{float: left;width: 430px;margin-top: 154px;margin-left: 60px;}
.plat_l h2{font-size: 46px;color: #fff;line-height: 58px;margin-bottom: 30px;}
.plat_desc{font-size: 14px;color: #242424;line-height: 22px;letter-spacing: 2px;}
.plat_r{float: right;width: 600px;margin-top: 178px;}
.plat_r ul{height: 270px;background:rgba(36,36,36,0.63);}
.plat_r li{float: left;width: 299px;height: 268px;text-align: center;border-bottom: 2px solid rgba(255,255,255,0.2);}
.plat_r li:nth-child(2){border-left: 2px solid rgba(255,255,255,0.2);}
.plat_r li img{display: block;height: 40px;margin: 83px auto 30px;}
.plat_r li h3{font-size: 30px;color: #fff;line-height: 30px;font-weight: normal;}
.plat_r li p{font-size: 16px;color: #fff;line-height: 24px;padding-top: 10px;}
.plat_s{height: 186px;background: url(Img/Index/plat1.jpg) no-repeat;padding-left: 154px;}
.plat_s span{display: block;font-size: 30px;color: #fff;line-height: 30px;padding: 58px 0 12px;}
.plat_s b{display: block;font-size: 35px;color: #f08200;line-height: 35px;}
.plat_s b i{font-weight: normal;}

/*fea*/
.fea{background: #f4f6fb;padding: 120px 0 60px;}
.fea h2{margin-bottom: 86px;}
.fea li{float: left;width: 367px;height: 346px;text-align: center;border-radius: 20px;margin-left: 33px;margin-bottom: 34px;background: #fff;overflow: hidden;position: relative;transition: all 0.3s;}
.fea li:after{position: absolute;width: 0;height: 4px;background: #f08200;content: "";left: 0;bottom: 0;transition: all 0.5s;}
.fea li:nth-child(3n+1){margin-left: 16px;}
.fea li i{display: block;height: 61px;margin: 40px 0 35px;}
.fea li h3{font-size: 24px;color: #333;line-height: 24px;margin-bottom: 15px;}
.fea li p{font-size: 14px;color: #666;line-height: 32px;padding: 0 38px;}
.fea li:hover{box-shadow:0px 3px 21px 0px rgba(240,130,0,0.19);}
.fea li:hover:after{width: 100%;}


/*spt*/
.spt{height: 920px;background: url(Img/Index/spt_bg.jpg) no-repeat center 0;padding-top: 95px;box-sizing: border-box;}
.spt h2 span,.spt h2 i{color: #fff;}
.spt_con{float: right;width: 630px;margin-top: 137px;}
.spt_con li{float: left;width: 285px;height: 170px;}
.spt_con li:nth-child(odd){margin-right: 60px;}
.spt_con li h3{height: 45px;line-height: 45px;font-size: 26px;color: #fff;font-weight: normal;margin-bottom: 15px;}
.spt_con li h3 img{float: left;margin-right: 14px;}
.spt_con li p{font-size: 14px;color: #c6d9f9;line-height: 20px;opacity: 0.6;}

/*grow*/
.grow{background: #f4f6fb;padding: 100px 0 46px;}
.grow h2{margin-bottom: 75px;}
.grow li{float: left;width: 590px;height: 250px;background: #fff;border-radius: 10px;margin-bottom: 50px;padding-left: 32px;box-sizing: border-box;}
.grow li:nth-child(2n){float: right;}
.grow li img{float: right;width: 300px;height: 250px;}
.grow li h3{font-size: 24px;color: #202020;line-height: 24px;padding: 62px 0 16px;}
.grow li p{font-size: 16px;color: #666;line-height: 30px;}


/*case*/
.case{height: 924px;padding-top: 100px;background: url(Img/Index/case_bg.jpg) no-repeat center 0;}
.case_con{float: right;width: 412px;margin-top: 120px;}
.case_con h3{font-weight: normal;text-align: center;margin-bottom: 42px;}
.case_con h3 b{display: block;font-size: 48px;color: #f08200;line-height: 48px;}
.case_con h3 i{display: block;font-size: 22px;color: #333;line-height: 22px;padding-top: 14px;}
.case_con h4{height: 50px;margin-bottom: 22px;font-weight: normal;}
.case_con h4 a{float: left;width: 205px;height: 50px;padding-left: 25px;box-sizing: border-box;line-height: 50px;font-size: 18px;color: #68696c;border-radius: 10px 10px 0 0;background: #d8dae0;}
.case_con h4 a:nth-child(2){float: right;}
.case_con h4 a.on{background: #f08200;color: #fff;}
.case_bd li{height: 85px;padding: 8px;background: #f4f6fb;margin-bottom: 22px;border-radius: 12px;}
.case_bd li img{float: left;width: 85px;height: 85px;border-radius: 12px;margin-right: 25px;}
.case_bd li em{display: block;font-size: 20px;color: #333;line-height: 20px;padding-top: 20px;}
.case_bd li p{font-size: 14px;color: #666;line-height: 34px;}
.case_bd li:hover em{color: #f08200;}
.case_con .tel{margin-top: 46px;padding-left: 64px;background: url(Img/Index/tel1.png) no-repeat left center;}
.case_con .tel b{display: block;font-size: 22px;color: #333;line-height: 22px;}
.case_con .tel em{display: block;font-size: 40px;color: #f08200;line-height: 44px;font-family: Arial;}


/*yue*/
.yue{background: url(Img/Index/yue_bg.jpg) no-repeat center 0 #f4f6fb;padding: 0 0 87px;}
.yue h2{height: 370px;padding-top: 148px;box-sizing: border-box;text-align: center;font-weight: normal;color: #fff;}
.yue h2 span{display: block;font-size: 60px;line-height: 60px;}
.yue h2 i{display: block;font-size: 18px;line-height: 18px;padding-top: 48px;}
.yue_box{height: 832px;background: url(Img/Index/yue_k.png) no-repeat;border-radius: 20px;box-shadow:0px 2px 43px 0px rgba(0,107,240,0.1);}
.yue_con{width: 574px;margin-left: 40px;}
.yue_con h3{font-size: 20px;color: #333;line-height: 32px;padding: 64px 0 20px;border-bottom: 1px solid #d1d1d1;width: 446px;}
.yue_con>p{font-size: 18px;color: #333;line-height: 18px;padding: 26px 0 50px;}
.tact{height: 110px;}
.tact p i{display: block;font-size: 18px;color: #333;height: 26px;line-height: 26px;}
.tact p i img{vertical-align: middle;margin-right: 10px;}
.tact p b{display: block;font-size: 24px;color: #666666;line-height: 36px;font-family: Arial;letter-spacing: 2px;}
.yue_con li{float: left;width: 276px;height: 60px;background: #f4f6fb;border-radius: 14px;margin-bottom: 20px;}
.yue_con li:nth-child(2n){float: right;}
.yue_con li span{float: left;font-size: 16px;color: #525252;line-height: 60px;width: 70px;text-align:justify;text-align-last:justify;text-justify:distribute-all-lines;margin-left: 14px;}
.yue_con li>em{float: left;color: #e6212a;font-size: 16px;line-height: 60px;}
.yue_con li input{float: left;width: 120px;padding-left: 10px;height: 60px;line-height: 60px;font-size: 16px;color: #525252;background: none;outline: 0;border: 0;}
.yue_con li i{float: left;width: 50px;height: 30px;border-left: 1px solid #e5e4ed;margin-top: 15px;}
.yue_con li .i1{background: url(Img/Index/biao1.png) no-repeat center;}
.yue_con li .i2{background: url(Img/Index/biao2.png) no-repeat center;}
.yue_con li .i3{background: url(Img/Index/biao3.png) no-repeat center;}
.yue_con li .i4{background: url(Img/Index/biao4.png) no-repeat center;}
.yue_con li:last-child{width: 100%;height: 178px;border-radius: 20px;padding: 14px;box-sizing: border-box;}
.yue_con li strong{display: block;width: 100%;font-size: 16px;color: #525252;line-height: 30px;font-weight: normal;letter-spacing: 2px;}
.yue_con li strong em{color: #e6212a;}
.yue_con li textarea{display: block;width: 100%;height: 120px;font-size: 16px;color: #525252;line-height: 30px;background: none;outline: 0;border: 0;padding: 0;}
.yue_con .submit{display: block;width: 220px;height: 60px;line-height: 60px;text-align: center;font-size: 24px;color: #fff;border-radius: 10px;background: #f08200;border: 0;outline: 0;cursor: pointer;}

