/* CSS Document */

body{
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;;
	font-weight: 400;
	font-size:14px;
	color:#888;
}
@font-face {
	font-family: bahnschrift;
	src: url(http://www.cndairuike.com/static/dairuike/fonts/bahnschrift.woff2) format("woff2"), url(../font/bahnschrift.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: 'Barlow-Bold';
	src: url('../font/Barlow-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}
.en{font-family: Arial;}
.hui{ background:#f3f3f3;}
.fr{ float:right;}
.textcenter{ text-align:center;}
.ptb30{ padding: 30px 0;}
.bannerimg{margin:0 auto; padding:40px 0 0 0; width: 100%; height: auto; position: relative;}
.bannerimg img{max-width: 100%; height: auto;}


.fc-code{background: #fff; margin: 0 15px; border-radius: 10px; width: 120px;}
.mt50{margin-top:40px;}
/*===================
	Start Header CSS 
=====================*/
.header{
	background-color:#fff;
	position:relative;
}
.header .navbar-collapse{
	padding:0;
}
/* Topbar */
.header .topbar{
	background-color:#194376;
	border-bottom:1px solid #eee;
}
.header .topbar{
	padding:0;
}
.header .top-link{
	float:right;background: #46c6ce; padding: 12px 30px;
}
.header .top-link li{
	display:inline-block;
	margin-right:15px;
}
.header .top-link li:last-child{
	margin-right:0px;
}
.header .top-link li a{
	color:#fff;
	font-size:14px;
	font-weight:400;
}
.header .top-link li:hover a{
	color:#194376;
}
.header .top-contact{
	float:left; padding: 12px 0;
}
.header .top-contact li{
	display:inline-block;
	margin-right:25px;
	color:#fff;font-size:16px;
}
.header .top-contact li:last-child{
	margin-right:0;
}
.header .top-contact li a{
	font-size:16px;
}
.header .top-contact li a:hover{
	color:#46c6ce;
}
.header .top-contact li i{
	color:#46c6ce; font-size: 16px;
	margin-right:8px;
}
.header .header-inner {
	background:#fff;
	z-index:999;
	width:100%;
}

.header .logo {
	float: left;
	margin-top: 8px;
}
.header .logo img {max-width: 100%; height: auto;
}

.header .navbar {
	background: none;
	box-shadow: none;
	border: none;
	margin: 0;
	height: 0px;
	min-height: 0px;
}
.header .nav li{
	margin-right: 15px;
    float: left;
	position:relative;
}
.header .nav li:last-child{
	margin:0;
}
.header .nav li a {
	color: #2C2D3F;
	font-size: 16px;
	padding: 25px 8px;
	position: relative;
	display: inline-block;
	position:relative;
}
.header .nav li a::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	height: 3px;
	width:0%;
	background: #00a4f2;
	border-radius: 5px 5px 0 0;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.header .nav li.active a:before{
	opacity:1;
	visibility:visible;
	width: 100%;
}
.header .nav li.active a{
	color:#00a4f2;
}
.header .nav li:hover a:before{
	opacity:1;
	width: 100%;
	visibility:visible;
}
.header .nav li:hover a{
	color:#00a4f2;
}
.header .nav li a i {
	display: inline-block;
	margin-left: 1px;
	font-size: 13px;
}

.header.style2 .header-inner {
	border-top: 1px solid #eee;
}
.header.style2 .logo {
	margin-top:6px;
}
.header .middle-header {
	background: #fff;
	padding: 20px 0px;
}
.header .widget-main{
	float:right;
}
.header.style2 .get-quote {
	margin-top: 0;
}
.header .single-widget {
	position: relative;
	float: left;
	margin-right: 30px;
	padding-left: 55px;
}
.header .single-widget:last-child{
	margin:0;
}
.header .single-widget .logo{
	margin:0;
	padding:0;
	margin-top: 7px;
}
.header .single-widget i {
	position: absolute;
	left: 0;
	top: 6px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	color: #fff;
	background: #00a4f2;
	border-radius: 4px;
	text-align: center;
	font-size: 15px;
}
.header .single-widget h4 {
	font-size: 15px;
	font-weight: 500;
}
.header .single-widget p {
	margin-bottom: 5px;
	text-transform: capitalize;
}
.header .single-widget.btn{
	margin-left:0;
}

.header .nav li .dropdown {
	background: #fff;
	width: 200px;
	position: absolute;
	left:-20px;
	top: 100%;
	z-index: 999;
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 5px #3333334d;
	transform-origin: 0 0 0;
	transform: scaleY(0.2);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	opacity: 0;
	visibility: hidden;
	top: 74px;
}
.header .nav li:hover .dropdown{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}
.clearfix:hover .dropdown{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}
.dropdown li{
	float:none;
	margin:0;
	border-bottom:1px dashed #eee;
}
.dropdown li a:before{
	display:none;
}
.header .nav li .dropdown .pic{
	width:320px; height: auto; float: right; margin: 0; padding:30px; background: #f3f3f3; border: 0;
}
.header .nav li .dropdown .pic img{
	max-width: 100%; height: auto;
}
.header .nav li .dropdown .menuu{
	width:200px; height: auto; float: left; margin: 0; padding: 15px;
}


.header .nav li .dropdown li{
	float:none;
	margin:0;
	border-bottom:1px dashed #eee;
}
.header .nav li .dropdown li:last-child{
	border:none;
}
.header .nav li .dropdown li a {
	padding: 6px 15px;
	color: #666;
	display: block;font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
	background: transparent;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.header .nav li .dropdown li a:before{
	display:none;
}
.header .nav li .dropdown li:last-child a{
	border-bottom:0px;
}
.header .nav li .dropdown li:hover a{
	color:#00a4f2;
}
.header .nav li .dropdown li a:hover{
	border-color:transparent;
}


.header .nav li .dropdown1 {
	background: #fff;
	width: 500px;
	position: absolute;
	left:-20px;
	top: 100%;
	z-index: 999;
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 5px #3333334d;
	transform-origin: 0 0 0;
	transform: scaleY(0.2);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	opacity: 0;
	visibility: hidden;
	top: 74px;
	border-left:3px solid #2889e4;
}
.header .nav li:hover .dropdown1{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}
.header .nav li .dropdown1 li{
	float:none;
	margin:0; width:50%; float:left;
	border-bottom:1px dashed #eee;
}
.header .nav li .dropdown1 li:last-child{
	border:none;
}
.header .nav li .dropdown1 li a {
	padding: 12px 15px;
	color: #666;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
	background: transparent;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.header .nav li .dropdown1 li a:before{
	display:none;
}
.header .nav li .dropdown1 li:last-child a{
	border-bottom:0px;
}
.header .nav li .dropdown1 li:hover a{
	color:#00a4f2;
}
.header .nav li .dropdown1 li a:hover{
	border-color:transparent;
}


.hd-so{margin-left:12px;float:left;width:32px;height:75px;background:url(../image/icon-so.png) center center no-repeat;cursor:pointer;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.hd-so-pop{padding:51px 0 35px;position:fixed;left:0;top:75px;right:0;background-color:#f8f8f8;z-index:10;display:none}
.hd-so-pop .so-inner{width:962px;margin:0 auto}
.so-search{position:relative;height: 46px;overflow:hidden}
.so-search input{outline:0;border:none}
.so-search .input{padding:0 200px 0 34px;display:block;width:100%;height:46px;line-height:46px;background-color:#fff;font-size:14px;color:#333}
.so-search .submit{padding-left:8px;position:absolute;display:block;right:0;top:0;height:46px;line-height:46px;font-size:16px;color:#fff;background-color:#f89e01;cursor:pointer;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.so-search .submit .icon{margin:-2px 10px 0 0;display:inline-block;vertical-align:middle;width:58px;height:30px;background:url(../image/icon-so2.png) center center no-repeat;position:relative}/* 
.so-search .submit .icon:after{content:'';position:absolute;right:0;top:50%;width:1px;height:16px;background-color:#e47780;margin-top:-8px} */
.so-search .submit:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'}

.so-search .search-btn{ padding-right:10px; padding:5px 10px;;background:##007db9; display: block;}


.so-hotwords{padding:10px 0;overflow:hidden}
.so-hotwords a,.so-hotwords span{float:left;font-size:14px;color:#6b6b6b;line-height:24px}
.so-hotwords a{margin-right:16px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.so-hotwords a:hover{color:#333}


.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10000;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:900;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px;width:80% display: block;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;display: block;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}


/* Right Bar */
.header.style2 .main-menu{
	display:inline-block;
	float:left;
}
.header .right-bar {
	float: right;
}
.header .right-bar {
	padding-top:20px;
}
.header .right-bar {
	display: inline-block;
}
.header .right-bar a {
	color: #fff;
	height: 35px;
	width: 35px;
	line-height: 35px;
	text-align: center;
	background: #00a4f2;
	border-radius: 4px;
	display: block;
	font-size: 12px;
}
.header .right-bar li a:hover{
	color:#fff;
	background:#27AE60;
}
.header .search-top.active .search i:before{
	content:"\eee1";
	font-size:15px;
}
/* Search */
.header .search-form {
	position: absolute;
	right: 0;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	top: 74px;
	box-shadow: 0px 0px 10px #0000001c;
	border-radius: 4px;
	overflow: hidden;
	transform:scale(0);
}
.header .search-top.active .search-form {
	opacity:1;
	visibility:visible;
	transform:scale(1);
}
.header .search-form input {
	width: 282px;
	height: 50px;
	line-height: 50px;
	padding: 0 70px 0 20px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 3px;
	border: none;
	background: #fff;
	color: #2C2D3F;
}
.header .search-form button {
	position: absolute;
	right: 0;
	height: 50px;
	top: 0;
	width: 50px;
	background: #00a4f2;
	border: none;
	color: #fff;
	border-radius: 0 4px 4px 0;
	border-left:1px solid transparent;
}
.header .search-form button:hover{
	background:#fff;
	color:#00a4f2;
	border-color:#e6e6e6;
}
/* Header Sticky */
.header.sticky .header-inner{
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	bottom:initial;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	animation: fadeInDown 0.5s both 0.1s;
	box-shadow:0px 0px 13px #00000054;
}




/*===========================
	Start Hero Area CSS
=============================*/
.sliderindex .single-slider {
	height: 90vh;margin-top: -76px;
	display: flex;
	align-items: center;
	padding: 0 20px;
	background-size: cover;
	background-position: center;
	background-repeat:no-repeat;
}
.sliderindex .single-slider .text{
	margin-top:180px;
}
.sliderindex .single-slider .text1{
	margin-top:160px;
}
.sliderindex.index2 .single-slider .text{
	margin-top:150px;
}

.sliderindex .single-slider h3 {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	margin:15px 0;
	padding: 0;
	line-height: 42px;
}
.sliderindex .single-slider h1 {
	color: #fff;
	font-size: 32px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	line-height: 42px;
}
.sliderindex .single-slider h1.black {	color: #000;}
.sliderindex .single-slider h3.black {	color: #4ea5d5;}
.sliderindex .single-slider h1 span{
	color:#00a4f2;
}
.sliderindex .single-slider h1 span.huang{
	color:#ffc600;
}
.sliderindex .single-slider h1 span.lan{	color:#4ea5d5;}
.sliderindex .single-slider p {
	color: #fff; font-size:26px;
	margin-top: 15px;
	font-weight: 400;
}

.sliderindex .single-slider p.en {
	color: #fff; font-size:16px;
	margin-top: 12px;
	font-weight: 400;
}

.sliderindex .single-slider p.black {
	color: #000; 
}
.sliderindex .single-slider p.huang {
	color: #00a4f2; 
}

.sliderindex .single-slider p img {
	width: auto; height: auto;
}

.sliderindex .single-slider .button{
	margin-top:10px; width: 100px;
}
.sliderindex .single-slider .btn{
	color:#fff;
	background:#00a4f2;
	font-weight:500;
	display:inline-block;
	margin:0;
	margin-right:10px;
}
.sliderindex .single-slider .btn:last-child{
	margin:0;
}
.sliderindex .single-slider .btn.primary{
	background:#2C2D3F;
	color:#fff;
}
.sliderindex .single-slider .btn.primary:before{
	background:#00a4f2;
}
.sliderindex .owl-carousel .owl-nav {
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:-25px;
}
.sliderindex .owl-carousel .owl-nav div {
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	background:transparent ;
	color: #fff;
	font-size: 26px;
	position: absolute;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
	border-radius: 50%;
}
.sliderindex .owl-carousel .owl-nav div:hover{
	background:#00a4f2;
	color:#fff;
}
.sliderindex .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:20px;
}
.sliderindex .owl-carousel .owl-controls .owl-nav .owl-next{
	right:20px;
}

/* Slider Animation */
.owl-item.active .single-slider h3{
    animation: fadeInUp 1s both 0.2s;
}
.owl-item.active .single-slider h1{
    animation: fadeInUp 1s both 0.6s;
}
.owl-item.active .single-slider p{
    animation: fadeInUp 1s both 1s;
}
.owl-item.active .single-slider .button{
    animation: fadeInDown 1s both 1.5s;
}









/*===========================
	Start Hero Area CSS
=============================*/
.slider .single-slider {
	height: 600px;
	background-size: cover;
	background-position: center;
	background-repeat:no-repeat;
}
.slider .single-slider .text{
	margin-top:220px;
}
.slider .single-slider .text1{
	margin-top:160px;
}
.slider.index2 .single-slider .text{
	margin-top:150px;
}

.slider .single-slider h3 {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	margin:15px 0;
	padding: 0;
	line-height: 42px;
}
.slider .single-slider h1 {
	color: #fff;
	font-size: 32px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	line-height: 42px;
}
.slider .single-slider h1.black {	color: #000;}
.slider .single-slider h3.black {	color: #4ea5d5;}
.slider .single-slider h1 span{
	color:#00a4f2;
}
.slider .single-slider h1 span.huang{
	color:#ffc600;
}
.slider .single-slider h1 span.lan{	color:#4ea5d5;}
.slider .single-slider p {
	color: #fff; font-size:26px;
	margin-top: 15px;
	font-weight: 400;
}

.slider .single-slider p.en {
	color: #fff; font-size:16px;
	margin-top: 12px;
	font-weight: 400;
}

.slider .single-slider p.black {
	color: #000; 
}
.slider .single-slider p.huang {
	color: #00a4f2; 
}

.slider .single-slider p img {
	width: auto; height: auto;
}

.slider .single-slider .button{
	margin-top:10px; width: 100px;
}
.slider .single-slider .btn{
	color:#fff;
	background:#00a4f2;
	font-weight:500;
	display:inline-block;
	margin:0;
	margin-right:10px;
}
.slider .single-slider .btn:last-child{
	margin:0;
}
.slider .single-slider .btn.primary{
	background:#2C2D3F;
	color:#fff;
}
.slider .single-slider .btn.primary:before{
	background:#00a4f2;
}
.slider .owl-carousel .owl-nav {
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:-25px;
}
.slider .owl-carousel .owl-nav div {
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	background:transparent ;
	color: #fff;
	font-size: 26px;
	position: absolute;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
	border-radius: 50%;
}
.slider .owl-carousel .owl-nav div:hover{
	background:#00a4f2;
	color:#fff;
}
.slider .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:20px;
}
.slider .owl-carousel .owl-controls .owl-nav .owl-next{
	right:20px;
}

/* Slider Animation */
.owl-item.active .single-slider h3{
    animation: fadeInUp 1s both 0.2s;
}
.owl-item.active .single-slider h1{
    animation: fadeInUp 1s both 0.6s;
}
.owl-item.active .single-slider p{
    animation: fadeInUp 1s both 1s;
}
.owl-item.active .single-slider .button{
    animation: fadeInDown 1s both 1.5s;
}





.slidervideo .single-slider {
	height: 700px;
	background-size: cover;
	background-position: center;
	background-repeat:no-repeat;
}
.slidervideo .single-slider .text{
	margin-top:220px;
}


.slidervideo .single-slider .more{ margin:40px auto; margin-top: 400px; padding: 10px 30px; width: 100px;  display: block;color: #fff; text-align: center; border-radius: 20px; cursor:pointer;}


.video-wel-img-sec {
  position: relative;
  display: inline-block;
}

.video-wel-img-sec:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 20px;
  left: 20px;background: #00a4f2;
  z-index: -1;
}


.video-wel-img-sec a {
  font-size: 25px; 
  display: block;
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.video-wel-img-sec a i {
  z-index: 3; color: #00a4f2;
  position: relative;
}

.video-wel-img-sec a:before,
.video-wel-img-sec a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block; background: #fff;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 3px solid #fff;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.video-wel-img-sec a:before {
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-wel-img-sec a:after {
  transition: all 200ms;
}








.video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.video-container video {
	min-width: 100%;
	min-height: 100%;
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.video-container:after {
	content: '';
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.1);
	position: absolute;
}


.btnlan{margin:15px 0; padding:0; width:160px; height:50px;}
.btnlan a{margin:0; padding:0; width:160px; height:50px;text-decoration:none;  font-size:18px;  font-weight:bold; background:#00a4f2; border-radius:25px; text-transform:uppercase; text-align:center; line-height:50px;display:inline-block; color:#fff !important;}
.btnlan a:hover{color:#fff !important; background:#f27a22;}


.four{ margin:0 auto; padding:0 0 80px 0 ; width: 100%; height: auto; background: #f9f9f9;}
.fourbox{margin:0 auto; padding: 0; width: 100%; height: auto;background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 30px 0px rgb(0, 0, 0, .05);
    border-radius: var(--thm-border-radius);}

.fourbox ul{margin:0 auto; padding: 0; width: 100%; height: auto;}
.fourbox ul li{margin:0 auto; padding:30px 40px 10px 40px; width: 25%; float: left;height: auto; display: block;background: #fff;transition: all 300ms ease; border-right: 1px solid #f3f3f3;}
.fourbox ul li .txt1{margin:0 auto; padding:10px 0; width: 100%; height: auto; font-size: 18px; color: #000; line-height: 30px; text-align: left; font-weight: bold;}
.fourbox ul li .txt2{margin:0 auto; padding:10px 0; width: 100%; height: 70px; font-size: 14px; color: #666; line-height: 20px; text-align: left;}
.fourbox ul li .txt3{margin:0 auto; padding:10px 0; width: 100%; height: 60px;}
.fourbox ul li .txt3 i{font-size: 18px; color: #00a4f2; font-weight: 100;}
.fourbox ul li .txt4{margin:0 auto; padding:10px 0; margin-top: -80px; width: 100%; height: auto; text-align: right; display: block;}
.fourbox ul li .txt5{margin:0 auto; padding:10px 0; margin-top: -80px; width: 100%; height: auto; text-align: right; display: none;}




.fourbox ul li:hover{background: #00a4f2;transform: scale(1.05);transition: all 300ms ease;}
.fourbox ul li:hover .txt1{color: #fff;}
.fourbox ul li:hover .txt2{color: #fff;}
.fourbox ul li:hover .txt3 i{color: #fff;}
.fourbox ul li:hover .txt5{display: block;}
.fourbox ul li:hover .txt4{display: none;}




/*--------------------------------------------------------------
# Services One
--------------------------------------------------------------*/
.services-one {
    position: relative;
    display: block; margin-bottom: 50px; 
    padding: 0; z-index: 10;background:#fff;
}

.services-one:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: #fff;
    height: 192px;
    z-index: 100;
}
.services-one:after {
    position: relative;
    display: block;
    padding: 0; 
}
.services-one .title{
   font-size: 36px; color: #000; text-align: center; line-height: 30px; margin: 0 auto; padding: 50px 0;
}
.three{ margin:0 auto; padding: 0; width: 24%; margin: 0.5%; height: auto; float: left;}


.services-one .portfolio-slider{z-index: 120;}
.services-one .portfolio-slider1{z-index: 120;}


.services-one__single {
    position: relative; 
    display: block;
    margin-bottom: 30px;z-index: 120;background-color:#fff;
}

.services-one__img {
    position: relative; padding: 10px; background: #fff; background-size: cover;
    display: block;
    overflow: hidden;z-index: 120;
}

.services-one__img:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    border-radius: 0%;
    background-color: rgba(var(--thm-black-rgb), .40);
    transform: scale(0.0) perspective(500px);
    transform-origin: bottom left;
    transform-style: preserve-3d;
    transition: all 700ms ease;
}

.services-one__single:hover .services-one__img:before {
    transform: scaleX(1.0) perspective(500px);
}

.services-one__img img {
    position: relative;
    width: 100%;
    transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.services-one__single:hover .services-one__img img {
    transform: scale(1.05);
}

.services-one__content {
    position: relative;
    display: block;
    background-color: #fff;
    padding: 20px;z-index: 120;
    transition: all 500ms ease;
	border-bottom: 6px solid #fff;
}

.services-one__single:hover .services-one__content {
    border-bottom: 6px solid #00a4f2;
}

.services-one__title {
    font-size: 16px;
    font-weight: 800;color: #666;
    line-height: 24px;
}

.services-one__single:hover .services-one__content .services-one__title {
    color: #000;
}

.services-one__text {
    margin: 0;
    padding-top: 21px;
    padding-bottom: 18px;
}

.cart {
  color: #fff;
  width: 40px;
  height: 40px;
  display: block;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  font-size: 18px;
  top: 20px;
  right: 0;
  position: absolute;
}
.services-one__single:hover .services-one__content .cart {
    color: #00a4f2;
}




.services-one .owl-carousel .owl-nav {
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:-60px;
}

.services-one .owl-carousel .owl-nav div {
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;background: none;
	color: #e3e3e3;
	font-size: 16px;
	position: absolute;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
	border: 1px solid #e3e3e3;
}
.services-one .owl-carousel .owl-nav div:hover{
	border: 1px solid #00a4f2;background: #00a4f2;
	color:#fff;
}
.services-one .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:-35px;
}
.services-one .owl-carousel .owl-controls .owl-nav .owl-next{
	right:-35px;
}
.services-one .single-slider .textwrite{background-color: rgba(2,106,204,.47); padding: 30px; margin-top: 60px; }





.indexpro{ margin:0 auto; padding:0; width: 100%; height: auto;background: #f5f5f5;}
.indexpro .title{
   font-size: 36px; color: #000; text-align: center; line-height: 30px; margin: 0 auto; padding: 50px 0;
}

.indexpro .row{  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .07);}

.indexpro25{margin:0 auto; padding: 0; width: 25%; height: auto; float: left;}




.indexprolist{ margin:0 auto; padding: 0; width: 100%; height: auto; border-radius: 1px solid #f3f3f3;transition: all 300ms ease;}
.indexprolist .con{ margin:0 auto; padding:30px; width: 100%; height: auto; background: #fff; display: block;}
.indexprolist .con .t1{ margin:0 auto; padding:0; width: 100%; height: auto; font-size: 20px; font-weight: bold; color: #000; text-align: left;}
.indexprolist .con .t2{ margin:0 auto; padding:0; width: 100%; height: auto; font-size: 12px; font-weight: normal; color: #888; text-align: left;}
.indexprolist .con .t3{ margin:0 auto; padding:20px 0; width: 100%; height: auto; font-size: 20px;  display: block;font-weight: bold; color: #000; text-align: left;}
.indexprolist .con .t3 img{ width: 80px; height: auto; }
.indexprolist .con .t4{ margin:0 auto; padding:20px 0; width: 100%; height: auto; font-size: 20px;  display: none;font-weight: bold; color: #000; text-align: left;}
.indexprolist .con .t4 img{ width: 80px; height: auto; }

.indexprolist .con .t3 i{ font-size: 60px; color: #000; text-align: left;}

.indexprolist .img{ margin:0 auto; padding:0; width: 100%; height: auto; }
.indexprolist .img img{ max-width: 100%; height: auto; }

.indexprolist:hover{ transform: scale(1.1);transition: all 300ms ease;}

.indexprolist:hover .con{ background: #4062a0;}
.indexprolist:hover .con .t1{ color: #fff; text-align: left;}
.indexprolist:hover .con .t2{ color: #fff; text-align: left;}

.indexprolist:hover .con .t3 { display: none;}
.indexprolist:hover .con .t4 { display: block;}




.indexpro .owl-carousel .owl-nav {
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:-20px;
}

.indexpro .owl-carousel .owl-nav div {
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	background: none;
	color: #e3e3e3;
	font-size: 16px;
	position: absolute;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
	border: 1px solid #e3e3e3;
}
.indexpro .owl-carousel .owl-nav div:hover{
	border: 1px solid #00a4f2;background: #00a4f2;
	color:#fff;
}
.indexpro .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:-35px;
}
.indexpro .owl-carousel .owl-controls .owl-nav .owl-next{
	right:-35px;
}
.indexpro .single-slider .textwrite{background-color: rgba(2,106,204,.47); padding: 30px; margin-top: 60px; }



.procon{ margin:0 auto; padding:40px 0; width: 100%; height: auto; background: #f9f9f9;}
.procon .search{ margin:0 auto; padding: 0; width: 100%; height: 50px; background: #fff; border: 1px solid #e3e3e3; }

.procon .search input{  border: 0; font-size: 18px; color: #f3f3f3;}
.procon .search .search__input{ margin:0; padding:0 20px; width: 90%; height: 48px; float: left; line-height: 48px; color: #888; border: 0; font-size: 18px;}


.procon .search .search__input:focus {
outline:none;
border: 1px solid #fff;
}
.procon .search i{  float: left; margin-right: 10px; line-height: 48px; color: #00a4f2;font-size: 18px;}
.procon .search .module__search-btn{ border:0; background: #fff;line-height: 48px; color: #666; border-radius: 0; padding: 0 15px; float: right;font-size: 18px;}

.procon .search .module__search-btn:hover{
	background:#00a4f2;
	color:#fff;
}
.procon .search .module__search-btn:hover i{
	
	color:#fff;
}

.promenu{ margin:0 auto; padding:20px 0; position: relative;width: 100%; height: auto; }
.promenu ul{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.promenu ul li{ margin:0 20px 0 0; padding: 0; width: auto; height: auto;float: left; }
.promenu ul li a{ padding: 0 30px; border: 1px solid #e3e3e3; background: #fff;display: block;text-align: center; color: #666; font-size: 16px; line-height: 30px;z-index: 10}
.promenu ul li a:hover{ background: #00a4f2; color: #fff; }


.promenu ul li.cc a{ border: 1px solid #00a4f2;background: #00a4f2; text-align: center; color: #fff; font-size: 16px; line-height: 30px;z-index: 10}
.promenu ul li.cc a:hover{ background: #00a4f2; }




.pronewlocation{margin:0 auto; padding:20px 0; position: relative;width: 100%; height: auto; background: #f3f3f3; text-align: left; color: #666; font-size: 16px; line-height: 30px;}
.pronewlocation a{margin:0 auto; padding:0; position: relative;width: 100%; height: auto;text-align: left; color: #666; font-size: 16px; line-height: 30px;}
.pronewlocation a:hover{ color: #00a4f2;}

.pronewtop{ margin:0 auto; padding:40px 0; width: 100%; height: auto; border-bottom: 3px solid #00a4f2;}
.pronewtop .txt{ margin:0 auto; padding:40px 0; width: 50%; height: auto; float: left;}
.pronewtop .txt .t1{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;text-align: left; color: #00a4f2;font-size: 26px; line-height: 30px;}
.pronewtop .txt .t2{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;text-align: left; color: #000;font-size: 30px; line-height: 30px;}
.pronewtop .txt .t3{ margin:0 auto; padding:20px 0; width: 100%; height: auto; float: left;text-align: left; color: #666;font-size: 16px; line-height: 30px;}

.pronewtop .img{ margin:0 auto; padding:0; width: 50%; height: auto; float: right; text-align: right;}
.pronewtop .img img{ width:auto; max-height: 250px;}

.pronewtu{ margin:0 auto; padding:40px 0; width: 100%; height: auto; }
.pronewtu .img{ margin:0 auto; padding:0; width: 100%; height: auto; border: 1px solid #e3e3e3; }
.pronewtu .img img{ max-width: 100%; height: auto;}

.pronewtu .con{ margin:0 auto; padding:0; width: 100%; height: auto;}
.pronewtu .con ul{ margin:0 auto; padding:0; width: 100%; height: auto;}
.pronewtu .con ul li{ margin:0 auto 10px auto; padding:12px 20px; width: 100%; height: auto;background: #f9f9f9; border: 1px solid #f9f9f9;}
.pronewtu .con ul li h3{ margin:0 auto; padding:0; width: 100%; height: auto;text-align: left; color: #000;font-size: 20px; font-weight: bold;line-height: 30px;}
.pronewtu .con ul li p{ margin:0 auto; padding:5px 0; width: 100%; height: auto;text-align: left; color: #666;font-size:16px; line-height: 20px;}


.pronewtu .con ul li:nth-child(2n){background: #fff; border: 1px solid #f9f9f9;}


.pronewtu .con1 ul{ margin:0 auto; padding:0; width: 100%; height: auto;}
.pronewtu .con1 ul li{ margin:10px auto 10px auto; padding:5px 20px; clear: both; display: block; position: relative;width: 100%; height: auto;transition: all 300ms ease;}

.pronewtu .con1 ul li .number {
    color: #fff;
    font-size: 30px; font-family: Arial; font-style: italic;
    font-weight: 700; background: #00a4f2; margin-right: 15px;
    height: 60px;
    width: 60px;
    line-height: 60px;
    display: inline-block;
    text-align: center; float: left;
    border-radius: 50%; }

.pronewtu .con1 p{ margin:0 auto; padding:0; }


.pronewtu .con1 ul li .txt {width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); float: left; margin-top: 5px; margin-left: 20px; }

.pronewtu .con1 ul li h3{ margin:0 auto; padding:0; width: 100%; height: auto;text-align: left; color: #000;font-size: 20px; font-weight: bold;line-height: 30px;}
.pronewtu .con1 ul li p{ margin:0 auto; padding:5px 0; width: 100%; height: auto;text-align: left; color: #666;font-size:16px; line-height: 20px;}

.pronewtu .con1 ul li:nth-child(2n){background: #fff; }
.pronewtu .con1 ul li:nth-child(2n) .number {
    color: #fff;
    font-size: 30px; font-family: Arial;font-style: italic;
    font-weight: 700; background: #f6cf84;
    height: 60px;
    width: 60px;
    line-height: 60px;
     float: left;
    border-radius: 50%; }

.pronewtu .con1 ul li:hover {padding-left:20px;transition: all 300ms ease; }




.pronewcanshu{ margin:0 auto; padding:40px 0; width: 100%; height: auto; }
.pronewcanshu .con{ margin:0 auto; padding:0; width: 100%; height: auto;}
.pronewcanshu .con h2{ margin:0 auto; padding:0; width: 100%; height: auto;text-align: center; color: #000;font-size: 32px; font-weight: bold;line-height: 30px;}
.pronewcanshu .con h3{ margin:0 auto; padding:0; width: 100%; height: auto;text-align: center; color: #000;font-size: 26px; font-weight: bold;line-height: 30px;}
.pronewcanshu .con h4{ margin:0 auto; padding:0; width: 100%; height: auto;color: #000;font-size: 20px; font-weight: bold;line-height: 30px;}

.pronewcanshu .con  table{ margin:10px auto; padding:0; width: 100%; height: auto;}
.pronewcanshu .con  table td{ border:1px solid #e3e3e3; text-align: center;}

.pronewcanshu .con table td{ border:1px solid #e3e3e3; text-align: center; padding: 5px 0;}
.pronewcanshu .con table tr:nth-child(odd){background:#f3f3f3;}
.pronewcanshu .con table tr:nth-child(even){background:#fff;}
.pronewcanshu .con table tr:nth-child(1){background:#f3f3f3;color:#000;font-weight: bold;}
.pronewcanshu .con table tr:nth-child(1) td{background:#f3f3f3; color: #000; font-weight: bold;}

.pronewcanshu .photo_shows{ margin:15px auto; padding:0 2%; width: 96%; height: auto; max-width: 800px;}

.pronewswt{ margin:0 auto; padding:40px 0; width: 100%; height: auto; background: #f9f9f9; }
.pronewswt ul.four{ margin:0 auto; padding:0; width: 100%; height: auto;}
.pronewswt ul.four li{  padding:0; width: 23%; height: auto; margin: 1%; float: left;}
.pronewswt ul.four li img{ max-width: 100%; height: auto;}


.pronew1{margin:0 auto; padding: 30px 0; width: 100%; height: auto;}
.pronew1 .title{margin:0 auto; padding: 0; width: 100%; height: auto;text-align: left; color: #000;font-size: 20px; font-weight: bold;line-height: 30px;}

.pronew1 .title1{margin:0 auto; padding: 20px 0; width: 100%; height: auto;text-align: left; color: #000;font-size: 30px; font-weight: 400;line-height: 30px;}


.pronei{ margin:10px auto; padding:15px 0; width: 100%; height: auto; border: 1px solid #e3e3e3; background: #fff; position: relative;z-index: 10; text-align: center;}
.pronei:before{ position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: #f3f3f3;
    height: 60%;
    z-index: 10;}

.pronei img{ max-width: 85%; position: relative;height: auto;z-index:100; text-align: center;}
.pronei .txt{margin:0 auto; padding:20px; width: 100%; height: auto; clear: both;}
.pronei .txt .left{margin:0 auto; padding:0; width: 66%; height: auto; float: left;transition: all 700ms ease;}
.pronei .txt .t1{margin:0 auto; padding:0; width: 100%; height: auto; float: left;text-align: left; color: #00a4f2;font-size: 26px; line-height: 30px;}
.pronei .txt .t2{margin:0 auto; padding:0; width: 100%; height: auto; float: left;text-align: left; color: #000;font-size: 20px; line-height: 20px;}
.pronei .txt .t2 b{font-weight: normal;}


.pronei .txt .right{margin:10px auto; padding:0; width: 120px; height: auto; float: right;text-align: center; color: #fff; background: #ccc; border-radius: 20px; font-size: 16px; line-height: 40px;transition: all 700ms ease;}

.pronei:hover img{ transform: scale(1.05);}
.pronei:hover{box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .07);}
.pronei:hover .txt .right{background: #00a4f2; font-size: 16px; }

.pronei:hover .txt .left{ padding-left:15px;transition: all 700ms ease;}
.pronei:hover .txt .right{ padding-right:15px;transition: all 700ms ease;}



.pronei1{ margin:10px auto; padding:15px 0; width: 100%; height: auto; border: 1px solid #e3e3e3; background: #fff; position: relative;z-index: 10; text-align: center;}

.pronei1 img{ max-width: 90%; position: relative;height: auto;z-index:100; text-align: center;}
.pronei1 .txt{margin:0 auto; padding:10px; width: 100%; height: auto; clear: both;}
.pronei1 .txt .t2{margin:0 auto; padding:0; width: 100%; height: auto; float: left;text-align: center; color: #000;font-size: 16px; line-height: 20px;}

.pronei1:hover img{ transform: scale(1.05);}
.pronei1:hover{box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .07);}
.pronei1:hover .txt .left{ padding-left:15px;transition: all 700ms ease;}



/*
* ----------------------------------------------------------------------------------------
* 04. START ABOUT STYLE
* ----------------------------------------------------------------------------------------
*/

.welcome-section-padding {
  position: relative;
  float: left;
  width: 100%;
  padding: 100px 0;
}


.about-wel-des .my-2{font-size: 30px; color: #000; font-weight: bold; padding-bottom: 15px;}

.about-wel-des .my-4{font-size: 15px; color: #000;font-weight: bold;}

.about-btn{margin:20px 0; padding: 0; width: 140px; height: 40px; display: block;font-size: 14px; color: #00a4f2;transition: all 300ms ease; text-align: center; line-height: 40px;border: 1px solid #f3f3f3;}
.about-btn i{ margin-left:10px; font-size: 19px; line-height: 30px; margin-top: 5px;}
.about-btn:hover{border: 1px solid #00a4f2; margin-left: 20px;transition: all 300ms ease;}


.about-wel-img-sec {
  position: relative;
  display: inline-block;
  margin-right: 30px;
}

.about-wel-img-sec:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top:0;
  left: 0;background: #00a4f2;
  z-index: -1;
}

.img-overlay:before {
  background: rgba(0, 0, 0, 0.3);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}

.about-wel-img-sec a {
  background: #fff;
  font-size: 25px;
  display: block;
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.about-wel-img-sec a i {
  z-index: 3; color: #00a4f2;font-size: 20px;margin-left: 5px; margin-top: -5px;
  position: relative;
}

.about-wel-img-sec a:before,
.about-wel-img-sec a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.about-wel-img-sec a:before {
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}

.about-wel-img-sec a:after {
  transition: all 200ms;
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}




.indexabout{ margin:0 auto; padding:30px 0; width: 100%; height: auto;}

.indexvideo{ margin:0 auto; padding: 30px 0; width: 100%; height: auto;}
.indexvideo .title{
   font-size: 36px; color: #000; text-align: center; line-height: 30px; margin: 0 auto; padding: 50px 0;
}

.indexvideo .video1 { width:100%; height:auto; margin:0 auto; padding:0;}
	
.indexvideo .video1 a { display:block; width:100%; height:auto; margin:0 auto; padding:0; }
.indexvideo .video1 a:hover { }
.indexvideo .video1 a .video_con { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0; background-color:#f0f0f0; position:relative;}
	.video_con img.vdimg { display:block; width:100%; height:100%; margin:0 auto; padding:0;}
.indexvideo .video1 a .video_con .vd_btn { display:block; width:80px; height:80px; margin:-40px 0 0 -40px; padding:0; background:url(../image/vd_btn.png) center center no-repeat; background-size:80px 80px; position:absolute; left:50%; top:50%;}
.indexvideo .video1 a:hover .video_con .vd_btn { background:url(../image/vd_btn1.png) center center no-repeat; background-size:80px 80px;}
.indexvideo .video1 a h3 { width:100%; height:60px; overflow:hidden; line-height:60px; color:#262626; font-size:18px; text-align:center; background-color:#fff; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.indexvideo .video1 a h3 b{ font-weight: 400;}
.indexvideo .video1 a h3 { background-color:#f8f8f8;}
.indexvideo .video1 a:hover h3 { background-color:#00a4f2; color:#fff;}

.indexvideo .owl-carousel .owl-nav {
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:-25px;
}

.indexvideo .owl-carousel .owl-nav div {
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	background: none;
	color: #e3e3e3;
	font-size: 16px;
	position: absolute;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
	border: 1px solid #e3e3e3;
}
.indexvideo .owl-carousel .owl-nav div:hover{
	border: 1px solid #00a4f2;background: #00a4f2;
	color:#fff;
}
.indexvideo .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:-35px;
}
.indexvideo .owl-carousel .owl-controls .owl-nav .owl-next{
	right:-35px;
}
.indexvideo .single-slider .textwrite{background-color: rgba(2,106,204,.47); padding: 30px; margin-top: 60px; }




.indexbrand{ margin:0 auto; padding:30px 0 60px 0; width: 100%; height: auto; background: url(../image/bgg2.jpg) no-repeat center center;}
.indexbrand .title{
   font-size: 36px; color: #000; text-align: center; line-height: 30px; margin: 0 auto; padding: 50px 0;
}

.indexbrand .owl-carousel .owl-nav {
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:-13px;
}

.indexbrand .owl-carousel .owl-nav div {
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	background: none;
	color: #e3e3e3;
	font-size: 16px;
	position: absolute;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
	border: 1px solid #e3e3e3;
}
.indexbrand .owl-carousel .owl-nav div:hover{
	border: 1px solid #00a4f2;background: #00a4f2;
	color:#fff;
}
.indexbrand .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:-35px;
}
.indexbrand .owl-carousel .owl-controls .owl-nav .owl-next{
	right:-35px;
}
.indexbrand .single-slider .textwrite{background-color: rgba(2,106,204,.47); padding: 30px; margin-top: 60px; }


.indexbrand1{ margin:0 auto; padding:30px 0; width: 100%; height: auto; background: #f5f5f5;}


.brandimg{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.brandimg img{ max-width: 100%; height: auto;}


.brand20{ margin:0 1%; padding: 0; width: 18%; height: auto; float: left;}
.brand25{ margin:1%; padding: 0; height: auto; float: left;width: 18%;}


.indexbrandlist{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.indexbrandlist .list{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.indexbrandlist .list img{ max-width: 100%; height: auto;}

.indexbrandlist .list:before{ content:''; border-right:1px solid #333; height: 40px;}
.indexbrandlist .list:nth-child(1):before{ content:''; border-right:0; height: 40px;}



.indexbrandlist ul{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.indexbrandlist ul li{ margin:0 auto; padding: 0; width: 18%; height: auto; margin:10px 1%; float: left;}
.indexbrandlist ul li:before{ content:''; border-right:1px solid #333; height: 40px;}
.indexbrandlist ul li:nth-child(1):before{ content:''; border-right:0; height: 40px;}

.indexbrandlist ul li img{ max-width: 100%; height: auto;}

.readmore{ margin:0 auto; padding: 0; width: 160px; height: 40px;}
.readmore a{ margin:0 auto; padding: 0; width: 160px; height: 40px; background: #00a4f2; color: #fff; border-radius: 20px; display: block; font-size: 14px; text-align: center; line-height: 40px; }
.readmore a:hover{  background: #dfa300; }


.indexnew{ margin:0 auto; padding:30px 0; width: 100%; height: auto; background: #f5f5f5;}
.indexnew .title{
   font-size: 36px; color: #000; text-align: center; line-height: 30px; margin: 0 auto; padding: 50px 0;
}
.indexnew .single-news {
	background: #fff; padding: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease; display: block;
	box-shadow: 0px 0px 10px #00000014;
}
.indexnew .single-news img{
	width:100%;
	margin:0;
	padding:0;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.indexnew .single-news .news-head{
	position:relative; width: 100%; float: left; 
		
	
}
.indexnew .single-news .news-body{
	position:relative; width: 100%; float: right; padding: 20px; 
	
}
.indexnew .single-news .news-content {
	text-align: left;

}
.indexnew .single-news .news-content:before{
	position:absolute;
	content:"";
	left:0;
	bottom:0;
	height:2px;
	width:0%;
	background:#00a4f2;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.indexnew .single-news:hover .news-content:before{
	opacity:1;
	visibility:visible;
	width:100%;
}
.indexnew .single-news .news-body h2 {
	font-size: 18px;
	font-weight: 600; overflow: hidden; height: 24px;
	margin-bottom: 10px;
	line-height: 24px;
}
.indexnew .single-news .news-body h2 a{
	color:#2C2D3F;
	font-weight: 500;
}
.blog .single-news .news-body h2 a:hover{
	color:#00a4f2;
}
.indexnew .single-news .news-content p {
	font-weight: 400;
	text-transform: capitalize;
	font-size: 13px;
	letter-spacing: 0px;
	line-height: 23px;
}
.indexnew .single-news .news-body .date {
	display: inline-block;
	font-size: 16px;
	margin-bottom: 5px;
	color: #00a4f2; font-weight: bold;
	margin-bottom: 10px;
}
.indexnew.grid .single-news{
	margin-top:30px;
}


.indexnew .single-news:hover {
	background: #00a4f2;margin-top: -10px;
}

.indexnew .single-news:hover .news-body h2{color:#fff;}
.indexnew .single-news:hover .news-content p {color:#fff;}
.indexnew .single-news:hover .news-body .date {	color: #fff; }


.indexnew .owl-carousel .owl-nav {
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:-25px;
}

.indexnew .owl-carousel .owl-nav div {
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	background: none;
	color: #e3e3e3;
	font-size: 16px;
	position: absolute;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
	border: 1px solid #e3e3e3;
}
.indexnew .owl-carousel .owl-nav div:hover{
	border: 1px solid #00a4f2;background: #00a4f2;
	color:#fff;
}
.indexnew .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:-35px;
}
.indexnew .owl-carousel .owl-controls .owl-nav .owl-next{
	right:-35px;
}
.indexnew .single-slider .textwrite{background-color: rgba(2,106,204,.47); padding: 30px; margin-top: 60px; }


/**/
.aboutcon{ margin:0 auto; padding:30px 0; width: 100%; height: auto; background: #f5f5f5;}
.aboutcon .left{ margin:0 auto; padding:0; width: 50%; height: auto; float: left;}
.aboutcon .left h1{ margin:0 auto; padding:0; width: 100%; height: auto; float: left; font-size: 26px; font-weight: bold;line-height: 30px; text-align: left; color: #000;}
.aboutcon .left h2{ margin:0 auto; padding:0; width: 100%; height: auto; float: left; font-size: 24px; font-weight: bold;line-height: 30px; text-align: left; color: #000;}
.aboutcon .left .txt{ margin:0 auto; padding:15px 0; width: 100%; height: auto; float: left; font-size: 14px; line-height: 24px; text-align: left; color: #666;text-indent: 2em;}
.aboutcon .left .txt p{text-indent: 2em;}

.aboutcon .right{ margin:0 auto; padding:30px 0 0 0; width: 46%; height: auto; float: right; text-align: right;}
.aboutcon .right img{ max-width: 100%; height: auto; text-align: left; border: 3px solid #00a4f2;}


.aboutcon .con{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;}
.aboutcon .con h2{ margin:0 auto; padding:0; width: 100%; height: auto; float: left; font-size: 24px; font-weight: bold;line-height: 30px; text-align: left; color: #000;}
.aboutcon .con .txt{ margin:0 auto; padding:15px 0; width: 100%; height: auto; float: left; font-size: 14px; line-height: 24px; text-align: left; color: #666;}



.searchpro{ margin:0 auto; padding:30px 0; width: 100%; height: auto;}
.searchprolist{ margin:0 auto; padding:30px 0; width: 100%; height: auto;}
.searchprolist ul{ margin:0 auto; padding:0; width: 100%; height: auto;}
.searchprolist ul li{ margin:5px auto; padding:10px; width: 49%; height: auto; margin-right: 1%; float: left; border: 1px solid #f3f3f3;}
.searchprolist ul li .img{ margin:0 auto; padding: 0; width: 30%; height: auto;float: left;}
.searchprolist ul li .img img{ max-width: 100%; height: auto;}

.searchprolist ul li .txt{ margin:0 auto; padding: 0 2%; width: 66%; height: auto;float: left;}
.searchprolist ul li .txt .t1{ margin:0 auto; padding: 0; width: 100%; height: auto;float: left;font-size: 16px; line-height: 24px; text-align: left; color: #000;}
.searchprolist ul li .txt .t2{ margin:0 auto; padding:5px 0; width: 100%; height: auto;float: left;font-size: 12px; line-height: 20px; text-align: left; color: #888;}

.searchprolist ul li:nth-child(2n+1){ clear: both;}



.zhenshu{ margin:0 auto; padding:30px 0; width: 100%; height: auto; background: #f5f5f5;}
.zhenshulist{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.zhenshulist ul{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.zhenshulist ul li{ margin:0 auto; padding: 0; width: 18%; height: auto; margin: 1%; float: left;}
.zhenshulist ul li img{ max-width: 100%; height: auto;}

/**/
.brandhui{ margin:0 auto; padding:30px 0; width: 100%; height: auto; background: #f5f5f5;}
.brandlist{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.brandlist ul{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.brandlist ul li{ margin:0 auto; padding: 0; width: 12%; height: auto; margin: 0.5%; float: left;}
.brandlist ul li img{ max-width: 100%; height: auto;}


.brandwrite{ margin:0 auto; padding:30px 0; width: 100%; height: auto; background: #fff;}

.brandimg1{ margin:1%; padding:5px; width: 98%; height: auto; border: 1px solid #f3f3f3; text-align: center; background: #fff;}
.brandimg1 img{ max-width: 90%; height: auto; margin: 0 5%; text-align: center;}

.brandimg{ margin:0 auto; padding: 0; width: 100%; height: auto; background: #fff;}
.brandimg img{ max-width: 100%; height: auto;}

.brandimgmobile{ margin:0 auto; padding: 0; width: 100%; height: auto; display: none;}
.brandimgmobile img{ max-width: 100%; height: auto;}

/*liuchen*/
.liuchen{ margin:0 auto; padding:30px 0; width: 100%; height: auto; background: #fff;}
.liuchenlist{ margin:0 auto; padding:0; width: 100%; height: auto; }
.liuchenlist ul{ margin:0 auto; padding:0; width: 100%; height: auto; }
.liuchenlist ul li{ margin:0 auto; padding:0; width: 12.5%; height: auto; float: left;}
.liuchenlist ul li .img{ margin:0 auto; padding:0; width: 100%; height: auto; margin-bottom: 10px;text-align: center;}
.liuchenlist ul li .img img{ max-width: 100%; height: auto;}
.liuchenlist ul li .line{ margin:0 auto; padding:0; display: block;width: 100%; height: 30px; border-bottom: 1px solid #e3e3e3; text-align: center;z-index: 100; }
.liuchenlist ul li .line i{ font-size: 18px; color: #00a4f2; margin-top: 10px; line-height: 40px; text-align: center; z-index: 10;}

.liuchenlist ul li .txt{ margin:10px auto; padding:15px 5%; width: 90%; height: auto; font-size: 14px; text-align: center; color: #666; line-height: 20px;}


.liuchenwenzi{ margin:0 auto; padding:0; width: 100%; height: auto; background: #f5f5f5; }
.liuchenwenzi .wz{ margin:0 auto; padding:30px; width: 100%; height: auto; font-size: 14px; text-align: left; color: #666; line-height: 24px;}


.liuchenpic{ margin:40px auto; padding:0; width: 100%; height: auto;}
.liuchenpic ul{ margin:0 auto; padding:0; width: 100%; height: auto;}
.liuchenpic ul li{ padding:20px; width: 49%; height: auto; margin-right: 1%; background: #00a4f2; float: left;}
.liuchenpic ul li:nth-child(1){ padding:20px; width: 49%; height: auto; margin-right: 1%; background: #00a4f2; float: left;}
.liuchenpic ul li:nth-child(2){ padding:20px; width: 49%; margin: 0; height: auto; margin-left: 1%; background: #00a4f2; float: right;}

.liuchenpic ul li .txt{ margin:0 auto; padding:0 0 20px 0; width: 100%; height: auto;  font-size: 20px; font-weight: bold;text-align: center; color: #fff; line-height: 40px;}
.liuchenpic ul li .img{ margin:0 auto; padding:0; width: 100%; height: auto; }
.liuchenpic ul li .img img{ max-width: 100%; height: auto; }




.videotwo{ margin:0 auto; padding:30px 0; width: 100%; height: auto;}
.videotwo .container{ max-width:1200px;}

.videotwo .videotwonei{ margin:10px auto; padding:0; width: 100%; height: auto; text-align: center;}
.videotwo .videotwonei .img{ margin:0 auto; padding:0; width: 100%; height: auto; max-height: 320px; max-width: 570px; overflow: hidden;}
.videotwo .videotwonei .img img{ width: 100%; height: auto;}

.videotwo .videotwonei .txt2{ margin:5px auto; padding:10px 0; width: 100%; height: auto; text-align: center; background: #00a4f2; display: block; line-height: 24px; color: #fff; border-radius: 5px;}
.videotwo .videotwonei .txt2 .tt3{ margin:0 auto; padding:0 20px; width: 100%; height: auto; text-align: center;line-height: 24px; color: #fff; font-size: 20px; font-weight: bold;}
.videotwo .videotwonei .txt2 .tt3 a{ text-align: center;line-height: 24px; color: #fff; font-size: 20px; font-weight: bold;}
.videotwo .videotwonei:hover .txt2{background: #ca6900; display: block; color: #fff;}

.videotwo .videotwonei video{  background: #000; width:570px; height:320px; object-fit: cover;}

.videotwo .videotwonei1 video{  background: #000; width:100%; height:auto; object-fit: cover;}


.videonei { margin:0 auto; padding:0; width: 100%; height: auto; max-width: 650px;}
.videonei video{ width: 100%; height: auto;}




/**视频中心**/

	.video_main { width:100%; overflow:hidden; margin:50px auto; padding:0;}
.video_main .title{ width:100%; overflow:hidden; margin:20px auto; padding:0;text-align: center;line-height: 24px; color: #fff; font-size: 20px; font-weight: bold;}


	.video_mid { width:100%; height:auto; margin:0 auto; padding:0;}
	.video_mid ul li { width:32%; height:auto; margin:0 2% 40px 0; padding:0; float:left;}
	.video_mid ul li:nth-child(2n+2) { margin:0 2% 40px 0;}
	.video_mid ul li:nth-child(3n+3) { margin:0 0 40px;}	
	.video_mid ul li a { display:block; width:100%; height:auto; margin:0 auto; padding:0; box-shadow:0 8px 16px rgba(0, 0, 0, 0.1);}
	.video_mid ul li a:hover { box-shadow:0 8px 16px rgba(255, 89, 0, 0.4);}
	.video_mid ul li a .video_con { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0; background-color:#f0f0f0; position:relative;}
	.video_con img.vdimg { display:block; width:100%; height:100%; margin:0 auto; padding:0;}
	.video_mid ul li a .video_con .vd_btn { display:block; width:80px; height:80px; margin:-40px 0 0 -40px; padding:0; background:url(../image/vd_btn.png) center center no-repeat; background-size:80px 80px; position:absolute; left:50%; top:50%;}
	.video_mid ul li a:hover .video_con .vd_btn { background:url(../image/vd_btn1.png) center center no-repeat; background-size:80px 80px;}
	.video_mid ul li a h3 { width:100%; height:60px; overflow:hidden; line-height:60px; color:#262626; font-size:18px; text-align:center; background-color:#fff; margin:0 auto; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.video_mid ul li a h3 b{ font-weight: 400;}
	.video_main1 .video_mid ul li a h3 { background-color:#f8f8f8;}
	.video_mid ul li a:hover h3 { background-color:#00a4f2; color:#fff;}

@media screen and (min-width:1081px) and (max-width:1559px) {
	.video_main { width:100%; overflow:hidden; margin:0 auto 40px; padding:0 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

	.video_mid { width:100%; height:auto; margin:0 auto; padding:0;}
	.video_mid ul li { width:32%; height:auto; margin:0 2% 40px 0; padding:0; float:left;}	
	.video_mid ul li:nth-child(2n+2) { margin:0 2% 40px 0;}
	.video_mid ul li:nth-child(3n+3) { margin:0 0 40px;}	
	.video_mid ul li a { display:block; width:100%; height:auto; margin:0 auto; padding:0; box-shadow:0 8px 16px rgba(0, 0, 0, 0.1);}
	.video_mid ul li a:hover { box-shadow:0 8px 16px rgba(255, 89, 0, 0.4);}
	.video_mid ul li a .video_con { width:100%; height:300px; overflow:hidden; margin:0 auto; padding:0; background-color:#f0f0f0; position:relative;}
	.video_con img.vdimg { display:block; width:100%; height:100%; margin:0 auto; padding:0;}
	.video_mid ul li a .video_con .vd_btn { display:block; width:80px; height:80px; margin:-40px 0 0 -40px; padding:0; background:url(../image/vd_btn.png) center center no-repeat; background-size:80px 80px; position:absolute; left:50%; top:50%;}
	.video_mid ul li a:hover .video_con .vd_btn { background:url(../image/vd_btn1.png) center center no-repeat; background-size:80px 80px;}
	.video_mid ul li a h3 { width:100%; height:60px; overflow:hidden; line-height:60px; color:#262626; font-size:18px; text-align:center; background-color:#fff; margin:0 auto; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.video_main1 .video_mid ul li a h3 { background-color:#f8f8f8;}
	.video_mid ul li a:hover h3 { background-color:#00a4f2; color:#fff;}
}
@media screen and (max-width:1280px) {
}
@media screen and (min-width:1081px) {
}
@media screen and (max-width:1080px) {
	.video_main { width:100%; overflow:hidden; margin:0 auto 20px; padding:0 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

	.video_mid { width:100%; height:auto; margin:0 auto; padding:0;}
	.video_mid ul li { width:49%; height:auto; margin:0 2% 20px 0; padding:0; float:left;}	
	.video_mid ul li:nth-child(3n+3) { margin:0 2% 20px 0;}
	.video_mid ul li:nth-child(2n+2) { margin:0 0 20px;}
	.video_mid ul li a { display:block; width:100%; height:auto; margin:0 auto; padding:0; box-shadow:0 8px 16px rgba(0, 0, 0, 0.1);}
	.video_mid ul li a:hover, .video_mid ul li a:active { box-shadow:0 8px 16px rgba(255, 89, 0, 0.4);}
	.video_mid ul li a .video_con { width:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#f0f0f0; position:relative;}
	.video_con img.vdimg { display:block; width:100%; height:100%; margin:0 auto; padding:0;}
	.video_mid ul li a .video_con .vd_btn { display:block; width:80px; height:80px; margin:-40px 0 0 -40px; padding:0; background:url(../image/vd_btn.png) center center no-repeat; background-size:80px 80px; position:absolute; left:50%; top:50%;}
	.video_mid ul li a:hover .video_con .vd_btn, .video_mid ul li a:active .video_con .vd_btn { background:url(../image/vd_btn1.png) center center no-repeat; background-size:80px 80px;}
	.video_mid ul li a h3 { width:100%; height:48px; overflow:hidden; line-height:48px; color:#262626; font-size:16px; text-align:center; background-color:#fff; margin:0 auto; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.video_main1 .video_mid ul li a h3 { background-color:#f8f8f8;}
	.video_mid ul li a:hover h3, .video_mid ul li a:active h3 { background-color:#00a4f2; color:#fff;}
}
@media screen and (max-width:750px) {
	.video_main { width:100%; overflow:hidden; margin:0 auto 20px; padding:0 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

	.video_mid { width:100%; height:auto; margin:0 auto; padding:0;}
	.video_mid ul li { width:100%; height:auto; margin:0 auto 20px; padding:0; float:left;}	
	.video_mid ul li:nth-child(3n+3) { margin:0 auto 16px;}
	.video_mid ul li:nth-child(2n+2) { margin:0 auto 20px;}
	.video_mid ul li a { display:block; width:100%; height:auto; margin:0 auto; padding:0; box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);}
	.video_mid ul li a:hover, .video_mid ul li a:active { box-shadow:0 4px 8px rgba(255, 89, 0, 0.4);}
	.video_mid ul li a .video_con { width:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#f0f0f0; position:relative;}
	.video_con img.vdimg { display:block; width:100%; overflow:hidden; margin:0 auto; padding:0;}
	.video_mid ul li a .video_con .vd_btn { display:block; width:80px; height:80px; margin:-40px 0 0 -40px; padding:0; background:url(../image/vd_btn.png) center center no-repeat; background-size:64px 64px; position:absolute; left:50%; top:50%;}
	.video_mid ul li a:hover .video_con .vd_btn, .video_mid ul li a:active .video_con .vd_btn { background:url(../image/vd_btn1.png) center center no-repeat; background-size:64px 64px;}
	.video_mid ul li a h3 { width:100%; height:48px; overflow:hidden; line-height:48px; color:#262626; font-size:16px; text-align:center; background-color:#fff; margin:0 auto; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.video_main1 .video_mid ul li a h3 { background-color:#f8f8f8;}
	.video_mid ul li a:hover h3, .video_mid ul li a:active h3 { background-color:#00a4f2; color:#fff;}
}





.solution{ margin:0 auto; padding:30px 0; width: 100%; height: auto; background: #f5f5f5;}
.solutionlist{ margin:0 auto; padding:0; width: 100%; height: auto; }
.solutionlist ul{ margin:0 auto; padding:0; width: 100%; height: auto; }
.solutionlist ul li{ margin:1%; padding:0; width: 31%; height: auto; float: left;}
.solutionlist ul li .img{ margin:0 auto; padding:0; width: 100%; height: auto; margin-bottom: 10px;text-align: center;}
.solutionlist ul li .img img{ max-width: 100%; height: auto;}


.solutionlist1{ margin:0 auto; padding:0; width: 100%; height: auto; }
.solutionlist1 ul{ margin:0 auto; padding:0; width: 100%; height: auto; }
.solutionlist1 ul li{ margin:1%; padding:0; width: 23%; height: auto; float: left;}
.solutionlist1 ul li .img{ margin:0 auto; padding:0; width: 100%; height: auto; margin-bottom: 10px;text-align: center;}
.solutionlist1 ul li .img img{ max-width: 100%; height: auto;}


.solutionlist2{ margin:0 auto; padding:0; width: 100%; height: auto; }
.solutionlist2 ul{ margin:0 auto; padding:0; width: 100%; height: auto; }
.solutionlist2 ul li{ margin:1%; padding:0; width: 31%; height: auto; float: left;}
.solutionlist2 ul li .img{ margin:0 auto; padding:0; width: 100%; height: auto; margin-bottom: 10px;text-align: center;}
.solutionlist2 ul li .img img{ max-width: 100%; height: auto;}
.solutionlist2 ul li .txt{ margin:0 auto; padding:8px 0; width: 100%; height: auto;text-align: center; font-size: 14px; color: #fff; background: #00a4f2; line-height: 20px;}
.solutionlist2 ul li:hover .txt{ background: #2d65c3; line-height: 20px;}

.displaymobile{ display:block;}
.displaymobilenone{ display:none;}


.displaymobile1200{ display:block;}
.displaymobilenone1200{ display:none;}

.solutionnei { margin:0 auto; padding:40px 0; width: 100%;}
.solutionnei .con{ margin:0; padding:0; width: 100%; height: auto;  text-align: left; font-size: 16px; color: #666; line-height: 30px; }
.solutionnei .con h2{ margin:0 auto; padding:0; width: 100%; height: auto;text-align: left; font-size: 30px; color: #000; line-height: 30px; }
.solutionnei .con h3{ margin:0 auto; padding:0; width: 100%; margin-bottom: 40px; height: auto;text-align: left; font-size: 20px; color: #000; line-height: 30px;font-family: "Barlow-Bold"; }



.solutionnei .title1{ margin:0 auto; padding:0; width: 100%; height: auto;text-align: left; font-size: 30px; color: #000; line-height: 30px; }
.solutionnei .title2{ margin:0 auto; padding:0; width: 100%; height: auto;text-align: left; font-size: 16px; color: #888; line-height: 30px; }
.solutionnei .title3{ margin:0 auto; padding:20px 0; width: 100%; height: auto;text-align: left; font-size: 14px; color: #666; line-height: 20px; }

.solutionnei .img{ margin:0 auto; padding:0; width: 100%; height: auto; margin-bottom: 10px;text-align: center;}
.solutionnei .img img{ max-width: 100%; height: auto;}




/*=============================
	Start Feautes CSS
===============================*/
.Feautes{
	padding-top:30px;
}
.Feautes.index2{
	padding-top:100px;
}
.Feautes.testimonial-page{
	padding-top:100px;
}
.Feautes .single-features{
	text-align:center;
	position:relative;
	padding:10px 20px;
}
.Feautes .single-features::before {
	position: absolute;
	content: "";
	right: -72px;
	top: 60px;
	width: 118px;
	border-bottom: 3px dotted #00a4f2;
}
.Feautes .single-features.last::before{
	display:none;
}
.Feautes .single-features .signle-icon{
	position:relative;
}
.Feautes .single-features .signle-icon span{
	font-size:50px;
	color:#00a4f2;
	position:absolute;
	left:50%;
	margin-left:-50px;
	top:0;
	height:100px;
	width:100px;
	line-height:100px;
	text-align:center;
	border:1px solid #dddddd;
	border-radius:100%;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.Feautes .single-features .signle-icon span.ico1{line-height:100px;background: url(http://www.cndairuike.com/static/dairuike/image/ico1.png) no-repeat center center #fff;}
.Feautes .single-features .signle-icon:hover span.ico1{background: url(http://www.cndairuike.com/static/dairuike/image/ico11.png) no-repeat center center #00a4f2;}
.Feautes .single-features .signle-icon span.ico2{line-height:100px;background: url(http://www.cndairuike.com/static/dairuike/image/ico2.png) no-repeat center center #fff;}
.Feautes .single-features .signle-icon:hover span.ico2{background: url(http://www.cndairuike.com/static/dairuike/image/ico21.png) no-repeat center center #00a4f2;}
.Feautes .single-features .signle-icon span.ico3{line-height:100px;background: url(http://www.cndairuike.com/static/dairuike/image/ico3.png) no-repeat center center #fff;}
.Feautes .single-features .signle-icon:hover span.ico3{background: url(http://www.cndairuike.com/static/dairuike/image/ico31.png) no-repeat center center #00a4f2;}


.Feautes .single-features:hover .signle-icon i{
	background:#00a4f2;
	color:#fff;
	border-color:transparent;
}




.Feautes .single-features h3{
	padding-top: 128px;
	color:#2C2D3F;
	font-weight:600;
	font-size:21px;
}
.Feautes .single-features p {
	margin-top: 20px;
}
/*=============================
	End Feautes CSS
===============================*/

.conmenu{ margin:0 auto; padding: 0; position: relative;width: 100%; height: auto; margin-top: -60px; z-index: 10}
.conmenu ul{ margin:0 auto; padding: 0;  background: transparent; width: 100%; height: auto;z-index: 10}
.conmenu ul li{ margin:0; padding: 0 30px; width: auto; height: auto;float: left;border-right: 1px solid #fff; text-align: center; color: #fff; font-size: 16px; line-height: 20px;z-index: 10}
.conmenu ul li a{ text-align: center; color: #fff; font-size: 16px; line-height: 20px;z-index: 10}
.conmenu ul li a:hover{ border-bottom: 3px solid #f29d02; }

.conmenu ul li:last-child{ border-right: 0; }
.breadcrumb-wrap .breadcrumb li a.active{ border-bottom: 3px solid #f29d02; }

.conmenu ul li.cc{ margin:0; padding: 0 30px; width: auto; height: auto;float: left;border-right: 1px solid #888; text-align: center; color: #000; font-size: 16px; line-height: 20px;z-index: 10}
.conmenu ul li.cc a{ text-align: center; color: #000; font-size: 16px; line-height: 20px;z-index: 10}
.conmenu ul li.cc a:hover{ border-bottom: 3px solid #f29d02; }







.confuwu1{ margin:0 auto; padding: 0; width: 100%; height: auto;margin-top:-120px; z-index: 10;position: relative; background: #fff;max-width: 1200px; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 5px #3333334d;}

.confuwu1 .left{ margin:0; padding: 0; width: 45%; height: auto; float: left;min-height: 400px; background: url(../image/fuwu1.jpg) no-repeat left center;}
.confuwu1 .left .title1{ margin:0 auto; padding: 0 3%; width: 94%; height: auto; margin-top: 120px; font-size: 30px; color: #fff; line-height: 30px;}
.confuwu1 .left .title2{ margin:40px auto; padding: 0 3%; width: 94%; height: auto;font-size: 20px; color: #fff; line-height: 30px;}


.confuwu1 .right{ margin:0 auto; padding: 0; width: 50%; height: auto; float: left;min-height: 400px;background: url(../image/fuwu6.jpg) no-repeat right bottom;}
.confuwu1 .right .con{ margin:0 auto; padding:50px 3% 30px 3%; width: 94%; height: auto;}
.confuwu1 .right .con .title1{ margin:0 auto; padding:0; width: 100%; height: auto;text-align: left; color: #000; font-size: 30px; line-height: 30px;}
.confuwu1 .right .con .title2{ margin:0 auto; padding:30px 0; width: 100%; height: auto;text-align: left; color: #666; font-size: 16px; line-height: 30px;}
.confuwu1 .right .con .title3{ margin:0 auto; padding:0; width: 100%; height: auto;}
.confuwu1 .right .con .title3 ul{ margin:0 auto; padding:0; width: 100%; height: auto;}
.confuwu1 .right .con .title3 ul li{ margin:10px auto; padding:0; width: 46%; height: auto; float: left; margin-right: 3%; border: 1px solid #e3e3e3; background: #f3f3f3;font-size: 16px; text-align: center; color: #000; line-height: 40px; }


.confuwu2{ margin:60px auto; padding: 0; width: 100%; height: auto; }
.confuwu2 .title1{ margin:0 auto; padding: 0; width: 100%; height: auto; text-align: left; color: #000; font-size: 30px; line-height: 30px;}
.confuwu2 .title2{ margin:0 auto; padding:30px 0; width: 100%; height: auto; text-align: left; color: #666; font-size: 18px; line-height: 30px;}



.confuwu3{ margin:0 auto; padding: 0; width: 100%; height: auto; background: #f4f4f4; }
.confuwu3 .left{ margin:0; padding: 0; width: 45%; height: auto; float: left;}
.confuwu3 .left .tu{ margin:0; padding: 0; width: 100%; height: auto; text-align: left;}
.confuwu3 .left .tu img{ max-width: 450px; height: auto; }
.confuwu3 .left .title1{ margin:50px 0 0 0; padding: 0; width: 100%; height: auto; text-align: left; color: #000; font-size: 30px; line-height: 30px;}
.confuwu3 .left .title2{ margin:0; padding:20px 0; width: 100%; height: auto; text-align: left; color: #666; font-size: 18px; line-height: 30px;}



.confuwu3 .right{ margin:0; padding: 0 4%; width: 37%; height: auto; float: right; background: #fff; margin-top: -100px;-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 5px #3333334d;}
.confuwu3 .right .tu{ margin:0; padding: 0; width: 100%; height: auto; margin-top: -100px; text-align: center;}
.confuwu3 .right .tu img{ max-width: 100%; height: auto; }


.confuwu3 .right .txt{ margin:50px 0; padding: 0; width: 100%; height: auto;}
.confuwu3 .right .txt .t1{ margin:0; padding: 0; width: 100%; height: auto;text-align: left; color: #000; font-size:60px; line-height: 30px;}
.confuwu3 .right .txt .t1 img{ margin-right: 15px;}
.confuwu3 .right .txt .t2{ margin:15px 0; padding: 0; width: 80px; height: 2px; background: #00a4f2;}
.confuwu3 .right .txt .t3{ margin:0; padding: 0; width: 100%; height: auto; font-size: 18px; color: #666; text-align: left;line-height: 30px;}


.confuwu4{ margin:0 auto 80px auto; padding: 0; width: 100%; height: auto; background: #fff; }
.confuwu4 .left{ margin:0; padding:50px 0; width: 45%; height: auto; float: left;}
.confuwu4 .left .title1{ margin:50px 0 0 0; padding: 0; width: 100%; height: auto; text-align: left; color: #000; font-size: 30px; line-height: 30px;}
.confuwu4 .left .title2{ margin:0; padding:20px 0; width: 100%; height: auto; text-align: left; color: #666; font-size: 18px; line-height: 30px;}



.confuwu4 .right{ margin:0; padding: 0; width: 37%; height: auto; float: right; background: #00a4f2; }
.confuwu4 .right .txt{ margin:15px; padding: 50px 2%; width: 100%-30px;border: 1px solid #fff; height: auto; text-align: center; color: #fff; font-size: 20px; line-height: 24px; }
.confuwu4 .right .txt i{ text-align: center; color: #fff; font-size: 40px; line-height: 30px; margin-right: 20px; }
.confuwu4 .right .txt:hover{ background: #c1871b;}



.confuwu5{ margin:0 auto ; padding: 0; width: 100%; height: auto; background: #f4f4f4; }
.confuwu5 .con{ margin:0 auto; padding: 0; width: 100%; height: auto; }
.confuwu5 .con ul{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.confuwu5 .con ul li{  width:32%; height:auto; float:left;margin:0 auto; padding:2%; margin-right: 2%; margin-top: -80px; min-height: 260px;  background: #fff;-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 5px #3333334d;transition: all 0.5s ease 0s;}

.confuwu5 .con ul li {}
.confuwu5 .con ul li:nth-child(2n+2) { margin-right: 2%; margin-top: -80px;}
.confuwu5 .con ul li:nth-child(3n+3) { margin-right:0;margin-top: -80px; float: right;}


.confuwu5 .con ul li .title1{ margin:0 auto; padding:0; width: 100%; height: auto;text-align: left; color: #000; font-size: 24px; line-height: 30px;}
.confuwu5 .con ul li .title2{ margin:20px auto; padding:0; width: 100%; height: 2px; background: #f3f3f3;}
.confuwu5 .con ul li .title3{ margin:0 auto; padding:0; width: 100%; height: auto;text-align: left; color: #666; font-size: 15px; line-height: 24px;}

.confuwu5 .con ul li:hover{ background: #00a4f2; margin-top: -100px; -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}

.confuwu5 .con ul li:hover .title1{  color: #fff; }
.confuwu5 .con ul li:hover .title2{ margin:20px auto; padding:0; width: 100%; height: 2px; background: #f3f3f3;}
.confuwu5 .con ul li:hover .title3{color: #fff;}


.confuwu5 .con1{ margin:40px auto; padding: 0; width: 100%; height: auto; }

.confuwu5 .con1 .title1{ margin:0 auto; padding: 0; width: 100%; height: auto;text-align: center; color: #000; font-size: 30px; line-height: 30px; }
.confuwu5 .con1 .title2{ margin:20px auto; padding: 0; width: 100%; height: auto;text-align: center; color: #666; font-size: 18px; line-height: 24px; }

.confuwu5 .con2{ margin:30px auto; padding: 0; width: 100%; height: auto; }
.confuwu5 .con2 ul{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.confuwu5 .con2 ul li{ width:32%; height:auto; float:left;margin:0 auto; padding:2%; margin-right: 2%; transition: all 0.5s ease 0s; float: left; min-height: 100px; background: #e9e9e9;text-align: center; color: #000; font-size: 18px; line-height: 30px; }


.confuwu5 .con2 ul li:nth-child(2n+2) { margin-right: 2%; }
.confuwu5 .con2 ul li:nth-child(3n+3) { margin-right:0;float: right;}



.confuwu5 .con2 ul li:hover{ background: #00a4f2; margin-top: -10px; -webkit-transition: all 0.5s ease 0s; color: #fff;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}




.confuwu5 .conmobile{ width:-webkit-calc(100% - 50px); 
width:-moz-calc(100% - 50px); 
width:calc(100% - 50px);  height:auto; float:left;margin:0 auto; padding:30px; margin:10px 25px;  min-height: 260px;  background: #fff;-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 5px #3333334d;transition: all 0.5s ease 0s;}


.confuwu5 .conmobile .title1{ margin:0 auto; padding:0; width: 100%; height: auto;text-align: left; color: #000; font-size: 24px; line-height: 30px;}
.confuwu5 .conmobile .title2{ margin:20px auto; padding:0; width: 100%; height: 2px; background: #f3f3f3;}
.confuwu5 .conmobile .title3{ margin:0 auto; padding:0; width: 100%; height: auto;text-align: left; color: #666; font-size: 15px; line-height: 24px;}

.confuwu5 .conmobile:hover{ background: #00a4f2; margin-top: -100px; -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}

.confuwu5 .conmobile:hover .title1{  color: #fff; }
.confuwu5 .conmobile:hover .title2{ margin:20px auto; padding:0; width: 100%; height: 2px; background: #f3f3f3;}
.confuwu5 .conmobile:hover .title3{color: #fff;}

.confuwu5 .owl-carousel .owl-nav {
	display: none;
}



/*=======================
	Start Blog CSS
=========================*/
.blog{
	background:#fff;
}
.blog .blog-title{
	text-align:center;
}
.blog .single-news {
	background: #fff; padding:25px 15px; margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease; display: block;border-bottom: 1px dashed #e3e3e3;
}
.blog .single-news:hover {	background: #00a4f2; }
.blog .single-news img{
	width:100%;
	margin:0;
	padding:0;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.blog .single-news .news-head{
	position:relative; width: 27%; float: left;transition:all 0.4s ease;padding-left: 3%;
	
}

.blog .single-news .news-head .date {
	display: inline-block;
	font-size: 24px;
	margin-bottom: 5px;
	color: #00a4f2;
	padding: 0;
	border-radius: 3px;
	margin-bottom: 10px;
}

.blog .single-news .news-head .more {
	margin:30px 0; padding: 0; width: 30px; height: 30px; display: block;  background: #666; ;
}
.blog .single-news .news-head .more i {
	font-size: 20px; text-align: center; color: #fff; line-height: 30px; padding-left: 12px;
}
.blog .single-news:hover .news-head{margin-left: 30px;-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;}
.blog .single-news:hover .news-head .date {	color: #fff;}
.blog .single-news:hover .news-head .more {	background: #fff; }
.blog .single-news:hover .news-head .more i {color: #00a4f2; }




.blog .single-news .news-body{
	position:relative; width: 62%; float: right; padding-right: 3%;transition:all 0.4s ease;
	
}
.blog .single-news:hover .news-body{margin-right: 30px;-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;}
.blog .single-news .news-content {
	text-align: left;
}

.blog .single-news .news-body h2 {
	font-size: 18px;
	font-weight: 600; color: #000;
	margin-bottom: 10px;
	line-height: 24px;
}

.blog .single-news .news-content p {
	font-weight: 400;
	text-transform: capitalize;
	font-size: 13px;
	letter-spacing: 0px; color: #666;
	line-height: 23px;
}

.blog .single-news:hover .news-body h2 {color: #fff;}

.blog .single-news:hover .news-content p {color: #fff;}

.blog .single-news .news-body .more {
	margin:30px 0; padding: 0; width: 30px; height: 30px; display: block;  background: #666; ;
}
.blog .single-news .news-body .more i {
	font-size: 20px; text-align: center; color: #fff; line-height: 30px; padding-left: 12px;
}

.blog.grid .single-news{
	
}





.blog .single-news1 {
	background: #fff; padding:25px 15px; margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease; display: block;border-bottom: 1px dashed #e3e3e3;
}
.blog .single-news1:hover {	background: #00a4f2; }
.blog .single-news1 img{
	width:100%;
	margin:0;
	padding:0;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.blog .single-news1 .news-head{
	position:relative; width: 47%; float: right;transition:all 0.4s ease;padding-right: 3%;
	
}

.blog .single-news1 .news-body .date {
	display: inline-block;
	font-size: 24px;
	margin-bottom: 5px;
	color: #00a4f2;
	padding: 0;
	border-radius: 3px;
	margin-bottom: 10px;
}

.blog .single-news1 .news-body .more {
	margin:30px 0; padding: 0; width: 30px; height: 30px; display: block;  background: #666; ;
}
.blog .single-news1 .news-body .more i {
	font-size: 20px; text-align: center; color: #fff; line-height: 30px; padding-left: 12px;
}
.blog .single-news1:hover .news-body{margin-left: 30px;-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;}
.blog .single-news1:hover .news-body .date {	color: #fff;}
.blog .single-news1:hover .news-body .more {	background: #fff; }
.blog .single-news1:hover .news-body .more i {color: #00a4f2; }




.blog .single-news1 .news-body{
	position:relative; width: 100%; float: left; padding-left: 3%;transition:all 0.4s ease;
	
}
.blog .single-news1:hover .news-body{margin-right: 30px;-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;}
.blog .single-news1 .news-content {
	text-align: left;
}

.blog .single-news1 .news-body h2 {
	font-size: 18px;
	font-weight: 600; color: #000;
	margin-bottom: 10px;
	line-height: 24px;
}

.blog .single-news1 .news-content p {
	font-weight: 400;
	text-transform: capitalize;
	font-size: 13px;
	letter-spacing: 0px; color: #666;
	line-height: 23px;
}

.blog .single-news1:hover .news-body h2 {color: #fff;}

.blog .single-news1:hover .news-content p {color: #fff;}





/* Blog Sidebar */
.main-sidebar {
	background: #fff;
	margin-top: 30px;
	background: transparent;
}
.main-sidebar .single-widget {
	margin-bottom: 30px;
	padding: 40px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	border-radius: 8px;
}
.main-sidebar .single-widget .title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 30px;
	display: block;
	background: #fff;
	padding-left: 12px;
}
.main-sidebar .single-widget .title::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 100%;
	width: 3px;
	background: #00a4f2;
}
.main-sidebar .single-widget:last-child{
	margin:0;
}
.main-sidebar .search{
	position:relative;
}
.main-sidebar .search input {
	width: 100%;
	height: 45px;
	box-shadow: none;
	text-shadow: none;
	font-size: 14px;
	border: none;
	color: #222;
	background: transparent;
	padding: 0 70px 0 20px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 0;
	border: 1px solid #eee;
	border-radius: 5px;
}
.main-sidebar .search .button {
	position: absolute;
	right: 40px;
	top: 40px;
	height: 44px;
	width: 50px;
	line-height: 45px;
	box-shadow: none;
	text-shadow: none;
	text-align: center;
	border: none;
	font-size: 14px;
	color: #fff;
	background: #333;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 0 5px 5px 0;
}
.main-sidebar .search .button:hover {
	background:#00a4f2;
	color:#fff;
}
/* Category List */
.main-sidebar .categor-list {
	margin-top: 15px;
}
.main-sidebar .categor-list li {
	margin-bottom: 10px;
}
.main-sidebar .categor-list li:last-child{
	margin-bottom:0px;
}
.main-sidebar .categor-list li a {
	display: inline-block;
	color: #333;
	font-size:14px;
}
.main-sidebar .categor-list li a:hover{
	color:#00a4f2;
	padding-left:7px;
}
.main-sidebar .categor-list li a i {
	display: inline-block;
	margin-right:0px;
	font-size: 9px;
	transform: translateY(-1px);
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.main-sidebar .categor-list li a:hover i{
	margin-right: 6px;
	opacity:1;
	visibility:visible;
}
/* Recent Posts */
.main-sidebar .single-post {
	position: relative;
	border-bottom: 1px solid #ddd;
	display: inline-block;
	padding: 17px 0;
}
.main-sidebar .single-post:last-child{
	padding-bottom:0px;
	border:none;
}
.main-sidebar .single-post .image img{
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 20px;
}
.main-sidebar .single-post .content{
	padding-left:100px;
}
.main-sidebar .single-post .content h5 {
	line-height: 18px;
}
.main-sidebar .single-post .content h5 a {
	color: #2C2D3F;
	font-weight: 500;
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;
	display: block;
	margin-bottom: 10px;
	margin-top: 0;
}
.main-sidebar .single-post .content h5 a:hover{
	color:#00a4f2;
}
.main-sidebar .single-post .content .comment li{
	color:#888;
	display:inline-block;
	margin-right:15px;
	font-weight:400;
	font-size:14px;
}
.main-sidebar .single-post .content .comment li:last-child{
	margin-right:0;
}
.main-sidebar .single-post .content .comment li i{
	display:inline-block;
	margin-right:5px;
}
/* Blog Tags */
.main-sidebar .side-tags .tag{
	margin-top:40px;
}
.main-sidebar .side-tags .tag li {
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 20px;
}
.main-sidebar .side-tags .tag li a {
	background: #fff;
	color: #333;
	padding: 8px 14px;
	text-transform: capitalize;
	border-radius: 0;
	font-size: 13px;
	background: #F6F7FB;
	border-radius: 4px;
}
.main-sidebar .side-tags .tag a:hover{
	color:#fff;
	background:#00a4f2;
	border-color:transparent;
}
/* News Single */
.news-single {
	padding: 60px 0 90px;
	background: #f3f3f3;
}

.news-single .single-main {
	margin-top: 30px;
	background: #fff;
	padding: 30px;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	border-radius: 8px;
}
.news-single .news-head{}
.news-single .news-head img{
	width:100%;
	height:100%;
}
.news-single .news-title {
	font-size: 25px; text-align: center;
	margin: 20px 0;
}
.news-single .news-title a {
	color: #252525;
	font-weight: 600;
}
.news-single .news-title a:hover {
	color: #00a4f2;
}
/* Blog Meta */
.news-single{
	background:#fff;
}
.news-single .meta {
	overflow: hidden;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	width: 100%;
	padding: 10px 0;
	margin-bottom: 15px;
}
.news-single .meta span {
	margin-right: 10px;
	display: inline-block;
}
.news-single .meta span:last-child{
	margin:0;
}
.news-single .meta span, .news-single .meta span a {
	color: #2C2D3F;
	font-weight: 400;
}
.news-single .meta span i {
	margin-right: 5px;
	color:#00a4f2;
}
.news-single .meta-left{
text-align: center;
}
.news-single .meta-left .author img {
	width: 45px;
	height: 45px;
	border-radius: 100%;
	margin-right: 12px;
}
.news-single .meta-left .author {
	float: left;
}
.news-single .meta-left span.date {
	margin-top: 10px;text-align: center;
}
.news-single .meta-right {
	float: right;
	margin-top: 10px;
}
.news-single .news-content{
	margin:20px 0;
}
.news-single .news-content p{
	margin-bottom:10px;
}
.news-single .news-content p:last-child{
	margin:0;
}
.news-single .news-text p {
	font-size: 14px;
	margin-bottom:20px;
}
.news-text img{max-width:100%; height:auto;}
.news-text div img{max-width:100%; height:auto;}

.news-single .news-text ul.two {margin:0 auto; padding: 0; width: 100%; height: auto;}
.news-single .news-text ul.two li {margin:0 auto; padding: 0; width: 48%; height: auto; margin: 1%; float: left;}
.news-single .news-text ul.two li img {max-width: 100%; height: auto;}

.news-single .news-text ul.three {margin:0 auto; padding: 0; width: 100%; height: auto;}
.news-single .news-text ul.three li {margin:0 auto; padding: 0; width: 31%; height: auto; margin: 1%; float: left;}
.news-single .news-text ul.three li img {max-width: 100%; height: auto;}

.news-single .news-text  table{ margin:0 auto; padding:10px 0; width: 100%; height: auto;}
.news-single .news-text  table td{ border:1px solid #e3e3e3; text-align: center;}

.news-single .news-text  table td{ border:1px solid #f3f3f3; text-align: center; padding: 5px 0;}
.news-single .news-text table tr:nth-child(odd){background:#dfeef5;}
.news-single .news-text  table tr:nth-child(even){background:#fff;}
.news-single .news-text table tr:nth-child(1){background:#8cc9e6;color:#000;font-weight: bold;}
.news-single .news-text  table tr:nth-child(1) td{background:#8cc9e6; color: #000; font-weight: bold;}


/* Image Gallery */
.news-single .image-gallery {
	margin-bottom: 20px;
}
.news-single .image-gallery .single-image {
	overflow: hidden;
}
.news-single .image-gallery .single-image:hover img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	transform:scale(1.2);
}
/* Blockqoute */
.news-single blockquote {
	background-image: url('http://www.cndairuike.com/static/dairuike/css/img/blockqoute-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 30px;
	overflow: hidden;
}
.news-single blockquote::before {
	opacity: 0.9;
}
.news-single .news-text blockquote p {
	color: #fff;
	margin: 0;
	line-height: 26px;
	font-size: 15px;
	position: relative;
}
.news-single .blog-bottom {
	overflow: hidden;
}
/* Social Share */
.news-single .social-share {
	float: left;
}
.news-single .social-share li {
	float: left;
}
.news-single .social-share li span{
	padding-left:5px;
}
.news-single .social-share li.facebook a{
	background:#5d82d1;
}
.news-single .social-share li.twitter a{
	background:#40bff5;
}
.news-single .social-share li.google-plus a{
	background:#eb5e4c;
}
.news-single .social-share li.linkedin a{
	background:#238cc8;
}
.news-single .social-share li.pinterest a{
	background:#e13138;
}
.news-single .social-share li a {
	padding: 10px 20px;
	display: block;
	color: #fff;
}
.news-single .social-share li a:hover{
	background:#2B343E;
}
/* Prev Next Button */
.news-single .prev-next {
	float: right;
}
.news-single .prev-next li {
	display: inline-block;
	padding: 0;
	margin-right: 5px;
}
.news-single .prev-next li:last-child{
	border:none;
}
.news-single .prev-next li a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 36px;
	text-align: center;
	font-size: 16px;
	border: 1px solid #c4c4c4;
	color: #555;
	border-radius: 4px;
}
.news-single .prev-next li a:hover{
	color:#fff;
	background:#00a4f2;
	border-color:transparent;
}
/* Blog Comments */
.news-single .blog-comments {
	margin-top: 30px;
	background: transparent;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	border-radius: 8px;
	padding: 30px;
}
.news-single .blog-comments h2 {
	text-align: left;
	text-transform: capitalize;
	font-size: 18px;
	color: #252525;
	margin-bottom: 20px;
}
.news-single .blog-comments h4 span{
	float:right;
}
.news-single .single-comments {
	overflow: hidden;
	margin-bottom: 30px;
	background: #fff;
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
}
.news-single .single-comments.left .main {
	padding-left: 100px;
	position: relative;
	margin-left: 100px;
}
.news-single .single-comments.left img{
	position:absolute;
	left:0;
	top:0;
}
.news-single .single-comments:last-child{
	margin:0;
	border:none;
	margin-bottom:0;
	padding-bottom:0;
}
.news-single .single-comments .main {
	overflow: hidden;
}
.news-single .single-comments .head {
	float: left;
	margin-right: 20px;
	text-align: center;
	width: 12%;
}
.news-single .head img {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 100%;
	border: 5px solid #f8f8f8;
}
.news-single .single-comments .body {
	float: left;
	width: 85%;
}
.news-single .single-comments.left .body{
	float: noene;
	width:100%;
}
.news-single .single-comments .comment-list {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #e2e2e2;
	overflow: hidden;
}
.news-single .single-comments .comment-list .body {
	width: 78%;
}
.news-single .single-comments h4 {
	margin: 0 0 5px;
	font-size: 16px;
	text-align: left;
	font-weight: 500;
	color: #252525;
}
.news-single .single-comments .comment-meta{
	margin-bottom:5px;
}
.news-single .single-comments .meta {
	font-size: 13px;
	color: #555;
	font-weight: 400;
	border: none;
	margin-right: 10px;
	padding: 0;
	margin: 0 10px 0 0;
}
.news-single .single-comments .meta:last-child{
	margin:0;
}
.news-single .comment-meta span i{
	margin-right:5px;
}
.news-single .comment-meta span:last-child{
	margin:0;
}
.news-single .single-comments p {
	font-size: 13px;
}
.news-single .single-comments a {
	text-transform: capitalize;
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	padding: 3px 15px;
	display: inline-block;
	margin-top: 10px;
	border-radius: 4px;
	background:#00a4f2;
	color:#fff;
}
.news-single .single-comments a:hover{
	background:#2C2D3F;
	color:#fff;
}
.news-single .single-comments a i{
	margin-right:5px;
}
.news-single .comment-list {
	padding-left:50px;
}
.news-single .single-comments.login{
	text-align:center;
}
.news-single .single-comments.login i{
	font-size:20px;
}
.news-single .single-comments.login a{
	text-align:center;
}
.news-single .single-comments.login a:hover{
	color:#353535;
}
.news-single .comments-form {
	margin-top: 30px;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	border-radius: 8px;
	padding: 30px;
}
.news-single .comments-form h2 {
	text-align: left;
	font-size: 18px;
	color: #353535;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.news-single .form {
}
.news-single .form-group {
	position: relative;
	display: block;
	margin: 0 0 20px;
}
.news-single .form-group i {
	position: absolute;
	left: 12px;
	top: 17px;
	z-index: 1;
	color: #00a4f2;
}
.news-single .form-group input {
	width: 100%;
	height: 50px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 400;
	border-radius: 0px;
	padding-left: 34px;
	padding-right: 20px;
	border: none;
	line-height:50px;
	font-weight: 400;
	font-size:14px;
	color:#2C2D3F;
}
.news-single .form-group textarea {
	border: 1px solid #ddd;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	box-shadow: none;
	border-radius: 0px;
	border: none;
	height: 190px;
	padding: 15px 15px 15px 35px;
	resize: none;
	font-weight: 400;
	font-size:14px;
	color:#2C2D3F;
}
.news-single .form-group input, .news-single .form-group textarea {
	border: 1px solid transparent;
	border: 1px solid #eee;
	border-radius: 5px;
}
.news-single .form-group.message i {
	top: 22px;
}
.news-single .form-group .button {
	padding: 10px 30px;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	border: 0px solid;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 15px 30px;
	
}
.news-single .form-group .button:hover {
	background: #353535;
}
.news-single .form-group .button i{
	position:relative;
	display:inline-block;
	color:#fff;
	margin-right:10px;
	padding:0px;
}
.news-single .form-group.button {
	margin: 0;
	text-align: left;
}
.news-single .form-group.button .btn{
	background:#fff;
	background:#00a4f2;
	color:#fff;
}
.news-single .form-group.button .btn:hover{
	color:#fff;
}
.news-single .form-group.button .btn i {
	color: #fff;
	position: relative;
	top: 0;
	left: 0;
	margin-right: 10px;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

/*====================
	Start Team CSS
======================*/ 
.team{
	background-image:url('http://www.cndairuike.com/static/dairuike/css/img/testi-bg.jpg');
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
}
.team.single-page{
	background:#fff;
}
.team .section-title h2{
	color:#fff;
}
.team .section-title p{
	color:#fff;
}
.team .single-team {
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin-top: 30px;
	text-align: center;
	box-shadow: 0px 0px 10px #00000021;
	border-radius: 5px;
	overflow: hidden;
}
.team .t-head{
	position:relative;
	overflow:hidden;
}
.team .t-head::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity:0;
	visibility:hidden;
	content: "";
	z-index: 2;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.team .single-team:hover .t-head::before{
	visibility:visible;
	opacity:0.5;
}
.team .t-head img{
	width:100%;
	position:relative;
}
.team .t-icon a {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 46px;
	line-height: 40px;
	opacity: 0;
	visibility: hidden;
	font-weight: 400;
	text-align: center;
	color: #fff;
	border-radius: 0;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 99;
	margin: -23px 0 0 -75px;
	font-size: 15px;
	background: #2889E4;
	font-size: 13px;
	line-height: 46px;
	padding:0;
	border-radius:4px;
}
.team .single-team:hover .t-icon a {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	opacity:1;
	visibility:visible;
}
.team .t-bottom {
	text-align: center;
	position: relative;
	padding: 0 20px;
	padding: 25px 20px;
}
.team .t-bottom p {
	color: #666;
	font-size: 13px;
	display: block;
	margin-bottom: 4px;
}
.team .t-bottom h2 {
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 500;
	color: #2C2D3F;
}
.team .t-bottom h2 a:hover{
	color:#00a4f2;
}

/*=======================
	Start Fun Facts CSS
=========================*/
.fun-facts{
	position:relative;
}
.fun-facts.section{
	padding:120px 0;
}
.fun-facts{
	background:url('../image/b.jpg');
	background-size:cover;
	background-repeat:no-repeat;
}
.fun-facts .single-fun {
	
}

.fun-facts .single-fun .content {
	margin:0 auto; padding: 0; width: 100%; height: auto;transition: all 0.5s ease 0s;
}

.fun-facts .single-fun .cont {
	margin:0 auto; padding: 0; width: 100%; height: auto; text-align: center;color: #fff; font-size: 30px;
	
}
.fun-facts .single-fun span {
	color: #fff;
	font-weight: 600; text-align: center;
	font-size: 60px;
	
}
.fun-facts .single-fun p{
	color:#fff;
	font-size:18px; text-align: center;
}

.fun-facts .single-fun .img{
	text-align: center; margin: 15px 0 0 0;
}
.fun-facts .single-fun .line{
	width:50px; height: 4px; background: #fff; margin: 20px auto;
}


.fun-facts .single-fun:hover .content {margin-top:-15px; transition: all 0.5s ease 0s;}


.fun-facts .single-fun:hover .line{
	width:50px; height: 4px; background: #00a4f2; margin: 20px auto;
}




/*=======================
	Start Fun Facts CSS
=========================*/
.fun-factss{
	position:relative;
}
.fun-factss.section{
	padding:50px 0;
}

.fun-factss .single-fun {
	
}

.fun-factss .single-fun .content {
	margin:0 auto; padding:30px 0; width: 100%; height: auto; -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.fun-factss .single-fun .cont {
	margin:0 auto; padding: 0; width: 100%; height: auto; text-align: center;color: #000; font-size: 30px;
	
}
.fun-factss .single-fun span {
	color: #000;
	font-weight: 600; text-align: center;
	font-size: 46px;
	
}
.fun-factss .single-fun p{
	color:#000;
	font-size:18px; text-align: center;
}

.fun-factss .single-fun .img{
	text-align: center; margin: 15px 0 0 0;
}
.fun-factss .single-fun .line{
	width:50px; height: 4px; background: #000; margin: 20px auto;
}

.fun-factss .single-fun:hover .content {margin-top:-15px; transition: all 0.5s ease 0s; box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .07);}
.fun-factss .single-fun:hover .cont {color: #00a4f2;}
.fun-factss .single-fun:hover span {	color: #00a4f2;}
.fun-factss .single-fun:hover p{	color:#00a4f2;}

.fun-factss .single-fun:hover .line{
	width:50px; height: 4px; background: #00a4f2; margin: 20px auto;
}


.aboutcon1{ margin:0 auto; padding: 0; width: 100%; height: auto; background: #1f2227;}
.aboutcon1 .img{ margin:0 auto; padding: 0; width: 100%; height: auto; margin-left: -80px;}
.aboutcon1 .img img{ max-width: 100%; height: auto;}

.aboutcon1 .con{ margin:0 auto; padding:90px 0 40px 0; width: 100%; height: auto;}
.aboutcon1 .con h2{ margin:0 auto; padding:10px 0; width: 100%; height: auto; font-size: 36px; color: #fff; line-height: 30px; text-align: left;}
.aboutcon1 .con h2:before{ position:relative;
	content:"";
	left:0;
	top:50;
	height:2px;
	width:50px;
	background:#00a4f2;}

.aboutcon1 .con .t1{ margin:0 auto; padding:20px 0; width: 100%; height: auto; font-size: 20px; color: #fff; line-height: 30px; text-align: left;}
.aboutcon1 .con .t11{ margin:10px 0; padding:0; width: 100px; height: 3px; background: #f29d02;}
.aboutcon1 .con .t2{ margin:0 auto; padding:10px 0; width: 100%; height: auto; font-size: 14px; color: #e3e3e3; line-height: 20px; text-align: left;}
.aboutcon1 .con .list{ margin:0 auto; padding:20px 0; width: 100%; height: auto; }
.aboutcon1 .con .list .ico{ margin:0 auto; padding:0; width: 120px; height: 120px; margin-right: 20px; float: left;border:1px solid #e3e3e3; border-radius: 20px;}
.aboutcon1 .con .list .ico .ic1{ margin:0 auto; padding:30px 0 0 0; width: 100%; height: auto; text-align: center; color: #f29d02; font-size: 36px; line-height: 40px;}
.aboutcon1 .con .list .ico .ic2{ margin:0 auto; padding:0; width: 100%; height: auto; text-align: center; color: #e3e3e3; font-size: 14px; }


.aboutcon2{ margin:0 auto; padding:50px 0 120px 0; width: 100%; height: auto; background:url(../image/bgg4.jpg) no-repeat top right #f9f9f9;}

.aboutcon2 .title1{ margin:0 auto; padding:80px 0 20px 0; width: 100%; height: auto; font-size: 32px; color: #000; line-height: 30px; text-align: left;}
.aboutcon2 .title2{ margin:0 auto; padding:10px 0; width: 100%; height: auto; font-size: 16px; color: #666; line-height: 30px; text-align: left;}



.aboutcon3{ margin:0 auto; padding:40px 0 0 0; margin-top: -80px; width: 100%; height: auto; background:#fff; max-width: 1200px;-webkit-box-shadow: 0px -15px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px -15px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0px -15px 15px rgba(0, 0, 0, 0.10);}
.aboutcon3 .con{ margin:0 auto; padding:30px 100px; width: 100%; height: auto;}
.aboutcon3 .con .t1{ margin:0 auto; padding:30px 0; width: 40%; height: auto; float: left; background: #f3f3f3; display: block;}
.aboutcon3 .con .t1 .title1{ margin:0 auto; padding:0; width: 100%; height: 50px; float: left;font-size: 30px;clear: both; font-weight: bold;line-height: 50px; text-align: center; color: #00a4f2;}
.aboutcon3 .con .t1 .title2{ margin:0 auto; padding:0; width: 100%; height: 40px; float: left;font-size:16px;clear: both; line-height:20px; text-align: center; color: #666;}
.aboutcon3 .con .t1 .linee{ margin:20px auto; padding:0; width: 100px; height: 2px; background: #00a4f2;clear: both;}

.aboutcon3 .con .t2{ margin:0 auto; padding:0; width: 20%; height: auto; float: left; }
.aboutcon3 .con .t2 .jia{ margin:0 auto; padding:60px 0; width: 100%; height: auto; text-align: center;font-size: 80px;clear: both; font-weight: bold;line-height: 50px; text-align: center; color: #00a4f2; }

.aboutcon3 .con .t3{ margin:0 auto; padding:30px 0; width: 40%; height: auto; float: left; background: #f3f3f3; display: block;}
.aboutcon3 .con .t3 .title1{ margin:0 auto; padding:0; width: 100%; height: 50px; float: left;font-size: 30px; font-weight: bold;clear: both;line-height: 50px; text-align: center; color: #00a4f2;}
.aboutcon3 .con .t3 .title2{ margin:0 auto; padding:0; width: 100%; height: 40px; float: left;font-size:16px; line-height:20px; text-align: center; color: #666;}
.aboutcon3 .con .t3 .linee{ margin:20px auto; padding:0; width: 100px; height: 2px; background: #00a4f2; clear: both;}


.aboutcon6{ margin:0 auto; padding:40px 0; width: 100%; height: auto; background: #efefef;}

.aboutcon6 .title1{ margin:0 auto; padding:10px 0; width: 100%; display: block;height: auto; float: left;font-size:32px; line-height:30px; text-align: left; color: #000;}



.aboutcon6 .title2{ margin:5px 0; padding:0; width: 100px; height: 2px; display: block;background: #f19d00;}
.aboutcon6 .title3{ margin:0 auto; padding:10px 0; width: 100%; display: block; height: auto; float: left;font-size:16px;line-height:20px; text-align: left; color: #666;}

.aboutcon6 .imgmap{ margin:0 auto; padding: 0; width: 100%; height: 460px; }

.aboutcon6 .img{ margin:0 auto; padding: 0; width: 100%; height: auto; }
.aboutcon6 .img img{ max-width: 100%; height: auto;}


.pictu{ margin:0 auto; padding:60px 0 0 0; width: 100%; height: auto;}
.pictu li{ margin:0 auto; padding:0; width: 32%; height: auto; float: left;}
.pictu li:nth-child(2){ margin:0 2%; padding:0; width: 32%; height: auto; float: left;}

.pictu .singimg{ margin:0 auto; padding:0; width: 100%; height: auto;}
.pictu .singimg img{ max-width: 100%; height: auto;}

.aboutcon3 .owl-carousel .owl-nav {
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:5px;
}

.aboutcon3 .owl-carousel .owl-nav div {
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	background: none;
	color: #e3e3e3;
	font-size: 16px;
	position: absolute;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
}
.aboutcon3 .owl-carousel .owl-nav div:hover{
	color:#fff;
}
.aboutcon3 .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:10px;
}
.aboutcon3 .owl-carousel .owl-controls .owl-nav .owl-next{
	right:10px;
}
.aboutcon3 .single-slider .textwrite{background-color: rgba(2,106,204,.47); padding: 30px; margin-top: 60px; }

.aboutzs{ margin:0 auto; padding:30px 0; width: 100%; height: auto;}
.aboutzs .title1{ margin:0 auto; padding:20px 0 0 0; width: 100%; height: auto; font-size: 32px; color: #000; line-height: 30px; text-align: left;}
.aboutzs .title2{ margin:0 auto; padding:10px 0; width: 100%; height: auto; font-size: 16px; color: #666; line-height: 30px; text-align: left;}

.aboutzs .pictu{ margin:0 auto; padding:30px 0 ; width: 100%; height: auto;}
.aboutzs .pictu .singimg{ margin:0 auto; padding:0; width: 100%; height: auto;}
.aboutzs .pictu .singimg img{ max-width: 100%; height: auto;}

.aboutzs .owl-carousel .owl-nav {
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:-25px;
}

.aboutzs .owl-carousel .owl-nav div {
	height:30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	background: none;
	color: #e3e3e3;
	font-size: 16px;
	position: absolute;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
	border: 1px solid #e3e3e3;
}
.aboutzs .owl-carousel .owl-nav div:hover{
	border: 1px solid #00a4f2;background: #00a4f2;
	color:#fff;
}
.aboutzs .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:-35px;
}
.aboutzs .owl-carousel .owl-controls .owl-nav .owl-next{
	right:-35px;
}
.aboutzs .single-slider .textwrite{background-color: rgba(2,106,204,.47); padding: 30px; margin-top: 60px; }



.aboutcon4{ margin:0 auto; padding:50px 0; width: 100%; height: auto; background:#f9f9f9;}
.aboutcon4 .title1{ margin:0 auto; padding:20px 0 0 0; width: 100%; height: auto; font-size: 32px; color: #000; line-height: 30px; text-align: left;}
.aboutcon4 .title2{ margin:0 auto; padding:20px 0 0 0; width: 100%; height: auto;}
.aboutcon4 .title2 ul{ margin:0 auto; padding:0; width: 100%; height: auto;}
.aboutcon4 .title2 ul li{ margin:0 auto; padding:0; width: 33%; height: auto; float: left; border-right:1px solid #666; text-align: center; font-size: 16px; color: #666; line-height: 24px;}
.aboutcon4 .title2 ul li img{ margin-right:15px;}
.aboutcon4 .title2 ul li:last-child{  border-right:0; }

.pictu .singimg1{ margin:0 auto; padding:0; width: 100%; height: auto;}
.pictu .singimg1 .singimg{ margin:0 auto; padding:0; width: 100%; height: auto;}
.pictu .singimg1 .singimg img{ max-width: 100%; height: auto;}
.pictu .txt1{margin:10px auto; padding:0; width: 100%; height: auto; float: left; text-align: center; font-size: 16px; color: #666; line-height:40px;}
.pictu .txt1 img{ width: 75px; height: auto; text-align: center;margin-right:15px;}

.pictu .txt1 .pic1{margin:10px auto 0 auto; padding:0; width: 75px; display: block;height: 40px;  background: url(../image/ic13.png) no-repeat center center;}
.pictu .txt1 .pic2{margin:10px auto 0 auto; padding:0; width: 75px; display: block;height: 40px;  background: url(../image/ic14.png) no-repeat center center;}
.pictu .txt1 .pic3{margin:10px auto 0 auto; padding:0; width: 75px; display: block;height: 40px;  background: url(../image/ic15.png) no-repeat center center;}



.pictu .txt1 .txt11{margin:0 auto; padding:0; width: auto; display: block;height: 40px;  }
.aboutcon4 .owl-carousel .owl-nav {
	margin: 0;
    position: absolute;
    top: 40%;
    width: 100%;
	margin-top:5px;
}

.aboutcon4 .owl-carousel .owl-nav div {
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	background: none;
	color: #e3e3e3;
	font-size: 16px;
	position: absolute;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
}
.aboutcon4 .owl-carousel .owl-nav div:hover{
	color:#fff;
}
.aboutcon4 .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:10px;
}
.aboutcon4 .owl-carousel .owl-controls .owl-nav .owl-next{
	right:10px;
}
.aboutcon4 .single-slider .textwrite{background-color: rgba(2,106,204,.47); padding: 30px;}


.aboutcon5{ margin:0 auto; padding:50px 0; width: 100%; height: auto;}
.aboutcon5 .title1{ margin:0 auto; padding:20px 0 0 0; width: 100%; height: auto; font-size: 32px; color: #000; line-height: 30px; text-align: left;}
.aboutcon5 .title2{ margin:0 auto; padding:20px 0 0 0; width: 100%; height: auto; font-size: 16px; color: #666; line-height: 30px; text-align: left;}



.aboutcon5 .img{ margin:0 auto; padding:0; width: 100%; height: auto; }
.aboutcon5 .img img{ max-width: 100%; height: auto; }





/*=========================
   Start Contact Us CSS
===========================*/

.contact-us{ margin:30px 0; padding: 0; width: 100%; height: auto;}
.contact-us .inner{
	box-shadow: 0px 0px 10px #00000024;width: 100%; height: auto;
	border-radius: 5px;
	overflow:hidden;
}
.contact-us .contact-us-left{
    width: 100%; padding:0;
    height: auto;
}
.contact-us .contact-us-form{
	padding:40px 30px;
}
.contact-us .contact-us-form h2 {
	position: relative;
	font-size: 32px;
	color: #333;
	font-weight: 600;
	line-height: 27px;
	text-transform: capitalize;
	margin-bottom: 12px;
	padding-bottom: 20px;
	text-align: left;
}
.contact-us .contact-us-form h2:before{
	position:absolute;
	content:"";
	left:0;
	bottom:0;
	height:2px;
	width:50px;
	background:#00a4f2;
}
.contact-us .contact-us-form p {
	font-size: 14px;
	color: #333;
	font-weight: 400;
	text-align: left;
	margin-bottom:50px;
}
.contact-us .form {
	margin-top: 30px;
}
.contact-us .form .form-group {
	margin-bottom: 22px;
}
.contact-us .form .form-group input {
	width: 100%;
	height: 50px;
	border: 1px solid #eee;
	text-transform: capitalize;
	padding: 0px 18px;
	color: #555;
	font-size: 14px;
	font-weight: 400;
	border-radius: 4px;
}
.contact-us .form .form-group textarea {
	width: 100%;
	height:100px;
	border: 1px solid #eee;
	text-transform: capitalize;
	padding:18px;
	color: #555;
	font-size: 14px;
	font-weight: 400;
	border-radius: 4px;
}
.contact-us .form .form-group.login-btn {
	margin: 0;
}
.contact-us .form button {
	border: none;
}
.contact-us .form .btn {
	display: inline-block;
	margin-right: 10px;
	color: #fff;
	line-height: 20px;
	width:100%;
}
.contact-us .form .btn:hover{
	background:#00a4f2;
	color:#fff;
}
.contact-us .contact-us-form .checkbox {
	text-align: left;
	margin: 0;
	margin-top: 20px;
	display:inline-block;
	
}
.contact-us .contact-us-form .checkbox label {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	position: relative;
	padding-left: 20px;
}
.contact-us .contact-us-form .checkbox label:hover{
	cursor:pointer;
}
.contact-us .contact-us-form .checkbox label input{
	display:none;
}
.contact-us .contact-us-form .checkbox label::before {
	position: absolute;
	content: "";
	left: 0;
	top: 5px;
	width: 15px;
	height: 15px;
	border: 1px solid #00a4f2;
	border-radius: 100%;
}
.contact-us .contact-us-form .checkbox label::after {
	position: relative;
	content: "";
	width: 7px;
	height: 7px;
	left: -16px;
	top: -15px;
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: block;
	font-size: 9px;
	background: #00a4f2;
	border-radius: 100%;
}
.contact-us .contact-us-form .checkbox label.checked::after{
	opacity:1;
	visibility:visible;
	transform:scale(1);
}
.contact-us .contact-info{
	margin-bottom:50px;
}
.contact-us .single-info {
	background: #00a4f2;
	padding: 20px 30px; min-height: 240px;
	height: auto;
	border-radius: 10px;
	position:relative;
	-webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.contact-us .single-info:before{
	position: absolute;
    z-index: -1;
    content: '';
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    height: 90%;
    background:#00a4f2;
    opacity: 0;
    filter: blur(10px);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.contact-us .single-info:hover:before{
	opacity: 0.8;
}
.contact-us .single-info:hover{
	transform: translateY(-5px);
}
.contact-us .single-info .ic1{
	font-size:42px;width: 100%; height: auto; margin: 0 auto; padding:15px 0; text-align: center;
	color:#fff;
	
}
.contact-us .single-info .content {
	width: 100%; height: auto; margin: 0 auto; padding: 0;
}
.contact-us .single-info .content h3{
	color:#fff;
	font-size:18px; text-align: center;
	font-weight:600;
	
}
.contact-us .single-info .content p{
	color:#fff;
	margin-top:5px;text-align: center;
}
/* Google Map */
.contact-us #myMap {
	height: 100%;
	width: 100%;
}


.ditu{ margin:0 auto; padding:40px 0; width: 100%; height: auto; background: #fff;}
.mapBox{  width: 100%; height: 400px; border: 4px solid #fff;}


.contactditu{ margin:30px 0; padding: 0; width: 100%; height: auto;}

.contactnei{ margin:40px 0; padding: 0 10%; width: 100%; height: auto;}
.contactnei h2 {
	position: relative;
	font-size: 32px;
	color: #333;
	font-weight: 600;
	line-height: 27px;
	text-transform: capitalize;
	margin-bottom: 12px;
	padding-bottom: 20px;
	text-align: left;
}
.contactnei h2:before{
	position:absolute;
	content:"";
	left:0;
	bottom:0;
	height:2px;
	width:50px;
	background:#00a4f2;
}
.contactnei h4 {
	font-size: 24px;
	color: #333;
	font-weight: 400;
	text-align: left; width: 100%; height: auto;
}

.contactnei .time-sidual{ margin:0 auto; padding:20px 0; width: 100%; height: auto; display: block;}
.contactnei .time-sidual li{ margin:0 auto; padding:12px 0; width: 100%; height: auto; display: block; clear: both;text-align: left; font-size: 14px; color: #666; line-height: 40px; }
.contactnei .time-sidual li .ico{ margin:0; padding:0; height: auto; float: left; width: 40px; border-radius: 20px; height: 40px; display: block; background: #00a4f2; margin-right: 20px; text-align: center;}
.contactnei .time-sidual li .txt{ margin:0; padding:10px 0; width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px);  height: auto; float: left; position: relative; line-height: 20px; }
.contactnei .time-sidual li .ico i{ color: #fff; font-size: 18px; line-height: 40px;}



/*=================================
03. Theme Global Layout
==================================*/
.primary-btn {
  display: inline-block;
  max-width: 100%;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  background-color: #00a4f2;
  color: #ffffff;
  position: relative;
  margin-right: 15px;
  z-index: 5;
  border: none;
  overflow: hidden;
  transition: all ease 0.4s !important;
  box-shadow: 0px 10px 28.5px 1.5px rgba(0, 43, 139, 0.25);
}

.primary-btn:last-child {
  margin-right: 0;
}

.primary-btn .btn-text {
  position: relative;
  z-index: 10;
  display: inline-block;
}

.primary-btn .btn-bg {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #daa519;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.primary-btn:focus, .primary-btn:active {
  color: #ffffff;
}

.primary-btn:hover {
  color: #ffffff;
}

.primary-btn:hover .btn-bg {
  width: 225%;
  height: 500px;
}

.primary-btn.skew {
  transform: skewX(-10deg);
}

.primary-btn.skew .btn-text {
  transform: skewX(10deg);
}

.primary-btn.type2 {
  background-color: #daa519;
  box-shadow: 0px 10px 28.5px 1.5px rgba(146, 0, 28, 0.25);
}

.primary-btn.type2 .btn-bg {
  background-color: #006d94;
}

.primary-btn.outline-btn {
  color: #01133c;
  border: 1px solid #006d94 !important;
}

.primary-btn.outline-btn:hover {
  border-color: transparent !important;
  color: #ffffff;
  background-color: #006d94;
}

.primary-btn.outline-btn.type2 {
  border-color: #daa519 !important;
}

.primary-btn.outline-btn.type2:hover {
  background-color: #daa519 !important;
  border-color: transparent !important;
}

.primary-btn.outline-btn.type2 .btn-bg {
  background-color: #daa519;
}

.primary-btn.white-btn {
  color: #01133c;
  background-color: #ffffff;
}

.primary-btn.white-btn.outline-btn {
  background-color: transparent;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

.primary-btn.white-btn.outline-btn:hover {
  border-color: transparent !important;
}

.primary-btn.white-btn:hover {
  color: #ffffff;
}

.primary-btn.no-shadow {
  box-shadow: none;
}





.footbiao{ margin:0 auto; padding: 30px 0; width: 100%; height: auto; background: #002035;}
.footbiao .left{ margin:0 auto; padding: 0; width: 40%; height: auto; float: left;}
.footbiao .right{ margin:0 auto; padding: 0; width: 50%; height: auto; float: right;}
.footbiao .left h2{
	color:#fff;
	font-size:30px;
	font-weight:600;
	text-transform:capitalize;
	margin-bottom:40px;
	padding-bottom:20px;
	text-transform:capitalize;
	position:relative;
}
.footbiao .left h2::before{
	position: absolute;
	content: "";
	left: 0;
	bottom: 0px;
	height: 3px;
	width: 50px;
	background: #fff;
}


.footbiao .left p{
	color:#fff;
	font-size:14px;
	font-weight:normal;
	text-transform:capitalize;
	margin-bottom:40px;
	padding-bottom:20px;
	text-transform:capitalize;
	position:relative;
}


.footbiao .right .message .in{ margin:1%; padding: 0; width: 48%; height: auto; float: left;}
.footbiao .right .message .in1{ margin:1%; padding: 0; width: 98%; height: auto; float: left;}
.footbiao .right .message input {
	background: transparent;
	border: 1px solid #124a72; margin: 0;
	height: 40px;
	line-height: 40px; font-size: 14px;
	width: 100%;
	color: #fff;
	padding-left: 18px;
	display: inline-block;
	float: left;
	border-radius: 0px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 400;
	border-radius: 5px;
}
.footbiao .right input:hover{
	padding-left: 22px;
}
.footbiao .right .message textarea{
	background: transparent;
	border: 1px solid #124a72; margin: 0;
	height: 60px;
	line-height: 20px; font-size: 14px;
	width: 100%;
	color: #fff;
	padding-left: 18px;
	display: inline-block;
	float: left;
	border-radius: 0px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 400;
	border-radius: 5px;
}

.footermenu{margin:0 auto; padding:30px 0;width: 100%; height: auto;background:#012640;}
.footermenu .footlist{margin:0 auto; padding: 0;width: 100%; height: auto;}
.footermenu .footlist a{margin:0 15px; padding: 0 15px;width: auto; height: auto; float: left; font-size: 16px; text-align: left; color: #a9b6bf; line-height: 30px; }
.footermenu .footlist a:hover{color: #fff; }

.footermenu .single-footer .img{
	width: 100%; height: auto; margin: 0; padding: 0; text-align: center; margin-bottom: 15px;
}
.footermenu .single-footer .img img{
	max-width: 100%; height: auto; 
}


/*=========================
	Start Footer CSS
===========================*/
.footer{
	position:relative;
}
.footer .footer-top{
	padding:30px 0px;
	position:relative;
	background:#012640;
}
.footer .footer-top:before{
	position:absolute;
	content:"";
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:#fff;
	opacity:0.1;
}

.footer .single-footer.f-link li a i{
	margin-right:6px;
}
.footer .single-footer.f-link li{
	display:block;
	margin-bottom:5px;
}
.footer .single-footer.f-link li:last-child{
	margin:0;
}
.footer .single-footer.f-link li a {
	display: block;
	color: #fff;
	text-transform: capitalize;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 400;
}
.footer .single-footer.f-link li a:hover{
	padding-left:8px; color: #00a4f2;
}

.footer .single-footer h2{
	color:#fff;
	font-size:20px;
	font-weight:400;
	text-transform:capitalize;
	margin-bottom:20px;
	padding-bottom:20px;
	text-transform:capitalize;
	position:relative;
}
.footer .single-footer h2::before{
	position: absolute;
	content: "";
	left: 0;
	bottom: 0px;
	height: 2px;
	width: 50px;
	background: #f29d02;
}

.footer .single-footer p{
	color:#fff;
}
.footer .single-footer .img{
	width: 100%; height: auto; margin: 0; padding: 0; text-align: center; margin-bottom: 15px;
}
.footer .single-footer .img img{
	max-width: 100%; height: auto; 
}



/*=========================
	Start Footer CSS
===========================*/
.footerhui{
	position:relative;
}
.footerhui .footer-top{
	padding:30px 0px;
	position:relative;
	background:#f8f8f8;
}
.footerhui .footer-top:before{
	position:absolute;
	content:"";
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:#000;
	opacity:0.1;
}

.footerhui .single-footer.f-link li a i{
	margin-right:6px;
}
.footerhui .single-footer.f-link li{
	display:block;
	margin-bottom:5px;
}
.footerhui .single-footer.f-link li:last-child{
	margin:0;
}
.footerhui .single-footer.f-link li a {
	display: block;
	color: #888;
	text-transform: capitalize;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 400;
}
.footerhui .single-footer.f-link li a:hover{
	padding-left:8px; color: #00a4f2;
}

.footerhui .single-footer h2{
	color:#000;
	font-size:20px;
	font-weight:400;
	text-transform:capitalize;
	margin-bottom:20px;
	padding-bottom:20px;
	text-transform:capitalize;
	position:relative;
}
.footerhui .single-footer h2::before{
	position: absolute;
	content: "";
	left: 0;
	bottom: 0px;
	height: 2px;
	width: 50px;
	background: #f29d02;
}

.footerhui .single-footer p{
	color:#fff;
}
.footerhui .single-footer .img{
	width: 100%; height: auto; margin: 0; padding: 0; text-align: center; margin-bottom: 15px;
}
.footerhui .single-footer .img img{
	max-width: 100%; height: auto; 
}




.copyright{
	position:relative;background:#011629;height: auto;
}
.copyright .copyright-content p{
	color:#fff;
}
.copyright .copyright-content p a{
	color:#fff;
	font-weight:400;
	text-decoration:underline;
	display:inline-block;
	margin-left:4px;
}

.copyright1{overflow-x: hidden;}
.copyright1:after {content: ""; width: 80%; height: 100px;  display: block;  position: absolute; left: -70px; top: 0; z-index: 10; -moz-transform: skewX(-35deg); -webkit-transform: skewX(-35deg); -o-transform: skewX(-35deg); -ms-transform: skewX(-35deg); transform: skewX(-35deg);  background:#00a4f2;}

.digitalInforight p{margin:0; color:#c9d7e0; font-size: 14px; text-align: left;line-height: 30px; font-weight: 500; z-index:100;}
.digitalInforight{margin: 0 auto; padding: 10px 0;position:relative; z-index:1000;}



 .point,.point::before,.point::after{position: absolute;width: 12px; height: 12px; border-radius: 50%;content: ''; }
        .point::before{animation: scale 2s infinite; }
        .point::after{animation: scale2 2s infinite; }
        @keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(3); opacity: 0;}}
        @keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(5);opacity:0;}}
        

        .point,.point::before,.point::after{
        /* 设置颜色 */
        background-color: rgba(241, 157, 0, .9);}
        .point2,.point2::before,.point2::after{
        /* 设置颜色 */
        background-color: rgba(0, 221, 254, .9);}
        .point3,.point3::before,.point3::after{
        /* 设置颜色 */
        background-color:  rgba(1, 88, 255, .9);}
        .point4,.point4::before,.point4::after{
        /* 设置颜色 */
        background-color:  rgba(241, 157, 0, .9);}