html{margin:0;padding:0;border:0;} body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img, dl,dt,dd,ol,ul,li,fieldset,form,label,footer, header,hgroup,nav,section {margin:0;padding:0;border:0;} body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;} a{text-decoration:none;outline:none;} input{padding:0;margin:0;font-family:'Microsoft YaHei';} img{border:none;background:none;vertical-align:middle;} ul,ol,li{list-style-type:none;} select,input,img,select{vertical-align:middle;} table{border-collapse:collapse;border-spacing:0} table, th, td {vertical-align: middle} .clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;} .clearfix{zoom:1} .clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;} .clear{clear: both;} h1,h2,h3,h4{font-size:12px;font-weight:bold;} hr {border: 0;border-top:1px solid #ccc;height:0;} @font-face{ font-family: 'font'; src: url("../fonts/HarmonyOS_Sans_SC_Regular.ttf"); } @font-face{ font-family: 'font1'; src: url("../fonts/gilroy-regular-3.otf"); } @font-face{ font-family: 'font2'; src: url("../fonts/gilroy-black-6.otf"); } .top{width:100%;height: 86px;background: #fff;border-top:8px solid #fc6a1f;} .top h1{float: left;} .top-list{float:right;} .tel{float: left;} .tel-img{float: left;margin-top: 22px;} .tel-tit{float: left;margin-left: 7px;font-family: font;font-size: 18px;color:#06305a;font-weight: bold;margin-top: 13px;} .tel-tit p{font-family: font;font-size:14px;color:#999;text-transform: uppercase;} .tel-zhix{float: left;width:2px;height: 56px;background: #ededed;margin: 10px 25px 0;} /*.menu{width:100%;height: 60px;background:#06305a;} .menu li{float: left;} .menu li a{display: block;padding: 0 40px;font-family: font;font-size: 14px;color:#fff;line-height: 60px;} .menu li a:hover{background: #fc6a1f;} @media screen and (max-width: 1439px){ .menu li a{padding: 0 30px;} }*/ .menu{width:100%;height: 60px;background:#06305a;} .menu li{float: left;} .menu li a{display: block;padding: 0 40px;font-family: font;font-size: 14px;color:#fff;line-height: 60px;} .menu li a:hover{background: #fc6a1f;} .menu li ul { width:250px; line-height: 35px; list-style-type:none; text-align:left; left:-999em; background:#fff;z-index:9999; position: absolute;margin-left: -50px;} .menu li ul a{ display: block; width:250px;height: 50px;font-family: font; font-size:14px;line-height: 50px; color:#231816;text-align: center;border: none;padding:0;} .menu li ul li{height: 50px;} .menu li ul a:hover { color:#fff;background: #fc6a1f;} .menu li:hover ul { left: auto;} .menu li.sfhover ul { left: auto;} #content { clear: left;} @media screen and (max-width: 1439px){ .menu li a {padding: 0 30px;} } .navbar-header { padding-top:0; position:relative; } .navbar-header .navbar-toggle { border:1px solid #b4b8bc; height:34px; padding:0 5px; } @media screen and (max-width: 991px){ .navbar-header .navbar-toggle {margin-top: 22px;} } .navbar-header .navbar-toggle .menu { color:#333; left:10px; line-height:34px; position:absolute; top:0 } .navbar-header .navbar-toggle .icon-bar { background-color:#999 } .navbar-header .navbar-toggle:hover { background:#f58220; border:1px solid #f58220; } .navbar-header .navbar-toggle:hover .icon-bar { background-color:#fff } .toleft { -webkit-transition:all .21s ease-out; left:0; overflow-x:hidden; position:relative; transition:all .21s ease-out } .push-toleft { -webkit-transition:all .21s ease-out; left:-260px; transition:all .21s ease-out } .menuid.menuopen { -webkit-transition:all .21s ease-out; left:0; opacity:1; transition:all .21s ease-out } .push-toleft .head { left:-260px } #cbp-spmenu-s2 { -webkit-transition:all .21s ease-out; transition:all .21s ease-out } .menuid { -webkit-transition:all .21s ease-out; height:100%; left:100%; opacity:0; position:fixed; top:0; transition:all .21s ease-out; width:100%; z-index:9999 } .menuopen .mobile-menu-overlay { display: block; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; } .mobile-menu-overlay { background:#000; display:none; filter:alpha(opacity=30); height:100%; opacity:0.3; position:absolute; right:0; top:0; width:200%; z-index:9 } .cbp-spmenu-right { -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-overflow-scrolling:touch; background:rgba(1, 46, 120, 0.8); box-shadow:0 0 10px rgba(0,0,0,0.3); display:block; height:100%; max-width:260px; overflow:auto; padding:60px 0 40px; position:absolute; right:0; top:0; width:100%; z-index:10 } .cbp-spmenu-right .ulchild { padding-left:20px; } .cbp-spmenu-right li a { border-bottom:solid 1px #001c4a; color:#fff; display:block; padding:15px 23px } .cbp-spmenu-right li a:hover { background:#f58220; text-decoration:none } .menuid .icon-close { -webkit-transition:all .21s ease-out; cursor:pointer; display:block; font-size:16px; padding:20px 20px 0 0; position:absolute; right:0; top:0; transition:all .21s ease-out } .menuid .icon-close span { -webkit-transition:all .21s ease-out; background:url(../images/clod.png) no-repeat center; color:#fff; font-size:18px; height:14px; transition:all .21s ease-out; width:14px } .menuid .icon-close:hover span { color:#f58220; } .fullwidthbanner-container { width:100%!important; position: relative; max-height: 470px!important; box-shadow: 0px 5px 8px rgb(0,0,0,0.3); background:#EBEBEB url(../images/loader.gif) no-repeat 50%; } .tp-simpleresponsive>ul>li { list-stye: none; position: absolute; visibility: hidden; } .tp-caption h3 { font: 500 50px/60px "Microsoft Yahei"; color:#FF0; width:50%; padding: 6% 0 0; margin:0 auto; display:block; -webkit-transition:font-size 0.2s ease-out; text-shadow: 0 1px 5px rgba(86, 86, 86, 0.8); } .tp-caption h4 { font:600 60px/80px "Microsoft Yahei"; color:#C00; width:30%; padding: 6% 0 0; margin:0 auto; display:block; -webkit-transition:font-size 0.2s ease-out; text-shadow: 0 4px 5px rgba(255, 255, 255, 0.98); } .tp-simpleresponsive .slotholder *,.tp-simpleresponsive img { -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden; -webkit-perspective:1000; } .tp-simpleresponsive .caption,.tp-simpleresponsive .tp-caption { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:absolute; visibility:hidden; } .tp-simpleresponsive img { max-width:none; } .tp-leftarrow.default { border-radius:3px; z-index:100; cursor:pointer; position:relative; background:url(../images/prev.png) no-repeat; background-size:contain; padding-top:20px!important; width:80px; height:80px; text-align:center; -webkit-transition:background .5s ease-in-out; -moz-transition:background .5s ease-in-out; -o-transition:background .5s ease-in-out; -ms-transition:background .5s ease-in-out; transition:background .5s ease-in-out; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:alpha(opacity=0); opacity:0; -khtml-opacity:0; -moz-opacity:0; visibility:visible; left:50px !important; } .tp-rightarrow.default { border-radius:3px; z-index:100; cursor:pointer; position:relative; background:url(../images/next.png) no-repeat; background-size:contain; padding-top:20px!important; width:80px; height:80px; text-align:center; -webkit-transition:background .5s ease-in-out; -moz-transition:background .5s ease-in-out; -o-transition:background .5s ease-in-out; -ms-transition:background .5s ease-in-out; transition:background .5s ease-in-out; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:alpha(opacity=0); opacity:0; -khtml-opacity:0; -moz-opacity:0; visibility:visible; right:50px !important; } .banner img{width:100%;height: auto;} .zi-banner{width:100%;padding:175px 0;background: #333;} .zi-banner-en{font-family: font2;font-size: 48px;color:#fff;text-transform: uppercase;} .zi-banner h2{font-family: font;font-size: 36px;color:#fff;margin-top: 9px;} .list{background: #e5e5e5;} .list ul{float: left;} .list li{float: left;} .list li a{display: block;padding: 0 20px;font-family: font;font-size: 14px;line-height:80px;color:#06305a;} .loc{float: right;line-height: 80px;font-family: font;font-size:14px;color:#06305a;} .loc a{font-family: font;font-size:14px;color:#333;} .list li a:hover{background: #fc6a1f;color:#fff;} .loc a:hover{color:#fc6a1f;} @media screen and (max-width: 1439px){ .list li a{padding: 0 10px;} } @media screen and (max-width: 991px){ .loc{display: none;} } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .z_banner_text{transition: 2s ease; opacity: 0; transition-delay: .5s; width: 100%; padding: 0 8.3vw; box-sizing: border-box; color: #fff;} .z_banner_text .en{font-family:font2;font-size: 48px;font-weight: bold; text-transform: uppercase; margin-bottom: 1vw;} .z_banner_text .cn{font-family: font; font-size: 36px;; display: inline-block; position: relative; line-height: 2.08vw;} .z_banner_text .dot{ margin-top: 1.5vw;} .z_banner_text .dot em{ display: inline-block;width: 16px;height: 16px;border-radius: 50%; } .z_banner_text .dot .d1{background: #fff; animation: dot1 2s linear infinite;} .z_banner_text .dot .d2{background: #2565d2; opacity: 0.8; animation: dot2 2s linear infinite;} @keyframes dot1 { 0%{transform: translateX(0);} 50%{transform: translateX(16px);} 100%{transform: translateX(0px);} } @keyframes dot2 { 0%{transform: translateX(0px);} 50%{transform: translateX(-16px);} 100%{transform: translateX(0px);} } .z_other_banner{width:100%;padding:180px 0;position: relative;} .z_other_banner .z_banner_text{ opacity: 1; transform: translateY(-25%);} .z_other_banner .z_banner_bar{ padding-bottom: 3.5vw;} .z_other_banner .z_banner_bar::before{ height: 3vw;} .animated { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .product{padding: 120px 0 150px;background: url("../images/bj1.png") no-repeat center;background-size:cover;} .product h2{font-family: font;font-size: 36px;color:#333;text-align: center;} .product-en{font-family: font1;font-size: 18px;color:#999;text-align: center;text-transform: uppercase;margin-top: 4px;} .product ul{margin-left: -20px;margin-top: 52px;} .product li{padding-left: 20px;} .product li a{display: block;padding:20px 20px 0 20px;background: #f5f5f5;border-bottom: 4px solid #2565d2;} .product-img{width:100%;height: auto;overflow: hidden;} .product-img img{width:100%;height: auto;} .product-tit{padding: 40px 0;} .product-tit h3{font-family: font;font-size: 20px;color:#333;text-align: center;} .product-tit h4{font-family: font1;font-size: 12px;color:#999;text-align: center;text-transform: uppercase;margin-top: 7px;} .product-more{margin-top: 80px;} .product-more a{display: block;width:220px;height: 60px;border-radius: 30px;background: #2565d2;margin: 0 auto;font-family: font;font-size: 16px;text-align: center;line-height: 60px;color:#fff;} .product-more a:hover{background: #fc6a1f;color:#fff;} .product li a:hover .product-tit h3{color:#2565d2;} .product li a:hover .product-img img{ -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .product1{padding: 120px 0 150px;background: url("../images/bj2.png") no-repeat fixed;background-size:cover;} .product1 h2{font-family: font;font-size: 36px;color:#fff;text-align: center;} .product1-en{font-family: font1;font-size: 18px;color:#ccc;text-align: center;text-transform: uppercase;margin-top: 4px;} .product1 ul{margin-left: -60px;margin-top: 73px;} .product1 li{padding-left: 60px;} .product1-img{width:100%;height: auto;overflow: hidden;border-radius: 100%;border:2px solid #fff;padding: 25px;} .product1-image{width:100%;height: auto;border-radius: 100%;border:1px solid #2565d2;background: #fff;overflow: hidden;} .product1-image img{width:100%;height: auto;} .product1-tit{margin-top:40px;} .product1-tit h3{font-family: font;font-size: 20px;color:#fff;text-align: center;} .product1-tit h4{font-family: font1;font-size: 12px;color:#999;text-align: center;text-transform: uppercase;margin-top: 7px;} .product1 li a:hover .product1-img{border:2px solid #2565d2;} .product1 li a:hover .product1-tit h3{color:#fc6a1f;} .product1 li a:hover .product1-image img{ -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .product2{padding: 120px 0 150px;background: url("../images/bj3.png") no-repeat center;background-size:cover;} .product2-left{padding-right: 70px;} .product2-left h2{font-family: font;font-size: 36px;color:#333;} .product2-en{font-family: font1;font-size: 18px;color:#999;text-transform: uppercase;margin-top: 4px;} .product2-zhix{width:100%;height: 1px;background: #666;margin: 32px 0;} .product2-con{font-family: font;font-size: 14px;color:#333;line-height: 30px;text-align: justify;height: 120px;overflow: hidden;} .product2-left ul{margin-left: -20px;margin-top: 40px;} .product2-left li{padding-left: 20px;margin-top: 20px;} .product2-left li a{display: block;width:100%;height: 70px;border-radius: 10px;background: #2565d2;} .product2-left li a h3{float: left;font-family: font;font-size: 16px;color:#fff;line-height: 70px;padding-left: 20px;} .product2-left li a p{float: right;font-family: font;font-size: 16px;color:#fff;line-height: 70px;padding-right: 20px;} .product2-left li a:hover{background: #fc6a1f;} .product3{padding: 120px 0 150px;background: url("../images/bj4.png") no-repeat center;background-size:cover;} .product3-left{display: block;width: 100%;height:100px;} .product3-right{padding-left: 70px;} .product3-right h2{font-family: font;font-size: 36px;color:#fff;} .product3-en{font-family: font1;font-size: 18px;color:#ccc;text-transform: uppercase;margin-top: 4px;} .product3-zhix{width:100%;height: 1px;background: #ccc;margin: 32px 0;} .product3-con{font-family: font;font-size: 14px;color:#fff;line-height: 30px;text-align: justify;height: 120px;overflow: hidden;} .product3-right ul{margin-left: -20px;margin-top: 40px;} .product3-right li{padding-left: 20px;margin-top: 20px;} .product3-right li a{display: block;width:100%;height: 70px;border-radius: 10px;background: #2565d2;} .product3-right li a h3{float: left;font-family: font;font-size: 16px;color:#fff;line-height: 70px;padding-left: 20px;} .product3-right li a p{float: right;font-family: font;font-size: 16px;color:#fff;line-height: 70px;padding-right: 20px;} @media screen and (max-width: 991px){ .product3-right{padding-left: 0;} } .product3-right li a:hover{background: #fc6a1f;} .about-left img{width:100%;height: 550px;} .about-right{padding: 90px 0;padding-left: 50px;} .about-en{font-family: font2;font-size: 48px;color:#2565d2;text-transform: uppercase;} .about-right h2{font-family: font;font-size: 36px;color:#333;margin-top: 10px;} .about-content{font-family: font;font-size: 14px;color:#666;line-height: 30px;width:78%;text-align: justify;height: 150px;overflow:hidden;margin-top: 31px;} .about-more{margin-top: 35px;} .about-more img{float: left;} .about-more p{float: left;font-family: font;font-size: 14px;color:#2565d2;font-weight: bold;margin-top:8px;margin-left:10px;} .about-more a:hover p{color:#fc6a1f;} .about-bj{width:100%;padding: 110px 0;background: url("../images/about-bj.png") no-repeat fixed;background-size: cover;} .about-bj h2{font-family: font;font-size: 30px;color:#fff;text-align: center;} .new{padding: 120px 0;background: #fff;} .new-en{font-family: font2;font-size: 48px;color:#2565d2;text-transform: uppercase;} .new-tit{float: left;} .new-tit-more{float: right;margin-top: 41px;} .new-tit-more img{float: left;} .new-tit-more p{float: left;font-family: font;font-size: 14px;color:#2565d2;font-weight: bold;margin-top:8px;margin-left:10px;} .new-tit-more a:hover p{color:#fc6a1f;} .new h2{font-family: font;font-size: 36px;color:#333;margin-top: 10px;} .new ul{margin-top: 43px;} .new li a{display: block;padding: 40px 30px;border: 1px solid #e5e5e5;background: #fff;} .new li a h3{font-family: font;font-size: 18px;color:#333;height: 20px;overflow: hidden;} .new-img{width:100%;height: auto;overflow: hidden;margin-top: 25px;} .new-img img{width:100%;height:auto;} .new-content{font-family: font;font-size: 14px;color:#666;line-height: 30px;margin-top: 21px;height: 90px;overflow: hidden;} .new-more{font-family: font;font-size: 16px;color:#2565d2;font-weight: bold;margin-top: 24px;} .new li a:hover{background: #2565d2;} .new li a:hover h3{color:#fff;} .new li a:hover .new-content{color:#fff;} .new li a:hover .new-more{color:#fc6a1f;} .new li a:hover .new-img img{ -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .footer{padding: 100px 0;background: url("../images/footer.png") no-repeat center;background-size: cover;} .footer-tel{font-family: font;font-size: 30px;color:#fff;} .footer-tel font{font-family: font;font-size: 20px;color:#fff;font-weight: bold;margin-top: -4px;} .footer-zhix{width:100%;height: 1px;background: #fff;margin: 35px 0 200px 0;} .footer-left{float: left;} .footer-right{float: right;width:120px;} .er{width:100px;} .er img{width:100px;height: 100px;} .er p{font-family: font;font-size: 12px;color:#fff;text-align: center;margin-top: 10px;} .banq{font-family: font;font-size: 12px;color:#fff;margin-top: 23px;} .icp{font-family: font;font-size: 12px;color:#fff;margin-top: 11px;} .icp a{font-family: font;font-size: 12px;color:#fff;} .footer-mobi{font-family: font;font-size: 12px;color:#fff;} .footer-mobi font{font-family: font;font-size: 16px;color:#fff;font-weight: bold;margin-top: 6px;} .footer-mail{font-family: font;font-size: 12px;color:#fff;line-height: 24px;margin-top: 32px;text-transform: uppercase;} .footer-mail a{font-family: font;font-size: 12px;color:#fff;} .footer-mail a:hover{color:#fc6a1f;} .company{padding: 120px 0;background: #fff;} .company h2{font-family: font;font-size: 30px;color:#333;font-weight: bold;text-align:center;} .company-fk{width:50px;height: 3px;background: #2565d2;margin: 0 auto;margin-top: 27px;} .company-content{font-family: font;font-size: 16px;color:#666;line-height: 36px;margin-top: 35px;} .products{padding: 90px 0 120px;background: #f5f5f5;} .products h2{font-family: font; font-size:30px;color:#333;} .products-zhix{width:40px;height:3px;background:#2565d2;margin:14px 0 44px;} .products-list ul{margin-left: -30px;} .products-list li{padding-left: 30px;padding-top:30px;} .products-img{width: 100%;height: auto;overflow: hidden;background: #fff;} .products-img img{width:100%;height: auto;} .products-right{padding: 30px;height: 295px; background: #fff;border-left:1px solid #ededed;} .products-right h3{font-family: font;font-size: 18px;color:#333;height: 19px;overflow: hidden;} .products-con{font-family: font;font-size: 14px;line-height: 30px;color:#666;height: 90px;overflow: hidden;margin-top:40px;text-align: justify;} .products-more{width:50%;height: 40px; background-image: linear-gradient(to right ,#2565d2,#033a94,#0754d1,#106aff); font-family: font;font-size: 14px;color:#fff;text-align: center;line-height: 40px;border-radius: 10px;margin-top: 40px;} .products li a:hover .products-right{background: #2565d2;} .products li a:hover .products-right h3{color:#fff;} .products li a:hover .products-con{color:#fff;} .products li a:hover .products-more{background: #fff;color:#2565d2;} .products li a:hover .products-img img{ -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } @media screen and (max-width: 1439px){ .products-con{height: 60px;overflow: hidden;} .products-right{height: 230px;} .products-more{margin-top: 20px;} } @media screen and (max-width: 991px){ .products-con{height:60px;overflow: hidden;} .products-right{height: auto;} } .products-detail{padding:120px 0;background: #fff;} .products-detail img{width:100%;height: auto;border: 1px solid #f2f2f2;box-sizing: border-box;} .products-detail-right{padding-left: 50px;} .products-detail-right h3{font-family: font;font-size: 30px;color:#333;font-weight: bold;} .products-detail-con{padding:120px 0;background: #f5f5f5;} .products-detail-content{padding:50px;background: #fff;} .products-detail-content h3{font-family: font;font-size: 30px;color:#333;font-weight: bold;line-height:48px;} .products-detail-con-fk{width:60px;height: 3px;background: #2565d2;margin-top: 30px;} .products-detail-con-content{font-family:font;font-size: 14px;line-height: 30px;color: #666;} .products-detail-zhix{width: 100%;height: 1px;background: #f2f2f2;margin: 50px 0;} .right-zhix{width:60px;height: 3px;background: #2565d2;margin: 30px 0;} .right-fk a{display: block;width:100px;height: 40px;border-radius: 5px; background: #2565d2;font-size: 14px;text-align: center;line-height:40px;color: #fff;font-family: font;} .right-fk a:hover{background: #fc6a1f;color:#fff;} @media screen and (max-width: 1439px){ .products-detail-content img{width:100%;height: auto;} } @media screen and (max-width: 991px){ .products-detail-right{padding-left: 0;} .products-detail-right h3{margin-top: 50px;} .products-detail-content{padding:30px;} .products-detail-contnet h3{line-height: 30px;} .products-detail-con-fk{margin-top: 20px;} .products-detail-con-content{margin-top: 50px;} } .page2{margin-top:200px;} .prev,.next{font-size:14px;color:#333;font-family: font;} .next{margin-top: 11px;} .prev a,.next a{font-size:14px;color:#333;float: none !important;background: none;border: none;font-family: font;} .prev a:hover,.next a:hover{background: none;border: none;color:#f58220;} .service{padding: 90px 0;background: #f5f5f5;} .service h2{font-family: font;font-size: 30px;color:#333;font-weight: bold;text-align:center;} .service-zhix{width:50px;height: 3px;background: #2565d2;margin: 0 auto;margin-top: 27px;} .service-list ul{margin-left: -30px;margin-top:20px;} .service-list li{padding-left: 30px;padding-top: 30px;} .service-img{width:100%;height: auto;overflow: hidden;position: relative;} .service-img img{width: 100%;height: auto;} .service-date{width:100px;height: 40px;background: #2565d2;font-family: font1;font-size: 14px;font-weight: bold;text-align: center;line-height: 40px;color:#fff;position: absolute;right:0;bottom:0;} .service-tit{padding: 50px 30px;background: #fff;} .service-tit h3{font-family: font;font-size: 18px;color:#333;height:20px;overflow: hidden;} .service-con{font-family: font;font-size: 14px;color:#666;line-height: 30px;margin-top: 16px;height: 90px;overflow: hidden;} .service-list a:hover .service-tit h3{color:#2565d2;} .service-list a:hover .service-img img{ -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .technical{padding: 120px 0;background: #fff;} .technical h2{font-family: font;font-size: 30px;color:#333;font-weight: bold;text-align:center;} .technical-zhix{width:50px;height: 3px;background: #2565d2;margin: 0 auto;margin-top: 27px;} .technical-list{border-top:1px solid #e5e5e5;margin-top: 50px;} .technical-list li a{display: block;padding:50px 0;border-bottom:1px solid #e5e5e5;} .technical h3{float: left;font-family: font;font-size: 14px;color:#333;} .technical-date{float: right;font-family: font1;font-size: 14px;color:#2565d2;} .technical-list li a:hover h3{color:#2565d2;font-weight: bold;} .news-d{padding: 120px 0;background: #f5f5f5;} .news-d h2{font-family: font; font-size:30px;color:#333;text-transform: uppercase;} .news-d-zhix{width:40px;height:3px;background:#012e78;margin:14px 0 44px;} .news-d-con{padding: 50px;background: #fff;font-family: font;font-size: 16px;line-height:36px;color:#666;} .news-d-date{float: left;font-family: font;font-size: 14px;color:#333;} .news-d-date font{font-family: font;font-size: 14px;color:#012c78;font-weight: bold;} .news-d-ci{float: right;font-family: font;font-size: 14px;color:#333;} .news-d-ci font{font-family: font;font-size: 14px;color:#012c78;font-weight: bold;} .news-d-zhixian{width:100%;height: 1px;background: #f2f2f2;margin:14px 0;} .news-de-right{padding-left: 30px;} .news-de-list{padding:30px;background: #fff;} .news-de-tit h3{font-size: 16px;color:#012e78;font-family: font;} .news-de-list li{margin-top: 20px;} .news-de-list li h3{font-size: 14px;color:#242021;font-family: font;} .news-de-list li a:hover h3{color:#f58220;} .return{width:100%;height:80px;background: #fff;} .return a{display: block;width:100%;height: 80px;font-size: 16px;color:#666;text-align: center;line-height: 80px;font-family: font2;} .return a:hover{color:#f58220;} .return a img{margin-top: -2px;margin-right:10px;} @media screen and (max-width: 991px){ .news-de-right{padding-left: 0;margin-top: 30px;} } .honor-list{padding:90px 0 120px;background: #fff;} .honor-list ul{margin-left: -30px;} .honor-list li{padding-left: 30px;margin-top: 30px;} .honor-list-img{width:100%;height: auto;overflow: hidden;border:1px solid #e5e5e5;} .honor-list-img img{width:100%;height: auto;} .honor-list h3{width:100%;height:60px;background: #e5e5e5;font-family: font;font-size: 16px;color:#012e78;text-align: center;line-height: 60px;} .honor-list li a:hover h3{background: #f58220;color:#fff;} .honor-list li a:hover .honor-list-img img{ -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .contacts{padding:120px 0;background: #fff;} .contacts h2{font-family: font; font-size:30px;color:#333;} .contacts-zx{width:100%;height: 1px;background: #e5e5e5;margin-top: 45px;} .contacts li{font-family: font; font-size: 16px;color:#333;line-height: 30px;margin-top: 40px;} .contacts li a{font-family: font;font-size: 16px;color:#333;text-transform: uppercase;} .contacts li a:hover{color:#2565d2;} .message{padding:120px 0;background:url(../images/message-bj.png) no-repeat center fixed;background-size: cover;margin-top: 120px;} .messager{padding: 80px;background: #fff;border-top:5px solid #2565d2;} .messager h2{font-family:font;font-size:22px;color:#333;} .messager-fk{width:20px;height: 3px;background:#2565d2;margin-top: 25px;} .messager-content{font-family:font;font-size: 14px;color:#333;line-height: 30px;margin-top:36px;} .messager-tel{font-family:font;font-size: 14px;color:#333;margin-top: 50px;} .messager-tel p{font-family:font2;font-size: 24px;color:#2565d2;} .message ul{padding-left: 30px;margin-top: -30px;} .message li{margin-top:30px;} .message input{font-family:font;width:100%;height: 50px;border: 0;border-bottom: 1px solid #e5e5e5;outline: none;} .message li p{font-family:font;font-size: 14px;color: #333;} .message textarea{font-family:font;width:100%;height:250px;border: 0;border-bottom: 1px solid #e5e5e5;outline: none;padding-top:20px;} .message button{width:100%;height: 50px;background: #2565d2;border:0;font-family:font;font-size: 14px;color:#fff;outline: none;} @media (max-width:990px) { .messager-tel{margin-bottom:36px;} .message ul{padding:0;} } @media (max-width:550px) { .messager{padding:30px;} } .page{margin-top: 50px;} .page ul{text-align: center;} .page li{display: inline-block;margin-left:13px;} .page li a{display: block;padding:10px;background: #ededed;color:#333;font-size: 14px;font-family: font;} .page li a:hover{background: #f58220;color:#fff;} .page .current{padding:10px;background: #2565d2;color:#fff;font-family: font;} .page #lastspan{padding:10px;background: #ededed;color:#333;font-size: 14px;margin-left: 4px;font-family: font;} .page a:hover #lastspan{background: #f58220;color:#fff;} @media screen and (max-width: 550px){ .page ul{margin-top:30px;} }