@charset "utf-8";
/* 浏览器样式初始化 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
font-family:'PingFangSC_R',"PingFang SC","Microsoft Yahei""Arial",sans-serif; }
li{list-style: none;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.box{width: 1200px; margin:0 auto;}
.tran{transition: all .3s ease;}
.time02{transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out;}
.time03{transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out;}
.time05{transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; -moz-transition:0.5s ease-in-out;}
#transition{position:fixed;top:0;left:-0%;width:100%;height:100%;background-color:#e6002d;z-index:100000}
#transition::after{content:'';display:block;position:absolute;top:0;height:100%;width:100%;right:-18%;background-color:#e6002d;-moz-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;transition:all .4s}
.show-page-1{left:-106%!important;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}
.show-page-1::after{-webkit-transform:skew(25deg);-moz-transform:skew(25deg);-ms-transform:skew(25deg);-o-transform:skew(25deg);transform:skew(25deg)}
.show-page-2::after{right:0!important;-webkit-transform:initial!important;-moz-transform:initial!important;-ms-transform:initial!important;-o-transform:initial!important;transform:initial!important}
.showed-page{left:100%!important;width:100%}
.hide-page{left:30%!important;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}
.hide-page::after{right:initial;left:-18%;-webkit-transform:skew(-25deg);-moz-transform:skew(-25deg);-ms-transform:skew(-25deg);-o-transform:skew(-25deg);transform:skew(-25deg)}
.hide-page-2{left:0!important}
.hide-page-2::after{-webkit-transform:initial!important;-moz-transform:initial!important;-ms-transform:initial!important;-o-transform:initial!important;transform:initial!important;left:-100%}



.head{width: 100%; height: 85px; box-shadow: 0px 1px 5px rgba(0,0,0,0.17);  background: #fff; /*background: rgba(36,23,4,0.2);*/ position: fixed; top: 0px;  overflow: hidden; z-index: 11;}
.head.on{background: rgba(37,37,37,0.75); }
.head.on .sy{ width: 180px;margin-top:5px;/*margin-left: -26px;*/ }
.head.on .fy{display: none;}
.head.on .menu li a{color: #f1f1f1;}
.head.on .menu li a:hover,.head.on .menu li a.on{ color: #fff;}
.head .logo{display: block; float:  left; width: 180px; /*height:100px;*/ overflow: hidden; }
.head .logo img{display: block; width: 180px; margin-top: 5px;}
.head .menu{float: right; width: 70%;}
.head .menu li{float: left; width: 25%; text-align: center; line-height: 85px;}
.head .menu li.on a{color: #171717;}
.head .menu li a{font-size: 18px;  color: #424242; text-transform: uppercase;}
.head .menu li a:hover,.head .menu li a.on{ color: #171717;}


.head.onn{background: rgba(37,37,37,0.6); }
.head.onn .sy{ width: 190px;margin-top: -24px;margin-left: -26px; }
.head.onn .fy{display: none;}
.head.onn .menu li a{color: #f1f1f1;}
.head.onn .menu li a:hover,.head.on .menu li a.on{ color: #fff;}

.footer{width: 100%; background: #252525;}


.ilb{width: 100%; margin:0 auto;   position: relative; overflow: hidden;}

.slideBox{ width:100%; height:100%; overflow:hidden; position:relative;  }
.slideBox .hd{z-index:1;  line-height:40px;width: 10px; height: 200px;  overflow:hidden; position:absolute; right:10%;top: 50%; }
.slideBox .hd ul{ text-align:center; display: table; margin: 0 auto;}
.slideBox .hd ul li { cursor: pointer; display:  block; zoom:1; width:9px; height: 9px; margin: 15px 0px;  overflow: hidden;*display:inline;
	line-height: 9999px;background:rgba(0,0,0,0.6); border-radius:10px;  }
.slideBox .hd ul li.on{ background:#761224;}

.slideBox .bd{ position:relative; height: 100%!important;  z-index:0;   }
.slideBox .bd ul{height: 100%!important; }
.slideBox .bd li{ zoom:1; width: 100%; height: 100%!important; vertical-align:middle; background-size: 100% 100%; }
.slideBox .bd img{ width: 100%; height: 100%; display:block;  }

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

.ixwlb{position: absolute; bottom: 50px; width: 100%; height: 50px; background: rgba(0,0,0,0.5);  }
.txtMarquee-left{    position:relative;   }
.txtMarquee-left .box{overflow:hidden; margin:0 auto; }
.txtMarquee-left .bd{ float: right; }
.txtMarquee-left .bd .tempWrap{ width:260px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{   float:left; height:50px; line-height:50px;  text-align:left; _display:inline; width:auto !important;  }
.txtMarquee-left .bd ul li a{color: #fff;}

.content{width: 100%; background: #fff; padding-top: 40px;}
.content .khbt{font-size: 26px; text-align:  center; color:#4b4b4b;  line-height:1.5em; font-family:"PingFang SC Light","Microsoft YaHei UI/Light" ,"PingFangSC","微软雅黑"; margin-bottom: 80px; }
.c_lj{width: 100%; background: #efefef; overflow: hidden; padding-top: 35px; padding-bottom: 30px;}
.c_lj dl{width: 25%; float: left;}
.c_lj dl dt{/*font-weight:bold;*/ font-size:14px; color: #252525; line-height: 2em; font-family:"PingFang SC Light","Microsoft YaHei UI/Light" ,"PingFangSC","微软雅黑" ;   }
.c_lj dl dd{ font-size:12px; color: #909090; line-height: 1.9em;}

.icase{width: 100%;}
.icase .hd{overflow: hidden;}
.icase .hd ul{text-align: right; overflow: hidden; position: relative;}
.icase .hd ul li{float: right; height: 75px; width: 20%; color: #252525; cursor: pointer;  }
.icase .hd ul li.on{color: #252525;}
.icase .hd ul li dl{overflow: hidden; float: left; position: absolute; top: 30px; right: 0px;   background: #fff; z-index: -1; /*width: 60%; */ }
.icase .hd ul li:hover dl{z-index: 5; }
.icase .hd ul li.on dl{opacity: 1;z-index: 5;}
.icase .hd ul li p{text-align: right; font-size: 16px; font-weight: bold;color: #757575;}
.icase .hd ul li.on p {color: #252525; }
.icase .hd ul li:nth-child(2) dl{margin-right: 160px;}
.icase .hd ul li:nth-child(3) dl{margin-right: 360px;}
.icase .hd ul li dl dd{ float: left; margin-left: 20px;  }
.icase .hd ul li dl dd a{color: #757575;}
.icase .hd ul li dl dd a:hover{color: #252525;}
.icase .hd ul li.filteredOut{z-index: -10!important;}

.icase .bd{width: 100%; overflow: hidden; height: 1217px!important;}
.icase .bd ul{ overflow: hidden; }
.icase .bd ul li{width: 384px; height: 384px; padding-right: 24px; position: relative;   float: left; padding-bottom:24px; overflow:hidden;}
.icase .bd ul li .ica_pic{display: block; width: 100%; height: 100%; overflow:hidden;}
.icase .bd ul li a{display: block;width: 384px; height: 384px; position: relative;}
/*.icase .bd ul li:nth-child(3n){padding-right: 0%;}*/
.icase .bd ul li img{display: block; width: 100%;}
.icase .bd ul li:hover img{transform: scale(1.08);-webkit-transform: scale(1.08); -o-transform: scale(1.08);}
.icase .bd ul li .ic_yin{position: absolute; top: 23%; width: 100%; left: 0px; height: 50%; background: rgba(118,18,36,0.8); display: none;
  color: #fff;}
.icase .bd ul li .ic_yin div{padding:12% 10%;}
.icase .bd ul li .ic_yin .ic_mz{font-size: 20px; text-transform: uppercase; font-weight: bold; line-height: 1em;}
.icase .bd ul li .ic_yin .ic_jj{font-size: 16px; text-transform: uppercase; line-height: 1.7em; margin-bottom: 1em;}
.icase .bd ul li .ic_yin .ic_zwm{font-size: 14px; line-height: 1.8em;  }
.icase .ix_more{color: #a9a9a9; display: block; font-size: 20px; text-align: center; margin-bottom: 40px; margin-top: 20px; text-transform: uppercase;  }
.icase .ix_more:hover{color:#555;}

.fot_top{padding-top: 80px; overflow: hidden;}
.fot_top .ft_left{float: left; margin-right:25px;}
.fot_top .ft_middle{float: left;margin-right: 30px;}
.fot_top .ft_middle img{margin-top: -12px;}
.fot_top .ft_middle p{font-size: 14px; position: relative; padding-left: 23px; line-height: 1.8em;}
.fot_top .ft_middle p i{display: block; position: absolute; left: 0px; top: 3px; width: 18px; height:20px; background: url(img/icon.png);
}
.fot_top .ft_middle .ft_m01 i{background-position: 0px 0px; }
.fot_top .ft_middle .ft_m02 i{background-position: 0px -27px; }
.fot_top .ft_middle .ft_m03 i{background-position: 0px -50px; }
.fot_top .ft_middle .ft_m04 i{background-position: 0px -74px; }
.fot_top .ft_menu{ overflow: hidden; float: left;    overflow: hidden;}
.fot_top .ft_menu dl{width: 90px; float: left;}
.fot_top .ft_menu dt a{font-size: 18px; color: #afafaf; line-height: 2em;}
.fot_top .ft_menu dd a{font-size: 14px; color: #727272; line-height: 2em;}
.fot_top .ft_menu dd a:hover{color: #b2b2b2;}
.fot_top .ft_right{float: right;}
.fot_top .ft_right p{font-size: 12px; color: #707070; line-height: 2.3em;}
.fot_bottom{padding-bottom: 65px; margin-top: 45px;}
.fot_bottom dl{width: 100%; overflow: hidden;}
.fot_bottom dt{font-size: 18px; display: block; }
.fot_bottom dd{float: left; width: 16%;   line-height: 2em;}
.fot_bottom dd a{color: #747474; text-align: center; font-size: 12px;}

/*新闻详情页*/
.pcon{width: 100%; padding-top:188px; padding-bottom: 25px; background: #fff; }
.pxw{width: 910px; margin:0 auto;}
.pxw .pcon_xwbt{  font-size: 20px; color: #212121; line-height: 1.5em; margin-bottom: 30px; margin-top: 20px;}
.pxw .pcon_xwxq{}
.pxw .pcon_xwxq p{font-size: 14px; color: #868585; line-height: 1.7em; margin-bottom: 20px;}
.pxw .pcon_xwxq img{max-width: 100%; display: block; height: auto;}
.pnews_xxx{font-size: 16px; color: #868585; line-height: 2em; }
/*.pcon_xwpic{width:910px; height:675px; overflow: hidden; margin-top: 165px;} */

/*案例详情开始*/
.pal{width: 100%; background: #fff; padding-top: 122px; padding-bottom: 25px;}
.pal .pal_xq{width: 100%; color: #fff; font-size: 14px; line-height: 1.8em;}
.pal .pal_xq .pal_con{padding:8% 15% 12%; text-transform: uppercase; }
.pal .pal_xq .pal_con .pal_bt{font-size: 20px; /*font-weight: bold;*/ line-height: 1em;}
.pal .pal_xq .pal_con .pal_xbt{font-size: 16px; line-height: 1.3em;}
.pal .pal_xq .pal_con .pal_zwbt{margin-top: 10px;font-size: 12px;}
.pal .pal_xq .pal_con .pal_nr{ margin-bottom: 9%; margin-top: 6%;}
.pal .pal_xq .pal_con .pal_nr p{font-size: 14px; line-height: 2.2em;}
.pal .pal_xq .pal_con .pal_kh{font-size: 12px; }
.pal .pal_xq .pal_con .pal_fw{font-size: 12px;}
.pal .pal_xq .pal_con .pal_rq{font-size: 12px;}

.pal .pal_pic{width: 100%;}
.pal .pal_pic img{display: block; width: 100%; margin-top: 25px; height: auto;}


/*新闻列表页开始*/
.pxw01{/*padding-top: 190px;*/ }
.pnav{width: 100%; overflow: hidden;}
.pnav li{float: left; font-size: 26px; color: #868585; text-transform: uppercase; width: 30%;}
.pnav li a{font-size: 20px; color: #868585;}
.pxw_list{ min-height: 600px; }
.pxw_list li{width: 100%; height: 340px; margin-top: 60px; padding-bottom: 60px; border-bottom: 1px solid #b3b3b3; overflow: hidden;}
.pxw_list li a.box{display: block; }
.pxw_list li .pxw_lpic{float: left; width: 340px; height: 340px; overflow: hidden; background: #ddd;}
.pxw_list li .pxw_lpic img{display: block; }
.pxw_list li .pxw_lpic:hover img{transform: scale(1.08);-webkit-transform: scale(1.08); -o-transform: scale(1.08);}
.pxw_list li .pxw_lcon{float: right; width:700px; height: 100%; }
.pxw_list li .pxw_lcon span{font-size: 20px; display: block; line-height: 1em; padding-top: 60px; color: #252525; }
.pxw_list li .pxw_lcon h3{font-size: 26px; margin-top: 25px; margin-bottom: 25px; line-height: 1.7em; color: #252525;}
.pxw_list li .pxw_lcon p{font-size: 16px; line-height: 1.8em; height: 85px;color: #000;}
.pxw_list li .pxw_lcon i{font-size: 16px; text-transform: uppercase; color: #757575;}
.pxw_list li .pxw_lcon i:hover{color: #e60012; text-decoration: underline;}
.pxw_list li:last-child{border: none;}

/*案例中心开始*/
.pca{width: 100%; min-height:1000px;}
.pca .box{}
.pca .box .pca_list{width: 100%; overflow: hidden;}
.pca .box .pca_list li{width: 384px; height: 384px; margin-right: 24px; margin-bottom: 24px; float: left; position: relative;}
.pca .box .pca_list li:nth-child(3n-1){margin-right: 0px;}
.pca .box .pca_list li a{display: block; width: 100%; height: 100%; overflow: hidden; background: #ddd; color: #fff; text-transform: uppercase;}
.pca .box .pca_list li img{display: block;  width: 100%;}
.pca .box .pca_list li:hover img{transform: scale(1.08);-webkit-transform: scale(1.08); -o-transform: scale(1.08);}
.pca .box .pca_list li a .pca_lbox{  width: 100%; height: 205px; background:url(img/hbg.png); position: absolute; top: 90px; opacity: 0;}
.pca .box .pca_list li:hover a .pca_lbox{opacity: 1; }
.pca .box .pca_list li a .pca_lbox div{padding: 45px 35px;}
.pca .box .pca_list li a .pca_lbox p{ line-height: 1em; font-size: 24px; font-weight: bold; }
.pca .box .pca_list li a .pca_lbox h2{line-height: 1.5em; font-size: 16px; line-height: 1.5em; /* height: 45px; */}
.pca .box .pca_list li a .pca_lbox span{font-size: 14px; line-height: 1.5em;}

.pnav01{width: 100%; padding-top: 140px; overflow: hidden;height: 65px; position: relative;} 
.pnav01 .box{position: relative;}
.pnav01 li{float: right; width:210px; height: 55px; }
.pnav01 li:nth-child(1){width: 410px;}
.pnav01 li.mm1{width:150px; }
.pnav01 li.pnav_01{float: left;  font-size: 26px; color: #4b4b4b; text-align: left; text-transform: uppercase;}
.pnav01 li a{color: #757575; font-size: 14px; text-transform: uppercase; line-height: 1em;}
.pnav01 li.on>a{color: #252525;}
.pnav01 li.onn>a{color: #252525;}
.pnav01 li dl{ margin-bottom: 0px; overflow: hidden;line-height: 1.5em; text-align: right;}
.pnav01 li dl dd{float: left; margin-left: 24px; line-height: 1.5em;}
.pnav01 li dl dd a{color: #757575; font-size: 12px; line-height: 1.5em;}
.pnav01 li dl dd.on a{color: #252525;}
.pnav01 li dl dd.on{color: #252525;}
.pnav01 li a:hover,.pnav01 li a.on{color: #252525;}

.pnav01 .box ul li dl{overflow: hidden; width: 100%;   position: absolute; top: 25px; right: 0px;   background: #fff;  z-index:-1;
text-align: right; }
.pnav01 .box ul li:hover dl{z-index:6; }
.pnav01 .box ul li.on dl{ z-index: 5; text-align: right;}
.pnav01 .box ul li.onn dl{ z-index: 5; text-align: right;}
.pnav01 .box ul li p{text-align: right; font-size: 16px; font-weight: bold;color: #757575;}
.pnav01 .box ul li p a{ }
 
.pnav01 .box ul .mm1 dd:nth-child(1){margin-left: 930px;}
.pnav01 .box ul .mm2 dd:nth-child(1){margin-left:  760px;}
.pnav01 .box ul .mm3 dd:nth-child(1){margin-left:  500px;}
.pnav01 .box ul .mm4 dd:nth-child(1){margin-left:  358px;}

/*

.pnav01 .box ul li:hover dl{z-index: 5; }
.pnav01 .box ul li.on dl{opacity: 1;}
.pnav01 .box ul li p{text-align: right; font-size: 16px; font-weight: bold;color: #757575;}
.pnav01 .box ul li p a{ }
.pnav01 .box ul li:nth-child(2) dl{margin-right: 160px;}
.pnav01 .box ul li:nth-child(3) dl{margin-right: 360px;}*/

/*联系我们开始*/
.pnav02{width: 100%; padding-top: 140px; overflow: hidden; margin-bottom: 125px;} 
.pnav02 li{float: left; }
.pnav02 li.pnav_01{float: left;  font-size: 26px; color: #4b4b4b; text-transform: uppercase; width:415px; }
.pnav02 li a{color: #252525; font-size: 20px; text-transform: uppercase; line-height: 1em; }
.pnav02 li a{width: 210px; display: block;}

.plx{width: 100%; background: #fff;}
.plx .box{overflow:hidden; }
.plx .box .plx_xx{float: right; width:785px; }
.plx .box .plx_xx .plx_x01{width: 100%; margin-bottom: 125px; }
.plx .box .plx_xx .plx_x01>h2{font-size: 20px; color: #868585; line-height: 1.3em; margin-bottom: 35px;}
.plx .box .plx_xx .plx_x01 .plx_x01dt{width:485px; height: 290px; background: #ddd; }
.plx .box .plx_xx .plx_x01 .plx_xnr a{font-size: 14px; color:#666; line-height: 1.5em; display: block;}
.plx .box .plx_xx .plx_x01 .plx_xnr p{font-size: 16px; color:#868585; line-height: 1.5em; }
/*关于我们*/
.pnav03{width: 100%; padding-top: 170px; overflow: hidden;  } 
.pnav03 li{float: left;width: 210px; }
.pnav03 li:last-child{width: 150px;}
.pnav03 li.pnav_01{float: left;  font-size: 26px; color: #4b4b4b; text-transform: uppercase; width:415px; }
.pnav03 li a{color: #757575; font-size: 20px; text-transform: uppercase; line-height: 1em; }
.pnav03 li.on a{color: #252525;}
.pnav03 li a{width: 210px; display: block;}

.box01{width: 100%; overflow: hidden;}
.box01 img{display: block; margin:0 auto; width: 100%;}
.pab{width: 100%; }
.pab .box{overflow: hidden;}
.pab .box .pab00{float: right; width: 785px; /*width: 790px;*/ margin-bottom:157px; margin-top:150px; /*margin-right: 100px;*/}
.pab .box .pab00 img{display: block; max-width: 100%;}
.pab .box .pab01{margin-top:60px;}
.pab .box .pab00  h2{font-size: 20px; color: #868585; margin-bottom: 15px;}
.pab .box .pab00 p{color: #868585; line-height: 2em; text-transform: uppercase; }
.pab .box02{width: 100%; position: relative;}
.pab .box02 .bd{width: 100%; overflow: hidden; }
.pab .box02 .bd li{/*float: left;*/ width: 100%!important; height:100%!important;   overflow: hidden;}
.pab .box02 .bd li img{display: block; width: 100%!important; height:100%!important; }
.pab .box02 .hd {position: absolute; width: 100%; left: 0px; top:100%; margin-top: -54px;  z-index: 10;}
.pab .box02 .hd ul{ text-align:center; display: table; margin: 0px auto; position: relative; z-index: 10;  }
.pab .box02 .hd ul li { cursor: pointer; display: inline-block; zoom:1; width:9px; height: 9px; margin: 8px;  overflow: hidden;*display:inline;background:rgba(0,0,0,0.4);
 border-radius: 5px; cursor: pointer; }
.pab .box02 .hd ul li.on{ background:#761224;}

.back2top{width: 45px;   height: 45px; position:  fixed; bottom: 10%; right: 5%; background:  url(img/fh.png)no-repeat 0px 0px;}
.back2top:hover{background-position: 0px -50px;}

.sxfy{width: 60px; position: fixed; left: 50%; margin-left: 600px; top: 50%; margin-top: -90px;}
.sxfy li{display: block; width: 60px; height: 50px;margin-bottom: 10px;}
.sxfy li a{display: block; width: 100%; height: 100%;}
.sxfy li.fy01 a{background: url(img/you.png)no-repeat;}
.sxfy li.fy02 a{background: url(img/zuo.png)no-repeat;}
.sxfy li.fy03 a{background: url(img/cha.png)no-repeat;}
.sxfy li.fy01 a:hover{background-position: 0px -50px; }
.sxfy li.fy02 a:hover{background-position: 0px -50px;}
.sxfy li.fy03 a:hover{background-position: 0px -50px;}