* {
	padding: 0px;
	margin: 0px;
	font-family: "Open Sans", Arial, "Microsoft Yahei", Helvetica, sans-serif;
	color: #333;
	/*font-family:"Century Gothic" ,Century Gothic;*/
	list-style-type: none;
	box-sizing: border-box;
}

.f_c_2,
.f_c_3,
.f_c_4,
.f_c_5 {
	float: left;
}

.f_c_2 {
	width: 50%
}

.f_c_3 {
	width: 33.333333333%
}

.f_c_4 {
	width: 25%
}

.f_c_5 {
	width: 20%
}

.f_c_15{
	width: 15%;
	float: left
}

.f_c_30{
	width: 30%;
	float: left
}

.f_c_60 {
	width: 60%;
	float: left
}

.f_c_80 {
	width: 80%;
	float: left
}

.f_c_40 {
	width: 40%;
	float: left
}

#preloader {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 999999;
}

#preloader #preloader-inner {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 50px;
	height: 50px;
	margin: -75px 0 0 0px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #297fb8;
	border-left-color: #297fb8;
	animation: spin 1s linear infinite;
}

#preloader #preloader-text {
	color: #176192;
	font-size: 12px;
	position: relative;
	left: 50%;
	top: 50%;
	margin: 0px 0 0 -40px;
	letter-spacing: 5px;
}

/* #preloader #preloader-inner:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    animation: spin 3s linear infinite;
}
#preloader #preloader-inner:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    animation: spin 1.5s linear infinite;
} */
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(1turn);
	}
}


a:hover {
	text-decoration: none !important;
}

.Uppercase {
	text-transform: Uppercase
}

.textcenter {
	text-align: center !important
}

body {
	-webkit-font-smoothing: antialiased;
}

.have_children {
	position: relative;
}

.have_children span {
	-webkit-font-smoothing: antialiased;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	text-align: center;
	line-height: 30px;
}

.have_children span {
	transition: All 0.1s ease-in-out;
	-webkit-transition: All 0.1s ease-in-out;
	-moz-transition: All 0.1s ease-in-out;
	-o-transition: All 0.1s ease-in-out;
}

.have_children.current span {
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.coll_body {
	float: left;
	width: 100%;
}

.coll_body a {
	display: block;
	padding-left: 15px !important;
	color: #888 !important;
	font-size: 12px !important;
}

.coll_body::after {
	content: " ";
	clear: both
}



.fow::after {
	clear: both;
	display: table;
	content: " ";
}

@media (min-width: 769px) and (max-width: 1024px) {
	.menu-container {
		width: 100%;
		margin: 0 auto;
	}

	.fcontainer {
		width: 100%;
		margin: 0 auto;
	}

	.fow {
		padding: .5em;
	}


}

@media (min-width: 1366px) {
	.menu-container {
		width: 100%;
		margin: 0 auto;
	}

	.fcontainer {
		width: 100%;
		margin: 0 auto;
	}

}

.fow {
	max-width: 850px;
	margin: 0 auto;
	padding: 0
}

.menu-mobile {
	display: none;
	padding: 1.5em;
	color: #FFF;
	text-decoration: none;
}

.menu-mobile:after {
	content: "";
	font-family: "iconfont";
	font-size: 1.5rem;
	padding: 0;
	float: left;
	position: relative;
	top: .5rem;
	-webkit-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	transform: translateY(-25%);
	color: #FFF;
}

.menu-mobile.active:after {
	content: "\e60e";
}

.menu li a.logo {
	padding: 0em 1.5em 0em 0 !important;
	position: relative;
	top: -35px;
	height: 56px;
}
/* .menu-dropdown-icon:after {
    content: "";
    font-family: "iconfont";
  
    cursor: pointer;
 
    color: #fff; 
	display: inline-block;
	padding: 1em 2em 0 0;
	
} */
.menu>ul>li>a:hover {
	color: #019141 !important
}

.menu-dropdown-icon.active {
	background: #fff !important;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.menu-dropdown-icon.active>a {
	color: #019141 !important
}



.menu>ul {
	margin: .2em auto 0 auto;
	width: 100%;
	list-style: none;
	padding: 0;
	position: relative;
	box-sizing: border-box;
	display: table;
	padding: 0 300px 0 150px;
}

.menu>ul:before,
.menu>ul:after {
	display: table;
}

.menu>ul:after {
	clear: both;
}

.menu>ul>li {
	/* float: left; */
	padding: 0;
	margin: 0;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.menu>ul>li:nth-child(1) {
	text-align: center;
}

.menu>ul>li>a {
	text-decoration: none;
	padding: 1em 1.5em;
	color: #3a3a3a;
	font-weight: normal;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
}

.menu>ul>li>.active {
	color: #019141 !important
}

.menu>ul>li>ul>li a {
	font-size: 16px;
	font-weight: bold;
}

.menu>ul>li:hover {
	background: none;
}

.menu>ul>li>ul {
	display: none;
	width: auto;
	background:#f5f5f5;
	padding: 30px 10px 10px 40px;
	position: absolute;
	z-index: 9999;
	left: auto;
	margin: 0 auto;
	list-style: none;
	color: #000;
	border-radius: 2px;
	box-shadow: 5px 15px 15px rgba(0, 0, 0, .2);

}

.menu>ul>li>ul:before,
.menu>ul>li>ul:after {
	content: "";
	display: table;
}

.menu>ul>li>ul:after {
	clear: both;
}

.menu>ul>li>ul>li {
	margin: 0;
	padding-bottom: 0;
	list-style: none;
	width: 100%;
	float: left;
	text-align: left;

}

.menu>ul>li:nth-child(3)>ul {
	width: 220px;
}

.menu>ul>li:nth-child(4)>ul {
	width: 220px;
}

.menu>ul>li:nth-child(5)>ul {
	width: 220px;
}

.menu>ul>li:nth-child(6)>ul {
	width: 220px;
}

.menu>ul>li:nth-child(7)>ul {
	width: 220px;
}


.menu>ul>li>ul>li a {

	padding: .5em 0 .5em .5em;
	width: 95%;

	color: #666;

}

.menu>ul>li>ul>li a span {
	float: right;
	text-align: right;
}

.menu>ul>li>ul>li>ul {
	display: block;
	padding: .5em;
	margin: 0;
	list-style: none;
	box-sizing: border-box;
	position: relative;

}

.menu>ul>li>ul>li>ul:before,
.menu>ul>li>ul>li>ul:after {
	content: "";
	display: table;
}

.menu>ul>li>ul>li>ul:after {
	clear: both;
}

.menu>ul>li>ul>li>ul>li {
	float: left;
	width: 100%;
	margin: 0;
	font-size: .875em;
	font-weight: 100;

	position: relative;
}

.oplist {
	display: block !important;
}

/* .menu > ul > li > ul > li > ul > li:before {
    content: "•";
    font-size: 1.2rem;
    color:#000;  position: absolute;
    left:2px;
    top:6px;

} */

.menu>ul>li>ul>li>ul>li a {
	font-size: 14px;
	border: 0;
	/* padding-left:15px; */
	color: #777 !important;
	width: auto;
	display: block;
	text-align: left;
	font-weight: normal;
}

.menu>ul>li>ul>li>a {
	display: block;
}

.menu>ul>li>ul>li>a:hover {
	border: 0;
	color: #333 !important;
	background: #f5f5f5;

}

.menu>ul>li>ul>li>ul>li a:hover {
	border: 0;
	color: #333 !important;
	background: #f5f5f5;

}




.menu>ul>li>ul.normal-sub {
	width: 30%;
	left: auto;
	padding: 0px 0px 0px 20px;

}



.menu>ul>li>ul.normal-sub>li {
	width: 100%;
}

.menu>ul>li>ul.normal-sub>li a {
	border: 0;
	padding: 1em 0;
	color: #252623;
}

/* .menu > ul > li > ul.normal-sub > li a:hover{
    color:none;} */

.search_btn {
	color: #fff;
	font-size: 32px;
	padding: 1em 0 1em 1em;
}




/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
	.menu-container {
		width: 100%;
	}

	.uptolink {
		display: none;
	}

	.banner {
		height: 65vh;
	}

	.menu-mobile {
		display: block;
		text-align: center;
	}

	#topNav span {
		display: none;
	}

	#topNav span.search_box {
		display: blcok
	}

	.menu-dropdown-icon::after {
		display: none;
	}

	.menu-dropdown-icon::before {
		display: block;
		padding: 1.5em 2em;
		content: "\e6a7";
		font-family: "iconfont";
		cursor: pointer;
		float: right;
		color: #fff;
		clear: both;
	}

	.menu>ul {
		display: none;
		padding-bottom: 1em;
	}

	.menu>ul>li {
		width: 100%;
		float: none;
		display: block;
	}

	.menu>ul>li a {
		padding: 1.5em 1.5em 0;
		width: 100%;
		display: block;
		text-align: left;
	}

	/* .menu > ul > li a:nth-child(1) {
        padding: 1em 1.5em 1em 0 !important;
    } */
	.menu>ul>li>ul {
		position: relative;
	}

	.menu>ul>li>ul.normal-sub {
		width: 100%;
	}

	.menu>ul>li>ul>li {
		float: none !important;
		width: 100% !important;
		margin-top: 10px !important;
	}

	.menu>ul>li>ul>li:first-child {
		margin: 0;
	}

	.menu>ul>li>ul>li>ul {
		position: relative;
	}

	.menu>ul>li>ul>li>ul>li {
		float: none;
		clear: both;
	}

	.menu .show-on-mobile {
		display: block;
	}

	.menu .show-on-mobile li:nth-child(1) {
		display: none;
	}

	.menu .show-on-mobile li ul li:nth-child(1) {
		display: block
	}



	.coll_body a {
		color: #646464 !important;
	}

	.inquirymargin .control-label {
		text-align: left
	}

	.inquirymargin {
		width: 100%;
	}

}
.banner-top-img{
	position: absolute;
    top: 0;
    left: 0;
	width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
}

