/*LQSCL*/
body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px; font-family: "Light"; line-height:1;font-weight: normal;letter-spacing: 0.8px;}
body,html{height:100%;position:relative;width: 100%;background-color: #FFFFFF;}
img{display: block;}
a{ color:#333; text-decoration:none;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}
.fl{float: left;}
.fr{float: right;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{display: block;content: '';clear: both;}
.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}
.picinfo{display:none;}

/*IE*/
.web-ie2018{ font-family: Light;   position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
.web-ie2018 dl #img{    display: block;margin: 50px auto;}
.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}


/*headerwarp*/
.headerwarp{width: 100%;height: auto;box-sizing: border-box;position: fixed;top: 0;left: 0;padding: 0 12%;background-color: #FFFFFF;z-index: 10;border-bottom: 1px solid #ddd;}
.headerwarp .header{width: 100%;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;flex-flow: row;display: -webkit-flex;-webkit-justify-content: space-between;-webkit-align-items: center;}
.headerwarp .logo{width: auto;box-sizing: border-box;display: block;}
.headerwarp .logo img{display: block;width: auto;height: 40px;transition: all .3s;}
.headerwarp .nav{width: auto;float: right;text-align: right;}
.headerwarp .nav .top{display: inline-block;padding-bottom: 10px;border-bottom: 1px solid #e7e7e7;text-align: center;margin-top: 20px;}
.headerwarp .nav .top a{display: inline-block;color: #666;font-size: 13px;}
.headerwarp .nav .top strong{display: inline-block;width: 1px;height: 13px;background-color: #e7e7e7;margin: 0 15px;}
.headerwarp .nav .navlist{width: auto;}
.headerwarp .nav .navlist .item{display: inline-block;position: relative;z-index: 5;}
.headerwarp .nav .navlist .item a{font-size: 18px;color: #222222;margin: 0 25px;line-height: 50px;display: inline-block;position: relative;overflow: hidden;}
.headerwarp .nav .navlist .item>a:hover{color: #00a6e3 ;}
.headerwarp .nav .navlist .item>a:after{content: '';display: block;width: 100%;height: 2px;background-color: #00a6e3 ;position: absolute;left: -100%;bottom: 0;transition: all .3s;}
.headerwarp .nav .navlist .item>a:hover:after{left: 0%;}
.headerwarp .nav .navlist .item:last-child a{margin-right: 0;}
.headerwarp .header02 .nav .navlist .item a{line-height: 60px;}
.headerwarp .header02 .nav .top{display: none;}
.headerwarp .header02 .logo img{height: 30px;}
.headerwarp .nav .navlist .item .nav02bg{position: fixed;box-sizing: border-box;background-color: #fff;padding: 0;z-index: 5;width: 100%;height: 54px;left: 0;margin-left: 0px;text-align: center;top: calc(100% + 2px);display: none;border-bottom: 1px solid #ddd;}
.headerwarp .nav .navlist .item .nav02{position: absolute;box-sizing: border-box;padding: 0;z-index: 5;width: 610px;left: 0;margin-left: 0px;text-align: center;top: 51.5px;display: none;justify-content: center;flex-flow: row;white-space: nowrap;transition: all .3s;}
.headerwarp .header .nav .navlist .item .nav02bg{top: 98px;}
.headerwarp .header02 .nav .navlist .item .nav02bg{top: 60px;}
.headerwarp .header02 .nav .navlist .item .nav02{top: 60px;}
.headerwarp .nav .navlist .item .nav02 a{display: inline-block;width: auto;font-size: 15px;color: #666;line-height: 40px;margin: 0;float: none;margin-right: 0;position: relative;text-align: left;padding-left: 20px;padding-right: 10px;}
.headerwarp .nav .navlist .item .nav02 a:last-child{margin-right: 0;}
.headerwarp .nav .navlist .item .nav02 a:hover{color: #00a6e3 ;background-color: #fff;}
.headerwarp .nav .navlist .item .nav02 a:before{content: '';display: inline-block;width: 3px;height: 14px;background-color: #00a6e3 ;position: absolute;top: 14px;left: 5px;opacity: 0;}
.headerwarp .nav .navlist .item .nav02 a:hover:before{opacity: 1}
.headerwarp .nav .navlist .item .nav02 a i{opacity: 0;transition: all .6s;}
.headerwarp .nav .navlist .item .nav02 a:hover i{opacity: 1;}
.headerwarp .nav .navlist .item .nav02{background-color: rgba(255,255,255,0.9);padding: 0;width: 180px;box-shadow: 0px 2px 2px rgba(34,34,34,0.3)}
.headerwarp .nav .navlist .item .nav02 a{display: block;display: flex;justify-content: space-between;align-items: center;}
.headerwarp .nav .navlist .item:hover .nav02{display: block;}




/*banner*/
.banner{height:520px;}
.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;}
.banner .ban_nav{display:none;}
.banner .Left,.banner .Right{position:absolute;width:38px;height:38px;background:url(../images/cir_white.gif) no-repeat #aaa;right:50%;bottom:15px;}
.banner .Left{margin-right:-450px;background-position:5px 0}
.banner .Right{margin-right:-490px;background-position:-33px 0;background-color:#00a6e3;}
.bann_ext{position:relative;}
.frontCover{position:absolute;top:-120px;padding:0 0 16px;border-bottom:5px solid #00a6e3;}
.frontCover li{float:left;width:82px;padding:3px;background:#000;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer;}
.frontCover p{text-align:center;height:14px;line-height:18px;overflow:hidden;}
.frontCover .img{position:relative;height:50px;overflow:hidden;}
.frontCover img{position:absolute;width:192px;height:50px;left:-50px;}
.frontCover .open{background:#00a6e3;}
.wrap{width:980px;margin-left:auto;margin-right:auto;}
.slide{position:relative;width:100%; margin:0px auto; margin-bottom:0;}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}
.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;}
.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;}
.ban_nav .on{background:#f90;color:#fff;}
.Left,.Right{cursor:pointer;}

/*search*/

.search{ width:1200px; margin:0 auto;height: 80px; border-bottom:#e8eaf2 1px solid;overflow: hidden;margin-bottom:0px;}
.insearch{margin-top:90px;}
.form{margin-top:90px;}
.search p{ float:left;font-size: 14px; color:#333; width:950px; height:80px; line-height:80px; overflow:hidden;}
.search p a{font-size: 14px; color:#333; padding:0 5px;}
.search .ser_inp{ background:url(../images/s_inp.gif) no-repeat; width:190px; height:36px; border:none; padding:0 3px 0 17px; float:left; margin-top:24px; font-size: 14px; color:#666; line-height:36px; outline:none;}
.search .ser_so{ float:left; margin-top:24px; width:40px; height:36px;background:url(../images/s_so.gif) no-repeat 0 0;border:0px;padding:0px; }
.searchx{display:none;}

/*通用导航*/
.c-link{width: 1200px;height: auto;overflow: hidden;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;border-bottom: 1px solid #ddd; margin-bottom:20px; margin:0 auto;}
.c-link a{display: block;width: auto;position: relative;font-size: 15px;color: #aaaaaa;margin-right: 100px;line-height:56px;}
.c-link a:after{content: '';display: block;width: 0%;height: 2px;background-color: #00a6e3 ;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.c-link a:hover:after{width: 100%;}
.c-link a:hover{color: #00a6e3 ;}
.c-link .active:after{width: 100%;}
.c-link .active{color: #00a6e3 ;}

/*sidebar*/
.rightsidebar {position: fixed;right: 0;top: 50%;background: url(../images/right_bar.png) no-repeat center;width: 70px;height: 123px;}
.rightsidebar li  {text-align: center;height: 61px; cursor: pointer;}
.rightsidebar li i {display: inline-block;width: 21px;height: 21px;background: url(../images/swp2.png) no-repeat;margin-top: 10px;}
.rightsidebar li span {color: #fff;display: block;text-align: center; font-size:12px; padding-top:5px;}
.rightsidebar li i.i1 {background-position: 0 0px;}
.rightsidebar li i.i2 {background-position: 0 -42px;}


/*index01*/
.index01{width: 100%;box-sizing: border-box;padding: 0 0 0 8%;position: relative;overflow: hidden;}
.index01 .min{width: 100%;box-sizing: border-box;position: relative;padding: 0px 0;display: flex;justify-content: space-between;align-items: center;}
.index01 .min:before{content: '';display: block;width: 55%;height: 100%;background-color: #f2f3f7;position: absolute;top: 0;right: 0;}
.index01 .min .left{width: 35%;float: left;z-index: 0;padding-right: 50px;box-sizing: border-box;padding-right: 90px;}
.index01 .min .left .info{position: relative;font-size: 16px;color: #00a6e3;margin-bottom: 30px;}
.index01 .min .left .info:before{content: '';display: block;width: 5px;height: 5px;background-color: #00a6e3;border-radius: 50%;position: absolute;top: 6px;left: -30px;}
.title{font-size: 28px;color: #00a6e3 ;font-weight: bold;line-height: 42px;letter-spacing: 3px;margin-bottom: 40px;}
.index01 .min .left .list{width: 100%;box-sizing: border-box;}
.index01 .min .left .list a{display: flex;flex-flow: row;align-items: center;margin-bottom: 10px;display: -webkit-flex;-webkit-flex-flow: row;-webkit-align-items: center;}
.index01 .min .left .list a font{width: 30%;font-size: 14px;color: #00a6e3 ;text-align: center;line-height: 40px;text-transform: uppercase;font-weight: bold;background-color: #eaeaea;transition: all .3s;}
.index01 .min .left .list a:hover font{background-color: #3f3f3f;color: #fff;}
.index01 .min .left .list a p{font-size: 15px;color: #666666;border-bottom: 1px solid #dddddd;width: 75%;line-height: 39px;box-sizing: border-box;box-sizing: border-box;padding-left: 35px;position: relative;display: block;}
.index01 .min .left .list a:after{content: '';display: block;width: 0%;height: 1px;background-color: #3f3f3f;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.index01 .min .left .list a:hover:after{width: 100%;}
.index01 .min .left .list a:hover p{color: #3f3f3f;}

.index01 .min .right{width: calc(48% + (100% - 1200px)/2);float: right;position: relative;z-index: 1;max-height: 620px;overflow: hidden;}
.index01 .min .right img{display: block;width: 100%;}
.index01 .min .right .text{position: absolute;width: 90%;height: 80%;right: 0;top: 10%;display: flex;justify-content: space-between;align-items: center;}
.index01 .min .right .text .left02{display: flex;width: 33%;background:#00a6e3;height: 100%;align-items: center;justify-content: center;}
.index01 .min .right .text .left02 .font{text-align:  center;}
.index01 .min .right .text .left02 .font h3{font-size: 30px;color: #FFFFFF;font-weight:bold;}
.index01 .min .right .text .left02 .font p{font-size: 14px;color: #FFFFFF;margin: 12px 0;}
.index01 .min .right .text .left02 .font span{display: block;font-size: 14px;color: rgba(255,255,255,0.7);    padding: 0 7%;line-height: 20px;}
.index01 .min .right .text .right02{display: flex;width: 66%;justify-content: space-between;height: 90%;flex-flow: column;box-sizing: border-box;padding-left: 35px;}
.index01 .min .right .text .right02 .list{box-sizing: border-box;padding: 20px 0;padding-left: 20px;border-left: 2px solid #888;}
.index01 .min .right .text .right02 .list h3{font-size: 24px;color: #FFFFFF;font-weight:bold;} 
.index01 .min .right .text .right02 .list h4{font-size: 16px;color: #FFFFFF;margin: 10px 0;}
.index01 .min .right .text .right02 .list p{font-size: 13px;color: rgba(255,255,255,0.8);display:none;}


/*index01rest*/
.index01rest{width: 1200px;margin: 20px auto;padding-top: 5px;border-top: 0px solid #ddd;overflow: hidden;}
.index01rest .top{width: 100%;box-sizing: border-box;margin-bottom: 30px;}
.index01rest .top .title{margin-bottom: 15px;}
.index01rest .top span{font-size: 13px;color: #666666;display: block;}
.index01rest .min02{width: 100%;box-sizing: border-box;margin: auto;position: relative; min-height:390px;}
.index01rest .min02 .left{width: 60%;float: left;box-sizing: border-box;padding-right: 140px;position: relative;display: block;}
.index01rest .min02 .left .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;z-index: 2;}
.index01rest .min02 .left img{display: block;width: 100%;transition: all .6s;}
.index01rest .min02 .left:hover img{transform: scale(1.1);}
.index01rest .min02 .left:after{content: '';display: none;width: 75%;height: 100%;border: 1px solid #dddddd;position: absolute;top: 30px;right: 110px;z-index: 0;} 
.index01rest .min02 .left .text{width: 70%;box-sizing: border-box;background-color: rgba(34,34,34,0.8);padding: 40px 120px 40px 40px;position: absolute;right: 140px;top: 50%;z-index: 2;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.index01rest .min02 .left .text h3{font-size: 22px;color: #fff;margin-bottom: 20px;font-weight: bold;}
.index01rest .min02 .left .text h4{font-size: 14px;color: #fff;line-height: 21px;opacity:0.75;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;text-align: justify;}
.index01rest .min02 .left .text h5{background-color: #00a6e3 ;width: 150px;height: 150px;border-radius: 50%;text-align: center;display: flex;display: -webkit-flex;flex-flow: column;-webkit-flex-flow: column;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;right: -75px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);box-shadow: 5px 2px 10px rgba(0,0,0,0.3);}
.index01rest .min02 .left .text h5:after{content: '';display: block;width: 170px;height: 170px;border-radius: 50%;border: 1px solid #fff;left: -12px;top: -12px;position: absolute;}
.index01rest .min02 .left .text h5 p{display: block;color: #fff;font-size: 50px;font-weight: bold;}
.index01rest .min02 .left .text span{font-size: 16px;display: inline-block;color: #fff;margin-top: 10px;}

.index01rest .min02 .right{width: 40%;position: absolute;height: 100%;right: 0;display: flex;display: -webkit-flex;flex-flow: column;-webkit-flex-flow: column;justify-content: space-between;-webkit-justify-content: space-between;top: 0;}
.index01rest .min02 .right a{display: block;width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;}
.index01rest .min02 .right a .text{width: 56%;}
.index01rest .min02 .right a .text h3{font-size: 15px;color: #222222;line-height: 21px;font-weight:bold;}
.index01rest .min02 .right a:hover .text h3{color: #00a6e3 ;}
.index01rest .min02 .right a .img{width: 35%;overflow: hidden;}
.index01rest .min02 .right a .img img{display: block;width: 100%;transition: all .6s;}
.index01rest .min02 .right a:hover .img img{transform: scale(1.1);}
.index01rest .min02 .right a .text .font{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;flex-flow: row;-webkit-flex-flow: row;margin-top: 20px;}
.index01rest .min02 .right a .text .font h3{font-size: 14px;color: #666666;}
.index01rest .min02 .right a .text .font p{display: block;width: 70px;height: 25px;background-color: #00a6e3 ;color: #ffffff;font-size: 12px;border-radius: 5px;line-height: 25px;text-align: center;}
.index01rest .min02 .right a:hover .text .font p{background-color: #00a6e3;}

/*index02*/
.index02{width: 100%;box-sizing: border-box;overflow: hidden;margin: auto;padding: 40px 1%;background-color: #f2f3f7;}
.index02 a{display: block;width: 15.33%;margin-right: 1%;float: left;position: relative;overflow: hidden;height: 260px;}
.index02 a:last-child{margin-right: 0;}
.index02 a:first-child{width: 25%;background-color: rgb(242,243,247);}
.index02 a img{display: block;width: auto;min-width: 100%;height: 100%;opacity: 0;transition: all .3s;}
.index02 a .text{width: 100%;height: 60%;position: absolute;top: 24%;left: 0;box-sizing: border-box;padding: 0 35px;}
.index02 a .text h3{font-size: 36px;color: #FFFFFF;margin-bottom: 8px;font-family: "got";}
.index02 a .text p{font-size: 19px;color: #FFFFFF;margin-bottom: 35px;min-height: 20px;}
.index02 a .text h4{font-size: 14px;color: #FFFFFF;line-height: 24px;width: 90%;text-align: justify;opacity:0.75;letter-spacing: 1.2px;position: absolute;bottom: 0;min-height: 72px;left: 0;width: 100%;box-sizing: border-box;padding: 0 40px;}
.index02 a:nth-of-type(1) .text,.index02 a:nth-of-type(2) .text{top: 19%;}
.index02 a:nth-of-type(2){background:#00a6e3;width: 25%;}
.index02 a:nth-of-type(3){background-color: #fff;}
.index02 a:nth-of-type(4){background-color:#FFFFFF;}
.index02 a:first-child img{opacity: 1;}
.index02 a:hover img{opacity: 1;}
.index02 a:first-child .text h3{font-size: 64px;}
.index02 a:first-child .text h4{width: 100%;}
.index02 a:first-child .text h3 span{display: inline-block;font-size: 18px;color: inherit;}
.index02 a:first-child .text h3,.index02 a:first-child .text p,.index02 a:first-child .text h4,.index02 a:nth-of-type(3) .text h3,.index02 a:nth-of-type(3) .text p,.index02 a:nth-of-type(3) .text h4,.index02 a:nth-of-type(4) .text h3,.index02 a:nth-of-type(4) .text p,.index02 a:nth-of-type(4) .text h4,.index02 a:nth-of-type(5) .text h3,.index02 a:nth-of-type(5) .text p,.index02 a:nth-of-type(5) .text h4{color: #222222;}
.index02 a:first-child .text h3,.index02 a:first-child .text h4{color: #FFFFFF;}
.index02 a:hover .text h3,.index02 a:hover .text h4,.index02 a:hover .text p{color: #FFFFFF;}

.index02 a:nth-of-type(1) .text p,.index02 a:nth-of-type(2) .text p{display: none;}
.index02 a:nth-of-type(1) .text h4,.index02 a:nth-of-type(2) .text h4{position: relative;padding: 0;margin-top: 20px;}
.index02 a:nth-of-type(2) .text h3{height: 64px;box-sizing: border-box;padding-top: 16px;}
.index02 a:nth-of-type(2) .text h3:after{content: '';display: block;clear: both;}
.index02 a:nth-of-type(2) .text h3 font{font-size: 48px;color: inherit;font-weight: bold;font-family: "got";margin-right: 5px;float: left;}
.index02 a:nth-of-type(2) .text h3 span{font-size: 30px;float: left;margin-top: 11px;}
.index02 a:nth-of-type(2) .text h3 span:nth-of-type(1){margin-right: 30px;}


/*colorwarp*/
.colorwarp{width: 100%;height: auto;overflow: hidden;box-sizing: border-box;background-color: #fff;padding: 0px calc((100% - 1200px)/2);}
.colorwarp .index03{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.colorwarp .index03 .gallery-top{box-sizing: border-box;padding-left: 10px;}
.colorwarp .index03 .gallery-top a{display: block;width: 100%;box-sizing: border-box;position: relative;}
.colorwarp .index03 .gallery-top a .left{width: 45%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);box-sizing: border-box;padding: 70px 70px 70px 50px;background-color: #FFFFFF;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
.colorwarp .index03 .gallery-top a .left span{font-size: 14px;color: #666;display: block;text-transform: uppercase;margin-top: 5px;}
.colorwarp .index03 .gallery-top a .right{width: 78%;float: right;overflow: hidden;}
.colorwarp .index03 .gallery-top a .right img{display: block;width: 100%;}
.colorwarp .index03 .gallery-top a .left h3{margin-bottom: 0;}
.colorwarp .index03 .gallery-top a .left strong{display: block;width: 100px;height: 1px;background-color: #dddddd;margin: 30px 0;}
.colorwarp .index03 .gallery-top a .left h4{font-size: 14px;color: #222;line-height: 28px;text-align: justify;font-weight:bold;}
.colorwarp .index03 .gallery-top a .left h5{font-size: 13px;color: #666;margin-top: 20px;line-height:22px;}
.colorwarp .index03 .gallery-top a .left .more{margin: 0;margin-top: 50px;width: 140px;height: 40px;line-height: 40px;font-size: 14px;}

.colorwarp .index03 .gallery-thumbs{width: 1200px;float: right;box-sizing: border-box;overflow: hidden;padding: 30px 130px;}
.colorwarp .index03 .gallery-thumbs .swiper-slide{width: auto;text-align: center;cursor: pointer;}
.colorwarp .index03 .gallery-thumbs .swiper-slide h3{font-size: 18px;color: #666;margin-bottom: 10px;}
.colorwarp .index03 .gallery-thumbs .swiper-slide span{display: block;width: 8px;height: 8px;border-radius: 50%;background-color: #bbbbbb;margin: auto;}
.colorwarp .index03 .gallery-thumbs .swiper-slide-thumb-active h3{color: #00a6e3 ;}
.colorwarp .index03 .gallery-thumbs .swiper-slide-thumb-active span{background-color: #00a6e3 ;}
.colorwarp .index03 .swiper-button-next,.colorwarp .index03 .swiper-button-prev{background-image: none;font-size: 30px;color: #00a6e3 ;height: auto;width: auto;margin-top: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);}



.index04{width: 100%;box-sizing: border-box;overflow: hidden;padding: 5px;margin: 100px 0 0;}
.index04 a{display: block;width: calc(48% - 5px);float: left;margin-right: 4%;position: relative;background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);box-sizing: border-box;overflow: hidden;}
.index04 a:last-child{margin-right: 0;}
.index04 a img{display: block;width: 100%;}
.index04 a:last-child img{opacity: 0;transition: all .3s;}
.index04 a .text{width: 80%;height: 70%;box-sizing: border-box;position: absolute;top: 15%;left: 10%;}
.index04 a .text .top{position: absolute;top: 0;left: 0;}
.index04 a .text h3{margin-bottom: 3px;}
.index04 a .text span{font-size: 14px;color: #444444;display: block;margin-bottom: 30px;}
.index04 a .text h4{font-size: 15px;color: #666;line-height: 24px;transition: all .6s;width: 90%;text-align: justify;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.index04 a .text .more{margin: 0;position: absolute;bottom: 0;left: 0;width: 140px;height: 40px;line-height: 40px;font-size: 14px;}
.index04 a:first-child .text h3{color: #FFFFFF;}
.index04 a:first-child .text span{color: #FFFFFF;text-transform: uppercase;}
.index04 a:first-child .text h4{color: #FFFFFF;}
.index04 a:first-child .text h4{top: calc(100% - 50px);transform: none;-webkit-transform: none;transition: all .6s;}
.index04 a:first-child .text .more{bottom: -50px;opacity: 0;transition: all .6s;}
.index04 a:first-child:hover .text h4{top: 50%;bottom: initial;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.index04 a:first-child:hover .text .more{bottom: 0;opacity: 1;}

/*index05warp*/
.index05warp{width: 100%;height: 800px;overflow: hidden;box-sizing: border-box;position: relative;padding-bottom: 320px; background:#00a6e3;}
.index05warp .bj{display: block;width: auto;min-width: 100%;height: 487px;}
.index05warp .index05{width: 1200px;position: absolute;top: 0;left: calc((100% - 1200px)/2);box-sizing: border-box;padding-top: 100px;}
.index05warp .index05 .top h3{color: #FFFFFF;margin-bottom: 5px;}
.index05warp .index05 .top span{font-size: 14px;color: #fff;display: block;margin-bottom: 30px;text-transform: uppercase;}
.index05warp .index05 .top p{font-size: 17px;color: #FFFFFF;margin-bottom: 60px;}
.index05warp .index05 .min{display: flex;justify-content: space-between;flex-flow: row;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);display: -webkit-flex;-webkit-justify-content: space-between;-webkit-flex-flow: row;}
.index05warp .index05 .min a{display: block;width: 33.33%;border-right: 1px solid #dddddd;overflow: hidden;transition: all .6s;}
.index05warp .index05 .min a .imgboox{width: 100%;overflow: hidden;}
.index05warp .index05 .min a .imgboox img{display: block;width: 100%; height:300px;}
.index05warp .index05 .min a:last-child{border: none;}
.index05warp .index05 .min a .text{box-sizing: border-box;padding: 40px 50px;background-color: #FFFFFF;}
.index05warp .index05 .min a .text h3{font-size: 24px;color: #00a6e3 ;display: block;margin-bottom: 40px;font-weight:bold;}
.index05warp .index05 .min a .text h3 i{display: inline-block;float: right;color: #00a6e3;font-size: 16px;line-height: 24px;}
.index05warp .index05 .min a .text h4{font-size: 16px;color: #666;line-height: 24px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.index05warp .index05 .min a:hover{transform: scale(1.05);box-shadow: 0px 0px 5px rgba(0,0,0,0.3);z-index:1;}

/*index06*/
.index06{width: 100%;margin: auto;}
.index06 .title{margin-bottom: 5px;}
.index06 span{font-size: 14px;color: #666;display: block;margin-bottom: 50px;text-transform: uppercase;border-bottom: 0px solid #ddd;display: block;padding-bottom: 30px;}
.index06 .min{width: 100%;border-bottom: 1px solid #ddd;margin-bottom: 100px;}
.index06 .min a{display: flex;flex-flow: row;align-items: center;margin-bottom: 50px;display: -webkit-flex;-webkit-flex-flow: row;-webkit-align-items: center;}
.index06 .min a .left{width: 40%;display: flex;flex-flow: row;display: -webkit-flex;-webkit-flex-flow: row;}
.index06 .min a .left .data{text-align: left;width: 20%;}
.index06 .min a .left .data h3{display: inline-block;margin-bottom: 10px;border-bottom: 1px solid #ddd;font-size: 54px;color: #ccc;font-family: "got";}
.index06 .min a .left .data p{font-size: 22px;color: #ccc;font-family: "got";}
.index06 .min a:hover .left .data h3{color: #00a6e3;}
.index06 .min a:hover .left .data p{color: #00a6e3;}
.index06 .min a .left .imgbox{width: 80%;overflow: hidden;}
.index06 .min a .left .imgbox img{display: block;width: 100%;transition: all .6s;}
.index06 .min a .right{width: 60%;box-sizing: border-box;padding: 0 50px;}
.index06 .min a .right h3{font-size: 24px;color: #222;margin-bottom: 30px;font-weight:bold;}
.index06 .min a .right h4{font-size: 16px;color: #666666;line-height: 24px;margin-bottom: 30px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;text-align: justify;}
.index06 .min a .right .more{margin: 0;width: 140px;height: 40px;line-height: 40px;font-size: 14px;}
.index06 .min a:hover .right .more{background-color: #FFFFFF;color: #00a6e3;}
.index06 .min a:hover .left .imgbox img{transform: scale(1.1);}
.index06 .min a:hover .right h3{color: #00a6e3;}

/*鲁泉优势*/
.five_bg{ background:url(../images/five_bg.jpg) no-repeat center 0;height: 713px;font-size: 0;overflow: hidden;}
.five_bgx{display:none;}
.five_bg .content{ width:1000px; margin:0 auto;position:relative;}
.five_t{line-height:45px;text-align: center; margin:20px auto;}
.five_t a{font-size: 28px;color: #00a6e3;}
.five p{position: absolute;z-index: 2;}
.five p b{display: block;font-size: 24px;color: #00a6e3;}
.five p span{display: block;font-size: 14px;color: #333;line-height: 24px; padding:10px 0 0;}
.five .five_p01{width: 280px;top: 385px;left: -25px;}
.five .five_p01 a{display: block;width: 280px; background:url(../images/five_ico01.png) no-repeat right 25px;}
.five .five_p01 a:hover{ background:url(../images/five_ico06.png) no-repeat right 25px; text-decoration:none;}
.five .five_p01 span,.five .five_p02 span,.five .five_p04 span,.five .five_p05 span{width: 190px;}
.five .five_p02{width: 285px;height: 140px;top: 195px;left: 68px;}
.five .five_p02 a{display: block;width: 285px;height: 140px; background:url(../images/five_ico02.png) no-repeat right 80px;}
.five .five_p02 a:hover{ background:url(../images/five_ico07.png) no-repeat right 80px; text-decoration:none;}
.five .five_p03{width: 290px;height: 188px;top: 90px;left: 360px;text-align: center;}
.five .five_p03 a{display: block;width: 290px;height: 188px; background:url(../images/five_ico03.png) no-repeat center bottom;}
.five .five_p03 a:hover{ background:url(../images/five_ico08.png) no-repeat center bottom; text-decoration:none;}
.five .five_p04{width: 330px;height: 142px;top: 198px;right: 42px;}
.five .five_p04 a{display: block;width: 232px;height: 142px; background:url(../images/five_ico04.png) no-repeat 0 bottom; padding:0 0 0 98px;}
.five .five_p04 a:hover{ background:url(../images/five_ico09.png) no-repeat 0 bottom; text-decoration:none;}
.five .five_p05{width: 322px;top: 385px;right: -55px;}
.five .five_p05 a{display: block;width: 232px; background:url(../images/five_ico05.png) no-repeat 0 25px; padding:0 0 0 90px;}
.five .five_p05 a:hover{ background:url(../images/five_ico10.png) no-repeat 0 25px; text-decoration:none;}

/*工程案例*/
.ys_t{ padding:48px 0 0;height: 124px;text-align: center; margin:0 auto;}
.ys_t a{font-size: 28px;color: #00a6e3;}
.ys_t span{display: block;font-size: 14px;color: #333;font-weight: normal; padding:20px 0;}
.zytd {padding-bottom: 60px;overflow: hidden; width:1200px; margin:0 auto;}
.zytd h2 {font-size: 42px;}
.zytd .conbox {position: relative;}
.zytd .conleft {width: 300px;}
.zytd .conleft ul li {height: 119px;border-bottom: 1px solid #efefef;font-size: 18px;position: relative;}
.zytd .conleft ul li a {display: block;padding:0 20px;height: 119px;color: #999;}
.zytd .conleft ul li b {padding-top: 35px;display: block;font-size: 20px;color: #1f1f1f;margin-bottom: 8px;}
.zytd .conleft ul li em {display: none;width: 0;height: 0;border: 11px solid #00a6e3;border-right: none;border-top-color: #f8f8f8;border-bottom-color: #f8f8f8;position: absolute;right: -11px;top: 50px;}
.zytd .conleft ul li.cur {background: #00a6e3;}
.zytd .conleft ul li.cur a {color: #fff;}
.zytd .conleft ul li.cur b {color: #fff;}
.zytd .conleft ul li.cur span {color: #fff;}
.zytd .conleft ul li.cur em {display: block;}
.zytd .conright {width: 868px; height: 480px;position: relative;z-index: 2; }
.zytd .conright dl {display: none;}
.zytd .conright dl.cur {display: block;}
.zytd .conright dl dd.dd1 i{display: block;margin-top: 5px;}
.zytd .conright dl dt {position: absolute;left: 0;top: 0;width: 397px;height: 480px;}
.zytd .conright dl dd.dd1 {padding-top: 45px;font-size: 18px;padding-bottom: 27px;border-bottom: 1px solid #ddd;margin-bottom:25px;}
.zytd .conright dl dd.dd1 span {font-size: 24px;color: #19429e;}
.zytd .conright dl dd.dd2 {font-size: 14px;line-height: 30px;height: 160px;margin-bottom: 88px;}
.zytd .conright dl dd.dd3 a {display: block;width: 188px;height: 48px;line-height: 48px;border-radius: 27px;background: #00a6e3;text-align: center;color: #fff;box-shadow: 3px 3px 35px #d0d8eb;}


.focus{width:868px; height:550px;margin:0 auto; overflow:hidden;}
.focusbox{background-color:#1C1C1C; position:relative;}
.focusimg{border:0px solid #2F2F2F; width:868px; height:460px; position:relative; overflow:hidden;-webkit-perspective: 1300px;}
.fimglist{width:99300px; position:relative;-moz-perspective: 1300px;}
.fimglist img{display:block; width:868px; height:460px; cursor:pointer;}
.fimglist li{width:868px; height:460px; float:left;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}
.fimglist li.onpre{-webkit-animation:onpre .5s ease-in-out;animation:onpre .5s ease-in-out;opacity:0;-webkit-transform:scale(0.8,0.8);transform:scale(0.8,0.8);}
@-webkit-keyframes onpre{
	0%{opacity:1;-webkit-transform:rotateY(0deg);}
	100%{opacity:0;-webkit-transform:rotateY(90deg)}
}
@keyframes onpre{
	0%{opacity:1;transform:rotateY(0deg);}
	100%{opacity:0;transform:rotateY(90deg)}
}
.focustool{width:868px; overflow:hidden; padding:5px 0 10px; margin:0 auto; position:relative;}
.ftoollist{width:4655px; position:relative;}
.ftoollist img{display:block; width:129px; height:69px; margin-bottom:3px;}
.ftoollist a{background-color:#1C1C1C; display:block; width:129px; padding:4px 0 4px 4px; position:relative;-webkit-transition:all .3s linear;transition:all .3s linear;}
.ftoollist li{float:left; cursor:pointer; -webkit-transition:all .3s linear; transition:all .3s linear;}
.ftoollist .imgname{line-height:25px; text-align:center; color:#FFF; font-family:\5FAE\8F6F\96C5\9ED1; font-weight:400; font-size:18px; height:25px; overflow:hidden; cursor:pointer;}
.ftoollist .imgshortcat{line-height:20px; text-align:center; color:#7D7D7D; font-size:12px; height:20px; overflow:hidden; cursor:pointer;}
.ftoollist a:hover{background-color:#503769; padding:4px; margin-right:-4px; z-index:100; top:-5px;}
.ftoollist a:hover .imgname{color:#DBC98C;}
.ftoollist a:hover .imgshortcat{color:#FFF;}
.ftoollist .on a{background-color:#00a6e3; padding:4px; margin-right:-4px; z-index:100; top:-5px;}
.ftoollist .on .imgname{color:#DBC98C;}
.ftoollist .on .imgshortcat{color:#FFF;}



/*.index07*/
.index07{display: block;width: 100%;box-sizing: border-box;background: url(../images/contactbg.jpg)no-repeat;background-size: cover!important;padding: 100px 0;text-align: center;}
.index07 h3{color: #FFFFFF;text-transform: uppercase;margin: 0;font-family: "got";}
.index07 strong{display: block;width: 1px;height: 30px;background-color: #FFFFFF;margin: 20px auto;}
.index07 h4{font-size: 16px;line-height: 24px;color: #FFFFFF;width: 30%;margin: auto;margin-bottom: 20px;letter-spacing: 1.2px;}
.index07 p{font-size: 13px;color: #FFFFFF;margin-bottom: 50px;}
.index07 .more{color: #222222;background-color: #FFFFFF;border: none;width: 180px;height: 42px;line-height: 42px;font-size: 14px; padding:15px 25px}
.index07 .more:hover{color: #FFFFFF;background-color: #00a6e3;}

/*合作流程*/
.liuc_bg{ background:url(../images/liuc_bg.jpg) no-repeat center #00a6e3;height: 400px;font-size: 0;overflow: hidden;}
.liuc{width:1000px; margin:0 auto;}
.liuc h2{ padding:42px 0 0;height: 58px;text-align: center;}
.liuc h2 a{font-size: 30px;color: #fff;}
.liuc p{width: 95px;float: left; padding:0 24px;text-align: center;height: 210px;overflow: hidden;}
.liuc p span{display: block;height: 40px;}
.liuc p span a,.liuc p i a{font-size: 16px;color: #fff;}
.liuc p span a:hover,.liuc p i a:hover{color: #fff0b0;}
.liuc p em{display: block;width: 95px;height: 95px;}
.liuc p em img{width: 95px;height: 95px;}
.liuc p em a{ background:url(../images/liuc_k01.png) no-repeat;display: block;width: 95px;height: 95px;}
.liuc p em a:hover{ background:url(../images/liuc_k02.png) no-repeat;}
.liuc p i{display: block;height: 20px; padding:15px 0 0;}
.liuc .nobor{padding:0 0 0 24px;}
.liuc_bot{ display:inline-block;width: 805px; padding:0 0 0 195px; margin-top:20px;}
.liuc_bot em{display: block;font-size: 18px;color: #fff;float: left;}
.liuc_bot i{font-size: 30px;color: #fff0b0; padding:0 10px 0 0;}
.liuc_bot span{display: block;float: left; padding:0 50px 0 20px;}
.liuc_bot b{font-size: 30px;color: #fff; font-style:italic; font-family:Arial, Helvetica, sans-serif;display: block;float: left; background:url(../images/liuc_tel.png) no-repeat; padding:5px 0 0 55px;width: 250px; height:40px;}
.liuc_bot span a{font-size: 18px;color: #fff; background:url(../images/ban_btn01.png) no-repeat;display: block;width: 120px;height: 40px;text-align: center;line-height: 40px;overflow: hidden;}


/*.index08*/
.index08warp{width: 100%;box-sizing: border-box;background-color: #fff;}
.index08{width: 1200px;margin: 20px auto;box-sizing: border-box;}
.index08 .top{width: 100%;box-sizing:border-box;margin-bottom: 20px;}
.index08 .top .title{margin-bottom: 10px;}
.index08 .top .text span{font-size: 14px;color: #666666;}
.index08 .top .more{display: block;margin: 0;width: 140px;height: 40px;line-height: 40px;font-size: 14px;}
.index08 .min{box-sizing: border-box;position: relative;width: 100%;}
.index08 .min a{display: block;width: 31.33%;float: left;margin-right: 2%; margin-bottom:20px;}
.index08 .min a:last-child{margin-right: 0;}
.index08 .min a .imgbox{display: block;width: 100%;overflow: hidden; border:1px solid #ddd;}
.index08 .min a .imgbox img{display: block;width: 100%;transition: all .6s;}
.index08 .min a:hover .imgbox img{transform: scale(1.1);}
.index08 .min a h3{display: block;width: 90%;font-size: 15px;color: #222222;height: 50px;line-height: 50px;box-sizing: border-box;padding-left: 20px;margin: auto;margin-top: -25px;position: relative;z-index: 2;background-color: #fff;transition: all .3s;box-shadow: 0px 2px 5px rgba(0,0,0,0.5);}
.index08 .min a:hover h3{background-color: #00a6e3;color: #fff;}

/* 售后留言 */
.feedback .tit{text-align: center;margin-bottom: 30px;}
.feedback .tit .t{font-size: 36px;line-height: 1.2;color: #666;font-weight: bold;}
.feedback .tit .c{font-size: 16px;line-height: 24px;color: #666;margin: 5px 0;}
.guestbook_table input{
	outline: none;
    width: 100%;
    height: 40px;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    color: #333;
    border-radius: 4px;
    padding: 0 0.2rem;
    background-color: #fff;
}
.guestbook_table select{
	flex: auto;
    width: 100%;
    height: 40px;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    color: #333;
    border-radius: 4px;
    padding: 0 0.2rem;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.guestbook_table .option{line-height: 30px; height: 30px;color: #4d4d4d;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.guestbook_table textarea{
	width: 100%;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    color: #333;
    border-radius: 4px;
    padding: 0.1rem 0.2rem;
    background-color: #fff;
}
.guestbook_table .form_button{
	width: 200px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    background-color: #00a6e3;
    color: #fff;
    font-size: 24px;
    border-radius: 5px;
    border: none;
}
.guestbook_table .feedbox{float: left; width: 45%;margin: 0 2% 20px;position: relative;}
.guestbook_table .feed_code{display: table; float: left; width: 100%;}
.guestbook_table .lab{font-size: 14px;color: #353333;margin-bottom: 5px;}
.guestbook_table .lab .required{color: red;}
.guestbook_table .feedbox .form_textarea{width: 810px; height: 100px;}
.guestbook_table #verifycode{width: 16%;margin: 0 10px 0 20px;height: 44px;line-height: 44px;border: 1px solid #cccccc;padding-left: 10px;box-sizing: border-box;overflow: hidden; float: left;}
.guestbook_table .feedimg{height: 44px; float: left; width: 16%; margin-right: 10px;}
.guestbook_table .feedver{color: red; float: left;display:inline-block; height: 44px; line-height: 44px;}
.guestbook_table .feedbut{width:100%;font-size: 13px;color: #454545;margin-top: 40px; margin-bottom: 20px; padding-top: 20px;border-top: 1px solid #999999; float: left; text-align: center;}

.replycontent{width: 100%;line-height: 100px;margin-top: 40px;}
.replycontent .replyspan{display: block;padding-left: 20%;font-size: 30px;color: #00a6e3;background: #eee;}
.replylist{
    width: 60%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 40px 0;
}
.replylist ul{width: 100%;height: auto;}
.replylist ul li{width: 100%;line-height: 46px;border-bottom: 1px solid #e0e0e0;}
.replylist ul li span{float: right;font-size: 12px;color: #999; background: none;}
.replylist ul li a{color: #666;font-size: 14px;width: 100%;text-overflow: ellipsis;display: inline-block;}


/*.footerwarp*/
.footerwarp{width: 100%;box-sizing: border-box;background-color: #333333;border-top: 10px solid #00a6e3;}
.footerwarp .footer{width: 1200px;margin: auto;box-sizing: border-box;padding: 70px 0 70px;display: flex;flex-flow: row;justify-content: space-between;align-items: flex-start;display: -webkit-flex;-webkit-flex-flow: row;-webkit-justify-content: space-between;-webkit-align-items: flex-start;}
.footerwarp .footer .list{width: 75%;box-sizing: border-box;display: flex;justify-content: space-between;flex-flow: row;position: relative;padding-right: 80px;display: -webkit-flex;-webkit-justify-content: space-between;-webkit-flex-flow: row;}
.footerwarp .footer .list:after{content: '';display: block;width: 1px;height: 100%;background-color: rgba(255,255,255,0.5);right: 0;top: 0;position: absolute;}
.footerwarp .footer .list li h3{font-size: 18px;color: #FFFFFF;margin-bottom: 30px;}
.footerwarp .footer .list li .min p{margin-bottom: 15px;}
.footerwarp .footer .list li .min p a{display: inline-block;font-size: 15px;color: rgba(255,255,255,0.5);padding-bottom: 2px;position: relative;overflow: hidden;}
.footerwarp .footer .list li .min p a:after{content: '';display: block;width: 100%;height: 1px;background-color: #00a6e3;position: absolute;left: -100%;bottom: 0;transition: all .3s;}
.footerwarp .footer .list li .min p a:hover:after{left: 0;}
.footerwarp .footer .list li .min p a:hover{color: #00a6e3;}

.footerwarp .footer .footerlogo{width: 25%;text-align: left;box-sizing: border-box;padding-left: 40px;}
.footerwarp .footer .footerlogo img{display: block;width: auto;margin: 0;}
.footerwarp .footer .footerlogo p{font-size: 15px;color: rgba(255,255,255,0.5);line-height: 20px;margin-bottom: 15px;}
.footerwarp .footer .footerlogo p a{color: rgba(255,255,255,0.5);}
.footerwarp .footer .footerlogo p a span{color: #333333;}

.footerwarp .footer .footerlogo .fx{box-sizing: border-box;padding-top: 10px;border-top: 1px solid rgba(255,255,255,0.5);}
.footerwarp .footer .footerlogo .fx a{display: inline-block;width: 28px;height: 28px;border: 1px solid #fff;border-radius: 50%;line-height: 28px;text-align: center;margin-right: 10px;transition: all .5s;}
.footerwarp .footer .footerlogo .fx p{font-size: 18px;color: #FFFFFF;margin-bottom: 30px;}
.footerwarp .footer .footerlogo .fx a i{color: #fff;font-size: 12px;transition: all .5s; width:20px; height:20px; line-height:20px; float:left; padding:5px 2px}

.footerwarp .footer .footerlogo .fx .fa-wechat{ background:url(../images/icoweixin.png) no-repeat center;}
.footerwarp .footer .footerlogo .fx .fa-weibo{ background:url(../images/icoweibo.png) no-repeat center;}
.footerwarp .footer .footerlogo .fx .fa-qq{ background:url(../images/icoqq.png) no-repeat center;}
.footerwarp .footer .footerlogo .fx .fa-facebook{ background:url(../images/icofacebook.png) no-repeat center;}
.footerwarp .footer .footerlogo .fx a:hover{border-color: #00a6e3;background-color: #00a6e3;}
.footerwarp .footer .footerlogo .fx .bdshare-button-style0-16 a, .footerwarp .footer .footerlogo .fx .bdshare-button-style0-16 .bds_more{background-image: none!important;padding-left: 0px!important;margin-top: 0;}
.footerwarp .warpba{width: 1200px;margin: auto;box-sizing: border-box;border-top: 1px solid rgba(255,255,255,0.5);padding: 20px 0;}
.footerwarp .warpba .ba{width: 1200px;margin: auto;display: flex;flex-flow: row;justify-content: space-between;}
.footerwarp .ba h3{font-size: 14px;color: rgba(255,255,255,0.5);}
.footerwarp .ba h3 a{font-size: inherit;color: inherit;}
.footerwarp .ba h3:last-child a{margin-right: 20px;}
.footerwarp .ba h3:last-child a:last-child{margin-right: 0;}


/*公司简介*/
.insidetitle{width: 100%;box-sizing: border-box;overflow: hidden;font-size:12px;margin-top: 95px;background-color: #00a6e3; height:10px; color:#00a6e3;}
.about01{width: 1000px;box-sizing: border-box;overflow: hidden;text-align: center;margin: 100px auto;}
.about01 h3{font-size: 30px;color: #00a6e3 ;font-weight: bold;margin-bottom: 25px;}
.about01 h4{font-size: 18px;color: #00a6e3;font-weight:bold;}
.about01 strong{display: block;width: 1px;height: 30px;background-color: #cccccc;margin: 20px auto 20px;}
.about01 p{font-size: 18px;color: #444444;margin-bottom: 15px;    font-weight: bold;}
.about01 h5{font-size: 15px;color: #fff;line-height: 30px;}

.about02warp{width: 100%;box-sizing: border-box;position: relative;padding-bottom: 0px;background: url(../images/aboutbg.jpg) fixed repeat-x;padding-top: 180px;margin-bottom: 20px;}
.about02warp img{display: none;width: 100%;}
.about02warp .text{width: 1200px;text-align: center;margin: auto;position: relative;z-index: 2}
.about02warp:before{content: '';display: block;width: 100%;position: absolute;left: 0;bottom: 0;background-color: #fff;height: 80px;z-index: 0}
.about02warp .text h3{font-size: 30px;color: #ffffff;font-weight: bold;margin-bottom: 25px;}
.about02warp .text strong{display: block;width: 1px;height: 30px;background-color: #cccccc;margin: 20px auto 20px;}
.about02warp .text h4{font-size: 18px;color: #ffffff;line-height: 28px;display: block;margin: auto;}
.about02warp .text p{font-size: 18px;color: #fff;margin-bottom: 15px;margin-bottom: 60px;}
.about02warp .text h5{display: block;width: 100%;box-sizing: border-box;background-color: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.3);position: relative;padding: 50px 100px;font-size: 15px;color: #666666;line-height: 28px;text-align:justify;}


.about03warp{width: 100%;box-sizing: border-box;padding-bottom: 30px;}
.t-atl{width: 100%;box-sizing: border-box;text-align: center;margin-bottom: 40px;}
.t-atl h3{font-size: 30px;color: #00a6e3 ;font-weight:bold;}
.t-atl strong{display: block;width: 80px;height: 1px;background-color: #ddd;margin: 30px auto;}
.t-atl p{font-size: 15px;color: #666666;}

.about03warp .min{width: 100%;background:#00a6e3;height: auto;box-sizing: border-box;padding-top: 30px;position: relative;}
.about03warp img{display: block;width: 25%;margin: auto;opacity: 0.2;}
.about03warp .swiper-container01{width: 100%;height: 100%;position: absolute;top: 0;left: 0;box-sizing: border-box;padding: 0 10%;padding-top:100px;}
.about03warp .swiper-container01 .text{text-align: center;}
.about03warp .swiper-container01 .text p{font-size: 15px;color: #ffffff;margin-bottom: 40px;}
.about03warp .swiper-container01 .text h3{font-size: 24px;color: #ffffff;}
.about03warp .swiper-container01 .text strong{display: block;width: 220px;height: 1px;background-color: rgba(255,255,255,0.5);margin: 30px auto;}
.about03warp .swiper-container01 .text h4{font-size: 14px;color: #fff;line-height: 26px;}
.about03warp .swiper-button-next,.about03warp .swiper-button-prev{bottom: -25px;transform: none;margin-top: 0px;top: initial;background-size: 15px 15px;width: 50px;height: 50px;background-color: #f7f7f7;box-sizing: border-box;outline: none;z-index: 2;font-size: 24px;color: #333;text-align: center;line-height: 50px;background-image: none;border-radius: 4px;}
.about03warp .swiper-button-next{right: 50%;margin-right: -55px; background:url(../images/right.png) no-repeat center #f7f7f7; background-size:50% 50%;}
.about03warp .swiper-button-prev{left: 50%;margin-left: -55px; background:url(../images/left.png) no-repeat center #f7f7f7; background-size:50% 50%;}

.about04warp{margin: 70px 0;}
.about04warp .min a{display: block;position: relative;}
.about04warp .min a:nth-of-type(3n){margin-right: 0;}
.about04warp .min a .imgboox{width: 100%;box-sizing: border-box;overflow: hidden;}
.about04warp .min a .imgboox img{display: block;width: 100%;transition: all .6s;}
.about04warp .min a:hover .imgboox img{transform: scale(1.1);}
.about04warp .min a .text{width: 100%;box-sizing: border-box;overflow: hidden;padding: 35px 35px 50px;transition: all .3s;}
.about04warp .min a .text strong{display: block;width: 100%;height: 2px;background-color: #222222;margin-bottom: 15px;}
.about04warp .min a .text h3{font-size: 16px;color: #222222;margin-bottom: 15px;}
.about04warp .min a .text p{font-size: 13px;color: rgba(34,34,34,0.7);}
.about04warp .min a:hover .text{background-color: #00a6e3 ;}
.about04warp .min a:hover .text strong{background-color: #FFFFFF;}
.about04warp .min a:hover .text h3{color: #FFFFFF;}
.about04warp .min a:hover .text p{color: rgba(255,255,255,0.7);}
.about04warp .min a h4{font-size: 18px;color: #ffffff;font-weight: bold;-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;position: absolute;right: 30px;bottom: 135px;opacity: 0;transition: all .3s;}
.about04warp .min a:hover h4{opacity: 1;}
.about06warp .service03warp{margin: 0;}


/*创始人*/
.foundrewarp{width: 100%;height: auto;box-sizing: border-box;overflow: hidden;background-color: #fff;}
.foundrewarp .foundertitle{}

/*founder01*/
.founder01{width: 90%;margin: 30px auto;box-sizing: border-box;overflow: hidden;padding: 30px 40px;background-color: #FFFFFF;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;flex-flow: row;-webkit-align-items: center;align-items: center;}
.founder01 .left{width: 50%;overflow: hidden;box-sizing: border-box;}
.founder01 .left img{display: block;width: 100%;transition: all .6s;}
.founder01:hover .left img{transform: scale(1.1);}
.founder01 .right{width: 50%;box-sizing: border-box;overflow: hidden;padding: 0 70px 0 110px}
.founder01 .right h3{font-size: 30px;color: #222222;margin-bottom: 15px;display: block;vertical-align: bottom;box-sizing: border-box;font-weight:bold;}
.founder01 .right>span{display: block;font-size: 16px;color: #222222;padding-bottom: 15px;border-bottom: 1px solid #ddd;margin-bottom: 15px;line-height:26px;font-weight:bold;}
.founder01 .right .text{margin-bottom: 20px;}
.founder01 .right .text p{font-size: 14px;line-height: 32px;color: #666;position: relative;display: block;box-sizing: border-box;padding-left: 15px;}
.founder01 .right .text span{margin-top: 5%;font-size: 14px;line-height: 28px;color: #666;position: relative;display: block;box-sizing: border-box;}
.founder01 .right .text p:before{content: '';display: block;width: 5px;height: 5px;background-color: #222222;border-radius: 50%;position: absolute;top: 12px;left: 0;}
.f-more{display: block;width: 140px;height: 32px;border-radius: 2em;background-color: #00a6e3;color: #fff;font-size: 12px;text-align: center;line-height: 32px;border: 1px solid #EEEEEE;overflow: hidden;position: relative;z-index: 0;font-weight:bold;cursor:default;}
.f-more:after{content: '';display: block;width: 100%;height: 100%;z-index: -1;position: absolute;top: 0;left: -100%;transition: all .3s;background-color: #a8c17a;border-radius: 2em;}


.founder02{width: 90%;margin: 30px auto;box-sizing: border-box;overflow: hidden;background-color: #FFFFFF;}
.founder02 .min{width: 75%;margin: 70px auto;box-sizing: border-box;text-align: center;}
.founder02 .min img{display: block;width: auto;margin: auto;}
.founder02 .min h3{display: block;font-size: 24px;color: #222222;font-weight: bold;padding-bottom: 15px;border-bottom: 1px solid #ddd;margin-bottom: 30px;margin-top: 20px;}
.founder02 .min h4{font-size: 16px;color: #222222;line-height: 28px;margin-bottom: 30px;}


/*发展历程*/
.development01{width: 100%;box-sizing: border-box;background-color: #FFFFFF;padding: 0;position: relative;}
.development01 img{display: block;width: 100%;}
.d-text{width: 50%;box-sizing: border-box;text-align: left;left: calc((100% - 1200px)/2);position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform:translateY(-50%);}
.d-text h3{font-size: 35px;color: #00a6e3;font-weight: bold;margin-bottom: 20px;font-family:'got';}
.d-text h4{font-size: 23px;color: #00a6e3 ;font-weight: bold;margin-bottom: 15px;}
.d-text strong{display: block;width: 1px;height: 30px;background-color: #cccccc;margin: 20px auto;}
.d-text h5{font-size: 15px;color: #666666;line-height: 25px;}

.development02{width: 100%;box-sizing: border-box;padding: 0;position: relative;margin-bottom: 120px;overflow: hidden;}
.development02 .cont{display: block;width: 100%;box-sizing: border-box;padding: 70px 0;background-color: #f4f6f8;}
.development02:before{content: '';display: block;width: 1px;height: calc(100% - 93px);background-color: #ddd;top: 93px;left: 60%;position: absolute;}
.development02 .cont .left{width: 60%;float: left;display: flex;justify-content: space-between;padding-left: calc((100% - 1200px)/2);box-sizing: border-box;padding-right: 30px;}
.development02 .cont .left h3{font-size: 36px;color: #aaaaaa;font-weight: bold;writing-mode: vertical-lr;writing-mode: tb-lr;width: 10%;}
.development02 .cont .left .min{width: 80%;}
.development02 .cont .left .min h4{font-size: 22px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.development02 .cont .left .min .imgbox{width: 100%;box-sizing: border-box;}
.development02 .cont .left .min .imgbox h3{display: block;width: 49%;float: left;margin-right: 2%;overflow: hidden;writing-mode: inherit;}
.development02 .cont .left .min .imgbox h3:last-child{margin-right: 0;}
.development02 .cont .left .min .imgbox img{display: block;width: 100%;transition: all .6s;}
.development02 .cont .left .min .imgbox h3:hover img{transform: scale(1.1);}
.development02 .cont .right{display: flex;flex-flow: column;box-sizing: border-box;padding-right: calc((100% - 1200px)/2);width: 40%;}
.development02 .cont .right .data{display: flex;align-items: center;}
.development02 .cont .right h3{width: 186px;height: 46px;line-height: 46px;text-align: center;line-height: 46px;font-size: 16px;color: #ffffff;background-color: #00a6e3 ;border-radius: 5px;float: left;position: relative;}
.development02 .cont .right span{content: '';display: block;width: 40px;height: 1px;background-color: #ddd;}
.development02 .cont .right h5{margin-top: 30px;box-sizing: border-box;padding-left: 40px;}
.development02 .cont .right h5 p{font-size: 15px;color: #222222;line-height: 26px;position: relative;display: block;box-sizing: border-box;padding-left: 20px;}
.development02 .cont .right h5 p:before{content: '';display: block;width: 5px;height: 5px;background-color: #222222;border-radius: 50%;position: absolute;top: 12px;left: 0;}

.development02 .cont:nth-of-type(2n){background-color: #FFFFFF;}

/*联系我们*/
.section{width:1200px; margin:30px auto;}
.yunu-contact-text {float: left;width: 430px;margin: 0;background-color: #f2f2f2;}
.yunu-contact-text dt {font-size: 26px;text-align: center;background-color: #00a6e3;color: #fff;line-height: 100px;}
.yunu-contact-text dd {padding: 30px 0 30px 100px;line-height: 30px;border-bottom: 1px solid #ddd;margin: 0;background: no-repeat 30px center;}
.yunu-contact-text dd.i1 {background-image: url(../images/l1.png)}
.yunu-contact-text dd.i2 {background-image: url(../images/l2.png)}
.yunu-contact-text dd.i3 {background-image: url(../images/l3.png)}
.yunu-contact-map {width:770px; float:right; height:460px;}
.yunu-infocontent {margin-bottom: 30px;}
.yunu-infocontent-title {margin-bottom: 20px;text-align: center;}
.yunu-infocontent-title h1 {margin: 0;font-size: 24px;}
.yunu-infocontent-title p {margin: 10px 0 0;font-size: 12px;color: #999;}
.yunu-infocontent-title p span {padding: 0 5px;}
.yunu-infocontent-desc {margin-bottom: 20px;border: 1px solid #ddd;padding: 20px;}
.yunu-infocontent-body {line-height: 2;margin-bottom: 20px;}
.yunu-infocontent-body img {max-width: 100% !important;height: auto !important;width: auto !important;}
.yunu-infocontent-epx {margin-bottom: 20px;}
.yunu-infocontent-epx li {line-height: 32px;margin-bottom: 5px;}
.yunu-infocontent-epx li span {display: inline-block;background-color: #A2A2A2;color: #fff;padding: 0 15px;margin-right: 10px;}
.yunu-infocontent-epx li em {float: right;font-style: normal;}
.yunu-infocontent-return {border-top: 1px solid #333;line-height: 32px;}
.yunu-infocontent-return a {margin-right: 10px;}
.yunu-infocontent-return .more {margin: 0;float: right;background-color: #333;color: #fff;padding: 0 10px;}
.yunu-infocontent-rem {margin-bottom: 20px;}
.yunu-infocontent-rem h4 {margin: 0;font-size: 24px;line-height: 55px;}
.yunu-infocontent-rem li {border-top: 1px dashed #dbdbdb;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 46px;}
.yunu-infocontent-rem li span {float: right;}

@keyframes scale
{
    0% {transform: scale(0.1);opacity: 1;}
    25% {transform: scale(0.2);opacity: 1;}
    50% {transform: scale(0.6);opacity: 0.5;}
    75% {transform: scale(0.8);opacity: 0.1;}
    100%{transform: scale(1);opacity: 0.1;}
}
@-webkit-keyframes scale{
    0% {transform: scale(0.1);-webkit-transform: scale(0.1);opacity: 1;}
    25% {transform: scale(0.2);-webkit-transform: scale(0.2);opacity: 1;}
    50% {transform: scale(0.6);-webkit-transform: scale(0.6);opacity: 0.5;}
    75% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.1;}
    100%{transform: scale(1);-webkit-transform: scale(1);opacity: 0.1;}
}
.contact01 .right{width: 50%;position: relative;}
.contact01 .right img{display: block;width: 100%;box-sizing: border-box;}
.contact01 .right .icon a span{font-size: 14px;color: #444444;}
.contact01 .right .icon a label{display: inline-block;width: 10px;height: 10px;position: relative;    color: #00a6e3 ;}
.contact01 .right .icon a label:before{content: '';width: 100%;height: 100%;background: #00a6e3 ;border-radius: 50%;position: absolute;z-index: 2;}
.contact01 .right .icon a label:after{content: '';width: 40px;height: 40px; animation: scale 3s ease-out infinite;-webkit-animation: scale 3s ease-out infinite; background-color: transparent;border: 1px solid #222;border-radius: 50%;position: absolute;left: -16px;top: -16px;}
.contact01 .right .icon a{width: 30px;height: 30px;}
.contact01 .right .icon a label{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.contact01 .right .icon a span{font-size: 12px;}

.contact01 .right .icon a:nth-of-type(1){position: absolute;top: 31%;right: 33%;}
.contact01 .right .icon a:nth-of-type(2){position: absolute;top: 34%;right: 31%;}
.contact01 .right .icon a:nth-of-type(2) span{position: absolute;right: -25px;bottom: 0;}
.contact01 .right .icon a:nth-of-type(3){position: absolute;top: 54%;right: 23%;}
.contact01 .right .icon a:nth-of-type(3) span{font-size: 14px;}
.contact01 .right .icon a:nth-of-type(4){position: absolute;top: 56%;right: 39%;}
.contact01 .right .icon a:nth-of-type(5){position: absolute;top: 60%;right: 55%;}
.contact01 .right .icon a:nth-of-type(6){position: absolute;top: 46%;right: 43%;}
.contact01 .right .icon a:nth-of-type(7){position: absolute;top: 77%;right: 35%;}
.contact01 .right .icon a:nth-of-type(8){position: absolute;top: 64%;right: 39%;}
.contact01 .right .icon a:nth-of-type(8) span{position: absolute;left: -25px;bottom: 0;}
.contact01 .right .icon a:nth-of-type(9) {position: absolute;bottom: 14%;right: 33%;}
.contact02warp{width: 100%;box-sizing: border-box;background-color: #f4f6f8;padding: 100px 0 80px;}
.contact02{width: 1200px;box-sizing: border-box;margin: auto;}
.contact02 .min{width: 100%;box-sizing: border-box;position: relative;}
.contact02 .min a{display: block;width: 100%;box-sizing: border-box;margin-bottom: 30px;box-sizing: border-box;padding: 20px;background-color: #fff;}
.contact02 .min a:nth-of-type(3n){margin-right: 0;}
.contact02 .min a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;}
.contact02 .min a .imgbox img{display: block;width: 100%;transition: all .6s;}
.contact02 .min a:hover .imgbox img{transform: scale(1.1);}
.contact02 .min a .text{width: 100%;box-sizing: border-box;text-align: center;padding: 30px 0 30px;}
.contact02 .min a .text span{font-size: 21px;color: #222222;display: inline-block;margin-bottom: 15px;}
.contact02 .min a .text strong{display: block;width: 30px;height: 1px;background-color: #ddd;margin: auto;margin-bottom: 15px;}
.contact02 .min a .text h3{font-size: 14px;color: #222222;margin-bottom: 20px;line-height: 20px;    min-height: 40px;}
.contact02 .min a .text h3 i{font-size: inherit;color: inherit;margin-right: 10px;vertical-align: unset;}
.contact02 .min a .text p i{font-size: inherit;color: inherit;margin-right: 10px;vertical-align: unset;}
.contact02 .min a .text p{font-size: 14px;color: #222222;}
.contact02 .min .swiper-pagination-bullet{border: 1px solid #ddd;background-color: transparent;box-sizing: border-box;width: 10px;height: 10px;opacity: 1;margin-right: 10px;}
.contact02 .min .swiper-pagination-bullet:last-child{margin-right: 0;}
.contact02 .min .swiper-pagination-bullet-active{background-color: #00a6e3;border-color: #00a6e3;}
.contact02 .min .swiper-container-horizontal>.swiper-pagination-bullets, .contact02 .min .swiper-pagination-custom,.contact02 .min .swiper-pagination-fraction{bottom: 0;}
.contact02 .min .swiper-pagination{position: relative;width: 100%;}
.contact02 .min .swiper-button-next,.contact02 .min .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;background-color: #FFFFFF;background-image: none;width: 40px;height: 40px;margin-top: -41px;outline: none;}
.contact02 .min .swiper-button-next i,.contact02 .min .swiper-button-prev i{font-size: 18px;color: #00a6e3;}
.contact02 .min .swiper-button-next{right: -50px;}
.contact02 .min .swiper-button-prev{left: -50px;}


/*荣誉*/
.honor01warp{width: 100%;box-sizing: border-box;padding: 120px 0;}
.honor01warp .honor01{width: 90%;margin: auto;display: flex;justify-content: space-between;align-items: flex-start;max-width:1400px;}
.honor01warp .honor01 .left{width: calc((100% - 1px)/2);margin-right: 1px;}
.honor01warp .honor01 .left .text{box-sizing: border-box;padding-left: 120px;padding-right: 60px;}
.honor01warp .honor01 .left .text h3{font-size: 24px;color: #FFFFFF;line-height: 36px;margin-bottom: 20px;}
.honor01warp .honor01 .left .text strong{display: block;width: 80px;background-color: #FFFFFF;height: 1px;margin-bottom: 162px;}
.honor01warp .honor01 .left .min{width: 100%;box-sizing: border-box;}
.honor01warp .honor01 .left .min a{display: block;width: 100%;background-color: #FFFFFF;box-sizing: border-box;padding: 60px 120px;transition: all .6s;margin-bottom: 1px;}
.honor01warp .honor01 .left .min a h3{font-size: 24px;color: #222222;line-height: 40px;text-align: center;margin-bottom: 50px;font-weight:bold;}
.honor01warp .honor01 .left .min a .imgbox{width: 100%;overflow: hidden;}
.honor01warp .honor01 .left .min a .imgbox img{display: block;width: 100%;transition: all .6s;}
.honor01warp .honor01 .left .min a:hover {background-color:#f1f2f3;}
.honor01warp .honor01 .right{width: 50%;height: 100%;}
.honor01warp .honor01 .right .min{width: 100%;box-sizing: border-box;}
.honor01warp .honor01 .right .min a{display: block;width: calc((100% - 1px)/2);float: left;margin-right: 1px;margin-bottom: 1px;box-sizing: border-box;background-color: #FFFFFF;padding: 20px 20px 70px 20px;transition: all .6s;}
.honor01warp .honor01 .right .min a:nth-of-type(2n){margin-right: 0;}
.honor01warp .honor01 .right .min a .imgbox{width: 100%;overflow: hidden;}
.honor01warp .honor01 .right .min a .imgbox img{display: block;width: 100%;transition: all .6s;}
.honor01warp .honor01 .right .min a:hover {background-color:#f1f2f3;}
.honor01warp .honor01 .right .min a h3{font-size: 18px;line-height: 24px;color: #222222;text-align: center;box-sizing: border-box;padding: 0 40px;margin-top: 20px;min-height: 60px;font-weight:bold;}
.honor01warp .honor01 .right .honorfl{width: 100%;box-sizing: border-box;background-color: #00a6e3 ;padding: 30px 70px;display:none;}
.honor01warp .honor01 .right .honorfl h3{font-size: 20px;color: #ffffff;margin-bottom: 25px;}
.honor01warp .honor01 .right .honorfl .cont{width: 100%;box-sizing: border-box;display: flex;justify-content: space-between;}
.honor01warp .honor01 .right .honorfl .cont a{display: block;width: 120px;height: 40px;line-height: 40px;text-align: center;background-color: #FFFFFF;border: 1px solid #FFFFFF;color: #00a6e3 ;font-size: 14px;float: left;transition: all .6s;}
.honor01warp .honor01 .right .honorfl .cont a:hover{background-color: #00a6e3 ;color: #FFFFFF;}

/*分页*/
.fy{width: 100%;box-sizing: border-box;padding: 30px 0 60px;justify-content: center;flex-flow: row;display: flex;display: -webkit-flex;-webkit-flex-flow: row;-webkit-justify-content: center;}
.fy a{display: block;width: auto;min-width: 32px;height: 34px;line-height: 34px;font-size: 14px;color: #b8b8b8;border: 1px solid #b8b8b8;border-radius: 5px;background-color: #FFFFFF;transition: all .3s;margin: 0 2px;text-align: center;box-sizing: border-box;padding: 0 5px;}
.fy a:hover{background-color: #00a6e3;border-color: #00a6e3;color: #FFFFFF;}
.fy .current{background-color: #00a6e3;border-color: #00a6e3;color: #FFFFFF;width: auto;min-width: 32px;height: 34px;line-height: 34px;font-size: 14px;border-radius: 5px;transition: all .3s;margin: 0 2px;text-align: center;box-sizing: border-box;padding: 0 10px;}
.pageinfo,.pagedown,.pageend,.pagefirst,.pageup{display:none !important;}

/*新闻*/
.newstop{width: 100%;box-sizing: border-box;display: flex;justify-content: center;flex-flow: row;background-color: #FFFFFF;border-bottom: 1px solid #ddd;margin-bottom: 70px;display: -webkit-flex;-webkit-justify-content: center;-webkit-flex-flow: row;}
.newstop a{font-size: 15px;color: #aaaaaa;line-height: 52px;display: block;margin: 0 50px;overflow: hidden;position: relative;}
.newstop a:after{content: '';display: block;width: 0%;height: 3px;background-color: #00a6e3 ;left: 0;bottom: 0;position: absolute;transition: all .3s;}
.newstop .active{color: #00a6e3 ;}
.newstop .active:after{width: 100%;}
.newstop a:hover:after{width: 100%;}
.news01 .min a{border-bottom: 1px solid #ddd;padding-bottom: 20px; padding-top:20px;}
.news01 .min{border: none;margin-bottom: 0; width:1200px; margin:20px auto;}
.news01 .fy{padding-top: 0; justify-content: center;}
.news01 .min a .left .data{width: 25%;}

.infotitle{width: 1200px;height: auto;overflow: hidden;border-bottom: 1px solid #ddd; margin-bottom:20px; margin:10px auto; text-align:left;}
.infotitle h1{display: block;width: auto;position: relative;line-height: 56px; font-size:30px;}
.infotitle .ftit{ padding:10px; line-height:30px; height:20px; text-align:left; color:#aaaaaa; font-size:12px;}
.infocontent{width:1200px; margin:0 auto; padding:40px; text-align:left; font-size:16px; line-height:25px;}
.infocontent img{margin:0 auto; text-align:center; vertical-align:middle; max-width:800px;}
.infokey{width:1200px; margin:0 auto; padding:40px; text-align:left; font-size:16px; font-weight:bold;}
.news_det_bott .content .con{width:677px; margin:0 auto;}
.news_det_bott .content .box{padding:60px 0;}
.news_det_bott .page_bott{background:#f6f6f6;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.news_det_bott .page_bott{width:1200px; margin:30px auto; height:90px;}
.news_det_bott .page_bott .page_prev{float:left; width:46%; border-right:1px solid #c9c9c9; height:90px}
.news_det_bott .page_bott .page_next{float:right; width:46%; border-left:1px solid #c9c9c9; height:90px}
.news_det_bott .page_bott .box{padding:30px 20px;}
.news_det_bott .page_bott .page_prev .page_btn{float:left; padding-left:45px; line-height:30px;}
.news_det_bott .page_bott .page_next .page_btn{float:right; padding-right:45px;line-height:30px}
.news_det_bott .page_bott .page_btn{margin-right:30px; font-size:16px; color:#797979; position:relative;}
.news_det_bott .page_bott .page_btn .icon{position:absolute; width:31px; height:11px; background:url(../images/news_detail.png) no-repeat;top:50%; margin-top:-5px;}
.news_det_bott .page_bott .page_prev .page_btn .icon{left:0;}
.news_det_bott .page_bott .page_next .page_btn .icon{background-position:-32px 0; right:0}
.news_det_bott .page_bott .t{font-size:14px; font-weight:bold; color:#3f3f3f; line-height:30px;}
.news_det_bott .page_bott a:hover .t{color:#00a1e9;}
.news_det_bott .page_bott .page_center{float:left; width:7%; height:90px; position:relative;}
.news_det_bott .page_bott .page_center .icon{position:absolute; left:50%; margin-left:-12px; top:50%; margin-top:-19px; font-size:24px; color:#b5b5b5;color:#b5b5b5;}
.news_det_bott .page_bott .page_center:hover .icon .iconfont{color:#00a1e9;}
.news_det_bott .page_bott .page_prev:hover .page_btn .icon{left:-5px; transition:.3s ease}
.news_det_bott .page_bott .page_next:hover .page_btn .icon{right:-5px; transition:.3s ease;}

/*媒体专访*/
.media_container{width:1200px;margin: 20px auto ;}
.leftwarp{width: 850px;box-sizing: border-box;overflow: hidden;float: left;border-top: 0px solid #ddd;}
.media_container_left{width: 100%;padding-right: 20px;}
.media_imgbox{width: 45%;overflow: hidden;box-sizing: border-box;}
.media_imgbox img{display: block;width: 100%;transition: all .6s;}
.media_container_left a:hover .media_imgbox img{transform: scale(1.1);}
.media_container_left a:hover .media_txtbox h3 {color:#00a6e3;}
.media_container_left a:hover .media_txtbox font {color:#00a6e3;}
.media_container_left a{display: flex;width: 100%;-webkit-justify-content: space-between;display: -webkit-flex;justify-content: space-between;}
.singlecontain{padding: 30px 0; border-bottom: 1px solid #ddd; }
.media_container_left a .media_txtbox{width: 50%;}
.media_txtbox span{font-size: 14px; color:#aaa;text-decoration: underline; margin-bottom: 20px;    display: block;}
.media_txtbox h3{font-size:18px;color: #222; line-height: 24px; font-weight: bold;margin-bottom: 20px;min-height: 48px;transition: all .6s;}
.media_txtbox p{font-size: 14px; line-height: 20px; color: #666;margin-bottom: 50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.media_txtbox font{display: flex;flex-flow: row;justify-content: flex-start;align-items: center;font-size: 13px;color: #222222;transition: all .6s;display: -webkit-flex;-webkit-flex-flow: row;-webkit-justify-content: flex-start;-webkit-align-items: center;}
.media_txtbox font i{position: relative;display: block;width: 20px;height: 1px;background-color: #00a6e3;margin-left: 10px;transition: all .6s;}
.media_container_left a:hover .media_txtbox font i{width: 30px;}
.media_txtbox font i:after{border: solid 1px #00a6e3;border-bottom-width: 0;border-left-width: 0;content: " ";top: 50%;right: 0px;position: absolute;width: 5px;height: 5px;-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);}
.fixedwarp{float: right;width: 286px;}
.media_container_right{float: right; width: 286px;}
.media_container_right media_container_right_3{box-sizing: inherit;width: 100%;}
.media_container_right img{width: 100%;}
.media_container_right_2{padding: 30px 0;border-top: 0px solid #ddd;}

.right_txt{background-color: #00a6e3 ;}
.right_txt h3{font-size: 14px; color: #fff; padding: 30px;line-height: 20px;}
.right_txt p{font-size: 12px;color: #fff; opacity:0.5; padding:0 0 30px 30px;}
.effect-chico-contain{padding-top: 30px;border-top: 1px solid #ddd;}
.effect-chico{display: block;width: 48%;margin-right: 4%;margin-bottom: 4%;position: relative; float: left;overflow: hidden;box-sizing: border-box;}
.effect-chico img{width: 100%;transform: scale(1.1);transition: all .4s;}
.effect-chico:hover img{transform: scale(1);}
.effect-chico:before{position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px; border: 1px solid #fff;content: '';-webkit-transform: scale(1.1); transform: scale(1.1);opacity:0;z-index: 2;transition: all .4s;}
.effect-chico:nth-of-type(2n){display: block;width: 48%;margin-right: 0;margin-bottom: 0;}
.effect-chico-text{position: absolute;top: 60px;left: 0;width: 100%;text-align: center;transition: all .6s;}
.effect-chico-text h3{color: #fff;font-size: 15px;padding-bottom: 15px;text-transform: uppercase;}
.effect-chico-text p{position: relative;display: block;width: 20px;height: 1px;background-color: #fff;margin:auto;transition: all .6s;opacity: 0;transform: scale(1.1);}
.effect-chico:hover .effect-chico-text p{transform: scale(1);opacity: 1;}
.effect-chico:hover .effect-chico-text{top:50px;}
.effect-chico-text p:after{border: solid 1px #fff;border-bottom-width: 0;border-left-width: 0;content: " ";top: 50%;right: 0px;position: absolute;width: 5px;height: 5px;-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);}



.effect-chico:hover:before{opacity: 1;transform: scale(0.85);-webkit-transform: scale(0.85);}
.media_container .fy{justify-content: flex-start;-webkit-justify-content: flex-start;}
.media_container .fy a:first-child{margin-left: 0;}




/*activity02warp*/
.activity02warp{width: 100%;box-sizing: border-box;background-color: #FFFFFF;padding: 70px 0 0;}
.activity02warp .activity02{width: 1400px;margin: auto;text-align: center;}
.activity02warp .activity02 .atitle h3{font-size: 28px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.activity02warp .activity02 .atitle strong{display: block;width: 80px;height: 1px;background-color: #ddd;margin: auto;}
.activity02warp .activity02 .atitle{margin-bottom: 50px;}
.activity02warp .activity02 .min01{width: 100%;box-sizing: border-box;position: relative;}
.activity02warp .activity02 .min01 .top{width: 75%;background-color: #00a6e3 ;box-sizing: border-box;padding: 90px 0 100px;position: absolute;left: 0;top: 0;}
.activity02warp .activity02 .min01 .top .numtext{width: 33.33%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;position: relative;}
.numtext img{display: block;width: auto;box-sizing: border-box;}
.numtext .font h3{font-size: 24px;color: #ffffff;margin-bottom: 10px;}
.numtext .font p{font-size: 13px;color: #ffffff;white-space: nowrap;}
.numtext .font{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom: 20px;text-align: left;}

.activity02warp .activity02 .min01 .right{width: 75%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;float: right;margin-top: 50px;}
.activity02warp .activity02 .min01 .right a{display: block;width:calc(100%/3);overflow: hidden;box-sizing: border-box;position: relative;}
.activity02warp .activity02 .min01 .right a:after{content: '';display: block;width: 1px;height: 100%;position: absolute;right: 0;top: 0;background-color: #FFFFFF;z-index: 2;}
.activity02warp .activity02 .min01 .right a:last-child:after{border: none;}
.activity02warp .activity02 .min01 .right a img{display: block;width: 100%;transition: all .6s;}
.activity02warp .activity02 .min01 .right a:hover img{transform: scale(1.1);}
.actext{width: calc(100% - 80px);height: auto;box-sizing: border-box;position: absolute;top: 40px;left: 40px;text-align: left;z-index: 3;}
.actext h3{font-size: 18px;color: #ffffff;margin-bottom: 10px;font-weight: bold;}
.actext p{font-size: 15px;color: #ffffff;margin-bottom: 25px;letter-spacing: 3px;}
.actext span{font-size: 13px;color: rgba(255,255,255,0.7);margin-bottom: 30px;display: block;}
.actext strong{display: block;width: 60px;height: 1px;background-color: #FFFFFF;transition: all .3s;}
.activity02warp .activity02 .min01 .right a:hover strong{width: 160px;}
.actext font{font-size: 18px;color: #FFFFFF;display: block;width: 42px;height: 42px;text-align: center;line-height: 42px;background-color: #00a6e3;margin-top: 30px;opacity: 0;transition: all .6s;}
.activity02warp .activity02 .min01 .right a:hover .actext font{opacity: 1;}
.activity02warp .activity02 .right a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.66);transition: all .3s;z-index: 2;}
.activity02warp .activity02 .right a:hover:before{background-color: rgba(0,0,0,0.33);}
.activity02warp .activity02 .min02{width: 100%;box-sizing: border-box;display: flex;justify-content: space-between;display: -webkit-flex;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;margin: 80px 0;}
.activity02warp .activity02 .min02 .right{width: 75%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.activity02warp .activity02 .min02 .right a{display: block;width: calc((100% - 1px)/2);overflow: hidden;position: relative;}
.activity02warp .activity02 .min02 .right a img{display: block;width: 100%;transition: all .6s;}
.activity02warp .activity02 .min02 .right a:hover img{transform: scale(1.1);}
.activity02warp .activity02 .min02 .right a:after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.66);transition: all .3s;z-index: 2;}
.activity02warp .activity02 .min02 .right a:hover:after{background-color: rgba(0,0,0,0.33);}
.activity02warp .activity02 .min02 .numtext{width: 25%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;position: relative;}
.activity02warp .activity02 .min02 .numtext .font h3{color: #222222;}
.activity02warp .activity02 .min02 .numtext .font p{color: #222222;}
.activity02warp .activity02 .min02 .right a:hover strong{width: 160px;}
.activity02warp .activity02 .min02 .right a:hover font{opacity: 1;}

.activity02warp .activity02 .min03{width: 100%;box-sizing: border-box;display: flex;justify-content: space-between;display: -webkit-flex;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;margin: 80px 0;}
.activity02warp .activity02 .min03 .right{width: 75%;}
.activity02warp .activity02 .min03 .right a{width: 100%;overflow: hidden;display: block;position: relative;}
.activity02warp .activity02 .min03 .right a img{display: block;width: 100%;transition: all .6s;}
.activity02warp .activity02 .min03 .right a:hover img{transform: scale(1.1);}
.activity02warp .activity02 .min03 .numtext{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 25%;position: relative;}
.activity02warp .activity02 .min03 .numtext .font h3{color: #222222;}
.activity02warp .activity02 .min03 .numtext .font p{color: #222222;}
.activity02warp .activity02 .min03 .right a:hover strong{width: 160px;}
.activity02warp .activity02 .min03 .right a:hover font{opacity: 1;}

.activity02warp .activity03{width: 100%;box-sizing: border-box;display: block;position: relative;}
.activity02warp .activity03 img{display: block;width: 100%;}
.activity02warp .activity03 .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);text-align: center;z-index: 3;}
.activity02warp .activity03 .text img{display: block;width: auto}
.activity02warp .activity03 .text .font{position: absolute;top: 80%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);left: 50%;}
.activity02warp .activity03 .text h3{font-size: 25px;color: #ffffff;font-weight: bold;margin-bottom: 10px;}
.activity02warp .activity03 .text p{font-size: 12px;color: #ffffff;margin: 25px 0;}
.activity02warp .activity03 .text strong{display: block;width: 330px;height: 1px;background-color: #fff;margin: auto;margin-bottom: 25px;transition: all .3s;}
.activity02warp .activity03 .text font{display: block;width: 42px;height: 42px;border: 1px solid #FFFFFF;font-size: 18px;color: #FFFFFF;text-align: center;line-height: 40px;transition: all .3s;margin: auto;}
.activity02warp .activity03:hover .text font{background-color: #00a6e3;border-color: #00a6e3;}
/*.activity02warp .activity03:hover .text strong{width: 330px;}*/
.activity02warp .activity03:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.33);}


/*活动预告*/
.activitinfo01warp{width: 100%;box-sizing: border-box;padding: 70px 0 0;background-color: #FFFFFF;}
.activitinfo01warp .activitinfo01{width: 1200px;margin: auto;box-sizing: border-box;display: block;position: relative;}
.activitinfo01warp .activitinfo01:before{content: '';display: block;width: 1px;height: 100%;top: 0;left: 75%;position: absolute;background-color: #ddd;}
.activitinfo01warp .activitinfo01 .left{width: 70%;border-bottom: 1px solid #ddd;margin-bottom: 40px;float: left;}
.activitinfo01warp .activitinfo01 .left a{display: block;width: 46%;float: left;margin-right: 8%;margin-bottom: 60px;}
.activitinfo01warp .activitinfo01 .left a:nth-of-type(2n){margin-right: 0;}
.activitinfo01warp .activitinfo01 .left a .imgbox{width: 100%;box-sizing: border-box;position: relative;transition: all .3s;}
.activitinfo01warp .activitinfo01 .left a .imgbox:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #00a6e3;z-index: 0;transition: all .3s;}
.activitinfo01warp .activitinfo01 .left a:hover .imgbox:before{top: 10px;left: -10px;}
.activitinfo01warp .activitinfo01 .left a:hover .imgbox{transform:translate(10px,-10px);}
.activitinfo01warp .activitinfo01 .left a .imgbox img{display: block;width: 100%;transition: all .6s;position: relative;z-index: 2;}
.activitinfo01warp .activitinfo01 .left a .text{width: 100%;box-sizing: border-box;padding: 30px 0;}
.activitinfo01warp .activitinfo01 .left a .text h3{font-size: 18px;color: #222222;font-weight: bold;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.activitinfo01warp .activitinfo01 .left a:hover .text h3{color: #00a6e3;}
.activitinfo01warp .activitinfo01 .left a .text p{font-size: 12px;color: #aaaaaa;margin-bottom: 20px;}
.activitinfo01warp .activitinfo01 .left a .text p i{width: 1px;height: 12px;display: inline-block;background-color: #aaaaaa;margin: 0 20px;}
.activitinfo01warp .activitinfo01 .left a .text h4{font-size: 14px;line-height: 20px;color: #555555;margin-bottom: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.activitinfo01warp .activitinfo01 .left a .text font{display: block;width: 100px;height: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #00a6e3;border: 1px solid #00a6e3;transition: all .3s;position: relative;overflow: hidden;z-index: 0;opacity: 0;}
.activitinfo01warp .activitinfo01 .left a .text font:after{content: '';display: block;width: 0%;height: 100%;background-color: #00a6e3;position: absolute;top: 0;left: 0;transition: all .3s;z-index: -1;}
.activitinfo01warp .activitinfo01 .left a:hover .text font:after{width: 100%;}
.activitinfo01warp .activitinfo01 .left a:hover .text font{color: #FFFFFF;z-index: 1;}
.activitinfo01warp .activitinfo01 .left a:hover .text font{opacity: 1;}
.activitinfo01warp .activitinfo01 .right{width: 20%;float: right;}
.activitinfo01warp .activitinfo01 .right>h3{display: block;width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;font-size: 15px;color: #ffffff;background-color: #00a6e3 ;height: 52px;-webkit-align-items: center;align-items: center;}
.activitinfo01warp .activitinfo01 .right>h3 i{font-size: 18px;color: #FFFFFF;margin-right: 10px;}
.activitinfo01warp .activitinfo01 .right .min{width: 100%;box-sizing: border-box;}
.activitinfo01warp .activitinfo01 .right .min li{display: block;width: 100%;padding: 0 20px;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.activitinfo01warp .activitinfo01 .right .min li>a{display: flex;display: -webkit-flex;-webkit-align-items: center;-webkit-justify-content: space-between;align-items: center;justify-content: space-between;height: 54px;font-size: 15px;color: #222222;font-weight: bold;}
.activitinfo01warp .activitinfo01 .right .min li>a:after{content: '+';font-size: 14px;color: #00a6e3 ;font-weight: bold;}
.activitinfo01warp .activitinfo01 .right .min .active>a:after{content: '-';font-size: 14px;color: #00a6e3 ;font-weight: bold;}
.activitinfo01warp .activitinfo01 .right .min .iteminfo{width: 100%;box-sizing: border-box;padding: 20px 30px;border-bottom: 1px solid #ddd;display: none;}
.activitinfo01warp .activitinfo01 .right .min .iteminfo a{display: block;width: 100%;box-sizing: border-box;font-size: 14px;color: #666666;line-height: 30px;}
.activitinfo01warp .activitinfo01 .right .min .iteminfo a:hover{color: #222;text-decoration: underline;}
.activitinfo01warp .activitinfo01 .fy{justify-content: flex-start;-webkit-justify-content: flex-start;}

/*文章*/
/*article01warp*/
.article01warp{width: 100%;box-sizing: border-box;background-color: #FFFFFF; padding: 40px calc(50% - 660px);}
.article01warp .article01{width: 100%;box-sizing: border-box;position: relative;}
.article01warp .article01:before{content: '';display: block;width: 30%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;background-size: auto 100%;}
.article01warp .article01 .min{width: 1200px;margin: auto;box-sizing: border-box;position: relative;z-index: 2;padding: 50px 0;}
.article01warp .article01 .min .artitle{margin-bottom: 20px;text-transform: uppercase;}
.article01warp .article01 .min .artitle h3{font-size: 22px;color: #ffffff;margin-bottom: 10px;}
.article01warp .article01 .min .artitle p{font-size: 14px;color: #ffffff;}
.article01warp .article01 .min a{width: 100%;display: block;background-color: #FFFFFF;}
.article01warp .article01 .min a .left{width: 50%;float: left;}
.article01warp .article01 .min a .left img{display: block;width: 100%;}
.article01warp .article01 .min a .right{width: calc(50% - 80px);box-sizing: border-box;float: right;position: absolute;right: 0;top: 0;height: 100%;border-bottom: 1px solid #ddd;}
.article01warp .article01 .min a .right h3{font-size: 14px;color: #aaaaaa;font-weight: bold;margin-bottom: 30px;}
.article01warp .article01 .min a .right h3 i{display: inline-block;width: 1px;height: 14px;vertical-align: middle;margin: 0 10px;background-color: #aaa;}
.article01warp .article01 .min a .right h4{font-size: 30px;color: #222222;line-height: 36px;font-weight: bold;margin-bottom: 30px;}
.article01warp .article01 .min a .right h5{font-size: 15px;color: #666666;line-height: 24px;margin-bottom: 30px;}
.article01warp .article01 .min a .right font{width: 160px;height: 40px;line-height: 40px;background-color: transparent;margin: 0;color: #00a6e3;font-size: 12px;}
.article01warp .swiper-pagination{width: 50%;left: initial;right: 0;padding-left: 80px;text-align: left;box-sizing: border-box;}
.article01warp .swiper-pagination-bullet{background-color: #bbbbbb;opacity: 1;}
.article01warp .swiper-pagination-bullet-active{background-color: #00a6e3;}

.article02warp{width: 100%;box-sizing: border-box;background-color: #f6f4f7;padding: 20px 0;}
.article02warp .article02{width: 1200px;margin: auto;}
.article02warp .article02 .artitle02{width: 100%;box-sizing: border-box;position: relative;text-align: center;margin-bottom: 30px;}
.article02warp .article02 .artitle02:before{content: '';display: block;width: 100%;height: 1px;background-color: #cccccc;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 0;}
.article02warp .article02 .artitle02 span{font-size: 24px;color: #222222;padding: 0 30px;z-index: 3;background-color: #f6f4f7;position: relative;}
.article02warp .min{width: 100%;box-sizing: border-box;}
.article02warp .min .item{width: 100%;box-sizing: border-box;padding: 20px 80px;background-color: #fff;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;transition: all .3s;margin-bottom: 30px;}
.article02warp .min .item .left .arttitle{padding: 10px 0;padding-right: 60px;border-right: 1px solid #ddd;margin-right: 60px;width:150px;}
.article02warp .min .item .left .arttitle p{font-size: 14px;color: #00a6e3;font-weight: bold;margin-bottom: 20px;}
.article02warp .min .item .left .arttitle span{font-size: 12px;color: #888888;}
.article02warp .min .item .left{display: flex;justify-content: flex-start;-webkit-justify-content: flex-start;-webkit-align-items: center;align-items: center;width: 80%;display: -webkit-flex;}
.article02warp .min .item .left .info{width: 70%;display: flex;flex-flow: column;justify-content: center;display: -webkit-flex;-webkit-justify-content: center;-webkit-flex-flow: column;}
.article02warp .min .item .left .info h3{font-size: 18px;color: #222222;margin-bottom: 10px;}
.article02warp .min .item .left .info h4{font-size: 13px;color: rgba(255,255,255,0.7);line-height: 18px;display: none;opacity: 0;transition: all .6s;}
.article02warp .min .item:hover{background-color: #00a6e3;}
.article02warp .min .item:hover .left .info h3{color: #FFFFFF;}
.article02warp .min .item:hover .left .arttitle p{color: #FFFFFF;}
.article02warp .min .item:hover .left .arttitle span{color: #FFFFFF;}
.article02warp .min .item:hover .left .info h4{display: block;opacity: 1;}
.article02warp .fy{padding-bottom: 0;}
.article01warp .article01 .min a .right font:hover{background-color: #00a6e3;color: #fff;}


/*产业服务*/
.industry01warp{width: 75%;margin: 40px auto;position: relative;overflow: hidden;box-sizing: border-box;padding: 50px 0; background:#00a6e3;}
.industry01warp:after{content: '';display: block;width: 70%;height: 100%;position: absolute;box-sizing: border-box;right: 0;top: 0;background-color: #f5f6f8;}
.industry01warp .industry01{width: 90%;position: relative;z-index: 2; min-height:50px;}
.industry01warp .industry01 img{display: block;width: 100%;}
.industry01warp .industry01 .text{width: 40%;position: absolute;left: 115px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.industry01warp .industry01 .text strong{display: block;width: 60px;height: 2px;background-color: #FFFFFF;margin-bottom: 25px;}
.industry01warp .industry01 .text h3{font-size: 22px;color: #ffffff;line-height: 36px;text-align: justify;}
.industry01warp .industry01 .abox{width: 365px;height: auto;box-sizing: border-box;padding: 45px 60px;background-color: #000 ;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: -60px;}
.industry01warp .industry01 .abox a{font-size: 15px;color: #dddddd;width: 50%;float: left;margin-bottom: 25px;box-sizing: border-box;padding-left: 15px;position: relative;}
.industry01warp .industry01 .abox .active:before{content: '';display: block;width: 2px;height: 16px;position: absolute;left: 0;top: 0;background-color: #FF0;}
.industry01warp .industry01 .abox a:last-child{margin-bottom: 0;}

/*industry02*/
.industry02{width: 1200px;margin: 80px auto;box-sizing: border-box;overflow: hidden;}
.industrytext{text-align: center;}
.industrytext h3{font-size: 22px;color: #00a6e3 ;font-weight: bold;margin-bottom: 20px;}
.industrytext p{font-size: 14px;color: #666666;margin-bottom: 60px;}
.industry02 .min{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.industry02 .min li{width: 33.33%;}
.industry02 .min li img{display: block;width: auto;max-width: 90%;margin: auto;}
.industry02 .min li .item{margin-bottom: 60px;border-right: 1px solid #ddd;text-align: right;padding: 10px 0;padding-right: 30px;box-sizing: border-box;position: relative;}
.industry02 .min li .item:last-child{margin-bottom: 0;}
.industry02 .min li .item:before{content: '';display: block;width: 3px;height: 20px;position: absolute;right: -1.5px;top: 10px;background-color: #00a6e3;}
.industry02 .min li .item h3{font-size: 20px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.industry02 .min li .item h4{font-size: 15px;color: #666666;line-height: 24px;min-height: 48px;}
.industry02 .min li:last-child .item{padding-right: 0;padding-left: 30px;border-right: none;border-left: 1px solid #ddd;text-align: left;}
.industry02 .min li:last-child .item:before{left: -1.5px;}

/*industry03warp*/
.industry03warp{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;padding-top: 70px;}
.industry03warp img{display: block;width: 100%;position: absolute;top: 0;left: 0;}
.industry03warp .industry03{width: 1200px;margin: auto;box-sizing: border-box;position: relative;z-index: 2;padding-bottom: 100px;}
.industry03warp .industry03 .industrytext h3,.industry03warp .industry03 .industrytext p{color: #FFFFFF;}
.industry03warp .industry03 .min{width: 100%;background-color: #FFFFFF;padding: 60px 150px;position: relative;box-shadow: 0px 0px 10px rgba(102,102,102,0.3);box-sizing: border-box;}
.industry03warp .industry03 .min .title{font-size: 20px;color: #222222;margin-bottom: 40px;font-weight: bold;text-align: center;}
.industry03warp .industry03 .min ul{margin-bottom: 70px;}
.industry03warp .industry03 .min ul li{width: 27.66%;float: left;margin-right: 8%;background-color: #f7f7f7;border-radius: 10px;border: 1px solid #dddddd;text-align: center;box-sizing: border-box;padding: 30px 25px 40px;min-height: 288px;}
.industry03warp .industry03 .min ul li h3{font-size: 18px;color: #222222;font-weight: bold;}
.industry03warp .industry03 .min ul li strong{display: block;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 8px solid #333333;margin: 5px auto 15px;}
.industry03warp .industry03 .min ul li h4{border-top: 1px solid #ddd;padding-top: 20px;font-size: 14px;color: #666666;line-height: 24px;}
.industry03warp .industry03 .min ul li:last-child{margin-right: 0;}
.industry03warp .industry03 .min .bot{width: 100%;box-sizing: border-box;position: absolute;bottom: 0;left: 0;top: initial;}
.industry03warp .industry03 .min .text{width: 60%;box-sizing: border-box;text-align: center;margin: auto;}
.industry03warp .industry03 .min .text h3{font-size: 18px;color: #222222;font-weight: bold;}
.industry03warp .industry03 .min .text strong{display: block;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #333333;margin: 10px auto 20px;}
.industry03warp .industry03 .min .text h4{border-top: 1px solid #ddd;padding-top: 20px;font-size: 14px;color: #666666;line-height: 28px;margin-bottom: 30px;}

.industry04{width: 1200px;margin: 0 auto 100px}
.industry04 .text{text-align: center;}
.industry04 .text span{font-size: 14px;color: #666666;margin-bottom: 10px;display: block;}
.industry04 .text p{font-size: 22px;color: #00a6e3 ;font-weight: bold;margin-bottom: 50px;text-align: center;}
.industry04 .min{width: 100%;box-sizing: border-box;}
.industry04 .min a{display: block;width: 24.25%;float: left;position: relative;margin-right: 1%;box-sizing: border-box;}
.industry04 .min a:last-child{margin-right: 0;}
.industry04 .min a img{display: block;width: 100%;}
.industry04 .min a .text{width: 100%;height: 100%;box-sizing: border-box;padding: 30px;display: flex;justify-content: space-between;display: -webkit-flex;-webkit-justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;position: absolute;top: 0;left: 0;text-align: left;z-index: 2;}
.industry04 .min a .text .font h3{font-size: 18px;color: #ffffff;margin-bottom: 10px;}
.industry04 .min a .text .font p{font-size: 14px;color: #ffffff;text-transform: uppercase;text-align: left;}
.industry04 .min a .text font{display: block;width: 100px;height: 32px;box-sizing: border-box;border: 1px solid #FFFFFF;border-radius: 5px;color: #FFFFFF;text-align: center;line-height: 30px;font-size: 12px;transition: all .3s;}
.industry04 .min a:hover .text font{background-color: #FFFFFF;color: #222222;}
.industry04 .min a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.6);z-index: 1;transition: all .6s;}
.industry04 .min a:hover:before{opacity: 0;}

/*idea02*/
.idea02{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;padding-top: 90px;margin-bottom: 30px;margin-top: 0px;}
.idea02 .idea02bg{width: 100%;box-sizing: border-box;display: block;position: absolute;top: 0;left: 0;}
.idea02 .industrytext{position: relative;z-index: 2;margin-bottom: 80px;}
.idea02 .industrytext h3,.idea02 .industrytext p{color: #FFFFFF;text-transform: uppercase;}
.idea02 .min{width: 100%;position: relative;display: -webkit-flex;-webkit-justify-content: center;justify-content: center; margin:30px auto;}
.idea02 .min a{display: block;width: 300px;height: auto;box-sizing: border-box;padding: 50px 30px;background-color: #00a6e3 ;border-radius: 10px;text-align: center;margin-right: 25px;}
.idea02 .min a:last-child{margin-right: 0;}
.idea02 .min a img{display: block;width: auto;margin: auto;}
.idea02 .min a strong{width: 100%;height: 1px;display: block;background-color: rgba(255,255,255,0.5);margin: 20px 0;}
.idea02 .min a h3{font-size: 20px;color: #ffffff;margin-bottom: 20px;}
.idea02 .min a p{font-size: 13px;color: rgba(255,255,255,0.7);text-transform: uppercase;}

.idea03{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;margin-bottom: 90px;}
.idea03 strong{display: block;width: 2px;height: 30px;background-color: #ddd;margin: auto;}
.idea03 .title{font-size: 16px;color: #666666;text-align: center;margin: 30px auto;color:#00a6e3 ;}
.idea03 .min{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;}
.idea03 .min .item{width: 340px;height: 340px;border: 1px solid #ddd;border-radius: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;align-items: center;-webkit-align-items: center;position: relative;margin-right: -20px;}
.idea03 .min .item:last-child{margin-right: 0;}
.idea03 .min .item span{display: inline-block;font-size: 18px;color: #aaaaaa;padding: 0 10px;background-color: #FFFFFF;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);top: -9px;}
.idea03 .min .item .text{text-align: center;}
.idea03 .min .item .text h3{font-size: 20px;color: #222222;margin-bottom: 10px;font-weight: bold;}
.idea03 .min .item .text p{font-size: 13px;color: #aaaaaa;margin-bottom: 30px;}
.idea03 .min .item .text h4{font-size: 15px;color: #666666;line-height: 24px;min-height: 72px;}

.idea04warp{width: 100%;box-sizing: border-box;padding: 90px 0;background-size: 100%;margin-bottom: 70px;}
.idea04warp .idea04{width: 1200px;height: auto;overflow: hidden;box-sizing: border-box;margin: auto;}
.idea04warp .idea04 .industrytext h3,.idea04warp .idea04 .industrytext p{color: #FFFFFF;text-transform: uppercase;}
.idea04warp .idea04 .min{width: 100%;box-sizing: border-box;}
.idea04warp .idea04 .min .item{width: 25%;float: left;text-align: center;}
.idea04warp .idea04 .min .item img{display: block;width: auto;margin: auto;}
.idea04warp .idea04 .min .item h3{font-size: 18px;color: #FFFFFF;font-weight: bold;margin-top: 25px;margin-bottom: 10px;}
.idea04warp .idea04 .min .item h4{font-size: 15px;color: #FFFFFF;margin-bottom: 10px;}
.idea04warp .idea04 .min .item h5{font-size: 12px;color: #FFFFFF;opacity: 0.7;}

/*管理业务*/
.manage01warp{width: 100%;box-sizing: border-box;padding: 0;margin-top: 70px;}
.manage01warp .industrytext h3{color: #00a6e3 ;}
.manage01warp .industrytext{margin-bottom: 40px;}
.manage01warp .tab{width: 1200px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 100px;margin-bottom: 90px;}
.manage01warp .tab a{display: block;width: 25%;box-sizing: border-box;position: relative;text-align: center;}
.manage01warp .tab a:last-child .imgbox:after{content: '';display: block;width: 1px;height: 30px;background-color: #dddddd;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.manage01warp .tab a .imgbox{width: 100%;box-sizing: border-box;position: relative;}
.manage01warp .tab a .imgbox:before{content: '';display: block;width: 1px;height: 30px;background-color: #dddddd;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.manage01warp .tab a .imgbox img{display: block;width: auto;margin: auto;height: 86px;}
.manage01warp .tab a p{font-size: 18px;color: #00a6e3 ;font-weight: bold;margin: 20px 0 0;padding: 0 40px;padding-bottom: 50px;position: relative;}
.manage01warp .tab a p:before{content: '';display: block;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #00a6e3 ;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity: 0;visibility: hidden;transition: all .3s;}
.manage01warp .tab a p:after{content: '';display: block;width: 0%;height: 2px;background-color: #00a6e3 ;position: absolute;left: 40px;bottom: 0;transition: all .3s;}
.manage01warp .tab a:hover p:after{width: calc(100% - 80px);}
.manage01warp .tab a:hover p:before{opacity: 1;visibility: visible;}
.manage01warp .tab a:hover p{color: #222222;}
.manage01warp .tab .aactive p:after{width: calc(100% - 80px);}
.manage01warp .tab .aactive p{color: #222222;}
.manage01warp .tab .aactive p:before{opacity: 1;visibility: visible;}

.minwarp{width: 100%;box-sizing: border-box;background-color: #f5f6f8;box-sizing: border-box;padding: 0 calc((100% - 1200px)/2);padding-bottom: 90px;}
.minwarp .min{width: 100%;margin: -90px auto 0;background-color: #FFFFFF;padding: 80px 90px;box-shadow: 0px 0px 5px rgba(102,102,102,0.5);float: left;box-sizing: border-box;}
.minwarp .min .item{width: 100%;box-sizing: border-box;display: none;}
.minwarp .min .item:first-child{display: block;}
.minwarp .min .item .topline{position: relative;display: block;width: 100%;margin-bottom: 30px;}
.minwarp .min .item .topline:after{content: '';display: block;width: 100%;height: 1px;background-color: #dddddd;position: absolute;top: 50%;left: 0;margin-top: 1px;}
.minwarp .min .item .topline span{display: inline-block;font-size: 14px;color: #00a6e3;font-weight: bold;background-color: #FFFFFF;position: relative;z-index: 2;padding-right: 30px;}
.minwarp .min .item .topline span:after{content: '';display: inline-block;width: 100px;height: 1px;background-color: #00a6e3;margin-left: 10px;vertical-align: middle;}
.minwarp .min .item .toptitle{font-size: 22px;color: #222222;font-weight: bold;margin-bottom: 40px;}
.minwarp .min .item h4{font-size: 15px;color: #666666;line-height: 24px;}
.minwarp .min .item ul{width: 100%;box-sizing: border-box;margin: 40px 0;}
.minwarp .min .item ul li{width: 24.25%;height: auto;box-sizing: border-box;padding: 20px 25px;background-color: #f1f1f2;float: left;margin-right: 1%;min-height: 128px;margin-bottom: 1%;min-height: 174px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;flex-flow: column;-webkit-flex-flow:column;}
.minwarp .min .item ul li:nth-child(4n){margin-right: 0;}
.minwarp .min .item ul li h3{font-size: 16px;color: #222222;font-weight: bold;margin-bottom: 10px;}
.minwarp .min .item ul li p{font-size: 14px;color: #666666;position: relative;box-sizing: border-box;padding-left: 12px;margin-bottom: 10px;}
.minwarp .min .item ul li p:before{content: '';display: block;width: 6px;height: 1px;position: absolute;left: 0;top: 6.5px;background-color: #666666;}
.minwarp .min .item ul li p:last-child{margin-bottom: 0;}

/*manage02warp*/
.manage02warp{width: 100%;box-sizing: border-box;overflow: hidden;padding: 80px 0 80px;background-size: 100%;}
.manage02warp .manage02{width: 1200px;margin: auto;box-sizing: border-box;}
.manage02warp .manage02 .industrytext{position: relative;z-index: 2;}
.manage02warp .manage02 .industrytext h3{color: #FFFFFF;}
.manage02warp .manage02 .industrytext p{color: #FFFFFF;}
.manage02warp .manage02 .industrytext_2 p{margin-bottom:20px;}
.manage02warp .manage02 .industrytext strong{display: block;width: 1px;height: 60px;background-color: #aaaaaa;margin: auto;}
.manage02warp .manage02 .min{width: 100%;box-sizing: border-box;padding: 80px 0;background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(102,102,102,0.5);margin-top: -30px;position: relative;z-index: 1;}
.manage02warp .manage02 .min .textbg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.manage02warp .manage02 .min .roundwarp{width: 490px;margin: auto;box-sizing: border-box;position: relative;}
/*one*/
.manage02warp .manage02 .min .roundwarp .one{width: 100%;height: 490px;border: 1px solid #aaaaaa;border-radius: 50%;position: relative;}
.manage02warp .manage02 .min .roundwarp .one img{display: block;width: 50px;position: absolute;}
.manage02warp .manage02 .min .roundwarp .one img:nth-of-type(1){top: -25px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.manage02warp .manage02 .min .roundwarp .one img:nth-of-type(2){top: 20%;right: 12px;}
.manage02warp .manage02 .min .roundwarp .one img:nth-of-type(3){bottom: 20%;right: 12px;}
.manage02warp .manage02 .min .roundwarp .one img:nth-of-type(4){bottom: -25px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.manage02warp .manage02 .min .roundwarp .one img:nth-of-type(5){bottom: 20%;left: 12px;}
.manage02warp .manage02 .min .roundwarp .one img:nth-of-type(6){top: 20%;left: 12px;}
/*two*/
.manage02warp .manage02 .min .roundwarp .two{width: 400px;height: 400px;background-color: #00a6e3 ;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 0;}
.manage02warp .manage02 .min .roundwarp .two .line{width: 100%;height: 100%;position: absolute;border-radius: 50%;overflow: hidden;z-index: 2;}
.manage02warp .manage02 .min .roundwarp .two .line strong{width: 100%;height: 1px;background-color: #3ea384;position: absolute;}
.manage02warp .manage02 .min .roundwarp .two .line strong:nth-of-type(1){top: 50%;transform: rotate(360deg);}
.manage02warp .manage02 .min .roundwarp .two .line strong:nth-of-type(2){top: 50%;transform: rotate(60deg);}
.manage02warp .manage02 .min .roundwarp .two .line strong:nth-of-type(3){top: 50%;transform: rotate(120deg);}
.manage02warp .manage02 .min .roundwarp .two .text{width: 100%;height: 100%;box-sizing: border-box;position: absolute;top: 0;left: 0;border-radius: 50%;z-index: 3;}
.manage02warp .manage02 .min .roundwarp .two .text h3{position: absolute;text-align: center;width: 20%;}
.manage02warp .manage02 .min .roundwarp .two .text h3 span{font-size: 16px;color: rgba(255,255,255,0.5);display: inline-block;margin-bottom: 10px;}
.manage02warp .manage02 .min .roundwarp .two .text h3 p{font-size: 15px;color: #FFFFFF;font-weight: bold;line-height: 24px;}
.manage02warp .manage02 .min .roundwarp .two .text h3:nth-of-type(1){top: 40px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.manage02warp .manage02 .min .roundwarp .two .text h3:nth-of-type(2){top: 24%;right: 35px;}
.manage02warp .manage02 .min .roundwarp .two .text h3:nth-of-type(3){bottom: 26%;right: 35px;}
.manage02warp .manage02 .min .roundwarp .two .text h3:nth-of-type(4){bottom: 40px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.manage02warp .manage02 .min .roundwarp .two .text h3:nth-of-type(5){bottom: 26%;left: 35px;}
.manage02warp .manage02 .min .roundwarp .two .text h3:nth-of-type(6){top: 26%;left: 35px;}
/*three*/
.manage02warp .manage02 .min .roundwarp .three{width: 192px;height: 192px;border-radius: 50%;box-sizing: border-box;background-color: #FFFFFF;border: 10px solid #3ea384;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.manage02warp .manage02 .min .roundwarp .three p{font-size: 15px;color: #222222;line-height: 24px;text-align: center;box-sizing: border-box;padding: 0 10px}

/* 战略管理 */
.zlgl02wrap{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;padding: 70px 0;}
.zlgl02wrap::after{content: '';display: block;width: 60%;box-sizing: border-box;background-color: #f5f6f8;height: 100%;position: absolute;right: 0;top: 0;}
.zlgl02wrap .zlgl02{width: 100%;position: relative;z-index: 1;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.zlgl02wrap .zlgl02 .left{width: 50%;position: relative;overflow: hidden;}
.zlgl02wrap .zlgl02 .left img{display: block;width: 100%;}
.zlgl02wrap .zlgl02 .right{width: 50%;box-sizing: border-box;padding-right: calc((100% - 1200px)/2);padding-left: 70px;padding-top: 60px;}
.zlgl02wrap .zlgl02 .right ul li{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.zlgl02wrap .zlgl02 .right ul li a{display: block;width: 100%;height: 70px;line-height: 70px;box-sizing: border-box;padding: 0;font-size: 18px;color: #222222;position: relative;}
.zlgl02wrap .zlgl02 .right ul li .info{width: 100%;box-sizing: border-box;border-top: 1px solid #ddd;padding: 30px 0 20px;display: none;}
.zlgl02wrap .zlgl02 .right ul li .info .cont{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.zlgl02wrap .zlgl02 .right ul li .info .cont p{width: 100%;margin-bottom: 10px;position: relative;padding-left: 20px;font-size: 15px;color: #666666;box-sizing: border-box;line-height:18px;}
.zlgl02wrap .zlgl02 .right ul li .info .cont p::before{content: '';display: block;width: 10px;height: 1px;background-color: #666666;position: absolute;left: 0;top: 8px;}
.zlgl02wrap .zlgl02 .right ul li:first-child a{border-top: 1px solid #ddd;}
.zlgl02wrap .zlgl02 .right ul li a::after{content: '+';display: block;position: absolute;right: 0;top: 0;font-size: 20px;color: #00a6e3 ;}
.zlgl02wrap .zlgl02 .right ul li a.active::after{content: '-';}
.zlgl02wrap .zlgl02 .right ul li:first-child .info{display: block;}

/* zlgl03 */
.zlgl03{width: 1200px;margin: 80px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.zlgl03 .text{width: 50%;box-sizing: border-box;padding-right: 50px;}
.zlgl03 .text h3{font-size: 20px;color: #00a6e3 ;font-weight: bold;margin-bottom: 30px;}
.zlgl03 .text h4{font-size: 15px;color: #666666;line-height: 30px;}
.zlgl03 .imgbox{width: 50%;box-sizing: border-box;overflow: hidden;}
.zlgl03 .imgbox img{display: block;width: 100%;}

.zlgl04{margin-bottom: 100px;}

.business01warp{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;margin: 80px 0;}
.business01warp>img{display: block;width: auto;box-sizing: border-box;position: absolute;}
.business01warp .Limg{left: 0;top: 0;transform: rotateZ(180deg);-webkit-transform: rotateZ(180deg);}
.business01warp .Rimg{right: 0;top: 0;}
.business01warp .business01{width: 1200px;box-sizing: border-box;overflow: hidden;margin: auto;padding: 0 200px}
.business01warp .business01 .sjimg{display: none;}
.business01warp .business01 .text{text-align: center;}
.business01warp .business01 .text h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 10px;}
.business01warp .business01 .text p{font-size: 14px;color: #666666;text-transform: uppercase;font-weight: bold;margin-bottom: 20px;}
.business01warp .business01 .text h4{font-size: 18px;color: #222222;font-weight: bold;padding-bottom: 30px;border-bottom: 1px solid #ddd;margin-bottom: 40px;}
.business01warp .business01 .tzgg01 h4{border-bottom: 1px solid #ddd;padding-bottom: 30px;}
.business01warp .business01 .text h4 i{display: inline-block;background-color: #222;width: 4px;height: 4px;border-radius: 50%;margin: 0 14px;vertical-align: middle;}
.business01warp .business01 .imgbox{width: 100%;box-sizing: border-box;position: relative;}
.business01warp .business01 .imgbox img{display: block;width: 100%;}
.business01warp .business01 .imgbox .text01 p{width: 78px;height: 78px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;align-items: center;-webkit-align-items:center;border-radius: 50%;position: absolute;text-align: center;}
.business01warp .business01 .imgbox .text01 p span{font-size: 15px;line-height: 18px;color: #666666;}
.business01warp .business01 .imgbox .text01 p:nth-of-type(1){bottom: 21%;}
.business01warp .business01 .imgbox .text01 p:nth-of-type(2){bottom: 38%;left: 0.8%;}
.business01warp .business01 .imgbox .text01 p:nth-of-type(3){bottom: 70%;left:14%;}
.business01warp .business01 .imgbox .text01 p:nth-of-type(4){top: 6%;left: 23%;}
.business01warp .business01 .imgbox .text01 p:nth-of-type(5){top: 1%;right: 29.2%;}
.business01warp .business01 .imgbox .text01 p:nth-of-type(6){top: 8%;right: 19.6%;}
.business01warp .business01 .imgbox .text01 p:nth-of-type(7){top: 19.5%;right: 12%;}
.business01warp .business01 .imgbox .text01 p:nth-of-type(8){bottom: 38%;right: 2%}
.business01warp .business01 .imgbox .text01 p:nth-of-type(9){bottom: 20.8%;right: 0}

.business01warp .business01 .imgbox .text02 p{position: absolute;width: 105px;height: 105px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;align-items: center;-webkit-align-items:center;border-radius: 50%;position: absolute;text-align: center;}
.business01warp .business01 .imgbox .text02 p span{font-size: 16px;color: #ffffff;line-height: 20px;}
.business01warp .business01 .imgbox .text02 p:nth-of-type(1){bottom: 15%;left: 19.4%;}
.business01warp .business01 .imgbox .text02 p:nth-of-type(2){bottom: 48%;left: 30.2%;}
.business01warp .business01 .imgbox .text02 p:nth-of-type(3){bottom: 48%;left: 56.2%;}
.business01warp .business01 .imgbox .text02 p:nth-of-type(4){bottom: 15%;right: 21.5%;}

.business01warp .business01 .imgbox .text03{position: absolute;width: 105px;height: 105px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;align-items: center;-webkit-align-items:center;border-radius: 50%;position: absolute;text-align: center;bottom: 18%;left: 43.2%;}
.business01warp .business01 .imgbox .text03 p{font-size: 22px;color: #222222;font-weight: bold;text-align: center;}
.business01warp .business01 .imgbox .text03 p span{font-size: 13px;color: #222222;display: inline-block;margin-top: 10px;}

.business02warp{width: 100%;box-sizing: border-box;background-color: #f0f0f0;padding: 80px 0;}
.business02warp .industry04{margin-bottom: 0;}

/* 体制改革 */
/* tzgg01 */
.tzgg01,.zlgl01{width: 790px;margin: 80px auto;box-sizing: border-box;text-align: center;}
.tzgg01 h3,.zlgl01 h3{font-size: 24px;margin-bottom: 30px;color: #00a6e3 ;font-weight: bold;}
.tzgg01 h4,.zlgl01 h4{font-size: 15px;color: #666666;line-height: 30px;}

/* tzgg02 */
.tzgg02{width: 1200px;margin: 80px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.tzgg02 .imgbox{width: 40%;overflow: hidden;display: block;}
.tzgg02 .imgbox img{display: block;width: 100%;}
.tzgg02 .rigth{width: 60%;box-sizing: border-box;padding: 60px 60px 0;position: relative;}
.tzgg02 .rigth .text{width: 100%;box-sizing: border-box; text-align:left;}
.tzgg02 .rigth .text .top{width: 100%;box-sizing: border-box;display: -webkit-flex;-webkit-justify-content: space-between;display: flex;justify-content: space-between;padding-bottom: 20px;border-bottom: 1px solid #ddd;margin-bottom: 20px;white-space: nowrap;}
.tzgg02 .rigth .text .top h3{font-size: 20px;color: #00a6e3 ;font-weight: bold;}
.tzgg02 .rigth .text .top font{font-size: 18px;color: #222222;}
.tzgg02 .rigth .text ul li h3{font-size: 16px;color: #222222;font-weight: bold;margin-bottom: 10px;}
.tzgg02 .rigth .text ul li h4{font-size: 15px;color: #666666;line-height: 28px;}
.tzgg02 .rigth .text ul li{margin-bottom: 30px;}
.tzgg02 .rigth .text ul li:last-child{margin-bottom: 0;}
.page02 .swiper-button-next,.page02 .swiper-button-prev{width: 60px;height: 2px;position: relative;background-color: #222;position: relative;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;top: 0;margin-top: 0;right: 0;left: 0;outline: none;}
.page02 .swiper-button-next:before{content: '';display: block;width: 6px;height: 6px;border-top: 2px solid #222;border-right: 2px solid #222;transform: rotate(45deg);position: absolute;right: 0;-webkit-transform: rotate(45deg);top: -3px;}
.page02 .swiper-button-prev:after{content: '';display: block;width: 6px;height: 6px;border-top: 2px solid #222;border-right: 2px solid #222;transform: rotate(-136deg);position: absolute;left: 0;top: -3px;-webkit-transform: rotate(-136deg);}
.page02{position: absolute;bottom: 40px;height: 10px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: center;-webkit-align-items: center;}
.page02 .swiper-button-next{margin-left: 50px;}

/* tzgg03wrap */
.tzgg03wrap{width: 100%;box-sizing: border-box; background:url(../images/jobbg.jpg) no-repeat #e6e8ec;padding: 80px 0;}
.tzgg03wrap .top{font-size: 24px;color: #000 ;font-weight: bold;text-align: center;margin-bottom: 50px;}
.tzgg03wrap ul{width: 1200px;margin: auto;box-sizing: border-box;}
.tzgg03wrap ul li{width: 100%;margin-bottom: 10px;}
.tzgg03wrap ul li a{width: 100%;box-sizing: border-box;background-color: #fff;padding: 20px 40px;font-size: 16px;color: #222222;display: block;position: relative;}
.tzgg03wrap ul li a::after{content: '+';display: block;font-size: 26px;color: #00a6e3 ;position: absolute;right: 40px;top: 50%;margin-top: -13px;}
.tzgg03wrap ul li .info{width: 100%;box-sizing: border-box;background-color: #fff;padding: 30px 100px;display: none;}
.tzgg03wrap ul li .info h4{font-size: 15px;color: #666666;line-height: 30px;text-align: justify;}

.tzgg03wrap .down{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;} 
.tzgg03wrap .down p{font-size: 15px;color: #00a6e3;text-transform: uppercase;cursor: pointer;margin-top: 30px;text-align: center;}
.tzgg03wrap .down i{font-size: 30px;color: #00a6e3;display: block;text-align: center;}
.tzgg03wrap .down p.rote i{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.tzgg03wrap ul li:first-child .info{display: block;}
.tzgg03wrap ul li a.active::after{content: '-';}
.tzgg03wrap ul li.hide{display: none;}
.tzgg03wrap ul li.hide02{display: block;}

/*服务客户*/
.service{width: 1200px;margin: 70px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.service .left{width: 50%;float: left;}
.service .left h3{font-size: 20px;color: #00a6e3 ;line-height: 30px;padding-bottom: 25px;border-bottom: 1px solid #ddd;box-sizing: border-box;padding-right: 100px;font-weight: bold;}
.service .left .list{width: 100%;box-sizing: border-box;padding-right: 100px;}
.service .left .list p{font-size: 16px;color: #666666;box-sizing: border-box;padding: 20px 0;padding-left: 20px;position: relative;border-bottom: 1px dashed #ddd;}
.service .left .list p:before{content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #bbbbbb;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.service .right{width: 50%;float: right;box-sizing: border-box;padding: 0 90px;}
.service .right img{display: block;width: 320px;margin: auto;margin-bottom: 40px;}
.service .right h3{font-size: 15px;color: #666666;line-height: 24px;text-align: center;}

/*service02warp*/
.service02warp{width: 100%;box-sizing: border-box;padding: 80px 0;background:#00a6e3;}
.service02warp .service02{width: 1200px;margin: auto;box-sizing: border-box;}
.service02warp .service02 h3{font-size: 30px;color: #ffffff;padding-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.5);margin-bottom: 60px;font-weight:bold;text-align: center;}
.service02warp .service02 .min{width: 100%;box-sizing: border-box;position: relative;}
.service02warp .service02 .min .swiper-slide{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;}
.service02warp .service02 .min .swiper-slide .item{width: 100%;}
.service02warp .service02 .min .swiper-slide .item a{color:#fff;}
.service02warp .service02 .min .swiper-slide .item p{font-size: 15px;color: #FFFFFF;line-height: 36px;position: relative;box-sizing: border-box;padding-left: 20px;display: block;width: 50%; float:left;}
.service02warp .service02 .min .swiper-slide .item p:before{content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #FFFFFF;position: absolute;top: 16px;left: 0;}

.page{position: absolute;width: 30px;height: 100%;position: absolute;top: 0;right: 0;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;-webkit-justify-content: center;justify-content: center;}
.page .swiper-button-next,.page .swiper-button-prev{width: 20px;height: 1px;position: relative;background-color: #FFFFFF;position: relative;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;top: 0;margin-top: 0;right: 0;left: 0;outline: none;display: -webkit-flex;}
.page .swiper-button-next:before{content: '';display: block;width: 6px;height: 6px;border-top: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;transform: rotate(45deg);position: absolute;right: 0;-webkit-transform: rotate(45deg);top: -3px;}
.page .swiper-button-prev:after{content: '';display: block;width: 6px;height: 6px;border-top: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;transform: rotate(-136deg);position: absolute;left: 0;-webkit-transform: rotate(-136deg);top: -3px;}
.page .swiper-pagination{position: relative;bottom: 0;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;-webkit-justify-content: center;justify-content: center;flex-flow: column;-webkit-flex-flow: column;}
.page .swiper-button-next{margin-bottom: 30px;}
.page font{width: 1px;height: 150px;background-color: rgba(255,255,255,0.5);margin: 30px 0;}
.page .swiper-pagination{font-size: 14px;color: #FFFFFF;}
.page .swiper-pagination span:before{content: '0';}
.page .swiper-pagination i{display: block;width: 20px;height: 1px;background-color: #FFFFFF;margin: 10px 0;}



/*service03warp*/
.service03warp{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;margin: 90px 0;}
.service03warp .min{width: 100%;}
.service03warp .servicetitle{font-size: 30px;color: #00a6e3 ;margin-bottom: 30px;font-weight: bold;text-align: center;}
.service03warp .min .cont{width: 1200px;margin: auto;box-sizing: border-box;position: relative;padding-bottom: 40px;}
.service03warp .min .cont .swiper-slide{width: 100%;}
.service03warp .min .cont .swiper-slide a{display: block;width: 23.5%;float: left;margin-right: 2%;overflow: hidden;box-sizing: border-box;}
.service03warp .min .cont .swiper-slide a:last-child{margin-right: 0;}
.service03warp .min .cont .swiper-slide a img{display: block;width: 100%;transition: all .6s;}
.service03warp .min .cont .swiper-slide a:hover img{transform: scale(1.1);}
.service03warp .min .swiper-pagination{width: 100%;text-align: center;bottom: 0;}
.service03warp .min .swiper-pagination-bullet{background-color: #aaaaaa;opacity: 1;margin-right: 10px;outline: none;}
.service03warp .min .swiper-pagination-bullet:last-child{margin-right: 0;}
.service03warp .min .swiper-pagination-bullet-active{background-color: #00a6e3;}
.service03warp .swiper-button-next,.service03warp .swiper-button-prev{background-image: none;font-size: 28px;color: #000000;width: auto;height: auto;outline: none;margin-top: 5px;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.service03warp .swiper-button-next{right: calc((100% - 1300px)/2);}
.service03warp .swiper-button-prev{left: calc((100% - 1300px)/2);}

/*service04warp*/
.service04warp{background-color: #f5f6f8;padding: 80px 0;}
.service04warp .min .cont .swiper-slide a{width: 100%;margin-right: 0;position: relative;}
.service04warp .min .cont .swiper-slide a:last-child{margin-right: 0;}
.service04warp .min .cont .swiper-slide a{background-color: #ffffff;box-sizing: border-box;padding: 30px;}
.service04warp .min .cont .swiper-slide a img{display: block;width: auto;box-sizing: border-box;margin: auto;} 
.service04warp .min .cont .swiper-slide a:hover img{transform: scale(1);}
.service04warp .min .cont .swiper-slide a h3{font-size: 18px;color: #222222;margin: 20px 0 10px;text-align: center;border-bottom: 1px solid #ddd;margin-bottom: 10px;padding-bottom: 20px;font-weight: bold;}
.service04warp .min .cont .swiper-slide a h4{font-size: 14px;color: #666666;line-height: 24px;text-align: center;}
.service04warp .min .cont .swiper-slide a:before{content: '';display: block;width: 0%;height: 2px;background-color: #00a6e3;transition: all .3s;position: absolute;top: 0;left: 0;}
.service04warp .min .cont .swiper-slide a:hover:before{width: 100%;}

/*行业研究*/
.research01warp{width: 100%;box-sizing: border-box;padding: 90px 0;}
.research01warp .research01{width: 100%;box-sizing: border-box;padding: 0 14% 0 5%;}
.research01warp .research01 .left{width: 50%;float: left;padding-left: 40px;box-sizing: border-box;}
.research01warp .research01 .left img{display: block;width: 460px;box-sizing: border-box;max-width: 100%;}
.research01warp .research01 .right{width: 50%;float: right;}
.research01warp .research01 .right .r-top{font-size: 18px;color: #00a6e3 ;padding-bottom: 25px;border-bottom: 1px solid #ddd;font-weight: bold;margin-bottom: 25px;}
.research01warp .research01 .right .r-topinfo{font-size: 18px;color: #00a6e3;margin-bottom: 20px;font-weight: bold;}
.research01warp .research01 .right h4{font-size: 15px;color: #666666;line-height: 30px;margin-bottom: 50px;}
.research01warp .research01 .right .min{width: 100%;box-sizing: border-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.research01warp .research01 .right .min .item{width: 45%;box-sizing: border-box;padding: 20px 60px;background-color: #f1f2f4;position: relative;}
.research01warp .research01 .right .min h4{font-size: 38px;color: #e0e0e0;margin-bottom: 0;margin-right: 20px;}
.research01warp .research01 .right .min .item p{font-size: 12px;color: #aaaaaa;font-weight: bold;margin-bottom: 15px;text-align: center;text-transform: uppercase;}
.research01warp .research01 .right .min .item h5{font-size: 13px;color: #666666;line-height: 18px;text-align: center;min-height: 72px;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;display: -webkit-flex;display: flex;}
.research01warp .research01 .right .min .item font{font-size: 44px;color: #222222;font-weight: bold;width: 60px;height: 60px;border-radius: 50%;background-color: #ffffff;display: block;text-align: center;line-height: 60px;position: absolute;left: -30px;top: 50%;margin-top: -30px;}
.research01warp .research01 .right .min .item h5 p{font-size: 13px;color: #666666;line-height: 18px;text-align: center;margin-bottom: 0;}

.research02warp{width: 100%;box-sizing: border-box;padding-top: 70px;background-size: 100%;}
.research02warp .research02{width: 1200px;margin: auto;box-sizing: border-box;}
.research02warp .research02 .title{font-size: 20px;color: #ffffff;line-height: 30px;text-align: center;}
.research02warp .research02 .list{width: 100%;box-sizing: border-box;padding-bottom: 60px;}
.research02warp .research02 .list li{width: 30%;float: left;margin-right: 5%;}
.research02warp .research02 .list li:nth-of-type(3n){margin-right: 0;}
.research02warp .research02 .list li p{font-size: 32px;color: #ffffff;font-weight: bold;text-align: center;padding-bottom: 15px;border-bottom: 1px solid rgba(255,255,255,0.6);margin-bottom: 15px;position: relative;font-family: 'got';}
.research02warp .research02 .list li p:after{content: '';display: block;width: 45px;height: 3px;background-color: #fff;position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.research02warp .research02 .list li span{font-size: 20px;color: #ffffff;text-align: center;display: block;margin-bottom: 30px;}
.research02warp .research02 .list li h3{font-size: 15px;color: rgba(255,255,255,0.7);line-height: 28px;text-align: center;}
.research02warp .research02 .tabmin{width: 100%;box-sizing: border-box;background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);padding: 70px 100px;}
.research02warp .research02 .tabmin .text{text-align: center;}
.research02warp .research02 .tabmin .text h3{font-size: 22px;color: #00a6e3 ;font-weight: bold;margin-bottom: 20px;}
.research02warp .research02 .tabmin .text h4{font-size: 16px;color: #222222;margin-bottom: 40px;}
.research02warp .research02 .tabmin .tab{width: 100%;box-sizing: border-box;text-align: center;}
.research02warp .research02 .tabmin .tab .top{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;box-sizing: border-box;border: 1px solid #ddd;border-top: none;border-bottom: none;}
.research02warp .research02 .tabmin .tab .top .item{width: 50%;}
.research02warp .research02 .tabmin .tab .top .item li{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;height: 68px;-webkit-justify-content: center;justify-content: center;border-bottom: 1px dashed #dddddd;}
.research02warp .research02 .tabmin .tab .top .item li:first-child{background-color: #00a6e3;border-bottom: none;}
.research02warp .research02 .tabmin .tab .top .item h3{font-size: 16px;color: #ffffff;}
.research02warp .research02 .tabmin .tab .top .item p{display: block;font-size: 15px;color: #666666;text-align: center;line-height: 20px;}
.research02warp .research02 .tabmin .tab .top .item:first-child{border-right: 1px solid #ddd;}
.look{display: inline-block;text-align: center;margin: auto;font-size: 13px;color: #00a6e3;margin-top: 10px;}
.look i{font-size: 24px;color: #00a6e3;display: block;margin-top: 5px;}
.research02warp .research02 .tabmin .tab .opent .item li:first-child{background-color: #FFFFFF;border-bottom: 1px dashed #dddddd;}
.research02warp .research02 .tabmin .tab .non{display: none;}
.look02 i{transform: rotate(180deg);}

.research03warp{width: 100%;box-sizing: border-box;padding: 80px 0 0;}
.research03warp .research03{width: 1200px;margin: auto;box-sizing: border-box;}
.research03warp .research03 .text{width: 100%;box-sizing: border-box;text-align: center;}
.research03warp .research03 .text h3{font-size: 22px;color: #00a6e3 ;margin-bottom: 20px;font-weight:bold;}
.research03warp .research03 .text h4{font-size: 16px;color: #666666;margin-bottom: 40px;}
.research03warp .research03 .research03warp{width: 100%;box-sizing: border-box;text-align: center;padding: 0;}
.research03warp .research03 .research03warp .top{width: 100%;box-sizing: border-box;border: 1px solid #dddddd;margin-bottom: -1px;border-right: none;}
.research03warp .research03 .research03warp .top li{width: 25%;float: left;text-align: center;border-right: 1px solid #ddd;margin-right: 0;box-sizing: border-box;padding: 10px;border-bottom: 1px solid #dddddd;margin-bottom: -1px;}
.research03warp .research03 .research03warp .top li p{font-size: 14px;color: #222222;width: 100%;line-height: 80px;}
.research03warp .research03 .research03warp .top li:hover p{background-color: #00a6e3;color: #FFFFFF;}
.research03warp .research03 .research03warp .open{display: none;}


/*案例库*/
.industry01warp .industry01 .text .item{width: 125px;height: 125px;border: 1px solid rgba(255,255,255,0.5);border-right: none;position: relative;}
.industry01warp .industry01 .text .item span{font-size: 24px;color: #FFFFFF;box-sizing: border-box;padding-top: 15px;padding-left: 15px;display: block;position: relative;}
.industry01warp .industry01 .text .item span:before{content: '';display: block;width: 20px;height: 2px;position: absolute;left: 0;top: -1px;background-color: #FFFFFF;}
.industry01warp .industry01 .text .item span:after{content: '';display: block;width: 2px;height: 20px;position: absolute;left: -1px;top: 0;background-color: #FFFFFF;}
.industry01warp .industry01 .text .item h4{font-size: 16px;color: #ffffff;position: absolute;right: -40px;bottom: 20px;}
.industry01warp .industry01 .text .item h4 font{font-size: 13px;color: rgba(255,255,255,0.7);display: block;margin-top: 10px;}
.industry01warp .industry01 .text .item:after{content: '';display: block;width: 1px;height: 30px;right: 0;bottom: 0;background-color: rgba(255,255,255,0.5);position: absolute;}
.industry01warp .industry01 .text .item:before{content: '';display: block;width: 1px;height: 50px;right: 0;top: 0;background-color: rgba(255,255,255,0.5);position: absolute;}
.casebanner .industry01 .text{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
.casebanner .industry01 .text .item:first-child{margin-right: 100px;}

.case01warp{width: 100%;box-sizing: border-box;padding-left: calc(5% + 60px);margin-bottom: 60px;}
.case01warp .case01{width: 100%;box-sizing: border-box;}
.case01warp .case01 .toptext{padding-bottom: 60px;border-bottom: 1px solid #ddd;padding-left: 60px;}
.case01warp .case01 h3{font-size: 18px;line-height: 32px;color: #222222;width: 60%;}
.case01warp .case01 .contwarp{width: 100%;box-sizing: border-box;padding-left: 60px;position: relative;border-bottom: 1px solid #ddd;}
.case01warp .case01 .min{width: 100%;position: relative;}
.case01warp .case01 .min .navlist{width: 10%;box-sizing: border-box;padding-top: 40px;float: left;display: -webkit-flex;display: flex;-webkit-flex-flow: column;flex-flow: column;}
.case01warp .case01 .min .right{width: 90%;float: right;}     
.case01warp .case01 .min .navlist a span{display: inline-block;font-size: 15px;color: #888888;margin-bottom: 20px;position: relative;padding-bottom: 5px;position: relative;}
.case01warp .case01 .min .navlist a span:after{content: '';display: block;width: 0%;height: 1px;background-color: #00a6e3;position: absolute;bottom: 0;left: 0;transition: all .3s;}
.case01warp .case01 .min .navlist a:hover span:after{width: 100%;}
.case01warp .case01 .min .navlist .active span{color: #00a6e3;}
.case01warp .case01 .min .navlist .active span:after{width: 100%;}
.case01warp .case01 .min:before{content: '';display: block;width: 1px;height: 100%;box-sizing: border-box;top: 0;left: 10%;background-color: #ddd;position: absolute;}
.case01warp .case01 .min .right li{width: 100%;box-sizing: border-box;}
.case01warp .case01 .min .right li:last-child .top{border-bottom: none;}
.case01warp .case01 .min .right li .top{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;-webkit-justify-content: space-between;justify-content: space-between;padding: 60px 280px 60px 100px;border-bottom: 1px solid #ddd;cursor: pointer;}
.case01warp .case01 .min .right li .top .left{font-size: 18px;color: #00a6e3 ;font-weight: bold;}
.case01warp .case01 .min .right li .top .left span{font-size: 14px;color: #888888;font-weight: normal;display: block;}
.case01warp .case01 .min .right li .top .icon{display: block;width: 30px;height: 30px;font-size: 16px;color: #96b75a;border: 1px solid #96b75a;border-radius: 50%;text-align: center;line-height: 30px;transition: all .3s;}
.case01warp .case01 .min .right li .top02 .icon{transform: rotate(45deg);}
.case01warp .case01 .min .right li .info{background-color: #f0f0f0;box-sizing: border-box;padding: 50px 150px;display: none;}
.case01warp .case01 .min .right li .info h3{font-size: 15px;color: #666666;line-height: 26px;text-align: justify;width: 70%;}



/*企业文化*/
.culture02warp{width: 100%;box-sizing: border-box;overflow: hidden;background-position: center;background-size: 100%;}
.culture02warp .culture02{width: 100%;box-sizing: border-box;padding: 200px 0;position: relative;padding-left: calc((100% - 1200px)/2);}
.culture02 .text{box-sizing: border-box;padding: 35px 0 100px 30px;border-left: 1px solid #bdbebf;}
.culture02 .text h3{font-size: 40px;color: #222222;font-weight: bold;position: relative;}
.culture02 .text h3 span{font-size: 24px;color: #222222;display: block;line-height: 40px;}
.culture02 .text h3:before{content: '';display: block;width: 2px;height: 100%;position: absolute;left: -30px;top: 0;background-color: #222222;}
.culture02 .text strong{display: block;width: 15px;height: 1px;background-color: #00a6e3;margin-bottom: 30px;margin-top: 20px;}
.culture02 .text h4{font-size: 18px;color: #222222;line-height: 28px;}

.culture02warp .culture03{background-color: rgba(0,0,0,0.5);}
.culture02warp .culture03 .text{border-color: rgba(255,255,255,0.25);}
.culture02warp .culture03 .text h3{color: #FFFFFF;}
.culture02warp .culture03 .text h3 span{color: #FFFFFF;}
.culture02warp .culture03 .text h3:before{background-color: #fff;}
.culture02warp .culture03 .text strong{background-color: #FFFFFF;}
.culture02warp .culture03 .text h4{color: #FFFFFF;}

.culture02warp{width: 100%;height: 80%;position: relative;overflow: hidden;box-sizing: border-box;}
.culture02warp ul{width: 100%;height: 100%;position: relative;top: 0;left: 0;background-color: rgba(255,255,255,0.75);box-sizing: border-box;}
.culture02warp ul li{width: 33.33%;height: 100%;float: left;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;transition: all .3s;}
.culture02warp ul li:hover{background-color: rgba(0,0,0,0.1);}
.culture02warp ul li .text{width: 100%;box-sizing: border-box;padding-top: 40px;padding-bottom: 40px;border-right: 1px solid #cccccc;text-align: center;}
.culture02warp ul li .text h3{font-size: 34px;color: #00a6e3 ;font-weight: bold;margin-bottom: 10px;font-family:'got';}
.culture02warp ul li .text p{font-size: 20px;color: #222222;margin-bottom: 10px;font-weight:bold;}
.culture02warp ul li .text strong{display: block;width: 20px;height: 1px;background-color: #00a6e3;margin: auto;margin-bottom: 20px;}
.culture02warp ul li .text h4{font-size: 15px;color: #666666;line-height: 24px;margin-bottom: 100px;}
.culture02warp ul li .text img{display: block;width: auto;max-width: 30px;margin: auto;}

.culture04{width: 100%;overflow: hidden;box-sizing: border-box;position: relative;}
.culture04 img{display: block;width: 100%;}
.culture04 .text{top: 100px;position: absolute;left: calc((100% - 1200px)/2);}
.culture04 .text h3:before{background-color: #00a6e3 ;}

.culture05warp{width: 100%;height: auto;overflow: hidden;box-sizing: border-box;position: relative; margin:20px auto;}
.culture05warp .text{width: 70%;margin:10px auto 0;box-sizing: border-box;text-align:center;position: relative;z-index: 2;}
.culture05warp .text h3{font-size: 32px;color: #00a6e3 ;font-weight: bold;margin-bottom: 10px;font-family:'got';text-transform:uppercase;}
.culture05warp .text p{font-size: 20px;color: #222222;margin-bottom: 15px;font-weight:bold;}
.culture05warp .text span{display: block;width: 20px;height: 1px;background-color: #00a6e3;margin: auto;margin-bottom: 20px;}
.culture05warp .text h4{font-size: 16px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.culture05warp .text h5{font-size: 15px;color: #888888;line-height: 26px;margin-bottom: 40px;}
.culture05warp .text strong{display: block;width: 1px;height: 90px;background-color: #ddd;margin: auto;margin-bottom: -45px;}
.culture05warp .video{width: 100%;box-sizing: border-box;position: relative;}
.culture05warp .video img{display: block;width: 100%;}
.culture05warp .video .videoicon{width: 50px;height: 50px;border-radius: 50%;border: 2px solid #FFFFFF;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);cursor: pointer;z-index: 1;}
.culture05warp .video .videoicon i{display: block;width: 0;height: 0;border: 10px solid transparent;border-left: 14px solid #FFFFFF;position: absolute;top: 50%;left: calc(50% + 7px);transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.culture05warp .video:after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;}
.culture05warp .text .more{margin-bottom: 60px;margin-top: 40px;width: 178px;height: 42px;line-height: 42px;}



.culture06warp{width: 100%;box-sizing: border-box;padding: 60px 0;}
.culture06warp h3{font-size: 18px;color: #222222;margin-bottom: 20px;text-align: center;}
.culture06warp .min{width: 800px;box-sizing: border-box;padding-top: 20px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;align-items: center;-webkit-align-items: center;margin: auto;border-top: 1px solid #ddd;padding-top: 20px;}
.culture06warp .min a{font-size: 14px;color: #222222;margin-right: 80px;font-size:15px;}
.culture06warp .min a i{font-size: inherit;color: inherit;margin-left: 10px;}
.culture06warp .min a:hover{color: #00a6e3;}
.culture06warp .min a:last-child{margin-right: 0;}

.videomark{display: none;width: 100%;height: 100%;background-color: rgba(255,255,255,0.9);position: fixed;top: 0;left: 0;z-index: 10;}
.videomin{width: 100%;height: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.videomin .cont{width: 60%;}
.videomin .cont video{width: 100%;}
.videomin .fa-close{font-size: 40px;color: #ddd;position: absolute;right: 5%;top: 5%;cursor: pointer; background:url(../images/close1.png) no-repeat center; height:40px; width:40px;}


/*职工*/
.staffwarp{width: 100%;box-sizing: border-box;padding: 0;margin-bottom: 30px;margin-top: 30px;}
.staffwarp .staff{width: 1200px;margin: auto;box-sizing: border-box;position: relative;}
.staffwarp .staff .bd{width: 64%;float: left;}
.staffwarp .staff ul li img{display: block;width: 100%;}
.staffwarp .staff .txt_ul{width: 36%;float: right;padding-left: 60px;box-sizing: border-box;padding-top: 50px;}
.staffwarp .staff .txt_ul .t_cn{font-size: 26px;line-height: 36px;color: #00a6e3 ;font-weight: bold;}
.staffwarp .staff .txt_ul .t_en{font-size: 16px;margin-bottom: 30px;font-family:'got';color:#aaa;}
.staffwarp .staff .txt_ul hr{background-color: #ddd;display: block;width: 100%;}
.staffwarp .staff .txt_ul .li .p_box .h4{font-size: 18px;outline: #222222;font-weight: bold;margin: 30px 0;}
.staffwarp .staff .txt_ul .li .p_box p{font-size: 15px;color: #666666;line-height: 24px;text-align: justify;}
.staffwarp .staff .hd ul li{width: 8px;height: 8px;border-radius: 50%;background-color: #dddddd;float: left;margin-right: 10px;cursor: pointer;}
.staffwarp .staff .hd ul li:last-child{margin-right: 0;}
.staffwarp .staff .hd ul .on{background-color: #00a6e3;}
.staffwarp .staff .hd{position: absolute;width: 36%;right: 0;bottom: 45px;padding-left: 60px;box-sizing: border-box;}
.staffwarp-r{background-color: #eeeeee;padding: 30px 0;}
.staff02{background-color: #f1f1f1;}
.staffwarp .staff .prev,.staffwarp .staff .next{width: 50px;height: 50px;border-radius: 50%;background-color: rgba(255,255,255,0.8);position: absolute;top: 50%;transform: translateY(-50%);display: block;}
.staffwarp .staff .prev{left: 30px;}
.staffwarp .staff .next{right: calc(36% + 30px);}
.staffwarp .staff .prev:before{content: '';display: block;width: 10px;height: 10px;border-top: 1px solid #00a6e3 ;border-left: 1px solid #00a6e3 ;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(-45deg);-webkit-transform: translate(-50%,-50%) rotate(-45deg);}
.staffwarp .staff .next:before{content: '';display: block;width: 10px;height: 10px;border-top: 1px solid #00a6e3 ;border-left: 1px solid #00a6e3 ;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(135deg);-webkit-transform: translate(-50%,-50%) rotate(135deg);}

/*核心团队*/
.team01{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;}
.team01 img{display: block;width: 100%;}
.team01 .text{width: 100%;box-sizing: border-box;position: absolute;top: 30%;left: 0;text-align: center;}
.team01 .text h3{font-size: 30px;color: #FFFFFF;margin-bottom: 20px;}
.team01 .text p{font-size: 13px;color: #FFFFFF;margin-bottom: 20px;}
.team01 .text h4{font-size: 15px;color: #FFFFFF;line-height: 30px;}

.team02warp{width: 90%;margin: auto;box-sizing: border-box;background-color: #FFFFFF;margin-top: -80px;position: relative;z-index: 2;padding: 80px 0;}
.team02warp .team02{width: 1200px;margin: auto;border-bottom: 1px solid #ddd;display: flex;display: -webkit-flex;align-items: flex-end;-webkit-align-items: flex-end;-webkit-flex-wrap: wrap;flex-wrap: wrap;    justify-content: center;-webkit-justify-content: center;}
.team02warp .team02 a{display: block;width: 16.66%;float: left;margin-bottom: 40px;}
.team02warp .team02 a:nth-of-type(3){width: 33.33%;}
.team02warp .team02 a .imgbox{display: block;width: 130px;height: 130px;border-radius: 50%;border-radius: 50%;margin: auto;}
.team02warp .team02 a .imgbox img{display: block;width: 100%;}
.team02warp .team02 a .text{width: 100%;box-sizing: border-box;text-align: center;margin-top: 25px;}
.team02warp .team02 a .text h3{font-size: 18px;color: #313131;font-weight: bold;margin-bottom: 10px;}
.team02warp .team02 a .text p{font-size: 14px;color: #707070;}
.team02warp .team02 a:nth-of-type(3) .imgbox{width: 172px;height: 172px;}



/*team03*/
.team03{width: 100%;box-sizing: border-box;}
.team03 .text{text-align: center;margin-bottom: 60px;}
.team03 .text h3{font-size: 30px;color: #00a6e3 ; margin:30px auto;}
.team03 .text p{font-size: 13px;color: #aaaaaa;margin: 20px auto;}
.team03 .text h4{font-size: 15px;color: #666666;line-height: 30px;}
.team03 .min{width: 100%;box-sizing: border-box;}
.team03 .min .left{width: calc((100% - 1px)/2);float: left;margin-right: 1px;}
.team03 .min .left:last-child{margin-right: 0;}
.team03 .min .left .top{width: 100%;box-sizing: border-box;display: block;position: relative;margin-bottom: 1px;}
.team03 .min .left .top img{display: block;width: 100%;}
.team03 .min .left .bot{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;}
.team03 .min .left .bot .bot-l{width: calc((100% - 1px)/2);float: left;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;position: absolute;left: 0;top: 0;justify-content: space-between;}
.team03 .min .left .bot .bot-l a{display: block;width: 100%;position: relative;height: calc((100% - 1px)/2);margin-bottom: 1px;}
.team03 .min .left .bot .bot-l a:last-child{margin-bottom: 0;}
.team03 .min .left .bot .bot-l img{display: block;width: 100%;}
.team03 .min .left .bot .bot-l:last-child{margin-right: 0;}
.team03 .min .left .bot .bot-r{width: calc((100% - 1px)/2);float: right;position: relative;}
.team03 .min .left .bot .bot-r img{display: block;width: 100%;}

.m-text{position: absolute;text-align: center;z-index: 2;width: 100%;left: 0;z-index: 2;transition: all .3s;}
.m-text p{font-size: 12px;color: #ffffff;letter-spacing: 4px;}
.m-text strong{display: block;width: 50px;height: 1px;background-color: #FFFFFF;margin: 10px auto 20px;}
.m-text h3{font-size: 20px;color: #ffffff;}
.m-text h4{font-size: 12px;line-height: 20px;color: #FFFFFF;text-transform: uppercase;opacity:0.66;letter-spacing:4px;margin: 8px auto;width: 255px;min-height:40px;}
.team03 .min .left .bot .bot-l .m-text{bottom: 20px;}
.team03 .min .left .bot .bot-r .m-text{bottom: 20px;}
.team03 .min .left .top .m-text{width: 50%;left: 0;height: 100%;top: 0;display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;-webkit-justify-content: center;justify-content: center;}
.team03 .min a:before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(12,37,29,0.7);position: absolute;top: 0;left: 0;transition: all .3s;}
.team03 .min .right .bot .bot-l{left: initial;right: 0;}
.team03 .min .right .bot .bot-r{float: left;}
.team03 .min .right .top{margin-bottom: 0;margin-top: 1px;}
.team03 .min a:hover:before{opacity: 0;}
.team03 .min a:hover .m-text{opacity: 1;} 


/*team04warp*/
.team04warp{width: 100%;box-sizing: border-box;margin: 80px 0;}
.team04warp .m-title{text-align: center;font-size: 16px;color: #222222;margin-bottom: 40px;}
.team04warp .min{width: 100%;box-sizing: border-box;position: relative;padding-bottom: 50px;}
.team04warp .min .swiper-slide a{display: block;width: 100%;position: relative;overflow: hidden;}
.team04warp .min .swiper-slide a img{display: block;width: 100%;transition: all .6s;}
.team04warp .min .swiper-slide a:hover img{transform: scale(1.1);}
.team04warp .min .swiper-slide .text{width: 70%;display: inline-block;box-sizing: border-box;padding: 20px 0;background-color: #00a6e3 ;margin: auto;text-align: center;margin-top: -41px;position: relative;left: 15%;opacity: 0;transition: all .3s;}
.team04warp .min .swiper-slide .text h3{font-size: 20px;color: #ffffff;margin-bottom: 10px;}
.team04warp .min .swiper-slide .text p{font-size: 12px;color: rgba(255,255,255,0.6);}
.team04warp .min .swiper-slide:hover .text{opacity: 1;}
.team04warp .min .swiper-slide a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(255,255,255,0.3);transition: all .3s;z-index: 2;}
.team04warp .min .swiper-slide:hover a:before{opacity: 0;}
.team04warp .swiper-pagination .fg{display: inline-block;width: 1px;height: 14px;background-color: #aaaaaa;margin: 0 10px;vertical-align: bottom;}
.team04warp .swiper-pagination span{font-size: 16px;color: #222222;}
.team04warp .swiper-pagination span:before{content: '0';font-size: inherit;color: inherit;}
.team04warp .t-page{width: 140px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.team04warp .t-page .swiper-button-next{background-image: none;width: 8px;height: 8px;border-top: 1px solid #5b5b5b;border-left: 1px solid #5b5b5b;transform: rotate(135deg);position: absolute;right: 0;z-index: 12;outline: none;-webkit-transform: rotate(135deg);}
.team04warp .t-page .swiper-button-prev{background-image: none;width: 8px;height: 8px;border-top: 1px solid #5b5b5b;border-left: 1px solid #5b5b5b;transform: rotate(-45deg);position: absolute;left: 0;z-index: 12;outline: none;-webkit-transform: rotate(-45deg);}

.team04warp .min .swiper-slide-active a:before{opacity: 0;}
.team04warp .min .swiper-slide-active .text{opacity: 1;}
.team04warp .min .swiper-pagination{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;align-items: center;-webkit-align-items:center;}

/*招聘*/
.recruit01{width: 90%;margin: auto;padding: 20px 60px 20px 60px;box-sizing: border-box;overflow: hidden;}
.recruit01 .r-title{text-align: center;margin-bottom: 50px;}
.r-title h3{font-size: 30px;color: #00a6e3 ;font-weight: bold;margin-bottom: 20px;}
.r-title p{font-size: 13px;color: #aaaaaa;margin-bottom: 20px;text-transform: uppercase;}
.r-title h4{font-size: 15px;color: #222222;}
.recruit01 .min{width: 100%;box-sizing: border-box;padding: 2px;}
.recruit01 .min li{width: 23.5%;float: left;box-sizing: border-box;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);margin-right: 2%;padding: 40px;border-radius: 5px;text-align: center;min-height: 387px;position: relative;overflow: hidden;}
.recruit01 .min li:after{content: '';display: block;width: 100%;height: 100%;background-color: #00a6e3;opacity: 0;z-index: -1;transition: all .3s;position: absolute;top: 0;left: 0;}
.recruit01 .min li:hover:after{opacity: 1}
.recruit01 .min li:last-child{margin-right: 0;}
.recruit01 .min li img{display: block;width: auto;border-radius: 50%;max-width: 58px;margin: auto;margin-bottom: 20px;}
.recruit01 .min li h3{font-size: 18px;color: #222222;margin-bottom: 10px;}
.recruit01 .min li strong{display: block;width: 50px;height: 1px;background-color: #dddddd;margin: auto;margin-bottom: 20px;}
.recruit01 .min li h4{font-size: 14px;outline: #555555;text-align: justify;line-height: 30px;}
.recruit01 .min li:hover h4,.recruit01 .min li:hover h3{color: #FFFFFF;}

.recruit02warp{width: 100%;height: auto;overflow: hidden;box-sizing: border-box;background-size: cover;padding: 90px 0;}
.recruit02warp .recruit02{width: 1200px;margin: auto;box-sizing: border-box;margin: auto;position: relative;}
.recruit02warp .recruit02 .left{width: 50%;float: left;box-sizing: border-box;}
.recruit02warp .recruit02 .left img{display: block;width: auto;min-width: 100%;}
.recruit02warp .recruit02 .right{width: 50%;height: 100%;position: absolute;right: 0;top: 0;display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;-webkit-justify-content: center;justify-content: center;padding-left:60px;box-sizing: border-box;}
.recruit02warp .recruit02 .right .more{width: 170px;height: 38px;line-height: 38px;background-color: #fff;border: 1px solid #a8a8a8;color: #222222;font-size: 14px;margin: 0;margin-top: 30px;}
.recruit02warp .recruit02 .right .more:hover{background-color: #00a6e3 ;border-color: #00a6e3 ;color: #FFFFFF;}
.recruit02warp .recruit02:before{content: '';display: block;width: 1px;height: 80%;background-color: #ddd;position: absolute;top: 10%;left: 50%;}

.recruit03{width: 1000px;margin: 90px auto;box-sizing: border-box;overflow: hidden;}
.recruit03 .r-title{text-align: center;}
.recruit03 .r-title strong{display: block;width: 100%;height: 1px;background-color: #ddd;margin-bottom: 40px;}
.recruit03 .min{width: 100%;box-sizing: border-box;}
.recruit03 .min h3{font-size: 20px;color: #222222;font-weight: bold;text-align: center;margin-bottom: 20px;}
.recruit03 .min span{font-size: 14px;color: #555555;display: inline-block;text-align: left;}
.recruit03 .min h4{font-size: 14px;outline: #555555;line-height: 30px;margin: 40px 0;}
.recruit03 .min font{display: block;text-align: right;font-size: 14px;color: #555;}

.recruit04{width: 100%;box-sizing: border-box;padding: 50px 0;background-size: cover}
.recruit04 .text{width: 100%;text-align: center;}
.recruit04 .text img{display: block;width: auto;margin: auto;}
.recruit04 .text h3{font-size: 14px;color: #ffffff;line-height: 24px;margin-top: 20px;}


/*视频*/
.videowarp{width: 100%;box-sizing: border-box;overflow: hidden;padding-bottom: 60px;border-bottom: 1px solid #ddd;}
.videowarp .video{width: 1200px;margin:auto;}
.videowarp .video a{display: block;width: 31.333%;float: left;margin-right: 3%;position: relative;margin-bottom:80px;}
.videowarp .video a:nth-of-type(3n){margin-right: 0;}
.videowarp .video a .imgbox{overflow: hidden;width: 100%;}
.videowarp .video a img{display: block;width: 100%;transition: all .6s;}
.videowarp .video strong{display: block;width: 100%;height: 2px;background-color: #ddd;margin: 60px 0;float: left;}
.videowarp .video a .text{display: block;width: 100%;font-size: 15px;color: #222222;background-color: #FFFFFF;height: 60px;line-height: 60px;text-align: center;position: relative;z-index: 2;transition: all .3s;}
.videowarp .video a:hover img{transform: scale(1.1);}
.videowarp .video a:hover .text{background-color: #00a6e3;color: #fff;}




/* 视频详情 */
.videoinfo{width: 900px;margin: 70px auto;box-sizing: border-box;}
.videoinfo .item{width: 100%;margin-bottom: 50px;}
.videoinfo .item video{display: block;width: 100%;}
.videoinfo .item .text{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ddd;padding-top: 30px;}
.videoinfo .item .text h3{font-size: 20px;color: #222222;margin-bottom: 10px;font-weight: bold;}
.videoinfo .item .text h4{font-size: 15px;line-height: 30px;}
.videoinfo .goback{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
.videoinfo .goback a{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 16px;color: #00a6e3;}
.videoinfo .goback a i{font-size: inherit;color: inherit;margin-right: 10px;}


/*案例*/
.bannerx {
  width: 100%;
  height: 350px;;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.bannerx.bannerPc {
  display: block;
}
.bannerx.bannerMobile {
  display: none;
}
.bannerx .bannerImg {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  letter-spacing: 3px;
  background-color: rgba(5, 20, 39, 0.5);
}
.bannerx .bannerImg .titlex {
  position: relative;
  font-size: 30px;
  font-weight: 600;
  margin-top: -0.5rem;
  color: #fff;
  padding:20px;
}
@media only screen and (max-width: 1440px) {
  .bannerx .bannerImg .titlex {
    font-size: 32px;
  }
}
@media only screen and (max-width: 1024px) {
  .bannerx .bannerImg .titlex {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .bannerx .bannerImg .titlex {
    font-size: 24px;
  }
}
.bannerx .bannerImg .titlex::after {
  content: " ";
  position: absolute;
  width: 30%;
  height: 2px;
  left: 35%;
  bottom: -0.1rem;
  background-color: #fff;
}
.bannerx .bannerImg .text {
  font-size: 16px;
  margin-top: 0.5rem;
  color: #fff;
  padding:20px;
}
@media only screen and (max-width: 1366px) {
  .bannerx .bannerImg .text {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .bannerx .bannerImg .text {
    font-size: 14px;
  }
}
.contentx {
  background-color: #e9e9e9;
  padding-bottom: 0.2rem;
  background-size: cover;
  background-position: center;
}
.contentx .innerWrap {
  width: 1200px;
  margin: 0 auto;
  z-index: 1;
  transform: translateY(-60px);
}
.contentx .innerWrap .box {
  display: block;
  margin-bottom:10px;
}

.contentx .innerWrap .box .list {
  width: 100%;
  height: 300px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.contentx .innerWrap .box .list:hover {
  box-shadow: 0px 10px 20px #999;
}
.contentx .innerWrap .box .list:hover .left-img .img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.contentx .innerWrap .box .list:hover .right-word .text .title {
  color: #000;
}
.contentx .innerWrap .box .list:hover .right-word .more {
  color: #e60111;
}
.contentx .innerWrap .box .list:hover .right-word .more .iconfont {
  font-weight: bold;
}
.contentx .innerWrap .box .list .left-img {
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.contentx .innerWrap .box .list .left-img .img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.contentx .innerWrap .box .list .right-word {
  width: 50%;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.contentx .innerWrap .box .list .right-word .icon {
  flex: none;
}
.contentx .innerWrap .box .list .right-word .icon i {
  font-size: 0.8rem;
  color: #999;
}
.contentx .innerWrap .box .list .right-word .icon img {
  height: 0.6rem;
}
.contentx .innerWrap .box .list .right-word .text {
  flex: none;
  margin:20px auto;
}
.contentx .innerWrap .box .list .right-word .text .title {
  color: #222;
  font-size: 30px;
  font-weight: bold;
  position: relative;
  padding:20px 30px 20px 30px;
}

@media only screen and (max-width: 767px) {
  .contentx .innerWrap .box .list .right-word .text .title {
    font-size: 18px;
  }
  .contentx .innerWrap .box .list {display:block; height:auto !important;}
  .contentx .innerWrap .box .list .left-img{width:100%; height:200px; max-height:200px;}
  .contentx .innerWrap .box .list .right-word{width:100%;}
  
}
.contentx .innerWrap .box .list .right-word .text .title::after {
  content: " ";
  width: 0;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -1px;
  background-color: #e60111;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.contentx .innerWrap .box .list .right-word .text .describe {
  color: #999;
  font-size: 16px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  padding:20px 30px 20px 30px;
  border-bottom:1px dotted #b3b3b3;
  
}
@media only screen and (max-width: 1366px) {
  .contentx .innerWrap .box .list .right-word .text .describe {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .contentx .innerWrap .box .list .right-word .text .describe {
    font-size: 14px;
  }
}
.contentx .innerWrap .box .list .right-word .line {
  border-bottom: 0px dotted #b3b3b3;
  padding:0 30px 0 30px;
}
.contentx .innerWrap .box .list .right-word .morex {
  color: #333;
  font-size: 14px;
  padding:20px 30px 20px 30px;
}
@media only screen and (max-width: 767px) {
  .contentx .innerWrap .box .list .right-word .morex {
    font-size: 12px;
  }
}
.contentx .innerWrap .box .list .right-word .morex .iconfont {
  margin-left: 4px;
}
@media screen and (max-width: 1440px) {
  .contentx .innerWrap {
    width: 1110px;
  }
  .banner .innerWrap {
    width: 1110px;
  }
}
@media screen and (max-width: 1280px) {
  .contentx .innerWrap {
    width: 90%;
  }
  .banner .innerWrap {
    width: 90%;
  }
  .bannerx{height:100%; min-height:200px; margin:20px auto;}
  .bannerx .bannerImg{min-height:200px;}
}
@media screen and (max-width: 768px) {
  .banner.bannerPc {
    display: none;
  }
  .banner.bannerMobile {
    display: block;
  }
  .banner .innerWrap {
    top: auto;
    bottom: 10px;
    flex-direction: column;
    align-items: center;
  }
  .banner .innerWrap .left .left-nav li {
    width: 20%;
  }
  .banner .innerWrap .right {
    margin-top: 10px;
  }
  .contentx .innerWrap .box .list .right-word {
    padding: 0.3rem 0.2rem;
  }
  .contentx .innerWrap .main-box {
    flex-direction: column;
  }
  .contentx .innerWrap .main-box .left {
    width: 100%;
    margin: 0 0 20px;
  }
  .contentx .innerWrap .main-box .left .text-box {
    text-align: center;
    padding: 0 30px;
  }
  .contentx .innerWrap .main-box .left .text-box .text {
    width: auto;
  }
  .contentx .innerWrap .main-box .right {
    width: 100%;
  }
  .contentx .innerWrap .mian-list .list {
    width: 100%;
  }
}

/*案例详情*/
.xqcontent{
  padding-bottom: 0.2rem;
  background-size: cover;
  background-position: center;
  margin:80px auto;
}
.xqcontent .innerWrap{
  width: 1200px;
  margin: 0 auto;
  z-index: 1;
  transform: translateY(-60px);
}
.xqcontent .innerWrap .xqlist {
  width: 100%;
  display: flex;
  justify-content: space-between;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.xqcontent .innerWrap .xqlist:hover .left-img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.xqcontent .innerWrap .xqlist .left-img {
  width: 70%;
  height: 100%;
  overflow: hidden;
}
.xqcontent .innerWrap .xqlist .left-img img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.xqcontent .innerWrap .xqlist .right-word {
  width: 30%;
  height:510px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  background:#00a6e3;
}
.xqcontent .innerWrap .xqlist .right-word .describe {
  color: #fff;
  font-size:16px;
}
.xqcontent .innerWrap .xqlist .right-word .describe:not(:first-child) {
  margin-top: 10px;
  margin-bottom:20px;
}

.xqcontent .innerWrap .xqlist .right-word  .data {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.xqcontent .innerWrap .xqlist .right-word  .data li {
  min-width: 100%;
  font-size: 16px;
  color: #222222;
  margin-bottom: 10px;
}
.xqcontent .innerWrap .xqlist .right-word  .data li p {
  font-size:16px;
  color: #fff;
}
.xqcontent .innerWrap .xqlist .right-word  .data li span {
  color: #fff;
}

.showqita{ margin:0 auto; width:100%; clear:both;}
.showqita .infor{text-align:center;}
.showqita .infor .tit{font-size:36px; font-weight:bold; color:#666; line-height:55px;}
.showqita .infor .con{font-size:16px; line-height:40px; color:#737373;}
.showqita .hd{margin:30px auto; clear:both; float:left; width:100%}
.showqita .fix:before, .showqita .fix:after { display: table; clear: both; content: '';}
.showqita .hd li .icon{width:50px; height:50px; background:url(../images/icoanli.png) no-repeat; margin:33px auto 10px}
.showqita .hdx li .icon{width:50px; height:50px; background:url(../images/icopro.png) no-repeat; margin:33px auto 10px}
.showqita .hd li .icon01{background-position:0 0;}
.showqita .hd li .icon02{background-position:-50px 0;}
.showqita .hd li .icon03{background-position:-100px 0;}
.showqita .hd li .icon04{background-position:-150px 0;}
.showqita .hd li .txt{font-size:18px; color:#666; text-align:center;}
.showqita .hd li.tabs_act {background:#00a1e9;}
.showqita .hd li.tabs_act .icon01{background-position:0 -50px;}
.showqita .hd li.tabs_act .icon02{background-position:-50px -50px;}
.showqita .hd li.tabs_act .icon03{background-position:-100px -50px;}
.showqita .hd li.tabs_act .icon04{background-position:-150px -50px;}
.showqita .hd li.tabs_act .txt{color:#fff;}

.showqita .tabs{display:block;}
.showqita .tabs_act{background:#00a1e9;}
.showqita .Sliding_tab{ width:1200px; margin-right:auto; margin-left:auto;} 
.showqita .Sliding_tab li{width:25%; float:left; padding-bottom:20px; cursor:pointer; transition:all 0.5s ease;}
.showqita .Sliding_tab li.table_li{border-bottom:1px solid #ccc;border-top:0px;width:305px;height:26px;line-height:26px;}
.showqita .tablist { clear:both; width:100%;overflow:hidden; margin:0 auto;}

/*product*/
.list{width:1200px; margin:0 auto;}
 .list ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0.7rem 0 0.3rem;
}
.list ul li {
  box-sizing: border-box;
  width: 24%;
  margin-right: 12px;
  border: 1px solid #e0e0e0;
  padding: 25px 20px;
  cursor: pointer;
  transition: all 0.5s;
  margin-bottom: 20px;
}
.list ul li.active {
  border-color: #00a6e3;
}
.list ul li:hover h3,
.list ul li:hover h2 {
  color: #00a6e3;
  font-size:20px;
  
}
.list ul li:hover .imgBox div {
  transform: scale(1.07);
}
.list ul li:hover{box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.2);-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}

.list ul li h2 {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size:20px;
}
.list ul li h3 {
  margin-bottom: 0.1rem;
  font-weight: bold;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.5;
  font-size:20px;
}
.list ul li .pro_title {
  height: 90px;
  overflow: hidden;
}
.list ul li .imgBox {
  width: 100%;
  height: 2rem;
  margin-bottom: 0.1rem;
}
.list ul li .imgBox div {
  width: 100%;
  height: 100%;
  background-size: auto 100%;
  background-position: center;
  transition: all 0.8s;
  background-color: #fff;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
}
.list ul li .info {
  height: 96px;
  overflow: hidden;
}
.list ul li .info p {
  display: flex;
  align-items: center;
}
.list ul li .info .label {
  flex: 1.8;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.5;
  line-height: 2;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
   .list ul li .info .label {
    font-size: 12px;
  }
  .list{width:95%;}
}
 .list ul li .info .symbol {
  width: 10px;
}
 .list ul li .info .value {
  flex: 3;
  font-size: 16px;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.5;
  line-height: 2;
}
@media only screen and (max-width: 1366px) {
   .list ul li .info .value {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
   .list ul li .info .value {
    font-size: 14px;
  }
}
 .list ul li p {
  color: #606060;
  line-height: 2;
}
 .list ul li .btnContainer {
  display: flex;
  margin-top: 10px;
  justify-content: flex-start;
}
 .list ul li .btnContainer a {
  display: block;
}
 .list ul li .btnContainer .button {
  padding: 10px 17px;
  color: #868686;
  transition: all 0.3s ease-out;
  text-align: center;
}
 .list ul li .btnContainer .button.black {
  border: 1px solid #606060;
  color: #303030;
}
 .list ul li .btnContainer .button.red {
  border: 1px solid #00a6e3;
  color: #00a6e3;
}
 .list ul li .btnContainer .button:hover {
  background: #00a6e3;
  border-color: #606060;
  color: #fff;
}
 .list ul li .btnContainer a .button {
  margin-right: 20px;
}
 .list ul li .btnContainer a:last-child .button {
  margin-right: 0;
}
 .main-btn {
  text-align: center;
}
 .main-btn .button.more {
  display: inline-block;
  border: 1px solid #00a6e3;
  text-align: center;
  color: #00a6e3;
  margin: 0.3rem auto 0;
  padding: 10px 0.5rem;
  cursor: pointer;
  transition: all 0.3s ease-out;
  font-size: 16px;
}
@media only screen and (max-width: 1366px) {
   .main-btn .button.more {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
   .main-btn .button.more {
    font-size: 14px;
  }
}
 .main-btn .button.more:hover {
  background: #00a6e3;
  color: #fff;
}
.content2 {
  padding: 50px 0 50px;
  background-size: cover;
  background-position: center;
  position: relative;
}
.content2::before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.15);
  z-index: 1;
}
.content2 .innerWrap {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  margin:10px auto;
   width:1200px;
}
.content2 .innerWrap .left {
  width: 32.8%;
  color: #fff;
}
.content2 .innerWrap .left .title {
  position: relative;
  display: flex;
  justify-content: left;
  text-align: center;
  font-size: 38px;
  padding-bottom: 15px;
  color:#FFF;
}
@media only screen and (max-width: 1440px) {
  .content2 .innerWrap .left .title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 1024px) {
  .content2 .innerWrap .left .title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .content2 .innerWrap .left .title {
    font-size: 24px;
  }
}
.content2 .innerWrap .left .title::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 2px;
  background:#FF0;
  bottom: 0;
  left: 0;
}
.content2 .innerWrap .left .ctx {
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #9b9c9d;
}
.content2 .innerWrap .left .ctx .p1 {
  font-size: 24px;
  height: 50px;
  margin-bottom: 10px;
  color:#FFF;
}
@media only screen and (max-width: 1440px) {
  .content2 .innerWrap .left .ctx .p1 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1200px) {
  .content2 .innerWrap .left .ctx .p1 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1024px) {
  .content2 .innerWrap .left .ctx .p1 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .content2 .innerWrap .left .ctx .p1 {
    font-size: 16px;
  }
}
.content2 .innerWrap .left .ctx .p2,
.content2 .innerWrap .left .ctx .p3 {
  font-size: 18px;
  color:#FFF;
  line-height:30px;
}
@media only screen and (max-width: 1024px) {
  .content2 .innerWrap .left .ctx .p2,
  .content2 .innerWrap .left .ctx .p3 {
    font-size: 16px;
  }
}
.content2 .innerWrap .left .button {
  display: inline-block;
  margin-top: 0.7rem;
  padding: 10px 0.45rem;
  text-align: center;
  color: #232323;
  cursor: pointer;
  background: #fff;
  font-size: 16px;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 1366px) {
  .content2 .innerWrap .left .button {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .content2 .innerWrap .left .button {
    font-size: 14px;
  }
}
.content2 .innerWrap .left .button:hover {
  background: #00a6e3;
  color: #fff;
}
.content2 .innerWrap .right {
  width: 55.0%;
}
.content2 .innerWrap .right .list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.content2 .innerWrap .right .list li {
  width: 49.6%;
  margin-right: 0.8%;
  margin-bottom: 10px;
  cursor: pointer;
}
.content2 .innerWrap .right .list li:hover .imgBox div {
  transform: scale(1.05);
}
.content2 .innerWrap .right .list li:nth-child(2n) {
  margin-right: 0;
}
.content2 .innerWrap .right .list li .imgBox {
  width: 100%;
  height: 150px;
  overflow: hidden;
}
.content2 .innerWrap .right .list li .imgBox div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: all 0.5s;
}
.content2 .innerWrap .right .swiperButtonContainer {
  display: flex;
  position: relative;
  margin-top: 0.24rem;
  width: 0.88rem;
  height: 0.44rem;
}
.content2 .innerWrap .right .swiperButtonContainer .swiperBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background: #fff;
  cursor: pointer;
}
.content2 .innerWrap .right .swiperButtonContainer .swiperBtn.active {
  background: #00a6e3;
}
.content2 .innerWrap .right .swiperButtonContainer .swiperBtn.active i {
  color: #fff;
}
.content2 .innerWrap .right .swiperButtonContainer .swiperBtn i {
  font-size: 20px;
  color: #3e3e3e;
}
@media only screen and (max-width: 1200px) {
  .content2 .innerWrap .right .swiperButtonContainer .swiperBtn i {
    font-size: 16px;
  }
  .content2 .innerWrap .right .list li{width:100%;}
}
.content3 {
  padding:20px;
  background-size: cover;
  background-position: center;
}
.content3 .innerWrap{width:1200px; margin:0 auto;}
.content3 .list ul {
  display: flex;
}
.content3 .list ul li {
  box-sizing: border-box;
  position: relative;
  width: 31.6%;
  margin-right: 20px;
  padding: 10px;
  color: #333;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.content3 .list ul li.pc {
  display: block;
}
.content3 .list ul li.mobile {
  display: none;
  padding: 0;
}
.content3 .list ul li.mobile .ctx {
  padding: 0.35rem 0.5rem;
  background: #fff;
  height: 200px;
  transition: all 0.5s;
}
.content3 .list ul li.mobile .ctx h2 {
  margin-bottom: 0.2rem;
}
.content3 .list ul li.mobile .ctx p {
  font-size: 14px;
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .content3 .list ul li.mobile .ctx p {
    font-size: 12px;
  }
}
.content3 .list ul li.mobile:hover .ctx {
  background: #00a6e3;
  color: #fff;
}

.content3 .list ul li a {
  width: 100%;
}
.content3 .list ul li .imgBox {
  height: 240px;
  overflow: hidden;
  width: 100%;
}
.content3 .list ul li .imgBox div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: all 0.5s;
}
.content3 .list ul li .ctx {
  position: relative;
  z-index: 1;
}
.content3 .list ul li .ctx h1 {
  font-size: 34px;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.5;
  margin-bottom: 0.2rem;
}
.content .innerWrap .title {
  margin-bottom: 20px;
}
.content .innerWrap .title h2 {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 38px;
  padding: 10px;
}
@media only screen and (max-width: 1440px) {
  .content .innerWrap .title h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 1024px) {
  .content .innerWrap .title h2 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .content .innerWrap .title h2 {
    font-size: 24px;
  }
}
.content .innerWrap .title h2::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 2px;
  background: #FF0;
  bottom: 0;
  left: 50%;
  margin-left: -0.2rem;
}
@media only screen and (max-width: 1440px) {
  .content3 .list ul li .ctx h1 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .content3 .list ul li .ctx h1 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .content3 .list ul li .ctx h1 {
    font-size: 22px;
  }
}
.content3 .list ul li .ctx h2 {
  font-size: 24px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.25;
  height: 60px;
}
@media only screen and (max-width: 1440px) {
  .content3 .list ul li .ctx h2 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1200px) {
  .content3 .list ul li .ctx h2 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1024px) {
  .content3 .list ul li .ctx h2 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .content3 .list ul li .ctx h2 {
    font-size: 16px;
  }
}
.content3 .list ul li .ctx p {
  font-size: 14px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.714;
  height: 48px;
  color: #888;
}
@media only screen and (max-width: 767px) {
  .content3 .list ul li .ctx p {
    font-size: 12px;
  }
}


.content3 .main-btn {
  text-align: center;
}
.content3 .main-btn .button {
  display: inline-block;
  padding: 10px 10px;
  margin: 0 auto;
  margin-top: 10px;
  text-align: center;
  color: #00a6e3;
  cursor: pointer;
  border: 1px solid #00a6e3;
  transition: all 0.3s ease-out;
  font-size: 16px;
}
@media only screen and (max-width: 1366px) {
  .content3 .main-btn .button {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .content3 .main-btn .button {
    font-size: 14px;
  }
}
.content3 .main-btn .button:hover {
  background: #00a6e3;
  color: #fff;
}
.content4 {
  padding: 1rem 0;
  background-size: cover;
  background-position: center;
}
.content4 .innerWrap{width:1200px; margin:0 auto;}
.content4 .title {
  color: #fff;
}
.content4 h2{ color:#fff;}
.content4 .list {
  display: flex;
  justify-content: space-between;
}
.content4 .list .item {
  position: relative;
}
.content4 .list .item::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 75px;
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  left: 0;
  z-index: 0;
}
.content4 .list .item .bg {
  overflow: hidden;
}
.content4 .list .item .bg > div {
  transition: all 0.5s;
}
.content4 .list .item .ctx {
  width: 100%;
}
.content4 .list .item .ctx p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.content4 .list .item:hover .bg > div {
  transform: scale(1.05);
}
.content4 .list .left {
  width: 100%;
}
.content4 .list .left > div {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 280px;
  width:27.5%;
  color: #fff;
  padding: 20px;
  padding-bottom: 0;
  margin-bottom:20px;
  margin-right:2.5%;
  cursor: pointer;
  float:left;
}

.content4 .list .left > div a {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  color: #fff;
  z-index: 99;
}
.content4 .list .left > div .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.content4 .list .left > div .bg > div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.content4 .list .left > div .ctx {
  position: relative;
  z-index: 1;
  font-size: 20px;
}
@media only screen and (max-width: 1200px) {
  .content4 .list .left > div{width:100%; padding:0;}
  .content4 .list .left > div .ctx {
    font-size: 16px;
  }
  .content4 .list .left > div .ctx p {
    font-size: 16px;
  }
  .content4 .list .left > div{width:100%;}
  .content4 .main-btn .button {
    font-size: 14px;
  }
  .content5 .ctx .left .p1 {
    font-size: 18px;
  }
  .content5 .ctx .left .num {
    font-size: 24px;
  }
  .content5 .ctx .left .p2,
  .content5 .ctx .left .p3 {
    font-size: 16px;
  }
}


.content4 .list .left > div .ctx p {
  font-size: 20px;
  height: 75px;
  line-height:75px;
  color:#fff;
}

.content4 .main-btn {
  text-align: center;
}
.content4 .main-btn .button {
  display: inline-block;
  padding: 10px 0.4rem;
  margin: 0 auto;
  margin-top: 0.7rem;
  text-align: center;
  color: #232323;
  cursor: pointer;
  background: #fff;
  font-size: 16px;
  transition: all 0.3s ease-out;
}

.content4 .main-btn .button:hover {
  background: #00a6e3;
  color: #fff;
}
.content5 {
  padding: 1rem 0 1.2rem;
}
.content5 .innerWrap{width:1200px; margin:0 auto;}
.content5 .innerWrap .title {
  color: #333;
  margin-bottom: 10px;
}
.content5 .ctx {
  padding: 1px 0;
  display: flex;
  justify-content: space-between;
  width:1200px;
  margin:0 auto;
}
.content5 .ctx .left {
  box-sizing: border-box;
  width: 75%;
  background: #fff;
  padding: 20px 60px 20px 60px;
  border:1px solid #dadada;
}
.content5 .ctx .left .p1 {
  font-size: 26px;
  color: #282828;
  margin-bottom: 10px;
}

.content5 .ctx .left .num {
  color: #00a6e3;
  font-size: 42px;
}

.content5 .ctx .left .p2{
  font-size: 18px;
  color: #414141;
  line-height:25px;
}

.content5 .ctx .right {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 25%;
  padding: 20px;
  background:#00a6e3;
}
.content5 .ctx .right .item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.content5 .ctx .right .item: {
  margin-bottom: 0;
}
.content5 .ctx .right .item img {
  width: 40px;
  margin-right: 10px;
}
.content5 .ctx .right .item .p1 {
  font-size: 26px;
  color:#fff;
}
@media only screen and (max-width: 1440px) {
  .content5 .ctx .right .item .p1 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1024px) {
  .content5 .ctx .right .item .p1 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .content5 .ctx .right .item .p1 {
    font-size: 18px;
  }
}
.content5 .ctx .right .item .p2 {
  font-size: 22px;
  color:#fff;
}
.content5 .ctx .right .item .p2 a{
  color:#fff;
}
@media only screen and (max-width: 1440px) {
  .content5 .ctx .right .item .p2 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .content5 .ctx .right .item .p2 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1440px) {
  .content .innerWrap {
    width: 1110px;
  }
  .banner .innerWrap {
    width: 1110px;
  }
  .content3 .list ul li .ctx h2 {
    height: 50px;
  }
}

@media screen and (max-width: 1280px) {
  .content .innerWrap {
    width: 100%;
  }
   .list ul li p span {
    width: 1rem;
  }
}
@media screen and (max-width: 1080px) {
   .list ul li {
    width: 49%;
    margin-right: 2%;
  }
   .list ul li:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
   .list ul {
    padding-top: 0;
  }
   .list ul li .btnContainer {
    justify-content: space-around;
	display:block;
  }
   .list ul li .imgBox {
    height: 4rem;
  }
   .list ul li p span {
    width: 1.2rem;
  }
   .list ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
   .list ul li .btnContainer a .button {
    padding: 10px 20px;
    font-size: 15px;
	margin-right:0;
  }
   .list ul li .btnContainer a .button.black {
    background: #333;
    color: #fff;
    border-color: #333;
	width:30%;
	float:left;
  }
   .list ul li .btnContainer a .button.red {
    color: #fff;
	background:#00a6e3;
	float:right;
	width:30%;
  }
   .main-btn .button.more {
    width: 100%;
  }
  .content3 .main-btn .button {
    width: 95%;
  }
  .content2 .innerWrap {
    flex-direction: column;
  }
  .content2 .innerWrap .left,
  .content2 .innerWrap .right {
    width: 95%;
	margin:0 auto;
  }
  .content2 .innerWrap .left {
    margin-bottom: 1rem;
  }
  .content3 .list ul {
    flex-direction: column;
  }
  .content3 .list ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .content3 .list ul li.pc {
    display: none;
  }
  .content3 .list ul li.mobile {
    display: block;
  }
  .content3 .list ul li .ctx p {
    height: 42px;
  }
  .content4 .list {
    flex-direction: column;
  }
  .content4 .list .left,
  .content4 .list .right {
    width: 100%;
    margin-bottom: 0.16rem;
  }
  .content5 .ctx {
    flex-direction: column;
	width:95%;
  }
  .content5 .ctx .left,
  .content5 .ctx .right {
    width: 100%;
    margin-bottom: 20px;
  }
  .content5 .ctx .left{padding:20px;}
  .content5 .ctx .right {
    padding: 0.6rem 0.7rem;
  }
  
}

/*备品备件*/
.content6 .innerWrap {
    width: 1200px;
    margin: 0 auto;
}
.tempWrapx{overflow:hidden; position:relative; width:850px !important;}
.tempWrapx ul{width: 1656px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -850px;}
.tempWrapx ul li{float: left; width: 125px;}
.ml_t1{float:right; width:950px}
.mr_t1name{
	margin:20px auto;
	background: #00a6e3;
    width: 120px;
    padding:0 20px;
    float: left;
    line-height: 80px;
    font-size: 20px;
	color:#fff;
}
.mr_t1name img{float:left;margin-top:25px;margin-right:5px;display:inline;}
.mr_frbox{height:140px;border:1px solid #DEDEDE;padding:24px 22px 0px; margin-bottom:20px}
.mr_frBtnL{float:left;margin:28px 22px 0px 0px;cursor:pointer;display:inline;}
.mr_frUl{float:left;height:130px;width:850px;}
.mr_frBtnR{float:right;margin-top:28px;cursor:pointer;}
.mr_frUl ul li{display:inline;float:left;height:115px;width:125px;margin-right:13px;overflow:hidden;}
.mr_frUl ul li img{display:block;margin-bottom:7px;border:1px solid #D8D8D8; height:114px}
.mr_frUl ul li a:hover img{border:1px solid #A0C0EB;}


/*产品详情*/
.right-word .ctx {
  width: 80%;
  padding: 20px;
}
.right-word .ctx h1,
.right-word .ctx h2 {
  font-size: 26px;
  color: #fff;
}
.right-word .ctx h1 {
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.5;
  line-height: 1.25;
}
.right-word .ctx h2 {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.25;
}
.right-word .ctx .title {
  padding-bottom: 20px;
  border-bottom: 2px solid #FF0;
  margin-bottom: 20px;
}
.right-word .ctx .data {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.right-word .ctx .data li {
  min-width: 100%;
  font-size: 16px;
  color: #222222;
  margin-bottom: 10px;
}
.right-word .ctx .data li p {
  font-size:16px;
  color: #fff;
}
.right-word .ctx .data li span {
  color: #fff;
}
.right-word .ctx .fitCate {
  padding-bottom: 20px;
  border-bottom: 1px dashed #ababab;
  margin-bottom: 20px;
}
.right-word .ctx .fitCate h2 {
  font-size: 16px;
  color:#fff;
}
.right-word .ctx .fitCate span{color:#fff; line-height:20px;}

.right-word .ctx .btnContainer {
  display: flex;
}
.right-word .ctx .btnContainer a {
  display: block;
}
.right-word .ctx .btnContainer .button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  color: #fff;
  cursor: pointer;
}
.right-word .ctx .btnContainer .button img {
  margin-right: 0.1rem;
}
.right-word .ctx .btnContainer .button.red {
  background: #FF0;
  margin-right: 4px;
}
.right-word .ctx .btnContainer .button.red p{color:#000;}

.right-word .ctx .btnContainer .button.black {
  background: #2b2b2b;
}
.right-word .ctx .btnContainer .button.black p{color:#fff;}



/*工艺流程*/
.introduction3 .block{width:1200px;margin:20px auto;position:relative;}
.introduction3 .title{text-align:center;padding-top:20px;width:785px;margin:0 auto;}
.introduction3 .title h3{color:#474747;font-size:30px;line-height:1.2;}
.introduction3 .title h3 b{font-weight:bold;}
.introduction3 .title .line{display:block;width:90px;height:3px;background:#e2e2e2;margin:14px auto 0;}
.introduction3 .title p{color:#474747;font-size:14px;line-height:1.5;margin:20px auto 0;}
.introduction3 .tabbs{height:78px;margin:20px auto 0;width:1018px;position:relative;}
.introduction3 .tabbs .line{top:13px;width:967px;border-top:solid 1px #d9d9d9;position:absolute;left:25px;}
.introduction3 .tabbs .arrow_l{display:block;background:url(../images/arrow2.png) left center no-repeat;width:25px;height:25px;position:absolute;left:0;top:0;}
.introduction3 .tabbs .arrow_r{display:block;background:url(../images/arrow2.png) right center no-repeat;width:25px;height:25px;position:absolute;right:0;top:0;}
.introduction3 .tabbs .ul{width:834px;margin:0 0 0 157px;overflow:hidden;position:relative;height:78px;}
.introduction3 .tabbs .ul ul{width:10000px;position:absolute;left:0;top:10px;height:68px;}
.introduction3 .tabbs .ul ul li{float:left;width:123px;height:68px;padding:36px 0 0 16px;font-size:20px;color:#474747;background:url(../images/dian1.png) left top no-repeat;cursor:pointer;}
.introduction3 .tabbs .ul ul li.now,.introduction3 .tabbs .ul ul li:hover{background:url(../images/dian2.png) left top no-repeat;color:#00a6e3;}
.introduction3 .box{margin-top:45px;height:408px;}
.introduction3 .box .pic{float:left;width:620px;height:408px;overflow:hidden;position:relative;}
.introduction3 .box .pic .in{position:absolute;left:0;top:0;display:none;}
.introduction3 .box .pic .in.a{display:block;}
.introduction3 .box .text{float:right;width:580px;}
.introduction3 .box .text h3{font-size:30px;color:#474747;line-height:72px;width:519px;}
.introduction3 .box .text p{font-size:20px; line-height:30px;}

/**/
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.centered-y {
  position: absolute;
  width: 100%;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.centered-y h2{font-size:20px; color:#FFF;}
.centered-y p{font-size:16px; color:#FFF; line-height:25px; text-align:left;}
.distribution-map {
  position: relative;
  width: 1200px;
  padding: 20px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
}
.distribution-map > img {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
}
.distribution-map .map-point {
  cursor: pointer;
  outline: none;
  z-index: 0;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
  -o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
  -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
  -webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
  -webkit-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
          transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
  background: rgba(26, 26, 26, 0.85);
  border: 5px solid #7fcff7;
}
.distribution-map .map-point .content {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  width: 100%;
  height: 100%;
  left: 50%;
}
.distribution-map .map-point:active, .distribution-map .map-point:focus {
  margin: 0;
  padding: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  width: 300px;
  height: 220px;
  color: #e5e5e5;
  z-index: 1;
  -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
}
.distribution-map .map-point:active .content, .distribution-map .map-point:focus .content {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
  -o-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
  -webkit-transition: opacity 0.25s ease-in-out, height 0 ease-in-out, overflow 0 ease-in-out;
  -webkit-transition-delay: 0.25s, 0.25s, 0.25s;
  -webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
          transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
  overflow: hidden;
}
.distribution-map .map-point:active .content a:hover, .distribution-map .map-point:active .content a:active, .distribution-map .map-point:focus .content a:hover, .distribution-map .map-point:focus .content a:active {
  color: #afe1fa;
}

/**/

@media only screen and (max-width: 1800px){
	.index01{padding: 20px 0 0 0;}
	.index01 .min .right{width: calc(50% + (100% - 1200px)/2);}
	.index01 .min .left{padding-right: 50px;}
}



@media only screen and (max-width: 1600px){
	
	.headerwarp .nav .navlist .item a{font-size: 16px;}
	.headerwarp .nav .top a{font-size: 12px;}
	.headerwarp .nav .top strong{height: 12px;margin: 0 12px}
	.banner .text h3{font-size: 54px;}
	.banner .text h4{font-size: 22px;}
	.banner .text h4:before,.banner .text h4:after{margin-bottom: 8px;}
	.more{width: 180px;height: 42px;line-height: 42px;}
	.index01 .min .left .list a p{font-size: 14px;}
	.index01 .min .left .list a font{width: 30%;}
	.index01 .min .left .list a p{width: 75%;}
	
	.index02 a{height: 260px;}
	.index02 a:first-child .text h3{font-size: 56px;}
	.index02 a .text h3{font-size: 34px;}
	.index02 a .text p{font-size: 18px;min-height: 18px;margin-bottom: 30px;}
	.index02 a .text h4{font-size: 14px;}
	
	.colorwarp .index03 .gallery-thumbs .swiper-slide h3{font-size: 16px;}
	.colorwarp .index03 .gallery-thumbs .swiper-slide span{width: 6px;height: 6px;}
	
	.footerwarp .footer .list li .min p a{font-size: 14px;}
	.footerwarp .ba h3{font-size: 12px;}
	
	.index01 .min .left{width: 42%;}
	.index01 .min .left .info:before{left: -20px;}
	.index01 .min:before{width: 50%;}
	.index01 .min .right .text{width: 91%;}

	.index01 .min .right .text .left02{width: 35%;}
	.index01 .min .right .text .right02{width: 65%;}
	.index02 a:first-child .text h4{width: 100%;}
	.index02 a .text h4{letter-spacing: 0px; padding: 0 30px;}
	.index02 a .text{padding: 0 30px;}
    .index02 a:nth-of-type(2) .text h3{height: 56px;padding-top: 9px;}
    .index02 a .text h4{font-size: 13px;}

	.index01 .min .right .text .right02 .list h3{font-size:22px;}
	.index01 .min .right .text .right02 .list h4{font-size:15px;}
	.index01 .min .right .text .right02 .list{padding: 15px 0 15px 20px;;}
	.index01 .min .right .text .right02{height:92%;}
	.index01 .min .right .text .left02 .font h3{font-size:28px;}
	.index01 .min .right .text .left02 .font span{font-size:13px;}

	.about05warp a .text{padding: 25px 0px;}

    /*荣誉*/
    .honor01warp .honor01 .left .min a h3{font-size: 20px;margin-bottom: 40px;}
    .honor01warp .honor01 .left .text h3{font-size: 20px;}
    .honor01warp .honor01 .right .min a h3{font-size: 18px;padding: 0;}
    .honor01warp .honor01 .right .honorfl{padding: 30px;}
    .honor01warp .honor01 .left .text{padding-left: 90px;padding-right: 50px;}
    .honor01warp .honor01 .left .min a{padding: 60px 90px;}
    .honor01warp .honor01 .right .min a{padding-bottom: 60px;}
    .honor01warp .honor01 .right .honorfl h3{font-size: 18px;}
    .honor01warp .honor01 .left .text strong{margin-bottom: 109px;}

	.activity02warp .activity02{width: 1200px;}

	.publish01warp .text h3{font-size:26px;}
	.publish01warp .text{bottom:30px;}
	.publish01warp .publish01 a .text h3{font-size:40px;}
	.publish01warp .publish01 a .text h4{font-size:22px;}

	.recruit01{width:96%;}
	.recruit01 .min li{padding:30px; min-height:397px;}
	.recruit01 .min li h4{letter-spacing:0;}


    .funwarp .fun01 .right{ }
    .fun04warp{background-size: auto;}
    .funwarp .fun01 .right .text h4{font-size: 14px;line-height: 26px;}
    .funwarp .fun01 .right .text{position: relative;z-index: 2;}
    .funwarp .fun01 .right .text h3{margin-bottom: 20px;font-size: 34px;}
    .funwarp .fun01 .right .text p{font-size: 22px;margin-bottom: 20px;}
    .funwarp .fun01 .right .text a{margin-top: 30px;}

	.about03warp .min img{width: 30%;}

	.publish01warp .publish01 a{width: 25%;box-sizing: border-box;overflow: hidden;}
	.publish01warp .publish01{width: 50%;}
	
	.newsinfo02{width: 1100px;}
	.funwarp .fun01 .right .text:before{    left: -180px;}
	.founder01 .right{padding: 0 0px 0 40px;}
	.founder01 .right .text p{line-height: 28px;}
}

@media only screen and (max-width: 1440px){
    .headerwarp .header .nav .navlist .item .nav02bg{top: 96px;}
	.media_container{width:90%;}
	.media_container_left{width:100%;}
    .headerwarp .nav .navlist .item .nav02{top: 50px;}
    .industry01warp .industry01 .text h3 br{display: none;}
    .research01warp .research01{width: 1200px;margin: auto;padding: 0;}
    .research02warp .research02 .list{padding-bottom: 40px;}
    .research02warp{padding-top: 50px;}
	.service02warp{background-size: auto;}
	.culture02warp .culture02{padding: 125px 0;padding-left: calc((100% - 1200px)/2);}
	.honorwarp .honor2-1 .text{top: 26%;}
	
	.about03warp .min img{width: 30%;}
	.about03warp .min .swiper-container01{padding-top: 60px;}
	.about03warp .min .swiper-container01 .text strong{margin: 20px auto;}
	.about03warp .min .swiper-container01 .text p{margin-bottom: 30px;}

}

@media only screen and (max-width: 1280px){
    .founder01 .right{padding: 0 40px 0 80px;}
    .f-more{font-size: 12px;}
    .founder02 .min{width: 80%;}
    .founder03 a{width: 22%;}
    .research02warp{background-size: auto;}

    .recruit01 .min li{min-height: 407px;padding: 20px;}
    .recruit02warp .recruit02,.recruit02warp .recruit02 .left img{width: 1100px;}
    

}