/*棣栭〉*/ * { padding: 0; margin: 0; outline: 0; font-family: "寰蒋闆呴粦", arial; text-decoration: none; list-style: none; font-size: 16px; } p{line-height: 26px !important;} h1,h2,h3,h4,h5{font-weight: normal;} .banners .jssorb01 { position: absolute; padding: 2px 0px; } .banners .jssorb01 div{ position: absolute; width: 10px; height: 10px; cursor: pointer; border:1px solid #fff; border-radius: 100%; margin: 0 8px; } .banners .jssorb01 div:before{ position: absolute; width: 4px; height: 4px; left: 50%; top:50%; margin: -2px 0 0 -2px; content: ""; background: #fff; border-radius: 100%; /*cursor: pointer;*/ /*background: url(../images/jssorb01.png) no-repeat center center;*/ /*margin: 0 6px;*/ display: none; } .banners .jssorb01 div:hover:before, .banners .jssorb01 .av:before{ /*position: absolute;*/ /*width: 20px;*/ /*height: 14px;*/ /*cursor: pointer;*/ /*background: url(../images/jssorb01_av.png) no-repeat center center;*/ display: block; } .ullia { margin: 80px auto; overflow: hidden; position: relative; display: flex; justify-content: space-between; } .ullia li { width: 31%; margin-right: 3.5%; width: 385px; float: left; text-align: center; cursor: pointer; background: #fff; overflow: hidden; } .ullia li:last-child{margin-right: 0;} .ullia1.ams { transform: translateX(106%); -webkit-transform: translateX(106%); -ms-transform: translateX(106%); -moz-transform: translateX(106%); transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; opacity: 0; } .ullia1.ams.animation_ed, .ullia3.ams.animation_ed { transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; opacity: 1; } .ullia2 { position: relative; z-index: 2; } .ullia3.ams { transform: translateX(-106%); -webkit-transform: translateX(-106%); -ms-transform: translateX(-106%); -moz-transform: translateX(-106%); transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; opacity: 0; } .ullia li .ams-title { display: block; font-family: "寰蒋闆呴粦"; font-size: 20px; color: #44454b; margin-bottom: 32px; } .ullia li div.divv, .ullia li .ams-title { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .ullia li div.divv p { /*padding:0 50px;*/ color: #676767; } .ullia li a { display: block; border-bottom: 1px solid #c7c7c7; padding-bottom: 0px; position: relative; background: #fff; width: 285px;max-width: 100%;margin: 0 auto; } .ullia li a:after { content: ""; height: 1px; width: 0px; background: #000000; position: absolute; bottom: -1px; left: 0px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .ullia li:hover .divv { color: #4b4b4b; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .ullia li:hover a:after { width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .ullia li div.divv { text-align: center; letter-spacing: 1px; line-height: 18px; padding: 5px 0px 20px 0px; overflow: hidden; color: #8e8e8e; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .ullia li .divv2 { width: 114px; height: 114px; margin: 0 auto 20px; position: relative; background: #cbcbca; border-radius: 50%; transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); -moz-transform: matrix(1, 0, 0, 1, 0, 0); -o-transform: matrix(1, 0, 0, 1, 0, 0); transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; background-color: #f1f1f1; } @media only screen and (min-width: 640px) { .ullia li:hover .divv2 { transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, 0); -webkit-transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, 0); -moz-transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, 0); -o-transition-transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, 0); transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; background-color: #bdbdbd; background-size: 80% 80%; } } .ullia li img { display: none; } .ullia li .syicon1 { background: url(../images/syicon1.png)no-repeat center center; background-size: 88% 88%; background-color: #f1f1f1; } .ullia li .syicon4 { background: url(../images/syicon4.png)no-repeat center center; background-size: cover; background-size: 88% 88%; background-color: #f1f1f1; } .ullia li .syicon5 { background: url(../images/syicon5.png)no-repeat center center; background-size: cover; background-size: 88% 88%; background-color: #f1f1f1; } .index_new { overflow: hidden; background: url(../images/zzz.jpg); } .index_new_tb { width: 100%; background: url(../images/linebg3.jpg) repeat-x bottom; padding: 17px 0px 14px 0px; margin-bottom: 3px; overflow: hidden; height: 25px; } .in_title { /*max-width: 92%;*/ overflow: hidden; /*margin-left: auto;*/ /*margin-right: auto;*/ /*padding: 0px 10px;*/ margin: 0 auto; } .index_new_tb{padding-bottom: 35px;} .NewBox { overflow: hidden; /*max-width: 92%;*/ /*padding: 0px 10px;*/ /*margin: auto;*/ /*margin-bottom: 35px;*/ margin: 35px auto; } .NewBox .hd { margin-bottom: 6px; /*padding: 0px 11px;*/ } .NewBox .hd, .NewBox .hd ul { overflow: hidden; } .NewBox .hd ul li { overflow: hidden; display: inline-block; color: #a5a5a5; padding-left: 27px; padding-right: 25px; float: left; cursor: pointer; background: url(../images/line4.jpg) no-repeat left center; line-height: 40px; } .NewBox .hd ul li.first { padding-left: 0; background: none; } .NewBox .hd ul li.on { color: #000; } .in_title img { float: left; } .NewBox .bd{ overflow: hidden; /*max-width: 92%;*/ height: auto !important; /*width: 100% !important;*/ margin: 0 auto; } .NewBox .bd ul li { position: relative !important; height: auto !important; top: 0px !important; overflow: hidden; } .NewBoxs { overflow: hidden; display: block; width: 23.5%; margin-right: 2%; float: left; padding-bottom: 10px; } .NewBoxs:last-child{margin-right: 0;} .NewBoxs1.ams { transform: translateX(-300%); -webkit-transform: translateX(-300%); -ms-transform: translateX(-300%); -moz-transform: translateX(-300%); transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; opacity: 0; } .NewBoxs2.ams { transform: translateX(-150%); -webkit-transform: translateX(-150%); -ms-transform: translateX(-150%); -moz-transform: translateX(-150%); transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; opacity: 0; } .NewBoxs3.ams { transform: translateX(150%); -webkit-transform: translateX(150%); -ms-transform: translateX(150%); -moz-transform: translateX(150%); transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; opacity: 0; } .NewBoxs4.ams { transform: translateX(300%); -webkit-transform: translateX(300%); -ms-transform: translateX(300%); -moz-transform: translateX(300%); transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; opacity: 0; } .NewBoxs1.animation_ed, .NewBoxs2.animation_ed, .NewBoxs3.animation_ed, .NewBoxs4.animation_ed { transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; opacity: 1; } .NewBoxs a { display: block; overflow: hidden; } .NewBoxs a { display: block; overflow: hidden; } .NewBoxs .img { overflow: hidden; } .NewBoxs .img img { float: left; width: 100%; } .NewBoxs .img { overflow: hidden; } .NewBoxs .img img { float: left; width: 100%; } .NewBoxs .name { overflow: hidden; font-weight: bold; color: #4b4b4b; letter-spacing: 1px; line-height: 24px; /*font-size: 14px;*/ padding-top: 5px; padding-bottom: 3px; } .NewBoxs .txt { overflow: hidden; color: #646464; letter-spacing: 1px; line-height: 22px; max-height: 44px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; } .NewBoxs .txt_b { overflow: hidden; padding: 5px 5px 10px 5px; } .news_brand { overflow: hidden; padding-bottom: 20px; /*max-width: 92%;*/ /*padding-left: 12px;*/ /*padding-right: 12px;*/ /*margin-left: auto;*/ /*margin-right: auto;*/ margin:0 auto 3%; } .news_brand .leftbox, .news_brand .rightbox { position: relative; overflow: hidden; } .news_brand .leftbox { width: 30.2%; float: left; } .news_brand .rightbox { width: 59.5%; float: right; } .news_brand .leftbox .title, .news_brand .rightbox .title { width: 100%; padding-bottom: 6px; background: url(../images/newstitlebg.jpg) repeat-x bottom center; margin-bottom: 20px; height: 52px; line-height: 52px; } .news_brand .leftbox .title span, .news_brand .rightbox .title span { font-size: 18px; /* padding-bottom: 6px; */ border-bottom: 1px solid #949494; clear: right; display: block; float: left; line-height: 56px; } .news_brand .leftbox .title a, .news_brand .rightbox .title a { width: 22px; height: 10px; float: right; background: url(../images/morebtn.jpg) no-repeat center; margin-top: 30px; margin-right: 5px; } .newnewsct { width: 100%; overflow: hidden; } .newnewsct div { /*padding-left: 120px;*/ position: relative; line-height: 1.6em; } .newnewsct div span { position: absolute; right: 0; bottom: -15px; color: #000000; } .newnewsct div p, .newnewsct div span { color: #8e8e8e } .newnewsct div p { line-height: 18px; /*height: 76px;*/ overflow: hidden; text-align: justify; font-size: 14px;color: #8c8c8c; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; } .news_brand .rightbox ul { width: 100%; overflow: hidden; } .news_brand .rightbox ul li { width: 47%; float: left; margin-bottom: 20px; line-height: 16px; margin-right: 6%; overflow: hidden; } .news_brand .rightbox ul li:nth-child(even){margin-right: 0;} .news_brand .rightbox ul li:nth-last-of-type(1){margin-bottom: 0;} .news_brand .rightbox ul li:nth-last-of-type(2){margin-bottom: 0;} .news_brand .rightbox ul li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; color: #545454; padding-right: 100px; } .news_brand .rightbox ul li.lastli { float: right; } .news_brand .rightbox ul li a { color: #545454 } .news_brand .rightbox ul li a:hover { color: #000000 } .news_brand .rightbox ul li span { position: absolute; right: 0;top:0;font-size: 14px;color: #545454; } .news_brand .rightbox ul li a { transition: color 100ms, 500ms; -webkit-transition: color 100ms, 500ms; -moz-transition: color 100ms, 500ms; -o-transition: color 100ms, 500ms; } .changebox .spanone { font-size: 24px; color: #545454; display: block; line-height: 90px; } .spanone_top { height: 2px; width: 100%; background: url(../images/spanone.png); } .logobox { width: 100%; position: relative; margin: 35px auto; overflow: hidden; } .logobox.ams { transform: translateY(120%); -webkit-transform: translateY(120%); -ms-transform: translateY(120%); -moz-transform: translateY(120%); opacity: 0; transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; } .logobox.ams.animation_ed { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); opacity: 1; transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; } .logobox a { float: left; width: 16.66%; margin-left: -1px; height: 70px; position: relative; display: block; border-top: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; } .logobox a img { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; width: 120px; height: 55px; } .logobox img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .logobox a:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); } .logobox a:hover .info { transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -1, 0.00166, 0, 0, 0, 1); transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transform-origin: left; opacity: 1; } .logobox_1, .logobox_2, .logobox_3, .logobox_4, .logobox_5, .logobox_6 { border-top: none !important; } .logobox_s { border-right: none !important; } .changebox { background: url(../images/zzz.jpg); overflow: hidden; } .ul_share { max-width: 1170px; margin: 2% auto 2.5%; overflow: hidden; } .ul_share1.ams { ransform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -moz-transform: translateX(-100%); transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; } .ul_share1.animation_ed { transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; } .ul_share2.ams { ransform: translateY(-130%); -webkit-transform: translateY(-130%); -ms-transform: translateY(-130%); -moz-transform: translateY(-130%); transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; } .ul_share2.animation_ed { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; } .ul_share3.ams { ransform: translateX(100%); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -moz-transform: translateX(100%); transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; } .ul_share3.animation_ed { transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; } .ul_share li { width: 31%; float: left; margin: 15px 1.3%; text-align: center; position: relative; overflow: hidden; } .ul_share li.addshare { transform: scale(1)!important; -webkit-transform: scale(1)!important; -moz-transform: scale(1)!important; -ms-transform: scale(1)!important; } .ul_share li .spanone { margin-bottom: 6%; } .ul_share li .spanone img { width: 45%; } .ul_share li .spanone2 { overflow: hidden; } .ul_share li .spanone2 img { width: 95%; } .ul_share li.lastli { margin-right: 0; } .ul_share li span { display: block; } .ul_share li div.diva { background: #f7f7f7; text-align: left; padding: 25px 20px; letter-spacing: 1px; margin-top: 10px; } .ul_share li a { color: #8e8e8e; } .ul_share li div.divb { width: 100%; height: 100%; } .ul_share li div.divb img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .ul_share li a:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); } .ul_share li a:hover { transition: color 200ms, 1s; -webkit-transition: color 200ms, 1s; -moz-transition: color 200ms, 1s; color: #000000; } .tr_all { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .link_friend { overflow: hidden; /*max-width: 92%;*/ /*margin-left: auto;*/ /*margin-right: auto;*/ padding: 30px 0; margin:0 auto; text-align: justify; } .link_friend a { color: #8e8e8e; font-size: 14px; line-height: 24px; display: inline-block; margin: 1px 6px; white-space: nowrap; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .link_friend a:hover { color: #000; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .guangyu { overflow: hidden; background: #fbfbfb; } .guangyu .top { overflow: hidden; font-size: 20px; color: #000; /*margin-top: 18px;*/ /*margin-bottom: 5px;*/ line-height: 45px; max-width: 92%; /*margin-left: auto;*/ /*margin-right: auto;*/ /*padding-left: 10px;*/ /*padding-right: 10px;*/ margin: 18px auto 5px; } .guangyu .top span { font-size: 15px; color: #cacaca; margin-left: 5px; } .guangyu_li { overflow: hidden; /*padding: 0px 18px;*/ } #cd-timeline { position: relative; padding: 2em 0; /*margin-top: 2em;*/ /*margin-bottom: 2em;*/ /*margin-left: auto;*/ /*margin-right: auto;*/ margin: 2em auto; /*max-width: 92%;*/ } #cd-timeline::before { content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: #cacaca; } .hn_main { overflow: hidden; } .hn_main .hn1 { overflow: hidden; padding-top: 55px; padding-left: 15px; padding-right: 15px; margin-bottom: 80px; } .hn_main .hn1 .title { overflow: hidden; text-align: center; font-size: 61px; color: #000000; margin-bottom: 10px; } .hn_main .hn1 .hn1_1 { overflow: hidden; text-align: center; font-size: 20px; color: #0b76c0; margin-bottom: 19px; } .hn_main .hn1 .hn1_2 { overflow: hidden; text-align: center; font-size: 14px; color: #000000; margin-bottom: 42px; } .hn_main .hn1 .hn1_3 { overflow: hidden; text-align: center; } .hn1_txt { max-width: 970px; overflow: hidden; margin-left: auto; margin-right: auto; margin-top: 50px; } .hn1_txt_l { float: left; overflow: hidden; width: 50%; margin-top: 7.2%; } .hn1_txt_l .txt { overflow: hidden; color: #313131; line-height: 24px; width: 90%; background: url(../images/hn1_txt_l.png) no-repeat bottom right; padding-bottom: 95px; } .hn1_txt_r { float: left; overflow: hidden; width: 50%; text-align: center; } .hn1_txt_r img { overflow: hidden; max-width: 98%; } .hn_main .hn2 { overflow: hidden; max-width: 970px; margin-left: auto; margin-right: auto; background: url(../images/hn2.jpg) no-repeat top center; padding-top: 65px; } .hn_main .hn2 .title { text-align: center; font-size: 61px; color: #000000; margin-bottom: 9px; } .hn_main .hn2 .txt { text-align: center; font-size: 20px; color: #0b76c0; margin-bottom: 48px; } .hn2 .video_b { overflow: hidden; background: url(../images/video_b.png) no-repeat center center; margin: auto; width: 721px; height: 457px; margin-bottom: 40px; } .video_main { overflow: hidden; width: 710px; height: 400px; margin-left: 6px; margin-top: 7px; position: relative; background-position: center center; background-repeat: no-repeat; } .video_main .to_play { position: absolute; background: url(../images/to_play.png) no-repeat center center; width: 161px; height: 161px; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; z-index: 1; cursor: pointer; } .video_li { overflow: hidden; margin-bottom: 50px; } .video_lis { overflow: hidden; display: block; float: left; border-top: 6px solid #fff; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; margin-right: 24px; } .video_lis:hover { border-top: 6px solid #0998ea; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .video_lis.last { margin-right: 0px; } .video_lis .img { width: 224px; height: 131px; overflow: hidden; background-repeat: no-repeat; background-position: center center; position: relative; margin-top: 14px; } .video_lis .img .to_play { background: url(../images/to_play2.png) no-repeat center center; width: 75px; height: 75px; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; cursor: pointer; } .video_lis .name { text-align: center; font-size: 13px; color: #000000; line-height: 20px; padding: 8px 5px; } .hn_main .hn3 { overflow: hidden; margin-left: auto; margin-right: auto; background: url(../images/hn2.jpg) no-repeat top center; padding-top: 65px; } .hn_main .top { background: url(../images/hn2.jpg) no-repeat top center; } .yingxiao { overflow: hidden; } .yingxiao .yx1 { overflow: hidden; width: 100%; text-align: center; background: url(../images/page8_bg.jpg); height: 650px; position: relative; } .yingxiao .yx1 .title { font-size: 28px; font-family: 寰蒋闆呴粦; color: #fff; line-height: 32px; margin-bottom: 22px; } .yingxiao .yx1 .txt1 { font-size: 15px; color: #333; color: #dadadb; line-height: 22px; margin-bottom: 7px; } .yingxiao .yx1 .txt2 { font-family: Arial; color: #b6b7b9; line-height: 18px; margin-bottom: 7px; } .page1_img { width: 100%; margin: 0 auto; text-align: center; position: absolute; bottom: -33%; left: 0px; z-index: 10; } .page1_img img { max-width: 80%; } .page1_b { overflow: hidden; padding: 15px 20px; margin-top: 6.5%; } .yingxiao .yx2 { position: relative; z-index: 6; overflow: hidden; background: #ffffff; padding-bottom: 3%; } .yx_title { font-family: "寰蒋闆呴粦"; font-size: 28px; color: #646464; text-align: center; line-height: 40px; margin-top: 3%; margin-bottom: 1.5%; } .yx_txt { line-height: 2.4em; padding: 0px 15px; text-align: center; color: #333; overflow: hidden; } .yx2_img { overflow: hidden; text-align: center; } .yx2_img img { max-width: 100%; } .yingxiao .yx2 .yx_txt { margin-bottom: 30px; } .yingxiao .yx3 { overflow: hidden; max-width: 1000px; margin-left: auto; margin-right: auto; } .yingxiao .yx3 { overflow: hidden; background: url(../images/brand_mar_titlebg.png) no-repeat center top; padding-top: 30px; } .yx3_b { overflow: hidden; padding: 4% 0px; } .yx3_b .lft { float: left; overflow: hidden; width: 45%; } .yx3_b .lft .lft_b { overflow: hidden; padding-top: 15%; width: 64%; text-align: justify; } .yx3_b .rft { float: right; overflow: hidden; width: 55%; } .yx3_b .rft img { float: right; max-width: 100%; } .yx_txt2 { overflow: hidden; color: #333; line-height: 2em; } .yx_txt2 .bs { color: #000000; font-size: 16px; padding-bottom: 1em; } .yingxiao .yx4 { overflow: hidden; background: url(../images/brand_mar_titlebg.png) no-repeat center top; padding-top: 40px; max-width: 1000px; margin-left: auto; margin-right: auto; padding-bottom: 4%; } .yingxiao .yx4 .yx_txt { margin-bottom: 4.5%; } .yingxiao .yx4_b { overflow: hidden; } .yingxiao .yx4_b .lft { overflow: hidden; float: left; width: 55%; } .yingxiao .yx4_b .lft img { float: left; max-width: 100%; } .yingxiao .yx4_b .rft { overflow: hidden; float: left; width: 40%; margin-left: 5%; margin-top: 2%; } .yingxiao .yx4_b .rft .bs { padding-bottom: 4px; } .yingxiao .yx5 { overflow: hidden; background: url(../images/brand_mar_titlebg.png) no-repeat center top; padding-top: 40px; max-width: 1000px; margin-left: auto; margin-right: auto; padding-bottom: 4%; } .yingxiao .yx5 .yx_txt { margin-bottom: 5%; } .yx5_list { overflow: hidden; } .yx5_list li { overflow: hidden; float: left; overflow: hidden; width: 33.3%; text-align: center; } .yx5_list li img { max-width: 90%; margin-bottom: 9.5%; } .yx5_list li .title { font-size: 16px; color: #000000; line-height: 24px; overflow: hidden; margin-bottom: 11px; } .yx5_list li .txt { line-height: 18px; width: 68%; margin-left: auto; margin-right: auto; text-align: justify; color: #333; overflow: hidden; text-align: left; } .yingxiao .yx6 { overflow: hidden; margin-left: auto; margin-right: auto; background: url(../images/brand_zsbg.jpg); } .yx6_top { background: url(../images/yx6_top.png) no-repeat center top; overflow: hidden; height: 30px; width: 100%; } .yx6_list { overflow: hidden; max-width: 960px; margin-left: auto; margin-right: auto; padding: 2.5% 0px 2% 0px; } .yx6_list li { float: left; width: 33.3%; overflow: hidden; text-align: center; } .yx6_list li .title { font-size: 18px; color: #000000; line-height: 22px; padding: 5% 0px; } .yx6_list li img { max-width: 95%; } .yingxiao .yx7 { overflow: hidden; margin-left: auto; margin-right: auto; max-width: 1000px; padding-bottom: 3%; padding-top: 2%; } .yingxiao .yx7 .yx_txt { margin-bottom: 5%; } .yx7_b .lft { float: left; width: 36%; padding-top: 5%; } .yx7_b .lft img { max-width: 100%; } .yx7_b .rft { float: right; width: 55.5%; } .yx7_b .rft img { max-width: 100%; } @media only screen and (min-width: 1170px) { #cd-timeline::before { left: 50%; margin-left: -2px; } } .cd-timeline-block { position: relative; margin: 2em 0; } .cd-timeline-block:after { content: ""; display: table; clear: both; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } @media only screen and (min-width: 1170px) { .cd-timeline-block { margin: 4em 0; background: #79; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } } .cd-timeline-img { position: absolute; top: 0; left: 0; width: 50px; line-height: 50px; text-align: center; height: 50px; border-radius: 50%; box-shadow: 0 0 0 4px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); background: #737373; color: #fff; font-size: 18px; font-family: arial; margin-left: -5px; } @media only screen and (min-width: 1170px) { .cd-timeline-img { width: 70px; height: 70px; line-height: 73px; left: 50%; margin-left: -35px; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; background: #737373; color: #fff; font-size: 22px; font-family: arial; } .cssanimations .cd-timeline-img.is-hidden { visibility: hidden; } .cssanimations .cd-timeline-img.bounce-in { visibility: visible; -webkit-animation: cd-bounce-1 0.6s; -moz-animation: cd-bounce-1 0.6s; animation: cd-bounce-1 0.6s; } } @-webkit-keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes cd-bounce-1 { 0% { opacity: 0; -moz-transform: scale(0.5); } 60% { opacity: 1; -moz-transform: scale(1.2); } 100% { -moz-transform: scale(1); } } @keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .cd-timeline-content { position: relative; margin-left: 60px; background: #ffffff; border-radius: 0.25em; padding: 1.5%; box-shadow: 0px 1px 3px #cacaca; } .cd-timeline-content:after { content: ""; display: table; clear: both; } .cd-timeline-content h2 { color: #303e49; } .cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { /*font-size: 13px;*/ color: #777; } .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { display: inline-block; } .cd-timeline-content p { margin: 1em 0; line-height: 1.6; } .cd-timeline-content .cd-read-more { float: right; padding: .8em 1em; background: #acb7c0; color: #ffffff; border-radius: 0.25em; } .no-touch .cd-timeline-content .cd-read-more:hover { background-color: #bac4cb; } .cd-timeline-content .cd-date { float: left; padding: .8em 0; opacity: .7; } .cd-timeline-content::before { content: ''; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid #ffffff; } .titlaeone { width: 100%; background: url(../images/linebg3.jpg) repeat-x bottom; padding: 15px 0; margin-top: 10px; } .titleaa_box { max-width: 1130px; margin: 0 auto; overflow: hidden; padding-left: 15px; padding-right: 15px; } .titleaa_box img { float: left; } ._brand_mar_bg._brand_mar_bgr { background: #f6f6f6; padding-bottom: 0; } ._brand_mar_bg { background: #ffffff; } ._brand_mar_bg { width: 100%; padding-bottom: 60px; } .jianshe { overflow: hidden; position: relative; z-index: 15; background: #fff; padding: 35px 0px; } .jianshe_b { /*max-width: 92%;*/ overflow: hidden; margin: auto; } .js_li { text-align: center; margin: 15px 3.5% 15px 0; padding: 0; width: 31%; float: left; } .js_li:nth-child(3n){margin-right: 0;} .js_li h2 { width: 100%; display: block; font-size: 18px; color: #262626; text-align: center; margin-bottom: 16px; font-weight: normal; } .js_li p { color: #838383; cursor: pointer; position: relative; overflow: hidden; line-height: 18px; padding: 5px 0; text-align: left; height: 104px; } .js_li img { margin-bottom: 15px; } ._brand_mar_bgs { margin-top: -50px; height: 650px; background: url(../images/jianshe.jpg); background-size: 100% 100%; background-image: url('http://www.ciya.cn/images/jianshe.jpg'); background-size: cover; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.ciya.cn/images/jianshe.jpg', sizingMethod='scale'); } ._brand_mar_bg .pape1 { width: 100%; text-align: center; position: absolute; top: 166px; z-index: 1; } ._brand_mar_bg .pape1 .title { font-size: 28px; font-family: 寰蒋闆呴粦; color: #fff; line-height: 35px; } ._brand_mar_bg .pape1 .txt1 { font-size: 15px; color: #dadadb; line-height: 26px; margin-bottom: 5px; } ._brand_mar_bg .pape1 .txt1s { font-size: 15px; color: #dadadb; line-height: 26px; margin-bottom: 5px; } ._brand_mar_bg .pape1 .txt2 { font-family: arial; color: #b6b7b9; font-size: 14px; line-height: 20px; margin-bottom: 5px; } ._brand_mar_bg .pape2 { width: 100%; text-align: center; position: absolute; top: 386px; z-index: 4; left: 0px; } ._brand_mar_bg .pape2 img { max-width: 80%; } @media only screen and (min-width: 768px) { .cd-timeline-content h2 { font-size: 20px; font-size: 1.25rem; font-family: arial; } .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 14px; font-size: 0.875rem; } } @media only screen and (min-width: 1170px) { .cd-timeline-block:nth-child(odd) .cd-timeline-content { box-shadow: 1px 1px 3px #cacaca; } .cd-timeline-content { margin-left: 0; width: 42%; } .cd-timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: #ffffff; } .cd-timeline-content .cd-read-more { float: left; } .cd-timeline-content .cd-date { position: absolute; width: 100%; left: 122%; top: 6px; font-size: 16px; font-size: 1rem; } .cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; } .cd-timeline-block:nth-child(even) .cd-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: #ffffff; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: right; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: auto; right: 122%; text-align: right; } .cssanimations .cd-timeline-content.is-hidden { visibility: hidden; } .cssanimations .cd-timeline-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce-2 0.6s; -moz-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s; } } @media only screen and (min-width: 1170px) { /* inverse bounce effect on even content blocks */ .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in { -webkit-animation: cd-bounce-2-inverse 0.6s; -moz-animation: cd-bounce-2-inverse 0.6s; animation: cd-bounce-2-inverse 0.6s; } } @-webkit-keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes cd-bounce-2 { 0% { opacity: 0; -moz-transform: translateX(-100px); } 60% { opacity: 1; -moz-transform: translateX(20px); } 100% { -moz-transform: translateX(0); } } @keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -moz-transform: translateX(100px); } 60% { opacity: 1; -moz-transform: translateX(-20px); } 100% { -moz-transform: translateX(0); } } @keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } #new_list { position: relative; /*max-width: 92%;*/ margin: 0 auto 0; padding-bottom: 60px; } img.thumb { width: 100%; max-width: 100%; height: auto; } #new_list{font-size: 0;} #new_list .white-panel { display: inline-block;vertical-align: top;font-size: 14px; background: white; -webkit-box-shadow: 0 2px 5px 0px #999; box-shadow: 0 2px 5px 0px #999; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow: hidden; width: 49%; margin-right: 2%;margin-bottom: 2%; } #new_list .white-panel:nth-child(even){margin-right: 0;} #new_list .white-panel a { display: block; } #new_list .white-panel h1 { font-size: 1em; font-size: 18px; color: #666; } #new_list .white-panel h1 a { color: #A92733; } #new_list .white-panel .title { font-size: 18px; color: #666; padding: 0px 10px; line-height: 24px; padding-top: 5px; overflow: hidden; } #new_list .white-panel .time { margin: 8px 0px; display: block; color: #bfbebc; padding: 0px 10px; font-size: 13px; overflow: hidden; } #new_list .white-panel .txt { color: #666; font-size: 14px; line-height: 20px; text-align: justify; padding: 0px 10px; padding-bottom: 15px; overflow: hidden; } #new_list .white-panel:hover { margin-top: -5px; } .news { overflow: hidden; } .news_top { overflow: hidden; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 15px; } .news_top_l { overflow: hidden; float: left; } .news_top_l a { height: 30px; width: 30px; display: block; float: left; background: url(../images/newmorebtn.png) no-repeat center center; } .news_top_r { overflow: hidden; float: right; margin-right: 15px; } .news_top_r .prev { color: #646464; font-size: 13px; display: block; float: left; background: url(../images/newt_icon0.png) no-repeat left center; line-height: 30px; padding-left: 18px; margin-right: 30px; } .news_top_r .next { color: #646464; font-size: 13px; display: block; float: left; background: url(../images/newt_icon1.png) no-repeat right center; line-height: 30px; padding-right: 18px; } .news_img { width: 1200px; height: 570px; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; } .news_imgs { width: 1200px; height: 570px; } .news_img .jssora03l, .news_img .jssora03r { display: block; position: absolute; width: 54px; height: 54px; cursor: pointer; background: url(../images/a03.png) no-repeat; overflow: hidden; top: 50%; margin-top: -27px; } .news_img .jssora03l { background-position: -3px -33px; left: 8px; } .news_img .jssora03l:hover { background-position: -123px -33px; } .news_img .jssora03r { background-position: -63px -33px; right: 8px; } .news_img .jssora03r:hover { background-position: -183px -33px; } .news_img_txt { overflow: hidden; background: #000; max-width: 1200px; margin-left: auto; margin-right: auto; color: #fff; padding: 15px 0px; } .news_img_txt .title { margin: 0px 15px; font-size: 18px; font-weight: bold; margin-bottom: 5px; margin-top: 5px; } .news_img_txt .time { margin: 0px 15px; font-size: 13px; margin-bottom: 8px; } .news_img_txt .txt { margin: 0px 15px; font-size: 13px; border-top: 2px solid #666; padding: 8px 0px; line-height: 21px; } .news_txt { overflow: hidden; max-width: 1200px; margin: auto; font-size: 14px; padding: 38px 4%; letter-spacing: 1px; color: #333333; line-height: 20px; } .news_txt *{font-family:"Microsoft YaHei","PingFang SC" !important;} .news_txt p{text-indent: 2em;} .news_txt img{max-width: 100%;display: block;margin: 0 auto;height: auto !important;} .zhaopin { overflow: hidden; } .zhaopin_top { overflow: hidden; background: #f9f9f9; } .zhaopin_top_b { max-width: 1200px; margin-left: auto; margin-right: auto; overflow: hidden; padding: 30px 10px; } .zhaopin_top_b .img { overflow: hidden; float: left; } .zhaopin_top_txt { overflow: hidden; max-width: 730px; padding-left: 10%; } .zhaopin_top_b .title { font-size: 32px; color: #000; margin-top: 47px; margin-bottom: 8px; } .zhaopin_top_b .en { font-size: 22px; color: #a9a9a9; font-family: Arial; margin-bottom: 35px; } .zhaopin_top_b .txt { color: #777; line-height: 1.6em; text-align: justify; } .zhaopin_list { overflow: hidden; max-width: 92%; width: 1700px; margin-left: auto; margin-right: auto; padding: 40px 0 10px; } .zhaopin_lists { overflow: hidden; width: 47.5%; display: inline-block; vertical-align: top; margin: auto; margin-bottom: 45px; } .zhaopin_lists .top { width: 100%; border-bottom: 1px solid #d6d9d8; position: relative; height: 50px; line-height: 50px; margin-bottom: 25px; color: #646464; } .zhaopin_lists .top span { position: absolute; left: 0; bottom: 0; border-bottom: 3px solid #000; font-size: 20px; } .zhaopin_lists .txt { color: #777; line-height: 22px; } .zhaopin_lists .txt p { margin-bottom: 3px; } .zhaopin_lists2 { margin-left: 4%; } .zhaopin_last { width: 100%; } /*.anli,*/ /*.anli ul,*/ /*.anli ul li {*/ /*overflow: hidden;*/ /*margin: 0px;*/ /*}*/ /*.anli ul li {*/ /*float: left;*/ /*width: 20%;*/ /*position: relative;*/ /*}*/ .anli ul{font-size: 0;} .anli li{width: 23.5%;margin-right: 2%;display: inline-block;vertical-align: top;font-size: 14px;margin-bottom: 3%;position: relative;} .anli li:nth-child(4n){margin-right: 0;} .anli ul li img { /*float: left;*/ width: 100%; vertical-align: bottom; } .anli ul li .yuan .logos { width: 40%; height: auto; margin-left: 30%; top: 50%; position: absolute; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); opacity: 1; } .anli ul li .yuan { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; overflow: hidden; opacity: 0; transition: background 2000ms, 1s; -webkit-transition: background 2000ms, 1s; -moz-transition: background 2000ms, 1s; background: url(../images/yuan.png); background-size: cover; transition: opacity 2000ms, 1s; -webkit-transition: opacity 2000ms, 1s; -moz-transition: opacity 2000ms, 1s; } .anli ul li:hover .yuan, .anli ul .active .yuan { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; overflow: hidden; opacity: 1; transition: background 2000ms, 1s; -webkit-transition: background 2000ms, 1s; -moz-transition: background 2000ms, 1s; background: url(../images/yuan.png); background-size: cover; transition: opacity 2000ms, 1s; -webkit-transition: opacity 2000ms, 1s; -moz-transition: opacity 2000ms, 1s; } .linghun { overflow: hidden; /*max-width: 92%;*/ padding: 45px 0 20px; margin:0 auto; } .linghun .top { overflow: hidden; font-size: 20px; color: #000; margin-bottom: 45px; } .linghun .top span { font-size: 15px; color: #cacaca; margin-left: 5px; } .linghun .txt { color: #777; line-height: 26px; } .linghun .txt p { margin-bottom: 20px; } .linghun .txt img { max-width: 100%; } .lianxi { overflow: hidden; } .lianxi .lianxi_map { width: 100%; height: 558px; background: url(../images/map-b.jpg) center no-repeat; background-size: 100% 100%; position: relative; overflow: hidden; background-image: url('http://www.ciya.cn/images/map-b.jpg'); background-size: cover; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.ciya.cn/images/map-b.jpg', sizingMethod='scale'); } .lianxi_map_b { padding: 0px 15px; display: table-cell; vertical-align: middle; } .lianxi_map_bs { display: table; max-width: 1050px; margin: auto; overflow: hidden; width: 100%; height: 100%; } .lianxi_map_l { width: 405px; height: 322px; background: url(../images/mapc1.png) no-repeat center center; float: left; overflow: hidden; position: relative; } .lianxi_map_l .qq { width: 120px; height: 55px; display: block; position: absolute; bottom: 0px; left: 14px; } .lianxi_map_l .wx { width: 150px; height: 55px; display: block; position: absolute; bottom: 0px; left: 137px; } .lianxi_map_l .wx img { height: 110px; width: 110px; position: absolute; left: 7px; bottom: -120px; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; } .lianxi_map_l .wx:hover img { bottom: 55px; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; } .lianxi_map_r { width: 346px; height: 345px; background: url(../images/mapc2.png) no-repeat center center; float: right; overflow: hidden; } .lianxi_list { /*max-width: 92%;*/ overflow: hidden; padding-top: 40px; padding-bottom: 40px; margin: auto; } .lianxi_lists { overflow: hidden; display: inline-block; width: 29.3%; padding-left: 2%; padding-right: 2%; float: left; padding-top: 30px; padding-bottom: 5px; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; min-height: 224px; } .lianxi3 { border-right: none; margin-left: -1px; } .lianxi_last { width: 64.6%; margin-left: -1px; border-right: none; padding-right: 0px; } .lianxi_last p { width: 46%; float: left; } .lianxi_lists .top { color: #000; background: url(../images/titleicon.jpg) no-repeat left 8px; font-size: 14px; font-weight: bold; padding-left: 12px; line-height: 21px; margin-bottom: 13px; } .lianxi_lists .top2 { font-weight: normal; margin-top: 3px; padding-left: 5px; } .lianxi_lists p { line-height: 1.6em; padding-left: 13px; color: #999999; margin-bottom: 2px; } .anlis { text-align: center; overflow: hidden; padding-top: 25px; padding-bottom: 25px; } .anlis img { max-width: 100%; } .docs-header { margin-bottom: 0; } .navbar-toggle:hover, .navbar-toggle:focus { border-color: #337ab7; } .navbar-toggle .icon-bar { background-color: #337ab7; } .docs-jumbotron { background-color: #3f51b5; color: #fff; } .docs-jumbotron .version { font-size: 14px; color: #fff; filter: alpha(opacity=50); opacity: 0.5; } .docs-header { position: relative; } .docs-header > small { position: absolute; right: 0; bottom: 10px; font-size: 16px; line-height: 20px; } .docs-pictures { margin: 0; padding: 0; list-style: none; } .docs-pictures li { float: left; width: 33.3%; height: 33.3%; margin: 0 -1px -1px 0; border: 1px solid transparent; overflow: hidden; } .docs-pictures li img { width: 100%; } .docs-toggles > .btn, .docs-toggles > .btn-group { margin-bottom: 10px; } @media (min-width: 992px) { .docs-collapse { display: block; } } .docs-buttons > .btn-group, .docs-buttons > .input-group { width: 100%; margin-bottom: 5px; } .docs-buttons .input-group-btn { width: 50%; } .docs-buttons .input-group-btn .btn { width: 100%; } .docs-footer { overflow: hidden; } .hearts { position: relative; display: block; width: 100%; height: 30px; margin-top: 20px; margin-bottom: 20px; color: #ddd; font-size: 18px; line-height: 30px; text-align: center; } .hearts:hover { color: #ff4136; } .hearts:before { position: absolute; top: 50%; right: 0; left: 0; display: block; height: 0; border-top: 1px solid #eee; content: " "; } .hearts:after { position: relative; z-index: 1; padding-left: 8px; padding-right: 8px; background-color: #fff; content: "芒鈩⒙?; } .prettyprint { margin-bottom: 0; padding: 15px !important; border: 1px solid #ddd !important; } .viewer-fixed { margin-top: 51px; } .viewer-footer { display: none; } .meiti1 { overflow: hidden; margin-top: -50px; } .meiti1 img { width: 100%; float: left; } .meiti2 { overflow: hidden; background: url(../images/meiti2.png); } .meiti2_b { /*max-width: 92%;*/ margin-left: auto; margin-right: auto; overflow: hidden; padding-top: 60px; padding-bottom: 40px; } .meiti2_l { float: left; overflow: hidden; color: #adadad; line-height: 20px; width: 366px; width:50% } .meiti2_l p img { margin-bottom: 16px; max-width: 70%; } .meiti2_r { float: right; width: 48%; text-align: center; } .meiti2_r img { margin-top: 10px; max-width: 100%; } .meiti3 { overflow: hidden; text-align: center; padding: 17px 0; background: url(../images/meiti3.png); border-bottom: 1px solid #cacaca; } .meiti3 .meiti3_img { max-width: 100%; } .meiti3_b { margin-left: auto; margin-right: auto; z-index: 2; border-top: 1px solid #cbcbcb; height: 340px; margin-top: 15px; } .meiti3_center { position: relative; /*max-width: 92%;*/ margin-left: auto; margin-right: auto; height: 340px; } .meiti3_top { overflow: hidden; position: absolute; top: -71px; left: 55px; } .meiti3_list { overflow: hidden; padding-top: 105px; } .meiti3_li { overflow: hidden; float: left; width: 33.3%; text-align: left; color: #666666; line-height: 22px; padding-top: 15px; padding-bottom: 15px; } .meiti3_li .img { overflow: hidden; margin-bottom: 20px; height: 60px; } .meiti3_li p { max-width: 95%; } .meiti3_li:last-child p{max-width: 100%;} .meiti3_li2 { border-left: 1px dotted #7f7f7f; border-right: 1px dotted #7f7f7f; width: 30%; padding-left: 1.5%; margin-right: 1.5%; } .meiti4 { overflow: hidden; background: url(../images/meiti4.png); height: 512px; position: relative; } .meiti4_b { height: 512px; position: absolute; width: 1920px; left: 50%; top: 0px; margin-left: -960px; } .meiti4_l { float: left; overflow: hidden; } .meiti4_l img { float: left; width: 100%; } .meiti4_r { overflow: hidden; width: 380px; padding-left: 42px; padding-right: 42px; margin-top: 165px; } .meiti4_r .title { overflow: hidden; font-size: 26px; color: #ffffff; line-height: 36px; margin-bottom: 45px; } .meiti4_r .txt1 { overflow: hidden; font-size: 17px; color: #ffffff; line-height: 20px; margin-bottom: 9px; } .meiti4_r .txt2 { overflow: hidden; color: #d1d1d1; line-height: 19px; } .meiti5 { overflow: hidden; /*max-width: 1100px;*/ margin-left: auto; margin-right: auto; padding-top: 110px; padding-bottom: 85px; } .meiti5 .title { overflow: hidden; margin-bottom: 13px; padding-left: 28px; } .meiti5 .title img { float: left; } .meiti5_b { /*background: url(../images/meiti5_b.png) no-repeat center top;*/ /*max-width: 1100px;*/ margin-left: auto; margin-right: auto; padding-top: 55px; overflow: hidden; padding-bottom: 20px; } .meiti5_li { overflow: hidden; float: left; margin-right: 0.6%; margin-bottom: 0.6%; width: 24.55%; } .meiti5_li img { width: 100%; float: left; } .meiti5_li4 { margin-right: 0px; } .meiti5_next { overflow: hidden; /*max-width: 1100px;*/ margin-left: auto; margin-right: auto; text-align: right; } .relative{position: relative;} .logobox_img { display: none; overflow: hidden; padding: 15px 0px; } .logobox_img img { width: 100%; float: left; } @media only screen and (max-width: 1200px) { .meiti5 .title { text-align: center; } .meiti5_li { /*margin: 3px;*/ } .meiti5 .title img { float: none; } .meiti5 { padding-top: 5%; padding-bottom: 5%; } .meiti5_next { display: none; } .meiti5_b { background: none; padding-top: 20px; text-align: center; } /*.meiti5_li {*/ /*float: none;*/ /*display: inline-block;*/ /*}*/ #new_list { /*margin-left: 10px;*/ } /*.anli ul li {*/ /*float: left;*/ /*width: 25%;*/ /*}*/ .meiti2_b { padding-top: 30px; /*padding-left: 4%;*/ /*padding-right: 4%;*/ } .meiti2_l { float: none; overflow: hidden; color: #adadad; line-height: 20px; width: auto; margin-bottom: 15px; } .meiti2_r { float: none; } .meiti4 { background: url(../images/meiti4.png); height: auto; overflow: hidden; } .meiti4_b { height: auto; position: relative; width: auto; left: auto; top: auto; margin-left: 0; } .meiti4_l { float: none; } .meiti4_l img { width: 100%; } .meiti4_r { overflow: hidden; width: auto; padding-left: 0px; padding-right: 0px; margin: 45px 25px; } .meiti4_r .title { margin-bottom: 25px; } } @media only screen and (max-width: 1000px) { .meiti3_b, .meiti3_center { height: auto; } .meiti3_li .img { float: none; overflow: hidden; width: 190px; text-align: center; margin-left: auto; margin-right: auto; } .meiti3_li2 { padding-left: 0; margin-right: 0; border: none; } .meiti3_li p { text-align: center; margin: auto; } .meiti3_top { overflow: hidden; position: absolute; top: -51px; left: 55px; } .meiti3_top_img { width: 100px; height: 100px; } .meiti3_list { overflow: hidden; padding-top: 60px; } .meiti3_li { overflow: hidden; float: none; width: auto; text-align: left; color: #666666; line-height: 22px; padding-top: 15px; padding-bottom: 15px; } .meiti1 { overflow: hidden; margin-top: -50px; height: 511px; position: relative } .meiti1 img { width: 1200px; height: 511px; position: absolute; left: 50%; margin-left: -600px; top: 0px; } .yingxiao .yx1 { height: 550px; } .yingxiao .yx2, .yingxiao .yx3, .yingxiao .yx4, .yingxiao .yx5, .yingxiao .yx6, .yingxiao .yx7 { padding-left: 15px; padding-right: 15px; } .yx_txt { line-height: 1.8em; padding: 0px 15px; text-align: center; color: #333; overflow: hidden; } .yx_txt2 .bs { color: #000000; font-size: 16px; padding-bottom: 0.6em; } .yx_txt2 { overflow: hidden; color: #333; line-height: 1.9em; } .yx3_b .lft .lft_b { width: 90%; padding-top: 7%; } .yx5_list li .txt { width: 90%; } .yx7_b .lft { width: 41%; } .zhaopin_lists { overflow: hidden; width: 100%; display: block; vertical-align: top; margin: auto; margin-bottom: 16px; } .zhaopin_top_b .img { width: 30%; } .zhaopin_top_b .img img { width: 100%; } .zhaopin_top_txt { padding-left: 4.5%; } .zhaopin_top_b .title { margin-top: 2%; } .zhaopin_top_b .en { margin-bottom: 3%; } .anli ul li { /*float: left;*/ width: 49%; margin-right: 2%; } .anli ul li:nth-child(even){margin-right: 0;} .lianxi .lianxi_map { height: 480px; } .lianxi_lists { padding: 25px 2%; width: 96%; min-height: initial; border-right: none !important; margin: auto !important; } .lianxi_list { padding: 20px 0; } .lianxi_last { border-top: 1px solid #dbdbdb; ; } .lianxi_last p { width: auto; } .logobox a { width: 25%; height: 60px; } .logobox_s { border-right: 1px solid #e7e7e7 !important; } .logobox_5, .logobox_6 { border-top: 1px solid #e7e7e7 !important; } .logobox_4, .logobox_8, .logobox_12, .logobox_16, .logobox_20, .logobox_24 { border-right: none !important; } .logobox a img { position: absolute; width: 100px; height: 46px; } /*.in_title {*/ /*padding: 0px 15px;*/ /*}*/ .js_li { text-align: center; margin: 15px 2% 15px 0; padding: 0; width: 49%; float: left; } .js_li:nth-child(3n){margin-right: 2%;} .js_li:nth-child(2n){margin-right: 0;} } @media only screen and (max-width: 800px) { .link_friend { display: none; } .meiti4_r .title { font-size: 22px; margin-bottom: 15px; } .meiti4_r .txt1 { font-size: 15px; } .meiti4_r { margin: 30px 20px; } .meiti3_top { display: none; } .meiti3_list { overflow: hidden; padding-top: 10px; } .meiti3_b { border: none; } .meiti1 { overflow: hidden; margin-top: -50px; height: 426px; position: relative } .meiti1 img { width: 1000px; height: 426px; position: absolute; left: 50%; margin-left: -500px; top: 0px; } .fs_fx { display: none; } /*.wap_fx {*/ /*display: block;*/ /*}*/ .yx_title { font-size: 24px; } .yx_txt { margin-bottom: 15px; } .yingxiao .yx1 { height: auto; } .page1_img { display: none; } .page1_b { margin-bottom: 5.5%; } .yx3_b .rft, .yx3_b .lft { float: none; overflow: hidden; width: 90%; margin-left: auto; margin-right: auto; text-align: center; margin-top: 2%; margin-bottom: 2%; } .yx3_b .rft img { float: none; } .yingxiao .yx4_b .lft { overflow: hidden; float: none; width: 90%; text-align: center; margin-left: auto; margin-right: auto; } .yingxiao .yx4_b .lft img { float: none; } .yingxiao .yx4_b .rft { overflow: hidden; float: none; width: 90%; margin-left: auto; margin-right: auto; margin-top: 2%; } .yx5_list li { overflow: hidden; float: none; overflow: hidden; width: auto; text-align: center; padding: 20px 0px; } .yx5_list li img { max-width: 60%; margin-bottom: 3%; } .yx6_list li .title { font-size: 14px; } .yx7_b .rft, .yx7_b .lft { float: none; width: 90%; overflow: hidden; margin-left: auto; margin-right: auto; } .zhaopin_top_b .img { width: auto; float: none; text-align: center; } .zhaopin_top_b .img img { max-width: 60%; width: auto; } .zhaopin_top_txt { padding-left: 0px; } .linghun .top { margin-bottom: 20px; } .linghun .txt p { margin-bottom: 15px; } .linghun { padding: 30px 0 10px; } .lianxi_map_r { display: none; } .lianxi_map_l { float: none; margin: auto; } .lianxi_map_l .wx { display: none; } .lianxi_map_l .qq { width: 91px; height: 46px; display: block; position: absolute; bottom: 0px; left: 14px; } .changebox .spanone { font-size: 22px; } .logobox { margin: 25px auto; } .news_brand .leftbox, .news_brand .rightbox { width: auto; float: none; } .news_brand .leftbox { margin-bottom: 15px; } .newnewsct div p { height: auto; margin-bottom: 6px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; word-break: break-all; overflow: hidden; text-align: left; } .newnewsct div span { position: relative; text-align: right; bottom: auto; right: auto; display: block; } ._brand_mar_bg .pape2 { display: none; } ._brand_mar_bg._brand_mar_bgr { position: relative !important; background: none; overflow: hidden; } ._brand_mar_bgs { padding-top: 55px; height: auto; background: url(../images/jianshe.jpg); background-size: 100% 100%; overflow: hidden; } ._brand_mar_bg .pape1 { width: 90%; text-align: center; position: relative; top: auto; z-index: 1; margin: 15% auto; } } @media only screen and (max-width: 640px) { .meiti5_b { background: none; padding-top: 0px; padding-bottom: 0px; text-align: center; } .meiti5_li { display: block; float: left; width: 49%; margin-right: 2%; margin-top: 2%; } .meiti5_li:nth-child(even){margin-right: 0;} .meiti1 { overflow: hidden; margin-top: -50px; height: 273px; position: relative } .meiti1 img { width: 640px; height: 273px; position: absolute; left: 50%; margin-left: -320px; top: 0px; } .banners { width: 100%; height: 266px; overflow: hidden; position: relative; } #sliderb_container { position: absolute; left: 50% !important; top: 0px !important; margin-left: -320px; } .banner_txt { left: 43% !important; margin-left: 0px !important; top: auto !important; transform: scale(1.22); bottom: 60px !important; } .banner_txt .s_img { float: right; } .news_img_txt .title { font-size: 14px; } .news_img_txt .txt, .news_img_txt .time { } .news_top { display: none; } #new_list { padding-bottom: 150px; } .anli ul li { /*float: left;*/ /*width: 50%;*/ } .anli ul li .yuan { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; overflow: hidden; opacity: 0; transition: background 500ms, 1s; -webkit-transition: background 500ms, 1s; -moz-transition: background 500ms, 1s; background: url(../images/yuan.png); background-size: cover; transition: opacity 1000ms, 1s; -webkit-transition: opacity 1000ms, 1s; -moz-transition: opacity 1000ms, 1s; } .anli ul li:hover .yuan, .anli ul .active .yuan { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; overflow: hidden; opacity: 1; transition: background 500ms, 1s; -webkit-transition: background 500ms, 1s; -moz-transition: background 500ms, 1s; background: url(../images/yuan.png); background-size: cover; transition: opacity 1000ms, 1s; -webkit-transition: opacity 1000ms, 1s; -moz-transition: opacity 1000ms, 1s; } #xuanfu ul .qqtu { display: none; } #xuanfu ul .ewm { display: none; } .titlebox p { display: none; } .txt .title { font-size: 20px; color: #000; font-family: "瀹嬩綋"; margin-bottom: 0px; padding: 18px 0px; } .lianxi .lianxi_map { height: 440px; background-size: auto 100%; background-position: center center; } .ullia li .ams-title, .ullia li div.divv { text-align: left; padding-left: 115px; display: none; } .ullia li div.divv p { padding-left: 0px; } .ullia li .ams-title { margin-bottom: 0px; margin-top: 12px; font-size: 15px; display: block; padding-left: 0px; width: auto; text-align: center; position: absolute; bottom: 8px; width: 100%; } .ullia li { /* float: none; */ /* width: auto; */ /* margin: 0 3%; */ } .ullia li .divv2 { /* position: absolute; */ /* left: 0px; */ /* top: 50%; */ /* margin-top: -57px; */ /* margin-bottom: 0px; */ } .ullia li a { overflow: hidden; min-height: 90px; border-bottom: none; } .ullia li .divv2 { transform: scale(0.7, 0.7); -webkit-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); } .ullia { margin: 3% auto; } .logobox a img { position: relative; width: 70%; height: auto; margin: 3% 15% 0px 15%; top: auto; bottom: auto; left: auto; right: auto; } .logobox a { height: auto; overflow: hidden; text-align: center; } .changebox .spanone { font-size: 20px; } .in_title img { float: left; width: 265px; } .NewBox .hd ul li { width: 20%; padding: 0px !important; text-align: center; text-indent: 3px; } .NewBox { padding: 0px; margin: 20px auto; } .NewBoxs { overflow: hidden; display: block; width: 48%; margin-right: 4%; float: left; } .NewBoxs:nth-child(even){margin-right: 0;} .news_brand .rightbox ul li { width: auto; float: none; margin-bottom: 8px; line-height: 16px; /*padding-right: 2.5%;*/ overflow: hidden; margin-right: 0; } .news_brand .rightbox ul li:nth-child(n+9) { display: none; } .ul_share li div.diva { display: none; } .titleaa_box img { float: left; width: 255px; } .js_li { text-align: center; margin: 25px 0px; padding: 0; width: auto; float: none; } .js_li p { height: auto; } .logobox_img { display: block; } .logobox { display: none; } #new_list .white-panel{width: 100%;margin-right: 0;} .changebox .spanone{line-height: 64px;} .index_new_tb{padding-bottom: 25px;} .in_title_l{font-size: 20px;} .in_title_r span{line-height: normal;} .newdes985 h3{font-size: 16px;padding: 18px 0 14px;} } @media only screen and (max-width: 480px) { .lianxi_map_l { width: 320px; height: 254px; background: url(../images/mapc1.png) no-repeat center center; background-size: 100% 100%; } .lianxi .lianxi_map { height: 370px; } } @media only screen and (max-width: 320px) { .banner_txt { left: 43% !important; margin-left: 0px !important; top: auto !important; transform: scale(1.1); bottom: 60px !important; } } @media (max-width: 760px){ *{font-size: 14px;} p { line-height: 22px !important; } }