#index{ position: relative; }
#index .section1{ height: 100vh; }
#index .banner{ width: 100%; height: 100%; position: relative; background: #bcbcbc; }
#index .banner .bannerImg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#index .banner .bannerImg .title{ width: 100%; margin-top: 150px; }
#index .banner .bannerImg .title img{ width: 90%; height: auto; }
#index .banner .bannerImg1{ background:url(../../img/mobile_en//mobile/banner1.jpg) no-repeat center center/cover; }
#index .banner .bannerImg2{ background:url(../../img/mobile_en//mobile/banner2.jpg) no-repeat center center/cover; }
#index .quicklink{ width: 100%; height: auto; position: absolute; bottom: 0; left: 0;z-index: 10; }
#index .quicklink .link{ width: 33.333%;height: 33vw;  }
#index .quicklink .link .text{ width:100%; height: 100%; }
#index .quicklink .link1{ background: #054d65; }
#index .quicklink .link2{ background: url('../../img/mobile_en//mobile/indexBannerBg2.png') repeat; }
#index .quicklink .link3{ background: #077e8f; }
#index .quicklink .link4{ background: #3b9ba9; }
#index .quicklink .link5{ background: #77d2dc; }
#index .quicklink .link1 .text{ background: url('../../img/mobile_en//mobile/indexBannerText1.png') no-repeat center center; background-size: 70%; }
#index .quicklink .link2 .text{ background: url('../../img/mobile_en//mobile/indexBannerText2.png') no-repeat center center; background-size: 70%; }
#index .quicklink .link3 .text{ background: url('../../img/mobile_en//mobile/indexBannerText3.png') no-repeat center center; background-size: 80%; }
#index .quicklink .link4 .text{ background: url('../../img/mobile_en//mobile/indexBannerText4.png') no-repeat center center; background-size: 80%; }
#index .quicklink .link5 .text{ background: url('../../img/mobile_en//mobile/indexBannerText5.png') no-repeat center center; background-size: 70%; }
#index .quicklink .bannerBtn{width: 33.333%;height: 33vw; overflow: hidden;}
#index .quicklink .bannerBtn .container{ width: 48px; height: auto; margin: 0 auto; padding: 0; margin-top: 20vw; }
#index .quicklink .bannerBtn .container .bannerBtnSon{ width: 16px; height: 16px; background: #fff; border-radius: 16px; margin-left: 8px; }
#index .quicklink .bannerBtn .container .bannerBtnSonChecked{ background: #00a3b3;  }
#index .sectionTitle1{ height: 41px;  }
#index .sectionTitle1 img{ width: auto; height: 15px; float: right; margin: 13px 13px 0 0; }
#index .section2{ background:#f1f1f1; overflow: hidden;}
#index .section2 .title{display: block; width: 80%; height: auto; margin: 55px 0 0 13px;}
#index .section2 .main{ display: block;width: 100%; height: auto; margin: 40px 0 0 0; }
#index .section2 .more{ display: block; width: 20%; height: auto; margin: 0 0 0 23px; padding-bottom:30px;  }
#index .section3 .main{ width: 100%; height: auto; }
#index .section4 .main{ width: 100%; height: auto; }
#index .section5 .main{ width: 100%; height: auto; }
#index .factoryMap{ background:#fff; overflow: hidden;}
#index .factoryMap .title{ margin-top: 40px; }
#index .factoryMap .title img{ width: 50%; height: auto; margin-left: 20px; }
#index .factoryMap .main{ margin: 40px 0 0 20px; height: auto; font:16px/24px 'microsoft yahei';color: #a5a5a5; padding-bottom: 60px;  }
#index .factoryMap .main li{ list-style: none; height: 35px; line-height: 35px; font-size: 12px; }
#index .mapDetail{display: none; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999; background: url('../../img/mobile_en//mobile/70percentblack.png') repeat; }
#index .mapDetail .mapDetailList{ display: none; }
#index .mapDetail .mapDetailList .name{ margin: 120px 0 0 10%; color: #f39700; font-size: 20px;  }
#index .mapDetail .mapDetailList .main{ margin: 15px 0 0 10%; width: 80%; color: #aaa; font-size: 15px; }
#index .mapDetail .mapDetailList .addr{ margin: 15px 0 0 10%; width: 80%; color: #aaa; font-size: 15px; }
#index .mapDetail .close{ font-size: 24px; color: #000; background: #fff; padding: 0 7px 4px; border-radius: 3px; position: absolute; right: 5px; top: 5px; }

