@charset "utf-8";
/* CSS Document */
body {width:100%;position:relative;background:#fff;overflow:hidden;}
.h10 {height:10px;}
.h20 {height:20px;}
.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h100 {height:100px;}
.w1400 {position:relative;margin:0 auto; max-width:1460px;}
.jian100{margin-top:-100px;}

@media (max-width: 1300px) {

.h10 {height:5px;}
.h20 {height:10px;}
.h30 {height:15px;}
.h40 {height:20px;}
.h50 {height:25px;}
.h100 {height:50px;}

.w1400 {max-width:100%;width:96%}


}

@media (max-width: 800px) {
.h10 {height:2px;}
.h20 {height:5px;}
.h30 {height:7px;}
.h40 {height:10px;}
.h50 {height:12px;}
.h100 {height:25px;}
.w1400 {max-width:100%;width:96%}
.w1400 p img{ max-width:100%;}
.jian100{margin-top:0px;}
}

.xuyao_box{ clear:both; width:100%; background:url(../images/m_home_xuyao.jpg) no-repeat center top; height:409px; margin:0 auto;}
@media (max-width: 639px) {
.xuyao_box{ background:url(../images/m_home_xuyao_phone.jpg) no-repeat center top;background-size: cover;height:auto!important;  width:100%}
}


a{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a:hover{color:#F2010D;text-decoration:none;transition: all 300ms ease-in-out 0s;}

.pro-ul {padding-top:10px;width:100%;clear:both; margin:0 auto;}
.pro-ul ul{ margin: 0 -2%;}
.pro-ul li {float:left;width:27%; margin:2%; padding:1%;box-shadow:0 0 15px 1px #ccc;border:1px solid #fff; background:#fff;}

.pro-ul li .pic{ width:100%; height:100%; overflow:hidden;}
.pro-ul li .pic img{ max-width:100%;}
.pro-ul li .pic img:hover{transition:all 0.2s linear;-webkit-transform: scale(1.1);opacity: 0.5;}
.pro-ul li h2 {padding-top:5px;line-height:28px;overflow:hidden;font-size:16px;text-align:center;}
.pro-ul li h3 {padding-top:0;line-height:26px;overflow:hidden;font-size:14px;text-align:center;}



@media (max-width:1024px) {
.pro-ul li {width:29%; margin:1%;}
.pro-ul li h2 {line-height:30px;font-size:15px;}
.pro-ul li h3 {line-height:23px;font-size:13px;}
}



@media (max-width:639px) {
.pro-ul li {width:43.5%; margin:2%;}
.pro-ul li h2 {line-height:24px;font-size:14px;}
.pro-ul li h3 {line-height:20px;font-size:12px;}
}




@media (max-width:420px) {
.pro-ul li {width:43%; margin:2%;}

}



.pro_fu_biaoti{ clear: both; width: 100%;font-size: 24px ;line-height: 45px; margin: 20px  auto;padding-top: 10px;}
@media (max-width:1024px) {
	.pro_fu_biaoti{ font-size: 18px ;line-height: 35px; margin: 20px  auto;}
	}

@media (max-width:639px) {
	.pro_fu_biaoti{ font-size: 15px ;line-height: 28px; margin: 10px  auto;}
	}



.products_box{clear:both; width:100%; background:url(../images/mojiang_prodcts.png) no-repeat center top; height:760px; margin:0 auto;}


.searchContent{position:absolute;top:70px;right:250px;padding:10px 15px 0 15px; width:300px; height:50px; z-index:99999;  display:none;  background:rgba(255,255,255,.6);}
.searchk{position:relative;}
.seachIcon{cursor:pointer; background:url(../images/m_sous.jpg) no-repeat center center; width:100px; height:70px; line-height:70px; font-size:15px; color:#ccc; text-align:center; padding-left:33px;}


.lanuage{cursor:pointer; background:url(../images/m_lanuage.jpg) no-repeat center center; width:101px; height:70px; line-height:70px; font-size:15px; color:#fff; text-align:center; padding-left:33px;}


.sub-butn{ width:60px; height:40px; background:#ff0000; color:#fff; text-align:center; line-height:40px; float:right; border:none;}
.wenz_tex{margin-top:0px;width:215px;height:40px;background:#fff; border:none; float:left; padding-left:15px;}

.top-search{max-width:400px; }
.top-search{ display:none; position:absolute; right:0; top:100%; background:#fff;border:15px solid #fff;width:100%; z-index:9999; }
.top-search .text{ border:1px solid #202020; height:38px; line-height:38px; padding:0 9% 0 2%; width:88%; color:#999;}
.top-search .btn{ position:absolute; right:0; width:40px; height:100%; top:0; background:url(../images/top_sous.png) no-repeat center center #ccc; border-left:1px solid #202020;}
.open-search-on{ background:none; position:relative; display: block; background:url(../images/m_sous.jpg) no-repeat center center; width:100px; height:70px; line-height:70px; font-size:15px; color:#ccc; text-align:center; padding-left:33px; }

.searchContentaa{position:absolute;top:60px;right:0px;padding:5px 5px 0 5px; width:300px; height:40px; z-index:999;  display:none;  background:rgba(255,255,255,.6);}
.searchkaa{position:relative;}
.seachIconaa{cursor:pointer;}
.sub-butnaa{ width:60px; height:30px; background:#ff0000; color:#fff; text-align:center; line-height:30px; float:right; border:none;}
.wenz_texaa{margin-top:0px;width:215px;height:30px;background:#fff; border:none; float:left; padding-left:15px;}



.home_about_tit{ width:100%; max-width:1200px; clear:both; text-align:center; margin:40px auto;}
.home_about_tit h2{ font-size:26px; line-height:35px;color:#363636;text-transform:uppercase; font-weight:normal;}
.home_about_tit h3{ font-size:16px; line-height:33px;color:#363636; font-weight:normal;}

.pro_main{ clear:both; width:100%; background:#f1f1f1; padding:80px 0;}
.pro_main_left{ width:20%; float:left; text-align:center;}
.pro_main_right{ width:62%; float:right; background:#fff; padding:0 4% 3% 4%;}


.pro_main_righta{ width:62%; float:right; background:#fff; padding:0 4% 3% 4%;}

.cantainer .title-nav{
    width:15%; 
	 text-align:center;
     position: absolute;
	left:5%;

}
.title-nav.fixed{
	position: fixed;
	top: 0;
	left:5%;
	z-index: 30;
}
/*.title-nav.fixed ~ .section2 .section2-abstract h4{
	margin-top: 115px;
}*/
.cantainer .title-nav ul{
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 2;
	font-size: 0;
}
.cantainer .title-nav ul li{
	width: 100%;
	display:block;
	color: #515151;
	font-size: 15px;
	cursor: pointer;
	line-height:28px;
	 margin:15px 0;
	 background:url(../images/pro_left_a.png) no-repeat;
	 width:155px;
	 height:28px;
	 padding-left:40px;
	 text-align:left;
}


.cantainer .title-nav ul .li-act{

 background:url(../images/pro_left_a_hove.png) no-repeat;
	 width:155px;
	 height:28px;
	 padding-left:40px;
	 text-align:left;
	 color: #dc0a0a;
	font-size: 15px;
		line-height:28px;
		 margin:15px 0;
}







.cantainer .title-nava{
    width:15%; 
	 text-align:center;
     position: absolute;
	left:5%;

}
.title-nava.fixed{
	position: fixed;
	top: 0;
	left:5%;
	z-index: 30;
}
/*.title-nav.fixed ~ .section2 .section2-abstract h4{
	margin-top: 115px;
}*/
.cantainer .title-nava ul{
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 2;
	font-size: 0;
}
.cantainer .title-nava ul li{
	width: 100%;
	display:block;
	color: #515151;
	font-size: 15px;
	cursor: pointer;
	line-height:28px;
	 margin:15px 0;
	 background:url(../images/pro_left_aaa.png) no-repeat;
	 width:220px;
	 height:28px;
	 padding-left:40px;
	 text-align:left;
}


.cantainer .title-nava ul .li-act{

     background:url(../images/pro_left_aa_hove.png) no-repeat;
	 width:220px;
	 height:28px;
	 padding-left:40px;
	 text-align:left;
	 color: #dc0a0a;
	font-size: 15px;
		line-height:28px;
		 margin:15px 0;
}



.cantainer .section1{
	padding-top: 0px;
}



.cantainer .section2,.cantainer .section3,.cantainer .section4,.cantainer .section5,,.cantainer .section6,.cantainer .section7,.cantainer .section8{
	width: 100%;
	position: relative;
}


@media only screen and (max-width:640px) {
.pro_main{ clear:both; width:100%; background:#f1f1f1; padding:20px 0;}
.pro_main_left{ width:100%; float:none; text-align:center;}
.pro_main_right{ width:96%; float:none; background:#fff; padding:35px 2% 1% 2%; }
.pro_main_righta{ width:98%; float:none; background:#fff; padding:120px 1% 1% 1%; }

.cantainer .title-nav{
	 text-align:center;
    width:100%; 
     position: absolute;
	left:0;

}
.title-nav.fixed{
	position: fixed;
	top: 0;
	left:0;
	z-index: 30;
}
/*.title-nav.fixed ~ .section2 .section2-abstract h4{
	margin-top: 115px;
}*/
.cantainer .title-nav ul{
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 2;
	font-size: 0;
}
.cantainer .title-nav ul li{
	width: 23%;
	display:inline-block;
	
	color: #515151;

	cursor: pointer;
	line-height:28px;
	 margin:0px 0.5%;
	 background:#363636;
	color: #fff;
	 height:30px;
	 padding-left:0;
	 text-align:center;
	 font-size: 13px;
}


.cantainer .title-nav ul .li-act{
	
 background:#ff0000;
		width: 23%;
		 height:30px;
		 padding-left:0;
		 text-align:left;
		 color: #fff;
		font-size: 13px;
			line-height:30px;
			 margin:0px 0.5%;
			  text-align:center;
}





.cantainer .title-nava{
	 text-align:center;
    width:100%; 
     position: absolute;
	left:0;

}
.title-nava.fixed{
	position: fixed;
	top: 0;
	left:0;
	z-index: 30;
}
/*.title-nav.fixed ~ .section2 .section2-abstract h4{
	margin-top: 115px;
}*/
.cantainer .title-nava ul{
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 2;
	font-size: 0;
}
.cantainer .title-nava ul li{
	width: 49%;
	display:inline-block;
	
	color: #515151;

	cursor: pointer;
	line-height:28px;
	 margin:0 0.5%;
	 background:#363636;
	color: #fff;
	 height:30px;
	 padding-left:0;
	 text-align:center;
	 font-size: 13px;
	 float: left;
}


.cantainer .title-nava ul .li-act{
	
 background:#ff0000;
		width: 49%;
		 height:30px;
		 padding-left:0;
		 text-align:left;
		 color: #fff;
		font-size: 13px;
			line-height:30px;
			 margin:0 0.5%;
			  text-align:center;
			   float: left;
}






.cantainer .section1{
	padding-top: 0px;
}



.cantainer .section2,.cantainer .section3,.cantainer .section4,.cantainer .section5,,.cantainer .section6,.cantainer .section7,.cantainer .section8{
	width: 100%;
	position: relative;
}




}




@media (max-width: 800px) {

.home_about_tit{ max-width:100%;  margin:10px auto;}
.home_about_tit h2{ font-size:16px; line-height:26px;}
.home_about_tit h3{ font-size:14px; line-height:24px;}


}



.height80 {height:80px;clear:both;width:100%;}

.width1400 {max-width:1200px;margin:0 auto;position:relative;}

@media (max-width: 1199px) {

.width1400 {max-width:100%; padding:0 1%;}
}


.width1400 p img{ max-width:100%;}

.banner {position:relative;width:100%;height:auto;overflow:hidden;}
.banner .container {height:100%;}
.banner .contents {position:absolute;left:0px;width:100%;height:100%;}
.banner .content {position:absolute;top:0px;width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:left top;text-align:center;}
.banner .contentInfo {overflow:hidden;position:absolute;top:50%;left:0px;width:800px;height:200px;margin-top:-100px;z-index:1;text-align:left;}
.banner .contentInfo .sub {text-shadow:0px 0px 3px #b67ebc;position:absolute;top:17px;left:8px;width:2px;height:120px;background:#fff;}
.banner .contentInfo .sub {transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;-webkit-transform-origin:left bottom;}
.banner .contentInfo .quan {text-shadow:0px 0px 3px #b67ebc;position:absolute;top:128px;left:0px;width:14px;height:14px;border:2px solid #fff;border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;-webkit-border-radius:16px;}
.banner .contentInfo .title {position:absolute;left:12%;top:8px;line-height:50px;font-size:45px;color:#fff;}
.banner .contentInfo .info {position:absolute;left:12%;top:80px;line-height:32px;font-size:22px;color:#fff;}
.banner .contentInfo .btn {text-shadow:0px 0px 3px #b67ebc;position:absolute;top:146px;left:32px;color:#fff;border:1px solid #fff;text-align:center;line-height:32px;width:110px;height:30px;border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px;}
.banner .bannerNav {position:absolute;bottom:10px;width:100%;text-align:center;z-index:1;}
.banner .bannerNav .bannerNavChild {margin:0 5px;width:15px;height:15px;display:inline-block;*display:inline;*zoom:1;background:#fff;border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;-webkit-border-radius:8px;cursor:pointer;z-index:1;}
.banner .bannerNav .bannerNavChild.on {background:#F2010D;animation:bannerNavChildOn .2s  ease-in-out 0s  both;-moz-animation:bannerNavChildOn .2s  ease-in-out 0s  both;-webkit-animation:bannerNavChildOn .2s  ease-in-out 0s  both;-o-animation:bannerNavChildOn .2s  ease-in-out 0s  both;}
.banner .bannerBg {width:100%;height:auto;vertical-align:middle;}


.news_box{ clear:both; width:100%; padding:30px 0; margin:0 auto; background:#f4f4f4;}
.news_box a.more{ display:block; margin:20px auto 0 auto; font-size:15px; width:170px; height:50px; background:#1a3592; line-height:50px; text-align:center; color:#fff;}
.news_box a:hover.more{ background:#F2010D;}


@media (max-width: 639px) {

.news_box{  padding:0 0 10px 0;}
.news_box a.more{ display:block; margin:10px auto 0 auto; font-size:13px; width:120px; height:30px; background:#1a3592; line-height:30px; text-align:center; color:#fff;}
.news_box a:hover.more{ background:#F2010D;}


}


.tab2{width:100%; max-width:250px; padding-bottom:5px;}
.tab2 li{  display: inline-block; background:#fff; border-radius:5px; border:1px solid #ddd; margin:10px 0;}
.tab2 input ,.tab2 textarea{ width:90%;line-height:30px;padding: 5px 5%; margin-left:10px;border: 1px solid #fff; 
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.tab2 input:hover ,.tab2 textarea:hover{ border-color:#fff;}

.tab2 .sumbitaa{margin-top:10px; width:100px; font-size:16px; height:35px; border:none; background: #1A3592; display:inline-block; line-height:35px;  border-radius:0; text-align:center; color:#fff; padding:0;}


.service_box{ clear:both; width:100%; height:792px; margin:0 auto; background: url(../images/home_service_bg.jpg) center bottom;}

.zhuying{ padding:30px 0; text-align:center; color:#fff; font-size:15px; line-height:27px; max-width:1000px; margin:0 auto;}



@media (max-width: 1023px) {
.zhuying{padding:15px 0; color:#363636; font-size:14px;}
}

@media (max-width:639px) {
.zhuying{padding:10px 0; color:#363636; font-size:13px;}
}

/*分享*/
.social-icons { float:left;}
.social-icons.about {float: left;margin: 0 0 0 -5px;}
.social-icons li {display: inline;list-style: none;text-indent: -9999px;margin-left: 5px;float: left;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}		
.social-icons li a {background-repeat: no-repeat;background-position: 0 0;display: block;height: 28px;width: 28px;}

#social a img{border: none;}
.dribbble {background: url(../dribbble.png) no-repeat #fff;}
.facebook {background: url(../facebook.png) no-repeat #fff;}
.linkedin {background: url(../linkedin.png) no-repeat #fff;}
.pintrest {background: url(../pintrest.png) no-repeat #fff;}
.twitter {background: url(../twitter.png) no-repeat #fff;}



/* 效果CSS开始 */
#box_r{ width:70px; height:auto; position:fixed; right:0; top:200px; z-index:9999;}
#float li p[data-v-3498646e]{ color:#fff; margin-top:5px;}

#float li[data-v-3498646e] {
	height:70px;
	width:70px;
	background:#fff;
	text-align:center;
	position:relative;
	margin-top:1px
}

#float li:hover[data-v-3498646e] {
	background:#000;
}


#float li .iconfont[data-v-3498646e] {
	color:#fff;
	font-size:40px;
	display:block
}
#float li>a[data-v-3498646e] {
	font-size:13px;
	text-decoration:none;
	color:#fff
}


#float .wechat[data-v-3498646e] {
	background:#F2010D
}
#float .wechat a[data-v-3498646e] {
	display:inline-block;
	margin:10px auto 5px
}
#float .wechat img[data-v-3498646e] {
	width:23px;
	height:26px
}
  

#float .zixun[data-v-3498646e] {
	background:#F2010D;

}
#float .zixun a[data-v-3498646e] {
	display:inline-block;
	margin:10px auto 5px
}
#float .zixun img[data-v-3498646e] {
	width:23px;
	height:26px;
	 text-align:center;
	  margin:0 auto;
}


.popup[data-v-3498646e] {
	display:none;
	position:absolute;
	left:-144px;
	top:0;
	width:144px
}

.wechat:hover .popup[data-v-3498646e] {
	display:inline-block
}
.wechat:hover .popup img[data-v-3498646e] {
	width:100%!important;
	height:100%!important
}


.zixun:hover .popup[data-v-3498646e] {
	display:inline-block
}
.zixun:hover .popup img[data-v-3498646e] {
	width:100%!important;
	height:100%!important
}


.shouqian_box{ float:left; width:31.33%; margin: 2% 1%; border:1px solid #ccc;padding:1%;box-sizing:border-box ;}
.shouqian_box_left{ display:inline-block; background: #fff;  width: 100%; padding: 3%;box-sizing:border-box ;}
.shouqian_box_left h2{ font-size:24px;line-height: 30px;margin-bottom: 20px; }
.shouqian_box_left ul{ width: 100%;}
.shouqian_box_left ul li{ border-bottom:1px solid #eee; width: 100%; height: 35px; margin: 10px 0; position: relative;box-sizing:border-box ; padding-left:35px;line-height: 25px;font-size: 14px; }
.shouqian_box_left ul li:nth-child(1):before{ position: absolute; content:''; width: 25px; height: 25px;background: url(../images/ren.png)  no-repeat left top; left:0}
.shouqian_box_left ul li:nth-child(2):before{ position: absolute; content:''; width: 25px; height: 25px;background: url(../images/dianhua.png)  no-repeat left top; left:0}
.shouqian_box img{ max-width:100%;}
.shouqian_boxa{width:33.33%; margin:1% 0; border:0; float:left; padding:1%;box-sizing:border-box ;}
.shouqian_boxa img{ max-width:100%;}


.shouqian_box_lefta{ display:inline-block; background: #fff;  width: 100%; padding: 3%;box-sizing:border-box ;}
.shouqian_box_lefta h2{ font-size:24px;line-height: 30px;margin-bottom: 20px; }
.shouqian_box_lefta ul{ width: 100%;}
.shouqian_box_lefta ul li{ border-bottom:1px solid #eee; width: 100%; height: 35px; margin: 10px 0; position: relative;box-sizing:border-box ; padding-left:35px;line-height: 25px;font-size: 14px; }
.shouqian_box_lefta ul li:nth-child(1):before{ position: absolute; content:''; width: 25px; height: 25px;background: url(../images/youxiangdd.png)  no-repeat left top; left:0}
.shouqian_box_lefta ul li:nth-child(2):before{ position: absolute; content:''; width: 25px; height: 25px;background: url(../images/home_ico2_w.png)  no-repeat left top; left:0}
.shouqian_box img{ max-width:100%;}


.home_top {font-size:26px;color:#333;font-weight:700;line-height:45px;text-align:center; padding:15px 0;}
.home_title {font-size:16px;color:#666;font-weight:normal;line-height:30px;padding-top:10px;}

@media (max-width:1400px) {
.home_top {font-size:24px;line-height:26px; padding:10px 0;}
.home_title {font-size:18px;line-height:25px;padding-top:5px;}
}


@media (max-width:1200px) {
.home_top {font-size:22px;line-height:26px; padding:10px 0;}
.home_title {font-size:16px;line-height:25px;padding-top:5px;}
}



@media (max-width:1024px) {
.home_top {font-size:18px;line-height:26px; padding:10px 0;}
.home_title {font-size:15px;line-height:25px;padding-top:5px;}
}


@media (max-width:768px) {.wel-case {padding:0px 0 0px 0;}
.home_top {font-size:15px;line-height:26px; padding:10px 0;}
.home_title {font-size:14px;line-height:25px;padding-top:5px;}
}



@media (max-width:768px) {

.shouqian_boxa{ display:none;}

.shouqian_box{ float:none; width:100%; margin: 2% 0; border:1px solid #ccc;padding:2%;box-sizing:border-box ;}
.shouqian_box_left{ display:inline-block; background: #fff;  width: 100%; padding: 3%;box-sizing:border-box ;}
.shouqian_box_left h2{ font-size:16px;line-height: 26px;margin-bottom: 10px; }
.shouqian_box_left ul{ width: 100%;}
.shouqian_box_left ul li{ border-bottom:1px solid #eee; width: 100%; height: 35px; margin: 10px 0; position: relative;box-sizing:border-box ; padding-left:35px;line-height: 25px;font-size: 14px; }
.shouqian_box_left ul li:nth-child(1):before{ position: absolute; content:''; width: 25px; height: 25px;background: url(../images/ren.png)  no-repeat left top; left:0}
.shouqian_box_left ul li:nth-child(2):before{ position: absolute; content:''; width: 25px; height: 25px;background: url(../images/dianhua.png)  no-repeat left top; left:0}
.shouqian_box img{ max-width:100%;}


.shouqian_box_lefta{ display:inline-block; background: #fff;  width: 100%; padding: 3%;box-sizing:border-box ;}
.shouqian_box_lefta h2{ font-size:16px;line-height: 26px;margin-bottom: 10px; }
.shouqian_box_lefta ul{ width: 100%;}
.shouqian_box_lefta ul li{ border-bottom:1px solid #eee; width: 100%; height: auto; margin: 5px 0; position: relative;box-sizing:border-box ;line-height: 22px; padding: 5px 0;font-size: 13px; padding-left:35px; }
.shouqian_box_lefta ul li:nth-child(1):before{ position: absolute; content:''; width: 25px; height: 25px;background: url(../images/youxiangdd.png)  no-repeat left top; left:0}
.shouqian_box_lefta ul li:nth-child(2):before{ position: absolute; content:''; width: 25px; height: 25px;background: url(../images/home_ico2_w.png)  no-repeat left top; left:0}
.shouqian_box img{ max-width:100%;}

}



.footer_box {background:#fff;width:100%;clear:both;height:300px; padding-top:15px;position:relative; border-top:1px solid #666;}
.footer_box_pic {float:right;margin-right:40px;margin-top:40px;}
.footer_box_pic img {width:140px;height:140px;}
.footer_box_pic h2 {line-height:50px;font-size:14px;color:#363636;text-align:center;}
.footer_left {float:left;}
.footer_right {position:absolute;bottom:-4px;right:0px;}
.footer_link {padding-top:40px;}
.footer_link ul li {position:relative;float:left;left:0;margin:0 20px;font-size:14px;color:#363636;overflow:hidden;margin-top:9px;cursor:pointer;}
.footer_link ul li div {padding-bottom:7px;}
.footer_link ul li a,.footer_link ul li a:hover {color:#363636;}
.footer_link ul li i {width:100%;height:1px;display:block;-webkit-transform:translateX(-110%);-moz-transform:translateX(-110%);-o-transform:translateX(-110%);transform:translateX(-110%);background:#0090D2;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;}
.footer_link ul li:hover i,.footer_link ul li.cur i {-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.foot_logo {float:left;max-width:200px;padding:20px 0;background:#fff;margin-top:50px;}
.foot_logo img {max-width:100%;max-height:100%;}
.footer_link ul li div a:hover {color:#ddd;}
.foot_line {clear:both;width:920px;padding-top:30px;position:relative;}
.contact_box {width:100%;background: #f4f4f4; padding: 20px 0 50px 0;}
.contact_box_1 {float:right;}
.contact_box_1 p {color:#363636;line-height:30px;padding-left:10px;font-size:15px;}
.contact_box_1 p span {font-size:25px;color:#363636;}
.contact_box_2 {margin-top:35px;float:left;}
.contact_box_2 p {color:#363636;line-height:30px;font-size:14px;}
.footer_bottom {height:60px;border-top:1px solid #1A2C36;clear:both;width:100%;}
.footer_bottom p {line-height:60px;color:#363636;font-size:14px;text-align:left;}
.footer_bottom p a {color:#363636;}
.page-footer {overflow-x:hidden;padding:10px 0 0px 0;color:#363636;box-sizing:border-box}
.page-footer dl {float:left;min-width:22%;box-sizing:border-box}
.page-footer dl:first-child {min-width:28%;}
.page-footer dl:last-child {position:relative;z-index:3}
.page-footer dl:last-child,.page-footer dl:last-child a {color:#363636}
.page-footer dl dt {font-size:17px;font-size:17px\9;padding:12px 0;font-weight:700;color:#363636;}
.page-footer dl dd {padding:5px 0;font-size:14px;color:#696969; display:block; width:100%;}
.page-footer dl p { line-height:30px;}
.page-footer dl .dahao p {font-size:15px;line-height:30px;}
.page-footer dl .dahao p strong {font-size:24px; font-weight:normal; color:#ff0000;}

.page-footer dl dd a {color:#696969;}
.page-footer dl dd.lianxiren {background:url(../images/foot_m_youce2.png) no-repeat left top;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dl dd.shouji {background:url(../images/dh.png) no-repeat left 5px;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dl dd.zuoji {padding-left:35px;margin:5px -30px;display:inline-block;}
.page-footer dl dd.email {background:url(../images/foot_m_youce1.png) no-repeat left 5px;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dl dd.dizhi {background:url(../images/dizhi.png) no-repeat left 5px;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dt.online {margin-top:30px}
.clear {clear:both;overflow:hidden}
.page-footer i {display:inline-block;height:30px;width:30px;vertical-align:middle;margin-right:13px;margin-right:13px\9}
.page-footer i.saler {background:url(../img/footer_icon.png) no-repeat;background-position:-4px -6px}
.page-footer i.c_server {background:url(../img/footer_icon.png) no-repeat;background-position:-60px -1px}
.page-footer a {color:#949ca1;display:inline-block}
.page-footer a:hover {color:#F2010D;text-decoration:none}
.page-footer .Copyright {position:absolute;width:98%;bottom:0;font-size:12px;font-size:12px\9;padding:6px 0 6px 2%;box-sizing:border-box;border-top:1px solid #585858}
.page-footer .Copyright a {margin-left:20px}
.page-footer .Copyright .y_f {float:right}
.page-footer .Copyright .y_f a {margin:0 6px}
.page-footer .part_msk {height:110%;width:20%;position:absolute;right:0;top:-50px;background:rgba(181,192,200,.2);z-index:1}
.page-footer .indicators {margin-bottom:14px}
.page-footer .indicators li {display:inline-block;vertical-align:middle;cursor:pointer}
.page-footer .indicators-1,.page-footer .indicators-2,.page-footer .indicators-3 {display:inline-block;background:url(../img/f.jpg) no-repeat;width:49px;height:35px}
.page-footer .indicators .indicators-2 {background-position:4px -34px}
.page-footer .indicators .indicators-3 {background-position:0 -74px}
.page-footer .tabs .img-box {width:100px;height:116px;position:relative;background:#333242;color:#fff;text-align:center;font-size:12px}
.page-footer .img-box p {width:100px;height:88px;}
.page-footer .img-box p:before {content:'';display:inline-block;border-bottom:16px solid #333242;border-left:12px solid transparent;border-right:12px solid transparent;position:absolute;top:-12px;left:50%;margin-left:-14px}
.page-footer .tab0 .img-box {margin-left:-30px}
.page-footer .tab1 .img-box {margin-left:20px}
.page-footer .tab2 .img-box {margin-left:0px}
.page-footer .tab0 p {background:url(../img/erweima.png) no-repeat center bottom;margin-bottom:5px}
.page-footer .tab2 p {background:url(../img/erweima.png) no-repeat center bottom;margin-bottom:5px}
@media (max-width:1400px) {.page-footer dl dt {font-size:16px;font-size:16px\9;}
.page-footer dl dd {font-size:13px;}
.page-footer .p_contain {width:20%}
.page-footer {padding:40px 0 0px 0;}
}
@media (max-width:1200px) {.page-footer {padding:30px 0 0px 0;}
.page-footer dl dt {font-size:15px;font-size:15px\9;}
.page-footer dl dd {font-size:13px;}
.page-footer .p_contain {width:16%}
}

.wendachild{ display:none;}

@media (max-width:800px) {
.footer_box { display:none;}
.wendachild{ display: block;}

#box_r{ display:none;}

.wendachild{ clear:both;padding:0 0;width:100%; margin:0 auto; float:none; border-bottom:1px solid #333;}
.wendachild:after{content: ""; display: block; height: 0; clear: both;visibility:hidden;}

.wendachild .childIcon:hover{background:#212226; color:#fff;}
.wendachild .childIcon .sub{position:absolute;height:2px;top:16px;right:9px;width:12px;height:2px;background:#fff; display: block;}
.wendachild .childIcon .sub.sub2{ transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);background:#fff;}
.wendachild .childIcon .sub2{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }


.wendachild .childIcon{cursor:pointer;position:relative;width:100%;height:40px;background:#212226; color:#fff; }
.wendachild .childIcon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.wendachild .childIcon.on .sub2{transform:rotate(90deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);background:#455560;}
.wendachild .title{line-height:40px;color:#fff;font-size:13px; text-align:left; margin-left:10px;}
.wendachild .childContent{display:none;padding:0px 10px 10px 10px;background:#212226;}
.wendachild .childContent p{color:#999;line-height:27px;font-size:12px; min-height:auto; margin:0;}
.wendachild .childContent p a{ color:#999;}
.wendachild .childContent p a:hover{ color:#fff;}



.contact_box {width:100%;background: #f4f4f4; padding: 20px 0 50px 0;}

}
@media (max-width:800px) {
	.contact_box {width:100%;background: #f4f4f4; padding: 0px 0 0px 0;}
	
	}
	

.link_list_li{overflow:hidden;height:70px;padding:0; text-align:center;  width:180px;  margin:0 auto;}
.link_list_li_span{height:70px; display:inline-block; vertical-align:middle; }
.link_list_li img{ max-width:100%; max-height:100%;}


.animate05{-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
#partnersI { padding-top:10px;}
#partnersI .links li{width: 180px;height: 70px;position: relative; text-align:center; background:#fff;margin:10px 10px; border:1px solid #eee; padding:10px; float:left;}
#partnersI .links li .fontW{width: 100%;height: 100%; color: #fff;background: #F2010D;position: absolute;top: 0;left: 0;opacity: 0;display:none\9;}
#partnersI .links li .fontW span{display: block;width: 100%;height: auto;position: absolute;top: 35px;width: 180px;font-size: 15px;left: 50%;margin-left: -80px;line-height: 24px;text-align: center;-webkit-transform: translateY(20px);-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
#partnersI .links li:hover .fontW{opacity: 1;display:block\9;}
#partnersI .links li:hover .fontW span{-webkit-transform: translateY(0px);}
@media (max-width: 639px) {

#partnersI {padding-left:0px;}
#partnersI .links li{width:30.33%;height:auto !important; margin:1% 1%; padding:0;}
#partnersI .links li img{ max-width:100%; height:auto !important;}
#partnersI .links li .fontW{width: 100%;height: 100%;}
#partnersI .links li .fontW span{top:30px;width: 100%;font-size: 12px;left:50%;margin-left: -50%;}


.link_list_li{overflow:hidden;height:50px;padding:0; text-align:center;  width:auto;  margin:0 auto;}
.link_list_li_span{height:50px; display:inline-block; vertical-align:middle; }
.link_list_li img{ max-width:100%; max-height:100%;}


}
@media (min-width: 640px) and (max-width:1023px ) {

#partnersI {padding-left:0px; clear:both; width:100%;}
#partnersI .links li{width:17%;height:auto !important; margin:2% 1%;}
#partnersI .links li img{ width:100%; height:auto !important;}
#partnersI .links li .fontW{width: 100%;height: 100%;}
#partnersI .links li .fontW span{top:40px;width: 100%;font-size: 12px;left:50%;margin-left: -50%;}


}

.dibu_box{ clear:both; width:100%; background:#fff;}
.dibu_box p{font-size:14px;  color:#696969; float: left;}
.dibu_box .lianjie{float: right; margin-right:5px; margin-top:15px; line-height:45px; font-size:14px; color:#696969;}
.dibu_box .lianjie .tubiao_left{float:left; margin-right:15px;}


@media (max-width:800px) {
.dibu_box{ clear:both; width:100%; height: auto!important ; padding-top:10px;}
.dibu_box p{float: none; text-align:center; line-height:30px; font-size:13px;}
.dibu_box p a{ font-size:13px;}
.dibu_box .lianjie{float: none; margin-right:0; margin: 0 auto; text-align:center;}  
.dibu_box .lianjie .tubiao_left{float:none; margin:0 auto; display:inline-block;}
.dibu_box .lianjie .tubiao_left img{ max-width:70%;}
}

@media (max-width:639px) {
.dibu_box{ clear:both; width:100%; height: auto!important ; padding-top:5px; padding-bottom:5px;}
.dibu_box p{float: none; text-align:center; line-height:20px; font-size:12px;}
.dibu_box p a{ font-size:12px;}
}


.dibu_link{clear:both; width:100%; text-align:left;   max-width:1400px; margin:0px auto; padding:10px 0;}
.dibu_link span{ display:inline-block; font-size:15px; font-weight:700;}
.dibu_link a{ padding:0px 15px; display:inline-block; color:#333; font-size:14px;}


.liebiao_box{ clear:both; width:100%; text-align:center;   max-width:1400px; margin: 0 auto; margin-top:-50px;}
.liebiao_box p{ width:250px; height:45px;  line-height:45px; text-align:center; margin:0 auto;}
.liebiao_box p a{ color:#fff; font-size:14px; display:block;background:#000;}
.liebiao_box p a:hover{ color:#fff; font-size:14px; display:block;background:#C23B4C;}

@media (max-width:1024px) {

.liebiao_box{  max-width:100%; margin-top:-80px;}

}


@media (max-width:787px) {

.liebiao_box{  max-width:100%; margin-top:-50px;}

}


@media (max-width:639px) {

.liebiao_box{  max-width:100%; margin-top:-50px;}

.dibu_link span{ font-size:13px;}
.dibu_link a{ font-size:12px;}

}





.liebiao_boxa{ clear:both; width:100%; text-align:left;  margin: 0 auto; margin-top:0px;}
.liebiao_boxa p{  line-height:30px;font-size: 15px; width: 100%; }


@media (max-width:1024px) {

.liebiao_boxa{  max-width:100%; margin-top:0px;}
.liebiao_boxa p{  line-height:28px;font-size: 14px;  }
}


@media (max-width:787px) {

.liebiao_boxa{  max-width:100%; margin-top:0px;}
.liebiao_boxa p{  line-height:25px;font-size: 13px;  }
}




.link_box {clear:both;width:100%;height:50px;border-bottom:1px solid #1A2C36;margin-top:20px;margin-bottom:20px;}
.link_box ul li {display:inline-block;min-width:80px;margin:0 25px;text-align:left;color:#fff;font-size:15px;}
.link_box ul li a {color:#fff;}
.link_box ul li:first-child {margin:0 25px 0 0;}


.jieshao_box{ clear:both; width:100%; background:#f7f7f7;}
.jieshao_box h1{ font-size:18px; font-weight:700; line-height:60px; text-align:center; width:200px; height:60px; background:#009FE7; color:#fff; margin-bottom:30px;}
.jieshao_box p{ font-size:16px; line-height:35px;}

.jieshao_box p img{ max-width:100%; max-height:100%;}

.h130{ clear:both; width:100%; height:130px;}

.case_show_box{ float:left; width:60%; max-width:900px; margin:0 auto;}





.product_right{float:right;width:35%; margin-right:5%; max-width:500px;padding:30px 0px 0 0px;margin-top:0; }
.product_right p{ font-size:16px; line-height:30px; width:100%;}
.product_right hr{height:1px;border:none;border-top:1px solid #ccc; margin:8px 0;}


.jieshao_biaoti{ clear:both; width:100%; text-align:left; padding-top:5%;}
.jieshao_biaoti h2{ font-size:24px; color:#bb0707; line-height:40px;}
.jieshao_biaoti h2 span{ color:#ccc; text-transform:uppercase; padding-left:15px;}
.jieshao_biaoti p{ font-size:16px; line-height:30px;}

.jieshao_biaoti .liebiao_box p{ width:100%; display:block; border-bottom:1px solid #eee; margin:5px 0; padding:10px ;}
.jieshao_biaoti .liebiao_box p strong{ display:inline-block;}

.jieshao_biaoti .line{ width:50px; height:1px; background:#bb0707; margin:10px 0; display:block;}

.jieshao_biaoti img{ max-width:100%; margin-top:15px;}

.jieshao_box_p{max-width: 700px; }
.jieshao_box_p table tr,.jieshao_box_p table tr td{ border:1px solid #ccc; padding:5px 8px;font-size: 15px;line-height: 25px; }
.jieshao_box_p table{ border:none;}

.jieshao_box_p p{ font-size: 15px;line-height: 30px; }

.product_right .pro_biaoti{  padding-bottom:20px; font-size:24px;color:#fff; font-weight:700; line-height:35px;}

.product_right .pro_jieshao{ width:100%; padding:0; float:left; font-size:16px; min-height:100px;}
.product_right .pro_jieshao h4{ font-size:18px; color:#fff; line-height:60px; font-weight:700; height:60px;}
.product_right .pro_jieshao dd{ width:100%; min-height:50px; line-height:50px;color:#fff;}



.product_right .pro_jieshao p{ padding-left:0;}
.product_right .pro_jieshao h4 span{  margin-right:20px; height:40px; max-width:250px; text-align:left;display:block; color:#C42329;}

.product_right .pro_jieshao ul{ width:100%; clear:both;}
.product_right .pro_jieshao ul li{ width:98%;  line-height:30px; float:left; text-align:left; padding-left:2%;   font-size:15px;} 

.product_right .pro_jieshao ul li p{padding:10px 3%; width:94%; border-bottom:1px solid #eee; position:relative;}


.product_right .pro_jieshao ul li p:before{ position: absolute; content:"-"; left:0px; top:10px; color:#EC872B;}


.product_right .pro_line{ width:40px; height:2px; background:#d21e3f; display:block; text-align:left;}
.product_right h2{color:#fff; font-size:28px; line-height:55px; }
.product_right h2 span{ color:#d21e3f;}
.product_right h3{color:#ccc; font-size:20px; line-height:45px; font-weight:normal; }
.product_right .pro_tel{ color:#fff; font-size:16px; position:relative;padding-left:40px; margin-top:10px;}
.product_right .pro_tel:before{ position:absolute; content:""; background:url(../images/p_tel.png) no-repeat center top; left:0; top:0; width:25px; height:24px; }
.product_right .pro_kefu{ clear:both; background: url(../images/p_kefu.jpg) no-repeat center top; width:190px; height:49px; padding-left:14px; font-size:16px; color:#fff; line-height:49px; margin-top:30px;}

.product_right .pro_kefu:hover{background: url(../images/p_kefu_h.jpg) no-repeat center top;transition: all 0.2s ease-in-out;}

.product_right .pro_jianjie{ color:#363636; font-size:15px; position:relative;padding-left:0px; text-align:left; line-height:30px; margin-top:70px;}

.fanye{ margin-top:10px;}
.fanye img{ max-width:100%; margin-right:10px;}


.product_right .pro_kefu a{ font-size:16px; color:#fff;}

.proshow_list_li{overflow:hidden;padding:0; text-align:center;  width:800px; height:600px; margin:0 auto;}
.proshow_list_li_span{height:600px; display:inline-block; vertical-align:middle; }
.proshow_list_li img{ max-width:100%; max-height:100%;}



@media (max-width: 1300px) {


.proshow_list_li{overflow:hidden;padding:0; text-align:center;  width:700px; height:525px; margin:0 auto;}
.proshow_list_li_span{height:525px; display:inline-block; vertical-align:middle; }
.proshow_list_li img{ max-width:100%; max-height:100%;}


.product_right{}
.product_right .pro_biaoti{  padding-bottom:0px; font-size:18px; line-height:35px;}
.product_right .pro_jieshao{ width:100%; padding:10px 0; float:left; font-size:14px; min-height:60px;border-bottom:1px solid #eee;}
.product_right .pro_jieshao h4{ font-size:16px;  line-height:30px; height:30px; }
.product_right .pro_jieshao p{}
.product_right .pro_jieshao h4 span{  height:30px; }

.product_right .pro_jieshao span.yingwenban{ line-height:22px;}

}


@media (max-width: 1060px) {
.product_right{width:220px;  }

}
@media (max-width: 1024px) {
.product_right{float:none; width:96%; max-width:100%;padding-left:2%; clear:both; margin-top:-200px;}

}

@media (max-width: 800px) {


.h130{ height:10px}

.case_show_box{ float:none; width:100%; max-width:100%; margin:0 auto;}
.product_right{ border:none;margin-top:0px; padding:0; width:100%;margin-top:0; }



.proshow_list_li{height:100%; width:100%;}
.proshow_list_li img{ max-width:100%;}
.proshow_list_li_span{height:100%;}
.product_right .pro_biaoti{ line-height:30px; font-size:16px;padding:0px 0 0 0;}
.product_right p{ font-size:14px; line-height:24px;}


.product_right .pro_jieshao dd{  min-height:35px; line-height:30px; }
.product_right .pro_jieshao{padding:5px 0; min-height:inherit;}
.product_right .pro_jieshao h4{ font-size:14px;  line-height:30px; height:30px; }

.product_right .pro_jieshao ul li{ line-height:30px;font-size:14px; width:97%; padding-left:2%;  } 

.jieshao_box h1{ font-size:14px; line-height:40px; text-align:center; width:120px; height:40px; margin-bottom:10px;}
.jieshao_box p{ line-height:24px; font-size:14px;}

.product_right .pro_jieshao ul li:nth-child(8) {width:97%; border-top:none; height:80px; line-height:24px; margin-top:5px;}

.product_right .pro_jieshao ul li:nth-child(1),.product_right .pro_jieshao ul li:nth-child(3),.product_right .pro_jieshao ul li:nth-child(5){ background:#f7f7f7;}

.product_right .pro_jieshao ul li:nth-child(2),.product_right .pro_jieshao ul li:nth-child(4),.product_right .pro_jieshao ul li:nth-child(6){ background:#fff;}


.product_right h2{color:#363636; font-size:24px; line-height:45px; }
.product_right h3{color:#999; font-size:18px; line-height:35px; font-weight:normal; }

.product_right .pro_tel:before{ position:absolute; content:""; background:url(../images/p_tela.png) no-repeat center top; left:0; top:0; width:20px; height:19px;background-size: cover; }
.product_right .pro_tel{ color:#363636; font-size:15px; position:relative;padding-left:28px; margin-top:10px;}
.product_right .pro_jianjie{ margin-top:10px;}

.products_box{clear:both; width:100%; background:url(../images/mojiang_prodcts_m.jpg) no-repeat center top; height: auto; margin:0 auto;background-size: cover;background: #f1f1f1; }

.product_right .pro_kefu{ clear:both; background: url(../images/p_kefu.jpg) no-repeat center top; width:150px; height:30px; padding-left:14px; font-size:12px; color:#fff; line-height:30px; margin-top:10px;background-size: cover; display: none;}
.product_right .pro_kefu a{ font-size:13px; color:#fff;}

}


@media (max-width: 639px) {



.product_right h2{font-size:22px; line-height:40px; }
.product_right h3{font-size:16px; line-height:30px; }

.jieshao_biaoti{  padding-top:2%;}
.jieshao_biaoti h2{ font-size:16px; color:#bb0707; line-height:30px;}
.jieshao_biaoti h2 span{ color:#ccc; text-transform:uppercase; padding-left:5px;}
.jieshao_biaoti p{ font-size:14px; line-height:23px;}



}


@media (max-width:480px) {


.product_right h2{font-size:18px; line-height:35px; }
.product_right h3{font-size:15px; line-height:25px; }

.jieshao_biaoti h2{ font-size:15px; color:#bb0707; line-height:30px;}

.jieshao_biaoti p{ font-size:13px; line-height:23px;}


}


@media (max-width:380px) {


.product_right h2{font-size:16px; line-height:30px; }
.product_right h3{font-size:14px; line-height:23px; }

}

@media (max-width:340px) {

}


@media screen and (max-width:870px) {
.menu{}
.am-paragraph-default p{ margin:0 0 10px 0;}
.web_w{width:100%;max-width:100%; margin:0; padding:0;}
.menu{height:50px; padding:0; background:none;width:100%;z-index:1000; position: absolute; padding:0px 0; background:#fff;}
.am-topbar-btn{ background:none; position:absolute; right:10px; top:15px; width:25px; height:20px;color:#333;  z-index:100; display:block!important;}
.am-topbar-btn span{display:block;width:100%;height:2px;position:absolute;background-color:#333;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
.menu.am-sticky .am-topbar-btn span ,.inner_header .menu .am-topbar-btn span{background-color:#333!important;}
.am-topbar-btn span:nth-of-type(1){top:0;left:0;opacity:0;}
.am-topbar-btn span:nth-of-type(4){bottom:0;left:0;opacity:0;}
.am-topbar-btn span:nth-of-type(2),.am-topbar-btn span:nth-of-type(3){top:50%;left:0;margin-top:-1px;}
.am-topbar-btn span:nth-of-type(2){-moz-transform:rotate(45deg);-ms-transform:rotate(45deg));-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#333;}
.am-topbar-btn span:nth-of-type(3){-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#333;}
.am-topbar-btn.am-collapsed span:nth-of-type(2){-moz-transform:rotate(0);-ms-transform:rotate(0));-webkit-transform:rotate(0);transform:rotate(0);background-color:#333;}
.am-topbar-btn.am-collapsed span:nth-of-type(3){-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);background-color:#333;}
.am-topbar-btn.am-collapsed span:nth-of-type(1),.am-topbar-btn.am-collapsed span:nth-of-type(4){opacity:1;}
.am-topbar-collapse { float:none; clear:both; padding:0; position:relative; top:0px; margin:0px;}
.am-topbar-collapse.am-collapse{display:none!important;}
.am-topbar-collapse.am-collapse.am-in{display:block!important; height:100vh!important;background:#fff;transition: all .4s ease 0s;-webkit-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;}
.nav ,.menu.am-sticky .nav{ height:auto; float:none; clear:both; margin:0!important;padding-top:50px!important;}
.nav li ,.menu.am-sticky .nav li { float:none;margin:0; border-bottom:#ddd solid 1px; padding:0; line-height:normal;transform: translateY(30px);-webkit-transform: translateY(30px);-moz-transform: translateY(30px);opacity:0; font-size:14px;}
.nav li:first-of-type{ display:block;}
.nav li a ,.menu.am-sticky .nav li a{height:40px;line-height:40px; position:relative; padding:0 14px;color:#363636;}
.nav li a:before{ display:block; line-height:50px; content:''; float:right;}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(1){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .1s;
	-webkit-transition: all .6s ease .1s;
	-moz-transition: all .6s ease .1s;
}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(2){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .2s;
	-webkit-transition: all .6s ease .2s;
	-moz-transition: all .6s ease .2s;
}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(3){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .3s;
	-webkit-transition: all .6s ease .3s;
	-moz-transition: all .6s ease .3s;
}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(4){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .4s;
	-webkit-transition: all .4s ease .4s;
	-moz-transition: all .6s ease .4s;
}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(5){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .5s;
	-webkit-transition: all .6s ease .5s;
	-moz-transition: all .6s ease .5s;
}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(6){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .6s;
	-webkit-transition: all .6s ease .6s;
	-moz-transition: all .6s ease .6s;
}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(7){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .7s;
	-webkit-transition: all .6s ease .7s;
	-moz-transition: all .6s ease .7s;
}


.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(8){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .7s;
	-webkit-transition: all .6s ease .7s;
	-moz-transition: all .6s ease .7s;
}


}



.home_kefu{ width:100%; clear:both;}
.home_kefu ul{ margin-top:50px;}
.home_kefu ul li{ display:inline-block; width:31.33%; margin:10px 1%; float:left; text-align:center;}
.home_kefu ul li img{ margin:0 auto; max-width:100%; max-height:100%;}
.home_kefu ul li  h2{ line-height:28px; color:#fff; font-size:14px;}
.home_kefu ul li  h3{ line-height:28px; color:#fff; font-size:16px;}
.home_kefu ul li  h3,.home_kefu ul li  h3 p,.home_kefu ul li  h3 p a{color:#fff;}

@media (max-width:639px){

.home_kefu ul{ margin-top:10px;}
.home_kefu ul li{ display:inline-block; width:44%; margin:0 3%; float:left; text-align:center;}
.home_kefu ul li:nth-child(3){ display:block; width:100%; margin:0 0; float:none; margin:0 auto; }
.home_kefu ul li img{ margin:0 auto; max-width:30%; max-height:30%;}
.home_kefu ul li:nth-child(3) img{  margin:0 auto; max-width:15%; max-height:15%; }


.home_kefu ul li  h2{ line-height:20px; color:#fff; font-size:13px;}
.home_kefu ul li  h3{ line-height:22px; color:#fff; font-size:12px;}

}


.n_banner_pic{ clear:both; width:100%;}
.n_banner_pic img{ max-width:100%;} 

.sectionUrl {
 clear:both;
 display:block;
  width: 150px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  -webkit-transform: translate(0, 50%);
      -ms-transform: translate(0, 50%);
          transform: translate(0, 50%);
  color: #FFF;
   font-size:14px;
  background-color: #231716;
}

.sectionUrl:before {
  content: '';
  display: block;
  background-color: #ccc;
  position: absolute;
  width: 90px;
  height: 1px;
  top: 50%;
  left: 80%;
}

.sectionUrl:hover { color:#fff; background:#ff0000;}

.sectionUrl img{ max-width:30px; display:inline-table; position:absolute; left:10px; top:-8px; }

@media (max-width: 639px) {

.sectionUrl img{ max-width:20px; display:inline-table; position:absolute; left:5px; top:-5px; }

}


 .sectionUrl:before {
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.sectionUrl:after {
  content: '';
  width: 0%;
  height: 100%;
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  background-color: #FFF;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.sectionUrl:hover:before {
  width: 0;
}

.scrollBtn:before {
  -webkit-animation: moveDown 1s ease-out infinite both;
          animation: moveDown 1s ease-out infinite both;
}




@media screen and (max-width:639px) {
.sectionUrl { margin-top:-10px; margin-bottom:15px; width:120px; height:28px; line-height:28px;}
}





/*菜单*/
.service_a .selectBtn a .cn:before{content:""}
.service_a{padding-bottom:5px; background:#fff; padding-top:5px;}
.service_a .selectBtn{text-align:center;}
.service_a .selectBtn a{margin:0 1px;display:inline-block;padding:10px;width:150px;height:50px;border:1px solid #fff; background:#fff;text-align:left;transition:all .5s;white-space:nowrap;color:#363636}
.service_a .selectBtn a.active,.service_a .selectBtn a:hover{background:#EC0016;border-color:#EC0016;box-shadow:0 0 15px rgba(0,0,0,.2);color:#fff}
.service_a .selectBtn a.active .cn:before,.service_a .selectBtn a:hover .cn:before{width:100%;background-color:#333;}
.service_a .selectBtn a .boxbx{position:relative}
.service_a .selectBtn a:hover .cn,.service_a .selectBtn a:hover .en{color:#fff}
.service_a .selectBtn a:hover .cn:before{background-color:#fff}
.service_a .selectBtn a .cn{position:relative;padding-top:20px;font-size:17px;line-height:30px}
.service_a .selectBtn a .cn:before{position:absolute;top:10px;left:0;width:24px;transition:all .5s;height:2px;background-color:#363636}
.service_a .selectBtn a .en{font-size:12px; letter-spacing:normal;text-transform:Uppercase;}




/*菜单*/
.service_aa .selectBtn a .cn:before{content:""}
.service_aa{padding-bottom:5px; background:#fff; padding-top:5px; margin-top:10px; }
.service_aa .selectBtn{text-align:center;}
.service_aa .selectBtn a{margin:0 15px;display:inline-block;padding:10px;width:150px;height:35px; background:#999;text-align:center;transition:all .5s;white-space:nowrap;color:#fff}


.service_aa .selectBtn a.active,.service_aa .selectBtn a:hover{background:#EC872B;border-color:#6DBB56;box-shadow:0 0 15px rgba(0,0,0,.2);color:#fff}

.service_aa .selectBtn a .boxbx{position:relative}
.service_aa .selectBtn a .cn{position:relative;padding-top:1px;font-size:15px;line-height:30px}
.service_aa .selectBtn a .en{font-size:12px; letter-spacing:normal;text-transform:Uppercase;}


@media only screen and (max-width:1023px){
.service_a .selectBtn a{width:28%;height:50px;margin:0 1% 0 1%;padding:1%; display:inline-block;}
.service_a .selectBtn{margin-top:0px;padding-top:0px;text-align:left}
.service_a .selectBtn a .cn{font-size:14px}
.service_a .selectBtn a .en{ display:none;}

}


@media (min-width: 1024px) and (max-width:1199px ) {

.service_a .selectBtn a:nth-child(3){margin-right:0}
.service_a .selectBtn a .cn{font-size:14px}
}


.animate {
	transition: all 0.5s cubic-bezier(0.25, 0, 0, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.25, 0, 0, 1);
}

.h_p {
	width: 100%;
	height: auto;
}

.h_p ul li {
	width: 29.33%;
	margin:20px 2%;
	height: auto;
	overflow: hidden;
	float: left;
	position: relative;
	padding-bottom:0px;
	background:#fff;

}

.h_p ul li img {
	width: 100%
}

.h_p ul li .pic {
	width: 100%;
	height: auto;
	background:none;
	position: relative;
	background-position: center center;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat
}

.h_p ul li .pic img {
	opacity: 1
}

.h_p ul li .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
}

.h_p ul li .mask .thum {
	width: 100%;
	height: auto;

	overflow: hidden;
	position: absolute;
	left:0;
	top: 0;
	background-position: center center;
	background-color: #fff;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat
}

.h_p ul li .mask .cat {
	width: 100%;
	height: auto;
	position: absolute;
	text-align: center;
	top: 86%;
	font-weight: 700;
	font-size: 18px
}

.h_p ul li:nth-child(2) .mask .cat {
	background-position: 0 -55px
}

.h_p ul li:nth-child(3) .mask .cat {
	background-position: 0 -110px
}

.h_p ul li .mask .name {
	width: 100%;
	height: auto;
	line-height: 26px;
	text-align: center;
	color: #363636;
	text-align: center;
	position: absolute;
	left: 0;
	top: 90%;
	font-weight: normal;
	font-size: 16px
}

.h_p ul li .title {
	width: 100%;
	height: 30px;
    line-height: 30px;
	text-align: center;
	position: absolute;
	left: 0;
	text-align: center;
	font-size: 13px;
	top: 100%;
	opacity: 1;
	visibility: hidden;
	-webkit-transition-delay: .1s;



}
.h_p ul li .title span{ color:#fff; background:#1A3592; padding:10px 15px; text-align:center;}
.h_p ul li .btn {
	width: 151px;
	height: 36px;
	display: block;
	cursor: pointer;
	background: url(../images/btn_bg.png) no-repeat;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	position: absolute;
	left: 50%;
	margin-left: -75.5px;
	top: 40%;
	opacity: 1;
	visibility: hidden;
	-webkit-transition-delay: .2s
}

.h_p ul li:hover .mask {
	-webkit-transform: scale(1.1);
	opacity: 0;
	visibility: hidden
}

.h_p ul li:hover .title {
	opacity: 1;
	visibility: visible;
	top: 90%;

}

.h_p ul li:hover .btn {
	opacity: 1;
	visibility: visible;
	top: 85%
}

.lt {
	width: 100%;
	height: 4px;
	background: #ff0000;
	position: absolute;
	top: 10px;
}
.lb{
	width: 0;
	height: 4px;
	background: #ff0000;
	position: absolute;
	bottom: 10px
}



.ll {
	width: 4px;
	height: 0%;
	bottom: 10px;
	position: absolute;
	background: #c6ab43
}

.lr {
	width: 4px;
	height: 0%;
	top: 10px;
	position: absolute;
	background: #c6ab43
}

.lr {
	right: 10px
}

.ll {
	left: 10px
}

.h_p ul li:hover .lb,
.h_p ul li:hover .lt {
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px)
}

.h_p ul li:hover .lb {
	right: 10px
}

.h_p ul li:hover .lt {
	right: 10px
}

.h_p ul li .lt {
	left: 10px;
	display: none
}

.h_p ul li:hover .ll,
.h_p ul li:hover .lr {
	height: -webkit-calc(100% - 20px);
	height: -moz-calc(100% - 20px);
	height: calc(100% - 20px)
}


.h_title {
	width: 100%;
	height: auto;
	position: relative
}

.h_title.c {
	text-align: center;
	color: #232531
}

.h_s ul li .btn {
	width: 150px;
	height: 30px;
	display: block;
	border: 1px solid #e6dcbd;
	color: #e6dcbd;
	line-height: 30px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	text-align: center;
	margin: auto
}

.h_s ul li .btn:hover {
	color: #FFF;
	border-color: #b39534;
	background: #b39534
}

.h_title b {
	font-size: 30px;
	text-align: center;
	line-height: 45px;
	font-weight: 400
}

.h_title p {
	width: 100%;
	opacity: .3;
	line-height: 25px;
	text-align: center;
	font-size: 12px;
	position: relative
}

.h_title p:after,
.h_title p:before {
	width: 200px;
	height: 1px;
	background: #FFF;
	position: absolute;
	top: 12px;
	content: ''
}

.h_title.c p:after,
.h_title.c p:before {
	width: 150px;
	background: rgba(0, 0, 0, .5)
}

.h_title.c p {
	opacity: .5
}

.h_title p:after {
	left: 0
}

.h_title p:before {
	right: 0
}

.clearfix:after {
	height: 0
}

@media (max-width: 1400px) {
.h_p ul li .mask .cat {
	top: 84%;
	font-size: 16px
}


.h_p ul li .mask .name {
	font-size: 13px;
	top:90%;
}


}



@media (max-width: 1200px) {


.h_p ul li .mask .cat {
	top: 84%;
	font-size: 14px
}


.h_p ul li .mask .name {
	font-size: 12px;
	top:88%;
}




}

@media only screen and (max-width:768px){


.bh_nav{width:100%;position:relative;overflow:hidden}

.bh_nav .b_c{width:60vw;padding:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:9;position:relative}

.bh_nav ul{width:40vw;left:60vw}

.bh_nav>img{position:absolute;left:0;top:0}
.bh_slider{width:100%;margin-top:5px;height:-webkit-calc(100vw * 468 / 768);height:-moz-calc(100vw * 468 / 768);height:calc(100vw * 468 / 768)}



}



@media (max-width: 639px) {

.h_p ul li .mask .name{top:auto;bottom:0px; font-size:12px;}
.h_p ul li:hover .title{top:82%;font-size:12px;}
.h_p ul li:hover .btn{top:auto;bottom:20px}
.h_p ul li .pic img{opacity:.5}

.h_p ul li {width:47%; margin:10px 1.5%;}

.h_p ul li .mask .cat {top: 82%; font-size:13px;}
.h_p ul li .mask .name{ font-size:13px; top:88%;}
.h_title p:after,.h_title p:before{width:35vw}
}














.feedback_left{float:left; max-width:40%}
.feedback_left img{ max-width:100%;}
.feedback_right{float:right; max-width:58%;}








.tab{width:100%;}
.tab li{ margin-bottom:15px; line-height:30px; float:left; width:98%; margin-right:2%;}
.tab input{ width:100%;line-height:35px;padding: 10px 26px;box-shadow:2px 2px 3px rgba(0,0,0,0.15); font-size:16px; border:none;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.tab textarea{ width:98%;line-height:30px;padding: 10px 26px;box-shadow:2px 2px 3px rgba(0,0,0,0.15); border:none; font-family:"微软雅黑"; font-size:16px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.tab input:hover ,.tab textarea:hover{ border-color:#fff;}
.tab .sumbit{width: 100%; display:block; margin-top:0px; cursor:pointer;border-style:solid;border-color:#f5f5f5;background-color:#1A3592; border-radius:5px; font-size:16px;padding: 8px 50px; color:#fff; font-size:20px;}
.tab .sumbit:hover{ background-color:#EC872B; color:#FFFFFF;}


@media (max-width:800px) {

.feedback_left{float:none; max-width:100%}
.feedback_right{float:none; max-width:100%;}

.tab input{ line-height:30px;padding: 5px 10px; font-size:14px;}
.tab textarea{ line-height:24px;padding: 5px 10px; font-size:14px;}
.tab .sumbit{padding: 6px 0px; color:#fff; font-size:14px;}
}



/*联系我们*/
.n_contact_box{color:#363636;max-width:100%;}
.n_contact_box_tit{font-size:30px; text-align:left; padding:30px; line-height:35px;}
.n_contact_box_tit span{ font-size:16px;}
.n_contact_box_neirong{font-size:16px;  line-height:33px; text-transform:uppercase; float:left;padding:0px 0px; color:#363636;}
.n_contact_box_line{width:100px; height:2px; background:#fff; margin-top:0px; margin-bottom:10px;}
.n_contact_box img{ margin:0px 0 0px 0; max-width:170px;}
.n_contact_box p{ line-height:33px; margin:0; font-size:16px; letter-spacing:normal;}
.n_contact_box p strong{ line-height:40px; margin:0; font-size:20px;}
.n_contact_box p img{ margin:0 0 0 0;}
.n_contact_box p a{ color:#363636;}
.n_contact_box_erweima{float:right; text-align:center;}


@media (max-width:800px) {

.feedback_left{float:none; max-width:100%}
.feedback_right{float:none; max-width:100%;}

.tab input{ line-height:30px;padding: 5px 10px; font-size:14px;}
.tab textarea{ line-height:24px;padding: 5px 10px; font-size:14px;}
.tab .sumbit{padding: 6px 0px; color:#fff; font-size:14px;}


.n_contact_box{}
.n_contact_box_tit{font-size:16px; text-align:left; padding:10px; line-height:25px;}
.n_contact_box_tit span{ font-size:16px;}
.n_contact_box_neirong{font-size:14px;  line-height:24px; text-transform:uppercase; float:none;padding:0px 0px;}
.n_contact_box_line{width:100px; height:1px; background:#fff; margin-top:0px; margin-bottom:10px;}
.n_contact_box img{ margin:0px 0 0px 0; max-width:100px;}
.n_contact_box p{ line-height:24px;  font-size:14px; }
.n_contact_box p strong{ line-height:30px; margin:0; font-size:16px;}

.n_contact_box_erweima{float:none;  text-align:center;}
.n_contact_box_erweima div{ font-size:14px;}



}



/*banner图样式*/
.bannertt {position:relative;width:100%;overflow:hidden;margin:0 auto;text-align:center;background:#fff;height:500px;z-index:1;}




.bannertt .bg_123  {
       background-position: 0 center;
       width:100%; height:500px;margin:0 auto;text-align:center;
	      -webkit-animation: banner_inside 1s ease 1 forwards;
    -moz-animation: banner_inside 1s ease 1 forwards;
    -o-animation: banner_inside 1s ease 1 forwards;
    animation: banner_inside 1s ease 1 forwards;
	overflow:hidden;
    
}



@media screen and (max-width:1000px) {
.bannertt {
height:500px;
}
}

@media screen and (max-width:787px) {
.bannertt {
height:450px;
}
.bannertt .bg_123  {
height:450px;
 -webkit-animation: bgg linear 50s infinite alternate;
		-moz-animation: bgg linear 50s infinite alternate;
		  -o-animation: bgg linear 50s infinite alternate;
		   animation: bgg linear 50s infinite alternate;
		   }





	@-webkit-keyframes bgg{
		from{
			background-position: 0 center;
		}
		to{
			background-position: 100% center;
		}
	}
	@-moz-keyframes bgg{
		from{
			background-position: 0 center;
		}
		to{
			background-position: 100% center;
		}
	}
	@-o-keyframes bgg{
		from{
			background-position: 0 center;
		}
		to{
			background-position: 100% center;
		}
	}
	@keyframes bgg{
		from{
			background-position: 0 center;
		}
		to{
			background-position: 100% center;
		}

}

@-webkit-keyframes banner_inside {from {-webkit-transform:scale(0.9);transform:scale(0.9);}
to {-webkit-transform:scale(1);transform:scale(1);}
}
@-moz-keyframes banner_inside {from {-moz-transform:scale(0.9);transform:scale(0.9);}
to {-moz-transform:scale(1);transform:scale(1);}
}
@-o-keyframes banner_inside {from {-o-transform:scale(0.9);transform:scale(0.9);}
to {-o-transform:scale(1);transform:scale(1);}
}
@keyframes banner_inside {from {-webkit-transform:scale(1.23);-moz-transform:scale(1.23);-o-transform:scale(1.23);transform:scale(1.23);}
to {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
}
}
.banner_txt {z-index:9999;width:50%;position:absolute;background:#fff;height:150px;bottom:0%;margin-right:50%;right:-50%;}
.banner_txt3 {left:-131px;position:absolute;bottom:-1px;max-width:200px;overflow:hidden;}
.banner_txt4 {left:60px;position:absolute;bottom:-20px;color:#E5B46B;font-size:83px;text-transform:uppercase;font-weight:700;}
.banner_txt4>div {display:inline-block;float:left;letter-spacing:12px;}
.banner_txta {z-index:9999;left:10%;position:absolute;top:35%;overflow:hidden;width:600px;height:300px;}
.banner_txt5 {position:absolute;color:#fff;font-size:45px; line-height:90px;text-align:left;}
.banner_txt5 p {font-weight:700;font-size:50px;}
.banner_txt6 {position:absolute;color:#fff;top:37%;width:100%;margin:0 auto;text-align:center;}

.banner_txtb{ display:none;}




.banner_txt6 i { display: block; margin:0 auto; width: 100px; height: 134px; background: url(../contact_pic/add.png) no-repeat 0 0;animation:gogogo 2s;
-moz-animation:gogogo 2s  infinite linear; /* Firefox */
-webkit-animation:gogogo 2s  infinite linear; /* Safari and Chrome */
-o-animation:gogogo 2s  infinite linear; /* Opera */}}
@keyframes gogogo{
0%{
 margin-top:0px;

}
50%{
 margin-top:15px;

}
100%{
 margin-top:0px;

}
}


@-webkit-keyframes gogogo {
0%{
 margin-top:0px;

}
50%{
 margin-top:15px;

}
100%{
 margin-top:0px;

}
}

/*内页手机banner图样式*/
.allpic img{width:100%;}
.allpic{ padding-top:0px;display:block;  position:relative; z-index:0;text-align:center;}
.allpic H3{ font-size:24px; color:#fff; font-weight:700; left:5%; position:absolute;top:40%;}
.allpic H4{ font-size:20px; letter-spacing: normal; color:#fff; font-weight: normal; left:5%; position:absolute; top:50%; text-align:left; line-height:30px;}

@media (max-width:1200px){

.banner_txta {top:40%;overflow:hidden;height:200px;}
.banner_txt5 {font-size:48px;line-height:60px;}
.banner_txt5 p {font-size:35px;}
}

@media (max-width:1000px){
.banner_txt{ display:none;}

.banner_txtb { display:block;z-index:9999;left:10%;position:absolute;top:40%;overflow:hidden;width:350px;height:200px;}
.banner_txtb5 {position:absolute;color:#fff;font-size:48px;text-transform:uppercase;text-align:left;opacity:0.1;}
.banner_txtb5 p {font-weight:700;font-size:35px;}

}


@media (max-width:639px){


.banner_txt6 i { display: block; margin:0 auto; width: 50px; height: 67px; background-size:cover!important;}

.allpic H3{ font-size:16px;  font-weight:700; top:43%;}
.allpic H4{ font-size:14px; font-weight: normal; top:55%;}

.banner_txta {overflow:hidden;width:100%;height:200px; top:30%;}
.banner_txt5 {font-size:30px; line-height:45px;}
.banner_txt5 p {font-weight:700;font-size:20px;}
}


.scroll_more {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:70px;margin-bottom:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;height:auto;min-height:auto;overflow:visible;position:relative;z-index:99;bottom:30px;margin:0 auto;}
.scroll_div {position:absolute;color:#fff;width:100%;height:78px;bottom:0;border:0;left:0;right:auto;}
.scroll_txt {/* -webkit-transform:rotate(-90deg) translateX(-2rem);transform:rotate(-90deg) translateX(-2rem);*/    position:relative;display:block;/*   font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:0.5px;font-family:Gilroy_Regular;*/margin-left:16px;}
.scroll_bar {width:2px;height:15px;position:absolute;bottom:2.14286rem;left:calc(50% - 1px);-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:0;cursor:pointer;overflow:hidden;}
.scroll_bar::after {content:"";background-color:#fff;left:0;top:-100%;height:100%;width:100%;position:absolute;-webkit-animation:slide-down 2s infinite;animation:slide-down 2s infinite;}
@keyframes slide-down {0% {top:-100%;}
100% {top:100%;}
}

@media screen and (max-width:787px) {
.scroll_more_m {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:70px;margin-bottom:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;height:auto;min-height:auto;overflow:visible;position:relative;z-index:99;bottom:10px;margin:0 auto;}
.scroll_div_m {position:absolute;color:#fff;width:100%;height:60px;bottom:0;border:0;left:0;right:auto;}
.scroll_txt_m {/* -webkit-transform:rotate(-90deg) translateX(-2rem);transform:rotate(-90deg) translateX(-2rem);*/    position:relative;display:block;/*   font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:0.5px;font-family:Gilroy_Regular;*/margin-left:0px;}
.scroll_bar_m {width:2px;height:15px;position:absolute;bottom:0.3rem;left:calc(50% - 1px);-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:0;cursor:pointer;overflow:hidden;}
.scroll_bar_m::after {content:"";background-color:#fff;left:0px;top:-100%;height:100%;width:100%;position:absolute;-webkit-animation:slide-down 2s infinite;animation:slide-down 2s infinite;}
@keyframes slide-down {0% {top:-100%;}
100% {top:100%;}
}
}






/*数字*/
.index_strong {padding:0px 0 10px 0px; float:left; width:520px;margin-top:0px;}
.index_strong_iteam {max-width:100%;width:100%;margin:0 auto;text-align:center;}
.index_strong_iteam ul {margin-left:0}
.index_strong_iteam li {text-align:center;display:inline-block;width:33.33%;float:left;text-transform:uppercase;position:relative;}
.index_strong_iteam li strong {display:block;line-height:50px;margin:40px 0 20px 0;font-size:50px;font-weight:normal;color:#363636;text-align:center;font-family:Geneva,Arial,Helvetica,sans-serif;}
.index_strong_iteam li strong sup{ font-size:20px; color:#333; padding-left:10px;}
.index_strong_iteam li .text .title_cn {margin-top:0px;font-size:14px;text-align:center;}





@media only screen and (max-width:1000px) {
.index_strong {padding:0px 0 10px 0px; float:none; width:100%;margin-top:5%;}
.index_strong_iteam {max-width:100%;}
.index_strong_iteam ul {margin-left:0px;}
.index_strong_iteam li {width:25%; margin:15px 0;}
.index_strong_iteam li span { display:none;}
.index_strong_iteam li strong {display:block;line-height:45px;margin:0px auto;font-size:45px; letter-spacing:-2; text-align:center;}
.index_strong_iteam li .text .title_cn {margin-top:0px;font-size:16px; padding-left:0px;text-align:center;}
.index_strong_iteam li sup {font-weight:bold;font-size:20px;top:20px;right:0;color:#415ba8;position:absolute;}
}

@media only screen and (max-width:639px) {
.index_strong {padding:0px 0 0px 0px; float:none; width:100%;margin-top:2%;}
.index_strong_iteam {max-width:100%;}
.index_strong_iteam ul {margin-left:0px;}
.index_strong_iteam li {width:31.33%; margin:5px 1%;}
.index_strong_iteam li span { display:none;}
.index_strong_iteam li strong {display:block;line-height:30px;margin:0px auto;font-size:26px; letter-spacing:-2; text-align:center;}
.index_strong_iteam li .text .title_cn {margin-top:10px;font-size:12px; padding-left:0px;text-align:center;}

.index_strong_iteam li sup {font-weight:bold;font-size:16px;top:0;right:0;color:#415ba8;position:absolute;}

.index_strong_iteam li strong sup{ font-size:16px; color:#333; padding-left:5px;}
}

.n_about_box{ clear:both; width:100%; background:url(../images/bg3222.jpg) no-repeat center top; height:650px;}




.about_left_box{ float:none;  max-width:100%;padding-top:7%; }
.about_right_box{ position:absolute; right:0; bottom:0; width:70%; text-align:right;}
.about_right_box img{ max-width:100%; max-height:570px; overflow:hidden;}

.about_tit{ width:100%; clear:both; z-index:3; position:relative; margin:0px auto; text-align:center;}
.about_tit h2{ font-size:26px; line-height:40px;color:#fff;text-transform:uppercase; font-weight:normal; padding-top:70px;}
.about_tit h3{ font-size:26px; line-height:65px;font-weight:normal;  }
.about_tit .tit_line{width:50px; height:1px; background:#ff0000; margin:0px auto;}


.about_left_box p{ line-height:200%; font-size:16px;}




@media only screen and (max-width:1170px) {
.about_left_box{   margin-right:3%;margin-top:3%; }

.about_tit{ margin-bottom:20px;}
}


@media only screen and (max-width:1000px) {
.about_left_box{ max-width:100%;margin-right:0;margin-top:1%;}
.about_right_box{ margin:15px  auto 0 auto; clear:both; max-width:100%; display:none;}
.about_tit{ margin-bottom:15px;}
.n_about_box{  height:450px;}
.about_tit h2{ font-size:26px; line-height:35px;color:#ccc;text-transform:uppercase; }
.about_tit h3{ font-size:18px; line-height:28px;  }

}


@media only screen and (max-width:800px) {
.n_about_box{ clear:both; width:100%; background:#f7f7f7; height: auto;!important}


.about_tit{margin:0 auto; padding-top: 10px;}
.about_tit h2{ font-size:20px; line-height:30px;color:#ccc;text-transform:uppercase;}
.about_tit h3{ font-size:16px; line-height:26px; font-weight:700; }

.about_left_box{ line-height:24px; margin:0;}

.about_left_box p{ font-size:14px; line-height:24px;}

}


@media only screen and (max-width:639px) {
.n_about_box{ clear:both; width:100%; background:#f7f7f7; height: auto;!important}


.about_tit{margin:0 auto; padding-top: 10px;}
.about_tit h2{ font-size:16px; line-height:26px;}
.about_tit h3{ font-size:14px; line-height:24px;  }

.about_left_box{ line-height:24px; margin:0;}

.about_left_box p{ font-size:13px; line-height:22px;}

}



.index_title{ text-align:center;padding:70px 0 20px 0; }
.index_title .title{ position:relative; padding-top:40px; color:#fff; font-size:34px;}
.index_title .des1{color: #fff; font-size:18px; margin-top:10px; line-height:35px;}


@media only screen and (max-width:800px) {

.index_title{ text-align:center;padding:30px 0 60px 0; }
.index_title .title{ position:relative; padding-top:10px; color:#fff; font-size:18px;}
.index_title .des1{color: #fff; font-size:14px; margin-top:10px; line-height:25px;}

.index_title img{ max-width:60px; max-height:60px; margin-top:15px;}
}



.n_index_title{ text-align:center;padding:20px 0 20px 0; }
.n_index_title .title{ position:relative; padding-top:0px; color:#363636; font-size:26px;}
.n_index_title .des1{color: #696969; font-size:16px; margin-top:10px; line-height:30px;}
.n_index_title .line{display:block; width:40px; height:1px; background:#ff0000; margin:10px auto;}

@media only screen and (max-width:639px) {

.n_index_title{ text-align:center;padding:10px 0 10px 0; }
.n_index_title .title{ position:relative; padding-top:0px; font-size:16px;}
.n_index_title .des1{font-size:13px; margin-top:10px; line-height:25px;}

.n_index_title img{ max-width:60px; max-height:60px; margin-top:15px;}

.about_tit h2{ font-size:16px; line-height:30px;color:#fff;text-transform:uppercase;padding-top:10px;}
.n_index_title .line{ width:30px; height:1px;  margin:5px auto;}


}



.vedio{ clear:both;text-align:center; padding-top:10%; width:100%; position:relative;}
.vedio .bg{width:100%; vertical-align:middle; max-width:602px;}
.vedio .icon{position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;cursor:pointer;}
.vedio video{background:#fff;display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1;}
.vedio .vedioClose{display:none;background:#ad322c;position:absolute;top:0px;right:0px;width:60px;height:60px;line-height:60px;text-align:center;z-index:1;cursor:pointer;}
.vedio .vedioClose img{ vertical-align:middle;max-width:70%;}



.alertVideoHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/b-bg.png);z-index:999;}
.alertVideoContent{display:none;position:absolute;top:0;left:0;bottom:0px;right:0px;width:1200px;height:750px;margin:0 auto;z-index:999;background:none;padding:0;}
.alertVideoContent iframe{width:100% !important;height:100% !important;}
.alertVideoContent .vedioClose{position:absolute;top:0px;right:-60px;cursor:pointer;width:60px;height:60px;background:#ad322c;line-height:60px;cursor:pointer;text-align:center; z-index:99999;}
.alertVideoContent .vedioClose img{ vertical-align:middle;max-width:70%;}

@media screen and (max-width:1100px) {
.vedio{  left:5%; bottom:10%;}
.vedio img{ max-width:80px; max-height:80px;}
}


@media screen and (max-width:787px) {
.vedio{  left:2%; bottom:10%;}
.vedio img{ max-width:60px; max-height:60px;}
}


@media screen and (max-width:639px) {
.vedio img{ max-width:50px; max-height:50px;}
}






/*分页*/
.pageshow{ padding:30px 0px; height:30px; line-height:30px; text-align:center; clear: both; width:100%; }
.pageshow a {padding: 0 15px;
    line-height: 25px;
    display: inline-block;
    border: 1px #bbb solid;
    margin:0 5px;
    background: #ccc;
	font-size:13px;
	color:#333;
	 }

.pageshow a.pagefan ,.pageshow a:hover{
    background: #000;border: 1px #000 solid; color:#FFFFFF;}



@media (max-width: 1200px) {
.pageshow{  height:30px; line-height:30px; font-size:13px; padding:20px 0px;}
.pageshow a {padding: 0 6px;font-size:13px; }
}
@media (max-width: 800px) {
.pageshow{  padding:10px 0px; }
.pageshow a {padding: 0 6px;font-size:13px; }
}





.news_left01{float:left; width:840px; margin:20px 0 20px 0px;}
.news_righttitle{ font-size:15px; color:#333; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}


.news_left01 p{ line-height:180%;}

.righttitle{ font-size:22px; line-height:50px; }

.news_righttitle{ font-size:15px; color:#333; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}
.news_more{float:right;font-size:13px; font-weight:300;color:#999;}
.news_more a{ font-size:13px; font-weight:300;color:#999;}
.news_more a:hover{color:#999; text-decoration:underline;}



.aboutk_tit{ text-align:left; font-size:26px; line-height:50px; padding-top:0px; font-weight:normal; color:#363636;}

.right_news_click{ text-align:left;  color:#696969; position:relative; width:100%;margin-top:10px;}

.right_news_click h6{ float:left; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:24px; letter-spacing:-1px;line-height:25px;}
.right_news_click p{ float:left; font-size:13px; letter-spacing:normal;line-height:30px; margin:0; padding:0;margin-left:0px; }


.news_close{ position:absolute; right:5px; top:0;}

.text_neirong{line-height:25px;font-size:15px; padding:0 20px; }
.text_neirong p{ line-height:25px; font-size:15px;text-indent:2em;}
.text_neirong p img{ max-width:100%; max-height:100%; margin:10px auto;}


.zhaiyao{ background:#eee; width:96%; padding:10px 2%; line-height:30px; font-size:13px; margin-top:20px; margin-bottom:20px;}
.zhaiyao p{ font-size:13px; display:inline-block;}
.zhaiyao span{ color:#0092C5;}

.text_neirong1{line-height:30px;font-size:15px; padding:0 5px; }

.text_neirong1 p{ line-height:25px; font-size:15px;text-indent:2em; margin:0;}
.text_neirong1  img{ max-width:100%; max-height:100%; display: block; margin:20px auto;}
.text_neirong1 p img{ max-width:100%; max-height:100%; display: block; margin:20px auto;}

.shebei_biaoti{ text-align:left;}
.shebei_biaoti h2{ font-size:24px; color:#31A1A5; line-height:20px; height:30px;}
.shebei_biaoti span{ font-size:15px; color:#ccc; padding-left:10px; font-weight:normal;}
.shebei_biaoti span p{ display:inline-block;}



.news_line{ clear:both; width:100%;height:50px; line-height:25px;font-size:14px;}
.news_line .fl{ float:left;margin-left:45px;position:relative;}
.news_line .fr{ float:right; position:relative; margin-right:45px;}
.news_line .fl::after{ position:absolute; content:""; background:url(../images/shangyipian.png) no-repeat; width:36px; height:11px; left:-45px; top:8px;}
.news_line .fr::after{ position:absolute; content:""; background:url(../images/xiayipian.png) no-repeat; width:36px; height:11px; right:-45px; top:8px;}

@media (max-width: 1023px) {
.text_neirong1{line-height:25px;font-size:14px; padding:0 2%; }
.text_neirong1 p{ font-size:13px;}
.text_neirong{line-height:25px;font-size:14px; padding:0 2%; }
.text_neirong p{ font-size:13px;}
}

@media (max-width: 639px) {

.right_news_click{ margin-top:0px;}

.zhaiyao{ width:98%; padding:5px 1%; line-height:22px; font-size:12px; margin-top:10px; margin-bottom:10px; display: none;}
.zhaiyao p{ font-size:12px;}


.text_neirong1{line-height:25px;font-size:12px; padding:0 ; }
.text_neirong1 p{ font-size:12px;}
.text_neirong{line-height:25px;font-size:12px; padding:0; }
.text_neirong p{ font-size:12px;}
.text_neirong1  img{  margin:10px auto;}
.text_neirong1 p img{  margin:10px auto;}

}


.news_line a{ font-size:14px;}

.wid1200{max-width:1200px; margin:0 auto;}
.newsshow_right{ float:right; width:320px; background:#eee;  margin:30px 0px 0px 30px;}
.newsshow_right h2{ font-size:18px; width:100%; height:60px; line-height:60px;  text-align:left; padding-left:20px; color:#0092C5; font-weight:normal;}
.newsshow_right ul{ margin-top:0px; width:320px;}
.newsshow_right ul li {float:left; width:300px; color:#363636; padding:10px 10px 30px 10px; line-height:26px; font-size:13px; display:block;}
.newsshow_right ul li a{ color:#363636; font-size:16px; width:100%; line-height:30px; display:block;}
.newsshow_right ul li a:hover{ color:#0092C5;}
.newsshow_right_pic img{ max-width:100%;max-height:100%;}
.newsshow_right_pic .news_more_a{padding:10px 10px; color:#666;}
.newsshow_right_pic h3{  font-size:16px; line-height:30px; color:#363636;padding:10px 10px 5px 10px; }
.newsshow_right_pic h4{  font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#696969;  font-weight: normal;line-height:26px; padding:0px 10px;}
.news_right_text{ font-size:13px; color:#666; line-height:24px;padding:5px 10px;}
.news_border_box img{ float:left; margin:10px 10px; width:300px; height:4px;}


@media (min-width: 1024px) and (max-width:1199px ) {
.news_left01{ width:600px; margin:20px 0 0px 20px;}
.news_righttitle{ font-size:13px;padding-bottom:5px; margin-bottom:5px;}


.wid1200{max-width:1000px;}

}

@media (max-width: 1023px) {
.newsshow_right{display:none;}
.news_left01{width:100%; margin:0; margin-top:15px; clear:both;}
.news_left01 p{ font-size:14px; line-height:25px;}
.news_righttitle{ font-size:13px;padding-bottom:5px; margin-bottom:5px;}
.news_more{font-size:12px;}
.news_more a{ font-size:12px;}
.news_more a:hover{color:#999;}
.aboutk_tit{font-size:16px; line-height:25px;}
.text_neirong p img{ margin:10px auto;}

.wid1200{ max-width:96%; margin:10px 2%;}

.newsshow_right{display:none;}
}






.about_box_tit{ float:left; width:600px;}
.about_box_tit h2{ font-size:34px; color:#eb0010; line-height:40px; text-transform:uppercase;font-family:Geneva,Arial,Helvetica,sans-serif; }
.about_box_tit h3{font-size:24px; color:#363636; line-height:40px; }
.about_box_tit h4{}

.about_box_tit h5{font-size:15px; color:#666; line-height:26px; margin-top:15px; }

.about_box{ clear:both;width:100%; position:relative; background: url(../images/home_about_bg.jpg) no-repeat center bottom; height:570px;}

.about_box:before{ position:absolute; content:"";background: url(../images/m_about_ico.png) no-repeat ; width:283px; height:149px; left:2%; bottom:0px;}


.home_neirtong{ float:left; width:520px; margin-top:50px;}
.home_neirtong p{ clear:both; width:95%; margin-right:5%; padding-top:10px;font-size:16px;text-align:left;color:#363636; line-height:30px;z-index:2; position:relative;}
.home_neirtong a.more{ float:left; margin-top:40px; width:170px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px; background:#1b3692;}
.home_neirtong a:hover.more{ background:#EC872B; }
.about_box_pic{ float:right; width:45%; position:relative; height:100%;margin-top:0%; margin-right:0;}
.about_box_pic img{ height:100%;}


.wenzi_pro{position:absolute; left:8%; top:7%; z-index:999!important;}



@media screen and (max-width:1200px ) {


.about_box_tit{ margin-left:3%;}
.about_box_tit h2{ font-size:30px; line-height:40px; }
.about_box_tit h3{font-size:30px;line-height:50px; }
.IndexList {width:90%;text-align:left; margin-top:5%;margin-left:5%; margin-right:5%; }
.about_box p{width:94%; margin-left:3%; margin-right:3%;}

}

@media screen and (max-width:1023px ) {
.about_box{  width:100%; }
.jiameng_box{  width:100%; }

.home_neirtong{ float:none; width:100%; margin-top:0px; padding-top:10px;}
.about_box_tit{ margin-left:1%; width:90%;}

.about_box p{width:98%; margin-left:1%; margin-right:1%;}


}
@media screen and (max-width:639px ) {
.about_box_tit h2{ font-size:16px; line-height:28px; }
.about_box_tit h3{font-size:14px;line-height:24px; }

.home_neirtong a.more{ float:left; margin-top:10px; width:120px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:12px; background:#1b3692;}
.about_box{ clear:both;width:100%; background: url(../images/home_about_bg.jpg) repeat-y center bottom; height: auto!important;}

.about_box p{ padding-top:0; font-size:13px; line-height:24px;}
.IndexList li:nth-child(2):after { display: none; }

.about_box:before{ display:none;}

.wenzi_pro{ left:2%; top:2%;}
.about_box_tit h5{ display:none;}

.about_box_tit{ margin-left:1%; width:250PX;}
}


.phone_youshi{ clear:both; width:100%;}
.phone_youshi img{ max-width:100%;} 









.pc_show{ display:block;}
.phone_show{ display:none;}

@media (max-width: 800px) {

.pc_show{ display:none;}
.phone_show{ display:block;}

}




.wenhua_box{ clear:both; width:100%; background:url(../images/pro_beijing.jpg) no-repeat center top; height:500px; padding-top:50px;}


.wenhua_box_content h3{ font-size:35px; text-align:center; line-height:50px; padding-bottom:60px; color:#111;}

.wenhua_box_content{ width:100%; max-width:1000px; margin: 20px auto;}
.wenhua_box_content ul li{ display:inline-block; float:left; width:31.33%; margin:0 1%;text-align:center; color:#fff; }
.wenhua_box_content ul li .diyi1{max-width:250px; height:250px;  border-radius:250px; margin: 0 auto; }

.wenhua_box_content ul li .diyi2{max-width:250px; height:250px;  border-radius:250px; margin: 0 auto;}

.wenhua_box_content ul li .diyi3{max-width:250px; height:250px; border-radius:250px; margin: 0 auto;}

.wenhua_box_content ul li .disi{max-width:250px; height:250px;  border-radius:250px; margin: 0 auto;}

.wenhua_box_content ul li img{ margin:20px auto 0 auto;}
.wenhua_box_content ul li h2{ font-size:24px; line-height:35px; font-weight:400; padding-top:10px; }
.wenhua_box_content ul li p{ padding:5px 10px; line-height:30px; font-size: 16px;}

.wenhua_box_logo{  width:100%; max-width:1000px; margin: 50px auto 0 auto; height:150px;background: rgba(255,255,255,.3);}
.wenhua_box_logo img{ float:left; margin:15px 25px 15px 25px;}
.wenhua_box_logo h2{ float:left; font-size:20px; color:#363636; font-weight:700;width:800px; line-height:40px; margin-top:20px; margin-bottom:15px; }
.wenhua_box_logo p{ float:left;  color:#363636; width:800px; }


@media (max-width:767px) {
.wenhua_box_content{ width:100%; max-width:100%; margin: 15px auto;}
.wenhua_box_content ul li{ display:inline-block; float:none; width:30.33%; margin:0 1%;text-align:center; color:#fff; vertical-align:text-top;}
.wenhua_box_content ul li img{ max-width:60px;}
.wenhua_box_content ul li h2{ font-size:16px; line-height:30px;}
.wenhua_box_content ul li p{ padding:5px 10px; line-height:24px; font-size: 13px;}
.wenhua_box_content ul li .diyi1{max-width:180px; height:180px;  }
.wenhua_box_content ul li .diyi2{max-width:180px; height:180px;}
.wenhua_box_content ul li .diyi3{max-width:180px; height:180px; }





.wenhua_box{ clear:both; width:100%; background:url(../images/about_xxx_31.jpg) no-repeat center top; height: auto; padding-top:10px;}


.wenhua_box_content h3{ font-size:16px; text-align:center; line-height:30px; padding-bottom:10px; color:#fff;}



}

.honor_box{ clear:both; width:100%; background:#f1f1f1; padding:2% 0;}

.product_show_box{ clear:both; width:100%; background:url(../images/pro_bb.jpg) no-repeat center top; height: 530px; padding-top:30px;}





.licheng_tit{clear:both; width:100%;  text-align:center; font-size:30px; color:#fff; line-height:60px; padding-bottom:50px;}


@media (max-width:767px) {


.licheng_tit{font-size:16px; color:#fff; line-height:30px; padding-bottom:10px;}



}



@media (max-width:639px) {
	
	
	.product_show_box{ clear:both; width:100%; background:url(../images/pro_bb.jpg) no-repeat center top; height: auto; padding-top:0px;background-size: cover; }
	
	}






/*前沿产品*/

.n-about{
  position: relative;
}
.n-about .listc {
  width: 100%;
}
.n-about .listc .li {
  box-sizing: border-box;
  float: left;
  width: 48%;
  margin: 25px 1%;
  /*padding: 135px 0;*/
  text-align: center;
}
.n-about .listc .li .imga{
	width: calc(100% + 10px);
}
.n-about .listc .li .img {
  margin-bottom: 15px;
}
.n-about .listc .li .p-text{
	position: absolute;
	bottom:2%;
	left:2%;
	width: 100%;
	text-align:left;
}
.n-about .listc .li .img img {
  width: 80px;
}
.n-about .listc .li .h-tit {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 15px;
  color: #fff;
}
.n-about .listc .li .p {
  font-size: 16px;
  line-height: 28px;
  max-width:70%;
  color: #fff;
  text-align:center;
  margin:0 auto;
}

.n-about .listc .li .p p {
  font-size: 16px;
  line-height: 28px;
  max-width:70%;
  color: #fff;
  text-align:center;
  margin:0 auto;
}

.animate11 {
  -webkit-transform: translate(0px, 0) !important;
      -ms-transform: translate(0px, 0) !important;
          transform: translate(0px, 0) !important;
  opacity: 1 !important;
}


.n-about .listc {
  -webkit-transform: translate(0, 20px);
      -ms-transform: translate(0, 20px);
          transform: translate(0, 20px);
  opacity: 0;
  -webkit-transition: -webkit-transform 1.2s ease-out, opacity 1.2s;
          transition: transform 1.2s ease-out, opacity 1.2s;
}
 	.n-about .listc .li .imga{
		transform: translate3d(10px,10px,0);
		margin: -10px 0 0 -10px;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: opacity 0.35s, transform 0.35s;
	}
	.n-about .listc .li:hover img {
		/*opacity: 0.6;*/
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	/*.n-about .listc .li:hover{
  	    background: -webkit-linear-gradient(bottom left, #000 0%, #fff 100%);
  	    background: -o-linear-gradient(bottom left, #000 0%, #fff 100%);
  	    background: linear-gradient(to top right, #000 0%, #fff 100%);
  	}*/
  /*.n-about .listc .li:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    content: '';
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);
  }
  .n-about .listc .li:hover::before{
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);
  }*/
  .n-about .listc .li .img img{
    transform:translate(0,0);
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
  }
  .n-about .listc .li:hover .img img {
     transform:translate(0,-10px);
  }
  
.n-about .listc .li{
  position: relative;
  overflow: hidden;
}



@media (max-width: 1280px) {
.n-about .listc .li .img img {width:70px;}
.n-about .listc .li .p-text{top:50%;}
.n-about .listc .li .h-tit {font-size: 18px; margin-bottom: 10px;}
.n-about .listc .li .p {font-size: 16px; line-height: 28px; max-width:80%;}
}


@media (max-width: 1023px) {
.n-about .listc .li .img img {width:60px;}
.n-about .listc .li .p-text{top:60%;}
.n-about .listc .li .h-tit {font-size: 17px; margin-bottom: 10px;}
.n-about .listc .li .p {font-size: 15px; line-height: 28px; max-width:80%;}
}


@media (max-width: 640px) {
.n-about .listc .li { width: 100%;}
.n-about .listc .li .img img {width:50px;}
.n-about .listc .li .p-text{top:75%;}
.n-about .listc .li .h-tit {font-size: 16px; margin-bottom: 10px;}
.n-about .listc .li .p {font-size: 14px; line-height: 28px; max-width:80%;}
}






.img100 {
  display: block;
  max-width: 100%; 
margin:0 auto; 
}
  .can-hover .img-wrap .img100 {
    transition: all 1s ease; }
.can-hover:hover .img-wrap .img100 {
  transform: scale3D(1.1, 1.1, 1.1); }




@keyframes cir-scale2 {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  60% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    opacity: 0;
    transform: scale(0.5); } }


.flexBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }



.wel-list3 .list3-txts {
  height: 48px;
  position: absolute;
  transform: translate(-50%, -50%);
  transition-duration: .5s;
  text-align: center;
  left: 50%;
  top: 50%;
  width: 100%;
  color: #fff;
  z-index: 2; }
.wel-list3 .list3-cir {
  position: absolute;
  display: block;
  border-radius: 50%;
  animation: cir-scale2 3s linear infinite; }
.wel-list3 .list3-cir1 {
  border: 1px solid #fff;
  width: 100px;
  height: 100px;
  left: -26px;
  top: -26px; }
.wel-list3 .list3-cir2 {
  border: 1px solid rgba(255, 255, 255, 0.2);
  width: 120px;
  height: 120px;
  left: -40px;
  top: -46px; }
.wel-list3 .list3-cir3 {
  border: 1px solid rgba(255, 255, 255, 0.2);
  width: 200px;
  height: 200px;
  left: -76px;
  top: -76px; }
.wel-list3 .list3-ico1 {
  width: 48px;
  height: 48px;
  position: relative;
  margin: 0 auto; }
  
  
  @media (max-width: 639px) {
.wel-list3 .list3-ico1 {
	 display: none;
 } 
  
  
  }
  
.wel-list3 .list3-h5 {
  font-size: 24px;
  line-height: 40px;
  padding: 36px 0 24px;
  position: relative; }
  .wel-list3 .list3-h5:after {
    position: absolute;
    content: "";
    display: block;
    width: 24px;
    height: 1px;
    box-sizing: border-box;
    border: 1px solid #fff;
    top: 18px;
    left: 50%;
    margin-left: -12px; }
.wel-list3 .list3-a {
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  transition-duration: .3s; }
  .wel-list3 .list3-a:hover {
    transform: translate(-6px, 0); }
.wel-list3 .to-detail {
  width: 92px;
  margin: 0 auto 14px; }
.wel-list3 .to-more {
  width: 132px;
  margin: 0 auto; }
.wel-list3 .txts-mains {
  opacity: 0;
  transition-duration: .5s; }
.wel-list3 .cir-wrap {
  opacity: 1;
  transition-duration: .5s; }
.wel-list3 .list3-item {
  flex: 1;
  position: relative;
  overflow: hidden; }
  .wel-list3 .list3-item:before {
    position: absolute;
    content: "";
    display: block;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.2);
    top: 20px;
    left: 20px;
    z-index: 1; }
  .wel-list3 .list3-item:hover .cir-wrap {
    opacity: 0; }
  .wel-list3 .list3-item:hover .list3-txts {
    height: 204px; }
  .wel-list3 .list3-item:hover .txts-mains {
    opacity: 1; }

@media (max-width:480px) {

.wel-list3 .list3-item {
  flex: auto;
}
}


.a_l{width:100%; padding-top:80px; }
.bt1{font-size:30px; text-align:center; color:#fff; font-weight: normal;width:100%; line-height:35px;}
.bt1 i{ color:#db3539; font-size:30px; font-family:"Times New Roman",Times,serif; font-style:normal; display:block; margin-botttom:15px; line-height:40px; font-weight: normal; text-transform:uppercase; }
.line1{width:70px; height:3px; background-color:#db3539; margin:30px 0;}
.a_info{font-size:15px; color:#eee; line-height:30px; margin-top:15px;}


.p_wbox {
    background-image: url(../images/fazhanbg.jpg);
    background-position: center center;
    background-attachment: fixed;
	padding:50px 0;
}
.mb40{ margin-bottom:40px;}

.fl{ float:left;}
.fr{ float:right;}


@media screen and (max-width:768px) {
.fl{ float:none;}
.fr{ float:none;}	
	
	
}

.whitex{ background:url(../images/x.png) 100px 0px repeat-y; padding:20px 0;}
.whitex{ padding:20px 0;}
.times{ position:absolute; background:url(../images/d.png) right center no-repeat; height:20px; line-height:20px; font-size:18px; color:#FFFFFF; width:200px; left:0px; padding-left:9px; top:5px;}
.fonts{ color:#FFFFFF; margin-left:280px; font-size:20px; line-height:25px;}


@media screen and (max-width: 787px) {

.whitex{ background:url(../images/x.png) 32px 0px repeat-y; padding:20px 0;}


	.p_wbox { padding: 10px 0;}
	.a_l{width:94%; padding: 0 3%;}
	.bt1{font-size:24px; color:#fff; font-weight: normal;width:94%; line-height:35px;padding: 10px 3%;}
	.a_info{font-size:15px; color:#eee; line-height:30px; margin-top:0;width:94%;padding: 0 3%;}
	
	.times{ position:absolute; background:url(../images/d.png) right center no-repeat; height:20px; line-height:20px; font-size:16px; color:#FFFFFF; width:130px; left:0px; padding-left:10px; top:5px;}
	.fonts{ color:#FFFFFF; margin-left:180px; font-size:14px; line-height:25px; padding-right: 10px;}
	
	.mb40{ margin-bottom:10px;}
	
	
	}



.wenhua_box_x{ clear:both; width:100%; background:#fff; }
.wenhua_box_x img{ max-width:100%; display:block; margin:50px auto;}

.hidd1{ display: block;}
.hidd{ display:none;}
@media screen and (max-width:1023px) {
.hidd1{ display: none;}
.hidd{ display: block;}
}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 7px;
    height: 7px;
    background-color: #ccc;

}
 
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
  border-radius: 10px;
    background-color: #ccc;

}
 
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 0px;

    background-color: #000;
}