/*----------------------电脑板式样式----------------------*/

/*----------------------平板板式样式----------------------*/
@media screen and (min-width:641px) and (max-width:1200px) {

}
/*----------------------手机板式样式----------------------*/
@media screen and (max-width:640px) {

}
body{ background-position:left top; }


 #text_style_01_1649816680053{width:100%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:4px;left:0%;z-index:2;}   @media screen and (max-width:640px) {#text_style_01_1649816680053{width:96%;font-size:12px;color:#333;line-height:1.6;top:0px;left:2%;}}  #text_style_01_1649816680053>.view_contents {color:#2b1e6e;font-weight:normal;text-align:center;}

 #image_logo_1649816707775{width:300px;height:99px;position:absolute;top:40px;left:calc(50% - 150px);z-index:2;}   @media screen and (max-width:640px) {#image_logo_1649816707775{width:203px;height:61px;top:19px;left:calc(50% - 101.5px);}}  #layout_1649816647784{height:140px;}   @media screen and (max-width:640px) {#layout_1649816647784{height:95px;}} #layout_1649816647784 > .view_contents{overflow:visible;max-width:1200px;} 
 #layout_1631190391113{height:410px;display:block;}   @media screen and (max-width:640px) {#layout_1631190391113{display:block;height:180px;}} #layout_1631190391113 > .view_contents{overflow:visible;max-width:1200px;}  #layout_1631190391113  {background: url(http://www.newyangtze.cn/image/banner01.jpg);background-position:50% 50% !important;} @media screen and (max-width:640px) { #layout_1631190391113  {background-size:auto 100%;}}


 #homelink_style_04_1631190420548{width:500px;position:absolute;top:0px;left:calc(50% - 250px);}   @media screen and (max-width:640px) {#homelink_style_04_1631190420548{width:96%;top:10px;left:2%;}} #homelink_style_04_1631190420548 > .view_contents{overflow:visible;}  #layout_1631190411585{height:40px;}   @media screen and (max-width:640px) {#layout_1631190411585{height:50px;}} #layout_1631190411585 > .view_contents{overflow:visible;max-width:1200px;}  #layout_1631190411585  {background:#f4f4f4;}


 #text_style_01_1631955123042{width:20%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:20px;left:40%;}   @media screen and (max-width:640px) {#text_style_01_1631955123042{width:96%;font-size:12px;color:#333;line-height:1.6;top:0px;left:2%;}}  #text_style_01_1631955123042>.view_contents {text-align:center;font-size:20px;font-weight:bold;}

 #searchbox_style_03_1649840823186{width:400px;position:absolute;top:101.8125px;left:calc(50% - 200px);}   @media screen and (max-width:640px) {#searchbox_style_03_1649840823186{width:96%;top:42px;left:2%;}} #searchbox_style_03_1649840823186 > .view_contents{overflow:visible;} 

 #text_style_01_1649849373837{width:400px;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:181px;left:33.33333333333333%;}   @media screen and (max-width:640px) {#text_style_01_1649849373837{width:96%;font-size:12px;color:#333;line-height:1.6;top:87px;left:2%;}}  #text_style_01_1649849373837>.view_contents {font-size:14px;} @media screen and (max-width:640px) { #text_style_01_1649849373837>.view_contents {text-align:center;}} #layout_diy_1631148192{height:409px;}   @media screen and (max-width:640px) {#layout_diy_1631148192{height:273px;}} #layout_diy_1631148192 > .view_contents{max-width:1200px;} 


 #text_style_01_1649841085488{width:600px;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:10px;left:calc(50% - 300px);}   @media screen and (max-width:640px) {#text_style_01_1649841085488{width:96%;font-size:12px;color:#333;line-height:1.6;top:0px;left:2%;}}  #text_style_01_1649841085488>.view_contents {text-align:center;} #layout_1649822140648{height:111px;}   @media screen and (max-width:640px) {#layout_1649822140648{height:80px;}} #layout_1649822140648 > .view_contents{overflow:visible;max-width:1200px;} 
