/* ====首页====== */
body{ background-color:#e6e6e6;}
/** header **/
.header{ position:relative; z-index:10; border-bottom: 1px solid #ccc; background-color: #fff;}
.loarea{ height:130px; position:relative; z-index:3;}
.logo{ width:300px; display:block; float: left; padding-top:28px;}
.logo img{ height:73px; width:auto;}
.logo .tp2{ display: none;}

/*PC导航 begin*/
.nav{  z-index:5; width: 640px; float: right; padding-top: 20px;}
.navul{ font-size:0; text-align: right;}
.navul li{ display:inline-block; font-size:14px; background:url(../images/icon/cutline.png) right center no-repeat; padding-right:1px; position:relative;}
.navul li:last-child{ background: none;}
.navul li>a{ color:#fff; padding:0 20px; color: #999; text-align:center; display:inline-block; line-height:110px; height:110px;}
.navul li>a .zh,.navul li>a .en{ display: inline-block;}
.navul li>a .zh{ font-size: 20px;}
.navul li>a .en{ font-size: 12px; margin-left: 14px;}
.navul li>a:hover,.act_nav{ color:#333 !important;}

/*PC导航end*/
.subnav{ position:absolute; left:50%; margin-left: -67px; top:70px;background:#fff; width:auto; padding:14px 14px 24px; display:none;}
.subnav:after{ content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; top: -16px; left: 50%; margin-left: -6px;}
.subnav1 dd{ float:left; width:102px;}
.subnav1 dd .nr a{height:36px; text-align:left; line-height:36px; width:100%; font-size:14px; display:block;  color:#333; text-align:center; border-bottom: 1px solid #e3e3e3;}
.subnav1 dd .nr a:hover{ color: #f60 !important; }
.subnav2{ width:256px;}


/*手机导航按钮及下拉菜单begin*/
.menubtn{ position:absolute; width:24px; height:24px;top:19px; right:7%; cursor:pointer; display:none;}
.menubtn i{ display:block; width:21px; height:2px; background-color:#333; position:absolute; -webkit-transition:.5s; transition:.5s;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -ms-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -ms-transform:rotate(-40deg); transform:rotate(-40deg);}
/*小导航*/
.inav{ background:url(../images/icon/black8.png) repeat; position:absolute; left:0; top:60px; width:100%; display:none; z-index:9; }
.inav{ display:none;}
.inav dl{ padding:0 10px; text-align:left;}
.inav dt{ font-size:14px; color:#fff; height:40px; text-align: left; line-height:40px; border-bottom:1px solid #666; padding-left:8px; position:relative;}
.inav dt .zh,.inav dt .en{ float: none;}
.inav dt .zh{ font-size: 18px;}
.inav dt .en{ font-size: 14px; margin-left: 10px;}
.inavbtn{ position:absolute; right:0px; top:14px; width:14px; height:14px; background:url(../images/icon/jia3.png) center center no-repeat; -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center;-webkit-transition:.5s; transition:.5s;}
.inav dd{ display:none; padding-left:2em; border-bottom:1px solid #1c4e9e; padding-bottom:6px;}
.inav a{ color:#fff;}
.inav a:hover{ color:#ccc;}
.inav dd h6{ font-size:14px; font-weight:normal; line-height:2;}
.inav dd h6 a{ display:block;}
.inav dd p{ font-size:12px; text-indent:1em; line-height:1.8;}
.act_inav{ font-weight:bold;}
.act_inav .inavbtn{ -webkit-transform:rotate(135deg) !important; -ms-transform:rotate(135deg) !important;transform:rotate(135deg) !important;}
/*手机导航按钮及下拉菜单end*/
/*banner begin*/
.banner{ position:relative; z-index:3; }
.banner .swiper-slide{position:relative; overflow:hidden;}
.banimg{ width:100%; height:auto; display:block;}
.banner .swiper-pagination{ bottom:24px !important;}
.banner .swiper-pagination-bullet{width:18px;height:18px;padding: 0;background-color:transparent; border:1px solid #ef9b35; font-size: 0;line-height: 0;outline:none;cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 11px !important;}
.banner .swiper-pagination-bullet-active{background-color:#ef9b35;}
/* .banner .swiper-button-prev{ left:2%;}
.banner .swiper-button-next{ right:2%;}
.banner .swiper-button-prev,.banner .swiper-button-next{ display: none;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}
 .banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;width:80px;  height:150px; line-height: 150px; top:50%; margin-top:-75px; color: #fff;}
.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size: 80px; font-weight: bold;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} */
/*banner end*/
.footer{ border-top: 1px solid #999;}
.copy{ font-size: 16px; padding: 12px 0; color: #787878; }
.copy br{ display: none;}
.copy a{color: #787878;}
.copy a:hover{color: #333;}

.h_case{ }
.h_case .wp74{ overflow: hidden;}
.hcul{ margin-right: -4%;padding: 4% 0 1%;}
.hcul li{ width: 29.33%;  float: left; margin: 0 4% 4% 0;}
.hcItem a{ display: block; background-color: #fff;}
.hcItem .tparea{ font-size: 0; -webkit-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s;  text-align: center; margin: 0 auto; overflow: hidden;}
.hcItem .tparea .tp{ width: 100%; }
.hcItem .des{ padding: 12px 10px; border-bottom: 1px solid #d0d0d0; //text-align: center;}
.hcItem .des .tit{ font-size: 18px; color: #787878; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
// .hcItem a:hover{ transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); }
.hcItem a:hover .des{ border-bottom-color: #999;}
.hcItem a:hover .tit{color: #333;}
// .hcItem a:hover .tparea .tp{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

/* 项目 */
.i_main{ min-height:400px;}
.case{ padding-top: 2.5%;}
.case .hcul{padding: 4% 0;}
.yearSort{ font-size: 0;}
.yearSort .span{ cursor: pointer; display: inline-block; font-size: 16px; padding: 0 28px; color: #787878; margin-left: 10px; line-height: 1; border: 1px solid transparent; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.act_yearSort{ border-color: #bfbfbf !important;}

/* 项目详情页 */
.topImg1{}
.topImg1 .tp{width: 100%; display: block;}
.topImg2{ display: none;}
.caseDel{ padding: 60px 0 160px;}
.caseDel .nr{}
.caseDel .nr .tit{ font-weight: bold; font-size: 24px; padding: 15px 0;}
.caseDel .nr .wz{ font-size: 16px; color: #666; line-height: 2.1; text-indent: 2em;}
.caseDel .nr .tp{ display: block; width: 100%; margin-bottom: 15px;}
.caseDel .nr .info{font-size: 16px; color: #666; line-height: 2.5; margin-top: 50px;}
.caseDel_headerNav{ position: fixed; width: 100%;  left: 0; top: 0;}
.caseDel_headerNav .header{background: none;position: absolute; left: 0; top: 0; width: 100%; border-bottom-color: #666; }
.caseDel_headerNav .header .menubtn i{ background-color: #fff;}
.caseDel_headerNav .logo .tp1{ display: none;}
.caseDel_headerNav .logo .tp2{ display: block;}
.caseDel_headerNav .act_nav,.caseDel_headerNav .navul li>a:hover,.act_nav{ color: #fff !important;}
.headerImg{ width: 100%; height: 100vh; }
.cdBottom{ position: relative; z-index: 10; margin-top: 100vh; background-color:#e6e6e6;}
.arrBttom{ position: absolute; -webkit-animation: transY 0.8s infinite linear; -moz-animation: transY 0.8s infinite linear; -o-animation: transY 0.8s infinite linear; animation: transY 0.8s infinite linear; width: 40px; left: 50%; bottom: 20px; margin-left: -20px;}

@-webkit-keyframes transY{
    0%{ -webkit-transform: translateY(0px); transform: translateY(0px);}
    50%{-webkit-transform: translateY(5px);transform: translateY(5px);}
    100%{ -webkit-transform: translateY(0px); transform: translateY(0px);}
    }

@-moz-keyframes transY{
    0%{ -moz-transform: translateY(0px); transform: translateY(0px);}
    50%{-moz-transform: translateY(5px);transform: translateY(5px);}
    100%{ -moz-transform: translateY(0px); transform: translateY(0px);}
    }

@-o-keyframes transY{
    0%{ -o-transform: translateY(0px); transform: translateY(0px);}
    50%{-o-transform: translateY(5px);transform: translateY(5px);}
    100%{ -o-transform: translateY(0px); transform: translateY(0px);}
    }

@keyframes transY{
    0%{ -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);}
    50%{-webkit-transform: translateY(5px);-moz-transform: translateY(5px);-o-transform: translateY(5px);transform: translateY(5px);}
    100%{ -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);}
    }

/* 我们 */
.we{ padding: 60px 0 80px;}
.wItem{ margin-bottom: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;  -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
.wItem .intro{ width: 47%; margin-left: 3%;}
.we_tit{ font-size: 36px;}
.we_tit .en{ margin-left: 20px;}
.wItem .intro .nr{ margin-top:35px;}
.wItem .intro .nr1{ font-size: 16px; line-height: 2.2;}
.wItem .tparea{ width: 50%; font-size: 0;}
.wItem .tparea .tp{ width: 100%;}

.wItem .intro .nr2{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.wItem .intro .nr2 .list{ width: 48%;}
.wItem .intro .nr2 .list .tit{ font-size: 24px; color: #333;}
.wItem .intro .nr2 .list .listnr{ padding: 22px 0 0;}
.wItem .intro .nr2 .list .listnr .p{ margin-bottom: 14px; font-size: 18px; color: #666; padding-left: 28px; position: relative;}
.wItem .intro .nr2 .list .listnr .p::after{ content: ''; display: block; width: 13px;  height: 13px; background-color: #999; position: absolute; left: 0; top: 9px; }

/* 联系我们 */
.contact{ padding:60px 0 100px;  margin:0 auto; }
.contact{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between;}
.contact .des{ width:310px; margin-left: 30px; }
.contact .des .desh4{ font-size:36px; color:#333; margin-bottom:20px;}
.contact .des .wz{ font-size:16px; color:#666666; line-height: 2.2;}
.contact .des .wz .orange{ color:#f60; font-size:20px; margin-right:3px;}
.map{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }