*{border:0;margin:0;padding:0;}
html{font-size:10px}
@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}
@media screen and (min-width:800px){html{font-size:25px}}
body,html{height:100%;background-color:#000;width: 100%;-webkit-overflow-scrolling: touch;-webkit-overflow-scrolling: touch;}
ul{list-style:none;} 
.Operate{width:100%;height:4.1rem;background-color:rgb(255,255,255,0.05);position:fixed;top:0;z-index:999;}
.banner .Logo{width:14.1rem;height:2.63rem;position:absolute;top:20%;left:1.36rem;}
.banner .NavLogo{margin-right:0.30rem;width:2rem;height:2rem;position:absolute;right:2%;top:25%;}
.banner .retuern{display:none;margin-right:0.30rem;width:2rem;height:2rem;position:absolute;right:2%;top:25%;}
.Nav{display:block;position:fixed;right:0px;top:4rem;z-index:999;height:100%;width:100%;background-color:#fff;display:none;}
.Nav ul{width:26.82rem;height:4rem;margin:auto;list-style:none;}
.Nav ul li{width:17.73rem;padding:2rem 4rem 0.5rem;text-decoration:none;border-bottom:1px solid #cecece;}
.Nav ul li a{text-decoration:none;color:#222;font-size:1.2rem;}
.Pannel,.MainPannel{height:100%;width:100%;transition: all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.First,.Second,.Third,.Fourth,.Fifth,.Sixth,.Seventh{width:100%;height:100%;position:absolute;overflow:hidden;transition: all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;z-index:2}
.BackPark{position:fixed;width:100%;height:100%;display:block;z-index:1;}
.First{background:#0fb057;} 
.Second{background: #1ead8c;}
.Third{background:#2da1b5;}
.Fourth{background:#358abe;}  
.Fifth{background:#3872be;} 
.Sixth{background:#49b54a;}  
.Seventh{background:#435cb7;} 
.wrap{width:100%;height:100%;overflow:hidden}
.wrap2{width:100%;height:1000%;transition:.3s linear}
.page{width:100%;height:10%;}
.forms{width:100%;margin-top:19.91rem;}
.Myfw{width:14.2rem;margin:auto;}
.title{color:#fff;font-weight:bold;font-size:1.64rem;} 
.title_text{color:#fff;font-size:1.18rem;margin-top:2.1rem;}
.title_a{font-size:0.81rem;color:#fff;margin-top:1.72rem;}

/*背景文字区域*/ 
.forms1{margin:auto;margin-top:8.2rem;width:100%;} 
.serviceanimate{position:relative;width:25.23rem;margin:auto;}
.serviceanimate::after{clear:both;content:"";display:block;}
.service{float:left;border-radius:4px;background-color:#0fb057;z-index:30;width:9.55rem;height:6.37rem;margin-left:;margin-top:2.05rem;margin-bottom:3rem;}
.service::after{clear:both;content:"";display:block;}
.service:nth-child(even){margin-left:6rem;}
.bodd{width:9.55rem;height:6.37rem;}
.title_list_title{color:#eee;font-weight:bold;text-align:center;display:none;}
.title_list_text{color:#def2ed;display:none;} 
/*图片区域*/
.title_list{border:2px solid #44d585;border-radius:5px;width:9.55rem;height:6.36rem;text-align:center;}
.imgpostion{width:4.82rem;height:4.82rem;margin-top:5%;} 
.imgpostion-text{width:9.55rem;text-align:center;font-size:1.18rem;font-weight:bold;color:#fff;margin-top:1rem;}  
/*第二页图片展示区域*/ 
.Second{width:100%;}
.Second-img{width:23.64rem;height:14rem;margin:0 auto;margin-top:6.36rem;}
.Second-img img{width:23.64rem;height:14rem;} 
.radio {float:left;margin-left:1.82rem;} 
.radio input[type="radio"] {position: absolute;opacity: 0;}
.radio input[type="radio"] + .radio-label:before {content: '';background: #1ead8c;border-radius: 100%;border: 1px solid #187d66;display: inline-block;width:1.1rem;height:1.1rem;position: relative;vertical-align:top;cursor: pointer;text-align: center;-webkit-transition: all 250ms ease;transition: all 250ms ease;top:1px;right:1rem;}
.radio input[type="radio"]:checked + .radio-label:before {background-color: #084335;box-shadow: inset 0 0 0 3px #1ead8c;border: 1px solid #084335;}
.radio input[type="radio"]:focus + .radio-label:before {font-size:1.1rem;color:#084335;outline: none;border-color: #084335;}
.radio input[type="radio"] + .radio-label:empty:before {margin-right: 0;}
.mybtn{width:100%;}
.container{width:25.73rem;margin:auto;margin-bottom:1.27rem;}
.container::after{clear:both;content:"";display:block;}
/*文字区域*/ 
.ul1{width:100%;}
.ul1 li{height:6rem;width:27.27rem;margin:auto;color:#fff;}
.ul1 li .parallelimg{float:left;width:5rem;height:5rem;}
.ul1 li .parallel{width:21rem;height:5rem;float:left;margin-left:1.1rem;margin-top:0.2rem;}
.parallel_title{font-size:1.2rem;font-weight:bold;}
.parallel_text{margin-top:0.2rem;line-height:1.1rem;font-size:1.1rem;word-break: normal;/*正常避头尾 */text-align:justify;/*文字左右对齐*/}
.ul1 li img{width:5rem;height:5rem;margin-top:0.3rem;}
.ul1 li img::after{clear:both;content:"";display:block;}
/*第三页展示区域*/
.Third-backgroundimg{background-image:url(MobileImg/3_1.png);width:15rem;height:45.72rem;background-size:15rem 45.72rem;position:absolute;margin-top:4.1rem;margin-left:25%;}
.Third-border{margin:4.1rem auto 0;width:27.27rem;}
.Third-border .Third-title-box::after{clear:both;content:"";display:block;}
.Third-border .Third-title-box div{font-size:0.9375rem;font-weight:bold;color:#d0f6fd;display:inline-block;text-align:right;width:49%;}
.Third-border .Third-title-box div:first-child{text-align:left;}
.Third-border ul{width:100%;font-size:0.8125rem;color:#ecfbfd;}
.Third-list{margin-top:6rem;}
.Third-list:nth-child(2){margin-top:4rem;}
.Third-list:last-child{margin-top:-0.6rem}
.Third-list:nth-of-type(odd){text-align:right;} 
.Third-list:nth-of-type(even){text-align:left;}
 
/*第四页展示区域*/
.Fourth-NumberTitle{line-height:4.55rem;font-size:1.625rem;width:4.55rem;height:4.55rem;margin: 9rem auto 3.18rem;border:0.25rem solid #53a6d9;border-radius:3.125rem;text-align:center;font-size:bold;color:#358abe;background-color:#fff;}
.Fourth-listbox{width:100%;height:24.73rem;overflow:hidden;position:relative;white-space: nowrap;}
.Fourth-list:first-child{border:1px solid #358abe;margin-left:7.95rem;box-shadow: 0px 0px 6px white;border-radius:4px;color:#fff;}
.Fourth-list{margin-right:2.05rem;margin-top:1rem;width:18.18rem;height:22.73rem;display:inline-block;vertical-align: top;box-shadow: 0px 0px 6px rgb(0,0,0,0.4);border-radius:4px;color:#4a555b;}
.Fourth-title{width:100%;text-align:center;margin-top:1.82rem;font-size:1.36rem;margin-bottom:2.09rem;font-weight:bold;}
.Fourth-img{width:100%;height:5.45rem;text-align:center;}
.Fourth-img img{width:5.45rem;height:5.45rem;}
.Fourth-text{width:90%;padding:0 5%;height:7.3rem;text-align:left;margin-top:1.36rem;font-size:1.18rem;white-space:normal;text-indent:26px;}
.ArrowList{width:100%;margin-top:1.5625rem;height:1.375rem;}
.Arrowbtn_box{margin:auto;width:4rem;}
.btn1{width:1rem;height:1rem;display:inline-block;border-top:2px solid #fff;border-left:2px solid #fff;transform:rotate(-45deg);margin-right:0.9rem;margin-left:0.2rem;}
.btn2{width:1rem;height:1rem;display:inline-block;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)}
 
 /*about 页面内容*/ 
 
.Sixth-textbox{width:90%;margin:4.8rem auto 0;}
.Sixth-title{width:100%;text-align:center;font-weight:bold;font-size:1.36rem;color:#fff;margin-bottom:1.05rem;}
.Sixth-titletext{width:100%;text-indent:20px;font-size:0.91rem;color:#fff;}
.Sixth-titlex{width:100%;font-size:0.91rem;color:#fff;}
.Sixth-titleimg{width:100%;text-align:center;margin-top:0.82rem;}
.Sixth-titleimg img{width:18.18rem;height:18.18rem;}


/*联系我们*/
.Sixth-box{width:27.27rem;margin:5.27rem auto 0;} 
.Sixth-ComtactUs{font-size:15px;color:#def2ed;font-weight:bold;margin-bottom:10px;}
.ComtactUs-box{width:27.27rem;height:14.1rem;text-align:center;}
.ComtactUs-box img{width:27.27rem;height:14.1rem;}
.address{width:100%;height:1.36rem;margin-top:1.55rem;margin-bottom:2.27rem;} 
.address img{width:1.1rem;height:1.36rem;margin-right:10px;position:relative;top:2px;}
.address span{color:#f9f9f9;font-size:12px;line-height:15px;} 
.cooperation{width:100%;height:6.64rem;}
.cooperation::after{clear:both;content:"";display:block;}
.cooperation-img{float:left;}
.cooperation-img img{width:6.63rem;height:6.63rem;}
.cooperation-text{float:left;height:6.63rem;}
.cooperation-text div{color:#f9f9f9;font-size:1.1rem;line-height:24px;margin-left:20px;} 
 
/*商务合作*/
.Sixth-boxs{width:27.27rem;margin:5.27rem auto 0;display:none;}  
.Cooperation-box{width:26rem;margin:auto;} 
.Cooperation-box::after{clear:both;content:"";display:block;}
.Cooperation-boxs{margin-bottom:1.45rem;width:12rem;height:8.18rem;border:1px solid #6be06c;border-radius:4px;float:left;}
.Cooperation-boxs:nth-child(even){margin-left:1.4rem;}
.Cooperation-z1 div{float:left;}
.Cooperation-z1 .z1-text{width:13px;height:100%;color:#fff;margin-left: 20px;margin-right: 20px;margin-top:15px;font-size:0.9rem;}
.Cooperation-z1 .z1-img{width:50%;text-align:center;} 
.Cooperation-z1 .z1-img img{width:44px;height:44px;margin-top:26px;}
.Cooperation-z1::after{clear:both;content:"";display:block;}
.Cooperation-input{width:26rem;margin:auto;}
.Cooperation-input input{height:1.36rem;width:11rem;padding:0.5rem;border:1px solid #fff;color:#fff;font-size:0.9rem;border-radius:4px;background:transparent;outline:none;}
.Cooperation-input input:nth-child(even){margin-left:1rem;}
input::-webkit-input-placeholder{color:#fff;}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#fff;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#fff;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#fff;}
.Cooperation-textimg-box{width:25.6rem;margin: 1.5rem auto 0;border:1px solid #fff;border-radius:4px;}
.Cooperation-textimg-box::after{clear:both;content:"";display:block;}
.Cooperation-textarea{float:left;width:23rem;height:11.82rem;}
.Cooperation-textarea textarea{resize:none;background:transparent;outline:none;width:22rem;height:10.82rem;color:#fff;font-size:0.91rem;padding:0.5rem;}
textarea::-webkit-input-placeholder{color:#fff;font-size:0.91rem;}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#fff;font-size:0.91rem;}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#fff;font-size:0.91rem;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#fff;font-size:0.91rem;}
.Cooperation-img{float:left;width:2.5rem;height:11.82rem;border-left:1px solid #fff;line-height:11.82rem;text-align:center;}
.Cooperation-img img{width:1.55rem;height:1.55rem;}  
.Sixth-ArrowList{width:100%;position:fixed;bottom:1rem;}
 
/*招聘页导航条*/ 
.Seventh ul {text-align:center;width:100%;height:4rem;margin:4.27rem 2px 0;}
.Seventh ul::after{clear:both;content:"";display:block;} 
.Seventh ul li{float:left;font-size:1.27rem;color:#28304f;line-height:4rem;width:4.4rem;height:4rem;}
.Seventh ul li:first-child{font-size:1.3rem;color:#fff;}
.Seventh .text-box{width:27.27rem;height:27.27rem;margin:auto;display:none;}
.Seventh .text-title{margin-top:32px;font-size:13px;color:#fff;font-weight:bold;}
.Seventh .text-span{margin-top:12px;font-size:11px;color:#fff;}
.resume-box{width:27.27rem;margin:auto;}
.resume-box .resume-text{font-size:10px;color:#a1aedb;}
.resume-box .resume-btn{width:300px;height:30px;border:1px solid #a1aedb;margin:6px 0;border-radius:4px;}
.resume-box .resume-btn div{float:left;}
.resume-box .resume-btn .resume-input{width:220px;height:20px;padding:5px;}
.resume-box .resume-btn div{width:230px;height:30px;background:transparent;outline:none;color:#a1aedb;font-size:10px;}
.resume-box .resume-btn input{display:none;}
.resume-box .resume-btn .resume-img{width:69px;height:30px;text-align:center;line-height:40px;border-left:1px solid #a1aedb}
.resume-box .resume-btn img{width:18px;height:20px;}
.resume-Explain{font-size:10px;color:#a1aedb;}

.Seventh-ArrowList{width:100%;height:1.375rem;}
.btn1:hover::before{content:"";display:block;width:20px;height:20px;border:1px solid black;border-radius:10px;margin-left:-8px;margin-top:-8px;}
.btn2:hover::before{content:"";display:block;width:20px;height:20px;border:1px solid black;border-radius:10px;margin-left: -4px;margin-top: -8px;}
.btn1:hover{border-top:2px solid black;border-left:2px solid black;}
.btn2:hover{border-top:2px solid black;border-right:2px solid black;}