body, div, p, span, ul, li, ol, dl, dt, dd, img, a, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; list-style: none; border: 0; } body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,fieldset, legend,button, input, textarea,th, td { margin: 0; padding: 0; } body { margin: 0 auto; font-size: 18px; font-family: 'Microsoft Yahei',arial,sans-serif; color: #333333; letter-spacing: 0px; -webkit-font-smoothing: antialiased; background: #fff; } address, cite, dfn, em, var ,i{ font-style: normal; } code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } small { font-size: 12px; } ul, ol, li { list-style: none; } a { text-decoration: none; color: inherit;} fieldset, img { border: none; } button, input, select, textarea { font-size: 100%; } input{ border: 0; outline: none; } textarea{ resize: none; border: 0; outline: none;} table { border-collapse: collapse; border-spacing: 0; } b, strong{ font-weight: bold; } hr { border: none; height: 1px; } html { overflow-y: scroll; } a{ text-decoration: none; color: inherit; } article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;margin: 0;padding: 0;} .clearfix{ zoom: 1; } a{ text-decoration: none; display: block; } i,em{ font-style: normal; } em{ display: block; } b,strong{ font-weight: normal; } img { border: none; } h1, h2, h3, h4, h5, h6 ,b{ font-weight: normal; } body table { border-collapse:collapse; border-spacing: 0; } /*公用标签*/ .consult{ width: 1100px; margin: 0 auto; } .consult1{ width: 1000px; margin: 0 auto; } .clear{ clear: both; } .header .nav p{ font-size: 16px; color: #333333; } ul{ display: inline-block; position: relative; } .clearfix:after { visibility: hidden; content: ''; display: table; clear: both; } .list:after{ content: ''; display: inline-block; width: 100%; } .subject{ width: 1000px; position: relative; margin: 0 auto; text-align: center } .title{ text-align: center; position: relative; } .title h2{ font-size:52px; color: #e32242; display: inline-block; font-weight: bold; } .title img{ display: inline-block; text-align: center; margin-top: 10px; margin-right: 10px; } .imgxx{ margin-top: 110px; } .imgxxs{ margin-top: 90px; } .imgxxc{ } .title h3{ color: #fc607a; font-size: 32px; } .fl{ float: left; } .fr{ float: right; } .bgc{ background:url("/360szlhmsyycom/templets/ms_new/special/fkjczt/images/bgc_img_a.jpg")no-repeat center; height: 98px; position: relative; margin-top: 40px; } .main_a_b_title_a{ width: 390px; margin: 0 auto; margin-top: 30px; text-align: center; } .main_a_b_title_a img{ float: left; } .main_a_b_title_a p{ line-height: 60px; margin-left: 15px; font-size:32px ; color: #ffffff; float: left; } .main_a_b_title_a p b{ font-weight: bold; } .btn{ text-align: center; margin-top: -25px; } .btn a{ text-align: center; font-size: 20px; font-weight: bold; color: #ffffff; line-height: 50px; border-radius: 25px; display: inline-block; background: #fe5839; box-sizing: border-box; padding: 0 30px; margin-top: 30px; /*transition: all 0.3s;*/ /*-webkit-transition: all 0.3s;*/ } .btn_change{ display: inline-block; transition: all 0.3s; -webkit-transition: all 0.3s; background: #fb9b16; font-size: 20px; color: #ffffff; text-align: center; line-height: 52px; width: 220px; border-radius: 26px; margin-top: 26px; margin-left: 40px; } .btn_change:hover{ border-radius: 10px; } /*.btn em{*/ /*font-size: 16px;*/ /*color: #555555;*/ /*text-decoration: line-through;*/ /*display: inline-block;*/ /*}*/ .li_btn{ margin-top: 30px; width: 960px; height: 52px; display: block; text-align: center; } .li_btn a{ background: linear-gradient(to left, #fc1f43, #fb6d51); font-size: 20px; color: #ffffff; font-weight: bold; line-height: 52px; border-radius: 26px; width: 740px; text-align: center; margin: 0 auto; } .li_float{ float: left; } .justify{text-align: justify;text-justify:distribute-all-lines;font-size: 0;} .justify>*{display: inline-block;vertical-align: top} .justify:after{width: 100%;height: 0;margin: 0;display: inline-block;overflow: hidden;content: '';} /*************************************************************************************************/ /*头部*/ header .logo{ float: left; } header .sy{ text-align: center; float: left; margin: 15px 100px; } header .sy img{ float: left; } header .sy p{ font-size: 20px; float: left; border: 1px solid #ccc; margin:10px; padding:0 10px; } .headtop{ padding-top: 30px; margin-left: 40px; } .headtop .tel{ float: left; text-align: center; width: 250px; margin-top: 15px; } .headtop .tel p{ font-size: 16px; } .headtop .tel a{ font-size: 25px; font-weight: bold; vertical-align: middle; color: #ff3333; } .headtop .tel img{ display: inline-block; vertical-align: middle; margin-top: -25px; } .nav{ margin-top: 20px; background: #ccc; } .nav ul{ margin-left: 80px; } .nav ul li{ float: left; padding: 15px 0; } .nav ul li a{ border-right: 1px solid #333; color: #333; padding: 0 30px; } .nav ul li .last_lia{ border-right: none; } .banner a{ background: url("/360szlhmsyycom/templets/ms_new/special/fkjczt/images/banner.jpg")no-repeat center; height: 520px; background-size: cover; } .dd{ margin: 25px 0; } .dd img{ float: left; } .dd img:first-child{ margin-left: 45px; } .dd p{ line-height: 35px; float: left; width: 655px; margin: 25px 10px 25px 40px; } .title{ position: relative; } .title .hk{ background: #ccccff; width: 20px; height: 20px; border-radius: 50%; position: absolute; right: 330px; bottom: 10px; } .title .hkx{ position: absolute; right: 386px; bottom: 10px; } .title .hk2{ position: absolute; right: 445px; bottom: 10px; } .title .hk3{ position: absolute; right: 300px; bottom: 12px; } .title h1{ font-size: 36px; text-align: center; font-weight: bold; margin: 0 0 20px; padding: 50px 0 0; color: #666; } .title p{ text-transform: uppercase;font-size: 15px; } .title span{ color: #9999ff; } .title i{ border-bottom: 5px solid #666; padding-bottom: 7px; } .titleX{ padding-bottom: 40px; position: relative; } .titleX .hk2{ background: #ccccff; width: 20px; height: 20px; border-radius: 50%; position: absolute; right: 415px; bottom: 50px; } .titleX h1{ font-size: 36px; text-align: center; font-weight: bold; padding: 50px 0 20px; color: #fff; } .titleX span{ color: #ffff99; } .titleX i{ border-bottom: 5px solid #fff; padding-bottom: 7px; } .titleX p{ text-align: center; color: #fff; text-transform: uppercase; font-size: 15px; } /****************模块一**************/ .modeA{ background: rgb(240,238,239); } .modeA .ck p{ text-align: center; margin: 30px 0 0; } .modeA .ck_a{ margin-top: 30px; } .modeA .ck_a img{ float: left; } .modeA table{ float: left; background: #fff; margin-left: 45px; margin-bottom: 50px; margin-top: 20px; } .modeA table img{ float: none !important; } .modeA table tr td{ text-align: center; border: 2px solid rgb(248,246,247); width: 255px; padding: 15px 5px; } @font-face{ font-family: 'ygyxs88'; src : url("/360szlhmsyycom/templets/ms_new/special/fkjczt/css/fonts/ygyxs88.ttf"); } .modeA table tr td i{ color: #ff3333; font-size: 113px; font-family: ygyxs88; font-style: italic; } .modeA table tr td b{ font-size: 30px; font-family: none; } .modeA table tr td p{ text-decoration: line-through; font-style: italic; } .modeA table .tr1 p{ font-size: 11px; text-decoration: none; text-transform: uppercase; font-style: normal; } .modeA table .tr1 td:nth-child(2){ background: #9999ff; font-weight: bold; color: #fff; font-size: 24px; } .modeA table .tr1 td:nth-child(3){ background: #9999ff; font-weight: bold; color: #ffff99; font-size: 24px; } .modeA table .tr2 td:nth-child(2){ padding-bottom: 45px; } .modeA .ck_b{ padding-bottom: 50px; } .ck_O{ padding-bottom: 10px !important; } .modeA .ck_b a{ width: 326px; height: 53px; line-height: 53px; text-align: center; font-size: 20px; color: #fff; float: left; background: url("/360szlhmsyycom/templets/ms_new/special/fkjczt/images/Aa1.png")no-repeat center; margin-left: -10px; } .modeA .ck_b a:nth-child(2){ background: url("/360szlhmsyycom/templets/ms_new/special/fkjczt/images/Aa2.png")no-repeat center; margin-left: 55px; } /*模块二*/ .modeB{ background: rgb(130,136,232); } .modeB .pom_a p{ color: #fff; text-align: center; padding-bottom: 20px; } .modeB table{ float: left; } .modeB table img{ float: none; margin-top: 0; } .modeB img{ float: left; margin-top: 110px; margin-left: 5px; } .modeB table{ float: left; background: #fff; margin-left: 45px; margin-bottom: 50px; margin-top: 30px; } .modeB table img{ float: none !important; } .modeB table tr td{ text-align: center; border: 2px solid #ccc; width: 220px; padding:10px 5px; } .modeB table tr td i{ color: #ff3333; font-size: 113px; font-family: ygyxs88; font-style: italic; } .modeB table tr td b{ font-size: 30px; font-family: none; } .modeB table tr td span{ font-size: 36px; color: #6633cc; font-style: italic; font-weight: bold; } .modeB table tr td p{ text-decoration: line-through; font-style: italic; } .nop{ border: none !important; } .modeB table .tr1 p{ font-size: 11px; text-decoration: none; text-transform: uppercase; font-style: normal; } .modeB table .tr1 td:nth-child(2){ background: #9999ff; font-weight: bold; color: #fff; padding: 20px 0; font-size: 24px; border:none; border-right: 2px solid #ccc; border-left: 2px solid #ccc; } .modeB table .tr1 td:nth-child(3){ background: rgb(116,122,227); font-weight: bold; color: #ffff99; font-size: 24px; } .modeB table .tr2 td:nth-child(2){ padding-bottom: 45px; } .modeB .pom_b .pom_b1{ padding-bottom: 50px; } .modeB .pom_b .pom_b1 a{ background: url("/360szlhmsyycom/templets/ms_new/special/fkjczt/images/Ab1.png")no-repeat center; width: 407px; height: 55px; line-height: 55px; float: left; text-align: center; color: #fff; margin-left: 160px; font-size: 20px; text-transform: uppercase; } .modeB .pom_b .pom_b1 a:nth-child(2){ background: url("/360szlhmsyycom/templets/ms_new/special/fkjczt/images/Ab2.png")no-repeat center; margin-left: 100px; } /*模块三*/ .modeA .ckS p{ float: left; background: url("/360szlhmsyycom/templets/ms_new/special/fkjczt/images/Pa.jpg")no-repeat center; width: 425px; height: 85px; text-align: left; font-size: 16px; box-sizing: border-box; padding:20px 10px 0 60px; margin-top: 40px; } .modeA .ckS p:nth-child(1){ margin-left: 110px; } .modeA .ckS p:nth-child(2){ background: url("/360szlhmsyycom/templets/ms_new/special/fkjczt/images/Pb.jpg")no-repeat center; margin-left: 30px; } /*模块四*/ .imgV{ margin-top: 25px !important; margin-left: 20px !important; } /*模块五*/ .modeE{ background:rgb(240,238,239); } .modeE .mk{ position: relative; margin-top: 45px; padding-bottom: 85px; } .modeE .mk img{ width: 100%; margin: 0 auto; } .modeE .mkp{ position: absolute; bottom: 90px; left: 365px; width: 370px; height: 258px; background: #9999ff; box-sizing: border-box; padding: 20px; font-size: 15px; color: #fff; line-height: 25px; } .modeE .mka{ background: #ff6699; width: 285px; margin: 30px auto; text-align: center; padding: 5px 0; } .modeE .mka h5{ font-size: 20px; font-weight: bold; } .modeE .mka p{ font-size: 15px; } /*模块五*/ .modeF ul li{ float: left; margin-left: 25px; margin-top: 50px; } .modeF ul li img{ margin-left: 10px; } .modeF ul li p{ text-align: center; color: #000; } .modeF ul li:nth-child(4) p{ color: #ff6699; } .modeF .last{ background: linear-gradient(to right, #ff6699,#ff6666); position: relative; text-align: center; width: 590px; height: 75px; line-height: 75px; color: #fff; margin: 50px auto; font-size: 34px; } .modeF .last img{ position: absolute; right: -45px; bottom: -50px; } /***************底部********************/ .foot{ background: rgb(130,136,232); text-align: center; color: #fff; padding-bottom: 65px; } .foot img{ margin-top: 45px; margin-bottom: 30px; } .foot p{ font-size: 24px; line-height: 40px; } .foot span{ color: #ccccff; line-height: 40px; margin-bottom: 40px; } /*按钮动画*/ .animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-fill-mode: both; -webkit-animation-name: tada; animation-name: tada; } .animated_btn{ -webkit-animation-duration: 3s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-fill-mode: both; -webkit-animation-name: tada; animation-name: tada; } .animated_banner{ -webkit-animation-duration: 4s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-fill-mode: both; -webkit-animation-name: tada; animation-name: tada; } #button { -webkit-animation: pulse 1.2s infinite alternate; animation: pulse 1.2s infinite alternate; } .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 0 0 1px transparent; 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; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-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: 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); }