@charset "utf-8";

body,div,td,th,input,textarea,select{font-family: "Microsoft YaHei", 微软雅黑, "Open Sans", Economica, sans-serif; color:#999; outline:none; letter-spacing:0.05rem;}
html,body{background:#fff; height:100%; font-size:62.5%;}
html,body,form{margin:0;}
img{border:0px none; vertical-align:middle; outline:none; width:auto; max-width:100%; height:auto;}
ul,dl{display:block; margin:0; padding:0;}
dd{margin:0; padding:0;}
li{list-style:none;}
p{display:block; margin:0; padding:0;}
a{text-decoration:none; color:#1b4fa4; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
a:hover{color:#af3b41;}
.wrap{width:1220px; margin:auto;}
.block{padding:0 50px; overflow:hidden;}
.wrap:after,.block:after,.after:after{clear:both; float:none; content:''; display:block; height:0; visibility:hidden;}
div:after,ul:after{content:''; display:block; height:0; font-size:0; overflow:hidden; clear:both; float:none;}
.searHeight{font-style:normal; color:#d8282a !important;}
.white{color:#fff !important;}
.clear{display:block; margin:0; padding:0; clear:both; float:none; min-height:30px;}

.rolling {width: 30px;height: 80px;position:absolute;left: 48%;bottom: 7%;cursor: pointer;z-index: 10;}
.rolling h6 {font-size: 12px;color: #fff;width: 10px;position:absolute;right:-5px;top:10px;font-weight: normal; display: none;}
.rolling h5 {font-size: 12px;color: #fff;width: 100px;position:absolute;right:-55px;top:40px;font-weight: normal;text-transform: uppercase;-webkit-transform:rotate(90deg);transform:rotate(90deg);}

.rolling span { position: relative;width:100%;height:100%; display: block; }
.rolling i{ display: block;height:32px; width: 32px;position:absolute;left:50%;top:10%; margin-left: -10px; background: url(../images/shubiao.png) no-repeat; 
background-size: 100%; animation: height1 1500ms infinite ease-out;-webkit-animation: height1 1500ms infinite ease-out;}
@keyframes height1{
  0%{height:10px;top:10%;opacity: 1;} 
  100%{height:80px;top:85%;opacity: 0.5;}
}

@media (max-width:1080px){
  .hidden-s{display:none !important;}
}
/* header */
.header {position: fixed;left: 0;top:0;width: 100%;z-index: 999;background: #fff;border-bottom: 1px solid #e6e6e6;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.header .content {width: 87.5%;height: 100%;margin: auto;position: relative;overflow: hidden;}
.header .content .left {position: relative;height: 90px; width: 20%; float: left;}
.header .content .left .logo{display: block;width:200px;height: 46px;position: absolute;left: 0;top: 40%;margin-top: -15px;background: url('../images/logo2.png') center no-repeat; background-size: 100%;}
.header .content .left .logo.enlogo {background: url('../images/logo2.png') center no-repeat;}
.header .content .left .logo img{opacity: 0;}
.header .content .center {text-align: right;position: absolute;right: 10%;width: 70%;height: 100%;top: 0;}
.header .content .center .nav{margin: 0;padding: 0;list-style: none;font-size: 0;}
.header .content .center .nav li{display: inline-block;margin: 0;list-style: none;position: relative;}
.header .content .center .nav li a{display: block; font-size: 20px;line-height: 90px;padding: 0 25px; position: relative;text-transform:uppercase;}
.header .content .center .nav li a:hover{color: #e60012;}
.header .content .right {text-align: right;font-size: 0;height: 100%;position: absolute;right: 0; width: 10%; float: right;}
.header .content .right .search {display: inline-block;vertical-align: middle; position: relative;height: 100%;width: auto;}
.header .content .right .search .icon {display: block;width: 18px;height: 18px;position: absolute;right: 0;top: 50%;margin-top: -9px; background: url("../images/ss.png") center no-repeat;background-size: 100% ;}
.header .content .right .language {display: inline-block;vertical-align: middle;margin: 0 0px 0 30px; overflow: hidden;cursor: pointer;transition:all .4s ease;}
.header .content .right .language .icon{display: inline-block;vertical-align: middle;width: 18px;height: 18px;color: #1a1a1a;font-size: 14px; background: url("../images/ll.png") left center no-repeat;}
.header .content .right .language .language-show{position: absolute;right: -100px;width: 60px; display:inline-block;overflow: hidden; vertical-align: middle;text-align: center;transition:all .4s ease;}
.header .content .right .language .language-show a{display:inline-block;color: #000;font-size: 12px;line-height: 20px;opacity: .5;margin-left:10px;}
.header .content .right .language .language-show a:hover {opacity: 1;}
.header .content .right .language .language-show.cur {right: 0;}
.header .content .right .language:hover  {padding-right: 60px;}


.header .content .center .nav li.cur::after {content: '';display: block;width:20px;height: 4px;background: #e60012;position: absolute;left: 50%;bottom: 0;margin-left: -10px;}
.inside-pages .header-height{height: 0px;}
.inside-pages .header .content .left .logo{background:none;}
.inside-pages .header .content .left .logo img{opacity: 1;}
.inside-pages .header {background: none;border-bottom: 1px solid rgba(255,255,255,.1);}
.inside-pages .header .content .right .search .icon { background: url("../images/ss1.png") center no-repeat;background-size: 100% ;}
.inside-pages .header .content .right .language .icon{color: #fff;background: url("../images/ll1.png") left center no-repeat;}
.inside-pages .header.scroll-top,.inside-pages .header:hover {background: #fff;border-bottom: 1px solid #e6e6e6;}
.inside-pages .header.scroll-top .content .right .search .icon,.inside-pages .header:hover .content .right .search .icon{ background: url("../images/ss.png") center no-repeat;background-size: 100%;}
.inside-pages .header.scroll-top .content .right .language .icon,.inside-pages .header:hover .content .right .language .icon{color: #1a1a1a;background: url("../images/ll.png") left center no-repeat;}
.inside-pages .header .content .center .nav li a {color: #fff;}
.inside-pages .header:hover .content .center .nav li a,.inside-pages .header.scroll-top .content .center .nav li a {color: #000;}
.inside-pages .header .content .center .nav li a.cur {color: #e60012;}
.inside-pages .header:hover .content .center .nav li a:hover {color: #e60012;}
.inside-pages .header:hover .content .left .logo img,.inside-pages .header.scroll-top .content .left .logo img{display: none;}
.inside-pages .header:hover .content .left .logo,.inside-pages .header.scroll-top .content .left .logo{background: url("../images/logo2.png") center no-repeat;background-size: 100%;}
.inside-pages .header:hover .content .left .logo.enlogo,.inside-pages .header.scroll-top .content .left .logo.enlogo {background: url('../images/logoen2.png') center no-repeat;}

.inside-pages .header .content .center .nav li.cur a {color: #e60012;}
.header.scroll-down {top: -100px;}
.header.scroll-down .header-nav-show 
{display: none;}

 

/* header - menu */
.header .content .center .nav li.cur a::after {width:100%;}
.header .content .center .nav li.cur a{color: #e60012;}
.header-nav-show {position: absolute;left: 0;top: 91px;width: 100%;height: auto;overflow: hidden;z-index: 999;}
.header-nav-show .content {overflow: hidden;width: 90%;margin: auto;}
.header-nav-show .content .nav-content.Hide {display: none;}
.header-nav-show .content .nav-content {display: block;min-height: 100px; background: url(../images/menubg.jpg) center bottom no-repeat;background-size: cover;}
.item-nav {position: relative;overflow: hidden;z-index: 20;}
.item-nav .cnav-show {margin: 0;padding: 0;font-size: 0;}
.cnav {float: left;}
.cnav.cnav1 {width: 100px;padding: 40px 0 100px 0;margin-left: 200px;position: relative;}
.cnav.cnav2::before {content: '';display: block;width: 1px;height: 100%;background: #e5e5e5;position: absolute;left:-10px;top:20px;z-index: 1;}
.cnav.cnav2 {width: 700px;padding:30px 0;position: relative;}
.cnav li{list-style: none;margin: 0;padding: 0;}
.cnav li a.cur h4{color: #000;}
.cnav li a.cur i {opacity:1;}
.cnav li a:hover h4{color: #000;}
.cnav li a{position: relative;display: block;padding:15px 0;overflow: hidden;}
.cnav li a h4{font-size: 17px;color: #999999;margin: 0;font-family: 'Conv_d-din.exp-bold', Arial;position: relative;z-index: 10;}
.cnav li a i{width: 20px;height:3px;position: absolute;top: 50%;right:0px;margin-top: -1px;background:#e60012;display: block;opacity: 0;z-index: 10;}
.cnav ul{display: none;width: 100%;}
.cnav ul.cur{display: block;}
.cnav ul li {width: auto;display: inline-block;}
.cnav ul li a h5 {font-size: 18px;color: #333;margin: 0;font-weight: normal;text-align: center;font-family: 'Conv_d-din.exp-bold', Arial;}
.cnav ul li a:hover h5{color: #e60012;}
.technology-nav {position: relative;overflow: hidden;text-align: center;padding:50px 0 65px;z-index: 20;}
.technology-nav a {display: inline-block;vertical-align: middle;overflow: hidden;margin: 2% 1% 0; width: 22%;}
.technology-nav a i{display: block;width: 100%;margin:auto;position: relative;}
.technology-nav a i img {display: block;margin: auto; max-width: 100%; transition: all 2s;}
.technology-nav a h6{margin: 0;font-weight: normal;font-size: 16px;color: #000;padding-top:25px;}
.technology-nav a:hover h6{color: #e60012;}
.technology-nav a:hover img{transition: all .9s; transform: scale(1.15);}
.mark-bg {width: 100%;height: 100%;position:fixed;left: 0;top: 0;z-index: 100;background: #000;opacity: .5;display: none;}
.mark-bg.cur {display: block;}

.header-nav-show .content .nav-content2.Hide {display: none;}
.header-nav-show .content .nav-content2 {display: block;min-height: 100px; background: url(../images/menubg2.jpg) center bottom no-repeat; background-size: cover;}
.about-nav {position: relative;overflow: hidden;text-align: center;padding:40px 0;z-index: 20;}
.about-nav a {display: inline-block;vertical-align: middle;margin: 0 2%; width:46%; float:left;}
.about-nav a:nth-child(4){width: 22%;  overflow: hidden; margin: 0 1% 0 2%; }
.about-nav a:nth-child(5){width: 22%;  overflow: hidden; margin: 0 2% 0 1%; }
.about-nav a i{display: block;width: 100%;margin:auto;position: relative; height: 200px; overflow: hidden;}
.about-nav a i img {display: block;margin: auto; max-width: 100%; margin-top: -10%; transition: all 2s;}
.about-nav a:hover img{transition: all .9s; transform: scale(1.15);}
.about-nav a:nth-child(4) i img,.about-nav a:nth-child(5) i img{margin-top: 0; height: 100%; width: 100%;}
.about-nav a h6{margin: 0;font-weight: normal;font-size: 16px;color: #000;padding-top:15px; margin-bottom: 20px;}
.about-nav a:hover h6{color: #e60012;}


.cnav li a .img {overflow: hidden; width: 200px;}
.cnav li a .img img{width: 100%;}
.cnav li a:hover img{transform:scale(1.03);}
.technology-nav a:hover i * {fill: #e60012!important;}

/* mobile nav */
.mnav{position: relative;z-index: 900; display: none;}
.mnav.scroll-down .mheader{top:-100px;}
.mnav.scroll-top .mheader,.mnav.scroll-top .mheader{top:0px;background: #fff;}
.mnav.scroll-top .mheader .mlogo,.mnav.scroll-top .mheader .mlogo{background: url("../images/logo2.png") left center no-repeat;background-size: 100%;}


.mnav.scroll-down .menu-toggle span.hamburger,
.mnav.scroll-down .menu-toggle span.hamburger:after,
.mnav.scroll-down .menu-toggle span.hamburger:before,
.mnav.scroll-down .menu-toggle span.cross:before,
.mnav.scroll-down .menu-toggle span.cross:after,
.mnav.scroll-top .menu-toggle span.hamburger,
.mnav.scroll-top .menu-toggle span.hamburger:after,
.mnav.scroll-top .menu-toggle span.hamburger:before,
.mnav.scroll-top .menu-toggle span.cross:before,
.mnav.scroll-top .menu-toggle span.cross:after
{background:#000;}

.nav-container {padding-top: 90px;}

.mheader {height:50px;position:fixed;left:0;top: 0;z-index: 93;width: 100%;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.mheader ul {height:50px;position: relative;padding:0 3%;margin: 0;}
.mlogo { left:10px;top:50%;position: absolute;z-index: 94;display: block;width: 131px;height:30px;margin-top: -13px; background: url("../images/logoh.png") left center no-repeat;background-size: 100%;-webkit-transition:none;-moz-transition:none;transition:none;}
.inside-pages .mlogo {background: url(../images/logo.png) left center no-repeat;background-size: 100%;}

.mlanguage {padding:10% 0;text-align: center;} 
.mlanguage a{display: inline-block;margin:0 2%;color: #666;font-size: 14px;} 
.mlanguage a:hover {opacity: 1;}

.cd-nav{margin: 0;padding: 0; }
.cd-nav li{width:80%;margin: auto;padding: 0;overflow:hidden;position: relative;}
.cd-nav a{ border-bottom:#313131 1px solid;position: relative; display: block;width:90%;font-weight: bold;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:17px; color:#fff;padding:5% 0; margin:0px auto;text-transform:uppercase;}
.cd-nav a:hover,.twonav.curr{color:#e60012;}
.cd-nav li a.twonav {background: url(../upload/right3.png) right center no-repeat;background-size: 3%;}
.no-touch .mheader{background-color: #1a1a1a;}
 
.menu-toggle {display: block;width:50px;height:50px; position:absolute;right:0px;top:0px;z-index: 9999;}
.cd-nav-trigger {width: 100%;height: 100%;display: block;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.12s;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);-o-transform:translateX(-70px);transform:translateX(-70px);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
 
.cd-nav-container{background-color:#1a1a1a;position: fixed; z-index:91; top:0px; right: 0; width: 100%;height:100%;overflow-y: auto;overflow-x: hidden; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
.cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;}

.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:19;}
.cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}


@media (max-width:1500px){
  #head .lan{display:none !important;}
  #head .right {width: 50px;}
}

#banner{width:100%; height:100%; min-height:720px; position:relative; z-index:1;}
#banner .swiper-container{height:100%; height:100%;}
#banner .swiper-slide{position:relative; z-index:1; overflow:hidden; background-size:cover; background-position:center;}
#banner .swiper-slide img{max-width:none;}
/*#banner .swiper-slide div{position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; display:table;}*/
#banner .swiper-slide .bigwenan{color:rgba(255,255,255,1); font-size:7rem; font-weight:300; text-align: left; animation: height2 1000ms  ease-out;-webkit-animation: height2 1000ms ease-out; position: absolute; top: 35%; left: 10%; }
#banner .swiper-slide .bigwenan span{font-size:1rem; text-transform: uppercase; display: table;}
#banner .swiper-slide .bigwenan h1{font-size:5.5rem; margin-top: 50px;}
#banner .swiper-slide .bigwenan h2{font-size:1.5rem; font-weight: 500;}
#banner .swiper-slide .bigwenan h4{font-size:2rem; font-weight: 500; background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #1788f9 10%, #2aaffc 100%);
                background-image: -webkit-radial-gradient(45px 45px, circle cover, #1788f9, #2aaffc);
                background-image: radial-gradient(45px 45px 45deg, circle cover, #1788f9 10%, #2aaffc 100%); padding: 5px 20px; border-radius: 12px; display: table;}
@keyframes height2{
  0%{height:10px;top:10%;opacity: 1;} 
  100%{height:80px;top:50%;opacity: 1;}
}
#banner .swiper-button-next, #banner .swiper-button-prev{z-index:3;top: 51%;}
#banner .swiper-button-prev{
  left:2.125%;
  width:27px; height:50px;
  background:url('../images/prev4.png') no-repeat center center; background-size:100%; margin-top:-22px;
}
#banner .swiper-button-next{
   right:2.125%;
    width:27px; height:50px;
   background:url('../images/next4.png') no-repeat center center; background-size:100%; margin-top:-22px;
 }
#banner .swiper-button-next:hover, #banner .swiper-button-prev:hover{opacity:.6;}



@media (max-width:1440px){
  #m1 .txt, #m1 .img, #m2 .txt, #m2 .img{height:360px;}
  #banner .swiper-slide .bigwenan h1{font-size:4.5rem; margin-top: 50px;}
}
@media (max-width:1280px){
  #banner .swiper-slide div>p{font-size:9.6rem;}
  #banner .swiper-slide .bigwenan h1{font-size:3.5rem; margin-top: 50px;}
}
@media (max-width:1080px){
  #head{height:68px;}
  #menu{display:none;}
  #logo{width:130px; line-height:60px;}
  #logo img{height:26px;}

  #lan{height:68px; line-height:66px; width:130px; font-size:1.5rem;}
  #lan .world{width:24px; height:24px; margin-right:10px;}
  #head .lan{position:absolute; left:19px; top:69px; width:154px; transition:top .25s; display:none;}
  #head .lan>a{height:48px; line-height:46px; font-size:1.5rem;}
  #head .lan>a img{height:24px; margin:-2px 10px 0 23px;}

  #nav{width:68px; height:68px; line-height:66px;}
  #nav>span{width:24px; margin:-2px auto auto -12px; height:2px;}
  #nav>span:before{top:-6px; height:2px;}
  #nav>span:after{top:6px; height:2px;}

  
  #banner{height:100%; min-height:auto;}
  #banner .swiper-slide div>p{font-size:4.2rem; padding:0 60px;}
  #banner .swiper-button-next, #banner .swiper-button-prev{width:36px; height:36px;}
  
}

@media(max-width: 768px){
	 #banner .swiper-slide .bigwenan h1{font-size:2.5rem; margin-top: 10px;}
	 #banner .swiper-slide .bigwenan h4{font-size:1rem; }
}

#foot{padding:60px 80px; background:#053075 url(../images/bg1-1.jpg) no-repeat; background-size: cover; position:relative; z-index:9;}
#foot .footlogo{width: 100%; margin-bottom: 150px;}
#foot .footlogo span{ width: 100%; color: rgba(255,255,255,0.5); display: table; font-size: 24px;}
/*#foot .footlogo img{width: 200px;}
#foot .item{padding-bottom:50px;}*/
#foot .left{width:50%; float:left;}
#foot .left li{float:left; padding-right:20px; margin-right:17px; border-right:1px solid #fff;}
#foot .left li:last-child{border-right:0px none; margin-right:0;}
#foot .left li>a{display:block; font-size:20px; color:#fff; transition:color .3s;}
#foot .left li>a:hover{color:#ff252f;}
#foot .right{width:100%; float:left;margin: 32px 0; padding: 15px 0; text-align:left; color:#fff; font-size:1.8rem; position:relative; border-top: 1px solid rgba(255,255,255,0.8);border-bottom: 1px solid rgba(255,255,255,0.8)}
#foot .right .wx, #foot .right .mp{display:inline-block; width:42px; height:42px; border-radius:100px; line-height:42px; text-align:center; margin-left:12px; transition:background .25s; position:relative; vertical-align:middle; margin-top:-5px;}
#foot .right .wx>img, #foot .right .mp>img{width:30px; position:absolute; left:50%; top:50%; margin:-10px 0 0 -10px; transition:opacity .3s;}
#foot .right .wx .blue, #foot .right .mp .blue{opacity:0;}
#foot .right .wx:hover, #foot .right .mp:hover, #foot .right .wx.active, #foot .right .mp.active{}
#foot .right .wx:hover .white, #foot .right .mp:hover .white, #foot .right .wx.active .white,#foot .right .mp.active .white{opacity:0;}
#foot .right .wx:hover .blue, #foot .right .mp:hover .blue, #foot .right .wx.active .blue,#foot .right .mp.active .blue{opacity:1;}
#foot .right2{width:48%; float:left;margin-top: 22px; text-align:right; color:#fff; font-size:2.8rem; position:relative;}
#foot .right2 a{color: #fff; text-transform: uppercase;}
#foot .right2 a:hover{color: #eee;}
#foot .btm{margin-top:50px; text-align:center;}
#foot .btm .top{display:inline-block; width:45px; height:45px; transition:all .2s;}
#foot .btm .top:hover{opacity:.8;}
#foot .btm .copyright{margin-top:30px; font-size:1.6rem; opacity:.6;}
#foot .btm .copyright p {color: #fff;}
#foot .btm .beian{margin-left:10px;color: #fff;}
#foot .wx_qr{background:#fff; width:178px; height:178px; position:absolute; right:30px; top:-240px; box-shadow:10px 10px 20px rgba(0,0,0,.07); padding:13px; display:none;}
#foot .wx_qr:before{content:''; display:block; width:24px; height:24px; background:#fff; transform:rotate(45deg); position:absolute; right:37px; bottom:-10px;}
#foot .mp_qr{background:#fff; width:178px; height:178px; position:absolute; right:-28px; top:-240px; box-shadow:10px 10px 20px rgba(0,0,0,.07); padding:13px; display:none;}
#foot .mp_qr:before{content:''; display:block; width:24px; height:24px; background:#fff; transform:rotate(45deg); position:absolute; right:37px; bottom:-10px;}
#foot .left>p {font-size: 18px;color: #fff;line-height: 40px;}
#foot .left>ul{margin-bottom: 6px;}
#foot .left>p a{color: #fff;}
@media (max-width:1080px){
  #foot{padding:60px 40px;}
  #foot .left{width:100%; float:none;}
  #foot .left li{float:left; padding-right:15px; margin-right:12px;}
  #foot .left li>a{font-size:1.5rem;}
  #foot .right{width:100%; float:none; font-size:1.5rem; text-align:left; margin-top:16px;}
  #foot .right .wx, #foot .right .mp{width:32px; height:32px;}
  #foot .btm .copyright{font-size:1.4rem;}
  #foot .btm .copyright span{display:block;}
  #foot .btm .beian{margin-left:0; display:block;}
}








.page{margin:50px auto 50px;position:relative;text-align:center;float: left; width:100%;}
.page a,.page span{min-width:40px;height:40px;font-size:14px;color:#9fa7c5;    border: 1px solid;line-height:40px;text-align:center;display:inline-block;font-weight:500;margin-right:12px;transition:all ease .3s;-moz-transition:all ease .3s;-webkit-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s}
.page .Ahover,.page a:hover{background:#ee1d23;color:#fff}
.page a:last-child{margin-right:0}
.page .pagenum{display:inline-table;margin-right:10px}










.prolist{max-width:1270px; margin:80px auto;}
.prolist .tit{color:#464646; font-size:3rem; font-weight:300;}
.prolist .con a{float:left; width:30%; padding-top:21.6%; margin-right:3.333333%; border:1px solid #ddd; box-sizing:border-box; border-radius:3px; margin-top:3.333333%; position:relative; display:table;}
.prolist .con a .img{position:absolute; box-sizing:border-box; width:100%; height:100%; padding:10px; left:0; top:0;}
.prolist .con a .img:after{content:''; display:block; width:0; height:0; position:absolute; left:50%; top:50%; background:rgba(0,0,0,.5); transition:all .35s;}
.prolist .con a:hover .img:after{width:100%; height:100%; left:0; top:0;}
.prolist .con a .tit{position:absolute; box-sizing:border-box; width:100%; height:100%; padding:10px; left:0; top:0; text-align:center;}
.prolist .con a .tit>p{display:table; width:100%; height:50%; transition:all .35s; margin-top:50%; opacity:0;}
.prolist .con a:hover .tit>p{height:100%; margin-top:0; opacity:1;}
.prolist .con a .tit>p>span{display:table-cell; vertical-align:middle; color:#fff; font-size:2rem; font-weight:300;}
.prolist .con a:nth-child(3n+0){margin-right:0;}

.proback{border-bottom:1px solid #e8e8e8; padding:50px 0 120px 0; text-align:center;}
.proback a{display:inline-block; width:150px; height:60px; border:1px solid #5d92fe; font-size:1.8rem; color:#5d92fe; line-height:60px; position:relative;}
.proback a span{position:relative; z-index:2; transition:all .3s;}
.proback a:before{content:''; display:block; width:0; height:0; position:absolute; left:50%; top:50%; background:#5d92fe; transition:all .35s; z-index:1;}
.proback a:hover>span{color:#fff;}
.proback a:hover:before{left:0; top:0; width:100%; height:100%;}

@media (max-width:1080px){


  .prolist{max-width:100%; padding:0 30px; box-sizing:border-box; margin:50px auto;}
  .prolist .tit{font-size:2.6rem;}
  .prolist .con a{width:100%; margin-right:0; padding-top:73.3%;}
}


#downlist{max-width:1270px; margin:80px auto;}
#downlist .tit{color:#464646; font-size:3rem; font-weight:300;}
#downlist .list{margin-top:50px;}
#downlist a{display:table; width:100%; table-layout:fixed; margin-bottom:30px;}
#downlist a .img{width:64px; height:64px; display:table-cell; vertical-align:top;}
#downlist a .con{display:table-cell; padding-left:20px; vertical-align:top; padding-top:8px;}
#downlist a .con .title{width:100%; display:block; font-size:1.7rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#downlist a .con .size{font-size:1.6rem; color:#999; padding-top:6px; display:block;}

@media (max-width:1280px){
  #downlist{max-width:980px;}
}
@media (max-width:1080px){
  #downlist{max-width:100%; margin:60px auto; padding:0 30px; box-sizing:border-box;}
  #downlist .list{margin-top:30px;}
  #downlist a{margin-bottom:20px;}
  #downlist a .img{width:52px; height:52px;}
  #downlist a .con{padding-left:12px; padding-top:3px;}
  #downlist a .con .title{overflow:visible; white-space:normal;}
}



#map{width:100%; height:100%; position:fixed; z-index:7; left:0; top:0;}


#contact{width:560px; height:auto; padding:80px 70px; background:rgba(0,0,0,.5); position:absolute; left:10%; top:26%; z-index:8;}
#contact h1{font-size:4.2rem; color:#fff; font-weight:normal; line-height:1; display:block; margin:0;}
#contact .con{margin-top:50px; color:#fff; font-size:1.7rem; font-weight:300;}
#contact .con p{margin-bottom:12px;}

@media (max-width:1080px){
  #map{height:400px; position:relative;}
  #contact{width:100%; position:relative; left:0; top:0; box-sizing:border-box; padding:60px 30px;}
  #contact h1{font-size:3.6rem; line-height:1.1;}
}




@media (max-width:1080px){
  #vip .container{width:100%; margin:auto; padding-top:120px; padding-left:30px; padding-right:30px;}

  .formcls .double>dl{width:100%; float:none; margin-left:0;}
}



.page-header {
  height: 399px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  display: table;
  width: 100%;
  position: relative;
  z-index: 0;
}
.page-header .entry-title {
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: #fff;
  font-size: 6rem;
  padding-top: 27%;
  font-weight: normal;
  margin: 0;
  margin-bottom: 20px;
}
@media screen and (max-width: 1450px) {
  .page-header .entry-title {
    font-size: 72px;
    font-size: 4.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-header .entry-title {
    font-size: 64px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 600px) {
  .page-header .entry-title {
    font-size: 52px;
    font-size: 3.25rem;
  }
}
.page-header.absolute {
  margin-bottom: 110px;
}
.page-header.absolute .entry-title {
  background: #fff;
  color: #1c2d69;
  display: block;
  position: absolute;
  bottom: 0;
  width: auto;
  margin: 0;
  border-top: 6px solid #af3b41;
  left: 0;
  bottom: 0;
  padding-left: 11.4583333333%;
  padding-right: 11.4583333333%;
  padding-top: 30px;
  line-height: 1.1;
}
@media screen and (max-width: 960px) {
  .page-header.absolute .entry-title {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .page-header.absolute {
    margin-bottom: 70px;
  }
}


@media screen and (max-width: 860px) {
	.header,.aside-top,.pcshow,.swiper-bottom,.spagination,.product-img,.product-activities-swiper .item a .text i,.technology-item2 .item .text i,.footer .content .left .footer-nav ul li,.footer .content .bottom .flanguage,.newsdate,.bottom-page-npturn a span ,.service-classroom-detail-content .scdc-right ,.service-appdownload .phoneimg,.service-purchase-order a:hover .img i,.mark-bg{display: none!important;}
	.mnav,.mbshow {display: block!important;}
	.inside-pages .menu-toggle span.hamburger,.inside-pages .menu-toggle span.hamburger:after,.inside-pages .menu-toggle span.hamburger:before,.inside-pages .menu-toggle span.hamburger,.inside-pages .menu-toggle span.hamburger:after,.inside-pages .menu-toggle span.hamburger:before,.inside-pages .menu-toggle span.cross:before,.inside-pages .menu-toggle span.cross:after,.no-touch .menu-toggle span.cross:after,.no-touch .menu-toggle span.cross:before{background: #fff;}
	.header-height,.product-detail .header-height {height:50px;}
}


.products-intro {
  padding: 100px 8.3333333333% 0;
  display: table;
  direction: rtl;
  text-align: left;
  table-layout: fixed;
  width: 100%;
}
.products-intro.product-lp img {
  width: 100%;
}
.products-intro-outer {
  border-bottom: 5px solid #2979d8;
  padding-bottom: 100px;
}
.products-intro:last-of-type .products-intro-outer {
  border: 0;
}
.products-intro-teaser-content {
  width: 50%;
  display: table-cell;
  padding-left: 8.3333333333%;
  vertical-align: middle;
  direction: ltr;
}
 .entry-header h2 {
  color: #fff;
  font-size: 22px;
  text-align: center;
  margin: 0 0 40px;
  line-height: 1.5;
  font-weight: normal;
}
@media screen and (max-width: 840px) {
   .entry-header h2 {
    font-size: 60px;
    font-size: 2.75rem;
  }
}
@media screen and (max-width: 440px) {
   .entry-header h2 {
    font-size: 48px;
    font-size: 2rem;
  }
}
.products-intro-teaser-content .entry-content-teaser p {
  font-size: 16px;
  line-height: 1.45;
}
.products-intro-teaser-content .entry-content-teaser h2 {
  font-size: 24px;
  line-height: 1.75;margin: 10px auto 0;
}
body.tax-jobcat .products-intro-teaser-content .entry-content-teaser p {
  font-size: 23.008px;
}
.products-intro-teaser-content .more-link {
  margin-right: 72px;
  margin-top: 30px;
}
.product-intro-graphic-wrapper {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
.product-intro-graphic {
  position: relative;
  margin: 0;
}

.products-intro:nth-of-type(even) {
  direction: ltr;
}
.products-intro:nth-of-type(even) .products-intro-teaser-content {
  padding-left: 0;
  padding-right: 8.3333333333%;
}
.products-intro.small {
  max-width: 1500px;
  margin: 0 auto;
  padding: 100px 0px;
}
.aboutbg{background: url(../images/aboutbg.jpg) right bottom no-repeat;}
.products-intro.small .products-intro-teaser-content {
    width: 48.6666666667%;
    padding-right: 8.333333%;
    padding-left: 0;
    float: left;
}
.products-intro.small .product-intro-graphic-wrapper {
      width: 53.333333%;
  max-width: 530px;
}
@media screen and (max-width: 1320px) {
  .products-intro.product-lp {
    padding: 100px 8.33333% 0;
    display: block;
    max-width: 950px;
    margin: 0 auto;
    text-align: center;
  }
  .products-intro.product-lp .products-intro-teaser-content {
    width: 100%;
    padding-left: 0;
    display: block;
  }
  .products-intro.product-lp .product-intro-graphic-wrapper {
    width: 100%;
    display: block;
    margin-top: 80px;
  }
  .products-intro-teaser-content .entry-content-teaser h2 { font-size: 20px;}
  .products-intro-teaser-content .entry-content-teaser p { font-size: 16px; line-height: 1.5;}
  .aboutbg { background-size: 75%;}
}
@media screen and (max-width: 920px) {
  .products-intro.small {
    max-width: 1050px;
    margin: 0 auto;
    text-align: center;
    display: block;
  }
  .products-intro.small .products-intro-teaser-content {
    width: auto;
    padding-left: 0;
    display: block;
  }
  .products-intro.small .product-intro-graphic-wrapper {
    width: auto;
    max-width: 350px;
    margin: 60px auto 10px;
    display: block;
  }
}
@media screen and (max-width: 650px) {
  .products-intro.small {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.containers.cta {
  background: #005bac;
}
.cta-content {
  display: inline-block;
  position: relative;
  padding-left: 82px;
  width: calc(100% - 280px);
}
.cta-content:before {
  background: url("../images/chilun.png") no-repeat;
  font-size: 58px;
  position: absolute;
  color: #2979d8;
  left: -5px;
  content: "";
  top: -5px;
  color: #fff;
  width: 68px;
  height: 68px;
  margin-top: 22px;
}
.cta-wrapper {
  max-width: 1500px;
  margin: 0 auto;
  color: #fff;
  padding: 60px 34px;
  position: relative;
  font-family: 'Economica-Regular', sans-serif;
}
.cta-content .cta-headline {
  text-transform: uppercase;
  font-size: 40px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 5px;
  color: #fff;
}
.cta-content .cta-desc {
  font-size: 25.6px;
  margin: 0;
  line-height: 1.2;
  color: #fff;
}
/*.about .home-teaser a * {
  color: #444;
}*/
.about .home-teaser:nth-of-type(4n+3), .about .home-teaser:nth-of-type(4n+4) {
  background: #003a99;
}
.about .home-teaser1 a *, .about .home-teaser2 a * {
  color: #ffffff;
}


.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cta-link {
  border: 1px solid #fff;
  color: #fff;
  text-transform: uppercase;
  font-size: 22.4px;
  font-size: 1.4rem;
  padding: 0 30px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 34px;
  font-weight: 300;
  line-height: 50px;
  margin-top: -25px;
  background: transparent;
}
.cta-link:hover {
  color: #fff;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.cta-link:before {
  background: #fff;
}

.page-header {
  height: 450px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  display: table;
  width: 100%;
  position: relative;
  z-index: 0;
  /*    margin-top: 90px;*/
}

.page-header.news-archive {
  z-index: 0;
}

.nbg{background: rgba(27,79,164, 0.5);height: 100vh;}

.news-header-wrapper {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
.news-header h1, .news-header .cat-title {
  position: absolute;
  background: #1b4fa3;
  color: #fff;
  padding: 3px 0;
  text-transform: uppercase;
  font-size: 36px;
  width: 250px;
  text-align: center;
  margin-left: -125px;
  margin-bottom: 0;
  bottom: 100%;
  left: 50%;
  height: 60px;
  line-height: 55px;
}
.news-wrapper {
  max-width: 1400px;
  margin: 0 auto;
}
.news-listing {
  padding-left: 5.2083333333%;
  padding-right: 5.2083333333%;
  position: relative;
  margin-top: 100px;
}
.news-header {
  height: 86px;
  /*border-top: 6px solid #af3b41;*/
  background: #fff;
  position: relative;
}

.news-teaser-overview {
  float: left;
  width: 100%;
  margin: 0 0 7% 0;
}
.news-teaser-overview .entry-meta {
  border-top: 6px solid #1a4ea4;
  position: relative;
  height: 40px;
}
.news-teaser-overview .entry-meta .posted-on {
  position: absolute;
  line-height: 30px;
  display: block;
  top: -19px;
  left: 0px;
  background: #fff;
  padding-right: 30px;
  font-size: 24px;
  z-index: 9;
}
.news-teaser-overview h2.entry-title a {
  font-size: 30px;
  margin: 24px 0;
  color: #8998a4;
  line-height: 1.1;
  display: block;
  font-weight: normal;
}
.news-teaser-overview h2.entry-title a:hover {
  color: #af3b41;
}
.news-teaser-overview p{margin-bottom: 10px; font-size: 16px; line-height: 30px;}
.news-teaser-overview .post-image {
  position: relative;
  margin: 0;
  float: left;
  width:35%; margin-right:5%;
}
.news-teaser-overview .post-image img {
  display: block;
  width: 100%;
}
.entry-footer{width:60%; float:left;}
@media screen and (min-width: 770px) and (max-width: 950px) {
  .news-teaser-overview h2.entry-title a {
    font-size: 33.6px;
  }
}
@media screen and (max-width: 769px) {
  .news-listing {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0;
  }
  .news-teaser-overview {
    float: none;
    width: auto;
    margin: 0 auto 80px;
  }
  .news-teaser-overview h2.entry-title a { font-size: 24px;}
  .news-teaser-overview p{line-height: 24px;}
  .news-single-view h1.entry-title { font-size: 36px; margin: 0 0 40px;}
}
.layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.layer.hvr-rectangle-out {
  background: transparent;
}
.layer.hvr-rectangle-out:before {
  background: rgba(41, 121, 216, .5);
}
.news-teaser-overview:nth-of-type(2n) {
  margin-right: 0;
}
a.more-link, p.more-link {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Economica-Regular', sans-serif;
    font-weight: 400;
    position: relative;
    font-size: 21.2px;
}
a.more-link.blue, p.more-link.blue {
  color: #af3b41;
}
a.more-link::before, p.more-link::before {
  content: '';
  background: url(../images/right.png) center 5px no-repeat;
  position: absolute;
  right: -54px;
  top: 50%;
  margin-top: -19px;
  height: 38px;
  width: 38px;
  color: #fff;
  font-size: 18px;
  line-height: 31px;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #fff;
}
.news a.more-link::before, .news p.more-link::before {
  content: '';
  background: url("../images/rjiantou.png");
  position: absolute;
  right: -54px;
  top: 50%;
  margin-top: -21px;
  height: 38px;
  width: 38px;
  color: #fff;
  font-size: 18px;
  line-height: 34px;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #fff;
}

.contact .locations-sub-headline {
  color: #1c2d69;
  font-size: 40px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 60px;
}






.contact .elementor-element.elementor-element-927d157 {
  padding: 150px 0px 100px;
}
.contact .elementor-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contact_tel{width: 50%; padding-right: 5%;     margin-bottom: 100px;}
.contact_tel .contactlogo{margin-bottom: 80px;}
.contact_tel h1{font-size: 5rem;}
.contact_tel h2{font-size: 5rem; margin-bottom: 20px; color: #1b4fa4}
.contact_tel p{line-height: 30px; font-size: 18px;}
.contact_from{margin-top: 30px; margin-bottom: 50px;}
.elementor-column {
  position: relative;
  min-height: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contact .elementor-element.elementor-element-5b4696b {
  width: 62.1%;
}
.elementor-column-wrap {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contact .elementor-element.elementor-element-5b4696b > .elementor-element-populated {
  padding: 0% 10% 0% 0%;
}

.elementor-widget-wrap {
  position: relative;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contact .elementor-element.elementor-element-927d157 > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap {
  align-content: center;
  align-items: center;
}
.elementor-widget-wrap>.elementor-element {
  width: 100%;
}
.rongyu .elementor-element .elementor-widget-container {
  -webkit-transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
  transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
  -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
  transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
  transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
  margin-bottom: 70px;
}
.elementor-form-fields-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.elementor-field-group {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.elementor-column.elementor-col-50, .elementor-column[data-col="50"] {
  width: 100%;
  margin-right: 0;
}
.contact .elementor-element.elementor-element-8798ef5 .elementor-form-fields-wrapper {
  padding-right: calc( 0px/2 );
  padding-left: calc( 0px/2 );
  margin-bottom: 15px;
}
.contact .elementor-element.elementor-element-8798ef5 .elementor-field-group {
  padding-right: calc( 0px/2 );
  padding-left: calc( 0px/2 );
  margin-bottom: 15px;
}
.contact .elementor-element.elementor-element-8798ef5 .elementor-field-group:nth-child(2n+2) {
  margin-right: 0;
}
.elementor-field-textual {
  line-height: 1.4;
  font-size: 15px;
  min-height: 40px;
  padding: 5px 14px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.elementor-field-group .elementor-field-textual {
  width: 100%;
  max-width: 100%;
  border: 1px solid #818a91;
  background-color: transparent;
  color: #373a3c;
  vertical-align: middle;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.elementor-column.elementor-col-100, .elementor-column[data-col="100"] {
  width: 100%;
}
.contact .elementor-element.elementor-element-8798ef5 .elementor-field-group .elementor-field {
  color: #000000;
}
.contact .elementor-element.elementor-element-8798ef5 .elementor-field-group .elementor-field, .contact .elementor-element.elementor-element-8798ef5 .elementor-field-subgroup label {
  font-size: 15px;
  font-weight: normal;
}
.contact .elementor-element.elementor-element-8798ef5 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {
  background-color: #ffffff;
  border-color: #1b4fa4;
  border-width: 0px 0px 1px 0px;
  border-radius: 0px 0px 0px 0px;
}
.elementor-button-align-end .elementor-field-type-submit {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.contact .elementor-element.elementor-element-8798ef5 .elementor-button {
  background-color: #1b4fa4;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 0px 0px 0px 0px;
  padding: 15px 45px 15px 45px;
  border: none;
}
.contact .elementor-column.elementor-col-30 {
  width: 35%;
}
.contact .elementor-element.elementor-element-4214b6a > .elementor-element-populated {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 40px 30px 40px 30px;
}
.contact .elementor-element.elementor-element-4214b6a:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap, .contact .elementor-element.elementor-element-4214b6a > .elementor-column-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #af3b41;
}
.fa-phone-alt {
  background: url(../images/phonect.png) no-repeat;
  width: 50px;
  height: 50px;
  display: block;
  background-size: 100%;
  margin: 0 auto;
}
.elementor-widget-icon-box .elementor-icon-box-content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}
.contact .elementor-element.elementor-element-0d38fc3 .elementor-icon-box-content .elementor-icon-box-title {
  color: #FFFFFF;
  font-size: 36px;
  font-weight: 900;
}
.elementor-widget-icon-box .elementor-icon-box-title a {
  color: #fff;
  font-size: 36px;
  font-weight: 900;
  font-family: "Roboto", Sans-serif;
}
.elementor-widget-wrap>.elementor-element {
  width: 100%;
}
.contact .elementor-element.elementor-element-5fffb16 {
  color: #ffffff;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.6em;
  letter-spacing: 0.5px;
}
.contact .elementor-element.elementor-element-5fffb16 p {
  color: #ffffff;
}
.contact .elementor-element.elementor-element-5fffb16 .elementor-text-editor {
  text-align: center;
}
.map {
  height: 600px;
  position: relative;
  margin-top: 80px;
  margin-bottom: 80px;
}



.big-title{font-size: 60px; line-height: 1; font-weight: normal; width: 100%; margin: 100px auto; text-align: center;}



.fzlc *{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.fzlc .history-teaser {
  background: #fff;
  color: #8998a4;
  position: relative;
  margin-bottom: 50px;
}
/*.fzlc .history-teaser:first-of-type {
  border-top: 1px solid #d7d7d7;
}*/
.fzlc .history-teaser .teaser-content-wrapper {
  float: left;
  width: 50%;
  padding: 4%;
  min-height: 450px;
}
.fzlc .history-teaser .teaser-content-wrapper::after {
  border-left-color: #fff;
}
.fzlc .history-teaser .entry-header {
  width: 100%;
  float: left;
  text-align: left;
}
.fzlc .history-teaser .entry-header h3 {
  font-size: 104px;
  line-height: 1;
  font-weight: normal;
}
.fzlc .history-teaser .entry-header h4 {
  font-size: 40px;
  line-height: 1.5;
  font-weight: normal;
  color: #2979d8;
  border-bottom: 3px solid #2979d8;
  display: table;
  margin: 0px 0 50px;
}



.fzlc .history-teaser .entry-content-teaser {
  float: right;
  text-align: left;
  width: 100%;
  
}
.fzlc .history-teaser .entry-content-teaser p {
  font-size: 22px;
  line-height: 36px;
}
.fzlc .history-teaser .entry-content-teaser .text {
  font-size: 20px; line-height: 34px;
}
.fzlc .history-teaser .teaser-image {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
/*.fzlc .history-teaser .teaser-image img{height: 100%; }*/
.fzlc h1, .fzlc h2, .fzlc h3, .fzlc h4, .fzlc h5, .fzlc h6 {
  font-family: 'OpenSans-Light', 'Microsoft YaHei', '微软雅黑', 'Open Sans', 'Economica', sans-serif;
}

.fzlc .swiper-pagination{bottom: 30px; left: 45%;}
.fzlc .swiper-pagination-bullet{margin: 0 5px; width: 12px; height: 12px;}
@media screen and (max-width: 1650px) {
  .fzlc .history-teaser .entry-header h3 {
    font-size: 96px;
  }
  .fzlc .history-teaser .entry-content-teaser p {
    font-size: 20px;
  }
    .fzlc .history-teaser .entry-header h4 {
    font-size: 28px;
  }
  .fzlc .history-teaser .entry-content-teaser .text{
  font-size: 18px;
}
}
.fzlc .history-teaser:nth-of-type(even) .teaser-content-wrapper {
  float: right;
}
.fzlc .history-teaser:nth-of-type(even) .teaser-content-wrapper::after {
  border-right-color: #fff;
  border-left-color: transparent;
}
.fzlc .history-teaser:nth-of-type(even) .entry-header {
  float: right;
  text-align: left;
}
.fzlc .history-teaser:nth-of-type(even) .entry-content-teaser {
  float: left;
}
.fzlc .history-teaser:nth-of-type(even) .teaser-image {
  right: inherit;
  left: 0;
}
@media screen and (max-width: 1280px){
.fzlc .history-teaser .entry-header h4 { font-size: 32px;}
}
@media screen and (min-width: 700px) and (max-width: 1319px) {
  .fzlc .history-teaser .entry-header, .fzlc .history-teaser:nth-of-type(even) .entry-header {
    float: none;
    width: auto;
    margin-bottom: 30px;
    text-align: left;
  }
  .fzlc .history-teaser .entry-content-teaser, .fzlc .history-teaser:nth-of-type(even) .entry-content-teaser {
    float: none;
    width: auto;
  }
}
@media screen and (max-width: 1024px) {
  .fzlc .history-teaser .entry-content-teaser p, .fzlc .history-teaser:nth-of-type(even) .entry-content-teaser p {
    font-size: 18px;
  }
  .fzlc .history-teaser .entry-header h4 {
    font-size: 24px;
    margin: 0px 0 40px;
 }
}
@media screen and (max-width: 699px) {
  .fzlc .history-teaser .teaser-content-wrapper, .fzlc .history-teaser:nth-of-type(even) .teaser-content-wrapper {
    float: none;
    width: auto;
    padding: 80px 40px;
    overflow: hidden;
    min-height: 1px;
  }
  .fzlc .history-teaser .teaser-image, .fzlc .history-teaser:nth-of-type(even) .teaser-image {
    position: relative;
    width: 100%;
    min-height: 250px;
  }
}
@media screen and (max-width: 610px) {
  .fzlc .history-teaser .entry-header h3, .fzlc .history-teaser:nth-of-type(even) .entry-header h3 {
    font-size: 72px;
  }
}
@media screen and (max-width: 480px) {
  .fzlc .history-teaser .entry-header, .fzlc .history-teaser:nth-of-type(even) .entry-header {
    float: none;
    width: auto;
    margin-bottom: 30px;
    text-align: left;
  }
  .fzlc .history-teaser .entry-content-teaser, .fzlc .history-teaser:nth-of-type(even) .entry-content-teaser {
    float: none;
    width: auto;
  }
}


.zykh{width: 80%; margin: 100px auto;}
.zykh h2{ color: #000; font-size: 40px; margin: 0 0 40px; line-height: 1;text-align: center; font-weight: bold;}
.zykh_box{width: 100%; margin-top:50px; }
.zykh_box ul{margin: 0px; padding: 0px;}
.zykh_box ul li{width: 23.5%; float: left; text-align: cener; margin-right: 2%; margin-bottom: 30px;  padding: 10px 30px;}
.zykh_box ul li:nth-child(4n+4){margin-right: 0px;}
.zykh_box ul li img{width: 100%; max-width: 100%;}
.zykh_box ul li img:hover{transform: scale(1.2);}



.news-single-view .entry-meta {
  display: block;
  margin: -30px auto 45px;
  max-width: 300px;
  font-size: 24px;
  text-align: center;
}
.news-single-view h1.entry-title {
  font-size: 52px;
  margin: 0 0 60px;
  line-height: 1.1;
  font-weight: normal;
}
.news-single-view .entry-content {
  text-indent: 30px;
  font-weight: 300;
  font-size: 20px;
}
.news-single-view .entry-content p{
  text-indent: 0px;
}
.news-single-view .entry-content * {
  font-weight: 300;
  font-size: 18px;
  line-height: 32px;
}







/*关于我们start*/
.about_bg{width:100%;height:100%;background: url(../images/about_bg.jpg) no-repeat;background-size:cover;}
.about_content{width:80%;margin:0 auto;}
.about_content h2,.about_content h3{text-align:center;font-weight:bold;color:#fff;}
.about_content h2{font-size:40px;margin-bottom: 30px;padding-top: 80px; margin-top: 0px;}
.about_content p{font-size:20px;color:#eee;line-height:180%;margin-bottom:20px;text-align:center;}
.about_content.history{text-align:center;position:relative;}

/*大事记start*/
.event_box{width:70%;margin:3% auto 0;position:relative;min-height:420px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#580000;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:33%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parBd{text-align:center;margin-top:0px; color: #fff;}
.parBd h4{position:relative;font-size:40px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;color: #fff;}
.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.parBd p{line-height:180%;font-size:26px;width:80%;margin:0 auto;color: #fff;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px; z-index: 22;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-12px;left:8px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}  


/*资料下载*/
.downtab { padding-top:70px;}
.downtab .nav-tabs { border-bottom:1px solid #E8E8E8;}
.downtab .nav-tabs>li { padding-right:4px; text-align:center;}
.downtab .nav-tabs>li a { width:216px; height:56px; line-height:36px; border-radius:0; background:#DADADA; font-size:17px; font-weight:bold; color:#333333; position:relative; display:block;}
.downtab .nav-tabs>li.active a { background:#00508f; color:#fff;}
.downtab .nav-tabs>li.active a:before { content:""; background:url(../images/dsj.png) no-repeat; position: absolute; width:19px; height:9px; bottom:-9px; left:50%; margin-left:-9px;}

.downlist { padding-bottom:50px;}
.downlist ul{margin: 0px; padding: 0px;}
.downlist ul li { border:1px solid #E8E8E8; padding-left:18px; overflow:hidden; height:80px; margin-bottom:15px;}
.downt01 { float:left; width:58%; font-size:17px; height:52px; line-height:20px; padding-top:13px; padding-right:15px; color:#333333; background:url(../images/pdf.png) no-repeat 0 0; padding-left:64px; margin-top:17px; font-weight:bold;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.downt02 { border-left:1px solid #E8E8E8; width:18%; float:left; height:100%; text-align:center;}
.downt02 a { font-size:17px; font-weight:bold; color:#333333; display:inline-block; background:url(../images/read.png) no-repeat left; padding-left:46px; line-height:80px;}
.downt02 a:hover { color:#00508f;}
.downt03 { border-left:1px solid #E8E8E8; width:12%; float:left; height:100%; text-align:center;}
.downt03 a { font-size:17px; font-weight:bold; color:#333333;display:inline-block; background:url(../images/down.png) no-repeat left; padding-left:44px; line-height:80px;}
.downt02 a:hover,.downt03 a:hover { color:#00508f;}

.proclass{width: 80%; max-width: 1340px; margin: 50px auto 0;}
.proclass ul{margin: 0px; padding: 0px;}
.proclass ul li{width: 100%; margin-bottom: 50px; position: relative; float:left;}
.proclass ul li .pleft{width:50%; float:left; }
.proclass ul li img{width: 100%;}
.proclass ul li .pright{width:45%; float:right; margin-left:5%; display:table;}
.proclass ul li span{width: 100%; text-align: left; margin-top:10%;  font-size: 42px; color: #013171; font-weight: bold; display:table;}
.proclass ul li .promore{ width:150px; display:table; font-size: 22px; color: #fff;  background: #1b4fa4; height: 50px; line-height: 50px; margin-top:80px; text-align:center; }
.proclass ul li:hover .promore{display: block; background: #af3b41;}
.proclass ul li:nth-child(2n+2) .pleft{width:50%; float:right; }
.proclass ul li:nth-child(2n+2) .pright{width:45%; float:left; margin-right:5%; margin-left:0}

.prolist2{width: 100%; }
.prolist2 ul{margin: 0px; padding: 0px;}
.prolist2 ul li{width: 48%; margin-right: 4%; margin-bottom: 20px; float: left;     text-align: center; position: relative;}
.prolist2 ul li:nth-child(2n+2){margin-right: 0px;}
.prolist2 ul li img{width: 100%;}
.prolist2 ul li span{width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 20px;margin: 20px auto 30px; float: left;}
.prolist2 ul li .promore{position: absolute; bottom: 110px; right: 30px; font-size: 18px; color: #fff; background: url(../images/jty.png) right center no-repeat; height: 40px; line-height: 40px; padding-right: 20px;background-size: 13%; display: none;}
.prolist2 ul li:hover .promore{display: block;}

.probx{width: 100%;padding-top: 150px;}
.probx .container{max-width: 1280px;     margin-bottom: 50px;}
.probox_left{width: 22%; margin-right: 3%; float: left;}
.probox_right{width: 75%; float: left;}
.probx h1{font-size: 40px; text-align: center; color: #1b4fa4; font-weight: bold; height: 60px; line-height: 60px;}
.probx h1 span{float: left; font-size: 16px; font-weight: 500; color: #000;}
.pclass{width: 100%;}
.pclass ul{margin: 0px; padding: 0px;}
.pclass ul li { width: 95%;  line-height: 47px;  padding-left: 5%; font-size: 14px; color: #1b4fa4; cursor: pointer;  position: relative; margin-bottom: 10px; font-weight: 500; background: #d6dce4; overflow: hidden;}
.pclass ul li a{width: 95%; float: left;}
.pclass ul li.current,.pclass ul li:hover{background:#1b4fa4;}
.pclass ul li.current a,.pclass ul li:hover a{color: #fff;}

.prodesc{width:100%; line-height:30px; font-size:18px;}
.prodesc h3{font-size:24px; border-bottom:2px solid #e8e8e8; height:50px; line-height:50px; color:#1b4fa4;}
table{border-right:1px solid #ccc;border-bottom:1px solid #ccc; background:#fafafa; width: 100%;} 
table td{border-left:1px solid #ccc;border-top:1px solid #ccc; text-align:center; line-height:30px; font-size: 14px;} 

.prodesc ul li{width:23.5%; float:left; margin-right:2%; margin-bottom:2%;}
.prodesc ul li:nth-child(4n+4){margin-right:0}
.prodesc ul li img{max-width:100%; border:1px solid #e8e8e8;}



.menu_head{width:95%;height:47px;line-height:47px;padding-left:5%;font-size:16px;color:#1b4fa4;cursor:pointer;position:relative;margin-bottom:20px;font-weight:bold;background:#d6dce4 url(../images/pro_left.png) center right no-repeat;}
.menu_list .current{background:#1b4fa4 url(../images/pro_down.png) center right no-repeat;    color: #fff;}
.menu_body{width:100%;height:auto;overflow:hidden;line-height:38px;background:#fff;margin-bottom: 30px;}
.menu_body a{display:block;width:90%;height:38px;line-height:38px;padding-left:10%;color:#777777;background:#fff;text-decoration:none;font-size: 16px; color: #1b4fa4; font-weight: bold;}
.menu_body a:hover,.menu_body a.currentpro{ color: #af3b41; font-weight: bold;}

.tabs{position:relative;margin-top:30px;padding:30px 0 80px;width:100%;min-width:240px;background:#fff;}
.tabs input[name=tab-control]{display:none}
.tabs .content section h2,.tabs ul li label{color:#428bff;font-weight:700;font-size:18px;font-family:Montserrat}
.tabs ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:10px;padding-left:0;list-style-type:none;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.tabs ul li{box-sizing:border-box;padding:0 10px 0 0;width:25%;text-align:center;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.tabs ul li label{display:block;overflow:hidden;padding:5px auto;background: #1b4fa4; height: 40px; line-height: 40px; color: #fff;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;-webkit-transition:all .3s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .3s ease-in-out;transition:all .2s ease-in-out;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.tabs ul li label br{display:none}
.tabs ul li label svg{margin-right:.2em;height:1.2em;vertical-align:bottom;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;fill:#929daf}
.tabs ul li label:active,.tabs ul li label:focus,.tabs ul li label:hover{outline:0;color:#bec5cf}
.tabs ul li label:active svg,.tabs ul li label:focus svg,.tabs ul li label:hover svg{fill:#bec5cf}
.tabs .slider{position:relative;width:25%;-webkit-transition:all .33s cubic-bezier(.38,.8,.32,1.07);transition:all .33s cubic-bezier(.38,.8,.32,1.07)}
.tabs .slider .indicator{position:relative;margin:0 auto;width:50px;height:4px;max-width:100%;border-radius:1px;background:#428bff}
.tabs .content{margin-top:30px}
.tabs .content section{display:none;line-height:1.4;-webkit-animation-name:content;animation-name:content;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}
.tabs .content section h2{display:none;color:#428bff}
.tabs .content section h2::after{position:relative;left:1px;display:block;margin-top:5px;width:30px;height:3px;background:#428bff;content:""}
.tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label{color:#428bff;cursor:default}
.tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label svg{fill:#428bff}
@media (max-width:600px){.tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label{background:rgba(0,0,0,.08)}
}
.tabs input[name=tab-control]:nth-of-type(1):checked~.slider{-webkit-transform:translateX(0);transform:translateX(0)}
.tabs input[name=tab-control]:nth-of-type(1):checked~.content>section:nth-child(1){display:block}
.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label{color:#428bff;cursor:default}
.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label svg{fill:#428bff}
@media (max-width:600px){.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label{background:rgba(0,0,0,.08)}
}
.tabs input[name=tab-control]:nth-of-type(2):checked~.slider{-webkit-transform:translateX(100%);transform:translateX(100%)}
.tabs input[name=tab-control]:nth-of-type(2):checked~.content>section:nth-child(2){display:block}
.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label{color:#428bff;cursor:default}
.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label svg{fill:#428bff}
@media (max-width:600px){.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label{background:rgba(0,0,0,.08)}
}
.tabs input[name=tab-control]:nth-of-type(3):checked~.slider{-webkit-transform:translateX(200%);transform:translateX(200%)}
.tabs input[name=tab-control]:nth-of-type(3):checked~.content>section:nth-child(3){display:block}
.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label{color:#428bff;cursor:default}
.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label svg{fill:#428bff}
@media (max-width:600px){.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label{background:rgba(0,0,0,.08)}
}
.tabs input[name=tab-control]:nth-of-type(4):checked~.slider{-webkit-transform:translateX(300%);transform:translateX(300%)}
.tabs input[name=tab-control]:nth-of-type(4):checked~.content>section:nth-child(4){display:block}
@-webkit-keyframes content{from{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)}
to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes content{from{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)}
to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@media (max-width:1000px){.tabs ul li label{white-space:initial}
.tabs ul li label br{display:initial}
.tabs ul li label svg{height:1.5em}
}
@media (max-width:600px){.tabs ul li label{padding:5px;border-radius:5px}
.tabs ul li label span{display:none}
.tabs .slider{display:none}
.tabs .content{margin-top:20px}
.tabs .content section h2{display:block}
}


.zhizao_numbox{width: 100%; padding: 80px 0 0; background: #fff;display: table;}
.zhizao_numbox h2{width: 100%; text-align: center; margin: 20px auto 40px; font-size: 40px; color: #000;}
.zhizao_num{width: 88%; margin:0 auto; max-width: 1500px;}
.zhizao_num ul{margin:0px; padding: 0px;}
.zhizao_num ul li{width: 23.5%; margin-right: 2%; padding: 20px 0;float:left; text-align: center; }
.zhizao_num ul li:nth-child(4){margin-right: 0px;}
.zhizao_num ul li strong{font-size: 46px; color:#2864aa; position: relative;}
.zhizao_num ul li i{font-size: 20px; position: absolute; color:#2864aa; font-style: inherit;}
.zhizao_num ul li em{font-size: 20px; font-style: normal;margin-left: 10px; color:#2864aa;}
.zhizao_num ul li span{ width: 100%; font-size: 12px; float: left; color:#000;}
.getin{width: 280px;}

@media(max-width: 1280px){
	.event_box { width: 82%;}
	.contact_tel .contactlogo { margin-bottom: 100px;}
	.getin{width: 200px;}
}
@media(max-width: 1024px){
	#foot .right2{width: 100%;}
	.parBd p{font-size: 20px;}
	.event_box{min-height: 360px;}
	.zykh { width: 96%;}
	.fzlc .history-teaser .teaser-content-wrapper{min-height: 310px;}
	.news-teaser-overview h2.entry-title a { font-size: 28px; margin: 20px 0;}
}
@media(max-width: 768px){
  #banner .swiper-slide .bigwenan{font-size: 3rem;}
  .fzlc .history-teaser .teaser-content-wrapper{width: 100%;   float: none;}
 .fzlc .history-teaser .teaser-content-wrapper, .fzlc .history-teaser:nth-of-type(even) .teaser-content-wrapper{padding: 20px;}
  .fzlc .history-teaser .teaser-image{width: 100%;min-height: 250px;}
  .fzlc .history-teaser .entry-header h4 { font-size: 22px; margin: 0px 0 20px;}
  .fzlc .history-teaser .entry-content-teaser p, .fzlc .history-teaser:nth-of-type(even) .entry-content-teaser p { font-size: 16px; line-height: 28px;}
  .fzlc .history-teaser{margin-bottom: 0;}
  .probox_left { width: 100%;}
  .pclass ul li { width: 95%; margin-right: 0%; float: left;}
  .pclass ul li:nth-child(2n+2){margin-right: 0;} 
  .probox_right {width: 100%; float: left; margin-top: 30px;}
  .probx { padding-top: 80px;}
  .contact .elementor-row { width: 100%; display: block;/* display: -webkit-box;  display: -ms-flexbox;  display: flex; */}
  .contact_tel { width: 90%;}
  .page-header .entry-title{padding-top: 65%;}
  .home-teaser .teaser-content-wrapper{min-height: auto;}
  .home-teaser .teaser-content-wrapper .teaser-content-inner { padding: 5%; width: 90%;}
  .home-teaser .entry-header h3 { font-size: 24px; margin: 0px 0 10px;}

  #foot .footlogo { margin-bottom: 100px;}
  .zhizao_num ul li { width: 48%;}
  .zhizao_num ul li strong { font-size: 34px;}
  .products-intro.small{padding: 50px 0 200px;}
  .aboutbg {background-size: 100%;}
  .zykh_box ul li { width: 48%; margin-right: 4%; margin-bottom: 20px; padding: 0;}
  .zykh_box ul li:nth-child(2n+2){margin-right: 0;}
  .zhizao_numbox h2{font-size: 30px;}
  .news-teaser-overview .post-image{width: 100%;}
  .entry-footer { width: 100%;}
  .news-single-view h1.entry-title {font-size: 32px; margin: 0 0 40px; line-height: 1.5;}

  .downlist ul li{width: 100%; overflow: visible; display: table;}
  .downt01{height: 62px; border-bottom: 1px solid #e8e8e8; width: 100%;}
  .downt02{width: 50%; border: 0px;}
  .downt03{width: 50%; height: auto;}
  .probx h1 { font-size: 30px; height: auto; line-height: 30px;}
  #foot .right2 img { width: 100px;}
  #foot .left>p { font-size: 14px; color: #fff; line-height: 32px;}
  .contact .elementor-element.elementor-element-927d157 { padding: 50px 0px 50px;}
  .parBd h4:before{width: 50px; right: -50px;}
  .parBd h4:after{width: 50px;left: -50px;}
  .parBd p { font-size: 16px; width: 100%; line-height: 24px;}
  .about_content p { font-size: 18px;}
  #foot {padding: 40px 20px;}
  .news-teaser-overview h2.entry-title a { font-size: 22px;}
  .products-intro.small .products-intro-teaser-content{padding-right: 0;}
  .about_content h2 { font-size: 30px;}
  .prolist2 ul li { width: 100%;}
  .probx h1 span{ margin-top: -30px;}
  .proclass { width: 90%;}
  .proclass ul li span{font-size: 26px;}
  #foot .footlogo span{font-size: 18px;}
}