/* CSS Document */
/*#region 重置元素*/
*:focus {outline: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{padding: 0;margin:0;}
body{font:15px/1.3 "微软雅黑", sans-serif;    }
button, input, select, textarea,h1, h2, h3, h4, h5, h6{font-size:1em;line-height:1.3;}
address, cite, dfn, em, var { font-style:normal; } 
code, kbd, pre, samp {font-family: courier new, courier, monospace; } 
small { font-size:  0.75em; } 
ul, ol { list-style: none; margin:0;}
body,legend { color:#666;}
a{color:inherit;text-decoration: none; }
a:hover  {color:#003894;    text-decoration: none; }
a:active{color:inherit;}
sup { vertical-align: text-top; } 
sub { vertical-align: text-bottom;}
fieldset, img { border: 0; }
button, input, select, textarea { font-size:  0.75em; } 
table { 
border-collapse: collapse; 
border-spacing: 0; 
width:100%;
word-break: break-all;
}
table th {font-weight:normal;}
table th,table td {
font-weight:normal;
text-align:center;
} 
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video {display: block;margin: 0;padding: 0;}
img{vertical-align:middle;}
.imgFull{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
::-moz-placeholder { color:#000; }
input:-webkit-input-placeholder { color:#000; } 
input:-moz-placeholder { color:#000; } 
.clearfix:after{content: '\20';display: block;height: 0;clear: both;}
.clearfix { *zoom:1;}
/*#endregion */
button:disabled,
.disabled{opacity:0.5;cursor:default;}
.hi{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.css3,a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{width:100%; overflow:hidden; margin:0; padding:0;}
@media screen and (min-width:1090px) {
.cssimg,.cssimgp img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
.cssimg:hover,.cssimgp:hover img{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-40{padding-bottom:40%;}
.rect-45{padding-bottom:45%;}
.rect-50{padding-bottom: 50%;}
.rect-54{padding-bottom: 54%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-65{padding-bottom: 65%;}
.rect-6995{padding-bottom: 69.95%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-82{padding-bottom: 82%;}
.rect-85{padding-bottom: 85%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.rect-120{padding-bottom: 120%;}
.rect-150{padding-bottom: 150%;}
/*图片效果*/
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);width:110%!important;max-width: 110%;}

/*css组件设置*/
.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}
.imgZoom img { -moz-transition:all 1.8s ease 0s; -ms-transition:all 1.8s ease 0s; -o-transition:all 1.8s ease 0s; -webkit-transition:all 1.8s ease 0s; transition:all 1.8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.4,1.4); -ms-transform:scale(1.4,1.4); -o-transform:scale(1.4,1.4); -webkit-transform:scale(1.4,1.4); transform:scale(1.4,1.4);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.img-common{background-repeat: no-repeat;background-position: center;background-size: cover;-webkit-background-size: cover;}

.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
/*************************/
.mobile_menu_shop{ display:none;float:right; margin-right:1em; margin-top:1.125em;}
.mobile_menu{ cursor:pointer; display:none;
position:fixed; right:3%; top:1.09375em; z-index:9999;   width:45px; height:45px;}
.nav-trigger{ overflow: hidden; text-indent: 100%;white-space: nowrap;color: transparent;} 
.nav-trigger span,.nav-trigger span::before,.nav-trigger span::after{position: absolute;width: 28px; height:2px;background-color: #003894;-webkit-backface-visibility: hidden;backface-visibility: hidden;} 
.header.pages-header .nav-trigger span,.header.pages-header .nav-trigger span::before,.header.pages-header .nav-trigger span::after{background:#000} 
.nav-trigger span {top: 21px;left: 8px;-webkit-transition: background 0.2s 0.1s;-moz-transition: background 0.2s 0.1s;transition: background 0.2s 0.1s;} 
.nav-trigger span::before, .nav-trigger span:after {content: '';left: 0;-webkit-transition: -webkit-transform 0.2s 0.1s;-moz-transition: -moz-transform 0.2s 0.1s;transition: transform 0.2s 0.1s;} 
.nav-trigger span::before {bottom: 8px;} .nav-trigger span::after {top: 8px;} 
.nav-trigger.active span {background-color: rgba(255, 255, 255, 0);} 
.header.pages-header .nav-trigger.active span {background-color: rgba(0, 0, 0, 0);} 
.nav-trigger.active span::before, .nav-trigger.active span::after {background-color:#003894;} 
.header.pages-header .nav-trigger.active span::before,.header.pages-header .nav-trigger.active span::after {background-color:#000;} 
.nav-trigger.active span::before {-webkit-transform: translateY(8px) rotate(-45deg);-moz-transform: translateY(8px) rotate(-45deg);-ms-transform: translateY(8px) rotate(-45deg);-o-transform: translateY(8px) rotate(-45deg);transform: translateY(8px) rotate(-45deg);} 
.nav-trigger.active span::after {-webkit-transform: translateY(-8px) rotate(45deg);-moz-transform: translateY(-8px) rotate(45deg);-ms-transform: translateY(-8px) rotate(45deg);-o-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}
.momenu{ background-color:#fff;  -webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
-moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
-ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
-o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;opacity:0;
position:fixed; right:3%; top:-100%; width:10em; overflow-y:auto; z-index:888;}
.momenu ul{margin-top:3.9375em; padding:0.5em 0; overflow:hidden;}
.momenu ul li{text-align:center;font-family: "GILROY-LIGHT"; text-transform: uppercase;}
a.momenu_big{ color:#333;display:block;padding:0.4em 0; text-align:left; padding-left:1em;}
.momenu ul li.on a.momenu_big{background-color:#003894; color:#fff;}
.momenu ul li dl dd{ text-align:left;font-size:0.875em; padding:0.3em 0; padding-left:2em;}
.momenu ul li dl dd:nth-child(1){margin-top:0.5em;}
.momenu ul li dl dd a{color:#666;}
.momenu ul li dl{ overflow:hidden;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; height:0; opacity:0;}
.momenu ul li.on dl{height:auto; opacity:1;}
.promenubg{ display:none;position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background-image:url(http://www.mhlandscape.cn/statics/images/about/menubg.png);}
.promenubg_left{float:left; width:20%;}
.promenubg_right{float:right; width:80%;}
.promenubg_mid{margin-top:5em; background-color:#f7f7f7; padding:3.5em 0 4.5em 0;}
.promenubg_left{ padding-top:1.5em;background-position:left top; background-repeat:no-repeat; background-image:url(http://www.mhlandscape.cn/statics/images/about/img17.jpg);}
.promenubg_left_1{color:#003e97; font-size:1.75em;}
.promenubg_left_2{ margin-top:0.5em; margin-bottom:3.5em;font-family:Arial, Helvetica, sans-serif; color:#808080; font-size:0.875em;}
.promenubg_left_3 a{ font-family:Arial, Helvetica, sans-serif;display:inline-block; border:1px #003e97 solid; font-size:0.875em; color:#003e97; width:8.428571428571429em; text-align:center; line-height:2.285714285714286em;}
.promenubg_left_3 a:hover{color:#fff; background-color:#003e97;}
.promenubg_right table{width:100%;border-collapse: collapse;}
.promenubg_right table td{border:1px #ccc solid; width:8.333333333333333%; text-align:center; vertical-align:middle;}
.promenubg_right_1{padding:1em 0;}
.promenubg_right_2{font-size:0.875em; color:#666; padding:0 1em; padding-bottom:1em;}
.promenubg_right table td:hover .promenubg_right_2{color:#003e97}
@media screen and (max-width:1325px) {
#menu{display:none;}
.momenuon{top:0;opacity:1}
.mobile_menu_shop,.mobile_menu{display:block;}
.mobile_menu{top:0.71875em;}
}
.fr{float:right; display:inline}
.fl{float:left; display:inline}
.ovh {overflow: hidden; }
body.ovh #header{border:none;} 
#mid{position:relative; transition: all 0.5s ease 0s;z-index: 1;}
.moveleft{transform: translateX(-66%);}
#header{font-family: "SourceHanSansCN";position:fixed; width:100%; top:0; left:0; z-index:999; padding:1.4375em 0;} 
.header_mid{margin:0 2%;}
.header_mid_left{float:left;

    
    
}
.header_mid_right{float:right;  }
.header_mid_right ul li{ z-index:111;display:inline-block; position:relative;}
.header_mid_right ul li .biga{ color:#333;font-size:18px; display:inline-block; position:relative;}
.header_mid_right ul li a:hover.biga{ color:#f18d00; background:none; }
.header_mid_right ul li dl{ left:-68px;   z-index:222; display:none;-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
-moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
-ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
-o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);position:absolute; width:225px;z-index:100; top:50.65px; padding-top:15px;}
.dl_right_1_1{color:#098bad; font-size:1.125em; font-weight:bold;}
.dl_right_1_2{ position:relative; padding-bottom:1em;color:#979797; font-family: "SourceHanSansCN"; font-size:0.75em; line-height:1;}
.dl_right_1_2:after{content: "";position: absolute;z-index: 1;background: #d8d8d8;left: 0%;width: 26px;bottom: 0px;height: 1px;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.dl_right_1{ display:none;margin-bottom:1em;}
.dl_right p a{ display:block; color:#303030; font-size:0.875em;}
.dl_right p{ border-bottom:1px #dedede solid; padding:0.6em 0;text-align:center;}
.dl_right p:last-child{border:none}  
.dl_left{ display:none;float:left; width:240px;}
.dl_right{ background-color:#fff;   padding-left:1em; padding-right:1em;}
.pcmenu{float:right;line-height:3.3125em; margin-left:13px; margin-top:16px;}
.pcmenu span{ cursor:pointer;display:inline-block; width:26px; height:17px; position:relative;}
.pcmenu span:before {content: "";position: absolute;z-index: 1;background: #f18d00;left: 0%;width: 100%;top: 0px;height: 3px;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.pcmenu span:after {content: "";position: absolute;z-index: 1;background: #f18d00;left: 0%;width: 100%;bottom: 0px;height: 3px;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.pcmenu span.active::before {-webkit-transform: translateY(6px) rotate(-45deg);-moz-transform: translateY(6px) rotate(-45deg);-ms-transform: translateY(6px) rotate(-45deg);-o-transform: translateY(6px) rotate(-45deg);transform: translateY(6px) rotate(-45deg);} 
.pcmenu span.active::after {-webkit-transform: translateY(-8px) rotate(45deg);-moz-transform: translateY(-8px) rotate(45deg);-ms-transform: translateY(-8px) rotate(45deg);-o-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}
.pcmenu i {content: "";position: absolute;z-index: 1;background: #f18d00;left: 0%;width: 100%;bottom: 7px;height: 3px;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.pcmenu span.active i{ display:none;}
#header:after{content:'';display:block; clear:both;}
.bodyon #header{background:#fff; padding:1em 0;-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); }
.bodyon .header_mid_right ul li .biga{color:#333; }
.bodyon2 #header{background: url(../images/header_bg.jpg) no-repeat; padding:1em 0;}
.bodyon2 .header_mid_right ul li .biga{color:#333; }
.bodyon2 .pcmenu span::before{background-color:#fff;}
.bodyon2 .pcmenu span::after{background-color:#fff;}
.bodyon2 .header_mid_left a img{opacity:0}
.bodyon2 .header_mid_left a{background-image:url(/uploads/allimg/20240403/1-240403163424537.png);}
.bodyon2 .header_mid_right{display:none;}
.header_mid_right ul li a.biga:before {content: "";position: absolute;z-index: 1;background:url(../images/img14.jpg);background-position:center; background-repeat:no-repeat; background-size:cover;left: 50%;right: 0;width: 0%;bottom: 0px;height: 2px;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.header_mid_right ul li a.biga:hover:before,.header_mid_right ul li a.bigaon:before{width:60%; left:20%;}
.header_mid_left a{display:block; background-position:center; background-repeat:no-repeat; background-size:cover;}
.header_mid_left a img{
    max-width: 300px; /* 图片的最大宽度为其容器的宽度 */
    max-height: 53px; /* 图片的最大高度为200像素 */
    
}

.hidemenu{ position:fixed; left:0; top:-100%;opacity:0; width:100%; height:100%; z-index:888; background: url(../images/nav_bg.jpg) repeat-x; }
.hidemenuon{top:0; opacity:1;}
.hidemenu ul li{padding-left:5em;}
.hidemenu_mid{ position:relative; padding-left:6em;}
.hidemenu_mid p{ margin-bottom:1.5em;font-weight:bold; font-size:1.25em; color:#fff;}
.hidemenu_mid dl dd{margin-bottom:0.9em; line-height:2.2;color:#fff;}
.hidemenu_mid span{ font-size:1.5em;font-family: "SourceHanSansCN"; color:#fff; text-align:right; background-position:left center; background-repeat:no-repeat; background-image:url(../images/img3.png); text-align:right;
position:absolute; left:0; top:-0.1em; width:3.1em;}
.hidemenu_mid dl dd a:hover{ color: #f18d00;}
@media screen and (max-width:1200px) {
.hidemenu ul li{padding-left:0;}
.hidemenu_mid{ position:relative; padding-left:7em;}
}
@media screen and (max-width:1090px) {
.hidemenu ul li dl{display:none;}
/*.hidemenu ul li.on dl{display:block; margin-top:0.5em;}*/
.hidemenu_mid dl dd{margin-bottom:0;}
.hidemenu_mid p{ border-bottom:1px #dedede solid; font-size:1em; padding-bottom:1.5em; margin-bottom:0em; padding-top:1.5em;}
.hidemenu_mid{padding-left:0; padding-right:0; text-align:center;}
.hidemenu_mid span,.hidemenu_mid dl{display:none;}
.hidemenu ul li{ padding-left:0px;width:100%;}
.hidemenu ul li:nth-child(2){width:100%;}
#header{background-color:#fff; padding:1em 0;} 
#mid{margin-top:5.375em;}
.header_mid_right ul li .biga{color:#333; }
.pcmenu span::before{background-color:#333;}
.pcmenu i {background-color:#333;}
.pcmenu span::after{background-color:#333;}
.header_mid_right{display:none;}
.hidemenu { background-size:100% 100%;}
.bodyon2 #header { background-size:100% 100%;}
}
@media screen and (max-width:768px) {
.pcmenu{margin-top:8px;}
.header_mid_left a img{height:2.5em;
    
}
.header_lan,.pcmenu{line-height:2.5em;}
#mid{margin-top:4.5em;}
}
@media screen and (max-width:480px) {
#mid{margin-top:4em;}
.pcmenu span{width:20px;}
}

/*foot*/
.footer {width: 100%;color: #999; background:url(../images/foot_bg.jpg) repeat;}
.footer_content {overflow: hidden;padding: 70px 0 70px 0;}
.footer_content .foot_logo img{ width:42%;}
.footer_content .foot_desc{ font-size:18px; color:#fff; line-height:50px;}
.footer_content .footer-social{position:relative; font-size:18px; color:#FAFAFA; font-weight:bold;}
.footer_content .footer-social .bdsharebuttonbox a { display: inline-block; width: 30px; height: 30px; padding: 0; margin: 0; margin-right: 10px; background: url(../images/ico-30.png) no-repeat 0 0; }
.footer_content .footer-social .bdsharebuttonbox .bds_weixin { background-position: -90px 0; }
.footer_content .footer-social .bdsharebuttonbox .bds_tqq { background-position: -120px 0; }
.footer_content .footer-social .bdsharebuttonbox .bds_tsina { background-position: -150px 0; }
.footer_content .footer-social .bdshare-button-style0-16 a{opacity:0.8;}
.footer_content .footer-social .bdshare-button-style0-16 a:hover{opacity:1;}
.foot_nav {}
.foot_nav ul {text-align: left;}
.foot_nav ul li {font-weight: 400;color:#fff;line-height: 24px;display: inline-block;border-left: 1px solid #717171;  padding-left:2%;}
.foot_nav ul li dt { margin-bottom:15px; font-size:20px; font-weight:normal;}
.foot_nav ul li dt a  {color: #fff;}
.foot_nav ul li dt:before {position: absolute;content: '';width: 3px;height: 30px;background: #ff9900;left: -1px;}
.foot_nav ul li dd{ line-height:32px; font-size:16px;}
.foot_nav ul li .tel{ font-size:24px; color:#ff9900;}
.foot_nav ul li a:hover{ color:#ff9900;}
.footer .footer_bottom{padding:20px 0; line-height:30px; color:#FAFAFA;border-top: 1px solid #717171;}
.footer .footer_bottom a{ color:#FAFAFA;}
.footer .footer_bottom .f_bott_l{float: left; margin-right:1%;}
.footer .footer_bottom .f_bott_r{ margin-left:2%;}
.footer .footer_bottom .f_link{width:100%;height:30px; line-height:30px;font-size:15px;border: 1px solid #717171;}
.footer .footer_bottom .f_link .fa{ line-height:30px;float:right;}
.footer .footer_bottom .f_link_hd{position:relative;cursor:pointer; margin-bottom:10px;z-index:8;padding:0 5%;line-height:30px;}
.footer .footer_bottom .f_link_list{display:none;position:absolute;width:100%;bottom:100%;background:#fafafa;left:0; padding:0 10%;border: 2px solid #fafafa;}
.footer .footer_bottom .f_link_list a{display:block; color:#333;}
.footer .footer_bottom .f_link_list a:hover{background-color:rgba(255,255,255,0.2);color:#333;}
.footer .footer_bottom .f_link_hd:hover .f_link_list{display:block;}
@media screen and (max-width:1366px) {
.foot_nav ul li dd img{ width:100%;}
}
@media screen and (max-width:1090px) {
.footer_content {overflow: hidden;padding: 40px 0 40px 0;}
}
@media screen and (max-width:480px) {
.footer .footer_bottom .f_bott_l{float: none; width:100%; margin-right:0px;text-align:center;}
.footer .footer_bottom .f_bott_r{ width:100%; margin-left:0; text-align:center;}
}

/*page*/
.pages{font-size: 12px; color: #777777; text-align: center; margin-top: 40px;}
.pages a,.pages span { color: #777777;display: inline-block;border: 1px solid #ededed; background:#e5e5e5;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.pages .goprev{margin-right: 10px;}
.pages .gonext,.pages .count {margin-left: 10px;}
.pages i{color: #777777;display: inline-block;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.pages a:hover,.pages span{color:#fff; background: #f18d00;}
.pages span.count { border: 0;background: 0;color: #777777;}

    .dropdown:hover .dl_right {
        display: block;
    } 


.row1 {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}


.row2 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
min-height: 80px;


}