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,微软雅黑; line-height:1;font-weight: normal;letter-spacing: 0.8px;     text-align: justify;}
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: 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;}
/*<------------------------------------->*/	




 






.header{ position: fixed;width: 100%;background:none;height:90px;z-index: 10;top: 0;left: 0; border-bottom:1px solid rgba(255, 255, 255, 0.2);  transition: all .1s; }
.header .center{ width: 1260px;margin: 0 auto;     display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.header .center .logo{ display: block;overflow: hidden;}
.header .center .logo img{ display: block;height:70px;margin: 0 0 0 0;}
.header .center .nav{ display: block;}
.header .center .nav dd{ display: block;float: left; margin: 0 20px;position: relative;}
.header .center .nav dd h3{ display: block;overflow: hidden;position: relative;}
.header .center .nav dd h3 a{ display: block;line-height: 90px;font-size: 15px;color: #fff;font-weight: bold;letter-spacing: 0; }
.header .center .right{ display: block;overflow: hidden;text-align: right; margin: 0 0 0 0;}
.header .center .right h4{ display: inline-block; overflow: hidden;}
.header .center .right h4 a{ display: block;float: left;width: 35px;height: 35px;border: 1px solid #fff;line-height: 35px;text-align: center;border-radius: 50%;font-size: 12px;font-weight: bold;color: #fff;letter-spacing: 0;margin-left: 10px;}
.header:hover .center .right h4 a:hover{border-color: #0142ff;color: #0142ff;}


.div2_1 .header,.header:hover{ background: #fff;  border-bottom:1px solid #eee; }
.div2 .header .center .logo #img2{ display: block;}
.div2 .header .center .logo #img1{ display: none; }

.div2_1 .header .center .logo #img2{ display: none;}
.div2_1 .header .center .logo #img1{ display: block; }
.div2_1 .header .center .nav dd h3 a{ color:#000; }
.div2_1 .header .center .right h4 a{ border: 1px solid #333; color: #333;  }


.header:hover .center .logo #img2{ display: none;}
.header:hover .center .logo #img1{ display: block; }


.header:hover .center .nav dd h3 a{ color:#000; }
.header:hover .center .right h4 a{ border: 1px solid #333; color: #333;  }
.header:hover .center .nav dd h3 a:hover{color: #0142ff;}

/*二级菜单*/
.header .nav02{width: 100%;height:auto;background-color: #fff;position: absolute;left: 0;top:90px;z-index: 0;border-top: 1px solid #ddd;box-shadow: 0px 5px 5px rgba(211,211,211,0.5)}
.header .nav02 .item{width: 100%;height: auto;box-sizing: border-box;display: none;}
.header .nav02 .item .info{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items:center;align-items: center;-webkit-justify-content:center;}
.header .nav02 .item .info{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items:center;align-items: center;-webkit-justify-content:center;justify-content: center;}
.header .nav02 .item .info a{display: block;font-size: 16px;color: #000;line-height: 60px;margin-right: 60px;}
.header .nav02 .item .info a:last-child{margin-right: 0;}
.header .nav02 .item .info a:hover{color: #0037ff;}


.banner{ display: block;width: 100%;overflow: hidden;position: relative;max-height:100%;background: #eee;   margin-top: 0;}
.banner .swiper-slide{}
.banner .swiper-slide img,.banner .swiper-slide video{ display: block; width: 100%;}
.banner .swiper-slide .in-banner-txt{ position: absolute;top: 45%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left: 50%;width: 1260px;margin-left: -630px;z-index: 3;}

.banner .swiper-slide .in-banner-txt1 h3{ text-shadow: 2px 2px 10px rgba(0,0,0,0.5); opacity: 1; text-transform: uppercase;color: #fff;letter-spacing: 2px;line-height: 1em;font-size: 60px;font-weight: bold;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.banner .swiper-slide .in-banner-txt1 h3:before,.banner .swiper-slide .in-banner-txt1 h3:after{content: '';display: block;width: 200px;height: 2px;background-color: #fff;}
.banner .swiper-slide .in-banner-txt1 h4{ text-shadow: 2px 2px 10px rgba(0,0,0,0.5); opacity: 1; font-weight: bold;text-transform: uppercase;color: #fff;font-size: 36px;letter-spacing:10px;line-height: 1em;margin: 10px 0; text-align: center; }
.banner .swiper-slide .in-banner-txt1 h3:before{margin-right: 30px;}
.banner .swiper-slide .in-banner-txt1 h3:after{margin-left: 30px;}


.banner .swiper-button-prev, .banner .swiper-button-next{ background: none;color: #fff;width: 44px;text-align: center;border: 1px solid #eee;border-radius: 50px;font-size: 20px;line-height: 44px;opacity: 0.5; }
.banner .swiper-pagination-bullet-active{ width: 11px;height: 11px;border: 1px solid #fff;background: #fff;}
.banner .swiper-pagination-bullet{width: 11px;height: 11px;     opacity: 1; border: 2px solid #fff;background: none;} 
.banner .swiper-pagination-bullet-active{background: #fff;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:30%; }

 
.banner .b-to-a{ position: absolute;width: auto;bottom: 10px;z-index: 3;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);animation: arrowDown 1.5s 0.7s infinite;-webkit-animation: arrowDown 1.5s 0.7s infinite;}

@keyframes arrowDown {
    0% {opacity:1;bottom: 40px;}
    50% {opacity:0.5;bottom: 30px;}
    100% {opacity:0;bottom: 10px;}
}
@-webkit-keyframes arrowDown {
    0% {opacity:1;bottom: 40px;}
    50% {opacity:0.5;bottom: 30px;}
    100% {opacity:0;bottom: 10px;}
}
.banner .b-to-a img{}




.in-server{ display: block;overflow: hidden;margin: 100px 0 50px;     padding-bottom: 250px;}

 
/*BUSINESS*/
#div_business{background-color:#ffffff;padding-bottom:100px; /*padding-left:122px;padding-right:150px;*/     width: 1260px; margin: 0 auto;}
#ul_business{margin:0 auto;margin-bottom:100px;     
    -webkit-margin-before: 0;
    -webkit-margin-after: 0; 
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;    position: relative;left: -28px;width: calc(100% + 14px);
    -webkit-padding-start: 0;}
#ul_business>li a { color:#333; display: block;overflow: hidden;padding: 30px 60px;}
#ul_business>li a:hover {  }
#ul_business>li{width:16.6666666666%;cursor:hand;float:left; padding:0px;padding-left:28px;padding-bottom:0;vertical-align:top;position:relative;overflow: visible !important;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
#ul_business>li.off { width:calc(12.5% - 28px); }
#ul_business>li.active{width:calc(50% - 28px);}
#ul_business>li.active .business_caption{}
.div_businessthumb{cursor:pointer;width:100%;height:459.1px;background-size:cover;background-position:center;position:relative;
	-webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.30);
	-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.30);
	box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.30);}
.business_caption{
	-webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.48);
	-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.48);
	box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.48);
	text-align:left;background-color:#ffffff;;width:100%;z-index:2;padding:0;display:none;position:absolute;top:460px;}
.business_caption h2{ font-weight: bold;padding-bottom: 20px;font-size: 28px;color: #000;}
.business_caption span{font-weight: normal;padding-bottom: 20px;font-size: 16px;letter-spacing: 1px;   color: #000;  display: block;overflow: hidden;}
.a_plus{position:absolute;right:15px;bottom:26px;width:30px;height:32px;background-size:cover;background-repeat: no-repeat;}
#div_businessmobile{display:none;}
#div_vusinesscaptioncontainer *{text-align:left !important;}















.titile{ display: block;overflow: hidden;   text-align: center; margin-bottom: 50px;}
.titile h3{ display: block;text-align: center;font-weight: bold;font-size: 38px;color: #000; }
.titile h4{ display: block;text-align: center;font-size: 16px;color: #000;letter-spacing: 1px;line-height: 1em;margin: 20px 0 0 0;}



.to-a{ display: block;overflow: hidden;width: 150px;height: 38px;border: 1px solid #0142ff;position: relative;overflow: hidden;}
.to-a .t{ display: block;line-height: 38px;text-align: center;font-weight: bold;letter-spacing: 0;color: #0037ff;text-transform: uppercase;font-size: 12px;     position: relative; z-index: 2;}
.to-a .t .fa{ color: #0037ff;  font-weight: bold;margin-left: 5px;font-size: 14px;}
.to-a .b{ position: absolute;top: 0;left:-100%;width: 100%;height: 100%;background: #0037ff;z-index: 1; transition: all .3s;}
.to-a:hover .t,.to-a:hover .t .fa{ color:#fff; }
.to-a:hover .b{ left:0; }

















.in-company{ background: url(../img/in-company-bg.jpg) fixed;background-size: cover; padding:100px 0; }
.in-company .titile h3,.in-company .titile h4{ color:#fff; }
.in-company .to-a{ margin:0 auto; }

.in-company dl{  width: 1260px;margin:60px auto;overflow: hidden;  display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;}
.in-company dl dd{ display: block;overflow: hidden;}
.in-company dl dd span{ display: block;text-align: center;color: #fff;font-size: 16px;font-weight: bold;    line-height: 20px;}
.in-company dl dd font{display: block;text-align: center;color: #fff;font-size: 14px;font-weight: bold;text-transform: uppercase;}
.in-company dl dd .numscroller{ font-size:70px;color: #fff;font-weight: bold; letter-spacing: 0;     position: relative;}
.in-company dl dd .numscroller:after{ color: #fff;content: '+';display: inline-block;font-size: 30px;color: inherit;vertical-align: top;font-weight: normal;vertical-align: baseline;}
.in-company dl dd:nth-of-type(1) .numscroller:after{content: 'year';font-size: 16px;}
.in-company dl dd:nth-of-type(2) .numscroller:after{content: 'Ten thousand M';font-size: 16px;}
.in-company dl dd:nth-of-type(4) .numscroller:after{content: 'Ten thousand M';font-size: 16px;}



.in-company dl p{     opacity: 0.5; width: 1px;background: #fff;position: relative;height: 150px;display: block;}

@-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%); }
}










.in-news{ padding:100px 0 150px; display: block;overflow: hidden;    background: #eee;     margin-bottom: 0px; }
.in-news dl{ display: block;overflow: hidden;width: 1260px;margin: 0 auto 50px;}
.in-news dl a{ display: block;width: 30%;float: left;margin-right: 5%;box-sizing: border-box;     background: #fff;}
.in-news dl a:nth-child(3n){ margin-right:0; }
.in-news dl a .imgbox{display: block;width: 100%;overflow: hidden;}
.in-news dl a .imgbox img{display: block;width: 100%;transition: all .6s;}
.in-news dl a:hover .imgbox img{transform: scale(1.1);}
.in-news dl a .text{width: 100%;height: auto;overflow: hidden;box-sizing: border-box;padding:20px 25px;position: relative;}
.in-news dl a .text p{font-size: 14px;color: #282e3b;margin-bottom: 20px;}
.in-news dl a .text p span{font-size: 12px;color: #282e3b;box-sizing: border-box;display: inline-block;border: 1px solid #282e3b;padding: 6px;margin-left: 20px;} 
.in-news dl a .text h3{font-size: 16px;color: #282e3b;margin-bottom: 40px;font-weight: bold;line-height: 20px;}
.in-news dl a:hover .text h3{color: #036bdd;}

.in-news dl a .text font{display: inline-block;width: 40px;position: relative;transition: all .3s;}
.in-news dl a .text font:before,.in-news dl a .text font:after{content: '';height: 1px;background-color: #282e3b;position: absolute;left: 0;bottom: 0.25em;transform-origin: 100% 100%;}
.in-news dl a .text font:before{width: 7px;transform: rotate(45deg);right: 0;left: initial;}
.in-news dl a .text font:after{width: 100%;}
.in-news dl a:hover .text font{width: 60px;}



.in-news .to-a{ margin:0 auto; }






.bot-l{ width: 960px;box-sizing: border-box;background-color: #174ffc;position: relative;margin: 0 auto; top:-130px}
.bot-l img{ display: block; width:auto; float: left; margin: 10px;}
.bot-l .min{width: calc(75% - 350px);position: absolute; top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);box-sizing: border-box;     left: 380px;}
.bot-l .min h3{font-size: 30px;color: #FFFFFF;margin-bottom: 20px; font-weight: bold;}
.bot-l .min h4{font-size: 13px;color: #FFFFFF;line-height: 24px;}
.bot-l .to-a{ color: #0142ff;position: absolute;right:10px;bottom: 20px;border-color: #FFFFFF;}
.bot-l .to-a .t,.bot-l .to-a .t .fa{ color:#fff; }
 




.index03warp{width: 100%;box-sizing: border-box;position: relative;padding-top: 120px;overflow: hidden;margin-bottom: 0;     top: -80px;}
.index03warp .fontbg{position: absolute;right: 0px;top: 0px;z-index: 0;width: 100%;overflow: hidden;height: 140px;}
.index03warp .fontbg span{font-size: 100px;color: rgba(51,51,51,0.07); font-weight: bold;letter-spacing: 20px;text-transform: uppercase;-webkit-animation: about-anim 30s linear infinite normal;animation: about-anim 30s linear infinite normal;position: absolute;display: block;white-space: nowrap;top: 0;left: 0;display: flex;align-items: center;display: -webkit-flex;-webkit-align-items: center;}
.index03warp .fontbg span i{font-size: 30px;color: inherit;margin: 0 40px 0 20px;}
.index03warp .index03{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 30px;}
.index03warp .index03 .line{width: 100%;box-sizing: border-box;background-color: #c4c4c4;position: absolute;left: 0;height: 1px;top: 45px;}
.index03warp .index03 .center{    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    width: 1260px;
    margin: 0 auto;}
.index03warp .index03 li{width: 12%;text-align: center;}
.index03warp .index03 li font{width:70px;height: 80px;display: block;position: relative;text-align: center;line-height: 80px;font-size: 38px;color: #174ffc;font-weight: bold;margin: auto;background-color: #FFFFFF;transition: all .9s;}
.index03warp .index03 li:hover font{transform: rotate(180deg);}
.index03warp .index03 li font img{display: block;width: 100%;position: absolute;margin: auto;}
.index03warp .index03 li h3{font-size: 22px;color: #000000;margin: 20px 0; text-align: center; font-weight: bold; }
.index03warp .index03 li h4{font-size: 14px;color: #666;line-height: 24px; width: 85%; margin: 0 auto; letter-spacing: 0; }
.index03warp .index03 li:hover h3,.index03warp .index03 li:hover h4{ color:#174ffc; }
















.index04warp{width: 100%;box-sizing: border-box;padding: 70px 0;padding-left: 40px;position: relative;  z-index: 2;}
.index04warp:before{content: '';display: block;width: 80%;height: 100%;background-color: #f3f3f3;height: 100%;position: absolute;right: 0;top: 0;z-index: 0;}
.index04warp .index04{width: 90%;position: relative;z-index: 2;float: right;}
.index04warp .index04 a{display: block;width: 100%;position: relative;overflow: hidden;box-sizing: border-box;}
.index04warp .index04 a .left{width: 50%;float: left;box-sizing: border-box;overflow: hidden;}
.index04warp .index04 a .left img{display: block; width:100%; transition: all .6s;}
.index04warp .index04 a:hover .left img{transform: scale(1.1);}
.index04warp .index04 a .right{width: 45%;box-sizing: border-box;position: absolute;right: 0;height: 100%;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;padding: 20px 0;padding-left: 0;}
.index04warp .index04 a .right h3{ font-size: 20px;color: #444;line-height: 30px;font-weight: bold;letter-spacing: 1px;}
.index04warp .index04 a .right .bot{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.index04warp .index04 a .right .bot font{font-size: 12px;color: #797979;text-decoration: underline;}
.index04warp .index04 a .right .bot span{font-size: 12px;color: #797979; letter-spacing: 0; }
.index04warp .index04 .swiper-slide{width: 30%;}
.index04warp  .swiper-button-next,.index04warp .swiper-button-prev{transition: all .3s;background-image: none;background-color: #ccc;width:40px;height:40px;border-radius: 50%;opacity: 1;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: relative;top: 0;right: 0;left: 0;margin: 0;outline: none;}

.index04warp .swiper-button-next:hover, .index04warp .swiper-button-prev:hover{ background-color: #174ffc; }
.index04warp .index04 a:hover .right h3,.index04warp .index04 a:hover .right .bot font,.index04warp .index04 a:hover .right .bot span{ color: #174ffc;  }

.index04warp  .swiper-button-next i{display: inline-block;width: 20px;height: 1px;position: relative;transition: all .3s; }
.index04warp  .swiper-button-next i:after{content: '';height: 1px;background-color: #FFFFFF;position: absolute;left: 0;bottom: 0;transform-origin: 100% 100%;}
.index04warp .swiper-button-next i:before{content: '';width: 6px;height: 6px;border-top: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;transform: rotate(45deg);-webkit-transform: rotate(45deg);right: 0;display: block;position: absolute;top: -3px;}
.index04warp .swiper-button-next i:after{width: 100%;}

.index04warp .swiper-button-prev i{display: inline-block;width: 20px;height: 1px;position: relative;transition: all .3s;margin-left: 5px;}
.index04warp .swiper-button-prev i:after{content: '';height: 1px;background-color: #FFFFFF;position: absolute;left: 0;bottom: 0;transform-origin: 100% 100%;}
.index04warp .swiper-button-prev i:before{content: '';width: 6px;height: 6px;border-top: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;transform: rotate(45deg);-webkit-transform: rotate(-132deg);left: 0;display: block;position: absolute;top: -3px;}
.index04warp .swiper-button-prev i:after{width: 100%;}
.index04warp .page{position: absolute;left: 0;width: 10%;top: 0;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;-webkit-flex-flow: column;flex-flow: column;height: 100%;}
.index04warp .swiper-button-next{margin-bottom: 25px;}







/*footer*/
.footerwarp{width: 100%;box-sizing: border-box;background-color: #3e3e3e;overflow: hidden;padding:0px 5% 60px;border-top: 5px solid #0142ff; position: relative; z-index: 3;}
.footerwarp .footer{width: 1260px;margin: auto;box-sizing: border-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between; margin: 60px auto; }
.footerwarp .footer li h3{font-size: 18px;color: #ddd;margin-bottom: 20px;     font-weight: bold;}
.footerwarp .footer li .min p{font-size: 14px;color: #ddd;line-height: 24px;width: 50%}
.footerwarp .footer li .fx a{background-image: none;width: 30px;height: 30px;font-size: 14px;color: #FFFFFF;margin: 0;margin-right: 10px;border-radius: 50%;box-sizing: border-box;text-align: center;line-height: 30px;padding: 0;}
.footerwarp .footer li .fx a:last-child{margin-right: 0;background-color: #3186d7;}
.footerwarp .footer li .fx a:nth-of-type(1){background-color: #9acf4d;}
.footerwarp .footer li .fx a:nth-of-type(2){background-color: #4d9999;}
.footerwarp .footer li .fx a:nth-of-type(3){background-color: #df3133;}
.footerwarp .footer li .fx a:nth-of-type(4){background-color: #187bfc;}
.footerwarp .footer li{}
.footerwarp .footer li h4 img{display: block;width: auto;max-width: 80px;margin: auto;     margin-bottom: 10px;}
.footerwarp .footer li h4 span{ color: #ddd;font-size: 12px;margin: 10px 0; }
.footerwarp .footer li h4{ display: block;overflow: hidden;width: auto;float: none;text-align: center; }
.footerwarp .footer li h5{ display: block;float: left;margin-left: 50px;}
.footerwarp .footer li .fx{ display: block;overflow: hidden;margin-top: 10px; }
.footerwarp .footer li .fx a{background-image: none;width: 30px;height: 30px;font-size: 14px;color: #FFFFFF;margin: 0;margin-right: 10px;border-radius: 50%;box-sizing: border-box;text-align: center;line-height: 30px;padding: 0;}
.footerwarp .footer li .fx a:last-child{margin-right: 0;background-color: #3186d7;}
.footerwarp .footer li .fx a:nth-of-type(1){background-color: #9acf4d;}
.footerwarp .footer li .fx a:nth-of-type(2){background-color: #4d9999;}
.footerwarp .footer li .fx a:nth-of-type(3){background-color: #df3133;}
.footerwarp .footer li .fx a:nth-of-type(4){background-color: #187bfc;}
.footerwarp .footer li h5 span{ display: block;color: #ddd;font-size: 14px; }
.footerwarp .footer li h5 font{ display: block;color: #fff;font-weight: bold;font-size: 20px;margin-top: 5px;}
.footerwarp .ba{width: 1260px;box-sizing: border-box; margin: 0 auto; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.footerwarp .ba h3{font-size: 12px;color: #ddd;     letter-spacing: 1px;}
.footerwarp .ba a{font-size: 12px;color: #ddd;   letter-spacing: 0;   margin-left: 20px;}


/*联系我们*/
.in-banner{width: 100%;box-sizing: border-box;position: relative; background: #000; }
.in-banner img{display: block;width: 100%; opacity: 0.75;}
.in-banner .text{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.in-banner .text h3{font-size: 60px;color: #ffffff;padding-bottom: 5px;border-bottom: 2px solid #FFFFFF;box-sizing: border-box; font-weight: bold; margin-bottom:60px; }

.inwarp{width: 100%;box-sizing: border-box;margin: 120px 0 0;}
.inwarp .contact01{width: 1260px;margin: auto;box-sizing: border-box;}
.inwarp .contact01 li{width: 100%;box-sizing: border-box;position: relative;margin-bottom: 80px;}
.inwarp .contact01 li .left{width: 40%;float: left;box-sizing: border-box;padding: 25px;border: 1px solid #DDDDDD;}
.inwarp .contact01 li .left .imgbox{width: 100%;position: relative;}
.inwarp .contact01 li .left .imgbox img{display: block;width: 100%;}
.inwarp .contact01 li .left .imgbox h3{font-size: 30px;color: #FFFFFF;width: 100%;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;position: absolute;}
.inwarp .contact01 li .right{width: 60%;border: 1px solid #DDDDDD;padding: 25px;border: 1px solid #DDDDDD;position: absolute;right: 0;height: 100%;top: 0;box-sizing: border-box;border-left: none;}
.inwarp .contact01 li .right .map{width: 100%;height: 100%;}
.inwarp .contact01 li .left .text{width: 100%;box-sizing: border-box;padding: 30px 20px;}
.inwarp .contact01 li .left .text h4{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-bottom: 10px;}
.inwarp .contact01 li .left .text h4 font{width: 12%;}
.inwarp .contact01 li .left .text h4 span{font-size: 16px;color: #333333;display: block;width: 88%;}

.contact02warp{width: 100%;box-sizing: border-box;padding: 50px 0;background: url(../img/con_bg.jpg)no-repeat;background-size: cover;     overflow: hidden; }
.contact02warp .contact02{width: 1000px;margin: auto;box-sizing: border-box; display: block; overflow: hidden;}
.contact02warp .contact02 form{display: block;width: auto;    overflow: hidden; position: relative;}
.contact02warp .contact02 form input{display: block;width: 48%;float: left;margin-right: 4%;border-radius: 2rem;height: 48px;background-color: #FFFFFF;border: none;box-shadow: 0px 0px 5px rgba(51,51,51,0.2);margin-bottom: 20px;box-sizing: border-box;padding: 0 20px;outline: none;font-size: 16px;color: #999999;}
.contact02warp .contact02 form input:nth-of-type(2n){margin-right: 0;}
.contact02warp .contact02 form textarea{display: block;width: 100%;height: 110px;border-radius: 8px;border: none;resize: none;box-sizing: border-box;padding: 20px;font-size: 16px;color: #999999;outline: none;box-shadow: 0px 0px 5px rgba(51,51,51,0.2);}
.contact02warp .contact02 form .to-a{background-color: #0142ff;margin-top: 20px;float: right;cursor:pointer;}
.contact02warp .contact02 form .to-a .t{color: #FFFFFF;}
.contact02warp .contact02 form .to-a .t .fa{color: #FFFFFF;}
.contact02warp .contact02 form .to-a .b{background-color: #FFFFFF;}
.contact02warp .contact02 form .to-a:hover .t{color: #0142ff;}
.contact02warp .contact02 form .to-a:hover .t .fa{color: #0142ff;}



.screen-reader-response{ display: none; }
.contact02warp .contact02 form p{display: block; overflow: hidden; padding: 5px;}
.contact02warp .contact02 form p span{position: relative;display: block;width: 48%;float: left;margin-right: 4%;border-radius: 2rem;height: 48px;background-color: #FFFFFF;border: none;box-shadow: 0px 0px 5px rgba(51,51,51,0.2);margin-bottom: 20px;    overflow: hidden;box-sizing: border-box;padding: 0 20px;outline: none;font-size: 16px;color: #999999;}
.contact02warp .contact02 form p span:nth-of-type(2n){margin-right: 0;}
.contact02warp .contact02 form p span span{ position: absolute;right: 0;width: auto;background: none;border: 0;box-shadow: 0px 0px 0px rgba(51,51,51,0.2);padding: 0;font-size: 14px;line-height: 48px;letter-spacing: 0;color: #0142ff;}
.contact02warp .contact02 form p span input{ border-radius: 0;box-shadow: 0px 0px 0px rgba(51,51,51,0.2);padding: 0;margin: 0;width: 100%;}

.contact02warp .contact02 form p .textarea-680{display: block;width: 100%;height: 110px;border-radius: 8px;border: none;resize: none;box-sizing: border-box;padding: 20px;font-size: 16px;color: #999999;outline: none;box-shadow: 0px 0px 5px rgba(51,51,51,0.2);    margin: 0;    position: relative;}
.contact02warp .contact02 form p .textarea-680 textarea{ margin: 0;padding: 0;height: auto;border-radius: 0;box-shadow: 0px 0px 0px rgba(51,51,51,0.2);}
.contact02warp .contact02 form p .textarea-680 span{ right: 2%;top: 50%;height: 30px;line-height: 30px;margin: -15px 0 0 0;}

.contact02warp .contact02 form .wpcf7-validation-errors,.contact02warp .contact02 form .wpcf7-mail-sent-ok{ display: block;color: #0142ff;letter-spacing: 0;position: relative; text-align: center;}




/*news*/
.jt{display: inline-block;width: 40px;position: relative;transition: all .3s;}
.jt:before,.jt:after{content: '';height: 1px;background-color: #282e3b;position: absolute;left: 0;bottom: 0.25em;transform-origin: 100% 100%;}
.jt:before{width: 7px;transform: rotate(45deg);right: 0;left: initial;}
.jt:after{width: 100%;}

.news01{width: 1260px;margin: auto;box-sizing: border-box;margin-bottom: 100px;}
.news01 .n-min{width: 100%;box-sizing: border-box;}
.news01 .n-min a{display: block;width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;background-color: #eeeeee;margin-bottom: 40px;}
.news01 .n-min a .imgbox{width: 30%;overflow: hidden;}
.news01 .n-min a .imgbox img{display: block;width: 100%;transition: all .6s;}
.news01 .n-min a:hover .imgbox img{transform: scale(1.1);}
.news01 .n-min a .text{width: 70%;box-sizing: border-box;padding: 0 40px;}
.news01 .n-min a .text .top{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-bottom: 20px;}
.news01 .n-min a .text .top p{font-size: 14px;color: #000000;}
.news01 .n-min a .text .top font{display: block;width: 48px;height: 26px;border: 1px solid #000;text-align: center;line-height: 24px;box-sizing: border-box;margin-left: 20px;}
.news01 .n-min a .text h3{font-size: 20px;color: #000000;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 30px;}
.news01 .n-min a:hover .text .jt{width: 60px;}
.news01 .n-min a:hover .text h3{color: #0142ff;}
.news01 .n-fy{display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;-webkit-align-items: center;align-items: center;}
.news01 .n-fy a{display: block;width: auto;height: 42px;min-width: 42px;box-sizing: border-box;padding: 0 12px;font-size: 16px;color: #FFFFFF;background-color: #0142ff;line-height: 40px;text-align: center;transition: all .3s;border: 1px solid #0142ff;margin-right: 20px;}
.news01 .n-fy a:hover{background-color: transparent;color: #0142ff;}
.news01 .n-fy a:last-child{margin-right: 0;}
.news01 .n-fy a i{font-size: 16px;color: inherit;margin-left: 10px;}

.news01 .n-fy a .fa{ color:#fff; }
.news01 .n-fy a:hover .fa{ color: #0142ff; }











/*新闻详情*/
.newsinfowarp{width: 100%;box-sizing: border-box;margin-bottom: 100px;}
.newsinfowarp .topwarp{width: 100%;box-sizing: border-box;background-color: #eeeeee;padding: 60px 0;}
.newsinfowarp .topwarp .top{width: 1260px;margin: auto;box-sizing: border-box;padding: 0 30px;}    
.newsinfowarp .topwarp .top h3{font-size: 30px;color: #000000;margin-bottom: 40px;}
.newsinfowarp .topwarp .top p{font-size: 14px;color: #000000;}    
.newsinfowarp .newsinfo{width: 1260px;margin: auto;box-sizing: border-box;margin-top: 50px;position: relative;}
.newsinfowarp .newsinfo:before{content: '';display: block;width: 1px;height: 100%;background-color: #DDDDDD;position: absolute;top: 0;right: 30%;}
.newsinfowarp .newsinfo .min{width: 70%;float: left;box-sizing: border-box;padding-right: 50px;padding-left: 30px;}  
.newsinfowarp .newsinfo .min h4{font-size: 16px;color: #000000;line-height: 30px;}  
.newsinfowarp .newsinfo .min p{font-size: 16px;color: #000000;line-height: 30px;text-indent: 2rem;}  
.newsinfowarp .newsinfo .min img{display: block;width: auto;margin-top: 40px;margin: auto;}  
.newsinfowarp .newsinfo .right{width: 30%;float: right;box-sizing: border-box;padding-left: 50px;padding-right: 50px;}   
.newsinfowarp .newsinfo .right .list{width: 100%;box-sizing: border-box;}   
.newsinfowarp .newsinfo .right .list a{display: block;width: 100%;padding-bottom: 30px;border-bottom: 1px solid #DDDDDD;}   
.newsinfowarp .newsinfo .right .list a p{font-size: 16px;color: #666666;margin-bottom: 10px;}   
.newsinfowarp .newsinfo .right .list a h3{font-size: 16px;color: #000000;line-height: 30px;}   
.newsinfowarp .newsinfo .right .list a:last-child{margin-top: 30px;border-bottom: none;}
.newsinfowarp .newsinfo .right .to-a{margin-bottom: 70px;background-color: #0142ff;}
.newsinfowarp .newsinfo .right .to-a .t{color: #FFFFFF;}
.newsinfowarp .newsinfo .right .to-a .t .fa{color: #FFFFFF;}
.newsinfowarp .newsinfo .right .to-a .b{background-color: #FFFFFF;}
.newsinfowarp .newsinfo .right .to-a:hover .t{color: #0142ff;}
.newsinfowarp .newsinfo .right .to-a:hover .t .fa{color: #0142ff;}


/*about*/
.about01{width: 1260px;margin: auto;margin-bottom: 60px;}
.about01 .a-title h3{text-align: center;}
.about01 .a-title strong{margin: auto;}
.a-title h3{font-size: 24px;color: #000000;margin-bottom: 20px;}
.a-title strong{display: block;width: 30px;height: 2px;background-color: #0142ff;}
.about01 .info{width: 100%;box-sizing: border-box;padding: 0 100px 60px;border-bottom: 1px solid #DDDDDD;margin-top: 40px;}
.about01 .info h4{font-size: 16px;color: #333333;line-height: 30px;margin-bottom: 40px;text-align: justify;}
.about01 .info h4:last-child{margin-bottom: 0;}

/*.about02*/
.about02{width: 1260px;box-sizing: border-box;position: relative;margin: auto;margin-bottom: 90px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;-webkit-justify-content: flex-start;-webkit-justify-content: flex-start;}
.about02 .video{width: 55%;float: left;}
#video{box-sizing: border-box;position: relative;z-index: 0;}
#video video{width: 100%;object-fit: fill;display: block;}
.VideoBtn {position: absolute;left: 50%;top: 50%;display: block;width: 70px;height: 70px;margin-left: -35px;margin-top: -35px;cursor: pointer;z-index: 10;
}
#video img{display: block;width: 100%;}
.v-more{margin: auto;margin-top: 40px;width: 240px;height: 60px;line-height: 60px;}
.v-more i{font-size: 20px;color: inherit;margin-right: 10px;vertical-align: middle;}
.about02 .text{width: 45%;float: left;margin-left: -10%;background-color: #FFFFFF;position: relative;z-index: 2;padding: 20px;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);position: absolute;height: 100%;right: 0;top: 0;box-sizing: border-box;}
.about02 .text h4{font-size: 14px;color: #333333;line-height: 28px;margin-bottom: 10px;}
.about02 .text h4:last-child{margin-bottom: 0;}
.jsmodern-video-panel{display: none!important;}

/*about03*/
.about03warp{width: 100%;box-sizing: border-box;padding: 130px 0;background: url(../img/a_02.jpg)no-repeat fixed;background-size: cover;}
.about03warp .about03{width: 1260px;margin: auto;}
.about03warp .about03 .a-title h3{color: #FFFFFF;}
.about03warp .about03 .a-title{margin-bottom: 40px;}
.about03warp .about03 .info{padding-right: 190px;box-sizing: border-box;padding-bottom: 60px;border-bottom: 1px solid #FFFFFF;margin-bottom: 60px;}
.about03warp .about03 .info h4{font-size: 16px;color: #FFFFFF;line-height: 30px;text-align: justify;}
.about03warp .about03 ul{display: block;width: 100%;}
.about03warp .about03 ul li{display: block;width: 23.5%;float: left;margin-right: 2%;background-color: #2d2d2f;box-sizing: border-box;padding: 20px;height: 200px;}
.about03warp .about03 ul li img{display: block;width: auto;margin: auto;}
.about03warp .about03 ul li:last-child{margin-right: 0;}
.about03warp .about03 ul li strong{display: block;width: 60px;height: 1px;background-color: #0142ff;margin: 20px auto;transition: all .3s;}
.about03warp .about03 ul li h4{font-size: 16px;color: #ffffff;text-align: center;}
.about03warp .about03 ul li h4 span{font-size: 30px;margin-right: 10px;}
.about03warp .about03 ul li h4 span i{font-size: 14px;color: #FFFFFF;font-style: normal;}
.about03warp .about03 ul li:hover strong{width: 130px;}

.about04{width: 1260px;margin: 70px auto 100px;box-sizing: border-box;padding-top: 70px;border-top: 1px solid #DDDDDD;}
.about04 a{display: block;width: 30%;float: left;margin-right: 5%;overflow: hidden;}
.about04 a .imgbox{width: 100%;overflow: hidden;}
.about04 a img{display: block;width: 100%;transition: all .6s;}
.about04 a .text{width: 100%;height: 60px;box-sizing: border-box;padding: 0 25px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;background-color: #ededed;position: relative;}
.about04 a .text:before{content: '';display: block;width: 0%;height: 100%;background-color: #3e3e3e;position: absolute;left: 0;top: 0;transition: all .3s;z-index: 0;}
.about04 a:hover .text:before{width: 100%;}
.about04 a .text h3{font-size: 18px;color: #000000;position: relative;z-index: 1;}
.about04 a .text i{font-size: 18px;color: inherit;opacity: 0;transition: all .3s;position: relative;z-index: 1;}
.about04 a:hover .text i{opacity: 1;}
/*.about04 a:hover img{transform: scale(1.1);}*/
.about04 a:last-child{margin-right: 0;}
.about04 a:hover .text h3,.about04 a:hover .text i{color: #FFFFFF;}



.in-banner .title{ position: absolute;width: 100%;left: 0;bottom: 0;z-index: 9;background: #fff; border-bottom: 1px solid #eee;}
.in-banner .title dd{ display: block;width: 1260px;margin: 0 auto;}
.in-banner .title dd a{ display: block;float: left;height: 60px;line-height: 60px;font-size: 14px;font-weight: normal;border-right: 1px solid #eee;padding: 0 50px;color: #333;}
.in-banner .title dd .fa{ border-left: 1px solid #eee; padding: 0 20px; font-size: 20px;}
.in-banner .title dd a:hover{ background:#0142ff;color: #fff; }


 
.p-culture-list{ display: block; overflow: hidden;}
.p-culture-list dl{ display: block; overflow: hidden;    padding: 60px 0; }
.p-culture-list dl .center{position: relative; display: block;width: 1260px;margin: 0 auto;overflow: hidden;}
.p-culture-list dl h3{ position: absolute;font-size: 320px;font-weight: normal;color: #eee;line-height: 1em;top: 50%;left: 0;margin-top: -170px;width: 20%;}
.p-culture-list dl p{    position: absolute;height: 0px;border: 0.5px solid #eeeeee;width: 100%;transform: rotate(111deg);-o-transform: rotate(110deg);-moz-transform: rotate(110deg);left: -23%;top: 0;}
.p-culture-list dl dd{ position: relative; display: block; overflow: hidden; width:70%; margin: 0 0 0 30%;}
.p-culture-list dl dd .txt{ position: absolute;top: 50%;left: 0;width: 55%;z-index: 3; transform: translateY(-50%); -webkit-transform: translateY(-50%);  }
.p-culture-list dl dd h4{position: relative; display: block;font-size: 40px;font-weight: bold;color: #333;line-height: 1em;}
.p-culture-list dl dd h4 span{ position: absolute;width: 100px;height: 1px;background: #ccc;top: 25px;right: -50px;}
.p-culture-list dl dd h5{ display: block;overflow: hidden;margin: 60px 0;     width: 90%;}
.p-culture-list dl dd h5 span{float: left;display: block; font-size: 30px; width:10%;}
.p-culture-list dl dd h5 .fa-quote-left{ margin: 0 0 22px 0;}
.p-culture-list dl dd h5 .fa-quote-right{ margin: 35px 0 0 0; text-align: right; }
.p-culture-list dl dd h5 font{float: left;display: block; font-size: 20px;color: #333;height: auto;line-height:30px; width:auto; }
.p-culture-list dl dd h6{display: block;overflow: hidden;position: relative;}
.p-culture-list dl dd h6 span{ float: left;width: 60px;height: 2px;background: #0142ff;margin: 14px 15px 0 0;}
.p-culture-list dl dd h6 font{ display: block;color: #333;float: left;font-size: 24px;letter-spacing: 2px;height: 30px;line-height: 30px;}
.p-culture-list dl dd img{ display: block;overflow: hidden;float: right;width: 45%;}

.p-culture-list dl:nth-child(2n){background: #f0f0f0;}
.p-culture-list dl:nth-child(2n) h3{ color: #fff; left: auto; right: 0;}
.p-culture-list dl:nth-child(2n) p{border: 0.5px solid #dedede;left: auto; right: -30%;}
.p-culture-list dl:nth-child(2n) dd{ margin: 0;}
.p-culture-list dl:nth-child(2n) dd img{float: left;}
.p-culture-list dl:nth-child(2n) dd .txt{left: 45%; }
.p-culture-list dl:nth-child(2n) dd h4 span{right: auto;left: -50px;}
.p-culture-list dl:nth-child(2n) dd h4,.p-culture-list dl:nth-child(2n) dd h6{ padding: 0 0 0 100px;}
.p-culture-list dl:nth-child(2n) dd h5{ padding: 0 0 0 100px;width: calc(100% - 100px);}
 
.p-hornor-list {padding: 0;}
.product-title {margin-bottom: 16px;}
.product-title h3 {text-align: center;font-size: 24px;color: #333;font-weight: 400;line-height: 1.1;}
.product-box {position: relative;max-width: 1260px;margin: 0 auto 60px; display: block; overflow: hidden;}
.product-header ul {position: relative; display: block;overflow: hidden;border: 1px solid #eee;}
.product-header ul li {display:block;text-align: center;position: relative;width:calc(25% - 1px); border-right: 1px solid #eee;  float: left;}
.product-header ul li:last-child { width:25%; border-right: 0px solid #eee;}
.product-header {padding-top: 0;}
.product-header ul li a {display: block;padding:0;text-decoration: none;}
.product-head-tag {position: relative;width: 50%;height: 36px;display: block;margin:12px auto 0; float: left;}
.product-head-tag img {width: auto;height:auto;display: block; margin: 0 20px 0 0; float: right;}
.product-head-tag .active-img {display: none; }
.product-header ul li a:hover .active-img { }
.product-head-tit {display: block;color: #333;font-size: 16px; width: 50%;float: left;text-align: left;    height: 60px;line-height: 60px;}
.product-header ul li a:hover .product-head-tit {color: #0142ff;}
.product-header ul .on a:after { }
.product-list-item {width: 24%;display: inline-block;vertical-align: top;padding-left: 30px;-webkit-box-sizing: border-box;box-sizing: border-box;margin-bottom: 30px;}
.product-list-item h3 {font-size: 16px;margin-bottom: 10px;font-weight: 400;}
.product-list-item h3 a {display: block;}
.product-list-item h3 a i {display: inline-block;vertical-align: middle;position: relative;top: -1px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 2px;margin-left: 10px;min-width: 32px;border: 1px solid #f60;font-size: 12px;line-height: 14px;color: #f60;text-align: center;font-style: normal;}
.product-list-text {font-size: 14px;color: #999;line-height: 1.5;}
.product-list-text span {font-size: 14px;color: #999;line-height: 1.5;margin-right: 5px;}
.product-switch {background: #fff;padding:0;overflow: hidden; width: 1200px; margin: 0 auto;}
.product-list-item h3 a:hover {    color: #00a4ff;}
.on .active-img { }
.on .product-head-tit {color:#0142ff;}
.product-header ul .on a span img{display: none;}
.product-header ul .on a span .active-img{display: block;}
.product-header ul li:hover a span img{display: none;}
.product-header ul li:hover a span .active-img{display: block;}
.product-header ul li:hover,.product-header ul .on{background: #eee;}

.product-switch ul{ display: block;overflow: hidden;}
.product-switch ul a{ overflow: hidden;display: block;border: 1px solid #eee;position: relative; width: calc(31.3333% - 2px); float: left;margin: 0 3% 3% 0;}
.product-switch ul a:nth-of-type(3n){margin-right:0; }
.product-switch ul a h3{ display: block;overflow: hidden;     border-bottom: 1px solid #eee;   position: relative;background-color: #f1f1f1;height: 320px;display: flex;display: -webkit-flex;-webkit-justify-content:center;justify-content: center;-webkit-align-items:center;align-items: center;padding: 20px;}
.product-switch ul a h3 #img1{ display: block;width: auto;max-width: 80%;margin:30px auto;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;box-shadow: 0px 0px 15px rgba(0,0,0,0.3);max-height: 80%}
.product-switch ul a h3 #img2{ z-index: 2;position: absolute;top: 50%;left: 50%;width: 48px;height: 48px;margin: -24px 0 0 -24px; opacity: 0;}
.product-switch ul a h3 span{position: absolute;width: 100%;height: 100%;background: #000;opacity: 0;top: 0;left: 0;z-index: 1;}
.product-switch ul a:hover h3 span{opacity: 0.1;}
.product-switch ul a:hover h3 #img2{opacity: 1;}
.product-switch ul a:hover h3 #img1{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.product-switch ul a h4{ display: block;text-align: center;color: #444;font-size: 16px;line-height: 20px;padding: 15px 5%;width: 90%;overflow: hidden;    min-height: 40px;
word-break: break-word; /* 文本行的任意字内断开 */ 
word-wrap: break-word; /* IE */ 
white-space: -hp-pre-wrap; /* HP printers */ 
white-space: -o-pre-wrap; /* Opera 7 */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -moz-pre-wrap; /* Mozilla */ 
white-space: pre; /* CSS2 */ 
white-space: pre-wrap; /* CSS 2.1 */ 
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;justify-content: center;-webkit-justify-content: center;color: #fff;background-color: #0142ff;}
.product-switch ul a h5{ display: none;text-align: center;height: 50px;color: #333;font-size:18px;letter-spacing: 0; border-top: 1px solid #eee; line-height: 50px;}

/*图片弹窗*/
 #outerdiv{position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:20;width:100%;height:100%;display:none;}






/*解决方案*/
.solution01{width: 1260px;margin: auto;}
.solution01 .top{width: 100%;box-sizing: border-box;margin-bottom: 70px;}
.solution01 .top .a-title{margin-bottom: 60px;}
.solution01 .top .a-title h3{text-align: center;}
.solution01 .top .a-title strong{margin: auto;}
.solution01 .top .min{width: 100%;box-sizing: border-box;}
.solution01 .top .min .text{width: 40%;float: left;box-sizing: border-box;padding-right: 50px;}
.solution01 .top .min .text h3{font-size: 16px;color: #333333;line-height: 30px;margin-bottom: 50px;letter-spacing: 0;text-align: justify;}
.solution01 .top .min .text h3:last-child{margin-bottom: 0;}
.solution01 .top .min .imgbox{width: 60%;float: right}
.solution01 .top .min .imgbox img{display: block;width: 100%}
.solution01 .bot{width: 100%;box-sizing: border-box;padding: 0 70px;margin-bottom: 100px;}
.solution01 .bot a{display: block;width: 26.66%;float: left;margin-right: 10%;position: relative;}
.solution01 .bot a:last-child{margin-right: 0;}
.solution01 .bot a .imgbox{width: 100%;box-sizing: border-box;position: relative;z-index: 1;}
.solution01 .bot a .imgbox img{display: block;width: 100%}
.solution01 .bot a h3{font-size: 16px;color: #333333;text-align: center;padding-top: 20px;}
.solution01 .bot a:before{content: '';display: block;width: 30px;height: 30px;box-sizing: border-box;border: 1px solid #0142ff;position: absolute;top: -15px;left: -15px;z-index: 0;}

/*solution02warp*/
.solution02warp{width: 100%;box-sizing: border-box;background-color: #2c75b9;padding: 70px 0;}
.solution02warp .cont{width: 1260px;margin: auto;}
.solution02warp .cont .a-title h3{color: #fff;}
.solution02warp .cont .a-title{margin-bottom: 40px;}
.solution02warp .cont .solution02{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;flex-flow: wrap;-webkit-flex-flow:wrap;}
.solution02warp .cont .solution02 li{width: 32%;box-sizing: border-box;padding: 30px 30px 30px 12px;transition: all .3s;margin-bottom: 20px;}
.solution02warp .cont .solution02 li h3{font-size: 18px;color: #fff;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;-webkit-justify-content:flex-start;justify-content: flex-start;margin-bottom: 30px;}
.solution02warp .cont .solution02 li h3:before{content: '';display: block;width: 8px;height: 8px;border-radius: 50%;background-color: #0142ff;margin-right: 8px}
.solution02warp .cont .solution02 li .min{width: 100%;box-sizing: border-box;padding-left: 16px;display: flex;display: -webkit-flex;align-items: flex-start;-webkit-align-items:flex-start;-webkit-justify-content:space-between;justify-content: space-between;}
.solution02warp .cont .solution02 li .min h4{font-size: 14px;color: #ffffff;line-height: 24px;}
.solution02warp .cont .solution02 li .min .imgbox img{display: block;width: auto;}
.solution02warp .cont .solution02 li .min .imgbox .two{display: none;}
.solution02warp .cont .solution02 li:hover .min .imgbox .one{display: none;}
.solution02warp .cont .solution02 li:hover .min .imgbox .two{display: block;}
.solution02warp .cont .solution02 li:hover{background-color: #fff;}
.solution02warp .cont .solution02 li:hover h3,.solution02warp .cont .solution02 li:hover .min h4{color: #0142ff;}

/*solution03*/
.solution03{width: 1260px;margin: 100px auto;box-sizing: border-box;}
.solution03 .left{width: 50%;box-sizing: border-box;float: left;padding-right: 40px;}
.solution03 .left h4{font-size: 16px;color: #333333;line-height: 30px;margin-top: 30px;}
.solution03 .right{width: 50%;float: right;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;flex-flow: wrap;-webkit-flex-flow:wrap; }
.solution03 .right a{display: block;width: 33.33%;margin-bottom: 30px;}
.solution03 .right a .imgbox{width: 100px;height: 100px;border-radius: 50%;background-color: #0241f7;margin: auto;}
.solution03 .right a .imgbox img{display: block;width: 100px;height: 100px;transition: all .3s;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);border-radius: 50%;}
.solution03 .right a h3{font-size: 14px;margin-top: 20px;color: #333333;text-align: center;}
.solution03 .right a:hover .imgbox img{margin-left: -15px;}

.solution04{width: 1260px;margin: auto;}
.solution04 .min{width: 290px;margin: 90px auto 240px;position: relative;}
.solution04 .min .imgbox{width: 100%;}
.solution04 .min .imgbox img{display: block;width: 100%;}
.solution04 .min .item{width: auto;position: absolute;cursor: default;}
.solution04 .min .item h3{font-size: 100px;text-shadow: 0px 0px 1px #333;color: #fff;position: relative;width: 100px;}
.solution04 .min .item:hover h3 span{color: #0142ff;}
.solution04 .min .item h3 span{font-size: 20px;color: #000000;text-shadow: none;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform:translateY(-50%);text-align: center;width: 100%;text-align: center;display: block;}
.solution04 .min .item p{font-size: 16px;color: #333333;margin-bottom: 10px;white-space: nowrap;}
.solution04 .min .item01{left: -100%;top: -20px}
.solution04 .min .item02{left: -10%;top: -140px}
.solution04 .min .item03{right: -160%;top: -20px;width:413px}
.solution04 .min .item04{right: -160%;bottom: 0;width: 413px;}
.solution04 .min .item05{left: -10%;bottom: -140px;}
.solution04 .min .item06{left: -100%;bottom: 0;}

/*solution05*/
.solution05{width: 1260px;margin: auto;box-sizing: border-box;margin-bottom: 100px;}
.solution05 .s-tl{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;align-items: center;-webkit-align-items:center;font-size: 20px;white-space: nowrap;margin-bottom: 60px;}
.solution05 .s-tl:before{content: '';display: block;width: 50%;height: 1px;background-color: #ddd;margin-right: 20px;}
.solution05 .s-tl:after{content: '';display: block;width: 50%;height: 1px;background-color: #ddd;margin-left: 20px;}
.solution05 .min{width: 100%;box-sizing: border-box;}
.solution05 .min .imgbox{width: 50%;}
.solution05 .min .imgbox img{display: block;width: 100%;}
.solution05 .min .text{width: 46%;box-sizing: border-box;padding: 0 30px 0 0;border-bottom: 1px solid #ddd;}
.solution05 .min .text h4{font-size: 16px;color: #333333;line-height: 30px;margin: 40px 0;text-align: justify;}
.solution05 .min .text a{float: right;background-color: #0142ff;}
.solution05 .min .text .to-a .t,.solution05 .min .text .to-a .t .fa{color: #fff;}
.solution05 .min .text .to-a .b{background-color: #fff;}
.solution05 .min .text .to-a:hover .t,.solution05 .min .text .to-a:hover .t .fa{color: #0142ff;}
.solution05 .min .swiper-container .swiper-wrapper .swiper-slide{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;align-items: center;-webkit-align-items:center;}
.solution05 .min .swiper-pagination{text-align: right;bottom: 0;}
.solution05 .min .swiper-pagination .swiper-pagination-bullet{border: 1px solid #0142ff;background-color: transparent;opacity: 1;}
.solution05 .min .swiper-pagination .swiper-pagination-bullet-active{background-color: #0142ff;}


/*发展历程*/
.history01{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;margin-bottom: 120px;}
.history01 ul{width: 100%;position: relative;}
.history01 ul li{box-sizing: border-box;padding: 50px calc((100% - 1260px)/2);display: flex;display: -webkit-flex;justify-content: flex-start;-webkit-justify-content:flex-start;}
.history01 ul li:nth-of-type(2n){background-color: #fafafa;}
.history01 ul li .left{width: 20%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;justify-content: space-between;-webkit-justify-content:space-between;position: relative;}
.history01 ul li .left .bg{width: 164px;height: 164px;border-radius: 50%;background-color: #0142ff;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
.history01 ul li .left .bg font{display: block;width: 144px;height: 144px;border-radius: 50%;border: 1px dashed rgba(255,255,255,0.5);text-align: center;line-height: 144px;font-size: 48px;color: #FFF;font-family: arial;}
.history01 ul li .left .sjx{width: 12px;height: 12px;border-right: 1px solid #0142ff;border-top: 1px solid #0142ff;transform: rotate(45deg);-webkit-transform:rotate(45deg);}
.history01 ul .linewarp{width: 1260px;height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);}
.history01 ul .linewarp .line{width: 1px;height: 100%;position: absolute;background-color: #0142ff;left: calc(20% - 8px);top: 0;}
.history01 ul .linewarp .line span{font-size: 36px;color: #Fafafa;font-family: arial;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);background-color: #fff;line-height: 60px;}
.history01 ul .linewarp .line span:first-child{top: 0px;}
.history01 ul .linewarp .line span:last-child{bottom: 0px;}
.history01 ul li .right{width: 80%;box-sizing: border-box;padding-left: 200px;position: relative;padding-top: 84px;}
.history01 ul li .right:before{content: '';display: block;width: 100px;height: 1px;background-color: #ddd;position: absolute;top: 92px;left: 50px;}
.history01 ul li .right h3{font-size: 20px;color: #333333;position: relative;box-sizing: border-box;padding-left: 30px;margin-bottom: 20px;font-weight: 600;}
.history01 ul li .right h3:before{content: '';display: block;width: 10px;height: 10px;background-color: #0142ff;position: absolute;top: 5px;left: 0;border-radius: 50%;}
.history01 ul li .right h4{display: block;box-sizing: border-box;padding-left: 30px;font-size: 18px;color: #333333;line-height: 30px;text-align: justify;width: 70%}


/*加入我们*/
.recruit01{width: 1260px;margin: auto;padding-bottom: 90px;}
.recruit01 li{width: 100%;box-sizing: border-box;position: relative;}
.recruit01 li .imgbox{width: 50%;box-sizing: border-box;padding-left: 100px;position: relative;z-index: 1;float: right;}
.recruit01 li .bgfont{font-size: 350px;color: #fafafa;position: absolute;bottom: -50px;left: 108px;z-index: 0;font-family: arial;}
.recruit01 li .text{width: 50%;box-sizing: border-box;padding-left: 90px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform:translateY(-50%);}
.recruit01 li .text h3{font-size: 20px;color: #222222;margin-bottom: 30px;}
.recruit01 li .text h4{font-size: 18px;color: #222222;line-height: 30px;}
.recruit01 li .text:before{content: '';display: block;width: 70px;height: 1px;background-color: #0142ff;position: absolute;top: 6px;l;left: 0}

.recruit01 li:nth-of-type(2n) .imgbox{float: left;padding-left: 0;padding-right: 100px;}
.recruit01 li:nth-of-type(2n) .text{right: 0;left: initial;}
.recruit01 li:nth-of-type(2n) .bgfont{left: initial;right: 160px;bottom: initial;top: -30px;}

/*recruit02*/
.recruit02{width: 1260px;margin: 100px auto 0;padding-bottom: 90px;display: none;}
.recruit02 .a-title h3{text-align: center;}
.recruit02 .a-title strong{margin: auto;}
.recruit02 .min{width: 100%;box-sizing: border-box;margin-top: 60px;}
.recruit02 .min li{width: 100%;box-sizing: border-box;margin-bottom: 25px;}
.recruit02 .min li:last-child{margin-bottom: 0;}
.recruit02 .min li .up{width: 100%;height: 70px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;justify-content: space-between;-webkit-justify-content:space-between;background-color: #fafafa;box-shadow: 0px 0px 10px rgba(128,128,128,0.3);padding: 0 30px;box-sizing: border-box;cursor: pointer;}
.recruit02 .min li .up h3{font-size: 20px;color: #222222;}
.recruit02 .min li .up h4{font-size: 16px;color: #808080;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;}
.recruit02 .min li .up h4 i{font-size: 24px;color: #0142ff;margin-left: 20px;}
.recruit02 .min li .down{width: 100%;box-shadow: 0px 10px 10px rgba(128,128,128,0.3);box-sizing: border-box;padding: 40px;display: none;}
.recruit02 .min li .down .d-tl{font-size: 16px;color: #0142ff;margin-bottom: 20px;}
.recruit02 .min li .down .info p{font-size: 16px;line-height: 30px;color: #666;}
.recruit02 .min li .down .info{margin-bottom: 40px;}
.recruit02 .min li .down .info:last-child{margin-bottom: 0;}
.recruit02 .min li:first-child .down{display: block;}
.recruit02 .min .act .up h4 i{transform: rotate(180deg);-webkit-transform:rotate(180deg);}


/*解决方案2*/
.sol02-01warp{width: 1260px;margin: auto;box-sizing: border-box;margin-bottom: 110px;}
.sol02-01warp .a-title h3{text-align: center;}
.sol02-01warp .a-title strong{margin: auto;}
.sol02-01warp .item{width: 100%;box-sizing: border-box;margin-top: 60px;}
.sol02-01warp .item .t-tl{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items:center;align-items: center;justify-content: flex-start;-webkit-justify-content:flex-start;margin-bottom: 20px;}
.sol02-01warp .item .t-tl span{font-size: 30px;color: #0142ff;font-family: "arial";}
.sol02-01warp .item .t-tl strong{display: block;width: 130px;height: 1px;background-color: #0142ff;margin: 0 10px;}
.sol02-01warp .item .t-tl p{font-size: 24px;color: #0142ff;}
.sol02-01warp .item .text{width: 100%;background-color: #fafafa;padding: 40px 0;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items:flex-start;align-items: flex-start;justify-content: space-between;-webkit-justify-content:space-between;margin-bottom: 40px;}
.sol02-01warp .item .text h3{font-size: 16px;color: #333333;line-height: 30px;width: 100%;text-align: justify;}
.sol02-01warp .item .text h3{box-sizing: border-box;padding: 0 50px;}
/*.sol02-01warp .item .text h3:last-child{box-sizing: border-box;padding-right: 100px;padding-left: 10px;}*/
.sol02-01warp .item .imgbox{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content:space-between;}
.sol02-01warp .item .imgbox img{display: block;width: 100%;}
.sol02-01warp .item .imgbox h4{display: block;width: 49%;}

/*sol03-01warp*/
.sol03-01warp{width: 1260px;box-sizing: border-box;margin: auto;box-sizing: border-box;}
.sol03-01warp .a-title{margin-bottom: 60px;}
.sol03-01warp .a-title h3{text-align: center;}
.sol03-01warp .a-title strong{margin: auto}
.sol03-01warp .sol03-01{width: 100%;background-color: #fafafa;padding: 50px 0;text-align: center;margin-bottom: 90px;border-bottom: 1px solid #dedede;}
.sol03-01warp .sol03-01 p{font-size: 18px;color: #333333;text-align: center;}
.sol03-01warp .sol03-01 strong{display: block;width: 50px;height: 1px;background-color: #0142ff;margin: 20px auto;}

.sol03-02warp{width: 1260px;margin: auto;box-sizing: border-box;}
.sol03-02warp .item{width: 100%;box-sizing: border-box;padding-left: 150px;position: relative;margin-bottom: 90px;}
.sol03-02warp .item:before{content: '';display: block;width: 120px;height: 2px;background-color: #0142ff;position: absolute;left: 0;top: 10px;}
.sol03-02warp .item h3{font-size: 24px;color: #0142ff;margin-bottom: 30px;}
.sol03-02warp .item h4{font-size: 16px;color: #333333;line-height: 30px;margin-bottom: 30px;box-sizing: border-box;width: 100%;padding-right: 15%;}
.sol03-02warp .item .imgbox{width: 100%;box-sizing: border-box;position: relative;}
.sol03-02warp .item .imgbox .left{width: 39.8%;box-sizing: border-box;position: absolute;top: 0;left: 0;height: 100%;display: flex;display: -webkit-flex;-webkit-justify-content:space-between;justify-content: space-between;flex-flow: column;-webkit-flex-flow: column;}
.sol03-02warp .item .imgbox .left p{width: 100%;overflow: hidden;box-sizing: border-box;}
.sol03-02warp .item .imgbox p img{display: block;width: 100%;transition: all .6s;}
.sol03-02warp .item .imgbox p:hover img{transform: scale(1.1);}
.sol03-02warp .item .imgbox .right{width: 58.2%;float: right;overflow: hidden;}

.sol03-02warp .item:nth-of-type(2) .imgbox .left{left: initial;right: 0;}
.sol03-02warp .item:nth-of-type(2) .imgbox .right{float: left;}

/*机电*/
.jidianwarp{width: 1260px;margin: auto;box-sizing: border-box;}
.jidianwarp .a-title{margin-bottom: 60px;}
.jidianwarp .a-title h3{text-align: center;}
.jidianwarp .a-title strong{margin: auto;}
.jidianwarp .jidian .top-tl{display: block;width: 100%;padding-bottom: 30px;color: #333333;font-size: 24px;text-align: center;border-bottom: 1px solid #ddd;}
.jidianwarp .jidian .cont{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content:space-between;justify-content: space-between;align-items: center;-webkit-align-items:center;padding: 40px 100px;box-sizing: border-box;}
.jidianwarp .jidian .cont .list{width: calc((100% - 520px)/2);padding-right: 30px;box-sizing: border-box;}
.jidianwarp .jidian .cont .list02{padding-right: 0;padding-left: 30px;}
.jidianwarp .jidian .cont .minimg{width:520px;height: 520px;border-radius: 50%;border: 1px solid #ddd;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;-webkit-justify-content:center;justify-content: center;}
.jidianwarp .jidian .cont .minimg p{width: 90%;margin: auto;position: relative;}
.jidianwarp .jidian .cont .minimg img{display: block;width: auto;max-width: 100%;margin: auto;}
.jidianwarp .jidian .cont .minimg p font{font-size:20px;color: #000000;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform:translateY(-50%);display: block;width: 100%;text-align: center;font-weight: bold;}
.jidianwarp .jidian .cont .minimg p font img{display: block;width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.jidianwarp .jidian .cont .list .item{display: flex;display: -webkit-flex;-webkit-justify-content:flex-end;justify-content: flex-end;align-items: center;-webkit-align-items:center;margin-bottom: 15px;}
.jidianwarp .jidian .cont .list .item:last-child{margin-bottom: 0;}
.jidianwarp .jidian .cont .list .item .imgbox{position: relative;}
.jidianwarp .jidian .cont .list .item .imgbox p{font-size: 16px;color: #000000;position: absolute;left: 50%;top: 50%;margin: -8px;white-space: nowrap;}
.jidianwarp .jidian .cont .list .item .jt{margin-left: 75px;}
.jidianwarp .jidian .cont .list02 .item{-webkit-justify-content:flex-start;justify-content: flex-start;}
.jidianwarp .jidian .cont .list02 .item .jt{margin-left: initial;margin-right: 75px;}

/*jidian02warp*/
.jidian02warp{width: 1260px;margin: 60px auto;}
.jidian02warp .jidian02{width: 100%;box-sizing: border-box;margin-top: 20px;}
.jidian02warp .jidian02 .top-text{width: 90%;box-sizing: border-box;padding-left: 60px;margin-bottom: 60px;}
.jidian02warp .jidian02 .top-text li{width: 100%;box-sizing: border-box;padding-left: 32px;position: relative;}
.jidian02warp .jidian02 .top-text li img{display: block;width: auto;position: absolute;left: 0;top: 50%;margin-top: -7px;}
.jidian02warp .jidian02 .top-text li p{font-size: 18px;line-height: 80px;border-bottom: 1px solid #ddd;}
.jidian02warp .jidian02 .cont{position: relative;margin-bottom: 30px;}
.jidian02warp .jidian02 .cont .imgbox{overflow: hidden;}
.jidian02warp .jidian02 .cont .imgbox img{display: block;width: 100%;transition: all .6s;}
.jidian02warp .jidian02 .cont .imgbox:hover img{transform: scale(1.1);}
.jidian02warp .jidian02 .cont p{font-size: 16px;color: #333333;text-align: center;margin-top: 15px;}
.jidian02warp .jidian02 .cont .swiper-pagination{width: 100%;text-align: center;left: 0;position: relative;margin-top: 20px;}
.jidian02warp .jidian02 .cont .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;border: 1px solid #0142ff;background-color: #fff;opacity: 1;margin-right: 10px;outline: none;}
.jidian02warp .jidian02 .cont .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.jidian02warp .jidian02 .cont .swiper-pagination .swiper-pagination-bullet-active{background-color: #0142ff;}
.jidian02warp .jidian02 .bot-text{width: 100%;box-sizing: border-box;background-color: #ededed;padding: 40px 90px;}
.jidian02warp .jidian02 .bot-text p{font-size: 16px;color: #333333;line-height: 30px;text-align: justify;}

/*jidian03wrap*/
.jidian03wrap{width: 1260px;margin: auto;box-sizing: border-box;margin-bottom: 90px;}
.jidian03wrap .jidian03{width: 100%;position: relative;margin-top: 30px;}
.jidian03wrap .jidian03 ul{width: 100%;display: flex;justify-content: space-around;}
.jidian03wrap .jidian03 ul li{width:154px;height: 214px;position: relative;padding-bottom: 76px;}

.jidian03wrap .jidian03 ul li .num{width: 70%;position: absolute;bottom: 0;left: 15%;z-index: 1;background-color: #fff;}
.jidian03wrap .jidian03 ul li .num strong{display: block;width: 4px;height: 24px;background-color: #ededed;margin: 15px auto; }
.jidian03wrap .jidian03 ul li .num font{display: block;width: 40px;height: 40px;border-radius: 50%;background-color: #0142ff;font-size: 24px;color: #fff;text-align: center;line-height: 40px;margin:auto;}
.jidian03wrap .jidian03 ul:after{content: '';display: block;width: 100%;height: 4px;background-color: #0142ff;position: absolute;left: 0;bottom: 20px;z-index: 0;}

.box1, .box2, .box3, .box4{width: 154px;height: 214px;overflow: hidden;}
.box1, .box2{visibility: hidden;}
.box1{transform: rotate(120deg);float: right;margin-left: 10px;-ms-transform: rotate(120deg);-moz-transform: rotate(120deg);-webkit-transform: rotate(120deg);}
.box2{transform: rotate(-60deg);-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);            -webkit-transform: rotate(-60deg);}
.box3{transform: rotate(-60deg);background: no-repeat 50% center;background-size: 125% auto;-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);visibility: visible;background: transparent;box-shadow: transparent 2px 15px 75px 7px inset;}
.box4{display: block;position: relative;}
.dbx{width: 154px;height: 214px;position: relative;}
.dbx .text{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.dbx .text h3{font-size: 24px;color: #000000;text-align: center;transition: all .1s;}
.dbx .text strong{display: block;width: 40px;height: 1px;background-color: #000000;margin: 15px auto;transition: all .1s;}
.dbx .text h4{font-size: 18px;color: #000000;text-align: center;text-transform: uppercase;transition: all .1s;}
.box4 img{opacity: 0.3;transition: all .3s;}
.jidian03wrap .jidian03 ul li:hover .box4 img{opacity: 1;}

.jidian03wrap .jidian03 ul li:hover .dbx h3,.jidian03wrap .jidian03 ul li:hover .dbx h4{color: #fff;}
.jidian03wrap .jidian03 ul li:hover .dbx strong{background-color: #fff;}
.jidian03wrap .jidian03 ul li:hover .num strong{background-color: #0142ff;}


/*附件*/
.fujianwrap{width: 1260px;margin: auto;box-sizing: border-box;}
.fujianwrap .a-title h3{text-align: center;}
.fujianwrap .a-title strong{margin: auto;}
.fujianwrap .a-title{margin-bottom: 60px;}
.fujianwrap .top-text{width: 100%;box-sizing: border-box;background-color: #fafafa;box-sizing: border-box;padding: 60px 260px;border-bottom: 1px solid #dedede;}
.fujianwrap .top-text p{text-align: center;font-size: 18px;color: #333333;line-height: 30px;}
.fujianwrap .fujian01{width: 100%;box-sizing: border-box;margin: 60px auto;}
.fujianwrap .fujian01 .t-tl{font-size: 24px;color: #000000;margin-bottom: 30px;text-align: center;}
.fujianwrap .fujian01 .cont{width: 100%;box-sizing: border-box;}
.fujianwrap .fujian01 .cont .tab{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content:flex-start;justify-content: flex-start;margin-bottom: 50PX;}
.fujianwrap .fujian01 .cont .tab li{width: 25%;border: 1px solid #ddd;height: 60px;display: flex;display: -webkit-flex;-webkit-justify-content:center;justify-content: center;-webkit-align-items:center;align-items: center;font-size: 16px;color: #000000;transition: all .3s;margin-right: -1px;cursor: pointer;}
.fujianwrap .fujian01 .cont .tab li:hover,.fujianwrap .fujian01 .cont .tab .on{background-color: #0142ff;color: #fff;border-color: #0142ff;}
.fujianwrap .fujian01 .cont .min{width: 100%;box-sizing: border-box;padding-bottom: 90px;}
.fujianwrap .fujian01 .cont .min .item{width: 100%;box-sizing: border-box;display: none;}
.fujianwrap .fujian01 .cont .min .item p{display: block;width: 24.25%;float: left;margin-right: 1%;overflow: hidden;margin-bottom: 1%;}
.fujianwrap .fujian01 .cont .min .item p img{display: block;width: 100%;transition: all .6s;}
.fujianwrap .fujian01 .cont .min .item p:hover img{transform: scale(1.1);}
.fujianwrap .fujian01 .cont .min .item p:nth-of-type(4n){margin-right: 0;}
.fujianwrap .fujian01 .cont .min .item:first-child{display: block;}

.fujianwrap .fujian02{width: 100%;box-sizing: border-box;margin-bottom: 90px;}
.fujianwrap .fujian02 .toppage{width: 100%;box-sizing: border-box;padding: 0 140px;display: flex;display: -webkit-flex;-webkit-justify-content:space-between;justify-content: space-between;-webkit-align-items:center;align-items: center;margin-bottom: 40px;}
.fujianwrap .fujian02 .toppage .swiper-button-next,.fujianwrap .fujian02 .toppage .swiper-button-prev{position: relative;top: 0;margin-top: 0;left: 0;right: 0;background-image: none;height: auto;outline: none;}
.fujianwrap .fujian02 .toppage p{font-size: 24px;line-height: 30px;color: #000;}
.fujianwrap .fujian02 a{display: block;width: 100%;overflow: hidden;box-sizing: border-box;}
.fujianwrap .fujian02 a h3{display: block;width: 100%;overflow: hidden;}
.fujianwrap .fujian02 a h3 img{display: block;width: 100%;transition: all .6s;}
.fujianwrap .fujian02 a:hover h3 img{transform: scale(1.1);}
.fujianwrap .fujian02 a p{display: block;width: 100%;height: 60px;line-height: 60px;box-sizing: border-box;padding: 0 15px;font-size: 16px;color: #333333;background-color: #ededed;display: none;}





@media only screen and (max-width: 1600px)
{
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20%;}
.banner .swiper-slide .in-banner-txt1 h3{ font-size: 60px; }
.banner .swiper-slide .in-banner-txt1 h4{     font-size: 26px;}
.in-company dl{ width:1000px; }
.index04warp .index04 .swiper-slide{ width:40%;}

.footerwarp{padding: 0px 0 60px;}

.header .center,#div_business,.in-news dl,.footerwarp .footer,.footerwarp .ba,.inwarp .contact01,.news01,.newsinfowarp .topwarp .top,.newsinfowarp .newsinfo,.about01,.about02,.about03warp .about03,.about04,.solution01,.solution02warp .cont,.solution03,.solution04,.solution05,.p-culture-list dl .center,.product-box,.recruit01,.recruit02,.sol02-01warp,.in-banner .title dd,.fujianwrap{width: 1200px;}

.inwarp .contact01 li .left .text h4 span{width: 90%;}
.inwarp .contact01 li .left .text h4 font{width: 10%;}
.inwarp .contact01 li .left .text{padding: 30px 10px;}
.in-banner .text h3{font-size: 52px;}


/*解决方案*/
.solution01 .top .min .text h3{margin-bottom: 30px;}
.solution04 .min{width: 280px;}

/*企业文化*/
.p-culture-list dl h3{font-size: 300px;}
.p-culture-list dl dd h5{margin: 50px 0;}
.p-culture-list dl dd h5 span{width: 9%;}

/*历程*/
.history01 ul li{padding: 50px calc((100% - 1200px)/2);}
.history01 ul .linewarp{width: 1200px;}

.recruit01 li .bgfont{font-size: 330px;bottom: -40px;}


.sol03-01warp,.sol03-02warp{width: 1200px;}

.fujianwrap .top-text{padding: 60px 220px;}










}







.pc-1260{ display: none;}

@media only screen and (max-width:1260px ) {
.pc-1260{ display: block;position: fixed;width: 100%;height: 100%;background: #333;top: 0;left: 0;z-index: 9999;}
.pc-1260 p{ transform: translateY(-50%);-webkit-transform: translateY(-50%);position: absolute;color: #fff;top: 50%;left: 0;width: 100%;text-align: center;font-size: 14px;letter-spacing: 2px;}
}