html, body { min-width: 1260px; width: 100%; }

.ititle { text-align: center; margin-bottom: 30px; }
.ititle h2 { font-size: 30px; }
.ititle p { color: #666666; font-size: 14px; line-height: 35px; }

.b1 { margin-bottom: 60px; }
.b1 a { display: block; height: 210px; padding-top: 50px; text-align: center; position: relative; }
.b1 a::after { content: ""; display: block; position: absolute; width: 210px; height: 210px; border: 1px solid #f0f0f0; top: 0; left: 50%; margin-left: -105px; transform: rotate(45deg); z-index: -1; transition: all .4s; }
.b1 a:hover::after { background: #f5f5f5; }
.b1 .icon { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../img/gszc/icon01.png) no-repeat center center; background-size: cover; }
.b1 .line { display: block; width: 32px; height: 3px; margin: 10px auto; background: #0bb0fe; }
.b1 .title { font-size: 18px; font-weight: normal; }

.b2 { border: 1px solid #f0f0f0; border-right: 0; margin-bottom: 40px; }
.b2 .img { height: 310px; }
.b2 .img1 { background: url(../img/gszc/b1.jpg) no-repeat left center; background-size: cover; }
.b2 .img2 { background: url(../img/gszc/b6.jpg) no-repeat left center; background-size: cover; }
.b2 .con { text-align: center; border-right: 1px solid #f0f0f0; padding-top: 30px; line-height: 36px; height: 310px; }
.b2 .con img { display: block; width: 80%; margin: 0 auto; border-radius: 50%; margin-bottom: 10px; }
.b2 .con h2 { font-size: 16px; font-weight: normal; }
.b2 .con p { font-size: 14px; color: #666666; min-height: 36px; }
.b2 .con a { display: block; width: 80%; height: 35px; background: #0bb0fe; color: #ffffff; font-size: 14px; line-height: 35px; margin: 10px auto 0; }

.b3 { text-align: center; margin-bottom: 40px; }
.b3 img { border: 1px solid #f0f0f0; border-radius: 5px; padding: 10px; width: 100%; margin: 0 auto 10px; }
.b3 p { font-size: 14px; }

.b4 { text-align: center; margin-bottom: 60px; }
.b4 img { margin-bottom: 20px; }
.b4 h2 { font-size: 18px; font-weight: normal; margin-bottom: 5px; }
.b4 p { font-size: 14px; color: #666666; line-height: 20px; }

.b5 { text-align: center; background: #eff4f7; padding: 40px 0; margin-bottom: 40px; }

.b6 { text-align: center; margin-bottom: 40px; }
.b6 a { display: block; height: 60px; line-height: 60px; background: #f0f0f0; border-radius: 5px; margin-bottom: 30px; }
.b6 a:hover { background: #0bb0fe; color: #ffffff; }

.b7 { text-align: center; padding: 40px 0; background: #0bb0fe; margin-bottom: 60px; }
.b7 img { display: block; margin: 0 auto 20px; }
.b7 span { display: inline-block; height: 46px; line-height: 46px; border-radius: 23px; font-size: 26px; width: 360px; background: #ffffff; color: #0bb0fe; }

.b8 { margin-bottom: 60px; }
.b8 input { display: block; font-size: 14px; width: 100%;height: 50px; color: #888b93; background: #eaedf6; border: 0; border-radius: 4px; padding: 0 10px; margin-bottom: 10px; }
.b8 input[type=submit] { color: #ffffff; background: #218bf2; background: linear-gradient(to right,#055cfe, #49a3fb); cursor: pointer; }

.banner { margin-bottom: 40px; }
.banner img { width: 100%; display: block; }

.header { padding: 40px 0 20px; }
.header-logo { float: left; }
.header-nav { float: right; }
.header-nav .phone { float: right; font-size: 30px; font-weight: bold; color: #0bb0fe; margin-top: -20px; margin-bottom: 15px; background: url(../img/phone.png) no-repeat left center; background-size: auto 80%; padding-left: 45px; }
.header-nav li { float: left; margin-left: 30px; font-size: 16px; }