body {color:#333333} a{color:#333333}a:active,a:hover {color:#316bee} @media (min-width: 1330px) {.container{ width: 1330px; }} @media (min-width: 1330px) {.container{ width: 1330px; }} @media screen and (max-width: 1560px){ .wdiv{ width:100%; float:left; padding: 0 4.8%;} } @media screen and (max-width:991px ) { .wdiv{ padding: 0;} } #top{ width: 100%; float: left;} #top .pz_top{ float: left; width: 100%; background: #161010; position: fixed; top: 0; left: 0; z-index: 99999999;} #top .pz_top .logo{ width: 252px; margin: 21px 0; line-height: 0; float: left;} #top .pz_top .lj{ font-size: 16px; height: 32px; line-height: 30px; padding: 0 10px; margin: 19px 0; display: block; float: right; background: #316bee; color: #fff; border: 1px solid #060c25; border-radius: 3px;} /* menu */ #top .pz_top .menu{ width: 66.233%; margin-left: 3%; float: left;} #top .pz_top .menu .nli{ float: left; padding: 0 2.6%; margin: 0 0.1%; position: relative;} /*#top .pz_top .menu .nli.on::after, #top .pz_top .menu .nli:hover::after{ content: ""; display: block; width: 100%; height: 6px; background: #316bee; position: absolute; left: 0; bottom: -2px;}*/ #top .pz_top .menu .nli span a{ display: block; height: 70px; line-height: 70px; font-size: 16px; color: #fff;} #top .pz_top .menu .nli.on span a, #top .pz_top .menu .nli:hover span a{ color: #316bee; font-weight:bold;} #top .menu .nli .sub1{ display: none; padding: 25px 75px 50px 50px; width: 1060px; position: absolute; top: 70px; left: -110px; background: rgba( 19, 43, 214, 0.75); z-index: 999;} #top .menu .nli:hover .sub1{ display: block;} #top .menu .nli .sub1 .list{ margin: 0 0 30px 0; padding-left: 100px; width: 100%; float: left; position: relative;} #top .menu .nli .sub1 .list:last-child{ margin: 0;} #top .menu .nli .sub1 .list .p{ width: 100px; font-size: 16px; line-height: 20px; position: absolute; top: 0; left: 0;} #top .menu .nli .sub1 .list .p a{ color: #fff; font-weight: bold;} #top .menu .nli .sub1 .list .p a:hover{ text-decoration: underline;} #top .menu .nli .sub1 .list .l1{ font-size: 14px; line-height: 18px; margin: 2px 0; color: #fff; float: left;} #top .menu .nli .sub1 .list .l1 a{ margin-right: 30px; color: #fff; position: relative;} #top .menu .nli .sub1 .list .l1:last-child a{ margin-right: 0;} #top .menu .nli .sub1 .list .l1 a::after{ content: ""; display: block; width: 1px; height: 20px; position: absolute; top: 2px; right: -15px; background: #316bee;} #top .menu .nli .sub1 .list .l1:last-child a::after{ display: none;} #top .menu .nli .sub1 .list .l1:hover a{ text-decoration: underline;} #top .menu .nli .sub2{ display: none; width: 380px; position: absolute; top: 70px; left: 50%; margin-left: -190px; background: rgba( 19, 43, 214, 0.75); z-index: 999;} #top .menu .nli:hover .sub2{ display: block;} #top .menu .nli .sub2 li{ margin: 8px 0; font-size: 14px; line-height: 20px; text-align: center;} #top .menu .nli .sub2 li a{ display: block; color: #fff; width: 100%; padding: 10px 0;} #top .menu .nli .sub2 li:hover a{ text-decoration: underline;} #top .menuph{ display: none;} #top .xialaph{ display: none;} @media screen and (max-width: 1560px){ #top .pz_top .logo{ width: 200px; margin: 24px 0;} #top .pz_top .menu{ width: 70.233%;} #top .pz_top .menu .nli{ padding: 0 2%;} } @media screen and (max-width:1329px){ #top .pz_top .lj{ margin: 19px 0; font-size: 14px;} #top .pz_top .logo{ width: 160px;} #top .pz_top .menu .nli{ padding: 0 1.8%;} #top .menu .nli .sub1{ width: 900px; padding: 25px 50px 50px 50px;} } @media screen and (max-width:1199px){ #top .pz_top .logo{ margin: 23px 0; width: 170px;} #top .pz_top .lj{ margin: 19px 0;} #top .pz_top .menu{ width: 67.233%; margin-left: 2%;} #top .pz_top .menu .nli{ margin: 0; padding: 0 1.3%;} #top .pz_top .menu .nli span a{ font-size: 14px;} #top .menu .nli .sub1{ width: 700px;} } @media screen and (max-width:991px){ #top .pz_top{ position: fixed;} #top .pz_top .wid{ width: 100%; padding: 0 15px;} #top .pz_top .logo{ width: 210px; height: 24px; margin: 11px 0 11px 10px;} #top .pz_top .lj{ display: none;} #top .lj_ph{ font-size: 16px; height: 32px; line-height: 30px; padding: 0 12px; margin: 15px 0 ; display: block; float: left; background: #316bee; color: #fff; border: 1px solid #060c25; border-radius: 3px;} #top .menu{ display: none;} #top .menuph{ display: block;} #top .xialaph{ display: block;} /*手机按钮*/ #top .menuph{ float: right; width: 18px; height: 22px; cursor: pointer; text-align: center; margin: 12px 10px 12px 0;} #top .menuph .point { display: inline-block; width: 18px; height: 22px; position: relative;} #top .menuph .point:hover .navbtn, #top .menuph .point:hover .navbtn::after, #top .menuph .point:hover .navbtn::before { width: 18px;} #top .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 18px; height: 2px; background: #fff; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} #top .menuph .navbtn::after, #top .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 18px; height: 2px; content: ''; background: #fff; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} #top .menuph .navbtn::after { top: -6px;} #top .menuph .navbtn::before { top: 6px;} #top .menuph .point.active .navbtn{ background: transparent;} #top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;} #top .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;} /*手机下拉*/ #top .xialaph{ padding-left: 100px; padding-top: 46px; position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100vh; display: none; z-index: 9999; background: #fff;} #top .xialaph .hd{ padding: 10px 0; width: 100px; height: calc(100% - 46px); position: absolute; top: 46px; left: 0; background: #f4f4f4; overflow-y: auto;} #top .xialaph .hd::-webkit-scrollbar{ display: none;} #top .xialaph .hd .l1{ font-size: 14px; line-height: 22px; padding: 12px 15px; color: #252525;} #top .xialaph .hd .l1.on{ background: #fff; font-weight: bold; position: relative;} #top .xialaph .hd .l1.on::before{ content: ""; width: 2px; height: 16px; position: absolute; left: 0; top: 50%; margin-top: -8px; background: #154eb5;} #top .xialaph .bd{ width: 100%; height: 100%;} #top .xialaph .bd .u1{ width: 100%; height: 100%; overflow-y: auto; padding: 20px 15px 16px 20px;} #top .xialaph .bd .u1::-webkit-scrollbar{ display: none;} #top .xialaph .bd .l1{ padding: 10px 0; border-bottom: 1px solid #d2d2d2;} #top .xialaph .bd .l1:first-child{ padding-top: 0;} #top .xialaph .bd .l1:last-child{ border-bottom: 0;} #top .xialaph .bd .l2{ padding: 0;} #top .xialaph .bd .a{ padding: 12px 0; display: block; width: 100%; font-size: 14px; color: #252525;} #top .xialaph .bd .l1:first-child .a:first-child{ padding-top: 0;} #top .xialaph .bd .a_sto{ font-weight: bold;} } @media screen and (max-width:767px){ } /* 底部 */ #down{ width: 100%; float: left;} #down .pz_down{ padding: 7.6% 0 8% 0; width: 100%; float: left; background: #000000; position: relative;} #down .pz_down .pos{ width: 100%; padding-right: 200px; float: left; position: relative;} #down .pz_down .footnav{ float: left; width: 100%; min-height: 300px;} #down .pz_down .footnav .l1{ float: left; margin-right: 9%;} #down .pz_down .footnav .l1 .p{ font-size: 14px; line-height: 32px; margin-bottom: 10px; color: #fff;} #down .pz_down .footnav .l1 .a{ font-size: 14px; line-height: 32px; color: #adadad; display: block;} #down .pz_down .footnav .l1 .a:hover{ color: #fff;} #down .pz_down .footnav .yqlj{ position: relative;} #down .pz_down .footnav .yqlj .a{ cursor: pointer;} #down .pz_down .footnav .yqlj .ul{ display: none; width: 762px; padding: 20px 20px 40px 20px; position: absolute; top: 30px; left: 50%; margin-left: -381px; background: rgba(19,43,214,0.85);} #down .pz_down .footnav .yqlj .ul.on{ display: block;} #down .pz_down .footnav .yqlj .ul .li{ font-size: 14px; float: left; margin-right: 20px;} #down .pz_down .footnav .yqlj .ul .li .a2{ color: #adadad;} #down .pz_down .footnav .yqlj .ul .li .a2:hover{ color: #fff;} #down .pz_down .footright{ width: 192px; position: absolute; right: 0; top: 0;} #down .pz_down .footright .u1{ margin: -8px -16px 10px -16px; float: left;} #down .pz_down .footright .l1{ width: 24px; height: 24px; margin: 13px 16px; float: left; line-height: 0;} #down .pz_down .footright .l1 .img2{ display: none;} #down .pz_down .footright .l1:hover .img1{ display: none;} #down .pz_down .footright .l1:hover .img2{ display: block;} #down .pz_down .footright .ewm{ width: 192px; height: 192px; line-height: 0; float: left;} #down .pz_down .copy{ margin-top: 15px; width: 100%; float: left; color: #adadad; font-size: 14px; padding: 5px 0; line-height: 20px; border-top: 1px solid #adadad; font-weight: lighter;} #down .pz_down .copy a{ color: #adadad;} #down .pz_down .foot_ph{ display: none;} @media screen and (max-width:360px ) { #down .pz_down .foot_ph .ewm_ph .l1 .wz{ font-size: 10px!important;} } @media screen and (max-width:1560px ) { #down .pz_down .footnav .l1{ margin-right: 7%;} } @media screen and (max-width:1329px){ #down .pz_down .footnav .l1{ margin-right: 5%;} } @media screen and (max-width:1199px){ #down .pz_down .footnav .l1{ margin-right: 3%;} } @media screen and (max-width:991px){ #down .pz_down{ padding: 40px 0;} #down .pz_down .footnav .l1{ margin-right: 2%;} #down .pz_down .footnav .yqlj .ul{ padding: 10px; width: 100%; left: 0; top: 30px; position: static; margin-left: 0; float: left;} } @media screen and (max-width:767px){ #down .pz_down{ padding: 20px 0 15px 0;} #down .pz_down .pos{ display: none;} #down .pz_down .foot_ph{ display: block;} #down .pz_down .foot_ph .ewm_ph{ width: 100%; float: left; text-align: center;} #down .pz_down .foot_ph .ewm_ph .l1{ width: 33%; margin: 0 5%; display: inline-block;} #down .pz_down .foot_ph .ewm_ph .l1 .img{ line-height: 0;} #down .pz_down .foot_ph .ewm_ph .l1 .wz{ margin: 10px 0 30px 0; font-size: 12px; line-height: 16px; color: #fff; text-align: center;} #down .pz_down .foot_ph .lx_ph{ margin-bottom: 10px; display: block; float: left; width: 100%; font-size: 16px; line-height: 34px; height: 34px; text-align: center; color: #fff; border: 1px solid #fff;} #down .pz_down .copy{ font-size: 12px; line-height: 16px; padding-top: 15px;} #down .pz_down .copy{ margin-top: 10px; text-align: center;} #down .pz_down .copy .span{ display: block;} } /* 首页banner */ #content{ width:100%; float:left;} #content .pz_banner{ padding-top: 70px; float: left; width:100%; background: #161010; position:relative; z-index: 3;} #content .slide_banner,#content .slide_banner .slick-list ,#content .slide_banner .slick-track{ width:100%; float:left; height: 100%; overflow: hidden;} #content .slide_banner .slick-slide{ width:100%; height: 100%; float: left; position:relative; overflow:hidden;} #content .slide_banner .slick-slide .img{ width:100%;height: calc(100vh - 70px); float: left; background-size: cover !important; background-color: white !important; position: relative; z-index: 3; background-position:center center !important;} #content .slide_banner .sp{float: left;width: 100%;height: calc(100vh - 70px); position: relative;outline: none;z-index: -1;overflow: hidden;} #content .slide_banner .sp video{ width: 100%; z-index: -1; position:absolute;top: 50%;left: 50%; min-height: 120%;min-width: 120%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} #content .slide_banner .slick-dots{ position: absolute; bottom: 50px; z-index: 10; height: 10px; text-align: center;} #content .slide_banner .slick-dots li{ vertical-align: top; margin: 0 10px; width: 10px; height: 10px; border-radius: 50%; border: 0; background: rgba( 255, 255, 255, 0.77);} #content .slide_banner .slick-dots li button{ display: none;} #content .slide_banner .slick-dots li.slick-active{ background: rgba( 255, 255, 255, 0.22);} #content .slide_banner_ph{ display: none;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #content .pz_banner{ padding-top: 0; margin-top: 46px; height: auto;} #content .slide_banner{ display: none;} #content .slide_banner_ph{ display: block; line-height: 0;} #content .slide_banner_ph img{ width: 100%;} #content .slide_banner_ph .slick-dots{ position: absolute; bottom: 30px; z-index: 10; height: 4px; text-align: center;} #content .slide_banner_ph .slick-dots li{ vertical-align: top; margin: 0 4px; width: 15px; height: 4px; border: 0; background: rgba( 255, 255, 255, 0.15);} #content .slide_banner_ph .slick-dots li button{ display: none;} #content .slide_banner_ph .slick-dots li.slick-active{ background: #528ef0;} } @media screen and (max-width:767px){ } /* 1 */ #content2{ width:100%; float:left;} #content2 .homecon1{ float:left; width:100%; padding: 60px 0 40% 0; position: relative;} #content2 .homecon1 .tit{ width: 100%; float: left; text-align: center;} #content2 .homecon1 .tit .line{ width: 75px; height: 6px; margin: 0 auto; background: #c52f30;} #content2 .homecon1 .tit .bt{ margin: 35px 0 50px 0; font-size: 42px; line-height: 44px; color: #333;} #content2 .homecon1 .tit .info{ font-size: 16px; line-height: 30px; height: 90px; overflow: hidden; width: 73%; margin: 0 auto; color: #333;} #content2 .homecon1 .movie-play{ width: 100%; float: left; line-height: 0; position: absolute; bottom: 0; z-index: -1;} #content2 .homecon1 .movie-play video{ width: 100%;} #content2 .homecon1 .movie-play .gif{ display: none;} @media screen and (max-width:1329px){ #content2 .homecon1{ padding: 30px 0 40% 0;} #content2 .homecon1 .tit .line{ width: 55px;} #content2 .homecon1 .tit .bt{ margin: 17px 0 25px 0; font-size: 22px; line-height: 24px;} #content2 .homecon1 .tit .info{ font-size: 14px; line-height: 24px; height: 96px;} } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #content2 .homecon1 .tit .line{ width: 45px; height: 3px;} #content2 .homecon1 .tit .bt{ font-size: 18px; line-height: 20px;} #content2 .homecon1 .tit .info{ width: 100%;} } @media screen and (max-width:767px){ #content2 .homecon1 .tit .bt{ margin: 15px 0 25px 0; font-size: 18px; line-height: 20px;} #content2 .homecon1 .tit .info{ font-size: 12px; line-height: 18px; width: 90%; height: auto; text-align: justify;} #content2 .homecon1 .movie-play video{ display: none;} #content2 .homecon1 .movie-play .gif{ width: 100%; display: block;} } /* 2 */ #content3{ width:100%; float:left;} #content3 .homecon2{ float:left; width:100%; position: relative;} #content3 .homecon2 .tit{ width: 100%; float: left; text-align: center; position: absolute; top: 60px;} #content3 .homecon2 .tit .line{ width: 75px; height: 6px; margin: 0 auto; background: #c52f30;} #content3 .homecon2 .tit .bt{ margin: 35px 0 50px 0; font-size: 42px; line-height: 44px; color: #fff;} #content3 .homecon2 .tit .info{ font-size: 16px; line-height: 30px; height: 90px; overflow: hidden; width: 74%; margin: 0 auto; color: #fff;} #content3 .homecon2 .movie-play{ width: 100%; float: left; line-height: 0; z-index: -1;} #content3 .homecon2 .movie-play video{ width: 100%;} #content3 .homecon2 .homecon2_ph{ display: none;} @media screen and (max-width:1329px){ #content3 .homecon2 .tit{ top: 30px;} #content3 .homecon2 .tit .line{ width: 55px;} #content3 .homecon2 .tit .bt{ margin: 17px 0 25px 0; font-size: 22px; line-height: 24px;} #content3 .homecon2 .tit .info{ font-size: 14px; line-height: 24px; height: 96px;} } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #content3 .homecon2 .tit .line{ width: 45px; height: 3px;} #content3 .homecon2 .tit .bt{ font-size: 18px; line-height: 20px;} #content3 .homecon2 .tit .info{ width: 100%;} } @media screen and (max-width:767px){ #content3 .homecon2 .homecon2_pc{ display: none;} #content3 .homecon2 .homecon2_ph{ display: block; width: 100%; float: left; padding: 40px 0 85% 0;} #content3 .homecon2 .tit{ position: static;} #content3 .homecon2 .tit .bt{ margin: 15px 0 25px 0; font-size: 18px; line-height: 20px;} #content3 .homecon2 .tit .info{ font-size: 12px; line-height: 18px; width: 90%; height: auto; text-align: justify;} } /* 3 */ #content4{ width:100%; float:left;} #content4 .homecon3{ padding: 60px 0 6% 0; float:left; width:100%; overflow: hidden;} #content4 .homecon3 .tit{ width: 100%; float: left; text-align: center;} #content4 .homecon3 .tit .line{ width: 75px; height: 6px; margin: 0 auto; background: #c52f30;} #content4 .homecon3 .tit .bt{ margin: 35px 0 50px 0; font-size: 42px; line-height: 44px; color: #333;} #content4 .homecon3 .tit .info{ font-size: 16px; line-height: 30px; width: 73%; margin: 0 auto; color: #333;} #content4 .homecon3 .slideout{ margin-top: 90px; width: 100%; float: left; line-height: 0; position: relative;} #content4 .homecon3 .sylbt{ width: 100%; min-height: 360px; position: relative;} #content4 .homecon3 .sylbt .img{ overflow: hidden; position: absolute; text-align: center; cursor: pointer; border-radius: 5px; transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;} #content4 .homecon3 .sylbt .img:hover{ transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05);} #content4 .homecon3 .sylbt .img .tp{ width: 42.5%; line-height: 0; margin: 0 auto;} #content4 .homecon3 .sylbt .img .t1{ font-size: 20px; line-height: 22px; color: #000;} #content4 .homecon3 .sylbt .img .info{ display: none; font-size: 14px; line-height: 24px; width: 82%; margin: 25px auto 14px auto; text-align: justify; color: #313131;} #content4 .homecon3 .sylbt .img .more{ display: none; width: 60px; height: 20px; line-height: 18px; margin-left: 45px; border-radius: 10px; font-size: 12px; text-align: center; color: #fff; background: #08213e;} #content4 .homecon3 .sylbt .img9{opacity:0;} #content4 .homecon3 .sylbt .img1{ width: 8.42%; height: 51.73%; top: 32%; left: 2.14%; z-index: 1; background: url(/uploads/image/ttcn/4098_home3_2_1.png) no-repeat center; background-size: 100% 100%;} #content4 .homecon3 .sylbt .img1 .tp{ margin-top: 48%;} #content4 .homecon3 .sylbt .img2{ width: 11%; height: 67.73%; top: 24%; left: 11.71%; z-index: 2; background: url(/uploads/image/ttcn/4098_home3_3_1.png) no-repeat center; background-size: 100% 100%;} #content4 .homecon3 .sylbt .img2 .tp{ margin-top: 54%;} #content4 .homecon3 .sylbt .img3{ width: 14.43%; height: 77.87%; top: 20%; left: 24%; z-index: 3; background: url(/uploads/image/ttcn/4098_home3_4_1.png) no-repeat center; background-size: 100% 100%;} #content4 .homecon3 .sylbt .img3 .tp{ margin-top: 38%;} #content4 .homecon3 .sylbt .img4{ width: 20.85%; height: 100%; top: 0; left: 39.57%; z-index: 4; background: url(/uploads/image/ttcn/4098_home3_5_1.png) no-repeat center; background-size: 100% 100%;} #content4 .homecon3 .sylbt .img4 .tp{ margin-top: 32%;} #content4 .homecon3 .sylbt .img4 .info{ display: block;} #content4 .homecon3 .sylbt .img4 .more{ display: block;} #content4 .homecon3 .sylbt .img5{ width: 14.43%; height: 77.87%; top: 20%; right: 24%; left: auto; z-index: 3; background: url(/uploads/image/ttcn/4098_home3_6_1.png) no-repeat center; background-size: 100% 100%;} #content4 .homecon3 .sylbt .img5 .tp{ margin-top: 38%;} #content4 .homecon3 .sylbt .img6{ width: 11%; height: 67.73%; top: 24%; right: 11.71%; left: auto; z-index: 2; background: url(/uploads/image/ttcn/4098_home3_7_1.png) no-repeat center; background-size: 100% 100%;} #content4 .homecon3 .sylbt .img6 .tp{ margin-top: 54%;} #content4 .homecon3 .sylbt .img7{ width: 8.42%; height: 51.73%; top: 32%; right: 2.14%; left: auto; z-index: 1; background: url(/uploads/image/ttcn/4098_home3_8_1.png) no-repeat center; background-size: 100% 100%;} #content4 .homecon3 .sylbt .img7 .tp{ margin-top: 48%;} #content4 .homecon3 .pic_ph{ display: none;} @media screen and (max-width:1329px){ #content4 .homecon3{ padding: 30px 0 6% 0;} #content4 .homecon3 .tit .line{ width: 55px;} #content4 .homecon3 .tit .bt{ margin: 17px 0 25px 0; font-size: 22px; line-height: 24px;} #content4 .homecon3 .tit .info{ font-size: 14px;} #content4 .homecon3 .slideout{ margin-top: 40px;} #content4 .homecon3 .sylbt .img4 .tp{ margin-top: 15%;} } @media screen and (max-width:1199px){ #content4 .homecon3 .sylbt .img .t1{ font-size: 14px; line-height: 16px; margin-top: 10px;} #content4 .homecon3 .sylbt .img .more{ margin-left: 15px;} } @media screen and (max-width:991px){ #content4 .homecon3 .tit .line{ width: 45px; height: 3px;} #content4 .homecon3 .tit .bt{ font-size: 18px; line-height: 20px;} #content4 .homecon3 .tit .info{ width: 100%;} } @media screen and (max-width:767px){ #content4 .homecon3{ padding: 30px 0 20px 0;} #content4 .homecon3 .tit .bt{ margin: 15px 0 25px 0; font-size: 18px; line-height: 20px;} #content4 .homecon3 .tit .info{ font-size: 12px; line-height: 18px; width: 90%; text-align: justify;} #content4 .homecon3 .tit .info p br{display:none;} #content4 .homecon3 .slideout{ display: none;} #content4 .homecon3 .pic_ph{ margin-top: 20px; width: 100%; float: left; display: block;} #content4 .homecon3 .pic_ph .u1{ width: 80%; margin: 0 auto;} #content4 .homecon3 .pic_ph .l1{ width: 31.3%; padding: 15px 0; margin: 3px 1%; box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2); float: left; background: #fff; text-align: center;} #content4 .homecon3 .pic_ph .l1 .ico{ width: 40%; margin: 0 auto; line-height: 0;} #content4 .homecon3 .pic_ph .l1 .wz{ font-size: 14px; line-height: 18px; margin-top: 5px; color: #252525;} } /* 4 */ #content5{ width:100%; float:left;} #content5 .homecon4{ float:left; width:100%; position: relative;} #content5 .homecon4 .movie-play{ width: 100%; float: left; line-height: 0; z-index: -1;} #content5 .homecon4 .movie-play video{ width: 100%;} #content5 .homecon4 .pos{ padding-top: 15%; width: 100%; float: left; position: absolute; top: 0; left: 0; z-index: 99;} #content5 .homecon4 .tit{ width: 45%; float: left; z-index: 99;} #content5 .homecon4 .tit .line{ width: 75px; height: 6px; background: #c52f30;} #content5 .homecon4 .tit .bt{ margin: 40px 0 15px 0; font-size: 40px; line-height: 42px; color: #fff;} #content5 .homecon4 .tit .bt2{ font-size: 26px; line-height: 28px; color: #fff;} #content5 .homecon4 .tit .info{ margin: 75px 0 25% 0; font-size: 16px; line-height: 30px; text-align: justify; color: #fff;} #content5 .homecon4 .list{ width: 100%; float: left;} #content5 .homecon4 .list .u1{ float: left; width: 100%; padding: 40px 0; background: rgba( 0, 0, 0, 0.32);} #content5 .homecon4 .list .l1{ float: left; width: 16.6%; text-align: center; border-right: 1px solid #6d7281;} #content5 .homecon4 .list .l1:nth-child(1){ width: 15.29%;} #content5 .homecon4 .list .l1:nth-child(2){ width: 15.73%;} #content5 .homecon4 .list .l1:nth-child(3){ width: 16.30%;} #content5 .homecon4 .list .l1:nth-child(4){ width: 16.52%;} #content5 .homecon4 .list .l1:nth-child(5){ width: 15.87%;} #content5 .homecon4 .list .l1:nth-child(6){ width: 20.29%;} #content5 .homecon4 .list .l1:last-child{ border-right: 0;} #content5 .homecon4 .list .l1 .over{ display: inline-block;} #content5 .homecon4 .list .l1 .wid{ display: inline-block; overflow: hidden;} #content5 .homecon4 .list .l1 .num{ font-size: 48px; line-height: 50px; font-weight: lighter; color: #fff; float: left;} #content5 .homecon4 .list .l1 .ico{ font-size: 20px; line-height: 22px; margin: 24px 0 0 5px; color: #fff; float: left;} #content5 .homecon4 .list .l1 .wz{ font-size: 16px; line-height: 18px; margin-top: 20px; text-align: left; color: #fff;} #content5 .homecon4 .homecon4_ph{ display: none;} @media screen and (max-width:1560px ) { #content5 .homecon4 .pos{ padding-top: 10%;} #content5 .homecon4 .tit .info{ margin: 75px 0 15% 0;} } @media screen and (max-width:340px ) { #content5 .homecon4 .list .l1{ padding-left: 2%!important;} } @media screen and (max-width:1329px){ #content5 .homecon4 .tit .line{ width: 55px;} #content5 .homecon4 .tit .bt{ margin: 17px 0 25px 0; font-size: 22px; line-height: 24px;} #content5 .homecon4 .tit .bt2{ font-size: 18px; line-height: 20px;} #content5 .homecon4 .tit .info{ margin: 75px 0 20% 0; font-size: 14px; line-height: 24px; height: 96px;} #content5 .homecon4 .list .u1{ padding: 25px 0;} #content5 .homecon4 .list .l1 .num{ font-size: 30px; line-height: 32px;} #content5 .homecon4 .list .l1 .ico{ font-size: 16px; line-height: 18px; margin: 10px 0 0 5px;} #content5 .homecon4 .list .l1 .wz{ font-size: 14px; line-height: 16px; margin-top: 10px;} } @media screen and (max-width:1199px){ #content5 .homecon4 .tit .info{ margin: 35px 0 15% 0;} } @media screen and (max-width:991px){ #content5 .homecon4 .pos{ padding-top: 8%;} #content5 .homecon4 .tit .line{ width: 45px; height: 3px;} #content5 .homecon4 .tit .bt{ font-size: 18px; line-height: 20px;} #content5 .homecon4 .tit .bt2{ font-size: 14px; line-height: 16px;} #content5 .homecon4 .tit .info{ width: 100%; margin: 25px 0 20% 0;} #content5 .homecon4 .list .u1{ padding: 15px 0;} #content5 .homecon4 .list .l1 .num{ font-size: 14px; line-height: 16px;} #content5 .homecon4 .list .l1 .ico{ font-size: 12px; line-height: 14px; margin: 2px 0 0 2px;} #content5 .homecon4 .list .l1 .wz{ font-size: 12px; line-height: 14px; margin-top: 5px;} } @media screen and (max-width:767px){ #content5 .homecon4 .homecon4_pc{ display: none;} #content5 .homecon4 .homecon4_ph{ display: block; position: relative;} #content5 .homecon4 .tit{ width: 100%; padding: 40px 0 0 0; text-align: center;} #content5 .homecon4 .tit .line{ margin: 0 auto;} #content5 .homecon4 .tit .bt{ margin: 15px 0 25px 0;} #content5 .homecon4 .tit .bt2{ display: none;} #content5 .homecon4 .tit .info{ font-size: 12px; line-height: 18px; width: 90%; margin: 25px auto 50% auto; height: auto; text-align: justify;} #content5 .homecon4 .list{ padding-bottom: 20px;} #content5 .homecon4 .list .list1{ padding: 0 20px; width: 100%; float: left; background: rgba( 0, 0, 0, 0.32);} #content5 .homecon4 .list .u1{ width: 100%; border-bottom: 1px solid #808491; background: none;} #content5 .homecon4 .list .list1:last-child .u1{ border-bottom: 0;} #content5 .homecon4 .list .l1{ padding-left: 5%; text-align: left;} #content5 .homecon4 .list .l1:nth-child(1){ width: 28.3%;} #content5 .homecon4 .list .l1:nth-child(2){ width: 33.3%;} #content5 .homecon4 .list .l1:nth-child(3){ width: 38.3%;} #content5 .homecon4 .list .l1 .num{ font-size: 24px; line-height: 26px;} #content5 .homecon4 .list .l1 .ico{ margin: 10px 0 0 2px;} #content5 .homecon4 .list .l1 .wz{ font-size: 10px; line-height: 12px;} } /* 5 */ #content6{ width:100%; float:left;} #content6 .homecon5{ float:left; width:100%; padding: 60px 0;} #content6 .homecon5 .tit{ width: 100%; float: left; text-align: center;} #content6 .homecon5 .tit .line{ width: 75px; height: 6px; margin: 0 auto; background: #c52f30;} #content6 .homecon5 .tit .bt{ margin: 30px 0 35px 0; font-size: 42px; line-height: 44px; color: #333;} #content6 .homecon5 .tit .bt2{ font-size: 26px; line-height: 28px; color: #333;} #content6 .homecon5 .u1{ width: 102%; margin: 55px -1% -25px -1%; float: left;} #content6 .homecon5 .l1{ float: left; width: 10.5%; margin: 25px 1%; line-height: 0; position: relative; overflow: hidden;} #content6 .homecon5 .l1 .img2{ display: none;} #content6 .homecon5 .l1:hover{ transition: filter 0.5s;} #content6 .homecon5 .l1:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0); transition: transform 0.5s; transform: scale3d(1,1,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);} #content6 .homecon5 .l1:hover::before{ transform: scale3d(2,2,2) rotate3d(0,0,1,45deg) translate3d(0,100%,0); background: rgba(255,255,255,0.3);} #content6 .homecon5 .l1:hover .img1{ display: none;} #content6 .homecon5 .l1:hover .img2{ display: block;} @media screen and (max-width:1329px){ #content6 .homecon5{ padding: 30px 0;} #content6 .homecon5 .tit .line{ width: 55px;} #content6 .homecon5 .tit .bt{ margin: 17px 0 23px 0; font-size: 22px; line-height: 24px;} #content6 .homecon5 .tit .bt2{ font-size: 18px; line-height: 20px;} #content6 .homecon5 .u1{ margin-top: 35px;} } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #content6 .homecon5 .tit .line{ width: 45px; height: 3px;} #content6 .homecon5 .tit .bt{ font-size: 18px; line-height: 20px;} #content6 .homecon5 .tit .bt2{ font-size: 14px; line-height: 16px;} #content6 .homecon5 .u1{ margin-top: 25px;} } @media screen and (max-width:767px){ #content6 .homecon5 .tit .bt{ margin: 15px 0 0 0; font-size: 18px; line-height: 20px;} #content6 .homecon5 .tit .bt2{ display: none;} #content6 .homecon5 .u1{ margin: 15px -1% -10px -1%;} #content6 .homecon5 .l1{ width: 23%; margin: 10px 1%;} #content6 .homecon5 .l1 .img1{ display: none;} #content6 .homecon5 .l1 .img2{ display: block;} #content6 .homecon5 .l1:hover .img1{ display: none;} #content6 .homecon5 .l1:hover .img2{ display: block;} } /* 6 */ #content7{ width:100%; float:left;} #content7 .homecon6{ float:left; width:100%;} #content7 .homecon6 .homecon6_pc{ padding: 13% 0 13% 0; float:left; width:100%; position: relative;} #content7 .homecon6 .tit{ width: 47%; float: right; z-index: 99; text-align: center;} #content7 .homecon6 .tit .line{ width: 75px; height: 6px; background: #c52f30; margin: 0 auto;} #content7 .homecon6 .tit .bt{ margin: 40px 0 15px 0; font-size: 40px; line-height: 42px; color: #fff;} #content7 .homecon6 .tit .bt2{ font-size: 26px; line-height: 28px; color: #fff;} #content7 .homecon6 .tit .info{ margin: 50px 0 35px 0; font-size: 16px; line-height: 30px; text-align: justify; color: #fff;} #content7 .homecon6 .more{ display: block; width: 106px; height: 36px; line-height: 36px; font-size: 18px; background: #316bee; color: #fff; border-radius: 5px; text-align: center;} #content7 .homecon6 .more:hover{ opacity: 0.8;} #content7 .homecon6 .pic{ width: 45.718%; line-height: 0; left: 10px; z-index: 99; position: absolute; bottom: 0;} #content7 .homecon6 .pic .line{ position: absolute; left: 0; top: 42.41%; width: 63.3%; height: 1px; border-top: 1px dashed #0066eb;} #content7 .homecon6 .pic .dian{ position: absolute; left: 63.3%; top: 41.14%; width: 2.52%; height: 2.52%; border-radius: 50%; background: #0066eb;} #content7 .homecon6 .pic .bg{ position: absolute; left: 42.52%; top: 14.48%; width: 46%;} #content7 .homecon6 .pic .l1{ position: absolute; width: 100%; padding-left: 11%;} #content7 .homecon6 .pic .l1:nth-child(1){ top: 23.63%; left: 42.52%;} #content7 .homecon6 .pic .l1:nth-child(2){ top: 34.48%; left: 73.33%;} #content7 .homecon6 .pic .l1:nth-child(3){ top: 45.97%; left: 42.22%;} #content7 .homecon6 .pic .l1 .ico{ width: 8.622%; height: 8.622%; line-height: 0; position: absolute; left: 0; top: 0;} #content7 .homecon6 .pic .l1 .t1{ float: left; font-size: 26px; line-height: 76px; width: 100%; font-weight: lighter; color: #fff; white-space: nowrap;} #content7 .homecon6 .homecon6_ph{ display: none;} @media screen and (max-width:1329px){ #content7 .homecon6 .homecon6_pc{ padding: 6.5% 0 6.5% 0;} #content7 .homecon6 .tit .line{ width: 55px;} #content7 .homecon6 .tit .bt{ margin: 17px 0 25px 0; font-size: 22px; line-height: 24px;} #content7 .homecon6 .tit .bt2{ font-size: 18px; line-height: 20px;} #content7 .homecon6 .tit .info{ font-size: 14px; line-height: 24px;} #content7 .homecon6 .more{ font-size: 16px;} #content7 .homecon6 .pic{ width: 40%;} #content7 .homecon6 .pic .l1 .t1{ font-size: 20px; line-height: 50px; margin-left: 0;} } @media screen and (max-width:1199px){ #content7 .homecon6 .tit .info{ margin: 35px 0 15% 0;} } @media screen and (max-width:991px){ #content7 .homecon6 .tit .line{ width: 45px; height: 3px;} #content7 .homecon6 .tit .bt{ font-size: 18px; line-height: 20px;} #content7 .homecon6 .tit .bt2{ font-size: 14px; line-height: 16px;} #content7 .homecon6 .tit .info{ width: 100%;} #content7 .homecon6 .more{ width: 90px; height: 30px; line-height: 30px; font-size: 14px;} #content7 .homecon6 .pic .l1{ padding-left: 9%;} #content7 .homecon6 .pic .l1 .t1{ font-size: 14px; line-height: 30px;} } @media screen and (max-width:767px){ #content7 .homecon6 .homecon6_pc{ display: none;} #content7 .homecon6 .homecon6_ph{ display: block; padding: 0 0 35% 0; float:left; width:100%;} #content7 .homecon6 .tit{ width: 100%; padding: 40px 0 0 0; text-align: center;} #content7 .homecon6 .tit .line{ margin: 0 auto;} #content7 .homecon6 .tit .bt{ margin: 15px 0 25px 0;} #content7 .homecon6 .tit .bt2{ display: none;} #content7 .homecon6 .tit .info{ font-size: 12px; line-height: 18px; width: 90%; margin: 10px auto; text-align: justify;} #content7 .homecon6 .more{ margin: 10px 0 0 5%;} } /* 7 */ #content8{ width:100%; float:left;} #content8 .homecon7{ float:left; width:100%; padding: 60px 0;} #content8 .homecon7 .tit{ width: 100%; float: left; text-align: center;} #content8 .homecon7 .tit .line{ width: 75px; height: 6px; margin: 0 auto; background: #c52f30;} #content8 .homecon7 .tit .bt{ margin: 30px 0 35px 0; font-size: 42px; line-height: 44px; color: #333;} #content8 .homecon7 .tit .bt2{ font-size: 26px; line-height: 28px; color: #333;} #content8 .homecon7 .over_pc{ margin-top: 60px; float:left; width:100%;} #content8 .homecon7 .over_pc .left{ width: 41.168%; float: left; cursor: pointer;} #content8 .homecon7 .over_pc .left .pic{ position: relative;} #content8 .homecon7 .over_pc .left .pic .img{ line-height: 0; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #content8 .homecon7 .over_pc .left .pic .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align:middle; -ms-interpolation-mode:bicubic;} #content8 .homecon7 .over_pc .left:hover .pic .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #content8 .homecon7 .over_pc .left .pic .bt{ position: absolute; bottom: 0; left: 0; height: 70px; line-height: 70px; font-size: 18px; padding: 0 20px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; font-weight: bold;} #content8 .homecon7 .over_pc .left .info{ margin: 15px 0; font-size: 16px; line-height: 30px; height: 90px; overflow: hidden; text-align: justify; color: #666;} #content8 .homecon7 .over_pc .left .bot{ width: 100%; float: left;} #content8 .homecon7 .over_pc .left .date{ float: left; font-size: 14px; color: #999;} #content8 .homecon7 .over_pc .left .more{ float: right; display: block; width: 70px; height: 20px; line-height: 20px; font-size: 14px; text-align: center; background: #3362ee; color: #fff;} #content8 .homecon7 .over_pc .left .more:hover{ opacity: 0.8;} #content8 .homecon7 .over_pc .right{ width: 54%; float: right;} #content8 .homecon7 .over_pc .right .u1{ margin: -35px 0;} #content8 .homecon7 .over_pc .right .l1{ margin: 35px 0; width: 100%; float: left; position: relative; padding-left: 135px;} #content8 .homecon7 .over_pc .right .l1 .img{ width: 114px; height: 114px; position: absolute; top: 0; left: 0; line-height: 0; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #content8 .homecon7 .over_pc .right .l1 .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align:middle; -ms-interpolation-mode:bicubic;} #content8 .homecon7 .over_pc .right .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #content8 .homecon7 .over_pc .right .l1 .text{ width: 100%;} #content8 .homecon7 .over_pc .right .l1 .text .t1{ font-size: 16px; line-height: 18px; font-weight: bold; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #000;} #content8 .homecon7 .over_pc .right .l1:hover .text .t1{ color: #316bee;} #content8 .homecon7 .over_pc .right .l1 .text .info{ margin: 10px 0 15px 0; font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; text-align: justify; color: #333;} #content8 .homecon7 .over_pc .right .l1 .text .bot{ width: 100%; float: left;} #content8 .homecon7 .over_pc .right .l1 .text .date{ float: left; font-size: 14px; color: #999;} #content8 .homecon7 .over_pc .right .l1 .text .more{ float: right; display: block; width: 70px; height: 20px; line-height: 20px; font-size: 14px; text-align: center; background: #3362ee; color: #fff;} #content8 .homecon7 .over_pc .right .l1 .text .more:hover{ opacity: 0.8;} #content8 .homecon7 .over_ph{ display: none;} @media screen and (max-width:1329px){ #content8 .homecon7{ padding: 30px 0;} #content8 .homecon7 .over_pc{ margin-top: 30px;} #content8 .homecon7 .tit .line{ width: 55px;} #content8 .homecon7 .tit .bt{ margin: 17px 0 23px 0; font-size: 22px; line-height: 24px;} #content8 .homecon7 .tit .bt2{ font-size: 18px; line-height: 20px;} #content8 .homecon7 .over_pc .left .info{ margin: 5px 0; font-size: 16px; line-height: 24px; height: 48px;} #content8 .homecon7 .over_pc .right .u1{ margin: -9px 0;} #content8 .homecon7 .over_pc .right .l1{ margin: 9px 0;} } @media screen and (max-width:1199px){ #content8 .homecon7 .over_pc .left{ width: 46.168%;} #content8 .homecon7 .over_pc .left .info{ margin: 15px 0;} #content8 .homecon7 .over_pc .right{ width: 49%;} } @media screen and (max-width:991px){ #content8 .homecon7 .tit .line{ width: 45px; height: 3px;} #content8 .homecon7 .tit .bt{ font-size: 18px; line-height: 20px;} #content8 .homecon7 .tit .bt2{ font-size: 14px; line-height: 16px;} #content8 .homecon7 .over_pc .left .pic .bt{ height: 34px; line-height: 34px; font-size: 16px; padding: 0 10px;} #content8 .homecon7 .over_pc .left .info{ margin: 5px 0; font-size: 14px; line-height: 24px; height: 48px;} #content8 .homecon7 .over_pc .left .date{ font-size: 12px;} #content8 .homecon7 .over_pc .left .more{ font-size: 12px;} #content8 .homecon7 .over_pc .right .u1{ margin: -7px 0;} #content8 .homecon7 .over_pc .right .l1{ margin: 7px 0; padding-left: 110px;} #content8 .homecon7 .over_pc .right .l1 .img{ width: 90px; height: 90px;} #content8 .homecon7 .over_pc .right .l1 .text .t1{ font-size: 14px; line-height: 16px;} #content8 .homecon7 .over_pc .right .l1 .text .info{ margin: 5px 0 8px 0; font-size: 12px; line-height: 22px; height: 44px;} #content8 .homecon7 .over_pc .right .l1 .text .date{ font-size: 12px;} #content8 .homecon7 .over_pc .right .l1 .text .more{ font-size: 12px;} } @media screen and (max-width:767px){ #content8 .homecon7 .tit .bt{ margin: 15px 0 0 0; font-size: 18px; line-height: 20px;} #content8 .homecon7 .tit .bt2{ display: none;} #content8 .homecon7 .over_pc{ display: none;} #content8 .homecon7 .over_ph{ display: block; margin-top: 20px; width: 100%; float: left;} #content8 .homecon7 .over_ph .pic{ width: 100%; float: left; position: relative;} #content8 .homecon7 .over_ph .pic .img{ width: 100%; line-height: 0;} #content8 .homecon7 .over_ph .pic .text{ color: #fff; font-size: 16px; line-height: 30px; height: 30px; padding: 0 15px; bottom: 0; width: 100%; background: rgba( 0, 0, 0, 0.38); position: absolute; left: 0; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #content8 .homecon7 .over_ph .more{ margin: 10px 0; display: block; float: left; width: 100%; text-align: right; font-size: 14px; color: #252525;} #content8 .homecon7 .over_ph .u1{ float: left; width: 98%; margin: 0 1%; border: 1px solid #eaeaea;} #content8 .homecon7 .over_ph .l1{ width: 100%; font-size: 14px; line-height: 40px; border-bottom: 1px solid #eaeaea; position: relative;} #content8 .homecon7 .over_ph .l1:last-child{ border-bottom: 0;} #content8 .homecon7 .over_ph .l1::after{ content: ""; display: block; position: absolute; top: 16px; right: 15%; width: 8px; height: 8px; border-top: 1px solid #0b0b0b; border-right: 1px solid #0b0b0b; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} #content8 .homecon7 .over_ph .l1 a{ display: block; color: #252525; width: 80%; padding: 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} } /* 内页banner */ #content9{ width:100%; float:left;} #content9 .banner{ margin-top: 70px; width:100%; float:left; position:relative;} #content9 .banner img{ width:100%; float:left;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #content9 .banner{ margin-top: 46px;} } @media screen and (max-width:767px){ } /* 石油化工1 */ #content10{ width:100%; float:left;} #content10 .syhgcon1{ padding: 60px 0 60px 0; width:100%; float:left;} #content10 .syhgcon1 .tit{ text-align: center;} #content10 .syhgcon1 .tit .line{ width: 78px; height: 9px; margin: 0 auto; background: #e60012;} #content10 .syhgcon1 .tit .t1{ margin: 20px 0 0 0; font-size: 30px; line-height: 32px;} #content10 .syhgcon1 .list{ margin-top: 60px; padding-bottom: 65px; position: relative;} #content10 .syhgcon1 .list .img{ line-height: 0; width: 40.73%; margin: 0 auto;} #content10 .syhgcon1 .list .l1{ font-size: 16px; line-height: 28px; width: 20%; color: #000; position: absolute;} #content10 .syhgcon1 .list .l1:nth-child(1){ top: 24%; left: 8%;} #content10 .syhgcon1 .list .l1:nth-child(2){ top: 64%; left: 8%;} #content10 .syhgcon1 .list .l1:nth-child(3){ top: 92%; left: 50%; margin-left: -10%;} #content10 .syhgcon1 .list .l1:nth-child(4){ top: 64%; right: 8%;} #content10 .syhgcon1 .list .l1:nth-child(5){ top: 24%; right: 8%;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content10 .syhgcon1{ padding: 40px 0 40px 0;} #content10 .syhgcon1 .list .l1:nth-child(3){ width: 36%; margin-left: -18%;} } @media screen and (max-width:991px){ #content10 .syhgcon1{ padding: 40px 0 40px 0;} #content10 .syhgcon1 .tit .line{ width: 40px; height: 4px;} #content10 .syhgcon1 .tit .t1{ margin: 10px 0 0 0; font-size: 20px; line-height: 22px;} #content10 .syhgcon1 .list{ margin-top: 35px;} #content10 .syhgcon1 .list .l1{ font-size: 14px; line-height: 20px;} #content10 .syhgcon1 .list .l1:nth-child(1){ top: 20%;} #content10 .syhgcon1 .list .l1:nth-child(2){ top: 58%;} #content10 .syhgcon1 .list .l1:nth-child(3){ top: 86%;} #content10 .syhgcon1 .list .l1:nth-child(4){ top: 58%;} #content10 .syhgcon1 .list .l1:nth-child(5){ top: 20%;} } @media screen and (max-width:767px){ #content10 .syhgcon1{ padding: 20px 0 20px 0;} #content10 .syhgcon1 .tit .line{ width: 40px; height: 4px;} #content10 .syhgcon1 .tit .t1{ font-size: 16px; line-height: 18px;} #content10 .syhgcon1 .list{ margin-top: 15px;} #content10 .syhgcon1 .list .l1{ font-size: 12px; line-height: 18px; width: 30%;} #content10 .syhgcon1 .list .l1:nth-child(1){ top: 14%; left: 0;} #content10 .syhgcon1 .list .l1:nth-child(2){ top: 54%; left: 0;} #content10 .syhgcon1 .list .l1:nth-child(3){ top: auto; bottom: -10px; margin-left: -15%;} #content10 .syhgcon1 .list .l1:nth-child(4){ top: 54%; right: -10px;} #content10 .syhgcon1 .list .l1:nth-child(5){ top: 14%; right: -10px;} } /* 石油化工2 */ #content11{ width:100%; float:left;} #content11 .syhgcon2{ padding: 60px 0 60px 0; width:100%; float:left; background: #f0f0f0;} #content11 .syhgcon2 .tit{ text-align: center;} #content11 .syhgcon2 .tit .line{ width: 78px; height: 9px; margin: 0 auto; background: #e60012;} #content11 .syhgcon2 .tit .t1{ margin: 20px 0 0 0; font-size: 30px; line-height: 32px;} #content11 .syhgcon2 .tit .t2{ margin: 40px 0 0 0; font-size: 16px; line-height: 40px; color: #221815;} #content11 .syhgcon2 .list{ margin-top: 60px; position: relative;} #content11 .syhgcon2 .list .img{ width: 80%; margin: 0 auto; line-height: 0;} #content11 .syhgcon2 .list .l1{ position: absolute;} #content11 .syhgcon2 .list .l1:nth-child(1){ top: 10%; left: 24.5%;} #content11 .syhgcon2 .list .l1:nth-child(2){ top: 5%; left: 39.5%;} #content11 .syhgcon2 .list .l1:nth-child(3){ top: 6%; left: 57.5%;} #content11 .syhgcon2 .list .l1:nth-child(4){ top: 13%; left: 71.5%;} #content11 .syhgcon2 .list .l1 .p{ padding-left: 10px; font-size: 14px; line-height: 24px; color: #595757; position: relative;} #content11 .syhgcon2 .list .l1 .p::before{ content: ""; display: block; width: 3px; height: 3px; position: absolute; top: 10px; left: 0; background: #100964;} @media screen and (max-width:1560px ) { #content11 .syhgcon2 .list .img{ width: 100%;} #content11 .syhgcon2 .list .l1:nth-child(1){ left: 18%;} #content11 .syhgcon2 .list .l1:nth-child(2){ left: 36%;} #content11 .syhgcon2 .list .l1:nth-child(3){ left: 59%;} #content11 .syhgcon2 .list .l1:nth-child(4){ left: 76%;} #content11 .syhgcon2 .list .l1 .p{ padding-left: 8px;} } @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content11 .syhgcon2{ padding: 50px 0 20px 0;} #content11 .syhgcon2 .list .l1 .p{ padding-left: 6px; font-size: 12px;} } @media screen and (max-width:991px){ #content11 .syhgcon2{ padding: 40px 0 20px 0;} #content11 .syhgcon2 .tit .line{ width: 40px; height: 4px;} #content11 .syhgcon2 .tit .t1{ margin: 10px 0 0 0; font-size: 20px; line-height: 22px;} #content11 .syhgcon2 .tit .t2{ margin: 15px 0 0 0; font-size: 14px; line-height: 20px;} #content11 .syhgcon2 .list{ margin-top: 35px;} } @media screen and (max-width:767px){ #content11 .syhgcon2{ padding: 20px 0 20px 0;} #content11 .syhgcon2 .tit .line{ width: 40px; height: 4px;} #content11 .syhgcon2 .tit .t1{ font-size: 16px; line-height: 18px;} #content11 .syhgcon2 .tit .t2{ font-size: 12px; line-height: 16px;} #content11 .syhgcon2 .list{ margin-top: 15px;} #content11 .syhgcon2 .list .img{ width: 100%;} #content11 .syhgcon2 .list .l1{ width: 14%;} #content11 .syhgcon2 .list .l1:nth-child(1){ left: 18%;} #content11 .syhgcon2 .list .l1:nth-child(2){ left: 36%;} #content11 .syhgcon2 .list .l1:nth-child(3){ left: 59%;} #content11 .syhgcon2 .list .l1:nth-child(4){ left: 76%;} #content11 .syhgcon2 .list .l1 .p{ padding-left: 6px; font-size: 6px; line-height: 8px;} #content11 .syhgcon2 .list .l1 .p::before{ top: 2px;} #content11 .syhgcon2 .list .l1 .p::before{ width: 2px; height: 2px;} } /* 石油化工3 */ #content12{ width:100%; float:left;} #content12 .syhgcon3{ padding: 60px 0 60px 0; width:100%; float:left;} #content12 .syhgcon3 .tit{ text-align: center;} #content12 .syhgcon3 .tit .line{ width: 78px; height: 9px; margin: 0 auto; background: #e60012;} #content12 .syhgcon3 .tit .t1{ margin: 20px 0 0 0; font-size: 30px; line-height: 32px;} #content12 .syhgcon3 .list{ margin: 0 -24px;} #content12 .syhgcon3 ul{ width:100%; float:left; margin-top:10px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #content12 .syhgcon3 ul li{ width:50%; float:left; margin-top:50px; padding:0 24px;} #content12 .syhgcon3 ul li .zbox{ width:100%; float:left; border:solid 1px #dcdcdc; padding:12px 40px 10px 83px; position:relative; background:white;} #content12 .syhgcon3 ul li .zbox:hover{ box-shadow:3px 5px 30px rgba(176,176,176,0.5); border-top:solid 2px #0066ef; transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05);} #content12 .syhgcon3 ul li .zbox .ico{ position:absolute; left:14px; top:13px; width:60px;} #content12 .syhgcon3 ul li .zbox .ico img{ float:left;} #content12 .syhgcon3 ul li .zbox h4{ width:100%; float:left; font-size:18px; color:black; line-height:47px; letter-spacing:1px; font-weight:bold;} #content12 .syhgcon3 ul li .zbox h5{ width:100%; float:left; font-size:16px; color:black; line-height:50px; letter-spacing:1px;} #content12 .syhgcon3 ul li.l1 .zbox{ min-height:171px;} #content12 .syhgcon3 ul li.l2 .zbox{ min-height:221px;} #content12 .syhgcon3 ul li.l3 .zbox{ min-height:171px;} #content12 .syhgcon3 ul li.l4 .zbox{ min-height:221px;} @media screen and (max-width:1560px ) { #content12 .syhgcon3 ul li.l2 .zbox{ min-height:221px;} #content12 .syhgcon3 ul li.l3 .zbox{ min-height:221px;} #content12 .syhgcon3 ul li.l4 .zbox{ min-height:221px;} } @media screen and (max-width:1329px){ #content12 .syhgcon3 ul li.l4 .zbox{ min-height:271px;} } @media screen and (max-width:1199px){ #content12 .syhgcon3{ padding: 50px 0 70px 0;} #content12 .syhgcon3 .list{ margin: 0 -12px;} #content12 .syhgcon3 ul{ margin-top:10px;} #content12 .syhgcon3 ul li{ margin-top:30px; padding:0 12px;} #content12 .syhgcon3 ul li .zbox h5{ line-height:40px;} #content12 .syhgcon3 ul li.l1 .zbox{ min-height:191px;} #content12 .syhgcon3 ul li.l2 .zbox{ min-height:231px;} #content12 .syhgcon3 ul li.l3 .zbox{ min-height:231px;} #content12 .syhgcon3 ul li.l4 .zbox{ min-height:271px;} } @media screen and (max-width:991px){ #content12 .syhgcon3{ padding: 40px 0 40px 0;} #content12 .syhgcon3 .tit .line{ width: 40px; height: 4px;} #content12 .syhgcon3 .tit .t1{ margin: 10px 0 0 0; font-size: 20px; line-height: 22px;} #content12 .syhgcon3 ul{ margin-top:10px;} #content12 .syhgcon3 ul li{ margin-top:20px; padding:0 12px; width:100%; height:auto;} #content12 .syhgcon3 ul li .zbox{ min-height:0 !important; padding:12px 30px 10px 70px;} #content12 .syhgcon3 ul li .zbox .ico{ left:10px; top:9px; width:50px;} #content12 .syhgcon3 ul li .zbox h4{ font-size:16px; line-height:40px; letter-spacing:0px;} #content12 .syhgcon3 ul li .zbox h5{ font-size:14px; line-height:40px; letter-spacing:0px;} #content12 .syhgcon3 ul li .zbox{height:auto !important;} } @media screen and (max-width:767px){ #content12 .syhgcon3{ padding: 20px 0 20px 0;} #content12 .syhgcon3 .tit .line{ width: 40px; height: 4px;} #content12 .syhgcon3 .tit .t1{ font-size: 16px; line-height: 18px;} #content12 .syhgcon3 ul{ margin-top:10px;} #content12 .syhgcon3 ul li{ margin-top:10px;} #content12 .syhgcon3 ul li .zbox{ padding:12px 10px 10px 60px;} #content12 .syhgcon3 ul li .zbox .ico{ width:40px;} #content12 .syhgcon3 ul li .zbox h4{ font-size:14px; line-height:30px;} #content12 .syhgcon3 ul li .zbox h5{ font-size:12px; line-height:30px;} } /* 石油化工4 */ #content13{ width:100%; float:left;} #content13 .syhgcon4{ padding: 60px 0 60px 0; width:100%; float:left;} #content13 .syhgcon4 .tit{ text-align: center;} #content13 .syhgcon4 .tit .line{ width: 78px; height: 9px; margin: 0 auto; background: #e60012;} #content13 .syhgcon4 .tit .t1{ margin: 20px 0 0 0; font-size: 30px; line-height: 32px;} #content13 .syhgcon4 .list{ margin-top: 60px; padding-bottom: 100px; position: relative;} #content13 .syhgcon4 .list .img{ line-height: 0; width: 40.73%; margin: 0 auto;} #content13 .syhgcon4 .list .l1{ width: 30%; color: #000; position: absolute; cursor: pointer;} #content13 .syhgcon4 .list .l1 .ico{ width: 56px; height: 56px; position: absolute; border-radius: 50%; line-height: 0;} #content13 .syhgcon4 .list .l1 .text{ margin-top: -15px;} #content13 .syhgcon4 .list .l1:hover .ico{ box-shadow: 5px 13px 23px rgba(176,176,176,0.75);} #content13 .syhgcon4 .list .l1 .t1{ font-size: 16px; line-height: 24px; padding: 0 10px; display: inline-block; color: #fff; background: #0e56f1;} #content13 .syhgcon4 .list .l1 .t2{ margin-top: 5px; font-size: 14px; line-height: 28px; text-align: left; color: #000;} #content13 .syhgcon4 .list .l1:nth-child(1){ top: 4%; left: 3%;} #content13 .syhgcon4 .list .l1:nth-child(1) .ico{ top: 8%; right: -22%;} #content13 .syhgcon4 .list .l1:nth-child(2){ top: 52%; left: -3%;} #content13 .syhgcon4 .list .l1:nth-child(2) .ico{ top: -10%; right: -22%;} #content13 .syhgcon4 .list .l1:nth-child(3){ top: 88%; left: 50%; margin-left: -15%; text-align: center;} #content13 .syhgcon4 .list .l1:nth-child(3) .ico{ top: -92%; left: 50%; margin-left: -28px;} #content13 .syhgcon4 .list .l1:nth-child(3) .text{ margin-top: 0;} #content13 .syhgcon4 .list .l1:nth-child(4){ top: 52%; right: -3%;} #content13 .syhgcon4 .list .l1:nth-child(4) .ico{ top: -20%; left: -22%;} #content13 .syhgcon4 .list .l1:nth-child(5){ top: 4%; right: 3%;} #content13 .syhgcon4 .list .l1:nth-child(5) .ico{ top: 8%; left: -22%;} @media screen and (max-width:1560px ) { #content13 .syhgcon4 .list .l1:nth-child(1) .ico{ right: -22%;} #content13 .syhgcon4 .list .l1:nth-child(2) .ico{ right: -25%;} #content13 .syhgcon4 .list .l1:nth-child(4) .ico{ top: -17%; left: -24%;} #content13 .syhgcon4 .list .l1:nth-child(5){ right: 2%;} #content13 .syhgcon4 .list .l1:nth-child(5) .ico{ left: -27%;} #content13 .syhgcon4 .list .l1:nth-child(3) .ico{ top: -80%;} } @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content13 .syhgcon4{ padding: 40px 0 100px 0;} #content13 .syhgcon4 .list .l1 .text{ padding: 15px;} #content13 .syhgcon4 .list .l1:nth-child(3) .ico{ top: -66%;} #content13 .syhgcon4 .list .l1:nth-child(3) .text{ padding: 0;} } @media screen and (max-width:991px){ #content13 .syhgcon4{ padding: 40px 0 40px 0;} #content13 .syhgcon4 .tit .line{ width: 40px; height: 4px;} #content13 .syhgcon4 .tit .t1{ margin: 10px 0 0 0; font-size: 20px; line-height: 22px;} #content13 .syhgcon4 .list{ margin-top: 35px;} #content13 .syhgcon4 .list .l1 .ico{ width: 30px; height: 30px;} #content13 .syhgcon4 .list .l1 .t1{ font-size: 14px;} #content13 .syhgcon4 .list .l1 .t2{ font-size: 12px; line-height: 20px;} #content13 .syhgcon4 .list .l1:nth-child(1){ top: -1%;} #content13 .syhgcon4 .list .l1:nth-child(1) .ico{ top: 28%; right: -22%;} #content13 .syhgcon4 .list .l1:nth-child(2){ top: 38%;} #content13 .syhgcon4 .list .l1:nth-child(2) .ico{ top: 34%; right: -18%;} #content13 .syhgcon4 .list .l1:nth-child(3){ top: 78%;} #content13 .syhgcon4 .list .l1:nth-child(3) .ico{ top: -46%; margin-left: -15px;} #content13 .syhgcon4 .list .l1:nth-child(4){ top: 38%;} #content13 .syhgcon4 .list .l1:nth-child(4) .ico{ top: 34%; left: -18%;} #content13 .syhgcon4 .list .l1:nth-child(5){ top: -1%;} #content13 .syhgcon4 .list .l1:nth-child(5) .ico{ top: 28%; left: -22%;} } @media screen and (max-width:767px){ #content13 .syhgcon4{ padding: 20px 0 20px 0;} #content13 .syhgcon4 .tit .line{ width: 40px; height: 4px;} #content13 .syhgcon4 .tit .t1{ font-size: 16px; line-height: 18px;} #content13 .syhgcon4 .list{ margin-top: 15px;} #content13 .syhgcon4 .list .l1{ width: 30%;} #content13 .syhgcon4 .list .l1 .ico{ width: 20px; height: 20px;} #content13 .syhgcon4 .list .l1 .t1{ font-size: 12px; line-height: 16px;} #content13 .syhgcon4 .list .l1 .t2{ font-size: 8px; line-height: 10px;} #content13 .syhgcon4 .list .l1 .text{ padding: 0;} #content13 .syhgcon4 .list .l1:nth-child(1){ top: -3%; left: 2%;} #content13 .syhgcon4 .list .l1:nth-child(1) .ico{ top: 28%; right: -22%;} #content13 .syhgcon4 .list .l1:nth-child(2){ top: 30%; left: -10px;} #content13 .syhgcon4 .list .l1:nth-child(2) .ico{ top: 34%; right: -26%;} #content13 .syhgcon4 .list .l1:nth-child(3){ top: 70%;} #content13 .syhgcon4 .list .l1:nth-child(3) .ico{ top: -70%; margin-left: -10px;} #content13 .syhgcon4 .list .l1:nth-child(4){ top: 30%; right: -10px;} #content13 .syhgcon4 .list .l1:nth-child(4) .ico{ left: -27%;} #content13 .syhgcon4 .list .l1:nth-child(5){ top: -3%; right: 2%;} #content13 .syhgcon4 .list .l1:nth-child(5) .ico{ top: 26%; left: -28%;} } /* 售后运营1 */ #content14{ width:100%; float:left;} #content14 .shyycon1{ padding: 60px 0 30px 0; width:100%; float:left;} #content14 .shyycon1 .tit .t1{ font-size: 30px; line-height: 32px; color: #000;} #content14 .shyycon1 .tit .t2{ margin-top: 30px; font-size: 16px; line-height: 18px; color: #000;} #content14 .shyycon1 .list{ margin-top: 60px;} #content14 .shyycon1 .list .u1{ margin: 0 -1% 60px -1%; float: left;} #content14 .shyycon1 .list .l1{ float: left; border: 1px solid #e5e5e5; position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background: #fbfbfb;} #content14 .shyycon1 .list .l1 .img{ width: 100px; height: 100px; line-height: 0;} #content14 .shyycon1 .list .l1 .t1{ font-size: 16px; line-height: 18px; font-weight: bold; color: #000;} #content14 .shyycon1 .list .l1 .t2{ margin-top: 10px; font-size: 16px; line-height: 40px; color: #000;} #content14 .shyycon1 .list .u1 .l1{ padding: 60px 20px 50px 20px; width: 31.3%; margin: 0 1%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #content14 .shyycon1 .list .u1 .l1:hover{ margin-top: -10px!important; border-top: 4px solid #467df5;} #content14 .shyycon1 .list .u1 .l1 .img{ margin: 0 auto;} #content14 .shyycon1 .list .u1 .l1 .text{ margin-top: 40px;} #content14 .shyycon1 .list .u1 .l1 .text .t2{ height: 160px; overflow: hidden;} #content14 .shyycon1 .list .u2{ margin: 0 -1%; float: left;} #content14 .shyycon1 .list .u2 .l1{ padding: 70px 20px 40px 150px; width: 48%; margin: 0 1%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #content14 .shyycon1 .list .u2 .l1:hover{ margin-top: -10px!important; border-top: 4px solid #467df5;} #content14 .shyycon1 .list .u2 .l1 .img{ position: absolute; top: 70px; left: 20px;} #content14 .shyycon1 .list .u2 .l1 .text .t2{ height: 120px; overflow: hidden;} @media screen and (max-width:1560px ) { #content14 .shyycon1 .list .u1 .l1 .text .t2{ height: 200px;} #content14 .shyycon1 .list .u2 .l1 .text .t2{ height: 200px;} } @media screen and (max-width:1560px ) { #content14 .shyycon1 .list .u1 .l1 .text .t2{ height: 200px;} #content14 .shyycon1 .list .u2 .l1 .text .t2{ height: 160px;} } @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content14 .shyycon1{ padding: 40px 0 20px 0;} #content14 .shyycon1 .list{ margin-top: 30px;} #content14 .shyycon1 .list .u1 .l1 .text .t2{ height: 280px;} #content14 .shyycon1 .list .u2 .l1 .text .t2{ height: 240px;} } @media screen and (max-width:991px){ #content14 .shyycon1{ padding: 40px 0 20px 0;} #content14 .shyycon1 .tit .t1{ font-size: 20px; line-height: 22px;} #content14 .shyycon1 .tit .t2{ margin-top: 10px; font-size: 14px; line-height: 16px;} #content14 .shyycon1 .list{ margin-top: 20px;} #content14 .shyycon1 .list .u1{ margin: 0 -1% 20px -1%;} #content14 .shyycon1 .list .l1 .img{ width: 50px; height: 50px;} #content14 .shyycon1 .list .l1 .t1{ font-size: 14px; line-height: 16px;} #content14 .shyycon1 .list .l1 .t2{ margin-top: 5px; font-size: 12px; line-height: 20px;} #content14 .shyycon1 .list .u1 .l1{ padding: 20px 10px 10px 10px;} #content14 .shyycon1 .list .u1 .l1 .text{ margin-top: 10px;} #content14 .shyycon1 .list .u1 .l1 .text .t2{ height: 100px;} #content14 .shyycon1 .list .u2 .l1{ padding: 20px 20px 20px 80px;} #content14 .shyycon1 .list .u2 .l1 .img{ top: 20px; left: 20px;} #content14 .shyycon1 .list .u2 .l1 .text .t2{ height: 80px;} } @media screen and (max-width:767px){ #content14 .shyycon1{ padding: 20px 0 10px 0;} #content14 .shyycon1 .tit .t1{ font-size: 16px; line-height: 18px;} #content14 .shyycon1 .tit .t2{ margin-top: 5px; font-size: 12px; line-height: 14px;} #content14 .shyycon1 .list .u1{ margin: 0;} #content14 .shyycon1 .list .u1 .l1{ width: 100%; margin: 5px 0;} #content14 .shyycon1 .list .u1 .l1{ padding: 20px 20px 20px 80px;} #content14 .shyycon1 .list .u1 .l1 .img{ top: 20px; left: 20px; position: absolute; top: 20px; left: 20px;} #content14 .shyycon1 .list .u1 .l1 .text .t2{ height: auto;} #content14 .shyycon1 .list .u2 .l1 .text .t2{ height: auto;} #content14 .shyycon1 .list .u2{ margin: 0;} #content14 .shyycon1 .list .u2 .l1{ width: 100%; margin: 5px 0;} } /* 售后运营2 */ #content15{ width:100%; float:left;} #content15 .shyycon2{ padding: 30px 0 60px 0; width:100%; float:left;} #content15 .shyycon2 .list{ position: relative;} #content15 .shyycon2 .list .img{ line-height: 0;} #content15 .shyycon2 .list .l1{ text-align: center; position: absolute;} #content15 .shyycon2 .list .l1:nth-child(1){ bottom: 44%; left: 12%;} #content15 .shyycon2 .list .l1:nth-child(2){ bottom: 74%; left: 24%;} #content15 .shyycon2 .list .l1:nth-child(3){ bottom: 41%; left: 34%;} #content15 .shyycon2 .list .l1:nth-child(4){ bottom: 80%; left: 48%;} #content15 .shyycon2 .list .l1:nth-child(5){ bottom: 46%; left: 58%;} #content15 .shyycon2 .list .l1:nth-child(6){ bottom: 74%; left: 70%;} #content15 .shyycon2 .list .l1:nth-child(7){ bottom: 46%; left: 80%;} #content15 .shyycon2 .list .l1 .t1{ width: 110px; height: 110px; line-height: 0; margin: 0 auto; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #content15 .shyycon2 .list .l1:hover .t1{ transform: translatey(-10px);} #content15 .shyycon2 .list .l1 .t2{ font-weight: bold; font-size: 16px; line-height: 18px; margin-top: 5px; color: #000;} @media screen and (max-width:1329px){ #content15 .shyycon2 .list .l1 .t1{ width: 100px; height: 100px;} #content15 .shyycon2 .list .l1 .t2{ font-size: 14px;} } @media screen and (max-width:1199px){ #content15 .shyycon2{ padding: 20px 0 40px 0;} #content15 .shyycon2 .list .l1 .t1{ width: 60px; height: 60px;} } @media screen and (max-width:991px){ #content15 .shyycon2{ padding: 20px 0 40px 0;} #content15 .shyycon2 .list .l1 .t1{ width: 50px; height: 50px;} #content15 .shyycon2 .list .l1 .t2{ font-size: 14px; line-height: 16px;} } @media screen and (max-width:767px){ #content15 .shyycon2{ padding: 10px 0 20px 0;} #content15 .shyycon2 .list{ padding-top: 50px;} #content15 .shyycon2 .list .l1{ width: 10%;} #content15 .shyycon2 .list .l1:nth-child(1){ bottom: 34%;} #content15 .shyycon2 .list .l1:nth-child(2){ bottom: 56%;} #content15 .shyycon2 .list .l1:nth-child(3){ bottom: 35%;} #content15 .shyycon2 .list .l1:nth-child(4){ bottom: 60%;} #content15 .shyycon2 .list .l1:nth-child(5){ bottom: 36%;} #content15 .shyycon2 .list .l1:nth-child(6){ bottom: 56%;} #content15 .shyycon2 .list .l1:nth-child(7){ bottom: 38%;} #content15 .shyycon2 .list .l1 .t1{ width: 30px; height: 30px;} #content15 .shyycon2 .list .l1 .t2{ font-size: 10px; line-height: 14px;} } /* 售后运营3 */ #content16{ width:100%; float:left;} #content16 .shyycon3{ padding: 60px 0 60px 0; width:100%; float:left; background: #f2f2f2;} #content16 .shyycon3 .tit .t1{ font-size: 30px; line-height: 32px; color: #000;} #content16 .shyycon3 .tit .t2{ margin-top: 30px; font-size: 16px; line-height: 18px; color: #000;} #content16 .shyycon3 .img{ margin: 60px 0 80px 0; line-height: 0;} #content16 .shyycon3 .list .u1{ margin: -60px 0; float: left;} #content16 .shyycon3 .list .l1{ padding-left: 180px; margin: 30px 0; width: 46%; float: left; position: relative;} #content16 .shyycon3 .list .l1:nth-child(2n){ float: right;} #content16 .shyycon3 .list .l1 .num{ width: 150px; height: 150px; line-height: 150px; font-size: 56px; position: absolute; top: 0; left: 0; color: #0066eb; text-align: center; background: #fff; border: 1px solid #8db6db;} #content16 .shyycon3 .list .l1 .text .t1{ display: inline-block; font-size: 18px; line-height: 30px; padding: 0 10px; background: #0066eb; color: #fff;} #content16 .shyycon3 .list .l1 .text .t2{ margin-top: 20px; font-size: 16px; line-height: 50px; height: 150px; overflow: hidden; color: #000;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content16 .shyycon3{ padding: 140px 0 40px 0;} #content16 .shyycon3 .img{ margin: 40px 0 60px 0;} #content16 .shyycon3 .list .u1{ margin: -30px 0;} #content16 .shyycon3 .list .l1{ margin: 30px 0;} #content16 .shyycon3 .list .l1 .text .t2{ line-height: 30px; height: 120px;} } @media screen and (max-width:991px){ #content16 .shyycon3{ padding: 40px 0 40px 0;} #content16 .shyycon3 .tit .t1{ font-size: 20px; line-height: 22px;} #content16 .shyycon3 .tit .t2{ margin-top: 10px; font-size: 14px; line-height: 16px;} #content16 .shyycon3 .img{ margin: 20px 0 20px 0;} #content16 .shyycon3 .list .u1{ margin: -20px 0;} #content16 .shyycon3 .list .l1{ width: 49%; padding-left: 90px; margin: 20px 0;} #content16 .shyycon3 .list .l1 .num{ width: 70px; height: 70px; line-height: 70px; font-size: 30px;} #content16 .shyycon3 .list .l1 .text .t1{ font-size: 16px; line-height: 18px;} #content16 .shyycon3 .list .l1 .text .t2{ margin-top: 10px; font-size: 14px; line-height: 24px; height: 72px;} } @media screen and (max-width:767px){ #content16 .shyycon3{ padding: 20px 0 20px 0;} #content16 .shyycon3 .tit .t1{ font-size: 16px; line-height: 18px;} #content16 .shyycon3 .tit .t2{ margin-top: 5px; font-size: 12px; line-height: 14px;} #content16 .shyycon3 .img{ margin: 10px 0 10px 0;} #content16 .shyycon3 .list .u1{ margin: -10px 0;} #content16 .shyycon3 .list .l1{ width: 100%; padding-left: 60px; margin: 5px 0;} #content16 .shyycon3 .list .l1 .num{ width: 50px; height: 50px; line-height: 50px; font-size: 20px;} #content16 .shyycon3 .list .l1 .text .t1{ font-size: 14px; line-height: 16px;} #content16 .shyycon3 .list .l1 .text .t2{ margin-top: 5px; font-size: 12px; line-height: 20px; height: auto;} } /* 售后运营4 */ #content17{ width:100%; float:left;} #content17 .shyycon4{ padding: 60px 0 60px 0; width:100%; float:left; background: #fbfbfb;} #content17 .shyycon4 .tit .t1{ font-size: 30px; line-height: 32px; color: #000;} #content17 .shyycon4 .tit .t2{ margin-top: 30px; font-size: 16px; line-height: 18px; color: #000;} #content17 .shyycon4 .form{ margin-top: 60px;} #content17 .shyycon4 .form .fv{ font-size: 16px; line-height: 24px; padding: 15px 30px; color: #c3c3c3; background: #fff; border: 1px solid #b5b5b5; border-radius: 2px;} #content17 .shyycon4 .form .fv1{ width: 100%; margin-bottom: 60px;} #content17 .shyycon4 .form .over{ width: 102%; margin: 0 -1%; overflow: hidden;} #content17 .shyycon4 .form .fv2{ width: 31.3%; margin: 0 1%; float: left;} #content17 .shyycon4 .form .fv3{ margin: 80px auto 0 auto; display: block; width: 450px; height: 50px; line-height: 50px; font-size: 24px; background: #467df5; color: #fff; text-align: center; border-radius: 5px;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content17 .shyycon4{ padding: 40px 0 40px 0;} #content17 .shyycon4 .form{ margin-top: 30px;} #content17 .shyycon4 .form .fv1{ margin-bottom: 30px;} } @media screen and (max-width:991px){ #content17 .shyycon4{ padding: 40px 0 40px 0;} #content17 .shyycon4 .tit .t1{ font-size: 20px; line-height: 22px;} #content17 .shyycon4 .tit .t2{ margin-top: 10px; font-size: 14px; line-height: 16px;} #content17 .shyycon4 .form{ margin-top: 20px;} #content17 .shyycon4 .form .fv{ font-size: 14px; line-height: 20px; padding: 10px 10px;} #content17 .shyycon4 .form .fv1{ margin-bottom: 20px;} #content17 .shyycon4 .form .fv3{ margin: 30px auto 0 auto; width: 250px; height: 30px; line-height: 30px; font-size: 16px;} } @media screen and (max-width:767px){ #content17 .shyycon4{ padding: 20px 0 20px 0;} #content17 .shyycon4 .tit .t1{ font-size: 16px; line-height: 18px;} #content17 .shyycon4 .tit .t2{ margin-top: 5px; font-size: 12px; line-height: 14px;} #content17 .shyycon4 .form .over{ width: 100%; margin: 0;} #content17 .shyycon4 .form .fv1{ margin-bottom: 5px;} #content17 .shyycon4 .form .fv2{ width: 100%; margin: 0 0 5px 0;} #content17 .shyycon4 .form .fv3{ margin: 10px auto 0 auto;} } /* 医疗1 */ #content18{ width:100%; float:left;} #content18 .ylcon1{ padding: 60px 0 60px 0; width:100%; float:left;} #content18 .ylcon1 .tit .t1{ font-size: 30px; line-height: 32px; color: #000; text-align: center;} #content18 .ylcon1 .tit .t2{ margin: 45px 0 0 0; font-size: 16px; line-height: 38px; color: #000;} #content18 .ylcon1 .img{ margin: 10px 0 0 0; line-height: 0;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content18 .ylcon1{ padding: 40px 0 80px 0;} } @media screen and (max-width:991px){ #content18 .ylcon1{ padding: 40px 0 40px 0;} #content18 .ylcon1 .tit .t1{ font-size: 20px; line-height: 22px;} #content18 .ylcon1 .tit .t2{ margin: 10px 0 0 0; font-size: 14px; line-height: 20px;} } @media screen and (max-width:767px){ #content18 .ylcon1{ padding: 20px 0 20px 0;} #content18 .ylcon1 .tit .t1{ font-size: 16px; line-height: 18px;} #content18 .ylcon1 .tit .t2{ margin: 5px 0 0 0; line-height: 24px; font-size:12px;} } /* 医疗2 */ #content19{ width:100%; float:left;} #content19 .ylcon2{ width:100%; float:left; background: #f7f7f7;} #content19 .ylcon2 .tit{ font-size: 34px; line-height: 84px; text-align: center; color: #fff; background: #0a0b2d;} #content19 .ylcon2 .tabwrap{ margin: 75px 0 90px 0; width: 100%; float: left; background: rgba(0, 0, 0, 0.5);} #content19 .ylcon2 .tabwrap .bt{ width: 22%; font-size: 20px; height: 60px; line-height: 60px; color: #fff; background: #09b380; text-align: center;} #content19 .ylcon2 .tabwrap .hd{ width: 22%; float: left;} #content19 .ylcon2 .tabwrap .hd .l1{ font-size: 20px; line-height: 22px; padding: 20px 24px; cursor: pointer; color: #fff;} #content19 .ylcon2 .tabwrap .hd .l1.on{ background: #0d3736; position: relative;} #content19 .ylcon2 .tabwrap .hd .l1.on::before{ content: ""; width: 3px; height: 100%; position: absolute; right: -2px; top: 0; background: #09b380;} #content19 .ylcon2 .tabwrap .bd{ margin-top: -60px; width: 78%; float: right;} #content19 .ylcon2 .tabwrap .bd .inhd{ width: 100%; float: left;} #content19 .ylcon2 .tabwrap .bd .inhd .l2{ line-height: 59px; border-bottom: 1px solid #fff; text-align: center; width: 50%; float: left; cursor: pointer;} #content19 .ylcon2 .tabwrap .bd .inhd .l2.on{ position: relative;} #content19 .ylcon2 .tabwrap .bd .inhd .l2.on::before{ content: ""; width: 100%; height: 4px; background: #09b380; position: absolute; bottom: -1px; left: -0;} #content19 .ylcon2 .tabwrap .bd .inhd .l2 .dis{ display: inline-block;} #content19 .ylcon2 .tabwrap .bd .inhd .l2 .ico{ width: 22px; height: 22px; float: left; line-height: 0;} #content19 .ylcon2 .tabwrap .bd .inhd .l2 .ico .img2{ display: none;} #content19 .ylcon2 .tabwrap .bd .inhd .l2 .w1{ float: left; margin-left: 20px; font-size: 20px; line-height: 22px; color: #fff;} #content19 .ylcon2 .tabwrap .bd .inhd .l2.on .w1{ color: #09b380;} #content19 .ylcon2 .tabwrap .bd .inhd .l2.on .img1{ display: none;} #content19 .ylcon2 .tabwrap .bd .inhd .l2.on .img2{ display: block;} #content19 .ylcon2 .tabwrap .bd .inbd{ width: 100%; float: left; border-left: 1px solid #fff;} #content19 .ylcon2 .tabwrap .bd .inbd .pad1{ padding: 30px 30px;} #content19 .ylcon2 .tabwrap .bd .inbd .int1{ display: inline-block; font-weight: bold; font-size: 16px; color: #09b380; padding: 0 10px; line-height: 28px; border: 1px solid #fff;} #content19 .ylcon2 .tabwrap .bd .inbd .inp{ margin: 10px 0;} #content19 .ylcon2 .tabwrap .bd .inbd .inp .p{ font-size: 15px; line-height: 30px; padding-left: 20px; color: #fff; position: relative;} #content19 .ylcon2 .tabwrap .bd .inbd .inp .p::before{ content: ""; width: 7px; height: 7px; position: absolute; top: 10px; left: 0; background: url(/uploads/image/ttcn/4113_y_yl_2_10.png) no-repeat center; background-size: cover;} #content19 .ylcon2 .tabwrap .bd .inbd .ininfo{ margin: 10px 0; font-size: 15px; line-height: 30px; color: #fff;} #content19 .ylcon2 .tabwrap .bd .inbd .inp p{ font-size: 15px; line-height: 30px; color: #fff; position: relative;} #content19 .ylcon2 .tabwrap .bd .inbd .inwz{ margin-top: 10px; width: 100%; overflow: hidden;} #content19 .ylcon2 .tabwrap .bd .inbd .inwznr{ padding: 15px; width: 49%; margin: 10px 0; float: left; background: rgba(255, 255, 255, 0.2);} #content19 .ylcon2 .tabwrap .bd .inbd .inwznr:nth-child(2n){ float: right;} #content19 .ylcon2 .tabwrap .bd .inbd .inwznr .t1{ font-weight: bold; display: inline-block; font-size: 14px; line-height: 22px; padding: 0 10px; background: #09b380; color: #000;} #content19 .ylcon2 .tabwrap .bd .inbd .inwznr .t2{ font-size: 15px; line-height: 30px; height: 90px; overflow: hidden; color: #fff; margin-top:5px;} #content19 .ylcon2 .tabwrap .bd .inbd .pad2{ padding: 20px 40px;} #content19 .ylcon2 .tabwrap .bd .inbd .pic .img{ width: 31.3%; margin: 0 1%; float: left; line-height: 0;} #content19 .ylcon2 .tabwrap .bd .inbd .nr{ margin: 20px 0 50px 0; width: 100%; float: left; background: url(/uploads/image/ttcn/4113_y_yl_2_9.png) no-repeat center; background-size: cover;} #content19 .ylcon2 .tabwrap .bd .inbd .nr .wz{ width: 31.3%; margin: 0 1%; float: left; text-align: center;} #content19 .ylcon2 .tabwrap .bd .inbd .nr .wz2{ display: inline-block; font-size: 14px; line-height: 22px; padding: 0 10px; background: #09b380; color: #000;} #content19 .ylcon2 .tabwrap .bd .inbd .intp{ padding: 40px; width: 100%; overflow: hidden; background: rgba(255, 255, 255, 0.5);} #content19 .ylcon2 .tabwrap .bd .inbd .intp .intp_list{ width: 25%; float: left;} #content19 .ylcon2 .tabwrap .bd .inbd .intp .intp_img{ line-height: 0; margin: 0 auto;} #content19 .ylcon2 .tabwrap .bd .inbd .intp .intp_wz{ margin-top: 10px; font-size: 15px; line-height: 18px; text-align: center; color: #fff;} @media screen and (max-width:1560px ) { #content19 .ylcon2 .tabwrap .hd .l1{ font-size: 15px; padding: 20px 18px;} #content19 .ylcon2 .tabwrap .bd .inbd .inwznr.inwznr_5 .t2{height:120px;} } @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content19 .ylcon2 .tabwrap .bd .inbd .inwznr.inwznr_5 .t2{height:150px;} } @media screen and (max-width:991px){ #content19 .ylcon2 .tit{ font-size: 20px; line-height: 40px;} #content19 .ylcon2 .tabwrap{ margin: 30px 0 30px 0;} #content19 .ylcon2 .tabwrap .bt{ font-size: 16px; height: 30px; line-height: 30px;} #content19 .ylcon2 .tabwrap .hd .l1{ font-size: 16px; line-height: 22px; padding: 10px 12px;} #content19 .ylcon2 .tabwrap .bd{ margin-top: -30px;} #content19 .ylcon2 .tabwrap .bd .inhd .l2{ line-height: 29px;} #content19 .ylcon2 .tabwrap .bd .inhd .l2 .ico{ width: 18px; height: 18px;} #content19 .ylcon2 .tabwrap .bd .inhd .l2 .w1{ margin-left: 16px; font-size: 16px; line-height: 18px;} #content19 .ylcon2 .tabwrap .bd .inbd .pad1{ padding: 10px 10px;} #content19 .ylcon2 .tabwrap .bd .inbd .int1{ font-size: 14px;} #content19 .ylcon2 .tabwrap .bd .inbd .inp .p{ font-size: 12px; line-height: 20px;} #content19 .ylcon2 .tabwrap .bd .inbd .ininfo{ font-size: 12px; line-height: 20px;} #content19 .ylcon2 .tabwrap .bd .inbd .inp p{ font-size: 12px; line-height: 20px;} #content19 .ylcon2 .tabwrap .bd .inbd .inwznr .t2{ font-size: 12px; line-height: 20px; height: 60px;} #content19 .ylcon2 .tabwrap .bd .inbd .inwznr.inwznr_5 .t2{height:100px;} #content19 .ylcon2 .tabwrap .bd .inbd .pad2{ padding: 10px 15px;} #content19 .ylcon2 .tabwrap .bd .inbd .intp{ padding: 10px;} #content19 .ylcon2 .tabwrap .bd .inbd .intp .intp_wz{ font-size: 12px;} } @media screen and (max-width:767px){ #content19 .ylcon2 .tit{ font-size: 16px; line-height: 30px;} #content19 .ylcon2 .tabwrap{ margin: 15px 0 15px 0;} #content19 .ylcon2 .tabwrap .bt{ font-size: 12px; height: 30px; line-height: 30px;} #content19 .ylcon2 .tabwrap .hd .l1{ font-size: 12px; line-height: 22px; padding: 5px;} #content19 .ylcon2 .tabwrap .bd{ margin-top: -30px;} #content19 .ylcon2 .tabwrap .bd .inhd .l2{ line-height: 29px;} #content19 .ylcon2 .tabwrap .bd .inhd .l2 .ico{ width: 16px; height: 16px;} #content19 .ylcon2 .tabwrap .bd .inhd .l2 .w1{ margin-left: 14px; font-size: 12px; line-height: 16px;} #content19 .ylcon2 .tabwrap .bd .inbd .inwznr{ width: 100%; margin: 5px 0;} #content19 .ylcon2 .tabwrap .bd .inbd .inwznr .t2{height:auto !important;} #content19 .ylcon2 .tabwrap .bd .inbd .nr .wz2{ font-size: 8px;} #content19 .ylcon2 .tabwrap .bd .inbd .pic .img{width:98%;} #content19 .ylcon2 .tabwrap .bd .inbd .nr .wz{width:98%;} #content19 .ylcon2 .tabwrap .bd .inbd .nr{margin: 10px 0 20px 0;} } /* 医疗3 */ #content20{ width:100%; float:left;} #content20 .ylcon3{ padding: 60px 0 60px 0; width:100%; float:left;} #content20 .ylcon3 .tit .t1{ font-size: 30px; line-height: 32px; color: #000; text-align: center;} #content20 .ylcon3 .list{ margin-top: 60px;} #content20 .ylcon3 .list .l1{ border: 1px solid #e9e9e9; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); float: left; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #content20 .ylcon3 .list .l1:hover{ margin-top: -10px!important; border-top: 3px solid #09b380;} #content20 .ylcon3 .list .l1 .img{ line-height: 0;} #content20 .ylcon3 .list .l1 .text .t1{ font-weight: bold; font-size: 16px; line-height: 18px; color: #000;} #content20 .ylcon3 .list .l1 .text .t2{ margin-top: 20px; font-size: 16px; line-height: 34px; text-align: left; color: #000;} #content20 .ylcon3 .list .u1{ float: left;} #content20 .ylcon3 .list .u1 .l1{ padding: 40px 20px 60px 200px; width: 55%; position: relative;} #content20 .ylcon3 .list .u1 .l1:nth-child(2n){ width: 43%; float: right;} #content20 .ylcon3 .list .u1 .l1 .img{ width: 180px; line-height: 0; position: absolute; top: 40px; left: 10px;} #content20 .ylcon3 .list .u1 .l1 .text{margin-top: 25px;} #content20 .ylcon3 .list .u1 .l1 .text .t2{ height: 136px; overflow: hidden;} #content20 .ylcon3 .list .u2{ width: 102%; margin: 45px -1% 0 -1%; float: left;} #content20 .ylcon3 .list .u2 .l1{ width: 31.3%; margin: 0 1%; padding: 20px 30px 30px 30px; text-align: center;} #content20 .ylcon3 .list .u2 .l1 .img{ width: 200px; height: 170px; line-height: 0; margin: 0 auto 20px auto;} #content20 .ylcon3 .list .u2 .l1 .text .t2{ height: 102px; overflow: hidden;} @media screen and (max-width:1560px ) { #content20 .ylcon3 .list .u2 .l1 .text .t2{ height: 136px;} } @media screen and (max-width:1329px){ #content20 .ylcon3 .list .u1 .l1 .text .t2{ height: 170px;} #content20 .ylcon3 .list .u2 .l1 .text .t2{ height: 136px;} } @media screen and (max-width:1199px){ #content20 .ylcon3{ padding: 55px 0 65px 0;} #content20 .ylcon3 .list{ margin-top: 30px;} #content20 .ylcon3 .list .u1 .l1{ padding: 40px 20px 60px 185px;} #content20 .ylcon3 .list .u1 .l1 .text .t2{ height: 238px;} #content20 .ylcon3 .list .u1 .l1 .img{ width: 150px;} } @media screen and (max-width:991px){ #content20 .ylcon3{ padding: 40px 0 40px 0;} #content20 .ylcon3 .tit .t1{ font-size: 20px; line-height: 22px;} #content20 .ylcon3 .list{ margin-top: 20px;} #content20 .ylcon3 .list .l1 .text .t1{ font-size: 14px; line-height: 18px;} #content20 .ylcon3 .list .l1 .text .t2{ margin-top: 10px; font-size: 14px; line-height: 24px;} #content20 .ylcon3 .list .u1 .l1{ padding: 20px 10px 30px 130px;} #content20 .ylcon3 .list .u1 .l1 .img{ width: 110px; top: 20px; left: 10px;} #content20 .ylcon3 .list .u1 .l1 .text{ margin-top: 10px;} #content20 .ylcon3 .list .u1 .l1 .text .t2{ height: 144px;} #content20 .ylcon3 .list .u2{ margin: 15px -1% 0 -1%;} #content20 .ylcon3 .list .u2 .l1{ padding: 10px 20px 20px 20px;} #content20 .ylcon3 .list .u2 .l1 .img{ width: 100px; height: 85px; margin: 0 auto 10px auto;} #content20 .ylcon3 .list .u2 .l1 .text .t2{ height: 120px;} } @media screen and (max-width:767px){ #content20 .ylcon3{ padding: 20px 0 20px 0;} #content20 .ylcon3 .tit .t1{ font-size: 16px; line-height: 18px;} #content20 .ylcon3 .list{ margin-top: 15px;} #content20 .ylcon3 .list .u1 .l1{ width: 100%; padding: 10px 20px 20px 20px; margin: 0 0 5px 0;} #content20 .ylcon3 .list .u1 .l1:nth-child(2n){ width: 100%;} #content20 .ylcon3 .list .u1 .l1 .img{ position: static; width: 75px; height: auto; margin: 0 auto 10px auto;} #content20 .ylcon3 .list .u1 .l1 .text .t1{ text-align: center;} #content20 .ylcon3 .list .u1 .l1 .text .t2{ height: auto;} #content20 .ylcon3 .list .l1 .text .t2{ margin-top: 8px; font-size: 12px; line-height: 22px;} #content20 .ylcon3 .list .u2{ width: 100%; margin: 0;} #content20 .ylcon3 .list .u2 .l1{ width: 100%; margin: 0 0 5px 0;} #content20 .ylcon3 .list .u2 .l1 .text .t2{ height: auto;} } /* 医疗4 */ #content21{ width:100%; float:left;} #content21 .ylcon4{ padding: 60px 0 60px 0; width:100%; float:left; background: #f7f7f7;} #content21 .ylcon4 .tit .t1{ font-size: 30px; line-height: 32px; color: #000; text-align: center;} #content21 .ylcon4 .list{ margin-top: 60px;} #content21 .ylcon4 .list .u1{ width: 102%; margin: -15px -1%;} #content21 .ylcon4 .list .l1{ width: 18%; margin: 15px 1%; float: left; line-height: 0; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #content21 .ylcon4 .list .l1 img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align:middle; -ms-interpolation-mode:bicubic;} #content21 .ylcon4 .list .l1:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content21 .ylcon4{ padding: 40px 0 40px 0;} #content21 .ylcon4 .list{ margin-top: 30px;} } @media screen and (max-width:991px){ #content21 .ylcon4 .tit .t1{ font-size: 20px; line-height: 22px;} #content21 .ylcon4 .list{ margin-top: 20px;} #content21 .ylcon4 .list .u1{ margin: -10px -1%;} #content21 .ylcon4 .list .l1{ margin: 10px 1%;} } @media screen and (max-width:767px){ #content21 .ylcon4{ padding: 20px 0 20px 0;} #content21 .ylcon4 .tit .t1{ font-size: 16px; line-height: 18px;} #content21 .ylcon4 .list{ margin-top: 15px;} #content21 .ylcon4 .list .u1{ margin: -5px -1%;} #content21 .ylcon4 .list .l1{ width: 31.3%; margin: 5px 1%;} } /* banner */ #content22{ width:100%; float:left;} #content22 .container{ width: 100%!important; padding: 0 10%;} #content22 .banner{ width:100%; float:left; margin-top: 70px;} #content22 .banner .wid{ width:100%; float:left; padding: 360px 90px 60px 0;} #content22 .banner .t1{ width:100%; float:left; font-size: 60px; line-height: 62px; color: #224692;} #content22 .banner .u1{ margin-top: 35px; width:100%; float:left;} #content22 .banner .l1{ line-height: 26px; margin: 4px 3% 0 0; padding: 0 5px; border-radius: 5px; float: left;} #content22 .banner .l1 .ico{ width: 20px; height: 20px; margin: 3px 3px 3px 0; line-height: 0; float: left;} #content22 .banner .l1 .wz{ font-size: 15px; color: #224692; float: left;} #content22 .banner .banner_text{ width:100%; float:left;} #content22 .banner .banner_text .link{ margin: 60px 0 70px 0; width:100%; float:left;} #content22 .banner .banner_text .a{ display: inline-block; margin-right: 100px; font-size: 18px; line-height: 50px; padding: 0 50px; border: 1px solid #164fc9; color: #164fc9;} #content22 .banner .banner_text .a.on,#content22 .banner .banner_text .a:hover{ background: #3c73e8; color: #fff;} #content22 .banner .banner_text .text{ font-size: 16px; line-height: 40px; color: #000; text-align: justify; width:100%; float:left;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content22 .banner .wid{ padding: 180px 45px 60px 0;} } @media screen and (max-width:991px){ #content22 .banner{ margin-top: 46px;} #content22 .banner .wid{ padding: 90px 0 45px 0;} #content22 .banner .t1{ font-size: 30px; line-height: 32px;} #content22 .banner .u1{ margin-top: 15px;} #content22 .banner .l1{ line-height: 26px; margin: 2px 10px 0 0;} #content22 .banner .l1 .ico{ width: 20px; height: 20px;} #content22 .banner .l1 .wz{ font-size: 14px;} #content22 .banner .banner_text .link{ margin: 30px 0 35px 0;} #content22 .banner .banner_text .a{ margin-right: 50px; font-size: 16px; line-height: 40px; padding: 0 30px;} #content22 .banner .banner_text .text{ font-size: 14px; line-height: 30px;} } @media screen and (max-width:767px){ #content22 .container{ padding: 0 15px;} #content22 .banner .wid{ padding: 20px 0 20px 0;} #content22 .banner .t1{ font-size: 20px; line-height: 22px;} #content22 .banner .u1{ margin-top: 10px;} #content22 .banner .l1{ line-height: 20px; margin: 2px 5px 0 0;} #content22 .banner .l1 .ico{ width: 14px; height: 14px;} #content22 .banner .l1 .wz{ font-size: 12px;} #content22 .banner .banner_text .link{ margin: 10px 0 15px 0;} #content22 .banner .banner_text .a{ margin-right: 10px; font-size: 14px; line-height: 30px; padding: 0 20px;} #content22 .banner .banner_text .text{ font-size: 12px; line-height: 20px;} } /* 关于我们1 */ #content23{ width:100%; float:left;} #content23 .container{ width: 100%!important; padding: 0 10%;} #content23 .aboutcon1{ padding: 60px 0 60px 0; width:100%; float:left;} #content23 .aboutcon1 .tit{ width:100%; float:left; text-align: center;} #content23 .aboutcon1 .tit .t1{ font-size: 30px; line-height: 32px; color: #fff;} #content23 .aboutcon1 .tit .t2{ margin: 10px 0 0 0; font-size: 24px; line-height: 26px; color: #fff;} #content23 .aboutcon1 .list{ margin: 60px 0 25px 0; width:100%; float:left; position: relative;} #content23 .aboutcon1 .xian{ width: 2px; height: 100%; box-shadow: 0 0 10px #fff; background: #fff; position: absolute; top: 0; left: 50%; margin-left: -1px;} #content23 .aboutcon1 .l1{ width: 100%; margin-bottom: 100px; float: left; position: relative;} #content23 .aboutcon1 .l1 .nf{ margin-top: -8px; font-size: 24px; line-height: 30px; color: #fff; width: 50%; padding: 0 0 0 30px; float: right; text-align: left;} #content23 .aboutcon1 .l1 .dian{ width: 16px; height: 16px; box-shadow: 0 0 10px #fff; border-radius: 50%; background: #fff; position: absolute; top: 0; left: 50%; margin-left: -8px; animation: warn 2s ease-out 1s infinite;} @keyframes warn { 0% { transform: scale(0.5); opacity: 1; } 50% { transform: scale(0.75); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } #content23 .aboutcon1 .l1 .wz{ margin-top: -8px; font-size: 16px; line-height: 30px; color: #fff; width: 50%; padding: 0 30px 0 0; float: left; text-align: right;} #content23 .aboutcon1 .l1:nth-child(2n) .nf{ padding: 0 30px 0 0; float: left; text-align: right;} #content23 .aboutcon1 .l1:nth-child(2n) .wz{ padding: 0 0 0 30px; float: right; text-align: left;} #content23 .aboutcon1 .wl{ font-size: 16px; line-height: 20px; margin-bottom: -40px; color: #fff; width:100%; float:left; text-align: center;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content23 .aboutcon1{ padding: 59px 0 42px 0;} #content23 .aboutcon1 .list{ margin: 60px 0 25px 0;} } @media screen and (max-width:991px){ #content23 .aboutcon1{ padding: 40px 0 40px 0;} #content23 .aboutcon1 .tit .t1{ font-size: 20px; line-height: 22px;} #content23 .aboutcon1 .tit .t2{ margin: 5px 0 0 0; font-size: 16px; line-height: 18px;} #content23 .aboutcon1 .list{ margin: 40px 0 25px 0;} #content23 .aboutcon1 .l1{ margin-bottom: 40px;} #content23 .aboutcon1 .l1 .nf{ margin-top: -4px; font-size: 16px; line-height: 20px; padding: 0 0 0 15px;} #content23 .aboutcon1 .l1 .dian{ width: 16px; height: 16px;} #content23 .aboutcon1 .l1 .wz{ margin-top: -4px; font-size: 14px; line-height: 20px; padding: 0 15px 0 0;} #content23 .aboutcon1 .l1:nth-child(2n) .nf{ padding: 0 15px 0 0;} #content23 .aboutcon1 .l1:nth-child(2n) .wz{ padding: 0 0 0 15px;} #content23 .aboutcon1 .wl{ font-size: 14px; line-height: 20px; margin-bottom: -40px;} } @media screen and (max-width:767px){ #content23 .container{ padding: 0 15px;} #content23 .aboutcon1{ padding: 20px 0 20px 0;} #content23 .aboutcon1 .tit .t1{ font-size: 16px;} #content23 .aboutcon1 .tit .t2{ margin: 5px 0 0 0; font-size: 14px;} #content23 .aboutcon1 .list{ margin: 20px 0 25px 0;} #content23 .aboutcon1 .l1{ margin-bottom: 20px;} } /* 关于我们2 */ #content24{ width:100%; float:left;} #content24 .container{ width: 100%!important; padding: 0 10%;} #content24 .aboutcon2{ padding: 60px 0 60px 0; width:100%; float:left; background: #f9f9f9;} #content24 .aboutcon2 .tit{ width:100%; float:left; text-align: center;} #content24 .aboutcon2 .tit .t1{ font-size: 30px; line-height: 32px; color: #000;} #content24 .aboutcon2 .tit .t2{ margin: 10px 0 20px 0; font-size: 24px; line-height: 26px; color: #000;} #content24 .aboutcon2 .tit .t3{ font-size: 28px; line-height: 30px; color: #000;} #content24 .aboutcon2 .row{ margin:0 -20px;} #content24 .aboutcon2 .u1{ width:100%; float:left; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #content24 .aboutcon2 .l1{ width:50%; margin-top:16px; padding:20px 20px;} #content24 .aboutcon2 .l1 .box{ width:100%; float:left; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);} #content24 .aboutcon2 .l1 .pic{ width:39.515%; float:left; padding-bottom:55.4%; position:relative; overflow:hidden;} #content24 .aboutcon2 .l1 .pic img{ width:100%; position:absolute; left:0; top:0; min-height:100%;} #content24 .aboutcon2 .l1 .text{ padding: 10% 35px 10px 0; width: 60%; float: right; text-align: right;} #content24 .aboutcon2 .l1 .t1{ font-size: 24px; line-height: 26px; color: #000; opacity: 0.7;} #content24 .aboutcon2 .l1 .t2{ margin: 10px 0; font-size: 12px; line-height: 14px; color: #000; opacity: 0.7;} #content24 .aboutcon2 .l1 .t3{ font-size: 14px; line-height: 16px; color: #000; opacity: 0.7;} #content24 .aboutcon2 .l1 .line{ margin: 30px 0; display: inline-block; width: 65px; height: 5px; background: #508ae4;} #content24 .aboutcon2 .l1 .info{ font-size: 16px; line-height: 26px; height: 156px; overflow: hidden; color: #000;} #content24 .aboutcon2 .l1 .info .blo{ display: block;} @media screen and (max-width:1880px ) { #content24 .aboutcon2 .l1 .pic{ padding-bottom: 56.4%;} #content24 .aboutcon2 .l1 .info{ font-size: 15px;} } @media screen and (max-width:1700px ) { #content24 .aboutcon2 .l1 .text{ padding: 6% 25px 10px 0;} #content24 .aboutcon2 .l1 .info{ font-size: 14px; line-height: 24px; height: 144px;} } @media screen and (max-width:1500px ) { #content24 .aboutcon2 .l1 .pic{ padding-bottom: 52.4%;} #content24 .aboutcon2 .l1 .info .blo{ display: initial;} #content24 .aboutcon2 .l1 .info{ height: 120px;} #content24 .aboutcon2 .l1 .line{ margin: 20px 0;} } @media screen and (max-width:1399px ) { #content24 .aboutcon2 .l1 .text{ padding: 4% 25px 10px 0;} #content24 .aboutcon2 .l1 .t1{ font-size: 20px; line-height: 22px;} #content24 .aboutcon2 .l1 .t2{ margin: 5px 0;} #content24 .aboutcon2 .l1 .line{ margin: 12px 0;} #content24 .aboutcon2 .l1 .info{ line-height: 24px; height: 144px;} } @media screen and (max-width:1305px ) { #content24 .aboutcon2 .l1 .pic{ padding-bottom: 55.4%;} #content24 .aboutcon2 .l1 .t3{ font-size: 12px; line-height: 14px;} } @media screen and (max-width:1179px ) { #content24 .aboutcon2 .l1 .pic{ padding-bottom: 63.4%;} #content24 .aboutcon2 .l1 .info{ line-height: 20px; height: 140px;} } @media screen and (max-width:991px ) { #content24 .aboutcon2{ padding: 30px 0 40px 0;} #content24 .aboutcon2 .tit .t1{ font-size: 20px; line-height: 22px;} #content24 .aboutcon2 .tit .t2{ margin: 5px 0 10px 0; font-size: 16px; line-height: 18px;} #content24 .aboutcon2 .tit .t3{ font-size: 18px; line-height: 20px;} #content24 .aboutcon2 .row{ margin: 0 -10px;} #content24 .aboutcon2 .l1{ margin-top: 0; padding: 10px;} #content24 .aboutcon2 .l1 .text{ padding: 2% 10px 5px 0;} #content24 .aboutcon2 .l1 .t1{ font-size: 16px; line-height: 18px;} #content24 .aboutcon2 .l1 .t2{ margin: 5px 0;} #content24 .aboutcon2 .l1 .t3{ font-size: 12px; line-height: 14px; height: 28px;} #content24 .aboutcon2 .l1 .line{ margin: 5px 0; width: 35px; height: 2px;} #content24 .aboutcon2 .l1 .info{ font-size: 12px; line-height: 16px; height: 96px;} } @media screen and (max-width:768px ) { #content24 .aboutcon2 .l1 .pic{ padding-bottom: 70.4%;} } @media screen and (max-width:767px ) { #content24 .aboutcon2{ padding: 20px 0 20px 0;} #content24 .aboutcon2 .tit .t1{ font-size: 16px;} #content24 .aboutcon2 .tit .t2{ margin: 5px 0 5px 0; font-size: 14px;} #content24 .aboutcon2 .tit .t3{ font-size: 15px; line-height: 18px;} #content24 .aboutcon2 .l1{ width: 100%;} #content24 .aboutcon2 .l1 .pic{ padding-bottom: 55.4%;} #content24 .aboutcon2 .l1 .info{ height: auto;} } @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ #content24 .container{ padding: 0 15px;} } /* 关于我们3 */ #content25{ width:100%; float:left;} #content25 .container{ width: 100%!important; padding: 0 10%;} #content25 .aboutcon3{ padding: 60px 0 60px 0; width:100%; float:left; background: #f2f2f2;} #content25 .aboutcon3 .tit{ width:100%; float:left; text-align: center;} #content25 .aboutcon3 .tit .t1{ font-size: 30px; line-height: 32px; color: #000;} #content25 .aboutcon3 .tit .t2{ margin-top: 10px; font-size: 24px; line-height: 26px; color: #000;} #content25 .aboutcon3 .u1{ padding-bottom: 60px; margin-top: 60px; width:100%; float:left; background: #fff;} #content25 .aboutcon3 .l1{ padding: 60px 45px 0 45px; width:100%; float:left;} #content25 .aboutcon3 .l1 .t1{ margin-bottom: 30px; font-size: 30px; line-height: 32px; color: #000; width:100%; float:left;} #content25 .aboutcon3 .l1 .over{ width:100%; float:left;} #content25 .aboutcon3 .l1 .text{ font-size: 16px; line-height: 40px; width: 36%; float: left;} #content25 .aboutcon3 .l1 .img{ width: 61.094%; float: right;} #content25 .aboutcon3 .l1 .line{ margin-top: 60px; width:100%; float:left; height: 1px; background: #dcdcdc;} #content25 .aboutcon3 .l1:last-child .line{ display: none;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content25 .aboutcon3{ padding: 40px 0 40px 0;} } @media screen and (max-width:991px){ #content25 .aboutcon3{ padding: 40px 0 40px 0;} #content25 .aboutcon3 .tit .t1{ font-size: 20px; line-height: 22px;} #content25 .aboutcon3 .tit .t2{ margin-top: 5px; font-size: 16px; line-height: 18px;} #content25 .aboutcon3 .u1{ padding-bottom: 20px; margin-top: 30px;} #content25 .aboutcon3 .l1{ padding: 20px 25px 0 25px;} #content25 .aboutcon3 .l1 .t1{ margin-bottom: 15px; font-size: 20px; line-height: 22px;} #content25 .aboutcon3 .l1 .text{ font-size: 14px; line-height: 30px;} #content25 .aboutcon3 .l1 .line{ margin-top: 20px;} } @media screen and (max-width:767px){ #content25 .container{ padding: 0 15px;} #content25 .aboutcon3{ padding: 20px 0 20px 0;} #content25 .aboutcon3 .tit .t1{ font-size: 16px;} #content25 .aboutcon3 .tit .t2{ font-size: 14px;} #content25 .aboutcon3 .l1 .t1{ font-size: 16px;} #content25 .aboutcon3 .u1{ margin-top: 15px;} #content25 .aboutcon3 .l1{ padding: 20px 15px 0 15px;} #content25 .aboutcon3 .l1 .t1{ margin-bottom: 10px;} #content25 .aboutcon3 .l1 .text{ width: 100%;} #content25 .aboutcon3 .l1 .img{ margin-top: 10px; width: 100%;} } /* banner */ #content26{ width:100%; float:left;} #content26 .banner2{ margin-top: 70px; width:100%; float:left; position:relative;} #content26 .banner2 img{ width:100%; float:left;} #content26 .banner2 .banner_text{ width:100%; position:absolute; left:0; top:50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #content26 .banner2 .banner_text h3{ color:white; font-size:72px; line-height:74px;} #content26 .banner2 .banner_text h3 i{ display:inline-block; vertical-align:top; line-height:50px; font-size:30px;} #content26 .banner2 .banner_text h5{ color:white; margin-top:55px; font-size:24px; line-height:48px; letter-spacing:1px;} #content26 .banner2 .banner_text .a{ margin-top: 70px; font-size: 18px; display: inline-block; height: 40px; line-height: 40px; padding: 0 40px; border-radius: 5px; color: #fff; background: #007eff;} #content26 .banner2 .banner_text .a:hover{ box-shadow: 2px 2px 5px #02274d;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #content26 .banner2{ margin-top: 46px;} #content26 .banner2 .banner_text h3{ font-size:40px; line-height:70px;} #content26 .banner2 .banner_text h3 i{ line-height:40px; font-size:20px;} #content26 .banner2 .banner_text h5{ margin-top:20px; font-size:18px; line-height:38px; letter-spacing:0px;} #content26 .banner2 .banner_text .a{ margin-top: 30px; font-size: 16px; height: 30px; line-height: 30px; padding: 0 30px;} } @media screen and (max-width:767px){ #content26 .banner2 .banner_text h3{ font-size:20px; line-height:22px;} #content26 .banner2 .banner_text h3 i{ line-height:30px; font-size:14px;} #content26 .banner2 .banner_text h5{ margin-top:2px; font-size:14px; line-height:24px;} #content26 .banner2 .banner_text .a{ margin-top: 5px; font-size: 14px; height: 24px; line-height: 24px; padding: 0 24px;} } /* 商务定稿1 */ #content27{ width:100%; float:left;} #content27 .swdgcon1{ padding: 60px 0 30px 0; width:100%; float:left;} #content27 .swdgcon1 .tit{ text-align: center; width:100%; float:left;} #content27 .swdgcon1 .tit .t1{ font-size: 32px; line-height: 34px; color: #181818;} #content27 .swdgcon1 .tit .t2{ margin-top: 35px; font-size: 20px; line-height: 22px; color: #181818;} #content27 .swdgcon1 .u1{ margin-top: 40px; width:100%; float:left;} #content27 .swdgcon1 .l1{ width:100%; float:left; position: relative;} #content27 .swdgcon1 .l1 .img{ width: 32.847%; float: left; line-height: 0;} #content27 .swdgcon1 .l1 .text{ width: 60.153%; font-size: 18px; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #content27 .swdgcon1 .l1 .text .bt{ font-weight: bold; display: inline-block; padding: 0 5px; line-height: 26px; color: #fff; background: #1660ff;} #content27 .swdgcon1 .l1 .text .info{ margin-top: 5px; width: 100%; line-height: 40px; color: #000;} #content27 .swdgcon1 .l1:nth-child(2n){ margin: -8% 0;} #content27 .swdgcon1 .l1:nth-child(2n) .img{ float: right;} #content27 .swdgcon1 .l1:nth-child(2n) .text{ float: left; left: 0; right: auto;} #content27 .swdgcon1 .l1:hover .text{ padding: 1.8% 5%; border: 1px solid #e5e5e5; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content27 .swdgcon1{ padding: 40px 0 30px 0;} } @media screen and (max-width:991px){ #content27 .swdgcon1{ padding: 40px 0 30px 0;} #content27 .swdgcon1 .tit .t1{ font-size: 20px; line-height: 22px;} #content27 .swdgcon1 .tit .t2{ margin-top: 15px; font-size: 16px; line-height: 18px;} #content27 .swdgcon1 .u1{ margin-top: 20px;} #content27 .swdgcon1 .l1 .text{ font-size: 16px;} #content27 .swdgcon1 .l1 .text .bt{ line-height: 26px;} #content27 .swdgcon1 .l1 .text .info{ line-height: 30px;} #content27 .swdgcon1 .l1:nth-child(2n){ margin: -3% 0;} #content27 .swdgcon1 .l1:hover .text{ padding: 1.5% 2%;} } @media screen and (max-width:767px){ #content27 .swdgcon1{ padding: 20px 0 20px 0;} #content27 .swdgcon1 .tit .t1{ font-size: 16px; line-height: 18px;} #content27 .swdgcon1 .tit .t2{ margin-top: 10px; font-size: 14px; line-height: 16px;} #content27 .swdgcon1 .u1{ margin-top: 15px;} #content27 .swdgcon1 .l1 .img{ margin: 2% 0;} #content27 .swdgcon1 .l1 .text{ font-size: 14px; position: static; float: right; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);} #content27 .swdgcon1 .l1 .text .info{ line-height: 24px;} #content27 .swdgcon1 .l1:nth-child(2n){ margin: 2% 0;} } /* 商务定稿2 */ #content28{ width:100%; float:left;} #content28 .swdgcon2{ padding: 60px 0 0 0; width:100%; float:left; background: #f8fafa;} #content28 .swdgcon2 .tit{ width:62%; float:left;} #content28 .swdgcon2 .tit .t1{ font-size: 30px; line-height: 32px; color: #000;} #content28 .swdgcon2 .tit .t2{ margin-top: 30px; font-size: 16px; line-height: 28px; color: #000;} #content28 .swdgcon2 .u1{ width:102%; margin: 60px -1% 0 -1%; float:left;} #content28 .swdgcon2 .l1{ float: left; width: 48%; margin: 0 1%; line-height: 0; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #content28 .swdgcon2 .l1 img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align:middle; -ms-interpolation-mode:bicubic;} #content28 .swdgcon2 .l1:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content28 .swdgcon2{ padding: 35px 0 0 0;} #content28 .swdgcon2 .u1{ margin: 35px -1% 0 -1%;} } @media screen and (max-width:991px){ #content28 .swdgcon2{ padding: 20px 0 0 0;} #content28 .swdgcon2 .tit{ width:100%;} #content28 .swdgcon2 .tit .t1{ font-size: 16px; line-height: 20px; font-size: 20px; line-height: 22px;} #content28 .swdgcon2 .tit .t2{ margin-top: 20px; font-size: 14px; line-height: 20px;} #content28 .swdgcon2 .u1{ margin: 15px -1% 0 -1%;} } @media screen and (max-width:767px){ #content28 .swdgcon2 .tit .t1{ font-size: 16px; line-height: 20px;} } /* 商务定稿3 */ #content29{ width:100%; float:left;} #content29 .swdgcon3{ padding: 60px 0 60px 0; width:100%; float:left;} #content29 .swdgcon3 .tit{ font-size: 30px; text-align: center;} #content29 .swdgcon3 .list{ width: 100%; margin: 0 auto;} #content29 .swdgcon3 .u1{ width:101%; margin: 55px -0.5% -5px -0.5%; float:left;} #content29 .swdgcon3 .l1{ height: 382px; margin: 5px 0.5%; float: left; position: relative; background-size: 115%!important; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #content29 .swdgcon3 .l1:hover{ background-size: 105%!important;} #content29 .swdgcon3 .l1 .dis{ width: 100%; padding: 0 60px; position: absolute; top: 50%; left: 0; transform: translate(0, -50%);} #content29 .swdgcon3 .l1 .t1{ font-size: 20px; color: #fff;} #content29 .swdgcon3 .l1:hover .t1{ font-weight: bold;} #content29 .swdgcon3 .l1 .t2{ font-size: 18px; line-height: 36px; color: #fff;} #content29 .swdgcon3 .l1 a{ display: block; width: 100%;} #content29 .swdgcon3 .l1:nth-child(1){ width: 49%;} #content29 .swdgcon3 .l1:nth-child(2){ width: 49%;} #content29 .swdgcon3 .l1:nth-child(3){ width: 66%;} #content29 .swdgcon3 .l1:nth-child(4){ width: 32%;} #content29 .swdgcon3 .l1:nth-child(4) .t2{ text-align: center;} @media screen and (max-width:1560px ) { #content29 .swdgcon3 .l1{ height: 330px;} } @media screen and (max-width:1329px){ #content29 .swdgcon3 .l1{ height: 300px;} } @media screen and (max-width:1199px){ #content29 .swdgcon3{ padding: 40px 0 40px 0;} #content29 .swdgcon3 .u1{ margin: 35px -0.5% -5px -0.5%;} #content29 .swdgcon3 .l1{ height: 270px;} } @media screen and (max-width:991px){ #content29 .swdgcon3{ padding: 40px 0 40px 0;} #content29 .swdgcon3 .tit{ font-size: 20px;} #content29 .swdgcon3 .list{ width: 100%; float: left;} #content29 .swdgcon3 .u1{ margin: 20px -0.5% -5px -0.5%;} #content29 .swdgcon3 .l1{ height: 240px; margin: 2px 0.5%;} #content29 .swdgcon3 .l1 .dis{ padding: 0 20px;} #content29 .swdgcon3 .l1 .t1{ font-size: 16px;} #content29 .swdgcon3 .l1 .t2{ font-size: 14px; line-height: 24px;} } @media screen and (max-width:767px){ #content29 .swdgcon3{ padding: 20px 0;} #content29 .swdgcon3 .tit{ font-size: 16px;} #content29 .swdgcon3 .u1{ margin: 15px 0 0 0;} #content29 .swdgcon3 .l1{ width: 100%!important; height: 150px; margin: 5px 0;} } /* 商务定稿4 */ #content30{ width:100%; float:left;} #content30 .swdgcon4{ padding: 60px 0 60px 0; width:100%; float:left;} #content30 .swdgcon4 .tit{ width:100%; float:left; text-align: center;} #content30 .swdgcon4 .tit .t1{ font-size: 30px; line-height: 32px; color: #fff;} #content30 .swdgcon4 .tit .t2{ margin-top: 60px; font-size: 24px; line-height: 26px; color: #fff;} #content30 .swdgcon4 .u1{ margin-top: 70px; width:100%; float:left;} #content30 .swdgcon4 .l1{ width: 10%; float: left; cursor: pointer;} #content30 .swdgcon4 .l1 .img{ line-height: 0; padding: 0 20%;} #content30 .swdgcon4 .l1 .img img{ height:100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #content30 .swdgcon4 .l1:hover .img img{ transform:rotatey(180deg);} #content30 .swdgcon4 .l1 .text{ margin-top: 40px; font-size: 18px; line-height: 20px; text-align: center; color: #e6e6e6;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content30 .swdgcon4{ padding: 40px 0 40px 0;} } @media screen and (max-width:991px){ #content30 .swdgcon4{ padding: 40px 0 40px 0;} #content30 .swdgcon4 .tit .t1{ font-size: 20px; line-height: 22px;} #content30 .swdgcon4 .tit .t2{ margin-top: 20px; font-size: 16px; line-height: 20px;} #content30 .swdgcon4 .u1{ margin-top: 30px;} #content30 .swdgcon4 .l1 .img{ padding: 0 20%;} #content30 .swdgcon4 .l1 .text{ margin-top: 20px; font-size: 14px; line-height: 18px;} } @media screen and (max-width:767px){ #content30 .swdgcon4{ padding: 20px 0 20px 0;} #content30 .swdgcon4 .tit .t1{ font-size: 16px; line-height: 18px;} #content30 .swdgcon4 .tit .t2{ margin-top: 10px; font-size: 14px; line-height: 18px;} #content30 .swdgcon4 .u1{ margin-top: 10px;} #content30 .swdgcon4 .l1{ width: 20%; margin: 5px 0;} #content30 .swdgcon4 .l1 .text{ margin-top: 5px;} } /* 商务定稿5 */ #content31{ width:100%; float:left;} #content31 .swdgcon5{ padding: 60px 0 60px 0; width:100%; float:left;} #content31 .swdgcon5 .tit{ text-align: center; width:100%; float:left;} #content31 .swdgcon5 .tit .t1{ font-size: 30px; line-height: 32px; color: #000;} #content31 .swdgcon5 .tit .t2{ margin-top: 40px; font-size: 18px; line-height: 20px; color: #000;} #content31 .swdgcon5 .list{ margin-top: 85px; width:100%; float:left; background: url(/uploads/image/ttcn/4125_y_sw_21.png) no-repeat top center; background-size: cover;} #content31 .swdgcon5 .u1{ width:100%; float:left;} #content31 .swdgcon5 .l1{ margin-top: 25px; width: 33.3%; float: left;} #content31 .swdgcon5 .l1:nth-child(2){ margin-top: 10px;} #content31 .swdgcon5 .l1 .img{ width: 114px; height: 114px; margin: 0 auto; line-height: 0;} #content31 .swdgcon5 .l1 .text{ font-weight: bold;; margin-top: 50px; font-size: 18px; line-height: 30px; color: #000; text-align: center;} #content31 .swdgcon5 .l1:nth-child(2) .text{ margin-top: 65px;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content31 .swdgcon5{ padding: 49px 0 40px 0;} } @media screen and (max-width:991px){ #content31 .swdgcon5{ padding: 40px 0 40px 0;} #content31 .swdgcon5 .tit .t1{ font-size: 20px; line-height: 22px;} #content31 .swdgcon5 .tit .t2{ margin-top: 20px; font-size: 16px; line-height: 18px;} #content31 .swdgcon5 .list{ margin-top: 40px;} #content31 .swdgcon5 .l1{ margin-top: 25px;} #content31 .swdgcon5 .l1 .text{ margin-top: 30px; font-size: 14px; line-height: 24px;} #content31 .swdgcon5 .l1:nth-child(2) .text{ margin-top: 45px;} } @media screen and (max-width:767px){ #content31 .swdgcon5{ padding: 20px 0 20px 0;} #content31 .swdgcon5 .tit .t1{ font-size: 16px; line-height: 18px;} #content31 .swdgcon5 .tit .t2{ margin-top: 10px; font-size: 14px; line-height: 16px;} #content31 .swdgcon5 .list{ margin-top: 15px; background: url(/uploads/image/ttcn/4125_y_sw_21.png) no-repeat center 18%; background-size: 100%;} #content31 .swdgcon5 .l1{ margin-top: 10px;} #content31 .swdgcon5 .l1:nth-child(2){ margin-top: 5px;} #content31 .swdgcon5 .l1 .img{ width: 50px; height: 50px;} #content31 .swdgcon5 .l1 .text{ margin-top: 5px; font-size: 10px; line-height: 20px;} #content31 .swdgcon5 .l1:nth-child(2) .text{ margin-top: 10px;} } /* 商务定稿6 */ #content32{ width:100%; float:left;} #content32 .swdgcon6{ padding: 60px 0 60px 0; width:100%; float:left; background: #f7f8f8;} #content32 .swdgcon6 .tit{ text-align: center; font-size: 30px; line-height: 32px; color: #000; width:100%; float:left;} #content32 .swdgcon6 .u1{ margin: 60px 0 40px 0; width:100%; float:left;} #content32 .swdgcon6 .l1{ font-size: 20px; line-height: 36px; width: 14%; margin-right: 3%; text-align: center; position: relative; color: #fff; background: #007eff; border-radius: 10px; float: left;} #content32 .swdgcon6 .l1::before{ content: ""; display: block; width: 50%; height: 1px; position: absolute; right: -50%; top: 50%; background: #c5c6c6;} #content32 .swdgcon6 .l1:last-child{ margin-right: 0;} #content32 .swdgcon6 .l1:last-child::before{ display: none;} #content32 .swdgcon6 .bd{ width:100%; float:left;} #content32 .swdgcon6 .form{ width: 84%; margin: 0 auto;} #content32 .swdgcon6 .form .lab{ width: 49%; float: left;} #content32 .swdgcon6 .form .lab1{ width: 100%; float: left;} #content32 .swdgcon6 .form .lab:nth-child(2n){ float: right;} #content32 .swdgcon6 .form .name{ margin: 35px 0 20px 0; font-size: 16px; line-height: 18px; color: #333;} #content32 .swdgcon6 .form .fv{ font-size: 16px; line-height: 24px; padding: 10px; color: #666; width: 100%; background: #fff; border-radius: 5px; border: 1px solid #e2e2e2;} #content32 .swdgcon6 .form .fv1{ float: left; width: 49%; font-size: 16px; line-height: 24px; padding: 10px; color: #666; background: #fff; border-radius: 5px; border: 1px solid #e2e2e2;} #content32 .swdgcon6 .form .fv2{ float: right;} #content32 .swdgcon6 .form .fv3{ display: block; font-size: 20px; line-height: 40px; height: 40px; width: 430px; margin: 50px auto 0 auto; border-radius: 10px; text-align: center; color: #fff; background: #007eff;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content32 .swdgcon6{ padding: 40px 0 40px 0;} #content32 .swdgcon6 .l1{ font-size: 18px;} } @media screen and (max-width:991px){ #content32 .swdgcon6{ padding: 40px 0 40px 0;} #content32 .swdgcon6 .tit{ font-size: 20px; line-height: 22px;} #content32 .swdgcon6 .u1{ margin: 30px 0 10px 0;} #content32 .swdgcon6 .l1{ font-size: 16px; line-height: 30px;} #content32 .swdgcon6 .form .name{ margin: 15px 0 10px 0; font-size: 14px; line-height: 16px;} #content32 .swdgcon6 .form .fv{ font-size: 14px; line-height: 20px;} #content32 .swdgcon6 .form .fv1{ font-size: 14px; line-height: 20px;} #content32 .swdgcon6 .form .fv3{ font-size: 16px; margin: 20px auto 0 auto;} } @media screen and (max-width:767px){ #content32 .swdgcon6{ padding: 20px 0 20px 0;} #content32 .swdgcon6 .tit{ font-size: 16px; line-height: 18px;} #content32 .swdgcon6 .u1{ margin: 10px 0 0 0;} #content32 .swdgcon6 .l1{ font-size: 8px; line-height: 22px; height: 32px; padding: 5px;} #content32 .swdgcon6 .l1 .span{ display: block;} #content32 .swdgcon6 .l1:nth-child(2), #content32 .swdgcon6 .l1:nth-child(5){ line-height: 11px;} #content32 .swdgcon6 .form{ width: 100%;} #content32 .swdgcon6 .form .name{ margin: 10px 0 5px 0;} #content32 .swdgcon6 .form .fv{ font-size: 12px; line-height: 16px;} #content32 .swdgcon6 .form .fv1{ font-size: 12px; line-height: 16px;} #content32 .swdgcon6 .form .fv3{ font-size: 14px; line-height: 30px; height: 30px; width: 100px; margin: 10px auto 0 auto;} } /* 资讯-2(1) */ #subpage{ width:100%; float:left;} #subpage .newscon{ padding: 60px 0; width:100%; float:left;} #subpage .newscon .left{ width: 65%; float: left;} #subpage .newscon .left .mbx a{ font-size: 16px; color: #000;} #subpage .newscon .left .mbx a:hover{ color: #316bee;} #subpage .newscon .left .bt{ margin: 25px 0; font-size: 22px; line-height: 24px; font-weight: bold; color: #000;} #subpage .newscon .left .time{ margin-bottom: 35px; font-size: 14px; line-height: 16px; color: #000;} #subpage .newscon .left .over{ width: 100%; float: left;} #subpage .newscon .left .fx{ float: left; width: 11%;} #subpage .newscon .left .fx .p{ text-align: center; position: relative;} #subpage .newscon .left .fx .p1{ font-size: 14px; display: inline-block; background: #fff; padding: 0 10px; position: absolute; top: -10px; left: 50%; margin-left: -24px; text-align: center;} #subpage .newscon .left .fx .line{ width: 100%; height: 1px; background: #aaabab;} #subpage .newscon .left .fx a{ display: block; width: 40px; height: 40px; margin: 40px auto 0 auto; float: none;} #subpage .newscon .left .fx .a1{ background: url(/uploads/image/ttcn/4127_y_news1.jpg) no-repeat center; background-size: cover;} #subpage .newscon .left .fx .a2{ background: url(/uploads/image/ttcn/4127_y_news2.jpg) no-repeat center; background-size: cover;} #subpage .newscon .left .fx .a3{ background: url(/uploads/image/ttcn/4127_y_news3.jpg) no-repeat center; background-size: cover;} #subpage .newscon .left .nr{ float: right; width: 87%;} #subpage .newscon .left .nr .dy{ padding: 40px 60px; border-top: 1px solid #aaabab; border-bottom: 1px solid #aaabab; position: relative; font-size: 14px; line-height: 24px; color: #000;} #subpage .newscon .left .nr .dy::before{ content: ""; display: block; width: 50px; height: 42px; background: url(/uploads/image/ttcn/4127_y_news4.jpg) no-repeat center; background-size: cover; position: absolute; top: 10px; left: 0;} #subpage .newscon .left .nr .dy::after{ content: ""; display: block; width: 50px; height: 42px; background: url(/uploads/image/ttcn/4127_y_news5.jpg) no-repeat center; background-size: cover; position: absolute; bottom: 10px; right: 0;} #subpage .newscon .left .nr .info{ margin-top: 20px; font-size: 16px; line-height: 30px; color: #000;} #subpage .newscon .left .nr .link{ width: 250px; margin: 90px auto 0 auto; overflow: hidden;} #subpage .newscon .left .nr .link a{ float: left; display: block; font-size: 16px; width: 70px; height: 24px; line-height: 22px; text-align: center; background: #f5f5f5; border: 1px solid #dcdcdc; border-radius: 5px;} #subpage .newscon .left .nr .link a:hover{ background: #086ef3; border: 1px solid #086ef3; color: #fff;} #subpage .newscon .left .nr .link .a2{ float: right;} #subpage .newscon .right{ width: 25%; float: right;} #subpage .newscon .right .tit{ display: inline-block; font-size: 20px; padding-bottom: 10px; line-height: 22px; font-weight: bold; border-bottom: 4px solid #dddddd;} #subpage .newscon .right .l1{ font-size: 16px; line-height: 50px; border-bottom: 2px solid #dddddd; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase;} #subpage .newscon .right .l1 a{ color: #000;} #subpage .newscon .right .l1:hover a{ color: #316bee;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #subpage .newscon{ padding: 40px 0;} #subpage .newscon .left{ width: 68%;} #subpage .newscon .left .mbx a{ font-size: 14px;} #subpage .newscon .left .bt{ margin: 10px 0; font-size: 18px;} #subpage .newscon .left .time{ margin-bottom: 15px; font-size: 12px;} #subpage .newscon .left .fx{ width: 0;display: none;} #subpage .newscon .left .nr{ width: 100%;} #subpage .newscon .left .nr .dy{ padding: 20px 30px;} #subpage .newscon .left .nr .dy::before{ width: 25px; height: 21px;} #subpage .newscon .left .nr .dy::after{ width: 25px; height: 21px;} #subpage .newscon .left .nr .link{ margin: 30px auto 0 auto;} #subpage .newscon .right .tit{ font-size: 16px; line-height: 18px;} #subpage .newscon .right .l1{ font-size: 14px; line-height: 40px;} } @media screen and (max-width:767px){ #subpage .newscon{ padding: 20px 0;} #subpage .newscon .left{ width: 100%;} #subpage .newscon .right{ width: 100%; margin-top: 15px;} } #list{ width:100%; float:left;} #list .zx2{ background:#fcfcfc; padding:107px 0 0 0;} #list .zx2 .zx2left{ float:left; width:68%; margin-top:2px;} #list .zx2 .zx2left ul{ float:left; width:100%;} #list .zx2 .zx2left ul li{ float:left; width:100%; margin:40px 0; padding-left:198px; position:relative;} #list .zx2 .zx2left ul li .pic{ position:absolute; left:0; top:0; width:161px; height:126px; overflow:hidden;} #list .zx2 .zx2left ul li .title{ width:100%; float:left; font-size:22px; color:black; line-height:30px; font-weight:bold; letter-spacing:1px;} #list .zx2 .zx2left ul li .jj{ width:100%; float:left; margin-top:6px; font-size:16px; color:black; line-height:27px; height:54px; letter-spacing:1px;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all; overflow:hidden;} #list .zx2 .zx2left ul li .time{ width:100%; float:left; margin-top:16px; font-size:14px; color:#808a9e; line-height:20px;} #list .zx2 .zx2left ul li:hover .title{ color:#1769d9;} #list .zx2 .zx2right{ float:right; width:24.7%; margin-top:32px; background:white; padding:0 0 0 8px;} #list .zx2 .zx2right .zx2righthead{ width:100%; float:left; margin-top:39px; height:44px; line-height:36px; font-size:18px; font-weight:bold; color:#333; position:relative;} #list .zx2 .zx2right .zx2righthead:before{ content:''; width:68px; height:4px; background:#ddd; position:absolute; left:0; bottom:0;} #list .zx2 .zx2right .ul1{ width:100%; float:left; margin:11px 0 24px 0;} #list .zx2 .zx2right .ul1 li{ width:100%; float:left; border-bottom:solid 2px #f1f1f1; padding-right:20px;} #list .zx2 .zx2right .ul1 li a{ font-size:16px; color:#666; line-height:48px;} #list .zx2 .zx2right .ul1 li a:hover{ color:#1769d9;} #list .zx2 .zx2right .ul2{ width:100%; float:left; margin:15px 0 18px 0; padding-right:4px;} #list .zx2 .zx2right .ul2 li{ width:33.33%; float:left; margin:6px 0 0 0; padding-right:4px;} #list .zx2 .zx2right .ul2 li a{ display:block; width:100%; text-align:center; height:38px; line-height:38px; overflow: hidden; font-size:16px; background:#eee; color:#666; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #list .zx2 .zx2right .ul2 li a:hover{ color:white; background:#467df5;} @media screen and (max-width:1560px ) { #list .zx2 .zx2right .ul2 li a{ font-size: 12px;} } @media screen and (max-width:1399px ) { #list .zx2 .zx2left{ width:66%;} #list .zx2 .zx2right{ width:28%;} } @media screen and (max-width:1199px ) { #list .zx2 .zx2left{ width:68%;} #list .zx2 .zx2right{ width:27%;} #list .zx2 .zx2right .ul2 li{ width: 50%;} #list .zx2 .zx2right .ul2 li a{ font-size:12px;} } @media screen and (max-width:991px ) { #list .zx2{ padding:67px 0 0 0;} #list .zx2 .zx2left{ width:100%;} #list .zx2 .zx2left ul li{ margin:30px 0;} #list .zx2 .zx2left ul li .title{ font-size:16px; line-height:24px; letter-spacing:0px;} #list .zx2 .zx2left ul li .jj{ margin-top:4px; font-size:14px; line-height:24px; letter-spacing:0px; height:48px;} #list .zx2 .zx2left ul li .time{ margin-top:10px; font-size:12px;} #list .zx2 .zx2right{ width:100%; margin-top:22px; margin-bottom: 20px; padding:0 0 0 10px;} #list .zx2 .zx2right .zx2righthead{ margin-top:29px; height:38px; line-height:30px; font-size:16px;} #list .zx2 .zx2right .zx2righthead:before{ width:60px; height:3px;} #list .zx2 .zx2right .ul1{ margin:11px 0 18px 0;} #list .zx2 .zx2right .ul1 li{ border-bottom:solid 1px #f1f1f1; padding-right:16px;} #list .zx2 .zx2right .ul1 li a{ font-size:14px; line-height:38px;} #list .zx2 .zx2right .ul2{ margin:10px 0 12px 0; padding-right:6px;} #list .zx2 .zx2right .ul2 li{ margin:4px 0 0 0;} #list .zx2 .zx2right .ul2 li a{ height:34px; line-height:34px; font-size:14px;} } @media screen and (max-width:767px ) { #list .zx2{ padding:35px 0 0 0;} #list .zx2 .zx2left ul li{ margin:20px 0; padding-left:150px;} #list .zx2 .zx2left ul li .pic{ width:130px; height:102px;} #list .zx2 .zx2left ul li .title{ font-size:14px; line-height:22px; margin-top:5px;} #list .zx2 .zx2left ul li .jj{ font-size:12px; line-height:20px; height:38px;} #list .zx2 .zx2right{ margin-top:11px;} #list .zx2 .zx2right .zx2righthead{ margin-top:20px;} } /*分页列表3*/ #list .waik_1{ width:100%; float:left; margin:48px 0 147px 0;} #list .pz_fy2{ text-align:center;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/ #list .pz_fy2 a,#list .pz_fy2 input{ display: inline-block; *display: inline; *zoom: 1; min-width:32px; height:32px; border:solid 1px #bdbbbb; color: #323232; font-size: 14px; text-decoration:none; margin:0 2px; line-height:30px; padding:0 8px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #list .pz_fy2 span{ display: inline-block; *display: inline; *zoom: 1; height:32px; line-height:32px; color: #323232; font-size: 14px;} #list .pz_fy2 .input1{ width:33px; text-align:center; padding:0;} #list .pz_fy2 .input2{ background:white; cursor:pointer; text-align:center;} #list .pz_fy2 a:hover, #list .pz_fy2 a.on,#list .pz_fy2 .input2:hover{ background:#1769d9; color:white; border-color:#1769d9;}/*鼠标经过和默认当前页样式*/ @media screen and (max-width:991px){ #list .waik_1{ margin:48px 0 77px 0;} #list .fy_pc{ text-align:center; font-size:14px; color:#333;} #list .fy_pc a{ display: inline-block; *display: inline; *zoom: 1; padding:5px 10%; color:#1769d9; border:solid 1px #1769d9; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;} #list .fy_pc span{ padding:5px 5%; color:#1769d9;} } @media screen and (max-width:991px){ #list .waik_1{ margin:30px 0 40px 0;} } @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } #content33{ width:100%; float:left;} #content33 .cont_ph{ margin-top: 70px; width: 100%; float: left;} #content33 .cont_ph .u1{ margin: 10px 0 15px 0; padding: 0 4%; width: 100%; float: left;} #content33 .cont_ph .l1{ margin: 15px 0; width: 100%; float: left; border: 1px solid #efefef; padding: 25px 8%;} #content33 .cont_ph .l1 .t1{ font-size: 18px; line-height: 20px; padding-left: 10px; border-left: 4px solid #154eb5; font-weight: bold; color: #252525;} #content33 .cont_ph .l1 .t2{ margin-top: 14px; font-size: 16px; line-height: 36px; word-break: break-all; color: #333;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #content33 .cont_ph{ margin-top: 46px;} } @media screen and (max-width:767px){ } #content34{ width:100%; float:left;} #content34 .hysj{ width:100%; float:left; padding:60px 0 0 0;} #content34 .hysj ul{ width:calc(100% 10px); float:left; margin: 0 -5px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #content34 .hysj ul li{ width: calc(100% 10px); float:left; margin-bottom:60px; padding:0 5px;} #content34 .hysj ul li .text{ width:100%; float:left;} #content34 .hysj ul li .text h4{ width:100%; float:left; font-size:30px; color:black; line-height:50px; min-height:50px;} #content34 .hysj ul li .text .jj{ width:100%; float:left; margin-top:4px; font-size:16px; color:black; line-height:40px;} #content34 .hysj ul li .pic{ width:100%; float:left; margin-top:60px;} #content34 .hysj ul li .pic img{ float:left;} #content34 .hysj ul li.l1{ width:41.38%;} #content34 .hysj ul li.l2{ width:57.84%; float:right;} #content34 .hysj ul li.l1 .text,#content34 .hysj ul li.l2 .text{ width:100%;} #content34 .hysj ul li.l3{ width:63%;} #content34 .hysj ul li.l4{ width:36.5%; float:right;} #content34 .hysj ul li.l5{ width:54.23%;} #content34 .hysj ul li.l6{ width:45.23%; float:right;} #content34 .hysj ul li.l2 .text .jj{ min-height:120px;} #content34 .hysj ul li.l1 .text,#content34 .hysj ul li.l3 .text,#content34 .hysj ul li.l5 .text{ padding-right:20px;} @media screen and (max-width:1560px ) { #content34 .hysj ul li.l2 .text .jj{ min-height:160px;} #content34 .hysj ul li.l5 .text .jj{ min-height:80px;} } @media screen and (max-width:1329px){ #content34 .hysj ul li.l5 .text .jj{ min-height:120px;} } @media screen and (max-width:1199px){ #content34 .hysj ul li .text{ width:100%;} #content34 .hysj ul li.l2 .text .jj{ min-height:200px;} #content34 .hysj ul li.l5 .text .jj{ min-height:120px;} } @media screen and (max-width:991px){ #content34 .hysj{ padding:40px 0 0 0;} #content34 .hysj ul{ padding:0;} #content34 .hysj ul li.l2 .text .jj{ min-height:180px;} #content34 .hysj ul li.l3 .text .jj{ min-height:90px;} #content34 .hysj ul li.l5 .text .jj{ min-height:90px;} #content34 .hysj ul li{ margin-bottom:40px;} #content34 .hysj ul li .text h4{ font-size:20px; line-height:40px; min-height:40px;} #content34 .hysj ul li .text .jj{ font-size:14px; line-height:30px; min-height:90px;} #content34 .hysj ul li .pic{ margin-top:20px;} #content34 .hysj ul li.l1 .text,#content34 .hysj ul li.l3 .text,#content34 .hysj ul li.l5 .text{ padding-right:30px;} } @media screen and (max-width:767px){ #content34 .hysj{ padding:20px 0 0 0;} #content34 .hysj ul{ width: 100%; margin: 0; padding: 0;} #content34 .hysj ul li{ width: 100%; margin-bottom:20px; padding:0;} #content34 .hysj ul li .text h4{ font-size:16px; line-height:30px; min-height:0px;} #content34 .hysj ul li.l2 .text .jj{ min-height:0px;} #content34 .hysj ul li .text .jj{ font-size:12px; line-height:24px; min-height:0 !important;} #content34 .hysj ul li .pic{ margin-top:10px;} #content34 .hysj ul li.l1, #content34 .hysj ul li.l2, #content34 .hysj ul li.l3, #content34 .hysj ul li.l4, #content34 .hysj ul li.l5, #content34 .hysj ul li.l6{ width:100%;} #content34 .hysj ul li.l1 .text,#content34 .hysj ul li.l3 .text,#content34 .hysj ul li.l5 .text{ padding-right:0px;} #content34 .hysj ul li.l2 .text .jj p:nth-child(2){display:none;} } #content35{ width:100%; float:left;} #content35 .gwhead{ width:100%; float:left; text-align:center; font-size:30px; color:#0d162a; line-height:50px; letter-spacing:1px;} #content35 .gw1{ background:#f7f7f7; padding:60px 0 60px 0; width:100%; float:left;} #content35 .gw1 .text{ width:100%; float:left; margin-top:32px; line-height:36px; font-size:16px; color:#0d162a; letter-spacing:1px;} #content35 .gw1 .text i{ display:inline-block; vertical-align:top; line-height:30px; font-size:14px;} #content35 .gw1 .pic{ width:100%; float:left; margin-top:48px; text-align:center;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content35 .gw1{ padding:60px 0 60px 0;} } @media screen and (max-width:991px){ #content35 .gwhead{ font-size:24px; line-height:40px; letter-spacing:0px;} #content35 .gw1{ padding:60px 0 60px 0;} #content35 .gw1 .text{ margin-top:22px; line-height:26px; font-size:14px; letter-spacing:0px;} #content35 .gw1 .text i{ line-height:20px; font-size:12px;} #content35 .gw1 .pic{ margin-top:38px;} } @media screen and (max-width:767px){ #content35 .gwhead{ font-size:18px; line-height:30px;} #content35 .gw1{ padding:30px 0 35px 0;} #content35 .gw1 .text{ margin-top:11px; line-height:22px; font-size:12px;} #content35 .gw1 .text i{ line-height:16px; font-size:10px;} #content35 .gw1 .pic{ margin-top:28px;} } #content36{ width:100%; float:left;} #content36 .gwhead{ width:100%; float:left; text-align:center; font-size:30px; color:#0d162a; line-height:50px; letter-spacing:1px;} #content36 .gw2{ padding:60px 0 60px 0; width:100%; float:left; overflow:hidden;} #content36 .gw2 .gw2body{ margin:0 -17px;} #content36 .gw2 .gw2body ul{ width:100%; float:left; margin-top:25px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #content36 .gw2 .gw2body ul li{ float:left; margin-top:38px; padding:0 17px;} #content36 .gw2 .gw2body ul li .zbox{ width:100%; float:left; box-shadow:0 0 13px rgba(213,213,213,0.55); padding:52px 25px 22px 25px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #content36 .gw2 .gw2body ul li .zbox:hover{ box-shadow:5px 13px 23px rgba(213,213,213,0.75); margin-top:-10px; border-top:solid 1px #0d5ff9;} #content36 .gw2 .gw2body ul li .zbox .img{ width:100%; float:left; text-align:center; line-height: 0;} #content36 .gw2 .gw2body ul li .zbox .text{ width:100%; float:left;} #content36 .gw2 .gw2body ul li .zbox .text h5{ width:100%; float:left; font-size:18px; color:black; line-height:36px; font-weight:bold;} #content36 .gw2 .gw2body ul li .zbox .text h6{ width:100%; float:left; font-size:16px; color:black; line-height:35px; height: 105px; overflow: hidden;} #content36 .gw2 .gw2body ul li.l1.ai .zbox .text h6{height:140px;} #content36 .gw2 .gw2body ul li.l2 .zbox .text h6{ height: 70px;} #content36 .gw2 .gw2body ul li.l2.xingdi .zbox .text h6{ height: 105px;} #content36 .gw2 .gw2body ul li.l1.lanya .zbox .text h6{height:70px;} #content36 .gw2 .gw2body ul li.l1.ganzhi .zbox .text h6{height:70px;} #content36 .gw2 .gw2body ul li.l1{ width:33.33%;} #content36 .gw2 .gw2body ul li.l2{ width:50%;} @media screen and (max-width:1560px ) { #content36 .gw2 .gw2body ul li .zbox .text h6{ height: 140px;} #content36 .gw2 .gw2body ul li.l1.ai .zbox .text h6{ height: 175px;} #content36 .gw2 .gw2body ul li.l2.ai .zbox .text h6{ height: 105px;} #content36 .gw2 .gw2body ul li.l1.lanya .zbox .text h6{height:70px;} #content36 .gw2 .gw2body ul li.l1.ganzhi .zbox .text h6{height:70px;} } @media screen and (max-width:1329px){ #content36 .gw2 .gw2body ul li.l2 .zbox .text h6{ height: 105px;} #content36 .gw2 .gw2body ul li.l2.ganzhi .zbox .text h6{height:70px;} } @media screen and (max-width:1199px){ #content36 .gw2 .gw2body{ margin:0 -12px;} #content36 .gw2 .gw2body ul li{ padding:0 12px;} #content36 .gw2 .gw2body ul li .zbox{ padding:32px 25px 22px 25px;} #content36 .gw2 .gw2body ul li .zbox .text h6{ height: 175px;} #content36 .gw2 .gw2body ul li.l1.ai .zbox .text h6{ height: 210px;} #content36 .gw2 .gw2body ul li.l2.ai .zbox .text h6{ height: 140px;} #content36 .gw2 .gw2body ul li.l2.xingdi .zbox .text h6{ height: 140px;} #content36 .gw2 .gw2body ul li.l1.lanya .zbox .text h6{height:105px;} #content36 .gw2 .gw2body ul li.l1.ganzhi .zbox .text h6{height:105px;} #content36 .gw2 .gw2body ul li.l2.ganzhi .zbox .text h6{height:105px;} } @media screen and (max-width:991px){ #content36 .gwhead{ font-size:24px; line-height:40px; letter-spacing:0px;} #content36 .gw2{ padding:60px 0 54px 0;} #content36 .gw2 .gw2body{ margin:0 -6px;} #content36 .gw2 .gw2body ul li{ padding:0 6px; margin-top:20px;} #content36 .gw2 .gw2body ul li .zbox{ padding:32px 25px 22px 25px;} #content36 .gw2 .gw2body ul li .zbox .text h5{ font-size:16px; line-height:30px;} #content36 .gw2 .gw2body ul li .zbox .text h6{ font-size:14px; line-height:30px; height: 150px;} #content36 .gw2 .gw2body ul li.l2 .zbox .text h6{ height: 90px;} #content36 .gw2 .gw2body ul li.l1.ai .zbox .text h6{ font-size:12px; line-height:24px; height: 180px;} #content36 .gw2 .gw2body ul li.l2.ai .zbox .text h6{ height: 120px;} #content36 .gw2 .gw2body ul li.l2.xingdi .zbox .text h6{ height: 120px;} #content36 .gw2 .gw2body ul li.l1.lanya .zbox .text h6{height:90px;} #content36 .gw2 .gw2body ul li.l1.ganzhi .zbox .text h6{height:90px;} #content36 .gw2 .gw2body ul li.l2.ganzhi .zbox .text h6{height:90px;} #content36 .gw2 .gw2body ul{ margin-top:15px;} } @media screen and (max-width:767px){ #content36 .gwhead{ font-size:18px; line-height:30px;} #content36 .gw2{ padding:33px 0px 30px 0px;} #content36 .gw2 .gw2body{ margin:0 0;} #content36 .gw2 .gw2body ul li{ padding:0 0; margin-top:10px;} #content36 .gw2 .gw2body ul li .zbox{ padding:20px 15px 12px 15px;} #content36 .gw2 .gw2body ul li.l1 .zbox{ padding: 15px;} #content36 .gw2 .gw2body ul li.l2 .zbox{ padding: 15px;} #content36 .gw2 .gw2body ul li .zbox .text h5{ font-size:14px; line-height:26px;} #content36 .gw2 .gw2body ul li .zbox .text h6{ font-size:12px !important; line-height:24px !important; height: auto!important;} #content36 .gw2 .gw2body ul li .zbox .img{ width: 50%; margin: 0 25%;} #content36 .gw2 .gw2body ul{ margin-top:10px;} #content36 .gw2 .gw2body ul li.l1{ width:100%;} #content36 .gw2 .gw2body ul li.l2{ width:100%;} } #content37{ width:100%; float:left;} #content37 .gwhead{ width:100%; float:left; text-align:center; font-size:30px; color:#0d162a; line-height:50px; letter-spacing:1px;} #content37 .gw3{ padding:60px 0 60px 0; width:100%; float:left; overflow:hidden; background:#f7f7f7;} #content37 .gw3 dl{ width:100%; position:relative; float:left; margin-top:105px; min-height:470px;} #content37 .gw3 dl dt{ width:701px; position:absolute; left:50%; top:0; margin-left:-350px;} #content37 .gw3 dl dd{ width:277px; position:absolute;} #content37 .gw3 dl dd h5{ float:left; padding:0 13px; line-height:26px; color:white; font-size:18px; background:#0072f6;} #content37 .gw3 dl dd h6{ float:left; width:100%; margin-top:17px; line-height:34px; color:#0d162a; font-size:16px;} #content37 .gw3 dl dd.d1{ left:0; top:0;} #content37 .gw3 dl dd.d2{ right:0; top:0;} #content37 .gw3 dl dd.d3{ left:0; top:320px;} #content37 .gw3 dl dd.d4{ right:0; top:320px;} #content37 .gw3 dl.a1{ width:100%; position:relative; float:left; margin-top:105px; min-height:470px;} #content37 .gw3 dl.a1 dt{ width:701px; position:absolute; left:50%; top:0; margin-left:-350px;} #content37 .gw3 dl.a1 dd{ width:277px; position:absolute; margin-top:21px;} #content37 .gw3 dl.a1 dd h5{ float:left; padding:0 13px; line-height:26px; color:white; font-size:18px; background:#0072f6;} #content37 .gw3 dl.a1 dd h6{ float:left; width:100%; margin-top:17px; line-height:34px; color:#0d162a; font-size:16px;} #content37 .gw3 dl.a1 dd.d1{ left:0; top:-30px;} #content37 .gw3 dl.a1 dd.d2{ right:0; top:-30px;} #content37 .gw3 dl.a1 dd.d3{ left:0; top:270px;} #content37 .gw3 dl.a1 dd.d4{ right:0; top:270px;} @media screen and (max-width:1560px ) { #content37 .gw3 dl dt{ width:540px; margin-left:-270px; top: 30px;} #content37 .gw3 dl dd{ width: 200px;} #content37 .gw3 dl dd.d1{ top:30px;} #content37 .gw3 dl dd.d2{ top:30px;} #content37 .gw3 dl dd.d3{ top: 220px;} #content37 .gw3 dl dd.d4{ top: 220px;} #content37 .gw3 dl.a1 dd{ width: 220px;} #content37 .gw3 dl.a1 dt{ width:500px; margin-left:-250px; top: 30px;} #content37 .gw3 dl.a1 dd.d3{ top: 220px;} #content37 .gw3 dl.a1 dd.d4{ top: 220px;} } @media screen and (max-width:1329px){ #content37 .gw3 dl dd{ width: 176px;} #content37 .gw3 dl.a1 dd{ width: 176px;} } @media screen and (max-width:1199px){ #content37 .gw3 dl dt{ width:500px; margin-left:-250px; top:20%;} #content37 .gw3 dl{ margin-top:65px;} #content37 .gw3 dl.a1 dt{ width:500px; margin-left:-250px; top:20%;} #content37 .gw3 dl.a1{ margin-top:65px;} #content37 .gw3 dl.a1 dd{ margin-top: 0;} } @media screen and (max-width:991px){ #content37 .gwhead{ font-size:24px; line-height:40px; letter-spacing:0px;} #content37 .gw3{ padding:60px 0 60px 0;} #content37 .gw3 dl{ margin-top:35px; min-height:450px;} #content37 .gw3 dl dt{ width:400px; margin-left:-200px; top:20%;} #content37 .gw3 dl dd{ width:170px; margin-top:12px;} #content37 .gw3 dl dd h5{ padding:0 9px; line-height:20px; font-size:16px;} #content37 .gw3 dl dd h6{ margin-top:12px; line-height:28px; font-size:14px;} #content37 .gw3 dl dd.d3{ top: 260px;} #content37 .gw3 dl dd.d4{ top: 260px;} #content37 .gw3 dl.a1{ margin-top:35px; min-height:450px;} #content37 .gw3 dl.a1 dt{ width:400px; margin-left:-200px; top:20%;} #content37 .gw3 dl.a1 dd{ width:170px; margin-top:12px;} #content37 .gw3 dl.a1 dd h5{ padding:0 9px; line-height:20px; font-size:16px;} #content37 .gw3 dl.a1 dd h6{ margin-top:12px; line-height:28px; font-size:14px;} } @media screen and (max-width:767px){ #content37 .gwhead{ font-size:18px; line-height:30px;} #content37 .gw3{ padding:40px 0 33px 0;} #content37 .gw3 dl{ margin-top:15px; min-height:400px;} #content37 .gw3 dl dt{ position:relative; left:auto; top:auto; width:100%; margin-left:0; float:left;} #content37 .gw3 dl dd{ position:relative; left:auto !important; right:auto !important; top:auto !important; width:100%; margin-top:8px; float:left;} #content37 .gw3 dl dd h5{ padding:0 9px; line-height:20px; font-size:16px;} #content37 .gw3 dl dd h6{ margin-top:12px; line-height:28px; font-size:14px;} #content37 .gw3 dl.a1{ margin-top:15px; min-height:400px;} #content37 .gw3 dl.a1 dt{ position:relative; left:auto; top:auto; width:100%; margin-left:0; float:left;} #content37 .gw3 dl.a1 dd{ position:relative; left:auto !important; right:auto !important; top:auto !important; width:100%; margin-top:8px; float:left;} #content37 .gw3 dl.a1 dd h5{ padding:0 9px; line-height:20px; font-size:16px;} #content37 .gw3 dl.a1 dd h6{ margin-top:12px; line-height:28px; font-size:14px;} } #content38{ width:100%; float:left;} #content38 .gwhead{ width:100%; float:left; text-align:center; font-size:30px; color:#0d162a; line-height:50px; letter-spacing:1px;} #content38 .gw4{ padding:60px 0 60px 0; width:100%; float:left; overflow:hidden;} #content38 .gw4 .gw4bdoy{ margin:0 -7px;} #content38 .gw4 .gw4bdoy ul{ width:100%; float:left; margin-top:25px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #content38 .gw4 .gw4bdoy ul li{ width:100%; float:left; margin-top:47px; padding:0 7px;} #content38 .gw4 .gw4bdoy ul li .img{ width:100%; float:left; position:relative; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #content38 .gw4 .gw4bdoy ul li .img:hover{ box-shadow:3px 12px 23px rgba(176,176,176,0.5); z-index:2; transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05);} #content38 .gw4 .gw4bdoy ul li .img .mb{ width:100%; position:absolute; left:0; top:0; height:100%; background:url(/uploads/image/ttcn/4152_z_img40.png); background-size:100% 100%; z-index:1;} #content38 .gw4 .gw4bdoy ul li .img .text{ width:100%; height:203px; display:table; position:relative; z-index:2;} #content38 .gw4 .gw4bdoy ul li .img .text span{ display:table-cell; vertical-align:middle; width:100%; padding:0 10% 0 50px;} #content38 .gw4 .gw4bdoy ul li .img .text span h4{ width:100%; float:left; color:white; font-weight:bold; font-size:24px; line-height:50px;} #content38 .gw4 .gw4bdoy ul li .img .text span h5{ width:100%; float:left; color:white; font-size:16px; line-height:36px;} #content38 .gw4 .gw4bdoy ul li.l1{ width:62.62%;} #content38 .gw4 .gw4bdoy ul li.l2{ width:37.38%;} #content38 .gw4 .gw4bdoy ul li.l3{ width:42.28%;} #content38 .gw4 .gw4bdoy ul li.l4{ width:57.72%;} #content38 .gw4 .gw4bdoy ul li.l1 .img .text{ padding-top:30px;} #content38 .gw4 .gw4bdoy ul li.l4 .img .text span{ text-align:center;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content38 .gw4{ padding:60px 0 60px 0;} #content38 .gw4 .gw4bdoy ul li .img .text span{ padding:0 5% 0 30px;} #content38 .gw4 .gw4bdoy ul li{ margin-top:30px;} } @media screen and (max-width:991px){ #content38 .gwhead{ font-size:24px; line-height:40px; letter-spacing:0px;} #content38 .gw4{ padding:40px 0 60px 0;} #content38 .gw4 .gw4bdoy ul{ margin-top:15px;} #content38 .gw4 .gw4bdoy ul li{ margin-top:20px;} #content38 .gw4 .gw4bdoy ul li .img .text{ height:180px;} #content38 .gw4 .gw4bdoy ul li .img .text span h4{ font-size:18px; line-height:28px;} #content38 .gw4 .gw4bdoy ul li .img .text span h5{ font-size:14px; line-height:26px;} } @media screen and (max-width:767px){ #content38 .gwhead{ font-size:18px; line-height:30px;} #content38 .gw4{ padding:20px 0 30px 0;} #content38 .gw4 .gw4bdoy{ margin:0 0;} #content38 .gw4 .gw4bdoy ul{ margin-top:10px;} #content38 .gw4 .gw4bdoy ul li{ margin-top:10px; padding:0;} #content38 .gw4 .gw4bdoy ul li.l1{ width:100%;} #content38 .gw4 .gw4bdoy ul li.l2{ width:100%;} #content38 .gw4 .gw4bdoy ul li.l3{ width:100%;} #content38 .gw4 .gw4bdoy ul li.l4{ width:100%;} #content38 .gw4 .gw4bdoy ul li .img .text{ height:100px; padding:20px 0;} #content38 .gw4 .gw4bdoy ul li .img .text span{ padding:0 5% 0 15px;} #content38 .gw4 .gw4bdoy ul li .img .text span h4{ font-size:16px; line-height:24px;} #content38 .gw4 .gw4bdoy ul li .img .text span h5{ font-size:12px; line-height:22px;} } #content39{ width:100%; float:left;} #content39 .gwhead{ width:100%; float:left; text-align:center; font-size:30px; color:#0d162a; line-height:50px; letter-spacing:1px;} #content39 .gw4{ padding:60px 0 60px 0; width:100%; float:left; overflow:hidden;} #content39 .gw4 .gw4bdoy{ margin:0 -7px;} #content39 .gw4 .gw4bdoy ul{ width:100%; float:left; margin-top:25px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #content39 .gw4 .gw4bdoy ul li{ width:100%; float:left; margin-top:47px; padding:0 7px;} #content39 .gw4 .gw4bdoy ul li .img{ width:100%; float:left; position:relative; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #content39 .gw4 .gw4bdoy ul li .img:hover{ box-shadow:3px 12px 23px rgba(176,176,176,0.5); z-index:2; transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05);} #content39 .gw4 .gw4bdoy ul li .img .mb{ width:100%; position:absolute; left:0; top:0; height:100%; background:url(/uploads/image/ttcn/4164_z_img40.png); background-size:100% 100%; z-index:1;} #content39 .gw4 .gw4bdoy ul li .img .text{ width:100%; height:203px; display:table; position:relative; z-index:2;} #content39 .gw4 .gw4bdoy ul li .img .text span{ display:table-cell; vertical-align:middle; width:100%; padding:0 10% 0 50px;} #content39 .gw4 .gw4bdoy ul li.l1 .img .text span,#content39 .gw4 .gw4bdoy ul li.l2 .img .text span{ padding: 0 15px;} #content39 .gw4 .gw4bdoy ul li .img .text span h4{ width:100%; float:left; color:white; font-weight:bold; font-size:24px; line-height:50px;} #content39 .gw4 .gw4bdoy ul li .img .text span h5{ width:100%; float:left; color:white; font-size:16px; line-height:36px;} #content39 .gw4 .gw4bdoy ul li.l1{ width:37.1%;} #content39 .gw4 .gw4bdoy ul li.l2{ width:29.11%;} #content39 .gw4 .gw4bdoy ul li.l3{ width:33.79%;} #content39 .gw4 .gw4bdoy ul li.l4{ width:53.56%;} #content39 .gw4 .gw4bdoy ul li.l5{ width:46.44%;} #content39 .gw4 .gw4bdoy ul li.l1 .img .text,#content39 .gw4 .gw4bdoy ul li.l2 .img .text,#content39 .gw4 .gw4bdoy ul li.l3 .img .text{ padding-top:10px;} #content39 .gw4 .gw4bdoy ul li.l5 .img .text span{ text-align:center;} @media screen and (max-width:1560px ) { #content39 .gw4 .gw4bdoy ul li .img .text{ height: 240px;} } @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content39 .gw4{ padding:60px 0 60px 0;} #content39 .gw4 .gw4bdoy ul li .img .text span{ padding:0 5% 0 30px;} #content39 .gw4 .gw4bdoy ul li{ margin-top:30px;} } @media screen and (max-width:991px){ #content39 .gwhead{ font-size:24px; line-height:40px; letter-spacing:0px;} #content39 .gw4{ padding:40px 0 60px 0;} #content39 .gw4 .gw4bdoy ul{ margin-top:15px;} #content39 .gw4 .gw4bdoy ul li{ margin-top:20px;} #content39 .gw4 .gw4bdoy ul li .img .text{ height:180px;} #content39 .gw4 .gw4bdoy ul li .img .text span h4{ font-size:18px; line-height:28px;} #content39 .gw4 .gw4bdoy ul li .img .text span h5{ font-size:14px; line-height:26px;} } @media screen and (max-width:767px){ #content39 .gwhead{ font-size:18px; line-height:30px;} #content39 .gw4{ padding:20px 0 30px 0;} #content39 .gw4 .gw4bdoy{ margin:0 0;} #content39 .gw4 .gw4bdoy ul{ margin-top:10px;} #content39 .gw4 .gw4bdoy ul li{ margin-top:10px; padding:0;} #content39 .gw4 .gw4bdoy ul li.l1{ width:100%;} #content39 .gw4 .gw4bdoy ul li.l2{ width:100%;} #content39 .gw4 .gw4bdoy ul li.l3{ width:100%;} #content39 .gw4 .gw4bdoy ul li.l4{ width:100%;} #content39 .gw4 .gw4bdoy ul li.l5{ width:100%;} #content39 .gw4 .gw4bdoy ul li .img .text{ height:100px; padding:20px 0 !important;} #content39 .gw4 .gw4bdoy ul li .img .text span{ padding:0 5% 0 15px;} #content39 .gw4 .gw4bdoy ul li .img .text span h4{ font-size:16px; line-height:24px;} #content39 .gw4 .gw4bdoy ul li .img .text span h5{ font-size:12px; line-height:22px;} } #content40{ width:100%; float:left;} #content40 .gwhead{ width:100%; float:left; text-align:center; font-size:30px; color:#0d162a; line-height:50px; letter-spacing:1px;} #content40 .gw5{ padding:60px 0 60px 0; width:100%; float:left; overflow:hidden;} #content40 .gw5 .gw5bdoy{ margin:0 -8px;} #content40 .gw5 .gw5bdoy ul{ width:100%; float:left; margin-top:15px;} #content40 .gw5 .gw5bdoy ul li{ width:33.333%; float:left; padding:0 8px;} #content40 .gw5 .gw5bdoy ul li .zbox{ width:100%; float:left; margin-top:15px; padding-bottom:70.4%; position:relative; overflow:hidden;} #content40 .gw5 .gw5bdoy ul li .zbox img{ width:100%; position:absolute; left:0; top:0; min-height:100%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #content40 .gw5 .gw5bdoy ul li .zbox img:hover{ box-shadow:3px 12px 23px rgba(176,176,176,0.5); z-index:2; transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05);} #content40 .gw5 .gw5bdoy ul li .title{ width:100%; float:left; text-align:center; background:#f9f9f9; height:45px; line-height:45px; font-size:18px; color:black; font-weight:bold;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content40 .gw5{ padding:60px 0 60px 0;} } @media screen and (max-width:991px){ #content40 .gwhead{ font-size:24px; line-height:40px; letter-spacing:0px;} #content40 .gw5{ padding:40px 0 60px 0;} #content40 .gw5 .gw5bdoy ul li .title{ height:40px; line-height:40px; font-size:16px;} } @media screen and (max-width:767px){ #content40 .gwhead{ font-size:18px; line-height:30px;} #content40 .gw5{ padding:20px 0 30px 0;} #content40 .gw5 .gw5bdoy ul li .title{ height:30px; line-height:30px; font-size:14px;} #content40 .gw5 .gw5bdoy{ margin:0 -4px;} #content40 .gw5 .gw5bdoy ul{ margin-top:10px;} #content40 .gw5 .gw5bdoy ul li{ padding:0 4px;} #content40 .gw5 .gw5bdoy ul li .zbox{ margin-top:8px;} } #content41{ width:100%; float:left;} #content41 .zhhead{ width:100%; float:left; text-align:center; font-size:30px; color:black; line-height:32px; letter-spacing:1px;} #content41 .zh1{ padding:60px 0 60px 0;} #content41 .zh1 .pic{ float:left; width:36.9%; text-align:center; height:460px; line-height:460px; margin-top:53px; position:relative; padding-bottom:20px;} #content41.gongmao .zh1 .pic{margin-top:123px;} #content41.nengyuan .zh1 .pic{margin-top:0px;} #content41.gongan .zh1 .pic{margin-top:116px;} #content41 .zh1 .pic .slick-dots { position: absolute; bottom:0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } #content41 .zh1 .pic .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; float:none; min-height:0; border:0; background:#0066ef; opacity:0.4; cursor: pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #content41 .zh1 .pic .slick-dots li button { display:none;} #content41 .zh1 .pic .slick-dots li.slick-active { opacity: 1; } #content41 .zh1 .pic img{ vertical-align:middle;} #content41 .zh1 ul{ float:right; width:57.9%; margin-top:32px;} #content41 .zh1 ul li{ float:left; width:100%; margin-top:30px; background:white; border:solid 1px #c9c9c9; padding-left:115px; position:relative; min-height:91px; padding-right:15px;} #content41 .zh1 ul li .ico{ position:absolute; left:0; top:0; width:97px; height:100%; background:#f6f6f6; text-align:center; padding-top:17px;} #content41 .zh1 ul li .ico img{ width:60px; height:60px; background:white; vertical-align:top; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #content41 .zh1 ul li .text{ width:100%; display:table; height:89px;} #content41 .zh1 ul li .text span{ display:table-cell; vertical-align:middle; font-size:14px; color:#333; line-height:30px;} #content41 .zh1 ul li:hover{ box-shadow:3px 5px 30px rgba(176,176,176,0.5); border-left:solid 2px #0066ef; transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05);} #content41 .zh1 .pic.jsxq{margin-top:193px;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content41 .zh1 .pic.jsxq{margin-top:185px;} } @media screen and (max-width:991px){ #content41 .zhhead{ font-size:24px; line-height:36px; letter-spacing:0px;} #content41 .zh1{ padding:60px 0 60px 0;} #content41 .zh1 .pic{ height:400px; line-height:400px; margin-top:30px;} #content41 .zh1 .pic.jsxq{margin-top:144px;} #content41 .zh1 ul{ margin-top:30px;} #content41 .zh1 ul li{ margin-top:20px; padding-left:95px; min-height:80px; padding-right:10px;} #content41 .zh1 ul li .ico{ width:87px; padding-top:15px;} #content41 .zh1 ul li .ico img{ width:50px; height:50px;} #content41 .zh1 ul li .text{ height:78px;} #content41 .zh1 ul li .text span{ font-size:12px; line-height:24px;} #content41.gongmao .zh1 .pic{margin-top:90px;} #content41.nengyuan .zh1 .pic{margin-top:-5px;} #content41.gongan .zh1 .pic{margin-top:90px;} } @media screen and (max-width:767px){ #content41 .zhhead{ font-size:18px; line-height:28px;} #content41 .zh1{ padding:34px 0 44px 0;} #content41 .zh1 .pic{ width:100%; height:auto; line-height:0px; margin-top:20px !important;} #content41 .zh1 .pic.jsxq{margin-top:20px;} #content41 .zh1 .pic .slick-dots li { width: 8px; height: 8px; margin: 0 4px;} #content41 .zh1 ul{ width:100%; margin-top:20px;} #content41 .zh1 ul li{ margin-top:10px; padding-left:95px; min-height:80px; padding-right:10px;} #content41 .zh1 ul li .ico{ width:80px; padding-top:15px;} #content41 .zh1 ul li .ico img{ width:50px; height:50px;} #content41 .zh1 ul li .text{ height:78px;} #content41 .zh1 ul li .text span{ padding:10px 0; line-height:20px;} #content41 .zh1 .pic img{ max-width:80%; vertical-align:top;} } #content42{ width:100%; float:left;} #content42 .zhhead{ width:100%; float:left; text-align:center; font-size:30px; color:black; line-height:32px; letter-spacing:1px;} #content42 .zh2{ background:#f2f2f2; padding:60px 0 57px 0; text-align:center;} #content42 .zh2 .pic{ float:left; margin-top:58px; width:100%;} #content42 .zh2 .text{ float:left; width:100%;} #content42 .zh2 .text h4{ width:100%; float:left; font-size:30px; color:black; line-height:32px; letter-spacing:1px;} #content42 .zh2 .text h5{ width:100%; float:left; margin-top:49px; font-size:16px; color:black; line-height:39px; letter-spacing:1px; text-align:left;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #content42 .zhhead{ font-size:24px; line-height:36px; letter-spacing:0px;} #content42 .zh2{ padding:44px 0 34px 0;} #content42 .zh2 .text h4{ font-size:24px; line-height:36px; letter-spacing:0px;} #content42 .zh2 .text h5{ margin-top:8px; font-size:14px; line-height:30px; letter-spacing:0px;} } @media screen and (max-width:767px){ #content42 .zhhead{ font-size:18px; line-height:28px;} #content42 .zh2{ padding:33px 0 22px 0;} #content42 .zh2 .text{ width:100%; position:relative; left:auto; top:auto; float:left; text-align:center;} #content42 .zh2 .text h4{ font-size:18px; line-height:30px;} #content42 .zh2 .text h5{ font-size:12px; line-height:24px;} #content42 .zh2 .pic{ width:100%;} } #content43{ width:100%; float:left;} #content43 .zhhead{ width:100%; float:left; text-align:center; font-size:30px; color:black; line-height:32px; letter-spacing:1px;} #content43 .zh3{ padding:60px 0 60px 0;} #content43 .zh3 .zh3body{ margin:0 -24px;} #content43 .zh3 .zh3body ul{ width:100%; float:left; margin-top:12px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #content43 .zh3 .zh3body ul li{ width:50%; float:left; margin-top:50px; padding:0 24px;} #content43 .zh3 .zh3body ul li .zbox{ width:100%; float:left; border:solid 1px #dcdcdc; padding:12px 40px 20px 83px; position:relative;} #content43 .zh3 .zh3body ul li .zbox:hover{ box-shadow:3px 5px 30px rgba(176,176,176,0.5); border-top:solid 2px #0066ef; transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05);} #content43 .zh3 .zh3body ul li .zbox .ico{ position:absolute; left:14px; top:13px; width:60px;} #content43 .zh3 .zh3body ul li .zbox .ico img{ float:left;} #content43 .zh3 .zh3body ul li .zbox h4{ width:100%; float:left; font-size:18px; color:black; line-height:47px; letter-spacing:1px; font-weight:bold;} #content43 .zh3 .zh3body ul li .zbox h5{ width:100%; float:left; font-size:16px; color:black; line-height:39px; height: auto !important; overflow: hidden; letter-spacing:1px;} @media screen and (max-width:1560px ) { #content43 .zh3 .zh3body ul li.l2 .zbox h5, #content43 .zh3 .zh3body ul li.l3 .zbox h5, #content43 .zh3 .zh3body ul li.l4 .zbox h5{ height: 117px;} } @media screen and (max-width:1329px){ /*#content43 .zh3 .zh3body ul li.l1 .zbox h5{ height: 117px;}*/ } @media screen and (max-width:1199px){ #content43 .zh3 .zh3body{ margin:0 -12px;} #content43 .zh3 .zh3body ul{ margin-top:30px;} #content43 .zh3 .zh3body ul li{ margin-top:30px; padding:0 12px;} #content43 .zh3 .zh3body ul li.l2 .zbox h5, #content43 .zh3 .zh3body ul li.l4 .zbox h5{ height: 156px;} } @media screen and (max-width:991px){ #content43 .zhhead{ font-size:24px; line-height:36px; letter-spacing:0px;} #content43 .zh3{ padding:60px 0 60px 0;} #content43 .zh3 .zh3body ul{ margin-top:20px;} #content43 .zh3 .zh3body ul li{ margin-top:20px; padding:0 12px; width:100%; height:auto;} #content43 .zh3 .zh3body ul li .zbox{ min-height:0 !important; padding:12px 30px 10px 70px;} #content43 .zh3 .zh3body ul li .zbox .ico{ left:10px; top:9px; width:50px;} #content43 .zh3 .zh3body ul li .zbox h4{ font-size:16px; line-height:40px; letter-spacing:0px;} #content43 .zh3 .zh3body ul li .zbox h5{ font-size:14px; line-height:40px; height: auto!important; letter-spacing:0px;} #content43 .zh3 .zh3body ul li .zbox{height:auto !important;} } @media screen and (max-width:767px){ #content43 .zhhead{ font-size:18px; line-height:28px;} #content43 .zh3{ padding:30px 0 33px 0;} #content43 .zh3 .zh3body ul{ margin-top:10px;} #content43 .zh3 .zh3body ul li{ margin-top:10px;} #content43 .zh3 .zh3body ul li .zbox{ padding:12px 10px 10px 60px;} #content43 .zh3 .zh3body ul li .zbox .ico{ width:40px;} #content43 .zh3 .zh3body ul li .zbox h4{ font-size:14px; line-height:30px;} #content43 .zh3 .zh3body ul li .zbox h5{ font-size:12px; line-height:30px;} } #content44{ width:100%; float:left;} #content44 .zhhead{ width:100%; float:left; text-align:center; font-size:30px; color:black; line-height:32px; letter-spacing:1px;} #content44 .zh5{ padding:60px 0 60px 0; background:#f2f2f2;} #content44 .zh5 .zhhead{ text-align:left; padding:0 45px;} #content44 .zh5 .text{ width:100%; float:left; padding:0 45px; margin-top:50px; font-size:16px; color:black; line-height:38px; letter-spacing:1px;} #content44 .zh5 .text strong{ font-size:18px;} @media screen and (max-width:1329px){ #content44 .zh5{ padding:64px 0 60px 0;} } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #content44 .zhhead{ font-size:24px; line-height:36px; letter-spacing:0px;} #content44 .zh5{ padding:40px 0 60px 0;} #content44 .zh5 .zhhead{ padding:0 0px;} #content44 .zh5 .text{ padding:0 0px; margin-top:25px; font-size:14px; line-height:30px; letter-spacing:0px;} #content44 .zh5 .text strong{ font-size:16px;} } @media screen and (max-width:767px){ #content44 .zhhead{ font-size:18px; line-height:28px;} #content44 .zh5{ padding:20px 0 40px 0;} #content44 .zh5 .text{ margin-top:15px; font-size:12px; line-height:26px;} #content44 .zh5 .text strong{ font-size:14px;} } #content45{ width:100%; float:left;} #content45 .zhhead{ width:100%; float:left; text-align:center; font-size:30px; color:black; line-height:32px; letter-spacing:1px;} #content45 .zh4{ padding:60px 0 60px 0; background:#f2f2f2;} #content45 .zh4 .zh4body{ margin:0 -12px;} #content45 .zh4 .zh4body ul{ width:100%; float:left; margin-top:30px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #content45 .zh4 .zh4body ul li{ float:left; margin-top:30px; padding:0 12px;} #content45 .zh4 .zh4body ul li .zbox{ width:100%; float:left; border-top:solid 2px #0d5ff9; padding:3px 30px 20px 30px; box-shadow:5px 13px 23px rgba(176,176,176,0.5); background:white; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #content45 .zh4 .zh4body ul li .zbox .ico{ width:100%; height:210px; text-align:center; float:left;} #content45 .zh4 .zh4body ul li .zbox .ico img{ vertical-align:top;} #content45 .zh4 .zh4body ul li .zbox h4{ width:100%; float:left; margin-top:27px; font-size:16px; color:#333; line-height:30px; letter-spacing:1px; text-align:center; font-weight:bold;} #content45 .zh4 .zh4body ul li .zbox h5{ width:100%; float:left; margin-top:17px; font-size:16px; color:#000307; line-height:30px; letter-spacing:1px;} #content45 .zh4 .zh4body ul li.l2{ width:33.333%;} #content45 .zh4 .zh4body ul li.l2 .zbox{ min-height:403px;} #content45 .zh4 .zh4body ul li.l3{ width:50%;} #content45 .zh4 .zh4body ul li.l3 .zbox{ min-height:280px; height:280px; padding:0 25px 0 260px; display:table; position:relative;} #content45 .zh4 .zh4body ul li.l3 .zbox .ico{ width:230px; position:absolute; left:6px; top:31px;} #content45 .zh4 .zh4body ul li.l3 .zbox span{ display:table-cell; vertical-align:middle; width:100%;} #content45 .zh4 .zh4body ul li.l3 .zbox span h4{ text-align:left;} #content45 .zh4 .zh4body ul li .zbox:hover{ margin-top:-10px;} @media screen and (max-width:1560px ) { #content45 .zh4 .zh4body ul li.l2 .zbox{ min-height:429px;} } @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content45 .zh4 .zh4body ul li .zbox .ico{ height:160px;} #content45 .zh4 .zh4body ul li{ margin-top:20px;} #content45 .zh4 .zh4body ul li .zbox{ padding:3px 20px 10px 20px;} #content45 .zh4 .zh4body ul li.l1 .zbox{ min-height:450px;} #content45 .zh4 .zh4body ul li .zbox h4{ margin-top:20px;} #content45 .zh4 .zh4body ul li.l2 .zbox{ min-height:392px;} #content45 .zh4 .zh4body ul li.l3 .zbox{ min-height:300px; height:260px; padding:0 25px 0 240px;} #content45 .zh4 .zh4body ul li.l3 .zbox .ico{ width:210px; top:31px;} } @media screen and (max-width:991px){ #content45 .zhhead{ font-size:24px; line-height:36px; letter-spacing:0px;} #content45 .zh4{ padding:50px 0 60px 0;} #content45 .zh4 .zh4body{ margin:0 -6px;} #content45 .zh4 .zh4body ul{ margin-top:10px;} #content45 .zh4 .zh4body ul li{ margin-top:20px; padding:0 6px;} #content45 .zh4 .zh4body ul li .zbox{ box-shadow:3px 6px 15px rgba(176,176,176,0.5);} #content45 .zh4 .zh4body ul li .zbox .ico{ height:100px;} #content45 .zh4 .zh4body ul li .zbox h4{ margin-top:10px; font-size:14px; line-height:24px; letter-spacing:0px;} #content45 .zh4 .zh4body ul li .zbox h5{ margin-top:12px; font-size:14px; line-height:24px; letter-spacing:0px;} #content45 .zh4 .zh4body ul li.l1 .zbox{ min-height:360px;} #content45 .zh4 .zh4body ul li.l2 .zbox{ min-height:280px;} #content45 .zh4 .zh4body ul li.l3 .zbox{ min-height:200px; height:200px; padding:0 25px 0 160px;} #content45 .zh4 .zh4body ul li.l3 .zbox .ico{ width:140px; top:20px;} #content45 .zh4 .zh4body ul li.l3 .zbox span h4{ text-align:center;} } @media screen and (max-width:767px){ #content45 .zhhead{ font-size:18px; line-height:28px;} #content45 .zh4{ padding:25px 0 33px 0;} #content45 .zh4 .zh4body ul{ margin-top:0px;} #content45 .zh4 .zh4body ul li{ margin-top:10px;} #content45 .zh4 .zh4body ul li .zbox{ box-shadow:3px 6px 10px rgba(176,176,176,0.5);} #content45 .zh4 .zh4body ul li .zbox .ico{ height:80px;} #content45 .zh4 .zh4body ul li .zbox h4{ margin-top:0px;} #content45 .zh4 .zh4body ul li .zbox h5{ margin-top:8px; line-height:22px; font-size:12px;} #content45 .zh4 .zh4body ul li.l1,#content45 .zh4 .zh4body ul li.l2,#content45 .zh4 .zh4body ul li.l3{ width:100%;} #content45 .zh4 .zh4body ul li.l1 .zbox,#content45 .zh4 .zh4body ul li.l2 .zbox{ min-height:0px;} #content45 .zh4 .zh4body ul li.l3 .zbox{ min-height:0px; height:auto; padding:3px 20px 10px 20px;} #content45 .zh4 .zh4body ul li.l3 .zbox .ico{ width:100%; float:left; position:relative; left:auto; top:auto;} #content45 .zh4 .zh4body ul li.l3 .zbox span{ display:block;} } #content46{ width:100%; float:left;} #content46 .zhhead{ width:100%; float:left; text-align:center; font-size:30px; color:black; line-height:32px; letter-spacing:1px;} #content46 .zh4{ padding:60px 0 60px 0; background:#f2f2f2;} #content46 .zh4 .zh4body{ margin:0 -12px;} #content46 .zh4 .zh4body ul{ width:100%; float:left; margin-top:20px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #content46 .zh4 .zh4body ul li{ float:left; margin-top:42px; padding:0 12px;} #content46 .zh4 .zh4body ul li .zbox{ width:100%; float:left; border-top:solid 2px #0d5ff9; padding:3px 30px 20px 30px; box-shadow:5px 13px 23px rgba(176,176,176,0.5); background:white; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #content46 .zh4 .zh4body ul li .zbox .ico{ width:100%; text-align:center; float:left;} #content46 .zh4 .zh4body ul li .zbox .ico img{ vertical-align:top;} #content46 .zh4 .zh4body ul li .zbox h4{ width:100%; float:left; margin-top:27px; font-size:16px; color:#333; line-height:30px; letter-spacing:1px; text-align:center; font-weight:bold;} #content46 .zh4 .zh4body ul li .zbox h5{ width:100%; float:left; margin-top:17px; font-size:16px; color:#333; line-height:34px; letter-spacing:1px;} #content46 .zh4 .zh4body ul li.l1{ width:25%;} #content46 .zh4 .zh4body ul li.l1 .zbox{ min-height:479px;} #content46 .zh4 .zh4body ul li.l1.jianshe .zbox{ min-height:320px;} #content46 .zh4 .zh4body ul li.l1.yanglao .zbox{ min-height:514px;} #content46 .zh4 .zh4body ul li.yanglao .zbox{padding:3px 20px 20px 20px;} #content46 .zh4 .zh4body ul li.jianshe .zbox h4{ text-align:left; width:100%; float:left; margin-top:-10px; font-size:16px; color:#333; line-height:30px; letter-spacing:1px; font-weight:bold;} #content46 .zh4 .zh4body ul li.jianshe .zbox h5{ width:100%; float:left; font-size:16px; color:#000307; line-height:30px; letter-spacing:1px; margin-top:0;} #content46 .zh4 .zh4body ul li .zbox:hover{ margin-top:-10px;} @media screen and (max-width:1560px ) { #content46 .zh4 .zh4body ul li.l1 .zbox{ min-height: 500px;} #content46 .zh4 .zh4body ul li.l1.jianshe .zbox{ min-height:266px;} #content46 .zh4 .zh4body ul li.l1.yanglao .zbox{ min-height:547px;} } @media screen and (max-width:1329px){ #content46 .zh4 .zh4body ul li.l1 .zbox{ min-height: 473px;} #content46 .zh4 .zh4body ul li.l1.yanglao .zbox{ min-height:547px;} } @media screen and (max-width:1199px){ #content46 .zh4 .zh4body ul li{ margin-top:60px;} #content46 .zh4 .zh4body ul li .zbox{ padding:3px 20px 10px 20px;} #content46 .zh4 .zh4body ul li.l1 .zbox{ min-height:500px;} #content46 .zh4 .zh4body ul li .zbox h4{ margin-top:20px;} #content46 .zh4 .zh4body ul li.l1.yanglao .zbox{ min-height:548px;} #content46 .zh4 .zh4body ul li.yanglao .zbox{padding:3px 20px 10px 20px;} } @media screen and (max-width:991px){ #content46 .zhhead{ font-size:24px; line-height:36px; letter-spacing:0px;} #content46 .zh4{ padding:50px 0 60px 0;} #content46 .zh4 .zh4body{ margin:0 -6px;} #content46 .zh4 .zh4body ul{ margin-top:10px;} #content46 .zh4 .zh4body ul li{ margin-top:30px; padding:0 6px;} #content46 .zh4 .zh4body ul li .zbox{ box-shadow:3px 6px 15px rgba(176,176,176,0.5);} #content46 .zh4 .zh4body ul li .zbox h4{ margin-top:10px; font-size:14px; line-height:24px; letter-spacing:0px;} #content46 .zh4 .zh4body ul li .zbox h5{ margin-top:12px; font-size:12px; line-height:28px; letter-spacing:0px;} #content46 .zh4 .zh4body ul li.l1 .zbox{ min-height:381px;} #content46 .zh4 .zh4body ul li.l1.jianshe .zbox{ min-height:220px;} #content46 .zh4 .zh4body ul li.l1.yanglao .zbox{ min-height:415px;} #content46 .zh4 .zh4body ul li.yanglao #content46 .zh4 .zh4body ul li.jianshe .zbox h4{ margin-top:10px; font-size:14px; line-height:24px; letter-spacing:0px;} #content46 .zh4 .zh4body ul li.jianshe .zbox h5{ margin-top:12px; font-size:14px; line-height:24px; letter-spacing:0px;} } @media screen and (max-width:767px){ #content46 .zhhead{ font-size:18px; line-height:28px;} #content46 .zh4{ padding:25px 0 33px 0;} #content46 .zh4 .zh4body ul{ margin-top:0px;} #content46 .zh4 .zh4body ul li{ margin-top:10px;} #content46 .zh4 .zh4body ul li .zbox{ box-shadow:3px 6px 10px rgba(176,176,176,0.5);} #content46 .zh4 .zh4body ul li .zbox h4{ margin-top:0px;} #content46 .zh4 .zh4body ul li .zbox h5{ margin-top:8px; line-height:22px;} #content46 .zh4 .zh4body ul li.l1{ width:100%;} #content46 .zh4 .zh4body ul li.l1 .zbox, #content46 .zh4 .zh4body ul li.l1.jianshe .zbox, #content46 .zh4 .zh4body ul li.l1.yanglao .zbox{ min-height:0px;} #content46 .zh4 .zh4body ul li.jianshe .zbox h4{ margin-top:0px;} #content46 .zh4 .zh4body ul li.jianshe .zbox h5{ margin-top:8px; line-height:22px; font-size:12px;} } #content47{ width:100%; float:left;} #content47 .zhhead{ width:100%; float:left; text-align:center; font-size:30px; color:black; line-height:32px; letter-spacing:1px;} #content47 .zh5{ padding:60px 0 60px 0;} #content47 .zh5 .zhhead{ padding:0 45px; text-align: left;} #content47 .zh5 .text{ width:100%; float:left; padding:0 45px; margin-top:50px; font-size:16px; color:black; line-height:34px; letter-spacing:1px;} #content47 .zh5 .text strong{ font-size:18px;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content47 .zh5{ padding:64px 0 60px 0;} } @media screen and (max-width:991px){ #content47 .zhhead{ font-size:24px; line-height:36px; letter-spacing:0px;} #content47 .zh5{ padding:40px 0 60px 0;} #content47 .zh5 .zhhead{ padding:0 0px;} #content47 .zh5 .text{ padding:0 0px; margin-top:25px; font-size:14px; line-height:36px; letter-spacing:0px;} #content47 .zh5 .text strong{ font-size:16px;} } @media screen and (max-width:767px){ #content47 .zhhead{ font-size:18px; line-height:28px;} #content47 .zh5{ padding:20px 0 40px 0;} #content47 .zh5 .text{ margin-top:15px; font-size:12px; line-height:26px;} #content47 .zh5 .text strong{ font-size:14px;} } #location{ width:100%; float:left;} #location .zhhead{ width:100%; float:left; text-align:center; font-size:30px; color:black; line-height:32px; letter-spacing:1px;} #location .zh6{ padding:60px 0 60px 0;} #location .zh6 .zh6body{ margin:0 -11px;} #location .zh6 .zh6body ul{ width:100%; float:left; margin-top:44px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #location .zh6 .zh6body ul li{ width:100%; float:left; margin-top:18px; padding:0 11px;} #location .zh6 .zh6body ul li .zbox{ width:100%; float:left; position:relative; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #location .zh6 .zh6body ul li .zbox:hover{ box-shadow:3px 12px 23px rgba(176,176,176,0.5); transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05);} #location .zh6 .zh6body ul li .zbox .mb{ width:100%; position:absolute; left:0; top:0; height:100%; background:black; opacity:0.45; z-index:1;} #location .zh6 .zh6body ul li .zbox a{ display:block; width:100%; position:absolute; left:0; top:0; height:100%; z-index:3;} #location .zh6 .zh6body ul li .zbox .text{ width:100%; position:absolute; left:0; top:0; z-index:2; display:table;} #location .zh6 .zh6body ul li .zbox .text span{ display:table-cell; vertical-align:middle; width:100%; text-align:center; font-size:18px; color:white; line-height:34px;} #location .zh6 .zh6body ul li.l1{ width:33.38%;} #location .zh6 .zh6body ul li.l1 .zbox,#location .zh6 .zh6body ul li.l1 .zbox .text{ height:328px;} #location .zh6 .zh6body ul li.l2{ width:66.62%;} #location .zh6 .zh6body ul li.l2 .zbox,#location .zh6 .zh6body ul li.l2 .zbox .text{ height:328px;} #location .zh6 .zh6body ul li.l3{ width:67.7%;} #location .zh6 .zh6body ul li.l3 .zbox,#location .zh6 .zh6body ul li.l3 .zbox .text{ height:236px;} #location .zh6 .zh6body ul li.l4{ width:32.3%;} #location .zh6 .zh6body ul li.l4 .zbox,#location .zh6 .zh6body ul li.l4 .zbox .text{ height:236px;} #location .zh6 .zh6body ul li.l5{ width:33.84%;} #location .zh6 .zh6body ul li.l5 .zbox,#location .zh6 .zh6body ul li.l5 .zbox .text{ height:274px;} #location .zh6 .zh6body ul li.l6{ width:32.32%;} #location .zh6 .zh6body ul li.l6 .zbox,#location .zh6 .zh6body ul li.l6 .zbox .text{ height:274px;} #location .zh6 .zh6body ul li.l6 .zbox .mb{ background:#0066eb; opacity:1;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #location .zh6{ padding:60px 0 60px 0;} #location .zh6 .zh6body ul{ margin-top:40px;} } @media screen and (max-width:991px){ #location .zhhead{ font-size:24px; line-height:36px; letter-spacing:0px;} #location .zh6{ padding:60px 0 60px 0;} #location .zh6 .zh6body ul{ margin-top:20px;} #location .zh6 .zh6body ul li.l1 .zbox,#location .zh6 .zh6body ul li.l1 .zbox .text,#location .zh6 .zh6body ul li.l2 .zbox,#location .zh6 .zh6body ul li.l2 .zbox .text{ height:260px;} #location .zh6 .zh6body ul li.l3 .zbox,#location .zh6 .zh6body ul li.l3 .zbox .text,#location .zh6 .zh6body ul li.l4 .zbox,#location .zh6 .zh6body ul li.l4 .zbox .text{ height:180px;} #location .zh6 .zh6body ul li.l5 .zbox,#location .zh6 .zh6body ul li.l5 .zbox .text,#location .zh6 .zh6body ul li.l6 .zbox,#location .zh6 .zh6body ul li.l6 .zbox .text{ height:200px;} #location .zh6 .zh6body ul li .zbox .text span{ font-size:16px; line-height:28px;} } @media screen and (max-width:767px){ #location .zhhead{ font-size:18px; line-height:28px;} #location .zh6{ padding:30px 0 35px 0;} #location .zh6 .zh6body ul{ margin-top:10px;} #location .zh6 .zh6body{ margin:0 -2px;} #location .zh6 .zh6body ul li{ margin-top:4px; padding:0 2px;} #location .zh6 .zh6body ul li.l1 .zbox,#location .zh6 .zh6body ul li.l1 .zbox .text,#location .zh6 .zh6body ul li.l2 .zbox,#location .zh6 .zh6body ul li.l2 .zbox .text{ height:140px;} #location .zh6 .zh6body ul li.l3 .zbox,#location .zh6 .zh6body ul li.l3 .zbox .text,#location .zh6 .zh6body ul li.l4 .zbox,#location .zh6 .zh6body ul li.l4 .zbox .text{ height:80px;} #location .zh6 .zh6body ul li.l5 .zbox,#location .zh6 .zh6body ul li.l5 .zbox .text,#location .zh6 .zh6body ul li.l6 .zbox,#location .zh6 .zh6body ul li.l6 .zbox .text{ height:100px;} #location .zh6 .zh6body ul li .zbox .text span{ font-size:14px; line-height:22px;} } #content48{ width:100%; float:left;} #content48 .zhhead{ width:100%; float:left; text-align:center; font-size:30px; color:black; line-height:32px; letter-spacing:1px;} #content48 .zh3{ padding: 60px 0 60px 0; background: #f8f8f8;} #content48 .zh3 .zh3body{ margin:0 -24px;} #content48 .zh3 .zh3body ul{ width:100%; float:left; margin-top:10px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #content48 .zh3 .zh3body ul li{ width:50%; float:left; margin-top:50px; padding:0 24px;} #content48 .zh3 .zh3body ul li .zbox{ width:100%; float:left; border:solid 1px #dcdcdc; background: #fff; padding:12px 40px 20px 83px; position:relative;} #content48 .zh3 .zh3body ul li .zbox:hover{ box-shadow:3px 5px 30px rgba(176,176,176,0.5); border-top:solid 2px #0066ef; transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05);} #content48 .zh3 .zh3body ul li .zbox .ico{ position:absolute; left:14px; top:13px; width:60px;} #content48 .zh3 .zh3body ul li .zbox .ico img{ float:left;} #content48 .zh3 .zh3body ul li .zbox h4{ width:100%; float:left; font-size:18px; color:black; line-height:47px; letter-spacing:1px; font-weight:bold;} #content48 .zh3 .zh3body ul li .zbox h5{ width:100%; float:left; font-size:16px; color:black; line-height:39px; height: auto !important; overflow: hidden; letter-spacing:1px;} @media screen and (max-width:1560px ) { #content48 .zh3 .zh3body ul li .zbox h5{ height: 117px;} } @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content48 .zh3 .zh3body{ margin:0 -12px;} #content48 .zh3 .zh3body ul{ margin-top:30px;} #content48 .zh3 .zh3body ul li{ margin-top:30px; padding:0 12px;} #content48 .zh3 .zh3body ul li.l1 .zbox h5, #content48 .zh3 .zh3body ul li.l2 .zbox h5, #content48 .zh3 .zh3body ul li.l3 .zbox h5{ height: 156px;} #content48 .zh3 .zh3body ul li.l4 .zbox h5{ height: 117px;} } @media screen and (max-width:991px){ #content48 .zhhead{ font-size:24px; line-height:36px; letter-spacing:0px;} #content48 .zh3{ padding:60px 0 60px 0;} #content48 .zh3 .zh3body ul{ margin-top:20px;} #content48 .zh3 .zh3body ul li{ margin-top:20px; padding:0 12px; width:100%; height:auto;} #content48 .zh3 .zh3body ul li .zbox{ min-height:0 !important; padding:12px 30px 10px 70px;} #content48 .zh3 .zh3body ul li .zbox .ico{ left:10px; top:9px; width:50px;} #content48 .zh3 .zh3body ul li .zbox h4{ font-size:16px; line-height:40px; letter-spacing:0px;} #content48 .zh3 .zh3body ul li .zbox h5{ font-size:14px; line-height:40px; height: auto!important; letter-spacing:0px;} #content48 .zh3 .zh3body ul li .zbox{height:auto !important;} } @media screen and (max-width:767px){ #content48 .zhhead{ font-size:18px; line-height:28px;} #content48 .zh3{ padding:30px 0 33px 0;} #content48 .zh3 .zh3body ul{ margin-top:10px;} #content48 .zh3 .zh3body ul li{ margin-top:10px;} #content48 .zh3 .zh3body ul li .zbox{ padding:12px 10px 10px 60px;} #content48 .zh3 .zh3body ul li .zbox .ico{ width:40px;} #content48 .zh3 .zh3body ul li .zbox h4{ font-size:14px; line-height:30px;} #content48 .zh3 .zh3body ul li .zbox h5{ font-size:12px; line-height:30px;} } #content49{ width:100%; float:left;} #content49 .zhhead{ width:100%; float:left; text-align:center; font-size:30px; color:black; line-height:32px; letter-spacing:1px;} #content49 .zh4{ padding:60px 0 60px 0;} #content49 .zh4 .zh4body{ margin:0 -12px;} #content49 .zh4 .zh4body ul{ width:100%; float:left; margin-top:-30px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #content49 .zh4 .zh4body ul li{ float:left; margin-top:86px; padding:0 12px;} #content49 .zh4 .zh4body ul li .zbox{ width:100%; float:left; border-top:solid 2px #0d5ff9; padding:3px 30px 20px 30px; box-shadow:5px 13px 23px rgba(176,176,176,0.75); background:white; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #content49 .zh4 .zh4body ul li .zbox .ico{ width:100%; height:210px; text-align:center; float:left;} #content49 .zh4 .zh4body ul li .zbox .ico img{ vertical-align:top;} #content49 .zh4 .zh4body ul li .zbox h4{ width:100%; float:left; margin-top:0px; font-size:16px; color:#333; line-height:36px; letter-spacing:1px; text-align:center; font-weight:bold;} #content49 .zh4 .zh4body ul li .zbox h5{ width:100%; float:left; margin-top:17px; font-size:16px; color:#000307; line-height:36px; letter-spacing:1px;} #content49 .zh4 .zh4body ul li.l2{ width:33.333%;} #content49 .zh4 .zh4body ul li.l2 .zbox{ min-height:468px;} #content49 .zh4 .zh4body ul li.l2.deh .zbox{ min-height:432px;} #content49 .zh4 .zh4body ul li.l3{ width:50%;} #content49 .zh4 .zh4body ul li.l3 .zbox{ min-height:280px; height:280px; padding:0 25px 0 260px; display:table; position:relative;} #content49 .zh4 .zh4body ul li.l3 .zbox .ico{ width:230px; position:absolute; left:6px; top:31px;} #content49 .zh4 .zh4body ul li.l3 .zbox span{ display:table-cell; vertical-align:middle; width:100%;} #content49 .zh4 .zh4body ul li.l3 .zbox span h4{ text-align:left;} #content49 .zh4 .zh4body ul li .zbox:hover{ margin-top:-10px;} @media screen and (max-width:1560px ) { #content49 .zh4 .zh4body ul li.l2 .zbox{ min-height:504px;} #content49 .zh4 .zh4body ul li.l2.deh .zbox{ min-height:468px;} } @media screen and (max-width:1329px){ #content49 .zh4 .zh4body ul li.l2 .zbox{ min-height:540px;} #content49 .zh4 .zh4body ul li.l2.deh .zbox{ min-height:468px;} } @media screen and (max-width:1199px){ #content49 .zh4 .zh4body ul li .zbox .ico{ height:160px;} #content49 .zh4 .zh4body ul li .zbox{ padding:3px 20px 10px 20px;} #content49 .zh4 .zh4body ul li.l1 .zbox{ min-height:450px;} #content49 .zh4 .zh4body ul li .zbox h4{ margin-top:20px;} #content49 .zh4 .zh4body ul li.l2 .zbox{ min-height:536px;} #content49 .zh4 .zh4body ul li.l3 .zbox{ min-height:260px; height:260px; padding:0 25px 0 240px;} #content49 .zh4 .zh4body ul li.l3 .zbox .ico{ width:210px; top:31px;} } @media screen and (max-width:991px){ #content49 .zhhead{ font-size:24px; line-height:36px; letter-spacing:0px;} #content49 .zh4{ padding:50px 0 60px 0;} #content49 .zh4 .zh4body{ margin:0 -6px;} #content49 .zh4 .zh4body ul{ margin-top:10px;} #content49 .zh4 .zh4body ul li{ margin-top:20px; padding:0 6px;} #content49 .zh4 .zh4body ul li .zbox{ box-shadow:3px 6px 15px rgba(176,176,176,0.5);} #content49 .zh4 .zh4body ul li .zbox .ico{ height:100px;} #content49 .zh4 .zh4body ul li .zbox h4{ margin-top:10px; font-size:14px; line-height:24px; letter-spacing:0px;} #content49 .zh4 .zh4body ul li .zbox h5{ margin-top:12px; font-size:12px; line-height:24px; letter-spacing:0px;} #content49 .zh4 .zh4body ul li.l1 .zbox{ min-height:360px;} #content49 .zh4 .zh4body ul li.l2 .zbox{ min-height:305px;} #content49 .zh4 .zh4body ul li.l2.deh .zbox{ min-height:281px;} #content49 .zh4 .zh4body ul li.l3 .zbox{ min-height:200px; height:200px; padding:0 25px 0 160px;} #content49 .zh4 .zh4body ul li.l3 .zbox .ico{ width:140px; top:20px;} } @media screen and (max-width:767px){ #content49 .zhhead{ font-size:18px; line-height:28px;} #content49 .zh4{ padding:25px 0 33px 0;} #content49 .zh4 .zh4body ul{ margin-top:0px;} #content49 .zh4 .zh4body ul li{ margin-top:10px;} #content49 .zh4 .zh4body ul li .zbox{ box-shadow:3px 6px 10px rgba(176,176,176,0.5);} #content49 .zh4 .zh4body ul li .zbox .ico{ height:80px;} #content49 .zh4 .zh4body ul li .zbox h4{ margin-top:0px;} #content49 .zh4 .zh4body ul li .zbox h5{ margin-top:8px; line-height:22px;} #content49 .zh4 .zh4body ul li.l1,#content49 .zh4 .zh4body ul li.l2,#content49 .zh4 .zh4body ul li.l3{ width:100%;} #content49 .zh4 .zh4body ul li.l1 .zbox,#content49 .zh4 .zh4body ul li.l2 .zbox,#content49 .zh4 .zh4body ul li.l2.deh .zbox{ min-height:0px;} #content49 .zh4 .zh4body ul li.l3 .zbox{ min-height:160px; height:160px; padding:0 15px 0 120px;} #content49 .zh4 .zh4body ul li.l3 .zbox .ico{ width:100px; top:20px;} } #content50{ width:100%; float:left;} #content50 .zhhead{ width:100%; float:left; text-align:center; font-size:30px; color:black; line-height:32px; letter-spacing:1px;} #content50 .zh7{ padding:120px 0 60px 0; background:url(/uploads/image/ttcn/4220_z_img259.png) no-repeat top center;} #content50 .zh7 .zh7head{ width:100%; float:left; text-align:center; font-size:18px; color:black; line-height:32px; letter-spacing:1px; font-weight:bold;} #content50 .zh7 ul{ width:100%; float:left; margin-top:56px;} #content50 .zh7 ul li{ width:33.333%; float:left; padding:0 40px;} #content50 .zh7 ul li .ico{ width:100%; float:left; height:188px; text-align:center;} #content50 .zh7 ul li h4{ width:100%; float:left; margin-top:17px; font-size:18px; color:#000; line-height:36px; letter-spacing:1px; font-weight:bold;} #content50 .zh7 ul li h5{ padding:0 16px; float:left; margin-top:17px; font-size:18px; color:#fff; background:#1986d8; line-height:26px; letter-spacing:1px;} #content50 .zh7 ul li .p{ width:100%; float:left; margin-top:9px; font-size:16px; color:#000; line-height:48px; letter-spacing:1px;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #content50 .zhhead{ font-size:24px; line-height:36px; letter-spacing:0px;} #content50 .zh7{ padding:60px 0 60px 0; background-size:auto 50px;} #content50 .zh7 .zh7head{ font-size:16px; line-height:26px; letter-spacing:0px;} #content50 .zh7 ul{ margin-top:30px;} #content50 .zh7 ul li{ padding:0 20px;} #content50 .zh7 ul li .ico{ height:130px;} #content50 .zh7 ul li h4{ margin-top:12px; font-size:16px; line-height:30px; letter-spacing:0px;} #content50 .zh7 ul li h5{ padding:0 10px; margin-top:12px; font-size:16px; line-height:22px; letter-spacing:0px;} #content50 .zh7 ul li .p{ margin-top:5px; font-size:14px; line-height:40px; letter-spacing:0px;} } @media screen and (max-width:767px){ #content50 .zhhead{ font-size:18px; line-height:28px;} #content50 .zh7{ padding:55px 0 40px 0; background-size:auto 30px;} #content50 .zh7 .zh7head{ font-size:14px; line-height:22px;} #content50 .zh7 ul{ margin-top:20px;} #content50 .zh7 ul li{ width:100%; padding:0 0px; margin-top:20px;} #content50 .zh7 ul li .ico{ height:100px;} #content50 .zh7 ul li .p{ line-height:30px; letter-spacing:0px; font-size:12px;} } #content51{ width:100%; float:left;} #content51 .zhhead{ width:100%; float:left; text-align:center; font-size:30px; color:black; line-height:32px; letter-spacing:1px;} #content51 .zh4{ padding:60px 0 60px 0;} #content51 .zh4 .zh4body{ margin:0 -12px;} #content51 .zh4 .zh4body ul{ width:100%; float:left; margin-top:20px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #content51 .zh4 .zh4body ul li{ float:left; margin-top:42px; padding:0 12px;} #content51 .zh4 .zh4body ul li .zbox{ width:100%; float:left; border-top:solid 2px #0d5ff9; padding:3px 30px 20px 30px; box-shadow:5px 13px 23px rgba(176,176,176,0.75); background:white; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #content51 .zh4 .zh4body ul li .zbox .ico{ width:100%; text-align:center; float:left;} #content51 .zh4 .zh4body ul li .zbox .ico img{ vertical-align:top;} #content51 .zh4 .zh4body ul li .zbox h4{ width:100%; float:left; margin-top:-10px; font-size:16px; color:#333; line-height:30px; letter-spacing:1px; font-weight:bold;} #content51 .zh4 .zh4body ul li .zbox h5{ width:100%; float:left; font-size:16px; color:#000307; line-height:30px; letter-spacing:1px;} #content51 .zh4 .zh4body ul li.l1{ width:25%;} #content51 .zh4 .zh4body ul li.l1 .zbox{ min-height:320px;} #content51 .zh4 .zh4body ul li.l2{ width:33.333%;} #content51 .zh4 .zh4body ul li.l2 .zbox{ min-height:466px;} #content51 .zh4 .zh4body ul li.l3{ width:50%;} #content51 .zh4 .zh4body ul li.l3 .zbox{ min-height:280px; height:280px; padding:0 25px 0 260px; display:table; position:relative;} #content51 .zh4 .zh4body ul li.l3 .zbox .ico{ width:230px; position:absolute; left:6px; top:31px;} #content51 .zh4 .zh4body ul li.l3 .zbox span{ display:table-cell; vertical-align:middle; width:100%;} #content51 .zh4 .zh4body ul li.l3 .zbox span h4{ text-align:left;} #content51 .zh4 .zh4body ul li .zbox:hover{ margin-top:-10px;} @media screen and (max-width:1560px ) { #content51 .zh4 .zh4body ul li.l1 .zbox{ min-height:266px;} } @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content51 .zh4 .zh4body ul li{ margin-top:60px;} #content51 .zh4 .zh4body ul li .zbox{ padding:3px 20px 10px 20px;} #content51 .zh4 .zh4body ul li .zbox h4{ margin-top:20px;} #content51 .zh4 .zh4body ul li.l2 .zbox{ min-height:360px;} #content51 .zh4 .zh4body ul li.l3 .zbox{ min-height:260px; height:260px; padding:0 25px 0 240px;} #content51 .zh4 .zh4body ul li.l3 .zbox .ico{ width:210px; top:31px;} } @media screen and (max-width:991px){ #content51 .zhhead{ font-size:24px; line-height:36px; letter-spacing:0px;} #content51 .zh4{ padding:50px 0 60px 0;} #content51 .zh4 .zh4body{ margin:0 -6px;} #content51 .zh4 .zh4body ul{ margin-top:10px;} #content51 .zh4 .zh4body ul li{ margin-top:30px; padding:0 6px;} #content51 .zh4 .zh4body ul li .zbox{ box-shadow:3px 6px 15px rgba(176,176,176,0.5);} #content51 .zh4 .zh4body ul li .zbox h4{ margin-top:10px; font-size:14px; line-height:24px; letter-spacing:0px;} #content51 .zh4 .zh4body ul li .zbox h5{ margin-top:12px; font-size:14px; line-height:24px; letter-spacing:0px;} #content51 .zh4 .zh4body ul li.l1 .zbox{ min-height:220px;} #content51 .zh4 .zh4body ul li.l2 .zbox{ min-height:260px;} #content51 .zh4 .zh4body ul li.l3 .zbox{ min-height:200px; height:200px; padding:0 25px 0 160px;} #content51 .zh4 .zh4body ul li.l3 .zbox .ico{ width:140px; top:20px;} } @media screen and (max-width:767px){ #content51 .zhhead{ font-size:18px; line-height:28px;} #content51 .zh4{ padding:25px 0 33px 0;} #content51 .zh4 .zh4body ul{ margin-top:0px;} #content51 .zh4 .zh4body ul li{ margin-top:10px;} #content51 .zh4 .zh4body ul li .zbox{ box-shadow:3px 6px 10px rgba(176,176,176,0.5);} #content51 .zh4 .zh4body ul li .zbox h4{ margin-top:0px;} #content51 .zh4 .zh4body ul li .zbox h5{ margin-top:8px; line-height:22px;} #content51 .zh4 .zh4body ul li.l1,#content51 .zh4 .zh4body ul li.l2,#content51 .zh4 .zh4body ul li.l3{ width:100%;} #content51 .zh4 .zh4body ul li.l1 .zbox,#content51 .zh4 .zh4body ul li.l2 .zbox{ min-height:0px;} #content51 .zh4 .zh4body ul li.l3 .zbox{ min-height:160px; height:160px; padding:0 15px 0 120px;} #content51 .zh4 .zh4body ul li.l3 .zbox .ico{ width:100px; top:20px;} #content51 .zh4 .zh4body ul li .zbox .ico{ width: 50%; margin: 0 25%;} } #content52{ width:100%; float:left;} #content52 .zxhead{ width:100%; float:left; font-size:26px; color:black; line-height:50px; letter-spacing:2px;} #content52 .zxhead a{ display:block; float:right; font-size:18px; color:#1769d9; font-weight:normal;} #content52 .zxhead a:hover{ text-decoration:underline;} #content52 .zx1{ background:#f7f7f7; padding:65px 0 52px 0;} #content52 .zx1 .zx1body{ width:100%; float:left; background:white; padding:48px 50px;} #content52 .zx1 .zx1body .zx1bodyleft{ float:left; width:49.24%; margin-top:24px;} #content52 .zx1 .zx1body .zx1bodyleft .img{ width:100%; float:left; position:relative; height:391px;} #content52 .zx1 .zx1body .zx1bodyleft .img .mb{ width:100%; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.6); height:80px;} #content52 .zx1 .zx1body .zx1bodyleft .img .title{ width:100%; position:absolute; left:0; bottom:19px; padding:0 24px; color:white; font-size:24px; font-weight:bold; line-height:40px;} #content52 .zx1 .zx1body .zx1bodyleft .jj{ width:100%; float:left; margin-top:17px; line-height:31px; font-size:18px; color:black; height:93px; overflow:hidden;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;} #content52 .zx1 .zx1body .zx1bodyleft .time{ float:left; margin-top:18px; padding:0 14px; color:white; font-size:20px; line-height:28px; background:#8fabe9; -moz-border-radius:14px; -webkit-border-radius:14px; -khtml-border-radius:14px; border-radius:14px;} #content52 .zx1 .zx1body .zx1bodyright{ float:right; width:44.8%; margin-top:-9px;} #content52 .zx1 .zx1body .zx1bodyright .bd{ width:100%; float:left;} #content52 .zx1 .zx1body .zx1bodyright ul{ width:100%; float:left;} #content52 .zx1 .zx1body ul li{ float:right; width:100%; margin-top:33px;} #content52 .zx1 .zx1body ul li .title{ width:100%; float:left; font-size:18px; color:black; line-height:32px; letter-spacing:1px; font-weight:bold;} #content52 .zx1 .zx1body ul li .time{ width:100%; float:left; font-size:14px; color:#808a9e; line-height:30px;} #content52 .zx1 .zx1body ul li:hover .title{ color:#1769d9;} #content52 .zx1 .zx1body .zx1bodyright .hd{ width:100%; float:left; margin-top:10px; padding-left:50px;} #content52 .zx1 .zx1body .zx1bodyright .hd a{ display:block; float:left; width:50px; height:50px; text-align:center; line-height:50px; font-size:24px; color:#999; font-family:"宋体"; margin-left:40px; cursor:pointer;} #content52 .zx1 .zx1body .zx1bodyright .hd a:hover{ color:#000;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #content52 .zxhead{ font-size:20px; line-height:40px; letter-spacing:1px;} #content52 .zxhead a{ font-size:16px;} #content52 .zx1{ padding:40px 0 30px 0;} #content52 .zx1 .zx1body{ padding:24px 30px;} #content52 .zx1 .zx1body .zx1bodyleft{ margin-top:12px;} #content52 .zx1 .zx1body .zx1bodyleft .img{ height:300px;} #content52 .zx1 .zx1body .zx1bodyleft .img .mb{ height:60px;} #content52 .zx1 .zx1body .zx1bodyleft .img .title{ bottom:15px; padding:0 16px; font-size:18px; line-height:30px;} #content52 .zx1 .zx1body .zx1bodyleft .jj{ margin-top:12px; line-height:26px; font-size:16px; height:78px;} #content52 .zx1 .zx1body .zx1bodyleft .time{ margin-top:12px; padding:0 10px; font-size:14px; line-height:24px;} #content52 .zx1 .zx1body ul{ margin-top:-5px;} #content52 .zx1 .zx1body ul li{ margin-top:20px;} #content52 .zx1 .zx1body ul li .title{ font-size:16px; line-height:26px; letter-spacing:0px;} #content52 .zx1 .zx1body ul li .time{ font-size:12px; line-height:26px;} #content52 .zx1 .zx1body .zx1bodyright .hd{ padding-left:20px;} #content52 .zx1{ padding:40px 0 30px 0;} #content52 .zx1 .zx1body{ padding:24px 30px;} #content52 .zx1 .zx1body .zx1bodyleft{ margin-top:12px;} #content52 .zx1 .zx1body .zx1bodyleft .img{ height:300px;} #content52 .zx1 .zx1body .zx1bodyleft .img .mb{ height:60px;} #content52 .zx1 .zx1body .zx1bodyleft .img .title{ bottom:15px; padding:0 16px; font-size:18px; line-height:30px;} #content52 .zx1 .zx1body .zx1bodyleft .jj{ margin-top:12px; line-height:26px; font-size:16px; height:78px;} #content52 .zx1 .zx1body .zx1bodyleft .time{ margin-top:12px; padding:0 10px; font-size:14px; line-height:24px;} #content52 .zx1 .zx1body ul{ margin-top:-5px;} #content52 .zx1 .zx1body ul li{ margin-top:20px;} #content52 .zx1 .zx1body ul li .title{ font-size:16px; line-height:26px; letter-spacing:0px;} #content52 .zx1 .zx1body ul li .time{ font-size:12px; line-height:26px;} #content52 .zx1 .zx1body .zx1bodyright .hd{ padding-left:20px;} } @media screen and (max-width:767px){ #content52 .zxhead{ font-size:16px; line-height:30px; letter-spacing:0px;} #content52 .zxhead a{ font-size:14px;} #content52 .zx1{ padding:30px 0 20px 0;} #content52 .zx1 .zx1body{ padding:18px 20px;} #content52 .zx1 .zx1body .zx1bodyleft{ width:100%; margin-top:8px;} #content52 .zx1 .zx1body .zx1bodyleft .img{ height:200px;} #content52 .zx1 .zx1body .zx1bodyleft .img .mb{ height:50px;} #content52 .zx1 .zx1body .zx1bodyleft .img .title{ bottom:10px; padding:0 15px; font-size:16px; line-height:30px;} #content52 .zx1 .zx1body .zx1bodyleft .jj{ margin-top:12px; line-height:24px; font-size:14px; height:70px;} #content52 .zx1 .zx1body .zx1bodyleft .time{ margin-top:12px; padding:0 10px; font-size:12px; line-height:24px;} #content52 .zx1 .zx1body .zx1bodyright{ width:100%; margin-top:10px;} #content52 .zx1 .zx1body .zx1bodyright .hd{ padding-left:0px; text-align:center;} #content52 .zx1 .zx1body .zx1bodyright .hd a{ display:inline-block; vertical-align:top; float:none; margin:0;} #content52 .zx1 .zx1body ul li{ margin-top:10px;} #content52 .zx1 .zx1body ul li .title{ font-size:16px; line-height:26px; letter-spacing:0px;} #content52 .zx1 .zx1body ul li .time{ font-size:12px; line-height:26px;} } #list2{ width:100%; float:left;} #list2 .zxhead{ width:100%; float:left; font-size:26px; color:black; line-height:50px; letter-spacing:2px;} #list2 .zxhead a{ display:block; float:right; font-size:18px; color:#1769d9; font-weight:normal;} #list2 .zxhead a:hover{ text-decoration:underline;} #list2 .zx2{ background:#fcfcfc; padding:107px 0 0 0;} #list2 .zx2 .zx2left{ float:left; width:68%; margin-top:2px;} #list2 .zx2 .zx2left ul{ float:left; width:100%;} #list2 .zx2 .zx2left ul li{ float:left; width:100%; margin:40px 0; padding-left:198px; position:relative;} #list2 .zx2 .zx2left ul li .pic{ position:absolute; left:0; top:0; width:161px; height:126px; overflow:hidden;} #list2 .zx2 .zx2left ul li .title{ width:100%; float:left; font-size:22px; color:black; line-height:30px; font-weight:bold; letter-spacing:1px;} #list2 .zx2 .zx2left ul li .jj{ width:100%; float:left; margin-top:6px; font-size:16px; color:black; line-height:27px; height:54px; letter-spacing:1px;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all; overflow:hidden;} #list2 .zx2 .zx2left ul li .time{ width:100%; float:left; margin-top:16px; font-size:14px; color:#808a9e; line-height:20px;} #list2 .zx2 .zx2left ul li:hover .title{ color:#1769d9;} #list2 .zx2 .zx2right{ float:right; width:24.7%; margin-top:32px; background:white; padding:0 0 0 8px;} #list2 .zx2 .zx2right .zx2righthead{ width:100%; float:left; margin-top:39px; height:44px; line-height:36px; font-size:18px; font-weight:bold; color:#333; position:relative;} #list2 .zx2 .zx2right .zx2righthead:before{ content:''; width:68px; height:4px; background:#ddd; position:absolute; left:0; bottom:0;} #list2 .zx2 .zx2right .zx2righthead.firsttit{margin-top:5px;} #list2 .zx2 .zx2right .ul1{ width:100%; float:left; margin:11px 0 24px 0;} #list2 .zx2 .zx2right .ul1 li{ width:100%; float:left; border-bottom:solid 2px #f1f1f1; padding-right:20px;} #list2 .zx2 .zx2right .ul1 li a{ font-size:16px; color:#666; line-height:48px;} #list2 .zx2 .zx2right .ul1 li a:hover{ color:#1769d9;} #list2 .zx2 .zx2right .ul2{ width:100%; float:left; margin:15px 0 18px 0; padding-right:4px;} #list2 .zx2 .zx2right .ul2 li{ width:33.33%; float:left; margin:6px 0 0 0; padding-right:4px;} #list2 .zx2 .zx2right .ul2 li a{ display:block; width:100%; text-align:center; height:38px; line-height:38px; overflow: hidden; font-size:16px; background:#eee; color:#666; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #list2 .zx2 .zx2right .ul2 li a:hover{ color:white; background:#467df5;} @media screen and (max-width:1560px ) { #list2 .zx2 .zx2right .ul2 li a{ font-size: 12px;} } /*分页列表3*/ #list2 .waik_1{ width:100%; float:left; margin:48px 0 147px 0;} #list2 .pz_fy2{ text-align:center;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/ #list2 .pz_fy2 a,#list2 .pz_fy2 input{ display: inline-block; *display: inline; *zoom: 1; min-width:32px; height:32px; border:solid 1px #bdbbbb; color: #323232; font-size: 14px; text-decoration:none; margin:0 2px; line-height:30px; padding:0 8px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #list2 .pz_fy2 span{ display: inline-block; *display: inline; *zoom: 1; height:32px; line-height:32px; color: #323232; font-size: 14px;} #list2 .pz_fy2 .input1{ width:33px; text-align:center; padding:0;} #list2 .pz_fy2 .input2{ background:white; cursor:pointer; text-align:center;} #list2 .pz_fy2 a:hover, #list2 .pz_fy2 a.on,#list2 .pz_fy2 .input2:hover{ background:#1769d9; color:white; border-color:#1769d9;}/*鼠标经过和默认当前页样式*/ @media screen and (max-width:1329px){ #list2 .zx2 .zx2left{ width:66%;} #list2 .zx2 .zx2right{ width:28%;} } @media screen and (max-width:1199px){ #list2 .zx2 .zx2left{ width:68%;} #list2 .zx2 .zx2right{ width:27%;} #list2 .zx2 .zx2right .ul2 li{ width: 50%;} #list2 .zx2 .zx2right .ul2 li a{ font-size:12px;} } @media screen and (max-width:991px){ #list2 .zxhead{ font-size:20px; line-height:40px; letter-spacing:1px;} #list2 .zxhead a{ font-size:16px;} #list2 .zx2{ padding:67px 0 0 0;} #list2 .zx2 .zx2left{ width:100%;} #list2 .zx2 .zx2left ul li{ margin:30px 0;} #list2 .zx2 .zx2left ul li .title{ font-size:16px; line-height:24px; letter-spacing:0px;} #list2 .zx2 .zx2left ul li .jj{ margin-top:4px; font-size:14px; line-height:24px; letter-spacing:0px; height:48px;} #list2 .zx2 .zx2left ul li .time{ margin-top:10px; font-size:12px;} #list2 .zx2 .zx2right{ width:100%; margin-top:22px; padding:0 0 0 10px;} #list2 .zx2 .zx2right .zx2righthead{ margin-top:29px; height:38px; line-height:30px; font-size:16px;} #list2 .zx2 .zx2right .zx2righthead:before{ width:60px; height:3px;} #list2 .zx2 .zx2right .zx2righthead.firsttit{margin-top:20px;} #list2 .zx2 .zx2right .ul1{ margin:11px 0 18px 0;} #list2 .zx2 .zx2right .ul1 li{ border-bottom:solid 1px #f1f1f1; padding-right:16px;} #list2 .zx2 .zx2right .ul1 li a{ font-size:14px; line-height:38px;} #list2 .zx2 .zx2right .ul2{ margin:10px 0 12px 0; padding-right:6px;} #list2 .zx2 .zx2right .ul2 li{ margin:4px 0 0 0;} #list2 .zx2 .zx2right .ul2 li a{ height:34px; line-height:34px; font-size:14px;} #list2 .waik_1{ margin:48px 0 77px 0;} #list2 .fy_pc{ text-align:center; font-size:14px; color:#333;} #list2 .fy_pc a{ display: inline-block; *display: inline; *zoom: 1; padding:5px 10%; color:#1769d9; border:solid 1px #1769d9; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;} #list2 .fy_pc span{ padding:5px 5%; color:#1769d9;} } @media screen and (max-width:767px){ #list2 .zxhead{ font-size:16px; line-height:30px; letter-spacing:0px;} #list2 .zxhead a{ font-size:14px;} #list2 .zx2{ padding:35px 0 0 0;} #list2 .zx2 .zx2left ul li{ margin:20px 0; padding-left:150px;} #list2 .zx2 .zx2left ul li .pic{ width:130px; height:102px;} #list2 .zx2 .zx2left ul li .title{ font-size:14px; line-height:22px; margin-top:5px;} #list2 .zx2 .zx2left ul li .jj{ font-size:12px; line-height:20px; height:38px;} #list2 .zx2 .zx2right{ margin-top:11px; margin-bottom: 20px;} #list2 .zx2 .zx2right .zx2righthead{ margin-top:20px;} #list2 .waik_1{ margin:30px 0 40px 0;} } #content53{ width:100%; float:left;} #content53 .banner{ width:100%; float:left; margin-top: 70px;} #content53 .banner .wid{ width:100%; float:left; padding: 360px 90px 60px 0;} #content53 .banner .t1{ width:100%; float:left; font-size: 60px; line-height: 62px; color: #224692;} #content53 .banner .u1{ margin-top: 35px; width:100%; float:left;} #content53 .banner .l1{ line-height: 26px; margin: 4px 3% 0 0; padding: 0 5px; border-radius: 5px; float: left;} #content53 .banner .l1 .ico{ width: 20px; height: 20px; margin: 3px 3px 3px 0; line-height: 0; float: left;} #content53 .banner .l1 .wz{ font-size: 15px; color: #224692; float: left;} #content53 .banner .banner_text{ width:100%; float:left;} #content53 .banner .banner_text .link{ margin: 60px 0 70px 0; width:100%; float:left;} #content53 .banner .banner_text .a{ display: inline-block; margin-right: 100px; font-size: 18px; line-height: 50px; padding: 0 50px; border: 1px solid #164fc9; color: #164fc9;} #content53 .banner .banner_text .a.on,#content53 .banner .banner_text .a:hover{ background: #3c73e8; color: #fff;} #content53 .banner .banner_text .text{ font-size: 16px; line-height: 40px; color: #000; text-align: justify; width:100%; float:left;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content53 .banner .wid{ padding: 180px 45px 60px 0;} } @media screen and (max-width:991px){ #content53 .banner{ margin-top: 46px;} #content53 .banner .wid{ padding: 90px 0 45px 0;} #content53 .banner .t1{ font-size: 30px; line-height: 32px;} #content53 .banner .u1{ margin-top: 15px;} #content53 .banner .l1{ line-height: 26px; margin: 2px 10px 0 0;} #content53 .banner .l1 .ico{ width: 20px; height: 20px;} #content53 .banner .l1 .wz{ font-size: 14px;} #content53 .banner .banner_text .link{ margin: 30px 0 35px 0;} #content53 .banner .banner_text .a{ margin-right: 50px; font-size: 16px; line-height: 40px; padding: 0 30px;} #content53 .banner .banner_text .text{ font-size: 14px; line-height: 30px;} } @media screen and (max-width:767px){ #content53 .banner .wid{ padding: 20px 0 20px 0;} #content53 .banner .t1{ font-size: 20px; line-height: 22px;} #content53 .banner .u1{ margin-top: 10px;} #content53 .banner .l1{ line-height: 20px; margin: 2px 5px 0 0;} #content53 .banner .l1 .ico{ width: 14px; height: 14px;} #content53 .banner .l1 .wz{ font-size: 12px;} #content53 .banner .banner_text .link{ margin: 10px 0 15px 0;} #content53 .banner .banner_text .a{ margin-right: 10px; font-size: 14px; line-height: 30px; padding: 0 20px;} #content53 .banner .banner_text .text{ font-size: 12px; line-height: 20px;} } #content54{ width:100%; float:left;} #content54 .zcontacthead{ width:100%; float:left; text-align:center; font-size:30px; color:black; line-height:56px;} #content54 .zcontacthead span{ display:block; margin-top:7px; font-size:23px; color:black; line-height:32px; text-transform:capitalize;} #content54 .zcontact1{ padding:93px 0;} #content54 .zcontact1 .hd{ margin:0 -40px;} #content54 .zcontact1 .hd ul{ width:100%; float:left; margin-top:80px;} #content54 .zcontact1 .hd ul li{ width:calc(100% / 3); float:left; padding:0 10px;} #content54 .zcontact1 .hd ul li .zbox{ width:100%; float:left; padding:4px 25px 3px 25px; cursor:pointer;} #content54 .zcontact1 .hd ul li .zbox h5{ width:100%; float:left; font-size:18px; color:#3c3c3c; line-height:32px; font-weight:bold;} #content54 .zcontact1 .hd ul li .zbox h6{ width:100%; float:left; font-size:16px; color:#3c3c3c; line-height:26px;} /*#content54 .zcontact1 .hd ul li.on .zbox,*/#content54 .zcontact1 .hd ul li:hover .zbox{ background:#f2f4f8;} #content54 .zcontact1 .bd{ width:100%; float:left;} #content54 .zcontact1 .bd .ditu{ width:100%; float:left; height:450px; margin-top:62px;} #content54 .zcontact1 .bd .ditu img{ max-width:none;} #content54 .zcontact1 .bd .ditu .iw_poi_title{ display: block; background: no-repeat !important; line-height: 30px !important;} #content54 .zcontact1 .bd .ditu .iw_poi_content{ font-size: 14px; color: #666; line-height: 24px;} #content54 .zcontact1 .bd .ditu .bmaplabel{ display:none !important;} #content54 .zcontact1 .bd dl{ width:100%; float:left; margin-top:69px;} #content54 .zcontact1 .bd dl dd{ width:50%; float:left;} #content54 .zcontact1 .bd dl dd h5{ width:100%; float:left; font-size:18px; color:#3c3c3c; line-height:32px; font-weight:bold;} #content54 .zcontact1 .bd dl dd h6{ width:100%; float:left; font-size:16px; color:#3c3c3c; line-height:26px;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ #content54 .zcontact1 .hd{ margin:0 -20px;} #content54 .zcontact1 .hd ul li{ padding:0 20px;} } @media screen and (max-width:991px){ #content54 .zcontacthead{ font-size:24px; line-height:46px;} #content54 .zcontacthead span{ margin-top:4px; font-size:16px; line-height:22px;} #content54 .zcontact1{ padding:60px 0 60px 0;} #content54 .zcontact1 .hd{ margin:0 -10px;} #content54 .zcontact1 .hd ul{ margin-top:40px;} #content54 .zcontact1 .hd ul li{ padding:0 10px;} #content54 .zcontact1 .bd .ditu{ height:300px; margin-top:30px;} #content54 .zcontact1 .hd ul li .zbox{ padding:4px 20px 3px 20px;} #content54 .zcontact1 .hd ul li .zbox h5,#content54 .zcontact1 .bd dl dd h5{ font-size:16px; line-height:28px;} #content54 .zcontact1 .hd ul li .zbox h6,#content54 .zcontact1 .bd dl dd h6{ font-size:14px; line-height:22px;} #content54 .zcontact1 .bd dl{ margin-top:35px;} } @media screen and (max-width:767px){ #content54 .zcontact1{ padding:30px 0 30px 0;} #content54 .zcontact1 .hd{ margin:0 -0px;} #content54 .zcontact1 .hd ul{ margin-top:20px;} #content54 .zcontact1 .hd ul li{ width:100%; margin-top:10px; padding:0 0px;} #content54 .zcontact1 .hd ul li .zbox{ padding:4px 10px 3px 10px;} #content54 .zcontact1 .hd ul li .zbox h5,#content54 .zcontact1 .bd dl dd h5{ font-size:14px; line-height:22px;} #content54 .zcontact1 .hd ul li .zbox h6,#content54 .zcontact1 .bd dl dd h6{ font-size:12px; line-height:20px;} #content54 .zcontact1 .bd .ditu{ height:200px; margin-top:20px;} #content54 .zcontact1 .bd dl{ margin-top:15px;} #content54 .zcontact1 .bd dl dd{ width:100%; margin-top:10px;} } #content55{ width:100%; float:left;} #content55 .zcontacthead{ width:100%; float:left; text-align:center; font-size:30px; color:black; line-height:56px;} #content55 .zcontacthead span{ display:block; margin-top:7px; font-size:23px; color:black; line-height:32px; text-transform:capitalize;} #content55 .zcontact2{ padding:90px 0 66px 0; background:#f2f4f8;} #content55 .zcontact2 .message{ width:100%; float:left; margin-top:98px;} #content55 .zcontact2 .message ul{ width:100%; float:left;} #content55 .zcontact2 .message ul li{ width:100%; float:left; padding:0 114px; margin-top:35px;} #content55 .zcontact2 .message ul li .txk{ width:100%; float:left;} #content55 .zcontact2 .message ul li .txk input,#content55 .zcontact2 .message ul li .txk textarea{ width:100%; float:left; height:57px; border:solid 1px #dcdcdc; background:white; padding:15px 24px; line-height:25px; font-size:16px; color:#333; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0;} #content55 .zcontact2 .message ul li .txk input:focus,#content55 .zcontact2 .message ul li .txk textarea:focus{ border-color:#2c57e4;} #content55 .zcontact2 .message ul li .txk textarea{ height:165px;} #content55 .zcontact2 .message ul li.l1{ width:50%;} #content55 .zcontact2 .message ul li.l2{ width:100%; text-align:center; margin-top:60px;} #content55 .zcontact2 .message ul li.l2 input{ display:inline-block; vertical-align:top; width:335px; height:42px; line-height:42px; background:#2c57e4; color:white; font-size:16px; letter-spacing:1px; border:0; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;} #content55 .zcontact2 .message ul li.l2 input:hover{ opacity:0.8;} @media screen and (max-width:1329px){ #content55 .zcontact2 .message ul li{ padding:0 64px;} } @media screen and (max-width:1199px){ #content55 .zcontact1 .hd{ margin:0 -20px;} #content55 .zcontact1 .hd ul li{ padding:0 20px;} } @media screen and (max-width:991px){ #content55 .zcontacthead{ font-size:24px; line-height:46px;} #content55 .zcontacthead span{ margin-top:4px; font-size:16px; line-height:22px;} #content55 .zcontact2{ padding:50px 0 33px 0;} #content55 .zcontact2 .message{ margin-top:54px;} #content55 .zcontact2 .message ul li{ padding:0 30px; margin-top:20px;} #content55 .zcontact2 .message ul li.l2{ margin-top:30px;} #content55 .zcontact2 .message ul li .txk input,#content55 .zcontact2 .message ul li .txk textarea{ font-size:14px;} } @media screen and (max-width:767px){ #content55 .zcontact2{ padding:30px 0 22px 0;} #content55 .zcontact2 .message{ margin-top:22px;} #content55 .zcontact2 .message ul li{ margin-top:10px; padding:0 0;} #content55 .zcontact2 .message ul li.l1{ width:100%;} #content55 .zcontact2 .message ul li .txk input,#content55 .zcontact2 .message ul li .txk textarea{ height:42px; line-height:20px; padding:10px 10px;} #content55 .zcontact2 .message ul li .txk textarea{ height:100px;} #content55 .zcontact2 .message ul li.l2{ margin-top:15px;} #content55 .zcontact2 .message ul li.l2 input{ width:120px; height:36px; line-height:36px; font-size:14px; letter-spacing:0px;} } #content56{ width:100%; float:left;} #content56 .info{ font-size: 16px; line-height: 30px;} @media screen and (max-width:1329px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #content56 .info{ font-size: 14px; line-height: 24px;} } @media screen and (max-width:767px){ } #zuixin .gw4{ padding:60px 0 60px 0; width:100%; float:left; overflow:hidden;} #zuixin .gw4 .gw4bdoy{ margin:0 -7px;} #zuixin .gw4 .gw4bdoy ul{ width:100%; float:left; margin-top:25px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #zuixin .gw4 .gw4bdoy ul li{ width:100%; float:left; margin-top:47px; padding:0 7px;} #zuixin .gw4 .gw4bdoy ul li .img{ width:100%; float:left; position:relative; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #zuixin .gw4 .gw4bdoy ul li .img:hover{ box-shadow:3px 12px 23px rgba(176,176,176,0.5); z-index:2; transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05);} #zuixin .gw4 .gw4bdoy ul li .img .mb{ width:100%; position:absolute; left:0; top:0; height:100%; background:url(/uploads/image/ttc_im_g/z_img40.png); background-size:100% 100%; z-index:1;} #zuixin .gw4 .gw4bdoy ul li .img .text{ width:100%; height:203px; display:table; position:relative; z-index:2;} #zuixin .gw4 .gw4bdoy ul li .img .text span{ display:table-cell; vertical-align:middle; width:100%; padding:0 22px;} #zuixin .gw4 .gw4bdoy ul li .img .text span h4{ width:100%; float:left; color:white; font-weight:bold; font-size:24px; line-height:50px;} #zuixin .gw4 .gw4bdoy ul li .img .text span h5{ width:100%; float:left; color:white; font-size:16px; line-height:36px;} #zuixin .gw4 .gw4bdoy ul li.l1{ width:50.69%;} #zuixin .gw4 .gw4bdoy ul li.l1 .img .text span{ padding:0 200px 0 50px;} #zuixin .gw4 .gw4bdoy ul li.l3 .img .text span{ padding:0 65px 0 65px;} #zuixin .gw4 .gw4bdoy ul li.l2{ width:25.26%;} #zuixin .gw4 .gw4bdoy ul li.l2 .img{background:#23b8ec;} #zuixin .gw4 .gw4bdoy ul li.l5{ width:24.05%;} #zuixin .gw4 .gw4bdoy ul li.l5 .img{background:#2582fd;} #zuixin .gw4 .gw4bdoy ul li.l3{ width:42.28%;} #zuixin .gw4 .gw4bdoy ul li.l4{ width:57.72%;} #zuixin .gw4 .gw4bdoy ul li.l4 .img .text span{ text-align:center;} @media screen and (max-width:1560px ) { #zuixin .gw4 .gw4bdoy ul li .img .text{ height: 240px;} #zuixin .gw4 .gw4bdoy ul li.l1 .img .text span{ padding:0 100px 0 50px;} } @media screen and (max-width:1329px ) { #zuixin .gw4 .gw4bdoy ul li .img .text span{ padding: 0 10% 0 30px;} } @media screen and (max-width:1199px ) { #zuixin .gw4{ padding:60px 0 60px 0;} #zuixin .gw4 .gw4bdoy ul li .img .text span{ padding:0 5% 0 30px;} #zuixin .gw4 .gw4bdoy ul li{ margin-top:30px;} } @media screen and (max-width:991px ) { #zuixin .gw4{ padding:40px 0 60px 0;} #zuixin .gw4 .gw4bdoy ul{ margin-top:15px;} #zuixin .gw4 .gw4bdoy ul li{ margin-top:20px;} #zuixin .gw4 .gw4bdoy ul li .img .text{ height:180px;} #zuixin .gw4 .gw4bdoy ul li .img .text span{ padding:0 5% 0 20px;} #zuixin .gw4 .gw4bdoy ul li .img .text span h4{ font-size:18px; line-height:28px;} #zuixin .gw4 .gw4bdoy ul li .img .text span h5{ margin-top: 10px; font-size:14px; line-height:26px;} } @media screen and (max-width:767px ) { #zuixin .gw4{ padding:20px 0 30px 0;} #zuixin .gw4 .gw4bdoy{ margin:0 0;} #zuixin .gw4 .gw4bdoy ul{ margin-top:10px;} #zuixin .gw4 .gw4bdoy ul li{ margin-top:10px; padding:0;} #zuixin .gw4 .gw4bdoy ul li.l1{ width:100%;} #zuixin .gw4 .gw4bdoy ul li.l2{ width:100%;} #zuixin .gw4 .gw4bdoy ul li.l3{ width:100%;} #zuixin .gw4 .gw4bdoy ul li.l4{ width:100%;} #zuixin .gw4 .gw4bdoy ul li.l5{ width:100%;} #zuixin .gw4 .gw4bdoy ul li .img .text{ height:100px; padding:20px 0;} #zuixin .gw4 .gw4bdoy ul li .img .text span{ padding:0 15px!important;} #zuixin .gw4 .gw4bdoy ul li .img .text span h4{ font-size:16px; line-height:24px;} #zuixin .gw4 .gw4bdoy ul li .img .text span h5{ font-size:12px; line-height:22px;} } #zuixin .gwhead{ width:100%; float:left; text-align:center; font-size:30px; color:#0d162a; line-height:50px; letter-spacing:1px;} @media screen and (max-width:991px ) { #zuixin .gwhead{ font-size:24px; line-height:40px; letter-spacing:0px;} } @media screen and (max-width:767px ) { #zuixin .gwhead{ font-size:18px; line-height:30px;} } #content46 .zh4 .zh4body ul li.l1.tingche .zbox{ min-height:initial;} @media screen and (max-width:1560px ) { #content46 .zh4 .zh4body ul li.l1.tingche .zbox{ min-height:386px;} } @media screen and (max-width:1329px ) { #content46 .zh4 .zh4body ul li.l1.tingche .zbox{ min-height:357px;} } @media screen and (max-width:1199px ) { #content46 .zh4 .zh4body ul li.l1.tingche .zbox{ min-height:318px;} } @media screen and (max-width:991px ) { #content46 .zh4 .zh4body ul li.l1.tingche .zbox{ min-height: 233px;} } @media screen and (max-width:767px ) { #content46 .zh4 .zh4body ul li.l1.tingche .zbox{ min-height:0px;} }