/* p style */
.fH1 {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	margin: .5em 0 1em 0;
	text-align: left;
	text-transform: uppercase;
	line-height: 1;
}

/* .fH1::before {content: "\f2c7";     font-family: "Ionicons"; font-size: 56px; font-weight: bolder; padding: 0em .5em; float: left; position: relative;top: -4px;} */

.fH2 {
	font-size: 1.75em;
	font-weight: bold;
	color: #000;
	margin: .5em 0 1em 0;
	text-align: left;
	line-height: 1;
}


.btn_yellow {
	display: inline-block;
	padding: .8em 1.75em .8em 1.75em;
	clear: both;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	background: rgba(255, 200, 4, .9);
	border-radius: 2px;
}

.btn_yellow:hover {
	background-color: rgba(255, 200, 4, 1);
	color: rgba(0, 0, 0, 1)
}

.btn_red {
	display: inline-block;
	text-align: center;
	color: #fff !important;
	padding: .8em 1.75em .8em 1.75em;
	clear: both;
	font-weight: bold;
	text-decoration: none;
	background: rgba(30, 60, 115, 1);
	border-radius: 2px;
}

.btn_red::before {
	content: "" !important
}

.btn_red:hover {
	background-color: rgba(30, 60, 115, 0.9) !important;
	color: #fff !important
}


.btn_none {
	display: inline-block;
	padding: .8em 1.75em .8em 1.75em;
	background: none !important;
	border: #fff solid 1px;
	color: #fff;
	font-weight: bold;
	border-radius: 2px;
}

.btn_gray {
	transition: background .3s !important;
	display: inline-block;
	padding: .8em 1.75em .8em 1.75em;
	background: none;
	border: #b0bec5 solid 1px;
	color: #37474f;
	font-weight: bold;
	border-radius: 2px;
}

.btn_gray:hover,
.btn_gray:active {
	background: #006dda;
	border-color: #006dda;
	color: #fff;
}

.btn_more {
	width: 50%;
}

.btn_more:hover,
.btn_more:active {
	background: #f1f1f1 !important;
	border-color: #b0bec5 !important;
	color: #37474f !important
}


.btn_blue {
	transition: background .3s;
	display: inline-block;
	padding: .8em 1.75em .8em 1.75em;
	background: #304ffe;
	color: #fff;
	font-weight: bold;
	border-radius: 2px;
}

.btn_blue:hover,
.btn_gray:active {
	background: #006dda;
	border-color: #006dda;
	color: #fff
}

.btn_white {
	transition: background .3s;
	display: inline-block;
	padding: .8em 1.75em .8em 1.75em;
	background: none;
	border: #fff solid 1px;
	color: #fff;
	font-weight: bold;
	border-radius: 2px;
}

