*{ margin:0px; padding:0px;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
html {
    font-size: 12pt;
    font-size: 75%;
}
body{ margin:0 auto; font-size:13px; font-family:"微软雅黑"; font-size: 12pt;
    font-size: 1.2rem;}
ul, li, ol { list-style:none; padding:0px; margin:0px; width:100%;}
.clwi100{ clear:both; width:100%;}
.jianrong{ clear:both; width:100%; height:0px; overflow:hidden;}
.mainw{ margin:0 auto; width:1200px; height:auto; overflow-x: hidden;}
.mainw1{ margin:0 auto; width:1100px; height:auto; overflow-x: hidden;}
.mainw2{ margin:0 auto; width:1000px; height:auto; overflow-x: hidden;}
.mainw9{ margin:0 auto; width:900px; height:auto; overflow-x: hidden;}
.mainw3{ margin:0 auto; width:860px; height:auto; overflow-x: hidden;}
.mainw4{ margin:0 auto; width:750px; height:auto; overflow-x: hidden;}
.mainw6{ margin:0 auto; width:600px; height:auto; overflow-x: hidden;}
.mainw7{ margin:0 auto; width:700px; height:auto; overflow-x: hidden;}
div { word-break: break-all;}
.headernav{
    display: block;word-break: break-all;display: table; padding-top:30px; padding-bottom: 30px;
}
.headernav:before{display: table;content: "";}
.logo{width:9%; max-width: 166px; float: left; margin-left:4%;}
.logo img{width:90%;max-width:450px; float: left;}
.tel{width:25%; float:right;  }
.tel:before{ content: " ";}
.tel img{width:20%;max-width:65px; float: left; margin-right:20px; margin-top:20px;}
.tel p{ padding-top: 10px; float: left; background-color: aquamarine; width: auto; }
.tel h4{font-weight:500; font-size:1.6rem;}
.tel h2{ color:#f8b42b; font-weight:600; font-size:2rem;}

.menuMain{clear: both; height: auto; margin-top:1px;}
.menuMain .menubg{z-index: 1; bottom: 0px; left: 0px;} /*background-color: #20517a; height:60px;*/
.menuMain .menuPannel{z-index:100; display: flex;flex-wrap: wrap;}
.menuMain .menuPannel .divl,.menuMain .menuPannel .divr{float: left; width:5%; overflow: hidden;}

.menuMain .menuPannel .divl::after{
    content:" "; width:100%;
    height:0%;
    border-bottom:80px solid #153453;
    border-left:40px solid transparent; display: block; float: left;
    }
    .menuMain .menuPannel .divr::before{
        content:" "; width:100%;
        height:0%;
        border-top:80px solid #153453;
        border-right:40px solid transparent; display: block; float: right;
        }
.menuMain .menuPannel .divc{ width:80%; background-color: #153453;height:80px;float: left; }
.menuMain .menuPannel .divc ul{ width: 100%; margin-top:20px;}
.menuMain .menuPannel .divc ul li{ width:auto;  color: white; float: left; text-align: center; padding:5px 33px; border-left: 3px solid white;}
.menuMain .menuPannel .divc ul li a{color: white; text-transform: none; font-size:2.2rem; font-weight: 500;}
.menuMain .menuPannel .divc ul li a:hover{color: #fdc816;}
.menuMain .menuPannel .divc ul li:first-child{  border:none; padding-left:20px;}
.menuMain .menuPannel .divc ul li:last-child{  padding-right:0px;}
.menuMain .menuPannel .divc ul li.active a{color: #fdc816;}

/*
.menuMain .menuPannel::before{content:" "; width: 0;
        height: 0;
        border-bottom:70px solid #153453;
        border-left:70px solid transparent;
        position:absolute; top: 0px; left: 0px;
    }
display: flex;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content:center; align-items:left;*/

.brannerPannel{ text-align: center; z-index: 90; position: relative; z-index: 90;}
.brannerPannel img{ width: 100%; max-width: 1920px;}
.brannermain{overflow:hidden;}
.brannermain .inmain {margin: 0px auto; width:100%; max-height:700px; text-align: center; position: relative;}
.brannermain .inmain div{width:100%; background-position: center center; background-repeat:no-repeat;}
.brannermain .inmain div img{width:1920px; max-width:100% ; max-height:700px; border:none;}
.brannermain .inmain div a{ margin:0 auto; display:block;height:0px;}
/*.brannermain .pa {display: none; margin: -70px auto 0px; padding: 0px; left: 0px; width: 100%; height:43px; right: 0px; position: absolute; z-index: 100;}

.brannermain .pas{margin: 0px auto; padding: 0px; width:1000px; height: 43px; overflow: hidden;}
.brannermain #pager {margin: 0px auto; padding: 18px 0px 0px 10px; border: 0px solid rgb(204, 204, 204); width:150px; height: 43px; z-index: 200;}
.brannermain #pager ul li {float: left;}
.brannermain #arror {margin: 0px auto; top: -270px; width: 950px; text-align: center; position: relative; z-index: 10000; cursor: pointer;}
.brannermain #arror a {width: 57px; height: 57px; display: block; cursor: pointer;}*/

.brannermain .pa { margin: -70px auto 0px; padding: 0px; left: 0px; width: 100%; height:43px; right: 0px; position: absolute; z-index: 100;}
.brannermain .pas{margin: 0px auto; padding: 0px; width:1000px; height: 43px; overflow: hidden;}
.brannermain #pager {margin: 0px auto; padding: 18px 0px 0px 10px; border: 0px solid rgb(204, 204, 204); width:150px; height: 43px; z-index: 200;}
.brannermain #pager ul li {float: left;}
.brannermain #pager a {background: url("../Img/icon_banner.png") no-repeat -20px 0px; width:12px; height:13px; text-indent: -9999px; margin-right: 10px; float: left; display: inline-block; cursor: pointer;}
.brannermain #pager a:hover {background: url("../Img/icon_banner.png") no-repeat 0px 0px;}
.brannermain #pager a.activeSlide {background: url("../Img/icon_banner.png") no-repeat 0px 0px;}
.brannermain #arror {margin: 0px auto; top: -270px; width: 950px; text-align: center; position: relative; z-index: 10000; cursor: pointer;}
.brannermain #arror a {width: 57px; height: 57px; display: block; cursor: pointer;}



.titlePannelbg{background: url(../Img/pro22.png) no-repeat left bottom ; background-size:20%;}
.titlePannel{ text-align: center; padding:0% 0% 0px 0%; margin-top:3.5%;}
.titlePannel .img1{width:50%; max-width:450px;}
.titlePannel .line{ position: absolute; width:60%; left:20%; top:30%; height: 1px; border-top:#a8a9aa 2px solid;}
.titlePannel .imgPanel{ overflow: hidden; text-align:center; position: relative; margin-left: auto; margin-right: auto; background-color: #ffffff; width:35%;}
.titlePannel .imgPanel img{ max-width:240px;width:80%;margin-left: auto; margin-right: auto; padding-bottom:9%;}
.titlePannel .imggign{position: absolute; width:50%; left:24%;  margin-left: auto; margin-right: auto; bottom:-15%; text-align: center;}
.titlePannel .imggign img{max-width:35px;}

.titlePannel .imgff{width:50%; max-width:450px;}
.titleSubPannel{ text-align: center; padding:.7% 0px 1% 0px; background: url(../Img/joinus19.png) repeat-y center center; background-size:80%;}


.effectPannela{}
.effectPannela .effectatitle{ text-align: center; padding-top:2.4rem }
.effectPannela .effectatitle p.pa{ text-transform: uppercase; font-size:1.8rem; font-family: Arial, Helvetica, sans-serif; text-align: center; color: #b76227}
.effectPannela .effectatitle p.pa img{ margin-right: 0.4rem;}
.effectPannela .effectatitle h1{ color: #a67c3d; padding-top:0.6rem; padding-bottom:0.5rem; letter-spacing: 0.11rem;}
.effectPannela .effectatitle h5{color: #666666; font-weight: 400; font-size: 1.08rem;padding-bottom:1rem; text-transform: Capitalize;}
.effectPannela .effectatitle h2{color: #666666; font-weight: 400; font-size: 1.55rem;padding-bottom:1rem;}


.effectPannela .effectamain{ margin-top:2rem; margin-bottom: 4.5rem;}
.effectPannela .effectamain ul li{ cursor:pointer; overflow: hidden; background-color: #bc8000; width:24.99%; text-align: center; position: relative; float: left; padding-bottom:3%;}
.effectPannela .effectamain ul li .sign{ width:100%;  margin-left: auto; margin-right: auto; border:none; text-align: center; display: flex; align-items: center;  text-align: center;}
.effectPannela .effectamain ul li .sign img{ text-align: center; margin-left: auto; margin-right: auto;width:100%}
.effectPannela .effectamain ul li .line{margin-left: auto; margin-right: auto; height: 3px; width:10%; background-color: #a27540; margin-top:2rem; display: flex; align-items: center;}
.effectPannela .effectamain ul li .conremark{ width: 100%; left: 0px;height:13.7%;position: absolute;align-items: center; vertical-align: middle; line-height:2.4rem; font-size:2rem; font-weight: bold; color: #ffffff; text-align:center; padding-top:7%;}
.effectPannela .effectamain ul li:nth-child(4n-2) .conremark{ padding-top:2%;}
.effectPannela .effectamain ul li:hover{ background-color: #bc8000;  border: #b28d62 1px solid; -moz-box-shadow: 10px 10px  5px 5px #888888 outset; 
	box-shadow:0px 7px 20px 2px #888888;}
.effectPannela .effectamain ul li:hover .sign{ background-color: #fff;}
.effectPannela .effectamain ul li:hover .line{ background-color: #fff;}
.effectPannela .effectamain ul li:hover .conremark{ color: #fff;}



.floorePannel{ background-color: #f8f9f8; margin-top: 1%; padding-top:4%; padding-bottom:4%;}
.floorePannel .flooremain{ padding-top: 2.5rem;  position:relative;}
.floorePannel .flooremain .bd{ width:90%; z-index: 10; margin-left: 5%;}
.floorePannel .flooremain .bd .tempWrap{overflow:hidden; position:relative;}
.floorePannel .flooremain .bd  ul{overflow:hidden; zoom:1; }
.floorePannel .flooremain .bd  ul li{ width:33.33%; float: left; text-align: center;  _display:inline; overflow:hidden; text-align:center; margin-left:1rem; margin-right: 1rem;}
.floorePannel .flooremain .bd  ul li img{ width:96%; transition: all .5s linear; margin-left: auto; margin-right: auto;}
.floorePannel .flooremain .bd  ul li:hover img{transform: scale3d(1.1, 1.1, 1);border: none;}
/*.floorePannel .flooremain ul li:nth-child(4n){ margin-right: 0px;} */
.floorePannel .flooremain .bd  ul li p.pa{ text-align: center; display: inline-block; font-size: 1rem; width: 100%; margin-top: 0.8rem; font-weight:600;}
.floorePannel .flooremain .bd  ul li p.pa span{ width:30%; margin-left: auto; margin-right: auto; height:1px; background-color: #e1e1e1; display:block; margin-top: 0.4rem; margin-bottom: 0.2rem;}
.floorePannel .flooremain .bd  ul li p.pa em{ font-weight: 500; font-style: normal;font-size: 0.9rem; }
.floorePannel .flooremain .hd{ position: relative; z-index: 1;}
.floorePannel .flooremain .hd ul{overflow: hidden; height: 0px; width: 0px;}
.floorePannel .flooremain .hd a.prev{ width:10%; position: absolute; left:0; width: 3.5%; margin-top:0%; background: url(../Img/f4.png) center center no-repeat; background-size: 90%; color: #FFF; display: inline-block; z-index:500;  text-align: center; font-size: 2rem; font-family: Arial, Helvetica, sans-serif; cursor: pointer;}
.floorePannel .flooremain .hd a.next{ width: 5%; position: absolute; right:0%; width: 3.5%;  background: url(../Img/f5.png) center center no-repeat; background-size:90%; color: #FFF; display: inline-block; z-index: 15; text-align: center; cursor: pointer; }

.floorePannel .procontent{ text-align: center; padding-top:2%; padding-bottom: 1%; color: #555555; font-size: 2rem;}


.brfloorePannel{ margin-top:3rem;  padding-bottom:2rem;}
.brfloorePannel .flooremain{ padding-top: 2rem;  position:relative;  background-color: #f8f9f8;}
.brfloorePannel .flooremain .bd{ width:98%; z-index: 10; margin-left:1%;}
.brfloorePannel .flooremain .bd .tempWrap{overflow:hidden; position:relative;}
.brfloorePannel .flooremain .bd  ul{overflow:hidden; zoom:1; }
.brfloorePannel .flooremain .bd  ul li{ width:33.33%; float: left; text-align: center;  _display:inline; overflow:hidden; text-align:center;}
.brfloorePannel .flooremain .bd  ul li img{ width:100%; transition: all .5s linear; margin-left: auto; margin-right: auto;}
/*.floorePannel .flooremain ul li:nth-child(4n){ margin-right: 0px;} */
.brfloorePannel .flooremain .bd  ul li p.pa{ text-align: center; display: inline-block; font-size: 1rem; width: 100%; margin-top: 0.8rem; font-weight:600;}
.brfloorePannel .flooremain .bd  ul li p.pa span{ width:30%; margin-left: auto; margin-right: auto; height:1px; background-color: #e1e1e1; display:block; margin-top: 0.4rem; margin-bottom: 0.2rem;}
.brfloorePannel .flooremain .bd  ul li p.pa em{ font-weight: 500; font-style: normal;font-size: 0.9rem; }
.brfloorePannel .flooremain .hd{ position: relative; z-index: 1;}
.brfloorePannel .flooremain .hd ul{overflow: hidden; height: 0px; width: 0px;}
.brfloorePannel .flooremain .hd a.prev{ width:10%; position: absolute; left:0; width: 3.5%; margin-top:0%; background: url(../Img/f4.png) center 35% no-repeat; background-size:80%; color: #FFF; display: inline-block; z-index:500;  text-align: center; font-size: 2rem; font-family: Arial, Helvetica, sans-serif; cursor: pointer;}
.brfloorePannel .flooremain .hd a.next{ width: 5%; position: absolute; right:0%; width: 3.5%;  background: url(../Img/f5.png) center 35% no-repeat; background-size:80%; color: #FFF; display: inline-block; z-index: 15; text-align: center; cursor: pointer; }



.teamPannel{background:url("../Img/t1.png");
    background-repeat:no-repeat;
	background-position:center center;
    margin-top: 2%;
}

.teamPannel .teammain{ padding-top:3%; padding-bottom:3%;background:url("../Img/t6.png");
    background-repeat:no-repeat;
	background-position:right  center;background-size:15%;}
.teamPannel .teammain .teapic{ width:80%; float: left;}
.teamPannel .teammain .teapic ul li{ float: left; width: 47%; margin-left:1%; margin-top: 1%;  margin-bottom:0%; margin-right:1%;}
.teamPannel .teammain .teapic ul li img{ width: 100%;}

.teamPannel .teammain .teapicall{ width:80%; float: left;}
.teamPannel .teammain .teapicall img{  width: 100%;}



.teamPannel .teammain .teatitle{width:28%; float: right; text-align: center; }
.teamPannel .teammain .teatitle img{ width: 50%; max-width:185px; vertical-align: middle; text-align: center;}


.honorpannel{background:url("../Img/h2.png");
    background-repeat:no-repeat;
	background-position:90%  bottom;background-size:15%;}
.honorpannel .honormain{ }
.honorpannel .honormain img{ float: left; padding-top: 4%; width:45%;}
.honorpannel .honormain .honorcontent{ padding-top:4%; padding-bottom: 3%; font-size:2.2rem;}

.honorpannel2{ background-color:#e8eff5; padding-top:3%; padding-bottom: 2%;}
.honorpannel2 .honorpannel2main{}
.honorpannel2 .honorpannel2main ul.ula li{ float: left; text-align: center; margin-left: 0.5%;}
.honorpannel2 .honorpannel2main ul.ula li:nth-child(1){width: 38.8%; margin-left: 0px;}
.honorpannel2 .honorpannel2main ul.ula li:nth-child(2){width: 20.4%;}
.honorpannel2 .honorpannel2main ul.ula li:nth-child(3){width: 20.4%;}
.honorpannel2 .honorpannel2main ul.ula li:nth-child(4){width:18.9%;  margin-right: 0px; float: right;}
.honorpannel2 .honorpannel2main ul.ula li img{ max-height: 240px; width:96%;}
.honorpannel2 .honorpannel2main ul.ulb li{float: left; text-align: center; width:19%; margin-left: 0.5%; margin-top: 0.5%; margin-right: 0.5%; text-align: center;}
.honorpannel2 .honorpannel2main ul.ulb li img{width:100%;max-height: 260px;}



.bggrey{padding:2% 0px 0% 0px;}
.videoPannel{}
.videoPannel .videoRem{ width:46%; line-height:3.5rem; font-size: 1.7rem; text-indent:3rem; padding-top:7px;;} 
.videoPannel .videoCon{ width:50%; } 
.videoPannel .videoConTitle{ text-align: center; font-size: 1.6rem;}
.videoPannel .videoCon img{max-width: 90%;}

.bgpro{background:url("../Img/bgpro.png");
    background-repeat:no-repeat;
	background-position:center bottom;
    padding-bottom:2rem;
}
.h3content{ padding-top:0.8rem; font-size:2rem; font-weight: 500; line-height:3rem;}
.pos{ padding-top: 20px;}
.pos ul li{ width:45%; margin:1.8rem 0; background-color:#fff;float:right;border:0px solid #fff;box-shadow: darkgrey 0px 0px 20px 3px;}
.pos ul li:nth-child(2n+1){float:left;}
.pos ul li p{ width:100%; height:24rem;text-align:center; line-height:24rem; }
.pos ul li p img{max-width:90%;vertical-align: middle; text-align: center; display: inline-block; margin: auto 0px;}
.pos ul li h2{
    text-align: center; vertical-align: middle;clear:both; width:100%; background-color: #e5e5e5; 
    font-size:1.9rem; padding-top:1.5rem; padding-bottom:1rem; font-weight: 500;
}
.pos ul li h2 font{font-size:1.3rem; padding:7px 0; display: inline-block;}
.shops{padding-top:3rem;padding-bottom:3rem;}
.shops .shop{ min-height: 400px; background-color: #f8b62a; width:22%;
     margin-left:4%; float:left;border:0px solid #fff;border-radius:1rem; 
     box-shadow: darkgrey 0px 0px 20px 3px;
     overflow: hidden;
    }
.shops .shop img{width: 100%;}
.shops .shop .titleShop{ background-color: #032845; text-align: center;margin-top:-4px; color: white; padding-top:1rem; padding-bottom:1rem; line-height:2.6rem; font-size:1.8rem;}
.shops .shop .titleShop span{ font-size:2.6rem; font-weight: 600;}
.shops .shop:first-child{margin-left: 0px;}
.shops .shop:last-child{ float: right; margin-left:0px;}
.shops .shop::after{
    content:" "; width:0;
    height:0;
    border-bottom:55px solid #153453;
    border-left:55px solid transparent; position: absolute; bottom: 0px; right: 0px; z-index: 1;
}
.title5Pannel{text-align: center; margin-top: 2rem;}
.title5Pannel img{width:1200px;max-width:100%;}
.title6Pannel{text-align: center; margin-top: 2rem;}
.title6Pannel img{width:1100px;max-width:90%; text-align: center;}
.title7Pannel{text-align: center; margin-top: 2rem;}
.title7Pannel img{width:50%;max-width:550px; text-align: center;}
.title8Pannel{text-align: center; margin-top:4rem;}
.title8Pannel img{width:57%;max-width:550px; text-align: center;}
.title9Pannel{text-align: center; }
.title9Pannel img{width:40%;max-width:120px; text-align: center;margin-top:3rem;}

.title10Pannel{text-align: center; }
.title10Pannel img{width:40%;max-width:120px; text-align: center;margin-top:2rem;}

.title11Pannel{text-align: left; margin-top: 2rem;}
.title11Pannel img{width:17%;max-width:250px; text-align: left;}


.title12Pannel{text-align: center; margin-top: 2rem;}
.title12Pannel img{width:35%;max-width:600px; text-align:center;}


.title13Pannel{text-align: center; margin-top: 2rem;}
.title13Pannel img{width:40%;max-width:700px; text-align:center;}


.title14Pannel{text-align: center; margin-top:1rem;}
.title14Pannel img{width:35%;max-width:600px; text-align:center;}

.title15Pannel{text-align: center; background-color: #e8e8e8; margin-bottom: 1rem;  margin-top:2rem;}
.title15Pannel img{max-width: 1920px; width: 100%;}


.title15aPannel{text-align: center; background-color: #e8e8e8; margin-bottom: 1rem;  margin-top:2rem;background:url("../Img/jo14ca.jpg");
    background-repeat:no-repeat;
	background-position:center center;}
.title15aPannel img{max-width: 1920px; width: 100%;}
.title15aPannelmain img:first-child{ width:26%; float: left;margin-top:14%; }
.title15aPannelmain img:last-child{ width: 43%; float: right; margin-right:5%; margin-top:3%; margin-bottom:3%;}

.bgmes{
    background:url("../Img/bgmes.png");
    background-repeat:no-repeat;
	background-position:center center;
    padding-top:2rem;
    padding-bottom:4rem;
    display: inline-block;
}
.mesMain{
    
    min-height:400px;
}
.mesMain .mesTitel{color: #666666; text-align: left;}
.mesMain .mesTitel span:first-child{ float:left; text-align: left; font-size:5rem; font-weight: bold; color: #ffffff; font-size: 2rem; text-shadow: -2px -2px 0 #000,  2px -2px 0 #000, -2px 2px 0 #000,2px 2px 0 #000;}
.mesMain .mesTitel span:last-child{ float: right;}
.mesMain .mesCon1{font-size:1.8rem; color: #666666; margin-top:5rem; }
.mesMain .mesCon1 span:first-child{ float: left;padding-top: 1rem; width: 47%;}
.mesMain .mesCon1 span:last-child{ float: right;padding-top: 1rem;}
.mesMain .mesCon1 input{font-family:"微软雅黑"; font-size: 1.5rem; outline: none; padding-left: 10px; width:70%; height:2.6rem; line-height: 2.6rem; border: none; border-bottom: #a3a3a3 1px solid;}
.mesMain .mesCon1 input:focus{outline: none;font-family:"微软雅黑";}
.mesMain .mesCon2 textarea{ width: 68%; border: #959595 1px solid; border-radius: 1rem; padding:1rem; line-height: 1rem;font-family:"微软雅黑"; font-size: 1.5rem;}
.mesMain .mesCon2 textarea:focus{border: #959595 1px solid; border-radius: 1rem;outline-color:#959595}
.mesMain .mesCon2 p{ width: 30%; float: right; text-align: center;font-size: 1.4rem;color: #666666;}
.mesMain .mesCon2 p img{width:80%; }
.mesMain .messub img{ width: 30%;}

.mesMain .mesmes{ padding: 2rem 2rem 2rem 2rem; width:45%; margin-left:5%; float: left; margin-top:5rem; background:url("../Img/mesmes1.png");background-repeat: repeat;	}
.mesMain .mesmes p{ padding-top:0.2rem; padding-bottom:0.2rem; font-size:1.3rem; font-weight: bold; color: #000;}
.mesMain .mesmes p input{font-family:"微软雅黑"; font-size: 1.5rem; outline: none; padding-left:6px; width:100%; height:2.6rem; line-height: 2.6rem; border: none; border-bottom: #a3a3a3 1px solid;}
.mesMain .mesmes p textarea{ width:100%; border: #959595 0px solid; border-radius:0rem; padding:1rem; line-height: 1rem;font-family:"微软雅黑"; font-size: 1.5rem;}
.mesMain .mesmes p textarea:focus{border: #959595 0px solid; border-radius:0rem;outline-color:#959595}
.mesMain .mescode{ width:37%;  float: right; color: #fff; font-size:1.8rem; margin-top:2rem; line-height:4rem; text-shadow: 2px 2px 2px rgba(0,0,0,0.5), 4px 4px 4px rgba(0,0,0,0.3);}
.mesMain .mesmes p:nth-child(7){ text-align:center;}
.mesMain .mesmes p button{ width: 80%; padding: 0.5rem 0rem; border:#ffffff 0px solid; border-radius:4px; margin-left: auto; margin-right: auto; display: inline-block; text-align:center;  cursor: pointer; background-color: #004986; color: #ffffff; font-size: 1.3rem; margin-top:0.8em;}
.mesMain .mescode img{ width: 30%; margin-top:1.5rem;}
.mesMain .mescode img:last-child{ margin-left:3rem;}



.bgbott{ background-color: #002859;}
.bgbott .bottMain{padding-top: 2rem;padding-bottom: 2rem;position: relative;z-index: 50; height: auto;}
.bgbott .bottMain ul li{ float: left; padding:0.5rem; width:auto;display: list-item; text-align: center;color:white;font-size: 1.8rem; height: auto; }
.bgbott .bottMain ul li a{ color:white;font-size: 1.4rem;}
.bgbott .bottMain ul li:last-child{ float: right;}
.bgbott .bottMain ul li img{ margin-left:0.3rem; margin-right:0.3rem;}
.bgbott .bottMain ul li img:nth-child(2){ cursor: pointer;}
.bgbott .bottMain ul li .bot1{position: absolute; display: none; top: -8rem; height:10rem; left: 0; background-color: #000; z-index:160;}


.brandtitlepannel{ padding-top:4rem;}
.brandtitlepannel .img{ float: left; padding-right: 5rem; width:100%;}
.brandtitlepannel .img img{ max-width:38%; max-height:65px; float: left;}
.brandtitlepannel .img .line{ width:45%; border-bottom: #ffcd04 2px solid; margin-top:3%; margin-left: 3rem; background-color: #000; display: block; float: left;}

.brandtitlepannel .img1{ float: left; padding-right: 5rem; width:100%;}
.brandtitlepannel .img1 img{ max-width:38%; max-height:120px; float: left;}



.protitlepannel{ padding-top:4rem;}
.protitlepannel ul li{ float: left;}
.protitlepannel ul li:first-child{ width:6%;}
.protitlepannel ul li:first-child img{ width:95%; max-width: 80px;}
.protitlepannel ul li:last-child{padding-top: 1rem; vertical-align: middle; width: 80%; font-size:3rem; color: #fe6001; font-weight: bold; padding-left:1rem;}
.protitlepannel ul li:last-child a{color: #fe6001;}











.brfool3main{ padding-top: 2rem; padding-bottom: 2rem;}
.brfool3main ul li{ float: left; width: 30%; margin-left: 1.5%; margin-right: 1.5%;}
.brfool3main ul li img{ width:100%;}

.brfool4main{ padding-top: 2rem; padding-bottom: 2rem;}
.brfool4main ul li{ position: relative; float: left;}
.brfool4main ul li:first-child{ width:60%; padding-top:4rem; padding-bottom:4rem;}
.brfool4main ul li:first-child img{ width:100%; z-index: 10; position: relative;}
.brfool4main ul li:first-child p{background-color: #d2d2d2; width:85%; position: absolute; top: 1px; left: 0px; height: 100%; z-index: 1;}
.brfool4main ul li:last-child{ width:32%; float: right; }
.brfool4main ul li:last-child .p1{ text-align: right;padding-top:4rem; line-height: 4rem; font-size:2.8rem; font-weight: bold;}
.brfool4main ul li:last-child .p2{ text-align: right; font-size:2rem;}
.brfool4main ul li:last-child .p3{ text-align: left;padding-top:6rem;font-size:1.6rem;line-height: 3rem; font-weight: bold;}


.brfool5main{ padding-top: 2rem; padding-bottom: 2rem; position: relative;}
.brfool5main .contenta{ position: relative; float: left; width:60%; line-height:2.5rem; padding-bottom: 3rem; padding-top:1.5rem; font-size: 1.4rem;}
.brfool5main .contentb{ height: 100%; float: right; width:30%;}
.brfool5main .contentb p{background-color: #d2d2d2; width:30%; position: absolute; bottom:5rem; left:73%; height:80%; z-index: 1;}
.brfool5main .contentb img{ width:80%; z-index: 10; position: relative;}



.aboutPannel{}
.aboutPannel ul li{ float: left; margin-left: 2%; width: 32%; text-align: center;}
.aboutPannel ul li:first-child{ margin-left: 0px;}
.aboutPannel ul li img{width: 90%; max-width: 350px; margin-left: auto; margin-right: auto;}
.aboutPannel p{ padding-top:1.5rem; text-align: center; font-size: 1.5rem; line-height:2.4rem; color: #555555;}
.aboutTitle{z-index: 100; height:12rem;}
.aboutTitle .aboutTitleCon{ top: -60%; left: 50%; margin-left: -50%;}
.aboutTitle .aboutTitleCon ul li{ float: left; width:15rem; max-width: 22%; background-color: white; height:15rem; margin-left:5%;border-radius:.2rem; box-shadow: darkgrey 0px 0px 5px 1px; position: relative;}
.aboutTitle .aboutTitleCon ul li p{ text-align: center; font-size: 1.4rem;}
.aboutTitle .aboutTitleCon ul li p:first-child{ height:12rem; line-height:12rem; width: 100%; display:list-item;}
.aboutTitle .aboutTitleCon ul li img{ width:50%; max-width:100px; max-width: 90%; vertical-align: middle; text-align: center; display: inline-block; margin: auto 0px;}
.aboutTitle .aboutTitleCon ul li p:last-child{border-bottom: #478aff 4px solid; position: absolute; clear: both; bottom: 0px; width: 100%; padding-bottom:10px;}
.bgabout{background: url(../Img/bgabout.png) repeat-y center center; margin-top:5rem;}
.aboutTitel{ text-align: center; font-weight: 600; color: #fcc81a; padding-top:1rem; padding-bottom: 1rem;text-shadow:3px 3px 3px #00f;letter-spacing:.5rem;}
.aboutcon{ text-align: center; padding: 1rem auto; margin-top:2rem;}
.aboutcon img{ width:78%; max-width: 1600px;}

.about7con{ text-align: center; padding: 1rem auto; margin-top:4rem; }
.about7con img{ width:100%; max-width: 1200px;}

.about8con{ text-align: center; padding: 1rem auto; margin-top:2rem; }
.about8con .conmain{position:relative; z-index:1; height: auto;}
.about8con .imga{ width:30%; height: auto;  position:absolute; right: -3%; top: -5%; z-index:500;}
.about8con .imga img{ width: 100%;max-width:420px;}
.about8con p.p1{ width:100%;text-align: left; font-size: 2rem; color:#ff6c37; font-weight:500; line-height: 3rem;}
.about8con p.p1 img{ width:60%; max-width:700px;}
.about8con p.p2{ width:75%;text-align: left; font-size: 1.6rem; color:#5c5c5c; font-weight:500; line-height:2.8rem; padding-top: 1rem;}


.about9con{ }
.about9con .about9cona{ text-align: center; padding:0% 2.5% 2.5% 2.5%;background-color: #f2f2f8;}
.about9con .about9cona img{width: 100%;}
.about9con .about9conb{ text-align: center; padding:2.5% 2.5% 1% 2.5%; display: inline-block; }
.about9con .about9conb img.imga{width:42%;float:right; }

.about9con .about9conb p{ width:55%; float: left; margin-left: 5%;}
.about9con .about9conb p.pa{ text-align: left; font-size: 2rem; display: inline-block;}
.about9con .about9conb p.pb{text-align: left;padding-top: 1rem; font-size: 1.4rem; line-height: 2.5rem;}

.about9con .about9conb .con{ width:45%; float: left; margin-left: 5%; text-align: left;}
.about9con .about9conb .con{ text-align: left; font-size:1.5rem; line-height: 2.7rem; display: inline-block;}
.about9con .about9conb .con .pb{text-align: left;padding-top: 1rem; font-size: 1.4rem; line-height: 2.5rem;}


.about10con{ text-align: center; padding: 1rem auto; margin-top:1rem; }
.about10con img{ width:100%; max-width: 1200px;}

.about11con{ text-align: center; padding:0rem auto; margin-top:1rem; }
.about11con img{ width:100%; max-width: 1200px;}

.product10Pannel{ text-align: center; padding:1.2% 0px 1.5% 0px; }
.product10Pannel img.imga{width:45%; max-width:450px;}
.product10Pannel img.imgb{ bottom: 0px; width: 23%; max-width:350px; left:0px;}

.joinus1{ text-align: center;}
.joinus1 img{ width: 100%; max-width: 1700px;}

.joinus2bg{background-color: #f0f3fa;}
.joinus2{padding-top:4%; padding-bottom:3%;}
.joinus2 ul li{ float: left; width:52%;}
.joinus2 ul li p{ line-height:2.4rem; padding-top: 1rem; font-size: 1.4rem;}
.joinus2 ul li img{ max-width: 100%;}
.joinus2 ul li:last-child{ float: right; width: 44%;}
.joinus2 ul li:last-child p{ background-color: white; border-radius: 1rem; padding:3%; overflow: hidden;}
.joinus2 ul li:last-child p img{max-width: 90%;}
.joinus2 ul li:last-child p:first-child{ margin-bottom: 1rem; margin-top: -2%;}

.joinus3 ul li{ width: 33%; float: left;}
.joinus3 ul li img{width:85%; max-width: 320px;}

.joinus4 ul li{ width:48%; float: left; margin-bottom:2%; text-align: center;}
.joinus4 ul li p{ height:5rem; line-height:5rem; font-size: 1.8rem; color: #545454;}
.joinus4 ul li img{width:100%; max-width: 350px;}


.titleContact{padding: 2% 0 2% 0; text-align: center;}
.titleContact h1{ font-size:3rem;}
.titleContact p{text-transform: uppercase; padding-top: .8%; font-size:1.8rem;}


.newsbg{ background-color:#f8f7fc;}
.news1{ padding:2% 0 2% 0;}
.news1 ul li{ width: 48%; margin-left: 2%; float: left; height:16rem; margin-bottom:1.3rem;}
.news1 ul li:nth-child(2n+2){  float:right; margin-left: 0px;}
.news1 ul li:first-child{ background: url(../Img/news3.png) no-repeat center right; background-size: auto 80%; background-color: white; background-position-x:96%; padding:2% 2%;}
.news1 ul li:first-child p{width:77%; padding-left:8px; color: #999999; font-size: 1.2rem; line-height: 2rem; padding-top:.8rem;}
.news1 ul li:first-child p:first-child{ padding-top: 0px; color: #000; font-size:1.6rem; border-left: #4c80e7 3px solid;}
.news1 ul li.lib{ background: url(../Img/news4.png) no-repeat center center; background-size:100%;}
.news1 ul li.lic{ background: url(../Img/news5.png) no-repeat center center; background-size:100%;}
.news1 ul li.lid{ background: url(../Img/news6.png) no-repeat center center; background-size:100%;}
.news1 ul li p.newtitle{ text-align: center; font-size:1.8rem; color: white; font-family: 550; padding:5% 2% 2% 2%;}
.news1 ul li p.newremark{ text-align:center; font-size:1.3rem; color: white; font-family: 550; padding:0% 4% 2% 4%; line-height:2.3rem;}

.news2bg{ background: url(../Img/news2.png) no-repeat bottom center; background-size:100% auto; background-color:#86aaf1;}
.news2{ padding:3% 0 4% 0;}
.news2 ul li{ float: left; background-color: #f4f7fe; width: 49%; padding:2.6% 2.6%; border-radius: 3px; margin-bottom: 1.5%;}
.news2 ul li:nth-child(2n+2){  float:right; margin-left: 0px;}
.news2 ul li p.pa{ line-height:4rem; font-size: 1.6rem; color: #333333;}
.news2 ul li p.pb{height:6.3rem; line-height:2rem; font-size: 1.3rem; color: #333333;}


.news3 ul li{ float: left; width: 49%; margin-bottom: 2%;}
.news3 ul li:nth-child(2n+2){float:right; margin-left: 0px;}
.news3 ul li img{ float: left; width:38%;}
.news3 ul li p{width:60%; float: right;}
.news3 ul li p.pa{color: #333333; height:2.6rem; line-height:2.8rem; font-size: 1.5rem;}
.news3 ul li p.pb{font-size: 1.2rem; color: #999999;}
.news3 ul li p.pc{font-size: 1.3rem; color: #666666;  line-height:1.9rem; height:5.7rem;}

.newstype{ padding-top:2rem; padding-bottom: 2rem;}
.news_right_top{height:56px;border-bottom: 1px solid #000000; font-size:2rem; font-weight: bold; color: #166fac; line-height:66px; padding-left: 20px; }
.news_right_top font{ font-size: 14px;font-weight:normal;}
.news_right_top span{ font-size: 18px;font-weight:bold; margin-left:3px; padding-right:3px;}
.news_right_bot { padding-top:.5rem; padding-left: 0; min-height:50rem;}
.news_right_bot ul li{ width: 96%; height:auto; float: left; margin-top: .5rem; margin-left: 2%;}
.news_time{ width:10%; padding-top: 20px; color: #0066b3;}
.news_time .ri{ font-size:2rem; border-bottom: 2px solid #145FA4; line-height:2.5rem; font-weight:500; width:70%;  text-align: center; margin-left: 15%; }
.news_time .nian{ text-align: center; font-size: 12px;line-height: 32px;width:100%;}
.news_time p{ width: 79px; display: block; margin: 0 auto; text-align: center;}
.news_title{ border-bottom: 1px dashed #000000; padding-top: 15px; width:89%;}
.news_title h4{font-size:1.3rem; color:#5a5a5a; line-height:2rem;}
.news_title p{ font-size:1.1rem;color:#5a5a5a;line-height:1.8rem; padding-bottom:1rem; padding-right:2rem; padding-top:.2rem;}

.newTitle{text-align: center; padding: 1rem 1rem 1rem 0.3rem; font-size:1.6rem; line-height:3rem;color: #004fa2; margin-top: 2rem; } 
.newTitleContent{ padding: 0.5rem 1rem 1rem 1rem; font-size: 1.1rem; line-height: 2.4rem;}
.newTitleContent img{max-width: 90%; margin: .5rem;}

.propannel{ padding-top: 2rem; padding-bottom: 2rem;} 
.propannel ul li{ float: left; width: 22%; margin-left: 1.5%; margin-right: 1.5%; text-align: center; background-color: #f7f7f7;}
.propannel ul li p.pa{width: 100%; height:28rem; text-align: center; vertical-align: middle;display: flex;
    justify-content: center;
    align-items: center;margin-bottom:0px;}
.propannel ul li p.pa img{max-width: 80%; height: auto; max-height: 80%;}
.propannel ul li p.pb{background-color: #f39800; text-align: center; height:4rem; line-height: 4rem; font-size:1.8rem; color: #fff; font-weight: bold;}

.propannel ul li a:hover{color: #fff; text-decoration:underline;}
.propannel ul li:hover img{ transform: scale(1.1); }


.propanneln{ padding-top: 2rem; padding-bottom: 2rem;} 
.propanneln ul li{ float: left; width: 22%; margin-left: 1.5%; margin-right: 1.5%; text-align: center; background-color: #f7f7f7;}
.propanneln ul li p.pa{width: 100%; text-align: center; vertical-align: middle;display: flex;
    justify-content: center;
    align-items: center;margin-bottom:0px;}
.propanneln ul li p.pa img{max-width:100%; height: auto; max-height: 100%;}
.propanneln ul li p.pb{background-color: #f39800; text-align: center; height:4rem; line-height: 4rem; font-size:1.8rem; color: #fff; font-weight: bold;}

.propanneln ul li a:hover{color: #fff; text-decoration:underline;}
.propanneln ul li:hover img{ transform: scale(1.1); }




.probpannel{ padding-top:1rem; padding-bottom: 2rem; overflow: hidden;} 
.probpannel .typetile{font-size:2.6rem; color: #3a414a; font-weight: bold; padding-top: 1rem; padding-bottom:3rem;}
.probpannel ul li{ float: left; width:17.9%; margin-left: 1%; margin-right: 1%; text-align: center; background-color: #f7f7f7;}
.probpannel ul li p.pa{width: 100%; height:20rem; text-align: center; vertical-align: middle;display: flex;
    justify-content: center;
    align-items: center;margin-bottom:0px;}
.probpannel ul li p.pa img{max-width:75%; height: auto; max-height:75%;}
.probpannel ul li p.pb{background-color: #362e2b; text-align: center; height:4rem; line-height: 4rem; font-size:1.5rem; color: #fff; font-weight: bold;}
.probpannel ul li a:hover{color: #fff; text-decoration:underline;}
.probpannel ul li:hover img{ transform: scale(1.1); }


.procpannel{ padding-top:1rem; padding-bottom: 2rem; overflow: hidden;} 
.procpannel .typetile{font-size:2.6rem; color: #0ba4cf; font-weight: bold; padding-top: 1rem; padding-bottom:3rem;}
.procpannel ul li{ float: left; width:28%; margin-left:2%; margin-right:2%; text-align: center; background-color: #f7f7f7;}
.procpannel ul li p.pa{width: 100%; height:22rem; text-align: center; vertical-align: middle;display: flex;
    justify-content: center;
    align-items: center;margin-bottom:0px;}
.procpannel ul li p.pa img{max-width:75%; height: auto; max-height:75%;}
.procpannel ul li p.pb{background-color: #26873d; text-align: center; height:4rem; line-height: 4rem; font-size:1.7rem; color: #fff; font-weight: bold;}
.procpannel ul li a{color: #fff; text-decoration: none;}
.procpannel ul li a:hover{color: #fff; text-decoration:underline;}
.procpannel ul li:hover img{ transform: scale(1.1); }


.procpannel2{ padding-top:1rem; padding-bottom: 2rem; overflow: hidden;} 
.procpannel2 .typetile{font-size:2.6rem; color: #0ba4cf; font-weight: bold; padding-top: 1rem; padding-bottom:3rem;}
.procpannel2 ul li{ float: left; width:28%; margin-left:2%; margin-right:2%; text-align: center; background-color: #f7f7f7;}
.procpannel2 ul li p.pa{width: 100%; height:22rem; text-align: center; vertical-align: middle;display: flex;
    justify-content: center;
    align-items: center;margin-bottom:0px;}
.procpannel2 ul li p.pa img{max-width:75%; height: auto; max-height:75%;}
.procpannel2 ul li p.pb{background-color: #f39800; text-align: center; height:4rem; line-height: 4rem; font-size:1.7rem; color: #fff; font-weight: bold;}
.procpannel2 ul li a{color: #fff; text-decoration: none;}
.procpannel2 ul li a:hover{color: #fff; text-decoration:underline;}
.procpannel2 ul li:hover img{ transform: scale(1.1); }




.prodpannel{ padding-top:1rem; padding-bottom: 2rem; overflow: hidden;} 
.prodpannel .typetile{font-size:2.6rem; color: #0ba4cf; font-weight: bold; padding-top: 1rem; padding-bottom:3rem;}
.prodpannel ul li{ float: left; width:28%; margin-left:2%; margin-right:2%; text-align: center; background-color: #f7f7f7;}
.prodpannel ul li p.pa{width: 100%; height:22rem; text-align: center; vertical-align: middle;display: flex;
    justify-content: center;
    align-items: center;margin-bottom:0px;}
.prodpannel ul li p.pa img{max-width:75%; height: auto; max-height:75%;}
.prodpannel ul li p.pb{background-color: #eb6877; text-align: center; height:4rem; line-height: 4rem; font-size:1.7rem; color: #fff; font-weight: bold;}
.prodpannel ul li:last-child p.pa img{max-width:65%; height: auto; max-height:65%;}


.prodpannel ul li a:hover{color: #fff; text-decoration:underline;}
.prodpannel ul li:hover img{ transform: scale(1.1); }

.proetitlepannel{ display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f7f7f7; margin-top: 2rem; font-size:2.8rem; font-weight: bold; padding-top:9rem; padding-bottom:9rem;
}
.proetitlepannel a{ color: #000;}



.profpannel{ padding-top:3rem; padding-bottom:3rem;}
.profpannel .typetile{text-align: center; font-size:1.8rem; }
.profpannel .ua li{ float: left; margin-top: 2rem;}
.profpannel .ua li:first-child{ width: 64.5%;}
.profpannel .ua li:first-child img{ width: 100%;}
.profpannel .ua li:last-child{ width:33.8%; float: right;}
.profpannel .ua li:last-child img{ width: 100%;}

.profpannel .ub li{ float: left; margin-top:1rem; width: 31.2%; margin-left: 1.4%;  margin-right: 1.4%;}
.profpannel .ub li img{ width: 100%;}
.profpannel .ub li:first-child{ margin-left: 0px;}
.profpannel .ub li:last-child{ margin-right: 0px; float: right;}



.conpannel{ padding-top:5rem; padding-bottom:5rem;}
.conpannel  .con1{ width:34.5%; float: left;}
.conpannel  .con1 .pa{ color: red; font-size: 3rem; padding-top: 1rem; padding-bottom: 1rem;}
.conpannel  .con1 .pb{ color: red; font-size:2.2rem; font-weight: bold;}
.conpannel  .con1 .pc{ padding-top:5rem; padding-bottom: 2rem; font-size: 1.6rem; line-height:2.4rem; font-weight: bold;}
.conpannel  .con1 .pc img{ margin-top: -0.2rem; float: left; width:4.5rem; margin-right:1rem;}
.conpannel  .con1 .pd{ padding-top:1rem; padding-bottom: 2rem; font-size: 1.6rem; line-height:2.4rem;}
.conpannel  .con1 .pd img{ margin-top:0.8rem; float: left; width:3rem; margin-right:1rem;}

.conpannel  .con1 .pe{ padding-top:1rem; font-size: 1.6rem; line-height:2.4rem; text-align: center;}
.conpannel  .con1 .pe img{ width:32%; margin-right:1rem;}

.conpannel  .con1 .pf{padding-top:1rem; padding-bottom: 2rem; font-size: 1.6rem; text-align: center}

.conpannel  .con2{ width:63%; float: right;}
.conpannel  .con2 img{ max-width: 100%;}


.jofoolmain{ padding-top:3rem; padding-bottom:3rem;}
.jofoolmain ul li{ position: relative; float: left;}
.jofoolmain ul li:first-child{ width:32%; float: left; }
.jofoolmain ul li:first-child p{padding-top:50%; font-size:2.6rem; font-weight: bold; color: #0d2948; line-height:4rem;}
.jofoolmain ul li:last-child{ width:60%; float: right; padding-top:4rem; padding-bottom:4rem;}
.jofoolmain ul li:last-child img{ width:100%; z-index: 10; position: relative;}
.jofoolmain ul li:last-child p{background-color: #d2d2d2; width:85%; position: absolute; top: 1px; right: 0px; height: 100%; z-index: 1;}


.jo1foolmain{ padding-top:2.6rem; text-align: center; padding-bottom: 0px;}
.jo1foolmain img{max-width: 100%; margin-bottom: 0px;}


.jo2foolmain{ padding-top:2rem; padding-bottom:3rem; overflow: hidden;} 
.jo2foolmain ul li{ float: left; width:30.3%; margin-left:1.5%; margin-right:1.5%; margin-bottom:2rem; text-align: center; background-color: #f7f7f7;}
.jo2foolmain ul li p.pa{width: 100%; text-align: center; vertical-align: middle;display: flex;
    justify-content: center;
    align-items: center;}
.jo2foolmain ul li p.pa img{max-width:100%;}
.jo2foolmain ul li p.pb{background-color: #7f2d00; text-align: center; height:4rem; line-height: 4rem; font-size:1.7rem; color: #fff; font-weight: bold;}


.procDetailpannel img{ max-width:90%;}
.procDetail{ padding-top:1rem; padding-bottom:1rem; overflow: hidden;} 
.procDetail .typetile{font-size:2.6rem; color: #3a414a; font-weight: bold; padding-top: 1rem; padding-bottom:1rem;}

.procDetail2{ padding-top:1rem; padding-bottom: 2rem; overflow: hidden;} 
.procDetail2 .typetile{font-size:2.6rem; color: #0ba4cf; font-weight: bold; padding-top: 1rem; padding-bottom:1rem;}


.procDetail3{ padding-top:1rem; padding-bottom: 2rem; overflow: hidden;} 
.procDetail3 .typetile{font-size:2.6rem; color: #fe6001; font-weight: bold; padding-top: 1rem; padding-bottom:1rem;}



/* 大屏幕 ：大于等于1200px*/
@media (min-width: 1800px) {
    .menuPostion {
        position: absolute;
        top: -40px;
        left: 27%;
    }
}
@media (min-width: 1600px) and (max-width: 1800px) {
    .menuPostion {
        position: absolute;
        top: -40px;
        left: 22%;
    }
}
@media (min-width: 1200px) and (max-width: 1600px) {
    .menuPostion {
        position: absolute;
        top: -40px;
        left: 17%;
    }
}

/*默认*/
@media (min-width: 980px) and (max-width: 1200px) {
    .menuPostion {
        position: absolute;
        top: -40px;
        left: 0%;
    }
}

/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {
    .menuPostion {
        position: absolute;
        top: -40px;
        left: 0%;
    }
}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
    .menuPostion {
        position: absolute;
        top: -40px;
        left: 0%;
    }
}

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
    .menuPostion {
        position: absolute;
        top: -40px;
        left: 0%;
    }
}