@charset "utf-8"; 
/*全局初始化样式*/
body{ padding:0px; margin:0px auto; font-family:Microsoft YaHei,arial,'宋体'; color: #666; width: 100%; zoom:1;
	 font-size: 14px; /*字体大小*/
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
-webkit-user-select: none; 
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
        
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;  
}

ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
/*默认去除ul、li的默认样式*/
ul,li{ list-style:none; margin: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select {background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#666; text-decoration:none; noline: -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;text-decoration:none;}
a:hover{ color: #15182B;text-decoration:none;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;} /*清除浮动*/
.container {width:100%;margin:0 auto; max-width: 1175px;}
@media screen and (min-width:1200px ){
    .container {width:98%;margin:0 auto;}
}
/*全局样式*/



/************************** 以下是页面样式 *************************/

/*头部*/
.topTop{ background: #1a1a1a; height: 46px; text-align:right; padding-top: 11px;}

.topTop a{display: inline-block; border:1px solid #1a1a1a; color: #fff; width: 86px; text-align: center; line-height: 21px;-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s; }
.topTop a:hover,.topTop a.topa{border-color:#d29500; color:#d29500;}


.Top{max-width: 1175px;margin: 0 auto;}
.Top .logo{display: block; float: left; width:100px;}
.Top .logo img{}
.Top .navBtn{margin-right: 15px;width: 58px;height: 58px;display: block; float: right; background: url(../images/navbtn.png) no-repeat center;  }

.maxnav{display: none; background: #f5f5f5; padding: 15px 0;}
.maxnav ul li a.navA{ display: block; width: 100%;height: 35px; line-height: 35px; padding: 0 15px;}
.maxnav ul li a.navA:hover,.maxnav ul li.on a.navA{background: #d29500; color: #fff;}
/*头部*/

@media screen and (min-width:768px ){
	.Top .navBtn{display: none;}
	.maxnav{display: block; float: right; background: none; margin-right: 15px;}
	.maxnav ul li{float: left;}
	.clear768{display: none;}
}

@media screen and (min-width:1024px ){
.Top .logo{width: 154px;}
.maxnav{width: 760px;padding: 30px 0 0; border-bottom: 1px solid #c9caca;}
.maxnav ul li{margin-right: 82px;}
.maxnav ul li a.navA{display: inline; padding: 0; font-size: 16px; }
.maxnav ul li.last{margin-right: 0;}

.maxnav ul li a.navA:hover,.maxnav ul li.on a.navA{background:none; color: #d29500; border-bottom: 3px solid #d29500; padding-bottom: 6px; }
}

@media screen and (min-width:1200px ){
	.Top .logo{width: 280px;}
	.maxnav{padding-top: 80px; }
	.maxnav ul li{margin-right: 98px;}
	.maxnav{width: 850px;}
}



/*底部*/
.BottomTop{ background: #10222c; padding: 5.25% 0; display: none;}
.BottomTop ul{text-align: center;}
.BottomTop ul li{display: inline-block; margin-right: 40px;}
.BottomTop ul li.last{margin-right: 0;}
.BottomTop ul li span{display: block;}
.BottomTop ul li .txt{height: 35px;line-height: 35px; color: #fff; font-size: 12px;}

.Bottom{background: #131316;padding:27px 0 89px;}
.Bottom .Copyright{text-align: center; line-height: 24px;}
.Bottom .Copyright span{padding:0 10px; color: #fff;}
.Bottom .Copyright span a{color: #fff;}
.BFx{text-align: center;padding-top: 20px;}
.BFx a{ display: inline-block; height: 20px;position: relative;width:30px;background: url(../images/fx.png) no-repeat 0 0; }

.BFx a img{width: 100px;height: 100px;position: absolute;z-index: 99; bottom: 20px;left: 50%;margin-left: -50px;display: none;}
.BFx a:hover img{display: block; max-width: none;}
.BFx a.fb{background-position: 11px 0;}
.BFx a.lx{background-position: -24px 0;}
.BFx a.tw{background-position: -58px 0;}
.BFx a.go{background-position: -94px 0;}
.BFx a.wx{background-position: -130px 0;}

.blackTop{width: 60px;height: 60px; border-radius: 8px 8px 0 0; cursor: pointer;
	background: #fff url(../images/blacktop.png) no-repeat center;position: fixed; bottom: 0;left: 50%;margin-left: -30px; z-index: 880;
}


@media screen and (min-width:768px ){
.BottomTop{display: block;}
}

/*底部*/

/*banner*/
.Banner{height: 267px;width: 100%; background-repeat: no-repeat;background-position: center; }
.Banner img{display: none;}

@media screen and (min-width:768px ){
	.Banner{height: auto;}
	.Banner img{display:block;}
}
/*banner*/


/*首页*/
.HomeBan{overflow: hidden; position: relative;}

.HomeBan .swiper-pagination-bullet{width: 30px;border-radius: 0; height: 3px; background:#a1a1a1; opacity: 1;}
.HomeBan .swiper-pagination-bullet-active{background: #ba8401; }


.HomeF1{padding: 9.75% 0 9.16%;}
.HomeTitle{margin: 0; font-size: 18px; color: #131313; text-align: center; text-transform: capitalize;}
.HomeTitleh4{font-size: 16px; color: #808080; text-align: center; padding:5.8% 0 2.9%; margin: 0; position: relative;}
.HomeTitleh4 i{display: block; width: 78px;height: 1px; background:#808080; position: absolute;bottom: 0; left: 50%;margin-left: -39px;}
.HomeF1 .info{padding:2em 0;text-align: center;line-height: 2em;}
.HomeF1 .more{display: block;width: 180px;height: 46px; line-height: 46px; text-align: center; margin: 0 auto; border:1px solid #808080;}



.HomeF2{padding:5% 0 11.25%; background: #10222c;}

.HomeF2Top{position: relative; height: 38px;}
.HomeF2Top h3{padding-left: 30px;font-weight: bold;position: relative; top: 10px; font-size: 16px; color:#e3b263;z-index: 5;  }
.HomeF2Top h3 i{position:absolute; left: 0; top: -15px; display: block; width: 28px; height: 1px; background:#ba8401;  }
.HomeF2Top h4{position: absolute; left:70px;top: -10px; margin: 0; font-size: 35px;z-index: 4; color: #222b2f; text-transform: uppercase;}
.HomeF2Top h5{ font-size: 12px; color: #fff; position: absolute;left:30px;top: -10px; margin: 0;z-index: 88;}


.HomeF2Ban{position: relative; overflow: hidden; padding-top: 40px;}
.HomeF2Ban .swiper-slide a{display: block; position: relative; padding-bottom: 30px; z-index: 999;  }
.HomeF2Ban .img{display: block; text-align: center;pointer-events: none!important;}
.HomeF2Ban .txt{display:block;height: 45px;line-height: 45px; text-align: center; color: #fff;pointer-events: none!important;}
.HomeF2Ban .bg{display: none; width: 100%;height:30%;border:1px solid #fff;position: absolute; bottom:0;left: 0;z-index: -1;-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;pointer-events: none!important;}

.HomeF2Ban .swiper-slide a.bg0 .bg{height: 80%;}
.HomeF2Ban .swiper-slide a.bg1 .bg{height: 65%;}
.HomeF2Ban .swiper-slide a.bg2 .bg{height: 50%;}
.HomeF2Ban .swiper-slide a.bg3 .bg{height: 35%;}

.HomeF2Ban .swiper-slide a:hover .bg{background: #e3b263; border-color: #e3b263; }

.HomeF2Ban .swiper-button-next,.HomeF2Ban .swiper-button-prev{background: #f4d9ae;width: 40px;height: 40px;line-height: 40px; padding-top:2px;color: #fff; font-size: 24px; text-align: center; border-radius: 5px;}
.HomeF2Ban .swiper-button-next:hover,.HomeF2Ban .swiper-button-prev:hover{ background: #e3b263; }



.HomeF3{padding:5% 0;}
.HomeF3 .HomeF2Top h5{color: #333;}
.HomeF3 .HomeF2Top h3{color:#e3b263; }
.HomeF3 .HomeF2Top h4{color:#fbf5ec; }

.HomeF3Box{border-top: 1px solid #000;margin-top: 20px;}
.HomeF3Box ul li{/*padding: 5.83% 0;*/}

.HomeF3Box ul li{border-bottom: 1px solid #000;}
.HomeF3Box ul li .time{display: none;}
.HomeF3Box ul li .con{}
.HomeF3Box ul li .con h3{ font-size: 16px; }
.HomeF3Box ul li .con h3 a{color: #000;}
.HomeF3Box ul li .con .txt{ color: #5c5c5c; }
.HomeF3Box ul li .left a{display: block; overflow: hidden;}
.HomeF3Box ul li .left img{width: 100%; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.HomeF3Box ul li .left a:hover img{-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);}

.HomeF3Box ul li .con .more{display: block;position: relative; font-size: 12px;color: #3e3d3d; width: 118px;height: 35px;text-align: center; line-height: 35px; margin-top: 20px;}


.HomeF4{max-width: 1175px; margin: 0 auto;}
.HomeF4Top{padding:3.33% 15px 3.83%; background: #10222c; position: relative;}
.HomeF4Tbg{display: none; position: absolute; right: 0;top: -46px;}
.HomeF4Top .more{display: none; position: absolute; height: 30px;width: 114px; background: #10222c url(../images/more.png) no-repeat 10px center; color: #e3b263;padding-left: 45px; line-height: 30px; top: 50%;margin-top: -15px; right:15px;}

.HomeF4Con{ text-align: center; }
.HomeF4Con ul li{margin-bottom: 30px; position: relative;}
.HomeF4Con ul li .txtbox .title{ font-size: 18px; }
.HomeF4Con ul li .txtbox .time{font-size: 12px; color:#666; }
.HomeF4Con ul li  a .img{display: block;}
.HomeF4Con ul li  a .img img{width: 100%; max-height: 450px;}
.HomeF4Bottom{padding: 8.5% 0 ;text-align: center; font-size: 16px;}
.HomeF4Bottom h3{margin-top: 0; font-size: 20px; color: #000;}
.HomeF4Bottom .more{display: block;width: 118px;height: 34px; background: #131316; color: #f7af00; font-size: 12px; line-height: 34px;text-align: center; margin:30px auto 0; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.HomeF4Bottom .more:hover{background: #f7af00; color: #131316;}


@media screen and (min-width:540px ){
	.HomeTitle{font-size:20px;}
	.HomeTitleh4{font-size: 17px;}
	.HomeF2Top h4{font-size: 49px; top: -18px;}

	.HomeF4Con ul li{float: left; width: 50%;}
	.HomeF4Con ul li .txtbox{ display: none;position: absolute; padding-top: 10%; left: 0;top: 0; width: 100%;height: 100%; background: rgba(230,176,91,.8); }
	.HomeF4Con ul li a{color: #fff;}
	.HomeF4Con ul li a .txtbox .time{ color:#fff; }

	.HomeF4Con ul li a:hover .txtbox{display: block;}
}
@media screen and (min-width:640px ){
	.HomeF4Con ul li .txtbox{padding-top: 15%;}
}

@media screen and (min-width:768px ){
	.HomeBan .swiper-pagination-bullet{width: 48px;}
	.HomeTitle{font-size: 28px;}
	.HomeTitleh4{font-size: 19px;}
	.HomeF2Top h3{font-size: 22px;padding-left: 50px;}
	.HomeF2Top h4{top: -8px;left: 110px;}
	.HomeF2Ban{padding-top: 60px;}
	
	.HomeF2Ban .swiper-button-next{top: 0;margin: 0;  }
	.HomeF2Ban .swiper-button-prev{top: 0;left: auto;right: 60px;margin: 0;}
	.HomeF3Box ul li .time{display: block; text-align: right;color: #000; position: relative;}
	.HomeF3Box ul li .time i{display: block; width: 20px; height: 1px; background:#e3b263; right: 100px; position: absolute; top: 10px; }
	.HomeF3Box ul li .con h3{font-size: 20px;}
	.HomeF3Box ul li .con h3 a{display: block; width: 100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.HomeF3Box ul li .con .txt{height: 65px; overflow: hidden;}
	.HomeF3Box ul li .left{width: 30%; float: left; margin-left: 45px;}
	.HomeF3Box ul li .right{width: 65%;float: right;}

	.HomeF4Top{height: 128px; margin-top: 30px;}
	.HomeF4Tbg{display: block;}
	.HomeF4Top .more{display:block;}
	.HomeF4Con ul li .txtbox{padding-top: 20%;}
	.HomeF4Bottom h3{font-size: 25px;}

}

@media screen and (min-width:1024px ){


	.HomeF2Ban .bg{display: block;}
	.HomeTitle{font-size: 33px;}
	.HomeTitleh4{font-size: 22px;}
	.HomeF3Box ul li .con h3{height: 69px;background: url(../images/h3bg.png) no-repeat left bottom;}
	.HomeF4Top .more{right: 30%;}
	.HomeF4Con ul li .txtbox{padding-top: 24%;}
	.HomeF4Con ul li .txtbox .title{font-size: 22px; }
	.HomeF4Bottom h3{font-size: 30px;}
}
/*@media screen and (min-width:1200px ){
	.HomeBan .swiper-pagination{width: 1170px;margin: 0 auto; left: 50%;margin-left: -585px; bottom: 30px; text-align: right;}
	.HomeF3Box ul li .left{width: 36.67%; margin-top: 65px;}
	.HomeF3Box ul li .right{width: 52.91%;}
	.HomeF3Box ul li .con .txt{width: 308px;}
	.HomeF3Box ul li .con h3{margin-top: 40px; margin-bottom: 20px;}
	.HomeF3Box ul li .con .more{margin-top: 50px;}
	.Main .HomeF3Box ul li .con .more {margin-top: 25px;}
	.HomeF4Con ul li .txtbox{padding-top: 28%;}

}*/
@media screen and (min-width:1200px ){
	.HomeF3Box ul li{ padding:25px 0px}
	.HomeF3Box ul li .con h3 a{ font-size: 16px }
	.HomeF3Box ul li .con .txt{ font-size: 12px;overflow: hidden;text-overflow: ellipsis;
	white-space: nowrap;width:100%;}
	.HomeF3Box ul li .right{ position: relative; }
	.HomeF3Box ul li .time{ position: absolute; right: 0px }
	.HomeF3Box ul li .con .txt{ width: 100%; height: auto; }
	.HomeF3Box ul li .left a{ height:129px; }
	.HomeBan .swiper-pagination{width: 1170px;margin: 0 auto; left: 50%;margin-left: -585px; bottom: 30px; text-align: right;}
	.HomeF3Box ul li .left{width: 36.67%; margin-top: 0px;}
	.HomeF3Box ul li .right{width: 52.91%;}
	.HomeF3Box ul li .con h3{margin-top:0px; margin-bottom:0px;}
	.HomeF3Box ul li .con .more{margin-top: 50px;}
	.Main .HomeF3Box ul li .con .more {margin-top:20px;}
	.HomeF3Box ul li .con h3{ height: 56px }
	.HomeF4Con ul li .txtbox{padding-top: 28%;}

}
/*首页*/

/*侧边栏*/
.sbtn{display: block; width: 100%;height: 35px;border-radius: 8px; border:1px solid #10222c; margin: 20px auto; text-align: right; line-height: 35px;padding:0 15px;}
.sbtn span{color: #f7af00;}
.sbtn span.tltle{float: left;}
.sidebar{display: none;}
.sidebarbox{border-radius:8px;border:1px solid #10222c;padding:15px 0; margin-bottom: 20px; }
.sidebarbox ul li a.sibA{display: block;line-height: 35px;padding: 0 15px; position: relative; font-size: 16px;}
.sidebarbox ul li dl dd a{padding-left: 50px;  line-height: 28px;}


@media screen and (min-width:1024px ){
	.sbtn{display: none; }
	.MainBox .container{position: relative; min-height: 400px;}
	.sidebar{ display: block; width: 235px;padding-top: 40px;border-left: 1px solid #a9a9a9; height: 100% !important;position: absolute;top:0px;left:0px;}
	.Main{float: right;width: 70%;padding-top: 40px;}
	.sidebarbox{border: none;}
	.sidebarbox ul li.on a{ color:#f7af00;}
	.sidebarbox ul li a.sibA{padding-left: 42px;}
	.sidebarbox ul li dl dd a{padding-left: 75px;}
	.sidebarbox ul li dl dd.menuon a,.sidebarbox ul li dl dd a:hover{color: #f7af00;}
	.sidebarbox ul li dl{display: none;}

	.sidebarbox ul li a.sibA .icon{ display: block; width: 8px;height: 8px; background: #000; position: absolute; left: -4px; top: 50%;margin-top: -4px; }
	.sidebarbox ul li a.sibA .iconhx{display: block; width: 25px;height: 1px; background: #a9a9a9; position: absolute; left: 4px; top: 50%;margin-top: 0px;}

}
@media screen and (min-width:1200px ){
	.Main{width: 75%;}
}

/*侧边栏*/

/*产品中心*/

.prolist{}
.prolist ul li{width: 49%;float: left;margin-right: 2%; margin-bottom: 2%;}
.prolist ul li:nth-child(2n){margin-right: 0;}

.prolist ul li a{display: block; border:1px solid #000;overflow: hidden;}
.prolist ul li a span{display: block;width: 100%; text-align: center; overflow: hidden;}
.prolist ul li a img{width: 100%; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}

.prolist ul li a:hover img{-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);}
.prolist ul li a span.txt{line-height: 40px;text-overflow:ellipsis;overflow: hidden; white-space: nowrap;}

.ProPage{text-align: center;padding: 20px 0 40px;}
.ProPage .a_prev,.ProPage .a_next{display: inline-block;*display: inline;*zoom:1;font-size: 12px; width: 80px;height: 24px; background-color: #c9c9c9;text-align: center;line-height: 24px;}
.ProPage .pageNumBox{display: none; padding:11px 0 10px;height: 1px;margin: 0 89px;}
.ProPage .pageNumBox a{float: left;height: 1px;background-color: #000;margin: 1px 0;text-indent: 100%;position: relative;}
.ProPage .pageNumBox a.on{margin: 0;height: 3px;background-color: #f7af00;}
.ProPage .pageNumBox a:after{content: "";width: 2px;height: 11px;background-color: #000;position: absolute;left: -1px;top:-4px;}
.ProPage .pageNumBox a:first-child:after{display: none;}

@media screen and (min-width:768px ){

.prolist ul li{width: 32%;margin-right: 2%;}
.prolist ul li:nth-child(2n){margin-right: 2%;}
.prolist ul li:nth-child(3n){margin-right: 0;}

.ProPage{padding:10px 0px 40px;}
.ProPage .pageNumBox{display: block;}
.ProPage .a_prev{float: left;}
.ProPage .a_next{float: right;}
}

@media screen and (min-width:1024px ){

.prolist ul li{width:29%;margin-right: 6.5%; margin-bottom: 6.5%;}
.prolist ul li:nth-child(2n){margin-right: 6.5%;}
.prolist ul li:nth-child(3n){margin-right: 0;}

}



.protable1{ width: 100%;margin-bottom: 30px;}
.protable1 tr td{ padding: 15px;width: 50%; text-align: center; border: 1px solid #000; border-top: none; border-left: none; }
.protable1 tr.title td{line-height: 30px;}
.protable1 tr td.last{border-right: none; text-align: left;}
/*产品中心*/

/* 分页 css*/
.PageBox{ padding:50px 0; }
.PageBox .Pages{text-align: center;}
.PageBox .Pages a{padding:10px 15px;border:1px solid #ededed; color: #333; font-size: 14px; margin:0 3px;transition: all .5s;}
.PageBox .Pages a:hover,.PageBox .Pages a.a_cur{ background: #f7af00;color: #fff; border:1px solid #f7af00; }
.PageBox .Pages .num{font-style: normal;}
.PageBox .Pages .num a{display: none;}

@media screen and (min-width:768px){
	.PageBox .Pages .num a{display:inline-block;}
}
/* 分页 css*/

/*new*/
.NewsBox{border-top: 1px solid #000;border-bottom: 1px solid #000; padding: 4% 0 14.5%;}
.newfx{padding: 30px 0;}
.newTitle{position: relative;}
.newTitle .time{font-size: 14px;}

.newTitle .titleh3{ font-size:20px; padding-right: 130px;}

.titlebottom .img{display:none; background: url(../images/h3bg.png) no-repeat center; width: 151px;}
.titlebottom span{ display: block; float: left; color: #bdbdbd;font-size: 12px; height:30px;line-height: 30px; }
.titlebottom .fb{margin-right: 10px;}

@media screen and (min-width:768px){
	.titlebottom .img{display: inline-block;}
	.newTitle .time{position: absolute; right:15px; top: 0;}
	.newTitle .time i{display: block; width: 34px;height: 1px;background: #eccc97;position: absolute; top: 50%;right: 90px;}
	.titlebottom .fb{margin-left: 10px;}
	.newTitle .titleh3{ font-size:25px; }
}

@media screen and (min-width:1024px){
	.newfx .newpre{width: 50%;float: left;}
	.newfx .newnext{width: 50%;float: right;text-align: right;}
	.newTitle .titleh3{ font-size:30px;}

}


/*new*/

/*公司简介*/
.aboutBox{ background: url(../images/aboutbg.png) no-repeat center;padding:30px 0 50px; margin-bottom: 13%; }
.aboutTxt{padding: 39px 0 55px; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.aboutbgno{background: none;}

.serList{}
.serList ul li{margin-bottom: 30px;}
.serList ul li .txt{display: inline-block;height: 64px; line-height: 64px; padding-left: 10px;}


@media screen and (min-width:540px){
	.serList ul li{float: left; width: 50%;}
}

@media screen and (min-width:768px){
	.serList ul li{ width: 33.33%;}
}

@media screen and (min-width:1024px){
	.serList ul li{ width: 20%; margin-bottom: 0;}
	.serList ul li .img{display: block; text-align: center;}
	.serList ul li .txt{display: block; line-height: 45px; height: 45px; text-align: center;}
}


/*公司简介*/

.caseList ul li .imgnone{visibility: hidden;}
.caseList ul li .txt{position: relative;}
.txtCon{position: absolute;left:0;top: 0;width: 100%;height: 100%;background: #dfd8d2;text-align: center; padding: 10% 15px 0; }
.caseList li>a{position: relative;}
.caseList li .Box{position: absolute;top:0px;left:0px;width:100%;text-align: center;height: 100%;background: url(../images/hhnbg.png);color:#f7af00;font-size: 24px;display: none;}
.caseList li .Box img{display: block;margin:20% auto 2%;}
@media screen and (min-width:1024px){
	.caseList li>a:hover .Box{display: block;}
	
}

.txtCon h3{height: 64px; line-height: 64px; text-align: center; background: url(../images/caseh3bg.png) no-repeat center; }
.txtCon h3 a{color: #f7af00;}
.txtinfo{display: none;}

@media screen and (min-width:540px){
.txtinfo{display: block;}
}

@media screen and (min-width:768px){
	.caseList ul li .imgAbox{display: block; width: 50%; float: left;}
	.caseList ul li .txt{width: 50%;float: left;}

	.caseList ul li.odd .imgAbox{float: right;}

	.txtinfo{display: none;}

}
@media screen and (min-width:1024px){
	.txtinfo{display: block;}
}

@media screen and (min-width:1366px){
	.txtinfo{line-height: 2em; margin-top: 2em;}
}
@media screen and (min-width:1440px){
	.txtCon{padding-top: 15%;}
}
@media screen and (min-width:1600px){
	.txtCon{padding-top: 18%;}
}


.CaseListBox{ padding:7.91% 0 0; }
.CaseListBox li{ margin-bottom: 30px; }
.CaseListBox li .item{border:1px solid #000; padding:10px; position: relative;}

.CaseListBox li .item .img{ display: block;width:100%; text-align: center;}
.CaseListBox li .item h3{font-size:18px;text-align: center;}
.CaseListBox li .item h3 a{color: #000;}
.txtInfo{display: none;}
.CaseListBox li .item .time{display: block; line-height: 30px; text-align: center;}

.caseInfo{padding: 6% 0;}
.caseInfo .caseInfoh3{text-align: center; font-size: 18px; color: #000;}
.caseInfo .time{text-align: center; font-size: 12px; text-align: center; border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-bottom: 10px;}

@media screen and (min-width:540px){
	.CaseListBox li{width: 49%;margin-right: 2%; margin-bottom: 2%;float: left;}
	.CaseListBox li:nth-child(2n){margin-right: 0;}
}


@media screen and (min-width:768px){
	.CaseListBox li{width: 100%; margin: 0; margin-bottom: 30px;}
	.CaseListBox li .item .img{width: 20%;float: left;}
	.CaseListBox li .txt{width: 77%;float: right;}
	.CaseListBox li .txt h3{text-align: left;}
	.txtInfo{display:block;}
	.CaseListBox li .item .time{position: absolute; right: 15px; bottom: 15px;}
}

@media screen and (min-width:1024px){
	.CaseListBox li{margin-bottom: 140px;}
	.CaseListBox li.last{margin-bottom: 55px;}
	.CaseListBox li .item {height: 330px;position: relative; width: 100%; margin: 0 auto; background: #f5f5f5;}
	.CaseListBox li .item .img{position: absolute;width: 316px;height: 434px;top: -52px;left: 5%;}
	.CaseListBox li .item .txt{width: 60%; line-height: 2em;}
	.CaseListBox li .item h3{background: url(../images/titlebg.png) no-repeat left bottom; height: 70px; padding-left: 90px;margin-bottom: 20px; padding-top: 45px; font-size: 24px;}
}


@media screen and (min-width:1200px){
	.CaseListBox li .item .txt{padding-right: 50px; }
}

/*联系我们*/

.usBox{border-bottom: 1px solid #fff; background:#10222c; }
.usTabBox{background: #efefef; padding:40px 15px;}
.usTabTop{text-align: center; border-bottom: 1px solid #000; padding-bottom: 30px;}
.usTabTop a{display: inline-block;text-align: center;width:127px;height: 43px; line-height: 43px; border:1px solid #efefef; font-size: 20px; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}

.usTabTop a.on,.usTabTop a:hover{border-color: #f7af00; background: #10222c; color: #f7af00;}

.usTabCon .txt{display: none;}
.usTabCon .txt .ush3{font-size: 18px;}
.usTabCon .txt .infotxt{padding: 30px 0px;}

.usTabCon .txt  ul li{ border:1px solid #c0c0c0;padding:10px; margin-bottom: 20px;border-radius: 5px;}
.usTabCon .txt  ul li input{width: 100%;height: 22px;line-height: 22px; }
.usTabCon .txt  ul li textarea{height: 150px;}
.usTabCon .txt  .formA{display: block; width:158px;height: 45px; background: #fff; text-align: center; line-height: 45px; border-radius: 8px;color: #f7af00;font-size: 16px;-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; }
.usTabCon .txt  .formA:hover{background:#f7af00;color: #fff; }

@media screen and (min-width:768px){
	.usTabTop a{font-size: 24px;}
	.usTabCon .txt .ush3{font-size: 22px;}

}

@media screen and (min-width:1024px){
	.usTabTop{text-align: left;}
	.usBox{height: 764px;overflow: hidden;}
	.usBox .img{float: left; width: 60%;background-position: center;background-repeat: no-repeat; }
	.usBox .img img{display: none;}
	.usBox .usTabBox{float: right;width: 40%;padding:80px 40px 0;}
	.usBox .usTabCon{overflow-y:scroll;overflow-x:hidden;height:503px; }
	
}
@media screen and (min-width:1366px){
	.usBox .img{width: 70%;}
	.usBox .usTabBox{width: 30%;}

}

/*联系我们*/
.btn_animation{position: relative; overflow: hidden;border:1px solid #000;}
.btn_animation:hover{border-color:#e3b263; }
.btn_animation:hover span{color: #fff;}
.btn_animation span{position: relative; z-index: 3;}
.btn_animation::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background-color: #e3b263;
    -webkit-animation: btn-bg-show 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    animation: btn-bg-show 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.btn_animation:hover::after {
    -webkit-animation: btn-bg-hide 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    animation: btn-bg-hide 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes btn-bg-show {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}

@keyframes btn-bg-show {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}

@-webkit-keyframes btn-bg-hide {
  0% {
    left: -100%;
  }
  100% {
    left: 0%;
  }
}

@keyframes btn-bg-hide {
  0% {
    left: -100%;
  }
  100% {
    left: 0%;
  }
}



.box {
	width:390px;
	height:400px;
	position:relative;
    float: left;
}
.big {
	width:400px;
	height:400px;
	position:absolute;
	top:0;
	left:430px;
	border:1px solid #ccc;
	overflow:hidden;
	display:none;
}
.mask {
	width:125px;
	height:125px;
	background:rgba(255,255,0,0.4);
	position:absolute;
	top:0;
	left:0;
	cursor:move;
	display:none;
}
.small {
	position:relative;
}
.small img{ width: 390px; height: 400px; }
.box img {
	vertical-align:top;max-width:none; 
}
#bigBox img {
	position:absolute;
}