/* CSS Author WeChat:iGAME_Max */
body{margin:auto;padding:0px;font-size:14px; -webkit-text-size-adjust: none; color: #333; overflow-x: hidden;}
::-webkit-scrollbar              {/* 1 */width:9px; background-color:#333;}
::-webkit-scrollbar-button       {/* 2 */}
::-webkit-scrollbar-track        {/* 3 */}
::-webkit-scrollbar-track-piece  {/* 4 */}
::-webkit-scrollbar-thumb        {/* 5 */border:solid 2px #333; width:5px;  border-radius:4px; background-color:#fff;}
::-webkit-scrollbar-corner       {/* 6 */background-color:#333;}
::-webkit-resizer                {/* 7 */}
::-webkit-scrollbar:horizontal   {height:9px;}
a { text-decoration:none; outline-style:none;  -webkit-transition: all .6s;transition: all .6s; color: #333;}
a:hover{ text-decoration: none;}
ul,p{ padding:0px; margin:0px; list-style:none;}
img { border:none; max-width:100%;}
.fl { float:left; }
.fr { float:right; }
dt,dl,dd{ margin:0; padding:0;}
textarea{resize:none; padding:0; outline: none;}
input{ padding:0; outline: none;}
i{ margin: 0px; padding: 0px; font-style: normal;}
.all { width:100%; height:auto; margin:auto; position:relative; z-index:1;}
.w900{ width:935px; margin:auto;}
.w1100{ width:1100px; margin:auto;}
.w1200{ width:1280px; margin:auto;}
.w1300{ width:1340px; margin: auto;}
.w1600{ width:1600px; margin:auto;}
.wf100{ width: 100%; float: left;}
.w90{ width: 89%; margin: auto;}
.fp-tableCell{ display: table-cell; vertical-align: middle; width: 100%; height: 100%;}


.foot_two  a{color: #a5a4a6;}

.foot_two  a:hover {color: #000;}

.center-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.around-center { display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; -webkit-justify-content: space-around; -webkit-align-items: center; }
.between-center { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-justify-content: space-between; -webkit-align-items: center; }
.between-bottom { display: flex; display: -webkit-flex; justify-content: space-between; align-items: flex-end; -webkit-justify-content: space-between; -webkit-align-items: flex-end; }
.column-center-a { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-around; -webkit-justify-content: space-around; align-items: center; -webkit-align-items: center; }
.column-center-b { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; }
.column-between { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; }
.column-around { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-around; -webkit-justify-content: space-around; }
.between { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }

.pd-50{ padding: 50px 0;}

.luxy-el{ width: 100%; float: left; position: relative; z-index: 22; background: #fff;}

/*banner  overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;  transparent*/



.divpc{ display: block;}
.divphone{ display: none;}

.fanye{ width:100%; float: left; padding: 7vh 0 0; text-align: center;}
.fanye ul{ display: flex;}
.fanye ul li{ display: inline-block;}
.fanye ul li a,.fanye ul li span{ border-left:1px solid #fff; background: #e8e8e8; line-height: 45px; padding: 0 20px; font-size: 14px; display: inline-block; color: #666;}
.fanye ul li:first-child a,.fanye ul li:first-child span{ border:none;}
.fanye ul li:hover a,.fanye ul li:hover span{ color: #fff !important; background: #1f4ba6;}
.fanye ul li.active a,.fanye ul li.active span{ color: #fff !important; background: #1f4ba6;}

.fy{ padding: 20px 0;}
.fy a{ width: 45%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; line-height: 30px;}
.fy a:hover{ color: #4a91f9;}
.fy .fr{ text-align: right;}

.head_btn{ width: 30px; float: right; position: relative; cursor: pointer;}
.head_btn i{ display: block; width: 100%; height: 2px; float: left; background-color: #fff;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
}
.head_btn i.bar-top{ margin-top: 0;}
.head_btn i.bar-cen{ margin-top: 6px; width: 60%;}
.head_btn i.bar-bom{ margin-top: 6px;}
.head_btn.cur i.bar-cen{ opacity: 0;}
.head_btn.cur i.bar-top{ -webkit-transform:rotate(45deg) translate(6px, 6px);transform:rotate(45deg) translate(6px, 6px);}
.head_btn.cur i.bar-bom{ -webkit-transform: rotate(-45deg) translate(5.5px, -5px);transform: rotate(-45deg) translate(5.5px, -5px);}
.head_btn.active i.bar-cen{ width: 100%;}

.ewm_tc{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; z-index: 100; text-align: center; display: none;}
.ewm_tc .w90{ height: 100vh;}
.ewm_tc img{ max-height: 250px;}

.all_center_box{ width:100%; float: left; position: relative; min-height: 55vh;}

.banner_box,.banner_box .swiper-container{ height: 100vh;}

.banner_box .swiper-slide{ text-align: center; height: 100%; position: relative; background-size: cover;}
.banner_box .swiper-slide .center-center{ width: 100%; height: 100%; color: #fff;}
.banner_box .swiper-slide .center-center .box1{ opacity: 0; transform: translate(0,50px); transition: all .5s;}
.banner_box .swiper-slide .center-center .box2{ font-size: 26px; font-weight: bold; padding: 20px 0; opacity: 0; transform: translate(0,50px); transition: all .5s ease-out .1s;}
.banner_box .swiper-slide .center-center .box3{ color: rgba(255,255,255,0.5); text-transform: uppercase; line-height: 1.6; opacity: 0; transform: translate(0,50px); transition: all .5s ease-out .2s; position: relative; padding-bottom: 20vh;}
.banner_box .swiper-slide .center-center .box3::after{ content: ''; width: 1px; height: 0; background: rgba(255,255,255,0.2); position: absolute; left: 50%; bottom: 0; transition: all .8s ease-out .2s;}
.banner_box .swiper-slide .center-center.active .box1,.banner_box .swiper-slide .center-center.active .box2,.banner_box .swiper-slide .center-center.active .box3{ transform: translate(0,0); opacity: 1;}
.banner_box .swiper-slide .center-center.active .box3::after{ height: 12vh;}

.banner_box .swiper-pagination{ display: flex; align-items: center; justify-content: center; bottom: 5vh;}
.banner_box .swiper-pagination-bullet{ width: 36px; line-height: 20px; height: auto; background: none; text-align: left; font-size: 16px; color: #fff; opacity: 1; margin: auto 6px !important; border-radius: 50px; transition: all 6s; position: relative; padding: 0; outline: none; overflow: hidden;}
.banner_box .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 160px;}
.banner_box .swiper-pagination-bullet.swiper-pagination-bullet-active::before{ content: ''; width: 100%; height: 1px; background: rgba(255,255,255,0.5); position: absolute; left: 26px; top: 50%; margin-top: -1px;}

.sil-particles{position:fixed;z-index:999;display:block;width:100%;height:100%;pointer-events:none;}

.head_box{ height: 82px; position: fixed; left: 0; top: 0; z-index: 99; padding: 5px 0; transition: all .6s;}
.head_box.active{ background: #030507;}
.head_box a{ color: #fff;}
.head_box .fl .logo{ height: 46px;}
.head_box .fl .head_btn{ margin-left: 40px;}
.head_box .fl .head_menu a{ float: left; line-height: 70px; border-bottom: 2px solid transparent; font-size: 16px; margin-left: 40px;}
.head_box .fl .head_menu a:hover,.head_box .fl .head_menu a.cur{ color: #4a91f9; border-color: #4a91f9;}
.head_box .fl .head_menu a.active{ color: #4a91f9;}
.head_box .fr a{ float: left; margin-left: 12px; font-size: 15px; line-height: 23px;}
.head_box .fr a.phone{ font-size: 21px; color: #fff; padding-left: 50px; margin-right: 25px; position: relative;}
.head_box .fr a.phone::before{ content: ''; width: 24px; height: 24px; background: #ff6600; border: 2px solid #195158; border-radius: 100%; position: absolute; left: 0; top: 50%; margin-top: -12px; transition: all .6s;}
.head_box .fr a.phone::after{ content: ''; width: 24px; height: 24px; background: #4a91f9; border: 2px solid #195158; border-radius: 100%; position: absolute; left: 16px; top: 50%; margin-top: -12px; z-index: 2; transition: all .6s;}
.head_box .fr a.phone:hover::before{ left: 16px; z-index: 3;}
.head_box .fr a.phone:hover::after{ left: 0;}

.head_box .fr a.active{ background: url(../image/ico_1.png) no-repeat left; background-size: auto 23px; padding-left: 30px; color: #ff6600;}
.head_box .fr a:hover{ color: #ff6600;}

.head_lower{ position: fixed; left: 0; top: 0; z-index: 98; background: rgba(25,25,29,0.9); padding: 82px 0 0; display: none;}
.head_lower a{ color: #b3b3b3;}
.head_lower a:hover{ color: #4a91f9;}
.head_lower ul{ width: 100%; float: left; padding: 5.5vh 0;}
.head_lower ul li{ width: 33.33%; float: left; padding: 0 3vw;}
.head_lower ul li a{ width: 100%; float: left; line-height: 50px; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.head_lower ul li a i{ float: left; font-size: 18px; margin-right: 8px;}

.all_title1{ text-align: center; padding: 65px 0 15px; text-align: center;}
.all_title1 span{ display: block; font-size: 26px; font-weight: bold;}
.all_title1 p{ color: #777; margin-top: 12px;}
.all_title1.white span{ color: #fff;}
.all_title1.white p{ color: #999;}

.list_box1 ul{ margin: 0 -26px;}
.list_box1 ul li{ width: 33.33%; float: left; padding: 0 26px; margin-top: 40px;}
.list_box1 ul li a{ width: 100%; float: left;}
.list_box1 ul li a .imgs{ overflow: hidden; height: 30vh;}
.list_box1 ul li a .imgs img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.list_box1 ul li a .info span{ display: block; font-size: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 18px 0 15px;}
.list_box1 ul li a .info p{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 1.6; height: 44px;}
.list_box1 ul li a .info i{ display: block; color: #5129A2; margin-top: 12px;}
.list_box1 ul li a:hover .imgs img{ transform: scale(1.1);}

.all_more{ padding: 50px 0; text-align: center;}
.all_more a{ display: inline-block; border: 3px solid #dcdcdd; line-height: 44px; min-width: 154px; text-align: center; color: #828282; padding: 0 30px;}
.all_more a:hover{ background: #dcdcdd; color: #666;}

.home_box1{ background: #212028;}
.home_box1 .list_box1 ul li a{ color: #a9a9ab;}
.home_box1 .list_box1 ul li a:hover{ color: #fff;}
.home_box1 .all_more a{ border-color: #3d3c44; color: #76747c;}
.home_box1 .all_more a:hover{ background: #3d3c44; color: #999;}

.home_box2{ background: url(../image/ho2_bg.jpg) no-repeat center; background-size: cover;}
.home_box2 .pull-left{ width: 49%;}
.home_box2 .pull-left .all_title1 p{ line-height: 2; margin-top: 20px;}
.home_box2 .pull-left .all_more{ padding: 40px 0 65px;}

.home_box3{ background: url(../image/ho3_bg.jpg) no-repeat center; background-size: cover;}
.home_box3 .pull-right{ width: 49%; padding: 80px 0;}
.home_box3 .pull-right .swiper-container{ padding-bottom: 50px;}
.home_box3 .pull-right .swiper-container .swiper-slide{ width: 100%; color: #fff; text-align: center;}
.home_box3 .pull-right .swiper-container .swiper-slide span{ font-size: 26px; font-weight: bold;}
.home_box3 .pull-right .swiper-container .swiper-slide p{ line-height: 1.8; margin-top: 20px;}
.home_box3 .pull-right .swiper-container .swiper-pagination-clickable{ bottom: 0;}
.home_box3 .pull-right .swiper-container .swiper-pagination-clickable .swiper-pagination-bullet{ width: 10px; height: 10px; background: #3f4143; opacity: 1;}
.home_box3 .pull-right .swiper-container .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}

.home_box4{ background: url(../image/ho4_bg.png) no-repeat right top #f4f4f4;}

.list_box2 ul li{ width: 47%; float: left; margin-top: 45px;}
.list_box2 ul li:nth-child(2n){ float: right;}
.list_box2 ul li a span{ display: block; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list_box2 ul li a p{ color: #656468; line-height: 1.6; margin: 10px 0; height: 44px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.list_box2 ul li a i{ color: #a09fac;}
.list_box2 ul li a:hover{ color: #4a91f9;}

.home_box5{ position: relative;}
.home_box5::before{ content: ''; width: 13.5%; height: 100%; background: url(../image/ho5_bg1.png) no-repeat right top; background-size: 25%; position: absolute; left: 0; top: -15px;}
.home_box5::after{ content: ''; width: 13.5%; height: 100%; background: url(../image/ho5_bg2.png) no-repeat left bottom; background-size: 88%; position: absolute; right: 0; bottom: 50px;}
.home_box5 .w1200{ position: relative; z-index: 2;}

.home_box6{ background: url(../image/ho6_bg.jpg) top; background-size: cover; padding: 50px 0 70px;}
.home_box6 .pull-left{ width: 36%; padding: 0 45px;}
.home_box6 .pull-right{ width: 64%; padding: 0 0 0 60px;}
.home_box6 .all_title1{ text-align: left;}
.home_box6 .all_title1 p{ margin-top: 20px; line-height: 1.8;}
.home_box6 .all_title1.white p{ color: #fff;}
.home_box6 .box_info1 a{ width: 80%; float: left; margin-top: 25px; line-height: 58px; background: #212028; color: #fff; text-align: center;}
.home_box6 .box_info1 a.active{ background: #4d96ff;}
.home_box6 .box_info1 a span{ margin-right: 70px;}
.home_box6 .box_info2{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); padding: 10px 30px 35px;}
.home_box6 .box_info2 .box1{ width: 49%; float: left; margin-top: 15px;}
.home_box6 .box_info2 .box1:nth-child(2n){ float: right;}
.home_box6 .box_info2 p{ font-size: 16px; padding-bottom: 12px;}
.home_box6 .box_info2 .text{ width: 100%; height: 45px; border: 1px solid #dcdcdd; padding: 0 12px;}
.home_box6 .box_info2 .box2{ width: 100%; float: left; margin-top: 15px;}
.home_box6 .box_info2 textarea{ width: 100%; height: 100px; border: 1px solid #dcdcdc; padding: 12px;}
.home_box6 .box_info2 .btns{ width: 170px; height: 48px; background: #212028; color: #fff; text-align: center; margin-top: 12px; border:none;}

.foot_box{ background: url(../image/fo_bg.jpg) center; background-size: cover;}
.foot_box .top-box{ padding: 25px 0;}
.foot_box .top-box .fl{ width: 62%;}
.foot_box .top-box .fl p{ font-size: 16px; color: #000;}
.foot_box .top-box .fl ul{ width: 30%; }
.foot_box .top-box .fl ul li{ display: block; margin-top: 12px;}
.foot_box .top-box .fl ul li a{ display: block; color: #57565a; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.foot_box .top-box .fl ul li a:hover{ color: #4D96FF;}
.foot_box .top-box .fr{ width: 36%; display: flex;}
.foot_box .top-box .fr .ewm{ float: left; text-align: center; margin-left: 6px;}
.foot_box .top-box .fr .ewm img{ width: 115px;}
.foot_box .top-box .fr .info{ float: left; white-space: nowrap; padding-left: 13px;}
.foot_box .top-box .fr .info span{ color: #222; display: block; padding-bottom: 5px;}
.foot_box .top-box .fr .info p{ color: #949496;}
.foot_box .top-box .fr .info i{ display: block; font-size: 30px; padding: 10px 0; font-weight:bold; font-family: arial;}
.foot_box .lower-box{ border-top: 1px solid #eaeaea; padding: 12px 0; line-height: 1.6; color: #a5a4a6;}

.fd_box{ width: 75px; position: fixed; right: 3px; top: 50%; margin-top: -192px; z-index: 97;display: block!important;}
.fd_box a{ width: 100%; float: left; color: #fff; text-align: center; padding: 13.5px 0; margin-top: 2px; background: #4a91f9; position: relative;}
.fd_box a i{ display: block; width: 100%; float: left;}
.fd_box a i img{ height: 26px;}
.fd_box a p{ width: 100%; float: left; line-height: 1; margin-top: 8px;}
.fd_box a span{ min-width: 140px; min-height: 100%; position: absolute; right: 100%; top: 0; margin-right: 2px; display: none; white-space: nowrap; background: #4a91f9; padding: 10px; font-size: 16px;}
.fd_box a span img{ width: 100%;}
.fd_box a:hover span{ display: flex; align-items: center; justify-content: center;}
.fd_box a.gotop{ background: #212028; display: none; transition: none;}
.fd_box a.gotop i img{ height: auto;}

.about_banner{ background: url(../image/ab_ban.jpg) center; background-size: cover; height: 720px;}
.about_banner .center-block{ width: 100%; text-align: right; position: relative; color: #fff; padding: 0 5% 3%;}
.about_banner .center-block::before{ content: ''; width: 15%; height: 10px; background: #ff6600; position: absolute; right: 0; bottom: 0;}
.about_banner .center-block span{ display: block; font-size: 40px; font-weight: bold; line-height: 1.6;}
.about_banner .center-block p{ color: rgba(255,255,255,0.5); text-transform: uppercase; font-size: 18px; line-height: 1.4; margin-top: 20px;}

.about_box1{ background: url(../image/ab1_bg.jpg) no-repeat bottom #f6f6f6; padding-bottom: 80px;}
.about_box1 .pull-left{ width: 70%;}
.about_box1 .pull-left .box1{ font-size: 20px; font-weight: bold;}
.about_box1 .pull-left .box2{ font-size: 15px; margin-top: 12px; line-height: 1.6;}

.all_title1.style2 span{ font-size: 36px; font-weight: normal;}
.all_title1.style2 p{ font-size: 22px; font-weight: bold; color: #333;}

.about_box2 .box_info ul{ margin: 0 -10px;}
.about_box2 .box_info ul li{ width: 25%; float: left; padding: 65px 10px;}
.about_box2 .box_info ul li .center-center{ width: 100%; height: 300px; border: 1px solid #e8e8e8; border-radius: 2px; transition: all .6s;}
.about_box2 .box_info ul li i{ position: relative;}
.about_box2 .box_info ul li i::before{ content: ''; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: auto 100%; position: absolute; left: 0; top: 0; opacity: 0; transition: all .6s;}
.about_box2 .box_info ul li i img{ height: 60px; transition: all .6s;}
.about_box2 .box_info ul li i.ico1::before{ background-image: url(../image/ab2_1_1.png);}
.about_box2 .box_info ul li i.ico2::before{ background-image: url(../image/ab2_2_1.png);}
.about_box2 .box_info ul li i.ico3::before{ background-image: url(../image/ab2_3_1.png);}
.about_box2 .box_info ul li i.ico4::before{ background-image: url(../image/ab2_4_1.png);}
.about_box2 .box_info ul li span{ font-size: 20px; font-weight: bold; color: #4a91f9; padding: 20px 0; transition: all .6s;}
.about_box2 .box_info ul li p{ color: #6a6a6a; line-height: 1.8; text-align: center; padding: 0 6%; transition: all .6s;}
.about_box2 .box_info ul li:hover .center-center{ background: #4a91f9; border-color: #4a91f9; transform: translate(0,-30px); box-shadow: 0 0 30px rgba(0,0,0,0.4);}
.about_box2 .box_info ul li:hover span,.about_box2 .box_info ul li:hover p{ color: #fff;}
.about_box2 .box_info ul li:hover i::before{ opacity: 1; transform: rotateY(360deg);}
.about_box2 .box_info ul li:hover i img{ opacity: 0;}

.about_box3{ background: #f4f4f4; padding-bottom: 70px;}
.about_box3 .box_info{ padding: 20px 0;}
.about_box3 .box_info ul{ margin: 0 -15px;}
.about_box3 .box_info ul li{ width: 25%; float: left; padding:15px;}
.about_box3 .box_info ul li a{ width: 100%; height: 33vh; float: left; background: #fff; border: 1px solid #e4e4e4; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.about_box3 .box_info ul li a img{ max-height: 100%; transition: all .6s;}
.about_box3 .box_info ul li a:hover{ border-color: #4a91f9;}
.about_box3 .box_info ul li a:hover img{ transform: scale(1.1);}

.about_box4 .all_title1{ border-top: 1px solid #d9d9d9;}
.about_box4 .box_info{ padding: 40px 0;}
.about_box4 .box_info ul li{ width: 20%; float: left;}
.about_box4 .box_info ul li .center-center{ width: 100%; height: 100px;}
.about_box4 .box_info ul li .center-center img{ max-width: 80%; max-height: 80%;}
.about_box4 .box_info ul li:hover .center-center img{ transition: all .6s; transform: rotateY(360deg);}

.about_box5{ background: url(../image/ab5_bg.jpg) center; background-size: cover; padding: 105px 0 75px;}
.about_box5 .between-center{ padding: 0 55px;}
.about_box5 .pull-left{ position: relative; z-index: 2; background: #457ed1; padding: 20px 25px; color: #fff;}
.about_box5 .pull-left::before{ content: ''; width: 100%; height: 120%; background: url(../image/ab5_1.png) no-repeat left top; position: absolute; left: -55px; top: -45px; pointer-events: none;}
.about_box5 .pull-left span{ display: block; font-size: 18px; text-align: center;}
.about_box5 .pull-left i{ display: block; font-size: 40px; padding: 20px 0 10px;}
.about_box5 .pull-left p{ font-size: 16px; line-height: 1.6;}
.about_box5 .pull-right{ color: #457ed1; position: relative; padding-left: 65px;}
.about_box5 .pull-right::before{ content: ''; width: 35px; height: 100%; background: url(../image/ab5_2.png) no-repeat top left; position: absolute; left: 10px; top: -5px; background-size: 100%;}
.about_box5 .pull-right::after{ content: ''; width: 35px; height: 100%; background: url(../image/ab5_3.png) no-repeat bottom right; position: absolute; right: -55px; bottom: -15px; background-size: 100%;}
.about_box5 .pull-right span{ display: block; font-size: 40px;}
.about_box5 .pull-right strong{ display: block; font-size: 28px; padding: 6px 0 10px;}
.about_box5 .pull-right p{ font-size: 18px; font-weight: bold;}

.page_banner{ background-position: center; background-size: cover; height: 450px; padding-top: 82px; text-align: center;}
.page_banner strong{ display: block; font-size: 34px; color: #eef8ff;}
.page_banner p{ font-size: 16px; color: rgba(255,255,255,0.5); text-transform: uppercase; margin-top: 10px;}

.case_box1{ /*background: #f4f4f4;*/ background: #fff;}
.case_box2 .all_more{ border-top: 1px solid #f4f4f4;}
.case_box2 .box_info{ background: #f4f4f4; padding-top: 8vh;}
.case_box2 .box_info:nth-child(2n){ background: #fff;}
.case_box2 .box_info .pull-left{ width: 50%; text-align: center; position: relative;}
.case_box2 .box_info .pull-left span{ width: 100%; float: left; position: relative; z-index: 2;}
.case_box2 .box_info .pull-left i{ width: 100%; height: 80%; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.case_box2 .box_info .pull-left i img{ width: 62%; height: 85%; object-fit: cover; transition: all .6s;}
.case_box2 .box_info .pull-right{ width: 50%; padding-top: 40px;}
.case_box2 .box_info .pull-right span{ display: block; font-size: 22px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.case_box2 .box_info .pull-right p{ line-height: 1.8; font-size: 15px; color: #666; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4; margin: 15px 0 70px;}
.case_box2 .box_info .pull-right a{ display: inline-block; line-height: 38px; padding: 0 30px; border: 1px solid; color: #4a91f9;}
.case_box2 .box_info .pull-right a:hover{ background: #4a91f9; color: #fff;}
.case_box2 .box_info:hover .pull-left i img{ transform: scale(1.1);}

.case_box1 .list_box1{ padding-bottom: 45px;}

.news_list ul li{ width: 46%; float: left; margin-top: 40px;}
.news_list ul li:nth-child(2n){ float: right;}
.news_list ul li span{ display: block; position: relative; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .6s;}
.news_list ul li span::before{ content: ''; width: 0; height: 1px; background: #4a91f9; position: absolute; left: 0; top: 50%; margin-top: -1px; transition: all .6s;}
.news_list ul li p{ line-height: 1.6; height: 44px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; margin: 5px 0 10px; color: #656468;}
.news_list ul li i{ color: #a09fac;}
.news_list ul li a:hover span{ padding-left: 60px; color: #4a91f9;}
.news_list ul li a:hover span::before{ width: 50px;}

.jjfa_box .list_box1 ul li a .imgs{ height: 230px;}
.jjfa_box .list_box1 ul li a .info{ background: #f4f4f4; padding: 0 15px 15px;}
.jjfa_box .list_box1 ul li a .info span{ padding: 15px 0 10px;}
.jjfa_box .list_box1 ul li a:hover{ color: #4a91f9;}
.jjfa_box .list_box1 ul li a:hover .info{ background: #edf4fe;}

.news_info1{ padding: 45px 0;}
.news_info1 .pull-left{ width: 71%; border-bottom: 1px solid #e4e4e4;}
.news_info1 .pull-left .box1{ border-bottom: 1px solid #e4e4e4;}
.news_info1 .pull-left .box1 span{ display: block; font-size: 26px;}
.news_info1 .pull-left .box1 p{ color: #7d7d80; padding: 10px 0 15px;}
.news_info1 .pull-left .box1 p a{ color: #7d7d80;}
.news_info1 .pull-left .box1 p a:hover{ color: #4a91f9;}
.news_info1 .pull-left .box2{ line-height: 24px; letter-spacing: 2px; padding: 15px 0 0;}
.news_info1 .pull-left .box2 p{ padding-bottom: 27px;}
.news_info1 .pull-left .box2 p:last-child{ padding-bottom: 0;}

.news_info1 .pull-right{ width: 24%; border:1px solid #f2f2f2; padding: 20px;}
.news_info1 .pull-right .box1{ font-size: 20px; font-weight: bold;}
.news_info1 .pull-right .box2{ margin-top: 25px;}
.news_info1 .pull-right .box2 i{ display: block; height: 145px; overflow: hidden;}
.news_info1 .pull-right .box2 i img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.news_info1 .pull-right .box2 span{ display: block; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 12px 0 5px;}
.news_info1 .pull-right .box2 p{ color: #78777a; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news_info1 .pull-right .box2:hover i img{ transform: scale(1.1);}
.news_info1 .pull-right .box2:hover span{ color: #4a91f9;}
.news_info1 .pull-right .box3{ text-align: center; padding: 25px 0 10px;}
.news_info1 .pull-right .box3 a{ color: #838383; font-size: 12px;}
.news_info1 .pull-right .box3 a:hover{ color: #4a91f9;}

.news_info2{ padding-bottom: 45px;}
.news_info2 .box1{ font-size: 22px; font-weight: bold; padding-bottom: 20px;}
.news_info2 .box2 ul li{ width: 50%; float: left;}
.news_info2 .box2 ul li a{ width: 100%; float: left; line-height: 40px; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding-left: 15px;}
.news_info2 .box2 ul li a::before{ content: '◆'; width: 15px; height: 100%; position: absolute; left: 0; top: 0;}
.news_info2 .box2 ul li a:hover{ color: #4a91f9;}

.contact_box1{ position: relative; padding-bottom: 50px;}
.contact_box1::before{ content: ''; width: 100%; height: 60%; background: #f4f4f4; position: absolute; left: 0; top: 0;}
.contact_box1 .w1200{ position: relative; z-index: 2;}
.contact_box1 .box_info1{ padding: 55px 5%;}
.contact_box1 .box_info1 .between-center{ }
.contact_box1 .box_info1 .between-center div{ padding-left: 12px; font-size: 15px;}
.contact_box1 .box_info1 .between-center div span{ display: block; padding-bottom: 5px;}
.contact_box1 .box_info1 .between-center div p{ color: #4a91f9;}
.contact_box1 .box_info1 .between-center div i{ color: #4a91f9; font-size: 22px; font-weight: bold;}
.contact_box1 .box_info2{ height: 48vh; background: #ccc;}
.contact_box1 .box_info2 img,.contact_box1 .box_info2 label{ max-width: initial;}

.contact_box2{ background: url(../image/con2_bg.jpg) center #4a91f9; padding-bottom: 80px;}
.contact_box2 .all_title1 p{ color: #fff;}
.contact_box2 .box_info{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); margin-top: 35px; padding: 35px;}
.contact_box2 .box_info .box1{ width: 25%; float: left;}
.contact_box2 .box_info .box1+.box1{ padding-left: 20px;}
.contact_box2 .box_info p{ font-size: 16px; padding-bottom: 12px;}
.contact_box2 .box_info .text{ width: 100%; height: 45px; border: 1px solid #dcdcdd; padding: 0 12px;}
.contact_box2 .box_info .box2{ width: 100%; float: left; margin-top: 15px;}
.contact_box2 .box_info textarea{ width: 100%; height: 100px; border: 1px solid #dcdcdc; padding: 12px;}
.contact_box2 .box_info .btns{ text-align: center;}
.contact_box2 .box_info .btns input{ width: 170px; height: 48px; background: #212028; color: #fff; text-align: center; margin-top: 12px; border:none;}

.jjfa_box1{ position: relative; padding: 150px 0 70px; background-position: top;}
.jjfa_box1::after{ content: ''; width: 100%; height: 40%; /*background: #f4f4f4;*/ position: absolute; left: 0; bottom: 0;}
.jjfa_box1 .w1200{ position: relative; z-index: 2;}
.jjfa_box1 .box1{ text-align: center;}
.jjfa_box1 .box1 span{ display: inline-block; font-size: 36px; font-weight: bold; color: #eef8ff; position: relative; padding: 0 65px;}
.jjfa_box1 .box1 span::before{ content: ''; width: 36px; height: 100%; position: absolute; left: 0; top: 0; background: url(../image/ab5_2.png) no-repeat left top; background-size: 100%;}
.jjfa_box1 .box1 span::after{ content: ''; width: 36px; height: 100%; position: absolute; right: 0; top: 0; background: url(../image/ab5_2_1.png) no-repeat right top; background-size: 100%;}
.jjfa_box1 .box2{ text-align: center; font-size: 20px; padding: 20px 0 70px; color: #eef8ff;}
.jjfa_box1 .box3{ text-align: center; position: relative;}
.jjfa_box1 .box3 i{ width: 100%; height: 93%; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.jjfa_box1 .box3 i img{ width: 57%; height: 90%; object-fit: cover; transition: all .6s;}
.jjfa_box1 .box3 span{ position: relative; z-index: 2;}
.jjfa_box1 .box4{ padding: 0 3%; line-height: 2; margin-top: 40px;}

.jjfa_box2 .box_info ul{ margin: 0 -30px;}
.jjfa_box2 .box_info ul li{ width: 25%; float: left; padding: 30px 30px 55px;}
.jjfa_box2 .box_info ul li .center-block{ width: 100%; float: left; background: #ededed; padding: 25px 28px; text-align: center; transition: all .6s;}
.jjfa_box2 .box_info ul li .center-block i{ display: block;}
.jjfa_box2 .box_info ul li .center-block i img{ height: 79px; transition: all .6s;}
.jjfa_box2 .box_info ul li .center-block span{ display: block; font-size: 20px; padding: 20px 0;}
.jjfa_box2 .box_info ul li .center-block p{ line-height: 1.6; color: #5f5e62; font-size: 15px; padding-bottom: 25px; position: relative;}
.jjfa_box2 .box_info ul li .center-block p::after{ content: ''; width: 60px; height: 1px; background: #acacac; position: absolute; left: 50%; bottom: 0; margin-left: -30px;}
.jjfa_box2 .box_info ul li:hover i img{ transform: rotateY(360deg);}
.jjfa_box2 .box_info ul li:hover .center-block{ transform: translate(0,-10px); box-shadow: 0 0 25px rgba(0,0,0,0.3);}

.jjfa_box3.case_box1{ padding-bottom: 110px;}

.jjfa_box4{ position: relative; z-index: 2;}
.jjfa_box4 .box_info1{ text-align: center; margin-top: -50px;}
.jjfa_box4 .box_info1 a{ display: inline-block;}
.jjfa_box4 .box_info1 a .center-center{ width: 355px; height: 100px; margin: 0 25px; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.2); border-radius: 50px;}
.jjfa_box4 .box_info1 a .between-center img{ height: 55px; transition: all .6s;}
.jjfa_box4 .box_info1 a .between-center div{ text-align: left; padding-left: 22px;}
.jjfa_box4 .box_info1 a .between-center div p{ margin-top: 6px;}
.jjfa_box4 .box_info1 a .between-center div span{ font-size: 24px;}
.jjfa_box4 .box_info1 a .between-center div.box1{ color: #4a91f9;}
.jjfa_box4 .box_info1 a .between-center div.box2{ color: #ff6600;}
.jjfa_box4 .box_info1 a .between-center div.box2 span{ font-weight: bold;}
.jjfa_box4 .box_info1 a:hover .between-center img{ transform: rotateY(360deg);}
.jjfa_box4 .box_info2{ padding: 50px 0;}
.jjfa_box4 .box_info2 ul{ margin: 0 -24px;}
.jjfa_box4 .box_info2 ul li{ width: 33.33%; float: left; padding: 5px 24px;}
.jjfa_box4 .box_info2 ul li a{ width: 100%; float: left; background: #f4f4f4; padding: 0 28px; border-radius: 50px; line-height: 44px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.jjfa_box4 .box_info2 ul li a i{ float: left; font-size: 18px; margin-right: 8px;}
.jjfa_box4 .box_info2 ul li a:hover{ background: #eaf1fa; color: #4a91f9;}

.jjfa_box5.contact_box2{ background-image: url(../image/jjfa5_bg.png);}
.jjfa_box5.contact_box2 .all_title1{ text-align: left; padding: 65px 35px 10px;}
.jjfa_box5.contact_box2 .all_title1 span{ width: 100%; float: left;}
.jjfa_box5.contact_box2 .all_title1 p{ width: auto; float: left; line-height: 2; margin: 10px 4vw 0 0;}


.case_info1{ height: 300px; background-position: center; background-size: cover; position: relative;}
.case_info1 .box_info{ width: 100%; position:absolute; left: 0; bottom: 10px; color: #fff; font-size: 18px;}
.case_info1 .box_info strong{ font-size: 24px;}

.case_info2 .box1{ padding: 60px 0 20px; position: relative;}
.case_info2 .box1 p{ width: 60%; font-size: 12px; color: #333; line-height: 26px; margin: 0;}
.case_info2 .box1 img{ max-height: 40px;}
.case_info2 .pro_more{width: 35px; height: 35px; display: inline-block; background: url(../image/ico_4_1.png) no-repeat left bottom; background-size: auto 35px;}
.case_info2 .pro_more:hover{ background-image: url(../image/ico_4.png);}
.case_info2 .box2{ margin-top: 10px;}
.case_info2 .box2 img{  height: auto !important;}
.case_info2 .box2 ul li{ width: 100%; float: left; margin-top: 2%; clip-path: inset(0px 20%); opacity: 0; transition: all .6s; text-align: center;}
.case_info2 .box2 ul li.active{clip-path: inset(0); opacity: 1;}

.single-projekte #content #project-navigation { overflow: visible; padding: 50px 0;}
.single-projekte #content #project-navigation a { text-decoration: none }
.single-projekte #content #project-navigation .img { margin: 0; padding: 0; width: 130px; height: 100px; border-radius: 10px; display: inline-block; -webkit-box-shadow: 0 15px 50px -10px rgba(104,110,127,1); -moz-box-shadow: 0 15px 50px -10px rgba(104,110,127,1); box-shadow: 0 15px 50px -10px rgba(104,110,127,1); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease;}
.single-projekte #content #project-navigation .img img{ width: 100%; height: 100%; border-radius: 10px}
.single-projekte #content #project-navigation .prev .img { margin-right: 20px }
.single-projekte #content #project-navigation .next .img { margin-left: 20px }
.single-projekte #content #project-navigation .content { display: inline-block; color: #666666; width: calc(100% - 160px); vertical-align: middle; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; padding: 0;}
.single-projekte #content #project-navigation .next { text-align: right }
.single-projekte #content #project-navigation .content h3 { margin-bottom: 0 ; font-size: 16px;}
.single-projekte #content #project-navigation .prev .arrow svg, .single-projekte #content #project-navigation .next .arrow svg { fill: none; stroke: #666666; stroke-miterlimit: 10; stroke-width: 2px; width: auto; height: 26px; position: absolute; top: 50%; z-index: 9; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease }
.single-projekte #content #project-navigation .prev .arrow.left svg { left: -25px }
.single-projekte #content #project-navigation .next .arrow.right svg { right: -25px }
.single-projekte #content #project-navigation .back-to-all a { width: 30px; height: 30px; display: block; position: relative; margin: 0 auto; top: 35px }

.single-projekte #content #project-navigation .back-to-all span{ width: 30px; height: 30px; display: inline-block; background: url(http://www.yinghuahightech.com/fonts/c1079e83b67e4c7489977d153934f5bb.woff){
}
@media screen and (max-height:600px){
}
@media screen and (max-width:1660px){
    .w1600{ width: 1300px;}
}
@media screen and (max-width:1440px){
    .w1300{ width: 94%;}
    .w1400,.w1200{ width: 1180px;}
    .head_box .fl .head_menu a,.head_box .fl .head_btn{ margin-left: 25px;}
    .foot_box .top-box .fl{ width: 58%;}
    .foot_box .top-box .fr{ width: 40%;}
    .about_banner{ height: 664px;}
    .page_banner{ height: 350px; padding-top: 60px;}
    .case_box2 .box_info .pull-left i img{ width: 65%;}
    .jjfa_box1 .box3 i img{ width: 62%;}
}
@media screen and (max-width:1366px){
    .w1600{ width: 94%;}
}
@media screen and (max-width:1280px){
    .w1400,.w1200,.w1300{ width:94% !important;}
    .head_box .fl .head_menu a{ margin-left: 20px;}
}

@media screen and (max-width:1024px){
    body{ zoom:1;}
    .pd-50{ padding: 20px 0;}
    .w900,.w1100{ width:94% !important;}
    .w90{ width: 94%;}
    .fanye{ padding:20px 0 5px;}
    .fanye ul li a,.fanye ul li span{ padding: 0 15px; line-height: 35px; font-size: 12px;}
    .fanye ul li .text,.fanye ul li #btn-page{ width: 45px;}
    .divpc{ display: none;}
    .divphone{ display: block;}
    .arrow{ width: 50px;}
    .pf_phone,.pf_bg{ display: none !important;}
    
    .head_box{ background: #030507;}
    .head_box .fl .head_menu{ width: 30%; height: 100vh; position: absolute; left: 0; top: 100%; background: rgba(0,0,0,0.8); padding: 10px 0; display: none;}
    .head_box .fl .head_menu a{ width: 100%; margin: auto; text-align: center; line-height: 35px; font-size: 14px; border:none;}
    .head_lower{ width: 70%; left: 30%; height: 100vh; overflow: auto;}
    .head_lower ul{ padding: 10px 0;}
    .head_lower ul li{ width: 100%; padding: 0 5px;}
    .head_lower ul li a{ line-height: 35px; font-size: 13px;}
    
    .home_box6 .pull-left{ width: 30%; padding: 0;}
    .home_box6 .pull-right{ width: 67%;}
    
    .about_box2 .box_info ul li i img{ height: 40px;}
    .about_box2 .box_info ul li span{ font-size: 18px;}
    .about_box2 .box_info ul li p{ font-size: 12px;}
    
    .page_banner strong{ font-size: 26px;}
    .case_box2 .box_info .pull-left i img{ width: 75%;}
    .jjfa_box1 .box3 i img{ width: 77%;}
    
}
@media screen and (max-width:768px){
    .fd_box{ display: none!important;}
    .foot_box .top-box .w1200{ display: block;}
    .foot_box .top-box .fl,.foot_box .top-box .fr{ width: 100%;}
    .foot_box .top-box .fr{ margin-top: 20px;}
    .foot_box .top-box .fr .ewm{ margin: 0 6px 0 0;}
    .about_banner{ height: 404px;}
    .about_box5 .pull-left i{ font-size: 20px;}
    .case_box2 .box_info .pull-right{ padding-top: 10px;}
    .case_box2 .box_info .pull-right p{ margin: 20px 0 40px;}
    .jjfa_box2 .box_info ul li{ width: 50%;}
    
}
@media screen and (max-width:480px){
    .fanye ul{ display: inline-table;}
    .fanye ul li a, .fanye ul li span{ line-height: 25px; margin-top: 1px; padding: 0 10px;}
    .fy{ display: block; padding: 0 0 10px;}
    .fy a{ width: 100%; font-size: 12px; line-height: 25px;}
    .fy .fr{ text-align: left;}
    
    .head_box{ height: 50px;}
    .head_box .fl .logo{ height: 22px;}
    .head_box .fl .head_btn{ width: 26px; margin-left: 20px;}
    .head_box .fr a.phone::before,.head_box .fr a.phone::after{ display: none;}
    .head_box .fr a.phone{ width: 24px; height: 24px; background: url(http://www.yinghuahightech.com/fonts/9a5220331b4a41ec9f17c3dc32abefac.woff){
}

.Validform_wrong,.Validform_checktip{ display:none !important;}

/* 11.21 */
#booterNav{ width: 100%; height: 50px; background: #4d96ff; position: fixed; left: 0; bottom: 0; right: 0; z-index: 60; display: flex; justify-content: center;}
#booterNav a{ display: block; width: 50%; height: 50px; display: flex; justify-content: center; align-items: center; position: relative;}
#booterNav a img{ height: 26px; margin-right: 15px;}
#booterNav a p{ font-size: 16px; color: #fff;}
#booterNav a em{ display: block; width: 1px; height: 100%; background: #fff; opacity: 0.5; position: absolute; top: 0; left: 0;}
@media screen and (min-width:750px){
	#booterNav{ display: none;}
}
@media screen and (max-width:750px){
	.foot_box .lower-box{ margin-bottom: 50px;}
}