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 { margin: 0 auto; font-size: 14px; font-family: 'Microsoft Yahei',arial,sans-serif; letter-spacing: 0; -webkit-font-smoothing: antialiased; background: #fff; } 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 { 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:after{ content: ''; display: block; height: 0; visibility: hidden; clear: both; } .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 { 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/fkjctc/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: 0 30px; } header .sy p{ color: #fff; font-size: 16px; } .tou{ /*background:#f7fdfe;*/ } .headtop{ padding: 30px 0 25px; } .headtop .tel{ float: left; text-align: center; width: 350px; margin-left: 100px; } .headtop .tel p{ color: #4ccce7; font-size: 10px; text-align: left; margin-left: 90px; } .headtop .tel a{ font-size: 30px; color: #4ccce7; font-weight: bold; vertical-align: middle; } .headtop .tel img{ display: inline-block; vertical-align: middle; } .headtop .lan{ margin: 0 60px 0 90px; } .headtop .zx a{ float: left; } .banner { position: relative; display: block; height: 860px; background: url("/360szlhmsyycom/templets/ms_new/special/fkjctc/images/banner.jpg")no-repeat center; } .banner .banner_a{ width: 1100px; height: 718px; margin: 0 auto; } /****************模块一**************/ .title{ margin:50px 0; } .title h1{ color: #345f96; font-size: 42px; } .title span{ color: #4ccce7; font-size: 42px; } .title p{ font-size: 12px; } .title .line{ background: url("/360szlhmsyycom/templets/ms_new/special/fkjctc/images/line.jpg")no-repeat center; height: 35px; margin: 20px 0; } .mode_a .exjb ul li{ width: 275px; float: left; position: relative; } .mode_a .exjb ul li .qie{ height: 239px; } .mode_a .exjb ul li .xian2{ display: none; } .mode_a .exjb ul li:hover .xian1{ display: none; } .mode_a .exjb ul li:hover .xian2{ display: inline-block; } .mode_a .exjb ul li .qt{ display: inline-block; } .mode_a .exjb ul li p{ background: #86d9ed; text-align: center; font-size: 14px; padding: 70px 30px; } .mode_a .exjb ul li .px1{ background: #e7eee7; } .mode_a .exjb ul li .ding{ position: absolute; top: 45%; left: 40%; } .mode_a .ck1 span{ font-weight: bold; } .mode_a .ck1{ margin: 30px 0; } .mode_a .ck1 p{ text-align: center; font-size: 16px; padding: 0 50px; } .mode_foot{ margin: 30px 0; } .mode_foot h2{ font-size: 28px; background: #ffee79; text-align: center; width: 630px; height: 105px; padding-top: 20px; margin: 0 auto; } .mode_foot a{ background: #f47193; text-align: center; font-size: 34px; color: #fff; width: 310px; height: 75px; line-height: 75px; margin: -40px auto 0; } /***************模块二*******************/ .Carousel_A{ height: 675px; overflow: hidden; } .Carousel_A .hd,.bd{ float: left; } .Carousel_A .hd{ position: relative; } .Carousel_A .hd ul li{ margin:26px 20px 26px 70px; position: relative; } .Carousel_A .hd ul li p{ background: #919191; width: 85px; height: 85px; border-radius: 50%; font-size: 20px; color: #fff; text-align: center; font-weight: bold; padding: 15px 0; box-sizing: border-box; } .Carousel_A .hd ul li.on p{ background: #0099ff; } .Carousel_A .hd ul li .tri{ display: none; width: 0; height: 0; border: 13px solid transparent; border-left-color: #0099ff; position: absolute; right: -24px; top: 35%; } .Carousel_A .hd ul li.on .tri{ display: inline-block; } .Carousel_A .bd img{ float: left; } .Carousel_A .bd ul li{ width: 900px; } .Carousel_A .bd ul li .tp{ margin:0 20px; } .Carousel_A .bd .wz{ float: left; width: 535px; margin-top: 20px; } .Carousel_A .bd .wz img{ margin: 7px 10px 0 40px; } .Carousel_A .bd .wz .jia{ margin:7px 15px 0 0; } .Carousel_A .bd .wz h3{ font-size: 34px; margin-bottom: 20px; margin-left: 20px; } .Carousel_A .bd .wz p{ font-size: 16px; line-height: 30px; float: left; } .Carousel_A .bd .wz .XP{ margin: 0 75px 0 48px; } .Carousel_A .bd .wz .XP_g{ margin: 0 75px 0 110px; } .Carousel_A .bd .wz .XP2{ margin-right: 16px; } .Carousel_A .bd .wz .BT{ float: left; margin-right: 15px; color: #f47193; } .Carousel_A .bd .wz .XP3{ margin-top: 15px; color: #f47193; } .Carousel_A .bd .wz .XP3_a{ margin-top: 10px; } .Carousel_A .bd .wz .XP4{ padding-left: 40px; } .Carousel_A .bd .wz .XP1a{ margin: 0 50px 0 70px; } .Carousel_A .bd .wz .XP1b{ margin:0 16px; } .Carousel_A .bd .wz .XP1c{ margin: 0 47px; } /***************模块三****************/ .mode_c .title_x{ background: url("/360szlhmsyycom/templets/ms_new/special/fkjctc/images/title1.jpg")no-repeat center; text-align: center; height: 175px; } .mode_c .title_x h2{ font-size: 24px; padding-top: 40px; } .mode_c .title_x p{ font-size: 46px; } .mode_c .title_x h2{ color: #fff; } .mode_c .title_x p{ color: #fff; } .mode_c .ca{ position: relative; background: url("/360szlhmsyycom/templets/ms_new/special/fkjctc/images/quan.jpg")no-repeat center; height: 1051px; } .mode_c .ca a{ position: absolute; top: 29%; left: 39%; width: 330px; height: 330px; } .mode_c .ca .at{ position: absolute; top:66.5%; left: 37%; width: 190px; height: 190px; } .mode_c .ca h4{ font-size: 40px; text-align: center; padding-top: 960px; } .mode_c .ca h4 .first{ color: #345f96; font-size: 40px; margin-left: 10px; } .mode_c .ca h4 span{ color: #b3b3b3; font-size: 24px; } .mode_c .cb{ background: url("/360szlhmsyycom/templets/ms_new/special/fkjctc/images/title2.jpg")no-repeat center; height: 177px; } .mode_c .cb h2{ width: 620px; height: 120px; font-size: 15px; color: #000; line-height: 25px; padding:40px 0 0 375px; } .mode_c .cb span{ font-weight: bold; } .mode_c .cc a{ float: left; background: #6ad0e9; color: #fff; height: 75px; width: 465px; text-align:center; line-height: 75px; font-size: 34px; margin: 40px 0; } .mode_c .cc a:first-child{ background: #f47193; margin-right: 50px; margin-left: 60px; } /***************模块四******************/ .mode_d .da h3{ text-align: center; font-size: 40px; } .mode_d .da h3 span{ color: #345f96; } .mode_d .da p{ text-align: center; font-size: 18px; margin: 20px 0 40px; } .mode_d .db h3 span{ font-size: 40px; color: #345f96; } .mode_d .db h3{ text-align: center; font-size: 40px; margin: 30px 0; } .mode_d .db_a{ background: url("/360szlhmsyycom/templets/ms_new/special/fkjctc/images/bg1.jpg")no-repeat center; height: 551px; margin-bottom: 30px; } .mode_d .db_a p{ font-size: 20px; line-height: 40px; padding: 80px 0 0 600px; } .mode_d .db_a p span{ color: #f47193; } .mode_d .db_a a{ text-align: center; background: #f47193; width: 495px; height: 75px; line-height: 75px; color:#fff; font-size: 34px; margin-top: 30px; } .mode_d .dc_a{ background: url("/360szlhmsyycom/templets/ms_new/special/fkjctc/images/bg2.jpg")no-repeat center; height: 514px; } .mode_d .dc_a .sp{ padding: 265px 0 0 415px; width: 300px; font-size: 16px; color: #fff; line-height: 28px; } .mode_d .dc_a .sp a{ background: #f47193; text-align: center; width: 265px; height: 50px; line-height: 23px; margin-top: 20px; font-size: 17px; font-weight: bold; } .mode_d .dc_a .sp span{ font-size: 16px; } /***************模块五****************/ .mode_e .ea{ background: #f6f7f9; height: 365px; } .mode_e .ea ul{ padding-top: 40px; } .mode_e .ea ul li{ float: left; margin-right: 54px; font-size: 15px; } .mode_e .ea ul li:last-child{ margin-right: 0; } .mode_e .ea ul li img{ } .mode_e .ea ul li p{ text-align: center; } .mode_e .ea .btn{ position: relative; background: #f47193; width: 595px; height: 80px; text-align: center; line-height: 80px; overflow: hidden; color: #fff; margin: 30px auto; font-size: 34px; } .mode_e .ea .btn img{ position: absolute; right: -40px; bottom: -55px; } /***************底部********************/ .foot{ background: #6ad0e9; height: 350px; text-align: center; line-height: 40px; } .foot a{ width: 264px; margin: 0 auto; } .foot img{ padding-top: 40px; } .foot p{ font-size: 24px; color:#fff; padding-top: 15 px; } .foot span{ font-size: 15px; color: #cff6ff; } /*按钮动画*/ .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); }