@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	font-family:"微軟雅黑","Arial","宋體";
	color: #505050;
	font-size:1.2rem;
	line-height:200%;
	/* background:url(../images/bg.gif) no-repeat center top fixed; */
}
/*@font-face {
    font-family: 'DincondBold';
    src: url('../fonts/dincond-bold-webfont.eot');
    src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dincond-bold-webfont.woff') format('woff'),
         url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
         url('../fonts/dincond-bold-webfont.svg#fzltxhjw') format('svg');
    font-weight: bold;
    font-style: normal;
}*/

ul,li{ margin:0px; padding:0px; list-style:none; }

div,p{ margin:0px; padding:0px; font-size:1.2rem; line-height:200%; }
td{ font-size:1.2rem; line-height:200%; }


a{ color:#505050; text-decoration:none; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }
a:hover{ color:#44b9cf; text-decoration:none; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }

form{ margin:0px; padding:0px; }
img{ border:none; vertical-align:top; }
input,textarea,select,audio,video{ outline:none; font-family:"微軟雅黑","Arial","宋體"; }

.clear{ clear:both; }

.ease{ transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }

.txt_rl{ background-image:url(../images/rl.png); background-repeat:no-repeat; background-position:right center; }

.webbg1{ background:#faf7f5; }
.webbg2{ background:#742a38; }


#container{ margin:0 auto; width:100%; height:auto; overflow:hidden }
@media screen and (max-width:1199px) {
#container{ width:1180px; }
}


/*-----------------header-------------------------------*/
#ts_loadering{ position:fixed; z-index:150; top:0px; left:50%; margin:0 0 0 -50%; width:100%; height:100%; text-align:center; background-color:rgba(0,0,0,0.55); display:none; overflow:hidden; }
#ts_loadering span{ margin:150px 0 0 0; padding:40px 10px 0 10px; min-width:70px; height:25px; line-height:20px; font-size:12px; color:#ccc; text-align:center; background:#666 url(../images/loader.gif) no-repeat center 10px; background-size:auto 25px; border-radius:8px; vertical-align:top; display:inline-block; }



#win_con_box1{ position:absolute; z-index:500; top:0px; left:50%; margin:0 0 0 -50%; width:100%; height:100%; background-color:rgba(0,0,0,0.60); display:none; overflow:hidden; }
#win_con_box1 .mainbox{ position:absolute; z-index:10; top:60px; left:50%; margin:0 0 0 -445px; padding:20px; width:850px; height:auto; background:#fff; border-radius:6px; overflow:hidden; }
#win_con_box1 .mainbox .h_title{ margin:0px; padding:8px 0 18px 0; width:100%; border-bottom:#ccc 1px solid; float:left; }
#win_con_box1 .mainbox .h_title span{ margin:0px; width:800px; line-height:25px; font-size:18px; color:#333; float:left; white-space:wrap; text-overflow:ellipsis; overflow:hidden;}
#win_con_box1 .mainbox .h_title i{ margin:0px; width:25px; height:25px; background:url(../images/close.png) no-repeat; background-size:100% auto; font-style:normal; cursor:pointer; float:right; display:block; }
#win_con_box1 .mainbox .h_conbox{ margin:15px 0 0 0; padding:0px; width:100%; float:left; overflow-x:hidden; overflow-y:auto; }
#win_con_box1 .mainbox .h_conbox .videobox{ margin:0px; padding:0px; width:100%; height:500px; text-align:center; background:#fcfcfc; float:left; overflow:hidden; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; }
#win_con_box1 .mainbox .h_conbox .videobox p{ margin:0px; padding:0px; width:100%; line-height:25px; font-size:14px; color:#333; }







.topcon_box{ margin:0 auto; padding:0px; width:100%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.topcon_box .h_conbox{ position:relative; z-index:5; margin:0px; padding:0px; width:100%; float:left; }
.topcon_box .h_conbox img{ width:100%; vertical-align:top; }

.topcon_box .h_conbox .tabimgbox{ position:relative; margin:0px; width:100%; }
.topcon_box .h_conbox .tabimgbox .swiper-container{ margin:0px; padding:0px; width:100%; }
.topcon_box .h_conbox .tabimgbox .swiper-wrapper{ width:100%; }
.topcon_box .h_conbox .tabimgbox .swiper-slide img{ width:100%; }
.topcon_box .h_conbox .tabimgbox .swiper-button-next:after, .topcon_box .h_conbox .tabimgbox .swiper-button-prev:after { font-size:4rem !important; font-weight:normal; color:#6c3942; }
.topcon_box .h_conbox .tabimgbox .swiper-button-prev{ z-index:2; left: 2rem !important; outline: none; }
.topcon_box .h_conbox .tabimgbox .swiper-button-next{ z-index:2; right: 2rem !important; outline: none;}


.topcon_box .h_conbox i{ position:absolute; z-index:2; right:3.5rem; top:2.1rem; margin:0px; width:8.7rem; font-style:normal; float:left; }
.topcon_box .h_conbox i img{ width:100%; vertical-align:top; }

.topcon_box .h_conbox p{ position:absolute; z-index:2; left:0px; bottom:0px; margin:0px; padding:0px; width:100%; height:0px; float:left; }
.topcon_box .h_conbox p em{ position:absolute; z-index:2; left:0px; top:-1.5rem; margin:0px; width:72%; font-style:normal; float:left; }
.topcon_box .h_conbox p em img{ width:100%; vertical-align:top; }

.topcon_box .h_conbox p.case em{ top:-5.9rem; width:61%; }

.topcon_box .h_conbox p.case_xx em{ top:-2.6rem; width:68%; }

.topcon_box .h_conbox p.about em{ top:-4.7rem; width:49%; }



/*------------------Home------------------------------*/
.h_ad_box{ margin:0 auto; width:100%; text-align:center; overflow:hidden; }
.h_ad_box .swiper-container, .h_ad_box .swiper-container .swiper-wrapper{ width:100%; min-width: 1200px; }
.h_ad_box .swiper-slide{ width:100%; min-width: 1200px; }
.h_ad_box .swiper-slide a{ width:100%; min-width: 1200px; overflow: hidden; opacity:1; z-index:10; display:flex; text-decoration:none; justify-content: center; align-items: center;}
.h_ad_box .swiper-slide a img{ width: 100%; height: auto;}
.h_ad_box .swiper-pagination-bullet{ width: 18px; height: 18px; border-radius: 50%; background: #b5b5b6; margin: 0 10px !important; opacity: 0.8; border: 0; cursor: pointer; display: inline-block; }
.h_ad_box .swiper-pagination-bullet-active { opacity: 1; background: #34b78f; }
.h_ad_box .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23cccccc'%2F%3E%3C%2Fsvg%3E");}
.h_ad_box .swiper-button-next:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230d2c71'%2F%3E%3C%2Fsvg%3E");}
.h_ad_box .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23cccccc'%2F%3E%3C%2Fsvg%3E")}
.h_ad_box .swiper-button-prev:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230d2c71'%2F%3E%3C%2Fsvg%3E")}

.h_ad_box.yige img{ width:100%; vertical-align:top; }






.h_mid_box1{ position:relative; z-index:1; margin:0 auto; padding:0px; width:100%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.h_mid_box1 .h_content{ z-index:3; margin:12rem 0 0 0; padding:0 8rem 6.2rem 8rem; width:100%; line-height:2.9rem; font-size:1.4rem; color:#4d334c; text-align:center; box-sizing:border-box; overflow:hidden; }
.h_mid_box1 .fbg{ position:absolute; z-index:2; left:0px; bottom:0px; margin:0px; width:100%; height:12rem; background:#632d37; }
.h_mid_box1 .more{ position:absolute; z-index:5; left:50%; bottom:-3.8rem; margin:0 0 0 14rem; width:15rem; display:block; }
.h_mid_box1 .more img{ width:100%; vertical-align:top; }







.h_mid_box2{ margin:0 auto; margin-top:8rem; padding:0px; width:100%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.h_mid_box2 .h_typename{ position:relative; margin:0px; width:100%; height:3rem; }
.h_mid_box2 .h_typename i{ position:absolute; z-index:2; left:0px; top:0px; margin:0px; width:60%; font-style:normal; }
.h_mid_box2 .h_typename i img{ width:100%; vertical-align:top; }

.h_mid_box2 .h_mainbox1{ margin:4rem 0 0 0%; padding:0px; width:92%; }

.h_mid_box2 .h_mainbox1 dl{ margin:0px; width:100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content:space-between; }
.h_mid_box2 .h_mainbox1 dl dt{ position:relative; z-index:5; margin:0px; width:40.5%; }
.h_mid_box2 .h_mainbox1 dl dt .h_con{ position:absolute; z-index:2; left:0px; bottom:0px; margin:0px; width:100%; }
.h_mid_box2 .h_mainbox1 dl dt .h_con h1{ margin:0px; padding-bottom:0.8rem; width:100%; line-height:3rem; font-size:2.3rem; color:#632d37; font-family: "宋體"; font-weight:bold; text-align:right; background:url(../images/line01.jpg) repeat-x left bottom; float:left; }
.h_mid_box2 .h_mainbox1 dl dt .h_con h1 a{ color:#632d37; }
.h_mid_box2 .h_mainbox1 dl dt .h_con h1 a:hover{ color:#ca2443; }
.h_mid_box2 .h_mainbox1 dl dt .h_con p{ margin:1rem 0 0 0; width:100%; line-height:2.3rem; font-size:1.26rem; color:#632d37; float:left; overflow:hidden; }
.h_mid_box2 .h_mainbox1 dl dt .h_more{ position:absolute; z-index:3; right:-15.7rem; bottom:-3.5rem; margin:0px; width:15rem; }
.h_mid_box2 .h_mainbox1 dl dt .h_more img{ width:100%; vertical-align:top; }

.h_mid_box2 .h_mainbox1 dl dd{ position:relative; margin:0px; width:56%; text-align:center; }

.h_mid_box2 .h_mainbox1 dl dd .swiper-container{ margin:0px; padding:0px; width:100%; }
.h_mid_box2 .h_mainbox1 dl dd .swiper-wrapper{ width:100%; }

.h_mid_box2 .h_mainbox1 dl dd .swiper-slide img{ width:100%; }

.h_mid_box2 .h_mainbox1 dl dd .swiper-button-next:after, .h_mid_box2 .h_mainbox1 dl dd .swiper-button-prev:after { font-size:3rem !important; font-weight:normal; color:#6c3942; }
.h_mid_box2 .h_mainbox1 dl dd .swiper-button-prev{ z-index:2; left: 1rem !important; outline: none; }
.h_mid_box2 .h_mainbox1 dl dd .swiper-button-next{ z-index:2; right: 1rem !important; outline: none;}




.h_mid_box2 .h_mainbox2{ margin:6rem 0 0 0; padding:0px; width:92%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content:space-between; }
.h_mid_box2 .h_mainbox2 dl{ margin:2.5rem 0 0 0; width:31%; text-align:center; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.h_mid_box2 .h_mainbox2 dl dt{ margin:0px; width:100%; height:auto; }
.h_mid_box2 .h_mainbox2 dl dt img{ width:100%; height:100%; vertical-align:top; }
.h_mid_box2 .h_mainbox2 dl dd{ margin:0px; width:90%; }
.h_mid_box2 .h_mainbox2 dl dd h1{ margin:0.8rem 0 0 0; padding-bottom:0.5rem; width:100%; line-height:3rem; font-size:2.1rem; color:#632d37; font-family: "宋體"; font-weight:bold;  background:url(../images/line02.jpg) repeat-x left bottom; float:left; }
.h_mid_box2 .h_mainbox2 dl dd h1 a{ color:#632d37; }
.h_mid_box2 .h_mainbox2 dl dd h1 a:hover{ color:#ca2443; }
.h_mid_box2 .h_mainbox2 dl dd p{ margin:1rem 0 0 0; width:100%; line-height:2.1rem; font-size:1.2rem; color:#632d37; text-align:left; float:left; overflow:hidden; }

.h_mid_box2 .h_morebtn{ margin:4rem 0 0 0; padding:0px; width:100%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.h_mid_box2 .h_morebtn a{ width:60%; height:3rem; line-height:3rem; text-align:center; border:#b4999c 1px solid; border-radius:1.5rem; background:url(../images/more3.png) no-repeat center center; background-size:auto 1.2rem; display:block; }
.h_mid_box2 .h_morebtn a:hover{ border-color:#ca2443; background-color:#b19699; }




.h_mid_box3{ margin:0 auto; margin-top:7rem; padding:0px; width:100%; text-align:center; overflow:hidden; }
.h_mid_box3 img{ height:2.8rem; }






.f_server_box{ position:relative; margin:0 auto; margin-top:12rem; padding:0px; width:100%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.f_server_box .h_server{ position:absolute; z-index:10; left:0px; top:-4.8rem; margin:0px; width:100%; text-align:center; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center }
.f_server_box .h_server .h_more{ margin:0px; width:13rem; }
.f_server_box .h_server .h_more img{ width:100%; }

.f_server_box .h_server .h_btncon{ margin:3.5rem 0 0 0; width:20rem; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; }
.f_server_box .h_server .h_btncon i{ position:relative; margin:0px; width:auto; height:3.8rem; text-align:center; font-style:normal; cursor:pointer; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; }
.f_server_box .h_server .h_btncon i img{ height:100%; }
.f_server_box .h_server .h_btncon i a{ height:100%; display:block; }

.f_server_box .h_server .h_btncon i.tel p{ position:absolute; z-index:3; top:4.8rem; margin:0px; padding:0 1rem; width:auto; height:2.6rem; line-height:2.6rem; color:#632d37; font-size:1.5rem; text-align:center; white-space:nowrap; background:#fff; border:#b4999c 1px solid; border-radius:6px; display:none; }
.f_server_box .h_server .h_btncon i.tel:hover p{ display:block; }

.f_server_box .h_server .h_btncon i.qrcode p{ position:absolute; z-index:3; top:4.8rem; margin:0px; padding:0.3rem; width:15.2rem; background:#fff; border:#b4999c 1px solid; border-radius:6px; display:none; }
.f_server_box .h_server .h_btncon i.qrcode p img{ width:100%; vertical-align:top; }
.f_server_box .h_server .h_btncon i.qrcode:hover p{ display:block; }


.f_server_box .h_baoyu{ position:absolute; z-index:2; left:0px; top:23rem; margin:0px; width:100%; text-align:center; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center }
.f_server_box .h_baoyu span{ margin:0px; width:60%; height:5rem; background:url(../images/img04.png) no-repeat center center; background-size:auto 2.5rem; border:#fff 1px solid; border-radius:2.5rem; display:block; }

.f_server_box .h_bgimg{ margin:0px; width:100%; text-align:center; }
.f_server_box .h_bgimg img{ width:100%; }



/*------------------Neiye------------------------------*/

.ny_ad_box{ margin:0 auto; padding:0px; width:100%; text-align:center; overflow:hidden; }
.ny_ad_box img{ width:100%; }




.ny_typecon_box{ margin:0 auto; margin-top:50px; width:1200px; text-align:center; overflow:hidden; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.ny_typecon_box a{ margin:18px 8px 0 8px; padding:0 18px; min-width:90px; height:40px; line-height:40px; font-size:16px; color:#000; border:#ccc 1px solid; }
.ny_typecon_box a:hover{ color:#44b9cf; border:#44b9cf 1px solid; }
.ny_typecon_box a.on{ color:#fff; background:#44b9cf; border:#44b9cf 1px solid; }
.ny_typecon_box a.on:hover{ color:#fff; }





.ny_location_box{ margin:0 auto; padding:14px 0 12px 0; width:1200px; border-bottom:#e5e5e5 1px solid; overflow:hidden;  display: flex; flex-wrap: wrap; flex-direction: row; justify-content:flex-start; }
.ny_location_box i{ margin-left:5px; color:#9c9c9c; line-height:25px; font-size:18px; }
.ny_location_box span{ margin:0 0 0 8px; width:auto; line-height:25px; color:#9c9c9c; font-size:16px; }
.ny_location_box span a{ color:#666; }
.ny_location_box span a:hover{ color:#44b9cf; }





.ny_about_box{ margin:0 auto; margin-top:45px; padding:0px; width:1200px; }
.ny_about_box .left_con{ margin:0px; width:610px; float:left; overflow:hidden; }
.ny_about_box .right_con{ margin:0px; width:545px; box-shadow: 0 0 10px #ccc; float:right; overflow:hidden; }
.ny_about_box .right_con img{ width:100%; }





.ny_content_box{ margin:0 auto; margin-top:45px; padding:0px; width:1160px; overflow:hidden; }






.ny_case_box{ margin:0 auto; margin-top:6rem; padding:0 4%; width:100%; min-height:10rem; box-sizing:border-box; display: flex; flex-wrap: wrap; flex-direction:row; justify-content:space-between; }

.ny_case_box dl.item{ margin:3.5rem 0 0 0; padding-bottom:6rem; width:100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content:space-between; }
.ny_case_box dl.item dt{ position:relative; z-index:5; margin:0px; width:40.5%; }
.ny_case_box dl.item dt .h_con{ position:absolute; z-index:2; left:0px; bottom:6rem; margin:0px; width:100%; }
.ny_case_box dl.item dt .h_con h1{ margin:0px; padding-bottom:0.7rem; width:100%; line-height:3rem; font-size:2.1rem; color:#632d37; font-family: "宋體"; font-weight:bold; text-align:right; background:url(../images/line01.jpg) repeat-x left bottom; float:left; }
.ny_case_box dl.item dt .h_con h1 a{ color:#632d37; }
.ny_case_box dl.item dt .h_con h1 a:hover{ color:#ca2443; }
.ny_case_box dl.item dt .h_con p{ margin:1rem 0 0 0; width:100%; line-height:2.3rem; font-size:1.26rem; color:#632d37; float:left; overflow:hidden; }
.ny_case_box dl.item dt .h_more{ position:absolute; z-index:3; right:-15.7rem; bottom:-3.5rem; margin:0px; width:15rem; }
.ny_case_box dl.item dt .h_more img{ width:100%; vertical-align:top; }
.ny_case_box dl.item dd{ position:relative; margin:0px; width:56%; text-align:center; }

.ny_case_box dl.item dd .swiper-container{ margin:0px; padding:0px; width:100%; }
.ny_case_box dl.item dd .swiper-wrapper{ width:100%; }

.ny_case_box dl.item dd .swiper-slide img{ width:100%; }

.ny_case_box dl.item dd .swiper-button-next:after, .ny_case_box dl.item dd .swiper-button-prev:after { font-size:3rem !important; font-weight:normal; color:#6c3942; }
.ny_case_box dl.item dd .swiper-button-prev{ z-index:2; left: 1rem !important; outline: none; }
.ny_case_box dl.item dd .swiper-button-next{ z-index:2; right: 1rem !important; outline: none;}




.ny_case_box dl.list{ position:relative; margin:2.5rem 0 0 0; padding-bottom:3.5rem; width:31%; text-align:center; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.ny_case_box dl.list dt{ margin:0px; width:100%; height:auto; }
.ny_case_box dl.list dt img{ width:100%; height:100%; vertical-align:top; }
.ny_case_box dl.list dd{ margin:0px; width:90%; }
.ny_case_box dl.list dd h1{ margin:0.8rem 0 0 0; padding-bottom:0.5rem; width:100%; line-height:3rem; font-size:2rem; color:#632d37; font-family: "宋體"; font-weight:bold;  background:url(../images/line02.jpg) repeat-x left bottom; float:left; }
.ny_case_box dl.list dd h1 a{ color:#632d37; }
.ny_case_box dl.list dd h1 a:hover{ color:#ca2443; }
.ny_case_box dl.list dd p{ margin:1rem 0 0 0; width:100%; line-height:2rem; font-size:1.1rem; color:#632d37; text-align:left; float:left; overflow:hidden; }
.ny_case_box dl.list i{ position:absolute; z-index:2; right:0px; bottom:0px; margin:0px; width:3.5rem; font-style:normal; }
.ny_case_box dl.list i img{ width:100%; }








.ny_case_xx_box{ margin:0 auto; padding:0 0 12rem 0; width:100%; min-height:10rem; background:url(../images/bg02.jpg) repeat-y center top; background-size:100% auto; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.ny_case_xx_box .h_title{ margin:6rem 0 0 0; width:100%; text-align:center; background:url(../images/bg01.png) no-repeat left center; background-size:auto 100%; }
.ny_case_xx_box .h_title h1{ margin:0px; padding:0px; width:43rem; height:5rem; line-height:5rem; color:#fff; font-size:2.8rem; font-family: "宋體"; font-weight:bold; float:left; }

.ny_case_xx_box .h_content{ margin:0px; padding:0 5%;  width:100%; line-height:3.2rem; color:#fff; font-size:1.6rem; box-sizing:border-box; overflow:hidden; }
.ny_case_xx_box .h_content p{ line-height:3.2rem; font-size:1.6rem; }

.ny_case_xx_box .h_content dl{ margin:6rem 0 0 0; width:100%; float:left; display: flex; flex-wrap: wrap; flex-direction: row; justify-content:space-between; }
.ny_case_xx_box .h_content dl dt{ margin:0px; width:48%; overflow:hidden; }
.ny_case_xx_box .h_content dl dd{ margin:0px; width:48%; text-align:center; }
.ny_case_xx_box .h_content dl dd img{ width:100%; vertical-align:top; }

.ny_case_xx_box .h_content dl.aa{ flex-direction: row; }
.ny_case_xx_box .h_content dl.bb{ flex-direction: row-reverse; }






.ny_about_box{ margin:0 auto; padding:0px; width:100%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.ny_about_box .h_mainbox1{ position:relative; margin:0px; padding:0px; width:100%; text-align:center; }
.ny_about_box .h_mainbox1 img{ width:100%; vertical-align:top; }
.ny_about_box .h_mainbox1 .h_title{ position:absolute; z-index:2; left:0px; top:4.1rem; margin:0px; width:65.5%; }
.ny_about_box .h_mainbox1 .h_title img{ width:100%; vertical-align:top; }
.ny_about_box .h_mainbox1 .h_con{ position:absolute; z-index:3; left:0px; top:18rem; margin:0px; padding:0 5%; width:100%; line-height:3rem; letter-spacing:2px; font-size:1.55rem; color:#fff; box-sizing:border-box; overflow:hidden; }


.ny_about_box .h_mainbox2{ position:relative; margin:0px; padding:0px; width:100%; }
.ny_about_box .h_mainbox2 img{ width:100%; vertical-align:top; }
.ny_about_box .h_mainbox2 .h_con{ position:absolute; z-index:3; right:9%; top:6rem; margin:0px; width:33%; line-height:2.8rem; font-size:1.5rem; color:#632d37; overflow:hidden; }


.ny_about_box .h_mainbox3{ position:relative; margin:0px; padding:0px; width:100%; }
.ny_about_box .h_mainbox3 img{ width:100%; vertical-align:top; }


.ny_about_box .h_mainbox4{ margin:4rem 0 0 0; padding:0 22% 13rem 22%; width:100%; box-sizing:border-box; display: flex; flex-wrap: wrap; flex-direction: row; justify-content:space-between; }
.ny_about_box .h_mainbox4 dl{ margin:4rem 3rem 0 3rem; padding:0px; width:8rem; text-align:center; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.ny_about_box .h_mainbox4 dl dt{ margin:0px; width:100%; }
.ny_about_box .h_mainbox4 dl dt img{ width:100%; }
.ny_about_box .h_mainbox4 dl dd{ margin:0.5rem 0 0 0; width:100%; line-height:2.5rem; font-size:1.7rem; color:#632d37; font-family: "宋體"; font-weight:bold;  }








.ny_parnext_box{ margin:40px 0; margin-top:35px; padding:20px 0; width:100%; border-top:#ddd 1px solid; float: left; }
.ny_parnext_box span{ margin:0px; width:1160px; line-height:32px; font-size:16px; color:#fff; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.ny_parnext_box span a{ color:#fff; }
.ny_parnext_box span a:hover{ color:#ff526c; }



/*------------頁碼0----------*/
.page_box{ margin:0 auto; margin-top:80px; padding:0px; width:100%; height:36px; font-size:14px; font-family:"微軟雅黑","宋體"; text-align:center; overflow:hidden; }
.page_box i{ margin:0 5px; padding:0px 14px; height:34px; line-height:34px; color:#999; background:#fff; border:#dcdcdc 1px solid; border-radius:5px; font-style:normal; vertical-align:top; display:inline-block; overflow:hidden;}
.page_box span{ margin:0 5px; padding:0px; width:auto; border-radius:5px; vertical-align:top; display:inline-block; overflow:hidden;}
.page_box span a{ margin:0px; padding:0px 14px; height:34px; line-height:34px; color:#333; background:#fff; border:#dcdcdc 1px solid; border-radius:5px; display:block; }
.page_box span a:hover{ color:#fff; background:#4d334c; border:#4d334c 1px solid; }
.page_box span a.on{ color:#fff; background:#4d334c; border:#4d334c 1px solid }
.page_box span a.on:hover{ color:#fff; background:#4d334c; border:#4d334c 1px solid }

/*------------頁碼1----------*/

/*------------------footer------------------------------*/
.f_padheght{ margin:0 auto; width:100%; height:60px; overflow:hidden; }



.bottom_box{ margin:0 auto; padding:12rem 0 1.5rem 0; width:100%; background:#632d37; display: flex; flex-wrap: wrap; flex-direction:column; align-items: center; }
.bottom_box .h_mainbox1{ margin:0px; width:100%; display: flex; flex-wrap: wrap; flex-direction:row; align-items: center; justify-content: center; }
.bottom_box .h_mainbox1 .h_logo{ margin:0px; width:auto; height:8.7rem; }
.bottom_box .h_mainbox1 .h_logo img{ height:100%; }

.bottom_box .h_mainbox1 .h_server{ margin:1rem 0 0 5.2rem; padding-left:5.2rem; width:19rem; height:auto; background:url(../images/line03.png) repeat-y left top; display: flex; flex-wrap: nowrap; flex-direction:row; align-items: center; justify-content: space-between; }
.bottom_box .h_mainbox1 .h_server i{ position:relative; margin:0px; width:auto; height:2.7rem; text-align:center; font-style:normal; cursor:pointer; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; }
.bottom_box .h_mainbox1 .h_server i img{ height:100%; }
.bottom_box .h_mainbox1 .h_server i a{ height:100%; display:block; }

.bottom_box .h_mainbox1 .h_server i.tel p{ position:absolute; z-index:100; bottom:3.7rem; margin:0px; padding:0 1rem; width:auto; height:2.6rem; line-height:2.6rem; color:#632d37; font-size:1.5rem; text-align:center; white-space:nowrap; background:#fff; border:#b4999c 1px solid; border-radius:6px; display:none; }
.bottom_box .h_mainbox1 .h_server i.tel:hover p{ display:block; }

.bottom_box .h_mainbox1 .h_server i.qrcode p{ position:absolute; z-index:100; bottom:3.7rem; margin:0px; padding:0.3rem; width:15.2rem; background:#fff; border:#b4999c 1px solid; border-radius:6px; display:none; }
.bottom_box .h_mainbox1 .h_server i.qrcode p img{ width:100%; vertical-align:top; }
.bottom_box .h_mainbox1 .h_server i.qrcode:hover p{ display:block; }

.bottom_box .h_mainbox2{ margin:2.3rem 0 0 0; width:100%; text-align:center; }
.bottom_box .h_mainbox2 img{ height:0.9em; vertical-align:top; }




#online_box{ position:fixed; z-index:50; bottom:15rem; right:1.1rem; width:4.2rem; height:20rem; display: flex; flex-wrap: wrap; flex-direction:column; align-items: center; justify-content:space-between; }
#online_box i{ position:relative; margin:0px; width:100%; height:auto; text-align:center; font-style:normal; cursor:pointer; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; }
#online_box i img{ width:100%; }
#online_box i a{ width:100%; display:block; }

#online_box i.tel p{ position:absolute; z-index:3; right:6rem; margin:0px; padding:0 1rem; width:auto; height:2.6rem; line-height:2.6rem; color:#632d37; font-size:1.5rem; text-align:center; white-space:nowrap; background:#fff; border:#b4999c 1px solid; border-radius:6px; display:none; }
#online_box i.tel:hover p{ display:block; }

#online_box i.qrcode p{ position:absolute; z-index:3; right:6rem; margin:0px; padding:0.3rem; width:15.2rem; background:#fff; border:#b4999c 1px solid; border-radius:6px; display:none; }
#online_box i.qrcode p img{ width:100%; vertical-align:top; }
#online_box i.qrcode:hover p{ display:block; }





#online_service{ position:absolute; z-index:500; top:0px; left:50%; margin:0 0 0 -300px; width:600px; height:550px; background-color:#fff; border-radius:8px; box-shadow:0 0 8px #999; display:none; overflow:hidden; }
#online_service .h_header{ margin:0px; width:100%; height:45px; background-color:#B83B3B; float:left; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content:space-between; }
#online_service .h_header span{ margin:0 0 0 20px; width:auto;  line-height:45px; font-size:16px; font-weight:bold; color:#fff; }
#online_service .h_header i{ margin:0 15px 0 0; width:18px; height:18px; background:url(../images/close.png) no-repeat; background-size:100% 100%; font-style:normal; cursor:pointer; display:block; }

#online_service .h_msgcon{ margin:15px 0 0 15px; padding:0 15px 15px 15px; width:568px; height:325px; border:#ececec 1px solid; box-sizing:border-box; float:left; overflow-y: auto; }

#online_service .h_msgcon .wo_conbox{ margin:15px 0 0 0; width:100%; float:left; }
#online_service .h_msgcon .wo_conbox .h_title{ margin:0px; width:100%; line-height:20px; font-size:12px; color:#808080; text-align:right; float:right;  }
#online_service .h_msgcon .wo_conbox .h_con{ margin:4px 0 0 0; padding:8px 12px; width:auto; line-height:22px; letter-spacing:1px; font-size:14px; color:#303030; background:#EFF1F7; border-radius:8px 0 8px 8px; box-sizing:border-box; float:right; overflow:hidden; }

#online_service .h_msgcon .kf_conbox{ margin:15px 0 0 0; width:100%; float:left; }
#online_service .h_msgcon .kf_conbox .h_title{ margin:0px; width:100%; line-height:20px; font-size:12px; color:#808080; float:left;  }
#online_service .h_msgcon .kf_conbox .h_con{ margin:4px 0 0 0; padding:8px 12px; width:auto; line-height:22px; letter-spacing:1px; font-size:14px; color:#303030; background:#EFF1F7; border-radius:0 8px 8px 8px; box-sizing:border-box; float:left; overflow:hidden; }


#online_service .h_textarea{ margin:10px 0 0 15px; padding:0px; width:568px; background:#fcfcfc; border:#ececec 1px solid; float:left;}
#online_service .h_textarea textarea{ margin:0px; padding:12px 15px; width:100%; height:90px; line-height:22px; font-size:13px; color:#505050; border:none; background:none; box-sizing:border-box; resize:none; float:left; }
#online_service .h_textarea textarea::-webkit-input-placeholder{ color:#9f9f9f; }

#online_service .h_subcon{ margin:8px 0 0 15px; padding:0px; width:570px; float:left; }
#online_service .h_subcon span{ margin:0px; height:30px; line-height:30px; font-size:12px; color:#808080; float:left; }
#online_service .h_subcon i{ margin:0 15px 0 0; width:20px; height:30px; background:url(../images/loader.gif) no-repeat center center; font-style:normal; float:right; display:none; }
#online_service .h_subcon input{ margin:0px; width:70px; height:30px; line-height:30px; font-size:14px; color:#fff; text-align:center; background:#B83B3B; border:none; cursor:pointer; float:right;  }

/*----------------------------------------------------*/



/* 鼠標移到圖片上效果0 */
.eff_img{ position: relative; cursor:pointer; overflow:hidden; }

.eff_img .shade{ position:absolute; z-index:5; top:100%; left:0px; width:100%; height:100%; background:#fff; opacity:0.6; filter:alpha(opacity=60); transition:0.5s all; display:block; }
.eff_img:hover .shade{ top:0px; transition:0.6s ease-in-out; }

.eff_img .img_icon{ position: absolute; z-index:8; top:50%; left:-100%; margin-left:-17px; margin-top:-17px; transform:rotate(360deg);transition:0.6s ease-in-out; display:inline-block; }
.eff_img:hover .img_icon{ left:50%; transform:rotate(3600deg);-webkit-transform:rotate(3600deg);-moz-transform:rotate(3600deg);-o-transform:rotate(3600deg);-ms-transform:rotate(3600deg);transition: .6s ease-in-out;-webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out;-ms-transition: .6s ease-in-out;}

.eff_img img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.eff_img:hover>img{
    transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}



.eff_img1{ overflow:hidden; }
.eff_img1 img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.eff_img1:hover a>img{
    transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}



.eff_img2{ overflow:hidden; }
.eff_img2 img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.eff_img2:hover img{
    transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}


.eff_img3{ position: relative; cursor:pointer; overflow:hidden; }

.eff_img3 .shade{ position:absolute; z-index:5; top:100%; left:0px; width:100%; height:100%; background:#fff; opacity:0.6; filter:alpha(opacity=60); transition:0.5s all; display:block; }
.eff_img3:hover .shade{ top:0px; transition:0.6s ease-in-out; }

.eff_img3 .img_icon{ position: absolute; z-index:8; top:50%; left:-100%; margin-left:-17px; margin-top:-17px; transform:rotate(360deg);transition:0.6s ease-in-out; display:inline-block; }
.eff_img3:hover .img_icon{ left:50%; transform:rotate(3600deg);-webkit-transform:rotate(3600deg);-moz-transform:rotate(3600deg);-o-transform:rotate(3600deg);-ms-transform:rotate(3600deg);transition: .6s ease-in-out;-webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out;-ms-transition: .6s ease-in-out;}



.eff_img4 img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.eff_img4:hover img{
    transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}

/* 鼠標移到圖片上效果1 */



.ny_search_box{ margin:150px 2.5% 0 2.5%; width:100%; background: #EED7D7; float:left; border-radius: 5px; }
.ny_search_box .left_con{ margin:0px; width:150px; height:110px; background:url(../images/s_img.png) no-repeat left center; float:left; }
.ny_search_box .mid_con{ margin:3px 0 0 10px; width:840px; float:left; }
.ny_search_box .mid_con span{ margin:12px 0 0 25px; width:auto; line-height:34px; font-size:16px; color:#632d37; float:left; }
.ny_search_box .mid_con i{ margin:12px 0 0 0; width:35px; line-height:34px; font-size:20px; color:#333; text-align:center; font-style:normal; float:left; }
.ny_search_box .mid_con select{ margin:12px 0 0 0; padding:0 0 0 10px; width:195px; height:34px; line-height:34px; font-size:14px; color:#6f6f6f; background:#fff; border:none; float:left; }
.ny_search_box .mid_con select.short{ width:80px; }
.ny_search_box .rightcon{ margin:15px 25px 0 0; width:150px; height:80px; float:right; }
.ny_search_box .rightcon input{ margin:0px; width:100%; height:80px; background:url(../images/s_sub.png) no-repeat; border:none; cursor:pointer; float:left; display:block; }




.ny_men_box{ margin: 0 auto; margin:0; width:100%; float:left; }
.ny_men_box .h_conlist{ margin:0px; width:100%; float:left; }
.ny_men_box .h_conlist dl{ margin:0; padding:2.5%; width:20%; height:auto; float:left; }
.ny_men_box .h_conlist dl i{ margin:5px -30px 0 0; float:right; }
.ny_men_box .h_conlist dl i img{ width:60% }
.ny_men_box .h_conlist dl dt{ margin:0px; width:100%; float:left; display:inline; }
.ny_men_box .h_conlist dl dt img{ width:100%; height: auto; }
.ny_men_box .h_conlist dl dd{ margin:0px; width:100%; float:right; display:inline; }
.ny_men_box .h_conlist dl dd h2{ margin: 0.8rem 0; width: 100%; font-size: 1.5rem; color: #632d37; font-family: "宋體"; font-weight: bold; background: url(../images/line02.jpg) repeat-x left bottom; float: left; }
.ny_men_box .h_conlist dl dd h2 span{ margin:0px; width:auto; font-size:1.5rem; float:right; }
.ny_men_box .h_conlist dl dd p{ margin:0px; width:100%; float:left; font-size:14px; color: #632d37; font-family: "宋體";}
.ny_men_box .h_conlist dl dd p span{ margin:0px; width:auto; color: #632d37; font-family: "宋體"; float:left; }
.ny_men_box .h_conlist dl dd p span.rs{ float:right; }
.ny_men_box .h_conlist dl dd p b{ margin:0px; width:auto; float:left; }
/*.ny_men_box .h_conlist dl:hover{ border:#e24443 1px solid; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }*/
.ny_men_box .h_conlist dl.endtd{ margin-right:0px; float:right; }
.ny_men_box .h_conlist a{ display:block; }
.ny_men_box .h_conlist .no_content{ margin:0px; padding:120px 0; width:100%; text-align:center; font-size:16px; color:#666; float:left; }

.ny_men_box .h_conlist.word{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.ny_men_box .h_conlist.word dl{ margin-right:0px; }
.ny_men_box .h_conlist.word:after{ content: ''; padding:15px 15px 10px 15px; width:230px; }


.ny_midcon_box .rightcon_box{ margin:20px 0 0 0; padding-bottom:35px; width:900px; min-height:940px; background:#fff; float:right; display:inline; }
.ny_midcon_box .rightcon_box .h_location{ margin:18px 0 0 0; width:100%; float:left; display:inline; }
.ny_midcon_box .rightcon_box .h_location p{ margin:0 0 0 10px; padding-bottom:10px; width:880px; background:url(../images/line04.jpg) repeat-x left bottom; float:left; display:inline; }
.ny_midcon_box .rightcon_box .h_location p span{ margin:0 0 0 20px; padding-left:23px; width:auto; line-height:23px; font-size:16px; color:#999; background:url(../images/tb03.png) no-repeat left center; background-size:17px; float:left; display:inline; }
.ny_midcon_box .rightcon_box .h_location p span a{ color:#333; }
.ny_midcon_box .rightcon_box .h_location p span a:hover{ color:#cea171; }

.ny_men_xx_box{ margin: 40px 2.5%; width: 100%; float:left; display:inline; }
.ny_men_xx_box .left_imgcon{ margin:0px; width: 35%; float:left; }
.ny_men_xx_box .left_imgcon .h_img{ margin:0px; padding:0px; width: 100%; border: #fff9eee5 5px solid; float:left; }
.ny_men_xx_box .left_imgcon .h_img img{ width: 100%; }
.ny_men_xx_box .left_imgcon .h_con{ margin:10px 0 0 0; width:100%; line-height:22px; font-size:13px; color:#fff; float:left; }
.ny_men_xx_box .right_con{ margin:0px; width: 60%; float:right; }
.ny_men_xx_box .right_con .h_title{ margin:0px; padding:10px 0; width:100%; float:left; background: url(../images/line02.jpg) repeat-x left bottom; }
.ny_men_xx_box .right_con .h_title h1{ margin:0px; width:auto; line-height:36px; font-size:60px; color:#fff; float:left; }
.ny_men_xx_box .right_con .h_title span{ margin:10px 0 0 0; width:auto; line-height:48px; font-size:24px; color:#fff; float:right; }
.ny_men_xx_box .right_con .h_conbox{ margin:15px 0 0 0; padding:0px; width:100%; float:left; }
.ny_men_xx_box .right_con .h_conbox span{ margin:8px 0 0 20px; width:45%; line-height:48px; font-size:24px; color:#fff; float:left; }

.ny_men_xx_box .h_contitle{ margin:40px 0 0 0; width:100%; height:30px; background:url(../images/line02.jpg) repeat-x left center; float:left; }
.ny_men_xx_box .h_contitle span{ margin:0px; padding-right:15px; line-height:26px; font-size:26px; color:#fff; background: #68442f; float:left; }
.ny_men_xx_box .h_content{ margin:20px 0 0 0; width:100%; font-size: 1rem; float:left; color:#fff; overflow:hidden; }
.ny_men_xx_box .h_content p{ font-size: 1rem; }
.ny_men_xx_box .h_yaoqiu{ margin:20px 0 0 0; color:#fff; font-size: 1rem; float:left; overflow:hidden; }

.ny_men_xx_box .h_contitle1{ margin:20px 0 0 0; width:100%; height:30px; background:url(../images/line03.jpg) repeat-x left center; float:left; }
.ny_men_xx_box .h_contitle1 span{ margin:0px; padding-right:15px; line-height:30px; font-size:19px; color:#e24443; float:left; }

.ny_men_xx_box .h_message{ margin:10px 0 0 0; width:100%; float:left; }
.ny_men_xx_box .h_message .h_con{ margin:12px 0 0 0; width:100%; float:left; }
.ny_men_xx_box .h_message .h_con i{ margin:0 10px 0 0; width:auto; line-height:36px; font-size:14px; color:#555; text-align:right; font-style:normal; float:left; }
.ny_men_xx_box .h_message .h_con span{ line-height:36px; font-size:14px; color:#5f5f5f; }
.ny_men_xx_box .h_message .h_con .r_text{ margin:0px; padding:0 15px; width:230px; height:34px; line-height:34px; font-size:14px; color:#555; border:#cea171 1px solid; float:left; }
.ny_men_xx_box .h_message .h_con .r_text.vcode{ width:90px; }
.ny_men_xx_box .h_message .h_con .r_textarea{ margin:0px; padding:8px 15px; width:808px; height:80px; line-height:22px; font-size:14px; color:#555; border:#cea171 1px solid; float:left; }
.ny_men_xx_box .h_message .h_con .r_sub{ margin:0px; padding:0px; width:160px; height:42px; line-height:42px; font-size:20px; color:#fff; text-align:center; background:#e24443; border:none; border-radius:6px; cursor:pointer; float:left; }

.ny_men_box1 { margin: 0 auto; padding: 1rem 4% 0 4%; width: 100%; min-height: 10rem; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; background: #68442f; }


.h_mid_box4{ margin:0 auto; margin-top:8rem; padding:0px; width:100%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.h_mid_box4 .h_typename{ position:relative; margin:0px; width:100%; height:3rem; }
.h_mid_box4 .h_typename i{ position:absolute; z-index:2; left:0px; top:0px; margin:0px; width:72%; font-style:normal; }
.h_mid_box4 .h_typename i img{ width:100%; vertical-align:top; }

.h_mid_box4 .h_morebtn{ margin:4rem 0 0 0; padding:0px; width:100%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.h_mid_box4 .h_morebtn a{ width:60%; height:3rem; line-height:3rem; text-align:center; border:#b4999c 1px solid; border-radius:1.5rem; background:url(../images/more5.png) no-repeat center center; background-size:auto 1.2rem; display:block; }
.h_mid_box4 .h_morebtn a:hover{ border-color:#ca2443; background-color:#b19699; }

.sy_ny_men_box{ margin:0 auto; margin-top:6rem; padding:0 4%; width:100%; min-height:10rem; box-sizing:border-box; display: flex; flex-wrap: wrap; flex-direction:row; justify-content:space-between; }

.sy_ny_men_box dl.item{ margin:3.5rem 0 0 0; padding-bottom:6rem; width:100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content:space-between; }
.sy_ny_men_box dl.item dt{ position:relative; z-index:5; margin:0px; width:40.5%; }
.sy_ny_men_box dl.item dt .h_con{ position:absolute; z-index:2; left:0px; bottom:6rem; margin:0px; width:100%; }
.sy_ny_men_box dl.item dt .h_con h1{ margin:0px; padding-bottom:0.7rem; width:100%; line-height:3rem; font-size:2.1rem; color:#632d37; font-family: "宋體"; font-weight:bold; text-align:right; background:url(../images/line01.jpg) repeat-x left bottom; float:left; }
.sy_ny_men_box dl.item dt .h_con h1 a{ color:#632d37; }
.sy_ny_men_box dl.item dt .h_con h1 a:hover{ color:#ca2443; }
.sy_ny_men_box dl.item dt .h_con p{ margin:1rem 0 0 0; width:100%; line-height:2.3rem; font-size:1.26rem; color:#632d37; float:left; overflow:hidden; }
.sy_ny_men_box dl.item dt .h_more{ position:absolute; z-index:3; right:-15.7rem; bottom:-3.5rem; margin:0px; width:15rem; }
.sy_ny_men_box dl.item dt .h_more img{ width:100%; vertical-align:top; }
.sy_ny_men_box dl.item dd{ position:relative; margin:0px; width:56%; text-align:center; }

.sy_ny_men_box dl.item dd .swiper-container{ margin:0px; padding:0px; width:100%; }
.sy_ny_men_box dl.item dd .swiper-wrapper{ width:100%; }

.sy_ny_men_box dl.item dd .swiper-slide img{ width:100%; }

.sy_ny_men_box dl.item dd .swiper-button-next:after, .sy_ny_men_box dl.item dd .swiper-button-prev:after { font-size:3rem !important; font-weight:normal; color:#6c3942; }
.sy_ny_men_box dl.item dd .swiper-button-prev{ z-index:2; left: 1rem !important; outline: none; }
.sy_ny_men_box dl.item dd .swiper-button-next{ z-index:2; right: 1rem !important; outline: none;}




.sy_ny_men_box dl.list{ position:relative; margin:2.5rem 0 0 0; padding-bottom:3.5rem; width:31%; text-align:center; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.sy_ny_men_box dl.list dt{ margin:0px; width:100%; height:auto; }
.sy_ny_men_box dl.list dt img{ width:100%; height:100%; vertical-align:top; }
.sy_ny_men_box dl.list dd{ margin:0px; width:90%; }
.sy_ny_men_box dl.list dd h1{ margin:0.8rem 0 0 0; padding-bottom:0.5rem; width:100%; line-height:3rem; font-size:2rem; color:#632d37; font-family: "宋體"; font-weight:bold;  background:url(../images/line02.jpg) repeat-x left bottom; float:left; }
.sy_ny_men_box dl.list dd h1 a{ color:#632d37; }
.sy_ny_men_box dl.list dd h1 a:hover{ color:#ca2443; }
.sy_ny_men_box dl.list dd p{ margin:1rem 0 0 0; width:100%; line-height:2rem; font-size:1.1rem; color:#632d37; text-align:left; float:left; overflow:hidden; }
.sy_ny_men_box dl.list i{ position:absolute; z-index:2; right:0px; bottom:0px; margin:0px; width:3.5rem; font-style:normal; }
.sy_ny_men_box dl.list i img{ width:100%; }


.sy_ny_search_box{ margin:0px 2.5% 0 2.5%; width:100%; background: #EED7D7; float:left; border-radius: 5px; }
.sy_ny_search_box .left_con{ margin:0px; width:150px; height:110px; background:url(../images/s_img.png) no-repeat left center; float:left; }
.sy_ny_search_box .mid_con{ margin:3px 0 0 10px; width:840px; float:left; }
.sy_ny_search_box .mid_con span{ margin:12px 0 0 25px; width:auto; line-height:34px; font-size:16px; color:#632d37; float:left; }
.sy_ny_search_box .mid_con i{ margin:12px 0 0 0; width:35px; line-height:34px; font-size:20px; color:#333; text-align:center; font-style:normal; float:left; }
.sy_ny_search_box .mid_con select{ margin:12px 0 0 0; padding:0 0 0 10px; width:195px; height:34px; line-height:34px; font-size:14px; color:#6f6f6f; background:#fff; border:none; float:left; }
.sy_ny_search_box .mid_con select.short{ width:80px; }
.sy_ny_search_box .rightcon{ margin:15px 25px 0 0; width:150px; height:80px; float:right; }
.sy_ny_search_box .rightcon input{ margin:0px; width:100%; height:80px; background:url(../images/s_sub.png) no-repeat; border:none; cursor:pointer; float:left; display:block; }


        .profile-container {
            max-width: 80%;
            margin: 0 auto;
            padding: 20px;
            border: 1px solid #ddd;
            border-radius: 5px;
            margin-top:150px;
        }
        .container {
            max-width: 80%;
            margin: 0 auto;
            padding: 20px;
        }
        .section {
            margin-bottom: 20px;
        }
        .section h2 {
            border-bottom: 1px solid #ddd;
        }
        .form-group {
            margin-bottom: 10px;
        }
        .form-group label {
            display: block;
            margin-bottom: 5px;
        }
        .form-group input,
        .form-group select,
        .form-group textarea {
            width: 100%;
            padding: 8px;
            border: 1px solid #ddd;
            border-radius: 4px;
        }
        .form-group textarea {
            height: 100px;
        }
        .form-group input[type="checkbox"],
        .form-group input[type="radio"] {
            width: auto;
        }