/*@font-face
{
font-family: msyhFont;
src: url('font/msyh.ttf'),
     url('font/msyh.ttf'); 
}*/

body { font: 14px/1.5 "Microsoft Yahei","微软雅黑",msyhFont; font-weight:inherit; color:#666; margin:0px; position:relative; padding:0; overflow-x:hidden; }
img{ border-width:0px; margin:0px; padding:0px;}
a{text-decoration:none; color:#626262;}
a:hover{ color:#0f84d3; text-decoration:none;}
h1,h2,h3,h4,h5,dl,dt,dd,p{ margin:0px; padding:0px;}
p{margin:0px; padding:0px;}
ul,ol{ padding:0px; margin:0px;}
ul li,ol li{ list-style-type:none; margin:0px; }
input,select{vertical-align:middle;} 
.clear{ clear:both; }

.toplin{background:#f5f5f5;border-top: 5px solid #e0e0e0;}

.m{width:1040px; margin:auto;}


.header{width:100%; height:115px; overflow:hidden;}
.header .logo{ width:1040px; height:76px; margin:0 auto;}
.header .logo h1{ float:left; height:76px; width:500px; background:url(logo.png) 0px 6px no-repeat; overflow:hidden;}
.header .logo h1 a{ float:left; display:block; height:76px; width:180px; text-indent:2000px; line-height:60px;}
.header .logo h1 span{ float:left; width:320px; margin-top:12px; line-height:60px; font-size:18px; color:#999;}
.header .tel{ float:right; width:280px; margin-top:16px; margin-right:50px; background:url(ico_tel.png) 0 14px no-repeat; color:#F60; line-height:60px; font-size:22px; font-weight:bold; padding-left:35px; overflow:hidden;}
.header .tel span{ font-size:14px; line-height:48px;}

.header .headnav{ width:100%; height:39px; background:url(bg_nav.png) repeat-x;}
.header .headnav .headnavmain{ width:1140px; margin:0 auto;}
.header .headnav .headnavmain ul{ float:left; width:900px; margin:0; padding-left:60px;}
.header .headnav .headnavmain ul li{ float:left; width:100px; padding:0 12px; text-align:center; }
.header .headnav .headnavmain ul li a{ line-height:39px; font-size:14px; color:#fff;}
.header .headnav .headnavmain ul li a:hover{ color:#f90;}
.header .headnav .headnavmain .top_search{ float:left; width:220px; margin:0; padding:7px 0 0 15px;}
.header .headnav .headnavmain .top_search input{ border:0; text-indent:10px; color:#999; font-size:12px; height:24px; line-height:24px;}
.header .headnav .headnavmain .top_search .top_srk{ width:120px;}
.header .headnav .headnavmain .top_search .top_ann{ background:#F93; color:#fff; text-indent:0px;}
/*.header{width:1040px; height:80px; margin:0 auto;}
.header h1{ height:60px; width:200px; background:url(../images/logo.png) no-repeat; float:left; margin:10px 0 0 20px; overflow:hidden;}
.header h1 a{ display:block; height:60px; width:200px; text-indent:2000px; line-height:60px;}
.header ul{ float:right; width:680px; height:80px;}
.header ul li{ display:inline;}
.header ul li a{ display:block; float:left; padding:0 12px; text-align:center; line-height:100px; font-size:16px;}*/


/* flexslider */
.flexslider{position:relative;height:550px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:750px;}
.slides li a{ display:block; width:100%; height:100%}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:12px;height:13px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:13px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{
	display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;
	filter:alpha(opacity=20); /*支持 IE 浏览器*/
	-moz-opacity:0.20; /*支持 FireFox 浏览器*/
	opacity:0.20; /*支持 Chrome, Opera, Safari 等浏览器*/
}
.flex-direction-nav li a:hover{
	filter:alpha(opacity=100); /*支持 IE 浏览器*/
	-moz-opacity:1; /*支持 FireFox 浏览器*/
	opacity:1; /*支持 Chrome, Opera, Safari 等浏览器*/
}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
.carousel-inner{ height:auto;}

.tipnav{ height:150px; background:#f3f4f8; border-bottom:3px solid #dfdfdf}

.iad{ width: 340px; float:left; padding-top:25px;}
.iad img{ border:1px solid #ddd;  width:305px;}

.fourw .anli { padding-top:20px; float:left; width:250px;} 
.fourw .anli dt{ color:#008ada; font-size:16px; padding-bottom:10px;}
.fourw .anli dd{ width:33%; height:30px; line-height:30px; float:left; font-size:12px;}

.ewmmm { padding-top:20px; padding-left:10px; border-right:1px dashed #ccc; height:130px; width:239px; float:left;}
.ewmmm dd{ width:110px; float:left; font-size:12px; line-height:25px; }
.ewmmm img{ width:100px; height:100px;}

.fourw .itel2{ padding-top:20px; padding-left:25px; width:175px; float:left;} 
.fourw .itel2 dt{ font-size:16px;}
.fourw .itel2 dd{ font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; color:#008ada; font-size:26px;}
.fourw .itel2 dd a.itfont{ font-family:"Microsoft Yahei","微软雅黑"; color:#008ada; font-size:22px;}
.fourw .itel2 dd a.itfont:hover{  }
/*indexBlock1*/
.indexBlock1{height:405px; margin-top:10px; position:relative; overflow:hidden; }
.indexqiehuan{ position:absolute; z-index:2; width:1040px; height:150px; top:0px; left:50%; margin-left:-520px; }
.indexBlock1 .tab{position:relative;}
.indexBlock1 .tab .ht{height:40px; color:#000; line-height:40px;font-size:24px; text-align:center; background:url(../images/ht_bottom.png) no-repeat center bottom; font-weight:lighter; }

.indexBlock1 .tab .list{height:150px;text-align:center;/*border-left:1px solid #eee; border-right:1px solid #eee; border-top:1px solid #eee;*/ background:#fff;	}
.indexBlock1 .tab .list a{
	font-size:14px; display:block; width:207px; height:150px;  float:left;
	background-position: center 30px;
	background-repeat:no-repeat;
	color:#999;
	background:#fff;
	/*transition:all ease 1s;
	border-left:1px solid #eee;*/
	position:relative;
	}
.indexBlock1 .tab .list a.hover,.indexBlock1 .tab .list a:hover{
	color:#666;
	height:150px;
	border-bottom:1px solid #fff;
	background-color:#f9f9f9;
	background-position-y:-130px;
	box-shadow:inset 0px 0px 14px #d9d9d9;
	-webkit-box-shadow: inset 0px 0px 14px #d9d9d9;
	-moz-box-shadow: inset 0px 0px 14px #d9d9d9;
	border-radius:20px;
	}
.indexBlock1 .tab .list a p{ position:absolute; top:115px; left:0; width:207px; text-align:center; }

.indexBlock1 .tab .list #pro1{ background:url(../images/pro01.png) center center no-repeat; }
.indexBlock1 .tab .list #pro2{ background:url(../images/pro02.png) center center no-repeat; }
.indexBlock1 .tab .list #pro3{ background:url(../images/pro03.png) center center no-repeat; }
.indexBlock1 .tab .list #pro4{ background:url(../images/pro04.png) center center no-repeat; }
.indexBlock1 .tab .list #pro5{ background:url(../images/pro05.png) center center no-repeat; }



.indexBlock1 .mBox{width:1040px; margin:0 auto; position:absolute; z-index:1; top:150px; left:50%; margin-left:-520px; }
.indexBlock1 .mBox .body{height:330px; width:1040px; position:relative;}
.indexBlock1 .mBox .body ul{overflow:hidden; width:1230px;}
.indexBlock1 .mBox .body ul li{width:206px; float:left; }
.indexBlock1 .mBox .body ul li .box{height:290px; border-bottom:0px solid #d1d1d1; width:194px; text-align:center; position:relative;}
.indexBlock1 .mBox .body ul li .box a.pic{display:block; height:210px; padding-top:28px;}
.indexBlock1 .mBox .body ul li .box a.pic img{display:block; margin:auto;width:194px; height:194px;}
.indexBlock1 .mBox .body ul li .box .ht{font-size:18px;line-height:30px; font-weight:lighter;color:#000; }
.indexBlock1 .mBox .body ul li .box .ds{font-size:12px;line-height:20px; font-family:宋体;  color:#000; }
.indexBlock1 .mBox .body ul li .box .this{position:absolute; width:198px; line-height:20px; left:0px; bottom:2px; display:none}
.indexBlock1 .mBox .body ul li .box .this a{padding-right:23px; background:url(../images/dot_mores.gif) no-repeat right center; font-size:12px;}
.indexBlock1 .mBox .body ul li .box:hover{border-bottom-color:#0f84d3;}
.indexBlock1 .mBox .body ul li .box:hover .this a{background-image:url(../images/dot_more.gif);}
.indexBlock1 .mBox .body ul li .box:hover .des .ht{color:#0f84d3;}
.indexBlock1 .mBox .body ul li .box:hover .des .ds a{color:#0f84d3;}
.indexBlock1 .mBox .body .arr{display:block; width:23px;height:37px; background-position:center center; background-repeat:no-repeat; background-color:transparent; position:absolute; top:110px;z-index:900;}
.indexBlock1 .mBox .body .arr_left{background-image:url(arr_left.png); left:-40px;}
.indexBlock1 .mBox .body .arr_right{background-image:url(arr_indexRight.png); right:-40px;}
.indexBlock1 .mBox .body .arr_left:hover{background-image:url(arr_left0.png); left:-40px;}
.indexBlock1 .mBox .body .arr_right:hover{background-image:url(arr_indexRight0.png); right:-40px;}
.indexBlock1 .mBox .body .show{position:relative; overflow:hidden; width:1000px;}


/*indexBlock3*/
.indexBlock3{position:relative; background-color:#f1f1f1; padding:50px 0px;}
.indexBlock3 .tab{position:relative;}
.indexBlock3 .mBox{overflow:hidden;}
.indexBlock3 .tab .ht{ color:#000; font-size:46px; margin-bottom: 15px; text-align:center; background:url(../images/ht_bottom.png) no-repeat center bottom; font-weight:bold; }
.indexBlock3 .tab .this{text-align:center; font-size:20px; margin-bottom:18px; font-weight:lighter; color:#000;}

.indexBlock3 .mBox ul.List{width:100%;}
.indexBlock3 .mBox ul.List li{ float: left; height: 180px; width: 33.3333%; overflow: hidden; position: relative; text-align: center;}
.indexBlock3 .mBox ul.List li .pic{ display: block; position: absolute; top: 0; left: 0; width: calc(100% - 17px); overflow: hidden; border: 2px solid #FFF;}
.indexBlock3 .mBox ul.List li .pic img{ transition:all ease 0.5s; width:100%; height:100%;}
.indexBlock3 .mBox ul.List li .title{ position:absolute; left:2px; top:150px; width:326px; height:30px; line-height:30px; font-size:16px; background:#000; transition:all ease 0.5s; color:#fff;}
.indexBlock3 .mBox ul.List li .title a{ color:#fff; }
.indexBlock3 .mBox ul.List li:hover .pic img{ transform:scale(1.2,1.2); transform-origin:50% 50%; }
.indexBlock3 .mBox ul.List li:hover .title{ top:0px; height:180px; color:red; line-height:200px;}
.indexBlock3 .mBox ul.List li:hover .title1{ background-image:url(../images/jiashi.jpg);}
.indexBlock3 .mBox ul.List li:hover .title2{ background-image:url(../images/chushiji.jpg);}
.indexBlock3 .mBox ul.List li:hover .title3{ background-image:url(../images/jinghua.jpg);}

.indexBlock3 .mBox ul.List li .des{font-size:12px; color:#999; padding:0 10px;}
.indexBlock3 .mBox ul.List li .more{height:20px; line-height:20px; font-weight:bold;width:250px; padding-top:10px; display:none;}

.indexBlock3 .mBox ul.List li .div{ width:245px;}
/*.indexBlock3 .mBox ul.List li .div .pic span{display:block; height:246px; width:215px;}*/
.indexBlock3 .mBox ul.List li .div .more{ width:215px;}




.tbl01{ width:340px; float:left;}
.tbl01 dl dd{
	height:24px; line-height:24px; font-size:12px; padding-right:10px;
	overflow:hidden; 
	text-overflow:ellipsis;
	white-space: nowrap;
	border-bottom:1px solid #464646;
	}
.tbl01 dl dd em{ float:right; font-style:normal;}

.tbl01 dl dt a,.tbl02 dl dt a,.tbl03 dl dt a{ height:30px; line-height:30px; padding-left:10px; color:#ccc;}

.tbl02{ width:420px; padding-left:40px; float:left;}
.tbl02 dl{ float:left; width:140px; height:180px;}
.tbl02 dl dd{ float:left; width:140px; height:24px; line-height:24px; font-size:12px}
.tbl02 .fl01{ width:380px; }
.tbl02 .fl02{ margin-top:30px;}

.tbl03{ width:240px; float:left;}
.tbl03 dl dd{ height:auto; line-height:24px; font-size:12px; padding-left:10px;}
.tbl03 dl dd.ewm{ margin-top:20px; height:90px;padding-left:12px;}
.tbl03 dl dd.ewm img{ width:90px; height:90px;}
.tbl03 dl dd.ewm_wz{ margin-top:5px; padding-left:3px; padding-left:12px;}

.footer{ background:#333; color:#999;}
.footer a{ color:#999;}
.footer a:hover{ color:#ccc; }
.footer .nav{ width:1040px; margin:0 auto; text-align:center; height:40px; line-height:40px;}
.footer .nav li{ width:120px; float:left;}
.footer .brob{ border-top:1px solid #444; background:#333;}
.footer .brob .Copyright{ width:100%; margin:0 auto; padding: 10px 20px; text-align:center; font-size:12px; line-height:24px; }
.footer .brob .Copyright b{ font-weight:normal; color:#F90;}

/*.p_xilie{  padding:15px 0 0 0; font-size:13px;}
.p_xilie dl dd{ padding:5px 0;}
.p_xilie dl dd a{height:35px; line-height:35px; padding:8px 10px; background:#fff; color:#000;}
.p_xilie dl dd a:hover{ background:#333; color:#fff;}
.p_xilie dl dd a.cur{ background:#69b839; color:#fff;}
*/

.p_xilie_show{ font-size:14px; height:35px;}
.p_xilie_show dl { height:35px;}
.p_xilie_show dl dd{ display:inline;}
.p_xilie_show dl dd a{
	display:inline-block; 
	height:35px; line-height:35px; 
	padding:0 10px; 
	background:#008ada; color:#fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.p_xilie_show dl dd a:hover{  background:#666; color:#fff; }
.p_xilie_show dl dd a.hover{background:#333; color:#fff; }

	
.cate{width:100%;  border-bottom:1px solid #dadada; background:#f5f5f5;}


.detail_wrap{width:1060px; margin:0 auto; line-height:24px; padding-top:30px;}
.detail_wrap .sub_cate_list{width:100%; height:24px; line-height:24px;}
.detail_wrap .sub_cate_list .sub_a{padding:9px 10px; color:#666666; text-decoration:none;}
.detail_wrap .sub_cate_list .sub_cur{color:#ffffff; background:#69b839;}
.detail_wrap .list{width:245px; padding-top:10px; height:362px; float:left; margin-right:20px; margin-bottom:39px; border-bottom:5px solid #e0e0e0; background:#fff;}
.detail_wrap .list .img{width:240px; height:265px; text-align:center;}
.detail_wrap .list .name{width:240px; height:36px; line-height:36px; text-align:center}
.detail_wrap .list .name a{color:#333333; text-decoration:none; font-size:16px;}
.detail_wrap .list .brief{width:240px; height:22px; line-height:22px; color:#999999; text-align:center;}
.detail_wrap .list .more{width:240px; height:30px; line-height:30px; text-align:center;}
.detail_wrap .list .more a{color:#69b839; text-decoration:none;}
.detail_wrap .last{margin-right:0px;}
.detail_wrap .left_img{width:624px; float:left;}
.detail_wrap .left_img .bimg{width:460px; height:460px; margin:0 auto;}
.detail_wrap .left_img .simg_list{width:624px; height:100px; margin:0 auto;}
.detail_wrap .left_img .simg_list .icon{width:17px; height:27px; float:left; margin:40px 8px 0px; cursor:pointer;}
.detail_wrap .left_img .simg_list ul{width:546px; height:100px; float:left;}
.detail_wrap .left_img .simg_list ul li{width:100px; height:100px; float:left; margin-right:10px; cursor:pointer;}
.detail_wrap .left_img .simg_list ul li.last{margin-right:0px;}
.detail_wrap .right_info{width:480px; float:left; padding-left:40px;}
.detail_wrap .right_info .name{width:480px; height:60px; line-height:60px; color:#333333; font-size:30px;}
.detail_wrap .right_info .brief{width:480px; line-height:24px; color:#666666;}
.detail_wrap .right_info .color{width:480px; margin-top:50px;}
.detail_wrap .right_info .color .color_block{display:block; width:36px; height:36px; float:left; margin-right:10px; border:1px solid #dbdbdb; position:relative; z-index:1000;}
.detail_wrap .right_info .color .color_block .select{width:18px; height:18px; background:url(/images/select.png) no-repeat center; position:absolute; right:0px; bottom:0px; z-index:1001; display:none;}
.detail_wrap .right_info .color .cur{border:1px solid #69b839;}
.detail_wrap .detail{width:100%; margin:0 auto; background:#ffffff;}
.detail_wrap .detail .menu{width:100%; height:44px; padding-top:26px; line-height:44px; border-bottom:1px solid #efefef;}
.detail_wrap .detail .menu .menu_title{width:114px; height:44px; float:left; margin-right:10px; line-height:44px; color:#666666; font-size:14px; text-align:center; cursor:pointer;}
.detail_wrap .detail .menu .cur{color:#fff; background:#69b839;}
.detail_wrap .detail .menu_content{width:1000px; padding:15px 0px; line-height:24px; display:none;}
.detail_wrap .right_title{width:100%; height:50px; line-height:50px; color:#000000; text-align:center; font-size:26px; text-indent:30px;}
.detail_wrap .right_content{width:100%; line-height:24px;}
/*about*/

#nav { width: 100%;  margin:0 auto; height:52px; text-align: center; border-bottom:1px solid #eee; background:#fff; border-top:1px solid #eee; }
#nav ul li { display: inline-block; margin: 0 25px; *display: inline; zoom: 1;}
#nav a { display: inline-block; height:52px; line-height:52px; color: #666; padding:0 2px; text-align: center; text-decoration: none; zoom: 1;}
#nav .current a { color:#1477d7; border-bottom:1px solid #1477d7;}

.fixedSubNav{ top: 0px!important; z-index:999;}

.unit{
float: left;
width: 100%;
border-bottom: 1px dotted #d6d6d6;

	}
.summarize{float: left;width: 120px;}
.unit .desc{
		border-left: 1px solid #d6d6d6;
		float: right;
		width: 919px;
}
.unit .desc .inner{
width: 850px;
margin: 0 69px 0 40px;
}
.unit .next_is_bottom {
margin-bottom: 54px;
}
.unit .inner .text {
margin-top: 30px;
margin-bottom: 34px;
line-height:24px;
}
.unit .summarize img {
float: right;
margin: 63px 40px 0 0;
}
.unit .summarize .point_lg {
width: 19px;
height: 19px;
margin-top: 35px;
position: relative;
left: 10px;
bottom: 2px;
background: url("../images/history_sprite.png") no-repeat -200px 0;
}
.unit .summarize i {
display: block;
float: right;
}
.unit .summarize span{ display:block; font-weight:bold; font-size:24px; color:#333; text-align:right; padding-top:30px;}
.unit .summarize em{ display:block; font-weight:bold; font-size:18px; color:#333; text-align:right; padding-right:20px; color:#f1f1f1;}


/*分页*/
.list_page{text-align:center;margin:60px 0;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:12px 15px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.list_page ul a:hover{background:#333; color:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .page-active a{background:#eee; color:#333; border-radius:0;}   

	
/*产品详情*/

.p_right{ float:right; width:841px; padding-top:10px;}
/*.p_right ul li{ width:275px; display:inline-block; height:200px;}
.p_right ul li .pic{ width:160px; height:160px;}
.p_right ul li .pic img{ width:160px; height:160px;}*/

	.p_xilie{  padding:15px; font-size:12px; border: solid 1px #eee; border-bottom: solid 0px #ddd;}
	.p_xilie dl dd{ padding:5px;}
	.p_xilie dl dd a{height:25px; line-height:25px; padding:3px 10px; background:#eee; color:#000;}
	.p_xilie dl dd a.cur{ background:#333; color:#fff;}
	
	.main-con a:hover{}
	.main-con a:hover .desc{ color:#36C;}
	.main-con dt{ background:#fff; width:240px; height:240px; overflow:hidden; padding:30px; text-align:center; }
	.main-con dt img{ transition:all ease 0.5s; width:210px; height:210px; overflow:hidden;}
	.main-con dt:hover img{  transform:scale(1.05,1.05); transform-origin:50% 50%; }
	.main-con a .title{ height:30px; font-size: 14px; text-align:center; line-height: 1.7em; padding: 5px 10px 0 10px; height: 2em; overflow: hidden;}
	
	

.p_right_view{background:#fff}
.product_show{ color:#666;}
.p_info{ padding:30px 0 0 30px;}
.p_info h3{color:#06C;font-size:20px; padding:0px; font-weight:normal; padding-bottom:20px;}

.p_parameter{ width:440px; float:right; margin-right:10px;}
.p_parameter h3{color:#0a6aae;font-size:16px;  padding:0px; font-weight:bold; padding-bottom:10px;}
.p_parameter p{ }
.p_images{ float:left; width:450px; height:550px; margin:0; }
.p_images img{ width:400px; height:400px;}
#ProductShow{width:430px;height:430px; border:1px solid #ccc; padding:15px; text-align:center; margin:10px auto 10px auto; }
#CSSBox{float:left;width:430px;height:100x; margin:0 auto;overflow:hidden; position: relative; }
#CSSBox ul{padding: 0px; border: 0px; font-size: 0px; display: inline-block; margin: 0px; list-style: none; width: 430px; height: 120px;}
#CSSBox ul li{ float:left; list-style:none; margin:9px; border-left-width: 0px; border-right-width: 0px; display: inline;}
#CSSBox ul li img{ width:80px; height:80px; border:1px solid #ddd;}
#CSSBox ul li img:hover{ border:1px solid #1a84f2;}
#LeftButton{cursor:hand;height:100px;width:20px;float:left;background:url(../images/lm03_btn_pre.png) center center no-repeat;}
#RightButton{cursor:pointer;height:120px;width:20px;float:left;background:url(../images/lm03_btn_next.png) center center no-repeat;}
#wrapper{width:450px;}

.pr_right{ float:right; width:500px; height:520px; margin:0 20px 0 0; }
.pr_right h3{color:#06C;font-size:20px; padding:0px; font-weight:normal; padding-bottom:20px;}
.pr_right .p_right_info{ height:360px; overflow:hidden; color:#666; font-size:12px; line-height:20px;}
.pr_right .p_right_contact{ width:320px; height:120px; margin:20px 0 0 0; padding:10px 20px; border:2px dashed #999; color:#333; font-size:14px; line-height:30px; font-weight:bold;}
.pr_right .p_right_contact span{  font-size:18px; color:#06C; }
.pr_right .p_right_contact a{  font-weight:normal; color:#06C; }


.show-tab{ height:30px; border-left:1px solid #eee; border-right:1px solid #eee;margin-bottom:10px;}
.show-tab ul li{ background:url(../images/show-tab.jpg) left -30px repeat-x; height:30px; line-height:30px; width:199px; padding-left:20px; float:left; cursor:pointer;}
.show-tab ul li span{ font-size:12px; padding-left:10px; color:#999;}
.show-tab ul li.hover{background:url(../images/show-tab.jpg) left 0 repeat-x; color:#fff; }
.show-tab ul li.hover span{ color:#eee;}

#con_s_1,#con_s_2{ height:330px; overflow:hidden;}

.sale_tel{ border:0px solid #ececec; background:url(../images/salecall.png) 10px center no-repeat #008ada; margin-top:20px; padding:10px 10px 10px 90px; line-height:22px; font-size:12px; color:#6cb6ff; border-radius:10px;}
.sale_tel a{ color:#fff; }
.sale_tel a:hover{ text-decoration:none}
.sale_tel span{ color:#fff; font-size:18px; font-weight:bold;}



.sale_tel2{ border:2px dashed #999; /*background:url(../images/salecall.png) 15px center no-repeat #fff;*/ margin:20px 0; padding:10px 10px 10px 10px; line-height:22px; font-size:12px; color:#333; border-radius:10px; position:relative}

.sale_tel2 a{ color:#008ada; }
.sale_tel2 a:hover{ text-decoration:none}
.sale_tel2 span{ color:#008ada; font-size:18px; font-weight:bold;}

.sale_tel2 a.online7{ position:absolute; display:block; width:167px; height:47px; right:10px; top:10px;}


.nextinfo{ padding:20px 20px; line-height:35px;}
.nextinfo a{ color:#333;}
.nextinfo a:hover{text-decoration:underline;}
.nextinfo p b{ color:#008ada;}

.w100 p{ width:100%!important; float:none!important;}


.pro_canshu{border:0px solid #eee; padding:10px; height:auto;}
.pro_canshu ul li{ width:485px; float:left; height:30px; line-height:30px; border-bottom:1px solid #eee; font-family:Microsoft Yahei}
.pro_canshu em{ display:inline-block; font-weight:inherit; font-style:normal; background:#eee; color:#333; width:120px;height:30px; line-height:30px; padding-left:10px; margin-right:10px;}


.ic_con{ padding:20px;}
.infotab_p{ height:46px; margin-top:38px; padding:10px 10px 0; background:#008ada}
.infotab_p ul li{ display:block; width:89px; height:36px; margin-right:10px; line-height:36px; text-align:center; cursor:pointer; float:left; color:#fff; border-top-left-radius:5px; border-top-right-radius:5px;}
.infotab_p ul li.hover{background:#fff; color:#333;}

/* 联系我们网格 contact_home */

#buttons{ background:#333; margin:10px 0;}
a.button{ text-align:center; float:left; font-size:18px; border:1px solid #fff}
a.button { background:#005bac; color:#fff;}
a.button:active,a.button:hover {color:#fff;}

.b0{ background:url(../images/contact_logo.png) center 60px no-repeat #005bac!important; width:518px; height:92px; padding-top:120px;}
.b1,.b2,.b4,.b5,.b6,.b7,.pic3,.pic4{ width:258px; height:105px; line-height:105px; }
.b3,.pic1{ width:258px; height:212px; line-height:212px; }
.pic2{ width:518px; height:212px; line-height:212px; }

.infotab{ margin:10px 0;}
.infotab ul {height:48px;background:url(../images/main_nav_bg2.jpg);}
.infotab ul li a{ display:block; float:left; color:#fff; width:120px; height:48px; line-height:38px; text-align:center;}
.infotab ul li a:hover{ color:#fff;}
.infotab ul li.cur a{ background:url(../images/main_nav_bg.jpg) center center;color:#fff; font-weight:bold;}

.headquarters_info{ padding-left:10px; }
.headquarters_info .ditu{background:url(../images/c-dt.jpg) 20px center no-repeat; width:680px; height:419px; float:left;}
.headquarters_info dl{ width:310px; padding-right:30px; margin-bottom:20px; margin-bottom:40px; height:138px; overflow:hidden; float:left;}
.headquarters_info dl dt{ font-weight:bold; color:#008ada; font-size:16px;}
.headquarters_info dl dd{ font-size:14px; line-height:22px;}

table.border{border-top:#ddd 1px solid;border-left:#ddd 1px solid; margin-bottom:20px; width:100%;}
table.border td{border-bottom:#ddd 1px solid;border-right:#ddd 1px solid; padding:0 5px; line-height:30px;color:#666}
table.border th{ background:#f1f1f1;color:#000; font-weight:bold; text-align:center;border-bottom:#ddd 1px solid;border-right:#ddd 1px solid;line-height:30px;}

/*.breadcrumb { height:40px; line-height:40px; padding:0;}*/
.breadcrumb i{ margin:0 5px;}
.breadcrumb li { float:left; display:inline-block; }

.breadcrumb > .active {
  color: #9eacb4; }
  
  
/*解决方案*/
.solu-tab .cur i{
	margin:0 auto;
	display:block;
	width: 0; 
	height: 0; 
	line-height: 0; 
	font-size: 0; 
	border-width: 5px; /*如果想改变倒三角形的大小,就改变这里的像素值*/ 
	border-style: solid; 
	border-color: #F90 #fff #fff #fff; /*如果倒三角形的父元素背景不是白色,就把后面三个#fff改为对应的背景色*/ 
} 

.solu-tab { margin-bottom:10px;}
.solu-tab dl{ padding:20px 0; height:30px; }
.solu-tab dl dd { float:left; margin-right:20px; display:inline;}
.solu-tab dl dd a{ font-size:16px; display:block; padding:5px 15px; border-radius:4px;}
.solu-tab dl dd a:hover,.cur a{ background:#F90; color:#fff;}

.solu-wrap{width:1040px; overflow:hidden;}
.solu-list{ width:1080px;}
.solu-list dl{ position:relative; background:url(../images/no-bg.jpg); width:320px; height:170px; overflow:hidden; margin-right:40px; margin-bottom:50px; float:left; border-radius:4px;}

.solu-list dl dt{ position:absolute; top:10px; left:10px; font-size:18px; color:#fff; text-shadow: 0 1px 0 #333;}
.solu-list dl dt a{ padding:5px 12px; color:#fff; text-shadow: 0 1px 0 #333;
	background:url(../images/case-bg.png);
	border-radius:6px;
}
.solu-list dl dd { width:320px;}
.solu-list dl dd img{ width:320px;}



.solu-list dl dd.c{ 
position:absolute; bottom:0px; left:0px; margin:0px; height:44px; line-height:22px; padding:5px 0px;
/*        
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
*/

}
.solu-list dl dd.c a{ display:block; color:#000;text-shadow: 0 1px 0 #eee; padding-left:20px;}
.solu-list dl dd.c a:hover{ text-shadow: 0 0px 0 #ddd; background:#333; color:#fff; text-shadow: 0 0px 0 #ddd;

}


.solu-list-w{float:right; width:840px;border-left:1px solid #eee;border-right:1px solid #eee; margin-top:10px;}

.solu-list-c { margin-bottom:10px;}
.solu-list-c ul.fn{ padding:20px; padding-bottom:0}
.solu-list-c ul.fn li { height:130px; padding-bottom:10px; border-bottom:1px dashed #999;}
.solu-list-c ul.fn li .img{ width:220px; height:130px; float:left; margin-right:20px;}
.solu-list-c ul.fn li .img img{ width:210px; height:120px; border:1px solid #ccc; padding:4px;}
.solu-list-c ul.fn li .con{ height:130px; width:560px; float:left;position:relative;}
.solu-list-c ul.fn li .con .t{ display:block; line-height:30px; font-size:16px; font-weight:bold; color:#333;}
.solu-list-c ul.fn li .con .t:hover{ color:#008ada}
.solu-list-c ul.fn li .con p{ color:#999;  }
.solu-list-c ul.fn li .con .m{ color:#008ada; font-size:14px; position:absolute; bottom:0px; right:0px; display:block; width:90px; height:25px;}

.solu-list-c ul.al{ padding:10px 20px; border-bottom:8px solid #ddd}
.solu-list-c ul.al h3{ display:block; height:35px; line-height:35px; color:#333}
.solu-list-c ul.al li{ float:left; margin-left:20px; width:245px; height:25px; line-height:25px; list-style-type:disc;}

.fn-show{ margin-top:20px;}
.fn-show ul { padding:0px;}
.fn-show h3{ color:#333;}
.fn-show ul li{ width:240px; height:180px; float:left; margin:0 10px; border-bottom:0; margin-top:10px;}
.fn-show ul li img{ width:220px; height:140px; border:1px solid #ccc; padding:4px; }
.fn-show ul li p{ display:block; height:40px; color:#333; font-size:12px; font-weight:normal; text-align:center; line-height:30px;}


/*案例中心*/

.case-list-c { margin-bottom:10px;}
.case-list-c ul{ padding:20px; padding-bottom:0}
.case-list-c ul li { float:left; height:130px; margin:10px auto; padding-bottom:10px; border-bottom:1px dashed #ddd;}
.case-list-c ul li .img{ width:220px; height:130px; float:left; margin-right:20px;}
.case-list-c ul li .img img{ width:210px; height:120px; border:1px solid #eee; padding:4px; background: url(logo.png) no-repeat center;}
.case-list-c ul li .con{ height:130px; width:540px; float:left;position:relative;}
.case-list-c ul li .con .t{ display:block; line-height:30px; font-size:16px; font-weight:bold; color:#008ada;}
.case-list-c ul li .con .t:hover{ color:#333; }
.case-list-c ul li .con p{ color:#999;  }
.case-list-c ul li .con .m{ color:#008ada; font-size:14px; position:absolute; bottom:0px; right:0px; display:block; width:90px; height:25px;}
.case-list-c ul li .con .m:hover{ color:#333; }


/*casenav*/
.casemenu{ padding:10px 20px; background:#eee; float:left; overflow:hidden;}
.casemenu ul{ margin:0; padding:0; width:100%; font-size:14px; overflow:hidden;}
.casemenu ul li{ margin:5px 0 0px 10px; padding:0; width:100%; float:left; line-height:30px; }
.casemenu ul li .title{ width:90px; float:left; line-height:30px; height:30px; margin:5px 0 0 0; }
.casemenu ul li ul{ width:700px; float:left; margin:0; padding:0;}
.casemenu ul li ul li{ width:100px; float:left; height:30px; margin-right:20px; border:1px solid #ccc; background:#fff; text-align:center;}
.casemenu ul li ul .cur{ color:#fff; width:100px;  height:30px; display:block; background:#F90; }

/*新闻内页*/
.news-view{ padding:20px;}
.news-view .viewtit{margin-bottom:20px; border-bottom:1px solid #eee; padding:15px;color:#999; }
.news-view .viewtit h3{ color:#008ada; text-align:center; font-size:20px;}
.news-view .viewtit .tim{text-align:center; font-size:12px; padding-top:10px;}
.news-view .viewcon{ line-height:25px;}
.news-view .viewcon img{max-width:610px;}
.news-view .viewcon a{  color:#0f84d3;}
.news-view .viewcon a:hover{color:#666;}

/*方案内页*/
.solu-view{ padding:30px 30px 0 30px;}
.solu-view .viewtit{margin-bottom:20px; border-bottom:1px solid #eee; height:35px; line-height:35px; padding-bottom:20px;}
.solu-view .viewtit h3{ color:#666; text-align:center; font-size:22px;}
.solu-view .viewtit span{ float:right;}
.solu-view .viewcon{ line-height:25px;}

/*公用*/

.p_left{ float:left; width:188px; padding-top:10px;}
.p_left h3{ color:#FFF; font-size:16px;  background:#008ada; padding:5px 0 5px 20px; border-radius:5px 5px 0 0;}
.p_left h3 span{ color:#3c9eff; font-size:14px; height:18px; line-height:18px; margin-left:5px;text-transform: uppercase }

.p_left .left-nav{ padding:10px; margin:0 auto; border:1px solid #eee;
	-webkit-box-shadow: 0px 5px 20px #ccc;/*（这是专对火狐浏览器的支持而设置的）*/
	-moz-box-shadow: 0px 5px 20px #ccc;/*（这是对Safari和Chrome浏览器而设置的）*/
	box-shadow: 0px 5px 20px #ccc;
	margin-bottom:10px;

}
.p_left .left-nav>ul>li{ margin-bottom:10px;}
.p_left .left-nav>ul>li>a{ display:block; background:#ddd; color:#333; height:30px; line-height:30px; padding-left:20px; border-radius:0px;border-radius:6px;}
.p_left .left-nav>ul>li>ul{ padding:10px 0; }
.p_left .left-nav>ul>li>ul>li{ margin:0 10px; }
.p_left .left-nav>ul>li>ul>li>a{display:block;  padding:0 10px; font-size:12px; height:25px; line-height:25px; margin-bottom:5px;  border-radius:15px; border-bottom:1px solid #eee;}
.p_left .left-nav>ul>li>ul>li>ul{ padding:0px 0 10px 0;}
.p_left .left-nav>ul>li>ul>li>ul>li>a{ font-size:12px; color:#333; padding-left:14px; margin-top:5px; line-height:20px; display:block;}
.p_left .left-nav a.cur{ color:#008ada; font-weight:bold;}
.p_left .left-nav>ul>li>a.cur{ color:#fff; background:#666; font-weight:bold;}
.p_left .left-nav>ul>li>ul>li>a.cur{ color:#fff; background:#333; font-weight:normal; border-bottom:1px solid #ddd;}
.p_left .left-nav>ul>li>ul>li>ul>li>a.cur{ color:#fff; background:#F90; font-weight:normal; border-radius:15px;}

.n_right{ float:right; width:840px;}
.n_right>ul{ padding:0 20px;}
.n_right>ul>li{ padding-bottom:20px; padding-top:20px; height:85px;  border-bottom:1px dashed #ddd;}
.n_right>ul>li>a{ display:block; font-size:16px; color:#333; font-weight:bold; margin-bottom:10px;}
.n_right>ul li>a:hover{ color:#008ada;}
.n_right>ul>li>p{ color:#999;}

.n_right>.viewcon img{max-width:610px;}

.viewtit > h3{
    text-align: center;
    line-height: 60px;
    font-size: 24px;
    border-bottom: 1px dotted #CCC;
    padding: 0 20px;
}

.n_right>ul>li:hover a{ color:#333;}
.n_right>ul>li:hover .date span{ background:#F90; color:#fff; }
.n_right>ul>li:hover .date em{ border:1px solid #F90; border-top:0px; color:#F90;}

.n_right .date{ width:60px; height:75px; float:left; margin-right:15px;}
.n_right .date span{ display:block; text-align:center; height:25px; line-height:25px; background:#005bac; color:#fff;}
.n_right .date em{ border:1px solid #005bac; border-top:0px; display:block; height:49px; line-height:49px; text-align:center; font-style:normal; font-size:24px; color:#008ada}
.n_right .con{ float:left; width:720px;}
.n_right .con a{ font-weight:bold; color:#008ada}
.n_right .con a:hover{ color:#333; }
.n_right .con p{ height:65px; padding-top:5px; line-height:22px; overflow:hidden; color:#999;}


/*服务与支持*/

.faq{float:right; width:800px; padding:0 20px;}
.faq .content{ line-height:25px; padding-top:10px;}
.faqItem .a{ background:#ddd; border-radius:5px; padding:5px 0 5px 15px; margin-top:10px; cursor:pointer;}
.faqItem .f{ display:none }
.faqItem .c{ padding:10px;}


/*服务网点*/
.search_tips{ border:1px solid #ddd; background:#fcfcfc; padding:10px; line-height:25px; margin-bottom:20px; font-size:14px;font-family:"Microsoft YaHei", "simsun", "Lucida Grande", "Lucida Sans Unicode"; margin-top:20px;}

.jxf{ width:560px; margin:0 auto; padding:20px 0;}
.jxs{ background:#333; color:#fff; font-size:14px; width:110px; height:34px; line-height:34px; border:0px; padding:0px; cursor:pointer;vertical-align:middle;}
.jxtxt{color:#666; line-height:35px;}
.jxtxt span{ color:#F00; padding-right:10px; font-family:"宋体"}
.dro {
	width: 130px;
	height: 34px;
	margin: 0 10px 0 0;
	background: #fff;
	border: 1px solid #ddd;
}
table.border{border-top:#ddd 1px solid;border-left:#ddd 1px solid; margin-bottom:20px; width:100%;}
table.border td{border-bottom:#ddd 1px solid;border-right:#ddd 1px solid; padding:0 5px; line-height:30px;color:#666}
table.border th{ background:#f1f1f1;color:#000; font-weight:bold; text-align:center;border-bottom:#ddd 1px solid;border-right:#ddd 1px solid;line-height:30px;}

.lefnav{ margin-top:20px; }
.lefnav dl{background:#008ada; color:#fff; padding:15px 0 5px 11px;border-radius: 0 0 5px 5px; margin-bottom:20px; float:left;}
.lefnav dl dt{ padding-top:10px; float:left; width:167px; height:30px;}
.lefnav dl dd{ padding:5px 0; font-size:22px; font-weight:bold; float:left; width:167px;  height:47px; margin-bottom:10px;}
.lefnav dl dd.online{ background:url(lfn2.png) no-repeat; width:167px; height:47px; position:relative;}
.lefnav dl dd.online a{ width:167px; height:47px; display:block;}
.lefnav dl dd.online .title{ position:absolute; top:10px; left:60px; color:#0070d2; font-size:20px; font-weight:normal;}

/* vivo-head */
#vivo-head{z-index:1;}
.search-user b{background:url(../images/vivo-head-ico.png) no-repeat;_background-image:url(../images/vivo-head-ico.gif) ;}

/*#vivo-head{border-bottom:1px #e7e7e7 solid;border-bottom:1px rgba(0,0,0,.05) solid;z-index:99;background:#fff;position:relative;}*/
#vivo-head .vivo-nav{width:60px;height:60px; position:absolute; right:20px; top:15px; z-index:9999}


.search-user a{width:42px;height:42px;display:inline-block;margin-left:15px;position:relative;top:8px;border:1px #e7e7e7 solid;background:#fff;overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.search-user a:hover,.search-user a.current{border:1px #008cd6 solid;background:#008cd6;}
.search-user a b{width:42px;height:42px;display:block;position:absolute;top:0;left:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;}
.search-user a.search b{background-position:0 0;}
.search-user a.search:hover b,.search-user a.search.current b{background-position:0 -43px;}
.search-user a.user b{background-position:-43px 0;}
.search-user a.user b img{width:42px;height:42px;}
.search-user a.user:hover b,.search-user a.user.current b{background-position:-43px -43px;}

#vivo-head .vivo-search{height:80px;width:100%;background:#202223;position:relative;z-index:9999;display:none;}

.vivo-search .search-box{width:700px;height:40px;position:absolute;top:20px;left:50%;margin-left:-350px;background:#666;-webkit-box-shadow:0 1px 2px rgb(0,0,0);-moz-box-shadow:0 1px 2px rgb(0,0,0);-ms-box-shadow:0 1px 2px rgb(0,0,0);box-shadow:0 1px 2px rgb(0,0,0);position:relative;z-index:9999;}
.vivo-search .search-box input{width:550px;height:20px;padding:10px 20px;font-size:14px;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle;}
.vivo-search .search-box button{width:110px;height:40px;overflow:hidden;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:#008cd6;outline:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;}
.vivo-search .search-box button:hover{background:#0074b2;}
.vivo-search .search-box button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;box-shadow:0 1px 2px rgba(0,0,0,.3) inset;}
.vivo-search .search-box a.close{width:24px;height:24px;position:absolute;top:8px;right:-40px;background:url(../images/vivo-head-ico.png) -86px 0 no-repeat;_background-image:url(../images/vivo-head-ico.gif);cursor:pointer;}
.vivo-search .search-box a.close:hover{background-position:-86px -25px;}

.alert-danger{ text-align:center; height:100px; line-height:100px; font-size:14px;}


.tbl01 dl dt a, .tbl02 dl dt a, .tbl03 dl dt a{ color:#fff; font-weight:bold;}

/*分页按钮*/
.fanye{ float:left; width:100%;}
.fanye .pagination {margin: 0 0 0 -1px; border-width: 0 1px; border-style: solid; border-color: #dcdcdc; border-radius:5px; overflow:hidden;display: inline-block;}
.fanye .pagination .home{border-left:0; }
.fanye .pagination span, .fanye .pagination a{display:inline-block; color: #00b0eb; border:1px solid #dcdcdc; margin-right:-1px; font-size: 14px; height:42px; line-height:42px; padding:0 15px; float: left;}
.fanye .pagination a:hover, .fanye .pagination .disabled2{color: #FFF; background-color: #00b0eb; }
.fanye .pagination span{ color:#ccc;}
.fanye .pagination>.active>a, .fanye .pagination>.active>span, .fanye .pagination>.active>a:hover, .fanye .pagination>.active>span:hover, .fanye .pagination>.active>a:focus, .fanye .pagination>.active>span:focus {background-color: #084e9e; border-color: #084e9e; color: #FFF }
.fanye .pagination>li.thisclass a, .fanye .pagination>li>a:hover, .fanye .pagination>li>span:hover, .fanye .pagination>li>a:focus, .fanye .pagination>li>span:focus {color: #084e9e; background-color: #ededed; border-color: #ededed }
.fanye .pagination>li>a, .fanye .pagination>li>span {color: #90c42f; border-color: #ededed; font-size: 14px }
/*分页按钮*/

#page-banner img{width: 100%; height: auto;}
.ico_ali{ position:fixed; right:20px; bottom:5px; margin-top:0px; z-index:99999999; width:144px; height:198px; overflow:hidden;}
.ico_ali img{ width:144px; height:198px; border-radius:0%; border:0px solid #999;}
.ico_ali .text_ali{ position:fixed; right:20px; bottom:5px; width:144px; height:30px; margin-top:0px;/* background:#999;*/ line-height:30px; font-size:14px; color:#fff; text-align:center; padding:0; text-indent:0;}
.ico_ali a:hover .text_ali{background:#f60; }

.viewcon{
	padding: 20px;
}

@media screen and (min-width: 768px){
	#header_wap {
    	display: none;
	}
	.main-con{ 
		border-top: solid 1px #eee;
		border-left:1px solid #eee;
		width:812px;
		margin-left:10px;
		overflow:hidden;
	}
	.main-con a{ 
		padding:5px 4px 20px 5px;
		float: left;
		width:270px;
		height:360px;
		display:block;
		overflow:hidden;
		border-right: solid 1px #eee;
		border-bottom: solid 1px #eee;
	}

	.main-con dd{ 
		width:240px;
		height:20px;
		margin-top:5px;
		overflow:hidden;
		text-align:center;
	}
	.main-con .desc{ 
		color: #999;
		width:240px;
		height:60px;
		line-height:20px;
		margin-top:6px;
		text-align:center;
		font-size: 12px;
		overflow:hidden;
	}
	.nextinfo p{ 
		width:50%; 
		float:left;
	}

}

@media screen and (max-width: 768px){
	.header{
		display: none;
	}
	.m{
		width: 100%!important;
	}
	.indexBlock1,.nav{display: none;}
	#header_wap {
    	display: block;
    	z-index: 999;
	}
	header{
		width: 100%;
		padding: 10px 0;
	    overflow: hidden;
	    position: relative;
	    border-bottom: 1px solid #eee;
	    margin-bottom: 10px;
	}
	header .logo{
	    text-align: center;
	}
	header .menue{
	    position: absolute;
	    right: 10px;
	    top: 30px;
	    padding: 12px 15px;
	    background: url(http://www.transcodegroup.com/templates/default/images/menue.png) no-repeat;
	}
	.sub_nav{
	    width: 80%;
	    background: #eee;
	    position: absolute;
	    top: 80px;
	    right: 0;
	    z-index: 9;
	    overflow: hidden;
	    display: none;
	}
	.sub_nav2{
		margin:0px 15px; overflow:hidden;
	}
	.sub_nav2 li{
		line-height:44px; border-bottom:1px solid #ddd; text-indent:20px; font-size:14px; background: url(../images/arrow.png) no-repeat 96% 17px;
	}
	.sub_nav2 li.current, .sub_nav2 li .sub_nav3 li.current{
		color:#00b5ef; background: url(http://www.transcodegroup.com/templates/default/images/arrow.png) no-repeat 96% 17px;
	}
	.sub_nav2 li:last-child{
		border:0;
	}
	.sub_nav2 li .sub_nav3, .sub_nav2 li .sub_nav3 li .sub_nav4{
		display:none;
	}
	.sub_nav2 li .sub_nav3 li{
		text-indent:40px; border-bottom:0px; border-top:0px solid #FFF; color:#000;
	}
	.sub_nav2 li .sub_nav3 li .sub_nav4{
		padding-bottom:10px;
	}
	.sub_nav2 li .sub_nav3 li .sub_nav4 li{
		border:0; text-indent:55px; background:url(../images/bu_arrow.gif) no-repeat 40px 15px; position:relative;
	}
	.sub_nav2 li a{
		display:block;
	}
	.sub_nav2 li .sub_nav3 li .sub_nav4 li .small_pic{
		width:80px; height:24px; position:absolute; right:15%; top:10px; text-align:right;
	}
	.sub_nav2 li .sub_nav3 li .sub_nav4 li .small_pic img{
		height:24px; width:auto;
	}
	.mouseClick, .mouseClick2{
		width:100%; display:block;
	}
	.pop_zz{
		width:100%; position:absolute; left:0; top:80px; z-index:5; background:#000; opacity:0.8;
	}
	.indexBlock3 .tab .ht{
	    margin-bottom: 0;
	    font-size: 18px;
	    background: url(../images/ht_bottom.png) no-repeat center bottom;
	    font-weight: bold;
	}

	.indexBlock3 .tab .this{  
	    font-size: 14px;
	    margin: 18px 0;
	    padding: 0 10px;
	}
	.indexBlock3 .mBox ul.List li{
		width: 100%;
	}
	.indexBlock3 .mBox ul.List li .pic{
		width: 100%;
	}
	.indexBlock3 .mBox ul.List li .title{
		width: calc(100% - 4px);
		font-size: 14px;
	}
	.p_left{
		display: none;
	}
	.n_right,.p_right,.main-con{
		width: 100%;
	}
	.main-con a{
		display: block;
	    padding: 20px 0 40px;
	    width: calc(100% - 40px);
	    margin: 5px 20px;
	    border: solid 1px #eee;
	}
	.main-con dt{
		background: #fff;
	    width: auto; 
	    height: auto; 
	    overflow: hidden; 
	    padding: inherit;
	    text-align: center;
	}
	.main-con a .title{
	    font-size: 14px;
    	text-align: center;
	}
	.main-con .desc{
	    color: #999;
    	text-align: center;
    	font-size: 12px;
    	margin-top: 8px;
	}
	.ico_ali{
		display: none;
	}
	.list_page{
		margin: 40px 0;
	}
	.fanye .pagination{
		border: 0;
	}
	.fanye .pagination span, .fanye .pagination a{
		margin-bottom: 5px;
	}
	.n_right>.viewcon img{
		max-width:380px;
	}
	.casemenu ul li ul{
		width: 100%;
	}
	.casemenu ul li{
		margin: 0;
	}
	.casemenu ul li ul li{
		margin: 5px;
	}
	.solu-list-w{
		width: 100%;
	}
	.case-list-c ul li{
		height: auto;
	}
	.case-list-c ul li .img{
		margin-right: 0;
	}
	.case-list-c ul li .con{
		height: 90px;
		width: 100%;
	}
	.p_images{
		width: 100%;
		height: initial;
	}
	.p_info{
		padding: 20px;
	}
	.pr_right{
		width: 100%;
		height: initial;
		margin: 0;
	}
	.pr_right .p_right_contact{
		height: initial;
		margin: 0 auto;
	}
	.p_images img{
		width: 100%;
		height: initial;
	}
	.pr_right .p_right_info{
		height: initial;
		margin-bottom: 10px;
	}
	#ProductShow{
		width: 100%;
		height: initial;
		margin: 0;
	}
	.pro_canshu{
		overflow-x: scroll;
	}
	.MsoNormal{
	    margin-left: 0!important;
    	text-indent: 0!important;
	}
		#con_one_2 > p img,#con_one_3 > p img{
	    width: 100%!important;
    	height: initial;
	}
}