锘緻charset "utf-8"; /* CSS Document */ /* 鍒濆鍖朇SS */ html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img{margin:0; padding:0;} h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;} h3, h4{font-weight: bold;} fieldset, img{vertical-align:middle; border:none;} img{max-width: 100%;} address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;} ul, ol{list-style:none;} li{list-style-type:none;} select, input{vertical-align:middle;} select, input, textarea{font-size:12px; margin:0;outline-style:none;font-family:Arial, Helvetica, sans-serif;} input[type="button"]{cursor: pointer;} input{border: none;} textarea{resize:none;} input{outline: none;vertical-align: middle;border: none;} input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance: none; } input[type="checkbox"]{border-radius: 0;border-radius: 0;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;} input[type="radio"]{border-radius: 0;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;} textarea {-webkit-appearance: none;} input,textarea{-webkit-border-radius:none;} a,a:hover,a:active,a:visited,input{tap-highlight-color: rgba(0,0,0,0);focus-ring-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-focus-ring-color: rgba(0, 0, 0, 0);-moz-tap-highlight-color: rgba(0,0,0,0);-moz-focus-ring-color: rgba(0, 0, 0, 0);border: none;} body{color:#232323; font:12px Arial, Helvetica, sans-serif;background: #ffffff; font-family: "寰蒋闆呴粦";} a{color:#232323; text-decoration:none;outline: none;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} a:hover{color:#28964b;} a:visited;a:active{color:#232323;} .clearfix:after{content:"."; display:block; height:0; visibility:hidden; clear:both;} .clearfix{zoom:1;} .fl{float: left;} .fr{float: right;} .clear{clear: both;} /*filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6; cursor:pointer;*/ .swiper-container {width: 100%; height: 100%;height: 500px;} .swiper-container .swiper-slide { text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .swiper-container .swiper-slide{ background-repeat:no-repeat; background-size:cover; background-position:center;} .swiper-container .swiper-slide a{position: relative;display: block;width: 100%;height: 100%;} /*header*/ .header{position: relative;height: 50px;line-height: 50px;background: #282828;color: #fff;} .header a.logo{display: block;position: absolute;float: left;z-index:999;max-width: 200px;max-height: 80px;} .header a.logo img{width: 100%;height: 100%;} .header .menu{margin-left: 200px;} .header .menu li{float: left;width: 100px;} .header .menu li:nth-child(2n){background-color: #464646;} .header .menu li a{color: #fff;display:block;} .header .menu li a .cn{display: block;height: 50px;line-height: 50px;text-align: center;} .header .menu li a .en{display: none;height: 40px;padding: 5px 0;line-height: 20px;text-align: center; text-transform: uppercase;} .header .menu li a:hover .cn{display: none;} .header .menu li a:hover .en{display: block;background-color: #c8c8c8;color: #000;} .header .menu li a:hover{} .header .iMem{position: absolute;right:0;} .header .iMem span{float: right;display:inline-block;padding-left: 30px;background: url(../images/iMem.png) no-repeat left center; background-size:20px 18px;} .header .iMem span a{color: #fff;} .header .iMem a.iconMenu{display: none;float: right;margin-top: 8px;margin-right: 10px;position: relative;z-index:999;width: 30px;height: 30px;background:url(../images/iconMenu.svg) no-repeat;} .header .iMenu{display: none;position:absolute;display: none;z-index: 999;right: 0;top: 50px;} .header .iMenu li{width: 110px;} .header .iMenu li a{color: #fff;background: #282828;display: block;text-align: center;padding:0 10px;height: 40px;line-height: 40px;} .header .iMenu li:nth-child(2n) a{background-color: #464646;} .header .iMenu li a .cn{display: block;height: 40px;line-height: 40px;text-align: center;} .header .iMenu li a .en{display: none;height: 40px;line-height: 20px;text-align: center; text-transform: uppercase;} .header .iMenu li a:hover .cn{display: none;} .header .iMenu li a:hover .en{display: block;} /*inpart1*/ .inpart1{margin-top: 65px;height: 432px;} .inpart1 .inpart1L{position:relative;float: left;overflow:hidden;width: 20%;height: 100%;} .inpart1 .inpart1L i{ position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%; background-repeat: no-repeat;background-position: center;text-align: center;} .inpart1 .inpart1L:after{ display: block;padding-bottom: 30%;width: 0;content: "";} .inpart1 .inpart1L i:after {display: inline-block;width: 0;height: 100%;vertical-align: middle;content: "";} .inpart1 .inpart1L:after{padding-bottom:30%; content:"";} .inpart1 .inpart1L img{width: 100%;height: 100%;} .inpart1 .inpart1R{position: relative;float: right;width: 75%;margin-top: 30px;background: #ffd400;height: 402px;} .inpart1 .inpart1R .vedio{position: relative;float: left;margin-top: -30px;width: 62%;margin-left: 2%; height:100%;} .inpart1 .inpart1R .vedio img{width: 100%;height: 100%;} .inpart1 .inpart1R .word{float: right;width: 30%;padding-left: 3%;padding-right: 3%;} .inpart1 .inpart1R .word .wordCon{height:168px; overflow:auto;} .inpart1 .inpart1R .word h3{margin-top: 50px;margin-bottom: 25px;font-size: 18px;color: #333;} .inpart1 .inpart1R .word h3 a{color: #333;} .inpart1 .inpart1R .word p{color: #555;line-height: 24px;} .inpart1 .inpart1R .word a.more{margin-top: 25px;display: block;width: 98px;height: 28px;line-height: 28px;text-align: center;color: #87772b; border:1px solid #87772b;} .inpart1 .inpart1R .word a.more:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; cursor:pointer;} .inpart1 .about{display: none;text-align: center;font-size: 18px;} .inpart1 .about .en{text-transform: uppercase;text-align: center;font-size: 14px;} .inTit1{position: relative;width: 100%;margin-top: 65px;margin-bottom: 50px;height: 134px; background-repeat: no-repeat; background-position: top center; } .inTit2{position: relative;width: 100%;margin-top: 65px;margin-bottom: 30px;height: 134px; background-repeat: no-repeat;background-position: top center;} .inTit3{position: relative;width: 100%;height: 47px; background-repeat: no-repeat;background-position: top center; } .inCulture{position: relative;margin-top: 50px;height: 332px; background-repeat: no-repeat;background-image: url(../images/iqywh.jpg) ;background-position: top center; } .block{display: block;} /*鎺㈠鎴愰暱 鍒囨崲*/ .search-container{width:100%; height:412px;overflow: hidden;} .search-container .swiper-slide { text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .search-container .swiper-slide{ background-repeat:no-repeat; background-size:cover; background-position:center;} .search-container .swiper-wrapper{height: 88%;} .search-container .swiper-slide{position: relative;display: block;width: 100%;height: 100%;} .search-container .swiper-slide .fl{position: relative;width: 50%;height: 100%;} .search-container .swiper-slide .fr{padding: 0 7%;width:36%;text-align: left;height: 100%;overflow: hidden;} .search-container .swiper-slide .fl .box{position: absolute;left:0;top:0;width:86%;height: 277px;background: #ffd100;} .search-container .swiper-slide .fl .pic{position: relative;z-index:2;width: 95.6%;height: 93%;margin-top:4%;margin-left: 4.4%;background-repeat: no-repeat;background-size: cover;} .search-container .swiper-slide .fr .tit{position: relative;float: left;margin-top: 7%;font-size:20px;color: #333;padding-bottom: 22px; border-bottom:1px solid #b0b0b0;} .search-container .swiper-slide .fr .tit .bg{display:inline-block;margin:0 4px 0 2px;background:url(../images/EnBg.png) no-repeat;width: 16px;height: 20px;font-size: 14px;color: #fff;text-align: center; vertical-align: text-bottom;text-transform: uppercase;} .search-container .swiper-slide .fr .tit .en{font-size: 14px; text-transform:uppercase;} .search-container .swiper-slide .fr .f1{margin:25px 0;font-size: 14px;color: #444;font-weight: bold;} .search-container .swiper-slide .fr .wordCon{height: 216px;overflow: auto;} .search-container .swiper-slide .fr p{margin-bottom: 24px;line-height: 24px;font-size: 12px;color: #777;} .search-container .search-pagination{vertical-align:middle;text-align: center;padding:1% 0;} .search-container .swiper-pagination-bullet{margin:0 5px;width: 9px;height: 9px;background: url(../images/iDot.png) no-repeat ; border-radius:none;opacity: 1;} .search-container .swiper-pagination-bullet-active{background: url(../images/iDotHover.png) no-repeat ;} .mapSearch .goto{display:none;} /*ishop 缃戠粶鍟嗗煄 */ .ishopCon{width: 100%;height:240px;padding:30px 0;margin-top: 60px;background: #ffd100;} .ishop{width: 100%;height: 100%;margin-left: auto;margin-right: auto;background: #212121;text-align: center;} .ishop .tit{height: 46%; background-size: contain; background-repeat: no-repeat; background-position: top center;} .shopUl{width: 35%;margin-left: auto;margin-right: auto;text-align: center;} .shopUl a{display:inline-block;float: left;margin-bottom: 10px;margin-right: 1.3%;width: 32%;height: 38px;line-height: 38px;border:1px solid #8b8b8b;background: #212121;font-size: 14px;color: #dedede; box-sizing: border-box;} .shopUl a:hover{background: #ffd100;color: #212121;} /*copyRight*/ .copyRight{width: 100%;height: 54px;line-height: 54px;color: #626262;background: #212121; text-transform:uppercase;} .copyRight a{color: #626262} .copyRight a:hover{text-decoration: underline;} .copyRight img{vertical-align: text-bottom;} /*浜岀淮鐮?/ .bgEwm{position: absolute;top:3px;right:50px;width: 174px;height: 230px;background: #ffd100;} .topBg{position: relative;margin-top: -50px; background-repeat: no-repeat;height: 60px;} .ewm-container{margin-left: auto;margin-right: auto;width: 138px;height: 90%;overflow: hidden;background: #ffd100;} .ewm-container:hover{cursor: pointer;} .ewm-container .swiper-wrapper{height: 85%;} .ewm-container .ewm-pagination{height: 11%;padding:2% 0;text-align: center;} .ewm-container .ewm-pagination span{margin:0 5px;background: none;color: #444;} .ewm-container .ewm-pagination span.swiper-pagination-bullet-active{color: #fff;} .ewm-container .swiper-slide {overflow: hidden; text-align: center;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .ewm-container .swiper-slide{ background-repeat:no-repeat; background-size:cover; background-position:center;width: 100%;height: 100%;} .ewm-container .swiper-slide .name{background: #ffd100;font-size: 14px;color: #444;font-weight: bold;width: 100%;height:14%;padding: 3% 0;overflow: hidden;} .ewm-container .swiper-slide .ewmpic{position: relative;display: block; background-repeat:no-repeat;width: 100%;height: 80%;background:#ffd100;background-size: contain;} .ewm-container .swiper-slide{display: block;} .ewm-container .swiper-pagination-bullet {width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 12px;color: #000;opacity: 1;background: rgba(0,0,0,0.2);} .ewm-container .swiper-button-prev{top: 84%;;left: 20px;margin-top: 0;background:url(../images/btn.png) no-repeat 0 0;width: 17px;height: 13px;} .ewm-container .swiper-button-next{top: 84%;right: 20px;margin-top: 0;background:url(../images/btn.png) no-repeat -18px 0;width: 17px;height: 13px;} /*footer*/ .footer{position: relative;height: 205px;padding-top: 60px;} .footer .icontact{padding-top: 20px;float: left;background: url(../images/contactBg.png) repeat no-repeat;width: 211px;height: 101px;text-align: center;text-transform:uppercase;} .footer .icontact .f2{font-size: 26px;color: #212121;font-weight: bold;} .footer .icontact .Cf2{font-size: 26px;color: #212121;font-weight: bold;} .footer .tel{float: left;margin-right: 140px;margin-left: 20px; text-transform: uppercase;line-height: 25px;} .footer .tel .Ctel{} .footer .tel .box{display: block;width: 65px;height: 0px;border-bottom:0px solid #ababab;margin-bottom: 20px;} .footer .telNum{font-size: 26px;color: #212121;font-weight: bold;} .footer dl{float: left;margin-right: 40px;font-size: 14px;} .footer dl a{color: #212121;} .footer dl a:hover{text-decoration: underline;} .footer dl dt{font-weight: bold;height: 45px;line-height: 45px;} .footer dl dd{height: 30px;line-height: 30px;} .footer dl dd a{color: #6e6e6e;} .con1200{position: relative;width: 100%;height: 100%;margin-left: auto;margin-right: auto;} .nyCon{position: relative;width: 100%;height: 100%;margin-left: auto;margin-right: auto;} .nyCon img{max-width: 100%;} /*鍐呴〉*/ .nyBanner{position: relative;background-repeat:no-repeat;background-position: top center;height: 443px;background-size: 100% auto;} .ny{} .nyTit{margin:50px 0 15px;} .nyTit .cn{padding-bottom: 15px;font-size: 60px;font-weight: bold;text-align: center;background: url(../images/nyTitLine.jpg) no-repeat bottom center;} .nyTit .en{;height: 42px;line-height: 42px;text-align: center;text-transform: uppercase;color: #444;font-size: 10px;} .nyTit .en span{font-size: 12px;color: #333;font-weight: bold;} /*nyNav*/ .nyNav{position: relative;margin-left: auto;margin-right: auto;width: 100%;height: 100%;margin-bottom: 40px;text-align: center; } .nyNav a{padding:0.6% 3%;margin:0.7% 0.7%;display: inline-block;color: #000;text-align: center;border:1px solid #000000;font-size: 14px;} .nyNav a:hover{background: #212121;color: #fff;} .nyNav a.select{background: #212121;color: #fff;} /*p1*/ ul.p1 li{position: relative;margin-bottom: 77px;height: 360px;} ul.p1 li .boxL{float: left;position: relative;width: 50%;height: 100%;} ul.p1 li .boxR{float: right;padding: 0 7%;width:36%;text-align: left;height: 100%;overflow: hidden;} ul.p1 li.li01 .boxL{position: relative;float: left;position: relative;width: 50%;height: 100%;} ul.p1 li.li01 .boxR{position: relative;float: right;padding: 0 7%;width:36%;text-align: left;height: 100%;overflow: hidden;} ul.p1 li.li02 .boxL{float:right;position: relative;width: 50%;height: 100%;} ul.p1 li.li02 .boxR{float:left;padding: 0 7%;width:36%;text-align: left;height: 100%;overflow: hidden;} ul.p1 li .boxL .box{position: absolute;left:0;top:0;width:86%;height: 77%;background: #ffd100;} ul.p1 li .boxL .pic{position: relative;z-index:2;width: 96%;height: 96%;margin-top:4%;margin-left:4%;background-repeat: no-repeat;background-size: cover;} ul.p1 li .boxR .tit{position: relative;float: left;margin-top: 4%;font-size:20px;color: #333;padding-bottom: 22px; border-bottom:1px solid #b0b0b0;} ul.p1 li .boxR .tit .bg{display:inline-block;margin:0 4px 0 2px;background:url(../images/EnBg.png) no-repeat;width: 16px;height: 20px;font-size: 14px;color: #fff;text-align: center; vertical-align: text-bottom;text-transform:uppercase;} ul.p1 li .boxR .tit .en{font-size: 14px; text-transform:uppercase;} ul.p1 li .boxR .f1{margin:28px 0 16px;font-size: 14px;color: #444;} ul.p1 li .boxR .wordCon{height: 216px;overflow: auto;} ul.p1 li .boxR p{margin-bottom: 24px;line-height: 24px;font-size: 12px;color: #777;} /*p1-1*/ .p1-1Tit{position: relative;width: 100%;height: 94%;padding:0;margin-left: auto;margin-right: auto;margin-bottom: 20px;color: #222222;} .p1-1Tit .tit{margin-bottom: 5px;text-align: center;font-size: 20px;font-weight: bold;} .p1-1Tit .en{margin-bottom: 8px;font-size: 14px; text-transform: uppercase;text-align: center;} .p1-1Tit .bg{margin-bottom: 18px;background: url(../images/p1-1Bg.jpg) no-repeat top center;height: 38px;} .p1-1Tit p{line-height: 24px;text-align: center;font-size: 14px;height: 48px;overflow: hidden;} .p1-1P1{background: #ffd100;margin-bottom: 65px;padding:35px 2.5%;width: 95%;height:497px;} .p1-1P1 .pic{float: left;width: 39%;height: 100%; background-position:center; background-repeat: no-repeat; background-size: contain;} .p1-1P1 .pic img{width: 100%;height: 100%;} .p1-1P1 .vedio{float: left;width: 61%;height: 100%;} .p1-1P1 .vedio img{width: 100%;height: 100%;} ul.p1-1{padding:0 2.5%;width: 95%;} ul.p1-1 li{margin-bottom: 40px;height: 307px;} ul.p1-1 li.li01 .pic{float: left;} ul.p1-1 li.li01 .word{float: right;} ul.p1-1 li.li02 .pic{float: right;} ul.p1-1 li.li02 .word{float: left;} ul.p1-1 li .pic{background-repeat: no-repeat;width: 48%;height: 100%; background-position: center; } ul.p1-1 li .word{width: 43%;height: 100%;padding:0 2.5%;background: #f7f7f7;} ul.p1-1 li .word .tit{margin-top:35px;font-size: 36px;color: #222;text-transform: uppercase;font-weight: thin;} ul.p1-1 li .word .line{width: 120px;height: 10px;border-bottom:1px solid #000000;} ul.p1-1 li .word p{overflow: hidden;height: 168px;margin-top: 24px;line-height: 24px;text-indent: 2em;color: #555;} /*p1-2*/ ul.p1-2{margin: 0 auto;width: 75%;} ul.p1-2 li{padding:25px 0;color: #555;} ul.p1-2 li .fl{width: 28%;text-align: center;} ul.p1-2 li .fl .cn{font-size: 18px;line-height: 24px;font-weight: bold;} ul.p1-2 li .fl .en{margin-top: 5px;font-size: 14px;line-height: 20px;text-transform: uppercase;} ul.p1-2 li .wordCon{float: left;width: 65%;} ul.p1-2 li .wordCon .cn{font-size: 15px;line-height: 20px;} ul.p1-2 li .wordCon .en{margin-top: 5px;font-size: 12px;line-height: 20px;color: #999;text-transform: uppercase;word-break: break-word;} /*rootCon*/ .rootCon{position: relative;width: 98%;height: 92%;padding:1% 1%;margin-left: auto;margin-right: auto;background: #212121;color: #fff;} .rootCon .tit{margin-bottom: 15px;text-align: center;font-size: 24px;font-weight: bold;} .rootCon .bg{margin-bottom: 18px;background: url(../images/rootBg.png) no-repeat top center;height: 38px;} .rootCon p{line-height: 24px;text-align: center;font-size: 14px;height: 48px;overflow: hidden;} /*bgYellow*/ .bgYellow{background: #ffd619;padding:27px 0;} /*p3*/ ul.p3{margin:0 auto;width: 83%;} ul.p3 li{width: 100%;padding-bottom: 50px;height: 325px;margin-bottom: 50px;border-bottom: 1px solid #c4c4c4;} ul.p3 li .pic{position: relative;float: left;background-repeat: no-repeat;height: 100%;width: 58%; background-size:100% 100%;background-position: center;} ul.p3 li .pic a{display: block;width: 100%;height: 100%;} ul.p3 li .word{float: left;width: 32%;padding:0 5%;} ul.p3 li .word .tit{margin: 30px 0 15px;font-size: 18px;color: #212121;font-weight: bold;} ul.p3 li .word p{overflow: hidden;margin-bottom: 36px;height: 165px;line-height: 33px;color: #555;} ul.p3 li .word p span.f1{font-weight: bold;} ul.p3 li .word a.more{display:block;width: 108px;height: 30px;line-height: 30px;text-align: center;border-radius:2px;color: #555;border:1px solid #555555;} ul.p3 li .word a.more:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; cursor:pointer;} /*p3-2*/ .p3-2{} .p3-2 li{width: 43%;padding:20px 3%;background: #f4f4f4;} .p3-2 li:nth-child(2n+1){float: left;} .p3-2 li:nth-child(2n){float: right;} .p3-2 li:nth-child(4n-1){background: #fff;} .p3-2 li:nth-child(4n-2){background: #fff;} .p3-2 li .tit{overflow: hidden;height:58px;line-height: 58px;color: #212121;font-size: 18px;} .p3-2 li .time{overflow: hidden;float: left;padding:15px 0;color: #555;border-top:2px solid #000000;} .p3-2 li p{overflow: hidden;height: 72px;line-height: 24px;color: #555;} ul.p3-2 li a.more{display:block;margin-top: 25px;width: 108px;height: 30px;line-height: 30px;text-align: center;border-radius:2px;color: #555;border:1px solid #555555;} ul.p3-2 li a.more:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; cursor:pointer;} /*p4*/ ul.p4{margin-bottom: 88px;} ul.p4 li{} ul.p4 li .picwapper{} ul.p4 li .picwapper .pic{height: 558px;background-position: top center; background-repeat: no-repeat; background-size: contain;} ul.p4 li .word{position: relative;margin-top: 15px;} ul.p4 li .word .webShop{float: left;width: 20%;height: 69px;line-height: 69px;font-size: 24px;font-weight: bold;color: #000;} ul.p4 li .word i{float: left;display: block;width: 7%;background:url(../images/p4Icon.png) no-repeat left center;height: 69px;} ul.p4 li .word .fl{margin-top: 15px;width: 61%;} ul.p4 li .word .fl .bold{font-size: 18px;font-weight: bold;} ul.p4 li .word .fl .date{color: #212121;font-size: 14px;} ul.p4 li .word .fl .date span{font-weight: bold;} ul.p4 li .word a.goto{float: right;display: block;margin-top: 22px;width: 136px;height: 38px;line-height: 38px; background: #ffd619;border: 1px solid #e9c417;font-size: 14px;color: #1b1b1b;font-weight: bold;text-align: center; border-radius:2px;} /*p5*/ .swiper-P5container {position: relative; overflow: hidden;width: 100%; height: 100%;height:590px; } .swiper-P5container .swiper-wrapper{position: relative;height: 80%;} .swiper-P5container .swiper-slide {position: relative; box-sizing: border-box; overflow: hidden; text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .swiper-P5container .swiper-slide{ background-repeat:no-repeat; background-size:contain; background-position:center;} .swiper-P5container .swiper-slide a{position: relative;display: block;width: 100%;height: 100%;} .swiper-P5container .swiper-slide-active{ border:1px solid #bfbfbf;} .swiper-P5container .swiper-slide-prev{border:1px solid #bfbfbf;border-left:none;border-right:none;} .swiper-P5container .swiper-slide-next{border:1px solid #bfbfbf;border-left:none;border-right:none;} .swiper-P5pagination {vertical-align:middle;padding:1% 0;text-align: center;} .swiper-P5pagination .swiper-pagination-bullet{margin:0 5px;width: 9px;height: 9px;background: url(../images/proBtn.png) no-repeat; border-radius:none;opacity: 1;} .swiper-P5pagination .swiper-pagination-bullet-active{background: url(../images/proBtnHover.png) no-repeat;} /*p7*/ ul.p7{width: 67%;margin-left: auto;margin-right: auto;} ul.p7 li{position: relative;width: 100%;margin-bottom: 40px;padding:40px 0; } ul.p7 li .fl{margin-top: 25px;margin-left:5.5%;} ul.p7 li .fl .cn{font-size: 26px;} ul.p7 li .fl .en{font-size: 10px;text-transform: uppercase;} ul.p7 li p{overflow: hidden;height: 100px;margin-left: 11.6%;float: left;font-size: 14px;line-height: 100px;} ul.p7 li .icon{float: right;margin-right:7.7%;} ul.p7 li.li01 p{font-size: 26px;font-weight: bold;} ul.p7 li.li02 p{font-size:18px;font-weight: bold;} .bgMap{margin-left: auto;margin-right: auto;width: 67%;margin-bottom: 90px;height: 390px;/*background: url(../images/mapBg.jpg) no-repeat top center;*/} /*page*/ .page{margin:30px 0;text-align: center;} .page a{margin:0 3px;display: inline-block; border:1px solid #000000;width: 38px;height: 38px;text-align: center;line-height: 38px;color: #212121;} .page a.pre{background: url(../images/pre.jpg) no-repeat ;} .page a.next{background: url(../images/next.jpg) no-repeat ;} .page a:hover{background: #ffd619;} /*nyCon*/ .singleCon{position: relative; margin-bottom: 65px;border:1px solid #dfdfdf;width: 84%;padding:25px 7% 50px;min-height: 550px; margin-left:auto; margin-right:auto; } .singleCon img{display: inline-block;max-width: 100%;height: auto!important;} .singleCon h4{text-align: center;color: #444;font-size: 28px;} .singleCon .tip{margin-bottom: 60px;text-align: center;font-size: 14px;color: #999;margin-top: 13px;} .singleCon p{font-size: 14px;color: #777;line-height: 24px;margin-bottom: 24px;} .singleCon .singleBtn{margin-top:50px;text-align: center;} .singleCon .singleBtn a{margin:0 4px;padding:10px 28px;text-align: center;border:1px solid #acacac;color: #acacac;font-size: 14px;} /*mapSearch 20150923*/ /*.mapSearch{position: relative;z-index:1;width: 90%;position: relative;padding: 1% 5%;background: #f8f8f8;height: 27px;} .mapSearch .searchWord{float: left;margin-right: 2%;height: 25px;line-height: 25px;font-size: 14px;} .mapSearch .maptxt{float: left;width:440px;margin-right: 1%;height: 25px;border:1px solid #dcdcdc; } .mapSearch .mapSub{float:left;padding: 0;display: block;margin-top: 2px;width: 120px;height: 25px;line-height: 25px;border:1px solid #eac000;background: #ffd100;color: #444;text-align: center; border-radius:2px;font-size: 14px;} .mapSub2{display: none;padding: 0;margin-top: 2px;width: 120px;height: 25px;line-height: 25px;border:1px solid #eac000;background: #ffd100;color: #444;text-align: center; border-radius:2px;font-size: 14px;} .searchDown{position: relative;padding-top: 18px;margin-left: 146px;z-index:2;display: none;width:440px;background: #fff;} ul.area-level-tabs{margin-bottom: 15px;width: 150px;height: 30px;margin-left: auto;margin-right: auto;} ul.area-level-tabs li{float: left;display: block;margin: 0;padding: 7px 12px;border-radius: 3px; } ul.area-level-tabs li:hover{cursor: pointer;} ul.area-level-tabs li.current{cursor: default;background-color: #333; color: #ffffff;} ul.region-level-tabs{width: 100%;margin-left: auto;margin-right: auto;border-bottom: 1px solid #333;height: 34px;} ul.region-level-tabs li{float: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 33.3%;text-align: center;line-height: 32px;height: 34px;font-size: 13px;cursor: pointer;} ul.region-level-tabs li:hover{cursor: pointer;} ul.region-level-tabs li.current{ background-color: #333; color: #ffffff;} ul.regions{} ul.regions li{float: left; width: 25%; height: 27px; text-align: center; padding: 4px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: gray;} ul.regions li a {padding: 5px 10px; font-size: 13px;color: #333;} ul.regions li a:hover{cursor: pointer;background: #f2f2f2;} */ /*mapSearch*/ .mapSearch{position: relative;z-index:1;width: 90%;position: relative;padding: 1% 5%;background: #f8f8f8;height: 27px;} .mapSearch .searchWord{float: left;margin-right:21px;height: 25px;line-height: 25px;font-size: 14px;} .mapSearch .maptxt{display: block;float: left;width:430px;padding-left: 10px;margin-right: 1%;height: 25px;border:1px solid #dcdcdc; color:#aaaaaa;font-family: "寰蒋闆呴粦";} .mapSearch .maptxt:hover{cursor:pointer;} .mapSearch .mapselect{display: block;float: left; width:16%; height:26px; line-height:26px; margin-left: 10px;} .mapSearch .mapSub{float:left;padding: 0;display: block;width: 120px;height: 25px;line-height: 25px;border:1px solid #eac000;background: #ffd100;color: #444;text-align: center; border-radius:2px;font-size: 14px;font-family: "寰蒋闆呴粦";} .mapSub2{display: none;padding: 0;margin-top: 2px;width: 120px;height: 25px;line-height: 25px;border:1px solid #eac000;background: #ffd100;color: #444;text-align: center; border-radius:2px;font-size: 14px;} #allmap{ width:100%; height:500px;} .searchDown{position: absolute;padding-top: 18px;margin-left: 148px;z-index:2;display: none;width:440px;background: #fff; box-shadow: 0px 10px 10px rgba(0, 0, 0,0.3);} ul.area-level-tabs{margin-bottom: 15px;width: 150px;height: 30px;margin-left: auto;margin-right: auto;} ul.area-level-tabs li{float: left;display: block;margin: 0;padding: 7px 12px;border-radius: 3px; } ul.area-level-tabs li:hover{cursor: pointer;} ul.area-level-tabs li.current{cursor: default;background-color: #333; color: #ffffff;} ul.region-level-tabs{width: 100%;margin-left: auto;margin-right: auto;border-bottom: 1px solid #333;margin: 0 0 5px;height: 32px;} ul.region-level-tabs li{ float:left; width:33.33%; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-align: center;line-height: 32px;height: 32px;font-size: 13px;cursor: pointer;} ul.region-level-tabs li:nth-child(n+3){ display:none;} ul.region-level-tabs li:hover{cursor: pointer;} ul.region-level-tabs li.current{ background-color: #333; color: #ffffff;} ul.regions{margin: 10px auto 32px} ul.regions li{float: left; width: 25%; text-align: center;padding: 4px 0;height: 27px; line-height: 27px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: gray; cursor:pointer;} ul.regions li{ font-size: 13px;color: #333;} ul.regions li:hover{cursor: pointer;background: #f2f2f2;} ul.regions li.current{background-color: #333; color: #ffffff;} .singleCon1{ width: 96%; padding: 25px 2% 25px;min-height: 550px;} .tbHire{width: 100%;} .tbHire tr.tr1 td{height: 42px;background: #f5c400;color: #000;font-size: 14px;text-align: center;} .tbHire tr td{height: 52px;text-align: center;} .tbHire tr td.td1{width:24%} .tbHire tr td.td2{width:15%} .tbHire tr td.td3{width:8%} .tbHire tr td.td4{width:24%} .tbHire tr td.td5{width:9%} .tbHire tr td.td6{width:20%} .tbHire tr td a.on{color: #0eb3e2;} .tbHire tr td a:hover{color: #0eb3e2;} .hireTit{font-size: 18px;color: #000;font-weight: bold;height: 42px;line-height: 42px;background: #f5c400;} .hireCon{padding-left: 32px;} .hireCon p{ text-indent:0;margin-bottom: 30px;line-height: 30px;font-size: 14px;color: #555;} .hireCon p span{ color:#000000; } .hireMain{margin-top: 30px;margin-bottom: 30px;margin-left: 32px;} .hireCon h3{text-align:left;margin-bottom: 42px;font-size: 18px;color: #000;font-weight: normal;} .hireCon h4{text-align:left;margin-bottom: 5px;font-size: 14px;color: #000;font-weight: normal;} .hireSubmit{display:block;background:url(../images/shenqing.jpg) no-repeat;width:121px; height:37px;} .hireMain .fl{ text-indent:0;margin-right: 170px;line-height: 30px;font-size: 14px;color: #555;} @media screen and (min-width: 1201px) and (max-width: 1440px){ .nyBanner{height: 360px;} } @media (min-width: 1200px) { .swiper-container {height: 760px;} .con1200{width: 1200px;} .nyCon{width: 1200px;} .nyNav{width: 1200px;} .rootCon{width: 1200px;} .ishop{width: 1200px;} .imap{width: 1002px;} .swiper-P5container{height:590px; } } @media screen and (max-width: 1200px){ .header .menu li{width: 10%;} } @media only screen and (min-width: 1000px) and (max-width: 1199px) { .swiper-container {height:760px;} .nyBanner{height:443px;background-size: contain;margin-bottom: -210px;} .inCulture{ background-size: contain;height: 200px;margin-top: 0;} .inTit2{margin-top: 20px;} .imap{width: 1002px;} ul.p4 li .picwapper .pic{height: 500px; background-size:100% 100%;} ul.p4 li .word .fl{width: 40%;} ul.p4 li .word a.goto{margin-right: 10px;} ul.p4 li .word{} .swiper-P5container{width: 94%;margin-left: auto;margin-right: auto;} ul.p1-1 li .pic{width: 50%; background-size:cover ;} ul.p1-1 li .word{width: 45%;} } @media only screen and (min-width: 800px) and (max-width: 999px) { .swiper-container {height: 400px;} .nyBanner{height:300px;background-size: contain;margin-bottom: -120px;} .inpart1 {margin-top: 45px;} .inpart1 .inpart1R .vedio{margin-top: 0px;} .inCulture{ background-size: contain;height: 180px;margin-top: 0;} .inTit2{margin-top: 0px;margin-bottom: 10px;} .search-container .swiper-slide .fr .wordCon{overflow: auto;padding-bottom: 30px;} .bgEwm{top: -30px;} .footer .icontact{margin-left: 10px;} .copyRight{height: auto;line-height:normal; padding:15px 0;} .footer .tel{margin-right: 10px;} .footer dl{float:left;margin-right:15px;} .imap{margin-top: -30px;transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform:scale(0.8); -moz-transform:scale(0.8);-ms-transform: scale(0.8);} .imap .imap .imap_svg {transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform:scale(0.8); -moz-transform:scale(0.8);-ms-transform: scale(0.8);margin-left: auto;margin-right: auto;} .imap .mapSearch{right: 0;bottom: 0;transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform:scale(0.8); -moz-transform:scale(0.8);-ms-transform: scale(0.8);} .WmapSearch{display: block; font-family:"寰蒋闆呴粦";} .WmapSearch .tit{text-align: center;} .WmapSearch .inSub{margin-left: auto;margin-right: auto;} .imap .mapSearch{display: none;} .ishopCon{margin-top: 0;} ul.p1 li .boxL .pic{background-size: contain;} .nyTit .cn{font-size: 40px;} ul.p3 li{padding-bottom: 20px;margin-bottom: 30px;height: 250px;} ul.p3 li .pic{background-size:contain;} ul.p3 li .word .tit{margin: 0;} ul.p3 li .word p{margin-bottom: 10px;} .p3-2 li p{height: 96px;} ul.p7 li p{margin-left:2%;} ul.p7 li .icon{margin-right: 0;} ul.p4 li .picwapper .pic{height:430px; background-size:100% 100%;} ul.p4 li .word .fl{width: 40%;} ul.p4 li .word{margin-top: 10px;} ul.p4 li .word i{width: 9%;} ul.p4 li .word a.goto{margin-right: 10px;} .swiper-P5container{width: 94%;margin-left: auto;margin-right: auto;height: 500px;} .swiper-P5container .swiper-slide{background-size: contain;} ul.p1-1 li .word p{overflow: auto;} .p1-1P1 .pic{height: 85%;} .p1-1P1 .vedio{height: 85%;} .mapSearch{width: 98%;padding:1% 1%;} } @media (max-width: 799px) { .swiper-container{height: 300px;} .nyBanner{height:300px;background-size: contain;margin-bottom: -150px;} .search-container:hover{cursor: pointer;} .header .menu{display: none;} .header .menu li{float: none;} .header .iMem a.iconMenu{display: block; margin-right: 20px;} .header .iMem{} .header .iMem span{} .inCulture{ background-size: contain;height: 180px;margin-top: 0;} .inTit2{margin-top: -30px;margin-bottom: 10px;} .inpart1 {margin-top: 15px;} .inpart1 .inpart1L{display: none;} .inpart1 .inpart1R{width: 100%;margin-top: 15px;} .inpart1 .inpart1R .vedio{margin-top:0px;} .inpart1 .about{display: block;} .ishopCon{height: auto;} .ishop{padding:10px 0;} .shopUl a{width: 49%;margin-right: 1%;} .search-container .swiper-slide .fr .wordCon{overflow: auto;padding-bottom: 30px;} .ishopCon{padding:15px 0;} .bgEwm{position: relative;margin-left: auto;margin-right: auto;right: auto;top:auto;height: 220px;margin-top: 15px;} .topBg{display: none;} .ewm-container .ewm-pagination{display: none;} .ewm-container .swiper-button-prev{display: none;} .ewm-container .swiper-button-next{display: none;} .copyRight{height: auto;line-height:normal; padding:15px 0;} .footer{padding-top: 0;height: auto;} .topBg{margin-top: 15px;} .footer .icontact{float: none;width: 100%;height: 60px;background: none;margin-top:0px;padding-top: 25px;} .footer .tel{float: none;width: 100%;text-align: center;margin: 0;} .footer dl{float: none;display: none;width: 100%;text-align: center;} .footer .tel .box{display: none;} .search-container .swiper-slide{} .search-container .swiper-slide .fl{position: relative; float: none;width: 100%;margin-left: auto;margin-right: auto;height: 35%;} .search-container .swiper-slide .fl .box{display: none;} /*.search-container .swiper-slide .fl .pic{background-position: top center;margin: 0; background-size: contain;}*/ .search-container .swiper-slide .fl .pic{background-position: top center;margin: 0; background-size: contain;} .search-container .swiper-slide .fr{float: none;width:86%;height:65%;} .search-container .swiper-slide .fr .tit{margin-top: 0;} .search-container .swiper-slide .fr .f1{margin:10px 0;} .search-container .swiper-slide .fr p{margin-bottom: 5px;} .search-container .swiper-slide .fr .wordCon{height: 110px;overflow: auto;} /*.search-container .search-pagination{display: none;}*/ .ewm-container{height: 100%;} .ewm-container .swiper-wrapper{height: 80%;padding-top: 5%;} .ewm-container .swiper-slide .name{} .ewm-container .swiper-slide .ewmpic{} .imap{display: none;width:;transform: scale(0.6);-webkit-transform: scale(0.6);-moz-transform:scale(0.6); -moz-transform:scale(0.6);-ms-transform: scale(0.6);} .imap .imap .imap_svg {transform: scale(0.6);-webkit-transform: scale(0.6);-moz-transform:scale(0.6); -moz-transform:scale(0.6);-ms-transform: scale(0.6);margin-left: auto;margin-right: auto;} .imap .mapSearch{right: 0;bottom: 0;transform: scale(0.6);-webkit-transform: scale(0.6);-moz-transform:scale(0.6); -moz-transform:scale(0.6);-ms-transform: scale(0.6);} .WmapSearch{display: block;font-family:"寰蒋闆呴粦";} .WmapSearch .inSub{margin-left: auto;margin-right: auto;padding:8px 0;} .imap .mapSearch{display: none;} .ishopCon{margin-top: 0;} /*.imap{transform: scale(0.8);margin-left: auto;margin-right: auto;}*/ .WmapSearch .tit{text-align: center;} ul.p1 li{height: auto;margin-bottom: 30px;} ul.p1 li.li01 .boxL{float: none;width: 86%;padding:0 7%;height:300px;} ul.p1 li.li01 .boxR{float: none;width: 86%;height: 50%;} ul.p1 li.li02 .boxL{float: none;width: 86%;padding:0 7%;height: 300px;} ul.p1 li.li02 .boxR{float: none;width: 86%;height: 50%;} ul.p1 li .boxL .pic{margin-left: auto;margin-right: auto;margin-top: 0;width: 100%;height: 100%;background-position: top center;} ul.p1 li .boxL .pic{background-size: contain;} ul.p1 li .boxL .box{display: none;} ul.p1 li .boxR .tit{float: none;text-align: center;} ul.p1 li .boxR .f1{text-align: center; margin:15px 0 15px;} ul.p1 li .boxR .wordCon{margin-bottom: 10px;} .nyTit .cn{font-size: 30px;} ul.p3 li{padding-bottom: 20px;margin-bottom: 30px;height:auto;} ul.p3 li .pic{float: none;margin-bottom: -15px;margin-left: auto;margin-right: auto;width: 80%;height: 325px;background-size:contain;} ul.p3 li .word{float: none;width:80%;margin-left: auto;margin-right: auto;} ul.p3 li .word .tit{margin: 0;} ul.p3 li .word p{margin-bottom: 10px;} ul.p7 li p{overflow: auto;} ul.p7 li p{margin-left: 3%;} ul.p7 li .icon{position: absolute;margin-right: 0;right: 10px;width: 50px;height: 50px;top: 60px;} ul.p7 li .icon img{width: 100%;height: 100%;} ul.p7 li .fl .cn{font-size: 20px;} ul.p7 li.li01 p{font-size: 12px;} ul.p7 li.li02 p{font-size: 12px;} ul.p7 li.li03 p{font-size: 12px;} ul.p7 li.li04 p{font-size: 12px;} .rootCon p{width: 94%;padding:0 3%;} ul.p4 li .picwapper .pic{height: 400px; background-size:contain;} ul.p4 li .word i{width: 67px;height: 66px;margin-left: auto;margin-right: auto;} ul.p4 li .word .webShop{font-size: 18px;} ul.p4 li .word .fl{width: 40%;} ul.p4 li .word .fl .bold{font-size: 14px;} ul.p4 li .word .fl .date{font-size: 12px;} ul.p4 li .word a.goto{margin-top: 10px;margin-right: 10px;} ul.p4 li .word{margin-top: -35px;} .swiper-P5container{width: 94%;margin-left: auto;margin-right: auto;height: 400px;} .swiper-P5container .swiper-slide{background-size: contain;} ul.p1-1 li .word p{overflow: auto;} .p1-1P1 .pic{display: none;} .p1-1P1 .vedio{width: 100%;height:100%;} .p1-1P1{margin-bottom: 40px;} .mapSearch{padding:1% 3%;width: 94%;} .footer .icontact{height: 40px;} .footer .icontact .f2{font-size: 20px;} .footer .telNum{font-size: 20px;} .nyNav a{ width:30%; padding:10px 0; box-sizing:border-box;} .mapSearch{background: none;height: auto;} .mapSearch .searchWord{float: none;margin-left: auto;margin-right: auto;text-align: center;} .mapSearch .maptxt{float: none;margin-left: auto;margin-right: auto;} .mapSearch .mapselect{float: none;margin-top: 10px;margin-left: auto;margin-right: auto;display: block;padding: 0; width:35%;} .searchDown{position: relative;margin-top: 10px;margin-left: auto;margin-right: auto;} #allmap{height: 350px;} .footer .icontact .f2{display:none;} .footer .icontact .Cf3{display:none;} .footer .tel .Ctel{display:none;} } @media (max-width: 649px) { .header a.logo{width: auto;height: auto;} .nyBanner{height:250px;background-size: contain;margin-bottom: -150px;} .inpart1{ height:100%;} .inpart1 .inpart1R{height: 100%;} .inpart1 .inpart1R .vedio{float: none;width: 100%;margin: 0;} .inpart1 .inpart1R .word{float: none;width:94%;padding-bottom: 10px;} .inTit1{margin-top: 20px;margin-bottom: 30px;background-size: contain;} .inTit2{margin-top: 0px;} .inTit3{height: 47px;background-size: contain;} .inCulture{display:none;margin-top: 0;background-image: url(../images/inCulture2.jpg); background-size:contain;} .ishopCon{height: auto;} .ishop{padding:10px 0;} .shopUl{width: 60%;} .shopUl a{width: 100%;margin-right: 0;} .copyRight{height: auto;line-height:normal; padding:15px 0;} ul.p1 li.li01 .boxL{height: 250px;margin-bottom: -10px;} ul.p1 li.li02 .boxL{height: 250px;margin-bottom: -10px;} .bgYellow{height:auto;} .bgYellow p{height: 120px;} .nyTit .cn{font-size: 20px;} ul.p1-2 li{padding:10px;} ul.p1-2 li .wordCon .cn{line-height: 24px;font-size: 14px;} ul.p1-2 li .fl{float: none;width: 100%;margin: 0;font-size: 16px;line-height: 28px;} ul.p1-2 li .wordCon{float: none;width: 100%;text-align: center;font-size: 12px;} ul.p3 li{height: 560px;} ul.p3 li .pic{float: none;margin-bottom: 0px;margin-left: auto;margin-right: auto;width: 100%;height:52%;background-size:contain;} ul.p3 li .word{width: 100%;margin: 0;padding: 0;height: 48%;} ul.p3 li .word p{} .p3-2 li{width: 44%;padding:20px 3%;} ul.p7{width:90%;} ul.p7 li{padding:40px 2%;width: 96%;} ul.p7 li p{margin-left: 3%;} ul.p7 li .icon{position: relative;top:auto;right:auto;float: none;margin: 0;text-align: center;margin-left: auto;margin-right: auto;margin-top:5px;} ul.p7 li .fl{float: none;margin-top: 0;margin-left: auto;margin-right: auto;text-align: center;} ul.p7 li p{float: none;height: 24px;overflow: auto;margin-left: auto;margin-right: auto;text-align: center;line-height:24px;} ul.p4 li .picwapper .pic{height: 300px; background-size:contain;} ul.p4 li .word i{float: none;width: 67px;height: 66px;margin-left: auto;margin-right: auto;} ul.p4 li .word .webShop{float: none;width: 100%;height: 30px;line-height: 30px;font-size: 16px;text-align: center;} ul.p4 li .word .fl{float: none;width: 100%;margin-top: 5px;text-align: center;} ul.p4 li .word a.goto{float: none;margin-left: auto;margin-right: auto;} ul.p4 li .word{margin-top:0px;} .nyNav a{font-size: 12px; width:30%; padding:10px 0; box-sizing:border-box;} .swiper-P5container{width: 94%;margin-left: auto;margin-right: auto;height: 350px;} ul.p1-1 li{height: auto;margin-bottom: 0;margin-bottom: 10px;} ul.p1-1 li .word p{overflow: auto;} ul.p1-1 li .pic{float: none;width: 100%;height: 305px;} ul.p1-1 li .word{float: none;width: 95%;background: none;} ul.p1-1 li .word .tit{margin-top: 15px;font-size: 30px;} ul.p1-1 li .word p{height: 144px;overflow:auto;} .p1-1P1{padding: 25px 2.5%;height: 350px;} .mapSearch{background: none;height:auto;} .mapSearch .searchWord{float: none;margin: 0;padding: 0;text-align: center;width: 100%;} .mapSearch .maptxt{float: none;display: block;margin-left: auto;margin-right: auto;} .mapSearch .mapSub{display: none;} .searchDown{margin-left: auto;margin-right: auto;} .mapSub2{display: block;margin-left: auto;margin-right: auto;} .bgMap{width:90%;height: 300px;} .p1-1Tit .tit{font-size: 16px;} .rootCon .tit{font-size: 16px;} .singleCon h4{font-size: 16px;} .inpart1 .inpart1R .word .wordCon{ overflow:auto;} .mapSearch{background: none;height:auto;} .mapSearch .searchWord{float: none;margin: 0;padding: 0;text-align: center;width: 100%;} .mapSearch .maptxt{float: none;display: block;margin-left: auto;margin-right: auto;} .mapSearch .mapSub{display: none;} .searchDown{margin-left: auto;margin-right: auto;} #allmap{ margin-top:25px;height: 300px;} .mapSearch .mapselect{ margin-top:20px; width:45%;} .mapSearch .goto{display: block;width: 50px;height:80px;margin-left: auto;margin-right: auto; vertical-align: bottom;} .mapSearch .goto img{} .hireMain .fl{margin-right:0; float:none;} .hireMain {margin-left:0;} .hireCon{padding-left:0;} .tbHire tr td.td1{width:80%;} .tbHire tr td.td2{display:none;} .tbHire tr td.td3{display:none;} .tbHire tr td.td4{display:none;} .tbHire tr td.td5{display:none;} .tbHire tr td.td6{display:none;} } @media only screen and (min-width: 420px) and (max-width: 550px) { ul.p3 li{height: auto;} ul.p3 li .pic{height: 300px;margin-bottom:-25px ;} .p3-2 li .tit{text-align: center;} .p3-2 li .time{float: none;text-align: center;border:none;} ul.p3-2 li a.more{margin-left: auto;margin-right: auto;} .p3-2 li p{width: 94%;padding:0 3%;} .p3-2 li{float: none;width: 100%;padding:20px 0%;} .p3-2 li:nth-child(2n+1){float: none;background: none;} .p3-2 li:nth-child(2n){float: none;} .p3-2 li:nth-child(4n){} .p3-2 li:nth-child(4n-1){background:none;} .p3-2 li:nth-child(4n-2){background:#f4f4f4;} ul.p4 li .word{margin-top:-45px;} ul.p1-1 li .word .tit{margin-top: 15px;font-size: 25px;} ul.p1-1 li .word .line{width: 80px;} .bgMap{height: 250px;} .singleCon h4{font-size: 16px;} .singleCon p{font-size: 12px;} .mapSearch .maptxt{width:80%;} .searchDown{width:80%;} .mapSearch .mapselect{ width:40%;} .footer .icontact .f2{display:none;} .footer .icontact .Cf3{display:none;} .footer .tel .Ctel{display:none;} } @media (max-width: 420px) { .swiper-container {height: 200px;} .nyBanner{height:200px;margin-bottom: -150px;} .inCulture{ margin-top: 0; background-size:100%;} .inTit1{margin-bottom: 10px;margin-top: 10px;height: 80px;} .inTit2{margin-top:0px;margin-bottom: 15px; background-size:contain;height: 80px;} .footer{height:auto;padding:15px 0;} .footer .icontact{padding-top: 0;} ul.p1 li.li01 .boxL{margin-bottom: -60px;} ul.p1 li.li02 .boxL{margin-bottom: -60px;} .nyTit .cn{font-size:14px;} ul.p3 li{height: auto;padding: 0;padding-bottom: 20px;margin-bottom: 20px;} ul.p3 li .pic{height: 150px;background-size: 100% 100%;} .nyTit .en{width: 80%;margin-left: auto;margin-right: auto;line-height: 20px;height: auto;} .p3-2 li .tit{text-align: center;} .p3-2 li .time{float: none;text-align: center;border:none;} ul.p3-2 li a.more{margin-left: auto;margin-right: auto;} .p3-2 li p{width: 94%;padding:0 3%;height: 96px;overflow: auto;} .p3-2 li{float: none;width: 100%;padding:20px 0%;} .p3-2 li:nth-child(2n+1){float: none;background: none;} .p3-2 li:nth-child(2n){float: none;} .p3-2 li:nth-child(4n){} .p3-2 li:nth-child(4n-1){background:none;} .p3-2 li:nth-child(4n-2){background:#f4f4f4;} .p3-2 li .tit{height: 48px;line-height: 48px;} .p3-2 li .time{padding: 10px 0;} ul.p4 li .word{margin-top:-90px;} .nyNav a{ width:30%; padding:10px 0; box-sizing:border-box;} .swiper-P5container{width: 94%;margin-left: auto;margin-right: auto;height: 200px;} .swiper-P5container .swiper-slide{background-size: contain;} .swiper-P5container .swiper-P5pagination{padding: 3% 0;} ul.p1-1 li .word .tit{margin-top: 15px;font-size: 20px;} ul.p1-1 li .word .line{width: 60px;} ul.p1-1 li .pic{height: 250px; background-size: contain;} ul.p1-1 li .word .tit{margin-top: -20px;} .p1-1P1{padding: 10px 2.5%;height: 300px;} .bgMap{width: 94%;margin-left: auto;margin-right: auto;} ul.p7{width: 94%;} .rootCon .tit{font-size: 16px;} .singleCon1{padding-top:0;} .mapSearch .maptxt{width:90%;} .searchDown{width:90%;} .footer .icontact .f2{display:none;} .footer .icontact .Cf3{display:none;} .footer .tel .Ctel{display:none;} } @media (max-width: 320px) { ul.p7{width: 94%;} .bgMap{width: 94%;margin-left: auto;margin-right: auto;} ul.p7 li{overflow: hidden;padding:10px 2%;} ul.p7 li .fl{margin-top: 10px;} ul.p7 li p{font-size: 12px;} ul.p7 li.li01 p{line-height: 20px;font-weight: normal;font-size: 12px;} ul.p7 li.li02 p{line-height: 20px;font-weight: normal;font-size: 12px;} ul.p7 li.li03 p{line-height: 20px;font-weight: normal;font-size: 12px;} ul.p7 li.li04 p{line-height: 20px;font-weight: normal;font-size: 12px;} .inpart1{margin-top: 25px;} ul.p4 li .word{margin-top:-130px;} ul.p1-1 {margin-top: -40px;} ul.p1-1 li{position: relative;} ul.p1-1 li .word .tit{margin-top: -30px;} ul.p1-1 li .word p{height: 120px;} .p1-1Tit .tit{font-size: 14px;} .p1-1Tit .en{font-size: 13px;} .rootCon .tit{font-size: 16px;} .rootCon p{font-size: 12px;} .bgMap{height: 150px;} .footer .icontact .f2{display:none;} .footer .icontact .Cf3{display:none;} .footer .tel .Ctel{display:none;} } /*2020.5.6鐗硅鐢虫槑鍥剧墖*/ .txsm-pic{z-index: 1;position: absolute;left: 50%;top: 100px;margin-left: -640px;} .txsm-pic img{width: 160px;} @media screen and (max-width: 1200px){ .txsm-pic{left: 0;margin-left: 0;} .txsm-pic img{width: 88px;} } @media screen and (max-width: 768px){ .txsm-pic{top: 65px;} .txsm-pic img{width: 50px;} } /*2024.3.6淇敼鎰忚鍑藉浘鐗?/ .xgyjh-pic{z-index: 1;position: absolute;left: 50%;top: 280px;margin-left: -640px;} .xgyjh-pic img{width: 160px;} @media screen and (max-width: 1024px){ .xgyjh-pic{left: 0;top: 125px;margin-left: 0;} .xgyjh-pic img{width: 88px;} }