@charset "utf-8";
/* CSS Document */

#m_visual {position:relative;width:100%;}
#m_visual .bg {position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#f1f1f1}
#m_visual .visual_area {position:relative;width:100%;height:635px}
#m_visual .visual_area .visual_list {position:relative;width:100%;height:635px;background-repeat:no-repeat;background-position:50% 50%;}
#m_visual .visual_area .visual_list.bg1 {background-image:url(../imgs/main/main_vs_img_01.jpg)}
#m_visual .visual_area .visual_list.bg2 {background-image:url(../imgs/main/main_vs_img_02.jpg)}
#m_visual .visual_area .visual_list.bg3 {background-image:url(../imgs/main/main_vs_img_03.jpg)}
#m_visual .visual_area .slick-dots {text-align:center}
#m_visual .visual_area .slick-dots li:first-child {margin-left:0}
#m_visual .visual_area .slick-dots li {padding:0;margin-left:-5px}
#m_visual .visual_area .slick-dots li button {width:40px;height:6px;background-color:#fffefe;opacity:1}
#m_visual .visual_area .slick-dots li.slick-active button {background-color:#666}
#m_visual .visual_area .slick-dots {line-height:0;text-align:center;bottom:102px;left:0px;z-index:10}
#m_visual .visual_area .mobile {display:none}
#m_visual .visual_area .mobile img {max-width:100%}
@media screen and (max-width:1024px) {
	#m_visual .visual_area  {height:auto}
	#m_visual .visual_area .visual_list {height:500px;background-size:cover}
}
@media screen and (max-width:767px){
	#m_visual .visual_area  {height:auto}
	#m_visual .visual_area .visual_list {height:auto;}
	#m_visual .visual_area .mobile {display:block}
	#m_visual .visual_area .slick-dots {bottom:20px}
	#m_visual .visual_area .slick-dots li button {width:20px;height:3px}
}

