\html {
	width:100%;
	height:100%;
}
body {
	padding:0;
	margin:0;
	height:100%;
	font-size:14px;
	font-family: "微软雅黑";
	color:#000;
	background-color: #d8dde6;
}

/*默认A链接样式*/
a:link, a:visited {color:#282828; text-decoration:none;} /* 未访问及已访问*/
a:hover, a:active {color:#f55555; text-decoration:none;} /* 鼠标移上去及点击时*/

/*主体内容框*/
.wrapmain {
	position: relative;
	margin:0 auto;
	width:1200px;	
}

.none {display: none !important;}
.fl {float:left !important;}
.fr {float:right !important;}


/*滚动条*/
.flx {
	overflow-x:auto !important;
	/*IE8滚动条样式设置*/
	scrollbar-arrow-color: #fff; /**//*三角箭头的颜色*/   
    scrollbar-face-color: #dcdcdc; /**//*立体滚动条的颜色*/   
    scrollbar-3dlight-color: #f2f2f2; /**//*立体滚动条亮边的颜色*/   
    scrollbar-highlight-color: #f2f2f2; /**//*滚动条空白部分的颜色*/   
    scrollbar-shadow-color: #f2f2f2; /**//*立体滚动条阴影的颜色*/   
    scrollbar-darkshadow-color: #f2f2f2; /**//*立体滚动条强阴影的颜色*/   
    scrollbar-track-color: #f2f2f2; /**//*立体滚动条背景颜色*/   
    scrollbar-base-color:#fff; /**//*滚动条的基本颜色*/
	/*IE8滚动条样式设置*/
}
/*高版本浏览器滚动条样式设置*/
.flx::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/  
    width:6px;
    height:8px;
	background:#f5f5f5;
	border-radius:6px; 
}
.flx::-webkit-scrollbar-button{/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/  
    background:#74D334;
	display:none;
}  
.flx::-webkit-scrollbar-track{/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/  
    background:#62c0e3;
	display:none;
}  
.flx::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/  
    background:#ffffff;
	border-radius:6px;
}  
.flx::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/  
    background:#79c8cc;
    border-radius:6px; 
}  
.flx::-webkit-scrollbar-corner {/*边角（位置6）*/  
    background:#82AFFF;
	display:none;
}  
.flx::-webkit-scrollbar-resizer  {/*定义右下角拖动块的样式（位置7）*/  
    background:#FF0BEE;
	display:none;  
} 
/*高版本浏览器滚动条样式设置*/

/*背景*/
.homebg {\
	width:100%;
	height:100%;
	/*background-image: url(../img/bg1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;	*/
}

.pagebg1 {
	width:100%;
	background-color: #d8dde6;
}
.pagebg1 .pagesubbg {
	position: relative;
	width:100%;		
	background-image: url(../img/bg2.jpg);
	background-repeat: no-repeat;
	
	background-position:left bottom;
}
.pagebg1 .pagesubbg2 {
	position: relative;
	width:100%;
	min-height:850px;
	background-image: url(../img/bg3.jpg);
	background-repeat: no-repeat;		
	background-position:left bottom;
}

.pagebg1 .pagesubbg .pageedgebgl,
.pagebg1 .pagesubbg .pageedgebgr {
	width:100%;	
}