.btn_white:hover,
.btn_white:active {
	background: #006dda;
	border-color: #006dda;
	color: #fff
}

#topNav {
	font-size: 12px;
}

#topNav .fow {
	text-align: right;
	max-width: 100%;
}

#topNav span {
	padding: .5em 0 .5em 2em;
	display: inline-block;
	color: #de4e00;
}

#topNav a {
	color: #de4e00;
}

.btn_border_wihte {
	border: #fff solid 1px;
	border-radius: 2px;
	padding: .1em .5em;
}

.bg_add,
bg_add0 {
	background: #ffffff;
	transition: background .5s ease-out;
}



/* Slide transitions */

/* .slideUp {

     -webkit-transform: translateY(-106px);
     -ms-transform: translateY(-106px);
     -o-transform: translateY(-106px);
     transform: translateY(-106px);
 
     -webkit-transition: transform .5s ease-out;
     -o-transition: transform .5s ease-out;
     transition: transform .5s ease-out;
   }

   .slideDown {

     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);

     -webkit-transition: transform .5s ease-out;
     -o-transition: transform .5s ease-out;
     transition: transform .5s ease-out;

   } */

#servers {
	padding: 8em 0 6em 0;
}

#servers .fow {
	max-width: 1200px;
}
#T3 .fow{
	max-width: 1200px;
}
#servers .fow div {
	text-align: center;
	height: 220px;
}

#servers .fow div:nth-child(5) {
	clear: left;
}

#servers .fow .textcenter {
	clear: both;
}

#servers .fow div img {
	margin-bottom: 1em;
}

#servers .fow div a {
	margin: 2em;
	display: inline-block;
}

/* #servers .fow div a:hover { } */
#servers .fow div a p {
	text-align: center;
	font-size: 16px;
	margin-top: 3em
}

/* #servers .fow div.f_c_5 a:hover i {} */
#servers div a i {
	border-radius: 100%;
	color: #fff;
	font-size: 3em;
	padding: .45em .5em;
	background: #fff;
	transition: font-size .2s;
}

#servers div a {
	opacity: .9;
	transition: opacity 1s;
}

#servers div a:hover {
	opacity: 1;
}

#servers div a:hover i {
	font-size: 3.3em;
}

/* #servers .f_c_4:nth-child(1) a i{color: #26a69a; border:#26a69a solid 1.5px;}
#servers .f_c_4:nth-child(2) a i{color: #001abd; border:#001abd solid 1.5px;  }
#servers .f_c_4:nth-child(3) a i{color: #f9a825; border:#f9a825 solid 1.5px;  }
#servers .f_c_4:nth-child(4) a i{color: #e53935; border:#e53935 solid 1.5px;  }
#servers .f_c_4:nth-child(5) a i{color: #129934; border:#129934 solid 1.5px;  }
#servers .f_c_4:nth-child(6) a i{color: #672cb4; border:#672cb4 solid 1.5px;  }
#servers .f_c_4:nth-child(7) a i{color: #db3e00; border:#db3e00 solid 1.5px;  }
#servers .f_c_4:nth-child(8) a i{color: #1e80cf; border:#1e80cf solid 1.5px;  } */

#servers .f_c_4:nth-child(1) a i {
	color: #ffffff;
	background: #26a69a;
	border: #26a69a solid 1.5px;
}

#servers .f_c_4:nth-child(2) a i {
	color: #ffffff;
	background: #001abd;
	border: #001abd solid 1.5px;
}

#servers .f_c_4:nth-child(3) a i {
	color: #ffffff;
	background: #f9a825;
	border: #f9a825 solid 1.5px;
}

#servers .f_c_4:nth-child(4) a i {
	color: #ffffff;
	background: #e53935;
	border: #e53935 solid 1.5px;
}

#servers .f_c_4:nth-child(5) a i {
	color: #ffffff;
	background: #129934;
	border: #129934 solid 1.5px;
}

#servers .f_c_4:nth-child(6) a i {
	color: #ffffff;
	background: #672cb4;
	border: #672cb4 solid 1.5px;
}

#servers .f_c_4:nth-child(7) a i {
	color: #ffffff;
	background: #db3e00;
	border: #db3e00 solid 1.5px;
}

#servers .f_c_4:nth-child(8) a i {
	color: #ffffff;
	background: #1e80cf;
	border: #1e80cf solid 1.5px;
}

#servers .btn_gray {
	width: 30%;
}


#midservers {
	background: #ffffff;
	padding: 6em 0 2.8em 0;
}

#midservers .fow div img {
	margin-bottom: 1em;
}

#midservers .fow div span {
	margin: 1em;
	padding: 1em;
	display: block;
	text-align: center;
}

#midservers .fow div h2 {
	font-size: 16px;
	margin: 3em 0 1em 0;
	text-align: center;
}

#midservers .fow div ul li {
	text-align: center;
	font-size: 12px;
	line-height: 1.8;
}

#midservers div i {
	border-radius: 100%;
	color: #fff;
	font-size: 4em;
	padding: .2em;
	background: #004385
}

#T1 {
	/* background: url(../../images/bgbanner2.png) no-repeat center #000 fixed; */
	background-color: #a2f5f2;
	min-height: 350px;
	background-size: contain
}

#T1 h1 {
	color: #323232;
	font-size: 36px;
}

#T1 p {
	color: #666666;
	font-size: 16px;
	width: 495px;
}

#T1 p font {
	color: #fff;
	font-size: 22px;
}

#T1 .fow .f_c_2:nth-child(2) {
	padding-top: 4em;
}

#T1 .fow .f_c_2 img {
	max-width: 350px;
	margin: 0 auto;
}

#T2 {
	border-bottom: #eee solid 1px;
}

#T2 .fow {
	width: 100%;
	margin: 4em auto 2em auto;
}

#T2 span {
	display: block;
	text-align: center;
	line-height: 1.3
}

#T2 h1 {
	color: #000;
	font-size: 30px;
	text-align: center;
	line-height: 1.5
}

#T2 p {
	color: #000;
	font-size: 18px;
	text-align: center;
}

#T2 .icon-bhyjcg {
	font-size: 8em;
	color: #bbb
}

#T3 {
	margin: 3em 0
}

#T3 .btn_gray {
	padding: .4em 1em !important;
}

#Discount {
	padding: 2em 5em;
}

#Discount div a {
	margin: 0 0 .5em 0;
	display: block;
	padding: .5em;
}

