/*头部增加css*/
.touch_bg{
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 8;
    background: #0d0d0d;
    display: none;
    filter: Alpha(Opacity=60);
    opacity: 0.6;
    height: 100%;
}
.f36 {font-size:36px;}
.f18{font-size:18px;}
.f16{font-size:16px;}
.f14{font-size:14px;}
.Header-lang {
    float: right;
    position: relative;
    padding: 0 14px 0 26px;
    height: 102px;
    line-height: 102px;
    user-select: none;
    font-size: 15px;
    color: #666;
    cursor: pointer;
    transition: all .4s ease;
}
.Header-lang:before, .Header-lang:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left center;
}            
.Header-lang:before {
    width: 35px;
    left: 0;
  	background-image: url('../images/icon/lang.svg');
    transition: all .4s ease;
    background-size: 22px auto !important;
}
.Header-langto {
  display: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  position: absolute;
  width: 108px;
  background: #fff;
  top:102px;
  left: 50%;
  margin-left: -54px;
  border-top: 1px solid #000;
  text-align: center;
  z-index:999;
}           
.Header-langto a {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  transition: all .4s ease;
  font-size: 15px;
  color: #666;
}            
.Header-langto a p {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-bottom: 6px;
  overflow: hidden;
}
.Header-lang:after {
  width: 18px;
  right: 0;
  background-image: url('../images/icon/arr.svg');
  transform: rotate(180deg);
  background-size: 10px auto;
}            
    