#inc{ overflow: hidden; background: #f1f1f1; }
#inc .section1{ margin-top: 67px; }
#inc .section1 img{ width: 100%; }
#inc .section2{ width: 89%; margin-top: -100px; color: #222; }
#inc .section2 p{ font: 14px/22px 'microsoft yahei'; margin-bottom: 26px;text-indent: 2em; }
#inc .section3{}
#inc .section3 img{ width: 100%; height: auto; }
#inc .section4{ padding-top: 75px; background: #fff; }
#inc .section4 img{ width: 100%; height: auto; }
#inc .section5{ padding: 60px 0; background: #fff; }
#inc .section5 p{ width: 89%; display: block; margin:0 auto; font: 14px/22px 'microsoft yahei'; text-indent: 2em; }
#inc .section6{}
#inc .section6 img{ width: 100%; height: auto; }
#inc .section7{}
#inc .section7 img{ width: 100%; height: auto; }
#inc .section8 img{ width: 100%; height: auto; }
#inc .incNewsList{ background: #eee; height: 250px; overflow: hidden; position: relative;}
#inc .incNewsList .newsListPlate{ position: absolute; width: 100%; top: 0; }
#inc .incNewsList .newsList{ width: 90%; height: 50px; margin: 0 auto; border-top: #fff 1px solid; border-bottom: #ccc 1px solid; line-height: 50px; overflow: hidden; }
#inc .incNewsList .newsList a{ color: #333; }
#inc .incNewsList .newsList.fi{ border-top: none; }
#inc .incNewsList .newsList.la{ border-bottom: none; }
#inc .btns{ margin: 0px auto; padding: 15px 0 25px 0; background: #eee; display: block; vertical-align: center; text-align: center;}
#inc .btns span{display: inline-block; width: 30px; height: 20px; line-height: 20px; text-align: center; }
#inc .btns span.pre{ background: #bbb; border-radius: 3px; color: #fff;  }
#inc .btns span.next{ background: #bbb; border-radius: 3px; color: #fff; }
#inc .btns span i{ font-size: 12px; }


#newsDetail{ margin-top: 90px; }
#newsDetail .title{ width: 95%; height: 60px; font-size: 18px; margin: 5px auto 0; text-align: center; padding-bottom: 20px; }
#newsDetail .main{ width: 100%; margin-bottom: 50px; }
#newsDetail .main p{ width: 100%; display: block; margin: 0 auto; }
#newsDetail .main img{ display: block; }


#pro .cover{ margin-top: 67px; }
#pro .cover img{ width: 100%; height: auto;}
#pro .namePlate{ margin: 15px 0 20px 0; }
#pro .namePlate img.proSeriesName{ width: 95%; display:block; margin: 0 auto; height: auto; }
#detailWrapper{ width: 100%;height: 100vh; position: fixed; z-index: 9999; top: 0; left: 0; background: url(../../img/mobile_en//mobile/70percentblack.png) repeat; display: none;}
#detailWrapper .detailPlate{ width: 100%;height: 100vh; position: absolute; top: 0; }
#detailWrapper .detailPlate .img{ width: 100%;height: 100vh; position: absolute; }
#detailWrapper .detailPlate .img img{ width: 100%; height: auto; margin-top: 50px; }
#detailWrapper .detailPlate .title{ position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; background: rgba(255,255,255,0.8); text-align: center; line-height: 30px; font-family: 'microsoft yahei light'; }
#detailWrapper #non-looping{ width: 100%; height: 100vh; }
#detailWrapper .close{ position: absolute; top: 5px; right: 5px; background: #fff; color: #000; padding: 0 5px 3px;border-radius: 3px; z-index:999; }
#detailWrapper .pre{border-radius: 4px; text-align: center; line-height: 30px; background: rgba(255,255,255,0.3); width: 30px; height: 30px; position: absolute; ;left:5px; top: 40%; z-index: 999; }
#detailWrapper .next{border-radius:4px; text-align: center; line-height: 30px; background: rgba(255,255,255,0.3); width: 30px; height: 30px; position: absolute; ;right:5px; top: 40%; z-index: 999;}

