@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'segoeuib';
 
  src: local('segoeuib'), url('../fonts/segoeuib.woff') format('woff'), url('../fonts/segoeuib.ttf') format('truetype'), url('../fonts/segoeuib.svg') format('svg');
   src: url('../fonts/segoeuib.eot');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'segoeui';
  
  src: local('segoeui'), url('../fonts/segoeui.woff') format('woff'), url('../fonts/segoeui.ttf') format('truetype'), url('../fonts/segoeui.svg') format('svg');
  src: url('../fonts/segoeui.eot');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'seguisb';
  
  src: local('seguisb'), url('../fonts/seguisb.woff') format('woff'), url('../fonts/seguisb.ttf') format('truetype'), url('../fonts/seguisb.svg') format('svg');
  src: url('../fonts/seguisb.eot');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'segoeuil';
  
  src: local('segoeuil'), url('../fonts/segoeuil.woff') format('woff'), url('../fonts/segoeuil.ttf') format('truetype'), url('../fonts/segoeuil.svg') format('svg');
  src: url('../fonts/segoeuil.eot');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'impact';
  
  src: local('impact'), url('../fonts/impact.woff') format('woff'), url('../fonts/impact.ttf') format('truetype'), url('../fonts/impact.svg') format('svg');
  src: url('../fonts/impact.eot');
  font-weight: normal;
  font-style: normal;
}

body{font-family:Arial, Helvetica, sans-serif; font-size: 18px;overflow-x: hidden; color: #333;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0; }
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;}
input.ly {
    border: groove;
    height: 46px;
    float: left;
}
img{border: 0 none;vertical-align: middle;}
a{color: #333;text-decoration:none;background-color:transparent;transition: 0.5s;}
a:hover{cursor: pointer; color:#e12925;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
*{ box-sizing: border-box; }


.owl-theme .owl-controls{ margin-top: 10px; text-align: center;}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px;  padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;  background: #869791;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none;}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{  display: block;  width: 12px;  height: 12px;  margin: 5px 7px;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;  -webkit-border-radius: 20px;  -moz-border-radius: 20px;  border-radius: 20px;  background: #869791;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/  opacity: 1;}
/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{  height: auto;  width: auto;  color: #FFF;  padding: 2px 10px;  font-size: 12px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;}

/* preloading images */
.owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center}

/* clearfix */
.owl-carousel .owl-wrapper:after {  content: "."; display: block; clear: both;  visibility: hidden; line-height: 0; height: 0;}
/* display none until init */
.owl-carousel{ position: relative; width: 100%;  -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{ display: none;  position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{  -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out;  -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out;  transition: height 500ms ease-in-out;}
  
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{ cursor: pointer;}
.owl-controls { -webkit-user-select: none;  -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing { cursor:url(../images/grabbing.png) 8 8, move;}

/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden; -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}

/* CSS3 Transitions */

.owl-origin {-webkit-perspective: 1200px;-webkit-perspective-origin-x : 50%;-webkit-perspective-origin-y : 50%; -moz-perspective : 1200px;  -moz-perspective-origin-x : 50%;-moz-perspective-origin-y : 50%; perspective : 1200px;}
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease;}
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease;  animation: fadeIn .7s both ease;}
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease;}
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease;}
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both;}
.owl-goDown-in {-webkit-animation: goDown .6s ease both;-moz-animation: goDown .6s ease both;animation: goDown .6s ease both;}
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both;}

.owl-fadeUp-out {-webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both;}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1609900091337'); /* IE9 */
  src: url('../fonts/iconfont.eot?t=1609900091337#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAA84AAsAAAAAGjwAAA7qAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCGQgqiCJsZATYCJANkCzQABCAFhG0HghMb0BUzo3aTtFJF9l8ncDoEHsucD1Bho6kGv8buzrWtV4RBz0irXzN96xM4dh0SfITwU+GPSJuKate4caepIsExQXytffabN7s7yx/wgEAHWKHPubBKxTHLCHcyYUuKhUN1HBn953uneifZyXt3hoBixQF2UiIQhAqEHkgbS1/tbJ4dNpbYVAbBmP/WAAEEd4dwW7dNDAQ3pHpYNawamBgV+G3W+G4+50dUtvl5UO1tpr5LnxynT0zZXEevdU9bczyIR18QAeGWAwSAof+/+73an3bwKnuq5koZoVCzLq+YvNwPt5wCccYsdyY8C/XySpT/xygB9ab8jDczWE45KJkYonEidfll94YAEV0myO7jIgY4LMITjDqLW9YBVynG9qQKLuInFrUVeYoRZ+6ZM8AT//dlk7kcGDxF3Neh47M3gu0rrH5WoTXtakJcnQKyxUCBCWDBlJJNkqBRTHgZpXTLX2BED/234la839xv2W9VDZ36TJm3aLuDjlpyynL2OvvcarHCqJMX1yuMmJP/iQcVBQ1VMY6AkBIPoUhJqLGURRh8UuoychAfjEwAZIZ1N7CC3ooKVmQrClgxuf2gQKoACyQGeEAc8oEEgAxICKgCKQEa8FgEOoEIoA9IETAFRAHzQBLAIpAaYDsQCzgIpAw4CiQCLAExgFNAfMAytiKF1SZS99AJJAN8xn7kADTtInPgGHj7MvwNRPgNk/o4OwqDEqJYZQgbwsukamEsQ4VPEQ0VmSiIWfx6rZHlaY+WCtqfkAFq7cxkP+K3nU31U5tnUSrpQKFYKMymWa+tD7Yb56s20UIjT8LQ0pT2oMKFQYU75OSvVtpsJqfyCyNpSxhXguZva1D/nVd/ZY+7VLZEVWlvlJaT5cELAxL3KRel/F1I0DhNw6KXnupNvDVPojGiOBmXZOM8Is175RLWLRw0SYkyMphsMvfFgbkaW22KVNOwWRas77ATvhgaMzckxeQGLw0pV9t6FEHStc6BGce6Piyn2huyjXBPy703rO1NlxL+6xhHmzZEc+VtIhdNBhKN679UzB8fHZeDwnKTU1EYQlVZXedJTVtVWadpHOk2NWKzFCsF/vihzAoDCedmj0RtdIUcmPBnjAEGcxjLGTvAq+YkXm2H07iRSSuSNoXbCELq7OIHejXcvKboklIBNsVVWR+4BYa1o4YNe7w0rR4lpS5Xh/nS/cYpP3HaV/zA1BPHPVZVFjW4VDFwi+Dvk6PBNV4txZhi1boUm6ixIrUfUW5ez7MncKNRQhaJ6j1VCpCbG5hn9tBoN41Zt0yfHUrzJ6bjLIQ4ahMmxXZEQYqSEGJcFMN5bDaPByGbqCdpWlQhqshagnaCogReS3rgfjBYFriBTLB7LzCOFql8UAyPKiwysPmcchzw+ctRliuvq6CYrGwqxB1WbxKK7VzYc14TF6grQCQzbrSP6USQgSbCCvd6IggB/CDqDYqB9UQhudMXu9QIRorly/GQsM6XvoZKA65nzoOr/DBJR2TtIlqyQwzb1gjq6UYdXsjxirLJTQ1ylUy3onl9/Vs99EyvbQjcy6yB0KvR1qtvqoeItjL24bPuju6UGlS12XjsIQDuVOuE67eiSO2BfqPR1HsNXAhkodKl4EYQ5ss/Fx/OIhS5BvClGyyR7JjAMwhdSlcYQpnRWN7zyhy2Xi0Gnxvjq7lq4xZzAsXEElSvEL++w9HSeModP4CgGEDZIIBJxIgXaCPEQKwJGQPZdgtphRaIgeDH3iiE5kDkMgxurW2nx9WKU/P6hZJDLj+zq8o8bqB5WAiOF4ICUpucD2el7lQ/ZRIaOnwU7O/aqRpBHX9/AuDtvUhqPO/wqcLd8vw//86L8MURRRmEIDJgsvshMdUQmNS1o9iI2q51FVJH3/bGsHZgLbmP9GqcxXN/hVxmq1t3SpcaFBYg8OggzCMYoIMYQ/QAauqXrF8u178++rxZFdX1LNW/tlNhjRtYA1q9tt3p2/MwMAXxIAyQAh5yWqzbWm7DUFHnaV2XX0A5hxBzATuuFVzV+YjG4GsdDS8p65Rp+soJnp2v2Ntcb2zDo8k5vR4pu7vUyclck8atu6yO7uERE+qyX9XHQrQBd2tTYukGlcHh7rJLyigGwyvaGF8ng3X+8ZS0wvc9Wqbg17BTk6atjY/XZ0614RbrTdEJzcndufEk82wRS+9DlRTXf+bNrBRlGhQMX9bUfGmY957jxOtJrwsH62a74715LUwyy8znMWLY63WOM5+cPHLy0zMNtrWOUcR/v139DfieO8oTVef+zz+1RAzlMXp9jNSA5JWM9J3/geH8Yt9LUX4g8lL0p4938DMfP55Vn42Pfwa/8/HTHrzrfK59K9QMjxTkYa32efajCqHcglaIh0c/mOa5NfTn9HowinK57OlaQTFai0NGYKzTjIFBXJGnsFlUutth7Dh7CTu3hPq9rxBxgxzGpFOtDuUNFkI+Qs3YFL8r0CRsGxWUgI4Pipp8W+28Z+6sIAO3cTGBEqczQIWQHyIbz8Mj8uCRjo/gHkF5PhjGUeFw7WfTayHJrIJr82hsWq3hBGWYID9vie0uY4DxWw+MB6HlsxYunC2ajVd1/1K6voI5kg5TTD8pVe7HpEK0L7NiZvolkELPs8Ww3SlOtqZM+XKmnAhREMpIElgA2Cm1wYqTHMYHkkRLv3wxkxKDTjImfIcilJyWQF9nc36B6sPYjD9fbDmSo/YgE8aNqHzITXMTbxK2de4Kikzw62setsXskuyehpWYFt7wqBmyKCMdjK+x7RkgCFmMgVFj3ILZLp4gcCuVGLHknIjTghvX3APG0qVQNpjdxz7jpdiohSZb2yDsSv8tNsmT0M+jXkg6gM+RpKcf8nWF89UT/vrpnwdu8yqzBYlRaVWO/F5UCYYApE5nmTa+DT6EfGP8DRotIOqRPcsJLRcZRzpAGAcQ6UIRGk15gAaa7AfgzcThOHyxWtqTJTid1oIcbPFo+vAFVCAHkBQQSBgACug4QggEBei2QXPPbZm8mrXNChSVjYtiwfYHRnuFTa/o8cfM/tkirdj84ny7rN18fmaxVjTbb8ZQAAIyBl65In73/m7f6U3hNY2+TCKHYGp/UFIK9XTt6Bu0j2xLleqNkXJTeUo7jaP5xxn/qzvlnbIHuJ+D8k3rWH0b0dbyZX8yPHnuW6HnlnHsWaM2DG6YC+KLQ4PKq0MaFHP9QqHCY+2FjEP+FTIWz8sfa0hw7/LyVzJYfD+l1yD3gvyxgYJJ9l0aPHMxozCtP6lmJJPhp7c7YJjI1cZwl1cVQMeOwK2goLWzAKk5HsPNqc0Mkx+eKtz7BTxreGpjGufrjP7wAARL+MnSI7IwgSs/fMNdOkng4Mu2JqRHpYT1DyuCvkcTVneckX8OjlSlpok5gi6mZ0qaFH3VLj7/YFvkr08oz5HvItVLuVJfGy34b0+mEgXxKf1ZwzCWL6u/eahKxaK3saZibG3l8dFQxP1nvYD9CbNRYoIOAeYt8cYEg+RtrBpW681LB1p9R1tF9aUxr4+gwnqM9RkbVs3COsJnwfbGsPpCUHYFG6FvvzosQ/lzOzdq2kKrj4kuNiuOrWla7+8ZS0w+uOmRFXNfv0S7ljWTTriW18xKSf4Owo11w+uCdOnDXY7+XcE0OPPJN/j15sNx7OcpuGc+dOgw1FwaN9TqXkNK2TpmIFGwRjuLBMlFtQY0UsHHU/qlxkCt73slSIbO9lw0NA/gtj6DwS07uzPgHRQFcv3USOJ5fKdF4JYRA80kqgpwm50D4Tp+MvHI0zzMvND1gy4CRclGHwAZoVTeEzjWm3pg6OiWQQWB5reZnX3mAGZP8WkCv84NAA7TSrjZcTka0JuVPjZ9ypIptein70awO07iiWN7gAqhosi9axZ9hqnPAqb3fXT5aFhgJV9D33fXln/UQdxKhVIX6aDoKBWvFjj2Lj9pHmf4vhl5nTXAQjA1MptXL2oNSM+w8/ubzJuf1T2za/7KoeMW1XRLYx1T81N0gv+lBdiUoovRhOr1S/boFgeTeFT85tQLTRJWBFLcCq5FomZvTolT3BqiL+UnnCaxhzL3K0WXptyyJ7EiF1FSdZx8Sf5va6elc2VVomTx9x9VrMtTPepSaIvsQHaKR0N4xsH57FgDW12aEYdJzcb4zvswt3aI3IAOL6P36+nuqq+y6dQguxH3K+iygQ2DhjzULCPQPMd0ebJHwy/q9Qd4BzZeOeQWh0SfsbyhsuC24LdDSrqYx27Y8ifz7XLSFYRi/GURH5dmPdL39e2lFpLZfshScsnXd4yFAZgIjyW9p/HRta8HmOA1p2DCTXBRWEwMpv7PDcD/3i5CTD55knMIIdMOONq4srfImIyRZpBlGa8dQPgZ+wOILuOwI4gq46C7SKSgUqQ7Y2NFJN/52wbi/iqM6sj5QTNAP5kAMV/ySoe0YH2zRaq+mM+rrKJ0/KaqKL3tq2h9sMmes7LqMY0yGfbv+S/lYf9d/G9L68/2hTJsHUbS204cBlEtMEWC9k1PqPCngJU096WwkQ4fKHJw5haOiQt6l3ZXf7xU7gazml4p7DBAJK+AKZK6kt+7Fa6OzpswClcLagjopIpjgNjVE9QjZoH6OLbRiHH7lo4pO4ciNgTG3CJUKHhODRnvqVLwg9jVv6hHzT/qU0hpxFZ+m1lOfITjXQDJoEV+E6jIGVXG4zD6E4pUy1Au8Om/ECK2ivViVe89gYOwijniudgwG2ECNeJI7g/qmoQPVILihWX22+XSpOZcKGqysZ0ASGw31YTcbU+kEMdcm40bf/4TKCQ1KfQc83vPXyCI8M6FtYXVCHKSbtQxd0WPzgobTJUh9MEBaQhHqkAtu4jg0xOVgMIW7AId3taSnsuMlYvNh5v7QoKr77jiC7HXFhUrnvgSiJNQIoklkVQyyaXQtIdmPfbUcy+99ta74a3kKL0fKCudRze4DI5OjzGINuUoqX+36QZ/wxulK0pXDLXVbJLrvk7oOwZakk2Jfo9+l9jx2kzvQHfTE90tueKKbqRsBcEt08Gy1A2WMV/PkUfV44QMbXTrSGDOKYfhUSrIiarBPdEu9OtpWVOywfiPqR8pxURZBgA=') format('woff2'),
  url('../fonts/iconfont.woff?t=1609900091337') format('woff'),
  url('../fonts/iconfont.ttf?t=1609900091337') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg?t=1609900091337#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-whatsapp:before {
  content: "\e61d";
}

.icon-chanpin:before {
  content: "\e65f";
}

.icon-product:before {
  content: "\e62e";
}

.icon-shubiao:before {
  content: "\e640";
}

.icon-zhuye_:before {
  content: "\e618";
}

.icon-youxiang:before {
  content: "\e669";
}

.icon-dianhua1:before {
  content: "\e608";
}

.icon-duihua:before {
  content: "\e605";
}

.icon-daohang:before {
  content: "\e60e";
}

.icon-xiazai:before {
  content: "\e653";
}

.icon-pdf:before {
  content: "\e604";
}

.icon-zhuanyuanzhongxin:before {
  content: "\e633";
}

.icon-chuanzhen:before {
  content: "\e6a7";
}

.icon-shijian:before {
  content: "\e71d";
}

.icon-dianhua:before {
  content: "\e7c8";
}

.icon-nopic:before {
  content: "\e601";
}

.icon-tuite:before {
  content: "\e622";
}

.icon-in:before {
  content: "\e615";
}

.icon-you-tube:before {
  content: "\e64f";
}

.icon-Facebook:before {
  content: "\e600";
}

.icon-zuobiao:before {
  content: "\e603";
}

.icon-dalou:before {
  content: "\e635";
}

.icon-diqiu:before {
  content: "\e719";
}

.icon-sousuo:before {
  content: "\e602";
}


.wpcf7-response-output{padding-top: 280px;}




