@charset "utf-8";
/* ------------------------------------------------------------ common */

#fv { background:  url(../images/index/fv.jpg) no-repeat center center; background-size: cover; text-align: center; padding: 240px 0; min-width: 1000px;}
#fv h2 { font-family: Gill Sans; letter-spacing: 20px; font-size: 75px; color: #fff; line-height: 120%;}
#fv p { font-size: 20px; font-weight: bold; color: #fff; }

#intro { background: url(../images/index/bg_00.jpg) no-repeat; background-size: cover; text-align: center; padding: 80px 0; min-width: 1000px;}
#intro h3 { font-size: 23px; padding: 0 0 40px; color: #fff; }
#intro p { font-size: 14px; line-height: 200%; color: #fff; }

.content1 { padding: 60px 0; min-width: 1000px;}
.content1 .article { width: 490px; float: left; }
.content1 .about { padding: 0 20px 0 0; }
.content1 .article h3 { text-align: center; color: #000;}
.content1 .article h3 span { color: #1c5ca8; font-size: 28px; letter-spacing: 10px; font-family: Gill Sans; display: block; }
.content1 .article div { padding: 24px 0; }
.content1 .article div p { text-align: center; padding: 10px 0 20px; font-size: 14px; color: #000;}
.content1 .article div a { padding: 10px 0; color: #fff; font-size: 14px; display: block; width: 222px; text-align: center; background: url(../images/index/icn.png) no-repeat 200px center #b7a474; background-size: 11px auto; margin: 0 auto; }

.content2 { padding: 60px 0; background: #f0f0f0; min-width: 1000px;}
.content2 .article { width: 326px; float: left; background: #fff; margin: 0 7px 0 0;}
.content2 .flow { margin: 0; }
.content2 .article h3 { text-align: center; color: #000;}
.content2 .article h3 span { color: #1c5ca8; font-size: 28px; letter-spacing: 10px; font-family: Gill Sans; display: block; }
.content2 .article div { padding: 24px 0; }
.content2 .article div p { text-align: center; padding: 10px 0 20px; font-size: 14px; color: #000;}
.content2 .article div a { padding: 10px 0; color: #fff; font-size: 14px; display: block; width: 222px; text-align: center; background: url(../images/index/icn.png) no-repeat 200px center #b7a474; background-size: 11px auto; margin: 0 auto; }



/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

#fv {  text-align: center; padding: 100px 0; min-width: inherit; width: 100%;}
#fv h2 { font-family: Gill Sans; letter-spacing: 6px; font-size: 28px; color: #fff; line-height: 130%;}
#fv p { font-size: 13px; font-weight: bold; color: #fff; line-height: 23px;}

#intro { text-align: center; padding: 50px 0; min-width: inherit; width: 100%; }
#intro h3 { font-size: 20px; padding: 0 0 20px; color: #fff; }
#intro p { font-size: 12px; line-height: 200%; color: #fff; }


.content1 { padding: 60px 0 30px; min-width: inherit;}
.content1 .article { width: 96%; float: none; margin: 0 auto 20px;}
.content1 .article img { width: 100%; height: auto;  }
.content1 .about { padding: 0; }
.content1 .article h3 { text-align: center; color: #000;}
.content1 .article h3 span { color: #1c5ca8; font-size: 28px; letter-spacing: 10px; font-family: Gill Sans; display: block; }
.content1 .article div { padding: 24px 0; }
.content1 .article div p { text-align: center; padding: 10px 0 20px; font-size: 14px; color: #000;}
.content1 .article div a { padding: 10px 0; color: #fff; font-size: 14px; display: block; width: 222px; text-align: center; background: url(../images/index/icn.png) no-repeat 200px center #b7a474; background-size: 11px auto; margin: 0 auto; }

.content2 { padding: 60px 0; background: #f0f0f0; min-width: inherit; width: 100%;}
.content2 .article { width: 100%; float: none; background: #fff; margin: 0 0 10px; }
.content2 .article img { width: 100%; height: auto; }
.content2 .flow { margin: 0; }
.content2 .article h3 { text-align: center; color: #000;}
.content2 .article h3 span { color: #1c5ca8; font-size: 28px; letter-spacing: 10px; font-family: Gill Sans; display: block; }
.content2 .article div { padding: 24px 0; }
.content2 .article div p { text-align: center; padding: 10px 0 20px; font-size: 14px; color: #000;}
.content2 .article div a { padding: 10px 0; color: #fff; font-size: 14px; display: block; width: 222px; text-align: center; background: url(../images/index/icn.png) no-repeat 200px center #b7a474; background-size: 11px auto; margin: 0 auto; }



.slick-dotted.slick-slider { margin: 0;}
.slick-dots { bottom: 15px;}
.slick-dots li { margin: 0 1px; width: 50px; height: 3px; line-height: 3px;}
.slick-dots li button { color: #fff; background: #fff; width: 50px; height: 3px; line-height: 3px; padding: 0;}
.slick-dots li button:before{ background: #4461b1; width: 50px; height: 3px; line-height: 3px; color: #fff;}
.slick-dots li.slick-active button::before { opacity: inherit; background: #4461b1;}

}