/* 
* @Author: anchen
* @Date:   2019-01-23 15:01:11
* @Last Modified by:   anchen
* @Last Modified time: 2019-01-24 18:02:52
*/
a{ color: #000; }
.clearfix{ *zoom:1; }
.clearfix:after{ content: ""; display: block; clear: both; }
body { font-family:"Microsoft YaHei"; font-size:14px; margin: 0; }
.bg { background:#fff; }
.bx{ width: 1200px; margin: 0 auto; }
.fl{ float: left; }
.fr{ float: right}
*{ margin: 0; padding: 0; list-style: none; text-decoration: none; 
  box-sizing: border-box;}


/*1*/
.top_bg{ background: url(../img/bg_1.png) no-repeat center; height: 960px;  padding: 100px 0; }
.top_tu{ width: 599px; background-color: #fff; height: 760px; padding: 50px}
.img_1 img{margin: 0 auto;display: block;}

ul {list-style: none;}

nav {text-align: center;border-radius: 4px;}
.main {display: flex;}

.main a {text-decoration: none;color: #fff;text-transform: capitalize;
font-family: monospace;display: block;padding: 10px 15px;font-size: 16px;transition: background-color 0.5s ease-in-out;font-family: "Raleway", sans-serif;}
.main a:hover {background-color: #fff;color: #333;}
.drop li {opacity: 0;transform-origin: top center;}
.drop li a {background-color: #333;padding: 10px 0;}

/*------------- menu1 animation -------------------*/

.main li:hover .menu1 li:first-of-type {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu1 li:nth-of-type(2) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.6s;
}

.main li:hover .menu1 li:nth-of-type(3) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.9s;
}

.main li:hover .menu1 li:nth-of-type(4) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 1.2s;
}

.main li:hover .menu1 li:last-of-type {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 1.5s;
}

@keyframes menu1 {
  from {
    opacity: 0;
    transform: translateX(30px) rotateY(90deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) rotateY(0);
  }
}

/*------------- menu2 animation -------------------*/

.main li:hover .menu2 li:first-of-type {
  animation: menu2 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu2 li:nth-of-type(2) {
  animation: menu2 0.3s ease-in-out forwards;
  animation-delay: 0.6s;
}

.main li:hover .menu2 li:nth-of-type(3) {
  animation: menu2 0.3s ease-in-out forwards;
  animation-delay: 0.9s;
}

.main li:hover .menu2 li:last-of-type {
  animation: menu2 0.3s ease-in-out forwards;
  animation-delay: 1.2s;
}

@keyframes menu2 {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/*------------- menu3 animation -------------------*/

.main li:hover .menu3 li:first-of-type {
  animation: menu3 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu3 li:nth-of-type(2) {
  animation: menu3 0.3s ease-in-out forwards;
  animation-delay: 0.6s;
}

.main li:hover .menu3 li:nth-of-type(3) {
  animation: menu3 0.3s ease-in-out forwards;
  animation-delay: 0.9s;
}

.main li:hover .menu3 li:last-of-type {
  animation: menu3 0.3s ease-in-out forwards;
  animation-delay: 1.2s;
}

@keyframes menu3 {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/*------------- menu4 animation -------------------*/

.main li:hover .menu4 li:first-of-type {
  animation: menu4 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu4 li:nth-of-type(2) {
  animation: menu4 0.3s ease-in-out forwards;
  animation-delay: 0.6s;
}

.main li:hover .menu4 li:nth-of-type(3) {
  animation: menu4 0.3s ease-in-out forwards;
  animation-delay: 0.9s;
}

.main li:hover .menu4 li:last-of-type {
  animation: menu4 0.3s ease-in-out forwards;
  animation-delay: 1.2s;
}

@keyframes menu4 {
  0% {
    opacity: 0;
    transform: translateX(50px) rotate(-90deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0) rotate(0);
  }
}

/*------------- menu5 animation -------------------*/

.main li:hover .menu5 li:first-of-type {
  animation: menu5 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.main li:hover .menu5 li:nth-of-type(2) {
  animation: menu5 0.3s ease-in-out forwards;
  animation-delay: 0.6s;
}

.main li:hover .menu5 li:nth-of-type(3) {
  animation: menu5 0.3s ease-in-out forwards;
  animation-delay: 0.9s;
}

.main li:hover .menu5 li:last-of-type {
  animation: menu5 0.3s ease-in-out forwards;
  animation-delay: 1.2s;
}

@keyframes menu5 {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0);
  }
}

/*------------- menu6 animation -------------------*/

.main li:hover .menu6 li:first-of-type {
  animation: menu6 0.3s ease-in-out forwards;
  animation-delay: 0.2s;
}

.main li:hover .menu6 li:nth-of-type(2) {
  animation: menu6 0.3s ease-in-out forwards;
  animation-delay: 0.4s;
}

.main li:hover .menu6 li:nth-of-type(3) {
  animation: menu6 0.3s ease-in-out forwards;
  animation-delay: 0.6s;
}

.main li:hover .menu6 li:last-of-type {
  animation: menu6 0.3s ease-in-out forwards;
  animation-delay: 0.8s;
}

@keyframes menu6 {
  0% {
    opacity: 0;
    transform: scale(2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* my button style */
.white-mode {
  text-decoration: none;
  padding: 7px 10px;
  background-color: #122;
  border-radius: 3px;
  color: #fff;
  transition: 0.35s ease-in-out;
  position: absolute;
  left: 15px;
  bottom: 15px;
  font-family: sans-serif;
}

.white-mode:hover {
  background-color: #fff;
  color: #122;
}




/*kefu*/
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#ff6800;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#ff6800;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(/img/02index-banner-8.gif) no-repeat #ff6800 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(/img/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(/img/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ff6800}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:200px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6800}
.meau-zs .cndns-right-btn{background-color:#ff6800;color:#fff;margin-top:80px;border-color:#ff6800}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}
/*kefu*/

.clear{clear:both;font-size:0px;line-height:0;height:0;}

@font-face {
  font-family: 'icomoon';
    src:url('/fonts/icomoon.eot?qradjf');
    src:url('/fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
        url('/fonts/icomoon.ttf?qradjf') format('truetype'),
        url('/fonts/icomoon.woff?qradjf') format('woff'),
        url('/fonts/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}



/*主图*/
/*.banner{width:100%;overflow:hidden;height:650px;position:relative}
.banList{position:absolute;left:50%;margin-left:-960px;height:650px}
.banList li{height:650px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#fff;width:15px;height:15px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#fc8f0f;cursor:pointer}*/

/*banner*/
.banner .banner-to{width:3.125vw;height:7.2917vw;position:absolute;top:50%;margin-top:-3.6458vw;z-index:9}
.banner .banner-to.prev{left:0;background:url(../images/banner-prev.svg) no-repeat center/100% auto}
.banner .banner-to.next{right:0;background:url(../images/banner-next.svg) no-repeat center/100% auto}
.banner .banner-to.prev:hover{background-image:url(../images/banner-prev-hover.svg)}
.banner .banner-to.next:hover{background-image:url(../images/banner-next-hover.svg)}
.banner .circle{position:absolute;bottom:70px;left:0;z-index:10;width:100%;text-align:center;font-size:16px;color:#cbcbcb}
.banner .circle span{width:30px;margin-right:20px;padding-bottom:10px;font-size:14px}
.banner .circle span:last-child{width:40px;margin-right:0}
.banner .circle span.cur{color:#b4b4b5;border-bottom:1px solid #b4b4b5}
#main .wrap2.mod2 .item2{width:100%}
#main .wrap2 .item2 img{width:49.4%}
#main .wrap2 .item2 img:first-child{float:left}
#main .wrap2 .item2 img:last-child{float:right}
#main .wrap2.mod2 .item2 .box{padding-left:0}
#main .wrap2 .item2 .imgs{background-color:transparent}
#main .wrap2.mod4 .item4{width:100%}
#main .wrap2 .item4 img{width:49.4%;margin-bottom:15px}
#main .wrap2 .item4 img:nth-child(1){float:left}
#main .wrap2 .item4 img:nth-child(2){float:right}
#main .wrap2 .item4 img:nth-child(3){float:left;margin-bottom:0}
#main .wrap2 .item4 img:nth-child(4){float:right;margin-bottom:0}
#main .wrap2.mod3 .item3{width:100%}
#main .wrap2.mod3 .item4 .box{padding-left:0}
#main .wrap2 .item3 .imgs{background:0 0}
#main .item3 .box img{width:49.4%;float:left}
@media (min-width:1615px){#main .wrap1{width:1535px;margin:0 auto}
#main .wrap2{width:1535px;margin:0 auto}
#main .wrap1 .left,#main .wrap1 .right{overflow:visible}
#main .wrap1 .left .fot{bottom:0}
#main .wrap2 .item.item1 .box .imgs img{box-shadow:0 0 33px 4px #f7f7f7;transition:all 1.3s ease-in}
#main .wrap2 .item.item1 .box .imgs img:hover{box-shadow:0 0 49px 4px #dcdbdb;transform:scale(1.05)}
}
@media (max-width:1614px) and (min-width:768px){#main .wrap1{width:calc(100% - 200px);margin:0 auto}
#main .wrap2{width:calc(100% - 200px);margin:0 auto}
#main .wrap1 .ovh img{height:100%;width:100%}
#main .wrap1 a{overflow:hidden;border-radius:6px}
#main .wrap1 .ovh.imgs .imgsbox{position:relative;width:calc(100% - 0px)}
#main .wrap1 .ovh.imgs .imgsbox img{height:auto;position:absolute}
#main .wrap1 .left .top a{position:absolute}
#main .wrap1 .left .box .fot .ovh img{height:auto}
#main .wrap1 .left .box .fot .ovh .imgsbox{position:relative}
#main .wrap1 .left .box .fot .ovh .imgsbox img{position:absolute}
#main .wrap1 .left,#main .wrap1 .right{overflow:visible}
#main .wrap1 .left .fot{bottom:0;right:0}
#main .wrap2 .item.item1 .box .imgs img{box-shadow:0 0 33px 4px #f7f7f7;transition:all 1.3s ease-in}
#main .wrap2 .item.item1 .box .imgs img:hover{box-shadow:0 0 49px 4px #dcdbdb;transform:scale(1.05)}
}
@media (min-width:768px){#main .box img{border-radius:6px}
#main .wrap1-bg{background-color:#f9f9f9;width:100%;padding-top:75px}
#main .wrap2 .item.item1 .box .imgs{box-shadow:0 0 33px 4px #f7f7f7;border-radius:6px;overflow:hidden}
#main .wrap2 .item.item1 .box .imgs:hover{box-shadow:0 0 49px 4px #dcdbdb}
#main .wrap2-bg{background-color:#f9f9f9;width:100%;padding-top:20px;padding-bottom:65px}
#main .wrap1{background-color:#f9f9f9}
#main .wrap2{background-color:#f9f9f9}
#main .wrap1 .left:after{background-color:#f9f9f9;opacity:0}
#main .wrap1 .ovh{border-radius:6px}
#main .wrap1 .left .top{border-radius:6px;overflow:hidden;box-shadow:0 0 33px 4px #f7f7f7}
#main .wrap1 .left .top:hover{box-shadow:0 0 49px 4px #e8e8e8}
#main .wrap1 .left .fot{border-radius:6px;padding-left:0;padding-right:0;overflow:hidden;width:100%;box-shadow:0 0 33px 4px #f7f7f7;margin-left:10px}
#main .wrap1 .left .fot:hover{box-shadow:0 0 49px 4px #e8e8e8}
#main .wrap1 .left{right:0;left:auto}
#main .wrap1 .right{width:calc(50% - 10px);box-shadow:0 0 33px 4px #f7f7f7}
#main .wrap1 .right:hover{box-shadow:0 0 49px 4px #e8e8e8}
#main .wrap1 .right .box{padding-left:0}
#main .wrap1 .left .box{padding-left:10px;padding-right:0;padding-top:0}
#main .wrap1 .left .fot .ovh{overflow:hidden}
#main .wrap1 .left .fot .ovh .imgsbox{height:100%}
}
@media (max-width:767px){#main .mobwrap2 .imgs{width:6.8rem;margin:0 auto;margin-top:.5rem;box-shadow:0 0 20px 5px #f2f2f2}
.imgs img{border-radius:7px}
.imgs{border-radius:7px}
#main .mobwrap1 li:before{content:'';display:block;position:absolute;height:100%;width:1px;transform:scaleX(.5);right:0;top:0;background-color:#f4f4f4}
#main .mobwrap1 li:after{content:'';display:block;position:absolute;width:100%;height:1px;transform:scaleY(.5);bottom:0;left:0;background-color:#f4f4f4}
#main .mobwrap1 li:nth-child(7):after{content:'';display:block;position:absolute;width:100%;height:1px;transform:scaleY(.5);bottom:0;left:0;background-color:#f4f4f4}
#main .mobwrap1 li:nth-child(8):after{content:'';display:block;position:absolute;width:100%;height:1px;transform:scaleY(.5);bottom:0;left:0;background-color:#f4f4f4}
#main .mobwrap1 li:nth-child(9):after{content:'';display:block;position:absolute;width:100%;height:1px;transform:scaleY(.5);bottom:0;left:0;background-color:#f4f4f4}
#main .mobwrap2{padding-bottom:.5rem}
#main .wrap2{width:6.8rem;margin:0 auto}
}

/*header*/
header .pornav a{width:127px}
#sc{margin:0 5px}
.scjpg{border:none;height:50px;margin-top:2px}
@media (max-width:1501px){header .pornav a{width:117px}
}
@media (max-width:1201px){header .pornav a{width:75px}
}
.gotop:nth-of-type(1){width:50px;height:50px;background:url(../images/pc_gotop.png) no-repeat center/cover;position:fixed;bottom:100px;right:36px;cursor:pointer;transition:all .3s ease;z-index:88;display:none}
@media (max-width:767px){.gotop{right:0}
.mservice{width:1.2rem;height:1.2rem;display:none;position:fixed;right:0;top:8.2rem;background-size:contain;z-index:99}
}


.bg { background:#fff; }
.bx_2{width: 86.97%; margin:0 auto;}
.fl{ float: left; }
.fr{ float: right}
*{ margin: 0; padding: 0; list-style: none; text-decoration: none; 
  box-sizing: border-box;}


/*1*/


/*2*/
.about{background: url(http://img.ebuoo.com/img/about_bg.jpg) no-repeat center;width: 100%;height: 811px;}
.about_text{width: 50%;height: 811px;padding: 131px 50px}
.about_text h3{font-weight: 400;font-size: 30px;color: #fff;letter-spacing: 1px;margin-top: 30px;margin-bottom: 30px;}
.about_text h3 span{font-size: 14px;color: #fff;}
.about_text p{font-size: 16px;color: #fff;letter-spacing: 1px;line-height: 42px;width: 100%;}
.more_about{margin-top: 60px;display: block;}

/*3*/
.ser{background: url(../img/ser_bg.png) no-repeat center;height: 810px;padding: 120px 0;}
.btn_ser{width: 1200px;height: 80px;border-radius: 20px;border:none;font-size: 30px;padding-left: 60px;text-align: center;margin: 0 auto;display: block;}


/*yang*/
@charset "utf-8";@charset "utf-8";#frame-title{position:absolute;top:40px;left:0;width:100%;font-weight:400;color:#fff;font-size:18px;text-align:center;margin:0 auto;opacity:.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60)}#features-container{position:relative;width:960px;height:610px;margin:0 auto}#frame-center-outer{position:absolute;top:80px;left:150px;width:660px;height:420px;background:url(../img/frame-bg.png) repeat-x top left}#frame-center-shadow{position:absolute;top:150px;left:45px;width:870px}#frame-center-inner{position:absolute;top:10px;left:10px;width:640px;height:400px;overflow:hidden}#frame-center-inner .slider{position:absolute;top:0;left:0;width:6400px;height:400px}#frame-center-inner .slider a{display:inline-block;float:left;width:640px;height:400px;overflow:hidden;position:relative;text-decoration:none}#frame-center-inner .slider a .title{position:absolute;top:5px;width:640px;height:18px;text-align:center;color:#fff;font-size:16px}#frame-center-inner .slider a .more{position:absolute;bottom:5px;width:640px;height:18px;text-align:center;color:#fff;font-size:16px}#frame-center-inner .slider a .image-holder{position:absolute;top:0;left:0;width:640px;height:400px;overflow:hidden}#frame-center-inner .slider a img{display:block;width:640px}.frame-smaller-outer{position:absolute;top:150px;left:-40px;width:390px;height:248px;background:url(../img/frame-bg.png) repeat-x top left;opacity:.45;-ms-filter:"alpha(opacity=45)";filter:alpha(opacity=45)}.frame-smaller-outer.right{left:auto;right:-40px}.frame-smaller-outer.left .slider{left:-380px}#frame-center-inner .slider{left:-1280px}.frame-smaller-outer.right .slider{left:-1140px}.frame-smaller-inner{position:absolute;top:5px;left:5px;width:380px;height:238px;overflow:hidden}.frame-smaller-inner .slider{position:absolute;top:0;left:0;width:3800px;height:238px}.frame-smaller-inner .slider img{display:block;float:left;width:380px}.nav-arrow{position:absolute;top:230px;left:70px;width:51px;height:88px;background:url(../img/frame-arrows.png) no-repeat top left;opacity:.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60);z-index:6;cursor:pointer}.nav-arrow.next{left:auto;right:70px;background-position:top right}.nav-arrow:hover{opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100)}#glow-container{position:absolute;left:0;top:435px;width:960px;height:170px;overflow:hidden}#glow-bg{position:absolute;top:0;left:0;width:960px;height:170px;z-index:0}#glow-color-active{position:absolute;width:960px;height:170px}#glow-fg{position:relative;width:100%;display:block}@media screen and (max-width:1023px){#frame-title{top:20px}#features-container{width:720px;height:480px}#frame-center-outer{top:60px;left:105px;width:510px;height:326px}#frame-center-shadow{top:110px;left:35px;width:650px}#frame-center-inner{top:10px;left:10px;width:490px;height:306px}#frame-center-inner .slider a{width:490px;height:306px}#frame-center-inner .slider a .title{top:3px;width:490px;font-size:12px}#frame-center-inner .slider a .more{bottom:3px;width:490px;height:15px;font-size:12px}#frame-center-inner .slider a .image-holder{top:25px;width:490px;height:256px}#frame-center-inner .slider a .image-holder.large{top:0;width:490px;height:306px}#frame-center-inner .slider a img{width:490px}.frame-smaller-outer{top:150px;left:-40px;width:290px;height:185px}.frame-smaller-outer.right{left:auto;right:-40px}.frame-smaller-outer.left .slider{left:-280px}#frame-center-inner .slider{left:-980px}.frame-smaller-outer.right .slider{left:-840px}.frame-smaller-inner{top:5px;left:5px;width:280px;height:175px;overflow:hidden}.frame-smaller-inner .slider img{width:280px}.nav-arrow{top:190px;left:50px}.nav-arrow.next{right:50px}#glow-container{position:absolute;left:0;top:330px;width:720px;height:127px}}@media screen and (max-width:767px){#frame-title{display:none}#features-container{width:480px;height:320px}#frame-center-outer{top:20px;left:50px;width:380px;height:241px}#frame-center-shadow{display:none}#frame-center-inner{top:5px;left:5px;width:370px;height:231px}#frame-center-inner .slider a{width:370px;height:231px}#frame-center-inner .slider a .title{top:1px;width:370px;font-size:11px}#frame-center-inner .slider a .more{bottom:1px;width:370px;height:13px;font-size:11px}#frame-center-inner .slider a .image-holder{top:19px;width:370px;height:193px}#frame-center-inner .slider a .image-holder.large{top:0;width:370px;height:231px}#frame-center-inner .slider a img{width:370px}.frame-smaller-outer{top:60px;left:-40px;width:240px;height:154px}.frame-smaller-outer.right{left:auto;right:-40px}.frame-smaller-outer.left .slider{left:-230px}#frame-center-inner .slider{left:-740px}.frame-smaller-outer.right .slider{left:-690px}.frame-smaller-inner{top:5px;left:5px;width:230px;height:144px;overflow:hidden}.frame-smaller-inner .slider img{width:230px}.nav-arrow{top:100px;left:0}.nav-arrow.next{right:0}#glow-container{position:absolute;left:0;top:225px;width:480px;height:85px}}@media screen and (max-width:479px){html{ -webkit-text-size-adjust:none}x}9px}}5px}}x}px}8px}px}px}}}0}}56px}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }


.hidden { display:none; }

#pagewrap { position:relative; }

.ser img { border:0; }

.column { float:left; }

.ser a, .ser a:visited {
    color: #FFF;
    text-decoration: none;
}

.ser a:hover { text-decoration:underline; }

/*4*/


.case1{background: url(../img/bg_ne.jpg) no-repeat center; height: 600px;width: 100%; margin-top: 1px;}
.case2{background: url(../img/bg_ne2.jpg) no-repeat center; height: 600px;width: 100%; margin-top: 1px;}
.case3{background: url(../img/bg_ne3.jpg) no-repeat center; height: 600px;width: 100%; margin-top: 1px;}
.case4{background: url(../img/bg_ne4.jpg) no-repeat center; height: 600px;width: 100%; margin-top: 1px;}
.case5{background: url(../img/bg_ne5.jpg) no-repeat center; height: 600px;width: 100%; margin-top: 1px;}
.case6{background: url(../img/bg_ne6.jpg) no-repeat center; height: 600px;width: 100%; margin-top: 1px;}
.case7{background: url(../img/bg_ne7.jpg) no-repeat center; height: 600px;width: 100%; margin-top: 1px;}
.case_text{padding: 145px 0 0 64px;}
.case_text_1{font-size: 18px;color: #333;}
.case_text h3{font-size: 30px;color: #333;margin: 10px 0 20px;}
.case_text2{width:500px;font-size: 16px;line-height: 36px;color: #333;/*display:none;*/}
.case_text a{width: 140px;height: 46px;background-color: #787878;display: block;font-size: 18px;text-align: center;line-height: 46px;margin-top: 20px;    color: #fff;}


/*5*/
.new{padding-top: 70px;margin-bottom: 70px;}
.new-tit {font-size: 30px;color: #333;letter-spacing: 1px;text-align: center;margin-bottom: 50px;font-family: "宋体"}
.new_text img{display: block;width: 100%;}
.new_text a{width: 74%;}
.new_text h4{margin: 20px 0 10px;font-size: 16px;color: #333;font-weight: 400;width: 100%;overflow: hidden;}
.new_text .day{font-size: 12px;color: #666;display: block;margin: 20px 0 10px;width: 22%;}
.new_text p{font-size: 16px;color: #333;width: 295px;line-height: 30px;}
.new_text{margin-right: 4%;width:21.497%;}
.new_text.last{margin-right: 0;}

/*6*/
/*.bottom_box{background: url(../img/btn_bg.png) no-repeat center;height: 375px;padding-top: 74px}
.bottom_nav a{font-size: 16px;color: #fff}
.mar{margin-left: 35px;}
.bottom_nav a:hover{color: #fc2d2d}
.bottom_nav{border-bottom: 1px solid #777;padding-bottom: 30px;width: 740px;}
.num p{font-size: 16px;color: #fff;margin-top: 15px;}
.bottom_sao{margin-left: -316px; margin-top: 72px;}
.bottom_tian p{font-size: 16px;color: #fff;text-align: center;}
.bottom_tian{width: 248px;}
.k{margin-left: 20px;}
.K_2{margin-left: 20px;}
.input_box{border-radius: 5px;width: 200px;height: 40px;border:1px solid #cccccc;margin-top: 20px;outline:none;background-color: transparent;color: #fff;font-size: 14px;padding-left: 10px;}
.btn{width: 248px;height: 55px;border-radius: 5px;background-color: #fff;margin-top: 25px;}
.btn a{color: #2b2b2b;font-size: 24px;text-align: center;line-height: 55px;display: block;}
::-webkit-input-placeholder {
    color: #fff;
}
:-moz-placeholder {
    color: #fff;
    opacity: 1;
}
::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #fff;
}

*/


/*6*/
.btn{background-color: #f7f7f7;padding: 80px 0 0;}
.btn_box1{width: 7%;margin-left: 100px;}
.btn_box2{width: 8%;margin-left: 100px;}
.btn_box1.last{margin-left: 0;}
.btn_1 a{display: block;font-size: 20px;color: #000;text-align: center;margin-bottom: 30px;}
.btn_2 a{display: block;font-size: 16px;color: #333;text-align: center;margin-top: 15px;}
.btn_3 a{display: block;font-size: 20px;color: #000;margin-bottom: 30px;}
.er_text p{font-size: 16px;color: #333}
.er_text{/* margin-left: 20px; */margin-top: 20px;}
.btn_4{margin-bottom: 15px;}
.btn_5 p{font-size: 18px;color: #333}
.btn_5 p span{font-size: 24px;color: #333}
.btn_5{line-height: 40px;}
.btn_tit{margin-bottom: 50px;}
.btn_text p{font-size: 16px;color: #333;margin-bottom: 10px}

/*protype*/
.header{ width:100%;  background:rgba(236,236,236,0.7); position:relative; z-index:9; height:180px;padding-top:10px; border-bottom:1px solid #b8b8b6;}
.header nav{ width:1280px; max-width:98%; margin:0 auto;}
.header nav li{ float:left; width:10%; text-align:center;}
.fl_pic{ margin-top:18px; position:relative;}
.fl_pic i{ display:block; position:absolute; left:0; top:0; width:100%;}
.header nav li .fl_pic p,.header nav li:hover .fl_pic i,.header nav li.cur .fl_pic i{transform:scale(1); transition:0.5s;}
.header nav li:hover .fl_pic p,.header nav li .fl_pic i,.header nav li.cur .fl_pic p{transform:scale(0); transition:0.5s;}
.fl_mc{ color:#000; font-size:1rem; margin-top:5px; background: center top; padding-bottom:0px; transition:0.5s;}
.header nav li:hover .fl_mc,.header nav li.cur .fl_mc{ color:#a90000; background:url(../img/fl_jt.png) no-repeat center bottom; padding-bottom:18px; transition:0.5s;}
.maina {
    background: #fff;
    padding-top: 45px;
    padding-bottom: 180px;
}
.kg{ width:98%; margin:0 auto; max-width:1280px;}
.pros_kg{ padding-bottom:80px;}
.pros_title{ text-align:center; font-size:1.875rem; color:#313131; padding-bottom:20px;}
.pros_title i{ display:block; width:49px; height:3px; background:#a90000; margin:10px auto 0 auto;}
.pros_more{ margin-top:20px;}
.pros_more a{ width:164px; height:42px; border:1px solid #d5d5d5; text-align:center; line-height:42px; display:block; margin:0 auto; color:#363434; transition:0.5s;}
.pros_more a:hover{ color:#fff; background:#a90000; transition:0.5s;}
.pro_nr li{margin:0.5%; width:24%;height:440px; padding-top:7px; padding-bottom:0px; float:left; transition:0.5s;}
.pro_nr li:hover{ padding-top:0; padding-bottom:7px; transition:0.5s;}
.pro_nr li a{background:#fff; display:block; padding:32px 7.7%; transition:0.5s;}
.pro_nr li:hover a{box-shadow:0px 0px 20px rgba(0,0,0,0.3); transition:0.5s;}
.pro_pic{ overflow:hidden;}
.pro_pic img{ display:block; width:100%; transition:0.5s;}
.pro_nr li:hover .pro_pic img{transform:scale(1.1);}
.pro_mc{ text-align:center; height:32px; line-height:32px; color:#060606; font-size:1.125rem;}
.pro_wb{ text-align:center; font-size:0.875rem; color:#858585;}
.pro_wb p{ font-size:1.125rem;}
.pro_more{ font-size:1rem; color:#b60000; text-align:center; padding-top:18px;}
.pro_more span{ font-family:"宋体"; margin-left:5px;}
.proshowa{ background:#fff; box-shadow:0px 3px 3px rgba(0,0,0,0.2); padding-bottom:65px; padding-top:45px; position:relative; z-index:9;}
.propic_kg{ display:none;}


/*@media (max-width: 1024px){
.case1,.case2,.case3,.case4,.case5,.case6,.case7{background-size: contain;height:221px;}
}*/

.footer_contact{
  width:20%;
  float:left;
}
.footer_contact li{
  float:left;
}
.footer_contact_text{
  font-size:16px;
}

.friend_link{
    margin-bottom: 20px;
    background-color: #f7f7f7;
    width: 100%;
/*     margin: 0 auto; */
    font-size:15px;
}
.friend_link p{
  width:86.97%;
  margin: 0 auto;
}
.friend_link a{
  margin:5px;
}
.mb-banner{display:none;}
/*mobile*/
@media (max-width: 1501px){
.case1,.case2,.case3,.case4,.case5,.case6,.case7{background-size: contain;height:430px;}
}
@media screen and (max-width:1000px) {
    .about{background:url(../img/about_bg_sm.jpg) no-repeat center;height:400px;}
    .about_text{width:100%;min-height:400px;height:auto; padding:20px;background-color:black;}
    .case1{background:url(../img/bg_ne_sm.jpg) no-repeat center;height:220px;margin-top:0px;background-size: contain;}
   .case_text{padding: 10px 0 0 0px;}
    .case2{background:url(../img/bg_ne2_sm.jpg) no-repeat center;height:220px;margin-top:0px;background-size: contain;}
  .case3{background:url(../img/bg_ne3_sm.jpg) no-repeat center;height:220px;margin-top:0px;background-size: contain;}
  .case4{background:url(../img/bg_ne4_sm.jpg) no-repeat center;height:220px;margin-top:0px;background-size: contain;}
  .case5{background:url(../img/bg_ne5_sm.jpg) no-repeat center;height:220px;margin-top:0px;background-size: contain;}
  .case6{background:url(../img/bg_ne6_sm.jpg) no-repeat center;height:220px;margin-top:0px;background-size: contain;}
  .case7{background:url(../img/bg_ne7_sm.jpg) no-repeat center;height:220px;margin-top:0px;background-size: contain;}
  .case_text h3{color:white;}
  .case_text2{color:white;}
    .new_text{width:95.497%;}
    .btn_box1{width:45%;margin-left:0;}
    .btn_box2{width:90%;margin-left:0;}
  .header{border:0;}
  .header nav li{width:49%;}
  .fl_mc{font-size:1em;}
  .pros_title{clear:both;font-size:2em;}
  .pro_nr li{width:49%;height:auto;}
  .pro_mc{font-size:1.5em;}
  .pro_wb p{font-size:0.3em;}
  .pro_more{font-size:0.5em;}
   .new_text:nth-child(2),.new_text:nth-child(3),.new_text:nth-child(4){display:none;}
   .footer_contact {width:100%;}
   .er_text{margin-left:20px;}
   .btn_tit ul:nth-child(1),.btn_tit ul:nth-child(2),.btn_tit ul:nth-child(3){display:none;}
.ty-banner-1{display:none;}
.mb-banner{display:block;margin-top: 59px;height:150px;}
}