html,body {
	position: relative;	
} 
body{
    font-family:"思源黑体 CN",Arial,"Microsoft Yahei",sans-serif !important;
    padding: 0;
    color: #333;
    margin:0 auto; 
	background:#fff !important;  
	position: relative;
}
ul{
	margin: 0 !important;
	padding: 0;
}
li{
	list-style: none;
}
.hidden,.hid{
	display: none;
}
.m-hidden{ }/* 只在手机端隐藏 */
a:hover{
	text-decoration:none !important;
}
.container{
	position: relative;
}
.clearboth{ clear: both;}
*:focus { outline: none;}

.ltr{ direction: ltr; unicode-bidi: bidi-override; }
.rtl{ direction: rtl; unicode-bidi: bidi-override;}
.ali_font_reverse{ display: inline-block; transform: rotate(180deg); }
.pagination a{ color: #ddd; transition: 0.4s; }
.pagination a:hover{ color: #138ee1; }
.overflow{ overflow: hidden;}
.inner_container{ width: 1200px; margin: 0px auto;}
.main_theme{ color: #fff; background-color: #138ee1; }
.more{ color:#138ee1; font-size: 16px; display: block;}
.more:hover{ color: #138ee1;}

.recruit_theme{ color: green; margin-right: 20px; min-width: 100px; text-align: center;  }

.top{ height: 128px; background: url("../image/nav_bg.png") center no-repeat;}
.top>.inner_container{ display: flex; }
.top_left{  flex-grow:1; background-color: #fff; line-height: 128px; height: 128px; }
.logo{}
.top_right{  flex-grow:2; }
.nav{ float: left; display: table; }
.nav>li{ display: inline-block; position: relative;}
.nav>li>a{ 
	height: 128px; 
	width: 90px; 
	text-align: center; 
	color: #333; 
	font-size: 16px; 
	padding: 46px 0px 0px 0px; 
}
.nav>li>a>span{ font-size: 12px; color: #666; display: block; }
.nav>li>a:hover,.nav>li>a:hover>span,.nav>li.active>a,.nav>li.active>a>span{ background-color: #1389ee; color: #fff;}

.top_layer{ 
	width: 100%; 
	height: 0px;
	background-color: rgba(0, 0, 0, 0.8);  
	position: absolute;
	top: 128px;
	left: 0px;
	transition: 1.4s;
	z-index: 1;
}
.top_layer.on{ height: 268px; }
.nav_submenu{
	width: 1200px;
	height: 100%; 
	margin: 0px auto!important;
	display: flex; 
	justify-content:space-between;
	
}
.sb{ display: none; }
.sb.on{ display: block;  }
.nav_submenu>li{ padding-top: 20px; }
.nav_submenu_img{ width: 226px; height: 161px; border: 2px solid #138ee1; transition: 0.6s; margin-bottom: 10px;}
.nav_submenu_img img{ width: 222px; height: 157px; }
.nav_submenu>li:hover>.nav_submenu_img{ border: 2px solid #138ee1;}
.nav_submenu>li a{ display: block; color: #fff; font-size: 16px; line-height: 25px;}
.nav_btn_more{ 
	width: 66px; 
	line-height: 19px; 
	text-align: center; 
	border-radius: 19px; 
	float: right; 
	font-size: 12px;
	transition: 0.6s;
}
.nav_submenu>li:hover .nav_btn_more{ background-color: #138ee1; color: #fff; }

.top .nav>li:hover>.nav_submenu{ 
}
.top .nav>li>.nav_submenu>li{ text-align: center; line-height: 28px;}
.top .nav>li>.nav_submenu>li a{ font-size: 16px; color: #fff;}

/* .nav_submenu{  	
	width: 100%;
	height: auto; 
	position: absolute; 
	bottom: 0px; 
	left: 0px;
	transition: 0.8s; 
	transform: translateY(60%);
	z-index: -1;	
}

.nav>li:hover>.nav_submenu{ 
	background-color: rgba(255, 255, 255, 0.8); 
	transform: translateY(100%);
}
.nav>li>.nav_submenu>li{ text-align: center; line-height: 28px;}
.nav>li>.nav_submenu>li a{ font-size: 16px; color: #333;}
.nav_submenu>li:hover{ background-color: #fff; } */
.side_link{ 
	float: left; 
	display: block; 
	background-color: #1389ee; 
	color: #fff; 
	font-size: 14px;
	line-height: 32px;
	padding: 0px 6px;
	margin-left: 40px;
	overflow: hidden;
	margin-top: 55px;
}
.side_link:hover{ color: #fff;}
.sidemenu{ float: left; font-size: 30px; color: #138ee1; margin-left: 55px; position: relative; display: none;}
.sidemenu_container{ 
	position: fixed; 
	top: 120px; 
	right: 0px; 
	width: 0px; 
	background-color: #1389ee;
	opacity: 0.9;
	transition: 0.8s;
	z-index: 11;
}
.sidemenu_container.on{ width: 150px; }
.sidemenu_container.on .side_nav{ display: block;}
.sidemenu_container .side_nav{ display: none;}
.side_nav{ width: 150px; line-height: 30px; text-align: center;}
.side_nav>li:hover{ background-color: #fff; }
.side_nav>li:hover>a{color: #138ee1;}
.side_nav li a{ color: #fff; font-size: 18px; } 
.side_nav li a:hover{   }
.side_nav>li>ul{ display: none; background-color: #138ee1;}
.side_nav>li.on{ background-color: #fff;}
.side_nav>li.on>a{ color: #138ee1;}
.side_nav>li.on>ul{ background-color: #fff; }
.side_nav>li.on>ul>li:hover{ background-color: #138ee1;}
.side_nav>li.on>ul>li:hover>a{ color: #fff;}
.side_nav>li.on>ul>li>a{ color: #138ee1; }
.side_nav>li>ul>li>a{ font-size: 14px;}
.search{}
.search_wrap{ 
	
}
.btn_search{ 	
	width: 20px;
	height: 39px;	
	background: url("../image/icon_search.png") center center no-repeat;
	border: none; 
	display: block; 
	float: left;
	margin-left: 19px;
}
.input_search{ 
	width: 290px; 
	height: 39px; 
	line-height: 39px; 
	float: left; 
	border: none; 
	background: none; 
	font-size: 14px; 
	color: #333;
	margin-left: 5px;
}
.input_search:focus{ }

.sidemenu span,.search .iconfont{ cursor: pointer; }

.footer{ 
	height: 331px; 
	background: url("../image/footer_bg.png") center no-repeat; 
	background-size: cover; 
	overflow: hidden;
	color: #fff;
	padding-top: 49px;
}
.footer_left{ float: left; display: table; }
.footer_nav{ display: flex; }
.footer_nav li{ text-align: center;}
.footer_nav li a{ color: #fff; }
.footer_nav>li>a{ font-size: 16px;}
.footer_nav>li:nth-child(n+2){ margin-left: 31px;}
.submenu{ margin-top: 16px !important; }
.submenu li{ line-height: 28px;}
.submenu li a{ font-size: 14px;}
.footer_contact{ font-size: 14px;}
.footer_contact p{ margin-bottom: 5px; line-height: 28px;}
.footer_right{ float: left; margin-left: 83px;}
.foot_qrcode{ 
	width: 117px;
	float: right;
	line-height: 36px;
	text-align: center;
}
.copyright{ background-color: black; line-height: 75px; color: #fff; font-size: 16px; text-align: center;}
.copyright a,.copyright a:hover{ color: #fff; font-size: 16px;}

@media (max-width: 768px){
	.footer{ padding-top: 0px;}
	.inner_container{ width: 100%; }
	.top{ height: 60px; line-height: 60px;}
	.top_left{ height: 60px; line-height: 60px; }
	.logo{ float: left; margin-left: 10px;}
	.logo img{ height: 40px; width: auto; }	
	.nav{ display: none;}
	.side_link{display: none;}
	.search{ display: none;}
	.sidemenu{ font-size: 24px; float: right; margin-left: 0px; right: 10%; display: block; }
	.sidemenu_container{ top: 60px;}
	.side_nav{ line-height: 24px;}
	.side_nav li a{ font-size: 16px; }

	.index_nav{ height: 60px; position: relative; display: block;}
	.index_footer{ position: relative; height: auto;}
	
	.footer_nav{ display: none; }
	.footer_right{ width: 100%; margin-left: 0px;}
	.bottom_logo{ padding: 0px; text-align: center;}
	.footer_contact{ padding: 0px 15px; display: table; margin: 0px auto;}
	.copyright{ line-height: 30px; font-size: 14px;}
	.copyright span{ width: 100%; display: block;}
	.copyright a{ font-size: 14px;}
	.foot_qrcode{ float: none; margin: 10px auto; }

	.index .swiper-wrapper{ display: block;}
	.index .swiper-container{ height: auto; }
	.index .swiper-slide{ flex-shrink:1;}

	.m-hidden{ display: none; }/* 只在手机端隐藏 */
}

/* 幻灯片样式 */
.slideBox {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

.slideBox .hd {
	height: 15px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	bottom: 15px;
	z-index: 1;
	margin-left: -75px;
}

.slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}

.slideBox .hd ul li {
	float: left;
	margin:0 5px;
	width: 40px;
	height: 3px;
	line-height: 14px;
	text-align: center;
	background: #999;
	cursor: pointer;
}

.slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
}
.slideBox .bd li a .bdimg{
	background-size: cover !important;
}

@media (max-width: 768px){
	.slideBox .bd{ height: auto; }
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next {
	position: absolute;
	left: 3%;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 32px;
	height: 40px;
	background: url(/images/slider-arrow.png) -110px 5px no-repeat;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.slideBox .next {
	left: auto;
	right: 3%;
	background-position: 8px 5px;
}

.slideBox .prev:hover,
.slideBox .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.slideBox .prevStop {
	display: none;
}

.slideBox .nextStop {
	display: none;
}
.divContent{
	height: 450px;
}
.underslideBox{
	top:-1px;
}
.underhd li a img,.underhd li img{
    width: 100%;
    height: auto;
}
.underhd li a img:hover{
    opacity: 1;
}

.wrap_title{ text-align: center; }
.index_subtitle{ font-size: 16px; line-height: 16px; color: #999; text-transform: uppercase;}
.index_title{ font-size: 30px; line-height: 30px;}
.wrap_sep_line{ 
	width: 36px; 
	height: 1px; 
	background-color: #1389ee; 
	margin: 12px auto;	
	margin-bottom: 15px;
}
.slogan{ font-size: 14px; text-align: center; }

.wrap_inner_title{ min-height: 171px; margin: 0px auto; text-align: center; background: url("../image/inner_title_bg.png") center no-repeat; overflow: hidden; }
.inner_title{ font-size: 30px; line-height: 30px; margin-top: 22px;}
.wrap_inner_sep_line{ width: 46px; height: 4px; background-color: #1389ee; margin: 16px auto; }
.inner_subtitle{ font-size: 14px; color: #999; text-transform: uppercase;}
.inner_slogan{ font-size: 18px;}

.wrap_more{ text-align: center;}
.btn_more{ 
	width: 160px; 
	height: 42px; 
	line-height: 40px; 
	display: inline-block;
	border-radius: 10px;
	text-align: center;
	font-size: 16px;
	border: 1px solid #333;
	color: #333;
}
.btn_more:hover{ color: #333;}

@media (max-width: 768px){
	.index_subtitle,.inner_subtitle{ font-size: 16px; }
	.index_title,.wrap_inner_title .index_title{ font-size: 24px;}
	
	.inner_title{ bottom: -10px;} 
	.btn_more{ width: 120px; height: 40px; line-height: 40px; font-size: 14px; }
}

/* 首页顶部模块 */
.wrap_notice{ overflow: hidden; margin-top: 27px;}
.wrap_notice_left{ width: 764px; line-height: 55px; border: 1px solid #666; float: left; }
.wrap_notice_left>div{ float: left; margin-left: 12px;}
.notice_header{ color: #138ee1; font-size: 16px;}
.notice_content{ width: 610px; height: 56px;}
.notice_content a{ color: #666;}
.notice_title{ float: left; width: 60%;}
.notice_date{ float: left; width: 30%;}
.notice_more a{ color: #666;}
.wrap_search{ 
	height: 39px; 
	width: 353px;
	border: 1px solid #138ee1;
	border-radius: 19px;	
 }
.wrap_notice .wrap_search{float: right; margin-top: 8px;}
@media (max-width: 768px){
	.wrap_notice_left{ width: 98%; line-height: 40px; margin-left: 1%; }
	.wrap_notice_left>div{ margin-left: 5px;}
	.notice_header{ font-size: 14px;}
	.notice_content{ width: calc(100% - 5px*3 - 70px - 16px - 5px); height: 40px; }
	.notice_content a{ font-size: 14px;}
	.notice_title{ width: 65%;}
	.wrap_notice .wrap_search{ width: 98%; margin-left: 1%; margin-right: 1%; }
}
/* 首页顶部模块 结束 */

/* 首页产品推荐 */
.wrap_recommand{ 
	overflow: hidden; 	
	background: url("../image/recommend_bg.png") center bottom no-repeat;
	background-size: cover;
}
.wrap_recommand .wrap_title{ margin-top: 46px; }
.wrap_recommand_list{ overflow: hidden; margin-top: 45px; margin-bottom: 69px;}
.recommand_item{ margin: 1px; float: left; box-shadow:0px 0px 2px 0px #ddd;}
.recommand_item:last-of-type{ margin-left: 19px;}
.recommand_item_img{ width: 589px; }
.recommand_item_img img{ width: 589px; height: 395px; }
.recommand_item_title{ 
	font-size: 24px; 
	line-height: 78px; 
	padding: 0px 9px 0px 21px; 
	color: #000; background-color: #fff;
	transition: 0.6s;
}
.recommand_item_title>h3{ margin: 0px; display: inline-block; }
.recommand_item:hover>.recommand_item_title{ background-color: #1389ee; color: #fff; }
.recommand_btn{ 
	text-align: center; 
	float: right; 
	display: block; 
	width: 116px;
	line-height: 51px; 
	border-radius: 13px; 
	color: #999; 
	font-size: 16px;
	margin-top: 14px;
}
.recommand_item:hover>.recommand_item_title>.recommand_btn{ background-color: #fff; color: #1389ee; }
@media (max-width: 768px){
	.recommand_item{ width: 100%;}
	.recommand_item:last-of-type{ margin-left: 0px; margin-top: 10px;}
	.recommand_item_img{ width: 100%;  }
	.recommand_item_img img{ width: 100%; height: auto; }
	.recommand_item_title{ font-size: 14px; line-height: 40px; }
	.recommand_item_title>h3{  font-size: 14px; }
	.recommand_btn{ width: 80px; font-size: 14px; line-height: 31px; margin-top: 5px;}
}
/* 首页产品推荐 结束 */


/* 产品中心 */
.wrap_product{ 
	overflow: hidden; 
	height: 901px; 
	background: url("../image/product_bg.png") center no-repeat;
	background-size: cover;
}
.wrap_product .wrap_title{ margin-top: 31px;}
.wrap_product .index_title{ color: white;} 
.wrap_product .index_subtitle{ color: #e5e5e5;} 

.product_list{ 
	overflow: hidden; 
	margin-top: 17px; 
	margin-bottom: 47px; 
	display: flex; 
	justify-content: space-between; 
	flex-wrap: wrap;
}
.product_item{ width: 279px; background-color: #fff; border-radius: 10px; margin-top: 25px; overflow: hidden;}
.product_img{ margin-top: 20px;}
.product_img img{width: 279px; height: 187px;}
.product_title{ color: #333; }
.product_title h4{ font-size: 16px; margin-top: 15px; margin-bottom: 5px;}
.product_title,.product_summary{ padding: 0px 8px; line-height: 28px;}
.product_item:hover .product_title{ color: #1389ee;}
.product_summary{ font-size: 12px; height: 56px; color: #999; margin-bottom: 11px;}

.wrap_product .btn_more{ color: #fff; border-color: #fff;}
@media (max-width: 768px){
	.wrap_product{ height: auto;}
	.product_list{ justify-content: space-around;}
	.product_list a{ width: 46%;}
	.product_item{ width: 100%; }
	.product_title{ height: 34px; }
	.product_img img{ width: 100%; height: auto;}
	.product_summary{ height: 62px; line-height: 18px; margin-top: 10px;}
	.wrap_product .wrap_more{ margin-bottom: 20px;}
}
/* 产品中心 结束 */


/* 首页公司简介 */
.wrap_about{ 
	overflow: hidden;
	height: 698px;
	background: url("/images/about_bg.png") center no-repeat;
	background-size: cover;
}
.wrap_about .wrap_title{ margin-top: 43px;}
.wrap_about_content{ overflow: hidden; margin-top: 40px; margin-bottom: 27px;}
.about_content_left,.about_content_right{ width: 50%; float: left;}
.about_title{ }
.about_summary{ 
	font-size: 16px; 
	border-top: 1px solid #1389ee; 
	line-height: 25px; 
	padding-top: 15px; 
	margin-top: 16px;
	text-indent: 32px;
}
.about_title h3{ margin: 0px; color: #1389ee;}
.about_right_img{ padding: 5px; background-color: rgba(19, 137, 238, 0.6); margin-left: 33px; margin-top: 40px;}
.about_right_img img{ width: 557px; height: 396px;}
@media (max-width: 768px){
	.wrap_about{ height: auto;}
	.about_content_left,.about_content_right{ width: 100%; }
	.about_content_left{ padding: 0px 15px;}
	.about_summary{ font-size: 14px; text-indent: 28px;}
	.about_right_img{ margin: 0px;}
	.about_right_img img{ width: 100%; height: auto;}
	.wrap_about .wrap_more{ margin-bottom: 20px;}
}
/* 首页公司简介 结束 */


/* 企业文化 */
.wrap_culture{ overflow: hidden;}
.wrap_culture .wrap_title{ margin-top: 36px;}    
.wrap_culture_list{ margin-top: 39px; margin-bottom: 68px; display: flex; justify-content: space-between; }
@media (max-width: 768px){
	.wrap_culture_list{ justify-content: space-around; flex-wrap: wrap;}
	.culture_item{ width: 46%; margin-top: 10px; }
	.culture_item img{ width: 100%; height: auto;}
}
/* 企业文化 结束 */


/* 行业应用 */
.wrap_industry_application{ 
	overflow: hidden;
	min-height: 889px;
	background: url("/images/appication_bg.png") center repeat-y;
	background-size: cover;
}
.wrap_industry_application .wrap_title{ margin-top: 35px;}
.wrap_industry_application .index_title{ color: white;} 
.wrap_industry_application .index_subtitle{ color: #e5e5e5;}
.wrap_industry_application .slogan{ color: #fff; width: 458px; line-height: 28px; margin: 0px auto; margin-top: 21px;}
.industry_application_list{	display: flex; justify-content: center; flex-wrap: wrap; margin-top: 15px; overflow: hidden;}
.industry_application_item{ margin-top: 10px; }
.industry_application_item:nth-of-type(n+2){ margin-left: 11px; }
.industry_application_item img{ width: 391px; height: 275px; opacity: 0.8; transition: 0.4s;}
.industry_application_item:hover img{ opacity: 1; }
@media (max-width: 768px){
	.wrap_industry_application{ min-height: auto; }
	.wrap_industry_application .slogan{ width: 90%; }
	.industry_application_list{ margin-bottom: 20px; justify-content: space-around;}
	.industry_application_item{ width: 46%; }
	.industry_application_item:nth-of-type(n+2){ margin-left: 0px; }
	.industry_application_item img{ width: 100%; height: auto;}
}
/* 行业应用 结束 */


/* 合作伙伴 */
.wrap_partner{ 
	overflow: hidden;
	min-height: 800px; 
	background: url("../image/partner_bg.png") center bottom repeat-y;
	background-size: cover;
}
.wrap_partner .wrap_title{ margin-top: 30px;}
.partner_list{  margin-top: 73px;}
@media (max-width: 768px){
	.wrap_partner{ height: auto;}
	.partner_list{  margin-top: 0px;}
}
/* 合作伙伴 结束 */


/* 新闻资讯 */
.wrap_news{ 
	overflow: hidden;
}
.wrap_news .wrap_title{ margin-top: 35px;}
.news_list{ margin-top: 30px; display: flex; justify-content: space-between;}
.news_item{ overflow: hidden; width: 389px; margin: 4px;}
.news_item:hover{ box-shadow:1px 1px 6px 1px #ddd; }
.news_img{ position: relative; height: 286px;}
.news_img img{ width: 389px; height: 286px;}
.news_img_layer{ 
	width: 100%;
	height: 100%;
	position: absolute; 
	top: -286px; 
	left: 0px; 
	transition: 0.8s; 
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	line-height: 100%;
}
.news_img:hover .news_img_layer{ top: 0px; }
.news_img_layer a{ margin-top: calc(50% - 44px); display: block; color: #1389ee; }
.news_img_layer a:hover{ color: #1389ee;}
.news_img_layer .iconfont{ font-size: 44px; }/*  */
.news_content{ margin-top: 15px; height: 150px; }
.news_left{ 
	width: 70px; 
	height: 70px; 
	background-color: #1389ee; 
	color: #fff; 
	font-size: 14px; 
	padding: 20px;
	text-align: center;
	float: left;
}
.news_date_month{}
.news_date_year{}

.news_right{ width: 319px; float: left; padding: 0px 12px;}
.news_title h4{ margin: 0px; color: #1389ee; line-height: 28px;}
.news_summary{ margin-top: 5px; font-size: 14px; line-height: 23px; height: 70px; color: #999; overflow: hidden; }
.news_detail{ text-indent: 5px; }
.news_detail a{ color: #1389ee; }

.wrap_news .wrap_more{ margin-top: 41px;}

@media (max-width: 768px){
	.wrap_news{}
	.news_list{ display: block;}
	.news_item{ overflow: hidden; width: 96%; margin: 2%;}	
	.news_img{ display: none;}
	.news_right{ width: calc(100% - 70px); }
	.news_title h4{ font-size: 16px; }
}
/* 新闻资讯 结束 */


/* 首页底部 */
.wrap_index_bottom{ 	
	max-width: 1920px; 
	width: 100%; 
	height: 271px;
	margin: 0px auto; 
	margin-top: 46px;
	overflow: hidden;
	position: relative; 
}
.bottom_left,.bottom_right{ height: 271px; position: absolute; top: 0px;}
.bottom_left{ 
	width: 100%;
	background: url("../image/index_bottom_left.png") left no-repeat; 
	left: 0px;
}
.bottom_left_content{ 
	display: table; 
	margin-top: 87px; 
	text-align: center;
	position: absolute;
	right: calc( 1053px - ((1920px - 100%) / 2) + 66px);
	/* 
	right: calc(1053px - ((1920px - 100%) / 2) - (100% - 1171px) + 66px);
	当bottom_left的宽度为100%时可以这么写
	right: calc( 1053px - ((1920px - 100%) / 2) + 66px);
	*/
}
.bottom_left_title{ font-size: 24px; line-height: 24px; font-weight: bolder;}
.bottom_left_sep_line{ width: 238px; height: 1px; background-color: #1389ee; margin:17px auto; }
.bottom_left_btn{ 
	width: 330px; 
	line-height: 38px; 
	background-color: #1389ee; 
	font-size: 18px; 
	color: #fff; 
	border-radius: 19px;
}
.bottom_right{ 
	width: 100%;
	background: url("../image/index_bottom_right.png") right no-repeat; 
	right: calc((100% - 1920px) / 2 );
}
.bottom_right_content{ margin-top: 83px; position: absolute; color: #fff; right: 607px; }
.bottom_right_tel{ 
	font-size: 18px; 
	line-height: 30px; 
	color: #fff;  
	text-indent: 37px;
	background: url("../image/tel.png") left no-repeat; 
}
.bottom_right_content>.tel{ font-size: 24px; line-height: 24px; margin-top: 12px;}
.btn_msg{ 
	display: block; 
	width: 88px; 
	line-height: 28px; 
	text-align: center; 
	color: #fff; 
	border: 1px solid #fff;
	margin-top: 17px;
}
.btn_msg:hover{ color: #fff;}
@media (max-width: 768px){
	.wrap_index_bottom{ height: auto;}
	.bottom_left,.bottom_right{ height: 150px; position: relative; overflow: hidden; }
	.bottom_left{background-size: cover;}	
	.bottom_left_content{ position: relative; margin: 20px auto; right: 0px;}
	.bottom_left_title{ font-size: 20px; line-height: 20px;}
	.bottom_left_btn{ width: 280px; font-size: 16px;}
	.bottom_right{ right: 0px;}
	.bottom_right_content{ position: relative; right: 0px; display: table; margin: 20px auto;}
	.bottom_right_tel{ font-size: 16px; text-indent: 32px;}
	.bottom_right_content>.tel{ font-size: 14px;}
}
/* 首页底部 结束 */


/* 友情链接 开始 */
.friend_site { width: 100%; overflow: hidden;}
.friend_site>div{  width: 1200px; margin: 32px auto;}
.friend_site>div>span{ font-size: 18px; margin-right: 19px; font-weight: bolder; color: #000;}
.friend_site a{ color: #999; font-size: 16px; margin-right: 5px;}
@media (max-width: 768px)
{
	.friend_site{display: none;}
}
/* 友情链接 结束 */


/* 内页 */
.inner_banner img{
	width: 100%;
	height: auto;
	display: block;
	margin:0 auto;
}

.inner_nav{ height: 89px; border-bottom: 1px solid #dedede; overflow: hidden;}
.inner_nav_list{ float: left; margin-top: 40px!important;}
.inner_nav_list li{ float: left; line-height: 48px;}
.inner_nav_list li a{ font-size: 18px; color: #666;}
.inner_nav_list li::after{ 
	font-size: 14px; 
	content: "|"; 
	line-height: 48px; 
	margin: 0px 26px; 
	display: block; 
	float: right;
}
.inner_nav_list li:last-child::after{ display: none;}
.inner_nav .wrap_search{ float: right; margin-top: 34px;}
@media (max-width: 768px)
{
	.inner_nav{ height: auto;}
	.inner_nav_list{ display: none;}
	.inner_nav .wrap_search{ width: 98%; margin: 15px auto;}
}


/* 内页 关于我们 */
.wrap_company_profile{
	overflow: hidden;
}
.wrap_company_profile .wrap_inner_title{ margin-top: 40px; }
.company_profile_img{ margin-top: 74px;}
.company_profile_img img{ width: 100%; height: auto;}
.company_profile_content{ 
	font-size: 16px; 
	line-height: 33px; 
	padding: 0px 23px 0px 18px; 
	margin-top: 31px; 
	margin-bottom: 56px;
}

.wrap_inner_culture{ overflow: hidden; }
.inner_culture_content{ 
	height: 643px;
	background: url("../image/inner_culture_bg.png") center no-repeat; 
	background-size: cover;
	overflow: hidden;
	padding-top: 111px;
}
.inner_culture_content>.inner_container{ display: flex; justify-content: space-between; }
.inner_culture_item{ width: 300px; height: 420px; text-align: center; color: #fff; padding-top: 113px; transition: 0.6s;}
.inner_culture_item:hover{ background-color: rgba(255, 255, 255, 0.2); }
.inner_culture_item .iconfont{ font-size: 47px;}
.inner_culture_item>.index_title{ margin-top: 22px; font-weight: bolder;}
.inner_culture_sep_line{ 
	width: 61px;
	height: 5px; 
	border-radius: 5px; 
	margin: 17px auto; 
	background-color: #fff;
	transition: 0.6s;
}
.inner_culture_item:hover>.inner_culture_sep_line{ background-color: #1389ee; }
.inner_culture_item>.index_subtitle{ color: #fff;}
.inner_culture_slogan{ font-size: 24px; margin-top: 24px;}

.wrap_honor{ overflow: hidden;}
.wrap_honor .wrap_inner_title{ margin-top: 70px; }
.wrap_honor_content{ margin-top: 40px;}
@media (max-width: 768px)
{
	.wrap_company_profile{}
	.company_profile_img{ margin-top: 0px;}
	.company_profile_content{ font-size: 14px;}

	.inner_culture_content{height: auto; padding-top: 0px;}
	.inner_culture_item .iconfont{ font-size: 30px;}
	.inner_culture_item>.index_title{ font-size: 16px; font-weight: normal;}
	.inner_culture_sep_line{ height: 3px; border-radius: 3px; width: 16px; margin: 12px auto; }
	.inner_culture_item>.index_subtitle{ font-size: 12px; display: none;}
	.inner_culture_slogan{ font-size: 14px; margin-top: 14px;}

	.wrap_honor_content{}
	.wrap_honor_content img{ width: 100%; height: auto;}
	
}
/* 内页 关于我们 结束 */


/* 内页 产品中心 */
.wrap_inner_product{ 
	overflow: hidden;
	background: url("../image/inner_product_bg.png") repeat-y; 
	background-size: cover;
	margin-top: 18px;
}
.wrap_inner_product .inner_container{ margin-bottom: 56px; }
.inner_product_item{ 
	width: 97%; 
	height: 360px; 
	border: 5px solid #7d7d7d; 
	position: relative; 
	margin-top: 50px; 
	float: left;
}/* width: 95%;  */
.inner_product_item:nth-child(even){ float: right;}
.border_layer::before,.border_layer::after{
	width: 0px; 
	height: 0px; 
	content: "";
	display: block;
	position: absolute;
	transition: 0.8s;	
	z-index: 0;
	pointer-events: none;
}
.border_layer::before{ 	
	border-top: 5px solid #1389ee; 
	border-left: 5px solid #1389ee;
	left: -5px;
	top: -5px;	
}
.border_layer::after{
	border-bottom: 5px solid #1389ee; 
	border-right: 5px solid #1389ee;  	
	right: -5px;
	bottom: -5px;	
}
.inner_product_item:hover .border_layer::before,.inner_product_item:hover .border_layer::after{ 
	width: calc(100% + 10px); 
	height: calc(100% + 10px);
}
.inner_product_text{ width: 50%; float: left; color: #fff; }
.inner_product_item:nth-child(even) .inner_product_text{ float: right; }
.inner_product_title{ margin-top: 41px;}
.inner_product_title h3{ margin: 0px; text-align: center;}
.inner_product_sep_line{ 
	width: 40px; 
	height: 1px; 
	background-color: #fff; 
	margin: 16px auto;
	margin-bottom: 23px;
	transition: 0.6s;
}
.inner_product_item:hover .inner_product_sep_line{ background-color: #1389ee; }
.inner_product_summary{ font-size: 14px; line-height: 28px; height: 168px; overflow: hidden; }
.inner_product_item:nth-child(odd) .inner_product_summary{ padding-left: 46px;}
.inner_product_item:nth-child(even) .inner_product_summary{ padding-right: 46px;}
.product_detail{
	width: 130px;
	line-height: 30px; 
	text-align: center; 
	background-color: #fff; 
	color: #138ee1; 
	font-size: 18px;
	transition: 0.6s;
	display: block;
	margin: auto;
	margin-top: 42px;
	position: relative;
	z-index: 1;
}
.product_detail:hover{ color: #fff;}
.product_detail::before{
	width: 0px;
	height: 100%;
	content: "";
	background-color: #138ee1;
	position: absolute;
	top: 0px;
	left: 0px;
	transition: ease-in .35s;	
	display: block;
	z-index: -1;
}
.product_detail:hover::before{ width: 100%; }
.product_detail .iconfont{ 
	font-size: 30px; 
	float: right; 
	background-color: #1389ee; 
	color: white; 
	position: relative;
	z-index: 1;
	display: block;
	transition: 0.2s;
}
.product_detail:hover .iconfont{ color: #138ee1; }
.product_detail .iconfont::before{ 
	width: 0px; 
	height: 100%; 
	content: ""; 
	position: absolute; 
	z-index: -1;
	background-color: #fff;
	transition: ease-in .65s;
	left: 0px;
	top: 0px;
}
.product_detail:hover .iconfont::before{ 
	width: 100%; 
	transition-delay: 0.2s;
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.inner_product_img{ 
	max-width: 50%; 
	height: 350px; 
	float: right; 
	text-align: center; 
	transform: translate(43px, -14px);
	transition: 0.6s;
}/* 63，-24 */
.inner_product_item:nth-child(even) .inner_product_img{ float: left; transform: translate(-43px, -14px);}/*-63，-24 */
.inner_product_img img{ height: 100%; width: auto; }
.inner_product_item:hover .inner_product_img{ transform: translate(0px);}

@media (max-width: 768px)
{
	.inner_product_item{ width: 100%; height: auto; }
	.inner_product_text{ width: 100%; padding: 0px;}
	.inner_product_title h3{ font-size: 16px;}
	.inner_product_summary{ height: auto; padding: 0px 15px!important;}
	.inner_product_text .wrap_more{ margin-bottom: 20px;}
	.inner_product_img{ width: 100%; max-width: 100%; height: auto; transform:translate(0)!important;}
	.inner_product_img img{ width: 100%; height: auto;}
}
/* 内页 产品中心 结束 */


@media (max-width: 768px)
{
	
}
@media (min-width: 768px)
{
	.mt30{ margin-top: 30px;}
	.mt40{ margin-top: 40px;}
	.ml30{ margin-left: 30px;}
	.pl40{ padding-left: 40px;}
	.pl50{ padding-left: 50px;}
	.pr20{ padding-right: 20px;}
}

/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 50%;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.index .yb_conct{ display: none;}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background:url(/images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background:url(/images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background:url(/images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {

	background:url(/images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	display: block;
	margin:0 auto;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}
.yb_QQ a:hover{
	color: #fff;
}

/*信息反馈样式*/
.pagecontent .visual-form-builder fieldset{
	background: none;
	border:none;
	margin:0 !important;
}
.pagecontent .vfb-legend{
	display: none;
}
.pagecontent .visual-form-builder fieldset input,.pagecontent .visual-form-builder fieldset textarea{
	border-radius: 0;
	background: none;
	border:1px solid #e5e5e5;
	padding:10px 5px;
	width: 100%;
	margin-top: 5px;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
#vfb-3{
	display: none;
}
.conbottom p{
	color: #999;
}
.conbottom a{
	color: #333;
}
.indexnewstag{
	margin-bottom: 6px;
}
.vfb-item-secret .vfb-desc{
	display: none !important;
}
.vfb-item-secret .vfb-span{
	display: none !important;
}
@media (max-width: 768px){
	.productpart #myTab li{
		width: 33.333%;
		float: left;
	}
	.productpart #myTabContent{
		margin-left: 0 !important;
		float: none;
	}
	.productpart #myTab{
		width: 100%;
		float: none;
	}
	.pcxc{
		display: none;
	}
	.sjxc{
		display: block;
		margin-bottom: 30px;
	}
	.yb_conct{
		display: none;
	}
	.youshipart{
        margin-bottom: 30px;
	}
	.thememenu{
		display: none;
	}

    .slideBox1 .newstext{
	width: 100%
    }
.slideBox1 .newsimg{
	width: 100%;

    }
    .indexnews{
    	padding: 0;
    }
    .slideBox1 .prev,
	.slideBox1 .next{
		display: none;
	}    
    #sideMenu{
    	display: block;
    }
    .slideBox{
    	display: none;
    }
    .divContent{
    	height: 300px;
    }
    .underslideBox{
    	display: block !important;
    }
	.bdsharebuttonbox{
		float: left;
		margin-bottom: 10px;
		margin-top: 5px;
	}
	.lefttime{
		display: none;
	}
	.sidbarcontact{
		display: none;
	}
	.ymtitle{
		height: 0;
		overflow: hidden;
		transition: height 2s;
	    -moz-transition: height 2s;
	    -webkit-transition: height 2s;
	    -o-transition: height 2s;
	}
	.sidbarnav:hover .ymtitle{
		height: 100%;
	}
	.links{
		margin-bottom: -30px;
	}
	.linkpart{
		margin-bottom: 30px;
	}
	.indexabout_text{
	width: 100%;
    }
.indexabout_img{
	width: 100%;
    }
	.indexcasepart{
	width: 100%;
    }
    .indexcasepart{
    	margin-bottom: 15px;
    }
    .indexcase_text h3{
    margin-top: 0;
	font-size: 16px;
	margin-bottom: 10px;
    }
.indexcase_text p{
	line-height: 20px;
	margin-bottom: 5px;
	font-size: 12px;
    }
    .indexcase_text{
	padding: 20px;
    }
    .indexnewspart_img{
	width: 100%;
    }
.indexnewspart_text{
	width: 100%;
    }
    .header_center{
    	display: none;
    }
    .header_top{
    	display: none;
    }
    .header_bottom{
    	background: none !important;
    }
    .navbar-brand{
    	display: block;
    	padding: 10px 0 !important;
    }
    .navbar-brand img{
    	height: 35px;
    	width: auto;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    	background: none !important;
    }
    .header_bottom .navbar-default .navbar-nav>li>a{
    	margin-right: 0;
    	margin-bottom: 3px;
    	padding-left: 30px;
    }
    .dropdown-menu li a{
    	color: #fff !important;
    	padding-left: 45px !important;
    	line-height: 30px !important;
    }
    .navbar-toggle{
    	margin-right: 0 !important;
    }
}


.indexabout a{
    background: #138ee1;
}
.productpart{
    background: #138ee1;
}

.productpart .nav-tabs>li.active>a, .productpart .nav-tabs>li.active>a:focus, .productpart .nav-tabs>li.active>a:hover{
    color: #138ee1 !important;
}

.productpart #myTab li a:hover{
    color: #138ee1;
}
.slideBox1 .newsmore{
    color: #138ee1;
}

.yb_bar .yb_top {
    background-color: #138ee1;
}
.yb_bar .yb_phone {
    background-color: #138ee1;
}
.yb_bar .yb_QQ {
    background-color: #138ee1;
}
.yb_bar .yb_ercode {

    background-color: #138ee1;
}

.slideBox1 .prev,
.slideBox1 .next {
	background-color: #138ee1; 
}

.slideBox .hd ul .on {
background-color: #fff;
}
#sideMenu {
  color: #138ee1; 
}
.mxphonenav {
  background: #138ee1;
}
.tzggtit{
   background:#138ee1; 
}

.toptab a:hover{
color: #138ee1;
}

.youshilistpart:hover .yslistpartimg{
    background: #138ee1 !important;
}
.tzggtit span{
    color: #138ee1;
}
.ymtitle .current_page_item a,.ymtitle .current-cat a, .sidbarcontact a:hover{
    color: #138ee1 !important;
    border:none;
    font-weight: bold;
}
.proxiangqing{
    color: #138ee1;
}
.showpage a:hover { background:#138ee1; color:#fff;border-color: #138ee1}
#showsum span.sel { border:1px solid #138ee1;}
.sb-search-input{
    color: #138ee1 !important;
}

#showsum1 span.sel { border:1px solid #138ee1;}
.sb-search-input{
    color: #138ee1 !important;
}
.xgpro{
    color: #138ee1 !important;
}
.downloadlistpart a:hover{
    color: #138ee1 !important;
}
.conbottom a{
    color: #138ee1;
}
.ymtitle li a:hover{
    color: #138ee1;
    font-weight: bold;
}
.bread a{
    color: #138ee1;
}
.page_navi a:hover,.page_navi .current{
    color: #fff;
    background: #138ee1;
    border:1px solid #138ee1;
}
.lefttime .year{
    color: #138ee1;
}
.newstag a{
    color: #138ee1;
}
#vfb-4{
    color: #fff;
    background: #138ee1;
    border:1px solid #138ee1;
}

/*内页公共样式*/
.maincon{
    background: #f9f9f9;
}
.nybanner img{
	width: 100%;
	height: auto;
	display: block;
	margin:0 auto;
}
.neicon{
	padding-top: 30px;
	padding-bottom: 30px;
}
.sidbarnav{
	background: #fff;
	padding:20px;
	margin-bottom: 20px;
}
.listcon{
	background: #fff;
	padding:30px;
}
.tzggtit{
    margin-bottom: 5px;
	text-align: center;
	line-height: 35px;
	font-weight: bold;
	color: #fff;
}
.tzggtit span{
	color: #fff !important;
}
.tzggtit:before{
	content: '--'
}
.tzggtit:after{
	content: '--'
}
.ymtitle li{
	text-align: center;
}
.ymtitle li a{
	height: 34px;
	line-height: 34px;
	background: #f2f3f6;
	display: block;
	margin-top: 10px;
	text-align: center;
	color: #333;
}
.sidbarcontact{
	background: #fff;
	padding:20px;
}
.sidbarcontact p{
	font-size: 12px;
	line-height: 24px;
	color: #333;
	margin:15px 0;
}
.sidbarcontact a{
    display: block;
    margin-top: 10px;
    text-align: center;
    color: #111;
    border: 1px solid #eaeaea;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    transition: 0.3s;
}
.bread{
	padding-bottom: 15px;
	border-bottom: 1px solid #e5e5e5;
	color: #999;
}
.pagetit{
	font-size: 24px;
	margin-bottom: 20px;
}
.pagecontent img{
	max-width: 100%;
	height: auto;
	display: block;
	margin:0 auto;
}
.pagecontent p{
	line-height: 30px;
	margin-bottom: 15px;
	color: #666;
}
.protoptextpart h1{
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
}
.protoppart{
	margin-top: 30px;
}
.proxiangqing{
	font-size: 16px;
	margin-top: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 15px;
}
.xgpro{
	font-size: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 15px;
	margin-top: 45px;
}

/*内页列表样式*/
.newslistpart h1{
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
    
}
.newslistpart h1 a{
	color: #333;
}
.newstag span{
	color: #999;
	margin-right: 10px;
	font-size: 12px;
}
.newslistpart .newszy{
	color: #666;
	line-height: 22px;
	margin-top: 10px;
	margin-bottom: 0;

}
.newslistpart{
	padding: 30px 0;
	border-bottom: 1px dashed #e5e5e5;
}
.newslistpart img{
	width: 100%; height: auto;
}
.page_navi{
	margin-top: 30px;
}
.page_navi a{
    padding: 5px 12px;
    border:1px solid #e5e5e5;
    margin:0 2px ;
    color: #333;
}
.sancon{ position: relative;}
.sancon h1{
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	margin-top: 8px !important;
}
.sancon_more{ 
	position: absolute; 
	top: 8px; 
	right: 10px; 
	padding: 7px 16px;
	border-radius: 8px;
	border: 1px solid #e60011;
	color: #e60011;
	font-size: 14px;
}
.sancon_more:hover{ color: white; background-color: #e60011;}
@media (max-width: 768px) {
	.newslistpart img{ width: 100%;}
	.sancon_more{ display: none;}
}
.noborder{
	border:none !important;
	padding-bottom: 0 !important;
	margin-bottom: -10px;
}
.casetitle{
	margin-top: 10px !important;
}
.downloadlistpart{
	line-height: 40px;
	border-bottom: 1px solid #f5f5f5;
}
.downloadlistpart h1{
	font-size: 14px;
	margin:0;
	line-height: 40px;
}
.downloadtime{
	font-size: 12px;
	color: #999;
}
.downloadlistpart h1 a{
	color: #333;
}
.sancontit{
	font-size: 16px !important;
	font-weight: bold !important;
	text-align: left !important;
	line-height: 20px;
}
.threetag .newstag{
	margin-top: -5px;
	margin-bottom: -5px;
}
.lefttime{
	background: #fafafa;
	padding: 10px 0 1px 0;
}
.lefttime p{
	color: #999;
}
.year{
	font-size: 18px;
	font-weight: bold;
}
.bdsharebuttonbox{
	float: right;
	margin-top: 10px;
}
.conbottom{
	margin-top: 30px;
	background: #fafafa;
	padding: 20px 15px 10px 15px;

}
.not-found{
	margin-bottom: 160px;
}
.zhaopinlist table th{
	border-right: 1px solid #e5e5e5;

}
.zhaopinlist table tbody tr td{
	display:table-cell; 
	vertical-align:middle;
	border-right: 1px solid #e5e5e5;
}
.zhaopinlist .table>thead>tr>th{
	border-bottom: 1px solid #e5e5e5;
	background: #fafafa;
	display: table-cell;
    vertical-align: middle;
}
.zhaopinlist table{
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.proslist{
	margin-top: 30px;
}
/*内页列表样式 结束*/


.inner_news_list{}
.inner_news_list>div{ border-bottom: 1px dashed #ddd; line-height: 34px;}
.inner_news_list div a,.inner_news_list div a:hover{ color: #333; font-size: 14px;}

.tag_list{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.tag_list>div{ width: 48%; line-height: 26px; border: 1px dashed #666; margin-top: 5px; text-align: center;}
.tag_list>div a,.tag_list>div a:hover{ color: #333; font-size: 14px;}