.pagebg1 .pagesubbg .pageedgebgl {
	background-image: url(../img/meihua-l.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.pagebg1 .pagesubbg .pageedgebgr {
	background-image: url(../img/meihua-r.png);
	background-repeat: no-repeat;
	background-position: right top;
}

/*分辨率小于1600左右梅花隐藏*/
@media screen and (max-width: 1600px) {		
	.pagebg1 .pagesubbg .pageedgebgl {
	    background-image:none;
	    background-repeat: no-repeat;
	    background-position: left top;
    }
    .pagebg1 .pagesubbg .pageedgebgr {
	    background-image: none;
	    background-repeat: no-repeat;
	    background-position: right top;
    }
}


/*当前位置*/
.posmain {
	width:auto;
	height:60px;
	line-height:70px;
	overflow: hidden;
	font-size:14px;
	border-bottom:1px #445c5e solid;
}

.posmain a {
	color:#0c6bbf;
}

.posmain a:hover {
	color:#f11111;
}

/*导航*/
.navmain {
	margin:75px auto 0 auto;
	width:960px;
	height:71px
}

.navmain a {
	float:left;
	display: block;
	margin-right:30px;
	padding:18px 0 0 30px;
	width:207px;
	height:71px;
	font-size:18px;
	color:#ffffff;
	background: url(../img/navbg.png) no-repeat;	
}

.navmain a:hover,
.navmain a.act {
	color:#93fdff;
}
.navmain a:last-child {
	margin-right:0;
}

/*----------翻页样式----------*/
.page {
	margin:20px auto 95px auto;	
	width: 425px;
	height:50px;
	clear:both;
	font-size:12px;
	clear:both;
}

.page ul li {
	float: left;
	text-align: center;
	margin-left:6px;
}
.page ul li a {
	display: block;
	padding: 7px 12px;
	border: #aeb3b9 1px solid;
    color:#444444;
    background:#dde2e8;
    border-radius: 3px;
}
.page ul li a:hover {
	color:#f44444
}
.page ul li a.disabled {
	color: #aaa;
	cursor: default;
}
.page ul li a.active {
	background: #3c5154;
	border: #3c5154 1px solid;
	color: #fff;
}
.page .count {
	font-size:12px;
	color:#f
}
.page .count em {color:#f44444; font-style:normal;}
.page .jump {width:25px; height:25px; border:1px #e3e3e3 solid; text-align:center}


/*首页*/
.homebox {
	top:12%;
	left:50%;	
	margin-left:-375px;
	position: absolute;
	width:750px;
	height:460px;	
}

.homebox .homename {
	margin-bottom:125px;
	width:auto;
	height:91px;
}

.homebox .homename .homename1 {
	float:left;
	width:434px;
	height:91px;
	background-image:url(../img/homename.png);
	background-repeat: no-repeat;
}

.homebox .homename .homeline1 {
	float:left;
	margin:0 55px;
	width:1px;
	height:91px;
	background:#bbcada;
}

.homebox .homename .homename2 {
	float:left;
	width:199px;
	height:91px;
	background-image:url(../img/homename.png);
	background-position: right;
	background-repeat: no-repeat;
}

.homebox .homebtn {
	width:auto;
	height:238px;
}

.homebox .homebtn a {
	margin:0 65px;
	float:left;
	display: block;
	width:240px;
	height:238px;
}

.homebox .homebtn a:hover {
	filter:alpha(opacity=85) !important;
   -moz-opacity:0.85 !important; 
   -khtml-opacity: 0.85 !important; 
   opacity: 0.85 !important;   
}

.homebox .homebtn a.homebtn1 {
	background-image:url(../img/homebtn.png);
	background-position: left;
	background-repeat: no-repeat;
}
.homebox .homebtn a.homebtn2 {
	background-image:url(../img/homebtn.png);
	background-position: right;
	background-repeat: no-repeat;
}

/*产品介绍*/
.protypebox {
	padding-top:60px;
	padding-bottom:180px;
	width:auto;
}

.swiper-container {
	width:100%;
	height:100%;
}

.swiper-wrapper {
	height:370px !important;
}

.swiper-pagination-bullet {
	width:12px !important;
	height:12px !important;
}

.swiper-pagination-bullet-active {
	width:24px !important;
	height:12px !important;
	background:#536967 !important;
	border-radius: 12px !important;
} 

.swiper-slide {
    width:265px;
    height:325px;    
}

.swiper-slide .protypeimg {
	padding:13px;
	width:265px;
	height:265px;
	background:#b9c2c9;
	border-radius: 265px;
	overflow:hidden;
}

.swiper-slide .protypeimg img {
	width:239px;
	height:239px;
	border-radius: 239px;
}

.swiper-slide .protypename {
	width:auto;
	height:50px;
	line-height:50px;
	font-size:16px;
	text-align: center;
	overflow: hidden;
}

/*产品列表*/
.prolistbox {	
	width:auto;
}

.prolistbox .prolist {
	width:auto;
	height:590px;	
}

.prolistbox .prolist a {	
	float:left;
	display: block;
	margin-top:40px;
	margin-right:20px;
	width:283px;
	height:250px;
}

.prolistbox .prolist a:nth-child(4n) {
	margin-right:0;
}

.prolistbox .prolist a li.proimg {
	width:283px;
	height:211px;
	background:#ffffff;
	overflow: hidden;
}

.prolistbox .prolist a li.proimg img {
	display:block;
	margin:10px auto 0 auto;
	/*width:283px;*/
	height:191px;
}

.prolistbox .prolist a li.proname {
	margin-top:7px;
	width:auto;
	height:32px;
	line-height:32px;	
	font-size:14px;
	text-align: center;
	background:#ffffff;
	overflow: hidden;
}

.prolistbox .pagemain {
	margin-bottom:95px;
	width:auto;
	height:50px;	
} 


/*产品详情*/
.proviewbox {
	padding-top:60px;
	width:auto;
}

.proviewbox .provtop {
	width:auto;
	height:403px;
}

.proviewbox .provtop .provimg {
	position:relative;
	float:left;
	width:537px;
	height:403px;
	background:#ffffff;
	overflow:hidden;
}

.proviewbox .provtop .provimg img {
	margin:10px auto 0 auto;
	display:block;
	/*width:537px;*/
	height:383px;
}

.proviewbox .provtop .provimg img.prodownbg {
	top:0;
	left:0;
	position: absolute;
	display: block;
	filter:alpha(opacity=0) !important;
   -moz-opacity:0 !important; 
   -khtml-opacity: 0 !important; 
   opacity: 0 !important; 
   z-index: 10;
}

.proviewbox .provtop .provinfo {
	padding-top:20px;
	padding-left:580px;
}

.proviewbox .provtop .provinfo h1 {
	display: block;	
	font-weight: normal !important;
	font-size:24px;
}

.proviewbox .provtop .provinfo span.prozy {
	display: block;
	padding-right:30px;
	margin:20px 0 15px 0;
	width:auto;
	height:120px;
	font-size:16px;
	line-height:30px;
	overflow-y: auto;
}

.proviewbox .provtop .provinfo span.prozy img {
	margin:10px auto;
	display: block;
	width:400px;
}

.proviewbox .provtop .provinfo em {
	position: relative;	
	display: block;
	width:265px;
	height:199px;
	background:#f55555;
}

.proviewbox .provtop .provinfo em p {
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	display: block;
	position: absolute;
	width:80px;
	height:80px;
	filter:alpha(opacity=60) !important;
    -moz-opacity:0.6 !important; 
    -khtml-opacity: 0.6 !important; 
    opacity: 0.6 !important; 
	z-index: 11;
}

.proviewbox .provtop .provinfo em font {
	position: absolute;
	top:0;
	left:0;
	display: block;
	width:265px;
	height:199px;
	background:#333333;
	filter:alpha(opacity=80) !important;
    -moz-opacity:0.8 !important; 
    -khtml-opacity: 0.8 !important; 
    opacity: 0.8 !important; 
    z-index: 10;
}

.proviewbox .provtop .provinfo em a > img {
	width:265px;
	height:199px;
}


.proviewbox .provcontent {
	padding-top:35px;
	margin-top:30px;
	margin-bottom:95px;	
	width:auto;	
	background:#ffffff;
}

.proviewbox .provcontent .provtitle {
	position: relative;
	margin:0px 45px;
	width:auto;
	height:45px;
	border-left:6px #446f9a solid;
	border-right:6px #446f9a solid;
}

.proviewbox .provcontent .provtitle i {
	position: absolute;
	display: block;
	top:22px;	
	margin-left:1%;
	width:98%;
	height:1px;
	background:#446f9a;
}

.proviewbox .provcontent .provtitle span,
.proviewbox .provcontent .provtitle em {
	position: absolute;
	display: block;
	z-index: 10;
	padding:8px 15px;
	background:#ffffff;
	font-size:26px;
	color:#446f9a;
}

.proviewbox .provcontent .provtitle span {
	top:-5px;
	left:20px;
}

.proviewbox .provcontent .provtitle em {
	top:0;
	right:20px;
	font-family: arial;
}

.proviewbox .provcontent .provdata {
	margin:0 45px;
	padding:40px 0 40px 0;
	width:auto;
	font-size:16px;
	line-height:32px;
}

.proviewbox .provcontent .provdata img {
	display: block;
	margin:10px auto 10px auto;
	max-width:1000px;
}


/*公司资质*/
.zsbox {
	margin-bottom:95px;
	width:auto;
}

.zsbox .zsnav {
	margin:20px auto 0 auto;
	width:680px;
	height:50px;	
}

.zsbox .zsnav li {
	padding-top:20px;
	float:left;
	width:33.333%;	
}

.zsbox .zsnav a {
	position: relative;
	display: block;
	margin:0 auto;
	width:60px;	
	line-height:45px;
	font-size:20px;
	text-align: center;	
}

.zsbox .zsnav a.act {
	color:#36b6a8;
}

.zsbox .zsnav a i {
	display: none;
	position:absolute;	
	width:100%;
	height:3px;
	background:#36b6a8;
}

.zsbox .zsnav a.act i {
	display: block;
}

.zsbox .zsdata {
	margin-top:60px;
	width:auto;
	height:363px;
}

.zsbox .zsdata .zsimg {
	float:left;
	width:484px;
	height:363px;
	background:#ffffff;
}

.zsbox .zsdata .zsimg table {
	width:100%;
}

.zsbox .zsdata .zsimg table tr td {
	height:363px;
}

.zsbox .zsdata .zsimg table tr td img {
	max-width:450px;
	max-height:330px;
}

.zsbox .zsdata .zslist {
	margin-left:520px;
	height:363px;
	overflow-y: auto;
	overflow-x: hidden;
}

.zsbox .zsdata .zslist a {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	display: block;
	width:285px;
	height:55px;
	line-height:55px;
	background:#ffffff;
	font-size:16px;
	text-align: center;
	border:1px #4a605e solid;
	overflow: hidden;
}

.zsbox .zsdata .zslist a:nth-child(2n) {
	margin-right:0;
}

.zsbox .zsdata .zslist a.act {
	background:#79c8cc;
}

.zsbox .zsinfo {
	margin:30px 0 0 0;
	padding:25px;
	width:484px;
	font-size:14px;
	line-height:25px;	
	background:#ffffff;
}

/*公司联系*/
.contactbox {
	margin:50px auto 0 auto;
	width:800px;
	height:390px;
}

.contactbox a {
	float:left;
	margin-right:180px;
	display: block;
	width:300px;
	height:390px;
}

.contactbox a:last-child {
	margin-right:0;
}

.contactbox a .lximg {
	padding:15px 0 0 15px;
	width:300px;
	height:300px;
	border-radius: 300px;
	background:#b9c2c9;
}

.contactbox a .lximg img {
	width:270px;
	height:270px;
	border-radius: 270px;
}

.contactbox a .lxname {
	width:auto;
	height:50px;
	line-height:70px;
	font-size:16px;
	text-align: center;
	overflow: hidden;
}

/*公司联系详情*/
.anchorBL {	
	display: none !important;
} 
.contactvbox {
	padding-bottom:115px;
	padding-top:50px;
	width:auto;
}

.contactvbox .contactmapbox {	
	width:auto;
	height:370px;
}

.contactvbox .contactmap {
	float:left;
	padding:10px;
	width:645px;
	height:370px;
	background:#bac7d3;
}

.contactvbox .contactmap span {
	display: block;
	width:625px;
	height:350px;
}

.contactvbox .contactinfo {
	top:45px;
	position: relative;	
	margin-left:645px;
	padding-left:45px;
	width:auto;
	height:280px;
	background:#f0f2f5;
}

.contactvbox .contactinfo h1 {
	padding-top:25px;
	padding-bottom:15px;
	display: block;
	font-size:22px !important;	
}

.contactvbox .contactinfo .contacttel {
	margin-right:40px;
	width:auto;
	height:180px;	
}

.contactvbox .contactinfo .contacttel ul li {
	height:40px;
	line-height:40px;
	border-bottom:1px #aaaaaa dashed;
	font-size:14px;
	overflow: hidden;	
}

.contactvbox .contactinfo .contacttel ul li:last-child {
	border-bottom:0;
}

.contactvbox .contactinfo .contacttel ul li i {
	margin-right:15px;
	font-size:18px;
	color:#34637b
}

.contactvbox .contactdata {
	position: relative;
	padding-right:550px;
	margin-top:50px;
	width:auto;
	font-size:16px;
	line-height:32px;
}

.contactvbox .contactdata img.rightimg {
	top:0;
	right:0;
	position: absolute;
	width:459px;
	height:271px;
}


/*详情页*/
.infovtitle {
	padding-top:100px;
	width:auto;
	text-align: center;
	font-size:24px;
	font-weight: bold;
}

.infovtime {
	padding-top:20px;
	width:auto;
	text-align: center;
	font-size:14px;
	color:#777777	
}

.infovcontact {	
	padding:40px 50px 150px 50px;
	width:auto;	
	font-size:16px;
	line-height:32px;	
}

.infovcontact img {
	margin:10px 0;
	display: block;
	max-width:600px;
}

/*文章交流*/
.articlebox {
	padding:40px 0 10px 0;
}

.articlebox a {
	float:left;
	padding:30px;
	margin-right:17px;
	margin-bottom:17px;	
	display: block;
	width:590px;
	height:270px;
	color:#333333;
	background:#ffffff;
}

.artimg {
	width:245px;
	height:184px;
	overflow: hidden;
}

.artimg img {
	width:245px;
	height:184px;
}

.articlebox a:nth-child(2n) {
	margin-right:0;
}

.infotitle {
	margin-left:20px;
	width:250px;
	height:40px;
	line-height:40px;
	font-size:22px;
	overflow: hidden;
}
.infotime {
	margin-left:20px;
	width:250px;
	height:30px;
	line-height:30px;
	color:#777777;
	overflow: hidden;
	font-size:12px;
}
.infodata {
	margin-left:20px;
	width:250px;
	height:100px;
	line-height:25px;
	overflow: hidden;	
}

/*视频*/
.videobox {
	margin:50px auto 0 auto;
	width:800px;
	height:600px;
}
.videoinfo {
	padding:20px 0 0 0;
	font-size:12px;
	color:#888888;
	text-align: center;
}

/*底部*/
.footermain {	
	left:0;
	bottom:0;
	position: fixed;
	width:100%;
	height:90px;
	text-align: center;
	line-height:90px;
	overflow: hidden;
	background:#ffffff;
	box-shadow: 0 -2px 5px #eeeeee;
	z-index: 99;
}

.footermain span {
	padding-right:30px;
}

.footermain img {
	position:absolute;
	top:9px;
	right:0;	
	width:72px;
	height:72px;
}


/*返回*/
a.pagebackbtn {
	bottom:110px;
	right:25px;
	position: fixed;
	display: block;
	width:65px;
	height:65px;
	line-height:65px;
	border-radius: 80px;
	color:#ffffff;
	font-size:16px;
	font-weight: bold;
	text-align: center;
	border:1px #038bb7 solid;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#20b2e1,endColorStr=#0599c9); /*IE 6 7 8*/ 
	background: -ms-linear-gradient(top, #20b2e1,#0599c9); /* IE 10 */
	background:-moz-linear-gradient(top,#20b2e1,#0599c9); /*火狐*/ 
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#20b2e1), to(#0599c9)); /*谷歌*/ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#20b2e1), to(#0599c9));      /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #20b2e1, #0599c9);   /*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #20b2e1, #0599c9);  /*Opera 11.10+*/
}

a.pagebackbtn:hover {
	box-shadow: 0 0 5px #00479D;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#0599c9,endColorStr=#20b2e1); /*IE 6 7 8*/ 
	background: -ms-linear-gradient(top, #0599c9,#20b2e1); /* IE 10 */
	background:-moz-linear-gradient(top,#0599c9,#20b2e1); /*火狐*/ 
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#0599c9), to(#20b2e1)); /*谷歌*/ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0599c9), to(#20b2e1));      /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #0599c9, #20b2e1);   /*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #0599c9, #20b2e1);  /*Opera 11.10+*/
}