@charset "utf-8";
/* CSS Document */
*{margin:0 auto; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box;}
span, a, ul, li {margin:0;padding:0;border:0;list-style-type:none;}
body{font-family: "Microsoft YaHei"; margin:0 auto; color:#393939; font-size:14px; background:#fff; PADDING-TOP:0px; min-width:1200px;}
a{color:#393939; text-decoration:none;}
a:hover{color:#004592;}

.ta{-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;}
.ta a{-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;}

img{vertical-align:middle;border:0;}
.w1200{width:1200px; margin:0 auto;}

.ft_red{color:#F00;}

.k_k{width:100%; height:65px; margin:0 auto;}
.k_k1{width:100%; height:85px; margin:0 auto;}
.k_k2{width:100%; height:20px; margin:0 auto;}
.k_k3{width:100%; height:45px; margin:0 auto;}
.k_k4{width:100%; height:80px; margin:0 auto;}
.kkk{width:100%; height:100px; margin:0 auto;}
.kkkk{width:100%; height:260px; margin:0 auto;}

.ta{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;}

.clear{clear:both; height:0; line-height:0; font-size:0; *display:inline;/*IE only*/}
.fl { float:left;}
.fr { float:right;}
.ft_t{font-family:"proxima-nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-style:normal; font-weight:300; text-rendering:optimizeLegibility;}
.clearfix:after{content:"";display:block;clear:both;}

/*gotop*/
.cbbfixed {position:fixed; right:10px; transition: bottom ease .3s;bottom:-85px;z-index:3; cursor:pointer;}
.cbbfixed .cbbtn {width: 40px;height: 40px;display: block; background-color:#004592;}
.cbbfixed .gotop {transition:background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background:url(side-icon02.png);}
.cbbfixed .gotop:hover {background-color:#003a7b;}
.cbbfixed .cweixin {background: #dadbdd;}
.cbbfixed .cweixin div {background: url(erwei.png) no-repeat left center;width: 194px;height: 199px;position: absolute;left: -194px;top: -115px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .cweixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .cweixin .weixin-icon{float: left;margin:12px 0 0 11px;width:18px;height: 18px; background:url(side-icon01.png);}

/*每屏鼠标闪动*/
.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite; position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:60px;text-align:center;/*cursor:pointer;*/overflow:hidden; z-index: 9999;}
.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}
@keyframes arrow{ %100,%0{bottom:20px; opacity:1;} 50%{bottom:40px; opacity:.5} }@-webkit-keyframes arrow{ %0,%100{bottom:20px; opacity:1;} 50%{bottom:40px; opacity:.5}}

/*logo-tel*/
.logo {position:fixed; top: 0; left: 0; z-index: 9; width: 293px; height: 73px;}
.logo a{display:inline-block; width:293px; height:73px; background-image: url(logo.png); background-size:293px 73px; margin-left: 20px; margin-top: 15px;}
.tel{position:fixed; top:0; right: 90px; z-index: 9; width: 235px; height: 90px; text-align: center; background: #3d3f42; text-align: center;}
.tel img{margin-top: 35px;}

/*nav*/
.nav-bt{position:fixed; top:0; right: 0; z-index: 9; width: 90px; height: 90px; text-align: center;cursor: pointer;}

/* nav js */
.overlay{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: url(nav-bg.jpg); z-index: 9999}
/* Overlay closing cross */
.overlay .overlay-close{width: 80px; height: 80px;position:absolute;margin:0;padding:0;right: 20px;top: 20px;overflow: hidden; cursor: pointer;  border: none;background: url(cross.png) no-repeat center center;text-indent: 200%;color: transparent;outline: none;z-index: 100;-webkit-transition: all 0.2s;transition: all 0.2s;}
.overlay .overlay-close:hover{-webkit-transform: scale(0.6);-moz-transition: scale(0.6);-o-transition: scale(0.6);transition: scale(0.6);}/* Menu style */
/* Menu style */
.nav-content{width:1200px; margin:0 auto; position: relative; top:15%; left:50%; margin-left: -600px;}
.nav-content ul{width: 1200px; margin-top: 50px;}
.nav-content ul li{font-size: 22px; width: 220px; letter-spacing: 10px; margin: 0 auto; padding-left: 10px; height: 50px; margin-bottom: 20px; text-align: center; --def: #fff;--inv: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;	-webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;  flex-direction: column;}
.nav-content ul li a{color: #fff; -webkit-transition: color 0.2s; transition: color 0.2s;}
.nav-content ul li:hover a{color: #004592;}

.btn{position: relative; color: var(--inv);text-transform: uppercase;-webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.btn:before, .btn:after{content: '';position: absolute;-webkit-transition: inherit;transition: inherit; z-index: -1;height: 100%;}
.btn:hover{color: var(--def);-webkit-transition-delay: .6s; transition-delay: .6s;}
.btn:hover:before{-webkit-transition-delay: 0s; transition-delay: 0s;}
.btn:hover:after{background: var(--inv);-webkit-transition-delay: .4s; transition-delay: .4s;}
.from-left:before,.from-left:after{top: 0;width: 0;height: 100%;}
.from-left:before{right: 0; border: 1px solid var(--inv); border-left: 0;border-right: 0;}
.from-left:after{left: 0;}
.from-left:hover:before,.from-left:hover:after{width: 100%;}

.nav-copyright{position: absolute; bottom: 0; line-height: 60px; width: 100%; font-size: 12px; font-family: Arial ,Microsoft YaHei; color: #fff; text-align: center;}
.nav-copyright a{color: #fff;}
.nav-copyright a:last-child{display: inline-block; background: url(zqkj.png) no-repeat center center; width: 135px; height: 15px; margin-top: 30px;}

.overlay-open{-webkit-transform: translateX(50%);transform: translateX(50%);}
.overlay-open::after{visibility: visible;opacity: 1;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
.overlay-contentpush{visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;transition: transform 0.5s, visibility 0s 0.5s;}
.overlay-contentpush.open{visibility: visible;-webkit-transform: translateX(0%);transform: translateX(0%);-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;}


/*版权*/
.copyright{position:fixed; left:20px; bottom:20px; z-index: 999; z-index: 8; text-align: right; color: #797979; font-size: 14px; font-family: Arial ,Microsoft YaHei;}
.copyright a{color: #797979;}
.copyright a:last-child{display: inline-block; background: url(zqkj1.png) no-repeat center center; width: 135px; height: 15px; margin-top: 30px;}

/*首页每屏切换*/
#pageContain {overflow:hidden; -webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;}
#pageContain .overlay-open{-webkit-transform: scale(0.8);transform: scale(0.8);}
.page {display:none; width:100%; height:100%; overflow: hidden;  position:absolute; top: 0; left: 0; background: #fff;}
.contain { width:100%; height:100%; display:none; position: relative; z-index:9;}
.current .contain, .slide .contain { display:block;}
.current { display: block; z-index: 1;}
.slide { display: block; z-index: 2;}
.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}

#navBar {z-index:3; position: absolute; top:40%; right:1%;}
#navBar .active{color: #004592;}
#navBar .active span{background:#004592; color: #004592;}
#navBar li {cursor:pointer;transition: all .7s ease; width: 13px; color: #6f6f6f;}
#navBar li span{border-radius: 50%; line-height: 13px; margin-bottom:8px; text-align: left; width:13px; height:13px; margin-top: 3px; display: block;background:#8e949a; float: right;}

/*背景*/
.slideshow-image{width: 100%; height: 100%; overflow: hidden; position: relative;}
.slideshow-image img{width: 100%; height: 100%;}

/*第一屏*/
.slider-container{position: relative; height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: all-scroll;}
.slider-control{z-index: 2; position: absolute; top: 0; width: 12%; height: 100%; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; will-change: opacity; opacity: 0;}
.slider-control.inactive:hover{cursor: auto;}
.slider-control:not(.inactive):hover{opacity: 1; cursor: pointer;}
.slider-control.left{left: 0; background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);}
.slider-control.right{right: 0; background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);}
.slider-pagi{position: absolute; z-index: 3; left: 50%; bottom: 2rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 0; list-style-type: none;}
.slider-pagi__elem{position: relative; display: inline-block; vertical-align: top; width:15px; height: 15px; margin: 0 0.5rem; border-radius: 50%; border: 2px solid #fff; cursor: pointer;}
.slider-pagi__elem:before{content: ""; position: absolute; left: 50%; top: 50%; width: 9px; height: 9px; background: #fff; border-radius: 50%; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0);}
.slider-pagi__elem.active:before, .slider-pagi__elem:hover:before{-webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1);}
.slider{z-index: 1; position: relative; height: 100%;}
.slider.animating{-webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; will-change: transform;}
.slider.animating .slide__bg{-webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; will-change: transform;}
.slide{position: absolute; top: 0; width: 100%; height: 100%; overflow: hidden;}
.slide.active .slide__text{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
.slide__bg{position: absolute; top: 0; left: -50%; width: 100%; height: 100%; background-size: cover; will-change: transform;}
.slide:nth-child(1){left: 0;}
.slide:nth-child(1) .slide__bg{left: 0; background-image: url("3.jpg");}

.slide:nth-child(2){left: 100%;}
.slide:nth-child(2) .slide__bg{left: -50%; background-image: url("1.jpg");}

.slide:nth-child(3) {left: 200%;}
.slide:nth-child(3) .slide__bg {left: -100%; background-image: url("2.jpg");}

.slide__text{position: absolute; color: #fff; -webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s; transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s; transition: transform 0.5s 0.8s, opacity 0.5s 0.8s; transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s; will-change: transform, opacity; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0;}
.slide__text0{width: 780px; left: 15%; bottom: 32%; text-align: left;}
.slide__text0-heading{font-size: 40px;}
.slide__text0-desc{font-size: 48px; font-weight: bold; margin-top: 10px;}
.slide__text0-desc1{font-size: 16px; line-height: 30px; margin-top: 50px; text-shadow:0px 0px 3px #333333;}
.slide__text0-desc2{margin-top: 50px;}
.slide__text1{width:780px; bottom: 24%; left: 15%;}
.slide__text-heading{font-size: 40px;}
.slide__text-desc{font-size: 48px; font-weight: bold; color: #004592; margin-top: 40px;}
.slide__text-desc1{font-size: 16px; line-height: 30px; margin-top: 15px; text-shadow:0px 0px 3px #333333;}
.slide__text-desc2{font-size: 33px; font-weight: bold; margin-top: 20px;}
.slide__text-desc3{margin-top: 50px;}
.slide__text2{width: 100%; bottom: 32%; text-align: center;}
.slide__text2-heading{font-size: 40px;}
.slide__text2-desc{font-size: 48px; font-weight: bold; margin-top: 10px;}
.slide__text2-desc1{font-size: 16px; line-height: 30px; margin-top: 50px; text-shadow:0px 0px 3px #333333;}
.slide__text2-desc2{margin-top: 50px;}

/*第二屏*/
.p2-img-right{position:absolute; right:50%; margin-right:-960px; height: 100%; top:0; z-index: 1; -webkit-animation:fadeInRightBig 1s .2s ease both;-moz-animation:fadeInRightBig 1s .2s ease both; overflow: hidden;}
.p2-img-right img{transition:2s; cursor: pointer; width:100%; height: 100%;}
.p2-img-right img:hover{transform:scale(1.1);}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(50px)}100%{opacity:1;-moz-transform:translateX(0)}}

.p2-img-left{position:absolute; left:50%; height: 100%; overflow: hidden; margin-left:-960px; top:0; z-index: 1; -webkit-animation:fadeInLeftBig 2s .2s ease both;-moz-animation:fadeInLeftBig 2s .2s ease both;}
.p2-img-left img{width:100%; height: 100%;}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{opacity:1;-moz-transform:translateX(0)}}

.p2-text1{position:absolute; width:575px; left:50%; margin-left:-675px; top:20%; margin-top:-50px; opacity: 0; transition: all 1s; z-index: 9; font-size: 30px; color: #000; text-align: left;}
.current .contain .p2-text1{margin-top:30px; opacity:1; transition-delay:0.5s;}

.p2-text1-1{position:absolute; width:575px; height: 4px; top:20%; left:50%; margin-left:-675px; text-align: left; opacity: 0; transition: all 1.5s; z-index: 9;}
.current .contain .p2-text1-1{margin-top:80px; opacity:1; transition-delay:0.5s;}

.p2-text2{position:absolute; width:1166px; height:202px; left:50%; top:20%; margin:384px 0 0 -1560px; background: url(p2-adv.jpg) no-repeat center center; opacity: 0; transition: all 1.2s; z-index:6;}
.current .contain .p2-text2{margin-left: -960px; opacity: 1; transition-delay:1.5s;}
.p2-text2 ul{margin-top: 60px; margin-left: 280px;}
.p2-text2 ul li{float: left; margin-right: 80px; text-align: center;}
.p2-text2 ul li:last-child{margin-right: 0;}
.p2-text2 ul li p{font-size: 14px; color: #fff; line-height: 26px;}
.p2-text2 ul li span{display: inline-block; font-size: 45px; font-weight: bold; color: #fff; font-family: Arial; margin-right: 5px;}
.p2-text2 ul li font{color: #fff;}


.p2-text3{position:absolute; left:10%; top:20%; margin-top: 170px; width:575px; opacity: 0; transition: all 1s; z-index: 9; font-size: 14px; color: #777777; line-height: 30px; text-align: left;}
.current .contain .p2-text3{left:50%; margin-left:-675px; opacity:1; transition-delay:1s;}

.p2-text4{position:absolute; width:117px; height:35px; top:20%; margin-top: 300px; right:0%; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p2-text4{right:50%; margin-right:560px; opacity:1; transition-delay:1.2s;}

.morejt{width: 125px; height: 37px; line-height: 36px; border: 1px solid #c5c5c5; border-radius: 37px; text-align: center;}
.morejt a{color: #535353;}
.morejt a img{margin-left: 15px; margin-bottom: 2px;}

/*第三屏*/
.p3-text1{position:absolute; left:30%; top:20%; margin-top: 50px; width:200px; opacity: 0; transition: all 1s; z-index: 9; font-size: 30px; color: #3a3a3a; text-align: left;}
.current .contain .p3-text1{left:50%; margin-left:-690px; opacity:1; transition-delay:0.5s;}

.p3-text1-1{position:absolute; top:20%; right:30%; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p3-text1-1{right:50%; margin-right:485px; opacity:1; transition-delay:0.7s;}

.p3-text2{position:absolute; left:50%; margin-left:-690px; top:20%; margin-top: 450px; width:761px; height:517px; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p3-text2{margin-top: 150px; opacity:1; transition-delay:0.9s;}
.p3-text2 ul{width:300px;}
.p3-text2 ul li{float: left; width: 135px; height: 44px; margin-right: 15px; margin-bottom: 15px; line-height: 43px; text-align: center;}
.p3-text2 ul li a{width: 133px; height: 44px; display: block; border-radius: 3px; border: 1px solid #cdcdcd;}
.p3-text2 ul li:first-child a{background:#004592; color: #fff; border: 1px solid #004592;}
.p3-text2 ul li a:hover{background:#004592; color: #fff; border: 1px solid #004592;}

.p3-text3{position:absolute; left:50%; margin-left:-300px; top:30%; width:100%-420px; height:473px; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p3-text3{top:20%; opacity:1; transition-delay:1.3s;}
.p3-text3 ul li{width: 30%; margin: 0 1.5% 1.5% 0; float: left; position: relative;}
.p3-text3 ul li .p3-text3-p{height: 36px; position: absolute; top: 15px; left:0; background: #004592; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.p3-text3 ul li .p3-text3-p p{color: #fff; height: 36px; line-height: 36px; width: 150px; text-align: center;}
.p3-text3 ul li .p3-text3-img{overflow: hidden;}
.p3-text3 ul li .p3-text3-img img{width: 100%; transition:1s;}
.p3-text3 ul li:hover .p3-text3-img img{transform:scale(1.1);}

/*第四屏*/
.p4-text1{position:absolute; left:30%; top:50%; margin-top: -200px; opacity: 0; transition: all 1s; z-index: 9; font-size: 30px; color: #3a3a3a; text-align: left;}
.current .contain .p4-text1{left:50%; margin-left:-600px; opacity:1; transition-delay:1s;}

.p4-text1-1{position:absolute; right:0%; top:50%; margin-top: -245px; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p4-text1-1{right:50%; margin-right:395px; opacity:1; transition-delay:1.2s;}

.p4-text2{position:absolute; left:30%; top:50%; margin-top: -230px; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p4-text2{left:50%; margin-left:150px; opacity:1; transition-delay:1.4s;}
.p4-text2 ul{width:450px;}
.p4-text2 ul li{float: left; width: 135px; height: 44px; margin-left: 15px; margin-bottom: 15px; line-height: 43px; text-align: center;}
.p4-text2 ul li a{width: 133px; height: 44px; display: block; border-radius: 3px; border: 1px solid #cdcdcd;}
.p4-text2 ul li:first-child a{background:#004592; color: #fff; border: 1px solid #004592;}
.p4-text2 ul li a:hover{background:#004592; color: #fff; border: 1px solid #004592;}

.p4-text3{position:absolute; left:50%; margin-left: -600px; bottom:50%; margin-bottom: -605px; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p4-text3{margin-bottom: -280px; opacity:1; transition-delay:1.4s;}
.slide-item-box{width:1200px; position: relative; overflow: hidden;}
.slide-item-body ul li{width:370px; height: 400px; float: left; display: block; height: inherit; margin-left: 22.5px; margin-right: 22.5px;}
.slide-item-body ul li a{display: block;}
.new-img {width:370px; height:220px; overflow: hidden;}
.new-img img{width:370px; height:220px; border: none;display: block;transition:1s;}
.slide-item-body ul li:hover .new-img img{transform:scale(1.1);}
.new-body{padding: 23px 0 0 0;}
.new-body-title{line-height: 40px; font-size: 16px; font-weight: bold; overflow: hidden; width: 370px;}
.new-body-text{height:60px; line-height: 30px;font-size: 14px;color: #7f7f7f;overflow: hidden;}
.slide-item-body{ margin-left: -22.5px;}
.slide-item-body ul{overflow: visible;}
.slide-item-body ul li:hover .new-body-title{color: #004592;}
.slide-item-body ul li:hover a{display: block;}
.news-body-time-more{height: 30px; margin-top: 25px; font-family: Arial; border-bottom: 1px solid #c2c2c2;}
.news-body-time-more .fl{color: #000000;}
.news-body-time-more .fr{color: #a3a3a3;}
.news-body-time img{margin-right: 10px; margin-bottom: 6px;}

.p4-text4{position:absolute; left:50%; margin-left: -62.5px; bottom:50%; margin-bottom: -605px; width: 125px; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p4-text4{margin-bottom: -375px; opacity:1; transition-delay:1.8s;}

.slideshow-image4{-webkit-animation:bounceInLeft 2s .2s ease both;-moz-animation:bounceInLeft 2s .2s ease both;}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(0)}80%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(0)}}
@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}60%{opacity:1;-moz-transform:translateX(0)}80%{-moz-transform:translateX(0)}100%{-moz-transform:translateX(0)}}

/*第五屏*/
.p5-img-right{position:absolute; right:50%; margin-right:-960px; top:0; z-index: 1; -webkit-animation:fadeInRightBig 1s .2s ease both;-moz-animation:fadeInRightBig 1s .2s ease both;}
.p5-img-right img{width: 100%;}
.p5-img-left{position:absolute; left:50%; overflow: hidden; margin-left:-960px; top:0; z-index: 1; -webkit-animation:fadeInLeftBig 2s .2s ease both;-moz-animation:fadeInLeftBig 2s .2s ease both;}
.p5-img-left img{width: 100%;}

.p5-text1{position:absolute; left:30%; bottom:50%; margin-bottom:120px; width:200px; opacity: 0; transition: all 1s; z-index: 9; font-size: 30px; color: #000; text-align: center;}
.current .contain .p5-text1{left:50%; margin-left:-640px; opacity:1; transition-delay:1s;}

.p5-text1-1{position:absolute; width:30px; height:4px; bottom:50%; right:0%; margin-bottom:200px; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p5-text1-1{right:50%; margin-right:570px; opacity:1; transition-delay:1.2s;}

.p5-text2{position:absolute; left: 50%; margin-left: -600px; bottom:50%; margin-bottom: -370px; opacity:0; -webkit-transform:scale(0.2, 0.2); transform:scale(0.2, 0.2); transition: all 1.2s; z-index:6;}
.current .contain .p5-text2{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay:1.5s;}

.p5-text3-1, .p5-text3-2, .p5-text3-3, .p5-text3-4{line-height: 55px; color: #fff; font-size: 16px;}
.p5-text3-1 img, .p5-text3-2 img, .p5-text3-3 img, .p5-text3-4 img{margin-right: 33px;}
.p5-text3-1{position:absolute; left:50%; margin-left:375px; bottom:50%; margin-bottom:115px; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p5-text3-1{margin-left:75px; opacity:1; transition-delay:1.6s;}

.p5-text3-2{position:absolute; left:50%; margin-left:375px; bottom:50%; margin-bottom:35px; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p5-text3-2{margin-left:75px; opacity:1; transition-delay:1.8s;}

.p5-text3-3{position:absolute; left:50%; margin-left:375px; bottom:50%; margin-bottom:-45px; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p5-text3-3{margin-left:75px; opacity:1; transition-delay:2s;}

.p5-text3-4{position:absolute; left:50%; margin-left:375px; bottom:50%; margin-bottom:-125px; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p5-text3-4{margin-left:75px; opacity:1; transition-delay:2.2s;}


/**底部**/
.foot{background:#292a2c; width: 100%; height: 603px; color: #9b9b9b;}
.link{width: 1200px; height: 86px; line-height: 58px; padding-top: 28px; border-bottom: 1px solid #363636;}
.link-title{float: left; width: 90px; color: #fff; font-size: 18px; color: #fff;}
.link-content{width: 1110px; float: left;}
.link-content a{display: inline-block; margin-right: 20px; color: #ababab;}
.link-content a:hover{color: #fff;}

.foot-nav{float: left; margin-top: 40px; margin-right: 35px;}
.foot-nav-item{float: left; height: 330px;padding-right: 85px;}
.foot-nav-item p a{font-size:17px; color: #fff; line-height: 36px;}
.foot-nav-item ul li{line-height: 36px;}
.foot-nav-item ul li a{color: #9b9b9b;}
.foot-nav-item ul li a:hover{color: #fff;}
.foot-wx{width: 160px; text-align: center; float: right; line-height: 40px; margin-top: 60px;}

.foot-copy{height: 90px; border-top: 1px solid #363636; line-height: 90px; margin-top: 55px;}
.foot-copy ul li.fl{font-size: 14px; font-family: Arial,Microsoft YaHei;}
.foot-copy ul li.fr a{display: inline-block; background: url(zqkj.png) no-repeat center center; width: 135px; height: 15px; margin-top: 30px;}

/*内页头部*/
.about-head{width: 100%; background: #fff; height: 90px; overflow: hidden;}
.about-logo{float: left; margin-top: 8.5px;}
.about-logo a{display:inline-block; width:293px; height:73px; background-image: url(logo.png); background-size:293px 73px;}

.nav{width:750px; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; z-index: 9999999;}
.nav ul li{float:left;width:12.5%;height:90px; transition:all .3s}
.nav ul li:last-child{background: none;}
.nav ul li .a1{line-height:90px;display:block;text-align:center;font-size:15px;color:#515151;transition:all .3s}
.nav ul li:hover .a1{color:#004592; font-weight: bold; transition:all .3s;}
.nav ul li a{background:url(1_27.jpg) center 5px no-repeat; transition:all .5s;}
.nav ul li a:hover{background: url(hover-x.png) no-repeat center 5px;color: #004592; font-weight: bold;}
.nav ul li a.hover-t{background: url(hover-x.png) no-repeat center 5px;color: #004592; font-weight: bold;}
.nav ul li .div1{display:none; width:100%; left:0px; position:absolute; top:90px; z-index:999999; background:#004592;/*background-color:rgba(0, 0, 0, 0.55);*/}
.nav ul li .div1 .p1{width:1200px; height:65px; line-height:65px}
.nav ul li .div1 .p1 a{color:#fff;font-size:14px;text-transform:uppercase;background:url(1_26.jpg) center bottom no-repeat; display:inline-block; height:65px;line-height:65px;margin-right:2%;transition:all 1s}
.nav ul li .div1 .p1 a:hover{background:url(hover-xxx.jpg) center bottom no-repeat; color:#7b9cc0; font-weight: normal;}
.nav ul li .mad1 .p1 a:first-child{margin-left:31%}
.nav ul li .mad2 .p1 a:first-child{margin-left:48%}
.nav ul li .mad3 .p1 a:first-child{margin-left:28%}
.nav ul li .mad4 .p1 a:first-child{margin-left:72%}
.nav ul li .mad5 .p1 a:first-child{margin-left:78%}
.nav ul li .mad6 .p1 a:first-child{margin-left:80%}
.nav ul li .mad7 .p1 a:first-child{margin-left:67%}

/*内页banner*/
.cd-section{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;/*background-size:cover;*/background-repeat:no-repeat;background-position:center top;padding:3.25em 0;padding:var(--space-xl) 0;box-shadow:0 1px 8px rgba(0, 0, 0, .1), 0 16px 48px rgba(0, 0, 0, .1), 0 24px 60px rgba(0, 0, 0, .1);box-shadow:var(--shadow-lg);z-index:2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.cd-section--bg-fixed{height:400px;box-shadow:none;z-index:1}
@media (min-width: 64rem){@supports (background-attachment: fixed){.cd-section--bg-fixed{background-attachment:fixed}}}

/*about-nav*/
.about-nav{height: 80px; width: 100%; background: #fff;}
.about-nav a{ display:inline-block; /*padding: 0 30px;*/ width: 150px; height: 80px; text-align: center; line-height: 80px; font-size: 15px; color: #333333;}
.about-nav a:hover{background: #004592; color:#fff;}
.about-nav a.cur{background: #004592; color:#fff;}

.about-loc{font-size: 14px; color: #8c8c8c; padding: 45px 0; text-align: right;}
.about-loc a{color: #8c8c8c;}

/*内容部分*/
.mainbody{background:#f6f6f6;}
.mainbody_content{font-size:15px; overflow-x:hidden; line-height:240%; min-height:500px; _height:500px; text-align:justify; margin: 0 auto; width:1200px; background: #fff; padding:80px 80px 70px 80px; /*border-radius:10px;*/}
.mainbody_content p{padding-bottom:20px;}
.mainbody_content img{max-width:100%;}
.mainbody_content_img{width:1200px; padding:30px; margin:0 auto; overflow-x:hidden; line-height:200%; min-height:300px;_height:300px; text-align:justify; float: right; background: #fff;border:solid 1px #eeeeee;}
.mainbody_contentt{width:1200px; background: #fff; font-size:15px; overflow-x:hidden; line-height:200%; min-height:300px;_height:300px; text-align:justify; margin: 0 auto; }

/*内页工程案例导航*/
.navBar{z-index:999; float: right;}
.nav {margin:0 auto;}
.nav .m {float:left; position:relative; z-index: 98;}
.nav h3 {float:left; text-align:center; display:inline-block; height: 73px; line-height: 73px; margin: 0 22px;}
.nav h3 a{display:inline-block; vertical-align:top; text-decoration:none; font-weight:normal; cursor:pointer; font-size: 14px;}
.nav .on h3 a{color:#073580; border-bottom: 2px solid #073580;}
.nav .sub {display:none; position:absolute; top:73px; background:#073580; width: 105px; padding: 10px; z-index: 98;}
.nav .sub li {text-align:center;line-height: 35px;}
.nav .sub li a {font-size:14px;color:#fff;}
.nav .sub li a:hover {color:#9ed8f6;}

/*内页图片列表*/
.product_list{float: left; width: 320px; margin-right: 40px; margin-bottom: 40px;}
.mainbody_content .product_list:nth-child(3), .mainbody_content .product_list:nth-child(6), .mainbody_content .product_list:nth-child(9){margin-right: 0;}
.p-title{width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 15px; background: #d8e3ef; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.product_list:hover .p-title{background: #004592;}
.product_list:hover .p-title a{color: #9ed8f6;}


figure{position: relative; overflow: hidden; width: 320px; text-align: center; cursor: pointer; margin:0; border: 1px solid #d8e3ef; border-bottom: none;}
figure img{position: relative; display: block; border:0; width:100%; height:219px;}
figure figcaption{color: #fff; text-transform: uppercase;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
figure figcaption::before,figure figcaption::after{pointer-events: none;}
figure figcaption,figure figcaption > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
figure figcaption > a{z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
figure h2{font-size: 16px; font-weight:normal;}
figure p{margin-top: 10px;}
figure p img{ width: 20px;}

/***** Jazz *****/
figure.effect-jazz{background:#000;}
figure.effect-jazz figcaption::after,figure.effect-jazz img,figure.effect-jazz p{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
figure.effect-jazz figcaption::after{position: absolute;top: 0; left: 0;width: 100%; height: 100%; border-top: 1px solid #5a5a5a;border-bottom: 1px solid #5a5a5a;content: '';opacity: 0;-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;}
figure.effect-jazz p,figure.effect-jazz h2{text-transform: none;opacity: 0;-webkit-transform: scale3d(0.8,0.8,1);transform: scale3d(0.8,0.8,1);}
figure.effect-jazz h2{padding-top: 28%;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
figure.effect-jazz h2 span{letter-spacing: 0;font-size:1rem;}
.product_list:hover figure.effect-jazz img{opacity: 0.2;-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}
.product_list:hover figure.effect-jazz p img{opacity: 1;}
.product_list:hover figure.effect-jazz figcaption::after{opacity: 1;-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}
.product_list:hover figure.effect-jazz h2,.product_list:hover figure.effect-jazz p{opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}


/*内页新闻列表*/
.slide-item-boxt{width:1215px; position:relative;}
.slide-item-bodyt ul li{width:380px; height: 445px; border-radius: 4px; float: left; display: block; height: inherit; background: #fff; margin-left: 30px; margin-bottom: 30px; -webkit-box-shadow:0 0 20px #e7e7e7;-moz-box-shadow:0 0 20px #e7e7e7;box-shadow:0 0 20px #e7e7e7;}
.slide-item-bodyt ul li:nth-child(3), .slide-item-bodyt ul li:nth-child(6), .slide-item-bodyt ul li:nth-child(9){margin-right: 0;}
.slide-item-bodyt ul li a{display: block;}
.new-imgt {width:330px; height:196px; overflow: hidden; margin-top: 25px;}
.new-imgt img{width:330px; height:196px; border: none;display: block;transition:1s;}
.slide-item-bodyt ul li:hover .new-imgt img{transform:scale(1.1);}
.new-bodyt{padding: 23px 25px 35px 25px;}
.new-body-titlet{line-height: 40px; font-size: 16px; font-weight: bold; overflow: hidden; width: 330px;}
.new-body-textt{height:60px; line-height: 30px;font-size: 14px;color: #7f7f7f;overflow: hidden;}
.slide-item-bodyt{ margin-left: -22.5px;}
.slide-item-bodyt ul{overflow: visible;}
.slide-item-bodyt ul li:hover{-webkit-box-shadow:0 0 20px #b9b9b9;-moz-box-shadow:0 0 20px #b9b9b9;box-shadow:0 0 20px #b9b9b9;}
.slide-item-bodyt ul li:hover .new-body-titlet{color: #004592;}
.slide-item-bodyt ul li:hover a{display: block;}
.news-body-time-moret{height: 30px; margin-top: 20px; font-family: Arial; border-bottom: 1px solid #e9e9e9;}
.news-body-time-moret .fl{color: #000000;}
.news-body-time-moret .fr{color: #a3a3a3;}
.news-body-timet img{margin-right: 10px; margin-bottom: 6px;}

/*内页新闻、图片详细内容*/
.right_content_top{width: 100%;}
.right_content_title{font-size: 34px; text-align: center; line-height: 34px; padding-bottom:40px; padding-top:20px; color: #000;}
.right_content_info{height:40px;line-height:40px;text-align:center;margin:15px 0; border:1px solid #E7E7E7;border-left:none;border-right:none;color:#666; font-size: 14px;}
.right_content_info small{margin-left:8px;margin-right:3px;color:#999;font-size:14px;}
.right_content_desc{margin:20px 0 15px;padding:5px 10px;line-height:25px;border:1px solid #f4e4b4;background:#fffff0;font-size:14px;}
.right_content_content{padding:15px 0; width: 100%;}
.right_content_content p{padding-bottom: 15px;}
.right_content_content img{max-width:860px;}
.p_content_desc{margin:20px 0 15px;padding:5px 10px;line-height:25px;border:1px solid #f4e4b4;background:#fffff0;font-size:14px; text-align:center;}
.p_content_desc span{}

/*详细页上一页下一页收藏打印*/
.preNext{width: 100%; margin-top: 20px; border-top: 1px #E7E7E7 solid; position: relative; font-size:14px;}
.preNext .text{color:#999; margin-top: 20px;}
.preNext .actBox{position:absolute;top:25px;right:0;}
.preNext .actBox li{display:inline;padding-left:22px;background-image:url(actbox-ico.jpg);background-repeat:no-repeat;margin-left:10px;}
.preNext .actBox li a{color:#666;}
.preNext .actBox li#act-fav{background-position:4px 0px;}
.preNext .actBox li#act-err{background-position:4px -37px;}
.preNext .actBox li#act-pus{background-position:4px -70px;}
.preNext .actBox li#act-pnt{background-position:4px -105px;}

/*内页留言反馈*/
.message_content{width:1200px; padding:30px; margin:0 auto; overflow-x:hidden; line-height:200%; min-height:300px;_height:300px; text-align:justify;border:solid 1px #eeeeee; }
.message_content_content{width: 800px; margin-top: 60px; margin: 0 auto;}
.message_content_content li{margin-bottom: 15px;}
.message_content_content li:first-child,.message_content_content li:nth-child(3){margin-right: 20px;}
.message_content_content li:nth-child(6){color: #fff; font-size: 16px; line-height: 50px;}
.msg_inputt{width: 390px; height: 40px; background: #fff; border:1px #EFEFEF solid; line-height: 40px; text-indent: 10px; line-height: 30px; font-size: 16px;}
.msg_submitt{width: 340px; height: 50px; background: #004592; color: #fff; line-height: 50px; text-transform: uppercase; border: none; font-size: 16px;}

.message_block{margin-top: 30px;}
.message_block p{padding:12px;}
.message_labes{font-size:14px;}
.message_title{height:44px;line-height:44px;background:#f6f9fb;padding:0 12px;}
.message_title h3{color:#376b88;font-size:22px;float:left; font-weight: normal;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:right;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#F60}
.msgflag{margin-left:4px;font-size:12px;color:#900;}

/*内页人才招聘*/
.join_list ul li{width:100%; margin:0 auto; line-height:40px; border-bottom:1px solid #ececec;}
.join_list ul li span{float:right; width:200px; text-align:right;}

.jobConts{line-height:30px;color:#666;}
.jobConts .line{background:#ccc;height:1px;overflow:hidden;font-size:0;margin:10px 0;}
.jobConts .jobdesc{background:#f5f5f5;padding:10px;color:#333;}
.jobConts strong{color:#333;}

/*分页样式*/
.page_info{text-align:center; margin-top:20px; margin-bottom:30px; color:#333;}
.page_info span{padding:0 2px;font-weight:bold; color: #ed0000;}
.page_list{line-height:25px; text-align:center; letter-spacing:0; font-size:14px; margin-top:40px;}
.page_list a{display:inline-block; background:#fff; border:1px solid #e2e2e2; text-align:center;padding:2px 11px; margin:0 3px; font-family: Arial; border-radius: 3px;}
.page_list a:hover{color:#fff; background:#004592; border:1px solid #004592;}
.page_list a.on{color:#fff;background:#004592; font-weight: bold;}

/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}