@charset "utf-8";
/*全局初始化样式*/
body {
	padding: 0px;
	margin: 0px auto;
	font-family: "微软雅黑", arial, '宋体';
	color: #666;
	width: 100%;
	zoom: 1;
	/*禁用Webkit内核浏览器的文字大小调整功能*/
	-webkit-text-size-adjust: none;
	/*取出点击出现半透明的灰色背景*/
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight: rgba(0,0,0,0);
	/*控制文本可选性*/
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	/*设置字体的抗锯齿或者说光滑度*/
	-webkit-font-smoothing: antialiased;
}
ul, li, form, dl, dt, dd, div {
	padding: 0px;
	margin: 0px;
}
/*默认去除ul、li的默认样式*/
ul, li {
	list-style: none;
	margin: 0;
}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select, input, textarea {
	border-radius: 0;
	-webkit-border-radius: 0;
	color: #414446;
}
/*表单元素获得焦点时不显示虚线框*/
input:focus {
	outline: none;
}
input, button, select, textarea {
	outline: none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/
}
/*不允许多行输入文本框有滚动条*/
textarea {
	resize: none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/
}
/*初始化表单元素样式*/
textarea, input, select {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
/*初始化HTML5标签样式*/
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
article, aside, footer, header, hgroup, nav, section, figure, figcaption, title {
	display: block;
}
/*去除figure边距*/
figure, figcaption {
	margin: 0px;
	padding: 0px;
}
/*初始化图片样式*/
img {
	border: none;
	border: 0;
	max-width: 100%;
	vertical-align: top;
}
/*初始化a的样式和字体样式*/
a {
	color: #666;
	text-decoration: none;
noline: -webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:focus {
	outline: none;
	-moz-outline: none;
}
a:hover {
	color: #15182B;
	text-decoration: none;
}
/*清楚浮动*/
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
	margin:0 !important;
	padding:0 !important;
} /*清除浮动*/
.clearfix:after{
	clear: both;
	height: 0px;
	overflow: hidden;
	margin:0 !important;
	padding:0 !important;
	content:".";
	zoom:1;
	display:block;
	width:100%;
} /*清除浮动*/


@font-face { font-family:myFont; src:url('../font/LetterGothicStd.otf'); }








/*全局样式*/

@media (min-width: 1200px) {
/*大屏显示分享和第三方系统入口*/
.container {
	width: 1200px;
	padding: 0;
}
.navbar-default .navbar-nav>.active>a {
	background: none;
}
}
/************************** 以下是页面样式 *************************/
/* banner */
/* Bootstrap默认优先手机 */
.homeban {
	position: relative;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	text-align:center;
}
.homeban li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
/*tab导航*/
.homeban .bx-pager{
	position: absolute;
	width: 100%;
 text-align: center;
	bottom: 5%;
	overflow: hidden;
}
.homeban .bx-pager .bx-pager-item {display: inline-block;}
.homeban .bx-pager .bx-pager-item a{
	display:block;
	cursor: pointer;
	width: 22px;
	height: 11px;
	border-radius: 11px;
	background: #e6e5e5;
	margin:0 10px;
	text-indent:9999px;
 }
.homeban .bx-pager .bx-pager-item .active {
	width: 52px;
	background: #e8421f;
}
 


/*============================ @media 屏幕适应 ===============================*/
/* 超小屏幕（手机，小于 768px） */
@media (max-width:640px) {
.homeban .bx-pager .bx-pager-item a{
	width: 12px;
	height: 12px;
	border-radius: 5px;
 	margin:0 5px;

}
.homeban .bx-pager .bx-pager-item .active {
	width:22px;
 }
}
.nav-2 .mainnav{ background: #1e1e1e; top: 105px}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width:768px ) {
	.nav-2 .mainnav{ background: none; top: 0}

}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width:1024px ) {
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {


}
/* banner end */
/* top */
/* Bootstrap默认优先手机 */
.nav-2 {

	z-index: 1;
 	/*background: #1e1e1e;*/
	background: url(../images/ban_03.png) ;
	width:100%; padding: 15px;
}
.nav-2 .top_tel {
	color: #a3a3a3;
	font-size: 12px;
	float: right;
	width:910px;
}
.nav-2 .top_tel span a{color: #e8252b;}
.nav-2 .top_tel span,
 .nav-2 .top_tel dl{ margin: 0 5px;
 float: left;color: #fff;
 }
  .nav-2 .top_tel dl a{ color: #fff; font-weight: 100;}
/*导航按钮，小于640才显示*/
.nav-2 .Top_menu {
	width: 30px;
height: 2px position: relative;
	padding: 8px 0;
	margin-top: 12px;
}
.nav-2 .Top_menu span, .nav-2 .Top_menu span:before, .nav-2 .Top_menu span:after {
	height: 2px;
	width: 30px;
	position: relative;
	display: block;
	background-color: #fff;
	cursor: pointer;
	border-radius: 1px;
	content: '';
	-webkit-transition: all 300ms cubic-bezier(0.305, 0.1, 0.485, 0.87);
	transition: all 300ms cubic-bezier(0.305, 0.1, 0.485, 0.87);
}
.nav-2 .Top_menu {
	float: right;
	cursor: pointer
}
.nav-2 .Top_menu span:before {
	top: -8px;
}
.nav-2 .Top_menu span:after {
	top: 6px;
}
.nav-2 .Top_menu.close span {
	background: #fff;
}
.nav-2 .Top_menu.close span:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.nav-2 .Top_menu.close span:after {
	top: -2px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*导航按钮*/


.nav-2 .Top .logo {
	float: left;
}
.nav-2 .mainnav dl, .nav-2 .Top .language {
 }

 

/*导航*/
.nav-2 .mainnav { padding-top: 15px; display: none;
	width: 50%;right: -15px;
  line-height: 25px;padding-bottom: 10px;
	position: absolute;
	z-index: 50;
	height: auto;
	-webkit-transform: translateX(-150%);
	transform: translateX(-150%);
	-webkit-transition: all 300ms;
	transition: all 300ms;
 }
.nav-2 .mainnav ul{float: right;}
.nav-2 .mainnav li {
	float: none;
	width: 100%;
}
.nav-2 .mainnav li > .navA {
 
	font-size: 14px;
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	-webkit-transition: all 300ms;
	transition: all 300ms;
 }
.nav-2 .mainnav li#nav7 > .navA {
	background: none;
}
.nav-2 .mainnav li:hover > .navA, .nav-2 .mainnav li.active > .navA {
	color: #e8421f;
 
}

.header1{position: relative;}
/*搜索*/
.searchBox{z-index: 66; position: relative; float: right; margin: 3px 0 0 18px;} 
.search{width: 17px; height: 25px; background: url(../images/home_06.png) no-repeat top center}
.searchNr{ display: none; width: 237px; position: absolute; top:23px; right: 0;background: #333; border: 1px solid #fff; border-radius: 5px; padding: 0 5px } 
.searchNr input{width: 200px; float: left; line-height: 28px; color: #fff; display: inline-block; height: 25px; line-height: 25px;} 
.searchNr a{width: 17px; height: 25px; display: inline-block; background: url(../images/home_06.png) no-repeat center center} 
.searchBox:hover .searchNr{display: block;}
/*============================ @media 屏幕适应 ===============================*/
/* 超小屏幕（手机，小于 768px） */
@media (max-width:768px) {
	
 .nav-2 .mainnav ul{ display: block; width: 100%; padding-top: 5px;}
 .nav-2 .mainnav li{ font-size: 18px; font-weight: bold; padding: 10px 0 !important;
border-bottom: 1px solid #666;}
.nav-2 .mainnav{ padding-top: 0;}
}
 


 
/* 小屏幕（平板，大于等于 768px） */
@media (min-width:768px ) {
 
.nav-2 .Top .logo {
	padding: 20px 0 ;
}
/*稍大一点的移动设备中隐藏菜单按钮*/
.nav-2 .Top_menu {
	display: none; 
}
 .nav-2 .mainnav {
	float: right;
	width: auto; display: block;
	position: relative;
	-webkit-transform: none;
	transform: none;
}
.nav-2 .mainnav li {
	float: left;
	padding: 0 29px;width: auto;
	position: relative;
}
.nav-2 .mainnav li > .navA {
 
}
 
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width:1024px ) {
.nav-2 .mainnav {
	padding: 40px 0 0;
}
 
.nav-2 .Top .language { float: right;
	 
	width: 85px;
	height: 24px;
	line-height: 12px;
	float: right; margin: 5px 0 0 20px;
	position: relative;
	
}
.nav-2 .Top .language span {	width: 85px;
	display: block;height:12px; padding: 0 5px 0 5px; border: 1px solid #50575b; border-width: 0 1px 0 1px;
	text-indent: 10px;background: url(../images/home_09.png) no-repeat 60px center;
	float: left; color: #e8252b; cursor: pointer;
}
.nav-2 .Top .language dl {
	position: absolute;
	left: 10px;
	top: 23px;
	width: 62px;
	border-bottom: none;
	height: 0;
	overflow: hidden;
	color: #fff;
	-webkit-transition: all 300ms;
	transition: all 300ms;
}
.nav-2 .Top .language dl a {
 	color: #fff;
}
.nav-2 .Top .language:hover dl {
	height: auto; display: block;
}
.nav-2 .Top .language a {
	display: block;
	text-indent: 10px;
}
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
.nav-2 .Top .language {
	display: block;
 }
.header1{position: absolute; top: 0; left: 0; width: 100%; background: url(../images/ban_03.png) ;}
.nav-2{position: fixed;}
}
/* top end */
@media (max-width: 1200px) {
 .nav-2 .mainnav li{padding: 0 10px;}
 .nav-2 .top_tel{ width: auto}

}

@media (min-width:1024px) {
	
 .searchBox{ margin: 43px 0 0 18px;}
 .nav-2 .Top .language {
  margin: 45px 0 0 20px;


	
}
   }
 

/*============================ @media 屏幕适应 ===============================*/
/* 超小屏幕（手机，小于 768px） */
@media screen and (min-width:640px){}

/* 小屏幕（平板，小于等于 1200px） */
 

/*首页 */

.home1{ background: url(../images/home_17.jpg); padding: 3% 0 5%;}
.home1 .container a{   position: absolute;  right: 10px; bottom: 2%; display: block; width: 102px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #e8421f; }
.home1 .container{ position: relative;}

@media screen and (min-width: 640px) { 
	.home1 .container a{ width: 162px; height: 46px; line-height: 46px;   right: 0;}

 }
@media screen and (min-width: 1200px) { 
	.home1 .container a{ right: 45px; bottom: 70px;}
	.nav-2{padding: 0 55px;}

 }
.home2 .left{ padding: 8% 0; background: url(../images/home_20.jpg) no-repeat center center; background-size:cover;}
.home2 .left .bg{ padding:0 0 5% 0; background: url(../images/ho_09.png);}
.home2 .left .text{ color: #333; line-height: 24px; padding: 0 10%}
.home2  .title{ padding: 7% 0 10%; font-size: 24px; color: #333; text-align: center; font-weight: bold;}
.home2  .title span{ border-bottom: 1px solid #ee785d; display: inline-block; width: 60px; margin: 0 18px}
.home2  .title b{color: #e8421f}
.home2  .title p{ font-weight: 100; color: #666; font-size: 18px}
.home2 .left  .more{display: inline-block; margin: 7% auto;display: block; width: 162px; height: 46px; line-height: 46px; text-align: center; color: #fff; background: #e8421f;  }
.home2 .right{ background:#000 url(../images/home_21.jpg) no-repeat center center}
 @media screen and (min-width: 1024px) { 
 .home2 .left,
 .home2 .right{ width: 50%; float: left; height: 696px;}
 }
.home2 .right .title{ color: #fff;  padding: 23% 0 10% ;}

.home2 .right .nr{text-align: center;}
.home2 .right .nr .nr1,
.home2 .right .nr .nr2{display: inline-block; max-width: 217px; margin:  20px 0; color: #a6a8ac;}
.home2 .right .nr a{ font-size: 16px; font-weight: bold; color: #fff;}
.home2 .right .nr img{padding-bottom: 35px;}
.home2 .right .nr span{ margin:20px auto;display: inline-block;  width: 63px; border-bottom: 1px solid #fff;}
 @media screen and (min-width: 1024px) { 
 .home2 .right .nr .nr1,
.home2 .right .nr .nr2{ margin:  20px 16px;  }
.home2 .right .title{ color: #fff;  padding: 23% 0 3% ;}


 } 
 @media screen and (min-width: 1280px) { 
 .home2 .right .nr .nr1,
.home2 .right .nr .nr2{ margin:  30px 47px;  }
.home2 .right .nr img{padding-bottom: 48px;}
.home2 .right .nr span{ margin:30px auto; }


 }
 @media screen and (min-width: 1800px) { 
 .home2 .right .nr .nr1,
.home2 .right .nr .nr2{ margin:  0px 47px;  }

 }
.homeVideo { background: url(../images/home_17.jpg); }
.homeVideo  .title{ padding: 4% 0 0; font-size: 24px; color: #333; text-align: center; font-weight: bold;}
.homeVideo  .title span{ border-bottom: 1px solid #ee785d; display: inline-block; width: 60px; margin: 0 18px}
.homeVideo  .title b{color: #e8421f}
.homeVideo  .title p{ font-weight: 100; color: #666; font-size: 18px}

.videoBox{padding: 10px; background: #000;}
.videoBox p{text-align: center; color: #fff}
.videoBox p span{text-align: center; color: #e8421f; padding-right: 6px}
.videoBox video{ width: 100%; max-height: 392px;}
.bg2{ background: url(../images/home_31.jpg) no-repeat center bottom;}
.homeVideo a{display: inline-block; margin: 3% auto 5%;display: block; width: 162px; height: 46px; line-height: 46px; text-align: center; color: #fff; background: #e8421f;  }
.homeVideo a.videoimg{ display:block; width:100%; margin:0; background:#000; height:auto !important;}

/*底部 */

.bottom-2{ background: #000; border-top: 3px solid #e8421f; }

.bottom-2 .container{ position: relative;}
.bottom-2 .container .retun{ position: absolute; width: 55px; height: 62px; text-align: center;  top: -65px; right: 0; display: block; font-size: 14px; color: #f4b1a9; background: #e8421f url(../images/home_27.png) no-repeat center 15px; padding: 40px 0 0 ; line-height: 14px; cursor: pointer;}
.bottom-2 .container .botQQ{position: absolute; width: 55px; height: 62px; text-align: center;  top: -65px; right: 58px; display: block; color: #f4b1a9; background: #e8421f;  cursor: pointer;font-size: 14px;  padding: 20px 10px;  letter-spacing: 2px;  line-height: 18px;}
 
.Btop dl{ text-align: center; width: 33.3%; float: left; margin: 7% 0 0;}
.Btop dl dt,.Btop ul li.li1{font-size: 14px; font-weight: bold; color: #a3a3a3}
.Btop dl dd a{font-size: 12px;   color: #747474;}
.Btop dl dd{line-height: 30px;}
.Btop ul { padding: 7% 0 0; float: right; width: 60%;}
.Btop dl dt{padding:0 0 10px}
.Btop ul li{ position: relative; padding-bottom: 10px; display:inline-block;}
/*.Btop ul li.li2{ background: url(../images/home_44.png) no-repeat left top;padding-left: 45px; font-size: 14px; font-weight: bold; color: #6a6a6a; height: 46px; line-height: 36px; margin-right:10px;}*/
.Btop ul li.li2 a{ display:block; background: url(../images/home_44.png) no-repeat left top;padding-left: 45px; font-size: 14px; font-weight: bold; color: #6a6a6a; height: 46px; line-height: 36px; margin-right:10px;}
.Btop ul li.li2 a:hover,.Btop ul li.li4 a:hover{ color:#6a6a6a;}
.Btop ul li.li3{ background: url(../images/home_47.png) no-repeat left top;padding-left: 45px; font-size: 14px; font-weight: bold; color: #6a6a6a; height: 46px; line-height: 36px;margin-right:10px;}
.Btop ul li.li4 a{  display:block; background: url(../images/qq_hover.png) no-repeat left top;padding-left: 45px; font-size: 14px; font-weight: bold; color: #6a6a6a; height: 46px; line-height: 36px; }


.codebox{position: absolute; padding-top: 16px; text-align: center; top: 40px;
left: -40px; width: 128px; height: 136px; background: url(../images/home_41.png) no-repeat top center; display: none; }

.Btop ul li:hover .codebox{ display: block;}

.Btop ul li.li2 a:hover{ background: url(../images/home_34.png) no-repeat left top;}
.Btop ul li.li3:hover{ background: url(../images/home_417.png) no-repeat left top;}
.Btop ul li.li4 a:hover{ background: url(../images/qq.png) no-repeat left top;}


.bBot{ margin: 25px 0 0; border-top: 1px solid #121212; padding: 15px 0 15px}
.Blink li,.Blink em{float: left;}
.Blink {height: 24px;}
.Blink li a{float: left; color: #747474; font-size: 12px;}
.Blink  em{ border-left: 1px solid #242424; height: 12px; margin: 2px 5px;}
.copy{font-size: 12px; line-height: 24px; color:#747474; padding: 5px 0 0 }
.copy a:hover{ color:#eee }


 @media screen and (min-width: 640px) { 
 .bBot{padding: 30px 0}
.Blink  em{ margin: 2px 10px;}


 }

 @media screen and (min-width: 1024px) { 
 .Blink em{ margin: 2px 10px;}
.Btop dl{ width: 14%; max-width: 214px; border-right: 1px solid #0e0e0e}
.Btop ul{ width: auto;}
.Blink{ float: left; line-height: 75px;}
.copy {float: right; padding: 0; line-height: 75px;}
.bBot{ margin:86px 0 0; border-top: 1px solid #121212; padding:0; height: 75px}
.Blink  em{ margin: 32px 10px 0;}

 }

@media screen and (min-width: 1200px) { 
  
.Btop ul{  float: left; padding-left: 130px;}


 }

/* 二级菜单 */

.sub { border-bottom: 1px solid #eee; margin: 0 0 50px;}
.sub li a{ font-size: 18px; color: #3a3a3a; padding: 0 0 13px; }
.sub li a.on{  color: #e9431f; border-bottom: 2px solid #e9431f; }
.sub li {padding: 15px 22px 14px 0 ; float: left; }


/* 产品中心 */

.ProList li .img{ border-bottom: 1px solid #f1f1f1; text-align: center;} 
.ProList li { border: 1px solid #f1f1f1; margin: 0 0 15px;} 
.ProList li .text{padding:15px;} 
.ProList li .text a{ font-size: 24px; color: #000;} 
.ProList li .text a span{ display: inline-block; width: 40px; border-bottom: 1px solid #e9431f ;margin: 0px 0 20px;} 
.ProList li .text p{ font-size: 14px; color: #666; line-height: 21px;} 
.ProList li .text a.more{ display: inline-block; font-size: 12px; color: #fff; text-align: center; width: 80px; height: 25px; line-height: 25px; background: #e9431f; margin: 35px 0 15px;} 
@media screen and (min-width: 768px) { 
    
 .ProList li { background: #f6f6f6; margin: 0}
 .ProList li .img{width: 50%; float: left; border: 0; }
 .ProList li .text{width: 50%; float: left; background: #fff; border-left:1px solid #f1f1f1}
.sub li{padding: 15px 80px 14px 0 ; }
 .ProList li.on .img{ float: right;}
 .ProList li.on .text{ border-right:1px solid #f1f1f1;border-left:0}
 .ProList li.on { border-width:0 1px ;}

 }
@media screen and (min-width: 1200px) { 
  
  .ProList li .text{height: 315px; padding: 45px 37px 49px;}
.ProList li .text a.more{margin: 40px 0 0;}

 }
/*pages*/
.Pagesa{ line-height:18px; zoom:1; margin:0 auto; width:auto; text-align:center; height:30px; margin-bottom:85px; margin-top:10px; padding-top:20px;  }
.Pagesa span{display:inline-block; font-weight:100;}
.Pagesa a{ display:inline-block; padding:0px 9px; color:#666; font-size:18px; line-height:31px; }
.Pagesa .p_page a{ display:inline-block; vertical-align:middle;}
.Pagesa .p_page .a_prev,.Pagesa .p_page .a_next{ width:53px;text-align:center; padding: 0 20px; height: 29px; border: 1px solid #e1d9cd; border-radius: 15px 0 0 15px}
.Pagesa .p_page .a_prev{ margin-right:5px; padding: 0 20px;}
 .Pagesa .p_page em{font-style:normal;}
.Pagesa .p_page .num a{ display:inline-block; height:31px;line-height:31px;vertical-align:middle; margin-right:5px;}
.Pagesa a:hover,.Pagesa .p_page .num a.a_cur{color:#e8421f; }

 .Pagesa .p_page .a_prev{ background: url(../images/cpzx_15.png) center center no-repeat;}
 .Pagesa .p_page .a_next{ background: url(../images/cpzx_115.png) center center no-repeat;border-radius:0 15px 15px 0  }

 .Pagesa .p_page .a_prev:hover{ background:#e8421f  url(../images/cpzx_118.png) center center no-repeat;border: 1px solid #e8421f; }
 .Pagesa .p_page .a_next:hover{ background:#e8421f url(../images/cpzx_18.png) center center no-repeat; border: 1px solid #e8421f;  }


@media screen and (min-width: 768px) { 
    
 .Pagesa .p_page .a_prev,.Pagesa .p_page .a_next{ width:73px;}
.Pagesa{  margin-bottom:85px; margin-top:23px;   }

 }

/* 产品详情 */
.protop{ position:relative;}
.ProInfo .text1 a{display: inline-block; font-size: 14px; color: #fff; text-align: center; width: 160px; height: 35px; line-height: 35px; background: #e9431f; margin: 55px 0 15px;}
@media screen and (max-width: 500px) { 
  
.ProInfo .span1{ font-size: 30px !important;}
.ProInfo .span2{ font-size: 20px !important;}
.ProInfo .span3{ width: 100%; text-align: center;}


 }
 @media screen and (min-width: 1200px) { 
  
.protop .text1 { left:0; top:50px;}
.protop .pror{ padding-left:250px;padding-top: 30px; overflow:hidden;}
 }

.srollpic{position: relative; overflow: hidden;  }
.srollpic .bigImg{ height: 315px; position: relative;}
.srollpic .bigImg li img{ vertical-align:middle; width:598px; height:315px;   }

.srollpic .smallScroll{ background: #f9f9f9; height: 178px; border: 1px solid #f1f1f1; border-width: 1px 0; margin: 48px 0 0; padding: 22px 0 0; position:relative;}
.srollpic .sPrev,.srollpic .sNext{ position:absolute; display: block;z-index: 2; top: 65px;  width:15px; height: 26px; text-indent: -9999px; background: url(../images/cpxx_15.jpg) no-repeat top center; left:5px;}
.srollpic .sNext{ background: url(../images/cpxx_115.jpg) no-repeat top center; right:5px; left:auto;}
.srollpic .sPrev:hover{ background: url(../images/cpxx_118.jpg) no-repeat top center; }
.srollpic .sNext:hover{ background: url(../images/cpxx_18.jpg) no-repeat top center; }

.srollpic .smallImg{ float:left;  margin: 0 30px; overflow: hidden;}
.srollpic .smallImg ul{  height: 155px;  width: 9999px; overflow: hidden; }
.srollpic .smallImg li{ float: left; padding: 0; margin:0 10px; width:146px; height:155px; cursor:pointer;  display: inline; border-bottom: 2px solid transparent; }
.srollpic .smallImg img{   width:146px; height:133px;}
.srollpic .smallImg .on { border-bottom: 2px solid #515151;}




@media screen and (max-width: 640px) { 
 .srollpic .smallImg li{width:126px; height:135px; margin-right:0; }
.srollpic .smallImg img{   width:126px; height:113px;} 


 }

.text2{text-align: center; padding-top: 30px; padding-bottom: 50px;}
.text2 img{ max-width:100% !important;}

@media screen and (min-width: 768px) { 
  
.text2{  padding-top: 63px; padding-bottom: 160px;}

 }
/* 定制服务 */
.dzInfo .text{border:1px solid #f1f1f1; padding-bottom: 25px;}
 

@media screen and (min-width: 768px) { 
  
.dzInfo .text img{float: right;}
.dzInfo .text{  padding-bottom: 0;}
 
 }

@media screen and (min-width: 1200px) { 
  .dzInfo .text span.span1{ padding:40px 0 40px !important; }
  .dzInfo .text {padding: 0 0 0 45px;}
  .dzInfo .text img{margin: 0 0 0 45px;}

 }


  .picText .text1 .nr ul li {padding: 15px 0 0}
  .picText .text1 .nr ul li img{ float: left; margin-right:15px;}
  .picText .text1 .nr ul li span{display: block; font-size: 16px; color: #323232; }
  .picText .text1 .nr ul li b{  color: #e8421f; padding: 0 3px 0 10px}
  .picText .text12{padding-top: 70px; padding-bottom:87px;}
@media screen and (min-width: 1024px) { 
  .picText .text1 img.img1 { float: left; width: 53%; max-width: 623px; }
  .picText .text1 img.img2 { float: right; width: 60%; max-width: 691px; }
 
  .picText .text1  .nr{ float: left; width: 45%; padding: 0 0 0 64px;}
  .picText .text1  .nr1{   width:40%; padding: 0 64px 0 0;}
 }
@media screen and (min-width: 1200px) { 
  
  .picText .text1  .nr{   padding:43px 0 0 64px;}
  .picText .text1  .nr1{   padding:  0;}
 }
/* 官方视频 */
.videoList li{ width: auto; text-align: center; margin: 0 auto 25px; position: relative;}
.videoList li a{ position: absolute; width: 100%; height: 100%; background: url(../images/gfsp_22.png) top center no-repeat; top: 0; left: 0 }
.videoList li a h3{font-size: 14px; color: #fff; padding-top: 160px; margin: 0;}
.videoList li a span{font-size: 14px; color: #e8421f;  }

@media screen and (min-width: 768px) { 
  .videoList li{ width: 45%; margin: 0 2.5% 25px; float: left; }
.videoList li a h3{ padding-top: 44%; }

  }
@media screen and (min-width: 1024px) { 
  .videoList li{ width: 30%; margin: 0 1.65% 25px; }
 
.videoList li a{ background: url(../images/gfsp_22.png) center center no-repeat;   }

  }

@media screen and (min-width: 1200px) { 
  .videoList li{ width: 385px; margin: 0 22px  25px 0;   }
  .videoList li.on{ margin: 0 0  25px 0;   }
 .videoList li a h3{ padding-top: 43%; }

 
  }

/* 官方视频详情 */

.videoInfo{ text-align: center;}
.videoInfo video{ width: 100%; max-width: 800px;}


  /* 新闻动态 */
  .NewsList li{padding: 29px 0}
.NewsList li div.time{display: none}
.NewsList li.on{ background: #f6f6f6; border: 1px solid #f1f1f1; border-width: 1px 0}
.NewsList li a.img{ display: block; text-align: center;}
.NewsList li .nrT a{ font-size: 17px; color: #000; padding:23px 0 10px;display: inline-block;}
.NewsList li .nrT p{ font-size: 12px; color: #666; line-height: 21px}
.NewsList li .nrT a:hover{ color: #e9431f}
.NewsList li  a.more{ display: inline-block; width: 80px; height: 25px; text-align: center;line-height: 25px; background: #e9431f; font-size: 12px; color: #fff}

@media screen and (min-width: 640px) { 
.NewsList li a.img{ float: left; width: auto;}
.NewsList li .nrT { width: 55%; float: left; padding-left: 15px;}
.NewsList li .nrT a{padding-top: 0}
.NewsList li  a.more{ float: right;}
  }


@media screen and (min-width: 1200px) { 
.NewsList li .nrT{ width: 663px; padding-left: 46px}
.NewsList li .nrT a{padding-top: 23px}
.NewsList li  a.more{ margin: 56px 0 0}
.NewsList li div.time{display: block; float: left; width: 95px; margin: 30px 40px 0 0; text-align: right; font-family: arial; font-size: 20px; color: #888;}
.NewsList li div.time span{display: block; font-size: 36px; color: #666; height: 38px;}
   }
  /* 新闻动态详情 */
.newsInfo h3.h3{ text-align: center; font-size: 22px; color: #000}
.newsInfo .time{ text-align: center;  color: #666; padding-bottom: 0; border-bottom: 1px solid #d1d1d1; margin-bottom: 20px}



/* 资料下载 */
.downList li { text-align: center; margin-bottom: 27px;}
.downList li img{ border: 1px solid #f1f1f1}
.downList li .text h3{font-size: 17px;
color: #000;
padding: 5px 0 ; text-align: left;
}

.downList li .text .nr{font-size: 12px;
color: #666;
line-height: 21px;text-align: left;
}

.downList li .text a{ 
background: #e9431f url(../images/down_13.jpg) no-repeat 75px center;
width: 100px;
padding-left: 14px;
line-height: 25px;
height: 25px;
color: #fff;
font-size: 12px;
display: block;
margin: 20px auto 0;
text-align: left;}
.downList li .text a.no{background: #666; padding:0; text-align:center;}


@media screen and (min-width: 640px) { 
 .downList li img{float: left; width: 35%; max-width: 216px;}
.downList li .text{ float: right; margin-right: 8px; background: #f7f7f7; border: 1px solid #f1f1f1}
 .downList li .text{padding: 3px 36px 26px 28px; width: 60%}
  }

@media screen and (min-width:1024px) { 
   .downList li .text{ width: 75%}
  }

@media screen and (min-width:1200px) { 
   .downList li .text{ width: 970px; height: 126px}
   .downList li .text .nr{ float: left; width: 720px; overflow: hidden;
}

.downList li .text a{ float: right; margin-top: 45px
} 
  }




.pic2{ background: url(../images/hxjs_05.jpg) no-repeat left top; font-size: 12px; line-height: 18px; color: #fff; padding:106px 15px 20px 61px; max-height: 363px; overflow-y: hidden; }
.pic2 .p2{font-size: 22px; padding: 0 0 20px 80px; }
@media screen and (min-width: 1200px) { 
.pic2{  padding:106px 600px 20px 61px; height: 363px; font-size: 14px;line-height: 21px; }
.pic2 .p2{font-size: 40px; padding: 0 0 30px 90px; }

 
  }

  /* 核心技术 */
.xttd li{ border: 1px solid #f1f1f1; border-radius: 8px;padding: 130px 18px 35px; margin: 0 0 25px}
.xttd li.li1{ background:#f6f6f6 url(../images/hxjs_09.png) no-repeat center 42px;  }
.xttd li.li2{ background:#f6f6f6 url(../images/hxjs_11.png) no-repeat center 42px;  }
.xttd li.li3{ background:#f6f6f6 url(../images/hxjs_13.png) no-repeat center 42px;  }
.xttd li.li4{ background:#f6f6f6 url(../images/hxjs_15.png) no-repeat center 42px;  }
.xttd li.li5{ background:#f6f6f6 url(../images/hxjs_17.png) no-repeat center 42px;  }
@media screen and (min-width: 640px) { 
.xttd li{ width:48%; margin: 0 1% 25px; float: left;}

 
  }

@media screen and (min-width: 1024px) { 
.xttd li{ width:30%; margin: 0 1.65% 25px; float: left; height: 335px;}

 
  }
@media screen and (min-width: 1200px) { 
.xttd li{ width:226px; margin: 0 17px 25px 0; float: left; height: 351px;}
.xttd li.li5{ margin-right: 0}

 
  }
.zygn {padding: 0 0 50px;}
.zygn .sp1{ display: none}
@media screen and (min-width: 640px) { 
.zygn .sp1{ display: block; margin-right: 25px;}

 
  }

@media screen and (min-width: 1024px) { 
.zygn li{ width: 48%; margin-right: 4% !important; float: left}
.zygn li.on{ margin-right: 0%  !important;}
.zygn li h4{ margin-top: -8px;}
 .zygn {padding: 0 0 90px;}

  }


/* Q&A */
.qusLIst ul{ padding: 0 0 55px;margin: -5px 0 0;   border-top: 0;}
 .qusLIst ul li .left{ float: left; width:82px;}
.qusLIst ul li .left span{ display: block; height: 62px; margin-bottom: 9px;   }
.qusLIst ul li { padding-top: 9px;}
.qusLIst ul li .left span.qustion{ background: url(../images/qus_16.jpg) no-repeat  left top;}
.qusLIst ul li .left span.daan{ background: url(../images/qus_14.jpg) no-repeat left top; display: none;}
.qusLIst ul li .right{ float: left; width: 1115px;}
.qusLIst ul li .right dt{  padding:14px 25px 14px 30px; border: 1px solid #ebebeb; font-size: 18px; font-weight: 100; color:#3a3a3a; background: #fafafa; margin-bottom:9px; margin-top: 4px;}
.qusLIst ul li .right dt span{ display: block; float: right; width: 46px; height: 45px; border-left: 1px solid #ebebeb; margin-top: -10px; background: url(../images/qus_17.jpg) no-repeat right center;}
.qusLIst ul li .right dd{ min-height: 110px;  padding:20px 50px 81px 30px; border: 1px solid #ebebeb; font-size: 14px; color:#666; line-height: 24px; margin-bottom:32px; display: none; margin-top: 14px;}

.qusLIst ul li.ys .right dt span{  background: url(../images/qus_10.jpg) no-repeat right center;}
  .qusLIst ul li.ys .left span.daan{  display: block;}
.qusLIst ul li.ys .right dt{ color: #e9431f}


@media screen and (max-width: 1200px) { 
 
.qusLIst ul li .right{ width: 90%;}
.qusLIst ul li .right dt{ font-size: 16px;}
  }

@media screen and (max-width: 999px) { 
 
.qusLIst ul li .right{ width: 70%;}
 .qusLIst ul li.ys .right dt span{ border: 0}
  }

@media screen and (max-width: 460px) { 
 
.qusLIst ul li .right{ width: 60%;}
 .qusLIst ul li.ys .right dt span{ border: 0}
  }



/* 公司简介 */

.gsjj{ margin-top: -50px;}

@media screen and (min-width: 768px) { 
 .gsjj .text{ float: left; width: 52.08%}
 .gsjj .pic{ float: right; width: 44.25%; margin-top: 10px;}

  }

/* 公司简介团队核心 */
 .gsjj .tit{font-size: 24px; color: #000; font-weight: 100; padding-top: 55px;padding-bottom:  35px; background: none !important}
 .gsjj .linkList .tit{padding-top: 25px;}
 .gsjj .tdhx  li{background: #fbfbfb; border: 1px solid #f1f1f1; margin-bottom: 32px;}
 .gsjj .tdhx  li .pic1{text-align: center;}
 .gsjj .tdhx  li .nameNr{ padding: 32px 15px}
 .gsjj .tdhx  li .nameNr .name span{color: #323232; display: block; font-size: 20px}
 .gsjj .tdhx  li .nameNr .name {font-size: 12px; color: #666}
 .gsjj .tdhx  li .nameNr .jtnr {padding: 32px 0 0}
 .gsjj .linkList {padding-bottom: 35px;}
@media screen and (min-width: 768px) { 
 .gsjj .tdhx  li .pic1{width: 18.33%; float: left;}
 .gsjj .tdhx  li .nameNr{ width: 75.6%; float: left; margin-left:3.6%; padding: 25px 0 0 }
  }
/* 公司简介发展历程 */
.history{background: #fbfbfb; border-top: 1px solid #f1f1f1; margin-top: 45px;}
.history li{ float: left; width: 133px !important; margin: 0 72.5px; background: url(../images/gsjj_23.png) no-repeat top center;}
.history .tempWrap{padding: 0 43.5px ; width: 100% !important}
.history .container{position: relative;}
.history .container span.prev,.history .container span.next{position: absolute; width: 20px; height: 21px; top: 140px; z-index: 2; cursor: pointer;}

.history .container span.prev {right: 15px; background: url(../images/gsjj_14.png) no-repeat top center}
.history .container span.next {left:15px; background: url(../images/gsjj_114.png) no-repeat top center}
.history .container span.prev:hover { background: url(../images/gsjj_117.png) no-repeat top center}
.history .container span.next:hover { background: url(../images/gsjj_17.png) no-repeat top center}
.history .container{ background: url(../images/xhx_03.jpg) repeat-x left 150px;}

.history li .year{ width: 74px; height: 36px; background: url(../images/gsjj_32.png) no-repeat top center; color: #fff; font-size: 14px; text-align: center;padding: 11px 0 0; margin: 20px auto 0}

.history li .text2{font-size: 12px; color: #666; line-height: 20px; text-align: left; padding: 20px 0}
.history li img{  padding:0 0 12px}

.history li:hover{ background: url(../images/gsjj_20.png) no-repeat top center;}
.history li:hover .year{ background: url(../images/gsjj_30.png) no-repeat top center;}


@media screen and (min-width: 1200px) { 
 .history .container span.prev {right: 0;  }
.history .container span.next{left: 0}
.history {padding-bottom:57px; }
  }

/* 企业文化 */
.qywh{ padding: 82px 0 0; }


@media screen and (min-width: 768px) {
 .qywh{padding-bottom: 108px;} 
 .qywh .text{ float: left; width: 57.08%; margin-top: 2%}
 .qywh .pic{ float: right; width: 38.33%; margin-top: 10px; padding: 0 !important; margin: 0 !important}

  }
/* 行业覆盖 */
.hyfg{padding-bottom: 68px;}

/* othres */
.singpage{padding-bottom: 5%}
/* 搜索 */

.searchList li{ color: #666; border-bottom: 1px solid #d1d1d1; padding:15px}
.searchList li a{float: left;}
.searchList li .time{float: right; display: none;}
@media screen and (min-width: 768px) {
 
.searchList li .time{display: block}

  }
/* links */
.linkList li a{display: block;}
.linkList li img{border: 1px solid #ebebeb}
.linkList li h3{ font-size: 14px ; font-weight: 100; color: #000; margin-top:15px }
.linkList li { float: left; text-align: center; width: 80%; margin: 0 10% 20px;}

@media screen and (min-width: 640px) { 
  .linkList li{ width: 40%; margin: 0 2.5%  20px}
 }
  
 
 
@media screen and (min-width: 1200px) { 
  .linkList li{ width: 360px; margin: 0 60px 43px 0;   }
  .linkList li.on{ width: 360px; margin: 0 0 43px 0;   }
  
 
  }

/*Job*/
.jobbtit{ font-size:18px; color:#333; font-weight:bold;}
.joblist{}
.joblist figcaption{ font-weight:bold;}
.joblist dl{ cursor:pointer; color:#333;}
.joblist dl dt{ background:#363636; margin-bottom:0.25em;}
.joblist dl span{ float:left; width:25%;  padding:0.5em 0 0.5em 0; text-align:center;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }
.joblist dl span.jobname{ position:relative;}
.joblist dl span.jobname em{ font-size:1em; font-family:"宋体"; font-weight:bold; color:#fff; background:#363636; position:absolute; padding: 0 0.25em; left:10px; height: 1em; line-height: 1.25em;top: 0.8em;font-style: normal; border-radius:3px; width:1em;}
.joblist dl span.first{ border-left:none; text-align:left; padding-left:27px; width:25%;}
.joblist dl dt span{ color:#fff;border-left:1px solid #434343; width:25%;}
.joblist dl dd{ background:#e5e5e5;}
.joblist dl.even dd{ background:#fff;}
.joblist dl figure{ display:none;}
.joblist dl figure{ border-bottom:1px solid #e5e5e5;}
.joblist dl.even figure{ border-top:1px solid #e5e5e5;border-bottom:none;}
.joblist dl.cur dd span{}
.joblist dl.cur figure{ padding:1.5em 3% 1.5em 3%; position:relative;}
.joblist dl.cur figure .con{ font-size:1em; line-height:2em; }
.joblist dl.cur .throw{ background:#e9431f; width:120px; text-align:center; color:#fff; font-weight:bold; height:30px; line-height:30px; display:block;}

.jobform{}
.jobform dl{ background:#fff; border:#efefef solid 1px; padding:0.9em 0; margin:0 auto 1.1em; max-width:500px; line-height:1.5em; overflow:hidden;}
.jobform dl dt{ padding:0 1em; color:#777; float:left; text-align:right; width:24%; min-width:100px; max-width:100px; }
.jobform dl dd{ padding:0 0.5em; float:left; width:72%;}
.jobform dl dd .text{ width:100%;}
.jobform dl.last{ border:none;}
.jobform .btn{ width:45%; float:right; background:#333; color:#fff; font-size:16px; font-weight:bold; padding:0.5em 0; border-radius:0; letter-spacing:0.5em;}
.jobform .btn.submit{ float:left; background:#e9431f;}
/*job End*/
/*.onlineQQ{ background:#e9431f; display:block; width:120px; height:35px; line-height:35px; color:#fff; text-align:center; margin:20px 0 0 0;}
.onlineQQ:hover{ color:#fff;}*/

.ProInfo,.newsInfo,.videoInfo,.hyfg{ max-width:900px; margin-right:auto; margin-left:auto;}
.newsInfo{ position:relative;}
.newsInfo .date{ display:inline-block; position:relative; top:-27px;}
.bdsharebuttonbox{ display:inline-block; margin-left:20px;}
.bdsharebuttonbox .sharedpan{ float:left; line-height:36px;}