.logoStyle *{box-sizing: border-box;}
.logoStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;}
.logoStyle>a{overflow: hidden; width: 100%;height: 100%; display: block;}
.logoName{white-space: nowrap;}
.homelink_style04 { width: 100%;white-space: nowrap;}
.homelink_style04 .home-icon{ position: relative; z-index: 999; width: 50px; height: 40px; line-height: 40px; text-align: center; padding: 10px 15px; transform: skewX(-15deg); background: rgb(238,244,251); display: inline-block; vertical-align: middle; box-sizing: border-box;}
.homelink_style04 .bbx-iconfont{ position: relative; z-index: 999; width: 50px; height: 40px;  transform: skewX(-15deg); background: rgb(238,244,251); color: #666666; text-align: center; font-size: 20px; display: inline-block; vertical-align: middle;}
.homelink_style04 .bbx-new-font{ display: flex; justify-content: center; height: 100%; align-items: center; transform: skewX(15deg); color: inherit; font: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.homelink_style04 .home-icon img{ width: 100%; transform: skewX(15deg); vertical-align: top;}
.homelink_style04 .link_ul{ display: inline-block;}
.homelink_style04 .link_li { display: inline-block; position: relative; vertical-align: middle; }
.homelink_style04 .link_li>a{ height: 40px; line-height: 40px; padding: 0 20px; transform: skewX(-15deg); font-size: 14px; color: #333; background: #fff; display: inline-block; vertical-align: middle; box-sizing: border-box;}
.homelink_style04 .link_li>a span{ display: block; transform: skewX(15deg); }
.homelink_style04 .link_li.on>a{ background: #08f; color: #fff;}
.homelink_style04 .getImg2{background: url(../img/homelink/style_04/icon2.png) no-repeat center;}
@keyframes slidedown{
    from {
        transform: rotateY(90deg);
    }
    to {
        transform: rotateY(0deg);
    }
}

@keyframes slideup{
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(90deg);
    }
}

@media screen and (max-width:640px) {
	.homelink_style04 .link_ul{margin-left: -6px;}
	.homelink_style04 .home-icon{width: 40px; height: 30px; line-height: 30px; padding: 5px 10px;}
	.homelink_style04 .link_li>a{font-size: 12px; height: 30px; line-height: 30px;padding: 0px 10px;}
	.homelink_style04 .link_li>a span{max-width: 78px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .homelink_style04 .link_ul{position: relative; transform: rotateY(90deg); transform-origin: 0 0 0; transition: all .3s;}
    .homelink_style04 .link_ul.slideDown{ animation: slidedown .3s; transform: rotateY(0deg);}
    .homelink_style04 .link_ul.slideUp{ animation: slideup .3s; transform: rotateY(90deg);}
}

#homelink_style_04_1631190420548 .breadcrumb > li + li:before { content: "/\00a0"; }
#homelink_style_04_1631190420548 .hasBefore:before{ content: '/'; color: #666; position: absolute; left: 0; top: 50%; transform: translateY(-50%) skewX(15deg); -webkit-transform: translateY(-50%) skewX(15deg); -moz-transform: translateY(-50%) skewX(15deg); -o-transform: translateY(-50%) skewX(15deg);}

	.searchStyle_3{ width: 100%;}
.searchStyle_3 .searchForm{ overflow: hidden;}
.searchStyle_3 .search_input{ float: left; width: calc( 100% - 90px); background-color: #eee; font-size: 14px; color: #1c78e7; border: 0; height: 45px; line-height: 45px; vertical-align: top; border-radius: 5px; padding: 0 10px; box-sizing: border-box;}
.searchStyle_3 .search-btn{ float: right; width: 80px; background-color: #1c78e7; color: #fff; text-align: center; height: 45px; font-size: 20px; border: none; border-radius: 5px; cursor: pointer;}
.searchStyle_3 .keyWord{ overflow: hidden;}
.searchStyle_3 .keyWord a{ font-size: 14px; line-height: 2;margin-right: 5px; color: #666; float: left;}
.searchStyle_3 .keyWord a:hover{ color: #1c78e7;}

@media screen and (max-width:640px) {
    .searchStyle_3 .search_input{ width: calc( 100% - 65px); font-size: 12px; height: 35px; line-height: 35px;}
    .searchStyle_3 .search-btn{ width: 55px; font-size: 16px; height: 35px;}
    .searchStyle_3 .keyWord a{ font-size: 12px; line-height: 2;}
}
	#searchbox_style_03_1649840823186 input::-webkit-input-placeholder{ color: ;}
	#searchbox_style_03_1649840823186 input::-moz-input-placeholder{ color: ;}
	#searchbox_style_03_1649840823186 input::-o-input-placeholder{ color: ;}
		/* 按钮宽度 */
			@media screen and (max-width: 1024px){/*ipad*/
									}
	@media screen and (max-width: 768px){/*mobi*/
									}


				.bottomMenu{width: 100%; box-sizing:border-box; display: none;position:fixed;bottom:0; z-index:999999;}



				.bottomMenu ul{position: relative; box-sizing: border-box; width: 100%; height: 50px; background-color: #FFFFFF; border-top: 1px solid #ddd; box-shadow: 0 0px 6px rgba(0,0,0,.1); display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}

				.bottomMenu ul li{position:relative; box-sizing: border-box; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-top:0!important;}

				.bottomMenu ul li a{display: inline-block;width: 100%;height: 100%;}

				.bottomMenu ul li .menuItem{position: relative;}

				.bottomMenu ul li .menuItem.iconTxt{top:5%;}

				.bottomMenu ul li .menuItem.txt{top: 50%;-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

				.bottomMenu ul li .menuItem.icon{top: 20%;}

				.bottomMenu ul li .menuIco{width: auto; height: 26px; overflow: hidden; margin: 0 auto 4px;padding-top:2px;box-sizing:border-box;}

				.bottomMenu ul li .menuIco img{width: 100%; height: 100%;box-sizing:border-box;object-fit: scale-down;}

				.bottomMenu ul li .menuName{font-size: 12px; white-space: nowrap; margin: auto; text-align: center; color: #046fdb; line-height: 1;font-family:Microsoft YaHei;}

				.bottomMenu ul li .submenuItems{position: absolute; bottom: 48px; z-index:999999; width: 100%; text-align: center; border: 1px solid #ddd; background-color: #fff; box-shadow: 0 0px 6px rgba(0,0,0,.1);}

				.bottomMenu ul li .submenuItems a{display: block; height: 36px; line-height: 36px; font-size: 12px; color: #333; border-bottom: 1px solid #ddd; }

				@media screen and (max-width:767px) {

					.bottomMenu{display: block;}

					

					body{padding-bottom:55px!important;}

				}