@charset "utf-8";
/*初始化样式*/
body{ margin:0px; padding:0px; margin:0px auto; zoom:1;

/*设置字体*/
font-size:14px;
line-height:24px;
font-family:Arial,"微软雅黑","宋体";
color:#414446;

/*设置宽度*/
width:100%; 
background: #fff;
}
/*设置间隔*/
.mag-bt-10{margin-bottom:10px;}
.mag-bt-20{margin-bottom:30px;}
.mag-bt-30{margin-bottom:30px;}

ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
.ul,li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
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自带的样式*/
textarea{resize:none;/*-webkit-appearance:none;*/}

textarea,input,select { background:none; border:none; margin:0; padding:0;}

/*html5设置*/
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} 
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}

img{ border:none; border:0; vertical-align:baseline;}
a{ color:#414446; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#333;}


/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
*html .clearfix { height:1%; }
*+html .clearfix { height:1%; }

/*================ header部分 ===========================*/
.header{ min-height:100px; border-bottom:3px #333 solid;}
.header .logo{ float:left; padding:20px 0px 20px 0;}
.header .container{ position: relative;}
.banner img{width:100%;}



	/* 头部 服务项目 */
	.idx-service{ float:right; }
	.idx-service ul{}
	.idx-service li.item{border-left:1px #ccc solid; display:inline-table; line-height:100px; min-height:100px; padding:0 20px; position:relative;}
	.idx-service li.item:nth-last-child(1){border-right:1px #ccc solid;}
	.idx-service li.item a{margin-left:5px;}
	.idx-service li.item a.active,.idx-service li.item a:hover{color:#333;}
	.idx-service li.item .cn-ico,.idx-service li.item .en-ico{ display:none; position:absolute; top:10px; left:30px;}
	.idx-service li.item a.cn:hover .cn-ico{ display:block;}
	.idx-service li.item a.en:hover .en-ico{ display:block;}
	.idx-service li.m-nav-btn{ display:none; float:right;} 
	.m-nav-btn .bx-lg{ vertical-align:middle; font-size: 22px;}
	
		/*企业邮箱*/
		.T-email{}
		.T-email span{font-size:22px;  vertical-align:middle;  }
	

/* 导航菜单 开始*/

.MainNav{ float: right;  margin: 40px 0 0 120px; z-index:9999;}
.MainNav ul li{float: left; padding:0 15px;  text-align: center; position: relative; height: 30px; z-index:9999;}
.MainNav ul li .Main_link{font-size: 16px; color: #5f5d5d; font-weight:600; display: inline-block; padding-bottom: 6px;}
.MainNav ul li.on .Main_link,.MainNav ul li:hover .Main_link{color: #333; border-bottom: 3px solid #333;}
.Main_nav{ position: absolute; top: 32px; left: auto; padding-top: 31px; z-index:9999;}
.Main_navCon{ padding: 6px 20px; background: #333; z-index:9999;}
.Main_nav .Main_list{float: left; padding:20px 30px;   border-rig9ht: 1px solid #eee;}
.Main_nav .Main_list dl dd{  margin-top: 5px;  border-bottom: 1px solid #333; text-align: left;}
.Main_nav .Main_list dl dd:hover{background: url(../images/nav_arrow.png) 13px 50% no-repeat; border-bottom: 1px solid #000; }
.Main_nav .Main_list dl dd a{color: #fff; font-size: 14px;}
.Main_nav .pic{width: 53%; height: 100%; padding: 5% 0; float: right; color: #fff;}
.Main_nav .pic img{width: 100%; display: block;}
.MainNav ul li{-webkit-perspective: 500px;}
.MainNav ul li>li{
	position:relative;
	-webkit-perspective: 500px;
	/* perspective: 500px; */
}
@media(max-width:1152px){ 
.MainNav ul li .Main_link{ font-weight:normal;}
}
.MainNav ul li .Main_nav{
	-webkit-perspective: 500px;
	perspective: 500px;
}
.Main_nav{	transform: rotate3d(1,0,0,-90deg);
	-webkit-transform: rotate3d(1,0,0,-90deg);
	-moz-transform: rotate3d(1,0,0,-90deg);
	-ms-transform: rotate3d(1,0,0,-90deg);
	-o-transform: rotate3d(1,0,0,-90deg);
	-webkit-transform-origin:0 0 0;
	-moz-transform-origin:0 0 0;
	transform-origin:0 0 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	transition: transform 0.5s, opacity 0.3s;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
	-moz-transition: -moz-transform 0.5s, opacity 0.3s;
	display:block;
	width:530px;
}
.MainNav ul li:hover>.Main_nav{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transform: rotate3d(0,0,0,0);
	-webkit-transform: rotate3d(0,0,0,0);
	-moz-transform: rotate3d(0,0,0,0);
	-ms-transform: rotate3d(0,0,0,0);
	-o-transform: rotate3d(0,0,0,0);
}
.MainNav ul li .Main_nav:ntf-child(2){width:530px;} 
#nav8 .Main_nav,#nav9 .Main_nav{right:0px;}
.form{ width: 240px; height:30px; position: absolute; right: 120px;top:35px;}
.form input[type="text"]{ border: 1px #ccc solid; padding: 5px; line-height: 18px; width: 120px;}
.form input[type="submit"]{background: #000000; color: #fff; width:60px;  height:30px; line-height: 30px; transition: background 1s linear; -moz-transition: background 1s linear; -ms-transition:background 1s linear; -o-transition: background 1s linear; -webkit-transition: background 1s linear;}
.form input[type="submit"]:hover{background: #E62129;}

/* 导航菜单 结束*/
/*======================= header部分 结束 ============================================*/
/*======================== 首页style内容 开始=====================================*/
/* 首页循环滚动-新闻列表 -位置：banner图下方 */
.lastNews{position: relative; height:66px; color:#fff; margin-top: -36px;z-index: 2; background-color:#333;}
.lastNews .idx-news-box{width:100%;padding: 17px 0;}
.lastNews .idx-news-til{text-align: center; height:100%; font-size:18px; font-weight: bold; float:left;}
.lastNews .idx-news-til .news-bt{margin-right:30px; display:block;}
.lastNews .idx-news-til .fa{ display:none;}
.lastNews .idx-news-list{width:78%; position:relative; padding-right: 6%; float:left; } 
.lastNews .infoScroll{height:28px;overflow:hidden;}
.lastNews .infoScroll li{height:28px;line-height: 28px;font-size: 14px;overflow:hidden;}
.lastNews .infoScroll li a{float:left;width:80%; color:#fff; text-overflow: ellipsis;}
.lastNews .infoScroll li .time{float:right;width:19%;font-size:13px;text-align: right;}
.lastNews .infoScroll .scroll_nav{display:none;}
.lastNews .idx-news-list a.inar{display:block;width:14px;height:22px;position:absolute;right:0; top:10px; color:#fff;}
.lastNews .idx-news-list a.Iprev{margin-top:-22px;}
.lastNews .idx-news-list a.Inext{margin-top:8px;}
.lastNews .idx-news-list a.Iprev:hover,.lastNews .idx-news-list a.Inext:hover{color:#000;}
@media(max-width:767px){
	 
}
@media(max-width:767px){
	.lastNews .idx-news-til .news-bt{ display:none;}
	.lastNews .idx-news-til .fa{ display:inline-block; margin-right:10px; vertical-align:middle;}	
}
/* 首页产品中心  */
.jianjie{ text-align:center; width:100%; overflow:hidden;}
.jianjie h1{ font-size:2.4rem; margin-bottom:2rem; color:#333;}
.jianjie .js-cont{font-size:1.6rem; width:60%; margin:0 auto;}
 .jianjie img{ width:100%;}

.idx-box{}
.idx-box h2{ text-align:center; margin-bottom:30px; font-size:30px; color:#333; font-weight:500;}
		/* 本例子css */
		.slideBox{  position:relative; }
		.slideBox .hd{  overflow:hidden;   z-index:1; margin-bottom:20px;}
		.slideBox .hd ul{  }
		.slideBox .hd ul li{ float:left;  background-color:#8A8A8A;  cursor:pointer; border:1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position:relative;}
		.slideBox .hd ul li img{ filter:alpha(opacity=20); -moz-opacity:0.2; opacity: 0.2;}
		.slideBox .hd ul li .p-text{padding:15%; font-size:20px; position:absolute; width:100%; left:0; top:0; text-align:center; color:#fff;  }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; background-color:#A1171D;}
		/* */
		.slideBox .bd{ position:relative;   z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle;  }
		.slideBox .bd img{  display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
		
/*	首页我们的案例 style	*/
.H_case{margin-top: 50px;}

.H_Title{text-align: center;}
.H_Title .cn{color: #333; font-size: 30px; }
.H_Title i{width: 36px; height: 1px; background: #333; display: none; margin: 16px auto 0;}

.H_caseMenu{margin-top: 32px; width: 100%; border-top: 1px solid #f5f5f5;}
.H_caseMenuList{width: 1180px; max-width: 100%; position: relative; margin: 0 auto; position: relative;}
.H_caseMenuList ul{width: 84%; margin: 0 auto;}
.H_caseMenuList ul li{width: 169px; float: left; text-align: center; background: url(../images/icon_line.png) 0 50% no-repeat;}
.H_caseMenuList ul li:first-child{background: none;}
.H_caseMenuList ul li span{display: block;}

.H_caseMenuList ul li .pic{display:block; height: 0px; text-align: center; vertical-align:bottom;}
.H_caseMenuList ul li .pic img{vertical-align:middle;  margin: 0 auto;}
.H_caseMenuList ul li .title{font-size: 16px; color: #999;}
.H_caseMenuList ul li a{display: block; padding: 16px 0; border-top: 5px solid #fff;}
.H_caseMenuList ul li a:hover,.H_caseMenuList ul li.on a{background: #f9f9f9; border-top: 5px solid #333;}
.H_caseMenuList ul li span .H_caseIcon{display: block;}
.H_caseMenuList ul li span .H_caseHover{display: none;}
.H_caseMenuList ul li:hover span .H_caseIcon,.H_caseMenuList ul li.on span .H_caseIcon{display: none;}
.H_caseMenuList ul li:hover span .H_caseHover,.H_caseMenuList ul li.on span .H_caseHover{display: block;}
.H_caseMenuList ul li:hover .title,.H_caseMenuList ul li.on .title{color: #333;}
.H_caseMenuList .bx-wrapper{margin: 0 auto;}
.H_caseMenuList .bx-pager{display: none;}
.H_caseMenuList .bx-controls-direction .bx-prev{width: 44px; height: 48px; background: url(../images/icon_arrowL.png) 0 0 no-repeat; position: absolute; top: 50%; margin-top: -24px; left: -160px; text-indent: 44px; overflow: hidden;}
.H_caseMenuList .bx-controls-direction .bx-next{width: 44px; height: 48px; background: url(../images/icon_arrowR.png) 0 0 no-repeat; position: absolute; top: 50%; margin-top: -24px; right: -160px; text-indent: 44px; overflow: hidden;}

.H_caseList{border-top: 3px solid #333;}
.H_caseList dl dd{display: none;} 
.H_caseList dl dd .row img{border:1px #fff solid;}

.H_casePicL{width: 49.3%; margin-bottom:5px; float: left; position: relative; cursor: pointer; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.H_casePicL img{width:100%; height:612px;}
.H_casePicR{width: 50.3%; float: right;    cursor: pointer;}
.H_casePicR .left{float: left; width: 49.1%; margin-bottom:5px; position: relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.H_casePicR .left img{width:100%; height:612px;}

.H_casePicR  .right{float: left; width: 50.1%; float: right; overflow:hidden; }
.H_casePicR  .right_t{height: 50%;  position: relative;  cursor: pointer; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.H_casePicR  .right_b{height: 50%;  position: relative;  cursor: pointer; background-repeat:no-repeat; background-position:center bottom; background-size:cover;}
.H_casePicR  .right_t { margin-bottom: 1.25%;}

.H_caseList .right .hover .text{ padding:5% 10% 0 10%}
.H_caseList .right .hover .text p{ padding:0; margin:0;}

.H_caseList .title{position: absolute; bottom: 0; left: 0; width: 100%; height: 55px; background: rgba(0, 0, 0, 0.48); color: #fff; text-align: center; line-height: 55px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.H_caseList .hover{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; display: none; overflow:hidden;}
.H_caseList .hover .text{color: #fff;  padding: 20% 30% 0 30%;}

.H_caseList .hover .btn{width: 50px; height: 50px; display: block; margin: 10px auto 0; background: url(../images/icon_more2.png) 0 0 no-repeat;}

.H_casePicL:hover .hover{display: block;}
.H_casePicR .left:hover .hover{display: block;}
.H_casePicR  .right_t:hover .hover{display: block;}
.H_casePicR  .right_b:hover .hover{display: block;}
@media(max-width:767px){
	.H_caseMenuList{width:100%;}
	.H_caseMenuList .bx-controls-direction .bx-prev{left:15px;}
	.H_caseMenuList .bx-controls-direction .bx-next{right:15px;}
	.H_casePicL{width:100%;}
	.H_casePicR{width:100%;}
	.H_casePicL img{display: block; width: 100%; height:auto;}
	.H_casePicR .left img{display: block; width: 100%; height:auto;}
	.H_casePicR .right img{display: block; width: 100%; height:auto;}
	
}
@media(max-width:579px){
	.H_casePicR .left{width:100%;}
	.H_casePicR .right{width:100%;}
	.H_caseList img{display: block; width: 100%; height:auto;}
}
/*----------------我们的案例 结束-----------------------------*/


.gallery{ margin-top:30px;}
.gallery li{ padding:0 10px; border:1px #ccc solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: 1px 2px 5px #c4c4c4;}
.gallery li h3{height:55px;}
.gallery li h3 a{font-size:15px; font-weight:500;}
.gallery{}


/*----------------关于我们  开始------------------------------------*/
	.about-list{border-bottom:1px solid #ccc;}
	.about-list ul{height:70px;text-align:center;}
	.about-list ul li{line-height:70px;text-align:center;display:inline-block;padding:0 20px;}
	.about-content{background-color:#f5f5f5;padding-top:50px;padding-bottom:50px;}
	.about-itme-box li{display:none}
	.about-itme-box li.active{display:block}
	/*新闻中心*/
	.news-box-table{display:table;padding:30px; background-color:#f3f3f3;}
	.news-box-table h3{line-height:30px;font-size:1.2em;}
	.news-lists-box{display:table-cell;vertical-align:middle}
	.news-lists-box li{ margin-bottom:15px;}
	.n-bg{ margin:0 -15px;}
	.n-bg img{height:536px;}
	
	
/*   tabs  style  */
.abt-tabs{ }
.nav-tabs{border:none; }
.nav-tabs li:nth-child(1){margin-left:35%;}
.nav-tabs li a{color:#333; padding:1em 3em;}
.nav-tabs li a:hover{color:#333;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{color:#333;}
.nav-tabs{}

.goty .nav-tabs li:nth-child(1){margin-left:0;}
/* tab-content内容区域 */
	.tab-content { background-color:#F5F5F5; padding:3em 0; border-top:1px #ddd solid;}
	.tab-content {}
	.tab-content {}
	.tab-content {}	
	
	
@media(max-width:1030px){
	.n-bg img{display:none;}
	.news-box-table{ width:100%;}
}	
@media(max-width:767px){
	.n-bg img{height:auto; width:100%;}
}	
/*----------------关于我们  结束------------------------------------*/
/*========================= 首页style内  结束===================================*/

/*======================== 内页样式 开始 =====================================*/
.content{ padding:30px 0;}
.content img{ margin-bottom:20px;}
.content p{ margin-bottom:15px;}
.content h1{ text-align:center; font-size:25px;}
.content .infos{ margin-bottom:35px; text-align:center;}
/*新闻下载*/
.news{margin-top: 50px;}
.news ul li{padding: 20px 0; border-bottom: 1px solid #efefef;}
.news ul li .pic{width: 25%; float: left;}
.news ul li .pic img{width: 100%;}
.news ul li .newsR{float: right; width: 72%; position: relative;}
.news ul li .newsR .time{position: absolute; top: 0; right: 0; color: #999;}
.news ul li .title{color: #666; font-weight: bold; font-size: 18px; display: block; padding-right: 70px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news ul li .title2{font-size: 16px; display: block; padding-right: 70px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top:5px;}
.news ul li .title:hover{color: #333;}
.news ul li .text{color: #727272; font-size: 14px; max-height: 72px; overflow: hidden; margin-top:10px; margin-bottom:15px;}
.news ul li .more{width: 93px; height: 32px; margin-top: 10px;line-height: 32px; color: #f18387; border: 1px solid #f18387; border-radius: 10px; display: block; text-align: center; font-size: 14px;}

/*案例*/  
.case{ margin: 31px auto 0; /*overflow: hidden;*/}
.case ul{margin-right: -2%;}
.case ul li{  margin-bottom:31px;  }
.case ul li img{width: 100%; display: block; height:auto;}
.case ul li .title{display: block;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 18px; color: #666;   margin-top: 20px; text-align:center;}
.case ul li .title2{margin-top: 5px; font-size: 16px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 24px;}
.case ul li .text{height:6px; margin-top: 10px; font-size: 14px; color: #727272; padding: 0 2%;   overflow: hidden;}
.case ul li .more{padding-left: 41px; width: 152px; height: 40px;  display: block; text-align: center; line-height: 40px;  background: url(../images/case_more.png) 0 0 no-repeat; color: #000; font-size: 14px;  margin: 10px auto 0;}
.case ul li .more:hover,.case ul li .title:hover{color: #333;}


/*页面框架结构*/
 
.content{ max-width: 100%; margin: 0 auto; padding:80px 0 40px;}
.content img{ text-align:center;}
.SinglePage{ /*单片*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}
/*面包屑*/
.ur-here{ float:right; padding-left: 15px; font-size: 14px; line-height: 73px;}
.ur-here span{color: #333;}
.SildeBar{width: 100%; height: 73px; background: #f1f6f9; } 
/* 单页栏目 分类列表 */
.cat-menu{margin: 0 auto; max-width: 100%;}
.cat-menu ul li{ width:20%; float: left; line-height: 73px; text-align: center;}
.cat-menu ul li a{display: block; height: 71px; color: #666; font-size: 18px; border-top: 2px solid #f1f6f9;}
.cat-menu ul li.on a,.cat-menu ul li:hover a{background: #fff; border-top: 2px solid #333; color: #333;}
	/* 左右按钮 */
	.cat-menu{padding: 0 28px; position: relative;}
	.cat-menu .bx-pager{display: none;}
	.cat-menu .bx-prev{width: 0px; height: 0px; position: absolute; left: 0; top: 50%; margin-top: -17px; background: url(../bxsider/images/menuL.png) 0 0 no-repeat; text-indent: 30px; overflow: hidden;}
	.cat-menu .bx-next{width: 0px; height: 0px; position: absolute; right: 0; top: 50%; margin-top: -17px; background: url(../bxsider/images/menuR.png) 0 0 no-repeat; text-indent: 30px; overflow: hidden;}
	.cat-menu .bx-prev:hover{background: url(../bxsider/images/menuL.png) 0 0 no-repeat;}
	.cat-menu .bx-next:hover{ background: url(../bxsider/images/menuR.png) 0 0 no-repeat;}
	.cat-menu .bx-controls{ display:none;}
	@media (max-width:767px) {
		.cat-menu .bx-controls{ display:block;} 
	}

/*栏目导航*/
.left_nav { clear: both;  }
.left_h2 { color: #000; margin: 0px; display: block; padding: 30px 0px 12px 0px; font-weight: 500; font-size: 28px; border-bottom: 1px solid #CDCFD0; }
.red{color:#333;}
.left_nav_ul { list-style: none; margin: 0px; padding: 0px; margin: 10px 0px 0px 0px; padding-bottom: 10px; }
.left_nav_ul > li { position: relative; border-bottom: 1px solid #f2f2f2; background: url(../images/left_li.gif) 6px 15px no-repeat; padding: 8px 0px 8px 18px; }
.left_nav_ul > li > a { text-decoration: none; color: #303c4b; }
.left_nav_ul > li > a:hover, .left_nav_ul li a.left_active { color: #3a5899; }
/*小类*/
ul.left_snav_ul { list-style: none; padding: 0px; display: none; padding-top: 8px; }
ul.left_snav_ul > li { margin: 0px; padding: 5px 0px 5px 10px; background: url(../images/left_sli.gif) 0px 13px no-repeat; }
ul.left_snav_ul > li > a { border: 0; color: #969494; padding: 5px 0px 5px 0px; }
ul.left_snav_ul > li > a:hover { text-decoration: none; color: #3a5899; }
.menu_head { cursor: pointer; font: 600 18px/30px "Open Sans", sans-serif; width: 35px; text-align: center; color: #303c4b; display: inline-block; position: absolute; top: 3px; right: 0px; }
.menu_head:hover { color: #3a5899; }
/*产品列表页*/
.proAll-list{margin-top:20px;}
.proAll-list li{}
.proAll-list .pic-box{background-color:#f1f6f9; padding:0 10px; border:1px #ccc solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: 1px 2px 5px #c4c4c4;}
.proAll-list .pic-box .info{display:block;padding:0 5%;}
.proAll-list .pic-box .title{font-size:16px;color:#333;font-weight: normal;margin-bottom: 20px; height:36px;}
.proAll-list .pic-box .desc{height:44px;line-height: 22px;overflow:hidden;}
.proAll-list .p-box .title{font-size:20px;}
.proAll-list li{margin-bottom:30px;}
.other_bd{border-top: 1px #e0e0e0 solid; padding-top: 40px;}

/* 页码样式 */
    .pagelist{ margin:3em auto; text-align:center;}
	.pagelist a{ border:1px #ccc solid; padding:5px 12px; margin-bottom:15px; display:inline-block;}
	
	.pagelist a.current{color:#fff;}
	.pagelist a.prev,.pagelist a.next{ }
	.pagelist a:hover,.pagelist span{border:1px #f56363 solid; padding:5px 12px; color:#fff; background-color:#f56363;}
	.pagelist span{ padding:9px 12px;}
 @media(max-width:767px){
	.pagelist .a1{display:none;}
	.proAll-list .pic-box{ padding:8px;}
	.proAll-list .pic-box .title{ height:30px; line-height:30px; margin:5px 0 0 0;}
 }
 
/*产品展示页*/
h2.left{font-size:24px;}
#pic-page { text-align: center;   }
#pic-page a { margin: 0 2px; }
#pic-page a img { width: 40px; padding: 2px; border: solid #ccc 1px; margin-bottom: 5px; }
#pic-page a:hover img, #pic-page a.active img { border: solid #5280DD 1px; }
.showpic_box, .proinfo_box { margin: 30px 0px 20px 0px; }
.product_h1 { margin: 0px; line-height: 22px; font-size: 18px; color: #145ca1; padding-bottom: 10px; border-bottom: 1px dotted #cccccc; }
.product_info { list-style: none; padding: 0px; margin-top: 10px; }
.product_info li { line-height: 24px; padding-bottom: 12px; }
.product_con { clear: both; border-top: 1px dotted #ccc; margin: 10px 0px 20px 0px; padding: 20px 0px 0px 0px; line-height: 26px; color: #898989; overflow: auto; }
.download_btn { text-align: right; margin: 10px 10px 20px 0px; }
.proinfo_box h1.title{color:#333; font-size:22px; padding-bottom:10px; border-bottom:1px #ccc solid; margin-bottom:15px;}
.quick{ margin:20px auto;}
.quick li{ float:left; margin-right:15px;}
.quick li a:hover{color:#333;}
.quick li .imgIco{width: 24px;height: 22px;margin: 0 10px 0 5px;display: inline-block;background: url(../images/img.png) no-repeat;vertical-align: middle;}
.quick .li1 a{font-weight:bold; color:#333; font-size:18px;}
.quick .li1 .imgIco{background-position: -41px 0; }
.quick .li2 .imgIco{background-position: -65px 0; }
.tools {margin-top: 15px;}
.q-tools li {float: left;width: 30%;margin-right: 1%;background-color: #f0f0f0;}
.q-tools li a {display: block;text-align: center;height: 38px;line-height: 38px;font-size: 16px;}
.q-tools li:hover{background-color:#333; color:#fff;}
.q-tools li:hover a{color:#fff;}
 
.pd_section .pd_con {
border-bottom: 1px #f0f0f0 solid;
padding-bottom: 30px;
font-size: 13px;
padding-top: 20px;}

.pd_guide,.pd_guide * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.pd_guide{background-color:#f0f0f0;}
.pd_guide li { width:15%; float:left;text-align:center; line-height: 25px;padding: 8px 0 0;}
.pd_guide li ._title{border-left: 1px #454545 dotted;vertical-align: top;display: inline-block;padding-left: 12px;}
.pd_guide a { display:block; font-size:16px; position:relative; }
.pd_guide li:last-child a { border-width:0; }
.pd_guide.fixed { position:fixed;  top:0; z-index:10; }
.pd_guide.fixed .pdico { display:none; }
.pd_guide li.active{ background-color:#c70025; }
.pd_guide li.active a{color:#fff;}
.pd_guide li.active .ico30{display:inline-block; width:35px; height:35px; margin-left:-32px; margin-top:-3px;}
.pd_guide li .i1{ background:url(../images/ico1.png) no-repeat;}
.pd_guide li .i2{ background:url(../images/ico2.png) no-repeat;}
.pd_guide li .i3{ background:url(../images/ico3.png) no-repeat;}
.pd_guide li .i4{ background:url(../images/ico4.png) no-repeat;}




.pd_guide li.active ._title{border-color:#fff;}




a.page-btn {color:#fff;  }
a.page-btn:hover {color:#fff; }
.grey-btn { border-radius: 0px; border: none; background-color: #E8E8E8; }
.grey-btn:hover { background-color: #ccc; }
.related_news { padding-top: 15px; clear: both; }
.a2a_default_style { display: inline-block; }
/*上一个下一个*/
.point { clear: both; margin: 20px 0px 40px 0px; padding-bottom: 40px; line-height: 22px; }
.point span.to_prev { text-align: center; }
.point span.to_prev a { color: #0068b7; }
.point span.to_prev a:hover { color: #ea042b }
.point span.to_next { text-align: center; }
.point span.to_next a { color: #0068b7; }
.point span.to_next a:hover { color: #ea042b }
/*标签样式*/
.tags { margin: 8px 0px 10px 0px }
.tags a { margin: 0px 5px 8px 0px }
.tags_list { padding: 5px 10px 100px 10px }
.tags_ul { margin-top: 0px; }
.tags_ul li { line-height: 28px; margin-bottom: 8px; padding-bottom: 10px; }
.tags_ul h3 { font-size: 14px; padding: 0px; margin: 0px; line-height: 20px; }
.tags_ul p { font-size: 13px; padding: 0px; margin: 0px; color: #a0a0a0; line-height: 20px; padding-top: 8px; }
/*相关产品*/
.like{ position:relative; margin-top:30px;}
.like h2{ font-size:16px; font-weight:600; color:#303031;}
.like .owl-carousel{ padding:0 29px;}
.like a{ display:block; float:left;}
.like a h3{ color:#999; font-size:14px; line-height:24px;}
.like img{ border:1px #ededf5 solid;}
.like .owl-controls{ position:absolute; left:0; top:0; height:100%; width:100%;}
.like .owl-controls .owl-prev,.like .owl-controls .owl-next{ position:absolute;  top:0; height:100%; width:29px; text-indent:-9999px;}
.like .owl-controls .owl-prev{ background:url(../images/left.png) center center no-repeat;left:0;}
.like .owl-controls .owl-next{ background:url(../images/right.png) center center no-repeat; right:0;}
.like .owl-controls{}
/*tab标签切换*/
.tab-content{padding: 20px;}

/* 询盘模块 */ 
.show_js_pro{ padding:10px; border:1px #ccc solid; background-color:#fff;}
.show_js_pro h5 {font-size:20px; font-weight:500; margin-bottom:20px;}
.show_js_pro .input-text{}
.show_js_pro .form-control{}
.show_js_pro .form-inline .form-group{ margin-bottom:10px;}
/* label标 签*/
.show_js_pro label,.show_js_pro .form-inline .form-group label{ font-weight:500; padding-right:20px;}
/*按钮 */
.show_js_pro .form-submit{ padding-left:20px; padding-right:20px; margin-left:50px;}
.show_js_pro .form-textarea{width:356px;height:200px;}
.show_js_pro .form-code{}
.show_js_pro{}
.show_js_pro{}
.show_js_pro{}
.show_js_pro{}
.show_js_pro{}

/*======================= 内页结束 =====================================*/
/*========================footer 页脚 开始=============================*/
.footer{border-top: 1px solid #e3e3e3; margin: 62px auto 0; padding:25px 0;}
.f-box{ margin-bottom:30px;}
.footer_list{margin-top:-3px;}
.footer_list ul li{float: left;width: 50%; margin-bottom: 12px;}
.footer_list ul li a:hover{color: #e62129;}
.footer_list ul li a{font-size: 14px; color: #666;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/footer_arrow.png) 0 50% no-repeat; padding-left: 12px; display: block;}
.footerTop{font-size: 24px; color: #5f5d5d; border-left:3px solid #e72a33; padding-left: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom:15px;}
.footer_Code{}
.footer_Code .footerCode{margin-top:18px;  padding-left:10px; text-align:left;}
.footer_Code .footerCode img{ height: 95px; width:95px;}
.footer_Code .footerCode .pc{float:left;}
.footer_Code .footerCode .mobile{display:none;}
.footer_Code span{display: block; color: #5f5d5d; font-size:15px; text-align:left;}
.footer_contact strong{ margin-top:10px; display:block;} 
.footer img{max-width:105px; width:100%;}
.footer .footer_contact .footerText{ letter-spacing:2px;}
/*Bottom*/
.BottomW{width: 100%;  padding: 20px 0; background:#333; text-align:center}
.Bottom{ margin: 0 auto;}
.BottomLinks{  color: #ea4148; text-align:center}
.BottomLinks em{margin: 0 10px;}
.BottomLinks a{color: #fadfe0;}
.Bottom .Copyright{  color: #fadfe0;}
.Bottom .Copyright a{color: #fadfe0;}


@media (max-width:1400px){
	 .MainNav {margin: 40px 0 0 20px;}
	 .H_caseMenuList .bx-controls-direction .bx-prev{left:-50px;}
	 .H_caseMenuList .bx-controls-direction .bx-next{right:-50px;}
}
@media (max-width:1152px){
	.header .logo{width:12%; padding: 36px 0px 20px 0;}
	.MainNav {margin: 40px 0 0 20px;}
	.MainNav ul li {padding:0 10px;}
	.H_caseMenuList .hd{width:1100px;}
	.H_caseMenuList .bx-controls-direction .bx-prev{left:30px;}
	 .H_caseMenuList .bx-controls-direction .bx-next{right:30px;}
}
@media (max-width:1029px){
	.header .logo{width:32%; padding: 22px 0px 20px 0;}
	.MainNav{ display:none;}
	.idx-service li.m-nav-btn{ display:block;}
	.pd_guide li{width:35%;}
 
}
@media (max-width:768px){
	.BottomW{padding: 20px 0 70px; }
	.Bottom .Copyright{ }
	.footer_Code .footerCode .mobile{display:block; float:right;}
}
/*Bottom*/

/*========================footer 页脚 结束=============================*/
.pc{display:block;}
.mobile{ display:none;}
.newlistss{ margin:30px auto;}
.newlistss h2{olor: #333; font-size: 30px; line-height:1.5; text-align:center; margin:0 0 20px 0;}
.newlistss ul{}
.newlistss ul li{}
.newlistss ul li a{ display:block;}
.newlistss ul li a img{ width:100%;}

.newlistss ul li h3{ font-size:16px; line-height:24px; height:24px; overflow:hidden;}
.newlistss ul li h3 a{ color:#666}
.newlistss ul li h3 a:hover{ color:#000;}
.newlistss ul li span{}
.newlistss ul li p{}
  

@media (max-width:900px){
	.header .logo {width: 42%;}

}
@media (max-width:768px){
	.pc{display:none;}
	.mobile{ display:block;}
	.MainNav{ display:none;}
	.idx-service li.m-nav-btn{ display:block;}
	.idx-service li.T-email{ display:none;} 
	.show_js_pro .form-code{width:180px; float:left;}
	.show_js_pro .form-code label{display:none;}
	.show_js_pro .form-code .input-code{width:80px; float:left;}
	.show_js_pro .form-code #code_img{ margin-left:10px;}
	.show_js_pro .form-textarea{width:100%; max-height:150px;}
	.show_js_pro .form-submit{ float:right;}
	.nav-tabs li:nth-child(1){margin-left:15px;}
	.nav-tabs li a{color:#333; padding:1em 2em;}
	.form{ display:none;}
}
@media (max-width:500px){ 
   .header{min-height: 80px;} 
   .logo{padding:20px 20px 20px 20px;}
   .logo img{width:220px !important;}
   .idx-service li.item {min-height:80px; line-height: 80px;}
   .pd_guide li{width:55%;}
}
@media (max-width:390px){ 
   .header{min-height: 80px;}
   .logo{padding:20px 20px 20px 20px;}
   .logo img{width:150px !important;}
   .idx-service li.item {padding: 0 10px;min-height:80px; line-height: 80px;}
}