#Discount div a .fH2 {
	font-size: 16px;
	color: #000;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 0 .5em 0
}

#Discount div a p {
	font-size: 14px;
	color: #636363;
	margin: 0;
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#Discount div a:hover {
	background: #f5f5f5;
	border-radius: 2px;
}


#contact {
	padding: 2em 5em;
}

#contact span.textcenter {
	display: block
}

#contact h3 {
	color: #222;
	margin: 0 0 1em 0;
	font-weight: 400;
	font-size: 1.2em;
}

#contact .f_c_3 i {
	color: #4a8fc1;
	font-size: 5em;
}

#contact p {
	color: #333;
}


.cont_li {
	width: 100%;
	margin: 0 auto;
}

.cont_li::after {
	clear: both;
	content: " "
}

.btmcontact .f_c_4:nth-child(3) {
	width: 30%;
}

#footer {
	background: #019141;
	padding: 5em 0 1em 0;
	font-size: 13px;
	font-weight: bold;
}

#footer .btn_blue {
	width: 60%;
	background: #d5a916;
	text-align: center;
	color: #fff;
}

#footer .fow {
	max-width: 1440px;
}

#footer span ul li {
	color: #fff;
	line-height: 1.5;
	font-weight: normal;
}

#footer span ul li a {
	color: rgba(255, 255, 255, .5);
	line-height: 1.5;
	font-weight: normal;
	font-size: 14px;
}

#footer .half {
	color: rgba(255, 255, 255, .5);
}

#footer span ul li a:hover {
	color: rgba(255, 255, 255, 1);
}

#footer span ul li {
	font-weight: normal
}

#footer span ul li:nth-child(1) {
	font-weight: bold;
	margin-bottom: .5em;
}

#footer span {
	display: block;
	margin: 0 0 1em 0;
}

#footer span.share a {
	font-size: 2.4em;
	padding: .2em;
	color: #000;
	width: 1.4em;
	display: inline-block;
	height: 1.4em;
	border-radius: 100%;
	background: #1565c0;
	text-align: center;
}

#footer span.link {
	overflow: hidden;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: rgba(255,255,255,0.15) solid 1px;
}

#footer span.link img {
	max-width: 465px;
	width: 100%;
}

#footer span.link ul li:nth-child(1) {
	font-size: 16px;
	margin-bottom: .5em;
	color: #fff;
}

/* #footer span.btmcontact  ul li:nth-child(2n+1) { font-size: 16px; margin: .5em 0; color:#fff; font-weight: bold} */

#footer .newsleeter_input input[type="email"] {
	background: #0d4e7d;
	border-radius: 2px;
	width: 80%;
	height: 40px;
	line-height: 40px;
	text-indent: 1em;
	border: none;
}

#footer .newsleeter_input input[type="email"]:focus {
	background: #fff;
}

#footer .newsleeter_input input[type="submit"] {
	background: #2691de;
	border-radius: 2px;
	text-align: center;
	width: 19%;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	border: none;
	color: #fff;
}

#footer .newsleeter_input input[type="submit"]:hover {
	background: #4fadf1;
}

#footer .newsleeter_input ::-webkit-input-placeholder {
	color: #99d4ff;
}

#footer .icon-weixin {
	font-size: 3em;
	color: #75bbf5;
	position: relative;
	transition: color .3s;
}

#footer .icon-weixin:hover {
	color: #daeeff
}

#footer .icon-weixin img {
	position: absolute;
	display: none;
	top: -70px;
	left: 60px;
	opacity: 0;
	transition: opacity .3s;
}

#footer .icon-weixin:hover img {
	display: block;
	opacity: 1;
}

.uptolink {
	position: absolute;
	bottom: 15vh;
	left: 48%;
	z-index: 88;
	display: block;
	font-family: "iconfont";
	cursor: pointer;
	font-size: 3em;
	color: #fff;
	clear: both;
	animation: mymove 1.5s infinite;
	-webkit-animation: mymove 1.5s infinite;
	/*Safari and Chrome*/
}


@keyframes mymove {
	0% {
		bottom: 15vh;
	}

	50% {
		bottom: 17vh;
	}

	100% {
		bottom: 15vh;
	}
}

@-webkit-keyframes mymove

/*Safari and Chrome*/
	{
	0% {
		bottom: 15vh;
	}

	50% {
		bottom: 17vh;
	}

	100% {
		bottom: 15vh;
	}
}

/* search */
/* .menu > ul > li:nth-last-child(1) { position: relative;} */

/* .menu > ul > li.active .search_box {
        width: 757px;
        opacity: 1;
        transition: 0.2s;
    } */

.search_box {
	background: #eeeeee;
	height: 35px;
	border-radius: 2px;
	width: 350px;
	padding: 0 !important;
	margin: 0.5em 15px 0 0.5em;
	display: inline-block;
	position: relative;
}

.search_box button {
	position: absolute;
	top: 0;
	right: 0;
	background: #019141;
	border: none;
	width: 46px;
	height: 35px;
	line-height: 1;
	border-radius: 0 2px 2px 0;
	outline: none;
	cursor: pointer;
}

.search_box button i {
	color: #ffffff;
}
.search_box button:focus{
	outline: none;
}
.search_box button:active i{
	color: #eeeeee;
}
.search_box #search {
	background: none;
	width: 100%;
	height: 35px;
	border: none;
	font-size: 14px;
	outline: none;
	margin-bottom: 10px;
	text-indent: .5em;
	padding-right: 3em;
}

.search_box #search::-webkit-input-placeholder {
	color: #aaa;
	text-indent: .5em;
}

.search-option {
	display: block;
}

.search-option div {
	width: auto;
	float: left;
	margin-right: 15px;
}

.search-option div input,
.search-option div label {
	cursor: pointer;
}

#maintitle {
	background: #1565c0;
	padding: 2em 0;
	position: relative;
}

#maintitle .fow::after {
	content: "\f365";
	font-family: "Ionicons";
	position: absolute;
	display: block;
	padding-left: .8em;
	font-size: 8em;
	bottom: 0;
	left: auto;
}

.aft_black::after {
	color: #2b2b2b;
}

.aft_white::after {
	color: #fff;
}

.bg_black {
	background: #2b2b2b
}

.bg_white {
	background: #ffffff;
}

#maincontainer {
	padding: 8em 0 2em 0;
	min-height: calc(100vh - 350px);
}

.maincontainer {
	padding: 8em 0 2em 0;
}

