@media (min-width:1800px) { .about-tip h3 { height: 124px; width: 245px; background: #43aaff; position: absolute; left: 3%; top: 0px; font-size: 28px; color: #fff; text-align: center; text-transform: uppercase; line-height: 124px; box-shadow: -2px 5px 10px #ccc; } .company-p { width: 180px; height: 182px; position: absolute; right: 18%; top: 22%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); animation: rotation 3s linear infinite; -moz-animation: rotation 3s linear infinite; -webkit-animation: rotation 3s linear infinite; -o-animation: rotation 3s linear infinite; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } } @media (min-width:1600px) and (max-width:1799px) { .about-tip h3 { height: 104px; width: 205px; background: #43aaff; position: absolute; left: 0%; top: 0px; font-size: 26px; color: #fff; text-align: center; text-transform: uppercase; line-height: 104px; box-shadow: -2px 5px 10px #ccc; } .company-p { width: 180px; height: 182px; position: absolute; right: 18%; top: 18%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); animation: rotation 3s linear infinite; -moz-animation: rotation 3s linear infinite; -webkit-animation: rotation 3s linear infinite; -o-animation: rotation 3s linear infinite; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } } @media (min-width:1600px) { /*2025年2月新增*/ .technical_btn_more{margin-left:auto;margin-right:auto;width:510px;padding:60px 0;} .technical_btn_more a{display:block;border:3px solid #0b7cc3;color:#0b7cc3;display:flex;justify-content:space-between;align-items:center;} .technical_btn_more a:hover{color:#0b7cc3;} .technical_btn_more a span{display:block;font-size:22px;width:430px;text-align:center;} .technical_btn_more a img{display:block;width:70px;} .technical_tan{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;display:none;} .technical_tan .technical_tan_bj{width:100%;height:100%;background-color:#000000;opacity:0.6;} .technical_tan .technical_tan_main{position:absolute;z-index:9999;top:45%;left:50%;transform:translate(-50%,-50%);width:800px;} .technical_tan .technical_tan_main .technical_tan_title{padding:20px;background: linear-gradient(to right, #025a91, #0a77bb);} .technical_tan .technical_tan_main .technical_tan_title p{font-size:20px;color:#ffffff;line-height:32px;} .technical_tan .technical_tan_body{padding:20px 20px 10px 20px;display:flex;justify-content:space-between;align-items:center;flex-flow: row wrap;background-color:#ffffff;} .technical_tan .technical_tan_body .item{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #888888;margin-bottom:10px} .technical_tan .technical_tan_body .item span{color:#636363;font-size:16px;display:block;padding-right:5px;padding-left:5px;} .technical_tan .technical_tan_body .item input{height:36px;font-size:16px; flex-grow: 1;border:none;} .technical_tan .technical_tan_body .item textarea{height:100px;font-size:16px; flex-grow: 1;resize:none;border:none;} .technical_tan .technical_tan_body .item input:focus{outline: none;} .technical_tan .technical_tan_body .item textarea:focus{outline: none;} .technical_tan .technical_tan_body .item.item_s{width:33%;} .technical_tan .technical_tan_body .item.item_qq input{width:160px;} .technical_tan .technical_tan_body .item.item_b{align-items:start;} .technical_tan .technical_tan_btn{display:flex;justify-content:space-between;align-items:center;padding:10px 180px;width:100%;} .technical_tan .technical_tan_btn a{display:block;font-size:18px;width:180px;text-align:center;height:40px;line-height:40px;} .technical_tan .technical_tan_btn a.btn_add{background-color:#0b7cc3;color:#ffffff;} .technical_tan .technical_tan_btn a.btn_cancle{background-color:#a3a3a3;color:#ffffff;} /*2023.10.29新增*/ /*检索空*/ .search_empty{padding-left:280px;padding-top:20px;} .search_empty p{font-size:16px;margin-bottom:16px;line-height:26px;} /*2023年7月新增*/ /*投资者关系*/ .investor-box01{padding:100px 0;} .investor-box01 .investor-left .investor-item{width:80%;padding:30px 0;} .investor-box01 .investor-left .investor-item:first-child{border-bottom:1px solid #0b7cc3;padding-top:0;} .investor-box01 .investor-left .investor-item h2{padding-left:30px;font-size:24px;color:#212121;position:relative;margin-bottom:30px;} .investor-box01 .investor-left .investor-item h2:before{content:"";display:block;width:10px;height:10px;border-radius:10px;background-color:#0b7bc3;position:absolute;top:50%;transform:translateY(-50%);left:0;} .investor-box01 .investor-left .investor-item p{padding-left:30px;font-size:18px;color:#5e5e5e;line-height:40px;} .investor-box01 .investor-left .investor-item .more{padding-left:30px;} .investor-box01 .investor-left .investor-item .more a{display:block;width:100px;height:30px;line-height:30px;border-radius:10px;font-size:16px;color:#ffffff;background-color:#0b7cc3;text-align:center;} .investor-box01 .investor-right .map{width:100%;height:350px;} /*2020年12月新增*/ /*联系我们*/ .content_body{ padding-top: 50px;} .content_body .container{ width: 1600px;} .content_body .content_item{ overflow: hidden;width: 532px;border: 1px solid #0b7cc3; margin-left: auto;margin-right: auto;margin-bottom: 50px;padding: 5px;} .content_body .content_item .content_item_info{ float: left;width: 320px;padding: 20px 35px 0 20px;} .content_body .content_item .content_item_info h2{ font-size: 24px;color: #0b7cc3;font-weight: bold;} .content_body .content_item .content_item_info p{ font-size: 18px;margin-top: 15px;line-height: 26px;} .content_body .content_item .content_item_img{ float: left;width: 200px;} .content_body .content_item .content_item_img img{ display: block;width: 100%;} /*第二版开始*/ .rong_index2 .container{ width: 1400px;} .rong_index2 .row{ margin-left: 0;margin-right: 0;} /*首页头部第二版*/ .rong_header02{background-color: #f2f2f2;} .rong_header02 .rong_header02_info{ width: 1400px;margin-left: auto;margin-right: auto;overflow: hidden;} .rong_header02 .rong_header_logo{ width: 200px;height: 100px;line-height: 100px;} .rong_header02 .rong_header_logo img{ width: 200px;height: 42px;} .rong_header02 .rong_header_logo img.img02{ display: none;} .rong_header02 .rong_header_nav{ width: 900px;padding-left: 90px;} .rong_header02 .rong_header_nav .rong_header_menu_close{ display: none;} .rong_header02 .rong_header_nav ul{ overflow: hidden;} .rong_header02 .rong_header_nav ul li{ float: left;} .rong_header02 .rong_header_nav ul li a{ color: #000000;font-size: 16px;height: 100px;line-height: 100px;padding-right: 64px;font-weight: bold;} .rong_header02 .rong_header_nav ul li a.btn_child01{font-size:20px;letter-spacing:6px;} .rong_header02 .rong_header_nav_btn{ display: none;} .rong_header02 .rong_header_search{ width: 180px;position: relative;margin-top: 35px;} .rong_header02 .rong_header_search input{ width: 100%;height: 32px;border: none;border-radius: 10px;padding-left: 32px;} .rong_header02 .rong_header_search a{ position: absolute;left: 6px;top: 6px;width: 20px;height: 20px;} .rong_header02 .rong_header_search a img{ width: 20px;height: 20px;} .rong_header02 .rong_header_language{ width: 80px;text-align: right;height: 100px;line-height: 100px;font-size: 20px;font-weight: bold;} .rong_header02 .rong_header_language a{font-family:Arial;} .rong_header02 .btn_hom01:hover a{ color: #0b7cc3;position: relative;} .rong_header02 .btn_hom01:hover a:after{ content: "";position: absolute;left: 0;bottom: -10px;width: 48px;height: 2px;border-top: 2px solid #0b7cc3;} .rong_header02 .btn_pro01:hover .rong_nav_product{display: block;} .rong_header02 .btn_pro01:hover a,.rong_header02 .btn_pro01.on a{ color: #0b7cc3;position: relative;} .rong_header02 .btn_pro01:hover a:after,.rong_header02 .btn_pro01.on a:after{ content: "";position: absolute;left: 0;bottom: -10px;width: 100px;height: 2px;border-top: 2px solid #0b7cc3;} /*.nav_product_datas_li:hover .nav_product_datas_div{ display: block;} .nav_product_datas_div{ display: none;}*/ .nav_product_datas_div{ display: none;} .nav_product_datas_li.li_on .nav_product_datas_div{ display: block;} .rong_header02 .rong_nav_product{display: none;position: absolute;left: 0;top: 100px;background-color: #ffffff;z-index: 999;width: 100%;border-top: 1px solid #0b7cc3;opacity:0.9;} .rong_header02 .rong_nav_product:after{ content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 6px;background: url(../images/bg_01.jpg) no-repeat bottom center;background-size: 100% 6px;} .rong_header02 .rong_nav_product .nav_product_info{ width: 1400px;margin-left: auto;margin-right: auto;overflow: hidden;padding: 30px 0 50px 0;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item{ float: left;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_title{display: block;width: 100%; color: #0b7cc3;font-size: 22px;font-weight: bold;height: 30px;line-height: 30px;margin-bottom: 30px;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_title:after{ display: none;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li{ position: relative;width: 100%;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li:after{ content: "";position: absolute;left: 0;bottom: 6px;width: 200px;border-top: 1px dashed #000000;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li a{display: block; height: 50px;line-height: 50px;font-size: 14px;background:url(../images/ico_01.png) no-repeat left center;background-size: 18px 12px;padding-left: 30px;color: #000000;font-weight: normal;padding-right:0;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li:hover a{ color: #0b7cc3;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li a:after{ display: none;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li .nav_product_datas_div{padding-bottom:20px;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li .nav_product_datas_div a{ background: none;font-size: 12px;color: #000000;height:36px;line-height:36px;white-space:nowrap;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li .nav_product_datas_div a:hover{ color: #0b7cc3;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li.nav_product_datas_top a{background:none;color:#0b7cc3;padding-left:0;font-size:16px;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li.nav_product_datas_top:after{display:none !important;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item.nav_product01{ width: 50%;overflow: hidden;position:relative;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item.nav_product01:after{content:"";display:block;position:absolute;top:0;bottom:0;right:20px;width:1px;border-left:1px dashed #000000;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item.nav_product01 .nav_product_title{text-align: center;width: 90%;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item.nav_product01 .nav_product_datas{ float: left;width: 33.3333%;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item.nav_product02{ width: 50%;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item.nav_product02 .nav_product_title{text-align: center;width: 90%;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item.nav_product02 .nav_product_datas{ float: left;width: 50%;} .rong_header02 .btn_con01:hover .rong_nav_contact{display: block;} .rong_header02 .btn_con01:hover a,.rong_header02 .btn_con01.on a{ color: #0b7cc3;position: relative;} .rong_header02 .btn_con01:hover a:after,.rong_header02 .btn_con01.on a:after{ content: "";position: absolute;left: 0;bottom: -10px;width: 100px;height: 2px;border-top: 2px solid #0b7cc3;} .rong_header02 .rong_nav_contact{ display: none;position: absolute;left: 0;top: 100px;background-color: #ffffff;z-index: 999;width: 100%;border-top: 1px solid #0b7cc3;border-bottom: 1px solid #0b7cc3;opacity:0.9;} .rong_header02 .rong_nav_contact .rong_nav_contact_info{ width: 1400px;margin-left: auto;margin-right: auto;overflow: hidden;padding: 30px 0 50px 0;} .rong_header02 .rong_nav_contact .rong_nav_contact_info .rong_nav_contact_item{ width: 25%;float: left;position: relative;height: 100px;} .rong_header02 .rong_nav_contact .rong_nav_contact_info .rong_nav_contact_item:after{ content: "";position: absolute;top: 15px;bottom: 15px;right: 30px;width: 1px;border-right: 1px dashed #000000;} .rong_header02 .rong_nav_contact .rong_nav_contact_info .rong_nav_contact_item:last-child:after{ display: none;} .rong_header02 .rong_nav_contact .rong_nav_contact_info .rong_nav_contact_item a{ display: block;width: 170px;height: 50px;line-height: 50px;font-size: 16px; color:#0b7cc3; font-weight: bold;background:url(../images/ico_01.png) no-repeat right center;background-size: 18px 12px;} .rong_header02 .rong_nav_contact .rong_nav_contact_info .rong_nav_contact_item a:after{ display: none;} .rong_header02 .btn_tec01:hover .rong_nav_technical{display: block;} .rong_header02 .btn_tec01:hover a,.rong_header02 .btn_tec01.on a{ color: #0b7cc3;position: relative;} .rong_header02 .btn_tec01:hover a:after,.rong_header02 .btn_tec01.on a:after{ content: "";position: absolute;left: 0;bottom: -10px;width: 100px;height: 2px;border-top: 2px solid #0b7cc3;} .rong_header02 .rong_nav_technical{display: none;position: absolute;left: 0;top: 100px;background-color: #ffffff;z-index: 999;width: 100%;border-top: 1px solid #0b7cc3;border-bottom: 1px solid #0b7cc3;opacity:0.9;} .rong_header02 .rong_nav_technical .rong_nav_technical_info{width: 1000px;margin-left: auto;margin-right: auto;overflow: hidden;padding: 30px 0 30px 0;} .rong_header02 .rong_nav_technical .rong_nav_technical_info .rong_nav_technical_item{ width: 33.333%;float: left;position: relative;height: 120px;} .rong_header02 .rong_nav_technical .rong_nav_technical_info .rong_nav_technical_item:after{ content: "";position: absolute;top: 20px;bottom: 10px;right: 40px;width: 1px;border-left: 1px dashed #000000;} .rong_header02 .rong_nav_technical .rong_nav_technical_info .rong_nav_technical_item:last-child:after{display:none;} .rong_header02 .rong_nav_technical .rong_nav_technical_info .rong_nav_technical_item a{ display: block;width: 100%;color: #000000;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;overflow: hidden;} .rong_header02 .rong_nav_technical .rong_nav_technical_info .rong_nav_technical_item a.rong_nav_technical_title{ color: #0b7cc3;font-size: 16px;font-weight: bold;overflow:hidden;} .rong_header02 .rong_nav_technical .rong_nav_technical_info .rong_nav_technical_item a.rong_nav_technical_title span{display:block;float:left;} .rong_header02 .rong_nav_technical .rong_nav_technical_info .rong_nav_technical_item a.rong_nav_technical_title i{display:block;float:left;background: url(../images/ico_01.png) no-repeat right center;background-size: 14px 14px;width:42px;height:40px;} .rong_header02 .rong_nav_technical .rong_nav_technical_info .rong_nav_technical_item a:after{ display: none;} .rong_header02 .btn_app01:hover .rong_nav_application{display: block;} .rong_header02 .btn_app01:hover a,.rong_header02 .btn_app01.on a{ color: #0b7cc3;position: relative;} .rong_header02 .btn_app01:hover a:after,.rong_header02 .btn_app01.on a:after{ content: "";position: absolute;left: 0;bottom: -10px;width: 100px;height: 2px;border-top: 2px solid #0b7cc3;} .rong_header02 .rong_nav_application{display: none; position: absolute;left: 0;top: 100px;background-color: #ffffff;z-index: 999;width: 100%;border-top: 1px solid #0b7cc3;border-bottom: 1px solid #0b7cc3;opacity:0.9;} .rong_header02 .rong_nav_application .rong_nav_application_info{width: 1200px;margin-left: auto;margin-right: auto;overflow: hidden;padding: 0 0 30px 0;} .rong_header02 .rong_nav_application .rong_nav_application_info .rong_nav_application_item{ width: 25%;float: left;position: relative;padding-right: 20px;height:390px;} .rong_header02 .rong_nav_application .rong_nav_application_info .rong_nav_application_item:nth-child(2):before{ content: "";position: absolute;top: 40px;bottom: 0;left: -20px;width: 1px;border-left: 1px dashed #000000;} .rong_header02 .rong_nav_application .rong_nav_application_info .rong_nav_application_item:nth-child(2):after{ content: "";position: absolute;top: 40px;bottom: 0;right: 20px;width: 1px;border-left: 1px dashed #000000;} .rong_header02 .rong_nav_application .rong_nav_application_info .rong_nav_application_item:nth-child(3):after{ content: "";position: absolute;top: 40px;bottom: 0;right: 20px;width: 1px;border-left: 1px dashed #000000;} .rong_header02 .rong_nav_application .rong_nav_application_info .rong_nav_application_item a{ display: block;width: 100%;color: #000000;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;overflow: hidden;} .rong_header02 .rong_nav_application .rong_nav_application_info .rong_nav_application_item a.rong_nav_application_title{margin-top: 30px; color: #0b7cc3;font-size: 16px;font-weight: bold;overflow:hidden;padding-right:0;} .rong_header02 .rong_nav_application .rong_nav_application_info .rong_nav_application_item a.rong_nav_application_title span{display:block;float:left;} .rong_header02 .rong_nav_application .rong_nav_application_info .rong_nav_application_item a.rong_nav_application_title i{display:block;float:left;background: url(../images/ico_01.png) no-repeat right center;background-size: 14px 14px;width:42px;height:40px;} .rong_header02 .rong_nav_application .rong_nav_application_info .rong_nav_application_item a:hover{ color: #0b7cc3;} /*首页产品第二版*/ .rong_index2 .rong_product2 .rong_product_title{color: #01173a;font-size: 38px;font-weight: bold;text-shadow:2px 2px 1px #c7c7c7;text-align: center;height: 120px;line-height: 120px;} .rong_index2 .rong_product2 .rong_product_body{overflow:hidden;background-color: #ffffff;padding: 20px 50px;-moz-box-shadow:2px 2px 5px #6C6C6C; -webkit-box-shadow:2px 2px 5px #6C6C6C; box-shadow:2px 2px 5px #6C6C6C;} .rong_index2 .rong_product2 .rong_product_body .product2_item p{ text-align: center;color: #01173a;font-size: 28px;font-weight: bold;line-height: 70px;height: 70px;margin-bottom: 10px;} .rong_index2 .rong_product2 .rong_product_body .product2_item .product2_main{display:flex;flex-direction: row;flex-wrap:wrap;justify-content:space-between;} .rong_index2 .rong_product2 .rong_product_body .product2_item .product2_main a{ display: block;width: 100%;background: url(../images/ico_product_d_01.png) no-repeat left center;color: #58585a;padding-left: 26px;font-size: 18px;font-weight: bold; height: 60px;line-height: 60px;} .rong_index2 .rong_product2 .rong_product_body .product2_item .product2_main a:hover{color:#0b7cc3;} .rong_index2 .rong_product2 .rong_product_body .product2_item .product2_main a:first-child{background:none;padding-left:0;color:#0b7cc3;} .rong_index2 .rong_product2 .rong_product_body .product2_item .product2_main a.dian{background:none;text-align:left;font-size:60px;line-height:20px;padding-left:0;} .rong_index2 .rong_product2 .rong_product_body .product2_item.pro01{ width: 640px;float:left;} .rong_index2 .rong_product2 .rong_product_body .product2_item.pro01 p{ position: relative;} .rong_index2 .rong_product2 .rong_product_body .product2_item.pro01 p:after{ content: "";position: absolute;right: -125px;top: 0;width: 70px;height:70px;bottom: 0;background:url(../images/ico_product_07.png) no-repeat center right;background-size:70px 70px} .rong_index2 .rong_product2 .rong_product_body .product2_item.pro01 .product2_main{ position: relative;} .rong_index2 .rong_product2 .rong_product_body .product2_item.pro01 .product2_main:after{ content: "";position: absolute;right: -90px;top: 18px;width: 3px;bottom: 0;border-right: 3px solid #0b7cc3;} .rong_index2 .rong_product2 .rong_product_body .product2_item.pro02{ width: 480px;float:right;} .rong_index2 .rong_product2 .rong_product_body .product2_item.pro02 .product2_div:nth-child(2){width:220px;} /*首页应用第二版*/ .rong_index2 .rong_application2{padding-bottom: 50px;} .rong_index2 .rong_application2 .application2_title{color: #01173a;font-size: 38px;font-weight: bold;text-shadow:2px 2px 1px #c7c7c7;text-align: center;height: 120px;line-height: 120px;} .rong_index2 .rong_application2 .application_item{ overflow: hidden;} .rong_index2 .rong_application2 .application_item a{ display: block;width: 50%;float: left;text-align: center;height: 153px;line-height: 153px;overflow: hidden;color: #ffffff;font-size: 24px;font-weight: bold;} .rong_index2 .rong_application2 .application_item a img{ display: block;width: 100%;height: 153px;} .rong_index2 .rong_application2 .application_item a span,.rong_index2 .rong_application2 .application_item a img{ display: block;width: 100%;height: 153px;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;} .rong_index2 .rong_application2 .application_item a span:hover,.rong_index2 .rong_application2 .application_item a img:hover{transform:scale(1.2);} .rong_index2 .rong_application2 .application_item.item01{ background-color: #007bbe;} .rong_index2 .rong_application2 .application_item.item02{ background-color: #007bbe;} .rong_index2 .rong_application2 .application_item.item03{ background-color: #006392;} .rong_index2 .rong_application2 .application_item.item04{ background-color: #1e253a;} .rong_index2 .rong_application2 .application_item.item05{ background-color: #007bbe;} .rong_index2 .rong_application2 .application_item.item06{ background-color: #ff2b23;} .rong_index2 .rong_application2 .application_item.item06 a{ width: 100%;} .rong_index2 .rong_application2 .application_item.item06 a.app_imgs{ height: 306px;} .rong_index2 .rong_application2 .application_item.item06 a.app_imgs img{ height: 306px;} .rong_index2 .rong_application2 .application_item.item07{ background-color: #006392;} .rong_index2 .rong_application2 .application_item.item07 a{ width: 100%;} /*首页新闻第二版*/ .rong_index2 .rong_news2{ background-color: #ffffff;padding-top: 28px;padding-bottom: 28px;} .rong_index2 .rong_news2 .rong_news2_about{ padding-left: 80px;} .rong_index2 .rong_news2 .rong_news2_about .title{ color: #01173a;font-size: 36px;font-weight: bold;text-shadow:2px 2px 1px #c7c7c7;} .rong_index2 .rong_news2 .rong_news2_about .info{ line-height: 38px;font-size: 26px;font-weight: bold;color: #58585a;margin-top: 20px;} .rong_index2 .rong_news2 .rong_news2_about .kuai{ overflow: hidden;padding-left: 1px;padding-top: 50px;padding-bottom: 48px;} .rong_index2 .rong_news2 .rong_news2_about .kuai .kuai_item{ width: 33.333%;float: left;border-left: 1px solid #000;padding-left: 10px;} .rong_index2 .rong_news2 .rong_news2_about .kuai .kuai_item p{ font-size: 20px;color: #58585a;} .rong_index2 .rong_news2 .rong_news2_about .kuai .kuai_item .kuai_item_t{ font-size: 32px;font-weight: bold; color: #022051;} .rong_index2 .rong_news2 .rong_news2_about .btn{ color: #6fc8ed;border: 3px solid #6fc8ed;font-size: 24px;font-weight: bold;} .rong_index2 .rong_news2 .rong_news2_about .btn span{ display: block;width: 100%;height: auto;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;} .rong_index2 .rong_news2 .rong_news2_about .btn span:hover{transform:scale(1.06);} .rong_index2 .rong_news2 .rong_news2_list .title{ color: #01173a;font-size: 36px;font-weight: bold;text-shadow:2px 2px 1px #c7c7c7;} .rong_index2 .rong_news2 .rong_news2_list .list_item{ padding: 20px 0;} .rong_index2 .rong_news2 .rong_news2_list .list_item p{ color: #58585a;font-size: 22px;font-weight: bold;} .rong_index2 .rong_news2 .rong_news2_list .list_item div a{ margin-right: 10px;font-size: 20px;font-weight: bold;} .rong_index2 .rong_news2 .rong_news2_list .list_item div span{font-size: 16px;font-family:Arial;} /*首页底部第二版*/ .rong_footer3{ background-color: #ffffff;border-top: 10px solid #0b7cc3;padding-top: 26px;padding-bottom: 20px;} .rong_footer3 .container{width:1400px;} .rong_footer3 .footer_logo{display:block;float:left; text-align: left;height:80px;line-height:80px;} .rong_footer3 .footer_logo img{width:290px;} .rong_footer3 .footer_ma{display:block;float:left; text-align: center;width:100px;} .rong_footer3 .footer_ma img{width:70px;height:70px;} .rong_footer3 .footer_ma p{color:#333333;} .rong_footer3 .footer_address{display:block;float:left; text-align: left;} .rong_footer3 .footer_address p{font-size:14px;height:24px;line-height:24px;padding-left:24px;font-family:Arial;} .rong_footer3 .footer_address p span{font-family:Arial;} .rong_footer3 .footer_address p.footer_01{background:url(../images/footer_01.png) no-repeat left center;background-size:20px 20px;} .rong_footer3 .footer_address p.footer_02{background:url(../images/footer_02.png) no-repeat left center;background-size:18px 18px;margin:10px 0;} .rong_footer3 .footer_address p.footer_03{background:url(../images/footer_03.png) no-repeat left center;background-size:18px 18px;overflow:hidden;} .rong_footer3 .footer_address p.footer_03 span{display:block;float:left;} .rong_footer3 .footer_address p.footer_03 a{display:block;float:left;padding-left:8px;} .rong_footer3 .footer_address p.footer_03 a img{display:block;width:22px;height:22px;} .rong_footer3 .footer_address p.footer_04{padding-left:66px;} .rong_footer3 .footer_right{float:right;} .rong_footer3 .footer_dao{ overflow: hidden;} .rong_footer3 .footer_dao a{ float: right;color: #58585a;font-size: 16px;padding-left: 50px;font-weight: bold;} .rong_footer3 .footer_dao a:hover{color:#0b7cc3;} .rong_footer3 .footer_info{ padding-top: 12px;} .rong_footer3 .footer_info p{ text-align: right;line-height: 24px;color: #58585a;font-size: 14px;font-family:Arial;} /*第二版结束*/ .h-nav ul li { padding: 0 22px !important; } .h-nav ul li a { font-size: 14px !important; } .h-language a { font-size: 20px !important; } .h-search { width: 23px !important; height: 23px !important; overflow: hidden; margin-top: 28.5px !important; margin-right: 18px !important; } .logo { width: 215px !important; height: 44px !important; margin-top: 18px !important; } .newslist { width: 100% !important; margin-left: auto; margin-right: auto; } .newproduct-con { margin-left: 660px !important; } .productlist-bg { width: 1400px; margin-left: auto; margin-right: auto; background: #fff; padding-top: 59px; } } @media (min-width:1200px) and (max-width:1599px) { /*2025年2月新增*/ .technical_btn_more{margin-left:auto;margin-right:auto;width:510px;padding:60px 0;} .technical_btn_more a{display:block;border:3px solid #0b7cc3;color:#0b7cc3;display:flex;justify-content:space-between;align-items:center;} .technical_btn_more a:hover{color:#0b7cc3;} .technical_btn_more a span{display:block;font-size:22px;width:430px;text-align:center;} .technical_btn_more a img{display:block;width:70px;} .technical_tan{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;display:none;} .technical_tan .technical_tan_bj{width:100%;height:100%;background-color:#000000;opacity:0.6;} .technical_tan .technical_tan_main{position:absolute;z-index:9999;top:45%;left:50%;transform:translate(-50%,-50%);width:800px;} .technical_tan .technical_tan_main .technical_tan_title{padding:20px;background: linear-gradient(to right, #025a91, #0a77bb);} .technical_tan .technical_tan_main .technical_tan_title p{font-size:20px;color:#ffffff;line-height:32px;} .technical_tan .technical_tan_body{padding:20px 20px 10px 20px;display:flex;justify-content:space-between;align-items:center;flex-flow: row wrap;background-color:#ffffff;} .technical_tan .technical_tan_body .item{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #888888;margin-bottom:10px} .technical_tan .technical_tan_body .item span{color:#636363;font-size:16px;display:block;padding-right:5px;padding-left:5px;} .technical_tan .technical_tan_body .item input{height:36px;font-size:16px; flex-grow: 1;border:none;} .technical_tan .technical_tan_body .item textarea{height:100px;font-size:16px; flex-grow: 1;resize:none;border:none;} .technical_tan .technical_tan_body .item input:focus{outline: none;} .technical_tan .technical_tan_body .item textarea:focus{outline: none;} .technical_tan .technical_tan_body .item.item_s{width:33%;} .technical_tan .technical_tan_body .item.item_qq input{width:160px;} .technical_tan .technical_tan_body .item.item_b{align-items:start;} .technical_tan .technical_tan_btn{display:flex;justify-content:space-between;align-items:center;padding:10px 180px;width:100%;} .technical_tan .technical_tan_btn a{display:block;font-size:18px;width:180px;text-align:center;height:40px;line-height:40px;} .technical_tan .technical_tan_btn a.btn_add{background-color:#0b7cc3;color:#ffffff;} .technical_tan .technical_tan_btn a.btn_cancle{background-color:#a3a3a3;color:#ffffff;} /*2020年12月新增*/ /*联系我们*/ .content_body{ padding-top: 50px;} .content_body .content_item{ overflow: hidden;width: 452px;border: 1px solid #0b7cc3; margin-left: auto;margin-right: auto;margin-bottom: 50px;padding: 5px;} .content_body .content_item .content_item_info{ float: left;width: 280px;padding: 10px 20px 0 20px;} .content_body .content_item .content_item_info h2{ font-size: 20px;color: #0b7cc3;font-weight: bold;} .content_body .content_item .content_item_info p{ font-size: 14px;margin-top: 10px;} .content_body .content_item .content_item_img{ float: left;width: 160px;} .content_body .content_item .content_item_img img{ display: block;width: 100%;} /*第二版开始*/ .rong_index2 .row{ margin-left: 0;margin-right: 0;} /*首页头部第二版*/ .rong_header02{background-color: #f2f2f2;} .rong_header02 .rong_header02_info{ width: 1200px;margin-left: auto;margin-right: auto;overflow: hidden;} .rong_header02 .rong_header_logo{ width: 200px;height: 100px;line-height: 100px;} .rong_header02 .rong_header_logo img{ width: 200px;height: 42px;} .rong_header02 .rong_header_logo img.img02{ display: none;} .rong_header02 .rong_header_nav{ width: 780px;padding-left: 50px;} .rong_header02 .rong_header_nav .rong_header_menu_close{ display: none;} .rong_header02 .rong_header_nav ul{ overflow: hidden;} .rong_header02 .rong_header_nav ul li{ float: left;} .rong_header02 .rong_header_nav ul li a{ color: #000000;font-size: 16px;height: 100px;line-height: 100px;padding-right: 50px;font-weight: bold;} .rong_header02 .rong_header_nav ul li a.btn_child01{font-size:20px;letter-spacing:6px;} .rong_header02 .rong_header_nav_btn{ display: none;} .rong_header02 .rong_header_search{ width: 160px;position: relative;margin-top: 35px;} .rong_header02 .rong_header_search input{ width: 100%;height: 32px;border: none;border-radius: 10px;padding-left: 32px;} .rong_header02 .rong_header_search a{ position: absolute;left: 6px;top: 6px;width: 20px;height: 20px;} .rong_header02 .rong_header_search a img{ width: 20px;height: 20px;} .rong_header02 .rong_header_language{ width: 60px;text-align: right;height: 100px;line-height: 100px;font-size: 16px;font-weight: bold;} .rong_header02 .btn_hom01:hover a{ color: #0b7cc3;position: relative;} .rong_header02 .btn_hom01:hover a:after{ content: "";position: absolute;left: 0;bottom: -10px;width: 48px;height: 2px;border-top: 2px solid #0b7cc3;} .rong_header02 .btn_pro01:hover .rong_nav_product{display: block;} .rong_header02 .btn_pro01:hover a,.rong_header02 .btn_pro01.on a{ color: #0b7cc3;position: relative;} .rong_header02 .btn_pro01:hover a:after,.rong_header02 .btn_pro01.on a:after{ content: "";position: absolute;left: 0;bottom: -10px;width: 100px;height: 2px;border-top: 2px solid #0b7cc3;} .nav_product_datas_li:hover .nav_product_datas_div{ display: block;} .nav_product_datas_div{ display: none;} .rong_header02 .rong_nav_product{display: none;position: absolute;left: 0;top: 100px;background-color: #ffffff;z-index: 999;width: 100%;border-top: 1px solid #0b7cc3;opacity:0.9} .rong_header02 .rong_nav_product:after{ content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 6px;background: url(../images/bg_01.jpg) no-repeat bottom center;background-size: 100% 6px;} .rong_header02 .rong_nav_product .nav_product_info{ width: 1200px;margin-left: auto;margin-right: auto;overflow: hidden;padding: 30px 0 50px 0;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item{ float: left;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_title{display: block;width: 100%; color: #0b7cc3;font-size: 22px;font-weight: bold;height: 30px;line-height: 30px;margin-bottom: 30px;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_title:after{ display: none;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li{ position: relative;width: 100%;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li:after{ content: "";position: absolute;left: 0;bottom: 6px;width: 200px;border-top: 1px dashed #000000;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li a{display: block; height: 50px;line-height: 50px;font-size: 12px;background:url(../images/ico_01.png) no-repeat left center;background-size: 18px 12px;padding-left: 30px;color: #000000;font-weight: normal;padding-right:0;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li:hover a{ color: #0b7cc3;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li a:after{ display: none;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li .nav_product_datas_div{padding-bottom:20px;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li .nav_product_datas_div a{ background: none;font-size: 12px;color: #000000;height:36px;line-height:36px;white-space:nowrap;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li .nav_product_datas_div a:hover{ color: #0b7cc3;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li.nav_product_datas_top a{background:none;color:#0b7cc3;padding-left:0;font-size:14px;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item .nav_product_datas li.nav_product_datas_top:after{display:none !important;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item.nav_product01{ width: 60%;overflow: hidden;position:relative;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item.nav_product01:after{content:"";display:block;position:absolute;top:0;bottom:0;right:20px;width:1px;border-left:1px dashed #000000;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item.nav_product01 .nav_product_title{text-align: center;width: 90%;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item.nav_product01 .nav_product_datas{ float: left;width: 33.3333%;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item.nav_product02{ width: 40%;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item.nav_product02 .nav_product_title{text-align: center;width: 90%;} .rong_header02 .rong_nav_product .nav_product_info .nav_product_item.nav_product02 .nav_product_datas{ float: left;width: 50%;} .rong_header02 .btn_con01:hover .rong_nav_contact{display: block;} .rong_header02 .btn_con01:hover a,.rong_header02 .btn_con01.on a{ color: #0b7cc3;position: relative;} .rong_header02 .btn_con01:hover a:after,.rong_header02 .btn_con01.on a:after{ content: "";position: absolute;left: 0;bottom: -10px;width: 100px;height: 2px;border-top: 2px solid #0b7cc3;} .rong_header02 .rong_nav_contact{ display: none;position: absolute;left: 0;top: 100px;background-color: #ffffff;z-index: 999;width: 100%;border-top: 1px solid #0b7cc3;border-bottom: 1px solid #0b7cc3;opacity:0.9;} .rong_header02 .rong_nav_contact .rong_nav_contact_info{ width: 1200px;margin-left: auto;margin-right: auto;overflow: hidden;padding: 30px 0 50px 0;} .rong_header02 .rong_nav_contact .rong_nav_contact_info .rong_nav_contact_item{ width: 25%;float: left;position: relative;height: 100px;} .rong_header02 .rong_nav_contact .rong_nav_contact_info .rong_nav_contact_item:after{ content: "";position: absolute;top: 15px;bottom: 15px;right: 30px;width: 1px;border-right: 1px dashed #000000;} .rong_header02 .rong_nav_contact .rong_nav_contact_info .rong_nav_contact_item:last-child:after{ display: none;} .rong_header02 .rong_nav_contact .rong_nav_contact_info .rong_nav_contact_item a{ display: block;width: 170px;height: 50px;line-height: 50px;font-size: 16px; color:#0b7cc3; font-weight: bold;background:url(../images/ico_01.png) no-repeat right center;background-size: 18px 12px;} .rong_header02 .rong_nav_contact .rong_nav_contact_info .rong_nav_contact_item a:after{ display: none;} .rong_header02 .btn_tec01:hover .rong_nav_technical{display: block;} .rong_header02 .btn_tec01:hover a,.rong_header02 .btn_tec01.on a{ color: #0b7cc3;position: relative;} .rong_header02 .btn_tec01:hover a:after,.rong_header02 .btn_tec01.on a:after{ content: "";position: absolute;left: 0;bottom: -10px;width: 100px;height: 2px;border-top: 2px solid #0b7cc3;} .rong_header02 .rong_nav_technical{display: none;position: absolute;left: 0;top: 100px;background-color: #ffffff;z-index: 999;width: 100%;border-top: 1px solid #0b7cc3;border-bottom: 1px solid #0b7cc3;opacity:0.9;} .rong_header02 .rong_nav_technical .rong_nav_technical_info{width: 1000px;margin-left: auto;margin-right: auto;overflow: hidden;padding: 30px 0 30px 0;} .rong_header02 .rong_nav_technical .rong_nav_technical_info .rong_nav_technical_item{ width: 33.33333%;float: left;position: relative;height: 120px;} .rong_header02 .rong_nav_technical .rong_nav_technical_info .rong_nav_technical_item:after{ content: "";position: absolute;top: 20px;bottom: 10px;right: 40px;width: 1px;border-left: 1px dashed #000000;} .rong_header02 .rong_nav_technical .rong_nav_technical_info .rong_nav_technical_item:last-child:after{display:none;} .rong_header02 .rong_nav_technical .rong_nav_technical_info .rong_nav_technical_item a{ display: block;width: 100%;color: #000000;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;overflow: hidden;} .rong_header02 .rong_nav_technical .rong_nav_technical_info .rong_nav_technical_item a.rong_nav_technical_title{ color: #0b7cc3;font-size: 16px;font-weight: bold;overflow:hidden;} .rong_header02 .rong_nav_technical .rong_nav_technical_info .rong_nav_technical_item a.rong_nav_technical_title span{display:block;float:left;} .rong_header02 .rong_nav_technical .rong_nav_technical_info .rong_nav_technical_item a.rong_nav_technical_title i{display:block;float:left;background: url(../images/ico_01.png) no-repeat right center;background-size: 14px 14px;width:42px;height:40px;} .rong_header02 .rong_nav_technical .rong_nav_technical_info .rong_nav_technical_item a:after{ display: none;} .rong_header02 .btn_app01:hover .rong_nav_application{display: block;} .rong_header02 .btn_app01:hover a,.rong_header02 .btn_app01.on a{ color: #0b7cc3;position: relative;} .rong_header02 .btn_app01:hover a:after,.rong_header02 .btn_app01.on a:after{ content: "";position: absolute;left: 0;bottom: -10px;width: 100px;height: 2px;border-top: 2px solid #0b7cc3;} .rong_header02 .rong_nav_application{display: none; position: absolute;left: 0;top: 100px;background-color: #ffffff;z-index: 999;width: 100%;border-top: 1px solid #0b7cc3;border-bottom: 1px solid #0b7cc3;opacity:0.9;} .rong_header02 .rong_nav_application .rong_nav_application_info{width: 1200px;margin-left: auto;margin-right: auto;overflow: hidden;padding: 0 0 30px 0;} .rong_header02 .rong_nav_application .rong_nav_application_info .rong_nav_application_item{ width: 25%;float: left;position: relative;padding-right: 20px;height:390px;} .rong_header02 .rong_nav_application .rong_nav_application_info .rong_nav_application_item:nth-child(2):before{ content: "";position: absolute;top: 40px;bottom: 0;left: -20px;width: 1px;border-left: 1px dashed #000000;} .rong_header02 .rong_nav_application .rong_nav_application_info .rong_nav_application_item:nth-child(2):after{ content: "";position: absolute;top: 40px;bottom: 0;right: 20px;width: 1px;border-left: 1px dashed #000000;} .rong_header02 .rong_nav_application .rong_nav_application_info .rong_nav_application_item:nth-child(3):after{ content: "";position: absolute;top: 40px;bottom: 0;right: 20px;width: 1px;border-left: 1px dashed #000000;} .rong_header02 .rong_nav_application .rong_nav_application_info .rong_nav_application_item a{ display: block;width: 100%;color: #000000;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;overflow: hidden;} .rong_header02 .rong_nav_application .rong_nav_application_info .rong_nav_application_item a.rong_nav_application_title{margin-top: 30px; color: #0b7cc3;font-size: 16px;font-weight: bold;overflow:hidden;padding-right:0;} .rong_header02 .rong_nav_application .rong_nav_application_info .rong_nav_application_item a.rong_nav_application_title span{display:block;float:left;} .rong_header02 .rong_nav_application .rong_nav_application_info .rong_nav_application_item a.rong_nav_application_title i{display:block;float:left;background: url(../images/ico_01.png) no-repeat right center;background-size: 14px 14px;width:20px;height:40px;} .rong_header02 .rong_nav_application .rong_nav_application_info .rong_nav_application_item a:hover{ color: #0b7cc3;} /*首页产品第二版*/ .rong_index2 .rong_product2 .rong_product_title{color: #01173a;font-size: 38px;font-weight: bold;text-shadow:2px 2px 1px #c7c7c7;text-align: center;height: 120px;line-height: 120px;} .rong_index2 .rong_product2 .rong_product_body{overflow:hidden;background-color: #ffffff;padding: 20px 40px;-moz-box-shadow:2px 2px 5px #6C6C6C; -webkit-box-shadow:2px 2px 5px #6C6C6C; box-shadow:2px 2px 5px #6C6C6C;} .rong_index2 .rong_product2 .rong_product_body .product2_item p{ text-align: center;color: #01173a;font-size: 28px;font-weight: bold;line-height: 70px;height: 70px;margin-bottom: 10px;} .rong_index2 .rong_product2 .rong_product_body .product2_item .product2_main{display:flex;flex-direction: row;flex-wrap:wrap;justify-content:space-between;} .rong_index2 .rong_product2 .rong_product_body .product2_item .product2_main a{ display: block;width: 100%;background: url(../images/ico_product_d_01.png) no-repeat left center;color: #58585a;padding-left: 26px;font-size: 16px;font-weight: bold; height: 60px;line-height: 60px;} .rong_index2 .rong_product2 .rong_product_body .product2_item .product2_main a:hover{color:#0b7cc3;} .rong_index2 .rong_product2 .rong_product_body .product2_item .product2_main a:first-child{background:none;padding-left:0;color:#0b7cc3;} .rong_index2 .rong_product2 .rong_product_body .product2_item .product2_main a.dian{background:none;text-align:left;font-size:60px;line-height:20px;padding-left:0;} .rong_index2 .rong_product2 .rong_product_body .product2_item.pro01{ width: 580px;float:left;} .rong_index2 .rong_product2 .rong_product_body .product2_item.pro01 p{ position: relative;} .rong_index2 .rong_product2 .rong_product_body .product2_item.pro01 p:after{ content: "";position: absolute;right: -105px;top: 0;width: 70px;height:70px;bottom: 0;background:url(../images/ico_product_07.png) no-repeat center right;background-size:70px 70px} .rong_index2 .rong_product2 .rong_product_body .product2_item.pro01 .product2_main{ position: relative;} .rong_index2 .rong_product2 .rong_product_body .product2_item.pro01 .product2_main:after{ content: "";position: absolute;right: -70px;top: 18px;width: 3px;bottom: 0;border-right: 3px solid #0b7cc3;} .rong_index2 .rong_product2 .rong_product_body .product2_item.pro02{ width: 420px;float:right;} .rong_index2 .rong_product2 .rong_product_body .product2_item.pro02 .product2_div:nth-child(2){width:220px;} /*首页应用第二版*/ .rong_index2 .rong_application2{padding-bottom: 50px;} .rong_index2 .rong_application2 .application2_title{color: #01173a;font-size: 36px;font-weight: bold;text-shadow:2px 2px 1px #c7c7c7;text-align: center;height: 110px;line-height: 110px;} .rong_index2 .rong_application2 .application_item{ overflow: hidden;} .rong_index2 .rong_application2 .application_item a{ display: block;width: 50%;float: left;text-align: center;height: 153px;line-height: 153px;overflow: hidden;color: #ffffff;font-size: 24px;font-weight: bold;} .rong_index2 .rong_application2 .application_item a img{ display: block;width: 100%;height: 153px;} .rong_index2 .rong_application2 .application_item a span,.rong_index2 .rong_application2 .application_item a img{ display: block;width: 100%;height: 153px;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;} .rong_index2 .rong_application2 .application_item a span:hover,.rong_index2 .rong_application2 .application_item a img:hover{transform:scale(1.2);} .rong_index2 .rong_application2 .application_item.item01{ background-color: #007bbe;} .rong_index2 .rong_application2 .application_item.item02{ background-color: #007bbe;} .rong_index2 .rong_application2 .application_item.item03{ background-color: #006392;} .rong_index2 .rong_application2 .application_item.item04{ background-color: #1e253a;} .rong_index2 .rong_application2 .application_item.item05{ background-color: #007bbe;} .rong_index2 .rong_application2 .application_item.item06{ background-color: #ff2b23;} .rong_index2 .rong_application2 .application_item.item06 a{ width: 100%;} .rong_index2 .rong_application2 .application_item.item06 a.app_imgs{ height: 306px;} .rong_index2 .rong_application2 .application_item.item06 a.app_imgs img{ height: 306px;} .rong_index2 .rong_application2 .application_item.item07{ background-color: #006392;} .rong_index2 .rong_application2 .application_item.item07 a{ width: 100%;} /*首页新闻第二版*/ .rong_index2 .rong_news2{ background-color: #ffffff;padding-top: 28px;padding-bottom: 28px;} .rong_index2 .rong_news2 .rong_news2_about{ padding-left: 80px;} .rong_index2 .rong_news2 .rong_news2_about .title{ color: #01173a;font-size: 36px;font-weight: bold;text-shadow:2px 2px 1px #c7c7c7;} .rong_index2 .rong_news2 .rong_news2_about .info{ line-height: 34px;font-size: 22px;font-weight: bold;color: #58585a;margin-top: 20px;} .rong_index2 .rong_news2 .rong_news2_about .kuai{ overflow: hidden;padding-left: 1px;padding-top: 50px;padding-bottom: 48px;} .rong_index2 .rong_news2 .rong_news2_about .kuai .kuai_item{ width: 33.333%;float: left;border-left: 1px solid #000;padding-left: 10px;} .rong_index2 .rong_news2 .rong_news2_about .kuai .kuai_item p{ font-size: 16px;color: #58585a;} .rong_index2 .rong_news2 .rong_news2_about .kuai .kuai_item .kuai_item_t{ font-size: 32px;font-weight: bold; color: #022051;} .rong_index2 .rong_news2 .rong_news2_about .btn{ color: #6fc8ed;border: 3px solid #6fc8ed;font-size: 24px;font-weight: bold;} .rong_index2 .rong_news2 .rong_news2_about .btn span{ display: block;width: 100%;height: auto;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;} .rong_index2 .rong_news2 .rong_news2_about .btn span:hover{transform:scale(1.06);} .rong_index2 .rong_news2 .rong_news2_list .title{ color: #01173a;font-size: 36px;font-weight: bold;text-shadow:2px 2px 1px #c7c7c7;} .rong_index2 .rong_news2 .rong_news2_list .list_item{ padding: 20px 0;} .rong_index2 .rong_news2 .rong_news2_list .list_item p{ color: #58585a;font-size: 18px;font-weight: bold;} .rong_index2 .rong_news2 .rong_news2_list .list_item div a{ margin-right: 10px;font-size: 20px;font-weight: bold;} .rong_index2 .rong_news2 .rong_news2_list .list_item div span{font-size: 16px;} /*首页底部第二版*/ .rong_footer3{ background-color: #ffffff;border-top: 10px solid #0b7cc3;padding-top: 26px;padding-bottom: 20px;} .rong_footer3 .container{width:1200px;} .rong_footer3 .footer_logo{display:block;float:left; text-align: left;height:80px;line-height:80px;} .rong_footer3 .footer_logo img{width:290px;} .rong_footer3 .footer_ma{display:block;float:left; text-align: center;width:100px;} .rong_footer3 .footer_ma img{width:70px;height:70px;} .rong_footer3 .footer_ma p{color:#333333;} .rong_footer3 .footer_address{display:block;float:left; text-align: left;} .rong_footer3 .footer_address p{font-size:14px;height:24px;line-height:24px;padding-left:24px;} .rong_footer3 .footer_address p.footer_01{background:url(../images/footer_01.png) no-repeat left center;background-size:20px 20px;} .rong_footer3 .footer_address p.footer_02{background:url(../images/footer_02.png) no-repeat left center;background-size:18px 18px;margin:10px 0;} .rong_footer3 .footer_address p.footer_03{background:url(../images/footer_03.png) no-repeat left center;background-size:18px 18px;overflow:hidden;} .rong_footer3 .footer_address p.footer_03 span{display:block;float:left;} .rong_footer3 .footer_address p.footer_03 a{display:block;float:left;padding-left:8px;} .rong_footer3 .footer_address p.footer_03 a img{display:block;width:22px;height:22px;} .rong_footer3 .footer_address p.footer_04{padding-left:66px;} .rong_footer3 .footer_right{float:right;} .rong_footer3 .footer_dao{ overflow: hidden;} .rong_footer3 .footer_dao a{ float: right;color: #58585a;font-size: 16px;padding-left: 50px;font-weight: bold;} .rong_footer3 .footer_dao a:hover{color:#0b7cc3;} .rong_footer3 .footer_info{ padding-top: 12px;} .rong_footer3 .footer_info p{ text-align: right;line-height: 24px;color: #58585a;font-size: 14px;} /*第二版结束*/ .about-tip h3 { height: 74px; width: 300px; background: #43aaff; position: absolute; left: 50%; top: 0px; margin-left: -600px; font-size: 20px; color: #fff; text-align: center; text-transform: uppercase; line-height: 74px; box-shadow: -2px 5px 10px #ccc; } .company-p { width: 180px; height: 182px; position: absolute; right: 17%; top: 10%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); animation: rotation 3s linear infinite; -moz-animation: rotation 3s linear infinite; -webkit-animation: rotation 3s linear infinite; -o-animation: rotation 3s linear infinite; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } } @media (min-width:1200px) { /*2023.10.29新增*/ /*检索空*/ .search_empty{padding-left:280px;padding-top:20px;} .search_empty p{font-size:16px;margin-bottom:16px;line-height:26px;} /*2023年4月新增*/ .en_mcu_tab {width: 100%;clear: both;overflow: hidden;height: 80px;background: #0b7cc3;} .en_mcu_tab h3 {height: 80px;line-height: 80px;text-align: center;transition: all .5s linear;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear;} .en_mcu_tab h3.on {background: #43aaff;} .en_mcu_tab h3:hover {background: #43aaff;} .en_mcu_tab h3 a {display: block;font-size: 18px;color: #fff;font-family: Arial;} .en_mcu .en_mcu_dao p{font-size: 16px;color: #666;font-family: Arial;padding:20px 10px;} .en_mcu .en_mcu_dao p a {color: #333;} .en_mcu .en_mcu_dao p a:hover {color: #046DC7;} .en_mcu .en_mcu_info h1{text-align:center;color:#1358b3;font-size:30px;height:52px;} .en_mcu .en_mcu_info h1 span{border-bottom:2px solid #1358b3;padding-bottom:10px} .en_mcu .en_mcu_info .en_mcu_description{padding:40px 0;overflow:hidden;} .en_mcu_table{padding:40px 10px;} .en_mcu_table table {width: 100%;border-bottom: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2;} .en_mcu_table table th {height: 68px;background: #1358b3;font-size: 14px;color: #fff;font-weight: normal;border-right: 1px solid #89acd9;text-align: center;} .en_mcu_table table th span {display: block;line-height: 16px;text-align: center;} .en_mcu_table table td {height: 40px;border-top: 1px solid #d2d2d2;border-left: 1px solid #d2d2d2;text-align: center;font-size: 14px;color: #666;} .en_mcu_table table tr:hover td {color: #1358b3;} /*2021年4月新增*/ /*应用*/ .app-tab{width: 100%;clear: both;overflow: hidden;height: 80px;background: #0b7cc3;} .app-tab .appnav{float:left;width:20%;} .app-tab .appnav h3{height: 80px;line-height: 80px;text-align: center;transition: all .5s linear;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear;} .app-tab .appnav h3.on {background: #43aaff;} .app-tab .appnav h3:hover {background: #43aaff;} .app-tab .appnav h3 a {display: block;font-size: 18px;color: #fff;font-family: Arial;} .app-body{overflow:hidden;padding:0 38px 38px 38px;} .app-body .app-body-item{float:left;width:23.5%;margin:38px 2% 0 0;color:#000000;} .app-body .app-body-item:nth-child(4n){margin-right:0;} .app-body .app-body-item img{display:block;width:100%;} .app-body .app-body-item h2{font-size:18px;height:48px;line-height:48px;overflow:hidden;text-align:center;} /*产品左边导航-四级*/ .product-cate-fl .product_fl_01 .product_fl_top{display:block;width: 100%;height: 44px;line-height: 44px;padding-left: 36px;font-size: 16px;background: url(../images/cate-jt-new01.png) no-repeat center right 18px;background-size:18px 18px;background-color: #077ad8;color: #ffffff;margin-bottom: 10px;} .product-cate-fl .product_fl_01 .product_fl_ul{display:none;} .product-cate-fl .product_fl_01.on .product_fl_top{background-image:url(../images/cate-jt-new02.png);} .product-cate-fl .product_fl_01.on .product_fl_ul{display:block;} /*2020年12月新增*/ /*质量保证*/ .quality_info{ background-color: #edf7fe;padding: 52px 0;} .quality_info .container{ padding: 0 55px;} .quality_info .container h1{ font-size: 32px;font-weight: bold;margin-bottom: 28px;} .quality_info .container p{ font-size: 22px;line-height: 38px;} .quality_list{ padding: 25px 0;} .quality_list .container{ padding: 0 55px;} .quality_list .container .quality_item{ overflow: hidden;padding: 25px 0;} .quality_list .container .quality_item .quality_item_img{ float: left;width: 180px;} .quality_list .container .quality_item .quality_item_img img{ display: block;width: 150px;} .quality_list .container .quality_item .quality_item_info{ float: left;width:910px;} .quality_list .container .quality_item .quality_item_info h2{ font-size: 26px;font-weight: bold;margin-bottom: 28px;} .quality_list .container .quality_item .quality_item_info p{ font-size: 22px;color: #555555;} /*应用*/ .application_nav{font-size:16px;padding:20px 0;} .application_nav a{color:#000000;} .application_nav span{color:#0b7cc3;} .application_banner img{display: block; width: 52%;margin-left:auto;margin-right:auto;cursor:zoom-in;} .application_body{ background-color: #f2f2f2;padding-bottom: 60px;} .application_body h1{ text-align: center;color: #0b7cc3;font-weight: bold;height: 100px;line-height: 100px;font-size: 30px;} .application_body .application_table table{ width: 100%;font-size: 14px;} .application_body .application_table table thead{ background-color: #0b7cc3;color: #ffffff;} .application_body .application_table table thead tr{ height: 36px;line-height: 36px;} .application_body .application_table table thead tr th{ padding: 10px 0 10px 20px;} .application_body .application_table table thead tr th:nth-child(1){ width: 180px;} .application_body .application_table table thead tr th:nth-child(2){ width: 180px;} .application_body .application_table table thead tr th:nth-child(3){ width: 480px;} .application_body .application_table table thead tr th:nth-child(4){ width: 180px;} .application_body .application_table table thead tr th:nth-child(5){ width: 180px;} .application_body .application_table table tbody{ background-color: #ffffff;color: #0b7cc3;} .application_body .application_table table tbody tr{ height: 36px;line-height: 36px;border-bottom: 1px solid #d2d2d2;} .application_body .application_table table tbody tr td{ padding: 5px 0 5px 20px;} .application_body .application_table table tbody tr td a{ display: block;float: left;height: 32px;line-height: 32px;margin-right: 12px;} .application_top{overflow:hidden;} .application_top_l{float:left;padding-top:10px;} .application_top_l h1{font-size:28px;line-height:50px;} .application_top_l p{font-size:16px;line-height:50px;} .application_top_r{float:right;} .application_top_r img{width:360px;} .application_img_zhe{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#000000;z-index:999998;opacity:0.6;display:none;} .application_img_big{position:fixed;top:0;left:0;bottom:0;right:0;z-index:999999;display:none;} .application_img_big .img_btn{position:fixed;top:10px;right:10px;} .application_img_big .img_btn img{display:block;width:50px;} .application_img_big .img{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:70%;} .application_img_big .img img{display:block;width:100%;} .application_change{padding-bottom:20px;} .application_change a{display:block;float:left;height:46px;line-height:46px;font-size:16px;border:1px solid #0b7cc3;padding:0 20px;margin-right:10px;min-width:200px;text-align:center;color:#0b7cc3;} .application_change a.on{background-color:#0b7cc3;color:#ffffff;} /*产品详情*/ .power-table table thead tr th{ position: relative;padding-right: 10px;min-width:70px;} .power-table table thead tr th:first-child{min-width:138px;} .power-table table thead tr th a.search_btn{ display: block;position: absolute;width: 14px;height: 14px;background: url(../images/ico_table.png) no-repeat center center ;background-size: 14px 14px;right: 0;top: 50%;transform: translate(-50%, -50%);} .power-table table thead tr th a.search_btn.on{background: url(../images/ico_table_on.png) no-repeat center center ;background-size: 14px 14px;} .power-table table thead tr th .table_search{width: 320px; position: absolute;top: 100%;right: 0px; background-color: #ffffff;border: 1px solid #cdcdcd;padding: 10px;} .power-table table thead tr th:nth-child(1) .table_search{ left: 0px;} .power-table table thead tr th:nth-child(2) .table_search{ left: 0px;} .power-table table thead tr th .table_search .table_search_input{overflow: hidden; border: 1px solid #8b8a8a;} .power-table table thead tr th .table_search .table_search_input input{ width: 268px;float: left;height: 28px;line-height: 28px;color: #000000;border: none;} .power-table table thead tr th .table_search .table_search_input a{ display: block;width: 28px;height: 28px;float: left;background: url(../images/ico_ra03.png) no-repeat center center ;background-size: 20px 20px;} .power-table table thead tr th .table_search .table_search_radio{ border: 1px solid #8b8a8a;padding: 5px;max-height: 150px;overflow-y: scroll;} .power-table table thead tr th .table_search .table_search_radio a{text-decoration: none; display: block;font-size: 14px;color: #2c2c2c;background: url(../images/ico_ra01.png) no-repeat left 4px;background-size: 16px 16px;text-align: left;padding-left: 24px;line-height: 26px;} .power-table table thead tr th .table_search .table_search_radio a.on{background: url(../images/ico_ra02.png) no-repeat left center;background-size: 16px 16px;color:#077ad8;} .power-table table thead tr th .table_search .table_search_btn{ overflow: hidden;padding: 10px 15px 0 15px;} .power-table table thead tr th .table_search .table_search_btn a{font-size: 14px; display: block;width: 68px; float: left;height: 28px;line-height: 24px;background-color: #cdcdcd;color: #000000;border: 2px solid #1358b3;} .power-table table thead tr th .table_search .table_search_btn a:first-child{margin-right:12px;} .power-table table thead tr th .table_search .table_search_btn a:last-child{ float: right;border: 2px solid #8b8a8a;} .power-table .power-table-reset{display:block;width:200px;height:46px;line-height:46px;border-radius:10px; background-color:#1358b3;color:#ffffff;font-size:14px;text-align:center;margin-bottom:10px;} .power-table table thead tr th .table_search .table_search_up{overflow:hidden;margin:6px 0;} .power-table table thead tr th .table_search .table_search_up a{display:block;float:left;width:20px;height:20px;background:url(../images/ico_up.png) no-repeat center ;background-size:20px 20px;} .power-table table thead tr th .table_search .table_search_up a.down{background:url(../images/ico_down.png) no-repeat center ;background-size:20px 20px;} /*2020年10月新增*/ .join01{ width: 1000px;margin: 50px auto 20px auto;padding: 20px 0 0 0;border-top: 3px solid #0b7cc3;} .join01 .join_nav{ overflow: hidden;} .join01 .join_nav a{ display: block;width: 48%;text-align: center;float: left;height: 46px;line-height: 46px;font-size: 18px;border: 1px solid #0b7cc3;background-color: #ffffff;color: #0b7cc3;} .join01 .join_nav a:last-child{ float: right;} .join01 .join_nav a.on{background-color: #0b7cc3;color: #ffffff;} .join01 .join_list{ width: 100%;margin-top: 20px;margin-bottom: 80px;} .join01 .join_list li{ overflow: hidden;} .join01 .join_list li:hover{background-color:#0b7cc3;} .join01 .join_list li:hover a{color:#ffffff;} .join01 .join_list li a{ display: block;width: 30%;float: left;font-size: 16px;height: 80px;line-height: 80px;color: #818181;border-bottom: 1px dashed #818181;padding-left: 18px;} .join01 .join_list li a:nth-child(2n){width:20%;} .join01 .join_list li a:last-child{text-align:right;} .join01 .join_list li a:last-child span{background-color:#0b7cc3;color:#ffffff;padding:10px;} .join01 .join_list li.join_list_header{ background-color: #eeeeee;} .join01 .join_list li.join_list_header a{ color: #0b7cc3;height: 46px;line-height: 46px;font-size: 18px;} .join01 .join_list li.join_list_header a:last-child{ background: none;} .join01 .join_list ul{margin-bottom:60px;} .join01 .join_list .page-box{text-align:center;} .join01 .join_list .page-box a{color:#999;font-size:16px;border:1px solid #999;padding:6px 10px;margin:0 2px;} .join01 .join_list .page-box a.on{background-color:#0b7cc3;color:#ffffff;} .join01 .join_btn a{ display: block;width: 360px;margin-left: auto;margin-right: auto;height: 46px;line-height: 46px;font-size: 18px;background-color: #0b7cc3;color: #ffffff;text-align: center;} .join01 .join_info{ padding: 50px 0 50px 0;} .join01 .join_info p{ text-align: center;color: #0b7cc3;font-size: 18px;} .join01 .join_info p span{ border-bottom: 2px solid #0b7cc3;padding: 0 20px 0 20px;} .en_techniacl .en_techniacl_dao{ margin: 20px 0;} .en_techniacl .en_techniacl_dao a{ font-size: 16px;color: #000000;} .en_techniacl .en_techniacl_dao span{ font-size: 16px;color: #0b7cc3;} .en_techniacl .en_techniacl_nav{ overflow: hidden;} .en_techniacl .en_techniacl_nav a{ width: 45%;float: left;position: relative;} .en_techniacl .en_techniacl_nav a:last-child{ float: right;} .en_techniacl .en_techniacl_nav a img{ display: block;width: 100%;} .en_techniacl .en_techniacl_nav a span{ display: block;position: absolute;bottom: 26px;left: 16px;font-size: 18px;color: #ffffff;font-weight: bold;} .en_techniacl .en_techniacl_nav a.on span:after{ content: "";position: absolute;bottom: -10px;left: 0;width: 38px;height: 3px;border-top: 3px solid #ffffff;} .en_techniacl .en_techniacl_list{ margin: 40px 0;} .en_techniacl .en_techniacl_list ul li{ overflow: hidden;margin-bottom:20px;} .en_techniacl .en_techniacl_list ul li a.img{ width: 300px;display: block;float: left;} .en_techniacl .en_techniacl_list ul li a.img img{display:block; width: 300px;height:200px;} .en_techniacl .en_techniacl_list ul li .info{float:left; width: 750px;margin:0 25px;position:relative;} .en_techniacl .en_techniacl_list ul li .info:after{ content: "";position: absolute;left: 0;right: 0;bottom:1px;height: 1px;border-top: 1px dashed #000000;} .en_techniacl .en_techniacl_list ul li .info h2{font-size:26px;height:50px;line-height:50px;overflow:hidden;font-weight:bold;} .en_techniacl .en_techniacl_list ul li .info .zhai{height:90px;line-height:30px;font-size:14px;overflow:hidden;margin:10px 0;} .en_techniacl .en_techniacl_list ul li .info .time{height:40px;line-height:40px;font-size:14px;overflow:hidden;} .en_techniacl .en_techniacl_list ul li a.more{text-align: center;float: right; width: 100px;padding: 0;margin: 0;background-color: #0b7cc3;color: #ffffff;height: 40px;line-height: 40px;margin-top: 80px;font-size:16px;} .en_techniacl .en_techniacl_page{ overflow: hidden;padding: 40px 0 80px 0;} .en_techniacl .en_techniacl_page a{ display: block;float: left;font-size: 14px;height: 30px;line-height: 30px;background-color: #dfdfdf;width: 60px;text-align: center;color: #000000;margin-right: 10px;} .en_techniacl .en_techniacl_page a.btn-prev{ background-color: #0b7cc3;color: #ffffff;width: 80px;} .en_techniacl .en_techniacl_page a.btn-next{ background-color: #0b7cc3;color: #ffffff;width: 80px;} .en_techniacl .en_techniacl_page a.on{ background-color: #0b7cc3;color: #ffffff;} .en_techniacl .en_techniacl_title{ height: 80px;line-height: 80px;text-align: center;} .en_techniacl .en_techniacl_detail{ margin-bottom: 20px;} /***2020年2月新增****/ /*首页头部*/ .rong_header{ width: 1200px;margin-left: auto;margin-right: auto;overflow: hidden;padding-top: 30px;padding-bottom: 30px;} .rong_header .rong_header_logo{ width: 200px;} .rong_header .rong_header_logo img{ width: 200px;height: 42px;} .rong_header .rong_header_logo img.img02{ display: none;} .rong_header .rong_header_nav{ width: 840px;padding-left: 40px;} .rong_header .rong_header_nav .rong_header_menu_close{ display: none;} .rong_header .rong_header_nav ul li{ float: left;} .rong_header .rong_header_nav ul li a{ color: #0b7cc3;font-size: 16px;height: 42px;line-height: 42px;padding-right: 20px;font-weight: bold;} .rong_header .rong_header_nav_btn{ display: none;} .rong_header .rong_header_search{ width: 100px;position: relative;} .rong_header .rong_header_search input{ width: 100%;height: 42px;border: none;border-radius: 10px;} .rong_header .rong_header_search a{ position: absolute;right: 6px;top: 8px;} .rong_header .rong_header_search a img{ width: 26px;height: 26px;} .rong_header .rong_header_language{ width: 60px;text-align: right;height: 42px;line-height: 42px;font-size: 28px;font-weight: bold;} /*首页主要部分*/ .rong_index .rong_main{ margin-top: 60px;margin-bottom: 60px;max-width: 1200px;} .rong_index .rong_main .rong_product{ margin-right: 10px;background-color: #ffffff;padding-bottom: 20px;} .rong_index .rong_main .rong_product ul{ padding-left: 12px;} .rong_index .rong_main .rong_product ul li{ background: url(../images/ico_product_d_01.png) no-repeat left center;line-height: 35px;font-size: 18px;font-weight: bold;margin-left: 40px;padding-left: 60px;} .rong_index .rong_main .rong_product ul li a{ color: #000000;} .rong_index .rong_main .rong_product .rong_product_info{height:100px;margin-left: 5px;padding-left: 95px;} .rong_index .rong_main .rong_product .rong_product_info div{ padding-top: 26px;} .rong_index .rong_main .rong_product .rong_product_info div p{ height: 24px;line-height: 24px;font-size: 20px;font-weight: bold;} .rong_index .rong_main .rong_product .rong_product_info.rong_product_01{ background: url(../images/ico_product_11.png) no-repeat left center;background-size: 80px 80px;} .rong_index .rong_main .rong_product .rong_product_info.rong_product_02{ background: url(../images/ico_product_12.png) no-repeat left center;background-size: 80px 80px;} .rong_index .rong_main .rong_product .rong_product_info.rong_product_03{ background: url(../images/ico_product_13.png) no-repeat left center;background-size: 80px 80px;} .rong_index .rong_main .rong_industry{ margin-left: 5px;margin-right: 5px;background-color: #ffffff;height: 890px;} .rong_index .rong_main .rong_industry ul{ padding-left: 36px;} .rong_index .rong_main .rong_industry .rong_industry_info{height:100px;margin-left: 5px;padding-left: 95px;} .rong_index .rong_main .rong_industry .rong_industry_info a{ padding-top: 26px;display: block;color: #000000;} .rong_index .rong_main .rong_industry .rong_industry_info a p{ height: 24px;line-height: 24px;font-size: 20px;font-weight: bold;} .rong_index .rong_main .rong_industry .rong_industry_info.rong_industry_01{ background: url(../images/ico_industry_11.png) no-repeat left center;background-size: 80px 80px;margin-bottom: 175px;} .rong_index .rong_main .rong_industry .rong_industry_info.rong_industry_02{ background: url(../images/ico_industry_12.png) no-repeat left center;background-size: 80px 80px;margin-bottom: 140px;} .rong_index .rong_main .rong_industry .rong_industry_info.rong_industry_03{ background: url(../images/ico_industry_13.png) no-repeat left center;background-size: 80px 80px;} .rong_index .rong_main .rong_news{ margin-left: 10px;background-color: #ffffff;height: 890px;} .rong_index .rong_main .rong_news ul{ padding: 0 40px;} .rong_index .rong_main .rong_news ul li{border-bottom: 1px solid #0b7cc3;margin-top: 20px;} .rong_index .rong_main .rong_news ul li a{ display: block;font-size: 20px;font-weight: bold;color: #000000;line-height: 36px;margin-bottom: 30px;} .rong_index .rong_main .rong_news ul li p{ font-size: 18px;font-weight: bold;margin-bottom: 20px;} .rong_index .rong_main .rong_product h1,.rong_index .container .rong_industry h1,.rong_index .container .rong_news h1{ text-align: center;font-size: 30px;font-weight: bold;height: 80px;line-height: 80px;} /*产品中心主要部分*/ .rong_index .rong_cate_b{ width: 100%;border-top: 5px solid #0b7cc3;} .rong_index .rong_cate{ margin-top: 60px;margin-bottom: 60px;max-width: 1200px;} .rong_index .rong_cate .rong_cate_title{ text-align: center;font-size: 30px;font-weight: bold;margin-bottom: 60px;} .rong_index .rong_cate .rong_product ul{ padding-left: 36px;} .rong_index .rong_cate .rong_product{background-color: #ffffff;height: 620px;padding-top: 50px;} .rong_index .rong_cate .rong_product.rong_product01{ margin-right: 10px;} .rong_index .rong_cate .rong_product.rong_product02{ margin-left: 5px;margin-right: 5px;} .rong_index .rong_cate .rong_product.rong_product03{ margin-left: 10px;} .rong_index .rong_cate .rong_product.rong_product03 ul{ padding-left: 12px;} .rong_index .rong_cate .rong_product ul li{ background: url(../images/ico_product_d_01.png) no-repeat left center;line-height: 35px;font-size: 18px;font-weight: bold;margin-left: 40px;padding-left: 60px;} .rong_index .rong_cate .rong_product ul li a{ color: #000000;} .rong_index .rong_cate .rong_product .rong_product_info{height:100px;margin-left: 5px;padding-left: 95px;} .rong_index .rong_cate .rong_product .rong_product_info div{ padding-top: 26px;} .rong_index .rong_cate .rong_product .rong_product_info div p{ height: 24px;line-height: 24px;font-size: 20px;font-weight: bold;} .rong_index .rong_cate .rong_product .rong_product_info.rong_product_01{ background: url(../images/ico_product_11.png) no-repeat left center;background-size: 80px 80px;} .rong_index .rong_cate .rong_product .rong_product_info.rong_product_02{ background: url(../images/ico_product_12.png) no-repeat left center;background-size: 80px 80px;} .rong_index .rong_cate .rong_product .rong_product_info.rong_product_03{ background: url(../images/ico_product_13.png) no-repeat left center;background-size: 80px 80px;} /*首页底部*/ .rong_index .rong_footer{ background-color: #0f1111;color: #ffffff;} .rong_index .rong_footer .container{ max-width: 1200px;} .rong_index .rong_footer .footer_logo{ text-align: left;height: 160px;line-height: 160px;} .rong_index .rong_footer .footer_logo img{ width: 100%;max-width: 300px;} .rong_index .rong_footer .footer_info{ font-size: 24px;padding-top: 40px;} .rong_index .rong_footer .footer_info p{ height: 40px;line-height: 40px;} .rong_index .rong_footer .footer_ma{ text-align: right;} .rong_index .rong_footer .footer_ma img{ width: 160px;} /******首页第一屏*******/ .header { width: 100%; height: 80px; background: rgba(4, 109, 199, 0.3); clear: both; overflow: hidden; position: fixed; left: 0; top: 0; z-index: 9999; } .header .container-fluid { width: 93.75%; } .logo { width: 175px; height: 36px; margin-top: 22px; } .h-language a { display: block; font-size: 14px; color: #fff; height: 30px; line-height: 30px; margin-top: 25px; } .h-language a:hover { color: #ed1b23; } .h-language a.en { display: none; } .h-search { width: 18px; height: 18px; overflow: hidden; margin-top: 31px; margin-right: 12px; } .btn-menu { display: none; } .close-menu { display: none; } .h-nav { height: 36px; margin-top: 22px; margin-right: 30px; } .h-nav ul li { float: left; display: block; float: left; padding: 0 12px; height: 36px; line-height: 36px; border-radius: 3px; } .h-nav ul li:hover { background: rgba(255, 255, 255, 0.1); } .h-nav ul li.on { background: rgba(255, 255, 255, 0.1); } .h-nav ul li a { font-size: 12px; color: #fff; } #myCarousel01 .item img { width: 100%; } /******首页第一屏结束*******/ /******首页第二屏*******/ .index-bg { width: 100%; height: 100%; /*background: url(../images/two-bg0.jpg) no-repeat left top;*/ background-size: 100% 100% !important; transition: all 3s ease-in; -webkit-transition: all .6s ease-in; -moz-transition: all .6s ease-in; -ms-transition: all .6s ease-in; -o-transition: all .6s ease-in; position: relative; z-index: 2; } .index-bg .container { width: 1100px; height: 100%; position: relative; } .two-title { width: 960px; clear: both; overflow: hidden; background: #fff; position: absolute; bottom: 50px; left: 70px; z-index: 9; } .two-title ul li { float: left; width: 320px; height: 100px; background: url(../images/index-two-line.jpg) no-repeat right center; transition: all .5s linear; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; } .two-title ul li:hover { background: #046dc7; } .two-title ul li.on { background: #046dc7; } .two-title ul li a h3 { font-size: 18px; color: #333; font-weight: bold; padding: 25px 0 10px 0; } .two-title ul li:hover a h3 { color: #fff; } .two-title ul li.on a h3 { color: #fff; } .two-title ul li a p { font-size: 12px; color: #666; } .two-title ul li.on a p { color: #fff; } .two-title ul li:hover a p { color: #fff; } .two-title ul li a.display-bg01 { background: url(../images/two-tit01.png) no-repeat; } .two-title ul li a.display-bg02 { background: url(../images/two-tit02.png) no-repeat; } .two-title ul li a.display-bg03 { background: url(../images/two-tit03.png) no-repeat; } .two-title ul li a.display { padding: 0 25px; background-position: 249px 0px; } .two-title ul li:hover a.display { background-position: 249px -100px; } .two-title ul li.on a.display { background-position: 249px -100px; } .two-list { display: none; } .two-circle { width: 587px; height: 587px; position: absolute; left: 50%; top: 50%; z-index: 3; margin-left: -293.5px; margin-top: -323.5px; } .two-circle img.circle-bg { max-width: 100%; background: transparent; position: absolute; left: 0; top: 0; z-index: 4; animation: two_circle 2s; -webkit-animation: two_circle 2s; -moz-animation: two_circle 2s; -ms-animation: two_circle 2s; -o-animation: two_circle 2s; } .circle-img { position: relative; z-index: 5; width: 234px; height: 148px; margin-left: auto; margin-right: auto; margin-top: 200px; background: none; animation: two_circle 2s; -webkit-animation: two_circle 2s; -moz-animation: two_circle 2s; -ms-animation: two_circle 2s; -o-animation: two_circle 2s; } .circle-con { position: relative; z-index: 5; animation: two_circle 2s; -webkit-animation: two_circle 2s; -moz-animation: two_circle 2s; -ms-animation: two_circle 2s; -o-animation: two_circle 2s; } .circle-con h3 { font-size: 16px; color: #fff; text-align: center; margin: 40px 0 5px 0; } .circle-con h3 a { color: #fff; } .circle-con span { width: 80px; display: block; border: 1px solid #fff; margin-left: auto; margin-right: auto; } a.seemore { width: 171px; height: 45px; display: block; margin-left: auto; margin-right: auto; background: url(../images/more-bg.png) no-repeat left top; font-size: 14px; color: #046dc7; text-align: center; line-height: 45px; margin-top: 40px; } a.seemore:hover { color: #ed1b23; } .newproduct-list { width: 100%; height: 336px; position: absolute; left: 0; top: 50%; margin-top: -168px; z-index: 1; } .newproduct-list ul li { width: 50%; display: block; overflow: hidden; padding: 20px 0; cursor: pointer; } .newproduct-list ul li.fl { text-align: left; } .newproduct-list ul li.fr { text-align: right; } /*.newproduct-list ul li.fr a { margin-left: 62%; }*/ .newproduct-list ul li a { width: 100%; display: block; font-size: 18px; color: #fff; height: 50px; overflow: hidden; } .newproduct-list ul li a i { font-style: normal; } .newproduct-list ul li:hover a { color: #ed1b23; } .newproduct-list ul li span { font-size: 14px; color: #fff; line-height: 2em; } .newproduct-list ul li:hover span { color: #ed1b23; } .productlist { height: 480px; margin-top: -230px; } /*.productlist ul li.fr a { margin-left: 45%; }*/ .productlist ul li a { width: 100%; } .industrylist { width: 100%; position: absolute; right: 0; top: 50%; height: 240px; margin-top: -180px; } .industrylist ul li { width: 50%; margin-left: 50%; padding: 25px 0; } .industrylist ul li a { text-align: right; display: block; font-size: 22px; color: #fff; } .industrylist ul li a i { font-style: normal; } .industrylist ul li:hover a { color: #ed1b23; } /******首页第二屏结束*******/ /******首页第三屏*******/ .three-top { width: 100%; background: #f5f5f5; } .three-left { width: 37.2%; height: 100%; border-right: 9px solid #a3a6ab; position: relative; } .three-tit { width: 100%; } .three-tit h3 { margin: 0; font-family: Arial; font-size: 26px; color: #858585; margin-left: auto; margin-right: auto; text-align: center; text-transform: uppercase; } .three-tit span { width: 60px; display: block; border: 2px solid #046dc7; margin-left: auto; margin-right: auto; margin-top: 10px; } .three-left-div { width: 92.2%; padding-bottom: 15px; margin-left: auto; margin-right: auto; background-size: 100%; clear: both; overflow: hidden; } .three-left-div01 { margin-top: 50px; background: url(../images/magazine-bg01.png) no-repeat center bottom; background-size: 100%; } .three-left-div ul li { width: 50%; float: left; } .three-left-div ul li.left-li { padding-right: 20px; text-align: right; } .three-left-div ul li.right-li { padding-left: 20px; text-align: left; } .three-left-div ul li a { /*margin-bottom: 10px;*/ display: block; } .three-left-div ul li p { margin-top: 20px; } .three-left-div ul li p a { font-size: 14px; color: #666; } .three-left-div ul li.left-li p { padding-right: 12px; } .three-left-div ul li.right-li p { padding-left: 12px; } .three-left-div02 { margin-top: 20px; background: url(../images/magazine-bg02.png) no-repeat center bottom; background-size: 100%; } .three-left-div02 ul li p { margin-top: 20px; } .three-left-div02 ul li p a { font-size: 14px; color: #fff; } .three-right { width: 62.3%; height: 100%; position: relative; } #myCarousel { width: 100%; height: auto !important; margin-top: 100px; } .carousel-inner01 { width: 70% !important; margin-left: 15%; } .news-img img { display: block; margin-left: auto; margin-right: auto; } .item h1 { font-size: 28px; color: #333; text-align: center; margin-top: 40px; padding: 0 60px; } .item:hover h1 { color: #0475d3; } .item p { font-size: 14px; color: #666; text-align: center; margin-top: 25px; } a.three-more { position: absolute; left: 50%; bottom: 24px; margin-left: -75px; width: 171px; height: 48px; display: block; font-size: 14px; color: #fff; text-align: center; line-height: 45px; background: url(../images/three-more.png) no-repeat left top; } a.three-more:hover { color: #ed1b23; } .footer { width: 100%; background: #333; } .f-left { width: 45%; float: left; } .f-left-fl { padding-left: 5%; margin-top: 30px; } .f-left-fl p { font-size: 18px; color: #fff; text-transform: uppercase; } .f-left-fl h3 { font-size: 42px; color: #fff; } .f-left-fl h3 i { font-style: normal; font-size: 12px; text-transform: uppercase; margin-left: 3px; } .f-left-fl span { font-size: 12px; color: #fff; display: block; } .f-left-fr { margin-left: 40px; padding-left: 40px; padding-right: 5%; border-left: 1px solid #dedede; margin-top: 38px; } .f-left-fr h6 { font-size: 18px; color: #fff; padding-bottom: 8px; border-bottom: 1px solid #fff; margin-bottom: 5px; } .f-left-fr p a { font-size: 12px; color: #fff; line-height: 2em; color: #fff; } .f-right { width: 55%; float: right; padding-right: 2%; } .f-right ul { clear: both; overflow: hidden; margin-top: 30px; margin-bottom: 20px; text-align: right; } .f-right ul li { display: inline-block; padding: 0 15px; } .f-right ul li a { font-size: 12px; color: #fff; } .f-right ul li:hover a { color: #ed1b23; } .f-right p { width: 100%; text-align: right; font-size: 12px; color: #b0b0b0; line-height: 2.2em; } /******首页第三屏结束*******/ /*箭头*/ .section { position: relative; } .page-jt { width: 59px; height: 26px; position: absolute; left: 50%; bottom: 10px; margin-left: -29.5px; z-index: 9999; animation: page-jt 3s infinite; -webkit-animation: page-jt 3s infinite; -moz-animation: page-jt 3s infinite; -ms-animation: page-jt 3s infinite; -o-animation: page-jt 3s infinite; } .page-jt img { max-width: 100%; } /*关于我们-公司简介*/ .about-tab {width: 100%;clear: both;overflow: hidden;height: 80px;background: #0b7cc3;} .about-tab .aboutnav{width: 14.2857%;} .about-tab h3 {height: 80px;line-height: 80px;text-align: center;transition: all .5s linear;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear;} .about-tab h3.on {background: #43aaff;} .about-tab h3:hover {background: #43aaff;} .about-tab h3 a {display: block;font-size: 18px;color: #fff;font-family: Arial;} .about-tip {width: 100%;border-top: 10px solid #43aaff;position: relative;} .about-tip p {position: absolute;left: 300px;top: 20px;font-size: 16px;color: #666;font-family: Arial;} .about-tip p img {vertical-align: middle;} .about-tip p span {color: #077ad8;margin-left: 6px;} .company-box01 h2 { font-size: 30px; color: #046dc7; padding-left: 34px; margin-top: 85px; margin-bottom: 20px; } .company-box01 p { font-size: 16px; color: #000; padding-right: 20px; padding-left: 30px; } .company-box01 .container { padding-right: 25px; } .company-img { padding-right: 5px !important; padding-top: 95px; background: url(../images/company-con-r.png) no-repeat right 90px; } .company-img-l { float: right; padding-left: 5px; padding-bottom: 5px; background: url(../images/company-con-l.png) no-repeat left bottom; } .company-img-l a { display: block; overflow: hidden; } .company-img-l img { transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; } .company-img-l:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .company-box02 h2 { font-size: 30px; color: #046dc7; padding-left: 34px; margin-top: 85px; margin-bottom: 20px; } .vediolist { margin-top: 10px; margin-bottom: 10px; clear: both; overflow: hidden; } .vediolist .vedio-div { padding: 10px 0 !important; } .vedio-b { background: url(../images/vedio-zs.png) no-repeat center top; background-size: 100%; } .vedio-con { border-top: 1px solid #aaa; padding-left: 50px; } .vedio-con h4 { font-size: 20px; color: #333; margin-top: 60px; } .vedio-con p { font-size: 14px; color: #666; margin-top: 60px; } .vedio { padding: 0 !important; border-top: 1px solid #aaa; } .vedio img { width: 100%; } .company-box03 { margin-bottom: 95px; } .company-box03 h2 { font-size: 30px; color: #046dc7; padding-left: 34px; margin-top: 85px; margin-bottom: 20px; } .profile .col-md-3 { padding: 0 10px; } .profile-list { background: #f2f2f2; box-shadow: 0px 0px 15px #999; padding: 30px 20px 20px 20px; margin-top: 20px; } .profile-list h6 { margin-top: 5px; } .profile-list h6 a { font-size: 18px; color: #333; line-height: 1.6em; } .profile-list:hover h6 a { color: #046DC7; } .profile-list p { /*margin-top: 10px;*/ } .profile-list p span { font-size: 14px; color: #666; } .profile-list p a { margin-left: 60px; } .profile-list p a img { width: 15%; transition: all .5s linear; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; } .profile-list:hover p a img { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } /*历程*/ .history-tip h3 { box-shadow: -2px 2px 10px #333; } .history-tip p a { color: #fff; } .history-bg { width: 100%; height: 1229px; background: url(../images/history-bg.jpg) no-repeat center top; clear: both; overflow: hidden; } .history-bg .container { height: 1229px; background: url(../images/line-history.png) repeat-y center top; overflow-y:scroll; } .history-bg ul { width: 678px; margin-left: auto; margin-right: auto; } .history-bg ul li { height: 313px; } .history-bg ul li.option-r { position: relative; } .history-bg ul li div.history-logo { padding-top: 228px; float: left; } .option-r .option-div { width: 235px; position: absolute; right: 20px; top: 140px; } .option-div p { font-size: 14px; color: #fff; font-family: Arial; transition: all .5s linear; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; } .history-bg ul li:hover p { color: #077ad8; } .option-r label { font-size: 20px; color: #fff; display: block; width: 50px; position: absolute; left: 49%; top: 220px; font-weight: normal; transform: rotate(90deg); transition: all .5s linear; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; } .history-bg ul li:hover label { font-size: 26px; } .history-bg ul li.option-l { position: relative; } .history-bg ul li.option-r { background: url(../images/option-r-new.png) no-repeat 305px 68px; position: relative; } .history-bg ul li.option-l { background: url(../images/option-l-new.png) no-repeat 0px 68px; position: relative; } .option-l .option-div { width: 235px; position: absolute; left: 20px; top: 140px; } .option-l label { font-size: 20px; color: #fff; display: block; width: 50px; position: absolute; left: 44%; top: 220px; font-weight: normal; transform: rotate(-90deg); transition: all .5s linear; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; } .option-div img { max-width: 100%; display: block; margin-left: auto; margin-right: auto; margin-bottom: 15px; transition: all .5s linear; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; } .history-bg ul li:hover .option-div img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } /*culture*/ .culture-box01 { margin-top: 85px; } .culture-box01 .container { position: relative; } .cbox02-top { clear: both; overflow: hidden; } .culture-box01-con { position: absolute; left: 0; top: 50%; width: 598px; height: 374px; margin-top: -187px; background: rgba(255, 132, 0, 0.8); padding-left: 40px; padding-right: 40px; } .culture-box01-con h1 { font-size: 30px; color: #fff; font-weight: bold; margin-top: 60px; margin-bottom: 20px; } .culture-box01-con p { font-size: 20px; color: #fff; } .culture-box02 { margin-top: 81px; } .cbox02-tl { padding-right: 20px; } .cbox02-tr { padding-left: 20px; } .cbox02-tl-div { border: 1px solid #b5b5b5; height: 278px; padding: 0 50px; } .cbox02-tl-div h3 { font-size: 30px; color: #ff8400; margin-top: 55px; margin-bottom: 15px; } .cbox02-tl-div p { font-size: 20px; color: #666666; } .cbox02-tr-div { border: 1px solid #b5b5b5; height: 278px; } .cbox02-tr-div img { float: left; } .cbox02-tr-con { float: left; margin-left: 23px; width: 480px; } .cbox02-tr-con h3 { font-size: 30px; color: #ff8400; margin-top: 55px; margin-bottom: 15px; } .cbox02-tr-con p { font-size: 20px; color: #666666; } .cbox02-center { margin-top: 38px; margin-bottom: 38px; clear: both; overflow: hidden; } .cbox02-cl { padding-right: 20px; } .cbox02-cr { padding-left: 20px; } .cbox02-cr-con { width: 820px; } .culture-box03 { margin-top: 81px; background: #e2e2e2; padding-bottom: 80px; margin-bottom: 85px; } .cbox03-b01 .clearfix { height: 208px; overflow: hidden; } .cbox03-tit h3 { font-size: 30px; color: #046dc7; margin-top: 78px; margin-bottom: 10px; } .cbox03-tit span { width: 300px; border: 1px solid #046DC7; display: block; margin-left: 100px; margin-bottom: 27px; } .view-more01 { position: relative; background: #333; height: 208px; } .view-more01 img { position: absolute; left: -19px; top: 50%; margin-top: -11px; z-index: 1; } .view-more01 h5 { position: relative; z-index: 9; font-size: 20px; color: #fff; font-family: Arial; text-align: center; margin-top: 60px; margin-bottom: 30px; } .view-more01 h5 span { display: block; } .view-more01 a { position: relative; z-index: 9; width: 118px; height: 28px; display: block; border: 1px solid #ffa158; font-size: 14px; color: #ffa158; line-height: 28px; text-align: center; margin-left: auto; margin-right: auto; } .view-more01 a:hover { border: 1px solid #fff; color: #fff; } .view-more02 { position: relative; z-index: 1; height: 208px; background: #ffa158; } .view-more02 img { position: absolute; right: -18px; top: 50%; margin-top: -11px; } .view-more02 h5 { position: relative; z-index: 9; font-size: 20px; color: #fff; font-family: Arial; text-align: center; margin-top: 60px; margin-bottom: 30px; } .view-more02 h5 span { display: block; } .view-more02 a { position: relative; z-index: 9; width: 118px; height: 28px; display: block; border: 1px solid #333; font-size: 14px; color: #333; line-height: 28px; text-align: center; margin-left: auto; margin-right: auto; } .view-more02 a:hover { border: 1px solid #fff; color: #fff; } .view-more03 { border: 1px solid #d9d9d9; background: #fff; height: 206px; position: relative; } .view-more03 img { position: absolute; left: 50%; margin-left: -11px; top: -18px; } .view-more03 h5 { position: relative; z-index: 9; font-size: 20px; color: #666; font-family: Arial; text-align: center; margin-top: 60px; margin-bottom: 30px; } .view-more03 h5 span { display: block; } .view-more03 a { position: relative; z-index: 9; width: 118px; height: 28px; display: block; border: 1px solid #ffa158; font-size: 14px; color: #ffa158; line-height: 28px; text-align: center; margin-left: auto; margin-right: auto; } .view-more03 a:hover { border: 1px solid #333; color: #333; } .view-more04 { border: 1px solid #d9d9d9; border-top: none; background: #fff; height: 206px; position: relative; } .view-more04 img { position: absolute; left: 50%; margin-left: -11px; bottom: -18px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .cbox03-b02 .clearfix { height: 208px; } .view-more04 h5 { position: relative; z-index: 9; font-size: 20px; color: #666; font-family: Arial; text-align: center; margin-top: 60px; margin-bottom: 30px; } .view-more04 h5 span { display: block; } .view-more04 a { position: relative; z-index: 9; width: 118px; height: 28px; display: block; border: 1px solid #ffa158; font-size: 14px; color: #ffa158; line-height: 28px; text-align: center; margin-left: auto; margin-right: auto; } .view-more04 a:hover { border: 1px solid #333; color: #333; } .view-more05 { background: #333; height: 208px; position: relative; } .view-more05 img { position: absolute; left: 50%; margin-left: -11px; top: -18px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } .view-more05 h5 { position: relative; z-index: 9; font-size: 20px; color: #fff; font-family: Arial; text-align: center; margin-top: 60px; margin-bottom: 30px; } .view-more05 h5 span { display: block; } .view-more05 a { position: relative; z-index: 9; width: 118px; height: 28px; display: block; border: 1px solid #ffa158; font-size: 14px; color: #ffa158; line-height: 28px; text-align: center; margin-left: auto; margin-right: auto; } .view-more05 a:hover { border: 1px solid #fff; color: #fff; } .view-more06 { background: #ffa158; height: 208px; position: relative; } .view-more06 img { position: absolute; left: 50%; margin-left: -11px; bottom: -18px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } .view-more06 h5 { position: relative; z-index: 9; font-size: 20px; color: #fff; font-family: Arial; text-align: center; margin-top: 60px; margin-bottom: 30px; } .view-more06 h5 span { display: block; } .view-more06 a { position: relative; z-index: 9; width: 118px; height: 28px; display: block; border: 1px solid #333; font-size: 14px; color: #333; line-height: 28px; text-align: center; margin-left: auto; margin-right: auto; } .view-more06 a:hover { border: 1px solid #fff; color: #fff; } /*culture内页*/ .culturepage-tit h3 { width: 400px; margin-left: auto; margin-right: auto; font-size: 36px; color: #333333; text-align: center; margin-top: 85px; margin-bottom: 40px; padding-bottom: 15px; border-bottom: 1px solid #83bceb; } .culturepage-tit h3 span { display: block; } .culturepage { background: url(../images/culturepage-bg.jpg) repeat-y center top; } .picshow { padding-top: 72px; padding-bottom: 56px; } .piclist { margin-left: 1px } .piclist:after { height: 0; display: block; clear: both; visibility: hidden; content: '.'; font-size: 0 } .piclist ul { width: 1200px; margin: 0 auto; position: relative; } .piclist li { float: left; text-align: center; cursor: pointer; z-index: 0; position: relative; background: #fff; margin: 0 10px 30px 9px; width: 380px; height: 380px; margin-bottom: 30px; box-shadow: 0px 1px 0px #edecec; border: 10px solid #d3e4f3; } .piclist li.r { margin-right: 0 } .piclist li .in img { *width: 360px; *height: auto; } .piclist li .in { position: absolute; left: 0; top: 0; z-index: 2; width: 360px; } .piclist li .in .imgdiv { display: block; width: 346px; height: 290px; margin: 0 auto; margin-top: 4px; overflow: hidden; } .piclist li span { display: block; text-align: center; height: 66px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .piclist li span b { display: block; width: 100%; height: 100%; background: url(../images/family.png) no-repeat center center; } .piclist li.pic .original { display: none; padding: 5px; padding-bottom: 0; border: 10px solid #ff972c; position: absolute; text-align: center; left: -16px; top: -59px; background: #fff; } .piclist li.pic .original .imga { display: block; } .piclist li .original img { *height: 400px; *width: auto; } .piclist li .original span { height: 66px; } .piclist li .original b { background: url(../images/family-on.png) no-repeat center center; } .piclist li.on { z-index: 999 } .piclist li.on .original { display: block; z-index: 100; } .culturepage-back { clear: both; overflow: hidden; background: #fff; padding: 50px 0; } .culturepage-back a { width: 105px; height: 29px; display: block; margin-left: auto; margin-right: auto; background: url(../images/btn-news-bg.jpg) no-repeat left top; text-align: center; line-height: 29px; font-size: 14px; color: #fff; } .picshow a.loadmore { display: block; width: 220px; height: 50px; background: #ff972c; text-align: center; line-height: 50px; font-size: 16px; color: #fff; border-radius: 5px; margin-left: auto; margin-right: auto; margin-top: 20px; } /*quality*/ .quality { width: 100%; background: url(../images/quality-bg.jpg) no-repeat center top; } .quality-box01 { width: 954px; margin-left: auto; margin-right: auto; margin-top: 88px; } .quality-box01 div { height: 320px; background: url(../images/quality-bg01.png) no-repeat center top; padding-top: 125px; } .quality-box01 div p { font-size: 16px; color: #535456; font-family: Arial; text-align: center; } .quality-box01 div h5 { margin-top: 95px; color: #fff; font-size: 20px; text-align: center; } .quality-box02 { width: 954px; margin-left: auto; margin-right: auto; margin-top: 88px; background: url(../images/quality-line.jpg) no-repeat center top; } .quality-b02 { width: 376px; height: 463px; margin-left: auto; margin-right: auto; margin-top: 60px; background: url(../images/quality-b02-bg.png) no-repeat center top; } .quality-b02 p { padding-top: 120px; padding-left: 80px; padding-right: 30px; font-size: 14px; color: #666; } .quality-b02 h3 { margin-top: 30px; padding-top: 30px; background: url(../images/qua-xline.jpg) no-repeat 120px top; padding-left: 140px; font-size: 20px; color: #008fe1; } .quality-box03 { width: 100%; margin-top: 80px; background: url(../images/quality-box03-bg.png) no-repeat center 512px; padding-bottom: 165px; } .quality-b03 { width: 1164px; height: 532px; margin-left: auto; margin-right: auto; background: url(../images/quality-box03-img01.png) no-repeat center bottom; clear: both; overflow: hidden; } .quality-box03 ul li { width: 582px; float: left; text-align: center; } .quality-b03 ul li { padding-top: 150px; } .quality-box03 ul li p { font-size: 18px; color: #fff; margin-top: 35px; width: 260px; margin-left: auto; margin-right: auto; } .quality-b03-b { width: 1164px; height: 544px; margin-top: 65px; margin-left: auto; margin-right: auto; background: url(../images/quality-b03-img06.png) no-repeat center top; } .quality-b03-b ul li { padding-top: 60px; } /*联系我们*/ .contact-con { width: 935px; height: 564px; margin-left: auto; margin-right: auto; position: relative; z-index: 9; } img.contact-con-bg { position: absolute; left: 0; top: 0; } .contact-box01 { width: 375px; position: absolute; left: 50%; margin-left: -187.5px; top: 130px; } .contact-box01 h3 { font-size: 20px; color: #fff; padding: 0 10px; text-align: center; line-height: 1.8em; font-family: Arial; } .contact-box01 h6 { font-size: 12px; color: #fff; text-align: center; margin-top: 25px; margin-bottom: 50px; font-family: Arial; } .contact-box01 p { text-align: center; font-size: 12px; color: #fff; font-family: Arial; } .contact-box02 { width: 280px; position: absolute; left: 50px; top: 325px; } .contact-box02 h3 { font-size: 16px; color: #333333; padding: 0 10px; text-align: center; line-height: 1.8em; font-family: Arial; } .contact-box02 h6 { font-size: 12px; color: #333; text-align: center; margin-top: 25px; margin-bottom: 30px; line-height: 1.6em; font-family: Arial; } .contact-box02 p { text-align: center; font-size: 12px; color: #333; font-family: Arial; } .contact-box03 { width: 300px; position: absolute; left: 50%; margin-left: -150px; top: 500px; } .contact-box03 h3 { font-size: 16px; color: #333333; padding: 0 10px; text-align: center; line-height: 1.8em; font-family: Arial; } .contact-box03 h6 { font-size: 12px; color: #333; text-align: center; margin-top: 10px; margin-bottom: 40px; line-height: 1.6em; font-family: Arial; } .contact-box03 p { text-align: center; font-size: 12px; color: #333; font-family: Arial; } .contact-box04 { width: 320px; position: absolute; right: 30px; top: 350px; } .contact-box04 h3 { font-size: 16px; color: #333333; padding: 0 10px; text-align: center; line-height: 1.8em; font-family: Arial; } .contact-box04 h6 { font-size: 12px; color: #333; text-align: center; margin-top: 10px; margin-bottom: 30px; line-height: 1.6em; font-family: Arial; } .contact-box04 p { text-align: center; font-size: 12px; color: #333; font-family: Arial; } .contact-earth { position: relative; } .contact-earth a { position: absolute; left: 5%; bottom: 30px; width: 15%; } .contact-earth a img.circle-earth { max-width: 100%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); animation: rotation 3s linear infinite; -moz-animation: rotation 3s linear infinite; -webkit-animation: rotation 3s linear infinite; -o-animation: rotation 3s linear infinite; } .contact-tip { border: none; position: absolute; top: 0; right: -18%; } .contact-earth a img.wz-img { width: 40%; position: absolute; left: 12%; bottom: 0; z-index: 9; } /*技术支持*/ .support-w { background: #efefef; } .support-box01 { width: 100%; position: relative; background: #fff; } .support-box01 .about-tip { border-top: none; height: 60px; } .support-box01 .about-tip p { text-transform: uppercase; } .about-tip p a { color: #333; } .about-tip p a:hover { color: #046DC7; } .support-tit h2 { font-size: 36px; color: #046dc7; font-family: Arial; font-weight: bold; text-align: center; margin-top: 40px; } .support-tit h3 { font-size: 30px; color: #046dc7; text-align: center; margin-top: 10px; margin-bottom: 10px; } .support-b01 { height: 504px; background: url(../images/support-box01-bg.png) no-repeat center center; position: relative; z-index: 9; margin-bottom: 95px; } .support-b01-box01 { width: 45%; height: 124px; position: absolute; left: 0; padding-right: 144px; text-align: right; background: url(../images/support-b01-img01.png) no-repeat right top; } .support-b01 a { display: block; margin: 0; padding: 0; } .support-b01 h5 { font-size: 20px; color: #333; font-weight: bold; margin-top: 25px; font-family: Arial; } .support-b01 a:hover h5 { color: #046DC7; } .support-b01 p { font-size: 12px; color: #666; line-height: 2em; margin-top: 5px; } .support-b01 a:hover p { color: #333; } .support-b01-box02 { width: 45%; height: 124px; position: absolute; right: 0; padding-left: 144px; text-align: left; background: url(../images/support-b01-img02.png) no-repeat left top; } .support-b01-box03 { width: 40%; height: 124px; position: absolute; left: 0; top: 50%; margin-top: -62px; padding-right: 144px; text-align: right; background: url(../images/support-b01-img03.png) no-repeat right top; } .support-b01-box04 { width: 40%; height: 124px; position: absolute; right: 0; top: 50%; margin-top: -62px; padding-left: 144px; text-align: left; background: url(../images/support-b01-img04.png) no-repeat left top; } .support-b01-box05 { width: 45%; height: 124px; position: absolute; left: 0; bottom: 0; padding-right: 144px; text-align: right; background: url(../images/support-b01-img05.png) no-repeat right top; } .support-b01-box06 { width: 45%; height: 124px; position: absolute; right: 0; bottom: 0; padding-left: 144px; text-align: left; background: url(../images/support-b01-img06.png) no-repeat left top; } .support-box02-tit { position: relative; } .support-box02-tit h3 { width: 100%; position: absolute; z-index: 9; top: 80px; font-size: 36px; font-family: Arial; color: #fff; text-align: center; font-weight: bold; } .faq-con { position: relative; z-index: 9; background: #fff; margin-top: -58px; margin-bottom: 100px; } .faq-tit { clear: both; overflow: hidden; } .faq-tit a { width: 360px; height: 56px; display: block; float: left; text-align: center; line-height: 56px; border: 1px solid #046dc7; background: #046dc7; font-size: 24px; color: #fff; font-family: Arial; margin-left: 20px; margin-right: 20px; margin-top: 30px; } .faq-tit a:hover { background: #fff; border: 1px solid #e5e5e5; color: #666; } .faq-tit a.on { background: #fff; border: 1px solid #e5e5e5; color: #666; } .faq-div { margin-top: 65px; clear: both; overflow: hidden; } .faq-div ul { clear: both; overflow: hidden; } .faq-div ul li { width: 50%; float: left; background: url(../images/faq-lit-img.png) no-repeat 20px center; margin: 36px 0; height: 64px; overflow: hidden; padding-left: 120px; padding-right: 20px; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; } .faq-div ul li a { font-size: 20px; color: #333; font-weight: bold; } .faq-div ul li:hover { background: url(../images/faq-lit-img.png) no-repeat 25px center; } .faq-div ul li:hover a { color: #046DC7; } .load { text-align: center; margin: 34px 0 80px 0; } a.loadmore img { animation: loadmore 2s infinite; -webkit-animation: loadmore 2s infinite; -moz-animation: loadmore 2s infinite; -ms-animation: loadmore 2s infinite; -o-animation: loadmore 2s infinite; } /*新闻中心*/ .news-div { width: 100%; background: #d9d9d9; position: relative; z-index: 9; } .news-title { width: 760px; height: 79px; position: absolute; left: 0; top: 50px; z-index: 9; background: url(../images/news-title.png) no-repeat left top; } .news-title h3 { height: 79px; line-height: 79px; text-align: center; } .news-title h3 img { vertical-align: middle; } .news-title h3 span { font-size: 30px; color: #fff; font-family: Arial; padding: 0 20px; text-transform: uppercase; } .newslist { background: #fff; width: 100%; margin-left: auto; margin-right: auto; } .news-tit { width: 280px; margin-top: 180px; float: left; padding-left: 10px; } .news-category a { font-size: 24px; color: #333; font-family: Arial; line-height: 2em; display: block; } .news-category a:hover { color: #077AD8; } .news-category a.on { color: #077AD8; } .hotnews { margin-top: 102px; } .hotnews h3 { font-size: 24px; color: #077AD8; font-family: Arial; margin-bottom: 40px; } .hotnews ul li { padding: 15px 0 15px 20px; border-bottom: 1px solid #d0d0d0; } .hotnews ul li a { display: block; margin: 0; padding: 0; } .hotnews ul li p { font-size: 18px; color: #333; font-family: Arial; } .hotnews ul li span { display: block; font-size: 12px; color: #cbcbcb; } .hotnews ul li:hover { border-bottom: 1px solid #077AD8; } .hotnews ul li:hover span { color: #666; } .news-con { width: 1000px; margin-left: auto; margin-right: auto; } .news-con ul li { padding: 32px 0 43px 0; clear: both; overflow: hidden; border-bottom: 1px solid #999999; } .news-con ul li:hover { border-bottom: 1px solid #077AD8; } .news-con ul li a { display: block; margin: 0; padding: 0; } .news-img-fl { width: 260px; overflow: hidden; margin: 10px 0 50px 0; } .news-con ul li .news-img-fl img { transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; } .news-con ul li:hover .news-img-fl img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .news-fr { width: 100%; padding-left: 80px; } .news-fr h2 { font-size: 18px; color: #333; font-family: Arial; } .news-con ul li:hover .news-fr h2 { color: #077ad8; } .news-fr p { font-size: 14px; color: #666; font-family: Arial; line-height: 1.6em; } .news-fr p.news-date { margin: 5px 0; } .news-fr p.news-date span { font-size: 12px; color: #cbcbcb; display: inline-block; margin-right: 20px; } .news-fr p.news-date span img { display: inline-block; vertical-align: middle; margin-right: 10px; } .news-fr h3 { line-height: 29px; margin-top: 12px; } .news-fr h3 a { font-size: 16px; font-family: Arial; color: #333; float: left; } .news-fr h3 a.news-more { display: block; float: right; width: 105px; height: 29px; background: url(../images/btn-news-bg.jpg) no-repeat center top; text-align: center; line-height: 29px; font-size: 16px; color: #fff; } .paging { text-align: center; clear: both; overflow: hidden; margin-top: 60px; margin-bottom: 60px; } .paging a { display: inline-block; border: 1px solid #999; font-size: 16px; color: #999; padding: 2px 10px; margin: 0 5px; } .paging a:hover { border: 1px solid #046dc7; color: #046dc7; } .paging a.on { border: 1px solid #046dc7; color: #046dc7; } .paging a.btn-prev, .paging a.btn-next { padding: 2px 30px; } .paging a.btn-prev { margin-right: 20px; } .paging a.btn-next { margin-left: 20px; } /*新闻详情页*/ .newspage-div { min-height: 1363px; } .newspage-div .newslist { min-height: 1415px; overflow-y: auto; } .newspage-box01 { border-bottom: 1px solid #cccccc; padding-bottom: 40px; } .newspage-box01 h3 { font-size: 36px; color: #077ad8; font-family: Arial; text-align: center; margin-top: 72px; margin-bottom: 35px; } .newspage-img { width: 400px; float: left; } .newspage-tcon { width: 800px; float: left; } .newspage-tcon h2 { font-size: 18px; color: #333; font-family: Arial; margin-top: 20px; } .newspage-tcon p { font-size: 14px; color: #666; font-family: Arial; line-height: 1.3em; } .newspage-tcon p.news-zhaiayo { height: 80px; } .newspage-tcon p.news-date { margin: 5px 0; } .newspage-tcon p.news-date span { font-size: 12px; color: #cbcbcb; display: inline-block; margin-right: 20px; } .newspage-tcon p.news-date span img { display: inline-block; vertical-align: middle; margin-right: 10px; } .newspage-tcon h3 { line-height: 29px; margin-top: 20px; font-size: 16px; font-family: Arial; color: #333; text-align: left; } .newspage-box02 h3 { font-size: 36px; color: #077ad8; font-family: Arial; text-align: center; margin-top: 42px; margin-bottom: 35px; } .newspage-con { clear: both; overflow: hidden; } .newspage-con img.img-responsive { max-width: 100%; margin-left: auto; margin-right: auto; } .newspage-con h5 { font-size: 18px; color: #333; text-align: center; line-height: 2em; margin-top: 40px; margin-bottom: 10px; } .newspage-imgbox { /*width: 500px;*/ margin-left: auto; margin-right: auto; margin-bottom: 40px; clear: both; overflow: hidden; margin-top: 40px; padding: 0 60px; } .newspage-imgbox div { padding: 0 10px; margin-top: 20px; } .newspage-imgbox div img { width: 100%; max-height: 150px; } .img-tit h3 { font-size: 20px; color: #333; text-align: center; margin-top: 40px; margin-bottom: 10px; line-height: 1.8em; } /*新产品*/ .newproduct { width: 100%; min-height: 1050px; background: #fefefe; position: relative; } #newpro-img { width: 385px; position: absolute; left: 0; top: 50%; margin-top: -322px; } .newproduct-con { margin-left: 420px; width: 760px; } .newproduct-con h4 { text-align: center; font-size: 36px; color: #666; padding-top: 120px; margin-bottom: 20px; } .newproduct-img img { margin-left: auto; margin-right: auto; } .newproduct-con p span { display: block; font-size: 12px; color: #ccc; text-align: center; margin-bottom: 20px; } .newpro-p { border-top: 1px solid #d0d0d0; margin-top: 20px; padding-top: 20px; } .newpro-p h6 { font-size: 18px; color: #333; text-align: center; margin: 20px 0 30px 0; } .newpro-p p { font-size: 16px; color: #666; } .newpro-p p.down { text-align: right; margin-top: 60px; margin-bottom: 20px; color: #999; padding-right: 15px; } .newpro-p p.down a{ display: inline-block; font-size: 16px; color: #666; margin-left: 10px; margin-right: 10px; } .newpro-p p.down a:hover{ color: #1163AF; } .newpro-p p a.fl { display: inline-block; font-size: 16px; color: #999; border: 1px solid #999; padding: 0 15px; margin-right: 10px; } .newpro-p p a.fl:hover { color: #077AD8; border: 1px solid #077AD8; } .newpro-p p label { color: #999; font-size: 16px; font-weight: normal; } .newpro-p p a.fr { width: 105px; height: 29px; display: inline-block; background: url(../images/btn-news-bg.jpg) no-repeat left top; text-align: center; line-height: 29px; color: #fff; } .newpro-p p a.btn-click{ margin-right: 25px; } .newproduct-tip { border: none; } /*产品-一级页面*/ .product { margin-top: 122px; clear: both; overflow: hidden; margin-bottom: 34px; } .product ul li { width: 19.5%; margin-left: 0.25%; margin-right: 0.25%; float: left; position: relative; margin-bottom: 8px; } .product ul li a { display: block; border: 1px solid #ccc; overflow: hidden; transition: all .5s linear; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; } .product ul li img { transition: all .5s linear; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; } .product ul li:hover a { border: 1px solid #0475D3; } .product ul li:hover img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); } .product ul li p { position: absolute; right: 15px; bottom: 18px; } .product ul li p label { font-size: 22px; color: #666; display: block; font-weight: normal; text-align: right; max-width: 230px; margin: 0; padding: 0; line-height: 1em; } .product ul li p span { display: block; width: 42px; border: 1px solid #1358b3; float: right; margin-top: 3px; transition: all 1s linear; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; } .product ul li:hover span { width: 120px; } /*产品列表页*/ .product-cate { width: 100%; background: #eeeeee; position: relative; } .product-cate p.product-cate-line { position: absolute; left: 0; top: 38px; z-index: 9; } .productlist-bg { background: #fff; padding-top: 59px; } h1.product-title { width: 288px; font-size: 36px; color: #077ad8; text-transform: uppercase; padding-left: 20px; margin: 40px 0; } .product-tip p { margin-top: 20px; } .product-cate-fl { width: 288px; padding: 22px 0; float: left; border:2px solid #077ad8; border-left:none; } .product-cate-fl ul li.pmenu { position: relative; } .product-cate-fl ul li img { display: none; position: absolute; right: -8px; bottom: 0; } .product-cate-fl ul li.on { /*padding-bottom: 50px; margin-bottom: 30px;*/ } .product-cate-fl ul li.on img { display: block; } .product-cate-fl ul li a.product-menu { height: 44px; line-height: 44px; padding-left: 36px; font-size: 16px; color:#077ad8; display: block; width: 100%; background: url(../images/cate-jt-new03.png) no-repeat center right 18px; background-size:18px 18px; } .product-cate-fl ul li.on a.product-menu { background: url(../images/cate-jt-new04.png) no-repeat center right 18px; background-size:18px 18px; margin-bottom: 10px; } .product-cate-fl ul li div.dropmenu { display: none; } .product-cate-fl ul li.on div.dropmenu { display: block; } .product-cate-fl ul li div.dropmenu ul li a { font-size: 14px; color: #077ad8; padding-left: 55px; width: 260px; display: block; line-height: 30px; background: url(../images/cate-dot-new.png) no-repeat 36px 11px; } .product-cate-fl ul li div.dropmenu ul li a:hover { color: #83BCEB; } .three-menu { padding: 5px 0; display: none; } .product-cate-fl ul li.on .three-menu { display: none; } .three-menu a { display: block; width: 250px; padding-left: 82px !important; font-size: 12px !important; color: #fff; margin: 5px 0; background: none !important; } .product-fr { float: right; width: 900px; } .product-fr h5 { font-size: 20px; color: #333; text-align: left; padding-left:20px; } .pro-search { /*width: 702px;*/ margin-left: auto; margin-right: auto; margin-top: 35px; } .pro-search select { width: 180px; height: 35px; line-height: 35px; border: 1px solid #333; border-radius: 5px; padding-left: 10px; font-size: 14px; color: #077ad8; margin: 0 20px; margin-top: 8px; } .btn-search { background: url(../images/search-zs.png) no-repeat center center; } .btn-search a { width: 150px; height: 54px; background: #077ad8; display: block; text-align: center; line-height: 54px; border-radius: 5px; margin-left: auto; margin-right: auto; margin-top: 60px; font-size: 24px; color: #fff; text-transform: uppercase; } .btn-search a:hover { background: #419de7; } .prolist { clear: both; overflow: hidden; margin-bottom: 80px; } .prolist ul li { width: 289px; float: left; margin-right: 16px; margin-bottom: 20px; } .prolist ul li a { display: block; margin: 0; padding: 0; } .proimg-div { border-top: 9px; border-top: 9px solid #077ad8; border-left: 1px solid #83bceb; border-right: 1px solid #83BCEB; overflow: hidden; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; } .prolist ul li:hover .proimg-div { border-top: 9px solid #83bceb; } .proimg-div img { transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; } .prolist ul li:hover .proimg-div img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); } .prolist h3 { height: 72px; background: #077ad8; font-size: 16px; color: #fff; padding: 16px 15px; text-align: center; line-height: 20px; position: relative; } .prolist ul li:hover h3 { background:#83bceb; } .prolist h3 img { position: absolute; left: 50%; top: -17px; margin-left: -17px; } .prolist h3 i { position: absolute; left: 50%; top: -17px; margin-left: -17px; display:block; width:33px; height:17px; background:url(../images/sjx-pro.png) no-repeat center center ; } .prolist ul li:hover h3 i { background: url(../images/sjx-pro-on.png) no-repeat center center; } /*产品详情页*/ .productpage { position: relative; } .productdetail{ padding:0 10px; } .propage-tit { width:100%; border-top:10px solid #43aaff; margin-top: 49px; } .propage-tit p { font-size: 16px; color: #666; font-family: Arial; padding:20px 10px; } .propage-tit p a { color: #333; } .propage-tit p a:hover { color: #046DC7; } .propage-con { clear: both; overflow: hidden; position: relative; } .propage-fr { /*padding-top: 40px;*/ /*height: 940px; overflow-y: auto;*/ z-index: 1; float: right; } .propage-fr-box01 { clear: both; overflow: hidden; padding-bottom: 10px; margin-right: 2%; } .propage-b01-fl { width: 100%; text-align: center; } .propage-b01-fl p { font-size: 24px; font-family: Arial; color: #077ad8; text-align: center; margin-bottom: 20px; } .propage-b01-fr { /* width: 80%; margin-left:auto; margin-right:auto;*/ } .propage-b01-fr h5 { font-size: 24px; font-family: Arial; color: #077ad8; text-align: center; margin-bottom: 20px; margin-top: 30px; } .propage-b01-fr p { color: #696969; font-size: 16px; font-family: Arial; text-indent:1em; line-height:38px; } .propage-fr-box02 { /*height: 300px;*/ clear: both; /*overflow: hidden;*/ position: relative; } .propage-fr-box02 ul li{ margin-bottom:10px; } .propage-fr-box02 ul li span{ color: #696969; font-size: 16px !important; } .propage-fr-box02 img.feature-img { position: absolute; left: 50%; bottom: 0; margin-left: -90px; } .propage-fr-box02 div p { font-size: 14px; color: #333; position: absolute; top: 10px; text-align: right; } .left-hand01 { width: 383px; position: absolute; left: 50%; top: 50px; margin-left: -428px; } .left-hand01 p { right: 0; padding-right: 120px; } .left-hand02 { width: 364px; position: absolute; left: 50%; top: 110px; margin-left: -428px; } .left-hand02 p { right: 0; padding-right: 110px; } .left-hand03 { width: 484px; position: absolute; left: 50%; top: 165px; margin-left: -563px; } .left-hand03 p { right: 0; padding-right: 95px; } .left-hand04 { width: 347px; position: absolute; left: 50%; top: 210px; margin-left: -433px; } .left-hand04 p { right: 0; top: 16px !important; padding-right: 90px; } .right-hand01 { width: 383px; position: absolute; left: 50%; top: 50px; margin-left: 43px; } .right-hand01 p { left: 0; padding-left: 125px; } .right-hand02 { position: absolute; left: 50%; top: 110px; margin-left: 62px; } .right-hand02 p { left: 0; padding-left: 110px; } .right-hand03 { position: absolute; left: 50%; top: 165px; margin-left: 75px; } .right-hand03 p { left: 0; padding-left: 95px; } .right-hand04 { position: absolute; left: 50%; top: 210px; margin-left: 83px; } .right-hand04 p { left: 0; top: 17px !important; padding-left: 90px; } .propage-fr-box03 { overflow-x:scroll; margin-bottom:20px; } .propage-fr-box03 h4 { font-size: 24px; color: #077ad8; text-align: center; margin-top: 60px; margin-bottom: 20px; } .propage-fr-box03 p { font-size: 18px; font-family: Arial; color: #333; text-align: center; } .propage-fr-box03 p img { margin-left: auto; margin-right: auto; } .power-table { clear: both; /*overflow: hidden;*/ margin-top: 50px; min-height:600px; min-width:1400px; } .power-table table { width: 100%; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; } .power-table table caption { height: 58px; border: 1px solid #e1e1e1; background: #f8f8f8; font-size: 20px; color: #221e1f; line-height: 58px; text-align: center; padding: 0; } .power-table table th { height: 68px; background: #1358b3; font-size: 14px; color: #fff; font-weight: normal; border-right: 1px solid #89acd9; text-align: center; } .power-table table th span { display: block; line-height: 16px; text-align: center; } .power-table table td { height: 40px; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; text-align: center; font-size: 14px; color: #666; } .power-table table tr:hover td { color: #1358b3; } .power-table table td img { width: 20px; } /*杂志列表页*/ .magazinelist { position: relative; } .magazinelist .about-tip p { margin-top: 35px; } .magazine-tit { height: 127px; } .magazine-tit h2 { font-size: 40px; color: #858585; font-family: Arial; text-align: center; padding-top: 40px; } .magazine-tit span { width: 60px; display: block; border: 1px solid #077AD8; margin-left: auto; margin-right: auto; } .mlist-bg { width: 100%; background: url(../images/mlist-bg.jpg) repeat-y center top; padding-bottom: 50px; } .magazine-box { clear: both; overflow: hidden; background: url(../images/bookcase.png) no-repeat center bottom; padding-bottom: 20px; margin-top: 30px; } .magazine-tip { width: 192px; float: left; height: 45px; padding-bottom: 13px; background: url(../images/left-tip.png) no-repeat left top; margin-top: 64px; } .magazine-tip p { font-size: 14px; color: #fff; text-align: center; line-height: 32px; } .magazine-fr { width: 972.5px; float: left; margin-left: 100px; } .magazine-list { width: 812px; height: 218px; float: left; overflow: hidden; position: relative; } .magazine-list ul { width: 14444000px; position: absolute; left: 0; top: 0; } .magazine-list ul li { float: left; width: 148px; margin-left: 27.5px; margin-right: 27.5px; overflow: hidden; } .magazine-list ul li img { transition: all .5s linear; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; } .magazine-list ul li:hover img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); } .magazine-list ul li p { margin-top: 20px; text-align: center; font-size: 14px; color: #666; } .btn-magazine { float: right; margin-top: 65px; } .btn-magazine img { animation: loadmore 1.6s infinite; -webkit-animation: loadmore 1.6s infinite; -moz-animation: loadmore 1.6s infinite; -ms-animation: loadmore 1.6s infinite; -o-animation: loadmore 1.6s infinite; } .btn-magazine:hover img { animation: none; opacity: 1; } /*杂志详情页*/ /*杂志详情页*/ .read-bg { display: none; } #canvas { position: absolute; background: url('../pics/read-bg.jpg') repeat-x bottom center; } .magazine-viewport .container { position: absolute; top: 50%; left: 50%; width: 1200px; height: 781px; margin: auto; } .magazine-viewport .magazine { width: 1200px; height: 781px; left: -600px; top: -300px; } .magazine-viewport .page { width: 600px; height: 781px; background-color: white; background-repeat: no-repeat; background-size: 100% 100%; } .magazine-viewport .zoomer .region { display: none; } .magazine .region { position: absolute; overflow: hidden; background: #0066FF; opacity: 0.2; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); } .magazine .region:hover { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .magazine .region.zoom { opacity: 0.01; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); } .magazine .region.zoom:hover { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); } .magazine .page { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } .magazine-viewport .page img { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0; } .magazine .even .gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.2))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%); background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%); background-image: linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%); } .magazine .odd .gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.15))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%); background-image: -ms-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%); background-image: linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%); } .magazine-viewport .zoom-in .even .gradient, .magazine-viewport .zoom-in .odd .gradient { display: none; } .magazine-viewport .loader { background-image: url(../pics/loader.gif); width: 22px; height: 22px; position: absolute; top: 280px; left: 219px; } .magazine-viewport .shadow { -webkit-transition: -webkit-box-shadow 0.5s; -moz-transition: -moz-box-shadow 0.5s; -o-transition: -webkit-box-shadow 0.5s; -ms-transition: -ms-box-shadow 0.5s; -webkit-box-shadow: 0 0 20px #ccc; -moz-box-shadow: 0 0 20px #ccc; -o-box-shadow: 0 0 20px #ccc; -ms-box-shadow: 0 0 20px #ccc; box-shadow: 0 0 20px #ccc; } /*.next-button { width: 59px; height: 59px; position: absolute; top: 50%; background:url('../pics/arrows.png') -59px 0; right: 10px; z-index:10; } .previous-button { width: 59px; height: 59px; position: absolute; top: 50%; background-image: url('../pics/arrows.png'); z-index:10; } .magazine-viewport .previous-button-hover { background-position: 0 -59px; cursor: pointer; } .magazine-viewport .next-button-hover { background-position: -59px -59px; cursor: pointer; } .magazine-viewport .previous-button-hover, .magazine-viewport .previous-button-down { } .magazine-viewport .previous-button-down, .magazine-viewport .next-button-down { } .magazine-viewport .next-button-hover, .magazine-viewport .next-button-down { } .magazine-viewport .zoom-in .next-button, .magazine-viewport .zoom-in .previous-button { display: none; }*/ .animated { -webkit-transition: margin-left 0.5s; -moz-transition: margin-left 0.5s; -ms-transition: margin-left 0.5s; -o-transition: margin-left 0.5s; transition: margin-left 0.5s; } .exit-message { position: absolute; top: 10px; left: 0; width: 100%; height: 40px; z-index: 10000; } .exit-message>div { width: 140px; height: 30px; margin: auto; background: rgba(0, 0, 0, 0.5); text-align: center; font: 12px Arial; line-height: 30px; color: white; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .zoom-icon { position: absolute; z-index: 1000; width: 22px; height: 22px; top: 10px; right: 10px; background-image: url(../pics/zoom-icons.png); background-size: 88px 22px; } .zoom-icon-in { background-position: 0 0; cursor: pointer; } .zoom-icon-in.zoom-icon-in-hover { background-position: -22px 0; cursor: pointer; } .zoom-icon-out { background-position: -44px 0; } .zoom-icon-out.zoom-icon-out-hover { background-position: -66px 0; cursor: pointer; } .bottom { position: absolute; left: 0; bottom: 0; width: 100%; } /*加入我们*/ .join { position: relative; } .join-tip { border: none; height: 60px; } .join-title { padding-bottom: 6px; background: url(../images/blue-jt.png) no-repeat center bottom; } .join-border-div { border-bottom: 4px solid #046dc7; clear: both; overflow: hidden; padding: 20px 0; } .join-border-div h1 { font-size: 36px; color: #333; float: left; padding-left: 60px; text-transform: uppercase; } .join-border-div p { font-size: 16px; color: #666; float: left; margin-left: 280px; margin-top: 10px; } .job-name { width: 576px; height: 456px; clear: both; overflow: hidden; margin: 54px auto 70px auto; position: relative; } .job-box01 { position: absolute; left: 0; top: 76px; } div.job-b01 { width: 173px; height: 150px; background: url(../images/job-name.png) no-repeat center top; display: block; } .mt03 { margin-top: 3px; } .ml03 { margin-left: 3px; } div.job-b01 a { display: block; text-align: center; font-size: 24px; color: #046dc7; font-weight: normal; padding-top: 60px; } .job-box02 { position: absolute; left: 134px; top: 0px; } .job-box03 { position: absolute; left: 268px; top: 76px; } .job-box04 { position: absolute; left: 402px; top: 0px; } .join-title01 p { margin-left: 90px; } .welfare { clear: both; overflow: hidden; padding: 40px 50px 110px 50px; } .welfare ul li { width: 259px; height: 60px; line-height: 60px; background: url(../images/welfare.png) no-repeat center top; float: left; margin-left: 2.5px; margin-right: 2.5px; margin-top: 30px; text-align: center; } .welfare ul li a { font-size: 18px; color: #fff; } /*职位详情*/ .join-title03 p { margin-left: 90px; } .joinpage { background: #f9f9f9; } .post-details h5 { font-size: 20px; color: #333; font-weight: bold; margin: 50px 0; } .details-div { background: #fff; border-top: 1px dashed #6fa1cb; border-bottom: 1px dashed #6fa1cb; clear: both; overflow: hidden; padding: 20px 0; } .details-div ul li { width: 50%; height: 100px; line-height: 60px; padding: 20px 0; } .details-div ul li.fl { padding-left: 150px; } .details-div ul li.fr { padding-left: 30px; } .details-div ul li span { width: 67px; display: inline-block; text-align: center; } .details-div ul li label { font-size: 24px; color: #333; font-weight: normal; margin-left: 10px; } .summary { padding-bottom: 40px; background: url(../images/summary-line.jpg) no-repeat center bottom; } .summary h5 { text-align: center; } .summary p { font-size: 14px; color: #333; padding: 0 200px; text-align: center; } .duties p { font-size: 14px; color: #333; } a.apply { width: 105px; height: 29px; display: block; background: url(../images/btn-news-bg.jpg) no-repeat center top; margin: 50px auto 80px auto; text-align: center; color: #fff; font-size: 16px; } /*申请职位页面*/ .applypage .container { padding: 0 50px; } .applypage p { font-size: 20px; color: #333; margin-top: 50px; margin-bottom: 30px; } .apply-div { padding: 18px 0; } .apply-div label { font-size: 20px; color: #333; font-weight: normal; width: 330px; display: inline-block; } .apply-div span { width: 287px; height: 52px; display: inline-block; background: #ebecf1; border: 1px solid #d9dade; font-size: 18px; color: #333; text-align: center; line-height: 50px; border-radius: 5px; } .apply-div input { width: 361px; height: 52px; line-height: 50px; display: inline-block; padding: 0 10px; border-radius: 5px; border: 1px solid #d9dade; } .apply-div textarea { width: 690px; height: 150px; display: block; border-radius: 5px; border: 1px solid #d9dade; } /*行业应用详情页*/ .app-warp img{ display: block; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 60px; margin-bottom: 60px; } .app-warp h3{ font-size: 22px; color: #333; text-align: center; line-height: 1.6em; margin-top: 20px; margin-bottom: 20px; } .app-page p{ font-size: 16px; color: #333; text-indent: 2em; line-height: 2em; } .app-page ul{ padding: 10px 20px 80px 20px; clear: both; overflow: hidden; } .app-page ul li{ width: 23%; margin-left: 1%; margin-right: 1%; float: left; background: url(../images/new-product-down.png) no-repeat left center; padding-left: 35px; padding-top: 10px; padding-bottom: 10px; } .app-page ul li a{ font-size: 16px; color: #333; } .app-page ul li:hover a{ color: #046DC7; } } /*media-height*/ @-webkit-keyframes loadmore { 0% { opacity: 1; filter: alpha(opacity=100); } 25% { opacity: 0.5; filter: alpha(opacity=50); } 50% { opacity: 0; filter: alpha(opacity=0); } 75% { opacity: 0.5; filter: alpha(opacity=50); } 100% { opacity: 1; filter: alpha(opacity=100); } } @-moz-keyframes loadmore { 0% { opacity: 1; filter: alpha(opacity=100); } 25% { opacity: 0.5; filter: alpha(opacity=50); } 50% { opacity: 0; filter: alpha(opacity=0); } 75% { opacity: 0.5; filter: alpha(opacity=50); } 100% { opacity: 1; filter: alpha(opacity=100); } } @-ms-keyframes loadmore { 0% { opacity: 1; filter: alpha(opacity=100); } 25% { opacity: 0.5; filter: alpha(opacity=50); } 50% { opacity: 0; filter: alpha(opacity=0); } 75% { opacity: 0.5; filter: alpha(opacity=50); } 100% { opacity: 1; filter: alpha(opacity=100); } } @-o-keyframes loadmore { 0% { opacity: 1; filter: alpha(opacity=100); } 25% { opacity: 0.5; filter: alpha(opacity=50); } 50% { opacity: 0; filter: alpha(opacity=0); } 75% { opacity: 0.5; filter: alpha(opacity=50); } 100% { opacity: 1; filter: alpha(opacity=100); } } @media screen and (min-height: 850px) and (max-height:879px) and (min-width:1200px) { .three-tit { margin-top: 94px; } .three-left-div ul li img { width: 52.5%; } .three-left-div ul li a { margin-bottom: 0px !important; } } @media screen and (min-height:740px) and (max-height:849px) and (min-width:1200px) { .two-title { bottom: 40px; } .two-title ul li { height: 80px; } .two-title ul li a h3 { padding: 15px 0 6px 0; } .two-title ul li a.display { padding: 0 25px; background-position: 249px -10px; } .two-title ul li:hover a.display { background-position: 249px -110px; } .two-title ul li.on a.display { background-position: 249px -110px; } .two-circle { width: 487px; height: 487px; position: absolute; left: 50%; top: 50%; z-index: 3; margin-left: -243.5px; margin-top: -263.5px; } .two-circle img.circle-bg { max-width: 100%; } .circle-img { margin-top: 130px; } .circle-con h3 { margin: 20px 0 5px 0; } .newproduct-list { padding: 0 60px; } .newproduct-list ul li.fr a { margin-left: 55%; } .newproduct-list ul li a { width: 45%; padding-left: 0px !important; } .productlist { height: 480px; margin-top: -240px; } .productlist ul li { padding: 20px 0; } .productlist ul li.fr a { margin-left: 40%; } .productlist ul li a { width: 60%; } .industrylist { top: 50%; height: 240px; margin-top: -160px; padding-right: 60px; } /*3*/ .three-tit { margin-top: 84px; } .three-tit h3 { height: 42px; line-height: 42px; font-size: 22px; } .three-tit span { margin-top: 2px; } .three-left-div { padding-bottom: 8px; } .three-left-div01 { margin-top: 15px; } .three-left-div ul li { width: 50%; float: left; } .three-left-div ul li img { width: 46%; } .three-left-div ul li.left-li { padding-right: 20px; text-align: right; } .three-left-div ul li.right-li { padding-left: 20px; text-align: left; } .three-left-div ul li a { /*margin-bottom: 10px;*/ display: block; } .three-left-div ul li p { margin-top: 20px; font-size: 12px; color: #666; } .three-left-div ul li.left-li p { padding-right: 12px; } .three-left-div ul li.right-li p { padding-left: 12px; } .three-left-div02 { margin-top: 6px; } .three-left-div02 ul li p { margin-top: 20px; font-size: 12px; color: #fff; } .three-right { width: 62.3%; height: 100%; position: relative; } .three-right .three-tit h3 { width: 300px; } #myCarousel { margin-top: 50px; } .item h1 { font-size: 22px; } .item p { margin-top: 20px; } .f-left-fl { padding-left: 5%; margin-top: 25px; } .f-left-fl p { font-size: 14px; color: #fff; text-transform: uppercase; } .f-left-fl h3 { font-size: 32px; color: #fff; } .f-left-fl h3 i { font-style: normal; font-size: 12px; text-transform: uppercase; margin-left: 3px; } .f-left-fl span { font-size: 12px; color: #fff; display: block; } .f-left-fr { margin-left: 40px; padding-left: 40px; padding-right: 5%; margin-top: 25px; } .f-left-fr h6 { font-size: 15px; color: #fff; padding-bottom: 8px; border-bottom: 1px solid #fff; margin-bottom: 5px; } .f-left-fr p a { font-size: 12px; color: #fff; line-height: 2em; color: #fff; } .f-right { width: 55%; float: right; padding-right: 2%; } .f-right ul { clear: both; overflow: hidden; margin-top: 30px; margin-bottom: 10px; text-align: right; } .f-right ul li { display: inline-block; padding: 0 18px; } .f-right ul li a { font-size: 12px; color: #fff; } .f-right p { line-height: 1.8em; } } @media screen and (min-height: 880px) { .three-left-div ul li a { margin-bottom: 10px; } } @media screen and (min-height:740px) and (max-height:849px) and (min-width:1600px) { .three-left-div01 { margin-top: 30px; } .three-left-div ul li img { width: 44%; } .three-left-div ul li a { margin-bottom: 10px !important; } } @media screen and (min-height:740px) and (max-height:849px) and (width:1280px) { .three-left-div01 { margin-top: 30px; } .three-left-div ul li img { width: 61%; } .three-left-div01 ul li p { margin-top: 10px; } .three-left-div02 ul li p { margin-top: 10px; } } @media screen and (min-height:600px) and (max-height:739px) and (min-width:1200px) { .two-title { bottom: 30px; } .two-title ul li { height: 70px; } .two-title ul li a h3 { padding: 15px 0 4px 0; font-size: 15px; } .two-title ul li a.display { padding: 0 25px; background-position: 269px 6px; background-size: 10%; } .two-title ul li:hover a.display { background-position: 269px -52px; } .two-title ul li.on a.display { background-position: 269px -52px; } .two-circle { width: 387px; height: 387px; position: absolute; left: 50%; top: 50%; z-index: 3; margin-left: -193.5px; margin-top: -203.5px; } .two-circle img.circle-bg { max-width: 100%; } .circle-img { margin-top: 80px; } .circle-con h3 { margin: 8px 0 2px 0; font-size: 24px; } a.seemore { width: 152px; height: 40px; background-size: 100% 100%; line-height: 40px; margin-top: 15px; } .newproduct-list { padding: 0 80px; margin-top: -108px; } .newproduct-list ul li { padding: 10px 0 !important; } .newproduct-list ul li.fr a { margin-left: 50%; } .newproduct-list ul li a { width: 50%; } .productlist { height: 480px; margin-top: -180px; } .productlist ul li { padding: 10px 0; } .productlist ul li.fr a { margin-left: 40%; } .productlist ul li a { width: 60%; font-size: 14px; height: 40px } .industrylist { top: 50%; height: 240px; margin-top: -120px; padding-right: 150px; } .industrylist ul li { padding: 15px 0; } .industrylist ul li a { font-size: 14px; } /*3*/ .three-tit { margin-top: 96px; } .three-tit h3 { font-size: 18px; } .three-tit span { margin-top: 5px; } .three-left-div { padding-bottom: 3px; } .three-left-div01 { margin-top: 25px; } .three-left-div ul li { width: 50%; float: left; } .three-left-div ul li img { width: 40%; } .three-left-div ul li.left-li { padding-right: 20px; text-align: right; } .three-left-div ul li.right-li { padding-left: 20px; text-align: left; } .three-left-div ul li a { margin-bottom: 10px; display: block; } .three-left-div ul li p { margin-top: 0px; font-size: 12px; color: #666; } .three-left-div ul li.left-li p { padding-right: 0px; } .three-left-div ul li.right-li p { padding-left: 0px; } .three-left-div02 { margin-top: 6px; } .three-left-div02 ul li p { margin-top: 0px; font-size: 12px; color: #fff; } .three-right { width: 62.3%; height: 100%; position: relative; } .three-right .three-tit h3 { width: 200px; } #myCarousel { margin-top: 30px; } .item h1 { font-size: 20px; margin-top: 25px; } .item p { margin-top: 15px; } a.three-more { margin-left: -71px; width: 142.5px; height: 40px; font-size: 12px; line-height: 38px; background-size: 100%; } .f-left-fl { padding-left: 5%; margin-top: 20px; } .f-left-fl p { font-size: 14px; color: #fff; text-transform: uppercase; } .f-left-fl h3 { font-size: 26px; color: #fff; } .f-left-fl h3 i { font-style: normal; font-size: 12px; text-transform: uppercase; margin-left: 3px; } .f-left-fl span { font-size: 12px; color: #fff; display: block; } .f-left-fr { margin-left: 25px; padding-left: 25px; padding-right: 5%; margin-top: 20px; } .f-left-fr h6 { font-size: 14px; color: #fff; padding-bottom: 4px; border-bottom: 1px solid #fff; margin-bottom: 4px; } .f-left-fr p a { font-size: 12px; color: #fff; line-height: 2em; color: #fff; } .f-right { width: 55%; float: right; padding-right: 2%; } .f-right ul { clear: both; overflow: hidden; margin-top: 15px; margin-bottom: 10px; text-align: right; } .f-right ul li { display: inline-block; padding: 0 18px; } .f-right ul li a { font-size: 12px; color: #fff; } .f-right p { line-height: 1.8em; } } @media screen and (max-height:599px) and (min-width:1200px) { .two-title { bottom: 20px; } .two-title ul li { height: 60px; } .two-title ul li a h3 { padding: 12px 0 4px 0; font-size: 14px; } .two-title ul li a.display { padding: 0 25px; background-position: 269px 2px; background-size: 10%; } .two-title ul li:hover a.display { background-position: 269px -56px; } .two-title ul li.on a.display { background-position: 269px -56px; } .two-circle { width: 337px; height: 337px; position: absolute; left: 50%; top: 50%; z-index: 3; margin-left: -168.5px; margin-top: -188.5px; } .two-circle img.circle-bg { max-width: 100%; } .circle-img { width: 180px; height: 120px; margin-top: 80px; } .circle-img img { max-width: 100%; } .circle-con h3 { margin: 10px 0 5px 0; font-size: 22px; } a.seemore { width: 136.8px; height: 36px; background-size: 100% 100%; line-height: 36px; margin-top: 10px; } .newproduct-list { padding: 0 80px; margin-top: -108px; } .newproduct-list ul li { padding: 8px 0 !important; } .newproduct-list ul li.fr a { margin-left: 50%; } .newproduct-list ul li a { width: 50%; font-size: 14px; } .productlist { height: 480px; margin-top: -150px; } .productlist ul li { padding: 8px 0; } .productlist ul li.fr a { margin-left: 40%; } .productlist ul li a { width: 60%; font-size: 14px; } .industrylist { top: 50%; height: 240px; margin-top: -90px; padding-right: 180px; } .industrylist ul li { padding: 8px 0; } .industrylist ul li a { font-size: 14px; } /*3*/ .three-tit { margin-top: 90px; } .three-tit h3 { font-size: 16px; } .three-left-div { padding-bottom: 0px; } .three-left-div01 { margin-top: 20px; } .three-left-div ul li { width: 50%; float: left; } .three-left-div ul li img { width: 38%; } .three-left-div ul li.left-li { padding-right: 20px; text-align: right; } .three-left-div ul li.right-li { padding-left: 20px; text-align: left; } .three-left-div ul li a { margin-bottom: 10px; display: block; } .three-left-div ul li p { margin-top: 0px; font-size: 12px; color: #666; } .three-left-div ul li.left-li p { padding-right: 0px; } .three-left-div ul li.right-li p { padding-left: 0px; } .three-left-div02 { margin-top: 6px; } .three-left-div02 ul li p { margin-top: 0px; font-size: 12px; color: #fff; } .three-right { width: 62.3%; height: 100%; position: relative; } .three-right .three-tit h3 { width: 200px; } #myCarousel { margin-top: 20px; } .item h1 { font-size: 18px; margin-top: 15px; } .item p { margin-top: 15px; } a.three-more { margin-left: -71px; width: 142.5px; height: 40px; font-size: 12px; line-height: 38px; background-size: 100%; } .f-left-fl { padding-left: 4%; margin-top: 15px; } .f-left-fl p { font-size: 14px; color: #fff; text-transform: uppercase; } .f-left-fl h3 { font-size: 26px; color: #fff; } .f-left-fl h3 i { font-style: normal; font-size: 12px; text-transform: uppercase; margin-left: 3px; } .f-left-fl span { font-size: 12px; color: #fff; display: block; } .f-left-fr { margin-left: 25px; padding-left: 25px; padding-right: 4%; margin-top: 15px; } .f-left-fr h6 { font-size: 13px; color: #fff; padding-bottom: 4px; border-bottom: 1px solid #fff; margin-bottom: 4px; } .f-left-fr p a { font-size: 12px; color: #fff; line-height: 2em; color: #fff; } .f-right { width: 55%; float: right; padding-right: 2%; } .f-right ul { clear: both; overflow: hidden; margin-top: 15px; margin-bottom: 6px; text-align: right; } .f-right ul li { display: inline-block; padding: 0 18px; } .f-right ul li a { font-size: 12px; color: #fff; } .f-right p { line-height: 1.8em; } } /*调试*/ @media screen and (min-width: 1200px) and (min-height:880px) { .three-tit { margin-top: 104px; } /*.three-left-div ul li img { width: 50%; }*/ } /*公司地址定位*/ @media (min-width: 1200px) and (min-height:850px) { .newproduct-list ul li.fl a{ padding-right: 55%; text-align: left; } .newproduct-list ul li.fr a{ padding-left: 55%; text-align: right; } .productlist { margin-top: -260px; } .productlist ul li.fl a,.productlist ul li.fr a{ width: 100%; padding: 0; height: 40px; } }