.global_newsList li {
float: left;
width: 30%;
margin-right: 5%;
border: 1px solid #eaeaea;
box-sizing: border-box;
margin-bottom: 60px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
background: #fff;
}
.global_newsList li:hover .title span {
color: #00A4FF;
border-bottom: 1px solid #00A4FF;
}
.global_newsList li .img img {
width: 100%;
}
.global_newsList li .bottom {
padding: 20px 25px;
}
.global_newsList li .bottom .date {
font-size: 16px;
color: #999;
line-height: 24px;
}
.global_newsList li .bottom .title {
font-size: 18px;
color: #333;
line-height: 30px;
}
.global_newsList li .bottom .des {
font-size: 14px;
color: #999;
line-height: 24px;
margin-top: 15px;
height: 48px;
}
.global_newsList li:nth-of-type(3n) {
margin-right: 0;
}
.global_newsList .more {
padding-bottom: 80px;
}
.global_newsList .more a {
display: block;
width: 100%;
line-height: 64px;
font-size: 16px;
color: #333;
background: #f2f1f6;
text-align: center;
}
.global_banner {
padding-top: 0px;
position: relative;
}
.global_banner .img {
width: 300%;
margin-left: -100%;
text-align: center;
}
.global_banner .mask {
position: absolute;
top: 100px;
left: 0;
z-index: 99;
width: 100%;
height: 290px;
text-align: center;
}
.global_banner .mask .p1 {
font-size: 40px;
color: #333;
line-height: 60px;
padding-top: 110px;
}
.global_banner .mask .p2 {
font-size: 18px;
color: #666;
line-height: 40px;
}
.global_menu_w .global_menu {
text-align: center;
padding: 10px 0 100px;
}
.global_menu_w .global_menu ul {
display: inline-block;
border-radius: 5px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.global_menu_w .global_menu ul li {
float: left;
padding: 0 10px;
}
.global_menu_w .global_menu ul li a {
display: block;
width: 130px;
line-height: 58px;
font-size: 16px;
color: #464646;
border-bottom: 2px solid #fff;
}
.global_menu_w .global_menu ul li.current a {
color: #26ABFF;
border-bottom: 2px solid #26ABFF;
}
.news_detail_w .news_detail .top {
border-bottom: 1px solid #eaeaea;
text-align: center;
padding-bottom: 20px;
}
.news_detail_w .news_detail .top .title {
font-size: 36px;
color: #333;
line-height: 60px;
}
.news_detail_w .news_detail .top .info {
font-size: 16px;
color: #B0B0B0;
line-height: 50px;
}
.news_detail_w .news_detail .content {
padding: 30px 0;
font-size: 14px;
color: #333;
line-height: 20px;
}
.news_detail_w .news_detail .bottom {
line-height: 80px;
border-top: 1px solid #eaeaea;
font-size: 14px;
padding-bottom: 50px;
}
.news_detail_w .news_detail .bottom a {
font-size: 14px;
}
.contact_way_w .contact_way {
text-align: center;
padding: 90px 0 0;
}
.contact_way_w .contact_way .contact_way_title {
font-size: 24px;
color: #000;
line-height: 40px;
}
.contact_way_w .contact_way .contact_way_text {
font-size: 16px;
color: #5C5C5C;
line-height: 30px;
}
.contact_way_w .contact_way .list {
padding: 50px 0;
}
.contact_way_w .contact_way .list .li {
width: 28%;
border-right: 1px solid #eaeaea;
text-align: center;
float: left;
box-sizing: border-box;
}
.contact_way_w .contact_way .list .li .icon i {
display: inline-block;
width: 72px;
height: 72px;
border-radius: 50%;
background: #00A4FF;
line-height: 72px;
font-size: 24px;
color: #fff;
}
.contact_way_w .contact_way .list .li .title {
font-size: 16px;
color: #000;
line-height: 30px;
padding-top: 20px;
}
.contact_way_w .contact_way .list .li .text {
font-size: 16px;
color: #5E5E5E;
line-height: 30px;
padding: 0 15%;
height: 60px;
}
.contact_way_w .contact_way .list .img {
padding-top: 10px;
}
.contact_way_w .contact_way .list .img img {
width: 120px;
}
.contact_way_w .contact_way .list .img .text {
font-size: 16px;
color: #000;
line-height: 40px;
}
.contact_message_w .contact_message {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
padding: 60px 0;
position: relative;
z-index: 99;
background: #fff;
}
.contact_message_w .contact_message .contact_message_title {
font-size: 24px;
color: #000;
line-height: 40px;
text-align: center;
}
.contact_message_w .contact_message .contact_message_text {
font-size: 16px;
color: #5C5C5C;
line-height: 30px;
text-align: center;
}
.contact_message_w .contact_message .contact_message_text a {
color: #00A4FF;
}
.contact_message_w .contact_message .form {
padding: 0 15%;
}
.contact_message_w .contact_message .form .input_w {
padding-top: 50px;
}
.contact_message_w .contact_message .form .input_w .input {
width: 48%;
position: relative;
}
.contact_message_w .contact_message .form .input_w .input input {
width: 92%;
height: 54px;
border: 1px solid #eaeaea;
border-radius: 5px;
padding: 0 4%;
font-size: 16px;
color: #333;
}
.contact_message_w .contact_message .form .input_w .input label.error {
position: absolute;
top: 0;
right: 10px;
line-height: 56px;
font-size: 14px;
color: #ff0000;
}
.contact_message_w .contact_message .form .textarea {
padding-top: 30px;
}
.contact_message_w .contact_message .form .textarea textarea {
width: 96%;
height: 184px;
padding: 15px 2%;
border: 1px solid #eaeaea;
border-radius: 5px;
font-size: 16px;
color: #333;
resize: none;
}
.contact_message_w .contact_message .form .button {
padding-top: 20px;
}
.contact_message_w .contact_message .form .button button {
width: 100%;
height: 48px;
border: none;
background: #00A4FF;
font-size: 16px;
color: #fff;
border-radius: 5px;
cursor: pointer;
}
.contact_map_w {
margin-top: -150px;
}
.global_caseList li {
float: left;
width: 30%;
margin-right: 5%;
box-sizing: border-box;
margin-bottom: 60px;
}
.global_caseList li:hover .title span {
color: #00A4FF;
border-bottom: 1px solid #00A4FF;
}
.global_caseList li .img {
padding: 10px;
background: #f5f5f5;
border-radius: 5px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}
.global_caseList li .img img {
width: 100%;
}
.global_caseList li .bottom {
padding: 20px 25px;
text-align: center;
}
.global_caseList li .bottom .title {
font-size: 18px;
color: #333;
line-height: 30px;
}
.global_caseList li .bottom .des {
font-size: 14px;
color: #999;
line-height: 30px;
}
.global_caseList li:nth-of-type(3n) {
margin-right: 0;
}
.global_caseList .more {
padding-bottom: 80px;
}
.global_caseList .more a {
display: block;
width: 100%;
line-height: 64px;
font-size: 16px;
color: #333;
background: #f2f1f6;
text-align: center;
}
.case_detail_w .case_detail {
padding-top: 160px;
}
.case_detail_w .case_detail .case_detail_top {
padding-bottom: 60px;
}
.case_detail_w .case_detail .case_detail_top .left {
width: 75%;
}
.case_detail_w .case_detail .case_detail_top .left .title {
font-size: 30px;
color: #2d2d2d;
line-height: 60px;
}
.case_detail_w .case_detail .case_detail_top .left .des {
font-size: 14px;
color: #656565;
line-height: 24px;
}
.case_detail_w .case_detail .case_detail_top .left .bottom {
padding-top: 60px;
}
.case_detail_w .case_detail .case_detail_top .right {
width: 18%;
border-left: 1px dashed #eaeaea;
text-align: center;
}
.case_detail_w .case_detail .case_detail_top .right .img img {
width: 160px;
}
.case_detail_w .case_detail .case_detail_top .right .btn {
padding-top: 20px;
}
.case_detail_w .case_detail .case_detail_top .right .btn a {
display: inline-block;
width: 180px;
height: 38px;
line-height: 38px;
border-radius: 38px;
border: 1px solid #D0D0D0;
text-align: left;
text-indent: 20px;
font-size: 14px;
color: #656565;
}
.case_detail_w .case_detail .case_detail_top .right .btn a i {
font-size: 16px;
color: #656565;
padding-right: 5px;
}
.case_detail_w .case_detail .case_detail_content {
text-align: center;
width: 300%;
margin-left: -100%;
}
.case_detail_w .case_detail .case_detail_content img {
display: inline-block;
}
.case_detail_w .case_detail .case_detail_bottom {
padding: 20px 0 100px;
}
.case_detail_w .case_detail .case_detail_bottom .title1 {
text-align: center;
font-size: 30px;
color: #505050;
line-height: 110px;
}
.case_detail_w .case_detail .case_detail_bottom .more {
text-align: center;
}
.case_detail_w .case_detail .case_detail_bottom .more a {
display: inline-block;
width: 265px;
height: 45px;
line-height: 45px;
border: 1px solid #00A4FF;
border-radius: 45px;
font-size: 16px;
color: #00A4FF;
}
.case_detail_w .case_detail .case_detail_bottom .more a:hover {
background: #00A4FF;
color: #fff;
}
.global_tryList li {
float: left;
width: 20%;
margin-right: 6.6666%;
box-sizing: border-box;
margin-bottom: 60px;
}
.global_tryList li:hover .title span {
color: #00A4FF;
border-bottom: 1px solid #00A4FF;
}
.global_tryList li .img {
padding: 10px;
position: relative;
}
.global_tryList li .img img {
width: 100%;
}
.global_tryList li .img .imgg {
position: absolute;
top: 10%;
left: 8%;
width: 84%;
}
.global_tryList li .img .mask {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #f2faff;
text-align: center;
}
.global_tryList li .img .mask .code {
padding-top: 20%;
}
.global_tryList li .img .mask .code img {
width: 150px;
}
.global_tryList li .img .mask .text {
font-size: 14px;
color: #000;
line-height: 60px;
}
.global_tryList li .img .mask .btn {
padding-top: 35%;
}
.global_tryList li .img .mask .btn span {
display: inline-block;
width: 190px;
height: 36px;
line-height: 36px;
background: #00A4FF;
border-radius: 36px;
font-size: 14px;
color: #fff;
}
.global_tryList li .bottom {
padding: 20px 25px;
text-align: center;
}
.global_tryList li .bottom .title {
font-size: 18px;
color: #333;
line-height: 30px;
}
.global_tryList li .bottom .des {
font-size: 14px;
color: #999;
line-height: 30px;
}
.global_tryList li:nth-of-type(4n) {
margin-right: 0;
}
.global_tryList .more {
padding-bottom: 80px;
}
.global_tryList .more a {
display: block;
width: 100%;
line-height: 64px;
font-size: 16px;
color: #333;
background: #f2f1f6;
text-align: center;
}
.try_detail_w .try_detail .tab .li {
width: 48%;
margin-right: 4%;
background: #e8f4ff;
text-align: center;
position: relative;
float: left;
padding: 20px 0;
border-radius: 5px;
cursor: pointer;
}
.try_detail_w .try_detail .tab .li:last-child {
margin-right: 0;
}
.try_detail_w .try_detail .tab .li .title {
font-size: 28px;
color: #00A4FF;
line-height: 50px;
}
.try_detail_w .try_detail .tab .li .text {
font-size: 16px;
color: #3E3E3E;
line-height: 40px;
}
.try_detail_w .try_detail .tab .li .dui {
position: absolute;
right: 30px;
bottom: 20px;
display: none;
}
.try_detail_w .try_detail .tab .li .dui i {
font-size: 38px;
line-height: 40px;
color: #fff;
}
.try_detail_w .try_detail .tab .li.current {
background: #00A4FF;
}
.try_detail_w .try_detail .tab .li.current .title {
color: #fff;
}
.try_detail_w .try_detail .tab .li.current .text {
color: #fff;
}
.try_detail_w .try_detail .tab .li.current .dui {
display: block;
}
.try_detail_w .try_detail .form {
text-align: center;
padding-top: 45px;
padding-bottom: 110px;
}
.try_detail_w .try_detail .form .input {
padding-top: 35px;
position: relative;
}
.try_detail_w .try_detail .form .input input {
width: 670px;
height: 55px;
border: 1px solid #DFDFDF;
border-radius: 5px;
font-size: 16px;
color: #696969;
padding: 0 15px;
margin-left: 10px;
}
.try_detail_w .try_detail .form .input span {
font-size: 20px;
color: #FF0000;
line-height: 55px;
padding-left: 6px;
}
.try_detail_w .try_detail .form .input label.error {
position: absolute;
top: 35px;
left: 968px;
line-height: 56px;
color: #ff0000;
font-size: 14px;
}
.try_detail_w .try_detail .form .tips {
width: 700px;
display: inline-block;
background: url(../img/dot.png) repeat-x center center;
}
.try_detail_w .try_detail .form .tips span {
font-size: 18px;
color: #828282;
line-height: 76px;
background: #fff;
padding: 0 15px;
}
.try_detail_w .try_detail .form .button button {
width: 700px;
height: 56px;
background: #00A4FF;
border: none;
border-radius: 5px;
font-size: 18px;
color: #fff;
cursor: pointer;
}
}