[class*=rect-] {
 position:relative;
 display:block;
 overflow:hidden;
 width:100%;
 height:0
}
.trans,
:after,
:before,
a:after,
a:before {
 transition:all .4s ease 0s
}
.clearfix:after {
 display:table;
 content:" ";
 clear:both
}
.justify {
 text-align:justify;
 text-justify:inter-ideograph;
 letter-spacing:0;
 font-size:0
}
.justify:after {
 content:" ";
 height:0;
 width:100%;
 display:inline-block;
 overflow:hidden
}
.justify>* {
 text-align:left;
 font-size:14px
}
.justify .box {
 display:inline-block;
 vertical-align:top
}
.container {
 width:100%;
 
 margin-left:auto;
 margin-right:auto
}
@media screen and (max-width:1150px) {
 .container {
  max-width:100%;
  padding-right:0px;
  padding-left:0px
 }
}
body .page-loading {
 background-color:#333;
 height:100%;
 left:0;
 position:fixed;
 right:0;
 top:0;
 z-index:9;
 transition:opacity .5s ease 0s
}
body .page-load-inner {
 transition:transform .5s ease 0s;
 left:50%;
 margin-left:-35px;
 margin-top:-12px;
 position:absolute;
 text-align:center;
 top:50%
}
body.loaded .page-loading {
 opacity:0
}
body.loaded .page-load-inner {
 transform:translate3d(0,-100px,0)
}
.sk-three-bounce {
 width:70px
}
.sk-three-bounce .sk-child {
 width:18px;
 height:18px;
 background-color:#fff;
 border-radius:100%;
 display:inline-block;
 animation:sk-three-bounce 1.4s ease-in-out 0s infinite both
}
.sk-three-bounce .sk-bounce1 {
 animation-delay:-.32s
}
.sk-three-bounce .sk-bounce2 {
 animation-delay:-.16s
}
@keyframes sk-three-bounce {
 0%,
 80%,
 to {
  transform:scale(0)
 }
 40% {
  transform:scale(1)
 }
}
.header {
 width:100%;
 background:#fff
}
.header .container {
 position:relative
}
.header .navbar,
.header .navbar-brand {
 vertical-align:middle
}
.header .navbar-brand {
 width:24%
}
.header .navbar {
 width:60%
}
.header .navbar-btn {
 display:none
}
.header .logo {
 height:auto;
 overflow:hidden;
 display:block
}
.header .navbar-collapse {
 width:82%
}
.header .navbar-collapse li a {
 color:#333;
 position:relative;
 display:inline-block;
 padding:30px 0;
 z-index:1;
 text-align:center
}
.header .navbar-collapse li a:before {
 opacity:0;
 position:absolute;
 bottom:0;
 left:0;
 width:0;
 height:2px;
 background:#004098;
 content:" ";
 z-index:-1
}
.header .navbar-collapse li a:hover:before {
 opacity:1;
 width:100%
}
.header .topbar {
 position:absolute;
 top:50%;
 right:15px;
 margin-top:-11px
}
.header .navbar-search {
 margin-left:10px;
 display:inline-block;
 position:relative;
 vertical-align:middle
}
.header .navbar-search .search-btn {
 display:inline-block;
 width:28px;
 height:28px;
 border:1px solid #fff;
 border-radius:999px;
 cursor:pointer
}
.header .navbar-search .search-btn:active,
.header .navbar-search .search-btn:hover {
 background:#004098;
 border:1px solid #004098
}
.header .navbar-search .search-btn svg {
 fill:#fff;
 margin:6px;
 width:14px;
 height:14px
}
.header .lang {
 vertical-align:middle;
 text-transform:uppercase;
 font-size:0;
 display:inline-block;
 color:#fff;
 position:relative;
 line-height:14px
}
.header.active {
 background:#000;
 background-color:rgba(0,0,0,.6)
}
@media \0screen {
 .header.active {
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000)
 }
}
.search-container {
 position:fixed;
 top:0;
 left:0;
 z-index:100001;
 width:100%;
 opacity:0;
 transition:all .3s ease;
 height:100%;
 visibility:hidden;
 display:none;
 background-color:rgba(0,0,0,.85)
}
@media \0screen {
 .search-container {
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#D9000000,endcolorstr=#D9000000)
 }
}
.search-container .search-inner {
 width:100%;
 max-width:1200px;
 position:absolute;
 left:0;
 right:0;
 top:45%;
 bottom:0;
 margin:auto;
 text-align:center
}
.search-container .search-form {
 margin:0 auto;
 overflow:hidden
}
.search-container .search-box {
 display:block;
 position:relative;
 margin-bottom:40px;
 border-bottom:1px solid #fff
}
.search-container .search-input {
 width:100%;
 padding:14px 5px;
 font-size:18px;
 border:none;
 background:none;
 box-sizing:border-box;
 text-align:center;
 -webkit-appearance:none;
 color:#fff
}
.search-container .search-reset {
 position:absolute;
 right:-11px;
 top:50%;
 margin-top:-26px;
 width:52px;
 height:52px;
 background:none;
 border:none;
 cursor:pointer;
 font:300 30px/24px Tahoma;
 color:#fff
}
.search-container.active {
 filter:none;
 opacity:1;
 visibility:visible;
 transition:all .8s ease;
 display:block
}
.search-container.active>* {
 transition:all .8s ease
}
.search-container.active .search-input {
 animation:slideUp .3s ease both
}
@media screen and (max-width:991px) {
 .header {
  padding:10px 0
 }
 .header .container {
  padding:0;
  width:100%;
  max-width:none;
  overflow:hidden
 }
 .header .navbar-brand {
  padding:0 15px
 }
 .header .navbar,
 .header .navbar-brand {
  width:100%;
  display:block;
  position:relative
 }
 .header .navbar {
  overflow:hidden;
  opacity:0;
  height:0;
  z-index:8
 }
 .header .logo {
  display:inline-block
 }
 .header .topbar {
  margin-top:-11px;
  right:55px
 }
 .header .lang img {
  height:16px
 }
 .header .navbar-search .search-btn {
  width:22px;
  height:22px
 }
 .header .navbar-search .search-btn:active,
 .header .navbar-search .search-btn:hover {
  background:#004098;
  border:1px solid #004098
 }
 .header .navbar-search .search-btn svg {
  fill:#fff;
  margin:5px;
  width:10px;
  height:10px
 }
 .header .navbar-collapse {
  height:0;
  width:100%;
  z-index:999
 }
 .header .navbar-collapse li {
  display:block;
  opacity:0;
  transform:translateX(250px);
  transition:all .2s ease .3s
 }
 .header .navbar-collapse li a {
  font-size:24px;
  text-align:center;
  padding:10px 0;
  display:block;
  color:#fff
 }
 .header .navbar-btn {
  z-index:9;
  right:15px;
  background:#333;
  top:50%;
  margin-top:-1px;
  height:2px;
  width:23px;
  position:absolute;
  display:inline-block
 }
 .header .navbar-btn:after,
 .header .navbar-btn:before {
  position:absolute;
  content:"";
  height:100%;
  width:100%;
  background:#333;
  transition:top .3s,bottom .3s,transform .3s
 }
 .header .navbar-btn:before {
  top:-6px
 }
 .header .navbar-btn:after {
  bottom:-6px
 }
 .header .navbar-btn.active {
  background:transparent
 }
 .header .navbar-btn.active:before {
  background:#fff;
  top:0;
  transform:rotate(45deg)
 }
 .header .navbar-btn.active:after {
  background:#fff;
  bottom:0;
  transform:rotate(-45deg)
 }
 .header .bg {
  display:none
 }
 .header.open {
  border-bottom:0
 }
 .header.open .topbar {
  display:none
 }
 .header.open .navbar {
  opacity:1;
  height:auto
 }
 .header.open .navbar-collapse {
  height:auto
 }
 .header.open .navbar-collapse li {
  opacity:1;
  transform:translateX(0)
 }
 .header.open .navbar-collapse li:first-child {
  transition-duration:.4s
 }
 .header.open .navbar-collapse li:nth-child(2) {
  transition-duration:.5s
 }
 .header.open .navbar-collapse li:nth-child(3) {
  transition-duration:.6s
 }
 .header.open .navbar-collapse li:nth-child(4) {
  transition-duration:.7s
 }
 .header.open .navbar-collapse li:nth-child(5) {
  transition-duration:.8s
 }
 .header.open .navbar-collapse li:nth-child(6) {
  transition-duration:.9s
 }
 .header.open .navbar-collapse li:nth-child(7) {
  transition-duration:1s
 }
 .header.open .bg {
  display:block;
  position:fixed;
  left:0;
  top:0;
  width:100vh;
  height:100vh;
  z-index:3;
  background-color:rgba(0,0,0,.85)
 }
}
@media screen and (max-width:640px) {
 .header .logo {
  width:48%
 }
 .header .logo img {
  width:100%;
  height:auto
 }
 .header.active .logo img {
  margin-top:0
 }
}
@media screen and (max-width:375px) {
 .header .logo {
  height:auto
 }
 .header.active .logo img {
  margin-top:0
 }
}
.footer {
 background:#2c2f30;
 color:#929292;
 padding:3% 0 0
}
.footer.index {
 padding:8% 0 0
}
.footer a {
 color:#929292
}
.footer a:hover {
 color:#fff
}
.footer .sologon {
 padding-top:35%
}
.footer .foot-title {
 font-size:18px;
 color:#fff;
 display:block;
 position:relative;
 margin-bottom:10px;
 padding-bottom:10px
}
.footer .address>li,
.footer .foot-list>li {
 line-height:1.8
}
.footer .foot-list>li {
 padding-left:12px;
 background:url(http://www.ouyuevalve.com/statics/home/img/arr.png) 0 50% no-repeat
}
.footer .text {
 width:70%
}
.footer .foot-link {
 padding-top:15px
}
.footer .foot-link .link {
 font-size:18px;
 line-height:18px;
 position:relative;
 display:inline-block;
 padding:0 30px;
 color:#fff
}
.footer .foot-link .link:before {
 position:absolute;
 content:"";
 background:#fff;
 width:1px;
 height:100%;
 right:0;
 bottom:0
}
.footer .foot-link .link:last-child:before {
 background:transparent
}
.footer .share {
 position:relative;
 bottom:-2em;
 color:#fff;
 text-align:right
}
.footer .share .link,
.footer .share .tips {
 display:inline-block;
 vertical-align:middle
}
.footer .share .link {
 margin:0 10px;
 height:20px
}
.footer .share .link svg {
 width:auto;
 height:100%;
 fill:#fff
}
.footer .copyright {
 margin-top:20px;
 padding:20px 0;
 border-top:1px solid;
 text-align:center
}
@media screen and (max-width:991px) {
 .footer {
  padding:5% 0 0
 }
 .footer .box {
  width:100%;
  text-align:center
 }
 .footer .sologon {
  padding-top:10px
 }
 .footer .hidden-xs {
  display:none
 }
}
.cate-bg {
 padding:8% 0;
 color:#fff;
 background-repeat:no-repeat;
 background-position:50% 0;
 background-size:cover;
 text-shadow:0 0 2px #000;
 animation:scaleUpDown 4s forwards cubic-bezier(.25,.46,.45,.94)
}
.cate-bg .text {
 width:100%;
 text-align:center
}
.cate-bg .en {
 display:block
}
.cate-bg .cn,
.cate-bg .en {
 font-size:26px;
 text-transform:uppercase
}
.cate-bg .cn {
 position:relative;
 display:inline-block;
 margin-top:0;
 padding-bottom:10px
}
.cate-bg .desc {
 font-size:18px;
 position:relative;
 margin-top:20px;
 padding:25px 0;
 text-transform:uppercase
}
.cate-bg .desc:before {
 position:absolute;
 top:0;
 left:0;
 display:block;
 width:2em;
 height:2px;
 content:" ";
 background:#fff
}
.cate-title {
 text-align:center;
 width:80%;
 padding:0 0 2%;
 margin:0 auto
}
.cate-list {
 text-align:center;
 margin-bottom:2%
}
.cate-list .link {
 display:inline-block;
 margin:0 30px;
 padding:5px 15px;
 width:180px;
 border:1px solid #ccc
}
.cate-list .link:active,
.cate-list .link:hover {
 background:#004098;
 color:#fff
}
@media screen and (max-width:991px) {
 .cate-bg {
  padding:15% 0 12%
 }
 .cate-bg .en {
  font-size:28px
 }
 .cate-bg .cn {
  font-size:20px
 }
 .category {
  padding-bottom:20px
 }
}
@media screen and (max-width:640px) {
 .cate-bg {
  padding:23% 0 18%
 }
 .cate-bg .en {
  font-size:20px
 }
 .cate-bg .cn {
  font-size:16px
 }
}
.content {
 margin:3% 0
}
.content-title {
 font-size:20px;
 display:block;
 margin-top:5%;
 color:#333
}
.content-time,
.content-title.center {
 text-align:center
}
.content-time {
 display:block;
 margin:15px 0;
 color:#999
}
.content-body p {
 padding-bottom:1em
}
.content-body table {
 width:100%
}
.content-related {
 margin-top:15px;
 padding-top:15px;
 border-top:1px solid #e3e3e3
}
.content-related .list {
 width:68.25%;
 vertical-align:middle
}
.content-related .back {
 vertical-align:middle
}
.content-related .back a {
 display:inline-block;
 padding:8px 16px;
 border:1px solid #e3e3e3
}
.content-related .back a:hover {
 color:#fff;
 background:#004098
}
.detail .title {
 font-size:28px;
 padding:15px 0;
 color:#333
}
.detail .pic {
 width:40%
}
.detail .pic .rect-pic {
 border:1px solid #e3e3e3;
 padding-bottom:100%
}
.detail .pic img {
 width:100%
}
.detail .text {
 width:58%
}
.detail .share {
 padding:15px 0
}
.tab-nav {
 font-size:0;
 margin:25px 0;
 border-bottom:1px solid #ccc
}
.tab-nav .item {
 font-size:20px;
 display:inline-block;
 width:33.3333%;
 padding:20px 30px;
 cursor:pointer;
 text-align:center;
 border-right:1px solid #ccc;
 background:#f7f7f7;
 color:#999
}
.tab-nav .item .ico {
 width:20px;
 height:20px;
 position:relative;
 margin-top:-.5em;
 display:inline-block;
 vertical-align:middle;
 margin-right:3px
}
.tab-nav .item .ico svg {
 fill:#999
}
.tab-nav .item:hover {
 color:#fff;
 background:#004098
}
.tab-nav .item:hover .ico svg {
 fill:#fff
}
.tab-nav .item:last-child {
 border-right:0
}
@media screen and (max-width:640px) {
 .detail .title {
  font-size:20px;
  padding:15px 0;
  color:#333
 }
 .detail .pic,
 .detail .text {
  width:100%
 }
 .detail .share {
  display:none
 }
 .tab-nav {
  font-size:0;
  margin:25px 0;
  border-bottom:1px solid #ccc
 }
 .tab-nav .item {
  font-size:16px;
  padding:10px
 }
 .content-related .back,
 .content-related .list {
  width:100%
 }
 .content-related .back {
  margin-top:15px;
  text-align:center
 }
 .content-related .back a {
  display:block
 }
}
.page-list {
 display:block;
 padding:0 0 30px;
 text-align:center
}
.page-list:after {
 display:block;
 visibility:hidden;
 clear:both;
 overflow:hidden;
 height:0;
 content:" "
}
.page-list ul {
 display:inline-block;
 vertical-align:bottom;
 border-radius:4px
}
.page-list ul li {
 line-height:18px;
 display:inline-block;
 float:left;
 margin-right:2px;
 padding:8px 12px;
 border:1px solid #ddd;
 border-right:none;
 border-radius:0;
 border-radius:4px;
 background:#fff
}
.page-list ul li a {
 display:block;
 transition:all 1s cubic-bezier(.175,.885,.32,1) 0s;
 color:#333
}
.page-list ul li:not(:first-child):not(:last-child) {
 border-radius:0
}
.page-list ul li:first-child {
 border-radius:4px 0 0 4px
}
.page-list ul li:last-child {
 border-radius:0 4px 4px 0
}
.page-list ul li.active {
 color:#fff;
 background:#004098
}
.page-list ul li.active a {
 color:#fff
}
.home {
 padding:10px 0
}
.home .box {
 vertical-align:middle
}
.home .dib {
 display:inline-block;
 margin-right:3em
}
.home .dib:last-child {
 margin-right:0
}
.home-title {
 text-align:center;
 padding:15px 0
}
.home-title .cn {
 display:inline-block;
 border-left:6px solid #004098;
 line-height:18px;
 font-size:24px;
 padding:0 4px 0 8px
}
.home-title .en {
 text-transform:uppercase;
 position:relative;
 display:inline-block;
 font-size:18px;
 color:#004098
}
.home-more {
 margin-top:15px;
 text-align:center
}
.home-more .link {
 border:1px solid;
 display:inline-block;
 padding:8px 25px
}
.home-more .link:hover {
 background:#004098;
 color:#fff
}
@media screen and (max-width:991px) {
 .home .box {
  width:100%;
  padding:0 15px;
  text-align:center
 }
 .home-title .en {
  display:block
 }
}
.exhibition {
 padding:3% 0
}
.exhibition .swiper-slide {
 opacity:.2;
 width:70%
}
.exhibition .swiper-slide .link {
 display:block;
 position:relative;
 color:#fff;
 font-size:16px
}
.exhibition .swiper-slide .link .rect-pic {
 z-index:1;
 padding-bottom:60%
}
.exhibition .swiper-slide .link .title {
 font-size:1.2em;
 padding:15px 0
}
.exhibition .swiper-slide .link .text {
 position:absolute;
 width:100%;
 padding:5%;
 bottom:0;
 left:100%;
 z-index:3;
 visibility:hidden;
 opacity:0
}
.exhibition .swiper-slide .link .desc {
 position:relative;
 padding-bottom:15px;
 overflow:hidden;
 display:-webkit-box;
 -webkit-line-clamp:3
}
.exhibition .swiper-slide .link img {
 width:100%
}
.exhibition .swiper-slide .link .desc:before {
 position:absolute;
 content:"";
 height:1px;
 background:#fff;
 width:2em;
 left:0;
 bottom:0
}
.exhibition .swiper-slide.swiper-slide-active {
 opacity:1
}
.exhibition .swiper-slide.swiper-slide-active .link:before {
 position:absolute;
 content:"";
 height:100%;
 width:0;
 left:50%;
 top:0;
 z-index:2
}
.exhibition .swiper-slide.swiper-slide-active .link:active:before,
.exhibition .swiper-slide.swiper-slide-active .link:hover:before {
 left:0;
 top:0;
 height:100%;
 width:100%;
 background-image:linear-gradient(180deg,transparent 0,#004098);
 background-repeat:repeat-x;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#FF004098",GradientType=0)
}
.exhibition .swiper-slide.swiper-slide-active .link .text {
 left:0;
 visibility:visible;
 opacity:1;
 background-image:linear-gradient(180deg,transparent 80%,#000);
 background-repeat:repeat-x;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#FF000000",GradientType=0)
}
@media screen and (max-width:640px) {
 .exhibition .swiper-slide {
  width:90%
 }
 .exhibition .swiper-slide .link {
  border:1px solid #ccc;
  color:#333
 }
 .exhibition .swiper-slide .link .title {
  padding:0 0 15px
 }
 .exhibition .swiper-slide .link .text {
  position:static
 }
 .exhibition .swiper-slide .link .desc {
  padding-bottom:0
 }
 .exhibition .swiper-slide.swiper-slide-active .link .text {
  background-image:linear-gradient(180deg,transparent 80%,transparent);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#00000000",GradientType=0)
 }
 .exhibition .swiper-button-next,
 .exhibition .swiper-button-prev {
  display:none
 }
 .exhibition .swiper-pagination {
  position:relative;
  margin-top:-5px
 }
}
.service {
 padding-top:5%;
 background:#f2f2f2
}
.service .container {
 background:#fff;
 box-shadow:0 0 10px 0 rgba(0,0,0,.3);
 position:relative;
 padding-bottom:5%;
 margin-bottom:-5%
}
.service .title {
 text-align:center;
 padding:3% 0;
 line-height:1.3
}
.service .title .en {
 font-size:30px;
 text-transform:uppercase;
 font-weight:700
}
.service .title .cn {
 font-size:24px;
 position:relative;
 font-weight:700;
 padding-bottom:5px;
 margin-bottom:15px
}
.service .title .cn:before {
 position:absolute;
 content:"";
 height:2px;
 background:#333;
 width:2em;
 left:50%;
 margin-left:-1em;
 bottom:0
}
.service .list {
 margin:0 15px
}
.service .list .item {
 width:32.5%;
 background:url(http://www.ouyuevalve.com/statics/home/img/dot.png) 0 3px no-repeat;
 padding:0 0 10px 18px;
 line-height:1.3
}
.service .list .item .en {
 opacity:.75;
 font-size:.85em
}
.service .link {
 text-align:center;
 margin-top:15px
}
.service .link a {
 display:inline-block;
 color:#fff;
 padding:12px 20px;
 font-size:16px;
 border-radius:5px;
 background:#004098
}
.service .link a:hover {
 opacity:.95
}
@media screen and (max-width:640px) {
 .service .title .cn,
 .service .title .en {
  font-size:18px
 }
 .service .title .desc {
  text-align:left
 }
 .service .list {
  margin:0
 }
 .service .list .item {
  width:100%
 }
}
.banner {

}
.banner .swiper-container {
 width:100%;
 position:relative;
 overflow:hidden
}
.banner .swiper-wrapper {
}
.banner .swiper-slide {
 overflow:hidden
}
.banner .bg {
 background-color:#333;
 background-position:50%;
 background-repeat:no-repeat;
 background-size:cover;
 width:100%;
 height:100%;
 position:relative
}
.banner .bg .mobile,
.banner .bg .pc {
 position:absolute;
 width:100%;
 height:100%;
 left:0;
 top:0;
 display:block;
 z-index:-1
}
.banner .bg .mobile {
 display:none
}
.banner .text {
 display:table-cell;
 vertical-align:middle;
 color:#fff;
 padding:0 10%;
 font-size:24px
}
.banner .text .en {
 font-size:1.3em;
 text-transform:uppercase
}
.banner .text .cn {
 font-size:2.6em
}
.banner .text .desc {
 font-size:1em;
 padding-top:25px;
 padding-bottom:20px
}
.banner .text .link {
 font-size:.6em;
 display:inline-block;
 padding:10px 20px;
 color:#fff;
 border:1px solid
}
.banner .swiper-slide-active .bg {
 animation:scaleUpDown 4s forwards cubic-bezier(.25,.46,.45,.94)
}
@media screen and (max-width:991px) {
 .banner .bg .pc {
  display:none
 }
 .banner .bg .mobile {
  display:block
 }
 .banner .text {
  text-align:center;
  font-size:14px
 }
}
@keyframes scaleUpDown {
 0% {
  transform:scale(1.08)
 }
 to {
  transform:scale(1)
 }
}
.about-title .en {
 font-size:30px;
 text-transform:uppercase
}
.about-title .cn {
 opacity:.75;
 font-size:16px
}
.about-title .right {
 text-align:right
}
.about-title .year {
 font-size:2.6em;
 line-height:1
}
.about-title .time {
 font-size:1.2em;
 line-height:1;
 text-transform:uppercase
}
.about-item {
 padding:2% 0 3%
}
.about-item .pic {
 width:45%
}
.about-item .pic .rect-pic {
 padding-bottom:76%
}
.about-item .pic img {
 width:100%
}
.about-item .text {
 width:50%
}
.about-item .text p {
 padding-bottom:1em
}
.about-item .text .title {
 font-size:16px;
 font-weight:700;
 padding-bottom:2em
}
.about-item .text .em {
 padding:0;
 font-size:20px;
 color:#000
}
.about-item .text .small {
 opacity:.5
}
.about-item .text .desc {
 padding-top:2em
}
.about-item .text .right {
 text-align:right
}
.certificate {
 position:relative;
 margin-bottom:5%
}
.certificate .link {
 display:block;
 text-align:center
}
.certificate .link .pic {
 border:1px solid #c7c7c7
}
.certificate .link .pic img {
 width:100%;
 padding:10px
}
.certificate .link .title {
 display:block;
 padding:10px;
 background:#f7f7f7;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 word-break:break-all;
 word-wrap:normal
}
.certificate .link:hover .title {
 color:#fff;
 background:#004098
}
.certificate .rect-140 {
 padding-bottom:140%
}
.certificate .rect-56 {
 padding-bottom:56%
}
.certificate .swiper-button-next,
.certificate .swiper-button-prev {
 background-color:hsla(0,0%,97%,.75);
 width:44px;
 height:44px;
 background-size:27px 27px
}
@media \0screen {
 .certificate .swiper-button-next,
 .certificate .swiper-button-prev {
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#BFF7F7F7,endcolorstr=#BFF7F7F7)
 }
}
.certificate .swiper-button-prev {
 left:-30px
}
.certificate .swiper-button-next {
 right:-30px
}
.certificate .swiper-button-next:hover,
.certificate .swiper-button-prev:hover {
 background-color:#f7f7f7
}
@media \0screen {
 .certificate .swiper-button-next:hover,
 .certificate .swiper-button-prev:hover {
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFF7F7F7,endcolorstr=#FFF7F7F7)
 }
}
.quality {
 margin-top:18px;
 padding-bottom:30px;
 color:#fff;
 background:#fff url(http://www.ouyuevalve.com/statics/home/img/quality.jpg) 50% 0 no-repeat;
 background-size:cover
}
.quality .quality-list .desc {
 text-align:center
}
.quality .quality-list .item {
 width:10%;
 text-align:center
}
.quality .quality-list .item p {
 font-size:18px;
 line-height:100px;
 width:100px;
 height:100px;
 margin:20px 0;
 cursor:pointer;
 border:2px solid #fff;
 border-radius:999px
}
.quality .quality-list .item p:hover {
 color:#fff;
 background:#004098
}
@media screen and (max-width:991px) {
 .certificate .swiper-button-prev {
  left:-10px
 }
 .certificate .swiper-button-next {
  right:-10px
 }
}
@media screen and (max-width:640px) {
 .about-title .en {
  font-size:20px
 }
 .about-title .year {
  font-size:1.85em
 }
 .about-title .time {
  font-size:.5em
 }
 .about-title .right {
  text-align:left;
  width:100%
 }
 .about-item .pic,
 .about-item .text {
  width:100%
 }
 .about-item .pic {
  margin-bottom:1em
 }
 .about-item .text {
  border-bottom:1px solid #ccc;
  margin-bottom:15px;
  padding-bottom:10px
 }
 .about-item .text .desc {
  padding-top:0
 }
 .about-item:last-child .text {
  border-bottom:0 none
 }
 .about-item.flex {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse
 }
 .quality .quality-list .item {
  width:32.5%
 }
 .quality .quality-list .item p {
  margin:20px auto
 }
}
.super,
.super .list {
 padding:3% 0
}
.super .list .item {
 width:25%;
 text-align:center;
 position:relative;
 padding-bottom:10px;
 z-index:1;
 cursor:pointer
}
.super .list .item:before {
 position:absolute;
 content:"";
 height:2px;
 background:#004098;
 width:2em;
 left:50%;
 margin-left:-1em;
 bottom:0
}
.super .list .item .ico {
 color:#888;
 display:inline-block;
 width:128px;
 height:128px;
 padding:20px;
 border-radius:100%;
 border:2px solid #888
}
.super .list .item .ico svg {
 width:88px;
 height:auto;
 fill:#888
}
.super .list .item .desc {
 margin-top:10px;
 font-size:20px
}
.super .list .item:active .ico,
.super .list .item:focus .ico,
.super .list .item:hover .ico {
 margin-top:-20px;
 background:#004098;
 border-color:#004098
}
.super .list .item:active .ico svg,
.super .list .item:focus .ico svg,
.super .list .item:hover .ico svg {
 fill:#fff
}
.super .list .item:active:before,
.super .list .item:focus:before,
.super .list .item:hover:before {
 width:4em;
 margin-left:-2em
}
@media screen and (max-width:991px) {
 .super .list .item .desc {
  font-size:14px
 }
}
@media screen and (max-width:640px) {
 .super .list {
  width:100%
 }
 .super .list .item {
  width:48.5%;
  margin-bottom:15px
 }
 .super .list .item .ico {
  width:100px;
  height:100px
 }
 .super .list .item .ico svg {
  width:60px;
  height:60px
 }
 .super .list .item:active .ico,
 .super .list .item:focus .ico,
 .super .list .item:hover .ico {
  margin-top:0
 }
}
.news-list {
 position:relative
}
.news-list .item {
 padding-bottom:25px
}
.news-list .item:last-child {
 padding-bottom:0
}
.news-list .link {
 display:block;
 position:relative;
 z-index:2
}
.news-list .link .time {
 width:12%
}
.news-list .link .pic {
 width:28%;
 overflow:hidden
}
.news-list .link .rect-pic {
 border:8px solid #e6e6e6;
 padding-bottom:60%
}
.news-list .link .pic img {
 width:100%
}
.news-list .link .text {
 width:58%;
 padding-left:2%
}
.news-list .link .title {
 font-size:18px;
 color:#000
}
.news-list .link .link:hover img {
 opacity:.8
}
.news-list .link .desc {
 color:#a3a3a3;
 font-size:13px;
 margin:2% 0
}
.news-list .link .more {
 text-align:left;
 padding:5px 0;
 color:#004098
}
.news-list .link .more span {
 display:inline-block;
 padding:10px 0
}
.news-list .link:after {
 width:14px;
 height:14px;
 border-radius:100%;
 margin-left:-5px;
 visibility:visible;
 z-index:1;
 border:4px solid #0071a4
}
.news-list .link:after,
.news-list:after {
 background:#f5f5f5;
 content:"";
 position:absolute;
 left:10%;
 top:0;
 display:block
}
.news-list:after {
 width:4px;
 height:100%
}
@media screen and (max-width:640px) {
 .news-list .link .pic,
 .news-list .link .text,
 .news-list .link .time {
  width:100%
 }
 .news-list .link .time {
  padding-left:20px;
  position:relative;
  margin-top:-2px
 }
 .news-list .link:after {
  left:0;
  margin-left:0
 }
 .news-list:after {
  display:none
 }
}
.product {
 background:#f2f2f2;
 padding:2% 0
}
.search {
 border:1px solid #ccc;
 border-radius:6px;
 position:relative
}
.search .form-control {
 width:100%;
 padding:12px;
 text-align:center;
 border:0;
 background:transparent
}
.search .form-submit {
 width:26px;
 height:26px;
 position:absolute;
 top:50%;
 left:50%;
 margin-left:-3.5em;
 margin-top:-12px;
 border:0;
 opacity:.5;
 background:transparent
}
.search.active .form-control {
 text-align:left;
 padding-left:24px
}
.search.active .form-submit {
 left:0;
 margin-left:0
}
.product-list .item {
 width:23.5%
}
.product-list .link {
 margin:15px 0;
 position:relative;
 display:block
}
.product-list .link .bg {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 overflow:hidden;
 width:0;
 height:0;
 margin:auto;
 text-align:center;
 color:#fff;
 background-color:rgba(0,0,0,.75)
}
@media \0screen {
 .product-list .link .bg {
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#BF000000,endcolorstr=#BF000000)
 }
}
.product-list .link .bg .inner {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 display:table;
 width:90%;
 height:85%;
 margin:auto
}
.product-list .link .bg .text {
 display:table-cell;
 vertical-align:middle
}
.product-list .link .cn {
 border-left:1px solid;
 line-height:1;
 padding-left:5px;
 position:absolute;
 left:0;
 bottom:0
}
.product-list .link .rect-pic {
 border:1px solid #ccc;
 background:#fff;
 padding-bottom:100%
}
.product-list .link .rect-pic .img {
 width:100%;
 transform:scale(1.005)
}
.product-list .link .title {
 padding-top:25px;
 padding-bottom:15px;
 position:relative
}
.product-list .link .title:before {
 position:absolute;
 content:"";
 height:3px;
 background:#004098;
 width:0;
 left:0;
 bottom:0
}
.product-list .link:active .bg,
.product-list .link:focus .bg,
.product-list .link:hover .bg {
 width:100%;
 height:100%
}
.product-list .link:active .rect-pic .img,
.product-list .link:focus .rect-pic .img,
.product-list .link:hover .rect-pic .img {
 transform:scale(1.1)
}
.product-list .link:active .title:before,
.product-list .link:focus .title:before,
.product-list .link:hover .title:before {
 position:absolute;
 height:3px;
 background:#004098;
 width:100%;
 left:0;
 bottom:0
}
@media screen and (max-width:640px) {
 .product-list .item {
  width:48.5%
 }
 .product-list .link .cn {
  font-size:20px
 }
 .product-list .link .ico img {
  width:50px
 }
}
.contact {
 padding:3% 0
}
.contact .form,
.contact .pic,
.contact .text {
 width:50%
}
.contact .text {
 position:relative;
 z-index:2
}
.contact .text .desc ul {
 padding:25px
}
.contact .text .desc li {
 padding-bottom:15px;
 overflow:hidden;
 display:-webkit-box;
 -webkit-line-clamp:1
}
.contact .text .desc li .ico {
 display:inline-block;
 vertical-align:middle
}
.contact .text .desc li .ico svg {
 width:30px;
 fill:#b6b6b6
}
.contact .text .wechat {
 padding:25px;
 text-align:right;
 width:42%
}
.contact .text .qcode {
 text-align:center;
 display:inline-block;
 font-size:12px
}
.contact .form {
 padding:0 2%
}
.contact .form .form-group {
 margin:5px 0
}
.contact .form .form-group:first-child {
 margin:0 0 5px
}
.contact .form .form-control {
 background:#fafafa;
 border:0;
 width:100%;
 padding:12px
}
.contact .form .tips {
 width:60%;
 vertical-align:middle;
 opacity:.75
}
.contact .form .submit {
 text-align:right;
 vertical-align:middle
}
.contact .form .form-submit {
 display:inline-block;
 padding:8px 30px;
 text-align:center;
 border:0;
 background:#004098;
 color:#fff
}
.contact .form .desc {
 margin-top:15px
}
.contact .form .desc li {
 padding-bottom:10px
}
.contact .form .desc .ico {
 position:relative;
 vertical-align:middle;
 width:20px;
 height:20px;
 display:inline-block;
 margin-right:4px
}
.contact .form .desc .ico svg {
 fill:#004098;
 width:20px;
 height:20px
}
.contact .form .title {
 display:inline-block;
 font-size:24px;
 font-weight:700;
 padding-top:5px;
 padding-bottom:15px;
 position:relative
}
.contact .form .title:before {
 position:absolute;
 content:"";
 height:3px;
 background:#004098;
 width:1em;
 left:0;
 top:0
}
.contact .bg {
 background:#0f1c27;
 position:relative;
 z-index:2
}
.contact .bg .form {
 padding:15px
}
.contact .bg .form .form-control {
 background:transparent;
 border:1px solid #333
}
.contact .bg:before {
 position:absolute;
 content:"";
 left:0;
 width:50%;
 height:100%;
 background:#fbfbfb;
 z-index:-1
}
.map {
 margin-top:25px
}
.map .rect-30 {
 padding-bottom:30%
}
@media screen and (max-width:991px) {
 .contact .container {
  padding:0
 }
 .contact .form,
 .contact .pic,
 .contact .text {
  width:100%
 }
 .contact .form {
  padding:5%
 }
 .contact .bg {
  background:#fbfbfb
 }
 .contact .bg .form {
  background:#0f1c27
 }
 .contact .bg:before {
  background:transparent
 }
}
@media screen and (max-width:640px) {
 .contact .text .desc ul {
  padding:15px
 }
 .contact .text .desc li {
  padding-bottom:10px
 }
 .map {
  margin-top:0
 }
 .map .rect-30 {
  padding-bottom:68.25%
 }
}
.home-apply {
 color:#fff
}
.home-apply .apply-bg {
 background:#fff url(http://www.ouyuevalve.com/statics/home/img/apply-bg.jpg) 50% 0 no-repeat;
 background-size:cover;
 padding:2% 0
}
.home-apply .summary {
 width:40%;
 vertical-align:middle
}
.home-apply .summary .en {
 display:block;
 font-size:32px;
 text-transform:uppercase;
 font-weight:700;
 margin-bottom:5%
}
.home-apply .summary .cn,
.home-apply .summary .small {
 margin-bottom:2%;
 overflow:hidden;
 display:-webkit-box;
 -webkit-line-clamp:3
}
.home-apply .summary .desc {
 padding:0 8%
}
.home-apply .summary .link {
 margin-top:5%;
 display:inline-block;
 padding:5px 30px;
 border:1px solid;
 color:#fff
}
.home-apply .summary .link:active,
.home-apply .summary .link:focus,
.home-apply .summary .link:hover {
 border:1px solid #004098;
 background:#004098
}
.home-apply .list {
 width:60%;
 vertical-align:middle
}
.home-apply .list .apply-list {
 padding-right:5%
}
.home-apply .list .apply-list .link .cn {
 font-size:20px
}
.home-apply .list .apply-list .link .ico {
 display:block;
 margin:0 auto;
 width:35%
}
.apply-list .item {
 width:32.5%
}
.apply-list .link {
 margin:15px 0;
 position:relative;
 display:block
}
.apply-list .link .bg {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 overflow:hidden;
 width:0;
 height:0;
 margin:auto;
 text-align:center;
 color:#fff;
 background-color:rgba(0,64,152,.75)
}
@media \0screen {
 .apply-list .link .bg {
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#BF004098,endcolorstr=#BF004098)
 }
}
.apply-list .link .bg .inner {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 display:table;
 width:168px;
 height:168px;
 margin:auto
}
.apply-list .link .bg .text {
 display:table-cell;
 vertical-align:middle
}
.apply-list .link .cn {
 font-size:28px;
 position:relative;
 display:block;
 padding-bottom:10px;
 letter-spacing:4px
}
.apply-list .link .en {
 font-size:16px;
 text-transform:uppercase
}
.apply-list .link .pic.rect-100 {
 padding-bottom:100%
}
.apply-list .link .pic.rect-70 {
 padding-bottom:70%
}
.apply-list .link .pic.rect-56 {
 padding-bottom:56%
}
.apply-list .link .pic img {
 width:100%;
 transform:scale(1.005)
}
.apply-list .link:active .bg,
.apply-list .link:focus .bg,
.apply-list .link:hover .bg {
 width:100%;
 height:100%
}
.apply-list .link:active .pic img,
.apply-list .link:focus .pic img,
.apply-list .link:hover .pic img {
 transform:scale(1.1)
}
@media screen and (max-width:991px) {
 .home-apply .list,
 .home-apply .summary {
  width:100%
 }
 .home-apply .list .apply-list {
  padding-right:15px;
  padding-left:15px
 }
}
@media screen and (max-width:640px) {
 .apply-list .item {
  width:48.5%
 }
 .apply-list .link .cn {
  font-size:20px
 }
 .apply-list .link .en {
  font-size:14px
 }
 .apply-list .link .ico img {
  width:50px
 }
}