video{ cursor: pointer; } /* 头部header*/ .container{ max-width: 1200px; margin: 0 auto; } .pr{ position: relative; } body{ padding-top: 80px; } @font-face { font-family:icon; src: url(" line-awesome.ttf"); } header{ z-index: 1001; position: fixed; top: 0; left: 0; width: 100%; height: 80px; background-color: #fff; } header .logo{ float: left; width: 25%; height: 80px; margin-left:20px; } header .logo img{ max-width: 100%; display: block; } header nav{ float: left; margin-left: 60px; } header nav ul{ overflow: hidden; } header nav ul li{ float: left; padding-right: 35px; } header nav ul li a{ padding: 30px 0; font-size: 16px; color: #999999; display: block; } header nav ul li .active{ border-top: 3px solid #FB1A45; color: #FB1A45; padding-top: 27px; } header nav ul li .tab:hover{ border-top: 3px solid #FB1A45; color: #FB1A45; padding-top: 27px; } header .call{ position: absolute; top: 15px; right: 30px; } header .call a{ font-size: 14px; color:#999 ; } /*菜单*/ .nav{ float: right; width: 25px; padding: 26px 20px; } .nav span, .nav span:before, .nav span:after{ height: 2px; width: 25px; background-color: #999999; position: absolute; display: block; content: ''; transition: all 0.3s ease-out; } .white span, .white span:before, .white span:after{ background-color: #fff; content: ''; } .nav span:before{ top: -8px; } .nav span:after{ bottom: -8px; } .nav_list_pc{ position: absolute; left: 0; top: 80px; height: 165px; width: 100%; background: rgba(255,255,255,0.9); z-index: 999; padding: 16px 0; display: none; box-sizing: border-box; } .nav_list_pc .this_nav_tab{ padding: 25px 0; box-sizing: border-box; } .nav_list_pc .this_nav_tab img{ width: 150px ; height: 100px; } .nav_list_pc ul{ overflow: hidden; height: 100%; max-width:1000px; margin: 0 auto; } #this_nav_list_pc ul{ max-width:1317px; } #this_cont_list ul{ max-width:1051px; } #this_cont_list ul li{ } .nav_list_pc ul li{ float: left; } .nav_list_pc ul li:hover img{ opacity: 0.5; } .nav_list_pc ul li img{ display: block; width: 200px; height: 133px; margin: 0 auto; } #this_nav_list_pc ul li img,#this_cont_list ul li img{ width: 100px; height: 67px; } #this_nav_list_pc ul li,#this_cont_list ul li{ padding-right: 13px !important; } .nav_list_pc ul li a{ padding: 0; } .nav_list_sp{ width: 100%; position: fixed; top: 52px; left: 0; background-color: #fff; z-index: 99; display: none; box-sizing: border-box; overflow-y: auto; } .nav_list_sp .chat{ overflow: hidden; } .nav_list_sp .chat li{ padding-top: 10px; float: left; width: 50%; box-sizing: border-box; text-align: center; } .nav_list_sp .chat li p{ line-height: 30px; font-size: 13px; } .yuan{ background-color: red; width: 5px; height: 5px; margin-bottom: 3px; margin-right: 10px; display: inline-block; border-radius: 50%; } .nav_list_sp ul li{ padding: 0 20px; line-height: 60px; border-bottom: 1px solid #f2f2f2; } .nav_list_sp ul li a{ display: block; -webkit-tap-highlight-color:transparent } .nav_list_sp .icon{ font-family: icon; float: right; } .nav_sp_down{ display: none; } .nav_list_sp .nav_sp_down li{ background-color: #F7F7F7; border-bottom: 1px solid #fff; } .nav_sp_down li a{ display: block; } /* 尾部footer*/ footer{ width: 100%; background-color: #313E52; position: relative; } footer .container{ overflow: hidden; } footer .fbg{ background:url(../img/fbg.png) no-repeat left; padding: 60px 0 30px 0; background-size: auto 100%; } footer .bgimg{ display: block; max-width: 100%; height: 100%; position: absolute; left: 0; top: 0; } footer .fl{ transition: all 0.5s; float: left; margin-left: 38px; } footer .contact{ border: 1px solid #fff; width: 100px; line-height: 30px !important; font-size: 14px; text-align: center; opacity: 1 !important; } footer .contact a{ display: block; } footer .contact:hover{ background-color: #fff; } footer .contact:hover a{ color: #000; text-decoration: none !important; } footer .fl:first-child{ margin-left: 0; margin-right: 165px; } footer .fl ul li{ margin-bottom: 10px; color: #fff; font-size: 13px; opacity: 0.7; } footer .fl ul li:first-child { opacity: 1; } footer .fl ul li img{ max-width: 100%; display: block; } footer .fl ul li:first-child a{ font-size: 16px; color: #fff; } footer .fl ul li a{ color: #fff; font-size: 13px; } footer .fl ul li a:hover{ text-decoration: underline; } .chat a p:hover{ text-decoration: underline; } footer .chat{ position: absolute; bottom: 0; right: 15px; width: 200px; } footer .chat li{ float: left; display: block; width: 44%; color: #fff; font-size: 12px; text-align: center; } footer .chat li p{ opacity: 0.7; } footer .chat li:nth-child(1){ margin-right: 12%; } footer .chat li img{ max-width: 100%; display: block; } footer .mycopy{ padding-top: 10px; max-width: 1200px; display: block; margin: 0 auto; border-top: 1px solid #979797; line-height: 30px; text-align: center; font-size: 13px; color: #ffff; margin-top: 20px; } .pc{display: block !important;} .sp{display: none !important;} /*首页*/ .kv_bg1 .ml_mykv{ display: block; width: 100%; height:100%; /*background: url(../img/kvbg.jpg) no-repeat center;*/ background-position: center; background-size: cover; animation: big 10s linear 0.2s forwards; -ms-animation:big 10s linear 0.2s forwards ; -webkit-animation:big 10s linear 0.2s forwards ; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .kv_bg2 .ml_mykv{ display: block; width: 100%; height:100%; /*background: url(../img/kv2bg.png) no-repeat center;*/ background-position: center; background-size: cover; } .kv_bg3 .ml_mykv{ display: block; width: 100%; height:100%; /*background: url(../img/kv3bg.png) no-repeat center;*/ background-position: center; background-size: cover; } .kv_bg4 .ml_mykv{ display: block; width: 100%; height:100%; /* background: url(../img/kv4bg.png) no-repeat center;*/ background-position: center; background-size: cover; } .kv_bg5 .ml_mykv{ display: block; width: 100%; height:100%; /* background: url(../img/kv5bg.png) no-repeat center;*/ background-position: center; background-size: cover; } .big{ animation: big 10s linear 0.2s forwards; -ms-animation:big 10s linear 0.2s forwards ; -webkit-animation:big 10s linear 0.2s forwards ; } @keyframes big{ 0%{transform: scale(1);} 10%{transform: scale(1.015);} 20%{transform: scale(1.03);} 30%{transform: scale(1.045);} 40%{transform: scale(1.06);} 50%{transform: scale(1.075);} 60%{transform: scale(1.09);} 70%{transform: scale(1.105);} 80%{transform: scale(1.12);} 90%{transform: scale(1.135);} 100%{transform: scale(1.15);} } @-ms-keyframes big{ 0%{-ms-transform: scale(1);} 10%{-ms-transform: scale(1.015);} 20%{-ms-transform: scale(1.03);} 30%{-ms-transform: scale(1.045);} 40%{-ms-transform: scale(1.06);} 50%{-ms-transform: scale(1.075);} 60%{-ms-transform: scale(1.09);} 70%{-ms-transform: scale(1.105);} 80%{-ms-transform: scale(1.12);} 90%{-ms-transform: scale(1.135);} 100%{-ms-transform: scale(1.15);} } @-webkit-keyframes big{ 0%{-webkit-transform: scale(1);} 10%{-webkit-transform: scale(1.015);} 20%{-webkit-transform: scale(1.03);} 30%{-webkit-transform: scale(1.045);} 40%{-webkit-transform: scale(1.06);} 50%{-webkit-transform: scale(1.075);} 60%{-webkit-transform: scale(1.09);} 70%{-webkit-transform: scale(1.105);} 80%{-webkit-transform: scale(1.12);} 90%{-webkit-transform: scale(1.135);} 100%{-webkit-transform: scale(1.15);} } .kv_bg{ overflow: hidden; } .kv_bg .kv_title{ display: block; max-width: 100%; position: absolute; right: 25%; top: 35%; transition: margin-top 0.5s; } .kv_bg2 .kv_title{ top: 27%; right: 50%; margin-right: -227px; } .kv_bg .kv_more{ position: absolute; right: 26%; top: 50%; } .kv_bg .kv_more li{ float: left; line-height: 40px; width: 160px; text-align: center; font-size: 15px; margin-right: 20px; border-radius: 5px; box-shadow: 0px 0px 15px -5px #000000; transition: margin-top 0.5s; } .kv_bg .kv_more li:nth-child(1){ background-color: #FB1A45; } .kv_bg .kv_more li:nth-child(1) a{ color: #FFF; display: block; } .kv_bg .kv_more li:nth-child(2) { background-color: #fff; } .kv_bg .kv_more li:nth-child(2) span{ color: #FB1A45; } .kv_bg .kv_more li span{ font-family: icon; } .kv_bg .kv_intro{ background:rgba(0,0,0,0.6); position: absolute; bottom: 0; left: 0; width: 100%; } .kv_bg .kv_intro ul{ overflow: hidden; max-width: 658px; margin: 0 auto; } .kv_bg .kv_intro li{ float: left; line-height: 40px; font-size: 14px; color: #fff; margin-right: 50px; } .kv_bg .kv_intro li:last-child{ margin-right: 0 } .kv_bg .kv_intro li span{ font-weight: bold; font-size: 24px; margin-right: 10px; } .news_cnter{ padding: 60px 0; background:url(/img/nbg.png) no-repeat left top ; } .main_title{ font-size: 35px; text-align: center; margin-bottom: 60px; } .main_title span{ display: block; height: 5px; width: 140px; background-color: pink; margin: 0 auto; margin-top: -18px; } .news_tab{ margin-top: 60px; } .news_tab ul{ overflow: hidden; max-width: 437px; margin: 0 auto; } .news_tab ul li{ float: left; font-size: 15px; cursor: pointer; } .news_tab ul li:hover{ color: red; } .news_tab ul li span{ margin-left: 30px; color: #000000 !important; } .news_tab ul li{ margin-left: 30px; } .news_tab ul li:first-child{ margin-left: 0; } .news_list{ display: none; } .news_list ul{ overflow: hidden; padding-left: 5%; } .news_list ul li{ float: left; margin-top: 60px; width: 50%; overflow: hidden; padding: 1%; box-sizing: border-box; } .news_list ul li:hover{ background: rgba(66,94,138,10%); } .news_list ul li img{ display: block; float: left; width: 25%; margin-right: 5%; } .news_list ul li .text{ float: left; width: 60%; overflow: hidden; } .industry{ padding: 60px 0; background: url(../img/bg.png); } .ind_bg{ background: url(../img/fill.png) no-repeat bottom right; } .industry ul{ overflow: hidden; } .industry .this_ul_n li{ float: left; width: 23.5%; margin-top: 2%; overflow: hidden; margin-right: 2%; } .industry .this_ul{ float: left; width: 49%; margin-right: 2%; } .industry .this_ul li{ margin-top: 3.2%; } .industry .this_mrn,.industry ul .this_mrn{ margin-right: 0; } .industry ul li img{ display: block; width: 100%; transition: all 0.5s; } .index_banner{ padding-bottom:70px; } .index_banner img{ display: block; width: 100%; } .all_int ul{ margin-bottom: 70px; } .all_int ul li{ float: left; transition: all 0.3s; } .all_int ul li img{ display: block; width: 100%; } .all_po .ml_logo:hover{ transform: translateY(-3px); } .more_link{ position: relative; } .more_link:hover ul{ display: block; } .more_link ul{ height: 70px; background:rgba(0,0,0,0.9) ; width:285px; font-size: 14px; position: absolute; top: -70px; left: 0; display: none; } .more_link ul li:first-child{ border-bottom: 1px solid #fff; } .more_link ul li{ width: 100%; line-height: 35px; padding: 0 15px; box-sizing: border-box; } .more_link ul li a{ color: #fff; } .more_link ul li a:hover{ text-decoration: underline; } /*新闻页 ,内容main*/ .news_banner{ width: 100%; position: relative; min-height: 160px; background: url(../img/newsbg.png) no-repeat center center; background-size: cover; } .banner img{ display: block; width: 100%; } .banner .warp{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .banner .title_name{ position: absolute; left: 0; top: 30px; color: #fff; font-size: 30px; font-weight: bold; text-shadow:0 2px 4px #000 } #main{ background: url(../img/bg.png); overflow: hidden; } .l_nav{ text-align: right; margin-top: 20px; } .l_nav a{ font-size: 15px; color: #666; letter-spacing: 2px; } .cont{ overflow: hidden; margin-top: 20px; } .cont_tab{ transition: all 0.5s; float: left; max-width: 240px; /*margin-right: 25px;*/ } .cont_tab ul li{ transition: all 0.1s; padding: 0 30px; box-sizing: border-box; line-height: 50px; width: 240px; background-color:#F2F2F2 ; font-size: 16px; border-bottom: 1px solid #fff; } .cont_tab ul li:hover{ background-color: #FB1A45; } .cont_tab ul li:hover a{ color: #fff; } .cont_tab .active{ background-color: #FB1A45; } .cont_tab .active a{ color: #fff; } .vd_maxk{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000000; display: none; z-index: 999999999999999; } .vd_maxk .vd_warp{ width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; } .vd_maxk .vd_warp video{ width: 70%; display: block; margin: 0 auto; } .cont_tab a{ display: block; } .cont_tab .icon{ font-family: icon; float: right; } .myvideo{ width: 100%; margin-top: 30px; cursor:pointer; } .myvideo img{ display: block; width: 100%; } .myvideo img:hover{ opacity:0.7 } .cont_txt{ transition: all 0.5s; float: left; width: 70%; padding-left: 5%; } .cont_txt.allnews { margin-bottom: 50px; } .cont_txt .allnews li{ overflow: hidden; padding:30px 10px 30px 20px; box-sizing: border-box; transition: all 0.1s; border-bottom: 1px dashed #ccc; } .cont_txt .allnews li:last-child{ border-bottom: none; } /*.cont_txt .allnews li:nth-child(1){ background: rgba(66,94,138,10%); }*/ .cont_txt .allnews li:hover{ background: rgba(66,94,138,10%); } .cont_txt .allnews li img{ transition: all 0.5s; float: left; display: block; max-width: 100%; max-width: 160px; margin-right: 20px; } .cont_txt .allnews li .new_txt{ transition: all 0.5s; float: left; max-width: 600px; overflow: hidden; } .news_time{ color: #F5A623; font-size: 13px; } .news_title{ font-size: 15px; } .news_main{ font-size: 14px; color: #999; line-height: 20px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; margin-top: 5px; } .flow{ float: right; margin-top:-100px ; } .flow img{ display: block; max-width: 100%; } .news_page{ text-align: center; font-size: 15px; margin-top: 30px; } .news_page span:first-child,.news_page span:last-child{ width: 80px; } .news_page span{ cursor: pointer; display: inline-block; background-color:#fff ; width: 40px; height: 40px; line-height: 43px; } .page_active{ border: 1px solid #FB1A45; } /*关于我们页面*/ .son_title{ text-align: left; font-size: 24px; } .son_title img{ margin-bottom: 8px; margin-right: 5px; } .son_title span{ width: 95px; } .this_title{ margin-top: 60px; } .about_banner{ width: 100%; position: relative; min-height: 160px; background: url(../img/about.png) no-repeat center center; background-size: cover; } .about2_banner{ width: 100%; position: relative; min-height: 160px; background: url(../img/about2.png) no-repeat center center; background-size: cover; } .about3_banner{ width: 100%; position: relative; min-height: 160px; background: url(../img/about3.png) no-repeat center center; background-size: cover; } .about_text{ line-height: 30px; font-size: 15px; color: #666666; margin-bottom: 20px; } .about1,.about2{ width: 80%; margin-top: 60px; } .cont_txt table{ border-top: 1px dashed #E5E5E5 ; border-left: 1px dashed #E5E5E5; margin-top: 60px; } .cont_txt table tr td{ width: 25%; text-align: center; border: 1px dashed #E5E5E5 ; border-left: none; border-top: none; padding: 20px 0; color: #666666; } .cont_txt table tr td p:nth-child(1){ font-size: 24px; } .cont_txt table tr td p:nth-child(2){ font-size: 18px; font-weight: bold; } .cont_txt table tr td p:nth-child(3){ font-size: 18px; font-weight: bold; } .cont_txt .fool{ margin-top: 60px; overflow: hidden; } .cont_txt .fool li{ width: 31%; float: left; background:#fff; line-height: 70px; font-size: 15px; color: #666666; margin-bottom: 2%; text-indent: 15px; margin-right:2% ; text-align: center; } .ee{ width: 50%; float: left; } /*.cont_txt .fool li:nth-child(odd){ margin-right: 2%; }*/ /*产品中心*/ .center_banner{ width: 100%; position: relative; min-height: 160px; background: url(../img/center/centerbg.png) no-repeat center center; background-size: cover; } .nav_down{ display: none; } .drop_list{ line-height: 50px; padding: 0 30px; background-color: #F7F7F7; font-size: 15px; } .drop_list:hover{ background-color: #FB1A45; } .drop_list:hover a{ color: #fff; } .center_logo{ overflow: hidden; } .center_logo .inlogo{ float: left; } .center_logo span{ line-height: 60px; margin-left: 30px; font-size: 24px; color: #4D4D4D; } .all_industry ul{ overflow: hidden; margin-bottom: 50px; } .all_industry ul li{ float: left; width: 31.1%; margin-top:3.3% ; overflow: hidden; background-color:#fff ; padding: 15px 0; cursor: pointer; } .all_industry ul li p{ text-align: center; font-size: 14px; color: #333; margin-top: 10px; } .all_industry ul li img{ display: block; width: 90%; margin: 0 auto; transition: all 0.5s; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } .all_industry ul li img:hover{ transform: scale(1.03); } .all_industry ul li:nth-child(3n-1){ margin: 0 3.3%; margin-top:3.3% ; } #pop_warp{ width: 100%; height: 100%; background: rgba(0,0,0,0.9); position: fixed; top:0px; left: 0; padding-top: 100px; display: none; z-index: 9999999999999999999999999; } .pop_box{ max-width: 790px; overflow-y: scroll; margin: 0 auto; background-color: #fff; position: relative; } .pop_box img{ display: block; width: 100%; } #pop_warp span{ float: right; font-family: icon; cursor: pointer; font-size: 25px; font-weight: bold; position: absolute; top: 100px; color: #FFF; display: block; width: 40px; height: 40px;background: rgba(0,0,0,0.6); text-align: center; } /*产业介绍*/ .industry_cont_txt{ max-width: 840px; } .industry_tab{ max-width: 300px; } .industry_tab ul li{ width: 300px; } .inlogo{ display: block; max-width: 100%; } .industry_banner{ width: 100%; position: relative; min-height: 160px; background: url(../img/industrybg.png) no-repeat center center; background-size: cover; } .industry_text{ line-height: 40px; font-size: 15px; color: #666; } .industry_img{ margin: 30px 0; } .industry_img ul,.lh_img ul{ overflow: hidden; } .industry_img ul li{ float: left; width: 24.25%; margin-right: 1%; } .industry_img ul li:last-child,.lh_img ul li:last-child{ margin-right: 0; } .lh_img ul li{ float: left; width: 19.5%; margin-right: 0.6%; } .lh_img ul li img,.industry_img ul li img{ display: block; width: 100%; } .industry_cont_txt video{ width: 100%; display: block; margin-top:30px ; } .time_line{ overflow: hidden; color: #666; } .time_line .time{ font-size: 15px; display: inline-block; width: 60px; } .time_line .line{ position: relative; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #D43737; vertical-align: middle; margin-right: -5px; } .all_time{ float: left; padding: 7px 0; } .time_line p{ font-size: 15px; width: 75%; float: left; border-left: 1px solid #ccc; padding: 5px 0; padding-left:20px ; line-height: 35px; } .industry_history{ overflow: hidden; width: 100%; margin-top: 20px; } .historyl,.historyr{ float: left; width: 50%; } .all_things{ margin: 30px 0; } .all_things img{ display: block; max-width: 100%; } /*.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image: none !important; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image: none !important; }*/ .title_none{ display: none; } .more_btn{ display: block; width: 120px; line-height: 40px; font-size: 15px; color: #000; text-align: center; margin: 0 auto; background-color: #fff; margin-top: 30px; cursor: pointer; font-family: icon; } .more_btn label{ color: red; margin-right: 10px; font-size: 14px; } .back_top,.buy{ max-width:100% ; display: block; position: fixed; bottom: 20px; right: 20px; z-index: 999999; } .buy{ bottom: 70px; } .act{ display: block; width: 90%; margin-top: 30px; } .sf_img{ overflow: hidden; } .sf_img li{ float: left; width: 25%; } .sf_img li img{ display: block; width: 100%; } .awards{ overflow: hidden; } .awards .awardsl,.awards .awardsr{ float: left; width: 50%; } .sf_history .time_line p{ width: auto; } /*企业文化*/ .culture_banner{ width: 100%; position: relative; min-height: 160px; background: url(../img/4.png) no-repeat center center; background-size: cover; } .culture2_banner{ width: 100%; position: relative; min-height: 160px; background: url(../img/cb2.png) no-repeat center center; background-size: cover; } .culture3_banner{ width: 100%; position: relative; min-height: 160px; background: url(../img/cb1.png) no-repeat center center; background-size: cover; } .num_list{ overflow: hidden; width: 100%; } .num_list li{ display: inline-block; width: 30%; background-color: #F2F2F2; margin-bottom: 2%; padding-top: 15px; } .num_list li img{ display: block; width: 90%; margin: 0 auto; transition: all 0.5s; } .num_list li img:hover{ transform: scale(1.01); } .num_list li p{ font-size: 15px; color: #666; text-align: center; } .num_list li:nth-child(3n+1){ margin: 0 2%; margin-bottom: 2%; } .text_inliner{ float: right; margin: 20px; margin-bottom: 0; } .text_inlinel{ float: left; margin: 20px; margin-bottom: 0; } .img_center{ display: block; max-width: 100%; margin: 0 auto; } .text_blod{ font-weight: bold; } .text_center{ text-align: center; font-size: 12px; } .text_center img{ max-width: 100%; } /*投资者关系*/ .investor_banner{ width: 100%; position: relative; min-height: 160px; background: url(../img/investorbg.png) no-repeat center center; background-size: cover; } .investor{ width: 600px; } .investor input{ border: none; border-radius: 0; outline: none; } .investor .investor_lb{ margin-top: 15px; font-size: 15px; color: #666666; } .investor input[type="text"]{ width: 100%; text-indent: 15px; background-color: #F2F2F2; height: 35px; line-height: 35px; } .investor input[type="text"]:focus{ background-color: #fff; } .investor .investor_sub{ width: 80px; height: 40px; text-align: center; margin-top: 30px; font-family: icon; background-color: #fff; line-height: 40px; } .investor .investor_sub span{ color: red; } .investor input[type="submit"]{ border: 0; outline: none; border-radius: 0; background: transparent; color: #333; } .investor textarea{ background-color: #F2F2F2; padding:0 10px; padding-top: 5px; text-indent: 10px; width: 600px; height: 200px; box-sizing: border-box; border: 0; outline: none; z-index: 99999; } .investor textarea:focus{ background-color: #fff; } .cont_txt .inverstorpdf table{ border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-spacing: 0; margin-top: 0; } .cont_txt .inverstorpdf table tr td{ padding: 10px; border:1px solid #e5e5e5 ; border-top: none; border-left: none; width: auto; text-align: left; font-size: 14px; } .cont_txt .inverstorpdf table tr td img{ margin-right: 10px; } .cont_txt .inverstorpdf table tr td a{ font-size: 14px; color: #666; } /*联系我们*/ .contact_banner{ width: 100%; position: relative; min-height: 160px; background: url(../img/coba.png) no-repeat center center; background-size: cover; } .cont_txt .contact_list table{ border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-spacing: 0; margin-top: 0; width: 100%; } .cont_txt .contact_list table tr td,.cont_txt .contact_list table tr th{ padding: 10px; border:1px solid #e5e5e5 ; border-top: none; border-left: none; text-align: left; font-size: 14px; } .cont_txt .contact_list table tr th{ width: 15%; background-color: #f5f5f5; } .cont_txt .contact_list table tr td{ width: 25%; } @media only screen and (min-width: 991px) and (max-width: 1200px) { .cont_txt .fool li{ width: 48%; } .cont_tab{ max-width: 204px; } .cont_tab ul li{ width: 204px; } .industry_tab{ max-width: 300px; } .industry_tab ul li{ width: 300px; } .cont_txt{ max-width: 750px; } .industry_cont_txt{ max-width: 622px; } .sf_history .time_line p{ width: 75%; } .as_history .time_line p{ width: 68%; } .act{ width: 100%; } } @media only screen and (max-width:990px ) { .main_title{ margin-bottom: 30px; } .industry .this_ul{ width: 100%; margin-right: 0; } .industry .this_ul_n li{ width: 49%; } .industry .this_ul_n li:nth-child(2),.industry .this_ul_n li:nth-child(6){ margin-right: 0; } .news_main{ display: none; } .cont_txt{ padding-left: 0; } .ind_bg{ background: url(../img/fill-sp.png) no-repeat bottom right; padding-bottom: 60px; } #pzs,#tzs,#fys{ height: 30px !important; } .ee{ width: 100%; float: left; } #pop_warp span{ top: 60px; } .pop_box{ width: 90%; margin: 0 auto; box-sizing: border-box; } .all_industry ul li{ width: 48%; margin-right: 4% !important; margin-top: 4%; } .all_industry ul li:nth-child(3n-1){ margin:0 4% 0 0 ; margin-top: 4%; } .all_industry ul li:nth-child(even){ margin-right:0 !important; } .lh_img ul li,.industry_img ul li{ width: 48%; margin-right: 2%; margin-top: 2%; } .lh_img ul li:nth-child(even),.industry_img ul li:nth-child(even){ margin-right: 0; } .more_link ul{ width: 200px; } .all_int ul{ margin-bottom: 40px; } .kv_bg1{ background: url(../img/kvbgsp.png) no-repeat center; background-size: cover; position: relative; } .kv_bg2{ background: url(../img/kv2bgsp.png) no-repeat center; background-size: cover; position: relative; } .kv_bg3{ background: url(../img/kv3bgsp.png) no-repeat center; background-size: cover; position: relative; } .kv_bg4{ background: url(../img/kv4bgsp.png) no-repeat center; background-size: cover; position: relative; } .kv_bg4 .kv_title{ top: 15%; left: 5%; max-width: 90%; } .kv_bg5{ background: url(../img/kv5bgsp.png) no-repeat center; background-size: cover; position: relative; } .about1,.about2{ width: 100%; } .cont_txt .fool,.this_title{ margin-top: 30px; } .investor{ width: 100%; } .investor .investor_sub{ margin: 0 auto; margin-top: 30px; } .investor textarea{ width: 100%; } .num_list li{ width: 49%; } .num_list li:nth-child(3n-1){ margin: 0; } .num_list li:nth-child(2n-1){ margin-right:2% ; } .sf_history .time_line p{ width: 75%; } .mx_history .time_line p{ width: 60%; } .awards .awardsl,.awards .awardsr{ width: 100%; } .pc{display: none !important;} .sp{display: block !important;} .kv_bg2 .kv_title{ right: 50%; top: 18%; margin-right: -110px; } .kv_bg1 .kv_title{ right: 10%; top: 18%; } .kv_bg .kv_more{ right: 0; top: 80%; } .kv_bg .kv_more li:nth-child(1){ width: 100px; } .kv_bg .kv_more li:nth-child(2){ width: 150px; } .news_tab ul{ max-width: 330px; } .news_tab ul li{ margin-left: 10px; } .news_tab ul li span{ margin-left: 10px; } .news_cnter{ background:url(../img/newsbgsp.png) no-repeat left top ; } .news_tab{ margin-top: 30px; } .news_list ul{ padding-left: 0; } .news_list ul li{ width: 100%; margin-top: 20px; } .news_list ul li img{ width: 35%; } .news_list ul li .text{ width: 55%; } .industry{ padding-top: 10px; padding-bottom: 50px; } .cont_txt table{ margin-top: 30px } .banner{ min-height: 100px; } .l_nav{ margin-top: 5px; } .l_nav a{ font-size: 14px; } .cont{ margin-top: 20px; } .cont_txt{ width: 100%; padding-bottom: 30px; } .cont_txt .allnews li{ padding-bottom:20px; margin-bottom: 0; padding-top: 20px; } .cont_txt .allnews li img{ width: 30%; margin-right: 0; } .cont_txt .allnews li .new_txt{ width: 65%; margin-left: 5%; } .news_main{ text-overflow: ellipsis; -webkit-line-clamp:1; } .industry_cont_txt{ float: none; } .cont_txt table tr td p:nth-child(1){ font-size: 16px; } .cont_txt table tr td p:nth-child(2){ font-size: 14px; } .cont_txt table tr td p:nth-child(3){ font-size: 14px; } .cont_txt .fool li{ width: 100%; } .time_line{ font-size: 14px; } .time_line p{ padding-left: 10px; } .historyl,.historyr{ width: 100%; } .sf_img li{ width: 50%; margin-top: 15px; } .act{ width: 100%; } footer .fbg{ padding: 30px 0 10px 0; background:url(../img/fbgsp.png) no-repeat left; background-size: auto 100%; } footer .fl:first-child{ width: 100%; margin-right: 0; } footer .fl ul li img{ margin: 0 auto; } footer .fl ul li{ text-align: center; line-height: 25px; } footer .contact{ margin: 0 auto; margin-top: 20px; } } @media only screen and (max-width:1200px ) { body{ padding-top: 52px; } header{ height: 52px; box-shadow: 0 0 20px -2px #000; } header .logo{ width: auto; margin-top: 5px; height: auto; } header .pc{ display: none !important; } header .sp{display: block !important;} .container{ padding: 0 15px; box-sizing: border-box; } .banner .title_name{ left: 20px; } .cont_tab .allnews li{ width: 200px; } .cont_txt .allnews li img{ max-width: 135px; } .cont_txt .allnews li .new_txt{ max-width: 550px; } } @media only screen and (min-width: 991px) and (max-width: 1019px) { footer .fl:first-child{ margin-right: 0; } footer .fl{ margin-left: 25px; } } @media only screen and (min-width: 1020px) and (max-width: 1080px) { footer .fl:first-child{ margin-right: 0; } footer .fl{ margin-left: 30px; } } @media only screen and (min-width: 1081px) and (max-width: 1120px) { footer .fl:first-child{ margin-right: 0; } footer .fl{ margin-left: 40px; } } @media only screen and (min-width: 1121px) and (max-width: 1140px) { footer .fl:first-child{ margin-right: 40px; } footer .fl{ margin-left: 40px; } } @media only screen and (min-width: 1141px) and (max-width: 1160px) { footer .fl:first-child{ margin-right: 60px; } footer .fl{ margin-left: 40px; } } @media only screen and (min-width: 1161px) and (max-width: 1200px) { footer .fl:first-child{ margin-right: 82px; } footer .fl{ margin-left: 40px; } } @media only screen and (min-width: 1201px) and (max-width: 1217px) { footer .fl:first-child{ margin-right: 135px; } footer .fl{ margin-left: 40px; } } @media only screen and (min-width:1330px ) { header nav ul li{ padding-right: 35px; } } @media only screen and (min-width: 1201px) and (max-width: 1329px) { header nav ul li{ padding-right: 20px; } #this_nav_list_pc ul{ max-width: 1197px; } #this_nav_list_pc ul li img{ width: 108px; height: 72px; } } @media only screen and (min-width:992px ) { .kv_bg .kv_title:hover{ margin-top: -8px; } .kv_bg .kv_more li:hover{ margin-top: -8px; } }