@font-face { font-family: 'Bahnschrift SemiBold SemiConden'; src: url('../fonts/HelveticaInserat-Roman-SemiB.eot'); src: local(''), url('../fonts/HelveticaInserat-Roman-SemiB.woff') format('woff'), url('../fonts/HelveticaInserat-Roman-SemiB.ttf') format('truetype'), url('../fonts/HelveticaInserat-Roman-SemiB.svg') format('svg'); font-weight: normal; font-style: normal; } * { margin: 0; padding: 0; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background: #fff;} body {color: #333333; background: #fff; margin: 0 auto; font-size: 12px; line-height: 1.25em; font-family: 'microsoft yahei'; -webkit-text-size-adjust: none;overflow-x: hidden; } ol, ul, li { list-style: none; } img { border: none; vertical-align: top; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; } a { color: #333333; text-decoration: none; outline: none; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; } a:hover{color: #024f97;} button, input, select, textarea { font-size: 100%; font-family: 'microsoft yahei'; margin: 0; outline: 0 none; vertical-align: baseline; *vertical-align: middle; } input { outline: none; border-radius: 0; font-family: 'microsoft yahei'; } input:focus, textarea:focus { outline: none; } input:focus { -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only; } input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none; } select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background: #fff;} h1, h2, h3, h4, h5, h6 { font-weight: normal; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; } .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .none { display: none; } em, i, span, b { font-style: normal; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .f-cb { zoom: 1; } .f-cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; } .w_1200{width: 1230px;margin: auto;position: relative;} .w_1500{width: 1580px;margin: auto;position: relative;} /*transition*/ .fl{float: left;} .fr{float: right;} .m_header{display: none;padding-bottom: 5px;height: 50px;background: #fff;width: 100%;z-index: 2;top:0;} .m_logo{margin-left: 1%;margin-top: 11px;float: left;} .m_logo img{height: 30px;} .menua{float: right;margin-top: 11px;} .menua img{height: 30px;} .nav_top a{font-size: 14px;color: #666;} .nav_top a{margin-right: 10px;position: relative;padding-left: 15px;display: inline-block;} .nav_top a:after{width: 2px;height: 15px;background: #e1e1e1;content: '';position: absolute;left: 0;top: 0;display: inline-block;} .nav_top a:hover{color: #E93232;} .wxico em{display: none;position: absolute;left:-100%;top: 30px} .wxico{margin-right: 10px;cursor: pointer;position: relative;z-index: 99999;} .wxico:hover em{display: block;} .nav_top{position: relative;z-index: 999;} .navWrap{padding:0;position: relative;z-index: 999; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .navWrap .logo2{display: none; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; } .navWrap .nav{position: relative;z-index: 5;margin-top: 20px; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; } .navWrap .nav ul{float: left; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; } .navWrap .nav .nLi{position: relative;text-align: center;margin-left:30px;} .navWrap .nav .nLi h3{position: relative;text-align: center;} .navWrap .nav .nLi h3 a{display: block;position: relative;z-index: 3;font-size: 16px;color: #333;line-height: 18px;} .navWrap .nav .nLi h3 a img{} .navWrap .nav .nLi.on a,.navWrap .nav .nLi:hover a{color: #e00514;} .navWrap .nav .nLi .navSub{width: 150px;margin-left: -40px;position: absolute;left: 0;top:35px;background: rgba(255,255,255,0.8);display: none;} .navWrap .nav .nLi .navSub ul li a{display: block;font-size: 14px;color: #555;line-height: 38px;} .navWrap .nav .nLi .navSub ul{padding-top: 20px;width: 100%;float: none;} .navWrap .nav .nLi .navSub ul li a:hover{color: #e00514;} .searchBtn{margin-left: 37px; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;float: right;width: 16px;height: 16px;cursor: pointer; background: url(../images/ico1.png) no-repeat center center;} .sea_div{margin-top: 10px;background: #f4f4f4;height: 40px;width: 250px; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; } .sea_div input[type=text]{float: left;width: 180px;margin-left: 20px;border:none;font-size: 14px;color: #333;background: none;height: 40px;line-height: 40px;} .sea_div input[type=submit]{width: 40px;float: right;height: 40px;background: url(../images/ico2.png) center center no-repeat;border:none;} .tophide { -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; padding-top: 0;z-index: 999;position: fixed; top: 0; left: 0; background: #fff;width: 100%;} .tophide .searchBtn{display: inline-block;} .tophide .nav_top,.tophide .sea_div,.tophide .logo1{display: none;} .tophide .logo2{padding: 12px 0 15px;display: inline-block;} .tophide .nav{width: auto;margin-top: 0;} .tophide .nav ul{margin-top: 5px;} .tophide:after{display: none;} .header {height: 106px;position: relative; z-index: 15; padding: 0;width: 100%;box-sizing: border-box;transition:.5s} .header .box-logo {float: left} .header .box-logo a {height: 106px;width: 260px;position: relative;display: block} .header .box-logo a img {position: absolute;top: 0;bottom: 0;margin: auto;} .wopbox{ width:calc(100% - 270px); } .itembox0 .itemright .wopbox .wop{ font-size: 14px; line-height: 20px; } .header.active {position: absolute;top: 0} .header .ty-img .i0 {opacity: 1} .header .ty-img .i1 {opacity: 0} .header.active .abox .nav-li a {color: #fff} .header.active .abox .nav-li a.active, .header.active .abox .nav-li a:hover { background: #ffffff; color: #222222; } .header.active .box-nav .nav-li .li-top span { color: #fff; } .header.active .box-nav.con .nav-li:hover, .header.active .box-nav.con .nav-li.active { background: transparent; transition: .5s; } .header.active .box-nav.con .nav-li:hover .li-top span, .header.active .box-nav.con .nav-li.active .li-top span { color: #E93232; transition: .5s; } .header .box-nav.con .nav-li.hj:hover .li-top:after{ opacity: 1; transition: .5s; } .header.flex-fiexed .box-nav .nav-li .li-top span { color: #666; } .header.flex-fiexed .abox .nav-li a { color: #222; } .header.flex-fiexed .abox .nav-li a:hover, .header.flex-fiexed .abox .nav-li a.active { background: #f2f2f2; } .header.flex-fiexed .box-logo { float: left; } .header.flex-fiexed .box-logo a { position: relative; display: block; } .header.flex-fiexed .box-logo a img { position: absolute; top: 0; bottom: 0; margin: auto; } .header.flex-fiexed .ty-img .i0 { opacity: 1; } .header.flex-fiexed .ty-img .i1 { opacity: 0; } .header.flex-fiexed .box-nav.con .nav-li:hover, .header.flex-fiexed .box-nav.con .nav-li.active { transition: .5s; } .header.flex-fiexed .box-nav.con .nav-li:hover .li-top span, .header.flex-fiexed .box-nav.con .nav-li.active .li-top span { transition: .5s; } .header.active .box-nav .nav-li .li-bot a { transition: .5s; } .header.active .box-nav .nav-li .li-bot a:hover, .header.active .box-nav .nav-li .li-bot a.active { color: #003680; transition: .5s; /*background:transparent;*/ } .header .box-nav.con .nav-li:hover, .header .box-nav.con .nav-li.active { transition: .5s; } .header .box-nav.con .nav-li:hover .li-top span, .header .box-nav.con .nav-li.active .li-top span { transition: .5s; } .header .box-nav .nav-li { position: relative; float: left; transition: .5s; } .header .box-nav .nav-li .li-bot { position: absolute; display: none; text-align: center; box-sizing: border-box; } .header .box-nav .nav-li .li-bot a { font-size: 14px; color: #fff; line-height: 35px; transition: .5s; color: #666; } .header .box-nav .nav-li .li-bot a:hover, .header .box-nav .nav-li .li-bot a.active { transition: .5s; } .header .box-nav .nav-li a { display: block; color: #404040; font-size: 16px; } .header .box-nav .nav-li a.box-search { line-height: 20px; font-size: 12px; } .header .box-nav .nav-li .li-top { line-height: 106px; width: 125px; text-align: center; box-sizing: border-box; } .header .box-nav .nav-li .li-top span { width: 100%; height: 100%; display: block; box-sizing: border-box; transition: .5s; } .langbox .after { position: absolute; left: -1px; width: 3px; height: 25px; content: ""; top: 0; background: #073783; transition: .5s; display: none; } .header .box-nav .nav-li .li-bot a.more { line-height: 57px; } .header .box-nav .nav-li.mk02 .li-bot,.header .box-nav .nav-li.mk03 .li-bot,.header .box-nav .nav-li.mk04 .li-bot,.header .box-nav .nav-li.mk05 .li-bot,.header .box-nav .nav-li.mk06 .li-bot { left: -25px; } .itembox0 { width: 290px; padding-top: 30px } .itembox0 .itemleft { width: 35%; margin-bottom: 15px; } .itembox0 .itemright { width: 65%; } .header .box-nav .nav-li .li-bot { padding-left: 25px; } .itembox0 .itemright .tit { font-size: 24px; } .itembox0 .itemleft { font-size: 14px; } .about-box .section .ul .li{ padding: 0 15px!important; max-width: 25%; } .about-box .section .ul .li img{ width: auto; height: auto; } .flex-left-box { left: .5rem; } .itembox0 .item00d .itemright .fl{ width: 200px; height: auto; } .itembox0.itembox0d{ width: 800px; } .itembox0.itembox0d{ width: 735px; } .itembox0 .item00d .itemright{ width: 540px; } .header .box-nav.con .nav-li:hover .li-top span, .header .box-nav.con .nav-li.active .li-top span { color: #E93232; transition: .5s; } .header .box-nav .nav-li .li-bot { padding-left: 40px; background: #ffffff; box-sizing: border-box; position: absolute; } .itembox0 { width: 290px; height: 345px; position: relative; padding-top: 45px; border-left: 1px solid #e5e5e5; box-sizing: border-box; } .itembox0.itembox0d{ width: 830px; } .itembox0 .item:nth-child(1) .itemright { display: block; } .itembox0 .itemright { display: none; position: absolute; width: 580px; height: 345px; right: 0; top: 0; background: #f1f3f7; text-align: left; line-height: 1; padding: 50px 35px; box-sizing: border-box; } .itembox0 .item00d .itemright{ width: 625px; } .itembox0 .item00d .itemright .fl{ width: 248px; height: 230px; overflow:hidden; } .itembox0 .item00d .itemright .fr .more{ margin-top: 30px; } .itembox0 .itemright .tit { font-size: 30px; } .itembox0 .itemright .wop { font-size: 16px; margin-top: 20px; height: 120px; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } .itembox0 .itemleft { width: 260px; line-height: 25px; margin-bottom: 25px; text-align: left; font-size: 16px; color: #222222; padding-left: 16px; box-sizing: border-box; position: relative; cursor: pointer; } .itembox0 .itemleft:hover:after { opacity: 1; transition: .5s; } .itembox0 .itemleft.active:after { opacity: 1; transition: .5s; } .itembox0 .itemleft:after { position: absolute; left: -1px; width: 3px; height: 100%; content: ""; top: 0; bottom:0; margin: auto; background: #E83A29; opacity: 0; transition: .5s; } .text-more {width:230px;height:57px;display:block;background:#E93232;line-height:57px;color:#fff;font-size:16px;padding-left:30px;position:relative;} .text-more span{position:relative;z-index:2;color:#FFF;} .text-more:hover:before,.text-more.active:before{-webkit-transition:all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);transition:all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);width:100%;} .text-more:hover:after,.text-more.active:after{transform:translateX(10px);transition:.5s;} .text-more:before{content:"";position:absolute;background:#0A1338;left:0;bottom:0;-webkit-transition:all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);transition:all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);width:0%;height:100%;z-index:1;} .text-more:after{width:12px;height:12px;content:"";position:absolute;right:30px;top:0;bottom:0;margin:auto;background:url(../images/ico_arr_r2.png) no-repeat center;background-size:100%;z-index:2;transition:.5s;} .text-more.cur:after{background:url(../images/ico_arr_r1.png) no-repeat center;background-size:100%;} .text-more.cur:hover:after{background:url(../images/ico_arr_r2.png) no-repeat center;background-size:100%;} .hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444;background: none;border:none;font-family: "Microsoft Yahei";} .hidden_search .btn { display: block;cursor: pointer; background: url(../images/ico1.png) no-repeat center center ; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em;border:none; } .hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 56px; padding-left: 20px; height: 36px; } .hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; } .hidden_search .close_btn:after, .hidden_search .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; } .hidden_search .close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .hidden_search .close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; } .hidden_search .close_btn:hover { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #dfa783; } .cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background: url(../images/grayBg.png) repeat;visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; opacity: 0;} .cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } .cd-popup-container { position: relative; height: 36px; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .cd-popup0, .cd-popup1, .cd-popup2, .cd-popup3 { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; } .cd-popup0.is-visible, .cd-popup1.is-visible, .cd-popup2.is-visible, .cd-popup3.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } .cd-popup-container0, .cd-popup-container1, .cd-popup-container2, .cd-popup-container3 { position: relative; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 20%; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .cd-popup-container1 { top: 10%; } .is-visible .cd-popup-container0, .is-visible .cd-popup-container1, .is-visible .cd-popup-container2, .is-visible .cd-popup-container3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sear_p{float: left;margin: 20px 0 0 5%;width: 90%;-webkit-border-radius: 5px;border-radius: 5px;background: #fff;} .sear_txt{float: left;height: 30px;font-size: 12px;line-height: 30px;font-family: 'microsoft yahei';border: none;width: calc(100% - 35px);background: none;color: #666;text-indent: 5px;} .sear_btn{float: left;background: url('../images/sear_ico.png') center center no-repeat;width: 30px;height: 30px;border:none;cursor: pointer;} .culture{width:100%;height:1000px;background:url(/images/culture.jpg) no-repeat center center} .banner{position: relative;z-index: 990;overflow: hidden;} .banner a{display: block;height: 600px;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: center;} .bannerhd{position: absolute;bottom: 35px;width: 100%;text-align: center;z-index: 2;} .bannerhd span{display: inline-block;width: 8px;height: 8px;background: #fff;margin: 0 5px;-webkit-border-radius: 5px;border-radius: 5px;} .bannerhd span.swiper-pagination-bullet-active{background: #e00514;width: 35px;} .banner a .txt1{top:175px;position: absolute;width: 100%;text-align: center;margin-left: -465px;display: block;} .banner a .txt1 i{display: block;text-align: center;opacity: 0;filter: alpha(opacity=0);} .banner a .txt1 i img,.banner a .txt2 i img,.banner a .txt3 i img{max-width: 100%} .banner a .txt2 {top:160px;display: block;width: 1230px;position: absolute;text-align: center;left: 50%;margin-left: -945px;} .banner a .txt1img1{margin-top: 50px;-webkit-transition:all 0.7s ease 0s; transition:all 0.7s ease 0s;} .banner a .txt1img2{margin-top: 50px;-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;} .banner a .txt1img3{margin-top: 50px;-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;} .banner a .txt1img4{margin-top: 50px;-webkit-transition:all 1.3s ease 0s; transition:all 1.3s ease 0s;} .banner .swiper-slide.swiper-slide-active .txt1img1,.banner .swiper-slide.swiper-slide-active .txt1img2,.banner .swiper-slide.swiper-slide-active .txt1img3,.banner .swiper-slide.swiper-slide-active .txt1img4{margin-top: 0;opacity: 1;filter: alpha(opacity=100);} .banner a .txt2 i,.banner a .txt3 i{display: block;opacity: 0;filter: alpha(opacity=0);} .banner a .txt2img1{margin-left: 200px;-webkit-transition:all 0.7s ease 0s; transition:all 0.7s ease 0s;} .banner a .txt2img2{margin-left:250px;-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;} .banner a .txt2img3{margin-left:300px;-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;} .banner .swiper-slide.swiper-slide-active .txt2img1,.banner .swiper-slide.swiper-slide-active .txt2img2,.banner .swiper-slide.swiper-slide-active .txt2img3{margin-left: 0;opacity: 1;filter: alpha(opacity=100);} .banner a .txt3 {top:175px;display: block;width: 1230px;position: absolute;left: 55%;margin-left: -615px;} .banner a .txt3img1{margin-left:-220px;-webkit-transition:all 0.7s ease 0s; transition:all 0.7s ease 0s;-webkit-transform: rotate(180deg);transform: rotate(180deg);} .banner a .txt3img2{margin-left:200px;-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;} .banner a .txt3img3{margin:0 0 0 -100px;-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;} .banner a .txt3img4{margin:0 0 0 300px;-webkit-transition:all 1.3s ease 0s; transition:all 1.3s ease 0s;} .banner .swiper-slide.swiper-slide-active .txt3img2,.banner .swiper-slide.swiper-slide-active .txt3img3,.banner .swiper-slide.swiper-slide-active .txt3img4{margin-left: 60px;opacity: 1;filter: alpha(opacity=100);} .banner .swiper-slide.swiper-slide-active .txt3img1{opacity: 1;filter: alpha(opacity=100);left: 0;-webkit-transform: rotate(0);transform: rotate(0);} /*20190328*/ .banner a .txt3.txt4{margin-left: -669px;} .banner a .txt4 .txt3img1{top: -90px} .banner a .txt5{width: 492px;position: absolute;left: 50%;margin-left: -246px;top: 50%;margin-top: -231px;} .banner a .txt5 img{max-width: 100%} .banner a .txt5 .txt5img1{position: absolute;-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;-webkit-transform: rotate(180deg);transform: rotate(180deg);opacity: 0;filter: alpha(opacity=0);} .banner a .txt5 .txt5img2,.banner a .txt5 .txt5img3,.banner a .txt5 .txt5img4,.banner a .txt5 .txt5img5{display: block;position: relative;z-index: 2;} .banner a .txt5 .txt5img2{margin-top:250px;-webkit-transition:all 0.7s ease 0s; transition:all 0.7s ease 0s;} .banner a .txt5 .txt5img3{margin-top:50px;-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;} .banner a .txt5 .txt5img4{margin-top:50px;-webkit-transition:all 0.9s ease 0s; transition:all 0.9s ease 0s;} .banner a .txt5 .txt5img5{margin-top:50px;-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;} .banner .swiper-slide.swiper-slide-active .txt5img2{margin-top: 101px;} .banner .swiper-slide.swiper-slide-active .txt5img3{margin-top: 0;} .banner .swiper-slide.swiper-slide-active .txt5img4{margin-top: 0;} .banner .swiper-slide.swiper-slide-active .txt5img5{margin-top: 0;} .banner .swiper-slide.swiper-slide-active .txt5img1{opacity: 1;filter: alpha(opacity=100);left: 24px;top:10px;-webkit-transform: rotate(0);transform: rotate(0);} .lb-box { width: 100%; height: 720px; margin: 15px auto; position: relative; overflow: hidden; } @media (max-width:568px) { .lb-box { width: 76%; height: 220px; } } .lb-content { width: 100%; height: 100%; } .lb-item { width: 100%; height: 100%; display: none; position: relative; } .lb-item > a { width: 100%; height: 100%; display: block; } .lb-item > a > img { width: 100%; height: 100%; } .lb-item > a > span { width: 100%; height:130px; display: block; position: absolute; bottom: 0px; padding:20px 0; color: #fff; background-color: #0A1338; filter:alpha(Opacity=85);-moz-opacity:0.85;opacity: 0.85; } .lb-item > a > span .tit{padding:0 50px;height:50px;font-size:20px;font-weight:bolder} .lb-item > a > span .txt{padding:0 50px;height:75px;line-height:25px;font-size:15px} @media (max-width:568px) { .lb-item > a > span { padding: 10px; } } .lb-item.active { display: block; left: 0%; } .lb-item.active.left { left: -100%; } .lb-item.active.right { left: 100%; } /* */ .lb-item.next, .lb-item.prev { display: block; position: absolute; top: 0px; } .lb-item.next { left: 100%; } .lb-item.prev { left: -100%; } .lb-item.next.left, .lb-item.prev.right { left: 0%; } .lb-sign { position: absolute; right: 10px; top: 10px; padding: 5px 3px; border-radius: 6px; list-style: none; user-select: none; background-color: #0A1338; } .lb-sign li { width: 22px; height: 20px; font-size: 14px; font-weight: 500; line-height: 20px; text-align: center; float: left; color: #aaa; margin: auto 4px; border-radius: 3px; cursor: pointer; } .lb-sign li:hover { color: #fff; } .lb-sign li.active { color: #000; background-color: #EBEBEB; } .lb-ctrl { position: absolute; top: 50%; transform: translateY(-50%); font-size: 50px; font-weight: 900; user-select: none; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; cursor: pointer; transition: all 0.1s linear; } @media (max-width:568px) { .lb-ctrl { font-size: 30px; } } .lb-ctrl.left { left: -50px; } .lb-ctrl.right { right: -50px; } .lb-box:hover .lb-ctrl.left { left: 10px; } .lb-box:hover .lb-ctrl.right { right: 10px; } .lb-ctrl:hover { background-color: #000; } /*banner*/ .boxa{padding-top: 46px;background: url(../images/bg1.jpg) center top no-repeat;background-attachment: fixed;z-index: 6;position: relative;} .one_left{width: 48%;float: left;} .news_tabs_tit{border-bottom: 1px solid #e5e5e5;} .news_tabs_tit > a{position: relative;line-height: 26px;height: 26px;padding-bottom: 16px;margin-right: 5%;float: left;display: inline-block;} .news_tabs_tit > a:after,.news_tabs_tit > a:before{background: #E93232;content: '';position: absolute;width: 0;height: 3px;bottom: -2px;display: inline-block;-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;} .news_tabs_tit > a:after{left: 0} .news_tabs_tit > a:before{right: 0} .news_tabs_tit > a i{display: inline-block;font-size: 18px;color: #333;} .news_tabs_tit span{margin: 8px 3px 0 0;float: right;} .news_tabs_tit span a{width: 7px;display: inline-block;background: url(../images/ico5.png) center right no-repeat;height: 13px;} .news_tabs_tit span a:hover{background-position: center left;} .news_tabs_tit > a.active i{font-weight: bold;color: #E93232;} .news_tabs_tit > a.active:after,.news_tabs_tit > a.active:before{width: 50%;} .news_tab_box{margin-top: 26px;overflow: hidden;width: 100%;} .newdl{padding-bottom: 19px;border-bottom: 1px dashed #d4d3d3;margin-bottom: 12px;} .newdl dt{float: left;width: 21%;} .newdl dt a{display: block;} .newdl dt span.img{width: 100%;height: 94px;display: block;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: center;} .newdl dt:hover span.img{-webkit-transform: scale(1.02);transform: scale(1.02);} .newdl dd{width: 75%;float: right;} .newdl dd a{display: block;} .newdl dd a span{margin-bottom: 12px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;display: block;font-size: 16px;color: #333;font-weight: bold;line-height: 22px;} .newdl dd a em{display: block;font-size: 14px;color: #666;line-height: 25px;overflow: hidden;height: 50px;} .newdl dd a:hover span{color: #E93232;-webkit-transform: translateX(3px);transform: translateX(3px);} .newul li {float: left;width: 100%;} .newul li a{display: block;line-height: 36px;} .newul li a span{font-size: 14px;color: #333;float: left;display: inline-block;width: 80%;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;} .newul li a i{float: right;font-size: 14px;color: #888;} .newul li a em{display: inline-block;width: 0;height: 2px;background: #E93232;float: left;margin-top: 18px;} .newul li a:hover em{width: 10px;margin-right: 5px;} .newul li a:hover span{color: #E93232;} .one_right{width: 48%;float: right;padding-top: 5px;} .one_right > a{display: block;position: relative;} .one_rigone{width: 49.1%;float: left;} .one_rigone .img{display: block;width: 100%;height: 322px;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;} .one_rigone .btn{position: absolute;width: 70px;height: 70px;left: 50%;top: 50%;margin: -35px 0 0 -35px;} .one_rigone .btn .btnbg1,.one_rigone .btn .btnbg2{background: rgba(0,0,0,0.4);display: block;width: 100%;height: 100%;-webkit-border-radius: 100%;border-radius: 100%;} .one_rigone .btn .btnbg2{position: absolute;top:0;left:0;-webkit-transform: scale(0);transform: scale(0);} .one_rigone:hover .btn .btnbg2{-webkit-transform: scale(1);transform: scale(1);} .one_rigone:hover .btn .btnbg1{-webkit-transform: scale(0);transform: scale(0);} .one_rigone .btn .black{left:50%;top:50%;margin: -15px 0 0 -9.5px;position: absolute;border-left:25px solid #fff;border-top: 15px solid transparent;border-bottom: 15px solid transparent;} .one_rigone:hover .img{-webkit-transform: scale(1.03);transform: scale(1.03);} .one_rigtwo{width: 49.1%;float: right;} .one_rigtwo a{display: block;position: relative;} .one_rigtwo a span.img{display: block;padding-bottom: 156px;-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center;} .one_rigtwo a span.txt{width: 100%;display: block;position: absolute;top: 0} .one_rigtwo a span.txt *{display: block;margin-left: 10%;width: 90%;color: #fff;line-height: 30px;} .one_rigtwo a span.txt i{padding: 42px 0 7px;font-weight: bold;font-size: 20px;} .one_rigtwo a span.txt em{font-size: 18px;} .one_rigtwo a:first-child{margin-bottom: 11px;} .one_rigtwo a:hover span.img{-webkit-transform: scale(1.03);transform: scale(1.03);} .one_rigtwo a:hover span.txt *{margin-left: 15%;} /*index one*/ .boxb{position: relative;margin-top: 98px;} .boxbbox{overflow: hidden;} .news_list { padding-bottom: 100px } .news_list .item-top { margin-top: 85px; } .news_list .item-top .swiper-pagination { width: 50%; right: 0; left: auto; text-align: left; padding-left: 42px; box-sizing: border-box; bottom: 44px; line-height: 1; } .news_list .item-top .swiper-pagination-bullet { background: #809bc0; opacity: 1; width: 10px; height: 10px; } .news_list .item-top .swiper-pagination-bullet-active { background: #0e8f35; } .news_list .item-top .item { display: block; position: relative; height: 377px; } .news_list .item-top .item:hover .words .more { padding-left: 25px; transition: .5s; } .news_list .item-top .item:hover .images img { transition: .5s; transform: scale3d(1.05, 1.05, 1); } .news_list .item-top .item .images { width:580px;height:377px; overflow: hidden; position: relative; } .news_list .item-top .item .images img { transition: .5s; } .news_list .item-top .item .images:after { content: ""; position: absolute; width: 100%; height: 100%; background: url(../images/focus_img.png) no-repeat center; background-size: 100%; top: 0; left: 0; } .news_list .item-top .item .words { width:650px; background: #0F1D53; font-size: 14px; color: #bed2ee; height: 377px; /*position: absolute;*/ padding: 45px 50px; box-sizing: border-box; } .news_list .item-top .item .words .time { font-size: 14px; color: #9db3d6; font-family: Arial; line-height: 1.1; } .news_list .item-top .item .words .tit { font-size: 24px; line-height: 33px; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 66px; margin-top: 25px; } .news_list .item-top .item .words .span { font-size: 15px; color: #bed2ee; line-height: 24px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 15px; margin-bottom: 32px; } .news_list .item-top .item .words .more { font-size: 14px; font-weight: bold; padding-left: 15px; box-sizing: border-box; position: relative; transition: .5s; } .news_list .item-top .item .words .more:after { position: absolute; content: ""; width: 1px; background: #fff; height: 20px; transform: skew(-10deg); left: 0; top: 0; bottom: 0; margin: auto; } .news_list .item-bot { width:1300px; margin-bottom: 80px; } .news_list .item-bot .item { margin-left: 60px; float: left; width: 585px; font-size: 15px; line-height: 25px; color: #666666; padding-top: 60px; padding-bottom: 30px; border-bottom: 1px solid #dbdbdb; position: relative; } .news_list .item-bot .item:hover:after { width: 100%; transition: .5s; } .news_list .item-bot .item:after { width: 0; height: 1px; background: #0e8f35; position: absolute; content: ""; bottom: 0; left: 0; transition: .5s; } .news_list .item-bot .item:nth-child(2n+1) { margin-left: 0; } .news_list .item-bot .item .time { font-size: 16px; line-height: 1.1; font-family: Arial; color: #00617f; } .news_list .item-bot .item .tit { font-size: 24px; line-height: 30px; height: 30px; color:#0A1338; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-top: 18px; margin-bottom: 15px; } .news_list .item-bot .item .text { height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news_list .news-bot { margin-bottom: 80px; } .news_list .news-bot .item { clear:both;display:block;width: 1230px;height:140px; font-size: 15px; line-height: 25px; color: #666666; padding-top: 60px; padding-bottom: 30px; border-bottom: 1px solid #dbdbdb; position: relative; } .news_list .news-bot .item:hover:after { width: 100%; transition: .5s; } .news_list .news-bot .item:after { width: 0; height: 1px; background: #0e8f35; position: absolute; content: ""; bottom: 0; left: 0; transition: .5s; } .news_list .news-bot .item:nth-child(2n+1) { margin-left: 0; } .news_list .news-bot .item .time { font-size: 16px; line-height: 1.1; font-family: Arial; color: #00617f; } .news_list .news-bot .item .tit { font-size: 23px; line-height: 30px; height: 30px; color:#0A1338; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-top: 18px; margin-bottom: 15px; } .news_list .news-bot .item .text { height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .lb-ctrl{position: absolute;color: white;background: rgba(125,125,120,.3);width: 50px;height: 80px; top:50%; font-family: "宋体";line-height: 80px;font-size:60px;margin-top: -40px; text-align: center;cursor: pointer;} .lb-ctrl .left{left: 10px;} .lb-ctrl .right{right: 10px;} .lb-ctrl:selection{background: transparent;} .lb-ctrl:hover{background: rgba(125,125,120,.8);} .news_list .news-bot .time{font-size:14px;color:#888;padding:1% 2% 2% 0;border-right:1px solid #e6e6e6;font-family: Arial,sans-serif;width:60px;margin:17px 0 0} .news_list .news-bot .time_day{display:block;font-size:50px;color:#de0025;line-height:50px;font-family:helvetica;text-align:center} .main{width:790px;padding:0 8% 0 4%;float:left} .news_list .news-bot .tool{font-size:12px;color:#c9c9c9;padding:10px 0px;} .news_list .news-bot .tool .share{margin-left:20px;cursor:pointer;} .news_list .news-bot .text{font-size:14px;color:#464646;line-height: 26px;height:52px;overflow:hidden;} .boxb_tit{z-index: 5;background: #E93232 url(../images/ico4.jpg) no-repeat right bottom;width: 295px;position: absolute;height: 470px;left: 50%;top: 50%;margin-left: -613px;margin-top: -235px;-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3);box-shadow: 0 0 20px rgba(0,0,0,0.3);} .boxb .swiper-slide a{display: block;position: relative;overflow: hidden;} .boxb .swiper-slide a span.img{width: 105%;display: block;padding-bottom: 380px;background-repeat: no-repeat;background-position: 0 0;-webkit-background-size: cover; background-size: cover;-webkit-transition: all ease .5s; transition: all ease .5s;background-position: center;} .boxb .swiper-slide a span.txt{position: absolute;bottom:0;left:0;display: block;width: 100%;position: absolute;background: url(../images/yy.png) left bottom repeat-x;height: 99px;} .boxb .swiper-slide a span.txt i{position: absolute;bottom:27px;display: block;margin: 0 6.25%;font-size: 24px;color: #fff;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;width: 87.5%;} .boxb .swiper-slide a:hover span.img{-webkit-transform: translateX(-3%);transform: translateX(-3%);} .boxb_tit h4{padding-top: 54px;color: #fff;font-weight: bold;font-size: 30px;line-height: 40px;} .boxb_tit h5{padding-bottom: 22px;font-size: 25px;font-family: 'Bahnschrift SemiBold SemiConden',Helvetica,"Helvetica Neue", Arial, sans-serif;text-transform: uppercase;color: #fff;font-weight: bold;line-height: 35px;position: relative;} .boxb_tit h6{width: 20px;height: 2px;background: #fff;} .boxb_tit p{padding-top: 51px;font-size: 14px;line-height: 30px;color: #fff;height: 120px;overflow: hidden;} .boxb_tit h4,.boxb_tit h5 ,.boxb_tit p,.boxb_tit h6{margin: 0 30px;} .two_page{margin: 79px 30px 0;} .twonext,.twoprev{width: 16px;height: 19px;float: left;cursor: pointer;-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;} .twonext{background: url(../images/ico_right.png) 0 0 no-repeat;} .twoprev{background: url(../images/ico_left.png) 0 0 no-repeat;} .twoxin{float: left;width: 28px;height: 1px;background: #fff;margin: 9px 10px 0;} .twonext:hover,.twoprev:hover{-webkit-transform: translateY(-3px);transform: translateY(-3px);opacity: 0.7;filter: alpha(opacity=70);} /*index two*/ .boxc{padding-top: 93px;padding-bottom: 40px;background: url(../images/ico3.jpg);position: relative;z-index: 5; } .three_tit{float: left;font-size: 18px;line-height: 32px;margin-right: 30px;} .three_tit span{color: #333;} .three_tit i{font-weight: bold;color: #E93232;text-transform: uppercase;} .select{ height:30px;position:relative;float:left;margin-left: 39px;} .select dt{height:30px;display:inline-block;border:1px solid #dfdede;background: url(../images/ico_select.gif) right center no-repeat #fff;line-height:30px;padding-left:15px;cursor:pointer;width:295px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99; color:#333} .select dt:hover,.select dt.cur{border:1px solid #409DFE;box-shadow:0 0 3px #409DFE;} .select dd{position:absolute;left:0;top:29px;border:1px solid #d2ccc4;background:#fff;display:none;z-index: 100;width: 99%;} .select dd ul{padding:4px 0;width:100%;max-height:250px;overflow:auto;} .select dd ul li{ display:block; width:100%; float:left;} .select dd ul li a{line-height:28px;display:block;padding:0 2%; width:94%;} .select dd ul li a:hover{background:#f5f5f5;} /*index end*/ .n_banner{background-repeat: no-repeat;background-position: center top;} .n_banner .w_1200{padding-bottom: 360px;color: #fff;} .n_banner span{position: absolute;left: 0;bottom: 0;background: #E93232;display: inline-block;width: 220px;height: 165px;border-top-left-radius: 50px;} .n_banner span *{display: block;margin: 0 40px;font-size: 30px;line-height: 38px;} .n_banner span i{margin-top: 48px;font-weight: bold;} .n_banner span em{font-family: 'Bahnschrift SemiBold SemiConden';font-size:22px;text-transform: uppercase;} .location{border-bottom: 1px solid #d7d6d6;} .location a{position: relative;margin: 0 36px;float: left;display: inline-block;line-height: 69px;font-size: 16px;color: #333;} .location a:after{width: 0;height: 3px;background: #E93232;content: '';position: absolute;left: 0;bottom: -1px;-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;} .location a.on:after,.location a:hover:after{width: 100%;} .list_p4_1{padding: 60px 0} .p4_1swiper{position: relative;overflow: hidden;} .p4_1swiper dt{width: 45.6%;float: left;} .p4_1swiper dt a{display: block;overflow: hidden;} .p4_1swiper dt span{display: block;padding-bottom:355px ;width: 105%;-webkit-background-size: cover;background-size: cover;} .p4_1swiper dd{float: left;width: 54.4%;} .p4_1swiper dd a{display: block;border:1px solid #e0dfdf;height: 353px;} .p4_1swiper dd a h5{font-size: 24px;color: #E93232;font-weight: bold;line-height: 36px;width: 70%;margin: 45px 0 21px 5.9%} .p4_1swiper dd a h5 i{display: inline-block;width: 0;height: 4px;background: #E93232;float: left;margin-top: 16px;} .p4_1swiper dd a h6{margin: 0 0 0 5.9%;font-size: 14px;color: #666;line-height: 15px;} .p4_1swiper dd a h6 img{margin-right: 7px;} .p4_1swiper dd a p{margin: 27px 5.9% 0;font-size: 14px;color: #777;line-height: 24px;overflow: hidden;height: 72px;overflow: hidden;} .p4_1swiperpagination{z-index: 2;position: absolute;right: 0;width: 50.8%;bottom: 40px} .p4_1swiperpagination span{display: inline-block;width: 10px;height: 10px;background: #cecbc8;margin-right: 10px;} .p4_1swiperpagination span.swiper-pagination-bullet-active{background: #E93232;} .p4_1swiper dt a:hover span{-webkit-transform: translateX(-3%);transform: translateX(-3%);} .p4_1swiper dd a:hover h5 i{width: 15px;margin-right: 5px;} .list_p4_1 ul {padding-top: 48px;} .list_p4_1 ul li a{display: block;padding: 31px 2.4%;border-bottom: 1px solid #e5e5e5;} .list_p4_1 ul li a h5{line-height: 40px;} .list_p4_1 ul li a h5 i{margin-top: 16.5px;float: left;width: 7px;height: 7px;background: #e42316;-webkit-border-radius: 5px;border-radius: 5px;display: inline-block;} .list_p4_1 ul li a h5 span{margin-left: 20px;display: inline-block;width: 80%;font-size: 20px;color: #333;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .list_p4_1 ul li a h5 em{float: right;font-size: 14px;color: #666;} .list_p4_1 ul li a h5 em img{margin-top: 12.5px;margin-right: 7px;} .list_p4_1 ul li a p{margin: 4px 27px 0;font-size: 14px;color: #666;line-height: 24px;height: 48px;overflow: hidden;} .list_p4_1 ul li a:hover{-webkit-box-shadow: 0 0 40px #ccc;box-shadow: 0 0 40px #ccc;border-color: #fff;} .list_p4_1 ul li a:hover h5 span{color: #E93232;} .page{text-align: center;padding: 50px 0 0;} .page a{display: inline-block;border:1px solid #dcdcdc;padding: 0 15px;line-height: 36px;font-size: 14px;color: #444;margin: 0 1px;} .page span{position: relative;display: inline-block;width: 49px;} .page span:after{width: 100%;height: 1px;background: #dcdcdc;content: '';position: absolute;left: 0;top: -4px;display: inline-block;} .page a.on,.page a:hover{background: #E93232;color: #fff;border-color: #E93232;} .list_p1_1{font-size: 16px;color: #666;line-height: 30px;padding-top: 68px;padding-bottom: 70px;} .p1_1_one dt{background:url(../images/bg_grid.gif) left bottom no-repeat;width: 50%;} .p1_1_one dt img{max-width: 94%;margin: 0 0 38px 30px} .p1_1_one dd{width: 46%;} .p1_1_one dd h3{font-size: 24px;color: #333;font-weight: bold;line-height: 26px;} .p1_1_one dd h4{margin-bottom: 28px;padding-top: 14px;font-family: Helvetica,Arial, "Helvetica Neue", sans-serif;font-size: 18px;color: #b9b9b9;line-height: 20px;text-transform: uppercase;} .p1_1_one dd ul {margin-top: 22px;} .p1_1_one dd ul li{float: left;text-align: center;} .p1_1_one dd ul li .number,.target .number{display: block;line-height: 64px;} .p1_1_one dd ul li .number i,.target .number i{margin-right: 9px;font-size: 60px;font-weight: bold;color: #E93232;font-family: 'Bahnschrift SemiBold SemiConden';} .p1_1_one dd ul li .number sup,.target .number sup{margin:0 0 0 -10px;font-size: 34px;font-weight: bold;color: #E93232;font-family: 'Bahnschrift SemiBold SemiConden';} .p1_1_one dd ul li .txt,.target .txt{display: block;line-height: 18px;font-size: 14px;color: #666;} .p1_1_one dd ul li:first-child{border-right:1px solid #d5d3d3;margin: 0 47px 0 0;padding-right: 42px;} .p1_1_two{margin-top: 40px;} .p1_1_two dt{width: 50%;background:url(../images/bg_grid.gif) right bottom no-repeat;} .p1_1_two dt img{margin: 0 30px 38px 0;max-width: 94%} .p1_1_two dd{width: 47.5%;} .p1_1_twoml dt{background:url(../images/bg_grid.gif) left bottom no-repeat;} .p1_1_twoml dt img{margin:0 0 38px 30px} .p1_1_two dd h5{font-size: 30px;color: #333;line-height: 40px;margin: 55px 0 21px} .p1_1txt{margin-top: 60px;} .list_leader{width: 1290px;margin: 40px auto 50px;} .list_leader li{float: left;width: 45.3%;border:1px solid #e2e1e1;margin: 20px 2.2% 20px} .leadername{position: relative;background: #f2f2f2;line-height: 92px;border-bottom: 1px solid #e2e1e1;} .leadername:after{width: 3px;height: 24px;background: #E93232;content: '';position: absolute;left: 0;top: 35px} .leadername span{margin-left: 6.3%;margin-right: 3%;font-size: 24px;color: #333;} .leadername em{font-size: 16px;color: #333;} .leadertxt{margin: 29px 6.3% 32px;font-size: 16px;color: #666;line-height: 30px;} .list_leader li.li01 .leadertxt{height: 90px;} .list_leader li.li02 .leadertxt{height: 180px;} .list_leader li.li03 .leadertxt{height: 120px;} .list_p1{padding: 70px 0 0;overflow: hidden;} .list_p1{font-size: 16px;line-height: 30px;color: #666;} .list_p1 ul.numbaerulpt0{width: 100%;float: left;padding-top: 0;} .p1_1_one dd ul.numbaerulpt0 li .number,.target li .number{line-height: 55px;} .p1_1_one .more{margin-top: 45px;display: block;float: left;width: 126px;height: 38px;line-height: 38px;border:1px solid #bdbcbc;text-align: center;font-size: 14px;color: #666;} .p1_1_one .more i{padding-left: 18px;font-family: simsun;} .p1_1_one .more:hover{border-color: #b30303;background: #b30303;color: #fff;} .p1_1_one .more:hover i{color: #fff;} .list_p1one{margin-top: 80px;background: url(../images/bg_lane.jpg) center center no-repeat;padding: 110px 0} .list_p1one li{float: left;width: 33.33%;text-align: center;} .list_p1one li a{display: block;padding: 70px 0 50px;background: #fff;} .list_p1one li a span.img{display: block;} .list_p1one li a span.img img{-webkit-border-radius: 100%;border-radius: 100%;-webkit-box-shadow: 0 0 15px #979797;box-shadow: 0 0 15px #979797;} .list_p1one li a span.txt{display: block;} .list_p1one li a span.txt *{display: block;} .list_p1one li a span.txt i{margin-top: 26px;margin-bottom: 10px;font-size: 24px;font-weight: bold;color: #333;line-height: 30px;} .list_p1one li a span.txt em{font-size: 18px;color: #b9b9b9;text-transform: uppercase;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;} .list_p1one li.li02 a{background: #f3f3f3;} .list_p1one li:hover a span.img img{-webkit-transform: translateY(-10px);transform: translateY(-10px);} .list_p1one li:hover a span.txt i{color: #b30303;} .target li{width:374px;height:100px;padding: 14px 0;border:0px solid #e2e1e1;text-align: center;float:left;margin:0 51px 0 0} .list_p1_two{padding: 66px 0 80px} .list_p1_tit{text-align: center;} .list_p1_tit *{display: block;} .list_p1_tit span{font-size: 24px;color: #333;font-weight: bold;} .list_p1_tit i{margin-top: 8px;font-size: 18px;color: #b9b9b9;text-transform: uppercase;} .pc-slide {width: 1230px;margin: 29px auto 0;overflow: hidden;} .view {margin-top: 58px;overflow: hidden;} .view .swiper-container {width: 100%;} .view .arrow_btn{position: absolute;width: 47.5%;right: 0;bottom: 60px;z-index: 5;} .view .arrow-left ,.view .arrow-right { margin-right: 9px;width: 87px;height: 34px;text-align: center;line-height: 34px;display: inline-block;z-index: 10;border:1px solid #bdbcbc;} .view .arrow-left:hover ,.view .arrow-right:hover{background: #b30303;color: #fff;border-color: #b30303;} .view .swiper-container .swiper-slide dt{width: 47.5%;float: left;background: url(../images/bg_grid.gif) left bottom no-repeat;} .view .swiper-container .swiper-slide dt .img{display: block;padding-bottom: 340px;margin-bottom: 40px;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;width: 95%;float: right;} .view .swiper-container .swiper-slide dd{width: 47.5%;float: right;} .view .swiper-container .swiper-slide dd h4{margin-bottom: 19px;font-size: 48px;color: #E93232;font-weight: bold;font-family:Helvetica, Arial, "Helvetica Neue", sans-serif;line-height: 66px;} .view .swiper-container .swiper-slide dd .txt{height: 180px;overflow-y: auto;} .preview {width: 100%;position: relative;height: 100px;} .preview .swiper-container {width: 1080px;height: 100px;margin: 0 75px;} .preview .swiper-slide {width: 167px;margin-right: 16px;cursor:pointer;text-align: center;background: url(../images/rule.jpg) center 33px no-repeat;} .preview .swiper-slide span{padding-top: 29px;display: block;font-size: 22px;color: #333;line-height: 24px;} .preview .swiper-slide img{opacity: 0;filter: alpha(opacity=0);} /*.preview .slide6 {width: 82px;}*/ .preview:after{width: 100%;height: 1px;background:#e3e2e2;content: '';position: absolute;left:0;top: 40px} .preview .arrow-left,.preview .arrow-right{cursor: pointer;display: inline-block;width: 16px;height: 32px;z-index: 5;bottom: 0;position: absolute;} .preview .arrow-left {background: url(../images/ico_arr_l1.png) no-repeat ;left: 0} .preview .arrow-right {background: url(../images/ico_arr_r3.png) no-repeat ;right: 0} .preview .active-nav img{opacity: 1;filter: alpha(opacity=100);} .view .swiper-container .swiper-slide dd .txt::-webkit-scrollbar {width: 3px; height: 1px; } .view .swiper-container .swiper-slide dd .txt::-webkit-scrollbar-thumb {border-radius: 10px;background: #535353; } .view .swiper-container .swiper-slide dd .txt::-webkit-scrollbar-track {border-radius: 10px;background: #EDEDED; } .p3_ulswiper{margin-top: 42px;position: relative;overflow: hidden;} .p3_ulswiper .swiper-slide a{background: #fff;display: block;padding-bottom: 40px;overflow: hidden;} .p3_ulswiper .swiper-slide a span.img{display: block;padding-bottom: 285px;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;} .p3_ulswiper .swiper-slide a span.ico{position: relative;z-index: 2;width: 90px;height: 90px;display: block;margin:-49px auto 25px;} .p3_ulswiper .swiper-slide a span.ico img{width: 100%;-webkit-border-radius: 100%;border-radius: 100%;-webkit-box-shadow: 0 0 25px #b2b1b1;box-shadow: 0 0 25px #b2b1b1;} .p3_ulswiper .swiper-slide a span.txt *,.p3_ulswiper .swiper-slide a span.txt{display: block;text-align: center;} .p3_ulswiper .swiper-slide a span.txt i{margin: 7px 0 16px;font-size: 24px;font-weight: bold;color: #333;line-height: 30px;} .p3_ulswiper .swiper-slide a span.txt em{font-size: 18px;color: #b9b9b9;text-transform: uppercase;min-height: 15px;font-family: Helvetica, Arial, "Helvetica Neue", sans-serif;} .p3_ulswiper .swiper-slide a:hover span.img{-webkit-transform: scale(1.03);transform: scale(1.03);} .p3_ulswiper .swiper-slide a:hover span.ico img{-webkit-transform: translateY(-10px);transform: translateY(-10px);} .p3_ulswiper .swiper-slide a:hover span.txt i{color: #b30303;-webkit-transform: translateY(-10px);transform: translateY(-10px);} .list_p3{padding-top: 63px;padding-bottom: 113px;background: url(../images/jt_bg.jpg) center no-repeat;} .p3_tit{text-align: center;line-height: 38px;color: #fff;} .p3_tit h5{font-weight: bold;font-size: 30px;} .p3_tit h6{text-transform: uppercase;font-weight: bold;font-size: 30px;font-family: 'Bahnschrift SemiBold SemiConden';} .industry_case{padding:10px 0px 100px;margin:0 auto} .industry_case ul{margin:0px -10px} .industry_case li{width:50%;float:left;} .industry_case .case-box{margin:0px 35px 30px 35px;} .industry_case .case_info{width:100%;position:relative;margin-bottom:1px;overflow:hidden} .industry_case .case_info img{display:block;max-width:100%} .industry_case .case_cont{width:100%;height:100%;position:absolute;top:0px;left:0px;background:url(../images/img_shadow.png);line-height: 24px;color:#FFF;visibility:hidden;opacity:0;transition:all .5s;-webkit-transition:all .5s;transform:scale(1.2);-webkit-transform:scale(1.2);cursor:pointer} .industry_case .case_text{position:absolute;top:50%;left:0px;color:#FFF;padding:30px 30px;vertical-align:middle;font-size:14px;line-height:24px;text-align:justify;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .industry_case h1{height:65px;line-height:65px;font-size:16px;color:#FFF;text-align:center;transition:all .5s;-webkit-transition:all .5s;background:#0F1D53} .industry_case .case-box:hover .case_cont{visibility:visible;opacity:1;transform:scale(1);-webkit-transform:scale(1);} .industry_case .case-box:hover h1{color:#bca260} .contact_us,.leader_speech{padding: 60px 0 80px;font-size: 16px;line-height: 30px;color: #666;} .contact_us .tit1,.leader_speech .tit1{font-size: 24px;font-weight: bold;color: #333;line-height: 40px;} .contact_us .tit2,.leader_speech .tit2{padding-bottom: 23px;padding-top: 5px;font-size: 18px;color: #b9b9b9;line-height: 30px;text-transform: uppercase;font-family: Helvetica, Arial, "Helvetica Neue", sans-serif;} .contact_us img,.contact_us table,.contact_us iframe{max-width: 100%;} .leader_speech img,.leader_speech table,.leader_speech iframe{max-width: 100%;height: auto !important;} .contact_us img,.contact_us table{height: auto !important;} .ifmap{padding-top:50px;} .qianm{float: right;margin-top: 30px;} .leaderimg{float: right;margin-left: 60px;background: url(../images/bg_grid.gif) left bottom no-repeat;padding: 0 0 40px 35px} .cultrue{background: url(../images/p1img9.jpg) center bottom no-repeat;padding: 60px 0 70px} .cultruebox{-webkit-box-shadow: 0 0 25px #b2b1b1;padding-bottom: 60px;box-shadow: 0 0 25px #b2b1b1;background: #fff;width: 1230px;margin: auto;} .cultrueboright,.cultrueboleft{width: 41%;} .cultrueboleft{margin-left: 3.2%;} .cultrueboright{margin-right: 3.2%;} .cultruediv h5 *{display: block;} .cultruediv h5 span{font-size: 30px;font-weight: bold;color: #E93232;line-height: 40px;} .cultruediv h5{padding-top: 53px;border-bottom: 1px solid #d7d6d6;} .cultruediv h5 i{padding-bottom: 12px;padding-top: 11px;font-size: 24px;color: #333;line-height: 40px;} .cultruediv > div{padding-top: 22px; font-size: 14px;color: #666;line-height: 24px;} .list_product{padding-bottom: 60px;} .list_product ul {padding-top: 20px;} .list_product ul li{margin-top: 40px;float: left;width: 31.7%;margin-left: 2.45%;-webkit-box-shadow: 0px 5px 20px #c8c8c8;box-shadow: 0px 5px 20px #c8c8c8;} .list_product ul li:nth-child(3n+1){margin-left: 0;} .list_product ul li a{display: block;overflow: hidden;} .list_product ul li a span.img{display: block;padding-bottom: 230px;width: 100%;-webkit-background-size: cover;background-size: cover;background-position: center;background-repeat: no-repeat;} .list_product ul li a span.txt{display: block;text-align: center;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;line-height: 60px;font-size: 18px;color: #333;} .list_product ul li a span.more{display: block;background: #e5e5e5;} .list_product ul li a span.more i{display: inline-block;padding-left: 5%;line-height: 52px;font-size: 14px;color: #666;font-family:Helvetica, Arial, "Helvetica Neue", sans-serif;text-transform: uppercase;} .list_product ul li a span.more em{margin:22px 5% 0 0;display: inline-block;float: right;width: 22px;height: 14px;background: url(../images/pro_ico1.png) -22px 0 no-repeat;} .list_product ul li a:hover span.more em{background-position: 0 0;} .list_product ul li a:hover span.more{background: #E93232;} .list_product ul li a:hover span.more i{color: #fff;} .list_news_txt{padding-top: 40px;} .list_news_txt ul li a h6{margin: 20px 27px 0;line-height: 30px;} .list_news_txt ul li a h6 em{font-size: 14px;color: #666;} .list_news_txt ul li a h6 em img{margin-top: 8px;margin-right: 7px;} .list_tuwen{padding: 40px 0 60px} .list_tuwen dl{padding: 30px 0;-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;} .list_tuwen dt{width: 20.7%;float: left;margin: 0 2.4%;background: url(../images/logo_h.png) center center no-repeat;} .list_tuwen dt a{overflow: hidden;display: block;} .list_tuwen dt span{display: block;width: 105%;padding-bottom:170px ;-webkit-background-size: cover;background-size: cover;} .list_tuwen dd{width: 70.7%;float: left;} .list_tuwen dd a{display: block;} .list_tuwen dd a h5{padding-top: 8px;padding-bottom: 24px;font-size: 20px;color: #333;font-weight: bold;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .list_tuwen dd a span{display: block;line-height: 24px;font-size: 14px;color: #666;height: 48px;overflow: hidden;} .list_tuwen dd a h6{margin-top: 22px;line-height: 30px;font-size: 14px;color: #666;} .list_tuwen dd a h6 img{margin-right: 9px;margin-top: 7.5px;} .p1_1_one dd ul li:last-child{border-left:1px solid #d5d3d3;margin: 0 0 0 37px;padding-left: 42px;} .list_tuwen dl:hover{-webkit-box-shadow: 0 0 40px #ccc;box-shadow: 0 0 40px #ccc;} .list_tuwen dl:hover dt span{-webkit-transform: translateX(-3%);transform: translateX(-3%);} .list_tuwen dl:hover dd a h5{color: #E93232;} .list_photo{padding: 50px 0 65px} .list_photo ul{min-height: 300px;} .list_photo li{float: left;width: 31.7%;margin-left: 2.4%;margin-top: 20px;} .list_photo li:nth-child(3n+1){margin-left: 0;} .list_photo li a{display: block;overflow: hidden;} .list_photo li a span.img{display: block;padding-bottom: 260px;width: 105%;-webkit-background-size: cover;background-size: cover;} .list_photo li a span.img img{display: none;} .list_photo li a span.txt{text-align: center;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;display: block;width: 96%;font-size: 18px;color: #333;line-height: 60px;padding: 0 2%} .list_photo li a:hover span.img{-webkit-transform: translateX(-3%);transform: translateX(-3%);opacity: 0.9;filter: alpha(opacity=90);} .list_photo li a:hover span.txt{color: #E93232;} .list_zhuanti{padding: 38px 0 120px} .list_zhuanti li{float: left;margin-left: 2.4%;width: 48.8%;margin-top: 30px;} .list_zhuanti li a{display: block;width: 100%;padding-bottom: 189px;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;} .list_zhuanti li:nth-child(2n+1){margin-left: 0;} .cont_newsbox{margin-top: 30px;} .cont_nnewtit{text-align: center;font-size: 24px;font-weight: bold;line-height: 30px;margin-top: 0px;} .cont_nnewem{border-bottom: 1px solid #ccc;font-size: 12px;text-align: center;line-height: 22px;padding: 15px 0;} .cont_nnewem em{margin: 0 10px;} .cont_nnewem span{margin: 0 10px;cursor: pointer;} .cont_dan{margin: 20px 0;font-size: 16px;line-height: 32px;min-height: 200px;} .cont_dan img,.cont_dan table,.cont_dan iframe{max-width: 100%;height: auto !important} .cont_dan img{display: block;margin: auto !important;} .cont_dan table{width: 100%;} .p5_cont_page{margin: 30px 0 52px} .p5_cont_page a{width: 100px;display: inline-block;line-height: 40px;color: #4c4c4c;background: #efefef;text-align: center;font-size: 14px;} .p5_cont_page a.return{float: left;} .p5_cont_page a:hover{background: #c43a3c;color: #fff;} .p5_cont_page span{float: right;} .p5_cont_page span a {margin-left: 4px;} .organ{width:100%;height:1300px;background:url(/images/organ.jpg) no-repeat center center} /* 雪碧图 */ .ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../images/ico.png); *text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;} .ico:before {content:'\3000';} .ico1_2 { background-position:-20px 0;} .ico1_3 { background-position:-40px 0;} .ico1_4 { background-position:-60px 0;} .ico1_5 { background-position:-80px 0;} .ico2_1 { background-position:0 -20px;} .ico2_2 { background-position:-20px -20px;} .ico2_3 { background-position:-40px -20px;} .ico2_4 { background-position:-60px -20px;} .ico2_5 { background-position:-80px -20px;} .ico3_1 { background-position:0 -40px;} .ico3_2 { background-position:-20px -40px;} .ico3_3 { background-position:-40px -40px;} .ico3_4 { background-position:-60px -40px;} .ico3_5 { background-position:-80px -40px;} .ico4_1 { background-position:0 -60px;} .ico4_2 { background-position:-20px -60px;} .ico4_3 { background-position:-40px -60px;} .ico4_4 { background-position:-60px -60px;} .ico4_5 { background-position:-80px -60px;} /*通用-新闻详细*/ .news_view .ion { color:#676767} .news_view .n_left { width:72%; float:left; padding-bottom:200px} .news_view ._head ._title { font-size:26px; font-weight:normal; color:#000000; margin-bottom:10px;line-height:40px} .news_view ._tools { font-size:0; color:#7e7e7e; margin-bottom:15px;} .news_view ._tools ._tool{ font-size:12px; margin-right:12px; display:inline-block; height:20px; line-height:20px;} .news_view ._tools .ion { font-size:18px; display:inline-block; height:30px; line-height:30px; vertical-align:-2px;} .news_view ._tools b { font-weight:normal; } .news_view ._tools #switcher { margin-left:10px; } .news_view ._tools #switcher ._title{margin-right:5px;font-size:12px;color:#7e7e7e;} .news_view ._tools #switcher .ion { font-size:15px; } .news_view ._tools .bds_more { float:none; background:none; padding:0;} .news_view .myart { line-height:2; min-height:200px; font-size:13px; color:#555555; } .news_view .n_right { width:24%; float:right; padding-top:0; } .news_view ._tools ._tool{height:36px; line-height:36px;} .news_view ._tools ._back{ color:#676767;display:block;} .news_view ._tools ._back .back_ico{background:url(../images/detail_back.png) right center no-repeat;width:36px;height:22px;display:inline-block;margin-right:10px;vertical-align:middle;} .news_view ._tools ._back .ion { font-weight:normal; vertical-align:0; } .news_view ._tools .share,.news_view ._tools .print {width:36px;text-align:center; background-color:#e60012; border-radius:50%; cursor:pointer;position:relative;} .news_view ._tools ._tool .ico2_1 { margin-right:5px; } .news_view ._tools .share:after{content:"";width:1px;height:100%;display:block;position:absolute;top:0;right:-20px;background:#cccccc;} .news_view ._tools .share .ion,.news_view ._tools .print .ion { font-size:18px; color:#ffffff; } .news_view ._tools .share .ion { font-size:20px; } .news_view ._detailPage_bottom li strong,.news_view ._detailPage_bottom li span,.news_view ._detailPage_bottom li a{ display:block;} .news_view ._detailPage_bottom{margin-top:45px; border:#f3f3f3 2px solid; } .news_view ._detailPage_bottom ul{padding: 10px 20px 30px;} .news_view ._detailPage_bottom li ._mark{ padding-bottom:8px; font-size:19px; font-weight:bold; color:#000000; } .news_view ._detailPage_bottom ._date{ height:20px; line-height:20px; margin-bottom:7px; font-family:Arial,sans-serif; font-size:13px; color:#676767; } .news_view ._detailPage_bottom ._date .ico {margin-right:4px;} .news_view ._detailPage_bottom li ._title:hover { color:#5c5c5c; } .news_view ._detailPage_bottom li ._title { font-size:14px; font-weight:normal; color:#7d7d7d; } .news_view ._detailPage_bottom li { padding: 27px 0; } .news_view ._detailPage_bottom li._prev{ border-bottom:1px #ececec solid; } .news_view .img_ext{clear:both;width:750px;margin:0 auto;padding: 30px 0;overflow:hidden} .news_view .img_ext2,.news_view .img_ext4,.news_view .img_ext4s{width:950px} .news_view .img_ext2 li{width:340px;margin:0 70px 0 0;float:left;text-align:center} .news_view .img_ext2 img,.news_view .img_ext4 img,.news_view .img_ext4s img{width:340px} .news_view .img_ext3{width:1050px} .news_view .img_ext3 li{width:215px;margin:0 50px 0 0;float:left;text-align:center} .news_view .img_ext3 img{width:215px} .news_view .img_ext4 li,.news_view .img_ext4s li{width:340px;margin:0 70px 47px 0;float:left;text-align:center} .news_view .img_ext4s .img_ext4s_f{padding:0 205px;display:block} .job_right{padding: 30px 0 50px} .job_righttit{text-align: center;border-top: 4px solid #E93232;background: #f5f5f5;} .job_righttit span,.job_right ul li .problem span{display: inline-block;float: left;color: #343434;font-size: 16px;font-weight: bold;line-height: 56px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .job_righttit span.span1,.job_right ul li .problem span.span1{width: 200px;} .job_righttit span.span2,.job_right ul li .problem span.span2{width: 280px;} .job_righttit span.span3,.job_right ul li .problem span.span3{width: 200px;} .job_righttit span.span4,.job_right ul li .problem span.span4{width: 220px;float: right;} .job_right ul li .problem{width: 100%;float: left;cursor: pointer;font-size: 15px;color: #666;line-height: 80px;text-align: center;} .job_right ul li .problem span{font-weight: normal;} .job_right ul li { background:#fff url(../images/xu.jpg) left bottom repeat-x;width: 100%;float: left;} .job_right ul li .answer { font-size: 14px;color: #666;line-height: 40px;display: none;width: 89%;padding: 20px 5.5%;background: #f5f5f5 ; overflow: hidden;} .job_right ul li .answer img,.job_right ul li .answer table,.job_right ul li .answer iframe { max-width: 100%;height: auto !important; } .job_right ul li:first-child .answer { display: block; } .job_right ul li .answer .jobico{margin-top: 27px;margin-bottom: 20px;background: #b30303 ;width: 160px;height: 40px;line-height: 40px;text-align: center;display: inline-block;color: #fff;font-size: 14px;} .job_right ul li .answer .jobico img{margin-right: 12px;margin-top: 9px;} .job_right ul li .answer .jobico:hover{opacity: 0.7;filter: alpha(opacity=70);} .list_p1_three li{width: 50%;float: left;} .list_p1_three li a{display: block;position: relative;} .list_p1_three li a span.img{width: 105%;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;display: block;padding-bottom: 360px;} .list_p1_three li a span.txt{display: block;height: 100%;position: absolute;} .list_p1_three li.li01 a span.txt{right: 0;top:0;width: 615px;color: #fff;} .list_p1_three li.li01 a span.txt i,.list_p1_three li.li02 a span.txt i.tit{padding-top: 80px;padding-bottom: 9px;font-weight: bold;display: block;font-size: 24px;line-height: 30px;} .list_p1_three li.li01 a span.txt em,.list_p1_three li.li02 a span.txt i.titxtt{display: block;font-size: 18px;line-height: 30px;font-family: Arial, Helvetica,"Helvetica Neue",sans-serif;text-transform: uppercase;} .list_p1_three li.li01 a span.txt img{position: absolute;top: 50%;left: 50%;margin: -38.5px 0 0 -38.5px} .list_p1_three li.li01 a:hover span.txt i,.list_p1_three li.li02 a:hover span.txt i.tit{-webkit-transform: translateY(-10px);transform: translateY(-10px);} .list_p1_three li.li01 a:hover span.txt img{-webkit-transform: rotate(118deg);transform: rotate(118deg);} .list_p1_three li.li01 a:hover span.img{-webkit-transform: translateX(-3%);transform: translateX(-3%);} .list_p1_three li.li02 a span.txt{width: 615px;left: 0;top: 0;color: #fff;} .list_p1_three li.li02 a span.txt > *{margin-left: 70px;} .list_p1_three li.li02 a span.txt .ptxt{margin-top: 20px;font-size: 16px;display: block;} .list_p1_three li.li02 a span.txt em{margin-top: 50px;display: block;border:1px solid #fff;text-align: center;width: 126px;height: 38px;line-height: 38px;} .list_p1_three li.li02 a span.txt em b{font-family: simsun;margin-left: 15px;} .list_p1_three li.li02 a:hover span.txt em{background: #fff;color: #E93232;} .list_p1_three li.li02 a:hover span.txt em b{color: #E93232;} .list_search{padding: 30px 0 60px} .list_search ul li a{padding: 10px 0;display: block;float: left;width: 100%;line-height: 40px;background: url(../images/xu.jpg) left bottom repeat-x;} .list_search ul li a i{width: 6px;height: 6px;margin: 17px 20px 0 0 ;background: #E93232;display: inline-block;float: left;-webkit-border-radius: 5px;border-radius: 5px;} .list_search ul li a span{float: left;font-size: 16px;display: inline-block;width: 80%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .list_search ul li a em{float: right;font-size: 14px;color: #999;} .list_search ul li a:hover i{width: 15px;} .list_search ul li a:hover span{color: #E93232;} .down{width:100%;height:130px;padding:35px 0 5px} .down .down-doc{width:293px;height:116px;background:url(/images/ico-doc.gif) no-repeat;padding:14px 20px 0 157px;overflow:hidden} .down .down-pdf{width:293px;height:116px;background:url(/images/ico-pdf.gif) no-repeat;padding:14px 20px 0 157px;overflow:hidden} .down .down-xls{width:293px;height:116px;background:url(/images/ico-xls.gif) no-repeat;padding:14px 20px 0 157px;overflow:hidden} .down .down-cdr{width:293px;height:116px;background:url(/images/ico-cdr.gif) no-repeat;padding:14px 20px 0 157px;overflow:hidden} .down .down-jpg{width:293px;height:116px;background:url(/images/ico-jpg.gif) no-repeat;padding:14px 20px 0 157px;overflow:hidden} .down p{padding:15px 0 0;line-height:25px;font-size:14px} .Gallery{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);opacity:0;z-index:999999;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease} .Gallery.show{opacity:1} .g-bottom,.g-left,.g-right,.g-top{z-index:99;display:block;-webkit-appearance:none;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease} .g-top{position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120} .g-left.none,.g-right.none{opacity:.3;cursor:not-allowed} .g-bottom{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120} .Gallery img{max-height:87%;max-width:99%} .Gallery.Gallery-none img{max-height:100%;max-width:99%} .Gallery-wrap{width:100%;height:100%;position:relative;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)} .g-list{width:100%;height:100%;text-align:center;vertical-align:middle;position:absolute;left:0;top:0} .g-list span{display:inline-block;vertical-align:middle;height:100%} .g-list img{vertical-align:middle;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease} .Gallery-wrap.grab .g-list img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing} .party_branch{width:100%;height:1000px;background:url(/images/party.jpg) no-repeat center center} .g-top .g-count{width:auto;height:100%;position:absolute;left:0;top:0;padding:0 18px} .g-top button{height:45px;width:45px;border:none;position:absolute;right:0;top:0;opacity:.8;background:0 0;-webkit-tap-highlight-color:transparent} .g-top span{display:block;width:100%;height:100%;line-height:45px;color:#fff} .g-close{cursor:pointer} .g-close:after{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;left:8px;top:21px} .g-close:before{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;left:8px;top:21px} .g-top button:hover{opacity:1} .g-right { position: absolute; top: 43%; right: 0; height: 14%; background: rgba(0,0,0,.5); width: 55px; cursor: pointer;} .g-left { position: absolute; top: 43%; left: 0; height: 14%; background: rgba(0,0,0,.5); width: 55px; cursor: pointer;} .g-left:after{content:'';width:20px;height:2px;background:#fff;position:absolute;left:16px;top:50%;margin-top:-1px} .g-left:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-top:none;border-right:none;display:block;position:absolute;left:16px;top:50%;margin-top:-6px} .g-right:after{content:'';width:20px;height:2px;background:#fff;position:absolute;right:16px;top:50%;margin-top:-1px} .g-right:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-left:none;border-bottom:none;display:block;position:absolute;right:16px;top:50%;margin-top:-6px} /*20190328*/ .stratit{text-align: center;font-size: 24px;color: #333;line-height: 30px;font-weight: bold;padding-bottom: 35px;} .straname{font-size: 24px;color: #333;line-height: 30px;padding-bottom: 20px;} .Strategic{font-size: 16px;color: #666;line-height: 30px;} .Strategic img,.Strategic table,.Strategic iframe{max-width: 100%} .Strateul1,.Strateul2{padding: 0 0 62px} .Strateul1 li,.Strateul2 li{float: left;border:1px solid #d2d1d1;width: 30%;padding:20px 0 29px 1.5%;min-height: 200px;margin-left: 2.5%;} .Strateul1 li:first-child,.Strateul2 li:first-child{margin-left: 0;} .Strateul1 li h5,.Strateul2 h5{padding-bottom: 9px;font-size: 18px;font-weight: bold;color: #E93232;} .straem{text-align: center;font-weight: bold;font-size: 24px;color: #E93232;line-height: 30px;padding-bottom: 15px;} .Strateul2 li{min-height: 100px;} .Strategic{padding: 65px 0 30px} .share_right a{width: 24px !important;height: 24px !important;padding: 0 !important;} .share_right a{ display: block;float: left;width: 24px!important;height: 24px!important; padding: 0!important; margin: 0 7.5px!important; } .share_right .share_weibo{ background: url(../images/info_shareicon1.png) no-repeat center!important; } .share_right .share_qq{background: url(../images/info_shareicon2.png) no-repeat center!important; } .share_right .share_weixin{ background: url(../images/info_shareicon3.png) no-repeat center!important;} .cnzz{position: relative;display: inline-block;width: 50px;height: 12px;} .cnzz img { position: absolute; top: 0; left: 0; } @media screen and (max-width: 1230px){ .navWrap{display: none;} .m_header{display: block;} .w_1200,.list_leader{width:94%} .banner a{height: 0;padding-bottom: 50%;} .banner a .txt1{top: 30%} .banner a .txt2,.banner a .txt3,.banner a .txt3{top:30%;width: 94%;margin-left: 0;left: 3%} .banner a .txt3 i.txt3img1{display: none;} .banner .swiper-slide.swiper-slide-active .txt3img2, .banner .swiper-slide.swiper-slide-active .txt3img3, .banner .swiper-slide.swiper-slide-active .txt3img4{margin-left: 0;} .news_tabs_tit > a i{font-size: 16px;} /*new */ .boxb_tit{position: static;width: 100%;margin: 0;height: auto;padding-bottom: 20px;} .boxb_tit h4{padding-top: 20px;} .boxb_tit h4,.boxb_tit h5{font-size: 20px;line-height: 30px;} .boxb_tit h5{padding-bottom: 10px;} .boxb_tit p{padding-top: 10px;height: auto;max-height: 90px;overflow: hidden;} .two_page{margin-top: 10px;} .boxb .swiper-slide a span.img{padding-bottom: 65%;} .boxb{margin-top: 12px;} .two_page {margin-top: 10px;position: absolute;right: 0;top: 30px;} /**/ .boxc,.footer{padding: 20px 0;} .boxc .select{width: 23%;margin-left: 3%;} .select dt{width: 100%;-webkit-box-sizing: border-box; box-sizing: border-box;} .footer h5{width: 100%;text-align: center;margin-bottom: 15px;} .foot_ewm{float: right;margin: 0;} .footadd{float: left;margin: 0;} .three_tit{margin-right: 0;} /*index end*/ .list_p4_1{padding: 20px 0} .list_p4_1 ul{padding-top: 20px;} .location{display: none;} .n_banner .w_1200{padding-bottom: 30%;} .n_banner{-webkit-background-size: cover; background-size: cover;} .n_banner span{background: none;width: 100%;text-align: center;height: auto;top: 50%;margin-top: -38px} .n_banner span i{margin-top: 0;} .p1_1_two dd h5{margin: 20px 0 10px;font-size: 24px;line-height: 35px;} .list_p1_1{font-size: 14px;padding: 30px 0 50px} .p1_1_one dd ul li:first-child{padding: 0 10% 0 0;margin-right: 10%;} .pc-slide{width: 96%;} .preview .swiper-container,.cultruebox{width: 90%;margin: 0 5%} .list_p1{padding: 30px 0 0} .list_p1_two{padding-top: 30px;} .p3_ulswiper .swiper-slide a span.img{padding-bottom: 72%;} .contact_us iframe{height: 400px !important;} .cultrueboright, .cultrueboleft{width: 45.2%;} .cultruediv h5 span{font-size: 24px;} .cultruediv h5 i{font-size: 20px;} .cultruediv h5 i,.cultruediv h5 span{line-height: 30px;} .list_product ul li a span.img{padding-bottom: 60%;} .list_product ul li a span.txt{line-height: 50px;} .list_photo li a span.img{padding-bottom: 70%;} .list_zhuanti li a{padding-bottom: 31%;} .list_zhuanti{padding: 20px 0 60px} .list_p1_three li.li01 a span.txt,.list_p1_three li.li02 a span.txt{width: 90%;margin: 0 5%} .list_p1_three li.li02 a span.txt > *{margin-left: 0;} .list_p1_three li a span.img{padding-bottom: 60%;} .list_p1_three li.li02 a span.txt .ptxt{display: none;} /*20190328*/ .Strateul1 li,.Strateul2 li{margin-left: 2%;} .banner a .txt3.txt4{margin-left: 0;} .banner a .txt5{width: 350px;margin-left: -175px;margin-top: -164px;} .banner .swiper-slide.swiper-slide-active .txt5img2{margin-top: 65px;} } @media screen and (max-width: 1028px){ .p1_1_one dt,.p1_1_one dd{width: 100%;margin: 0} .p1_1_one dt{margin-bottom: 20px;} .p1_1_one dd h4{margin-bottom: 10px;} .p1_1_two dt,.p1_1_two dd{width: 100%;margin-bottom: 20px;} .p1_1_two dt{background: url(../images/bg_grid.gif) left bottom no-repeat;} .p1_1_two dt img{margin: 0 0 38px 30px} .p1_1_two{margin-top: 0;} .p1_1_one{margin-bottom: 30px;} .p1_1txt{margin-top: 20px;} .list_leader{margin: 30px auto 40px} .list_leader li{width: 100%;margin: 10px 0} .list_leader li.li01 .leadertxt,.list_leader li.li02 .leadertxt,.list_leader li.li03 .leadertxt{height: auto;margin: 20px 3%} .leadername{line-height: 60px;} .leadername span{margin-left: 3%;} .leadername:after{top: 19px} .list_p1one li a span.img img{width: 120px;} .list_p1one{margin-top: 40px;} .p3_ulswiper .swiper-slide a span.txt i{font-size: 20px;line-height: 26px;margin-bottom: 7px;} .p3_ulswiper .swiper-slide a span.ico{margin-bottom: 15px;} .p3_ulswiper .swiper-slide a span.txt em{font-size: 16px;} .leaderimg{width: 100%;float: left;margin-left: 0;background-repeat: repeat-x;text-align: center;padding-left: 0;} .leaderimg{display: none;} .leader_speech{padding: 40px 0 60px} .list_tuwen dt{width: 30%;} .list_tuwen dd{width: calc(100% - 38% );} .job_righttit span.span3, .job_right ul li .problem span.span3 { display: none;} .job_righttit span.span2, .job_right ul li .problem span.span2 { width: 50%;font-size: 14px;} .job_right ul li .problem span.span1 ,.job_right ul li .problem span.span4,.job_righttit span.span4,.job_righttit span.span1{ width: 25%; margin: 0;font-size: 14px;} .list_p1_three li.li01 a span.txt i, .list_p1_three li.li02 a span.txt i.tit{padding-top: 30px;font-size: 20px;} .boxb .swiper-slide a span.txt i{font-size: 20px;} } @media screen and (max-width: 768px){ .boxb .swiper-slide a span.img{width: 100%;padding-bottom: 60%;} .bannerhd{bottom: 20px} .banner a .txt1 i{width: 50%;margin: auto;} .banner a .txt2 i,.banner a .txt3 i{width: 70%;} /*banner end*/ .newdl dt{width: 25%;} .newdl dd{width: 70%;} .boxa,.one_right{padding-top: 20px;} .one_left{width: 100%;} .news_tab_box{margin-top: 20px;} .one_right{width: 100%;} .boxb .swiper-slide a span.txt i{font-size: 16px;bottom:12px;} .boxc .select{width: 100%;margin-left: 0;margin-top: 10px;} .foot_ewm,.copy_left{text-align: center;width: 100%;} .footadd{width: 100%;margin: 10px 0;text-align: center;} .foot_ewm li{float: none;display: inline-block;} .copy_right{display: none;} /*index*/ .p4_1swiper dt,.p4_1swiper dd{width: 100%;} .p4_1swiper dt span{padding-bottom: 65%;} .p4_1swiper dd a h5{margin: 20px 2% 10px;width: 96%;} .p4_1swiper dd a h6{margin: 0 2%} .p4_1swiper dd a p{margin: 10px 2% 0} .p4_1swiper dd a{height: auto;padding-bottom: 30px;} .p4_1swiperpagination{bottom: 10px;width: 100%;left: 0;text-align: center;} .n_banner span *{font-size: 24px;line-height: 30px;} .n_banner span{margin-top: -30px;} .p4_1swiper dd a h5{font-size: 20px;line-height: 30px;} .list_p4_1 ul li a h5 span{font-size: 16px;margin-left: 0;width: calc(100% - 110px);} .list_p4_1 ul li a h5 i{display: none;} .list_p4_1 ul li a p{margin: 4px 0 0} .list_p4_1 ul li a{padding: 20px 2%} .list_p4_1 ul{padding-top: 0;} .list_p4_1 ul li a h5{height: 40px;overflow: hidden;} .page a, .page span { display: none;} .page a.btn { display: inline-block; margin: 0 5%;} .page{padding-top: 20px;} .p1_1_two dt img,.p1_1_one dt img{margin: 0 0 8px 11px} .p1_1_two dd h5{margin: 5px 0;font-size: 22px;} .p1_1_two dt{margin-bottom: 10px;} .p1_1_one dd ul li:first-child{border: none;} .p1_1_one dd ul li{width: 100%;} .p1_1_one dd ul li .number i{font-size: 40px;} .leadername span{font-size: 20px;} .leadername em{font-size: 14px;} .leadertxt{font-size: 14px;line-height: 26px;} .list_p1one li a span.img img{width: 75px;} .list_p1one li a span.txt i{margin-top: 15px;font-size: 20px;margin-bottom: 0;} .list_p1one li a span.txt em{display: none;} .list_p1one li a{padding: 30px 0 20px} .list_p1one{padding: 50px 0} .p1_1_one .more{margin: auto;float: none;} .list_p1 ul.numbaerulpt0{float: none;padding-bottom: 20px;} .view .swiper-container .swiper-slide dt,.view .swiper-container .swiper-slide dd{width: 100%;} .view .swiper-container .swiper-slide dt .img{padding-bottom: 55%;width: 96%; margin-bottom: 2%; margin-right: 2%;} .view .swiper-container .swiper-slide dd h4{margin-bottom: 0;font-size: 30px;line-height: 50px;margin-top: 15px;} .view .arrow_btn{width: 100%;text-align: center;bottom: 0} .view .arrow_btn a{margin: 0 10px} .view{margin-top: 20px;} .view .swiper-container{padding-bottom: 50px;} .preview .swiper-slide span{padding-top: 10px;} .preview,.preview .swiper-container{height: 84px;} .view .swiper-container .swiper-slide dd .txt{height: auto} .p3_ulswiper .swiper-slide a span.txt em{font-size: 14px;} .p3_ulswiper .swiper-slide a span.ico{width: 50px;height: 50px;margin: -30px auto 10px} .p3_ulswiper .swiper-slide a{padding-bottom: 20px;} .p3_tit h5,.p3_tit h6{font-size: 24px;} .list_p3{padding: 40px 0 80px} .contact_us,.cultrue{padding: 40px 0 60px} .contact_us .tit1{font-size: 22px;} .cultrueboright, .cultrueboleft{width:90%;margin: 0 5%} .cultruediv h5{padding-top: 30px;} .list_product ul li,.list_product ul li:nth-child(3n+1){margin:20px 2% 0 ;width:96% ;} .list_product ul li a span.more i{line-height: 30px;} .list_product ul li a span.more em{margin-top: 8px;} .list_product ul{padding-bottom: 20px;} .list_news_txt ul li a h6{margin: 0 } .list_tuwen dt,.list_tuwen dd{width: 95.2%;margin: 0 2.4%} .list_tuwen dt span{padding-bottom: 65%;} .list_tuwen dt {margin-bottom: 15px;} .list_tuwen,.list_photo{padding: 20px 0 40px} .list_tuwen dl{padding: 20px 0} .list_tuwen dd a h5{padding: 5px 0 10px;font-size: 18px;} .list_tuwen dd a h6{margin-top: 10px;} .list_photo li,.list_photo li:nth-child(3n+1) {width: 45.2%;margin: 10px 2.4% 0} .list_photo li a span.txt{line-height: 40px;font-size: 15px;} .list_zhuanti li{width: 100%;margin-left: 0;} .list_p1_three li{width: 100%;} .list_search ul li a em{display: none;} .list_search{padding-top: 20px;padding-bottom: 40px;} .list_search ul li a{padding: 5px 0} .list_search ul li a span{font-size: 14px;} /*20190328*/ .Strategic{padding: 30px 0 0} .Strateul1 li,.Strateul2 li{margin-left: 0%;width: 100%;-webkit-box-sizing: border-box; box-sizing: border-box;min-height: auto;margin-bottom: 10px;} .banner a .txt5{width: 180px;margin-left: -90px;margin-top: -85px} .banner .swiper-slide.swiper-slide-active .txt5img2{margin-top: 36px;} } @media screen and (max-width: 640px){ .list_p1one li a span.txt i{font-size: 16px;} .p3_ulswiper .swiper-slide a span.txt i{font-size: 18px;} } .downWrap{clear:both;width:100%; background:#0A1338;padding-bottom:50px;} .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .container { margin-right: auto; margin-left: auto;width: 1200px; } .footer{ width:100%; float:left; padding:59px 0 57px 0; overflow:hidden;} .footer .tel{ width:30.188%; float:left; padding-left:70px; background:url(../images/ico_tel.png) no-repeat left center; margin-top:15px;} .footer .tel h4{ width:100%; float:left; font-size:18px; color:white; line-height:33px; opacity:0.66; filter:alpha(opacity=66);} .footer .tel h2{ width:100%; float:left; font-size:30px; color:white; line-height:36px; font-weight:bold} .footer .ewm_2{ width:28.188%; float:left} .footer .ewm_2 .ewm_2_box{ width:99px; height:99px; padding:4px; border:solid 1px #dcdcdc; background:white; float:left;} .footer .ewm_2 .text{ margin-left:119px; margin-top:20px;} .footer .ewm_2 .text h5{ width:100%; float:left; font-size:14px; color:white; line-height:21px; opacity:0.6; filter:alpha(opacity=60);} .footer .ewm_2 .text .bshare-custom{ width:100%; float:left; margin-top:11px;} .footer .ewm_2 .text .bshare-custom a{ display:block; width:32px; height:32px; padding:0; margin:0 13px 0 0; float:left;} .footer .ewm_2 .text .bshare-custom a.a1{ background:url(images/ico_05.png) no-repeat center;} .footer .ewm_2 .text .bshare-custom a.a2{ background:url(images/ico_06.png) no-repeat center;} .footer .ewm_2 .text .bshare-custom a.a1:hover{ background:url(images/ico_05_h.png) no-repeat center; opacity:1; filter:alpha(opacity=100);} .footer .ewm_2 .text .bshare-custom a.a2:hover{ background:url(images/ico_06_h.png) no-repeat center; opacity:1; filter:alpha(opacity=100);} .footer .footer_r{ width:31.624%; float:right;} .footer .footer_r .p{ width:100%; float:left; margin-top:14px; font-size:14px; color:white; line-height:24px; opacity:0.6; filter:alpha(opacity=60);} .footer .footer_r .p a{ color:white;} .footer .footer_r .p span{ display:block; width:41%; float:left;} .footer .footer_r .p .span1{ text-align:right;} .swiper-slide .txt p{background:url(../images/ico_arr1.gif) no-repeat center left;text-indent:1.3em;font-size:20px;padding:9px 0} .link_1{ width:100%; float:left; border-top:solid 1px #30343D; padding:15px 0 16px 0; font-size:14px; color:white; line-height:22px;} .link_1 h4{ width:100%; padding:0 20px; height:38px; line-height:38px; color:white; background:#212121 url(images/btn06_h.png) no-repeat 98% center; background-size:30px 30px; display:none; font-size:14px;} .link_1 h4.on{ background-image:url(images/btn06.png);} .link_1 .p{ width:100%; float:left; overflow:hidden;} .link_1 a{ color:white; opacity:0.4; filter:alpha(opacity=40);display:inline-block;*display:inline; *zoom:1; padding-right:40px; -webkit-transition: all 0s ease-out 0s; -moz-transition: all 0s ease-out 0s; -o-transition: all 0s ease-out 0s; transition: all 0s ease-out 0s;} .link_1 span{display:inline-block;*display:inline; *zoom:1; padding:0 13px;color:white; opacity:0.4; filter:alpha(opacity=40); margin-left:-40px;} .link_1 a span{ opacity:1; filter:alpha(opacity=100);} .link_1 a:hover{ opacity:1; filter:alpha(opacity=100);} .link_1 a:hover span{ opacity:0.4; filter:alpha(opacity=40);} .bg_5{ background:#212121; border-top:solid 1px #313131; border-bottom:solid 1px #313131;} .down{ width:100%; float:left; padding:10px 0 11px 0; line-height:23px;} .down .p{ float:left; font-size:12px; color:white; opacity:0.5; filter:alpha(opacity=50);} .down .down_r{ float:right; font-size:12px;} .down .down_r span{display:inline-block;*display:inline; *zoom:1; padding:0 14px; color:white; opacity:0.5; filter:alpha(opacity=50);} .down .down_r a{display:inline-block;*display:inline; *zoom:1; color:white; opacity:0.5; filter:alpha(opacity=50);} .down .down_r a:hover{ opacity:1; filter:alpha(opacity=100);}