@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:#e90068; 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;}
.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: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:#b00d56;}
.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:#b00d56;}
.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);}

/*top*/
.top { position:fixed; left:0; right:0; top:0; z-index: 999; height:85px; background-color:rgba(0, 0, 0, 0.4);}
.logo {float: left; margin-top:14px; margin-left: 2%;}
.logo a {display:inline-block; width:147px; height:57px; background-image: url(logo.png); background-size:147px 57px;}
.nav {float:left; margin-left: 8%;}
.nav li{display:block; text-align:center; float:left;}
.nav a {display:block; padding:0 30px; height:85px; line-height:85px; font-size:15px; text-decoration: none; color: #fff;}
.nav a:hover {color:#e90068; border-bottom: 4px solid #e90068;}
.nav li a.nav-hover{color:#e90068; border-bottom: 4px solid #e90068;}
.ce{float: right; width: 120px; height: 30px; line-height: 30px; margin-top: 25px; margin-right: 1%;}
.ce .ce-cn{width: 60px; height: 30px; background: #e90068; text-align: center;}
.ce .ce-en{width: 60px; height: 30px; border:1px solid #e90068; text-align: center;}
.ce a{color: #fff;}
.ce .ce-en:hover{background: #e90068;color: #fff;}
.tel{float:right; margin-top: 22px; margin-right: 2%;}

.ce-en-a a{color: #e90068;}
.ce .ce-en-a:hover a{background: #e90068; color: #fff;}

.ny-top {height:85px; width: 100%; background: #fff;}
.ny-nav {float:left; margin-left: 8%;}
.ny-nav li{display:block; text-align:center; float:left;}
.ny-nav a {display:block; padding:0 30px; height:85px; line-height:85px; font-size:15px; text-decoration: none; color: #000;}
.ny-nav a:hover {color:#e90068; border-bottom: 4px solid #e90068;}
.ny-nav li a.nav-hover{color:#e90068; border-bottom: 4px solid #e90068;}

/*home-foot*/
.home-foot {position:fixed; left:0; right:0; bottom:0; z-index: 999; text-align: right; height:55px; line-height: 55px; padding-right: 30px; font-size: 14px; color: #fff;}


.foot {text-align: center; height:55px; line-height: 55px; padding-right: 30px; font-size: 14px; color: #fff; background: #e90068;}
.foot p{width: 820px; margin: 0 auto;}
.zqkj{width:160px; height: 15px; display: inline-block; background: url(zqkj.png) no-repeat center center; margin-left: 5px;}


#superContainer{height: 100%; position: relative;}
.section{position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* 圆点导航 */
#fullPage-nav{_display: none; width:14px; height:400px; position: fixed; z-index: 100; top:60%; right:20px; opacity: 1 ;}
#fullPage-nav li{width:14px; height:21px; margin:5px 0 0; vertical-align: middle;}
#fullPage-nav li a{float: right; width:14px; height:21px; background:url(dot.png) 0px -27px no-repeat;}
#fullPage-nav li a.active{background-position:0 11px; width:14px; height:38px;}
#fullPage-nav span{display: none;}
.fullPage-tooltip{float: left; top:0; line-height: 21px;}

/*背景放大缩小*/
.section {position: relative; overflow: hidden; padding-top:84px;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img {display: block; width: 100%; height: 100%;}
@keyframes scaleDraw {/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ 0%{transform: scale(1);  /*开始为原始大小*/}25%{transform: scale(1.1); /*放大1.1倍*/}50%{transform: scale(1);}75%{transform: scale(1.1);}}
.section .bg{height: 100%; width: 100%; -webkit-animation-name: scaleDraw; /*关键帧名称*/ -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/-webkit-animation-duration: 10s; /*动画所花费的时间*/}

/*第一屏*/
.p1-bg1 { position: absolute; z-index:2;  left:50% ; top:50%; margin-top:-303px; width:177px; height:277px; margin-left:-810px; background:url(p1-img1.png) no-repeat; transition: all 1s; opacity: 0;}
.active .p1-bg1 {top:50%; margin-left:-335px; opacity: 1; transition-delay: 0.4s;}

.p1-bg2 {position:absolute; bottom:50%; left:50%; width:42px; margin:0 0 300px -216px; height:191px; opacity:0; transition:all 1.7s;}
.active .p1-bg2 {bottom:50%; margin-bottom:80px; opacity: 1; transition-delay: 0.3s;}

.p1-bg3 { position: absolute; top: 50%; margin-top:-245px; left:50% ; width:466px; height:113px; margin-left:370px; opacity: 0; transition: all 1s;}
.active .p1-bg3 {top:50%; margin-left:-140px; opacity: 1; transition-delay: 0.4s;}

.p1-bg4 { position: absolute; top: 50%; margin-top:-125px; left:50% ; width:493px; height:24px; margin-left:355px; opacity: 0; transition: all 1.4s;}
.active .p1-bg4 {top:50%; margin-left:-150px; opacity: 1; transition-delay: 0.4s;}

.p1-bg5 {position: absolute; z-index:2; left:50%;  bottom:-300px; margin-bottom:-370px; width:619px; height:16px; margin-left:-309.5px; transition: all 1.8s; opacity: 0;}
.active .p1-bg5 {bottom:50%; margin-bottom:-10px; opacity: 1; transition-delay: 0.4s;}

.p1-bg6 {position:absolute; left:50%; bottom:-500px; width:393px; height:16px; margin-left:-196.5px; background-size:contain; transition: all 1s;}
.active .p1-bg6 {bottom:50%; margin-bottom: -50px; transition-delay: 0.7s;}

.p1-bg7 {position:absolute; left:5%; bottom:-500px; width:90%; height:191px; transition: all 1s;}
.p1-bg7 img{width: 100%;}
.active .p1-bg7 {bottom:50%; margin-bottom: -320px; transition-delay: 0.7s;}

/*第二屏*/
.p2-bg1 {position:absolute; left:50%; top:0%; width:230px; height:43px; margin-left:-115px; background-size:contain; transition: all 1s;}
.active .p2-bg1 {top:50%; margin-top:-300px ; transition-delay: 0.3s;}

.p2-bg2 {position:absolute; top:10%; left:50%; width:271px; margin:0 0 0 -135.5px; height:37px; background:url(p2-img2.png) no-repeat; opacity:0; transition:all 1.4s;}
.active .p2-bg2 {top:50% ; margin-top:-240px ; opacity: 1; transition-delay: 0.5s;}

.p2-bg3 {position: absolute; font-size: 30px; color: #e90068; z-index:2; left: 50%; top:50%; width:300px; height:52px; margin-left:-900px; margin-top:-130px;transition: all 1.4s; opacity: 0; z-index:5;}
.p2-bg3 p{color: #c1c1c1; font-size: 13px; text-transform:uppercase; font-family: Arial;}
.active .p2-bg3 {opacity: 1; margin-left:-600px; transition-delay:0.8s;}

.p2-bg4 { position: absolute; line-height: 30px; z-index:2;  left:50% ; top:50%; width:470px; height:203px; margin-top:-60px; margin-left:-900px; background:url(p2-img4.png) no-repeat; transition: all 1s; opacity: 0;}
.active .p2-bg4 {opacity:1; margin-left:-600px; transition-delay: 1.2s;}

.p2-bg5 { position: absolute; z-index:2;  left:50% ; top:50%; width:118px; height:41px; margin-top:110px; margin-left:-900px; background:url(p2-img5.png) no-repeat; transition: all 1s; opacity: 0;}
.p2-bg5 a{width: 118px; height: 41px; line-height: 41px; text-align: center; display: block; color: #fff; background: #e90068;}
.p2-bg5 a:hover{background: #534d50;}
.active .p2-bg5 {opacity:1; margin-left:-600px; transition-delay: 1.6s;}

.p2-bg6 {position:absolute; width:429px; height:429px; left:50%; top:50%; margin:-150px 0 0 0; text-indent: -9999px; background:url(p2-img6.png) no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 0.7s; z-index:6;}
.active .p2-bg6{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.5s;}

.p2-bg7 { position: absolute; line-height: 30px; z-index:2;  left:50% ; top:50%; width:452px; height:66px; margin-top:180px; margin-left:-900px; background:url(p2-img3.png) no-repeat; transition: all 1s; opacity: 0;}
.active .p2-bg7 {opacity:1; margin-left:-600px; transition-delay: 1.7s;}

/*第七屏*/
.p7-bg1 {position:absolute; left:50%; top:0%; width:267px; height:59px; margin-left:-115px; transition: all 1s;}
.active .p7-bg1 {top:50%; margin-top:-300px ; transition-delay: 0.3s;}

.p7-bg2 {position:absolute; top:10%; left:50%; width:271px; margin:0 0 0 -135.5px; height:33px; opacity:0; transition:all 1.4s;}
.active .p7-bg2 {top:50% ; margin-top:-240px ; opacity: 1; transition-delay: 0.5s;}

.p7-bg3 {position: absolute; z-index:2; left:50%; margin-left:-430px; top:50%; width:776px; height:473px; margin-top:-160px; transition: all 1s;  opacity: 0; z-index:9;}
.active .p7-bg3 {opacity:1; margin-left:-400px; transition-delay: 0.8s;}

/*滚动图片*/
#owl-demo{position:relative;width:776px;height:473px;margin:0 auto;}
#owl-demo .item{ position:relative;display:block;}
#owl-demo img{display:block;width:776px;height:473px;}
#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.5;filter:alpha(opacity=50);}
#owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "微软雅黑","黑体";color:#fff;text-align:center;}
.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(bg17.png);}
.owl-next{right:0;background-image:url(bg18.png);}
.owl-prev:hover{background-image:url(bg19.png);}
.owl-next:hover{background-image:url(bg20.png);}

/*第三屏*/
.p3-bg1 {position:absolute; left:50%; top:0%; width:216px; height:42px; margin-left:-108px; transition: all 1s;}
.active .p3-bg1 {top:50%; margin-top:-300px ; transition-delay: 0.3s;}

.p3-bg2 {position:absolute; top:10%; left:50%; width:271px; margin:0 0 0 -135.5px; height:37px; opacity:0; transition:all 1.4s;}
.active .p3-bg2 {top:50% ; margin-top:-240px ; opacity: 1; transition-delay: 0.5s;}

.p3-bg3{position: absolute; left: 50%; top:0; width:1018px; height:39px; margin-left:-508px; transition: all 1s;}
.p3-bg3 ul{width: 100%; height: 40px; line-height: 40px; border-top: 1px solid #d5c6bd; border-bottom: 1px solid #d5c6bd;}
.p3-bg3 ul li{float: left;}
.p3-bg3 ul li a{color: #e90068; padding: 0 15px; height: 38px; line-height: 38px; display: block;}
.p3-bg3 ul li a:hover{background: #e90068; color: #fff;}
.active .p3-bg3{top: 50%;  margin-top: -160px; transition-delay: 0.7s; z-index: 9;}

.p3-bg4 {position: absolute; z-index:2; right:50%; margin-right:-931px; top:50%; width:1200px; height:350px; margin-top:-60px; transition: all 1s;  opacity: 0; z-index:9;}
.active .p3-bg4 {opacity:1; margin-right:-600px; transition-delay: 0.8s;}

.picMarquee-left{ width:1200px; overflow:hidden; position:relative;}
.picMarquee-left .bd{width:1200px;}
.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: 50px; line-height: 50px; text-align: left; text-indent: 10px; color: #fff; position: absolute; bottom: 0; background-color:rgba(0, 0, 0, 0.55); font-size:14px;}
.picMarquee-left .bd ul li span{width: 70px; height: 25px; line-height: 25px; text-align: center; position: absolute; bottom:11px; right:10px; background: #e90068; font-size:14px; display: block; color: #fff;}

/*第四屏*/
.p4-bg1 {position:absolute; left:50%; top:0%; width:216px; height:43px; margin-left:-108px; transition: all 1s;}
.active .p4-bg1 {top:50%; margin-top:-300px ; transition-delay: 0.3s;}

.p4-bg2 {position:absolute; top:10%; left:50%; width:271px; margin:0 0 0 -135.5px; height:37px; opacity:0; transition:all 1.4s;}
.active .p4-bg2 {top:50% ; margin-top:-240px ; opacity: 1; transition-delay: 0.5s;}

.p4-bg3 {position: absolute; z-index:2; left: 50%; top:50%; margin-top:-160px; width: 1215px; height:231px; margin-left:400px; background:url(p4-img3.png) no-repeat; transition: all 1s;  opacity: 0; z-index:5;}
.active .p4-bg3 {opacity: 1; margin-left:-607.5px; transition-delay: 0.8s;}

.p4-bg4 {position: absolute; z-index:2; right:50%; top:50%; margin-top:40px; width: 1215px; height:231px; margin-right:400px; background:url(p4-img4.png) no-repeat; transition: all 1s;  opacity: 0; z-index:5;}
.active .p4-bg4 {opacity: 1; margin-right:-607.5px; transition-delay: 0.8s;}

.p4-bg5 {position: absolute; bottom:-50%; left:50%; width:557px; margin-left:-315.5px; height:244px; background:url(p4-img5.png) no-repeat; opacity: 0; transition: all 1.7s;}
.active .p4-bg5 {bottom:0; opacity: 1; transition-delay: 0.3s;}

.p4-bg6 {position: absolute; z-index:2; bottom:0%; right: -20%; width:817px; height:349px; background:url(p4-img6.png) no-repeat; transition: all 1s;  opacity: 0; z-index:5;}
.active .p4-bg6 {opacity: 1; right: 0%;  transition-delay: 1.2s;}

/*第五屏*/
.p5-bg1 {position:absolute; left:50%; top:0%; width:126px; height:42px; margin-left:-63px; transition: all 1s;}
.active .p5-bg1 {top:50%; margin-top:-300px ; transition-delay: 0.3s;}

.p5-bg2 {position:absolute; top:10%; left:50%; width:271px; margin:0 0 0 -135.5px; height:37px; opacity:0; transition:all 1.4s;}
.active .p5-bg2 {top:50% ; margin-top:-240px ; opacity: 1; transition-delay: 0.5s;}

.p5-bg3{position: absolute; bottom: 0px; left:50%; width:1200px; margin-left:-600px; margin-bottom:-520px; height:376px; background:url(p5-img3.png) no-repeat; opacity: 0; transition: all 1.7s;}
.active .p5-bg3{bottom:50%; margin-bottom:-260px; opacity: 1; transition-delay: 0.6s;}

.p5-bg3 ul li{width: 370px; float: left; height: 380px; background: #fff; margin-right: 45px;}
.p5-bg3 ul li:last-child{margin-right: 0;}
.p5-bg3 ul li img{width: 370px; height: 190px;}
.p5-bg3 ul li .p5-bg3-content{width: 322px; margin: 0 auto; text-align: left;}
.p5-bg3 ul li .p5-bg3-content a{font-size: 16px; color: #000000; line-height: 45px; height: 45px; width: 320px; display: block; margin-top: 10px;}
.p5-bg3 ul li .p5-bg3-content a:hover{color: #e90068;}
.p5-bg3 ul li .p5-bg3-content p {color: #8e8e8e; font-size: 14px; line-height: 24px; height: 60px;}
.p5-bg3 ul li .p5-bg3-content span{ width: 120px; display: block; height: 20px; margin-top: 26px; color: #7c7c7c; text-indent: 22px; background: url(p5-news-time-ico.png) no-repeat left center; float: left;}

/*第六屏*/
.p6-bg1 {position:absolute; left:50%; top:0%; width:266px; height:46px; margin-left:-133px; transition: all 1s;}
.active .p6-bg1 {top:50%; margin-top:-300px ; transition-delay: 0.3s;}

.p6-bg2 {position:absolute; top:10%; left:50%; width:271px; margin:0 0 0 -135.5px; height:37px; opacity:0; transition:all 1.4s;}
.active .p6-bg2 {top:50% ; margin-top:-240px ; opacity: 1; transition-delay: 0.5s;}

.p6-bg3 {position: absolute; z-index:2; left:50%; top:50%; margin-top:-70px; width:195px; height:195px; margin-left:-700px; transition: all 1s;  opacity: 0; z-index:5;}
.active .p6-bg3 {opacity: 1; margin-left:-200px; transition-delay: 0.8s;}

.p6-bg4 {position: absolute; color: #000; font-size:16px; line-height: 32px; z-index:2; left: 50%; top:50%; margin-top:-50px; width:335px; height:161px; margin-left:400px; transition: all 1s;  opacity: 0; z-index:5;}
.p6-bg4 p{font-size:24px;}
.active .p6-bg4 {opacity: 1; margin-left:35px; transition-delay: 0.8s;}

.p6-bg5 {position:absolute; width:309px; height:679px; top:50%; left:50%; bottom:35px; margin-left:-600px; margin-top:-211px; text-indent: -9999px; background:url(p6-img5.png) no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 0.7s; z-index:6;}
.active .p6-bg5{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.2s;}

/* for lt ie 10*/
.ltie10 .p1-bg1 {bottom:0; transition-delay: 0.7s;}
.ltie10 .p1-bg2 {bottom:50%; margin-bottom:-102px; opacity: 1; transition-delay: 0.3s;}
.ltie10 .p1-bg3 {top:50%; margin-left:70px; opacity: 1; transition-delay: 0.4s;}
.ltie10 .p1-bg4 {top:50%; margin-left:55px; opacity: 1; transition-delay: 0.4s;}
.ltie10 .p1-bg5 { top:50%; margin-left:70px; opacity: 1; transition-delay: 0.4s;}
.ltie10 .p1-bg6 {top:50%; margin-left:-110px; opacity: 1; transition-delay: 0.4s;}

.ltie10 .p2-bg1 {bottom:0; transition-delay: 0.7s;}
.ltie10 .p2-bg2 {opacity: 1; margin-left: -600px; transition-delay: 0.8s;}
.ltie10 .p2-bg3 {opacity: 1; margin-left:-600px; transition-delay:1.2s;}
.ltie10 .p2-bg4 {opacity: 1; margin-left:-600px; transition-delay: 0.8s;}

.ltie10 .p3-bg1 {top: 50%;  margin-top: -160px; transition-delay: 0.7s; z-index: 9;}
.ltie10 .p3-bg2 {opacity:1; margin-right:-650px; transition-delay: 0.8s;}

.ltie10 .p4-bg1 {top: 50%;  margin-top: -160px; transition-delay: 0.7s; z-index: 9;}
.ltie10 .p4-bg2 {bottom:50%; margin-bottom:-123px; opacity: 1; transition-delay: 0.3s;}
.ltie10 .p4-bg3 {opacity: 1; margin-left:-30px; transition-delay: 0.8s;}

.ltie10 .p5-bg1 {opacity: 1; margin-left: -475px; transition-delay: 0.8s;}
.ltie10 .p5-bg2 {opacity: 1; margin-left: 87px; transition-delay: 0.8s;}

.ltie10 .p6-bg1 {top:20%; margin-top:-120px ; transition-delay: 0.5s; opacity: 1;}
.ltie10 .p6-bg2 {bottom:50% ; margin-bottom:-60px ; opacity: 1; transition-delay: 0.6s;}
.ltie10 .p6-bg3 {bottom:50% ; margin-bottom:-180px ; opacity: 1; transition-delay: 0.6s;}
.ltie10 .p6-bg4{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.2s;}

/* CSS Document */

/*内页banner*/
.about-ban{width: 100%; height: 400px; overflow: hidden; position: relative;}
.about-ban p{width: 300px; height: 100px; font-size: 22px; text-align: left; color: #fff; position: absolute; top: 150px; left: 50%; margin-left: -600px; z-index: 9999; text-shadow:#8c8c8c 2px 2px 2px;}
.about-ban p span{font-size: 40px; text-transform: uppercase; font-family: Arial;}
@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: 400px; width: 100%; position: relative; -webkit-animation-name: scaleDraw; /*关键帧名称*/ -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/-webkit-animation-duration: 20s; /*动画所花费的时间*/}

/*内页部分*/
.location{height: 70px; line-height: 70px;}
.location-left{text-align: left; color: #848484;}
.location-left a{color: #848484;}
.location-left img{margin-right: 5px;}
.location-right{text-align: left; color: #e90068; font-size: 18px; font-weight: bold;}

.mainbody{width:100%; padding-top:40px; margin:0 auto;}

/*nav*/
.about-nav-content{width: 100%; height: 170px; background: #f4f4f4;}
.about-nav ul li{height:50px; line-height:50px; text-align:center; float: left; margin-right: 10px; margin-top: 60px;}
.about-nav ul li a{ display:inline-block; height:50px; width: 130px; color: #707070; background: #fff;}
.about-nav ul li a:hover{background: #e90068; color:#fff;}
.about-nav ul li.cur a{background: #e90068; color:#fff;}

.product-about-nav ul li{height:50px; line-height:50px; text-align:center; float: left; margin-right: 10px; margin-top: 22px;}
.product-about-nav ul li a{ display:inline-block; height:50px; width: 130px; color: #707070; background: #fff;}
.product-about-nav ul li a:hover{background: #e90068; color:#fff;}
.product-about-nav ul li.cur a{background: #e90068; color:#fff;}

/*内容部分*/
.mainbody_content{width:1200px; font-size:15px; overflow-x:hidden; line-height:220%; min-height:300px;_height:300px; text-align:justify; margin: 0 auto;}
.mainbody_content p{padding-bottom:15px;}
.mainbody_content img{max-width:1200px;}
.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; font-size:14px; overflow-x:hidden; line-height:200%; min-height:300px;_height:300px; text-align:justify;}

/*内页图片列表*/
.product_list{width:1252.5px; margin: 0 auto;}
.product_list li{ margin:0 26.25px 0 26.25px; float:left;}
.product_list li p{width:100%; line-height:65px; text-align: left; text-indent: 5px; font-size: 16px;}

.main_img{ overflow:hidden; position: relative;}
.main_img_img{ overflow:hidden;}
.main_img img{ overflow-x: hidden; overflow-y: hidden; position: relative;z-index:1;transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease;/* Firefox 4 */-moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease;/* Safari 和 Chrome */-webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease;/* Opera */-o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;}
.main_img .show{background: rgba(0, 0, 0, 0.4);   left: 0; opacity: 0;filter:alpha(opacity=0); position: absolute; top: 0; transition-delay: 0s; transition-duration: 0.3s; transition-property: opacity; transition-timing-function: ease-in;/* Firefox 4 */-moz-transition-delay: 0s; -moz-transition-duration: 0.3s; -moz-transition-property: opacity; -moz-transition-timing-function: ease-in;/* Safari 和 Chrome */-webkit-transition-delay:0s; -webkit-transition-duration: 0.3s; -webkit-transition-property: opacity; -webkit-transition-timing-function: ease-in;/* Opera */-o-transition-delay:0s; -o-transition-duration: 0.3s; -o-transition-property: opacity; -o-transition-timing-function: ease-in; z-index: 200;}
.main_img .show .imgArea{left: 50%;bottom:0; margin:-15px 0px 0px -25px; opacity: 0; position: absolute; transition-delay: 0s; transition-duration: 0.4s; transition-property: all; transition-timing-function: ease;/* Firefox 4 */-moz-transition-delay: 0s; -moz-transition-duration: 0.4s; -moz-transition-property: all; -moz-transition-timing-function: ease;/* Safari 和 Chrome */-webkit-transition-delay:0s; -webkit-transition-duration: 0.4s; -webkit-transition-property: all; -webkit-transition-timing-function: ease;/* Opera */-o-transition-delay:0s; -o-transition-duration: 0.4s; -o-transition-property: all; -o-transition-timing-function: ease;}
.main_img .show .imgArea a{background: url(more-ico.png) no-repeat center center; width:49px; height:49px; display:block; font-size: 16px;}
.main_img:hover .show{opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.main_img:hover img{transform: scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);/* IE 9 */-moz-transform:scale(1.1, 1.1);/* Firefox */-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */-o-transform:scale(1.1, 1.1);/* Opera */}
.main_img:hover p a{color: #e90068; text-decoration: underline;}


/*内页新闻列表*/
.news-list{width:1200px; margin: 0 auto;}
.news-list li{width:1200px; border-bottom:1px solid #e2e2e2; height:192px;}
.news-list li .news-list-left{float:left; width:850px; height:170px; padding-top:30px;}
.news-list li .news-list-left h1 a{font-weight:bold; font-size:16px;}
.news-list li .news-list-left p{line-height:24px; font-size:13px; color:#8a8a8a; padding:10px 0;}
.news-list li .news-list-left p a{color:#8a8a8a;}
.news-list li .news-list-left span{line-height:24px; font-size:14px; color:#595959;}
.news-list li .news-list-right{width:291px; height:150px; float:right; overflow:hidden; margin-top:20px;}
.news-list li .news-list-right img{width:291px; height:150px; transition:1s;}
.news-list li:hover img{transform:scale(1.1);}
.news-list li:hover h1 a{color:#e90068}

/*内页新闻、图片详细内容*/
.right_content_top{width: 100%;}
.right_content_title{font-size: 34px; text-align: center; line-height: 34px; 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:1200px;}
.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.gif);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: #e90068; 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:#ebebeb;text-align:center;padding:2px 11px; margin:0 3px; font-family: Arial; border-radius: 2px;}
.page_list a:hover{color:#fff; background:#e90068;}
.page_list a.on{color:#fff;background:#e90068; 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;}