.rightNav .list_box {
	background-image: -webkit-linear-gradient(90deg, #eaeaea, white) !important;
}

.rightNav .list_box.rightMenu ul li a::before {
	content: ""
}

.rightNav .list_box.rightMenu ul>li a {
	font-size: 16px;
	font-weight: bold;
	color: #757575;
	padding-left: 1em;
}

.rightNav .list_box.rightMenu ul>li {
	line-height: 3.2;
}

.rightNav .list_box.rightMenu ul>li a.active {
	background: #fff;
	color: #000;
}

.rightNav .list_box.rightMenu ul>li>ul>li {
	padding-left: 1.8em;
	line-height: 1.8;
}

.rightNav .list_box.rightMenu ul>li>ul>li>a {
	font-size: 14px;
}

/* #maincontainer .fow div{ padding:.5em;} */

#sitmap {
	padding: 1em 0;
	text-transform: uppercase;
	font-size: 12px;
}

#sitmap a {
	color: #8c8c8c;
	margin-right: .5em;
}

#sitmap a:hover {
	color: #000000;
}

#sitmap a::after {
	color: #000;
	content: "/";
	font-family: "Ionicons";
	display: inline-block;
	padding-left: .8em;
	font-size: 1em;
}

#sitmap em {
	margin-left: 2em;
	font-style: normal;
}

#sitmap em font {
	font-weight: bold;
}

/**info text css start***/
p {
	line-height: 1.8;
	word-break: normal;
	text-align: justify;
	text-justify: newspaper;
	margin: 2em 0;
	font-size: 14px;
	color: #000
}

#info {
	margin: 2em 0 6em 0
}

#info .f_c_80 {
	width: 78%;
	margin: 0 2% 0 0;
}

.inquirymargin {
	border: #949da6 solid 1px;
	border-radius: 8px;
	padding: 40px 28px 25px 0px;
	width: 60%;
	margin: 80px auto;
}

.inquirymargin .control-label,
.inquirymargin .col-sm-8 {
	float: left;
}

.inquirymargin .control-label {
	text-align: right;
}

.inquirymargin .control-label .red {
	color: #dc3545;
}

.inquirymargin .form-group {
	height: 38px;
	margin-bottom: 10px;
}

.main_text_box {
	padding: 1em 0 2em 0;
}

.main_text_box img,
.text_box img {
	max-width: 100%;
	border-radius: 10px;
}

.main_text_box {
	width: 100%;
	padding-bottom: 15px;
	font-size: 0.95em;
	line-height: 1.7em;
}

.main_text_box p {
	text-indent: 2em;
	color: #555;
	margin-bottom: 10px;
}

.main_text_box .noindent {
	text-indent: 0;
}

.main_text_box li p {
	text-indent: 0;
	margin-bottom: 10px;
}

.showcontentimg {
	margin-bottom: 15px;
	display: block;
	text-align: center;
	font-size: 14px;
}

.main_text_box h1 {
	font-size: 30px;
	font-weight: bold;
	padding: .5em 0 1em 0;
	color: #2c3f51
}

.main_text_box h2 {
	font-size: 24px;
	font-weight: bold;
	padding: .5em 0 1em 0;
	color: #2c3f51
}

.main_text_box h3 {
	font-size: 18px;
	font-weight: bold;
	padding: .5em 0 1em 0;
	color: #2c3f51
}

.main_text_box h4 {
	font-size: 16px;
	padding: .5em 0 1em 0;
	color: #2c3f51
}

.main_text_box a {
	color: #0046ce;
	font-weight: 600;
}

/* .main_text_box a:hover { } */
.main_text_box ul li {
	line-height: 1.8;
	letter-spacing: .01em;
	font-size: 14px;
}

.main_text_box ul li p {
	margin: 0 !important
}

.main_text_box ul.listspot li {
	list-style-type: disc;
}

.main_text_box ul.listnum li {
	list-style: decimal-leading-zero;
}

.main_text_box ul {
	margin: 0 0 1em 0;
	padding: 0 0 0 2em;
}

.main_text_box span {
	display: block;
	padding: .5em;
	margin-top: 2em;
}

.main_text_box span em {
	font-size: 12px;
	font-style: normal;
	display: block;
}

.main_text_box .floatleft {
	float: left;
}

.main_text_box .floatright {
	float: right;
}

.main_text_box .left {
	text-align: left
}

.main_text_box .center {
	text-align: center;
}

.main_text_box .right {
	text-align: right;
}

/* hank */
/* p .showcontenttabTit,p strong,p span  { text-indent: -2em;} */
.main_text_box ol,
.main_text_box ul {
	padding-left: 25px;
}

.main_text_box ol.list-paddingleft-2 li {
	list-style: decimal-leading-zero;
}

.main_text_box p {
	font-size: 14px;
}

.main_text_box ul.list-paddingleft-2 li {
	list-style: disc;
}

.main_text_box .tableshow {
	border-color: #b7e1ff
}

.main_text_box .tableshow td {
	padding: 5px 10px;
	background: #fff;
	font-size: 14px;
}

.main_text_box .tableshow tr:nth-child(1) td {
	background: #0067B1;
	color: #fff;
}

.main_text_box .tableshow tr:nth-child(1) td strong {
	color: #fff;
}

.main_text_box .Guplist img {
	border-radius: 6px;
}

.main_text_box .showcontenttab {
	border-color: #b7e1ff
}

.main_text_box .showcontenttab td {
	padding: 5px 10px;
	background: #fff;
	font-size: 14px;
}

.main_text_box .showcontenttab tr:nth-child(1) td {
	background: #0067B1;
	color: #fff;
}

.main_text_box .showcontenttab tr:nth-child(1) td strong {
	color: #fff;
}

.main_text_box h1 {
	padding-bottom: 10px;
}

.main_text_box h1 a {
	font-size: 18px;
}

.main_text_box a.btn {
	color: #fff;
}

.secondContent img {
	display: block;
	max-width: 100%;
	height: auto;
}

.Guplist .col-md-4 {
	margin-bottom: 15px;
	padding-bottom: 20px;
}

/* hank end */

.table-responsive {
	min-height: .01%;
	overflow-x: auto;
}


.showcontenttabTit {
	font-size: 18px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
}

.showcontenttabsmallTit {
	display: inline-block;
	height: 40px;
	line-height: 40px;
}


.gray,
.gray li {
	color: #999 !important;
}

.italic {
	font-style: italic
}

