main a{-webkit-transition:all .3s;transition:all .3s}main img{vertical-align:top}main section{position:relative;min-width:1200px;max-width:1920px;width:100%;font-size:16px}main .container{position:relative;margin:0 auto;width:1200px}main h1,main h2,main h3,main h4,main h5,main h6{font-weight:normal;line-height:1.5}main h1{font-size:55px}main h2{font-size:30px}main h3{font-size:24px}main h4{font-size:20px}main h5{font-size:18px}main p{font-size:18px;line-height:1.5}main .pc{display:block}main .m-mobile{display:none}main .fl{float:left}main .fr{float:right}main #banner{position:relative;height:500px;background:url("../image/banner7.jpg") no-repeat center center;background-size:cover}main #banner h1{padding-top:160px;color:#ffea04;font-weight:bold;line-height:50px}main #banner h1>span{font-size:40px}main #banner .text{padding-top:16px;color:#fff;font-weight:bold;font-size:24px}main #dilemma{position:relative;overflow:hidden;margin:0 auto;width:100%;background:#cdebf6;text-align:center}main #dilemma h2,main #benefit h2,main #panel h2,main #run h2,main #multiport h2,main #discussion h2{padding-top:65px;padding-bottom:30px;color:#333}main #dilemma img{margin:75px auto 90px}main #benefit{position:relative;overflow:hidden;margin:0 auto;width:100%;text-align:center}main #benefit ul{position:relative;margin:55px auto 20px;width:100%}main #benefit ul li{float:left;margin-right:72px;width:246px;height:365px}main #benefit ul li:last-child{margin-right:0}main #benefit ul li .boldh2{padding:15px 0;font-weight:bold;line-height:30px}main #benefit ul li>p{text-align:justify}main #panel{position:relative;overflow:hidden;height:980px;background:url("../image/panel1.jpg") no-repeat center center;background-size:cover;text-align:center}main #panel .tabs{margin-top:30px;width:100%;text-align:center}main #panel .tabs .titles{display:inline-block}main #panel .tabs .titles>li{float:left;margin:0 20px;width:210px;height:45px;border-radius:30px;background:#aeaeae;cursor:pointer}main #panel .tabs .titles>li>p{color:#fff;line-height:45px}main #panel .tabs .titles .on{background:#08a8c5}main #panel .tabs .tab_img{overflow:hidden;margin:0 auto;margin-top:66px;width:873px;height:412px}main #run{position:relative;overflow:hidden;margin:0 auto;width:100%;text-align:center}main #run img{margin:70px auto}main .buttonM{position:relative;overflow:hidden;margin:0 auto;margin-bottom:70px;text-align:center}main .buttonM .btn_m{display:inline-block;margin:0 20px;width:240px;height:50px;border:1px solid #016c80;border-radius:5px;line-height:50px}main .buttonM .btn_m a{display:block;color:#016c80;text-decoration:none}main .buttonM .btn_m a:hover{background:#016c80;color:#fff}main #multiport{position:relative;overflow:hidden;height:480px;background:url("../image/mul11.jpg") no-repeat center center;background-size:cover}main #multiport ul{margin-top:15px}main #multiport ul li{margin-bottom:50px}main .txtp{display:inline-block;margin-left:15px}main .pbold{color:#17adc8;font-weight:bold}main #discussion{position:relative;overflow:hidden;height:605px;background:url("../image/discussionbg1.jpg") no-repeat center center;background-size:cover}main #discussion img{margin-top:92px}main #discussion h2{padding-right:60px}main #discussion .buttonM{float:left}main #discussion .buttonM .btn_m{margin:60px auto 0}@media (max-width: 768px){main section{min-width:100%;max-width:100%}main .container{width:100%}main h1{font-size:30px}main h2{font-size:26px}main h3{font-size:20px}main h4{font-size:18px}main h5{font-weight:bold;font-size:16px}main p{padding:0 20px;text-align:justify;font-size:18px;line-height:1.5}main .pc{display:none}main .m-mobile{display:block}main #banner h1{padding-top:160px;padding-left:20px;font-size:40px}main #banner h1>span{font-size:30px}main #banner .text{padding-left:20px;font-size:20px}main #dilemma h2,main #benefit h2,main #run h2,main #multiport h2,main #discussion h2{padding-top:35px;padding-right:20px;padding-bottom:20px;padding-left:20px;text-align:justify}main #dilemma img{margin:20px auto}main #benefit p br{display:none}main #benefit ul{margin:5% auto;width:90%}main #benefit ul li{display:inline-block;margin:10% auto;width:50%;height:auto;text-align:center}main #benefit ul li .boldh2{text-align:center;letter-spacing:-2px;font-size:22px}main #benefit ul li>p{padding:0 4%}main #panel{height:530px;background:url("../image/mpanel1.jpg") no-repeat center center;background-size:cover}main #panel .tabs{margin:0 auto}main #panel .tabs .titles{margin:0 auto;width:90%}main #panel .tabs .titles li{display:inline-block;margin:0 auto;margin-right:1%;margin-bottom:1%;width:32%;height:26px;text-align:center;letter-spacing:-1px}main #panel .tabs .titles>li>p{padding:0;color:#fff;text-align:center;font-size:14px;line-height:26px}main #panel .tabs .tab_img{overflow:hidden;margin:0 auto;margin-top:9%;width:100%;height:145px}main #run h2{text-align:center}main #run img{margin-top:5%;margin-bottom:5%}main #run ul{margin:0 5%;margin-bottom:5%}main #run ul li{margin-bottom:12%}main #run ul li h4{color:#17adc8;text-align:left;font-weight:bold}main #run ul li>p{padding:0}main .buttonM{margin-bottom:50px}main .buttonM .btn_m{margin-bottom:8%}main #multiport{height:550px;background:url("../image/mmul11.jpg") no-repeat center center;background-size:cover}main #multiport ul{overflow:hidden;margin:0 5%}main #multiport ul li{overflow:hidden;margin-bottom:15%}main .txtp{position:absolute;margin-left:0}main .pbold{padding:0;padding-left:2%}main #multiport ul li p{padding:0 5% 0 2%}main #discussion{height:545px;background:url("../image/mdiscussionbg1.jpg") no-repeat center center;background-size:cover}main #discussion h2{text-align:center}main #discussion p{text-align:center}main #discussion .buttonM{float:none;margin-top:200px}}@media (max-width: 360px){main #panel .tabs .titles li{width:45%}main #panel .tabs .tab_img{margin-top:2%}}html.no-mobile main #benefit ul li:first-child>a img:hover{content:url("../image/h-benefit1.png");cursor:pointer}html.no-mobile main #benefit ul li:nth-child(2)>a img:hover{content:url("../image/h-benefit2.png");cursor:pointer}html.no-mobile main #benefit ul li:nth-child(3)>a img:hover{content:url("../image/h-benefit3.png");cursor:pointer}html.no-mobile main #benefit ul li:last-child>a img:hover{content:url("../image/h-benefit4.png");cursor:pointer}

/*# sourceMappingURL=style.css.map */