.Header-lang:hover {color: #000;}
.Header-lang:hover:before {background-image: url('../images/icon/langH.svg');}
.Header-lang:hover:after {transform: rotate(0);background-position: right center;background-image: url('../images/icon/arrH.svg');}
.Header-langto{display: none;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);position: absolute;width: 108px;background: #fff;top: 102px;left: 50%;margin-left: -54px;border-top: 1px solid #000;text-align: center;}
.Header-langto a{display: block;width: 100%;height: 36px;line-height: 36px;transition: all .4s ease;font-size: 15px;color: #666;}
.Header-langto a p{display: inline-block;vertical-align: middle;position: relative;padding-bottom: 6px;overflow: hidden;}
.Header-langto a P:after{content: "";position: absolute;bottom: 0;right: 0;width: 0;height: 1px;background: #9f9f9f;transition: all .4s ease;}
.Header-langto a:hover{color: #000;}
.Header-langto a:hover p:after{width: 100%;left: 0;}   


                   .Hsrch-block .text {
                      margin-left:100px;
                      width: 150px;
                      height: 40px;
                      font-size: 16px;
                      float: left;
                      margin: 8px -2px 8px 0px;
                      border: 1.5px solid #fff;
                      border-right:0px;
                      border-bottom-left-radius: 5px;
                      border-top-left-radius: 5px;
                      padding: 0 20px;
                      background: #B60812;
                      color:#fff;       
                  }
                  
                  .Hsrch-block .btn, .Hsrch-block .btn:active {
                        display: inline-block;
                        text-align: center;
                        padding: 0;
                        border: 0;
                        margin: 8px 0px;
                        position: relative;
                        cursor: pointer;
                        width: 48px;
                        height: 40px;
                        background: #B60812 url(../images/icon/search.png) no-repeat center center;
                        border:1.5px solid #fff;
                        border-left:0px;
                        border-radius: 0px 4px 4px 0px;            
                        float: left;
                        border-bottom-right-radius: 7px;
                        border-top-right-radius: 7px;
					}
                    .Hsrch-block input:focus, .Hsrch-block input:active{
                       outline:none;
                       border: 1.5px solid #f7f7f7 !important;
                      
                                    }    
                      .Hsrch-block input::-webkit-input-placeholder {
                        color: #ececec;
                      }
                     .Hsrch-block input::-moz-input-placeholder {
                        color: #ececec;
                      }
                      .Hsrch-block input::-ms-input-placeholder {
                        color: #ececec;
                      }  
                      .Hsrch-block{position:relative;}                   
                    
                    .Hsrch-block .text{width:250px;text-indent:100px;}
                        .mod_select {
                            position: absolute;
                            left: 0;
                            top: 0;
                            width: 98px;
                            margin:8px -2px 8px 0px;
                            background:#fff;
                            border-bottom-left-radius: 5px;
                            border-top-left-radius: 5px;
                        }
                        .mod_select .select_box {
                            position: relative;
                            width: 98px;
                            height: 40px;
                        }
                        .mod_select .select_box .select_txt {
                            display: inline-block;
                            width: 98px;
                            height: 40px;
                            padding-left: 8px;
                            overflow: hidden;
                            line-height: 40px;
                            font-size: 16px;
                            cursor: pointer;
                            color:#b60812;
                        }
                        .mod_select .select_box .select-icon {
                            position: absolute;
                            top: 50%;
                            right: 10px;
                            transform: translate(0,-50%);
                            width: 10px;
                            height: 10px;
                            background: url(../images/search_ico.png) center no-repeat;
                        }
                        .mod_select .select_box .option {
                          display: none;
                            position: absolute;
                            top: 40px;
                            left: 0px;
                            width: 98px;
                            background-color: #ddd;
                            border: 2px solid #fff;
                            border-top: 0;
                            z-index: 999;
                            color: #fff;
                        }
                        .mod_select .select_box .option li {
                          padding-left: 8px;
                          font-size: 16px;
                          line-height: 2;
                          cursor: pointer;
                          color:#b60812;
                        }
                        .searchbox .import {
                          width: 426px;
                          height: 40px;
                          margin-left: 100px;
                          padding-left: 20px;
                          border: none;
                          outline: none;
                        }
                        .searchbox .btn-search {
                          position: absolute;
                          right: 0;
                          width: 100px;
                          height: 40px;
                          color: #fff;
                          background-color: #444786;
                          border: 0;
                        }





/*底部增加css*/
  .footer {
    background: url(../images/icon/pattern2.png) #333;
	padding: 30px 0 20px 0px;
	position: relative;
	margin-top: 0px;
    clear:both;
}

.footer::before {
	position: absolute;
	background: url(/wp-content/themes/hengchuang/images/icon/dot2.png);
	min-height: 17px;
	width: 100%;
	top: -21px;
	left: 0;
	content: ""
}

.footer::after {
	position: absolute;
	background: url(/wp-content/themes/hengchuang/images/icon/f-shadow.png) center 0 no-repeat;
	min-height: 24px;
	width: 100%;
	top: 0;
	left: 0;
	content: ""
}

.footer h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
	background: url(../images/icon/line2.png) 0 bottom no-repeat;
	padding-bottom: 10px;
	margin: 20px 0 30px 0;
    
}

.f-about img {
	margin-bottom: 15px
}

.f-about p {
	color: #FFF;
	font-size: 13px;
	font-family: 'robotolight'
}

.f-follows {
	margin-top: 30px;
	border-top: 1px solid #ddc61d;
	padding-top: 13px
}

.f-follows li {
	float: left
}

.f-follows li span {
	color: #FFF;
	padding-right: 15px
}

.f-follows a {
	color: #FFF;
	padding-right: 15px;
	font-size: 17px
}

.f-follows a:hover {
	color: #ddc61d
}

.footer .f-nav li {
	padding-bottom: 10px
}

.footer .f-nav li a {
	color: #FFF;
	background: url(/wp-content/themes/hengchuang/images/icon/f-link.png) 0 7px no-repeat;
	padding-left: 0px;
	display: block;
	line-height: 22px;
	font-size: 19px;
	font-family: 'robotolight'
}

.footer .f-nav li a:hover {
	color: #ddc61d
}

.f-catalog {
	margin-left: 20px
}

.footer .address {
	color: #FFF;
	font-size: 14px
}

.footer .address .cont {
	padding-left: 30px;
	margin-bottom: 20px
}

.footer .address .cont a {
	color: #FFF;
	font-size: 15px
}

.footer .address .cont a:hover {
	color: #ddc61d
}

.footer .address .icon1 {
	background: url(/wp-content/themes/hengchuang/images/icon/icon01.png) 0 6px no-repeat;
	margin-bottom: 20px
}

.footer .address .icon2 {
	background: url(/wp-content/themes/hengchuang/images/icon/icon02.png) 0 0 no-repeat
}

.footer .address .icon3 {
	background: url(/wp-content/themes/hengchuang/images/icon/icon04.png) 0 3px no-repeat
}

.footer .address .icon4 {
	background: url(/wp-content/themes/hengchuang/images/icon/icon06.png) 0 4px no-repeat
}

.footer .address .icon5 {
	background: url(/wp-content/themes/hengchuang/images/icon/icon07.png) 0 4px no-repeat
}

.copyright {
	background: #046359;
	padding: 15px 0;
	color: #FFF;
	font-size: 14px
}

.copyright a {
	color: #ddc61d
}

.copyright a:hover {
	color: #FFF
}

.copyright .link {
	text-align: right
}

.copyright .link span {
	padding: 0 15px
}

.copyright .link a {
	color: #FFF
}

.copyright .link a:hover {
	color: #ddc61d
}
.p-absolute {
    position: absolute;
}
  .copyright_bottom{background:#000;color:#fff;padding:auto auto;width:100%;height:64px;line-height:64px;font-weight:600;text-align:center;}
  .footer_before{height:90px;line-height:90px;clear:both;background:#333;border-bottom:2px solid #ccc;width:100%;text-align:center;}
  .tcenter{text-align:center;}
  .foot_img li img{max-height:55px;}
  .foot_img li a{height:55px;color:#ccc;}
  .foot_img li{border-right:0px;}
  .foot_img li a{width:230px;}
  .copyright_bottom span{width:20px;height:20px;display:inline-block;}


.qrcode-popup {  display: none;   position: fixed;     left: 50%;  top: 50%;  z-index: 4000;   width: 200px;  height: 200px;  padding: 8px;  margin: -100px 0 0 -100px;  background-color: #fff;border: 1px solid #ccc;}     
.qrcode-popup img {     display: block; width: 100%; }  
.qrcode-popup .wxpop-close {    position: absolute; right: 0; top: 0;width: 30px; height: 30px;  text-align: center;  font-size: 20px;    line-height: 30px;   color: #999; }   
.qrcodebg {display: none;background: rgba(0, 0, 0, 0.5);position: fixed;top: 0;left: 0;width: 100%;height: 100%;  z-index: 3000; }      




/*手机窄屏*/
@media screen and (max-width: 768px) {
    .Header-lang{height:50px;line-height:50px;}
    .Header-langto{top:50px;}
}


.Hmenu-btn {
    width: 22px;
    height: 70px;
    padding: 34px 0 0;
    cursor: pointer;
    display: none;
    float: right;
}
.Hmenu-btn.Hmenu-web {
    display: none;
    padding: 26px 0 0;
    height: 50px;
}
.Hmenu-btn a {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #333;
    position: relative;
}
.Hmenu-btn a:before, .Hmenu-btn a:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #333;
    position: absolute;
    left: 0px;
}
.Hmenu-btn.cur a {
    -moz-animation: buttonAnimation 0.3s ease forwards;
    -webkit-animation: buttonAnimation 0.3s ease forwards;
    animation: buttonAnimation 0.3s ease forwards;
}
.Hmenu-btn a:before {
    top: -7px;
}
.Hmenu-btn a:after {
    bottom: -7px;
}
.Hmenu-btn.cur a:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Hmenu-btn.cur a:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}






/*响应式底部*/
.wap_footer,.wap_footer_ewm{display:none;}

.wap_footer .footer-container { padding: 50px 0 30px; background: #333;color: #fff;}
.wap_footer .F-nav { width: 11.5%; float: left;}
.wap_footer .F-nav dt {line-height: 25px;  font-size: 16px; position: relative;}
.wap_footer .F-nav dt i {display: block; width: 50px;  height: 50px; background: url(../images/icon-dd2.png) no-repeat center center / 14px auto; position: absolute;  right: 0px; top: 0px;display: none;}
.F-nav dt.cur i { transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}

.wap_footer .F-nav dd {margin: 15px 0 0;}
.wap_footer .F-nav dd a {  display: block;   padding: 5px 0; line-height: 24px; opacity: .6;}
.wap_footer .F-ct {width: 350px; float: right;}
.wap_footer .F-work {  position: relative;  height: 50px; width: 100%;}
.wap_footer .F-ct ul {    border-top: 0px solid #484848; border-bottom: 1px solid #484848;}
.wap_footer .F-ct ul li {padding: 0px 0 10px;color: #ccc;
    background1: url(../images/icon/icon-ft-ct.png) no-repeat left 26px; padding-left: 0px;}
.wap_footer  .F-ct ul li.icon-email {
    background-position: left -20px;
}
.wap_footer  .F-cr {
    padding: 15px 0;
    line-height: 20px;
    color: rgba(255,255,255,.4);
    background: #333;
}

.wap_sub .closetitle {
    padding-top: 10px;
    padding-bottom: 12px;
    text-align: center;
}
.wap_sub .closetitle img {
    margin: 0 auto;
    height: 30px;
    width: auto;
}
 .map_floor .map_floor_i_two img{display:none;}
@media all and (max-width:1200px){
    .pc_footer{display:none;}
    .wap_footer{display:block;}
    .wap_footer .footer-container {
        padding: 10px 0;
    }  
    .wrap2{width:100%;}
    .i_two{margin:10px 5px;width:calc(100% - 10px);}
    .wap_footer .contain { width: 100%;  padding: 0 2%;}
    .wap_footer .F-nav, .wap_footer .F-nav.F-nav2 {width: 20%;}
    .wap_footer .F-nav {width: 100% !important;border-bottom: 1px solid rgba(255,255,255,.1);  margin: 0px; }    
    .wap_footer .F-nav dt {   padding: 0 2%;  height: 50px; line-height: 50px;}   
    .wap_footer .F-nav dt i { display: block;}
    .wap_footer .F-nav dd { padding: 0 0 10px; margin: 0px; display: none; }    
    .wap_footer  .F-ct {width: 100%;margin: 20px 0 0;}
    .wap_footer  .F-cr {padding: 3px 0 10px;font-size: 12px;line-height: 18px;}    
}


@media all and (max-width:1180px){

    .wap_footer .footer-container {
        padding: 10px 0;
    }    
    .wap_footer .F-nav, .wap_footer .F-nav.F-nav2 {width: 20%;}
    .wap_footer .F-nav {width: 100% !important;border-bottom: 1px solid rgba(255,255,255,.1);  margin: 0px; }    
    .wap_footer .F-nav dt {   padding: 0 2%;  height: 50px; line-height: 50px;}     
    .wap_footer .F-nav dt i { display: block;}
    .wap_footer .F-nav dd { padding: 0 0 10px; margin: 0px; display: none; }   
    .wap_footer .F-nav dd a {   padding: 0 6%;  height: 40px; line-height: 40px;} 
    .wap_footer  .F-ct {width: 100%;margin: 20px 0 0;}
    .wap_footer  .F-cr {padding: 3px 0 10px;font-size: 12px;line-height: 18px;} 
     .map_floor .i_two{height:auto;background:url('');}
    .map_floor .map_floor_i_two ul{display:none;}
    .map_floor .map_floor_i_two img{  max-width: 100%; margin: 0 auto; display: block;}
}


@media all and (max-width:1050px){
    .wap_footer .footer-container {
        padding: 10px 0;
    }   
    .wap_footer .F-nav, .wap_footer .F-nav.F-nav2 {width: 20%;}
    .wap_footer .F-nav {width: 100% !important;border-bottom: 1px solid rgba(255,255,255,.1);  margin: 0px; }    
    .wap_footer .F-nav dt {   padding: 0 2%;  height: 50px; line-height: 50px;}          
    .wap_footer .F-nav dt i { display: block;}
    .wap_footer .F-nav dd { padding: 0 0 10px; margin: 0px; display: none; }
    .wap_footer .F-nav dd a {   padding: 0 6%;  height: 40px; line-height: 40px;}   
    .wap_footer  .F-ct {width: 100%;margin: 20px 0 0;}
    .wap_footer  .F-cr {padding: 3px 0 10px;font-size: 12px;line-height: 18px;} 
}


@media all and (max-width:1024px){
    .wap_footer .footer-container {
        padding: 10px 0;
    }   
    .wap_footer .F-nav, .wap_footer .F-nav.F-nav2 {width: 20%;}
    .wap_footer .F-nav {width: 100% !important;border-bottom: 1px solid rgba(255,255,255,.1);  margin: 0px; }    
    .wap_footer .F-nav dt {   padding: 0 2%;  height: 50px; line-height: 50px;}      
    .wap_footer .F-nav dt i { display: block;}
    .wap_footer .F-nav dd { padding: 0 0 10px; margin: 0px; display: none; } 
    .wap_footer .F-nav dd a {   padding: 0 6%;  height: 40px; line-height: 40px;}   
    .wap_footer .F-nav dd a, .wap_footer .F-nav dd a:active {  color: inherit;text-decoration: none;cursor: pointer;}
    .wap_footer  .F-ct {width: 100%;margin: 20px 0 0;}
    .wap_footer  .F-cr {padding: 3px 0 10px;font-size: 12px;line-height: 18px;} 
}
@media all and (max-width:900px){
    .wap_footer_ewm{display:block;}
    .pc_footer_ewm{display:none;}
    
}
@media all and (max-width:768px){
    .wap_footer .footer-container {
        padding: 10px 0;
    }
    .f36 { font-size: 28px;}
    .Hmenu-btn.Hmenu-web {display: block;margin-left: 15px;}
    .wap_footer .F-nav, .wap_footer .F-nav.F-nav2 {width: 20%;}
    .wap_footer .F-nav {width: 100% !important;border-bottom: 1px solid rgba(255,255,255,.1);  margin: 0px; }    
    .wap_footer .F-nav dt {   padding: 0 2%;  height: 50px; line-height: 50px;}    
    .wap_footer .F-nav dt i { display: block;}
    .wap_footer .F-nav dd { padding: 0 0 10px; margin: 0px; display: none; }    
    .wap_footer .F-nav dd a {   padding: 0 6%;  height: 40px; line-height: 40px;}   
    .wap_footer  .F-ct {width: 100%;margin: 10px 0 0;}
    .wap_footer  .F-cr {padding: 3px 0 10px;font-size: 12px;line-height: 18px;} 
    .i_t { background-size: 120 3px;  padding-top: 2%; padding-bottom: 2%;line-height: 30px;}

}

@media all and (max-width:480px){
    .f36 { font-size: 24px;}
    .i_t {line-height: 26px;}
}
@media screen and (max-width: 360px) {
  .f36 { font-size: 22px; }  
}

@-moz-keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-moz-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } 
}
@-webkit-keyframes buttonAnimationBefore {
	0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } 
}
@keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(10px) rotate(0);-ms-transform: translateY(10px) rotate(0);-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-moz-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@-webkit-keyframes buttonAnimationAfter {
	0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-10px) rotate(0);-ms-transform: translateY(-10px) rotate(0);-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-moz-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@-moz-keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); } 
}
@keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); } 
}