.bold {
	font-weight: bold;
}

.main_text_box .m_table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	display: table;
}

.main_text_box .m_table thead tr th {
	background: #ffc604;
	padding: .5em;
	font-weight: bold;
	text-align: left;
}

.main_text_box .m_table tbody tr td {
	padding: .5em;
	font-size: 12px;
}

.main_text_box .m_table tbody tr:nth-child(2n+2) {
	background: #eee;
}

/** end **/


/* list strat */

.f_li {
	padding: 1em;
	border: #f5f5f5 solid 1px;
	border-radius: 2px;
	margin-bottom: 1.5em;
	display: block;
}

.f_li h1 {
	font-size: 18px;
	line-height: 1.5;
}

.f_li p {
	font-size: 14px;
	color: #666;
}

.f_li span {
	padding: .2em 1em;
	font-size: 12px;
	border-radius: 2px;
	color: #fff;
	float: right;
	position: relative;
	top: -1.5em;
}

.bg_green {
	background: #43a047;
}

.bg_yelow {
	background: #9e9d24;
}

.bg_blue {
	background: #1a237e;
}

.bg_orange {
	background: #f9a825;
}

/* end */


.rightNav .list_box {
	background: #f5f5f5;
	border-radius: 2px;
	margin: 0 0 1em 0;
	padding: 1em;
}

.rightNav .list_box h3 {
	margin-bottom: 1em;
}

.rightNav .list_box ul li a::before {
	content: "●";
	color: #999999;
	font-size: 6px;
}

.rightNav .list_box ul li {
	line-height: 2;
}

.rightNav .list_box ul li a {
	font-size: 14px;
	color: #999999;
	display: block;
}

.rightNav .list_box ul li a:hover {
	color: #000;
	background: #eee;
	border-radius: 2px;
}

hr {
	height: 1px;
	border: none;
	border-top: 1px solid #ccc;
}

hr.title_hr {
	border-top: 2px solid #000;
	margin-bottom: 1em;
}





.page_np a {
	color: #333;
	font-style: normal;
}

.page_np a:hover {
	background: none;
	color: #000;
}

.page_np {
	font-size: 12px;
	float: right;
	width: 100%;
}

.pg_up {
	float: left;
}

.pg_dn {
	float: right;
}

.pg_dn::after {
	content: "\f3d1";
	font-family: "Ionicons";
	font-size: 14px;
	font-weight: bolder;
	padding: 0em .5em;
}

.pg_up::before {
	content: "\f3cf";
	font-family: "Ionicons";
	font-size: 14px;
	font-weight: bolder;
	padding: 0em .5em;
}

.list_img_box a {
	color: #000;
	width: 30%;
	margin-right: 5%;
	float: left;
	margin-bottom: 2em;
}

.list_img_box a span {
	display: block;
	position: relative;
	height: 180px;
	border-radius: 2px;
	overflow: hidden;
	background: #1565c0;
}

.list_img_box a span img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.list_img_box:after {
	content: "";
	display: table;
	clear: both;
}

.middleTab {
	height: auto !important;
	width: auto !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.list_img_box a:nth-child(3n) {
	margin-right: 0;
}

.list_img_box h3 {
	margin: 1em 0 0 0;
	font-weight: bold;
	color: #000;
	height: 34px;
	overflow: hidden;
	font-size: 14px;
}

.search_pg_top {
	background: url(../../images/bg_search.png) no-repeat !important;
	background-size: cover !important;

}

.search_pg_top .fow {
	padding: 4em 0;
}

.search_pg_top .fow::after {
	content: "" !important
}

.search_pg_top input[type="text"] {
	border-radius: 2px;
	border: none;
	height: 46px;
	width: 80%;
	padding: 0 10px;
	outline: none;
}

.search_pg_top input[type="submit"] {
	border-radius: 2px;
	border: none;
	height: 46px;
	cursor: pointer;
	font-weight: bold;
	background: #1565c0;
	color: #000;
	padding: 0 2em;
	outline: none;
}

#search_list div.se_li {
	padding: 1em;
	border-bottom: #eee solid 1px;
	margin-bottom: 1em;
}

#search_list div.se_li:after {
	content: "";
	display: table;
	clear: both;
}

#search_list div h3 a {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #03458c;
}

#search_list div h3 a:hover {
	color: #2173cb;
}

#search_list div p {
	color: #6c6c6c;
	margin-bottom: 0;
	font-size: 12px;
}

#search_list div a.se_nav {
	font-size: 12px;
	font-weight: bold;
	float: right;
}

#search_list div a.se_nav {
	margin-top: .5em;
	color: #999;
	background: #eee;
	padding: 0 3px;
	border-radius: 4px;
}


.styled-pagination {
	font-size: 14px;
}

.styled-pagination span {
	display: inline;
	margin: 0 10px;
}

.styled-pagination span.current {
	background: #2775db;
	color: #fff;
	font-weight: bold;
	padding: 5px 12px;
	border-radius: 4px;
}

.styled-pagination a {
	color: #2775db;
	font-weight: bold;
	display: inline;
	padding: 5px 12px;
	border-radius: 4px;
}

.styled-pagination a:hover {
	background: #eee;
}

a:hover {
	color: #1565c0
}

.Inquiry_page label {
	color: #fff;
	width: 150px;
	vertical-align: top;
}

.Inquiry_page input {
	width: 60%;
}

.Inquiry_page textarea {
	width: 80%;
}

.Inquiry_page li {
	margin-bottom: 2em;
}

.Inquiry_page .Code {
	width: 30%
}

.code_tips {
	font-size: 12px;
	color: #fff;
}

.Inquiry_page .submit {
	width: 25%;
	margin-left: 150px;
}

.search_pg_top label,
.search_pg_top a {
	color: #fff;
}

.search_pg_top .search-option {
	margin-bottom: 2em;
}

.search_pg_top span {
	text-align: center;
	margin-top: 1em;
}

.search_pg_top span a {
	font-size: 12px;
	margin: 0 .5em;
}

.has_children {
	position: relative;
}

.has_children ul {
	display: none;
	background: #a1cdff;
	padding: 10px;
	z-index: 999;
	border-radius: 2px;
	width: 100%;
	top: 0%;
	left: 100%;
	position: absolute;
}

.menu-dropdown-icon ul li:last-child ul .has_children ul {
	left: -100% !important;
}

.has_children.iopen {
	background: #fff;
}

