/*css*/ body{padding:0;margin:0;font-family: "microsoft yahei";color:#666666;font-size: 16px;min-width: 1000px;} ul,li,h1,h2,h3,h4,h5,h6,dl,dt,dd,input,p,img,a{padding: 0;margin: 0;font-weight: normal;font-size:16px;} img,input,select{border:0;vertical-align: top;outline:none;} li,a{list-style:none;text-decoration:none;} i,em{ font-style:normal} table{border-collapse: collapse;border-spacing: 0} textarea{outline:none;} /*public*/ .main{margin:0 auto;width: 1000px;} .m_no{margin-right:0 !important} .b_no{border-right:none !important;} .playno{display:none} .fl{float:left;} .fr{float:right;} .title{text-align: center;;height:75px;} .content_a .title{background:url("/templets/ms_new/special/mspp/images/a_tt.png") center center no-repeat;} .content_b .title{background:url("/templets/ms_new/special/mspp/images/b_tt.png") center center no-repeat;} .content_c .title{background:url("/templets/ms_new/special/mspp/images/c_tt.png") center center no-repeat;} .content_d .title{background:url("/templets/ms_new/special/mspp/images/d_tt.png") center center no-repeat;} .content_e .title{background:url("/templets/ms_new/special/mspp/images/e_tt.png") center center no-repeat;} .content_f .title{background:url("/templets/ms_new/special/mspp/images/f_tt.png") center center no-repeat;} .content_g .title{background:url("/templets/ms_new/special/mspp/images/g_tt.png") center center no-repeat;} /*header&banner*/ .header{height:96px;background-color:#fff;} .header .main{overflow:hidden} .header .logo{padding-top:16px;display: block;float:left;margin-right:48px;} .header ul{overflow: hidden;float:left;} .header ul li{float:left;font-size:18px;height:96px;line-height:96px;} .header ul li a{display:block;height:96px;line-height:96px;width:105px;color:#666;text-align: center;font-size:18px;} .header ul .current{background-color:#ff6c41;} .header ul .current a{color:#fff} .banner{background:url("/templets/ms_new/special/mspp/images/banner.jpg") center center no-repeat;height:590px;} .banner a{display: block;width:100%;height:590px;} /*focus*/ .focus{margin-top:20px;margin-bottom:20px;} .focus h2{font-size:24px;color:#333;margin-bottom:20px;} .focus h2 i{font-size:18px;color:#cbcbcb;} .focus ul{overflow:hidden;} .focus ul li{width:123px;float:left;text-align:center;background-color:#f9f9f9;margin-right:2px;padding-top:22px;padding-bottom:10px;} .focus ul li p{color:#666;} .focus ul li span{width:50px;height:51px;display:block;margin:0px auto;margin-bottom:10px;} .focus ul li i{font-size:10px;color:#cdcdcd;} .focus ul li .bg1{background:url("/templets/ms_new/special/mspp/images/focus_icon.png") 0% 0% no-repeat;} .focus ul li:hover .bg1{background:url("/templets/ms_new/special/mspp/images/focus_icon.png") 0% 100% no-repeat;transition:all 0s;} .focus ul li .bg2{background:url("/templets/ms_new/special/mspp/images/focus_icon.png") 13.8% 0% no-repeat;} .focus ul li:hover .bg2{background:url("/templets/ms_new/special/mspp/images/focus_icon.png") 13.8% 100% no-repeat;transition:all 0s;} .focus ul li .bg3{background:url("/templets/ms_new/special/mspp/images/focus_icon.png") 28% 0% no-repeat;} .focus ul li:hover .bg3{background:url("/templets/ms_new/special/mspp/images/focus_icon.png") 28% 100% no-repeat;transition:all 0s;} .focus ul li .bg4{background:url("/templets/ms_new/special/mspp/images/focus_icon.png") 43% 0% no-repeat;} .focus ul li:hover .bg4{background:url("/templets/ms_new/special/mspp/images/focus_icon.png") 43% 100% no-repeat;transition:all 0s;} .focus ul li .bg5{background:url("/templets/ms_new/special/mspp/images/focus_icon.png") 58% 0% no-repeat;} .focus ul li:hover .bg5{background:url("/templets/ms_new/special/mspp/images/focus_icon.png") 58% 100% no-repeat;transition:all 0s;} .focus ul li .bg6{background:url("/templets/ms_new/special/mspp/images/focus_icon.png") 72% 0% no-repeat;} .focus ul li:hover .bg6{background:url("/templets/ms_new/special/mspp/images/focus_icon.png") 72% 100% no-repeat;transition:all 0s;} .focus ul li .bg7{background:url("/templets/ms_new/special/mspp/images/focus_icon.png") 87% 0% no-repeat;} .focus ul li:hover .bg7{background:url("/templets/ms_new/special/mspp/images/focus_icon.png") 87% 100% no-repeat;transition:all 0s;} .focus ul li .bg8{background:url("/templets/ms_new/special/mspp/images/focus_icon.png") 100% 0% no-repeat;} .focus ul li:hover .bg8{background:url("/templets/ms_new/special/mspp/images/focus_icon.png") 100% 100% no-repeat;transition:all 0s;} .focus ul .current{background-color:#ff6c41;} .focus ul .current span{background-position-y:100%; } .focus ul .current p{color:#fff;} .focus ul .current p i{color:#fff;} /*content_a*/ .content_a{background:url("/templets/ms_new/special/mspp/images/a_bg.jpg") center center no-repeat;height:1088px;padding-top:30px} .content_a .top{background-color:#fff;padding:30px 0px 10px 0px;margin-top:30px;} .content_a .top ul{padding:0px 106px 0px 55px;} .content_a .top ul li{overflow:hidden;margin-bottom:20px;} .content_a .top ul li div{width:482px;} .content_a .top ul li div img{margin-top:15px;} .content_a .top ul li div p{font-size:14px;line-height:24px;text-indent:2em;margin-top:10px;} .content_a .center{background-color:#fff;padding:30px 0px 56px 0px;margin-top:30px;} .content_a .center h2{font-size:36px;color:#ff6c41;margin-bottom:20px;font-weight:bold;text-align:center;} .content_a .center p{padding:0px 32px;margin-bottom:20px;text-indent:2em;font-size:14px;line-height:24px;} .content_a .center div{text-align:center;} /*content_b*/ .content_b{background:url("/templets/ms_new/special/mspp/images/b_bg.jpg") center center no-repeat;height:750px;padding-top:65px;margin-top:30px;} .content_b .top{overflow:hidden;margin-top:46px;} .content_b .top img{float:left;} .content_b .top ul{float:right;width:614px;margin-top:5px;} .content_b .top ul li{padding:21px 22px 21px 44px;background-color:#ff6c41;color:#fff;} .content_b .top ul li h2{font-size:24px;font-weight:bold;margin-bottom:5px;margin-left:28px;} .content_b .top ul li p{font-size:14px;line-height:24px;text-indent:2em;} .content_b .top ul .bg{background-color:#fff;color:#333;} .content_b a{display:block;width:520px;height:40px;line-height:40px;margin:60px auto 0px auto;background-color:#ff9e21;text-align: center;color:#fff;font-size:18px;padding:8px 0px; border-radius:28px;} .content_b a i{background-color:#fff;color:#ff9e21;margin-left:10px;padding:10px 10px;border:1px solid rgba(255,158,33,0.5);} /*content_c*/ .content_c{background:url("/templets/ms_new/special/mspp/images/c_bg.jpg") center bottom no-repeat;height:613px;padding-top:30px;} .content_c .top{width:856px;margin:0px auto;box-shadow:0px 4px 4px #dcd8d1;padding:0px 50px;border-radius:80px;height:204px;background-color:#fff;margin-top:90px; position:relative;} .content_c .top ul{padding-top:44px;} .content_c .top ul li{width:287px;} .content_c .top ul li h2{font-size:24px;font-weight:bold;margin-left:50px;margin-bottom:5px;color:#ff9e21;} .content_c .top ul li p{font-size:14px;line-height:24px;text-indent:2em;} .content_c .top img{position:absolute;left:50%;margin-left:-125px;top:-25px;} .content_c .top .co2{color:#ff6c41;} .content_c a{display:block;width:520px;height:40px;line-height:40px;margin:96px auto 0px auto;background-color:#ff9e21;text-align: center;color:#fff;font-size:18px;padding:8px 0px; border-radius:28px;} .content_c a i{background-color:#fff;color:#ff9e21;margin-left:10px;padding:10px 10px;border:1px solid rgba(255,158,33,0.5);} /*content_d*/ .content_d{background:url("/templets/ms_new/special/mspp/images/d_bg.jpg") center center no-repeat;height:476px;padding-top:66px;} .content_d .top{position:relative;} .content_d ul{height:228px;margin-top:68px;} .content_d ul li{width:219px;height:228px;background-color:#ff6c41;float:left;margin-right:36px;border-radius:20px;color:#fff;position:relative;z-index: 99;} .content_d ul li h2{font-size:24px;height:34px;line-height:34px;text-align:center;padding-top:16px;margin-bottom:12px;} .content_d ul li h2 img{margin-right:10px;} .content_d ul li p{font-size:14px;line-height:24px;padding:0px 20px;height:100px;margin-bottom:10px;} .content_d ul li i{font-weight:bold;color:#f8fb00;} .content_d ul li span{text-decoration:line-through;} .content_d ul li a{display:block;width:150px;text-align:center;height:42px;line-height:42px;margin:0px auto;color:#ff6c41;background-color:#fff;border:2px solid #ffc274;border-radius:18px;} .content_d h3{height:210px;position:absolute;left:30px;top:-5px;z-index:55;width:1030px;} .content_d h3 span{display:block;width:187px;height:226px;border:1px solid #ccc;border-radius:20px;z-index:-3;margin-right:66px; transform:rotate(8deg);float:left;} .content_d ul .bg1{background-color:#ff9e21;} .content_d ul .co1{color:#ff9e21;;} /*content_e*/ .content_e{background:url("/templets/ms_new/special/mspp/images/e_bg.jpg") center center no-repeat;;height:722px;padding-top:30px;} .content_e .e_qh{height:588px;background:url("/templets/ms_new/special/mspp/images/e_bg2.jpg") center center no-repeat;margin-top:31px;position:relative;} .content_e .e_qh .bd{width:820px;margin:0px auto 0px auto;padding-top:66px;} .content_e .e_qh .bd ul li{overflow:hidden;} .content_e .e_qh .bd ul li .fl{width:360px;height:522px;} .content_e .e_qh .bd ul li .fr{width:460px;height:522px;} .content_e .e_qh .bd ul li .fr h2{color:#ff9e21;font-size:18px;line-height:40px;height:40px;margin-bottom:25px;padding-top:30px} .content_e .e_qh .bd ul li .fr h2 i{font-size:36px;font-weight:bold;margin-right:5px;} .content_e .e_qh .bd ul li .fr h3{font-size:18px;color:#333;margin-bottom:16px;} .content_e .e_qh .bd ul li .fr h3 i{color:#ff6c41;} .content_e .e_qh .bd ul li .fr h4{background-color:#ff9e21;width:70px;text-align:center;height:30px;line-height:30px;font-size:18px;font-weight:bold;color:#fff;border-radius:30px 0 0 0;padding-left:10px; margin-top:15px;margin-bottom:10px;} .content_e .e_qh .bd ul li .fr p{font-size:14px;line-height:24px;} .content_e .e_qh .bd ul li .fr p.text{height:72px;} .content_e .e_qh .bd ul li .fr h5{margin-top:22px;} .content_e .e_qh .bd ul li .fr h5 a{display:block;float:left;height:45px;width:147px;text-align: center;line-height:45px;color:#fff;background-color:#ff9e21;border-radius:18px;font-size:18px;} .content_e .e_qh .bd ul li .fr h5 .co2{margin-left:30px;background-color:#ff6c41;} .content_e .e_qh span{position:absolute;top:50%;} .content_e .e_qh .next{left:15px;} .content_e .e_qh .prev{right:15px;} /*content_f*/ .content_f{background-color:#fff;margin-top:70px;margin-bottom:65px;} .content_f .top ul{overflow:hidden;margin:40px auto 0;width: 720px;} .content_f .top ul li{height:45px;line-height:45px;width:153px;text-align:center;margin-right:16px;background-color:#cbcbcb;color:#fff;float:left;cursor:pointer;} .content_f .top ul .current{background-color:#ff6c41;} .content_f .center{height:366px;} .content_f .center .lis{width:1000px;background:url("/templets/ms_new/special/mspp/images/f_bg.jpg") center center no-repeat;height:366px;} .content_f .center .lis:nth-child(2){width:1000px;background:url("/templets/ms_new/special/mspp/images/f_bg2.jpg") center center no-repeat;} .content_f .center .lis:nth-child(3){width:1000px;background:url("/templets/ms_new/special/mspp/images/f_bg4.jpg") center center no-repeat;} /* .content_f .center .lis:nth-child(4){width:1000px;background:url("/templets/ms_new/special/mspp/images/f_bg4.jpg") center center no-repeat;} */ .content_f .center .lis:nth-child(5){width:1000px;background:url("/templets/ms_new/special/mspp/images/f_bg5.jpg") center center no-repeat;} .content_f .center .lis:nth-child(6){width:1000px;background:url("/templets/ms_new/special/mspp/images/f_bg6.jpg") center center no-repeat;} .content_f .center .lis h2{padding-top:88px;font-size:24px;color:#ff6c41;margin-bottom:22px;text-align:center;width:586px;margin-left:30px;} .content_f .center .lis p{font-size:14px;line-height:24px;text-indent:2em;width:586px;margin-left:30px;} .content_f .center a{display:block;width:340px;height:26px;line-height:26px;margin-top:36px;background-color:#ff6c41;text-align: center;color:#fff;font-size:18px;padding:8px 0px; border-radius:28px;margin-left:163px;} .content_f .center a i{background-color:#fff;color:#ff6c41;margin-left:8px;padding:4px 20px;border:1px solid rgba(255,158,33,0.5);} /*content_g*/ .content_g{background:url("/templets/ms_new/special/mspp/images/g_bg.jpg") center center no-repeat;height:800px;padding-top:32px;} .content_g .top{position:relative;} .content_g .top .bd{margin:0px auto;width:890px;height:587px;background-color:#fff;margin-top:23px;text-align: center;} .content_g .top .bd h2{padding-top:30px;font-size:24px;margin-bottom:25px;color:#ff9e21;font-weight:bold} .content_g .top .bd p{text-align:left;padding:0px 26px;text-indent:2em;font-size:14px;line-height:24px;} .content_g .top .bd img{margin:20px auto;} .content_g .top span{position:absolute;top:50%;margin-top:-30px} .content_g .top .next{left:-50px;} .content_g .top .prev{right:-50px;} .content_g .btn{height:50px;width:440px;margin:30px auto 0px auto;} .content_g .btn a{display:block;height:50px;line-height:50px;width:190px;text-align:center;background-color:#fff;color:#666;border-radius:23px;font-size:18px;} .content_g .btn .bg1{background-color:#ff9e21;color:#fff;} /*zhuce*/ .zhuce{background:url("/templets/ms_new/special/mspp/images/zhuce_bg.jpg") center center no-repeat;height:546px;padding-top:60px;} .zhuce .top{border:5px solid #eceae7;background-color:#fff;} .zhuce .top h2{font-size:18px;text-align:center;padding-top:32px;margin-bottom:42px;} .zhuce .top h2 i{font-size:24px;color:#ff6c41;font-weight:bold;} .zhuce .top form{margin-left:96px;padding-bottom:15px;} .zhuce .top form p{overflow:hidden;margin-bottom:20px;} .zhuce .top form p span{display:block;width:96px;height:45px;line-height:45px;float:left;} .zhuce .top form p input{display:block;width:274px;height:43px;line-height:43px;float:left;border:1px solid #ccc;margin-right:38px;} .zhuce .top form p select{display:block;width:274px;height:43px;line-height:43px;float:left;border:1px solid #ccc;margin-right:38px;} .zhuce .top form p textarea{display:block;width:677px;height:120px;line-height:43px;float:left;border:1px solid #ccc;margin-right:38px;} .zhuce .top form .btn{margin-top:30px;} .zhuce .top form .btn input{border:none;width:162px;text-align: center;height:48px;line-height:48px;background-color:#ff9e21;font-size:24px;color:#fff;border-radius:25px; font-family:"microsoft yahei";} .zhuce .top form .btn .jl{margin-left:248px;margin-right:50px;background-color:#ff6c41;} .zhuce .top form .btn input:hover{opacity:0.9;} /*footer*/ .footer{height:305px;overflow: hidden;background-color:#333333;margin-top:48px;margin-bottom:15px;} .footer a.logo{float:left;margin-top:45px;margin-left:75px;} .footer img.line{float:left;margin:20px 60px 0px 60px;} .footer .center{float:left;font-size:15px;line-height:26px;margin-top:42px;} .footer .center h2{font-size:18px;color:#fff;} .footer .center h2 i{font-size:24px;font-weight:bold;} .footer .center h4{margin-top:13px;color:#b7b7b7;} .footer .center h4 i{color:#fff;} .footer .center h4 a{font-family:"impact";color:#ffde00;font-size:30px} .footer h3{float:right;font-size:14px;text-align: center;margin-top:60px;color:#fff;margin-right:60px;} .footer h3 img{margin-bottom:10px;} /* Float Shadow */ .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-float-shadow:before {pointer-events: none;position: absolute;z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: "transform, opacity"; transition-property: "transform, opacity"; } .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {-webkit-transform: translateY(-5px);transform: translateY(-5px); /* move the element up by 5px */ } .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } @-webkit-keyframes 'bounce' { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-10px);} 60% {-webkit-transform: translateY(-5px);} } @-moz-keyframes'bounce' { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-10px);} 60% {-moz-transform: translateY(-5px);} } @-ms-keyframes 'bounce' { 0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);} 40% {-ms-transform: translateY(-10px);} 60% {-ms-transform: translateY(-5px);} } @keyframes 'bounce' { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-10px);} 60% {transform: translateY(-5px);} }