/*公共样式*/
/*css初始化*/
html, body, ul, li, ol, ul, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; font-family: "Helvetica Neue","Helvetica","Arial","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif; }
/*fieldset组合表单中的相关元素*/
fieldset, img, input, button { border: none; padding: 0; margin: 0; outline-style: none; }
/*清除列表风格*/
ul, ol { list-style: none; }
input { padding-top: 0; padding-bottom: 0; font-family: "simsun","宋体"; }
select, input { vertical-align: middle; }
select, input, textarea { font-size: 12px; margin: 0; }
/*防止多行文本拖拽*/
textarea { resize: none; }
/*去掉图片底侧默认的3像素空白空隙*/
img { border: 0; vertical-align: middle; }
/*合并外边线*/
table { border-collapse: collapse; }
body { color: #333; background: #fff; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
a { color: #666; text-decoration: none; }
a:hover { color: #c81623; }
h1, h2, h3, h4, h5, h6 { text-decoration: none; font-weight: normal; font-size: 100%; }
s, i, em { font-style: normal; text-decoration: none; }
.col-red { color: #c81623 !important; }
hr { margin: 0 auto; }
/*公共类*/
.w { width: 1420px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }
.hide { display: none; }
.hidden { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.swiper-container-carousel .swiper-pagination-carousel span { background: white; opacity: 1; }
.swiper-container-carousel .swiper-pagination-carousel .swiper-pagination-bullet-active { width: 20px; border-radius: 20px; background: #e55860; }

.title { text-align: center; padding: 30px 0 40px 0; }
.title p { margin-top: 20px; font-size: 22px; }

.customer { padding-bottom: 30px; }
.customer-con { display: flex; justify-content: center; align-items: center; }
.customer-list { margin-right: 80px;padding-bottom:10px; }
.customer-top { padding-bottom: 15px; background: #f4f4f4; }
.customer-img { padding: 20px 50px; }
.customer-title { font-size: 26px; letter-spacing: 2px; text-align: center; color: black; padding-top: 10px; }
.customer-more { border: 1px solid #e72030; margin: 0 auto; margin-top: 40px; width: 170px; border-radius: 20px; padding: 8px 0; text-align: center; font-size: 20px; color: #e72030; }
.customer-list:last-child { margin: 0; }
.customer-list-max { padding-bottom: 5px; }
.customer-list-max .customer-title { font-size: 28px; padding-top: 15px; }
.customer-list-max .customer-img { padding: 25px 55px; }
.customer-list-max .customer-more { margin-top: 45px; }
.customer-bot { width: 950px; display: none; box-shadow: 0 0 7px #ccc; }
.customer-bot .customer-top { display: block; margin: 30px;padding-bottom:40px; }
.customer-bot hr { border: 0; height: 285px; margin-top: 25px; width: 1px; background: #ccc; }
.customer-list-max .customer-bot .customer-top { height: 320px; }
.customer-list-max .customer-bot hr { height: 532px; }
.customer-des { flex: 1; margin: 30px; display: flex;flex-wrap:wrap;padding-top:20px; }
.customer-des p { font-size: 20px; margin-bottom: 30px; margin-left: 20px; }

.who { background: url(/v2/images/grgrpi_02.jpg) no-repeat; padding: 30px 0; }
.who-con { margin: 0 50px; background: white; padding-bottom: 20px; }
.who-dt { display: flex; flex-wrap: wrap; }
.who-dd { display: flex; align-items: center; width: 580px; margin-left: 80px; margin-bottom: 20px; }
.who-dd p { font-size: 24px; margin-left: 40px; letter-spacing: 2px; }
.who-des { font-size:26px;padding:5px 0;text-align:center; }

.title .who-des { font-size: 22px; margin: 0; }

.service { padding-bottom: 30px; }
.service-con { display: flex; box-shadow: 0 0 7px #ccc; width: 1320px; margin: 0 auto; }
.service-left { background: #fbfbfb; width: 350px; padding: 50px 0; border-right: 1px solid #ccc; }
.service-left a { display: block; width: 250px; margin: 0px auto; margin-bottom: 50px; background: #e5e5e5; text-align: center; font-size: 22px; color: black; padding: 15px 0; border-radius: 8px; letter-spacing: 2px; }
.service-left a:last-child { margin-bottom: 0; }
.service-left a:hover, .service-left .service-active { color: white; background: #ff5757; }
.service-right { background: #f7f7f7; flex: 1; padding-top: 30px;padding-bottom:20px; }
.service-right p { position: relative; border: 1px dashed #ccc; margin: 0 30px 30px 30px; padding: 20px; font-size: 22px; text-align: center; }
.service-right p:last-child { margin-bottom: 0; }
.service-right p span { position: absolute; left: -5px; top: -9px; font-size: 36px; }
.service-list { display:none; }
.service-list1 { display:block; }
.service-list2 p, .service-list3 p{ text-align:left;line-height:32px;  }

.strengths { background: url(/v2/images/grgrpi_04.jpg) no-repeat; padding-bottom: 30px; }
.strengths-con p { background: #d85857; color: white; padding: 20px 30px; font-size: 22px; margin-top: 20px; display: inline-block; }
.strengths-con p:nth-of-type(even) { margin-left: 480px; }
.strengths-con p:nth-of-type(odd) { margin-left: 180px; }

.fees { padding-bottom: 30px; }
.fees-con { box-shadow: 0 0 7px #ccc; position: relative; margin: 0 auto; margin-top: 50px; width: 815px; background: #f7f7f7; padding-bottom: 30px; }
.fees-title { background: #ff5757; width: 190px; padding: 10px 0; text-align: center; border-radius: 8px; position: absolute; top: -17px; left: 312.5px; z-index: 100; }
.fees-title p { font-size: 22px; color: white; letter-spacing: 2px; }
.fees-pt { padding-top: 50px; }
.fees-con .layui-form-item { display: flex; align-items: center; }
.fees-con .layui-form-label { font-size: 18px; width: 180px; color: black; }
.fees-con .layui-input-block { flex: 1; margin-left: 0; margin-right: 80px; }
.fees-con .layui-input-block input, .fees-con .layui-input-block select { font-size: 16px; height: 40px; border-color:white; }
.layui-form-items { padding: 30px 0 20px; }
.layui-form-items .layui-input-block { display: flex;justify-content:center;padding-left:120px;  }
.layui-form-items .layui-input-block button { font-size: 18px; background: #ff5757; border-radius: 8px; padding: 0 40px; box-shadow: 0 1px 1px #656464; }
.layui-form-items .layui-input-block button:last-child { margin-left: 120px; }
.fees-p { text-align:center; font-size: 15px;color:#aaa; letter-spacing: 2px; }
.fees-con .layui-form-select dl dd.layui-this { background-color: #ff5757; }
.fees-con .multi dl dd.layui-this { background-color: #fff }
.fees-con .layui-form-checked[lay-skin=primary] i { border-color: #ff5757; background-color: #ff5757; }

.jg { background: #dcdcdc; padding: 80px 0; }

.case { position: relative; top: -80px; background: White; width: 1380px; margin: 0 auto; border-radius: 10px; }
.case-list { box-shadow: 0 0 7px #ccc; display: flex; width: 96%; margin: 0 2%; padding: 2%; box-sizing: border-box; margin-bottom: 20px; margin-top: 10px; }
.case-img { width: 303px; }
.case-img img { max-width: 100%; }
.case-img img:first-child { margin-bottom: 8px; }
.case-des { margin-left: 4%; flex: 1; }
.case-des-title { padding: 0px 0 20px; font-size: 20px; letter-spacing: 2px; font-weight: 600; }
.case-des-con { font-size: 18px; color: #333; max-height: 236px; line-height: 40px; overflow: hidden; }
.case-des-date { font-size:20px;letter-spacing:2px; }
.case-des-date p { padding-top: 15px; }
.case-des-date p:first-child { font-weight: 600; font-size: 22px; }
.case-des-date p:last-child { font-size: 18px; }
.swiper-container-case { padding-bottom: 30px; }
.swiper-container-case .swiper-pagination-case span { background: #333; opacity: 1; }
.swiper-container-case .swiper-pagination-case .swiper-pagination-bullet-active { width: 20px; border-radius: 20px; background: #e55860; }
.case-bot { margin-top: 10px; }
.case-bot p { border: 1px dashed #bbb; font-size: 20px; padding: 20px; width: 850px; margin: 0px auto; line-height: 35px; }
.case-des-top { display:flex;justify-content:space-between;align-items:center; }

.step { background: url(/v2/images/grgrpi_06.jpg) no-repeat; padding: 15px 0; margin-top: -40px; }
.step-con { background: white; width: 1380px; margin: 0 auto; border-radius: 8px; padding-bottom: 30px; }
.step-title { padding: 40px 0; }
.step-title p { font-size: 40px; color: black; letter-spacing: 3px; text-align: center; }
.step-c { display: flex; margin-top: 15px; }
.step-list { margin-left: 20px; text-align: center; }
.step-list:first-child { margin-left: 40px; }
.step-list-top { background: url(/v2/images/jyik7_67.png) no-repeat center; height: 178px; }
.step-list-des { margin:0 10px; letter-spacing: 2px; text-align: center; padding: 8px 20px; font-size: 18px; color: #f56e6e; border: 1px solid #f56e6e; border-radius: 12px; margin-top: 15px; }
.step-list-img { height: 110px; }
.step-list-img img { margin: 40px 0 0 30px; }
.step-list-p { letter-spacing: 2px; font-size: 24px; color: #f56e6e; text-align: center; margin-left: 35px; }
.step-arrow { margin: 0 20px 0 30px; }
.step-arrow p { font-size: 60px; color: #ccc; margin-top: 77px; }

.honor { padding-bottom:20px; }
.honor-list { display: flex; flex-wrap: wrap; justify-content: center; }
.honor-list .honor-dd:nth-child(1), .honor-list .honor-dd:nth-child(4) { margin-left: 0; }
.honor-dd { margin-left: 30px;margin-bottom:30px; }
.honor-dd div { height: 218px; overflow: hidden; }
.honor-dd p { line-height: 28px;  border: 1px solid #ccc; font-size: 18px; margin-top: 15px; text-align: center; border-radius: 12px; padding: 14px 0; }
.swiper-container-honor { padding-bottom: 20px; }
.swiper-container-honor .swiper-pagination-honor span { background: #333; opacity: 1; }
.swiper-container-honor .swiper-pagination-honor .swiper-pagination-bullet-active { width: 20px; border-radius: 20px; background: #e55860; }
.honor-lists img { width: 345px; }

.message { background: url(/v2/images/grgrpi_08.jpg); }
.message-con { padding: 40px 0; }
.message-con p { width: 870px; margin: 0 auto; display: flex; height: 65px; margin-bottom: 35px; }
.message-con p span { display: block; width: 100px; font-size: 22px; text-align: right; margin-right: 20px; line-height: 65px; }
.message-con p input { height: 65px; border: 1px solid #f5a1a1; border-radius: 8px; background: white; width: 750px; font-size: 20px; padding: 0 10px; box-sizing: border-box; }
.message-con p:nth-child(3) { height: 224px; }
.message-con p textarea { height: 224px; padding: 10px; border: 1px solid #f5a1a1; border-radius: 8px; background: white; font-size: 20px; width: 750px; outline: none; box-sizing: border-box; }
.message-con a { display: block; margin: 0 auto; margin-top: 40px; border: 1px solid #ff5757; background: #ff5757; color: white; letter-spacing: 10px; font-size: 36px; text-align: center; width: 600px; height: 65px; line-height: 65px; border-radius: 8px; }
.message-con a:hover { background: white; color: #ff5757; }