File: /www/wwwroot/www.sanjiangapp.com/template/sanjiang/static/css/public_1.css
/* 盒模型 */
.flex{
display: flex;
}
/* 浮动 */
.float-left{
float: left;
}
.float-right{
float: right;
}
/*清除浮动*/
.clear-float {
zoom: 1;
}
.clear-float:after {
content: '';
display: block;
clear: both;
}
.clear{
clear: both;
overflow: hidden;
}
body{
background: #fff;
}
h1, h2, h3, h4, h5, h6{
font-weight: 600;
}
.help-right-item-sub, .help-right-item-title {
color: #8e98a9;
}
/* 超过一行文字变小点 */
.txt-hidden{
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow-x: hidden;
}
/* 超过两行文字变小数点 */
.txt-hidden2{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
/* 超过三行文字变小数点 */
.txt-hidden3{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
/* padding 不算宽高 */
.box-sizing{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* ycm 固定宽度 */
.ycm_width{
margin: auto;
width: 1100px;
word-break: break-all;
}
.ycm_padding{
padding-top: 90px;
padding-bottom: 70px;
}
/* 跳转副标题按钮样式 */
.ycm_banner_link{
margin-top: 45px;
display: block;
color: #277AFF;
width: 120px;
height: 48px;
font-size: 16px;
line-height: 48px;
border-radius: 5px;
text-align: center;
background-color: #fff;
font-weight: 700;
text-decoration: initial;
}
/* 跳转按钮样式 */
.ycm_link{
margin: auto;
display: block;
width: 150px;
height: 48px;
line-height: 48px;
text-align: center;
border-radius: 5px;
text-decoration: initial;
color: #fff;
background-color: #FC692B;
}
/* 主标题 */
.ycm_title{
font-size: 36px;
text-align: center;
color: #242841;
}
/* 副标题 */
.ycm_deputy_title{
margin-top: 20px;
font-size: 18px;
font-weight: 400;
text-align: center;
color: #8990a2;
}
/* 下标 */
.ycm_subscript{
margin: 20px auto 0;
width: 70px;
height: 6px;
background-color: #fc692b;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.ycm_top_public .ycm_link{
margin-top: 20px;
}
/* **************************************************************** banner **************************************************************** */
.ycm_banner{
height: 450px;
background: no-repeat center;
background-size: cover;
}
.ycm_banner .ycm_banner_left{
margin-top: 80px;
width: 650px;
}
.ycm_banner .ycm_banner_left h1{
font-size: 36px;
color: #fff;
}
.ycm_banner .ycm_banner_left p{
margin-top: 22px;
margin-bottom: 20px;
color: #fefeff;
font-size: 18px;
height: 102px;
line-height: 34px;
}
.ycm_banner .ycm_banner_right{
/*margin-top: 103px;*/
margin-top: 60px;
font-size: 0;
}
.ycm_banner .ycm_banner_right .ycm_banner_img{
width: 400px;
/*height: 363px;*/
}
/* **************************************************************** banner END **************************************************************** */
/* **************************************************************** 特色管理 **************************************************************** */
.ycm_characteristic .ycm_link{
margin-top: 50px;
}
.ycm_characteristic_content{
margin-top: 60px;
}
/* 默认样式 */
.ycm_characteristic_content .ycm_c_module{
margin-right: 20px;
}
.ycm_characteristic_content .ycm_c_module:last-child{
margin-right: 0;
}
.ycm_characteristic_content .ycm_c_public .ycm_c_img{}
.ycm_characteristic_content .ycm_c_public .ycm_c_t_title{
position: relative;
padding-bottom: 10px;
font-size: 20px;
font-weight: 700;
text-align: left;
color: #242841;
}
.ycm_characteristic_content .ycm_c_public .ycm_c_t_title:before{
/*content: '';*/
/*display: inline-block;*/
/*position: absolute;*/
/*bottom: 0;*/
/*left: 0;*/
/*width: 40px;*/
/*height: 5px;*/
/*background: #fc692b;*/
/*border-radius: 3px;*/
}
.ycm_characteristic_content .ycm_c_public .ycm_c_t_txt{
font-size: 14px;
font-weight: 400;
text-align: left;
color: #8990a2;
line-height: 24px;
}
.ycm_characteristic_content .ycm_c_public .ycm_c_module{
margin-top: 20px;
padding-left: 20px;
padding-right: 20px;
border: 1px solid transparent;
background-color: #f8f8f8; /* 要 删除 的样式 */
}
.ycm_characteristic_content .ycm_c_module_two .ycm_c_module:nth-child(2n){
margin-right: 0;
}
.ycm_characteristic_content .ycm_c_module_three .ycm_c_module:nth-child(3n){
margin-right: 0;
}
.ycm_characteristic_content .ycm_c_module_four .ycm_c_module:nth-child(4n){
margin-right: 0;
}
/* =========================== 图片在左边 =========================== */
/* 一排两个样式 */
.ycm_characteristic_content .ycm_c_module_two .ycm_c_module{
width: 540px;
height: 176px;
}
.ycm_characteristic_content .ycm_c_module_two .ycm_c_img{
width: 140px;
height: 140px;
}
.ycm_characteristic_content .ycm_c_img_left .ycm_c_img{
float: left;
margin-right: 20px;
}
.ycm_characteristic_content .ycm_c_img_left .ycm_c_module{
padding-top: 18px;
}
.ycm_characteristic_content .ycm_c_module_two.ycm_c_img_left .ycm_c_t_title{
padding-bottom: 15px;
}
.ycm_characteristic_content .ycm_c_module_two.ycm_c_img_left .ycm_c_text{
float: right;
width: calc(100% - 160px);
}
.ycm_characteristic_content .ycm_c_module_two.ycm_c_img_left .ycm_c_t_txt{
margin-top: 12px;
}
/* 一排三个样式 */
.ycm_characteristic_content .ycm_c_module_three .ycm_c_module{
width: 353px;
}
.ycm_characteristic_content .ycm_c_module_three.ycm_c_img_left .ycm_c_module{
height: 140px;
}
.ycm_characteristic_content .ycm_c_module_three.ycm_c_img_left .ycm_c_img{
margin-right: 15px;
width: 100px;
height: 100px;
}
.ycm_characteristic_content .ycm_c_module_three.ycm_c_img_left .ycm_c_text{
float: right;
width: calc(100% - 115px);
}
.ycm_characteristic_content .ycm_c_module_three.ycm_c_img_left .ycm_c_t_title{
font-size: 16px;
}
.ycm_characteristic_content .ycm_c_module_three.ycm_c_img_left .ycm_c_t_txt{
margin-top: 10px;
line-height: 22px;
}
/* 一排四个样式 */
.ycm_characteristic_content .ycm_c_module_four.ycm_c_public .ycm_c_module{
padding-top: 16px;
padding-left: 16px;
padding-right: 16px
}
.ycm_characteristic_content .ycm_c_module_four .ycm_c_module{
width: 260px;
height: 110px;
}
.ycm_characteristic_content .ycm_c_module_four .ycm_c_img{
width: 70px;
height: 70px;
}
.ycm_characteristic_content .ycm_c_module_four.ycm_c_img_left .ycm_c_img{
margin-right: 15px;
}
.ycm_characteristic_content .ycm_c_module_four.ycm_c_img_left .ycm_c_text{
float: right;
width: calc(100% - 85px);
}
.ycm_characteristic_content .ycm_c_module_four.ycm_c_img_left .ycm_c_t_title{
font-size: 14px;
}
.ycm_characteristic_content .ycm_c_module_four.ycm_c_img_left .ycm_c_t_txt{
margin-top: 10px;
line-height: 20px;
font-size: 12px;
}
/* =========================== 图片在左边 END =========================== */
/* =========================== 图片在右边 =========================== */
.ycm_characteristic_content .ycm_c_img_right.ycm_c_module_three .ycm_c_t_title,
.ycm_characteristic_content .ycm_c_img_right.ycm_c_module_four .ycm_c_t_title{
font-size: 16px;
}
/* 一排两个样式 */
.ycm_characteristic_content .ycm_c_img_right .ycm_c_img{
float: right;
margin-left: 20px;
}
.ycm_characteristic_content .ycm_c_img_right .ycm_c_module{
padding-top: 18px;
}
.ycm_characteristic_content .ycm_c_module_two.ycm_c_img_right .ycm_c_t_title{
padding-bottom: 15px;
}
.ycm_characteristic_content .ycm_c_module_two.ycm_c_img_right .ycm_c_text{
float: left;
width: calc(100% - 160px);
}
.ycm_characteristic_content .ycm_c_module_two.ycm_c_img_right .ycm_c_t_txt{
margin-top: 12px;
}
/* 一排三个样式 */
.ycm_characteristic_content .ycm_c_module_three.ycm_c_img_right .ycm_c_module{
position: relative;
height: 170px;
}
.ycm_characteristic_content .ycm_c_module_three.ycm_c_img_right .ycm_c_img{
position: absolute;
top: 18px;
right: 20px;
width: 50px;
height: 50px;
}
.ycm_characteristic_content .ycm_c_module_three.ycm_c_img_right .ycm_c_text{
width: 100%;
}
.ycm_characteristic_content .ycm_c_module_three.ycm_c_img_right .ycm_c_t_title{
margin-top: 8px;
padding-bottom: 15px;
}
.ycm_characteristic_content .ycm_c_module_three.ycm_c_img_right .ycm_c_t_txt{
margin-top: 18px;
}
/* 一排四个样式 */
.ycm_characteristic_content .ycm_c_module_four.ycm_c_img_right .ycm_c_module{
position: relative;
height: 142px;
}
.ycm_characteristic_content .ycm_c_module_four.ycm_c_img_right .ycm_c_img{
position: absolute;
top: 18px;
right: 20px;
width: 40px;
height: 40px;
}
.ycm_characteristic_content .ycm_c_module_four.ycm_c_img_right .ycm_c_t_title{
margin-top: 4px;
padding-bottom: 15px;
font-size: 14px;
}
.ycm_characteristic_content .ycm_c_module_four.ycm_c_img_right .ycm_c_t_txt{
margin-top: 14px;
font-size: 12px;
line-height: 20px;
}
/* =========================== 图片在右边 END =========================== */
/* =========================== 图片在上边 =========================== */
.ycm_characteristic_content .ycm_c_img_top,
.ycm_characteristic_content .ycm_c_img_top .ycm_c_t_title,
.ycm_characteristic_content .ycm_c_img_top .ycm_c_t_txt{
text-align: center;
}
.ycm_characteristic_content .ycm_c_img_top .ycm_c_t_title:before{
right: 0;
margin: auto;
}
.ycm_characteristic_content .ycm_c_img_top .ycm_c_img{
width: 100px;
height: 100px;
}
.ycm_characteristic_content .ycm_c_img_top .ycm_c_t_title{
padding-bottom: 15px;
}
.ycm_characteristic_content .ycm_c_img_top .ycm_c_text .ycm_c_t_title{
font-size: 16px;
}
.ycm_characteristic_content .ycm_c_img_top .ycm_c_img{
margin-bottom: 15px;
}
/* 一排两个样式 */
.ycm_characteristic_content .ycm_c_module_two.ycm_c_img_top .ycm_c_module{
padding-top: 30px;
height: 250px;
}
.ycm_characteristic_content .ycm_c_module_two.ycm_c_img_top .ycm_c_t_txt{
margin-top: 10px;
}
/* 一排三个样式 */
.ycm_characteristic_content .ycm_c_module_three.ycm_c_img_top .ycm_c_module{
padding-top: 20px;
height: 240px;
}
.ycm_characteristic_content .ycm_c_module_three.ycm_c_img_top .ycm_c_t_txt{
margin-top: 10px;
}
/* 一排四个样式 */
.ycm_characteristic_content .ycm_c_module_four.ycm_c_img_top .ycm_c_module{
padding-top: 20px;
height: 240px;
}
.ycm_characteristic_content .ycm_c_module_four.ycm_c_img_top .ycm_c_t_txt{
/*margin-top: 10px;*/
}
/* =========================== 图片在上边 END =========================== */
/* **************************************************************** 特色管理 END **************************************************************** */
/* **************************************************************** 功能介绍 **************************************************************** */
.ycm_function{
background-color: #F4F4F4;
}
.ycm_function_content .ycm_f_public{
/*margin-top: 50px;*/
margin-top: 90px;
}
.ycm_function_content .ycm_f_public .ycm_f_img{
width: 550px;
text-align: center;
}
.ycm_function_content .ycm_f_public .ycm_f_img img{
height: 350px;
}
.ycm_function_content .ycm_f_public .ycm_f_text{
width: 550px;
}
.ycm_function_content .ycm_f_public.ycm_f_left .ycm_f_text{
padding: 0 0 0 65px;
}
.ycm_function_content .ycm_f_public.ycm_f_right .ycm_f_text{
padding: 0 65px 0 0;
}
.ycm_function_content .ycm_f_public .ycm_f_t_title{
margin-top: 40px;
width: 80%;
font-size: 32px;
font-weight: 700;
color: #242841;
}
.ycm_function_content .ycm_f_public.ycm_f_right .ycm_f_t_title{
margin-left: 20%;
}
.ycm_function_content .ycm_f_public .ycm_f_t_txt{
margin-top: 30px;
font-size: 18px;
color: #8990a2;
line-height: 30px;
height: 90px;
}
.ycm_function_content .ycm_f_public .ycm_link{
margin-top: 40px;
}
/* 图在左边 */
.ycm_function_content .ycm_f_left .ycm_f_img{
float: left;
}
.ycm_function_content .ycm_f_left .ycm_f_text{
float: right;
}
/* 图在右边 */
.ycm_function_content .ycm_f_right .ycm_f_img{
float: right;
text-align: left;
}
.ycm_function_content .ycm_f_right .ycm_f_text{
float: left;
text-align: right;
}
/* **************************************************************** 功能介绍 END **************************************************************** */
/* **************************************************************** 案例 **************************************************************** */
.ycm_cooperate_content{
margin-top: 30px;
}
.ycm_cooperate_content .ycm_ce_public{
font-size: 0;
}
.ycm_cooperate_content .ycm_ce_public .ycm_ce_p_img{
margin-top: 20px;
}
.ycm_cooperate_content .ycm_ce_six .ycm_ce_p_img:nth-child(6n){
margin-right: 0;
}
.ycm_cooperate_content .ycm_ce_six .ycm_ce_p_img{
text-align: center;
margin-right: 17px;
width: 169px;
}
.ycm_cooperate_content .ycm_ce_p_img img{
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.ycm_cooperate_content .ycm_ce_eight .ycm_ce_p_img:nth-child(8n){
margin-right: 0;
}
.ycm_cooperate_content .ycm_ce_eight .ycm_ce_p_img{
margin-right: 15px;
width: 124px;
}
/* **************************************************************** 案例 END **************************************************************** */
/* **************************************************************** 底部 **************************************************************** */
.ycm_footer{
padding: 30px 0;
color: #fff;
}
.ycm_footer .logo{
margin-right: 60px;
font-size: 0;
}
.ycm_footer .logo .logo_box{
width: 82px;
}
.ycm_footer .logo .qs_box{
margin-top: 20px;
width: 82px;
height: 82px;
margin-bottom: 20px;
}
.ycm_footer .logo p{
font-size: 12px;
text-align: center;
}
.ycm_footer .website_station{
padding-right: 60px;
width: 540px;
}
.ycm_footer .website_list{
margin-top: 5px;
}
.ycm_footer .website_list .link_box{
margin-top: 15px;
margin-right: 10px;
display: inline-block;
width: 120px;
}
.ycm_footer .website_list .link{
text-decoration: initial;
color: #8e98a9;
}
.ycm_footer .title {
position: relative;
padding-bottom: 16px;
font-size: 16px;
display: inline-block;
}
.ycm_footer .title:before{
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 64px;
height: 1px;
opacity: 1;
background: #515765;
}
.ycm_footer .privacy{
width: 148px;
}
.ycm_footer .contact_us{
width: 148px;
}
.copyright{
color: #fff;
text-align: center;
background-color: #192133;
line-height: 50px;
font-size: 14px;
}
/* **************************************************************** 底部 END **************************************************************** */