#technology{ margin-top: 67px; }
#technology .cover img{ width: 100%; height: auto; }
#technology .table{ margin: 30px 0 40px 0; }
#technology .table img{ width: 100%; height: auto; }
#technology .pragraph{ margin: 20px auto 30px; font-family: 'microsoft yahei'; font-size: 14px; color: #959595; }
#technology .pragraph .title{ width: 89%; display: block; margin:0 auto 20px;  font-size: 20px; color:#626262;}
#technology .pragraph p{ width: 89%; display: block; margin: 0 auto; text-indent: 2em;}

#join{ margin-top: 67px; }
#join .cover img{ width: 100%; height: auto; }
#join .title img{ width: 100%; height: auto; }
#join .title{ background: #eee; }
#join .list{ padding-bottom: 50px; background: #eee; }
#join .list .joinlist{ width: 92%; height: 50px; margin: 0 auto; font-size: 14px; color: #333; border-top:#fff 1px solid; border-bottom:#ccc 1px solid;  }
#join .list .joinlist.fi{ border-top: none; }
#join .list .joinlist.la{ border-bottom: none; }
#join .list .joinlist .jobName{ line-height: 50px; margin-left: 10px;}
#join .list .joinlist .postTime{ line-height: 50px; margin-right: 10px;}
#join .post img{ width:100%; height: auto;  }

#invest{ margin-top: 67px; }
#invest .cover img{ width: 100%; height: auto; }
#invest .main{ width: 100%; margin-top: 27px; }
#invest .main .part1,#invest .main .part2,#invest .main .part3{ width: 95%; display: block; margin: 0 auto 20px; }
#invest .main .name{ width: 100%; font-size: 20px; color: #6c6c6c; }
#invest .main .listContainer{ width: 100%; margin-top: 5px; font-size: 12px; }
#invest .main .more{ width: 100%; margin: 5px 0; background: #eee; height: 25px; line-height: 25px; text-align: center; color: #bcbcbc; display: none; }
#invest .main .list{ width: 100%; height: 30px; line-height: 30px; }
#invest .main .list .title{ float: left; }
#invest .main .list .poster{ float: right; margin-right: 7px; color: #bcbcbc; }
#invest .main .list .viewNum{ float: right; color: #bcbcbc;}
#invest .table{ height: auto; padding: 35px 0; background: #c4dbdd; }
#invest .table input{ outline-style: none; border: none; }
#invest .table .tableContainer{width: 82%; margin: 0 auto; height: auto;  }
#invest .table .title{ width: 100%; font-size: 22px; color: #054d65; font-family: 'microsoft yahei light'; }
#invest .table .type{ margin-top: 10px; }
#invest .table .type .options{ margin-left: 20px; }
#invest .table .type .options span{ width: 10px; height: 10px; border-radius: 10px; border:#009cad 1px solid; display: inline-block; margin-right: 5px;}
#invest .table .type .options.selected span{ background: #009cad; }
#invest .table .input{ margin-top: 10px; }
#invest .table .input .name{ width: 80px; margin-right: 15px; } 
#invest .table .input .content{ margin-left: 80px; }
#invest .table .input .content input{ width: 90%; }
#invest .table .input .tip{ font-size: 12px; color: #bcbcbc; margin-right: 9%; /*margin-bottom:10px;*/ }
#invest .table .msg{ margin-top: 10px; }
#invest .table .msg textarea{ width: 95%; height: 300px; margin-top: 5px; resize: none; outline-style: none; }
#invest .table .verify{ margin-top: 10px;}
#invest .table .verify .text{ margin-right: 5px; }
#invest .table .verify .case{ padding: 0 4px; margin: 0 5px; background: #bcbcbc; width: 50px; text-align: center; }
#invest .table .verify input{ width: 100px; }
#invest .table .submitBtn{ width: 100%; color: #fff; line-height: 25px; text-align: center; margin: 20px 0 10px 0;}
#invest .table .submitBtn .submit{ width: 30%; height: 25px; background: #00c8d2; margin: 0 10% 0 15%;}
#invest .table .submitBtn .reset{ width: 30%; height: 25px; background: #8a8a8a; }
#invest .table .invest_error{ color: red; text-align: center; width: 100%; display: none; float:left; }