body {
	font-family:  "Open Sans", sans-serif;
	font-size: 14px;
}
input, select, textarea {
	font-family:  "Open Sans", sans-serif;
	font-size: 1em;

}
a{ color:#666;}
input, select, textarea {
	font-family: "Open Sans", sans-serif;
	font-size: 1em;
	
}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.wrap {
	
	margin: 0 auto;
	max-width: 1400px;
	position: relative;
}


ul, li {
	list-style: none;
}
* {
	margin: 0;
	padding: 0;
}
.flt {
	float: left;
}
.frt {
	float: right;
}
a { color: #666; text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
a:hover { outline: none; }
.img {
	overflow: hidden;
	position: relative;
}
.img:before {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid rgba(255,255,255,0);
	z-index: 100;
}
.img:hover:before {
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border: 1px solid rgba(255,255,255,0.5);
}
.img:hover {
	background: #000;
}
/*.img:hover img {
	opacity: 1;
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
}*/
/* ====== 通用样式 ====== */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hide { display: none; }
.show { display: block; }
.clear { clear: both; }
.center { text-align: center; }
.box { display: block; width: 100%; height: 100%; }
.icon { display: inline-block; font-style: normal; vertical-align: middle;}
.clear {
	clear: both;
}
.clear:after, .clear:before {
	content: '';
	clear: both;
	display: table;
}




*, *:before, *:after {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.wrap {
	width: 96%;
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
}
img, a {
	border: 0;
}
ul, li {
	list-style: none;
}
* {
	margin: 0;
	padding: 0;
}
.flt {
	float: left;
}
.frt {
	float: right;
}
.clear {
	clear: both;
}
.clear:after, .clear:before {
	content: '';
	clear: both;
	display: table;
}
img {
	max-width: 100%;
}
.img {
	overflow: hidden;
	position: relative;
}
.img:before {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid rgba(255,255,255,0);
	z-index: 100;
}
/*.img:hover:before { top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255,255,255,0.5); }*/

.pos_cell {
	top: 50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
*, *:after, *:before {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.modal, .fp_modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
.fp_modal {
	display: table;
}
.modal {
	transition: all 0s;
	-o-transition: all 0s;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	background: rgba(0,0,0,0.7);
}
.fp_modal .cell {
	display: table-cell;
	vertical-align: middle;
}
.modal_cont {
	max-width: 990px;
	margin: 0 auto;
	width: 90%;
	background: #fff;
	position: relative;
}
.modal_cont .close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	background: url(http://www.szfhgas.com/template/default/images/close.png) no-repeat center center #ccc;
	border-radius: 100%;
	cursor: pointer;
}
.modal_cont .box {
	padding: 45px;
}

.header {top: 0;left: 0;width: 100%;	z-index: 1000;background:url(../image/HeaderBg.jpg) no-repeat;}
.h_wrap {	max-width: 1200px;margin: 0 auto;	position: relative;height: 150px;}

.header .logo {	float:left; margin:40px 20px 0px 0px;}
.header .h_logo { display:none;}
.logo img {	vertical-align: middle; height:70px;}
.logo_text{ float:left; margin-top:45px;}
.logo_text span{ font-size:24px; font-weight:bold; color:#000;}
.logo_text p{ font-size:16px; margin-top:5px;}
.menu {  background:#063e93; height:65px;}
.menu ul{ max-width:1200px; margin:auto;     display: flex;  display: -webkit-flex;  -webkit-justify-content: center;   align-items: center;  justify-content: center;}
.menu ul li {	display: inline-block;	margin: 0 10px; flex:1; text-align:center;}
.menu ul li a {	display: block;	padding: 0 15px; line-height:65px;font-size: 16px;color: #fff;}
.menu ul li.active a, .menu ul li a:hover {	color: #faad39;	border-bottom-color: #faad39;}

.fixed .menu{position: fixed; top:0; width:100%; z-index:1000;}

.h_tel { float:right; margin-top:40px;}
.h_tel span{ float:left; margin-right:20px;}
.h_tel span b{ display:block; font-size:30px; font-weight:bold; color:#9b999e;}
.h_tel dl{ float:left;}
.h_tel dt {	padding-left: 30px; height: 25px;	line-height: 25px;background:url(../image/tel.png) no-repeat left center;overflow: hidden; color:#063e93; font-size:18px; font-weight:bold; margin-bottom:10px;}
.h_tel dd {	padding-left: 30px; height: 25px;	line-height: 25px;background:url(../image/phone.png) no-repeat left center;overflow: hidden; color:#063e93; font-size:18px;font-weight:bold;}
.h_ewm { float:right; margin-top:15px; margin-right:30px;}
.h_ewm img{ width:110px; padding:2px; border:1px solid #eee; }
/*----------header----------*/
.banner .item {	height: 650px;}
.banner .owl-dots {	counter-reset: nav;}
.banner.owl-theme .owl-dots .owl-dot {	vertical-align: middle;}
.banner.owl-theme .owl-dots .owl-dot span {	margin: 0;	height: 50px;	display: block;	width: 50px;	line-height: 50px;		border-radius: 0;	vertical-align: middle;	color: #888;	font-size: 16px;}
.banner.owl-theme .owl-dots .owl-dot.active span, .banner.owl-theme .owl-dots .owl-dot:hover span {		color: #333;}
.banner .owl-dots .owl-dot span:before {	text-align: center;	display: block;	counter-increment: nav;	content: "0" counter(nav);}
.banner.owl-theme .owl-controls .owl-dots {display: -webkit-flex;-webkit-justify-content: center;display: flex;justify-content: center;	text-align: right;	max-width: 1200px;	margin: 0 auto;}
.banner_owl {	position: relative;}

.index-vs{ overflow:hidden; margin-bottom:60px;}
.index-vs .vs_box{ margin: auto; margin-bottom:60px; width:1000px; overflow:hidden;    box-sizing: border-box; padding:0px 40px; background:url(../image/vs.jpg) no-repeat center center;}
.index-vs .vs_box .vs_left{ width:340px; border:1px solid #ccc; float:left; }
.index-vs .vs_box .vs_left div{ height:200px; text-align:center;}
.index-vs .vs_box .vs_left h3{ line-height:30px; text-align:center; background:#92cff8; color:#000102;}

.index-vs .vs_box .vs_right{ width:340px; border:1px solid #ccc; float:right; }
.index-vs .vs_box .vs_right div{ height:200px; text-align:center;}
.index-vs .vs_box .vs_right h3{ line-height:30px; text-align:center; background:#92cff8; color:#000102;}
.index-vs .vs_list { width:1000px; margin:auto; display: flex;  display: -webkit-flex;  -webkit-justify-content: center;  align-items: center;  justify-content: center;}
.index-vs .vs_list ul{ border:1px solid #e0e1e2; border-top:none; border-bottom:none; margin-left:-1px;  }
.index-vs .vs_list ul:nth-child(2n) li{ background:#fffda0 !important;}
.index-vs .vs_list ul:nth-child(1n) li:nth-child(2){ background:#def0fd;}
.index-vs .vs_list ul li:first-child{ background:#259ff2 !important; color:#fff; line-height:40px; height:40px; text-align:center;}

.index-vs .vs_list ul li{ padding:0px 15px;  height:50px; line-height:50px; font-size:16px; color:#259ff2;border-bottom:1px solid #e0e1e2; position:relative; }
.index-vs .vs_list ul .v_h:after { content:""; background:url(../image/v_h.png) no-repeat; position:absolute; bottom:0px; height:40px; width:50px;top: -35px; left: 50%; margin-left: -25px;  }
.index-vs .vs_list ul .v_q:after { content:""; background:url(../image/v_q.png) no-repeat; position:absolute; bottom:0px; height:40px; width:50px;top: -35px; left: 50%; margin-left: -25px;  }
.index-vs .vs_list ul .v_s:after { content:""; background:url(../image/v_s.png) no-repeat; position:absolute; bottom:0px; height:40px; width:50px;top: -35px; left: 50%; margin-left: -25px;  }



.page_tit h2 {
	font-family: Cambria;
	position: absolute;
	line-height: 133px;
	font-size: 183px;
	color: #f5f5f5;
	top: 50%;
	margin-top: -75px;
	font-weight: normal;
	z-index: -1;
	left: -55px;
}
.page_tit h3 {
	font-size: 30px;
	color: #333;
	margin-bottom: 10px;
}
.page_tit p {
	color: #999;
	font-size: 16px;
}
.page_tit .text {
	display: inline-block;
}
.page_tit .tit_tag {
	
}
.tit_tag ul li {
	display: inline-block;
	line-height: 17px;
	height: 17px;
	border-left: 1px solid #ddd;
	padding: 0 10px;
}
.tit_tag ul li:first-child {
	border-left: 0;
}
.tit_tag ul li a {
	color: #333;
	font-size: 16px;
	display: block;
	line-height: 26px;
	padding: 0 12px;
	margin-top: -4px;
}
.tit_tag ul li.on a, .tit_tag ul li a:hover {
	background: #faad39;
	color: #fff;
}
.tit_tag ul {    display: -webkit-flex;
    -webkit-justify-content: center;
    display: flex;
    justify-content: center;
}
.page1_box .img {
	margin-right: 30px;
	width: 500px;
	float: left;
}
.page1_box {
	background: #f5f5f5;
	position: relative;
}
.page1_box:after {
	content: '';
	display: block;
	clear: both;
}
.page1_box .text {
	overflow: hidden;
}
.page1_box .text h3 {
	line-height: 60px;
	font-size: 18px;
	font-weight: normal;
	padding-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.page1_box .text h3 a {
	color: #333;
}
.page1_box .text h3 a:hover {
	color: #faad39;
}
.page1_box .text h4 {
	font-size: 16px;
	color: #faad39;
	font-weight: normal;
	margin-bottom: 30px;
}
.page1_box .text h4 span {
	font-size: 30px;
	font-weight: bold;
}
.btn {
	width: 160px;
}
.btn a {
	display: block;
	line-height: 38px;
	border: 1px solid #999;
	text-align: center;
}
.btn a span {
	text-transform: uppercase;
	display: inline-block;
	font-size: 18px;
	color: #666;
	padding-right: 20px;
	background: url(../image/icon5.png)no-repeat right center;
}
.btn a:hover {
	border-color: #faad39;
}
.btn a:hover span {
	padding-right: 30px;
	color: #faad39;
	background: url(http://www.szfhgas.com/template/default/images/icon5-1.png)no-repeat right center;
}
.page1_box .bottom {
	position: absolute;
	bottom: 0;
	left: 500px;
	right: 0;
	background: #faad39;
	text-align: center;
}
.page1_box .bottom li {
	width: 30%;
	display: inline-block;
	line-height: 110px;
	font-size: 18px;
	color: #fff;
}
.page1_box .bottom li img {
	vertical-align: middle;
	margin-right: 20px;
}
.page1_list ul li {	width: 25%;	float: left;}
.page1_list ul li:nth-child(4n+1) {	clear: both;}
.page1_list ul li .img{ height:330px; line-height:330px; text-align: center; background:#fff; position:relative;display: flex;
display: -webkit-flex;
-webkit-justify-content: center;
align-items: center;
justify-content: center;}
.page1_list ul li img {max-width: 100%; max-height:300px; vertical-align:middle;}
.page1_list ul {margin: 10px -10px;}
.page1_list ul li a {display: block;	margin: 10px;}
.page1_list ul li p {line-height: 45px;	text-align: center;	font-size: 16px; background:#f1f1f1; color: #333;}
.page1_list ul li .img:hover img {opacity: .5;}
.page1_list ul li a:hover .img span {	opacity: 1;	top: 50%;}
.page1_list ul li a:hover p { background:#063e93;color: #fff;}
.page1_list ul li .img span {
	position: absolute;
	height: 25px;
	background: url(../image/icon6.png) no-repeat center center;
	display: block;
	left: 0;
	width: 100%;
	opacity: 0;
	top: 60%;
	margin-top: -12px;
}
.page1_list ul:after {
	content: '';
	display: block;
	clear: both;
}
.page1{ background:#f5f5f5; padding-bottom:60px;}
.page1_list {
	margin-bottom: 40px;
}
.page2 {
	padding: 70px 0;
	background: url(http://www.szfhgas.com/template/default/images/about.jpg) no-repeat center center;
}
.page2 .wrap {
	background: #fff;
}
.page2_img {
	width: 50%;
}
.page2_img img {
	display: block;
}
.page2_text {
	width: 50%;
	background: #fff;
}
.page2_text .page_tit {
	padding: 40px 0;
}
.page2_text .box {
	padding: 30px 80px;
	padding-top: 40px;
}
.page2_text .box > .text {
	height: 192px;
	overflow: hidden;
	line-height: 32px;
	font-size: 14px;
	color: #222;
}
.page2_text .box > .text p {
	text-align: justify;
}
.more {
	margin-top: 30px;
}
.more a {
	display: block;
	width: 160px;
	text-align: center;
	line-height: 40px;
	background: #faad39;
}
.more a span {
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	padding-right: 45px;
	display: inline-block;
	background: url(../image/icon7.png) no-repeat right center;
}
.more a:hover {
	background: #ff9d09;
}
.more a:hover span {
	padding-right: 55px;
}
.page2_img {
	float: right;
}


.index-solution { position: relative; margin-bottom:60px;}
.index-solution .item {  position: relative;
    float: left;
    width: 20%;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.index-solution .item:hover {
    width: 35% !important;
}
.index-solution .item img {
    max-width: none;
    position: relative; height:600px; object-fit:cover;
    left: 50%;
    margin-left: -378px;
}
.index-solution .item .box {
    position: relative;
}
.index-solution .item .box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 88;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.index-solution .item:hover .box:before {
    opacity: 0;
    visibility: hidden;
}
.index-solution .item .box .sigle {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50%;
    margin-left: -25%;
    font-size: 20px;
    color: #fff;
    z-index: 99;
    text-align: center;
    line-height: 30px;
    margin-top: -30px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.index-solution .item:hover .box .sigle {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
}
.index-solution .item .box .cont {
    position: absolute;
    left: 10%;
    top: 50%;
    width: 80%;
    height: 310px;
    margin-top: -155px;
    background: rgba(255, 255, 255, .8);
    text-align: center;
    z-index: 100;
    padding: 100px 8% 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.index-solution .item:hover .box .cont {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.index-solution .item .box .cont h5 {
    font-size: 20px;
    color: #333;
}
.index-solution .item .box .cont .des {
    color: #666;
    margin-top: 15px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}
.index-solution .item:hover .box .cont .des {
    opacity: 1;
    visibility: visible;
}
.index-solution .pagination2 {
    margin-top: 40px;
    position: static;
    text-align: center;
}
.index-solution .pagination2 .swiper-pagination-bullet {
    width: 40px;
    height: 10px;
    margin: 0 5px;
    background: #d2d2d2;border-radius:0;
    opacity: 1;
}
.index-solution .pagination2 .swiper-pagination-bullet-active {
    background: #c71128;
}
.index-solution .item .box .cont .icon-more {
    margin-top: 30px;
    width: 44px;
    height: 10px;
    background: url(../image/icon-more1.png) no-repeat center;
}
/*轮播按钮*/
.index-solution .button-next, .index-solution .button-prev {
    width: 45px;
    height: 45px;
    top: 50%;
    margin-top: -22.5px;
    background-color: #666;
    z-index: 99;
    opacity: .5;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.index-solution .button-next
{
    right: 5%;
    background-image: url(../image/icon-h-next.png);
    background-size: auto;
    background-position: right center;
}
.index-solution .button-prev{
    left: 5%;
    background-image: url(../image/icon-h-prev.png);
    background-size: auto;
    background-position: left center;
}
.index-solution .button-next:hover, .index-solution .button-prev:hover{
    background-color: #faad39;
    opacity: 1;
}
.index-title {
    padding-top: 80px;
    padding-bottom: 55px;
    text-align: center;
}
.index-title.pbig {
    padding-top: 70px;
}
.index-title h3 {
    font-size: 36px;
    color: #333;
    line-height: 1;
}
.index-title h3 span {
    font-weight: bold;
    text-transform: uppercase;
}
.index-title h4 {
    margin-top: 12px;
    font-size: 16px;
    color: #666;
}
.index-title .tit-des {
    margin-top: 30px;
    font-size: 16px;
    color: #989898;
    line-height: 26px;
}
.index-title .more {
    margin-top: 32px;
    display: inline-block;
    color: #ff8205;
    border-bottom: 1px solid #ff8205;
    line-height: 30px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.index-title .more:hover {
    background: #ff8205;
    color: #fff;
    padding: 0 20px;
}


.index-youshi .youshi-box{ max-width:1200px; margin:auto; margin-top:50px; clear:both; overflow:hidden;background-image: url(../image/ys_bj1.jpg); background-repeat:no-repeat;background-position: bottom; }
.youshi-box ul{ float: left; width:600px;}
.youshi-box ul li{ clear:both; margin-bottom:50px; display: -webkit-flex;   display: flex; }
.youshi-box ul li span{ color:#ff6815; font-size:48px; float: left; font-weight:bold; margin-right:20px;}
.youshi-box ul li div{ float:left;}
.youshi-box ul li h3{ font-size:20px; font-weight:normal; border-bottom:1px solid #eee; line-height:40px; margin-bottom:10px;}
.youshi-box ul li b{ color:#ff6815;}
.youshi-box ul li p{ font-size:16px; line-height:25px; }

.youshi-box .right{ float: left; width:580px; margin-left:20px;}
.youshi-box02 .right{ margin-left:0px; margin-right:20px;}

.index-about {height: 550px;}
.index-about .index-title {   padding-top: 80px;   padding-bottom: 55px;   text-align: center; margin-top:50px;}
.index-about .index-title h3 {    font-size: 36px;   color: #fff;   line-height: 1;}
.index-about .index-title h3 span {  font-weight: bold;  text-transform: uppercase;}
.index-about .index-title h4 {    margin-top: 12px;    font-size: 16px;    color: #fff;}
.index-about .index-title .tit-des {  margin-top: 30px;  font-size: 16px;    color: #fff;   line-height: 26px;}
.index-about .index-title .more {   margin-top: 32px;   display: inline-block; font-size:20px;   color: #fff;border-radius:40px; width:40px;   border: 1px solid #fff;   line-height: 40px;   -webkit-transition: .4s;  -o-transition: .4s;    transition: .4s;}
.index-about .index-title .more:hover {   background: #ff8205;   color: #fff;   padding: 0 20px;}

/*数字滚动 风格2*/
.num-scroll-two {  text-align: center; margin:auto; max-width:1000px;   font-size: 0;}
.num-scroll-two li {  display: inline-block;   width: 25%;   padding: 0 40px; color: #fff;   font-size: 18px;   min-width: 162px;}
.num-scroll-two li .num {   margin-right: 5px;   font-size: 36px;     line-height: 1;}
.num-scroll-two.inner {   padding: 70px 0;}
.num-scroll-two.inner li {   color: #666;}
.num-scroll-two.inner li .num {   color: #333;}
.num-scroll-two li .cont {  display: inline-block;   text-align: left;}
.num-scroll-two li .num-tit {   color: #e9e9e9;}
.num-scroll-two.inner li .num-tit {   color: #666;}


.index-honor {  position: relative;   margin-bottom: 100px;}
.index-honor-list {  overflow: hidden;}
.index-honor-list .item .box {   background: #efeded;  text-align: center;   padding: 35px 20px 25px;}
.index-honor-list .item .box .pic {   height: 230px;   line-height: 230px;   font-size: 0;  overflow: hidden;}
.index-honor-list .item .box .pic img {   max-height: 100%;}
.index-honor-list .item .box h5 {   margin-top: 20px;  color: #666;}
.index-honor .com-next {   right: -80px;   background-image: url(../image/icon-h-next.png);   background-size: auto;   background-position: right center;}
.index-honor .com-prev {   left: -80px;   background-image: url(../image/icon-h-prev.png);   background-size: auto;   background-position: left center;}
.index-honor .com-next, .index-honor .com-prev {   width: 45px;   height: 45px;   background-color: #666;   -webkit-transition: .3s;  -o-transition: .3s;   transition: .3s;}
.index-honor .com-next:hover, .index-honor .com-prev:hover {   background-color: #fc5a20;}

.partner-box{  }
.partner-box li{ width:20%; float: left;  text-align:center; box-sizing: border-box; padding:0px 10px; margin:10px 0px;   }
.partner-box li div{ border:1px solid #eee;height:140px;display: flex;
display: -webkit-flex;
-webkit-justify-content: center;
align-items: center;
justify-content: center;}
.partner-box li img{ vertical-align:middle;  max-height:120px; line-height:120px; }
.partner-box li:hover div{box-shadow: 0 8px 16px rgba(0,0,0,.18);border-color: #053e92;}


.news_lt {
	width: 47%;
	float: left;
}
.news_lt .box {
	padding: 20px 50px;
	
	padding-bottom: 50px;
	background: #f9f9f9;
}
.news_lt h4 {
	font-size: 30px;
	font-weight: normal;
	color: #aaa;
	margin-bottom: 20px;
}
.news_lt h3 {
	font-size: 18px;
	font-weight: normal;
	color: #333;
}
.news_lt h3 a {
	display: block;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_lt h3 a:hover {
	color: #faad39;
}
.news_lt .text {
	line-height: 30px;
	color: #666;
	margin: 10px 0;
}
.news_lt .img {
	margin-bottom: 25px;
}
.news_lt .img img {
height:180px;
}
.news_lt .btn a {
	border-color: #ddd;
}
.news_lt .btn a:hover {
	border-color: #faad39;
}
.news_lt .btn a span {
	color: #333;
}
.news_lt .btn a:hover span {
	color: #faad39;
}
.news_rt {
	width: 47%;
	float: right;
}
.news_list a {
	display: block;
	padding: 30px 20px;
}
.news_list li {
	border-bottom: 1px solid #ddd;
}
.news_list li:first-child {
	border-top: 1px solid #ddd;
}
.news_list li h3 {
	font-size: 18px;
	font-weight: normal;
	color: #333;
}
.news_list li h3 a {
	display: block;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_list .tit label {
	display: block;
	margin: 10px 0;
	margin-top: 11px;
	width: 40px;
	height: 4px;
	background: #faad39;
}
.news_list .tit {
	position: relative;
}
.news_list .tit .date {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	color: #999;
}
.news_list .tit .date span {
	display: block;
	font-size: 30px;
	margin-bottom: 5px;
}
.news_list .d_text {
	padding-right: 30%;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	background: url(../image/icon8.png) no-repeat 97% center;
}
.news_list .d_text p {
	color: #999;
}
.news_list li a:hover {
	background: #faad39;
}
.news_list li a:hover h3 {
	color: #fff;
}
.news_list li a:hover label {
	background: #fff;
}
.news_list li a:hover .d_text p {
	color: #fff;
}
.news_list li a:hover .date {
	color: #fff;
}
.news_list li a:hover .date span {
	color: #fff;
}
.news_list li a:hover .d_text {
	background: url(../image/icon8-1.png) no-repeat 99% center;
}
.news_index {
	padding-bottom: 50px;
}

/*----------footer----------*/
.f_bj{color:#adadad;clear:both;height:346px;line-height:41px;position: relative;z-index: 9;background:#333;overflow:hidden;}
.f_bj:before{content: "";position: absolute;width: 100%;height:62px;top: 0;left: 0;z-index: -1;background: #063e93; display:none}
.f_bj a{color:#adadad;}
.f_nav{height: 62px;line-height: 62px;text-align: center;overflow: hidden;font-size: 16px;white-space: nowrap;}
.f_nav a{display: inline-block;color: #fff;padding: 0 52px;background:url(http://www.szfhgas.com/template/default/css/images/f_nav1.gif) no-repeat right 26px;}
.f_nav a:last-child{background: none;}
.f_nav a:hover{text-decoration: underline;font-weight: bold;}
.f_con{padding: 50px 0 0;overflow: hidden;}
.f_logo{width: 397px;font-weight: bold;line-height: 62px;font-size: 16px;}
.f_logo img{display: block;margin: 20px 0px 0;}
.f_text{width: 450px;}
.f_text li{height: 41px;line-height: 41px;padding: 0 0 0 40px;}
.f_code{width:324px;padding: 17px 0 0;position:relative;}
.f_code img{width:138px;height: 138px;display: block;float: right;}
.f_code span { margin-left: 17px;  display: block;  width: 138px;   height: 138px;    border: solid 3px #5c5c5c;   line-height: 133px;   text-align: center;  float: left;}
.f_code span.weis{position:absolute;z-index:999;right:0;bottom:5px;display:None;border:none;}
.f_wz{width: 860px;font-size: 18px;line-height: 34px;color: #f0f0f0;}
.f_wz a{display: inline-block;color: #f0f0f0;}
.f_wz em{display: block;color: #b6b6b6;font-size: 12px;line-height: 13px;}

/*友情链接*/
.link{height:64px;line-height:64px;position: relative;z-index: 9;border-top: solid 1px #484848;background: #333;}
.link_c{width:1200px;margin: 0 auto;}
.link b{display: inline-block;color: #fff;text-transform: uppercase;font-family: Arial;width: 164px;float: left;font-size: 30px;font-weight: normal;position: relative;}
.link b:before{content: "";position: absolute;width:1px;height:24px;left:125px;top:20px;background: #ddd;}
.link a{display: inline-block;color: #adadad;padding: 0 22px 0 0;}

.div_input input {
	width: 100%;
	border: 0;
	background: none;
	text-align: left;
}

.page1_text .img1 {
	text-align: right; position:relative;
	width: 50%;                                                                                                                                                                                                                                                                                                                                                                                                                                                       
	float: right;
}
.page1_text .img1 .a_img::after {position: absolute; content: '';    right: 0px;  top: 25px; left: 60px;  bottom: 100px; width:300px;   z-index: -1;   border: 2px solid #be9a78; height:450px;}
.page1_text .img1 .a_img01{ height:500px; width:400px; margin-right:100px; position:relative;}
.page1_text .img1 .a_img02{ height:300px; width:400px; position:absolute; right:0; top:170px;}
.page1_text .text {
	line-height: 30px;
	color: #878787;
	
	overflow: hidden;
}
.page1_text .text {
	padding: 80px 80px;
}

.page_tit1 h2 {
	font-size: 30px;
	font-weight: normal; position:relative;
	color: #000;
	line-height: 58px;
	margin-bottom: 30px;
}
.page_tit1 h2:after { content:""; background:#000; height:2px; width:50px; position:absolute; bottom:0px; left:0px;}

.page_tit2 h3 {
	font-size: 40px;
	
	font-weight: normal;
	color: #000;
	line-height: 58px;
}
.page_tit2 h2 {
	font-size: 36px;
	font-weight: normal; position:relative;
	color: #000;
	line-height: 58px;
	margin-bottom: 30px;
}

.page1_text .text p {
	
	overflow: hidden;
	
	margin: 0 auto;
	margin-bottom: 30px;
}


.page:after {
	content: '';
	display: block;
	clear: both;
}
.page.on {
	background: #f9f9f9; padding:30px 0px;
}

.page_tit {
	padding: 0px 0 30px 0px;
	position: relative;text-align: center;
	z-index: 1;
}
.page_tit h3 {
	font-size: 30px;
	margin-bottom: 20px;
	font-weight: normal;
}
.page_tit h2 {
	font-size: 28px;
}
.page_tit p {
	color: #999;
}
.page_tit p span:before, .page_tit p span:after {
	display: inline-block;
	width: 30px;
	height: 1px;
	background: #999;
	vertical-align: middle;
	content: '';
	margin: 0 2px;
	margin-bottom: 2px;
}
.page_tag ul li {
	margin-left: -4px;
	display: inline-block;
}
.page_tag {
	text-align: center;
}
.page_tag a {
	display: block;
	line-height: 30px;
	padding: 0 23px;
	color: #7e7e7e;
	position: relative;
}
.page_tag .btn-info{color:#fff;background-color:#063e93;border-color:#063e93}.btn-info:hover{color:#fff;background-color:#063e93;border-color:#063e93}
.page_tag li.on a, .page_tag a:hover {
	background: #063e93;
	color: #fff;
}

.page_tag .on a:before, .page_tag a:hover:before {
	color: #be9a78
}
.page_tag a:before {
	content: '|';
	display: block;
	position: absolute;
	left: -2px;
}
.page_tag li:first-child a:before {
	display: none;
}
.pro_list ul:after {
	content: '';
	display: block;
	clear: both;
}
.pro_list li {
	width: 23.8%;
	float: left;
	text-align: center;
}
.pro_list li .img{ height:230px;}
.pro_list li .img img{ vertical-align:middle; max-height:230px;}
.pro_list h3 {
	font-size: 16px;
	color: #000;
	font-weight: normal;
}
.pro_list p {
	padding: 10px 0 15px;
	color: #be9a78;
	background: no-repeat bottom center;
}
.pro_list a:hover p {
	background: url(../image/icon2.png) no-repeat bottom center;
}
.pro_list ul {
	margin-top: 20px;
	display: none;
}
.pro_list ul.on {
	display: block;
}
.pro_list ul.on li {
	animation-name: zoomIn;
	animation-duration: 1s;
	animation-fill-mode: both;
}



.case_list ul:after {
	content: '';
	display: block;
	clear: both;
}
.case_list li {
	width: 33.333%;
	float: left;
	text-align: center;
}
.case_list li .img{ height:250px; line-height:250px; margin-bottom:20px;}
.case_list li .img img{ vertical-align:middle; max-height:250px;  }
.case_list h3 {
	font-size: 16px;
	color: #000;
	font-weight: normal;
}
.case_list p {
	padding: 10px 0 15px;
	color: #be9a78;
	background: no-repeat bottom center;
}
.case_list a:hover p {
	background: url(../image/icon2.png) no-repeat bottom center;
}
.case_list ul {
	margin-top: 20px;
	display: none;
}
.case_list ul.on {
	display: block;
}
.case_list ul.on li {
	animation-name: zoomIn;
	animation-duration: 1s;
	animation-fill-mode: both;
}
.case_list li:nth-child(3n+1) {
	clear: both;
}
.case_list li a {
	display: block;
	margin: 12px;
	background: #fff;
	padding: 10px;
	box-shadow: 0 0 20px rgba(0,0,0,0.05)
}
.case_list li a:hover {
	box-shadow: 0 1px 50px rgba(0,0,0,0.1)
}
.case_list li a:hover .img {
	background: #fff;
}
.about_list2 {
	max-width: 1100px;
	margin: 0 auto;
	border-top: 1px solid #e8e8e8;
	margin-top: 30px;
	padding-top: 30px;
}
.about_list2 ul li {
	width: 31.333%;
	margin: 10px 1%;
	float: left;
}
.about_list2 ul {
	margin: 0 -1%;
}
.about_list2 .img {
	position: relative;
}
.about_list2 img {
	display: block; 
}
.about_list2 .img p {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	line-height: 42px;
	background: rgba(255,255,255,1);
	text-align: center;
	height: 42px;
}
.about_list2 .img p span {
	display: block;
	height: 20px;
	border-bottom: 1px solid #000;
	margin: 0 14px;
}
.about_list2 .img p label {
	display: inline-block;
	padding: 0 10px;
	background: rgba(255,255,255,1);
}
.about_list2 .text {
	line-height: 28px;
	color: #333;
	margin-top: 10px;
}
.his_list {
	padding-top: 20px;
	position: relative;
}
.his_list .line {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 1px;
	background: #d3d3d3
}
.his_list ul li {
	text-align: right;
	margin: 20px 0;
	width: 50%;
	padding-right: 50%;
	clear: both;
	position: relative;
}
.his_list ul li i {
	position: absolute;
	left: 50%;
	margin-left: -5px;
	top: 10px;
	width: 9px;
	height: 9px;
	border-radius: 100%;
	background: #d3d3d3
}
.his_list ul li i:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -80px;
	width: 60px;
	height: 1px;
	background: #d3d3d3;
	top: 4px;
}
.his_list ul li:nth-child(2n) i:after {
	margin-left: 20px;
}
.his_list ul li:nth-child(2n) {
	padding-right: 0;
	padding-left: 50%;
	text-align: left;
}
.his_list ul li .text {
	padding: 0 100px;
	line-height: 28px;
	color: #262626;
}
.his_list ul li .text h3 {
	font-size: 20px;
	color: #a2774f;
	font-weight: normal;
	margin-bottom: 10px;
}
.ry_list {
	max-width: 1034px;
	margin: 0 auto;
}
.ry_list li {
	width: 30.3%;
	float: left;
	margin: 10px 1.5%;
	text-align: center;
	line-height: 40px;
}
.ry_list li .img {
	border: 10px solid #efefef;
	max-width: 270px;
	margin: 0 auto;
}
.ry_list li:nth-child(3n+1) {
	clear: both;
}
.ry_list li .img img {
	display: block;
}
.td_list {
	max-width: 1100px;
	margin: 0 auto;
}
.td_list li {
	width: 25%;
	float: left;
}
.td_list li:hover .tit p span {
	width: 100%;
}
.td_list li .box {
	margin: 17px;
}
.td_list li .img {
	position: relative;
}
.td_list li .img img {
	display: block;
}
.td_list li .tit p {
	line-height: 56px;
	background: #1c1c1c;
	padding: 0 16px;
	font-size: 16px;
	color: #c09874;
	position: relative;
}
.td_list li .tit p span {
	position: absolute;
	display: block;
	width: 48px;
	height: 4px;
	background: #be9a78;
	bottom: 0;
	right: 0;
}
.td_list li:nth-child(4n+1) {
	clear: both;
}
.td_list li .text {
	margin-top: 15px;
	line-height: 26px;
	color: #6c6c6c
}
.td_list li .text h3 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #000
}
.zp_p_list {
	max-width: 1120px;
	margin: 0 auto;
	line-height: 28px;
	color: #4c4c4c
}
.zp_p_list a {
	color: #be9a78
}
.bold {
	font-weight: bold;
}
.zp_p_list .list {
	border-bottom: 1px solid #ebefef;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.zp_p_list .list:last-child {
	border-bottom: 0
}
.zp_p_list .list h3 {
	font-size: 20px;
	font-weight: normal;
	color: #000;
	margin-bottom: 5px;
	line-height: 40px;
}
.zp_p_list .text>ul>li {
	list-style: decimal;
	margin-left: 20px;
}
.zp_list .text>ul {
	max-width: 514px;
}
.zp_p_list .title {
	cursor: pointer;
	margin: 10px 0;
	line-height: 54px;
	border: 1px solid #e3e9ec;
	background: url(../image/icon12.png) no-repeat 98% center #f9f9f9;
	padding: 0 20px;
}
.zp_p_list .title span {
	display: inline-block;
	width: 23%;
	color: #000
}
.zp_p_list .title span.span1 {
	font-size: 22px;
}
.zp_p_list .box {
	display: none;
	transition: all 0s;
	-o-transition: all 0s;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
}
.zp_p_list .on .title, .zp_p_list li:hover .title {
	background: url(../image/icon12-1.png) no-repeat 98% center #be9a78;
	border-color: #be9a78;
}
.zp_p_list .on .title span, .zp_p_list li:hover .title span {
	color: #fff;
}
@keyframes zoomIn {
 from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
 50% {
opacity: 1;
}
}
.pro_list li:nth-child(4n+1) {
	clear: both;
}
.pro_list li a {
	display: block;
	margin: 12px;
	background: #fff;
	
	box-shadow: 0 0 20px rgba(0,0,0,0.05)
}
.pro_list li a:hover {
	box-shadow: 0 1px 50px rgba(0,0,0,0.1)
}
.pro_list li a:hover .img {
	background: #fff;
}
.page_pro {
	padding: 0;
	background: #1c1c1c;
	position: relative;
}
.page_pro img{height:625px; width:100%; object-fit:cover;}
.pro_owl {
	width: 50%
}
.pro_owl .owl-theme .owl-controls {
	width: auto;
	right: -60px;
	left: auto;
	width: 120px;
}
.pro_owl .owl-theme .owl-controls .owl-nav [class*=owl-] {
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 0;
	background-image: url(../image/cur1.png);
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 0;
	background-color: #1c1c1c
}
.pro_owl .owl-theme .owl-controls .owl-nav .owl-next {
	background-image: url(../image/cur2.png);
	background-color: #be9a78
}
.page_pro .text {
	position: absolute;
	left: 55%;
}
.page_pro .text .box {
	max-width: 410px;
}
.page_tit2.on h3 {
	color: #fff; text-transform:uppercase;
}
.page_tit2.on h2 {
	color: #c09874; text-transform:uppercase;
}
.page_pro .text p {
	line-height: 32px;
	color: #696969;
	height: 96px;
	overflow: hidden;
	margin-bottom: 30px;
}
.page_pro .btn a {
	margin-left: 0;
	background: #0b0b0b;
}
.btn2 a span {
	display: inline-block;
	padding-right: 17px;
	background: url(../image/icon3.png) no-repeat right center;
}
.btn2 a:hover span {
	padding-right: 27px;
}
.service_list:after {
	content: '';
	display: block;
	clear: both;
}
.service_list ul li {
	width: 25%;
	float: left;
}
.service_list a {
	display: block; background:#f1f1f1; 
	margin: 7px;
	position: relative;
}
.service_list img {
	display: block; height:400px; object-fit:cover;
}
.service_list .text {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	color: #fff;
}
.service_list .text h3 {
	font-size: 16px;
	font-weight: normal;
}
.service_list .text p {
	margin: 10px 0;
	background: bottom center no-repeat
}
.service_list .text .more {
	display: inline-block;
	padding-right: 10px;
	background: url(../image/icon4.png) no-repeat right center;
}
.service_list a:hover .img:before {
	background: #fff;
	opacity: .95;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
}
.service_list a:hover .text {
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	text-align: center;
	color: #000;
	z-index: 100
}
.service_list a:hover .text h3 {
	color: #000;
	border-bottom: 1px solid #d7d7d7;
	margin: 0 20px;
	padding-bottom: 15px;
}
.service_list a:hover .text p {
	color: #7f7f7f;
	padding-bottom: 20px;
	background: url(../image/icon5.png) bottom center no-repeat;
}
.service_list a:hover .text span {
	display: none;
}


.mainer {
	margin-top: 0px;
}


.lxwm p{ text-align:left; font-size:16px; padding-left:15px; line-height:30px; font-weight:bold}
.lxwm img{ padding:5px;}
.shang{ font-size:24px; font-weight:bold; text-align:left; padding-bottom:15px; padding-left:15px}

ul:after {
	content: '';
	display: block;
	clear: both;
}
.btn_more {
	margin-top: 20px;
	text-align: center;
}
.btn_more a {
	display: inline-block;
	padding: 0 45px;
	line-height: 42px;
	border: 1px solid #b2b2b2;
	color: #999
}
.btn_more a:hover {
	border-color: #be9a78;
	color: #be9a78
}
.div_pos {
	line-height: 65px;
	color: #515151;
}
.div_pos a {
	color: #000;
}
.div_pos a:hover {
	color: #be9a78
}
.details .wrap {
	max-width: 1200px;
}
.details .tit {
	padding: 20px 0;
	border-bottom: 1px solid #e8e8e8;
	line-height: 30px;
}
.details .tit h2 {
	font-size: 20px;
	font-weight: normal;
}
.details .tit p {
	color: #be9a78
}
.details .tit span {
	color: #717171
}
.details .text {
	line-height: 30px;
	color: #898989;
	padding: 20px 0;
}

.in_owl{ width:600px; float:left;}
.case_details{ width:600px; float:left; padding-left:50px;box-sizing: border-box;}
.page_padd {
	padding-top: 0;
}
.page_tit3 {
	margin: 0 10px;
	padding-top: 30px;
}
.page_tit3 span {
	font-size: 20px;
}
.center {
	text-align: center;
}
.page_size {
	text-align: center;
	margin-top: 30px;
}
.page_size a {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	background-color: #515151;
	color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 5px 2px;
	;
}
.page_size a.prev {
	background-image: url(../image/cur3.png);
}
.page_size a.next {
	background-image: url(../image/cur4.png);
}
.page_size a:hover, .page_size a.on {
	background-color: #be9a78;
}

.news_tag {
	text-align: center;
	padding: 50px 0;
}
.news_tag ul li {
	display: inline-block;
}
.news_tag a {
	display: block;
	padding: 0 10px;
	min-width: 72px;
	text-align: center;
	line-height: 30px;
	background: #eee;
	color: #7e7e7e;
}
.news_tag .btn-info{color:#fff;background-color:#063e93;border-color:#063e93}.btn-info:hover{color:#fff;background-color:#063e93;border-color:#063e93}
.news_tag li.on a, .news_tag a:hover {
	background: #063e93;
	color: #fff;
}
.page_news .list {
	max-width: 1200px;
	margin: 0 auto;
}
.page_news .list .img {
	max-width: 300px;
	float: left;
	margin-right: 50px;
}
.page_news .list .img img{width: 470px; height:270px; object-fit:cover;}
.page_news .list .text {padding-top: 0px;overflow: hidden;}
.page_news .list li {
	margin-bottom: 40px;
}
.page_news .list li:after {
	content: '';
	display: block;
	clear: both;
}
.page_news h3 {
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; line-height:40px;
	margin-bottom: 10px; border-bottom:1px solid #e7e7e7;
}
.page_news .list a:hover {
	color: #be9a78
}
.page_news .time {
	line-height: 20px;
	margin-bottom: 10px;
	padding-left: 25px;
	background: url(../image/icon6.png) no-repeat left center;
	color: #a8a8a8
}
.page_news p {
	line-height: 27px;
	height: 81px;
	overflow: hidden;
	color: #737373;
	margin: 30px 0;
}
.page_news .btn a {
	background: none;
	border: 2px solid #000;
	color: #000;
	line-height: 34px;
	width: 120px;
	margin-left: 0
}
.page_news .btn a:hover {
	background: #333;
	color: #fff;
}
/*----------custom----------*/
.news_details {
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.1)
}
.news_details .box {
	width: 90%;
	margin: 0 auto;
}
.news_details .tit {
	padding: 55px 0;
	text-align: center;
}
.news_details .tit h2 {
	font-size: 36px;
	font-weight: normal;
	margin-bottom: 25px;
}
.news_details .tit p {
	font-size: 18px;
	color: #333;
}
.news_details .text {
	font-size: 16px;
	color: #414141;
	line-height: 28px
}
.news_details .text h3 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
}
.news_details .text img {
	margin-top: 10px;
}
.text_cur {
	line-height: 70px;
	border-top: 1px solid #e8e8e8
}
.text_cur span {
	max-width: 45%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.text_cur a {
	color: #000;
}
.text_cur a:hover {
	color: #be9a78;
}
.pro_list2 ul li {
	width: 25%;
	float: left;
}
.pro_list2 a {
	display: block;
	margin: 7px;
	font-size: 16px;
}
.pro_list2 ul {
	margin: 0 3px;
	margin-top: 20px;
}
.pro_list2 img {
	display: block;width:285px; height:162px; object-fit:cover;
}
.pro_list2 .img {
	margin-bottom: 20px; 
}
.contact-form{ background:#f1f8ff; width:1200px; margin:50px auto;}
.cont_list ul li {
	width: 30%; margin:0px 1.666%; padding:20px 0px 0px 0px;
	float: left;
	text-align: center;    box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.12);

}
.cont_list ul li .text {
	margin-top: 20px;
	color: #434343
}
.cont_list ul li .text h3 {
	font-size: 16px;
	font-weight: normal;
	color: #000;
	margin-bottom: 10px;
}
.message {
	max-width: 710px;
	margin: 0 auto;
}
.message ul li {
	width: 50%;
	float: left;
}
.message ul li:last-child {
	width: 100%;
}
.message ul {
	margin-bottom: 30px;
}
.message .div_input {
	margin: 5px;
	line-height: 40px;
	border: 1px solid #e9e9e9;
	background: #fff;
	padding: 0 15px;
}
.div_input textarea {
	width: 100%;
	height: 150px;
	border: 0;
	background: none;
	resize: none;
	padding: 10px 0;
}
.banner .item img {
	display: block;
}
.about_tag {
	line-height: 80px;
	border-bottom: 1px solid #e8e8e8
}
.about_tag ul li {
	width: 20%;
	float: left;
	text-align: center;
}
.about_tag ul li a {
	margin-left: -1px;
	border-left: 1px solid #e8e8e8;
	font-size: 16px;
	color: #222;
	display: block;
}
.about_tag ul li:first-child a {
	border-left: 0;
}
.about_tag ul li span {
	display: inline-block;
	padding-left: 50px;
}
.about_tag ul li span.span1 {
	background: url(../image/icon7.png) no-repeat left center;
}
.about_tag ul li span.span2 {
	background: url(../image/icon8.png) no-repeat left center;
}
.about_tag ul li span.span3 {
	background: url(../image/icon9.png) no-repeat left center;
}
.about_tag ul li span.span4 {
	background: url(../image/icon10.png) no-repeat left center;
}
.about_tag ul li span.span5 {
	background: url(../image/icon11.png) no-repeat left center;
}
.about_tag ul li.on a, .about_tag ul li a:hover {
	background: #be9a78;
}
.about_tag ul li.on span, .about_tag ul li a:hover span {
	color: #fff;
}
.about_tag ul li.on span.span1, .about_tag ul li a:hover span.span1 {
	background: url(../image/icon7-1.png) no-repeat left center;
}
.about_tag ul li.on span.span2, .about_tag ul li a:hover span.span2 {
	background: url(../image/icon8-1.png) no-repeat left center;
}
.about_tag ul li.on span.span3, .about_tag ul li a:hover span.span3 {
	background: url(../image/icon9-1.png) no-repeat left center;
}
.about_tag ul li.on span.span4, .about_tag ul li a:hover span.span4 {
	background: url(../image/icon10-1.png) no-repeat left center;
}
.about_tag ul li.on span.span5, .about_tag ul li a:hover span.span5 {
	background: url(../image/icon11-1.png) no-repeat left center;
}
.about_d_text p {
	max-width: 790px;
	margin: 0 auto;
	line-height: 30px;
	color: #6d6d6d;
	text-align: center;
}
.about_list {
	max-width: 920px;
	margin: 0 auto;
}
.about_list ul li {
	width: 25%;
	float: left;
	margin: 35px 0
}
.about_list .box {
	margin: 10px;
	border: 1px solid #e7e7e7;
	text-align: center;
	padding: 35px 0;
	color: #ababab;
}
.about_list .box h3 {
	font-size: 56px;
	color: #323232;
	font-weight: normal;
	margin-bottom: 20px;
}
 @media only screen and (max-width: 1400px) {
.banner_cur {
	left: 5%;
	right: 5%;
}
.page_tit2 h2 {
	margin-bottom: 10px;
}
}
@media only screen and (max-width: 1200px) {
.page_tit2 h3 {
	font-size: 38px;
}
.page_tit2.on h2 {
	font-size: 30px;
}
.page_pro .text p {
	line-height: 25px;
	margin-bottom: 10px;
	height: 75px;
}
.his_list ul li .text {
	padding-left: 0
}
.his_list ul li:nth-child(2n) .text {
	padding-left: 100px;
	padding-right: 0
}
}
 @media only screen and (max-width: 900px) {
.menu {
	position: fixed;
	top: 60px;
	left: -100%;
	width: 100%;
	height: 100%;
	background: #fff;
}
.menu ul li {
	float: none;
	display: block;
	border-bottom: 1px solid #ddd;
	padding: 0;
}
.menu ul li a {
	line-height: 45px;
	font-size: 18px;
}
.menu ul {
	padding-top: 10px;
}
.header .logo {
	position: relative;
	z-index: 1001;
	line-height: 60px;
}
.menu_wrap {
	position: absolute;
	top: 10px;
	width: 40px;
	height: 40px;
	background: url(../image/menu.png) no-repeat center center #be9a78;
	background-size: 25px auto;
	right: 5px;
}
.h_menu .menu_wrap {
	background: url(../image/menu-1.png) no-repeat center center #be9a78;
	background-size: 25px auto;
}
.h_menu .menu {
	left: 0;
}
.header {
	line-height: 60px;
}
.mainer {
	margin-top: 60px;
}
.menu li.on a, .menu li a:hover {
	color: #be9a78
}
.banner .text h2 {
	font-size: 30px;
}
.banner .text p {
	font-size: 14px;
}
.banner_search {
	max-width: 500px;
}
.page1_text .text {
	padding: 20px 0;
}
.pro_owl {
	width: 80%;
	margin: 0 auto;
}
.page_pro {
	padding: 50px 0;
}
.page_pro img{height:300px; width:100%; object-fit:cover;}
.page_pro .text {
	position: initial;
	top: auto;
	left: auto;
	right: auto;
	transform: none;
	width: 80%;
	margin: 0 auto;
	padding: 20px 0;
}
.page_pro .text .box {
	max-width: 100%;
}
.pro_owl .owl-theme .owl-controls {
	right: 0
}
.service_list ul li {
	width: 50%;
}
.service_list ul li:nth-child(2n+1) {
	clear: both;
}
.service_list ul li img {
	width: 100%; height:200px;
}
.about_tag ul li span {
	padding-left: 0;
	background: none !important
}
.about_tag {
	line-height: 60px;
}
.td_list li .box {
	margin: 5px;
}
.td_list li {
	width: 50%;
}
.td_list li:nth-child(2n+1) {
	clear: both;
}
.td_list li img {
	width: 100%;
}
.ry_list li {
	width: 47%;
}
.ry_list li:nth-child(3n+1) {
	clear: none;
}
.ry_list li:nth-child(2n+1) {
	clear: both;
}
.page_news .list .img {
	width: 300px;
	margin-left: 20px;
}
.page_news .list .text {
	padding-top: 20px;
}
.page_news p {
	margin-top: 0;
	height: 54px;
	margin-bottom: 10px;
}
.page_news .time {
	margin-bottom: 0
}
.page_news .list li {
	margin-bottom: 20px;
}
}
 @media only screen and (max-width: 800px) {
.news_list ul li {
	width: 100%;
	padding: 10px 0;
}
}
 @media only screen and (max-width: 750px) {
.banner .text h2 {
	font-size: 20px;
}
.banner .text p {
	margin: 1em;
}
.banner_cur {
	display: none;
}
.banner_search .btn {
	width: 100px;
}
.banner_search .box {
	padding-right: 100px;
}
.banner_search .span_tit {
	width: 50px;
}
.banner_search .div_input {
	padding-left: 10px;
}
.banner img {
	width: 150%;
	margin-left: -25%;
	max-width: initial;
}
.banner .img1 {
	overflow: hidden;
}
.page1_text .img1 {
	float: none;
	width: 100%;
}
.pro_list li:nth-child(3n+1) {
	clear: none;
}
.pro_list li {
	width: 50%;
}
.pro_list li .img{ height:200px; line-height:200px;}
.pro_list li:nth-child(2n+1) {
	clear: both;
}
.pro_list li a {
	padding: 15px;
	margin: 5px;
}
.footer .ewm {
	float: none;
	text-align: center;
	margin-bottom: 20px;
	display: none;
}
.footer .list ul{ display:block;+++++}
.footer .list ul li {
	margin: 5px 0;
}
.footer .ewm img {
	margin: 0 auto;
	margin-bottom: 10px;
}
.footer {
	text-align: center;
}
.page {
	padding: 20px 0;
}
.about_list ul li {
	margin: 20px 0;
}
.page_tit2 h3 {
	font-size: 25px;
	line-height: 20px;
}
.page_tit2 h2 {
	font-size: 30px;
}
.about_tag ul li a {
	font-size: 14px;
}
.about_tag {
	line-height: 40px;
}
.about_tag .wrap {
	width: 100%;
}
.about_list .box h3 {
	font-size: 30px;
}
.about_list .box {
	margin: 5px;
}
.page_tit h2 {
	font-size: 20px;
}
.about_list2 ul li {
	margin: 0 auto;
	width: 95%;
	margin-bottom: 15px;
	float: none;
}
.about_list2 img {
	width: 100%;
}
.his_list ul {
	padding-left: 50px;
}
.his_list ul li i {
	left: -40px
}
.his_list ul li {
	padding: 0 !important;
	width: 100%;
	text-align: left;
}
.his_list ul li .text {
	padding: 0 !important
}
.his_list .line {
	left: 10px;
	right: auto;
}
.his_list ul li i:after {
	margin-left: 10px !important;
	width: 20px !important;
}
.zp_p_list .title span {
	min-width: 47%;
	width: auto;
}
.zp_p_list .title {
	line-height: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.page_news .list .img {
	width: 150px;
	float: left;
	margin: 0 auto;
	margin-right: 10px;
}
.page_news p {
	height: auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.page_news .list .text {
	padding-top: 10px;
}
.page_news .list .time {
	display: none;
	;
}
.page_news .list .text {
	border-top: 0
}
.page_news .btn a {
	border: 0;
	line-height: 20px;
	text-align: left;
}
.page_news .time {
	margin-bottom: 10px;
}
.page_news p {
	margin-bottom: 5px
}
.news_details .tit h2 {
	font-size: 26px;
	margin-bottom: 15px;
}
.news_details .tit {
	padding: 30px 0;
}
.pro_list2 ul li {
	width: 50%;
}
.page_news h3 {
	margin-bottom: 5px;
}
.pro_list2 .img {
	margin-bottom: 10px
}
.text_cur span {
	max-width: 100%;
	float: none;
}
.text_cur {
	line-height: 35px;
	padding: 10px 0;
}
.cont_list ul li {
	float: none;
	width: 100%;
	text-align: left;
	clear: both;
	margin-bottom: 10px;
}
.cont_list ul li:after {
	content: '';
	display: block;
	clear: both;
}
.cont_list ul li .img1 {
	float: left;
	width: 60px;
	margin-right: 20px;
}
.cont_list ul li .text {
	margin-top: 0;
	padding-top: 10px;
	overflow: hidden;
}
.map {
	overflow: hidden;
}
.map img {
	width: 200%;
	margin-left: -50%;
	max-width: initial;
}
.full {
	display: none;
}
.page_tag a {
	padding: 0 15px;
}
.news_tag {
	padding: 20px 0;
}
.page_tit h3 {
	font-size: 24px;
	margin-bottom: 10px;
}
.page_tit {
	margin-bottom: 20px;
}
}
.pro_list2 ul li p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.full {
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 1001;
}
.full li a {
	display: block;
	width: 52px;
	height: 52px;
	margin-bottom: 1px;
	position: relative;
	background: rgba(0,0,0,0.5);
	z-index: 1;
}
.full li a:hover span, .full li a:hover label {
	background-color: #be9a78 !important;
}
.full li:last-child a {
	border-bottom: 0;
}
.full li a span {
	display: block;
	width: 52px;
	height: 52px;
	position: relative;
	z-index: 100;
	background-position: center center;
	background-repeat: no-repeat;
}
.full li:nth-child(2) a, .full li:nth-child(1) a {
	z-index: 2;
}
.full li a label {
	display: block;
	width: 100px;
	white-space: nowrap;
	padding: 0 20px;
	position: absolute;
	line-height: 52px;
	color: #fff;
	z-index: -1;
	background: #000;
	bottom: 0;
	left: 100%;
	box-sizing: inherit;
	max-width: 300%;
	
}
.full li a:hover label {
	left: -120px;
}
.full li a .lbl_img {
	padding: 10px;
	height: auto;
	line-height: normal;
}
.full li a span.span1 {
	background-image: url(../image/full1.png);
}
.full li a span.span2 {
	background-image: url(../image/full2.png);
}
.full li a span.span3 {
	background-image: url(../image/full3.png);
}
.full li a span.span4 {
	background-image: url(../image/full4.png);
}

.l-submain.color_alternate{background:#f2f2f2;}
.l-submain-h{max-width:1140px;margin:auto;}
.g-cols{zoom:1;}
.g-cols:before,
.g-cols:after{display:table;line-height:0;content:"";}
.g-cols:after{clear:both;}
.g-cols > div{float:left;width:100%;}
.g-cols > div:last-child{margin-bottom:0 !important;}
.g-cols > div{margin-left:4.0000%;}
.g-cols > div:first-child,
.g-cols > div.full-width{margin-left:0;}
.g-cols > .one-half,
.g-cols > .two-quarters,
.g-cols > .two-fourths,
.g-cols > .three-sixths{width:48.0000%;}
.g-cols > .one-third,
.g-cols > .two-sixths{width:30.6666%;}
.g-cols > .two-thirds,
.g-cols > .four-sixths{width:65.3333%;}
.g-cols > .one-quarter,
.g-cols > .one-fourth{width:22.0000%;}
.g-cols > .three-quarters,
.g-cols > .three-fourths{width:74.0000%;}
.g-cols > .one-fifth{width:16.8000%;}
.g-cols > .two-fifths{width:37.6000%;}
.g-cols > .three-fifths{width:58.4000%;}
.g-cols > .four-fifths{width:79.2000%;}
.g-cols > .one-sixth{width:13.3333%;}
.g-cols > .five-sixths{width:82.6666%;}
.w-gallery-main-h li{width:48%;float:left;position:relative;display:list-item;list-style:none;}





.jingyincang_detail .dd li{ min-height:50px;height:50px;  margin:5px 0px; font-size:16px; clear:both;  position:relative; line-height:50px; border:1px solid #475766; text-align:center;  }
.jingyincang_detail .dd li span{  left:0px; top:0px; color:#333; margin-right:10px; font-weight:bold; background:#475766; width:200px; text-align:center; height:50px; line-height:50px; float:left; display: block; color:#fff;}
.jingyincang_detail .dd li.li_p{ height:300px;}
.jingyincang_detail .dd li.li_p img{ height:300px; width:auto; }
.jingyincang_detail .dd li.li_img img{ height:40px; width:auto; }

.p_dec{overflow:hidden; margin-bottom:60px; }

.p_wrapper{ width:384px; float:left; margin:16.6px 8px 0px 8px; }
.p_wrapper h3{ font-size:24px; margin-bottom:20px; font-weight:normal;}
.p_wrapper img{ width:100%; display:block; height:240px; }
.p_wrapper .text{ line-height:25px; background:#f2f2f2; padding:20px; box-sizing:border-box; height:200px;}


.working-process-section {
    position: relative;
    padding: 145px 0 110px;
    background-size: cover;
    background-attachment: fixed;background-image: url(http://www.szfhgas.com/template/default/images/bg-22.jpg);
}

.working-process-section:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .7;
}

.working-process-section .text {position: relative;    margin-top: 40px;   }
.working-process-section h2{ color:#fff; position:relative;}
.working-process-section .auto-container{ text-align:center;}
.process-block{ display:inline-block; margin:0px 20px; }
.process-block .inner-box {   position: relative;    align-items: center;   flex-wrap: wrap;  margin-bottom: 30px;}
.process-block .count {   position: relative;    font-size: 60px;   font-weight: 700;   color: #fff;    line-height: 65px;}
.process-block h4 {  font-size: 18px;   font-weight: 500;   color: #fff;}
.working-process-section.style-two .process-block .icon img{ vertical-align:middle;}
.working-process-section.style-two .process-block .icon {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 58px;
 
    color: #fff;
    text-align: center; margin:auto; margin-bottom:10px;
 
     border-radius: 50%;
    border: 2px solid #fff; 
  
   
}
.working-process-section.style-two .process-block .icon img{ width:35px;}

.projects-section-two {   position: relative;   padding: 100px 0 250px; overflow: hidden; /*background: url(../bg-6.jpg) no-repeat;*/}
.projects-section-two i_title h3{ color:#333;}
.projects-section-two .big-title {   bottom: 130px;}
.project-block-two .inner-box {   position: relative;   box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05);   margin: 0px 0px 0px 0px;}
.project-block-two .inner-box img{ height:430px; object-fit:cover; width:100%; display:block;}
.projects-section-two .theme_carousel {    max-width: 1200px;    margin: 0 auto;}
.project-block-two .image{float:right; width:55%;}
.project-block-two .content {top: 0; left: 0; float: left; bottom: 0; background-color: #f8f8f8;  width: 45%; box-sizing:border-box; height:430px; padding: 20px 70px; display: flex; flex-wrap: wrap; align-items: center;  justify-content: center;box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05);}
.project-block-two .content h4 {   position: relative;   font-size: 24px;   font-weight: 700;    padding-bottom: 15px;   margin-bottom: 30px;}
.project-block-two .content h4:before {   position: absolute;    content: ''; left: 0;   bottom: 0;   width: 50px;  height: 2px;}
.project-block-two .content .text { margin-bottom: 40px; line-height:30px;}

.project-tab .owl-nav {   position: absolute;    top: 50%; width:100%;      display: block;       height: 30px;   margin-top: -15px;}
.project-tab .owl-nav .owl-prev, .project-tab .owl-nav .owl-next {position: absolute;  top: 0; height: 60px; width: 60px; background:#475766; text-align:center; line-height:60px;font-size:20px; color:#fff;}
.project-tab .owl-nav .owl-prev{ left:0;}
.project-tab .owl-nav .owl-next{ right:0;}

.index-solution {
    position: relative;
}
.index-solution .item {
    position: relative;
    float: left;
    width: 20%;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.index-solution .item:hover {
    width: 35% !important;
}
.index-solution .item img {
    max-width: none;
    position: relative; height:600px; object-fit:cover;
    left: 50%;
    margin-left: -378px;
}
.index-solution .item .box {
    position: relative;
}
.index-solution .item .box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 88;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.index-solution .item:hover .box:before {
    opacity: 0;
    visibility: hidden;
}
.index-solution .item .box .sigle {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50%;
    margin-left: -25%;
    font-size: 20px;
    color: #fff;
    z-index: 99;
    text-align: center;
    line-height: 30px;
    margin-top: -30px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.index-solution .item:hover .box .sigle {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
}
.index-solution .item .box .cont {
    position: absolute;
    left: 10%;
    top: 50%;
    width: 80%;
    height: 310px;
    margin-top: -155px;
    background: rgba(255, 255, 255, .8);
    text-align: center;
    z-index: 100;
    padding: 100px 8% 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.index-solution .item:hover .box .cont {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.index-solution .item .box .cont h5 {
    font-size: 20px;
    color: #333;
}
.index-solution .item .box .cont .des {
    color: #666;
    margin-top: 15px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}
.index-solution .item:hover .box .cont .des {
    opacity: 1;
    visibility: visible;
}
.index-solution .pagination2 {
    margin-top: 40px;
    position: static;
    text-align: center;
}
.index-solution .pagination2 .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    margin: 0 5px;
    background: #d2d2d2;
    opacity: 1;
}
.index-solution .pagination2 .swiper-pagination-bullet-active {
    background: #f4651c;
}
.index-solution .item .box .cont .icon-more {
    margin-top: 30px;
    width: 44px;
    height: 10px;
    background: url(../image/icon-more1.png) no-repeat center;
}
/*轮播按钮*/
.index-solution .button-next, .index-solution .button-prev {
    width: 45px;
    height: 45px;
    top: 50%;
    margin-top: -22.5px;
    background-color: #666;
    z-index: 99;
    opacity: .5;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.index-solution .button-next
{
    right: 5%;
    background-image: url(../image/icon-h-next.png);
    background-size: auto;
    background-position: right center;
}
.index-solution .button-prev{
    left: 5%;
    background-image: url(../image/icon-h-prev.png);
    background-size: auto;
    background-position: left center;
}
.index-solution .button-next:hover, .index-solution .button-prev:hover{
    background-color: #fc5a20;
    opacity: 1;
}
.index-title {
    padding-top: 80px;
    padding-bottom: 55px;
    text-align: center;
}
.index-title.pbig {
    padding-top: 70px;
}
.index-title h3 {
    font-size: 36px;
    color: #333;
    line-height: 1;
}
.index-title h3 span {
    font-weight: bold;
    text-transform: uppercase;
}
.index-title h4 {
    margin-top: 12px;
    font-size: 16px;
    color: #666;
}
.index-title .tit-des {
    margin-top: 30px;
    font-size: 16px;
    color: #989898;
    line-height: 26px;
}
.index-title .more {
    margin-top: 32px;
    display: inline-block;
    color: #ff8205;
    border-bottom: 1px solid #ff8205;
    line-height: 30px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.index-title .more:hover {
    background: #ff8205;
    color: #fff;
    padding: 0 20px;
}

.toolbar {
	width: 50px;
	position: fixed;
	right: 1%;
	top: 44%;
	z-index: 999;
}
.toolbar dd {
	width: 50px;
	height: 50px;
	margin-bottom: 1px;
	position: relative;
	background: url(http://www.szfhgas.com/template/default/images/black20.png) repeat 0 0;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.toolbar dd i {
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.toolbar dd i span {
	width: 35px;
	height: 35px;
	display: block;
	margin: 7px 0 0 7px;
	background: url(http://www.szfhgas.com/template/default/images/rightfixicon.png) no-repeat 0 0;
}
.toolbar dd.gottop {
	display: none;
}
.toolbar .slide-tel {
	display: block;
	width: 0;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-family: arial;
	color: #FFF;
	position: absolute;
	padding: 0 0 0 50px;
	top: 0;
	right: 0;
	overflow: hidden;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all .0s ease-in-out 0s;
	-moz-transition: all .0s ease-in-out 0s;
	transition: all .0s ease-in-out 0s;
}
.toolbar .pop {
	position: absolute;
	right: 90px;
	top: -51px;
	background: #faad39;
	display: none;
}
.toolbar .pop-code {
	width: 160px;
}
.toolbar .pop-code img {
	
	display: block;
	padding: 20px 20px 0;
}
.toolbar .pop-code h3 {
	height: 50px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap;
}
.toolbar .pop-code h3 b {
	display: block;
	font-size: 14px;
	font-weight: normal;
}
.toolbar .qq span {
	background-position: 0 -47px;
}
.toolbar .qq a {
	width: 50px;
	height: 50px;
	cursor: pointer;
	display: block;
}
.toolbar .qq:hover {
	background: #faad39;
}
.toolbar .tel span {
	background-position: 0 0;
}
.toolbar .tel:hover {
	background: #faad39;
}
.toolbar .code span {
	background-position: 0 -95px;
}
.toolbar .code:hover {
	background: #faad39;
}
.toolbar .top span {
	background-position: 0 -142px;
}
.toolbar .top:hover {
	background: #faad39;
}



.section-heading h4 {
   
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fe5a0e;
    margin: 0 0 15px;
}
.section-heading h2 {
   
    font-size: 32px;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: -1px;
    color: #263a4f;
    margin: 0 0 20px;
}
.service-section-2 {
 position:relative;
 z-index:1
}
.bg-grey {
    background-color: #f9f9f9; padding:100px 0px;
}
.service-bg {
 position:absolute;
 background-image:url(../image/serv.jpg);
 background-position:top center;
 background-size:contain;
 background-repeat:no-repeat;
 width:100%;
 height:100%;
 left:0;
 top:0;
 z-index:-1
}
.service-li {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;padding-right: 15px;
padding-left: 15px;
}
.service-wrap {
 box-shadow:0 20px 30px 5px rgba(61,1,4,.1);
 border-bottom:3px solid #fe5a0e
}
.service-thumb {
 position:relative;
 overflow:hidden
}
.service-thumb img {
 width:100%;
 overflow:hidden
}
.service-thumb .read-more {
 background-color:#fe5a0e;
 border:10px solid rgba(0,0,0,.1);
 box-sizing:content-box;
 opacity:.9;
 width:100px;
 height:100px;
 line-height:100px;
 text-align:center;
 border-radius:50%;
 position:absolute;
 right:-30px;
 bottom:-30px;
 display:flex;
 align-items:center;
 justify-content:center;
 color:#fff;
 font-size:20px;
 z-index:1
}
.service-info {
 background-color:#fff;
 padding:30px
}
.service-info h3 {
 font-family:poppins,Sans-serif;
 font-size:18px;
 font-weight:600;
 line-height:26px;
 letter-spacing:-.5px;
 color:#263a4f
}
.service-info p {
 font-family:open sans,Sans-serif;
 color:#6a8695;
 font-size:15px;
 font-weight:500;
 line-height:25px;
 letter-spacing:-.2px;
 margin-bottom:0
}
.service-wrap .service-thumb:before {
 background-color:rgba(2,14,40,.8);
 content:"";
 position:absolute;
 width:90%;
 height:90%;
 left:50%;
 top:50%;
 visibility:hidden;
 opacity:0;
 transform:translateY(-50%) translateX(-50%) scale(0);
 transition:all .2s linear
}
.service-wrap:hover .service-thumb .read-more {
 transform:scale(1.5);
 transition:all .2s linear;
 opacity:.9
}
.service-wrap:hover .service-thumb:before {
 visibility:visible;
 opacity:1;
 transform:translateY(-50%) translateX(-50%) scale(1)
}
.default-btn {
    display: inline-block;
    background: #fe5a0e;
    color: #fff;
    font-family: work sans,sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    height: 45px;
    line-height: 45px;
    padding: 0 35px;
    letter-spacing: 0;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
    z-index: 1;
}
.default-btn span {
    background: #061b49 none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 0;
    position: absolute;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transition: width .6s ease 0s,height .6s ease 0s;
    -moz-transition: width .6s ease 0s,height .6s ease 0s;
    -webkit-transition: width .6s ease 0s,height .6s ease 0s;
    -ms-transition: width .6s ease 0s,height .6s ease 0s;
    -o-transition: width .6s ease 0s,height .6s ease 0s;
    width: 0;
    z-index: -1;
}
.cta-section {
 background-image:url(../image/dl-cta-background.jpg);
 background-position:top center;
 background-repeat:no-repeat;
 background-size:cover;
 width:100%;
 height:100%; padding:100px 0px;
}
.cta-section .section-heading h4 {
 color:#ddd
}
.cta-section .section-heading h2 {
 color:#fff
}
.counter-section {
 
}
.counter-wrap {


 margin-bottom:50px
}
.counter-item {
}
.counter-content {
 text-align:center;
 padding:50px 0 30px
}
.counter-content i {
 font-size:50px;
 color:#fff;
 margin-bottom:10px
}
.counter-content h3 {
 font-size:36px;
 color:#fff;
 line-height:40px;
 font-weight:700;
 margin:10px 0 5px
}
.counter-content h4 {
 color:#fff;

 font-size:12px;
 font-weight:600;
 text-transform:uppercase;
 letter-spacing:0
}
.service-faq{ margin-top:60px;}
.service-faq li{ margin-bottom:20px;}
.service-faq li a{font-size: 16px;display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #666;
    cursor: pointer;
    padding-left: 35px;
    background: #f5f5f5;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;}
.service-faq li:hover a{ background:#063e93; color:#fff;}

.service-auto {
    text-align: center;
    padding: 125px 0 145px;
}
.com-tit-18 {
    font-size: 18px;
    color: #333;
}
.service-auto-list {
    margin-top: 130px;
    font-size: 0;
    text-align: center;
}
.service-auto-list li {width: 25%; float:left;}
.service-auto-list li .pic {
    display: inline-block;
    width: 104px;
    height: 104px;
    line-height: 104px;
    font-size: 0;
    background: #2d2f2d;
    border-radius: 50%;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.service-auto-list li .pic img{vertical-align: middle;}
.service-auto-list li h5 {
    margin-top: 25px;
    font-size: 22px;
    color: #333;
}
.service-auto-list li p {
    font-size: 16px;
    color: #666; line-height:36px;
}
.service-auto-list li .more {
    margin-top: 25px;
    display: inline-block;
    font-size: 14px;
    color: #666;
    border-bottom: 1px solid #9c9c9c;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.service-auto-list li .box:hover .pic {
    background: #ff651c;
    box-shadow: 0 0 20px rgba(0,0,0,0.2)
} 
.service-auto-list li .box:hover .more {
    color: #ff651c;
    border-color: #ff651c;
    padding: 0 10px;
} 
.box {   display: block;   width: 100%;   height: 100%;}
.solution_list{padding-top:60px;}
.solution_list:after {	content: '';	display: block;	clear: both; }
.solution_list ul li { margin-bottom:30px; overflow:hidden;	width: 100%;}
.solution_list a {	display: block; background:#46525e; 	margin: 0px;	position: relative;}
.solution_list .img{ float: left; width:750px; }
.solution_list img {	display: block; width:750px; height:450px; object-fit:cover;}
.solution_list .text { width:450px; box-sizing:border-box; height:450px;	 float:left;	padding:50px 40px; background:#063e93;	color: #fff;}
.solution_list .text h3 {	font-size: 24px;	font-weight: normal;}
.solution_list .text p {	margin: 20px 0;	background: bottom center no-repeat; line-height:30px; font-size:14px;}
.solution_list .text .more {	display: inline-block;	padding: 10px 20px; border:1px solid #fff;	}
/*.solution_list a:hover .img:before {
	background: #fff;
	opacity: .95;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
}
.solution_list a:hover .text {
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	text-align: center;
	color: #000;
	z-index: 100
}
.solution_list a:hover .text h3 {
	color: #000;
	border-bottom: 1px solid #d7d7d7;
	margin: 0 20px;
	padding-bottom: 15px;
}
.solution_list a:hover .text p {
	color: #7f7f7f;
	padding-bottom: 20px;
	background: url(../image/icon5.png) bottom center no-repeat;
}
.solution_list a:hover .text span {
	display: none;
}*/


.donating2 {overflow: hidden;  background-color: rgba(0,0,0,0.5);  position: relative;  width: 100%;  height:484px; background-attachment:fixed; background-position:center ;background-repeat:no-repeat;}
.donating2:before {position: absolute;   content: '';   left: 0;    top: 0;   right: 0;  bottom: 0;    background-color: #000;    opacity: .5;}
.donating2 img {width: 100%;   height: 100%;    object-fit: cover;   }
.donating2 .overlay {width:900px; margin:0 auto;  height: max-content;   transform: translate(-50%, -50%);   -webkit-transform: translate(-50%, -50%);    -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);    -o-transform: translate(-50%, -50%);    color: #fff;   text-align:left; padding-top:600px; }
.donating2 .overlay i.fa-phone{font-size: 18px; width: 60px; height: 60px; text-align: center; display:none; line-height: 60px; border: 2px solid #fff; margin-bottom: 20px; border-radius: 50%;  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;     -o-border-radius: 50%; }
.donating2 .overlay h4 {letter-spacing: 0.05rem;margin-bottom:10px; width:220px; margin:0 auto;     font-weight:bold; font-size:36px; display: flex;display: -webkit-flex; /* Safari */padding-bottom:10px; font-family:"Arial Black" }
 .zw_bann{ font-size:24px; width:220px; margin:0 auto; text-align:left}
 .donating2 .overlay h4:after{ position:absolute; content:""; background:#fff; width:50px; left:38%;height:2px;  bottom:0px;margin-left:-700;}
 
 


.donating1 {overflow: hidden;  background-color: rgba(0,0,0,0.5);  position: relative;  width: 100%;  height:484px; background-attachment:fixed; background-image:url(../image/a02.jpg); background-position:center; /*background-repeat:no-repeat;*/ }

.donating11 {overflow: hidden;  background-color: rgba(0,0,0,0.5);  position: relative;  width: 100%;  height:484px; background-attachment:fixed; background-image:url(../image/a002.jpg); background-position:center; /*background-repeat:no-repeat;*/ }


.donating11:before {position: absolute;   content: '';   left: 0;    top: 0;   right: 0;  bottom: 0;    background-color: #000;    opacity: .5;}
.donating11 img {width: 100%;   height: 100%;    object-fit: cover;   }
.donating11 .overlay {width:900px; margin:0 auto;  height: max-content;   transform: translate(-50%, -50%);   -webkit-transform: translate(-50%, -50%);    -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);    -o-transform: translate(-50%, -50%);    color: #fff;   text-align:left; padding-top:600px; }
.donating11.overlay i.fa-phone{font-size: 18px; width: 60px; height: 60px; text-align: center; display:none; line-height: 60px; border: 2px solid #fff; margin-bottom: 20px; border-radius: 50%;  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;     -o-border-radius: 50%; }
.donating11 .overlay h4 {letter-spacing: 0.05rem;margin-bottom:10px; width:220px; margin:0 auto;     font-weight:bold; font-size:36px; display: flex;display: -webkit-flex; /* Safari */padding-bottom:10px; font-family:"Arial Black" }
 .zw_bann{ font-size:24px; width:220px; margin:0 auto; text-align:left}
 .donating11 .overlay h4:after{ position:absolute; content:""; background:#fff; width:50px; left:38%;height:2px;  bottom:0px;margin-left:-700 }


.donating1:before {position: absolute;   content: '';   left: 0;    top: 0;   right: 0;  bottom: 0;    background-color: #000;    opacity: .5;}
.donating1 img {width: 100%;   height: 100%;    object-fit: cover;   }
.donating1 .overlay {width:900px; margin:0 auto;  height: max-content;   transform: translate(-50%, -50%);   -webkit-transform: translate(-50%, -50%);    -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);    -o-transform: translate(-50%, -50%);    color: #fff;   text-align:left; padding-top:600px; }
.donating1 .overlay i.fa-phone{font-size: 18px; width: 60px; height: 60px; text-align: center; display:none; line-height: 60px; border: 2px solid #fff; margin-bottom: 20px; border-radius: 50%;  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;     -o-border-radius: 50%; }
.donating1 .overlay h4 {letter-spacing: 0.05rem;margin-bottom:10px; width:220px; margin:0 auto;     font-weight:bold; font-size:36px; display: flex;display: -webkit-flex; /* Safari */padding-bottom:10px; font-family:"Arial Black" }
 .zw_bann{ font-size:24px; width:220px; margin:0 auto; text-align:left}
 .donating1 .overlay h4:after{ position:absolute; content:""; background:#fff; width:50px; left:38%;height:2px;  bottom:0px;margin-left:-700 }
 
 
 .container {  max-width: 1200px; margin:auto;}
.row {  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  margin-right: -15px;   margin-left: -15px;}
.align-items-center {  -ms-flex-align: center !important;   align-items: center !important;}
.d-sm-flex {   display: -ms-flexbox !important;   display: flex !important;}
.about-left {  -ms-flex: 0 0 58.333333%;   flex: 0 0 58.333333%;  max-width: 58.333333%;}
.about-right{  -ms-flex: 0 0 41.666667%;  flex: 0 0 41.666667%;  max-width: 41.666667%;}
.about-area {  padding-top: 105px; padding-bottom: 120px; }
.about-area .about-right-content {  padding-top: 4px;  margin-left: -30px; }
.about-area .about-right-content p { font-size: 18px;  line-height: 34px;    font-weight: 300;  color: #7e8591;   letter-spacing: .4px; }
.about-area .about-right-content .about-thumb {     margin-top: 66px;  position: relative; }
.about-area .about-right-content .about-thumb .shape { position: absolute; top: 0; left: 0; }
.about-area .about-right-content .about-thumb img {    width: 100%; }
.about-area .about-main-content .about-title { padding-bottom: 50px; }
.about-area .about-main-content .about-title .title { font-size: 40px;    line-height: 60px;   text-transform: uppercase;   font-weight: 400; }
.about-area .about-main-content .about-item .about-item-thumb { min-width: 270px; }
.about-area .about-main-content .about-item .about-item-thumb img {   width: 100%; }
.about-area .about-main-content .about-item .about-item-content {padding-left: 30px; }
.about-area .about-main-content .about-item .about-item-content .title {   font-size: 20px; font-weight: 400;    text-transform: uppercase;    line-height: 34px; color: #ff5316; }
.about-area .about-main-content .about-item .about-item-content p {     font-weight: 300;     font-size: 18px;    line-height: 34px;    color: #7e8591;   padding-top: 21px; }
.about-area .about-main-content .about-list {  padding-top: 50px;  margin-right: 130px; }
.about-area .about-main-content .about-list ul li {     background: #f4f4f5;     line-height: 100px;     padding-left: 40px;     margin-top: 10px;     font-size: 20px;      text-transform: uppercase;     color: #192437; }
.about-area .about-main-content .about-list ul li span {        color: #ff5316;        padding-right: 22px; }
.about-area.about-page {   padding-top: 120px;   position: relative;   z-index: 10; }
.about-area.about-page > .shape {  position: absolute;   right: 0; top: 100px; z-index: -1; }
.about-area.about-page .about-main-content {  margin-top: -13px; }
.about-area.about-page .about-main-content .about-title { padding-bottom: 50px; }
.about-area.about-page .about-main-content .about-title p {   font-size: 18px;    line-height: 34px;    color: #7e8591;   font-weight: 300;   padding-right: 130px;   padding-top: 41px; }
.about-area.about-page .about-right-content { padding-top: 0; }
.about-area.about-page .about-right-content .about-thumb {     margin-top: 0; }



/*===========================
    8.FUN FACTS css 
===========================*/
.fun-facts-li {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.text-center {
    text-align: center !important;
}
.fun-facts-area {
  position: relative;
  z-index: 15; }
  .fun-facts-area .fun-facts-bg {
    background: #ff5316;
    padding: 40px 0 75px;
    position: relative;
    z-index: 10; }
    .fun-facts-area .fun-facts-bg .shape {
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: -1; }
    .fun-facts-area .fun-facts-bg .fun-facts-item {
      position: relative; }
      .fun-facts-area .fun-facts-bg .fun-facts-item::before {
        position: absolute;
        content: '';
        right: -15px;
        top: 50%;
        transform: translateY(-50%);
        height: 110px;
        width: 1px;
        background-color: rgba(255, 255, 255, 0.2); }
      .fun-facts-area .fun-facts-bg .fun-facts-item .title {
        color: #fff;
        font-size: 40px;
        font-weight: 400;
        font-family: "Oswald", sans-serif; }
      .fun-facts-area .fun-facts-bg .fun-facts-item > span {
        font-weight: 300;
        color: #ffe5dc;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding-top: 11px;
        display: block; }
      .fun-facts-area .fun-facts-bg .fun-facts-item.item::before {
        display: none; }
  .fun-facts-area.fun-facts-3-area {
    background: #ff5316; }

.odometer-formatting-mark {
  display: none; }

.fun-facts-2-area {
  position: relative;
  padding-top: 102px;
  padding-bottom: 250px;
  background-attachment: fixed; }
  .fun-facts-2-area::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(18, 27, 43, 0.8); }
  .fun-facts-2-area .fun-facts-item .item {
    padding-left: 100px;
    position: relative; }
   
   
    .fun-facts-2-area .fun-facts-item .item i {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      font-size: 60px;
      color: #ff5316; }
     
      
    .fun-facts-2-area .fun-facts-item .item .title {
      font-size: 80px;
      font-weight: 300;
      color: #fff;
      font-family: "Oswald", sans-serif; }
     
    .fun-facts-2-area .fun-facts-item .item p {
      font-size: 18px;
      color: #fff;
      text-transform: uppercase;
      letter-spacing: 2px;
      padding-top: 6px;
      display: block; }
	  
	  /*===========================
    8.CLIENT css 
===========================*/
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.client-li {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;padding-right: 15px;
    padding-left: 15px;
}
.client-area {
  padding-bottom: 60px;
  position: relative;
  z-index: 10; }
  .client-area .client-title {
    padding-bottom: 25px; width:100%; }
    .client-area .client-title .title {
      font-size: 36px; text-align:center; width:100%;
      color: #192437;
      font-weight: 400;
      text-transform: uppercase; }
    
  .client-area .client-item {
    padding: 60px 30px;
    border: 1px solid #eaeaea;
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.04);
    position: relative;
    margin-bottom: 60px;
    background: #fff; }
 .client-area  .user-thumb img{ max-width:100%;}
    .client-area .client-item .shape {
      position: absolute;
      right: 26px;
      top: 0; }
    .client-area .client-item .user {
      padding-left: 103px;
      position: relative; }
    
      .client-area .client-item .user .title {
        font-size: 20px;
        font-weight: 400;
        text-transform: uppercase; }
      .client-area .client-item .user span {
        font-size: 14px;
        color: #ff5316;
        text-transform: uppercase;
        left: 1px; }
      .client-area .client-item .user .user-thumb {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%); }
        .client-area .client-item .user .user-thumb i {
          position: absolute;
          right: 0;
          bottom: 0;
          height: 22px;
          width: 22px;
          text-align: center;
          line-height: 22px;
          color: #fff;
          font-size: 12px;
          background: #ff5316; }
        .client-area .client-item .user .user-thumb img {
          width: 100%; }
    .client-area .client-item .text p {
      padding-top: 42px;
      font-size: 18px;
      font-weight: 300;
      color: #7e8591;
      line-height: 34px; }
  .client-area .client-active .slick-dots {
    position: absolute;
    top: -75px;
    right: 657px; }
    
    .client-area .client-active .slick-dots li {
      display: inline-block; }
      .client-area .client-active .slick-dots li button {
        height: 7px;
        width: 7px;
        border-radius: 50%;
        font-size: 0;
        border: 0;
        margin-left: 6px;
        background: #babdc3; }
      .client-area .client-active .slick-dots li.slick-active button {
        background: #ff5316; }
  .client-area.client-2-area {
    background: #f4f4f5;
    padding-top: 342px; }
    .client-area.client-2-area .client-item {
      background: #fff; }
    .client-area.client-2-area .client-shape {
      bottom: 0;
      top: auto; }
  .client-area.client-about {
    padding-top: 168px;
    margin-top: -60px; }
  .client-area.testimonials-client {
    padding-bottom: 120px; }
    .client-area.testimonials-client .client-item {
      margin-bottom: 0;
      box-shadow: none;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      .client-area.testimonials-client .client-item:hover {
        box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.04); }
  .client-area .client-shape {
    position: absolute;
    left: 0;
    top: -60px;
    z-index: -1; }
  .client-area .client-full {
   
    position: relative; }
   

.client-3-area {
  position: relative; }
  .client-3-area::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 370px;
    width: 100%;
    background-image: url(http://www.szfhgas.com/template/default/images/news-bg-2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .client-3-area .client-content p {
    font-weight: 300;
    font-size: 40px;
    line-height: 60px;
    color: #192437;
    padding: 0 40px; }
   
  
 
    
  .client-3-area .client-content .title {
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    color: #192437;
    padding-top: 33px; }
  .client-3-area .client-content span {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #ff5316;
    display: block; }
  .client-3-area .client-content .thumb {
    display: inline-block;
    margin-top: 32px;
    position: relative; }
    .client-3-area .client-content .thumb img {
      width: 100%; }
    .client-3-area .client-content .thumb i {
      position: absolute;
      right: 0;
      bottom: 0;
      height: 22px;
      width: 22px;
      text-align: center;
      line-height: 22px;
      color: #fff;
      font-size: 12px;
      background: #ff5316; }


/*===========================
    6.VIDEO css 
===========================*/
.bg_cover {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.video-area {
  position: relative;
  z-index: 10;
  background-attachment: fixed; padding:200px 0px; }
  .video-area::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #222;
    opacity: .6;
    z-index: -1; }
  .video-area .shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: project-shape 5s infinite;
    animation: project-shape 5s infinite; }
    .video-area .shape-1 img {
      width: 100%; }
     
  .video-area .shape-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-animation: footer-shape 10s infinite;
    animation: footer-shape 10s infinite; }
    .video-area .shape-2 img {
      width: 100%; }
     
  .video-area .video-item a {
    height: 95px;
    width: 95px;
    text-align: center;
    line-height: 95px;
    background: #ff5316;
    font-size: 24px;
    color: #fff;
    position: relative;
    z-index: 10; display:inline-block; }
    .video-area .video-item a::before {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      border: 1px solid #fff;
      z-index: -1;
      opacity: 0;
      -webkit-animation: pulse-border-2 1.5s linear infinite;
      -moz-animation: pulse-border-2 1.5s linear infinite;
      -o-animation: pulse-border-2 1.5s linear infinite;
      animation: pulse-border-2 1.5s linear infinite; }
    .video-area .video-item a::after {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      border: 1px solid #fff;
      z-index: -1;
      opacity: 0;
      -webkit-animation: pulse-border 1s linear infinite;
      -moz-animation: pulse-border 1s linear infinite;
      -o-animation: pulse-border 1s linear infinite;
      animation: pulse-border 1s linear infinite; }
  .video-area .video-item .title {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 66px;
    padding-top: 77px; }
   .video-area .video-item p{ color:#fff; font-size:16px; line-height:36px; margin-top:20px;}  

@keyframes pulse-border {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0; } }
@keyframes pulse-border-2 {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0; } }
	
	
	
	/*===========================
    14.LEADERSHIP css 
===========================*/
.col-lg-4 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.leadership-area {
  padding-top: 106px;
  margin-bottom: -237px;
  position: relative;
  z-index: 11; }
  .leadership-area .leadership-title {
    padding-bottom: 23px; padding-top:60px;}
    .leadership-area .leadership-title .title { text-align:center; width:100%;
      font-size: 36px;
      text-transform: uppercase;
      font-weight: 400; }
  .leadership-area .leadership-item {
    padding: 60px 60px 52px;
    border: 1px solid #eaeaea;
    background: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    
    .leadership-area .leadership-item .leadership-thumb {
      position: relative; }
      .leadership-area .leadership-item .leadership-thumb .social {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 10; }
        .leadership-area .leadership-item .leadership-thumb .social > a {
          height: 45px;
          width: 45px;
          text-align: center;
          line-height: 45px;
          background: #ff5316;
          color: #fff; }
          .leadership-area .leadership-item .leadership-thumb .social > a i::before {
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s; }
        .leadership-area .leadership-item .leadership-thumb .social ul {
          position: absolute;
          left: 0;
          bottom: 0;
          display: flex;
          z-index: -1;
          opacity: 0;
          -webkit-transition: all 0.3s ease-out 0s;
          -moz-transition: all 0.3s ease-out 0s;
          -ms-transition: all 0.3s ease-out 0s;
          -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s; }
          .leadership-area .leadership-item .leadership-thumb .social ul li a {
            height: 45px;
            width: 45px;
            text-align: center;
            line-height: 45px;
            background: #121b2b;
            color: #9aa3b2;
            font-size: 14px; }
            .leadership-area .leadership-item .leadership-thumb .social ul li a:hover {
              color: #fff;
              -webkit-transition: all 0.3s ease-out 0s;
              -moz-transition: all 0.3s ease-out 0s;
              -ms-transition: all 0.3s ease-out 0s;
              -o-transition: all 0.3s ease-out 0s;
              transition: all 0.3s ease-out 0s; }
      .leadership-area .leadership-item .leadership-thumb img {
        width: 100%; }
    .leadership-area .leadership-item .leadership-content h4 {
      font-size: 20px;
      font-weight: 400;
      text-transform: uppercase;
      padding-top: 25px; }
    .leadership-area .leadership-item .leadership-content span {
      font-size: 14px;
      text-transform: uppercase;
      color: #ff5316;
      padding-bottom: 9px; }
    .leadership-area .leadership-item .leadership-content p {
      font-size: 18px;
      font-weight: 300;
      color: #7e8591;
      line-height: 34px;
      padding: 0 10px; }
    .leadership-area .leadership-item:hover {
      box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.04); }
      .leadership-area .leadership-item:hover .leadership-thumb .social > a i::before {
        content: "\f068"; }
      .leadership-area .leadership-item:hover .leadership-thumb .social ul {
        opacity: 1;
        left: 45px; }
  .leadership-area.about-leadership {
    padding-top: 0px;
    margin-bottom: 0;
    padding-bottom: 120px;
    position: relative;
    z-index: 10; }
    .leadership-area.about-leadership .shape {
      position: absolute;
      right: 0;
      top: 0px;
      z-index: -1; }
  .leadership-area.team-leadership {
    padding-top: 90px; }

/*===========================
    15.NANO css 
===========================*/
.nano-area .nano-item {
  border-bottom: 3px solid #ff5316;
  padding-left: 60px;
  padding-top: 43px;
  padding-bottom: 45px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: relative;
  z-index: 5; }
  .nano-area .nano-item::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 0%;
    width: 100%;
    background: #ff5316;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  .nano-area .nano-item span {
    font-size: 14px;
    color: #7e8591;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 13px;
    display: block;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  .nano-area .nano-item .title {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  .nano-area .nano-item.active, .nano-area .nano-item:hover {
    border-bottom-color: #192437; }
    .nano-area .nano-item.active::before, .nano-area .nano-item:hover::before {
      height: 100%; }
    .nano-area .nano-item.active span, .nano-area .nano-item:hover span {
      color: #fff; }
    .nano-area .nano-item.active .title, .nano-area .nano-item:hover .title {
      color: #fff; }
	  
.timeline {
	list-style:none;
	position:relative;
	max-width:1200px;
	padding:20px 0;
	margin:0 auto;
	overflow:hidden;
}
.timeline:after {
	content:"";
	position:absolute;
	top:0;
	left:50%;
	margin-left:-0.5px;
	background-color:rgba(0,0,0,0.2);
	height:100%;
	width:1px;
	border-radius:2px;
	display:block;
}
.timeline .timeline-row {
	padding-left:50%;
	position:relative;
	z-index:10;
}
.timeline .timeline-row .timeline-time {
	position:absolute;
	right:50%;
	top:31px;
	text-align:right;
	margin-right:40px;
	font-size:20px;
	line-height:1.3;
	font-weight:600;
}
.timeline .timeline-row .timeline-time small {
	display:block;
	color:#666;
	text-transform:uppercase;
	opacity:0.75;
	font-size:16px;
	font-weight:400;
}
.timeline .timeline-row .timeline-icon {
	position:absolute;background-color: #053e92; color:#fff;
	top:30px;
	left:50%;
	margin-left:-20px;
	width:40px;
	height:40px;
	border-radius:50%;
	text-align:center;
	box-shadow:0 1px 2px rgba(0,0,0,0.1);
	overflow:hidden;
	padding:3px;
	font-size:18px;
	z-index:100;
}
.timeline .timeline-row .timeline-icon > div,.timeline .timeline-row .timeline-icon > div > i {
	line-height:34px;
	font-size:20px;
}
.timeline .timeline-row .timeline-content {
	margin-left:40px;
	position:relative;
	background-color:white;
	color:#333333;
}
.timeline .timeline-row .timeline-content:after {
	content:"";
	position:absolute;
	top:50px;
	left:-41px;
	height:1px;
	width:40px;
	background-color:rgba(0,0,0,0.2);
	z-index:-1;
}
.timeline .timeline-row .timeline-content .panel-body {
	padding:15px 15px 2px;
	position:relative;
	z-index:10;
  background: #f0f0f0;
}
.timeline .timeline-row .timeline-content h2 {
	font-size:20px;
	margin-bottom:12px;
	margin-top:0;
	line-height:1.2;
  font-weight: bold;
}
.timeline .timeline-row .timeline-content p {
	margin-bottom:15px; line-height:35px; font-size:16px;
	color:#666;
}
.timeline .timeline-row .timeline-content img {
	margin-bottom:15px;
}
.timeline .timeline-row .timeline-content blockquote {
	border-color:#eeeeee;
}
.timeline .timeline-row .timeline-content blockquote footer,.timeline .timeline-row .timeline-content blockquote small,.timeline .timeline-row .timeline-content blockquote .small,.timeline .timeline-row .timeline-content blockquote.blockquote-reverse footer,.timeline .timeline-row .timeline-content blockquote.blockquote-reverse small,.timeline .timeline-row .timeline-content blockquote.blockquote-reverse .small {
	color:#999999;
}
.timeline .timeline-row .timeline-content .video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	margin-bottom:15px;
	overflow:hidden;
}
.timeline .timeline-row .timeline-content .video-container iframe,.timeline .timeline-row .timeline-content .video-container object,.timeline .timeline-row .timeline-content .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.timeline .timeline-row:nth-child(odd) {
	padding-left:0;
	padding-right:50%;
}
.timeline .timeline-row:nth-child(odd) .timeline-time {
	right:auto;
	left:50%;
	text-align:left;
	margin-right:0;
	margin-left:40px;
}
.timeline .timeline-row:nth-child(odd) .timeline-content {
	margin-right:40px;
	margin-left:0;
}
.timeline .timeline-row:nth-child(odd) .timeline-content:after {
	left:auto;
	right:-41px;
}
.timeline.animated .timeline-row .timeline-content {
	opacity:0;
	left:20px;
	-webkit-transition:all 0.8s;
	-moz-transition:all 0.8s;
	transition:all 0.8s;
}
.timeline.animated .timeline-row:nth-child(odd) .timeline-content {
	left:-20px;
}
.timeline.animated .timeline-row.active .timeline-content {
	opacity:1;
	left:0;
}
.timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
	left:0;
}
@media (max-width:1200px) {
	.timeline {
	padding:15px 10px;
}
.timeline:after {
	left:28px;
}
.timeline .timeline-row {
	padding-left:0;
	margin-bottom:16px;
}
.timeline .timeline-row .timeline-time {
	position:relative;
	right:auto;
	top:0;
	text-align:left;
	margin:0 0 6px 56px;
}
.timeline .timeline-row .timeline-time strong {
	display:inline-block;
	margin-right:10px;
}
.timeline .timeline-row .timeline-icon {
	top:52px;
	left:-2px;
	margin-left:0;
}
.timeline .timeline-row .timeline-content {
	margin-left:56px;
	box-shadow:0 1px 2px rgba(0,0,0,0.1);
	position:relative;
}
.timeline .timeline-row .timeline-content:after {
	right:auto !important;
	left:-20px !important;
	top:32px;
}
.timeline .timeline-row:nth-child(odd) {
	padding-right:0;
}
.timeline .timeline-row:nth-child(odd) .timeline-time {
	position:relative;
	right:auto;
	left:auto;
	top:0;
	text-align:left;
	margin:0 0 6px 56px;
}
.timeline .timeline-row:nth-child(odd) .timeline-content {
	margin-right:0;
	margin-left:55px;
}
.timeline.animated .timeline-row:nth-child(odd) .timeline-content {
	left:20px;
}
.timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
	left:0;
}
}	  
.about_nav {
    height: 66px;
    font-size: 0;
    text-align: center;
    box-shadow: 0 1px 6px rgba(0,0,0,0.08);
}
.about_nav ul li {
    display: inline-block; padding:0px 30px;
    
}
.about_nav a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    padding: 0 10px;
    line-height: 66px;
}
.about_nav ul li a.on
{
    color: #fc5a20;
}
.about_nav a:before
 {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #fc5a20;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.4, 0, .2, 1);
    transition: transform .5s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;
}
.about_nav li a:hover:before,
.about_nav li a.on:before

{
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}
.about-content p{ line-height:36px;}

.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px;  background: rgb(0, 0, 0); opacity:0.4; 
    text-decoration: none; font-size: 24px; color: #fff !important; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 10px; top: 10px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}