.bxs{overflow: hidden;} .com-img{overflow:hidden;} .com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;} .com-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);} .wh1250{max-width:1250px;margin:0 auto;padding:0 15px;} .wh1368{max-width:1368px;margin:0 auto;padding:0 15px;} .whf1440{max-width:1470px;margin:0 auto;padding:0 15px;} .wh1520{max-width:1520px;margin:0 auto;padding:0 15px;} .max1630{ max-width: 1615px; padding-left: 15px; padding-right: 15px; margin: 0 auto; } .max1585{ max-width: 1615px; padding-left: 15px; padding-right: 15px; margin: 0 auto; } .max1566{ max-width: 1596px; padding-left: 15px; padding-right: 15px; margin: 0 auto; } .max1700{ max-width: 1730px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } .flex_11{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} .flex_22{ display: flex; flex-wrap: wrap; justify-content: center;} .flex_33{ display: flex; flex-wrap: wrap; justify-content: space-between;} .flex-cc{display: flex;align-items: center;justify-content: space-between;} .flexed { display: flex; justify-content: space-between; flex-wrap: nowrap; display: -webkit-flex; } .flexs{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } /*澶撮儴鏍峰紡*/ .top_head{position: absolute;width: 100%;top: 0px;z-index: 999;padding: 20px 0;} .tp_phone{display:block;width: 31px;height: 31px;background: url(//cdn.myxypt.com/574f880f/23/01/f6331c9bce8f78cf8233ad446cc2006f43033fbd.png) no-repeat center;margin-left: 2.0416vw;} /* top_ss */ .top_ss {width: 35px;height: 35px;position: relative;display: flex;align-items: center;justify-content: center;} .top_ss .ss_btn {width: 35px;height: 35px;background: url(//cdn.myxypt.com/574f880f/22/12/c94e1cdc1ac3e89f8413899e278d316524cfcac7.png) no-repeat center;cursor: pointer;} .top_ss #formsearch {position: absolute;top: 45px;right: 0px;z-index: 9999;width: 200px;display: none;background: #f2f2f2;} .top_ss #formsearch #s_btn {float: left;outline: none;border: none;width: 35px;height: 30px;font-size: 0;background-color: transparent;background-repeat: no-repeat;background-image: url(//cdn.myxypt.com/19a72a49/22/02/d361eebbe300be32588323061960f488837223d4.png);background-position: 0 -210px;} .top_ss #formsearch #keyword {float: left;background: none;outline: none;border: none;width: calc(100% - 35px);color: rgba(0, 0, 0, 0.8);margin-top: 0px;height: 30px;padding-left: 10px;font-size: 14px;} /* 褰撳墠棣栭〉 */ .zbt23{color:#999999;font-size: 14px;line-height: 55px;border-bottom: 1px solid #e6e6e6;} .zbt23 a{color:#999999;font-size: 14px;} .zbt23 img{margin-top: -6px;} /* 23鑱旂郴鎴戜滑 */ .h23_box1{margin-top: 50px;} .lx_23{width: 32%;} .lx_23 h2{ font-size: 30px; font-weight: 600; line-height: 32px; letter-spacing: 0px; color: #333333;} .lx_23 h3{ font-size: 16px; font-weight: 400; line-height: 32px; letter-spacing: 0px; color: #666666;margin-top: 10px;} .tel_23{background:url(//cdn.myxypt.com/574f880f/23/07/a9309786b40ae8fd95d14fbae20bd93cfbd19644.png) no-repeat center left;padding: 5px 0;padding-left: 55px;margin-top: 38px;} .tel_23 p:nth-child(1){ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 25px; letter-spacing: 0px; color: #333333;} .tel_23 p:nth-child(2){ font-size: 24px; font-weight: normal; font-stretch: normal; line-height: 25px; letter-spacing: 0px; color: #333333;} .dh_23{margin-top: 38px; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 44px; letter-spacing: 0px; color: #333333;} .dh_23 p{padding-left: 30px;line-height: 44px; letter-spacing: 0px; color: #333333;} .dh_23 p:nth-child(1){background:url(//cdn.myxypt.com/574f880f/23/07/326788035691db58f93df07881fc6e499d119f20.png) no-repeat left 50%;} .dh_23 p:nth-child(2){background:url(//cdn.myxypt.com/574f880f/23/07/7ab2e96ccdbe6be683ec25fbc89691b7e8e8f38e.png) no-repeat left 50%;} .dh_23 p:nth-child(3){background:url(//cdn.myxypt.com/574f880f/23/07/ecfe77f123cf9ace29a6fa17f9c667c858ec39a0.png) no-repeat left 50%;} .wm23{margin-top: 2.5vw;} .wm23 img{max-width: 100%;} .mess_23{width: 44%;box-shadow: 0 0 10px #999;border-bottom: 6px solid #16599c;padding: 30px;} .mess_23 h2{ font-size: 22px; font-weight: normal; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #333333;} .mess_23 h3{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #666666;} .x-message2{margin-top: 20px;} .x-message2-wrap .row { margin-left: -5px; font-size: 0; margin-right: -5px; } .x-message2-wrap div[class^='col-'] { padding-left: 5px; padding-right: 5px; position: relative; } .x-message2-wrap input[type='text'], .x-message2-wrap textarea { width: 100%; height: 62px; padding: 0 10px; font-size: 14px; color:#999999; background:none; outline: none; margin-bottom: 10px;border: none; border-bottom: 1px solid #dee0e2; } .x-message2-wrap input[type='text']::-webkit-input-placeholder, .x-message2-wrap textarea::-webkit-input-placeholder { color:#999999 } .x-message2-wrap input[type='text']::-moz-placeholder, .x-message2-wrap textarea::-moz-placeholder { color:#999999 } .x-message2-wrap input[type='text']::-ms-input-placeholder, .x-message2-wrap textarea::-ms-input-placeholder { color:#999999 } .x-message2-wrap input[type='text']::placeholder, .x-message2-wrap textarea::placeholder { color:#999999 } .x-message2-wrap textarea { padding-top: 5px; height: 62px; resize: none; } .x-message2-wrap #checkcode { float: left; width: 32.29813665%; margin-bottom: 0; } .x-message2-wrap .checkCodeImg { float: left; display: block; text-align: center; width: 17.39130435%; height: 62px; font-size: 0; background: #e7e4e4; padding:0px; } .x-message2-wrap .checkCodeImg img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; } .x-message2-wrap .checkCodeImg:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; } .x-message2-wrap .checkCodeImg img { cursor: pointer; } .x-message2-wrap .x-submit { width: 100%; height: 62px; background: #16599c; color: #fff; font-size: 14px; border: none; outline: none; -webkit-transition: all .5s ease; transition: all .5s ease; margin-top: 17px; } .x-message2-wrap .x-submit:hover { background: #16599c; } .x-message2-wrap .form-control{border-radius: 0px;border-top: none!important; box-shadow: inset 0 1px 1px rgba(255,255,255,1); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} .x-message2-wrap #checkcode{border-top:none} .shengm{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 32px; letter-spacing: 0px; color: #666666;margin-top: 20px;} .shengm span{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 32px; letter-spacing: 0px; color: #666666;} .ming{ font-size: 12px; font-weight: normal; font-stretch: normal; line-height: 20px; letter-spacing: 0px; color: #999999;margin-top: 8px;} .map23{width: 100%;margin:0 auto;margin-top: 80px;margin-bottom: 60px;} .map23 img{width: 100%;} /* 鎵嬫満鏍峰紡 */ @media (max-width: 990px) { .x-message2-wrap { margin-left: 0; margin-right: 0; } .x-message2-wrap #checkcode { width: 65%; } .x-message2-wrap .checkCodeImg { width: 35%; } .x-message2-wrap .x-submit { float: none; margin-top: 10px; width: 100%; } } /* 濯掍綋鏌ヨ */ @media (max-width: 1280px) { .lx_23 h2{ font-size: 25px; font-weight: 600; line-height: 32px; letter-spacing: 0px; color: #333333;} .lx_23 h3{ font-size: 15px; font-weight: 400; line-height: 30px; letter-spacing: 0px; color: #666666;margin-top: 10px;} .mess_23{width: 56%;box-shadow: 0 0 10px #999;border-bottom: 6px solid #16599c;padding: 30px;} } @media(max-width: 768px){ .d_n2{position: absolute;width: 100%;left:0px;bottom:20px;text-align: center;} } @media(max-width: 768px){ .h23_box1{margin-top: 30px;} .lx_23{width: 100%;} .mess_23{width: 100%;box-shadow: 0 0 10px #999;border-bottom: 6px solid #16599c;padding: 15px;margin-top: 40px;} .dh_23{margin-top: 38px; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 34px; letter-spacing: 0px; color: #333333;} .dh_23 p{padding-left: 30px;line-height: 34px; letter-spacing: 0px; color: #333333;} .mess_23 h2{ font-size: 20px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #333333;} .mess_23 h3{ font-size: 15px; font-weight: normal; font-stretch: normal; line-height: 25px; letter-spacing: 0px; color: #666666;margin-top: 8px;} .x-message2-wrap input[type='text'], .x-message2-wrap textarea { width: 100%; height: 42px; padding: 0 10px; font-size: 14px; color:#999999; background:none; outline: none; margin-bottom: 10px;border: none; border-bottom: 1px solid #dee0e2; } .x-message2-wrap .checkCodeImg { float: left; display: block; text-align: center; height: 42px; font-size: 0; background: #e7e4e4; padding:0px; } .x-message2-wrap .x-submit { height: 42px; background: #16599c; color: #fff; font-size: 14px; border: none; outline: none; -webkit-transition: all .5s ease; transition: all .5s ease; } } /* 濯掍綋鏌ヨ */ @media(max-width: 1500px){ .qul li p{padding: 35px 25px 50px 20px ;} } @media(max-width: 1380px){ .qul li p{font-size: 15px;line-height:28px ;} } @media(max-width: 1300px){ .qul li p{padding: 35px 25px 38px 20px ;} .qul li h3{margin-bottom: 20px;} } @media(max-width: 1200px){ .acon2{line-height: 30px;} .qul li p{font-size: 14px;line-height:24px ;} .nybt2 p{font-size: 30px;} .sright p{line-height: 30px;} } @media(max-width: 1024px){ .sbtt span{font-size: 42px;} .szgd li p{font-size: 14px;margin-top: 5px;} .acon2{font-weight: normal;line-height: 28px;} .szgd li sup{top: -30px;} .qul li p{padding: 26px 16px 30px 16px;} .qul li h3{font-size: 24px;} .sright p{font-size: 14px;line-height: 26px;} } @media(max-width: 768px){ .jbox1{margin: 30px 0;} .aleft1 h3,.nybt2 h3{font-size: 24px;} .aleft1,.szgd{width: 100%;float: none;} .acon2{margin-top: 20px;font-size: 14px;line-height: 24px;} .szgd{margin-top: 30px;} .nybt2 h3{margin-bottom: 17px;} .qul li{width: 49%;background: none;} .qul li h3{margin-bottom: 0;} .qiye li dd{margin: 10px 0;font-size: 18px;} .nybt2 p{font-size: 24px;} } @media(max-width: 640px){ .aleft1 h3,.nybt2 h3{font-size: 20px;text-align: center;} .xx{margin: 0 auto;} .szgd li{padding-bottom: 20px;margin-bottom: 20px;} .sbtt span{font-size: 35px;} .szgd li sup{top: -20px;} .qul li h3{font-size: 18px;} .qul li p{padding: 15px 5px;font-size: 12px;line-height: 20px;} .jbox3{padding: 30px 0;} .nybt2 p{font-size: 15px;} .qiye li{width: 48%;margin-bottom: 15px;} .qiye li dd{font-size: 16px;} .qiye li dt{font-size: 12px;} .aa .img{width: 100%;margin-bottom: 20px;} .sright{width: 100%;padding-right: 0;} .sright p{margin-top: 10px;} .jbox4{padding-top: 20px;} } /* foot */ .ft_layout{position: relative;background: #323536;} .ftt_top{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 6.25vw;padding-bottom: 3.125vw;} .ftt_aa{position: relative;width: 295px;} .ftt_phone1{position: relative;padding-right: 55px;border-bottom: 1px solid #747677;padding-bottom: 15px;margin-bottom: 20px;background: url(//cdn.myxypt.com/574f880f/23/01/150ce7b7bbd94e9308d011dd1f3200ec44f0cef9.png) no-repeat right center;} .ftt_phone1 span{display: block;font-size: 14px;color: rgba(255, 255, 255, 0.4);margin-bottom: 5px;} .ftt_phone1 h3{font-family: "Arial";font-size: 30px;color: #fff;font-weight: bold;} .ftt_phone2{margin-bottom: 2.083vw;font-size: 14px;color: rgba(255, 255, 255, 0.4);line-height: 1.7;} .ftt_phone3{position: relative;width: 120px;text-align: center;margin-bottom: 20px;} .ftt_phone3 img{max-width: 120px;} .ftt_phone3 p{font-size: 14px;color: rgba(255, 255, 255, 0.4);line-height: 40px;font-weight: bold;} .x-layout-menu{ width: 800px; position: relative; display: flex; justify-content: space-between; } .x-layout-menu dl { position: relative; float: left; } .x-layout-menu dl dt { font-size: 16px; font-weight: normal; margin-bottom: 15px; color: #c7c7c7; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .x-layout-menu dl dd a { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.2); line-height: 2.2; } .x-layout-menu dl dd a:hover{ color: rgba(255, 255, 255, 1); } /* link_ft */ .link_ft{position: relative;padding-bottom: 10px;border-bottom: 1px solid rgba(255, 255, 255, 0.3);font-size: 18px;color: rgba(255, 255, 255, 0.4);margin-bottom: 10px;} .link_ft a{font-size: 18px;color: rgba(255, 255, 255, 0.4);} .link_ft a:hover{color: #fff;} /* ft_bom */ .ft_bom{position: relative;display: flex;justify-content: space-between;padding: 2.60416vw 0;font-size: 14px;color: rgba(255, 255, 255, 0.4);line-height: 1.7;flex-wrap: wrap;} .ft_bom a{font-size: 14px;color: rgba(255, 255, 255, 0.4);} .ft_bom a:hover{color: #fff;} .ftt_share{position: relative;margin-bottom: 20px;} .ftt_share ul{display: flex;align-items: center;} .ftt_share ul li{position: relative;margin-right: 22px;padding-left: 25px;} .ftt_share ul li:nth-child(1){background: url(//cdn.myxypt.com/574f880f/22/12/b98badb3f28403e13d3037d0c2c1a143312935a4.png) no-repeat left center;} .ftt_share ul li:nth-child(2){background: url(//cdn.myxypt.com/574f880f/22/12/2251d4bddbeb7116973d9a269a0e05bf67336e87.png) no-repeat left center;} .ftt_share ul li:nth-child(3){background: url(//cdn.myxypt.com/574f880f/22/12/6fa941aa9d6b7bd5309eb448af42db801c060ce6.png) no-repeat left center;} .ftt_copy{text-align: right;} @media (max-width: 992px){ .ftt_share{width: 100%;} .ftt_copy{text-align: left;} .map23{margin:0 auto;text-align: center;margin-top:20px;margin-bottom: 20px;} }