.has_children.iopen>a::before {
	content: "◀";
	position: absolute;
	right: -2px;
	top: -1px;
	color: #a1cdff;
}

.has_children.iopen ul {
	display: block !important
}

#broadcast {
	background: #121212;
}

#broadcast .fow {
	max-width: 1440px;
	margin: 0 auto;
	padding: .5em 0;
	text-align: center;
}

#broadcast .f_c_5 {
	color: #666;
	line-height: 25px;
	text-align: right;
}

#scrollDiv {
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	margin: 0 auto;
}

#scrollDiv li {
	height: 25px;
	padding-left: 10px;
	text-align: left;
}

#scrollDiv li a {
	color: #fff;
	font-size: 12px;
}



.floating_ck {
	position: fixed;
	right: 30px;
	bottom: 0;
	z-index: 9990;
}

.floating_ck dl dd {
	position: relative;
	width: 3em;
	height: 3em;
	background-color: #646577;
	border-bottom: solid 1px #555666;
	margin-bottom: .5em;
	border-radius: 4px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 20%;
	cursor: pointer;
}

.floating_ck dl dd:hover {
	background-color: #1565c0;
	border-bottom: solid 1px #1565c0;
}

.floating_ck dl dd:hover .floating_left {
	display: block;
}

.floating_ck dl dd.words {
	background-color: #e76500;
	border-bottom: solid 1px #e76500;
}

.floating_ck dl dd.quote {
	background-color: #82ca13;
	border-bottom: solid 1px #82ca13;
}

.floating_ck dl dd.qrcord {
	background-color: #176ec0;
	border-bottom: solid 1px #176ec0;
}

.floating_ck dl dd.phone {
	background-color: #e32011;
	border-bottom: solid 1px #e32011;
}

.floating_ck dd span {
	color: #fff;
	display: block;
	line-height: 43px;
	border-radius: 4px;
}
.floating_ck dd:nth-child(2) span{
	line-height: 45px;
}
.floating_ck dd span:active{
	background-color: #999;
}

.floating_ck dd span i {
	color: #FFF;
	font-size: 1.5em;
}

.floating_left {
	position: absolute;
	left: -8.5em;
	top: 0px;
	width: 8.5em;
	height: 3em;
	background-color: #1565c0;
	padding: .5em;
	display: none;
	text-align: left
}

.floating_left a {
	color: #fff;
	line-height: 3;
	font-size: 12px;
	display: block;
	padding-left: .5em;
}

.floating_left a:hover {
	background: #fff;
	border-radius: 2px;
	color: #666;
}

.floating_ewm {
	height: 200px;
	top: -160px;
}

#topcontrol span {
	width: 3em;
	height: 3em;
	background-color: #646577;
	border-bottom: solid 1px #555666;
	display: inline-block;
	border-radius: 4px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 20%;
	cursor: pointer;
}

#topcontrol span i {
	color: #fff;
	position: relative;
	top: 1em;
}

#topcontrol span {
	-moz-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV();
}

.floating_ewm p {
	color: #fff;
	margin-top: 5px;
}

.floating_ewm .qrcord_p01 {
	font-size: 12px;
	line-height: 20px;
}

.floating_ewm .qrcord_p02 {
	font-size: 18px;
}

.banner-fixed {
	height: 430px;
	width: 100%;
	background-color: rgb(0, 103, 177);
	position: relative;
}

