@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:1300px;}
a{color:#393939; text-decoration:none;}
a:hover{color:#0057a8; text-decoration: underline;}

.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;}
.w1300{width:1300px; 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:60px; 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;}

/*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:#0058a8;}
.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:#0c6bc2;}
.cbbfixed .cweixin {background: #dadbdd;}
.cbbfixed .cweixin div {background: url(../images/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);}

/*top*/
.top {position:fixed; left:0; right:0; top:0; z-index: 999; height:100px; background-color:rgba(0, 0, 0, 0.55);}
.about-top {height:100px; background-color:#fff; width: 100%; z-index: 999; position: relative;}
.menu { width:100%; margin: 0 auto;}
.logo { float:left; margin-top:25px; margin-left: 1%; width: 22%;}
.logo a {display:inline-block; width:264px; height:53px; background-image: url(logo.png); background-size:264px 53px;}
.top-right{float:right; margin-right: 2.2%; width: 7%;}

/*nav*/
.navBar{z-index:999; height: 100px; float:left; width: 62%;}
.nav {margin:0 auto;}
.nav .m {float:left; position:relative;}
.nav>li.m{float: left; width:12.5%;}
.nav h3 {float:left; text-align:center; height: 100px; line-height: 100px; width:100%;}
.nav h3 a{display:block; line-height:100px; width:100%; text-align: center; text-decoration:none; font-weight:normal; font-size:15px;}
.nav h3 a:before{content: "";  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 0;  background-color: #0058a8;  z-index: -1;  -webkit-transition: all 1s;  transition: all 1s;}
.nav h3 a:hover{color: #fff;}
.nav h3 a:hover:before {height: 100%;}
.nav .on h3 a{color: #fff; background: #0058a8; background-size: 100% 100%;}

.home-nav h3 a{color:#cccccc;}
.ny-nav h3 a{color:#1e1e1e;}

.nav .sub {display:none; position:absolute; top:100px; z-index: 99999; background:#005ba2;}
.nav li#m2 .sub{width: 430px;}
.nav li#m3 .sub{width: 345px;}
.nav li#m4 .sub{width: 500px;}
.nav li#m5 .sub{width: 420px;}
.nav li#m8 .sub{width: 275px;}
.nav li#m9 .sub{width: 175px;}
.nav .sub li {height:60px; line-height:60px; float:left; margin: 0 15px; text-align:center;}
.nav .sub li a {display:block;font-size:14px;color:#fff;}
.nav .sub li a:hover {color:#bae1ff;}

/*手机/微信划过下拉*/
.sjweb{ width:30px; height:30px; margin-top:35px;margin-right:10px;margin-left:10px; position:relative; font-size:12px; text-align:center; float: right; z-index: 9999;}
.sjweb a{width:30px; height:30px; display:block; position:absolute; left:0; top:0;background:url(web.png) no-repeat center top; }
.sjweb .sjweb_nr{width:120px; height:140px; padding:10px; background:#fff; text-align:center; position:absolute; left:-45px; top:45px; display:none;}
.sjweb .sjweb_nr img{ margin-bottom:5px;}
.sjweb .sjweb_nr .arrow{width:0; height:0; border-bottom:10px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent; position:absolute; left:80px; top:-8px;}
.sjweb.on .sjweb_nr{ display:block;}
.sjweb.on a{ background:url(web.png) no-repeat left bottom;}

.weixin{width:30px; height:30px; margin-top:35px;position:relative; font-size:12px; text-align:center; float: right; z-index: 9999;}
.weixin a{width:30px; height:30px; display:block; position:absolute; left:0; top:0;background:url(weixin.png) no-repeat center top; }
.weixin .weixin_nr{width:120px; height:140px; padding:10px; background:#fff; text-align:center; position:absolute; left:-45px; top:45px; display:none;}
.weixin .weixin_nr img{ margin-bottom:5px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:80px; top:-8px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background:url(weixin.png) no-repeat left bottom;}

/*首页每屏切换*/
#pageContain {overflow:hidden;}
.page {display:none; width:100%; height:100%; overflow: hidden;  position:absolute; top: 0; left: 0;}
.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:2%;}
#navBar .active{color: #0058a8;}
#navBar .active span{background:#0058a8; color: #0058a8;}
#navBar li {cursor:pointer; margin-bottom:15px; transition: all .7s ease; width: 70px; color: #fff; text-shadow:0 0 0.3em #7d7d7d, -0 -0 0.3em #7d7d7d;}
#navBar li span{border-radius: 50%; line-height: 15px; text-align: left; width:15px; height:15px; display: block;background:#fff; float: right; box-shadow: 0 0 10px #7d7d7d;}

.txt {margin-top: 20%; font-size: 50px; color: #fff; text-align: center;}

.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:30px;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:30px; opacity:1;} 50%{bottom:50px; opacity:.5} }
@-webkit-keyframes arrow{ %0,%100{bottom:30px; opacity:1;} 50%{bottom:50px; opacity:.5} }


/*背景放大缩小*/
.slideshow { position: absolute;width: 100%; height: 100%;overflow: hidden; z-index: -9999}
.slideshow-image {position: absolute;width: 100%;height: 100%; background: no-repeat 50% 50%;background-size: cover;
  -webkit-animation-name: kenburns;
          animation-name: kenburns;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 16s;
          animation-duration: 16s;
  opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);
}
.slideshow-image{-webkit-animation-name: kenburns-1;animation-name: kenburns-1;z-index: 3;}
@-webkit-keyframes kenburns-1 {
  0% {opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);}
  1.5625% {opacity: 1;}
  23.4375% { opacity: 1;}
  26.5625% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
  100% {opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);}
  98.4375% {opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);}
  100% { opacity: 1;}
}
@keyframes kenburns-1 {
  0% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
  23.4375% {opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);}
  26.5625% {opacity: 1;}
  48.4375% { opacity: 1;}
  51.5625% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
  100% {opacity: 1;-webkit-transform: scale(1.1);transform: scale(1.1);
  }
}


/*第二屏*/
.p2-text1, .p2-text2{position:absolute; width:661px; left:50%; text-align: left;}
.p2-text1{top:30%; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p2-text1{margin-left:-650px; opacity:1; transition-delay:0.7s;}

.p2-text2{top:60%; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p2-text2{margin-left:-415px; opacity: 1; transition-delay: 1s;}

.p2-text3{bottom:-30%; opacity: 0; transition: all 1s; z-index: 9; position:absolute; width:1011px; left:50%; margin:0 0 0 -165px; text-align: center;}
.current .contain .p2-text3{bottom:0%; opacity:1; transition-delay:1s;}

.p2-text4{bottom:-30%; opacity: 0; transition: all 1s; z-index: 9; position:absolute; width:724px; left:50%; margin:0 0 0 -15px; text-align: center;}
.current .contain .p2-text4{bottom:7%; opacity:1; transition-delay:1.2s;}

/*第三屏*/
.p3-text1, .p3-text2{position:absolute; width:1055px; left:50%; margin:0 0 0 -477.5px; text-align: center;}
.p3-text1{top:0%; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p3-text1{top:18%; opacity:1; transition-delay:0.7s;}

.p3-text2{top:0%; opacity: 0; transition: all 1s; z-index: 9;}
.p3-text2 ul li{float: left; width:115px; height: 38px; line-height: 38px; border: 1px solid #1a7fda; margin: 0 5px;}
.p3-text2 ul li a{color: #fff; width:115px; height: 38px; display: block; font-size: 14px;}
.p3-text2 ul li a:hover{background: #0057a8; color: #fff;}
.current .contain .p3-text2{top:28%; opacity:1; transition-delay:1s;}

.p3-content{top:38%; opacity: 0; transition: all 1s;  z-index: 9; position:absolute; width:1300px; left:80%; margin:0 0 0 31px;}
.current .contain .p3-content{margin-left:-650px; left:50%; opacity:1; transition-delay:1.3s;}

.picMarquee-left{ width:1300px; overflow:hidden; position:relative;}
.picMarquee-left .bd{width:1300px;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1;}
.picMarquee-left .bd ul li{margin:0 20px; width: 276px; height:331px; float:left; _display:inline; overflow:hidden; position: relative;}
.picMarquee-left .bd ul li img{width: 276px; height:331px; transition:1.5s;}
.picMarquee-left .bd ul li:hover img{transform:scale(1.2);}
.picMarquee-left .bd ul li p{width: 276px; height: 55px; line-height: 55px; text-align: center; color: #fff; position: absolute; bottom: 0; background-color:rgba(0, 0, 0, 0.55); font-size:16px;}
.picMarquee-left .bd ul li span{width: 185px; height: 41px; line-height: 35px; text-align: center; position: absolute; top: 25px; left: 49px;  background: url(p3_img_title_bg.png) no-repeat center center; font-size:14px; display: block; color: #000;}

/*第四屏*/
.p4-text1, .p4-text2{position:absolute; width:860px; left:50%; margin:0 0 0 -430px; text-align: center;}
.p4-text1{bottom:0%; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p4-text1{bottom:70%; opacity:1; transition-delay:1s;}

.p4-text2{bottom:0%; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p4-text2{bottom:35%; opacity:1; transition-delay:1.5s;}

.p4-text3{bottom:0%; opacity: 0; transition: all 1s;  z-index: 9; position:absolute; width:174px; left:80%; bottom:26%; text-align: center;}
.current .contain .p4-text3{bottom:26%; opacity:1; transition-delay:2s; left:50%; margin:0 0 0 -87px;}


/*第五屏*/
.p5-text1, .p5-text2{position:absolute; width:516px; left:50%; margin:0 0 0 -650px; text-align: left;}
.p5-text1{top:0%; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p5-text1{top:24%; opacity:1; transition-delay:1s;}

.p5-text2{top:0%; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p5-text2{top:45%; opacity:1; transition-delay:1.5s;}

.p5-text3{position:absolute; width:500px; left:50%; top:36%; opacity: 0; transition: all 1s;  z-index: 9; text-align: left;}
.p5-text3 img{float: left; margin-right: 10px;}
.current .contain .p5-text3{margin-left:-650px; opacity: 1; transition-delay: 1.7s;}

.p5-text4{position:absolute; width:391px; left:50%;  margin:0 0 0 -27px; bottom:0; opacity: 0; transition: all 1s;  z-index: 9; text-align: left;}
.current .contain .p5-text4{bottom:10%; opacity:1; transition-delay:2.5s;}

.p5-text5{position:absolute; width:581px; left:50%;  margin:0 0 0 -650px; bottom:0; opacity: 0; transition: all 1s;  z-index: 9; text-align: left;}
.current .contain .p5-text5{bottom:30%; opacity:1; transition-delay:2s;}


/*第六屏*/
.p6-left{position:absolute; width:778px; height:468px; left:50%; top:24%; margin:0 0 0 -650px; opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition:all 1s;}
.p6-left div{width: 778px; height: 468px; position: relative;}
.p6-left div ul{width: 778px; height: 80px; background-color:rgba(0, 0, 0, 0.7); bottom: 0; position: absolute;}
.p6-left div ul li{float: left; font-size: 36px; color: #fff; text-align: left; margin-top: 5px;}
.p6-left div ul li:first-child{margin-left: 38px; width: 145px; border-right: 1px solid #61615d}
.p6-left div ul li:nth-child(2){margin-left: 38px; width: 130px; border-right: 1px solid #61615d}
.p6-left div ul li:nth-child(3){margin-left: 45px; width: 140px; border-right: 1px solid #61615d}
.p6-left div ul li:last-child{margin-left: 38px;}
.p6-left div ul li span{color: #cacaca; font-size: 16px; font-family: Arial; padding-left: 10px;}
.p6-left div ul li p{color: #cacaca; font-size: 14px;}
.current .contain .p6-left{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay:0.7s;}


.p6-right{position:absolute; width:596px; height:403px; left:50%; top:28%; margin:0 0 0 46px; color:#d61d1d; font-size:19px; opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition:all 1s; background:url(p6_img2.png) no-repeat center center;}
.current .contain .p6-right{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay:0.7s;}

.p6-text1, .p6-text2, .p6-text3{position:absolute; width:520px; left:50%; margin:0 0 0 86px;}
.p6-text1{bottom:0%; opacity: 0; transition: all 1s; z-index: 9; font-size: 24px; color: #fff; font-weight: bold; background: url(p6_text1_x.jpg) no-repeat left bottom; height: 70px; line-height: 70px;}
.current .contain .p6-text1{bottom:58%; opacity:1; transition-delay:1s;}

.p6-text2{bottom:0%; opacity: 0; transition: all 1s; z-index: 9; font-size: 15px; color: #c7dff6; line-height: 30px; text-align: left;}
.current .contain .p6-text2{bottom:42%; opacity:1; transition-delay:1.5s;}

.p6-text3{bottom:0%; opacity: 0; transition: all 1s;  z-index: 9;}
.p6-text3 a{font-size: 14px; width: 135px; height: 36px; line-height: 36px; text-align: center; display: block; color: #fff; border: 1px solid #fff; border-radius: 20px;}
.current .contain .p6-text3{bottom:34%; opacity:1; transition-delay:2s;}


/*第七屏*/
.p7-text1{top:0%; opacity: 0; transition: all 1s; z-index: 9; position:absolute; width:550px; left:50%; margin:0 0 0 -241px; text-align: center; color: #fff; font-size: 36px;}
.p7-text1 p{font-size: 16px; line-height: 50px;}
.current .contain .p7-text1{top:23%; opacity:1; transition-delay:0.5s;}

.p7-text2, .p7-text3, .p7-text4{position:absolute; width:398px; left:80%; top:36%; opacity: 0; transition: all 1s; z-index: 9; width: 397px; height: 135px; line-height: 135px; background-color:rgba(0, 88, 168, 0.75); text-align: center; color: #fff; font-size: 18px; font-weight: bold;}
.p7-text2 img, .p7-text3 img, .p7-text4 img{margin-right: 15px;}
.current .contain .p7-text2{margin-left:-602px; left:50%; opacity:1; transition-delay:1s;}
.current .contain .p7-text3{margin-left:-199px; left:50%; opacity:1; transition-delay:1.5s;}
.current .contain .p7-text4{margin-left:203px; left:50%; opacity:1; transition-delay:2s;}

.p7-text5{position:absolute; width:610px; left:50%;  margin:0 0 0 -305px; bottom:0; opacity: 0; transition: all 1s;  z-index: 9; text-align: center;}
.current .contain .p7-text5{bottom:16%; opacity:1; transition-delay:2.5s;}

.p7-text6{position:absolute; width:610px; left:50%;  margin:0 0 0 -305px; bottom:0; opacity: 0; transition: all 1s;  z-index: 9; text-align: center; color: #fff; font-size: 16px;}
.current .contain .p7-text6{bottom:18%; opacity:1; transition-delay:3.5s;}

/*版权*/
.copyright{ position:fixed; right:20px; bottom:20px; z-index: 999; height:48px; z-index: 8;}
.copyright-left{float: right; width: 155px; height: 48px; margin-right: 10px; margin-left: 20px;}
.copyright-right{float: right; text-align: right; font-size: 15px; color: #fff; line-height: 22px; position: relative; height: 48px;}
.copyright-right a:first-child{color: #fff;}
.copyright-right a:last-child{width: 123px; height: 15px; background: url(zqkj.png) no-repeat center center; display: block; position: absolute; left: 180px; top: 4px;}


/*首页特效*/
@-webkit-keyframes ty_fadeInDown{0%{ opacity:0; -webkit-transform:translateY(-20px);} 100%{opacity:1; -webkit-transform:translateY(0);}}
@keyframes ty_fadeInDown{ 0%{ opacity:0; transform:translateY(-20px);} 100%{ opacity:1; transform:translateY(0);}}
@-webkit-keyframes ty_fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-150px); } 100%{ opacity:1;-webkit-transform:translateX(0);}}
@keyframes ty_fadeInLeft{0%{opacity:0;transform:translateX(-150px); } 100%{ opacity:1;transform:translateX(0);}}
@-webkit-keyframes ty_fadeInRight{0%{opacity:0; -webkit-transform:translateX(150px); } 100%{ opacity:1; -webkit-transform:translateX(0);}}
@keyframes ty_fadeInRight{ 0%{ opacity:0;transform:translateX(150px);}100%{ opacity:1;transform:translateX(0); }}
@-webkit-keyframes ty_fadeInBottom{ 0%{  opacity:0;-webkit-transform:translateY(100px);}100%{ opacity:1;-webkit-transform:translateX(0);}}
@keyframes ty_fadeInBottom{ 0%{ opacity:0; transform:translateY(100px); }100%{opacity:1;transform:translateX(0);}}
@-webkit-keyframes ty_fadeInOpacity{ 0%{ opacity:0;} 100%{opacity:1;}}
@keyframes ty_fadeInOpacity{ 0%{ opacity:0;} 100%{opacity:1;}}
.ty_fadeInDown{animation-name:ty_fadeInDown;-webkit-animation-name:ty_fadeInDown;}
.ty_fadeInLeft{animation-name:ty_fadeInLeft;-webkit-animation-name:ty_fadeInLeft;}
.ty_fadeInRight{animation-name:ty_fadeInRight;-webkit-animation-name:ty_fadeInRight;}
.ty_fadeInBottom{animation-name:ty_fadeInBottom;-webkit-animation-name:ty_fadeInBottom;}
.ty_fadeInOpacity{animation-name:ty_fadeInOpacity;-webkit-animation-name:ty_fadeInOpacity;}

/*底部*/
.foot{background: #292b2d; width: 100%; height: 430px;}
.foot-nav {margin-top: 35px;}
.foot-nav ul li{float: left; margin-right:30px; width: 115px;}
.foot-nav ul li:nth-child(3){width: 140px;}
.foot-nav ul li p a{font-size: 16px; color: #737373; line-height: 60px;}
.foot-nav ul li ul li{font-size: 14px; line-height: 26px;}
.foot-nav ul li ul li a{color: #fff;}
.foot-nav ul li ul li a:hover{color: #cdcdcd;}

.foot-wx{width: 140px; text-align: center; margin-top: 35px; color: #737373; line-height: 40px;}
.foot-wx p{text-align: left; font-size: 16px; line-height: 60px;}

.foot-contact{text-align: right; font-size: 16px; color: #737373; margin-top: 115px;}
.foot-contact p {line-height: 60px;}
.foot-contact font{font-size: 30px; color: #fff;}

.foot-copy{height:90px; line-height:90px; color:#737373; margin: 0 auto; margin-top: 35px; border-top: 1px solid #393939;}
.foot-copy li.fl a{ color:#737373;}
.foot-copy li.fr a{width: 123px; height: 15px; background: url(zqkj.png) no-repeat center center; display: block; margin-top: 35px;}

/*内页部分*/
.about-ban{width: 100%; height: 420px; overflow: hidden; position: relative;}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
0%{transform: scale(1);  /*开始为原始大小*/}25%{transform: scale(1.1); /*放大1.1倍*/}50%{transform: scale(1);}75%{transform: scale(1.1);}}
.about-banner{height: 420px; width: 100%; -webkit-animation-name: scaleDraw; /*关键帧名称*/ -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/-webkit-animation-duration: 20s; /*动画所花费的时间*/}

.location-nav{width: 100%; height: 160px; background: #f7f7f7;}
.location{text-align: left; color: #797979; font-size: 14px; line-height: 85px;}
.location img{margin-right: 5px;}
 
/*nav*/
.about-nav{width: 100%; height: 75px; line-height: 75px; background: #0058a8;}
.about-nav ul li{height:75px; line-height:75px; text-align:center; float: left;}
.about-nav ul li a{ display:inline-block; height:75px; padding: 0 45px; color:#fff; font-size: 16px; background: -webkit-linear-gradient(left, #292b2d, #292b2d) no-repeat;  background: linear-gradient(to right, #292b2d, #292b2d) no-repeat;  background-size: 100% 0%;}
.about-nav ul li a:hover{color:#f3f1ee; background-size: 100% 100%;}
.about-nav ul li.cur a{background: #292b2d; color:#fff;}

.product-about-nav{width: 100%; height: 75px; line-height: 75px; background: #0058a8;}
.product-about-nav ul li{height:75px; line-height:75px; text-align:center; float: left;}
.product-about-nav ul li a{ display:inline-block; height:75px; padding: 0 35px; color:#fff; font-size: 16px; background: -webkit-linear-gradient(left, #292b2d, #292b2d) no-repeat;  background: linear-gradient(to right, #292b2d, #292b2d) no-repeat;  background-size: 100% 0%;}
.product-about-nav ul li a:hover{color:#f3f1ee; background-size: 100% 100%;}
.product-about-nav ul li.cur a{background: #292b2d; color:#fff;}

/*内容部分*/
.mainbody{width:100%; margin:0 auto; background: #f7f7f7;}
.about-contact-title{font-size: 48px; color: #fff; position: absolute; top: 140px; left: 50%; margin-left: -650px; z-index: 99999;}
.mainbody_content{width:1300px; background: #fff; font-size:16px; overflow-x:hidden; line-height:220%; min-height:300px;_height:300px; text-align:justify; margin: 0 auto; padding: 50px 100px 50px 100px;}
.mainbody_content p{padding-bottom:15px;}
.mainbody_content img{max-width:1200px; margin-bottom: 15px;}
.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:1300px; background: #fff; font-size:14px; overflow-x:hidden; line-height:200%; min-height:300px;_height:300px; text-align:justify; padding: 50px 100px 50px 100px;}

/*内页图片列表*/
.product-list{width: 1350px; margin: 0 auto;}
.product-list .box{width: 390px; height: 468px;}
.product-listt{width: 1350px; margin: 0 auto;}
.product-listt .box{width: 390px; height: 270px;}
.box{float: left; text-align: center; overflow: hidden; position: relative; margin-left: 27px; margin-right: 27px; margin-bottom: 54px; box-sizing: border-box; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); overflow: hidden; border: 1px solid #e7e7e7;}
.box:before{ content: ""; width: 0; height: 100%; background: #000; padding: 14px 18px; position: absolute; top: 0;left: 50%;opacity: 0;transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.box:hover:before{ width: 100%;  left: 0; opacity: 0.65;}
.box img{ width: 100%;height: auto;}
.box .box-content{ width: 100%; padding: 14px 18px; color: #fff; position: absolute; top: 38%;left: 0;}
.box .title{font-size: 23px; font-weight:bold; line-height: 30px; text-transform: uppercase; margin: 0; opacity: 0;transition: all 0.5s ease 0s;}
.box .post{ font-size: 15px;text-transform: capitalize; opacity: 0;transition: all 0.5s ease 0s;}
.box:hover .title,.box:hover .post{opacity: 1; transition-delay: 0.7s;}
.box .icon{ padding: 0; margin: 0;list-style: none;margin-top: 15px;}
.box .icon li{display: inline-block;}
.box .icon li a{ display: block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background: #0058a8; font-size: 20px; font-weight: 700;color: #fff; margin-right: 5px; opacity: 0; transform: translateY(50px);transition: all 0.5s ease 0s;}
.box:hover .icon li a{opacity: 1;  transform: translateY(0px); transition-delay: 0.5s;}
.box:hover .icon li:last-child a{transition-delay: 0.8s;}
.fa-search{width: 50px; height: 50px; display: block; background: url(fa-search.png) no-repeat center center;}
.fa-link{width: 50px; height: 50px; display: block; background: url(fa-link.png) no-repeat center center;}


/*内页新闻列表*/
.news-list{width: 1350px; margin: 0 auto;}
.news-list li{float: left; width: 405px; height: 477px; background: #fff; border: 1px solid #e7e7e7; margin-left: 22.5px; margin-right: 22.5px; margin-bottom: 45px; box-sizing: border-box; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); overflow: hidden;}
.news-list li:nth-child(3),.news-list li:nth-child(6),.news-list li:nth-child(9),.news-list li:nth-child(12){margin-right: 0;}
.news-list li .img{width: 405px; height: 240px; overflow: hidden;}
.news-list li .img img{width:405px; height:240px; transition:0.8s;}
.news-list li:hover img{transform:scale(1.1);}
.news-list li .news-text{padding: 26.5px;}
.news-list li .news-text p{font-size: 18px; color: #000; line-height: 26px; height: 52px; overflow: hidden; margin-bottom: 15px;}
.news-list li .news-text span{font-size: 14px; color: #666; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 12px; display: block;}
.news-list li .news-more-time{border-top: 1px solid #e5e5e5; padding: 16px 20px; overflow: hidden; cursor: pointer; background:linear-gradient(to right, #a3f7bf, #a3f7bf) no-repeat; background: linear-gradient(to right, #a3f7bf, #a3f7bf) no-repeat; background-size: 0% 100%; -webkit-transition: all .5s; transition: all .5s; background: none;}
.news-list li .news-more-time{-webkit-transition: all .5s;transition: all .5s; color: #b7b7b7; background: -webkit-linear-gradient(left, #0058a8, #0058a8) no-repeat; background: linear-gradient(to right, #0058a8, #0058a8) no-repeat; background-size: 0% 100%;}
.news-list li:hover .news-more-time{background-size: 100% 100%; color: #fff;}
.news-list li .news-more-time .news-moret{font-size: 14px; line-height: 22px;}
.news-list li .news-more-time .news-time{font-size: 14px; line-height: 22px; font-family: "Arial";}

/*内页新闻、图片详细内容*/
.right_content_top{width: 100%;}
.right_content_title{font-size: 28px; text-align: center; line-height: 45px; padding-bottom: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:1100px; padding-bottom: 15px;}
.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: #0058a8; 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; height: 70px; line-height:70px; color:#333; margin: 0 auto; font-size: 14px;}
.page_info span{padding:0 2px;font-weight:bold; color: #ed0000;}
.page_list{height:40px; text-align:center; letter-spacing:0; font-size:18px; margin-top:20px; font-family: Arial;}
.page_list a{display:inline-block; border:1px solid #ebebeb; background:#ebebeb; text-align:center; padding:10px 14px; margin:0 3px; font-family: Arial;}
.page_list a:hover{color:#fff;border:1px solid #0058a8;background:#0058a8;}
.page_list a.on{color:#fff;border:1px solid #0058a8;background:#0058a8; 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;}