input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}   
.w_p_main{ background: #fff; overflow: hidden;  }
.main{ background: #f4f4f4; overflow: hidden;  }
.warper{ width:1400px; margin:0 auto; position: relative;}
.backToTop{width:50px; height:50px;  background:#e05417 url(../images/icon_top.png) no-repeat center; cursor:pointer; position:fixed; right:3%; text-indent:9999px; bottom:100px; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}
.headerzong {width: 100%;height: 94px; background: #FFF; position: fixed;  top: 0; left: 0; z-index: 9999999999999999;}
header{ left: 0; width: 80%; position: fixed;  z-index: 1080; height: 94px; top: 30px; margin: 0  10%; background:#FFF; border-radius:10px; }
headertt{ left: 0; width: 80%; position: fixed;  z-index: 1080; height: 94px; margin: 0  10%; background:#FFF; border-radius:10px; }

.logo{ float: left; display: block; height: 80px; margin-top:7px;}
.logo img{ width: 100%; }
.nav-list{ width: calc(100% - 350px); float: left; text-align: right;}
.nav-list li{ display: inline-block;  margin: 0 3%; position: relative; }
.nav-list li a{ font-size: 18px; font-family:seguisb; text-transform: uppercase; line-height: 94px; display: inline-block;  color: #222; position: relative; font-weight:normal; }
/*.nav-list li a:after{ content: ''; position: absolute; bottom: 10px; left: 0; width: 0; transition: all 0.3s; height: 2px; background: #e12925; }*/
.nav-list li a:hover:after,.nav-list li.on a:after{ width: 100%; color: #e05417; }
.nav-list li a:hover,.nav-list li.on a{ color: #e05417; }

.nav-list dl{ opacity: 0;  transition: opacity 1s ease;position: absolute; display: block; background: #fff; width: auto; top: 94px;  left:-9999px; z-index: 999;  }
.nav-list dl dd{ display: block; position: relative; }
.nav-list li dl dd a{ opacity: 1; background: transparent !important; line-height: normal; color: #666 !important; display: block; padding:10px; text-align: left; white-space: nowrap;font-size:14px;}
.nav-list li dl dd a:hover{ background: #e05417 !important; cursor: pointer; color: #fff !important;}
.nav-list li dl dd a:after{ display: none; }
.nav-list li:hover dl{ left: 0; opacity: 1; }
.nav-list dl dd div{position: absolute; left: 100%; top: 0; background:rgba(225,41,37,.7); display: none;}
.nav-list dl dd:hover div{display: block;}
.nav-list dl dd div a{padding:13px; color: #fff !important; border-bottom: none; }



/*kaishi*/
.head_rcon{ position: absolute; right: 30px; top: 35px; width: 140px; transition: all 0.3s; } 
.search_form{width: 100%; height: 32px;background-color:#a1a0a0;}
.search_input {width: 85%; float: left;height:32px;color: #fff;border: medium none;line-height:32px;text-indent:5px;background-color:#333;} 
.search_btn {width: 15%;height: 32px;float: right;cursor: pointer;border: medium none;background: #e50011 url("../images/abg_2.png") center center no-repeat;}
.search-button{ width: 24px; height: 24px; text-align: center; line-height: 24px;float:right; }
.search-button i{ color: #999999; font-size: 22px; cursor: pointer; }
.searchform{ height: 0; overflow: hidden;background:#d01c14;position: absolute; right: 0; top:55px; width: 240px; transition: all .3s;}
.searchform i{ font-size: 24px; color: #fff; }
.searchform input{ width: 190px; background:#d01c14; color: #fff; line-height:50px; padding-left:10px; float: left; }
.searchform button{ width:54px; line-height:50px; background:#d01c14; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searchform input::-webkit-input-placeholder { color: #fff;}
.searchform input:-moz-placeholder { color: #fff;}


.languagebox {
	margin-top:-5px;
	position: relative;
	width: 70px;
	font-size: 15px;
	height: 34px;
	padding: 0 8px;
	float:left;
	background:url(../images/dian.png) no-repeat right;
}
.languagebox i {
	display: inline-block;
	vertical-align: top;
	margin-top: 4px;
	color: #000;
	font-size: 18px;
}
.languagebox ul {
	padding-right: 15px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	transition: all .3s;
	position: absolute;
	left: 25px;
	top: 0;
}
.languagebox ul li {
	padding: 0 5px;
}
.languagebox a {
	line-height: 30px;
	color: #666;
    text-transform: uppercase;
	font-size:16px;
}
.languagebox:hover ul {
	height: auto;
}
/*jieshu*/

/*shubiao*/
.shubiao { width: 100%; z-index: 1080; height: 50px; bottom:15px; text-align:center; position:absolute;}
.shubiao i { font-size:32px; color:#FFF; text-align:center;}
/*shubiao*/



.btn-nav{ display: block; width: 20px; height: 28px; position: absolute; right: 84px; top: 20px; cursor: pointer; }
.btn-nav strong { display: block; text-transform: uppercase;  width: 32px; font-size: 20px; height: 24px;  line-height: 24px;  position: absolute;  left: -110px;
    top: 0; color: #fff;  font-family:Candarab;}
.btn-nav span { display: block; width: 100%; transition: all 0.3s; height: 2px; background: #fff; position: absolute; left: 0; top: 6px;}
.btn-nav span+span { top: 12px; width: 100%;}
.btn-nav span+span+span { width: 15px; top: 18px; }
.btn-nav:hover span+span+span{ width: 100%; }

.nav-button{width: 35px;height: 35px; border-radius: 3px;background: #e05417 ;color: #fff;position: absolute;right: 10px;top: 19px;line-height: 35px;text-align: center;font-size: 20px;display: none; cursor: pointer;}
.nav-button i{font-size: 22px;}
.close-nav{position: fixed;top:0;left:0;width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;}
.nav-open{transform: translateX(0) !important;}
.close-open{opacity: 0.5;visibility: visible;}
.body-hidden{overflow: hidden!important;}




.side-panel{ width: 250px; position: absolute; right: 0; top: 0; bottom: 0; z-index: 10; transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);}
.side-panel .side-wrap{ display: block; width: 100%; height: 100%; padding: 130px 0 90px; position: relative; }
.side-panel .side-wrap:before{ content: '';  display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0;
    background: #161b21; background: -webkit-linear-gradient(left, #161b21,rgba(43,51,61,0.6));
    background: -o-linear-gradient(left, #161b21,rgba(43,51,61,0.6)); background: linear-gradient(to right, #161b21,rgba(43,51,61,0.6)); }
.side-panel .cate-bg { width: 100%; position: absolute; left: 0; top: 0; height: 100%; overflow: hidden;}
.side-panel .cate-bg .cate-item { display: block; width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; opacity:0; transition: 1s all cubic-bezier(0.19, 1, 0.22, 1); }
.side-panel .cate-bg .cate-item.on{ opacity: 1; }
.side-panel .cate-list { width: 100%;  height: 100%; margin-top:10px;}
.side-panel .cate-list li a{ display: block; width: 100%; height: 73px; white-space: nowrap; }
.side-panel .cate-list li a span { width: 73px; height: 73px; font-size: 0;}
.side-panel .cate-list li a span img:last-child{ display: none; }
.side-panel .cate-list li a span, .side-panel .cate-list li a strong { display: inline-block; vertical-align: middle; position: relative;}
.side-panel .cate-list li a strong{ color: #fff; transition: 0.6s all cubic-bezier(0.455, 0.03, 0.515, 0.955); margin-left: 20px; overflow: hidden; position: relative; opacity: .3; }
.side-panel .cate-list li a strong em{ font-size: 18px; line-height: 26px; white-space: normal; width: 185px; text-transform: uppercase; display: inline-block; transform: translateY(100%); -webkit-transform: translateY(100%); overflow: hidden; font-weight: normal; font-style: normal; }
.side-panel .cate-list li { width: 100%; padding: 40px 100px;}
.side-panel .cate-list li:hover strong{ opacity: 1; }
.side-panel .cate-list li:hover span img:last-child{ display: block; }
.side-panel .cate-list li:hover span img:first-child{ display: none; }

.side-panel .btn-more { position: absolute; left: 0; right: 0; bottom: 0; height: 70px; background: #dd2118;}
.side-panel .btn-more a { display: block; width: 100%; height: 70px;  font-size: 0; padding: 23px 20px; position: relative; z-index: 2; text-align: center;}
.side-panel .btn-more a span { font-size: 0; overflow: hidden; margin-right: 20px;}
.side-panel .btn-more a span, .side-panel .btn-more a strong { display: inline-block; vertical-align: middle; height: 24px; line-height: 24px;}
.side-panel .btn-more a span em { height: 24px; line-height: 24px;  font-size: 0; transform: translateY(100%); -webkit-transform: translateY(100%); color: #fff; overflow: hidden; font-style: normal; display: inline-block;}
.side-panel .btn-more a strong {  width: 36px;  position: relative;}
.side-panel .btn-more a strong:before, .side-panel .btn-more a strong:after { content: ''; display: block; position: absolute;}
.side-panel .btn-more a strong:before {  width: 100%; height: 2px; background: #fff; left: 0; top: 50%; margin-top:0;}
.side-panel .btn-more a strong:after { right: 0; top: 50%;  margin-top: -5px; width: 10px; height: 10px;  border-top: 2px solid #fff;  border-right: 2px solid #fff;  transform: rotate(45deg);}
.side-panel.hide { right: -250px;}

.position{ position: fixed; background: rgba(255,255,255,0.9); top: 0; padding: 15px 200px 15px 8%; height: auto; }
.position .btn-nav{ top: 35px; }


h6{ display: inline-block; font-weight: normal; }
#nav:after{  content: '';  display: block;  clear: both;}
#nav .warper{position: relative;}

.close-nav{position: fixed; top:0; left:0; width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;}
.nav-open{transform: translateX(0);}
.close-open{opacity: 0.5;visibility: visible;}
.body-hidden{overflow: hidden!important;}
#nav .nav-button{width: 35px;height: 35px; z-index: 5; border-radius: 3px;background: #015198 ; color: #111;position: absolute; right: 10px; top: 10px;line-height: 35px;text-align: center;font-size: 20px;}
#nav .nav-button i{ color: #fff; font-size: 22px; font-weight: 600; }
#nav .nav-button{display: none;}

/*nav{ float: right; margin-right: 240px;}
nav li{ float: left; position: relative; margin: 0 20px; }
nav li>a{ padding: 40px 0 10px 0; position: relative; color: #333; position: relative; display: block; text-align: center; transition:0.5s; text-transform: uppercase; font-size:20px; }
nav li>a:after{ position: absolute; width: 0; bottom: 0; transition: all 0.3s; left: 0; height: 2px; background: #015198; content:''; }
nav li.on>a:after,nav li:hover>a:after{ width: 100%; }
nav li.on a,nav li:hover a{ color: #015198; cursor: pointer;  }
nav dl{ opacity: 0;  transition: opacity 1s ease;position: absolute; display: block; background: #fff; width: 260px; top: 74px;  left:-9999px; z-index: 999;  }
nav dl dd{ display: block; position: relative; }
nav li dl dd a{ opacity: 1; background: transparent !important; color: #666 !important; display: block; padding: 13px 18px; text-align: left; white-space: nowrap;font-size:16px;}
nav li dl dd a:hover{ background: #015198 !important; cursor: pointer; color: #fff !important;}
nav li:hover dl{ left: 0; opacity: 1; }
nav dl dd div{position: absolute; left: 100%; top: 0; background:rgba(1,81,152,.7); display: none;}
nav dl dd:hover div{display: block;}
nav dl dd div a{padding:13px; color: #fff !important; border-bottom: none; }*/


#banner img{ width: 100%; display: block; }
#banner_home{ position: relative; }
#banner_home .owl-theme .owl-controls{ position: absolute; bottom: 10px; width: 100%;  }
#banner_home .owl-theme .owl-controls .owl-page span{ width: 15px; height: 15px; background: #fff; opacity: 1; }
#banner_home .owl-theme .owl-controls .owl-page.active span{ background: #7cbef7; }

.changpic { width: 100%; overflow: hidden; }
.changpic img{ width: 100%; transition: all 0.3s; }

.prodel_swiper .item{ position: relative; }
.prodel_swiper .item img{ width:100%}
/*.prodel_swiper .item img{ width: 100%; }*/
div.jqZoomTitle{z-index:5000;display;none;}
.jqZoomPup{overflow:hidden; background-color:#fff;-moz-opacity:.6;opacity:.6;z-index:10;border-color:#c4c4c4;border-style:solid;cursor:crosshair}
.jqZoomPup img{  }
/*.preload{-moz-opacity:.8;opacity:.8;color:#333;font-size:12px;text-decoration:none;border:1px solid #ccc;background-color:#fff;padding:8px;text-align:center;background-image:url(../images/zoomloader.gif);background-repeat:no-repeat;background-position:43px 30px;width:90px;height:43px;z-index:10;position:absolute;top:3px;left:3px}*/
.jqZoomWindow{border:1px solid #999;background-color:#fff;}


footer{  background-size: cover;}
.page_footer{ width: 100%; overflow: hidden; }
.page_footer .lcon{ float: left; width: 534px; padding-left:80px;  }
.page_footer .rcon{ margin-left: 512px; padding-left: 184px; padding-right: 80px; }
.page_footer .lcon ul{ margin-top: 28px; }
.page_footer .lcon ul li{ padding-left: 38px; position: relative; margin-bottom: 22px; }
.page_footer .lcon ul li p,.page_footer .lcon ul li p a{ color: #bebebe; font-size: 18px; font-weight: bold; }
.page_footer .lcon ul li h6{ position: absolute; top: 0; left: 0; color: #bebebe; font-size: 22px; }
.page_footer .lcon ul li p a:hover{ text-decoration: underline; }
.footer_tit{ font-size: 80px; font-family: WorkSans-Bold; color: #424242; text-transform: uppercase; }
.footer_tit span{ font-size: 40px; color: #a2a2a2; font-family: POPPINS-REGULAR; }
.page_footer .rcon .infoform{ background: transparent; }
.page_footer .rcon .infoform li p{ font-size: 16px; }
.page_footer .infoform input, .page_footer .infoform textarea{ background: rgba(255,255,255,0.2); color: #fff; line-height: 16px; padding: 10px; }
.page_footer .infoform form button{ font-size: 16px; width: 176px; height: 42px; }
.page_footer .infoform{ padding: 0 38px; }
.page_footer .infoform li{ margin-bottom: 22px; }

.copyright{ background: #000; padding: 14px 0; text-align: center; font-size: 16px; color: #999; }
.copyright a{ color: #999; }
.copyright a:hover{ color: #e12925; }

/*footer .copyright{ font-size: 17px; text-align: center; background: #015198; padding: 20px; clear: both;  color:#fff; }
footer .copyright a{ color:#fff;}
footer .copyright a:hover{ color: #ef4502; }
footer .item{ padding-top: 66px; padding-bottom: 72px; }
footer .item1{ width:32%; float: left; }
footer .item1 ul{ width: 100%; overflow: hidden; }
footer .item1 ul li{ padding-left: 16px; margin-bottom: 18px; background: url(../images/links-icon.png) no-repeat 0 5px; }
footer .item1 ul li a{ color: #fff; font-size: 17px; font-family: WorkSans-SemiBold; }
footer .item1 ul li:hover a{ text-decoration: underline; }

footer .item2{ width:22%; float: left;}
.footer_email{ overflow: hidden; padding-left: 62px; position: relative; padding-bottom: 22px; border-bottom: 1px rgba(255,255,255,0.8) dashed ; }
.footer_email h6{ font-size: 32px; color: #fff; position: absolute; top: 8px; left: 0; }
.footer_email span{ font-size: 14px; color: #fff; text-transform: uppercase; }
.footer_email a{ font-size: 20px; color: #fff; font-family: WorkSans-SemiBold; }
footer .item2 ul{ margin-top: 18px; }
footer .item2 ul li{ position: relative; color: #fff; font-size: 17px; font-family: WorkSans-SemiBold; margin-bottom: 8px; padding-left: 35px; }
footer .item2 ul li a{ color: #fff; line-height: 32px; }
footer .item2 ul li h6{ font-size: 21px; position: absolute; top: 4px; left: 0; }
footer .item2 ul li:first-child h6{ top: 0; }
footer .item2 ul li a:hover{ text-decoration: underline; }
footer .item2 ul li span{ display: inline-block; }

footer .item3{ width:10%; float: left; margin-left: 6%;}
footer .item3 ul{ width: 100%; overflow: hidden; }
footer .item3 ul li{ padding-left: 16px; margin-bottom: 18px; background: url(../images/links-icon.png) no-repeat 0 5px; }
footer .item3 ul li a{ color: #fff; text-transform: uppercase; font-size: 17px; font-family: WorkSans-SemiBold; }
footer .item3 ul li:hover a{ text-decoration: underline; }

footer .item4{ width: 24%; float: right; }
footer .media a{ background: rgba(255,255,255,0.8); }*/
.media { display: inline-block; margin-top: 15px; }
.media a{color: #363638; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #acacad; border-radius: 30px; margin-right: 3px; font-size: 20px; display:inline-block;}
.media a:hover{ color: #fff; }
.media a:first-child:hover{ background: #117aed;  }
.media a:nth-of-type(2):hover{ background: #0b66c3;  }
.media a:nth-of-type(3):hover{ background: #2fb0ec;  }
.media a:nth-of-type(4):hover{ background: #fe0000;  }
.map{ margin-top: 40px; }
.map h3{ font-size: 26px; font-weight: bold; color: #fff; }
.map_pic{ width: 277px; overflow: hidden; border-radius: 5px; margin-top: 20px; }

.infoform{overflow:hidden; width: 100%; background: #fff; border-radius: 8px; padding: 28px 38px; }
.infoform h3{ text-align: center; font-size: 30px; margin-bottom: 35px; }
.infoform li{width: 47%; float: left; position: relative; margin-bottom: 16px;}
.infoform li p{ color: #999; font-size: 18px; margin-bottom: 5px; }
.infoform li:nth-of-type(2){margin-left: 6%;}
.infoform li:last-child,.infoform li:nth-of-type(3){width: 100%;}
.infoform li font{position: absolute; left: 10px; top: 17px;}
.infoform input,.infoform textarea{width: 100%; font-family: WorkSans-Regular; background:#e9ebec; font-size:17px; line-height: 22px; padding: 12px; }
.infoform form input::-webkit-input-placeholder,.infoform form textarea::-webkit-input-placeholder { color: #666;}
.infoform form input:-moz-placeholder,.infoform form textarea:-moz-placeholder {color: #666;}
.infoform form button{ color: #fff; border-radius: 30px; display: block; margin: 0 auto; background: #db2221;  font-family: WorkSans-Regular;  height: 48px; width: 212px; font-size: 18px; border:0;}
.infoform form button:hover{ opacity: .8; cursor: pointer; }



/*footer h4 { font-size: 40px; color: #fff; font-weight: normal; font-family:impact; text-transform: uppercase; margin-bottom: 25px;}
footer .footer{ overflow: hidden; }*/

/*.footer-rcon{ }
.footer-rcon form{ position: relative; width: 100%; }
.footer-rcon input{ height:44px; line-height: 44px; }
.footer-rcon input,.footer-rcon textarea{  width: 100%; background: none; padding: 2px 10px; font-family: WorkSans-Regular; border-radius: 3px; resize: none; margin-bottom: 8px; border: 1px solid rgba(255,255,255,0.6); color: #fff; font-size: 17px;}
.footer-rcon input::-webkit-input-placeholder, .footer-rcon textarea::-webkit-input-placeholder{  color: #fff;}
.footer-rcon textarea{ padding:5px 10px; }
.footer-rcon button{ width: 100%; height: 45px; margin: 0 auto; display: block; font-family:WorkSans-SemiBold; line-height: 45px; color: #2170ab; border-radius: 5px; font-size: 18px; text-align: center; background:#fff; border: none; cursor: pointer; }
.footer-rcon button:hover{ opacity: 0.9; }*/

.cl{ clear: both; }
/*版块标题*/
.home_boxtit{ font-size:60px; font-weight: normal; font-family: WorkSans-Bold; text-transform: uppercase; position: relative; }
.home_boxtit a{ color: #e12925; }
.home_boxtit span{ font-size: 40px; color: #fff; font-family: POPPINS-REGULAR; }
.home_boxtit:after{ position: absolute; left: 0; top: 0; width: 70px; height: 3px; background: #e12925; content: ''; }

.page_tit{ font-size: 60px; background: url(../images/page_redline.jpg) right 50px no-repeat ; display: inline-block; font-weight: bold; font-style: italic; position: relative;  }
/*首页*/
.section{}
.center-wrap{padding-top: 180px;}
.swiper-container { width: 100%;  height: 100%;visibility:visible }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; 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; position: relative;visibility:visible }
.swiper-slide a{display: block; position: absolute; left: 0; top: 0; height: 100%;visibility:visible}
.swiper-slide picture{display: none;}
/*banner */
.index_banner .item{background-size: cover; -webkit-background-size:cover; background-position: center; background-repeat: no-repeat; height:100vh;
  position: relative;}
.index_banner .item_text{ width: 590px; position: absolute; top: 40%; left: 8%; }

.index_banner .item_picimg{ width: 530px; position: absolute; top: 25%; left:950px; z-index: 666; }

.bnnner_tit{ padding-bottom: 35px; }
.item_text h2{ color: #fff; text-transform: uppercase; font-size: 60px; line-height: 65px;  font-family: impact; font-weight: normal; }
.index_banner .item_text p{ font-size: 17px; line-height: 25px; color: #fff; margin-top: 35px;  }
.index_banner .item_text span{ display: inline-block; margin-top: 56px; border:1px solid #fff; border-radius: 30px; font-size: 24px; color: #fff; text-transform: uppercase; padding: 12px 28px;  }
.index_banner .item a:hover span{ border: 1px solid #697988; background: #697988; }
.index_banner .item img{display: block; width: 100%; display: none;}
.index_banner .item_picimg img{ display: block; }
.index_banner .item.slick-current .scaleBg{ visibility: visible;  -webkit-animation:scale-bg 6s linear forwards; animation:scale-bg 6s linear forwards;}
.index_banner .items{ background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0;}
.index_banner .item .inner .block_txt{position: absolute; top: 44%; right: 10px; left:10px; opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_banner .item.active .inner .block_txt{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 100ms; 
  transition-delay: 100ms;}
.index_banner .item .inner .block_txt h4{ font-size: 30px; color: #fff; text-align: center; font-family: 'COCO';}
.index_banner .item .inner .block_txt h2{ color: #fff; font-size: 70px; font-weight: bold; text-align:center; letter-spacing:5px;}
.index_banner .item .inner .block_txt h2 span{ color: #f5c920; display: inline-block; letter-spacing: 5px;}
.index_banner .item.slick-active .item_text {
    -webkit-animation: fadeInTop 0.5s both 0.5s;
    animation: fadeInTop 0.5s both 0.5s;
}
/*.index_banner .item{background-size: cover; -webkit-background-size:cover; background-position: center; background-repeat: no-repeat; height:100vh;
  position: relative;}
.index_banner .item_text{ width: 590px; position: absolute; top: 130px; left: 14%; }
.bnnner_tit{ padding-bottom: 35px; position: relative; }
.bnnner_tit:after{ position: absolute; bottom: 0; left: 0; width: 35px; height: 3px; background: #fff; content: ''; }
.item_text h2{ color: #fff; text-transform: uppercase; font-size: 50px;  font-family: impact; font-weight: normal; }
.item_text h3{ color: #fff; text-transform: uppercase; font-size: 46px;  font-family: impact; font-weight: normal; }
.index_banner .item_text p{ font-size: 17px; line-height: 25px; color: #fff; margin-top: 35px;  }
.index_banner .item_text span{ display: inline-block; font-family: WorkSans-SemiBold; margin-top: 56px; background: #fff; border-radius: 30px; font-size: 16px; color: #015198; text-transform: uppercase; padding: 12px 28px;  }

.index_banner .item img{display: block; width: 100%; display: none;}
.index_banner .item.slick-current .scaleBg{ visibility: visible;  -webkit-animation:scale-bg 6s linear forwards; animation:scale-bg 6s linear forwards;}
.index_banner .items{ background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0;}
.index_banner .item .inner .block_txt{position: absolute; top: 44%; right: 10px; left:10px; opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_banner .item.active .inner .block_txt{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 100ms; 
  transition-delay: 100ms;}
.index_banner .item .inner .block_txt h4{ font-size: 30px; color: #fff; text-align: center; font-family: 'COCO';}
.index_banner .item .inner .block_txt h2{ color: #fff; font-size: 70px; font-weight: bold; text-align:center; letter-spacing:5px;}
.index_banner .item .inner .block_txt h2 span{ color: #f5c920; display: inline-block; letter-spacing: 5px;}
.index_banner .item .inner .block_txt h3{ color: #fff; font-size: 22px; text-align:center; margin-top: 10px; letter-spacing: 3px;}*/
@keyframes fadeInTop {
    0% {
        top: 50%;
        opacity: 0;
    }
    100% {
        top: 40%;
        opacity: 1;
    }
}
.banner{ position: relative; }
.banner .number{
  position: absolute;
  bottom:2%;
  left: 0;
  width: 100%; text-align: center;
  text-align: center;
}
.banner .number span{
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 50%;
}
.banner .number span.active{
  background: #e05417;
}
.warer-box{ width: 100%; overflow: hidden; }
/* 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;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -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;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.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-arrow.slick-hidden {
    display: none;
}


.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,

html.fp-enabled,.fp-enabled body{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}
#superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none}
.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.fp-slide{float:left}
.fp-slide,.fp-slidesContainer{height:100%;display:block}
.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}
.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}
.fp-slidesContainer{float:left;position:relative}
.fp-controlArrow{position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}
.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}
.fp-scrollable{overflow:scroll}
.fp-notransition{-webkit-transition:none!important;transition:none!important}
#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}
#fp-nav.right{left:40px}
#fp-nav.left{left:17px}
.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1}
.fp-slidesNav.bottom{bottom:17px}
.fp-slidesNav.top{top:17px}
#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}
.fp-slidesNav ul li{display:inline-block}
#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}
#fp-nav ul li a.active span{background:#687887;}
#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%; padding: 3px; position:absolute;z-index:1;height:14px;width:14px;border:0;left:50%;top:50%;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;border:1px solid #687887;}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{}
#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0}
#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:20px}
#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height:auto!important}

.swiper-container{margin:0 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;-moz-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:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(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;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.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%; margin-top: -20px; width:48px;height:65px;z-index:10;cursor:pointer; background:url(../images/right_jiantou_w.png) no-repeat center rgba(0,0,0,0.3); background-size: 20px;}
.swiper-button-next{left:120px;transform: rotate(180deg);}
.swiper-button-prev{ right: 120px}
.swiper-button-next:hover,.swiper-button-prev:hover{opacity: .8;}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-pagination-bullet{width:16px;height:16px;display:inline-block;border-radius:100%;background:none; border:2px solid #fff;}
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:#fff}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}
.swiper-container-horizontal>.swiper-pagination{bottom:30px;left:0;width:100%}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}
.swiper-container-3d{-webkit-perspective:1200px;-moz-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;-moz-transform-style:preserve-3d;-ms-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,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.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-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-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-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.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-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(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,.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%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-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%;}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}


.fp-tableCell{display: block;}

.in_ab{ width: 100%; overflow: hidden;  background-size: cover; position: relative; background:url(../images/in_aboutbg.png) no-repeat left; }
.in_ab .center-wrap{ padding-top: 250px; }
.in_abbox{ width: 100%; }
.in_abbox .lcon{ float: left; width:70%; padding-right: 25px;  }
.in_abbox .lcon_1 { width:45%; height:auto; float:left; margin-left:10%;}
.in_abbox .lcon_1 ul li  { width:100%; height:auto; float:left; margin-bottom:50px;}
.in_abbox .lcon_1 ul li .lcon { width:15%; height:auto; float:left;}
.in_abbox .lcon_1 ul li .lcon img { text-align:left;}
.in_abbox .lcon_1 ul li .rcon { width:75%; height:auto; float:left; padding-left:0;}
.in_abbox .lcon_1 ul li .rcon  h2 { font-size:22px; color:#333; float:left; line-height:35px; font-family:segoeuib; text-transform:uppercase; width:100%;}
.in_abbox .lcon_1 ul li .rcon  p { font-size:16px; color:#666; float:left; line-height:28px; font-family:segoeui;}



.in_abbox .lcon_2 { width:45%; height:auto; float:left;}
.in_abbox .lcon_2 h2 { width:100%; height:70px; line-height:60px; float:left; font-size:60px; color:#21478b; font-family:segoeui; text-transform:uppercase; position:relative; font-weight:bold;}
.in_abbox .lcon_2 h2:after {  content: ''; width: 85px;  height: 2px; background: #e05417;  position: absolute;  bottom: 0; left: 0;}

.in_abbox .lcon_2 h2 strong { color:#e05417;}
.in_abbox .lcon_2 h3 { width:100%; height:30px; line-height:30px; float:left; font-size:30px; color:#000; font-family:segoeuib; margin-top:20px; margin-bottom:50px;}
.in_abbox .lcon_2 p { width:100%; height:auto; float:left; line-height:28px; font-size:16px; color:#666; font-family:segoeui;}
.in_abbox .lcon_2 .more { width:88%; height:50px; line-height:50px; font-size:18px; color:#666; float:left; padding-left:12%; background:url(../images/about_more.png) no-repeat left; text-transform:uppercase; margin-top:70px;}
.in_abbox .lcon_2 .more a { color:#666; width:100%; height:50px; display:block;}
.in_abbox .lcon_2 .more a:hover { color:#e05417; width:100%; height:50px; display:block;}
.in_abbox .lcon_2 .more:hover { background:url(../images/about_more_hover.png) no-repeat left;}

.in_abbox .rcon{ float: right; width: 30%;}
.in_abbox .rcon_1 { width:100%; height:auto; float:left; position: inherit; margin-top: -50px;  display: block;}
.in_abbox .rcon_1 img { width:100%; height:auto;}
.in_abbox .rcon_1 .changpic img { width:100%;}
.in_abbox .rcon_1:hover .changpic img {transform: scale(1.1);}

.in_abbox .rcon_1 p { width:85px; height:85px; background:#e05417; line-height:85px; color:#FFF; font-size:32px; font-weight:bold; text-align:center;}



.in_case .center-wrap{  }
.in_case{ width: 100%; overflow: hidden; background: url(../images/in_casebg.jpg) center no-repeat #015198; background-size: cover; position: relative; }
.in_casebox{ width: 100%; overflow: hidden; }
.in_casebox_1 { width:100%; height:auto; float:left; position:absolute; margin-bottom:50px; padding-top: 200px; z-index: 9999999999999999999999999999999;
}
.in_casebox_1 h2 { width:100%; height:60px; line-height:60px; font-size:36px; font-family:segoeui; float:left; text-align:center; color:#FFF;}
.in_casebox_1 p { width:100%; height:45px; line-height:45px; font-size:24px; font-family:segoeuil; float:left; text-align:center; text-transform:uppercase; color:#FFF;}

.in_casebox_2 { width:100%; height:100vh; float:left;}
.scope_swiper{height:100%;  }
.scope_swiper .item{ margin: 0 0; padding: 0 50px;  }
.scope_item{ padding: 10px; position: relative; }

.scope_swiper .item h5 { width:100%; height:300px; float:left;}
.scope_text{ bottom: 0; left: 0; width: 100%; padding: 25px 0 0 0; float:left; }
.scope_text p{ font-size: 16px;  color: #666; height:56px; line-height: 28px; overflow: hidden; font-family:seguisb; text-align:left; }
.scope_biaoti{ bottom: 0; left: 0; width: 100%; padding: 25px 0 0 0; float:left;  }
.scope_biaoti p{ font-size: 26px;  color: #fff; height:auto; line-height: 32px; overflow: hidden; font-family:seguisb; text-align:center; }
.scope_swiper .item:hover .scope_biaoti p{ color: #e05417; }

.scope_swiper .item .changpic img { margin-top:50px;}
.scope_swiper .item:hover .changpic img{ /*transform: scale(1.15);*/ }
.scope_swiper .item:hover .scope_text p{ color: #e05417; }
/*.scope_swiper .item:hover .scope_item{ background: #495668; height:100vh;  }*/
.scope_swiper .item:hover  { background: #495668; height:100vh;}
.scope_swiper .owl-carousel { position: relative;  width: 100%;height:100vh;   -ms-touch-action: pan-y;}
.scope_swiper .owl-theme .owl-controls{ margin-top: 0; text-align: left; position: absolute; top: 50%; left: 0; width: 100%; }
.scope_swiper .owl-controls .owl-buttons{ position: relative; }
.scope_swiper .owl-controls .owl-buttons div{ background: url(../images/right2.png) no-repeat center #e05417; position: absolute; border-radius: 0; height: 50px; width: 50px; border-radius:30px;background-size: 30%;}
.scope_swiper .owl-controls .owl-buttons .owl-prev{ opacity: 1; text-indent: -9999em; left:50px; position:fixed; transform: rotate(180deg); }
.scope_swiper .owl-controls .owl-buttons .owl-next{opacity: 1;  text-indent: -9999em;  right:50px; position:fixed;  }
/*.scope_swiper .owl-controls .owl-buttons div:hover{  cursor: pointer; opacity: 1; background: url(../images/ban_next.png) center center no-repeat #f79d1b; background-size: 35%;}*/




.in_news{ width: 100%; background:#f2f2f2;  }
.in_news .center-wrap{ padding-top:160px; }
.in_news_1 { width:90%; height:auto; float:left; margin-left:10%;}
.in_news_1 h2{width: 100%; height: 60px; line-height: 60px;  font-size: 38px; font-family: segoeui;  float: left; text-align:left; color: #222; text-transform:uppercase;}
.in_news_2 { width:90%; height:auto; float:left; margin-left:10%;}
.in_news_2 ul li { width:20%; height:auto; float:left; margin-right:2%; border-top:solid 1px #626262;}
.in_news_2 ul li i { width:100%; height:25px;  line-height:25px; font-size:14px; color:#e05417; font-style:inherit; font-family:segoeuib;}
.in_news_2 ul li h2 { width:100%;}




.news_swiper{height:100%;  }
.news_swiper .item{ margin:0 40px 0 0; border-top:solid 1px #626262; }
.news_item{ position: relative; }
.news_swiper .item i { width:100%; height:25px;  line-height:25px; font-size:14px; color:#e05417; font-style:inherit; font-family:segoeuib; float:left;}
.news_swiper .item h5 { width:100%; height:56px; line-height:28px; float:left; font-size:20px; font-family:segoeuib; margin-top:10px; overflow:hidden; margin-bottom:10px;}
.news_text{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 25px; }
.news_text p{ font-size: 24px;  color: #fff; height: 28px; line-height: 28px; overflow: hidden; font-family:segoeuib; text-align:center; }
.news_swiper .item .changpic img { float:left;}
.news_swiper .item:hover .changpic img{ /*transform: scale(1.15);*/ }
.news_swiper .item:hover .scope_text p{ color: #e05417; }
/*.scope_swiper .item:hover .scope_item{ background: #495668; height:100vh;  }*/
.news_swiper .item:hover  { background:; }
.news_swiper .owl-carousel { position: relative;  width: 100%;height:auto;   -ms-touch-action: pan-y;}
.news_swiper .owl-theme .owl-controls{ margin-top: 25px; text-align: left; position: absolute; left: 0; width: 100%; }
.news_swiper .owl-controls .owl-buttons{ position: relative; }
.news_swiper .owl-controls .owl-buttons div{ background:url(../images/newsjt.png) no-repeat left; background-size: 100%; position: absolute; border-radius: 0; width:20px; height:36px; }
.news_swiper .owl-controls .owl-buttons .owl-prev{ opacity: 1; text-indent: -9999em; left:55%; position:fixed; transform: rotate(180deg); }
.news_swiper .owl-controls .owl-buttons .owl-next{opacity: 1;  text-indent: -9999em;  right:40%; position:fixed;  }
.news_swiper .owl-controls .owl-buttons div:hover{  cursor: pointer; opacity: 1; background:url(../images/newsjt_hover.png) no-repeat left;}






.in_news .home_boxtit{ text-align: center; }
.in_news .home_boxtit:after{ left: 50%; margin-left: -84px; }
.in_newsbox{ margin-top: 60px; overflow: hidden; }
.in_newsbox ul{ overflow: hidden; width: 100%; }
.in_newsbox ul li{ width: 27%; float: left; margin-right: 9%; }
.in_newsbox ul li:last-child{ margin-right: 0; }
.news_item{ position: relative; padding-top: 15px; }
.news_item .changpic{ top: 0; left: 18px;  }
.news_item:hover .changpic img {transform: scale(1.1);}
.news_textbox{ width: 100%; background: #db2221; padding: 232px 18px 22px 18px; }
.news_textbox p{ font-size: 18px; line-height: 28px; color: #fff; height: 56px; overflow: hidden; }
.news_textbox em{ display: block; margin-top: 20px; text-align: right; font-style: normal; font-size: 14px; color: #f5b3b3; }
.in_newsbox ul li:hover .news_item .changpic img{ transform: scale(1.15); }





.in_anli{ background:url(../images/case_bg.jpg) no-repeat center; background-size: cover; }
.in_anli .center-wrap{ padding-top: 230px; position: relative;}
.in_anli_1 { width:100%; height:auto; float:left; margin-bottom:20px;}
.in_anli_1 h2 { width: 100%; height: 60px; line-height: 60px; font-size: 38px;  font-family: segoeui; float: left;  text-align: center;   color: #FFF; }
.in_anli_2 { width:100%; height:auto; float:left; margin-top:30px;}
.in_anli_2 ul li { width:33.333%; height:auto; float:left;}
.in_anli_2 ul li h2 { width:80%; height:auto; line-height:40px; font-size:32px; color:#FFF; font-family:segoeuib; font-weight:bold; text-align:center; margin:0 10%; padding-top:40px;}
.in_anli_2 ul li p { width:80%; height:56px; line-height:28px; font-size:16px; overflow:hidden; color:#FFF; font-family:segoeui; text-align:center;  margin:0 10%; margin-top:25px;}
.in_anli_2 ul li .more { width:80%; margin:0 20%; height:50px; line-height:50px; font-size:18px; color:#666; float:left; padding-left:12%; background:url(../images/about_more.png) no-repeat left; text-transform:uppercase; margin-top:80px; margin-bottom:30px;}
.in_anli_2 ul li a .more{ color:#fff;}
.in_anli_2 ul li:hover .more a { color:#e05417;}
.in_anli_2 ul li:hover .more { background:url(../images/about_more_hover.png) no-repeat left;}
.in_anli_2 ul li:hover { background:rgba(0,0,0,.5);}
.in_anli_2 ul li:hover h2 { color:#e05417;}


.Copyright_p{ width: 100%; background: #161516; }
.copy{ width: 100%; overflow: hidden; color: #999; background: #161516; font-size: 16px; border-top:solid 6px #e05417;}

.copy_1 { width:100%; padding-left:10%; padding-right:10%; height:auto; float:left; background:#f5f6f7; padding-top:50px; padding-bottom:40px;}
.copy_1_left { width:30%; height:auto; float:left; margin-right:5%;  padding-top:45px;}
.copy_1_left p { width:100%; height:auto; line-height:25px; font-size:16px; color:#666; margin-bottom:25px; float:left; padding-left:25px;}
.copy_1_left i { width:25px; height:25px; position:absolute; color:#e05417; font-size:18px; margin-left:-25px;}
.copy_1_left strong { color:#000; font-weight:normal;}

.copy_1_left_1 { width:100%; height:auto; float:left;}
.copy_1_left_1_left { width:10%; height:auto; float:left; font-size:32px; color:#e05417;}
.copy_1_left_1_left strong {font-size:44px; color:#e05417; margin-top:3px; float:left;}
.copy_1_left_1_right { width:90%; height:auto; float:left;}
.copy_1_left_1_right h2 { width:100%; height:25px; line-height:25px; font-size:20px; color:#21478b; float:left;}
.copy_1_left_1_right h3 { width:100%; height:40px; line-height:30px; font-size:28px; color:#e05417; float:left;}
.copy_1_left_1_right h3 a { color:#e05417;}
.copy_1_left_2 { width:100%; height:auto; float:left;}
.copy_1_left_2 p { width:100%; height:auto; line-height:25px; font-size:16px; color:#666; margin-bottom:10px; float:left; padding-left:25px;}
.copy_1_left_2 strong { color:#000; font-weight:normal;}
.copy_1_left_2 p a { color:#666;}
.copy_1_left_2 p a:hover { color:#e05417;}





.copy_1_center { width:50%; height:auto; float:left;}
.copy_1_center ul { width:100%; height:auto; float:left;  margin-right:5%;}
.copy_1_center ul li { width:auto; height:auto; float:left; width:100%;}
.copy_1_center ul li h2 { width:100%; height:25px; color:#21478b; line-height:25px; font-size:22px; font-family:segoeuib; float:left; margin-bottom:20px;}
.copy_1_center ul li h2 a { color:#21478b;}
.copy_1_center ul li h2 a:hover { color:#e05417;}

.copy_1_center ul li p {  width:100%; height:auto; color:#666; line-height:25px; font-size:16px; font-family:segoeui; float:left;}
.copy_1_center ul li p a { color:#666;}
.copy_1_center ul li p a:hover { color:#e05417;}
.copy_1_center ul li strong { font-size:24px; color:#666; font-family:impact; font-weight:normal;}
.copy_1_center ul li strong  a { color:#666;}
.copy_1_center ul li strong  a:hover { color:#e05417;}

.copy_1_center ul:nth-child(1) { width:28%;}
.copy_1_center ul:nth-child(2) { width:28%;}
.copy_1_center ul:nth-child(3) { width:28%;}


.copy_1_cen { width:50%; height:auto; float:left;}
.copy_1_cen ul { width:100%; height:auto; float:left;  margin-right:5%;}
.copy_1_cen ul li { width:auto; height:auto; float:left; width:100%;}
.copy_1_cen ul li h2 { width:100%; height:25px; color:#21478b; line-height:25px; font-size:22px; font-family:segoeuib; float:left; margin-bottom:20px;}
.copy_1_cen ul li h2 a { color:#21478b;}
.copy_1_cen ul li h2 a:hover { color:#e05417;}
.copy_1_cen ul li a { color:#666;}
.copy_1_cen ul li p {  width:100%; height:auto; color:#666; line-height:25px; font-size:16px; font-family:segoeui; float:left;}
.copy_1_cen ul li p a { color:#666;}
.copy_1_cen ul li p a:hover { color:#e05417;}
.copy_1_cen ul li strong { font-size:24px; color:#666; font-family:impact; font-weight:normal;}
.copy_1_cen ul li strong  a { color:#666;}
.copy_1_cent ul li strong  a:hover { color:#e05417;}
.copy_1_cen ul li a:hover{ color:#e05417;}

.copy_1_cen ul:nth-child(1) { width:28%;}
.copy_1_cen ul:nth-child(2) { width:28%;}
.copy_1_cen ul:nth-child(3) { width:28%;}





.copy_1_right { width:10%; height:auto; float:left;}
.copy_1_right img { width:147px; height:auto;}

.copy_2 { width:100%; padding-left:10%; padding-right:10%; height:auto; float:left; background:#d6d6d6;}
.copy_2_left { width:80%; height:auto; float:left;}
.copy_2_left p { width:100%; color:#666; font-size:16px; padding:12px 0;}
.copy_2_left p a { color:#666;}
.copy_2_left p a:hover {color:#e05417;}
.copy_2_right { width:20%; height:auto; float:left;}
.copy_2_right ul li i { width:45px; text-align:center; height:auto; float:left; font-size:22px; color:#666;}
.copy_2_right ul li i a { color:#666;}
.copy_2_right ul li:hover i{ color:#e05417;}




/*位置*/
.subbanner{overflow: hidden; padding-top:94px;}
.subbanner img{ width: 100%; display: block; }
.paddt70{ padding-top: 70px; }

.sub_nav{ overflow: hidden; width:100%; position:absolute; margin-top:-200px;}
.sub_nav h1{ width:100%; height:55px; line-height:55px; text-align:center; font-size:48px; color: #fff; font-family:segoeuib; float:left; background:url(../images/title_xian.jpg) no-repeat bottom center; text-transform:uppercase;}
.sub_nav p{ width:100%; height:35px; float:left; color: #fff; font-size: 18px; text-align:center; font-family:segoeui; margin-top:5px;}
.sub_nav p a{ color: #fff; }
.sub_nav p a:hover{ color: #e05417; }

/*case*/
.case_box{ padding-top: 50px; background:#f4f4f4; overflow:hidden; padding-bottom:50px;}
.case_list ul li{ width:31.333%; margin-right:3%; margin-bottom: 40px; overflow: hidden; background:#FFF; float:left; display: inline; height:397px;}
.case_list ul li:nth-child(3n){ margin-right:0;}
.case_list ul li img { width:100%; height:auto;}
.case_list ul li h2 { width:100%; height:60px; line-height:40px; font-size:20px; color:#333; font-family:segoeuib; font-weight:normal; padding:0 10px; overflow:hidden; margin-top:10px; text-transform:uppercase;}
.case_list ul li span { width:100%; padding:0 10px; line-height:28px; height:112px; color:#666; font-size:16px; font-family:segoeui; display:none; overflow:hidden; margin-bottom:10px;}
.case_list ul li:hover img { margin-top:-130px;  transition:opacity .4s linear 50ms; overflow:hidden;}
.case_list ul li:hover span { display:block; height:112px; overflow:hidden; line-height:28px;  transition:opacity .4s linear 50ms;}
.case_list ul li .changpic{ top: 0; left: 18px;  }
.case_list ul li:hover .changpic img {transform: scale(1.1);}
.case_list ul li:hover h2 { color:#e05417;}




/*产品列表*/
.product-wrapper { width: 100%;  height: 100%;  position: fixed; left: 100%;  top: 0; z-index: 1060; -webkit-transition: left .6s linear; transition: left .6s linear;  background: #e12925;}
.product-wrapper.active { left: 0;}
.lf-panel h1 { width: 100%; overflow: hidden; font-size: 0;}
.lf-panel h1 strong {  display: inline-block; text-transform: uppercase;  line-height: 33px; padding-bottom: 20px; font-size: 24px; color: #fff; font-weight: bold; vertical-align: middle;  position: relative;}
.lf-panel h1 strong:after{ content: ''; display: block;  width: 40%; height: 2px; background: #fff; position: absolute; left: 64px; bottom: 0; }
.product-wrapper.active .lf-panel { width: 20%;}
.lf-panel { width: 40%; height: 100%; position: absolute; background: #e12925; -webkit-transition: width .6s .4s linear;
    transition: width .6s .4s linear; padding-left: 5.72917%; padding-top: 21.875%;}
.rt-panel{ width: 60%; position: absolute; right: 0; top: 0; height: 100%;
    overflow: hidden; -webkit-transition: width .6s .4s linear; transition: width .6s .4s linear; display: flex; }  
.product-wrapper.active .rt-panel{ width: 80%; } 
.item-bg { position: absolute;  left: 0;top: 0; z-index: 1; width: 100%; height: 100%;  overflow: hidden;
    background: url(../images/cate_bg_01.jpg) center no-repeat; background-size: cover; -webkit-transform: scale(1.2); transform: scale(1.2);}
.product-wrapper .rt-panel .item-product+.item-product .item-bg {
    background-image: url(../images/cate_bg_02.jpg);
}
.product-wrapper .rt-panel .item-product+.item-product+.item-product .item-bg {
    background-image: url(../images/cate_bg_03.jpg);
}
.product-wrapper .rt-panel .item-product+.item-product+.item-product+.item-product .item-bg {
    background-image: url(../images/cate_bg_04.jpg);
}
.product-wrapper.active .item-bg{ -webkit-animation: scaleMove6 .8s 1s linear forwards;
    animation: scaleMove6 .8s 1s linear forwards; }
.item-info{  position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.item-info .item-header { width: 100%; position: absolute; overflow: hidden; left: 0;
    top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); padding-left: 0;}
.item-header .svg-panel { width: 238px; text-align: center; height: 96px; overflow: hidden;}
.item-header .svg-panel span img:nth-of-type(2){ display: none; }
.item-product.active .item-info .item-header .svg-panel span img:nth-of-type(1){ display: none; }
.item-product.active .item-info .item-header .svg-panel span img:nth-of-type(2){ display: inline-block; }
.item-product.active .item-info .item-header  h2{ color: #fff; }
.item-product .item-info .item-header h2 { width: 238px; text-align: center; line-height: 26px; font-size: 18px;
    color: #818181; font-weight: normal; text-transform: uppercase;}
.item-product .item-bg:before { background: #1a2027; background: linear-gradient(to right, #161b21 16%, rgba(43,51,61,0.8)); background: linear-gradient(to right, #161b21 16%, rgba(43,51,61,0.8));z-index: 0;}
.item-product .item-bg:before, .item-product .item-bg:after{
  content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.item-product .item-info .item-header p { width: 100%; overflow: hidden; line-height: 32px; font-size: 20px;
    color: #fff; font-family: 'FuturaStd_Light'; opacity: .1; filter: alpha(opacity=10);}
 .item-product { height: 100%;  overflow: hidden; position: relative; -webkit-box-flex: 1; -moz-box-flex: 1;-webkit-flex: 1; -ms-flex: 1; flex: 1;
    -webkit-transition: flex .4s linear; transition: flex .4s linear; cursor: pointer;}
.item-product.active { -webkit-box-flex: 3; -moz-box-flex: 3;-webkit-flex: 3; -ms-flex: 3; flex: 3;}
.item-product .item-info .item-body { position: absolute; left: 60%;
    width: 100%; z-index: 2; top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30%; transition: all .6s linear;
    opacity: 0; filter: alpha(opacity=0); max-height: 100%; overflow-y: auto;}
.item-product.active .item-info .item-body { left: 0; opacity: 1; filter: alpha(opacity=100);}
.item-body ul { width: 100%;}
.item-body ul li {width: 50%; padding: 0 20px; overflow: hidden; float: left; margin-top: 20px;}
.item-body ul li a { font-size: 16px;  line-height: 36px; height: 36px; width: 100%; display: block; color: #818181; text-transform: uppercase; transition: all .5s ease-in-out;}
.item-body ul li a { overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.item-body ul li a:hover{ color: #fff; }
@keyframes scaleMove6{0%{transform:scale(1.2);}100%{transform:scale(1);}}

/*关于我们*/
.ab_box{ padding-top: 80px; }
.ab_warbox{ overflow: hidden; width: 100%; padding-bottom: 60px; }
.ab_warbox_1 { width:100%; height:auto; float:left;}
.ab_warbox_1 h2 { width:100%; height:60px; line-height:60px; font-size:36px; color:#e05417; float:left; text-align:center; font-family:segoeui; margin-bottom:10px;}
.ab_warbox_1 p { width:100%; height:auto; line-height:28px; font-size:18px; color:#333; float:left; text-align:left; font-family:segoeui;}
.ab_warbox_1 img { width:100%; height:auto; margin:30px 0;}
.ab_warbox_2 { width:100%; height:auto; float:left; margin:40px 0;}
.ab_warbox_2 ul li { width:21%; margin:2%; height:auto; float:left; text-align:center;}
.ab_warbox_2 ul li h3  { width:100%; height:45px; float:left; text-align:center; margin-bottom:10px;}
.ab_warbox_2 ul li h3 img  { width:45; height:45px;  text-align:center;}

.ab_warbox_2 ul li h2 { font-size: 22px;  color: #333; line-height: 35px;  font-family: segoeuib; text-transform: uppercase; text-align:center; width:100%; margin-bottom:10px; float:left;}
.ab_warbox_2 ul li p {   font-size: 16px;  color: #666;  float: left;  line-height: 28px; font-family: segoeui;}


.ab_wh { width:100%; height:auto; background:#f5f6f7; overflow:hidden; padding:60px 0;}
.ab_wh_1 { width:100%; height:auto; float:left;}
.ab_wh_1 h2 { width:100%; height:60px; line-height:60px; font-size:36px; color:#e05417; float:left; text-align:center; font-family:segoeui; text-transform:uppercase; margin-bottom:20px;}
.ab_wh_2 { width:100%; height:auto; float:left;}
.ab_wh_2_left { width:50%; height:auto; float:left;}
.ab_wh_2_left img { width:100%; height:auto; float:left;}
.ab_wh_2_right { width:50%; height:auto; float:left; margin-top:20px;}
.ab_wh_2_right ul li { margin-left:10%; width:90%; height:auto; float:left; float:left; font-size:20px; color:#333; font-family:seguisb; line-height:28px; margin-bottom:30px;}
.ab_wh_2_right ul li i {    width: 8px;  height: 8px; position: absolute; background: #e05417; border-radius:50%; margin-left: -20px; margin-top:14px;}

.ab_wh_3 { width:100%; height:auto; float:left; margin-top:50px;}
.ab_wh_3_right { width:50%; height:auto; float:left;}
.ab_wh_3_right img { width:100%; height:auto; float:left;}
.ab_wh_3_left { width:50%; height:auto; float:left; margin-top:20px;}
.ab_wh_3_left ul li { margin-right:10%; width:90%; height:auto; float:left; float:left; font-size:20px; color:#333; font-family:seguisb; line-height:28px; margin-bottom:30px; padding-left:30px;}
.ab_wh_3_left ul li i {    width: 8px;  height: 8px; position: absolute; background: #e05417; border-radius:50%; margin-left: -20px; margin-top:14px;}


.ab_ry { width:100%; height:auto; background:#fff; overflow:hidden; padding:60px 0 0 0;}
/* .ab_factory{ background: url(../images/ab_factbg.jpg) no-repeat center; background-size: cover; padding: 75px 0 100px 0; } */
#featured-area{height:255px;width:100%;margin:300px auto 0 auto; position: relative;}
.roundabout-holder{ width:600px;height:auto;margin:0px auto;}
.roundabout-moveable-item{font-size:12px!important;height:auto;width:800px; background: #84858a; cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#84858a;margin:0; opacity: 0.5; transition: all 0.3s; }
.roundabout-moveable-item.roundabout-in-focus img{opacity: 1;}
.roundabout-in-focus{cursor:auto;}
.roundabout-in-focus:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0; background: #000;}
.ban_r_btn{ width: 50px; height: 50px; background: url(../images/right2.png) no-repeat center #e05417; border-radius: 30px; cursor: pointer; background-size: 30%; position: absolute; top: -6%; right: 50px; z-index: 555; }
.ban_l_btn{ width: 50px; height: 50px; background: url(../images/right2.png) no-repeat center #e05417; border-radius: 30px; cursor: pointer; transform: rotate(180deg); background-size: 30%; position: absolute; top: -6%; left: 50px; z-index: 555;}
	/*.box {position: relative;width: 80%;height:450px;margin: 0 auto; float:left;}
			.main {width: 1120px;height: 450px;position: absolute;top: 0px;left: 50%;margin-left: -400px;overflow: hidden;}
			.item {list-style: none;width: 560px;height: 200px;position: absolute;left: 0px;top: 27px;transition: all 0.3s ease;}
			.p0 {transform: translate3d(-560px, 0, 0) scale(1);opacity: 0.1;z-index: 1;	}
			.p1 {transform: translate3d(0px, 0, 0) scale(1);opacity: 0.8;z-index: 2;}
			.p2 {transform: translate3d(560px, 0, 0) scale(1);opacity: 0.8;z-index: 3;}
			.p3 {transform: translate3d(280px, 0, 0) scale(1.5);opacity: 1;	z-index: 4;}
			.p4 {transform: translate3d(560px, 0, 0) scale(1);opacity: 0.1;z-index: 3;}
			.newItem {position: absolute;left: 0px;top: 0px;	}
			.changeItem {	position: absolute;	left: 50%;top: 0px;	margin-left: -202px;	transform: scale(1.4);	}
			.item img {width: 100%;height:auto;}
			.btnMain {	width: 100%;	height: 100%;position: absolute;	top: 0px;left: 0px;}
			.left {position: absolute;left: 15px;top: 50%;margin-top: -15px;z-index: 10;}
			.right {	position: absolute;right: 15px;top: 50%;margin-top: -15px;z-index: 10;}
			.left img,
			.right img {	width: 30px;	height: 30px;}
			.pressMain {position: absolute;	left: 50%;	bottom: 10px;	width: 134px;	height: 24px;	margin-left: -67px;	z-index: 20;}
			.pressMain span {display: inline-block;margin: 2px 3px;width: 20px;height: 20px;border-radius: 50%;color: #fff;background: pink;text-align: center;line-height: 20px;}
			.pressMain .active {	background: brown;}*/



.ab_his{ overflow: hidden; background: url(../images/ab_hisbg.jpg) no-repeat; background-size: contain; position: relative; padding-top: 70px; padding-bottom: 80px; }
.ab_his .lcon{ float: left; width: 574px; }
.ab_his .lcon .page_tit{ color: #fff; }
.ab_his .lcon p{ margin-top: 55px; font-size: 18px; line-height: 30px; color: #979797; }
.ab_his .rcon{ margin-left: 574px; padding-left: 60px; }

.ab_strength{ padding-top: 160px }
.strength_text{ margin-top: 60px; }
.strength_text p{ font-size: 18px; line-height: 30px; color: #979797; margin-bottom: 25px; }
.strength_pic{ margin-top: 30px; overflow: hidden; }
.strength_pic li{ float: left; width:32%; margin-right: 1.5%;  }
.strength_pic li:nth-of-type(3n){ margin-right: 0; }
.strength_pic li:hover .changpic img{ transform: scale(1.15); }

.ab_service{ padding-top: 210px; padding-bottom: 94px; text-align: center; background: url(../images/ab_servicebg.jpg) no-repeat bottom; }
.accordion { height:612px; margin-top: 100px; overflow: hidden;position:relative; }
.accordion:after { content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff; }
.accordion._create:after { display: none; }

.accordion__ul { display:block;list-style: none;margin: 0;padding: 0;width:9999px;height:612px;overflow:hidden;position:absolute;left:0;top:0; }
.accordion__li { display:block;list-style: none;margin: 0;padding: 0;height:612px;float:left;overflow: hidden;transition: all 0.3s ease-out; }
.accordion__ul li{ position: relative; overflow: hidden; }
.accordion__img { display: block;cursor: pointer; }
.accordion__ul li p{ font-size: 25px; font-weight: bold; padding: 0 30px; line-height: 44px; width: 100%; text-align: left; color: #fff; position: absolute;top: 50px; left:0;}
.accordion__ul li h3{ position: absolute; bottom: 0; left: 0; color: #fff; font-size: 50px; width: 80px; height: 168px; line-height: 168px; text-align: center; background: rgba(225,41,37,0.7); }
.accordion__ul li:hover h3{ display: none; }
.accordion__ul li .ab_setext{ display: none; position: absolute; top: 0; left: 0; width: 100%; padding: 40px 20px; text-align: left; }
.accordion__ul li .ab_setext span{ display: inline-block;  font-size: 16px; color: #fff; line-height: 33px; }
.accordion__ul li:hover .ab_setext{ display: block; }
.accordion__ul li:hover p{ display: none; }
.accordion__ul li:nth-of-type(1):hover p{ display: block; }
/*分页 结束*/
.digg4{ text-align:center; font-size: 20px; font-weight: bold; padding:20px 0; margin-top: 20px;}
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:40px; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle; height:40px; line-height: 40px;  color:#666; text-decoration:none; margin:0 5px; font-family:seguisb;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#fff; background:#e05417;  font-family:seguisb; }
.digg4 span.disabled { font-size:24px; line-height:34px; color: #222; font-weight: normal; border:solid 1px #bdbbbb;}

/*分页 结束*/

/*产品详情*/
.pro-del{ width: 100%; height: 100%; overflow: hidden; padding: 70px 0 108px 0; display: block; position: relative; }
.pro-del:before{ content: '';  display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: #f4f4f4;  }
.pro-delxq { width:100%; height:auto; background:#FFF; padding:35px; overflow:hidden;}
.pro-delxq_1 { width:100%; height:auto; float:left;}

.pro-delxq_1_lcon { width:50%; height:auto; float:left;}

.pro-delxq_1_rcon { width:50%; height:auto; float:left; padding:0 50px;}

.pro-del .lcon{  float: left; width: 50%; padding-right: 30px; padding-top: 35px;  }
.pro-del .rcon{  float: right; width: 50%; padding-right: 62px; padding-left: 30px;  }
.pro-deltext { float:left;}
.pro-deltext h1{ font-size: 36px; height: 50px;  line-height: 50px;  overflow: hidden;  font-family: segoeuib;  color: #333; background: url(../images/shuxiang.jpg) no-repeat left center;  padding-left: 20px; }
.pro-deltext p{ font-size: 16px; line-height: 28px; color: #666; height: 150px; overflow: hidden; margin-top: 20px; font-family:segoeui; }
.pro-deltext h2 { width:100%; line-height:30px; font-size:16px; margin-top:5px; float:left; font-family:segoeui; font-weight:normal;}
.pro-deltext h2 strong { color:#333; font-family:seguisb;}
.pro-deltext h2 i { font-size:26px; color:#e05417; margin:0 3px 0  10px;}
.pro-deltext h2 b { font-size:20px; color:#666; margin:0 5px;}
.pro-deltext h2 a { color:#666;}
.pro-deltext h2 a:hover { color:#e05417; text-decoration:underline;}
.pro-del .share{ margin-top: 30px; float:left; }

.pro-delxq_2 { width:100%; height:auto; float:left; margin-top:20px;}
.pro-delxq_2 h2 {font-size: 28px; text-transform:uppercase; height: 50px; line-height: 50px;  overflow: hidden; font-family: segoeuib; color: #333; background: url(../images/shuxiang.jpg) no-repeat left center;  padding-left: 20px;}
.pro-delxq_2 p {font-size: 16px; line-height: 28px; color: #666; height:auto; overflow: hidden; margin-bottom:20px; font-family:segoeui;}
.pro-delxq_3{ width:100%; height:auto; float:left;}
.pro-delxq_3 h2 {font-size: 28px; text-transform:uppercase; height: 50px; line-height: 50px;  overflow: hidden; font-family: segoeuib; color: #333; background: url(../images/shuxiang.jpg) no-repeat left center;  padding-left: 20px;}

.pro-delxq_3 ul li { width:31.333%; margin-right:3%; height:auto; float:left; margin-top:10px;}
.pro-delxq_3 ul li:nth-child(3n) { margin-right:0;}
.pro-delxq_3 ul li p { font-size:20px; width:31.333%; color:#FFF; line-height:50px; position:absolute; text-align:center; height:50px; overflow:hidden;}

.pro-delxq_4{ width:100%; height:auto; float:left; margin-top:30px;}
.pro-delxq_4 h2 {font-size: 28px; text-transform:uppercase; height: 50px; line-height: 50px;  overflow: hidden; font-family: segoeuib; color: #333; background: url(../images/shuxiang.jpg) no-repeat left center;  padding-left: 20px;}

.pro-delxq_5{ width:100%; height:auto; float:left; margin-top:30px;}
.pro-delxq_5 h2 {font-size: 28px; text-transform:uppercase; height: 50px; line-height: 50px;  overflow: hidden; font-family: segoeuib; color: #333; background: url(../images/shuxiang.jpg) no-repeat left center;  padding-left: 20px;}
.pro-delxq_5 ul li { width:23.5%; height:auto; float:left; margin-right:2%; margin-top:5px;}
.pro-delxq_5 ul li:nth-child(4n) { margin-right:0;}
.pro-delxq_5 ul li img { width:100%; height:auto;}
.pro-delxq_5 ul li:hover .changpic img{ transform: scale(1.15); }
.pro-delxq_6{ width:100%; height:auto; float:left; margin-top:30px;}
.pro-delxq_6 h2 {font-size: 28px; text-transform:uppercase; height: 50px; line-height: 50px;  overflow: hidden; font-family: segoeuib; color: #333; background: url(../images/shuxiang.jpg) no-repeat left center;  padding-left: 20px;}

.pro-delxq_6 .rcon { width:100%; height:auto; float:left; background:#fff; padding:20px 0;}
.pro-delxq_6 .rcon_1 { width:100%; height:auto;}
.pro-delxq_6 .rcon_1 h2{width: 100%; height: 45px; line-height: 45px; font-size: 40px;  color: #333; font-family: segoeuib;  font-style: italic; text-transform: uppercase;  margin-bottom: 10px; font-weight:normal; margin-top:15px;}
.pro-delxq_6 .rcon_1 p { width: 100%; height: 35px; line-height: 35px; font-size: 16px;  color: #666; font-family: segoeui;  margin-bottom: 20px;}


.pro-delxq_6 .rcon_2 { width:100%; height:auto;}
.pro-delxq_6 .rcon_2 ul li { width:48%; height:auto; float:left;}
.pro-delxq_6 .rcon_2 ul li:nth-child(2n) { float:right;}
.pro-delxq_6 .rcon_2 ul li:nth-child(6) { float:left;}
.pro-delxq_6 .rcon_2 ul li input, .con_war_1 .rcon_2 ul li textarea { width: 100%; color: #666;  resize: none; background: #fff;  border: 1px solid #999; border-radius: 0;font-size: 18px; line-height: 22px; padding: 12px 18px; font-family:segoeui; margin-bottom:20px;}
.pro-delxq_6 .rcon_2 ul li font { position: absolute; color: red;margin-top: 20px; margin-left: 5px;}
.pro-delxq_6 .rcon_2 ul li:nth-child(5) { width:100%;}
.pro-delxq_6 .rcon_2 ul li button {  border: none; width: 200px;text-align:center;  display: block; text-transform: uppercase;  font-family: segoeui;  font-size: 18px;  cursor: pointer; background: #e05417; color: #fff; height: 46px;float:left; margin-bottom:60px;}

.pro-delxq_6 .rcon_2 ul li input, .pro-delxq_6 .rcon_2 ul li textarea {
    width: 100%;
    color: #666;
    resize: none;
    background: #fff;
    border: 1px solid #999;
    border-radius: 0;
    font-size: 18px;
    line-height: 22px;
    padding: 12px 18px;
    font-family: segoeui;
    margin-bottom: 20px;
}




.pro-del .links{margin-top: 30px; float:left; width:100%;}
.pro-del .links a{display: inline-block; width: 38%; height: 50px; font-family: segoeui; line-height: 50px; text-transform:uppercase; text-align: center; background: #e05417; font-size: 20px; color: #fff;}
.pro-del .links a:nth-of-type(2){ margin-left: 6px; background-image: linear-gradient(to right, #be2926 , #c34736);  }
.pro-del .links a:hover{ opacity: 0.8; }
.pro-del .links i{ font-size: 36px;font-weight: normal; }
.pro-del .links a *{ vertical-align: middle; }

.propicflash{ width:100%;}
.propicflash .big { width:80%; float:left;}
.propicflash .big div{ display: none; background: #fff; }
.propicflash .big img{ width: 100%; border-radius:5px;}
.propicflash .big div.on{display: block;}
.propicflash .small{overflow: hidden; width: 20%; float: left; padding-left:8px; }
.propicflash .small div.on{display: block;}
.propicflash .small div{ margin-bottom:10px; background: #fff; float: left; width: 100%; margin-right:3%; cursor: pointer; }
.propicflash .small img{ width: 100%; border-radius:5px;}
.propicflash .small div:last-child{ margin-right: 0; }

.pro-del-block{ padding: 80px 0; }
.pro-del-block h2{ font-size: 32px; color: #333; }
.info_dec{ margin-top: 20px; font-size: 18px; line-height: 28px; color: #666; }
.pro_feature{ margin-top: 40px; }
.pro_feature h3,.pro_Advantages h3{ font-size: 22px; font-family: POPPINS-REGULAR; font-weight: normal; }
.feature_ul{ margin-top: 12px; }
.feature_ul li{ margin-bottom: 18px; position: relative; font-size: 17px; font-family: POPPINS-REGULAR; background: #e1e1e1; padding: 15px; padding-left: 90px; }
.feature_ul li span{ content:''; position: absolute; display: flex; align-items: center; justify-content: center; top: 0; color: #fff; left: 0; width: 62px; height: 100%; background: #eb4937; text-align: center; color: #fff; font-size: 22px; font-weight: bold; }

.pro_Advantages{ margin-top: 42px; }
.pro_advbox{ overflow: hidden; margin-top: 30px; }
.pro_advbox .lcon{ width: 70%; float: left; padding-right: 40px; }
.pro_advbox .rcon{ width: 30%; float: right; }
.pro_advbox .lcon dl{ font-size: 18px; color: #666; }
.pro_advbox .lcon dl dt{ margin-bottom: 2px; position: relative; padding-left: 14px; }
.pro_advbox .lcon dl dt:after{ position: absolute; width: 8px; height: 8px; background: #bcbcbc; top: 5px; left: 0; content: ''; }
.pro_advbox .lcon dl dd{ line-height: 28px; }

.pro_tablebox{ background: url(../images/pro_tablebg.jpg) no-repeat bottom center #202326; }
.pro_tablebox h2{ color: #fff; text-transform: uppercase; }
.pro_table{ width: 100%; overflow-x:auto; margin-top: 10px; font-size: 16px; }
.pro_table table{ width: 100%; background: #fff; border-top:1px solid #e5e5e5; border-left: 1px solid #e5e5e5; background:#f8f8f8;  }
.pro_table table tr td{ text-align: center; padding: 12px 0; font-size: 16px; border-bottom:1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }

.pro_message p{ font-size: 17px; color: #666; }
.pro_message .infoform{ padding: 0; margin-top: 35px; }
.pro_message .infoform li{ width: 49%; }
.pro_message .infoform li:nth-of-type(even){ margin-left: 2%; }
.pro_message .infoform li:last-child{ width: 100%; }
.pro_message .infoform form button{ margin: 0; }


.rel_swiper{ position: relative; margin-top: 40px; }
.rel_swiper .item{ margin: 0 30px; }
.rel_swiper .item:hover .changpic img{ transform: scale(1.15); }
.rel_swiper .in_proitem{ border: 1px solid #bfbfbf; }
.rel_swiper .owl-theme .owl-controls .owl-page span{ width: 16px; height: 16px; background: #d2d2d2; opacity: 1; margin: 5px 2px; }
.rel_swiper .owl-theme .owl-controls .owl-page.active span{ background: #e12925; }
.rel_swiper .owl-theme .owl-controls{ position: absolute; right: 17px; top: -76px; }
.rel_swiper .item:hover .in_protext span{ text-decoration: underline; }
.relpro_text{ padding: 24px 10px; text-align: center; }
.relpro_text p{ font-size: 18px; overflow: hidden; height: 20px; line-height: 20px; }


/*cp*/
.cp_box{ padding-top: 50px; padding-bottom: 60px; background:#f4f4f4; }
.cp_box_1 { width:100%; height:auto; float:left; margin-bottom:20px;}
.cp_box_1 h3 { width:auto; margin-right:70px; margin-left:10px; height:45px; line-height:45px; color:#999; font-family:segoeuib; font-size:20px;float:left; font-weight:normal; overflow:hidden;}
.cp_box_1 h3 a { color:#777;}
.cp_box_1 h3 a:hover { color:#333; padding-left:25px; background:url(../images/cp_li_hover.jpg) left center no-repeat;}
.cp_box_1 h3 .on {  color:#333; padding-left:30px; background:url(../images/cp_li_hover.jpg) left center no-repeat;}

.cp_box ul{ padding: 10px; }
.cp_box ul li{ width: 100%; background: #fff; margin-bottom: 25px; overflow: hidden; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1); padding: 25px; }
.cp_itembox{ width: 100%; overflow: hidden; }
.cp_itembox .rcon{ margin-left: 60%; }
.cp_itembox .lcon{  width: 60%;   padding-left: 10px; padding-top:10px; float: left; }
.cp_itembox .lcon h4 { width:100%; height:40px; line-height:40px; font-size:16px; color:#333; text-transform:uppercase; background:url(../images/shux.jpg) no-repeat left center; padding-left:10px; margin-bottom:15px; font-family:segoeuib;}
.cp_itembox .lcon h3{ font-size: 36px; height: 50px; line-height: 50px; overflow: hidden; font-family:segoeuib; color:#333; }
.cp_itembox:hover .lcon h3{ color:#e05417;}
.cp_itembox .lcon p{ font-size:16px; color: #666; line-height:28px; margin-top: 20px; overflow: hidden; font-family:segoeui; }
.cp_itembox .lcon .more_box{ font-size: 18px; margin-top: 80px; color: #333; width:200px; height:46px; line-height:46px;  font-family:segoeui; text-transform:uppercase; float:left; border:solid 1px #e05417; text-align:center; float:left; } 
.cp_itembox .lcon:hover .more_box a{ color:#e05417;}

.cp_box ul li:hover .changpic img{ transform: scale(1.15); }

/*cp*/


/*news*/
.news_box{ padding-top: 50px; padding-bottom: 105px; background:#f4f4f4;}

.news_box ul{ padding: 10px; }
.news_box ul li{ width: 48%; background: #fff; margin-bottom: 25px; overflow: hidden; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1); padding: 25px; float:left; }
.news_box ul li:nth-child(2n){ float:right;}
.news_itembox{ width: 100%; overflow: hidden; }
.news_itembox .lcon{ float: left; width: 45%; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1); }
.news_itembox .rcon{ margin-left: 45%; padding-left: 25px;}
.news_itembox .rcon h3{ font-size: 20px; height: 56px; line-height: 28px; overflow: hidden; color:#333; font-family:segoeuib; font-weight:normal; }
.news_itembox .rcon a:hover h3  { color:#e05417;}
.news_itembox .rcon p{ font-size:16px; color: #666; line-height:28px; margin-top: 10px; overflow: hidden; font-family:segoeui; }
.date_box{ font-size: 18px; text-align:left; margin-top: 15px; color: #666; font-family:segoeui; padding-left:25px; } 
.date_box i {width: 25px; height: 25px;  position: absolute;  color: #e05417; font-size: 20px;  margin-left: -25px;}
.news_box ul li:hover .changpic img{ transform: scale(1.15); }
.gd_box{ font-size: 18px; margin-top:30px; color: #fff; width:200px; height:46px; line-height:46px;  font-family:segoeui; text-transform:uppercase; float:left;  text-align:center; display:block; background:#e05417;} 
.gd_box a { display:block;  color:#fff;}
.gd_box a:hover { width:100%; height:46px;  color:#333; display:block; border:solid 1px #e05417; background:#FFF;}

 /*faq*/
 .faqlist{ padding-top: 50px; }
 .faqlist ul{ width: 100%; overflow: hidden; }
 .faqlist ul li{ padding-left: 119px; position: relative; margin-bottom: 65px; }
 .faqlist ul li:after{ width: 85px; height: 85px; text-align: center; line-height: 85px; border-radius: 85px; background: #e12925; color: #fff; font-size: 30px; font-weight: bold; position: absolute; content: 'Q'; top:0; left: 0;  }
 .faqlist ul li:before{ content: ""; width: 2px; height: 200px; background: #e12925; position: absolute; top: 85px; left: 42px; }
 .faqlist ul li:last-child:before{ width: 0; }
 .faq_item h3{ line-height: 85px; height: 85px; overflow: hidden;  font-size: 28px; color: #292929; font-weight: bold; }
 .faq_item p{ padding: 20px 35px; line-height: 25px; font-size: 24px; color: #6e6e6e; background: #dedede; }

.why_box{ margin-top: 100px; padding-bottom: 130px; }
.why_box h1{ text-align: center; font-size: 36px; text-align: center; text-transform: uppercase; }
.why_ul{ width: 100%; overflow: hidden; padding: 0 10px 10px; margin-top: 80px; }
.why_ul li{ float: left; width: 18%; margin-right: 2.5%; }
.why_ul li:last-child{ margin-right: 0; }
.why_item{ box-shadow:  0 1px 10px 0 rgba(0,0,0,0.3); background: #fff; width: 100%;}
.why_icon{ background: #eaeaea; text-align: center; padding: 26px 0; }
.why_icon i{ font-size: 58px; }
.why_text{ padding: 28px 12px 45px 12px; }
.why_text p{ font-size: 18px; line-height: 26px; color: #666; height: 78px; overflow: hidden; }
.why_ul li:hover .why_icon{ background: #e12925;  color: #fff; }
/*contact*/
.contact_box{ padding-top: 50px; background:#f4f4f4; overflow:hidden; }
.con_war{ overflow: hidden; padding: 50px 0;  background-size: cover;  }
.con_war_1 { width:100%; height:auto; float:left; background:#FFF;}
.con_war_1 .lcon { width:35%; height:auto; float:left; background:#2d3744; padding:20px 20px 35px 20px;}
.con_war_1 .lcon_1 { width:100%; height:45px; line-height:45px; font-size:40px; color:#FFF; font-family:segoeuib; font-style:italic; background:url(../images/title_xian.jpg) no-repeat left bottom; text-transform:uppercase; margin-bottom:20px; margin-top:50px;}
.con_war_1 .lcon_2 { width:100%; height:auto; float:left;}
.con_war_1 .lcon_2 p { width: 100%; height: auto; line-height: 25px; font-size: 16px; color: #fff; margin-bottom: 15px; float: left; padding-left:30px; font-family:segoeui;}
.con_war_1 .lcon_2 p:nth-child(3) { width:50%;}
.con_war_1 .lcon_2 p:nth-child(4) { width:50%;}
.con_war_1 .lcon_2 p a { color:#FFF;}
.con_war_1 .lcon_2 p a:hover { color:#FFF;}

.con_war_1 .lcon_2 p i {width: 25px;  height: 25px;  color: #e05417; font-size: 18px; margin-left: -25px; float:left;}
.con_war_1 .lcon_2 strong { width:100%; color:#e05417;  font-size: 16px;  font-family:segoeuib; float:left;}
.con_war_1 .lcon_3 { width:100%; height:auto; float:left; text-align:center;}
.con_war_1 .lcon_3 img { text-align:center; width:109px;}


.con_war_1 .rcon { width:65%; height:auto; float:left; background:#fff; padding:20px 40px;}
.con_war_1 .rcon_1 { width:100%; height:auto;}
.con_war_1 .rcon_1 h2{width: 100%; height: 45px; line-height: 45px; font-size: 40px;  color: #333; font-family: segoeuib;  font-style: italic; text-transform: uppercase;  margin-bottom: 10px; font-weight:normal; margin-top:15px;}
.con_war_1 .rcon_1 p { width: 100%; height: 35px; line-height: 35px; font-size: 16px;  color: #666; font-family: segoeui;  margin-bottom: 20px;}


.con_war_1 .rcon_2 { width:100%; height:auto;}
.con_war_1 .rcon_2 ul li { width:48%; height:auto; float:left;}
.con_war_1 .rcon_2 ul li:nth-child(2n) { float:right;}
.con_war_1 .rcon_2 ul li:nth-child(6) { float:left;}
.con_war_1 .rcon_2 ul li input, .con_war_1 .rcon_2 ul li textarea { width: 100%; color: #666;  resize: none; background: #fff;  border: 1px solid #999; border-radius: 0;font-size: 18px; line-height: 22px; padding: 12px 18px; font-family:segoeui; margin-bottom:20px;}
.con_war_1 .rcon_2 ul li font { position: absolute; color: red;margin-top: 20px; margin-left: 5px;}
.con_war_1 .rcon_2 ul li:nth-child(5) { width:100%;}
input#ly {
    width: 30%;
}
.con_war_1 .rcon_2 ul li button {  border: none; width: 200px;text-align:center;  display: block; text-transform: uppercase;  font-family: segoeui;  font-size: 18px;  cursor: pointer; background: #e05417; color: #fff; height: 46px;float:left; margin-bottom:10px;}
.con_war_2 { width:100%; height:auto; float:left; margin-top:20px;}
.con_war_2 ul li { width:48.5%; height:auto; float:left; background:#FFF; padding:25px;}
.con_war_2 ul li:nth-child(2n) { float:right;}
.con_war_2 ul li h2 { width:100%; height:46px; line-height:46px; float:left; padding-left:35px; font-size:24px; color:#333; font-family:seguisb; margin-bottom:15px;}
.con_war_2 ul li h2 i { width: 35px;  height: 46px;  color: #e05417; font-size: 22px; margin-left: -25px; float:left;}
.con_war_2 ul li h2 strong { font-size:16px; margin-left:10px; color:#666; font-family:segoeui; font-weight:normal;}
.con_war_2 ul li p {width: 100%; height: auto; line-height: 25px;  font-size: 16px; color: #666;  margin-bottom: 15px;  float: left; font-family: segoeui;}
.con_war_2 ul li p a { color:#333;}
.con_war_2 ul li p a:hover { color:#e05417;}
.con_war_2 ul li p:nth-child(2) { width:50%;}
.con_war_2 ul li p:nth-child(3) { width:50%;}
.con_war_3 { width:100%; height:570px; float:left; padding:8px; margin-top:30px; background:#FFF; }
.con_war_3 img { width:100%; height:auto;}


.contact_box .Copyright_p,.contact_box .copy{ background: transparent; }
/*新闻*/
.infocontact p{ font-size: 18px;  color: #888; }
.infocontact .con_tit{ margin-bottom: 10px; }
.infocon{color: #666;  }
.infocon h2{font-size:24px; font-family:segoeuib; font-weight: normal; text-align: center; margin-bottom: 10px; color: #222; line-height:38px;}
.infocon img{ display: inline-block; margin: 12px 0; max-width: 100%; }
.infocon .time{ text-align: center;margin-bottom:20px; color: #666;font-family:segoeui; border-bottom:solid 1px #ccc; padding-bottom:15px; height:50px; line-height:50px;}
.infocon .time i { font-size:20px; color:#e05417; margin-right:5px; }
.infocon .other{border-top: 1px solid #ddd; padding:15px 0 0 0; margin:50px 0 0 0; line-height: 26px;}
.infocon .other div{margin:8px 0; width:80%; float:left; }
.infocon .other{ color: #666; font-family:segoeui; margin-bottom:50px; }
.infocon .other a{color: #666}
.infocon .other b { font-weight:normal; color:#333;}
.infocon .other a:hover{ color: #e12925; }
.infocon p{line-height:28px; margin-bottom: 10px; font-family:segoeui;}
.infocon .fh { width:200px; height:46px; line-height:46px; margin-top:-20px; background:#e05417; color:#FFF; text-align:center; float:left; font-size:20px; font-family:segoeui; text-transform:uppercase; float:right;}
.infocon .fh a { color:#FFF; font-weight:normal; display:block;}
.infocon .fh a:hover { background:#666;  width:200px; height:46px; display:block;}


.footmenu{position:fixed;bottom:0;left:0;width:100%;z-index:5;max-width:1024px; display: none;}
.footmenu img{display:block}
.footmenu div.bgcolor{ clear:both;}
.footmenu div.con{position:absolute;bottom:0;left:0;width:100%; padding-bottom: 10px; background:#e05417;}
.footmenu a{color:#fff;font-size:16px; display:block;width:25%;text-align:center;float:left;position:relative}
.footmenu i{display:block;width:25px;height:25px;margin:6px auto 2px; font-size: 26px;}



@media screen and (max-width: 1680px){
  .index_banner .item_picimg{ left: 836px; }
  .in_casebox_1 { padding-top:150px; margin-bottom:20px;}
  .in_ab .center-wrap { padding-top:200px;}
  .ab_box{ padding-top: 50px; }
  .ab_warbox{ padding-bottom: 110px;}
  .ab_strength{ padding-top: 100px; }
  .strength_text{ margin-top: 30px; }
  .ab_service{ padding-top: 90px; }
  .accordion{ margin-top: 40px; }
  .accordion__ul li p{ font-size: 26px; line-height: 32px; }
  .case_list li{ margin-bottom: 40px; }
  .news_box{ padding-top: 10px; }
  .faqlist{ padding-top: 20px; }
  .why_ul{ margin-top: 40px; }
  .item-header .svg-panel,.item-product .item-info .item-header h2{ width: 170px; }
  .item-product .item-info .item-body{ padding-left: 25%; }
}

@media screen and (max-width: 1600px){
  .index_banner .item_picimg{ left: 780px; }
  .product-wrapper.active .lf-panel{ width: 17%; }
  .product-wrapper.active .rt-panel{ width: 83%; }
  .in_ab .center-wrap{ padding-top: 190px; } 
  .in_news .center-wrap { padding-top:124px;}
  .news_swiper .item h5 { margin-bottom:5px;}
}
@media screen and (max-width: 1440px){
  .warper{ width: 100%; padding: 0 80px; }
  .index_banner .item_picimg{ left: 694px; width: 468px; }
  .scope_text p { height:56px; overflow:hidden;}
  .in_anli_2 ul li .more { padding-left:15%;}
  .in_casercon{ padding-left: 30px; }
  .in_news .center-wrap{ padding-top: 180px; }
  .in_contact .center-wrap{ padding-top: 132px; }
  .sub_nav{ padding: 18px 0; }
  .ab_box{ padding-top: 30px; }
  .ab_warbox .rcon{ padding-top: 20px; padding-left: 42px; }
  .ab_warbox .rcon p{ margin-top: 20px; }
  .ab_warbox{ padding-bottom: 60px; }
  .ab_his .lcon p{ margin-top: 25px; }
  .ab_his{ padding-top: 47px; padding-bottom: 51px; }
  .ab_strength{ padding-top: 50px; }
  .strength_text{ margin-top: 12px; }
  .strength_text p{ line-height: 26px; }
  .ab_service{ padding-top: 50px; }
  .accordion{ margin-top: 25px; }
  .case_text h3{ font-size: 36px; line-height: 50px; }
  .case_text p{ margin-top: 14px; }
  .case_text span{ margin-top: 34px; }
  .case_item .lcon{ padding-right: 50px; }
  .case_list li:nth-of-type(even) .lcon{ padding-left: 50px; }
  .case_list li{ margin-bottom: 0; }
  .news_box ul li{ padding: 12px; }
  .date_box{ margin-top: 10px; }
  .news_itembox .rcon{ padding-left: 28px; }
  .faq_item h3{ height: 65px; line-height: 65px; font-size: 24px; }
  .faqlist ul li{ padding-left: 86px; }
  .faqlist ul li:after{ width: 65px; height: 65px; line-height: 65px; }
  .faqlist ul li:before{ top: 60px; left: 32px; height: 146px; }
  .faqlist ul li{ margin-bottom: 26px; }
  .why_ul{ margin-top: 25px; }
  .why_box{ margin-top: 46px; padding-bottom: 50px; }
  .news_box{ padding-bottom: 50px; }
  .page_tit{ font-size: 55px; }
  .showon{ display: none; }
  .pro-del .rcon{ padding-right: 0; }
  .pro-del{ padding: 180px 0 40px 0; }
  .pro_table{ margin-top: 25px; }
  .pro-del-block{ padding: 50px 0; }
  .rel_swiper .item{ margin: 0 10px; }
  .accordion__ul li .ab_setext span{ line-height: 24px; }
   #featured-area{ margin: 282px auto 0 auto; }
}
@media screen and (max-width: 1366px){
  .warper{ width: 100%; padding: 0 60px; }
  .item_text h2{ font-size: 49px; line-height: 58px; }
  .side-panel .cate-list li{ padding: 25px 100px; }
  .lf-panel{ padding-left: 3.72917%;}
  header{ padding: 0 100px 0 2%; }
  .nav-list { width:calc(100% - 250px);}
  .in_abbox .lcon_1 ul li { margin-bottom:20px;}
  .in_ab .center-wrap{ padding-top: 190px; }
  .in_case .center-wrap{ padding-top: 159px; }
  .in_news .center-wrap{ padding-top: 154px; }
  .in_newsbox{ margin-top: 25px; }
  .news_item{ padding-top: 5px; }
  .in_anli_2 { margin-top:0;}
  .news_swiper .item h5 { margin-top:0; margin-bottom:10px;}
  .con_war{ padding: 20px 0; }
  .in_contactbox .lcon ul{ margin-top: 3px; }
  .infoform{ padding: 20px; }
  .infoform li:nth-of-type(2){ margin-left: 2%; }
  .infoform h3{ margin-bottom: 15px; }
  .infoform li{ margin-bottom: 9px; }
  .in_contact .center-wrap{ padding-top: 155px; }
  .copy p{ margin-bottom:10px; }
  .copy_1_center ul:nth-child(3) { width:24%;}
  .copy_1_left_1_left { width:15%;}
  .copy_1_left_1_right { width:85%;}
  .cp_itembox .lcon .more_box { margin-top:60px;}
  .contact_box{ padding-top: 50px; padding-bottom:60px; }
  .home_boxtit{ font-size: 48px; }
  .index_banner .item_text{ width: 500px; }
  .index_banner .item_picimg{ left: 610px; }
  .page_tit{ font-size: 48px; }
  .accordion__li,.accordion{ height: 480px; }
  .ab_service{ padding-bottom: 65px; }
  .accordion__ul li h3{ height: 100px; line-height: 100px; }
  .accordion__ul li p{ top: 24px; font-size: 22px; line-height: 26px; }
  .ab_service{ background: none; }
  .ab_service{ padding-bottom: 40px; }
  .why_box h1{ font-size: 32px; }
  .item-product .item-info .item-header h2{ font-size: 16px; }
  .item-body ul li{ margin-top: 8px; }
  #fp-nav.right{ left: 0; }
  .page_footer .infoform li{ width: 49%; }
  .page_footer .infoform li:nth-of-type(3),.page_footer .infoform li:last-child{ width: 100%; }
  .infoform li{ width: 49%; }
  .pro-deltext h1{ font-size: 50px; }
  .pro-del .lcon{ padding-top: 15px; }
  .position{ padding: 15px 200px 15px 2%; }
    .roundabout-holder{ width: 600px; }
}
@media screen and (max-width: 1280px){
  .logo{ height: auto; width: 115px; }
  .ab_warbox .rcon p,.ab_his .lcon p,.strength_text p{ line-height: 25px; }
  .scope_biaoti p { font-size:20px;}
  .in_casebox_1 { padding-top:170px; margin-bottom:20px;}
  .in_abbox .lcon_1 ul li .rcon h2 { font-size:18px;}
  .in_abbox .lcon_2 h2 { height:50px; line-height:40px; font-size:40px;}
  .in_abbox .lcon_2 h3 { font-size:24px; margin-bottom:10px;}
  .in_abbox .lcon_2 .more { margin-top:30px;}
  .in_anli_1 h2 { font-size:30px;}
  .in_anli_1 { margin-bottom:0;}
  .ab_warbox_1 p { font-size:16px;}
  .copy_1_center ul:nth-child(1) { width:30%;}
  .copy_1_center ul:nth-child(2) { width:28%;}
  .copy_1_center ul:nth-child(3) { width:25%;}
  .in_anli_2 ul li h2 { margin-top:20px; line-height:35px; font-size:26px;}
  .in_anli_2 ul li .more { margin-top:20px;}
  .in_abbox .lcon_2 .more { padding-left:18%; width:82%;}
  .in_anli_2 ul li .more { font-size:16px;}
  .scope_text { padding:10px 0 0 0;}
  .copy_1_cen ul:nth-child(1) { width:30%;}
  .copy_1_cen ul:nth-child(2) { width:28%;}
  .ab_warbox{ padding-bottom: 35px; }
  .ab_his .rcon{ margin-left: 524px; }
  .page_tit{ font-size: 40px; }
  .ab_strength{ padding-top: 30px; }
  .ab_service{ padding-top: 40px; }
  .accordion{ margin-top: 15px; }
  .page_footer .infoform{ padding: 0; }
  .page_footer .rcon{ padding-left: 112px; padding-right: 0; }
  .page_footer .lcon ul{ margin-top: 6px; }
  .ab_box{ padding-top: 30px; }
  .ab_warbox_1 h2 { font-size:30px;}
  .ab_warbox_2 ul li h2 { font-size:18px; line-height:30px;}
  .case_text h3{ font-size: 32px; line-height: 36px; }
  .case_text p{ line-height: 26px; height: 156px; overflow: hidden; }
  .digg4{ padding: 0; }
  .why_text{ padding: 12px; }
  .why_icon{ padding: 20px 0; }
  .pro-del{ padding: 50px 0 40px 0; }
  .pro-deltext p{ line-height: 24px; height: 240px; margin-top: 10px; }
  .rel_swiper{ margin-top: 18px; }
  .rel_swiper .owl-theme .owl-controls{ top: -54px; }
  .case_list li:nth-of-type(even) .lcon{ padding-left: 30px; }
  .case_item .lcon{ padding-right: 30px; }
  .nav-list{ width: calc(100% - 200px); }
  .nav-list li a { font-size:16px;}
  .faq_item p{ font-size: 20px; }
  .why_ul li{ margin-right: 1.5%; width: 18.8%; }
  .news_itembox .rcon p { height:56px; line-height:28px; overflow:hidden;}
  .case_list ul li h2 { height:60px; line-height:30px; font-size:18px;}
  .con_war_3 { height:auto;}
  .case_list ul li { height:350px;}
    .roundabout-holder{ width: 500px; }
	.in_news_1 h2 { font-size:30px;}
}

@media screen and (max-width: 1024px){ 
 #featured-area{ margin: 215px auto 0 auto; height: 205px; }
 .roundabout-moveable-item{ width: 600px; }
.logo { width:115px;}
.nav-list li a { line-height:94px;}
  .warper{ width: 100%; padding: 0 40px; }
  .side-panel,.btn-nav{ display: none; }
  .nav-list li{margin:0 2%; }
  .shubiao { display:none;}
  .head_rcon { width:120px;}
  .in_casebox_1 { padding-top:70px;}
  .scope_swiper .item h5 { height:200px;}
  .in_casebox_1 h2 { height:50px; line-height:50px; font-size:30px;}
  .in_casebox_2 { height:80vh;}
  .in_casebox_1 p {  height:35px; line-height:35px; font-size:20px;}
  .scope_swiper .item .changpic img { margin-top:0;}
  .nav-list li a { font-size:19px;}
  header{ padding: 0 2%; }
  .nav-list{ width:calc(130% - 380px); text-align:left;}
  .in_abbox .lcon_1 ul li .rcon h2 { line-height:25px;}
  .in_abbox .lcon_1 ul li .rcon p { font-size:14px; line-height:22px;}
  .in_abbox .lcon_2 h2 { font-size:32px;}
  .in_abbox .lcon_2 h3 { font-size:20px;}
  .position{ padding: 15px 2% 15px 2%; }
  .index_banner .item_text{ left: 4%; }
  .index_banner .item_picimg{ left: 530px; width: 420px; }
  .in_ab .center-wrap,.in_case .center-wrap,.in_news .center-wrap,.in_contact .center-wrap{ padding-top: 40px; }
  .in_abbox .lcon p{ margin-top: 0; font-size: 14px;  line-height: 25px;}
  .in_abbox .lcon_2 .more {    padding-left: 20%; width: 80%;}
  .in_anli { overflow:hidden;}
  .in_anli .center-wrap { padding-top:60px;}
  .in_anli_2 ul li h2 { padding-top:0; margin-top: 20px; line-height: 30px; font-size: 22px;}
  .in_anli_2 ul li p { margin-top:15px;}
  .in_anli_2 ul li .more { padding-left:20%;}
  .in_news { background:#FFF;}
  .news_swiper .item h5 { font-size:18px;}
  .news_swiper .item i { margin-top:10px;}
  .scope_text p { margin-bottom:50px;}
  .copy_1 { padding-left:5%; padding-right:5%;}
  .copy_2_left { width:75%;}
  .copy_2_right { width:25%;}
  .copy_2 { padding-left:5%; padding-right:5%;}
  .in_abbox .rcon{ padding-left: 20px; }
  .in_abmore{ margin-top: 20px; }
  .in_casebot li{ padding: 0; }
  .in_casercon{ padding-top: 0; }
  .in_casercon p a{ margin-top: 12px; }
  .in_casebot{ margin-top: 34px; }
  .in_case{ padding-bottom: 40px; }
  .news_item .changpic{ position: static; }
  .news_textbox{ padding: 10px; }
  .news_item{ padding-top: 0; }
  .in_newsbox ul li{ margin-right: 2%; width: 32%; }
  .in_contactbox .rcon{ padding: 0; padding-right: 20px; }
  .in_contactbox .lcon{ padding-left: 20px; }
  .home_boxtit{ font-size: 40px; }
  .backToTop{ right: 0; }
  .item_text,.item_picimg{ display: none; }
  .index_banner .item img{ display: block; }
  .index_banner .item,.index_banner .items{position: initial; height: auto;}
  .in_contactbox .lcon{ width:45%; }
  .in_contactbox .rcon{ width:55%; padding:0 15px;}
  .con_war_1 .rcon_1 p { height:auto; line-height:28px;}
  .con_war_2 ul li p:nth-child(2) { width:100%;}
  .con_war_2 ul li p:nth-child(3) { width:100%;}
  .in_casercon{ padding-top: 30px; }
  .in_news .home_boxtit:after{margin-left: -56px;}
  .in_newsbox{ margin-top: 12px; }
  .in_caseboxtab li a{ padding: 15px 0; }
  .page_tit{ font-size: 34px; }
  .ab_warbox .rcon{ padding-left: 25px; padding-top: 0; }
  .ab_warbox .rcon p{ margin-top: 3px; }
  .ab_his{ background-size: cover; padding: 40px 0; }
  .ab_his .lcon p{ margin-top: 8px; }
  .strength_text p{ margin-bottom: 7px; }
  .accordion__ul li p{ padding: 0 20px; }
  .page_footer .rcon{ padding-left: 26px; }
  .footer_tit{ font-size: 50px; }
  .item-body ul li{ width: 100%; float: none; }
  .lf-panel h1 strong{ font-size: 18px; }
  .item-header .svg-panel, .item-product .item-info .item-header h2{ width: 116px; }
  .pro-del .rcon{ padding-left: 0; }
  .pro-deltext h1{ font-size: 30px; }
  .pro-del .lcon{ padding-top: 0; padding-right: 20px; }
  .pro-del .links{ margin-top: 28px; }
  .pro-del .links a{ font-size: 16px; width: 44%; }
  .pro-del-block{ padding: 30px 0; }
  .info_dec{ line-height: 24px; margin-top: 10px; }
  .feature_ul li{ margin-bottom: 10px; padding: 10px; padding-left: 74px; }
  .pro_advbox{ margin-top: 10px; }
  .pro_feature,.pro_Advantages{ margin-top: 20px; }
  .pro_advbox .lcon dl dd{ line-height: 24px; }
  .pro_advbox .lcon{ padding-right: 0; width: 100%; float: none; }
  .pro_advbox .rcon{ width: 100%; float: none; margin-top: 20px; }
  .pro-del-block h2{ font-size: 24px; }
  .pro_table{ margin-top: 15px; }
  .pro_message .infoform{ margin-top: 12px; }
  .page_footer .lcon{ padding-left: 0; width: 45%; }
  .page_footer .rcon{ margin-left: 45%; }
  .case_item .lcon{ padding-right: 15px; }
  .case_list li:nth-of-type(even) .lcon{ padding-left: 15px; }
  .case_text h3{ font-size: 24px; line-height: 26px; }
  .case_text span{ margin-top: 18px; }
  .case_list li{ padding: 20px 0; }
  .date_box{ display: none; }
  .news_itembox .lcon{ width: 20%; }
  .news_itembox .rcon{ margin-left: 20%; padding-left: 15px; }
  .news_itembox .rcon p{ margin-top: 10px; }
  .digg4{ margin-top: 0; }
  .news_box ul li{ margin-bottom: 18px; }
  .why_box h1{ font-size: 25px; }
  .why_ul{ margin-top: 12px; }
  .why_icon i{ font-size: 40px; }
  .sub_nav { margin-top:-160px;}
  .ab_wh_2_right ul li { font-size:18px; margin-bottom:15px;}
  .ab_wh_3_left ul li { font-size:18px; margin-bottom:15px;}
  .ab_wh_3_left { margin-top:0;}
  .ab_wh_2_right { margin-top:0;}
  .cp_box_1 h3 { font-size:18px; height:35px; line-height:35px;}
  .cp_itembox .lcon h3 { height:40px; line-height:40px; font-size:30px;}
  .cp_itembox .lcon h4 { margin-bottom:5px;}
  .cp_itembox .lcon p { margin-top:10px;}
  .cp_itembox .lcon .more_box { margin-top:40px;}
  .news_box ul li { width:100%;}
  .news_itembox .rcon h3 { height:28px; overflow:hidden;}
  .con_war { padding:10px 0;}
  .pro-delxq_1_rcon { padding:0 25px;}
   .pro-deltext p{ height: 120px; margin-top:5px; }
   .pro-deltext h2 { margin-top:0;}
   .pro-del .links { margin-top:15px;}
   .pro-del .share { margin-top:10px;}
   .pro-delxq_2 h2 { font-size:24px;}
   .pro-delxq_3 h2 { font-size:24px;}
   .pro-delxq_4 h2 { font-size:24px;}
   .pro-delxq_5 h2 { font-size:24px;}
   .pro-delxq_6 h2 { font-size:24px;}
   .infocon h2 { font-size:20px; line-height:30px;}
   .in_abbox { padding-bottom:40px;}
   .in_anli_2 { padding-bottom:40px;}
}
@media screen and (max-width: 990px){
   header { height:62px; width:100%; margin:0; border-radius:0; top:0; padding:0;}
   .banner { padding-top:62px;}
   .scope_swiper .owl-theme .owl-controls { display:none;}
  .headerzong{     height: 62px; top: 0; width: 100%; margin-left: 0;  margin-right: 0;  border-radius: 0; }
.subbanner{ padding-top:62px;}
  .logo { width: 85px; margin-top:2px;} 
  .search-button { display:none;}
  .languagebox { margin-top:-20px;}
  .in_casebox_1 { padding-top:50px; z-index:0; margin-bottom:0;}
  .nav-list{ position: fixed; left: 0;top: 0;bottom: 0;width: 250px; z-index: 99;overflow: auto;background: #222; transform: translateX(-350px);transition: 0.3s; }
  .nav-list li{ float: none; padding: 0; margin: 0; width: 100%; }
  .nav-list li>a{ margin:0; line-height: normal; color: #fff;  display:block; padding:15px 20px; border-bottom:1px solid #2e2e2e; text-align: left;}
  .nav-list li dl{ left: 0;  top: 0; width: auto;  background: #2e2e2e;  position: inherit;  opacity: 1; display: block; } 
  .nav-list li dl dd a{padding: 10px 20px; font-size: 16px; white-space:normal; display: block; border-bottom: none; color: #fff!important}
  .nav-list li.on a, .nav-list li:hover a{ background: #e12925; color: #fff; }
  .nav-list li:hover dl{ left: 0; opacity: 1; }
  .nav-list li.on a:after,.nav-list li:hover a:after{ width: 0;}
  .nav-button{display: block; top: 14px; }
  .position{padding: 0; }
  .pro-delxq_1_lcon { width:58%;}
  .pro-delxq_1_rcon { width:42%;}
  .pro-del .links a { width:60%;}
  .infocon .fh { display:none;}
  .case_list ul li { height:auto;}
  .case_list ul li span { display:none;}
.case_list ul li:hover img { margin-top:0;   transition:opacity .4s linear 50ms; overflow:hidden;}
.case_list ul li:hover span { display:none; }
.case_list ul li .changpic{ top: 0; left: 18px;  }
.case_list ul li:hover .changpic img {transform: scale(1.1);}
.case_list ul li:hover h2 { color:#e05417;}
.in_abbox .rcon_1 { margin-top:0; margin-bottom:40px;}
.in_casebox { height:88vh;}
.scope_swiper .item { padding:0;}
.languagebox ul li { padding:5px 5px 0;}
.languagebox a { height:20px; line-height:20px; overflow:hidden;}

}

@media screen and (max-width: 768px){
  .warper{ width: 100%; padding: 0 30px; }
  .con_war_1 .lcon_1 { margin-top:10px;}
  .in_abbox .lcon{ width: 100%; float: none; padding-right: 0; }
  .in_abbox .rcon{ width: 100%; float: none; padding-left: 0; margin-top: 12px; }
  .home_boxtit,.home_boxtit span{ font-size: 35px; }
  .in_casercon{ padding-top: 0; }
  .in_casercon p a{ line-height: 24px; height: 120px; overflow: hidden; }
  .in_casercon{ padding-left: 20px; }
  .in_casercon h2 a{ font-size: 20px; }
  .news_textbox em{ display: none; }
  .news_textbox p{ line-height: 22px; height: 44px; }
  .infoform{ padding: 10px; }
  .infoform h3{ font-size: 22px; }
  .in_casebox_1 h2 { font-size:24px;}
  .in_casebox_1 p { font-size:16px;}
  .in_casebox_2 { height:70vh;}
  .in_ab { background: url(../images/in_aboutbg.png) no-repeat left top;}
  .in_abbox .lcon_1 { margin-left:5%;}
  .in_abbox .rcon { margin-top:0;}
  .in_abbox .lcon_1 ul li .rcon h2 { font-size:16px;}
  .in_abbox .lcon_1 ul li .lcon img { width:70%; height:auto;}
  .in_abbox .lcon_2 h2 { font-size:26px; height:40px; line-height:40px;}
  .in_abbox .lcon_2 h3 { margin-top:5px; margin-bottom:0;}
  .in_abbox .lcon_2 .more { margin-top:10px; padding-left:25%;}
  .in_anli_2 ul li .more { padding-left:30%;}
  .copy_1_left { width:100%; padding-top:0;}
  .copy_1_cen { width:100%; margin-top:20px;}
  .copy_1_cen ul:nth-child(1) { display:none;}
  .copy_1_cen ul:nth-child(2) { display:none;}
  .copy_1_cen ul:nth-child(3) { width:100%;}
  .copy_1_right { width:100%; margin-bottom:0px; margin-top:5px; text-align:center; display:none;}
  .copy_1_center ul li h2 {    margin-bottom: 5px;  margin-top: 0px;}
  .copy_1_cen ul { margin-right:3%;}
  .sub_nav h1 { font-size:36px; background:none; height:40px; line-height:50px;}
  .sub_nav { margin-top:-130px;}
  .ab_warbox_2 ul li { width:46%;}
  .ab_warbox_2 { margin:20px 0;} 
  .ab_wh_2_left { width:100%;}
  .ab_wh_2_right { width:100%; margin:30px 0;}
  .ab_wh_2_right ul li { width:96%; margin-left:4%;}
  .ab_wh_3 { margin-top:0;}
  .ab_wh_3_left {  width:96%; margin-left:4%;}
  .ab_wh_3_right { width:100%;}
  .copy_1_center { width:100%; margin-top:20px; margin-top:20px;}
  .copy_1_center ul:nth-child(1) { display:none;}
  .copy_1_center ul:nth-child(2) { display:none;}
  .copy_1_center ul:nth-child(3) { width:100%; text-align:center; display:none;}
  .copy_1_left_1_left { width:8%;}
  .copy_1_left_2 p { padding-left:0;}
  .copy_2_right ul li { width:25%; float:left;}
  .cp_box ul li { padding:10px;}
  .cp_itembox .lcon h3 { height: 30px; line-height: 30px; font-size: 24px;}
  .cp_itembox .lcon p { font-size:14px; line-height:25px;}
  .cp_itembox .lcon .more_box{ margin-top:15px;     height: 40px; line-height: 40px; width: 150px; font-size: 16px; margin-bottom:15px;} 
  .cp_itembox .lcon h4 { margin-bottom:0;}
  .cp_itembox .lcon { width:50%;}.cp_itembox .rcon { margin-left:50%;}
  .news_itembox .lcon { width:25%;}
  .news_itembox .rcon { margin-left:25%;}
  .gd_box { height:40px; line-height:40px; font-size:16px; width:160px; margin-top:20px; margin-bottom:10px;}
  .case_box { padding-top:30px;}
  .case_list ul li { width:48%; margin-right:0;}
  .case_list ul li:nth-child(2n) { float:right;}
  .digg4 { margin-top:20px;}
  .in_contactbox .lcon{ padding-left: 12px; width: 100%; }
  .con_war_2 ul li { width:100%; margin-bottom:20px;}
  .pro-delxq { padding:15px;}
  .pro-delxq_1_lcon { width:100%;}
  .pro-delxq_1_rcon { width:100%; padding:0 0;}
  .pro-del .links a { width:100%;}
  .pro-delxq_2 h2 { font-size:20px; padding-left: 10px;}
  .pro-delxq_3 h2 { font-size:20px; padding-left: 10px;}
  .pro-delxq_4 h2 { font-size:20px; padding-left: 10px;}
  .pro-delxq_5 h2 { font-size:20px; padding-left: 10px;}
  .pro-delxq_6 h2 { font-size:20px; padding-left: 10px;}
  .pro-delxq_3 ul li img { width:100%; height:auto;}
  .pro-delxq_3 ul li p { font-size:14px; width:28%;}
  .pro-delxq_4 { margin-top:10px;}
  .pro-delxq_6 { margin-top:10px;}
  .in_contactbox .rcon{ width:100%; }
  .con_war_1 .rcon_1 h2 { line-height:55px; font-size:32px; margin-bottom:5px;}
  .infoform li p{ font-size: 15px; }
  .ab_warbox .lcon{ width: 100%; float: none; }
  .ab_warbox .rcon{ padding-left: 0; margin-top: 15px; width: 100%; float: none; }
  .ab_his .lcon{ width: 100%; float: none; }
  .ab_his .rcon{ margin-left: 0; padding-left: 0; margin-top: 10px; }
  .accordion__ul{ width: 100%; position: static; height: auto; }
  .accordion__li{ float: left; width: 50%; height: auto; }
  .accordion__img{ width: 100%; }
  .accordion{ height: auto; }
  .accordion:after{ position: static; }
  .product-wrapper.active .lf-panel{ display: none; width: 0; }
  .product-wrapper.active .rt-panel{ width: 100%; }
  .pro-del{ padding: 100px 0 30px 0; }
  .pro-delxq_5 { margin-top:10px;}
  .pro_table { margin-top:0;}
  .pro-del .lcon{ width: 100%; float: none; padding-right: 0; }
  .pro-del .rcon{ width: 100%; float: none; padding: 5px 0; }
  .pro-deltext p{ margin-top: 6px; }
  .pro_table table tr td{ font-size: 14px; }
  .case_text span{ display: none; }
  .case_text p{ line-height: 24px; height: 120px; overflow: hidden; }
  .faqlist ul li:after{ width: 35px; height: 35px; line-height: 35px; font-size: 20px; }
  .faqlist ul li:before{ top: 35px; left: 17px; }
  .faq_item h3{ height: 35px; line-height: 35px; font-size: 20px; }
  .faqlist ul li{ padding-left: 50px; }
  .faq_item p{ padding: 15px; font-size: 18px; }
  .why_box{ margin-top: 10px; }
  .why_ul li{ width: 48%; margin-bottom: 12px; }
  .faqlist{ padding-top: 0; }
  .contact_box{ padding-top: 30px; }
  .accordion__ul li .ab_setext{ padding: 10px; }
  .accordion__ul li .ab_setext span{ line-height: 20px; }
  .infocon .time { font-size:14px;}
  .in_news_1 { width:95%; margin-left:5%;}
  .in_news_2 { width:95%; margin-left:5%;}
  .warper { padding:0 10px;}
  .con_war_1 .rcon_2 ul li button { margin-bottom:40px;}
  .cp_box { padding-top:30px;}
  .news_box { padding-top:30px;}
  .ab_wh_3_left ul li { width:100%; padding-left:0;}
  .copy_2_left { width:100%; padding-top:0; padding-bottom:0; }
   .copy_2_left p {  line-height: 25px; text-align:center;}
  .copy_2_right { width:100%; padding-bottom:50px;}
  .copy_2_right ul li i { font-size:28px; width:100%;}
  .copy_1 { padding-bottom:20px;}
  .con_war_1 .lcon_2 p:nth-child(3) { width:100%;}
  .con_war_1 .lcon_2 p:nth-child(4) { width:100%;}
 .in_anli_2 ul li .more { background-size:20%;}
}

@media screen and (max-width: 640px){
  .in_caseboxtab li a{ font-size: 18px; }
  .in_caselcon{ width: 100%; float: none; }
  .in_casercon{ width: 100%; float: none; padding-left: 0; margin-top: 20px; }
  .in_casercon p a{ margin-top: 4px; }
  .in_casercon p{ height: auto; }
  .in_ab .center-wrap, .in_case .center-wrap, .in_news .center-wrap, .in_contact .center-wrap{ padding-top: 30px; }
  .in_contactbox .lcon{ width: 100%; }
  .in_contactbox .rcon{ margin-left: 0;  margin-top: 20px; }
.in_casebox_2 { height:60vh;}
.news_itembox .lcon { width:30%;}
.news_itembox .rcon { margin-left:30%;}
.case_list ul li h2 { font-size:16px; line-height:25px;}
.case_list ul li { margin-bottom:20px;}
  .map{ margin-top: 22px; }
  .ab_his{ padding: 30px 0; }
  .page_tit{ font-size: 30px; }
  .pro-delxq_6 .rcon_2 ul li button { margin-bottom:40px;}
  .case_text h3{ height: 52px; overflow: hidden; }
  .case_text p{ height: 72px; overflow: hidden; }
  .news_itembox .rcon h3{ font-size: 20px; }
  .infocon h2{ font-size: 18px; line-height:25px; }
  .infocon p{ font-size: 16px; line-height: 24px; }
  .infocon .other{ margin-top: 25px; }
  .in_case{ padding-bottom: 30px; }
  .accordion__ul li .ab_setext span{ font-size: 14px; line-height: 16px; }
  #featured-area{ margin: 140px auto 0 auto; height: 118px; }
  .roundabout-holder{ width: 300px; }
  .roundabout-moveable-item{ width: 400px; }
     .in_anli_2 ul li .more {  background-size:15%;}
}

@media screen and (max-width:480px){
  .warper{ width: 100%; padding: 0 20px; }
  .logo img{ width: auto; height: 55px; }
  .in_casebox_1 h2 { font-size: 24px; line-height: 28px;  height: 56px; }
  .scope_swiper .owl-theme .owl-controls { top:40%; position:inherit;}
  .in_anli_2 ul li { width:100%;}
  .in_anli_2 ul li .more { padding-left:15%;}
  .ab_warbox_1 h2 { font-size:26px; height:45px; line-height:45px;}
  .ab_warbox_1 img { margin:10px 0;}
  .ab_wh_1 h2 { font-size:26px; height:45px; line-height:45px;}
  .ab_wh { padding:30px 0 50px 0;}
  .cp_itembox .lcon { width:100%;}
  .cp_itembox .rcon { margin-left:0;}
  .cp_box_1 h3 { margin-right:20px;}
  .news_itembox .lcon { width:35%;}
  .news_itembox .rcon { margin-left:35%; padding-top:0;}
  .news_itembox .rcon p { margin-top:5px;}
  .gd_box { margin-top:10px;}
  .in_abbox .lcon_1 { width:95%;}
  .in_abbox .lcon_2 { width:90%; margin:0 5%;}
  .in_abbox .lcon_2 .more { margin-bottom:30px; padding-left:15%;}
  .home_boxtit:after{ display: none; }
  .home_boxtit, .home_boxtit span{ font-size: 30px; }
  .in_abbox .lcon p{ line-height: 24px; }
  .in_abmore a{ padding: 8px 20px; }
  .in_newsbox ul li{ width: 100%; margin-right: 0; margin-bottom: 15px; }
  .ab_warbox{ padding-bottom: 30px; }
  .strength_pic li{ width: 100%; float: none; margin-bottom: 10px; }
  .strength_pic{ margin-top: 15px; }
  .ab_service{ padding-top: 30px; padding-bottom: 30px; }
  .accordion__ul li h3{ font-size: 40px; }
  .page_footer .lcon{ width: 100%; float: none; }
  .page_footer .rcon{ width: 100%; margin-left: 0; padding-left: 0; margin-top: 15px; }
  .page_footer .lcon ul li{ margin-bottom: 14px; }
  .footer_tit{ color: #a2a2a2; font-size: 40px; }
  .rt-panel{ position: static; display: inline-block; }
  .item-product{ position: static; flex: none !important; -webkit-box-flex: none !important; -moz-box-flex: none !important; -webkit-flex: none !important; -ms-flex: none !important; }
  .item-bg,.item-info,.product-wrapper{ position: static; }
  .item-product .item-info .item-body{ padding-left: 0; position: static; -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%); transform: translateY(0%); opacity: 1; }
  .product-wrapper{ background: #333; }
  .item-bg{ display: none; }
  .item-info{ height: auto; }
  .item-product.active{  -webkit-box-flex: none !important; -moz-box-flex: none !important;-webkit-flex: none !important; -ms-flex: none !important; flex: none !important; }
  .item-product{ height: auto; }
  .item-info .item-header{ position: static; }
  .item-info .item-header{ -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%); transform: translateY(0%); }
  .item-product .item-info .item-header h2{ width: 100%; text-align: left; padding: 0 20px; }
  .case_list ul li h2 { height:50px;}
  .item-body ul li{ padding: 5px 20px; margin-top: 0; }
  .item-body ul li a{ line-height: 24px; height: 24px; }
  .item-header .svg-panel{ height: 74px; }
  .product-wrapper.active .rt-panel{ padding-top: 70px; }
  .pro-del{ padding: 50px 0 40px 0; }
  .pro-delxq_3 ul li { width:100%; margin-right:0; margin-top:8px;}
  .pro-delxq_6 .rcon_2 ul li input, .pro-delxq_6 .rcon_2 ul li textarea { font-size:16px;}
  .sub_nav h1 { font-size:26px; height:30px; line-height:40px;}
  .pro-delxq_3 ul li p { width:90%;}
  .pro-delxq_5 ul li { width:49%; margin-right:0;}
  .pro-delxq_5 ul li:nth-child(2n) { float:right;}
  .pro-del .share,.pro-del .links{ margin-top: 15px; }
  .pro-del .links a{ width: 48%; }
  .relpro_text{ padding: 15px 10px; }
  .footer_tit,.footer_tit span{ font-size: 30px; }
  .rel_swiper .item{ margin: 0 5px; }
  .rel_swiper{ margin-top: 5px; }
  .pro-del-block{ padding: 20px 0; }
  .pro-deltext h1{ font-size: 28px; }
  .sub_nav{ padding: 10px 0; }
  .news_box ul li{ padding: 5px; margin-bottom: 10px; }
  .digg4 a, .digg4 span.miy, .digg4 span.disabled, .digg4 span.current{ width: 35px; line-height: 35px; height: 35px; }
  .news_box{ padding-bottom: 30px; }
  .why_icon{ padding: 10px 0; }
  .contact_box{ padding-top: 50px; }
  .map_pic{ width: 100%; margin-top: 10px; }
  .infoform li{ width: 100%; float: none; }
  .infoform li:nth-of-type(2){ margin-left: 0; }
  .page_footer .infoform li{ width: 100%; margin-bottom: 12px; }
  .pro_message .infoform li{ width: 100%; }
  .accordion__li{ width: 100%; float: none; }
  .accordion__ul li .ab_setext span{ font-size: 16px; line-height: 24px; }
  .accordion__ul li .ab_setext{ display: block; top: 46px; padding: 10px 20px; }
  .accordion__ul li:hover p{ display: block; }
  .sub_nav { margin-top:-80px;}
  .in_abbox .lcon_1 { margin-top:20px;}
  .in_anli_2 ul li .more { margin-bottom:10px;}
  .ab_wh_3_left ul li { line-height:25px;}
  .footmenu{ display: block; }
}
@media screen and (max-width:414px){
 .warper{ width: 100%; padding: 0 10px; }
  #featured-area{ margin: 102px auto 0 auto; height: 76px; }
  .roundabout-holder{ width: 150px; }
  .roundabout-moveable-item{ width: 280px; }
 .accordion__ul li p{ font-size: 20px; }
 .banner .number span{ width: 12px; height: 12px; }
 .in_case{ padding-bottom: 15px; }
 .in_ab .center-wrap, .in_case .center-wrap, .in_news .center-wrap, .in_contact .center-wrap{ padding-top: 15px; }
 .page_tit{ font-size: 26px; }
 .ab_his{ padding: 20px 0; }
 .ab_warbox{ padding-bottom: 20px; }
 .ab_strength{ padding-top: 20px; }
 .strength_text{ margin-top: 4px; }
 .ab_warbox .rcon p, .ab_his .lcon p, .strength_text p{ line-height: 24px; font-size: 16px; }
 .accordion__ul li h3{ height: 70px; line-height: 70px; font-size: 30px; }
 .pro-del .links a{ width: 100%; float: none; }
 .pro-del .links a:nth-of-type(2){ margin-left: 0; margin-top: 5px; }
 .feature_ul{ margin-top: 8px; }
 .pro_advbox .lcon dl dd,.info_dec{ font-size: 16px; }
 .pro_table table tr td{ padding: 12px 6px; }
 .pro_message .infoform li:nth-of-type(even){ margin-left: 0; }
 .rel_swiper .owl-theme .owl-controls .owl-page span{ width: 10px; height: 10px; }
 .rel_swiper .owl-theme .owl-controls{ top: -37px; right: 0; }
 .footer_tit, .footer_tit span{ font-size: 28px; }
 .case_item .lcon{ width: 100%; float: none; padding-right: 0; }
 .case_item .rcon{ width: 100%; margin-top: 10px; float: none; }
 .case_list li{ padding: 0 0; }
 .case_text p{ margin-top: 5px; }
 .case_list li:nth-of-type(even) .lcon{ padding-left: 0; }
 .case_text h3{ font-size: 20px; }
 .case_text p{ font-size: 16px; line-height: 22px; height: 66px; }
 .infocon h2{ font-size: 22px; }
 .why_ul li{ width: 100%; float: none; }
 .why_box h1{ font-size: 20px; }
 .home_boxtit, .home_boxtit span,.map h3{ font-size: 24px; }
 .news_itembox .lcon{ width: 100%; float: none; }
 .news_itembox .rcon{ margin-left: 0; padding-left: 0; padding: 8px; }
 .news_itembox .rcon p{ margin-top: 6px; }
 .faq_item p{ padding: 8px; }
 .why_box{ padding-bottom: 10px; }
 .in_abbox .lcon_2 .more { padding-left:18%;}
 .scope_biaoti { padding:0;}
}

@media screen and (max-width:380px){
  .accordion__ul li{ width: 100%; float: none; }
  .accordion__ul li .ab_setext span{ line-height: 20px; font-size: 14px; }
  .in_anli_2 ul li .more { padding-left:18%;}
  
 }










