@charset "UTF-8";
body { margin: 0 auto; background: #f5f5f5; }

/*public css*/
* { box-sizing: border-box; }

/*超出部分省略*/
.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*多行超出部分省略*/
.duohang { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/*header*/
#header { display: none; width: 100%; height: 124px; background: #fff; position: relative; }

#header .return { display: none; position: absolute; width: 1.44rem; height: 1.44rem; line-height: 1.44rem; text-align: center; color: #999; font-size: 0.5867rem; left: 0; top: 0; }

#header .wrapper { width: 1108px; margin: 0 auto; }

.logo { display: inline-block; }

.logo img { vertical-align: middle; height: 40px; }

.language { float: right; height: 124px; line-height: 124px; font-size: 0; }

.language a { color: #9e9e9e; font-size: 14px; display: inline-block; height: 28px; line-height: 28px; vertical-align: middle; }

.language a + a { margin-left: 26px; }

.language a img { display: inline-block; margin-right: 4px; vertical-align: middle; }

/*nav*/
#nav { position: absolute; left: 0; top: 0; z-index: 99; width: 100%; height: 86px; }
#nav ul { margin: 0 auto; }

#nav .wrapper { margin: 0 506px 0 480px; }
#nav .wrapper > ul { display: flex; flex-direction: row; justify-content: flex-start; padding: 0; }
#nav .wrapper > ul > li > .item { display: block; padding: 0 22px; font-size: 16px; height: 86px; line-height: 86px; transition: all 0.5s; }
#nav .wrapper > ul > li > .item.on { background: #3775c8; color: #fff; }
#nav .wrapper > ul > li.hov > .item { background-color: #4586de; color: #fff; }

#nav li { position: relative; display: inline-block; }

#nav li:last-child .subnav { left: auto; right: 0; }

#nav li .item { position: relative; display: block; height: 30px; line-height: 30px; color: #666; font-size: 14px; white-space: nowrap; }

.header.active #nav li .item { color: #fff; }

#nav li .item i { display: none; font-size: 14px; color: #c9c9c9; margin-left: 4px; }

#nav li .item:before { content: none; position: absolute; bottom: -2px; left: 0; height: 3px; width: 0; background: #4487df; transition: all .3s ease; }

#nav li .item.on, #nav li .item:hover { text-decoration: none; }

/*#nav li .item.on:before, #nav li .item:hover:before, #nav li.hov .item:before{ width: 100%; }*/
#nav li .item.on:before { width: 100%; }

.subnav { position: absolute; width: auto; left: 0; top: 86px; background: #eee; opacity: 0; filter: alpha(opacity=0); visibility: hidden; transform: translate3d(0px, 0, 0px); -moz-transform: translate3d(0px, 0, 0px); -webkit-transform: translate3d(0px, 0, 0px); transition: all 0.3s ease-out 0s; z-index: 99; }

.subnav:before { content: none; position: absolute; top: -3px; left: 0; height: 3px; width: 0; background: #4487df; transition: all .5s ease; }

#nav li.hov .subnav:before { width: 100%; }

.subnav a { display: block; width: 100%; padding: 0 18px; height: 0; line-height: 40px; color: #666; font-size: 12px; transition: all .5s ease; white-space: nowrap; background: #fff; }

.subnav a:hover, .subnav a.on { background: #eee; text-decoration: none; }

#nav .subnav { background: #fff; border-radius: 0 0 5px 5px; }
#nav .subnav .thirdnav { position: absolute; left: 100%; top: 0; z-index: 2; height: 0; overflow: hidden; transition: all .5s ease; }
#nav .subnav .thirdnav a { opacity: 0; height: 40px; }
#nav .subnav li { display: block; float: none; position: relative; z-index: 2; transition: all .5s ease; }
#nav .subnav li i { display: none; }
#nav .subnav li.hov { z-index: 3; }
#nav .subnav li + li { margin: 0; }
#nav .subnav > ul { margin-top: 0; border-radius: 0 0 5px 5px; }
#nav .subnav > ul > li > a { height: 0; visibility: hidden; }
#nav .subnav > ul > li:hover .thirdnav { display: block; z-index: 3; height: auto; }
#nav .subnav > ul > li:hover .thirdnav a { opacity: 1; }
#nav .subnav > ul > li:last-child { border-radius: 0 0 5px 5px; overflow: hidden; }

#nav .hov .subnav > ul > li > a { height: 40px; line-height: 40px; visibility: visible; }

#nav li:hover .subnav { filter: alpha(opacity=100); opacity: 1; visibility: visible; display: block; min-width: 100%; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }
#nav li:hover .subnav ul { margin-top: 0; }

.navBtn { display: none; position: absolute; top: 0; right: 0; color: #666; font-size: 44px; height: 108px; line-height: 108px; width: 108px; text-align: center; transition: all ease-out .3s; }

#nav-xs { position: fixed; top: 108px; left: 0; z-index: 999; width: 100%; height: 0; overflow: hidden; padding: 0; background: #fff; border-top: none; transition: all 0.3s ease-out 0s; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); }

#nav-xs li .item { display: block; width: 100%; text-align: center; height: 50px; line-height: 50px; font-size: 16px; color: #666; border-top: 3px solid #fff; transition: 600ms ease 200ms; -webkit-transition: 600ms ease 200ms; }

#nav-xs li .item.on { background: #4487df; color: #fff; }

#nav-xs .subnav.on { display: block; }

#nav-xs.open { padding: 0.3rem 0; height: calc(100% - 1.44rem); overflow: auto; }

.msharpT { font-size: 14px; text-align: center; margin-top: 0.5rem; opacity: 0; transition: 600ms ease 400ms; -webkit-transition: 600ms ease 400ms; }

.open .msharpT { opacity: 1; }

.htop { height: 1.44rem; width: 100%; display: none; }

.header { height: auto; position: fixed; top: 0; width: 100%; left: 0; z-index: 100; padding: 0; transition: all .6s; -webkit-transition: all .6s; background: white; }
.header .top_right { position: relative; z-index: 100; float: right; margin: 30px 30px 0 0; }
.header .top_right .phone_label { float: left; padding: 0 0 0 32px; background: url(images/icon_phone_03.png) 0 center no-repeat; font-size: 30px; font-weight: bold; line-height: 1; }
.header .top_right .phone { float: left; margin-left: 5px; font-size: 30px; font-weight: bold; line-height: 1; }
.header .top_right .split_line { float: left; margin: 3px 10px 0; height: 20px; border-right: 2px #666 solid; }
.header .top_right .lang { float: left; margin: 0; }
.header .top_right .lang .cn, .header .top_right .lang .en { display: inline-block; margin: 0 5px; height: 27px; font-size: .3rem; background-size: contain; }
.header .top_right .lang .cn:hover, .header .top_right .lang .en:hover { color: #3775c8; }
.header.active .top_right { color: #fff; }
.header.active .top_right .split_line { border-color: #fff; }

.header.active { background: rgba(0, 0, 0, 0.5); top: 30px; }

.header h1 { position: relative; z-index: 100; height: 54px; margin: .67em 0; margin-left: 1%; float: left; font-size: 2em; }

.header h1 a { width: 100%; display: block; }

.header h1 a img { height: 45px; }

.header .nav { float: right; margin-right: 2%; margin-top: 12px; }

.header .nav ul li { position: relative; float: left; transition: all .5s; -webkit-transition: all 0.5s; }

.header .nav ul li:before { position: absolute; content: ''; left: 5%; width: 0; bottom: 0; height: 2px; background: #b7060b; transition: all .5s; -webkit-transition: all 0.5s; }

.header .nav ul li.active:before, .header .nav ul li:hover:before { width: 90%; }

.header .nav ul li:after { content: '/'; position: absolute; left: -4px; top: 0; opacity: .15; filter: alpha(opacity=15); color: #fff; }

.header .nav ul li:first-child:after { display: none; }

.header .nav ul li a { font-size: 14px; color: #fff; display: block; width: 116px; text-align: center; line-height: 30px; }

.navigate { display: none; background: #ffffff; position: fixed; left: 0; top: 0; width: 100%; z-index: 20; }

.nlogo { float: left; margin-top: 14px; display: block; width: 204px; height: auto; line-height: 1; }

.navigateri { float: right; }

.tels { display: none; position: fixed; right: 22px; bottom: 20px; z-index: 10; width: 70px; height: 70px; float: left; background: #e5e5e5 url(../images/tel1.png) center no-repeat; border-radius: 50%; }

.menubtn { width: 1.4rem; height: 1.3rem; background: #cccccc; float: right; position: relative; z-index: 20; }

.menubtn span { display: block; width: .66rem; height: 3px; position: absolute; left: 50%; margin-left: -.33rem; top: 50%; margin-top: -2px; 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; background-color: #969696; }

.menubtn span:after, .menubtn span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; left: 0; background-color: #969696; -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: -.25rem; -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 { bottom: -.25rem; -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 { bottom: 0px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.mtop { display: block; height: 69px; }

.menubox { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; z-index: 5; }

.menubg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.8); }

.menuwr { margin-right: 1.4rem; height: 100%; position: relative; }

.menulists { width: 100%; height: 100%; background: #3775c8; overflow-y: auto; }

.menulists.widhs { width: 33.3333%; transition: 0.4s; }

.menulists > li { border-bottom: 1px solid #60c2ee; }

.menulists > li.on > a { background: #e5e5e5; color: #323232; }

.menulists > li > a { display: block; position: relative; z-index: 5; text-align: center; height: 55px; line-height: 55px; color: #ffffff; font-size: .36rem; }

.levalmenu { position: absolute; left: 33.3333%; display: none; width: 66.6667%; top: 0; padding: 0; height: 100%; background: #e5e5e5; overflow-y: auto; }

.levalmenu > li { border-bottom: 1px solid #d2d2d2; }

.levalmenu > li > a { display: flex; align-items: center; padding-left: 30px; padding-right: 10px; color: #323232; font-size: 1.2em; height: 55px; line-height: 20px; }

.menuhot { width: 50%; box-sizing: border-box; position: absolute; left: 0; bottom: 30px; padding: 0 16px; font-size: .36rem; }

.menuhot b { display: block; color: #ffffff; margin-top: 10px; line-height: 1.5; font-weight: normal; }

.thresmenu { padding: 0; width: 100%; background: #ffffff; border-top: 2px solid #00a0e9; display: none; }

.thresmenu li { float: left; width: 33.3333%; }

.thresmenu li a { display: block; height: 55px; line-height: 55px; padding-left: 30px; color: #323232; font-size: 20px; }

/*footer*/
#footer { width: 100%; padding: 26px 0; border-top: 1px solid #dcdcdc; }

#footer .wrapper { width: 100%; margin: 0 auto; }

#footer .left { float: left; width: 80%; }

#footer .left p { color: #222; font-size: 12px; line-height: 28px; }

#footer .left p a { color: #222; font-size: 12px; }

#footer .right { float: right; font-size: 0; }

#footer .right a { color: #222; font-size: 28px; height: 28px; line-height: 28px; display: inline-block; }

#footer .right a + a { margin-left: 4px; }

#footer .right a:hover { color: #4487df; }

#footer-xs { display: none; padding: 0.6rem 2.6% 0.3467rem; background: #fbfbfb; }

#footer-xs .icons { font-size: 0; float: left; height: 1.3333rem; line-height: 1.3333rem; }

#footer-xs .icons a { color: #222; font-size: 0.8rem; }

#footer-xs .icons a.weixin { color: #4487df; }

#footer-xs .icons a + a { margin-left: 0.48rem; }

/*#footer-xs .yuyan{ float: right; height: 1.3333rem;line-height: 1.3333rem;}
#footer-xs .yuyan a{ color: #fff;font-size: 0.32rem;background: #222; display: inline-block;width: 1.44rem;height: 0.7067rem;text-align: center;line-height: 0.7067rem; }*/
#footer-xs .yuyan { float: right; width: 60%; height: 1.3333rem; line-height: 1.3333rem; text-align: right; }

#footer-xs .yuyan a { width: 1.9rem; display: inline-block; vertical-align: middle; padding-left: 1.1rem; line-height: 1.2rem; color: #666; text-align: left; font-size: 0.3933rem; }

#footer-xs .yuyan a.ch { background: url(images/ch.png) no-repeat left center; background-size: auto 0.65rem; }

#footer-xs .yuyan a + a { background: url(images/en.png) no-repeat left center; background-size: auto 0.65rem; margin-left: 7%; }

#header a.ch { float: left; background: url(images/ch.png) no-repeat 0.5rem center; background-size: auto 0.65rem; width: 1.9rem; display: none; vertical-align: middle; padding-left: 1.6rem; line-height: 1.44rem; color: #666; text-align: left; font-size: 0.3933rem; }

#header a.en { float: left; background: url(images/en.png) no-repeat 0.5rem center; background-size: auto 0.65rem; width: 1.9rem; display: none; vertical-align: middle; padding-left: 1.6rem; line-height: 1.44rem; color: #666; text-align: left; font-size: 0.3933rem; }

#footer-xs .bottom p { color: #666; font-size: 0.2933rem; padding-bottom: 6px; }

#footer-xs .bottom p a { color: #666; font-size: 0.2933rem; }

#footer-xs .bottom { padding-top: 10px; }

/*footer*/
.footer { position: relative; z-index: 2; background: #fff; }

.footer-tp { padding: 36px 2% 38px; background: #666; }

.address span { display: inline-block; color: #ffffff; font-size: 14px; float: left; margin-right: 4.9%; }

.links { float: right; margin: 0 20px 0 0; min-width: 80px; }

.links em { display: block; float: left; width: 21px; height: 21px; background: url(images/ball.png) center no-repeat; line-height: normal; }

.link { min-width: 60px; float: left; position: relative; }

.link b { display: block; padding-left: 12px; height: 21px; line-height: 21px; color: #ffffff; font-size: 12px; cursor: pointer; font-weight: normal; }

.link i { width: 10px; height: 7px; position: absolute; right: 2px; top: 7px; background: url(images/down.png) left center no-repeat; transition: 300ms linear; -o-transition: 300ms linear; -ms-transition: 300ms linear; -webkit-transition: 300ms linear; }

.link:hover b i { transform: rotate(180deg); }

.link-list { position: absolute; left: 0; bottom: 25px; background: #fff; display: none; }
.link-list li { white-space: nowrap; }
.link-list.hov { display: block; }

.link-list li a { display: block; line-height: 26px; color: #787878; font-size: 12px; padding: 0 12px; }

.link-list li a:hover { color: #4487df; }

.footer-bott { padding: 22px 2% 28px; }

.copy { float: left; }

.copy a { color: #a0a0a0; font-size: 14px; display: inline-block; margin-bottom: 16px; line-height: normal; }

.copy p a { display: inline-block; margin-right: 23px; margin-bottom: 0; font-size: 12px; }

.copy a:hover { color: #666; }

.inner { width: 100%; margin: 0px auto; }
.inner .left { float: left; width: calc(100% - 150px); line-height: 1.5; }

@media screen and (max-width: 750px) { .inner { width: 92%; }
  .links { clear: both; float: none; width: 100%; margin: 0; padding: 10px 0 0; }
  .link { width: 65px; }
  .Top-phoneNumber { display: none; } }
/*subbanner*/
#subbanner { width: 100%; overflow: hidden; position: relative; z-index: 1; text-align: center; margin: 86px 0 0; }
#subbanner img { width: 100%; min-height: 300px; }

@keyframes scroll_on22 { 0% { left: 0; }
  100% { left: 100%; } }
@keyframes scroll_on2 { 0% { opacity: 0; }
  100% { opacity: 1; } }
#subbanner :before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; z-index: 5; animation: scroll_on22 1s ease-in-out forwards; }

#subbanner figure { display: block; line-height: 1; overflow: hidden; }

#subbanner figure mark { display: block; padding-top: 0; padding-bottom: 0; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: transparent; filter: alpha(opacity=0); opacity: 0; animation: scroll_on2 1s ease-in-out forwards; }

.ptext { position: absolute; left: 50%; width: 8.4rem; margin-left: -535px; overflow: hidden; text-align: left; bottom: 25%; filter: alpha(opacity=0); opacity: 0; animation: scroll_on2 0.8s 0.3s ease-in-out forwards; }
.ptext.aboutus_ptext { bottom: 10%; margin-left: -4.2rem; text-align: center; }
.ptext .down_arrow { margin: 20px auto; width: 30px; }
.ptext .down_arrow img { max-width: 100%; height: auto; }

#subbanner .ptext .down_arrow img { min-height: auto; }

.ptext:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; animation: scroll_on22 0.8s 0.3s ease-in-out forwards; }

.ptext strong { display: inline-block; color: #fff; font-weight: bold; background: #00a0e9; padding: 0 14px; height: 46px; line-height: 46px; font-size: 35px; margin-bottom: 16px; }

.ptext small { display: block; color: #fff; font-weight: bold; line-height: 1; text-transform: uppercase; font-size: 28px; margin-bottom: 10px; }

.ptext span { display: block; color: #fff; font-size: 20px; line-height: 1; }

.levelnav { padding: 1px 0 0; background: #fff; }

.levallist { width: 1200px; margin: 0px auto; text-align: center; font-size: 0; }

.levallist li { display: inline-block; border-right: 1px solid #eeeeee; position: relative; }

.levallist li:first-child { border-left: 1px solid #eeeeee; }

.levallist li a { display: block; padding: 0 20px; white-space: nowrap; min-width: 150px; height: 70px; line-height: 70px; color: #000000; font-size: 18px; text-align: center; }

.levallist li a:before { content: ""; width: 100%; height: 4px; background: #06a4ee; position: absolute; left: 0; bottom: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }

.levallist li:hover a:before, .levallist 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; }

.atlas-box { padding: 120px 0 160px; background-attachment: fixed; background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%; }

.atlas { width: 1070px; margin: 0px auto; }

.atlasinfo { position: relative; z-index: 2; width: 23.8%; margin-left: 1.6%; float: left; }

.atlasinfo:first-child { margin-left: 0; position: relative; }

.atlasin li { position: relative; display: none; text-align: center; padding: 52px 0 56px; background: #fff; overflow: hidden; z-index: 5; }

.atlasin li:first-child { display: block; }

.atlasin li:before { content: ""; z-index: -1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #3775c8; filter: alpha(opacity=80); background: rgba(55, 117, 200, 0.8); -webkit-transition: -webkit-transform 0.64s cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-transform 0.64s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.64s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.64s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.64s cubic-bezier(0.215, 0.61, 0.355, 1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; }

.atlasin li:hover:before { transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9; }

.atlasin li figure:before { content: ""; width: 19px; height: 19px; background: url(images/add.png) center no-repeat; position: absolute; right: 15px; top: 16px; opacity: 0; visibility: hidden; transition: 0.45s; }

.atlasin li:hover figure:before { opacity: 1; visibility: visible; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }

.atlasin li .atlimg { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; width: 100%; }

.atlasin li b { display: block; width: 58px; height: 52px; position: relative; margin: auto; margin-bottom: 30px; }

.atlasin li b img { display: block; max-height: 100%; max-width: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: 0.38s; }

.atlasin li b img.hide { opacity: 0; visibility: hidden; }

.atlasin li:hover b img.show { opacity: 0; visibility: hidden; }

.atlasin li:hover b img.hide { opacity: 1; visibility: visible; display: block !important; }

.atlasin li span { display: block; text-align: center; line-height: 1; color: #000000; font-size: 18px; font-weight: bold; transition: 0.4s; }

.atlasin li:hover span { color: #fff; }

@media screen and (max-width: 1450px) { .atlas-box { padding: 200px 0; } }
/*pages*/
.pages { text-align: center; font-size: 0; margin-top: 4%; }

.pages a { transition: all ease-out .3s; display: inline-block; width: 34px; line-height: 34px; line-height: 34px; text-align: center; border: 1px solid #4487df; color: #4487df; font-size: 14px; }

.pages a + a { margin-left: 20px; }

.pages a.on, .pages a:hover { background: #4487df; color: #fff; }

.Top-phoneNumber { position: fixed; top: 0; width: 100%; height: 30px; background: #131313; line-height: 30px; z-index: 16; }

.Top-phoneNumber .PNbox { font-size: 12px; color: rgba(255, 255, 255, 0.3); width: 320px; float: right; line-height: 30px; }

.Top-phoneNumber .Number { font-size: 18px; color: rgba(255, 255, 255, 0.6); margin-left: 15px; }

.Top-phoneNumber .cn, .Top-phoneNumber .en { float: right; display: inline-block; margin: 6px 10px 0; height: 20px; width: 28px; background: url(images/ch.png) no-repeat center center; }

.Top-phoneNumber .en { background-image: url(images/en.png); }

.Top-phoneNumber .dt { float: right; color: rgba(255, 255, 255, 0.3); padding-left: 45px; padding-right: 15px; position: relative; background: url(images/webMap.png) no-repeat left center; }

.Top-phoneNumber .dt:after { content: ""; position: absolute; border-left: 5px solid rgba(255, 255, 255, 0.3); border-top: 4px solid transparent; border-bottom: 4px solid transparent; top: 50%; margin-top: -4px; right: 5px; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-loading .slick-list { background: #00865e url(images/loader.gif) center center no-repeat; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.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; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }

.slick-dots li button:focus { outline: none; }

.bannerBox { position: relative; padding-top: 86px; overflow: hidden; background-color: rgba(0, 0, 0, 0.45); width: 100%; height: 100%; box-sizing: content-box; }

.banner { position: relative; overflow: hidden; width: 100%; z-index: 0; background-color: #efefef; }

.banner .pimg { width: 100%; display: none; }

.banner .bimg { width: 100%; display: block; position: absolute; left: 0px; top: 0px; }

.banner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.banner .item 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; }

.banner .slick-active .bimg { visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: scaleUpDown 6s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.binbox { position: absolute; width: 84%; left: 8%; bottom: 0px; background-color: #fff; border-bottom: 1px solid #eaeaea; height: 96px; -webkit-transform-origin: center bottom 0; -ms-transform-origin: center bottom 0; transform-origin: center bottom 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; transition: transform 0.4s ease 0s; -webkit-transition: transform 0.4s ease 0s; -ms-transition: transform 0.4s ease 0s; }

.binboxAct { -webkit-transform: perspective(600px) rotateX(90deg); -ms-transform: perspective(600px) rotateX(90deg); transform: perspective(600px) rotateX(90deg); transition: visibility 0.4s steps(1, end) 0s, transform 0.4s ease 0s; -webkit-transition: visibility 0.4s steps(1, end) 0s, transform 0.4s ease 0s; -ms-transition: visibility 0.4s steps(1, end) 0s, transform 0.4s ease 0s; visibility: hidden; }

.no-transition .binboxAct { transition: none 0s ease 0s; }

.boxC { width: 90%; position: absolute; left: 5%; top: 28%; text-align: center; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

.boxC p { overflow: hidden; }

.boxC .en { overflow: hidden; font-size: 40px; line-height: 1; font-weight: bold; }

.boxC .zh { font-size: 35px; line-height: 1; overflow: hidden; margin: 20px 0px 30px; }

.boxC .moreBox { line-height: 1.5; font-size: 35px; }

.boxC .moreBox .bot { width: 0px; height: 2px; overflow: hidden; background-color: #fff; margin: 0px auto 3%; display: block; }

.boxC .en span, .boxC .zh span { display: block; opacity: 0; transform: translate(0px, 100%); -webkit-transform: translate(0px, 100%); }

.boxC .moreBox { display: block; opacity: 0; transform: translate(0px, 50%); -webkit-transform: translate(0px, 50%); }

.slick-active .boxC .en span { -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -ms-transition: all 0.5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.2s; transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; }

.slick-active .boxC .zh span { -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; -ms-transition: all 0.5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.4s; transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; }

.slick-active .boxC .moreBox { -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; -ms-transition: all 0.5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.5s; transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; }

.slick-active .boxC .zh span, .slick-active .boxC .en span, .slick-active .boxC .moreBox { opacity: 1; transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); }

.bannerBox .slick-dots { bottom: 3%; z-index: 1000; }

.bannerBox .slick-dots li { margin: 0px 7px; position: relative; width: 8px; height: 8px; display: inline-block; transition: 300ms; -webkit-transition: 300ms; }

.bannerBox .slick-dots a { width: 8px; height: 8px; overflow: hidden; display: block; border: 2px #333 solid; border-radius: 50%; background: none; text-indent: -2em; }

.bannerBox .slick-dots li.slick-active a { border-color: #4487df; background: #4487df; }

@-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
/*about*/
.indexContent { width: 100%; overflow: hidden; }

.indexContent .about { padding-top: 0; padding-bottom: 4.68%; }

.indexContent .about .more { border: 1px solid #c4c4c4; width: 182px; height: 54px; line-height: 54px; text-align: center; color: #222; font-family: 'AvenirLTStd'; font-size: 14px; display: block; margin: 0 auto; transition: 600ms; -webkit-transition: 600ms; }
.indexContent .about .more:hover { color: #fff; background-color: #4487df; border-color: #4487df; }

.indexContent .about .headTitle { width: 1394px; margin: 0 auto 30px; text-align: center; }

.indexContent .about .headTitle .title { margin-bottom: 30px; font-size: 30px; color: #222; }

.indexContent .line { width: 100%; height: 30px; margin: 0 auto; display: block; }

.indexContent .about .headTitle p { font-size: 14px; color: #666; line-height: 30px; }

.indexContent .about .content { margin-top: 2%; margin-bottom: 3%; }

.indexContent .about .content .left { padding: 0; }

.indexContent .about .content .left li { width: 50%; padding: 9% 5.6%; float: left; }

.indexContent .about .content .left li.a { background: #4487df; }

.indexContent .about .content .left li.b { background: #fff; }

.indexContent .about .content .left li.c { background: #222; }

.indexContent .about .content .left li p { color: #fff; text-align: center; width: 96%; margin: 0 auto; }

.indexContent .about .content .left li.b p { color: #222; }

.indexContent .about .content .left .iconfont { font-size: 48px; }

.indexContent .about .content .left .title { font-size: 20px; margin-bottom: 3.3%; }

.indexContent .about .content .left .description { font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; }

.indexContent .about .content .right { position: relative; padding: 0; }

.indexContent .about .content .right .img { height: 100%; width: 100%; }

.indexContent .about .content .right .title { position: absolute; top: 18%; text-align: center; left: 0; color: #222; font-size: 30px; z-index: 99; width: 100%; }

.about-xs { display: none; width: 100%; overflow: hidden; margin-bottom: 0.8533rem; margin-top: 0.8533rem; position: relative; }

.about-xs li { background: #4487df; width: 100%; padding: 0.6667rem 0.7733rem 0.8rem; }

.about-xs li p { color: #fff; text-align: center; }

.about-xs li .iconfont { font-size: 0.8rem; }

.about-xs li .title { font-size: 0.3733rem; }

.about-xs li .description { font-size: 0.32rem; line-height: 20px; margin-top: 0.2667rem; height: 40px; }

.about-xs .swiper-button-prev { width: 0.4533rem; height: 0.88rem; position: absolute; z-index: 99; left: 0.4rem; top: 50%; margin-top: -0.44rem; background: url(images/left.png) no-repeat center; background-size: 0.4533rem 0.88rem; }

.about-xs .swiper-button-next { width: 0.4533rem; height: 0.88rem; position: absolute; z-index: 99; right: 0.4rem; top: 50%; margin-top: -0.44rem; background: url(images/right.png) no-repeat center; background-size: 0.4533rem 0.88rem; }

.about-product { display: none; position: relative; }

.about-product img { width: 100%; height: auto; }

.about-product .title { position: absolute; top: 1.8133rem; width: 100%; left: 0; text-align: center; }

.about-product .title .t { color: #222; font-size: 0.4533rem; }

.about-product .title .line { width: 0.9867rem; height: 3px; background: #4487df; margin: 2px auto 0; }

/*新闻中心*/
.indexContent .news .left { padding: 0; }

.indexContent .news .left .img { width: 100%; height: 100%; }

.indexContent .news .left .title { position: absolute; top: 10%; width: 100%; text-align: center; left: 0; z-index: 9; color: #222; font-size: 34px; }

.indexContent .news .right { padding: 0 0 2.7% 0; }

.indexContent .news .right .mainTitle { text-align: center; color: #222; font-size: 30px; padding-top: 6.56%; margin-bottom: 4.4%; }

.indexContent .news .right li + li { border-top: 1px solid #dcdcdc; }

.indexContent .news .right li a { padding: 20px 16.6%; display: block; transition: all 0.3s linear; }

.indexContent .news .right li .time { float: left; width: 112px; }

.indexContent .news .right li .time .t { line-height: 50px; color: #a2a1a1; font-size: 40px; text-align: right; }

.indexContent .news .right li .time .y { text-align: right; color: #a2a1a1; font-size: 12px; }

.indexContent .news .right li .state { overflow: hidden; padding-left: 28px; }

.indexContent .news .right li .state .title { color: #222; font-size: 16px; margin-bottom: 8px; }

.indexContent .news .right li .state .description { color: #666; font-size: 14px; line-height: 24px; height: 48px; }

.indexContent .news .right li a:hover { background: #4487df; }

.indexContent .news .right li a:hover .time p { color: #fff; }

.indexContent .news .right li a:hover .state p { color: #fff; }

.indexContent .news .more { transition: all 0.3s linear; display: block; width: 182px; height: 54px; text-align: center; font-family: 'AvenirLTStd'; line-height: 54px; border: 1px solid #c4c4c4; color: #222; font-size: 14px; margin: 20px auto 0; }

.indexContent .news .more:hover { background: #4487df; color: #fff; border: 1px solid #4487df; }

.news-xs { display: none; padding: 0.5rem 2.6%; }

.news-xs .headTitle { text-align: center; }

.news-xs .headTitle .t { color: #222; font-size: 0.4533rem; }

.news-xs .headTitle .line { width: 0.9867rem; height: 3px; background: #4487df; margin: 4px auto 0; }

.news-xs li { margin-bottom: 0.7733rem; }

.news-xs li .time { color: #9e9e9e; font-size: 0.2667rem; line-height: 0.48rem; }

.news-xs li .title { color: #222; font-size: 0.3733rem; line-height: 0.48rem; padding-bottom: 0.2rem; border-bottom: 1px solid #e7e7e7; }

.news-xs li .description { color: #666; font-size: 0.32rem; line-height: 0.5067rem; margin-top: 0.2rem; }

.news-xs .more { border: 1px solid #c4c4c4; width: 2.6667rem; height: 0.72rem; line-height: 0.72rem; text-align: center; color: #222; font-size: 0.32rem; display: block; margin: 1rem auto; }

.case-xs { display: none; width: 100%; position: relative; }

.case-xs img { width: 100%; height: auto; }

.case-xs .title { text-align: center; position: absolute; top: 17.6%; width: 100%; left: 0; z-index: 9; }

.case-xs .title .t { color: #222; font-size: 0.4533rem; }

.case-xs .title .line { width: 0.9867rem; height: 3px; background: #4487df; margin: 4px auto 0; }

/*contact*/
.contact { padding: 5% 0 2.5%; width: 100%; overflow: hidden; }

.contact .wrapper { width: 1374px; margin: 0 auto; }

.contact .left { padding: 0; }

.contact .left h2 { font-family: 'AvenirLTStd'; color: #222; font-size: 24px; font-weight: normal; margin-bottom: 20px; }

.contact .left p { color: #222; font-size: 14px; line-height: 42px; padding-left: 36px; font-family: '微软雅黑'; }

.contact .left .phone { background: url(images/phone.png) no-repeat left center; }

.contact .left .printer { background: url(images/printer.png) no-repeat left center; }

.contact .left .mail { background: url(images/mail.png) no-repeat left center; }

.contact .left .addr { background: url(images/ditu.png) no-repeat left center; }

.contact .right { padding: 0; }

.contact .right .info + .info { margin-top: 7%; }

.contact .right .info div { width: 47.6%; }

.contact .right .info .name { float: left; }

.contact .right .info .mail { float: right; }

.contact .right .info input { border: none; border-bottom: 1px solid #bfbfbf; height: 56px; line-height: 56px; outline: none; width: 100%; color: #666; font-size: 14px; }

.contact .right .info textarea { width: 100%; height: 115px; border: none; border-bottom: 1px solid #bfbfbf; color: #666; font-size: 14px; }

.contact .right .submit { text-align: right; margin-top: 8%; }

.contact .right .submit input { width: 183px; height: 53px; line-height: 53px; text-align: center; background: #4487df; outline: none; border: none; color: #fff; font-size: 14px; }

.contact .headTitle { display: none; text-align: center; margin-bottom: 0.7733rem; }

.contact .headTitle .t { color: #222; font-size: 0.4533rem; }

.contact .headTitle .line { width: 0.9867rem; height: 3px; background: #4487df; margin: 4px auto 0; }

.contact0 { padding-top: 0; padding-bottom: 0; }

.contact0 .bottom-con { border-top: 1px solid #e1e1e1; padding-top: 7.2%; margin-top: 7%; }

.contact0 .bottom-con .list { margin-bottom: 20px; }

.contact0 .bottom-con .list .title { color: #222; font-size: 18px; }

.contact0 .bottom-con .list .etitle { color: #999; font-size: 12px; margin-bottom: 32px; }

.contact0 .bottom-con .list .tel { line-height: 24px; color: #222; font-size: 14px; padding-left: 36px; background: url(../images/phone.png) no-repeat left center; }

.contact0 .bottom-con .list .addr { margin-top: 10px; }

.contact0 .bottom-con .list .addr .a { background: url(../images/ditu.png) no-repeat left center; float: left; display: block; width: 36px; height: 28px; }

.contact0 .bottom-con .list .addr .b { color: #222; font-size: 14px; line-height: 24px; display: block; overflow: hidden; height: 48px; }

/*inpage*/
.inpage { width: 100%; padding: 0 0 4.8%; }
.inpage .levelnav.product_detail{margin: 0 0 40px;}
.inpage .location { margin: 0; padding: 0; height: 42px; line-height: 42px; background: #a0a0a0; font-size: 14px; color: #fff; text-align: right; }
.inpage .location p { padding: 0 20px; float: right; background: url(images/icon_location.png) 0 center no-repeat; }
.inpage .location a { display: inline-block; vertical-align: bottom; color: #fff; }

.inpage .titleBar { text-align: center; color: #222; font-size: 30px; margin-bottom: 1.56%; }

.inpage .tabs { text-align: center; font-size: 0; }

.inpage .tabs a { color: #666; font-size: 16px; display: inline-block; padding-bottom: 12px; border-bottom: 3px solid #fff; transition: all ease-out .3s; }

.inpage .tabs a.on, .inpage .tabs a:hover { border-bottom: 3px solid #4487df; color: #4487df; }

.inpage .tabs a + a { margin-left: 36px; }

/*产品中心*/
.inpage .product, .inpage .product-detail { width: 1200px; margin: 0 auto; padding-top: 40px; }
.inpage .product > .tabs ul, .inpage .product-detail > .tabs ul { display: flex; flex-direction: row; justify-content: space-around; padding: 0; }
.inpage .product > .tabs ul .product_class, .inpage .product-detail > .tabs ul .product_class { margin: 20px 0; width: 16%; height: 110px; border: 1px #999 solid; animation-name: fadeInUp; background: #fff; font-weight: bold; }
.inpage .product > .tabs ul .product_class i, .inpage .product-detail > .tabs ul .product_class i { display: block; height: 75px; background-position: center center; background-repeat: no-repeat; }
.inpage .product > .tabs ul .product_class.product_class1, .inpage .product > .tabs ul .product_class.product_class5, .inpage .product-detail > .tabs ul .product_class.product_class1, .inpage .product-detail > .tabs ul .product_class.product_class5 { animation-delay: 0s; }
.inpage .product > .tabs ul .product_class.product_class1 i, .inpage .product > .tabs ul .product_class.product_class5 i, .inpage .product-detail > .tabs ul .product_class.product_class1 i, .inpage .product-detail > .tabs ul .product_class.product_class5 i { background-image: url(images/atlas1.png); }
.inpage .product > .tabs ul .product_class.product_class2, .inpage .product-detail > .tabs ul .product_class.product_class2 { animation-delay: 0.1s; }
.inpage .product > .tabs ul .product_class.product_class2 i, .inpage .product-detail > .tabs ul .product_class.product_class2 i { background-image: url(images/atlas2.png); }
.inpage .product > .tabs ul .product_class.product_class3, .inpage .product > .tabs ul .product_class.product_class6, .inpage .product-detail > .tabs ul .product_class.product_class3, .inpage .product-detail > .tabs ul .product_class.product_class6 { animation-delay: 0.2s; }
.inpage .product > .tabs ul .product_class.product_class3 i, .inpage .product > .tabs ul .product_class.product_class6 i, .inpage .product-detail > .tabs ul .product_class.product_class3 i, .inpage .product-detail > .tabs ul .product_class.product_class6 i { background-image: url(images/atlas3.png); }
.inpage .product > .tabs ul .product_class.product_class4, .inpage .product-detail > .tabs ul .product_class.product_class4 { animation-delay: 0.3s; }
.inpage .product > .tabs ul .product_class.product_class4 i, .inpage .product-detail > .tabs ul .product_class.product_class4 i { background-image: url(images/atlas4.png); }
.inpage .product > .tabs ul .product_class.product_class5, .inpage .product-detail > .tabs ul .product_class.product_class5 { animation-delay: 0.4s; }
.inpage .product > .tabs ul .product_class.product_class6, .inpage .product-detail > .tabs ul .product_class.product_class6 { animation-delay: 0.5s; }
.inpage .product > .tabs ul .product_class.wow, .inpage .product-detail > .tabs ul .product_class.wow { visibility: hidden; }
.inpage .product > .tabs ul .product_class a, .inpage .product-detail > .tabs ul .product_class a { margin: 0; padding: 0; border: none; overflow: hidden; }
.inpage .product > .tabs ul .product_class a i, .inpage .product-detail > .tabs ul .product_class a i { transition: all ease-out .3s; }
.inpage .product > .tabs ul .product_class a:hover, .inpage .product-detail > .tabs ul .product_class a:hover { font-size: 18px; }
.inpage .product > .tabs ul .product_class a:hover i, .inpage .product-detail > .tabs ul .product_class a:hover i { margin: 10px 0 5px; height: 65px; background-position: center 5px; transform: rotate(360deg); }

.inpage .product li { float: left; }
.inpage .product li a { display: block; width: 100%; height: 100%; transition: all ease-out .3s; padding: 25px 38px; }
.inpage .product li .pic { text-align: center; }
.inpage .product li .pic img { width: 100%; }
.inpage .product li .state { text-align: center; }
.inpage .product li .state .title { color: #666; font-size: 18px; transition: all ease-out .3s; }
.inpage .product li .state .subtitle { height: 40px; overflow: hidden; color: #fff; font-size: 14px; line-height: 20px; margin-bottom: 16px; }
.inpage .product li .more { display: block; margin: 0 auto; color: #fff; font-size: 14px; width: 50%; height: 40px; line-height: 40px; text-align: center; border: 1px #fff solid; }
.inpage .product li a:hover .state .title, .inpage .product li a:hover .state .subtitle, .inpage .product li a:hover .more { color: #fff; }

.inpage .product .tabs ul, .inpage .product-detail .tabs ul { text-align: center; }
.inpage .product .tabs li, .inpage .product-detail .tabs li { position: relative; float: none; display: inline-block; box-sizing: content-box; font-size: 14px; }
.inpage .product .tabs li a, .inpage .product-detail .tabs li a { margin: 0 0.3rem; padding: 0 0 5px; width: auto; }
.inpage .product .tabs li a:hover, .inpage .product-detail .tabs li a:hover { background: none; }
.inpage .product .tabs li .subtabs, .inpage .product-detail .tabs li .subtabs { position: absolute; left: 0; right: 0; z-index: 2; padding-top: 40px; text-align: center; opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.inpage .product .tabs li .subtabs a, .inpage .product-detail .tabs li .subtabs a { display: inline-block; padding-top: 5px; padding-bottom: 5px; font-size: 14px; border-bottom-width: 2px; }
.inpage .product .tabs .on + .subtabs, .inpage .product-detail .tabs .on + .subtabs { opacity: 1; filter: alpha(opacity=100); visibility: visible; }

.inpage .product .content ul { padding: 30px 0 0; background: #f5f5f5; }
.inpage .product .content li { position: relative; float: left; width: 23%; height: 234px; overflow: hidden; margin: 0 1% 30px; padding: 0; border: 1px #ccc solid; background: #fff; }
.inpage .product .content li .state { position: absolute; left: 0; top: 202px; z-index: 3; width: 100%; transition: all ease-out .3s; }
.inpage .product .content li .more { position: absolute; left: 25%; top: 300px; z-index: 3; transition: all ease-out .3s; }
.inpage .product .content li a:after { position: absolute; left: 0; top: 194px; z-index: 2; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.4); transition: all ease-out .3s; }
.inpage .product .content li a:hover .state { top: 80px; }
.inpage .product .content li a:hover .state .title { font-size: 25px; }
.inpage .product .content li a:hover .more { top: 150px; transition: all ease-out .3s; }
.inpage .product .content li a .more:hover{ background: #fff; color: #3775c8;}
.inpage .product .content li a:hover:after { top: 0; }

/*产品详情*/
.product-detail .product-detail-top { padding: 0 0 50px; }
.product-detail .product-detail-top .left { float: left; width: calc(45% - 10px); height: 400px; margin: 0 0 0 10px; padding: 20px 0; box-sizing: border-box; border: 1px #ccc solid; position: relative; }
.product-detail .product-detail-top .right { float: right; padding: 0 30px; width: 55%; font-size: 14px; }
.product-detail .product-detail-top .right h3 { padding: 0 0 20px; font-size: 25px; color: #3775c8;}
.product-detail .product-detail-top .swiper-container { width: 100%; height: 100%; }
.product-detail .product-detail-top .swiper-slide { text-align: center; font-size: 18px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.product-detail .product-detail-top .swiper-slide img { max-width: 100%; max-height: 100%; }

.product-detail .top .pstate { padding: 2% 6% 2% 9%; background: #4487df; }

.product-detail .top .pstate .pic { float: left; width: 30%; min-width: 150px; }

.product-detail .top .pstate .pic img { width: 100%; height: auto; }

.product-detail .top .pstate .pinfo { overflow: hidden; padding-left: 7.5%; padding-top: 7%; }

.product-detail .top .pstate .pinfo .title { color: #fff; font-size: 30px; line-height: 40px; }

.product-detail .top .pstate .pinfo .subtitle { color: #fff; font-size: 30px; line-height: 40px; }

.product-detail .top .pstate .pinfo .list { margin-top: 20px; }

.product-detail .top .pstate .pinfo .list p { color: #fff; font-size: 14px; line-height: 24px; }

.product-detail .top .pgood { padding: 0; position: relative; }

.product-detail .top .pgood img { width: 100%; height: 100%; }

.product-detail .top .pgood .ptitle { position: absolute; text-align: center; width: 100%; height: 76px; top: 50%; margin-top: -38px; }

.product-detail .top .pgood .ptitle .title { color: #666; font-size: 20px; }

.product-detail .top .pgood .ptitle .subtitle { color: #222; font-size: 30px; }

.product-detail .menu { margin-top: 0; font-size: 14px; }
.product-detail .menu a:hover { color: #0055b1; }

/*产品优势*/
.advantage li { text-align: center; padding: 1.8% 14px; }

.advantage li .iconfont { font-size: 56px; text-align: center; height: 64px; line-height: 64px; }

.advantage li .title { font-size: 20px; margin-bottom: 20px; margin-top: 10px; }

.advantage li .description { font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; }

.advantage li:nth-child(odd) .iconfont, .advantage li:nth-child(odd) .title, .advantage li:nth-child(odd) .description { color: #fff; }

.advantage li:nth-child(even) .iconfont, .advantage li:nth-child(even) .title, .advantage li:nth-child(even) .description { color: #222; }

.advantage li:nth-child(odd) { background: #222; }

.advantage li:nth-child(even) { background: #f8f8f8; }

.advantage li:nth-child(5) { background: #4487df; }

.product-detail-xs { display: none; padding: 5% 3.2% 0; }

.advantage-xs { position: relative; width: 100%; overflow: hidden; margin-bottom: 8%; }

.advantage-xs2 { position: relative; }

.advantage-xs li { text-align: center; background: #4487df; padding: 7% 8%; }

.advantage-xs li .iconfont { color: #fff; font-size: 0.64rem; }

.advantage-xs li .title { color: #fff; font-size: 0.3733rem; margin-bottom: 4px; }

.advantage-xs li .description { color: #fff; font-size: 0.32rem; line-height: 0.5067rem; height: 1.0133rem; }

.advantage-xs .swiper-button-prev { width: 0.4533rem; height: 0.88rem; position: absolute; z-index: 99; left: 0.4rem; top: 50%; margin-top: -0.44rem; background: url(images/left.png) no-repeat center; background-size: 0.4533rem 0.88rem; }

.advantage-xs .swiper-button-next { width: 0.4533rem; height: 0.88rem; position: absolute; z-index: 99; right: 0.4rem; top: 50%; margin-top: -0.44rem; background: url(images/right.png) no-repeat center; background-size: 0.4533rem 0.88rem; }

.product-detail-xs .ptitle { text-align: center; color: #222; font-size: 0.3733rem; font-weight: bold; margin-bottom: 8.8%; }

.product-detail-xs .pimg { text-align: center; margin-bottom: 7.7%; padding: 0 0.5333rem; }

.product-detail-xs .pimg img { max-width: 100%; height: auto; }

.product-detail-xs .pinfo { padding: 0 0.5333rem; margin-bottom: 8%; }

.product-detail-xs .pinfo p { color: #666; font-size: 0.32rem; line-height: 0.5067rem; }

.pdetail { display: none; width: 97.5%; margin: 0 auto; }
.pdetail .t_c { text-align: center; }
.pdetail img { margin: 20px 0; }
.pdetail p { font-size: 14px; line-height: 2; text-align: justify; }

.product-detail .pt { text-align: center; color: #222; font-size: 30px; margin-bottom: 30px; margin-top: 20px; }

.pdetail table { width: 100%; }

.pdetail th { color: #222; font-size: 16px; height: 70px; text-align: center; }

.pdetail th + th { border-left: 1px solid #cecece; }

.pdetail tr + tr { border-top: 1px solid #cecece; }

.pdetail td + td { border-left: 1px solid #cecece; }

.pdetail td {  }

.pdetail .a { width: 210px; }

.pdetail .b { width: 110px; }

.pdetail .c { width: 170px; }

.pdetail tr td.on { border-right: 1px solid #4487df; border-left: 1px solid #4487df; }

.pdetail tr.hh td.on { border-right: 1px solid #4487df; border-left: 1px solid #4487df; }

.pdetail tr th.on { border-right: 1px solid #4487df; border-left: 1px solid #4487df; }

.product-detail-xs .pdetail img { max-width: 100%; height: auto; }

.pdetail tr.hh td { border: none; }

.pdetail tr.hh td:nth-child(1) { font-weight: bold; font-size: 16px; color: #222; }

/*发展历程*/
.history .content { width: 1200px; margin: 0 auto; }

.history .content ul { border: 1px solid #ebebeb; border-top: 4px solid #4487df; padding-right: 50px; }

.history .content li:last-child .state { padding-bottom: 70px; }

.history .content li .year { min-width: 80px; padding-top: 80px; line-height: 30px; float: left; width: 13%; background: #f4f4f4; text-align: center; color: #4c4646; font-weight: bold; font-size: 18px; }

.history .content li .state { padding-top: 40px; overflow: hidden; padding-left: 20px; }

.history .content li .state p { color: #656665; font-size: 16px; line-height: 30px; }

.history2 .content li .year { background: #fff; }

.history2 .content ul { border: none; border-top: 4px solid #4487df; color: #666; font-size: 14px; line-height: 24px; padding: 50px 0 0 0; }

/*工程案例*/
.inpage .case .content { width: 1200px; margin: 40px auto 0; }
.inpage .case .content ul { margin: 4.8% 0 0; background: #F5F5F5; }

.inpage .case .content li { margin: 2.5% 0 0; padding: 0 10px; }

.inpage .case .content li .pic { width: 100%; overflow: hidden; }

.inpage .case .content li .pic img { width: 100%; height: auto; }

.inpage .case .content li .state { height: 167px; overflow: hidden; text-align: center; background: #f7f7f7; padding: 20px 10px 60px; transition: all ease-out .3s; }

.inpage .case .content li .state .title { color: #666; font-size: 16px; margin-bottom: 6px; margin-top: 30px; transition: all ease-out .3s; }

.inpage .case .content li .state .subtitle { color: #222; font-size: 18px; }

.inpage .case .content li .more { opacity: 0; filter: alpha(opacity=0); visibility: hidden; transition: all ease-out .3s; text-transform: uppercase; position: absolute; bottom: 0; left: 50%; margin-left: -77px; width: 154px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #4487df; color: #4487df; font-size: 14px; }

.inpage .case .content li a:hover .more { opacity: 1; filter: alpha(opacity=100); visibility: visible; bottom: 28px; }

.inpage .case .content li a:hover .state { margin-top: 0; padding-bottom: 90px; }

.inpage .case .content li a:hover .state .title { margin-top: 0; color: #4487df; }

.inpage .case .content li a:hover .state .subtitle { color: #4487df; }

/*案例详情*/
.case-detail { padding: 30px 0 0; }

.case-detail .content { width: 1200px; margin: 40px auto 0; }

.case-detail .img { margin-bottom: 4%; }

.case-detail .img-left { float: left; width: 61.6%; }

.case-detail .img-left img { width: auto; height: 500px; }

.case-detail .img-right { text-align: center; float: right; width: 37%; }

.case-detail .img-right img { width: 100%; height: 360px; }

.case-detail .img-right img + img { margin-top: 20px; }

.case-detail h2.dtitle { color: #222; font-size: 18px; margin-bottom: 20px; }

.case-detail .detail-con { padding-bottom: 6%; border-bottom: 1px solid #eee; }

.case-detail .detail-con p { color: #666; font-size: 14px; line-height: 24px; }

.case-detail .detail-con img { max-width: 100%; }

.switch { margin-top: 4.1%; position: relative; }

.switch a { display: block; color: #666; font-size: 16px; line-height: 50px; }

.switch a:hover { color: #4487df; }

.switch .return { position: absolute; right: 0; width: 182px; height: 54px; line-height: 54px; text-align: center; background: #4487df; color: #fff; font-size: 14px; top: 0; }

.switch .return:hover { color: #fff; }

/*关于我们*/
.inpage .about .advantage li:nth-child(1) { background: #4487df; }

.inpage .about .advantage li:nth-child(5) { background: #4487df; }

.inpage .about .advantage li:nth-child(3) { background: #222; }

.inpage .about .top-con { margin: 0 auto; width: 1200px; }
.inpage .about .top-con.shadow { margin: 40px auto 80px; padding: 30px; box-shadow: 0px 0px 8px 7px #ededed; background: #fff; }
.inpage .about .top-con.aboutus_img { margin: 40px auto 0; }
.inpage .about .top-con:last-child { margin-bottom: 0; }

.inpage .about .top-con p { color: #666; font-size: 14px; line-height: 30px; }

.inpage .about .top-con img { max-width: 100%; }

.inpage .about .atitle { text-align: center; color: #222; font-size: 26px; margin-bottom: 3.3%; margin-top: 5.7%; }

.inpage .about .bottom-con { font-size: 0; width: 1394px; margin: 0 auto; }

.inpage .about .bottom-con span { display: inline-block; width: 100%; color: #666; font-size: 14px; line-height: 30px; }

/*常见问题*/
.question .content { width: 1200px; margin: 0 auto; }

.question li { border-bottom: 1px solid #ebebeb; }

.question li .num { float: left; width: 176px; background: #f4f4f4; text-align: center; color: #4c4646; font-size: 24px; font-weight: bold; }

.question li:nth-child(even) .num { background: #e8e8e8; }

.question li .state { overflow: hidden; padding-left: 20px; padding-top: 3.2%; padding-bottom: 3%; width: 59%; margin: 50px auto 0; }

.question li .state .q { color: #222; font-size: 16px; font-weight: bold; margin-bottom: 2%; }

.question li .state .a { color: #656665; font-size: 14px; line-height: 30px; }

.question0 li { border-bottom: none; }

.question li .state .q { color: #333; font-size: 18px; padding-bottom: 4%; }

/*品牌故事*/
.story { width: 1200px; margin: 0 auto; }

.story .sTitle .title { color: #222; font-size: 30px; }

.story .sTitle .etitle { color: #999; font-size: 14px; text-transform: uppercase; }

.story h3.t { color: #222; font-size: 24px; margin: 4% 0 3%; }

.story .content .description { color: #666; font-size: 14px; line-height: 24px; margin-bottom: 3.65%; }

.story .content2 li { margin-bottom: 3%; }

.story .content2 li div:nth-child(1) { float: left; }

.story .content2 li div:nth-child(2) { overflow: hidden; }

.story .content2 li .state { background: #4487df; width: 38%; position: relative; }

.story .content2 li .pic { width: 62%; }

.story .content2 li .pic img { width: 100%; height: auto; }

.story .content2 li .state .ww { position: absolute; bottom: 40px; padding-left: 5%; width: 100%; left: 0; }

.story .content2 li .state p { color: #fff; font-size: 20px; line-height: 36px; }

.story .content .list { margin-bottom: 3.65%; }

.story .content .list .state { position: relative; background: #4487df; float: left; width: 235px; }

.story .content .list .state .ww { position: absolute; width: 100%; left: 0; bottom: 32%; height: 72px; }

.story .content .list .state p { color: #fff; font-size: 20px; line-height: 36px; padding-left: 24px; }

.story .content .list .img { overflow: hidden; }

.story .content .list .img img { width: 100%; height: auto; }

.story .content .list2 .img { text-align: right; }

.story .content .list2 .img img { width: 48%; height: auto; }

.story .content .list2 .img img + img { margin-left: 2%; }

.story .con p { color: #666; font-size: 14px; line-height: 24px; }

/*人才招聘*/
.join { width: 1200px; margin: 0 auto; }

.join .top { border-bottom: 1px solid #ebebeb; padding-bottom: 2%; position: relative; }

.join .top p { color: #4487df; font-size: 18px; }

.join .top .open { position: absolute; right: 0; top: 0; width: 27px; height: 27px; background: url(../images/jia.png) no-repeat center; transition: all ease-out .3s; }

.join .con p { color: #666; font-size: 14px; line-height: 30px; }

.join .con .t { margin-top: 2.2%; }

.join .con li { color: #666; font-size: 14px; line-height: 30px; }

.join .list + .list { margin-top: 4.4%; }

.join .con { display: none; }

.join .con.on { display: block; }

.join .top .open.on { background: url(../images/open.png) no-repeat center; }

/*新闻中心*/
.inpage .news { width: 1200px; margin: 0 auto; }

.inpage .news .content { padding-top: 40px; }
.inpage .news .content li { margin-bottom: 2%; }
.inpage .news .content li a { display: block; padding: 10px; border: 1px solid #e8e8e8; transition: all 0.3s ease-out 0s; border-radius: 4px; background-color: white; }
.inpage .news .content li a:hover { box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1); transform: translateY(-8px); }
.inpage .news .content li a:hover .state { padding: 0 1% 1%; }
.inpage .news .content li a:hover .state_anim { padding: 30px 20px; border-color: #000; }

.inpage .news .time { width: 114px; text-align: right; float: left; padding-top: 4.2%; }

.inpage .news .time .t { line-height: 50px; color: #a2a1a1; font-size: 40px; }

.inpage .news .time .y { color: #a2a1a1; font-size: 12px; }

.inpage .news .pic { float: left; padding-left: 5.6%; width: 33%; }

.inpage .news .pic img { width: 100%; height: auto; max-height: 222px; }

.inpage .news .state { padding: 1% 1% 2% 2%; overflow: hidden; transition: all 0.3s ease-out 0s; }
.inpage .news .state .state_anim { padding: 20px; border: 1px solid #eee; transition: all 0.3s ease-out 0s; }

.inpage .news .state .title { color: #222; font-size: 16px; margin-bottom: 2%; }

.inpage .news .state .description { color: #666; font-size: 14px; line-height: 24px; }

.inpage .news li a:hover .state .title { color: #4487df; }

.news-detail { padding-top: 40px; }

.news-detail .nTitle { text-align: center; margin-bottom: 3.65%; }

.news-detail .nTitle .title { color: #222; font-size: 16px; margin-bottom: 1%; }

.news-detail .nTitle .subtitle { color: #999; font-size: 12px; }

.news-detail .con { padding-bottom: 4%; border-bottom: 1px solid #eee; }

.news-detail .con img { max-width: 100%; }

.news-detail .con p { color: #666; font-size: 14px; line-height: 24px; }

.hxcp_ls { padding: 50px 0 0; }
.hxcp_ls a { color: #666; }
.hxcp_ls li { position: relative; z-index: 2; float: left; margin: 0 1% 25px 0; padding: 16px; width: 24%; height: 252px; overflow: hidden; border: 1px #ddd solid; color: #888; box-sizing: border-box; }
.hxcp_ls li .img { display: table; width: 100%; height: 166px; text-align: center; background: #f5f5f5; overflow: hidden; }
.hxcp_ls li .img a { display: table-cell; text-align: center; vertical-align: middle; }
.hxcp_ls li .img img { max-width: 100%; max-height: 100%; }
.hxcp_ls li h3 { padding: 15px 0 5px; font-size: 16px; color: #666; }
.hxcp_ls li .blur_box { position: absolute; width: 96%; height: 80%; z-index: 3; -webkit-filter: blur(3px); /* Chrome, Opera */ -moz-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=false); /* IE6~IE9 */ left: 2%; top: 0; display: none; background: rgba(0, 0, 0, 0.5); }
.hxcp_ls li .blur_box a { display: table-cell; text-align: center; vertical-align: middle; }
.hxcp_ls li .icon_box { position: absolute; width: 96%; height: 80%; z-index: 3; left: 0; top: 0; display: none; padding: 0 2%; }
.hxcp_ls li .icon_box a { display: table-cell; text-align: center; font-size: 14px; color: #fff; line-height: 2; vertical-align: middle; }
.hxcp_ls li.none { margin-right: 0; }
.hxcp_ls li:hover { box-shadow: 0 0 1vh #acacac; }
.hxcp_ls li:hover .blur_box, .hxcp_ls li:hover .icon_box { display: table; }
.hxcp_ls li:hover a { color: #4487df; }

.jszc_ls li { height: 230px; background: #fff; }
.jszc_ls li .blur_box { background: rgba(229, 2, 18, 0.2); }
.jszc_ls li img { max-width: 100%; max-height: 100%; }

.aboutus { margin: 0 0 60px; padding-top: 40px; }
.aboutus h3 { margin: 10px 0 0; padding: 0 0 40px; }
.aboutus p { font-size: 16px; line-height: 2; color: #888; }
.aboutus p img { margin: 30px 0; max-width: 100%; }

.info { padding: 0 45px 25px 0; color: #4c4c4c; font-size: 16px; }

@media screen and (max-width: 1394px) { .question .content { width: 1070px; }
  .indexContent .about .headTitle { width: 100%; padding: 0 2.6%; } }
@media screen and (max-width: 1374px) { .levallist { width: 100%; }
  #nav .wrapper { margin: 0 426px 0 380px; }
  #nav .wrapper > ul > li > .item { padding: 0; font-size: 14px; }
  .contact .right .info div { width: 100%; float: none; }
  .contact .wrapper { width: 100%; padding: 0 2.6%; }
  .contact0 .bottom-con { padding-top: 7.6%; }
  .contact .right .info + .info { margin-top: 20px; }
  .contact .right .submit { margin-top: 20px; text-align: left; }
  #footer .wrapper { width: 100%; padding: 0 2.6%; }
  #footer .left { margin-bottom: 10px; }
  .pdetail { width: 97.5%; margin: 0 auto; overflow: hidden; }
  .join { width: 100%; padding: 0 2.6%; } }
@media screen and (max-width: 1364px) { .inpage .product { width: 100%; padding: 0 2.6%; }
  .history .content { width: 100%; padding: 0 2.6%; }
  .inpage .case .content { width: 100%; padding: 0; }
  .case-detail .content { width: 100%; padding: 0 2.6%; }
  .case-detail .img-left { width: 100%; }
  .case-detail .img-left img { width: 100%; height: auto; }
  .case-detail .img-right { width: 100%; margin-top: 1.5%; }
  .case-detail .img-right img { width: 49%; height: auto; }
  .case-detail .img-right img + img { margin-top: 0; }
  .case-detail .img-right img:nth-child(1) { float: left; }
  .case-detail .img-right img:nth-child(2) { float: right; }
  .question .content { width: 100%; padding: 0 2.6%; }
  .story { width: 100%; padding: 0 2.6%; }
  .question0 li .state { width: 98%; }
  .inpage .news { width: 100%; padding: 0 2.6%; } }
@media screen and (max-width: 1200px) { .header { height: 88px; }
  .header h1 { margin-top: 25px; margin-bottom: 0; width: 330px; }
  .header h1 a img { height: 40px; }
  #nav .wrapper { margin: 0 426px 0 376px; }
  #nav .wrapper > ul > li > .item { padding: 0 5px; }
  .header .top_right { margin-right: 15px; }
  .header .top_right .phone_label { margin-top: -5px; }
  .header .top_right .phone { font-size: 25px; }
  .indexContent .about .content .left li p { width: 90%; }
  .indexContent .news .right li a { padding: 20px 2.6%; }
  .inpage .about .top-con, .inpage .about .bottom-con { width: 100%; }
  .inpage .about .top-con.shadow, .inpage .about .bottom-con.shadow { margin: 0.3rem 0 .6rem; padding: 0 2.6%; }
  .inpage .about .top-con.aboutus_img, .inpage .about .bottom-con.aboutus_img { margin: 0.3rem 0 0; } }
@media screen and (max-width: 1120px) { #header { text-align: center; }
  .logo { float: left; }
  #header .wrapper { width: 100%; }
  #nav-xs { display: block; }
  #nav-xs .wrapper { width: 100%; }
  .language { display: none; }
  #header a.ch, #header a.en { display: block; }
  .navBtn { display: block; }
  #nav-xs .subnav { position: relative; top: 0; left: 0; opacity: 1; filter: alpha(opacity=1); visibility: visible; width: 100%; display: none; margin-bottom: 10px; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); transition: none; }
  #nav-xs .subnav .thirdnav { position: relative; top: 0; left: 0; opacity: 1; filter: alpha(opacity=1); visibility: visible; width: 100%; display: none; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); transition: none; background: #454242; }
  #nav-xs .subnav a { text-align: center; padding-left: 0; font-size: 14px; height: 30px; line-height: 30px; }
  #header a.ch { float: left; background: url(images/ch.png) no-repeat 0.5rem center; background-size: auto 0.65rem; width: 1.9rem; vertical-align: middle; padding-left: 1.6rem; line-height: 108px; color: #666; text-align: left; font-size: 0.3933rem; }
  #header a.en { position: absolute; float: left; background: url(images/en.png) no-repeat 0.5rem center; background-size: auto 0.65rem; width: 1.9rem; vertical-align: middle; padding-left: 1.6rem; line-height: 108px; color: #666; text-align: left; font-size: 0.3933rem; } }
@media screen and (max-width: 1110px) { .header h1 { margin-top: 25px; margin-bottom: 0; width: 330px; }
  .header h1 a img { height: 35px; }
  #nav .wrapper { margin: 0 328px 0 306px; }
  #nav .wrapper > ul > li > .item { padding: 0 2px; }
  .header .top_right { margin-right: 15px; }
  .header .top_right .phone_label { margin-top: 0; font-size: 14px; }
  .header .top_right .phone { font-size: 20px; }
  .header .top_right .lang { font-size: 0; }
  .header .top_right .lang a.cn, .header .top_right .lang a.en { margin: 0 2px; width: 35px; height: 25px; background-size: 100% 100%; }
  
  .inpage .levelnav.product_detail{margin: 0 0 4.8%;}
  .inpage .about .bottom-con { width: 100%; padding: 0 2.6%; }
  .inpage .about .bottom-con span { width: 49%; }
  .inpage .news .time { display: none; }
  .inpage .news .pic { padding-left: 0; } }
@media screen and (max-width: 750px) { .inpage .case .content li a:hover .more { visibility: hidden; }
  .inpage .case .content li a:hover .state .title { margin-bottom: 0; margin-top: 0.4rem; color: #666; }
  .inpage .case .content li a:hover .state .subtitle { color: #222; font-size: 18px; }
  #header a.ch { float: left; background: url(images/ch.png) no-repeat 0.5rem center; background-size: auto 0.65rem; width: 1.9rem; vertical-align: middle; padding-left: 1.6rem; line-height: 1.44rem; color: #666; text-align: left; font-size: 0.3933rem; }
  #header a.en { position: absolute; float: left; background: url(images/en.png) no-repeat 0.5rem center; background-size: auto 0.65rem; width: 1.9rem; vertical-align: middle; padding-left: 1.6rem; line-height: 1.44rem; color: #666; text-align: left; font-size: 0.3933rem; }
  #header { display: block; height: 1.44rem; position: fixed; top: 0; left: 0; z-index: 999; }
  .header { display: none; }
  .htop { display: block; }
  #header .logo { margin: 0 0 0 0.4rem; width: auto; height: 1.44rem; line-height: 1.44rem; transition: 600ms ease 200ms; -webkit-transition: 600ms ease 200ms; }
  #header .logo img { height: 0.8rem; width: auto; transition: 600ms ease 200ms; -webkit-transition: 600ms ease 200ms; }
  #header.open .logo { margin-left: .3rem; }
  #header.open .logo img { height: 1rem; }
  .navBtn { font-size: 0.5867rem; height: 1.44rem; line-height: 1.44rem; width: 1.44rem; }
  #nav-xs { top: 1.44rem; }
  .banner-pc { display: none; }
  .banner-xs { display: block; }
  #nav-xs li .item { height: 40px; line-height: 40px; font-size: 14px; }
  .subnav a { height: 40px; line-height: 40px; font-size: 12px; }
  .inpage .tabs a { padding-bottom: 0.16rem; font-size: .33rem; }
  #subbanner { margin: 0; }
  .bannerBox { padding-top: 0; }
  /*关于我们*/
  .about-xs { display: block; }
  .about-product { display: block; margin-top: 14%; }
  .indexContent .about { padding: 4.68% 2.6%; }
  .indexContent .about .more { display: none; font-size: 0.32rem; }
  .indexContent .about .headTitle .title { font-size: 0.4533rem; margin-bottom: 0.1067rem; height: 30px; }
  .indexContent .about .headTitle .line { display: none; }
  .indexContent .about .headTitle .description { font-size: 0.32rem; line-height: 0.5067rem; }
  .indexContent .about .headTitle p { overflow: hidden; }
  /*news*/
  .indexContent .news { display: none; }
  .news-xs { display: block; }
  .case-xs { display: block; }
  /*contact*/
  .contact { padding-top: 1.7067rem; padding-bottom: 1.8667rem; }
  .contact .headTitle { display: block; }
  .contact0 .headTitle { display: none; }
  .contact .left { margin-bottom: 0.8rem; }
  .contact .left p { line-height: 0.6667rem; font-size: 0.32rem; padding-left: 0.5333rem; }
  .contact .left .phone { background-size: 0.2933rem 0.2933rem; }
  .contact .left .printer { background-size: 0.2933rem 0.2933rem; }
  .contact .left .mail { background-size: 0.2933rem 0.2rem; }
  .contact .left .addr { background-size: 0.28rem 0.3733rem; }
  .contact .right .submit { margin-top: 0.8533rem; }
  .contact .right .submit input { width: 3.5733rem; height: 0.7067rem; line-height: 0.7067rem; }
  .pdetail th { font-size: 0.32rem; }
  .pdetail td { font-size: 0.32rem; }
  .pdetail tr.hh td:nth-child(1) { font-size: 0.32rem; }
  /*footer*/
  #footer { display: none; }
  #footer-xs { display: block; }
  .footer .inner .left { width: 100%; }
  /*产品*/
  .inpage .product li .pic img { width: 90%; height: auto; }
  .inpage .product li a { padding: 0.2rem 0.5067rem 0.6667rem; }
  .inpage .product li a:hover { background: #fff; }
  .inpage .product li a:hover .state .title { color: #666; }
  .inpage .product li a:hover .more { border: 1px solid #ccc; }
  .product-detail-xs { display: block; width: 100%; overflow: hidden; }
  .pdetail { overflow: auto; }
  .switch a { line-height: 0.6667rem; }
  .switch .return { display: none; }
  /*发展历程*/
  .history .content ul { padding-right: 10px; }
  .history .content li:last-child .state { padding-bottom: 0.9333rem; }
  .history .content li .year { min-width: 80px; padding-top: 1.0667rem; }
  .history .content li .state { padding-top: 1.0667rem; padding-left: 0.2667rem; }
  .inpage .case .content li .state { padding: 0.2667rem 0.1333rem 0.8rem; height: 2.2267rem; }
  .inpage .case .content li .state .title { margin-bottom: 0; margin-top: 0.4rem; }
  .inpage .case .content li .more { margin-left: -1.0267rem; width: 2.0533rem; height: 0.6rem; line-height: 0.6rem; }
  .inpage .case .content li a:hover .more { bottom: 0.2667rem; }
  .inpage .case .content li a:hover .state { padding-bottom: 1.2rem; }
  .inpage .about .bottom-con span { width: 100%; }
  .contact0 .bottom-con .list .tel { background-size: 0.3733rem 0.3733rem; padding-left: 0.48rem; }
  .contact0 .bottom-con .list .addr .a { width: 0.48rem; background-size: 0.3733rem 0.5067rem; }
  .question li .num { width: 1.6rem; }
  .story .content2 li .state p { line-height: 0.5067rem; font-size: 0.3733rem; }
  .story .content2 li .state .ww { bottom: 0.5333rem; }
  .story .content .list .state { width: 3.1333rem; }
  .story .content .list .state p { font-size: 0.2667rem; line-height: 0.48rem; padding-left: 2px; }
  .story .content .list .state .ww { height: 0.96rem; bottom: 2px; }
  .inpage .news .state { padding-top: 0; }
  .inpage .news .state .title { font-size: 0.3733rem; }
  .inpage .news .state .description { line-height: 0.48rem; font-size: 0.32rem; }
  .do-tabtext-nav .do-lable-row.do-lable-row-left { text-align: center; }
  .product-detail .pt { margin-top: 1rem; }
  .product-detail .product-detail-top .left { margin: 0 10px 10px; width: calc(100% - 20px); height: 7rem; }
  .product-detail .product-detail-top .right {padding: 0 10px; width: 100%;}
  .link-list { bottom: 0.5rem; } }
@media screen and (max-width: 320px) { #nav-xs li .item { height: 34px; line-height: 34px; }
  .subnav a { height: 34px; line-height: 34px; } }

/*# sourceMappingURL=style.css.map */