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:arial,"Microsoft YaHei","Microsoft YaHei"; 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;}
.clearfix:after{display: block;content: '';clear: both;}
.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}

/*IE*/
	.web-ie2018{ font-family: microsoft yahei;   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;}
/*<------------------------------------->*/	

.headerwrap{width: 100%;box-sizing: border-box;z-index: 15;position: fixed;top: 0;left: 0;}
.headerwrap .top{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding-left: 5%;background-color: #1d6095;transition: all .3s;height: 40px;}
.headerwrap .top h3{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 18px;color: #ffffff;}
.headerwrap .top h3::before{content: '';display: block;width: 60px;margin-right: 10px;background-color: #FFFFFF;height: 1px;}
.headerwrap .top .right{display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;-webkit-align-items: center;align-items: center;}
.headerwrap .top .right a{font-size: 14px;color: #ffffff;padding: 0 20px;border-left: 1px solid #FFFFFF;}
.headerwrap .top .right a i{font-size: inherit;color: inherit;margin-right: 10px;}
.headerwrap .top .right a:last-child{width: 130px;height: 40px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #4a80aa;padding: 0;border-left: none;}
.headerwrap .top.topnone,.headerwrap .top.topnone .right a:last-child{height: 0;}

.headerwrap .header{width: 100%;box-sizing: border-box;padding-left: 5%;box-sizing: border-box;border-bottom: 1px solid #DDDDDD;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;transition: all .3s;background-color: #FFFFFF;}
.headerwrap .header .logo img{display: block;width: auto;height: 50px;}
.headerwrap .header .right{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.headerwrap .header .right .nav{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.headerwrap .header .right .nav li{position: relative;}
.headerwrap .header .right .nav li>a{display: block;width: auto;height: 5.625rem;line-height: 5.625rem;font-size: 1.125rem;color: #333333;padding: 0 2.5rem;position: relative;z-index: 1;}
.headerwrap .header .right .nav li>a::after{content: '';display: block;width: 0%;height: 2px;background-color: #4a80aa;position: absolute;left: 0;transition: all .3s;}
.headerwrap .header .right .nav li:hover>a::after{width: 100%;}
.headerwrap .header .right .search{display: block;width: 90px;height: 90px;border-left: 1px solid #999;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.headerwrap .header .right .search i{font-size: 18px;color: #333333;}
.headerwrap .header .right .nav li .navtwo{width: auto;min-width: 100%;box-sizing: border-box;position: absolute;left: 0;background-color: #FFFFFF;box-shadow: 0px 5px 5px rgba(0,0,0,0.3);opacity: 0;visibility: hidden;transition: sll .3s;}
.headerwrap .header .right .nav li .navtwo a{display: block;width: 100%;height: 40px;line-height: 40px;white-space: nowrap;box-sizing: border-box;padding: 0 2.5rem  0 2.5rem;font-size: 14px;color: #4a80aa;}
.headerwrap .header .right .nav li:hover .navtwo a:hover{background-color: #1D6095;color: #FFFFFF;}
.headerwrap .header .right .nav li:hover .navtwo{opacity: 1;visibility: visible;}



.div2_1 .headerwrap .header,.headerwrap .header:hover{background-color: #FFFFFF;box-shadow: 0px 0px 15px rgba(0,0,0,0.3);}
.div2_1 .headerwrap .header .right .nav li a,.headerwrap .header:hover .right .nav li a{color: #333;}
.div2_1 .headerwrap .header .right .nav li:hover a,.headerwrap .header:hover .right .nav li:hover a{color: #4a80aa;}

/* banner */
.bannerwrap{width: 100%;height: calc(100% - 130px);position: relative;overflow: hidden;margin-top: 130px;}
.bannerwrap .swiper-container{width: 100%;height: 100%;}
.bannerwrap .swiper-container .swiper-slide{width: 100%;overflow: hidden;}
.bannerwrap .swiper-container a{display: block;width: 100%;height: 100%;}
.bannerwrap .swiper-container a .pcimg{width: 100%;height: 100%;position: relative;}
.bannerwrap .swiper-container a .pcimg .bg{display: block;width: 100%;height: auto;min-height: 100%;}

/* .bannerwrap .swiper-container a .pcimg .text{width: 90%;position: absolute;left: 5%;top: 50%;transform: translateY(-30%);-webkit-transform: translateY(-30%);transition: all .6s;opacity: 0;transition-delay: 2s;}
.bannerwrap .swiper-container .swiper-slide:first-child a .text{display: block;} */
.bannerwrap .swiper-container a .pcimg .b-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
/* text01 */
.bannerwrap .swiper-container a .pcimg .text01{width: 1200px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.bannerwrap .swiper-container a .pcimg .text01 img{width: auto;max-width: 100%;margin: auto;}
/* text02 */
.bannerwrap .swiper-container a .pcimg .text02{width: 80%;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;}
.bannerwrap .swiper-container a .pcimg .text02 .font{display: block;width: auto;max-width: 47%;}
.bannerwrap .swiper-container a .pcimg .text02 .img{width: auto;max-width: 47%;}
/* text03 */
.bannerwrap .swiper-container a .pcimg .text03{width: 1200px;}
.bannerwrap .swiper-container a .pcimg .text03 .font{width: 100%;display: block;margin: auto;margin-bottom: 50px;}
.bannerwrap .swiper-container a .pcimg .text03 .imglist{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.bannerwrap .swiper-container a .pcimg .text03 .imglist img{display: block;width: auto;max-width: 30%;}

.bannerwrap .swiper-container a .sjbanner{display: none;}


.more{display: block;position: relative;width: 214px;height: 56px;line-height: 56px;text-transform: uppercase;text-align: center;font-size: 16px;color: #1d6095;background-color: #fff;overflow: hidden;z-index: 0; margin-top: 80px;}
.more::after{content: '';display: block;width: 0%;height: 100%;background-color: #1D6095;position: absolute;top: 0;left: 0;transition: all .3s;z-index: -1;}
.more:hover::after{width: 100%;}
.more:hover{color: #FFFFFF;}
.bannerwrap .page{width: 50%;position: absolute;left: 0;bottom: 0;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;justify-content: space-between;-webkit-justify-content: space-between;box-sizing: border-box;padding-left: 5%;box-sizing: border-box;padding-right: 2.5rem;height: 5rem;}
.bannerwrap .page .swiper-pagination{position: relative;}
.bannerwrap .page .swiper-pagination .swiper-pagination-bullet{opacity: 1;background-color: #FFFFFF;width: 8px;height: 8px;border-radius: 8px;margin-right: 10px;}
.bannerwrap .page .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.bannerwrap .page .swiper-pagination .swiper-pagination-bullet-active{width: 50px;}
.bannerwrap .page .swiper-button-next,.bannerwrap .page .swiper-button-prev{position: relative;top: 0;left: 0;right: 0;margin: 0;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;width: 36px;height: 36px;background-color: rgba(255,255,255,0.8);border-radius: 50%;background-image: none;}
.bannerwrap .page .swiper-button-next i,.bannerwrap .page .swiper-button-prev i{font-size: 20px;color: #333333;}
.bannerwrap .page .arrow{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.bannerwrap .page .swiper-button-next{margin-left: 12px;}
.bannerwrap .page .swiper-button-next:hover,.bannerwrap .page .swiper-button-prev:hover{background-color: rgba(29,96,149,0.8);}
.bannerwrap .page .swiper-button-next:hover i,.bannerwrap .page .swiper-button-prev:hover i{color: #FFFFFF;}



.centerBig .bg{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
.swiper-slide .bg{animation-duration:5s;animation-timing-function:linear;animation-fill-mode: forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards;
}
.bannerwrap .swiper-container .centerBig a .text{transform: translateY(-50%);-webkit-transform: translateY(-50%);opacity: 1;}














/* innerwrap */
.innerwrap{width: 100%;box-sizing: border-box;overflow: hidden;}
/* index01 */
.index01{width: 100%;position: relative;padding: 100px 0;display: flex;display: -webkit-flex;-webkit-align-items: flex-end;align-items: flex-end;-webkit-justify-content: space-between;justify-content: space-between;}
.index01::before{content: '';display: block;width: 70%;height: 100%;position: absolute;left: 0;top: 0;background-color: #f5f5f5;z-index: 0;}
.index01 .text{width: 50%;box-sizing: border-box;position: relative;z-index: 1;padding-left: 5%;padding-right: 160px;}
.i-tl{font-size: 40px;color: #333333;margin-bottom: 30px;font-weight: bold;}
.index01 .text h4{font-size: 16px;color: #333333;line-height: 30px;text-align: justify;margin-bottom: 60px;}
.more02{background-color: #1D6095;color: #FFFFFF;width: 214px;height: 52px;line-height: 52px;}
.more02::after{background-color: #f5f5f5;}
.more02:hover{color: #1D6095;}

.index01 .text .i-list{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 90px;}
.index01 .text .i-list a{text-align: center;display: block;}
.index01 .text .i-list a .c-img{border-radius: 50%;width: 120px;height: 120px;box-sizing: border-box;border: 10px solid rgba(51,51,51,0.3);transition: all .3s;}
.index01 .text .i-list a .c-img font{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: rgba(51,51,51,0.6);width: 100%;height: 100%;border-radius: 50%;transition: all .3s;}
.index01 .text .i-list a img{display: block;width: auto;max-width: 80%;}
.index01 .text .i-list a strong{display: block;width: 30px;background-color: #1d6095;height: 1px;margin: 20px auto;}
.index01 .text .i-list a p{font-size: 16px;color: #333333;font-weight: bold;}
.index01 .text .i-list a:hover .c-img{transform: rotateY(180deg);border-color: rgba(29,96,149,0.4);}
.index01 .text .i-list a:hover .c-img font{background-color: rgba(29,96,149,0.8);}
.index01 .text .i-list a:hover p{color: #1d6095;}
.index01 .text .i-list a.active .c-img{transform: rotateY(180deg);border-color: rgba(29,96,149,0.4);}
.index01 .text .i-list a.active .c-img font{background-color: rgba(29,96,149,0.8);}
.index01 .text .i-list a.active p{color: #1d6095;}

.index01 .imgbox{width: 50%;overflow: hidden;position: relative;z-index: 1;}
.index01 .imgbox img{display: block;width: 100%;transition: all .6s;}
.index01 .imgbox:hover img{transform: scale(1.1);}

/* index02wrap */
.index02wrap{width: 90%;margin: 80px auto;box-sizing: border-box;}
.index02wrap .i-tl{text-align: center;}
.index02wrap .index02{position: relative;}
.index02wrap .index02 a{display: block;width: 100%;position: relative;overflow: hidden;}
.index02wrap .index02 a .bg{display: block;width: 100%;transition: all .6s;}
.index02wrap .index02 a:hover .bg{transform: scale(1.1);}
.index02wrap .index02 a .text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-flow: column;flex-flow: column;-webkit-align-items: center;align-items: center;background-color: rgba(0,0,0,0.4); }
.index02wrap .index02 a .text img{display: block;width: auto;}
.index02wrap .index02 a .text strong{display: block;width: 60px;margin: 20px 0;height: 1px;background-color: #FFFFFF;}
.index02wrap .index02 a .text h3{font-size: 24px;color: #FFFFFF;font-weight: bold;line-height: 32px;text-align: center;}
.index02wrap .index02 .swiper-button-next,.index02wrap .index02 .swiper-button-prev{background-image: none;background-color: #1d6095;width: 40px;height: 80px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 26px;color: #FFFFFF;outline: none;margin-top: -40px;}
.index02wrap .index02 .swiper-button-next{right: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.index02wrap .index02 .swiper-button-prev{left: 0;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}

/* index03 */
.index03wrap{width: 100%;position: relative;padding: 80px 0 110px;background-color: #f4f4f4;}
.index03wrap .i-tl{text-align: center;}
.index03{width: 90%;margin: auto;position: relative;z-index: 1;}
.index03 .min02{width: 100%;box-sizing: border-box;margin: auto;position: relative;}
.index03 .min02 .left{width: 60%;float: left;box-sizing: border-box;padding-right: 140px;position: relative;display: block;}
.index03 .min02 .left .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;z-index: 2;}
.index03 .min02 .left img{display: block;width: 100%;transition: all .6s;}
.index03 .min02 .left:hover img{transform: scale(1.1);}
.index03 .min02 .left:after{content: '';display: block;width: 700px;height: 100%;border: 1px solid #dddddd;position: absolute;top: 30px;right: 110px;z-index: 0;width: 80%;} 
.index03 .min02 .left .text{width: 62%;box-sizing: border-box;background-color: rgba(255,255,255,0.85);padding: 40px 140px 40px 40px;position: absolute;right: 140px;top: 50%;z-index: 2;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.index03 .min02 .left:hover .text h3{color: #1c6195;}
.index03 .min02 .left .text h3{font-size: 22px;color: #333333;margin-bottom: 40px;line-height: 32px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: bold;}
.index03 .min02 .left .text h4{font-size: 16px;color: #333333;line-height: 24px;opacity:0.75;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;text-align: justify;}
.index03 .min02 .left .text h5{background-color: #1c6195;width: 140px;height: 140px;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: -60px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);box-shadow: 5px 2px 10px rgba(0,0,0,0.3);}
.index03 .min02 .left .text h5:after{content: '';left: -12px;top: -12px;position: absolute;background: url(../img/round.png)no-repeat;background-size: cover;width: 162px;height: 162px;}
.index03 .min02 .left .text h5 p{display: block;color: #fff;font-size: 50px;font-weight: bold;}
.index03 .min02 .left .text span{font-size: 16px;display: inline-block;color: #fff;margin-top: 10px;}

.index03 .min02 .right{width: 40%;float: right;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;align-items: center;-webkit-align-items: center;}
.index03 .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;}
.index03 .min02 .right a .text{width: 56%;}
.index03 .min02 .right a .text h3{font-size: 22px;color: #222222;line-height: 30px;font-weight:bold;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.index03 .min02 .right a:hover .text h3{color: #1c6195;}
.index03 .min02 .right a .img{width: 35%;overflow: hidden;}
.index03 .min02 .right a .img img{display: block;width: 100%;transition: all .6s;}
.index03 .min02 .right a:hover .img img{transform: scale(1.1);}
.index03 .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;}
.index03 .min02 .right a .text .font h3{font-size: 14px;color: #666666;}
.index03 .min02 .right a .text .font p{display: block;width: 70px;height: 25px;background-color: #1c6195;color: #ffffff;font-size: 12px;border-radius: 5px;line-height: 25px;text-align: center;}
.index03 .more{margin-top: 80px;}





/* footerwrap */
.footerwrap{width: 100%;box-sizing: border-box;overflow: hidden;}
.footerwrap .footer{width: 100%;box-sizing: border-box;padding: 90px 5%;background-color: #FFFFFF;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.footerwrap .footer02{background-color: #f5f5f5;}
.footerwrap .footer li img{display: block;}
.footerwrap .footer li .more{margin: 0;width: 134px;height: 40px;line-height: 40px; display: none;}
.footerwrap .footer li .f-log{margin-bottom: 40px;width: 140px;}
.footerwrap .footer li .maplink{margin-bottom: 20px;display: block;}
.footerwrap .footer li h3{font-size: 20px;color: #333333;font-weight: bold;margin-bottom: 20px;}
.footerwrap .footer li p{font-size: 16px;color: #000000;line-height: 30px;}
.footerwrap .footer li.ewm{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
.footerwrap .footer li.ewm .item img{display: block;width: auto;margin-bottom: 30px;min-width: 170px;}
.footerwrap .footer li.ewm .item:last-child{margin-left: 25px;}
.footerwrap .footer li.ewm .item{text-align: center;}
.footerwrap .footer li .li{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;border: 1px solid #DDDDDD;margin-bottom: 10px;height: 46px;width: 416px;color: #666666;font-size: 16px;}
.footerwrap .footer li .li .icon{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 60px;border-right: 1px solid #ddd;height: 46px;margin-right: 15px;}
.footerwrap .footer li:last-child .more{margin-top: 30px;}
.footerwrap .footer li.ewm .sjitem{display: none;}


.footerwrap .copyright{width: 100%;box-sizing: border-box;padding: 20px 5%;background-color: #191919;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.footerwrap .copyright h3,.footerwrap .copyright a{font-size: 14px;color: #FFFFFF;}

/* 发展历程 */
.innerbanner{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;margin-top: 91px;}
.innerbanner img{display: block;width: 100%;}
.innerbanner h3{font-size: 50px;font-weight: bold;text-align: center;color: #FFFFFF;position: absolute;top: 50%;left: 0;width: 100%;}

.mbxwrap{width: 100%;box-sizing: border-box;background-color: #f5f5f5;padding: 40px 0; }
.mbx{width: 1300px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;box-sizing: border-box;} 
.mbx a{display: block;width: auto;min-width: 170px;height: 46px;line-height: 46px;text-align: center;border: 1px solid #ddd;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-right: 10px;box-sizing: border-box;padding: 0 20px;font-size: 18px;color: #333333;font-weight: bold;}
.mbx a i{font-size: inherit;color: inherit;margin-left: 20px;}
.mbx a:last-child{margin-right: 0;}
.mbx a.active,.mbx a:hover{color: #1d6095;border-color: #1d6095;}

.about02-page{position:relative;overflow:hidden;padding:92px 0}
.about02-page .header{position:absolute;top:50px;left:50px;right:50px;z-index:9}
.about02-page .header .logo{float:left;width:174px;height:22px;background-repeat:no-repeat;background-size:100% auto;background-image:url(../images/index_header_logo.png);background-position:center bottom}
.about02-page .header .menu{float:right;width:40px;height:40px;background-repeat:no-repeat;background-size:100% auto;background-image:url(../images/index_header_menu.png);background-position:center bottom;cursor:pointer;position:relative}
.about02-page .header .menu p{position:absolute;left:0;top:100%;margin-top:10px;width:100%;text-align:center;font-size:14px;color:#333;font-weight:lighter}
.about02-page .main{background-color:#fff;height:auto;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;-webkit-display:flex;-webkit-align-items:center;-webkit-justify-content:center;-webkit-flex-direction:column}
.about02-page .main .title{font-size:36px;color:#333;font-weight:normal;margin-bottom:7.2%}
.about02-page .main .container-box{position:relative;height:60%;width:100%;display:flex;align-items:center;-webkit-display:flex;-webkit-align-items:center}
.about02-page .gallery-top{height:100%;position:relative;z-index:2;border-radius:50%;background-color:#fff;border:10px solid #1d6095;margin:0 auto}
.about02-page .gallery-top .more{width:150px;height:40px;text-align:center;line-height:40px;border:1px solid #1d6095;font-size:14px;color:#1d6095;transition:all .3s;margin:8% auto 0px}
.about02-page .gallery-top .more:hover{background-color:#1d6095;color:#ffffff}
.moreinfo{width:100%;height:100%;position:fixed;top:0px;left:0px;background-color:#ffffff;z-index:99999;display:none}
.moreinfo li{width:70%;height:auto;box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}
.moreinfo li .moreinfo-l{width:52%;float:left;position:absolute;top:50%;left:0px;transform:translateY(-50%)}
.moreinfo li .moreinfo-l h3{font-size:78px;color:#1d6095;margin-bottom:50px}
.moreinfo li .moreinfo-l h4{font-size:20px;line-height:40px}
.moreinfo li .moreinfo-r{width:40%;float:right}
.moreinfo li .moreinfo-r img{display:block;width:100%;height:auto}
.moreinfo .close{display:block;width:40px;height:40px;position:absolute;top:3%;right:5%;cursor:pointer;transition:all .3s;z-index:99999}
.moreinfo .close:hover{transform:rotate(360deg)}
.about02-page .gallery-top .bg{height:100%;width:auto;opacity:0}
.about02-page .gallery-top .swiper-wrapper{position:absolute;left:0;top:0;width:100%;height:100%}
.about02-page .gallery-top .swiper-slide{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;-webkit-display:flex;-webkit-align-items:center;-webkit-justify-content:flex-start;-webkit-flex-direction:column;text-align:center;background-repeat:no-repeat;background-position:center center}
.about02-page .gallery-top .swiper-slide .line{width:1px;height:9.09%;background-color:#ddd;margin-bottom:5.4%;margin-top:20%}
.about02-page .gallery-top .swiper-slide h5{font-size:18px;color:#a8a8a8;font-weight:lighter;margin-bottom:5%}
.about02-page .gallery-top .swiper-slide h3{font-size:62px;color:#1d6095;font-weight:bold;margin-bottom:8%}
.about02-page .gallery-top .swiper-slide p{font-size:15px;color:#949494;font-weight:lighter;line-height:24px;max-height:8.6em;max-width:72%}
.about02-page .gallery-top .swiper-slide p b{font-weight:bold}
.about02-page .gallery-top .swiper-pagination{bottom:10%;font-size:12px;color:#666;display:none}
.about02-page .gallery-top .swiper-pagination .swiper-pagination-current{color:#e60012;font-size:18px;padding:0 10%}
.about02-page .gallery-thumbs{position:absolute;overflow:initial;left:0;top:50%;width:100%;height:12px;z-index:1;background-repeat:repeat-x;background-image:url(../img/line.png);background-position:center center}
.about02-page .gallery-thumbs:after{content:'';display:block;width:100%;height:1px;background-color:#e3e3e3;position:absolute;top:50%;left:0px;transform:translateY(-50%)}
.about02-page .gallery-thumbs .swiper-wrapper{width:auto;margin-left:-200px}
.about02-page .gallery-thumbs .swiper-slide{cursor:pointer;width:12px;height:12px;border-radius:50%;background-color:#e3e3e3;margin:0 100px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;}
.about02-page .gallery-thumbs .swiper-slide.swiper-slide-active{background-color:transparent;margin:0 307px}
.about02-page .swiper-button-prev,.about02-page .swiper-button-next{width:62px;height:62px;margin-top:-17px;background-repeat:no-repeat;background-size:100% auto;background-position:center top;z-index:9;top:71%}
.about02-page .swiper-button-prev{left:calc((100% - 1300px)/2);background-image: none;width: 40px;height: 40px;border: 1px solid #1d6095;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.about02-page .swiper-button-next{background-image: none;width: 40px;height: 40px;border: 1px solid #1d6095;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;right:calc((100% - 1300px)/2);}
.about02-page .swiper-button-prev.swiper-button-disabled,.about02-page .swiper-button-next.swiper-button-disabled{opacity:1;background-position:center bottom}
.about02-page .swiper-button-next i,.about02-page .swiper-button-prev i{font-size: 18px;color: #1d6095;}
.development>h3{font-size:33px;color:#1d6095;text-align:left;width: 1300px;margin: auto;margin-bottom:68px;font-weight: bold;}
.about02-page .gallery-thumbs .swiper-slide>h3{position:absolute;top:13px;}
.about02-page .gallery-thumbs .swiper-slide:nth-of-type(2n)>h3{top:-67px}
.about02-page .gallery-thumbs .swiper-slide>h3>span{display:block;width:1px;height:29px;background-color:#e4e5e4;margin:9px auto}
.about02-page .gallery-thumbs .swiper-slide>h3>i{display:block;color:#1d6095;font-size:18px;font-style:normal;white-space: nowrap;}

/* 公司简介 */
/* aboutwrap */
.aboutwrap{width: 1300px;margin: auto;box-sizing: border-box;}
/* about01 */
.about01{width: 100%;box-sizing: border-box;}
.about01 .text{width: 100%;box-sizing: border-box;margin: 70px auto;}
.a-tl{font-size: 30px;color: #1d6095;font-weight: bold;margin-bottom: 30px;}
.about01 .text .info h4{font-size: 16px;color: #333333;line-height: 30px;text-align: justify;margin-bottom: 30px;}
.about01 .text .info h4:last-child{margin-bottom: 0;}
.about01 .mumping_mun{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.about01 .mumping_mun li{width: 170px;}
.about01 .mumping_mun li .mun_top{width: 170px;height: 170px;border: 1px solid #1d6095;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;}
.about01 .mumping_mun li .mun_top h2{font-size: 60px;color: #1d6095;font-weight: bold;display: flex;display: -webkit-flex;-webkit-align-items: flex-start;align-items: flex-start;padding-top: 20px;}
.about01 .mumping_mun li .mun_top h2::after{content: '+';font-size: 40px;margin-top: -20px;margin-left: 10px;}
.about01 .mumping_mun li h3{font-size: 16px;color: #333333;margin-top: 30px;text-align: center;}

/* about02 */
.about02{width: 100%;box-sizing: border-box;margin: 70px 0;}
.about02 .cont{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.about02 .cont a{display: block;width: 32%;margin-right: 2%;margin-bottom: 2%;position: relative;overflow: hidden;}
.about02 .cont a:nth-of-type(3n){margin-right: 0;}
.about02 .cont a img{display: block;width: 100%;transform: scale(1.1);-webkit-transform: scale(1.1);transition: all .6s;}
.about02 .cont a:hover img{transform: scale(1);-webkit-transform: scale(1);}
.about02 .cont a .text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;z-index: 1;background-color: rgba(0,0,0,0.5);opacity: 0;transition: all .3s;}
.about02 .cont a .text h3{text-align: center;font-size: 20px;color: #fff; font-weight: bold;}
.about02 .cont a:hover .text{opacity: 1;}

/* 架构 */
.framework01{width: 1300px;margin: 70px auto;box-sizing: border-box;}
.framework01 .imgbox{width: 100%;box-sizing: border-box;}
.framework01 .imgbox img{display: block;width: auto;margin: auto;max-width: 100%;}

/* 公司资质 */
.honorwrap{width: 100%;box-sizing: border-box;margin: 70px auto;}
.honorwrap .top{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-bottom: 50px;}
.honorwrap .top h3{margin: 0;}
.honorwrap .top .link{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;margin-left: 70px;}
.honorwrap .top .link a{background-color: #dcdcdc;color: #333333;margin: 0;width: 140px;height: 38px;line-height: 38px;}
.honorwrap .top .link a::after{background-color: #1d6095;}
.honorwrap .top .link a:hover{color: #fff;}
.honorwrap .top .link a:last-child{margin-left: 20px;}
.honorwrap .top .link a.active{color: #fff;}
.honorwrap .top .link a.active::after{width: 100%;}
/* honor01 */
.honor01{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.honor01 a{display: block;width: 23.5%;margin-right: 2%;margin-bottom: 2%;box-sizing: border-box;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;position: relative;height: 400px;}
.honor01 a:nth-of-type(4n){margin-right: 0;}
.honor01 a img{display: block;width: auto;height: auto;max-width: 90%;max-height: 90%;transition: all .6s;}
.honor01 a:hover img{transform: scale(1.05);}
.honor01 a .text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;position: absolute;top: 0;left: 0;background-color: rgba(29,96,149,0.8);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;opacity: 0;transition: all .3s;}
.honor01 a .text h3{font-size: 18px;color: #f5f5f5;font-weight: bold;text-align: center;/*margin: auto 10%;*/width: 80%; line-height: 28px}
.honor01 a:hover .text{opacity: 1;}

.fy,.nav-links{width: 100%;margin: auto;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;margin-top: 20px;}
.fy a,.nav-links span,.nav-links a{display: block;width: auto;min-width: 34px;height: 34px;line-height: 32px;font-size: 14px;border: 1px solid #b8b8b8;border-radius: 5px;text-align: center;box-sizing: border-box;padding: 0 12px;color: #b8b8b8;transition: all .3s;margin-right: 15px;}
.fy a:hover,.fy .active,.nav-links span{background-color: #1d6095;border-color: #1d6095;color: #fff;}
.fy a:last-child{margin-right: 0;}

.screen-reader-text{ display: none; }




/* 产品 */
.product01{width: 1300px;margin: 100px auto;box-sizing: border-box;display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.product01 a{display: block;width: 32%;margin-right: 2%;margin-bottom: 2%;box-sizing: border-box;border: 1px solid #ddd;}
.product01 a:nth-of-type(3n){margin-right: 0;}
.product01 a .imgbox{width: 100%;overflow: hidden;}
.product01 a .imgbox img{display: block;width: 100%;transition:all.6s;}
.product01 a:hover .imgbox img{transform: scale(1.1);}
.product01 a h3{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;height: 62px;background-color: #1d6095;font-size: 18px;color: #fff;font-weight: bold;box-sizing: border-box;padding: 0 20px;text-align: center;-webkit-justify-content: center;justify-content: center;}

/* 留言反馈 */
.message{width: 1300px;margin: 60px auto 100px;}
.message .tl{font-size: 30px;color: #1d6095;font-weight: bold;margin-bottom: 40px;}
/*
.feedform{width: 100%;display: block;width: 100%;position: relative;}
.feedform .top{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 40px;}
.feedform .top label{width: 48%;box-sizing: border-box;}
.feedform .top label input{display: block;width: 100%;border: none;background-color: #fafafa;box-sizing: border-box;padding: 0 20px;font-size: 16px;color:#333333;margin-bottom: 30px;height: 60px;outline: none;border: 1px solid #ddd;}
.feedform .top label input:last-child{margin-bottom: 0;}
.feedform .top label textarea{display: block;width: 100%;height: 100%;background-color: #fafafa;box-sizing: border-box;padding: 20px;font-size: 16px;color: #333333;border: none;outline: none;border: 1px solid #ddd;resize: none;}
.feedform .top label input::-webkit-input-placeholder,.feedform .top label textarea::-webkit-input-placeholder{color: #333333;}
.feedform .top label input::-moz-input-placeholder,.feedform .top label textarea::-moz-input-placeholder{color: #333333;}
.feedform .top label input::-ms-input-placeholder,.feedform .top label textarea::-ms-input-placeholder{color: #333333;}
.feedform .more{background-color: #1d6095;width: 150px;height: 52px;line-height: 52px;color: #fff;border: none;border: 1px solid #1d6095;}
.feedform .more::after{background-color: #fafafa;}
.feedform .more:hover{color: #333333;}
*/

/* 产品详情 */
.proinfowrap{width: 100%;box-sizing: border-box;margin-top: 220px;}
.proinfo01{width: 1300px;box-sizing: border-box;margin:0 auto 80px;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.proinfo01 .left{width: 50%;box-sizing: border-box;padding: 0;padding-right: 50px;}
.proinfo01 .left .imgslider{width: 100%;box-sizing: border-box;}
.proinfo01 .left .imgslider .gallery-top{width: 100%;box-sizing: border-box;border: 1px solid #DDDDDD;}
.proinfo01 .left .imgslider .gallery-top .bigimgbox{width: 100%;overflow: hidden;}
.proinfo01 .left .imgslider .gallery-top .bigimgbox img{display: block;width: 100%;}
.proinfo01 .left .imgslider .gallery-thumbs{padding-top: 20px;}
.proinfo01 .left .imgslider .gallery-thumbs .swiper-slide{border: 1px solid #DDDDDD;position: relative;box-sizing: border-box;}
.proinfo01 .left .imgslider .gallery-thumbs .swiper-slide::after{content: '';display: block;width: 0;height: 0;border: 6px solid transparent;border-bottom: 6px solid #1d6095;position: absolute;top: -12px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity: 0;}
.proinfo01 .left .imgslider .gallery-thumbs .swiper-slide-thumb-active{border: 1px solid #1d6095;}
.proinfo01 .left .imgslider .gallery-thumbs .swiper-slide-thumb-active::after{opacity: 1;}

.proinfo01 .left .swiper-button-next,.proinfo01 .left .swiper-button-prev{background-image: none;font-size: 20px;color: #fff;height: 40px;width: 40px;background-color: #1d6095;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: space-around;-webkit-align-items: center;align-items: center;}
.proinfo01 .left .swiper-button-next{right: 0;}
.proinfo01 .left .swiper-button-prev{left: 0;}
.proinfo01 .left .imgslider .gallery-thumbs .swiper-slide .smallimgbox{width: 100%;}
.proinfo01 .left .imgslider .gallery-thumbs .swiper-slide .smallimgbox img{width: 100%;}

.proinfo01 .right{width: 50%;box-sizing: border-box;padding-left: 50px;}
.proinfo01 .right h3{display: block;width: 100%;border-bottom: 1px solid #ddd;font-size: 30px;font-weight: bold;padding-bottom: 30px;margin-bottom: 30px;color: #1d6095;}
.proinfo01 .right h4{font-size: 16px;color: #333333;line-height: 30px;text-align: justify;}
.proinfo01 .right .link{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;margin-top: 40px;padding-top: 40px;border-top: 1px solid #ddd;}
.proinfo01 .right .link a{margin-right: 20px;background-color: #1d6095;color: #fff;border: 1PX solid #1d6095;margin-top: 0;border-radius: 2rem;width: 180PX;height: 46PX;line-height: 46PX;}
.proinfo01 .right .link a::after{background-color: #Fff;}
.proinfo01 .right .link a:last-child{margin-right: 0;}
.proinfo01 .right .link a:hover{color: #1d6095;}

/* proinfo02 */
.proinfo02{width: 100%;box-sizing: border-box;position: relative;}
.proinfo02 li{width: 100%;box-sizing: border-box;}
.proinfo02 li .top{width: 100%;margin: auto;background-color: #1d6095;}
.proinfo02 li .top h3{width: 1300px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 30px;color: #fff;height: 90px;}
.proinfo02 li .top h3 img{display: block;width: auto;margin-right: 10px;}
.proinfo02 li .min{width: 1300px;margin: 70px auto;}
.proinfo02 li .min p{width: 100%;box-sizing: border-box;padding-left: 20px;position: relative;font-size: 16px;color: #333333;line-height: 36px;}
.proinfo02 li .min p::before{content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #333333;position: absolute;left: 0;top: 15px;}

.proinfo02 li .min img{display: block;width: auto;margin: auto;max-width: 100%;}
.proinfo02 li .min table{width: 100%;border: 1px solid #333333;border-collapse: collapse;display: none;}
.proinfo02 li .min table tr td{font-size: 16px;color: #333333;box-sizing: border-box;padding: 0 30px;}
.proinfo02 li .min table tr{height: 50px;}
.proinfo02 li .min table tr td{background-color: #ebf6ff;border: 1px solid #333;}
.proinfo02 li .min table tr td:first-child{background-color: #a6d8ff;}

/* 网站导航 */
.navigation01{width: 1300px;margin: 80px auto;}
.navigation01 .top{width: 100%;font-size: 18px;color: #ffffff;font-weight: bold;}
.navigation01 .min{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.navigation01 .min li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.navigation01 .min li:nth-of-type(4n){margin-right: 0;}
.navigation01 .min li h3{display: block;width: 100%;text-align: left;font-size: 18px;color: #ffffff;box-sizing: border-box;padding: 0 20px;line-height: 70px;background-color: #1d6095; font-weight: bold;}
.navigation01 .min li .item{width: 100%;box-sizing: border-box;padding: 30px 0;}
.navigation01 .min li .item a{display: block;width: 100%;box-sizing: border-box;padding: 0 20px;font-size: 14px;color: #333333;line-height: 36px;}
.navigation01 .min li .item a:hover{color: #1d6095;text-decoration: underline;}

/* 应用领域 */
.application01{width: 100%;box-sizing: border-box;margin: auto;}
.application01 li{width: 100%;padding: 80px 0;box-sizing: border-box;}
.application01 li .cont{width: 1300px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.application01 li .cont .imgbox{width: 40%;box-sizing: border-box;overflow: hidden;}
.application01 li .cont .imgbox img{display: block;width: 100%;transition: ALL .6S;}
.application01 li:hover .cont .imgbox img{transform: scale(1.1);}
.application01 li .cont .text{width: 60%;box-sizing: border-box;padding-left: 90px;}
.application01 li .cont .text h3{font-size: 30px;color: #1d6095;font-weight: bold;margin-bottom: 50px;}
.application01 li .cont .text h4{font-size: 18px;color: #333333;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;  flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.application01 li .cont .text h4 a{display: block;padding-bottom: 5px;font-size: 18px;color: #333;position: relative;    float: left;margin: 0 10px 0 0; margin-bottom: 10px;}
.application01 li .cont .text h4 a::after{content: '';display: block;width: 0%;height: 1px;background-color: #1d6095;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.application01 li .cont .text h4 a:hover::after{width: 100%;}
.application01 li .cont .text h4 a:hover{color: #1d6095;}
.application01 li:nth-of-type(odd){background-color: #f5f5f5;}

/* 招贤纳士 */
/* join01wrap */
.join01wrap{width: 1300px;margin: 80px auto;}
.join01wrap .top{font-size: 30px;color: #1d6095;font-weight: bold;margin-bottom: 50px;}
.join01{width: 100%;box-sizing: border-box;}
.join01 .tl{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;height: 70px;padding: 0 20px;box-sizing: border-box;background-color: #bbcfdf;}
.join01 .tl h3{font-size: 18px;color: #333333;}
.join01 .min{width: 100%;box-sizing: border-box;}
.join01 .min li{width: 100%;box-sizing: border-box;}
.join01 .min li a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;box-sizing: border-box;padding: 0 20px;-webkit-align-items: center;align-items: center;height: 70px;border-bottom: 1px solid #ddd;}
.join01 .min li a font{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;font-size: 18px;color: #ffffff;width: 40px;height: 40px;background-color: #999999;}
.join01 .min li a h3{font-size: 18px;color: #333333;}
.join01 .min li a p{width: 80px;height: 28px;line-height: 28px;border-radius: 28px;background-color: #949494;color: #fff;font-size: 14px;margin: 0;}
.join01 .min li .info{width: 100%;box-sizing: border-box;padding: 40px 20px;border-bottom: 1px solid #ddd;display: none;}
.join01 .min li .info .item{width: 100%;margin-bottom: 40px;}
.join01 .min li .info .item h3{font-size: 18px;color: #333333;margin-bottom: 20px;}
.join01 .min li .info .item p{font-size: 16px;color: #333333;line-height: 44px;opacity: 0.7;}
.join01 .min li .info h4{font-size: 16px;color: #333333;}
.join01 .min li:first-child .info{display: block;}
.join01 .min li a.active font{background-color: #1d6095;}
.join01 .min li a.active p{background-color: #1d6095;}


/* 企业文化 */
.culture01wrap{width: 1300px;margin: 60px auto;box-sizing: border-box;}
.culture01wrap .top{font-size: 30px;color: #1d6095;font-weight: bold;margin-bottom: 60px;}
.culture01{width: 100%;box-sizing: border-box;position: relative;display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: flex-start;align-items: flex-start;}
.culture01 .imgbox{overflow: hidden;}
.culture01 .imgbox img{display: block;width: 100%; transition: all .6s;z-index: 2;position: relative;}
.culture01 .imgbox01{width: 30%;position: relative;z-index: 0;}
.culture01 .imgbox02{width:40%;position: relative;z-index: 1;margin-left: -10%;margin-top: 100px;}
.culture01 .imgbox03{width: 25%;position: relative;z-index: 4;margin-left: -7%;margin-top: -20px;}
.culture01 .imgbox04{width: 30%;position: relative;z-index: 0;margin-left: -8%;margin-top: 100px;}
.culture01 .imgbox02::before{content: '';display: block;width: 100px;height: 100px;background-color: #1d6095;position: absolute;left: -20px;bottom: -20px;z-index: 0;}
.culture01 .imgbox03::before{content: '';display: block;width: 100px;height: 100px;background-color: #1d6095;position: absolute;right: -20px;top: -20px;z-index: 0;}
.culture01 .imgbox:hover img{transform: scale(1.1);}

/* culture02wrap */
.culture02wrap{width: 100%;box-sizing: border-box;background: url(../img/qiye.jpg)no-repeat fixed;background-size: cover;padding: 100px 0;position: relative;}
/* culture02 */
.culture02{width: 1300px;background-color: #fff;margin: auto;box-sizing: border-box;padding: 50px;position: relative;}
.culture02 img{display: block;width: 100%;}
.culture02 .swiper-button-next,.culture02 .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 56px;height: 56px;background-color: #1d6095;background-image: none;outline: none;}
.culture02 .swiper-button-next i,.culture02 .swiper-button-prev i{font-size: 26px;color: #fff;}
.culture02 .swiper-button-next{right: -120px;}
.culture02 .swiper-button-prev{left: -120px;}

/* culture03wrap */
.culture03wrap{width: 100%;box-sizing: border-box;overflow: hidden;padding: 100px 0;position: relative;}
.culture03wrap .bgfont{display: block;text-align: center;font-size: 236px;color: rgba(12,77,162,0.05);font-weight: bold;text-transform: uppercase;position: absolute;left: 0;top: 20px;width: 100%;}
.culture03{width: 1300px;margin: auto;position: relative;z-index: 2;}
.culture03 .top{font-size: 30px;color: #1d6095;font-weight: bold;text-align: center;margin-bottom: 50px;}
.culture03 .cont{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.culture03 .cont li{width: 32%;box-sizing: border-box;border: 1px solid #ddd;padding: 50px;background-color: #fff;}
.culture03 .cont li .imgbox{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between; -webkit-align-items: center;align-items: center;margin-bottom: 30px;}
.culture03 .cont li .imgbox img{display: block;width: auto;}
.culture03 .cont li .imgbox font{font-size: 18px;color: #333333;opacity: 0.4;}
.culture03 .cont li h3{font-size: 18px;color: #0c4da2;margin-bottom: 10px;font-weight: bold;}
.culture03 .cont li p{font-size: 16px;color: #333333;line-height: 30px;min-height: 60px;}
.culture03 .cont li a{font-size: 16px;color: #0c4da2;text-transform: uppercase;text-decoration: underline;margin-top: 30px;display: block;}

/* 团建 */
.buliding01wrap{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;margin: 80px auto;}
.buliding01wrap .top{font-size: 30px;font-weight: bold;color: #0c4da2;box-sizing: border-box;padding: 0 calc((100% - 1300px)/2);margin-bottom: 60px;}
.buliding01wrap .bgwrap{width: 100%;position: relative;padding: 100px 0;}
.buliding01wrap .bgwrap::before{content: '';display: block;width: 60%;background-color: #f5f5f5;position: absolute;left: 0;height: 100%;left: 0;top: 0;z-index: 0;}
.buliding01{width: 1300px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: row-reverse;flex-flow: row-reverse;-webkit-align-items: center;align-items: center;position: relative;z-index: 1;} 
.buliding01 .imgbox{width: 50%;box-sizing: border-box;overflow: hidden;}
.buliding01 .imgbox img{display: block;width: 100%;}
.buliding01 .text{width: 50%;position: relative;box-sizing: border-box;padding-left: 40px;padding-right: 90px;}
.buliding01 .text h4{font-size: 16px;color: #333333;line-height: 34px;text-align: justify;}
.buliding01 .text::before{content: '';display: block;width: 15px;height: 15px;background-color: #0c4da2;position: absolute;left: 0;top: 10px;}
.buliding01wrap .bgwrap .fontbg{position: absolute;left: 0;top:100px;z-index: 0;width: 50%;overflow: hidden;height: 174px;}
.buliding01wrap .bgwrap .fontbg span{font-size: 174px;color: rgba(12,77,162,0.08);font-family: arial;font-weight: bold;letter-spacing: 20px;text-transform: uppercase;-webkit-animation: about-anim 15s linear infinite normal;animation: about-anim 15s linear infinite normal;position: absolute;display: block;white-space: nowrap;top: 0;left: 0;}
@-webkit-keyframes about-anim {
    0%   { -webkit-transform: translateX(-33.33%); }
    100% { -webkit-transform: translateX(-66.66%); }
}
@keyframes about-anim {
    0%   { transform: translateX(-33.33%); }
    100% { transform: translateX(-66.66%); }
}

.buliding0102wrap .bgwrap::before{left: initial;right: 0;}
.buliding0102{-webkit-flex-flow: row;flex-flow: row;}
.buliding0102 .text{padding-left: 130px;padding-right: 0;}
.buliding0102 .text::before{left: 90px;}
.buliding0102wrap .bgwrap .fontbg{left: initial;right: 0;}


/* buliding02 */
.buliding02{width: 100%;margin: 70px auto;position: relative;}
.buliding02 .imgbox{width: 100%;overflow: hidden;position: relative;transform: scale(0.8);transition: all .6s;}
.buliding02 .imgbox img{display: block;width: 100%;}
.buliding02 .swiper-slide img{}
.buliding02 .swiper-slide.swiper-slide-active .imgbox{transform: scale(1);}

.buliding02 .swiper-pagination{position: relative;bottom: 0;left: 0;margin-top: 40px;}
.buliding02 .swiper-pagination .swiper-pagination-bullet{opacity: 1;background-color: transparent;border: 1px solid #0c4da2;margin-right: 10px;}
.buliding02 .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.buliding02 .swiper-pagination .swiper-pagination-bullet-active{background-color: #0c4da2;}
.buliding02 .swiper-slide .imgbox::after{content: '';display: block;width: 100%;height: 100%;background: url(../img/buildingmask.png)no-repeat;background-size: cover;opacity: 1;position: absolute;top: 0;left: 0;transition: all .3s;}
.buliding02 .swiper-slide.swiper-slide-active .imgbox::after{opacity: 0;}

/* 公司新闻 */
.newswrap{background-color: #ebebeb;padding: 70px 0;}
.news01wrap{width: 1300px;margin: auto;}
.news01wrap .top{font-size: 30px;color: #1d6095;font-weight: bold;margin-bottom: 60px;}
.news01{width: 100%;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: flex-start;align-items: flex-start;}
.news01::before{content: '';display: block;width: 1px;height: calc(100% - 174px);position: absolute;top: 87px;left: 50%;background-color: #ddd;}
.news01 a{display: block;width: 50%;margin-bottom: 174px;box-sizing: border-box;position: relative;padding-right: 50px;}
.news01 a .cont{width: 100%;box-sizing: border-box;background-color: #ffffff;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.news01 a::after{content: '';display: block;width: 24px;height: 24px;background: url(../img/xing.png)no-repeat;background-size: cover;position: absolute;top: 50%;margin-top: -12px;right: -12px;transition: all .6s;}
.news01 a .data{width: 30%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-flow: column;flex-flow: column;-webkit-align-items: center;align-items: center;background-color: #006eb4;padding: 50px 0;}
.news01 a .data h3{font-size: 58px;color: #fff;}
.news01 a .data p{font-size: 16px;color: #fff;}
.news01 a .text{width: 70%;box-sizing: border-box;padding: 0 40px;}
.news01 a .text h3,.news01 a .text h3 b{font-size: 18px;color: #333333;line-height: 30px;margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news01 a .text font{font-size: 14px;color: #333333;}
.news01 a .text font i{font-size: inherit;color: inherit;margin-left: 10px;}
.news01 a:hover .text font{text-decoration: underline;color: #006eb4;}
.news01 a:nth-of-type(2n){margin-top: 174px;padding-right: 0;padding-left: 50px;margin-bottom: 0;}
.news01 a:nth-of-type(2n)::after{left: -12px;right: initial;}
.news01wrap .fy{margin-top: 50px;}
.news01 a:hover::after{transform: scale(1.5);} 

/* 新闻详情 */
.newsinfowrap{width: 100%;box-sizing: border-box;margin-top: 230px;overflow: hidden;}
.newsinfo{width: 1000px;margin: auto;box-sizing: border-box;}
.newsinfo .tl{width: 100%;box-sizing: border-box;margin-bottom: 30px;text-align: center;}
.newsinfo .tl h3{font-size: 20px;color: #333333;font-weight: bold;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ddd;text-align: center;}
.newsinfo .tl p{font-size: 16px;color: #333333;}
.newsinfo .min{width: 100%;border-bottom: 1px solid #ddd;padding-bottom: 30px;margin-bottom: 30px;}
.newsinfo .min p{font-size: 16px;color: #333333;line-height: 24px;margin-bottom: 30px;text-align: justify;}
.newsinfo .min p:last-child{margin-bottom: 0;}
.newsinfo .min p img{ display: block;width: auto;height: auto;max-width: 100%;margin: 0 auto; }
.newsinfo .more{background-color: #006eb4;border: 1px solid #006eb4;color: #fff;margin: auto;margin-bottom: 100px;width: 200px;height: 52px;line-height: 52px;}
.newsinfo .more::after{background-color: #fff;}
.newsinfo .more:hover{color: #006eb4;}

/* 联系我们 */
.contactwrap{width: 1300px;margin: 70px auto;}
.contactwrap .top{font-size: 30px;font-weight: bold;margin-bottom: 50px;color: #006eb4;}
.contact{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.contact li{width: 46%;box-sizing: border-box;}
.contact li h3{display: block;font-size: 24px;color: #333333;padding-left: 20px;position: relative;margin-bottom: 30px;font-weight: bold;}
.contact li .text p:nth-of-type(4n){margin-bottom:50px}
.contact li h3::before{content: '';display: block;width: 3px;height: 24px;position: absolute;top: 0;left: 0;background-color: #006eb4;}
.contact li .imgbox{width: 100%;overflow: hidden;}
.contact li .imgbox img{display: block;width: 100%;}
.contact li .text{width: 100%;margin-top: 30px;}
.contact li .text p{font-size: 14px;color: #000000;line-height: 34px;}

/* 服务01 */
.serviceone01{width: 1300px;margin: 60px auto;}
.serviceone01 .cont{width: 100%;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;padding: 60px 00;position: relative;}
.serviceone01 .cont::before{content: '';display: block;width: 60%;position: absolute;right: 0;height: 100%;top: 0;background-color: #f5f5f5;}
.serviceone01 .cont .left{width: 50%;box-sizing: border-box;overflow: hidden;position: relative;z-index: 1;}
.serviceone01 .cont .left img{display: block;width: 100%;transition: all .6s;}
.serviceone01 .cont .left:hover img{transform: scale(1.1);}
.serviceone01 .cont .right{width: 50%;box-sizing: border-box;padding: 0 80px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-flow: column;flex-flow: column;align-items: flex-start;-webkit-align-items: flex-start;position: relative;z-index: 1;}
.serviceone01 .cont .right h3{font-size: 24px;color: #1d6095;text-transform: uppercase;}
.serviceone01 .cont .right p{display: block;position: relative;box-sizing: border-box;width: 100%;font-size: 16px;line-height: 32px;padding-left: 20px;color: #333333;}
.serviceone01 .cont .right p::before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background-color: #333333;position: absolute;left: 0;top: 12px;}
.serviceone01 .cont .right h4{display: flex;display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: flex-end;align-items: flex-end;font-size: 16px;color: #333333;box-sizing: border-box;width: auto;margin-bottom: 20px;border-top: 1px solid #1d6095;padding-top: 15px;margin-top: 15px;}
.serviceone01 .cont .right h4 i{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;background-color: #1d6095;width: 40px;height: 40px;font-size: 20px;color: #fff;}
.serviceone01 .cont .right h4 font{font-size: 40px;color: #1d6095;font-weight: bold;font-family: arial;margin-left: 10px;}

/* serviceone02 */
.serviceone02{width: 1300px;margin: 80px auto;box-sizing: border-box;}
.serviceone02 ul{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.serviceone02 ul li{width: 48%;}
.serviceone02 ul li h3{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 20px;color: #333333;margin-bottom: 30px;}
.serviceone02 ul li h3 font{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;border: 1px solid #1d6095;width: 56px;height: 56px;font-size: 18px;color: #1d6095;}
.serviceone02 ul li h3 i{display: block;width: 50px;height: 1px;background-color: #1d6095;margin: 0 10px;}
.serviceone02 ul li .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.serviceone02 ul li .imgbox img{display: block;width: 100%;}

/* 下载 */
.servicetwo01{width: 1300px;margin: 60px auto 20px;box-sizing: border-box;}
.servicetwo01 .cont{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 60px;}
.servicetwo01 .cont a{display: block;width: 30%;margin-right: 5%;margin-bottom: 5%;}
.servicetwo01 .cont a:nth-of-type(3n){margin-right: 0;}
.servicetwo01 .cont a .imgbox{width: 100%;box-sizing: border-box;position: relative;}
.servicetwo01 .cont a .imgbox>img{display: block;width: 100%;}
.servicetwo01 .cont a .imgbox .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(29,96,149,0.5);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;opacity: 0;visibility: hidden;transition: all .3s;}
.servicetwo01 .cont a .imgbox .mask i{display: block;width: 30px;height: 30px;background-color: #FFFFFF;border-radius: 50%;font-size: 16px;color: #1d6095;text-align: center;line-height: 30px;}
.servicetwo01 .cont a .imgbox:hover .mask{opacity: 1;visibility: visible;}
.servicetwo01 .cont a .text{display: flex;display: -webkit-flex;width: 100%;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 14px;color: #333333;height: 70px;border-bottom: 1px solid #DDDDDD;}
.servicetwo01 .cont a .text i{font-size: 20px;color: #1d6095;margin-right: 20px;}

/* 弹窗 */
.bd-mask{width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 9999;background-color: rgba(0,0,0,0.8);}
.offertc,.ordertc{display: none;}
.bd-mask .tcbox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-image: url();display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;align-items: center;-webkit-align-items:center;}
.bd-mask .tcbox .contwarp{width: 900px;height: auto;background-color: #fff;box-sizing: border-box;padding: 40px;position: relative;}
.bd-mask .tcbox .contwarp .cont{width: 100%;box-sizing: border-box;border:1px solid #8eafca;position: relative;padding: 50px 0;}
.bd-mask .tcbox .contwarp .cont .top,.bd-mask .tcbox .contwarp .cont .bot{font-size: 14px;color: #333333;display: inline-block;box-sizing: border-box;padding: 0 20px;background-color: #fff;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);}
.bd-mask .tcbox .contwarp .cont .top{top: -7px;}
.bd-mask .tcbox .contwarp .cont .top span{color:#ffc000 ;}
.bd-mask .tcbox .contwarp .cont .bot{bottom: -7px;}
.bd-mask .tcbox .contwarp .cont form{width: 70%;margin:auto;margin-bottom: auto;box-sizing: border-box;}
.bd-mask .tcbox .contwarp .cont form .min{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 30px;}
.bd-mask .tcbox .contwarp .cont form .left{width: 49%;}
.bd-mask .tcbox .contwarp .cont form input{width: 100%;display: block;height: 40px;box-sizing: border-box;padding: 0 20px;font-size: 12px;color: #333333;border-radius: 4px;margin-bottom: 10px;border: 1px solid #DDDDDD;}
.bd-mask .tcbox .contwarp .cont form input:last-child{margin-bottom: 0;}
.bd-mask .tcbox .contwarp .cont form textarea{width: 49%;border: 1px solid #ddd;resize: none;display: block;font-size: 12px;color: #333333;border-radius: 4px;box-sizing: border-box;padding: 20px;}
.bd-mask .tcbox .contwarp .cont form h3{font-size: 24px;color: #333333;font-weight: bold;text-align: center;margin-bottom: 30px;}
.bd-mask .tcbox .contwarp .cont form h3 span{color: #ffc602;}
.bd-mask .tcbox .contwarp .cont form button{display: block;width: 160px;height: 40px;border-radius: 0;margin: auto;padding: 0;background-color: #1d6095;line-height: 40px;color: #fff;outline: none;border: 1px solid #1d6095;}
.bd-mask .tcbox .contwarp .cont form button::after{border-radius: 0;}
.bd-mask .tcbox .contwarp .cont form button:hover{color: #1d6095;}
.bd-mask .tcbox .contwarp .close {position: absolute;right: -120px;top: -100px;transition: all .3s; pointer-events: painted;}
.bd-mask .tcbox .contwarp .close:hover{transform: rotate(180deg);}

.bd-mask input::-webkit-input-placeholder,.bd-mask textarea::-webkit-input-placeholder{color: #333333;}
.bd-mask input::-ms-input-placeholder,.bd-mask textarea::-ms-input-placeholder{color: #333333;}


.promax{ display: block;overflow: hidden;}
.promax a{ display: block;float: left;margin: 0 10px 10px 0;}

.proinfo02 li .minposhow p{padding:0;} 
.proinfo02 li .minposhow p::before{  display: none; }



.li.aos-init.aos-animate{margin-bottom: 50px;}





@media only screen and (max-width:1600px ) {
	.bannerwrap .swiper-container a .text h3{font-size: 4rem;}
	.bannerwrap .swiper-container a .text h4{margin-bottom: 50px;}
	.more,.more02{width: 180px;height: 50px;line-height: 50px;}
	.bannerwrap .news .left p{font-size: 16px;}
	.bannerwrap .news .left font{font-size: 13px;}
	.bannerwrap .news span{font-size: 13px;}
	.headerwrap .header .right .nav li a{font-size: 1rem;padding: 0 2rem;}
	.headerwrap .header .right .search{width: 80px;height: 80px;}
	.headerwrap .header .right .nav li a{height: 5rem;line-height: 80px;}
	.index01 .text h3{font-size: 2rem;margin-bottom: 2.125rem;}
	.index01 .text h4{font-size: 0.9375rem;margin-bottom:2.125rem;}
	.index02 li .text h3{font-size: 2rem;margin-bottom: 1.25rem;}
	.index02 li .text .fontbg{font-size: 7.5rem;}
	.index02 li .text h4{font-size: 0.9375rem;margin-bottom: 1.875rem;}
	.index03wrap .index03 a .text01 h3{font-size: 2.25rem;}
	.index03wrap .index03 a .text01 h4{font-size: 1.125rem;line-height: 1.875rem;margin-bottom: 2.5rem;}
	.index03wrap .index03 a .text02 p{font-size: 0.875rem;}
	.index03wrap .index03 a .text02 h3{font-size: 1.125rem;}
	.footerwrap .footer{padding: 5rem 5%;}
	
	.index03 .min02 .left .text h3{margin-bottom: 30px;}
	
	.bannerwrap{height: calc(100% - 120px);margin-top: 120px;}
	.bannerwrap .swiper-container a .pcimg .text03{width: 60%;}
	.bannerwrap .swiper-container a .pcimg .text01 img{max-width: 70%;}
	.bannerwrap .swiper-container a .pcimg .text03 .font{margin-bottom: 30px;}
	
	.footerwrap .footer li .f-log{width: 130px;}
	.footerwrap .footer li h3{font-size: 18px;}
	.footerwrap .footer li .maplink img{width: 360px;}
	.footerwrap .footer li .li{width: 320px;}
	.footerwrap .footer li.ewm .item img{min-width: 150px;width: 150px;}
	.footerwrap .footer li p{font-size: 12px;}
	.footerwrap .footer li p br{display: none;}
	.more{margin-top: 40px;}
	.index01 .text .i-list{margin-top: 50px;}

	/* ABOUT */
	.mbx,.development>h3,.aboutwrap,.framework01,.proinfo01,.proinfo02 li .top h3,.proinfo02 li .min,.join01wrap,.application01 li .cont,.navigation01{width: 1200px;}
	.about02-page .swiper-button-prev{left: calc((100% - 1200px)/2);}
	.about02-page .swiper-button-next{right: calc((100% - 1200px)/2);}

	.culture01wrap,.culture03{width: 1200PX;}
	.culture02{width: 80%;}
	.culture02 .swiper-button-prev{left: -70PX;}
	.culture02 .swiper-button-next{right: -70PX;}
	
	.buliding01,.buliding02,.serviceone01,.serviceone02{width: 1200px;}
	.buliding01wrap .top{padding: 0 calc((100% - 1200px)/2);}
	
	.news01wrap,.contactwrap,.message,.product01,.servicetwo01{width: 1200px;}
	
	
}

/* pc */
.pc-1200px{ display: none; }

@media only screen and (max-width:1200px)
{
.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999; display: block;}
.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}
.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}
.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}
.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}
}