@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:#073580;}

.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:#073580;}
.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:#008cd6;}
.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:95px; border-bottom: 1px solid rgba(255,255,255,0.1);}
.top .logo { float: left; margin-top:14px; margin-left:2%;}
.top .logo a {display:inline-block; width:197px; height:63px; background-image: url(logo.png); background-size:197px 63px;}
.top .top-right{float:right; margin-right:6%; margin-left:50px; margin-top: 39px; height: 28px; width: 68px; position: relative;}
.top .top-right img{float: left; cursor:pointer;}
.top .top-right .wx{display: none;}
.top .top-right:hover .wx{position: absolute; top: 40px; left:-220px; z-index: 999; display: block;}
.top .navt {float:right;}
.top .navt li{display:block; width:110px; text-align:center; float:left;}
.top .navt a {display:block;  width:110px; height:93px; line-height:93px; font-size:16px; text-decoration: none; color: #fff;}
.top .navt a:hover {color:#073580; border-bottom: 3px solid #073580;}
.top .navt li a.nav_hover{color:#073580; border-bottom: 3px solid #073580; font-weight: bold;}

/*about-top*/
.about-top {height:92px; width:100%; background: #fff;}
.about-top .content-k{width: 1200px; margin: 0 auto;}
.about-top .logo {float: left; margin-top:14px;}
.about-top .logo a {display:inline-block; width:154px; height:56px; background-image: url(logo1.png); background-size:154px 56px;}
.about-top .top-right{float:right; height: 28px; width: 68px; margin-top: 30px;position: relative;}
.about-top .top-right img{float: left; cursor:pointer;}
.about-top .top-right .wx{display: none;}
.about-top .top-right:hover .wx{position: absolute; top: 40px; left:-110px; z-index: 999; display: block;}
.about-top .navt {float:right;}
.about-top .navt li{display:block; width:100px; text-align:center; float:left;}
.about-top .navt a {display:inline-block; padding: 0 5px; height:93px; line-height:93px; font-size:15px; text-decoration: none; color: #414141;}
.about-top .navt a:hover {color:#073580; border-bottom: 3px solid #073580;}
.about-top .navt li.nav_hover a{color:#073580; border-bottom: 3px solid #073580; font-weight: bold;}

/*版权*/
.copyright{position:fixed; left:0; bottom:22px; z-index: 999; z-index: 8; width: 100%;}
.copyright ul li.fl{margin-left: 25px; width: 800px;}
.copyright ul li.fl span{display: inline-block; width: 180px; height: 49px;float: left; margin-right: 15px;}
.copyright ul li.fl p{color: #fff; line-height: 24px;}
.copyright ul li.fl p a:first-child{ color: #fff;}
.zqkj{width:135px; height: 15px; display:inline-block; background: url(zqkj.png) no-repeat center center;}
.copyright ul li.fr{margin-right: 25px; margin-top: 13px;}

/*每屏鼠标闪动*/
.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:20px;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:40px; opacity:.5} }
@-webkit-keyframes arrow{ %0,%100{bottom:30px; opacity:1;} 50%{bottom:40px; opacity:.5} }

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

/*首页每屏切换*/
#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:1%;}
#navBar .active{color: #0058a8;}
#navBar .active span{background:#0058a8; color: #0058a8; width: 50px;}
#navBar li {cursor:pointer; margin-bottom:15px; height:5px; transition: all .7s ease; width: 50px; color:#e6e6e6; text-shadow:0 0 0.3em #7d7d7d, -0 -0 0.3em #7d7d7d;}
#navBar li span{line-height: 15px; text-align: left; width:35px; height:5px; display: block; background:#e6e6e6; float: right;}

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

/*第一屏*/
.p1-text1{position:absolute; left:50%; width:641px; height: 359px; color: #fff; background: url(p1-img1.png) no-repeat center center; margin:0 0 0 -320.5px; bottom:0%; opacity: 0; transition: all 1s; z-index: 9;}
.p1-text1 p:first-child{font-size: 27px; font-weight: bold; line-height: 36px; margin-left: 130px; margin-top: 120px;}
.p1-text1 p:last-child{font-size: 17px; line-height: 30px; margin-left: 130px; margin-top: 20px;}
.current .contain .p1-text1{bottom:30%; opacity:1; transition-delay:0.8s;}

.p1-text2{position:absolute; bottom:34%; width:175px; left:80%; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p1-text2{left:50%; margin:0 0 0 -400px; opacity:1; transition-delay:1.2s;}

.p1-text3{position:absolute; width:250px; left:50%; margin:0 0 0 165px;}
.p1-text3{bottom:0%; opacity: 0; transition: all 1s;  z-index: 9;}
.current .contain .p1-text3{bottom:53%; opacity:1; transition-delay:1.6s;}

/*第二屏*/
.p2-text1, .p2-text2{position:absolute; width:699px; left:50%; margin:0 0 0 -350px;}
.p2-text1{bottom:0%; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p2-text1{bottom:70%; opacity:1; transition-delay:1s;}

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

/*第三屏*/
.p3-text1{top:-300px; opacity: 0; transition: all 1s; z-index: 9; position:absolute; width:238px; left:50%; margin:0 0 0 365px;}
.current .contain .p3-text1{top:22%; transition-delay: 0.6s; opacity:1;}

.p3-text2{top:40%; opacity: 0; font-size: 18px; font-weight: bold; color: #fff; transition: all 1s; z-index: 8; position:absolute; width:451px; right:80%;}
.current .contain .p3-text2{right:50%; opacity:1; transition-delay:1s; margin:0 -600px 0 0 ;}

.p3-text3{top:48%; opacity: 0; transition: all 1s; font-size: 15px; color: #9ed8f6; line-height: 30px; z-index: 9; position:absolute; width:525px; left:80%;}
.current .contain .p3-text3{margin-left:76px; left:50%; opacity:1; transition-delay:1.3s;}

.p3-text4{top:74%; opacity: 0; transition: all 1s; font-size: 16px; color: #9ed8f6; width: 240px; height: 53px; line-height: 53px; background: #008cd6; text-align: center;z-index: 9;position:absolute; width:239px; left:80%;}
.p3-text4 a{ color: #9ed8f6;}
.p3-text4 a:hover{ color: #fff;}
.current .contain .p3-text4{margin-left:362px; left:50%; opacity:1; transition-delay:1.6s;}

.p3-text5{top:0; opacity: 0; transition: all 1s;  z-index: 1; position:absolute; width:239px; left:80%;}
.current .contain .p3-text5{margin-left:-185px; left:50%; opacity:1; transition-delay:0.2s;}

/*第四屏*/
.index-product {height: 100%; width: 100%;}
.index-product ul {width: 100%; height: 100%; }
.index-product ul li { overflow: hidden; position: relative; height: 100%; width: 25%; float: left; }
.product-detail { width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: relative; top: 0; opacity: 1; transition: top 0s, opacity 0.3s linear 0s; }
.product-title { width: 100%; text-align: center; top: 40%; position: absolute; transition: 0.3s ease-out 0s; }
.product-title p:first-child {font-size: 42px; margin-bottom: 4%; height: auto; font-size: 2.2vw; color: #008cd6; margin-bottom: 1vw; }
.product-title p {font-size: 26px; font-size: 1.3vw; color: #fff; text-transform: uppercase; height: 4.5vw }
.product-title div {font-size: 16px; display: inline-block; width: 37.5%; line-height: 36px; border: 1px solid #ccc; border-radius: 18px; color: #fff; margin-top: 15%; transition: margin-top 0.5s ease-out 0s, display 0s ease-out 0s; }
.index-product ul li:nth-child(2n+1):hover .product-detail { top: 100%; opacity: 0; transition: 0.5s linear 0s; }
.index-product ul li:nth-child(2n+1):hover .product-title { opacity: 0; transition: 0.5s linear 0s; }
.index-product ul li:nth-child(2n+2):hover .product-detail { top: -100%; opacity: 0; transition: top 0.5s ease-out 0s, opacity 0.3s ease-out 0.3s; }
.index-product ul li:nth-child(2n+2):hover .product-title { opacity: 0; transition: 0.5s ease-out 0s; }
.index-product ul li:hover a { transition: 1.5s linear 0.3s; transform: scale(1.15); }
.index-product ul li a { transition: 0.5s linear 0s; display: block; height: 100%; width: 100%; }

/*第五屏*/
.p5-text1{position:absolute; left:50%; margin:0 0 0 -604px; bottom:0%; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p5-text1{bottom:65%; opacity:1; transition-delay:0.5s;}

.p5-text2{position:absolute; left:50%; margin:0 0 0 -604px;  bottom:0%; opacity: 0; transition: all 1s; z-index: 9;}
.p5-text2 ul{width: 157px;}
.p5-text2 ul li{width: 157px; height: 42px; line-height: 42px; margin-bottom: 5px;}
.p5-text2 ul li a{height: 42px; line-height: 42px; width: 157px; text-align: center; color: #fff; background: #073580; display: block;}
.p5-text2 ul li a:hover{background: #008cd6;}
.current .contain .p5-text2{bottom:38%; opacity:1; transition-delay:1s;}

.p5-text3{position:absolute; top:20%; opacity: 0; transition: all 1s;  z-index: 9; width: 889px; height: 533px; background: #fff; right:20%;}
.current .contain .p5-text3{opacity:1; transition-delay:1.5s; right:50%; margin:0 -600px 0 0;}

.p5-text3 ul{margin-left: 9px; margin-top: 25px;}
.p5-text3 ul li{width: 255px; float: left; text-align: center;margin: 0 17px;}
.p5-text3 ul li img{width: 255px; height: 193px; transition:1s;}
.p5-text3 ul li div{width: 255px; height: 193px; overflow: hidden;}
.p5-text3 ul li:hover img{transform:scale(1.1);}
.p5-text3 ul li p{width: 255px; height:55px; line-height: 55px; font-size: 15px;}


/*第六屏*/
.p6-text1{position:absolute; left:50%; margin:0 0 0 -604px; bottom:0%; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p6-text1{bottom:65%; opacity:1; transition-delay:0.5s;}

.p6-text2{position:absolute; left:50%; margin:0 0 0 -604px;  bottom:0%; opacity: 0; transition: all 1s; z-index: 9;}
.p6-text2 ul{width: 157px;}
.p6-text2 ul li{width: 157px; height: 42px; line-height: 42px; margin-bottom: 5px;}
.p6-text2 ul li a{height: 42px; line-height: 42px; width: 157px; text-align: center; color: #fff; background: #073580; display: block;}
.p6-text2 ul li a:hover{background: #008cd6;}
.current .contain .p6-text2{bottom:38%; opacity:1; transition-delay:1s;}

.p6-text3{position:absolute; top:30%; opacity: 0; transition: all 1s;  z-index: 9; width: 881px; height: 336px; background: #073580; right:20%;}
.current .contain .p6-text3{opacity:1; transition-delay:1.5s; right:50%; margin:0 -600px 0 0;}

.p6-text3-left{width: 370px; float: left; margin-left: 30px; margin-top: 38px;}
.hdp_container{width:370px;height:260px;margin:0px auto;position:relative;font-size:12px;overflow:hidden;}

.p6-text3-right{width: 430px; float: left; margin-left: 25px; margin-top: 30px;}
.p6-text3-right ul li{height: 45px; line-height: 45px; border-bottom: 1px solid #103c84;}
.p6-text3-right ul li a{color: #fff;}
.p6-text3-right ul li a:hover{color: #008cd6;}
.p6-text3-right ul li span{float: right; display: inline-block; color: #008cd6;}

/*第七屏*/
.p7-text1{position:absolute; left:50%; margin:0 0 0 -604px; bottom:0%; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p7-text1{bottom:62%; opacity:1; transition-delay:0.5s;}

.p7-text2{position:absolute; left:50%; color: #fff; margin:0 0 0 -604px;  bottom:0%; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p7-text2{bottom:49%; opacity:1; transition-delay:1s;}
.p7-text2 p{font-size: 16px; line-height: 40px;}
.p7-text2 span{font-family: Arial; font-size: 30px;}

.p7-text3{position:absolute; left:50%; margin:0 0 0 -604px; font-size: 16px; color: #fff; text-align: center; bottom:0%; opacity: 0; transition: all 1s; z-index: 9;}
.current .contain .p7-text3{bottom:37%; opacity:1; transition-delay:1.3s;}
.p7-text3 a{ color: #fff;width: 240px; height: 53px; line-height: 53px; background: #073580; display: block;}
.p7-text3 a:hover{ color: #008cd6;}

.p7-text4{position:absolute; top:26%; opacity: 0; transition: all 1s;  z-index: 9; width: 779px; height: 402px; border: 5px solid #fff; right:20%;}
.current .contain .p7-text4{opacity:1; transition-delay:1.5s; right:50%; margin:0 -600px 0 0;}
.p7-text4-left{width: 415px; float: left; color: #fff; line-height: 36px; font-size: 15px; margin-left:35px; margin-top: 100px;}
.p7-text4-left p{font-size: 30px; font-weight: bold; color: #073580; margin-bottom: 25px;}
.p7-text4-right{width: 300px; float: left; margin-top: 135px;}
.p7-text4-right ul li{float: left; text-align: center; color:#fff; line-height: 40px;}
.p7-text4-right ul li:first-child{margin-right: 25px;} 

/**底部**/
.foot{background:url(About_foot_bg.jpg); width: 100%; height: 340px; color: #fff;}
.foot-logo{margin-top: 60px;}
.foot-logo p{margin-top: 20px; line-height: 30px;}
.foot-logo a:first-child{color: #fff;}
.foot-nav{ margin-top: 70px;}
.foot-nav-item{margin-left: 90px; float: left;}
.foot-nav-item span a{font-size: 16px; color: #fff; font-weight: bold;height: 38px; line-height: 38px; display: block;}
.foot-nav-item ul{margin-top: 15px;}
.foot-nav-item ul li{line-height: 36px;}
.foot-nav-item ul li a{color: #bdbdbd;}
.foot-nav-item ul li a:hover{color: #fff;}

/*内页banner*/
.banner{width: 100%; height: 450px; position: relative;}
.about-ban{width: 100%; height: 450px; overflow: hidden;}
.about-banner{height: 450px; width: 100%;overflow: hidden;}


/*内页部分*/
.location-nav{width: 1200px; background: #fff; height: 75px; line-height: 75px; border-bottom: 1px solid #ebebeb; position: absolute; z-index: 9999; bottom: -1px; left: 50%; margin-left: -600px; border-radius: 10px 10px 0 0;}
.location{float: left; margin-left: 30px;}
.location img{margin-right: 5px; margin-bottom: 5px;}

/*nav*/
.about-nav{text-align: center; float: right;}
.about-nav a{display:inline-block; height: 75px; line-height: 75px; font-size: 14px; margin: 0 22px;}
.about-nav a:hover{color:#073580; border-bottom: 2px solid #073580;}
.about-nav a.cur{color:#073580; border-bottom: 2px solid #073580;}

/*内容部分*/
.mainbody{background:#f2f7fe; width: 100%; height: 100%;}
.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:30px 60px 50px 60px; border-radius: 0 0 10px 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: 330px; height: 320px; margin-right: 40px;}
.product_list:nth-child(3), .product_list:nth-child(6), .product_list:nth-child(9){margin-right: 0;}
.p-title{width: 100%; height: 70px; line-height: 70px; text-align: center; font-size: 15px;}

figure{position: relative; overflow: hidden; width: 330px; height: 250px; text-align: center; cursor: pointer; margin:0; border: 1px solid #eaeaea; }
figure img{position: relative; display: block; border:0; width:100%; height:auto;}
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: 18px; font-weight:normal;}
figure p{margin-top: 10px;}
figure p img{ width: 20px;}

/***** Jazz *****/
figure.effect-jazz{background:#0556a5;}
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 #5e8ad3;border-bottom: 1px solid #5e8ad3;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.1;-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);}

/*内页产品图片列表*/
.mainbody_content .boxt{float: left; margin-right: 35px; width: 335px; height: 320px;}
.boxt:nth-child(3), .boxt:nth-child(6), .boxt:nth-child(9){ margin-right: 0;}
.titleb{width: 335px; height:60px; line-height: 60px; text-align: center;}
.mainbody_content .box{text-align: center; overflow: hidden; position: relative; box-sizing: border-box; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); overflow: hidden; width: 335px; height: 254px;}
.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: 35%;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; width: 100%; 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: #0556a5; 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:1230px; margin:0 auto; margin-top: 30px; display: block;}
.news-list li{float: left; margin-bottom: 50px; width: 410px; height: 390px;}
.card{width: 370px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); overflow: hidden; -webkit-transition: box-shadow 0.5s; transition: box-shadow 0.5s; position: relative;}
.card a{color: inherit; text-decoration: none;}
.card:hover{box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);}
.card__thumb{height: 230px; width: 370px; overflow: hidden; -webkit-transition: height 0.5s; transition: height 0.5s;}
.card__thumb img{display: block; width: 370px; height: 230px; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;}
.card:hover .card__thumb{height: 150px;}
.card:hover .card__thumb img{opacity: 0.6; -webkit-transform: scale(1.2); transform: scale(1.2);}
.card__body{position: relative; height: 170px; padding: 20px; -webkit-transition: height 0.5s; transition: height 0.5s;}
.card:hover .card__body{height: 250px;}
.card__category{position: absolute; top: -25px; left: 0; height: 25px; padding: 0 15px; background-color:#073580; color: #fff; text-transform: uppercase; font-size: 11px; line-height: 25px;}
.card__title{margin: 0; padding: 0 0 10px 0; color: #000; font-size: 22px; font-weight: bold; text-transform: uppercase;}
.card__subtitle{margin: 0; padding: 0 0 10px 0; font-size: 16px; color:#5c94cb; font-family: Arial;}
.card__description{position: absolute; left: 20px; right: 20px; bottom: 56px; height: 80px; overflow: hidden; margin: 0; padding: 0; color: #666C74; line-height: 27px; opacity: 0; -webkit-transform: translateY(45px); transform: translateY(45px); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; -webkit-transition-delay: 0s; transition-delay: 0s;}
.card:hover .card__description{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.card__footer{position: absolute; bottom: 12px; left: 20px; right: 20px; font-size: 12px; color: #A3A9A2; font-family: Arial;}
.icon{display: inline-block; vertical-align: middle; margin: -2px 0 0 2px;}
.icon + .icon{padding-left: 10px;}

/*内页新闻、图片详细内容*/
.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.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: #073580; 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:15px; margin-top:40px;}
.page_list a{display:inline-block; background:#323232;color:#bcbcbc;text-align:center;padding:2px 11px; margin:0 3px; font-family: Arial; border-radius: 4px;}
.page_list a:hover{color:#fff; background:#073580;}
.page_list a.on{color:#fff;background:#073580; 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;}