.banner-fixed h2 {
	width: 100%;
	text-align: center;
	top: 50%;
	left: 0;
	position: absolute;
	font-size: 28px;
	line-height: 1;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.banner-fixed em {
	color: #fff
}

.banner-fixed img {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.middlepage {
	height: 580px;
}

.page-text {
	width: 50%;
	height: 35%;
	overflow: auto;
	margin: auto;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.page-text h1,
.page-text p {
	color: #fff;
	text-align: center;
	line-height: 1.5
}

.page-text h1 {
	margin-bottom: 1em;
}

.page-text p {
	width: 60%;
	margin: 0 auto 1em auto;
	font-size: 16px;
}

.contact p em {
	font-style: normal;
	width: 180px;
	display: inline-block
}

.j_l_b a {
	border: #f0f0f0 solid 1px;
	border-radius: 10px;
	overflow: hidden;
	background: #f5f5f5;
	height: auto;
	display: block;
	margin: 1em;
	opacity: .9;
	transition: opacity .4s;
}

.j_l_b a span {
	width: 100%;
	height: 280px;
	display: block;
	overflow: hidden;
}

.j_l_b a span img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: width .4s;
}

.j_l_b a h2 {
	text-align: center;
	margin: 1em 0;
	font-size: 20px;
}

.j_l_b a:hover {
	opacity: 1;
	box-shadow: 0px 0px 45px rgba(0, 0, 0, .4);
}

.j_l_b a:hover span img {
	width: 110%;
}

.footerservice .triangle_border_down,
.footerservice .triangle_border_down1 {
	display: inline-block;
}

#search-htm .fow{
	max-width: 1200px;
}

@media only screen and (max-width: 959px) {
	.fow {
		padding-right: 2em;
		padding-left: 2em;
	}

	.j_l_b {
		width: 100%;
	}

	#topNav {
		display: none;
	}

	.uptolink {
		display: none;
	}

	.fH1 {
		font-size: 36px;
	}

	.search_box #search::-webkit-input-placeholder {
		color: #555
	}

	.search_box #search {
		font-size: 18px;
		color: #fff;
	}

	.search_box {
		position: unset;
		display: block;
		opacity: 1;
		width: 100%;
		background: none;
		padding-bottom: 1em;
	}

	.search_box #search {
		background: #212121;
		padding-left: 10px;
	}

	.search_btn {
		display: none;
	}

	.search-option {
		padding: 0 0 0 10px;
	}

	.search-option div label {
		color: #fff;
	}

	#broadcast .f_c_5 {
		display: none;
	}

	#broadcast .f_c_40 {
		width: 100%;
		float: unset;
	}

	#servers {
		padding: 3.5em 0 0 0;
	}

	#servers .fow div {
		height: auto;
	}

	#servers .fow div.f_c_4 {
		padding: 0em 0;
		text-align: center;
		width: 25%;
		margin: 0;
	}
	/* #servers .fow div a p { padding: 2em;} */
	#servers .fow div a p {
		font-size: 11px;
		text-align: center;
		margin: 3em 0 5em 0;
	}

	#servers div a i {
		font-size: 1.7em;
		padding: .55em .6em;
	}

	.floating_ck {
		display: none;
	}

	.footerservice .triangle_border_down,
	.footerservice .triangle_border_down1 {
		display: none;
	}

	.footerservice {
		width: 100% !important;
		bottom: 0px !important;
		right: 0px !important;
	}

	.footerservice a {
		bottom: 0px !important;
		width: 50%;
		float: right;
		border-radius: 0 !important;
		display: block !important;
		border: none !important;
		text-align: center;
	}

	.footerservice-box {
		bottom: -5px !important;
		width: 100% !important
	}

	.que {
		background: #111 !important;
	}

	.dc0 {
		display: none !important
	}

	.dc1 {
		display: inline-block !important;
	}

	.footerservice a font {
		font-size: 20px !important;
		padding: 5px 0;
		display: inline-block;
	}

	#T3 .f_c_2 {
		width: 100%;
	}


	#contact .f_c_3 i {
		font-size: 3em;
	}

	.banner ul.flicks>li .flick-inner .flick-content {
		width: auto;
	}

	#T1 {
		height: auto;
		background-position: left bottom;
	}

	#T1 p {
		width: auto;
		font-size: 14px;
	}

	#T1 .fow .f_c_2:nth-child(2) {
		padding: 1em 0;
	}

	#T1 .fow {
		background: rgba(0, 0, 0, .4)
	}

	.banner ul.flicks>li .flick-inner .flick-content,
	.banner ul.flicks>li .flick-inner .flick-content p {
		text-align: center;
	}

	.banner-page .btn {
		float: unset;
	}

	#contact .fow div.f_c_2 {
		width: 100%;
	}

	#contact h3,
	.contact h3 {
		margin: 0;
		text-align: center;
		margin-bottom: 1em;
	}

	#contact h3 {
		margin-top: 1em;
	}

	#Discount,
	#contact {
		padding: 0em 1em 1em 1em;
	}

	#Discount .f_c_3 {
		width: 100%;
	}

	#Discount div.f_c_3 a {
		margin: 0 0 .5em 0;
	}

	#Discount div a p {
		text-align: left;
	}

	#contact p {
		width: 100%;
	}

	.contact p em {
		display: block;
	}

	.contact p {
		text-indent: 0;
	}

	#scrollDiv .f_c_2,
	#scrollDiv.f_c_80 {
		width: 100%;
		float: unset;
	}

	#footer span {
		padding: 0 1em;
	}

	#footer .f_c_4 {
		width: 50%;
		text-align: left;
	}

	#footer .link .f_c_4 {
		width: 33.3333333%;
		text-align: left;
	}

	#footer .link .f_c_4:nth-child(4) {
		width: 100%;
		text-align: left;
	}

	#footer {
		padding: 3em 0 3em 0
	}

	#footer .f_c_5 {
		width: 100%;
		text-align: center;
		margin-bottom: 1em;
	}

	#footer .f_c_40 {
		width: 100%;
		text-align: left;
		margin-bottom: 1em;
	}

	#footer .f_c_15 {
		width: 50%;
		text-align: left;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	#footer .f_c_30{
		width: 100%;
	}
	
	#footer .btmcontact .f_c_4 {
		width: 100%;
	}

	#footer .btmcontact .f_c_5 {
		text-align: left;
	}

	#footer .btmcontact .f_c_5 li {
		width: 33.333333%;
		float: left
	}

	#footer .btmcontact .f_c_5 li:nth-child(1) {
		width: 100%;
	}

	#footer span.btmcontact ul li:nth-child(2n+1) {
		margin: 0
	}

	.leftNav {
		width: 100%;
		margin: 0
	}

	.main_text_box .f_c_4,
	.main_text_box .f_c_3 {
		width: 100%;
	}

	#maincontainer .fow {
		padding: 0 1em;
	}

	#maincontainer {
		padding: 2em 0 2em 0;
		min-height: auto;
	}

	.page_np {
		display: none;
	}


	.list_img_box a {
		width: 48%;
		margin-right: 4%;
	}

	.list_img_box a h3 {
		font-size: 12px;
	}

	.list_img_box a:nth-child(3n) {
		margin-right: 4%;
	}

	.list_img_box a:nth-child(2n) {
		margin-right: 0;
	}

	.search_pg_top input[type="text"] {
		width: 70%
	}

	.search_pg_top input[type="submit"] {
		width: 25%;
	}


	#search_list .f_c_2 {
		width: 100% !important;
	}



	.search_pg_top .fow {
		padding: 1em 0
	}

	#maincontainer .f_c_2 {
		width: 100%
	}

	.banner ul.flicks>li .flick-inner {
		background: rgba(0, 0, 0, .1)
	}

	.Inquiry_page input,
	.Inquiry_page textarea {
		width: 100%;
	}

	.Inquiry_page .submit {
		margin-left: 0;
		width: 100%
	}

	#T1 h1 {
		line-height: 1.5;
		font-size: 24px;
	}

	#T1 .f_c_2 {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		float: unset
	}

	#T1 .f_c_2:nth-child(1) {
		display: none;
	}

	.mNav,
	#nav-index {
		position: unset !important;
		background: #f9f9f9
	}
	.banner-box {
		padding-top: 0;
	}

	.cont_li {
		width: 90%
	}

	#contact .fow .f_c_3 i {
		font-size: 4em;
		margin-bottom: 3em;
	}

	.maincontainer {
		padding: 0;
	}

	#info .f_c_80,
	.f_c_5 {
		width: 96%;
		margin: 0 2%;
	}

	.banner-fixed {
		height: 120px;
	}

	#midservers .f_c_4 {
		width: 96%;
		margin: 0 2%;
	}

	#midservers {
		padding: 0;
	}

	#T2 .fow {
		width: 90%;
	}

	#T2 {
		border: none;
	}
}

@media (max-width: 1440px) and (min-width: 150px) {

	.fow {
		width: 96%;
		padding-right: 2%;
		padding-left: 2%;
	}
}

.dthover a {
	background: #f9f9f9;
	padding: 8px 15px;
	background: #f9f9f9;
	margin-bottom: 10px;
	display: block;
}

.dthover a:hover {
	background: #eee;
	color: #36b8fc;
}


.flyer-list a {
	border: 2px solid #f0f1f1;
	display: block;
	padding: 20px 0;
	margin-bottom: 25px;
}

.flyer-list a:hover {
	border: 2px solid #f0f1f1;
	background: #efefef
}