html body{width: 100%;}
*{ margin:0; padding:0;font-family: "Microsoft Yahei";}
html body{width: 100%;font-size: 15px;font-family: "Microsoft Yahei";min-width: 1280px;}
img{ border:none;vertical-align: middle;height: auto;}
ul,li{ list-style:none;}
a{outline:none; text-decoration:none; color:#383838;} 
a:hover{outline:none; text-decoration:none; color:#ea5f00;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
em,i{font-style:normal;}

/* 导航 */
.nav{position: fixed;display:flex;align-items: center;justify-content: space-between; top: 0px;left:0px;z-index: 10;height:90px;min-width: 1160px;width:100%;margin:0 auto;background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0));}
.nav_logo{height: 90px;overflow:hidden;width:520px;float: left;}
.enqiehuan{background:url("../images/enqiehuan.png") no-repeat center top;color:#1588a5;float:right;width: 90px;height: 90px;line-height: 90px;text-align: center;}
.nav ul{width:49%;margin: 0;display: flex;align-items: center;justify-content: center;}
.nav ul li{width:14%;height: 90px;line-height: 90px;position: relative;text-align: center;margin: 0;font-size: 16px;}
.nav ul li a{color:#fff;text-shadow: 2px 2px 1px #000;}
.nav ul li:hover{background:#038eb9;font-weight: bold;}
.nav ul li:hover a{text-shadow:0px 0px 0px #000;}
.subnav {position: absolute;top:90px;z-index: 5;left:-30px;}
.subnav-bot {height: 16px;}
.investor-subnav {width:320px;background:rgba(0,0,0,0.7); z-index:999999; overflow:hidden;text-align: center;}
.investor-subnav .list ul{width:320px;display: block;}
.investor-subnav .list li {width:320px;cursor:pointer;float:left;height: 40px;}
.investor-subnav .list li a {display:block; color:#fff;text-align:left; background:#0e88dd;font-weight:normal;font-size: 14px;}
.investor-subnav .list li a:hover { background:#333;}
.investor-subnav .list li .text{color: #fff; font-weight:bold; padding: 5px; line-height: 33px;font-weight:normal;font-size: 14px;}
.investor-subnav .list li:hover{background:#038eb9;}
.investor-subnav .list li:hover .text{text-align: center;}
.banquan{ position:fixed;bottom:30px;right:30px;font-size:14px;z-index: 11;  color: #fff;writing-mode: vertical-lr; text-shadow:1px 1px #000;writing-mode: tb-lr;word-wrap: break-word;}

/*index_bj*/
.slide-main img{width: 100%;height: 100%;}
.section {overflow: hidden; height: 100%;min-width: 1300px;}
.ping02{background:url("../images/bg_2.jpg") no-repeat center;min-height: 500px;background-size:100% auto;}
.ping03{background:url("../images/bg_3.jpg") no-repeat center;min-height: 500px;background-size:100% auto;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;padding: 20px 0;}
.ping04{background:url("../images/bg_4.jpg") no-repeat center;min-height: 500px;background-size:100% auto;}
.ping05{background:url("../images/bg_5.jpg") no-repeat center;min-height: 500px;background-size:100% auto;}
.ping06{background:url("../images/bg_6.jpg") no-repeat center;min-height: 500px;background-size:100% auto;display: flex;align-items: center;justify-content: center;}
.ping07{background:url("../images/bg_7.jpg") no-repeat center;min-height: 500px;background-size:100% auto;}
.ping08{background:url("../images/bg_8.jpg") no-repeat center;min-height: 500px;background-size:100% auto;}
.ping09{background:url("../images/bg_9.jpg") no-repeat center;min-height: 500px;background-size:100% auto;}



.ping002{background:url("../images/bg_02.jpg") no-repeat center;min-height: 500px;background-size:100% auto;}
.ping003{background:url("../images/bg_03.jpg") no-repeat center;min-height: 500px;background-size:100% auto;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;padding: 20px 0;}
.ping004{background:url("../images/bg_04.jpg") no-repeat center;min-height: 500px;background-size:100% auto;}
.ping005{background:url("../images/bg_05.jpg") no-repeat center;min-height: 500px;background-size:100% auto;}
.ping006{background:url("../images/bg_06.jpg") no-repeat center;min-height: 500px;background-size:100% auto;display: flex;align-items: center;justify-content: center;}
.ping007{background:url("../images/bg_07.jpg") no-repeat center;min-height: 500px;background-size:100% auto;}
.ping008{background:url("../images/bg_08.jpg") no-repeat center;min-height: 500px;background-size:100% auto;}
.ping009{background:url("../images/bg_09.jpg") no-repeat center;min-height: 500px;background-size:100% auto;}
/* 第二屏样式 */
.section2 {
  position: relative;

  background-position: bottom left;
}

.top {
  padding: 100px 0 50px;
  width: 100%;
  box-sizing: border-box;
}

.top div {
  opacity: 0;
  transform: translateY(-1000px);
  text-align: center;
}

.erxiaoguo1 {
  opacity: 1 !important;
  transform: translate(0) !important;
  transition: all 1s 1.0s ease;
}

.erxiaoguo2 {
  opacity: 1 !important;
  transform: translate(0) !important;
  transition: all 1s 1.2s ease;
}

.erxiaoguo3 {
  opacity: 1 !important;
  transform: translate(0) !important;
  transition: all 1s 1.6s ease;
}

.erxiaoguo4 {
  opacity: 1 !important;
  transform: translate(0) !important;
  transition: all 1s 2s ease;
}

.erleft {
  opacity: 1 !important;
  transition: 'opacity' 0.5s ease;
  animation: bounceInLeft 1.5s ease;
}

.erright {
  opacity: 1 !important;
  transition: 'opacity' 0.5s ease !important;
  animation: bounceInRight 1.5s ease;
}

.top div:first-child {
  height: 60px;
  font-weight: bold;
  color: #fff;
}

.top div:nth-child(2) {
  height: 30px;
}

.top div:last-child {
  font-size: 26px;
  color: #fff;
}

.top .linea {
  display: inline-block;
  width: 50px;
  height: 4px;
  background-color: rgb(255, 234, 0);
}

.content {
  margin:10% auto 0 auto;
  width: 1280px;
 background: url("../images/abg.png") repeat-y; height:348px; 
}

.sy_lx{
  margin:6% auto 0 auto;
  width:1280px; text-align: center;
 
}
.lx_list{width:1280px; margin: 20px auto; height: 230px}
.lx_list li{float:left;}
.lx list li:hover{animation: dou 0.5s linear;}

.lx_list li h2{font-size:20px; font-weight: normal; }
.lx_list li p{font-size:20px; color: #ff7109; line-height: 18px;font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";transition-duration: 0.3s;}
.lx_list li.email{width:400px; text-align:right; background: url("../images/sy_mail.png") right no-repeat; padding-right:100px; margin-top: 38px;transition-duration: 0.3s;}
.lx_list li.email:hover{animation: dou 0.5s linear; letter-spacing:2px}
@keyframes dou{
				0%{transform: translateY(0px);}
				25%{transform: translateY(10px);}
				50%{transform: translateY(0px);}
				75%{transform: translateY(-10px);}
				100%{transform: translateY(0px);}

}
.lx_list li.lx_img{width:280px; text-align: center;}
.lx_list li.tel{width:400px; background: url("../images/sy_tel.png") left no-repeat; padding-left:100px; margin-top: 38px; text-align: left;transition-duration: 0.3s;}
.lx_list li.tel:hover{animation: dou 0.5s linear;letter-spacing:2px;transition-duration: 0.3s;}
@keyframes dou{
				0%{transform: translateY(0px);}
				25%{transform: translateY(10px);}
				50%{transform: translateY(0px);}
				75%{transform: translateY(-10px);}
				100%{transform: translateY(0px);}

}
.lx_address{font-size:18px; text-align: center; line-height: 34px; color: #333}

.lx2wm_list{width:360px; margin: 0 auto; height:220px;}
.lx2wm_bule{width:150px; height:36px; background: #074231; line-height: 36px;color: #fff}
.lx2wm_red{width:150px; height:36px; background: #ff7109; line-height: 36px; color: #fff}
.lx2wm_list li{width:150px; float:left; margin:15px}

.content .left {
  float: left;
  width: 32%;
  height: 230px;
  opacity: 0; padding-left: 2%; padding-top: 30px;
 
}
.content .left .lshutiao{width:4px; height: 40px; background: #074231; margin-top: 20px; margin-left: 20px;}
.content .left .a_gg{
	font-size:18px; 
	color: #2e2e2e;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; 
	text-transform: uppercase; 
	margin-top: 80px; 
}
.content .left .a_wa{font-size:24px;color: #2e2e2e;line-height: 40px;}
.content .left .aa_more{font-size:14px; height: 50px; line-height: 50px;width:120px; border: 1px #ff7109 solid; color: #ff7109; text-align: center; margin-top: 120px;transition-duration: 0.3s;}
.content .left .aa_more a{border: 1px #ff7109 solid; color: #ff7109}
.content .left .aa_more:hover{transition-duration: 0.3s;border-radius:30px;width:160px; background:#ff7109; color:#fff}
.content .right {margin-top:80px;width: 65%;height: 375px;opacity: 0;box-sizing: border-box;}
.content .right p {line-height: 30px;font-size: 15px;color: #373737;}
.content .right h1 {font-size: 30px;line-height: 32px;color: #373737;}
.content .right .rr div {float: left;width: 49%;height: 100px; padding-top: 350px;text-align: center;cursor: pointer;}
.content .right .rr div p {line-height: 2px;font-size: 17px;color: #000000;text-align: center;width: 100%;text-decoration: none;}
.content .right .rr div p:hover {line-height: 2px;font-size: 17px;color: #eeca00;text-align: center;width: 100%;text-decoration: none;}

.rr .r1 {opacity: 0;transform: translateY(500px); background: url("../images/a1.jpg");}

.rr .r1:hover,.rr .r2:hover,.rr .r3:hover{animation: dou 0.5s linear;}
@keyframes dou{
				0%{transform: translateY(0px);}
				25%{transform: translateY(10px);}
				50%{transform: translateY(0px);}
				75%{transform: translateY(-10px);}
				100%{transform: translateY(0px);}
}
.rr .r2 {opacity: 0;transform: translateY(500px); background: url("../images/a2.jpg");}

/* 第二屏样式 */


/* 第三屏样式 简介*/
.index_ping3{display:flex;align-items: center;justify-content: space-between; width: 85%;min-width: 1280px;margin: 0 auto;height: 450px;}
.index_ping3 p{font-size: 15px;line-height:30px;}
.inde_bt{width: 1280px;margin: 0 auto 40px auto;text-align: center;position: relative;}
.inde_bt em{position: absolute;left: 0;right: 0;margin: 0 auto;text-align:center;color: rgba(255,255,255,0.5);font-size: 60px;top: 0;text-transform: uppercase;z-index: 1;font-family:"Arial Black";}
.inde_bt strong{font-size:38px;font-weight: bold;color: #2095c4;line-height: 50px;padding-top:40px;position: relative;z-index: 2;display: block}
.inde_bt p{font-size: 18px;color:#666;position: relative;z-index: 2;}
.inde_zizhitp{display: flex;align-items: center;justify-content:space-between;}
.inde_zizhitp li{flex: 1;;height: auto;box-shadow: 5px 5px 0 #038eb9;border: 2px solid #fff;}
.inde_zizhitp li img{width: 100%;}
.inde_zizhitp li:nth-child(2) {margin: 0 20px;}
.zt-mask{display: flex;align-content: center;justify-content: center;color: #fff;}
.zt-mask p{margin: auto;font-size: 20px;text-shadow:1px 1px 1px rgba(0,0,0,0.8);font-weight: bold;}
/* 第四屏样式 */


/* 第五屏样式 */


/* 第六屏样式 */
.inde_zizhi{width: 85%;min-width: 1280px;margin: 0 auto;}
.

/* 导航页样式 */
body {position: relative;}
.navbarpage {position: absolute;left: 0;top: -1000px;padding: 10%;width: 100%;box-sizing: border-box;transition: all 1s ease;background-color: rgba(7, 66, 49, 0.7);}
@keyframes dou{0%{transform: translateY(0px);}25%{transform: translateY(10px);}50%{transform: translateY(0px);}75%{transform: translateY(-10px);}100%{transform: translateY(0px);}}
.navbarpage ul {position: absolute;left: 50%;top: 50%;margin: -250px 0 0 -550px;width: 1200px;height: 500px; }
.navbarpage ul li {display: inline-block;margin: 20px;width: 200px;height:180px; text-align: center;box-sizing: border-box;}
.navbarpage ul li:hover{animation: dou 0.5s linear; letter-spacing:11px;transition-duration: 0.5s;}
.navbarpage li p {text-align: center;}
.navbarpage li a {text-decoration: none;color: #fff;display: block;font-size:24px; width:100%;height: 100%;}
.active_navbar {top: 0 !important;transition: all 1.5s ease;}
.navbarpage .zuo2 {margin-top: 20px;width: 100%;text-align: center;transform: translateX(-300px);transition: all 0.6s linear;}
.navbarpage .you1 {top: 100px;width: 100%;transition: all 0.6s linear;}
.navbarpage .you2 {top: 100px;width: 100%;transform: translateX(300px);transition: all 0.6s linear;}
.navbarpage .you2 p {color: #fff;}
/* 导航页样式 */
.carousel-indicators .active,.carousel-indicators{display: none;}


@keyframes breathe{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes breathe4bg{0%{background-size:100% 100%}50%{background-size:120% 120%}100%{background-size:100% 100%}}.zt-container{overflow:hidden;position:relative}.zt-container .zt-fixed-border{overflow:hidden;position:relative}.zt-container .zt-fixed-border .zt-breathe{position:relative;left:0;top:0;animation:breathe 3s ease-in-out infinite}.zt-container .zt-fixed-border.zt-breathe{position:relative;left:0;top:0;background-position:50% 50%;animation:breathe4bg 3s ease-in-out infinite}.zt-container .zt-mask{position:absolute;left:0;top:0;opacity:0;height:100%;width:100%;transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;background-color:rgba(3,142,185,0.7)}.zt-container .zt-mask-slide-top{align-self:baseline;position:absolute;left:0;top:-100%;height:100%;width:100%;transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;background-color:#0005}.zt-container .zt-mask-slide-bottom{position:absolute;left:0;top:100%;height:100%;width:100%;transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;background-color:#0005}.zt-container .zt-mask-slide-left{position:absolute;left:-100%;top:0;height:100%;width:100%;transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;background-color:#0005}.zt-container .zt-mask-slide-right{position:absolute;left:100%;top:0;height:100%;width:100%;transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;background-color:#0005}.zt-container .zt-content{position:relative;left:0;top:0;height:100%;width:100%}.zt-container:hover .zt-mask{opacity:1;transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s}.zt-container:hover .zt-mask-slide-top,.zt-container:hover .zt-mask-slide-bottom,.zt-container:hover .zt-mask-slide-left,.zt-container:hover .zt-mask-slide-right{left:0;top:0;transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s}.zt-container:hover .zt-to-color{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);_filter:grayscale(0%);transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s}.zt-container:hover .zt-to-no-color{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none;transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s}.zt-container:hover .zt-zoom.zt-zoom-to-big{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s}.zt-container:hover .zt-zoom.zt-zoom-to-small{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9);transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s}.zt-container:hover .zt-rotate.zt-rotate-90{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s}.zt-container:hover .zt-rotate.zt-rotate-180{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s}.zt-container:hover .zt-rotate.zt-rotate-270{transform:rotate(270deg);-ms-transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s}.zt-container:hover .zt-rotate.zt-rotate-360{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s}.zt-container:hover .zt-rotate.zt-rotate-reverse.zt-rotate-90{transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s}.zt-container:hover .zt-rotate.zt-rotate-reverse.zt-rotate-180{transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s}.zt-container:hover .zt-rotate.zt-rotate-reverse.zt-rotate-270{transform:rotate(-270deg);-ms-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-webkit-transform:rotate(-270deg);-o-transform:rotate(-270deg);transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s}.zt-container:hover .zt-rotate.zt-rotate-reverse.zt-rotate-360{transform:rotate(-360deg);-ms-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s}.zt-container .zt-no-color{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none}.zt-container .zt-color{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);_filter:grayscale(0%)}.zt-container .zt-zoom{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s}.zt-container .zt-rotate{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s}