.main_title {text-align:center}
.main_title .tit {font-size:33px;line-height:33px;color:#222;font-weight:400}
.main_title .tit strong {font-weight:500}
.main_title .t_txt {margin-top:5px;font-size:18px;color:#666;line-height:20px;font-weight:300}
@media screen and (max-width:767px){
	.main_title .tit {font-size:25px;line-height:25px}
	.main_title .t_txt {font-size:15px}
}
@media screen and (max-width:639px){
	.main_title .tit {font-size:19px;line-height:19px}
	.main_title .t_txt {font-size:13px}
}


.main_section1 {position:relative;padding-top:28px}
.main_section1 .bg {position:absolute;top:0px;left:0px;width:100%;height:377px;background-color:#f1f1f1}
.main_section1 .inner {z-index:2}
.select_list {margin-top:36px}
.select_list ul {position:relative;margin:-7px -3.5px 0;}
.select_list ul li {position:relative;float:left;width:33.333333%;padding:3.5px}
.select_list ul li img {max-width:100%}
@media screen and (max-width:1440px){
	.main_section1 .bg {height:25vw}
}
@media screen and (max-width:960px){
	.main_section1 .bg {height:32vw}
}
@media screen and (max-width:767px){
	.select_list ul li {width:50%}
	.main_section1 .bg {height:64vw}
}
@media screen and (max-width:640px){
	.select_list {margin-top:20px}
}
@media screen and (max-width:500px){
	.select_list ul li {width:100%}
}


.main_section2 {position:relative;padding-top:110px}
.ex_list_area {position:relative;margin-top:36px}
.ex_list_area .slick-prev {left:-30px;background-image:url(../imgs/main/ex_prev_btn.png);background-position: 0 8px;background-color:transparent}
.ex_list_area .slick-next {right:-30px;background-image:url(../imgs/main/ex_next_btn.png);background-position: 0 8px;background-color:transparent}
.ex_list_area img {max-width:100%}
@media screen and (max-width:1440px) {
	.ex_list .list {padding:0 5px}
}
@media screen and (max-width:1280px) {
	.ex_list_area {padding:0 40px}
}
@media screen and (max-width:768px){
	.main_section2 {position:relative;padding-top:35px}
	.ex_list_area {margin-top:20px}
}
@media screen and (max-width:640px){
	.main_section2 {position:relative;padding-top:25px}
}

.main_section3 {position:relative;margin-top:132px;padding-bottom:43px;background:url(../imgs/main/main_section3_bg.jpg) no-repeat 50% 98px}
.main_section3 .bg {position:absolute;top:98px;left:0px;width:100%;height:495px;}
.main_section3 .inner {z-index:2}
.section3_list ul {margin:0 -6.5px;}
.section3_list ul li {position:relative;overflow:hidden;float:left;width:50%;padding:0 6.5px}
.section3_list ul li img {max-width:100%;}
.cs_area {margin-top:50px;padding:32px 0 32px 0;background:url(../imgs/main/cs_bg.png) repeat 50% 50%}
.cs_area .cs_box  {display:table;width:100%;}
.cs_area .left {display:table-cell;width:32%;padding:25px 0 43px;position:relative;vertical-align: middle;}
.cs_area .left:after {display:block;content:"";position:absolute;top:0px;right:0px;width:1px;height:238px;background-color:rgba(255,255,255,0.5)}
.cs_area .right {display:table-cell;width:68%;position:relative;padding-left:78px;vertical-align: middle;}
.cs_area .cs_tit {text-align:center;font-size:23px;color:#fff;line-height:23px;font-weight:400}
.cs_area .tel {margin-top:28px;color:#c0ff46;font-size:35px;line-height:35px;font-weight:700;text-align:center}
.cs_area .txt {margin-top:10px;font-size:17px;color:#fff;line-height:25px;text-align:center}
.cs_area .add {margin-top:10px;font-size:17px;color:#fff;line-height:25px;text-align:center}
.cs_area .add a {color:#fff}
.cs_area .frm_input {display:inline-block;width:100%;height:43px;line-height:normal;padding:10px;margin:0;background-color:#eee;border:1px solid #a9a9a8;font-size:15px;color:#555}
.cs_area textarea.frm_input  {height:75px}
.cs_area form {display:block;position:relative;padding-right:154px;margin-top:22px;font-size:15px;color:#fff}
.cs_area form .btn_box {position:absolute;top:0px;right:0px}
.cs_area form .btn_box .submit {display:block;width:150px;height:124px;border:1px solid #024b84;background-color:#0971c1;text-align:center;font-size:23px;color:rgba(255,255,255,0.75);font-weight:500}
.cs_area .input_list {margin:0 -2.5px}
.cs_area .input_list li {float:left;position:relative;width:50%;padding:0 2.5px}
.cs_area .txt_box {margin-top:5px}
.cs_area .chk_box {margin-top:10px;line-height:15px;}
.cs_area .chk_box label {display:inline-block;margin-right:10px;}
.cs_area .right ul {margin:0 -12px}
.cs_area .right ul li {float:left;position:relative;padding:0 12px}
.cs_area .right ul li img {max-width:100%}
@media screen and (max-width:1440px) {
	.cs_area .right ul li {width:25%}
}
@media screen and (max-width:1280px) {
	.cs_area .left {width:40%}
	.cs_area .right {width:60%;padding-left:30px;padding-right:30px}
}
@media screen and (max-width:1024px) {
	.main_section3 {background-size:cover}
	.cs_area {padding:40px}
	.cs_area .cs_box {display:block;}
	.cs_area .right {display:block;width:100%;padding:30px 0 0 0}
	.cs_area .left {display:block;width:100%;padding:0 0 30px}
	.cs_area .left:after {left:0;bottom:0px;right:inherit;top:inherit;width:100%;;height:1px}
}
@media screen and (max-width:768px){
	.section3_list ul li {width:100%;margin-bottom:10px;text-align:center}
	.section3_list ul li img {max-width:100%}
	.main_section3  {padding-bottom:35px;margin-top:35px;background:url(../imgs/main/m_main_section3_bg.png) no-repeat 50% 98px;background-size:cover}
}
@media screen and (max-width:767px){
	.cs_area .frm_input {height:35px;font-size:13px}
	.cs_area {margin-top:35px}
	.cs_area form {padding-right:0}	
	.cs_area form .btn_box {position:relative;width:100%;margin-top:5px}
	.cs_area form .btn_box .submit {width:100%;height:40px;font-size:14px;}
	.cs_area .input_list li {width:100%;margin-bottom:5px;}
	.cs_area .chk_box {font-size:13px}	
	.cs_area .txt_box {margin-top:0px}
	.cs_area .cs_tit {font-size:18px;line-height:18px;}
	.cs_area .tel {margin-top:20px;font-size:28px;line-height:28px;}
	.cs_area .txt {margin-top:10px;font-size:14px;line-height:20px;}
	.cs_area .add {margin-top:10px;font-size:14px;line-height:20px;}
	.cs_area {padding:30px}
}
@media screen and (max-width:640px){
	.main_section3  {padding-bottom:25px;margin-top:25px}
	.cs_area {margin-top:15px}
	.cs_area {padding:20px}
	.cs_area .right {padding:20px 0 0 0}
	.cs_area .left {padding:0 0 20px}
	.cs_area .right ul li {width:50%;;margin-bottom:20px;text-align:center}
	
}