@charset 'utf-8'; @font-face { font-family: 'HEx'; src: url('../fonts/HelveticaNeueLTPro-Ex.eot'); src: url('../fonts/HelveticaNeueLTPro-Ex.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-Ex.ttf') format('truetype'), url('../fonts/HelveticaNeueLTPro-Ex.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HC'; src: url('../fonts/Helvetica Condensed.eot'); src: url('../fonts/Helvetica Condensed.woff') format('woff'), url('../fonts/Helvetica Condensed.ttf') format('truetype'), url('../fonts/Helvetica Condensed.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'iconfont'; src: url('../fonts/iconfont.eot?t=1493790562540'); /* IE9*/ src: url('../fonts/iconfont.eot?t=1493790562540#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont.woff?t=1493790562540') format('woff'), /* chrome, firefox */ url('../fonts/iconfont.ttf?t=1493790562540') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/iconfont.svg?t=1493790562540#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: 'iconfont' !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow:before { content: '\e635'; } .icon-dianhua:before { content: '\e602'; } .icon-zuoyoujiantou:before { content: '\e60a'; } .icon-dingwei:before { content: '\e718'; } .icon-sjiantouyou:before { content: '\e643'; } .icon-shuangjiantouzuo:before { content: '\e719'; } .icon-zuoyoujiantou2:before { content: '\e71a'; } input::-moz-placeholder { opacity: 1; color: #999; } input::-webkit-input-placeholder { opacity: 1; color: #999; } input:-ms-input-placeholder { opacity: 1; color: #999; } /*分页*/ .paging { text-align: center; } .paging li { font-family: 'Arial'; font-size: 16px; line-height: 40px; font-weight: bold; display: inline-block; width: 40px; height: 40px; margin-right: 5px; margin-left: 5px; -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; vertical-align: top; color: #818282; border: 1px solid #e0e0e0; border-radius: 50%; } .paging li a { color: #818282; } .paging li.activepage, .paging li:hover { color: #006dba; border: 1px solid #006dba; } .paging .lp { line-height: 40px; } .paging .hidden-md a { line-height: 40px; display: block; width: 80px; height: 40px; text-align: center; color: #006dba; border: 1px solid #006dba; } img{ -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; } .inpage img{ max-width: 100%; } .header1{ position: relative; top: 0; left: 0; width: 100%; background: #fff; } .header1 .head1{ height: 101px; border-bottom: 1px solid #e1e1e1; } .header1 .head1 .logo{ line-height: 100px; } .header1 .head1 .logo img{ width: 137px; } .header1 .head1 .fr .fl{ padding-top: 32px; margin-left: 48px; } .header1 .head1 .fr .fl .con{ display: inline-block; position: relative; padding-left: 44px; } .header1 .head1 .fr .fl .con img{ position: absolute; top: 0; left: 0; } .header1 .head1 .fr .fl .con h5{ color: #999999; font-family: '微软雅黑'; } .header1 .head1 .fr .fl .con p{ color: #006dba; font-size: 20px; font-family: "HEx"; margin-top: 2px; } .header1 .head1 .fr .fl .fan{ display: inline-block; width: 160px; height: 32px; border-radius: 15px; border: 1px solid #006dba; margin-top: 2px; } .header1 .head1 .fr .fl .fan a{ float: left; width: 50%; color: #006dba; display: block; height: 100%; font-size: 12px; text-align: center; line-height: 30px; font-family: '微软雅黑'; } .header1 .head1 .fr .fl .fan a.active{ background: #006dba; color: #fff; border-radius: 13px; } .header1 .head2{ height: 50px; position: relative; top: 0; left: 0; width: 100%; z-index: 1050; background: #fff; } .header1 .head2 .head2k{ position: relative; } .header1 .head2.active{ position: fixed; border-bottom: 1px solid #e1e1e1; } body.active{ padding-top: 50px; } .header1 .head2 .navtop{ } .header1 .head2 .navtop .lit{ position: relative; width: 167px; text-align: center; float: left; } .header1 .head2 .navtop .lit.dxia{ position: relative; } .header1 .head2 .navtop .lit:first-child::after{ display: none; } .header1 .head2 .navtop .lit::after { position: absolute; top: 50%; left: 0; content: ''; width: 1px; height: 5px; background-color: rgb(204,204,204); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .header1 .head2 .navtop .lit:first-child{ width: 84px; text-align: left; } .header1 .head2 .navtop .lit:last-child{ width: 114px; text-align: right; } .header1 .head2 .navtop .lit .lia{ line-height: 50px; color: #333333; font-size: 16px; display: inline-block; position: relative; } .header1 .head2 .navtop .lit .lia::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #006dba; opacity: 0; -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; } .header1 .head2 .navtop .lit.active .lia, .header1 .head2 .navtop .lit:hover .lia { color: #006dba; } .header1 .head2 .navtop .lit.active .lia::after, .header1 .head2 .navtop .lit:hover .lia::after { opacity: 1; } .header1 .head2 .navtop .lit .downul1{ position: absolute; top: 47px; left: 22px; width: 240px; border-top: 3px solid #006dba; padding-top: 24px; padding-bottom: 18px; padding-left: 28px; padding-right: 28px; background: #fff; display: none; } .header1 .head2 .navtop .lit:last-child .downul1{ left: auto; right: 0; } .header1 .head2 .navtop .lit .downul1 li{ height: 48px; line-height: 48px; text-align: left; border-bottom: 1px solid #e8e8e8; } .header1 .head2 .navtop .lit .downul1 li a{ display: inline-block; width: 100%; line-height: 20px; color: #333333; } .header1 .head2 .navtop .lit .downul1 li a span{ float: right; margin-top: 3px; } .header1 .head2 .navtop .lit .downul1 li a:hover{ color: #006dba; } .header1 .head2 .navtop .lit .downul2{ position: absolute; top: 50px; left: 0; width: 100%; background: #f5f5f5; display: none; } .header1 .head2 .navtop .lit .downul2 .downul2cn{ display: table; width: 100%; padding-top: 30px; padding-bottom: 44px; } .header1 .head2 .navtop .lit .downul2 .xul{ display: table-cell; text-align: left; border-right: 1px dashed #c4c4c4; } .header1 .head2 .navtop .lit .downul2 .xul:last-child{ border-right: 0; } .header1 .head2 .navtop .lit .downul2 .xul:nth-child(1){ width: 205px; } .header1 .head2 .navtop .lit .downul2 .xul:nth-child(2){ width: 257px; } .header1 .head2 .navtop .lit .downul2 .xul:nth-child(3){ width: 257px; } .header1 .head2 .navtop .lit .downul2 .xul:nth-child(4){ width: 247px; } .header1 .head2 .navtop .lit .downul2 .xul ul, .header1 .head2 .navtop .lit .downul2 .xul h4 { padding-left: 50px; } .header1 .head2 .navtop .lit .downul2 .xul:nth-child(1) ul, .header1 .head2 .navtop .lit .downul2 .xul:nth-child(1) h4 { padding-left: 0; } .header1 .head2 .navtop .lit .downul2 .xul h4{ color: #006dba; font-size: 16px; padding-bottom: 38px; padding-top: 23px; } .header1 .head2 .navtop .lit .downul2 .xul li{ margin-bottom: 16px; } .header1 .head2 .navtop .lit .downul2 .xul li a{ color: #333; font-size: 12px; } .header1 .head2 .navtop .lit .downul2 .xul li a:hover{ color: #006dba; } /*phone*/ .header2{ position: fixed; top: 0; left: 0; width: 100%; height: 80px; z-index: 1050; background-color: #fff; border-bottom: 1px solid #dcdcdc; } .header2 .container{ position: relative; } @media screen and (min-width: 768px) { .header2 .container { width: 100%; padding-left: 20px; padding-right: 20px; } } @media screen and (min-width: 992px) { .header2 .container { width: 100%; padding-left: 40px; padding-right: 40px; } } .header2 .logo { line-height: 80px; } .header2 .logo img{ width: 100px; } .header2 .menuph{ position: absolute; top: 15px; right: 15px; cursor: pointer; width: 50px; height: 50px; text-align: center; } /*手机按钮*/ .header2 .menuph .point { display: inline-block; width: 28px; height: 22px; margin-top: 14px; position: relative; } .header2 .menuph .point:hover .navbtn, .header2 .menuph .point:hover .navbtn::after, .header2 .menuph .point:hover .navbtn::before { width: 28px; } .header2 .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 28px; height: 1px; -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; background: #333; } .header2 .menuph .navbtn::after, .header2 .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 1px; content: ''; -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; background: #333; } .header2 .menuph .navbtn::after { top: -11px; } .header2 .menuph .navbtn::before { top: 10px; } .header2 .menuph .point.active .navbtn{ background: transparent; } .header2 .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; } .header2 .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } /*手机下拉*/ .phxia{ position: relative; } .xialaph{ position: absolute; top: 0; left: 0; width: 100%; background-color: #fff; padding-bottom: 36px; display: none; z-index: 1049; background-color: #fff; font-family: "微软雅黑"; } .xialaph.active{ top: 106px; } @media screen and (min-width: 768px) { .xialaph .container{ width: 100%; padding: 0 20px; } } @media screen and (min-width: 992px) { .xialaph .container{ width: 100%; padding: 0 40px; } } .xialaph .ul2, .xialaph .ul3{ display: none; } .xialaph h4 a{ color: #333; font-size: 16px; line-height: 59px; text-transform: uppercase; } .xialaph h4{ position: relative; border-bottom: 1px solid #ebebeb; } .xialaph h4::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e5e5e5; opacity: 0.1; } .xialaph h5 a{ color: #666666; font-size: 14px; font-family: "微软雅黑"; line-height: 32px; text-transform: uppercase; } .xialaph h5{ position: relative; } .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #fff; opacity: 0.05; } .xialaph h4 img{ width: 15px; float: right; margin-top: 26px; cursor: pointer; } .xialaph h5 img{ width: 13px; float: right; margin-top: 26px; cursor: pointer; } .xialaph h4.active a{ color: #006dba; } .xialaph h4.active img.img_s, .xialaph h5.active img.img_s{ display: none; } .xialaph h4.active img.img_d, .xialaph h5.active img.img_d{ display: block; } .xialaph .ul2{ padding-top: 14px; padding-bottom: 14px; border-bottom: 1px solid #ebebeb; } .xialaph .ul3{ position: relative; margin-top: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ebebeb; padding-top: 10px; padding-bottom: 10px; } .xialaph .ul3 li a{ color: #999; font-size: 12px; line-height: 30px; display: block; text-transform: uppercase; } .xialaph .ul3 li{ padding-top: 5px; } .xialaph .ul3 li:first-child{ padding-top: 0; } .xialaph .xialadi{ margin-top: 37px; } .xialaph .xialadi .con { display: inline-block; position: relative; padding-left: 44px; } .xialaph .xialadi .con img { position: absolute; top: 0; left: 0; } .xialaph .xialadi .con h5{ color: #999999; font-family: '微软雅黑'; } .xialaph .xialadi .con p{ color: #006dba; font-size: 20px; font-family: "HEx"; margin-top: 2px; } .xialaph .xialadi .fan{ display: inline-block; width: 160px; height: 32px; border-radius: 15px; border: 1px solid #006dba; margin-top: 2px; } .xialaph .xialadi .fan a { float: left; width: 50%; color: #006dba; display: block; height: 100%; font-size: 12px; text-align: center; line-height: 30px; font-family: '微软雅黑'; } .xialaph .xialadi .fan a.active { background: #006dba; color: #fff; border-radius: 13px; } .phonemeng{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .6; z-index: 1048; display: none; } .phonemeng.active{ display: block; } .index .banner{ } .slick_banner .item{ display: none; overflow: hidden; } .slick_banner .item:first-child, .slick_banner .slick-slide{ display: block; } .slick_banner .slick-dots{ bottom: 25px; } .slick_banner .slick-dots li{ width: 17px; height: 17px; border: 2px solid #fff; border-radius: 50%; position: relative; } .slick_banner .slick-dots li.slick-active::after{ content: ''; position: absolute; top: 3px; left: 3px; width: 7px; height: 7px; border-radius: 50%; background: #fff; } .slick_banner .item img{ position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .index .pros{ padding-top: 48px; padding-bottom: 52px; } .index .pros h1{ color: #006dba; text-align: center; margin-bottom: 25px; } .index .pros h1 .span{ color: #333333; font-size: 24px; } .index .pros p{ text-align: center; color: #999999; line-height: 18px; } .index .pros .ul1{ margin-top: 54px; } .index .pros .ul1 li{ float: left; width: 25%; text-align: center; margin-bottom: 30px; } .index .pros .ul1 li .imgk{ display: inline-block; position: relative; } .index .pros .ul1 li .imgk img{ border-radius: 50%; border: 3px solid #e6e6e6; } .index .pros .ul1 li .imgk .imgd{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .index .pros .ul1 li h3{ margin-top: 51px; color: #333; font-size: 20px; } .index .pros .ul1 li:hover .imgk img{ -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); border: 3px solid #006dba; } .index .pros .ul1 li:hover .imgk .imgs{ opacity: 0; } .index .pros .ul1 li:hover .imgk .imgd{ opacity: 1; } .index .rele{ padding-top: 48px; padding-bottom: 68px; background: #e8eaf0; } .index .rele h1{ color: #006dba; text-align: center; margin-bottom: 25px; } .index .rele h1 .span{ color: #333333; font-size: 24px; } .index .rele p{ text-align: center; color: #999999; line-height: 18px; } .index .rele .slick_pro{ margin-top: 46px; text-align: center; } .index .rele .slick_pro .item{ display: inline-block; margin: 0 33px; } .index .rele .slick_pro .item .imgk{ width: 152px; height: 152px; line-height: 152px; border-radius: 50%; background: #fff; overflow: hidden; cursor: pointer; } .index .rele .slick_pro .item .imgk img{ max-width: 76%; max-height: 80%; } .index .rele .slick_pro .item.active .imgk{ border: 3px solid #2d90d6; } .index .rele .slick_pro2{ margin-top: 37px; } .index .rele .slick_pro2 .item{ display: none; } .index .rele .slick_pro2 .item:first-child{ display: block; } .index .rele .slick_pro2 .slick-slide{ display: block; } .index .rele .slick_pro2 .fl{ width: 50%; padding-top: 47px; padding-left: 86px; padding-right: 95px; } .index .rele .slick_pro2 h1{ color: #333; margin-bottom: 37px; text-align: left; } .index .rele .slick_pro2 h1 a{ color: #333; } .index .rele .slick_pro2 p{ color: #666666; line-height: 30px; text-align: left; } .index .rele .slick_pro2 .moreh{ display: block; width: 120px; height: 32px; background: #006dba; border-radius: 15px; text-align: center; line-height: 32px; color: #fff; margin-top: 31px; } .index .rele .slick_pro2 .fr{ width: 50%; padding-right: 162px; } .index .rele .slick_pro2 .imgk{ text-align: right; } .index .rele .slick_pro2 .imgk img{ max-height: 280px; max-width: 100%; } .index .newsh { position: relative; background-position: top center; background-size: cover; background-image: url(../images/00_n2.jpg); padding-top: 64px; } .index .newsh::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #5d5d5d; opacity: 0.8; } .index .newsh .container{ position: relative; z-index: 1; } .index .slick_newsh .item{ padding-bottom: 100px; } .index .slick_newsh .item .imgk{ width: 545px; overflow: hidden; } .index .slick_newsh .item .imgk img{ width: 100%; } .index .slick_newsh .item .lin{ width: calc(100% - 545px); width: -webkit-calc(100% - 545px); padding-left: 52px; } .index .slick_newsh .item .lin h4{ color: #fff; opacity: 0.2; font-weight: bold; font-family: "Arial"; padding-top: 15px; } .index .slick_newsh .item .lin h2{ line-height: 1.2; margin-top: 29px; margin-bottom: 28px; font-size: 30px; color: #fff; } .index .slick_newsh .item .lin h2 a{ color: #fff; } .index .slick_newsh .item .lin p{ line-height: 30px; color: #fff; opacity: 0.8; height: 60px; overflow: hidden; } .index .slick_newsh .item .lin p a{ color: #fff; } .index .slick_newsh .item .lin h5{ margin-top: 68px; font-family: "Arial"; } .index .slick_newsh .item .lin h5 span{ color: #fff; opacity: 0.5; } .index .slick_newsh .item .lin h5 a{ color: #fff; opacity: 0.5; } .index .slick_newsh .item .lin h5 a:hover{ opacity: 1; } .index .slick_newsh .item:hover .imgk img{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .index .slick_newsh .slick-dots{ bottom: 40px; } .index .slick_newsh .slick-dots li{ width: 40px; height: 3px; background: #fff; opacity: 0.3; margin: 0 5px; } .index .slick_newsh .slick-dots li.slick-active{ opacity: 1; } footer .foot1{ background: #006dba; padding-top: 32px; padding-bottom: 32px; } footer .foot1 .ul1 li{ line-height: 36px; float: left; margin-right: 38px; } footer .foot1 .ul1 li:last-child{ margin-right: 0; } footer .foot1 .ul1 li a{ color: #fff; } footer .foot1 .ul2 li{ margin-left: 24px; position: relative; } footer .foot1 .ul2 span{ color: #fff; height: 36px; line-height: 36px; } footer .foot1 .ul2 li img{ width: 36px; } footer .foot1 .ul2 li .erweima { position: absolute; bottom: 55px; left: 50%; overflow: hidden; width: 100px; height: 0; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: url(../images/erweimak.png) no-repeat top left; background-size: 100% auto; text-align: center; line-height: 90px; z-index: 1001; } footer .foot1 .ul2 li .erweima img{ position: relative; width: 80px; height: 80px; } footer .foot1 .ul2 li:hover .erweima{ height: 100px; } footer .foot2{ background: #fff; padding-top: 19px; padding-bottom: 21px; } footer .foot2 p{ color: #999999; font-size: 12px; line-height: 30px; float: left; margin-right: 15px; } footer .foot2 p:last-child{ float: right; margin-right: 0; } footer .foot2 p a{ color: #999; } /*内页公共*/ .inpage .bannei{ position: relative; z-index: 1021; height: 328px; background-size: auto 100%; background-position: top center; background-repeat: no-repeat; } .inpage .bannei .container{ position: relative; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .inpage .bannei h1{ color: #fff; font-size: 60px; font-family: "HC"; margin-bottom: 6px; text-transform: uppercase; text-shadow: 3px 0 2px rgba(4,0,0,0.23); } .inpage .bannei h2{ color: #fff; font-size: 28px; font-family: "微软雅黑"; text-shadow: 5px 0 4px rgba(4,0,0,0.23); } .bannav{ height: 60px; border-bottom: 1px solid #e4e4e4; background: #fff; } .bannav .ul1 li{ float: left; height: 100%; margin-right: 46px; } .bannav .ul1 li a{ display: block; color: #333; font-size: 16px; line-height: 60px; letter-spacing: 0.5px; position: relative; } .bannav .ul1 li a::after{ content: ''; position: absolute; bottom: 0; width: 100%; height: 2px; background: #006dba; left: 0; opacity: 0; -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; } .bannav .ul1 li a.active, .bannav .ul1 li a:hover{ color: #006dba; } .bannav .ul1 li a.active::after, .bannav .ul1 li a:hover::after { opacity: 1; } .bannav .ul2 li{ float: left; height: 100%; margin-left: 20px; line-height: 60px; } .bannav .ul2 li a{ display: inline-block; color: #888888; font-size: 14px; position: relative; } .bannav .ul2 li a:hover{ color: #006dba; } .bannav .ul2 li a::after{ content: ''; position: absolute; width: 5px; height: 9px; background: url(../images/nav2.png) no-repeat; left: -11px; top: 3px; } .bannav .ul2 li:first-child a::after{ display: none; } .bannav .ul2 li a img{ margin-top: -3px; } .phonemeng2{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .6; z-index: 1020; display: none; } .phonemeng2.active{ display: block; } .phnav{ color: #006dba; font-size: 16px; font-weight: bold; line-height: 60px; height: 60px; background: #fff; border-bottom: 1px solid #eaeaea; position: relative; z-index: 1021; } .phnav span.fl{ position: relative; height: 100%; line-height: 60px; } .phnav span.fl::after{ content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #006dba; } .phnav span.fr{ cursor: pointer; height: 100%; line-height: 60px; } .phnav span.fr.active .img_s{ display: none; } .phnav span.fr.active .img_d{ display: inline-block; } .ph_nav{ position: absolute; top: 60px; left: 0; width: 100%; background-color: #fff; display: none; z-index: 1000; } .ph_nav .ul1{ padding-top: 25px; padding-bottom: 31px; } .ph_nav .ul1 li{ padding: 0; margin: 0; } .ph_nav .ul1 h5{ position: relative; font-size: 16px; } .ph_nav .ul1 li:hover{ background-color: transparent; } .ph_nav .ul1 li:last-child h5::after{ display: none; } .ph_nav .ul1 h5 a{ display: block; line-height: 35px; position: relative; color: #666; } .ph_nav .ul1 h5 a span{ position: relative; z-index: 1; } .ph_nav .ul1 h5 a img{ width: 13px; margin-top: 14px; } .ph_nav .ul1 h5.active img{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .ph_nav .ul1 h5 a:hover, .ph_nav .ul1 h5 a.act { color: #006dba; } .ph_nav .ul2{ padding-left: 10px; display: none; } .ph_nav .ul2 li a{ display: block; color: #999; font-size: 12px; line-height: 35px; position: relative; font-weight: 500; } .ph_nav .ul2 li a span{ position: relative; z-index: 1; } .ph_nav .ul2 li a.acti, .ph_nav .ul2 li a:hover{ color: #0094b9; } /*company*/ .inpage .content p{ color: #666666; line-height: 40px; letter-spacing: 0.5px; font-family: "微软雅黑"; } .inpage .content p img{ max-width: 100%; } .company .content{ padding-top: 57px; padding-bottom: 80px; } .company .pcon1{ background: #f5f5f5; } .company .pcon1 .r{ height: 257px; position: relative; } .company .pcon1 .imgk{ overflow: hidden; text-align: right; } .company .pcon1 .con{ padding: 37px 15px 0 55px; } .company .pcon1 h3{ position: relative; color: #006dba; padding-bottom: 23px; margin-bottom: 13px; } .company .pcon1 h3::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 75px; height: 1px; background: #006dba; } .company .pcon1 p{ height: 120px; overflow: hidden; } .company p{ color: #666666; line-height: 40px; letter-spacing: 0.5px; font-family: "微软雅黑"; } .company .pcon2{ padding-top: 44px; } .company .pcon2 p{ text-indent: 2em; letter-spacing: 0.8px; } /*history*/ .history .content{ padding-top: 46px; padding-bottom: 94px; } .history .tit{ color: #006dba; font-family: "Arial"; text-align: center; margin-bottom: 30px; } .history .tit span{ color: #333333; font-size: 24px; font-family: "微软雅黑"; } .history .plist{ position: relative; border-top: 2px solid #ccc; padding-top: 52px; padding-bottom: 55px; } .history .plist::before{ content: ''; position: absolute; top: 0; left: 50%; margin-left: -0.5px; background: #ccc; height: 100%; width: 1px; } .history .plist::after{ content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -15px; background: #ccc; height: 1px; width: 30px; } .history .plist .group { position: relative; padding-left: 36px; padding-right: 36px; } .history .plist .group h2 { font-size: 30px; font-family: Arial; margin-bottom: 5px; } .history .plist .group p { font-size: 16px; line-height: 36px; letter-spacing: .7px; color: #666666; position: relative; padding-left: 17px; } .history .plist .group p::before{ content: ''; position: absolute; top: 16px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #666; } .history .plist .group .imgdiv { overflow: hidden; margin-top: 13px; } .history .plist .group .r { padding-left: 125px; position: relative; } .history .plist .group .r::before{ content: ''; position: absolute; top: 4px; left: -14px; width: 27px; height: 27px; background: 100% 100%; background-image: url(../images/02_00.png); } .history .plist .group .r::after{ content: ''; position: absolute; top: 16px; left: 16px; width: 96px; height: 1px; border-top: 1px dashed #ccc; } .history .plist .group .l { margin-top: 97px; padding-right: 125px; position: relative; } .history .plist .group .l::before{ content: ''; position: absolute; top: 4px; right: -13px; width: 27px; height: 27px; background: 100% 100%; background-image: url(../images/02_00.png); } .history .plist .group .l::after{ content: ''; position: absolute; top: 16px; right: 16px; width: 96px; height: 1px; border-top: 1px dashed #ccc; } .history .plist .group .l p{ padding-left: 0; padding-right: 17px; } .history .plist .group .l p::before{ left: auto; right: 0; } .product_li .content{ padding-top: 60px; background: #f5f5f5; padding-bottom: 39px; } .product_li .navfl{ width: 260px; border-top: 2px solid #ccc; background: #fff; box-shadow: 0 2px 4px rgba(135,135,135,0.44); } .product_li .navfl .li1{ border-bottom: 1px solid #dedede; } .product_li .navfl .li1 h4{ } .product_li .navfl .li1 h4 a{ display: block; line-height: 24px; padding-top: 13px; padding-bottom: 13px; color: #4c4c4c; padding-right: 33px; padding-left: 30px; position: relative; } .product_li .navfl .li1 h4 img{ position: absolute; top: 22px; right: 18px; width: 13px; } .product_li .navfl .li1 h4.active img{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .product_li .navfl .li1 h4.active a{ background: #ededed; } .product_li .navfl .li1 .ul2{ display: none; } .product_li .navfl .li1 .ul2 li a{ display: block; padding-left: 50px; color: #666666; line-height: 40px; } .product_li .navfl .li1 .ul2 li a.active, .product_li .navfl .li1 .ul2 li a:hover{ color: #006dba; } .product_li .pcon{ width: calc(100% - 295px); width: -webkit-calc(100% - 295px); } .product_li .ullist{ margin: 0 -13px; } .product_li .ullist li{ margin-bottom: 50px; width: 33.333%; float: left; padding: 0 13px; } .product_li .ullist li .lin { -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; } .product_li .ullist li .lin .imgk{ overflow: hidden; } .product_li .ullist li .lin .imgk img{ width: 100%; } .product_li .ullist li .lin .licn{ padding-left: 20px; padding-right: 20px; height: 122px; } .product_li .ullist li .lin .licn div{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .product_li .ullist li .lin .licn h5{ color: #333; font-size: 16px; position: relative; line-height: 20px; margin-bottom: 10px; } .product_li .ullist li .lin .licn h5 img{ position: absolute; top: 6px; right: 5px; width: 26px; opacity: 0; } .product_li .ullist li .lin .licn p{ color: #666666; line-height: 24px; font-size: 12px; height: 48px; overflow: hidden; } .product_li .ullist li .lin:hover { box-shadow: 0 2px 5px rgba(161,161,161,0.39); } .product_li .ullist li .lin:hover h5{ color: #006dba; } .product_li .ullist li .lin:hover h5 img{ right: 0; opacity: 1; } .product_li .ullist li .lin:hover .imgk img{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .product_li .product_nei{ } .product_li .product_nei .product_nei1{ margin-bottom: 50px; } .product_li .product_nei .product_nei1 .imgk{ width: 406px; background: #fff; border: 1px solid #d9d9d9; } .product_li .product_nei .product_nei1 .imgk img{ width: 100%; } .product_li .product_nei .product_nei1 .pzi{ width: calc(100% - 406px); width: -webkit-calc(100% - 406px); padding-left: 40px; padding-right: 40px; } .product_li .product_nei .product_nei1 .pzi h1{ font-size: 30px; line-height: 30px; padding-top: 22px; padding-bottom: 30px; border-bottom: 1px dashed #d9d9d9; margin-bottom: 22px; } .product_li .product_nei .product_nei1 .pzi p{ color: #666666; line-height: 24px; height: 120px; overflow: hidden; } .product_li .product_nei .product_nei1 .pzi .btna{ display: block; width: 140px; height: 40px; background: #006dba; color: #fff; text-align: center; line-height: 40px; margin-top: 18px; } .product_li .product_nei .product_nei2 .fen{ border: 1px solid #d9d9d9; border-top: 0; } .product_li .product_nei .product_nei2 .fen li{ float: left; width: 33.333%; position: relative; text-align: center; line-height: 56px; font-size: 16px; cursor: pointer; -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; } .product_li .product_nei .product_nei2 .fen li::before{ content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: 1px solid #d9d9d9; border-right: 0; border-bottom: 0; -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; } .product_li .product_nei .product_nei2 .fen li.active{ background: #fff; } .product_li .product_nei .product_nei2 .fen li.active::before{ border-top: 1px solid #006dba; } .product_li .product_nei .product_nei2 .fenxiang{ padding-top: 37px; } .product_li .product_nei .product_nei2 .fenxiang .lix .lix1{ display: none; } .product_li .product_nei .product_nei2 .fenxiang .lix .lix1:first-child{ display: block; } .product_li .product_nei .product_nei2 .fenxiang .lix .lix1 .pn0{ margin-bottom: 46px; } .product_li .product_nei .product_nei2 .fenxiang .lix .lix1 .pn0 h3{ color: #006dba; padding-bottom: 19px; position: relative; margin-bottom: 15px; } .product_li .product_nei .product_nei2 .fenxiang .lix .lix1 .pn0 h3::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 73px; height: 1px; background: #006dba; } .product_li .product_nei .product_nei2 .fenxiang .lix .lix1 .pn0 p{ color: #666666; line-height: 30px; } .product_li .product_nei .product_nei2 .fenxiang .lix .lix1 .pn1 p{ position: relative; /*padding-left: 20px;*/ } /*.product_li .product_nei .product_nei2 .fenxiang .lix .lix1 .pn1 p::before{ position: absolute; content: ''; width: 10px; height: 2px; background: #999; top: 15px; left: 0; }*/ .product_li .product_nei .product_nei2 .fenxiang .lix .lix1 .pn3 p{ position: relative; padding-left: 24px; } .product_li .product_nei .product_nei2 .fenxiang .lix .lix1 .pn3 p .dian{ position: absolute; width: 8px; height: 8px; background: #006dba; border-radius: 50%; top: 12px; left: 0; } .news_list .content{ padding-top: 46px; padding-bottom: 47px; } .news_list .newsul{ } .news_list .newsul li{ margin-bottom: 40px; } .news_list .newsul li .lin{ background: #f2f6f8; -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; } .news_list .newsul li .lin .imgk{ width: 460px; height: 240px; overflow: hidden; } .news_list .newsul li .lin .imgk img{ width: 100%; } .news_list .newsul li .lin .licn{ width: calc(100% - 460px); width: -webkit-calc(100% - 460px); padding-left: 70px; padding-right: 95px; height: 240px; } .news_list .newsul li .lin .licn .licnn{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .news_list .newsul li .lin .licn h3{ font-size: 20px; color: #333333; line-height: 1.3; padding-top: 21px; position: relative; } .news_list .newsul li .lin .licn h3::before{ content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 3px; background: #006dba; } .news_list .newsul li .lin .licn h5{ color: #aaaaaa; font-family: "Arial"; margin-top: 19px; margin-bottom: 11px; } .news_list .newsul li .lin .licn h5 img{ margin-right: 10px; margin-top: -3px; } .news_list .newsul li .lin .licn p{ color: #777777; line-height: 28px; height: 56px; overflow: hidden; } .news_list .newsul li .lin:hover{ background: #006dba; } .news_list .newsul li .lin:hover .imgk img{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .news_list .newsul li .lin:hover .licn h3, .news_list .newsul li .lin:hover .licn h5, .news_list .newsul li .lin:hover .licn p { color: #fff; } .news_list .newsul li .lin:hover .licn h5 .img_d{ display: inline-block; } .news_list .newsul li .lin:hover .licn h5 .img_s{ display: none; } .product_de .content{ padding-top: 36px; } .product_de .product_d .retu{ color: #666; height: 15px; line-height: 15px; } .product_de .product_d .retu span{ font-size: 14px; display: inline-block; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .product_de .product_d .retu:hover{ color: #006dba; } .product_de .product_d h3{ font-size: 30px; text-align: center; line-height: 1.3; margin-top: 25px; } .product_de .product_d h5{ margin-top: 27px; color: #666666; line-height: 24px; text-align: center; border-bottom: 1px dashed #ccc; padding-bottom: 3px; margin-bottom: 34px; } .product_de .product_d h5 span{ margin: 0 24px; } .product_de .product_d h4{ text-indent: 2em; line-height: 30px; text-transform: uppercase; } .product_de .product_d p{ text-indent: 2em; } .product_de .product_d .shangxia{ border-top: 1px dashed #ccc; } .product_de .product_d .shangxia a{ color: #999; line-height: 48px; } .product_de .product_d .shangxia a:hover{ color: #006dba; } .kefu .content{ padding-top: 50px; padding-bottom: 47px; } .kefu .prolist{ border-top: 2px solid #666; padding-bottom: 70px; } .kefu .prolist .que { font-size: 18px; line-height: 24px; position: relative; padding-top: 47px; padding-right: 80px; padding-bottom: 47px; padding-left: 110px; cursor: pointer; color: #006dba; border-bottom: 1px solid #eaeaea; } .kefu .prolist .circle { font-family: 'Arial'; line-height: 40px; display: block; width: 40px; height: 40px; color: #fff; background: #838383; border-radius: 50%; font-size: 18px; text-align: center; } .kefu .prolist .que .circle { position: absolute; top: 50%; left: 40px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: #006dba; } .kefu .prolist .que .ar { position: absolute; top: 50%; right: 43px; -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; color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .kefu .prolist .que .ar img{ width: 26px; } .kefu .prolist .que.act .ar img{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .kefu .prolist .ans{ background: #f5f5f5; padding: 30px 100px 30px 110px; position: relative; display: none; } .kefu .prolist .ans .circle{ position: absolute; top: 35px; left: 29px; } .contact .content{ height: 780px; position: relative; background-size: cover; background-position: top center; background-repeat: no-repeat; } .contact .content::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/meng.png) top left; } .contact .content .container{ position: relative; z-index: 1; padding-top: 59px; } .contact .contact1{ width: 523px; max-width: 48%; height: 100%; background: rgba(255,255,255,0.8); padding: 44px 27px 27px 27px; } .contact .contact1 .tit{ padding-bottom: 16px; border-bottom: 1px solid #666666; } .contact .contact1 .tit span{ font-size: 30px; font-family: "Arial"; font-weight: bold; font-style: italic; margin-left: 24px; text-transform: uppercase; } .contact .contact1 .tit .span2{ color: #006dba; margin-left: 47px; } .contact .contact1 .pcon{ padding-left: 24px; } .contact .contact1 .dizhi{ padding-top: 22px; font-size: 16px; font-weight: bold; } .contact .contact1 .ul1{ margin-top: 30px; } .contact .contact1 .ul1 li{ padding-left: 118px; position: relative; line-height: 41px; font-size: 16px; } .contact .contact1 .ul1 li span{ position: absolute; top: 0; left: 0; line-height: 41px; } .contact .contact1 .ul1 li span img{ width: 20px; margin-right: 25px; } .contact .contact1 .ul2{ margin-top: 50px; } .contact .contact1 .ul2 li{ padding-left: 106px; position: relative; line-height: 30px; color: #4c4c4c; } .contact .contact1 .ul2 li span{ position: absolute; top: 0; left: 0; line-height: 30px; } .contact .formk{ width: 50%; } .contact .formk .tit{ padding-top: 19px; color: #fff; } .contact .formk .tit .span1{ font-size: 48px; font-weight: bold; font-family: "Arial"; margin-right: 10px; } .contact .formk .tit .span2{ font-size: 24px; font-family: "宋体"; } .contact .formk .tit .span3{ font-size: 18px; font-family: "微软雅黑"; } .contact .formk h5{ margin-top: 8px; color: #fff; } .contact .formk form{ position: relative; padding-top: 35px; padding-left: 38px; padding-right: 33px; padding-bottom: 31px; margin-top: 16px; } .contact .formk form::before{ content: ''; position: absolute; top: 0; left: 0; width: 1000px; height: 100%; background: rgba(0,109,186,0.5); } .contact .formk .inputk{ margin-bottom: 25px; position: relative; z-index: 1; } .contact .formk .inputk label{ float: left; height: 30px; line-height: 30px; color: #fff; font-size: 16px; width: 107px; } .contact .formk .inputk select{ float: left; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(../images/sanjiao.png) no-repeat top 13px right 13px; background-color: #fff; height: 30px; width: 104px; padding-left: 16px; color: #666666; font-size: 14px; } .contact .formk .inputk select option{ padding-top: 5px; padding-bottom: 5px; padding-left: 15px; } .contact .formk .inputk input{ width: 230px; height: 30px; padding-left: 17px; color: #666666; background: #fff; } .contact .formk .inputk span{ color: #f13939; font-size: 16px; position: absolute; top: 12px; left: 344px; } .contact .formk .inputk textarea{ width: calc(100% - 107px); width: -webkit-calc(100% - 107px); height: 142px; background: #fff; resize: none; padding-left: 17px; padding-top: 15px; color: #666666; } .contact .formk .inputyan input{ width: 96px; } .contact .formk .inputyan img{ cursor: pointer; margin-left: 8px; width: 82px; height: 30px; } .contact .formk button{ position: relative;z-index: 1; width: 97px; height: 30px; background: #006dba; color: #fff; text-align: center; line-height: 30px; border-radius: 3px; margin-top: 8px; } .contact .formk .btn1{ margin-left: 107px; } .contact .formk .btn2{ margin-left: 30px; } /*下载*/ .downh .content{ padding-bottom: 50px; } .downh .table{ width: 100%; margin-bottom: 50px; } .downh .table .tr{ width: 100%; display: table; } .downh .table .thead{ background: #dfe6ec; height: 54px; margin-top: 30px; font-size: 16px; } .downh .table .thead .td{ line-height: 54px; } .downh .table .td:nth-child(1){ width: 10%; text-align: center; } .downh .table .td:nth-child(2){ width: 50%; } .downh .table .td:nth-child(3){ width: 20%; } .downh .table .td:nth-child(4){ width: 10%; text-align: center; } .downh .table .tbody .td{ line-height: 24px; padding-top: 15px; padding-bottom: 15px; } .downh .table .tbody .tr{ color: #333; font-size: 16px; border-bottom: 1px solid #e5e5e5; transition: background 0.3s ease; -o-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -webkit-transition: background 0.3s ease; } .downh .table .tbody .tr:hover{ background: #006dba; color: #fff; } .downh .table .tbody .tr:hover .img_s{ display: none; } .downh .table .tbody .tr:hover .img_d{ display: inline-block; } /*媒体查询*/ @media screen and (max-width: 1230px) { .header1 .head2 .navtop .lit{ width: 157px; } } @media screen and (max-width: 1199px) { body, body.active { padding-top: 80px; } .slick_banner .item img{ width: 100%; } .index .rele .slick_pro2 .fl{ padding-left: 25px; padding-right: 25px; } .index .rele .slick_pro2 .fr{ padding-right: 40px; } .company .pcon1 .con{ padding: 30px 30px 0; } .inpage .content p{ line-height: 30px; } .product_li .product_nei .product_nei1 .imgk{ width: 310px; } .product_li .product_nei .product_nei1 .pzi { width: calc(100% - 310px); width: -webkit-calc(100% - 310px); } } @media screen and (max-width: 991px) { .index .pros .ul1 li .imgk img{ width: 114px; } .index .pros .ul1 li h3 { margin-top: 20px; font-size: 16px; } .index .rele .slick_pro .item{ margin: 0 20px; } .index .rele .slick_pro .item .imgk { width: 120px; height: 120px; line-height: 120px; } .index .rele .slick_pro2 .fr{ padding-right: 0; } .index .slick_newsh .item .imgk{ width: 356px; } .index .slick_newsh .item .lin { width: calc(100% - 356px); width: -webkit-calc(100% - 356px); padding-left: 25px; } .index .slick_newsh .item .lin h2{ line-height: 1.5; margin-top: 15px; margin-bottom: 15px; font-size: 18px; } .index .slick_newsh .item .lin h5 { margin-top: 18px; } footer .foot1 .ul1{ width: 100%; } footer .foot1 .ul1 li{ width: 100%; margin-right: 0; text-align: center; } footer .foot1 .ul2{ width: 100%; margin-top: 15px; border-top: 1px solid #2b86c6; text-align: center; padding-top: 15px; } footer .foot1 .ul2 span{ width: 100%; margin-right: 0; margin-bottom: 9px; } footer .foot1 .ul2 li{ float: none; display: inline-block; margin: 0 10px; } footer .foot2 p{ width: 100%; margin-right: 0; text-align: center; } .history .plist .group{ padding: 0; } .history .plist .group .r{ padding-left: 40px; } .history .plist .group .l{ padding-right: 40px; } .history .plist .group .r::after, .history .plist .group .l::after { width: 20px; } .product_li .pcon{ width: 100%; } .news_list .newsul li .lin .imgk{ width: 100%; } .news_list .newsul li .lin .licn{ width: 100%; padding-left: 25px; padding-right: 25px; } .contact .content{ height: auto; padding-bottom: 35px; } .contact .contact1{ width: 100%; max-width: none; height: auto; } .contact .formk{ width: 100%; } } @media screen and (max-width: 767px) { .slick_banner .item img.img_s{ display: none !important; } .slick_banner .item img.img_dd{ display: block !important; } .slick_banner .slick-dots { bottom: 10px; } .index .pros .ul1 li{ width: 50%; } .index .pros h1, .index .rele h1 { font-size: 24px; margin-bottom: 15px; } .index .pros h1 .span, .index .rele h1 .span { font-size: 16px; } .index .pros p, .index .rele p { font-size: 12px; } .index .rele .slick_pro2 .fr, .index .rele .slick_pro2 .fl{ width: 100%; } .index .rele .slick_pro2 .imgk{ text-align: center; } .index .rele .slick_pro2 .slick-dots{ } .index .rele .slick_pro2 .slick-dots li{ width: 8px; height: 8px; border-radius: 50%; border: 1px solid #006dba; } .index .rele .slick_pro2 .slick-dots li.slick-active{ background: #006dba; } .index .slick_newsh .item .imgk, .index .slick_newsh .item .lin { width: 100%; padding-left: 0; } .index .slick_newsh .item .lin h2{ line-height: 1.5; margin-top: 15px; margin-bottom: 15px; font-size: 18px; } .index .slick_newsh .item .lin h5 { margin-top: 18px; } .inpage .bannei{ height: 160px; text-align: center; } .inpage .bannei h1{ font-size: 36px; } .inpage .bannei h2{ font-size: 20px; } .company .content{ padding-top: 35px; } .company .pcon1 .r{ width: 100%; height: auto; } .company .pcon1 .con{ padding: 25px 15px; } .company .pcon1 h3{ font-size: 18px; } .history .plist::before{ left: 13px; margin-left: 0; } .history .plist .group .r::before, .history .plist .group .l::before { left: -1px; right: auto; } .history .plist .group .r::after, .history .plist .group .l::after { left: 19px; right: auto; } .history .plist .group .r, .history .plist .group .l{ width: 100%; padding-left: 40px; padding-right: 0; } .history .plist .group .l .text-right { text-align: left; } .history .plist .group .l p{ padding-left: 17px; padding-right: 0; } .history .plist .group .l p::before{ left: 0; right: auto; } .history .plist .group .r, .history .plist .group .l{ margin-top: 35px; } .product_li .ullist li{ width: 100%; margin-bottom: 15px; } .product_li .product_nei .product_nei1 .imgk, .product_li .product_nei .product_nei1 .pzi { width: 100%; padding-left: 0; } .product_li .product_nei .product_nei1 .pzi h1{ font-size: 24px; } .product_li .product_nei .product_nei1 .pzi p{ height: auto; } .product_li .product_nei .product_nei2 .fen li{ width: 100%; line-height: 30px; font-size: 14px; } .product_li .product_nei .product_nei1{ margin-bottom: 35px; } .news_list .newsul li .lin .imgk{ height: auto; } .product_de .product_d h3{ font-size: 24px; } .product_de .product_d h5 span{ display: block; line-height: 24px; margin: 0; } .product_de .product_d .shangxia a{ float: left; width: 100%; } .kefu .prolist .que .circle, .kefu .prolist .ans .circle{ left: 0; } .kefu .prolist .que{ padding-left: 52px; padding-right: 30px; padding-top: 25px; padding-bottom: 25px; font-size: 16px; } .kefu .prolist .que .ar{ right: 0; } .kefu .prolist .ans { padding: 30px 22px 30px 52px; } .contact .contact1{ padding: 35px 15px; } .contact .contact1 .tit span, .contact .contact1 .tit .span2 { display: block; margin-left: 0; line-height: 24px; font-size: 24px; padding-left: 15px; } .contact .contact1 .pcon{ padding-left: 15px; } .contact .contact1 .ul1 li{ line-height: 30px; padding-bottom: 11px; } .contact .contact1 .ul1 li span{ line-height: 30px; } .contact .contact1 .ul2 li{ padding-left: 80px; } .contact .formk .tit .span1{ font-size: 38px; } .contact .formk form{ padding-left: 15px; padding-right: 15px; } .contact .formk .inputk input{ width: calc(100% - 107px); width: -webkit-calc(100% - 107px); } .contact .formk .inputk span{ left: auto; right: -12px; } .contact .formk .inputyan img{ position: absolute; top: 35px; right: 0; } .contact .formk .btn1, .contact .formk .btn2{ width: 100%; margin-left: 0; } .contact .formk .btn1{ margin-top: 20px; } .downh .table .td:nth-child(1){ width: 20%; } .downh .table .td:nth-child(2){ width: 60%; } .downh .table .td:nth-child(3){ display: none; } .downh .table .td:nth-child(4){ width: 20%; } } @media screen and (max-width: 400px) { .xialaph .xialadi .fr{ float: left; width: 100%; margin-top: 15px; } }