@charset "utf-8";
html,body{font-size:12px; }
body{ margin:0 auto; padding:0px; font-size:1em; font-family:"微软雅黑"; color:#2a5abe;background:#fff;position:relative;-moz-user-select:none;min-width:320px;overflow-x:hidden;}
p,ul,li,dl,dd,dt,form,imput,h1,h2,h3,h4,h5,h6,h7{margin:0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;}
ul,li{ margin:0px; padding:0px; list-style-type:none;}
img{ border:none; vertical-align:top;}
a{text-decoration:none;color:#fff;}
a:hover{text-decoration:none;color:#2a5abe;}
.strong{ font-weight:bold;}
.fl{ float:left;}
.fr{ float:right;}
.auto{width:100%;height:auto;}
.clear{ clear:both; overflow:hidden; line-height:0px; height:0px; font-size:0px;}
i,em{list-style:none; font-style:normal;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
input,select,button{font:12px "微软雅黑";vertical-align:middle;}
select::-ms-expand { display: none;}
.wrap{max-width:1500px;height:auto;margin:0 auto;position:relative;}
/*页码*/
.page{width:100%;height:auto;margin:20px auto;text-align: center;}
.page ul{min-height: 100%;}
.page li{box-shadow:none;width:32px;border-radius:0;font-size:14px;display:inline-block;line-height:32px;margin-bottom:0;padding-bottom:0;border-bottom:none;text-align: center;border:1px solid #5bc2d0 !important;border-radius:5px;text-align: center;margin-right:10px;color:#5bc2d0;}
.page li span{font-size:14px;display:inline;padding:0;line-height:32px;width:32px;display:block;}
.page li a{font-size:14px;display:block;margin-right:0;border:none !important;color:#5bc2d0;}
.page li .active span{display:block;margin-right:10px;}
.page li:first-child{border:1px solid #5bc2d0;margin-right:10px;}
.page li:first-child span{display:block;text-align: center;}
.page li:hover{background:#5bc2d0;color:#fff;}
.page li:hover a{background:#5bc2d0;color:#fff;}
.page .active{background:#5bc2d0;color:#fff;}
.page a:hover{border:none !important;}
/*head*/
.head{width:100%;height:auto;position:absolute;top:25px;left:0;z-index:100;}
.head22{width:100%;height:auto;position:relative;background:#fff;padding-top:25px;}
.logo{width:487px;height:auto;overflow:hidden;float:left;}
.nav{width:calc(100% - 500px);height:auto;float:right;text-align:right}
.nav li{width:auto;font-size:17px;color:#333333;display:inline-block;padding:25px 15px;position:relative;}
.nav li a{color:#333333;}
.nav li ul{width:100%;background:#fff;height:auto;overflow:hidden;position:fixed;top:90px;left:0;z-index:1000;padding:0px 0 40px 0;display:none}
.jxnav{width:100%;background:#fff;height:auto;overflow:hidden;position:absolute;top:60px;left:0;z-index:1000;padding:10px 0;display:none}
.jxnav a{display:block;width:100%;height:auto;overflow:hidden;text-align:center;font-size:14px;padding:5px 0;}
.jxnav a:hover{color:#25c3da}
.nav li:hover .jxnav{display:block}
.nav li ul li{width:14.285%;height:auto;overflow:hidden;text-align:center;float:left;padding:0px 0 0 0;}
.nav li ul li p{width:100%;font-size:16px;color:#333333;text-align:center;height:auto;overflow:hidden;padding:5px 0;}
.nav li ul li a{width:100%;font-size:14px;color:#25c3da;text-align:center;height:auto;overflow:hidden;}
.nav li ul li img{display:block;max-width:100%;margin:0 auto;padding:5px 0 0 0;transition: all 0.5s ease}
.nav li:hover ul{display:block}
.nav li ul li:hover img{padding:0 0 5px 0;}
.nav li ul li a:hover{text-decoration:underline;}
.prodetailsbox{width:100%;height:auto;overflow:hidden;}
.side{position:fixed;width:78px;right:0;top:70%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0;z-index: 1000000000}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li a{color:#000;}
.side ul li:hover{background:#1aa5ba;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#1aa5ba;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-241px;top:0;background-image:url(../images/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:79px;display:none;color:#000;text-align:left;position:absolute;left:-240px;top:0px;background:#fff;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox dd{display:block;height:59px;overflow:hidden;padding-left:20px;line-height:24px;font-size:18px;color:#000;}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:12px;font-size:16px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#fff}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
.bgs1 a{color:#000;}
.side ul li:hover .bgs1 a{color:#000 !important}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
/*头部*/
.navbtn{display:none;width:35px;height:35px;position: absolute;top:35px;right:10px;z-index:100000001;transition:0.5s;}
#fh5co-offcanvas{width:100%;height:auto;overflow:hidden;position:absolute;z-index:10000000000;padding-top:90px;top:0;left:0;}
#fh5co-offcanvas li{width:100%;padding:10px 0;line-height:23px;font-size:14px;color:#fff;border-bottom:1px dotted #fff;background:#1aa5ba;}
#fh5co-offcanvas li i{width:auto;line-height:23px;font-size:18px;color:#fff;float:right;padding-right:15px;font-family:"宋体"}
#fh5co-offcanvas li a{color:#fff;padding-left:3%;display: block;}
#fh5co-offcanvas{display:none}
#fh5co-offcanvas li ul{width:auto;overflow:hidden;background:#fff !important;margin:10px 0;display:none}
#fh5co-offcanvas li ul li{width:97%;height:auto;line-height:30px;font-size:12px;padding-left:3% !important;background:#fff !important;border-bottom:1px dotted #999999 !important;color:#333;margin:0}
#fh5co-offcanvas li:last-child{border:none}
#fh5co-offcanvas li ul a{padding:0;color:#333}
.phonebanner{display:none}
.cotone{width:100%;height:auto;overflow:hidden;background:#fff;border-top-left-radius:350px;margin-top:-350px;position:relative;z-index:10000;padding:85px 0 450px 0;position:relative;}
.cotoneleft{width:50%;height:auto;overflow:hidden;float:left;background:url(../images/indexpic2.jpg) no-repeat right top;padding-top:135px;}
.cotoneright{width:50.57%;height:auto;overflow:hidden;position:absolute;right:0px;top:0;z-index:10;padding-top:35px;}
.cotoneleft em{display:block;width:100%;height:auto;overflow:hidden;font-size:50px;color:#1aa5ba;font-weight:bold}
.cotoneleft span{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#1aa5ba;font-weight:lighter;padding:10px 0;text-transform:uppercase;}
.cotoneleft strong{display:block;width:100%;height:auto;overflow:hidden;font-size:30px;color:#333333;font-weight:normal}
.cotoneleft p{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;color:#333333;line-height:28px;padding-top:50px;}
.cotoneleft a{display:inline-block;width:auto;height:auto;overflow:hidden;font-size:18px;color:#1aa5ba;padding:10px 30px;border:2px solid #1aa5ba;border-radius:50px;margin-top:50px;}
.cotoneleft a:hover{background:#1aa5ba;color:#fff;}
.cottwo{width:100%;height:auto;overflow:hidden;background:url(../images/cottwobg.png) no-repeat center left #f8f8f8;border-top-right-radius:350px;margin-top:-310px;position:relative;z-index:10000;padding:100px 0 450px 0;position:relative;}
.cottwoleft{width:46.8%;height:auto;overflow:hidden;float:left;padding-top:35px;}
.cottwoleft2{width:46.8%;height:auto;overflow:hidden;float:right;padding-top:35px;display:none}
.cottwoleft img{display:block;max-width:100%;transition: all 1s ease}
.cottwoleft2 img{display:block;max-width:100%;transition: all 1s ease}
.cottwoleft:hover img{-webkit-transform:rotate(15deg);-moz-transform: rotate(-15deg);}
.cottworight{width:50%;height:auto;overflow:hidden;float:right;padding-top:100px;}
.cottworight em{display:block;width:100%;height:auto;overflow:hidden;font-size:50px;color:#1aa5ba;font-weight:bold}
.cottworight span{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#1aa5ba;font-weight:lighter;padding:10px 0;text-transform:uppercase;}
.cottworight strong{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#333333;font-weight:normal;line-height:36px;}
.cottworight p{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;color:#333333;line-height:28px;padding-top:50px;}
.cottworight a{display:inline-block;width:auto;height:auto;overflow:hidden;font-size:18px;color:#1aa5ba;padding:10px 30px;border:2px solid #1aa5ba;border-radius:50px;margin-top:50px;}
.cottworight a:hover{background:#1aa5ba;color:#fff;}
.cotthree{width:100%;height:auto;overflow:hidden;background:#fff;border-top-left-radius:350px;margin-top:-350px;position:relative;z-index:10000;padding:85px 0 420px 0;position:relative;}
.cotthreeleft{width:50%;height:auto;overflow:hidden;float:left;background:url(../images/indexpic2.jpg) no-repeat right top;padding-top:85px;}
.cotthreeright{width:50.57%;height:auto;overflow:hidden;position:absolute;right:0px;top:0;z-index:10;padding-top:148px;}
.cotthreeleft em{display:block;width:100%;height:auto;overflow:hidden;font-size:50px;color:#1aa5ba;font-weight:bold}
.cotthreeleft span{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#1aa5ba;font-weight:lighter;padding:10px 0;text-transform:uppercase;}
.cotthreeleft strong{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#333333;font-weight:normal;line-height:36px;}
.cotthreeleft p{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;color:#333333;line-height:28px;padding-top:50px;}
.cotthreeleft a{display:inline-block;width:auto;height:auto;overflow:hidden;font-size:18px;color:#1aa5ba;padding:10px 30px;border:2px solid #1aa5ba;border-radius:50px;margin-top:50px;}
.cotthreeleft a:hover{background:#1aa5ba;color:#fff;}
.cotfour{width:100%;height:auto;overflow:hidden;background:#f8f8f8;border-top-right-radius:350px;margin-top:-310px;position:relative;z-index:10000;padding:130px 0 400px 0;position:relative;}
.cotfourtitle{width:100%;height:auto;overflow:hidden;padding-top:30px;}
.cotfourtitleleft{width:70%;height:auto;overflow:hidden;float:left;}
.cotfourtitleright{width:30%;height:auto;overflow:hidden;float:right;text-align:right;}
.cotfourtitleleft em{display:block;width:100%;height:auto;overflow:hidden;font-size:48px;color:#1aa5ba;font-weight:bold}
.cotfourtitleleft span{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#38b1c2;font-weight:lighter;padding:10px 0;text-transform:uppercase;}
.cotfourtitleleft span i{color:#333;display:inline-block;padding-left:20px;}
.cotfourtitleleft strong{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#333333;font-weight:normal;line-height:36px;}
.cotfourtitleleft p{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;color:#333333;line-height:28px;padding-top:10px;}
.cotfourtitleright a{display:inline-block;width:auto;height:auto;overflow:hidden;font-size:18px;color:#1aa5ba;padding:10px 30px;border:2px solid #1aa5ba;border-radius:50px;margin-top:50px;}
.cotfourtitleright a:hover{background:#1aa5ba;color:#fff;}
.cotfourbox{width:100%;height:auto;overflow:hidden;padding-top:100px;}
.nrbox{width:100%;height:auto;overflow:hidden;padding-bottom:60px;}
.nrbox li{width:15.2%;height:auto;overflow:hidden;background:#fff;float:left;border-radius:50px;padding:40px 1%;margin-right:3.5%;}
.nrbox li:nth-child(5n){margin-right:0;}
.nrbox li img{display:block;width:auto !important;margin:0 auto;transition: all 0.8s ease}
.nrbox li p{display:block;width:100%;height:auto;overflow:hidden;font-size:18px;color:#333333;line-height:30px;text-align:center;}
.nrbox li i{width:30px;height:1px;background:#333;display:block;margin:10px auto 20px auto;}
.nrbox li:hover img{-webkit-transform:rotateY(180deg);-moz-transform: rotateY(180deg);}
.cotfive{width:100%;height:auto;overflow:hidden;background:#fff;border-top-left-radius:350px;margin-top:-310px;position:relative;z-index:10000;padding:100px 0 380px 0;position:relative;}
.cotfivebox{width:100%;height:auto;overflow:hidden;padding:30px 0;}
.cotfivebox li{width:calc(27.33% - 1px);border-left:1px solid #f0f0f0;float:left;background:#fff;padding:50px 3%;height:471px;overflow:hidden;}
.cotfivebox li:nth-child(3n){border-right:1px solid #f0f0f0;width:calc(27.33333333333333% - 2px);}
.cotfivebox li img{display:block;max-width:100%;margin:0 auto;transition: all 0.8s ease;overflow:hidden;}
.cotfivebox li em{display:block;width:100%;height:auto;overflow:hidden;font-size:20px;color:#333;font-weight:bold;margin:20px 0;text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/}
.cotfivebox li span{display:block;width:100%;height:auto;overflow:hidden;font-size:26px;color:#333;font-weight:bold;}
.cotfivebox li p{display:block;width:100%;height:56px;overflow:hidden;font-size:14px;color:#888;line-height:28px;margin:20px 0;}
.cotfivebox li i img{display:block;margin:40px 0 0 0 !important;transition: all 0.8s ease}
.cotfivebox li:hover i img{-webkit-transform:rotate(45deg);-moz-transform: rotate(-45deg);}
.cotfivebox li:hover img{-webkit-transform:rotateY(180deg);-moz-transform: rotateY(180deg);}
.cotfivebox li:hover em{color:#1aa5ba;}
.fenglei{width:100%;height:auto;overflow:hidden;font-size:13px;color:#999;}
.fenglei i{display:inline-block;background:#1aa5ba;border-radius:50px;font-size:13px;color:#fff;padding:2px 10px;margin-right:10px;}
.footbg{width:100%;height:auto;overflow:hidden;background:#5bc2d0;border-top-right-radius:350px;margin-top:-310px;position:relative;z-index:10000;padding:100px 0 20px;position:relative;}
.footbg22{width:100%;height:auto;overflow:hidden;background:#5bc2d0;position:relative;z-index:10000;padding:70px 0 20px;position:relative;}
.footleft{width:34.33%;height:auto;overflow:hidden;float:left;}
.footleft a:hover{color:#fff;}
.footcenter{width:32.33%;height:auto;overflow:hidden;float:left;padding:120px 1.5% 0 1.5%;}
.footright{width:27.33%;height:auto;overflow:hidden;float:right;padding-top:120px;}
.footleft em{display:block;width:100%;height:auto;overflow:hidden;font-size:50px;color:#fff;font-weight:bold}
.footleft span{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#fff;font-weight:lighter;padding:10px 0 20px 0;text-transform:uppercase;}
.footleft p{display:block;width:100%;height:auto;overflow:hidden;font-size:15px;color:#fff;line-height:42px;}
.footcenter li{width:100%;height:auto;overflow:hidden;}
.copyright{width:100%;height: auto;text-align: center;font-size:14px;color: #fff;margin-top: 80px;border-top: 1px #fff solid;padding-top: 20px;opacity: 0.6;}
.copyright a{color:#fff;}
.copyright a:hover{color: #fff;}
.bgbox{width:calc(94% - 4px);border:1px solid #fff;border-radius:30px;padding:10px 3%;outline:none;background:none;font-size:14px;color:#fff;font-size:16px;margin-bottom:20px;}
.bgbox2{width:120px;border:1px solid #fff;border-radius:30px;padding:10px 3%;outline:none;background:#fff;text-align: center;font-size:14px;color:#5bc2d0;font-size:16px;margin-bottom:20px;margin:0 auto;cursor: pointer;}
.bgbox::-webkit-input-placeholder{color:#fff;} /* 使用webkit内核的浏览器 */
.bgbox:-moz-placeholder{color:#fff;} /* Firefox版本4-18 */
.bgbox::-moz-placeholder{color:#fff;} /* Firefox版本19+ */
.bgbox:-ms-input-placeholder{color:#fff;}
.footright span{display:block;text-align:center;width:48%;float:left;padding:0 1%;}
.footright img{display:block;max-width:100%;margin:0 auto;transition: all 0.8s ease}
.footright p{display:block;width:100%;height:auto;overflow:hidden;font-size:15px;color:#fff;line-height:34px;}
.wap{display:none}
.wap2{display:none}
.wap3{display:none}
.margintop{margin-top:0 !important;}
.borderline{border-bottom:1px solid #f0f0f0;}
.layui-layer-content{color:#333;}
/*about*/
.nybanner{width:100%;height:auto;overflow:hidden;position:relative;text-align: center;}
.nybannertext{width:100%;height:auto;overflow:hidden;position:absolute;top:0;left:0;z-index:10;padding-top:230px;}
.nybannertext em{display:block;width:100%;height:auto;overflow:hidden;font-size:40px;color:#000000;font-weight:lighter;text-align: left;text-shadow: 2px 2px 2px #fff, 2px 2px 2px #fff;}
.nybannertext p{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;color:#000000;font-weight:lighter;margin-top:20px;text-align: left;text-shadow: 0px 0px 2px #fff, 0px 0px 2px #fff;font-weight:normal}
.location{width:100%;height:auto;overflow:hidden;text-align:right;font-size:14px;color:#333333;position:relative;z-index:1000000;padding-bottom:20px;}
.location a{color:#333333;}
.abcotone{width:100%;height:auto;overflow:hidden;background:#fff;border-top-left-radius:350px;margin-top:-400px;position:relative;z-index:10000;padding:45px 0 200px 0;position:relative;}
.abcotoneright{width:42.9%;height:auto;overflow:hidden;position:absolute;right:0px;top:0;z-index:10;padding-top:135px;}
.abcottwo{width:100%;height:auto;overflow:hidden;background:url(../images/indexpic17.jpg) no-repeat bottom center #f8f8f8;padding-top:85px;padding-bottom:550px;}
.abcottwotitle{width:100%;height:auto;overflow:hidden;}
.abcottwotitle em{display:block;width:100%;height:auto;overflow:hidden;font-size:50px;color:#1aa5ba;font-weight:bold}
.abcottwotitle span{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#1aa5ba;font-weight:lighter;padding:10px 0;text-transform:uppercase;}
.abcottwotitle strong{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#333333;font-weight:normal;line-height:36px;}
.abcottwotitle p{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;color:#333333;line-height:28px;padding-top:0px;}
.abcotthree{width:100%;height:auto;overflow:hidden;background:url(../images/indexpic18.jpg) no-repeat center;padding:65px 0;}
.abcotoneleft{width:50%;height:auto;overflow:hidden;float:left;background:url(../images/indexpic2.jpg) no-repeat right top;padding-top:135px;padding-bottom:50px;}
.abcotoneleft em{display:block;width:100%;height:auto;overflow:hidden;font-size:50px;color:#1aa5ba;font-weight:bold}
.abcotoneleft span{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#1aa5ba;font-weight:lighter;padding:10px 0;text-transform:uppercase;}
.abcotoneleft strong{display:block;width:100%;height:auto;overflow:hidden;font-size:30px;color:#333333;font-weight:normal;padding-bottom:30px;}
.abcotoneleft p{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;color:#333333;line-height:34px;text-indent:2em}
.abcotoneleft a{display:inline-block;width:auto;height:auto;overflow:hidden;font-size:18px;color:#1aa5ba;padding:10px 30px;border:2px solid #1aa5ba;border-radius:50px;margin-top:50px;}
.abcotoneleft a:hover{background:#1aa5ba;color:#fff;}
.abcotthree ul{width:100%;height:auto;overflow:hidden;padding:20px 0;}
.abcotthree li{width:31.46%;height:auto;overflow:hidden;float:left;}
.abcotthree li:nth-child(2){margin:0 2.81%;}
.abcotthree li img{display:block;width:100%;border-radius:10px;}
.abcotthree li em{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#333333;font-weight:bold;text-align:center;padding-top:40px;}
.abcotthree li p{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;color:#333333;line-height:28px;padding-top:10px;text-align:center}
.tjnewsbox{width:96%;height:auto;overflow:hidden;background:#fafafa;padding:30px 2%;margin:20px 0;}
.tjnewspic{width:700px;height:auto;overflow:hidden;float:left;}
.tjnewspic img{max-width: 100%;}
.tjnewstext{width:calc(100% - 730px);height:auto;overflow:hidden;float:right;}
.tjnewstext em{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#333333;font-weight:bold;text-align:left;padding-top:40px;}
.tjnewstext span{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#c3c3c3;font-weight:bold;text-align:left;padding:10px 0;}
.tjnewstext p{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;color:#333333;line-height:28px;margin-top:10px;text-align:left}
.tjnewstext a{display:inline-block;width:auto;height:auto;overflow:hidden;font-size:18px;color:#1aa5ba;padding:10px 30px;border:2px solid #1aa5ba;border-radius:50px;margin-top:50px;}
.tjnewstext a:hover{background:#1aa5ba;color:#fff;}
.newscotone{width:100%;height:auto;overflow:hidden;background:#fff;border-top-left-radius:350px;margin-top:-400px;position:relative;z-index:10000;padding:45px 0 50px 0;position:relative;}
.article{width:100%;height:auto;overflow:hidden;margin-top:20px;border-top:1px solid #f0f0f0;padding-top:30px;}
.articletitle{width:100%;height:auto;overflow:hidden;}
.articletitle em{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#333333;font-weight:bold;text-align:left;padding-top:20px;}
.articletitle span{display:block;width:100%;height:auto;overflow:hidden;font-size:14px;color:#888;line-height:28px;padding:10px 0;text-align:left}
.article p{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;color:#333333;line-height:28px;padding-top:10px;text-align:left}
.article img{display:block;max-width:100%;margin:20px auto;transition: all 0.8s ease}
.articlemore{width:100%;height:auto;overflow:hidden;margin:40px 0 20px 0;}
.articlemore a{width:46%;display:block;float:left;text-align:center;padding:20px 2%;font-size:16px;color:#333333;text-align:center;text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/background:#dff5f8;}
.articlemore a:hover{background:#76cedb;color:#fff;}
.articlemorecur{background:#76cedb !important;color:#fff !important;}
.newsimgbox{max-height:228px;overflow: hidden;}
/*piano*/
.pianotitle{width:100%;height:auto;overflow:hidden;padding-top:30px;}
.pianotitle em{display:block;width:100%;height:auto;overflow:hidden;font-size:40px;color:#1aa5ba;}
.pianotitle span{font-size:24px;font-weight:lighter !important;padding:10px 0 0 10px;display:inline-block;text-transform:uppercase;}
.pianotitle strong{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#333333;font-weight:normal;line-height:36px;}
.pianotitle p{display:block;width:100%;height:auto;overflow:hidden;font-size:20px;color:#333333;line-height:28px;margin-top:10px;text-align:left;font-weight:lighter;}
.pianocotone{width:100%;height:auto;overflow:hidden;background:url(../images/indexpic25.jpg) no-repeat bottom center #fff;border-top-left-radius:350px;margin-top:-400px;position:relative;z-index:10000;padding:45px 0 625px 0;position:relative;}
.pianocottwo{width:100%;height:auto;overflow:hidden;padding:30px 0;}
.pianotitle2{width:100%;height:auto;overflow:hidden;padding-top:30px;}
.pianotitle2 em{display:block;width:100%;height:auto;overflow:hidden;font-size:40px;color:#1aa5ba;font-weight:bold;text-align:center;}
.pianotitle2 span{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#1aa5ba;font-weight:lighter;text-align:center;text-transform:uppercase;}
.pianotitle2 strong{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#333333;font-weight:normal;line-height:36px;}
.pianotitle2 p{display:block;width:100%;height:auto;overflow:hidden;font-size:20px;color:#333333;line-height:28px;margin-top:10px;text-align:center;font-weight:lighter;}
.pianocottwobox{width:100%;height:auto;overflow:hidden;padding:50px 0;}
.pianocottwoboxleft{width:44.8%;float:left;height:auto;overflow:hidden;text-align:center}
.pianocottwoboxleft dt{display:block;width:100%;height:auto;overflow:hidden;background:#c0eaf0;font-size:24px;color:#000000;font-weight:bold;padding:20px 0;}
.pianocottwoboxleft dd{display:block;width:100%;height:auto;overflow:hidden;font-size:18px;color:#333333;font-weight:normal;padding:20px 0;background:url(../images/13.png) no-repeat 10% center #f0fdff;}
.pianocottwoboxleft dd:nth-child(2n+1){background:url(../images/13.png) no-repeat 10% center #fff;}
.pianocottwoboxright dt{display:block;width:100%;height:auto;overflow:hidden;background:#c0eaf0;font-size:24px;color:#000000;font-weight:bold;padding:20px 0;}
.pianocottwoboxright dd{display:block;width:100%;height:auto;overflow:hidden;background:#f0fdff;font-size:18px;color:#333333;font-weight:normal;padding:20px 0;}
.pianocottwoboxright dd:nth-child(2n+1){background:#ffffff}
.pianocottwoboxcenter{width:10.4%;float:left;height:auto;overflow:hidden;text-align:center;background:#1aa5ba}
.pianocottwoboxright{width:44.8%;float:left;height:auto;overflow:hidden;text-align:center}
.pianocottwoboxcenter dt{display:block;width:100%;height:auto;overflow:hidden;font-size:45px;color:#fff;font-weight:bold;padding:6px 0;font-style:italic;}
.pianocottwoboxcenter dd{display:block;width:100%;height:auto;overflow:hidden;font-size:18px;color:#fff;font-weight:bold;padding:20px 0;}
.pianothree{width:100%;height:auto;overflow:hidden;background:url(../images/indexpic27.jpg) no-repeat bottom center;padding:230px 0 300px 0;}
.pianotitle3{width:100%;height:auto;overflow:hidden;padding-top:30px;}
.pianotitle3 em{display:block;width:100%;height:auto;overflow:hidden;font-size:40px;color:#1aa5ba;font-weight:bold;text-align:left;}
.pianotitle3 span{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#1aa5ba;font-weight:lighter;text-align:left;text-transform:uppercase;}
.pianotitle3 strong{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#333333;font-weight:normal;line-height:36px;}
.pianotitle3 p{display:block;width:100%;height:auto;overflow:hidden;font-size:20px;color:#333333;line-height:28px;margin-top:10px;text-align:left;font-weight:lighter;}
.pianofour{width:100%;height:auto;overflow:hidden;background:url(../images/indexpic28.jpg) no-repeat bottom center;padding:230px 0 250px 0;}
.pianotitle4{width:37%;height:auto;overflow:hidden;padding-top:30px;float:right;}
.pianotitle4 em{display:block;width:100%;height:auto;overflow:hidden;font-size:40px;color:#1aa5ba;font-weight:bold;text-align:left;}
.pianotitle4 span{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#1aa5ba;font-weight:lighter;text-align:left;text-transform:uppercase;}
.pianotitle4 strong{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#333333;font-weight:normal;line-height:36px;}
.pianotitle4 p{display:block;width:100%;height:auto;overflow:hidden;font-size:20px;color:#333333;line-height:28px;margin-top:10px;text-align:left;font-weight:lighter;}
.ydbox{width:100%;height:auto;overflow:hidden;padding-top:50px;}
.ydbox li{width:auto;display:inline-block;font-size:18px;color:#1aa5ba;line-height:46px;}
.ydbox li:nth-child(2){padding:0 20px;border-left:1px solid #1aa5ba;margin:0 20px;border-right:1px solid #1aa5ba;}
.pianofive{width:100%;height:auto;overflow:hidden;padding:60px 0 30px 0;}
.pianofive img{display:block;max-width:100%;margin:40px auto;}
.pianosix{width:100%;height:auto;overflow:hidden;padding:60px 0 50px 0;background:#f7f7f7}
.pianosixleft{width:52.5%;height:auto;overflow:hidden;float:left;padding-top:150px;}
.pianosixright{width:46.66%;height:auto;overflow:hidden;float:right;}
.pianosixright img{display:block;max-width:100%;margin:0 auto;}
.pianotitle211{width:100%;height:auto;overflow:hidden;padding-top:30px;}
.pianotitle211 em{display:block;width:100%;height:auto;overflow:hidden;font-size:40px;color:#1aa5ba;font-weight:bold;text-align:left;}
.pianotitle211 span{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#1aa5ba;font-weight:lighter;text-align:left;text-transform:uppercase;}
.pianotitle211 strong{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#333333;font-weight:normal;line-height:36px;}
.pianotitle211 p{display:block;width:100%;height:auto;overflow:hidden;font-size:20px;color:#333333;line-height:28px;margin-top:10px;text-align:left;font-weight:lighter;}
.pianosixleft em{display:block;width:100%;height:auto;overflow:hidden;font-size:40px;color:#1aa5ba;font-weight:bold;text-align:left;}
.pianosixleft span{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#1aa5ba;font-weight:lighter;text-align:left;text-transform:uppercase;}
.pianosixleft strong{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#333333;font-weight:normal;line-height:36px;}
.pianosixleft p{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;color:#333333;line-height:40px;margin-top:10px;text-align:left;}
.pianoseven{width:100%;height:auto;overflow:hidden;padding:0px 0 0px 0;background:#fff}
.pianosevenone{width:100%;height:auto;overflow:hidden;padding:30px 0;margin:0 auto;}
.pianosevenone li{line-height:45px;width:100%;height:auto;overflow:hidden;text-align:left;font-size:20px;color:#1aa5ba;font-weight:bold}
.pianosevenone li:nth-child(3){background:none}
.pianoseventwo{width:45%;height:auto;overflow:hidden;margin:0px auto 0 auto;float:left;}
.pianoseventwo img{display:block;max-width:100%;}
.piannoseventext{width:calc(50% - 20px);height:auto;overflow:hidden;float:right;padding-left:20px;padding-top:250px;}
.pianoeight{width:100%;height:auto;overflow:hidden;padding:60px 0 0px 0;background:#fcfcfc}
.pianoeightleft{width:28%;height:auto;overflow:hidden;padding-top:210px;float:left;}
.pianoeightleft em{display:block;width:100%;height:auto;overflow:hidden;font-size:40px;color:#1aa5ba;font-weight:bold;text-align:left;}
.pianoeightleft span{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#1aa5ba;font-weight:lighter;text-align:left;text-transform:uppercase;}
.pianoeightleft strong{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#333333;font-weight:normal;line-height:36px;}
.pianoeightleft p{display:block;width:100%;height:auto;overflow:hidden;font-size:20px;color:#333333;line-height:28px;margin-top:10px;text-align:left;font-weight:lighter;}
.pianoeightright{width:69%;height:auto;overflow:hidden;padding-top:30px;float:right;}
.pianonine{width:100%;height:auto;overflow:hidden;padding:60px 0 550px 0;background:#fcfcfc;position:relative;}
.pianonineleft{width:35%;height:auto;overflow:hidden;float:left;padding-top:150px;}
.pianonineright{width:58%;height:auto;overflow:hidden;position:absolute;right:0;top:60px;z-index:10;}
.pianonineleft em{display:block;width:100%;height:auto;overflow:hidden;font-size:40px;color:#1aa5ba;font-weight:bold;text-align:left;margin-bottom:20px;}
.pianonineleft span{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#1aa5ba;font-weight:lighter;text-align:left;text-transform:uppercase;}
.pianonineleft strong{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#333333;font-weight:normal;line-height:36px;}
.pianonineleft p{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;color:#333333;line-height:40px;margin-top:10px;text-align:left;}
.pc1530{display:none;width:100%;height:auto;overflow:hidden;}
.pc1530 img{display:block;width:100%;margin:0 auto;}
.pc1199{display:none;width:100%;height:auto;overflow:hidden;}
.pc1199 img{display:block;width:100%;margin:0 auto;}
.pianotitle i{font-weight:bold}
.pianoeightright img{display:block;width:100%;margin:0 auto;}
.gnbox{width:100%;height:auto;padding:40px 0;}
.gnbox li{font-size:18px;color:#fff;position:relative;width:calc(28.33% - 70px);height:auto;float:left;padding:40px 2% 40px 70px;line-height:24px;min-height:48px;margin-bottom:20px;background-image:linear-gradient(to right,#2ca0b1,#77bbc5);border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,0.18);}
.gnbox li:nth-child(3n-1){margin:0 4.5% 20px 4.5%;}
.gnbox li img{display:block;width:89px;height:90px;position:absolute;left:-40px;top:-10px;z-index:100;box-shadow:0 0 10px 0 rgba(0,0,0,0.18);border-radius:50%;}
.houseboxone{width:100%;height:auto;overflow:hidden;padding-top:30px;}
.houseboxoneleft{width:442px;height:auto;overflow:hidden;float:left;}
.houseboxoneright{width:calc(100% - 472px);height:auto;overflow:hidden;float:right;}
.houseboxoneright em{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#333333;padding-bottom:10px;}
.housebg{width:100%;height:auto;overflow:hidden;background:#fff;margin-top:20px;}
.houseboxoneright p{display:block;width:96%;height:auto;overflow:hidden;font-size:16px;color:#333333;padding:11px 2%;border-bottom:1px solid #fafafa;}
.housemore{width:70%;height:auto;overflow:hidden;background:#42b4c4;border-radius:50px;margin:40px auto 0 auto;}
.housemore a{font-size:18px;color:#fff;padding:15px 0;display:block;text-align:center;width:100%;height:auto;overflow:hidden;}
.houseboxtwo{width:100%;height:auto;overflow:hidden;padding-bottom:40px;}
.houseboxtwo img{display:block;width:100%;margin:0 auto;}
.houseboxtwo p{display:block;width:96%;height:auto;overflow:hidden;font-size:20px;color:#333333;text-align:center;padding-top:10px;}
.houseboxtwopicbox{width:100%;height:auto;overflow:hidden;}
.houseboxtwopicbox li{width:49%;height:auto;overflow:hidden;margin-right:2%;float:left}
.houseboxtwopicbox li img{display:block;width:100%;margin:0 auto;}
.houseboxtwopicbox li p{display:block;width:96%;height:auto;overflow:hidden;font-size:20px;color:#333333;text-align:center;padding-top:10px;}
.houseboxtwopicbox li:nth-child(2){margin-right:0;}
/* pianoroom */
.boxa{width:100%;height:auto;overflow: hidden;}
.boxa .left,.right{width:46%;height:auto;float:left;margin:0 2%;}
.roomtext{margin-top:120px !important;}
.roomtext em{text-align: left;}
.roomtext span{display: block;width: 100%;height: auto;overflow: hidden;font-size: 24px;color: #1aa5ba;font-weight: lighter;text-align: left;text-transform: uppercase;}
.roomtext p{display: block;width: 100%;height: auto;overflow: hidden;font-size: 20px;color: #333333;line-height: 35px;margin-top: 10px;text-align: left;font-weight: lighter;}
.solution{width:100%;height:auto;margin:40px auto 0;}
.solution li{width:23%;height:auto;float:left;margin-right:2.66%;}
.solution li:last-child{margin-right: 0;}
.solution li img{max-width:100%;}
.solution li p{color:#333;width:100%;height:auto;font-size:18px;line-height: 40px;text-align: center;margin-bottom:40px;}
.zpiano .left{float:right;}
.zpiano .right{float:left;}
/*course*/
.courseone{width:100%;height:auto;overflow:hidden;background:#fff;border-top-left-radius:350px;margin-top:-400px;position:relative;z-index:10000;padding:45px 0 0 0;position:relative;}
.courseone img{display:block;max-width:100%;margin:30px auto 0 auto;}
.coursetwo{width:100%;height:auto;overflow:hidden;background:#fafafa;padding:30px 0 70px 0;}
.coursetwopic{width:100%;height:auto;overflow:hidden;padding-top:50px;text-align:center;}
.coursetwopic img{display:inline-block;padding:0 10px;max-width:calc(30% - 20px)}
.coursethree{width:100%;height:auto;overflow:hidden;background:#fff;padding:30px 0;}
.coursethree img{display:block;max-width:100%;margin:30px auto 0 auto;}
.coursefourbox{width:83%;height:auto;overflow:hidden;padding:50px 0 30px 0;margin:0 auto;}
.coursefourbox li{width:14%;height:auto;overflow:hidden;float:left;margin-right:7.5%;}
.coursefourbox li:last-child{margin-right:0;}
.coursefourbox li img{display:block;max-width:96%;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);padding:20px;}
.coursefourbox li em{display:block;width:100%;height:auto;overflow:hidden;font-size:20px;color:#333333;text-align:center;margin:20px 0 0 0;}
.coursefourbox li p{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;color:#666666;line-height:20px;margin-top:10px;text-align:center;}
.coursethree{width:100%;height:auto;overflow:hidden;background:#fff;padding:30px 0;}
.coursefour{width:100%;height:auto;overflow:hidden;background:#fafafa;padding:30px 0 70px 0;}
.coursethreeleft{width:40%;height:auto;overflow:hidden;float:left;padding:180px 0;background:url(../images/indexpic2.jpg) no-repeat right center;}
.coursethreeright{width:46.66%;height:auto;overflow:hidden;float:right;}
.coursethreeright img{display:block;max-width:100%;margin:0 auto;}
.coursethreeleft em{display:block;width:100%;height:auto;overflow:hidden;font-size:40px;color:#1aa5ba;font-weight:bold;text-align:left;}
.coursethreeleft span{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#1aa5ba;font-weight:lighter;text-align:left;text-transform:uppercase;}
.coursethreeleft strong{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#333333;font-weight:normal;line-height:36px;}
.coursethreeleft p{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;color:#333333;line-height:40px;margin-top:10px;text-align:left;}
.coursefourbox{width:100%;height:auto;overflow:hidden;padding:40px 0;}
.yanjiuboxfour{width:100%;height:auto;overflow:hidden;background:#f7f7fa;padding:50px 0;}
.yanjiuboxfour h3{display:block;font-size:30px;color:#333333;width:100%;height:auto;overflow:hidden;text-align:center;padding-bottom:20px;}
.yanjiuboxfour i{font-size:15px;color:#333333;line-height:20px;display:block;width:100%;height:auto;overflow:hidden;text-align:center;}
.yanjiuboxfourbox{padding-top:30px;}
.yjcasebox{width:calc(100% - 40px);display:block;margin:0;height:auto;overflow:hidden;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);padding:20px;}
.yjcaseboxleft{width:100%;height:auto;overflow:hidden;}
.yjcaseboxleft img{display:block;max-width:100%;margin:0 auto;}
.yjcaseboxright{width:100;height:auto;overflow:hidden;}
.yjcaseboxright em{display:block;font-size:24px;height:auto;overflow:hidden;color:#333;text-align:left;padding:20px 0 10px 0}
.yjcaseboxright p{display:block;width:100%;height:auto;overflow:hidden;margin-bottom:5px;color:#333;font-size:16px;text-align:left;line-height:24px;}
.swiper-container {margin-left:auto;margin-right:auto;position:relative;z-index:1}
.swiper-container-no-flexbox .swiper-slide {float:left}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper {position:relative;width:10%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.swiper-wrapper {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-slide {-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:50%;height:100%;position:relative;padding:0;}
.swiper-button-next,.swiper-button-prev {position:absolute;top:50%;width:27px;height:50px;margin-top:-25px;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat;cursor:pointer;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}
.swiper-pagination {position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination-bullet {width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2;margin:0 5px;cursor:pointer;}
.banner-box {width:100%;float:left;position:relative;overflow:hidden;}
.swiper-container {width:100%;margin:12px 0;}
.swiper-slide {opacity:0.5;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;transform:scale(1);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transition:transform 1.0s;-moz-transition:transform 1.0s;-ms-transition:transform 1.0s;-o-transition:transform 1.0s;-webkit-transform:scale(1);-moz-box-shadow:rgba(0,0,0,.2) 0px 0px 30px;}
.swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform:scale(1);transform:scale(1);opacity:1}
.swiper-slide-active,.swiper-slide-duplicate-active .yjcasebox{width:80%;margin:0 10%;}
.swiper-slide img {width:100%;display:block;}
.swiper-pagination {position:relative;margin-bottom:30px;}
.swiper-pagination-bullet-active {opacity:1;background:rgba(0,0,0,.8);}
.yanjiuboxfourbox{position: relative;height:300px;}
.banner-box{position: absolute;left:-500px;top:10px;width:150%;}
.swiper-button-prev{left:800px !important;}
@media screen and (max-width:668px) {.swiper-pagination {position:relative;margin-bottom:20px;}
.swiper-pagination-bullet-active {opacity:1;background:rgba(0,0,0,.8);}
}
.swiper-button-prev {background:url(../images/indexleft1.png) no-repeat no-repeat;left:32%;z-index:10000;width:54px;height:54px;}
.swiper-button-next {background:url(../images/indexright1.png) no-repeat no-repeat;right:30%;z-index:10000;width:54px;height:54px;}
.banner-top {padding-top:3.730928444707274%;}
.banner-title {padding:5px 0;}
.banner-title h1 {text-align:center;letter-spacing:5px;font-size:45px;font-family:"Microsoft YaHei",微软雅黑,MicrosoftJhengHei,华文细黑,STHeiti,MingLiu;font-weight:normal;color:rgb(68,68,68);padding-bottom:14px;}
.banner-text {text-align:center;}
.banner-text p {font:15px/1.5 'Helvetica Neue','Helvetica','STHeitiSC-Light',"Hiragino Sans GB",Arial,"Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",'PingFang SC',SimSun,sans-serif;-webkit-font-smoothing:antialiased;margin:0;color:rgb(68,68,68);}
.banner-top-one {padding-top:3.311649911295092%;}
.banner-button {width:100%;vertical-align:middle;text-align:center;}
.banner-button a {display:inline-block;vertical-align:middle;text-align:center;height:auto;width:auto;line-height:100%;padding:15px 32px;position:relative;}
.banner-button-btn {color:#fff;font-weight:400;margin:0;line-height:1.8em;font-size:16px;font-family:'Helvetica Neue','Helvetica','STHeitiSC-Light',"Hiragino Sans GB",Arial,"Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",'PingFang SC',SimSun,sans-serif;-webkit-font-smoothing:antialiased;background-color:#69ca72!important;border-radius:100px;}
.banner-button-btn {background:#cedad0;display:inline-block;-webkit-transition:border-color .4s,color .4s;-moz-transition:border-color .4s,color .4s;transition:border-color .4s,color .4s;border:0;vertical-align:middle;position:relative;z-index:1;color:#fff;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;}
.banner-button-btn,.banner-button-btn::before {-webkit-transition-timing-function:cubic-bezier(0.2,1,.3,1);-moz-transition-timing-function:cubic-bezier(0.2,1,.3,1);transition-timing-function:cubic-bezier(0.2,1,.3,1);}
.banner-button-btn::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:25px;background:#1a7c29;z-index:-1;opacity:0;-webkit-transform:scale3d(0.7,1,1);-moz-transform:scale3d(0.7,1,1);-ms-transform:scale3d(0.7,1,1);-o-transform:scale3d(0.7,1,1);transform:scale3d(0.7,1,1);-webkit-transition:-webkit-transform .4s,opacity .4s;-moz-transition:-moz-transform .4s,opacity .4s;transition:transform .4s,opacity .4s;-webkit-transition-timing-function:cubic-bezier(0.2,1,.3,1);-moz-transition-timing-function:cubic-bezier(0.2,1,.3,1);transition-timing-function:cubic-bezier(0.2,1,.3,1);}
.banner-button-btn:hover::before {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.coursefive{width:100%;height:auto;overflow:hidden;padding:30px 0;}
.coursefive ul{width:80%;height:auto;overflow:hidden;display:block;margin:50px auto 0 auto;}
.coursefive li{width:18%;height:auto;overflow:hidden;margin:0 1% 40px 1%;float:left;text-align:center;}
.coursefive li p{display:block;font-size:18px;height:auto;overflow:hidden;color:#333333;text-align:center;padding:20px 0 10px 0}
.newadd{width:100%;height:auto;overflow:hidden;padding-top:30px;}
.classcotonebox{width:100%;height:auto;overflow:hidden;padding-top:50px;text-align:center;}
.classcotonebox li{width:23.4%;height:auto;overflow:hidden;float:left;margin-right:2.133%;}
.classcotonebox li:last-child{margin-right:0;}
.classcotonebox li img{display:block;max-width:100%;margin:0 auto;}
.classcotonebox li em{display:block;font-size:24px;height:auto;overflow:hidden;color:#333;text-align:left;padding:20px 0 10px 0}
.classcotonebox li p{display:block;width:100%;height:auto;overflow:hidden;margin-bottom:5px;color:#333;font-size:14px;text-align:left;line-height:24px;}
.classcottwo{width:100%;height:auto;overflow:hidden;background:#fafafa;padding:30px 0 0 0;}
.classcottwo img{display:block;max-width:100%;margin:20px auto 0 auto;}
.trainingbox{width:100%;height:auto;overflow:hidden;padding:30px 0 60px 0;}
.trainingbox li{width:23.6%;height:auto;overflow:hidden;float:left;margin-right:1.86%;}
.trainingbox li:last-child{margin-right:0;}
.trainingbox li img{display:block;max-width:100%;margin:0 auto 0 auto;}
.trainingboxtwo{width:100%;height:auto;overflow:hidden;padding:50px 0 0 0;}
.trainingboxtwo li{width:18%;height:auto;overflow:hidden;float:left;margin:0 1%;text-align:center;}
.trainingboxtwo li img{display:block;max-width:100%;margin:0 auto;border-radius:50%;}
.trainingboxtwo li em{display:block;font-size:18px;height:auto;overflow:hidden;color:#333;text-align:center;padding:20px 0 5px 0;font-weight:bold}
.trainingboxtwo li p{display:block;width:100%;height:auto;overflow:hidden;margin-bottom:5px;color:#888;font-size:14px;text-align:center;line-height:24px;}
.trainingboxthree{width:100%;height:auto;padding:50px 0 70px 0;}
.trainingboxthree li{width:19.7%;height:auto;float:left;padding:20px 2% 100px 2%;background:#f7f7f7;border-radius:10px;position:relative;margin-right:1.73%;}
.trainingboxthree li:last-child{margin-right:0;}
.trainingboxthree li img{display:block;position:absolute;bottom:-20px;right:0;z-index:100;}
.trainingboxthree li em{display:block;font-size:22px;height:60px;overflow:hidden;color:#333333;text-align:left;padding:20px 0 15px 0;line-height:30px;}
.trainingboxthree li p{display:block;width:100%;height:auto;overflow:hidden;color:#333333;font-size:16px;text-align:left;line-height:40px;}
.tnrbox{height:200px;overflow:hidden;width:100%;}
.trainingboxfour{width:100%;height:auto;overflow:hidden;background:#fafafa;padding:50px 0}
.trainingboxfourleft{width:48%;height:auto;overflow:hidden;float:left;margin-right:2%;}
.trainingboxfourright{width:48%;height:auto;overflow:hidden;float:left;margin-left:2%;}
.trainingboxfourleft em{display:block;width:100%;height:auto;overflow:hidden;font-size:40px;color:#1aa5ba;font-weight:bold;text-align:left;}
.trainingboxfourleft span{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#1aa5ba;font-weight:lighter;text-align:left;text-transform:uppercase;}
.trainingboxfourleft p{display:block;width:100%;height:auto;overflow:hidden;font-size:18px;color:#333333;line-height:40px;margin-top:10px;text-align:left;}
.trainingboxfourright em{display:block;width:100%;height:auto;overflow:hidden;font-size:40px;color:#1aa5ba;font-weight:bold;text-align:left;}
.trainingboxfourright span{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#1aa5ba;font-weight:lighter;text-align:left;text-transform:uppercase;}
.trainingboxfourright p{display:block;width:100%;height:auto;overflow:hidden;font-size:18px;color:#333333;line-height:40px;margin-top:10px;text-align:left;}
.trainingboxfourleft img{display:block;max-width:100%;margin:20px 0;border-radius:10px;}
.trainingboxfourright img{display:block;max-width:100%;margin:20px 0;border-radius:10px;}
.trainingboxfive{width:100%;height:auto;overflow:hidden;background:#fff;padding:50px 0}
.trainingboxfive em{display:block;width:100%;height:auto;overflow:hidden;font-size:40px;color:#1aa5ba;font-weight:bold;text-align:center;}
.trainingboxfive i{display:block;width:100%;height:auto;overflow:hidden;font-size:18px;color:#333333;text-align:center;padding:10px 0;}
.trainingboxfive span{display:block;width:100%;height:auto;overflow:hidden;font-size:36px;color:#333;font-weight:bold;text-align:center;text-transform:uppercase;}
.trainingboxfive a{margin:0 auto;display:block;width:30%;height:auto;overflow:hidden;text-align:center;font-size:18px;color:#1aa5ba;padding:10px 30px;border:2px solid #1aa5ba;border-radius:50px;margin-top:20px;}
.trainingboxfive a:hover{background:#1aa5ba;color:#fff;}
.nybannertext2{width:100%;height:auto;overflow:hidden;position:absolute;top:0;left:0;z-index:10;padding-top:230px;}
.nybannertext2 em{display:block;width:100%;height:auto;overflow:hidden;font-size:40px;color:#000000;font-weight:lighter;text-align:center;}
.nybannertext2 p{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;color:#000000;font-weight:lighter;margin:20px 0 0 0;text-align:center;}
.nybannertext2 a{margin:0 auto;display:block;width:20%;height:auto;overflow:hidden;text-align:center;font-size:18px;color:#fff;padding:10px 30px;background:#1aa5ba;border-radius:50px;margin-top:30px;}
.systemboxone{width:100%;height:auto;overflow:hidden;padding:30px 0;}
.systemboxone li{width:27.33%;height:auto;float:left;padding:20px 3%;}
.systemboxone li img{display:block;max-width:100%;margin:0 auto}
.systemboxone li em{display:block;font-size:22px;height:auto;overflow:hidden;color:#333333;text-align:center;padding:20px 0 5px 0;line-height:30px;}
.systemboxone li p{display:block;width:100%;height:auto;overflow:hidden;color:#333333;font-size:16px;text-align:center;line-height:20px;}
.systemboxtwo{width:100%;height:auto;overflow:hidden;padding:30px 0 0 0;}
.systemboxtwo li{width:27.33%;height:auto;float:left;padding:20px 3%;}
.systemboxtwo li img{display:block;max-width:100%;margin:0 auto}
.systemboxtwo li em{display:block;font-size:22px;height:auto;overflow:hidden;color:#333333;text-align:center;padding:20px 0 5px 0;line-height:30px;}
.whitebg{background:#fff !important}
.greybg{background:#fafafa !important;padding-bottom:50px !important;}
.xgheight{height:80px !important;overflow:hidden;}
.paddingjl{padding-top:80px;}
.paddingjl2{padding:100px 0 !important;}
.yunyingboxone{width:100%;height:auto;overflow:hidden;padding:50px 0;}
.yunyingboxone li{width:18%;height:auto;float:left;padding:20px 1%;}
.yunyingboxone li img{display:block;max-width:100%;margin:0 auto;transition: all 0.8s ease}
.yunyingboxone li em{display:block;font-size:18px;height:auto;overflow:hidden;color:#333333;text-align:center;padding:20px 0 5px 0;line-height:30px;font-weight:bold}
.yunyingboxone li p{display:block;width:100%;height:120px;overflow:hidden;color:#666666;font-size:14px;text-align:left;line-height:24px;}
.yunyingboxone li:hover img{-webkit-transform:rotateY(180deg);-moz-transform: rotateY(180deg);}
.yunyingboxtwo{width:100%;height:auto;overflow:hidden;padding:50px 0 0 0;}
.yunyingboxtwo li{width:32.73%;height:auto;float:left;padding:0;position:relative;margin-bottom:20px;}
.yunyingboxtwo li:nth-child(2){margin:0 0.905% 20px 0.905% }
.yunyingboxtwo li:nth-child(4){margin:0 0 20px 16% }
.yunyingboxtwo li:nth-child(5){margin:0 0.905% 20px 0.905% }
.yunyingboxtwo li img{display:block;max-width:100%;margin:0 auto;transition: all 0.8s ease;border-radius:10px;}
.yyboxtwotextbox{width:100%;height:auto;overflow:hidden;top:32%;left:0;z-index:101;position:absolute;}
.yyboxtwotextbox em{display:block;font-size:30px;height:auto;overflow:hidden;color:#fff;text-align:center;padding:20px 0 15px 0;line-height:30px;}
.yyboxtwotextbox p{display:block;width:100%;height:auto;overflow:hidden;color:#fff;font-size:18px;text-align:center;line-height:24px;}
.blackbg{width:100%;height:100%;background:rgba(0,0,0,0.2);position:absolute;left:0;top:0;z-index:100;border-radius:10px;}
.yunyingboxthree{width:100%;height:auto;overflow:hidden;padding:0px 0 30px 0;}
.yunyingboxthree ul{width:100%;height:auto;overflow:hidden;padding:40px 0;}
.yunyingboxthree li{width:9.8%;height:auto;float:left;overflow:hidden;background:url(../images/dxjt.png) no-repeat right 90px;padding-right:6.86%;}
.yunyingboxthree li:last-child{background:none;padding-right:0;}
.yunyingboxthree li img{display:block;padding-bottom:10px;}
.yunyingboxthree li em{font-size:18px;color:#333333;font-weight:bold;text-align:center;margin:0 !important;display:block;padding-bottom:10px;}
.yunyingboxthree li p{font-size:14px;font-weight:normal;padding:0px 0;line-height:20px;color:#666666;display:block;width:100%;margin:0 auto;text-align:center;}
.yunyingboxthree a{width:310px;height:auto;padding:10px 0;text-align:center;font-size:18px;color:#fff;display:block;margin:0 auto;font-weight:bold;background-image:linear-gradient(to right, #ff7b11, #f20001);border-radius:50px;}
.appbg{width:100%;height:auto;overflow:hidden;background:url(../images/indexpic102.jpg) no-repeat bottom center #f5f5f6;padding-top:10%;padding-bottom:200px;}
.appleft{width:40%;height:auto;overflow:hidden;float:left;}
.appright{width:55%;height:auto;overflow:hidden;float:right;}
.appleft img{display:block;max-width:100%;margin:0}
.appright em{display:block;width:100%;height:auto;overflow:hidden;font-size:42px;color:#333333;font-weight:bold;text-align:left;}
.appright span{display:block;width:100%;height:auto;overflow:hidden;font-size:20px;color:#333;font-weight:lighter;text-align:left;text-transform:uppercase;padding-top:10px;}
.appright p{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;color:#333333;line-height:30px;margin-top:10px;text-align:left;}
.erweimabox{width:100%;height:auto;overflow:hidden;padding-top:40px;}
.erweimaboxleft{width:210px;height:auto;overflow:hidden;float:left;}
.erweimaboxleft img{max-width: 100%;}
.erweimaboxright{width:calc(100% - 250px);height:auto;overflow:hidden;float:right;padding-top:80px;}
.erweimaboxright a{width:275px;height:auto;overflow:hidden;background:#a5c845;display:block;margin-bottom:15px;border-radius:5px;padding:5px 0;text-align:center;font-size:18px;color:#fff;line-height:45px;}
.erweimaboxright a:nth-child(2){width:275px;height:auto;overflow:hidden;background:#58c1cf !important;display:block;margin-bottom:20px;border-radius:5px;padding:5px 0;text-align:center;font-size:18px;color:#fff;line-height:45px;}
.othererweimabox{width:100%;height:auto;overflow:hidden;padding-top:20px;}
.othererweimabox i{display:block;width:100%;height:auto;overflow:hidden;font-size:18px;color:#333333;font-weight:bold;text-align:left;padding-bottom:10px;}
.othererweimabox li{width:120px;margin-bottom:20px;padding-right:20px;display:inline-block;text-align:center;}
.othererweimabox li img{width:100%;float:left;height:auto;overflow:hidden;padding-bottom:10px;}
.othererweimabox li p{font-size:14px;color:#333333;font-weight:normal;display: block;background: #a5c845;border-radius: 10px;text-align: center;line-height: 30px;}
.othererweimabox li p img{width:20px;height:auto;overflow:hidden;padding-bottom:0;float: none;padding-top:5px;}
.othererweimabox li p a:hover{color:#fff;}
.slxpicbox{width:100%;height:auto;overflow:hidden;text-align:center;padding:20px 0;}
.wapslxpicbox{width:100%;height:auto;overflow:hidden;text-align:center;display:none;padding:20px 0;}
.wapslxpicbox img{display:block;max-width:100%;margin:0 auto;}
@media screen and (max-width:1800px) {
.slxpicbox img{display:block;max-width:100%;margin:0 auto;}
}
@media screen and (max-width:1500px) {
.prodetailsbox img{display:block;max-width:100%;margin:0 auto;}
.gnbox li{font-size:14px;line-height:20px;min-height:40px;}
}
@media screen and (max-width:1500px) {
.banner-box{left:-400px;}
}
@media screen and (max-width:1400px) {
.banner-box{left:-350px;}
}
@media screen and (max-width:1899px) {
.pianotitle{width:90%;padding-left:10%;}
.pianotitle{width:90%;padding-left:10%;}
}
@media screen and (max-width:1599px) {
.cotoneleft{padding-left:5%;position:relative;z-index:100;width:45%;}
.cotthreeleft{padding-left:5%;position:relative;z-index:100;width:45%;}
.cotoneright{width:50%;right:20px;}
.nav li{padding:25px 20px;}
}
@media screen and (max-width:1530px) {
.wrap{width:96%;}
.cotoneright{width:55%;right:-60px;}
.cotoneright img{width:100%}
.cotone{padding:85px 0 390px 0;border-top-left-radius:150px;}
.pianocotone{padding:35px 0 0px 0;border-top-left-radius:150px;}
.courseone{padding:35px 0 0px 0;border-top-left-radius:150px;}
.abcotone{padding:55px 0 50px 0;border-top-left-radius:150px;}
.newscotone{padding:55px 0 50px 0;border-top-left-radius:150px;}
.cottwo{padding:85px 0 390px 0;border-top-right-radius:150px;}
.cotfour{padding:85px 0 390px 0;border-top-right-radius:150px;}
.footbg{padding:85px 0;border-top-right-radius:150px;}
.footbg22{padding:60px 0;}
.cotthree{padding:85px 0 390px 0;border-top-left-radius:150px;}
.cotfive{padding:85px 0 390px 0;border-top-left-radius:150px;}
.cotoneleft{padding-top:90px;}
.cottworight{padding-top:50px;}
.pianocotone{background-image:none}
.pc1530{display:block;padding-top:50px;}
.pianotitle{width:100%;padding-left:0%;}
.pianotitle em{text-align:center}
.pianotitle span{text-align:center;display:block}
.pianotitle p{text-align:center}
.pianosixleft{padding-top:100px;}
.piannoseventext{padding-top:120px;}
.nav li{padding:25px 20px;}
}
@media screen and (max-width:1499px) {
.nav li{padding:25px 12px;}
}
@media screen and (max-width:1400px) {
.roomtext {margin-top: 40px !important;}
.cotone{padding:85px 0 350px 0;}
.cotoneleft{padding-top:40px;padding-bottom:80px;}
.cotoneleft em{font-size:36px;}
.cotoneleft span{font-size:16px;}
.cotoneleft strong{font-size:22px;}
.cotoneleft a{font-size:14px;margin-top:20px;}
.abcotoneleft{padding-top:40px;padding-bottom:80px;}
.abcotoneleft em{font-size:36px;}
.abcotoneleft span{font-size:16px;}
.abcotoneleft strong{font-size:22px;}
.abcotoneleft a{font-size:14px;margin-top:20px;}
.pianotitle em{font-size:36px;}
.pianotitle span{font-size:16px;}
.pianotitle p{font-size:14px;}
.pianotitle2 em{font-size:36px;}
.pianotitle2 span{font-size:16px;}
.pianotitle2 p{font-size:14px;}
.pianotitle211 em{font-size:36px;}
.pianotitle211 span{font-size:16px;}
.pianotitle211 p{font-size:14px;}
.pianotitle3 em{font-size:36px;}
.pianotitle3 span{font-size:16px;}
.pianotitle3 p{font-size:14px;}
.pianotitle4 em{font-size:36px;}
.pianotitle4 span{font-size:16px;}
.pianotitle4 p{font-size:14px;}
.pianosixleft em{font-size:36px;}
.trainingboxfive em em{font-size:36px;}
.pianosixleft span{font-size:16px;}
.pianosixleft p{font-size:14px;line-height:20px;}
.pianoeightleft em{font-size:36px;}
.pianoeightleft span{font-size:16px;}
.pianoeightleft p{font-size:14px;line-height:20px;}
.trainingboxfourleft em{font-size:36px;}
.trainingboxfourleft span{font-size:16px;}
.trainingboxfourright em{font-size:36px;}
.trainingboxfourright span{font-size:16px;}
.coursethreeleft em{font-size:36px;}
.coursethreeleft span{font-size:16px;}
.coursethreeleft p{font-size:14px;line-height:20px;}
.pianonineleft em{font-size:36px;}
.pianonineleft strong{font-size:16px;line-height:20px;}
.pianonineleft p{font-size:14px;line-height:20px;}
.ydbox li{font-size:14px;}
.abcottwotitle em{font-size:36px;}
.abcottwotitle span{font-size:16px;}
.abcottwotitle strong{font-size:22px;}
.abcottwotitle p{font-size:14px;padding-top:0px;}
.abcottwo{padding-top:30px;}
.abcotthree{padding:40px 0 20px 0;}
.abcotoneright img{width:100%;}
.cotfourtitleleft em{font-size:36px;}
.cotfourtitleleft span{font-size:16px;}
.cotfourtitleleft strong{font-size:22px;}
.cotfourtitleright a{font-size:14px;margin-top:20px;}
.cottworight p{font-size:14px;padding-top:20px;}
.cottworight em{font-size:36px;}
.footleft em{font-size:36px;}
.cottworight span{font-size:16px;}
.cottworight strong{font-size:22px;}
.cottworight a{font-size:14px;margin-top:20px;}
.cottworight p{font-size:14px;padding-top:20px;}
.cotthreeleft p{padding-top:20px;}
.cotthree{padding:85px 0 350px 0;}
.cotthreeleft{padding-top:40px;padding-bottom:80px;}
.cotthreeleft em{font-size:36px;}
.cotthreeleft span{font-size:16px;}
.cotthreeleft strong{font-size:22px;}
.cotthreeleft a{font-size:14px;margin-top:20px;}
.cotthreeright{padding-top:100px;}
.cotoneleft{background-size:40%;}
.cotfourtitleleft em{font-size:36px;}
.cotfourtitleleft span{font-size:16px;}
.cotfourtitleright a{font-size:14px;margin-top:20px;}
.nav li ul li p{font-size:13px;}
.pianoeight{padding-top:20px;}
.pianoeightleft{width:45%;padding-top:150px;}
.pianoeightright{width:53%;}
}
@media screen and (max-width:1350px) {
.pc{display:none}
.wap{display:block}
.logo{width:230px;}
.nav{width:calc(100% - 250px);}
.nav li{font-size:16px;}
.tjnewstext p{max-height:84px;}
.cotfivebox li{height:420px;}
.pianosixleft{padding-top:50px;}
.pianonineright img{display:block;max-width:100%;}
.pianonine{padding-bottom:400px;}
.pianonineleft{padding-top:50px;}
.trainingboxfourleft p{font-size:16px;}
.trainingboxfourright p{font-size:16px;}
.yunyingboxone li em{font-size:16px;line-height:20px;height:40px;}
.appright em{font-size:24px;}
.appbg{padding-top:15%;}
.zximg img{max-width:100%;margin:0 auto;display:block;}
}
@media screen and (max-width:1199px) {
.gnbox li{width:calc(48% - 150px);margin:0 40px 20px 40px;}
.gnbox li:nth-child(3n-1){margin:0 40px 20px 40px;}
.nav{display:none}
.navbtn{display:block}
.cotone{border-top-left-radius:0;padding:40px 0;margin:0;}
.pianocotone{border-top-left-radius:0;padding:40px 0 0 0;margin:0;}
.courseone{border-top-left-radius:0;padding:40px 0 0 0;margin:0;}
.abcotone{border-top-left-radius:0;padding:40px 0;margin:0;}
.newscotone{border-top-left-radius:0;padding:40px 0;margin:0;}
.cottwo{border-top-right-radius:0;padding:40px 0;margin:0;}
.cotthree{border-top-left-radius:0;padding:40px 0;margin:0;}
.cotfour{border-top-right-radius:0;padding:40px 0;margin:0;}
.cotfive{border-top-left-radius:0;padding:40px 0;margin:0;}
.footbg{border-top-right-radius:0;padding:40px 0;margin:0;}
.footbg22{border-top-right-radius:0;padding:40px 0;margin:0;}
.pc2{display:none}
.wap2{display:block}
.abcottwo{background-size:100%;padding-bottom:400px;}
.abcotthree li em{padding-top:10px;font-size:18px;}
.abcotthree li p{padding-top:5px;font-size:14px;}
.nybannertext em{font-size:30px;}
.nybannertext{padding-top:150px;}
.nybannertext2 em{font-size:30px;}
.nybannertext2{padding-top:150px;}
.abcotoneleft{width:100%;float:none;padding-bottom:20px;}
.abcotoneright{position:relative;padding-top:0px;}
.abcotoneright{width:100%;}
.abcotoneright img{max-width:80%;margin:0 auto;}
.nybanner img{max-width:120%;height:auto;overflow:hidden;margin:0 auto;}
.tjnewspic{width:100%;float:none;}
.tjnewspic img{width:100%;}
.tjnewstext{width:100%;float:none;}
.articlemore a{width:96%;float:none;margin:0 0 10px 0;}
.pianocottwoboxleft dd{font-size:14px;background-image:none}
.pianocottwoboxright dd{font-size:14px;}
.pianocottwoboxcenter dd{font-size:14px;}
.pianocottwoboxcenter dt{font-size:20px;padding:20px 0;}
.pianocottwoboxleft dt{font-size:20px;}
.pianocottwoboxright dt{font-size:20px;}
.pianocottwoboxleft dd:nth-child(2n+1){background-image:none}
.pianothree{background-image:none;padding:0 0 30px 0;}
.pianotitle3{width:100%;float:none;text-align:center;padding:0;}
.pianotitle3 em{text-align:center}
.pianotitle3 span{text-align:center;display:block}
.pianotitle3 p{text-align:center}
.pianonineleft em{text-align:center}
.pianonineleft strong{text-align:center;display:block}
.pianonineleft p{text-align:center}
.pc1199{display:block;padding-top:30px;}
.pianocottwobox{padding:30px 0;}
.pianofour{background-image:none;padding:30px 0;}
.pianotitle4{width:100%;float:none;text-align:center;padding-top:0;}
.pianotitle4 em{text-align:center}
.pianotitle4 span{text-align:center;display:block}
.pianotitle4 p{text-align:center}
.pianofive{padding:10px 0 30px 0;}
.pianosixleft{width:100%;float:none;}
.pianosixright{width:100%;float:none;}
.pianosixleft{padding-top:0;}
.pianosixleft em{text-align:center}
.pianosixleft span{text-align:center;display:block}
.pianosixleft p{text-align:center}
.pianosevenone li{background:none;font-size:18px;}
.pianosevenone{width:100%;padding:10px 0;}
.pianoseventwo{width:100%;}
.pianoseven{padding:30px 0;}
.pianoseventwo{margin-top:10px;}
.pianoeightleft{width:100%;float:none;padding-top:30px;}
.pianoeightright{width:100%;float:none;}
.pianoeightleft em{text-align:center}
.pianoeightleft span{text-align:center;display:block}
.pianoeightleft p{text-align:center}
.pianonine{padding-bottom:250px;}
.pianonineleft{width:100%;float:none;}
.pianonineright{width:100%;float:none;position:relative;}
.pianonine{padding-bottom:50px;}
.pianonine{padding-top:20px;}
.coursetwopic{padding-top:20px;}
.coursefourbox li em{font-size:15px;}
.coursefourbox li p{font-size:14px;}
.coursetwo{padding:30px 0 0 0 ;}
.coursefourbox li img{padding:20px 2%;}
.coursefourbox li{width:18%;margin:0 1%;}
.coursefourbox li:last-child{width:18%;margin:0 1%;}
.coursethreeleft{width:100%;float:none;padding:30px 0;background:none;}
.coursethreeright{width:100%;float:none;}
.coursethreeleft em{text-align:center}
.coursethreeleft span{text-align:center;display:block}
.coursethreeleft p{text-align:center}
.coursefive ul{width:100%;}
.coursefive li img{max-width:100%;margin:0 auto;}
.trainingboxfourleft{width:100%;margin:0 0 10px 0;float:none;}
.trainingboxfourright{width:100%;margin:0 0 10px 0;float:none;}
.trainingboxfourleft em{text-align:center}
.trainingboxfourleft span{text-align:center;display:block}
.trainingboxfourleft p{text-align:center}
.trainingboxfourright em{text-align:center}
.trainingboxfourright span{text-align:center;display:block}
.trainingboxfourright p{text-align:center}
.trainingboxfourleft img{max-width:100%;margin:20px auto;}
.trainingboxfourright img{max-width:100%;margin:20px auto;}
.trainingboxtwo{padding:30px 0;}
.trainingboxtwo li em{font-size:15px;}
.trainingboxthree li em{font-size:18px;}
.trainingboxthree li p{font-size:14px;line-height:20px;padding-bottom:10px;}
.yunyingboxtwo{padding-bottom:30px;}
.yunyingboxone li{width:31.33%;}
.yyboxtwotextbox em{font-size:24px;padding:5px 0;}
.yyboxtwotextbox p{font-size:14px;}
.yunyingboxone{padding:20px 0 30px 0;}
.appright p{font-size:14px;line-height:20px;}
.heightquan{height:auto !important;overflow-y:scroll !important;}
.appleft{display:none}
.appright{width:100%;float:none;}
.piannoseventext{width:100%;float:none;padding-top:0px;padding-left:0;}
.pianotitle211 em{text-align:center;}
.pianotitle211 p{text-align:center;}
.pianotitle211 span{text-align:center;}
.pianosevenone li{text-align:center;}
.houseboxoneleft{display:none}
.houseboxoneright{width:100%;float:none;}
.houseboxoneright em{text-align:center;}
}
@media screen and (max-width:1100px) {
.cotoneleft{width:100%;padding:0;margin:0 0 20px 0;float:none;}
.cotoneright{width:100%;position:relative;right:inherit;top:inherit;padding-top:0;}
.cottwoleft{width:100%;padding:0;margin:0 0 20px 0;float:none;display:none}
.cottwoleft2{width:100%;padding:0;margin:0 0 20px 0;display:block}
.cottworight{width:100%;padding:0;margin:0 0 0px 0;float:none;}
.cotthreeleft{width:100%;padding:0;margin:0 0 0px 0;float:none;}
.cotthreeright{width:100%;position:relative;right:inherit;top:inherit;padding-top:0px;}
.cotoneleft em{text-align:center;}
.cotoneleft span{text-align:center;}
.cotoneleft strong{text-align:center;}
.cotoneleft p{text-align:center;padding-top:20px;}
.cotoneleft a{margin:20px auto 0 auto;display:block;width:150px;text-align:center;}
.cotthreeleft em{text-align:center;}
.cotthreeleft span{text-align:center;}
.cotthreeleft strong{text-align:center;}
.cotthreeleft p{text-align:center;padding-top:20px;}
.cotthreeleft a{margin:20px auto 0 auto;display:block;width:150px;text-align:center;}
.cottwo{background-image:none}
.cottworight em{text-align:center;}
.cottworight span{text-align:center;}
.cottworight strong{text-align:center;}
.cottworight p{text-align:center;padding-top:20px;}
.cottworight a{margin:20px auto 0 auto;display:block;width:150px;text-align:center;}
.cotoneright img{max-width:100%;width:auto;margin:0 auto;display:block}
.cotthreeright img{max-width:100%;width:auto;margin:0 auto;display:block}
.cottwoleft2 img{max-width:100%;width:auto;margin:20px auto 0 auto;display:block}
.cotone{padding-bottom:0;}
.cotthree{padding-bottom:0;}
.cotfourtitleleft{width:100%;height:auto;overflow:hidden;float:none;}
.cotfourtitleleft em{text-align:center;}
.cotfourtitleleft span{text-align:center;}
.cotfourtitleleft strong{text-align:center;}
.cotfourtitleleft p{text-align:center;padding-top:10px;}
.cotfourtitleright{width:100%;height:auto;overflow:hidden;float:none;}
.cotfourtitleright a{margin:20px auto 0 auto;display:block;width:150px;text-align:center;}
.cotfourbox{padding-top:40px;}
.nrbox li p{font-size:14px;line-height:20px;}
.cotfivebox li em{font-size:15px;}
.cotfivebox{padding-bottom:0;}
.footleft{width:100%;float:none;}
.footcenter{width:100%;float:none;padding:10px 0;display:none}
.footright{width:100%;float:none;padding-top:20px;text-align:center;}
.footleft em{text-align:center;}
.footleft span{text-align:center;}
.footleft strong{text-align:center;}
.footleft p{text-align:center;padding-top:0px;line-height:25px;}
.footright span{display:inline-block;width:auto;float:none;}
.abcotoneleft{background:none}
.paddingjl2{padding:30px 0 !important;}
.coursethreeleft strong{text-align:center;}
.paddingjl{padding-top:0;}
.trainingboxfourright p{line-height:20px;height:auto !important;}
.trainingboxfourleft p{line-height:20px;height:auto !important;}
.trainingboxfour{padding:40px 0 20px 0;}
.yunyingboxthree li{background:url(../images/dxjt.png) no-repeat right 80px;background-size:40%;}
.roomtext{margin-top:10px !important;}
}
@media screen and (max-width:1000px) {
.cotfivebox li{height:380px;}
.trainingboxthree li{width:96%;float:none;margin:0 0 10px 0;}
.trainingboxthree li:last-child{width:96%;float:none;margin:0 0 10px 0;}
.trainingboxthree li em{height:auto;}
.tnrbox{height:auto;}
.trainingboxthree li em{text-align:center;}
.trainingboxthree li p{text-align:center;}
.trainingboxthree{padding:30px 0}
.trainingboxthree li img{display:none}
.trainingboxthree li{padding:20px 0;}
.boxa .left, .right{width:100%;float:none;margin:0;}
.roomtext{margin-bottom:30px;}
.roomtext em{text-align:center;}
.roomtext span{text-align:center;}
.roomtext p{text-align:center;}
}
@media screen and (max-width:900px) {
.nybannertext em{font-size:20px;}
.nybannertext2 em{font-size:20px;}
.classcotonebox li em{font-size:18px;padding:5px 0 5px 0;}
.classcotonebox li p{line-height:18px;font-size:13px;}
.classcotonebox{padding-bottom:30px;}
.zxbox img{padding:30px 0 !important;}
.trainingbox{padding:30px 0;}
.systemboxone li{width:94%;float:none;padding:0 3% 20px 3%;}
.systemboxone li img{padding:0 !important;}
.systemboxtwo li{width:94%;float:none;padding:0 3% 20px 3%;}
.systemboxtwo li em{font-size:16px;padding-top:5px;}
.yunyingboxone li img{padding:0 !important;}
.yunyingboxtwo li{width:48%;margin:0 1% 20px 1%;}
.yunyingboxtwo li:nth-child(2){width:48%;margin:0 1% 20px 1%;}
.yunyingboxtwo li:nth-child(4){width:48%;margin:0 1% 20px 1%;}
.yunyingboxtwo li:nth-child(5){width:48%;margin:0 1% 20px 1%;}
.yunyingboxthree li img{padding:0 !important;margin:0 auto!important;}
.yunyingboxthree li{width:31.33%;padding:0 1%;background:none}
.yunyingboxthree li em{font-size:15px;}
.gnbox li img{box-shadow:none;top:-42px;}
.gnbox li{width:calc(98% - 80px);float:none;margin:0 20px 20px 30px;padding:20px 2% 20px 50px;}
.gnbox li:nth-child(3n-1){width:calc(98% - 80px);float:none;margin:0 20px 20px 30px;padding:20px 2% 20px 50px;}
.gnbox li{font-size:16px;}
.gnbox li img{top:-49px;}
.gnbox li img{width:60px;height:60px;left:-30px;}
.housemore{padding:0 20px;}
}
@media screen and (max-width:750px) {
.slxpicbox{display:none}
.wapslxpicbox{display:block}
.side{display:none}
.cotfivebox li{height:auto;}
.head{position:relative;top:inherit;padding:10px 0}
.head22{position:relative;top:inherit;padding:10px 0}
.cotoneleft em{font-size:24px;}
.abcotoneleft em{font-size:24px;}
.cotoneleft strong{font-size:16px;}
.abcotoneleft strong{font-size:16px;}
.cotoneleft p{font-size:14px;}
.abcotoneleft p{font-size:14px;padding-top:20px;}
.cotthreeleft em{font-size:24px;}
.abcottwotitle em{font-size:24px;}
.cotthreeleft strong{font-size:16px;}
.cotthreeleft p{font-size:14px;}
.cottworight em{font-size:24px;}
.cottworight strong{font-size:16px;}
.cottworight p{font-size:14px;}
.coursethreeleft em{font-size:24px;}
.coursethreeleft span{font-size:16px;}
.coursethreeleft p{font-size:14px;}
.footleft em{font-size:24px;}
.footleft span{font-size:16px;}
.cotfourtitleleft em{font-size:24px;}
.cotfourtitleleft strong{font-size:16px;}
.cotfourtitleleft p{font-size:14px;}
.cotfivebox li{width:96%;float:none;border:none;border-bottom:1px solid #f0f0f0;padding:20px 2%;}
.cotfivebox li:nth-child(3){width:96%;float:none;border:none;border-bottom:1px solid #f0f0f0;padding:20px 2%;}
.navbtn{top:25px;}
#fh5co-offcanvas{padding-top:76px;}
#fh5co-offcanvas a{top:25px !important;}
.pc3{display:none}
.wap3{display:block}
.nrbox li{width:29.33%;margin:0;}
.nrbox li:nth-child(2){margin:0 3%;}
.nrbox li:nth-child(3){margin:0;}
.nrbox li{padding:20px 1% 30px 1%;}
.abcottwo{padding-bottom:250px;}
.nybannertext{padding-top:100px;}
.nybannertext2 a{font-size:14px;}
.nybannertext2{padding-top:100px;}
.abcotthree li{width:100%;float:none;}
.abcotthree li:nth-child(2){margin:10px 0;}
.articletitle em{font-size:20px;}
.article p{font-size:14px;line-height:24px;}
.pianotitle em{font-size:30px;}
.pianotitle span{font-size:16px;}
.pianotitle p{font-size:14px;line-height:18px;}
.pianotitle2 em{font-size:30px;}
.pianotitle2 span{font-size:16px;}
.pianotitle2 p{font-size:14px;line-height:18px;}
.pianotitle211 em{font-size:30px;}
.pianotitle211 span{font-size:16px;}
.pianotitle211 p{font-size:14px;line-height:18px;}
.pianotitle3 em{font-size:30px;}
.pianotitle3 span{font-size:16px;}
.pianotitle3 p{font-size:14px;line-height:18px;}
.trainingboxtwo li{width:31.33%;margin-bottom:20px;}
.trainingboxfourleft em{font-size:30px;}
.trainingboxfourleft span{font-size:16px;}
.trainingboxfourleft p{font-size:14px;line-height:18px;}
.trainingboxfourright em{font-size:30px;}
.trainingboxfourright span{font-size:16px;}
.trainingboxfourright p{font-size:14px;line-height:18px;}
.trainingbox li{width:48%;margin:0 1% 20px 1%;}
.trainingbox li:last-child{width:48%;margin:0 1% 20px 1%;}
.trainingbox li img{padding:0 !important;}
.trainingboxfive em{font-size:30px;}
.trainingboxfive span{font-size:26px;}
.i p{font-size:14px;line-height:18px;}
.trainingboxtwo li p{font-size:13px;line-height:16px;}
.pianotitle4 em{font-size:30px;}
.pianotitle4 span{font-size:16px;}
.pianotitle4 p{font-size:14px;line-height:18px;}
.pianoeightleft em{font-size:30px;}
.pianoeightleft span{font-size:16px;}
.pianoeightleft p{font-size:14px;line-height:18px;}
.pianonineleft em{font-size:30px;}
.pianonineleft strong{font-size:16px;}
.pianonineleft p{font-size:14px;line-height:18px;}
.pianocottwoboxcenter{width:20%;}
.pianocottwoboxleft{width:40%;}
.pianocottwoboxright{width:40%;}
.pianocottwoboxleft dd{font-size:13px;height:26px;overflow:hidden;line-height:13px;}
.pianocottwoboxright dd{font-size:13px;height:26px;overflow:hidden;line-height:13px;}
.pianocottwoboxcenter dd{font-size:13px;height:26px;overflow:hidden;line-height:13px;}
.ydbox li img{width:30px;line-height:30px;}
.ydbox li{line-height:30px;}
.pianofive img{margin-bottom:0;}
.pianosixleft em{font-size:30px;}
.pianosixleft span{font-size:16px;}
.pianosixleft p{font-size:14px;line-height:18px;}
.pianoseventwo li{width:48%;margin:0 1%;}
.pianoseventwo li:nth-child(3n-1){width:48%;margin:0 1%;}
.pianoeightleft{padding-top:0;}
.pianoeight{margin-bottom:20px;}
.pianonineleft{padding-top:10px;}
.pianonineright{top:10px;}
.pianonine{padding-bottom:20px;}
.coursefourbox li{width:31.33%;margin:0 1% 20px 1%;}
.coursefourbox li:last-child{width:31.33%;margin:0 1% 20px 1%;;}
.coursefourbox li em{margin-top:10px;}
.coursefourbox li p{margin-top:0;}
.yjcaseboxright em{font-size:18px;}
.yjcaseboxright p{font-size:14px;}
.coursefive li p{font-size:14px;}
.coursefive li{width:31.33%;margin-bottom:10px;}
.classcotonebox li{width:98%;margin:0 1% 20px 1%;float:none;}
.classcotonebox li:last-child{width:98%;margin:0 1% 20px 1%;}
.coursethreeleft strong{font-size:18px;}
.yyboxtwotextbox em{font-size:18px;}
.yunyingboxtwo li{width:98%;float:none;}
.yunyingboxtwo li:nth-child(2){width:98%;float:none;}
.yunyingboxtwo li:nth-child(5){width:98%;float:none;}
.yunyingboxtwo li:nth-child(4){width:98%;float:none;}
.yunyingboxtwo li img{width:100%;}
.yunyingboxone li{width:98%;float:none;}
.yunyingboxone li p{height:auto;}
.yunyingboxone li em{height:auto;}
.yunyingboxone li{padding:10px 1%;}
.erweimaboxleft{width:100%;float:none;text-align:center;}
.erweimaboxright{width:100%;float:none;padding-top:10px;}
.erweimaboxright a{display:block;margin:10px auto;}
.appbg{padding-bottom:40px;}
.erweimaboxleft img{width:200px;}
.solution li{width:48%;margin:0 1% 20px 1%;}
.solution li:last-child{margin:0 1% 20px 1%;}
.solution li p{margin-bottom:20px;}
}
@media screen and (max-width:650px) {
.nybannertext2{padding-top:50px;}
}
@media screen and (max-width:550px) {
.nybannertext{padding-top:70px;}
.nybannertext p{display:none}
.pianotitle em{font-size:22px;}
.pianotitle2 em{font-size:22px;}
.pianotitle211 em{font-size:22px;}
.trainingboxfourleft em{font-size:22px;}
.trainingboxfourright em{font-size:22px;}
.pianotitle3 em{font-size:22px;}
.pianotitle4 em{font-size:22px;}
.pianosixleft em{font-size:22px;}
.pianoeightleft em{font-size:22px;}
.pianonineleft em{font-size:22px;}
.pianoone{padding:10px 0;}
.pianotwo{padding:10px 0;}
.pianothree{padding:10px 0;}
.pianofour{padding:10px 0;}
.pianocottwobox{padding-bottom:0;}
.pianotitle2{padding-top:0;}
.pianotitle211{padding-top:0;}
.nybannertext2 p{display:none}
.nybannertext2 a{margin-top:20px;width:40%;}
.othererweimabox li{width:29.33%;display:block;float:left;padding:0 2%;}
.othererweimabox li img{display:block;width:100%;}
.othererweimabox li p img{display:inline-block;width:20px;}
.houseboxoneright em{font-size:18px;}
.housemore{width:calc(96% - 40px);}
.houseboxtwopicbox li{width:100%;margin:0 0 20px 0;float:none;}
}
@media screen and (max-width:400px) {
.abcottwo{padding-bottom:150px;}
}
@media screen and (max-width:350px) {
.nybannertext{padding-top:50px;}
}