@charset "utf-8";
/* 
 * Project Name:四川天邑康和通信股份有限公司
 * Author:默默
 * Date:2018-09-29
 */
@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/iconfont.woff') format('woff'),
  url('fonts/iconfont.ttf') format('truetype'),
  url('fonts/iconfont.svg#iconfont') format('svg');
}
@font-face {
  font-family: "futura-condensed";
  src: url("fonts/futura-condensed.woff2") format("woff2"),
       url("fonts/futura-condensed.woff") format("woff"),
       url("fonts/futura-condensed.ttf") format("truetype"),
       url("fonts/futura-condensed.eot") format("embedded-opentype"),
       url("fonts/futura-condensed.svg") format("svg");
}
@font-face {
  font-family: "Helvetica LT Ultra Compressed";
  src: url("fonts/Helvetica LT Ultra Compressed.woff2") format("woff2"),
       url("fonts/Helvetica LT Ultra Compressed.woff") format("woff"),
       url("fonts/Helvetica LT Ultra Compressed.ttf") format("truetype"),
       url("fonts/Helvetica LT Ultra Compressed.eot") format("embedded-opentype"),
       url("fonts/Helvetica LT Ultra Compressed.svg") format("svg");
}
@font-face {
  font-family: "DINCond-Black";
  src: url("fonts/DINCond-Black.woff2") format("woff2"),
       url("fonts/DINCond-Black.woff") format("woff"),
       url("fonts/DINCond-Black.ttf") format("truetype"),
       url("fonts/DINCond-Black.eot") format("embedded-opentype"),
       url("fonts/DINCond-Black.svg") format("svg");
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0px;border: 0;font-size: 100%;outline: none;}
html {font-size: 100%;overflow-x: hidden;}
/* always display scrollbars */
body {font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif;margin: 0 auto;color: #000000;background-color: #fff;_background-attachment:fixed;_background-image:url(about:blank);overflow-y:visible\9;overscroll-behavior-y: none;}

/*body::-webkit-scrollbar {
	width: 10px;
	background-color: white
}

body::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: white
}

body::-webkit-scrollbar-thumb {
	border-radius: 0px;
	background-color: #131313;
}*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0;}
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; color:inherit;}
a:active, a:hover { text-decoration: none; color:inherit;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width:1200px; margin: 0px auto;}

.header-box{ width: 100%; position: fixed; left: 0; top: 0; z-index: 99; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.headertop{ padding: 6px 0 28px;}
.logo{ display: block; float: left; max-width: 353px; height: auto; line-height: 0;}
.headericon{ float: right; margin-top: 24px;}
.headericon .searchbtn{ line-height: 1; display: block; float: left; color: #999999; font-size: 14px;}
.searchbtn i{ margin-left: 8px; margin-top: 2px;}
.headericon .searchbtn:hover{ color: #0054a7;}
.headericon .oa{ float: left; display: block; margin: 0 28px; color: #9e9e9e; font-size: 14px; line-height: 1; margin-top: 2px;}
.headericon .oa:hover{ color: #0054a7;}
.headericon .weix{ display: block; float: left; line-height: 1; width: 23px; height: 18px; color: #999999; font-size: 22px;} 
.headericon .weix:hover{ color: #0054a7;}
.headericon .edite{ display: inline-block; color: #999999; font-size: 16px; line-height: 1; float: left;margin-left: 8px;}
.headericon .edite:hover{ color: #0054a7;}

.navs >li{ float: left; width: 11.11111%; position: relative;}
.navs >li >a{ display: block; text-align: center; line-height: 1; color: #333333; font-size: 16px; font-weight: bold; padding-bottom: 12px; position: relative;}
.navs >li >a:before{ content: ""; width: 100%; height: 8px; background: #0054a7; position: absolute; left: 0; bottom: 0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.navs >li:hover >a:before,.navs >li.active >a:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.navs >li:first-child{ margin-left: 0;}
.navs >li:hover .menudown{ opacity: 1; visibility: visible;}
.navs >li:hover .menudown:before{ visibility: visible; transform: scaleX(1); -webkit-transform: scaleX(1); margin: transform: scaleX(1);}

.menubtn{transition: 0.4s; display: none; position:relative; z-index: 20; float: right;}
.menubtn span{ display:block; width:32px; height:4px; background:none; margin:auto; margin-top:28px; position:relative; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menubtn span:after,
.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 4px; left: 0;
 background-color: #a0a0a0; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menubtn span:before {top: -7px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menubtn span:after { width: 22px; bottom: -7px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menubtn.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menubtn.active span:after,.menubtn.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menubtn.active span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menubtn.active span:after { width: 100%; bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

.menudown{ width: 100%; position: absolute; left: 0%; top: 100%; padding: 11px 0; opacity: 0; visibility: hidden; transition: 0.58s;}
.menudown:before{ content: ""; width: 100%; height: 100%; background: #e6efff; position: absolute; left: 0; top: 0; visibility: hidden; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); transition: 0.56s;}
.menudown >li{ position: relative;}
.menudown >li >a{ display: block; text-align: center; padding: 10px 12px; line-height: 1.4; color: #333333; font-size: 14px; position: relative;} 
.menudown >li:before{ content: ""; width: 0%; height: 100%; background: #0054a7; position: absolute; top: 0; left: 50%; transition: 0.4s;}
.menudown >li:hover:before{ width: 100%; left: 0;}
.menudown >li:hover a{ color: #fff;}
.menudown1{ width: 278px; margin-left: -139px; left: 50%;}
.menudown1 li a{ line-height: 1.2; height: auto; text-align: left;}
.mtop{ height: 123px;} 

.navigation{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #fff; box-sizing: border-box; padding-top: 76px; display: none;}
.navigete{ overflow-y: scroll; -webkit-overflow-scrolling: touch; position: absolute; width: 100%; top: 0; top: 76px; bottom: 60px;}
.navigetewr >li:first-child{ background: #0054a7;}
.navigetewr >li:first-child a{ color: #fff;}
.navigetewr >li{ position: relative; text-align: center;}
.navigetewr >li.on >a:before{ width: 100%; left: 0;}
.navigetewr >li >a{ position: relative; display: inline-block; height: 60px; line-height: 60px; color: #333333; font-size: 18px; font-weight: bold; margin: auto; padding: 0 15px;} 
.navigetewr >li >a:before{ content: ""; width: 0%; height: 4px; background: #0054a7; position: absolute; left: 50%; bottom: -4px; transition: 0.4s;}
.navdown{ padding: 23px 0; background: #eeeeee; display: none;}
.navdown li{ margin-bottom: 8px; text-align: center;}
.navdown li:last-child{ margin-bottom: 0;}
.navdown li a{ display: inline-block; margin: auto; color: #666666; font-size: 16px;}
.navigation .headericon1{ display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; float: none; margin-top: 0; bottom: 34px; left: 0; position: absolute; width: 100%;}

.banner-box{ position: relative;}
.banner{ position: relative; z-index: 4;} 
.banner .slick-list{ position: relative; z-index: 4;}
.item{ position: relative; float: left; overflow: hidden; width: 100%;}
.item figure{ line-height: 1; overflow: hidden;}
.item figure img{ display: block; position: relative; line-height: 1; overflow: hidden; width: 100%;}
.btext{ position: absolute; left: 50%; margin-left: -600px; top: 43%; margin-top: -36px;}
.btext strong{ display: block; text-align: center; color: #fff; font-size: 72px; line-height: 1; opacity: 0; visibility: hidden; transform: translateY(88px); -webkit-transform: translateY(88px); -moz-transform: translateY(88px);}
.banner .item.slick-current figure img{ -webkit-animation: scaleUpDown 4s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 4s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .item.slick-current .btext strong{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.68s;}

@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from {transform: scale(1.08); transform: scale(1.08); }
    to { transform: scale(1); transform: scale(1); }
}
.banner .slick-arrow{ display: block; width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; text-indent: 99999px; overflow: hidden; border-radius: 50%; z-index: 20; cursor: pointer; transition: 0.4s; border: none; outline: none;}
.banner .slick-arrow.slick-prev{ left: 26px; background: url(../images/prev.png) center no-repeat;}
.banner .slick-arrow.slick-prev:hover{ background: url(../images/prev1.png) center no-repeat;}
.banner .slick-arrow.slick-next{ right: 26px; background: url(../images/next.png) center no-repeat;} 
.banner .slick-arrow.slick-next:hover{ background: url(../images/next1.png) center no-repeat;}
.banner .slick-dots{ width: 100%; z-index: 10; position: absolute; left: 0; bottom: 48px; line-height: 1; height: 10px; text-align: center;} 
.banner .slick-dots li{ display: inline-block; margin-left: 28px;} 
.banner .slick-dots li:first-child{ margin-left: 0;}
.banner .slick-dots li button{ display: block; width: 10px; height: 10px; border-radius: 50%; text-indent: 9999px; overflow: hidden; border: none; outline: none; background: #ffffff; transition: 0.38s; padding: 0; cursor: pointer;}
.banner .slick-dots li.slick-active button{ background: #0054a7; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}

.bannerflex{ position: absolute; right: 50px; top: 48px; z-index: 20;}
.bannleft{ float: left;}
.datas{ margin-bottom: 9px; font-family: "futura-condensed";}
.datas i{ display: inline-block; color: #fff; float: left; font-size: 24px; font-style: normal; line-height: 1; margin-right: 10px; margin-top: 5px;} 
.datas b{ display: block; float: left; color: #fff; font-size: 64px; line-height: 1; font-weight: normal;}
.datas .sup{ display: block; float: left; color: #a90f1f; margin-left: 14px; line-height: 1; margin-top: 7px;}
.datas .sup.active{ color: #3d9911; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.datas em{ display: block; float: left; line-height: 1; color: #ffffff; font-size: 24px; font-style: normal; margin-left: 6px; margin-top: 6px; font-weight: normal;}
.bannleft p{ color: #fff; font-size: 12px; margin-bottom: 10px; line-height: 1; margin-left: 22px;} 
.stock{ float: left; margin-left: 40px; padding: 8px 0 10px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; margin-top: 4px;}
.stock b{ display: block; line-height: 1; color: #ffffff; font-size: 32px; font-family: "futura-condensed"; margin-bottom: 5px;}
.stock span{ display: block; line-height: 1; color: #fff; font-size: 12px;}

.main-box{ padding: 60px 0 58px;}
.mainlist li{ float: left; position: relative; overflow: hidden; width: 30.833%; margin-left: 3.75%;} 
.mainlist li:first-child{ margin-left: 0;}
.mainlist li figure{ display: block; line-height: 1; position: relative; overflow: hidden; transition: 0.45s; top: 0;}
.mainlist li figure img{ display: block; width: 100%; height: auto; line-height: 1; transition: 0.58s;}
.mainlist li figure span{ display: block; width:100%; padding-top: 64px; height: 44px; position: absolute; left: 0; bottom: 0; background: url(../images/shabox.png) left top repeat-x; line-height: 1; color: #fff; font-size: 24px; font-weight: bold; text-indent: 30px; font-weight: normal;} 
.maintext{ width: 100%; position: absolute; transition: 0.45s; left: 0; bottom: -140px; background: #0054a7;}
.mainwr{ padding: 20px 30px 25px; opacity: 0; visibility: hidden; transition: 0.45s;} 
.mainwr p{ color: #ffffff; font-size: 16px; height: 56px; overflow: hidden; margin-bottom: 18px;}
.mainwr span{ display: inline-block; line-height: 1; color: #6f89c1; font-size: 14px;}
.mainlist li:hover .maintext{ bottom: 0;}
.mainlist li:hover .maintext .mainwr{ opacity: 1; visibility: visible; transition-delay: 0.15s;}

.footer-box{ border-top: 1px solid #e5e5e5;}
.footer-top{ padding: 34px 0 28px;}
.relatives{ display: block; float: left; margin-left: 73px;}
.relatives:first-child{ margin-left: 0;}
.relatives dt{ display: block; line-height: 1; margin-bottom: 19px;}
.relatives dt a{ display: inline-block; line-height: 1; color: #333333; font-size: 14px; font-weight: bold;}
.relatives dt a:hover{ color: #0054a7;}
.relatives dd{ display: block;}
.reicon{ margin-bottom: 4px;}
.reicon a{ display: inline-block; color: #999999; font-size: 14px;}
.reicon a:hover{ color: #0054a7;}

.footer{ padding: 27px 0 0; background: #e5e5e5;}
.footerwr{ padding-bottom: 24px; border-bottom: 9px solid #0054a7;}
.address-box{ margin-bottom: 28px;}
.address{ float: left; margin-top: 6px; width: 640px; margin-bottom: ;}
.addrein{ float: left; margin-bottom: 12px; width: 50%;}
.addrein p{color: #666666;font-size: 14px;position: relative;padding-left: 32px;}
.addrein p i{display: inline-block;width: 25px;height: 24px;font-size: 22px;/* margin-right: 10px; */position: absolute;left: 0;top: -5px;color: #0054a7;}
.link-box{ float: right;}
.link{ float: left; width: 355px; position: relative;}
.link span{ display: block; padding-left: 24px; position: relative; background: #fff; height: 64px; line-height: 64px; color: #999999; font-size: 12px; cursor: pointer;}
.link span:before{ content:""; width:0; height:0; border-left:7px solid transparent;  border-right: 7px solid transparent; border-bottom: 7px solid #a0a0a0; position:absolute; right: 17px; top:50%; margin-top: -3px; transition: 0.36s;}
.link span.on:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.linkdown{ width: 100%; display: none; position: absolute; left: 0; bottom: 64px;}
.linkdown li{ border-bottom: 1px solid #e5e5e5; background: #fff;}
.linkdown li a{ display: inline-block; margin-left: 24px; color: #999999; font-size: 12px; background: #fff; height: 60px; line-height: 60px;}
.linkdown li a:hover{ color: #0054a7;}
.scolltop{ float: right; margin-left: 7px; width: 64px; height: 64px; cursor: pointer; background: #0054a7; color: #fff; font-size: 12px; text-transform: uppercase; text-align: center; line-height: 64px; transition: 0.4s;}
.scolltop:hover{ background: #1f3870;}
.preparate p{ float: left; color: #666666; font-size: 14px; margin-right: 16px;}
.preparate p img{ display: inline-block; max-width: 20px; height: auto;vertical-align: middle; margin-right: 5px;}
.preparate a{ display: inline-block; float: left; color: #666666; font-size: 14px;}
.preparate a:hover{ color: #0054a7;}

.popUpblack{ background:#000\9; filter:alpha(opacity=80); background:rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none;}
.popUp { width: 220px; height: 242px; border: 2px solid #184faa; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal;}
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; display: block; }

.pbanner{ position: relative; overflow: hidden;} 
.pbanner figure{ display: block; line-height: 1; height: 0; padding-bottom: 20.83333%; overflow: hidden;}
.pbanner figure img{ display: block; width: 100%; height: auto; line-height: 1;}

.ptext{ position: absolute; right: 50%; margin-right: -560px; bottom: 68px; text-align: right;}
.ptext span{ display: inline-block; width: 72px; height: 24px; text-align: center; line-height: 24px; color: #666666; font-size: 13px; background: #ffffff; margin-bottom: 10px;}
.ptext strong{display: block;width: 460px;text-align: right;color: #ffffff;font-size: 32px;line-height: 1.2;text-shadow: 0 0 5px #000000;}

.container{ position: relative;}
.menutitle{ background: #f5f5f5; z-index: 20;}
.title{ height: 100px; float: left; line-height: 100px; color: #0054a7; font-size: 40px;}
.leval-menus{ width: 260px; float: right; background: #ffffff; height: 100px;}
.levaltitle{ height: 60px; padding-top: 40px; background: #0054a7; position: relative;}
.levaltitle:before{ content:""; width:0; height:0; border-left: 5px solid transparent;  border-right: 5px solid transparent; border-top: 5px solid #fff; position:absolute; right: 45px; top:50%; margin-top: -2px; transition: 0.36s;}
.levaltitle span{ display: block; color: #fff; font-size: 18px; line-height: 1; font-weight: bold; padding-left: 22px; position: relative; margin-left: 22px;}
.levaltitle span:before{ content: ""; width: 5px; height: 15px; position: absolute; left: 0; top: 50%; margin-top: -7px; background: #fff;}
.levalflex{ position: relative; width: 260px; right: 0; top: 0; background: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.2); padding: 22px 0; }
.levalflex.scoll{ position: fixed; right: 50%; top: 123px; margin-right: -600px;}
.levalflex.scollbott{ position: absolute; top: auto; bottom: 50px;}
.menulist li{ position: relative;}
.menulist li:before{ content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: #0054a7; transform-origin:0%; -webkit-transform-origin:0%; -webkit-transition:-webkit-transform .65s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .65s cubic-bezier(.215,.61,.355,1); transition:transform .65s cubic-bezier(.215,.61,.355,1); transition:transform .65s cubic-bezier(.215,.61,.355,1),-webkit-transform .65s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.menulist li a{ display: block; text-align: right; padding-right: 25px; line-height: 1.2; color: #333333; font-size: 14px; position: relative; padding-left: 50px; padding-top: 18px; padding-bottom: 18px;}
.menulist li a:before{ content: ""; width: 26px; height: 13px; background: url(../images/arrow1.png) center no-repeat; position: absolute; left: 25px; top: 50%; margin-top: -6px; opacity: 0; visibility: hidden; transition: 0.4s;}
.menulist li:hover:before,.menulist li.active:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:100%; -webkit-transform-origin:100%; visibility:visible\9;}
.menulist li:hover a,.menulist li.active a{ color: #fff;}
.menulist li:hover a:before,.menulist li.active a:before{ opacity: 1; visibility: visible; left: 15px; transition-delay: .3s;}

.menuicon{ position: absolute; right: 0; bottom: -41px;}
.menuicon b{ display: block; float: left; line-height: 1; color: #8ba1d4; font-weight: bold; font-size: 14px; font-family: "Source Code Pro"; margin-right: 16px;}
.menuicon small{ display: block; float: left; color: #999999; font-size: 14px; line-height: 1; font-weight: bold; font-family: "Source Code Pro"; text-transform: uppercase; padding-left: 56px; position: relative;}
.menuicon small:before{ content: ""; width: 40px; height: 1px; background: #b2b2b1; position: absolute; left: 0; top: 50%; margin-top: -1px; border-bottom: 1px solid #646362;} 

.introducts{ padding: 50px 0;}
.introwr{ margin-right: 300px;}
.introtop p{ color: #333333; font-size: 18px; text-indent: 40px; font-weight: bold;}
.introductdata{ padding: 84px 0 32px; background-attachment: fixed; background-position: center; background-size: cover;}
.data{ width: 33.3333%; float: left; margin-bottom: 35px;}
.data b{ display: block; line-height: 1; color: #fff; font-size: 64px; font-weight: normal; margin-bottom: 20px; font-family: "Helvetica LT Ultra Compressed";} 
.data span{ display: block; color: #fff; font-size: 16px; width: 160px; height: 56px;}

.introtext{ padding: 80px 0 135px;}
.introtext p{ color: #777777; font-size: 16px; text-align: justify; text-indent: 32px; margin-bottom: 14px;}
.introtext img{ max-width: 100%; height: auto; width: auto;}

.ptext.article-block{ opacity: 0; visibility: hidden; transform: translateX(-78px); -webkit-transform: translateX(-78px); -moz-transform: translateX(-78px); transition: 0.68s;}
.ptext.articleShow{ opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0);}

.culture-box{ padding: 76px 0;}
.cultures li{ margin-bottom: 10px; background: #f5f5f5; padding: 34px 50px 28px; border-radius: 6px;}
.cultures li strong{ float: left; color: #0054a7; font-size: 28px; line-height: 1; margin-top: 4px;}
.culturix{ margin-left: 174px; min-height: 84px;;}
.culturix p{ color: #333333; font-size: 18px; font-weight: bold; line-height: 1.6;}

.speed-box{ padding: 70px 0 130px;}
.speedimg{ width: 40%; float: left; line-height: 1;}
.speedimg img{ display: block; width: 100%; height: auto;}
.speed{ width: 56.6666%; float: right;} 
.speedtt{ display: block; color: #000000; font-size: 40px; line-height: 1.3; margin-top: -6px;}
.speedtext{ margin-top: 18px;}
.speedtext p{ color: #666666; font-size: 16px; text-align: justify; text-indent: 28px; margin-bottom: 16px;}
.speeddown{ padding-top: 10px;}
.speeddown p{ text-align: right; color: #666666; font-size: 16px;}

.honor-box{ padding: 70px 0 40px;}
.honors{ border-top: 1px solid #d2d2d2; padding: 19px 0 59px; display: flex;}
.honoryear{  display: block; color: #112b68; font-size: 48px; line-height: 1; margin-top: 4px; font-family: "Helvetica LT Ultra Compressed";}
.honorlist{ margin-left: 5%; flex: 1;}
.honorlist li .honortop{ background: #eeeeee; line-height: 1.5; color: #666666; font-size: 14px; padding: 10px 20px; cursor: pointer; transition: 0.45s;}
.honorlist li .honortop span{ display: block; float:left; font-size: 16px; color: #666666; transition: 0.36s; width: 80%; overflow: hidden;}
.honorlist li .honortop b{ display: block; float: right; color: #ffffff; font-size: 14px; opacity: 0; visibility: hidden; transition: 0.34s;}
.honorlist li:nth-child(2n+2) .honortop{ background: #fff;}
.honorlist li:hover .honortop,.honorlist li.active .honortop{ background: #112b68;}
.honorlist li:hover .honortop span,.honorlist li.active .honortop span{ color: #fff;}
.honorlist li:hover .honortop b,.honorlist li.active .honortop b{ opacity: 1; visibility: visible;}
.honor-down{ background: #dee7fc; display: none; padding: 8px 20px; color: #666666; font-size: 14px;}
.honorle{ float: left;}
.honorle span{ display: block; float: left;}
.honor-down p{ float: right;}

.history-box{ padding: 87px 0;}
.history{ margin-bottom: 30px;}
.htime{ float: left; margin-top: 16px;}
.htime strong{ display: block;  padding-left: 22px; color: #0054a7; font-size: 48px; font-weight: normal; font-family: "Helvetica LT Ultra Compressed"; line-height: 1; position: relative;}
.htime strong:before{ content: ""; width: 4px; height: 4px; border: 4px solid #0054a7; background: #fff; position: absolute; left:0; top: 50%; margin-top: -6px; border-radius: 50%;}
.htime b{ display: block; margin-left: 21px; color: #0054a7;  font-size: 32px; font-family: "Helvetica LT Ultra Compressed"; line-height: 1; padding-top: 14px; margin-top: 12px; position: relative;}
.htime b:before{ content: ""; width: 13px; height: 3px; background: #0054a7; position: absolute; left: 0; top: 0;}
.historytext{ padding: 22px 46px 26px; background: #eeeeee; position: relative; margin-left: 136px;}
.historytext:before{ content:""; width:0; height:0; border-top:9px solid transparent;  border-bottom: 9px solid transparent; border-right: 15px solid #eeeeee; position:absolute; left: -15px; top: 30px; transition: 0.36s;}
.historytop h4{ line-height: 1; color: #0054a7; font-size: 28px; margin-bottom: 12px;}
.historytop p{ color: #666666; font-size: 16px;}
.historyli{ padding: 24px 0;}
.historyin{ margin-top: 34px;}
.historyin:first-child{ margin-top: 0;}
.historyin time{ display: block; float: left; line-height: 1; color: #0054a7; font-size: 18px;}
.histext{ margin-left: 110px; padding-left: 27px; border-left: 1px solid #d2d2d2;}
.histext strong{ display: block; line-height: 1; color: #0054a7; font-size: 16px; margin-bottom: 15px; font-weight: bold;}
.histext p{ color: #666666; font-size: 16px; line-height: 1;}
.party-box{ padding: 70px 0 115px;}
.party-top{ margin-bottom: 46px;}
.party-top p{ color: #333333; font-size: 18px; line-height: 1.6; font-weight: bold; margin-bottom: 27px;}
.party-top img{ max-width: 100%; height: auto; width: auto;}
.parybtn{ width: 930px; margin-left: -15px;}
.partyin{ width: 33.33333%; float: left; padding-bottom: 40px; position: relative;}

.partywr{ margin: 0 15px; cursor: pointer; position: relative;}

.partywr:after{ content: ""; width: 100%; height: 4px; background: #0054a7; position: absolute; left: 0; bottom: -40px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .75s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .75s cubic-bezier(.215,.61,.355,1); transition:transform .75s cubic-bezier(.215,.61,.355,1); transition:transform .75s cubic-bezier(.215,.61,.355,1),-webkit-transform .75s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; z-index: 6;}
.partyimg{ position: relative; line-height: 1; overflow: hidden;}
.partyimg img{ display: block; width: 100%; height: auto; line-height: 0;}
.partyt{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; background: #546691; transition: 0.45s;}
.partyt strong{ display: block; text-align: center; color: #fff; font-size: 20px; padding-top: 20px; position: relative; margin-top: 27px; line-height: 1.4; transition: 0.45s;}
.partyt i{ display: block; width: 10px; height: 12px; font-size: 12px; color: #0054a7; position: absolute; left: 50%; margin-left: -6px; bottom: -26px; transition: 0.4s; opacity: 0; visibility: hidden; transition: 0.36s;}
.partyin.slick-current .partywr:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0%; -webkit-transform-origin:0%; visibility:visible\9;}
.partyin.slick-current .partywr:before{ top: 100%;}
.partyin.slick-current .partyt strong{ color: #fff;}
.partyin.slick-current .partyt:before{ background: #fff;}
.partyin.slick-current .partyt i{ opacity: 1; visibility: visible;}
.partyin.slick-current:before{ visibility: visible;}
.partyin.slick-current .partyt{  background: none;}

.partyfix{ background: #eeeeee;}
.partyins{ padding: 56px 0; float: left;}
.partyins p{ margin: 0 42px; color: #666666; font-size: 16px; text-align: justify;}

.slick-list { overflow: hidden; width: 100%; height: 100%; }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both;}

.news-box{ padding: 78px 0;}
.news{ padding-bottom: 7px;}
.news li{ margin-bottom: 30px; position: relative; padding: 20px; transition: 0.5s; background: #eeeeee;}
.news li figure{ display: block; width: 27.9%; float: left; line-height: 1; overflow: hidden;}
.news li figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.65s;}
.newstext{ width: 67.444%; float: right; padding-top: 35px;} 
.newstext time{ display: block; line-height: 1; color: #0054a7; font-size: 16px; font-weight: bold; margin-bottom: 18px;}
.newstext p{ color: #2c2c2c; font-size: 20px; line-height: 1.4; height: 65px;}
.newstext span{ display: inline-block; color: #999999; line-height: 1; font-size: 14px; transition: 0.4s;}
.news li:hover{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.news li:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.news li:hover .newstext span{ color: #0054a7;}
.pages{ text-align: center;}
.pages a{ display: inline-block; margin-left: 17px; width: 48px; height: 48px; background: #eeeeee; line-height: 48px; text-align: center; color: #2c2c2c; font-size: 16px;}
.pages a:first-child{ margin-left: 0;}
.pages a:hover,.pages a.on{ background: #0054a7; color: #fff;}

.newstitle{ padding: 85px 0 70px; background: #e7e9f0;}
.newswrs h4{ line-height: 1.2; color: #2c2c2c; font-size: 40px; margin-bottom: 14px;}
.newswrs time{ display: block; padding-left: 36px; color: #888888; font-size: 16px; line-height: 20px; background: url(../images/time.png) left center no-repeat;}
.news-view{ position: relative;}
.news-view .levaldown{ float: right;}
.news-view{ padding: 22px 0 148px;}
.newsfix{ padding-top: 46px;}
.newsfix img{ max-width: 100%; width: auto !important; height: auto !important;}
.newsfix p,.newsfix a{ color: #666666; font-size: 14px;}

.navlist{ background: #eeeeee;}
.newsed li{ float: left; position: relative; margin-right: 24px;}
.newsed li a{ display: block; line-height: 1; position: relative; color: #2c2c2c; font-size: 16px; padding: 30px 6px 27px;}
.newsed li a:before{ content: ""; width: 100%; height: 8px; background: #0054a7; position: absolute; left: 0; bottom: 0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .45s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .45s cubic-bezier(.215,.61,.355,1); transition:transform .45s cubic-bezier(.215,.61,.355,1); transition:transform .45s cubic-bezier(.215,.61,.355,1),-webkit-transform .45s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.newsed li:hover a:before,.newsed li.active a:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0%; -webkit-transform-origin:0%; visibility:visible\9;}

.product-box{ padding: 80px 0 124px;}
.productlist{ width: 930px; margin-left: -15px;}
.productlist li{ width: 33.33333%; float: left; margin-bottom: 34px;}
.productlist li a{ display: block; margin: 0 15px;}
.productlist li a figure{ display: block; line-height: 1; overflow: hidden;}
.productlist li a figure img{ display: block; width: 100%; height: auto; transition: 0.58s;}
.productlist li span{ display: block; padding-left: 30px; padding-right: 42px; height: 80px; line-height: 80px; color: #333333; font-size: 16px; position: relative; transition: 0.44s; background: #f5f5f5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.productlist li span:before{ content: ""; width: 11px; height: 11px; background: url(../images/arrow2.png) center no-repeat; position: absolute; right: 23px; top: 50%; margin-top: -5px; opacity: 0; visibility: hidden; transition: 0.38s;}
.productlist li a:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.productlist li a:hover span{ background: #0054a7; color: #fff;}
.productlist li a:hover span:before{ opacity: 1; visibility: visible; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}

.product-view{ width: 900px; float: left;}  
.progs{ background: #0054a7; height: 240px;}
.probg{ position: relative; background: #f3f3f3;}
.product-view{ margin-top: -160px; position: relative;}
.protitle{ color: #fff; font-size: 40px; line-height: 1; font-weight: bold; margin-bottom: 58px;}
.probanner{ position: relative;}
.proitem{ float: left; width: 100%;}
.proitem img{ display: block; width: 100%; height: auto; line-height: 0;}
.probanner .slick-arrow{ display: block; padding: 0; margin: 0; border: none; width: 40px; height: 40px; text-indent: 99999px; overflow: hidden; position: absolute; bottom: -40px; cursor: pointer; transition: 0.38s; outline: none;}
.probanner .slick-arrow:before{ content:""; width:0; height:0; border-top:6px solid transparent;  border-bottom: 6px solid transparent; border-right: 6px solid #fff; position:absolute; left: 50%; top:50%; margin-left: -3px; margin-top: -6px; transition: 0.36s;}
.probanner .slick-arrow.slick-prev{ right: 40px; background: #bfbfbf;}
.probanner .slick-arrow.slick-next{ right: 0; background: #bfbfbf;}
.probanner .slick-arrow.slick-next:before{ border-left: 6px solid #fff; border-right: none;}
.probanner .slick-arrow:hover{ background: #a0a0a0;}

.modular{ padding-left: 13px; color: #333333; font-size: 16px; line-height: 40px; border-left: 4px solid #bfbfbf;}
.proinfo{ margin-top: 38px;}
.proinfo strong{ display: block; line-height: 1; color: #333333; font-size: 24px; margin-bottom: 18px;}
.protext{padding: 24px 32px;background: #fff;}
.protext p{color: #666666;font-size: 14px;max-width: 100%;/* width: 535px; */}
.resources-box{ padding: 80px 0 100px;}
.resoucestop{ margin-bottom: 48px;}
.resoucestop h3{ line-height: 1.2; color: #0054a7; font-size: 24px; font-weight: bold; margin-bottom: 14px;} 
.resoucestop p{ color: #666666; font-size: 16px; font-weight: bold;}
.resoucesli{
  display: flex;
  flex-wrap: wrap;
}
.resoucein{ width: 33.33333%; position: relative;}
.resoucebg{ line-height: 1; overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.resoucebg img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.resoucetext{ position: relative; padding: 35px 30px; min-height: 190px;}
.resoucetext strong{ display: block; line-height: 1; color: #fff; font-size: 28px; padding-bottom: 20px; position: relative; margin-bottom: 24px;}
.resoucetext strong:before{ content: ""; width: 23px; height: 6px; background: #fff; position: absolute; left: 0; bottom: 0;}
.resoucetext p{ display: block; color: #fff; font-size: 16px;}

.word-box{ padding: 75px 0 88px;}
.wordtop{ margin-bottom: 38px; background: #f3f3f3; text-align: center;}
.wordin{ display: inline-block; margin: 0 16px;}
.wordin a{ display: block; height: 48px; line-height: 48px; color: #2c2c2c; font-size: 16px; position: relative;}
.wordin a:before{ content: ""; width: 100%; height: 5px; background: #0054a7; position: absolute; left: 0; bottom: 0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .45s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .45s cubic-bezier(.215,.61,.355,1); transition:transform .45s cubic-bezier(.215,.61,.355,1); transition:transform .45s cubic-bezier(.215,.61,.355,1),-webkit-transform .45s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.wordin a:hover:before,.wordin a.active:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0%; -webkit-transform-origin:0%; visibility:visible\9;}

.word-list{ width: 944px; margin-left: -22px;}
.word-list li{ width: 50%; float: left; margin-bottom: 45px;}
.word-list li a{ display: block; margin: 0 22px;}
.word-list li a figure{ display: block; line-height: 1; overflow: hidden;}
.word-list li a figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.45s;}
.word-list li a span{ display: block; padding: 30px 24px 28px; position: relative; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; background: #f5f5f5; color: #2c2c2c; font-size: 16px;}
.word-list li a span:before{ content: ""; width: 49px; height: 5px; background: #0054a7; position: absolute; left: 0; bottom: 0; transition: 0.55s;}
.word-list li a:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.word-list li a:hover span:before{ width: 100%;}

.recruite-box{ padding: 78px 0 50px;}
.recuitelist li{ margin-bottom: 22px;}
.recruits{ background: #f3f3f3; position: relative; border-left: 6px solid #0054a7; cursor: pointer; padding-left: 22px; transition: 0.48s;}
.recruits span{ display: block; line-height: 56px; color: #2c2c2c; font-size: 16px; font-weight: bold; transition: 0.38s;}
.recruits b{ display: block; width: 14px; height: 14px; position: absolute; right: 25px; top: 50%; margin-top: -7px;}
.recruits b:before{ content: ""; width: 100%; height: 4px; background: #0054a7; position: absolute; left: 0; top: 50%; margin-top: -2px; transition: 0.38s;}
.recruits b:after{ content: ""; width: 4px; height: 100%; background: #0054a7; position: absolute; top: 0; left: 50%; margin-left: -2px; transition: 0.4s;}
.recruitedown{ padding: 44px 46px; box-shadow: 0 0 6px rgba(0,0,0,0.2); display: none;}
.recruitedown p{ color: #666666; font-size: 16px; line-height: 2;}
.recruits.active{ background: #0054a7;}
.recruits.active span{ color: #fff;}
.recruits.active b:before{ background: #fff;}
.recruits.active b:after{ transform: translateY(18px); -webkit-transform: translateY(18px); -moz-transform: translateY(18px); opacity: 0; visibility: hidden; background: #fff;} 

.tender-box{ padding: 50px 0 70px;}
.tenderlist{ padding-bottom: 38px;}
.tenderlist li{ width: 50%; float: left; margin-bottom: 34px;}
.tendele{ float: left; border: 1px solid #0054a7; padding: 12px; border-radius: 7px; transition: 0.4s;}
.tendele time{ display: block; line-height: 1; color: #0054a7; font-size: 24px; margin-bottom: 6px; font-family: "DINCond-Black"; font-weight: bold; transition: 0.35s;}
.tendele b{ display: block; line-height: 1; color: #0054a7; font-size: 16px; font-weight: bold; font-family: "DINCond-Black"; transition: 0.35s;}
.tendertext{ margin-left: 92px; margin-right: 36px; padding-top: 8px;}
.tendertext p{ color: #2c2c2c; font-size: 16px; line-height: 1.5; transition: 0.38s; max-height: 48px; overflow: hidden;}
.tenderlist li a:hover .tendele{ background: #0054a7;}
.tenderlist li a:hover .tendele time{ color: #fff;}
.tenderlist li a:hover .tendele b{ color: #fff;}
.tenderlist li a:hover .tendertext p{ color: #0054a7;}

.responsible-box{ padding: 88px 0 82px;}
.retops{ margin-bottom: 36px;}
.retops p{ color: #0054a7; font-size: 20px; font-weight: bold;}
.responsibles img{ max-width: 100%; width: auto !important; height: auto !important;}
.responsibles p,.responsibles a{ color: #777777; font-size: 16px; text-align: justify;}
.investor{ border-top: 1px solid #eeeeee; margin-bottom: 60px;}
.investor li{ padding: 20px 0; border-bottom: 1px solid #eeeeee;}
.investors{ margin-left: 94px; padding-top: 6px; position: relative;}
.investors h4{ line-height: 1.2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #2c2c2c; font-size: 18px; transition: 0.35s;}
.intime span{ display: block; float: left; color: #999999; line-height: 1; margin-right: 20px;}
.intime b{ display: block; line-height: 1; color: #aaaaaa; float: right; transition: 0.35s;}
.investor li a:hover .tendele{ background: #0054a7;}
.investor li a:hover .tendele time{ color: #fff;}
.investor li a:hover .tendele b{ color: #fff;}
.investor li a:hover .investors h4{ color: #0054a7;}
.investor li a:hover .intime b{ color: #0054a7;}
.investor1 .tendele b { font-size: 14px;}
.investor1 .investors h4 { font-size: 14px; margin-top:12px; line-height:1.4; margin-bottom:0px !important; white-space:normal; }
.investor1 li{ padding: 0px !important; border-bottom: none !important; margin-bottom:16px !important;}
.investor1 li a{ display:inline-block;}
.investor1 .investors { padding-top:0px !important;}
.investor1{ border-top: none;}

.contact-box {
    padding: 60px 0 116px;
    background: #ffffff;
}
.contact{ width: 1000px; margin: auto;}
.contactfix{ padding-bottom: 58px; border-bottom: 1px solid #e5e5e5;}
.contactfix p{ width: 50%; float: left; color: #666666; font-size: 20px; line-height: 1.2;}
.contactfix p b{ display: inline-block; color: #0054a7; font-size: 14px; margin-right: 16px; position: relative; top: -2px;}
.addressed{ padding: 28px 0 30px; border-bottom: 1px solid #e5e5e5;}
.addressin{ display: block; margin-bottom: 30px;}
.addressin dt{ display: block; float: left; margin-top: 8px; line-height: 1; color: #999999; font-size: 14px;}
.addressin dd{ display: block; margin-left: 142px;}
.addrein1{ padding-left: 32px; width: 344px; position: relative; float: left;}
.addrein1 i{ display: block; color: #000000; position: absolute; left: 0; top: 0; font-size: 20px;}
.addrein2 i{ font-size: 14px; top: 4px;}
.addrein1 span{ display: block; color: #666666; margin-bottom: 10px; font-size: 18px;}

.error-box{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow-y: scroll; background: #ffffff;}
.error{ position: absolute; left: 50%; margin-left: -600px; top: 50%; text-align: center; margin-top: -232px;}
.error img{ display: block; max-width: 100%; height: auto; margin: auto; margin-bottom: 35px;}
.error p{ text-align: center; color: #999999; font-size: 14px;}
.errorbtn{ margin-top: 50px; text-align: center;}
.errorbtn a{ display: inline-block; width: 150px; height: 56px; text-align: center; line-height: 56px; background: #b5b5b5; color: #fff; font-size: 14px; border-radius: 6px; margin: 0 12px;}
.errorbtn a:hover{ background: #0054a7;}
.search-box{ padding: 70px 0 18px; background: #f5f5f5;}
.search{ margin-left: 210px; margin-bottom: 50px;}
.search .text{ padding-left: 24px; width: 625px; padding-top: 16px; padding-bottom: 16px; line-height: 24px; color: #999999; font-size: 14px; background: #fff; border-radius: 8px; font-family: "微软雅黑"; border: none; outline: none; float: left;}
.search .sebtn{ width: 122px; height: 56px; text-align: center; float: left; cursor: pointer; border-radius: 6px; background: #0054a7; color: #fff; font-size: 14px; border: none; outline: none; margin-left: 7px; transition: 0.45s;} 
.search .sebtn:hover{ background: #0d2150;}
.sertitle{ color: #000000; font-size: 16px; line-height: 1;}
.productser{ padding: 88px 0 90px;}
.productser .productlist{ width: 1226px; margin-left: -13px;}
.productser .productlist li{ width: 25%;}

.mainlist.article-block li{ opacity: 0; visibility: hidden; transform: translateY(-30px); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); transition: 0.56s;}
.mainlist.articleShow li{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0);}
.mainlist.article-block li:nth-child(2){ transition-delay: 0.25s;}
.mainlist.article-block li:nth-child(3){ transition-delay: 0.5s;}

.resibleli{ margin-top: 16px;}
.resibleli li{ padding-left: 32px; width:107px; float: left; margin-left: 13px; padding-top: 35px; height: 85px; background: #e5e5e5;} 
.resibleli li strong{ display: block; line-height: 1; color: #333333; font-size: 24px; margin-bottom: 11px;}
.resibleli li span{ display: block; color: #666666; font-size: 16px; font-weight: bold; line-height: 1;}
.resibleli li:first-child{ margin-left: 0;}

.recuiteli li{ width: 31.2%; float: left; margin-left: 3.2%;}
.recuiteli li:first-child{ margin-left: 0;}
.recuiteli li a{ display: block; position: relative;}
.recuiteli li a figure{ display: block; line-height: 1; overflow: hidden;}
.recuiteli li a figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.58s;}
.recuiteli li a mark{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; filter:alpha(opacity=50); background: rgba(0,0,0,0.5); transition: 0.56s;}
.recuiteli li a mark span{ width: 100%; position: absolute; left: 0; top: 50%; z-index: 4; padding-top: 47px; line-height: 1; color: #fff; text-align: center; font-size: 16px; margin-top: -31px;}
.recuiteli li a mark b{ display: block; width: 35px; height: 32px; position: absolute; left: 50%; margin-left: -17px; top: 0;}
.recuiteli li a mark b img{ display: block; max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.recuiteli li a:hover figure img{ transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03);}
.recuiteli li a:hover mark{ background: #132d66; filter: alpha(opacity=90); background: rgba(19,45,102,0.9);}

video{ object-fit: cover !important;}
.vbBox{ height: 100%; width:100vw; left:0; top:0; position:absolute; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index:5;}
.jwplayer{ opacity:0; height:100% !important;}
.jwlogo{ display: none !important;}
.videobtn{ display: block; width: 56px; height: 56px; z-index: 20; position: absolute; left: 50%; margin-left: -28px; top: 50%; margin-top: -28px; background: url(../images/video.png) center no-repeat; cursor: pointer;}
.videobg{ width: 100%; height: 100%; left: 0; top: 0; z-index: 10; background-size: cover; background-position: center;}

.link-box{ position: relative;}
.eq-fix{width: 90px;margin: auto;margin-top: 15px;position: absolute;right: 0;/* margin-left: -45px; */top: 100%;text-align: center;}
.eq-fix img{ display: block; width: 100%; height: auto;}
.eq-fix span{ display: block; text-align: center;color: #666666; font-size: 14px;}