@charset "utf-8";

/*****reset*****/
body,input,button,select,textarea{ font:14px/24px "Microsoft Yahei",arial,Tahoma,sans-serif; color:#000;}
body,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,form,input,button,textarea{ padding:0; margin:0;}
ul,ol,li{ list-style-type:none;}
img,iframe{ border:0;}
input,button,textarea,select{ border:#ddd 1px solid; outline:none;}
input,button,textarea{ background:transparent;}
table{ border-collapse:collapse; border-spacing:0;}
a{ text-decoration:none; color:#000;}
h1,h2,h3,h4,h5,h6{ font-size:14px; font-weight:normal;}
i,em{ font-style:normal;} 
img,textarea{ vertical-align:top;}
html,body{ overflow-x:hidden;}
body{ position:relative; background-color: #f7f7f7;}

.fl{ float: left;}
.fr{ float: right;}
.hide{ display: none;}
.clr{ *display:inline-block;}
.clr:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.white{color:#fff}




/*头部*/
.mTop{ background-color: #fff;}
.mTop section{ width:1160px; height: 132px; margin: 0 auto;}
.mTop .fl{ overflow: hidden;}
.mTop .fl .pc{ display: block;}
.mTop .fl .m{ display: none;}
.mTop .fl .pc img{ float: left; height:40px; width:168px; margin-top:53px; margin-right:10px;}
.mTop .fl h1{ float: left; font-size: 28px; height: 33px; line-height: 33px; margin-top:53px;  text-indent: 5px; letter-spacing: 1.5px;}
.pNav{ overflow: hidden; margin-top: 58px;}
.pNav a{ float: left; margin-left: 85px; font-size: 18px;}
.pNav a:hover{ color: #ffd200;}
.mNav .key{ width: 30px; height: 30px; background: url("imgs/i_cat.png") no-repeat center; background-size: 100% auto;}
.mNav .key.open{ background: url("imgs/i_cat_off.png") no-repeat center; background-size: 52% auto;}
.mNav ul{ display: none; position: absolute; z-index: 99; top: 50px; left: 0; width: 100%; background:rgba(0,0,0,.95);}
.mNav ul a{display: block; height: 70px; line-height: 0px; padding:50px 6%; font-size: 30px; font-weight: normal; color: #666; border-bottom: 0; text-align: center; overflow: hidden;}
.mTop.fix{ position: fixed; top: 0; left: 0; width:100%; z-index:99;}
.mTop.fix section{ height: 80px;}
.mTop.fix .fl .pc img{ margin-top:25px;}
.mTop.fix .fl h1{ margin-top:25px;}
.mTop.fix .pNav{ margin-top: 30px;}
.mNav ul a.current{color:#fff;}



/*底部*/
.pFooter{ background-color: #fff;}
.pFooter section{ width: 1160px; margin: 0 auto; padding: 35px 0 85px; position:relative;}
.pFooter ul{ overflow: hidden;}
.pFooter ul a{ float: left; width: 22px; height: 20px; text-indent: -9999px; margin-right: 28px;}
.pFooter ul a.tel{ background: url("imgs/i_tel.png") no-repeat center; background-size:20px; }
.pFooter ul a.qq{ background: url("imgs/i_qq.png") no-repeat center; background-size:16px;}
.pFooter ul a.wx{ background: url("imgs/i_weixin.png") no-repeat center; background-size:22px;}
.pFooter ul a.wb{ background: url("imgs/i_weibo.png") no-repeat center; background-size:21px;}
.pFooter ul a.tel:hover{ background: url("imgs/i_tel_2.png") no-repeat center; background-size:20px; }
.pFooter ul a.qq:hover{ background: url("imgs/i_qq_2.png") no-repeat center; background-size:16px;}
.pFooter ul a.wx:hover{ background: url("imgs/i_weixin_2.png") no-repeat center; background-size:22px;}
.pFooter ul a.wb:hover{ background: url("imgs/i_weibo_2.png") no-repeat center; background-size:21px;}
.pFooter ol{ overflow: hidden;}
.pFooter ol *{ float: left; color: #858889;}
.pFooter ol a{ margin-left: 18px; text-decoration: underline;}
.pFooter ol a:hover{ color: #ffd200;}


/*右浮栏*/
.pSnav{ position: fixed; z-index: 99; top: 200px; right: 0; width: 50px;}
.pSnav ol{ position: absolute; top: 0; left: 0; width: 145px;}
.pSnav a b{ position: relative; left: 0; display: block; width: 184px; height: 60px; line-height: 60px; font-size: 18px; color: #000; font-weight: normal; padding-left: 50px; margin-bottom: 1px; text-indent: 4px;
transition:all 0.35s; -webkit-transition:all 0.35s; -o-transition:all 0.35s;}
.pSnav a.wx{ position: relative;}
.pSnav a.top{ position: relative; left: 0; display: block; width: 142px; height: 60px; line-height: 60px; font-size: 18px; color: #000; padding-left: 50px; margin-bottom: 1px; text-indent: 4px;
transition:all 0.35s; -webkit-transition:all 0.35s; -o-transition:all 0.35s;}
.pSnav a.tel b{ font-size: 16px; font-weight: bold;}
.pSnav a.tel b{ background:#858889 url("imgs/i_tel_2a.png") no-repeat 14px center;}
.pSnav a.qq b{ background:#858889 url("imgs/i_qq_2a.png") no-repeat 14px center;}
.pSnav a.wx b{ background:#858889 url("imgs/i_weixin_2a.png") no-repeat 14px center;}
.pSnav a.top{ background:#ffd200 url("imgs/i_top.png") no-repeat 14px center;}
.pSnav a.tel.trans b{ background:#ffd200 url("imgs/i_tel_2b.png") no-repeat 14px center;}
.pSnav a.qq.trans b{ background:#ffd200 url("imgs/i_qq_2b.png") no-repeat 14px center;}
.pSnav a.wx.trans b{ background:#ffd200 url("imgs/i_weixin_2b.png") no-repeat 14px center;}

.pSnav .ewm{ display: none; position: absolute; top: -92px; right: 10px; opacity: 0;
transition:all 0.35s; -webkit-transition:all 0.35s; -o-transition:all 0.35s;}
.pSnav .wx .ewm img{ width: 110px; height: 110px; border:#000 5px solid;}
.pSnav .wx i{ position: absolute; top: 50px; right: -18px; width:0; height:0; border:transparent dashed; border-left:#000 solid; border-width:10px; border-left-width:10px;}
.pSnav a.wx.trans .ewm{ opacity: 1; display: block;}


.pSnav a.tel.trans b{ left:-135px;}
.pSnav a.qq.trans b{ left:-135px;}



.pFooter .ewm{   opacity: 0; display:none;
transition:all 0.35s; -webkit-transition:all 0.35s; -o-transition:all 0.35s; position:absolute;     left: 50px;
    bottom: 100px;}
.pFooter .ewm img{ width: 110px; height: 110px; border:#ffd200 5px solid;}
.pFooter .ewm i{     position: absolute;
    top: 118px;
    right: 50px;
    width: 0;
    height: 0;
    border: transparent dashed;
    border-top: #ffd200 solid;
    border-width: 10px;
    border-bottom-width: 10px;}

.pFooter .trans .ewm{ opacity: 1; display: block;}


.met-bottom .ptel{   opacity: 0; display:none;
transition:all 0.35s; -webkit-transition:all 0.35s; -o-transition:all 0.35s; position:absolute;       left: -40px;
    bottom: 45px; background:#ffd200; padding:0px 5px;color: #000;}
.met-bottom .ptel i{     position: absolute;
    top: 20px;
    right: 50px;
    width: 0;
    height: 0;
    border: transparent dashed;
    border-top: #ffd200 solid;
    border-width: 10px;
    border-bottom-width: 10px;}

.met-bottom .tops .ptel{ opacity: 1; display: block;}




/*底部导航*/
.footNav{ background-color: #fff; padding: 120px 0 98px; border-bottom: #e8e8e8 2pt solid;}
.footNav section{ overflow: hidden; width: 1160px; margin: 0 auto;}
.footNav .list{ float: left; width: 900px; overflow: hidden;}
.footNav .list ol{ float:left; width:180px; line-height:24px;}
.footNav .list ol a:hover{ color:#ffd200;}
.footNav h4{ font-size:18px; line-height:30px; margin-bottom: 18px;}
.footNav li{ font-size: 16px; line-height: 36px;}
.footNav li a{ color: #858889;}
.footNav .rt{ float: right; width: 255px; text-align: center;}
.footNav .rt ol{ border-left: #e8e8e8 2pt solid;}
.footNav .rt .tel{ display: none;}
.footNav .rt h6{ font-size: 24px; margin-bottom: 20px;}
.footNav .rt p{ font-size: 18px; margin-bottom: 30px;}
.footNav .rt .qq{ display: block; width: 152px; height: 40px; font-size: 14px; line-height: 40px; text-align: left; text-indent: 35px; margin: 0 auto; background:#ffd200 url("imgs/i_qq_3.png") no-repeat 10px center; background-size: 18px;}
.footNav .rt .qq:hover{ color: #fff; background:#ffd200 url("imgs/i_qq_30.png") no-repeat 10px center; background-size: 18px;}



/*通用*/

	a{ -webkit-transition: all 100ms linear 0ms; -moz-transition: all 100ms linear 0ms; transition: all 100ms linear 0ms;}

	/*按键[更多]*/
	.moreBtn{ display: block; width: 288px; height: 54px; font-size: 22px; line-height:53px; text-align: center;background-color: #fff; border:1px solid #e8e8e8; margin:0 auto; margin-bottom:100px;}
	.moreBtn:hover{ background-color: #ffd200; border-color:#ffd200;}




/*1160*/
@media(max-width:1160px){

	.pFooter section{ width: 94%;}
}



/*ipad横屏*/
@media(max-width:1024px){
	
	/*头部*/
	.pNav a{ margin-left: 65px;}

}



/*896*/
@media(max-width:896px){
.casesort{display:none;}
	.mTop section{ width: 100%; height: 70px; padding: 9px 0;position: relative;}
	.mTop .fl{ padding: 10px;}
	.mTop .fl .pc{ display: none;}
	.mTop .fl{ padding: 13px 15px; }
	.mTop .fl .m{ display: block;  }
		.mTop .fl .m span{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
	.mTop .fl .m img{ height: 25px;}
	.pNav{ display: none;}
	.mNav{ display: block;}
	.mNav .key{ display: block; width: 50px; height: 50px; background: url("imgs/i_cat.png") no-repeat center; background-size: 32px;z-index: 99999; position: relative;}
	.mNav ul{ top: 70px;    padding:24px 0;}
	.hide {
	display: block !important
}
}



/*移动端670*/
@media(max-width:670px){
.casesort{display:none;}
	/*底部*/
    .pFooter section{ width: 100%; padding: 35px 0 45px;}
    .pFooter ul{ float: none; width: 70%; margin: 0 auto;}
    .pFooter ul a{ width: 25%; height: 45px; margin-right: 0;}
    .pFooter ul a.tel{ background: url("imgs/i_tel.png") no-repeat center; background-size:24px; }
	.pFooter ul a.qq{ background: url("imgs/i_qq.png") no-repeat center; background-size:20px;}
	.pFooter ul a.wx{ background: url("imgs/i_weixin.png") no-repeat center; background-size:26px;}
	.pFooter ul a.wb{ background: url("imgs/i_weibo.png") no-repeat center; background-size:25px;}
	.pFooter ul a.tel:hover{ background-size:24px;}
	.pFooter ul a.qq:hover{ background-size:20px;}
	.pFooter ul a.ww:hover{ background-size:26px;}
	.pFooter ul a.wb:hover{ background-size:25px;}
    .pFooter ol{ float: none;}
    .pFooter ol a{ display: none;}
    .pFooter ol p{ float: none; text-align: center; margin-top: 12px; font-size: 12px;}
	
	.pFooter .ptel{     left: 10%;
    bottom: 80%;}


.pFooter .ewm{  left: 43%;
    bottom: 120px;}


	
}





/*1160px*/
@media(max-width:1160px){


	.footNav section{ width: 94%;}
	.footNav .list{ width: 77%;}
	.footNav .list ol{ width: 20%;}
	.footNav .rt{ width: 23%;}


}



/*ipad横屏*/
@media(max-width:1024px){
	
	

	/*右浮栏*/
	.pSnav{ display: none;}

	
}




/*896*/
@media(max-width:896px){


}



/*ipad竖屏*/
@media(max-width:768px){


	.footNav .list{ width: 70%;}
	.footNav .rt{ width: 30%;}
	.footNav .rt h6{ font-size: 18px;}


	.footNav h4{ margin-bottom: 10px;}
	.footNav li{ font-size: 14px; line-height: 30px;}

}



/*移动端670*/
@media(max-width:670px){

	/*底部导航*/
	.footNav{ padding: 30px 0 20px;}
	.footNav section{ width: 100%; overflow: auto;}
	.footNav .list{ display: none;}
	.footNav .rt{ float: none; width: 100%; background-color: #fff; padding: 50px 0; border-left:none;}
	.footNav .rt .tel{ display: block; margin: 0 auto; width: 35%;}
	.footNav .rt h6{ font-size: 28px; font-weight: bold; margin-top: 50px; margin-bottom: 25px;    color: #000;}
	.footNav .rt p{ font-size: 21px; line-height: 30px;}
	.footNav .rt .qq{ background-size: 23px; background-position: 15px; width:200px; height: 45px; line-height: 45px; text-indent: 50px; font-size:18px;}
	.footNav .rt .qq:hover{ background-size: 23px;  background-position: 15px;}



}



/*移动端450*/
@media(max-width:450px){

	.footNav .rt .qq{ background-size: 18px; background-position: 15px; width:180px; height: 40px; line-height: 40px; text-indent: 42px; font-size:16px;}
	.footNav .rt .qq:hover{ background-size: 18px;  background-position: 15px;}
}



/*移动端365*/
@media(max-width:365px){

	
}