/* common */
html,
body {
color: #333;
}
.mo,.s_mo{display:none !important;}
.xin_design_wrap .pg_wrap{}
.xin_design_wrap .pg_wrap .pg{}
.xin_design_wrap .pg_wrap .pg .pg_current{
width: 40px;
height: 40px;
line-height: 40px;
background: #275483;
color: #fff;
font-size: 24px;
}
.xin_design_wrap .pg_wrap .pg .pg_page{
font-size: 24px;
color: #999;
font-weight: bold;
line-height: 40px;
display: inline-block;
height: 40px;
}
.xin_design_wrap .pg_wrap .pg .pg_page.pg_start,.xin_design_wrap .pg_wrap .pg .pg_page.pg_end{display:none !important;}
.xin_design_wrap .pg_wrap .pg .pg_page.pg_prev{
margin: 0;
margin-right: 40px;
font-size: 0;
background-image: url(../img/page_prev01.png);
background-repeat: no-repeat;
background-position: center;
}
.xin_design_wrap .pg_wrap .pg .pg_page.pg_next{
margin: 0;
margin-left: 40px;
font-size: 0;
background-image: url(../img/page_next01.png);
background-repeat: no-repeat;
background-position: center;
}
/* header */
#header{
position: fixed;
left: 0;
width: 100%;
top: 0;
z-index: 1000;
background: #fff;
border-bottom: 1px solid #dbdbdb;
}
#header .header_wrap{
max-width: 1600px;
margin: 0 auto;
display: flex;
align-items: center;
}
#header .header_wrap .logo_area{
flex: 1 1 50%;
padding: 20px 0;
}
#header .header_wrap .logo_area a{}
#header .header_wrap .logo_area a img{}
#header .header_wrap .cate_area{
flex: 1 1 50%;
display: flex;
grid-gap: 0 110px;
justify-content: end;
}
#header .header_wrap .cate_area .cate_list{
display: flex;
grid-gap: 0 100px;
padding: 29px 0;
}
#header .header_wrap .cate_area .cate_list li{}
#header .header_wrap .cate_area .cate_list li a{
font-weight: 600;
}
#header .header_wrap .cate_area .cate_list li.active a,#header .header_wrap .cate_area .cate_list li:hover a{
color: #275483;
}
#header .header_wrap .hidden_cate_layer{
position: absolute;
left: 0;
width: 100%;
text-align: right;
top: 77px;
padding: 30px 0;
background: #fff;
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
display: none;
}
#header .header_wrap .hidden_cate_layer.show_on{display:block;}
#header .header_wrap .hidden_cate_layer .hidden_cate_wrap{
max-width: 1600px;
margin: 0 auto;
display: flex;
align-items: center;
}
#header .header_wrap .hidden_cate_layer .hidden_cate_wrap .tummy{
flex: 1 1 50%;
}
#header .header_wrap .hidden_cate_layer .hidden_cate_wrap .hidden_cate{
flex: 1 1 50%;
display: flex;
grid-gap: 0 100px;
}
#header .header_wrap .hidden_cate_layer .hidden_cate_wrap .hidden_cate li{
display: flex;
flex-flow: column;
align-items: center;
grid-gap: 20px;
}
#header .header_wrap .hidden_cate_layer .hidden_cate_wrap .hidden_cate li.none{
opacity: 0;
font-weight: 600;
}
#header .header_wrap .hidden_cate_layer .hidden_cate_wrap .hidden_cate li a{}
#header .header_wrap .hidden_cate_layer .hidden_cate_wrap .hidden_cate li a:hover{ color: #275483;}
#header .header_wrap .cate_area .lang_area{
position: relative;
padding: 29px 0;
flex: 1 0 auto;
}
#header .header_wrap .cate_area .lang_area .now_lang{
font-weight: 600;
cursor: pointer;
}
#header .header_wrap .cate_area .lang_area .now_lang .arrow{display: inline-block;margin-left: 15px;}
#header .header_wrap .cate_area .lang_area.show_on .now_lang .arrow{}
#header .header_wrap .cate_area .lang_area.show_on .now_lang .arrow svg{transform: rotate(180deg);}
#header .header_wrap .cate_area .lang_area .now_lang:hover{color: #275483;}
#header .header_wrap .cate_area .lang_area .now_lang:hover .arrow svg path{stroke:#275483;}
#header .header_wrap .cate_area .lang_area .lang_list{
display:none;
padding: 10px 18px;
border: 1px solid #DBDBDB;
position: absolute;
top: 60px;
background: #fff;
z-index: 500;
}
#header .header_wrap .cate_area .lang_area .lang_list a{
display: block;
margin-bottom: 10px;
font-weight: 600;
}
#header .header_wrap .cate_area .lang_area .lang_list a:last-child{margin-bottom:0}
#header .header_wrap .cate_area .lang_area .lang_list a.active,#header .header_wrap .cate_area .lang_area .lang_list a:hover{color: #275483;}
.gnb .gnb_1dli {
padding: 35px 32.5px;
}
.gnb .gnb_2d {
width: calc(100% - 10px);
margin: 15px auto 0;
}
#hd_wrapper .hd_bg {
display: none !important;
}
/*footer*/
.xin_design_footer{
padding: 60px 0;
background: #2E363E;
overflow: hidden;
}
.xin_design_footer .footer_wrap{
max-width: 1600px;
margin: 0 auto;
}
.xin_design_footer .footer_wrap .logo{
margin-bottom: 20px;
display: block;
}
.xin_design_footer .footer_wrap .logo svg{}
.xin_design_footer .footer_wrap .address{
font-size: 14px;
color: #fff;
margin-bottom: 10px;
}
.xin_design_footer .footer_wrap .address span{
font-size: 14px;
color: #fff;
margin-right: 10px;
}
.xin_design_footer .footer_wrap .address a{
display: inline-block;
margin-right: 10px;
}
.xin_design_footer .footer_wrap .address a:last-child{
margin: 0;
}
.xin_design_footer .footer_wrap .copyright{
font-size: 13px;
color: #fff;
}
/*footer*/
/*common*/
.xin_design_wrap{}
.xin_design_wrap .xin_design_section{
margin: 0 auto;
padding: 120px 0;
}
.xin_design_wrap .xin_design_section h2{
font-size: 40px;
font-weight: bold;
}
.xin_design_wrap .xin_design_section h4{
font-size: 32px;
font-weight: 400;
line-height: 1.2;
}
.en .xin_design_wrap .xin_design_section h4{
font-size: 30px;
word-break: break-word;
}
.xin_design_wrap .xin_design_section p{
font-size: 18px;
}
.en .xin_design_wrap .xin_design_section p{
font-size: 15px;
}
.xin_design_wrap .xin_design_section .more_link{
color: #275483;
font-size: 16px;
vertical-align: middle;
}
.xin_design_wrap .xin_design_section .more_link:hover{font-weight:bold;}
.xin_design_wrap .xin_design_section .more_link:after{content:"";background: url(../img/link_arrow01.png) no-repeat;width: 25px;height: 8px;display: inline-block;vertical-align: middle;position: relative;bottom: 4px;margin-left: 15px;}
/*main*/
.xin_design_wrap #main{}
.xin_design_wrap #main .xin_visual{overflow: hidden;position: relative;}
.xin_design_wrap #main .xin_visual ul{}
.xin_design_wrap #main .xin_visual ul li{}
.xin_design_wrap #main .xin_visual ul li.swiper-slide{
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
position: relative;
}
.xin_design_wrap #main .xin_visual ul li.swiper-slide:after{
content: '';
display:block;
padding: 21.3%;
}
.xin_design_wrap #main .xin_visual ul li.swiper-slide .text_wrap{width: 100%;position: absolute;left: 0;top: 0;height: 100%;display: flex;flex-flow: column;justify-content: center;}
.xin_design_wrap #main .xin_visual ul li.swiper-slide .text_wrap .child_title{
color: #fff;
font-size: 60px;
width: 100%;
margin: 0 auto 30px;
line-height: 1.2;
max-width: 1600px;
padding-left: 10%;
}
.xin_design_wrap #main .xin_visual ul li.swiper-slide .text_wrap .child_title span{
color: #fff;
margin-left: 185px;
}
.xin_design_wrap #main .xin_visual ul li.swiper-slide .text_wrap .child_text{
color: #fff;
font-size: 20px;
width: 100%;
margin: 0 auto;
max-width: 1600px;
padding-left: 10%;
word-break: keep-all;
}
.xin_design_wrap #main .xin_visual ul li.swiper-slide.child01{
background-image: url(../img/main_slide_w01.jpg);
}
.xin_design_wrap #main .xin_visual ul li.swiper-slide.child02{background-image: url(../img/main_slide_w02.jpg);}
.xin_design_wrap #main .xin_visual ul li.swiper-slide.child03{background-image: url(../img/main_slide_w03.jpg);}
.xin_design_wrap #main .xin_visual .swiper-pagination{
height: 100%;
width: auto;
right: 2.6%;
bottom: 0;
display: flex;
flex-flow: column;
left: auto;
justify-content: center;
}
.xin_design_wrap #main .xin_visual .swiper-pagination .swiper-pagination-bullet{
width: 28px !important;
height: 28px !important;
line-height: 28px;
background: none !important;
opacity: 1 !important;
text-align: center;
vertical-align: middle;
margin: 0 0 10px;
}
.xin_design_wrap #main .xin_visual .swiper-pagination .swiper-pagination-bullet:after{content:"";width: 6px;height: 6px;background: #fff;display: inline-block;border-radius: 50px;vertical-align: middle;}
.xin_design_wrap #main .xin_visual .swiper-pagination .swiper-pagination-bullet:last-child{margin-bottom:0;}
.xin_design_wrap #main .xin_visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgb(255 255 255 / 10%) !important;}
.xin_design_wrap #main .xin_visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{content:"";}
.xin_design_wrap #main .xin_visual .visual_controll_wrap{
position: absolute;
left: 0;
height: 100%;
top: 0;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.xin_design_wrap #main .xin_visual .swiper-button-next, .xin_design_wrap #main .xin_visual .swiper-button-prev{
position: relative;
top: auto;
left: 0;
margin: 0;
width: 95px;
height: 80px;
background: rgb(255 255 255 / 10%);
}
.xin_design_wrap #main .xin_visual .swiper-button-next{}
.xin_design_wrap #main .xin_visual .swiper-button-next svg{width:10px;height:auto;}
.xin_design_wrap #main .xin_visual .swiper-button-prev{}
.xin_design_wrap #main .xin_visual .swiper-button-prev:after{content:"";display:block !important;position: absolute;bottom: 0;width: 70px;margin: 0 auto;background: #fff;height: 1px;}
.xin_design_wrap #main .xin_visual .swiper-button-prev svg{width:10px;height:auto;}
.xin_design_wrap #main .xin_section01{
margin: 70px auto 105px;
}
.xin_design_wrap #main .xin_section01 .section_wrap{
display: flex;
grid-gap: 0 110px;
align-items: baseline;
max-width: 1250px;
margin: 0 auto;
}
.xin_design_wrap #main .mosaic{
padding: 50px 0 0 40px;
background: url(../img/mosaic01.png) no-repeat 0 0;
}
.xin_design_wrap #main .xin_section01 .child01{
flex: 0 0 auto;
}
.xin_design_wrap #main .xin_section01 .child01 h2{}
.xin_design_wrap #main .xin_section01 .child01 h4{
margin-bottom: 10px;
font-family: 'Pretendard', sans-serif;
}
.xin_design_wrap #main .xin_section01 .child02{
flex: 1 1 auto;
position: relative;
}
.xin_design_wrap #main .xin_section01 .child02:after{content:"";height: 3px;width: 100%;background: #333;left: 0;display: block;top: 33px;position: relative;}
.xin_design_wrap #main .xin_section01 .child03{}
.xin_design_wrap #main .xin_section01 .child02{min-width:30px;}
.en .xin_design_wrap #main .xin_section01 .child03{
flex: 1 1 506px;
}
.xin_design_wrap #main .xin_section01 .child03 p{
margin-bottom: 30px;
word-break: keep-all;
}
.en .xin_design_wrap #main .xin_section01 .child03 p{
word-break: break-word;
}
.xin_design_wrap #main .xin_section01 .child03 .more_link{
}
.xin_design_wrap #main .xin_section02{
padding: 120px 0;
background-image: url(../img/section_bg01.png);
background-repeat: no-repeat;
background-position: center;
}
.xin_design_wrap #main .xin_section02 .section_wrap{
display: flex;
grid-gap: 0 90px;
max-width: 1250px;
margin: 0 auto;
}
.xin_design_wrap #main .xin_section02 .child01{
flex: 1 1 50%;
}
.xin_design_wrap #main .xin_section02 .child01 h2{
margin-bottom: 20px;
}
.xin_design_wrap #main .xin_section02 .child01 h4{
margin-bottom: 20px;
}
.xin_design_wrap #main .xin_section02 .child01 p{
margin-bottom: 40px;
}
.xin_design_wrap #main .xin_section02 .child02{
overflow: hidden;
flex: 1 1 50%;
position: relative;
}
.xin_design_wrap #main .xin_section02 .child02 ul{}
.xin_design_wrap #main .xin_section02 .child02 ul li{}
.xin_design_wrap #main .xin_section02 .child02 ul li a{}
.xin_design_wrap #main .xin_section02 .child02 .section_controll_wrap{
position: absolute;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
background: #fff;
z-index: 10;
}
.xin_design_wrap #main .xin_section02 .child02 .section_controll_wrap .swiper-button-prev{
left: auto;
margin: 0;
position: relative;
top: 0;
display: inline-block;
height: auto;
width: 40px;
border-right: 1px solid #999999;
}
.xin_design_wrap #main .xin_section02 .child02 .section_controll_wrap .swiper-button-prev svg path,.xin_design_wrap #main .xin_section02 .child02 .section_controll_wrap .swiper-button-next svg path{
stroke: #333;
}
.xin_design_wrap #main .xin_section02 .child02 .section_controll_wrap .swiper-button-prev:hover svg path, .xin_design_wrap #main .xin_section02 .child02 .section_controll_wrap .swiper-button-next:hover svg path{
stroke: #275483;
}
.xin_design_wrap #main .xin_section02 .child02 .section_controll_wrap .swiper-button-prev svg{
width: 8px;
height: 16px;
position: relative;
top: 2px;
}
.xin_design_wrap #main .xin_section02 .child02 .section_controll_wrap .swiper-button-next{
right: auto;
margin: 0;
position: relative;
top: 0;
display: inline-block;
height: auto;
width: 40px;
text-align: right;
}
.xin_design_wrap #main .xin_section02 .child02 .section_controll_wrap .swiper-button-next svg{
width: 8px;
height: 16px;
position: relative;
top: 2px;
}
.xin_design_wrap #main .xin_section03{
margin: 120px auto;
position: relative;
}
.xin_design_wrap #main .xin_section03 .section_wrap{display: flex;grid-gap: 100px;align-items: flex-end;width: 1250px;margin: 0 auto;}
.xin_design_wrap #main .xin_section03 .section_wrap .child01{
}
.xin_design_wrap #main .xin_section03 .section_wrap .child01 h2{
margin-bottom: 15px;
}
.xin_design_wrap #main .xin_section03 .section_wrap .child01 h4{
margin-bottom: 187px;
text-transform: none;
}
.xin_design_wrap #main .xin_section03 .section_wrap .child01 .more_link{}
.xin_design_wrap #main .xin_section03 .section_wrap .child02{
overflow: hidden;
padding-bottom: 50px;
position: absolute;
right: 0;
width: 60%;
max-width: 1500px;
top: 0;
}
.en .xin_design_wrap #main .xin_section03 .section_wrap .child02{
width: 42%;
}
.xin_design_wrap #main .xin_section03 .section_wrap .child02 ul{cursor: pointer;width: 100% !important;}
.xin_design_wrap #main .xin_section03 .section_wrap .child02 ul li{ display: inline-block;
}
.xin_design_wrap #main .xin_section03 .section_wrap .child02 ul li:last-child{}
.xin_design_wrap #main .xin_section03 .section_wrap .child02 ul li img{}
.xin_design_wrap #main .xin_section03 .section_wrap .child02 ul li .contents_text{
font-size: 24px;
margin: 20px 0;
font-weight: bold;
}
.xin_design_wrap #main .xin_section03 .section_wrap .child02 ul li span{
font-size: 16px;
color: #555;
line-height: 1.5;
word-break: keep-all;
}
.xin_design_wrap #main .xin_section03 .section_wrap .child02 .swiper-scrollbar{
background: #fff;
left: 0;
bottom: 0;
width: 100%;
}
.xin_design_wrap #main .xin_section03 .section_wrap .child02 .swiper-scrollbar:after{content:"";position: absolute;left: 0;bottom: 0;background: #dbdbdb;width: 100%;height: 2px;z-index: 1;}
.xin_design_wrap #main .xin_section03 .section_wrap .child02 .swiper-scrollbar .swiper-scrollbar-drag{
background: #275483;
border-radius: 0;
position: absolute;
bottom: 0;
z-index: 10;
}
.xin_design_wrap #main .xin_section03 .section_wrap .child02 .swiper-pagination-progressbar{
top: auto;
bottom: 0;
background: #fff;
border-bottom: 1px solid #DBDBDB;
}
.xin_design_wrap #main .xin_section03 .section_wrap .child02 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
z-index: 100;
background: #275483;
}
.xin_design_wrap #main .xin_section04{background: url(../img/section_bg02.png);background-repeat: no-repeat;background-position: center;}
.xin_design_wrap #main .xin_section04 .section_wrap{
max-width: 1250px;
margin: 0 auto;
}
.xin_design_wrap #main .xin_section04 .section_wrap .child01{}
.xin_design_wrap #main .xin_section04 .section_wrap .child01 h2{margin-bottom: 20px;}
.xin_design_wrap #main .xin_section04 .section_wrap .child01 .section_top{
margin-bottom: 60px;
display: flex;
align-items: center;
}
.xin_design_wrap #main .xin_section04 .section_wrap .child01 .section_top p{flex: 1 1 50%;}
.xin_design_wrap #main .xin_section04 .section_wrap .child01 .section_top .more_link{
flex: 1 1 50%;
text-align: right;
}
.xin_design_wrap #main .xin_section04 .section_wrap .child02{
margin: 0 auto;
margin-left: 40px;
}
.xin_design_wrap #main .xin_section04 .section_wrap .child02 .xin_main_notice{}
.xin_design_wrap #main .xin_section04 .section_wrap .child02 .xin_main_notice ul{
background: #fff;
display: flex;
padding: 40px 0;
}
.xin_design_wrap #main .xin_section04 .section_wrap .child02 .xin_main_notice ul li{padding: 43px 42px;border-right: 1px solid #DBDBDB;
flex: 1 1 33.3%;
max-width: 33.3%;
}
.xin_design_wrap #main .xin_section04 .section_wrap .child02 .xin_main_notice ul li:last-child{border-right:0;}
.xin_design_wrap #main .xin_section04 .section_wrap .child02 .xin_main_notice ul li .board_title{
font-weight: 600;
font-size: 24px;
margin-bottom: 20px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.xin_design_wrap #main .xin_section04 .section_wrap .child02 .xin_main_notice ul li .board_info{}
.xin_design_wrap #main .xin_section04 .section_wrap .child02 .xin_main_notice ul li .board_info .board_con{
font-size: 16px;
color: #666;
display: block;
word-break: keep-all;
margin-bottom: 20px;
line-height: 1.5;
overflow: hidden;
white-space: pre;
}
.xin_design_wrap #main .xin_section04 .section_wrap .child02 .xin_main_notice ul li .board_info .board_con p{
font-size: 0;
}
.xin_design_wrap #main .xin_section04 .section_wrap .child02 .xin_main_notice ul li .board_info .board_con p span{
color: #666;
font-size: 16px;
overflow: hidden;
word-break: keep-all;
}
.xin_design_wrap #main .xin_section04 .section_wrap .child02 .xin_main_notice ul li .board_info .board_date{
font-size: 14px;
color: #767676;
}
/*main*/
/*sub_common*/
.xin_design_wrap .xin_sub_title_wrap{
background-image: url(../img/subpage_bg01.png);
padding: 120px 0;
text-align: center;
}
.xin_design_wrap .xin_sub_title_wrap .subpage__sub_title{
font-size: 32px;
margin-bottom: 20px;
font-weight: 400;
}
.xin_design_wrap .xin_sub_title_wrap .subpage_title{
font-size: 40px;
padding-bottom: 35px;
font-weight: bold;
margin-bottom: 35px;
position: relative;
display: inline-block;
}
.xin_design_wrap .xin_sub_title_wrap .subpage_title:after{content:"";position: absolute;bottom: 0;width: 40px;height: 3px;background: #275483;left: 50%;transform: translate(-50%, 0);}
.xin_design_wrap .xin_sub_title_wrap .info_text{
font-size: 18px;
word-break: keep-all;
}
.en .xin_design_wrap .xin_sub_title_wrap .info_text{
word-break: break-word;
}
.xin_design_wrap .xin_sub_wrap{margin-bottom:120px;}
.xin_design_wrap .xin_sub_wrap .xin_line{
margin: 120px auto;
height: 1px;
width: 100%;
max-width: 1270px;
background: #DBDBDB;
}
.xin_design_wrap .xin_sub_wrap .title{
font-size: 40px;
text-align: center;
margin: 110px auto 60px;
line-height: 1.4;
}
/*sub_common*/
/*board_common*/
#bo_btn_top{display:none;}
.ic_new{display:none;}
.board_btn_area{display: flex;grid-gap: 10px;margin-top:50px;justify-content: flex-end;}
.board_btn_area a,.board_btn_area button{
border-radius: 0;
font-size: 16px;
font-weight: bold;
width: 130px;
height: 40px;
line-height: 40px;
display: inline-block;
text-align: center;
color: #fff;
border-radius:0 !important;
}
.board_btn_area .write{background: #275483;color: #fff;}
.board_btn_area .cancel{background: #DBDBDB;color: #333333;}
.board_btn_area .fixed{background: #DBDBDB;color: #333333;}
.board_btn_area .delete{background: #767676;}
.xin_board_search_wrap{
display: flex;
align-items: center;
margin-top: 30px;
}
.xin_board_search_wrap .xin_board_search{
display: none;
flex: 1 1 auto;
}
.xin_board_search_wrap .xin_board_search .bo_sch_bg{
display: none;
}
.xin_board_search_wrap .xin_board_search .xin_board_form{}
.xin_board_search_wrap .xin_board_search .xin_board_form h3{display: none;}
.xin_board_search_wrap .xin_board_search .xin_board_form form{
display: flex;
grid-gap: 10px;
}
.xin_board_search_wrap .xin_board_search .xin_board_form form #sfl{
width: 70px;
height: 30px;
border: 1px solid #DBDBDB;
font-size: 12px;
padding: 6px 10px;
}
.xin_board_search_wrap .xin_board_search .xin_board_form form .sch_bar{
display: flex;
grid-gap: 10px;
}
.xin_board_search_wrap .xin_board_search .xin_board_form form .sch_bar #stx{
height: 30px;
border: 1px solid #DBDBDB;
font-size: 12px;
padding: 6px 10px;
}
.xin_board_search_wrap .xin_board_search .xin_board_form form .sch_bar .sch_btn{
border: 1px solid #767676;
font-size: 12px;
width: 50px;
height: 30px;
line-height: 30px;
color: #333;
}
.xin_board_search_wrap .board_btn_area{
margin: 0;
flex: 1 1 auto;
}
/*board_common*/
/*board_basic*/
.xin_design_wrap #bd_basic_list.bd_basic{
min-height: 600px;
}
.xin_design_wrap #bd_basic_list.bd_basic #bo_list{padding: 120px 0;}
.xin_design_wrap #bd_basic_list.bd_basic .tbl_wrap{}
.xin_design_wrap #bd_basic_list.bd_basic .tbl_wrap th,.xin_design_wrap #bd_basic_list.bd_basic .tbl_wrap td{font-size:16px;color: #333;height: auto;padding: 12px 0;}
.xin_design_wrap #bd_basic_list.bd_basic .tbl_wrap th{border-bottom:0;font-weight: bold;}
.xin_design_wrap #bd_basic_list.bd_basic .tbl_wrap td{border-bottom:1px solid #DBDBDB;border-top:0;}
.xin_design_wrap #bd_basic_view.bd_basic{
margin: 120px auto;
}
.xin_design_wrap #bd_basic_view.bd_basic #bo_v{
padding: 0;
}
.xin_design_wrap #bd_basic_view.bd_basic header{
display: block;
background: none;
padding: 0;
border: 0;
height: auto !important;
}
.xin_design_wrap #bd_basic_view.bd_basic header #bo_v_title{
border-top: 2px solid #767676;
padding: 20px;
display: block;
background: #F6F8FA;
max-width: 100%;
border-bottom: 1px solid #DBDBDB;
}
.xin_design_wrap #bd_basic_view.bd_basic header #bo_v_title .bo_v_tit{
font-weight: bold;
}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_info{padding: 20px;border-bottom: 1px solid #DBDBDB;display: flex;grid-gap: 30px;align-items: center;justify-content: start;}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_info .bo_writer{
margin: 0;
}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_info .bo_writer .sv_member{
font-size: 16px;
color: #767676;
}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_info .bo_v_date{
color: #767676;
font-size: 16px;
}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_info .bo_v_date span{
margin-left: 5px;
font-size: 16px;
color: #333;
}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_info .bo_v_hit{
color: #767676;
font-size: 16px;
margin: 0;
}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_info .bo_v_hit span{
margin-left: 5px;
}
.xin_design_wrap #bd_basic_view.bd_basic #bo_v_con{
padding: 20px;
border-bottom: 1px solid #767676;
white-space: pre;
}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_nb{
margin: 0 auto 50px;
border-bottom: 1px solid #767676;
}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_nb li .nb_tit{
font-size: 18px;
color: #333;
font-weight: bold;
padding-right: 19px;
margin-right: 60px;
}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_nb li > a {font-size:18px;}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_nb li.btn_prv .nb_tit{ background: url(../img/prev_arrow01.png) no-repeat 100% center;}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_nb li.btn_prv .nb_tit i{display:none;}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_nb li.btn_next .nb_tit{ background: url(../img/next_arrow01.png) no-repeat 100% center;}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_nb li.btn_next .nb_tit i{display:none;}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_nb .nb_date{display:none;}
.xin_design_wrap #bd_basic_view.bd_basic .btn_list_wr{margin-top: 50px;display: flex;grid-gap: 10px;justify-content: flex-end;}
.xin_design_wrap #bd_basic_view.bd_basic .btn_list{
background: #275483;
border-radius: 0;
font-size: 16px;
font-weight: bold;
width: 130px;
height: 40px;
line-height: 40px;
}
/*sub_company*/
.xin_sub_wrap.company{
}
.xin_sub_wrap.company .xin_sub_title_wrap{
padding: 79px 0;
}
.xin_sub_wrap.company .subpage__sub_title{
font-size: 18px;
margin-bottom: 10px;
font-weight: 400;
}
.xin_sub_wrap.company .section01{
max-width: 1200px;
margin: 0 auto;
display: flex;
grid-gap: 80px;
align-items: center;
}
.xin_sub_wrap.company .section01 .left{
padding: 40px 0 0 40px;
position: relative;
z-index: 1;
flex: 1 0 auto;
}
.en .xin_sub_wrap.company .section01 .left{
flex: 1 1 auto;
}
.xin_sub_wrap.company .section01 .left:after{content:"";position: absolute;left: 0;top: 0;width: 90%;height: 85%;background: #F6F8FA;z-index: -1;}
.xin_sub_wrap.company .section01 .left img{}
.xin_sub_wrap.company .section01 .right{
flex: 1 1 auto;
}
.en .xin_sub_wrap.company .section01 .right{
flex: 1 1 65%;
}
.xin_sub_wrap.company .section01 .right .l_text{
font-size: 32px;
margin-bottom: 80px;
font-weight: 500;
}
.xin_sub_wrap.company .section01 .right .m_text{
font-size: 24px;
font-weight: 400;
line-height: 1.5;
margin-bottom: 20px;
}
.xin_sub_wrap.company .section01 .right .m_text b{
font-weight: bold;
color: #275483;
}
.xin_sub_wrap.company .section01 .right .s_text{
font-size: 16px;
word-break: keep-all;
}
.en .xin_sub_wrap.company .section01 .right .s_text{font-weight: 500;word-break: break-word;}
.xin_sub_wrap.company .history_area{
text-align: center;
}
.xin_sub_wrap.company .history_area .history_wrap{
position: relative;
}
.xin_sub_wrap.company .history_area .history_wrap:after{content:"";background: #DBDBDB;position: absolute;left: 50%;top: 0;width: 2px;height: 100%;transform: translateX(-50%);}
.xin_sub_wrap.company .history_area .history_wrap > div{
margin-bottom: 40px;
}
.xin_sub_wrap.company .history_area .history_wrap > div:last-child{margin-bottom:0;}
.xin_sub_wrap.company .history_area .history_wrap > div .year{
font-size: 40px;
color: #275483;
position: relative;
padding: 0 10px 20px;
display: inline-block;
}
.xin_sub_wrap.company .history_area .history_wrap > div .year:before{content:"";position: absolute;bottom: 0;right: 0;width: 100%;background: #275483;height: 2px;}
.xin_sub_wrap.company .history_area .history_wrap > div .year:after{content:"";position: absolute;bottom: -9px;width: 20px;height: 20px;border: 2px solid #275483;border-radius: 50px;background: #fff;z-index: 10;}
.xin_sub_wrap.company .history_area .history_wrap > div .h_list{margin-top: 20px;width: 100%;box-sizing: border-box;}
.xin_sub_wrap.company .history_area .history_wrap > div .h_list li{
display: flex;
grid-gap: 0 20px;
justify-content: start;
align-items: start;
flex-wrap: wrap;
margin-bottom: 15px;
}
.xin_sub_wrap.company .history_area .history_wrap > div .h_list li:last-child{margin-bottom:0;}
.xin_sub_wrap.company .history_area .history_wrap > div .h_list li .date{
font-size: 20px;
font-weight: bold;
flex: 1 1 45px;
max-width: 45px;
}
.xin_sub_wrap.company .history_area .history_wrap > div .h_list li .con{
font-size: 18px;
color: #555;
flex: 1 1 auto;
line-height: 1.5;
word-break: keep-all;
}
.en .xin_sub_wrap.company .history_area .history_wrap > div .h_list li .con{
word-break: break-word;
}
.xin_sub_wrap.company .history_area .history_wrap .left{
text-align: right;
margin-right: 50%;
}
.xin_sub_wrap.company .history_area .history_wrap .left .year{
padding-right: 20px;
}
.xin_sub_wrap.company .history_area .history_wrap .left .year:after{
right: -10px;
}
.xin_sub_wrap.company .history_area .history_wrap .left .h_list{
padding-right: 85px;
}
.xin_sub_wrap.company .history_area .history_wrap .left .h_list li .date{
order: 2;
}
.xin_sub_wrap.company .history_area .history_wrap .left .h_list li .con{}
.xin_sub_wrap.company .history_area .history_wrap .right{
text-align: left;
margin-left: 50%;
}
.xin_sub_wrap.company .history_area .history_wrap .right .year{
padding-left: 20px;
}
.xin_sub_wrap.company .history_area .history_wrap .right .year:after{
left: -10px;
}
.xin_sub_wrap.company .history_area .history_wrap .right .h_list{
padding-left: 85px;
}
.xin_sub_wrap.company .history_area .history_wrap .right .h_list li .date{
}
.xin_sub_wrap.company .history_area .history_wrap .right .h_list li .con{}
/*sub_company*/
/*sub_rnd*/
.xin_sub_wrap.rnd{
}
.xin_sub_wrap.rnd .section{
margin-bottom: 120px;
}
.xin_sub_wrap.rnd .section:last-child{margin-bottom:0;}
.xin_sub_wrap.rnd .section .section_wrap{
max-width: 1273px;
margin: 0 auto;
}
.xin_sub_wrap.rnd .section01{}
.xin_sub_wrap.rnd .section01 .section_wrap{display: flex;grid-gap: 55px;}
.xin_sub_wrap.rnd .section01 .section_wrap .trend_list{
flex: 1 1 auto;
}
.xin_sub_wrap.rnd .section01 .section_wrap .trend_list ul{}
.xin_sub_wrap.rnd .section01 .section_wrap .trend_list ul li{
margin-bottom: 60px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .trend_list ul li:last-child{
margin-bottom: 0;
}
.xin_sub_wrap.rnd .section01 .section_wrap .trend_list ul li .trend_title{
font-size: 30px;
color: #275483;
border-left: 3px solid #275483;
padding-left: 20px;
margin-bottom: 30px;
}
.en .xin_sub_wrap.rnd .section01 .section_wrap .trend_list ul li .trend_title{
font-size: 24px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .trend_list ul li .trend_title:after{content:""}
.xin_sub_wrap.rnd .section01 .section_wrap .trend_list ul li .content{
padding-left: 23px;
font-size: 16px;
word-break: keep-all;
}
.en .xin_sub_wrap.rnd .section01 .section_wrap .trend_list ul li .content{
word-break: break-word;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure{
flex: 1 0 710px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 220px 0;
}
.en .xin_sub_wrap.rnd .section01 .section_wrap .structure{height: 740px;}
.xin_sub_wrap.rnd .section01 .section_wrap .structure span{
width: 170px;
height: 170px;
position: absolute;
border: 1px solid #275483;
border-radius: 100%;
font-size: 16px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
word-break: keep-all;
text-align: center;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure span:after{content:"";width: 5px;height: 5px;background: rgb(190 203 218);border-radius: 100%;position: absolute;z-index: 10;}
.xin_sub_wrap.rnd .section01 .section_wrap .structure span:before{content:"";width: 35px;height: 1px;background: rgb(39 84 131 / 30%);position: absolute;z-index: 0;}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .top{
top: 0;
transform: translateX(-50%);
z-index: 100;
left: 50%;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .top:after{content:"";bottom: -30%;}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .top::before{content:"";height: 48px;width: 1px;bottom: -29%;}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .bottom{
left: 24%;
bottom: 75px;
transform: translateX(-50%);
z-index: 100;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .bottom:after{content:"";top: -2px;right: -14px;}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .bottom::before{content:"";height: 44px;width: 1px;top: -4%;right: 3px;transform: rotate(45deg);}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .bottom02{
left: 77%;
bottom: 77px;
transform: translateX(-50%);
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .bottom02:after{content:"";top: 0;left: -15px;}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .bottom02::before{content:"";height: 43px;width: 1px;top: -3%;left: 0;transform: rotate(135deg);}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .left{
left: 0;
top: 44%;
transform: translateY(-50%);
z-index: 100;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .left:after{content:"";right: -24%;}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .left::before{content:"";right: -22%;}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .center{
flex-flow: column;
line-height: 1.7;
font-size: 20px;
width: 312px;
height: 304px;
background-image: url(../img/rnd_structure02.png);
background-repeat: no-repeat;
color: #fff;
border: 0;
border-radius: 0;
position: relative;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .center:after{content:"";display:none;}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .center:before{content:"";display:none;}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .center b{font-size: 30px;color: #fff;}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .right{
right: 0;
top: 44%;
transform: translateY(-50%);
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .right:after{content:"";left: -24%;}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .right::before{content:"";left: -21%;}
.xin_sub_wrap.rnd .section02{
overflow: hidden;
background: #F6F8FA;
padding: 120px 0;
}
.xin_sub_wrap.rnd .section02 .section_wrap{}
.xin_sub_wrap.rnd .section02 .section_wrap .title{margin-top: 0;}
.xin_sub_wrap.rnd .section02 .section_wrap .ad_list{
display: flex;
grid-gap: 130px;
}
.en .xin_sub_wrap.rnd .section02 .section_wrap .ad_list{
grid-gap: 65px;
}
.xin_sub_wrap.rnd .section02 .section_wrap .ad_list li{
flex: 1 1 auto;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
grid-gap: 30px;
}
.xin_sub_wrap.rnd .section02 .section_wrap .ad_list li h2{
background: #275483;
color: #fff;
font-size: 30px;
width: 100%;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 4px;
}
.xin_sub_wrap.rnd .section02 .section_wrap .ad_list li p{
font-size: 16px;
word-break: keep-all;
text-align: center;
padding: 0 20px;
}
.en .xin_sub_wrap.rnd .section02 .section_wrap .ad_list li p{
padding: 0 10px;
word-break: break-word;
font-size: 16px;
}
.xin_sub_wrap.rnd .section03{
position: relative;
}
.xin_sub_wrap.rnd .section03 .section_wrap{
width: 600px;
position: relative;
}
.xin_sub_wrap.rnd .section03 .section_wrap .title{}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck{
position: relative;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck > ul{
display: flex;
grid-gap: 80px;
flex-wrap: wrap;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck:before{content:"";position: absolute;width: 100%;height: 2px;background: #DBDBDB;top: 50%;transform: translateY(-50%);}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck:after{content:"";position: absolute;width: 2px;height: 100%;background: #DBDBDB;left: 50%;transform: translateX(-50%);top: 0;}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck > ul > li{
border: 1px solid rgb(39 84 131 / 30%);
flex: 1 1 260px;
max-width: 260px;
background: #F6F8FA;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
grid-gap: 30px 0;
border-radius: 6px;
height: 260px;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck > ul > li .cmp_title{color:#275483;font-size: 30px;text-align: center;line-height: 1.2;}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck > ul > li .type{
display: flex;
flex-flow: column;
grid-gap: 10px;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck > ul > li .type li{
font-size: 16px;
font-weight: bold;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck > ul > li .type li:last-child{}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck .triangle{
width: 0;
height: 0;
border-bottom: 15px solid transparent;
border-top: 15px solid transparent;
border-left: 25px solid #dbdbdb;
border-right: 0 solid transparent;
position: absolute;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck .triangle01{
top: 50%;
transform: translateY(-50%);
right: 0;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck .triangle02{
top: 50%;
transform: translateY(-50%);
left: 0;
border-bottom: 15px solid transparent;
border-top: 15px solid transparent;
border-left: 0 solid transparent;
border-right: 25px solid #dbdbdb;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck .triangle03{
left: 50%;
transform: translateX(-50%);
border-bottom: 25px solid #dbdbdb;
border-top: 0 solid transparent;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
top: 0;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck .triangle04{
left: 50%;
transform: translateX(-50%);
border-bottom: 0 solid transparent;
border-top: 25px solid #dbdbdb;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
bottom: 0;
}
.xin_sub_wrap.rnd .section04{}
.xin_sub_wrap.rnd .section04 .section_wrap{}
.xin_sub_wrap.rnd .section04 .section_wrap .title{}
.xin_sub_wrap.rnd .section04 .section_wrap .sub_title{
text-align: center;
font-size: 16px;
margin-bottom: 60px;
word-break: keep-all;
}
.xin_sub_wrap.rnd .section04 .section_wrap .img_area{
text-align: center;
padding-bottom: 140px;
position: relative;
}
.xin_sub_wrap.rnd .section04 .section_wrap .img_area:after{content:"";transform: translateX(-50%);border-bottom: 0 solid transparent;border-top: 25px solid #dbdbdb;border-left: 15px solid transparent;border-right: 15px solid transparent;bottom: 20px;position: absolute;left: 50%;}
.xin_sub_wrap.rnd .section04 .section_wrap .img_area:before{content:"";position: absolute;width: 2px;height: 100px;background: #DBDBDB;left: 50%;transform: translateX(-50%);bottom: 20px;z-index: -1;}
.xin_sub_wrap.rnd .section04 .section_wrap .img_area img{
max-width: 100%;
}
.xin_sub_wrap.rnd .section04 .section_wrap .block_text{
border: 1px solid rgb(39 84 131 / 30%);
color: #275483;
font-size: 30px;
font-weight: bold;
background: #F6F8FA;
max-width: 360px;
margin: 0 auto;
text-align: center;
padding: 30px 0;
border-radius: 6px;
}
/*sub_rnd*/
/*sub_product*/
.xin_sub_wrap.product{}
.xin_sub_wrap.product .section01{
margin: 120px auto 0;
max-width: 1270px;
}
.xin_sub_wrap.product .section01 .section_wrap{}
.xin_sub_wrap.product .section01 .section_wrap .product_list{}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li{
display: flex;
grid-gap: 60px;
margin-bottom: 120px;
padding-bottom: 120px;
border-bottom: 1px solid #DBDBDB;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li:nth-child(even){
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li:nth-child(even) .img_area{
order: 2;
justify-content: end;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li:nth-child(even) .info_area{}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area{
flex: 1 1 auto;
display: flex;
grid-gap: 30px;
padding-top: 50px;
padding: 50px 0;
position: relative;
max-width: 490px;
height:500px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .custon_slide{
max-height: 355px;
overflow: hidden;
margin-top: 13px;
max-width: 80px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .custon_slide ul{}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .custon_slide ul li{}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .custon_slide ul li img{
max-width: 80px;
border-radius: 80px;
cursor: pointer;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .custon_slide_thumb{
overflow: hidden;
max-width: 380px;
margin: 0 auto;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .swiper-button-prev{
position: absolute;
left: 26px;
top: 30px;
height: 27px;
height: 27px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .swiper-button-prev:after{display:none;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .swiper-button-prev:hover svg path{stroke:#275483;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .swiper-button-prev svg,.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .swiper-button-next svg{
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .swiper-button-next{
position: absolute;
left: 26px;
bottom: 20px;
top: auto;
transform: rotate(180deg);
margin: 0;
padding: 0;
height: 27px;
height: 27px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li:nth-child(even) .img_area .swiper-button-prev,.xin_sub_wrap.product .section01 .section_wrap .product_list > li:nth-child(even) .img_area .swiper-button-next{
left: auto;
right: 28px;
}
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .swiper-button-next svg{}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .swiper-button-next:hover svg path{stroke:#275483;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .swiper-button-next:after{display:none;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area img{
max-width: 100%;
border-radius: 100%;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area{
flex: 1 1 auto;
}
.en .xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area{
flex: 1 1 60%;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .product_title{
font-size: 30px;
color: #275483;
border-left: 3px solid #275483;
padding-left: 20px;
margin-bottom: 30px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .product_title:after{content:""}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_list{
padding-left: 25px;
margin-bottom: 40px;
display: flex;
flex-flow: column;
grid-gap: 15px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_list li{font-size: 16px;word-break: keep-all;position: relative;padding-left: 15px;line-height: 1.5;}
.en .xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_list li{
word-break: break-word;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_list li .comma{margin: 0 5px;font-weight: bold;position: absolute;left: 0;top: -1px;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table{
padding-left: 23px;
display: flex;
grid-gap: 20px;
flex-flow: column;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table .table_title{
font-size: 20px;
text-transform: none;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table .table_sub_title{
font-size: 16px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table table{
border-top: 3px solid #275483;
width: 100%;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table table th{
text-align: center;
font-size: 18px;
padding: 20px 0;
vertical-align: middle;
background: #F6F8FA;
border-right: 1px solid #D9D9D9;
}
.en .xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table table th{
font-size: 16px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table table th:first-child{border-left: 1px solid #D9D9D9;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table table th:last-child{}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table table td{
font-size: 16px;
text-align: center;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
padding: 15px 0;
}
.en .xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table table td{
font-size: 14px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table table td:first-child{
color: #275483;
border-left: 1px solid #D9D9D9;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table table td:last-child{}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table table tr:last-child td{}
/*sub_product*/
/*board_basic*/
#menu_layer{
position: fixed;
left: 0;
top: 0;
width: 100%;
background: #fff;
height: 100%;
visibility: hidden;
opacity: 0;
z-index: 1010;
transition-duration: 0.8s;
}
#menu_layer.active{
opacity: 1;
visibility: visible;
}
#menu_layer .layer_wrap{}
#menu_layer .layer_wrap .menu_top{
padding: 20px 5%;
border-bottom: 1px solid #DBDBDB;
display: flex;
align-items: center;
justify-content: space-between;
}
#menu_layer .layer_wrap .menu_top .lang_area{}
#menu_layer .layer_wrap .menu_top .lang_area a{
font-size: 18px;
font-weight: 500;
}
#menu_layer .layer_wrap .menu_top .lang_area a.active{
color: #275483;
}
#menu_layer .layer_wrap .menu_top .lang_area .custom_spance{
display: inline-block;
font-size: 16px;
font-weight: bold;
margin: 0 5px;
}
#menu_layer .layer_wrap .menu_top .close_btn{
background-image: url(../img/close01.png);
width: 20px;
height: 20px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
position: absolute;
right: 20px;
}
#menu_layer .layer_wrap .menu_body{}
#menu_layer .layer_wrap .menu_body .cate_list{}
#menu_layer .layer_wrap .menu_body .cate_list > li{
position: relative;
}
#menu_layer .layer_wrap .menu_body .cate_list > li > a{
display: block;
padding: 3% 5%;
font-size: 18px;
font-weight: 500;
}
#menu_layer .layer_wrap .menu_body .cate_list > li .arrow{
position: absolute;
right: 0;
top: 0;
width: 60px;
height: 60px;
background-image: url(../img/aside_arrow01.png);
background-repeat: no-repeat;
background-position: center;
z-index: 10;
}
#menu_layer .layer_wrap .menu_body .cate_list > li .arrow.on{
background-image: url(../img/aside_arrow02.png);
}
#menu_layer .layer_wrap .menu_body .cate_list > li .hidden_cate{display: none;}
#menu_layer .layer_wrap .menu_body .cate_list > li .hidden_cate li{
padding: 2% 5%;
background: #F6F8FA;
}
#menu_layer .layer_wrap .menu_body .cate_list > li .hidden_cate li a{font-size: 16px; display: block;}
@media (max-width: 1630px) {
#header .header_wrap,#header .header_wrap .hidden_cate_layer .hidden_cate_wrap{padding:0 5%;justify-content: space-between;}
.xin_design_footer{padding:60px 5%;}
}
@media (max-width: 1270px){
.xin_sub_wrap.product .section01{
padding: 0 5%;
box-sizing: border-box;
min-width: 960px;
margin: 120px auto;
max-width: 100%;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li{
grid-gap: 2%;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area{
flex: 1 1 30%;
text-align: center;
min-width: 390px;
flex-flow: column;
padding: 0;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .custon_slide{
order: 2;
max-width: 85%;
margin: 0 auto;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .swiper-button-prev{
bottom: 37px;
transform: rotate(270deg);
left: 0;
right: auto;
top: auto;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .swiper-button-prev svg{}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .swiper-button-next{
bottom: 37px;
transform: rotate(90deg);
left: auto;
right: 0;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .swiper-button-next svg{}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area{
flex: 1 1 50%;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table table th{font-size:16px;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table table td{font-size:13px;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li:nth-child(even) .img_area{
order: 1;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li:nth-child(even) .info_area{
order: 2;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li:nth-child(even) .img_area .swiper-button-prev{
left: 0;
right: auto;
bottom: 28px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li:nth-child(even) .img_area .swiper-button-next{
right: 0;
bottom: 28px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area03 .swiper-button-prev{bottom: 28px;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area03 .swiper-button-next{bottom: 28px;}
.xin_sub_wrap.rnd .section .section_wrap{
width: 100%;
padding: 0 5%;
max-width: 100%;
}
.xin_sub_wrap.rnd .section01 .section_wrap .trend_list{
flex: 1 1 50%;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure{
margin: 0 auto;
padding: 0;
flex: 1 0 480px;
height: 730px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure span{
width: 135px;
height: 135px;
font-size: 12px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .top{
top: 115px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .center{width: 180px;height: 180px;background-size: contain;font-size: 17px;}
.en .xin_sub_wrap.rnd .section01 .section_wrap .structure .center{
font-size: 13px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .center b{
font-size: 23px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .left{
left: -2%;
top: 46%;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .right{
right: -2%;
top: 46%;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .bottom{
left: 23.5%;
bottom: 23%;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .bottom02{
left: 76%;
bottom: 22.5%;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure span:before{
width: 27px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .top::before{height:27px;bottom: -27px;}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .top:after{
bottom: -30px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .bottom::before{
height: 27px;
top: 3px;
right: 3px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .bottom::after{
top: 3px;
right: -10px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .bottom02::before{
height: 27px;
top: 0px;
left: 5px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .bottom02:after{
left: -8px;
}
.xin_sub_wrap.rnd .section03 .section_wrap{
width: 600px;
padding: 0;
}
}
@media (max-width: 1250px) {
.xin_design_wrap #main .xin_design_section .section_wrap{padding:0 5%;box-sizing: border-box;width:100%;}
.xin_sub_wrap.rnd .section02 .section_wrap .ad_list{
grid-gap: 5%;
align-items: start;
}
.xin_sub_wrap.company .section01,.xin_sub_wrap.company .history_area{width:100%;padding:0 5%;}
.xin_sub_wrap.company .section01 .left{
flex: 1 1 auto;
}
.xin_sub_wrap.company .section01 .right{
padding-left: 40px;
}
.xin_sub_wrap.company .history_area .history_wrap > div .year{
}
.xin_sub_wrap.company .history_area .history_wrap > div .year:after{
}
.xin_sub_wrap.company .history_area .history_wrap .left .year:after{}
.xin_sub_wrap.company .history_area .history_wrap > div .h_list li{
flex-flow: column;
}
.xin_sub_wrap.company .history_area .history_wrap > div .h_list li .con{
word-break: keep-all;
}
.xin_sub_wrap.company .history_area .history_wrap .left .h_list{
padding-right: 5%;
}
.xin_sub_wrap.company .history_area .history_wrap .left .h_list li{
align-items: end;
}
.xin_sub_wrap.company .history_area .history_wrap .left .h_list li .date{order: 1;}
.xin_sub_wrap.company .history_area .history_wrap .left .h_list li .con{
order: 2;
}
.xin_sub_wrap.company .history_area .history_wrap .right .h_list{
padding-left: 5%;
}
#header .header_wrap .logo_area,#header .header_wrap .hidden_cate_layer .hidden_cate_wrap .tummy{
flex: 1 1 auto;
min-width: 39%;
}
}
@media (max-width: 1024px) {
.mo{display:block !important;}
.web{display:none !important;}
.xin_design_wrap{}
#header .header_wrap .menu{
background-image: url(../img/menu01.png);
width: 20px;
height: 20px;
cursor: pointer;
}
.xin_design_footer{
padding: 30px 5%;
}
.xin_design_footer .footer_wrap{
max-width: 768px;
width: 100%;
}
.xin_design_footer .footer_wrap .address{}
.xin_design_footer .footer_wrap .address > a:nth-child(1){ margin-bottom: 10px;}
.xin_design_footer .footer_wrap .address .email{margin-right:0;margin-left: 10px;}
.en .xin_design_footer .footer_wrap .address .email{margin-left: 0;}
.xin_design_footer .footer_wrap .address a:last-child{margin-left: 0;}
/*main*/
.xin_design_wrap #main .xin_design_section .section_wrap{max-width: 768px;flex-flow: column;}
.xin_design_wrap .xin_design_section h4{}
.xin_design_wrap .xin_design_section h2{}
.xin_design_wrap .xin_design_section p{}
.xin_design_wrap #main .xin_visual ul li.swiper-slide{
height: 540px;
background-size: cover;
}
.xin_design_wrap #main .xin_visual ul li.swiper-slide.child02{}
.xin_design_wrap #main .xin_visual ul li.swiper-slide.child03{}
.xin_design_wrap #main .xin_visual ul li.swiper-slide .text_wrap .child_title{
font-size: 32px;
/* text-align: center; */
margin-bottom: 20px;
line-height: 1.5;
word-break: keep-all;
}
.xin_design_wrap #main .xin_visual ul li.swiper-slide .text_wrap .child_title span{
margin-left: 96px;
}
.xin_design_wrap #main .xin_visual ul li.swiper-slide .text_wrap .child_text{
font-size: 18px;
width: 100%;
}
.xin_design_wrap #main .xin_visual .visual_controll_wrap{display:none;}
.xin_design_wrap #main .xin_visual .swiper-pagination{
width: 100%;
left: 0;
bottom: 40px;
top: auto;
right: auto;
flex-flow: row;
height: auto;
}
.xin_design_wrap #main .xin_visual .swiper-pagination .swiper-pagination-bullet{
margin-bottom: 0;
}
.xin_design_wrap .xin_design_section{padding:60px 0;}
.xin_design_wrap #main .xin_section01{margin:0 auto;}
.xin_design_wrap #main .xin_section01 .section_wrap{
grid-gap: 25px 0;
align-items: start;
justify-content: center;
}
.xin_design_wrap #main .xin_section01 .child02{
width: 100%;
text-align: left;
padding-left: 40px;
}
.xin_design_wrap #main .xin_section01 .child02:after{
width: 50px;
display: inline-block;
top: 0;
}
.xin_design_wrap #main .xin_section01 .child03{
padding-left: 40px;
}
.en .xin_design_wrap #main .xin_section01 .child03{
flex: 1 1 auto;
}
.xin_design_wrap #main .xin_section01 .child03 p{
margin-bottom: 15px;
}
.xin_design_wrap #main .xin_section02 .section_wrap{
}
.xin_design_wrap #main .xin_section02 .child01 p{margin-bottom:15px;}
.xin_design_wrap #main .mosaic{
margin-bottom: 40px;
}
.xin_design_wrap #main .xin_section02{padding:60px 0;}
.xin_design_wrap #main .xin_section02 .child02{
flex: 1 1 auto;
display: inline-block;
max-width: 640px;
}
.xin_design_wrap #main .xin_section03{margin:0 auto;}
.xin_design_wrap #main .xin_section03 .section_wrap{
width: 100%;
align-items: start;
grid-gap: 0;
}
.xin_design_wrap #main .xin_section03 .section_wrap .child01 h4{margin-bottom:15px;}
.xin_design_wrap #main .xin_section03 .section_wrap .child02{
position: relative;
width: 100%;
padding-bottom: 0;
}
.en .xin_design_wrap #main .xin_section03 .section_wrap .child02{
width: 100%;
}
.xin_design_wrap #main .xin_section03 .section_wrap .child02 ul{
grid-gap: 40px;
}
.xin_design_wrap #main .xin_section04 .section_wrap .child01 .section_top{margin-bottom:40px;flex-flow: column;align-items: start;grid-gap: 15px;}
.xin_design_wrap #main .xin_section04 .section_wrap .child02{
margin: 0;
}
.xin_design_wrap #main .xin_section04 .section_wrap .child02 .xin_main_notice ul{
flex-flow: column;
padding: 0;
}
.xin_design_wrap #main .xin_section04 .section_wrap .child02 .xin_main_notice ul li{
border-right: 0;
padding: 30px 0;
border-bottom: 1px solid #DBDBDB;
margin: 0 30px;
flex: 1 1 auto;
max-width: 100%;
}
.xin_design_wrap #main .xin_section04 .section_wrap .child02 .xin_main_notice ul li:last-child{border-bottom: 0;}
/*main*/
.xin_sub_wrap.rnd .section01 .section_wrap .trend_list ul li .trend_title{font-size:20px;}
.en .xin_sub_wrap.rnd .section01 .section_wrap .trend_list ul li .trend_title{font-size:20px;}
.ctt.sub .sub_content {
padding: 30px 0 50px;
}
#bd_basic_write #bo_w,
#bd_basic_list #bo_list {
padding: 30px 0 50px;
}
.gnb .gnb_1dul {
display: block;
padding: 0 20px;
}
.gnb .gnb_1dli {
display: block;
border-bottom: 1px solid #e5e5e5;
padding: 0;
cursor: pointer;
}
.gnb .gnb_1dli:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
display: none;
}
.gnb .gnb_1dli.on {
border-color: #f5f8fa;
}
.gnb .gnb_1dli.on .menuMore {
transform: rotate(180deg);
}
.gnb .gnb_1dli:first-child {
border-top: 1px solid #e5e5e5;
}
.gnb .gnb_1da {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px !important;
}
.gnb .gnb_1dli .menuMore {
color: #ccc;
font-size: 27px;
}
.gnb .gnb_2d {
position: relative;
border: 0;
padding: 10px 0px;
background: #f5f8fa;
margin: 0;
width: 100%;
z-index: 2;
text-align: left;
}
.gnb .gnb_2dli {
padding: 0 15px;
}
.gnb .gnb_2da {
padding: 8px 0px;
display: block;
font-size: 16px;
}
.xin_sub_wrap.rnd .section02{
padding: 60px 0;
}
.xin_sub_wrap.rnd .section02 .section_wrap .title{
margin-bottom: 40px;
}
.xin_sub_wrap.rnd .section02 .section_wrap .ad_list{
flex-flow: column;
grid-gap: 30px;
}
.en .xin_sub_wrap.rnd .section02 .section_wrap .ad_list{grid-gap: 30px;}
.xin_sub_wrap.rnd .section02 .section_wrap .ad_list li{
width: 100%;
margin: 0 auto;
grid-gap: 15px;
}
.xin_design_wrap .xin_sub_wrap .xin_line{
margin: 60px auto;
width: calc(100% - 40px);
}
.xin_sub_wrap.company .section01{
flex-flow: column;
align-items: start;
max-width: 768px;
}
.xin_board_search_wrap{flex-flow: column;margin-top: 10px;}
.xin_board_search_wrap .xin_board_search{
order: 2;
}
.xin_board_search_wrap .board_btn_area{
order: 1;
text-align: right;
width: 100%;
margin-bottom: 40px;
}
.board_btn_area a,.board_btn_area button{
width: 90px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
.xin_design_wrap .pg_wrap{}
.xin_design_wrap .pg_wrap .pg{}
.xin_design_wrap .pg_wrap .pg .pg_current{
width: 25px;
height: 25px;
line-height: 25px;
font-size: 14px;
min-width: 25px;
}
.xin_design_wrap .pg_wrap .pg .pg_page{
width: 25px;
height: 25px;
line-height: 25px;
font-size: 14px;
}
.xin_design_wrap .pg_wrap .pg .pg_page.pg_prev{
margin-right: 0px;
background-size: 9px;
}
.xin_design_wrap .pg_wrap .pg .pg_page.pg_next{
margin-left: 0px;
background-size: 9px;
}
.xin_design_wrap #bd_basic_view.bd_basic{margin:60px auto;}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_info{
grid-gap: 20px;
padding: 13px 10px;
}
.xin_design_wrap #bd_basic_list.bd_basic{min-height: auto;}
.xin_design_wrap #bd_basic_view.bd_basic #bo_v_con{padding:20px 0;}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_info .bo_v_date span,.xin_design_wrap #bd_basic_view.bd_basic .bo_v_info .bo_v_hit,.xin_design_wrap #bd_basic_view.bd_basic .bo_v_info .bo_writer .sv_member{font-size:14px;}
.xin_design_wrap #bd_basic_list.bd_basic .tbl_wrap th{font-size:14px;}
.xin_design_wrap #bd_basic_list.bd_basic .tbl_wrap td{font-size:14px;}
.xin_design_wrap #bd_basic_list.bd_basic .tbl_wrap th.td_num,.xin_design_wrap #bd_basic_list.bd_basic .tbl_wrap td.td_num{width: 50px;}
.xin_design_wrap #bd_basic_list.bd_basic .tbl_wrap th.td_subject,.xin_design_wrap #bd_basic_list.bd_basic .tbl_wrap td.td_subject{width:auto !important;}
.xin_design_wrap #bd_basic_list.bd_basic .tbl_wrap th.td_hit,.xin_design_wrap #bd_basic_list.bd_basic .tbl_wrap td.td_hit{width: 50px;}
.xin_design_wrap #bd_basic_view.bd_basic .btn_list{
line-height: 30px;
width: 90px;
height: 30px;
font-size: 14px;
}
.xin_design_wrap #bd_basic_view.bd_basic .btn_list_wr{ margin-top: 10px;}
.xin_sub_wrap.product .section01{
min-width: auto;
padding: 0 20px;
margin: 60px auto;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li{flex-flow: column;margin-bottom: 60px;padding-bottom: 60px;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area{
flex: 1 1 auto;
max-width: 100%;
min-width: auto;
height:auto;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area{
flex: 1 1 100%;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .swiper-button-next svg path,.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .swiper-button-prev svg path{ stroke: #275483;}
.xin_sub_wrap.rnd .section .section_wrap{
padding: 0 20px;
flex-flow: column;
max-width: 515px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .trend_list{
order: 2;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure{
order: 1;
flex: none;
min-width: 335px;
height: 335px;
}
.en .xin_sub_wrap.rnd .section01 .section_wrap .structure{
height: 335px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure span{
width: 90px;
height: 90px;
font-size: 12px;
word-break: break-all;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure span:before{
width: 15px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .top{
top: 0;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .top:before{
height: 15px;
bottom: -15px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .top:after{
bottom: -17px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .left{
left: 0;
top: 148px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .left:before{
right: -15px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .left:after{
right: -15px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .right{
right: 0px;
top: 148px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .right:before{
left: -15px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .right:after{
left: -17px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .center{width: 135px;height: 135px;font-size: 14px;}
.en .xin_sub_wrap.rnd .section01 .section_wrap .structure .center{
font-size: 10px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .center b{
font-size: 18px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .bottom{
bottom: 31px;
left: 80px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .bottom:before{
height: 15px;
top: 3px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .bottom:after{
right: -5px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .bottom02{
bottom: 30px;
left: 251px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .bottom02:before{
height: 15px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .structure .bottom02:after{
left: -2px;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck > ul{
grid-gap: 60px;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck > ul > li{
flex: 1 0 200px;
max-width: 200px;
height: 200px;
}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_nb li:hover{background:#fff;}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_nb li .nb_tit{font-size:16px;margin-right: 20px;}
.xin_design_wrap #bd_basic_view.bd_basic .bo_v_nb li > a{font-size:16px;}
.xin_design_wrap #bd_basic_list.bd_basic #bo_list{padding:60px 0;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area{
max-width: 80%;
margin: 0 auto 50px
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .custon_slide_thumb{max-width:100%;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .swiper-button-prev{bottom: 25px;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .swiper-button-next{bottom: 25px;}
}
@media (max-width: 830px) {
.xin_sub_wrap.company .history_area .history_wrap > div .h_list li .con{
width: 100%;
}
}
@media (max-width: 768px) {
.xin_design_wrap .xin_sub_wrap{margin-bottom: 60px;}
.xin_design_wrap .xin_sub_wrap .title{font-size:24px;margin: 60px auto 40px;}
#menu_layer .layer_wrap .menu_body .cate_list > li > a{
padding: 20px;
font-size: 16px;
}
#menu_layer .layer_wrap .menu_top .lang_area a{font-size:16px;}
#menu_layer .layer_wrap .menu_body .cate_list > li .hidden_cate li{
padding: 17px 20px;
}
#header{
}
#header .header_wrap{padding:0 20px;height: 60px;}
#header .header_wrap .logo_area{padding: 0;}
#header .header_wrap .logo_area a img{
max-width: 130px;
}
.xin_design_footer{
padding: 30px 20px;
}
.xin_design_footer .footer_wrap{}
.xin_design_footer .footer_wrap .logo{}
.xin_design_footer .footer_wrap .logo svg{
width: 217px;
}
.xin_design_footer .footer_wrap .address{
font-size: 11px;
}
.xin_design_footer .footer_wrap .address span{font-size:11px;}
.xin_design_footer .footer_wrap .copyright{font-size:11px;}
.xin_design_wrap .xin_design_section h4{
font-size: 20px;
line-height: 1.4;
}
.en .xin_design_wrap .xin_design_section h4{font-size: 15px;}
.xin_design_wrap .xin_design_section h2{
font-size: 24px;
}
.xin_design_wrap #main .mosaic{
background: url(../img/mosaic01.png) no-repeat 0 0;
background-size: 80px;
padding: 30px 30px 0;
margin: 0;
}
.xin_design_wrap #main .xin_design_section .section_wrap{
max-width: 100%;
padding: 0 20px;
}
.xin_design_wrap .xin_design_section .more_link{
font-size: 14px;
}
.xin_design_wrap .xin_design_section .more_link:after{
bottom: 4px;
margin-left: 10px;
}
.xin_design_wrap #main .xin_visual ul li.swiper-slide{}
.xin_design_wrap #main .xin_visual ul li.swiper-slide .text_wrap{
height: auto;
top: 100px;
}
.xin_design_wrap #main .xin_visual ul li.swiper-slide .text_wrap .child_title{
font-size: 24px;
width: 80%;
text-align: left;
padding-left: 0;
}
.xin_design_wrap #main .xin_visual ul li.swiper-slide .text_wrap .child_title span{
margin-left: 73px;
}
.xin_design_wrap #main .xin_visual ul li.swiper-slide .text_wrap .child_text{font-size: 14px;width: 80%;text-align: left;padding-left: 0;}
.en .xin_design_wrap #main .xin_visual ul li.swiper-slide .text_wrap .child_text{font-size: 13px;word-break: break-word;}
.xin_design_wrap #main .xin_visual ul li.swiper-slide.child01{
background-image: url(../img/main_slide_m01.png);
background-size: cover;
background-position: center;
}
.xin_design_wrap #main .xin_visual ul li.swiper-slide.child02{
background-image: url(../img/main_slide_m02.png);
background-size: cover;
background-position: center 0;
}
.xin_design_wrap #main .xin_visual ul li.swiper-slide.child03{
background-image: url(../img/main_slide_m03.png);
background-size: cover;
background-position: center 0;
}
.xin_design_wrap #main .xin_section01 .child02{padding-left:30px;}
.xin_design_wrap #main .xin_section01 .child03{
padding-left: 30px;
}
.xin_design_wrap #main .xin_section02 .child01{
margin-bottom: 40px;
}
.xin_design_wrap #main .xin_section02 .child02 .section_controll_wrap{
padding: 9px 13px;
}
.xin_design_wrap #main .xin_section02 .child02 .section_controll_wrap .swiper-button-prev{
width: 27px;
}
.xin_design_wrap #main .xin_section02 .child02 .section_controll_wrap .swiper-button-next{
width: 27px;
}
.xin_design_wrap #main .xin_section03 .section_wrap .child01{margin-bottom:40px;}
.xin_design_wrap #main .xin_section03 .section_wrap .child02 ul li .contents_text{
margin: 20px auto 10px;
font-size: 20px;
}
.xin_design_wrap #main .xin_section03 .section_wrap .child02 ul li span{font-size: 14px;}
.xin_design_wrap #main .xin_section04 .section_wrap .child02 .xin_main_notice ul li .board_title{
font-size: 18px;
}
.xin_design_wrap #main .xin_section04 .section_wrap .child02 .xin_main_notice ul li .board_info .board_con p span{
font-size: 14px;
}
.xin_sub_wrap.product .section01{
padding: 0 20px;
margin: 60px auto;
}
.xin_design_wrap .xin_sub_title_wrap{
background-image: url(../img/subpage_bg_m01.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 100px 0;
}
.xin_design_wrap .xin_sub_title_wrap .subpage__sub_title{
font-size: 20px;
margin-bottom: 10px;
}
.xin_design_wrap .xin_sub_title_wrap .subpage_title{
font-size: 24px;
margin-bottom: 20px;
padding-bottom: 20px;
}
.xin_design_wrap .xin_sub_title_wrap .info_text{
font-size: 14px;
}
.xin_design_wrap .xin_sub_title_wrap .subpage__sub_title{font-size:14px;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area{
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area img{
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .product_title{
font-size: 20px;
margin-bottom: 15px;
padding-left: 10px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_list{
padding-left: 0;
grid-gap: 10px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_list li{
font-size: 14px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table{
padding: 0;
grid-gap: 10px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table .table_sub_title{
margin-bottom: 5px;
font-size: 14px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table .table_title{
font-size: 16px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table table{
width: 100%;
min-width: 588px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table table th{
font-size: 16px;
padding: 20px 0;
}
.en .xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table table th{
font-size: 14px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table table td{
padding: 13px 0;
font-size: 14px;
}
.en .xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table table td{
font-size: 12px;
}
.xin_sub_wrap.rnd .section{
margin-bottom: 60px;
}
.xin_sub_wrap.rnd .section .section_wrap{
width: 100%;
padding: 0 20px;
flex-flow: column;
}
.xin_sub_wrap.rnd .section01 .section_wrap .trend_list{
order: 2;
}
.xin_sub_wrap.rnd .section01 .section_wrap .trend_list ul li{
margin-bottom: 30px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .trend_list ul li .trend_title{
padding-left: 10px;
margin-bottom: 15px;
}
.xin_sub_wrap.rnd .section01 .section_wrap .trend_list ul li .content{
font-size: 14px;
padding-left: 13px;
}
.xin_sub_wrap.rnd .section03 .section_wrap{
width: 500px;
}
.xin_sub_wrap.rnd .section03 .section_wrap .title{
font-size: 24px;
margin: 60px auto 40px;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck:before{}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck:after{}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck > ul{
grid-gap: 30px;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck > ul > li{
max-width: 215px;
flex: 1 1 215px;
height: 221px;
grid-gap: 15px;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck > ul > li .cmp_title{
font-size: 20px;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck > ul > li .type{
grid-gap: 5px;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck > ul > li .type li{
font-size: 14px;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck .triangle{
width: 0;
height: 0;
border-bottom: 7px solid transparent;
border-top: 7px solid transparent;
border-left: 10px solid #dbdbdb;
border-right: 0 solid transparent;
position: absolute;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck .triangle01{
top: 50%;
transform: translateY(-50%);
right: 0;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck .triangle02{
top: 50%;
transform: translateY(-50%);
left: 0;
border-bottom: 7px solid transparent;
border-top: 7px solid transparent;
border-left: 0 solid transparent;
border-right: 10px solid #dbdbdb;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck .triangle03{
left: 50%;
transform: translateX(-50%);
border-bottom: 10px solid #dbdbdb;
border-top: 0 solid transparent;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
top: 0;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck .triangle04{
left: 50%;
transform: translateX(-50%);
border-bottom: 0 solid transparent;
border-top: 10px solid #dbdbdb;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
bottom: 0;
}
.xin_sub_wrap.rnd .section04 .section_wrap .title{
margin: 0 auto 20px;
}
.xin_sub_wrap.rnd .section04 .section_wrap .sub_title{
font-size: 14px;
}
.xin_sub_wrap.rnd .section04 .section_wrap .block_text{
font-size: 20px;
width: 295px;
height: 80px;
padding: 10px 0;
}
.xin_sub_wrap.company .history_area .history_wrap > div .year{
font-size: 20px;
padding: 0 5px 10px;
}
.xin_sub_wrap.company .history_area .history_wrap > div .year:after{
width: 15px;
height: 15px;
bottom: -6px;
}
.xin_sub_wrap.company .history_area .history_wrap .left .year:after{right: -8px;}
.xin_sub_wrap.company .history_area .history_wrap > div .h_list li{
grid-gap: 5px;
}
.xin_sub_wrap.company .history_area .history_wrap > div .h_list li .date{
font-size: 16px;
flex: 1 0 auto;
}
.xin_sub_wrap.company .history_area .history_wrap > div .h_list li .con{font-size: 14px;}
.xin_sub_wrap.company .history_area .history_wrap .left .h_list{padding-right:45px;}
.xin_sub_wrap.company .history_area .history_wrap .right .h_list{padding-left:45px;}
.xin_sub_wrap.company .section01, .xin_sub_wrap.company .history_area{
padding: 0 20px;
}
.xin_sub_wrap.company .section01{
grid-gap: 30px;
}
.xin_sub_wrap.company .section01 .left{
padding: 20px 0 0 20px;
}
.xin_sub_wrap.company .section01 .left img{
}
.xin_sub_wrap.company .section01 .right{
padding: 0;
}
.xin_sub_wrap.company .section01 .right .l_text{
font-size: 20px;
margin-bottom: 20px;
}
.xin_sub_wrap.company .section01 .right .m_text{}
.xin_sub_wrap.company .section01 .right .s_text{font-size:14px;}
}
@media (max-width: 700px) {
}
@media (max-width: 588px) {
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table .table_wrap{
overflow-x: auto;
padding-bottom: 10px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table .table_wrap::-webkit-scrollbar {
height:8px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table .table_wrap::-webkit-scrollbar-thumb {
background-color: #275483;
border-radius: 10px;
background-clip: padding-box;
border: 2px solid transparent;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table .table_wrap::-webkit-scrollbar-track {
background-color: #DBDBDB;
border-radius: 10px;
box-shadow: inset 0px 0px 5px white;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .info_area .info_table table{}
}
@media (max-width: 540px) {
.xin_design_wrap .xin_design_section p{font-size:16px;}
.xin_sub_wrap.rnd .section .section_wrap{/* max-width:375px; */}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area{text-align:center;max-width: 335px;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .custon_slide ul li img{ width: 60px;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .swiper-button-prev{
bottom: 15px;
left: -8px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .swiper-button-next{
bottom: 15px;
right: -8px;
}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li:nth-child(even) .img_area .swiper-button-prev{ bottom: 17px;left: -8px;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li:nth-child(even) .img_area .swiper-button-next{ bottom: 17px;right: -8px;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area .custon_slide{}
.xin_sub_wrap.rnd .section02 .section_wrap .ad_list li{ width: 100%;}
.xin_sub_wrap.rnd .section02 .section_wrap .ad_list li p{font-size:14px;padding:0;}
.xin_sub_wrap.rnd .section02 .section_wrap .ad_list li h2{
font-size: 20px;
width: 220px;
}
.xin_sub_wrap.rnd .section03 .section_wrap{width:100%;}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck{
/* max-width: 335px; */
margin: 0 auto;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck > ul{
grid-gap: 60px;
align-items: center;
justify-content: center;
position: relative;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck > ul > li{
max-width: 50%;
height: 38vw;
flex: 1 1 137px;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck .triangle{
border-bottom: 12px solid transparent;
border-top: 12px solid transparent;
border-left: 20px solid #dbdbdb;
border-right: 0 solid transparent;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck .triangle02{
border-bottom: 12px solid transparent;
border-top: 12px solid transparent;
border-right: 20px solid #dbdbdb;
border-left: 0 solid transparent;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck .triangle03{
border-bottom: 20px solid #dbdbdb;
border-top: 0 solid transparent;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck .triangle04{
border-bottom: 0 solid transparent;
border-top: 20px solid #dbdbdb;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
}
.xin_design_wrap #main .xin_section02 .child01 p{word-break: keep-all;}
.xin_design_wrap #main .xin_section02 .child01 p br{display:none;}
.xin_design_footer .footer_wrap .address span{display:block;margin-bottom:10px;}
.xin_design_footer .footer_wrap .address .email{margin-left:0;}
.xin_design_wrap #main .xin_section04 .section_wrap .child02 .xin_main_notice ul li .board_info .board_con{font-size:14px !important;}
}
@media (max-width: 480px) {
.xin_design_wrap #main .xin_visual ul li.swiper-slide .text_wrap .child_title{
font-size: 19px;
width: 80%;
}
.xin_design_wrap #main .xin_visual ul li.swiper-slide .text_wrap .child_text{
width: 80%;
text-align: left;
font-size: 14px;
}
.xin_sub_wrap.company .history_area .history_wrap .h_list li .con{max-width: 147px;}
.en .xin_sub_wrap.rnd .section01 .section_wrap .trend_list ul li .trend_title{
font-size: 16px;
}
.xin_sub_wrap.company .history_area .history_wrap .left .h_list{padding-right: 25px;}
.xin_sub_wrap.company .history_area .history_wrap .right .h_list{padding-left:25px;}
}
@media (max-width: 412px) {
.s_mo{display:block !important;}
}
@media (max-width: 380px) {
.xin_sub_wrap.company .history_area .history_wrap .h_list li .con{max-width: 130px;}
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck > ul > li{ max-width: 40%;}
}
@media (max-width: 371px) {
.xin_design_wrap #main .xin_visual ul li.swiper-slide .text_wrap .child_title{font-size:18px;}
.xin_design_wrap #main .xin_visual ul li.swiper-slide .text_wrap .child_text{font-size:13px;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area{max-width:100%;}
}
@media (max-width: 356px) {
.xin_design_wrap #main .xin_visual ul li.swiper-slide .text_wrap .child_title{font-size:15px;}
.xin_design_wrap #main .xin_visual ul li.swiper-slide .text_wrap .child_text{font-size:11px;}
}
@media (max-width: 336px){
.xin_sub_wrap.rnd .section03 .section_wrap .cmp_struck > ul > li{max-width:39%;}
.xin_sub_wrap.product .section01 .section_wrap .product_list > li .img_area img{max-width:100%;}
}
@media (max-width: 330px) {
.s_mo{display:none !important;}
}