@charset "UTF-8";
@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}
@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
.site-logo img {
width:auto; max-height:50px;
}

.slider-caption:not(.dark),.slider-caption:not(.dark) h3{color:#222;text-shadow:none}
.slider-caption h3{font-size:64px;letter-spacing:2px;text-transform:uppercase;font-weight:700;line-height:1;margin-bottom:0}
@media(max-width:991.98px){.swiper_wrapper .slider-caption h3{font-size:5.5vw}}

.heading-block h3{font-size:30px!important}
.title-block h3{font-size:30px!important}

@media(max-width:767.98px){
.heading-block h3{font-size:24px!important}
.title-block h3{font-size:24px!important}
.slider-caption h3{font-size:24px!important}
}


@media (max-width:767px){.site-logo img {
width:auto; max-height:40px;
}}
.minhight {
	min-height: 550px;
	background-image: url(../pic/logo_mtstainlesssteel.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.font-12px {font-size: 12px!important;}
.font-14px {font-size: 14px!important;}
.font-16px {font-size: 16px!important;}
.font-18px {font-size: 18px!important;}
.font-20px {font-size: 20px!important;}
.font-22px {font-size: 22px!important;}
.font-23px {font-size: 23px!important;}
.font-26px {font-size: 26px!important;}
.font-30px {font-size: 30px!important;}
.font-35px {font-size: 35px!important;}
.font-40px {font-size: 40px!important;}
.font-50px {font-size: 50px!important;}
.font-60px {font-size: 60px!important;}
.font-70px {font-size: 70px!important;}
.font-80px {font-size: 80px!important;}
.font-90px {font-size: 90px!important;}
.font-100px {font-size: 100px;}
.font-120px {font-size: 120px;}
.font-130px {font-size: 130px;}
.font-italic {font-style: italic;}
.font-bold {font-weight:bold;}
.font-uppercase {text-transform: uppercase;}
.red-color{color:#DC3732;}
.white-color {color: #fff;}
.dark-color {color: #1d2124!important;}
.white-smoke {color: #f9f9f9!important;}
.grey-color {color: #aaa !important;}
.blue-color {color: #0263B4 !important;}
.minhight {
min-height:550px;
}


.co-text p{
	margin: 0px;
	padding: 0px;
}

.co-text h3{
	margin-bottom: 0px;
	padding-bottom: 10px;
}

.hover-services .box i,
#custom-search-input a {
  color:#8BC34A !important;
} 

.hover-services .box i {
    color: #222;
    font-size: 44px;
}

.section.tb .hover-services .box {
    background-color: transparent !important;
}

.section.tb .stat-count,
.section.tb .hover-services .box h3 {
    color: #ffffff;
}

.section.searchbanner1 .hover-services .box {
    background-color: rgba(255, 255, 255, 0.1);
    !important;
}

.hover-services .box {
    padding: 60px 40px;
    
    
    -moz-transition: all 0.8s ease 0s;
    -ms-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}



.hover-services .box h3 {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.6px;
	padding-bottom: 5px;
	color: #FFF;
}

.hover-services .box p {
    margin-bottom: 0;
}



.pm0 p{
padding: 0px;
margin: 0px;
}

.box__ins2 {
	border: 1px solid #D3D3D3;
	padding: 1px;
	text-align: center;
	min-height: 152px;
	vertical-align: middle;
}
.table tr th,.table tr td { 
    vertical-align: middle;
}
.colors {
	border: 1px solid #D3D3D3;
	display: inline-block;
	float: left;
	height: 25px;
	width: 25px;
	margin-right: 3px;
}
.top_offset_2 {
	margin-top: 20px;
}
.bottom_offset_2 {
	margin-bottom: 20px;
}
.img_outline img {
	outline: 1px solid #EBEBEB;
}
.vcode {
	margin-top: 10px;
}
.mphoto {
	max-width: 100px;
}
.product_more{
	margin-top: 1px;
}
.HI_vc_value {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	padding: 5px;
	border: 1px solid #CCCCCC;
	display: block;
	float: left;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.en-3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	vertical-align: middle;
}
.en-4 {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 50px;
}
.content_sitemap{
	padding: 3px 0px 2px 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	background-image: url(../image/713.gif);
	background-repeat: repeat-y;
}
.content_sitemap_products{
	padding: 3px 0px 2px 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	background-image: url(../image/716.gif);
	background-repeat: repeat-y;
}
.content_sitemap_dow{
	padding: 3px 0px 2px 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	background-image: url(../image/714.gif);
	background-repeat: repeat-y;
}
.products_page {
	text-align: center;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E8E8E8;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.link-page {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #666666;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
}
a.link-page:hover {
	text-decoration: none;
	background-color: #343846;
	color: #CCCCCC;
}
.link_lag {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	line-height: 14px;
	padding-right: 5px;
	padding-left: 0px;
	background-image: url(image/a1.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	text-align: left;
	font-weight: normal;
}
a.link_lag:hover {
	text-decoration: none;
	color: #990000;
}

.link-dow {
	color: #E4E4E4;
}
a.link-dow:hover {
	color: #F6F6F6;
}



.os{
	position: fixed;
	width: 62px;
	_top:auto;
	z-index: 999;
	_width: 100%;
	_position: absolute;

    _bottom:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	bottom: 120px;
	right: 25px;
}


.os_top{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	background-image: url(../image/os-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
	width: 62px;
}
.os_cen{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	text-align: center;
	background-image: url(../image/os-cen.png);
	background-repeat: repeat-y;
	background-position: center top;
	width: 62px;
}
.os_cen img{
	width: 25px;
	padding-bottom: 10px;
}
.os_dow{
	text-align: center;
	background-image: url(../image/os-dow.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 7px;
	width: 62px;
	clear: both;
}
.os_chat {
	text-align: center;
	clear: both;
	padding-top: 5px;
}


/*==================  Inline List 2 ======================*/
.inline-list2 ul {
	display: inline-block;
	padding-top: 10px;
}

.inline-list2 li {
  display: inline-block;
}
.inline-list2 li a {
  text-align: center;
  color: #0066CC;
}

.inline-list2 li a:hover{
	background-color: #FFF;
	color: #900;
}

.inline-list2 li + li {
  margin-left: 10px;
}
.inline-list2 .fa {
  text-align: center;
  font: 400 20px/30px 'FontAwesome';
}
* + .inline-list2 {
  margin-top: 10px;
}

.m-f-xin{position: fixed;bottom:0px;width: 100%;display: none;z-index: 9999999999;border-top: 1px solid rgba(255,255,255,.2);}
.m-f-xin * {transition:all 0.3s ease 0s;display: inline-block;width: 100%}
.m-f-xin ul{width: 100%;background: #8cc63e;}
.m-f-xin ul li{width: 20%;position: relative;float: left;text-align: center;border-left: 1px solid rgba(255,255,255,.2);border-right: 1px solid rgba(0,0,0,.2);}
.m-f-xin ul li a{position: absolute;width: 100%;height:100%;z-index: 1;left:0px;top:0px;}
.m-f-xin ul li div{height:50px;}
.m-f-xin ul li div a{}
.m-f-xin ul li div i{color:#fff;font-size: 16px;line-height: 16px;margin:10px 0 0 0;}
.m-f-xin ul li div p{color:#fff;font-size: 14px;line-height: 24px;width: 100%;text-transform: capitalize;}



@media(max-width: 768px){
  .m-f-xin{display:block;}
}


/*service*/
.online_section{position:fixed;z-index:99999999999;top:200px;right:-200px;transition:all .3s ease;}
.online_section ul li{ list-style:none;width:240px;height:40px;color:#fff; padding-left:40px; margin-bottom:3px;-moz-border-radius:0px 0 0 0px;-webkit-border-radius:0px 0 0 0px;border-radius:0px 0 0 0px;transition:all .5s ease;overflow:hidden; margin-bottom:3px; line-height:40px; font-size:14px;position: relative;background: #8cc63e;
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.2);
   -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.2);
     -o-box-shadow:0px 0px 5px rgba(0,0,0,0.2);
        box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
.online_section ul li:nth-child(even){}
.online_section ul li a{ line-height:40px; font-size:16px; color:#fff;transition:all 0.3s ease 0s;}
.online_section ul li i{width:40px;height: 40px;position: absolute;left:0px;top:0px;z-index: 2;}
.online_section .online_tel i{background:url(../images/online_t.png) no-repeat;}
.online_section .online_email i{background:url(../images/online_e.png) no-repeat;}
.online_section .online_whatsapp i{background:url(../images/online_w.png) no-repeat;}
.online_section .online_skype i{background:url(../images/online_s.png) no-repeat;}
.online_section .online_coad i{background:url(../images/online_c.png) no-repeat; padding:0px;}
.online_section .online_coad p{ padding-left:50px; font-family:'lato'; font-size:14px;}
.online_section .online_coad img{width: 100%;height: auto;}
.online_coad .img{ max-width:200px; padding:10px 30px; margin:0 auto; padding-top:0px;}

.online_section ul:hover li{ }
.online_section ul:hover li a{color:#fff;}
.online_section ul:hover li:nth-child(even){}
.online_section ul li a:hover{color:#fff;text-decoration: underline;}
.online_section ul:hover li.online_tel i{background:url(../images/online_t.png) no-repeat;}
.online_section ul:hover li.online_email i{background:url(../images/online_e.png) no-repeat;}
.online_section ul:hover li.online_whatsapp i{background:url(../images/online_w.png) no-repeat;}
.online_section ul:hover li.online_skype i{background:url(../images/online_s.png) no-repeat;}
.online_section ul:hover li.online_coad i{background:url(../images/online_c.png) no-repeat; padding:0px;}

@media only screen and (max-width: 768px) {.online_section{display:none;}}

/*service right*/
#service{position:fixed;right:-230px;top:200px;z-index:999999999;margin:0px 0 0 0; font:14px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; color:#333;}
#service .onlineMenu{ list-style:none;padding: 10px 15px 10px 15px;background: #fff;border: 2px solid #e5e5e5;}

#service a{ color:#666;}
#ser_main{position:relative;z-index:9;top:0px;    float: left;}
#ser_main a{display:block;overflow:hidden;color: #666;}
#ser_main a#floatShow01{background:url(../images/ser_30.png) no-repeat;height:200px;width:48px;z-index:99999;}

.onlineMenu .call-top{padding:10px 0;}
.onlineMenu .call-top p{text-align:left; color:#8cc63e;font-size:16px;text-transform:capitalize;}
#online{float:left;background:#fff;overflow:hidden; width:230px;-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.1);position:relative;}
.onlineMenu ul li{ padding:10px 0; border-bottom:1px dashed #ddd; list-style:none}
.onlineMenu ul li:last-child{ border:none;}
.onlineMenu .serm_top{text-align:center;padding-bottom:10px;}
.onlineMenu .call{text-align:left;color: #666;}
.onlineMenu .call{ padding:6px 10px 6px 35px; border-bottom:1px solid #fff; font-size:14px;position: relative;}
.onlineMenu .call img{display:inline-block;vertical-align:middle; margin-right:6px;position: absolute;left:0;top:5px;width: 24px;height: auto;}
.onlineMenu .call a:hover{text-decoration: underline;color:#8cc63e !important;}
#service:hover{ right:0px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
#service:hover #ser_main #floatShow1{ left:120px; z-index:-11; opacity:0;}
#service h4{ font-size:14px; color:#666; margin:0px; line-height:25px; }

@media only screen and (max-width: 960px) {#service{ display:none;}}



/*online*/
#online_qq_layer{z-index:999999999999;position:fixed;right:5px;bottom:0;}
#online_qq_layer #online_qq_tab a{-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
#online_qq_layer #online_qq_tab a:hover{text-decoration:none;}
#floatShow{
	overflow: hidden;
	display: inline-block;
	background: #DC3732;
	width: auto;
	float: right;
	height: 40px;
	-moz-border-radius: 0px 0 0 0;
	-webkit-border-radius: 0px 0 0 0;
	border-radius: 0px 0 0 0;
	text-align: center;
	overflow: hidden;
	border-bottom: none;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	border: 1px solid #DC3732;
	background-color: #DC3732;
}
#floatShow i{width: 20px;height: auto;display: inline-block;vertical-align: middle;text-align: center;padding: 3px 0 0 0;margin:0 0px 0 15px;float: left;}
#floatShow i img{width:100%;height: auto;display: inline-block;}
#floatShow p{color:#fff;font-size:16px;line-height:40px;display:inline-block; vertical-align:middle;padding-right:15px;text-transform:capitalize;text-transform: inherit;margin:0px 0 0 10px;float: right;vertical-align: middle;}
#floatHide{display:none;background: #DC3732;width:300px;text-align:left;height:40px;text-transform:capitalize;padding-left:10px;border-bottom:none;border-bottom:none;-moz-border-radius:0px 0px 0 0px;-webkit-border-radius:0px 0px 0 0px;border-radius:0px 0px 0 0px;border-top: 1px solid #DC3732;border-left: 1px solid #DC3732;margin:0 0 -5px 0;overflow: hidden;}
#floatHide p{color:#fff;font-size:16px;line-height:40px;display:inline-block; padding:0 0 0 30px;vertical-align:middle;text-transform: initial;; margin:0px 0 0 0;background:url(../images/send-inquiry.png) no-repeat left 0px top 9px;}
#floatHide i{font-size:16px;color:#fff;line-height:40px;float:right;margin-right:10px;}

#onlineService{display:inline;width:100%;overflow: hidden;display:none;background:#fff;border-top:none;
-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.0);
   -moz-box-shadow:0px 0px 20px rgba(0,0,0,0.0);
     -o-box-shadow:0px 0px 20px rgba(0,0,0,0.0);
        box-shadow:0px 0px 20px rgba(0,0,0,0.0);}
.online_form{position:relative;height:auto;/*overflow-y:scroll;*/border:2px solid #DC3732;padding:0;width: 300px;}
.online_form p{
	font-size: 16px;
	line-height: 22px;
	padding-bottom: 0px;
	text-align: left;
	color: #808080;
	margin-bottom: 5px;
}
.online_form ul{
	list-style: none;
	position: relative;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.online_form ul:after{content:"\f044";font-family:FontAwesome;color:#000;font-size:140px;position:absolute;right:0;top:-30px;filter:alpha(opacity=3);-moz-opacity:0.03;opacity:0.03;}
.online_form ul li{margin:0px;position:relative;z-index:2; padding-bottom:5px;}
.online_form ul li label{display:block;color:#1a1a1a;margin:0px;font-weight:normal;font-size:14px;padding-bottom:0px;}
.online_form ul .meInput{height:40px;border:1px solid #f0f0f0;width:100%;margin:0px;padding:0 15px 0 35px;line-height:40px;font-size:16px;color: #333;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;background: #fff;border: 1px solid #e6e6e6;}
.online_form ul .meInput:focus{border: 1px solid #DC3732;}
.online_form ul .meText{width:100%;margin-bottom:0px;padding:10px 15px 0px 35px;border:1px solid #e6e6e6;max-width:100%;height:80px;max-height:100px;font-size:16px;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;color:#333;background: #fff;border: 1px solid #e6e6e6;}
.online_form ul .meText:focus{border: 1px solid #DC3732;padding-bottom:0px;margin-bottom:0px;}
#onlineService {}
#onlineService .m-more {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 16px;
}

/**/
@media(max-width:768px){
  .online_form{width: 100%;}
  #floatHide{width: 100%;}
  #floatShow{width: 20%;position: absolute;bottom:10px;right:2%;margin:0 0 0 -30px;width: 60px;height: 60px;background: #DC3732;;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;border: 2px solid rgba(255,255,255,.3);}
  #online_qq_layer{width: 100%;right:0;}
  #floatShow i{float: none;margin:13px 0px 0 0;padding: 0;vertical-align: middle;width: 20px;}
  #floatShow p{float: none;margin:0;padding: 0;vertical-align: middle;display: inline-block;display: none;}
}

.cx-xp{width: 20px;height: auto;position: absolute;left:10px;top:9px;filter:alpha(opacity:100);opacity:1;}
.cx-xp img{width: 100%;height: auto;}

.waves {position: relative;width: 100%;height: 15vh;margin-bottom: -7px;min-height: 120px;max-height: 180px;z-index: 9;}
.parallax>use {animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;}
.parallax>use:nth-child(1) {animation-delay: -2s;animation-duration: 7s;}
.parallax>use:nth-child(2) {animation-delay: -3s;animation-duration: 10s;}
.parallax>use:nth-child(3) {animation-delay: -4s;animation-duration: 13s;}
.parallax>use:nth-child(4) {animation-delay: -5s;animation-duration: 20s;}

@media only screen and (max-width: 620px) {
.wapper{padding: 0 10px;box-sizing: border-box;}
.iTab{width: 100%;overflow: hidden;overflow-x: auto;}
.iTab ul{width: 620px;}
.i1Info{font-size: 14px;}
.i1Tit{font-size: 24px;}
.index1{padding-top: 60px;}
.i1Desc{padding: 25px;min-height: auto;}
.i2Tit{font-size: 24px;}
.i2Tit2{font-size: 18px;margin-top: 20px;}
.i2Right ul li .tit span{font-size: 32px;}
.i2Right ul li .txt{font-size: 14px;}
.i2Warp .panel{font-size: 14px;padding: 20px;margin-top: 20px;}
.index2{padding-top: 60px;}
.index4{padding-top: 60px;}
.i2Bg {height: 87%;}
.waves{min-height: 20px;max-height: 40px;}
.fMenu ul li{font-size: 14px;width: 33.3%;margin: 0;margin-bottom: 5px;}
.iComTitle .tit{font-size: 24px;}
.iComTitle .txt{font-size: 14px;}
.i5Txt{font-size: 16px;}
.i5Txt .tit{bottom: 10%;}
.tanchuang .box{width: 80%;}
.common-tab-wrap a{padding: 0 20px;}
.about1{padding: 60px 0;}
.about2{padding: 60px 0;}
.abo1Swiper .swiper-button-next, .abo1Swiper .swiper-button-prev{width: 30px;height: 30px;}
.abo1Swiper .swiper-button-next:after, .abo1Swiper .swiper-button-prev:after{font-size: 20px;}
.tongtu .t1{font-size:26px;}
.current{font-size: 14px;}
.common-tab-wrap a{font-size: 14px;}
.tcOpen:after{width: 50px;height: 50px;}
.abo3Tab{padding: 60px 0;}
.abo3List ul li{margin: 0 15px;font-size: 14px;}
.abo3List a:after{width: 15px;height: 15px;}
.abo3Swiper2 .part{padding: 0;}
.abo3Panel{padding: 60px 10px 100px;}
.abo3Swiper2 .part .img{max-height: 40px;max-width: 140px;}
.inside{padding: 60px 0;}