@charset "UTF-8"; .icon-backtop:before {  content:'';  display:block;  background-image:url(../images/sprite.png);  background-position:-65px -220px;  width:55px;  height:55px; } 
.icon-cline:before {  content:'';  display:block;  background-image:url(../images/sprite.png);  background-position:-346px 0;  width:22px;  height:31px; } 
.icon-contact4:before {  content:'';  display:block;  background-image:url(../images/sprite.png);  background-position:-186px -220px;  width:45px;  height:45px; } 
.icon-dnarrow:before {  content:'';  display:block;  background-image:url(../images/sprite.png);  background-position:-346px -41px;  width:16px;  height:10px; } 
.icon-download:before {  content:'';  display:block;  background-image:url(../images/sprite.png);  background-position:-130px -220px;  width:46px;  height:47px; } 
.icon-insidenav:before {  content:'';  display:block;  background-image:url(../images/sprite.png);  background-position:-220px -138px;  width:56px;  height:56px; } 
.icon-loadmore:before {  content:'';  display:block;  background-image:url(../images/sprite.png);  background-position:0 -285px;  width:31px;  height:31px; } 
.icon-mloadmore:before {  content:'';  display:block;  background-image:url(../images/sprite.png);  background-position:-241px -220px;  width:31px;  height:31px; } 
.icon-msearch:before {  content:'';  display:block;  background-image:url(../images/sprite.png);  background-position:-290px -105px;  width:35px;  height:35px; } 
.icon-nav01:before {  content:'';  display:block;  background-image:url(../images/sprite.png);  background-position:-290px 0;  width:46px;  height:42px; } 
.icon-qa1:before {  content:'';  display:block;  background-image:url(../images/sprite.png);  background-position:-290px -150px;  width:32px;  height:32px; } 
.icon-qa2:before {  content:'';  display:block;  background-image:url(../images/sprite.png);  background-position:-290px -192px;  width:32px;  height:32px; } 
.icon-qcode:before {  content:'';  display:block;  background-image:url(../images/sprite.png);  background-position:0 0;  width:210px;  height:210px; } 
.icon-return:before {  content:'';  display:block;  background-image:url(../images/sprite.png);  background-position:-220px -70px;  width:58px;  height:58px; } 
.icon-searchbtn:before {  content:'';  display:block;  background-image:url(../images/sprite.png);  background-position:-290px -52px;  width:43px;  height:43px; } 
.icon-toptop01:before {  content:'';  display:block;  background-image:url(../images/sprite.png);  background-position:0 -220px;  width:55px;  height:55px; } 
.icon-totop_28:before {  content:'';  display:block;  background-image:url(../images/sprite.png);  background-position:-220px 0;  width:60px;  height:60px; } 
.icon-upimg:before {  content:'';  display:block;  background-image:url(../images/sprite.png);  background-position:-41px -285px;  width:39px;  height:24px; } 
.icon-wimg29:before {  content:'';  display:block;  background-image:url(../images/sprite.png);  background-position:-290px -234px;  width:32px;  height:32px; } 
div, form, img, ul, ol, li, dl, dt, dd, p, tr, td, body, strong, span, pre, input {  margin:0;  padding:0;  border:0;  background-repeat:no-repeat; } 
h1, h2, h3, h4, h5, h6, p, dl, dt, dd {  margin:0;  padding:0;  font-weight:normal; } 
body {  font-family:"微软雅黑", Arial;  font-size:14px;  margin:0;  padding:0;  color:#333;  line-height:22px;  height:auto;  clear:both; } 
img {  border:0; } 
ul, li {  list-style:none; } 
em, i {  font-style:normal; } 
a {  text-decoration:none;  color:#333;  outline:none; } 
a:hover {  background-repeat:no-repeat;  text-decoration:none; } 
.clearfix:after {  visibility:hidden;  display:block;  font-size:0;  content:" ";  clear:both;  height:0; } 
.clearfix { *zoom:1; } 
.clear {  clear:both; } * {  box-sizing:border-box; } input, textarea, select {  font-family:"微软雅黑", Arial;  outline:none; } 
.fl {  float:left; } 
.fr {  float:right; } 
.commonweb {  padding:0 10px; } 
.clear {  clear:both;  line-height:0;  height:0;  font-size:0; } input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea {  outline-style:none;  -webkit-appearance:none;  resize:none;  border:none;  font-family:"Microsoft Yahei";  border-radius:0; } * {  -webkit-tap-highlight-color:transparent;  -webkit-touch-callout:none; } html {  -webkit-text-size-adjust:100%;  -webkit-font-smoothing:antialiased; } 
.z-transition {  -webkit-transform-style:preserve-3d;  -webkit-backface-visibility:hidden; } 
.z-css3 {  -webkit-transform:translate3d(0, 0, 0);  -ms-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0); } 
@media(min-width:768px) { .commonweb { padding:0 20px; } 
} 
@media(min-width:992px) { .commonweb { padding:0 40px; } } 
.commonwebbox {  margin-left:0;  margin-right:0; } 
.commonleft {  float:none; } 
.commonright {  float:none; } 
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {  float:left;  padding-left:10px;  padding-right:10px; } 
.col-xs-12 {  width:100%; } 
.col-xs-11 {  width:91.66666667%; } 
.col-xs-10 {  width:83.33333333%; } 
.col-xs-9 {  width:75%; } 
.col-xs-8 {  width:66.66666667%; } 
.col-xs-7 {  width:58.33333333%; } 
.col-xs-6 {  width:50%; } 
.col-xs-5 {  width:41.66666667%; } 
.col-xs-4 {  width:33.33333333%; } 
.col-xs-3 {  width:25%; } 
.col-xs-2 {  width:16.66666667%; } 
.col-xs-1 {  width:8.33333333%; } 
@media(min-width:768px) { .commonwebbox { margin-left:-10px; margin-right:-10px; } 
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left;padding-left:10px;padding-right:10px; } 
.col-sm-12 {width:100%; } 
.col-sm-11 { width:91.66666667%; } 
.col-sm-10 { width:83.33333333%; } 
.col-sm-9 { width:75%; } 
.col-sm-8 { width:66.66666667%; } 
.col-sm-7 { width:58.33333333%; } 
.col-sm-6 { width:50%; } 
.col-sm-5 { width:41.66666667%; } 
.col-sm-4 { width:33.33333333%; } 
.col-sm-3 { width:25%; } 
.col-sm-2 { width:16.66666667%; } 
.col-sm-1 { width:8.33333333%; } 
} 
@media(min-width:992px) { .commonwebbox { margin-left:-10px; margin-right:-10px; } 
.commonleft { float:left; } 
.commonright { float:right; } 
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float:left; padding-left:10px; padding-right:10px; } 
.col-md-12 { width:100%; } 
.col-md-11 { width:91.66666667%; } 
.col-md-10 { width:83.33333333%; } 
.col-md-9 { width:75%; } 
.col-md-8 { width:66.66666667%; } 
.col-md-7 { width:58.33333333%; } 
.col-md-6 { width:50%; } 
.col-md-5 { width:41.66666667%; } 
.col-md-4 { width:33.33333333%; } 
.col-md-3 { width:25%; } 
.col-md-2 { width:16.66666667%; } 
.col-md-1 { width:8.33333333%; } 
} 
@media(min-width:1200px) { .commonweb { margin:0 auto; max-width:1200px; padding:0; } 
.commonleft { float:left; } 
.commonright { float:right; } 
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float:left; padding-left:10px; padding-right:10px; } 
.col-lg-12 { width:100%; } 
.col-lg-11 { width:91.66666667%; } 
.col-lg-10 { width:83.33333333%; } 
.col-lg-9 { width:75%; } 
.col-lg-8 { width:66.66666667%; } 
.col-lg-7 { width:58.33333333%; } 
.col-lg-6 { width:50%; } 
.col-lg-5 { width:41.66666667%; } 
.col-lg-4 { width:33.33333333%; } 
.col-lg-3 { width:25%; } 
.col-lg-2 { width:16.66666667%; } 
.col-lg-1 { width:8.33333333%; } } 
.visible-lg, .visible-md, .visible-sm {  display:none; } 
.hidden-lg, .hidden-md, .hidden-sm {  display:none; } 
@media(min-width:767px) { .visible-sm { display:block; } 
.hidden-sm { display:none; } 
} 
@media(min-width:991px) { .visible-md { display:block; } 
.hidden-sm { display:block; } 
} 
@media(min-width:1200px) { .visible-lg { display:block; } 
.hidden-lg { display:block; } } 
.ast-header {  background-color:#fff;  position:fixed;  width:100%;  height:60px;  top:0;  left:0;  z-index:99;  border-bottom:1px solid #f60; } 
.ast-header>.commonweb {  position:relative; } body {  padding-top:50px; } 
.logo {  float:left;  padding:12px 0; } 
.logo a {  display:block; } 
.logo img {  height:35px;  max-width:none;  display:block; } 
.visuallyhidden {  position:absolute;  clip:rect(1px,1px,1px,1px);  -webkit-clip-path:inset(0px 0 99.9% 99.9%);  clip-path:inset(0px 0 99.9% 99.9%);  overflow:hidden;  height:1px;  width:1px;  padding:0;  border:0; } 
.nav {  position:fixed;  height:100%;  background-color:#fff;  top:60px;  left:0;  width:100%;  border:1px solid rgba(0, 0, 0, 0);  border-top:1px solid #ccc;  display:none; } 
.nav.show {  display:block; } 
.nav ul li {  position:relative;  padding:0;  border:1px solid rgba(0, 0, 0, 0);  border-bottom:1px solid #ccc; } 
.nav ul li h4 {  font-size:16px; } 
.nav ul li h4 a {  padding:10px 30px;  display:block;  color:#4c4c4c; } 
.header-right {  position:absolute;  right:15px;  padding-top:15px; } 
.header-right a {  color:#666;  display:inline-block;  vertical-align:middle; } 
.search-btn {  display:inline-block;  width:30px;  background:url(../images/icon06.png) center center no-repeat; } 
.search-btn, .sitebtn {  height:30px;  line-height:30px;  vertical-align:middle; } 
.sitebtn {  position:relative; } 
.headeritem {  position:fixed;  right:0;  top:59px;  width:100%;  z-index:9;  display:none;  border:1px solid #ccc; } 
.search .search-text {  width:100%;  padding:11px 60px 11px 11px;  color:#666; } 
.search .sreach-btn {  width:40px;  height:39px;  position:absolute;  right:0;  top:0;  background:#f2f2f2 url(../images/icon01.png) center center no-repeat; } 
.he_searchbox {  float:left;  margin-right:10px; } 
.sub-nav {  padding:0 0 10px;  display:none; } 
.sub-nav a {  padding:10px 40px;  display:block;  text-align:left; } 
.mobnav-btn {  width:35px;  height:30px;  overflow:hidden;  cursor:pointer;  position:relative; } 
.mobnav-btn span {  top:50%;  margin-top:-2px; } 
.mobnav-btn span:first-child {  content:"";  top:6px;  left:0; } 
.mobnav-btn span:last-child {  content:"";  top:auto;  bottom:5px;  left:0; } 
.mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child {  left:1px;  position:absolute;  background-color:#f60;  width:27px;  height:2px;  border-radius:3px; -webkit-transition:all .5s ease; transition:all .5s ease; } 
.mobnav-btn.g_close span {  opacity:0; } 
.mobnav-btn.g_close span:first-child {  -webkit-transform:rotate(45deg);  -ms-transform:rotate(45deg);  transform:rotate(45deg);  top:17px;  opacity:1; } 
.mobnav-btn.g_close span:last-child {  -webkit-transform:rotate(-45deg);  -ms-transform:rotate(-45deg);  transform:rotate(-45deg);  top:17px;  opacity:1; } 
.arrorright-btn {  position:absolute;  width:175px;  right:0;  top:0;  height:43px; } 
.nav ul li.cur .arrorright-btn:after {  -webkit-transform:rotate(-45deg);  -ms-transform:rotate(-45deg);  transform:rotate(-45deg);  top:17px; } 
.arrorright-btn:after {  content:"";  position:absolute;  top:13px;  right:15px;  width:10px;  height:10px;  border-right:1px solid #ccc;  border-top:1px solid #ccc;  -webkit-transform:rotate(135deg);  -ms-transform:rotate(135deg);  transform:rotate(135deg); } 
.arrorright-btn.show:after {  opacity:0; } 
.language {  float:left;  margin-right:5px;  cursor:pointer; } 
.languageIcon {  float:left;  height:30px;  padding-left:30px;  background:url(../images/icon07.png) center no-repeat; } 
.languageIcon span {  display:none; } 
.languageList {  width:100%;  position:fixed;  top:60px;  left:0;  z-index:100;  display:none; } 
.languageList a {  padding-left:20px;  line-height:40px;  border-bottom:1px solid #dedede;  display:block;  background-color:rgba(255, 255, 255, 0.85); } 
@media(max-width:320px) { .sitebtn { padding:0; } 
.sitebtn em { padding:0; } 
} 
@media(min-width:1024px) { .ast-header { position:static; border-bottom:none; height:90px; } 
body { padding-top:0; } 
.logo { width:auto; padding:15px 0; } 
.logo img { height:60px; } 
.nav { float:right; width:auto; padding:0 42px 0 2%; display:block; position:static; border:0; min-width:60%; } 
.nav ul li { float:left; padding:0 .8%; border:0; } 
.nav ul li h4 a { padding:0 20px; height:90px; line-height:90px; position:relative; font-size:16px; } 
.nav ul li h4 a:after { z-index:999999; content:''; display:block; width:0; height:2px; background-color:#f60; position:absolute; left:50%; bottom:0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:.2s; transition:.2s; } 
.nav ul li:hover h4 a, .nav ul li.cur h4 a { background:#f60; color:#fff; } 
.nav ul li:hover h4 a:after, .nav ul li.cur h4 a:after { width:100%; } 
.language { position:relative; } 
.languageIcon { background-position-x:left; line-height:90px; height:90px; } 
.languageList { width:100px; top:90px; position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } 
.languageList a { text-align:center; padding-left:0; } 
.header-right { position:absolute; right:10px; padding-top:0; top:3px; } 
.he_searchbox { float:left; } 
.search-btn { width:37px; background-position:right center; height:90px; } 
.headeritem { position:absolute; top:90px; width:200px; right:-40px; } 
.sub-nav { position:absolute; top:90px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); min-width:100%; padding:5px 0; z-index:99; } 
.sub-nav a { padding:12px 15px; text-align:left; border-bottom:1px solid #ddd; background-color:rgba(255, 255, 255, 0.85); color:#2a2a2a; white-space:nowrap; font-size:14px; } 
.sub-nav a:hover { color:#0e7cc7; } 
.sub-nav a:last-child { border-bottom:none; } 
.header-right a.mobnav-btn { display:none; } 
.arrorright-btn { display:none; } 
.search { width:240px; } 
} 
@media(min-width:1200px) { 
.ast-header { padding:0 10px; } 
.nav ul li { padding:0 15px; } 
.search-btn, .sitebtn { height:90px; line-height:90px; } 
.headeritem { top:93px; } 
.nav { min-width:70%; padding-right:150px; } 
.languageIcon span { display:block; font-size:16px; color:#999; } 
} 
@media(min-width:1366px) { .pc-head { margin:0 -50px; position:relative; } 
.header-right { right:-10px; } 
.nav { max-width:1080px; min-width:auto; padding-right:30px; padding-left:0;} 
.ast-header { padding:0 10% 0 10%; } 
.ast-header .commonweb { max-width:none; } 
.nav ul{ padding:0;}
.nav ul li { padding:0 0; } 
} 
footer {  background-color:#333;  color:#fff;  padding-top:20px; } 
footer h5 {  padding:8px 0;  font-size:16px;  border-bottom:1px solid #444;  background:url(../images/icon09.png) right center no-repeat;  text-transform:uppercase; } footer h5.cur {  background-image:url(../images/icon08.png); } 
footer .footer-drop {  display:none;  padding:10px 0; } 
footer .footer-drop a {  display:block;  opacity:.5;  font-size:13px; } 
footer .footer-share {  padding:20px 0;  text-align:center; } 
footer .footer-share a {  display:inline-block;  width:40px;  height:40px;  background:#444 url(../images/icon10.png) no-repeat center center;  border-radius:50%;  overflow:hidden;  margin:0 3px; } footer .footer-share .twitter {  background-image:url(../images/icon11.png); } 
footer .footer-share .google {  background-image:url(../images/icon12.png); } 
footer .footer-share .instagram {  background-image:url(../images/icon13.png); } 
footer .footer-share .res {  background-image:url(../images/icon14.png); } 
footer .footer-share .phone {  background-image:url(../images/phone.png); } 
footer .footer-share .msn {  background-image:url(../images/msn.png); } 
footer a {  color:#fff; } 
footer .footer-info {  border-top:1px solid #444;  padding:15px 10px; }
footer .footer-info dl dt, footer .footer-info dl dd .opcticy {  opacity:.5; } 
footer .footer-info dt {  padding-bottom:5px; } 
footer .footer-info dt a {  display:inline-block;  margin-right:5px; } 
footer .footer-info dd img {  vertical-align:-4px; } 
@media(min-width:768px) { .footer-info { text-align:center; } 
} 
@media(min-width:1024px) { .footer-nav { padding-bottom:20px; } 
.footer-nav li { margin-right:9%; float:left; } 
.footer-nav li h5 { background:none; border-bottom:none; padding-bottom:0; } 
.footer-nav li .footer-drop { display:block!important; } 
.footer-nav li .footer-drop a { white-space:nowrap; line-height:22px; } 
.footer-nav li:last-child { margin-right:0; } 
} 
@media(min-width:1200px) { .footer-nav { padding:22px 40px 20px; } 
.footer-nav li { margin-right:12%; } footer .footer-info { line-height:37px; } } footer .footer-info dd span {  opacity:.5; } 
@media(min-width:1400px) { footer .footer-info dt { padding-bottom:0; } 
} 
@media(min-width:1500px) { footer .footer-nav li { margin-right:15%; } footer .commonweb { max-width:1400px; } } 
.banner {  overflow:hidden;  position:relative;  clear:both; } 
.banner li {  overflow:hidden; } 
.banner a {  display:inline-block;  text-align:center;  width:140px;  line-height:35px;  font-size:16px;  margin-right:10px; } 
.banner img {  height:200px;  position:relative;  left:50%;  -webkit-transform:translateX(-50%);  -ms-transform:translateX(-50%);  transform:translateX(-50%);  display:block; } 
.banner .banner-dot {  width:100%;  line-height:0;  font-size:0;  left:0;  z-index:30;  text-align:center; } 
.banner .banner-cont {  padding:15px;  font-size:16px;  position:absolute;  left:10px;  top:5px;  color:#fff; } 
.banner-cont a {  border-color:#fff;  color:#fff;  font-weight:normal; } 
.banner-cont .btn a:first-child {  background-color:#fff;  border-color:#fff;  color:#000; } 
.banner-dot {  position:absolute; } 
.banner .banner-cont .btn {  padding-top:10px;  padding-bottom:10px;  -webkit-transition:all 1.4s;  transition:all 1.4s;  -webkit-transform:translateY(50px);  -ms-transform:translateY(50px);  transform:translateY(50px);  opacity:0; } 
.banner .banner-tit {  -webkit-transition:all 600ms;  transition:all 600ms;  -webkit-transform:translateY(50px);  -ms-transform:translateY(50px);  transform:translateY(50px);  opacity:0; } 
.banner .banner-desc {  -webkit-transition:all 1s;  transition:all 1s;  -webkit-transform:translateY(50px);  -ms-transform:translateY(50px);  transform:translateY(50px);  opacity:0; } 
.banner li.active .banner-tit, .banner li.active .banner-desc, .banner li.active .btn {  -webkit-transform:translateY(0);  -ms-transform:translateY(0);  transform:translateY(0);  opacity:1; } 
@media(max-width:768px) { .banner .banner-prev, .banner .banner-next { top:50%; } } 
.banner .banner-prev, .banner .banner-next {  width:50px;  height:50px;  display:block;  position:absolute;  bottom:-20px;  background-color:rgba(0, 0, 0, 0.5);  z-index:50;  -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%);  transform:translateY(-50%);  border:none;  margin:0 auto; } 
.banner .banner-prev:after, .banner .banner-next:after {  content:'';  display:block;  width:20px;  height:20px;  position:absolute;  top:50%;  -webkit-transform:translate(-50%, -50%) rotate(45deg);  -ms-transform:translate(-50%, -50%) rotate(45deg);  transform:translate(-50%, -50%) rotate(45deg); } 
.banner .banner-prev {  left:10px; } 
.banner .banner-prev:after {  left:62%;  border-left:1px solid #fff;  border-bottom:1px solid #fff; } 
.banner .banner-next {  right:10px; } 
.banner .banner-next:after {  left:38%;  border-right:1px solid #fff;  border-top:1px solid #fff; } 
@media(min-width:768px) { .banner-cont { font-size:18px; line-height:30px; } 
.banner .banner-prev, .banner .banner-next { top:50%; bottom:auto; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } 
.banner-cont p { font-weight:bold; } 
} 
@media(min-width:992px) { .banner .banner-cont { font-size:30px; line-height:45px; } 
} 
@media(min-width:1024px) { .banner .btn a:hover { background-color:#fff; color:#333; } 
.banner .banner-prev, .banner .banner-next { width:100px; height:100px; -webkit-transition:1s all; transition:1s all; } 
.banner .banner-prev:after, .banner .banner-next:after { width:40px; height:40px; opacity:.5; } 
.banner .banner-prev:hover:after, .banner .banner-next:hover:after { opacity:1; } 
.banner .banner-prev { left:-100px; } 
.banner .banner-next { right:-100px; } 
.banner:hover .banner-prev { left:0; } 
.banner:hover .banner-next { right:0; } 
} 
@media(min-width:1200px) { .banner .banner-cont { -webkit-transition:.3s; transition:.3s; padding-top:5%; left:7%; font-size:35px; line-height:60px; } } 
.in-Product {  padding:0 10px; } 
.in-Case {  text-align:center;  color:#fff;  background:url(../images/img57.jpg) center center no-repeat;  background-size:cover;  padding:30px 10px; } 
.in-Case h3 {  font-size:24px;  padding-bottom:10px; } 
.in-Case .desc {  opacity:.7;  max-width:1020px;  margin:0 auto;  height:87px;  overflow:hidden; } 
.in-Case .in-Case-bd {  padding-top:15px;  overflow:hidden; } 
.in-Case li {  padding-bottom:15px; } 
.in-Case li img {  width:100%;  display:block;  height:278px; } 
.in-Case li .num {  padding-top:20px;  color:#555;  font-size:30px;  line-height:30px;  padding-bottom:5px;  border-bottom:1px solid #c3c3c3;  display:inline-block; } 
.in-Case li h4 {  padding-top:10px;  padding-bottom:15px;  color:#4c4c4c;  font-size:16px; } 
.in-Case li .thumb {  background-color:#fff; } 
.in-Product {  padding:30px 10px; } 
.in-Product img {  width:100%;  display:block;  -webkit-transition:1s;  transition:1s; } 
.in-Product .in-Product-big {  position:relative;  margin-bottom:10px;  background-color:#f2f2f2; } 
.in-Product .in-Product-big-text {  padding-top:15px;  padding-left:15px;  position:absolute;  left:0;  top:0;  z-index:1;  line-height:22px;  color:#b2b2b2; } 
.in-Product .in-Product-big-text h4 {  font-size:24px; } 
.in-Product .in-Product-big-text .type {  padding-bottom:5px; } 
.in-Product .type {  font-size:16px;  color:#929292;  padding-top:3px; } 
.in-Product h2 {  color:#f60;  font-size:20px; } 
.in-Product a {  width:100%;  height:100%;  position:absolute;  left:0;  top:0;  z-index:2; } 
.in-Product .thumb {  position:relative;  background-color:#f2f2f2; } 
.in-Product .in-Product-text {  position:absolute;  left:0;  top:0;  padding-top:15px;  padding-left:15px; } 
.in-Product li {  padding-bottom:10px; } 
.in-link {  text-align:center;  padding:20px 0; } 
.in-link a {  display:block;  vertical-align:middle;  line-height:0;  font-size:0;  position:relative;  width:100%;  height:100px; } 
@media(max-width:768px) { .in-link a { height:40px; } } 
.in-link li {  max-width:25%!important; } 
.in-link a img {  position:absolute;  left:50%;  top:50%;  transform:translate(-50%, -50%);  -webkit-transform:translate(-50%, -50%);  -ms-transform:translate(-50%, -50%);  max-width:100%;  max-height:100%; } 
.in-link a:first-child {  display:block; } 
.link-logo li {  float:left;  width:33%; } 
.in-complex-pcimg {  display:none; } 
.in-About {  padding:30px 10px; } 
.in-About h3 {  font-size:30px;  line-height:30px;  font-weight:bold; } 
.in-About .in-About-text {  margin-top:5px;  color:#222;  padding-left:33px;  background:url(../images/icon16.png) left center no-repeat; } 
.in-About dl {  padding-top:10px; } 
.in-About dt {  float:left;  padding-right:10px; } 
.in-About dt img {  display:block; } 
.in-About dt a {  position:relative;  display:block; } 
.in-About dt a:after {  content:'';  display:block;  width:100%;  height:100%;  position:absolute;  left:0;  top:0;  z-index:2;  background:rgba(0, 0, 0, 0.7) url(../images/img49.png) center center no-repeat; } 
.in-news {  padding:30px 10px;  background-color:#eee; } 
.in-news h3 {  font-weight:bold;  font-size:20px;  padding-bottom:10px; } 
.in-news a {  display:block;  padding-left:22px;  background:url(../images/icon15.png) left 6px no-repeat;  line-height:24px;  white-space:nowrap;  text-overflow:ellipsis;  overflow:hidden;  margin-bottom:5px; } 
@media(min-width:480px) { .banner img { height:auto; width:100%; } 
.banner .banner-dot { bottom:10px!important; } 
.banner .banner-dot span { width:12px; height:12px; } 
} 
@media(min-width:768px) { 
.in-link { font-size:0; line-height:0; max-width:1600px; margin:0 auto; overflow:hidden; } 
.in-link a { position:relative; } 
.in-link a:after { content:''; display:block; width:1px; height:24px; background-color:#e6e6e6; position:absolute; right:0; top:50%; margin-top:-12px; } 
.in-link li:last-child a:after { display:none; } 
.in-Case { padding:40px 20px; } 
.in-Case h3 { font-size:34px; line-height:34px; } 
.in-Case .in-Case-bd { padding-top:22px; } 
.in-About dt { padding-right:30px; } 
.in-About dd { line-height:normal; line-height:22px; } 
.in-news ul { margin:0 -10px; } 
.in-news li { width:50%; float:left; padding:0 10px; } 
.in-link-dot { display:none; } 
.in-Case .desc { height:auto; } 
} 
@media(min-width:992px) { .banner .banner-dot { bottom:15px!important; } 
.in-Case { padding:50px 20px; } 
.in-Case h3 { font-size:40px; line-height:40px; padding-bottom:20px; } 
.in-Case .in-Case-bd { padding-top:32px; } 
.in-Product .in-Product-big { width:36.7%; float:left; overflow:hidden; padding-top:14.3%; background:#F2F2F2; } 
.in-Product .in-Product-big-text { position:relative; padding-top:48px; } 
.in-Product .in-Product-small { float:left; width:63.3%; overflow:hidden; } 
.in-Product .in-Product-small li { padding:0 0 1.55% 1.5%; } 
.in-Product .in-Product-small .thumb { overflow:hidden; } 
.in-complex { position:relative; } 
.in-complex .in-complex-pcimg { display:block; position:absolute; left:5%; width:20%; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } 
.in-About, .in-news { padding-left:30%; } 
} 
@media(min-width:1024px) { .in-Product-big:hover img, .in-Product-small .thumb:hover img { -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); } 
.in-Case .thumb:hover { background-color:#f60; } 
.in-Case .thumb:hover .num { color:#fff; border-color:#fff; } 
.in-Case .thumb:hover a { color:#fff; } 
} 
@media(max-width:1024px) and(min-width:1024px) { .topBar { display:none; } 
.in-Product-big img { margin-top:20px; } 
} 
@media(max-width:1024px) { .topBar { display:none; } 
} 
@media(min-width:1200px) { .in-Case { padding:75px 30px 78px; } 
.in-Case h3 { font-size:48px; font-weight:bold; line-height:54px; } 
.in-Case .in-Case-bd { padding-top:42px; } 
.in-Case .in-Case-dot { display:none; } 
.in-Case li .num { font-size:48px; font-weight:lighter; padding-top:53px; padding-bottom:18px; } 
.in-Case li h4 { font-size:18px; padding:30px 10px 43px; } 
.in-Product h2 { font-size:24px; padding-bottom:5px; color:#f60; } 
.in-Product .type { font-size:18px; } 
.in-Product .in-Product-text { padding:8% 0 0 30px; } 
.in-Product .in-Product-big-text { font-size:16px; padding-top:7%; padding-left:30px; position:absolute; } 
.in-Product .in-Product-big-text h4 { font-size:28px; } 
.in-Product .in-Product-big-text .desc{ width:450px; line-height:23px;}
.in-Product .in-Product-big-text .type { padding-bottom:10px; } 
.in-About { padding:75px 16.5% 65px 44.5%; } 
.in-About .in-About-text { margin-top:10px; } 
.in-About h3 { font-size:48px; line-height:54px; } 
.in-About dl { padding-top:25px; } 
.in-news { padding:70px 16.5% 60px 44.5%; } 
.in-news h3 { font-size:24px; padding-bottom:25px; } 
.in-news li a { margin-bottom:0; line-height:32px;} 
.in-news li a:hover { color:#f60; } 
.in-complex .in-complex-pcimg { width:21%; left:11.75%; top:58%; } 
.in-link { padding:50px 0; } 
} 
@media(min-width:1400px) { .in-Product { padding:30px; } } 
.recruitmentfloat {  display:none;  z-index:110;  width:100%;  position:fixed;  height:100%;  background:rgba(0, 0, 0, 0.6);  left:0;  top:0; } 
.tianjiatvwrap {  width:95%;  margin:0 auto;  position:absolute;  top:50%;  left:50%;  -ms-transform:translate(-50%, -50%);  transform:translate(-50%, -50%);  -webkit-transform:translate(-50%, -50%);  -o-transform:translate(-50%, -50%);  -moz-transform:translate(-50%, -50%); } 
.tianjiatvwrap .videobox {  height:250px;  position:relative;  z-index:1; } 
.recclosebtn {  display:block;  width:25px;  height:25px;  position:absolute;  right:15px;  top:-5px;  cursor:pointer;  z-index:100;  margin:-20px -20px 0 0;  z-index:9; } 
.recclosebtn:before {  content:'';  position:absolute;  top:10px;  width:20px;  height:2px;  background-color:#FFF;  -webkit-transform:rotate(-45deg);  -ms-transform:rotate(-45deg);  transform:rotate(-45deg); } 
.recclosebtn:after {  content:'';  position:absolute;  top:10px;  width:20px;  height:2px;  background-color:#FFF;  -webkit-transform:rotate(45deg);  -ms-transform:rotate(45deg);  transform:rotate(45deg); } 
@media(min-width:640px) { .tianjiatvwrap .videobox { height:350px; } 
} 
@media(min-width:1024px) { .tianjiatvwrap { width:1000px; } 
.tianjiatvwrap .videobox { height:600px; } } 
.swiper-container {  margin-left:auto;  margin-right:auto;  position:relative;  overflow:hidden;  z-index:1; } 
.swiper-container-no-flexbox .swiper-slide {  float:left; } 
.swiper-container-vertical>.swiper-wrapper {  -webkit-box-orient:vertical;  -ms-flex-direction:column;  -webkit-flex-direction:column;  flex-direction:column; } 
.swiper-wrapper {  position:relative;  width:100%;  height:100%;  z-index:1;  display:-webkit-box;  display:-ms-flexbox;  display:-webkit-flex;  display:flex;  -webkit-transition-property:-webkit-transform;  transition-property:-webkit-transform;  transition-property:transform;  transition-property:transform, -webkit-transform;  box-sizing:content-box; } 
.swiper-container-android .swiper-slide, .swiper-wrapper {  -webkit-transform:translate3d(0, 0, 0);  -ms-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0); } 
.swiper-container-multirow>.swiper-wrapper {  -webkit-box-lines:multiple;  -moz-box-lines:multiple;  -ms-flex-wrap:wrap;  -webkit-flex-wrap:wrap;  flex-wrap:wrap; } 
.swiper-container-free-mode>.swiper-wrapper {  -webkit-transition-timing-function:ease-out;  transition-timing-function:ease-out;  margin:0 auto; } 
.swiper-slide {  -webkit-flex-shrink:0;  -ms-flex:0 0 auto;  -ms-flex-negative:0;  flex-shrink:0;  width:100%;  height:100%;  position:relative; } 
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {  height:auto; } 
.swiper-container-autoheight .swiper-wrapper {  -webkit-box-align:start;  -ms-flex-align:start;  -webkit-align-items:flex-start;  align-items:flex-start;  -webkit-transition-property:-webkit-transform, height;  -webkit-transition-property:height, -webkit-transform;  transition-property:height, -webkit-transform;  transition-property:transform, height;  transition-property:transform, height, -webkit-transform; } 
.swiper-container .swiper-notification {  position:absolute;  left:0;  top:0;  pointer-events:none;  opacity:0;  z-index:-1000; } 
.swiper-wp8-horizontal {  -ms-touch-action:pan-y;  touch-action:pan-y; } 
.swiper-wp8-vertical {  -ms-touch-action:pan-x;  touch-action:pan-x; } 
.swiper-button-next, .swiper-button-prev {  position:absolute;  top:50%;  width:27px;  height:44px;  margin-top:-22px;  z-index:10;  cursor:pointer;  background-size:27px 44px;  background-position:center;  background-repeat:no-repeat; } 
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {  opacity:.35;  cursor:auto;  pointer-events:none; } 
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");  left:10px;  right:auto; } 
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } 
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } 
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");  right:10px;  left:auto; } 
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } 
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } 
.swiper-pagination {  position:absolute;  text-align:center; -webkit-transition:.3s; transition:.3s;  -webkit-transform:translate3d(0, 0, 0);  -ms-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0);  z-index:10; } 
.swiper-pagination.swiper-pagination-hidden {  opacity:0; } 
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {  bottom:10px;  left:0;  width:100%; } 
.swiper-pagination-bullet {  width:8px;  height:8px;  display:inline-block;  border-radius:100%;  background:#ccc;  opacity:1; } button.swiper-pagination-bullet {  border:none;  margin:0;  padding:0;  box-shadow:none;  -moz-appearance:none;  -ms-appearance:none;  -webkit-appearance:none;  appearance:none; } 
.swiper-pagination-clickable .swiper-pagination-bullet {  cursor:pointer; } 
.swiper-pagination-white .swiper-pagination-bullet {  background:#fff; } 
.swiper-pagination-bullet-active {  opacity:1;  background:#f60; } 
.swiper-pagination-white .swiper-pagination-bullet-active {  background:#fff; } 
.swiper-pagination-black .swiper-pagination-bullet-active {  background:#000; } 
.swiper-container-vertical>.swiper-pagination-bullets {  right:10px;  top:50%;  -webkit-transform:translate3d(0, -50%, 0);  -ms-transform:translate3d(0, -50%, 0);  transform:translate3d(0, -50%, 0); } 
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {  margin:5px 0;  display:block; } 
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {  margin:0 8px; } 
.swiper-pagination-progress {  background:rgba(0, 0, 0, 0.25);  position:absolute; } 
.swiper-pagination-progress .swiper-pagination-progressbar {  background:#007aff;  position:absolute;  left:0;  top:0;  width:100%;  height:100%;  -webkit-transform:scale(0);  -ms-transform:scale(0);  transform:scale(0);  -webkit-transform-origin:left top;  -ms-transform-origin:left top;  transform-origin:left top; } 
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {  -webkit-transform-origin:right top;  -ms-transform-origin:right top;  transform-origin:right top; } 
.swiper-container-horizontal>.swiper-pagination-progress {  width:100%;  height:4px;  left:0;  top:0; } 
.swiper-container-vertical>.swiper-pagination-progress {  width:4px;  height:100%;  left:0;  top:0; } 
.swiper-pagination-progress.swiper-pagination-white {  background:rgba(255, 255, 255, 0.5); } 
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {  background:#fff; } 
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {  background:#000; } 
.swiper-container-3d {  -webkit-perspective:1200px;  -o-perspective:1200px;  perspective:1200px; } 
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {  -webkit-transform-style:preserve-3d;  transform-style:preserve-3d; } 
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {  position:absolute;  left:0;  top:0;  width:100%;  height:100%;  pointer-events:none;  z-index:10; } 
.swiper-container-3d .swiper-slide-shadow-left {  background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));  background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } 
.swiper-container-3d .swiper-slide-shadow-right {  background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));  background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } 
.swiper-container-3d .swiper-slide-shadow-top {  background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));  background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } 
.swiper-container-3d .swiper-slide-shadow-bottom {  background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));  background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } 
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {  -ms-perspective:1200px; } 
.swiper-container-cube, .swiper-container-flip {  overflow:visible; } 
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {  pointer-events:none;  -webkit-backface-visibility:hidden;  backface-visibility:hidden;  z-index:1; } 
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {  pointer-events:none; } 
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {  pointer-events:auto; } 
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {  z-index:0;  -webkit-backface-visibility:hidden;  backface-visibility:hidden; } 
.swiper-container-cube .swiper-slide {  visibility:hidden;  -webkit-transform-origin:0;  -ms-transform-origin:0;  transform-origin:0;  width:100%;  height:100%; } 
.swiper-container-cube.swiper-container-rtl .swiper-slide {  -webkit-transform-origin:100% 0;  -ms-transform-origin:100% 0;  transform-origin:100% 0; } 
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {  pointer-events:auto;  visibility:visible; } 
.swiper-container-cube .swiper-cube-shadow {  position:absolute;  left:0;  bottom:0;  width:100%;  height:100%;  background:#000;  opacity:.6;  -webkit-filter:blur(50px);  filter:blur(50px);  z-index:0; } 
.swiper-container-fade.swiper-container-free-mode .swiper-slide {  -webkit-transition-timing-function:ease-out;  transition-timing-function:ease-out; } 
.swiper-container-fade .swiper-slide {  pointer-events:none;  -webkit-transition-property:opacity;  transition-property:opacity; } 
.swiper-container-fade .swiper-slide .swiper-slide {  pointer-events:none; } 
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {  pointer-events:auto; } 
.swiper-zoom-container {  width:100%;  height:100%;  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;  text-align:center; } 
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {  max-width:100%;  max-height:100%;  object-fit:contain; } 
.swiper-scrollbar {  border-radius:10px;  position:relative;  -ms-touch-action:none;  background:rgba(0, 0, 0, 0.1); } 
.swiper-container-horizontal>.swiper-scrollbar {  position:absolute;  left:1%;  bottom:3px;  z-index:50;  height:5px;  width:98%; } 
.swiper-container-vertical>.swiper-scrollbar {  position:absolute;  right:3px;  top:1%;  z-index:50;  width:5px;  height:98%; } 
.swiper-scrollbar-drag {  height:100%;  width:100%;  position:relative;  background:rgba(0, 0, 0, 0.5);  border-radius:10px;  left:0;  top:0; } 
.swiper-scrollbar-cursor-drag {  cursor:move; } 
.swiper-lazy-preloader {  width:42px;  height:42px;  position:absolute;  left:50%;  top:50%;  margin-left:-21px;  margin-top:-21px;  z-index:10;  -webkit-transform-origin:50%;  -ms-transform-origin:50%;  transform-origin:50%;  -webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;  animation:swiper-preloader-spin 1s steps(12, end) infinite; } 
.swiper-lazy-preloader:after {  display:block;  content:"";  width:100%;  height:100%;   background-position:50%;  background-size:100%;  background-repeat:no-repeat; } 
.swiper-lazy-preloader-white:after {   } 
@-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg); } 
} 
@keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } 
.sprite-demo {  width:100px;  height:100px;  background-color:#f60; } 
.all-sprite {  color:#f60;  width:500px;  height:500px;  background:#f4f4f4 url("../images/sprite.png") no-repeat 0 0; } 
.base64-demo {  padding:10px;  background:#f60 url("../images/download.jpg") no-repeat 0 0; } 
.subbaner {  overflow:hidden;  clear:both;  position:relative; } 
.subbaner img {  height:150px;  display:block;  position:relative;  left:50%;  -webkit-transform:translateX(-50%);  -ms-transform:translateX(-50%);  transform:translateX(-50%); } 
.subnavlist03 {  background-color:#f2f2f2; } 
.subnavlist03 .commonweb {  display:none;  max-width:1200px; } 
.subnavlist03 ul li {  font-size:16px;  text-align:center; } 
.subnavlist03 ul li a {  display:block;  width:100%;  font-size:16px;  padding:22px 0;  text-align:center;  line-height:18px;  background-color:#f2f2f2;  color:#333; } 
.subnavlist03 ul li a:hover, .subnavlist03 ul li a.cur {  background-color:#f60;  color:#fff; } 
.zsannavbtn03 {  padding:15px;  color:#333;  text-align:center;  font-size:16px;  cursor:pointer; } 
.zsannavbtn03 a:after {  display:inline-block;  content:"";  width:12px;  height:12px;  border-left:1px solid #333;  border-bottom:1px solid #333;  margin:0 0 3px 6px;  -webkit-transform:rotate(-45deg);  -ms-transform:rotate(-45deg);  transform:rotate(-45deg); } 
@media(min-width:768px) { .subbaner img { width:auto; height:auto; } 
.subnavlist03 ul { font-size:0; } 
.zsannavbtn03 { display:none; } 
.subnavlist03 .commonweb { display:block; } 
.subnavlist03 { display:block; text-align:center; } 
.subnavlist03 ul li { display:inline-block; } 
.subnavlist03 ul li a { width:auto; padding:22px 7px; position:relative; margin:0; } 
.subnavlist03 ul li a:after { content:''; display:block; position:absolute; right:0; top:0; width:1px; height:100%; background-color:#b3b3b3; } 
.subnavlist03 ul li:last-child a:after { display:none; } 
} 
@media(min-width:1024px) { .subnavlist03 ul li a { padding:22px 10px; } 
.subnavlist03 ul li a:hover, .subnavlist03 ul li a.cur { background-color:#fff; color:#333; } 
} 
@media(min-width:1200px) { .subnavlist03 ul li { width:20%; } 
.subnavlist03 ul li a { padding:21px 0; } 
.subnavlist03 ul li a { background:rgba(0, 0, 0, 0.4); color:#fff; } 
.subnavlist03 { background:none; } 
.subnavcont03 { position:relative; margin-top:-60px; z-index:10; } 
} 
@media(max-width:319px) { body { width:320px; } } 
.container {  padding:10px 0; } 
@media(min-width:768px) { .container { padding:20px 0 45px; } } 
.g-tit {  color:#0e7cc7;  font-size:20px;  font-weight:bold; } 
.colorgray {  color:#909292; } 
.ceo-speech {  color:#666; } 
.ceo-speech h2 {  padding-bottom:15px; } 
.ceo-speech img {  display:block;  max-width:100%; } 
.ceo-speech p {  line-height:26px; } 
.ceo-speech .signature {  padding:10px 0 20px; } 
.ceo-speech dl {  border-bottom:1px solid #0e7cc7;  padding-bottom:25px;  margin-bottom:30px; } 
.ceo-speech .ceo-speech-bottom {  margin-bottom:0;  border-bottom:none;  padding-bottom:0; } 
.ceo-speech .colorgray {  padding-right:5px; } 
.ceo-speech h3 {  color:#0e7cc7;  font-size:18px;  padding:15px 0 10px; } 
.subcompany-switch {  padding:0 50px;  margin-bottom:10px;  position:relative; } 
.subcompany-prev, .subcompany-next {  width:40px;  height:40px;  position:absolute;  top:0;  z-index:30; } 
.subcompany-prev:after, .subcompany-next:after {  content:'';  display:block;  width:15px;  height:15px;  position:absolute;  left:50%;  top:50%; } 
.subcompany-prev {  left:0; } 
.subcompany-prev:after {  border-bottom:1px solid #666;  border-left:1px solid #666;  -webkit-transform:translate(-4px, -8px) rotate(45deg);  -ms-transform:translate(-4px, -8px) rotate(45deg);  transform:translate(-4px, -8px) rotate(45deg); } 
.subcompany-next {  right:0; } 
.subcompany-next:after {  border-right:1px solid #666;  border-top:1px solid #666;  -webkit-transform:translate(-12px, -8px) rotate(45deg);  -ms-transform:translate(-12px, -8px) rotate(45deg);  transform:translate(-12px, -8px) rotate(45deg); } 
.subcompany-bd {  overflow:hidden; } 
.subcompany-bd a {  display:block;  text-align:center;  line-height:40px; } 
.subcompany-bd .cur {  background-color:#f60;  color:#fff; } 
.subcompany {  color:#666;  overflow:hidden;  display:none; } 
.subcompany h2 {  padding-bottom:15px; } 
.subcompany img {  display:block;  max-width:100%; } 
.subcompany:first-of-type {  display:block; } 
.news-search form {  border:1px solid #dedede;  background-color:#fcfcfc;  border-radius:20px;  overflow:hidden;  padding:0 70px 0 17px;  position:relative; } 
.news-search input {  width:100%;  height:40px;  line-height:40px;  display:block;  vertical-align:top;  background-color:#fcfcfc; } 
.news-search input[type=submit] {  width:50px;  background:#fcfcfc url(../images/icon01.png) center center no-repeat;  position:absolute;  right:10px;  top:0; } 
.news-list {  padding-bottom:10px; } 
.news-list ul {  padding-bottom:40px; } 
.news-list dl { background:#fafafa; margin-bottom:20px; } 
.news-list dl .news-date {  color:#f60;  font-size:18px;  padding-top:10px; } 
.news-list dl img {  display:block;  width:100%; } 
.news-list dl h3 a {  height:34px;  line-height:34px;  white-space:nowrap;  text-overflow:ellipsis;  overflow:hidden;  font-size:16px; } 
.news-list dl .news-desc {  color:#808080;  line-height:24px;  height:48px;  overflow:hidden;  margin-bottom:10px; } 
.news-list dl .news-more {  color:#f60;  font-size:16px;  display:inline-block; } 
.news-list dl dd {  padding:10px; } 
.news-list li {  border-bottom:1px dashed #dedede;  padding:15px 0; } 
.news-list li .news-date {  color:#f60;  font-size:16px; } 
.news-list li h3 {  padding-top:8px; } 
.news-list li h3 a {  display:block;  font-size:16px;  color:#454545;  height:24px;  line-height:24px;  white-space:nowrap;  text-overflow:ellipsis;  overflow:hidden; } 
.news-list li .news-desc {  height:48px;  line-height:24px;  overflow:hidden;  color:#999; } 
.page {  text-align:center; } 
.page img {  max-width:100%; } 
.news-detail-top {  border-bottom:3px solid #e0e0e0;  padding-bottom:10px;  position:relative; } 
.news-detail-top .news-detail-date {  color:#666;  font-size:16px; } 
.news-detail-top h1 {  color:#f60;  font-size:18px;  padding:10px 0; } 
.news-detail-top dl dt {  color:#929292; } 
.news-detail-top dl dt span {  padding-right:5px; } 
.news-detail-top dl dd {  padding-top:10px; } 
.news-detail-top dl dd .shareIcon {  color:#737373;  padding-left:21px;  background:url(../images/icon02.png) left center no-repeat; } 
.news-detail-top:after {  content:'';  display:block;  width:14.3%;  height:3px;  background-color:#f60;  position:absolute;  bottom:-3px;  left:0; } 
.news-share {  display:inline-block;  vertical-align:top; } 
.news-share .facebook {  background-position-x:0; } 
.news-share .instagram {  background-position-x:-26px; } 
.news-share .twitter {  background-position-x:-52px; } 
.news-share .google {  background-position-x:-78px; } 
.news-detail {  padding-top:20px;  overflow:hidden;  line-height:30px;  font-size:16px; } 
.news-detail img { max-width:100%;  height:auto!important;  margin:0 auto; } 
.culture {  color:#666; } 
.culture h3 {  color:#333;  font-size:20px; } 
.culture h3:after {  content:'';  display:block;  width:65px;  height:1px;  background-color:#f60;  margin:20px 0; } 
.culture dt {  background-color:#f8f7fc;  padding:20px 15px; } 
.culture dd {  background-color:#fcfcfc;  padding:20px 15px; } 
.activities {  padding-top:30px; } 
.activities h2 {  text-align:center;  font-weight:bold;  font-size:22px;  padding-bottom:15px; } 
.activities-scroll {  padding:0 55px;  position:relative; } 
.activities-prev, .activities-next {  width:42px;  height:43px;  position:absolute;  top:50%;  margin-top:-21px;  background:url(../images/icon04.png) no-repeat; } 
.activities-prev {  left:0; } 
.activities-next {  right:0;  background-position-x:right; } 
.activities-bd {  overflow:hidden; } 
.activities-bd img {  width:100%;  display:block; } 
.about-company-top {  color:#666;  line-height:24px; } 
.about-company-top h2 {  font-size:22px;  font-weight:bold;  padding-bottom:10px;  color:#4c4c4c; } 
.about-company-top-img {  padding-top:10px; } 
.about-company-top-img img {  display:block;  max-width:100%; } 
.about-company-middle {  padding-top:20px; } 
.about-company-middle li {  margin-bottom:20px; } 
.about-company-middle .thumb {  border:1px solid #f2f2f2;  text-align:center;  padding:20px 10px;  color:#b8b8b8;  min-height:131px; } 
.about-company-middle .num {  font-size:30px;  line-height:normal;  color:#242424; } 
.about-company-bottom {  line-height:24px;  color:#7d8184; } 
.about-company-bottom img {  display:block;  max-width:100%;  margin:20px auto 30px; } 
.case-list {  line-height:40px;  font-size:16px; } 
.case-list li {  margin-bottom:10px; } 
.case-list li img {  display:block;  width:100%; } 
.thumb-popup402 {  display:none;  position:fixed;  left:0;  top:0;  z-index:100;  width:100%;  height:100%;  background:rgba(0, 0, 0, 0.5); } 
.thumb-copy-wrapper402 {  overflow:hidden;  position:absolute;  left:50%;  top:50%;  -webkit-transform:translate3d(-50%, -50%, 0);  transform:translate3d(-50%, -50%, 0);  width:94%;  height:77%;  max-width:1000px; } 
.thumb-copy-wrapper402 .swiper-wrapper li {  -webkit-flex-shrink:0;  -ms-flex:0 0 auto;  -ms-flex-negative:0;  flex-shrink:0;  width:100%;  height:100%;  position:relative; } 
.thumb-copy-wrapper402 .swiper-wrapper li img {  display:block;  max-width:100%;  max-height:100%;  position:relative;  left:50%;  top:50%;  -webkit-transform:translate(-50%, -50%);  -ms-transform:translate(-50%, -50%);  transform:translate(-50%, -50%); } 
.thumb-popup402-box {  position:absolute;  left:50%;  top:50%;  -webkit-transform:translate3d(-50%, -50%, 0);  transform:translate3d(-50%, -50%, 0);  width:94%;  height:60%;  max-width:800px;  background:#fff; } 
.thumb-popup402-box .close {  position:absolute;  right:0;  top:-50px;  z-index:9;  width:36px;  height:36px;  cursor:pointer;  background:url(../images/icon05.png) no-repeat; } 
.thumb-text402 {  position:absolute;  padding:25px 10px;  background-color:#fff;  left:0;  right:0;  bottom:0;  color:#333;  z-index:10;  text-align:center;  font-size:20px; } 
.thumb-index402 {  display:inline-block;  margin-left:12px; } 
.thumb-leftbtn402, .thumb-rightbtn402 {  display:none;  position:absolute;  top:50%;  z-index:10;  cursor:pointer;  -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%);  transform:translateY(-50%); } 
.thumb-leftbtn402 {  left:10px; } 
.thumb-rightbtn402 {  right:10px; } 
.thumb-leftbtn402::before, .thumb-rightbtn402::before { display:inline-block; content:""; width:20px; height:20px; border-left:2px solid #333; border-bottom:2px solid #333; } 
.thumb-leftbtn402::before { -webkit-transform:rotate(40deg); -ms-transform:rotate(40deg); transform:rotate(40deg); margin:12px 0 0 5px; } 
.thumb-rightbtn402::before { -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg); margin:12px 5px 0 0; } 
.contact-top h2 {  font-size:18px;  font-weight:bold;  padding-bottom:10px; } 
.contact-top p {  margin-bottom:5px; } 
.contact-top img {  display:block;  max-width:100%; } 
.contact-map {  padding:20px 0; } 
.contact-feedback h3 {  color:#333;  text-align:center;  font-size:18px;  font-weight:bold;  padding-bottom:10px; } 
.contact-feedback label {  width:100%; overflow:hidden; display:block;  border:1px solid #ddd;  padding-left:10px;  margin-bottom:10px;  padding-right:40px;  position:relative; } 
.contact-feedback input {  height:40px;  width:100%; } 
.contact-feedback textarea {  height:100px;  padding:10px 0; } 
.contact-feedback .must {  display:block;  position:absolute;  right:20px;  top:14px;  color:#fb0013;  font-size:16px; } 
.contact-feedback input[type=submit], .contact-feedback input[type=reset] {  width:40%;  line-height:40px;  max-width:160px;  display:inline-block;  vertical-align:top;  background-color:#666;  color:#fff;  font-weight:bold;  font-size:16px;  margin:0 10px;  cursor:pointer; } 
.contact-feedback ul {  padding-bottom:10px; } 
.contact-feedback input[type=submit] {  background-color:#f60; } 
.contact-feedback .col-xs-12 {  padding:0 15px; } 
.product-list-few dl {  border-bottom:1px solid #ebebeb;  padding-bottom:20px;  margin-bottom:20px;  color:#666; } 
.product-list-few dl img {  display:block;  max-width:100%;  margin:0 auto; } 
.product-list-few dl h3 {  font-size:18px;  font-weight:bold; } 
.product-list-few dl h3 a {  color:#4c4c4c; } 
.product-list-few dl .more {  color:#0e7cc7; } 
.product-list-few dl .desc {  padding:10px 0; } 
.product-list-many ul {  padding-bottom:30px; } 
.product-list-many li {  position:relative; /* padding:20px 0;*/  cursor:pointer;  background-color:#fff; } 
.product-list-many li:hover .hover-show {  opacity:1; } 
.product-list-many li img {  display:block;  max-width:100%;  margin:0 auto;  position:absolute;  left:50%;  top:50%;  -webkit-transform:translate(-50%, -50%);  -ms-transform:translate(-50%, -50%);  transform:translate(-50%, -50%);  max-width:100%;  max-height:100%; } 
.product-list-many .img {  display:block;  width:100%;  height:240px;  overflow:hidden;  position:relative; } 
.product-list-many .hover-show {  width:100%;  height:100%;  position:absolute;  left:0;  top:0;  color:#fff;  background-color:rgba(0, 0, 0, 0.56);  padding:20px 20px 20px 30px;  opacity:0; -webkit-transition:.3s ease opacity; transition:.3s ease opacity; } 
.product-list-many .hover-show a {  color:#fff; } 
.product-list-many .hover-show .tit {  font-size:18px;  font-weight:bold;  padding-bottom:10px; } 
.product-list-many .hover-show .desc {  line-height:22px;  padding-bottom:10px;  opacity:.8; } 
.product-list-many .hover-show .more {  font-weight:bold;  font-size:16px; } 
.product-list-many .hover-show .fulllink {  width:100%;  height:100%;  position:absolute;  left:0;  top:0;  z-index:2;  display:block; } 
.product-list-many h3 {  font-size:14px;  text-align:center; } 
.container.pro-container {  background-color:#f5f5f5; } 
.producr-detail {  text-align:center;  background-color:#fff; } 
.producr-detail .commonweb {  max-width:none; } 
.producr-detail h3 {  font-weight:bold;  font-size:22px;  padding-bottom:10px; } 
.producr-detail h4 {  font-size:16px;  color:#666; } 
.producr-detail img {  max-width:100%;  display:block;  margin:20px auto; } 
.product-container {  padding-bottom:0; } 
.bggray {  background-color:#f7f7f7; } 
.procudt-detail-two {  padding:30px 0 10px; } 
.procudt-detail-three {  overflow:hidden;  padding:30px 0 10px; } 
.load-more {  display:block;  width:100%;  line-height:40px;  text-align:center;  color:#fff;  background-color:#f60; } 
@media(max-width:768px) { .product-list-many .pagination li, .news-list .pagination li, .resultlist401 .pagination li { border:1px solid #f5f5f5!important; padding:20px!important; width:120px; } 
.product-list-many li { width:50%; float:left; } #data li:nth-child(odd) { border:none; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5; border-top:1px solid #f5f5f5; } #data li:nth-child(even) { border:none; border-right:1px solid #f5f5f5; border-top:1px solid #f5f5f5; } #data li:nth-last-child(1) { border:none; border-right:1px solid #f5f5f5; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; } #data li:nth-last-child(2) { border:none; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; } 
.product-list-many li h3 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.product-list-many .img { height:200px; } 
.tzShop-item_title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
} 
@media(min-width:768px) { .g-tit { font-size:24px; } 
.distable { width:100%; display:table; } 
.distable dt, .distable dd { display:table-cell; vertical-align:top; } 
.ceo-speech { font-size:16px; } 
.ceo-speech h2 { margin-top:-3px; } 
.ceo-speech dt { padding-right:30px; } 
.ceo-speech dd { width:35%; } 
.ceo-speech p { line-height:30px; } 
.ceo-speech .ceo-speech-bottom dt { display:block; } 
.subcompany { font-size:16px; line-height:30px; } 
.subcompany img { margin:0 auto; } 
.news-search form { width:230px; float:right; } 
.news-list dl { width:100%; display:table; } 
.news-list dl dt, .news-list dl dd { display:table-cell; vertical-align:middle; width:50%; } 
.news-detail-top .news-detail-date { font-size:20px; } 
.news-detail-top h2 { font-size:22px; } 
.news-detail-top dl dt { float:left; } 
.news-detail-top dl dd { float:right; padding-top:0; } 
.news-detail { padding-top:5px; line-height:30px; font-size:16px; } 
.news-detail p{/*padding-top:5px;*/} 
.news-detail ul { margin:0 -14px; } 
.news-detail ul li { padding:0 14px; } 
.subcompany-bd a { line-height:65px; position:relative; } 
.subcompany-bd a:after { content:''; display:block; width:1px; height:15px; background-color:#ccc; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } 
.subcompany-bd .cur:after { display:none; } 
.culture { font-size:16px; } 
.culture dl { width:100%; display:table; border-bottom:1px solid #dedee1; min-height:230px; } 
.culture dt, .culture dd { display:table-cell; vertical-align:top; width:50%; padding:30px; } 
.culture dl:nth-child(2n) dt { background-color:#fcfcfc; } 
.culture dl:nth-child(2n) dd { background-color:#f8f7fc; } 
.activities { padding-top:40px; } 
.activities h2 { padding-bottom:20px; font-size:26px; } 
.about-company-top-img img { margin:0 auto; } 
.case-list { font-size:16px; } 
.case-list li { margin-bottom:15px; } 
.case-list li img { margin-bottom:10px; } 
.case-list ul { padding-bottom:15px; } 
.contact-top h2 { font-size:20px; padding-bottom:10px; } 
.contact-top p { font-size:16px; } 
.contact-map { padding:30px 0; } 
.contact-feedback h3 { font-size:20px; padding-bottom:20px; } 
.product-list-few dt { width:30%; } 
.product-list-few dd { width:70%; padding-left:20px; vertical-align:middle; } 
.product-list-few dl h3 { font-size:20px; } 
.pagination { font-size:0; } 
.pagination a:nth-last-child(1) { border-right:1px solid #f5f5f5; } #data li:nth-child(4n+1) { border:none; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5; border-top:1px solid #f5f5f5; } #data li:nth-child(4n+2) { border:none; border-right:1px solid #f5f5f5; border-top:1px solid #f5f5f5; } #data li:nth-child(4n+3) { border:none; border-right:1px solid #f5f5f5; border-top:1px solid #f5f5f5; } #data li:nth-child(4n) { border:none; border-right:1px solid #f5f5f5; border-top:1px solid #f5f5f5; } #data li:nth-last-child(1) { border:none; border-right:1px solid #f5f5f5!important; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; } #data li:nth-last-child(2) { border:none; border-right:1px solid #f5f5f5; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; } #data li:nth-last-child(3) { border:none; border-right:1px solid #f5f5f5; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; } #data li:nth-last-child(4) { border:none; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; } 
.product-list-many li .hover-show { padding:40px; } 
.producr-detail h3 { font-size:26px; padding-bottom:20px; } 
.producr-detail img { margin-top:40px; } 
.news-list dl h3 a { font-size:18px; } 
.about-company-middle .thumb { min-height:0; } 
} 
@media(min-width:992px) and(max-width:1024px) { .product-list-many h3 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } } 
.article-declare {  margin:20px 0;  font-size:14px;  color:#999; } 
@media(min-width:992px) { .ceo-speech dl { padding-bottom:48px; } 
.ceo-speech dd { width:340px; } 
.ceo-speech .signature { padding-top:20px; } 
.ceo-speech .ceo-speech-bottom { padding-bottom:0; } 
.ceo-speech .ceo-speech-bottom dd { width:410px; } 
.ceo-speech .ceo-speech-bottom dt { padding-right:70px; } 
.ceo-speech .ceo-speech-bottom h3 { padding-top:40px; padding-bottom:5px; } 
.news-list dl { margin-bottom:20px; } 
.news-list dl dd { font-size:14px; } 
.news-list li { padding:40px 0 25px; } 
.news-list li .thumb { position:relative; padding-left:150px; } 
.news-list li .news-date { position:absolute; left:0; top:0; z-index:1; font-size:20px; } 
.news-list li .news-desc { font-size:14px; margin-top:10px; } 
.news-list li h3 { padding-top:0; } 
.news-list li h3 a { font-size:22px; } 
.news-detail-top { padding-bottom:18px; } 
.news-detail-top .news-detail-date { font-size:24px; } 
.news-detail-top h1 { font-size:24px; padding-top:15px; } 
.news-detail-top dl { padding-top:2px; } 
.culture dl { min-height:250px; } 
.culture h3 { font-size:24px; } 
.culture h3:after { margin:35px 0; } 
.activities { padding-top:55px; padding-bottom:30px; } 
.activities h2 { font-size:28px; font-weight:bold; padding-bottom:25px; } 
.about-company-top-text { float:right; width:60%; padding-left:30px; } 
.about-company-top-text h2 { padding-top:10px; font-size:30px; line-height:40px; } 
.about-company-top-img { float:left; width:40%; padding-top:0; } 
.about-company-middle li .thumb { min-height:131px; } 
.case-list li { margin-bottom:25px; } 
.product-list-few dl { font-size:16px; } 
.product-list-few dl h3 { font-size:24px; padding-bottom:7px; } 
.product-list-few dl .desc { line-height:30px; padding-bottom:15px; } 
.product-list-many .img { margin-bottom:20px; } 
.product-list-many .hover-show { padding:30px; } 
.product-list-many .hover-show .tit { padding-bottom:20px; } 
.product-list-many .hover-show .desc { height:170px; overflow:hidden; margin-bottom:15px; } 
} 
@media(min-width:1024px) { 
.news-list dl dt { width:300px; } 
.news-list dl dd { width:auto; padding:30px 50px 30px 30px; } 
.subcompany-switch a { line-height:65px; } 
.subcompany-prev, .subcompany-next { top:13px; } 
.subcompany-bd a:hover { background-color:#666; color:#fff; } 
.subcompany-bd a:hover:after { display:none; } 
.subcompany-prev:hover:after, .subcompany-next:hover:after { border-color:#666; } 
.activities-prev:hover, .activities-next:hover { background-position-y:bottom; } 
.product-list-many li:hover .hover-show { opacity:1; } 
.product-list-many li:hover .hover-show .fulllink { display:block; } } 
.detailpage11 {  font-size:16px;  padding-top:20px;  margin-top:30px;  color:#333;  line-height:28px;  border-top:1px solid #d9d9d9; } 
.detailpage11 dd a {  color:#333; } 
.detailback11 {  display:block;  width:144px;  height:49px;  background-color:#f60;  color:#fff;  text-align:center;  line-height:49px;  margin:15px auto 0; } 
.detailback11:hover {  color:#fff; } 
@media(min-width:992px) { .detailpage11 { padding-top:35px; margin-top:10px; } 
.detailpage11 dd { float:left; } 
.detailpage11 dt { float:right; } 
.detailback11 { margin:0; } 
} 
@media(min-width:1200px) { .ceo-speech dt { padding-right:180px; } 
.subcompany dl { display:table; } 
.subcompany dd, .subcompany dt { display:table-cell; width:50%; vertical-align:top; } 
.subcompany dt { padding-top:8px; } 
.subcompany dd { padding-left:60px; } 
.subcompany dd img { margin:0; } 
.subcompany-bd a { font-size:16px; } 
.culture dl { min-height:285px; } 
.culture dl dt, .culture dl dd { padding:50px 60px; } 
.culture dl h3 { font-size:26px; } 
.activities { padding-top:95px; padding-bottom:60px; } 
.activities h2 { font-size:36px; padding-bottom:45px; } 
.about-company-top h2 { font-size:28px; padding-top:0; line-height:40px; } 
.about-company-top-img { width:525px; } 
.about-company-top-text { width:675px; padding-left:30px; font-size:16px; line-height:40px; } 
.about-company-middle { padding-top:35px; } 
.about-company-middle li .thumb { min-height:0; font-size:18px; padding-bottom:30px; } 
.about-company-middle li .num { font-size:48px; } 
.about-company-bottom { padding-top:30px; line-height:30px; font-size:16px; } 
.about-company-bottom dt, .about-company-bottom dd { float:left; width:50%; } 
.about-company-bottom img { margin:0; } 
.about-company-bottom dd { padding-left:30px; } 
.about-company-bottom dl { padding-bottom:50px; } 
.about-company-bottom dl:nth-child(2n) dt { float:right; } 
.about-company-bottom dl:nth-child(2n) dd { padding-left:0; padding-right:30px; } 
.about-company-bottom dl:last-child { padding-bottom:5px; } 
.thumb-popup402-box .close { right:-27px; } 
.case-list { padding-bottom:5px; } 
.case-list ul { padding-bottom:35px; } 
.contact-top h2 { color:#323232; padding-top:20px; font-size:24px; padding-bottom:30px; } 
.contact-top dd, .contact-top dt { width:50%; } 
.contact-top dt { padding-right:30px; line-height:24px; } 
.contact-top p { margin-bottom:10px; } 
.contact-map { padding:60px 0 50px; } 
.contact-feedback { padding:30px 0; max-width:1200px; margin:0 auto; padding-bottom:25px; } 
.contact-feedback h3 { font-size:24px; line-height:36px; padding-bottom:30px; } 
.contact-feedback input { height:60px; line-height:60px; font-size:16px; padding-left:10px; } 
.contact-feedback .must { top:23px; } 
.contact-feedback li { padding:0 15px; margin-bottom:10px; } 
.contact-feedback li label{ position:relative;}
.contact-feedback li label img{ position:absolute; right:0; top:45%;}
.contact-feedback .col-xs-12 { padding:0 15px; } 
.contact-feedback ul { margin:0 -15px 20px; } 
.contact-feedback textarea { height:188px; font-size:16px; padding-left:10px; } 
.contact-feedback input[type=submit], .contact-feedback input[type=reset] { font-size:18px; padding:0; } 
.product-list-few dl { padding-bottom:45px; margin-bottom:50px; } 
.product-list-few dt { width:38%; padding-right:10px; max-width:455px; } 
.product-list-few dl:last-child { margin-bottom:25px; } 
.product-list-many { padding-bottom:15px; } 
.product-list-many ul { padding-bottom:60px; } 
.product-list-many li { padding:10px; } 
.product-list-many .hover-show .desc { height:auto; font-size:16px; margin-bottom:13px; line-height:24px; } 
.product-list-many .hover-show .tit { font-size:20px; padding-top:20px; } 
.product-list-many h3 { font-size:16px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.product-list-many .img { margin-bottom:15px; } 
.producr-detail { padding-top:15px; } 
.producr-detail h3 { font-size:36px; line-height:36px; padding-bottom:20px; } 
.producr-detail h4 { font-size:20px; line-height:32px; } 
.producr-detail img { margin-top:65px; } 
.procudt-detail-one { padding-bottom:57px; } 
.procudt-detail-two { padding-top:105px; padding-bottom:90px; } 
.procudt-detail-two img { margin-top:45px; } 
.procudt-detail-three { padding-top:100px; padding-bottom:105px; } 
.procudt-detail-four { padding-top:75px; padding-bottom:70px; } 
.procudt-detail-four img { margin-top:100px; } 
.news-list dl h3 a { font:21px/34px "微软雅黑"; } 
} 
@media(min-width:1340px) { .subcompany-switch { padding:0; } 
.subcompany-prev { left:-65px; } 
.subcompany-next { right:-65px; } 
} 
@media(min-width:1400px) { .activities-scroll { padding:0; } 
.activities-prev { left:-92px; } 
.activities-next { right:-92px; } } 
.searchtitle401 {  padding:15px;  background-color:#f1f1f1; } 
.resultlist401 {  font-size:13px;  padding:15px 0; } 
.resultlist401 img {  display:block;  width:100%; } 
.resultlist401 li {  padding:15px 0;  border-top:1px solid #ccc;  border-bottom:1px solid #ccc;  margin-bottom:-1px; } 
.resultlist401 h4 {  font-size:16px;  line-height:24px;  margin-bottom:10px; } 
.resultlist401 h4 a {  display:block; } 
.resultlist401 h4 em {  color:red; } 
.resultlist401 h4 a {  display:block; } 
.resulttext401 {  height:72px;  font-size:14px;  line-height:24px;  display:-webkit-box;  text-overflow:ellipsis;  overflow:hidden;  -webkit-box-orient:vertical;  -webkit-line-clamp:3;  color:#666; } 
.resultlabel401 {  color:#333;  display:inline-block;  padding-top:3%; } 
.searchinputcont401 {  padding-right:60px; } 
.searchinputcont401 dt input {  position:relative;  float:left;  width:100%;  height:40px;  line-height:40px;  text-indent:12px;  font-size:15px;  color:#333;  background-color:#fff; } 
.searchinputcont401 dd input {  position:relative;  left:60px;  margin-left:-60px;  float:left;  width:60px;  height:40px;  line-height:40px;  text-align:center;  font-size:14px;  color:#fff;  cursor:pointer;  background:#f60; } 
.searchimg401 {  display:block;  margin-bottom:3%; } 
@media(min-width:768px) { .searchinputcont401 { max-width:61.8%; margin:0 auto; } 
.searchtitle401 { font-size:24px; } 
.resultlist401 { padding:3% 0; } 
.resultlist401 img { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); max-width:100%; width:auto; } 
.searchimg401 { float:left; margin:0 3% 0 0; display:block; width:200px; height:150px; overflow:hidden; position:relative; } 
.resultlist401 h4 { font-size:20px; margin-bottom:2%; } 
} 
@media(min-width:1024px) { .searchtitle401 { margin-top:40px; padding:28px 15px; } 
.searchinputcont401 { width:45%; } 
.searchinputcont401 dt { float:left; width:78%; } 
.searchinputcont401 dd { float:left; width:22%; } 
.searchinputcont401 dd input { left:0; margin-left:0; width:100%; } 
.searchinputcont401 dt input { font-size:18px; } 
.searchinputcont401 dd input { font-size:18px; background-position:80% center; } } 
.laypage_main span, .laypage_main a {  width:35px!important;  height:35px!important;  line-height:35px!important;  font-size:13px;  vertical-align:top;  padding:0!important; } 
.laypage_main a {  color:#808080;  background-color:#fff!important;  border:1px solid #d8d8d8;  padding:0!important;  margin:0 5px!important; } 
.laypage_next, .laypage_next, .laypage_main span {  margin:0!important;  padding:0!important; } 
.laypage_next, .laypage_next {  margin:0 10px!important; } 
.laypage_main img {  vertical-align:middle; } 
.nav ul.sub-nav li {  width:100%; } 
.nav ul.sub-nav li h4 {  width:100%;  height:40px; } 
.nav ul.sub-nav li h4 a:after {  display:none; } 
.nav ul.sub-nav li h4 a {  padding:12px 15px;  text-align:center;  font-weight:inherit;  height:40px;  line-height:20px;  border-bottom:1px solid #ddd;  background-color:rgba(255, 255, 255, 0.85);  color:#2a2a2a;  white-space:nowrap;  font-size:14px; } 
.nav ul.sub-nav li h4 a:hover {  color:#f60; } 
.nav ul.sub-nav li {  padding:0!important;  border-bottom:none!important; } 
.sub-nav li h4 {  font-size:inherit; }   .pagination {  clear: both;  margin: 20px;  overflow: hidden;  margin-left: 0px;  text-align: center;  font-size:14px } 
.pagination ul span,.pagination ul>a {  display:inline-block;  border: 1px solid #ccc;  padding: 10px 18px;  margin: 0 1px;  line-height:24px;  background: #fff;  color:#999 } 
.pagination ul span:hover,.pagination ul>a:hover {  background:#f60;  color:#fff;  border: 1px solid #f60 } 
.pagination ul li:hover a {  color:#fff; } 
.pagination ul li.thisclass {  display: inline-block;  border: 1px solid #f60;  padding: 10px 18px;  margin: 0 1px;  background: #f60;  color: #fff; } 
.pagination ul li.thisclass a {  color: #fff; } 
.pagination ul li a {  display:block;  color:#999 } 
.pagination ul li a:hover {  color: #fff; }  @media(max-width:768px) { .page-item { width:60px; } } 
.page-item:after {  clear:both; } 
.page-link {  display:inline-block; } 
.in-link-dot {  display:none; } 
.main {  margin:0 auto;  text-align:left;  position:relative; overflow:hidden; } 
@media(min-width:1366px) { .main { padding:0 135px 0 135px; } } 
.topBar {  width:100%;  height:30px;  overflow:hidden;  background:#f2f2f2; } 
.topBar .topL {  height:25px;  padding:5px 0; } 
.topBar .topL p {  float:left;  width:170px;  color:#999;  font-size:12px;  padding-left:30px;  line-height:20px; } 
.topBar .topL p.tel {  background:url(../images/tel.png) no-repeat left center; } 
.topBar .topL p.email {  background:url(../images/email.png) no-repeat left center; } 
.topBar .share {  color:#999;  font-size:12px;  height:25px;  padding:5px 80px 5px 0; position:relative;} 
.topBar .share>a {  display:block;  float:left;  width:25px;  height:20px;  text-indent:-9999px; } 
.lan{ position:absolute; top:0; right:0;}
.lan a{ width:35px; display:inline-block; height:23px; font:12px/23px "微软雅黑"; background:#f60; color:#fff; text-align:center;}
.lan a:last-child{ background:#00a74a;}
.topBar .pinterest {  background:url(../images/pinterest.png) no-repeat center; } 
.topBar .linkedin {  background:url(../images/inter.png) no-repeat center; } 
.topBar .twitter {  background:url(../images/twitter.png) no-repeat center; } 
.topBar .facebook {  background:url(../images/face.png) no-repeat center; } 
.topBar .googleplus {  background:url(../images/plus.png) no-repeat center; } 
.floatR {  float:right; } 
.grid_35 {  width:350px;  float:left;  text-align:left; } 
@media(max-width:768px) { .topBar { display:none; } 
.in-link li img { width:60px; } 
} 
@media(min-width:768px) { .m_xufu { display:none; } } 
.m_xufu {  position:relative;  z-index:998;  position:fixed;  left:0;  bottom:0;  font-size:14px;  width:100%;  height:50px;  line-height:50px;  background:rgba(0, 0, 0, .6);  text-align:center;  color:#fff; } 
.m_xufu a {  display:block;  margin:0 auto;  text-align:center; } 
.m_xufu span {  position:relative;  display:inline-block;  margin:0; } 
.m_xufu span.a {  position:absolute;  margin:0;  width:50px;  height:68px;  left:-2px;  top:31px;  background:transparent url(../images/sprite.png) no-repeat center center;  background-size:50px 68px; } 
.m_xufu span.b {  height:28px;  line-height:28px;  margin:0 8px 0 2px; } 
.m_xufu span.c {  margin:0;  height:28px;  line-height:28px;  text-align:center;  border-radius:10px;  background-color:#de3c3c;  padding:0 12px;  font-size:14px; } 
.m_xufu span.d {  width:45px;  height:30px; } 
.m_xufu a {  color:#fff; } 
.m_xufu span.xk_k {  display:block;  display:none;  margin:0 15px;  position:relative; } 
.m_xufu span.xk_k span.ba {  display:block;  font-size:16px;  line-height:20px;  color:#fff404;  margin:8px 0 2px 0; } 
.m_xufu span.xk_k span.bb {  display:block;  font-size:16px;  line-height:14px;  color:#fff; } 
.m_xufu span.xk_k span.bb b {  color:#ff552e; } 
.m_xufu span.xk_k span.d {  display:block;  position:absolute;  bottom:7px;  left:0;  height:50px; } 
.m_xufu span.xk_k span.b {  display:block;  text-align:left;  height:50px;  margin:0 0 0 60px; } 
.m_xufu span.xk_k span.c {  display:block;  position:absolute;  top:0;  right:0;  height:30px;  margin-top:2px;  line-height:30px;  background:#f60;  color:#fff; } 
@media(min-width:768px) { .tzShop-item_image { height:268px; position:relative; } 
.tzShop-item_image img { position:absolute; bottom:0; } }