/*--------------------------------------------------------
Templete Name: Fitaza
Version: 1.1
/*===================================================================== 
Table of Content: 
01 - TT-HEADER 
02 - SWIPER 
03 - TT-MSLIDE
04 - About Us
05 - Top Classes
06 - Testimonial Section
07 - Our Pricing 
08 - Latest News
09 - Image Hover Effect
10-	FOOTER
=====================================================================*/
@font-face {
  font-family: '思源黑体';/*字体名称*/
  src: url('../fonts/simhei.ttf'); /*字体源文件*/

}
@font-face {
  font-family: '思源黑体 CN Regular';/*字体名称*/
  src: url('SourceHanSansCN-Regular.otf'); /*字体源文件*/

}

body{
	margin: 0;
	padding: 0; 
	font-family: '思源黑体',"思源黑体 CN Regular", "Arial Unicode MS", Arial;
	background-attachment: fixed;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:url(../images/about_bg.jpg);
}
p {
	padding: 0;
	margin: 0;
}
body p{ display:block; min-height:20px;}
body p br{ display:block; min-height:20px;}
html{ overflow-x:hidden;}
ul, li{ list-style:none;padding:0;}
a{ color:#1E1E1E;}
a:hover{ text-decoration:none; color:#4dbcd8;}
em,i{ font-style:normal;}
img{ max-width:100%;}
.tt-header { z-index:1000; }
.logo-switch.tt-header .logo img.green,
.stick.logo-switch.tt-header .logo img.white {
	display: none;

}
.stick.logo-switch.tt-header .logo img.green{
	display: inline-block;
}
.tt-header ul {
	padding-left: 0;
	margin-bottom: 0;
}
.tt-header .logo {
	display: inline-block;
	position: relative;
	line-height: 70px;
	z-index: 101;
	transition: none;
}
.tt-header .logo img {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	vertical-align: middle;
}
/*general navigation*/
.tt-header .main-nav>ul>li>a {
	font-family: 'Work Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	color: #434343;
	letter-spacing: 0.30px;
	text-transform: initial;
	transition: none;
	
}


.tt-header .main-nav>ul>li.active>a,
.tt-header .main-nav>ul>li:hover>a {
	color: #fff;
	text-decoration: none;
}

/*cmn-toggle-switch*/
.cmn-toggle-switch:focus {
	outline: none;
}
.tt-header .cmn-toggle-switch {
	display: none;
	position: relative;
	float: right;
	margin-top: 22px;
	padding: 0;
	width: 25px;
	height: 17px;
	cursor: pointer;
	z-index: 101;
}
.tt-header .cmn-toggle-switch span {
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	right: 0;
	height: 3px;
	background: #424242;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.tt-header .cmn-toggle-switch::before,
.tt-header .cmn-toggle-switch::after {
	content: "";
	position: absolute;
	display: block;
	top: 7px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #424242;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.tt-header .cmn-toggle-switch::before {
	margin-top: -7px;
}
.tt-header .cmn-toggle-switch::after {
	margin-top: 7px;
}
.tt-header .cmn-toggle-switch.active::before {
	-webkit-transform: translateY(7px) rotate(45deg);
	-moz-transform: translateY(7px) rotate(45deg);
	-ms-transform: translateY(7px) rotate(45deg);
	transform: translateY(7px) rotate(45deg);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}
.tt-header .cmn-toggle-switch.active::after {
	-webkit-transform: translateY(-7px) rotate(-45deg);
	-moz-transform: translateY(-7px) rotate(-45deg);
	-ms-transform: translateY(-7px) rotate(-45deg);
	transform: translateY(-7px) rotate(-45deg);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}
.tt-header .cmn-toggle-switch.active span {
	opacity: 0;
}


@media (min-width: 992px){
	.tt-header .top-inner {
		position: relative;
		float: left;
		padding: 10px 0;
	}

	.tt-header .toggle-block {
		display: block !important;
		float: right;
	}

	.tt-header .toggle-block .container {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.tt-header .main-nav {
		display: inline-block;
		vertical-align: top;
	}

	.tt-header .main-nav>ul>li {
		position: relative;
		float: left;
		list-style: none;
	}

	.tt-header .main-nav>ul>li.active {
		background: #f2c21a;
	}

	.tt-header .main-nav>ul>li>a {
		display: block;
		position: relative;
		padding: 36px 14px;
	}

	.tt-header .main-nav>ul>li:last-child>a:before {
		display: none;
	}
	.tt-header .main-nav>ul>li>a span i{ color:#fff;}
/*2nd level*/
	.tt-header .main-nav>ul>li>ul {
		display: block;
		position: absolute;
		box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
		top: 100%;
		left: 0;
		width: 100%;
		background: #494d4e;
		visibility: hidden;
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		transform: translateY(40px);
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}

	.tt-header .main-nav>ul>li:hover>ul {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}

	.tt-header .main-nav>ul>li>ul>li {
		border-bottom: 1px solid #636363;
		text-align: left;
		list-style: none;
	}

	.tt-header .main-nav>ul>li>ul>li:last-child {
		border-bottom: 0;
	}

	.tt-header .main-nav>ul>li>ul>li>a {
		display: block;
		position: relative;
		font-size: 14px;
		line-height: 18px;
		font-weight: 400;
		color: #FFF;
		letter-spacing: 0.30px;
		padding: 15px 10px 14px 10px;
		text-decoration: none;
		font-family: 'Work Sans', sans-serif;
		text-align:center;
	}

/*3rd level*/
	.tt-header .main-nav>ul>li>ul>li {
		position: relative;
	}

	.tt-header .main-nav>ul>li>ul>li>ul {
		display: block;
		position: absolute;
		top: 0;
		left: 100%;
		width: 256px;
		background: #1e2434;
		visibility: hidden;
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		transform: translateY(40px);
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
		list-style: none;
	}

	.tt-header .main-nav>ul>li:nth-last-child(1)>ul>li>ul,
.tt-header .main-nav>ul>li:nth-last-child(2)>ul>li>ul {
		left: auto;
		right: 100%;
		margin-right: 0;
	}

	.tt-header .main-nav>ul>li>ul>li:hover>ul {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}

	.tt-header .main-nav>ul>li>ul>li>ul>li:last-child {
		border-bottom: 0;
	}

	.tt-header .main-nav>ul>li>ul>li>ul>li {
		border-bottom: 1px solid #323b54;
		text-align: left;
	}

	.tt-header .main-nav>ul>li>ul>li>ul>li>a {
		display: block;
		position: relative;
		font-size: 14px;
		line-height: 18px;
		font-weight: 500;
		color: #FFF;
		letter-spacing: 0.30px;
		padding: 15px 19px 14px 31px;
		font-family: 'Work Sans', sans-serif;
	}

	.tt-header .main-nav>ul>li>ul>li>ul>li>a:hover {
		background: #001a57;
		color: #fff;
		text-decoration: none;
	}

	.tt-header .menu-toggle {
		/*display: none;*/
		padding-left: 4px;
	}

	.pull-right ul li a :hover {
		/*color: #729a30;*/
	}
/*stick*/
	.tt-header.stick {
		position: fixed;
		left: 0;
		width: 100%;
		z-index:1000;
	}

	.tt-header.stick .logo {
		max-height: 100%;
	}

	.tt-header .top-line-right {
		float: right;
		padding-top: 10px;
		vertical-align: middle;
	}

	.responsive_logo {
		display: none;
	}

	.tt-header {
		position: relative;
		background: #001a57;
	}

	.tt-header.stick {
		position: fixed;
	}

	.tt-header .main-nav>ul>li:hover {
		background: #f2c21a;
	}

	.tt-header .toggle-block {
		display: block;
		float: left;
	}

	.tt-header .top-inner {
		float: right;
	}






	.tt-header .main-nav>ul>li.first a {
		padding-left: 0;
	}

	.tt-header .main-nav>ul>li.active ul li a {
		color: #FFF;
		padding-left: 20px;
	}

	.tt-header .main-nav>ul>li>ul>li>a:hover {
		background: #4dbcd8;
		color: #fff;
	}
}

.tt-header .main-nav>ul>li.active>a {
	color: #fff;
}

.tt-header .main-nav>ul>li>a {
	color: #fff;
	text-decoration: none;
}



.tt-header .nav-more span {
	font-size: 14px;
	padding-top: 4px;
	height: 26px;
	width: 1px;
	border-left: 1px solid #273963;
	margin-top: 0px;
	padding-left: 18px;
}

.header_top a {
	text-decoration: none;
}

.header_top .sim-button {
	color: #fff;
}

.header-right-info ul li:last-child {
	margin-right: 0;
	padding-right: 0;
}

.header-right-info ul li .single-header-right-info .icon-box {
	float: left;
	width: 40px;
	height: 40px;
	border: 1px solid;
	border-color: #dddddd;
	text-align: center;
	margin-right: 25px;
	margin-top: 6px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.header-right-info ul li .single-header-right-info .icon-box i {
	font-size: 20px;
	color: #f2c21a;
	font-size: 18px;
	line-height: 40px;
	color: #f2c21a;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.logo {
	margin-top: 3px;
}

.header1 .wrapper-inner-tab-backgrounds-first {
	margin-top: 4px;
}






.header1 .icon-Pointer:before {
	vertical-align: middle;
	padding-right: 6px;
}

.header1 .tt-header .main-nav>ul>li>a {
	color: #fff;
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
}
.tt-header .main-nav ul li.guo_tel a span em{
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	color:#838383;
	
}
.tt-header .main-nav ul li.guo_tel a span{
	font-size: 28px;
	line-height: 30px;
	color:#e60012;
	
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - jia_banner */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.jia_banner{ width:100%; margin:0 auto;}
.jia_banner img{ margin:0 auto; height:auto;}
.jia_banner_img1{ display:block;}
.jia_banner_img2{ display:none;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - About Us */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.jy_about{width:100%; margin:0 auto; background-image:url(../images/jia_bg1.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;  padding-top:100px;}

.jia_titile{ text-align:center;}
.jia_titile h1{ color:#64c6da; font-size:48px; line-height:50px; display:block; }
.jia_titile em{ font-style:normal; font-size:16px; color: rgba(58,57,57,.8); display:block; line-height:52px;	font-family:Arial;text-transform:uppercase;}
.jia_titile i{ height:3px; width:53px; margin:0 auto; background-color:#3a3939; display:block; margin-top:15px; margin-bottom:36px;}
.jia_titile ins{ border:1px solid #46b1cc; padding:10px 45px; color:#3a3939; font-size:19px; text-decoration:none; line-height:40px; border-radius:20px; }


.jy_about2{ margin-top:47px;}
.jy_about2_1{ background-image:url(../images/jia_icon_01.png); background-repeat:no-repeat; background-position:center center; height:75px;}
.jy_about2_2{ font-size:18px; line-height:35px; letter-spacing:0.5px; text-align:center; color:#444444; }
.jy_about2_3{background-image:url(../images/jia_icon_02.png); background-repeat:no-repeat; background-position:center center; height:75px;}
.jia_more{ height:30px; line-height:30px; text-align: center; margin:0 auto; background-color:#3b3b3b; color:#fff; width:130px; border-radius:15px; margin-top:30px; transition:0.5s;}
.jia_more:hover{ background-color:#46b1cc;}
.jia_more a{ color:#fff;}
.jy_about3{ margin-top:70px;}
.jy_about ul{wdith:90%; margin:0 5%; display:block; margin-top:70px; margin-bottom:117px;}
.jy_about ul li{  height:30px; line-height:30px; width:15%; float:left; margin-left:1.8%; text-align:center; display:block; color:#fff; font-size:18px; margin-bottom: 30px; color:#46b1cc;border:1px solid #46b1cc; border-radius: 30px;}
.jy_about ul li:first-child{ margin-left:0;}
.jy_about ul li:first-child+li+li+li+li+li+li{width:19%;margin-left: 0%; margin-right: 1%; background-color:#46b1cc;color:#fff;border-radius: 0;}
.jy_about ul li:first-child+li+li+li+li+li+li+li{ width:18%;margin-left: 1%; margin-right: 1%;background-color:#46b1cc;color:#fff;border-radius: 0;}
.jy_about ul li:first-child+li+li+li+li+li+li+li+li{width:18%;margin-left: 1%; margin-right: 1%;background-color:#46b1cc;color:#fff;border-radius: 0;}
.jy_about ul li:first-child+li+li+li+li+li+li+li+li+li{width:18%;margin-left: 1%; margin-right: 1%;background-color:#46b1cc;color:#fff;border-radius: 0;}
.jy_about ul li:first-child+li+li+li+li+li+li+li+li+li+li{ width:19%;margin-left: 1%; margin-right: 0%;background-color:#46b1cc;color:#fff;border-radius: 0;}

/*===============================get fit======================================*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - jia_cha */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.jia_cha{width:100%; margin:0 auto; background-image:url(../images/jia_bg2.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;  padding-top:100px; padding-bottom:76px;}
.jy_cha2{ margin-top:47px;}
.jy_cha2_1{ background-image:url(../images/jia_icon_03.png); background-repeat:no-repeat; background-position:center center; height:75px;}
.jy_cha2_2{ font-size:18px; line-height:35px; letter-spacing:1px; text-align:center; color:#fff; }
.jy_cha2_3{background-image:url(../images/jia_icon_04.png); background-repeat:no-repeat; background-position:center center; height:75px;}
.jy_cha3{  text-align:center; width:92%; margin:0 auto;margin-top:38px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - jia_gong */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.jia_gong{width:100%; margin:0 auto; background-image:url(../images/jia_bg3.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover;  padding-top:110px; padding-bottom:76px;}
.jia_gong .container{ overflow:hidden; }
.jy_gong2{ margin-top:0px;}
.jy_gong2_1{}
.jy_gong2_2{ font-size:18px; line-height:35px; letter-spacing:0.5px; text-align:center; color:#444444; margin-top:70px; }
.jy_gong2_3{}
.jy_gong3{  text-align:center; background-image:url(../images/pro_bg.jpg); background-repeat:repeat; background-position:center center; margin-top:47px; margin-bottom:36px;}
.jy_gong3_2{letter-spacing:1px; text-align:center; color:#fff; padding-top:50px;font-size:15px; line-height:60px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - jia_jie */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.jia_jie{width:100%; margin:0 auto; background-image:url(../images/jia_bg4.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover;  padding-top:110px; padding-bottom:110px;}
.jia_jie ul li{ display:table; margin-bottom:15px; }
.jia_jie ul li a{background-color:#fff; font-size:19px; color:#303030; text-align:center; display:table-cell; vertical-align:middle; min-height:166px; color:#4e4e4e; height:166px; transition:0.5s; padding:0;box-shadow: 0px 0px 5px #dbdbdb;}
.jia_jie ul li:first-child a{ color:#46b1cc; font-size:27px;}
.jia_jie ul li:first-child a em{ font-style:normal; font-size:17px; color:#c7c7c7; display:block;}
.jia_jie ul li a:hover{ background-color:#57bfda; color:#fff;}
.jia_jie ul li a:hover em{color:#fff;}

.jia_jie ul li:first-child+li+li+li+li+li a{ color:#46b1cc; font-size:27px;}
.jia_jie ul li:first-child+li+li+li+li+li a em{ font-style:normal; font-size:17px; color:#c7c7c7; display:block;}

.jia_jie ul li:first-child+li+li+li+li+li a:hover{ color:#fff; font-size:27px;}
.jia_jie ul li:first-child+li+li+li+li+li a:hover em{ font-style:normal; font-size:17px; color:#fff; display:block;}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - jia_case */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.jia_case{ background-image:url(../images/jia_bg5.jpg); background-repeat:no-repeat; background-position:center top; background-size:contain;  padding-top:110px; padding-bottom:110px;}
.jia_case2{ display:block; margin-top:60px;}
.jia_case2 div{ padding:0;}
.jia_case2 ul{}
.jia_case2 ul li{width:18.8%; float:left; margin:0 0.6%; margin-bottom:11px; background-color:#57bfda;}
.jia_case2 ul li a{}
.jia_case2 ul li a:hover{}
.jia_case2 ul li a img{opacity:1; transition:0.2s;}

.jia_case2 ul li a:hover img{opacity:0.5;}
.jia_case2 ul li:first-child{ margin-left:0;}
.jia_case2 ul li:first-child+li+li+li+li+li+li{ margin-left:0;}


.jia_case3{  background: linear-gradient(-90deg, #4cbcd9, #4bcbcc);}
.jia_case3 span{ display:block; background-color:#fff; padding:39px 0; border:1px solid #e5e5e5; margin-bottom:78px; }
.jia_case3 span em{ display:table-cell;vertical-align:middle; float:left; margin-right:5%; margin-left:10%;width:15%; }
.jia_case3 span em img{}
.jia_case3 span i{ color:#545454; font-size:45px; vertical-align:middle; text-align:center;display:table-cell; float:left;}
.jia_case3_1{ display:block;background-image:url(../images/ditu.png); background-repeat:no-repeat; background-position: center center; background-size:95% auto; }
.jia_case3_1 div{ font-size:20px; color:#fff; width:90%; padding-left:10%; display:block; line-height:92px;} 
.jia_case3_1 div i{width:35%; float: left; display:block;}
.jia_case3_1 div em{ font-size:65px; margin-left:5%; margin-right:5%; width:49%; float: left;display:block;} 
.jia_case3_1 div:last-child{margin-bottom:102px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - jia_news */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.jia_news{ background-color:#fafafa; width:100%; padding-top:60px; padding-bottom:60px;}

.jia_news_1{ width:32%; float:left; background-color:#fff; margin-left:1.5%; padding:20px 2%;box-shadow: 0px 0px 5px #f4f4f4; margin-top:25px;}
.jia_news_1 span{ font-size:20px; display:block; line-height:30px; margin-bottom:20px;}
.jia_news_1 span a{ float: right; color:#2a2a2a;}
.jia_news_1 ul{ display:block; margin-top:10px;}
.jia_news_1 ul li{ display: block;}
.jia_news_1 ul li a{ color:#2a2a2a; font-size:14px; line-height:35px;}
.jia_news_1 ul li a:hover{ color:#57b9d2;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - jia_hezuo */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.jia_hezuo{ background-image:url(../images/jia_bg6.jpg); background-repeat:no-repeat; background-position:center top;background-size:cover;   padding-top:110px; padding-bottom:50px;}
.jia_hezuo ul{ display:block; margin-top:80px;}
.jia_hezuo ul li{ display:block; float: left; width:16%; margin:0 2%; margin-bottom:30px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - foot */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.foot{ background-image:url(../images/foot_bg.jpg); background-repeat:repeat; background-position:center top;  padding-top:50px; padding-bottom:50px;}

.foot1{ color:#fff; border-bottom:1px solid #abd6e0;}
.foot_1{width:70%; float:left; text-align:left; line-height:32px; }
.foot_1 a{color:rgba(255,255,255,.8); font-size:14px; margin-right:7%;}
.foot_1 a:hover{color:rgba(255,255,255,1.00)}
.foot_2{width:30%; float:right; text-align:right; font-size:32px; font-weight:bold; margin-bottom:5px;}
.foot2{ text-align:right;color:rgba(255,255,255,.35); line-height:40px;}
.foot3{ color:#fff;}
.foot3_1{width:55%; float:left;}
.foot3_1 p{ display:block; line-height:24px;}
.foot3_2{width:25%; float:right;  margin-top:53px;}
.foot3_2 p{ line-height:40px; float:right; width:45%; display:block; text-align:center; margin-left:5%;}

/* link */
.link_tgb {
	line-height:42px;
	height:42px;

	font-size:14px;
	margin-top:40px;
	margin-bottom:10px;
	
}
.link_tgb a{ padding-right:20px; float: right; color:#434343; }
.link_tgb span {padding-left:10px; font-size:15px;}
.link_tgb .t1 {color:#fff; cursor:pointer;padding:8px 25px;font-style: normal; background-color:#434343;}
.link_tgb .t2 {color: #fff; cursor: pointer;padding:8px 25px;font-style: normal;background-color:#434343;}
.links {
	color:rgba(255,255,255,.75);
	line-height: 25px;
	padding-top: 5px;
}
.links a {padding-right:15px;padding-left:15px; line-height:21px;font-size:14px; color:rgba(255,255,255,.75);  }
.links div a:first-of-type{padding-left:0;}
.links a:hover{color:rgba(255,255,255,1.00);}
.links .hidden { display:none;}

.foot_nav{ background-image:url(../images/foot_bg2.jpg); background-repeat:repeat; background-position:center top; color:rgba(255,255,255,.6); padding:20px 0; }
.foot_nav a{color:rgba(255,255,255,.6);}
.foot_nav a:hover{color:rgba(255,255,255,1.00);}
.foot_nav em{ float:right; text-align:right; color:#fff;}
.foot_nav em a:hover{color:rgba(255,255,255,1.00);}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:1999999999;top:300px;right:3%;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li { text-align:center; font-size:16px; line-height:20px; display:block;}
.yb_bar ul li a{width:60px;color:#fff;transition:all .5s ease;overflow:hidden;   display:block; margin-bottom:10px;}
.yb_bar ul li a img{width:100%;height:100%; display:block;}
.yb_bar .yb_top{}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 1 - slider */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.slider-slick {
	position: relative;
	overflow: hidden;
	z-index:10;
}

.slider-slick .slider-entry {
	position: relative;
	height: 280px;
	z-index:10;
}
@media (min-width: 768px) {
	.slider-slick .slider-entry {
		position: relative;
		height: 430px;
	}

}

.slider-slick .overlay {
	background: linear-gradient(
		rgba(249, 249, 254, 0.04),
		rgba(249, 249, 254, 0.04)
	);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
}

.slider-slick img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index:10;

}

.slider-slick .caption {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 40%;
	color: #fff;
	z-index: 999;
	overflow-wrap: break-word;
	text-align: center;
}


.slider-slick .caption p {
	color: #4eb1cb;
	font-size: 5.5rem;
	margin-bottom: 20px;
	font-weight:bold; letter-spacing:2px;

}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 2 - about_tiao */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.about_tiao{ background-color:#f9fbfb;box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); }
.about_tiao a{ font-size:18px; color:#3a3a3a; line-height:30px; margin-right:5%; line-height:78px;}
.about_tiao a:hover{ color:#4dbcd8;}
.about_tiao .current{color:#4dbcd8;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 3 - about_company */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.about_company{ margin-top:70px;}

.about_title{ font-size:48px; color:#4dbcd8;}
.about_title em{ color:#6c6b6b; font-size:16px; display:block; text-transform:uppercase; letter-spacing:2px;}

.about_company2{ margin-top:70px; background-color:#fff; padding:25px; font-size:16px; line-height:32px; color:#4a4a4a;}

.about_video{background-color:#fff; padding:25px;}

.about_zizhu{ margin-top:60px;}
.about_title2{ font-size:34px; color:#4dbcd8;}
.about_zizhu2{  margin-bottom:60px; margin-top:30px;}
.about_zizhu2 h1{ margin-bottom:40px;}
.about_zizhu2 h1 em{ font-size:22px; color:#fff; background-color:#4e4e4e; padding:10px 4%;}
.about_p{ color:#4f4f4f; font-size:16px; line-height:30px;}
.about_ul{ display:block; margin-top:60px;}
.about_ul ul{}
.about_ul ul li{width:48%; float:left;}
.about_ul ul li:first-child{ margin-right:4%;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 4 - about_honor */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.about_honor{background-image:url(../images/honor_bg.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover; padding-top:130px; padding-bottom:130px; }
.about_honor .about_title{ margin-left:15px; margin-bottom:60px;}
.post-slide{
    margin: 0 15px;
}
.post-slide .post-img{
    overflow: hidden;
	border:1px solid #f0f0f0;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 1s ease-in-out 0s;
}
.post-slide:hover .post-img img{
    transform: scale(1.08);
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 5 - about_licheng */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.about_licheng{background-image:url(../images/licheng_bg.png); background-repeat:no-repeat; background-position:center bottom; background-size:100% auto ; padding-top:109px; padding-bottom:393px;}
.about_licheng2{background-image:url(../images/line-top.png); background-repeat:no-repeat; background-position: 6% top; padding-top:125px; margin-top:88px;}
.about_licheng2 ul{ background-image:url(../images/line-bottom.png); background-repeat:no-repeat; background-position:6% bottom; padding-bottom:166px;}
.about_licheng2 ul li{ padding-bottom:55px;background-image:url(../images/line-center.png); background-repeat:repeat-y; background-position: 6% top; padding-top:10px;}
.about_licheng2 ul li p{ width:15%; background-color:#4cbcd9; border-radius:20px; display:block; color:#fff; text-align:center; font-size:22px; line-height:40px;}
.about_licheng2 ul li .about_li{ margin-top:35px; background-image:url(../images/quan.png); background-repeat:no-repeat; background-position:6.4% center; }
.about_licheng2 ul li .about_li2{ background-image:url(../images/jiao.png); background-repeat:no-repeat; background-position:left center; padding-left:1.2%; margin-left:15%;}
.about_licheng2 ul li .about_li span{width:100%; display:block; background-color:#fff; padding:25px 40px; font-size:16px; line-height:25px;  }
.about_licheng2 ul li .about_li span em{ display:block; font-size:22px; color:#57b9d2; line-height:30px; margin-bottom:10px;}
.zhengtu_img{ margin-top:50px; margin-left:2%;}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* news-list-page */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.news-list-page {padding-bottom:70px; margin-top:60px;}
.news-list .item-list {margin-left:-1.5%;}
.news-list li {
    position:relative;
    float:left;
    width:48.5%;
    margin:0 0 1.5% 1.5%;
    background:#fff;
}
.news-list li:after,.index-news-list .item2:after,
.index-news-list .item3:after,
.solution-list .each-item:after,
.pay-list .each-item:after {
    position:absolute;
    left:0;
    top:0;
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:#fff;
    transition:all .6s;
}
.ourwork-list .each-item:hover:after,
.news-list li:hover:after,
.index-news-list .item2:hover:after,
.index-news-list .item3:hover:after,
.solution-list .each-item:hover:after,
.pay-list .each-item:hover:after{
    box-shadow:0 15px 15px rgba(0,0,0,.1);
}
.news-list li:hover:after,
 .index-news-list .item2:hover:after,
 .index-news-list .item3:hover:after,
.pay-list .each-item:hover:after {transform:scale(1.025);}
.news-list li a,.index-news-list .item-inner {
    z-index:1;
    position:relative;
    display:block;
}
.news-list-one li a {padding:35px 70px;}
.news-list-one .date-wrap {
    position:relative;
    float:left;
    width:115px;
    height:155px;
    border-right:1px solid #e7e7e7;
}
.news-list-one .date-inner {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.news-list-one .date-wrap .day {
    font:48px/1 'gotham-medium';
}
.news-list-one .date-wrap .line {
    display:block;
    width:25px;
    height:3px;
    margin:15px 0;
    background:#e7e7e7;
}
.news-list-one .date-wrap .days {
    font:14px/1 'Gotham-Book';
}
.news-list-one .text-wrap {
    margin-left:175px;
}
.news-list-one .text-wrap .title {
    font-size:18px;
    color:#333;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.news-list-one .text-wrap .descrition {
    height:48px;
    margin:15px 0 40px;
    font-size:14px;
    color:#666;
    line-height:24px;
    overflow:hidden;
}
.news-list .text-wrap .more .icon{
    display:inline-block;
    width:0;
    height:10px;
    background:url(../images/more-icon2.png) no-repeat center center;
    transition:all .4s;
    opacity:0;
}

.news-list .text-wrap .more strong{
    font-size:14px;
    font-weight:normal;
    color:#666;
    transition:all .4s;
}
@media(min-width:1366px){
    .news-list-one li:hover .text-wrap .more .icon {margin-right:10px;}
    .news-list-two li:hover .text-wrap .more .icon {margin-left:10px;}
    .news-list li:hover .text-wrap .more .icon {width:21px;opacity:1;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* jia_page jia_next */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.jia_page{ text-align:center; margin-bottom:50px;}
.jia_page .current2{ background-color:#63c6db; border-radius:18px;padding:10px 20px;}
.jia_page a{ background-color:#bdbdbd; color:#fff; padding:10px 14px; font-size:14px; text-align:center; margin:0 1%; line-height:16px;  line-height:30px;}
.jia_page .current{ background-color:#63c6db;}
.jia_page a:hover{ background-color:#63c6db;}

.jia_next{ text-align:right; border-top:1px dashed #E7E7E7; margin-top:60px; padding-top:30px;}
.jia_next a{ margin-left:1%;color:#9d9d9d;}
.jia_next a:hover{ color:#57b9d2;}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* jia_tong */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.jia_tong{ background-color:#fff; min-height:500px; margin:60px auto; padding:25px;line-height:30px; margin-top:30px; color:#575757; font-size:16px;}
.news_title{ text-align:center; text-align:center;color:#333333;}
.news_title h1{ font-size:30px;  line-height:30px; }
.news_title em{ font-size:14px; color:#9d9d9d;}
.jia_tong2{ line-height:30px; margin-top:30px; color:#575757; font-size:16px;}
.jia_tong2 img{ max-width:100%;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* jia_hezuo */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.yi_hezuo{ background-color:#fff; min-height:500px; margin:60px auto; padding:65px 45px;}

.jia_hezuo_left{ font-size:16px; line-height:30px; color:#575757; margin-top:20px;}

.jia_hezuo_right{ font-size:14px; font-weight:bold; margin-top:20px;}
.jia_hezuo_right input{width:92%;border-radius:5px;border-color:#CCCCCC ; border:1px solid #cccccc; line-height:34px; padding-left:2%; color:#989898; font-weight:normal;}
.jia_hezuo_right textarea{width:98%;border-radius:5px;border-color:#CCCCCC ; border:1px solid #cccccc; line-height:34px;padding-left:2%;color:#989898; font-weight:normal;}
.jia_hezuo_right .submit{width:120px; color:#fff; background-color:#57b9d2; border:none;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* jia_product */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.jia_product{ margin-top:60px;}
.jia_product ul{}
.jia_product ul li{ background-image:url(../images/pro_bg.jpg); background-repeat: repeat; margin-bottom:35px;box-shadow: 0px 0px 5px #cccccc; display:block; transition:0.5s;}
.jia_product ul li:hover{ background-color:#64c0d8; background-image:none;}
.jia_product ul li a{ display:block;}
.jia_product ul li a p{width:44%; float: left; display:block; background-color:#fff; padding:40px 3%;}
.jia_product ul li a p img{}
.jia_product ul li a span{  width:50%; float:left; color:#fff; display:block; vertical-align: middle;margin:40px 3%; }
.jia_product ul li a span em{display:block; font-size:30px; margin-bottom:20px; margin-top:25px;}
.jia_product ul li a span ins{display:block; width:10%; height:4px; background-color:#c4e5ef; margin-bottom:20px;}
.jia_product ul li a span i{display:block; font-size:16px; line-height:28px; color:rgba(255,255,255,.67); height:84px; overflow:hidden; margin-bottom:20px;}
.jia_product ul li a span b{display:block; width:20%; font-size:14px; background-color:#fff; line-height:30px; border-radius:15px; color:#484848; text-align:center;}
.jia_product ul li a:hover span b{ background-color:#484848; color:#fff;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* jia_neiye */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.dangqian{ display:block; height:30px; line-height:30px; margin-top:30px; color:#3d3d3d; font-size:16px;}
.dangqian a{ margin:0 0.5%;}

.jia_neiye{ margin-top:60px; font-size:16px; line-height:28px;}
.jia_neiye div{ padding-bottom:30px; border-bottom:1px dashed #DCDCDC; margin-top:0px; margin-bottom:30px;}
.jia_neiye div em{ color:#fff; background-color:#57b9d2; padding:8px 2%; font-size:26px;}

.pro_title{text-align:center;font-size:14px; color:#9d9d9d; border-bottom:0; }
.pro_title h1{ font-size:48px; color:#333333; display:block;}
.pro_title i{ display:block; width:5%; margin:0 auto; background-color:#333333; height:5px; margin-top:20px; margin-bottom:20px;}

.pro_title2{ padding-bottom:30px; border-bottom:1px dashed #DCDCDC; margin-top:100px; margin-bottom:30px;}
.pro_title2 em{ color:#fff; background-color:#57b9d2; padding:8px 2%; font-size:26px;}


/*pro_case*/

.pro_case{ background-image:url(../images/pro_case_bg.jpg); background-position:center center; background-repeat:repeat; margin-top:100px; padding-bottom:80px;}
.pro_case ul{}
.pro_case ul li{ display:block; margin-bottom:20px;}
.pro_case ul li a{ text-align:center; display:block; line-height:30px; font-size:16px; overflow:hidden;}
.pro_case ul li a p{ display:block; margin-bottom:15px; overflow:hidden;}
.pro_case ul li a p img{ transform:scale(1); transition:0.5s;}
.pro_case ul li a:hover p img{ transform:scale(1.05);}

/*pro_case2*/

.pro_case2{  margin-top:20px; padding-bottom:20px;}
.pro_case2 ul{}
.pro_case2 ul li{ display:block; margin-bottom:20px;}
.pro_case2 ul li a{ text-align:center; display:block; line-height:30px; font-size:16px; overflow:hidden;}
.pro_case2 ul li a p{ display:block; margin-bottom:15px; overflow:hidden;}
.pro_case2 ul li a p img{ transform:scale(1); transition:0.5s;}
.pro_case2 ul li a:hover p img{ transform:scale(1.05);}
.pro_case2 ul li a span{ display:block; line-height:30px; height:30px; overflow:hidden;}



/*ul-seach*/
.ul-seach{}
.ul-seach li{}
.ul-seach li a{display:block; line-height:20px; padding:15px 0; border-bottom:1px dashed #999999; height:auto; background-image:url(../images/nav_jiao.png); background-repeat:no-repeat; background-position:left center; padding-left:25px; font-size:16px; overflow:hidden;}
.ul-seach li a:hover{ background-image:url(../images/nav_jiao2.png);}
.ul-seach li a em{ float:right; font-style:normal; font-size:12px;}
.ul-seach li a:hover em{}

/*xin_xiangguang_news*/
.relation{}
.relation a{ font-size:16px; margin-right:20px}
.relation a:hover{}
.xin_xiangguang_news{}
.xin_xiangguang_news_span{ font-size:16px;  line-height:30px; margin-top:30px; margin-bottom:10px; display:block; padding-bottom:10px; border-bottom:1px dashed #DCDCDC; }
.xin_xiangguang_news_span em{ background-color:#57b9d2; color:#fff; padding:8px 20px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* news_link */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.news_link{ }
.news_title2{ padding-bottom:15px; border-bottom:1px dashed #fff;margin-top:0; margin-bottom:20px; }
.news_title2 em{ color:#fff; background-color:#57b9d2; padding:8px 2%; font-size:18px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* pro_link */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.pro_link{  padding-bottom:60px;}
.pro_link ul{}
.pro_link ul li{ display:block; margin-bottom:20px;}
.pro_link ul li a{ text-align:center; display:block; line-height:30px; font-size:16px; overflow:hidden;}
.pro_link ul li a p{ display:block; margin-bottom:15px; overflow:hidden;}
.pro_link ul li a p img{ transform:scale(1); transition:0.5s;}
.pro_link ul li a:hover p img{ transform:scale(1.05);}


@media (min-width:768px){.container{width:750px;}
			.jy_guan{ margin-top: 60px; margin-bottom: 30px;}
			.cai_ul2{overflow:hidden; text-decoration:none; height:290px; display:block;}
			.cai_ul2 li{ float:left;  display:block; margin-right:10px; text-align:center; width: 340px; height:290px;}
			.cai_ul2 li a img{ 
				height: 255px;
				width: 340px;
				display: block;
				transition:2s;
			}

			.cai_ul2 li a:hover p img{ transform:scale(1.2)}
			.cai_ul2 li a{color: #ffffff;width:340px;display:block;height:290px; }
			.cai_ul2 li a span{display: block; height:35px; color:#000; font-size:16px; line-height:35px; width: 340px; }
			.cai_ul2 a:hover span{ color: #4dbcd8;}
			#demoa {overflow:hidden;width:750px;}
			#indemoa {float: left;width:800%;}
			#demoa1 {float: left;}
			#demoa2 {float: left;}	
}

@media (min-width:992px){
	        .container{width:970px;}
			.jy_guan{ margin-top: 80px; margin-bottom: 50px;}
			.cai_ul2{overflow:hidden; text-decoration:none; height:290px; display:block;}
			.cai_ul2 li{ float:left;  display:block; margin-right:10px; text-align:center; width: 340px; height:290px;}
			.cai_ul2 li a img{ 
				height: 255px;
				width: 340px;
				display: block;
				transition:2s;
			}

			.cai_ul2 li a:hover p img{ transform:scale(1.2)}
			.cai_ul2 li a{color: #ffffff;width:340px;display:block;height:290px; }
			.cai_ul2 li a span{display: block; height:35px; color:#000; font-size:16px; line-height:35px; width: 340px; }
			.cai_ul2 a:hover span{ color: #4dbcd8;}
			#demoa {overflow:hidden;width:970px;}
			#indemoa {float: left;width:800%;}
			#demoa1 {float: left;}
			#demoa2 {float: left;}	

}
@media (max-width:1200px)and (min-width:992px){
       .container{width:992px;}
	   .jy_guan{ margin-top: 100px; margin-bottom: 70px;}
		.cai_ul2{overflow:hidden; text-decoration:none; height:290px; display:block;}
		.cai_ul2 li{ float:left;  display:block; margin-right:10px; text-align:center; width: 340px; height:290px;}
		.cai_ul2 li a img{ 
			height: 255px;
			width: 340px;
			display: block;
			transition:2s;
		}

		.cai_ul2 li a:hover p img{ transform:scale(1.2)}
		.cai_ul2 li a{color: #ffffff;width:340px;display:block;height:290px; }
		.cai_ul2 li a span{display: block; height:35px; color:#000; font-size:16px; line-height:35px; width: 340px; }
		.cai_ul2 a:hover span{ color: #4dbcd8;}
		#demoa {overflow:hidden;width:992px;}
		#indemoa {float: left;width:800%;}
		#demoa1 {float: left;}
		#demoa2 {float: left;}	
	
	
}
@media (min-width:1200px){
	        .container{width:1170px;}
			.jy_guan{ margin-top: 100px; margin-bottom: 70px;}
			.cai_ul2{overflow:hidden; text-decoration:none; height:290px; display:block;}
			.cai_ul2 li{ float:left;  display:block; margin-right:10px; text-align:center; width: 340px; height:290px;}
			.cai_ul2 li a img{ 
				height: 255px;
				width: 340px;
				display: block;
				transition:2s;
			}

			.cai_ul2 li a:hover p img{ transform:scale(1.2)}
			.cai_ul2 li a{color: #ffffff;width:340px;display:block;height:290px; }
			.cai_ul2 li a span{display: block; height:35px; color:#000; font-size:16px; line-height:35px; width: 340px; }
			.cai_ul2 a:hover span{ color: #4dbcd8;}
			#demoa {overflow:hidden;width:1170px;}
			#indemoa {float: left;width:800%;}
			#demoa1 {float: left;}
			#demoa2 {float: left;}	
}





@media screen and (max-width:767px){
			.jy_guan{ margin-top: 50px; margin-bottom: 20px;}
			.cai_ul2{overflow:hidden; text-decoration:none; height:290px; display:block;}
			.cai_ul2 li{ float:left;  display:block; margin-right:10px; text-align:center; width: 340px; height:290px;}
			.cai_ul2 li a img{ 
				height: 255px;
				width: 340px;
				display: block;
				transition:2s;
			}

			.cai_ul2 li a:hover p img{ transform:scale(1.2)}
			.cai_ul2 li a{color: #ffffff;width:340px;display:block;height:290px; }
			.cai_ul2 li a span{display: block; height:35px; color:#000; font-size:16px; line-height:35px; width: 340px; }
			.cai_ul2 a:hover span{ color: #4dbcd8;}
			#demoa {overflow:hidden;width:100%;}
			#indemoa {float: left;width:800%;}
			#demoa1 {float: left;}
			#demoa2 {float: left;}	
}