body { font-family: 'microsoft yahei', 微软雅黑, 'microsoft yahei ui', helvetica, tahoma, 宋体, 'source han sans cn', sans-serif; /*font-family:宋体, arial, sans-serif;*/ /*font-family:楷体;*/ } @font-face { font-family: "楷体"; src: url(/uploads/image/fonts/simkai.ttf) format('truetype'); } .footer_yx { font-family: arial; } .banner { width: 100%; height: 100%; position: relative; overflow: hidden; background: url(/uploads/image/images/banner1.jpg) no-repeat center; background-size: cover } .banner_1 { position: absolute; text-align: center; top: 30%; z-index: 1; } .banner_h1 { color: white; font-size: 50px; font-weight: 800; } .mouse { position: absolute; text-align: center; bottom: 5% } /*.logo{ position: absolute; left: 50%; top:20% }*/ /*.banner_h1{ color: white; position: absolute; }*/ .nav { width: 100%; } .nav_img { float: left; margin-left: 2%; line-height: 97px; } .nav_ul { width: 46%; float: right; height: 100%; margin-bottom: 0 !important; } .nav_ul>li { float: left; text-align: center; width: 14.25%; } .nav_ul>li>a:hover { color: #ff7113; } .nav_ul>li>a { font-size: 17px; height: 70px; line-height: 70px; color: #333; } .nav_right { float: right; width: 10%; min-width: 150px; height: 100%; } .nav_right_1 { float: left; width: 50%; height: 100%; background: transparent; position: relative; } .nav_right_2 { float: left; width: 50%; height: 100%; position: relative; background: #c01a20; } .nav_right_2>img { position: absolute; width: 40%; top: 25%; left: 30% } .nav_right_1_1 { position: absolute; width: 80%; font-size: 12px; height: 26%; top: 37%; border-radius: 10px; border: 1px solid #dee0e2; color: #666666; text-align: center; } .fa-globep { font-size: 12px; } .wraper { background: url(/uploads/image/images/abbg.jpg); /*background-repeat: no-repeat; */ /*background-size: cover;*/ position: relative; } .swiper_anniu { position: absolute; min-width: 25px; min-height: 80px; border-radius: 10px; left: 2%; z-index: 100; border: 2px solid #dcdcdc; } .swiper_anniu_1 { width: 10px; cursor: pointer; height: 10px; background: #000000; border-radius: 50%; margin: auto; margin-top: 7px; } .swiper_anniu_active { width: 12px !important; margin: auto; margin-top: 7px; height: 12px !important; background: white !important; border: 2px solid #000000 !important; border-radius: 50%; } .wraper_body { width: 100%; position: relative; top: 40%; /* */ } .rongyu_body { width: 100%; position: relative; top: 45%; } .rongyu_body h1 { text-align: center; } .news_body h1 { text-align: center; } .news_body { width: 100%; position: relative; top: 50%; } .wraper_body>h1 { text-align: center; } .footer_body h1 { text-align: center; } .rongyu_body h2 { letter-spacing: 2px; text-align: center; margin-top: 0; color: #918f8f; /*color: #fff;*/ font-size: 25px; } .news_body h2 { letter-spacing: 2px; text-align: center; margin-top: 0; color: #918f8f; font-size: 25px; } .wraper_body>h4 { letter-spacing: 2px; text-align: center; margin-top: 0; color: #918f8f; font-size: 25px; /*margin-bottom: 8%;*/ } .wraper_body>h2 { letter-spacing: 2px; text-align: center; margin-top: 0; color: #918f8f; font-size: 25px; margin-bottom: 8%; } .footer_body h2 { letter-spacing: 2px; text-align: center; margin-top: 0; color: #918f8f; font-size: 25px; width: 80%; margin: 0 auto; } .wraper_body p { /*text-align:center;*/ text-indent: 2em; letter-spacing: 2px; width: 100%; max-width: 1100px; margin: auto; /*margin-top: 8%;*/ color: #333; font-size: 17px; line-height: 30px; } .wraper_anniu {} .rongyu { /*background: #ebebeb;*/ background: no-repeat center center; background-size: cover; position: relative; width: 100%; } /*.mgtp_ul li a{ color: #fff;}*/ .rongyu_left { font-size: 17px; } .rongyu_right { font-size: 18px; } .mgtp { color: #c4c4c4; margin-top: 5%; } .mgtp_ul>li { line-height: 50px; } .jiangbei { position: absolute; width: 31%; bottom: 0; right: 0; } .news_body_news>img { width: 100%; } .team_body_news>a>img { width: 100%; } .news_body_news p { color: #333; font-size: 15px; width: 80%; margin: auto; margin-top: 20px; line-height: 24px; height: 72px; } .news_body_news2 { width: 100%; height: 100%; } .news_body_news_zi { overflow: hidden; background: #e8e8e8 !important; width: 100%; height: 100%; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; /* -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s; -moz-transition: all cubic-bezier(.18,1,.21,1) .6s; -ms-transition: all cubic-bezier(.18,1,.21,1) .6s; -o-transition: all cubic-bezier(.18,1,.21,1) .6s; transition: all cubic-bezier(.18,1,.21,1) .6s;*/ } .on { background: #c01a20 !important; } .on p { color: #fff; } .team_p { text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px; font-size: 12px; color: #fff; background: rgba(0, 0, 0, .7); margin: 0 auto; box-sizing:border-box; } .team_p span { font-size: 14px; margin-bottom: 5px; } .team_p small { font-size: 10px; color: #ccc; } .mgtp_p { border-top: 1px solid #eeeeee; text-align: right; line-height: 60px !important; } .anli { background: url(/uploads/image/images/anli_bg.jpg); background-repeat: no-repeat; background-size: cover; margin-top:50px; } .anli_body { width: 100%; position: relative; top: 50%; } .anli_body h1 { text-align: center; } .anli_body h2 { letter-spacing: 2px; text-align: center; margin-top: 0; color: #918f8f; font-size: 25px; } .anli_img { display: block; margin: auto; margin-top: 3%; width: 39%; } .anli_ul { width: 40%; margin: auto; margin-top: 3%; height: 30px; } .anli_ul>li { text-align: center; width: 18%; margin-left: 9%; float: left; height: 30px; line-height: 30px; font-size: 16px; } .anli_ul>li>a:hover { color: black; font-weight: 800; border-bottom: 1px solid #000000; } .col-lg-2, .col-md-2, .col-sm-2 { width: 20%; } .news_body_news img { background: #dcdcdc; } .team_body { width: 100%; text-align: center; position: relative; top: 50%; } .team_body h1 { text-align: center; } .team_body h2 { letter-spacing: 2px; text-align: center; margin-top: 0; color: #918f8f; font-size: 25px; } .footer { background: url(/uploads/image/images/footer.jpg) center center no-repeat; background-size: cover; position: relative; } .footer_body { width: 100%; position: relative; top: 50%; text-align: center; } .footer_body_left { float: left; margin-top: 5%; position: relative; border: 1px solid #ffffff; color: #fff; width: 500px; } .footer_line { position: absolute; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .footer_linet { height: 1px; width: 0px; right: -1px; top: -1px; } .footer_lineb { height: 1px; width: 0px; left: -1px; bottom: -1px; } .footer_linel { height: 0px; width: 1px; left: -1px; top: -1px; } .footer_liner { height: 0px; width: 1px; right: -1px; bottom: -1px; } .footer_body_left:hover .footer_linet, .footer_body_left:hover .footer_lineb { width: 101%; } .footer_body_left:hover .footer_linel, .footer_body_left:hover .footer_liner { height: 101%; } .footer_body_left .table a { color: #fff; } .table_title { width: 100%; margin: auto; } .table_title>p { letter-spacing: 2px; line-height: 60px; font-weight: bold; margin-bottom: 0; font-size: 17px; } .table_title>p a { color: #c01a20; } .table { margin-bottom: 0px; letter-spacing: 2px; text-align: center; } .table tr { border: none; } .table th { letter-spacing: 2px; text-align: center; line-height: 30px !important; } .table td { line-height: 30px !important; padding: 8px !important; } .table_title_1 { float: left; padding-left: 20px; } .table_title_2 { float: right; font-weight: 800; color: red; padding-right: 20px; } .footer_body_right { /* margin-top: 5%; */ width: 600px; float: left; } .footer_body_right>div { padding-left: 14%; float: left; text-align: left; } .footer_body_ta { padding: 0px 20px; } .footer_body_right_3>input { margin-top: -3%; background: none; border: none; border-bottom: 1px solid #cdcdd2; } .footer_body_right_1>p { font-size: 15px; height: 25px; line-height: 25px; color: #7a7a7a; } .footer_body_right_2>p { /*text-align: center;*/ /*height: 25px;*/ font-size: 15px; line-height: 25px; color: #7a7a7a; } .footer_body_right_3 { margin-left: 5%; width: 35% !important; color: #a9a7a9; } .footer_body_right_3>input { width: 100%; height: 60px; line-height: 60px; } .bottom { /* position:fixed; */ left:0;right:0;bottom:0; height: 50px; width: 100%; overflow: hidden; } .bottom p { height: 50px; line-height: 50px; } .footer_body_right_2_p2 { /*height: 80px!important;*/ margin-bottom: 55px; text-align: left; } .swiper-slide img { width: 100%; } .btn_1 { background: black; width: 40%; border: none; color: white; margin-top: 10%; min-height: 40px; } .bottom p { float: left; margin: 0; font-size: 12px; color: #666666; margin-left: 2%; } .qiehuan { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 999; } .qiehuanimg { cursor: pointer; height: 80%; } .qiehuanimg_right { position: absolute; top: 0; right: 0; } .qiehuanimg_left { position: absolute; top: 0; left: 0; } .mouseimg {} .slide_p { font-size: 12px; padding-left: 10%; padding-top: 5%; padding-bottom: 5%; color: #fff; background: rgba(0, 0, 0, .7); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .slide_p span { font-size: 14px; } .slide_p small { font-size: 10px; color: #ccc; } /*.wraper_anniu_dian{ width: 100%; height: 20%; background: red; }*/ .bottom_p { margin-left: 20% !important; } .left_nav { position: fixed; top: 50%; left: 20px; margin-top: -76px; display: none; } .left_nav_ul li { background: #999; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; border: 2px solid transparent; width: 14px; margin: 5px 0; height: 14px; cursor: pointer; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); } .left_nav_ul li.active { border-color: #c01a20; background: transparent; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .left_nav_ul { border: 2px solid #dcdcdc; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -khtml-border-radius: 15px; } .left_nav_ul ul { padding: 0 10px; margin: 10px 0; } .left_nav_tx { position: fixed; top: 50%; left: 20px; margin-top: -76px; } .left_nav_tx li {} .left_nav_tx2 {} .left_nav_ul li p { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; position: relative; top: -10px; left: 30px; width: 170px; /*padding: 0 20px;*/ /*font-size:12px;*/ color: #c01a20; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .left_nav_ul li.active:hover p { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; font-size: 12px; width: 500px; top: 0; left: 25px; /*-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);*/ } .left_nav_ul li:hover p { opacity: 1; font-size: 20px; width: 500px; top: 0; left: 40px; /*-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);*/ } @media screen and (min-width: 960px) and (max-width: 1200px) { .nav_ul>li>a { font-size: 16px; } .banner_h1 { font-size: 40px; } .anli_ul>li { font-size: 14px; width: 25%; margin-left: 5%; margin-left: 3%; } .footer_body_right { /*margin-top: 7%;*/ /*margin-left: 5%;*/ /*float: left;*/ /*width: 65%;*/ font-size: 12px !important; } /*.footer_body{*/ /*width: 90%!important;*/ /*}*/ .bottom_p { margin-left: 10% !important; } .team_p { font-size: 12px; } .swiper-container { margin-top: 40% !important; } .nav_ul { width: 60%; } } @media screen and (min-width: 760px) and (max-width: 960px) { .nav_ul>li>a { font-size: 14px; } .banner_h1 { font-size: 30px; } .anli_ul>li { font-size: 12px; width: 25%; margin-left: 5%; margin-left: 2%; } .swiper-container { margin-top: 40% !important; } } @media screen and (max-width: 760px) { .nav_ul>li>a { font-size: 12px; } .banner_h1 { font-size: 20px; } .anli_ul>li { font-size: 12px; width: 25%; margin-left: 5%; margin-left: 2%; } } @media screen and (min-width: 1600px) { .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 8px; } } @media screen and (min-width: 1400px) and (max-width: 1600px) { .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 6px; } /*.footer_body{*/ /*width: 85%!important;*/ /*}*/ .team_p { font-size: 12px; } .swiper-container { margin-top: 40% !important; } } @media screen and (min-width: 1200px) and (max-width: 1400px) { .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 5px; } .footer_body { width: 100% !important; } .bottom_p { margin-left: 16% !important; } .swiper-container { margin-top: 40% !important; } .nav_ul { width: 60%; } } /**/ @media only screen and (max-width: 1024px) { .wraper_body>p { margin-top: 5%; } .banner_1 { margin: 0 auto; } /*.rongyu{*/ /*height:500px !important;*/ /*}*/ .rongyu_body .mgtp_ul li a { font-size: 15px; line-height: 30px; } /*.anli{*/ /*height: 520px !important;*/ /*}*/ } .news { background: url(/uploads/image/images/news_bg.gif); } .nav.index_pos { position: fixed; top: 0; left: 0; z-index: 3; background-color: #fff; } .footer_body_left table tr td { cursor: pointer; } .news_btn { text-align: center; margin-top: 50px; } .news_btn a { display: inline-block; line-height: 40px; background: #c01a20; color: #ffffff; padding: 0px 50px; border: 1px solid #c01a20; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .news_btn a:hover { background: #ffffff; color: #c01a20; } .footer_body h1 { color: #fff; } .footer_body h2 { color: #dedede; } .table_title { border-bottom: 1px solid #fff; } .footer_body_right_1>p { color: #fff; } .footer_body_right_2>p { color: #fff; } .footer_body_right_2>p span { margin-bottom: 10px; display: inline-block; width: 90px; } .footer_body_right_2>p span:last-child { margin-bottom: 10px; display: inline-block; width: 100%; } .footer_body_right_3>input { color: #fff; border-bottom: 1px solid #fff; } .btn_1 { background: #d8d8d8; color: black; } .footer_bg { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.2); } .table th { border: none !important; padding: 8px !important; } .rongyu_left img { float: left; width: 125px; } .rongyu_right img { float: left; width: 125px; } .mgtp_ul { padding-left: 160px; } .mgtp_ul li { line-height: 32px; } .mgtp_ul_con { position: relative; border: 2px solid #c01a20; display: inline-block; width: 400px; } .hr_mar { margin-bottom: 30px; } .rongyu_body { top: 50%; } .rongyu { overflow: hidden; } .mgtp_ul_con ul { padding: 0 10px; width: 100%; margin-bottom: 0px; /*min-height: 42px;*/ background: ; position: relative; } .mgtp_ul_con ul:after { position: absolute; top: 0; height: 100%; left: -9px; width: 9px; content: ''; background: no-repeat center 8px; } .mgtp_ul_con ul li span { position: relative; width: 8px; height: 8px; background: #666666; display: inline-block; margin-right: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; } .mgtp_ul_con ul li span:after { position: absolute; content: ''; left: -4px; top: -4px; border: 1px solid #666; width: 16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; height: 16px; } .grid { width: 80%; margin: 50px auto; perspective: 500px; /*for 3d*/ } .grid img { width: 7.6923%; display: block; float: left; } .forpingpai{ width: 16.6666666%; float: left; } .forpingpai a{ width:200px!important; height:160px!important; } .animate { text-transform: uppercase; background: rgb(0, 100, 0); color: white; padding: 10px 20px; border-radius: 5px; cursor: pointer; margin: 10px auto; width: 100px; text-align: center; } .animate:hover { background: rgb(0, 75, 0); } .sec2_line { position: absolute; background: url(/uploads/image/images/stripe.gif); } /*.sec2_line_t{*/ /*top: -1px;*/ /*left: -1px;*/ /*width: 100%;*/ /*height: 1px;*/ /*z-index: 5;*/ /*}*/ /*.sec2_line_r{*/ /*top: 0px;*/ /*right: -1px;*/ /*width: 1px;*/ /*height: 100%;*/ /*z-index: 5;*/ /*}*/ /*.sec2_line_b{*/ /*bottom: -1px;*/ /*left: -1px;*/ /*width: 100%;*/ /*height: 1px;*/ /*z-index: 5;*/ /*}*/ /*.sec2_line_l{*/ /*top: 0px;*/ /*left: -1px;*/ /*width: 1px;*/ /*height: 100%;*/ /*z-index: 5;*/ /*}*/ .team .news_btn { margin-top: 30px; } .team { padding-top: 70px; } .rongyu .container { width: 80% !important; } @media (max-width: 1440px) and (min-width: 1024px) { .mgtp_ul_con { width: 100%; font-size: 15px; } } @media (max-width: 1440px) and (min-width: 1280px) { /*.grid { width: 80%; }*/ /*.grid img {width: 9.09%;}*/ .rongyu .container { width: 90% !important; } } @media (max-width: 1290px) and (min-width: 1170px) { .rongyu .container { width: 90% !important; } .rongyu_left img { width: 115px; } .mgtp_ul { padding-left: 130px; } .rongyu_right, .rongyu_left { font-size: 16px; } .grid { width: 95%; } } @media (max-width: 1169px) and (min-width: 1024px) { .rongyu_right img, .rongyu_left img { width: 100px; } .mgtp_ul { padding-left: 110px; } .rongyu_right, .rongyu_left { font-size: 15px; } .grid { width: 90%; } /*.grid img {width: 9.09%;}*/ .footer .container { width: 90% !important; } .footer_body_right>div { padding-left: 11%; width: 50%; } .footer_body_left { width: 40%; } .footer_body_l { width: 100%; } .footer_body_right { width: 60%; } } .home_map_btn { cursor: pointer; } .home_map { position: fixed; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .home_map.active { z-index: 2222; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .home_map_con { position: absolute; top: 15%; height: 70%; left: 20%; width: 60%; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .home_map.active .home_map_con {} .home_map_bg { position: absolute; top: 0; left: 0; right2 0; bottom: 0; background: rgba(0, 0, 0, 0.62); } .contact-box { padding: 126px 0 96px; background: #ededed; } .address { margin-bottom: 54px; } .address h2 { color: #eb6123; font-size: 30px; line-height: normal; padding-bottom: 18px; display: inline-block; padding-right: 108px; border-bottom: 1px solid #595757; margin-bottom: 36px; } .address span { display: block; color: #595757; font-size: 18px; margin-bottom: 5px; } /*.mapwr{ border:3px solid #eb6123;}*/ .map { width: 100%; height: 100%; } .anchorbl { display: none !important; } .contact-list { margin-top: 70px; } .contact-info { padding: 48px 0 0 50px; width: 470px; height: 189px; background: #fff; box-shadow: 0 2px 2px #d6d6d6; float: left; transition: 430ms; margin-right: 88px; margin-bottom: 48px; } .contact-info:nth-child(2n 2) { margin-right: 0; } .contact-info h3 { color: #595757; font-size: 24px; line-height: normal; font-weight: normal; margin-bottom: 25px; transition: 368ms; } .contact-info p { color: #595757; transition: 368ms; font-size: 16px; margin-bottom: 3px; } .contact-info p a { color: #595757; display: inline-block; padding-right: 30px; position: relative; } .contact-info p a b { display: block; width: 17px; height: 25px; background: center no-repeat; position: absolute; right: 0; top: 0px; } .contact-info:hover { background: #eb6123; } .contact-info:hover h3 { color: #fff; } .contact-info:hover p { color: #fff; } .contact-info:hover p a { color: #fff; } .contact-info:hover p a b { background: center no-repeat; } .contact-info p a:hover b { animation: 0.88s linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bounce; animation-name: bounce; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-iteration-count: infinite; } @-moz-keyframes bounce { 0% { top: 0; } 25% { top: 3px; } 50% { top: 8px; } 75% { top: 3px; } 100% { top: 0; } } @-webkit-keyframes bounce { 0% { top: 0; } 25% { top: 3px; } 50% { top: 8px; } 75% { top: 3px; } 100% { top: 0; } } .anli_co { position: relative; } .team_body_news { position: relative; width: 20%; float: left; padding: 0px 10px; } .team_body_news a{position:relative;height:100%;display:block} .mgtp_ul_con1 ul:after { background: no-repeat center 7px; } #container { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; } #container>div { top: 0; } .contentleft1 img { margin-top: 55px; } .contentleft1 .mgtp_ul_con ul:after { background: no-repeat center 75px; } .home_news_img { overflow: hidden; }