@charset "utf-8"; /* css document */ .two_a .go_detail span,.two_b .into span,.news_type a,.news_lists li .describe,.pc_head .language a, .page_number a,.job_tc,.page_link a,.formbody input.button,.return_lists span, .policy .pic,.talent_info .cn_name,.link_web li a,.pc_nav .yiji:after,.job_tc,.ides_new_page li, .ides_new_page li:after,.zh_body .pic_box,.gd_body { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .pc_nav .yiji { -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; } .job_body .see_detail span { } .zh_body .pic img,.gd_body .pic img,.info_body:after,.lift_lists li img,.lift_lists li .text,.tj_news_lists img, .gspro .more span,.gspro .pic img,.two_a .go_detail:after,.common_a .pic,.pc_head .sousou,.pc_nav .erji, .periodical li img { -webkit-transition: all .7s; -moz-transition: all .7s; -ms-transition: all .7s; -o-transition: all .7s; transition: all .7s; } .pc_nav { -webkit-transition: height .3s; -moz-transition: height .3s; -ms-transition: height .3s; -o-transition: height .3s; transition: height .3s; } .job_body li .job_info,.wel_detail li { -webkit-transition: border .7s; -moz-transition: border .7s; -ms-transition: border .7s; -o-transition: border .7s; transition: border .7s; } .one_content .owl-item .text,.news_show img,.sx,.year_incident img,.zs_lists li img,.honorzs_lists li img,.two_a,.two_b { -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -ms-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; } .section {position:relative; overflow:hidden;} .one_content .item,.index_product,.page_four {background-position:center; background-repeat:no-repeat; background-size:cover;} /* 首页--导航 */ .mo_head {display:none;} .pc_head {position:fixed; top:35px; left:0; right:0; width:100%; height:auto;z-index:77;} .pc_head .wrap {border-bottom:1px solid rgba(31,44,92,0.4);} .pc_head.navchange {top:0;} .pc_head .wrap {background-color:#fff; position:relative; overflow:hidden;} .pc_head.navchange .wrap {width:100%; max-width:100%;} .pc_head .wrap:after {content:""; display:block; width:100%; height:1px; background-color:rgba(31,44,92,0); position:absolute; top:60px; left:0;} .pc_head:hover .wrap:after{background-color:rgba(31,44,92,0.4);} .pc_head .logo {padding:0 0 0 2.26%; position:absolute; top:16px; left:-2px; width:10.6%; max-width:120px; cursor:pointer; z-index:6; min-width:100px;} .pc_head .logo img {width:100%;} .pc_head .sousou {/*width:6.09%;*/ width:60px; height:60px;/*padding-bottom:2px;*/ position:absolute; z-index:6; top:0; right:-2px; background:#1f2c5c url(/uploads/image/epgimages/sousou.png) no-repeat center; cursor:pointer;} .pc_head .sousou:hover {background-color:#017fc9;} .pc_head .language {position:absolute;top:25px; right:118px;font-size:13.34px; color:#999; z-index:6;} .pc_head .language a {color:inherit; font-size:inherit; cursor:pointer;} .pc_head .language a:hover {color:#096cb1;} .pc_nav {margin:0 100px 0 15.5%; position:relative; height:60px; overflow:hidden; cursor:pointer;} .pc_nav li {/*margin:0 3.46%;*/ float:left; position:relative; cursor:pointer;} .pc_nav .yiji {display:inline-block;font-size:0.57rem;color:#333;cursor:pointer;padding: 20px 10px;text-align:center;} .pc_nav li:hover .yiji {color:#1f2c5c;} .pc_nav li:last-of-type .yiji {padding-right:0;} .pc_nav .yiji span {position:relative;} .pc_nav .yiji span:after {content:""; display:block; position:absolute; bottom:-3px; left:0; right:0; margin:0 auto; width:0; height:2px; background-color:#1f2c5c;} .pc__nav_class span{border-bottom:2px #1f2c5c solid; margin-bottom:2px;} .pc_nav li:hover .yiji span:after {width:100%;} .pc_nav .nav_body {display:block; background-color:#fff; padding:25px 0 35px 15px; } .pc_nav .nav_body a {font-size:12px; color:#666; display:block; padding:11px 0;} .nav_body_bg {position:absolute; top:60px; left:0; width:100%; height:100%; background-color:rgba(255,255,255,.9);padding:25px 0 30px 0; display:none;} .pc_nav:hover {height:380px;} .pc_nav .nav_body a:hover {color:#1f2c5c;} .pc_nav .nav_body ol:hover .erji { -webkit-transform: translatex(3%); -moz-transform: translatex(3%); -ms-transform: translatex(3%); -o-transform: translatex(3%); transform: translatex(3%); } .pc_nav ol {position:relative;} .pc_nav li:nth-of-type(2) ol:after {content:""; display:block; position:absolute; top:11px; right:0; width:7px; height:14px; background:url(/uploads/image/epgimages/topbottom1.png) no-repeat center;} .pc_nav .sanji_body {display:none;} .pc_nav .sanji_body a {font-size:12px; color:#999;} .mo_head .wrap {width:91%; padding:0 4.5%; height:60px; position:fixed; top:0; left:0; background-color:#fff;/*box-shadow:0 1.5px 0.5px 0.5px #ccc;*/ z-index:999; border-bottom:1px solid rgba(31,44,92,0.4);} .mo_head .logo {display:block; width:120px; margin:13.5px 0;} .mo_head .logo img {width:100%;} .mo_head .navkeys {position:absolute; top:16px; right:4.5%;} .mo_head .navkeys .off {display:none;} .mo_head .onk .on {display:none;}.mo_head .onk .off {display:block;} .mo_nav {width:100%; height:80%; padding-bottom:30%; position:fixed; top:0; left:0; padding-top:80px; background-color:#fff;overflow-y:auto; z-index:99; display:none;} .mo_nav li {text-align:center; line-height:60px;} .mo_nav li a.yiji {display:block;font-size:18px; color:#090909; border-bottom:1px solid #bbb;} .mo_nav .nav_body a {display:block; line-height:60px; font-size:16px; color:#333; border-bottom:1px solid #f2f2f2;} .mo_nav .nav_body {display:none;} .mo_nav .yiji.on {border-bottom:2px solid #1f2c5c;} .mo_nav .nav_body a.ons {border-bottom:1px solid #db0356;} .mo_nav .sanji_body {display:none;} .mo_nav .sanji_body a {border:none;} /* 搜索 */ .index_search {position:absolute; top:60px; left:0; right:0; margin:0 auto; width:81%; max-width:1150px; height:0; overflow:hidden; background-color:#fff; border-bottom:1px solid rgba(31,44,92,0.4);} .index_search.on {height:auto;} .index_search .ss_box {width:52%; margin:2.14rem auto 1.78rem; position:relative;} .index_search .ss_box .ss_text {width:100%; height:34px; line-height:34px; font-family:"微软雅黑"; font-size:0.64rem; color:#bbb; text-align:center; padding-bottom:9px; border-bottom:1px solid #b3b7be;} .index_search .ss_box .ss_btn {position:absolute; cursor:pointer; bottom:10px; right:0; width:34px; height:34px; background:url(/uploads/image/epgimages/sousuo.png) no-repeat center;} .index_search .close_ss {display:block; position:absolute; bottom:17px; right:17px; width:22px; height:22px; background:url(/uploads/image/epgimages/close.png) no-repeat center; cursor:pointer;} .index_search:before {content:""; display:block; width:100%; height:1px; background-color:rgba(31,44,92,0); position:absolute; top:0; left:0;} .index_search.on:before{background-color:rgba(31,44,92,0.4);} /* 首页--第一屏 */ .one_content {position:absolute; top:0; left:0; width:100%; height:100%;} .one_content .cn_title {color:#fff;font-size:1.2rem; margin-bottom:28px;} .one_content .en_title {color:#fff; font-size:0.64rem; line-height:25.2px; text-transform:uppercase;} .one_content .owl-item .text {position:absolute; top:70%; /*left:14.25%;*/left:0; right:0; margin:0 auto; opacity:0; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } .one_content .active .text {top:50%; opacity:1;} .one_content .owl-item .cn_title,.one_content .owl-item .en_title {margin-left:4.75%;} .one_content .owl-dots {position:absolute; left:0; bottom:20px; width:100%; height:auto; text-align:center;} .one_content .owl-dot {display:inline-block; width:50px; height:4px; margin:0 5px; background-color:#fff;} .one_content .owl-dot.active {background-color:#1f2c5c;} /* 首页--第二屏 */ .two_a {padding-top:4.28rem;position:relative; left:0;} .two_a .title span {display:inline-block; vertical-align:top;font-size:1.35rem; color:#333; padding-top:0.35rem;} .two_a .title i {display:inline-block; vertical-align:top; width:1px; height:3.21rem; background-color:#727272; margin:0 0.7rem 0 0.8rem; -webkit-transform:rotate(26deg); -moz-transform:rotate(26deg); -ms-transform:rotate(26deg); -o-transform:rotate(26deg); transform:rotate(26deg); } .two_a .title b {display:inline-block; vertical-align:bottom; font-size:0.85rem; color:#333; padding-bottom:0.55rem;} .two_a .describe {font-size:14px; color:#666; line-height:25.2px; max-width:32.17%; margin:1.57rem 0 0.5rem 0;} .two_a .go_detail {color:#1f2c5c; font-size:0.57rem; cursor:pointer; position:relative; z-index:3;} .two_a .go_detail:after {content:""; display:block; width:0; height:1px; background-color:#1f2c5c; position:absolute; bottom:-5px; left:0;} .two_a .go_detail:hover:after {width:100%;} .two_a .go_detail span,.two_b .into span {display:inline-block; cursor:pointer; vertical-align:middle; width:24px; height:10px; background:url(/uploads/image/epgimages/jiantou.png) no-repeat left center; margin-left:1.7%;} .two_a .go_detail:hover span{ -webkit-transform:scalex(1.3); -moz-transform:scalex(1.3); -ms-transform:scalex(1.3); -o-transform:scalex(1.3); transform:scalex(1.3); } .two_b_hover .into span {background:url(/uploads/image/epgimages/jt-indexpro.png) no-repeat left center;} .two_b {cursor:pointer; position:absolute; bottom:3.1rem; width:81%; left:0; right:0; margin:0 auto;} .two_b .pic {display:inline-block; vertical-align:bottom; width:12.7%; max-width:146px; min-width:120px;} .two_b .pic img {width:100%;} .two_b .into {display:inline-block; vertical-align:bottom; padding-bottom:0.3rem; margin-left:3.47%;} .two_b .into .cn_title {font-size:0.64rem; color:#333;} .two_b_hover .into .cn_title {color:#1f2c5c;} .two_b .into .en_title {font-size:0.5rem; color:#666; margin:0.3rem 0 0.55rem 0;} .page_two .slick-next {position:absolute; top:auto; bottom:3.1rem; left:0; right:0; margin:0 auto; width:81%; background-color:rgba(0,0,0,0); overflow:hidden; z-index:6;} /* 首页--第三屏 */ .three_content {position:absolute; top:50%; left:0; width:100%; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } .three_content .top {position:relative;} .three_content .title {font-size:1.07rem; color:#333; margin-bottom:2.14rem;} .news_type {font-size:0.57rem; color:#333; position:absolute; bottom:0; right:0;} .news_type a {font-size:inherit; color:inherit;} .news_type a:hover {color:#1f2c5c;} .news_show {width:46.5%;padding-right:3.5%;} .news_show .pic {overflow:hidden; position:relative;} .news_show img {width:100%;} .news_show .pic:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .news_show .news_title {margin:1rem 0 0.6rem 0; font-size:18px; color:#232f5f; position:relative; padding-right:70px;} .news_show .news_title span {font-size:12px; color:#999; position:absolute; bottom:0; right:0;} .news_show .describe {font-size:14px; color:#666; line-height:22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .sx {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background: -webkit-linear-gradient(-45deg, #ec65b7 0%,#05e0d8 100%); background: linear-gradient(-45deg, #ec65b7 0%,#05e0d8 100%); } .news_show .pic:hover .sx {opacity:0.35;} .news_lists {width:46.5%;padding-left:3.5%;} .news_lists li {margin-bottom:1.9rem;} .news_lists li:last-of-type {margin-bottom:0;} .news_lists li .number {display:inline-block; vertical-align:middle;font-family:"euphemia"; font-size:2.14rem; color:#232f5f; line-height:2rem; width:13%; text-align:center;} .news_lists li .time {display:inline-block; vertical-align:middle;font-size:14px; color:#999; width:13%; text-align:center; line-height:14px;} .news_lists li .describe {display:inline-block; vertical-align:middle;font-size:0.57rem; color:#272727; width:72%; line-height:28.8px;font-family:"微软雅黑";} .news_lists li:hover .describe {color:#1f2c5c;} /* 首页--第四屏 */ .four_content {position:absolute; top:50%; left:0; width:100%; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } .four_content .top {position:relative;} .four_content h1.cn_title {font-size:1.35rem; color:#fff;} .four_content h2.cn_title {font-size:1.07rem; color:#fff; margin:1.25rem 0 2.5rem 0;} .four_content h3.en_title {font-size:1.5rem; color:#fff; position:absolute; top:0; right:0; text-align:right;} .talent_info {width:50%;} .common_a {width:100%; line-height:60px; background-color:#b8bfc2; position:relative; margin-bottom:15px;} .common_a .pic {width:65px; height:100%; position:absolute; top:0; left:0;} .common_a .time {width:auto; height:100%; position:absolute; top:0; right:0; font-size:0.57rem; color:#333; padding-right:1.14rem;} .common_a .cn_name {padding-left:60px; text-indent:1.1rem; font-size:0.57rem; color:#333;} .manager .pic {background:#1f2c5c url(/uploads/image/epgimages/money.png) no-repeat center;} .common_a:hover .pic {background-color:#007fcc;} .supervisor .pic {background:#1f2c5c url(/uploads/image/epgimages/tool.png) no-repeat center;} .common_b {width:48.5%; float:left; height:7.28rem; background-color:#bcc4c7; text-align:center; position:relative;} .common_b a {display:block; position:absolute; top:50%; left:0; right:0; margin:0 auto; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } .common_b .pic {display:block; margin:0 auto;} .common_b .cn_name {font-size:0.64rem; color:#333; margin:0.6rem 0 0.53rem 0;} .common_a:hover .cn_name,.common_b:hover .cn_name {color:#1d2d60;} .common_b .en_name {font-size:0.5rem; color:#666; text-transform:uppercase;} .talents {margin-right:1.5%;} .talents .pic {width:51px; height:51px; background:url(/uploads/image/epgimages/men1.png) no-repeat center;} .talents:hover .pic {background:url(/uploads/image/epgimages/men1-hover.png) no-repeat center;} .employee {margin-left:1.5%;} .employee .pic {width:56px; height:56px; background:url(/uploads/image/epgimages/men2.png) no-repeat left center;} .employee:hover .pic {background:url(/uploads/image/epgimages/men2-hover.png) no-repeat center;} .common_b:hover .pic { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } .common_b .pic { -webkit-transition: all .7s; -moz-transition: all .7s; -ms-transition: all .7s; -o-transition: all .7s; transition: all .7s; -webkit-animation-duration: .7s; -moz-animation-duration: .7s; -o-animation-duration: .7s; animation-duration: .7s; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% {-webkit-transform-origin:top center;} 20% {-webkit-transform:rotate(15deg)} 40% {-webkit-transform:rotate(-10deg)} 60% {-webkit-transform:rotate(5deg)} 80% {-webkit-transform:rotate(-5deg)} 100% {-webkit-transform:rotate(0deg)} } @-moz-keyframes swing { 20%, 40%, 60%, 80%, 100% {-moz-transform-origin:top center} 20% {-moz-transform:rotate(15deg)} 40% {-moz-transform:rotate(-10deg)} 60% {-moz-transform:rotate(5deg)} 80% {-moz-transform:rotate(-5deg)} 100% {-moz-transform:rotate(0deg)} } @-o-keyframes swing { 20%, 40%, 60%, 80%, 100% {-o-transform-origin:top center} 20% {-o-transform:rotate(15deg)} 40% {-o-transform:rotate(-10deg)} 60% {-o-transform:rotate(5deg)} 80% {-o-transform:rotate(-5deg)} 100% {-o-transform:rotate(0deg)} } @keyframes swing { 20%, 40%, 60%, 80%, 100% {transform-origin:top center} 20% {transform:rotate(15deg)} 40% {transform:rotate(-10deg)} 60% {transform:rotate(5deg)} 80% {transform:rotate(-5deg)} 100% {transform:rotate(0deg)} } /* 首页--底部 */ .footer {width:100%; height:auto; /*background-color:#f8f8f8;*/} .link_web {width:100%; height:auto;border-top: 1px solid #d9dddf; border-bottom:1px solid #d9dddf;} .link_web li {width:14.26%; height:60px; line-height:60px; float:left; border-right:1px solid #d9dddf; text-align:center; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .link_web li:first-of-type {border-left:1px solid #d9dddf;} .link_web li a {display:block; font-size:0.5rem; color:#333; position:absolute; top:0; left:0; width:100%; height:100%;} .link_web li a:hover {background-color:#fafafa; color:#1f2c5c; box-shadow:0 0 1px 1px #232f5f;} .company_relate {position:relative;margin:47px auto 44px; overflow:hidden;} .company_relate p {font-size:12px; color:#666; line-height:30px;} .company_relate p span {display:inline-block; margin-left:30px;} .company_relate .logo {position:absolute; top:0; right:0; width:12.2%; max-width:140px; min-width:100px;} .company_relate .logo img {width:100%;} .footer .fp-slide, .footer .fp-tablecell, .footer.fp-section {height:auto !important;} /* 新闻 */ .inner_baner {position:relative; width:100%; /*height:254px;*/ background-repeat:no-repeat; background-position: center top; background-size:cover; background-image:none !important;} .inner_baner img {width:100%;} .inner_baner .text {position:absolute; top:65%; width:100%; height:auto; left:0; right:0; margin:0 auto; text-align:center; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } .inner_baner .cn_webtitle {font-size:1.43rem; color:#fff; margin-bottom:20px;} .inner_baner .en_webtitle {font-size:0.63rem; color:#fff; text-transform:uppercase;} .inner_position {padding:20px 0; margin-bottom:30px; color:#999; font-size:12px; text-align:right;} .inner_position a {font-size:inherit; color:inherit;} .inner_position a:last-of-type {color:#1f2c5c;} .inner_position span {display:inline-block; margin:0 5px;} /* ====内页菜单star=== */ .inner_menu {width:100%; height:44px; border:1px solid #dcdcdc; border-left:0; border-right:0;} .inner_menu .wrap { background:url(/uploads/image/epgimages/home.png) no-repeat left center; padding-left:36px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .inner_menu li {display:block; position:relative;border-right:1px solid #dcdcdc; border-bottom:1px solid #fff;float:left; line-height:43px; background-size:9px !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .inner_menu li:nth-of-type(1) {border-left:1px solid #dcdcdc;} .inner_menu li:hover {border-bottom:1px solid #dcdcdc; background-color:#f6f6f6;} .inner_menu li a {font-size:14px; color:#333; display:block; padding-left:1.07rem; padding-right:2.82rem;} .inner_menu li:hover a {color:#1f2c5c;} .inner_menu .on{border-bottom:1px solid #dcdcdc; background-color:#f6f6f6;} .promenu li {background:url(/uploads/image/epgimages/topbottom1.png) no-repeat 84% center;} .promenu li.mon {background:url(/uploads/image/epgimages/topbottom2.png) no-repeat 84% center;} .menu_body {display:none; position:absolute; top:44px; left:-1px; width:100%; height:auto; background-color:#fff; z-index:4; border:1px solid #e1e1e1; border-bottom:none;} .inner_menu .menu_body a {line-height:49px; border-bottom:1px solid #e1e1e1; color:#666;} .menu_body a:hover {background-color:#fafafa; color:#1f2c5c;} /* ====内页菜单end=== */ .common_typename { padding-bottom:20px; border-bottom:1px solid #d2d2d2; margin-bottom:40px;} .common_typename h1 {display:inline-block; color:#1f2c5c;} .common_typename .cn_name {font-size:1.26rem; } .common_typename .en_name {font-size:0.58rem; text-transform:uppercase;} #container {overflow:hidden;} #container .item:nth-of-type(1),#container .item:nth-of-type(2),#container .item:nth-of-type(3) {opacity:1; -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } #container .item {width:33.33%; float:left; margin-bottom:20px; overflow:hidden;} #container .item a {display:block; border:1px solid #e5e5e5; padding:0.5rem; margin:0 10px;} #container .item .pic {overflow:hidden;} #container .item img {width:100%; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } #container .item:hover img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .news_time {padding:20px 0; font-size:0.5rem; color:#777;} .news_tit {font-size:0.65rem; color:#333; margin-bottom:24px;} #container .item .news_content {font-size:0.5rem; color:#777; line-height:22.4px; margin-bottom:1.43rem;} #container .item:hover .news_tit {color:#1f2c5c;} /* ====页码star=== */ .page_number {text-align:center; padding:1rem 0 3.22rem 0;} .page_number a {display:inline-block; vertical-align:middle; width:43px; height:43px; line-height:43px; border:1px solid #e0e0e0; text-align:center; font-size:14px; color:#999; margin:0 5px;} .page_number a.page-prev {background:url(/uploads/image/epgimages/news-jtleft.png) no-repeat center;} .page_number a.page-next {background:url(/uploads/image/epgimages/news-jtright.png) no-repeat center;} .page_number a:hover {background-color:#1f2c5c; color:#fff; border:1px solid #1f2c5c;} .page_number span {background-color:#1f2c5c !important; color:#fff !important; border:1px solid #1f2c5c !important;} .page_number a.page-prev:hover {background:#1f2c5c url(/uploads/image/epgimages/news-jtleft-hover.png) no-repeat center;} .page_number a.page-next:hover {background:#1f2c5c url(/uploads/image/epgimages/news-jtright-hover.png) no-repeat center;} .page_number span {display:inline-block; vertical-align:middle; width:43px; height:43px; line-height:43px; border:1px solid #e0e0e0; text-align:center; font-size:14px; color:#999; margin:0 5px;} /* ====页码end=== */ /* 新闻详情 */ .news_detailbody {margin-bottom:4.2rem;} .news_detailbox {width:66%; margin-right:7.9%; position:relative;} .news_detaltop {padding:10px 0 19px 0; border-bottom:1px solid #d1d1d1; position:relative;} .news_detaltop h1 {font-size:0.76rem; color:#1f2c5c; padding-right:105px; font-weight:bold;} .news_detaltop .time {font-size:0.5rem; color:#666; position:absolute; top:14px; right:0;} .news_detailinfo {padding:1.25rem 0 2.4rem 0; fon-size:0.5rem; color:#666; line-height:25.2px; border-bottom:1px solid #d1d1d1;} /*.news_detailinfo p {padding:0.6rem 0;}*/ .news_detailinfo img {width:auto; max-width:100%;} .tuijian_news {width:26.1%;} .page_number_min li {padding:0.72rem 0;font-size:14px; color:#666; border-bottom:1px solid #d1d1d1;} .page_number_min li a {font-size:inherit; color:inherit;} .page_number_min li a:first-of-type {color:#333;} .page_number_min li span {display:inline-block; vertical-align:middle; margin:0 3.3%; font-size:inherit; color:inherit;} .page_number_min li:hover a {color:#1f2c5c;} .return_lists {display:block; margin-left:6px; width:140px; line-height:40px; background-color:#1f2c5c; color:#fff; margin:25px 0; text-align:center;} .return_lists span {position:relative; display:inline-block; margin-left:6px; width:16px; height:9px; background:url(/uploads/image/epgimages/return-jt.png) no-repeat center;} .return_lists:hover span { -webkit-transform: translatex(3px); -moz-transform: translatex(3px); -ms-transform: translatex(3px); -o-transform: translatex(3px); transform: translatex(3px); } #news_share {position:absolute; bottom:36px; right:0;} #news_share span {font-size:14px; color:#666;} #news_share .bdsharebuttonbox {display:inline-block; vertical-align:middle;} #news_share .bdsharebuttonbox a {width:20px; height:18px; display:inline-block; padding:0; margin:0 0 0 16px;} #news_share .bdsharebuttonbox .bds_tsina {background:url(/uploads/image/epgimages/share1.png) no-repeat center;} #news_share .bdsharebuttonbox .bds_weixin {background:url(/uploads/image/epgimages/share2.png) no-repeat center;} #news_share .bdsharebuttonbox .bds_qzone {background:url(/uploads/image/epgcimages/share3.png) no-repeat center;} .tj_news_head {font-size:18px; color:#1f2c5c; padding:14px 0 20px 0;} .tj_news_lists li {width:100%; border:1px solid #e5e5e5; margin-bottom:15px;} .tj_news_lists li a {display:block; padding:0.5rem;} .tj_news_lists li .pic {overflow:hidden;} .tj_news_lists img {width:100%;} .tj_news_lists li:hover img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .tj_news_lists .news_time {padding-bottom:10px;} .tj_news_lists .news_tit {margin-bottom:10px;} .tj_news_lists li:hover .news_tit {color:#1f2c5c;} /* 产品详情 */ .prodetail_body {padding-bottom:1.42rem;} .item_pro .protext {width:43.15%; padding-right:5%;} .item_pro .protext h2 {font-size:1.1rem; color:#222; padding:1.43rem 0 0.72rem 0; border-bottom:1px solid #d9d9d9;} .item_pro .protext h3 {font-size:0.65rem; color:#1f2c5c; padding:0.65rem 0;} .item_pro .protext .text {font-size:0.5rem; color:#666; line-height:25.2px;} .item_pro {position:relative; overflow:hidden;} .item_pro .maxpro {width:51.85%;} .item_pro .maxproloop img {width:100%;border:1px solid #e2e2e2; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #owl_nav {position:absolute; bottom:1.36rem; left:0;} #owl_nav .owl-prev,#owl_nav .owl-next {display:inline-block; width:1.43rem; height:1.43rem; max-width:40px; min-width:30px; max-height:40px; min-height:30px; font-size:0;} #owl_nav .owl-prev {background:#1f2c5c url(/uploads/image/epgimages/proleft.png) no-repeat center; margin-right:20px;} #owl_nav .owl-next {background:#1f2c5c url(/uploads/image/epgimages/proright.png) no-repeat center;} #owl_nav .owl-prev:hover,#owl_nav .owl-next:hover {background-color:#096cb1;} .procom {padding:2.15rem 0 0 0;} .procom h2 {font-size:0.86rem; color:#1f2c5c; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #d9d9d9;} .pro_use ul li {width:10.97%; margin-right:1.74%; float:left; text-align:center; padding:0.72rem 0 0.54rem 0;} .pro_use ul li:nth-of-type(8n) {margin-right:0;} .ues_body .pic {height:50px; margin-bottom:15px;} .ues_body .pic img {display:block; width:auto; max-width:100%; max-height:100%; margin:0 auto;} .ues_body p {font-size:0.5rem; color:#333;} .pro_intro .text {font-size:0.5rem; color:#666; line-height:28.8px;} .sta_body img {width:auto; max-width:100%;} .inner_menu li .menu_body a {padding-right:0;} /* 招聘职位 */ .job_body li {width:50%; float:left; margin-bottom:20px; cursor:pointer;} .job_body li:nth-of-type(2n-1) .job_info {margin-right:10px;} .job_body li:nth-of-type(2n) .job_info {margin-left:10px;} .job_body li .job_info {padding:0.7rem; border:1px solid #e2e2e2; position:relative;} .job_body li .pic {width:36%; float:left;} .job_body li .pic img {width:100%;} .job_body li .text {width:60%; float:right; padding-left:4%} .job_body .job_tit {font-size:18px; color:#333; margin-bottom:15px;} .job_body .job_des {font-size:14px; color:#666; line-height:20px; max-height:40px; position:relative;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} .job_body .see_detail {font-size:14px; color:#1f2c5c; position:absolute; bottom:40px; left:41%; display:block;} .job_body .see_detail span {display:inline-block; vertical-align:middle; margin-left:11px; width:14px; height:8px; background:url(/uploads/image/epgimages/jobjt.png) no-repeat center; position:relative;} .job_body li:hover .job_info {border:1px solid #1f2c5c;} .job_body li:hover h3 {color:#1f2c5c;} .job_body li:hover span { -webkit-transform: translatex(3px); -moz-transform: translatex(3px); -ms-transform: translatex(3px); -o-transform: translatex(3px); transform: translatex(3px); } .job_tc {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.65); z-index:10; display:none;} .job_detail {padding:0 6%; width:69%; background-color:#fff; position:absolute; z-index:4; top:0; bottom:0; left:0; right:0; margin:auto; height:auto; max-height:70%; overflow:hidden; display:none;} .job_detail.on {display:block;} .close_tc2 {display:block; width:27px; height:27px; background:url(/uploads/image/epgimages/close-tc.png) no-repeat center; position:absolute; top:1.1rem; right:1.1rem;} .job_detail .job_name {font-size:0.85rem; color:#1f2c5c; border-bottom:1px solid #d2d2d2; padding:1.1rem 0 1.1rem 0; margin-bottom:1.1rem;} .job_detail p {font-size:0.5rem; color:#666; line-height:30px;} .job_detail p a {color:#096cb1; text-transform:uppercase;} .job_detail .text {height:auto; max-height:70%; overflow-y:auto; margin-bottom:2rem; font-size:0.5rem; color:#666; line-height:18px;} .close_tc {display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; opacity:0;} .job_tc.job_tc_show {display:block;} /* 人才理念 */ .common_typename p {font-size:0.5rem; line-height:20px; color:#333; margin-top:20px;} .mission {overflow:hidden; position:relative; padding-bottom:40px; border-bottom:1px solid #e5e5e5;} .mission:after {content:""; display:block; position:absolute; bottom:40px; width:50px; height:6px; background-color:#1f2c5c; left:0;} .mission .text {width:33%; padding-right:3.5%;} .mission .text h2 {margin:1.15rem 0; font-size:0.86rem; color:#333;} .mission .text p {font-size:0.5rem; color:#666; line-height:25.2px;} .mission .pic {width:63.5%;} .mission .pic img {width:100%;} .welfare {padding-top:2.15rem;} .welfare h2 {font-size:0.86rem; color:#333; margin-bottom:20px;} .welfare .wel_des {font-size:0.5rem; color:#666; line-height:22.4px; border-bottom:1px solid #e5e5e5; padding-bottom:20px;} .wel_detail {padding-bottom:2.64rem;} .wel_detail li {width:47%; float:left; padding:2.15rem 0 1.43rem 0; border-bottom:1px solid #e5e5e5; position:relative;} .wel_detail li:nth-of-type(2n-1) {margin-right:3%;} .wel_detail li:nth-of-type(2n) {margin-left:3%;} .wel_detail li:last-of-type {border-bottom:1px solid rgba(31,44,92,0);} .wel_detail li:hover {border-bottom:1px solid #1f2c5c;} .wel_detail span {display:block; width:100px; position:absolute; top:2.15rem; left:0;} .wel_info {padding-left:100px;} .wel_info h3 {font-size:0.65rem; color:#333; margin-bottom:14px;} .wel_info .text {font-size:0.5rem; color:#666; line-height:25.2px;} .wel_detail li:nth-of-type(1) .tubiao {background:url(/uploads/image/epgimages/man1.png) no-repeat center; height:61px;} .wel_detail li:nth-of-type(2) .tubiao {background:url(/uploads/image/epgimages/man2.png) no-repeat center; height:54px;} .wel_detail li:nth-of-type(3) .tubiao {background:url(/uploads/image/epgimages/man3.png) no-repeat center; height:62px;} .wel_detail li:nth-of-type(4) .tubiao {background:url(/uploads/image/epgimages/man4.png) no-repeat center; height:50px;} .wel_detail li:nth-of-type(5) .tubiao {background:url(/uploads/image/epgimages/man5.png) no-repeat center; height:54px;} .wel_detail li:nth-of-type(6) .tubiao {background:url(/uploads/image/epgimages/man6.png) no-repeat center; height:58px;} .wel_detail li:nth-of-type(7) .tubiao {background:url(/uploads/image/epgimages/man7.png) no-repeat center; height:64px;} /* 员工生活 */ .lift_lists li {width:32%; float:left; margin-right:2%; margin-bottom:20px;} .lift_lists li:nth-of-type(3n) {margin-right:0;} .lift_lists li a {display:block; padding:14px; border:1px solid #e5e5e5;} .lift_lists li .pic {overflow:hidden;} .lift_lists li img {width:100%;} .lift_lists li:hover img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .lift_lists li .lift_show {position:relative; overflow:hidden;} .lift_lists li .text {position:absolute; bottom:-100px; left:0; width:92%; background-color:rgba(0,0,0,.6); font-size:0.5rem; color:#fff; line-height:22.5px; padding:10px 4%;} .lift_lists li:hover .text {bottom:0;} /* ci */ .ci_body {padding-bottom:60px;} .logo_fenxi{position:relative;} .ciinfo {padding-bottom:2.14rem;} .ciinfo h2 {font-size:24px; color:#1f2c5c; padding-bottom:20px;} .fx_body .pic {width:100%; height:auto; background:url(/uploads/image/epgimages/logobg.jpg) repeat left top; border:1px solid #d9d9d9; overflow:hidden;} .fx_body .pic img {display:block; width:100%;} .fx_body .text {position:absolute; width:42.62%; padding-left:0; height:auto; top:0; right:0; font-size:0.5rem; color:#666; line-height:22.4px; text-align:right;} .fx_body .xz {width:138px;border:1px solid #d9d9d9; display:inline-block; vertical-align:middle; margin-left:10px; position:relative; overflow:hidden;} .fx_body .xz .xz_key {display:block; cursor:pointer; width:100%; line-height:33px; font-size:14px; color:#666; background-color:#fff; text-align:left; padding-left:14px;} .fx_body .xz span {display:block; width:9px; height:14px; background:url(/uploads/image/epgimages/xiazai.png) no-repeat center; position:absolute; top:9.5px; right:14px; -webkit-animation: animate 1s linear infinite; -moz-animation: animate 1s linear infinite; -o-animation: animate 1s linear infinite; animation: animate 1s linear infinite; } @-webkit-keyframes animate{ from {top:7.5px;} to {top:11.5px;} } @-moz-keyframes animate{ from {top:7.5px;} to {top:11.5px;} } @-o-keyframes animate{ from {top:7.5px;} to {top:11.5px;} } @keyframes animate{ from {top:7.5px;} to {top:11.5px;} } .fx_body .xz:hover {border:1px solid #1f2c5c;} .fx_body .xz:hover input {color:#fff; background-color:#1f2c5c;} .fx_body .xz:hover span {background:url(/uploads/image/epgimages/xiazai-hover.png) no-repeat center;} .zh_body p {font-size:14px; color:#666; margin-bottom:20px;} .zh_body .pic_box {padding:16px 0 12px 0; border:1px solid #d9d9d9; text-align:center;} .zh_body .pic_box:hover {border:1px solid #1f2c5c;} .zh_body .pic {display:inline-block; vertical-align:middle; width:auto; max-width:25%;} .zh_body .pic:nth-of-type(1) {margin-right:12.87%;} .zh_body .pic:nth-of-type(2) {margin-right:19.13%;} .zh_body .pic img {width:auto; max-width:100%;} .gd_body {padding:38px 0 40px 0; border:1px solid #d9d9d9; text-align:center;} .gd_body:hover {border:1px solid #1f2c5c;} .gd_body .pic_body {width:50%; float:left; text-align:center;} .gd_body .pic img {width:auto; max-width:60%; margin:0 auto 30px;} .gd_body .logo_color {font-size:0.65rem; color:#1f2c5c; margin-bottom:30px;} .gd_body .gd_des {font-size:14px; color:#666; line-height:22.4px; width:66%; margin:0 auto;} .zh_body .pic:hover img,.gd_body .pic:hover img { -webkit-transform: scale(1.02, 1.02); -moz-transform: scale(1.02, 1.02); -ms-transform: scale(1.02, 1.02); -o-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); } /* 历史 */ .history_body {width:77.4%; margin:0 auto 3.57rem;} .star {width:100%; height:100px; background:url(/uploads/image/epgimages/his-star.png) no-repeat center bottom;} .even {width:90%; height:auto; margin:0 auto; background:url(/uploads/image/epgimages/linbg.jpg) repeat-y center top; padding-top:50px; padding-bottom:1px;} .year_incident .year {display:block; position:absolute; top:-0.55rem;} .year_incident .year span {font-size:1.43rem; color:#1f2c5c; font-weight:bold;} .year_incident .pic {overflow:hidden; display:inline-block;} .year_incident img {width:auto; max-width:100%;} .his_info:hover img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .year_incident .his_time {font-size:16px; color:#333; font-weight:bold; padding-bottom:20px;} .year_incident .his_detail {font-size:16px; color:#666; line-height:26px; padding-bottom:20px;} .bm {font-size:0;} .year_incident {margin-bottom:2.14rem; position:relative;} .year.yr {width:50%;left:0; text-align:right;} .year.yr span {display:block; padding-right:60px;} .year.yl {width:50%;right:0; text-align:left;} .year.yl span {display:block; padding-left:60px;} .year_incident .his_info {margin-top:140px;} .year_incident .his_info:first-of-type {margin-top:0;} .nxfd-l {width:50%; float:right; text-align:left;} .nxfd-l a {display:block; padding-left:70px; margin-left:-5.5px; background:url(/uploads/image/epgimages/his-bg.png) no-repeat left 7px;} .nxfd-r {width:50%; float:left; text-align:right;} .nxfd-r a {display:block; padding-right:70px; margin-right:-5.5px; background:url(/uploads/image/epgimages/his-bg.png) no-repeat right 7px;} .info_body {padding-bottom:30px; border-bottom:1px solid #efefef; position:relative;} .info_body:after{content:"111"; display:block; width:0; height:2px; background-color:#1f2c5c; position:absolute; bottom:0px; left:0;} .info_body:hover:after {width:100%;} /* 理念 */ .ides_new_page {padding-bottom:1rem;} .ides_new_page li {position:relative; width:49%; float:left; margin-right:2%; padding:0.18rem 1rem 0.6rem 1rem; border:1px solid #e5e5e5; margin-top:70px; margin-bottom:1.64rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .ides_new_page li:hover {border:1px solid #096cb1;} .ides_new_page li:after {content:""; display:block; position:absolute; bottom:-4px; left:-1px; width:100%; padding:0 1px; height:4px; background-color:#d9d9d9;} .ides_new_page li:hover:after {background-color:#096cb1;} .ides_new_page li:nth-of-type(1) {width:100%;} .ides_new_page li:nth-of-type(2n-1) {margin-right:0;} .ides_new_page li h3 {text-transform:uppercase; font-size:0.72rem; color:#1f2c5c; line-height:25.2px; padding:0.72rem 100px 0.72rem 0; border-bottom:1px dashed #bbbbbb;} .ides_new_page li p {font-size:0.57rem; color:#333; line-height:25.2px; padding:0.72rem 0;} .ides_new_page li a {display:block; text-align:center; width:108px; height:130px; background:url(/uploads/image/epgimages/dbx.png) no-repeat center; position:absolute; top:-70px; right:1.07rem;} .ides_new_page a span {display:inline-block; padding:0 8%; position:relative; top:50%; font-size:18px; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } .ides_new_page li:nth-of-type(3) a,.ides_new_page li:nth-of-type(4) a,.ides_new_page li:nth-of-type(7) a {background:url(/uploads/image/epgimages/dbx2.png) no-repeat center;} .ides_new_page li:nth-of-type(3):hover,.ides_new_page li:nth-of-type(4):hover,.ides_new_page li:nth-of-type(7):hover {border:1px solid #1f2c5c;} .ides_new_page li:nth-of-type(3):hover:after,.ides_new_page li:nth-of-type(4):hover:after,.ides_new_page li:nth-of-type(7):hover:after {background-color:#1f2c5c;} .ides_new_page li:nth-of-type(7) h3 {min-height:50px;} /* 研发--专利证书 */ .research_body {margin-bottom:60px;} .page_link {border:1px solid #d2d2d2; margin-bottom:2.85rem;} .page_link a {display:block; width:33.33%; float:left; line-height:1.72rem; text-align:center; font-size:16px; color:#666; border-right:1px solid #d2d2d2; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .page_link a:last-of-type {border:none;} .page_link a:hover{background-color:#1f2c5c; color:#fff;} .page_link .on{background-color:#1f2c5c; color:#fff;} .certificate {width:100%; height:auto; background:url(/uploads/image/epgimages/honorbg.jpg) repeat left top;} .zs_lists {padding:40px 0 30px 0;} .zs_lists li {width:18.4%; float:left; margin-right:2%;height:405px; /*margin-bottom:30px;*/ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .zs_lists li:nth-of-type(5n) {margin-right:0;} .zs_lists li .pic {overflow:hidden; border:1px solid #ddd;} .zs_lists li img {width:100%;} .zs_lists li:hover img{ -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .zs_lists li .name {font-size:0.57rem; color:#333; padding:10px 0; text-align:center; min-height:63px; line-height:21px;} .zs_lists li:hover .name {color:#1f2c5c;} .honor_new_boxs {background:none !important;} .honor_new_boxs h2 {font-size:0.85rem; color:#333333; padding:2.96rem 0 10px 0;} .honorzs_lists li {width:23.5%; float:left; margin-right:2%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .honorzs_lists li:nth-of-type(4n) {margin-right:0;} .honorzs_lists li .pic {overflow:hidden; border:1px solid #ddd;} .honorzs_lists li img {width:100%;} .honorzs_lists li:hover img{ -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .honorzs_lists .name {font-size:0.5rem; min-height:76px; margin-top:10px;} .honor_new_boxs .page_number {padding:0.71rem 0;} /* 研发--研究开发 */ .yfbox .wrap {position:relative;} .yfbox .wrap>div {width:50%; overflow:hidden;} .yfbox img {width:100%;} .yfbox .text-center {font-size:0.5rem; line-height:25.2px; /*min-height:174px;*/min-height:199px;} .yfbox h2 {font-size:0.86rem; color:#333; padding:0.54rem 10% 1.07rem 10%;} .yfinfo_a .text-center {padding:1.5rem 10%;background-color:#676e87; color:#fff;} .yfinfo_b {background:url(/uploads/image/epgimages/honorbg.jpg) repeat left top; padding:1.78rem 0;} .yfinfo_b .text {position:absolute; top:0; right:0; width:50%; height:100%;} .yfinfo_b .text-center {padding:0 10%; color:#666; position:relative; top:50%; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } /* 研发--成果展示 */ .cg_show {overflow:hidden; position:relative;} .cg_show img {width:100%;} .cg_show>div {width:50%; height:auto; overflow:hidden;} .cg_show .norm h2 {font-size:0.86rem; margin-bottom:10px;} .cg_show .norminfo {font-size:0.5rem; line-height:24px; padding:0 17% 0 10%; position:relative; top:50%; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } .cg_show:nth-of-type(2n-1) .pic {margin-left:50%;} .cg_show:nth-of-type(2n-1) .norm {position:absolute; top:0; left:0; width:50%; height:50%;} .cg_show:nth-of-type(2n-1) .norm:nth-of-type(1) {background-color:#676e87; color:#fff;} .cg_show:nth-of-type(2n-1) .norm:nth-of-type(2) {top:50%; background-color:#f5f5f5; color:#666;} .cg_show:nth-of-type(2n) .pic {margin-right:50%;} .cg_show:nth-of-type(2n) .norm {position:absolute; top:0; right:0; width:50%; height:100%;background-color:#676e87; color:#fff;} .periodical {padding:2.85rem 0 0.55rem 0;} .periodical h2 {padding:0.89rem 0; font-size:0.86rem; color:#333;} .periodical li {width:23.2%; float:left; margin-right:2.4%; margin-bottom:1.78rem;} .periodical li:nth-of-type(4n) {margin-right:0;} .periodical li .pic {overflow:hidden;} .periodical li img {width:100%;} .periodical li:hover img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .periodical li .name {font-size:0.5rem; color:#666; line-height:22.5px; margin:10px 0; min-height:44px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .periodical li:hover .name {color:#1f2c5c;} /* 概要 */ .sumtop {padding-bottom:2.68rem;} .sumtop h2 {font-size:0.65rem; color:#1f2c5c; margin-bottom:0.55rem;} .sumtop p {font-size:0.55rem; color:#333;} .bgline {width:100%; height:4px; background:url(/uploads/image/epgimages/honorbg.jpg) repeat left top; border-bottom:1px solid #e0e0e0;} .about_company>div {width:50%; padding:1.43rem 0 1rem 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .about_company h4 {font-size:18px; color:#000; margin-bottom:0.7rem;} .about_company h3 {font-size:1.07rem; color:#1f2c5c; margin-bottom:1.6rem;} .about_company h4 span {font-size:1.07rem; color:#1f2c5c; display:inline-block; vertical-align:middle; margin-left:40px;} .gs_pic img:nth-of-type(1) {max-width:38%; margin:0 4%;} .gs_pic img:nth-of-type(2) {max-width:42%;} .gs_honor {border-left:1px solid #e0e0e0;} .gs_honor>div {padding-left:7%;} .gs_date{border-bottom:1px solid #e0e0e0; position:relative;} .go_history {display:block; position:absolute; top:10px; right:0; width:22px; height:22px; overflow:hidden; background-color:#1f2c5c;} .go_history span {display:block; background:url(/uploads/image/epgimages/jia.png) no-repeat center; position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transition: -webkit-transform .7s ease-out; -moz-transition: -moz-transform .7s ease-out; -o-transition: -o-transform .7s ease-out; -ms-transition: -ms-transform .7s ease-out; } .go_history:hover span {background:url(/uploads/image/epgimages/jia.png) no-repeat center; -webkit-transform: rotatez(90deg); -moz-transform: rotatez(90deg); -o-transform: rotatez(90deg); -ms-transform: rotatez(90deg); transform: rotatez(90deg); } .gs_zhengshu h4 {margin-top:1.78rem;} .honorloop {width:52%; margin:0 auto;} /* .honorloop .owl-item {padding:60px 0;} .honorloop .item img {display:block; width:auto; max-width:280px; max-width:100%; margin:0 auto; opacity:0.6;} .honorloop .item .name {font-size:0.5rem; color:#333; text-align:center; margin-top:10px;} .honorloop .owl-prev,.honorloop .owl-next {width:36px; height:36px;border:1px solid #c5c5c5; border-radius:50%; position:absolute; top:50%; margin-top:-18px; font-size:0;} .honorloop .owl-prev {left:-60px; background:#fff url(/uploads/image/epgimages/zs-jtleft.png) no-repeat left center;} .honorloop .owl-next {right:-60px; background:#fff url(/uploads/image/epgimages/zs-jtright.png) no-repeat right center;} .honorloop .owl-prev:hover {left:-60px; background:#1f2c5c url(/uploads/image/epgimages/zs-jtleft.png) no-repeat right center;} .honorloop .owl-next:hover {right:-60px; background:#1f2c5c url(/uploads/image/epgimages/zs-jtright.png) no-repeat left center;} .honorloop .center img {position:relative; z-index:666; opacity:1; -webkit-transform: scale(1.4, 1.4); -moz-transform: scale(1.4, 1.4); -ms-transform: scale(1.4, 1.4); -o-transform: scale(1.4, 1.4); transform: scale(1.4, 1.4); } .honorloop .name {position:absolute; bottom:0; left:-50%; width:200%; opacity:0;} .honorloop .center .name {opacity:1;} */ .slide{overflow: hidden;position: relative;} .slide .img{overflow: hidden;position: absolute; -webkit-transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s; -moz-transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s; -ms-transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s; -o-transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s; transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s; } .slide .img img{width:100%;height:auto;margin: 7px;} .slide .img p {font-size:14px; color:#000; position:absolute; bottom:-25px; text-align:center; width:100%; opacity:0;} .slide .img3 p {opacity:1;} .slide .img1{width: 20%;height:auto;top: 30%;left: -50%;z-index: 1;} .slide .img2{width: 40%;height:auto;top: 20%;left: -20%;z-index: 2;} .slide .img3{width: 60%;height:auto;top: 10%;left: 20%;z-index: 3; overflow:visible;} .slide .img4{width: 40%;height:auto;top: 20%;left: 60%;z-index: 2;} .slide .img5{width: 20%;height:auto;top: 30%;left: 110%;z-index: 1;} .owl-prev,.owl-next {width:36px; height:36px;border:1px solid #c5c5c5; border-radius:50%; position:absolute; top:50%; margin-top:-18px; font-size:0;} .owl-prev {left:24%; margin-left:-60px; background:#fff url(/uploads/image/epgimages/zs-jtleft.png) no-repeat left center;} .owl-next {right:24%; margin-right:-60px; background:#fff url(/uploads/image/epgimages/zs-jtright.png) no-repeat right center;} .owl-prev:hover {left:24%; margin-left:-60px; background:#1f2c5c url(/uploads/image/epgimages/zs-jtleft.png) no-repeat right center;} .owl-next:hover {right:24%; margin-right:-60px; background:#1f2c5c url(/uploads/image/epgimages/zs-jtright.png) no-repeat left center;} .about_business {width:100%; height:auto; background:url(/uploads/image/epgimages/honorbg.jpg) repeat left top; padding:2.85rem 0;} .about_business h3 {font-size:24px; color:#000; margin-bottom:1rem;} .gspro {width:50%;} .gspro .pic {display:inline-block; vertical-align:middle; width:35%; max-width:200px;} .gspro .pic img {width:100%;} .gspro:hover .pic img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .gspro .text {display:inline-block; vertical-align:middle; margin-left:6%; width:50%;} .gspro h4 {font-size:0.79rem; color:#333; border-bottom:1px solid #dcdcdc;} .gspro h4 span {display:block; font-size:0.5rem; color:#999; padding:0.36rem 0 0.54rem 0;} .gspro .gspro_des {font-size:0.5rem; color:#666; line-height:20px; margin:0.54rem 0 1.07rem 0;} .gspro .more {font-size:0.5rem; color:#1f2c5c;} .gspro .more span {display:inline-block; vertical-align:middle; margin-left:10px; width:14px; height:8px; background:url(/uploads/image/epgimages/jobjt.png) no-repeat center;} .gspro .more:hover span { -webkit-transform: translatex(3px); -moz-transform: translatex(3px); -ms-transform: translatex(3px); -o-transform: translatex(3px); transform: translatex(3px); } .about_other {position:relative; border-bottom:1px solid #e0e0e0; margin-bottom:2.68rem;} .about_other:after {content:""; display:block; position:absolute; bottom:-4px; left:0; width:100%; height:3px; background-color:#efefef;} .gs_exit,.gs_quality {width:50%; padding:1.85rem 0 1.07rem 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .gs_exit h3,.gs_quality h3 {font-size:18px; color:#000; margin-bottom:1.07rem; position:relative;} .gs_exit h3 span {position:absolute;top:0; right:7.5%;} .gs_exit {border-right:1px solid #e0e0e0;} .ranking img {display:block; width:55%; max-width:316px; margin:0 auto;} .policy {padding-left:7.5%;} .policy_lists {margin-top:3.2rem;} .policy li {float:left; margin-right:2%;text-align:center;} .policy li:last-of-type {margin-right:0;} .policy .pic {width:3.57rem; height:3.57rem; border:1px solid #dedede;border-radius:50%;} .policy .pic img {position:relative; top:50%; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } .policy li p {font-size:0.57rem; color:#1f2c5c; margin-top:0.7rem;} .policy li:hover .pic {border:1px solid #1f2c5c;} /* 联系我们 */ .contact_box {padding-bottom:4.28rem;} .baidumap {width:100%; height:20.72rem; overflow:hidden; margin-bottom:2.85rem;} .shadow img {display:none;} .pop>div {display:none;} .pop>div:nth-of-type(9) {display:block; width:224px !important; left:-8px !important; top:45px !important;} .bmap_bubble_content {padding:0.71rem 0.57rem; background-color:#fff; position:relative;} .bmap_bubble_content:after{content:""; display:block; position:absolute; bottom:-9px; left:50%; margin-left:-8px; width:0; height: 0;border-left: 8px solid transparent; border-right: 8px solid transparent;border-top: 9px solid #fff;} .iw_poi_title {font-size:16px; color:#1f2c5c; margin-bottom:9px;} .pop>img:nth-of-type(1) {display:none;} .guangdong {width:47%; padding-right:3%;} .yingde {width:47%; padding-left:3%;} .our_info .cn_name {font-size:0.65rem; color:#1f2c5c; margin-bottom:0.36rem;} .our_info .en_name {font-size:0.5rem; color:#666;} .lxinfo {margin-top:15px; border-top:1px solid #e2e2e2; padding:0.7rem 0 1.25rem 0;} .lxinfo p {padding-left:25px; font-size:0.5rem; color:#666; margin-bottom:0.78rem;} .lxinfo p a {font-size:0.5rem; color:#666;} .lxinfo p:nth-of-type(1) {background:url(/uploads/image/epgimages/p1.png) no-repeat left 2.5px;} .lxinfo p:nth-of-type(2) {background:url(/uploads/image/epgimages/p2.png) no-repeat left 2.5px;} .lxinfo p:nth-of-type(3) {background:url(/uploads/image/epgimages/p3.png) no-repeat left 2.5px;} .lxinfo p:nth-of-type(4) {background:url(/uploads/image/epgimages/p4.png) no-repeat left 2.5px;} .lxinfo p:nth-of-type(5) {background:url(/uploads/image/epgimages/p1.png) no-repeat left 2.5px;} .lxinfo p:nth-of-type(6) {background:url(/uploads/image/epgimages/p5.png) no-repeat left 2.5px;} .formbody {width:63%; position:relative;} .formbody input {border:1px solid #d9d9d9; font-size:0.5rem; color:#333; margin-bottom:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .basicinfo input {display:block; float:left; width:31.5%; margin-right:2.75%; height:43px; text-indent:18px;} .basicinfo input:nth-of-type(3) {margin-right:0;} .formbody input.address {width:100%; height:43px; text-indent:18px;} .formbody textarea {width:100%; height:158px; padding:15px 18px;border:1px solid #d9d9d9; margin-bottom:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .formbody input.button {display:inline-block; vertical-align:middle; width:120px; height:40px; color:#fff; background:#1f2c5c url(/uploads/image/epgimages/return-jt.png) no-repeat 87px center; text-align:left; text-indent:21px;} .formbody input.button:hover {background:#1f2c5c url(/uploads/image/epgimages/return-jt.png) no-repeat 90px center; cursor:pointer;} .codebox {display:inline-block; vertical-align:middle; margin-left:30px; font-size:0.5rem; color:#333;} .codebox input.code {width:98px; height:38px; text-indent:18px;} .codebox .codepic {width:74px; height:30px; margin:0 10px;} .codebox a {font-size:0.5rem; color:#1f2c5c; text-decoration:underline;} .gdinfo {width:31%;} .gdinfo .lxinfo {border:none; margin:0; padding:0.5rem 0 0.8rem 0;} .gdinfo .cn_name {font-size:0.65rem; color:#1f2c5c; margin-top:-5px;} .gdinfo .lxinfo p {padding:0; background:none; margin-bottom:0.4rem;} .focus {font-size:0.5rem; color:#333; margin-bottom:15px;} .focus a {display:inline-block; vertical-align:middle; width:22px; height:18px; margin:0 8px;} .focus a.weibo {background:url(/uploads/image/epgimages/weibo.png) no-repeat center;} .focus a.qq {background:url(/uploads/image/epgimages/qq.png) no-repeat center;} .focus a.weixin {background:url(/uploads/image/epgimages/weixin.png) no-repeat center;} .qrcode li {display:inline-block; vertical-align:top; margin-right:10px; max-width:40%; text-align:center;} .focus a:hover {opacity:0.8;} .qrcode li img {width:auto; max-width:100%;} img.baidumap_pic {width:80%; margin-bottom:2.85rem;margin-left:10%;} /* =====响应style===== */ @media (max-height:768px){ .three_content .title,.four_content .top {margin-top:2rem;} .four_content h2.cn_title {margin:1rem 0;} .common_a {line-height:50px;}.common_b {height:6rem;} } @media (max-width:1366px){ .pc_head .language {right:70px;} .pc_nav {margin: 0 70px 0 15.5%;} .ides_new_page li h3 br {display:none;} } @media (max-width:1200px){ .pc_nav .yiji {padding:21px 15px 18px 0.5rem;} .news_lists li .number {font-size:1.5rem;}.news_lists li .describe {width:71%;}.news_lists li {margin-bottom:1.1rem;} .item_pro .protext .text {padding-bottom:40px;} .item_pro .protext h2 {padding-top:0;} #owl_nav {bottom:0;} .job_body .see_detail {bottom:0.7rem;} .mission .text {padding-bottom:20px;} .cg_show .norminfo {padding:0 10% 0 5%;} .policy .pic {width:2.7rem; height:2.7rem;}.policy .pic img {width:60%;} .ides_new_page li h3 {font-size:18px;}.ides_new_page li p {font-size:0.5rem;} .yfinfo_a .text-center {padding:1rem 5%;} .yfinfo_a img {width:130%; margin-left:-15%;} .cg_show img {width:170%; margin-left:-35%;} } @media (max-width:1100px){ .yfinfo_a img {width:150%; margin-left:-30%;} .pc_nav li {max-width:160px;} } @media (max-width:1000px){ .mo_head {display:block;}.pc_head {display:none;} .pc_head .wrap {width:96%;}.pc_nav .yiji {padding: 21px 1.5rem 18px 0.25rem;}.pc_nav .nav_body {padding: 25px 0 35px 0.25rem;} .common_a {line-height:50px;}.common_b {height:6rem; min-height:140px;} .one_content .item {background-position:70% 50%;}.index_product {background-position:80% 50%;}.page_four {background-position:100% 50%;} #container .item {width:50%;} .job_body .text p {-webkit-line-clamp:1;} .fx_body .xz {width:105px;} .history_body {width:100%;} .inner_menu li a {padding-right:2rem;} .codebox {margin-left:0;}.codebox input.code {width:70px;} .idea_info .text {padding:0.5rem;} .lift_lists li,.lift_lists li:nth-of-type(3n) {width:48%; margin-right:4%;} .lift_lists li:nth-of-type(2n){margin-right:0 !important;} .cg_show>div {width:100%; margin:0 !important;}.cg_show .norm {position:static !important; width:100% !important;} .cg_show .norminfo {top:0; padding:30px 20px; -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } .periodical li,.periodical li:nth-of-type(4n) {width:31%; margin-right:3.5%;} .periodical li:nth-of-type(3n) {margin-right:0;} .zs_lists li,.zs_lists li:nth-of-type(5n) {width:22.75%; margin-right:3%;} .zs_lists li:nth-of-type(4n) {margin-right:0;} .policy .pic {width:2.4rem; height:2.4rem;} .ides_new_page li h3 {font-size:16px;}.ides_new_page li p {font-size:12px; min-height:50px;} .ides_new_page li a {background-size:80% !important; right:0.5rem;} .yfbox .wrap>div {width:100%;} .yfinfo_a img {width:100%; margin-left:0;} .yfinfo_b .text {position:static;} .yfbox .text-center {font-size:14px;} .yfinfo_b .text-center {top:0; padding:20px 0 0 0; font-size:14px; -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } .yfbox h2 {position:absolute; top:-33px; left:0; padding:0 0 10px 0;} .cg_show img {width:100%; margin:0;} .news_show .news_title {font-size:16px;} .index_search {width:96%;} .index_search .ss_box {width:68%;} .ides_new_page li h3 {padding: 0.72rem 53px 0.72rem 0;} .ides_new_page a span {padding:0 13%; font-size:15px;} } @media (max-width:768px){ .pc_head {display:none;} .mo_head {display:block;} .page_two .slick-next {width:91%;} .one_content .owl-item .text {width:91%; left:0; right:0; margin:0 auto;} .two_a .describe {max-width:50%;}.two_b {width:91%;} .three_content {position:static; padding:0 0 40px 0; -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } .inner_contenter {padding-top:60px;} .inner_baner .text {top:50%;} .news_show,.news_lists {float:none; width:81%; padding:0; margin:0 auto;}.news_show {margin-bottom:20px;}.news_lists li .time {line-height:9px;} .talent_info {width:100%;} .link_web li {height:43px; line-height:43px;}.company_relate {margin:25px auto;} #container .item {width:100%;} .news_detailbox,.tuijian_news {width:100%; margin:0;} .item_pro .maxpro,.item_pro .protext {width:100%; padding:0;} .mission .pic,.mission .text {width:100%;} .wel_detail li {width:100%; margin:0 !important; height:auto !important;} .idea_info {width:67%; margin-left:33%;} .idea_info .text {padding:15px 20px;} .policy ul {text-align:center;} .inner_menu .wrap {padding-left:24px;} .policy ul li {float:none; display:inline-block;} .inner_menu {height:auto;}.inner_menu li {width:20%; text-align:center;} .inner_menu li a {font-size:12px; padding:0;} .inner_menu .promenu li,.inner_menu .newmenu li {width:35%;}.inner_menu .rczpmenu li,.inner_menu .lxmenu li {width:31%;} .guangdong,.yingde {width:100%; padding:0;}.our_info .cn_name,.gdinfo .cn_name {font-size:16px;} .formbody,.gdinfo {width:100%;} .periodical li,.periodical li:nth-of-type(4n) ,.periodical li:nth-of-type(3n) {width:48%; margin-right:4% !important;} .periodical li:nth-of-type(2n) {margin-right:0 !important;} .about_company>div {width:100% !important; border:none;}.gs_honor>div {padding:0;} .gspro {width:100%; margin-bottom:30px;} .gs_exit,.gs_quality {width:100%; border:none;}.policy {padding:0; margin-bottom:60px;} .go_history {top:5px;} .close_tc2 {background-size:60%;} .ides_new_page li {width:100%;} .fx_body .pic img {width:180%; margin-left:-40%;} .honorzs_lists li,.honorzs_lists li:nth-of-type(4n) {width:47%; float:left; margin-right:6%;} .honorzs_lists li:nth-of-type(2n) {margin-right:0;} .job_body .job_tit {font-size:15px; margin-bottom:10px;} .policy .pic {width:4rem; height:4rem;} /* .page_two.section:before{content:""; display:block; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;} */ .ides_new_page li h3 {padding: 0.72rem 71px 0.72rem 0;} .section {height:auto !important;} } @media (min-width:641px){ .min_wrapper {background-image:none !important;} } @media (max-width:640px){ .one_content .en_title {font-size:12px;} .index_product {background-image:none !important;} .min_wrapper {background-position:center; background-size:cover; background-repeat:no-repeat;} .two_a .describe {max-width:100%;}.two_a {padding-top:2rem;} .three_content .top,.news_show,.news_lists {width:100%;}.news_lists li .describe {line-height:22.8px;} .four_content {position:static; webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } .four_content .top {margin-bottom:30px; padding-top:50px; position:static;} .four_content h3.en_title {top:auto; bottom:-140px; right:4.5%;} .link_web li {width:25%;}.company_relate p {line-height:24px;}.company_relate .logo {position:static; margin-top:10px;} .inner_baner .cn_webtitle {font-size:1.2rem; margin-bottom:10px;} .job_body li .job_info {margin:0 !important;} .page_number a,.page_number span {width:36px; height:36px; line-height:36px;} .job_detail {width:83%;} .fx_body .pic,.fx_body .text {width:100%; padding:0; position:static; margin-bottom:10px; -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } .zh_body .pic {width:100%; max-width:100%; margin:30px 0 !important} .gd_body .pic_body {width:100%; margin:20px 0;} .star {background-position:left bottom;} .even {background-position:10.5px top; width:100%;} .nxfd-l a,.nxfd-r a {margin-left:0;background-position:5.5px top; text-align:left; padding-left:70px;} .nxfd-l,.nxfd-r {width:100%;} .year_incident .year,.his_info {float:none !important; position:static; width:100%; text-align:left;} .year_incident .year span {padding-left:70px; margin-bottom:20px;} .year_incident {margin-bottom:40px;} .year_incident .his_info {margin-top:20px;} .idea_body {background-image:none !important;} .idea_body_bg {display:block; width:100%; height:180px; background-position: center top; background-size:cover; background-repeat:no-repeat;} .idea_info {width:100%; margin-left:0; position:relative; top:-30px; z-index:2;} .baidumap {height:320px;} .basicinfo input {width:100%; margin:0 0 20px 0;} .formbody input.button {position:absolute; bottom:0; left:0;}.formbody {padding-bottom:60px; margin-bottom:20px;} .idea_maxbg {padding-bottom:0;}.idea_info {padding:20px 0;}.idea_body .wrap {top:0;}.idea_body {height:auto !important;} .lift_lists li {width:100% !important; margin-right:0 !important;}.lift_lists li .text {bottom:0;} .policy .pic {width:70px; height:70px;} .zs_lists li,.zs_lists li:nth-of-type(4n),.zs_lists li:nth-of-type(5n) {width:31%; margin-right:3.5%;} .zs_lists li:nth-of-type(3n) {margin-right:0;} .job_body li {width:100%;} .job_body .job_tit {font-size:16px;} .job_body .job_des {font-size:14px;} .link_web li a {font-size:14px;} .company_info {margin-top:10px;} .company_relate p span {margin-left:0; width:100%;} img.baidumap_pic {width:150%; margin-left:-25%;} .three_content .title {margin:1.5rem 0 1rem 0;} .pro_use ul li {width:32%; margin-right:2%;} .pro_use ul li:last-of-type {margin-right:0;} .tuijian_news {display:none;} } @media (max-width:413px){ .two_a .describe {margin:0.5rem 0;}.two_a .describe {line-height:22px; color:#333;}.two_b {bottom:2rem;}.page_two #nav {bottom:2rem;} .four_content h3.en_title {bottom:-100px;} .four_content h1.cn_title {font-size:16px;}.four_content h2.cn_title {font-size:14px;}.four_content h3.en_title {font-size:18px;} .mo_nav li {line-height:48px;} .mo_nav li a.yiji {font-size:16px;} .mo_nav .nav_body a {line-height:45px; font-size:14px;} .nxfd-l a, .nxfd-r a,.year_incident .year span {padding-left:30px;} .policy .pic {width:53px; height:53px;} .four_content .top {padding-top:0;} } @media (min-height:560px) and @media (max-height:660px){ .page_four{padding-bottom:60px;} } @media (max-height:560px){ .page_two,.min_wrapper {min-height:640px !important;} .page_four{padding-bottom:160px;} } /* =====动画效果===== */ @media (min-width:769px){ .three_content .top,.four_content .top,.news_show,.news_lists,.common_a,.common_b,#container .item { -webkit-transition: opacity .7s,transform .7s; -moz-transition: opacity .7s,transform .7s; -ms-transition: opacity .7s,transform .7s; -o-transition: opacity .7s,transform .7s; transition: opacity .7s,transform .7s; } .three_content .top,.four_content .top {opacity:0; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } .news_show {opacity:0; -webkit-transform: translatex(-50%); -moz-transform: translatex(-50%); -ms-transform: translatex(-50%); -o-transform: translatex(-50%); transform: translatex(-50%); } .news_lists {opacity:0; -webkit-transform: translatex(50%); -moz-transform: translatex(50%); -ms-transform: translatex(50%); -o-transform: translatex(50%); transform: translatex(50%); } .common_a,.common_b,#container .item{opacity:0; -webkit-transform: translatey(50%); -moz-transform: translatey(50%); -ms-transform: translatey(50%); -o-transform: translatey(50%); transform: translatey(50%); } .three_content .top.animaper-active,.four_content .top.animaper-active, .news_show.animaper-active,.news_lists.animaper-active, .common_a.animaper-active,.common_b.animaper-active,#container .item.animaper-active, .inner_contenter .footer {opacity:1; -webkit-transform: translatex(0); -moz-transform: translatex(0); -ms-transform: translatex(0); -o-transform: translatex(0); transform: translatex(0); -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } }