img {vertical-align:top;border:0;max-width:100%;height:auto;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}
body,html {width:100%!important;padding:0!important;height:100%}
*::-webkit-scrollbar {width:10px;border-radius:1.5px}
*::-webkit-scrollbar-button {display:none}
*::-webkit-scrollbar-track {background-color:#eee}
*::-webkit-scrollbar-thumb {background-color:#c1c1c1}
.fl {float:left}
.fr {float:right}
.cl:after {content:'\20';display:block;height:0;line-height:0;font-size:0;clear:both;visibility:hidden}
.hide {display:none}
.show {display:block}
ins, em, b, i {text-decoration: none;font-style: normal;}
a, span, li, b, i, label, p, strong, div, h1, h2, h3, h4, h5, h6, font, small, em, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    font: inherit;
    color: inherit;
}
.cl:after {
    content: '\20';
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}  
    
.container {position:relative;padding:0 15px;margin:0 auto}
.grid-box {font-size:0;[;letter-spacing:-4px;font-size:12px;]}
.grid-box .column {display:inline-block;font-size:12px;vertical-align:top;[;letter-spacing:0;]}
/*.grid-box .column {width:100%}*/
.grid-box.two>.column {width:50%}
.grid-box.three>.column {width:33.33333%}
.grid-box.four>.column {width:25%}
.grid-box.five>.column {width:20%}
.grid-box.six>.column {width:16.6666667%}
.grid-box.seven>.column {width:14.285714%}
.grid-box.eight>.column {width:12.55%}
.grid-box.nine>.column {width:11.11111111%}
.grid-box.ten>.column {width:10%}
@media screen and (max-width:1000px) {
.grid-box.two>.column {width:50%}
.grid-box.three>.column {width:33.33333%}
.grid-box.four>.column {width:33.33333%}
.grid-box.five>.column {width:33.33333%}
}
@media screen and (max-width:700px) {
	.grid-box.two>.column {width:50%}
	.grid-box.three>.column {width:50%}
	.grid-box.four>.column {width:50%}
	.grid-box.five>.column {width:50%}
	.history-page .i-history .history-list .list .i-year .year1, .history-page .i-history .history-list .list:nth-child(2n) .i-year .year1 {
    padding-left: 5% !important;
    padding-right: 20px !important;
    padding-top: 25px !important;
  }
   
}
@media screen and (max-width:500px) {.grid-box.two>.column {width:100%}
.grid-box.three>.column {width:100%}
.grid-box.four>.column {width:100%}
.grid-box.five>.column {width:100%}
}

@media screen and (max-width: 699px) {
	.ui.container { width: 100%;}
	.history-page .i-history .history-list .list .i-text .text1 .grid-box .column:nth-child(2) {display:none !important;}	
	.history-page .about-1 .top {
		padding-bottom: 30px !important;
		margin-bottom: 40px !important;
		border-bottom: 1px solid #626363;
	}
}
.history-page {overflow:hidden}
.history-page .text {font-size:16px;color:#212121;line-height:30px}
.history-page .about-1 {padding:50px 0 50px}
.history-page .about-1 .top {padding-bottom:60px;margin-bottom:80px;border-bottom:1px solid #626363}
.history-page .about-1 .top .left {vertical-align:middle;padding-right:7%}
.history-page .about-1 .top .left h3 {font-size:50px;color:#040404;font-weight:600;line-height:110px;text-transform:uppercase}
.history-page .about-1 .top .left h3 em {font-weight:700;color:#0881ca}
.history-page .about-1 .top .left h6 {font-size:28px;color:#121212;line-height:1;font-weight:700;text-transform:uppercase;margin:20px 0 10px}
.history-page .about-1 .top .left h4 {font-size:57px;color:#121212;line-height:1;font-weight:700}
.history-page .about-1 .top .left h4:first-letter {text-transform:capitalize}
.history-page .about-1 .top .left .text {margin-top:35px}
.history-page .about-1 .top .right {text-align:right;padding-left:7%}
.history-page .about-1 .top .right ul {text-align:left;margin:-20px}
.history-page .about-1 .top .right ul li {padding:20px}
.history-page .about-1 .top .right ul li h4 {font-size:80px;color:#0881ca;line-height:1;font-weight:700}
.history-page .about-1 .top .right ul li h4 sup {font-size:40%;text-transform:uppercase}
.history-page .about-1 .top .right ul li p {font-size:22px;color:#191a1a;line-height:1;font-weight:700;text-transform:uppercase;margin-top:10px}
.history-page .about-1 .top.two {text-align:center;margin-top:40px}
.history-page .about-1 .top.two .left {padding-right:0;text-align:left}
.history-page .about-1 .top.two h6 {text-transform:none}
.history-page .about-1 .top.two h3 {color:#000;text-transform:none}
.history-page .about-1 .top.two h3 em {color:#0881ca;font-weight:300}
.history-page .about-1 .top.two h3 sup {font-size:50%}
.history-page .about-1 .top.two {padding-bottom:0;margin-bottom:0;border-bottom:none}
.history-page .about-1 .top.two h6 {text-align:center}
.history-page .about-1 .top.two h3 {text-align:center;color:#0881ca}
.history-page .about-1 .top.two h3 em {font-family:inherit;color:#000}
.history-page .about-1 .bottom {display:inline-block;width:100%}
.history-page .about-1 .bottom .text>* {padding-top:35px}
.history-page .about-1 .bottom .text>*:first-child {padding-top:0}
.history-page .about-1 .bottom .text img {float:right;width:50%;padding-left:6%}

/*.history-page .i-history {padding-bottom:50px}*/
.history-page .i-history h2.h2 {font-size:48px;text-align:center;font-weight:700;margin-bottom:10px;color:#d29b57}
.history-page .i-history p.p {padding:0 20%;text-align:center}
.history-page .i-history .history-list {margin-top:50px;position:relative}
.history-page .i-history .history-list:after {content:'';position:absolute;width:1px;height:100%;background:#ddd;left:50%;top:0}
.history-page .i-history .history-list .list p {font-weight:400;color:#504a44;font-size:16px;line-height:30px}
.history-page .i-history .history-list .list .i-text {float:left;width:49%;cursor:pointer;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease;position:relative}
.history-page .i-history .history-list .list .i-text:after {content:'';position:absolute;width:9px;height:15px;background:url(../images/r_03.jpg) no-repeat center;right:-9px;top:50px;z-index:8}
.history-page .i-history .history-list .list .i-text .text1 {border:1px solid #ededed;padding:30px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;text-align:right;width:92%}
.history-page .i-history .history-list .list .i-text .text1 .grid-box div.column {width:75%}
.history-page .i-history .history-list .list .i-text .text1 .grid-box div.column:nth-child(2) {width:25%;padding-left:10px}
.history-page .i-history .history-list .list .i-text .text1 .grid-box .column h4 {font-size:20px;font-weight:700;margin-bottom:10px}
.history-page .i-history .history-list .list .i-text:hover .text1 {background:#eee}
.history-page .i-history .history-list .list .i-year {float:right;width:50%}
.history-page .i-history .history-list .list .i-year .year1 {padding:38px 30px 0 8%}
.history-page .i-history .history-list .list .i-year .year1 h3 {font-size:36px;font-weight:700;line-height:1;color:#0881ca}
.history-page .i-history .history-list .list:nth-child(2n) .i-text {float:right}
.history-page .i-history .history-list .list:nth-child(2n) .i-text:after {background:url(../images/l_03.jpg) no-repeat center;right:auto;left:-8px}
.history-page .i-history .history-list .list:nth-child(2n) .i-text .text1 {float:right;text-align:left}
.history-page .i-history .history-list .list:nth-child(2n) .i-text .text1 .grid-box div.column:nth-child(1) {float:right;padding:0 0 0 10px}
.history-page .i-history .history-list .list:nth-child(2n) .i-text .text1 .grid-box div.column:nth-child(2) {float:left}
.history-page .i-history .history-list .list:nth-child(2n) .i-year {float:left}
.history-page .i-history .history-list .list:nth-child(2n) .i-year h3,.history-page .i-history .history-list .list:nth-child(2n) .i-year p {text-align:right}
.history-page .i-history .history-list .list:nth-child(2n) .i-year .year1 {padding:32px 8% 0 30px}
.history-page .i-history .history-list .list .i-text .text1 .grid-box .img img {padding:5px}

@media screen and (max-width:1600px) {
	.history-page .about-1 .top .left h4 {font-size:40px}
	.history-page .about-1 .top .right ul li h4 {font-size:60px}
	.history-page .about-1 .top .right ul li p {font-size:18px}
	.history-page .about-3 .list ul li h5 {font-size:24px}
	.history-page .about-6 {padding:80px 0}
	.history-page .about-6 .content h3 {font-size:32px}
}
@media screen and (max-width:1250px) {
	.history-page .about-5 {padding:60px 0}
	.history-page .about-6 .content h3 {font-size:24px}
	.gallery-page .box ul li {padding:5px}
	.gallery-page .box ul {margin:-5px}
	.history-page .about-1 {padding:0 0 40px}
	.history-page .about-1 .top .left h3 {font-size:40px}
	.history-page .about-1 .top .left h6 {font-size:24px !important}
	.history-page .about-4 .box {top:20px}
}
@media screen and (max-width:1000px) {
	.history-page .about-1 .top .right {display:none}
	.history-page .about-1 .top .left {width:100%;padding-right:0}
	.history-page .about-1 .top.two {margin:0 auto 30px;padding-bottom:30px}
	.history-page .about-1 .bottom .text img {width:70%}
	.history-page .about-2 .box .left {width:100%;padding-right:0}
	.history-page .about-2 .box .right {width:100%;padding-left:0;padding-top:20px}
	.history-page .about-2 {padding:30px 0}
	.history-page .about-3 h3 {font-size:24px}
	.history-page .about-3 .list ul li {width:50%;padding:15px}
	.history-page .about-3 .list ul {margin:-15px}
	.history-page .about-3 .list ul li i img {max-height:70px}
	.history-page .about-4 .box {height:360px}
	.history-page .about-6 .content {width:100%;padding-left:0}
	.history-page .about-6 .img {display:none}
	.history-page .i-history .history-list .list .i-text {width:70%;float:right}
	.history-page .i-history .history-list .list .i-year {width:30%;float:left;text-align:right}
	.history-page .i-history .history-list:after {left:30%}
	.history-page .i-history .history-list .list .i-text:after {background-image:url('../images/l_03.jpg');right:auto;left:-8px}
	
	.history-page .i-history .history-list .list .i-text .text1 .grid-box .column {width: 100% !important;}
	.history-page .i-history .history-list .list .i-text {text-align:right}
	.history-page .i-history .history-list .list .i-text .text1 {margin-left:auto;text-align:left}
}
@media screen and (max-width:1000px) {
	.history-page .about-6 {padding:40px 0}
	.history-page .about-2 .box .left img {margin:0}
	.history-page .about-1 .bottom .text img {width:100%;padding-left:0}
	.history-page .about-3 .list ul li h5 {margin:10px 0}
	.history-page .about-3 .list ul li h5 {font-size:20px}
	.history-page .i-history .history-list .list p {font-size:12px}
	.history-page .i-history .history-list .list .i-text .text1 {padding:10px}
	.history-page .i-history .history-list .list .i-year .year1 h3 {font-size:20px}
	.history-page .about-1 .top .left h3 {font-size:28px}
}