.flex-column{flex-direction:column;}


/* banner */
.banner{width:100%; position:relative; padding-top:78px;}
.banner img{width:100%; height:auto;}
.big_img{display:block;}
.small_img{display:none;}
/*#arrow{position:absolute; left:48.8%; bottom:180px; height:1px;}
#jump{width:45px; height:80px; border-radius:30px; border:1px solid #fff; background:url(../images/index/scorll.svg) no-repeat rgba(0,0,0,0.3); background-size:20px auto; background-position:center 50px;}*/


/* product */
.product{margin:60px 0;}
.product .pro-title{text-align:center; font-size:2rem; position:relative; padding-bottom:65px; font-weight:300; margin-bottom:30px;}
.product .pro-title:after{position:absolute; bottom:0; left:50%; content:""; width:2px; height:58px; background:#053b77;}
.product .pro-title strong{font-weight:700; text-transform:uppercase;}
.product .pro-single{width:24%; margin:0 0.3% 10px 0.3%; display:inline-block; vertical-align:top;}
.product .pro-single .pro-img{position:relative; overflow:hidden;}
.product .pro-single .pro-img img{ display:block; width:100%; height:auto;}
.product .pro-single .pro-img .pro-name{position:absolute; bottom:0; left:0; width:100%;}
.product .pro-single .pro-img .pro-name a{padding:5px; background:rgba(5,59,119,0.7); font-size:1.1rem; font-style:italic; color:#fff; width:100%; display:block; transition:all 0.5s ease-in-out;}
.product .pro-single .pro-text{padding:10px 5px; line-height:20px; color:#555; background:#e5e5e5; font-style:italic;}
.product .pro-single .pro-text .text-h{overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.product .pro-single .pro-text .pro-more{text-align:center; font-size:0.85rem; margin:10px 0 5px 0; position:relative;}
.product .pro-single .pro-text .pro-more:before, .product .pro-single .pro-text .pro-more:after{position:absolute; content:""; background:#053b77; transition:all 0.5s ease-in-out;}
.product .pro-single .pro-text .pro-more:before{width:11px; height:2px; left: -moz-calc(50% - 38px); left: -webkit-calc(50% - 38px); left: calc(50% - 38px); top:9px;}
.product .pro-single .pro-text .pro-more:after{width:2px; height:11px; left: -moz-calc(50% - 33px); left: -webkit-calc(50% - 33px); left: calc(50% - 33px); top:5px;}
.product .pro-single .pro-text .pro-more a{color:#053b77; font-style:normal; font-weight:600; transition:all 0.5s ease-in-out;}

/* news */
.news{width:100%; height:310px; background-image:url(../images/index/news_bg.jpg);/* background-attachment: fixed;*/ background-repeat: no-repeat; background-position: center top;}
.news .news-title{text-align:center; color:#ffae00; font-size:24px; padding-top:18px;}
.news .news-title span{padding:0 30px; background:rgba(0,0,0,0.5); font-weight:300;}
.news .news-title strong{font-weight:600;}
.news .regular{width:800px; margin:50px auto 20px;}
.news dl.news-single{text-align:center;}
.news dl.news-single dt{font-size:1.2rem; font-weight:700; margin-bottom:10px;}
.news dl.news-single dt a{color:#fff;}
.news dl.news-single dd{line-height:26px; font-weight:300;}
.news .slick-dots{display:none !important; position:relative;}
.news .slick-arrow{width:18px; height:52px; background-size:100% auto; background-repeat:no-repeat; cursor:pointer; position:absolute; top: -moz-calc(40% - 10px); top: -webkit-calc(40% - 10px); top: calc(40% - 10px);}
.news .prev{background-image:url(../images/index/arrow_left.png); left:-30px;}
.news .next{background-image:url(../images/index/arrow_right.png); right:-30px;}
.news .news-more{text-align:center; font-size:0.9rem;}
.news .news-more a{padding:0 40px; border-radius:50px; color:#fff; background:rgba(255,255,255,0.3); border:1px solid #fff;}

/* about */
.about, .agent{flex:1; padding:40px 0;}
.block{margin:auto;/* font-size:15px;*/ line-height:26px;}
.headline{font-size:2rem; line-height:38px; font-weight:700; margin-bottom:30px;} 
.headline span{font-size:1.2rem; font-weight:300;}
.about{background:#94a6b6;}
.about .block{width:62%;}
.about .block ul{margin-top:40px;}
.about .block ul li:nth-child(1), .agent .block ul li:nth-child(1){flex:2;}
.about .block ul li:nth-child(1) img, .agent .block ul li:nth-child(2) img{width:100%; height:auto; display:block;}
.about .block ul li:nth-child(2), .agent .block ul li:nth-child(2){flex:1;}
.about .block ul li:nth-child(2){background:url(../images/index/about-icon.svg) no-repeat center bottom #053b77; background-size:137px 99px; text-align:center;}
.about .block ul li:nth-child(2) a{font-size:0.9rem; color:#5a83b0;}

/* agent */
.agent{background:#cddbe7;}
.agent .block{width:85%;}
.agent .block ul li:nth-child(1) p{width:90%; line-height:26px; margin-bottom:30px;}
.agent .block ul li:nth-child(1) .agent-more{text-align:center; font-size:0.9rem;}
.agent .block ul li:nth-child(1) .agent-more a{padding:0 40px; border-radius:50px; color:#fff; background:#053b77;}

.inquiry{text-align:center; padding:40px 0; font-size:0.85rem; transition:all 0.5s ease-in-out;}
.inquiry div{display:inline-block; vertical-align:middle;}
.inquiry span{font-size:1.2rem; font-weight:600;}
.inquiry a{color:#4d6785;}
.inquiry img{vertical-align:middle; margin-left:15px; width:103px; height:91px; display:inline-block;}



@media only screen and (max-width: 1400px)
{
.banner{padding-top:76px;}

}


@media only screen and (max-width: 1400px) and (min-width: 980px)
{
.about .block ul{flex-direction:column;}
.about .block ul li:nth-child(2){ height:200px;}
.agent .block ul{flex-direction:column-reverse;}
.agent .block ul li{flex:1 !important;}
.agent .block ul li:nth-child(2){padding-bottom:15px;}
.agent .block ul li:nth-child(2) img{width:200px;}
.agent .block ul li:nth-child(1) p{width:100%;}
}


@media only screen and (max-width: 1200px)
{
.product{margin:40px 0;}
.product .pro-title{padding-bottom:50px;}
.product .pro-title:after{height:40px;}
/*.product .pro-single .pro-img .pro-name a{font-size:16px;}*/
.headline{font-size:1.6rem; line-height:34px;}
.about .block{width:80%;}
.agent .block ul li:nth-child(2) img{max-height:250px; width:auto;}
}

@media only screen and (max-width: 1024px)
{
.agent .block ul li:nth-child(1) p{/*font-size:13px; */line-height:22px;}
}


@media only screen and (min-width: 980px)
{
.product .pro-single .pro-img:hover .pro-name a{background:rgba(5,59,119,1); font-style:normal;}
.product .pro-single .pro-text .pro-more:hover:before, .product .pro-single .pro-text .pro-more:hover:after{background:#555;}
.product .pro-single .pro-text .pro-more:hover a{color:#555;}
.about .block ul li:nth-child(2) a:hover{color:#fff;}
.agent .block ul li:nth-child(1) .agent-more a:hover{background:#fff; color:#053b77;}
.inquiry:hover{opacity:0.7;}
.news dl.news-single dt a:hover{color:#cddbe7;}
.news .news-more a:hover{background:#fff; color:#000;}
}

@media only screen and (max-width: 980px)
{
.product .pro-title{font-size:1.7rem; padding-bottom:40px;}
.product .pro-title:after{height:30px;}
.product .pro-single{width:32.4%;}
.product .pro-single .pro-img .pro-name a{font-size:0.85rem;}
.product .pro-single .pro-text{line-height:18px;}
.index-noflex{display:inherit;}
.about, .agent{width:100%;}
.about .block ul li:nth-child(2) a{color:#fff;}
/*.news .news-title{font-size:1.7rem;}*/
.news .regular{width:85%; margin:30px auto 20px;}
}


@media only screen and (max-width: 767px)
{
.block, .agent .block ul li:nth-child(1) p{/*font-size:13px;*/ line-height:20px;}
}

@media only screen and (max-width: 640px)
{
.banner{padding-top:62px;}
.big_img{display:none;}
.small_img{display:block;}
.product{margin:25px 0;}
.product .pro-title{font-size:1.5rem; padding-bottom:30px; margin-bottom:15px;}
.product .pro-title:after{height:20px;}
.product .pro-single{width:48.9%;}
.headline{margin-bottom:15px;}
.about, .agent{padding:20px 0 30px 0;}
.about .block, .agent .block{width:90%;}
.about .block ul li:nth-child(1), .agent .block ul li:nth-child(2){display:none;}
.about .block ul li:nth-child(2){background:none;}
.about .block ul li:nth-child(2) a{border-radius:50px; padding:10px 40px; background:#053b77;}
.about .block ul li:nth-child(2) a span{display:none;}
.agent .block ul li:nth-child(1) p{width:100%;}
.news .news-title{font-size:1.5rem;}
.news dl.news-single dt{font-size:1rem; margin-bottom:5px;}
.news dl.news-single dd{line-height:22px;}
}


@media only screen and (max-width: 480px)
{
.banner{padding-top:59px;}
.news .regular{width:75%;}
.news dl.news-single dd{max-height:70px; overflow-y:hidden;}
}


@media only screen and (max-width: 400px)
{
.product .pro-title{padding-bottom:0;}
.product .pro-title:after{display:none;}
.product .pro-single{width:100%; margin:0 0 10px 0;}
.product .pro-single .pro-img .pro-name{text-align:center;}
.product .pro-single .pro-img .pro-name a{font-size:1rem;}
.product .pro-single .pro-text .pro-more{font-size:0.95rem;}
.headline{font-size:1.2rem; line-height:26px;}
.inquiry{padding:20px 0;}
.inquiry img{width:80px; height:auto;}
}