@media screen and (min-width:721px){
.pcbanner { width:100%; position:relative; height:480px;}
.pcbanner .bd {}
.pcbanner .bd ul { width:100% !important;}
.pcbanner .bd li { width:100% !important; overflow:hidden; text-align:center; background-position:center center;}
.pcbanner .bd li a { display:block;}
.pcbanner .hd { width:100%; position:absolute; z-index:10; bottom:30px; left:0; height:15px;}
.pcbanner .hd ul { text-align:center;}
.pcbanner .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin:0 5px; overflow:hidden; background:#000; filter:alpha(opacity=50); opacity:0.5; line-height:999px; border-radius:50%;}
.pcbanner .hd ul .on { background:#f00;}
.pcbanner .prev,.pcbanner .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%; z-index:1; width:40px;height:60px; background:url(../img/slider-arrow.png) -126px -137px #000 no-repeat; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none; border-radius:5px;}
.pcbanner .next { left:auto; right:5%; background-position:-6px -137px;}

.mibanner{ display:none;}

.bussiness{ padding-bottom:40px;}
.bussinessintor{ text-align:center; background:url(../img/titlebg.png) no-repeat center center; padding:40px 0 30px;}
.bussinessintor dt{ font-size:24px; line-height:40px; color:#005095; font-weight:bold;}
.bussinessintor dd{ line-height:30px; color:#666;}
.bussinessclass{}
.bussinessclass ul{ margin:0 -20px; overflow:hidden; padding-bottom:30px;}
.bussinessclass li{ float:left; width:340px; margin:0 20px; margin-bottom:15px;}
.bussinessclass li a{ display:block; padding:10px; height:300px; background:#fff; color:#333;}
.bussinessclass li a:hover{ background:#f57921; color:#fff;}
.bussinessclass li a img{ width:320px; height:160px;}
.bussinessclass li dl{}
.bussinessclass li dt{ font-size:16px; line-height:40px; font-weight:bold;}
.bussinessclass li dd{ color:#666;}
.bussinessclass li a:hover dd{ color:#fff;}
.businessmore{}
.businessmore a{ display:block; width:200px; font-size:16px; height:40px; line-height:40px; text-align:center; margin:0 auto; background:#f57921; color:#fff;}

.about{ height:450px; background:url(../upload/aboutbg.jpg) no-repeat center center; padding:40px 0 30px;}
.aboutcon{ background:url(../img/abouttxtbg.png) repeat left top;}
.abouttitle{ text-align:center; background:url(../img/titlebg.png) no-repeat center center; padding:40px 0 30px;}
.abouttitle dt{ font-size:24px; line-height:40px; color:#005095; font-weight:bold;}
.abouttitle dd{ line-height:30px; color:#666; padding:0 100px;}
.aboutintro{ font-size:16px; line-height:30px; padding:0 100px 20px; color:#666; text-align:center;}
.abouticons{ padding-bottom:30px;}
.abouticons ul{ text-align:center;}
.abouticons li{ display:inline-block; margin:0 20px;}
.abouticons li i{ display:inline-block; width:80px; height:80px; border-radius:50%; transition:all ease-out 0.3s; cursor:pointer;}
.abouticons li h4{ font-weight:normal; color:#666; font-size:12px;}
.abouticons li i.ys1{ background:#fff url(../img/ys1.png) no-repeat center center;}
.abouticons li i.ys1:hover{ background:#f57921 url(../img/ys1h.png) no-repeat center center;}
.abouticons li i.ys2{ background:#fff url(../img/ys2.png) no-repeat center center;}
.abouticons li i.ys2:hover{ background:#f57921 url(../img/ys2h.png) no-repeat center center;}
.abouticons li i.ys3{ background:#fff url(../img/ys3.png) no-repeat center center;}
.abouticons li i.ys3:hover{ background:#f57921 url(../img/ys3h.png) no-repeat center center;}
.abouticons li i.ys4{ background:#fff url(../img/ys4.png) no-repeat center center;}
.abouticons li i.ys4:hover{ background:#f57921 url(../img/ys4h.png) no-repeat center center;}


.case{}
.caesintro{ text-align:center; background:url(../img/titlebg.png) no-repeat center center; padding:40px 0 30px;}
.caesintro dt{ font-size:24px; line-height:40px; color:#005095; font-weight:bold;}
.caesintro dd{ line-height:30px; color:#666;}
.caselist{}
.caselist ul{ margin:0 -20px;}
.caselist li{ float:left; width:245px;  margin:0 20px 40px; text-align:center;}
.caselist li a{ display:block; color:#333;}
.caselist li a img{ width:245px; height:160px;}
.caselist li a:hover{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); box-shadow:0 0 5px rgba(0,0,0,0.5);}
.caselist li a h3{ font-size:14px; line-height:30px; background:#fff; font-weight:normal;}

.partner{ background:#fff;}
.partnertitle{ text-align:center; background:url(../img/titlebg.png) no-repeat center center; padding:40px 0 30px;}
.partnertitle dt{ font-size:24px; line-height:40px; color:#005095; font-weight:bold;}
.partnertitle dd{ line-height:30px; color:#666;}
.partnerintro{ margin:0 auto 30px; width:700px; font-size:12px; color:#999; text-align:center;}
.partnerlogos{ padding-bottom:60px;}
.partnerlogos ul{ margin:0 -25px; overflow:hidden;}
.partnerlogos li{ float:left; width:180px; margin:0 25px; margin-bottom:15px;}
}
@media only screen and (max-width:720px){
.pcbanner { display:none;}

.mibanner{ position:relative; height:auto;}
.mibanner .bd {}
.mibanner .bd ul { width:100% !important;}
.mibanner .bd li { width:100% !important; overflow:hidden; text-align:center; background-position:center center;}
.mibanner .bd li a { display:block;}
.mibanner .hd { width:100%; position:absolute; z-index:10; bottom:-50px; left:0; height:15px;}
.mibanner .hd ul { text-align:center;}
.mibanner .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin:0 5px; overflow:hidden; background:#000; filter:alpha(opacity=50); opacity:0.5; line-height:999px; border-radius:50%;}
.mibanner .hd ul .on { background:#f00;}
.mibanner .prev,.mibanner .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%; z-index:1; width:40px;height:60px; background:url(../img/slider-arrow.png) -126px -137px #000 no-repeat; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none; border-radius:5px;}
.mibanner .next { left:auto; right:5%; background-position:-6px -137px;}

.bussiness{ padding:20px; margin-top:70px;}
.bussinessintor{ text-align:center; background:url(../img/titlebg.png) no-repeat center center; padding:0 0 20px;}
.bussinessintor dt{ font-size:24px; line-height:40px; color:#005095; font-weight:bold;}
.bussinessintor dd{ line-height:30px; color:#666;}
.bussinessclass{}
.bussinessclass ul{}
.bussinessclass li{ padding-bottom:20px;}
.bussinessclass li a{ display:block; padding:10px; background:#fff; color:#333;}
.bussinessclass li a:hover{ background:#f57921; color:#fff;}
.bussinessclass li a img{ width:100%;}
.bussinessclass li dl{}
.bussinessclass li dt{ font-size:16px; line-height:40px; font-weight:bold;}
.bussinessclass li dd{ color:#666;}
.bussinessclass li a:hover dd{ color:#fff;}
.businessmore{}
.businessmore a{ display:block; width:200px; font-size:16px; height:40px; line-height:40px; text-align:center; margin:0 auto; background:#f57921; color:#fff;}

.about{ background:url(../upload/aboutbg.jpg) no-repeat center center; padding:20px 0;}
.aboutcon{ background:url(../img/abouttxtbg.png) repeat left top;}
.abouttitle{ text-align:center; background:url(../img/titlebg.png) no-repeat center center; padding:20px 0;}
.abouttitle dt{ font-size:24px; line-height:40px; color:#005095; font-weight:bold;}
.abouttitle dd{ line-height:30px; color:#666; padding:0 100px;}
.aboutintro{ font-size:12px; line-height:20px; padding:0 20px 20px; color:#666; text-align:center;}
.abouticons{ padding-bottom:20px;}
.abouticons ul{ text-align:center;}
.abouticons li{ display:inline-block; width:20%;}
.abouticons li i{ display:inline-block; width:50px; height:50px; border-radius:50%; transition:all ease-out 0.3s; cursor:pointer;}
.abouticons li h4{ font-weight:normal; color:#666; font-size:12px;}
.abouticons li i.ys1{ background:#fff url(../img/ys1.png) no-repeat center center; background-size:100% auto;}
.abouticons li i.ys1:hover{ background:#f57921 url(../img/ys1h.png) no-repeat center center; background-size:100% auto;}
.abouticons li i.ys2{ background:#fff url(../img/ys2.png) no-repeat center center; background-size:100% auto;}
.abouticons li i.ys2:hover{ background:#f57921 url(../img/ys2h.png) no-repeat center center; background-size:100% auto;}
.abouticons li i.ys3{ background:#fff url(../img/ys3.png) no-repeat center center; background-size:100% auto;}
.abouticons li i.ys3:hover{ background:#f57921 url(../img/ys3h.png) no-repeat center center; background-size:100% auto;}
.abouticons li i.ys4{ background:#fff url(../img/ys4.png) no-repeat center center; background-size:100% auto;}
.abouticons li i.ys4:hover{ background:#f57921 url(../img/ys4h.png) no-repeat center center; background-size:100% auto;}


.case{ padding:0 20px;}
.caesintro{ text-align:center; background:url(../img/titlebg.png) no-repeat center center; padding:20px 0;}
.caesintro dt{ font-size:24px; line-height:40px; color:#005095; font-weight:bold;}
.caesintro dd{ line-height:30px; color:#666;}
.caselist{ padding-bottom:10px;}
.caselist ul{ overflow:hidden; margin:0 -10px;}
.caselist li{ float:left; width:50%; text-align:center;}
.caselist li a{ display:block; color:#333; padding:10px;}
.caselist li a img{ width:100%;height:160px;}
.caselist li a h3{ font-size:14px; line-height:30px; background:#fff; font-weight:normal;}

.partner{ background:#fff; padding:0 20px;}
.partnertitle{ text-align:center; background:url(../img/titlebg.png) no-repeat center center; padding:20px 0;}
.partnertitle dt{ font-size:24px; line-height:40px; color:#005095; font-weight:bold;}
.partnertitle dd{ line-height:30px; color:#666;}
.partnerintro{ font-size:12px; color:#999; text-align:center; padding-bottom:20px;}
.partnerlogos{ padding-bottom:20px;}
.partnerlogos ul{ overflow:hidden;}
.partnerlogos li{ float:left; width:20%;}
}