.page4{padding:0 0 60px;max-width:1200px;margin:0 auto;overflow: hidden;}
.page4 .Hdtitle{color: #393939;font-size: 28px;line-height: 1;    padding: 60px 0; text-align:center}
.page4_1{}
.page4_1 ul{ }
.page4_1 li { float: left; width: 25%; padding-left: 40px; padding-right: 40px; }
.page4_1 .icon { text-align: center; }
.page4_1 p.title { line-height: 80px; font-size: 24px; text-align: center; color: #252525; }
.page4_1 p.intro { font-size: 14px; line-height: 2; }
.page4_2{}
.page4_2 .con{ text-align:center;}
.page4_2 .con img{ display:inline-block;}
.page4_3  li { float: left; }
.page4_3 li.sibu_item {width: 186px;width: 16%;}
.page4_3 li.sibu_item div.icon { height: 186px; background: url("../images/page4/003-01.png") center center no-repeat; }
.page4_3 li.sibu_item div.icon span { width: 120px; height: 120px; border-radius: 50%; display: block; line-height: 120px; text-align: center; color: #4a9bff; position: relative; left: 34px; top: 34px; transition: all 0.3s; }
.page4_3 li.sibu_item p.intro { color: #707070; font-size: 14px; line-height: 2; padding-top: 15px; }
.page4_3 li.sibu_item:hover div.icon span { color: #fff; background-color: #4a9bff; }
.page4_3  li.sep {width: 150px;display: block;height: 200px;overflow: hidden;background: url("../images/page4/003-02.png") center center no-repeat;width: 12%;}
.page4_4 .youshi_item { width: 25%; float: left; }
.page4_4 .youshi_item div.icon {float: left;width: 43%;text-align: center;}
.page4_4 .youshi_item div.icon span.iconfont { font-size: 60px; color: #1c82ff; line-height: 0.8; }
.page4_4 .youshi_item div.box {width: 44%;float: left;}
.page4_4 .youshi_item div.box p.title { color: #1c82ff; font-size: 24px; }
.page4_4 .youshi_item div.box p.intro { color: #414141; font-size: 14px; line-height: 2; }
.page4_5 .chengnuo_item { float: left; width: 33.33%; }
.page4_5 .chengnuo_item div.icon { float: left; width: 140px; height: 90px; text-align: center;}
.page4_5 .chengnuo_item div.icon span.iconfont { line-height: 1.8; font-size: 44px; color: #fff; }
.page4_5 .chengnuo_item div.box { float: left; width: 200px; }
.page4_5 .chengnuo_item div.box p.title { font-weight: bold; font-size: 24px; color: #555555; }
.page4_5 .chengnuo_item div.box p.intro { color: #555555; font-size: 14px; line-height: 2; }
.page4_5 .Hdtitle{ display:inline-block;}
.page4_5 .Hdtitle:before,.page4_5 .Hdtitle:after {content: '';width: 500px;height: 1px;background:#e1e1e1;float: left;position: relative;top: 19px;z-index: 2;}
.page4_5 .Hdtitle:before { left: -70px }
.page4_5 .Hdtitle:after { float: right; right: -70px }
.page4_6{}
.page4_6 .content{ font-size:14px; color:#393939;}
.page4_6 ul{}
.page4_6 ul li{float:left; width:50%;}
.page4_6 ul li img{margin:0 auto; display:block;}
.page4_7 {height: 540px;background:url(../images/bptg/007.jpg) center center no-repeat;max-width: inherit;background-size: 100% 100%;}
.page4_7 .Hdtitle { color: #fff; }
.page4_7 ul {overflow: hidden;width: 1200px;margin: 0 auto;}
.page4_7 li.sida_item { float: left; color: #fff; width: 25%; text-align: center; }
.page4_7 li.sida_item div.icon { background-color: #fff; width: 133px; height: 133px; border-radius: 50%; border: 1px solid #1c82ff; text-align: center; margin: 0 auto; }
.page4_7 li.sida_item div.icon img{}
.page4_7 li.sida_item div.icon span.iconfont {/* font-size: 80px; *//* line-height: 130px; *//* color: #1c82ff; */height: 71px;display: block;margin-top: 30px;}
.page4_7 li.sida_item p.titles { font-size: 18px; line-height: 70px; }
.page4_7 li.sida_item p.intro { font-size: 14px; line-height: 2; width: 200px; margin: 0 auto; }
.page4_8 ul{margin: 0 -15px;}
.page4_8 li.liuda_item {float: left;width: 30%;padding: 8px 15px;}
.page4_8 li.liuda_item .box{/* width: 100%; */height: 260px;text-align: center;/* padding-left: 30px; *//* padding-right: 30px; */border: 1px solid #ddd;padding: 15px;}
.page4_8 li.liuda_item .box img{max-width:100%;}
.page4_8 li.liuda_item div.icon { padding: 40px 60px; }
.page4_8 li.liuda_item div.icon span.iconfont { font-size: 80px; line-height: 1; color: #1c82ff; }
.page4_8 li.liuda_item p.titles { color: #393939; font-size: 18px; line-height: 2; }
.page4_8 li.liuda_item p.intro { color: #959595; font-size: 14px; line-height: 2; }

.page4:last-of-type{ padding-bottom:0}

@media (max-width: 768px) {
.page4{padding: 0 4% 30px;max-width:1200px;margin:0 auto;overflow: hidden;}
.page4 .Hdtitle{color: #393939;font-size: 18px;line-height: 1;padding: 20px 0;text-align:center;}
.page4_1{}
.page4_1 ul{ }
.page4_1 li {float: left;width: 50%;padding-left: 10px;padding-right: 10px;padding-bottom: 20px;/* vertical-align: top; */}
.page4_1 .icon { text-align: center; }
.page4_1 p.title {line-height: 40px;font-size: 16px;text-align: center;color: #252525;}
.page4_1 p.intro {font-size: 12px;line-height: 2;}
.page4_2{}
.page4_2 .con{ text-align:center;}
.page4_2 .con img{ display:inline-block;}
.page4_3  li { float: left; }
.page4_3 li.sibu_item {width: 186px;width: 50%;}
.page4_3 li.sibu_item div.icon { height: 186px; background: url("../images/page4/003-01.png") center center no-repeat; }
.page4_3 li.sibu_item div.icon span { width: 120px; height: 120px; border-radius: 50%; display: block; line-height: 120px; text-align: center; color: #4a9bff; position: relative; left: 34px; top: 34px; transition: all 0.3s; }
.page4_3 li.sibu_item p.intro { color: #707070; font-size: 14px; line-height: 2; padding-top: 15px; }
.page4_3 li.sibu_item:hover div.icon span { color: #fff; background-color: #4a9bff; }
.page4_3  li.sep {width: 150px;display: block;height: 200px;overflow: hidden;background: url("../images/page4/003-02.png") center center no-repeat;width: 12%;display: none;}
.page4_4 .youshi_item {width: 50%;float: left;}
.page4_4 .youshi_item div.icon {float: left;width: 43%;text-align: center;}
.page4_4 .youshi_item div.icon span.iconfont { font-size: 60px; color: #1c82ff; line-height: 0.8; }
.page4_4 .youshi_item div.box {width: 44%;float: left;}
.page4_4 .youshi_item div.box p.title {color: #1c82ff;font-size: 18px;}
.page4_4 .youshi_item div.box p.intro { color: #414141; font-size: 14px; line-height: 2; }
.page4_5 .chengnuo_item {float: none;width: 49%;text-align: center;display: inline-block;padding-bottom: 10px;}
.page4_5 ul{ text-align:center;}
.page4_5 .chengnuo_item div.icon {float: none;width: 140px;height: 90px;text-align: center;margin: 0 auto;}
.page4_5 .chengnuo_item div.icon span.iconfont { line-height: 1.8; font-size: 44px; color: #fff; }
.page4_5 .chengnuo_item div.box { float: left; width: 200px; }
.page4_5 .chengnuo_item div.box p.title {font-weight: bold;font-size: 18px;color: #555555;}
.page4_5 .chengnuo_item div.box p.intro { color: #555555; font-size: 14px; line-height: 2; }
.page4_5 .Hdtitle{ display:inline-block;}
.page4_5 .Hdtitle:before,.page4_5 .Hdtitle:after {content: '';width: 500px;height: 1px;background:#e1e1e1;float: left;position: relative;top: 19px;z-index: 2;display: none;}
.page4_5 .Hdtitle:before { left: -70px }
.page4_5 .Hdtitle:after { float: right; right: -70px }

.page4_6{}
.page4_6 .content{ font-size:14px; color:#393939;}
.page4_6 ul{}
.page4_6 ul li{float:left;width: 100%;padding: 5px 0 0 0;}
.page4_6 ul li img{margin:0 auto; display:block;}
.page4_7 {height: auto;background:url(../images/bptg/007.jpg) center center no-repeat;max-width: inherit;background-size: cover;}
.page4_7 .Hdtitle {color: #fff;padding: 20px;}


.page4_7 ul {overflow: hidden;width: 100%;margin: 0 auto;}
.page4_7 li.sida_item {float: left;color: #fff;width: 46%;text-align: center;padding: 15px 10px;}
.page4_7 li.sida_item div.icon {background-color: #fff;width: 133px;height: 133px;border-radius: 50%;border: 1px solid #1c82ff;text-align: center;margin: 0 auto;display: none;}
.page4_7 li.sida_item div.icon img{}
.page4_7 li.sida_item div.icon span.iconfont {/* font-size: 80px; *//* line-height: 130px; *//* color: #1c82ff; */height: 71px;display: block;margin-top: 30px;}
.page4_7 li.sida_item p.titles {font-size: 14px;line-height: 30px;}
.page4_7 li.sida_item p.intro {font-size: 12px;line-height: 2;width: 100%;margin: 0 auto;}
.page4_8 ul{margin: 0 -15px;}
.page4_8 li.liuda_item {float: left;width: 46%;padding: 8px 10px;}
.page4_8 li.liuda_item .box{/* width: 100%; */height: 215px;text-align: center;/* padding-left: 30px; *//* padding-right: 30px; */border: 1px solid #ddd;padding: 5px;}
.page4_8 li.liuda_item div.icon { padding: 40px 60px; }
.page4_8 li.liuda_item div.icon span.iconfont { font-size: 80px; line-height: 1; color: #1c82ff; }
.page4_8 li.liuda_item p.titles {color: #393939;font-size: 14px;line-height: 2;}
.page4_8 li.liuda_item p.intro {color: #959595;font-size: 11px;line-height: 2;}
}